https://b.hatena.ne.jp/joan9/javascript/ javascriptに関するjoan9のはてなブックマーク (499) https://postd.cc/all-js-libraries-should-be-authored-in-typescript/ joan9 2016-03-31T05:57:29Z JavaScript TypeScript <blockquote cite="https://postd.cc/all-js-libraries-should-be-authored-in-typescript/" title="全てのJSライブラリはTypeScriptで書かれるべきである | POSTD"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpostd.cc%2Fall-js-libraries-should-be-authored-in-typescript%2F" alt="" /> <a href="https://postd.cc/all-js-libraries-should-be-authored-in-typescript/">全てのJSライブラリはTypeScriptで書かれるべきである | POSTD</a></cite><p><a href="https://postd.cc/all-js-libraries-should-be-authored-in-typescript/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/61c48c14df927b03b00d47eff5cbd17170c5b773/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fpostd.cc%2Fwp%2Fwp-content%2Fuploads%2F2016%2F01%2Fhome-office-336377_1920-500x333.jpg" alt="全てのJSライブラリはTypeScriptで書かれるべきである | POSTD" title="全てのJSライブラリはTypeScriptで書かれるべきである | POSTD" class="entry-image" /></a></p><p>私はJavaScriptプログラマで、ライブラリをいくつか作っています。しかし最近では RxJS version 5 のために TypeScript を書いています(RxJS version 5は Angular 2 の内部で使われていますが、Angular 2もTypeScriptで書かれています)。現在私は Cycle.js をTypeScriptで書きなおしているところです。 静的型付けと動的...</p><p><a href="https://b.hatena.ne.jp/entry/s/postd.cc/all-js-libraries-should-be-authored-in-typescript/"><img src="https://b.hatena.ne.jp/entry/image/https://postd.cc/all-js-libraries-should-be-authored-in-typescript/" alt="はてなブックマーク - 全てのJSライブラリはTypeScriptで書かれるべきである | POSTD" title="はてなブックマーク - 全てのJSライブラリはTypeScriptで書かれるべきである | POSTD" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/postd.cc/all-js-libraries-should-be-authored-in-typescript/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 69 https://yosuke-furukawa.hatenablog.com/entry/2016/03/27/152500 joan9 2016-03-28T05:54:19Z JavaScript npm <blockquote cite="https://yosuke-furukawa.hatenablog.com/entry/2016/03/27/152500" title="JavaScriptの文化とleftpadの話とpadStartについて - from scratch"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fyosuke-furukawa.hatenablog.com%2Fentry%2F2016%2F03%2F27%2F152500" alt="" /> <a href="https://yosuke-furukawa.hatenablog.com/entry/2016/03/27/152500">JavaScriptの文化とleftpadの話とpadStartについて - from scratch</a></cite><p><a href="https://yosuke-furukawa.hatenablog.com/entry/2016/03/27/152500"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1d502d40620a4258cfaa2cfa5b403283579e18a4/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12704346814673855811%2F10328537792368672237%2F1459091180" alt="JavaScriptの文化とleftpadの話とpadStartについて - from scratch" title="JavaScriptの文化とleftpadの話とpadStartについて - from scratch" class="entry-image" /></a></p><p>無駄にラノベみたいに長いタイトル書いちゃったんですが、まぁやっぱり一言くらいは残しておくかと思ったので書きます。長いのでまとめだけでも見てもらえると良いかもしれません。 leftpadの話はかなり大事になっていて、Node.js界隈を中心としてその他のOSSをやっている全体的に話が波及しています。幾つかの記事を読...</p><p><a href="https://b.hatena.ne.jp/entry/s/yosuke-furukawa.hatenablog.com/entry/2016/03/27/152500"><img src="https://b.hatena.ne.jp/entry/image/https://yosuke-furukawa.hatenablog.com/entry/2016/03/27/152500" alt="はてなブックマーク - JavaScriptの文化とleftpadの話とpadStartについて - from scratch" title="はてなブックマーク - JavaScriptの文化とleftpadの話とpadStartについて - from scratch" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/yosuke-furukawa.hatenablog.com/entry/2016/03/27/152500"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 481 https://efcl.info/2016/03/25/jsdoc-to-assert/ joan9 2016-03-25T08:56:31Z javascript babel assert jsdoc <blockquote cite="https://efcl.info/2016/03/25/jsdoc-to-assert/" title="JSDocをランタイムassertに変換するBabelプラグインを書いた"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fefcl.info%2F2016%2F03%2F25%2Fjsdoc-to-assert%2F" alt="" /> <a href="https://efcl.info/2016/03/25/jsdoc-to-assert/">JSDocをランタイムassertに変換するBabelプラグインを書いた</a></cite><p><a href="https://efcl.info/2016/03/25/jsdoc-to-assert/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1629f4323226f1cdaf7194c4547f9150d62b4d5f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fefcl.info%2Fpublic%2Ffavicon.png" alt="JSDocをランタイムassertに変換するBabelプラグインを書いた" title="JSDocをランタイムassertに変換するBabelプラグインを書いた" class="entry-image" /></a></p><p>JSDocをassertに変換するライブラリとそれを使ったBabelプラグインを書きました。 azu/babel-plugin-jsdoc-to-assert: Babel plugin for jsdoc-to-assert. azu/jsdoc-to-assert: JSDoc to assert ライブラリのjsdoc-to-assertの方は、JavaScript ASTのコメントからassertの文字列を作り出すだけのシンプルなものです。 ...</p><p><a href="https://b.hatena.ne.jp/entry/s/efcl.info/2016/03/25/jsdoc-to-assert/"><img src="https://b.hatena.ne.jp/entry/image/https://efcl.info/2016/03/25/jsdoc-to-assert/" alt="はてなブックマーク - JSDocをランタイムassertに変換するBabelプラグインを書いた" title="はてなブックマーク - JSDocをランタイムassertに変換するBabelプラグインを書いた" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/efcl.info/2016/03/25/jsdoc-to-assert/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 41 https://qiita.com/pirosikick/items/dc1ca841c6e5c8ba0674 joan9 2015-12-25T02:18:19Z JavaScript eslint <blockquote cite="https://qiita.com/pirosikick/items/dc1ca841c6e5c8ba0674" title="ESLint2について調べた - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fpirosikick%2Fitems%2Fdc1ca841c6e5c8ba0674" alt="" /> <a href="https://qiita.com/pirosikick/items/dc1ca841c6e5c8ba0674">ESLint2について調べた - Qiita</a></cite><p><a href="https://qiita.com/pirosikick/items/dc1ca841c6e5c8ba0674"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ac6b362b1821347291d1f213fcc8569cda742763/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%25252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMTgzNDYlMkZwcm9maWxlLWltYWdlcyUyRjE0ODI2NzI1NjY_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTYwZGE0MjAwMzE2MjE2NjM0MTQ0ZjA5YjhmZmU5NTU2%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D6a04e3a79a1f4934de8ce1cb36805acf%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9RVNMaW50MiVFMyU4MSVBQiVFMyU4MSVBNCVFMyU4MSU4NCVFMyU4MSVBNiVFOCVBQSVCRiVFMyU4MSVCOSVFMyU4MSU5RiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPWY1MDE5YzM3ZTVkM2JkMTE3YTQyZGY4MjA1YzZlYTc3%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBwaXJvc2lraWNrJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NThkOTBjYmQ4ZjY0NTIxZDY5MTEzMTJlZWEwYThjOGY%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Dbd65b1ae55e761a3e1dd0d9f096ab446" alt="ESLint2について調べた - Qiita" title="ESLint2について調べた - Qiita" class="entry-image" /></a></p><p>Node.js Advent Calendar 2015の7日目の記事です。遅刻してごめんなさいごめんなさい。 sinopiaをs3対応して記事を書こうと思ったのですが、思ったより手こずってしまい、ESLintの2系のalpha版が出たので、そちらについて調べました。 ESLint v2.0.0-alpha-1 released 新しいルール 下記のルールが新しく追加される。 ar...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/pirosikick/items/dc1ca841c6e5c8ba0674"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/pirosikick/items/dc1ca841c6e5c8ba0674" alt="はてなブックマーク - ESLint2について調べた - Qiita" title="はてなブックマーク - ESLint2について調べた - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/pirosikick/items/dc1ca841c6e5c8ba0674"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 34 https://qiita.com/mizchi/items/82f205e16e78424df71b joan9 2015-12-02T00:14:00Z javascript flux react Redux VirtualDOM <blockquote cite="https://qiita.com/mizchi/items/82f205e16e78424df71b" title="仮想DOMで魂が震えてから一年、仮想DOMとFluxの今 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fmizchi%2Fitems%2F82f205e16e78424df71b" alt="" /> <a href="https://qiita.com/mizchi/items/82f205e16e78424df71b">仮想DOMで魂が震えてから一年、仮想DOMとFluxの今 - Qiita</a></cite><p><a href="https://qiita.com/mizchi/items/82f205e16e78424df71b"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/819859e8528a249b56a7d945cc342ba913c579e8/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%25252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMTcyNyUyRnByb2ZpbGUtaW1hZ2VzJTJGMTQ3MzY4MzgxND9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmZm09cG5nMzImcz1iMzBmZjQwMmIyOTA0MjEwN2MzMDE4YjQ3NDkxM2VhNQ%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D37cd7e816025194f88d1aaa07802677d%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JUU0JUJCJUFFJUU2JTgzJUIzRE9NJUUzJTgxJUE3JUU5JUFEJTgyJUUzJTgxJThDJUU5JTlDJTg3JUUzJTgxJTg4JUUzJTgxJUE2JUUzJTgxJThCJUUzJTgyJTg5JUU0JUI4JTgwJUU1JUI5JUI0JUUzJTgwJTgxJUU0JUJCJUFFJUU2JTgzJUIzRE9NJUUzJTgxJUE4Rmx1eCVFMyU4MSVBRSVFNCVCQiU4QSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPWQwZjFjMzBlNTRlN2NmNTVlM2JjMmJlYTZiYWI4MTU3%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBtaXpjaGkmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz05NWRmZjM1NzQ2MzE4MTY1MjkyZDU4NjAwNmU4ODhkMA%26blend-x%3D242%26blend-y%3D454%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-44OX44Os44Kk44OJ%26txt-x%3D242%26txt-y%3D539%26txt-width%3D838%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25233A3C3C%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D28%26s%3Dd4c993e3cb109b74037c26debc367cc5" alt="仮想DOMで魂が震えてから一年、仮想DOMとFluxの今 - Qiita" title="仮想DOMで魂が震えてから一年、仮想DOMとFluxの今 - Qiita" class="entry-image" /></a></p><p>なぜ仮想DOMという概念が俺達の魂を震えさせるのか から一年、みなさまどのようなフロントエンドをお過ごしでしょうか。 僕はひたすら過去資産をリファクタしています。 需要の雰囲気 色んな所に書きましたが、去年僕が仮想DOM AdventCalendar をやったのは、「僕自身がproductionで使いたい」ので、「Reactまあいいよね...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/mizchi/items/82f205e16e78424df71b"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/mizchi/items/82f205e16e78424df71b" alt="はてなブックマーク - 仮想DOMで魂が震えてから一年、仮想DOMとFluxの今 - Qiita" title="はてなブックマーク - 仮想DOMで魂が震えてから一年、仮想DOMとFluxの今 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/mizchi/items/82f205e16e78424df71b"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 281 https://techlife.cookpad.com/entry/2015/10/20/194009 joan9 2015-10-30T08:59:41Z JavaScript cookpad コンパイラ <blockquote cite="https://techlife.cookpad.com/entry/2015/10/20/194009" title="夏のインターン講義「1営業日で書くJavaScriptコンパイラ」の設計と実装 - クックパッド開発者ブログ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftechlife.cookpad.com%2Fentry%2F2015%2F10%2F20%2F194009" alt="" /> <a href="https://techlife.cookpad.com/entry/2015/10/20/194009">夏のインターン講義「1営業日で書くJavaScriptコンパイラ」の設計と実装 - クックパッド開発者ブログ</a></cite><p><a href="https://techlife.cookpad.com/entry/2015/10/20/194009"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a073257f222b3d2ea3dadf122d1b880137a0b8b9/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Ff52c471bd3b359dfd8bee3bddb3e20860ce3c192%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fm%252Fmineroaoki%252F20151020%252F20151020135407.png" alt="夏のインターン講義「1営業日で書くJavaScriptコンパイラ」の設計と実装 - クックパッド開発者ブログ" title="夏のインターン講義「1営業日で書くJavaScriptコンパイラ」の設計と実装 - クックパッド開発者ブログ" class="entry-image" /></a></p><p>今年、クックパッドでは夏のインターンと題して20名弱のインターンを受け入れました。 このインターンは前半と後半に大きく分かれており、 後半が社員に混じって業務をするいわゆる普通のインターンで、 前半は7日間にわたってプログラミング関連の講義を受けるという仕組みです。 わたし（青木）はその前半の過程におい...</p><p><a href="https://b.hatena.ne.jp/entry/s/techlife.cookpad.com/entry/2015/10/20/194009"><img src="https://b.hatena.ne.jp/entry/image/https://techlife.cookpad.com/entry/2015/10/20/194009" alt="はてなブックマーク - 夏のインターン講義「1営業日で書くJavaScriptコンパイラ」の設計と実装 - クックパッド開発者ブログ" title="はてなブックマーク - 夏のインターン講義「1営業日で書くJavaScriptコンパイラ」の設計と実装 - クックパッド開発者ブログ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/techlife.cookpad.com/entry/2015/10/20/194009"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 774 https://www.slideshare.net/MasashiSakurai/javascript-js-53219222 joan9 2015-09-27T06:18:20Z javascript <blockquote cite="https://www.slideshare.net/MasashiSakurai/javascript-js-53219222" title="JavaScript の過去と現在、ガチな JS アプリケーション設計"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.slideshare.net%2FMasashiSakurai%2Fjavascript-js-53219222" alt="" /> <a href="https://www.slideshare.net/MasashiSakurai/javascript-js-53219222">JavaScript の過去と現在、ガチな JS アプリケーション設計</a></cite><p><a href="https://www.slideshare.net/MasashiSakurai/javascript-js-53219222"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4ad3930df2db54dbe0004c93871905d1c714615c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2F2015-0926-hacker-p-150926084247-lva1-app6892-thumbnail-4.jpg%3Fcb%3D1443276955" alt="JavaScript の過去と現在、ガチな JS アプリケーション設計" title="JavaScript の過去と現在、ガチな JS アプリケーション設計" class="entry-image" /></a></p><p>はじめよう TypeScript - 入門から実践まで - 素の JavaScript とはさようなら!</p><p><a href="https://b.hatena.ne.jp/entry/s/www.slideshare.net/MasashiSakurai/javascript-js-53219222"><img src="https://b.hatena.ne.jp/entry/image/https://www.slideshare.net/MasashiSakurai/javascript-js-53219222" alt="はてなブックマーク - JavaScript の過去と現在、ガチな JS アプリケーション設計" title="はてなブックマーク - JavaScript の過去と現在、ガチな JS アプリケーション設計" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.slideshare.net/MasashiSakurai/javascript-js-53219222"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 402 https://qiita.com/hiruberuto/items/f1e048fc9a8ca51eddb2 joan9 2015-09-17T09:21:13Z haskell JavaScript altjs PureScript <blockquote cite="https://qiita.com/hiruberuto/items/f1e048fc9a8ca51eddb2" title="関数型なAltJS、PureScriptの入門書を邦訳しました。 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fhiruberuto%2Fitems%2Ff1e048fc9a8ca51eddb2" alt="" /> <a href="https://qiita.com/hiruberuto/items/f1e048fc9a8ca51eddb2">関数型なAltJS、PureScriptの入門書を邦訳しました。 - Qiita</a></cite><p><a href="https://qiita.com/hiruberuto/items/f1e048fc9a8ca51eddb2"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/8fb06a4a0aa8bf168731bd153a65f6efd7fc1a98/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnMzLWFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkZxaWl0YS1pbWFnZS1zdG9yZSUyRjAlMkY2NDY5NSUyRjdmNzE3ZjM5ZGVkYTAzZmY4MzkwOTM5MDBhNWNlODAxNGU1NDQ3MDklMkZ4X2xhcmdlLnBuZyUzRjE1NzA0NjE5OTQ_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTIwNTA1MzBiOTQ3YTM4MDU1MmRmMzVjZjQ4NWFkYmYz%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D006f6d3663f9bca34a2c9cae76091eba%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JUU5JTk2JUEyJUU2JTk1JUIwJUU1JTlFJThCJUUzJTgxJUFBQWx0SlMlRTMlODAlODFQdXJlU2NyaXB0JUUzJTgxJUFFJUU1JTg1JUE1JUU5JTk2JTgwJUU2JTlCJUI4JUUzJTgyJTkyJUU5JTgyJUE2JUU4JUE4JUIzJUUzJTgxJTk3JUUzJTgxJUJFJUUzJTgxJTk3JUUzJTgxJTlGJUUzJTgwJTgyJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9NmZhMDRhMWEzOGUwODMyMWMyZDVjNDQzYTBmMjIxMWE%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBoaXJ1YmVydXRvJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9ZGNmMzcyMTdkZjE0ZDJkZTk2MDYyMzBmZjc3YzE0Y2I%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D8cf7fcd126e62ddaa8a06a5cf0d898e7" alt="関数型なAltJS、PureScriptの入門書を邦訳しました。 - Qiita" title="関数型なAltJS、PureScriptの入門書を邦訳しました。 - Qiita" class="entry-image" /></a></p><p>2018/4/30 追記：　古くなっていたこちらの邦訳ですが、プルリクエストを頂き最新版PureScript v0.11に対応しました。本当にありがとうございました。 Haskellライクな関数型プログラミング言語PureScriptの入門書、&quot;PureScript By Example&quot;を邦訳しました。本書はPureScriptのオリジナルの作者であるPhilさん本人が執筆...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/hiruberuto/items/f1e048fc9a8ca51eddb2"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/hiruberuto/items/f1e048fc9a8ca51eddb2" alt="はてなブックマーク - 関数型なAltJS、PureScriptの入門書を邦訳しました。 - Qiita" title="はてなブックマーク - 関数型なAltJS、PureScriptの入門書を邦訳しました。 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/hiruberuto/items/f1e048fc9a8ca51eddb2"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 66 https://itchyny.hatenablog.com/entry/2015/07/01/120000 joan9 2015-08-10T02:57:55Z haskell JavaScript profiler <blockquote cite="https://itchyny.hatenablog.com/entry/2015/07/01/120000" title="シンプルでかつ最高のJavaScriptプロファイラ sjsp を作りました！ ― Webアプリケーションが複雑化する中でプロファイラに求められるものとは何か - プログラムモグモグ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fitchyny.hatenablog.com%2Fentry%2F2015%2F07%2F01%2F120000" alt="" /> <a href="https://itchyny.hatenablog.com/entry/2015/07/01/120000">シンプルでかつ最高のJavaScriptプロファイラ sjsp を作りました！ ― Webアプリケーションが複雑化する中でプロファイラに求められるものとは何か - プログラムモグモグ</a></cite><p><a href="https://itchyny.hatenablog.com/entry/2015/07/01/120000"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/7bd43b3e672b5494d1218ead2271b95472f4cc4e/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F12436224fc78235fcc4dafbcfeeef798a2f285d0%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fblog.st-hatena.com%252Fimages%252Ftheme%252Fog-image-1500.gif" alt="シンプルでかつ最高のJavaScriptプロファイラ sjsp を作りました！ ― Webアプリケーションが複雑化する中でプロファイラに求められるものとは何か - プログラムモグモグ" title="シンプルでかつ最高のJavaScriptプロファイラ sjsp を作りました！ ― Webアプリケーションが複雑化する中でプロファイラに求められるものとは何か - プログラムモグモグ" class="entry-image" /></a></p><p>あらすじ Web技術が複雑になる中で、JavaScriptのプロファイリングをとる方法とは。 プロファイリングを取るためのコードを手で書いてみましょう。 とてもシンプルで、かつ最高のJavaScriptプロファイラ sjsp を作りました。 本当にあった怖い話 上司 「とにかくJavaScriptのコードを速くしてくれ」 私 「分かりました、...</p><p><a href="https://b.hatena.ne.jp/entry/s/itchyny.hatenablog.com/entry/2015/07/01/120000"><img src="https://b.hatena.ne.jp/entry/image/https://itchyny.hatenablog.com/entry/2015/07/01/120000" alt="はてなブックマーク - シンプルでかつ最高のJavaScriptプロファイラ sjsp を作りました！ ― Webアプリケーションが複雑化する中でプロファイラに求められるものとは何か - プログラムモグモグ" title="はてなブックマーク - シンプルでかつ最高のJavaScriptプロファイラ sjsp を作りました！ ― Webアプリケーションが複雑化する中でプロファイラに求められるものとは何か - プログラムモグモグ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/itchyny.hatenablog.com/entry/2015/07/01/120000"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 770 https://vividcode.hatenadiary.org/entry/20110206/1296944787 joan9 2015-06-08T04:17:06Z oauth JavaScript twitter <blockquote cite="https://vividcode.hatenadiary.org/entry/20110206/1296944787" title="JavaScript で OAuth 認証を行う方法 - vivid memo"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fvividcode.hatenadiary.org%2Fentry%2F20110206%2F1296944787" alt="" /> <a href="https://vividcode.hatenadiary.org/entry/20110206/1296944787">JavaScript で OAuth 認証を行う方法 - vivid memo</a></cite><p><a href="https://vividcode.hatenadiary.org/entry/20110206/1296944787"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d2e1f29c5493c5a9aaa629323ad05d9b37934814/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17680117127155113686%2F17680117127155122636%2F1558440691" alt="JavaScript で OAuth 認証を行う方法 - vivid memo" title="JavaScript で OAuth 認証を行う方法 - vivid memo" class="entry-image" /></a></p><p>最近、twitter クライアントを Firefox 拡張機能として作ったりしているのですが、twitter では認証方式として OAuth が採用されているため、JavaScript で OAuth 認証を行う必要があります。 ここでは、JavaScript の OAuth ライブラリを用いて OAuth 認証を行う方法を説明します。 OAuth 自体の詳しい説明などは OAuth...</p><p><a href="https://b.hatena.ne.jp/entry/s/vividcode.hatenadiary.org/entry/20110206/1296944787"><img src="https://b.hatena.ne.jp/entry/image/https://vividcode.hatenadiary.org/entry/20110206/1296944787" alt="はてなブックマーク - JavaScript で OAuth 認証を行う方法 - vivid memo" title="はてなブックマーク - JavaScript で OAuth 認証を行う方法 - vivid memo" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/vividcode.hatenadiary.org/entry/20110206/1296944787"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 47 https://qiita.com/ukiuni@github/items/5f3d8620187905aea3d4 joan9 2015-05-20T02:48:52Z JavaScript <blockquote cite="https://qiita.com/ukiuni@github/items/5f3d8620187905aea3d4" title="JavaScriptを読んでて「なにこれ！？」と思うけれど調べられない記法8選。 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fukiuni%40github%2Fitems%2F5f3d8620187905aea3d4" alt="" /> <a href="https://qiita.com/ukiuni@github/items/5f3d8620187905aea3d4">JavaScriptを読んでて「なにこれ！？」と思うけれど調べられない記法8選。 - Qiita</a></cite><p><a href="https://qiita.com/ukiuni@github/items/5f3d8620187905aea3d4"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3cffc46bad0ccfc133060d252772d81bee67e690/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMjUxNzYlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODQyNzU_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTRiNGUyZjFiMGNkMTE5Y2UzZDU5OTM5MmI0NTdmNjRl%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D4156ee40025144d5b82cb1eb01499acb%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9SmF2YVNjcmlwdCVFMyU4MiU5MiVFOCVBQSVBRCVFMyU4MiU5MyVFMyU4MSVBNyVFMyU4MSVBNiVFMyU4MCU4QyVFMyU4MSVBQSVFMyU4MSVBQiVFMyU4MSU5MyVFMyU4MiU4QyVFRiVCQyU4MSVFRiVCQyU5RiVFMyU4MCU4RCVFMyU4MSVBOCVFNiU4MCU5RCVFMyU4MSU4NiVFMyU4MSU5MSVFMyU4MiU4QyVFMyU4MSVBOSVFOCVBQSVCRiVFMyU4MSVCOSVFMyU4MiU4OSVFMyU4MiU4QyVFMyU4MSVBQSVFMyU4MSU4NCVFOCVBOCU5OCVFNiVCMyU5NTglRTklODElQjglRTMlODAlODImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz0yNTdiOTg3M2Y3ZTkxNjc4N2YwNzNiMzdmY2IyNTQ4ZA%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB1a2l1bmklNDBnaXRodWImdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz02YWE0NzFhNWU5Yzk5ZjQ4NjE5NTkzMjg3YzFkNzA1NA%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Da670ec3a22f85f8503288aee04f238ad" alt="JavaScriptを読んでて「なにこれ！？」と思うけれど調べられない記法8選。 - Qiita" title="JavaScriptを読んでて「なにこれ！？」と思うけれど調べられない記法8選。 - Qiita" class="entry-image" /></a></p><p>Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/ukiuni@github/items/5f3d8620187905aea3d4"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/ukiuni@github/items/5f3d8620187905aea3d4" alt="はてなブックマーク - JavaScriptを読んでて「なにこれ！？」と思うけれど調べられない記法8選。 - Qiita" title="はてなブックマーク - JavaScriptを読んでて「なにこれ！？」と思うけれど調べられない記法8選。 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/ukiuni@github/items/5f3d8620187905aea3d4"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 693 https://taiju.hatenablog.com/entry/20100515/1273903873 joan9 2015-05-08T09:21:28Z JavaScript <blockquote cite="https://taiju.hatenablog.com/entry/20100515/1273903873" title="applyとcallの使い方を丁寧に説明してみる - あと味"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftaiju.hatenablog.com%2Fentry%2F20100515%2F1273903873" alt="" /> <a href="https://taiju.hatenablog.com/entry/20100515/1273903873">applyとcallの使い方を丁寧に説明してみる - あと味</a></cite><p><a href="https://taiju.hatenablog.com/entry/20100515/1273903873"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/9bc708396413da41f1716feec48e2dec23424ce5/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12704346814673929871%2F12704591929883843633%2F1402014475" alt="applyとcallの使い方を丁寧に説明してみる - あと味" title="applyとcallの使い方を丁寧に説明してみる - あと味" class="entry-image" /></a></p><p>JavaScriptに、applyとcallというメソッドが用意されていますが、自分なりにapplyとcallの丁寧に説明をしてみようと思ってこのエントリーを書くなどをしてみます。 applyとcallは非常に似たメソッドなので、まずはcallから説明します。 callメソッドとは？ callメソッドは以下のように呼び出します。 methodA.call(thisA...</p><p><a href="https://b.hatena.ne.jp/entry/s/taiju.hatenablog.com/entry/20100515/1273903873"><img src="https://b.hatena.ne.jp/entry/image/https://taiju.hatenablog.com/entry/20100515/1273903873" alt="はてなブックマーク - applyとcallの使い方を丁寧に説明してみる - あと味" title="はてなブックマーク - applyとcallの使い方を丁寧に説明してみる - あと味" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/taiju.hatenablog.com/entry/20100515/1273903873"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 403 https://blog.gutyan.jp/entry/2014/09/06/MutationObserver joan9 2015-04-23T06:02:09Z JavaScript <blockquote cite="https://blog.gutyan.jp/entry/2014/09/06/MutationObserver" title="【JavaScript】 MutationObserverの使い方 個人的まとめ - はりをきば"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.gutyan.jp%2Fentry%2F2014%2F09%2F06%2FMutationObserver" alt="" /> <a href="https://blog.gutyan.jp/entry/2014/09/06/MutationObserver">【JavaScript】 MutationObserverの使い方 個人的まとめ - はりをきば</a></cite><p><a href="https://blog.gutyan.jp/entry/2014/09/06/MutationObserver"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0b74366da42abfb85de3ee4f24fd3bc6978580dc/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12704346814673858219%2F12921228815732054001%2F1412933160" alt="【JavaScript】 MutationObserverの使い方 個人的まとめ - はりをきば" title="【JavaScript】 MutationObserverの使い方 個人的まとめ - はりをきば" class="entry-image" /></a></p><p>DOMの変更を検知するイベントが非推奨になり 代わりに新しく作られたMutationObserverなるもの。 MutationObserver - Web API インターフェイス | MDN https://developer.mozilla.org/ja/docs/Web/API/MutationObserver DOM変更検知は結構よく使うもの（特にユーザースクリプト）なのに 日本語の解説サイトが↑のMDNとMSD...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.gutyan.jp/entry/2014/09/06/MutationObserver"><img src="https://b.hatena.ne.jp/entry/image/https://blog.gutyan.jp/entry/2014/09/06/MutationObserver" alt="はてなブックマーク - 【JavaScript】 MutationObserverの使い方 個人的まとめ - はりをきば" title="はてなブックマーク - 【JavaScript】 MutationObserverの使い方 個人的まとめ - はりをきば" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.gutyan.jp/entry/2014/09/06/MutationObserver"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 80 https://qiita.com/daisy1754/items/1958e1d5348914a26f06 joan9 2015-04-23T05:40:42Z javascript <blockquote cite="https://qiita.com/daisy1754/items/1958e1d5348914a26f06" title="動的に追加されるDOM要素に対応する方法あれこれ - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fdaisy1754%2Fitems%2F1958e1d5348914a26f06" alt="" /> <a href="https://qiita.com/daisy1754/items/1958e1d5348914a26f06">動的に追加されるDOM要素に対応する方法あれこれ - Qiita</a></cite><p><a href="https://qiita.com/daisy1754/items/1958e1d5348914a26f06"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f206b0a1b0a8dbab137a257e240482750c8c7652/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNjAwMCUyRnByb2ZpbGUtaW1hZ2VzJTJGMTUxMTA0ODU0Mz9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmYmc9RkZGRkZGJmZtPXBuZzMyJnM9Nzc4ODc3YzA0MDk0ZGFlNmNmODNjZGI0YTRlNjYyNGY%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D63d7b6b668f65f299c1feba944a7394f%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JUU1JThCJTk1JUU3JTlBJTg0JUUzJTgxJUFCJUU4JUJGJUJEJUU1JThBJUEwJUUzJTgxJTk1JUUzJTgyJThDJUUzJTgyJThCRE9NJUU4JUE2JTgxJUU3JUI0JUEwJUUzJTgxJUFCJUU1JUFGJUJFJUU1JUJGJTlDJUUzJTgxJTk5JUUzJTgyJThCJUU2JTk2JUI5JUU2JUIzJTk1JUUzJTgxJTgyJUUzJTgyJThDJUUzJTgxJTkzJUUzJTgyJThDJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9MzgwZTE4NWUyYWYyNTY4MTMyY2FkZWQ5OTQ3N2FjYzM%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBkYWlzeTE3NTQmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz1hMTJmZTk3OTFkMWEwMzQ5YmFjYzZjZjgxMDRmNTNjYw%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Dbdcfc8c170c1df2f95a5b77929129b47" alt="動的に追加されるDOM要素に対応する方法あれこれ - Qiita" title="動的に追加されるDOM要素に対応する方法あれこれ - Qiita" class="entry-image" /></a></p><p>Chrome拡張を作っていると，最近のモダンなWebサイトが後から動的にDOM要素を追加してきて困ることがある．毎度対処方法をぐぐっているので，ここにまとめておく． 追加される要素にイベントハンドラを付加したい jQueryのonメソッドにselectorを渡すことで，あとから動的に追加された子要素に対してもイベントを発火す...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/daisy1754/items/1958e1d5348914a26f06"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/daisy1754/items/1958e1d5348914a26f06" alt="はてなブックマーク - 動的に追加されるDOM要素に対応する方法あれこれ - Qiita" title="はてなブックマーク - 動的に追加されるDOM要素に対応する方法あれこれ - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/daisy1754/items/1958e1d5348914a26f06"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 24 https://qiita.com/m_mitsuhide/items/827f35dd24d145a2738e joan9 2015-04-13T10:34:40Z JavaScript webgl <blockquote cite="https://qiita.com/m_mitsuhide/items/827f35dd24d145a2738e" title="スクリプト0行で驚くほど描けるWebGL - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fm_mitsuhide%2Fitems%2F827f35dd24d145a2738e" alt="" /> <a href="https://qiita.com/m_mitsuhide/items/827f35dd24d145a2738e">スクリプト0行で驚くほど描けるWebGL - Qiita</a></cite><p><a href="https://qiita.com/m_mitsuhide/items/827f35dd24d145a2738e"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/746b4b792d8df45a2b991bc48e0f80f71926c350/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%25252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%253Fixlib%253Drb-4.1.1%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGNjM1MjglMkZwcm9maWxlLWltYWdlcyUyRjE1NzQ1MTQwOTQ_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTZjNTU1NDMyMzM1ODczMzliMGMyNGUyYjM5NjBiODNk%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D2bd8816d6626afea98390bfb0289f25e%3Fixlib%3Drb-4.1.1%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9JUUzJTgyJUI5JUUzJTgyJUFGJUUzJTgzJUFBJUUzJTgzJTk3JUUzJTgzJTg4MCVFOCVBMSU4QyVFMyU4MSVBNyVFOSVBOSU5QSVFMyU4MSU4RiVFMyU4MSVCQiVFMyU4MSVBOSVFNiU4RiU4RiVFMyU4MSU5MSVFMyU4MiU4QldlYkdMJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9YWNmYjI5YTMwNDI2OWRlODM0Y2QwMDkyN2Y5MmJlY2I%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBtX21pdHN1aGlkZSZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPTY5MGNiY2NlNWFmNTFjZTEwZjAyMDNiMWU4YmM0YTRh%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D94bd0c5756576e3d60de4de6101ef9db" alt="スクリプト0行で驚くほど描けるWebGL - Qiita" title="スクリプト0行で驚くほど描けるWebGL - Qiita" class="entry-image" /></a></p><p>WebGL Advent Calendar 2014の12日目が空きっぱなしだったので書いてみました。 JavaScriptを1行も書かずに出来るWebGLの新しい面白さを紹介します。 「JavaScriptそのものが苦手」な人のためのWebGL入門記事です 恐ろしいほどに長い初期化、意味不明なGLSL、名前も聞きたくない行列&amp;ベクトル・・・ WebGLはブラウザで3D...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/m_mitsuhide/items/827f35dd24d145a2738e"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/m_mitsuhide/items/827f35dd24d145a2738e" alt="はてなブックマーク - スクリプト0行で驚くほど描けるWebGL - Qiita" title="はてなブックマーク - スクリプト0行で驚くほど描けるWebGL - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/m_mitsuhide/items/827f35dd24d145a2738e"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 15 http://jthree.jp/ joan9 2015-04-13T10:31:45Z JavaScript <blockquote cite="http://jthree.jp/" title="WebGLコンテンツをjQueryで作るJavaScriptライブラリ『jThree』"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fjthree.jp%2F" alt="" /> <a href="http://jthree.jp/">WebGLコンテンツをjQueryで作るJavaScriptライブラリ『jThree』</a></cite><p><a href="http://jthree.jp/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/7498422196a04b07015fb64d47fdae37c2bbe1fb/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fjthree.jp%2Fimg%2Frogo.png" alt="WebGLコンテンツをjQueryで作るJavaScriptライブラリ『jThree』" title="WebGLコンテンツをjQueryで作るJavaScriptライブラリ『jThree』" class="entry-image" /></a></p><p>WebGLコンテンツをjQueryで作るJavaScriptライブラリ『jThree』</p><p><a href="https://b.hatena.ne.jp/entry/jthree.jp/"><img src="https://b.hatena.ne.jp/entry/image/http://jthree.jp/" alt="はてなブックマーク - WebGLコンテンツをjQueryで作るJavaScriptライブラリ『jThree』" title="はてなブックマーク - WebGLコンテンツをjQueryで作るJavaScriptライブラリ『jThree』" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/jthree.jp/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 96 https://www.timedia.co.jp/tech/othello-js-online/ joan9 2015-03-21T15:51:47Z JavaScript firebase <blockquote cite="https://www.timedia.co.jp/tech/othello-js-online/" title="JavaScript でオセロを実装する(ネット対戦編) | Webシステム開発／教育ソリューションのタイムインターメディア"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.timedia.co.jp%2Ftech%2Fothello-js-online%2F" alt="" /> <a href="https://www.timedia.co.jp/tech/othello-js-online/">JavaScript でオセロを実装する(ネット対戦編) | Webシステム開発／教育ソリューションのタイムインターメディア</a></cite><p><a href="https://www.timedia.co.jp/tech/othello-js-online/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ae7c7ac7f1f3cf9e00218fbad9ea94dfc8057a09/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.timedia.co.jp%2Fwp-content%2Fuploads%2F2022%2F04%2F13355.png" alt="JavaScript でオセロを実装する(ネット対戦編) | Webシステム開発／教育ソリューションのタイムインターメディア" title="JavaScript でオセロを実装する(ネット対戦編) | Webシステム開発／教育ソリューションのタイムインターメディア" class="entry-image" /></a></p><p>問題 以前、JavaScript でオセロを実装していたのですが、この実装には一つ大きな問題がありました。 AI相手にゲームをするのは、それはそれで楽しいものの、 やはりこの手のゲームは人間同士で対戦したくなるものです。 一応、あの実装は人間同士で対戦できると言えばできるのですが、 同じPCの前に座って交代しながら...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.timedia.co.jp/tech/othello-js-online/"><img src="https://b.hatena.ne.jp/entry/image/https://www.timedia.co.jp/tech/othello-js-online/" alt="はてなブックマーク - JavaScript でオセロを実装する(ネット対戦編) | Webシステム開発／教育ソリューションのタイムインターメディア" title="はてなブックマーク - JavaScript でオセロを実装する(ネット対戦編) | Webシステム開発／教育ソリューションのタイムインターメディア" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.timedia.co.jp/tech/othello-js-online/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 86 https://hakobe932.hatenablog.com/entry/2015/03/09/130000 joan9 2015-03-18T05:45:09Z JavaScript <blockquote cite="https://hakobe932.hatenablog.com/entry/2015/03/09/130000" title="リアクティブプログラミングの技術を用いてマウスストーカーを実装する - はこべにっき ♨"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhakobe932.hatenablog.com%2Fentry%2F2015%2F03%2F09%2F130000" alt="" /> <a href="https://hakobe932.hatenablog.com/entry/2015/03/09/130000">リアクティブプログラミングの技術を用いてマウスストーカーを実装する - はこべにっき ♨</a></cite><p><a href="https://hakobe932.hatenablog.com/entry/2015/03/09/130000"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5199393a7ab4f9946d6f10469582702937b64fdd/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F46d8a376ec871942c45eb2de1116e232e4f624d1%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fh%252Fhakobe932%252F20150308%252F20150308230637.gif" alt="リアクティブプログラミングの技術を用いてマウスストーカーを実装する - はこべにっき ♨" title="リアクティブプログラミングの技術を用いてマウスストーカーを実装する - はこべにっき ♨" class="entry-image" /></a></p><p>古き良きインターネットアプリケーションであるマウスストーカー*1をリアクティブプログラミングの技術を活用して実装してみるという取り組みをしましたのでご紹介します。リアクティブプログラミングというと主語が大きめですが、ここではbacon.jsを使ってるくらいの意味です。 できたもの まずは完成したマウスストー...</p><p><a href="https://b.hatena.ne.jp/entry/s/hakobe932.hatenablog.com/entry/2015/03/09/130000"><img src="https://b.hatena.ne.jp/entry/image/https://hakobe932.hatenablog.com/entry/2015/03/09/130000" alt="はてなブックマーク - リアクティブプログラミングの技術を用いてマウスストーカーを実装する - はこべにっき ♨" title="はてなブックマーク - リアクティブプログラミングの技術を用いてマウスストーカーを実装する - はこべにっき ♨" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/hakobe932.hatenablog.com/entry/2015/03/09/130000"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 206 https://uehaj.hatenablog.com/entry/2015/03/11/004617 elmのコード分かり易いな joan9 2015-03-11T03:08:30Z elm javascript <blockquote cite="https://uehaj.hatenablog.com/entry/2015/03/11/004617" title="Elmでやってみるシリーズ16: マウスストーカーを実装する - uehaj&#39;s blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fuehaj.hatenablog.com%2Fentry%2F2015%2F03%2F11%2F004617" alt="" /> <a href="https://uehaj.hatenablog.com/entry/2015/03/11/004617">Elmでやってみるシリーズ16: マウスストーカーを実装する - uehaj&#39;s blog</a></cite><p><a href="https://uehaj.hatenablog.com/entry/2015/03/11/004617"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f1e9001302d87408104b13a7b8393379639c2774/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12704591929887798179%2F8454420450087716663%2F1426663012" alt="Elmでやってみるシリーズ16: マウスストーカーを実装する - uehaj&#39;s blog" title="Elmでやってみるシリーズ16: マウスストーカーを実装する - uehaj&#39;s blog" class="entry-image" /></a></p><p>「リアクティブプログラミングの技術を用いてマウスストーカーを実装する - はこべブログ ♨」という記事があり、興味深いのでElmのリアクティブプログラミングで似たようなことをやってみました。 全画面表示はこちらから。 コードは以下で、プロジェクト全体はこちらにあります。 import Text import Window import Tim...</p><p><a href="https://b.hatena.ne.jp/entry/s/uehaj.hatenablog.com/entry/2015/03/11/004617"><img src="https://b.hatena.ne.jp/entry/image/https://uehaj.hatenablog.com/entry/2015/03/11/004617" alt="はてなブックマーク - Elmでやってみるシリーズ16: マウスストーカーを実装する - uehaj&#39;s blog" title="はてなブックマーク - Elmでやってみるシリーズ16: マウスストーカーを実装する - uehaj&#39;s blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/uehaj.hatenablog.com/entry/2015/03/11/004617"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 7 https://qiita.com/Kinokkory/items/0e10588ccc7b11224d3d joan9 2015-02-10T02:17:12Z elm JavaScript Haskell frp <blockquote cite="https://qiita.com/Kinokkory/items/0e10588ccc7b11224d3d" title="Haskell 的視点から見た Elm - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2FKinokkory%2Fitems%2F0e10588ccc7b11224d3d" alt="" /> <a href="https://qiita.com/Kinokkory/items/0e10588ccc7b11224d3d">Haskell 的視点から見た Elm - Qiita</a></cite><p><a href="https://qiita.com/Kinokkory/items/0e10588ccc7b11224d3d"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/78be949ab4c1aebb8a7cdf68e38dfbcfec52a182/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%25252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzE1OTMlMkZwcm9maWxlLWltYWdlcyUyRjE0ODc5NDQ5ODY_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTZhY2FhMzQwM2RjNDdmNjgzMWMyYzk0OWEzMmIwYTE1%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dc1ecf4275a4af883ae2535c35607eda1%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9SGFza2VsbCUyMCVFNyU5QSU4NCVFOCVBNiU5NiVFNyU4MiVCOSVFMyU4MSU4QiVFMyU4MiU4OSVFOCVBNiU4QiVFMyU4MSU5RiUyMEVsbSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTUxYzcyNzE2Yzc1ZmI5ZjNmNzQxY2NiZTRmMmQ2ZTUz%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBzaGlhdHN1bWF0JnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9ODRiNmU3MTU0ZThhODFkZWI2Y2UxMjY0ZmUxZDhlYzE%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Df3d7aa402d5c1eb665d2a09a5c03b122" alt="Haskell 的視点から見た Elm - Qiita" title="Haskell 的視点から見た Elm - Qiita" class="entry-image" /></a></p><p>Elm.Main.make = function (_elm) { &quot;use strict&quot;; _elm.Main = _elm.Main || {}; if (_elm.Main.values) return _elm.Main.values; var _op = {}, _N = Elm.Native, _U = _N.Utils.make(_elm), _L = _N.List.make(_elm), _A = _N.Array.make(_elm), _E = _N.Error.make(_elm), $moduleName = &quot;Main&quot;, $Graphics$Element...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/Kinokkory/items/0e10588ccc7b11224d3d"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/Kinokkory/items/0e10588ccc7b11224d3d" alt="はてなブックマーク - Haskell 的視点から見た Elm - Qiita" title="はてなブックマーク - Haskell 的視点から見た Elm - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/Kinokkory/items/0e10588ccc7b11224d3d"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 37