Wii Uソフト（Wii U専用ディスクã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ç‰ˆã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚½ãƒ•ãƒˆï¼‰ã‚’ã”紹介ã—ã¾ã™ã€‚
発売ä¸ã®ã‚½ãƒ•ãƒˆ | ãƒãƒ¼ãƒãƒ£ãƒ«ã‚³ãƒ³ã‚½ãƒ¼ãƒ« | Wii Uソフトウェア｜Nintendo
Wii Uソフト（Wii U専用ディスクã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ç‰ˆã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚½ãƒ•ãƒˆï¼‰ã‚’ã”紹介ã—ã¾ã™ã€‚
QUnit＋PhantomJSã§JavaScriptã®ãƒ˜ãƒƒãƒ‰ãƒ¬ã‚¹ãªãƒ†ã‚¹ãƒˆ
QUnit＋PhantomJSã§JavaScriptã®ãƒ˜ãƒƒãƒ‰ãƒ¬ã‚¹ãªãƒ†ã‚¹ãƒˆï¼šãƒ•ãƒ¬ãƒ¼ãƒ ワークã§å®Ÿè·µï¼ JavaScriptテスト入門（3）（1/3 ページ） ã—ã£ã‹ã‚Šã¨JavaScriptをテストã™ã‚‹ãŸã‚ã«ã€ä»Šæ³¨ç›®ã®JavaScript用ã®ãƒ†ã‚¹ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ワークをã„ãã¤ã‹ç´¹ä»‹ã—ã€ãã®æ¦‚è¦ã‹ã‚‰å®Ÿè·µçš„ãªä½¿ã„æ–¹ã¾ã§è§£èª¬ã™ã‚‹é€£è¼‰ã€‚今回ã¯ã€xUnitç³»ã®ãƒ†ã‚¹ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨ã—ã¦äººæ°—ã®QUnitã®æ¦‚è¦ã‚„使ã„æ–¹ã€PhantomJSã¨çµ„ã¿åˆã‚ã›ãŸãƒ†ã‚¹ãƒˆæ–¹æ³•ã‚’紹介 ヘッドレスãªJavaScriptテスト å‰å›žã®ã€ŒPhantomJSã¨Jasmineã§æŒ¯ã‚‹èˆžã„駆動開発ãªJavaScriptテストã€ã§ã¯ã€PhantomJS＋Jasmineã¨ã„ã†çµ„ã¿åˆã‚ã›ã§JavaScriptテストをヘッドレスã§å®Ÿè¡Œã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã—ãŸã€‚今回ã¯ã€ŒQUnitã€ã¨ã„ã†JavaScriptテストフレームワークã§ãƒ˜ãƒƒãƒ‰ãƒ¬ã‚¹ãªãƒ†ã‚¹ãƒˆç’°å¢ƒã‚’構築
å°ã•ã„ç”»é¢ã§å¤šãã®æƒ…å ±ã‚’è¡¨ç¤ºã™ã‚‹ã€ãƒ‘ãƒãƒ«ã‚’ダイナミックã«3Dã§ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ -Meny
iOSã®æ–¹ãŒãれㄠMenyã¯3Dトランスフォームをサãƒãƒ¼ãƒˆã™ã‚‹ãƒ–ラウザã§å‹•ä½œã—ã€iPhoneã®Mobile Safariã«ã‚‚対応ã—ã¦ã„ã¾ã™ã€‚ 動作ã«å¿…è¦ãªCSS, JavaScriptファイルã¯ã€ä¸‹è¨˜ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ Meny -GitHub
表示ã™ã‚‹ãƒ‡ãƒã‚¤ã‚¹ã«æœ€é©ãªç”»åƒã‚’クラウドã‹ã‚‰å‘¼ã³å‡ºã™ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ス -ReSRC.it
Demo 2: Page å³ä¸Šã®ã€ŒChange widthã€ãƒœã‚¿ãƒ³ã‚’クリックã™ã‚‹ã¨ã€è¡¨ç¤ºã‚µã‚¤ã‚ºãŒå¤‰æ›´ã•ã‚Œã¾ã™ã€‚ ReSRC.itã®ä½¿ã„æ–¹ ReSRC.itを利用ã™ã‚‹ã«ã¯ã€ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã‚’作æˆã—ã¾ã™ï¼ˆç„¡æ–™ï¼‰ã€‚ HTML ç”»åƒã‚’é…ç½®ã™ã‚‹ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªHTMLã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ <!doctype html> <html> <head> <title>Hello Responsive Web</title> </head> <body> <img src="http://app.resrc.it/http://www.resrc.it/img/demo/demo-image-1.jpg" width="100%" class="resrc"/> <script src="http://www.resrc.it/responsive.js"></script> </body> </html> スタ
[CSS]ソーシャルボタンã®ãƒªã‚¹ãƒˆãŒè›‡è…¹çŠ¶ã«æŠ˜ã‚Šç•³ã¾ã‚Œã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
ソーシャルサービスã®ãƒœã‚¿ãƒ³ã‚’é…ç½®ã—ãŸãƒªã‚¹ãƒˆãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è›‡è…¹çŠ¶ã«æŠ˜ã‚Šç•³ã¾ã‚Œã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’紹介ã—ã¾ã™ã€‚ デモページ：開ã„ãŸçŠ¶æ…‹ 実装 外部ファイル jQueryã¨Modernizrã‚’</body>ã®ä¸Šã«å¤–部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script> HTML 一番上ã®ã‚°ãƒ¬ãƒ¼ã¯h2è¦ç´ ã§ã€å„ソーシャルボタンをé…ç½®ã™ã‚‹ãƒ‘ãƒãƒ«ã¯ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã—ã¾ã™ã€‚ <h2 class="connect">Connect with me:</h2> <ul class
レスãƒãƒ³ã‚·ãƒ–時代ã®åˆ¶ä½œãƒ•ãƒãƒ¼ã€Œã‚¤ãƒ³ãƒ–ラウザデザインã€ãªã©ã€ã‚¹ãƒžãƒ•ã‚©å‘ã‘サイトã®ä¼ç”»ã‹ã‚‰åˆ¶ä½œã¾ã§ä¸å¯§ã«å„ªã—ã解説 -マカãƒãƒ³æœ¬æ”¹è¨‚新版
スマートフォンå‘ã‘サイトã®æ§‹ç¯‰ã¯ã¾ã£ãŸãåˆã‚ã¦ã®äººã€åŸºæœ¬ã‹ã‚‰ã—ã£ã‹ã‚Šå¾©ç¿’ã—ãŸã„人ã€ã‚¹ãƒžãƒ•ã‚©å¯¾å¿œã‚µã‚¤ãƒˆã®ä¼ç”»ãƒ»è¨è¨ˆã‹ã‚‰ã€åˆ¶ä½œç’°å¢ƒã®æ§‹ç¯‰ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»åˆ¶ä½œã¾ã§ã€ã“れ一冊ã§å®Ÿå‹™ã®æµã‚ŒãŒæŠŠæ¡ã§ãる「スマートフォンサイト制作入門 改訂新版ã€ã‚’紹介ã—ã¾ã™ã€‚
jQuery Mobileã®å®Ÿå‹™ã§å½¹ç«‹ã¤çŸ¥è˜ã‚’基本ã‹ã‚‰å¿œç”¨ã¾ã§ã—ã£ã‹ã‚Šå¦ã¹ã‚‹æœ¬ -jQuery Mobileコーディング
jQuery Mobileã¯ç°¡å˜ã«èª¬æ˜Žã™ã‚‹ã¨ã€ã‚¹ãƒžãƒ•ã‚©ç”¨ã®ã•ã¾ã–ã¾ãªUIやエフェクトをHTML/CSSベースã§ç°¡å˜ã«å®Ÿè£…ã§ãるスマフォ用ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã€ã“ã®jQuery Mobileã‚’æœ¬æ ¼çš„ã«åŸºæœ¬ã‹ã‚‰å¦ã³ã€æ›´ã«Web APIã‚„Webストレージを使ã£ãŸæ—¬ã®åˆ©ç”¨æ–¹æ³•ã¾ã§ã‚’ステップã”ã¨ã«ã‚„ã•ã—ã解説ã—ãŸã€Œãã»ã‚“ã‹ã‚‰ã‚ã‹ã‚‹ jQuery Mobileコーディングã€ã‚’紹介ã—ã¾ã™ã€‚ スマフォ用サイトを構築ã—ãŸã„人ã¯ã‚‚ã¡ã‚ã‚“ã€HTML/CSSã®çŸ¥è˜ãŒã‚ã‚Šã€jQueryã®ãƒ—ラグインを使ã£ãŸã“ã¨ãŒã‚る人ã§ã‚ã‚Œã°ã€å•é¡Œãªã„レベルã®æœ¬ã§ã™ã€‚ 2ç¾½ã®ã‚¦ã‚µã‚®ãŒè·³ãã¦ã„ã‚‹ã®ãŒç›®å°ã§ã™ã€‚
[JS]エイプリルフール用ã®ãƒã‚¿ã‚’ã‚ãªãŸã®ãƒ–ãƒã‚°ã«ä»•è¾¼ã‚€ã‚¹ã‚¯ãƒªãƒ—ト -Fool.js
ウェブページを逆ã•ã¾ã«ã—ãŸã‚Šã€å‚¾ã‘ãŸã‚Šã€ã‚¯ãƒªãƒƒã‚¯ç¦æ¢ã«ã—ãŸã‚Šãªã©ã€ã¡ã‚‡ã£ã¨ã—ãŸã‚¤ã‚¿ã‚ºãƒ©ã‚’ブãƒã‚°ãªã©ã«ä»•è¾¼ã‚€jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ Fool.jsã®ã€ŒPranksã€ã«ã‚¤ã‚¿ã‚ºãƒ©ã®ä¸€è¦§ãŒã‚ã‚Šã¾ã™ Pranksã®å„アイテムをクリックã™ã‚‹ã¨ã€æ¬¡ã®ã‚¤ã‚¿ã‚ºãƒ©ã‚’実行ã—ã¾ã™ã€‚ fallingScrollbar スクãƒãƒ¼ãƒ«ãƒãƒ¼ã®æ¶ˆå¤± rick リック・アストリーã®å‹•ç”»ã‚’スクリーン外ã§å†ç”Ÿ hiddenVideos æ„味ä¸æ˜Žãªå‹•ç”»ã‚’å†ç”Ÿ vanishingElements ä»»æ„ã®è¦ç´ を消失 questionTime ç±³ã®ã‚¢ãƒ‹ãƒ¡ã‚¹ãƒãƒ³ã‚¸ãƒ»ãƒœãƒ–ã®ãƒ†ãƒ¼ãƒžã‚½ãƒ³ã‚°ã‚’æŒã† upsideDown ページ表示を逆ã•ã¾ã« h4xx0r ページを編集å¯èƒ½ã« wonky ページを傾ã‘ã‚‹ flash ページをãƒã‚«ãƒã‚«è¡¨ç¤º crashAndBurn エンドレスãªãƒ«ãƒ¼ãƒ—を実行 ※ブラウザクラッシュã£ã½ã„ã‘ã©ã€å®Ÿè¡Œã—ãªã„よã†
複数ページã«ã‚‚対応ã¨ã¯ï¼ãƒšãƒ¼ã‚¸ã«åˆ†ã‹ã‚Šã‚„ã™ã„プãƒãƒ€ã‚¯ãƒˆãƒ„ã‚¢ãƒ¼ã‚’åŠ ãˆã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ワーク -Hopscotch
ページã«åˆ†ã‹ã‚Šã‚„ã™ãã€ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒ„ã‚¢ãƒ¼ã‚’åŠ ãˆã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ワークを紹介ã—ã¾ã™ã€‚ ä¼¼ãŸã‚ˆã†ãªã‚¹ã‚¯ãƒªãƒ—トã¯ãŸãã•ã‚“ã‚ã‚Šã¾ã™ãŒã€ã“ã‚Œã¯ãƒ„アー移動ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒ„アーを戻るã€ãã—ã¦è¤‡æ•°ãƒšãƒ¼ã‚¸ã«ã‚‚対応ã—ã¦ã„ã¾ã™ã€‚ 1ページ内ã§ã®ãƒ„アーã§ã‘ã§ã¯ãªãã€è¤‡æ•°ãƒšãƒ¼ã‚¸ã‚’横æ–ã™ã‚‹ãƒ„アーも作æˆã§ãã¾ã™ã€‚ Hopscotch Hopscotch -GitHub Hopscotchã®ç‰¹å¾´ Hopscotchã®ãƒ‡ãƒ¢ Hopscotchã®ä½¿ã„æ–¹ Hopscotchã®ç‰¹å¾´ イベントã®ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ ツアーä¸ã®ã•ã¾ã–ã¾ãªã‚¤ãƒ™ãƒ³ãƒˆã®ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã‚’装備。 マルãƒãƒšãƒ¼ã‚¸å¯¾å¿œ HTML5ã®ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã‚„クッã‚ーを利用ã—ã¦ã€è¤‡æ•°ãƒšãƒ¼ã‚¸ã«ã¾ãŸãŒã‚‹ãƒ„アーもå¯èƒ½ã€‚ i18n対応 ã•ã¾ã–ã¾ãªè¨€èªžã§ã®å®Ÿè£…をサãƒãƒ¼ãƒˆã€‚ å¿«é©ãªãƒ¬ã‚¹ãƒãƒ³ã‚¹ 一ã¤ã²ã¨ã¤ã¯è»½é‡ãªã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã€‚ Hopscotchã®ãƒ‡ãƒ¢ ページ自体ãŒãƒ‡ãƒ¢ã«ãªã£ã¦ã„ã¾ã™ã€‚ ä¸å¤®ä¸‹ã®ã€ŒTale
[JS]スマフォ・タブレットã§ã®åˆ©ç”¨ã‚’å‰æã«ä½œã‚‰ã‚ŒãŸã‚¿ãƒ–を実装ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Tabby
Demo: åž‚ç›´åž‹ã®ã‚¿ãƒ– タブレットやデスクトップãªã©ã®åºƒã„スクリーンã§ã¯åž‚ç›´åž‹ã§å³å´ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒè¡¨ç¤ºã•ã‚Œã€å°ã•ã„スクリーンã§ã¯æ°´å¹³åž‹ã«è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ Tabbyã®ä½¿ã„æ–¹ ステップã¯2ã¤ã§ã™ã€‚ Step 1: 外部ファイル 当スタイルシートをhead内ã«ã€ã‚¹ã‚¯ãƒªãƒ—トã¨jQueryã‚’bodyã®ä¸‹ã‚ãŸã‚Šã«è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <link rel="stylesheet" href="tabby.css" type="text/css"> </head> <body> ... <script src="http://code.jquery.com/jquery-1.9.0.min.js"></script> <script src="tabby.js"></script> </body> Step 2: HTML HTMLã¯ãƒ‡ãƒ¢ã‚’ベースã«ç´¹ä»‹ã—ã¾ã™ã€‚ Demo: ベーシックタイプ
[JS]ãŠæ°—ã«å…¥ã‚Šã®ã‚«ãƒ©ãƒ¼ã‚¹ã‚¦ã‚©ãƒƒãƒã‚’アウトプットã™ã‚‹ãŸã‚ã®ã‚¹ã‚¯ãƒªãƒ—ト -Swatches
ãŸã£ãŸä¸€ã¤ã®divè¦ç´ を使ã†ã ã‘ã§ã€ãŠæ°—ã«å…¥ã‚Šã®ã‚«ãƒ©ãƒ¼ã‚¹ã‚¦ã‚©ãƒƒãƒã®ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ãƒšãƒ¼ã‚¸ã‚’作æˆã§ãã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ ホãƒãƒ¼ã§ã‚³ãƒ¼ãƒ‰è¡¨ç¤º Swatchesã®ä½¿ã„æ–¹ 使ã„æ–¹ã¯éžå¸¸ã«ç°¡å˜ã§ã™ã€‚ Step 1: 外部ファイル スタイルシートã¯head内ã«ã€ã‚¹ã‚¯ãƒªãƒ—トを</body>ã®ä¸Šã«é…ç½®ã—ã¾ã™ã€‚ <head> <link href="css/swatches.css" rel="stylesheet"> </head> <body> ... ... <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <script type="text/javascript" src="jquery.swatches.js"></
[JS]レスãƒãƒ³ã‚·ãƒ–対応ã®éžå¸¸ã«ç¾Žã—ã„ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’実装ã™ã‚‹è¨ç½®ãŒç°¡å˜ãªã‚¹ã‚¯ãƒªãƒ—ト -least.js
least.js -デモ：画åƒã®æ‹¡å¤§æ™‚ least.jsã®ä½¿ã„æ–¹ 実装ã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ルã§ã€ç°¡å˜ã§ã™ã€‚ Step 1: 外部ファイル head内ã«ã€Œjquery.jsã€ã¨å½“スクリプト・スタイルシートを記述ã—ã¾ã™ã€‚ç”»åƒã®é…延èªã¿è¾¼ã¿ã«ã¯ã€Œlazyload.jsã€ã‚’使用ã—ã¾ã™ã€‚ <!-- least.js CSS-file --> <link href="css/least.min.css" rel="stylesheet" /> <!-- jQuery libary --> <script src="http://code.jquery.com/jquery-latest.js" defer="defer"></script> <!-- least.js JS-file --> <script src="js/least.min.js" defer="defer"></script> <!--
[CSS]デザインã¯ç¾Žã—ãã€ã‹ã‚ã„ã„アニメーションを備ãˆãŸãƒŠãƒ“ゲーションを実装ã™ã‚‹ãƒ‡ãƒ¢
シンプルãªãƒªã‚¹ãƒˆã‚’使ã£ã¦ã€ã‚¢ã‚¤ãƒ†ãƒ ãŒãƒ›ãƒãƒ¼æ™‚ã«å¹ã出ã—状ã«ãƒãƒƒãƒ—アップã™ã‚‹ã‹ã‚ã„らã—ã„アニメーションを備ãˆãŸãƒŠãƒ“ゲーションを実装ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ‡ãƒ¢ã‚’紹介ã—ã¾ã™ã€‚ アニメーションもã‹ã‚ã„ãã¦ç´ 敵ã§ã™ãŒã€åŠé€æ˜Žã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚ã¨ã¦ã‚‚美ã—ã„ナビゲーションã§ã™ã。 デモã¯ã€æœ€æ–°ã®ãƒ¢ãƒ€ãƒ³ãƒ–ラウザã§ã”覧ãã ã•ã„。 Menu 実装ã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ HTML シンプルãªãƒªã‚¹ãƒˆã§å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ <nav> <menu> <li><a href="#">☀</a></li> <li><a href="#">✈</a></li> <li><a href="#">â„</a></li> <li><a href="#">☎</a></li> </menu> </nav> <nav class="menu2"> <menu> <li><a href="#">home</a></li> <li><
プレゼン用ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’実装ã™ã‚‹ã€ã‚ãšã‹1KBãªã®ã«å¤šå½©ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å‚™ãˆã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã«ã‚‚対応ã—ãŸã‚¹ã‚¯ãƒªãƒ—ト -Bespoke.js
コンカーブ 凹状ã«é…ç½®ã—ãŸãƒ‘ãƒãƒ«ã‚’スライドã—ã¾ã™ã€‚ Bespoke.jsã®ä½¿ã„æ–¹ スライドショーã®å®Ÿè£…ã¯ç°¡å˜ã§ã€3ステップã§ã™ã€‚ Step 1: HTMLã¨å¤–部ファイル スタイルシートã¨ã‚¹ã‚¯ãƒªãƒ—トを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã€å„パãƒãƒ«ã¯sectionè¦ç´ ã§å®Ÿè£…ã—ã€articleã§åŒ…ã¿ã¾ã™ã€‚ スタイルシートã¯ãƒ†ãƒ¼ãƒžã”ã¨ã«å¤‰æ›´ã—ã¾ã™ã€‚ <link rel="stylesheet" href="path/to/my/theme.css"> <article> <section>Slide 1</section> <section>Slide 2</section> <section>Slide 3</section> </article> <script src="bespoke.min.js"></script> <script src="path/to/my/script.js"></scri
レスãƒãƒ³ã‚·ãƒ–且ã¤ã‚°ãƒªãƒƒãƒ‰ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç”Ÿæˆã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ãƒ»ã€Œgridpak〠- ã‹ã¡ã³ã¨.net
gridpakã¯ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザインã«å¯¾å¿œã—ãŸã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã§ã™ã€‚従æ¥ã®ã‚°ãƒªãƒƒãƒ‰ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã«ãƒ–レークãƒã‚¤ãƒ³ãƒˆã‚’è¨å®šå‡ºæ¥ã‚‹é …ç›®ãŒä»˜ã„ã¦ã„ã‚‹ã®ã§æ“作も楽ã«è¡Œãˆã¾ã™ã€‚ gridpak
Git ãŒã‚ã‹ã‚‰ãªãã¦ã‚‚ Github を利用ã—よㆠ| ãã‚“ãªã“ã¨è¦šãˆã¦ãªã„
ã¿ãªã•ã‚“ Github を利用ã—ã¦ã„ã¾ã™ã‹ï¼Ÿ 「Git ãŒã‚ã‹ã‚‰ãªã„ã‹ã‚‰â€¦ã€ã¨ã€ãã‚“ãªç†ç”±ã§ä½¿ã‚ãªã„ã®ã¯ã‚‚ã£ãŸã„ãªã„ã§ã™ã€‚ Webや開発ã«æºã‚る人間ã§ã‚ã‚Œã°ã€ä¾‹ãˆãƒ—ãƒã‚°ãƒ©ãƒ を書ã‹ãªãã¦ã‚‚ã€Github ã¸ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹æ©Ÿä¼šã¯å¢—ãˆã¦ã„ã‚‹ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ Webã®äººã§ã‚れ㰠jQueryã®ãƒ—ラグインを探ã—ãŸã‚Šã€ã‚µãƒ³ãƒ—ルコード㌠Github ã«ãŠã„ã¦ã‚ã£ãŸã‚Šã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã—ã‹ã—ã€ã„ããªã‚Šä½¿ã„ã“ãªã™ã®ã¯é›£ã—ã„ã®ã§ã€ã¾ãšã¯ä»¥ä¸‹ã®ã“ã¨ã‚’ã¯ã˜ã‚ã¦ã¿ã‚‹ã“ã¨ã‚’ãŠã™ã™ã‚ã—ã¾ã™ã€‚ アカウントを作る 知りåˆã„ã‚„æ°—ã«ãªã‚‹äººã‚’フォãƒãƒ¼ã™ã‚‹ 自分ãŒåˆ©ç”¨ã—ã¦ã„るリãƒã‚¸ãƒˆãƒªã‚„æ°—ã«ãªã‚‹ãƒªãƒã‚¸ãƒˆãƒªã«ã‚¹ã‚¿ãƒ¼ã‚’付ã‘ã‚‹ News Feed ã‚’èªã‚€ 日本人ãŒã‚„ã£ã¦ã‚‹ãƒã‚¿ãƒªãƒã‚¸ãƒˆãƒªã® Issues ã‚„Pull Requestsã«çµ¡ã‚€ Gitを利用ã—ãªã‘ã‚Œã°ã„ã‘ãªã„機能ã¯ã¨ã‚ŠãŸã¦ã¦ã‚ã‚Šã¾ã›ã‚“。(Pull Requestã«ã¯çªã£è¾¼
XSSを放置ã—ã¦ãŸã‚‰æ•°å分ã§ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå‡ºæ¥ä¸ŠãŒã£ã¦ãŸä»¶ - osyoyu.com/blog
作ã£ã¦ãŸã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚²ãƒ¼ãƒ ã®é€šä¿¡éƒ¨åˆ†ã‚‰ã—ãã‚‚ã®ãŒãªã‚“ã¨ãªã出æ¥ä¸ŠãŒã£ãŸã®ã§ã€é©å½“ã«ãƒãƒ£ãƒƒãƒˆã‚‚ã©ãを作り上ã’ã¦å…¬é–‹ã—ã¦ã¾(ã™|ã—ãŸ)。 ã“ã“ã§ã™ http://osyoyu.com/client/ ã¨ã“ã‚ã§ã€WebSocket+MessagePackを使ã£ãŸé€šä¿¡ãŒå®Ÿè£…ã§ããŸã“ã¨ã§å¬‰ã—ããªã£ã¦ã€XSS対ç–ã¨ã‹å¿˜ã‚Œã¦ã¾ã—ãŸã€‚ ãã“ã«ç›®ã‚’ã¤ã‘㟠@kyonfuee ã•ã‚“ãŒjQueryを実行ã—ã¾ãã£ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ãã‚Œã¾ã—ãŸ(!?) ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ï¼ï¼ before (ãŠä¸–辞ã«ã‚‚良ã„デザインã¨ã¯è¨€ãˆãªã„): ã£ã¦ã„ã†æ„Ÿã˜ã«ãªã£ã¦ã¾ã—ãŸã€‚æ°—ã¥ã‹ãªã„ã†ã¡ã«ç°¡ç´ ãªãƒšãƒ¼ã‚¸ãŒè±ªè¯ã«ãªã£ã¦ã¾ã—ãŸã€‚感動…ï¼ï¼ ã‚ã¨èª°ã æ„›ç†ã‚’backgroundã«ã—ãŸã®ã€‚次ã‹ã‚‰ã¯ã§ãã‚Œã°ãƒãƒªã£å¨˜ã§ãŠé¡˜ã„ã—ã¾ã™ã€‚ çµè«–: XSSã¯ç©æ¥µçš„ã«æ”¾ç½®ã—ã¦è¡Œã‘ ã‚ã€æœ€çµ‚çš„ã«ã¯ em-websocket ãŒãƒã‚°ã£ã¦æ»ã‚“ã ã£ã½ã„ã®ã§, 暇ãŒã‚ã£
パスワード強度をパーセンテージã§è¡¨ã—安全性ã®é«˜ã„パスを促進ã§ãる「jquery-complexifyã€:phpspot開発日誌
Dan Palmer パスワード強度をパーセンテージã§è¡¨ã—安全性ã®é«˜ã„パスを促進ã§ãる「jquery-complexify〠次ã®ã‚ˆã†ã«å…¥åŠ›æ¯Žã«å®‰å…¨æ€§ã‚’表示ã§ãã¾ã™ã€‚利用者ã¯ï¼‘ï¼ï¼ï¼…を目指ãã†ã¨ã‚ˆã‚Šè¤‡é›‘ãªãƒ‘スワードを付ã‘るよã†ã«ãªã‚Šãã†ã€‚ 使ã„æ–¹ã¯jQueryベースãªã®ã§ç°¡å˜ã§ã™ãŒã€å¼·åº¦ã‚’ã©ã“ã¾ã§æŒãŸã›ã¤ã¤ã€æ›´ã«åˆ©ä¾¿æ€§ã‚’高ã‚ã‚‹ã‹ã¨ã„ã†ã¨ã“ã‚ã§ãƒ‘ラメータã®ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã¯æ…Žé‡ã«ã‚„ã‚ŠãŸã„ã¨ã“ã‚ã§ã™ã $("#password").complexify(options, callback(valid, complexity){...}); 関連エントリ パスワードã®å¼·åº¦ãƒã‚§ãƒƒã‚¯ã‚’ç°¡å˜ã«å°Žå…¥ã§ãã‚‹jQueryプラグイン「jQuery Strong Passwordã€
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
[JS]ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„jQueryã®ãƒ—ラグインã®ã¾ã¨ã‚ -2013å¹´3・4月
babyshark - 世界よã€ã“ã‚ŒãŒæ—¥æœ¬ã®AV女優ã ï¼XVIDEOS å‹•ç”»ã¾ã¨ã‚
{{#tags}}- {{label}}
{{/tags}}