https://b.hatena.ne.jp/donny_i39/JavaScript/ JavaScriptに関するdonny_i39のはてなブックマーク (195) http://jschr.github.com/textillate/ donny_i39 2013-02-06T23:52:10Z JavaScript ライブラリ テキスト 265 <blockquote cite="http://jschr.github.com/textillate/" title="Textillate.js"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fjschr.github.com%2Ftextillate%2F" alt="" /> <a href="http://jschr.github.com/textillate/">Textillate.js</a></cite><p><a href="http://jschr.github.com/textillate/"><img src="" alt="Textillate.js" title="Textillate.js" class="entry-image" /></a></p><p>About Textillate.js combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text. Usage Simply include textillate.js and it&#39;s dependencies in your project to start creating unqiue effects. Credits Textillate.js is built on top of the simple, yet amazing...</p><p><a href="https://b.hatena.ne.jp/entry/jschr.github.com/textillate/"><img src="https://b.hatena.ne.jp/entry/image/http://jschr.github.com/textillate/" alt="はてなブックマーク - Textillate.js" title="はてなブックマーク - Textillate.js" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/jschr.github.com/textillate/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.infiniteloop.co.jp/tech-blog/2013/02/js-template-engine/ donny_i39 2013-02-05T23:45:27Z テンプレート javascript 160 <blockquote cite="https://www.infiniteloop.co.jp/tech-blog/2013/02/js-template-engine/" title="クライアントサイドで動くJavaScript Template Engine７つ｜技術ブログ｜北海道札幌市・宮城県仙台市のVR・ゲーム・システム開発 インフィニットループ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.infiniteloop.co.jp%2Ftech-blog%2F2013%2F02%2Fjs-template-engine%2F" alt="" /> <a href="https://www.infiniteloop.co.jp/tech-blog/2013/02/js-template-engine/">クライアントサイドで動くJavaScript Template Engine７つ｜技術ブログ｜北海道札幌市・宮城県仙台市のVR・ゲーム・システム開発 インフィニットループ</a></cite><p><a href="https://www.infiniteloop.co.jp/tech-blog/2013/02/js-template-engine/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5bc27a51b20f03ef4e1041b0d70880b30f4bd680/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.infiniteloop.co.jp%2Fcommon%2Fimg%2Fbase%2Fog.jpg" alt="クライアントサイドで動くJavaScript Template Engine７つ｜技術ブログ｜北海道札幌市・宮城県仙台市のVR・ゲーム・システム開発 インフィニットループ" title="クライアントサイドで動くJavaScript Template Engine７つ｜技術ブログ｜北海道札幌市・宮城県仙台市のVR・ゲーム・システム開発 インフィニットループ" class="entry-image" /></a></p><p>項目説明： delimiter – テンプレートを書く際の区切り文字 ({{}} や &lt;%%&gt;) が変更できる。 logic-less – テンプレート上で演算や複雑な制御構文が書けない仕様により、ロジックとテンプレートが完全に分離される。 precompile – テンプレートを事前に実行可能な JavaScript のコードにコンパイルできる。 escape – テン...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.infiniteloop.co.jp/tech-blog/2013/02/js-template-engine/"><img src="https://b.hatena.ne.jp/entry/image/https://www.infiniteloop.co.jp/tech-blog/2013/02/js-template-engine/" alt="はてなブックマーク - クライアントサイドで動くJavaScript Template Engine７つ｜技術ブログ｜北海道札幌市・宮城県仙台市のVR・ゲーム・システム開発 インフィニットループ" title="はてなブックマーク - クライアントサイドで動くJavaScript Template Engine７つ｜技術ブログ｜北海道札幌市・宮城県仙台市のVR・ゲーム・システム開発 インフィニットループ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.infiniteloop.co.jp/tech-blog/2013/02/js-template-engine/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://codeflow.org/entries/2013/feb/04/high-performance-js-heatmaps/ donny_i39 2013-02-04T23:32:18Z javascript heatmap 38 <blockquote cite="http://codeflow.org/entries/2013/feb/04/high-performance-js-heatmaps/" title="High Performance JS heatmaps - Codeflow"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fcodeflow.org%2Fentries%2F2013%2Ffeb%2F04%2Fhigh-performance-js-heatmaps%2F" alt="" /> <a href="http://codeflow.org/entries/2013/feb/04/high-performance-js-heatmaps/">High Performance JS heatmaps - Codeflow</a></cite><p><a href="http://codeflow.org/entries/2013/feb/04/high-performance-js-heatmaps/"><img src="" alt="High Performance JS heatmaps - Codeflow" title="High Performance JS heatmaps - Codeflow" class="entry-image" /></a></p><p>You can draw around 500&#39;000 individual data points per second in realtime. Around 10&#39;000 per frame are no problem. The way it works is that points to draw are recorded into a position buffer (10k points) and when you call heatmap.update() (or when the buffer is full) it draws these points with We...</p><p><a href="https://b.hatena.ne.jp/entry/codeflow.org/entries/2013/feb/04/high-performance-js-heatmaps/"><img src="https://b.hatena.ne.jp/entry/image/http://codeflow.org/entries/2013/feb/04/high-performance-js-heatmaps/" alt="はてなブックマーク - High Performance JS heatmaps - Codeflow" title="はてなブックマーク - High Performance JS heatmaps - Codeflow" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/codeflow.org/entries/2013/feb/04/high-performance-js-heatmaps/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://vividcode.hatenablog.com/entry/js/this-keyword-spec donny_i39 2013-02-03T23:39:18Z ECMAScript Javascript this 324 <blockquote cite="https://vividcode.hatenablog.com/entry/js/this-keyword-spec" title="JavaScript の this キーワードに結びつけられる値はどのように決定されるのか (言語仕様の説明) - ひだまりソケットは壊れない"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fvividcode.hatenablog.com%2Fentry%2Fjs%2Fthis-keyword-spec" alt="" /> <a href="https://vividcode.hatenablog.com/entry/js/this-keyword-spec">JavaScript の this キーワードに結びつけられる値はどのように決定されるのか (言語仕様の説明) - ひだまりソケットは壊れない</a></cite><p><a href="https://vividcode.hatenablog.com/entry/js/this-keyword-spec"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/72fd01c4e50faf67f7d615a6d71bde1107c3ea10/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F13208692334729899439%2F6435922169448485578%2F1365590825" alt="JavaScript の this キーワードに結びつけられる値はどのように決定されるのか (言語仕様の説明) - ひだまりソケットは壊れない" title="JavaScript の this キーワードに結びつけられる値はどのように決定されるのか (言語仕様の説明) - ひだまりソケットは壊れない" class="entry-image" /></a></p><p>最近 JavaScript の this キーワードについての記事をいくつか見かけて 「そういや自分も昔 this キーワードについて記事を書いたなー」 と思って 古い記事 を見返してみたのですが、関数呼び出しのことしか説明してなかったので改めて this キーワードの全般的な話を書いておこうかと思います。 本記事は ECMA-262 5.1t...</p><p><a href="https://b.hatena.ne.jp/entry/s/vividcode.hatenablog.com/entry/js/this-keyword-spec"><img src="https://b.hatena.ne.jp/entry/image/https://vividcode.hatenablog.com/entry/js/this-keyword-spec" alt="はてなブックマーク - JavaScript の this キーワードに結びつけられる値はどのように決定されるのか (言語仕様の説明) - ひだまりソケットは壊れない" title="はてなブックマーク - JavaScript の this キーワードに結びつけられる値はどのように決定されるのか (言語仕様の説明) - ひだまりソケットは壊れない" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/vividcode.hatenablog.com/entry/js/this-keyword-spec"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/cgetc@github/items/e8a59416ddb18236ca78 donny_i39 2013-01-31T23:42:34Z javascript webworker 28 <blockquote cite="https://qiita.com/cgetc@github/items/e8a59416ddb18236ca78" title="WebWorkerでXMLHttpRequest - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fcgetc%40github%2Fitems%2Fe8a59416ddb18236ca78" alt="" /> <a href="https://qiita.com/cgetc@github/items/e8a59416ddb18236ca78">WebWorkerでXMLHttpRequest - Qiita</a></cite><p><a href="https://qiita.com/cgetc@github/items/e8a59416ddb18236ca78"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/988250803649c60f549f094026f7cba4ff439833/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMTU0MDAlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODE1ODI_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTNjODExYjdjYWE2NGFiMWYxYzBiNDI0OGY1MDc5YTU4%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D78889a9618eff465e19f3e6dd2c3cf5b%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9V2ViV29ya2VyJUUzJTgxJUE3WE1MSHR0cFJlcXVlc3QmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1kYTExNDk0YWM4MmQ1NGRjMDNlNzRjMWM3NjRkZTYzMw%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBjZ2V0YyZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPWE2MDFkMGMxMDU1NTI1Yzg5ZDdlZGIxZjk4ODViMzY0%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D2edcfcc2502cce67e832e4c947bbb3c8" alt="WebWorkerでXMLHttpRequest - Qiita" title="WebWorkerでXMLHttpRequest - Qiita" class="entry-image" /></a></p><p>XMLHttpRequestをWebWorkerで実行する Senchaが公開したHTML5のFacebookクライアント、Fastbookの高速化手法として、 XMLHttpRequestをWebWorkerで実行するのがあるそうです。 ということで、実際にやってみました。 WebWorkerの呼び出し jQueryを用いた環境で使いやすいように、jQueryの$.ajaxインターフェイスに似せて...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/cgetc@github/items/e8a59416ddb18236ca78"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/cgetc@github/items/e8a59416ddb18236ca78" alt="はてなブックマーク - WebWorkerでXMLHttpRequest - Qiita" title="はてなブックマーク - WebWorkerでXMLHttpRequest - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/cgetc@github/items/e8a59416ddb18236ca78"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://wiki.ecmascript.org/doku.php?id=harmony:proposals donny_i39 2013-01-25T06:15:19Z ECMAScript ES6 javascript 13 <blockquote cite="http://wiki.ecmascript.org/doku.php?id=harmony:proposals" title="harmony:proposals [ES Wiki]"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwiki.ecmascript.org%2Fdoku.php%3Fid%3Dharmony%3Aproposals" alt="" /> <a href="http://wiki.ecmascript.org/doku.php?id=harmony:proposals">harmony:proposals [ES Wiki]</a></cite><p><a href="http://wiki.ecmascript.org/doku.php?id=harmony:proposals"><img src="" alt="harmony:proposals [ES Wiki]" title="harmony:proposals [ES Wiki]" class="entry-image" /></a></p><p>See harmony for requirements, goals, and means informing and guiding the proposals under development for ES-Harmony. Lacking a formal language specification, the following list is not definitive, but it should reflect consensus achieved so far in TC39. Anything can be revisited for a good reason,...</p><p><a href="https://b.hatena.ne.jp/entry/wiki.ecmascript.org/doku.php?id=harmony:proposals"><img src="https://b.hatena.ne.jp/entry/image/http://wiki.ecmascript.org/doku.php?id=harmony:proposals" alt="はてなブックマーク - harmony:proposals [ES Wiki]" title="はてなブックマーク - harmony:proposals [ES Wiki]" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/wiki.ecmascript.org/doku.php?id=harmony:proposals"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://blog.livedoor.jp/ryu22e/archives/65636256.html donny_i39 2013-01-23T01:29:58Z mocha テスト javascript 36 <blockquote cite="http://blog.livedoor.jp/ryu22e/archives/65636256.html" title="Node.jsのテスティングフレームワーク「Mocha」（前編） : ryu22eBlog跡地"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fblog.livedoor.jp%2Fryu22e%2Farchives%2F65636256.html" alt="" /> <a href="http://blog.livedoor.jp/ryu22e/archives/65636256.html">Node.jsのテスティングフレームワーク「Mocha」（前編） : ryu22eBlog跡地</a></cite><p><a href="http://blog.livedoor.jp/ryu22e/archives/65636256.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/86bfe12413c44ea74cef1aba080d69f7ef5ecfa2/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Flivedoor.blogimg.jp%2Fryu22e%2Fimgs%2Fc%2Fb%2Fcb1c9008.png" alt="Node.jsのテスティングフレームワーク「Mocha」（前編） : ryu22eBlog跡地" title="Node.jsのテスティングフレームワーク「Mocha」（前編） : ryu22eBlog跡地" class="entry-image" /></a></p><p>2011年12月19日 Node.jsのテスティングフレームワーク「Mocha」（前編） Mochaのチュートリアルに沿ってMocha（読み：もか）を使ってみました。 長いので前編・後編の二部構成にします。 使用するMochaのバージョンは0.3.6です。 はじめにこのエントリーのために書いたサンプルコードは以下に置いておきます。 https://g...</p><p><a href="https://b.hatena.ne.jp/entry/blog.livedoor.jp/ryu22e/archives/65636256.html"><img src="https://b.hatena.ne.jp/entry/image/http://blog.livedoor.jp/ryu22e/archives/65636256.html" alt="はてなブックマーク - Node.jsのテスティングフレームワーク「Mocha」（前編） : ryu22eBlog跡地" title="はてなブックマーク - Node.jsのテスティングフレームワーク「Mocha」（前編） : ryu22eBlog跡地" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/blog.livedoor.jp/ryu22e/archives/65636256.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://webtech-walker.com/archive/2012/10/mocha_phantomjs_travisci.html donny_i39 2013-01-22T12:47:55Z javascript テスト mocha 89 <blockquote cite="http://webtech-walker.com/archive/2012/10/mocha_phantomjs_travisci.html" title="mochaとphantomJSとtravis-ciでフロントエンドJavaScriptのテスト - Webtech Walker"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwebtech-walker.com%2Farchive%2F2012%2F10%2Fmocha_phantomjs_travisci.html" alt="" /> <a href="http://webtech-walker.com/archive/2012/10/mocha_phantomjs_travisci.html">mochaとphantomJSとtravis-ciでフロントエンドJavaScriptのテスト - Webtech Walker</a></cite><p><a href="http://webtech-walker.com/archive/2012/10/mocha_phantomjs_travisci.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/857c132ba8dd0ec98858fba07e66e5637449f95e/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fwebtech-walker.com%2Fimg%2Fcommon%2Ficon.png" alt="mochaとphantomJSとtravis-ciでフロントエンドJavaScriptのテスト - Webtech Walker" title="mochaとphantomJSとtravis-ciでフロントエンドJavaScriptのテスト - Webtech Walker" class="entry-image" /></a></p><p>東京Node学園祭2012 アドベントカレンダーの9日目です。Node.jsとほとんど関係ないうえに内容がけっこう薄い感じなった気がするんですけど気にせずいこうと思います。 フロントエンドのJavaScriptをテストするとき最近はいつもmochaを使ってるんですが、やはりJenkinsとかtravis-ciを使って自動テストもしたいと思って試...</p><p><a href="https://b.hatena.ne.jp/entry/webtech-walker.com/archive/2012/10/mocha_phantomjs_travisci.html"><img src="https://b.hatena.ne.jp/entry/image/http://webtech-walker.com/archive/2012/10/mocha_phantomjs_travisci.html" alt="はてなブックマーク - mochaとphantomJSとtravis-ciでフロントエンドJavaScriptのテスト - Webtech Walker" title="はてなブックマーク - mochaとphantomJSとtravis-ciでフロントエンドJavaScriptのテスト - Webtech Walker" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/webtech-walker.com/archive/2012/10/mocha_phantomjs_travisci.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://tnakamura.hatenablog.com/entry/20120313/jasmine donny_i39 2013-01-22T02:57:54Z テスト Javascript 38 <blockquote cite="https://tnakamura.hatenablog.com/entry/20120313/jasmine" title="QUnit はオワコン!?Jasmine を使ってみる - present"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftnakamura.hatenablog.com%2Fentry%2F20120313%2Fjasmine" alt="" /> <a href="https://tnakamura.hatenablog.com/entry/20120313/jasmine">QUnit はオワコン!?Jasmine を使ってみる - present</a></cite><p><a href="https://tnakamura.hatenablog.com/entry/20120313/jasmine"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/fe4e72c33435c89897b7ab993108f0da020d8025/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F6e0d782ccab0aa4467698c52ad50e851b4c8b2e5%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fg%252Fgriefworker%252F20120313%252F20120313200718.jpg" alt="QUnit はオワコン!?Jasmine を使ってみる - present" title="QUnit はオワコン!?Jasmine を使ってみる - present" class="entry-image" /></a></p><p>はじめに JavaScript でテストするためのフレームワークは QUnit と Jasmine が人気を二分していたみたいですが、最近は Jasmine が優勢？雑誌やブログで Jasmine を推しているのをよく見かけました。中には「QUnit はオワコン。これからは Jasmine！」って感じの過激な意見も。 私は QUnit を使ってきましたが、Jasmine...</p><p><a href="https://b.hatena.ne.jp/entry/s/tnakamura.hatenablog.com/entry/20120313/jasmine"><img src="https://b.hatena.ne.jp/entry/image/https://tnakamura.hatenablog.com/entry/20120313/jasmine" alt="はてなブックマーク - QUnit はオワコン!?Jasmine を使ってみる - present" title="はてなブックマーク - QUnit はオワコン!?Jasmine を使ってみる - present" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/tnakamura.hatenablog.com/entry/20120313/jasmine"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://webos-goodies.jp/archives/65_impressive_webgl_demos_and_apps.html donny_i39 2013-01-17T00:47:42Z 3D JavaScript 172 <blockquote cite="http://webos-goodies.jp/archives/65_impressive_webgl_demos_and_apps.html" title="Web ブラウザで動くとは思えない、凄い WebGL デモ・アプリ 65 個 - WebOS Goodies"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwebos-goodies.jp%2Farchives%2F65_impressive_webgl_demos_and_apps.html" alt="" /> <a href="http://webos-goodies.jp/archives/65_impressive_webgl_demos_and_apps.html">Web ブラウザで動くとは思えない、凄い WebGL デモ・アプリ 65 個 - WebOS Goodies</a></cite><p><a href="http://webos-goodies.jp/archives/65_impressive_webgl_demos_and_apps.html"><img src="" alt="Web ブラウザで動くとは思えない、凄い WebGL デモ・アプリ 65 個 - WebOS Goodies" title="Web ブラウザで動くとは思えない、凄い WebGL デモ・アプリ 65 個 - WebOS Goodies" class="entry-image" /></a></p><p>今月の 22 日に GTUG Girls のイベントで WebGL (Three.js) のハンズオンをやります。内容は初心者向けで、簡単な物体を表示してみたりして Three.js の基礎を学ぼうというものです。女性限定ですが、興味のある方はぜひご参加ください。 【告知】第10回GTUG Girls Meetup 「キラリとひかるモノ作り！WebGL(Three.js)入...</p><p><a href="https://b.hatena.ne.jp/entry/webos-goodies.jp/archives/65_impressive_webgl_demos_and_apps.html"><img src="https://b.hatena.ne.jp/entry/image/http://webos-goodies.jp/archives/65_impressive_webgl_demos_and_apps.html" alt="はてなブックマーク - Web ブラウザで動くとは思えない、凄い WebGL デモ・アプリ 65 個 - WebOS Goodies" title="はてなブックマーク - Web ブラウザで動くとは思えない、凄い WebGL デモ・アプリ 65 個 - WebOS Goodies" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/webos-goodies.jp/archives/65_impressive_webgl_demos_and_apps.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.ro.me/tech/ donny_i39 2013-01-17T00:42:10Z 3D HTML5 JavaScript 38 <blockquote cite="http://www.ro.me/tech/" title="3 Dreams of Black by Google Data Arts Team - Experiments with Google"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.ro.me%2Ftech%2F" alt="" /> <a href="http://www.ro.me/tech/">3 Dreams of Black by Google Data Arts Team - Experiments with Google</a></cite><p><a href="http://www.ro.me/tech/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/093516cf6805edd3d3b286d67e40f95b59278802/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Flh4.ggpht.com%2Fd9_WBfFehGPNOfYw1sJMgosum_VyZIsanLN9-pno-JqHeavJbvh083dHVzUBqcE0gCsrXqoJpQhCaJuIDIhE0YGIoKoBvbJyjgdsYw" alt="3 Dreams of Black by Google Data Arts Team - Experiments with Google" title="3 Dreams of Black by Google Data Arts Team - Experiments with Google" class="entry-image" /></a></p><p>This experiment is no longer active, but you can still learn about it on this page. “3 Dreams of Black” takes you on a journey through three dream worlds constructed through a combination of rich 2D drawings and animations interwoven with interactive 3D sequences. Throughout various points in the...</p><p><a href="https://b.hatena.ne.jp/entry/www.ro.me/tech/"><img src="https://b.hatena.ne.jp/entry/image/http://www.ro.me/tech/" alt="はてなブックマーク - 3 Dreams of Black by Google Data Arts Team - Experiments with Google" title="はてなブックマーク - 3 Dreams of Black by Google Data Arts Team - Experiments with Google" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.ro.me/tech/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.splashnology.com/article/40-new-jquery-plugins-for-web-developers/7738/ donny_i39 2013-01-16T00:13:39Z JavaScript 9 <blockquote cite="http://www.splashnology.com/article/40-new-jquery-plugins-for-web-developers/7738/" title="http://www.splashnology.com/article/40-new-jquery-plugins-for-web-developers/7738/"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.splashnology.com%2Farticle%2F40-new-jquery-plugins-for-web-developers%2F7738%2F" alt="" /> <a href="http://www.splashnology.com/article/40-new-jquery-plugins-for-web-developers/7738/">http://www.splashnology.com/article/40-new-jquery-plugins-for-web-developers/7738/</a></cite><p><a href="http://www.splashnology.com/article/40-new-jquery-plugins-for-web-developers/7738/"><img src="" alt="http://www.splashnology.com/article/40-new-jquery-plugins-for-web-developers/7738/" title="http://www.splashnology.com/article/40-new-jquery-plugins-for-web-developers/7738/" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/www.splashnology.com/article/40-new-jquery-plugins-for-web-developers/7738/"><img src="https://b.hatena.ne.jp/entry/image/http://www.splashnology.com/article/40-new-jquery-plugins-for-web-developers/7738/" alt="はてなブックマーク - http://www.splashnology.com/article/40-new-jquery-plugins-for-web-developers/7738/" title="はてなブックマーク - http://www.splashnology.com/article/40-new-jquery-plugins-for-web-developers/7738/" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.splashnology.com/article/40-new-jquery-plugins-for-web-developers/7738/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://smashinghub.com/25-useful-javascript-libraries-and-tools.htm donny_i39 2013-01-16T00:09:40Z Javascript ライブラリ 27 <blockquote cite="http://smashinghub.com/25-useful-javascript-libraries-and-tools.htm" title="25 Useful JavaScript Libraries And Tools"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fsmashinghub.com%2F25-useful-javascript-libraries-and-tools.htm" alt="" /> <a href="http://smashinghub.com/25-useful-javascript-libraries-and-tools.htm">25 Useful JavaScript Libraries And Tools</a></cite><p><a href="http://smashinghub.com/25-useful-javascript-libraries-and-tools.htm"><img src="" alt="25 Useful JavaScript Libraries And Tools" title="25 Useful JavaScript Libraries And Tools" class="entry-image" /></a></p><p>A huge number of web designing and development tool is available on the web, making it really tough to find the good ones that actually work. Many not-so-popular tools are also present which are really nice but don’t get the deserved attention because they are lost in the crowd! This is where lis...</p><p><a href="https://b.hatena.ne.jp/entry/smashinghub.com/25-useful-javascript-libraries-and-tools.htm"><img src="https://b.hatena.ne.jp/entry/image/http://smashinghub.com/25-useful-javascript-libraries-and-tools.htm" alt="はてなブックマーク - 25 Useful JavaScript Libraries And Tools" title="はてなブックマーク - 25 Useful JavaScript Libraries And Tools" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/smashinghub.com/25-useful-javascript-libraries-and-tools.htm"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://regexper.com/ donny_i39 2013-01-15T07:56:21Z webサービス 正規表現 JavaScript 1025 <blockquote cite="https://regexper.com/" title="Regexper"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fregexper.com%2F" alt="" /> <a href="https://regexper.com/">Regexper</a></cite><p><a href="https://regexper.com/"><img src="" alt="Regexper" title="Regexper" class="entry-image" /></a></p><p>Regular expression visualizer using railroad diagrams</p><p><a href="https://b.hatena.ne.jp/entry/s/regexper.com/"><img src="https://b.hatena.ne.jp/entry/image/https://regexper.com/" alt="はてなブックマーク - Regexper" title="はてなブックマーク - Regexper" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/regexper.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://jsperf.com/coffeescript-for-vs-underscore-each-vs-jquery-each/3 donny_i39 2013-01-10T23:49:22Z jQuery jquery javascript quickEach 23 <blockquote cite="http://jsperf.com/coffeescript-for-vs-underscore-each-vs-jquery-each/3" title="CoffeeScript&#39;s for vs. Underscore _.each vs. jQuery $.each · jsPerf"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fjsperf.com%2Fcoffeescript-for-vs-underscore-each-vs-jquery-each%2F3" alt="" /> <a href="http://jsperf.com/coffeescript-for-vs-underscore-each-vs-jquery-each/3">CoffeeScript&#39;s for vs. Underscore _.each vs. jQuery $.each · jsPerf</a></cite><p><a href="http://jsperf.com/coffeescript-for-vs-underscore-each-vs-jquery-each/3"><img src="" alt="CoffeeScript&#39;s for vs. Underscore _.each vs. jQuery $.each · jsPerf" title="CoffeeScript&#39;s for vs. Underscore _.each vs. jQuery $.each · jsPerf" class="entry-image" /></a></p><p>CoffeeScript&#39;s for vs. Underscore _.each vs. jQuery $.each JavaScript performance comparison Revision 3 of this test case created by Onigoetz on 2012-4-10 Preparation code &lt;script src=&quot;https://raw.github.com/documentcloud/underscore/ba3e31b53ef5752b40cfb2d71f594536fefbe916/underscore-min.js&quot;&gt; &lt;/s...</p><p><a href="https://b.hatena.ne.jp/entry/jsperf.com/coffeescript-for-vs-underscore-each-vs-jquery-each/3"><img src="https://b.hatena.ne.jp/entry/image/http://jsperf.com/coffeescript-for-vs-underscore-each-vs-jquery-each/3" alt="はてなブックマーク - CoffeeScript&#39;s for vs. Underscore _.each vs. jQuery $.each · jsPerf" title="はてなブックマーク - CoffeeScript&#39;s for vs. Underscore _.each vs. jQuery $.each · jsPerf" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/jsperf.com/coffeescript-for-vs-underscore-each-vs-jquery-each/3"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://wp-mix.com/ donny_i39 2013-01-08T23:45:48Z JavaScript webサービス 27 <blockquote cite="https://wp-mix.com/" title="WP-Mix | A fresh mix of code snippets and tutorials"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwp-mix.com%2F" alt="" /> <a href="https://wp-mix.com/">WP-Mix | A fresh mix of code snippets and tutorials</a></cite><p><a href="https://wp-mix.com/"><img src="" alt="WP-Mix | A fresh mix of code snippets and tutorials" title="WP-Mix | A fresh mix of code snippets and tutorials" class="entry-image" /></a></p><p>Block Multiple IP Addresses from Text File with PHP Here is a fun little tutorial. It shows how to block multiple IP addresses that are listed in a plain text file. It’s a nice little system to block bad IP addresses without using any database. For example, this is useful if you’ve got a bunch of...</p><p><a href="https://b.hatena.ne.jp/entry/s/wp-mix.com/"><img src="https://b.hatena.ne.jp/entry/image/https://wp-mix.com/" alt="はてなブックマーク - WP-Mix | A fresh mix of code snippets and tutorials" title="はてなブックマーク - WP-Mix | A fresh mix of code snippets and tutorials" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/wp-mix.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://havelog.aho.mu/develop/javascript/e544-backbone_learning_resources.html donny_i39 2012-12-26T23:47:43Z backbone.js javascript 142 <blockquote cite="https://havelog.aho.mu/develop/javascript/e544-backbone_learning_resources.html" title="Backbone.jsを使うときに参考になるリソース 2012年末版 (Backbone Advent Calendar 2012 25th day)"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhavelog.aho.mu%2Fdevelop%2Fjavascript%2Fe544-backbone_learning_resources.html" alt="" /> <a href="https://havelog.aho.mu/develop/javascript/e544-backbone_learning_resources.html">Backbone.jsを使うときに参考になるリソース 2012年末版 (Backbone Advent Calendar 2012 25th day)</a></cite><p><a href="https://havelog.aho.mu/develop/javascript/e544-backbone_learning_resources.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/25087ecd679bad3a3ea4bd159189471863ce1eb2/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fhavelog.aho.mu%2Fogp-default.jpg" alt="Backbone.jsを使うときに参考になるリソース 2012年末版 (Backbone Advent Calendar 2012 25th day)" title="Backbone.jsを使うときに参考になるリソース 2012年末版 (Backbone Advent Calendar 2012 25th day)" class="entry-image" /></a></p><p>Backboneを使うときの参考情報たち Advent Calendarがネタ切れの折、最終日が冴えない小ネタで終わるよりはマシかということでリストアップしてみた。 日本語リソース では早速、日本語のリソースから。古い情報はリストから外しているので、いくらか偏りがあるかも。悪しからず。 ビギナー向けにまとまったの CodeGrid ...</p><p><a href="https://b.hatena.ne.jp/entry/s/havelog.aho.mu/develop/javascript/e544-backbone_learning_resources.html"><img src="https://b.hatena.ne.jp/entry/image/https://havelog.aho.mu/develop/javascript/e544-backbone_learning_resources.html" alt="はてなブックマーク - Backbone.jsを使うときに参考になるリソース 2012年末版 (Backbone Advent Calendar 2012 25th day)" title="はてなブックマーク - Backbone.jsを使うときに参考になるリソース 2012年末版 (Backbone Advent Calendar 2012 25th day)" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/havelog.aho.mu/develop/javascript/e544-backbone_learning_resources.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://tympanus.net/Development/SliderPagination/ donny_i39 2012-12-25T00:00:14Z UI navigation javascript 41 <blockquote cite="https://tympanus.net/Development/SliderPagination/" title="Slider Pagination Concept - with jQuery UI Slider"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftympanus.net%2FDevelopment%2FSliderPagination%2F" alt="" /> <a href="https://tympanus.net/Development/SliderPagination/">Slider Pagination Concept - with jQuery UI Slider</a></cite><p><a href="https://tympanus.net/Development/SliderPagination/"><img src="" alt="Slider Pagination Concept - with jQuery UI Slider" title="Slider Pagination Concept - with jQuery UI Slider" class="entry-image" /></a></p><p>Slider Pagination Concept - with jQuery UI Slider</p><p><a href="https://b.hatena.ne.jp/entry/s/tympanus.net/Development/SliderPagination/"><img src="https://b.hatena.ne.jp/entry/image/https://tympanus.net/Development/SliderPagination/" alt="はてなブックマーク - Slider Pagination Concept - with jQuery UI Slider" title="はてなブックマーク - Slider Pagination Concept - with jQuery UI Slider" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/tympanus.net/Development/SliderPagination/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.publickey1.jp/blog/12/facebookhtml5sencha_touch3.html donny_i39 2012-12-20T23:42:27Z テクニック facebook HTML5 JavaScript 445 <blockquote cite="https://www.publickey1.jp/blog/12/facebookhtml5sencha_touch3.html" title="Facebookアプリを、HTML5でどうしてサクサクにできたのか。Sencha Touch開発チームが用いた3つのテクニック"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F12%2Ffacebookhtml5sencha_touch3.html" alt="" /> <a href="https://www.publickey1.jp/blog/12/facebookhtml5sencha_touch3.html">Facebookアプリを、HTML5でどうしてサクサクにできたのか。Sencha Touch開発チームが用いた3つのテクニック</a></cite><p><a href="https://www.publickey1.jp/blog/12/facebookhtml5sencha_touch3.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d456b001e7b1552ac62944ca10fa41df736e3920/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.publickey1.jp%2Ffbico_pblky.png" alt="Facebookアプリを、HTML5でどうしてサクサクにできたのか。Sencha Touch開発チームが用いた3つのテクニック" title="Facebookアプリを、HTML5でどうしてサクサクにできたのか。Sencha Touch開発チームが用いた3つのテクニック" class="entry-image" /></a></p><p>Sencha Touchの開発チームがHTML5で高速に動作するFacebookアプリを開発したことを紹介した1つ前の記事 「Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサクサク動くFacebookアプリを作って見せたSencha Touch開発チーム」は、非常に多くの読者に注目されました。 この記事で紹介したSencha To...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/12/facebookhtml5sencha_touch3.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.publickey1.jp/blog/12/facebookhtml5sencha_touch3.html" alt="はてなブックマーク - Facebookアプリを、HTML5でどうしてサクサクにできたのか。Sencha Touch開発チームが用いた3つのテクニック" title="はてなブックマーク - Facebookアプリを、HTML5でどうしてサクサクにできたのか。Sencha Touch開発チームが用いた3つのテクニック" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/12/facebookhtml5sencha_touch3.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://kazuhooku.hatenadiary.org/entry/20121218/1355820355 donny_i39 2012-12-18T23:40:57Z クロージャ javascript gc 134 <blockquote cite="https://kazuhooku.hatenadiary.org/entry/20121218/1355820355" title="JavaScript(V8)で避けるべき(だった?)クロージャの使い方 - kazuhoのメモ置き場"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fkazuhooku.hatenadiary.org%2Fentry%2F20121218%2F1355820355" alt="" /> <a href="https://kazuhooku.hatenadiary.org/entry/20121218/1355820355">JavaScript(V8)で避けるべき(だった?)クロージャの使い方 - kazuhoのメモ置き場</a></cite><p><a href="https://kazuhooku.hatenadiary.org/entry/20121218/1355820355"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5c58ff414f66c8a0a641fdb3f39657ebec93e418/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17680117127106341284%2F17680117127106347093%2F1556845881" alt="JavaScript(V8)で避けるべき(だった?)クロージャの使い方 - kazuhoのメモ置き場" title="JavaScript(V8)で避けるべき(だった?)クロージャの使い方 - kazuhoのメモ置き場" class="entry-image" /></a></p><p>Grokking V8 closures for fun (and profit?) に、ほんの少しだけ触れられている話なんですが。 ごく最近まで V8 には、オブジェクトリテラルの中で関数リテラルを使った場合に非常に遅くなる(というかGCが多発する)問題があった。 たとえば、 function doit() { for (var i = 0; i &lt; 1000; ++i) { for (var j = 0; j &lt; ...</p><p><a href="https://b.hatena.ne.jp/entry/s/kazuhooku.hatenadiary.org/entry/20121218/1355820355"><img src="https://b.hatena.ne.jp/entry/image/https://kazuhooku.hatenadiary.org/entry/20121218/1355820355" alt="はてなブックマーク - JavaScript(V8)で避けるべき(だった?)クロージャの使い方 - kazuhoのメモ置き場" title="はてなブックマーク - JavaScript(V8)で避けるべき(だった?)クロージャの使い方 - kazuhoのメモ置き場" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/kazuhooku.hatenadiary.org/entry/20121218/1355820355"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>