https://b.hatena.ne.jp/ozomatli/javascript/ javascriptに関するozomatliのはてなブックマーク (32) https://coliss.com/articles/build-websites/operation/work/frontend-tooling-survey-2018.html ozomatli 2018-05-15T03:21:10Z ライブラリ javascript CSS 101 <blockquote cite="https://coliss.com/articles/build-websites/operation/work/frontend-tooling-survey-2018.html" title="2018年、フロントエンドのデベロッパーがプロジェクトで使用しているCSS, JavaScriptのツールを調査"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fwork%2Ffrontend-tooling-survey-2018.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/work/frontend-tooling-survey-2018.html">2018年、フロントエンドのデベロッパーがプロジェクトで使用しているCSS, JavaScriptのツールを調査</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/work/frontend-tooling-survey-2018.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0d9cb73c412b8f3fbe3039baa2eb08b33dcbe4be/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201802%2F2018051201.png" alt="2018年、フロントエンドのデベロッパーがプロジェクトで使用しているCSS, JavaScriptのツールを調査" title="2018年、フロントエンドのデベロッパーがプロジェクトで使用しているCSS, JavaScriptのツールを調査" class="entry-image" /></a></p><p>フロントエンドのデベロッパーがプロジェクトで使用しているCSS, JavaScriptのツールについての調査結果を紹介します。 SassやLESS、BootstrapやFoundation、AutoprefixerやModernizr、BEMやCSS-in-JS、CSS GridやFlexbox、NPMやGulp、jQueryやReactやVue.js、WebpackやESLintなど、実際にどのように使用されているかが...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/work/frontend-tooling-survey-2018.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/work/frontend-tooling-survey-2018.html" alt="はてなブックマーク - 2018年、フロントエンドのデベロッパーがプロジェクトで使用しているCSS, JavaScriptのツールを調査" title="はてなブックマーク - 2018年、フロントエンドのデベロッパーがプロジェクトで使用しているCSS, JavaScriptのツールを調査" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/work/frontend-tooling-survey-2018.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://massa142.hatenablog.com/entry/2018/05/12/161236 ozomatli 2018-05-14T04:17:11Z 本 javascript 284 <blockquote cite="https://massa142.hatenablog.com/entry/2018/05/12/161236" title="「はじめてのフロントエンド開発」という本を書きました - massa142&#39;s blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmassa142.hatenablog.com%2Fentry%2F2018%2F05%2F12%2F161236" alt="" /> <a href="https://massa142.hatenablog.com/entry/2018/05/12/161236">「はじめてのフロントエンド開発」という本を書きました - massa142&#39;s blog</a></cite><p><a href="https://massa142.hatenablog.com/entry/2018/05/12/161236"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f15913a808a2fe9c7b7625e49e0a9b8879c38302/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fimages-fe.ssl-images-amazon.com%2Fimages%2FI%2F51UKPfcT0yL._SL160_.jpg" alt="「はじめてのフロントエンド開発」という本を書きました - massa142&#39;s blog" title="「はじめてのフロントエンド開発」という本を書きました - massa142&#39;s blog" class="entry-image" /></a></p><p>共著者として参加していた書籍『React，Angular，Vue.js，React Nativeを使って学ぶ はじめてのフロントエンド開発』が、2018/5/9に技術評論社さまより発売となりました。 React、Angular、Vue.js、React Nativeを使って学ぶ はじめてのフロントエンド開発 作者: 原一浩,taisa,小松大輔,永井孝,池内孝啓,新井正貴,橋本安...</p><p><a href="https://b.hatena.ne.jp/entry/s/massa142.hatenablog.com/entry/2018/05/12/161236"><img src="https://b.hatena.ne.jp/entry/image/https://massa142.hatenablog.com/entry/2018/05/12/161236" alt="はてなブックマーク - 「はじめてのフロントエンド開発」という本を書きました - massa142&#39;s blog" title="はてなブックマーク - 「はじめてのフロントエンド開発」という本を書きました - massa142&#39;s blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/massa142.hatenablog.com/entry/2018/05/12/161236"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/mejileben/items/69e5facdb60781927929 ozomatli 2018-04-17T09:48:22Z javascript 71 <blockquote cite="https://qiita.com/mejileben/items/69e5facdb60781927929" title="【JavaScript】アロー関数式を学ぶついでにthisも復習する話 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fmejileben%2Fitems%2F69e5facdb60781927929" alt="" /> <a href="https://qiita.com/mejileben/items/69e5facdb60781927929">【JavaScript】アロー関数式を学ぶついでにthisも復習する話 - Qiita</a></cite><p><a href="https://qiita.com/mejileben/items/69e5facdb60781927929"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/54fc6b0c1632348e3d89a212758fb34a676bd1da/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.1.1%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGMTU2NTY3JTJGcHJvZmlsZS1pbWFnZXMlMkYxNTU5NjE2NzE5P2l4bGliPXJiLTQuMS4xJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZiZz1GRkZGRkYmZm09cG5nMzImcz03Y2EzMmQ0YmExMDIxMWQ5ODc2Y2RhYjViZjQ4NDhmYw%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D0dba54808863105feb396545903e6d4f%3Fixlib%3Drb-4.1.1%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9JUUzJTgwJTkwSmF2YVNjcmlwdCVFMyU4MCU5MSVFMyU4MiVBMiVFMyU4MyVBRCVFMyU4MyVCQyVFOSU5NiVBMiVFNiU5NSVCMCVFNSVCQyU4RiVFMyU4MiU5MiVFNSVBRCVBNiVFMyU4MSVCNiVFMyU4MSVBNCVFMyU4MSU4NCVFMyU4MSVBNyVFMyU4MSVBQnRoaXMlRTMlODIlODIlRTUlQkUlQTklRTclQkYlOTIlRTMlODElOTklRTMlODIlOEIlRTglQTklQjEmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz05YWIwMDc2NGU0YTRjNDJlNDk5MjFhN2MyMWJiNWQwYw%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBtZWppbGViZW4mdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz1mYjI1Y2U4YWYwMTI2NjQ4MTllYzA4N2MyNzBjY2Q3YQ%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D2a064e1c040d39b9c0412dec9eb72578" alt="【JavaScript】アロー関数式を学ぶついでにthisも復習する話 - Qiita" title="【JavaScript】アロー関数式を学ぶついでにthisも復習する話 - Qiita" class="entry-image" /></a></p><p>対象読者 ES6を詳しくは知らない なんとなくJavaScriptを書けるけど、JSのthisの特性についてまだよく知らない アロー関数式を知らない、または知っているけど実装経験がない 概要 JavaScriptのES6で導入されたアロー関数式を、関数のただのシンタックスシュガーに過ぎないと思っていたのですが、調べてみると実際そうで...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/mejileben/items/69e5facdb60781927929"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/mejileben/items/69e5facdb60781927929" alt="はてなブックマーク - 【JavaScript】アロー関数式を学ぶついでにthisも復習する話 - Qiita" title="はてなブックマーク - 【JavaScript】アロー関数式を学ぶついでにthisも復習する話 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/mejileben/items/69e5facdb60781927929"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://jsprimer.net/ ozomatli 2018-04-17T09:01:48Z javascript プログラミング 1044 <blockquote cite="https://jsprimer.net/" title="JavaScript Primer - 迷わないための入門書 #jsprimer"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fjsprimer.net%2F" alt="" /> <a href="https://jsprimer.net/">JavaScript Primer - 迷わないための入門書 #jsprimer</a></cite><p><a href="https://jsprimer.net/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/90d1d67d015144d8763795cc3df612370958b601/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fjsprimer.net%2Flanding%2Fimg%2Fcover-optimized.jpg" alt="JavaScript Primer - 迷わないための入門書 #jsprimer" title="JavaScript Primer - 迷わないための入門書 #jsprimer" class="entry-image" /></a></p><p>JavaScript Primer 迷わないための入門書 Tweet Watch Star Xのハッシュタグ: #jsprimer これからJavaScriptを学びたい人が、ECMAScript 2015以降をベースにして一からJavaScriptを学べる書籍です。 プログラミングをやったことはあるが、今のJavaScriptがよくわからないという人が、 今のJavaScriptアプリケーションを...</p><p><a href="https://b.hatena.ne.jp/entry/s/jsprimer.net/"><img src="https://b.hatena.ne.jp/entry/image/https://jsprimer.net/" alt="はてなブックマーク - JavaScript Primer - 迷わないための入門書 #jsprimer" title="はてなブックマーク - JavaScript Primer - 迷わないための入門書 #jsprimer" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/jsprimer.net/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.moongift.jp/2018/03/blotter-js-%E5%9E%8B%E7%A0%B4%E3%82%8A%E3%81%AA%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%92%E5%AE%9F%E7%8F%BE/ ozomatli 2018-03-05T15:21:44Z javascript ライブラリ 7 <blockquote cite="https://www.moongift.jp/2018/03/blotter-js-%E5%9E%8B%E7%A0%B4%E3%82%8A%E3%81%AA%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%92%E5%AE%9F%E7%8F%BE/" title="Blotter.js - 型破りなテキストアニメーションを実現 MOONGIFT"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.moongift.jp%2F2018%2F03%2Fblotter-js-%25E5%259E%258B%25E7%25A0%25B4%25E3%2582%258A%25E3%2581%25AA%25E3%2583%2586%25E3%2582%25AD%25E3%2582%25B9%25E3%2583%2588%25E3%2582%25A2%25E3%2583%258B%25E3%2583%25A1%25E3%2583%25BC%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%25B3%25E3%2582%2592%25E5%25AE%259F%25E7%258F%25BE%2F" alt="" /> <a href="https://www.moongift.jp/2018/03/blotter-js-%E5%9E%8B%E7%A0%B4%E3%82%8A%E3%81%AA%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%92%E5%AE%9F%E7%8F%BE/">Blotter.js - 型破りなテキストアニメーションを実現 MOONGIFT</a></cite><p><a href="https://www.moongift.jp/2018/03/blotter-js-%E5%9E%8B%E7%A0%B4%E3%82%8A%E3%81%AA%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%92%E5%AE%9F%E7%8F%BE/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/14a04305ccc1b820ebf61195d8ac2b9072fb51fb/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fmoongift%2Fattaches%2F16217%2Flist.%3F1519035652" alt="Blotter.js - 型破りなテキストアニメーションを実現 MOONGIFT" title="Blotter.js - 型破りなテキストアニメーションを実現 MOONGIFT" class="entry-image" /></a></p><p>Webでエフェクトされたテキストを表示しようと思うと画像を使うのが一般的です。JavaScriptでもできないことはないですが、簡単なものに限定される雰囲気があります。しかしJavaScriptならばアニメーションも行えるメリットがあります。 そこで知っておきたいのがBlotter.jsです。使いどころは限られそうですが、特殊な...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2018/03/blotter-js-%E5%9E%8B%E7%A0%B4%E3%82%8A%E3%81%AA%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%92%E5%AE%9F%E7%8F%BE/"><img src="https://b.hatena.ne.jp/entry/image/https://www.moongift.jp/2018/03/blotter-js-%E5%9E%8B%E7%A0%B4%E3%82%8A%E3%81%AA%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%92%E5%AE%9F%E7%8F%BE/" alt="はてなブックマーク - Blotter.js - 型破りなテキストアニメーションを実現 MOONGIFT" title="はてなブックマーク - Blotter.js - 型破りなテキストアニメーションを実現 MOONGIFT" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2018/03/blotter-js-%E5%9E%8B%E7%A0%B4%E3%82%8A%E3%81%AA%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%92%E5%AE%9F%E7%8F%BE/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/ukiuni@github/items/5f3d8620187905aea3d4 ozomatli 2018-03-03T00:09:29Z あとで読む javascript 693 <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> https://qiita.com/m_ohsumi/items/8d66e1a1df9e2d64fef6 ozomatli 2018-02-28T04:12:21Z d3.js javascript 18 <blockquote cite="https://qiita.com/m_ohsumi/items/8d66e1a1df9e2d64fef6" title="D3.jsの概要と使い所について - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fm_ohsumi%2Fitems%2F8d66e1a1df9e2d64fef6" alt="" /> <a href="https://qiita.com/m_ohsumi/items/8d66e1a1df9e2d64fef6">D3.jsの概要と使い所について - Qiita</a></cite><p><a href="https://qiita.com/m_ohsumi/items/8d66e1a1df9e2d64fef6"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b3bae9d2ac5b3bb36db3b37c22e7fa271b57fe6b/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNTc0NDIlMkZwcm9maWxlLWltYWdlcyUyRjE1MTgwMTgzNDQ_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9ZWViMGQwOTAwMjJlZWQzMDU5MDkzYjJjODllMmNkOGM%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D997d0b5ab690a44eb4a99883c9076818%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9RDMuanMlRTMlODElQUUlRTYlQTYlODIlRTglQTYlODElRTMlODElQTglRTQlQkQlQkYlRTMlODElODQlRTYlODklODAlRTMlODElQUIlRTMlODElQTQlRTMlODElODQlRTMlODElQTYmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz05MWM2YjgyN2Y5NmQ1NzRhNTBlNWNmYTQ4ZGY2OTk2NA%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBjYXdwZWEmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz04YjUzZTc2YjZmZDlmMzBjMGY3ZTFmODkxOWRlNjVkZQ%26blend-x%3D242%26blend-y%3D454%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26txt64%3DaW4gR29vZHBhdGNo%26txt-x%3D242%26txt-y%3D539%26txt-width%3D838%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D28%26s%3D0e530abc6e5d28f9bd6eed031c262f6e" alt="D3.jsの概要と使い所について - Qiita" title="D3.jsの概要と使い所について - Qiita" class="entry-image" /></a></p><p>個人的に初めてD3.js（以下、D3と呼びます）を使う機会があったので、その時に得られたD3の大まかな概要やD3（もしくはSVG）の使い所を纏めておきたいと思います。特にD3を使った事がない人向けですが、ここではD3についてハンズオン的な事はしないのでご了承ください。 D3とは D3 (or D3.js) is a JavaScript library f...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/m_ohsumi/items/8d66e1a1df9e2d64fef6"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/m_ohsumi/items/8d66e1a1df9e2d64fef6" alt="はてなブックマーク - D3.jsの概要と使い所について - Qiita" title="はてなブックマーク - D3.jsの概要と使い所について - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/m_ohsumi/items/8d66e1a1df9e2d64fef6"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ics.media/entry/17262 ozomatli 2018-02-22T03:31:41Z javascript ES2018 456 <blockquote cite="https://ics.media/entry/17262" title="JavaScriptのモダンな書き方 - ES2017〜ES2018のawait・async, includes(), padStart()等を解説 - ICS MEDIA"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fics.media%2Fentry%2F17262" alt="" /> <a href="https://ics.media/entry/17262">JavaScriptのモダンな書き方 - ES2017〜ES2018のawait・async, includes(), padStart()等を解説 - ICS MEDIA</a></cite><p><a href="https://ics.media/entry/17262"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a9633e9b510c842dbc36765aa40b5a383976dc18/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fics.media%2Fentry%2F17262%2Fimages%2Feyecatch_es2018.png" alt="JavaScriptのモダンな書き方 - ES2017〜ES2018のawait・async, includes(), padStart()等を解説 - ICS MEDIA" title="JavaScriptのモダンな書き方 - ES2017〜ES2018のawait・async, includes(), padStart()等を解説 - ICS MEDIA" class="entry-image" /></a></p><p>JavaScriptのモダンな書き方 - ES2017〜ES2018のawait・async, includes(), padStart()等を解説 ECMAScript 2015がリリースされて以降、JavaScriptの機能は大きく強化されました。const/let、アロー関数、クラス構文、Promiseなどが有名なところですが、ES2016、ES2017、ES2018、･･･ES2022、そしてさらにその先へJavaScr...</p><p><a href="https://b.hatena.ne.jp/entry/s/ics.media/entry/17262"><img src="https://b.hatena.ne.jp/entry/image/https://ics.media/entry/17262" alt="はてなブックマーク - JavaScriptのモダンな書き方 - ES2017〜ES2018のawait・async, includes(), padStart()等を解説 - ICS MEDIA" title="はてなブックマーク - JavaScriptのモダンな書き方 - ES2017〜ES2018のawait・async, includes(), padStart()等を解説 - ICS MEDIA" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ics.media/entry/17262"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://speakerdeck.com/sukobuto/jshuremuwakuxuan-ding-falsekan-suo ozomatli 2018-02-19T13:22:12Z javascript フレームワーク 527 <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> https://paiza.hatenablog.com/entry/2018/02/15/%E9%9D%A2%E5%80%92%E3%81%AA%E4%BD%9C%E6%A5%AD%E4%B8%8D%E8%A6%81%E3%81%A7%E3%80%81Web%E3%82%A2%E3%83%97%E3%83%AA%E9%96%8B%E7%99%BA%E3%81%8C%E5%8A%87%E7%9A%84%E3%81%AB%E3%81%AF%E3%81%8B%E3%81%A9%E3%82%8B ozomatli 2018-02-15T21:35:05Z Web javascript 795 <blockquote cite="https://paiza.hatenablog.com/entry/2018/02/15/%E9%9D%A2%E5%80%92%E3%81%AA%E4%BD%9C%E6%A5%AD%E4%B8%8D%E8%A6%81%E3%81%A7%E3%80%81Web%E3%82%A2%E3%83%97%E3%83%AA%E9%96%8B%E7%99%BA%E3%81%8C%E5%8A%87%E7%9A%84%E3%81%AB%E3%81%AF%E3%81%8B%E3%81%A9%E3%82%8B" title="面倒な作業不要で、Webアプリ開発が劇的にはかどる！至高のJavaScriptライブラリ6選 -"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpaiza.hatenablog.com%2Fentry%2F2018%2F02%2F15%2F%25E9%259D%25A2%25E5%2580%2592%25E3%2581%25AA%25E4%25BD%259C%25E6%25A5%25AD%25E4%25B8%258D%25E8%25A6%2581%25E3%2581%25A7%25E3%2580%2581Web%25E3%2582%25A2%25E3%2583%2597%25E3%2583%25AA%25E9%2596%258B%25E7%2599%25BA%25E3%2581%258C%25E5%258A%2587%25E7%259A%2584%25E3%2581%25AB%25E3%2581%25AF%25E3%2581%258B%25E3%2581%25A9%25E3%2582%258B" alt="" /> <a href="https://paiza.hatenablog.com/entry/2018/02/15/%E9%9D%A2%E5%80%92%E3%81%AA%E4%BD%9C%E6%A5%AD%E4%B8%8D%E8%A6%81%E3%81%A7%E3%80%81Web%E3%82%A2%E3%83%97%E3%83%AA%E9%96%8B%E7%99%BA%E3%81%8C%E5%8A%87%E7%9A%84%E3%81%AB%E3%81%AF%E3%81%8B%E3%81%A9%E3%82%8B">面倒な作業不要で、Webアプリ開発が劇的にはかどる！至高のJavaScriptライブラリ6選 -</a></cite><p><a href="https://paiza.hatenablog.com/entry/2018/02/15/%E9%9D%A2%E5%80%92%E3%81%AA%E4%BD%9C%E6%A5%AD%E4%B8%8D%E8%A6%81%E3%81%A7%E3%80%81Web%E3%82%A2%E3%83%97%E3%83%AA%E9%96%8B%E7%99%BA%E3%81%8C%E5%8A%87%E7%9A%84%E3%81%AB%E3%81%AF%E3%81%8B%E3%81%A9%E3%82%8B"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/896a7a85ca033c6a0ff815ef7786d3e299f5f440/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fb2a454f597c4cc0b1599c05f187504f28ec3bc33%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fp%252Fpaiza%252F20180214%252F20180214151724.jpg" alt="面倒な作業不要で、Webアプリ開発が劇的にはかどる！至高のJavaScriptライブラリ6選 -" title="面倒な作業不要で、Webアプリ開発が劇的にはかどる！至高のJavaScriptライブラリ6選 -" class="entry-image" /></a></p><p>どうも、まさとらん（@0310lan）です！ 今回は、Webサービスやアプリ開発などにとても便利なJavaScriptライブラリを厳選してご紹介しようと思います！ 強力な独自機能を簡単に追加できるものやトレンドに合わせたWebデザインを構築できるもの、そのままWebサービスとして利用できるものまで、ピックアップしてみました。...</p><p><a href="https://b.hatena.ne.jp/entry/s/paiza.hatenablog.com/entry/2018/02/15/%E9%9D%A2%E5%80%92%E3%81%AA%E4%BD%9C%E6%A5%AD%E4%B8%8D%E8%A6%81%E3%81%A7%E3%80%81Web%E3%82%A2%E3%83%97%E3%83%AA%E9%96%8B%E7%99%BA%E3%81%8C%E5%8A%87%E7%9A%84%E3%81%AB%E3%81%AF%E3%81%8B%E3%81%A9%E3%82%8B"><img src="https://b.hatena.ne.jp/entry/image/https://paiza.hatenablog.com/entry/2018/02/15/%E9%9D%A2%E5%80%92%E3%81%AA%E4%BD%9C%E6%A5%AD%E4%B8%8D%E8%A6%81%E3%81%A7%E3%80%81Web%E3%82%A2%E3%83%97%E3%83%AA%E9%96%8B%E7%99%BA%E3%81%8C%E5%8A%87%E7%9A%84%E3%81%AB%E3%81%AF%E3%81%8B%E3%81%A9%E3%82%8B" alt="はてなブックマーク - 面倒な作業不要で、Webアプリ開発が劇的にはかどる！至高のJavaScriptライブラリ6選 -" title="はてなブックマーク - 面倒な作業不要で、Webアプリ開発が劇的にはかどる！至高のJavaScriptライブラリ6選 -" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/paiza.hatenablog.com/entry/2018/02/15/%E9%9D%A2%E5%80%92%E3%81%AA%E4%BD%9C%E6%A5%AD%E4%B8%8D%E8%A6%81%E3%81%A7%E3%80%81Web%E3%82%A2%E3%83%97%E3%83%AA%E9%96%8B%E7%99%BA%E3%81%8C%E5%8A%87%E7%9A%84%E3%81%AB%E3%81%AF%E3%81%8B%E3%81%A9%E3%82%8B"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://2012.8-p.info/japanese/3/9/semicolon ozomatli 2018-02-09T02:54:53Z javascript 63 <blockquote cite="http://2012.8-p.info/japanese/3/9/semicolon" title="JavaScript の ; を省略する派 - Kato Kazuyoshi"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2F2012.8-p.info%2Fjapanese%2F3%2F9%2Fsemicolon" alt="" /> <a href="http://2012.8-p.info/japanese/3/9/semicolon">JavaScript の ; を省略する派 - Kato Kazuyoshi</a></cite><p><a href="http://2012.8-p.info/japanese/3/9/semicolon"><img src="" alt="JavaScript の ; を省略する派 - Kato Kazuyoshi" title="JavaScript の ; を省略する派 - Kato Kazuyoshi" class="entry-image" /></a></p><p>むかし同じチームだったひとに、JavaScript のセミコロンを省略する派のひとがいて、他の人と「もう日本語かくとき句読点も省略すればいいじゃないの」とか、散々いっていた。でも実は GitHub も省略派らしい。 GitHub の JavaScript Styleguide は、まず最初の「新しい JS は CoffeScript で書け」にびっくりするのだけ...</p><p><a href="https://b.hatena.ne.jp/entry/2012.8-p.info/japanese/3/9/semicolon"><img src="https://b.hatena.ne.jp/entry/image/http://2012.8-p.info/japanese/3/9/semicolon" alt="はてなブックマーク - JavaScript の ; を省略する派 - Kato Kazuyoshi" title="はてなブックマーク - JavaScript の ; を省略する派 - Kato Kazuyoshi" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/2012.8-p.info/japanese/3/9/semicolon"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://blog.tai2.net/automatic_semilocon_insertion.html ozomatli 2018-02-09T02:52:03Z javascript 103 <blockquote cite="https://blog.tai2.net/automatic_semilocon_insertion.html" title="JavaScriptの行末セミコロンは省略すべきか"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.tai2.net%2Fautomatic_semilocon_insertion.html" alt="" /> <a href="https://blog.tai2.net/automatic_semilocon_insertion.html">JavaScriptの行末セミコロンは省略すべきか</a></cite><p><a href="https://blog.tai2.net/automatic_semilocon_insertion.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/37bde759332d157ec9ed17e0b4fdd4387f4abbfd/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog.tai2.net%2Fimages%2Fog%2Fautomatic_semicolon_insertion.png" alt="JavaScriptの行末セミコロンは省略すべきか" title="JavaScriptの行末セミコロンは省略すべきか" class="entry-image" /></a></p><p>目次 自動セミコロン挿入(Automatic Semilocon Insertion) Restricted Production ASIの害 セミコロンにまつわる論争 で、どっちがいいの? JavaScriptには、 自動セミコロン挿入 という機能があり、行末でセミコロンを省略しても、多くの場合文法的に問題ありません。 しかしながら、 JavaScript: The Good Parts などで...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.tai2.net/automatic_semilocon_insertion.html"><img src="https://b.hatena.ne.jp/entry/image/https://blog.tai2.net/automatic_semilocon_insertion.html" alt="はてなブックマーク - JavaScriptの行末セミコロンは省略すべきか" title="はてなブックマーク - JavaScriptの行末セミコロンは省略すべきか" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.tai2.net/automatic_semilocon_insertion.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/kozy4324/items/85831e2c990d92b8397b ozomatli 2018-02-08T05:42:31Z イベントハンドラ javascript 29 <blockquote cite="https://qiita.com/kozy4324/items/85831e2c990d92b8397b" title="addEventListener の第3引数が拡張されてるという話 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fkozy4324%2Fitems%2F85831e2c990d92b8397b" alt="" /> <a href="https://qiita.com/kozy4324/items/85831e2c990d92b8397b">addEventListener の第3引数が拡張されてるという話 - Qiita</a></cite><p><a href="https://qiita.com/kozy4324/items/85831e2c990d92b8397b"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c1bd1adb8524bf7ba8af59de3c51e5e42fc09bb0/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.1.1%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGMzg1OTglMkZwcm9maWxlLWltYWdlcyUyRjE1NzI5MjM2MDc_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTY1NzkxMjQ0N2JiOWFhNmNkNjMzN2U5NTI0NDk1ZGE4%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D47405c681a6fe38ae2d28d0ed81b2aed%3Fixlib%3Drb-4.1.1%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9YWRkRXZlbnRMaXN0ZW5lciUyMCVFMyU4MSVBRSVFNyVBQyVBQzMlRTUlQkMlOTUlRTYlOTUlQjAlRTMlODElOEMlRTYlOEIlQTElRTUlQkMlQjUlRTMlODElOTUlRTMlODIlOEMlRTMlODElQTYlRTMlODIlOEIlRTMlODElQTglRTMlODElODQlRTMlODElODYlRTglQTklQjEmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1iNzEzYmNlN2EzY2MyZWJjMTdjM2VlNmFhNmVmODFhNg%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBrb3p5NDMyNCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPTk4ZTQ3NzBkYmNhYmE5MmVhMGU4MjA3YmZmNWQ0ZTll%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D9418ecdbcd440d955c667a3df23a7a43" alt="addEventListener の第3引数が拡張されてるという話 - Qiita" title="addEventListener の第3引数が拡張されてるという話 - Qiita" class="entry-image" /></a></p><p>参考記事 EventListenerOptions これまでの第3引数 useCapture は boolean 型をとり、イベントハンドラがキャプチャフェーズ or バブリングフェーズのどちらで処理されるかを制御するものだった。 この第3引数が Object 型も受け付けるようになり、現状、それぞれ boolean 型で once , passive , capture パラメータをと...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/kozy4324/items/85831e2c990d92b8397b"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/kozy4324/items/85831e2c990d92b8397b" alt="はてなブックマーク - addEventListener の第3引数が拡張されてるという話 - Qiita" title="はてなブックマーク - addEventListener の第3引数が拡張されてるという話 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/kozy4324/items/85831e2c990d92b8397b"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://speakerdeck.com/kazupon/vue-dot-js-da-gui-mo-apurikesiyonfalsegou-zhu ozomatli 2018-02-08T04:43:02Z vuejs javascript 235 <blockquote cite="https://speakerdeck.com/kazupon/vue-dot-js-da-gui-mo-apurikesiyonfalsegou-zhu" title="Vue.js 大規模アプリケーションの構築"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fspeakerdeck.com%2Fkazupon%2Fvue-dot-js-da-gui-mo-apurikesiyonfalsegou-zhu" alt="" /> <a href="https://speakerdeck.com/kazupon/vue-dot-js-da-gui-mo-apurikesiyonfalsegou-zhu">Vue.js 大規模アプリケーションの構築</a></cite><p><a href="https://speakerdeck.com/kazupon/vue-dot-js-da-gui-mo-apurikesiyonfalsegou-zhu"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4314f8067fec4a4d9314ee2997c1971c2fad6e61/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2Ffd5f59c50a6e45dc9c9262db2635dc40%2Fslide_0.jpg%3F5757201" alt="Vue.js 大規模アプリケーションの構築" title="Vue.js 大規模アプリケーションの構築" class="entry-image" /></a></p><p>Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →</p><p><a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/kazupon/vue-dot-js-da-gui-mo-apurikesiyonfalsegou-zhu"><img src="https://b.hatena.ne.jp/entry/image/https://speakerdeck.com/kazupon/vue-dot-js-da-gui-mo-apurikesiyonfalsegou-zhu" alt="はてなブックマーク - Vue.js 大規模アプリケーションの構築" title="はてなブックマーク - Vue.js 大規模アプリケーションの構築" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/kazupon/vue-dot-js-da-gui-mo-apurikesiyonfalsegou-zhu"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/kenfdev/items/c3c3a11abb98803a51c6 ozomatli 2018-02-07T10:12:10Z Relay JavaScript 252 <blockquote cite="https://qiita.com/kenfdev/items/c3c3a11abb98803a51c6" title="Facebook Relayについてまとめ - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fkenfdev%2Fitems%2Fc3c3a11abb98803a51c6" alt="" /> <a href="https://qiita.com/kenfdev/items/c3c3a11abb98803a51c6">Facebook Relayについてまとめ - Qiita</a></cite><p><a href="https://qiita.com/kenfdev/items/c3c3a11abb98803a51c6"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/9e68ccc2a6ce2c8df2ba27482b769022ad03cc82/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.1.1%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzg1MjglMkZwcm9maWxlLWltYWdlcyUyRjE1NDU5MjM2NDE_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTUyZGQyMGM5ODNlNTBkZTA1MWMwZTQwYTEwMTkyNGVh%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Db3c068884fcf4f515da3306e1b99b785%3Fixlib%3Drb-4.1.1%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9RmFjZWJvb2slMjBSZWxheSVFMyU4MSVBQiVFMyU4MSVBNCVFMyU4MSU4NCVFMyU4MSVBNiVFMyU4MSVCRSVFMyU4MSVBOCVFMyU4MiU4MSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPWZjYzFlMGQyNDU5YTc5ZDUzNDAwMzlmNDBmMDI3YWUw%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBrZW5mZGV2JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NjBlNjdjODU5ZDc1MzU2OWY1ZGNkZjQ0MmY3YWFmYzU%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Dab75a4c091a2c417a5863e93aec8a96f" alt="Facebook Relayについてまとめ - Qiita" title="Facebook Relayについてまとめ - Qiita" class="entry-image" /></a></p><p>Reactがもっと広まって欲しいと思っている今日このごろ。React EuropeでJoseph Savona氏の講演でRelayについての「モヤっと」がいっきにかなり解消された気がするので、要点を本編を翻訳しながら自分なりにまとめておきます。 私の理解が誤っている可能性は十二分にありえるので、ご指摘いただければ幸いです。 はじめに...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/kenfdev/items/c3c3a11abb98803a51c6"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/kenfdev/items/c3c3a11abb98803a51c6" alt="はてなブックマーク - Facebook Relayについてまとめ - Qiita" title="はてなブックマーク - Facebook Relayについてまとめ - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/kenfdev/items/c3c3a11abb98803a51c6"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.moongift.jp/2015/10/popmotion-%E3%81%94%E3%81%8F%E5%B0%8F%E3%81%95%E3%81%AA%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA/ ozomatli 2018-02-07T10:05:55Z javascript 13 <blockquote cite="https://www.moongift.jp/2015/10/popmotion-%E3%81%94%E3%81%8F%E5%B0%8F%E3%81%95%E3%81%AA%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA/" title="Popmotion - ごく小さなアニメーションライブラリ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.moongift.jp%2F2015%2F10%2Fpopmotion-%25E3%2581%2594%25E3%2581%258F%25E5%25B0%258F%25E3%2581%2595%25E3%2581%25AA%25E3%2582%25A2%25E3%2583%258B%25E3%2583%25A1%25E3%2583%25BC%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%25B3%25E3%2583%25A9%25E3%2582%25A4%25E3%2583%2596%25E3%2583%25A9%25E3%2583%25AA%2F" alt="" /> <a href="https://www.moongift.jp/2015/10/popmotion-%E3%81%94%E3%81%8F%E5%B0%8F%E3%81%95%E3%81%AA%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA/">Popmotion - ごく小さなアニメーションライブラリ</a></cite><p><a href="https://www.moongift.jp/2015/10/popmotion-%E3%81%94%E3%81%8F%E5%B0%8F%E3%81%95%E3%81%AA%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0ba0f1246646f71176f58d803cd047abe569ad80/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fmoongift%2Fattaches%2F14339%2Flist.%3F1444550117" alt="Popmotion - ごく小さなアニメーションライブラリ" title="Popmotion - ごく小さなアニメーションライブラリ" class="entry-image" /></a></p><p>MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Web上での多彩な表現を支える存在がアニメーションです。マテリアルデザインのようなちょっとしたアニメーションもありますし、目を引くためにも動かしながら表示するのは大事な効果と言えるでしょう。 今回はそんなアニ...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2015/10/popmotion-%E3%81%94%E3%81%8F%E5%B0%8F%E3%81%95%E3%81%AA%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA/"><img src="https://b.hatena.ne.jp/entry/image/https://www.moongift.jp/2015/10/popmotion-%E3%81%94%E3%81%8F%E5%B0%8F%E3%81%95%E3%81%AA%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA/" alt="はてなブックマーク - Popmotion - ごく小さなアニメーションライブラリ" title="はてなブックマーク - Popmotion - ごく小さなアニメーションライブラリ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2015/10/popmotion-%E3%81%94%E3%81%8F%E5%B0%8F%E3%81%95%E3%81%AA%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/jaxx2104/items/5f28915355a85d36e38a ozomatli 2018-02-07T10:05:04Z javascript gatsby react 38 <blockquote cite="https://qiita.com/jaxx2104/items/5f28915355a85d36e38a" title="React.js製の静的サイトジェネレーターGatsbyに移行した - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fjaxx2104%2Fitems%2F5f28915355a85d36e38a" alt="" /> <a href="https://qiita.com/jaxx2104/items/5f28915355a85d36e38a">React.js製の静的サイトジェネレーターGatsbyに移行した - Qiita</a></cite><p><a href="https://qiita.com/jaxx2104/items/5f28915355a85d36e38a"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/8be59055cfdf6e014dc5f8d9bcaba2d1736620d3/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.1.1%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMjk1NTQlMkZwcm9maWxlLWltYWdlcyUyRjE0NzkyNjg4MDk_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTFkZWY1MGM5OTRjZmFhNGNhNzQxMjk0N2I3ZTZiNTQ3%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D08fc7c500bcd80fdddf2bb319e1ddcb5%3Fixlib%3Drb-4.1.1%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9UmVhY3QuanMlRTglQTMlQkQlRTMlODElQUUlRTklOUQlOTklRTclOUElODQlRTMlODIlQjUlRTMlODIlQTQlRTMlODMlODglRTMlODIlQjglRTMlODIlQTclRTMlODMlOEQlRTMlODMlQUMlRTMlODMlQkMlRTMlODIlQkYlRTMlODMlQkNHYXRzYnklRTMlODElQUIlRTclQTclQkIlRTglQTElOEMlRTMlODElOTclRTMlODElOUYmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1jZmQxNmZmMDQ2NDM2NTAyYzhhZjk2ZTA3NTAyYjM5MQ%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBqYXh4MjEwNCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPTc2ODJmY2MwMTQ2YWFiYTg5OWQ5MTVjMTBjOTQ2YzBm%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D19431833eb97fc411347de0b2f6105f2" alt="React.js製の静的サイトジェネレーターGatsbyに移行した - Qiita" title="React.js製の静的サイトジェネレーターGatsbyに移行した - 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/jaxx2104/items/5f28915355a85d36e38a"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/jaxx2104/items/5f28915355a85d36e38a" alt="はてなブックマーク - React.js製の静的サイトジェネレーターGatsbyに移行した - Qiita" title="はてなブックマーク - React.js製の静的サイトジェネレーターGatsbyに移行した - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/jaxx2104/items/5f28915355a85d36e38a"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/syossan27/items/4a66b4fe5d6c19a4df84 ozomatli 2018-02-07T10:03:32Z javascript test enzyme 17 <blockquote cite="https://qiita.com/syossan27/items/4a66b4fe5d6c19a4df84" title="ReactのテストをEnzymeで書いてみよう - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fsyossan27%2Fitems%2F4a66b4fe5d6c19a4df84" alt="" /> <a href="https://qiita.com/syossan27/items/4a66b4fe5d6c19a4df84">ReactのテストをEnzymeで書いてみよう - Qiita</a></cite><p><a href="https://qiita.com/syossan27/items/4a66b4fe5d6c19a4df84"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d8efb776c0fbe2cab2cc06b61668c2805cfb72ac/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzkzODIlMkZwcm9maWxlLWltYWdlcyUyRjE0ODc2NzgyNTc_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPWRlNDVmMWJkN2VmOGNjNTE5MWUyMmU1YzVhYzM1YjQw%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dea080d6d521efff30a61bacd7448700d%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9UmVhY3QlRTMlODElQUUlRTMlODMlODYlRTMlODIlQjklRTMlODMlODglRTMlODIlOTJFbnp5bWUlRTMlODElQTclRTYlOUIlQjglRTMlODElODQlRTMlODElQTYlRTMlODElQkYlRTMlODIlODglRTMlODElODYmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz0zOTcxNzBjOTkyMDc0YmE3YjJiZjUzZDM0ZTNiMzRjNg%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBzeW9zc2FuMjcmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz1kYTE5ZTliNDgwNmRiYjRjY2NiMjY5ODkzMzlmNjkzZg%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D779eaab8a2b818a2c1271a6668db7efe" alt="ReactのテストをEnzymeで書いてみよう - Qiita" title="ReactのテストをEnzymeで書いてみよう - 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/syossan27/items/4a66b4fe5d6c19a4df84"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/syossan27/items/4a66b4fe5d6c19a4df84" alt="はてなブックマーク - ReactのテストをEnzymeで書いてみよう - Qiita" title="はてなブックマーク - ReactのテストをEnzymeで書いてみよう - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/syossan27/items/4a66b4fe5d6c19a4df84"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/chimame/items/e97883fd46b67529d59f ozomatli 2018-02-07T10:03:13Z Jest javascript test 118 <blockquote cite="https://qiita.com/chimame/items/e97883fd46b67529d59f" title="Facebook製のJavaScriptテストツール「Jest」の逆引き使用例 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fchimame%2Fitems%2Fe97883fd46b67529d59f" alt="" /> <a href="https://qiita.com/chimame/items/e97883fd46b67529d59f">Facebook製のJavaScriptテストツール「Jest」の逆引き使用例 - Qiita</a></cite><p><a href="https://qiita.com/chimame/items/e97883fd46b67529d59f"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/75ab0e21f6b6a9c192e44eef5fd5d3428d29e0f9/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.1.1%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNzAzNjMlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2OTg0NDk_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPWYwZWE3Y2I4OTZkZWY3NjAzYWNmMmNjOGYyYTBhZmM1%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dc7a48348107f95229b9f2c718655366d%3Fixlib%3Drb-4.1.1%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9RmFjZWJvb2slRTglQTMlQkQlRTMlODElQUVKYXZhU2NyaXB0JUUzJTgzJTg2JUUzJTgyJUI5JUUzJTgzJTg4JUUzJTgzJTg0JUUzJTgzJUJDJUUzJTgzJUFCJUUzJTgwJThDSmVzdCVFMyU4MCU4RCVFMyU4MSVBRSVFOSU4MCU4NiVFNSVCQyU5NSVFMyU4MSU4RCVFNCVCRCVCRiVFNyU5NCVBOCVFNCVCRSU4QiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTM0M2ViZDhjM2FiOTI0ZTBiNzU3ZGNkYWQyNTYxNDY5%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBjaGltYW1lJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9ZDZhNTNjYTI4NzIxODc1OTBlMzBlN2M1MTRkNGE2M2I%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Db5dd8d91ee53f01af94bfd5f2c477a2d" alt="Facebook製のJavaScriptテストツール「Jest」の逆引き使用例 - Qiita" title="Facebook製のJavaScriptテストツール「Jest」の逆引き使用例 - Qiita" class="entry-image" /></a></p><p>はじめに みなさん、日頃JavaScriptのテストはどのように行っていますか？ 昨今ではAngularJSやReactJSを始め、JavaScriptのフレームワークやライブラリを使用してのフロントエンドの開発が当たり前のようになってきております。 ではそのフロントエンド、JavaScriptのテストはどんなツールを使っていますか？ mochaやpo...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/chimame/items/e97883fd46b67529d59f"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/chimame/items/e97883fd46b67529d59f" alt="はてなブックマーク - Facebook製のJavaScriptテストツール「Jest」の逆引き使用例 - Qiita" title="はてなブックマーク - Facebook製のJavaScriptテストツール「Jest」の逆引き使用例 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/chimame/items/e97883fd46b67529d59f"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://jestjs.io/ja/ ozomatli 2018-02-07T10:02:36Z javascript test Jest 254 <blockquote cite="https://jestjs.io/ja/" title="Jest · 🃏 Delightful JavaScript Testing ドキュメント"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fjestjs.io%2Fja%2F" alt="" /> <a href="https://jestjs.io/ja/">Jest · 🃏 Delightful JavaScript Testing ドキュメント</a></cite><p><a href="https://jestjs.io/ja/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f5bbc81390d907a398ac943880fd967f1d814b22/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fjestjs.io%2Fja%2Fimg%2Fopengraph.png" alt="Jest · 🃏 Delightful JavaScript Testing ドキュメント" title="Jest · 🃏 Delightful JavaScript Testing ドキュメント" class="entry-image" /></a></p><p>スナップショット機能で大きなオブジェクトを容易に追跡できるテストを作成できます。スナップショットはテストと一緒に、あるいはインラインに埋め込んだ状態で表示できます。</p><p><a href="https://b.hatena.ne.jp/entry/s/jestjs.io/ja/"><img src="https://b.hatena.ne.jp/entry/image/https://jestjs.io/ja/" alt="はてなブックマーク - Jest · 🃏 Delightful JavaScript Testing ドキュメント" title="はてなブックマーク - Jest · 🃏 Delightful JavaScript Testing ドキュメント" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/jestjs.io/ja/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>