https://b.hatena.ne.jp/ytsk/javascript/ javascriptに関するytskのはてなブックマーク (39) https://speakerdeck.com/sota1235/javascriptyunitutotesutofalseli-xiang-toxian-shi ytsk 2018-04-21T05:33:39Z JavaScript 322 <blockquote cite="https://speakerdeck.com/sota1235/javascriptyunitutotesutofalseli-xiang-toxian-shi" title="JavaScriptユニットテストの理想と現実"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fspeakerdeck.com%2Fsota1235%2Fjavascriptyunitutotesutofalseli-xiang-toxian-shi" alt="" /> <a href="https://speakerdeck.com/sota1235/javascriptyunitutotesutofalseli-xiang-toxian-shi">JavaScriptユニットテストの理想と現実</a></cite><p><a href="https://speakerdeck.com/sota1235/javascriptyunitutotesutofalseli-xiang-toxian-shi"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0df8911b3577600b7eb0fc6600fa9009e160275b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F4576271efb954a48879f9e84037da00c%2Fslide_0.jpg%3F9863861" alt="JavaScriptユニットテストの理想と現実" title="JavaScriptユニットテストの理想と現実" class="entry-image" /></a></p><p>Talk at 関西Node学園 梅田キャンパス 1時限目 https://nodejs.connpass.com/event/82614/</p><p><a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/sota1235/javascriptyunitutotesutofalseli-xiang-toxian-shi"><img src="https://b.hatena.ne.jp/entry/image/https://speakerdeck.com/sota1235/javascriptyunitutotesutofalseli-xiang-toxian-shi" alt="はてなブックマーク - JavaScriptユニットテストの理想と現実" title="はてなブックマーク - JavaScriptユニットテストの理想と現実" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/sota1235/javascriptyunitutotesutofalseli-xiang-toxian-shi"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://blog.satotaichi.info/modern-javascript_201701/ ytsk 2017-01-23T17:05:55Z JavaScript 1218 <blockquote cite="https://blog.satotaichi.info/modern-javascript_201701/" title="Modern JavaScript概観、そしてElectronへ | さにあらず"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.satotaichi.info%2Fmodern-javascript_201701%2F" alt="" /> <a href="https://blog.satotaichi.info/modern-javascript_201701/">Modern JavaScript概観、そしてElectronへ | さにあらず</a></cite><p><a href="https://blog.satotaichi.info/modern-javascript_201701/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ac9ef92717e96ca60d8bfacf3a1c636a94f7257c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog.satotaichi.info%2Fimages%2Fcover.jpg" alt="Modern JavaScript概観、そしてElectronへ | さにあらず" title="Modern JavaScript概観、そしてElectronへ | さにあらず" class="entry-image" /></a></p><p>この一か月分の学習成果を整理したリポジトリを作ったので、その成果についてまとめておく。 作ったサンプルプロジェクトだけを手軽に欲しければ、このリポジトリを clone してほしい。 taichi/js-boilerplate master ブランチには、ミニマムな JavaScript 開発環境がサンプルコード付きで入っている frontend ブランチ...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.satotaichi.info/modern-javascript_201701/"><img src="https://b.hatena.ne.jp/entry/image/https://blog.satotaichi.info/modern-javascript_201701/" alt="はてなブックマーク - Modern JavaScript概観、そしてElectronへ | さにあらず" title="はてなブックマーク - Modern JavaScript概観、そしてElectronへ | さにあらず" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.satotaichi.info/modern-javascript_201701/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://geta6.hatenablog.com/entry/2016/01/27/193413 ytsk 2016-07-06T10:14:40Z JavaScript 216 <blockquote cite="https://geta6.hatenablog.com/entry/2016/01/27/193413" title="こないだ社内の勉強会でwebpackのこととか話したのでまとめた - getalog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgeta6.hatenablog.com%2Fentry%2F2016%2F01%2F27%2F193413" alt="" /> <a href="https://geta6.hatenablog.com/entry/2016/01/27/193413">こないだ社内の勉強会でwebpackのこととか話したのでまとめた - getalog</a></cite><p><a href="https://geta6.hatenablog.com/entry/2016/01/27/193413"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/522cb35fff65651953516f5a63bda9d400d4a72b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F7c31d4708b66089cfa80b69cfbbaaa3c5469835b%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fg%252Fgeta6%252F20160127%252F20160127192516.png" alt="こないだ社内の勉強会でwebpackのこととか話したのでまとめた - getalog" title="こないだ社内の勉強会でwebpackのこととか話したのでまとめた - getalog" class="entry-image" /></a></p><p>webpackとは いろんなファイルをtranspileしてES5のJavaScriptに変換してくれるやつ AMDかCommonJSの形式でファイルをロード(CommonJSならrequire)すると、transpileしたファイルをロードしてくれる クライアント側のjsコードでもrequireを使用することができる assetとしてビルドして配布するイメージ コードが共用の場...</p><p><a href="https://b.hatena.ne.jp/entry/s/geta6.hatenablog.com/entry/2016/01/27/193413"><img src="https://b.hatena.ne.jp/entry/image/https://geta6.hatenablog.com/entry/2016/01/27/193413" alt="はてなブックマーク - こないだ社内の勉強会でwebpackのこととか話したのでまとめた - getalog" title="はてなブックマーク - こないだ社内の勉強会でwebpackのこととか話したのでまとめた - getalog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/geta6.hatenablog.com/entry/2016/01/27/193413"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://arfyasu.hatenablog.com/entry/2016/03/06/161832 ytsk 2016-07-05T19:39:15Z JavaScript react eslint 14 <blockquote cite="https://arfyasu.hatenablog.com/entry/2016/03/06/161832" title="React のコードを ESLint で検証する - blog @arfyasu"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Farfyasu.hatenablog.com%2Fentry%2F2016%2F03%2F06%2F161832" alt="" /> <a href="https://arfyasu.hatenablog.com/entry/2016/03/06/161832">React のコードを ESLint で検証する - blog @arfyasu</a></cite><p><a href="https://arfyasu.hatenablog.com/entry/2016/03/06/161832"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e3ce505cf7fabb1942efd9b6958e045d687866da/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fd4c7d35a22323c233d33beed953ab2659517f7d0%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fk%252Fkanz-labs%252F20160306%252F20160306161732.png" alt="React のコードを ESLint で検証する - blog @arfyasu" title="React のコードを ESLint で検証する - blog @arfyasu" class="entry-image" /></a></p><p>はじめに 相変わらず、TODOアプリを作りながら React の勉強をしています。 JavaScript に lint ツールがあるのを知らずにコーディングしていたのですが、ESLint を使ってみて便利だったので手順をまとめておきます。 eslint.org これで、 セミコロンのつけ忘れ console.log 残したままだった〜 なんていうこととはおさ...</p><p><a href="https://b.hatena.ne.jp/entry/s/arfyasu.hatenablog.com/entry/2016/03/06/161832"><img src="https://b.hatena.ne.jp/entry/image/https://arfyasu.hatenablog.com/entry/2016/03/06/161832" alt="はてなブックマーク - React のコードを ESLint で検証する - blog @arfyasu" title="はてなブックマーク - React のコードを ESLint で検証する - blog @arfyasu" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/arfyasu.hatenablog.com/entry/2016/03/06/161832"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://geta6.hatenablog.com/entry/2016/04/05/165201 ytsk 2016-07-05T13:09:22Z JavaScript 165 <blockquote cite="https://geta6.hatenablog.com/entry/2016/04/05/165201" title="webpack(v1)とbabelでES6コードをさくっと書く - getalog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgeta6.hatenablog.com%2Fentry%2F2016%2F04%2F05%2F165201" alt="" /> <a href="https://geta6.hatenablog.com/entry/2016/04/05/165201">webpack(v1)とbabelでES6コードをさくっと書く - getalog</a></cite><p><a href="https://geta6.hatenablog.com/entry/2016/04/05/165201"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b05cd81831d42d37452ba6a9029d48e20c600b31/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12704591929890450187%2F10328537792369886090%2F1481766080" alt="webpack(v1)とbabelでES6コードをさくっと書く - getalog" title="webpack(v1)とbabelでES6コードをさくっと書く - getalog" class="entry-image" /></a></p><p>最低限のコストで最近よく聞くいい感じのjsを書きたい時の構成をずらーっと書いてみる 準備するもの node/npm (最近はrbenvクローンのnodenvがいい感じ、操作は同じ) webpack babel .babelrc .babelrcを設置しとくとbabelのデフォルト設定がこいつの中身で書き換わる Reactを使わないなら、presetのreactはいらない expo...</p><p><a href="https://b.hatena.ne.jp/entry/s/geta6.hatenablog.com/entry/2016/04/05/165201"><img src="https://b.hatena.ne.jp/entry/image/https://geta6.hatenablog.com/entry/2016/04/05/165201" alt="はてなブックマーク - webpack(v1)とbabelでES6コードをさくっと書く - getalog" title="はてなブックマーク - webpack(v1)とbabelでES6コードをさくっと書く - getalog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/geta6.hatenablog.com/entry/2016/04/05/165201"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://analogic.jp/arrow-function/ ytsk 2016-07-04T18:17:40Z JavaScript 41 <blockquote cite="https://analogic.jp/arrow-function/" title="ES2015(ES6)新構文：アロー関数(Arrow function)｜もっこりJavaScript｜ANALOGIC（アナロジック）"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fanalogic.jp%2Farrow-function%2F" alt="" /> <a href="https://analogic.jp/arrow-function/">ES2015(ES6)新構文：アロー関数(Arrow function)｜もっこりJavaScript｜ANALOGIC（アナロジック）</a></cite><p><a href="https://analogic.jp/arrow-function/"><img src="" alt="ES2015(ES6)新構文：アロー関数(Arrow function)｜もっこりJavaScript｜ANALOGIC（アナロジック）" title="ES2015(ES6)新構文：アロー関数(Arrow function)｜もっこりJavaScript｜ANALOGIC（アナロジック）" class="entry-image" /></a></p><p>アロー関数とは 基本構文 通常の無名関数との違い thisの扱いに注意 jQueryでコールバック関数としてアロー関数を使う場合 アロー関数で即時関数 まとめ 参考リンク アロー関数とは ES2015の新構文の一つ「アロー関数」とは、無名関数の省略記法です。無名関数ではない、いわゆる「関数宣言」には使うことができません。...</p><p><a href="https://b.hatena.ne.jp/entry/s/analogic.jp/arrow-function/"><img src="https://b.hatena.ne.jp/entry/image/https://analogic.jp/arrow-function/" alt="はてなブックマーク - ES2015(ES6)新構文：アロー関数(Arrow function)｜もっこりJavaScript｜ANALOGIC（アナロジック）" title="はてなブックマーク - ES2015(ES6)新構文：アロー関数(Arrow function)｜もっこりJavaScript｜ANALOGIC（アナロジック）" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/analogic.jp/arrow-function/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://html5experts.jp/takazudo/17107/ ytsk 2016-06-21T02:25:03Z JavaScript 141 <blockquote cite="https://html5experts.jp/takazudo/17107/" title="Promiseで簡単！JavaScript非同期処理入門【前編】"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhtml5experts.jp%2Ftakazudo%2F17107%2F" alt="" /> <a href="https://html5experts.jp/takazudo/17107/">Promiseで簡単！JavaScript非同期処理入門【前編】</a></cite><p><a href="https://html5experts.jp/takazudo/17107/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b6542dc1b2c260f82741290eeaf87a39d1ddf0c8/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fhtml5experts.jp%2Fwp-content%2Fuploads%2F2015%2F09%2Fstates.png" alt="Promiseで簡単！JavaScript非同期処理入門【前編】" title="Promiseで簡単！JavaScript非同期処理入門【前編】" class="entry-image" /></a></p><p>ECMAScript 2015（ECMAScript 6）で新たに追加されたPromiseについて、その概要を全2回に渡って紹介します。 ひとつずつ処理されるJavaScript まず、Promiseについて解説する前に、基礎的なことではありますが、JavaScriptのコードがどのようにJavaScriptエンジンに処理されるかについて、軽く解説しておきましょう。例...</p><p><a href="https://b.hatena.ne.jp/entry/s/html5experts.jp/takazudo/17107/"><img src="https://b.hatena.ne.jp/entry/image/https://html5experts.jp/takazudo/17107/" alt="はてなブックマーク - Promiseで簡単！JavaScript非同期処理入門【前編】" title="はてなブックマーク - Promiseで簡単！JavaScript非同期処理入門【前編】" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/html5experts.jp/takazudo/17107/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://azu.github.io/promises-book/ ytsk 2016-06-21T02:07:46Z JavaScript 1208 <blockquote cite="https://azu.github.io/promises-book/" title="JavaScript Promiseの本"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fazu.github.io%2Fpromises-book%2F" alt="" /> <a href="https://azu.github.io/promises-book/">JavaScript Promiseの本</a></cite><p><a href="https://azu.github.io/promises-book/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b9b3bfdce22a55e66e831c45d7ddb8b0aae2e7cc/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fazu.github.io%2Fpromises-book%2Fpublic%2Fimg%2Fpromise-catch.png" alt="JavaScript Promiseの本" title="JavaScript Promiseの本" class="entry-image" /></a></p><p>この書籍はCreative Commons Attribution-NonCommercialの ライセンス で公開されています。 また、PDFとしてレンダリングしたバージョンは以下からダウンロードすることができます。</p><p><a href="https://b.hatena.ne.jp/entry/s/azu.github.io/promises-book/"><img src="https://b.hatena.ne.jp/entry/image/https://azu.github.io/promises-book/" alt="はてなブックマーク - JavaScript Promiseの本" title="はてなブックマーク - JavaScript Promiseの本" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/azu.github.io/promises-book/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://paiza.hatenablog.com/entry/2016/02/09/Web%E5%88%B6%E4%BD%9C%E3%81%AE%E3%82%AF%E3%82%AA%E3%83%AA%E3%83%86%E3%82%A3%E3%82%92%E9%A3%9B%E8%BA%8D%E7%9A%84%E3%81%AB%E9%AB%98%E3%82%81%E3%82%8BJavaScript%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA10 ytsk 2016-06-20T20:05:43Z JavaScript 808 <blockquote cite="https://paiza.hatenablog.com/entry/2016/02/09/Web%E5%88%B6%E4%BD%9C%E3%81%AE%E3%82%AF%E3%82%AA%E3%83%AA%E3%83%86%E3%82%A3%E3%82%92%E9%A3%9B%E8%BA%8D%E7%9A%84%E3%81%AB%E9%AB%98%E3%82%81%E3%82%8BJavaScript%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA10" title="Web制作のクオリティを飛躍的に高めるJavaScriptライブラリ10選を一挙公開！ -"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpaiza.hatenablog.com%2Fentry%2F2016%2F02%2F09%2FWeb%25E5%2588%25B6%25E4%25BD%259C%25E3%2581%25AE%25E3%2582%25AF%25E3%2582%25AA%25E3%2583%25AA%25E3%2583%2586%25E3%2582%25A3%25E3%2582%2592%25E9%25A3%259B%25E8%25BA%258D%25E7%259A%2584%25E3%2581%25AB%25E9%25AB%2598%25E3%2582%2581%25E3%2582%258BJavaScript%25E3%2583%25A9%25E3%2582%25A4%25E3%2583%2596%25E3%2583%25A9%25E3%2583%25AA10" alt="" /> <a href="https://paiza.hatenablog.com/entry/2016/02/09/Web%E5%88%B6%E4%BD%9C%E3%81%AE%E3%82%AF%E3%82%AA%E3%83%AA%E3%83%86%E3%82%A3%E3%82%92%E9%A3%9B%E8%BA%8D%E7%9A%84%E3%81%AB%E9%AB%98%E3%82%81%E3%82%8BJavaScript%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA10">Web制作のクオリティを飛躍的に高めるJavaScriptライブラリ10選を一挙公開！ -</a></cite><p><a href="https://paiza.hatenablog.com/entry/2016/02/09/Web%E5%88%B6%E4%BD%9C%E3%81%AE%E3%82%AF%E3%82%AA%E3%83%AA%E3%83%86%E3%82%A3%E3%82%92%E9%A3%9B%E8%BA%8D%E7%9A%84%E3%81%AB%E9%AB%98%E3%82%81%E3%82%8BJavaScript%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA10"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5db34821a1970274260c45259433fa508f99d72b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F3c4b5fe214813730cd1fbc1521054a99b689b584%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fp%252Fpaiza%252F20160209%252F20160209110935.jpg" alt="Web制作のクオリティを飛躍的に高めるJavaScriptライブラリ10選を一挙公開！ -" title="Web制作のクオリティを飛躍的に高めるJavaScriptライブラリ10選を一挙公開！ -" class="entry-image" /></a></p><p>どうも、まさとらん（@0310lan）です。 みなさんは、「JavaScriptライブラリ」を活用しているでしょうか？ Webサイト制作はもちろんのこと、さまざまなWebアプリやサービスなどを開発する時に、大幅な時間短縮やクオリティを飛躍的にアップすることが出来るようになります。 そこで今回は、国内外で人気が高くて誰でも簡...</p><p><a href="https://b.hatena.ne.jp/entry/s/paiza.hatenablog.com/entry/2016/02/09/Web%E5%88%B6%E4%BD%9C%E3%81%AE%E3%82%AF%E3%82%AA%E3%83%AA%E3%83%86%E3%82%A3%E3%82%92%E9%A3%9B%E8%BA%8D%E7%9A%84%E3%81%AB%E9%AB%98%E3%82%81%E3%82%8BJavaScript%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA10"><img src="https://b.hatena.ne.jp/entry/image/https://paiza.hatenablog.com/entry/2016/02/09/Web%E5%88%B6%E4%BD%9C%E3%81%AE%E3%82%AF%E3%82%AA%E3%83%AA%E3%83%86%E3%82%A3%E3%82%92%E9%A3%9B%E8%BA%8D%E7%9A%84%E3%81%AB%E9%AB%98%E3%82%81%E3%82%8BJavaScript%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA10" alt="はてなブックマーク - Web制作のクオリティを飛躍的に高めるJavaScriptライブラリ10選を一挙公開！ -" title="はてなブックマーク - Web制作のクオリティを飛躍的に高めるJavaScriptライブラリ10選を一挙公開！ -" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/paiza.hatenablog.com/entry/2016/02/09/Web%E5%88%B6%E4%BD%9C%E3%81%AE%E3%82%AF%E3%82%AA%E3%83%AA%E3%83%86%E3%82%A3%E3%82%92%E9%A3%9B%E8%BA%8D%E7%9A%84%E3%81%AB%E9%AB%98%E3%82%81%E3%82%8BJavaScript%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA10"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://shirusu-ni-tarazu.hatenablog.jp/entry/2016/02/15/020322 ytsk 2016-06-13T19:51:51Z JavaScript 2 <blockquote cite="https://shirusu-ni-tarazu.hatenablog.jp/entry/2016/02/15/020322" title="【JS】jQueryの.onでES6のアローファンクションに書き換えたら動かなくなったので - 訳も知らないで"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fshirusu-ni-tarazu.hatenablog.jp%2Fentry%2F2016%2F02%2F15%2F020322" alt="" /> <a href="https://shirusu-ni-tarazu.hatenablog.jp/entry/2016/02/15/020322">【JS】jQueryの.onでES6のアローファンクションに書き換えたら動かなくなったので - 訳も知らないで</a></cite><p><a href="https://shirusu-ni-tarazu.hatenablog.jp/entry/2016/02/15/020322"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/cab209d633abdae6093455fe927861c1a01504b1/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F13208692334729910013%2F10328537792363375976%2F1460688512" alt="【JS】jQueryの.onでES6のアローファンクションに書き換えたら動かなくなったので - 訳も知らないで" title="【JS】jQueryの.onでES6のアローファンクションに書き換えたら動かなくなったので - 訳も知らないで" class="entry-image" /></a></p><p>jQueryを使ったコーディングで関数定義を ES6(Babel使用)のアローファンクションで書き換えたら動かなくなったので。 単純に関数内でのthisの意味が変わるから挙動も変わる。 アロー関数 - JavaScript | MDN $(&#39;#foo&#39;).on(&#39;click&#39;, function() { $(this).hide(); }); を $(&#39;#foo&#39;).on(&#39;click&#39;, () =&gt; { $(this).hide(); ...</p><p><a href="https://b.hatena.ne.jp/entry/s/shirusu-ni-tarazu.hatenablog.jp/entry/2016/02/15/020322"><img src="https://b.hatena.ne.jp/entry/image/https://shirusu-ni-tarazu.hatenablog.jp/entry/2016/02/15/020322" alt="はてなブックマーク - 【JS】jQueryの.onでES6のアローファンクションに書き換えたら動かなくなったので - 訳も知らないで" title="はてなブックマーク - 【JS】jQueryの.onでES6のアローファンクションに書き換えたら動かなくなったので - 訳も知らないで" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/shirusu-ni-tarazu.hatenablog.jp/entry/2016/02/15/020322"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://uraway.hatenablog.com/entry/2016/03/09/233752 ytsk 2016-06-13T19:50:41Z JavaScript 5 <blockquote cite="https://uraway.hatenablog.com/entry/2016/03/09/233752" title="Babelを使うとアロー関数内のthisがundefinedになる - 文系プログラマー"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Furaway.hatenablog.com%2Fentry%2F2016%2F03%2F09%2F233752" alt="" /> <a href="https://uraway.hatenablog.com/entry/2016/03/09/233752">Babelを使うとアロー関数内のthisがundefinedになる - 文系プログラマー</a></cite><p><a href="https://uraway.hatenablog.com/entry/2016/03/09/233752"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/31c60739a89fcef01282c0fb9b6f4bbb60cdeada/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F6653458415125801244%2F10328537792366436997%2F1546233654" alt="Babelを使うとアロー関数内のthisがundefinedになる - 文系プログラマー" title="Babelを使うとアロー関数内のthisがundefinedになる - 文系プログラマー" class="entry-image" /></a></p><p>ややこしい問題に直面したので、メモしておく。 問題 次のように、jQueryでコールバック関数にアロー関数を用いたスクリプトを記述する。 $(&quot;item &gt; title&quot;).each(() =&gt; { let title = $(this).text(); console.log(title); }); このES6の構文ををBabelでES5へトランスパイルすると... $(&quot;item &gt; title&quot;).each(function(...</p><p><a href="https://b.hatena.ne.jp/entry/s/uraway.hatenablog.com/entry/2016/03/09/233752"><img src="https://b.hatena.ne.jp/entry/image/https://uraway.hatenablog.com/entry/2016/03/09/233752" alt="はてなブックマーク - Babelを使うとアロー関数内のthisがundefinedになる - 文系プログラマー" title="はてなブックマーク - Babelを使うとアロー関数内のthisがundefinedになる - 文系プログラマー" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/uraway.hatenablog.com/entry/2016/03/09/233752"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://vanillalist.com/ ytsk 2016-06-13T17:27:04Z JavaScript 21 <blockquote cite="http://vanillalist.com/" title="vanillalist.com"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fvanillalist.com%2F" alt="" /> <a href="http://vanillalist.com/">vanillalist.com</a></cite><p><a href="http://vanillalist.com/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d3d8e72fa1d1d96b7d48ed255de0dfc6100b3525/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Foriginal%2For06FN3Dka5tukK1e9sl16pB3iy.jpg" alt="vanillalist.com" title="vanillalist.com" class="entry-image" /></a></p><p>The simple, and safe way to buy domain namesNo matter what kind of domain you want to buy or lease, we make the transfer simple and safe. Here&#39;s how it works</p><p><a href="https://b.hatena.ne.jp/entry/vanillalist.com/"><img src="https://b.hatena.ne.jp/entry/image/http://vanillalist.com/" alt="はてなブックマーク - vanillalist.com" title="はてなブックマーク - vanillalist.com" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/vanillalist.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://paiza.hatenablog.com/entry/2016/06/07/JavaScript%E3%81%A7%E3%82%B0%E3%83%A9%E3%83%95%E6%8F%8F%E7%94%BB%E5%85%A5%E9%96%80%EF%BC%81%E5%85%A8%EF%BC%98%E5%80%8B%E3%81%AE%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%82%92%E3%82%B3%E3%83%BC ytsk 2016-06-08T04:57:11Z JavaScript 770 <blockquote cite="https://paiza.hatenablog.com/entry/2016/06/07/JavaScript%E3%81%A7%E3%82%B0%E3%83%A9%E3%83%95%E6%8F%8F%E7%94%BB%E5%85%A5%E9%96%80%EF%BC%81%E5%85%A8%EF%BC%98%E5%80%8B%E3%81%AE%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%82%92%E3%82%B3%E3%83%BC" title="JavaScriptでグラフ描画入門！全８個のライブラリをコード付きで一挙に解説！ -"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpaiza.hatenablog.com%2Fentry%2F2016%2F06%2F07%2FJavaScript%25E3%2581%25A7%25E3%2582%25B0%25E3%2583%25A9%25E3%2583%2595%25E6%258F%258F%25E7%2594%25BB%25E5%2585%25A5%25E9%2596%2580%25EF%25BC%2581%25E5%2585%25A8%25EF%25BC%2598%25E5%2580%258B%25E3%2581%25AE%25E3%2583%25A9%25E3%2582%25A4%25E3%2583%2596%25E3%2583%25A9%25E3%2583%25AA%25E3%2582%2592%25E3%2582%25B3%25E3%2583%25BC" alt="" /> <a href="https://paiza.hatenablog.com/entry/2016/06/07/JavaScript%E3%81%A7%E3%82%B0%E3%83%A9%E3%83%95%E6%8F%8F%E7%94%BB%E5%85%A5%E9%96%80%EF%BC%81%E5%85%A8%EF%BC%98%E5%80%8B%E3%81%AE%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%82%92%E3%82%B3%E3%83%BC">JavaScriptでグラフ描画入門！全８個のライブラリをコード付きで一挙に解説！ -</a></cite><p><a href="https://paiza.hatenablog.com/entry/2016/06/07/JavaScript%E3%81%A7%E3%82%B0%E3%83%A9%E3%83%95%E6%8F%8F%E7%94%BB%E5%85%A5%E9%96%80%EF%BC%81%E5%85%A8%EF%BC%98%E5%80%8B%E3%81%AE%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%82%92%E3%82%B3%E3%83%BC"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f954ec0bd4a45b4c213573829478ffb001158245/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Ff5a08238c437498d483b89e95d0d1734874d4339%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fp%252Fpaiza%252F20160606%252F20160606173050.jpg" alt="JavaScriptでグラフ描画入門！全８個のライブラリをコード付きで一挙に解説！ -" title="JavaScriptでグラフ描画入門！全８個のライブラリをコード付きで一挙に解説！ -" class="entry-image" /></a></p><p>どうも、まさとらん（@0310lan）です。 今回は、JavaScriptを使って「グラフやチャートを描きたい！」とか、「さまざまなデータを可視化させたい！」という人にオススメのJSライブラリをご紹介しようと思います。 また、すぐに使い始められるように、ミニマムな構成の「サンプルコード」も合わせて掲載しているので、自...</p><p><a href="https://b.hatena.ne.jp/entry/s/paiza.hatenablog.com/entry/2016/06/07/JavaScript%E3%81%A7%E3%82%B0%E3%83%A9%E3%83%95%E6%8F%8F%E7%94%BB%E5%85%A5%E9%96%80%EF%BC%81%E5%85%A8%EF%BC%98%E5%80%8B%E3%81%AE%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%82%92%E3%82%B3%E3%83%BC"><img src="https://b.hatena.ne.jp/entry/image/https://paiza.hatenablog.com/entry/2016/06/07/JavaScript%E3%81%A7%E3%82%B0%E3%83%A9%E3%83%95%E6%8F%8F%E7%94%BB%E5%85%A5%E9%96%80%EF%BC%81%E5%85%A8%EF%BC%98%E5%80%8B%E3%81%AE%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%82%92%E3%82%B3%E3%83%BC" alt="はてなブックマーク - JavaScriptでグラフ描画入門！全８個のライブラリをコード付きで一挙に解説！ -" title="はてなブックマーク - JavaScriptでグラフ描画入門！全８個のライブラリをコード付きで一挙に解説！ -" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/paiza.hatenablog.com/entry/2016/06/07/JavaScript%E3%81%A7%E3%82%B0%E3%83%A9%E3%83%95%E6%8F%8F%E7%94%BB%E5%85%A5%E9%96%80%EF%BC%81%E5%85%A8%EF%BC%98%E5%80%8B%E3%81%AE%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%82%92%E3%82%B3%E3%83%BC"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://efcl.info/2016/06/06/javascript-plugin-architecture/ ytsk 2016-06-07T06:08:26Z JavaScript 391 <blockquote cite="https://efcl.info/2016/06/06/javascript-plugin-architecture/" title="JavaScript Plugin Architectureというプラグイン設計について学ぶ無料の電子書籍を書いた"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fefcl.info%2F2016%2F06%2F06%2Fjavascript-plugin-architecture%2F" alt="" /> <a href="https://efcl.info/2016/06/06/javascript-plugin-architecture/">JavaScript Plugin Architectureというプラグイン設計について学ぶ無料の電子書籍を書いた</a></cite><p><a href="https://efcl.info/2016/06/06/javascript-plugin-architecture/"><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="JavaScript Plugin Architectureというプラグイン設計について学ぶ無料の電子書籍を書いた" title="JavaScript Plugin Architectureというプラグイン設計について学ぶ無料の電子書籍を書いた" class="entry-image" /></a></p><p>JavaScript Plugin ArchitectureというJavaScriptのプラグイン設計についての電子書籍を書きました。 この書籍はJavaScriptのライブラリやツールにおけるプラグインアーキテクチャについて見ていく事を目的としたものです。 以下の形式で読むことができます。 Web版 PDF形式 ePub形式 Mobi形式 GitHub上にソースコードも...</p><p><a href="https://b.hatena.ne.jp/entry/s/efcl.info/2016/06/06/javascript-plugin-architecture/"><img src="https://b.hatena.ne.jp/entry/image/https://efcl.info/2016/06/06/javascript-plugin-architecture/" alt="はてなブックマーク - JavaScript Plugin Architectureというプラグイン設計について学ぶ無料の電子書籍を書いた" title="はてなブックマーク - JavaScript Plugin Architectureというプラグイン設計について学ぶ無料の電子書籍を書いた" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/efcl.info/2016/06/06/javascript-plugin-architecture/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://jinjor-labo.hatenablog.com/entry/2016/05/30/165816 ytsk 2016-05-30T18:37:39Z JavaScript css 266 <blockquote cite="https://jinjor-labo.hatenablog.com/entry/2016/05/30/165816" title="CSS in JS(Elm)したら想像以上に良かった - ジンジャー研究室"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fjinjor-labo.hatenablog.com%2Fentry%2F2016%2F05%2F30%2F165816" alt="" /> <a href="https://jinjor-labo.hatenablog.com/entry/2016/05/30/165816">CSS in JS(Elm)したら想像以上に良かった - ジンジャー研究室</a></cite><p><a href="https://jinjor-labo.hatenablog.com/entry/2016/05/30/165816"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e08cec2f6b4057a382fe9e4376ffbb1a3fe2cb1a/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F847ab724bf2d435f8223855a9c914ac463ea082f%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fj%252Fjinjor%252F20160530%252F20160530165006.png" alt="CSS in JS(Elm)したら想像以上に良かった - ジンジャー研究室" title="CSS in JS(Elm)したら想像以上に良かった - ジンジャー研究室" class="entry-image" /></a></p><p>追記 最新の感想も合わせてご覧ください。 jinjor-labo.hatenablog.com React界隈では結構前から「CSS in JS」と言って、雑に言うと「CSSはイケてないからJSでインラインスタイルを書いてしまえ」という話がある。（ちゃんと知りたい人はこちら） 自分も前々からCSSは変数が使えないとか名前が被るとか諸々イケてないの...</p><p><a href="https://b.hatena.ne.jp/entry/s/jinjor-labo.hatenablog.com/entry/2016/05/30/165816"><img src="https://b.hatena.ne.jp/entry/image/https://jinjor-labo.hatenablog.com/entry/2016/05/30/165816" alt="はてなブックマーク - CSS in JS(Elm)したら想像以上に良かった - ジンジャー研究室" title="はてなブックマーク - CSS in JS(Elm)したら想像以上に良かった - ジンジャー研究室" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/jinjor-labo.hatenablog.com/entry/2016/05/30/165816"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://myakura.hatenablog.com/entry/2016/05/12/083000 勉強になる ytsk 2016-05-25T01:56:35Z JavaScript performance 117 <blockquote cite="https://myakura.hatenablog.com/entry/2016/05/12/083000" title="するするさせたい：サイボウズ採用情報のアニメーション（その1） - fragmentary"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmyakura.hatenablog.com%2Fentry%2F2016%2F05%2F12%2F083000" alt="" /> <a href="https://myakura.hatenablog.com/entry/2016/05/12/083000">するするさせたい：サイボウズ採用情報のアニメーション（その1） - fragmentary</a></cite><p><a href="https://myakura.hatenablog.com/entry/2016/05/12/083000"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d09f807e55f8781e2694bf820022bbc93ee0693f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F6e05381e440e13a3a5c16f242d29478fb1ce137a%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fblog.st-hatena.com%252Fimages%252Ftheme%252Fog-image-1500.png" alt="するするさせたい：サイボウズ採用情報のアニメーション（その1） - fragmentary" title="するするさせたい：サイボウズ採用情報のアニメーション（その1） - fragmentary" class="entry-image" /></a></p><p>サイボウズの採用情報ページを見ていた。 サイボウズ | 採用情報（新卒・キャリア） といっても受けるとかではなく、ただ性格悪いことを思っていただけなんだけど。 Kintoneのセクションでアプリっぽいアイコンたちが右から左へと流れているんだけど、それがガタガタとしている。するするしていない。するするさせたい。...</p><p><a href="https://b.hatena.ne.jp/entry/s/myakura.hatenablog.com/entry/2016/05/12/083000"><img src="https://b.hatena.ne.jp/entry/image/https://myakura.hatenablog.com/entry/2016/05/12/083000" alt="はてなブックマーク - するするさせたい：サイボウズ採用情報のアニメーション（その1） - fragmentary" title="はてなブックマーク - するするさせたい：サイボウズ採用情報のアニメーション（その1） - fragmentary" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/myakura.hatenablog.com/entry/2016/05/12/083000"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://blog.cybozu.io/entry/cybozu_recruitment_rendering_performance よさそう ytsk 2016-05-25T00:56:44Z JavaScript web performance 39 <blockquote cite="https://blog.cybozu.io/entry/cybozu_recruitment_rendering_performance" title="するするさせたよ：サイボウズ採用情報のアニメーション - Cybozu Inside Out | サイボウズエンジニアのブログ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.cybozu.io%2Fentry%2Fcybozu_recruitment_rendering_performance" alt="" /> <a href="https://blog.cybozu.io/entry/cybozu_recruitment_rendering_performance">するするさせたよ：サイボウズ採用情報のアニメーション - Cybozu Inside Out | サイボウズエンジニアのブログ</a></cite><p><a href="https://blog.cybozu.io/entry/cybozu_recruitment_rendering_performance"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6d0f83935ce4bbdf8ba6bdc59a7f3129459b82fb/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F8454420450104491317%2F6653812171396933606%2F1464044402" alt="するするさせたよ：サイボウズ採用情報のアニメーション - Cybozu Inside Out | サイボウズエンジニアのブログ" title="するするさせたよ：サイボウズ採用情報のアニメーション - Cybozu Inside Out | サイボウズエンジニアのブログ" class="entry-image" /></a></p><p>こんにちは、大阪開発部のブノアです。 この間、サイボウズの採用情報ページのアニメーションについてグーグルデベロッパーエキスパートの矢倉さんにツッコミを頂きました！今回はそのアニメーションをするするさせたよという話をしたいと思います。 経緯 ４月頃、レンダリングパフォーマンス勉強会を社内で開催しました...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.cybozu.io/entry/cybozu_recruitment_rendering_performance"><img src="https://b.hatena.ne.jp/entry/image/https://blog.cybozu.io/entry/cybozu_recruitment_rendering_performance" alt="はてなブックマーク - するするさせたよ：サイボウズ採用情報のアニメーション - Cybozu Inside Out | サイボウズエンジニアのブログ" title="はてなブックマーク - するするさせたよ：サイボウズ採用情報のアニメーション - Cybozu Inside Out | サイボウズエンジニアのブログ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.cybozu.io/entry/cybozu_recruitment_rendering_performance"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://coliss.com/articles/build-websites/operation/work/javascript-best-2016-may.html ytsk 2016-05-17T06:14:57Z web css JavaScript 437 <blockquote cite="https://coliss.com/articles/build-websites/operation/work/javascript-best-2016-may.html" title="javascript-best-2016-may.html"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fwork%2Fjavascript-best-2016-may.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/work/javascript-best-2016-may.html">javascript-best-2016-may.html</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/work/javascript-best-2016-may.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/eb33615c51a712db25140a683519803dec925751/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201602%2F2016051701.png" alt="javascript-best-2016-may.html" title="javascript-best-2016-may.html" class="entry-image" /></a></p><p>最近のWebサイトで見かける便利な機能や面白い仕掛けのコンテンツ、気持ちいいアニメーションを伴ったインタラクションやエフェクトを実装できるCSS、スクリプトやjQueryのプラグインを紹介します。</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/work/javascript-best-2016-may.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/work/javascript-best-2016-may.html" alt="はてなブックマーク - javascript-best-2016-may.html" title="はてなブックマーク - javascript-best-2016-may.html" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/work/javascript-best-2016-may.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://postd.cc/functional-programming-for-javascript-people-1/ ytsk 2016-05-16T09:06:21Z JavaScript Lisp Haskell Functional Programming 296 <blockquote cite="https://postd.cc/functional-programming-for-javascript-people-1/" title="JavaScriptユーザのための関数型プログラミング(前編) | POSTD"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpostd.cc%2Ffunctional-programming-for-javascript-people-1%2F" alt="" /> <a href="https://postd.cc/functional-programming-for-javascript-people-1/">JavaScriptユーザのための関数型プログラミング(前編) | POSTD</a></cite><p><a href="https://postd.cc/functional-programming-for-javascript-people-1/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/88506a7d00792ae87eb4a4cb2458738d47113c2e/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fpostd.cc%2Fwp%2Fwp-content%2Fuploads%2F2016%2F04%2F1-KPy3bUBCUFy6zqNFZys9lQ-500x235.png" alt="JavaScriptユーザのための関数型プログラミング(前編) | POSTD" title="JavaScriptユーザのための関数型プログラミング(前編) | POSTD" class="entry-image" /></a></p><p>私が関数型プログラミングについて度々耳にするようになったのは、数カ月前からです。でも当時は、それが何なのか見当もつかず、単なるバズワードだと思っていました。皆さんの中にも、そのような方は多いでしょう。それ以来、私は関数型プログラミングについて深く学び、この言葉を日々聞いてはいるものの内容を理解し...</p><p><a href="https://b.hatena.ne.jp/entry/s/postd.cc/functional-programming-for-javascript-people-1/"><img src="https://b.hatena.ne.jp/entry/image/https://postd.cc/functional-programming-for-javascript-people-1/" alt="はてなブックマーク - JavaScriptユーザのための関数型プログラミング(前編) | POSTD" title="はてなブックマーク - JavaScriptユーザのための関数型プログラミング(前編) | POSTD" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/postd.cc/functional-programming-for-javascript-people-1/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://taiju.hatenablog.com/entry/20090828/1251421672 ytsk 2016-05-12T11:39:48Z Lisp JavaScript FizzBuzz 6 <blockquote cite="https://taiju.hatenablog.com/entry/20090828/1251421672" title="Lisp脳なFizzBuzzをJavaScriptで書いてみた - あと味"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftaiju.hatenablog.com%2Fentry%2F20090828%2F1251421672" alt="" /> <a href="https://taiju.hatenablog.com/entry/20090828/1251421672">Lisp脳なFizzBuzzをJavaScriptで書いてみた - あと味</a></cite><p><a href="https://taiju.hatenablog.com/entry/20090828/1251421672"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/339bec9215927f0b887b87dea7de2892d021bdc5/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12704346814673929871%2F12704591929883843938%2F1338469172" alt="Lisp脳なFizzBuzzをJavaScriptで書いてみた - あと味" title="Lisp脳なFizzBuzzをJavaScriptで書いてみた - あと味" class="entry-image" /></a></p><p>最近、JavaScriptに惹かれる理由は、関数型言語の特徴を持つところに原因があるような気がしています。 Lispを得意としている人は、Lisp脳なる考え方があるとのことです。 興味の源泉に出会うために、Lisp脳を覗いてみようと思い、を読みながら、JavaScriptでLisp脳なFizzBuzz*1を書いてみました。 お手本 (for-each pri...</p><p><a href="https://b.hatena.ne.jp/entry/s/taiju.hatenablog.com/entry/20090828/1251421672"><img src="https://b.hatena.ne.jp/entry/image/https://taiju.hatenablog.com/entry/20090828/1251421672" alt="はてなブックマーク - Lisp脳なFizzBuzzをJavaScriptで書いてみた - あと味" title="はてなブックマーク - Lisp脳なFizzBuzzをJavaScriptで書いてみた - あと味" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/taiju.hatenablog.com/entry/20090828/1251421672"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>