ãŠå•ã„åˆã‚㛠広告掲載・メディア紹介ãªã©ã®ãŠå•ã„åˆã‚ã›ã¯ã€ä¸‹è¨˜ã®ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã¾ã§ãŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ tactsh(at)gmail.com
ã¿ã‚“ãªã§æ—©æŠ¼ã—クイズ - オンライン対戦クイズゲームアプリ
ãŠå•ã„åˆã‚㛠広告掲載・メディア紹介ãªã©ã®ãŠå•ã„åˆã‚ã›ã¯ã€ä¸‹è¨˜ã®ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã¾ã§ãŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ tactsh(at)gmail.com
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰JavaScriptã«ãŠã‘ã‚‹è¨è¨ˆã¨ãƒ†ã‚¹ãƒˆ
今日話ã•ãªã„ã“㨠JavaScriptã®åŸºç¤ŽçŸ¥è˜ã€jQueryã®å°Žå…¥ æ°—æŒã¡ã„ã„UIã‚„UXãŒã†ã‚“ã¡ã‚ƒã‚‰ Canvasã‚„WebGLを使ã£ãŸãƒªãƒƒãƒã§ã‚¤ã‚±ã¦ã‚‹ã‚²ãƒ¼ãƒ ã®ä½œã‚Šæ–¹
50è¡Œã§ä½œã‚‹ã€HTML5+JavaScriptã§ã€Žãƒ©ãƒ³ã‚°ãƒˆãƒ³ã®ã‚¢ãƒªã€ã®ç°¡å˜ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼ - ã‚ã®ãノート。
2013-09-16 50è¡Œã§ä½œã‚‹ã€HTML5+JavaScriptã§ã€Žãƒ©ãƒ³ã‚°ãƒˆãƒ³ã®ã‚¢ãƒªã€ã®ç°¡å˜ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼ ã‚„ã‚Šæ–¹ é©å½“プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è§£èª¬ã‚·ãƒªãƒ¼ã‚º ã¯ã˜ã‚ã«ã€‚ ラングトンã®ã‚¢ãƒª(Langton's ant)を知ã£ã¦ã„ã¾ã™ã‹ï¼Ÿãƒ©ãƒ³ã‚°ãƒˆãƒ³ã®ã‚¢ãƒªã¯Wikipediaã®ãƒ©ãƒ³ã‚°ãƒˆãƒ³ã®ã‚¢ãƒªã«ã‚ˆã‚‹ã¨ã€ä»¥ä¸‹ã®ã‚ˆã†ã«è¨˜è¿°ã•ã‚Œã¦ã„ã¾ã™ã€‚ ラングトンã®ã‚¢ãƒªï¼ˆè‹±: Langton's ant）ã¯ã€ã‚¯ãƒªã‚¹ãƒˆãƒ•ã‚¡ãƒ¼ãƒ»ãƒ©ãƒ³ã‚°ãƒˆãƒ³ãŒç™ºæ˜Žã—ãŸå˜ç´”ãªè¦å‰‡ã§è¨˜è¿°ã•ã‚Œã‚‹2次元ãƒãƒ¥ãƒ¼ãƒªãƒ³ã‚°ãƒžã‚·ãƒ³ã§ã‚る。 実際ã®3匹ã®ãƒ©ãƒ³ã‚°ãƒˆãƒ³ã®ã‚¢ãƒªã®æ—©é€ã‚Šã•ã‚ŒãŸå‹•ãã§ã™ã€‚ 一見複雑ãã†ã«è¦‹ãˆã¾ã™ãŒã€ãƒ«ãƒ¼ãƒ«ã¯ãŸã£ãŸã“ã‚Œã ã‘ã§ã™ã€‚(上ã®gifã§ã¯è‰²ã®ã‚るマスãŒç™½ã®ãƒžã‚¹ã¨ã—ã¦ã„ã¾ã™ã€‚) é»’ã„マスã«ã‚¢ãƒªãŒã„ãŸå ´åˆã€90°å³ã«æ–¹å‘転æ›ã—ã€ãã®ãƒžã‚¹ã®è‰²ã‚’å転ã•ã›ã€1マスå‰é€²ã™ã‚‹ã€‚ 白ã„マスã«ã‚¢ãƒªãŒã„ãŸå ´åˆã€90°左ã«æ–¹å‘転æ›ã—ã€ãã®ãƒžã‚¹ã®è‰²ã‚’å転ã•ã›ã€
200è¡Œã§ä½œã‚‹ã€enchant.jsを使ã£ãŸç°¡å˜ã·ã‚ˆã·ã‚ˆãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚° - ã‚ã®ãノート。
2013-08-24 200è¡Œã§ä½œã‚‹ã€enchant.jsを使ã£ãŸç°¡å˜ã·ã‚ˆã·ã‚ˆãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚° ã‚„ã‚Šæ–¹ ã¯ã˜ã‚ã« ã“ã®å‰enchant.jsã§ã·ã‚ˆã·ã‚ˆ by ãŠã£ç«‹ã¡é‡ŽéƒŽã‚’作ã£ã¦å…¬é–‹ã—ã¾ã—ãŸã€‚ enchant.jsã§ä½œã£ãŸHTML5+JavaScriptãªã€Œã·ã‚ˆã·ã‚ˆã€ã‚’公開ã—ã¾ã—㟠ã“れを知りåˆã„Rå›ã«ç´¹ä»‹ã—ãŸã¨ã“ã‚ã€å¬‰ã—ã„事ã«ã€Œåƒ•ã‚‚ã·ã‚ˆã·ã‚ˆä½œã‚ŠãŸã„ï¼ã€ã¨ã„ã£ã¦ã‚‚らãˆã¾ã—ãŸã€‚ãã‚Œã§ã·ã‚ˆã·ã‚ˆã®è§£èª¬ã‚µã‚¤ãƒˆã‚’ãƒãƒƒãƒˆã§è¦‹ã¤ã‘ã¦ç´¹ä»‹ã—よã†ã¨æ€ã„ã¾ã—ãŸã€‚ ã—ã‹ã—ã€ãƒ†ãƒˆãƒªã‚¹ã®è§£èª¬ã‚µã‚¤ãƒˆã¯å±±ã»ã©ã‚ã‚‹ã®ã«ã€ã·ã‚ˆã·ã‚ˆãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®è§£èª¬ã‚µã‚¤ãƒˆãŒå…¨ç„¶ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚特ã«å®Œæˆã¾ã§è§£èª¬ã—ã¦ã„るサイトã¯è¦‹ã¤ã‘られã¾ã›ã‚“ã§ã—ãŸã€‚テトリスã¯ã‚ã‚‹ã®ã«ã€‚ ã¨ã„ã†ã“ã¨ã§ã€ä»Šå›žã·ã‚ˆã·ã‚ˆãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®å®Œæˆã¾ã§ã®è§£èª¬ã‚’書ã„ã¦ã¿ã¾ã—ãŸã€‚ã“ã‚Œã¯enchant.jsã®åŸºç¤Žã‚’ã²ã¨é€šã‚Šå‹‰å¼·ã•ã‚ŒãŸæ–¹ã«ãŠã™ã™ã‚ã§ã™ã€‚クマをã¡ã‚‡ã“ã¡ã‚‡ã“å‹•ã‹ã™ã ã‘
ãªãœJavaScriptã§ãƒ†ã‚¹ãƒˆã‚³ãƒ¼ãƒ‰ã‚’書ãã®ã‹ï¼Ÿ
ã¯ã˜ã‚㫠第1回目ã®æœ¬ç¨¿ã¯ã€å®Ÿéš›ã«ãƒ†ã‚¹ãƒˆã‚³ãƒ¼ãƒ‰ã‚’書ãå‰ã«ã€åŸºæœ¬çš„ãªè€ƒãˆæ–¹ã§ã‚る「ãªãœãƒ†ã‚¹ãƒˆã‚³ãƒ¼ãƒ‰ã‚’書ãã®ã‹ï¼Ÿã€ã‚’解説ã—ã¾ã™ã€‚ 対象èªè€… JavaScriptã®åŸºæœ¬ã‚’ã‚る程度ç†è§£ã—ã¦ã„ã‚‹æ–¹ テストコードをã“ã‚Œã‹ã‚‰æ›¸ã“ã†ã¨è€ƒãˆã¦ã„ã‚‹æ–¹ é »ç¹ãªå¤‰åŒ–ã¸ã®å¯¾å¿œ ã¾ãšã¯ã€é–‹ç™ºç¾å ´ã§å¤šãè¡Œã‚ã‚Œã¦ã„る基本的ãªè€ƒãˆæ–¹ã‚’振り返りã€ãƒ†ã‚¹ãƒˆã‚³ãƒ¼ãƒ‰ãŒãªãœå¿…è¦ãªã®ã‹ã‚’考ãˆã¦è¡ŒããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã“ã‚Œã¾ã§ã®ãƒ†ã‚¹ãƒˆã®è€ƒãˆæ–¹ ã¾ãšã¯ã€ä¸€èˆ¬çš„ãªã‚¦ã‚©ãƒ¼ã‚¿ãƒ•ã‚©ãƒ¼ãƒ«ãƒ¢ãƒ‡ãƒ«ã‚’例ã«è€ƒãˆã¦ã¿ã¾ã—ょã†ã€‚通常ウォータフォールモデルã§ã¯ã€è¨è¨ˆâ†’実装→テストã¨ã„ã†é †ç•ªã§ã€ä½œã£ãŸã‚‚ã®ã‚’最後ã«ãƒ†ã‚¹ãƒˆã—ã¾ã™ã€‚最後ã«ãƒ†ã‚¹ãƒˆã‚’è¡Œã†ã¨ã„ã†ã®ã¯ã€è¨€ã„æ›ãˆã‚‹ã¨ã€Œå“質を最後ã«æ‹…ä¿ã™ã‚‹ã€ã¨è¨€ãˆã¾ã™ã€‚ ã¾ãŸã€æœ€å¾Œã«ãƒ†ã‚¹ãƒˆã™ã‚‹å ´åˆã¯ã€é€šå¸¸ãƒ†ã‚¹ãƒˆä»•æ§˜æ›¸ãªã©ã‚’作æˆã—ãŸä¸Šã§å¿…è¦ãªãƒ†ã‚¹ãƒˆãƒ‘ターンを洗ã„出ã—ã€æ‰‹å‹•ã§ãƒ†ã‚¹ãƒˆã‚’実施ã—ã¾ã™ã€‚ 変化ã¸ã®å¯¾å¿œãŒæ±‚ã‚られã¦ã„ã‚‹ スタートアッ
reveal.jsベースã®ãƒ—レゼンをWeb上ã§ä½œã‚Œã¡ã‚ƒã†ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚¨ãƒ‡ã‚£ã‚¿ã€Žrvl.ioã€ã®ä½¿ã„方をrvl.ioを使ã£ã¦è§£èª¬ã—ã¦ã¿ãŸ | TM Life
ãªã‚“ã‹æ˜¨æ—¥, koba04ã•ã‚“ã®ã€Žã€Œãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°æœªçµŒé¨“ã®ã‚¿ãƒ¯ãƒ¬ã‚³åº—å“¡ãŒã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ãªã£ã¦æ€ã£ãŸã“ã¨ã€ã¨ã„ã†ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’書ã„ã¦ã¿ãŸã€ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãŒã‚ッカケ㧠１年å‰ã«å…¬é–‹ã—ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Žã‚ªã‚·ãƒ£ãƒ¬ãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’ç°¡å˜ã«ä½œã‚Œã¡ã‚ƒã† reveal.js ã®ä½¿ã„方を reveal.js を使ã£ã¦è§£èª¬ã—ã¦ã¿ãŸ.ã€ã¸ã®ã‚¢ã‚¯ã‚»ã‚¹æ•°ãŒæ€¥ä¸Šæ˜‡ã—ã¾ã—ãŸ. ã“ã‚Œã«ä¾¿ä¹—ã—ã¦, 今回㯠reveal.js 㮠オンラインエディタ版『rvl.ioã€ã®ä½¿ã„æ–¹ã¤ã„ã¦è§£èª¬ã—ãŸã„ã¨æ€ã„ã¾ã™. 最近ã¯, ã‚ã‚ŠãŒãŸã„ã“ã¨ã«è¬›æ¼”ã«ä¾é ¼ã‚„, 実際ã«ã‚»ãƒŸãƒŠãƒ¼ã§ç™ºè¡¨ã™ã‚‹æ©Ÿä¼šã‚‚増ãˆã¦ããŸã®ã§ ã‹ãªã‚Šé‡å®ã—ã¦ã„ã¾ã™. ã¨ã¦ã‚‚便利ãªã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚¨ãƒ‡ã‚£ã‚¿ãªã®ã§ãœã²ä½¿ã£ã¦ã¿ã¦ä¸‹ã•ã„. Table of contents reveal.js ã£ã¦ï¼Ÿ rvl.io ã£ã¦ï¼Ÿ rvl.io ã®ä½¿ã„方をrvl.ioã§ä½œã£ãŸãƒ—レゼンã§è§£èª¬ã—ã¦ã¿ãŸ éŽåŽ»ã«
JavaScript ã§ã‚ªã‚»ãƒã‚’実装ã™ã‚‹(é…延評価編) | Webシステム開発ï¼æ•™è‚²ã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¿ã‚¤ãƒ インターメディア
ã“ã‚Œã¾ã§ã®ã‚らã™ã˜ 新人ã®åŠ›é‡ã‚’測るãŸã‚ã®èª²é¡Œã¨ã—ã¦ã‚ªã‚»ãƒã®ä½œæˆã‚’指示ã—ãŸãŒã€ 指示ã—ãŸå½“人ãŒä½œã‚Œãªã„よã†ã§ã¯è©±ã«ãªã‚‰ãªã„ã®ã§å®Ÿéš›ã«ä½œã‚Šå§‹ã‚ãŸã€‚ 一先ãšç›¤é¢ãŒ4×4ã§é»’も白も人間ãŒæŒ‡ã™ä¸€äººäºŒå½¹ã®å¯‚ã—ã„オセãƒã¯å®Ÿè£…ã§ããŸã®ã ãŒã€ å¿«é©ã«éŠã¶ã«ã¯å¤§ããªå•é¡ŒãŒæ½œã‚“ã§ã„ãŸã®ã§ã‚ã£ãŸã€‚ 実ã¯4×4ã§æ—¢ã«é‡ã„å•é¡Œ 実際ã«å‰å›žä½œæˆã—ãŸã‚ªã‚»ãƒã‚’実行ã™ã‚‹ã¨ã€ ゲームãŒéŠã¹ã‚‹ã‚ˆã†ã«ãªã‚‹ã¾ã§ã«å‰²ã‚Šã¨å¾…ãŸã•ã‚Œã¾ã™ã€‚ ãれもãã®ã¯ãšã§ã€ã‚ã®å®Ÿè£…㯠ゲームä¸ã§å–ã‚Šå¾—ã‚‹å±€é¢ã‚’予ã‚å…¨ã¦åˆ—挙 ã—ã¦ã„ãŸã‹ã‚‰ã§ã™ã€‚ ã—ã‹ã‚‚4×4ã¨ã„ã†æœ€å°é™ã®ç›¤é¢ã®ã‚ªã‚»ãƒã§ã™ã‚‰ã‚²ãƒ¼ãƒ ä¸ã«å‡ºç¾ã—å¾—ã‚‹å±€é¢ = ゲーム木ã«å«ã¾ã‚Œã‚‹ãƒŽãƒ¼ãƒ‰æ•°ã¯ 284,881個 ã‚ã‚Šã¾ã™(※回転ã™ã‚‹ã¨åŒã˜ã«ãªã‚‹ç›¤é¢ç‰ã¯å€‹åˆ¥ã«æ•°ãˆã¦ã€åŒä¸€ç›¤é¢ã§ã‚‚手番ã®ãƒ—レイヤーãŒç•°ãªã‚‹ãªã‚‰åˆ¥ã¨æ•°ãˆã¦ã€ãƒ‘スã—ãŸå ´åˆã‚‚1個ã¨æ•°ãˆã¦ã„ã¾ã™)。 ãりゃã‚å¾…ãŸã•ã‚Œã‚‹ã«æ±ºã¾ã£ã¦ã¾ã™ã—ã€ç„¡é—‡çŸ¢é±ˆã«ãƒ¡ãƒ¢
backbone on rails Gemã§ãƒ†ãƒ³ãƒ—レートã«Handlebars.jsを使ã†
backbone-on-railsã¨ã„ã†GemãŒã‚ã‚Šã¾ã™ãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ãƒ†ãƒ³ãƒ—レートã¯ecoを使用ã—ã¦ã„ã¾ã™ã€‚ JavaScriptã®ãƒ†ãƒ³ãƒ—レートフレームワークã®ä¸ã§ã‚‚高速ã§å‰²ã¨äººæ°—ã®ã‚ã‚‹Handlebars.jsã«åˆ‡ã‚Šæ›¿ãˆã¦ã¿ã¾ã™ã€‚ gem 'handlebars_assets' ã‚’Gemfileã®group :assetsã«è¿½åŠ ã€bundle installã—ã¾ã™ã€‚ ./config/initializersã« handlebars.rbã¨ã„ã†ãƒ•ã‚¡ã‚¤ãƒ«ã‚’è¿½åŠ ã—ã¾ã™ã€‚ä¸èº«ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªæ„Ÿã˜ã§ã™ã€‚ if defined? HandlebarsAssets HandlebarsAssets::Config.template_namespace = 'JST' end ãƒãƒ¼ãƒ スペースを定義ã—ã¦'JST'ã«å¤‰æ›´ã—ã¦ã„ã¾ã™ã€‚ecoを使ã£ã¦ã„ã‚‹å ´åˆã¯JSTã«ãªã£ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã®ã§ãã‚Œã«åˆã‚ã›ã¦ã¾ã™ã€‚
ã„ã¾ã¾ã§ã„ãらAmazonã§è²·ã„物ã—ãŸã‹åˆè¨ˆã™ã‚‹ãƒ–ックマークレット書ã„㟠- モãƒå±‹
2015/03/02: ç¾åœ¨å‹•ä½œã—ãªããªã£ã¦ã„るよã†ãªã®ã§ã€ã“ã¡ã‚‰ç‰ã‚’å‚ç…§ã—ã¦ãã ã•ã„。 Amazonã§ä½¿ã£ã¦ããŸé‡‘é¡åˆè¨ˆã—ã¦ã¿ã‚ ãŠã«ã‚ƒã‚“ã“é€Ÿå ± 5：以下ã€åç„¡ã—ã«ã‹ã‚ã‚Šã¾ã—ã¦VIPãŒãŠé€ã‚Šã—ã¾ã™ï¼š2012/06/16(土) 13:28:46.48 ID:8IYD9aJN0 ã©ã†ã‚„ã£ã¦åˆè¨ˆã™ã‚‹ã® 6：以下ã€åç„¡ã—ã«ã‹ã‚ã‚Šã¾ã—ã¦VIPãŒãŠé€ã‚Šã—ã¾ã™ï¼š2012/06/16(土) 13:29:58.55 ID:5x4DpozW0 >>5 ã¡ã¾ã¡ã¾è¶³ã™ ã¨ã„ã†ã‚ã‘㧠自分もã©ã‚Œãらã„Amazonã§ä½¿ã£ã¦ã‚‹ã‹çŸ¥ã‚ŠãŸã‹ã£ãŸã®ã§ã€é›†è¨ˆã™ã‚‹ã‚³ãƒ¼ãƒ‰æ›¸ãã¾ã—ãŸã€‚ ã¾ãšã“ã®ãƒšãƒ¼ã‚¸ã«è¡Œã£ã¦ã‹ã‚‰ã€ https://www.amazon.co.jp/gp/css/order-history/ 下をコピペã—ã¦ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ã«è²¼ã‚Šä»˜ã‘。 javascript:(function(){var d=document;var
ã„ã„åŠ æ¸›ã€<script src="http://..　ã¨æ›¸ãã®ã¯ã‚„ã‚ã¾ã—ょㆠ- DQNEOèµ·æ¥æ—¥è¨˜
外部サイトã®JSファイルをèªã¿è¾¼ã‚€ã¨ãã«ã€ã“ã†ã„ã†æ›¸ãæ–¹ã™ã‚‹ã®ã¯ã‚„ã‚ã¾ã—ょã†ã€‚ <script src="http://example.com/js/jquery.js"></script> ç†ç”± ã‚ãªãŸã®ã‚µã‚¤ãƒˆãŒã€ã„ã¤ã®æ—¥ã‹SSLã«å¯¾å¿œã™ã‚‹ã“ã¨ã«ãªã£ãŸã¨ãã€ãã®scriptã‚¿ã‚°ãŒãƒã‚°ã®åŽŸå› ã«ãªã‚Šã¾ã™ã€‚ ã”覧ã®ã¨ãŠã‚Šã€HTTPSページã®ä¸ã§HTTPè¦ç´ ã‚’èªã¿è¾¼ã‚‚ã†ã¨ã™ã‚‹ã¨ã€ãƒ–ラウザã«ã‚ˆã£ã¦ã¯å®‰å…¨è£…ç½®ãŒåƒã„ã¦èªã¿è¾¼ã‚“ã§ãã‚Œãªã„ã®ã§ã™ã€‚ 上ã®ä¾‹ã§ã¯jQueryã®èªã¿è¾¼ã¿ã«å¤±æ•—ã—ã¦ã„ã¾ã™ãŒã€ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã€ŒUncaught ReferenceError: jQuery is not defined ã€ã‚’見ã¦ã‚‚HTTPS/HTTPã®ãƒ—ãƒãƒˆã‚³ãƒ«ãŒåŽŸå› ã ã¨ã¯ã™ãæ°—ã¥ã‹ãªã„ã®ã§ã€ã‚ã‹ã‚Šã«ãã„ãƒã‚°ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ çµè«– JSファイル(ã¨ã‹CSSã¨ã‹ç”»åƒã¨ã‹)ã‚’èªã¿è¾¼ã‚€ã¨ãã¯ã€"http:"ã®éƒ¨åˆ†ã‚’çœ
Railsã§bowerを使ã£ã¦JSã®ãƒ©ã‚¤ãƒ–ラリを管ç†ã™ã‚‹ - #è©°ã‚“ã§ã‚‹æ—¥è¨˜
最近Perlã§ä»•äº‹ã‚’ã—ã¦ã„ã¦ã€cpanfileãŒç„¡ã„プãƒã‚¸ã‚§ã‚¯ãƒˆã§ç››å¤§ã«ã‚„らã‹ã—ãŸtohaeã§ã™ã€ã“ã‚“ã«ã¡ã¯ã€‚ Perlã§ã‚„らã‹ã—ãŸçµŒé¨“を生ã‹ã—ã€Railsプãƒã‚¸ã‚§ã‚¯ãƒˆã§ä½¿ã†ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®JSã‚‚ã¡ã‚ƒã‚“ã¨ç®¡ç†ã—よã†ã¨bowerを使ã†ã“ã¨ã«ã—ã¾ã—ãŸã€‚ bower is 何？ bowerã£ã¦ã®ã¯twitterãŒä½œã£ãŸJSã®ãƒ‘ッケージマãƒãƒ¼ã‚¸ãƒ£ã§ã™ã€‚最近紹介記事も多ã„ã®ã§ã€è©³ã—ãã¯ããã£ã¦ãã ã•ã„。 ç°¡å˜ã«è¨€ã†ã¨JSã‚’wgetã™ã‚‹æ™‚代ã¯çµ‚ã‚ã£ãŸã£ã¦ã“ã¨ã§ã™ï¼ï¼ï¼ 今回ã¯bowerã®ç´¹ä»‹ã§ã¯ãªãã€bowerã‚’Railsã§ä½¿ã†å ´åˆã«ã¯bower-railsを使ã†ã¨ã„ã„ã‹ã‚‚ã¨ã„ã†ãŠè©±ã‚’ã—ã¾ã™ã€‚ bower-railsã®ä¸‹æº–å‚™ ã¾ãšã¯bowerã‚’npmã§å…¥ã‚Œã¾ã™ã€‚ $ npm install bower -g 次ã«Gemfileã«bower-railsã‚’è¿½åŠ ã—ã¾ã™ã€‚ç¾æ™‚点ã§ã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’指定ã—ãªã„ã¨
実際ã®ã‚µã‚¤ãƒˆä¸Šã§å‹•ä½œã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒç°¡å˜ã«ä½œã‚Œã‚‹Intro.jsãŒä¾¿åˆ©ã™ãŽã‚‹ä»¶ - (ﾟ∀ﾟ)o彡 sasata299's blog
2013å¹´05月08æ—¥18:21 JavaScript 実際ã®ã‚µã‚¤ãƒˆä¸Šã§å‹•ä½œã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒç°¡å˜ã«ä½œã‚Œã‚‹Intro.jsãŒä¾¿åˆ©ã™ãŽã‚‹ä»¶ ã•ã¦ã€å…ˆæ—¥ç°¡å˜ãªãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ä½œã‚ã†ã¨æ€ã£ãŸã‚“ã§ã™ãŒã€ã©ã†ã‚„ã‚‹ã®ãŒè‰¯ã„ã®ã‹ãªãƒ¼ã¨æ€ã£ã¦æ‚©ã‚“ã§ã¾ã—ãŸã€‚ã‚ャプãƒãƒ£å–ã£ã¦ãã“ã«èª¬æ˜Žæ–‡ã‚’書ã„ã¦â€¦ã£ã¦ã—ã¦ã‚‚ã„ã„ã‚“ã§ã™ã‘ã©ã€ã‚ャプãƒãƒ£ã ã¨ä¸€éƒ¨åˆ†ãªã®ã§ã‚µã‚¤ãƒˆä¸Šã®ã©ã®è¾ºãªã®ã‹ã‚ã‹ã‚Šã«ãã‹ã£ãŸã‚Šã€ã‚µã‚¤ãƒˆå´ã¯å¤‰æ›´ã—ãŸã®ã«ã‚ャプãƒãƒ£ãŒå¤ã„ã¾ã¾ã¨ã‹ã«ãªã£ãŸã‚Šã—ã¡ã‚ƒã„ã¾ã™ã‚ˆã＞＜ ã¨ã‹æ€ã£ã¦æŽ¢ã—ã¦ã¿ãŸã‚‰ã“ã¡ã‚‰ã® Intro.js ãŒä¾¿åˆ©ã ã£ãŸã®ã§ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ ã•ã¦ã€ã“ã® Intro.js を使ã†ã¨ã§ã™ãã€ã‚µã‚¤ãƒˆä¸Šã§å‹•ä½œã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç°¡å˜ã«ä½œã‚Œã‚‹ã‚“ã§ã™ã‚ˆã€‚使ã„方も簡å˜ã§ã€å‹•ä½œã•ã›ãŸã„è¦ç´ ã«å¯¾ã—㦠data-intro (表示ã™ã‚‹èª¬æ˜Žæ–‡) 㨠data-step (ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®ä½•ç•ªç›®ã«è¡¨ç¤ºã™ã‚‹ã‹) を指定ã—ã¾ã™ã€‚ãƒ
JavaScriptã®è½ã¨ã—ç©´
4. JSã®ã‚ªãƒ–ジェクト㯠連想é…列ã¿ãŸã„ãªã‚‚ã® 1 // 空ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ä½œæˆ 2 var dog = {}; 3 4 // プãƒãƒ‘ティをã²ã¨ã¤è¿½åŠ 5 dog.name = "Pochi"; 6 7 // ブラケットã§ã‚‚アクセスã§ãã‚‹ 8 dog['breed'] = "Shih Tzu"; 9 10 // 関数をã²ã¨ã¤è¿½åŠ -> メソッド 11 dog.getBreed = function () { 12 return this.breed; 13 } 5. JSã®ã‚ªãƒ–ジェクト㯠連想é…列ã¿ãŸã„ãªã‚‚ã® 1 // åŒã˜ã‚‚ã®ã‚’オブジェクトリテラルã§è¡¨è¨˜ 2 var dog = { 3 name: "Pochi", 4 breed: "Shih Tzu", 5 getBreed: function () { 6 return this.breed; 7 } 8 }; 6. クラスã£ã½ã„
JavaScriptã®ãƒ†ã‚¹ãƒˆãƒ„ール「testemã€ãŒç´ 晴らã—ã„ãž - Mach3.laBlog
ã“ã®è¨˜äº‹ã¯è³žå‘³æœŸé™åˆ‡ã‚Œã§ã™ã€‚（更新ã‹ã‚‰1å¹´ãŒçµŒéŽã—ã¦ã„ã¾ã™ï¼‰ JavaScriptユニットテスト一年生ã®ç§ãŒã€Nettuts+ ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§çŸ¥ã£ãŸãƒ†ã‚¹ãƒˆãƒ„ール 「testemã€ã®ãŠé™°ã§å¤§å¤‰æ—ã£ãŸã®ã§æ˜¯éžãŠå‹§ã‚ã—ãŸãã€ã“ã“ã§ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ testem ã£ã¦ãªã« testem via GitHub : airportyh/testem Unit testing in Javascript can be tedious and painful, but Testem makes it so easy that you will actually want to write tests. è¦ã™ã‚‹ã«ã€é¢å€’ãªJSã®ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆã‚’より快é©ã«ã—ã¦ã¿ã‚“ãªã§ãƒãƒƒãƒ”ーã«ãƒ†ã‚¹ãƒˆæ›¸ã“ã†ã‚ˆï¼ã¨ã„ã†ãƒ„ールã§ã™ã€‚ testem自体ã¯node.jsベースã§å‹•ä½œã—ã€Jasmine/QUnit/Mochaã«å¯¾å¿œã—ã¦
★★★★★★★★★★簡å˜ãªã‚²ãƒ¼ãƒ を作ã£ã¦JavaScriptã‚’å¦ã¹ã‚‹
ç°¡å˜ãªã‚²ãƒ¼ãƒ を作ã£ã¦JavaScriptã‚’å¦ã¹ã‚‹Webサービス 戦車を例題通りã«å‹•ã‹ã—ãŸã‚ŠHelloWorldを例題通りã«å‹•ã‹ã—ãŸã‚Šã¨ ブラウザ内ã§å…¨ã¦å¦ç¿’出æ¥ã¾ã™ 説明ãªã©ã¯è‹±èªžã§ã™ãŒã€ã“ã‚Œã‹ã‚‰JavaScriptã‚’å¦ã¶æ–¹ã¯ 程よã„英語力も付ãã‹ã¨æ€ã„ã¾ã™ã‚ˆ JS Dares リンク先ã¯ã“ã¡ã‚‰ã‹ã‚‰ ã¾ãšã¯Hello Worldã‹ã‚‰æ‰‹å§‹ã‚ã«ã‚„ã£ã¦ã¿ã‚‹ã®ãŒ 良ã„ã¨æ€ã„ã¾ã™ å·¦å´ã«èª¬æ˜Žã¨å•é¡ŒãŒã‚ã‚Šã¾ã™ã®ã§ å³å´ã®å…¥åŠ›éƒ¨åˆ†ã«è¨˜è¿°ã—ã¦ã„ãã¾ã™ HelloWorldã®æ£è§£ã¯ã“ã®æ§˜ã«ãªã£ã¦ã„ã¾ã™ 120ãƒã‚¤ãƒ³ãƒˆã‚‚らãˆã¾ã—ãŸï¼ï¼ å•é¡Œã¯å°‘ã—ãšã¤é›£ã—ããªã£ã¦ã„ãã¾ã™ é–“é•ã†ã¨å·¦å´ã®æ§˜ã«èµ¤ããªã‚‹ã®ã§ãƒã‚§ãƒƒã‚¯ã—ãªãŒã‚‰ å¦ç¿’出æ¥ã¾ã™ 戦車を動ã‹ã™ç°¡å˜ãªã‚²ãƒ¼ãƒ ã‚‚ã‚ã‚Šã¾ã™ã®ã§ JavaScriptãŒã©ã‚“ãªç‰©ã‹ã€æ¦‚è¦ã‚’知る事ã¯å‡ºæ¥ã‚‹ã¨æ€ã„ã¾ã™
モテる JavaScript
5. 変数/関数ã®å‘½åè¦å‰‡ • 基本 var fistName; (ã‚ャメルケース) • コンストラクタ var calendar = new CalenderCtrl(); (å…ˆé ãŒå¤§æ–‡å—) • this (ç¾åœ¨ã®åå‰ç©ºé–“) var that = this; • 定数 var GENERAL_API_KEY = "4fh5cv$sp"; • プライベート var _userName = "user01";
JavaScript ã§ã®ãƒãƒ¼ã‚«ãƒ« ファイルã®èªã¿è¾¼ã¿ - HTML5 Rocks
Read files in JavaScript Stay organized with collections Save and categorize content based on your preferences. Selecting and interacting with files on the user's local device is one of the most commonly used features of the web. It allows users to select files and upload them to a server, for example, when sharing photos or submitting tax documents. It also allows sites to read and manipulate the
ç°¡å˜ãªã‚²ãƒ¼ãƒ 作りを通ã—ã¦JavaScriptã‚’å¦ã¹ã‚‹ã€ŽJS Dares〠| 100SHIKI
å¦ç¿’サイトã¨ã—ã¦è‰¯ã•ãã†ã ã£ãŸã®ã§ã”紹介。 JS Daresã§ã¯ã€ç°¡å˜ãªã‚²ãƒ¼ãƒ 作りを通ã—ã¦JavaScriptã‚’å¦ã¶ã“ã¨ãŒã§ãる。 最åˆã¯æˆ¦è»Šã‚’å‹•ã‹ã™ãƒ—ãƒã‚°ãƒ©ãƒ ã‹ã‚‰ã¯ã˜ã‚ã¦ã€å°‘ã—ãšã¤ã€è‡ªåˆ†ã®ãƒšãƒ¼ã‚¹ã§ãƒ¬ãƒ™ãƒ«ã‚¢ãƒƒãƒ—ã—ã¦ã„ãã“ã¨ãŒã§ãるよã†ã 。 ã™ã¹ã¦ãƒ–ラウザ上ã§å®Œçµã™ã‚‹ã®ã§ç’°å¢ƒã‚’用æ„ã™ã‚‹æ‰‹é–“ã‚‚ã„らãªã„。ãã‚ãã‚プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’ã€ã¨ã„ã†åˆå¦è€…ã®æ–¹ã¯ã„ã‹ãŒã ã‚ã†ã‹ã€‚
HTML5ã‚„CSS3を使ã£ãŸæ¬¡ä¸–代表ç¾ã‚’å¦ã¶ã®ã«å½¹ç«‹ã¤ã‚³ãƒ¼ãƒ‰ã‚µãƒ³ãƒ—ル
ã‚ãšã‹280行程度ã®JavaScriptã§ä½œã‚‰ã‚Œ... / JavaScriptã§ä½œã‚‹ã„ã‚ã„ã‚ãªç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬... / JavaScriptã«ã‚ˆã‚‹æ³¢ã®ç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§...ä»–...å…¨14件
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
jsdares
{{#tags}}- {{label}}
{{/tags}}