https://b.hatena.ne.jp/wwolf/javascript/ javascriptに関するwwolfのはてなブックマーク (60) https://please-sleep.cou929.nu/client-side-mvc-and-observer-pattern-note.html wwolf 2018-09-13T07:08:31Z javascript <blockquote cite="https://please-sleep.cou929.nu/client-side-mvc-and-observer-pattern-note.html" title="Ovserver pattern と Client-side MVC あたり"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fplease-sleep.cou929.nu%2Fclient-side-mvc-and-observer-pattern-note.html" alt="" /> <a href="https://please-sleep.cou929.nu/client-side-mvc-and-observer-pattern-note.html">Ovserver pattern と Client-side MVC あたり</a></cite><p><a href="https://please-sleep.cou929.nu/client-side-mvc-and-observer-pattern-note.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/57a938f679b7c8af4fc060c4983f701394095fae/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fplease-sleep.cou929.nu%2Fimages%2Fkosei-pic.png" alt="Ovserver pattern と Client-side MVC あたり" title="Ovserver pattern と Client-side MVC あたり" class="entry-image" /></a></p><p>一定以上の大きさの js を書くと 500 行超えたくらいから汚くなる (脳内メモリには入りきる程度なので破綻はしないけど汚くてテンションが下がる) ので対策を整理したい. Observer pattern (publisher/subscriber) 要するに jquery のカスタムイベント. bind(), live() で独自のイベントとそのハンドラを定義しておいて,...</p><p><a href="https://b.hatena.ne.jp/entry/s/please-sleep.cou929.nu/client-side-mvc-and-observer-pattern-note.html"><img src="https://b.hatena.ne.jp/entry/image/https://please-sleep.cou929.nu/client-side-mvc-and-observer-pattern-note.html" alt="はてなブックマーク - Ovserver pattern と Client-side MVC あたり" title="はてなブックマーク - Ovserver pattern と Client-side MVC あたり" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/please-sleep.cou929.nu/client-side-mvc-and-observer-pattern-note.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 2 https://techblog.recruit.co.jp/article-561/ wwolf 2018-05-10T02:19:50Z javascript <blockquote cite="https://techblog.recruit.co.jp/article-561/" title="超強力な関数型プログラミング用ライブラリ Ramda.js を学ぼう #2 - lens でオブジェクト操作も思いのまま | Recruit Tech Blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftechblog.recruit.co.jp%2Farticle-561%2F" alt="" /> <a href="https://techblog.recruit.co.jp/article-561/">超強力な関数型プログラミング用ライブラリ Ramda.js を学ぼう #2 - lens でオブジェクト操作も思いのまま | Recruit Tech Blog</a></cite><p><a href="https://techblog.recruit.co.jp/article-561/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/9e840ec2a13f01d88e00f9bc76cf707d65e34ae3/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ftechblog.recruit.co.jp%2Fassets%2Frmp%2Fthumbnail%2F16290.jpg" alt="超強力な関数型プログラミング用ライブラリ Ramda.js を学ぼう #2 - lens でオブジェクト操作も思いのまま | Recruit Tech Blog" title="超強力な関数型プログラミング用ライブラリ Ramda.js を学ぼう #2 - lens でオブジェクト操作も思いのまま | Recruit Tech Blog" class="entry-image" /></a></p><p>超強力な関数型プログラミング用ライブラリ Ramda.js を学ぼう #2 - lens でオブジェクト操作も思いのまま wakamsha lens とは？ 端的に言うと、 getter や setter を関数型プログラミング的に抽象化したものです。対象となるオブジェクトや配列の特定のプロパティやインデックスからデータを取得したり変換することが出...</p><p><a href="https://b.hatena.ne.jp/entry/s/techblog.recruit.co.jp/article-561/"><img src="https://b.hatena.ne.jp/entry/image/https://techblog.recruit.co.jp/article-561/" alt="はてなブックマーク - 超強力な関数型プログラミング用ライブラリ Ramda.js を学ぼう #2 - lens でオブジェクト操作も思いのまま | Recruit Tech Blog" title="はてなブックマーク - 超強力な関数型プログラミング用ライブラリ Ramda.js を学ぼう #2 - lens でオブジェクト操作も思いのまま | Recruit Tech Blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/techblog.recruit.co.jp/article-561/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 36 https://qiita.com/yugui/items/f4a5e0e9dbd8ddffa48e wwolf 2017-11-13T08:13:17Z development json javascript <blockquote cite="https://qiita.com/yugui/items/f4a5e0e9dbd8ddffa48e" title="Jsonnetの薦め - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fyugui%2Fitems%2Ff4a5e0e9dbd8ddffa48e" alt="" /> <a href="https://qiita.com/yugui/items/f4a5e0e9dbd8ddffa48e">Jsonnetの薦め - Qiita</a></cite><p><a href="https://qiita.com/yugui/items/f4a5e0e9dbd8ddffa48e"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ec5a26b190c07dfddde6626163ccdb9509ce2111/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGMTgwNiUyRnByb2ZpbGUtaW1hZ2VzJTJGMTY3NTQyOTA1Nz9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmYmc9RkZGRkZGJmZtPXBuZzMyJnM9NjNlYjgwNWM2ZjM5NDg1ZThkNTIxNjgzMzU1ZGZmYjU%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D076694e29f3acd6dffec3696395273c1%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9SnNvbm5ldCVFMyU4MSVBRSVFOCU5NiVBNiVFMyU4MiU4MSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPWNkOTQyOWYxYTQxYTRkMjg5NTI1MTU4Y2FjMzUyZjdm%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB5dWd1aSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPWY1YzRhZjY2NGU4Njc2YjljNTkwYTI1MzhmNTRkNzhj%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D1096b8bc64ba80f4f4d2099b99a51b9e" alt="Jsonnetの薦め - Qiita" title="Jsonnetの薦め - Qiita" class="entry-image" /></a></p><p>JsonnetというJSONテンプレート言語を紹介する。 後で見るように、これはJSONを生成するための汎用テンプレートというよりはむしろ、計算や依存関係を含む設定を静的に書き下すために便利なのではないかと考えられる。 実際Jsonnetの仕様はGoogleのBCLに似ている。BCLはGoogleでコンテナクラスタシステムBorgの設定を記...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/yugui/items/f4a5e0e9dbd8ddffa48e"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/yugui/items/f4a5e0e9dbd8ddffa48e" alt="はてなブックマーク - Jsonnetの薦め - Qiita" title="はてなブックマーク - Jsonnetの薦め - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/yugui/items/f4a5e0e9dbd8ddffa48e"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 105 https://blog.jxck.io/entries/2017-06-12/web-budget-api.html wwolf 2017-06-13T01:52:07Z javascript web <blockquote cite="https://blog.jxck.io/entries/2017-06-12/web-budget-api.html" title="Web Budget API と Web に導入されつつある Budget と Cost の概念 | blog.jxck.io"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.jxck.io%2Fentries%2F2017-06-12%2Fweb-budget-api.html" alt="" /> <a href="https://blog.jxck.io/entries/2017-06-12/web-budget-api.html">Web Budget API と Web に導入されつつある Budget と Cost の概念 | blog.jxck.io</a></cite><p><a href="https://blog.jxck.io/entries/2017-06-12/web-budget-api.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6ac3f814cb7ad70763fac8f8c74532394a715f80/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog.jxck.io%2Fassets%2Fimg%2Fjxck.600x600.png" alt="Web Budget API と Web に導入されつつある Budget と Cost の概念 | blog.jxck.io" title="Web Budget API と Web に導入されつつある Budget と Cost の概念 | blog.jxck.io" class="entry-image" /></a></p><p>Intro PWA の普及により、バックグラウンド処理をいかに制限するかといった課題が生まれた。 その対策として、バックグラウンド処理における Budget と Cost の概念が提案され、それを扱う Budget API の策定が進んでいる。 基本概念と現時点での API 外観について解説する。 Update 提案されて以降長いことアップデート...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.jxck.io/entries/2017-06-12/web-budget-api.html"><img src="https://b.hatena.ne.jp/entry/image/https://blog.jxck.io/entries/2017-06-12/web-budget-api.html" alt="はてなブックマーク - Web Budget API と Web に導入されつつある Budget と Cost の概念 | blog.jxck.io" title="はてなブックマーク - Web Budget API と Web に導入されつつある Budget と Cost の概念 | blog.jxck.io" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.jxck.io/entries/2017-06-12/web-budget-api.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 129 https://speakerdeck.com/sukobuto/jshuremuwakuxuan-ding-falsekan-suo wwolf 2017-02-19T06:32:24Z development javascript <blockquote cite="https://speakerdeck.com/sukobuto/jshuremuwakuxuan-ding-falsekan-suo" title="JSフレームワーク選定の勘所"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fspeakerdeck.com%2Fsukobuto%2Fjshuremuwakuxuan-ding-falsekan-suo" alt="" /> <a href="https://speakerdeck.com/sukobuto/jshuremuwakuxuan-ding-falsekan-suo">JSフレームワーク選定の勘所</a></cite><p><a href="https://speakerdeck.com/sukobuto/jshuremuwakuxuan-ding-falsekan-suo"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/faf466edd0a247e97c2b110ee3c93dbdb306fca9/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2Fb3dc07712f164740b960467e55edf055%2Fslide_0.jpg%3F7567359" alt="JSフレームワーク選定の勘所" title="JSフレームワーク選定の勘所" class="entry-image" /></a></p><p>大づかみなお話です 結論: 課題を知ったらなんでもいいから手を出してみよう！ （細かいところは犠牲にしてます。React でもステートフルコンポーネントつくれるよねとか）</p><p><a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/sukobuto/jshuremuwakuxuan-ding-falsekan-suo"><img src="https://b.hatena.ne.jp/entry/image/https://speakerdeck.com/sukobuto/jshuremuwakuxuan-ding-falsekan-suo" alt="はてなブックマーク - JSフレームワーク選定の勘所" title="はてなブックマーク - JSフレームワーク選定の勘所" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/sukobuto/jshuremuwakuxuan-ding-falsekan-suo"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 527 https://speakerdeck.com/tan_go238/hurontoendofalseji-chu-zhi-shi wwolf 2017-02-19T06:31:49Z development javascript <blockquote cite="https://speakerdeck.com/tan_go238/hurontoendofalseji-chu-zhi-shi" title="フロントエンドの基礎知識"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fspeakerdeck.com%2Ftan_go238%2Fhurontoendofalseji-chu-zhi-shi" alt="" /> <a href="https://speakerdeck.com/tan_go238/hurontoendofalseji-chu-zhi-shi">フロントエンドの基礎知識</a></cite><p><a href="https://speakerdeck.com/tan_go238/hurontoendofalseji-chu-zhi-shi"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b8633c5d639d6f6d0ee75cde85f9a26ea80d8eae/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F49bc1c6953d243a48a4ae1707f694288%2Fslide_0.jpg%3F7567264" alt="フロントエンドの基礎知識" title="フロントエンドの基礎知識" class="entry-image" /></a></p><p>[Journal club] Thinking in Space: How Multimodal Large Language Models See, Remember, and Recall Spaces</p><p><a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/tan_go238/hurontoendofalseji-chu-zhi-shi"><img src="https://b.hatena.ne.jp/entry/image/https://speakerdeck.com/tan_go238/hurontoendofalseji-chu-zhi-shi" alt="はてなブックマーク - フロントエンドの基礎知識" title="はてなブックマーク - フロントエンドの基礎知識" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/tan_go238/hurontoendofalseji-chu-zhi-shi"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 397 https://postd.cc/is-mvc-dead-for-the-frontend/ wwolf 2017-01-28T14:11:43Z javascript development <blockquote cite="https://postd.cc/is-mvc-dead-for-the-frontend/" title="フロントエンドにおいてModel-View-Controllerは死んだのか？ | POSTD"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpostd.cc%2Fis-mvc-dead-for-the-frontend%2F" alt="" /> <a href="https://postd.cc/is-mvc-dead-for-the-frontend/">フロントエンドにおいてModel-View-Controllerは死んだのか？ | POSTD</a></cite><p><a href="https://postd.cc/is-mvc-dead-for-the-frontend/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b2bc147cafd6cdf477b987b9ca6a1bcd64d9f312/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fpostd.cc%2Fwp%2Fwp-content%2Fuploads%2F2016%2F11%2F1-ZByyohMUALGVRHbMX9739Q-500x333.png" alt="フロントエンドにおいてModel-View-Controllerは死んだのか？ | POSTD" title="フロントエンドにおいてModel-View-Controllerは死んだのか？ | POSTD" class="entry-image" /></a></p><p>多くのフロントエンド開発者が 一方向のアーキテクチャ を採用し始めている中で、Model-View-Controller（MVC）に未来はあるのでしょうか。 状況を把握するために、まずはフロントエンドのアーキテクチャの進化を振り返ってみたいと思います。 過去4年にわたり、私は多数のWebプロジェクトに取り組み、フロントエンドの...</p><p><a href="https://b.hatena.ne.jp/entry/s/postd.cc/is-mvc-dead-for-the-frontend/"><img src="https://b.hatena.ne.jp/entry/image/https://postd.cc/is-mvc-dead-for-the-frontend/" alt="はてなブックマーク - フロントエンドにおいてModel-View-Controllerは死んだのか？ | POSTD" title="はてなブックマーク - フロントエンドにおいてModel-View-Controllerは死んだのか？ | POSTD" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/postd.cc/is-mvc-dead-for-the-frontend/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 165 https://qiita.com/shibukawa/items/184d3101946ec4fa98c1 wwolf 2016-12-24T09:35:14Z javascript <blockquote cite="https://qiita.com/shibukawa/items/184d3101946ec4fa98c1" title="サーバーサイドレンダリング不要論 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fshibukawa%2Fitems%2F184d3101946ec4fa98c1" alt="" /> <a href="https://qiita.com/shibukawa/items/184d3101946ec4fa98c1">サーバーサイドレンダリング不要論 - Qiita</a></cite><p><a href="https://qiita.com/shibukawa/items/184d3101946ec4fa98c1"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e7c51f3b980fce1fd0294fd551722aeb88573008/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgyJUI1JUUzJTgzJUJDJUUzJTgzJTkwJUUzJTgzJUJDJUUzJTgyJUI1JUUzJTgyJUE0JUUzJTgzJTg5JUUzJTgzJUFDJUUzJTgzJUIzJUUzJTgzJTgwJUUzJTgzJUFBJUUzJTgzJUIzJUUzJTgyJUIwJUU0JUI4JThEJUU4JUE2JTgxJUU4JUFCJTk2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0zZTAwN2E4NGJkNmY5MjYwNWMyM2Q4NDRlYjkxMWM3OA%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDBzaGlidWthd2EmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTJlMmM1OTAxOWU0ODA5MWE4Y2I2YzAxM2I5MTEzZjQy%26blend-x%3D120%26blend-y%3D445%26blend-mode%3Dnormal%26txt64%3DaW4g44OV44Ol44O844OB44Oj44O85qCq5byP5Lya56S-%26txt-width%3D972%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25233A3C3C%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D134%26txt-y%3D546%26s%3Db1cca3f3579f32517cc0f7cfd767a31b" alt="サーバーサイドレンダリング不要論 - Qiita" title="サーバーサイドレンダリング不要論 - Qiita" class="entry-image" /></a></p><p>サーバーサイドレンダリング、Isomorphic、Universal JavaScriptなどの言葉をよく見かけます。なるほどね、良さそうだね、外部公開するサービスを書くことがあったら挑戦してみたいね、Mithrilにもisomorphic-mithrilってのをがんばっている人がいるし、みたいなことを漠然と思っていたのですが、最近ASCII.jpのシステム...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/shibukawa/items/184d3101946ec4fa98c1"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/shibukawa/items/184d3101946ec4fa98c1" alt="はてなブックマーク - サーバーサイドレンダリング不要論 - Qiita" title="はてなブックマーク - サーバーサイドレンダリング不要論 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/shibukawa/items/184d3101946ec4fa98c1"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 328 https://blog.mmmcorp.co.jp/2016/12/22/JavaScript/ wwolf 2016-12-23T12:28:59Z javascript <blockquote cite="https://blog.mmmcorp.co.jp/2016/12/22/JavaScript/" title="2017年、新規にJavaScriptを書くならどんな設計をするか｜デロイト トーマツ ウェブサービス株式会社（DWS）公式ブログ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.mmmcorp.co.jp%2F2016%2F12%2F22%2FJavaScript%2F" alt="" /> <a href="https://blog.mmmcorp.co.jp/2016/12/22/JavaScript/">2017年、新規にJavaScriptを書くならどんな設計をするか｜デロイト トーマツ ウェブサービス株式会社（DWS）公式ブログ</a></cite><p><a href="https://blog.mmmcorp.co.jp/2016/12/22/JavaScript/"><img src="" alt="2017年、新規にJavaScriptを書くならどんな設計をするか｜デロイト トーマツ ウェブサービス株式会社（DWS）公式ブログ" title="2017年、新規にJavaScriptを書くならどんな設計をするか｜デロイト トーマツ ウェブサービス株式会社（DWS）公式ブログ" class="entry-image" /></a></p><p>この記事はJavaScript Advent Calendar 2016の記事です。 今回は、2017年、新規にJavaScriptを書くならどんな設計をするか、というテーマで書いてみようと思います。2017年といっても、しばらくはこんな感じのアーキテクチャでやってきましたので、どんな構成でJavaScriptを設計してきたかという方が正しいかもしれませ...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.mmmcorp.co.jp/2016/12/22/JavaScript/"><img src="https://b.hatena.ne.jp/entry/image/https://blog.mmmcorp.co.jp/2016/12/22/JavaScript/" alt="はてなブックマーク - 2017年、新規にJavaScriptを書くならどんな設計をするか｜デロイト トーマツ ウェブサービス株式会社（DWS）公式ブログ" title="はてなブックマーク - 2017年、新規にJavaScriptを書くならどんな設計をするか｜デロイト トーマツ ウェブサービス株式会社（DWS）公式ブログ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.mmmcorp.co.jp/2016/12/22/JavaScript/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 147 https://qiita.com/norami_dream/items/0edfca15c15199921a73 wwolf 2016-12-13T07:39:21Z javascript <blockquote cite="https://qiita.com/norami_dream/items/0edfca15c15199921a73" title="Promiseを複数組み合わせる時の基本パターン（直列、並列、分岐） - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fnorami_dream%2Fitems%2F0edfca15c15199921a73" alt="" /> <a href="https://qiita.com/norami_dream/items/0edfca15c15199921a73">Promiseを複数組み合わせる時の基本パターン（直列、並列、分岐） - Qiita</a></cite><p><a href="https://qiita.com/norami_dream/items/0edfca15c15199921a73"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/959553c06713f92f0f32bb4300b78e33387f9276/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzc2MDMlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODc0ODI_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTQxOGIwMjlkOWIwZjVlZGVhYzQwZjA5ZmEyNzg0ZmQx%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D3d9f360c389c148462797d112a621a02%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9UHJvbWlzZSVFMyU4MiU5MiVFOCVBNCU4NyVFNiU5NSVCMCVFNyVCNSU4NCVFMyU4MSVCRiVFNSU5MCU4OCVFMyU4MiU4RiVFMyU4MSU5QiVFMyU4MiU4QiVFNiU5OSU4MiVFMyU4MSVBRSVFNSU5RiVCQSVFNiU5QyVBQyVFMyU4MyU5MSVFMyU4MiVCRiVFMyU4MyVCQyVFMyU4MyVCMyVFRiVCQyU4OCVFNyU5QiVCNCVFNSU4OCU5NyVFMyU4MCU4MSVFNCVCOCVBNiVFNSU4OCU5NyVFMyU4MCU4MSVFNSU4OCU4NiVFNSVCMiU5MCVFRiVCQyU4OSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPWJiZjYzZDMzN2IwNDI3M2M5YWY3YTY5NTMyNjhiYmUx%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBub3JhbWlfZHJlYW0mdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz0zODVhOTE2ZGRmM2VmMThmY2Y5ZDU2NmMwMWUzZDMwMA%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Db2c3117cf8885b599df1186d137a062b" alt="Promiseを複数組み合わせる時の基本パターン（直列、並列、分岐） - Qiita" title="Promiseを複数組み合わせる時の基本パターン（直列、並列、分岐） - Qiita" class="entry-image" /></a></p><p>ES6形式のPromiseを使うときに頻出する3つのパターン。直列パターン、並列パターン、分岐パターンを説明します。 最近、Promise周りが盛り上がっていて、reduceを使ったほうが良いとか、ライブラリがどうとか・・・いう話を聞くのですが、そもそも「ベタに書いたときにどうするのが基本なのか」という情報が見つからない...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/norami_dream/items/0edfca15c15199921a73"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/norami_dream/items/0edfca15c15199921a73" alt="はてなブックマーク - Promiseを複数組み合わせる時の基本パターン（直列、並列、分岐） - Qiita" title="はてなブックマーク - Promiseを複数組み合わせる時の基本パターン（直列、並列、分岐） - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/norami_dream/items/0edfca15c15199921a73"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 79 https://www.pupha.net/archives/3296/ wwolf 2016-12-05T05:31:22Z javascript development <blockquote cite="https://www.pupha.net/archives/3296/" title="Web Application Security Memo"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.pupha.net%2Farchives%2F3296%2F" alt="" /> <a href="https://www.pupha.net/archives/3296/">Web Application Security Memo</a></cite><p><a href="https://www.pupha.net/archives/3296/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6085da0292a1abcaf30819013f6e28fc3fe2fdb2/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fpupha.net%2F_astro%2Fblog-placeholder-1.Bx0Zcyzv.jpg" alt="Web Application Security Memo" title="Web Application Security Memo" class="entry-image" /></a></p><p>OWASP Dependency Check の使い方（Command Line Tool 編）について説明します。</p><p><a href="https://b.hatena.ne.jp/entry/s/www.pupha.net/archives/3296/"><img src="https://b.hatena.ne.jp/entry/image/https://www.pupha.net/archives/3296/" alt="はてなブックマーク - Web Application Security Memo" title="はてなブックマーク - Web Application Security Memo" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.pupha.net/archives/3296/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 72 https://coliss.com/articles/build-websites/operation/javascript/javascript-libraries-to-watch-in-2017.html wwolf 2016-11-28T04:11:41Z javascript <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/javascript-libraries-to-watch-in-2017.html" title="2017年に注目しておきたい、JavaScriptのライブラリのまとめ | コリス"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fjavascript-libraries-to-watch-in-2017.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/javascript-libraries-to-watch-in-2017.html">2017年に注目しておきたい、JavaScriptのライブラリのまとめ | コリス</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/javascript-libraries-to-watch-in-2017.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2d1b6f4f093430af187b606e46f5bc10bcacd450/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201604%2F2016112612.png" alt="2017年に注目しておきたい、JavaScriptのライブラリのまとめ | コリス" title="2017年に注目しておきたい、JavaScriptのライブラリのまとめ | コリス" class="entry-image" /></a></p><p>数多くあるJavaScriptのライブラリの中で、どれを勉強すればいいか判断することはなかなか難しいものです。いくつかのライブラリは放置され衰退し、またいくつかは急速に成長し、広範囲に採用されることがあります。 jQueryやReactは多くの人が知っているでしょう。 2017年に注目しておきたい、急成長しているJavaScript...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/javascript-libraries-to-watch-in-2017.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/javascript-libraries-to-watch-in-2017.html" alt="はてなブックマーク - 2017年に注目しておきたい、JavaScriptのライブラリのまとめ | コリス" title="はてなブックマーク - 2017年に注目しておきたい、JavaScriptのライブラリのまとめ | コリス" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/javascript-libraries-to-watch-in-2017.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 360 https://2inc.org/blog/2016/11/24/5435/ カスタムデータ属性をイベント指定のキーにするのいいね wwolf 2016-11-24T05:14:19Z javascript <blockquote cite="https://2inc.org/blog/2016/11/24/5435/" title="続・CSSフレームワークを開発していて悩む、CSSフレームワークが持つクラスのHTMLへの依存について"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2F2inc.org%2Fblog%2F2016%2F11%2F24%2F5435%2F" alt="" /> <a href="https://2inc.org/blog/2016/11/24/5435/">続・CSSフレームワークを開発していて悩む、CSSフレームワークが持つクラスのHTMLへの依存について</a></cite><p><a href="https://2inc.org/blog/2016/11/24/5435/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/96394556a2fd535f5712487d802e9e02ba62dee7/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2F2inc.org%2Fwp-content%2Fuploads%2F2017%2F08%2Fogp.png" alt="続・CSSフレームワークを開発していて悩む、CSSフレームワークが持つクラスのHTMLへの依存について" title="続・CSSフレームワークを開発していて悩む、CSSフレームワークが持つクラスのHTMLへの依存について" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/2inc.org/blog/2016/11/24/5435/"><img src="https://b.hatena.ne.jp/entry/image/https://2inc.org/blog/2016/11/24/5435/" alt="はてなブックマーク - 続・CSSフレームワークを開発していて悩む、CSSフレームワークが持つクラスのHTMLへの依存について" title="はてなブックマーク - 続・CSSフレームワークを開発していて悩む、CSSフレームワークが持つクラスのHTMLへの依存について" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/2inc.org/blog/2016/11/24/5435/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 12 https://qiita.com/kidatti/items/2191611aa0ef5232e62a wwolf 2016-11-15T06:44:52Z javascript <blockquote cite="https://qiita.com/kidatti/items/2191611aa0ef5232e62a" title="業務システム向け HTML5 JavaScript UIライブラリ - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fkidatti%2Fitems%2F2191611aa0ef5232e62a" alt="" /> <a href="https://qiita.com/kidatti/items/2191611aa0ef5232e62a">業務システム向け HTML5 JavaScript UIライブラリ - Qiita</a></cite><p><a href="https://qiita.com/kidatti/items/2191611aa0ef5232e62a"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e1c44474e1bbf0b40c72acf860573b0248f13477/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGMTMzODIlMkZwcm9maWxlLWltYWdlcyUyRjE1ODQzODk1ODg_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPWFmZTQ4ZGQyYTFiNTIxZDI3NWNjZDMwYTAxY2NjMDQw%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D0d1acb33a265a66652d9638a5aaaf96a%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JUU2JUE1JUFEJUU1JThCJTk5JUUzJTgyJUI3JUUzJTgyJUI5JUUzJTgzJTg2JUUzJTgzJUEwJUU1JTkwJTkxJUUzJTgxJTkxJTIwSFRNTDUlMjBKYXZhU2NyaXB0JTIwVUklRTMlODMlQTklRTMlODIlQTQlRTMlODMlOTYlRTMlODMlQTklRTMlODMlQUEmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz0zYzFkZWFjYjFiNDMxMjFlZjY4MTk4NzhmZGQzODY4MA%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBraWRhdHRpJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9ZDg1MmQ0NDMyNWE5MjAyMDZlZGQ3MTU5NDRhNmNjNmM%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D0e57a1e9b190f62c313935edb6f288e8" alt="業務システム向け HTML5 JavaScript UIライブラリ - Qiita" title="業務システム向け HTML5 JavaScript UIライブラリ - Qiita" class="entry-image" /></a></p><p>UIライブラリ 簡単に見た目のデザインを良くして、レスポンシブなサイトを作れるフレームワーク Bootstrap http://getbootstrap.com/ Wijmo Enterprise（ウィジモ） http://wijmo.c1.grapecity.com/ Wijmo 5 Wijmo 3 を含む オープンソース（GPLv3）と商用のデュアルライセンス IgniteUI http://jp.igniteui.com/ 一部が...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/kidatti/items/2191611aa0ef5232e62a"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/kidatti/items/2191611aa0ef5232e62a" alt="はてなブックマーク - 業務システム向け HTML5 JavaScript UIライブラリ - Qiita" title="はてなブックマーク - 業務システム向け HTML5 JavaScript UIライブラリ - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/kidatti/items/2191611aa0ef5232e62a"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 13 https://developer.hatenastaff.com/entry/2015/02/13/121217 wwolf 2016-10-06T07:20:26Z javascript programming <blockquote cite="https://developer.hatenastaff.com/entry/2015/02/13/121217" title="TypeScript で実現する MVP アーキテクチャパターン - Hatena Developer Blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdeveloper.hatenastaff.com%2Fentry%2F2015%2F02%2F13%2F121217" alt="" /> <a href="https://developer.hatenastaff.com/entry/2015/02/13/121217">TypeScript で実現する MVP アーキテクチャパターン - Hatena Developer Blog</a></cite><p><a href="https://developer.hatenastaff.com/entry/2015/02/13/121217"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6de91980fc6802e444ed7bf78ab2e51cc3e18c71/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Ff00ecbb732de29c3d43e05bb97450f7be4226faa%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fn%252Fnanto_vi%252F20150207%252F20150207142855.png" alt="TypeScript で実現する MVP アーキテクチャパターン - Hatena Developer Blog" title="TypeScript で実現する MVP アーキテクチャパターン - Hatena Developer Blog" class="entry-image" /></a></p><p>こんにちは、アプリケーションエンジニアの id:nanto_vi です。先日行われた Hatena Engineer Seminar #4 で、「TypeScript で実現する MVP アーキテクチャパターン」と題する発表を行いました。当日は皆様ご清聴いただき、また懇親会でも活発な質疑をいただきありがとうございました。 内容としては、TypeScript を用い...</p><p><a href="https://b.hatena.ne.jp/entry/s/developer.hatenastaff.com/entry/2015/02/13/121217"><img src="https://b.hatena.ne.jp/entry/image/https://developer.hatenastaff.com/entry/2015/02/13/121217" alt="はてなブックマーク - TypeScript で実現する MVP アーキテクチャパターン - Hatena Developer Blog" title="はてなブックマーク - TypeScript で実現する MVP アーキテクチャパターン - Hatena Developer Blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/developer.hatenastaff.com/entry/2015/02/13/121217"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 269 https://www.slideshare.net/slideshow/mithril-mvc/65430817 個人プロジェクトで使ってみようかしら wwolf 2016-10-03T02:44:06Z javascript <blockquote cite="https://www.slideshare.net/slideshow/mithril-mvc/65430817" title="Mithril - 軽量／高速なMVCフレームワーク"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.slideshare.net%2Fslideshow%2Fmithril-mvc%2F65430817" alt="" /> <a href="https://www.slideshare.net/slideshow/mithril-mvc/65430817">Mithril - 軽量／高速なMVCフレームワーク</a></cite><p><a href="https://www.slideshare.net/slideshow/mithril-mvc/65430817"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6d891280591cb4c6447d3b17c32f39f44f0a8191/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fgrandfrontendosaka2016-160828053055-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds" alt="Mithril - 軽量／高速なMVCフレームワーク" title="Mithril - 軽量／高速なMVCフレームワーク" class="entry-image" /></a></p><p>[Grand Frontend Osaka2016] DAY2 Frontend Sessions http://kfug.jp/gfo2016/</p><p><a href="https://b.hatena.ne.jp/entry/s/www.slideshare.net/slideshow/mithril-mvc/65430817"><img src="https://b.hatena.ne.jp/entry/image/https://www.slideshare.net/slideshow/mithril-mvc/65430817" alt="はてなブックマーク - Mithril - 軽量／高速なMVCフレームワーク" title="はてなブックマーク - Mithril - 軽量／高速なMVCフレームワーク" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.slideshare.net/slideshow/mithril-mvc/65430817"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 12 https://www.onux.com/jspp/ wwolf 2016-08-10T02:14:52Z javascript <blockquote cite="https://www.onux.com/jspp/" title="▷ JS++: JavaScript Classes, Modules, Type Checking &amp; More"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.onux.com%2Fjspp%2F" alt="" /> <a href="https://www.onux.com/jspp/">▷ JS++: JavaScript Classes, Modules, Type Checking &amp; More</a></cite><p><a href="https://www.onux.com/jspp/"><img src="" alt="▷ JS++: JavaScript Classes, Modules, Type Checking &amp; More" title="▷ JS++: JavaScript Classes, Modules, Type Checking &amp; More" class="entry-image" /></a></p><p>Develop High-Quality Web Applications JS++ brings the first sound optional type system for &quot;million-line scale&quot; application complexities. With near-instant compile times, it will feel like you&#39;re still writing dynamic code.</p><p><a href="https://b.hatena.ne.jp/entry/s/www.onux.com/jspp/"><img src="https://b.hatena.ne.jp/entry/image/https://www.onux.com/jspp/" alt="はてなブックマーク - ▷ JS++: JavaScript Classes, Modules, Type Checking &amp; More" title="はてなブックマーク - ▷ JS++: JavaScript Classes, Modules, Type Checking &amp; More" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.onux.com/jspp/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 18 http://developers.mobage.jp/blog/mithril-introduction wwolf 2016-07-05T04:02:48Z javascript <blockquote cite="http://developers.mobage.jp/blog/mithril-introduction" title="DeNA Engineering - DeNAエンジニアのポータルサイト"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fdevelopers.mobage.jp%2Fblog%2Fmithril-introduction" alt="" /> <a href="http://developers.mobage.jp/blog/mithril-introduction">DeNA Engineering - DeNAエンジニアのポータルサイト</a></cite><p><a href="http://developers.mobage.jp/blog/mithril-introduction"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c9ea09030f4d243fb90ba009c7cb462ca1bc2901/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fengineering.dena.com%2Fog.png" alt="DeNA Engineering - DeNAエンジニアのポータルサイト" title="DeNA Engineering - DeNAエンジニアのポータルサイト" class="entry-image" /></a></p><p>技術を活かし、新しい価値を創造する DeNAのエンジニアは、想像を超えるDelightを届けるために何ができるかを考え、技術力と発想力で新しい価値を生み出しています。 多様な専門性を持ったエンジニアが切磋琢磨し、互いに刺激し合える環境や制度がさらなる成長へとつなげます。</p><p><a href="https://b.hatena.ne.jp/entry/developers.mobage.jp/blog/mithril-introduction"><img src="https://b.hatena.ne.jp/entry/image/http://developers.mobage.jp/blog/mithril-introduction" alt="はてなブックマーク - DeNA Engineering - DeNAエンジニアのポータルサイト" title="はてなブックマーク - DeNA Engineering - DeNAエンジニアのポータルサイト" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/developers.mobage.jp/blog/mithril-introduction"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 155 https://qiita.com/sakana/items/83491d82e370a1765fdd wwolf 2016-05-25T07:27:32Z javascript <blockquote cite="https://qiita.com/sakana/items/83491d82e370a1765fdd" title="はじめてのincremental-dom - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fsakana%2Fitems%2F83491d82e370a1765fdd" alt="" /> <a href="https://qiita.com/sakana/items/83491d82e370a1765fdd">はじめてのincremental-dom - Qiita</a></cite><p><a href="https://qiita.com/sakana/items/83491d82e370a1765fdd"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3764e0ccf07ee5331b433be4326fc3006d31a8ab/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fqiita-fb-fe28c64039d925349e620ba55091e078.png" alt="はじめてのincremental-dom - Qiita" title="はじめてのincremental-dom - Qiita" class="entry-image" /></a></p><p>※ これは2016/5/25の記事です。参考にしないでください。 現在、Incremental DOMはAngular Ivyに含まれます。 https://github.com/angular/angular/blob/2b4d5c75486534decef4030d4166806878929e4c/package.json#L80 はじめに google/incremental-domはGoogleが開発しているDOMをレンダリングする為のライブラリです。 D...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/sakana/items/83491d82e370a1765fdd"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/sakana/items/83491d82e370a1765fdd" alt="はてなブックマーク - はじめてのincremental-dom - Qiita" title="はてなブックマーク - はじめてのincremental-dom - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/sakana/items/83491d82e370a1765fdd"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 21 https://mizchi.hatenablog.com/entry/2016/05/24/100547 wwolf 2016-05-24T04:32:32Z javascript <blockquote cite="https://mizchi.hatenablog.com/entry/2016/05/24/100547" title="Re: React.js界隈の人に聞きたい - mizchi&#39;s blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmizchi.hatenablog.com%2Fentry%2F2016%2F05%2F24%2F100547" alt="" /> <a href="https://mizchi.hatenablog.com/entry/2016/05/24/100547">Re: React.js界隈の人に聞きたい - mizchi&#39;s blog</a></cite><p><a href="https://mizchi.hatenablog.com/entry/2016/05/24/100547"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/df9219cd7c414cbcf364924ec7ab300c31fb14d4/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F13208692334729889376%2F6653812171397837943%2F1464052039" alt="Re: React.js界隈の人に聞きたい - mizchi&#39;s blog" title="Re: React.js界隈の人に聞きたい - mizchi&#39;s blog" class="entry-image" /></a></p><p>React.js界隈の人に聞きたい 前提 Reactより前に僕がやりたかったこととして、冪等性の担保の為に毎フレーム document.body.innerHTML を書き換えたかったがパフォーマンス的にそれが許されなかったが、Reactは擬似的にそれを達成させてくれたという圧倒的感謝🙏がある— ダイナモポグラマ (@mizchi) 2016年5月23日 SPA ...</p><p><a href="https://b.hatena.ne.jp/entry/s/mizchi.hatenablog.com/entry/2016/05/24/100547"><img src="https://b.hatena.ne.jp/entry/image/https://mizchi.hatenablog.com/entry/2016/05/24/100547" alt="はてなブックマーク - Re: React.js界隈の人に聞きたい - mizchi&#39;s blog" title="はてなブックマーク - Re: React.js界隈の人に聞きたい - mizchi&#39;s blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/mizchi.hatenablog.com/entry/2016/05/24/100547"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 450