Mousetrap - Keyboard shortcuts in Javascript
A simple library for handling keyboard shortcuts in Javascript. Try pressing some of the keys here: // single keys Mousetrap.bind('4', function() { highlight(2); }); Mousetrap.bind('x', function() { highlight(3); }, 'keyup'); // combinations Mousetrap.bind('command+shift+k', function(e) { highlight([6, 7, 8, 9]); return false; }); Mousetrap.bind(['command+k', 'ctrl+k'], function(e) { highlight([11
Grunt: The JavaScript Task Runner
Why use a task runner?In one word: automation. The less work you have to do when performing repetitive tasks like minification, compilation, unit testing, linting, etc, the easier your job becomes. After you've configured it through a Gruntfile, a task runner can do most of that mundane work for you—and your team—with basically zero effort. Why use Grunt?The Grunt ecosystem is huge and it's growin
ç§ãŒenchant.jsã§ã¯ãªãtmlib.jsã§ã‚²ãƒ¼ãƒ を作る5ã¤ã®ç†ç”±
This domain may be for sale!
HTML(.js) - Befriend the DOM!
Intuitive HTML lets you navigate, manipulate and use the DOM with intuitive, readable, consistent code. Powerful HTML's functions enable you to flexibly use all native DOM features with brevity, clarity, and more power than ever. HTML document.documentElement The global HTML is the actual document root element and all element tags queried via the dot operator are descendants. HTML.tag... Element|A
最強オブジェクト指å‘言語 JavaScript å†å…¥é–€ï¼
2. 自己紹介 ‣ ノジマユウジ @yuka2py ‣ æ ªå¼ä¼šç¤¾ãƒ•ã‚©ãƒ¼ã‚¨ãƒ³ã‚ー 代表å–ç· å½¹ ‣ システム開発〠グラフィックデザイン〠DTPã‚„å°åˆ·ãªã©ã‚‚ ‣ Pythonã¨JavaScriptãŒå¤§å¥½ ã（Dartã«èˆˆå‘³æ·±ã€…） ‣ 様々ãªWebアプリケーション è¨è¨ˆãƒ»æ§‹ç¯‰ãƒ»é‹ç”¨ã€‚ã¾ãŸWP ã«ã‚ˆã‚‹ã‚·ã‚¹ãƒ†ãƒ 開発ã€ãƒ—ラグ イン開発ãªã©ãŒä¸»ãªãŠä»•äº‹ ‣ ãŠã—ゃれも大好ã☆ リボンやãŠèŠ±ãŒå¥½ã☆ ‣ å‚åŠ ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ â— WordBench 神戸 â— HTML5-WEST.jp ◠日本Androidã®ä¼š 神戸支部 絶賛 ãŠä»•äº‹å‹Ÿ é›†ä¸ 3. 去年ã®ãƒœã‚¯ Python 1%Design 15% iOS 4% Android 10% Web(PHP/JS) 10% Windows(C#) 20% ãŠå« 40% ãŠ å« W i n d o w s ( C # ) W e b ( P H P / J S
JavaScriptã¨JSXã®é•ã†ã¨ã“ã‚[åˆæ©] - console.lealog();
JavaScriptã‹ã‚‰ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®å‹‰å¼·ã‚’始ã‚ãŸç§ãŒã€æœ€è¿‘JSXã‚’å¦ã³å§‹ã‚ã¾ã—ãŸã€‚ ã§ã€JavaScriptã®æ›¸å¼ã«ä¸€é€šã‚Šæ…£ã‚ŒãŸèº«ãŒã€JSXを触ã£ã¦ã¿ã¦æ„Ÿã˜ãŸã€Œé•ã„ã€ã®ã¾ã¨ã‚ã§ã™ã€‚ 注：深ã„æ„味ã§ã®JavaScriptã®æŒ™å‹•ã¨ã‚³ã‚³ãŒé•ã†ï¼ã¿ãŸã„ãªè€ƒå¯Ÿè¨˜äº‹ã§ã¯ã‚ã‚Šã¾ã›ã‚“。 JavaScriptã‚’ã¡ã‚‡ã£ã¨ã‚„ã£ãŸäººãŒã€JSXã‚’ã•ã‚ã‚‹ã«ã‚ãŸã£ã¦å‰ã‚‚ã£ã¦çŸ¥ã£ã¦ãŸã‚‰ãŠãƒˆã‚¯ï¼ç¨‹åº¦ã®è»½ã„内容ã§ã™ã€‚ æ–‡å—列連çµã«ã¯ã‚ャストãŒå¿…é ˆ // JavaScript! var cnt = 30; console.log(cnt + "点ゲットï¼"); // 30ç‚¹ã‚²ãƒƒãƒˆï¼ JavaScriptã§ã‚ˆãã“ã†ã„ã†ã®æ›¸ã„ã¦ãŸã®ã§ã™ãŒã€å…¨éƒ¨ã‚ャストã—ãªã„ã¨ã„ã‘ãªã„ã‚“ã§ã™ã。 // JSX! var cnt = 30; log(cnt as string + "点ゲットï¼"); // 30ç‚¹ã‚²ãƒƒãƒˆï¼ :voidã˜ã‚ƒãªã„fun
![JavaScriptã¨JSXã®é•ã†ã¨ã“ã‚[åˆæ©] - console.lealog();](https://cdn-ak-scissors.b.st-hatena.com/image/square/e5fc9b161c678253f2647b60f1aa65ff8916bd4a/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F13208692334729901128%2F12704591929885156858%2F1515481194)
サウンドプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ç”¨ã®JavaScriptライブラリãŒã§ããŸï¼ï¼ï¼ï¼ - 音ã®é³´ã‚‹ãƒ–ãƒã‚°
ã¨ã‚Šã‚ãˆãšç–²ã‚ŒãŸã€‚リãƒã‚¸ãƒˆãƒªã‚‚ã‚ã¡ã‚ƒãã¡ã‚ƒã ã—。暴飲暴食もã—ãŸã€‚ timbre - JavaScript Library for Objective Sound Programming http://mohayonao.github.com/timbre/ æ–°ã—ã„デモもã¤ãã£ãŸ http://mohayonao.github.com/timbre/examples/004_timbresynth.html ライブラリã«ã¯UIã¤ã„ã¦ã„ãªã„ã‘ã©ã€ãƒ‡ãƒ¢ã®ã¨ãã¯åˆ†ã‹ã‚Šã‚„ã™ã„ã®ã§ã‚ã–ã‚ã–書ã„ãŸã€‚ãƒãƒƒãƒã¨JavaScriptã¯ç›¸æ€§ãŒè‰¯ã„ã¨ãŠã‚‚ã†ã€‚JSã ã‘ã«ã€‚ ãã†ã„ãˆã°ã€å‰ã«ã¤ãã£ãŸ ã“ã‚Œ ã‚‚ãƒãƒƒãƒã ã£ãŸã€‚ 関連エントリ サウンドプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ç”¨ã®JavaScriptライブラリをã¤ãã£ã¦ã„ã‚‹
JSX ã¯ãªãœã€Œé€Ÿã„ã€ã®ã‹ - kazuhoã®ãƒ¡ãƒ¢ç½®ãå ´
ãªãœã€Œé€Ÿã„ã€ã®ã‹ã€ã«ã¤ã„㦠JSX 開発者ã®ç«‹å ´ã‹ã‚‰ã€‚ ãŸã¨ãˆã°ã€ã‚·ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã‚²ãƒ¼ãƒ ã§ä¸€ç•ªé‡ãŸã„処ç†ã¯ä½•ã‹ã€‚言ã†ã¾ã§ã‚‚ãªãè¡çªåˆ¤å®šã€‚多数ã®å¼¾ã‚„敵機ã®è¡çªåˆ¤å®šã‚’毎フレームã”ã¨ã«è¡Œã†å¿…è¦ãŒã‚ã‚Šã€ã“ã®æ¼”ç®—ãŒé‡ãŸã„。 JSX ã«åŒæ¢±ã•ã‚Œã¦ã„ã‚‹ web/example/shooting.jsx ã«ã¯è¡çªåˆ¤å®šã®ã‚³ãƒ¼ãƒ‰ãŒè¤‡æ•°ã‚ã‚‹ãŒã€ä¸€ç•ªé‡ãŸã„ã®ã¯ Bullet#update 関数ã§ã€ãã®å‡¦ç†ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹*1。 for (var rockKey in st.rocks) { var rock = st.rocks[rockKey]; if (this.detectCollision(rock)) { if (rock.hp == 0) return false; inDisplay = false; if (--rock.hp == 0) { st.score = Math.min(st.s
JavaScripterã‹ã‚‰è¦‹ãŸJSX
ç§ã¯2001å¹´ã‹ã‚‰JavaScriptã‚’å°‚é–€ã«ã—ã¦å®Ÿè£…ã‚’ã—ã¦ãŠã‚Šã€ã‹ãªã‚Šé•·ã„é–“JavaScriptを使ã„続ã‘ã¦ãã¾ã—ãŸã€‚ExGameã‚’ã¯ã˜ã‚ã¨ã—ã¦ã€ç•°å¸¸ãªã»ã©ã«JavaScriptを使ã„倒ã—ãŸãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’何個ã‹å®Œé‚ã•ã›ã¦ã„ã¾ã™ã€‚å‰ã®ä¼šç¤¾ã€Œãƒ–ãƒãƒ¼ãƒ‰ãƒ†ã‚¤ãƒ«ã€ãŒDeNAã«è²·åŽã•ã‚ŒãŸã®ã¯ã€JavaScriptã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã ã‘ã§ãªãã€ç§ãŸã¡ã®JavaScriptã®ã‚¹ã‚ルを生ã‹ã—ãŸã„ã¨ã„ã†å´é¢ã‚‚大ããã‚ã£ãŸã¨æ„Ÿã˜ã¦ã„ã¾ã™ã€‚ ãã‚“ãªç§ã§ã™ãŒã€æ£ç›´ã«è¨€ã†ã¨JSXã®é–‹ç™ºã«ã¯ã»ã¨ã‚“ã©é–¢ã‚ã£ã¦ã„ã¾ã›ã‚“。JSXã¯åŸºæœ¬çš„ã«ä¸€ç©‚ã•ã‚“ãŒä¸»å°Žã—ã€gfxãŒãƒ•ã‚©ãƒãƒ¼ã—ã€a_bickyãŒãƒ‰ãƒƒã‚°ãƒ•ãƒ¼ãƒ‰ã‚’食ã¹ã‚‹ï¼ˆè‡ªåˆ†ãŸã¡ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚’ã¾ãšè‡ªåˆ†ãŸã¡ã§çŽ‡å…ˆã—ã¦ä½¿ã†ï¼‰ã¨ã„ã†å½¢ã§é€²ã‚“ã§ãã¾ã—ãŸã€‚ç§ãŒå¼·ãã‹ã‹ã‚ã£ãŸã®ã¯ã€ä¸»ã«3月ã®è¨€èªžä»•æ§˜ã‚’決ã‚ã‚‹ã¨ãã®è°è«–程度ã§ã™ã€‚ãªã®ã§JSXã«ã¤ã„ã¦ãã“ã¾ã§è©³ã—ã„訳ã§ã¯ãªã„ã®ã§ã™ãŒã€ãã°ã§é–‹ç™ºã‚’見ã¦ããŸ
ステートフルJavaScript
ステートフルãªJavaScriptアプリケーション開発ã«ã¤ã„ã¦ã®è§£èª¬æ›¸ã€‚HTML5ã¨CSS3ã®ãŠã‹ã’ã§å˜ã«è‡ªå¾‹çš„ãªã ã‘ã§ã¯ãªã外見も美ã—ãデスクトップアプリã¨åŒæ§˜ã®ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚’ブラウザ上ã§å¾—られるよã†ã«ãªã‚Šã¾ã—ãŸã€‚本書ã§ã¯ã‚¹ãƒ†ãƒ¼ãƒˆãƒ•ãƒ«ãªWebアプリをMVCモデルã«æ²¿ã£ã¦é–‹ç™ºã—ãªãŒã‚‰ã€ãã®èƒŒå¾Œã«ã‚ã‚‹ç†è«–ã‹ã‚‰å„種ライブラリを利用ã—ãŸå®Ÿè·µã«è‡³ã‚‹ã¾ã§å¹…広ã解説ã—ã¾ã™ã€‚ステートフルãªã‚³ãƒ¼ãƒ‰ã¨MVCを組ã¿åˆã‚ã›ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€MVCã®3è¦ç´ をクライアントå´ã§å®Ÿè¡Œã™ã‚‹ã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã€å˜ãªã‚‹Ajaxアプリケーションã§ã¯å®Ÿç¾ã§ããªã„よりデスクトップアプリã«è¿‘ã„エクスペリエンスをæä¾›ã§ãã¾ã™ã€‚ 目次 ã¾ãˆãŒã 1ç« ã€€ MVCã¨ã‚¯ãƒ©ã‚¹ 1.1　åˆæœŸã® JavaScript 1.2　アプリケーションã®æ§‹é€ 化 1.3　MVCã¨ã¯ 1.3.1　モデル 1.3.2　ビュー 1.3.3　コントãƒãƒ¼ãƒ© 1.4　モジュ
JavaScript アニメーションã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターン
JavaScript ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’作る アニメーションã¨ã¯ä½•ï¼Ÿ ビューを少ã—ãšã¤å›žè»¢ã€æ‹¡å¤§ç¸®å°ã€ç§»å‹•ã€å¤‰è‰²ãªã©ã‚’è¡Œã„ã€é€£ç¶šçš„ãªå‹•ãを作る ã“ã‚“ãªæ„Ÿã˜ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; setInterval(function() { el.style.opacity -= 0.01; }, 10); </script> ãªã‚“ã§ã€ã‚ã‚“ãªæ„Ÿã˜ã®æ›¸ãæ–¹ã«ãªã‚‹ã®ï¼Ÿ setInterval ã®æ„味ãŒåˆ†ã‹ã‚‰ãªã„ ã“ã‚“ãªæ„Ÿã˜ã§æ›¸ã‘ãªã„ã®ï¼Ÿ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; w
Google Chromeã®JavaScriptデãƒãƒƒã‚¬ã®é€²åŒ–ãŒã™ã”ã„ - os0x.blog
Chrome版ã®Firebugã“ã¨Google Chrome Developer Toolsã§ã™ãŒã€ä»¥å‰gihyoã§è§£èª¬ã—ãŸã¨ãよりã•ã‚‰ã«ä¾¿åˆ©ã«ãªã£ã¦ã„ã‚‹ã®ã§ã€å°‘ã—紹介ã—ã¾ã™(å…ƒã¯WebKitãªã®ã§ã€ãã®ã†ã¡(è¿‘ã„ã†ã¡ã«)Safariã§ã‚‚ãã‚Œãªã‚Šã«ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã¯ãšã§ã™)。 圧縮ã•ã‚ŒãŸã‚³ãƒ¼ãƒ‰ã®æ•´å½¢ ã¾ãšã€ç›®ç«‹ã¤ã¨ã“ã‚ã‹ã‚‰ã„ãã¾ã—ょã†ã€‚ã¡ã‚‡ã†ã©å…ˆæ—¥æ›´æ–°ã•ã‚ŒãŸChromeã®dev版(12.0.742.0)ã«æ載ã•ã‚ŒãŸã°ã‹ã‚Šã®æ©Ÿèƒ½ã§ã€minifyã•ã‚Œã¦ã„ã‚‹JavaScriptコードをèªã¿ã‚„ã™ã„よã†ã«æ•´å½¢ã—ã¦è¡¨ç¤ºã—ã¦ãれるã¨ã„ã†ã‚‚ã®ã§ã™(IE9ã®é–‹ç™ºè€…ツールã«ã‚‚実装ã•ã‚Œã¦ã„る機能ã§ã™)。 例ãˆã°ã€Google Analyticsã®ã‚³ãƒ¼ãƒ‰ã¯åœ§ç¸®ã•ã‚Œã¦ã„ã¦æ™®é€šã¯èªã‚ã¾ã›ã‚“。 ã—ã‹ã—ã€Chromeã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーツールãªã‚‰ã€ ã“ã®ã‚ˆã†ã«æ•´å½¢ã—ã¦ãã‚Œã¾ã™ã€‚ ã‚„ã‚Šæ–¹ã¯ç°¡å˜ã§ã€ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーツールã®Script
HTMLã¨JSã ã‘ã§ä½•ã‹ä½œã‚‹ã¨ãã® - hitode909ã®æ—¥è¨˜
HTMLã¨JSã ã‘ã§ä½•ã‹ä½œã‚‹ã“ã¨ãŒå¤šãã¦ï¼Œé–‹ç™ºç’°å¢ƒã‚’ã©ã†ä½œã‚‹ã‹ã¨ã‹ï¼ŒãƒŽã‚¦ãƒã‚¦ã¿ãŸã„ãªã®ãŒãŸã¾ã£ã¦ããŸã¨æ€ã†ï¼Ž ãƒãƒ¼ã‚«ãƒ«ã®HTMLファイルをブラウザã§é–‹ãã¨ï¼Œã„ã‚ã‚“ãªåˆ¶ç´„ãŒã‚る．ãŸã¨ãˆã°ï¼Œãƒ•ã‚¡ã‚¤ãƒ«APIを使ãˆãªã„ã¨ã‹ï¼ŒYouTubeã®ãƒ—レイヤー貼り付ã‘ã§ããªã„ã¨ã‹ï¼Œ/js/ã¿ãŸã„ã«çµ¶å¯¾ãƒ‘スã§æŒ‡å®šã™ã‚‹ã“ã¨ã‚‚ã§ããªã„．ページ1æžšãªã‚‰ä»–ã®ãƒšãƒ¼ã‚¸ã«ãƒªãƒ³ã‚¯ã¨ã‹ã„らãªã„ã‘ã©ï¼Œã‚¦ã‚§ãƒ–サイトを作ã£ã¦ã‚‹ã¨ãã¨ã‹ã¯ï¼Œ/help/ã§ãƒ˜ãƒ«ãƒ—ページを表示ã™ã‚‹ã¨ã‹æ›¸ã„ãŸã¨ãã«ï¼Œãƒãƒ¼ã‚«ãƒ«ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’見ã¦ãƒªãƒ³ã‚¯ãŒåˆ‡ã‚Œã¦ã‚‹ã¨ã„ã†ã“ã¨ã«ãªã‚‹ï¼Žé–‹ç™ºä¸ã¯ãƒªãƒ³ã‚¯åˆ‡ã‚Œã ã‘ã©æœ¬ç•ªã‚µãƒ¼ãƒãƒ¼ã«ç½®ãã¨è¦‹ã‚Œã‚‹ã¯ãšã¨ã‹è¨€ã£ã¦é–‹ç™ºã™ã‚‹ã®ã¯æ€–ã„． サーãƒãƒ¼ã§Rubyã¨ã‹PerlãŒå‹•ã„ã¦ã‚‹ã¿ãŸã„ãªã¨ãã¯ãƒãƒ¼ã‚«ãƒ«ã§ã‚µãƒ¼ãƒãƒ¼ã‚’ç«‹ã¦ã¦é–‹ç™ºã—ã¦ã‚‹ã¨æ€ã†ï¼ŽHTMLã¨JSã ã‘使ã†ã¨ãã§ã‚‚ãƒãƒ¼ã‚«ãƒ«ã§ã‚µãƒ¼ãƒãƒ¼ã‚’ç«‹ã¦ã¦é–‹ç™ºã—ãŸã»ã†ãŒã„ã„ã¨æ€ã†ï¼Ž 開発ä¸ã¯ï¼Œnginxã§ãƒ•
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚了日を2020å¹´1月31æ—¥(金)ã«æ±ºå®šã—ã¾ã—㟠- ã¯ã¦ãªã®å‘ŠçŸ¥
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚了日を2020å¹´1月31æ—¥(金)ã«æ±ºå®šã—ã¾ã—㟠以下ã®ã‚¨ãƒ³ãƒˆãƒªã®é€šã‚Šã€ä»Šå¹´æœ«ã‚’目処ã«ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—を終了予定ã§ã‚る旨をãŠçŸ¥ã‚‰ã›ã—ã¦ãŠã‚Šã¾ã—ãŸã€‚ 2019年末を目処ã«ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®æ供を終了ã™ã‚‹äºˆå®šã§ã™ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—日記 ã“ã®ãŸã³ã€æ£å¼ã«çµ‚了日を決定ã„ãŸã—ã¾ã—ãŸã®ã§ã€ä»¥ä¸‹ã®é€šã‚Šã”確èªãã ã•ã„。 終了日: 2020å¹´1月31æ—¥(金) エクスãƒãƒ¼ãƒˆå¸Œæœ›ç”³è«‹æœŸé™:2020å¹´1月31æ—¥(金) 終了日以é™ã¯ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®é–²è¦§ãŠã‚ˆã³æŠ•ç¨¿ã¯è¡Œãˆã¾ã›ã‚“。日記ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãŒå¿…è¦ãªæ–¹ã¯ä»¥ä¸‹ã®è¨˜äº‹ã«ã—ãŸãŒã£ã¦æ‰‹ç¶šãã‚’ã—ã¦ãã ã•ã„。 ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã«æŠ•ç¨¿ã•ã‚ŒãŸæ—¥è¨˜ãƒ‡ãƒ¼ã‚¿ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã«ã¤ã„㦠- ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—日記 ã”利用ã®ã¿ãªã•ã¾ã«ã¯ã”迷惑をãŠã‹ã‘ã„ãŸã—ã¾ã™ãŒã€ã©ã†ãžã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ 2020-06-25 追記 ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—日記ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãƒ‡ãƒ¼ã‚¿ã¯2020å¹´2月28
JavaScriptをやり始ã‚ãŸäººãŒç†è§£ã—ãŸã»ã†ãŒè‰¯ã„JSONパーサã®ã‚³ãƒ¼ãƒ‰ - sifue's blog
ãã‚ãã‚4月も近ã„ã¨ã„ã†ã“ã¨ã‚‚ã‚ã£ã¦ã€æ–°ãŸã«Webæ¥ç•Œã‚„SIeræ¥ç•Œã«å…¥ã‚‹ãžã¨ã„ã†æ–¹ãŒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®å‹‰å¼·ã‚’ã—始ã‚ã¦ã„ã‚‹ã“ã‚ã§ã—ょã†ã‹ã€‚最近ã¯ã€ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ライズã§ã‚‚WebクライアントãŒä¸»æµã«ãªã‚Šã¤ã¤ã‚ã‚‹ã®ã§JavaScriptã®ç¿’å¾—ã¯é¿ã‘ã¦ã¯é€šã‚Œãªã„é“ã ã¨æ€ã„ã¾ã™ã€‚ã¾ãŸã€Node.jsç‰ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã®JavaScriptも出ã¦ããŸã“ã¨ã‚‚ã‚ã£ã¦ã€éžå¸¸ã«æœ‰ç”¨ãªè¨€èªžã«ãªã‚Šã¤ã¤ã‚ã‚Šã¾ã™ã€‚ ãã‚“ãªJavaScriptã‚’å¦ã³å§‹ã‚ã¦ã„る人ã®ä¸ã§ã‚‚ã€ã‚る程度プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’ã‚„ã£ãŸã“ã¨ãŒã‚る人ãŒJavaScriptã®ç¶ºéº—ãªæ›¸ã方をå¦ã¶ã®ã«çµ¶å¯¾ç†è§£ã—ã¦ãŠã„ãŸæ–¹ãŒè‰¯ã„300行程度ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ãŒã‚ã‚Šã¾ã™ã€‚ ãã‚Œã¯ã€JavaScript: The Good Partsã«è¼‰ã£ã¦ã„ã‚‹JSONパーサã®ã‚³ãƒ¼ãƒ‰ã§ã™ã€‚ JavaScript: The Good Parts ―「良ã„パーツã€ã«ã‚ˆã‚‹ãƒ™ã‚¹ãƒˆãƒ—ラクティス 作者:
JavaScriptã®æ–°æ—§ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆãƒ„ール - å¼·ç«ã§é€²ã‚
「エンジニアサãƒãƒ¼ãƒˆæ–°å¹´ä¼š2012 CROSSã€ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã®1ã¤ã§JavaScriptã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ãŒè¡Œã‚ã‚Œã¾ã—ãŸã€‚ エンジニアサãƒãƒ¼ãƒˆæ–°å¹´ä¼š2012 CROSS http://tech.nifty.co.jp/party/2012/index.htm JavaScript å…«é¢å…臂 2回戦 http://tech.nifty.co.jp/party/2012/sessions/bRoom2.htm ãã“ã§JavaScriptã®ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆãƒ„ールã®è©±ãŒæœ‰ã‚Šã€æ–°æ—§ã®ãƒ„ールãŒä¸Šã’られã¦ã„ãŸã®ã§ãƒ¡ãƒ¢ã€‚ 昔ã‹ã‚‰æœ‰ã‚‹ QUnit ã€Jasmine 。新ã—ã出ã¦ããŸã‚‚ã®ã¨ã—㦠mocha ã€Buster ãŒç´¹ä»‹ã•ã‚Œã¾ã—ãŸã€‚ QUnit å…¬å¼ã‚µã‚¤ãƒˆã€‚ QUnit - jQuery JavaScript Library http://docs.jquery.com/QUnit ã€ãƒ¬ãƒãƒ¼ãƒˆã€‘jQueryテ
JavaScript 3Dレンダリングエンジンã®Three.jsを試ã™
ã“ã‚“ã«ã¡ã¯ã€‚ KRAYアルãƒã‚¤ãƒˆã®æµ…æµ·ã§ã™ã€‚ 今回ã¯ã€æœ€è¿‘ã¡ã¾ãŸã§å™‚ã®Three.jsã§éŠã‚“ã§ã¿ã‚ˆã†ã¨ãŠã‚‚ã„ã¾ã™ã€‚ http://github.com/mrdoob/three.js webgl対応ã®ãƒ–ラウザã§è¦‹ã¦ã„ã‚‹æ–¹ã¯ã€å³ä¸Šã«3Dã®ãƒœãƒƒã‚¯ã‚¹ãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ Three.jsを使ãˆã°ã€ã“ã®ã‚ˆã†ãªã“ã¨ã‚’ç°¡å˜ã«Javascriptã§å®Ÿç¾ã§ãã‚‹ã®ã§ã™ã€‚ åŠä¿¡åŠç–‘ã§ä½¿ã£ã¦ã¿ãŸã¨ã“ã‚ã€ãŸã—ã‹ã«Three.jsã§ã¯ã€3D特有ã®è¡Œåˆ—計算や数å¦çš„æ€è€ƒã‚’ã›ãšã¨ã‚‚ã€3Dを表示ã€æ“作ã™ã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚ 「ã¡ã‚‡ã£ã¨ã®ãƒ—ãƒã‚°ãƒ©ãƒ ã§3DãŒã§ãる。〠ã“ã®é¢ç™½ã•ã‚’皆ã•ã‚“ã«å±Šã‘ãŸã„ã§ã™ã€‚ 目次 立方体を表示ã™ã‚‹ 光をã‚ã¦ã‚‹ テスクãƒãƒ£ã‚’貼り付ã‘ã‚‹ マウスã§å›žè»¢ã•ã›ã‚‹ マウスã§ç§»å‹•ã•ã›ã‚‹ クリック判定ã™ã‚‹ Three.js web上ã«ã¯ã€HTML5ã®canvasを利用ã—ãŸæ§˜ã€…ãªã‚µãƒ³ãƒ—ルページやアプリケーシ
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
jchannon/SwiftJS · GitHub
IBM Developer
JavaScript.Next
{{#tags}}- {{label}}
{{/tags}}