https://b.hatena.ne.jp/pipehead/javascript/ javascriptに関するpipeheadのはてなブックマーク (482) https://www.webprofessional.jp/anatomy-of-a-modern-javascript-application/ pipehead 2017-06-16T04:30:13Z programming javascript 1112 <blockquote cite="https://www.webprofessional.jp/anatomy-of-a-modern-javascript-application/" title="ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.webprofessional.jp%2Fanatomy-of-a-modern-javascript-application%2F" alt="" /> <a href="https://www.webprofessional.jp/anatomy-of-a-modern-javascript-application/">ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト</a></cite><p><a href="https://www.webprofessional.jp/anatomy-of-a-modern-javascript-application/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/40615189c75704c213829eda0fda97db56821f4d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.webprofessional.jp%2Fwp-content%2Fuploads%2Fsites%2F2%2F2017%2F06%2F14221823%2F0614-2.jpg" alt="ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト" title="ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト" class="entry-image" /></a></p><p>WebPro KUSANAGI Security Editionが進化！ 新機能「SafeUpgrade」でダウンタイムゼロのnginxアップデートを実現 KUSANAGI Security Editionが新機能「KUSANAGI SafeUpgrade」を導入し、nginxのメジャーバージョンアップを無停⽌で実施可能にする。 0 0 WebPro 高速CMS基盤「KUSANAGI Security Edition」がMicrosoft Azu...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.webprofessional.jp/anatomy-of-a-modern-javascript-application/"><img src="https://b.hatena.ne.jp/entry/image/https://www.webprofessional.jp/anatomy-of-a-modern-javascript-application/" alt="はてなブックマーク - ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト" title="はてなブックマーク - ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.webprofessional.jp/anatomy-of-a-modern-javascript-application/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/shgkt/items/0054670269e1d3aa49b8 pipehead 2017-03-29T12:09:22Z software web_browser chrome javascript debug howto 1048 <blockquote cite="https://qiita.com/shgkt/items/0054670269e1d3aa49b8" title="JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～ - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fshgkt%2Fitems%2F0054670269e1d3aa49b8" alt="" /> <a href="https://qiita.com/shgkt/items/0054670269e1d3aa49b8">JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～ - Qiita</a></cite><p><a href="https://qiita.com/shgkt/items/0054670269e1d3aa49b8"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1d8a918e29cbff854ce6e1586fe8a3a6822fd5f7/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGMTQ2NjQyJTJGcHJvZmlsZS1pbWFnZXMlMkYxNTYwMjE3ODAwP2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZiZz1GRkZGRkYmZm09cG5nMzImcz02MjhhNzg4YmUwZWVkNWU4ZjcxMWEzMjZlNjVlNzRhZQ%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D53baf33b323a57458e5281e08cb797f1%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9SmF2YVNjcmlwdCUyQ2pRdWVyeSVFMyU4MSVBRSVFNyU4OCU4NiVFOSU4MCU5RiVFMyU4MiVCMyVFMyU4MyVCQyVFMyU4MyU4NyVFMyU4MiVBMyVFMyU4MyVCMyVFMyU4MiVCMCVFMyU4MCU4MSVFMyU4MyU4NyVFMyU4MyU5MCVFMyU4MyU4MyVFMyU4MiVCMCVFNiU5NiVCOSVFNiVCMyU5NSVFOCVBQiU5NiVFMyU4MSVBRSVFNSU4QiVBNyVFMyU4MiU4MSVFRiVCRCU5RSVFNSVBRSU5RiVFOCVCNyVCNSVFNSU5MCU5MSVFMyU4MSU5MSVFOSU4MCU4NiVFNSVCQyU5NSVFMyU4MSU4RCUyOHdpbmRvd3MlMkNjaHJvbWUlRTUlOTAlOTElRTMlODElOTElMjklRUYlQkQlOUUmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1mNDI0OGZiMWY3YTNhYjhhYjcxYTVlZmRjMTBmM2Q3Mg%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBzaGdrdCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPWIwYTNmNDkxNWUzZTgxY2QyN2MyYTE4NzdhMDBjYzkz%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D171c6c09013598d3d45f9616e7832416" alt="JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～ - Qiita" title="JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～ - Qiita" class="entry-image" /></a></p><p>※2017/4/21にオンロード時のデバッグ方法8を追記しました！ こんにちは！エイチーム引越し侍の加藤です！ みなさんJavaScript書いてますか？ console.logめっちゃ使うよねーって人は目からうろこのデバッグ方法を、 ケース毎に紹介していこうと思います。(僕はconsole.log使いません) サーバーにデバッグ用のコードをア...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/shgkt/items/0054670269e1d3aa49b8"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/shgkt/items/0054670269e1d3aa49b8" alt="はてなブックマーク - JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～ - Qiita" title="はてなブックマーク - JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～ - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/shgkt/items/0054670269e1d3aa49b8"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://paiza.hatenablog.com/entry/2017/03/13/JavaScript%E9%96%8B%E7%99%BA%E3%81%AF%E3%81%93%E3%82%8C1%E3%81%A4%E3%81%A7OK%EF%BC%81%E8%B6%85%E3%81%8A%E6%89%8B%E8%BB%BD%E3%81%ABWeb%E3%82%A2%E3%83%97%E3%83%AA%E3%82%92%E4%BD%9C%E3%82%8C%E3%82%8B > 類似のエディタと違って、ファイル構造が「①バックエンド」と「②フロントエンド」の2種類に分かれている pipehead 2017-03-13T05:30:00Z web_tool programming javascript howto 417 <blockquote cite="https://paiza.hatenablog.com/entry/2017/03/13/JavaScript%E9%96%8B%E7%99%BA%E3%81%AF%E3%81%93%E3%82%8C1%E3%81%A4%E3%81%A7OK%EF%BC%81%E8%B6%85%E3%81%8A%E6%89%8B%E8%BB%BD%E3%81%ABWeb%E3%82%A2%E3%83%97%E3%83%AA%E3%82%92%E4%BD%9C%E3%82%8C%E3%82%8B" title="JavaScript開発はこれ1つでOK！超お手軽にWebアプリを作れる全部入りコードエディタ「Gomix」の使い方大公開！ - paiza開発日誌"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpaiza.hatenablog.com%2Fentry%2F2017%2F03%2F13%2FJavaScript%25E9%2596%258B%25E7%2599%25BA%25E3%2581%25AF%25E3%2581%2593%25E3%2582%258C1%25E3%2581%25A4%25E3%2581%25A7OK%25EF%25BC%2581%25E8%25B6%2585%25E3%2581%258A%25E6%2589%258B%25E8%25BB%25BD%25E3%2581%25ABWeb%25E3%2582%25A2%25E3%2583%2597%25E3%2583%25AA%25E3%2582%2592%25E4%25BD%259C%25E3%2582%258C%25E3%2582%258B" alt="" /> <a href="https://paiza.hatenablog.com/entry/2017/03/13/JavaScript%E9%96%8B%E7%99%BA%E3%81%AF%E3%81%93%E3%82%8C1%E3%81%A4%E3%81%A7OK%EF%BC%81%E8%B6%85%E3%81%8A%E6%89%8B%E8%BB%BD%E3%81%ABWeb%E3%82%A2%E3%83%97%E3%83%AA%E3%82%92%E4%BD%9C%E3%82%8C%E3%82%8B">JavaScript開発はこれ1つでOK！超お手軽にWebアプリを作れる全部入りコードエディタ「Gomix」の使い方大公開！ - paiza開発日誌</a></cite><p><a href="https://paiza.hatenablog.com/entry/2017/03/13/JavaScript%E9%96%8B%E7%99%BA%E3%81%AF%E3%81%93%E3%82%8C1%E3%81%A4%E3%81%A7OK%EF%BC%81%E8%B6%85%E3%81%8A%E6%89%8B%E8%BB%BD%E3%81%ABWeb%E3%82%A2%E3%83%97%E3%83%AA%E3%82%92%E4%BD%9C%E3%82%8C%E3%82%8B"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c451ef88d7daf0e9fcdb615a41f8ecad2e288947/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fa52affc1db6d045bbea88593f3369a93129265bc%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fp%252Fpaiza%252F20170312%252F20170312211945.jpg" alt="JavaScript開発はこれ1つでOK！超お手軽にWebアプリを作れる全部入りコードエディタ「Gomix」の使い方大公開！ - paiza開発日誌" title="JavaScript開発はこれ1つでOK！超お手軽にWebアプリを作れる全部入りコードエディタ「Gomix」の使い方大公開！ - paiza開発日誌" class="entry-image" /></a></p><p> どうも、まさとらん（@0310lan）です。 今回は、JavaScriptでWeb開発をされている方や、これから勉強しようという方も含めてとても便利に使える無料オンラインエディタのご紹介です！ バックエンドは「Node.js」でプログラミングして、フロントエンドは「HTML / CSS / JavaScript」で開発し、そのままホスティングもし...</p><p><a href="https://b.hatena.ne.jp/entry/s/paiza.hatenablog.com/entry/2017/03/13/JavaScript%E9%96%8B%E7%99%BA%E3%81%AF%E3%81%93%E3%82%8C1%E3%81%A4%E3%81%A7OK%EF%BC%81%E8%B6%85%E3%81%8A%E6%89%8B%E8%BB%BD%E3%81%ABWeb%E3%82%A2%E3%83%97%E3%83%AA%E3%82%92%E4%BD%9C%E3%82%8C%E3%82%8B"><img src="https://b.hatena.ne.jp/entry/image/https://paiza.hatenablog.com/entry/2017/03/13/JavaScript%E9%96%8B%E7%99%BA%E3%81%AF%E3%81%93%E3%82%8C1%E3%81%A4%E3%81%A7OK%EF%BC%81%E8%B6%85%E3%81%8A%E6%89%8B%E8%BB%BD%E3%81%ABWeb%E3%82%A2%E3%83%97%E3%83%AA%E3%82%92%E4%BD%9C%E3%82%8C%E3%82%8B" alt="はてなブックマーク - JavaScript開発はこれ1つでOK！超お手軽にWebアプリを作れる全部入りコードエディタ「Gomix」の使い方大公開！ - paiza開発日誌" title="はてなブックマーク - JavaScript開発はこれ1つでOK！超お手軽にWebアプリを作れる全部入りコードエディタ「Gomix」の使い方大公開！ - paiza開発日誌" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/paiza.hatenablog.com/entry/2017/03/13/JavaScript%E9%96%8B%E7%99%BA%E3%81%AF%E3%81%93%E3%82%8C1%E3%81%A4%E3%81%A7OK%EF%BC%81%E8%B6%85%E3%81%8A%E6%89%8B%E8%BB%BD%E3%81%ABWeb%E3%82%A2%E3%83%97%E3%83%AA%E3%82%92%E4%BD%9C%E3%82%8C%E3%82%8B"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ascii.jp/elem/000/001/207/1207985/ pipehead 2017-03-08T03:10:51Z programming javascript 19 <blockquote cite="https://ascii.jp/elem/000/001/207/1207985/" title="jQueryでAjaxするときに知っておきたい、JSONとJSONPの違い"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fascii.jp%2Felem%2F000%2F001%2F207%2F1207985%2F" alt="" /> <a href="https://ascii.jp/elem/000/001/207/1207985/">jQueryでAjaxするときに知っておきたい、JSONとJSONPの違い</a></cite><p><a href="https://ascii.jp/elem/000/001/207/1207985/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0b229f4478e1c83c27327a0bd0e448aee84ff2b6/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fascii.jp%2Fimg%2F2022%2F07%2F27%2F2445386%2Fl%2F366cedea84cb406b.jpg" alt="jQueryでAjaxするときに知っておきたい、JSONとJSONPの違い" title="jQueryでAjaxするときに知っておきたい、JSONとJSONPの違い" class="entry-image" /></a></p><p>jQueryだけで他のサーバーのコンテンツを読み込もうとすると、クロスドメインの制限がついて回ります。なぜJSONではなくJSONPを使わなければならないのか確認し、他の解決策も検討してみましょう。 ※本記事は2016年7月15日に掲載した記事の翻訳を一部更新したものです。執筆時点の情報をベースにしており、最新ではない...</p><p><a href="https://b.hatena.ne.jp/entry/s/ascii.jp/elem/000/001/207/1207985/"><img src="https://b.hatena.ne.jp/entry/image/https://ascii.jp/elem/000/001/207/1207985/" alt="はてなブックマーク - jQueryでAjaxするときに知っておきたい、JSONとJSONPの違い" title="はてなブックマーク - jQueryでAjaxするときに知っておきたい、JSONとJSONPの違い" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ascii.jp/elem/000/001/207/1207985/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ascii.jp/elem/000/001/442/1442452/ filter(), map(), reduce() pipehead 2017-02-27T04:00:59Z programming javascript 20 <blockquote cite="https://ascii.jp/elem/000/001/442/1442452/" title="意外と知らないES5の新機能でJavaScriptのコードをメンテナブルに書き直す方法"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fascii.jp%2Felem%2F000%2F001%2F442%2F1442452%2F" alt="" /> <a href="https://ascii.jp/elem/000/001/442/1442452/">意外と知らないES5の新機能でJavaScriptのコードをメンテナブルに書き直す方法</a></cite><p><a href="https://ascii.jp/elem/000/001/442/1442452/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/baaef5d1e9801092170fde6d8fc9f0bb6d239562/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fascii.jp%2Fimg%2F2022%2F07%2F27%2F2445511%2Fl%2F21d60a9b7eb4516e.jpg" alt="意外と知らないES5の新機能でJavaScriptのコードをメンテナブルに書き直す方法" title="意外と知らないES5の新機能でJavaScriptのコードをメンテナブルに書き直す方法" class="entry-image" /></a></p><p>時代はECMAScript 2015（ES6）とはいえ、実はまだES5も追いかけられていない、使いこなせていない…という開発者も意外と多いのでは？  ES5のArrayメソッドを使ってメンテナンスしやすいコードを書く実例を紹介。 JavaScriptのメリットは多様なプログラミングスタイルを選べることです。オブジェクト指向、命令型、関数型...</p><p><a href="https://b.hatena.ne.jp/entry/s/ascii.jp/elem/000/001/442/1442452/"><img src="https://b.hatena.ne.jp/entry/image/https://ascii.jp/elem/000/001/442/1442452/" alt="はてなブックマーク - 意外と知らないES5の新機能でJavaScriptのコードをメンテナブルに書き直す方法" title="はてなブックマーク - 意外と知らないES5の新機能でJavaScriptのコードをメンテナブルに書き直す方法" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ascii.jp/elem/000/001/442/1442452/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://iwb.jp/javascript-trunc-decimal-point/ Math.trunc() pipehead 2017-01-30T03:00:00Z programming javascript 5 <blockquote cite="https://iwb.jp/javascript-trunc-decimal-point/" title="JavaScriptのfloorは小数点切り下げで切り捨てではない"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fiwb.jp%2Fjavascript-trunc-decimal-point%2F" alt="" /> <a href="https://iwb.jp/javascript-trunc-decimal-point/">JavaScriptのfloorは小数点切り下げで切り捨てではない</a></cite><p><a href="https://iwb.jp/javascript-trunc-decimal-point/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5688f56413846a42b9296bc0f10913adaed691d6/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fiwb.jp%2Fwp-content%2Fuploads%2F2017%2F01%2Fjavascript-trunc-decimal-point.png" alt="JavaScriptのfloorは小数点切り下げで切り捨てではない" title="JavaScriptのfloorは小数点切り下げで切り捨てではない" class="entry-image" /></a></p><p>JavaScriptで取得した数値を整数として取得するため小数点以下を削除したいことがある。例えば12.34を12にするなどだ。 この際にfloorを使用されているケースが非常に多いのだがfloorは小数点切り捨てではなく小数点切り下げなので使用してはいけない。 小数点切り捨てと切り下げの違い 小数点切り捨てとは1.5なら1、-1....</p><p><a href="https://b.hatena.ne.jp/entry/s/iwb.jp/javascript-trunc-decimal-point/"><img src="https://b.hatena.ne.jp/entry/image/https://iwb.jp/javascript-trunc-decimal-point/" alt="はてなブックマーク - JavaScriptのfloorは小数点切り下げで切り捨てではない" title="はてなブックマーク - JavaScriptのfloorは小数点切り下げで切り捨てではない" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/iwb.jp/javascript-trunc-decimal-point/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://sbfl.net/blog/2017/01/29/fetch-api/ pipehead 2017-01-28T17:00:02Z programming javascript network 38 <blockquote cite="https://sbfl.net/blog/2017/01/29/fetch-api/" title="JavaScriptのFetch APIを利用してリクエストを送信する"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsbfl.net%2Fblog%2F2017%2F01%2F29%2Ffetch-api%2F" alt="" /> <a href="https://sbfl.net/blog/2017/01/29/fetch-api/">JavaScriptのFetch APIを利用してリクエストを送信する</a></cite><p><a href="https://sbfl.net/blog/2017/01/29/fetch-api/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d6e2c64e5797f68d55578d30b7159e19a7bd1798/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fsbfl.net%2Fblog%2Fstatic%2Fassets%2Fogp.png" alt="JavaScriptのFetch APIを利用してリクエストを送信する" title="JavaScriptのFetch APIを利用してリクエストを送信する" class="entry-image" /></a></p><p>JavaScriptにおいて、XMLHttpRequest（XHR）に代わるAPIとして、Fetch APIというものが提供されるようになりました。XHRと同等の機能を提供しますが、Fetch APIはよりシンプルで強力です。使い方を学んでみましょう。 基本的な使い方 Fetch APIはPromiseベースの簡単なAPIです。リクエストするにはfetch(url)を呼び出す...</p><p><a href="https://b.hatena.ne.jp/entry/s/sbfl.net/blog/2017/01/29/fetch-api/"><img src="https://b.hatena.ne.jp/entry/image/https://sbfl.net/blog/2017/01/29/fetch-api/" alt="はてなブックマーク - JavaScriptのFetch APIを利用してリクエストを送信する" title="はてなブックマーク - JavaScriptのFetch APIを利用してリクエストを送信する" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/sbfl.net/blog/2017/01/29/fetch-api/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://postd.cc/httpstaltz-comis-your-javascript-function-actually-pure/ http://staltz.com/is-your-javascript-function-actually-pure.html の和訳 pipehead 2016-10-13T11:40:53Z programming javascript translated 200 <blockquote cite="https://postd.cc/httpstaltz-comis-your-javascript-function-actually-pure/" title="そのJavaScriptの関数は本当に純粋関数？ | POSTD"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpostd.cc%2Fhttpstaltz-comis-your-javascript-function-actually-pure%2F" alt="" /> <a href="https://postd.cc/httpstaltz-comis-your-javascript-function-actually-pure/">そのJavaScriptの関数は本当に純粋関数？ | POSTD</a></cite><p><a href="https://postd.cc/httpstaltz-comis-your-javascript-function-actually-pure/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/61c48c14df927b03b00d47eff5cbd17170c5b773/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fpostd.cc%2Fwp%2Fwp-content%2Fuploads%2F2016%2F01%2Fhome-office-336377_1920-500x333.jpg" alt="そのJavaScriptの関数は本当に純粋関数？ | POSTD" title="そのJavaScriptの関数は本当に純粋関数？ | POSTD" class="entry-image" /></a></p><p>(2016/12/11、いただいたフィードバックをもとに翻訳を修正いたしました。) JavaScriptにおいて”純粋関数”とはどういう意味でしょうか？　一般的なプログラムの用語では、純粋性というのは”参照透過性”として知られています。カッコよく言うと、「 式や関数の呼び出しをその結果と置き換えたとしても、プログラムの振る...</p><p><a href="https://b.hatena.ne.jp/entry/s/postd.cc/httpstaltz-comis-your-javascript-function-actually-pure/"><img src="https://b.hatena.ne.jp/entry/image/https://postd.cc/httpstaltz-comis-your-javascript-function-actually-pure/" alt="はてなブックマーク - そのJavaScriptの関数は本当に純粋関数？ | POSTD" title="はてなブックマーク - そのJavaScriptの関数は本当に純粋関数？ | POSTD" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/postd.cc/httpstaltz-comis-your-javascript-function-actually-pure/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://sbfl.net/blog/2016/09/01/custom-elements-v1/ pipehead 2016-09-01T11:38:14Z programming javascript dom 9 <blockquote cite="https://sbfl.net/blog/2016/09/01/custom-elements-v1/" title="Custom Elements v1で独自のHTML要素を定義する"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsbfl.net%2Fblog%2F2016%2F09%2F01%2Fcustom-elements-v1%2F" alt="" /> <a href="https://sbfl.net/blog/2016/09/01/custom-elements-v1/">Custom Elements v1で独自のHTML要素を定義する</a></cite><p><a href="https://sbfl.net/blog/2016/09/01/custom-elements-v1/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d6e2c64e5797f68d55578d30b7159e19a7bd1798/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fsbfl.net%2Fblog%2Fstatic%2Fassets%2Fogp.png" alt="Custom Elements v1で独自のHTML要素を定義する" title="Custom Elements v1で独自のHTML要素を定義する" class="entry-image" /></a></p><p>HTMLを書く上で一番よく見かける要素は何でしょうか。それはおそらくdiv要素でしょう。大量に散らばったdiv要素は、もはやHTMLではありふれた光景となっています。しかし見た目が美しくありませんし、マークアップ的にも推奨できる行為ではありません。 そこで現れたのがCustom Elementsです。Custom Elementを使用すれ...</p><p><a href="https://b.hatena.ne.jp/entry/s/sbfl.net/blog/2016/09/01/custom-elements-v1/"><img src="https://b.hatena.ne.jp/entry/image/https://sbfl.net/blog/2016/09/01/custom-elements-v1/" alt="はてなブックマーク - Custom Elements v1で独自のHTML要素を定義する" title="はてなブックマーク - Custom Elements v1で独自のHTML要素を定義する" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/sbfl.net/blog/2016/09/01/custom-elements-v1/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://analogic.jp/var-let-const/ > 基本的に変数は const で宣言し、再代入が必要な変数のみ let を使う。さらにどうしても var が必要なケースのみ var で宣言する pipehead 2016-08-09T15:00:00Z programming javascript 26 <blockquote cite="https://analogic.jp/var-let-const/" title="var, let, constの使い分けについて｜もっこりJavaScript｜ANALOGIC（アナロジック）"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fanalogic.jp%2Fvar-let-const%2F" alt="" /> <a href="https://analogic.jp/var-let-const/">var, let, constの使い分けについて｜もっこりJavaScript｜ANALOGIC（アナロジック）</a></cite><p><a href="https://analogic.jp/var-let-const/"><img src="" alt="var, let, constの使い分けについて｜もっこりJavaScript｜ANALOGIC（アナロジック）" title="var, let, constの使い分けについて｜もっこりJavaScript｜ANALOGIC（アナロジック）" class="entry-image" /></a></p><p>とりあえず結論から ES5時代のスコープ ES2015からlet, constが使えるように 巻き上げ（ホイスティング）について 非strictモードでの挙動 参考リンク まだまだBabelにお世話になりつつも、ES2015ベースでコードを書くことが確実に増えて来ていますね。 ES2015では変数の宣言に let, const という新しいシンタックスが使...</p><p><a href="https://b.hatena.ne.jp/entry/s/analogic.jp/var-let-const/"><img src="https://b.hatena.ne.jp/entry/image/https://analogic.jp/var-let-const/" alt="はてなブックマーク - var, let, constの使い分けについて｜もっこりJavaScript｜ANALOGIC（アナロジック）" title="はてなブックマーク - var, let, constの使い分けについて｜もっこりJavaScript｜ANALOGIC（アナロジック）" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/analogic.jp/var-let-const/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://creatorsblog.nijibox.jp/edit-code-online/ codepen, jsbin, jsfiddle.net, plnkr.co pipehead 2016-07-22T10:35:45Z web_tool programming javascript 2 <blockquote cite="https://creatorsblog.nijibox.jp/edit-code-online/" title="イケてるオンラインエディタでドヤ顔を…！ | 株式会社ニジボックス"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcreatorsblog.nijibox.jp%2Fedit-code-online%2F" alt="" /> <a href="https://creatorsblog.nijibox.jp/edit-code-online/">イケてるオンラインエディタでドヤ顔を…！ | 株式会社ニジボックス</a></cite><p><a href="https://creatorsblog.nijibox.jp/edit-code-online/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0aeef5c0f98bd8c9f844d88d4b050f07e9be3c02/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog.nijibox.jp%2Fwp-content%2Fuploads%2F2016%2F07%2Fno14-edit-code-online-560x363.jpg" alt="イケてるオンラインエディタでドヤ顔を…！ | 株式会社ニジボックス" title="イケてるオンラインエディタでドヤ顔を…！ | 株式会社ニジボックス" class="entry-image" /></a></p><p>[markdown] こんにちは。 ついに自分の番が回ってきて、かなりのプレッシャーを感じております。 社会人４ヶ月目、新米フロントエンジニア（デザインもしますよ）の坂本です。 フロントエンドの記事で上司がヒエログリフなんて彫ってしまったもんなので、どんな面白い記事を書いたらよいのかと余計にプレッシャーを感じ...</p><p><a href="https://b.hatena.ne.jp/entry/s/creatorsblog.nijibox.jp/edit-code-online/"><img src="https://b.hatena.ne.jp/entry/image/https://creatorsblog.nijibox.jp/edit-code-online/" alt="はてなブックマーク - イケてるオンラインエディタでドヤ顔を…！ | 株式会社ニジボックス" title="はてなブックマーク - イケてるオンラインエディタでドヤ顔を…！ | 株式会社ニジボックス" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/creatorsblog.nijibox.jp/edit-code-online/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://sbfl.net/blog/2016/07/17/shadow-dom-v1/ pipehead 2016-07-17T04:33:52Z programming javascript dom 57 <blockquote cite="https://sbfl.net/blog/2016/07/17/shadow-dom-v1/" title="Shadow DOM v1でHTMLの内容と構造を分離する"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsbfl.net%2Fblog%2F2016%2F07%2F17%2Fshadow-dom-v1%2F" alt="" /> <a href="https://sbfl.net/blog/2016/07/17/shadow-dom-v1/">Shadow DOM v1でHTMLの内容と構造を分離する</a></cite><p><a href="https://sbfl.net/blog/2016/07/17/shadow-dom-v1/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d6e2c64e5797f68d55578d30b7159e19a7bd1798/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fsbfl.net%2Fblog%2Fstatic%2Fassets%2Fogp.png" alt="Shadow DOM v1でHTMLの内容と構造を分離する" title="Shadow DOM v1でHTMLの内容と構造を分離する" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/sbfl.net/blog/2016/07/17/shadow-dom-v1/"><img src="https://b.hatena.ne.jp/entry/image/https://sbfl.net/blog/2016/07/17/shadow-dom-v1/" alt="はてなブックマーク - Shadow DOM v1でHTMLの内容と構造を分離する" title="はてなブックマーク - Shadow DOM v1でHTMLの内容と構造を分離する" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/sbfl.net/blog/2016/07/17/shadow-dom-v1/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://sbfl.net/blog/2016/07/14/javascript-var-let-const/ > JavaScriptにおけるconstは、他のプログラミング言語におけるfinalと同じ動きをします。 pipehead 2016-07-14T11:02:38Z programming javascript 53 <blockquote cite="https://sbfl.net/blog/2016/07/14/javascript-var-let-const/" title="JavaScriptにおけるvar/let/constの使い分け"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsbfl.net%2Fblog%2F2016%2F07%2F14%2Fjavascript-var-let-const%2F" alt="" /> <a href="https://sbfl.net/blog/2016/07/14/javascript-var-let-const/">JavaScriptにおけるvar/let/constの使い分け</a></cite><p><a href="https://sbfl.net/blog/2016/07/14/javascript-var-let-const/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d6e2c64e5797f68d55578d30b7159e19a7bd1798/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fsbfl.net%2Fblog%2Fstatic%2Fassets%2Fogp.png" alt="JavaScriptにおけるvar/let/constの使い分け" title="JavaScriptにおけるvar/let/constの使い分け" class="entry-image" /></a></p><p>JavaScriptの3つある変数宣言、varとletとconstは、よく混乱を生みます。どれも変数を宣言することに変わりはないので、違いがわかりにくいのです。このことが初学者を混乱させている場面をたびたび目にしますし、プログラミングに慣れ親しんだ人でも役割を意識しないまま書いていることがあります。 そこでこの記事では...</p><p><a href="https://b.hatena.ne.jp/entry/s/sbfl.net/blog/2016/07/14/javascript-var-let-const/"><img src="https://b.hatena.ne.jp/entry/image/https://sbfl.net/blog/2016/07/14/javascript-var-let-const/" alt="はてなブックマーク - JavaScriptにおけるvar/let/constの使い分け" title="はてなブックマーク - JavaScriptにおけるvar/let/constの使い分け" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/sbfl.net/blog/2016/07/14/javascript-var-let-const/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://postd.cc/reverse-engineering-sublime-text-s-fuzzy-match/ https://blog.forrestthewoods.com/reverse-engineering-sublime-text-s-fuzzy-match-4cffeed33fdb の和訳 pipehead 2016-05-12T09:30:18Z programming c_c++ javascript translated 122 <blockquote cite="https://postd.cc/reverse-engineering-sublime-text-s-fuzzy-match/" title="Sublime Textの「あいまい一致」をリバースエンジニアリング | POSTD"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpostd.cc%2Freverse-engineering-sublime-text-s-fuzzy-match%2F" alt="" /> <a href="https://postd.cc/reverse-engineering-sublime-text-s-fuzzy-match/">Sublime Textの「あいまい一致」をリバースエンジニアリング | POSTD</a></cite><p><a href="https://postd.cc/reverse-engineering-sublime-text-s-fuzzy-match/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/db383f3ffce31f4c68c6fa9c9aa5222d45a4f97d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fpostd.cc%2Fwp%2Fwp-content%2Fuploads%2F2016%2F05%2F1-VeGVAZsCVUYXrbI376oGCQ-500x333.png" alt="Sublime Textの「あいまい一致」をリバースエンジニアリング | POSTD" title="Sublime Textの「あいまい一致」をリバースエンジニアリング | POSTD" class="entry-image" /></a></p><p>Sublime Text は、私のお気に入りのプログラミング用テキストエディタです。 Sublime Textで気に入っている特徴の1つは、あいまい検索アルゴリズムです。ファイルや関数の検索が超高速なのです。これまで多くの人が、インターネット上で、この仕組みについて質問していましたが、満足の行く回答はありませんでした。そこ...</p><p><a href="https://b.hatena.ne.jp/entry/s/postd.cc/reverse-engineering-sublime-text-s-fuzzy-match/"><img src="https://b.hatena.ne.jp/entry/image/https://postd.cc/reverse-engineering-sublime-text-s-fuzzy-match/" alt="はてなブックマーク - Sublime Textの「あいまい一致」をリバースエンジニアリング | POSTD" title="はてなブックマーク - Sublime Textの「あいまい一致」をリバースエンジニアリング | POSTD" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/postd.cc/reverse-engineering-sublime-text-s-fuzzy-match/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://postd.cc/laziness-is-a-virtue/ http://raganwald.com/2016/04/15/laziness-is-a-virtue.html の和訳; サンク, ジェネレータ pipehead 2016-05-06T12:15:36Z programming javascript translated 97 <blockquote cite="https://postd.cc/laziness-is-a-virtue/" title="プログラマの三大美徳の啓発の勧め : 怠惰、短気、傲慢 ― JavaScriptで遅延評価 | POSTD"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpostd.cc%2Flaziness-is-a-virtue%2F" alt="" /> <a href="https://postd.cc/laziness-is-a-virtue/">プログラマの三大美徳の啓発の勧め : 怠惰、短気、傲慢 ― JavaScriptで遅延評価 | POSTD</a></cite><p><a href="https://postd.cc/laziness-is-a-virtue/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/aa1413f69be6b8824381eff3ddec26bbf973d901/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fpostd.cc%2Fwp%2Fwp-content%2Fuploads%2F2016%2F05%2Fbear-213640_640-500x375.jpg" alt="プログラマの三大美徳の啓発の勧め : 怠惰、短気、傲慢 ― JavaScriptで遅延評価 | POSTD" title="プログラマの三大美徳の啓発の勧め : 怠惰、短気、傲慢 ― JavaScriptで遅延評価 | POSTD" class="entry-image" /></a></p><p>(編注：2016/5/31、頂いたフィードバックを元に記事を修正いたしました。) larry wall 怠慢と勤勉 コンピューティングにおいて、”laziness(怠惰)”は幅広い意味の単語です。大抵は、もし必要が無ければ何もしないということを意味します。その正反対を指すのは”eager(勤勉)”です。後で必要になる場合に備えて、できるだけ...</p><p><a href="https://b.hatena.ne.jp/entry/s/postd.cc/laziness-is-a-virtue/"><img src="https://b.hatena.ne.jp/entry/image/https://postd.cc/laziness-is-a-virtue/" alt="はてなブックマーク - プログラマの三大美徳の啓発の勧め : 怠惰、短気、傲慢 ― JavaScriptで遅延評価 | POSTD" title="はてなブックマーク - プログラマの三大美徳の啓発の勧め : 怠惰、短気、傲慢 ― JavaScriptで遅延評価 | POSTD" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/postd.cc/laziness-is-a-virtue/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/nida_001/items/9f0479e9e9f5051bca3c pipehead 2016-05-03T10:13:52Z programming javascript 9 <blockquote cite="https://qiita.com/nida_001/items/9f0479e9e9f5051bca3c" title="Google Drive APIでFile OpenからSaveまで"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fnida_001%2Fitems%2F9f0479e9e9f5051bca3c" alt="" /> <a href="https://qiita.com/nida_001/items/9f0479e9e9f5051bca3c">Google Drive APIでFile OpenからSaveまで</a></cite><p><a href="https://qiita.com/nida_001/items/9f0479e9e9f5051bca3c"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c46633f16c7dd3d6e36b0bf94152b5e6e60ee366/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fqiita-fb-2887e7b4aad86fd8c25cea84846f2236.png" alt="Google Drive APIでFile OpenからSaveまで" title="Google Drive APIでFile OpenからSaveまで" class="entry-image" /></a></p><p>ブラウザ上で動き、Google Driveと連携できるエディタを作って見たかったので、色々研究しました。 ※HTML+JavaScriptなサンプルコードでは、&lt;script&gt;周辺の必要な部分しか書いてないので悪しからず。 参考文献 [1] Google REST API 公式ドキュメント https://developers.google.com/drive/v3/web/about-sdk#create_and_o...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/nida_001/items/9f0479e9e9f5051bca3c"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/nida_001/items/9f0479e9e9f5051bca3c" alt="はてなブックマーク - Google Drive APIでFile OpenからSaveまで" title="はてなブックマーク - Google Drive APIでFile OpenからSaveまで" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/nida_001/items/9f0479e9e9f5051bca3c"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/tatesuke/items/b9548dd484b01b139b74 /* https://github.com/oneuijs/You-Dont-Need-jQuery の和訳 */ > jQueryでの書き方の代わりとなるネイティブでの書き方(IE10以上)をまとめます。 pipehead 2016-04-12T07:46:34Z programming javascript dom translated 1218 <blockquote cite="https://qiita.com/tatesuke/items/b9548dd484b01b139b74" title="You Don&#39;t Need jQuery - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Ftatesuke%2Fitems%2Fb9548dd484b01b139b74" alt="" /> <a href="https://qiita.com/tatesuke/items/b9548dd484b01b139b74">You Don&#39;t Need jQuery - Qiita</a></cite><p><a href="https://qiita.com/tatesuke/items/b9548dd484b01b139b74"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/dbfe9a4534408bee6ee9ebbe21b98f7f899195d5/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMjk2ODIlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODUzNzY_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPWVjNjkwMWQwYTA4NGEzNzBlNmJjY2RiMTc4MDE2M2Ew%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Da776370f0119baf2d52561b4c47eeaa7%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9WW91JTIwRG9uJTI3dCUyME5lZWQlMjBqUXVlcnkmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz0yNDAyNDNkMjhjYzgzNjA5Y2NlMGZkYzY3ZmI2ZDg2ZA%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB0YXRlc3VrZSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPTUyMTg2ZjhhZDBhZTY5M2VmMTJjNDI1ZmQ4YzJlMDkw%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Dc1b878e116ebe459317cf5f1b181f61a" alt="You Don&#39;t Need jQuery - Qiita" title="You Don&#39;t Need jQuery - Qiita" class="entry-image" /></a></p><p>注意とお願い この記事の内容はもはや古いです。ここに書いている方法では動かないものをいくつか見つけました。参考にする際は動作をよく確認してから使ってください。 ひとつお願いがあります。「あれ、動かないぞ」というコードを見つけたら是非コメントか編集リクエストで教えてください。解決方法までなくても結構...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/tatesuke/items/b9548dd484b01b139b74"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/tatesuke/items/b9548dd484b01b139b74" alt="はてなブックマーク - You Don&#39;t Need jQuery - Qiita" title="はてなブックマーク - You Don&#39;t Need jQuery - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/tatesuke/items/b9548dd484b01b139b74"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://postd.cc/npm-and-left-pad/ /* http://www.haneycodes.net/npm-left-pad-have-we-forgotten-how-to-program/ の和訳 */ > 関数は、パッケージや依存関係にするにはあまりに小さなものです。純粋な関数には結合作用はありません。 pipehead 2016-03-28T11:30:50Z programming javascript translated 108 <blockquote cite="https://postd.cc/npm-and-left-pad/" title="NPMとleft-pad : 私たちはプログラミングのやり方を忘れてしまったのか？ | POSTD"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpostd.cc%2Fnpm-and-left-pad%2F" alt="" /> <a href="https://postd.cc/npm-and-left-pad/">NPMとleft-pad : 私たちはプログラミングのやり方を忘れてしまったのか？ | POSTD</a></cite><p><a href="https://postd.cc/npm-and-left-pad/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4b80690080118ad7f55faf4b01c07bba4311587b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fpostd.cc%2Fwp%2Fwp-content%2Fuploads%2F2015%2F03%2F449a7d484bf97f248668c9d8_640-500x332.jpg" alt="NPMとleft-pad : 私たちはプログラミングのやり方を忘れてしまったのか？ | POSTD" title="NPMとleft-pad : 私たちはプログラミングのやり方を忘れてしまったのか？ | POSTD" class="entry-image" /></a></p><p>さあ開発者のみなさん、真面目な話の時間です。読者の皆様はおそらくすでにお気づきでしょうが、今週、ReactやBabelやその他大量の有名なNPMパッケージ群が壊れました。そしてその原因は少々驚くようなものでした。 ReactやBabel、その他のパッケージが依存する、left-padというシンプルなNPMパッケージがあります。この...</p><p><a href="https://b.hatena.ne.jp/entry/s/postd.cc/npm-and-left-pad/"><img src="https://b.hatena.ne.jp/entry/image/https://postd.cc/npm-and-left-pad/" alt="はてなブックマーク - NPMとleft-pad : 私たちはプログラミングのやり方を忘れてしまったのか？ | POSTD" title="はてなブックマーク - NPMとleft-pad : 私たちはプログラミングのやり方を忘れてしまったのか？ | POSTD" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/postd.cc/npm-and-left-pad/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.indetail.co.jp/blog/8896/ pipehead 2016-02-28T15:00:00Z web_tool programming javascript howto 1 <blockquote cite="https://www.indetail.co.jp/blog/8896/" title="JS開発でオススメツール！ブラウザ上で動作確認できる「JS.Bin」がとっても便利！｜NEWS｜株式会社INDETAIL（インディテール）"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.indetail.co.jp%2Fblog%2F8896%2F" alt="" /> <a href="https://www.indetail.co.jp/blog/8896/">JS開発でオススメツール！ブラウザ上で動作確認できる「JS.Bin」がとっても便利！｜NEWS｜株式会社INDETAIL（インディテール）</a></cite><p><a href="https://www.indetail.co.jp/blog/8896/"><img src="" alt="JS開発でオススメツール！ブラウザ上で動作確認できる「JS.Bin」がとっても便利！｜NEWS｜株式会社INDETAIL（インディテール）" title="JS開発でオススメツール！ブラウザ上で動作確認できる「JS.Bin」がとっても便利！｜NEWS｜株式会社INDETAIL（インディテール）" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/www.indetail.co.jp/blog/8896/"><img src="https://b.hatena.ne.jp/entry/image/https://www.indetail.co.jp/blog/8896/" alt="はてなブックマーク - JS開発でオススメツール！ブラウザ上で動作確認できる「JS.Bin」がとっても便利！｜NEWS｜株式会社INDETAIL（インディテール）" title="はてなブックマーク - JS開発でオススメツール！ブラウザ上で動作確認できる「JS.Bin」がとっても便利！｜NEWS｜株式会社INDETAIL（インディテール）" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.indetail.co.jp/blog/8896/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://q-az.net/javascript-math-floor-other-method/ Math.floor(n), parseInt(n), ~~n, n | 0, n >> 0, n ^ 0 pipehead 2016-02-17T05:49:28Z programming javascript profiling 7 <blockquote cite="https://q-az.net/javascript-math-floor-other-method/" title="JavaScriptで小数を整数にするマニアックな方法とその実行速度 | q-Az"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fq-az.net%2Fjavascript-math-floor-other-method%2F" alt="" /> <a href="https://q-az.net/javascript-math-floor-other-method/">JavaScriptで小数を整数にするマニアックな方法とその実行速度 | q-Az</a></cite><p><a href="https://q-az.net/javascript-math-floor-other-method/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/7bb4ca0d41bd97174537bab0599aa7dbf69c072a/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fq-az.net%2Fogp%2Fjavascript-math-floor-other-method.png" alt="JavaScriptで小数を整数にするマニアックな方法とその実行速度 | q-Az" title="JavaScriptで小数を整数にするマニアックな方法とその実行速度 | q-Az" class="entry-image" /></a></p><p>JavaScript を使って小数を整数に変換する（小数部分のカット）いろいろな方法の紹介です。Math.random() を利用するときによく使うでしょうか。最も一般的な方法は Math.floor() を使うものだと思うのですが、他の方法でも出来るので紹介してみます。 ついでに実行速度まで計測してみました。 「切り捨て」のみに着目し...</p><p><a href="https://b.hatena.ne.jp/entry/s/q-az.net/javascript-math-floor-other-method/"><img src="https://b.hatena.ne.jp/entry/image/https://q-az.net/javascript-math-floor-other-method/" alt="はてなブックマーク - JavaScriptで小数を整数にするマニアックな方法とその実行速度 | q-Az" title="はてなブックマーク - JavaScriptで小数を整数にするマニアックな方法とその実行速度 | q-Az" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/q-az.net/javascript-math-floor-other-method/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>