[{"title":"実行間隔を調整する - はてなダイアリー - 無料で簡単。広告のないシンプルなブログをはじめよう！","url":"http://d.hatena.ne.jp/brazil/20110131/1296419283","content":"一定間隔内で一度のみ実行する throttle、\n一定間隔に呼び出され無ければ実行する debounce　についての解説。\nそれぞれ用途や図解も付いていて大変わかりやすい。","date":"2010-12-31T15:00:00.000Z"},{"title":"Demystifying Prototypes","url":"http://www.slideshare.net/Dmitry.Baranovskiy/demystifying-prototypes-6183470","content":"JavaScriptのprototypeの仕組みを図解で示してるスライド。","date":"2011-01-01T00:04:00.000Z"},{"title":"FuncUnitを試してみた - Swarm of Trials","url":"http://d.hatena.ne.jp/swarm_of_trials/20110131/p1","content":"# Selenium\n# QUnit\n# jQuery\n# EnvJS\n# Syn(イベントエミュレート)\nを組み合わせたテストツール。\nEnvJSを使ってコマンドラインからもテストを実行できる","date":"2011-01-01T09:08:00.000Z"},{"title":"『JavaScript(Audio Data API)でMMLシーケンサを書いた - つまみ食う』","url":"http://d.hatena.ne.jp/mohayonao/20110130/1296386790","content":"Audio Data API を使ってMMLシーケンサ","date":"2011-01-01T18:12:00.000Z"},{"title":"今更聞けない:before :afterの使い方 : Toro-Unit Blog","url":"http://www.torounit.com/blog/2011/01/30/%e4%bb%8a%e6%9b%b4%e8%81%9e%e3%81%91%e3%81%aa%e3%81%84before-after%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9/","content":"疑似要素:before,:afterの生成される位置","date":"2011-01-02T03:16:00.000Z"},{"title":"Gecko-Specific DOM Events - MDC Doc Center","url":"https://developer.mozilla.org/en/Gecko-Specific_DOM_Events#MozAfterPaint","content":"Gecko 2.0からMozAfterPaint はデフォルトで発生しなくなった。\ndom.send_after_paint_to_content を trueにすることで今まで通りイベントが発生する","date":"2011-01-02T12:20:00.000Z"},{"title":"萌え萌えcss - お前の血は何色だ!! 4","url":"http://d.hatena.ne.jp/rti7743/20101223/1293128052","content":"jQueryのCSSHocksについてのスライド","date":"2011-01-02T21:24:00.000Z"},{"title":"gui-dat","url":"http://jonobr1.github.com/GUI-DAT/","content":"<div class=\"kwout\" style=\"text-align: center;\">[![http://jonobr1.github.com/GUI-DAT/](http://kwout.com/cutout/8/ha/ad/c36_bor.jpg \"gui-dat\")](http://jonobr1.github.com/GUI-DAT/)</div>\n\n値を変更できるコントローラーGUIを作成するライブラリ。本体はロゴじゃなくて右側に出るコントローラー","date":"2011-01-03T06:28:00.000Z"},{"title":"chriso/chain.js - GitHub","url":"https://github.com/chriso/chain.js","content":"JSDeferredのようなメソッドチェーンを使って、実行、ロード、deferなどが行えるライブラリ。","date":"2011-01-03T15:32:00.000Z"},{"title":"InfoQ: JavaScript Functions: The Good Parts - Idioms for Encapsulation and Inheritance","url":"http://www.infoq.com/presentations/JavaScript-Functions","content":"実行パターン,prototype,継承といった感じのスライド動画。\n動画とスライドが同期してて面白い。","date":"2011-01-04T00:36:00.000Z"},{"title":"Emscripten: Python","url":"http://syntensity.com/static/python.html","content":"[emscripten](http://code.google.com/p/emscripten/ \"emscripten\")を使ってCPythonをJavaScriptへ変換した動かしてるもの。(sysのみ)","date":"2011-01-04T09:40:00.000Z"},{"title":"ハタさんのブログ(復刻版) : Ext JS＆Sencha Touch勉強会1月＠東京で話してきた","url":"http://blog.xole.net/article.php?id=766","content":"Ext JS＆Sencha Touch勉強会","date":"2011-01-04T18:44:00.000Z"},{"title":"Sencha勉強会20110126","url":"http://www.slideshare.net/nowelium/sencha20110126","content":"\"Sencha Touch + Scalaでモバイルアプリ開発\" Sencha Touchのviewの作り方やコンポートネントの見方やデバッグ方法などが載っているスライド","date":"2011-01-05T03:48:00.000Z"},{"title":"『窓の杜 - 【NEWS】Microsoft、IEの互換性検証用にXP/Vistaの仮想マシンイメージを無償公開』","url":"http://www.forest.impress.co.jp/docs/news/20110128_423469.html","content":"XPとVista「Virtual PC」用の仮想マシンイメージを無償配布","date":"2011-01-05T12:52:00.000Z"},{"title":"マスタリング非同期読み込み BPStudy#41","url":"http://ss-o.net/event/js20110128/","content":"非同期ローダーについて by os0x\n* LAB.js\n* ControlJS\n* RequireJS","date":"2011-01-05T21:56:00.000Z"},{"title":"antimatter15/jsgif - GitHub","url":"https://github.com/antimatter15/jsgif","content":"CanvasをGifアニメーションに変換するライブラリ","date":"2011-01-06T07:00:00.000Z"},{"title":"use strict 怖い - hogehoge @teramako","url":"http://d.hatena.ne.jp/teramako/20110126/p1","content":"JavaScriptのstrict modeで気をつけること","date":"2011-01-06T16:04:00.000Z"},{"title":"ECMAScript 5 strict mode in Firefox 4 ✩ Mozilla Hacks – the Web developer blog","url":"http://hacks.mozilla.org/2011/01/ecmascript-5-strict-mode-in-firefox-4/","content":"ECMAScript 5 strict modeがFirefox4で使えるため、それの解説。\n\"use strict\";でstrict modeにして、strict mode時にエラーになるいろいろな例が掲載されている。\n-[\"use strict\"; in Firefox4 | TwitScratch](http://azu_re.scrapi.jp/scraps/251 \"\"use strict\"; in Firefox4 | TwitScratch\")","date":"2011-01-07T01:08:00.000Z"},{"title":"Amazon: HTML5+JavaScript アイデア＆実践サンプル: 古籏一浩","url":"http://www.amazon.co.jp/o/ASIN/4048704486/book042-22/ref=nosim","content":"[ASCII.jp：古籏一浩のJavaScriptラボ](http://ascii.jp/elem/000/000/454/454105/ \"ASCII.jp：古籏一浩のJavaScriptラボ\")を基にした書籍のようです。\nvia [OpenSpace更新情報: 書籍：HTML5+JavaScript実践アイデア＆サンプル](http://www.openspc2.org/blog/archives/2011/01/html5javascript_1.html \"OpenSpace更新情報: 書籍：HTML5+JavaScript実践アイデア＆サンプル\")","date":"2011-01-07T10:12:00.000Z"},{"title":"Introduction to jQuery","url":"http://www.slideshare.net/gunjankumar300/introduction-to-jquery-6684954","content":"jQuery入門スライド。\njQueryの機能を網羅的に紹介している。","date":"2011-01-07T19:16:00.000Z"},{"title":"Integrating JavaScript Unit Tests with Visual Studio","url":"http://stephenwalther.com/blog/archive/2010/12/20/integrating-javascript-unit-tests-with-visual-studio.aspx","content":"Visual StudioでJavaScriptのUnit Testを行う方法","date":"2011-01-08T04:20:00.000Z"},{"title":"Create your own AjaxStore with XMLHttpRequest Level 2 | Amir Harel","url":"http://www.amirharel.com/2011/01/23/create-your-own-ajaxstore-with-xmlhttprequest-level-2/","content":"XHR Level2の扱いについて。\nサーバ側のレスポンスヘッダ設定","date":"2011-01-08T13:24:00.000Z"},{"title":"Sunrise","url":"http://www.sunrisebrowser.com/ja/","content":"Mac OS X 用のWebKit ベースオープンソースWebブラウザ\n操作ウインドウのデザインがかなり特徴的\n-[OS運用記録1月3](http://nmuta.fri.macserver.jp/unei1101b.html \"OS運用記録1月3\")","date":"2011-01-08T22:28:00.000Z"},{"title":"jsのオレオレ演算子 - latest log","url":"http://d.hatena.ne.jp/uupaa/20110123/1295721414","content":"JavaScriptで演算子の組み合わせやビット演算などで短く書く方法。\n`-~n`とかゴルフでよく見かける。\n-[forked from: forked from: jsのオレオレ演算子 - jsdo.it - Share JavaScript, HTML5 and CSS](http://jsdo.it/monjudoh/rC57 \"forked from: forked from: jsのオレオレ演算子 - jsdo.it - Share JavaScript, HTML5 and CSS\")","date":"2011-01-09T07:32:00.000Z"},{"title":"『メモ: NetBeans 6.9.1でJavaScriptを実行する』","url":"http://hideaki-t.blogspot.com/2011/01/netbeans-691javascript.html","content":"jrunscriptを使ってNetBeans上でJavaScriptを実行する手順解説","date":"2011-01-09T16:36:00.000Z"},{"title":"JavaScript DOM & event","url":"http://www.slideshare.net/boreydev/java-script-dom-event","content":"DOMについてのスライド\nノードがどんなプロパティやメソッドを持っているか、それぞれの対応関係が図で分かって見やすい。\nCapturingとBubblingのイベントフェーズについても説明されている。","date":"2011-01-10T01:40:00.000Z"},{"title":"ゆっくりと… » ブラウザ動作の理解－リフローとリペイント及びその最適化","url":"http://tokkono.cute.coocan.jp/blog/slow/blog/slow/index.php/web-technology/reflow-and-repaint-in-browser/","content":"Style属性の変更によりリフローとリペイントを最小限にする方法の解説。","date":"2011-01-10T10:44:00.000Z"},{"title":"don't code today what you can't debug tomorrow: PhantomJS: minimalistic headless WebKit-based JavaScript-driven tool","url":"http://ariya.blogspot.com/2011/01/phantomjs-minimalistic-headless-webkit.html","content":"JavaScriptファイルを実行できるWebkitベースのコマンドラインツール\nPhantomJSの面白い所はDOMやCanvasなど他のコマンドラインツールで触れにくい部分もネイティブにアクセスできるため、リッチアプリケーションなどのテストツールとして活用できそうです。\n`phantomjs somescript.js [argument [argument ...]]`\nという感じでjsファイルを指定し、引数を渡して実行できるようで、phantom.argsで引数を受け取ったりできるようです。\nそのほかにもsleepなどのAPIが用意されている。\n-[Interface - phantomjs - API Reference - Project Hosting on Google Code](http://code.google.com/p/phantomjs/wiki/Interface \"Interface - phantomjs - API Reference - Project Hosting on Google Code\")\n[SourceCode](http://code.google.com/p/phantomjs/wiki/SourceCode \"SourceCode\")はgitなどでも用意されていて、ソースからビルドする方法も解説されています。\n(Windowsはバイナリが[ダウンロード](http://code.google.com/p/phantomjs/downloads/list \"Downloads - phantomjs - Project Hosting on Google Code\")できる)\n-[BuildInstructions - phantomjs - Build Instructions - Project Hosting on Google Code](http://code.google.com/p/phantomjs/wiki/BuildInstructions \"BuildInstructions - phantomjs - Build Instructions - Project Hosting on Google Code\")\nJasmineとの連携が用意されていたり、かなり面白いJavaScript開発ツールとなっていそうです。","date":"2011-01-10T19:48:00.000Z"},{"title":"Harmony Of My Dreams | Brendan Eich","url":"http://brendaneich.com/2011/01/harmony-of-my-dreams/","content":"JavaScript Harmonyについて","date":"2011-01-11T04:52:00.000Z"},{"title":"『JPath.js - 開発な日々』","url":"http://hinata.in/blog/20110104214025.html","content":"XPath風の記法でJSONオブジェクトから値を抽出するライブラリ","date":"2011-01-11T13:56:00.000Z"},{"title":"mir.aculo.us JavaScript with Thomas Fuchs » Blog Archive » Zepto.js v0.4 – JSONP & more DOM goodness","url":"http://mir.aculo.us/2011/01/21/zepto-js-v0-4-%e2%80%93-jsonp-more-dom-goodness/","content":"Zepto.jsのver0.4が公開された。\n<q>New in v0.4 JSONP, better .find, .each, .closest; new .eq, .size, .parent, .parents, .removeAttr, .val (basic), function args to .html, .attr; adjacency methods now take Zepto objects</q>","date":"2011-01-11T23:00:00.000Z"},{"title":"14 Best JavaScript Frameworks","url":"http://www.webdesignish.com/14-best-javascript-frameworks.html","content":"jQueryやPrototypeJSやJavaScriptMVCといったJavaScriptフレームワークのまとめ","date":"2011-01-12T08:04:00.000Z"},{"title":"txt2re: headache relief for programmers :: regular expression generator","url":"http://txt2re.com/index.php3","content":"入力したテキストから選択した場所を取り出す正規表現をいろんな言語で取得できる","date":"2011-01-12T17:08:00.000Z"},{"title":"Lines go all over the place.","url":"http://open.adaptedstudio.com/html5/many-lines/","content":"マウスを追ってくるラインを描画するデモ。\nCanvasを使っていて、結構滑らか","date":"2011-01-13T02:12:00.000Z"},{"title":"Some Exciting New HTML5/Javascript Projects « EdTechDev","url":"http://edtechdev.wordpress.com/2011/01/14/some-exciting-new-html5javascript-projects/","content":"最近HotなHTML5/Javascript 関係のプロジェクトをまとめたリンク集\nかなり幅広い分野が紹介されています","date":"2011-01-13T11:16:00.000Z"},{"title":"Beautiful Element Creation with jQuery — Article — The Nerdary","url":"http://thenerdary.net/articles/entry/beautiful_element_creation_with_jquery","content":"jQueryでのDOMノード作成方法が紹介されています。","date":"2011-01-13T20:20:00.000Z"},{"title":"Cloud9 IDE Hosted - Closed Beta starting today - Cloud9 IDE's Posterous","url":"http://cloud9ide.posterous.com/cloud9-ide-hosted-closed-beta-starting-today","content":"Cloud9 IDEのクローズドベータが始まりました","date":"2011-01-14T05:24:00.000Z"},{"title":"Sinon.JS - Versatile standalone test spies, stubs and mocks for JavaScript","url":"http://sinonjs.org/","content":"JavaScriptテストライブラリ。\nスタブ、モックやFake系の機能が備わっていて、通信やタイマーなどJavaScriptのテストで扱いにくいものテストできます。\n例えばFake timersはグローバルなtimer関数の代わりにclockオブジェクトを用いて手動で時間経過を制御できるため、タイマーを使って時間がかかるテストの短縮なども行えます。\n[Faking Timers](http://cjohansen.no/en/javascript/faking_timers_and_dates_with_sinon \"Faking Timers\")の解説\nまたQUnitなどと連携して使用することができます。","date":"2011-01-14T14:28:00.000Z"},{"title":"프론트 엔드 개발을 위한 추천 도서 - Clearboth [유니버설 웹 스튜디오]","url":"http://www.clearboth.org/wiki/doku.php?id=document:etc:recommend_books","content":"韓国のフロントエンジニアに対して行ったアンケートの結果。\n\"フロントエンド開発のための参考図書\"\n-読んだ本\n-オススメの本\n-読みたい本\nでそれぞれランキングを付けています。\n読んだ本、オススメの本両方で益子 貴寛さんの[Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト](http://www.amazon.co.jp/exec/obidos/ASIN/4798010928/ \"Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト\")が一位になっているようです。\n全体的に○○標準やCSSの本に人気が出てるような感じがします。\n読みたい本ではHTML5に人気が集中している所を見るとHTML5も韓国では注目されているのでしょうか","date":"2011-01-14T23:32:00.000Z"},{"title":"Amazon: HTML5+JavaScript速攻レッスン R付: 白長須 真乃介","url":"http://www.amazon.co.jp/o/ASIN/4777515761/book042-22/ref=nosim","content":"2011年 1月26日発売\n目次: [書籍情報―HTML5+JavaScript 速攻レッスン](http://www.kohgakusha.co.jp/books/detail/978-4-7775-1576-9?utm_source=feedburner&utm_medium=twitter&utm_campaign=Feed%3A+co%2FqllI+%28%E5%B7%A5%E5%AD%A6%E7%A4%BE%29&utm_content=Google+International \"書籍情報―HTML5+JavaScript 速攻レッスン\")","date":"2011-01-15T08:36:00.000Z"},{"title":"α版ダウンロード","url":"http://www.mimikaki.net/download/alpha.html","content":"Mac OS向けのエディタとして有名なmiのWindows版αがリリースされています。","date":"2011-01-15T17:40:00.000Z"},{"title":"11 More Things I Learned from the jQuery Source « Paul Irish","url":"http://paulirish.com/2011/11-more-things-i-learned-from-the-jquery-source/","content":"jQueryから学ぶ11の事\n中で出てくるコードは[11 More Things I Learned from the jQuery Source](https://gist.github.com/7871ac0364af27f27152 \"11 More Things I Learned from the jQuery Source\")に\n*適当な概要です(番号すら適当)\n1.コード全体を無名関数で括り、返り値をjQuery変数に入れる\n最後にwindow.jQuery = window.$ = jQueryとしてる。\n(windowに依存させないならthisを使った方が良いかもしれない\n-[ライブラリの一部でありながら単体利用も可能にする工夫 - latest log](http://d.hatena.ne.jp/uupaa/20100524/1274684311 \"ライブラリの一部でありながら単体利用も可能にする工夫 - latest log\"))\n2.即実行にパラメーターを持たせて、undefinedを取得する\n-[Immediate Functions](http://efcl.info/adiary/JavaScriptPatterns/Chapter4Functions#k91p5 \"Immediate Functions\")\n3.内部でbaseを持つ\n4.data-*属性の使い方\n内部的な動作、data-*に設定した値の判定方法\n(data属性に設定した値は$(\"sel\").data(\"属性\")で取得できる。)\n5.演算子の使い方\nIEバージョン判定\n[gist: 527683 - GitHub](https://gist.github.com/527683/ef2abeb8e764d465ea430f440ebe4c534c8e3281 \"gist: 527683 - GitHub\")\n\n6.getElementsByTagNameとquerySelectorAllの違い\n\n<pre>\n all = div.getElementsByTagName('i'); // live nodelist\n\n document.querySelectorAll('i') // static nodelist\n</pre>\n\n-[Nicholas C. Zakas「getElementsByTagName()がquerySelectorAll()よりも高速な件」 - クライアント・サイド・スクリプティング with Web Standards](http://d.hatena.ne.jp/vwxyz/20101005/1286276144 \"Nicholas C. Zakas「getElementsByTagName()がquerySelectorAll()よりも高速な件」 - クライアント・サイド・スクリプティング with Web Standards\")\n7.jQuery.cssHooks.opacityについて\nIEではfilterを使ってるので取得などがカオス\n[brandonaaron/jquery-cssHooks - GitHub](https://github.com/brandonaaron/jquery-cssHooks \"brandonaaron/jquery-cssHooks - GitHub\")\n$(elem).cssについて\n$(elem).css('box-shadow','10px 10px 30px #bada55')\nプレフィックスがいらない\n11.jQuery.fnについて\n\n<pre>\njQuery.fn === jQuery.prototype;// true\n</pre>\n\n以前に[10 Things I Learned from the jQuery Source « Paul Irish](http://paulirish.com/2010/10-things-i-learned-from-the-jquery-source/ \"10 Things I Learned from the jQuery Source « Paul Irish\")というものをやっていて、それの続編というか改良版みたいな感じのようです。\n後半になるほどjQuery独自の要素が増えている感じです。","date":"2011-01-16T02:44:00.000Z"},{"title":"Web_Tips.key - Powered by Google ドキュメント","url":"https://docs.google.com/viewer?a=v&pid=explorer&chrome=true&srcid=0B9cwi8dHYjWVMWVmNWVmZDctODZiNC00ZTc0LWE2MWQtYjUzNjVkNWI0NjM3&authkey=CMeXgI8O&hl=ja","content":"iPhoneやAndroidといったモバイル端末向けのサイト作成のTips集\nCSS3の活用や画面サイズの最適化やHoly Grailハックの解説などを紹介しているスライド","date":"2011-01-16T11:48:00.000Z"},{"title":"jensarps/StorageJS - GitHub","url":"https://github.com/jensarps/StorageJS","content":"WebStorageやGears,Cookieなどを使ってクライアントサイトでデーター保存するライブラリ","date":"2011-01-16T20:52:00.000Z"},{"title":"Mozilla Labs » skywriter » Blog Archive » Mozilla Skywriter has been merged into Ace","url":"http://mozillalabs.com/skywriter/2011/01/18/mozilla-skywriter-has-been-merged-into-ace/","content":"Bespin(Skeywriter)がAjax.org Cloud9 Editor (Ace) と Cloud9 IDE projectsにマージされるようです。","date":"2011-01-17T05:56:00.000Z"},{"title":"『brandonaaron/jquery-cssHooks - GitHub』","url":"https://github.com/brandonaaron/jquery-cssHooks","content":"CSSプロパティの設定や取得をプレフィックスなどを考えないで使えるI/Fライブラリ。","date":"2011-01-17T15:00:00.000Z"},{"title":"JSエディタのスナップショットビルド - 今日のひとこと","url":"http://d.hatena.ne.jp/shinsuke_sugaya/20110115/1295099576","content":"EclipseベースのIDEであるAmaterasのJavaScriptエディタが大幅にバージョンアップしたようです。\n-[JSエディタの補完候補のカスタマイズ - 今日のひとこと](http://d.hatena.ne.jp/shinsuke_sugaya/20110119/1295443615 \"JSエディタの補完候補のカスタマイズ - 今日のひとこと\")\n-[requireに対応 - 今日のひとこと](http://d.hatena.ne.jp/shinsuke_sugaya/20110118/1295299906 \"requireに対応 - 今日のひとこと\")\nスナップショット版を公開しているので、興味を持った方は試して、作者(@shinsuke_sugaya)さんに意見を伝えるとよいと思います。","date":"2011-01-18T00:04:00.000Z"},{"title":"『JSエディタの補完候補のカスタマイズ - 今日のひとこと』","url":"http://d.hatena.ne.jp/shinsuke_sugaya/20110119/1295443615","content":"Amaterasのコード補完に使われいるJavaScriptファイル。\nJSDocでメソッドの説明が載っているので、WebStormなど他のエディタで使用できそう","date":"2011-01-18T09:08:00.000Z"},{"title":"Test if a font is installed via JavaScript : ls.n","url":"http://lucassmith.name/2009/05/test-if-a-font-is-installed-via-javascript.html","content":"JavaScriptから特定のフォントがインストールされているかを判定する方法。\n以下のリスクもありますが\n-共通フォントがインストールされている必要性\n-共通フォントと比較するだけなので、必ずしも正しいとは限らない\n-リフローがたくさん起きる","date":"2011-01-18T18:12:00.000Z"},{"title":"Appceleratorは、先進的なIDEをリリースするAptanaを買収しました。 « Appcelerator Developer Center","url":"http://developer.appcelerator.com/blog/2011/01/appcelerator%e3%81%af%e3%80%81%e5%85%88%e9%80%b2%e7%9a%84%e3%81%aaide%e3%82%92%e3%83%aa%e3%83%aa%e3%83%bc%e3%82%b9%e3%81%99%e3%82%8baptana%e3%82%92%e8%b2%b7%e5%8f%8e%e3%81%97%e3%81%be%e3%81%97.html","content":"Rails(RadRails)やPython(Pydev)、JavascriptのIDEとして知られるAptanaがTitaniumを持つAppceleratorに買収されました。\nTitanium /Aptana Studioとして新たなIDEをリリースするようです","date":"2011-01-19T03:16:00.000Z"},{"title":"Jurassic - A Javascript Compiler for .NET","url":"http://jurassic.codeplex.com/","content":".Net向けのECMAScript実装。\n.NETプログラム組み込んで使用する。\nES5のstrict modeまでサポート\nSilverlight上でも動くようだ。","date":"2011-01-19T12:20:00.000Z"},{"title":"JavaScriptによる色空間 - 凹みTips","url":"http://www.hecomi.com/2008/11/javascript-1.html","content":"JavaScriptによるカラーピッカーの作成。\nHSVからRGBへの変換","date":"2011-01-19T21:24:00.000Z"},{"title":"LooseLeaf","url":"http://looseleafjs.org/","content":"Node.jsで実装されたJSONベースなCMS。(データベースを使ってない)","date":"2011-01-20T06:28:00.000Z"},{"title":"Amazon: Eloquent JavaScript: A Modern Introduction to Programming: Marijn Haverbeke","url":"http://www.amazon.com/o/ASIN/1593272820/book042-22/ref=nosim","content":"2011年1月22日発売\n[Eloquent JavaScript -- interactive tutorial](http://eloquentjavascript.net/ \"Eloquent JavaScript -- interactive tutorial\")の書籍版が発売。\n-[ハッカーに憧れてたダケのオマエらに捧ぐ（序＋目次）　- Eloquent JavaScript - 暗号、数学、時々プログラミング](http://d.hatena.ne.jp/hamatsu1974/20081120/1227128791 \"ハッカーに憧れてたダケのオマエらに捧ぐ（序＋目次）　- Eloquent JavaScript - 暗号、数学、時々プログラミング\")","date":"2011-01-20T15:32:00.000Z"},{"title":"douglascrockford/JSON-js - GitHub","url":"https://github.com/douglascrockford/JSON-js","content":"json2.jsはGithubに移動した","date":"2011-01-21T00:36:00.000Z"},{"title":"Announcing YUI 3.3.0 » Yahoo! User Interface Blog (YUIBlog)","url":"http://www.yuiblog.com/blog/2011/01/12/announcing-yui-3-3-0/","content":"YUI 3.3.0がリリース","date":"2011-01-21T09:40:00.000Z"},{"title":"grantgalitz/GameBoy-Online - GitHub","url":"https://github.com/grantgalitz/GameBoy-Online?utm_source=javascriptweekly&utm_medium=email","content":"JavaScriptで書かれたGameBoyエミュレーター。\nmozWriteAudioやCanvasやlocalStorageを使って実現しているそうです","date":"2011-01-21T18:44:00.000Z"},{"title":"kriyative/clojurejs - GitHub","url":"https://github.com/kriyative/clojurejs?utm_source=javascriptweekly&utm_medium=email","content":"Clojureで実装されたClojureのコードをJavaScriptコードに変換もの。","date":"2011-01-22T03:48:00.000Z"},{"title":"ES5: Strict Mode < Rob Sayre's Mozilla Blog","url":"http://blog.mozilla.com/rob-sayre/2011/01/12/es5-strict-mode/","content":"Firefox 4 nightlyが[ECMAScript 5 compatibility table](http://kangax.github.com/es5-compat-table/ \"ECMAScript 5 compatibility table\")で初めて全ての項目が緑になったブラウザなったそうです。","date":"2011-01-22T12:52:00.000Z"},{"title":"Dojo from the ground up, Part 1: Getting started with Dojo development","url":"http://www.ibm.com/developerworks/web/library/wa-ground/index.html?ca=drs-","content":"Dojo Toolkitの紹介から使い方","date":"2011-01-22T21:56:00.000Z"},{"title":"W3C News Archive: 2011 W3C","url":"http://www.w3.org/News/2011.html#entry-8992","content":"\"W3C Introduces an HTML5 Logo \"\nHTML5のロゴ画像が決定されたそうだ。","date":"2011-01-23T07:00:00.000Z"},{"title":"List Of Languages That Compile To Js - GitHub","url":"https://github.com/jashkenas/coffee-script/wiki/List-of-languages-that-compile-to-JS","content":"JavaScriptコードへコンパイルすることができる言語のまとめ","date":"2011-01-23T16:04:00.000Z"},{"title":"Simplified Interaction for Mobile Web Apps [Interact]","url":"http://sidelab.github.com/interact/?utm_source=javascriptweekly&utm_medium=email","content":"MouseとTouch Eventsを扱うライブラリ。","date":"2011-01-24T01:08:00.000Z"},{"title":"body要素のid属性またはclass属性をJavaScriptのディスパッチャーに使う - あと味","url":"http://d.hatena.ne.jp/jdg/20110118/1295310812","content":"jsファイルを一つにまとめたときに実行スクリプトを振り分けするために、bodyのid属性,class属性を元に判断するディスパッチャー関数。","date":"2011-01-24T10:12:00.000Z"},{"title":"Dmitry Baranovskiy’s Web Log","url":"http://dmitry.baranovskiy.com/post/typeof-and-friends","content":"入力のtypeを固定してtypeof演算子で比較することは本当にいいのか?\nまた==はよくないと言われているが、常に===を使うことが良いことなのかについて。","date":"2011-01-24T19:16:00.000Z"},{"title":"NetAgent Official Blog : 難読化JavaScriptで利用可能なテクニック","url":"http://www.netagent-blog.jp/archives/51739962.html","content":"記号プログラミングと難読化エンコーダーの合わせ技でよい難読化を行う手法についての解説。\neval 関数を使うところを、Firefox 独自実装の crypto.generateCRMFRequest メソッドを利用。\nevalについては[Perfection kills » Global eval. What are the options?](http://perfectionkills.com/global-eval-what-are-the-options/ \"Perfection kills » Global eval. What are the options?\")がとても詳しい","date":"2011-01-25T04:20:00.000Z"},{"title":"Ecmazing JavaScript Blogs","url":"http://www.ecmazing.com/blogs/","content":"JavaScript(ECMAScript)で著名な方のブログを集めたサイト。\nサイドバーから選択してその場で表示できるので、連続して見ていくのに便利なビューアー","date":"2011-01-25T13:24:00.000Z"},{"title":"ruidlopes/scopeleaks - GitHub","url":"https://github.com/ruidlopes/scopeleaks","content":"グローバル名前空間に変数や関数が漏れていないかをスナップショットと比較して検出するライブラリ。\nブラウザ、CommonJS 、JavaScriptCoreで動作する","date":"2011-01-25T22:28:00.000Z"},{"title":"打造最出色的模块加载框架：SeaJS Module Loader v0.3.0 预览版 - 岁月如歌","url":"http://lifesinger.org/blog/2011/01/seajs-v0-3-0pre/","content":"モジュールのロードに最適なフレームワークを作成するためには、SeaJS Module Loader v0.3.0 プレビュー版 というタイトルでJavaScriptでのモジュール化について書かれています。\nscriptタグでjsファイルを複数ロードする場合は4つの問題があります。\n-ブロッキング\n-名前空間の汚染の可能性\n-依存関係を書く人が知っておく必要性\n-HTTPリンクが多すぎる\nそれぞれを解決する典型的な方法もそれぞれ4つ上げられていています。\n-LabJS, HeadJS, ControlJSなどの非同期スクリプトローダーの利用\n-Xといった一つのグローバルを用意してその下にX.bizなどと拡張する\n-フレームワークに用意されているモジュール機構を利用する。(YUI3ならYUI.add,YUI.use)\n-一つのファイルとしてマージする\nYUI3における解決方法が紹介されてるが、YUI3にはまだ改善点があると述べています。\n-モジュール管理機構が冗長過ぎる\n-YUIのファイルサイズ自体が大きすぎる\n-YUI.useでの直感的でない書き方\n-YUI3のモジュールはYUI3でしか使えない\nCommonJS自体にはSeaJSの方が適しています。\nSeaJS はCommonJSに影響を受けて作成されていて以下のコアコンセプトがあります。\n-機能を単一なものとして分離\n-モジュールのパスとファイル名で識別(別途指定しなくてもいい)\n-必要となるまでは実行しない\nSeaJS Module Loaderには次のAPIがあります。\n1\\. モジュール宣言:module.declare(id?, deps, factory)\n2\\. モジュールの提供:module.provide(ids, callback)\n3\\. require(id)\nYUIとSeaJSを比べて、SeaJS には次の利点があります。\n-圧縮する前で3.3k,圧縮して1.7kと小さい\n-非依存モジュールは並列ダウンロード\n-全体のCPU消費や必要となるまで実行しないためCPUに優しい\n-設定ファイルではなくデータの構成に基づいている\n-相対パスのサポートなどCommonJSに基づいている\nコードは[seajs/seajs - GitHub](https://github.com/seajs/seajs \"seajs/seajs - GitHub\")で公開されています。(フォーク歓迎)\n\nという感じで適当に内容を書き出してみました。(機械翻訳便りなので内容は期待しないで)\n中国では[dexteryy/OzJS - GitHub](https://github.com/dexteryy/OzJS \"dexteryy/OzJS - GitHub\")といい、モジュール管理に注目してる人たちがいるみたいです。","date":"2011-01-26T07:32:00.000Z"},{"title":"John Resig on Advanced Javascript to Improve your Web App | Think Vitamin","url":"http://thinkvitamin.com/code/john-resig-on-advanced-javascript-to-improve-your-web-app/","content":"Future of Web Apps Miami conferenceでのjQuery作者であるJohn Resigの動画と内容の書き起こし。","date":"2011-01-26T16:36:00.000Z"},{"title":"Jquery How To Ebook - ITFunda.Com","url":"http://www.itfunda.com/jquery-how-tos-ebook/Show/45","content":"jQueryのHow To電子書籍。\n電子書籍、ソースコード、チュートリアル動画と分かれた販売形態を取っている","date":"2011-01-27T01:40:00.000Z"},{"title":"unicodefreak/jbnode - GitHub","url":"https://github.com/unicodefreak/jbnode","content":"node.jsからJavaを呼ぶプラグイン","date":"2011-01-27T10:44:00.000Z"},{"title":"memoize 实现代码中的小陷阱 - 岁月如歌","url":"http://lifesinger.org/blog/2011/01/a-trap-of-memoize-code/","content":"underscore.jsのmemorizeメソッドではtoStringやhasOwnPropertyいったものをキーとして渡した際に動作がおかしくなるというバグについての解説。(既にバグ提出はされているそうです)\n一般にstrをキーとして受け取る関数でありがちなパターンとなってそうです。","date":"2011-01-27T19:48:00.000Z"},{"title":"RightJS: What’s New In RightJS 2.2","url":"http://rightjs.org/tutorials/what-new-in-rjs22","content":"JavaScriptフレームワークであるRightJSの2.2がリリースされました。\n* Native CSS Transitions Support In Fx\n* Fx.Attr Class\n* Better UJS\n* Mouseenter/Mouseleave Handlers\n* DOM-Shortcuts For Strings\n* Class And Wrapper Merge\n* Supercalls On Modules\n* IE8 Kicked Out In the Olds Module\n* Full Stack CSS3 Support\n* Object.merge With Deep Merge\n* Element#index method\n* Raw DOM Search\n* IE Native UID\n* Deprecations Removed\n* Optimizations And Cleanups","date":"2011-01-28T04:52:00.000Z"},{"title":"Web 2.0 Development and Business Lessons: Why You Need to Learn JavaScript","url":"http://www.w2lessons.com/2011/01/why-you-need-to-learn-javascript.html","content":"なぜ今JavaScriptを学ぶ必要があるか?という話。\n今はクライアントでも複雑なUIを作成することができ、サーバサイドNode.jsのようなモノがある。\nデスクトップは\"the cloud\"へシフトしてるようにも見える。その中でJSアプリケーションの負う部分は大きい。また巨大化するソースにおいてJavaScriptフレームは活用することは大事だ(文中ではDojo toolkitを出している、jQueryでない理由も書いてある)\nまたフレームワークを扱うためにはJavaScriptの基本原理をまず学ぶべきである。\n<q>JS is no longer an option for true programmers, it's a requirement...and it's not the nightmare you think it is.</q>\nといった感じの内容です。","date":"2011-01-28T13:56:00.000Z"},{"title":"jQuery 1.5の新機能: jQueryのサブクラスが作れるようになる | へびにっき","url":"http://wp.serpere.info/archives/2050","content":"jQuery 1.5 beta1で追加された\njQuery.subclass()の解説","date":"2011-01-28T23:00:00.000Z"},{"title":"これでできる！ クロスブラウザJavaScript入門：第22回　JavaScriptによるUIの実装：ドラッグ｜gihyo.jp … 技術評論社","url":"http://gihyo.jp/dev/serial/01/crossbrowser-javascript/0022","content":"汎用的なドラッグの書き方,\nUIとしてドラッグの実装方法","date":"2011-01-29T08:04:00.000Z"},{"title":"NEVERSAW.US | Not Your Father's Javascript","url":"http://neversaw.us/2011/1/16/not-your-fathers-javascript/","content":"最近のエンジン向け(主にNode.jsを対象)にJavaScriptのベストプラクティスを書いている。\n-変数宣言はSingle var、変数の命名のパターン\n-パッケージのディレクトリやファイル名はCommonJSのルールに習う\n-列挙のパターンとしてforEach,mapを使ってシンプルに書ける\n- Object.keysとforEachとbindを併せてオブジェクトのコピーを作成。(IE6,7はObject.keysがないので定義方法も)\n-Function.prototype.bindの使い方、いろいろな使い方\n古いものも多くあるため新しいものは見つけるのが難しいですがそれを乗り越えた先に見つかるものがある。","date":"2011-01-29T17:08:00.000Z"},{"title":"The CSS Corner: CSS3 Media Queries - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2011/01/12/the-css-corner-css3-media-queries.aspx","content":"IE9でのMedia Queriesサポート状況が公開されました。","date":"2011-01-30T02:12:00.000Z"},{"title":"「第 0 回 HTML5 プログラミング&クリエイティブ・コンテスト」のお知らせ - Google Japan Developer Relations Blog","url":"http://googledevjp.blogspot.com/2011/01/0-html5.html","content":"公募期間: 2011 年 1 月 12 日〜 2011 年 2 月 11 日\nHTML5を使った作品コンテストが開催されています。プログラミング部門とクリエイター部門に分かれて行うようです。","date":"2011-01-30T11:16:00.000Z"},{"title":"DailyJS: Arbor, Mug, I, Ristretto","url":"http://dailyjs.com/2011/01/14/arbor-mug-i-ristretto/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+dailyjs+%28DailyJS%29&utm_content=livedoor","content":"JVM向けのJavaScriptコンパイラーであるMugの特徴を述べています。\nCommonJS modulesを採用指定事やRhinoに比べて高速に動作するのが特徴","date":"2011-01-30T20:20:00.000Z"},{"title":"Firefox 4 Beta 9 – 素晴らしい機能を満載して登場 « Mozilla Developer Street (modest)","url":"https://dev.mozilla.jp/hacksmozillaorg/firefox-4-beta-9-a-huge-pile-of-awesome/","content":"Firefox4での変化を網羅的に紹介。\n今までもっとも激しいアップデートになっている。","date":"2011-01-31T05:24:00.000Z"},{"title":"サーバサイドJavaScriptの本命「node.js」の基礎知識（1/3）- ＠IT","url":"http://www.atmarkit.co.jp/fwcr/rensai2/nodejs01/01.html","content":"node.js入門の記事。\nnode.jsとnpmのインストール手順の解説","date":"2011-01-31T15:00:00.000Z"},{"title":"JavaScript対応APIドキュメント生成ツールのまとめ | Web scratch","url":"http://efcl.info/2011/0226/res2291/","content":"JavaScript内のコメントからドキュメントを生成するツールのまとめ","date":"2011-02-01T00:05:00.000Z"},{"title":"danwrong/loadrunner - GitHub","url":"https://github.com/danwrong/loadrunner","content":"依存関係解決、非同期ローダ。\nコマンドラインのビルドツールが付いていて一つのminifyされたファイルにまとめることもできる。","date":"2011-02-01T09:10:00.000Z"},{"title":"みなさん、Qt の JavaScript はますます速くなります","url":"http://qt-labs.jp/2011/02/25/qt-people-our-javascript-platform-is-burning-rubber.html","content":"Qt でGoogleのV8 JavaScript エンジンの利用について研究を行っているそうです。","date":"2011-02-01T18:15:00.000Z"},{"title":"dherman/structsjs - GitHub","url":"https://github.com/dherman/structsjs","content":"(typedarrayに代わるものとして提案されてた)ECMAScript Binary Data APIの実装ライブラリ(プロトタイプレベル)\n-http://wiki.ecmascript.org/doku.php?id=strawman:binary_data","date":"2011-02-02T03:20:00.000Z"},{"title":"Unit Testing in JavaScript | Agile Pain Relief","url":"http://agilepainrelief.com/notesfromatooluser/2008/11/unit-testing-in-javascript.html","content":"JavaScriptのテスト関係のリンク集","date":"2011-02-02T12:25:00.000Z"},{"title":"jQuery: » jQuery 1.5.1 Released","url":"http://blog.jquery.com/2011/02/24/jquery-151-released/","content":"jQuery1.5が正式リリース。\nIE9RCをサポートや$.ajax()周りにオプションが追加された","date":"2011-02-02T21:30:00.000Z"},{"title":"Why I forked JSLint to JSHint","url":"http://anton.kovalyov.net/2011/02/20/why-i-forked-jslint-to-jshint/","content":"なぜJSLintをフォークしてJSHintを始めたのかについてAnton Kovalyovさんが書いている。\nコメント欄も併せて","date":"2011-02-03T06:35:00.000Z"},{"title":"Amazon: Applied jQuery: Jay Blanchard","url":"http://www.amazon.com/o/ASIN/0321772563/book042-22/ref=nosim","content":"2011年8月25日発売\n著者はjQueryコミュニティとかで活動している人みたいです","date":"2011-02-03T15:40:00.000Z"},{"title":"Python的format関数 - 箱入りあじゃらの日記","url":"http://d.hatena.ne.jp/ajalabox/20110223/1298448703","content":"Pythonのformat関数のようなものをJavaScriptでも","date":"2011-02-04T00:45:00.000Z"},{"title":"EGit","url":"http://www.eclipse.org/egit/","content":"Eclipse向けのGitプラグイン","date":"2011-02-04T09:50:00.000Z"},{"title":"알찬돌삐","url":"http://dev.i-swear.com/barcode/info.php","content":"JavaScriptでバーコードを生成。\ndivタグを並べて表示","date":"2011-02-04T18:55:00.000Z"},{"title":"Episode 0.4.9 - Git, Showoff, and XBox Kinect with Scott Chacon - The Changelog - Open Source moves fast. Keep up.","url":"http://thechangelog.com/post/3445186374/episode-0-4-9-git-showoff-and-xbox-kinect-with-scott-cha","content":"gitを中心として書籍やツールなどの紹介","date":"2011-02-05T04:00:00.000Z"},{"title":"httpstat.us","url":"http://httpstat.us/","content":"必要なHTTPレスポンスコードを返してくれるサービス。テストなどに利用できそう","date":"2011-02-05T13:05:00.000Z"},{"title":"『rsms/move - GitHub』","url":"https://github.com/rsms/move","content":"JavaScriptにコンパイルできるメタ言語\n関数を^で表せたり、export,importな機能がある。","date":"2011-02-05T22:10:00.000Z"},{"title":"Amazon: Jquery Plugin Development Beginner's Guide: Giulio Bai","url":"http://www.amazon.co.jp/o/ASIN/1849512248/book042-22/ref=nosim","content":"jQueryプラグイン開発入門本\n-[jQuery Plugin Development Beginner's Guide Book & eBook | Packt Publishing Technical & IT Book Store](https://www.packtpub.com/jquery-plugin-development-beginners-guide/book#in_detail \"jQuery Plugin Development Beginner's Guide Book & eBook | Packt Publishing Technical & IT Book Store\")","date":"2011-02-06T07:15:00.000Z"},{"title":"『JSHint, A JavaScript Code Quality Tool』","url":"http://jshint.com/","content":"JSLintをフォークしたもの。\n個人というよりコミュニティやチームといった視点が置かれたコーディングルールチェックツール。","date":"2011-02-06T16:20:00.000Z"},{"title":"Effective JavaScriptをPDFにしました - renoivのブログ","url":"http://d.hatena.ne.jp/renoiv/20110218/1298034375","content":"Webで公開されていた、Effective JavaScriptのPDF版の配布","date":"2011-02-07T01:25:00.000Z"},{"title":"Command-line CSS spriting / Stoyan's phpied.com","url":"http://www.phpied.com/command-line-css-spriting/","content":"Imagemagickを使ってコマンドラインからCSSスプライトを作成","date":"2011-02-07T10:30:00.000Z"},{"title":"ruidlopes/minimal.js - GitHub","url":"https://github.com/ruidlopes/minimal.js","content":"HTML/JSONテンプレートエンジン。\nJSONライクな形式からHTMLタグのテンプレートを生成するライブラリ","date":"2011-02-07T19:35:00.000Z"},{"title":"2011-02-20 - 新・たけぞう瀕死の日記","url":"http://d.hatena.ne.jp/takezoe/20110220#p1","content":"EclipseHTMLEditor 2.1.0がリリース\nJavaScript系の機能が大幅に強化されています","date":"2011-02-08T04:40:00.000Z"},{"title":"Javascript JSON parser","url":"http://asenbozhilov.com/json.html","content":"ECMA-262-5に基づいたJSON.parseの実装ライブラリ\nブラウザJSON.parseがないブラウザ向けに使うのではなくて、JSON文字列のデバッグやテスト向けの用途として開発","date":"2011-02-08T13:45:00.000Z"},{"title":"Amazon: Head First HTML5: Eric T Freeman, Elisabeth Robson","url":"http://www.amazon.com/o/ASIN/1449390544/book042-22/ref=nosim","content":"2011年7月15日発売\nHead FirstシリーズのHTML5本\n-[Head First HTML5 - O'Reilly Media](http://oreilly.com/catalog/0636920010906/ \"Head First HTML5 - O'Reilly Media\")","date":"2011-02-08T22:50:00.000Z"},{"title":"Amazon: Head First jQuery: Ryan Benedetti, Ronan Cranley","url":"http://www.amazon.com/o/ASIN/1449393217/book042-22/ref=nosim","content":"2011年7月15日発売\nHead FirstシリーズのjQuery本\n-[Head First jQuery - O'Reilly Media](http://oreilly.com/catalog/0636920012740 \"Head First jQuery - O'Reilly Media\")","date":"2011-02-09T07:55:00.000Z"},{"title":"Amazon: Node: Up and Running: Scalable Server-Side Code with JavaScript: Tom Hughes-Croucher","url":"http://www.amazon.com/o/ASIN/1449398588/book042-22/ref=nosim","content":"2011年7月15日発売\nNode.js本","date":"2011-02-09T17:00:00.000Z"},{"title":"Software is hard | Firebug Tip: using command line within an iframe","url":"http://www.softwareishard.com/blog/planet-mozilla/firebug-tip-using-command-line-within-an-iframe/","content":"Firebugのcdコマンドについての紹介。\ncdコマンドを使えばframeの移動ができる","date":"2011-02-10T02:05:00.000Z"},{"title":"『Internet Explorer 9 Guide for Developers』","url":"http://msdn.microsoft.com/en-us/ie/ff468705","content":"IE9での変更点をまとめた開発者向けのページ","date":"2011-02-10T11:10:00.000Z"},{"title":"モバイルアプリケーション開発のためのHTML/CSS/JavaScript関連技術まとめ － Publickey","url":"http://www.publickey1.jp/blog/11/htmlcssjavascript.html","content":"モバイル対応のJavaScriptライブラリや、Titanium Mobileのようなネイティブアプリケーション作成ツールのまとめ。","date":"2011-02-10T20:15:00.000Z"},{"title":"Internet Explorer UA Style Sheets","url":"http://www.iecss.com/","content":"IEのバージョン別デフォルトスタイルシート。\nIE6-IE9まで","date":"2011-02-11T05:20:00.000Z"},{"title":"IE9 on Windows Phone - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2011/02/14/ie9-on-windows-phone.aspx","content":"Windows PhoneのブラウザがIE7からIE9になる。","date":"2011-02-11T14:25:00.000Z"},{"title":"『kriskowal/zip - GitHub』","url":"https://github.com/kriskowal/zip","content":"Node.js向けのunzip実装","date":"2011-02-11T23:30:00.000Z"},{"title":"Webfont 사용하기 | FRENDS.KR","url":"http://frends.kr/topics/webfont-%ec%82%ac%ec%9a%a9%ed%95%98%ea%b8%b0/","content":"@font-faceでのWebフォントについて。\nそれぞれのブラウザごとのFont Type対応表\nDaum_Regular.ttfの場合のフォントサイズ比較\nレンダリングの違いではWindowsの場合ブラウザによってまちまちな描画になっている。\n→結論としてWiindowsできれいなフォント表示するには画像かフラッシュを使う\nweb fontsの比較(ライブラリやPHPやFlashを使ったもの)\n-[Comparison of web fonts solutions | SocialCompare - Comparisons community](http://socialcompare.com/en/comparison/comparison-of-web-fonts-solutions-7d0b3w9 \"Comparison of web fonts solutions | SocialCompare - Comparisons community\")\nで、この中で一番よかったのは[Cufón](https://github.com/sorccu/cufon/wiki/about \"Cufón\")というJavaScriptライブラリ。(フォントサイズは大きくなるのが欠点)\nサイズは大きくなるけど、フォントサブセット(使うものだけ埋め込む)gzip圧縮する(mod_gzip使用)と、220kbぐらいになりブラウザ間の際はほとんどなくなった。\n結論\n1.WindowsではCufónを使い、Mac / Linuxでは@font-faceを使う\n2.プラットフォームで分けるのが面倒なら[Cufón](https://github.com/sorccu/cufon/wiki/about \"Cufón\")を使う\n3\\. 1,2がいやならFlashを使う\n@font-faceの利用にする場合に読んでおくべきURL\n# http://paulirish.com/2009/fighting-the-font-face-fout/\n# http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/ http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/\n# http://paulirish.com/2010/font-face-gotchas/ http://paulirish.com/2010/font-face-gotchas/","date":"2011-02-12T08:35:00.000Z"},{"title":"balupton/History.js - GitHub","url":"https://github.com/balupton/History.js","content":"HTML5 History/State APIをすべてのブラウザで使えるようにするライブラリ。\nHistory API未対応のブラウザは#フラグメントを利用する","date":"2011-02-12T17:40:00.000Z"},{"title":"jQuery内部のエラー処理について | バシャログ。","url":"http://c-brains.jp/blog/wsg/11/02/13-080934.php","content":"jQueryのerror処理について。\njQuery.errorのコードを追ってみてわかること","date":"2011-02-13T02:45:00.000Z"},{"title":"IE9RC で document が const になり再定義が不可能になった - latest log","url":"http://d.hatena.ne.jp/uupaa/20110211/1297409300","content":"IE9RCのdocumentの再定義についてとナビ子記法の導入について\n-[2分でわかる uupaa.js の Debug Navigation :: handsOut.jp](http://handsout.jp/slide/1883 \"2分でわかる uupaa.js の Debug Navigation :: handsOut.jp\")","date":"2011-02-13T11:50:00.000Z"},{"title":"Sass - チュートリアル","url":"http://hail2u.net/documents/sass-tutorial.html","content":"Sassチュートリアルの日本語訳","date":"2011-02-13T20:55:00.000Z"},{"title":"narwhal - introduction","url":"http://narwhaljs.org/","content":"CommonJSに基づいたサーバーサイドJavaScript環境","date":"2011-02-14T06:00:00.000Z"},{"title":"Benchmark.js","url":"http://benchmarkjs.com/","content":"jsPerfでも使われているベンチマーク計測ライブラリ。ブラウザ、コンソール、node.js、Javaアプレット(nano秒対応)とほとんどの環境に対応している。\nJavaScriptのコード速度の比較にはjsPerfが便利です\n-[jsPerf: JavaScript performance playground](http://jsperf.com/ \"jsPerf: JavaScript performance playground\")","date":"2011-02-14T15:05:00.000Z"},{"title":"JavaScript Garden","url":"http://bonsaiden.github.com/JavaScript-Garden/","content":"JavaScriptの変わってるとこやパフォーマンスや仕組みなどかなり詳細に書かれた内容。\nかなり深く掘り下げていたりしてJavaScript Patternsと同じくらい薦められる読み物。\n読んでいたときのメモ書きを公開してあります。\n-[JavaScript Gardenの読書メモ - prog*sig](http://efcl.info/adiary/Javascript/JavaScriptGarden \"JavaScript Gardenの読書メモ - prog*sig\")","date":"2011-02-15T00:10:00.000Z"},{"title":"ゆっくりと… » ブラウザ動作の理解－レンダリングの負荷を測る","url":"http://tokkono.cute.coocan.jp/blog/slow/index.php/web-technology/visualization-of-rendering-activity/","content":"リフローなどの時間をGUIで確認できるツールについての紹介\ndynaTrace(IE,Firefox向けベータもでた)とSpeedTracer(Webkit)を使ってリフローの観測","date":"2011-02-15T09:15:00.000Z"},{"title":"CSS minifiers comparison / Stoyan's phpied.com","url":"http://www.phpied.com/css-minifiers-comparison/","content":"CSS圧縮ツールの比較\ncssminjs,CSSTidy-small,ajaxmin","date":"2011-02-15T18:20:00.000Z"},{"title":"Sass、そしてSassy CSS (SCSS)","url":"http://hail2u.net/documents/sass-and-sassy-css.html","content":"CSSを拡張したメタ言語のSass,SCSSについての解説。\nSCSSを使ってCSSフレームワークを作る方法について紹介されている","date":"2011-02-16T03:25:00.000Z"},{"title":"Github Trends","url":"http://github-trends.oscardelben.com/","content":"GitHubのトレンドをRSS配信。\n-[Top Languages - GitHub](https://github.com/languages/ \"Top Languages - GitHub\")","date":"2011-02-16T12:30:00.000Z"},{"title":"HTML5 Games 0.2: Integers are Your Friends - Facebook Developers","url":"https://developers.facebook.com/blog/post/460/","content":"ゲームプラットフォームとしてのブラウザのパフォーマンス比較","date":"2011-02-16T21:35:00.000Z"},{"title":"『30 Developers you MUST Subscribe to as a JavaScript Junkie | Nettuts+』","url":"http://net.tutsplus.com/articles/web-roundups/30-developers-you-must-subscribe-to-as-a-javascript-junkie/","content":"JavaScriptで著名な人のまとめ。\nそれぞれブログやTwitterなどがまとまっていて便利","date":"2011-02-17T06:40:00.000Z"},{"title":"v8 at master from einars/js-beautify - GitHub","url":"https://github.com/einars/js-beautify/tree/master/v8","content":"Node.js向けのjsbeautify\nコマンドラインからjsファイルの整形に使える","date":"2011-02-17T15:45:00.000Z"},{"title":"node v0.4 announcement","url":"http://nodejs.org/v0.4_announcement.html","content":"Node.js 0.4がリリース","date":"2011-02-18T00:50:00.000Z"},{"title":"Internet Explorer 9 RCの変更点 - NO UIHARU, NO LIFE. - subtech","url":"http://subtech.g.hatena.ne.jp/mayuki/20110210/1297359952","content":"タイマーの分解能が変更、documentの再定義が不可になる、window.performanceに変更などなど","date":"2011-02-18T09:55:00.000Z"},{"title":"Amazon: 体系的に学ぶ 安全なWebアプリケーションの作り方　脆弱性が生まれる原理と対策の実践 (アマゾン文庫): 徳丸 浩","url":"http://www.amazon.co.jp/o/ASIN/4797361190/book042-22/ref=nosim","content":"2011/3/3発売\n徳丸さんのセキュリティ本\nWeb開発者にとってかなり大事な本になっていると思います。\n目次はこちらから\n-[ソフトバンク クリエイティブ:体系的に学ぶ 安全なWebアプリケーションの作り方](http://www.sbcr.jp/products/4797361193.html \"ソフトバンク クリエイティブ:体系的に学ぶ 安全なWebアプリケーションの作り方\")","date":"2011-02-18T19:00:00.000Z"},{"title":"Fastersite: Chrome's 10 Caches","url":"http://gent.ilcore.com/2011/02/chromes-10-caches.html","content":"Chromeに入ってる10個のキャッシュ機能をそれぞれ解説。\n本当に正確なベンチマークを取るときにどの部分がキャッシュされているのかを知っておく必要がある。","date":"2011-02-19T04:05:00.000Z"},{"title":"各Webブラウザの開発者向けページ - katata_hの日記","url":"http://d.hatena.ne.jp/lars_t/20100411/1271001418","content":"ブラウザ毎の開発者向けページのリンク集\nソースコード、バグリスト、ディスカッションのページ","date":"2011-02-19T13:10:00.000Z"},{"title":"InternetExplorerの問題を切り分けする際に使えるもの - katata_hの日記","url":"http://d.hatena.ne.jp/lars_t/20110208/1297187905","content":"IEの障害切り分けするためのツールや方法\nデバッグツール","date":"2011-02-19T22:15:00.000Z"},{"title":"各ブラウザのUTF-7の対応状況 - 葉っぱ日記","url":"http://d.hatena.ne.jp/hasegawayosuke/20110210/p1","content":"ブラウザ別UTF-7のサポート状況。\nXSSの攻撃手段としてよくあがる","date":"2011-02-20T07:20:00.000Z"},{"title":"Video: Paul Irish on HTML5 Boilerplate - Marakana","url":"http://marakana.com/forums/html5/general/256.html","content":"HTML5 Boilerplateについての動画 by Paul Irish","date":"2011-02-20T16:25:00.000Z"},{"title":"Amazon: Sams Teach Yourself HTML, CSS, and JavaScript All in One: Julie C. Meloni","url":"http://www.amazon.com/o/ASIN/0672333325/book042-22/ref=nosim","content":"2011年6月6日発売\nSams Teach Yourselfシリーズ","date":"2011-02-21T01:30:00.000Z"},{"title":"JavaScript Typed Arrays","url":"http://vocamus.net/dave/?p=1258","content":"Typed Arraysでの sliceメソッドがsubarrayへとリネームされた","date":"2011-02-21T10:35:00.000Z"},{"title":"ブラウザでアニメーションファイル(GIF)をJavaScriptを用いて再生する方法 | GREE Engineers' Blog","url":"http://labs.gree.jp/blog/2011/02/2800/","content":"GIF画像をJSONとして読み込んで、JavaScriptでGIFヘッダーを見てフレームごとにデータスキームURIに変換してimgタグで表示。アニメーションGIFはCanvasのフレーム操作を利用して表示\n-[404 Blog Not Found:javascript - Yet Another Base64 transcoder](http://blog.livedoor.jp/dankogai/archives/51067688.html \"404 Blog Not Found:javascript - Yet Another Base64 transcoder\")","date":"2011-02-21T19:40:00.000Z"},{"title":"JSONPの動的取得+エラー処理 - Okiraku Programming","url":"http://d.hatena.ne.jp/NeoCat/20110206/1296934235","content":"JSONPのエラーをキャッチするためにiframeを利用して読み込む方法。\nscriptタグのonerrorが実行されないブラウザでも対応できる。","date":"2011-02-22T04:45:00.000Z"},{"title":"WebGL勉強会 第5回で発表して来ました - 強火で進め","url":"http://d.hatena.ne.jp/nakamura001/20110205/1296913818","content":"「Learning WebGLで学ぶWebGL入門」のスライド資料","date":"2011-02-22T13:50:00.000Z"},{"title":"LearnBoost/stylus - GitHub","url":"https://github.com/LearnBoost/stylus","content":"Node.js製\nCSSに変数などの機能を持たせたメタ言語。\nコンパイルすることでCSSとして使用できる。","date":"2011-02-22T22:55:00.000Z"},{"title":"Touch Events仕様のEditor's Draftが公開 | Web標準Blog | ミツエーリンクス","url":"http://standards.mitsue.co.jp/archives/001497.html","content":"W3CによるTouch EventのEditor's Draftが公開\nジェスチャーなどはまだ含まれていない","date":"2011-02-23T08:00:00.000Z"},{"title":"jquery1.5のDeferred Object - 俺の作業ログ","url":"http://d.hatena.ne.jp/pirosikick/20110203/1296749202","content":"Deferred Objectの使い方。\n時間差で設定してもちゃんとコールバックが呼ばれるのは面白い","date":"2011-02-23T17:05:00.000Z"},{"title":"Using Deferreds in jQuery 1.5 | Eric Hynds","url":"http://www.erichynds.com/jquery/using-deferreds-in-jquery/","content":"jQuery 1.5で追加されたDeferredについての解説、使い方","date":"2011-02-24T02:10:00.000Z"},{"title":"O'Reilly Japan - JavaScriptパターン","url":"http://www.oreilly.co.jp/books/9784873114880/","content":"2011年02月15日発売\nJavaScript Patternsの翻訳版\n原著で読んでいますがとても良い書籍だと思います。\n-[JavaScript Patternsの読書記録 - prog*sig](http://efcl.info/adiary/JavaScriptPatterns \"JavaScript Patternsの読書記録 - prog*sig\")","date":"2011-02-24T11:15:00.000Z"},{"title":"Big Sky :: phantomjsをwebkitgtk+で書いてみた。","url":"http://mattn.kaoriya.net/software/lang/c/20110203044300.htm","content":"webkitgtk+で実装されたSpecterJS。\nphantomjs互換のコマンドラインツール","date":"2011-02-24T20:20:00.000Z"},{"title":"Using CSS3 and @font-face to use any custom font on a web site - Robert's talk","url":"http://robertnyman.com/2011/01/27/using-css3-and-font-face-to-use-any-custom-font-on-a-web-site/","content":"@font-faceのサポート状況をブラウザ別にまとめてある。\nWOFF OpenType TrueType EOT SVG Fontsについてどのブラウザで利用できるかが書いてある。","date":"2011-02-25T05:25:00.000Z"},{"title":"WebStorm 2.0 :: Coming soon!","url":"http://www.jetbrains.com/webstorm/nextversion/index.html","content":"高機能なHTML(5)+CSS+JavaScript対応IDEのWebStormのバージョン2.0の特徴が掲載された。\nすぐに試したい方は[EAP](http://confluence.jetbrains.net/display/WI/Web+IDE+EAP \"EAP\")を見るといいかと思います。\n-[最強のJavaScript IDE 「WebStorm」を使ってみた | Web scratch](http://efcl.info/2010/1027/res2023/ \"最強のJavaScript IDE 「WebStorm」を使ってみた | Web scratch\")","date":"2011-02-25T14:30:00.000Z"},{"title":"ExceptionHub | JavaScript Error Tracking","url":"http://www.exceptionhub.com/#","content":"埋め込みコードを入れることでJavaScriptのエラー情報を自動的にログにしれくれるWebサービス","date":"2011-02-25T23:35:00.000Z"},{"title":"窓の杜 - 【REVIEW】「Visual Studio」の“Intellisense”をHTML5対応に「HTML 5 Intellisense」","url":"http://www.forest.impress.co.jp/docs/review/20110201_422595.html","content":"Visual StudioでHTML5のタグを対応させるツール","date":"2011-02-26T08:40:00.000Z"},{"title":"結局どうすればいいの？ - Dive Into HTML5","url":"http://hail2u.net/documents/diveintohtml5-semantics.html","content":"[What Does It All Mean? - Dive Into HTML5](http://diveintohtml5.org/semantics.html \"What Does It All Mean? - Dive Into HTML5\")の日本語訳\n-Doctypeの歴史\n-relの属性値について\n-HTML5で新しいセマンティックな要素 -Internet Explorerで認識しない要素を扱うハック方法(条件付きコメントと併用)\n-navと音声読み上げソフトウェア\nなど","date":"2011-02-26T17:45:00.000Z"},{"title":"Chrome 11, a renewed XSS Filter and vertical text for multiple-column layouts « Peter Beverloo","url":"http://peter.sh/2011/02/chrome-11-a-renewed-xss-filter-and-vertical-text-for-multiple-column-layouts/","content":"WebkitのXSSフィルターがデザインされ直した。スクリプトの実行をみるよりもHTMLトークナイザーのはき出したものを解析するような方向。\nWebkitも<input type=\"number\">をサポート","date":"2011-02-27T02:50:00.000Z"},{"title":"dynaTrace Firefox Closed Beta Program started Application Performance, Scalability and Architecture – The dynaTrace Blog","url":"http://blog.dynatrace.com/2011/01/28/dynatrace-firefox-closed-beta-program-started/","content":"IE向けのパフォーマンス調査ツールとして知られるdynaTraceのFirefox版クローズドベータが開始された\n-[IE用のFirebugが欲しければdynaTrace AJAX edition（優れモノ）を使おう！ | Web担当者Forum](http://web-tan.forum.impressrd.jp/e/2010/07/27/8463 \"IE用のFirebugが欲しければdynaTrace AJAX edition（優れモノ）を使おう！ | Web担当者Forum\")","date":"2011-02-27T11:55:00.000Z"},{"title":"jQuery: » jQuery 1.5 Released","url":"http://blog.jquery.com/2011/01/31/jquery-15-released/","content":"jQuery 1.5正式版がリリース\nDeferred Objectが追加されている","date":"2011-02-27T21:00:00.000Z"},{"title":"node.jsとjQueryでスクレイピングするウェブアプリの作り方 | さくらたんどっとびーず","url":"http://sakuratan.biz/archives/3393","content":"node.jsとjQueryを使ってスクレイピングを行う解説","date":"2011-02-28T06:05:00.000Z"},{"title":"Qwery - The Tiny Selector Engine","url":"http://dustindiaz.com/qwery","content":"機能を限定して小さく絞ったCSSセレクタエンジン。jQueryとかで有名なSizzleの1/4のサイズ","date":"2011-02-28T15:00:00.000Z"},{"title":"Software is hard | Script Execution Analysis in Firefox 4","url":"http://www.softwareishard.com/blog/firebug/script-execution-analysis-in-firefox-4/","content":"Fireox3.6と4.0ではインラインスクリプトやScriptタグをつくって入れた外部スクリプトの挙動が少し変わってる。\nDOMContentLoadができるだけ早く起きるように工夫されて、無駄な実行待ちなどが減っている。addExternalScriptの実行順は取得順になっている","date":"2011-03-01T04:17:00.000Z"},{"title":"Mootoolsについて « Mootips","url":"http://mootips.org/topics/15/","content":"Mootoolsの概要\n機能紹介やプラグインについて","date":"2011-03-01T17:34:00.000Z"},{"title":"IE9’s Document Modes and JavaScript - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2011/03/24/ie9-s-document-modes-and-javascript.aspx","content":"IEのDocumentモードの種類と説明","date":"2011-03-02T06:51:00.000Z"},{"title":"Getfirebug Blog » Blog Archive » Firebug Lite 1.3.2","url":"http://blog.getfirebug.com/2011/03/23/firebug-lite-1-3-2/","content":"Firebug Lite 1.3.2のリリース。\n互換性とブラウザとの結合性強化\n“Disable XHR Listener” というオプションがついた","date":"2011-03-02T20:08:00.000Z"},{"title":"Androidサイトは横幅何pxで作ればいいのか？ - さくっとモバイル","url":"http://d.hatena.ne.jp/acidgraphix/20110126/1296018143","content":"Androidサイト基本320pxがいいという話\nAndroidのviewportについて。","date":"2011-03-03T09:25:00.000Z"},{"title":"Selectors Level 4","url":"http://dev.w3.org/csswg/selectors4/","content":"Selectors Level4のEditor's Draft","date":"2011-03-03T22:42:00.000Z"},{"title":"Getfirebug Blog » Blog Archive » Firebug 1.7.0","url":"http://blog.getfirebug.com/2011/03/21/firebug-1-7-0/","content":"Firefox4に対応したFirebug1.7.0がリリース","date":"2011-03-04T11:59:00.000Z"},{"title":"defunkt/dotjs - GitHub","url":"https://github.com/defunkt/dotjs","content":"サイトのドメイン名と同じ名前のjsファイルをおいて、自動的に読み込んで適応するChrome拡張\nFirefox版 https://github.com/rlr/dotjs-addon\nFirefox/CSS版 https://github.com/xvzf/firefox.css","date":"2011-03-05T01:16:00.000Z"},{"title":"JavaScriptで/.*/()とは何か. - プログラムモグモグ","url":"http://d.hatena.ne.jp/itchyny/20110322/1300720315","content":"/.*/.exec(RegExp.input)\nRegExpでFizzBuzz","date":"2011-03-05T14:33:00.000Z"},{"title":"Firefox 4.0 リリース! - Another 朝顔日記","url":"http://d.hatena.ne.jp/nyama/20110323/1300842445","content":"Firefox4リリースリンク","date":"2011-03-06T03:50:00.000Z"},{"title":"PhantomJS: Headless WebKit with JavaScript API","url":"http://www.phantomjs.org/","content":"PhantomJSのページ","date":"2011-03-06T17:07:00.000Z"},{"title":"Firefox 4 リリースノート","url":"http://mozilla.jp/firefox/4.0/releasenotes/","content":"Firefox4のリリース","date":"2011-03-07T06:24:00.000Z"},{"title":"Web Dev .NET: JSConsole Remote Debugging and JSBin Live Preview","url":"http://www.elijahmanor.com/2011/03/jsconsole-remote-debugging-and-jsbin.html","content":"JSConsoleとJSBin(Live Preview)を使ってiPhoneのmobile safariをリモートでバッグする方法を解説\nJSBinでjsbin.livePreview();を実行する事でライブプレビューパネルが開く","date":"2011-03-07T19:41:00.000Z"},{"title":"inception explained as a 4 nested javascript closures — Gist","url":"https://gist.github.com/659424","content":"console.groupの実行してわかるサンプル","date":"2011-03-08T08:58:00.000Z"},{"title":"mockko/livereload - GitHub","url":"https://github.com/mockko/livereload","content":"Firefox/Chrome/Safari向けのCSS/JSの自動リロード拡張+コマンドラインツール\n変更を検知してリロードする","date":"2011-03-08T22:15:00.000Z"},{"title":"Getfirebug Blog » Blog Archive » Firebug 1.7.0","url":"http://blog.getfirebug.com/2011/03/21/firebug-1-7-0/","content":"Firefox4に対応したFirebug1.7.0がリリース","date":"2011-03-09T11:32:00.000Z"},{"title":"CSS拡張メタ言語「SCSS(Sass)」と「LESS」の比較 - (DxD)∞","url":"http://dxd8.com/archives/217/","content":"SassとLESSの比較まとめ。\n動作環境や仕様、機能や文法についてよくまとまっている","date":"2011-03-10T00:49:00.000Z"},{"title":"Amazon: Programming HTML5 Applications: Building Powerful Cross-Platform Environments in Javascript: Zachary Kessin","url":"http://www.amazon.com/o/ASIN/1449399088/book042-22/ref=nosim","content":"2011年8月15日発売\nHTML5とJavaScriptを使ったアプリケーション開発。","date":"2011-03-10T14:06:00.000Z"},{"title":"Amazon: jQuery Mobile: Up and Running: Maximiliano Firtman","url":"http://www.amazon.com/o/ASIN/1449397654/book042-22/ref=nosim","content":"2011年8月15日発売\njQuery Mobile本","date":"2011-03-11T03:23:00.000Z"},{"title":"Acebug :: Add-ons for Firefox","url":"https://addons.mozilla.org/ja/firefox/addon/acebug/","content":"FirebugのコンソールをAceを使ったエディタにする。シンタックスハイライトとかオートインデント、ViやEmacs風のキーバインド、ファイル保存、ロードなどができるようになる。","date":"2011-03-11T16:40:00.000Z"},{"title":"JavaScript Binary Operations – the easy way @ Learning is bateru","url":"http://bateru.com/news/2011/03/javascript-binary-operations-the-easy-way/","content":"JavaScriptでバイナリ操作についての解説","date":"2011-03-12T05:57:00.000Z"},{"title":"Web performance optimization (WPO)","url":"http://www.slideshare.net/bonoseo/web-performance-optimization-wpo","content":"Webサイトのパフォーマンスについてのスライド。それぞれに解決方法やツールの紹介がシンプルにまとまっている","date":"2011-03-12T19:14:00.000Z"},{"title":"モデルから知るGit","url":"http://www.slideshare.net/hiratara/git-7205454","content":"gitの各コマンドの動きを図で示していてとても分かりやすい内容。","date":"2011-03-13T08:31:00.000Z"},{"title":"Multiple-tab selection, tab title elision, animations API and a new Chromium logo « Peter Beverloo","url":"http://peter.sh/2011/03/multiple-tab-selection-tab-title-elation-animations-api-and-a-new-chromium-logo/","content":"マルチタブ選択機能、CSS3 Writing Modes、ロゴが新しくなった","date":"2011-03-13T21:48:00.000Z"},{"title":"Welcome to jsFiddle’s documentation — jsFiddle v0.5a2 documentation","url":"http://doc.jsfiddle.net/","content":"jsFiddleのAPIドキュメント。\nGitHubとの連携もできる","date":"2011-03-14T11:05:00.000Z"},{"title":"Tagneto: RequireJS 0.24.0 Released","url":"http://tagneto.blogspot.com/2011/03/requirejs-0240-released.html","content":"IE9をサポートしたRequireJS 0.24.0がリリース。CoffeScript pluginが入った。","date":"2011-03-15T00:22:00.000Z"},{"title":"東北地方太平洋沖地震に伴うInternet Explorer(R) 9日本語版の製品版提供の延期について","url":"http://www.microsoft.com/japan/presspass/detail.aspx?newsid=3969","content":"IE9 日本だけ延期","date":"2011-03-15T13:39:00.000Z"},{"title":"A language for the Internet: Why JavaScript and Node.js is right for Internet Application","url":"http://www.slideshare.net/sh1mmer/a-language-for-the-internet-why-javascript-and-nodejs-is-right-for-internet-application","content":"YahooのTomさん(オライリーからNode.js本出す人)のNode.jsについてのスライド。\nNode.jsの特徴について","date":"2011-03-16T02:56:00.000Z"},{"title":"ブラウザ デフォルトCSSのチートシートを作ってみた。(力尽きた) : Web Design KOJIKA17","url":"http://kojika17.com/2011/03/browsers-default-css.php","content":"ブラウザのデフォルトCSSをまとめたチートシートの公開","date":"2011-03-16T16:13:00.000Z"},{"title":"Blogging IE9: A Year in Review - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2011/03/09/blogging-ie9-a-year-in-review.aspx","content":"IE9のリリースが近づいてきたので総まとめ","date":"2011-03-17T05:30:00.000Z"},{"title":"Node.net – Node.js implemented in Javascript on the .NET runtime « Dan Newcome, blog","url":"http://newcome.wordpress.com/2010/05/08/node-net-node-js-implemented-in-javascript-on-the-net-runtime/","content":"Node.jsをJScript.NETで実装したものが公開","date":"2011-03-17T18:47:00.000Z"},{"title":"How to Create Bookmarklets | Nettuts+","url":"http://net.tutsplus.com/tutorials/javascript-ajax/create-bookmarklets-the-right-way/","content":"ブックマークレットの作成方法についての記事","date":"2011-03-18T08:04:00.000Z"},{"title":"JavaScript Enlightenment | by Cody Lindley | 1st Edition | ECMA-262, Edition 3","url":"http://javascriptenlightenment.com/","content":"JavaScript library userをJavaScript developerへ変える電子書籍。\n著者はjQuery Enlightenmentの人","date":"2011-03-18T21:21:00.000Z"},{"title":"dynaTrace Ajax Edition 3.0 Beta supports Firefox and Internet Explorer Application Performance, Scalability and Architecture – The dynaTrace Blog","url":"http://blog.dynatrace.com/2011/03/08/dynatrace-ajax-edition-3-0-beta-supports-firefox-and-internet-explorer/","content":"Webページのパフォーマンス分析ツール。\nFirefox対応の一般ベータが開始された","date":"2011-03-19T10:38:00.000Z"},{"title":"Pinned items - PhantomJS を Cocoa で書いた - Yarukidenized:ヤルキデナイズド","url":"http://d.hatena.ne.jp/uasi/20110311/1299776017","content":"Cocoa と WebKit.frameworkで実装されたPhantomJS。","date":"2011-03-19T23:55:00.000Z"},{"title":"Amazon: 実践 サーバサイド JavaScript: 井上 誠一郎","url":"http://www.amazon.co.jp/o/ASIN/4774146293/book042-22/ref=nosim","content":"2011年4月20日発売\nアリエル・ネットワークCTOの井上 誠一郎さんだと思うけど、内容についてはまだ何も書いてないのでNode.jsかは不明","date":"2011-03-20T13:12:00.000Z"},{"title":"IE9 RTW Due Date, A Big Thank You, MIX11, and a Unicorn Named Frank | Charles | Channel 9","url":"http://channel9.msdn.com/Blogs/Charles/IE9-RTW-Due-Date-A-Big-Thank-You-MIX11-and-a-Unicorn-Named-Frank","content":"IE9製品版 米国時間3月14日に公開","date":"2011-03-21T02:29:00.000Z"},{"title":"strict mode - motivation and semantics - Constellation Scorpius","url":"http://utatane-constellation.tumblr.com/post/3711268645","content":"strict modeの概念とは何か\nstatic解析につながる話","date":"2011-03-21T15:46:00.000Z"},{"title":"Travis Leithead「IEで出る","url":"http://d.hatena.ne.jp/vwxyz/20110308/1299572479","content":"IEを使ってるときに出るエラーダイアログ\"Operation Aborted\"のIEblogの斜め読み訳","date":"2011-03-22T05:03:00.000Z"},{"title":"CSS Quotes, mock-ups of the HTML5 date-picker and the P2P API « Peter Beverloo","url":"http://peter.sh/2011/03/css-quotes-mock-ups-of-the-html5-date-picker-and-the-p2p-api/","content":"ChromiumでHTML5 peer-to-peer connection APIの実装が始まった","date":"2011-03-22T18:20:00.000Z"},{"title":"typeof演算子から学ぶJavaScriptのデータ型の概念と関係する考察のまとめ - 三等兵","url":"http://d.hatena.ne.jp/sandai/20110308/p1","content":"JavaScript Gardenのtypeof演算子と\n[[Class]]との違いについての話。","date":"2011-03-23T07:37:00.000Z"},{"title":"Sapporo.jsでJavaScriptの成り立ちについてLTしてきました。 - I am Bad at Math","url":"http://d.hatena.ne.jp/badatmath/20110308/1299554852","content":"JavaScriptの成り立ちからES5、Harmonyまでの話まで。標準化までの話が中心的","date":"2011-03-23T20:54:00.000Z"},{"title":"Sass でもう一度 CSS を楽しく! - terkel.jp","url":"http://terkel.jp/archives/2011/03/sass-makes-css-fun-again/","content":"Sass入門方法のまとめ。\nUst動画が結構分かりやすいのでオススメ","date":"2011-03-24T10:11:00.000Z"},{"title":"O'Reilly Japan - ハイパフォーマンスJavaScript","url":"http://www.oreilly.co.jp/books/9784873114903/","content":"2011年03月19日 発売\nHTML、CSS、JavaScript＋Ajax、PHPなどWebアプリケーションのパフォーマンスについての書籍","date":"2011-03-24T23:28:00.000Z"},{"title":"スクロールするまで画像を読み込まない（はずの）Lazy Loadについて :: 5509","url":"http://5509.me/log/lazyload","content":"画像の遅延ロードするLazy Loadは新しいブラウザだと正しく動作しないため、HTTPリクエスト数が余計に増えたりするという話。","date":"2011-03-25T12:45:00.000Z"},{"title":"あーありがち - JavaScript Url DispatcherとかRouterについて調べた","url":"http://aligach.net/diary/20110306.html","content":"URL dispatcherについて。\n実装ライブラリの紹介など","date":"2011-03-26T02:02:00.000Z"},{"title":"『Javascriptによる正規表現まとめ - Happy Hacker WebEngineerのTechブログ』","url":"http://d.hatena.ne.jp/yutakikuchi/20110305/1299318337","content":"JavaScriptでの正規表現のまとめ。\n例コードがぞれぞれの要素毎にある。","date":"2011-03-26T15:19:00.000Z"},{"title":"Khronos Press Releases -","url":"http://www.khronos.org/news/press/releases/khronos-releases-final-webgl-1.0-specification","content":"WebGL1.0の最終仕様がリリース","date":"2011-03-27T04:36:00.000Z"},{"title":"EaselJS 0.3.2 for JavaScript / Canvas Released : javascript","url":"http://www.reddit.com/r/javascript/comments/fwrvy/easeljs_032_for_javascript_canvas_released/","content":"CanvasアニメーションライブラリのEaselJS 0.3.2がリリース","date":"2011-03-27T17:53:00.000Z"},{"title":"Issue 72975 - chromium - Blacklist GPU acceleration on Windows XP - Project Hosting on Google Code","url":"http://code.google.com/p/chromium/issues/detail?id=72975","content":"Chrome on XPでWebGLがオフになった。","date":"2011-03-28T07:10:00.000Z"},{"title":"『JavaScriptコードのパフォーマンス比較ができるWebサービス「jsPerf」の使い方 | Web scratch』","url":"http://efcl.info/2011/0303/res2330/","content":"jsPerfでベンチマークを比較して記録","date":"2011-03-28T20:27:00.000Z"},{"title":"ブラウザの最新情報を知るために、Web開発者が読んでおくべきブログ | Web scratch","url":"http://efcl.info/2011/0301/res2303/","content":"ブラウザ毎の新しい情報を配信してるブログリンク集","date":"2011-03-29T09:44:00.000Z"},{"title":"Amazon: Foundation HTML5 Animation with JavaScript: Billy Lamberta, Keith Peters","url":"http://www.amazon.com/o/ASIN/1430236655/book042-22/ref=nosim","content":"2011年8月24日発売\n著者はDoodle-jsの方とActionScript 3.0アニメーションで有名なKeith Peters氏","date":"2011-03-29T23:01:00.000Z"},{"title":"micha/jsawk - GitHub","url":"https://github.com/micha/jsawk","content":"awkライクでJSONを操作することができるコマンドラインツール","date":"2011-03-30T12:18:00.000Z"},{"title":"Amazon: iPhone+Android スマートフォンサイト制作入門 (WEB PROFESSIONAL): たにぐちまこと","url":"http://www.amazon.co.jp/o/ASIN/4048702181/book042-22/ref=nosim","content":"PhoneやAndroidといったスマートフォン向けに最適化されたWebサイトを構築に関しての書籍","date":"2011-03-31T01:35:00.000Z"},{"title":"Ext JS 4.0がリリースされました | Ext Japan Blog","url":"http://www.extjs.co.jp/blog/2011/04/27/extjs-40-released/","content":"Ext JS4.0がリリース。","date":"2011-03-31T15:00:00.000Z"},{"title":"Windows(R) Internet Explorer(R) 9 日本語版の提供開始","url":"http://www.microsoft.com/japan/presspass/detail.aspx?newsid=3995","content":"IE9の日本語版もやっとリリース","date":"2011-04-01T05:07:00.000Z"},{"title":"Internet Explorerの中の人に聞く、ブラウザの未来とは : ライフハッカー［日本版］","url":"http://www.lifehacker.jp/2011/04/110425internet_explorer9.html","content":"IE9の日本語版がリリースされた","date":"2011-04-01T19:14:00.000Z"},{"title":"Learn HTML | Mozilla Developer Network","url":"https://developer-stage9.mozilla.org/ja/learn/html","content":"HTML、CSS、JavaScript を学ぶためのリンク集","date":"2011-04-02T09:21:00.000Z"},{"title":"Git 1.7.5がリリース、メッセージの国際化へ一歩 － ＠IT","url":"http://www.atmarkit.co.jp/news/201104/25/git.html","content":"Git 1.7.5がリリースされた。","date":"2011-04-02T23:28:00.000Z"},{"title":"Sass 3.1 released, now with functions, lists, and @media bubbling - The Changelog - Open Source moves fast. Keep up.","url":"http://thechangelog.com/post/4926466447/sass-sass-makes-css-fun-again","content":"Sass3.1がリリースされた。","date":"2011-04-03T13:35:00.000Z"},{"title":"JavaScript and jQuery: The Missing Manual, Second Edition - O'Reilly Media","url":"http://oreilly.com/catalog/0636920015048","content":"2011年9月11日発売\njQueryライブラリについて扱う本","date":"2011-04-04T03:42:00.000Z"},{"title":"Amazon.com: HTML5 Cookbook (9781449396794): Christopher Schmitt, Kyle Simpson: Books","url":"http://www.amazon.com/o/ASIN/1449396798/book042-22/ref=nosim","content":"2011年9月11日発売\nHTML5クックブックオライリー本","date":"2011-04-04T17:49:00.000Z"},{"title":"Aptana | Studio","url":"http://www.aptana.com/products/studio3","content":"HTML, CSS, JavaScript,Ruby, Rails, PHP & Pythonなどに対応しているEclipseベースのIDEであるAptana3がリリース","date":"2011-04-05T07:56:00.000Z"},{"title":"simple algorithms","url":"http://algorithms.openmymind.net/","content":"JavaScriptで基礎的なアルゴリズムを解説。\nステップごとに実行結果を見られるので分かりやすい","date":"2011-04-05T22:03:00.000Z"},{"title":"Performance of Javascript (Binary) Byte Arrays in Modern Browsers « searching for signal","url":"http://blog.n01se.net/?p=248","content":"Typed Arrays,ImageData arrays(Canvas),charCodeAtで切り出す古典的な手法でのパフォーマンスを比較","date":"2011-04-06T12:10:00.000Z"},{"title":"What’s New in jQuery UI 1.8 » SitePoint","url":"http://blogs.sitepoint.com/whats-new-in-jquery-ui-1-8/","content":"jQuery UI 1.8で何が変わったのか","date":"2011-04-07T02:17:00.000Z"},{"title":"jQuery Conference 2011 Bay Area Videos","url":"http://addyosmani.com/blog/jqcon-bayarea-videos-2011/","content":"jQuery Conference 2011の動画","date":"2011-04-07T16:24:00.000Z"},{"title":"『The Node Beginner Book』","url":"http://nodebeginner.org/","content":"Node.js入門 E-book的なもの","date":"2011-04-08T06:31:00.000Z"},{"title":"eBay Open Source","url":"https://www.ebayopensource.org/index.php/VJET/HomePage","content":"Eclipse ベースのJavaScript IDE\nVJET JavaScript Type Librariesを作る事で対応するライブラリを増やせる。現在は著名なライブラリとNodeあたりに対応している","date":"2011-04-08T20:38:00.000Z"},{"title":"ノンプログラマーのためのjQuery入門","url":"http://www.slideshare.net/hayatomizuno/jquery-7665168","content":"jQueryについて初心者向けに説明しているスライド。\nとても分かりやすく、見やすいのでオススメ","date":"2011-04-09T10:45:00.000Z"},{"title":"O'Reilly: Stateful JavaScript Applications","url":"http://jswebapps.heroku.com/","content":"Stateful JavaScript Applicationsというオライリー本のページ\nリッチアプリケーションなどに注目して、MVCやWebSockect,Nodeなどについて扱う。","date":"2011-04-10T00:52:00.000Z"},{"title":"steps to phantasien(2011-04-17)","url":"http://steps.dodgson.org/?date=20110417","content":"Readability をCoffeeScriptで書き直しながら仕組みを見てみる。DOMの木構造からトライアンドエラー方式で本文を見つけている。\n実行環境としてのPhantomJSの評価","date":"2011-04-10T14:59:00.000Z"},{"title":"The Pragmatic Bookshelf | CoffeeScript","url":"http://pragprog.com/titles/tbcoffee/coffeescript","content":"2011年6月15日発売\nCoffeeScriptの書籍","date":"2011-04-11T05:06:00.000Z"},{"title":"JS11","url":"http://js11.org/","content":"JavaScriptのメタ言語\nデモがうにょうにょ変形する","date":"2011-04-11T19:13:00.000Z"},{"title":"Modern JavaScript - rmurphey","url":"http://blog.rebeccamurphey.com/modern-javascript","content":"Is JavaScript the New Perl?への反応記事\nhttp://www.dagolden.com/index.php/1446/is-javascript-the-new-perl/\nそもそもモダンJavaScriptとはどうあるべきなのか、今よく討論されているモジュール、非同期ローダーについての話。\nRequireJS,jQuery,NIH","date":"2011-04-12T09:20:00.000Z"},{"title":"Native HTML5: First IE10 Platform Preview Available for Download - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2011/04/12/native-html5-first-ie10-platform-preview-available-for-download.aspx","content":"IE10について。\nCSS3 Multi-column Layout/CSS3 Grid Layout/CSS3 Flexible Box Layout/CSS3 Gradients/ES5 Strict Mode | CSS3 Transitions /CSS3 3D Transforms","date":"2011-04-12T23:27:00.000Z"},{"title":"『Opera: Opera 11.10 for Windows changelog』","url":"http://www.opera.com/docs/changelogs/windows/1110/","content":"OperaがWebPサポート","date":"2011-04-13T13:34:00.000Z"},{"title":"WebStorm & PhpStorm Blog » Blog Archive » 50% OFF personal WebStorm licenses","url":"http://blogs.jetbrains.com/webide/2011/04/50-off-on-personal-webstorm-licenses/","content":"HTML+CSS+JavaScriptのIDEとしてとても優秀なWebStormが半額セールを実施中。","date":"2011-04-14T03:41:00.000Z"},{"title":"『Amazon: HTML5基礎: WINGSプロジェクト 片渕彼富, 山田祥寛』","url":"http://www.amazon.co.jp/o/ASIN/4839937931/book042-22/ref=nosim","content":"HTML5本","date":"2011-04-14T17:48:00.000Z"},{"title":"O'Reilly Japan - 入門 HTML5","url":"http://www.oreilly.co.jp/books/9784873114828/","content":"2011年04月22日 発売\n矢倉 眞隆　監訳","date":"2011-04-15T07:55:00.000Z"},{"title":"Taberareloo + upload from cache - 枕を欹てて聴く","url":"http://d.hatena.ne.jp/Constellation/20110411/1302456745","content":"Chrome ExtensionでHTML5 APIをいろいろ\nXHR lv2 FormData,FileSystem API BlobBuilder(arraybuffer),dataをバイナリへ","date":"2011-04-15T22:02:00.000Z"},{"title":"『The Lessons - Hack The WebGL (WebGL勉強会)』","url":"https://sites.google.com/site/hackthewebgl/learning-webglhon-yaku/the-lessons","content":"WebGLのチュートリアル\nLearning WebGLの翻訳","date":"2011-04-16T12:09:00.000Z"},{"title":"maccman/ichabod - GitHub","url":"https://github.com/maccman/ichabod","content":"Jasmine,Qunitを使えるヘッドレステスト。Webkitを使ってコマンドラインから実行できる。またRubyのメソッドをJavaScriptから叩ける","date":"2011-04-17T02:16:00.000Z"},{"title":"Firmin, a JavaScript animation library using CSS transforms and transitions","url":"http://extralogical.net/projects/firmin/","content":"CSS transforms と transitions を使ったJavaScriptアニメーションライブラリ","date":"2011-04-17T16:23:00.000Z"},{"title":"『Convert XML to JSON with JavaScript』","url":"http://davidwalsh.name/convert-xml-json","content":"JavaScript(DOM API)でXMLからJSONへ変換する","date":"2011-04-18T06:30:00.000Z"},{"title":"『The JavaScript Comma Operator | JavaScript, JavaScript』","url":"http://javascriptweblog.wordpress.com/2011/04/04/the-javascript-comma-operator/","content":"カンマ演算子について。\nいろいろ面白い使い方","date":"2011-04-18T20:37:00.000Z"},{"title":"『SproutCore Blog - SproutCore 1.5 Release Candidate 1 Released』","url":"http://blog.sproutcore.com/post/4280548884/sproutcore-1-5-release-candidate-1-released","content":"SproutCore 1.5 RC1がリリース","date":"2011-04-19T10:44:00.000Z"},{"title":"O'Reilly Japan - JavaScriptクックブック","url":"http://www.oreilly.co.jp/books/9784873114941/","content":"2011年04月22日 発売\n浅く広くな感じの書籍\n原著で読んだときの記録\nhttp://efcl.info/adiary/JavaScript%20Cookbook%E3%81%AE%E8%A8%98%E9%8C%B2","date":"2011-04-20T00:51:00.000Z"},{"title":"kbjr/Events.js at master - GitHub","url":"https://github.com/kbjr/Events.js","content":"イベントハンドラライブラリ","date":"2011-04-20T14:58:00.000Z"},{"title":"CommunityJS","url":"http://communityjs.org/","content":"世界のJavaScriptコミュニティ(ユーザーグループ)をまとめている","date":"2011-04-21T05:05:00.000Z"},{"title":"『ホーム - jQuery Mobile 1.0a4.1 日本語リファレンス』","url":"http://dev.screw-axis.com/doc/jquery_mobile/","content":"jQuery Mobileのリファレンスの日本語訳","date":"2011-04-21T19:12:00.000Z"},{"title":"『Amazon: Professional jQuery: Cesar Otero』","url":"http://www.amazon.com/o/ASIN/1118026683/book042-22/ref=nosim","content":"2011年9月20日発売","date":"2011-04-22T09:19:00.000Z"},{"title":"Backbone.jsを利用したクライアントサイドMVCの導入についてそろそろ書いておくか - 出町ミスド攻防記","url":"http://d.hatena.ne.jp/kazuk_i/20110407/1302130947","content":"Backbone.jsの設計について。\nクライアントサイドによるMVC","date":"2011-04-22T23:26:00.000Z"},{"title":"マイクロソフト PressPass お知らせ","url":"http://www.microsoft.com/japan/presspass/news/default.aspx#110406","content":"Internet Explorer(R) 9 日本語版の提供日について\n4/26 0時に提供開始","date":"2011-04-23T13:33:00.000Z"},{"title":"[ ] == ![ ] の謎を自分でも解いてみた - Web系がおもしろい。","url":"http://d.hatena.ne.jp/esperia/20110405/1302035204","content":"[] == ![]; // true を仕様から動作を見る。 ToPrimitiveの挙動","date":"2011-04-24T03:40:00.000Z"},{"title":"Ender.js - The open submodule library","url":"http://dustindiaz.com/ender","content":"jQueryライクだけど、1/4ほどのサイズのライブラリ。\nクラス、CSSセレクタ、非同期ローダ、ajax、アニメーション","date":"2011-04-24T17:47:00.000Z"},{"title":"Titanium Studio 1.0プレビュー版とデバッガをリリース « Appcelerator Developer Center","url":"http://developer.appcelerator.com/blog/2011/04/titanium-studio-1-0%e3%83%97%e3%83%ac%e3%83%93%e3%83%a5%e3%83%bc%e7%89%88%e3%81%a8%e3%83%87%e3%83%90%e3%83%83%e3%82%ac%e3%82%92%e3%83%aa%e3%83%aa%e3%83%bc%e3%82%b9.html?lang=ja","content":"Aptana3ベースのTitanium IDE\nTitanium Mobile、Titanium Desktopアプリケーション向け","date":"2011-04-25T07:54:00.000Z"},{"title":"Javascript Operators | by timmmy willison","url":"http://www.timmywillison.com/pres/operators/#landing","content":"JavaScriptの演算子についてのスライド","date":"2011-04-25T22:01:00.000Z"},{"title":"『Mobile-UserAgent検索システム - Happy Hacker WebEngineerのTechブログ』","url":"http://d.hatena.ne.jp/yutakikuchi/20110331/1301546041","content":"DoCoMo,au,SoftBank,WILLCOM,emobileの端末,スマートフォンのUAを検索できるサービス","date":"2011-04-26T12:08:00.000Z"},{"title":"jQuery: » jQuery 1.5.2 Released","url":"http://blog.jquery.com/2011/03/31/jquery-152-released/","content":"jQuery1.5.2リリース。\n主にbugfix","date":"2011-04-27T02:15:00.000Z"},{"title":"JavaScript template language shootoff · jsPerf","url":"http://jsperf.com/dom-vs-innerhtml-based-templating/73","content":"JavaScriptのテンプレートライブラリの速度比較","date":"2011-04-27T16:22:00.000Z"},{"title":"Felix's Node.js Guide","url":"http://nodeguide.com/","content":"node.jsの入門ガイド\n-Beginner Guide\n-Style Guide\n-Community Guide\n-Convincing The Boss Guide","date":"2011-04-28T06:29:00.000Z"},{"title":"Getfirebug Blog » Blog Archive » Firebug 1.8a1","url":"http://blog.getfirebug.com/2011/04/01/firebug-1-8a1/","content":"Firebug1.8ではRequireJSを使ってモジュール管理している","date":"2011-04-28T20:36:00.000Z"},{"title":"IE9/Chrome11/Fx4でUA Stringがシンプルになった件 - クライアント・サイド・スクリプティング with Web Standards","url":"http://d.hatena.ne.jp/vwxyz/20110401/1301643530","content":"ブラウザのUAの削除理由とそもそもの文字列の意味","date":"2011-04-29T10:43:00.000Z"},{"title":"Crockford On JavaScript: Level 7: ECMAScript 5: The New Parts","url":"http://www.slideshare.net/douglascrockford/crockford-on-javascript-level-7-ecmascript-5-the-new-parts","content":"ダグラス様。\nES5で追加されたメソッドなどの紹介、またそれをES3のコードで表現。\nProperty DescriptorやStrict Modeについても","date":"2011-04-30T00:50:00.000Z"},{"title":"『JavaScript Tools (PHPConference 2011, Berlin)』","url":"http://www.slideshare.net/wolframkriesing/javascript-tools-phpconference-2011-berlin","content":"エディタ、ライブラリ、整形・圧縮、ドキュメント、テスト、デバッガー、プロファイラーなどを紹介してるスライド","date":"2011-04-30T15:00:00.000Z"},{"title":"Aurora 6 is here ✩ Mozilla Hacks – the Web developer blog","url":"http://hacks.mozilla.org/2011/05/aurora-6-is-here/","content":"progress要素のサポート、window.matchMedia API,バイナリを扱うAPIの改善,Server Sent Events,WebSocketsが復活。\n-element.dataset でdata-*属性値にアクセス/変更できる。\n-DOM3 CustomEvent ,event.preventDefault()されたかをイベントオブジェクトがdefaultPreventedプロパティに持つ。\n-onhashchangeイベントがnewURLとoldURL\nを持つように。\n-ドキュメントのprint(印刷)に関するafterprint,beforeprint\n-WeakMapの実装\nhttp://d.hatena.ne.jp/teramako/20110516/p1\nなど","date":"2011-05-01T02:16:00.000Z"},{"title":"Ecmascript","url":"http://www.slideshare.net/lijing00333/ecmascript","content":"ECMAScriptの範囲についてのスライド。\n中国語?だけど、図が分かりやすい。","date":"2011-05-01T13:32:00.000Z"},{"title":"roblevintennis/Testing-and-Debugging-JavaScript - GitHub","url":"https://github.com/roblevintennis/Testing-and-Debugging-JavaScript/tree/c677226b447ac67621f805f4f38a4078f57d6d5b","content":"Test Driving JavaScript Book\nJavaScriptのデバッグやテストについての電子書籍\nCC BY-SA 3.0で公開されてる","date":"2011-05-02T00:48:00.000Z"},{"title":"Amazon: 14歳からはじめるHTML5 & JavaScriptわくわくゲームプログラミング教室Windows／Macintosh対応: 大槻有一郎","url":"http://www.amazon.co.jp/o/ASIN/4899772971/book042-22/ref=nosim","content":"2011年6月24日\n14歳からシリーズ","date":"2011-05-02T12:04:00.000Z"},{"title":"WebStorm & PhpStorm Blog » Blog Archive » WebStorm & PhpStorm celebrate their First Birthday! Renewals available.","url":"http://blogs.jetbrains.com/webide/2011/05/webstorm-phpstorm-celebrate-their-first-birthday-renewals-available/","content":"WebStorm/PhpStorm一周年\n年内に3.0が予定されていて、LESS/SASSのサポート改善とQUnit/CoffeeScript/Node.jsがサポートされる予定。","date":"2011-05-02T23:20:00.000Z"},{"title":"『Amazon: HTML5＆CSS3辞典: 株式会社アンク』","url":"http://www.amazon.co.jp/o/ASIN/4798123374/amazon0abac-22/ref=nosim","content":"2011年6月8日発売","date":"2011-05-03T10:36:00.000Z"},{"title":"requestAnimationFrame ＜ よーしおまえらー、アニメーションにsetInterval使うなよー - くろまほうさいきょうでんせつ","url":"http://d.hatena.ne.jp/calpo/20110523/p1","content":"requestAnimationFrameの利点と使い方について","date":"2011-05-03T21:52:00.000Z"},{"title":"First Rapid Release Firefox Beta Now Available | Future Releases","url":"http://blog.mozilla.com/futurereleases/2011/05/20/firefoxbeta/","content":"Firefox5のベータがリリース。","date":"2011-05-04T09:08:00.000Z"},{"title":"Mozilla Japan ブログ - 高速リリースサイクル移行後初の Firefox ベータ版公開","url":"http://mozilla.jp/blog/entry/6763/","content":"Firefox 次期バージョン (Firefox 5) のベータ版を公開\nFirefox5ではCSSアニメーションが実装された。\n5 週間ごとに次のバージョンをリリースするため、今年中に9までリリース予定\n-https://wiki.mozilla.org/RapidRelease#Merge_Dates","date":"2011-05-04T20:24:00.000Z"},{"title":"IE8- は名前付き関数式を関数宣言としても扱う - think49の日記","url":"http://d.hatena.ne.jp/think49/20110521/1305959222","content":"IEでの名前付き関数式の挙動について。\n-http://kangax.github.com/nfe/","date":"2011-05-05T07:40:00.000Z"},{"title":"『JSONSelect』","url":"http://jsonselect.org/#overview","content":"CSSセレクタみたいな構文でJSONから値を抽出できるライブラリ","date":"2011-05-05T18:56:00.000Z"},{"title":"List of Chromium Command Line Switches « Peter Beverloo","url":"http://peter.sh/experiments/chromium-command-line-switches/","content":"Google Chrome(Chromium)の起動オプション一覧。","date":"2011-05-06T06:12:00.000Z"},{"title":"jQuery1.6のattr()で困ったら、1.6.1にすればいいみたい。 | Ginpen.com","url":"http://ginpen.com/2011/05/20/jquery-1-6-1/","content":"jQueryの1.6.1の変更点についての詳細\n.attr()の後方互換性について","date":"2011-05-06T17:28:00.000Z"},{"title":"jQueryのDeferredオブジェクトについて調べてみた - AOEの日記","url":"http://d.hatena.ne.jp/aoe-tk/20110515/1305471586","content":"jQueryのDeferredオブジェクトのわかりやすい解説","date":"2011-05-07T04:44:00.000Z"},{"title":"Marak/Faker.js - GitHub","url":"https://github.com/Marak/Faker.js/tree/cea0735c9a118179623eba9b10df49dde7c6963b","content":"個人情報などのダミーデータを生成できるJavaScriptライブラリ","date":"2011-05-07T16:00:00.000Z"},{"title":"Amazon: Foundation Website Creation with HTML5, CSS3, and JavaScript: Joe Lewis","url":"http://www.amazon.com/o/ASIN/1430237899/amazon0abac-22/ref=nosim","content":"2011年9月30日発売","date":"2011-05-08T03:16:00.000Z"},{"title":"Jasmine - Sinon - BrasilJS","url":"http://www.slideshare.net/sergiorjunior/jasmine-sinon-brasiljs","content":"JasmineとSinon.jsの紹介。\nSinon.jsの機能を中心に紹介している","date":"2011-05-08T14:32:00.000Z"},{"title":"Javascript PC Emulator - Technical Notes","url":"http://bellard.org/jslinux/tech.html","content":"QEMU の作者が JavaScript で書いた PC エミュレータを作った技術解説とか。\nデモでLinuxがブラウザ上で動いてる…","date":"2011-05-09T01:48:00.000Z"},{"title":"ES Harmony の Proxy と WeakMap を使ってプライベート変数(プロパティ)を作る - hogehoge @teramako","url":"http://d.hatena.ne.jp/teramako/20110516/p1","content":"ProxyとWeakMapを使った関数オブジェクトの判別","date":"2011-05-09T13:04:00.000Z"},{"title":"subsetじゃない悲しい話 (JSON編) - 枕を欹てて聴く","url":"http://d.hatena.ne.jp/Constellation/20110516/1305561406","content":"JSONの仕様について\n\"JSON: The JavaScript subset that isn’t?Timeless\" の話","date":"2011-05-10T00:20:00.000Z"},{"title":"jQuery Mobile リファレンス的なもの - へっぽこプログラマーの日記","url":"http://d.hatena.ne.jp/pikotea/20101019/1287484040","content":"jQuery Mobileのチートシート的なもの","date":"2011-05-10T11:36:00.000Z"},{"title":"Mozilla、Firefox 3.5のユーザーに3.6を自動配信へ - ITmedia ニュース","url":"http://www.itmedia.co.jp/news/articles/1105/17/news018.html","content":"<q>3.5のマイナーアップデートとして3.6を「強制的に」配信する方針を決めた。対象となるのは自動更新機能を有効にしているユーザー</q>","date":"2011-05-10T22:52:00.000Z"},{"title":"Josh Tynjala「GridshockをFlashからHTML5へ移植してみた」 - クライアント・サイド・スクリプティング with Web Standards","url":"http://d.hatena.ne.jp/vwxyz/20110512/1305187760","content":"Flash to Canvas(JavaScript)への移植の話\ncraftyでの移植ではまった点など。\nAudio APIが壊滅的で \"Audio APIの実装をきちんとしないと。ゲームではサウンドは超大事\" との事。\n後は管理機能が不十分な感じ。","date":"2011-05-11T10:08:00.000Z"},{"title":"『A Re-introduction to the Chrome Developer Tools « Paul Irish』","url":"http://paulirish.com/2011/a-re-introduction-to-the-chrome-developer-tools/","content":"Chrome Developer Toolsチートシート","date":"2011-05-11T21:24:00.000Z"},{"title":"new を不当に貶める陰謀と JavaScript におけるクラスの継承構造の話 - vivid memo","url":"http://d.hatena.ne.jp/vividcode/20110514/1305359722","content":"new 演算子について。 クラスとインスタンスとオブジェクト","date":"2011-05-12T08:40:00.000Z"},{"title":"『Event Spy Too :: Add-ons for Firefox』","url":"https://addons.mozilla.org/ja/firefox/addon/event-spy-too/","content":"DOM InspectorにFirebugのLog Eventsに似た機能をつけるアドオン","date":"2011-05-12T19:56:00.000Z"},{"title":"JavaScript 言語入門","url":"http://www.ibm.com/developerworks/jp/web/library/wa-javascriptstart/?cmp=dw&cpb=dwwdv&ct=dwnew&cr=dwnja&ccy=jp&csr=051311","content":"JavaScript基礎文法 @ IBM","date":"2011-05-13T07:12:00.000Z"},{"title":"The Pragmatic Bookshelf","url":"http://pragprog.com/news/rails-sale-40-off","content":"RailsConfに併せてRails関係の書籍が40%セール\nHTML5/CSS3/JavaScript/CoffeeScriptもある。\n-[Pragmatic Guide to JavaScript](http://pragprog.com/titles/pg_js/pragmatic-guide-to-javascript)\n-[CoffeeScript: Accelerated JavaScript Development](http://pragprog.com/titles/tbcoffee/coffeescript)","date":"2011-05-13T18:28:00.000Z"},{"title":"『google chromeを支えるオープンソースソフトウェア - 4丁目より』","url":"http://d.hatena.ne.jp/mitsugi-bb/20110509/1304953145","content":"Chromeのabout:creditsから関連しているOSSをまとめたリンク集","date":"2011-05-14T05:44:00.000Z"},{"title":"Brick.js updated! - taiyoh独言","url":"http://d.hatena.ne.jp/sun-basix/20110516/1305550981","content":"backbone.jsで使われていたBackbone.Viewを取り出して実装し直したライブラリ。","date":"2011-05-14T17:00:00.000Z"},{"title":"DZSlides","url":"http://paulrouget.com/dzslides/","content":"HTML5+CSS3なスライドテンプレート。\nVideoタグ,iframeでの埋め込み,一つのファイルで動く。\nシンプルでとてもいい感じのスライドになってる。","date":"2011-05-15T04:16:00.000Z"},{"title":"『HTML5 Boilerplate - A rock-solid default template for HTML5 awesome.』","url":"http://jp.html5boilerplate.com/","content":"HTML5 Boilerplateの翻訳ページ","date":"2011-05-15T15:32:00.000Z"},{"title":"『ウェブデザイナのためのRuby入門 | CSS Radar | For Frond End Developers』","url":"http://css.studiomohawk.com/tool/2011/05/14/ruby_for_designer_frontend_dev/","content":"Rubyを使ったWeb開発を助けるツールについての紹介\nCSS Sprite/SASS/LESS/Juicer/CSS Redundancy Checker/Rake","date":"2011-05-16T02:48:00.000Z"},{"title":"『JavaScript と Dojo によってブラウザーで発生するメモリー・リークを発見し、解決する』","url":"http://www.ibm.com/developerworks/jp/web/library/wa-sieve/?cmp=dw&cpb=dwwdv&ct=dwrss&cr=dwrss&ccy=jp&csr=051311","content":"循環参照によるメモリリークを避ける.\nsIEve を使って孤立ノードを調べる方法","date":"2011-05-16T14:04:00.000Z"},{"title":"altJS compile-to-JavaScript language list","url":"http://altjs.org/","content":"JavaScriptのシンタックスシュガー、型付け、CPS、言語拡張、他言語からJavaScriptへコンパイルするものをなどをまとめたリスト","date":"2011-05-17T01:20:00.000Z"},{"title":"BlueGriffon 1.0 now available! - BlueGriffon.org","url":"http://bluegriffon.org/post/2011/05/09/BlueGriffon-1.0","content":"HTML 5、CSS 3 対応の WYSIWYG HTML エディターであるBlueGriffon 1.0がリリースされました。\nFirefoxと同じレンダリングエンジン(Gecko)を使用している。","date":"2011-05-17T12:36:00.000Z"},{"title":"jQuery: » jQuery 1.6.1 RC 1 Released","url":"http://blog.jquery.com/2011/05/10/jquery-1-6-1-rc-1-released/","content":"jQuery 1.6.1 RC 1 がリリース。\n.attr(),.prop()のまとめが載ってる","date":"2011-05-17T23:52:00.000Z"},{"title":"Klint Finley「CofeeScriptクリエータへのインタビュー」 - クライアント・サイド・スクリプティング with Web Standards","url":"http://d.hatena.ne.jp/vwxyz/20110510/1305021189","content":"CoffeeScript作者のJeremy Ashkenasへのインタビュー","date":"2011-05-18T11:08:00.000Z"},{"title":"Javascript Loves CI - Zendesk","url":"http://www.zendesk.com/blog/javascript-loves-ci","content":"Jenkins + Jasmine + PhantomJS + JSHintでJavaScriptでCIを","date":"2011-05-18T22:24:00.000Z"},{"title":"IE9ヤバイの話。 - NO UIHARU, NO LIFE. - subtech","url":"http://subtech.g.hatena.ne.jp/mayuki/20110510/1304997242","content":"\"IE9ヤバイ。IE9の文字間隔・互換モード・DOCTYPE宣言について\"のちゃんとした解説エントリ","date":"2011-05-19T09:40:00.000Z"},{"title":"Writing Maintainable JavaScript","url":"http://www.slideshare.net/savetheclocktower/writing-maintainable-javascript","content":"Gowallaの人のメンテナンス性に優れたJavaScriptの書き方についてのスライド\nコンポーネントに分ける。コンポーネントとはスクラッチから書き直しても他のものに影響を与えないものを事だ。\nコンポーネント同士はカスタムイベントを使ってメッセージングする\n(Pub/Sub)\njQuery,Prototype.js,Dojoでカスタムイベントのやり方紹介\n規模の大きなJavaScriptアプリケーションについて","date":"2011-05-19T20:56:00.000Z"},{"title":"ECMA-262, 5th Edition","url":"http://www.ibm.com/developerworks/web/library/wa-ecma262/","content":"ES5周りのまとめ","date":"2011-05-20T08:12:00.000Z"},{"title":"comp.lang.javascript FAQ","url":"http://jibbering.com/faq/","content":"JavaScript Q&A\nかなり量あるけど読んでおくと良い内容多し","date":"2011-05-20T19:28:00.000Z"},{"title":"Testing Backbone applications with Jasmine and Sinon – Part 1 – Tinned Fruit","url":"http://tinnedfruit.com/2011/03/03/testing-backbone-apps-with-jasmine-sinon.html","content":"jasmine+sinon。sinonのspyやfakeの使い方\nBacknone.jsで作ったアプリのテスト","date":"2011-05-21T06:44:00.000Z"},{"title":"javascript - What does Douglas Crockford mean when he says jQuery doesn't scale? - Programmers - Stack Exchange","url":"http://programmers.stackexchange.com/questions/72928/what-does-douglas-crockford-mean-when-he-says-jquery-doesnt-scale","content":"ダグラス様はなんでjQueryはスケールできないと言ったのか？という質問、議論\njQueryは単独のアプリ、ページには優れているけど、\nアプリケーションフレームワークではないので、jQueryスニペットを集めて使ってるとスケールできない。\nそのためbackbone.js, knockout.js,Sammy.jsなどのフレームワークを合わせて使うのが良いのではないか...とかそういう話です。","date":"2011-05-21T18:00:00.000Z"},{"title":"I am Ryan Dahl, creator of Node.js, AMA. : node","url":"http://www.reddit.com/r/node/comments/h1m2o/i_am_ryan_dahl_creator_of_nodejs_ama/","content":"Node.jsの作者のryだけど質問ある？","date":"2011-05-22T05:16:00.000Z"},{"title":"I am John Resig, creator of jQuery, AMA. : IAmA","url":"http://www.reddit.com/r/IAmA/comments/h42ak/i_am_john_resig_creator_of_jquery_ama/","content":"John Resigだけど質問ある？","date":"2011-05-22T16:32:00.000Z"},{"title":"Crossroads.js: JavaScript Routes System","url":"http://millermedeiros.github.com/crossroads.js/","content":"JavaScriptのルーティングライブラリ","date":"2011-05-23T03:48:00.000Z"},{"title":"qfox.nl - Ecma","url":"http://qfox.nl/ecma","content":"ES5の仕様をJavaScriptっぽいコードで示している。擬似コード的に見えるので分かりやすい。","date":"2011-05-23T15:04:00.000Z"},{"title":"qfox.nl - JS minify scripts","url":"http://qfox.nl/notes/122","content":"JavaScriptを圧縮するツールの特徴別まとめ","date":"2011-05-24T02:20:00.000Z"},{"title":"メモ帳: Effective JavaScriptをepubにしてみた。","url":"http://qwerty1qaz.blogspot.com/2011/05/effective-javascriptepub.html","content":"Effective JavaScriptのepub版を配布している場所","date":"2011-05-24T13:36:00.000Z"},{"title":"Sinon.JS 1.1.0 out now / Sinon.JS - cjohansen.no","url":"http://cjohansen.no/en/sinon_js/sinon_js_1_1_0_out_now","content":"テスティングライブラリのSinon.JS 1.1.0がリリース。\nSpy,Stubsの改良、yields,yieldsToの追加、Assertions, autoRespond","date":"2011-05-25T00:52:00.000Z"},{"title":"Opera Dragonfly documentation","url":"http://www.opera.com/dragonfly/documentation/","content":"Opera Dragonfly 1.0 のドキュメント","date":"2011-05-25T12:08:00.000Z"},{"title":"Webブラウザのチャンネルまとめ - snyk_s log (hatena)","url":"http://d.hatena.ne.jp/saneyuki_s/20110504/1304510825","content":"ブラウザのβ、α、nighltyの配信方法やそれぞれのチャンネルの意図などのまとめ","date":"2011-05-25T23:24:00.000Z"},{"title":"jQuery1.6の更新内容をまとめたよ。 | Ginpen.com","url":"http://ginpen.com/2011/05/04/jquery1-6/","content":"jQuery1.6のリリースノートの訳","date":"2011-05-26T10:40:00.000Z"},{"title":"Jelly.io: Jellyfish Home","url":"http://jelly.io/","content":"Firefox,Chrome,Zombie,Safariなど異なる実行環境でJavaScriptを実行させたりできるNode.js製のツール。テストに利用できそう","date":"2011-05-26T21:56:00.000Z"},{"title":"『Takazudo hamalog - jQuery.Deferredって何』","url":"http://hamalog.tumblr.com/post/5159447047","content":"jQuery.deferredの所感、使い方","date":"2011-05-27T09:12:00.000Z"},{"title":"brixen/poetics - GitHub","url":"https://github.com/brixen/poetics","content":"CoffeeScriptをRubinius VM上で走るようにネイティブ実装したもの。\n> rbx -S gem install poetics","date":"2011-05-27T20:28:00.000Z"},{"title":"『Better JavaScript animations with requestAnimationFrame | NCZOnline』","url":"http://www.nczonline.net/blog/2011/05/03/better-javascript-animations-with-requestanimationframe/","content":"requestAnimationFrameを使ったJavaScriptアニメーションについて","date":"2011-05-28T07:44:00.000Z"},{"title":"jQuery: » jQuery 1.6 Released","url":"http://blog.jquery.com/2011/05/03/jquery-16-released/","content":"jQuery1.6正式リリース。\nattr周りは書き直しが入って大きく変化した。CSSで相対値の指定ができるようになった。data()のパフォーマンス改善:。.prop(), .removeProp(),focusセレクタの実装","date":"2011-05-28T19:00:00.000Z"},{"title":"FuncUnit - Fun Web Application Testing - Jupiter JavaScript Consulting","url":"http://jupiterit.com/news/funcunit-fun-web-application-testing","content":"元々JavaScriptMVCにあったテストフレームワークのFuncUnitの紹介。\nSelenium,EnvJS,QUnit,jQuery,Synなど既存のものを組み合わせてできている","date":"2011-05-29T06:16:00.000Z"},{"title":"CoffeeScript時代のモジュールシステムの選び方ガイド : netswitch! | 出町ミスド戦記","url":"http://blog.netswitch.jp/2011/05/03/modules-and-coffeescript","content":"RequreJSなどの依存関係の管理などをするためのモジュール管理ライブラリについてのまとめ。\nCommonJSのModules/AsynchronousDefinition (AMD)についても解説されていてとてもよいまとめ","date":"2011-05-29T17:32:00.000Z"},{"title":"JavaScript queues","url":"http://code.stephenmorley.org/javascript/queues/","content":"Arrayを使ってキューを実装したライブラリ。","date":"2011-05-30T04:48:00.000Z"},{"title":"Vico Editor","url":"http://www.vicoapp.com/","content":"Mac向けのテキストエディタ。\nViのキーバインドが使えてTextMateのBundlesに対応してる","date":"2011-05-30T16:04:00.000Z"},{"title":"Amazon: JavaScriptによる情報教育入門: 河村 一樹","url":"http://www.amazon.co.jp/o/ASIN/4864290601/book042-22/ref=nosim","content":"大学教育出版 (2011/04)","date":"2011-05-31T03:20:00.000Z"},{"title":"Flexbox, Web Sockets, inclusion of WebRTC and Smooth Scrolling « Peter Beverloo","url":"http://peter.sh/2011/06/flexbox-web-sockets-inclusion-of-webrtc-and-smooth-scrolling/","content":"SpellCheck API, Media Stream APIが実装。\nWebSocket protocol (-09)の実装を開始。\nJSONPのパフォーマンスを改善。\nWeb Audio APIで非同期デコードをサポート。\nスムーススクロールをサポート。\nCSPをchrome://flagsから設定可能に。\nなど","date":"2011-05-31T15:00:00.000Z"},{"title":"『A brief history of ECMAScript versions (including Harmony and ES.next)』","url":"http://www.2ality.com/2011/06/ecmascript.html","content":"ECMAScriptのバージョン歴史について","date":"2011-05-31T23:00:00.000Z"},{"title":"『Web Accessibility Toolbar 2011 – Updated | The Paciello Group Blog』","url":"http://www.paciellogroup.com/blog/2011/06/web-accessibility-toolbar-2011/","content":"Web Accessibility Toolbar 2011アップデート。\nhttp://accessibility.mitsue.co.jp/archives/000286.html","date":"2011-06-01T07:00:00.000Z"},{"title":"『Node v0.4.9 « node blog』","url":"http://blog.nodejs.org/2011/06/29/node-v0-4-9/","content":"Node.js 0.4.9リリース\n訳 http://blog.summerwind.jp/archives/1469","date":"2011-06-01T15:00:00.000Z"},{"title":"ParisJS meetup 8 - june 2011","url":"http://www.slideshare.net/alexandre_morgaut/paris-js-meetup-8-june-2011","content":"サーバーサイドJavaScriptであるWakandaの概要を示したスライド","date":"2011-06-01T23:00:00.000Z"},{"title":"『Internet Explorer 10 Platform Preview 2 を公開 - Internet Explorer ブログ (日本語版) - Site Home - MSDN Blogs』","url":"http://blogs.msdn.com/b/ie_jp/archive/2011/06/30/10181713.aspx","content":"IE10pp2で対応した機能と関連してリリースされたものを紹介","date":"2011-06-02T07:00:00.000Z"},{"title":"WebRTC - @eCommConf 2011","url":"http://www.slideshare.net/loopingrage/webrtc-ecommconf-2011","content":"WebRTCとPhonoSDKについてのスライド","date":"2011-06-02T15:00:00.000Z"},{"title":"『Internet Explorer 10 Platform Preview: About』","url":"http://msdn.microsoft.com/en-us/ie/gg192966","content":"IE10 ppの開発者向けガイド","date":"2011-06-02T23:00:00.000Z"},{"title":"IE10 PP 2 が公開されました。API もいろいろサポート ! | ヨモツネット","url":"http://www.yomotsu.net/wp/?p=595","content":"IE10 pp2で追加差された機能説明","date":"2011-06-03T07:00:00.000Z"},{"title":"『IEWebGL - WebGL for Internet Explorer』","url":"http://iewebgl.com/","content":"IE8, IE9, IE10PPでもWebGLをサポートする機能を追加するプラグイン","date":"2011-06-03T15:00:00.000Z"},{"title":"幻籠房 BLOG Opera 11.50 (Swordfish) 正式版リリース。","url":"http://genroubou.blog24.fc2.com/blog-entry-286.html","content":"Opera 11.50の更新内容詳細","date":"2011-06-03T23:00:00.000Z"},{"title":"Node.jsのためのasync必修パターン(1): 同期パターン","url":"http://memo.yomukaku.net/entries/294","content":"JavaScriptで非同期関数を順番通りに実行するパターン","date":"2011-06-04T07:00:00.000Z"},{"title":"Swiffy: convert SWF files to HTML5 - The official Google Code blog","url":"http://googlecode.blogspot.com/2011/06/swiffy-convert-swf-files-to-html5.html","content":"swfファイルをHTML5(SVGで描画)に変換するGoogle Labs","date":"2011-06-04T15:00:00.000Z"},{"title":"Opera's Developer Relations Team - Opera 11.50 released: Speed Dial extensions, improved standards support, and more","url":"http://my.opera.com/ODIN/blog/2011/06/28/opera-11-50-released-speed-dial-extensions-improved-standards-support","content":"Opera 11.50リリース\nclassList API、time の DOM インタフェース、Historyオブジェクトをサポート","date":"2011-06-04T23:00:00.000Z"},{"title":"『CSS Beautifier (by Sencha)』","url":"http://senchalabs.github.com/cssbeautify/","content":"JavaScript製のCSSを整形するツール。\nSencha Lab製","date":"2011-06-05T07:00:00.000Z"},{"title":"Amazon: エッセンシャルGoogle Web Toolkit 2: Federico Kereki, 株式会社クイープ","url":"http://www.amazon.co.jp/o/ASIN/4798123331/book042-22/ref=nosim","content":"2011/7/16 発売\nGWT2について書籍","date":"2011-06-05T15:00:00.000Z"},{"title":"High Performance JavaScript 2011","url":"http://www.slideshare.net/nzakas/high-performance-javascript-2011","content":"UIスレッドとjsファイルのダウンロードパースのブロッキング。JITコンパイルの話。\n非同期スクリプトローダー,script defer asyncの動作について(対応ブラウザ)\nUIの描画と処理の非同期かについて。\nリフロー、リペイントを減らす方法について。","date":"2011-06-05T23:00:00.000Z"},{"title":"デジタルプラクティス","url":"https://www.ipsj.or.jp/15dp/dp-index.html","content":"実務の現場でITを実践する皆様に向けた論文誌「デジタルプラクティス」\n面白い論文、IT系、経営者とかプログラムやソフトウェアの話とかいろいろ。","date":"2011-06-06T07:00:00.000Z"},{"title":"When can I use... Support tables for HTML5, CSS3, etc","url":"http://caniuse.com/","content":"HTML5、CSS3、SVG、HTML5 API、JavaScript、WAI ARIAなどのブラウザ別対応(実装)状況をまとめたもの。","date":"2011-06-06T15:00:00.000Z"},{"title":"『magnars/autolint - GitHub』","url":"https://github.com/magnars/autolint/tree/3b401ec3938953ed9ff5a368eaa32819100100f1","content":"自動的にjslintをかけて、エラーがでたらGrowlで通知する. Node.js製","date":"2011-06-06T23:00:00.000Z"},{"title":"Web Reflection: setTimeout and setInterval with extra arguments ... once again!","url":"http://webreflection.blogspot.com/2011/05/settimeout-and-setinterval-with-extra.html","content":"setTimeout、setIntervalで実行する関数に引数を和す方法をいろいろと。\nクロージャでの関数生成を減らす工夫","date":"2011-06-07T07:00:00.000Z"},{"title":"New JavaScript Engine Module Owner | Brendan Eich","url":"http://brendaneich.com/2011/06/new-javascript-engine-module-owner/","content":"SpiderMonkeyのモジュールオーナーがBrendan EichからDavid Mandelinへ\nJavaScriptの父がJavaScriptの昔について語る。","date":"2011-06-07T15:00:00.000Z"},{"title":"Firefox 5 is here « Mozilla Developer Street (modest)","url":"https://dev.mozilla.jp/hacksmozillaorg/firefox5/","content":"Firefox5の変更点まとめ。\nhttps://hacks.mozilla.org/2011/06/firefox5/\nの翻訳記事","date":"2011-06-07T23:00:00.000Z"},{"title":"Rapid Release","url":"http://www.slideshare.net/dynamis/rapid-release","content":"Firefoxの高速リリースについてのスライド\nアドオンの互換性\n- デフォルトで互換(MaxVersionに関わらず)\n- 問題がある場合は非互換\n*Firefox5\n-UIの変更は基本的に変更はない\n-CSS Animationsのサポート\n-Cavas APIの改善\n-処理の高速化など\n*Firefox6\n-ユーザー向けの変更は少なく、開発者向けの変更\n-JavaScriptの強化版 = Scratchpadを導入\n-ScratchpadからDOM要素の調査\n-HTML5要素,CSS3のいくつかサポート\n-WebSocket 07 , Server Sent DOM Event\nhttp://blog.livedoor.jp/kotesaki/archives/1547097.html\n*Firefox7,8,9\n-この辺いろいろ。メモリ周りの改善とかやってるように見える","date":"2011-06-08T07:00:00.000Z"},{"title":"Porting Node to Windows With Microsoft’s Help « node blog","url":"http://blog.nodejs.org/2011/06/23/porting-node-to-windows-with-microsoft%e2%80%99s-help/","content":"NodeをWindowsへ移植する事にMSが公式に手助けをする事になったそうだ。","date":"2011-06-08T15:00:00.000Z"},{"title":"GitHub for Mac","url":"http://mac.github.com/","content":"GithubがMac向けのGit GUIクライアントを公開","date":"2011-06-08T23:00:00.000Z"},{"title":"『HTML5 とか勉強会の Closure Library の資料を公開します - WebOS Goodies』","url":"http://webos-goodies.jp/archives/html5study201106.html","content":"Closure Library の機能紹介、入門などについてのスライド\nUSTREAMの録画\nhttp://www.ustream.tv/recorded/15523165","date":"2011-06-09T07:00:00.000Z"},{"title":"Firefox 5.0 ならびに Firefox 3.6.18 リリース - Another 朝顔日記","url":"http://d.hatena.ne.jp/nyama/20110622/1308705867","content":"Firefox5とFirefox 3.6.18(セキュリティアップデート)が同時にリリース\nリリース文のリンク集","date":"2011-06-09T15:00:00.000Z"},{"title":"『Firefox 5 is here ✩ Mozilla Hacks – the Web developer blog』","url":"http://hacks.mozilla.org/2011/06/firefox5/","content":"Firefox5での変更点をジャンル別にまとめたもの。","date":"2011-06-09T23:00:00.000Z"},{"title":"InfoQ: Appcelerator の Titanium Studio がデビュー","url":"http://www.infoq.com/jp/news/2011/06/Appcelerator-Titanium-Studio","content":"Titanium Studio 1.0リリースについて","date":"2011-06-10T07:00:00.000Z"},{"title":"Firefox 6 の後方互換性に関わる修正のまとめ « Mozilla Developer Street (modest)","url":"https://dev.mozilla.jp/2011/06/firefox6-backward-compatibility/","content":"Firefox6での後方互換性関係の修正。\nあまり使われてない&標準化されてないプロパティの廃止や逆に他のブラウザに合わせたりなど。\n新機能については下記を参照\nhttps://developer.mozilla.org/en/Firefox_6_for_developers","date":"2011-06-10T15:00:00.000Z"},{"title":"mixi Engineers' Blog » スマートフォンブラウザのWebInspectorをリモートで実現するweinreが凄い","url":"http://alpha.mixi.co.jp/blog/?p=3248","content":"ローカルにコンソール用のサーバを立てて、トラッキング用コードを埋めたサイトにモバイル端末からアクセスして、コンソールからの変更をアクセスしてる画面に反映させる。\nJSConsoleににている感じ","date":"2011-06-10T23:00:00.000Z"},{"title":"『JS Console for iOS』","url":"http://jsconsole.com/app/","content":"JSConsoleのiPhoneアプリ","date":"2011-06-11T07:00:00.000Z"},{"title":"JavaScriptのテンプレートエンジン「T.js」を公開しました - 泥のように","url":"http://blog.tojiru.net/article/210961468.html","content":"DOM構築を簡単に書けるようにするライブラリ","date":"2011-06-11T15:00:00.000Z"},{"title":"『jQuery Mobile Beta 1 Released! | jQuery Mobile』","url":"http://jquerymobile.com/blog/2011/06/20/jquery-mobile-beta-1-released/","content":"jQuery Mobile β1リリース。","date":"2011-06-11T23:00:00.000Z"},{"title":"","url":"http://blog.stchur.com/blogcode/jsquiz/","content":"JavaScript quiz\n特殊なものというよりは、知っておくべき事が多い内容。","date":"2011-06-12T07:00:00.000Z"},{"title":"『Jtalk Smalltalk』","url":"http://nicolaspetton.github.com/jtalk/","content":"JavaScriptでSmalltalkを実装したもの","date":"2011-06-12T15:00:00.000Z"},{"title":"The Javascript Show","url":"http://javascriptshow.com/","content":"Javascript Weeklyの人たちのJavaScriptについて扱っているポッドキャスト","date":"2011-06-12T23:00:00.000Z"},{"title":"『Jarvis: JavaScript unit testing framework』","url":"http://jarvis.tmont.com/","content":"JavaScriptのユニットテストフレームワーク\nhttp://blargh.tommymontgomery.com/2011/06/jarvis-another-javascript-unit-testing-framework/","date":"2011-06-13T07:00:00.000Z"},{"title":"『The Little Book on CoffeeScript』","url":"http://arcturo.com/library/coffeescript/","content":"CoffeeScriptのチュートリアル。\nその場でJavaScriptとCoffeeScriptの表示を切り替えできてわかりやすい","date":"2011-06-13T15:00:00.000Z"},{"title":"『/reFiddle+/』","url":"http://refiddle.com/","content":"jsFiddleの正規表現版\njavascript、ruby、.netに対応している","date":"2011-06-13T23:00:00.000Z"},{"title":"Getfirebug Blog » Blog Archive » Firebug 1.8b3","url":"http://blog.getfirebug.com/2011/06/17/firebug-1-8b3/","content":"新たにConsole APIにconsole.timeStamp();が入った。","date":"2011-06-14T07:00:00.000Z"},{"title":"『jsmad - javascript mp3 decoder』","url":"http://jsmad.org/","content":"JavaScriptで書かれたmp3デコーダー。\nFirefox 4.0+で動作する。","date":"2011-06-14T15:00:00.000Z"},{"title":"jQuery Deferred video | BigBinary","url":"http://www.bigbinary.com/videos/3-using-deferred-in-jquery","content":"jQueryのDeferredについてjsfiddleを使いながら説明しているスクリーンキャスト","date":"2011-06-14T23:00:00.000Z"},{"title":"The 11 JavaScript Mistakes you’re Making | Nettuts+","url":"http://net.tutsplus.com/tutorials/javascript-ajax/the-10-javascript-mistakes-youre-making/","content":"はまりどころや推奨されない事などについて","date":"2011-06-15T07:00:00.000Z"},{"title":"jasmine-headless-webkit -- The fastest way to run your Jasmine specs!","url":"http://johnbintz.github.com/jasmine-headless-webkit/","content":"JasmineとWebkitを使ってヘッドレステストを行う。","date":"2011-06-15T15:00:00.000Z"},{"title":"pixelJET","url":"http://www.thepixeljet.com/preview/","content":"GWTで書かれたオンラインIDE\nFirebugのような見た目で、デザインのチェックやインスペクト、ACEを使ったエディタなどが組み込まれている","date":"2011-06-15T23:00:00.000Z"},{"title":"『Amazon: HTML5 Games - Creating Fun with HTML5, CSS3 and WebGL: Jacob Seidelin』","url":"http://www.amazon.com/o/ASIN/1119975085/book042-22/ref=nosim","content":"2011年11月22日発売\nHTML5,Canvas,WebGL,WebSocketsなどを使ってHTML5ゲームを作成する書籍","date":"2011-06-16T07:00:00.000Z"},{"title":"Unit Testing in JavaScript with MVC and QUnit","url":"http://www.slideshare.net/larsthorup/unit-testing-in-javascript-with-mvc-and-qunit","content":"MVCデザインパターンにより独立したテストを行う。\nMVCそれぞれの役割や独立したテストをする際のStubについて","date":"2011-06-16T15:00:00.000Z"},{"title":"Introducing CSS Lint | NCZOnline","url":"http://www.nczonline.net/blog/2011/06/15/introducing-css-lint-2/","content":"CSSをLintするツール。\nnode.js製","date":"2011-06-16T23:00:00.000Z"},{"title":"Perfection kills » Refactoring Javascript with kratko.js","url":"http://perfectionkills.com/refactoring-javascript-with-kratko-js/","content":"JavaScriptのリファクタリングを支援するライブラリ。\nオブジェクトが持っているメソッドの情報を表示する","date":"2011-06-17T07:00:00.000Z"},{"title":"YSlow","url":"http://developer.yahoo.com/yslow/mobile/","content":"YSlowのモバイル版。\nブックマークレットから実行する。\nhttp://developer.yahoo.com/blogs/ydn/posts/2011/06/yslowmobile/","date":"2011-06-17T15:00:00.000Z"},{"title":"Markdown・Textile・Wiki記法をサポートしたJavaScript製ドキュメントフレームワーク「Invisible.js」を公開しました(オープンソース) | Chrome Life","url":"http://www.chrome-life.com/javascript/554/","content":"Markdown・Textile・Wiki記法などで書いたドキュメントを読み込んで表示させるドキュメントフレームワーク","date":"2011-06-17T23:00:00.000Z"},{"title":"窓の杜 - 【NEWS】Microsoft、「Internet Explorer 9」の初のアップデートとなるv9.0.1を公開","url":"http://www.forest.impress.co.jp/docs/news/20110615_453279.html","content":"IE9.0.1のリリース。\nMS11-050 : Internet Explorer の重要な更新\nhttp://www.microsoft.com/japan/security/bulletins/MS11-050e.mspx\nマイクロソフト セキュリティ情報 MS11-050 - 緊急 : Internet Explorer 用の累積的なセキュリティ更新プログラム (2530548)\nhttp://www.microsoft.com/japan/technet/security/bulletin/MS11-050.mspx","date":"2011-06-18T07:00:00.000Z"},{"title":"『jQuery: » jQuery 1.6.2 RC 1 Released』","url":"http://blog.jquery.com/2011/06/14/jquery-162rc1-released/","content":"jQuery 1.6.2 RC1リリース","date":"2011-06-18T15:00:00.000Z"},{"title":"『Using the Page Visibility API - Google Chrome - Google Code』","url":"http://code.google.com/intl/ja/chrome/whitepapers/pagevisibility.html","content":"Page Visibility APIについての解説。\nドキュメントの表示状態を\"visible\", \"hidden\", \"prerender\"で返す。","date":"2011-06-18T23:00:00.000Z"},{"title":"What's New in Google Chrome 12 » SitePoint","url":"http://blogs.sitepoint.com/whats-new-in-google-chrome-12/","content":"Chrome12で入った機能について解説\nWeb InspectorにJavaScriptを整形する機能が入った","date":"2011-06-19T07:00:00.000Z"},{"title":"Amazon: Foundation HTML5 with CSS3: Craig Cook","url":"http://www.amazon.com/o/ASIN/1430238763/book042-22/ref=nosim","content":"2011年10月24日発売。\nBeginning HTML with CSS and XHTMLの続編みたいなものなのかな。\nhttp://www.apress.com/web-development/html/9781430238768","date":"2011-06-19T15:00:00.000Z"},{"title":"","url":"http://www.amazon.co.jp/o/ASIN/4844330489/book042-22/ref=nosim","content":"2011/7/8発売 HTML5 and CSS3: Develop with Tomorrow's Standards Today の翻訳本 http://pragprog.com/titles/bhh5/html5-and-css3","date":"2011-06-19T23:00:00.000Z"},{"title":"「Amazon: 例題50+演習問題50でしっかり学ぶ HTML3.0+CSS標準テキスト: スタジオ イー・スペース」","url":"http://www.amazon.co.jp/o/ASIN/4774144789/book042-22/ref=nosim","content":"2011/7/6発売 「HTML標準テキスト」の改訂版","date":"2011-06-20T07:00:00.000Z"},{"title":"「Amazon: CSS3 スタンダード・デザインガイド: エ・ビスコム・テック・ラボ」","url":"http://www.amazon.co.jp/o/ASIN/4839938296/book042-22/ref=nosim","content":"2011/6/14 発売 \"CSS3の機能を体系的にまとめ、サンプルを通してどのように機能するかを習得できる\"","date":"2011-06-20T15:00:00.000Z"},{"title":"Amazon: 新米IT担当者のための HTML/CSS&Webサービスがしっかりわかる本: シープランニング","url":"http://www.amazon.co.jp/o/ASIN/4774146234/book042-22/ref=nosim","content":"2011/4/22 発売\nHTML,CSS入門書","date":"2011-06-20T23:00:00.000Z"},{"title":"city41/yokul - GitHub","url":"https://github.com/city41/yokul","content":"Google Chart APIと同じクエリでCanvasを使って同じようなグラフを描画するライブラリ","date":"2011-06-21T07:00:00.000Z"},{"title":"ゆっくりと… » jsFiddleをとことん楽しむために知っておくと良い15の事","url":"http://tokkono.cute.coocan.jp/blog/slow/index.php/xhtmlcss/fun-with-jsfiddle/","content":"HTML+CSSLJavaScriptを置いて実行できるjsFiddleの使い方や機能の解説。\nGithubとの連携についても","date":"2011-06-21T15:00:00.000Z"},{"title":"What's New in Modernizr 2 » SitePoint","url":"http://blogs.sitepoint.com/modernizr-2-whats-new/","content":"Modernizr 2の新しい機能について","date":"2011-06-21T23:00:00.000Z"},{"title":"Javascript Basics - part 1","url":"http://www.slideshare.net/kaaes/js-podstawy","content":"JavaScriptの基本、特性みたいな感じ。\nスライドがテンポよくできていて読みやすい。","date":"2011-06-22T07:00:00.000Z"},{"title":"ie9.jsを使うと出来ること、出来なくなること。 : Toro-Unit Blog","url":"http://www.torounit.com/blog/2011/06/07/793/","content":"ie9.jsの機能について。\nCSSハックができなくなる","date":"2011-06-22T15:00:00.000Z"},{"title":"Hello Backbone.js Tutorial","url":"http://arturadib.github.com/hello-backbonejs/","content":"Backbone.jsのチュートリアル","date":"2011-06-22T23:00:00.000Z"},{"title":"New Mobile Safari stuff in iOS5: position:fixed, overflow:scroll, new input type support, web workers, ECMAScript 5 | David B. Calhoun – Developer Blog","url":"http://davidbcalhoun.com/2011/new-mobile-safari-stuff-in-ios5-position-fixed-overflow-scroll-new-input-type-support-web-workers-ecmascript-5","content":"iOS 5 beta 1で追加されたmobile safari周りの機能のまとめ。","date":"2011-06-23T07:00:00.000Z"},{"title":"Amazon: わかるFirefox―人気ブラウザの「基本操作」から「アドオン」まで (I・O BOOKS): I O編集部","url":"http://www.amazon.co.jp/o/ASIN/4777516032/book042-22/ref=nosim","content":"2011年 5月25日発売\nFirefoxのマニュアル本\nhttp://www.kohgakusha.co.jp/books/detail/978-4-7775-1603-2","date":"2011-06-23T15:00:00.000Z"},{"title":"CSS ― CSS 2.1, CSS3 Color, Selectors Lv. 3 - vantguarde - web:g","url":"http://web.g.hatena.ne.jp/vantguarde/20110608/1307471817","content":"CSS 2.1とCSS3 Colorが勧告に","date":"2011-06-23T23:00:00.000Z"},{"title":"Chrome Gets MHTML Support - Save and View Files in .mht Format","url":"http://chromestory.com/2011/05/chrome-gets-mhtml-support-save-and-view-files-in-mht-format/","content":"Chrome 14?がMHTMLをサポートしたので、IE、Opera(9～)、Firefox(アドオン)とMHTMLファイルを開けるブラウザはsafari以外となった。(Webkitなのでそのうちサポートされるかも)","date":"2011-06-24T07:00:00.000Z"},{"title":"Google Chrome 14, improved text scaling and disabled features for Mac users « Peter Beverloo","url":"http://peter.sh/2011/06/google-chrome-14-improved-text-scaling-and-disabled-features-for-mac-users/","content":"ページが表示/非表示されているかの状態に関するPage Visibilityの仕様に従った変更が入った。\n-http://dvcs.w3.org/hg/webperf/raw-file/tip/specs/PageVisibility/Overview.html\nMHTMLのサポートが進められている。\nなど","date":"2011-06-24T15:00:00.000Z"},{"title":"Top 10 Git Tutorials for Beginners","url":"http://sixrevisions.com/resources/git-tutorials-beginners/","content":"Gitのチュートリアルリンクのまとめ","date":"2011-06-24T23:00:00.000Z"},{"title":"こてさきAjax:underscore.jsを調べてみた - livedoor Blog（ブログ）","url":"http://blog.livedoor.jp/kotesaki/archives/1700571.html","content":"underscore.jsのリファレンス日本語訳コメント入り実行サンプル","date":"2011-06-25T07:00:00.000Z"},{"title":"「HTML5 vs Silverlight」","url":"http://www.slideshare.net/mattcasto/html5-vs-silverlight","content":"HTMLとSilverlightの機能別比較。 Windows8のデスクトップアプリケーションの領域で重なりが起きそうだから、こっちの比較も増えてきそう:","date":"2011-06-25T15:00:00.000Z"},{"title":"「Dave Orchard - Offline Web Apps with HTML5」","url":"http://www.slideshare.net/webdirections/2011-05html5-offline","content":"HTML5のWebAppとオフライン関係についてのスライド アプリケーションキャッシュやWeb SQLなどについて:","date":"2011-06-25T23:00:00.000Z"},{"title":"Karl Dubost - List of elements/attributes having URL for value in html5","url":"http://my.opera.com/karlcow/blog/list-of-elements-attributes-having-url-for-value-in-html5","content":"ダウンロード属性を持ったHTMLタグのまとめを発展させたもの\nhttp://gent.ilcore.com/2011/05/list-of-ways-html-can-download-resource.html\nhrefのように受動的だけどURLを属性値に指定できるものをまとめている。","date":"2011-06-26T07:00:00.000Z"},{"title":"「Script Junkie | Understanding the Publish/Subscribe Pattern for Greater JavaScript Scalability」","url":"http://msdn.microsoft.com/en-us/scriptjunkie/hh201955","content":"pub/subパターンの理解:","date":"2011-06-26T15:00:00.000Z"},{"title":"「Home - GitHub」","url":"https://github.com/DaRaFF/jsgamewiki/wiki","content":"JavaScriptやCanvasなどゲームに関するリファレンスやチュートリアルやライブラリなどのリソースをまとめたwiki:","date":"2011-06-26T23:00:00.000Z"},{"title":"YUI 3.4.0 Preview Release 1 » Yahoo! User Interface Blog (YUIBlog)","url":"http://www.yuiblog.com/blog/2011/06/02/yui340pr1/","content":"YUI 3.4.0プレビュー版リリース","date":"2011-06-27T07:00:00.000Z"},{"title":"「Js2coffee: convert JavaScript code to CoffeeScript」","url":"http://ricostacruz.com/js2coffee/","content":"JavaScriptのコードをCoffeeScriptに変換するコンパイラ。","date":"2011-06-27T15:00:00.000Z"},{"title":"「Java 開発 2.0: Java 開発者のための JavaScript」","url":"http://www.ibm.com/developerworks/jp/java/library/j-javadev2-18/?cmp=dw&cpb=dwjav&ct=dwnew&cr=dwnja&ccy=jp&csr=060311","content":"タイトルとはそこまで関係ない感じで、JavaScript基礎文法みたいな内容:","date":"2011-06-27T23:00:00.000Z"},{"title":"Google Japan Blog: ブラウザやウェブについて知っておきたい20のこと","url":"http://googlejapan.blogspot.com/2011/06/20.html","content":"ブラウザを常に最新にする理由やWebである利点などについてわかりやすい説明をしている絵本的なもの\nChrome以外についてもWeb技術に関して優しい説明になってるので、どうしてそうしないとダメなのかと疑問に思ってる人に読んでもらいたい","date":"2011-06-28T07:00:00.000Z"},{"title":"Essential JavaScript And jQuery Design Patterns の日本語訳","url":"http://blog.sarabande.jp/post/2908152943","content":"Essential JavaScript Design Patternsの日本語訳。\n\"pdf を用意する予定\"","date":"2011-06-28T15:00:00.000Z"},{"title":"「Web Storage Support Test」","url":"http://dev-test.nemikor.com/web-storage/support-test/","content":"localStorage,sessionStorage,globalStorageの最大容量まとめとテストツール:","date":"2011-06-28T23:00:00.000Z"},{"title":"「FunctionSource: Modernizr 2 is here」","url":"http://functionsource.com/post/modernizr-2-is-here","content":"Modernizr 2がリリース。 yepnope.js取り込んでload機能がついたのか。","date":"2011-06-29T07:00:00.000Z"},{"title":"「『Amazon: HTML5CanvasでつくるRPG―HTML5(Canvas)+JavaScriptで、Webゲームをつくる! (I/O BOOKS): 宍戸 輝光』」","url":"http://www.amazon.co.jp/o/ASIN/4777516040/book042-22/ref=nosim","content":"2011年6月発売。","date":"2011-06-29T15:00:00.000Z"},{"title":"JPEG画像からExif情報を抽出する - 箱入りあじゃらの日記","url":"http://d.hatena.ne.jp/ajalabox/20110523/1306140457","content":"JPEG画像からEXIF情報を取得するJavaScriptライブラリ","date":"2011-06-29T23:00:00.000Z"},{"title":"『WebTecNote - [HTML5] アプリケーションキャッシュの使い方』","url":"http://tenderfeel.xsrv.jp/html-xhtml/html5-html-xhtml/1172/","content":"HTML5のアプリケーションキャッシュについてのまとめ。\nマニフェストファイルの作成方法から対応ブラウザ,APIまでよくまとまってる。","date":"2011-06-30T07:00:00.000Z"},{"title":"『jQuery Proven Performance Tips And Tricks (翻訳) - YutaKikuchiのTechBlog』","url":"http://d.hatena.ne.jp/yutakikuchi/20110731/1312090278","content":"jQueryのパフォーマンス Tipsや内部動作などついて書かれたスライドを意訳したもの","date":"2011-06-30T15:00:00.000Z"},{"title":"『Node.js on Windows (or JavaScript for the backend) - Christopher Bennage - Devlicio.us - Just the Tasty Bits』","url":"http://devlicio.us/blogs/christopher_bennage/archive/2011/07/28/node-js-on-windows.aspx","content":"Windows版Node.jsを使った簡易チュートリアル","date":"2011-06-30T23:45:00.000Z"},{"title":"grumble.js","url":"http://jamescryer.github.com/grumble.js/","content":"CSS3 transformsを使ったツールチップjQueryプラグイン","date":"2011-07-01T08:30:00.000Z"},{"title":"JavaScript Enlightenment | by Cody Lindley | 1st Edition | ECMA-262, Edition 3","url":"http://www.javascriptenlightenment.com/","content":"\"JavaScriptライブラリユーザーからJavaScript開発者へ\"という電子書籍。\nPDFフォーマットで$15で販売\n一部関連:\nhttp://net.tutsplus.com/tutorials/javascript-ajax/fully-understanding-the-this-keyword/","date":"2011-07-01T17:15:00.000Z"},{"title":"『WebSocketことはじめ』","url":"http://www.slideshare.net/kadoppe/websocket-8735698","content":"WebSocketを使った開発についてのスライド\n素のWebSocket API、Socket.IO、Pusherを使ったパターンを紹介","date":"2011-07-02T02:00:00.000Z"},{"title":"『特集：IE10（プレビュー版）概説（中編） － ＠IT』","url":"http://www.atmarkit.co.jp/fdotnet/special/ie10earlyreview02/ie10earlyreview02_01.html","content":"D&D API、フォームバリデーション、iframeのsandbox属性、File Reader API、scriptのasync属性、Web Workers ＆ Channel Messagingについての紹介記事","date":"2011-07-02T10:45:00.000Z"},{"title":"html2canvas - screenshots with JavaScript","url":"http://html2canvas.hertzen.com/","content":"HTMLページをCanvasでレンダリングするJavaScriptライブラリ。","date":"2011-07-02T19:30:00.000Z"},{"title":"『Amazon: Beginning iOS Application Development with HTML and JavaScript: Richard Wagner』","url":"http://www.amazon.com/o/ASIN/1118159004","content":"2012年1月18日発売\niOSでのHTML/CSS/JSに関する書籍。","date":"2011-07-03T04:15:00.000Z"},{"title":"『Amazon: Smashing Node.JS: JavaScript Everywhere (Smashing Magazine Book Series): Guillermo Rauch』","url":"http://www.amazon.com/o/ASIN/1119962595","content":"2012年1月18日発売\n著者のサイト\nhttp://devthought.com/","date":"2011-07-03T13:00:00.000Z"},{"title":"Getfirebug Blog » Blog Archive » Firebug 1.8.0","url":"http://blog.getfirebug.com/2011/07/29/firebug-1-8-0/","content":"Firebug1.8.0がリリース。\nモジュールローダーとしてRequireJSを採用して、内部アーキテクチャが大きく改良されている。","date":"2011-07-03T21:45:00.000Z"},{"title":"『Client-side JavaScript Vulnerabilities』","url":"http://www.slideshare.net/orysegal/clientside-javascript-vulnerabilities","content":"JavaScript Security AnalyzerというIBM製のDOM-based XSSなどの調査ツールについてのスライド","date":"2011-07-04T06:30:00.000Z"},{"title":"Davis.jsでHistory APIを比較的お手軽に使う - Takazudo hamalog","url":"http://hamalog.tumblr.com/post/8177396934/davis-js-history-api","content":"Ajax遷移とHistory APIを合わせた実例。\nDavis.jsを使って遷移を監視させる","date":"2011-07-04T15:15:00.000Z"},{"title":"高レイテンシ下での改善，Microdata，QRESYNCへ対応 | Opera-users.jp","url":"http://opera-users.jp/translations/weekly/2011-07-27-latency-microdata-qresync/","content":"Opera(スナップショット)がMicrodataに対応\nMicrodataについては以下がわかりやすい\nhttp://standards.mitsue.co.jp/archives/001471.html","date":"2011-07-05T00:00:00.000Z"},{"title":"『Web技術勉強会 20110723』","url":"http://www.slideshare.net/mapserver2007/web-20110723","content":"プロトタイプベースOOPライブラリ mix.js についてのスライド\nhttps://github.com/mapserver2007/mixjs\n過去のスライドと比べるとどう変化していってるか見られるのが面白い","date":"2011-07-05T08:45:00.000Z"},{"title":"sergi/jsftp - GitHub","url":"https://github.com/sergi/jsftp","content":"JavaScript(node.js)でFTPプロトコルの実装","date":"2011-07-05T17:30:00.000Z"},{"title":"『Joint - JavaScript diagramming library.』","url":"http://www.jointjs.com/about.html","content":"ダイアグラムを表示するJavaScriptライブラリ。JSON/SVGへの入出力。(SVGはexportのみ)","date":"2011-07-06T02:15:00.000Z"},{"title":"『Amazon: Modern JavaScript: Develop and Design: Larry Ullman』","url":"http://www.amazon.com/o/ASIN/0321812522","content":"2012年1月16日発売\n著者のサイト http://www.larryullman.com/","date":"2011-07-06T11:00:00.000Z"},{"title":"JavaScriptで実装されたJavaScriptエンジン「Narcissus」をFirefoxで利用するためのアドオン「Zaphod 1.2」、Mozilla Labsがリリース - SourceForge.JP Magazine : オープンソースの話題満載","url":"http://sourceforge.jp/magazine/11/07/28/0931214","content":"Firefoxの標準JavaScriptエンジン「SpiderMonkey」の代わりにNarcissusをデフォルトエンジンとして利用できるようにするアドオン。","date":"2011-07-06T19:45:00.000Z"},{"title":"HOME | フォントプラス","url":"http://webfont.fontplus.jp/","content":"日本語Webfontサービス","date":"2011-07-07T04:30:00.000Z"},{"title":"An interview with John Resig","url":"http://john.resig.usesthis.com/","content":"John Resigの開発環境、使ってるものやソフトについてのインタビュー","date":"2011-07-07T13:15:00.000Z"},{"title":"HTML5 でやりがちな間違い | WWW WATCH","url":"http://hyper-text.org/archives/2011/07/html5_mistakes.shtml","content":"HTML5のマークアップについて。\nsection,hreader,nav,figure,type,フォーム属性の正しい使い方","date":"2011-07-07T22:00:00.000Z"},{"title":"InfoQ: 仮想パネル：最先端のJavaScriptユニットテスティング","url":"http://www.infoq.com/jp/articles/javascript-unit-testing","content":"JavaScriptのテスティングフレームワーク\nQUnit,Jasmine,Jarvis,jfUnitの各作者へのインタビュー記事","date":"2011-07-08T06:45:00.000Z"},{"title":"『Resources for HTML5 and CSS3』","url":"http://www.w3conversions.com/resources.html","content":"HTML5やCSS3についての仕様、情報、ツール、チュートリアルやサンプルなどを大量にまとめたもの","date":"2011-07-08T15:30:00.000Z"},{"title":".:jfUnit:. Unit tests for Javascript","url":"http://felipenmoura.org/projetos/jfunit/home.php","content":"JavascriptのUnit Testライブラリ","date":"2011-07-09T00:15:00.000Z"},{"title":"SeaJS 正式发布 1.0.0 版本 « 岁月如歌","url":"http://lifesinger.wordpress.com/2011/07/22/seajs-v1-0-0/","content":"モジュールローダーライブラリのSeaJS1.0がリリース\n英語版のドキュメントも用意されてる。","date":"2011-07-09T09:00:00.000Z"},{"title":"つい最近JavaScript Gardenの翻訳しだした - Life goes on","url":"http://d.hatena.ne.jp/Layzie/20110726/1311614734","content":"Javascript Gardenの日本語訳","date":"2011-07-09T17:45:00.000Z"},{"title":"『Meow: A Growl Work-Alike for jQuery』","url":"http://zacstewart.com/2011/06/18/meow-a-growl-work-alike-for-jquery.html","content":"GrowlライクなjQueryプラグイン","date":"2011-07-10T02:30:00.000Z"},{"title":"ECMAScript関連ドキュメント","url":"http://dl.dropbox.com/u/9124140/tsoft/ecmascript.html","content":"ECMA-262第5版の日本語訳","date":"2011-07-10T11:15:00.000Z"},{"title":"CSS Design and Programming","url":"http://www.slideshare.net/usualoma/css-design-and-programming-8669338","content":"jsdo.itで見かけるCSSプログラミングについてのスライド","date":"2011-07-10T20:00:00.000Z"},{"title":"insin/DOMBuilder - GitHub","url":"https://github.com/insin/DOMBuilder","content":"HTMタグ生成の補助をするJavaScriptライブラリ","date":"2011-07-11T04:45:00.000Z"},{"title":"Firefox5+HTML5×5","url":"http://www.slideshare.net/dynamis/firefox5html5","content":"dynamisさんのHTML5周りについてのスライド\nアニメーションの使い分けでCanvas,SVG,CSS,WebGLの特徴についてや、HTML5 API、CSPなどについて。","date":"2011-07-11T13:30:00.000Z"},{"title":"『melonJS』","url":"http://www.melonjs.org/","content":"2DゲームエンジンJavaScriptライブラリ","date":"2011-07-11T22:15:00.000Z"},{"title":"『potraceをjavascriptに移植した - Webと文字』","url":"http://d.hatena.ne.jp/project_the_tower2/20110724/1311473645","content":"\"potraceとはラスター画像からSVG等のベクター画像を作成するソフト\"\nC→ActionScript→JavaScript","date":"2011-07-12T07:00:00.000Z"},{"title":"Mindscape Blog » Blog Archive » Visual Studio + Sass + Less + CoffeeScript = Web Workbench","url":"http://www.mindscapehq.com/blog/index.php/2011/07/14/visual-studio-sass-less-coffeescript-web-workbench/","content":"Visual StudioでSass,Less,CoffeeScriptに対応する拡張機能","date":"2011-07-12T15:45:00.000Z"},{"title":"HiveJS","url":"http://www.hivejs.com/","content":"GUIでパーツを配置して、それを操作するJavaScriptを書いて、HTMLとして出力できるMac向けソフトウェア","date":"2011-07-13T00:30:00.000Z"},{"title":"haz.io › HTML5 & CSS3 Browser Capabilities","url":"http://haz.io/","content":"HTML5,CSS3,フォーム属性などにどのくらい対応しているかを判定できる。","date":"2011-07-13T09:15:00.000Z"},{"title":"『weinre - WEb INspector REmote』","url":"http://muellerware.org/papers/weinre/manual.html","content":"weinre の仕組みの解説\nWeb Inspectorとのやりとり(CDTP)など","date":"2011-07-13T18:00:00.000Z"},{"title":"2011-07-15 チューニングが楽になる JavaScript 道具箱","url":"http://www.slideshare.net/yoko/javascript-8632523","content":"LazyLoad,throttle,storage 遅延評価的な話などのスライド。\nパフォーマンスチューニング。","date":"2011-07-14T02:45:00.000Z"},{"title":"What's a Closure?","url":"http://nathansjslessons.appspot.com/","content":"JavaScriptの解説があって、実際に入力して学べるサイト","date":"2011-07-14T11:30:00.000Z"},{"title":"プログラミング経験者が JavaScript を学ぶためのリソース - フリーフォーム フリークアウト","url":"http://d.hatena.ne.jp/cou929_la/20110721/1311262784","content":"JavaScriptを学ぶにあたってのリソースについてのまとめ","date":"2011-07-14T20:15:00.000Z"},{"title":"レポート：「第19回　HTML5とか勉強会」活動報告｜gihyo.jp … 技術評論社","url":"http://gihyo.jp/news/report/2011/07/2201","content":"PJAX,Box2DJS,Responsive Web Design,スマートフォンデバッグについての発表","date":"2011-07-15T05:00:00.000Z"},{"title":"Titanium Studioのデバッグ機能が無料で使えるようになりました！ « Appcelerator Developer Center","url":"http://developer.appcelerator.com/blog/2011/07/titanium-studio%e3%81%ae%e3%83%87%e3%83%90%e3%83%83%e3%82%b0%e6%a9%9f%e8%83%bd%e3%81%8c%e7%84%a1%e6%96%99%e3%81%a7%e4%bd%bf%e3%81%88%e3%82%8b%e3%82%88%e3%81%86%e3%81%ab%e3%81%aa%e3%82%8a%e3%81%be.html?lang=ja","content":"Titanium Studioの(Mobile)デバッガーが無償版でも使えるように","date":"2011-07-15T13:45:00.000Z"},{"title":"『Amazon: HTML5･JavaScript･CSS3アプリケーション開発入門 (日経BPパソコンベストムック): 日経ソフトウエア』","url":"http://www.amazon.co.jp/o/ASIN/4822222675","content":"2011/7/29発売\nムック本","date":"2011-07-15T22:30:00.000Z"},{"title":"Node で使える ECMA5 の新機能 - Block Rockin’ Codes","url":"http://d.hatena.ne.jp/Jxck/20110709/1310215628","content":"ES5で追加されたJavaScriptのメソッドなどの解説。 別にNode.jsでなくてもモダンなJavaScriptなら同じなので参考になる。","date":"2011-07-16T07:15:00.000Z"},{"title":"『Tagneto: RequireJS 0.25.0 released, AMD advancing』","url":"http://tagneto.blogspot.com/2011/07/requirejs-0250-released-amd-advancing.html","content":"RequireJS 0.25.0リリース\nRequireJS以外のAMD loaderについても紹介してる","date":"2011-07-16T16:00:00.000Z"},{"title":"『株式会社シャノン技術ブログ: JSが苦手なWebデザイナーに贈る たった２つの克服のコツ』","url":"http://shanon-tech.blogspot.com/2011/07/jsweb.html","content":"jQuery入門的なスライド。\nエラーの読み方","date":"2011-07-17T00:45:00.000Z"},{"title":"第六届D2论坛主题演讲及作品秀资料 _ D2 前端技术论坛","url":"http://www.d2forum.org/2011/07/15/%e7%ac%ac%e5%85%ad%e5%b1%8ad2%e4%bd%9c%e5%93%81%e7%a7%80%e8%b5%84%e6%96%99/","content":"中国の第六回D2フロントエンド技術フォーラムで行われた発表資料。\nフロントエンド関係のスライドまとめ\nHTML,CSS,TDD,MVC,WAI-ARIA,アクセシビリティ,Androidなど\nライブラリ関係はYUI,EISA,SeaJSなど","date":"2011-07-17T09:30:00.000Z"},{"title":"『InfoQ: Google Code Gets Git』","url":"http://www.infoq.com/news/2011/07/google-git","content":"Google CodeがGitをサポート。","date":"2011-07-17T18:15:00.000Z"},{"title":"第19回HTML5とか勉強会発表資料 (Kanasansoft Web Lab.)","url":"http://www.kanasansoft.com/weblab/2011/07/html5toka19.html","content":"スマートフォン用ベージをデバッグする5つの方 についてのスライドと動画。\nweinreのデモなど","date":"2011-07-18T03:00:00.000Z"},{"title":"MDC-ja 通信 vol.14 - A Better Project＠はてなダイアリー","url":"http://d.hatena.ne.jp/potappo/20110714/1310572023","content":"MDCの翻訳ドキュメントについての月刊通信\nMDCにはFirefox以外でもWebなどに関する新しいドキュメントが多い。","date":"2011-07-18T11:45:00.000Z"},{"title":"Amazon: HTML5 and JavaScript Projects: Jeanine Meyer","url":"http://www.amazon.com/o/ASIN/1430240326/book042-22/ref=nosim","content":"2011年2月16日発売","date":"2011-07-18T20:30:00.000Z"},{"title":"Amazon: Learn HTML5 and JavaScript for iOS: Web Standards-based Apps for iPhone, iPad, and iPod touch: Scott Preston","url":"http://www.amazon.com/o/ASIN/1430240385/book042-22/ref=nosim","content":"2011年12月30日発売\niOS上でのJavaScriptについての書籍","date":"2011-07-19T05:15:00.000Z"},{"title":"『Getting started - jsOAuth Manual & Documentation』","url":"http://bytespider.github.com/jsOAuth/","content":"JavaScriptで使えるOAuthライブラリ","date":"2011-07-19T14:00:00.000Z"},{"title":"PDFKit — A PDF Generation Library for Node","url":"http://devongovett.github.com/pdfkit/","content":"Node.jsでPDFを生成するライブラリ","date":"2011-07-19T22:45:00.000Z"},{"title":"『Node v0.5.1 « node blog』","url":"http://blog.nodejs.org/2011/07/14/node-v0-5-1/","content":"Node.js 0.5.1(開発版)リリース。\n今回からWindowsバイナリもリリースされてる。","date":"2011-07-20T07:30:00.000Z"},{"title":"『Selenium 2.0: Out Now! « Official Selenium Blog』","url":"http://seleniumhq.wordpress.com/2011/07/08/selenium-2-0/","content":"Selenium 2.0リリース","date":"2011-07-20T16:15:00.000Z"},{"title":"『devongovett/slang - GitHub』","url":"https://github.com/devongovett/slang/","content":"文字列を操作するユーティリティライブラリ","date":"2011-07-21T01:00:00.000Z"},{"title":"『javascript-bcrypt - jsBCrypt - Google Project Hosting』","url":"http://code.google.com/p/javascript-bcrypt/","content":"JavaScriptで実装されたBCrypt","date":"2011-07-21T09:45:00.000Z"},{"title":"Essential JavaScript Design Patterns For Beginners","url":"http://addyosmani.com/resources/essentialjsdesignpatterns/book/","content":"JavaScriptで学ぶデザインパターン\nCC BY-NC-SA 3.0で公開","date":"2011-07-21T18:30:00.000Z"},{"title":"『node.jsでメソッドの中身をconsole.logで確認するにはutil.inspectを使う』","url":"http://memo.yomukaku.net/entries/308","content":"util.inspectを使って確認できる。\nshowHiddenオプションで列挙されないプロパティも表示できる。","date":"2011-07-22T03:15:00.000Z"},{"title":"『Smooth CoffeeScript』","url":"http://autotelicum.github.com/Smooth-CoffeeScript/","content":"CoffeeScriptの無料電子書籍\ngithubにLatex(LyX)のソースコードも置いてある。","date":"2011-07-22T12:00:00.000Z"},{"title":"『Defense in Depth: Locking Down Mash-Ups with HTML5 Sandbox - IEBlog - Site Home - MSDN Blogs』","url":"http://blogs.msdn.com/b/ie/archive/2011/07/14/defense-in-depth-locking-down-mash-ups-with-html5-sandbox.aspx","content":"iframeのsandbox属性についての解説","date":"2011-07-22T20:45:00.000Z"},{"title":"HTML5 におけるアウトラインに関して簡単解説 | WWW WATCH","url":"http://hyper-text.org/archives/2011/07/html5_outline.shtml","content":"HTML5のセクションとアウトラインについての解説。\nsection要素と見出しを中心に解説","date":"2011-07-23T05:30:00.000Z"},{"title":"CSS3 Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き","url":"http://webdesignrecipes.com/web-design-for-mobile-with-css3-media-queries/","content":"Media Queryを使ったモバイル端末へのデザインの適応チュートリアル","date":"2011-07-23T14:15:00.000Z"},{"title":"[翻訳] これから HTML と CSS を学び始める君へ | Unformed Building","url":"http://unformedbuilding.com/articles/for-html-css-beginners/","content":"HTMLやCSSといったウェブ関係の学び方について。また参考になるリソースの紹介。","date":"2011-07-23T23:00:00.000Z"},{"title":"A Survey Of JavaScript Lisp Implementations - ceaude","url":"http://ceaude.twoticketsplease.de/articles/a-survey-of-javascript-lisp-implementations.html","content":"JavaScriptでLispを実装したものをまとめたもの。\n性能とかいろいろな項目での比較もされている。","date":"2011-07-24T07:45:00.000Z"},{"title":"『CSS1K』","url":"http://css1k.com/","content":"CSS版1Kbでどこまでデザインできるかコンテスト。js1k","date":"2011-07-24T16:30:00.000Z"},{"title":"Latest Updates - DocumentCloud","url":"http://blog.documentcloud.org/blog/2011/07/code-release-backbone-js-0-5-0/","content":"Backbone.js 0.5.0リリース\npushStateをサポート","date":"2011-07-25T01:15:00.000Z"},{"title":"danlucraft/git.js at master - GitHub","url":"https://github.com/danlucraft/git.js","content":"gitをJavaScriptで実装したもの。\nNode.jsからコマンドラインで使う部分とclient side API が実装されている","date":"2011-07-25T10:00:00.000Z"},{"title":"Mozilla Japan ブログ - Firefox の新しいベータ版をテスト用に公開しました","url":"http://mozilla.jp/blog/entry/6998/","content":"Firefox6βがリリースされた。","date":"2011-07-25T18:45:00.000Z"},{"title":"JSを編集してエディタで保存するとき、JSHint でコーディングバリデーションをかける - 冬通りに消え行く制服ガールは✖夢物語にリアルを求めない。 - subtech","url":"http://subtech.g.hatena.ne.jp/cho45/20110708/1310121676","content":"vimparse.js +JSHintを使ったバリデーション","date":"2011-07-26T03:30:00.000Z"},{"title":"jQuery Proven Performance Tips And Tricks (Slides)","url":"http://addyosmani.com/jqprovenperformance/","content":"jQueryのパフォーマンスに関するスライド\n遅くなる書き方とかバージョン間での差異など","date":"2011-07-26T12:15:00.000Z"},{"title":"『Pragmatic JavaScript Testing with Jasmine | The Carbon Emitter』","url":"http://blog.carbonfive.com/2011/07/06/pragmatic-javascript-testing-with-jasmine/","content":"Jasmineを使ったJavaScriptテストのチュートリアル","date":"2011-07-26T21:00:00.000Z"},{"title":"『Dataview.js』","url":"http://dataviewjs.com/","content":"JSONライクなオブジェクトデータの管理をしやすくするJavaScriptライブラリ。","date":"2011-07-27T05:45:00.000Z"},{"title":"egonelbre/jsfx - GitHub","url":"https://github.com/egonelbre/jsfx","content":"サウンドエフェクトジェネレーター\nwavなサウンドを生成するJavaScriptライブラリ","date":"2011-07-27T14:30:00.000Z"},{"title":"jQuery Mobile Team update: Week of July 4th | jQuery Mobile","url":"http://jquerymobile.com/blog/2011/07/08/jquery-mobile-team-update-week-of-july-4th/","content":"jQuery Mobileβ2について。","date":"2011-07-27T23:15:00.000Z"},{"title":"Using PC Hardware more efficiently in HTML5: New Web Performance APIs, Part 2 - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2011/07/08/using-pc-hardware-more-efficiently-in-html5-new-web-performance-apis-part-2.aspx","content":"Page Visibility APIの解説","date":"2011-07-28T08:00:00.000Z"},{"title":"『窓の杜 - 【NEWS】フェンリル、Mac OS X向けWebブラウザー「Sleipnir for Mac」のアルファ版を公開』","url":"http://www.forest.impress.co.jp/docs/news/20110708_459244.html","content":"SleipnirのMac版αリリース\nレンダリングエンジンはWebkit","date":"2011-07-28T16:45:00.000Z"},{"title":"Node v0.5.0 (Unstable) « node blog","url":"http://blog.nodejs.org/2011/07/06/node-v0-5-0-unstable/","content":"(unstable)Node.js 0.5.0リリース\n日本語訳: http://blog.summerwind.jp/archives/1470","date":"2011-07-29T01:30:00.000Z"},{"title":"NodeLists and Arrays in JavaScript — Can Duruk","url":"http://blog.duruk.net/2011/06/19/nodelists-and-arrays-in-javascript/","content":"Nodeリストとは何か、また配列とはどのような関係なのかについての解説記事","date":"2011-07-29T10:15:00.000Z"},{"title":"iOS 5 finally brings Nitro JavaScript speed to home screen Web apps","url":"http://arstechnica.com/apple/news/2011/06/ios-5-brings-nitro-speed-to-home-screen-web-apps.ars","content":"iOS5ならホームから起動したWebアプリもNitroの恩賜を受けられるようになった。","date":"2011-07-29T19:00:00.000Z"},{"title":"Buzz, a Javascript HTML5 Audio library","url":"http://buzz.jaysalvat.com/","content":"HTML5のAudio要素を扱うJavaScriptライブラリ","date":"2011-07-30T03:45:00.000Z"},{"title":"New Firefox Aurora is Ready for Download and Testing | Future Releases","url":"http://blog.mozilla.com/futurereleases/2011/07/07/firefoxaurora7/","content":"Firefox Aurora 7のメモリなどの改善点について\n- http://internet.watch.impress.co.jp/docs/news/20110708_459184.html\n- http://journal.mycom.co.jp/news/2011/07/08/029/index.html","date":"2011-07-30T12:30:00.000Z"},{"title":"『H2O Space. マークアップガイドライン « H2O Blog.』","url":"http://h2o-space.com/blog_ver2/code_rule","content":"HTMLマークアップのコードガイドライン\nコーディング規約","date":"2011-07-30T21:15:00.000Z"},{"title":"HTML5 Parsing in IE10 - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2011/07/06/html5-parsing-in-ie10.aspx","content":"IE10pp2の更新された動作(一部)について\nHTML5のパース、閉じタグ省略時の挙動、エラー表示、innerHTML の改善\nレガシーな機能を削除\n-条件付きコメント","date":"2011-07-31T06:00:00.000Z"},{"title":"『Amazon: できるクリエイター　逆引きHTML+CSSデザイン事典　Webクリエイターの現場で必要な基本と最新動向: 加藤 善規, 平澤 隆, できるシリーズ編集部』","url":"http://www.amazon.co.jp/o/ASIN/4844330918/book042-22/ref=nosim","content":"2011年9月27日発売","date":"2011-07-31T15:00:00.000Z"},{"title":"Chromium Blog: Non-Admin Chrome Frame Reaches Stable Channel","url":"http://blog.chromium.org/2011/08/non-admin-chrome-frame-reaches-stable.html","content":"管理者権限なしでインストールできるGoogle Chrome Frameがstableになった","date":"2011-08-01T00:25:00.000Z"},{"title":"Third-Party JavaScript - The Book","url":"http://thirdpartyjs.com/","content":"2012年発売予定\nMEAPでの先行購入ができる。\nFacebookの\"Like\"ボタンやアクセス解析のコードなど、サードパーティJavaScriptを書く時の手法やセキュリティについてを扱った書籍。","date":"2011-08-01T09:50:00.000Z"},{"title":"『jQuery: » jQuery 1.6.3 RC1 Released』","url":"http://blog.jquery.com/2011/08/29/jquery-1-6-3-rc1-released/","content":"jQuery 1.6.3 RC1リリース。\nma.laさんが報告した$()でのXSSについての修正が含まれている。","date":"2011-08-01T19:15:00.000Z"},{"title":"『Amazon: 10日でおぼえるHTML5入門教室: 古籏 一浩』","url":"http://www.amazon.co.jp/o/ASIN/4798124184/book042-22/ref=nosim","content":"2011年9月14日発売\n10日で覚えるシリーズ","date":"2011-08-02T04:40:00.000Z"},{"title":"『Amazon: 改訂第5版 JavaScript ポケットリファレンス: 古籏 一浩』","url":"http://www.amazon.co.jp/o/ASIN/4774148199/book042-22/ref=nosim","content":"2011年9月8日発売\n『あの定番書籍がHTML5対応、そしてAndroid、iPhoneなどスマートフォン対応！』だそうです。","date":"2011-08-02T14:05:00.000Z"},{"title":"madrobby/keymaster - GitHub","url":"https://github.com/madrobby/keymaster","content":"キーボードショートカットをつけるJavaScriptライブラリ。\n⌘+rightや複数のキーを同時に設定出来る。またscopeという概念があって、ショートカットセットの切り替えみたいなことができそう","date":"2011-08-02T23:30:00.000Z"},{"title":"ハタさんのブログ(復刻版) : javascripterになろう。の巻 3章","url":"http://blog.xole.net/article.php?id=778","content":"\"javascripterになろう。の巻\"というスライド。３部構成\nhttp://xole.net/20110330.html http://xole.net/20110309.html","date":"2011-08-03T08:55:00.000Z"},{"title":"20110821","url":"http://xole.net/20110821.html#slide1","content":"\"javascripterになろう。の巻\"というスライド\nhttp://xole.net/20110330.html\nhttp://xole.net/20110309.html","date":"2011-08-03T18:20:00.000Z"},{"title":"LLPlanets","url":"http://ll.jus.or.jp/2011/slide/KeyNote/mala/index.html","content":"ma.laさんよるスライド\n\"JavaScriptプログラマのための\n全方位的完全武装ガイド\"","date":"2011-08-04T03:45:00.000Z"},{"title":"「Firefoxの灯（ともしび）」技術の全貌　～ ウェブの最新技術が魅せる「Firefoxの灯」（1）（1/3）：CodeZine","url":"http://codezine.jp/article/detail/6087","content":"Firefoxの灯の作者本人による技術的な解説をしている連載","date":"2011-08-04T13:10:00.000Z"},{"title":"How Browsers Work を和訳しました - フリーフォーム フリークアウト","url":"http://d.hatena.ne.jp/cou929_la/20110828/1314515940","content":"ブラウザがどのようにHTMLやCSSをパースしているのかのプロセスを追って解説したもの。\n<q>IE が 90% のシェアを占めていたの時代, 多くのことができませんでしたがブラウザは “ブラックボックス” と考えられていました. しかし現在はオープンソースのブラウザが 過半数のシェアを占めているので ブラウザの中身を覗くには良いタイミングです. ただし中身は何百万行の C++ コードでした…</q>","date":"2011-08-04T22:35:00.000Z"},{"title":"『Sonic – looping loaders – James Padolsey』","url":"http://james.padolsey.com/javascript/sonic-looping-loaders/","content":"ローディングのループイメージを簡単に作成できるCanvas ライブラリ","date":"2011-08-05T08:00:00.000Z"},{"title":"知ってて当然？初級者のためのJavaScriptで使う即時関数(function(){...})()の全て - 三等兵","url":"http://d.hatena.ne.jp/sandai/20110824/p1","content":"即時実行関数、Immediately-Invoked Function Expression などと言われる無名関数の実行パターンについてのまとめ","date":"2011-08-05T17:25:00.000Z"},{"title":"『Waterfall UI Conventions | High Performance Web Sites』","url":"http://www.stevesouders.com/blog/2011/08/26/waterfall-ui-conventions/","content":"各ブラウザのデバッグツール、HttpWatchのようなツールの用語比較表。","date":"2011-08-06T02:50:00.000Z"},{"title":"CSSセレクタを高速化する方法","url":"http://blog.av-jyo.com/2011-08/high-speeding-technique-of-css-selector.html","content":"ハイパフォーマンスWebサイトのCSSセレクタについての内容あたりから","date":"2011-08-06T12:15:00.000Z"},{"title":"『cryptico.js - An easy-to-use strong encryption system utilizing RSA and AES for javascript.』","url":"http://cryptico.wwwtyro.net/","content":"RSA キーの生成ライブラリ\nまたRSAキーを使った暗号化、復号化","date":"2011-08-06T21:40:00.000Z"},{"title":"Play My Code","url":"http://www.playmycode.com/blog/2011/08/building-a-game-mainloop-in-javascript/","content":"JavaScriptでゲームのメインループを書くには。\nRequestAnimationFrame や そのフェールバック、そこからWebkit,Firefoxへ最適化させたコード例","date":"2011-08-07T07:05:00.000Z"},{"title":"『Avoiding The Quirks: Lessons From A JavaScript Code Review』","url":"http://addyosmani.com/blog/lessons-from-a-javascript-code-review/","content":"避けるべきパターンとそれの解決方法が綴られている","date":"2011-08-07T16:30:00.000Z"},{"title":"Backbone.js Screencast - Introduction and Views => joey beninghove","url":"http://joeybeninghove.com/2011/08/16/backbone-screencast-introduction-views/","content":"Backbone.jsのスクリーンキャスト(1h)","date":"2011-08-08T01:55:00.000Z"},{"title":"『A Developer’s Guide to HTML5 Canvas » SitePoint』","url":"http://www.sitepoint.com/a-developer%e2%80%99s-guide-to-html5-canvas/","content":"Canvasのチュートリアル","date":"2011-08-08T11:20:00.000Z"},{"title":"『JavaScript Test with QUnit and mockjax - ハードコイルド・ワンダーランド』","url":"http://d.hatena.ne.jp/weathercook/20110825/1314270727","content":"XHRのテストをmockjaxで行う","date":"2011-08-08T20:45:00.000Z"},{"title":"『Amazon: iPhone & Android スマートフォンサイト制作の教科書: こもりまさあき, 谷拓樹, 石本光司, いちがみトモロヲ』","url":"http://www.amazon.co.jp/o/ASIN/4844362232/book042-22/ref=nosim","content":"2011年9月26日発売\nMdN出版","date":"2011-08-09T06:10:00.000Z"},{"title":"『Amazon: Webページ作成入門―HTML/CSS/JavaScriptの基礎―: 松下 孝太郎, 山本 光, 市川 博』","url":"http://www.amazon.co.jp/o/ASIN/4339024570/book042-22/ref=nosim","content":"2011年9月30日発売\nメンツが教授で構成されてて教科書みたい\nhttp://www.coronasha.co.jp/np/isbn/9784339024579/","date":"2011-08-09T15:35:00.000Z"},{"title":"『jQuery contextMenu Plugin』","url":"http://addyosmani.github.com/jQuery-contextMenu/index.html","content":"HTML5 コンテキストメニューのPolyfillなjQueryプラグイン","date":"2011-08-10T01:00:00.000Z"},{"title":"Manning: Node.js in Action","url":"http://www.manning.com/cantelon/","content":"2012年春発売\nMEAP版は購入できるようになってる。","date":"2011-08-10T10:25:00.000Z"},{"title":"JavaScriptの文字列を反転する１０の方法とそのパフォーマンス - 風と宇宙とプログラム","url":"http://d.hatena.ne.jp/mindcat/20110821/1313946427","content":"JavaScriptで\"文字列\".reverse()についての方法についてのパフォーマンス比較","date":"2011-08-10T19:50:00.000Z"},{"title":"jslint.vimで正しいJavaScriptを書く | monoの開発ブログ","url":"http://blog.monoweb.info/article/2011042918.html","content":"エラー行を強調できるJSLint Vimプラグイン","date":"2011-08-11T05:15:00.000Z"},{"title":"An introduction to JSDoc","url":"http://www.2ality.com/2011/08/jsdoc-intro.html","content":"JSDocについての詳細な解説","date":"2011-08-11T14:40:00.000Z"},{"title":"Know your Javascript Engine","url":"http://www.slideshare.net/amdgigabyte/know-your-javascript-engine","content":"JavaScriptエンジンの実装についてのスライド。JITやCG、なぜ遅くなるのか、避けるべきこと、粗密なArrayについてなど","date":"2011-08-12T00:05:00.000Z"},{"title":"Aurora 8 is here ✩ Mozilla Hacks – the Web developer blog","url":"http://hacks.mozilla.org/2011/08/aurora8/","content":"FIrefox8での変更点や追加機能について\nクロスオリジンWebGLテクスチャ、insertAdjacentHTML()、audio要素とvideo要素のメモリ使用量削減、HTML5 “context menu” 機能、BlobBuilderにgetFileメソッド、\ndocument.getSelectionの挙動の変更。","date":"2011-08-12T09:30:00.000Z"},{"title":"『Documentation for Administrators - The Chromium Projects』","url":"http://www.chromium.org/administrators","content":"Chromeのグループポリシーの設定を管理できる機能の説明","date":"2011-08-12T18:55:00.000Z"},{"title":"『pjscrape: A web-scraping framework written in Javascript, using PhantomJS and jQuery』","url":"http://nrabinowitz.github.com/pjscrape/","content":"PhantomJSとjQueryを使ってスクレイピングをJavaScriptで行うためのFramework","date":"2011-08-13T04:20:00.000Z"},{"title":"『Announcing YUI 3.4.0 and the new YUILibrary.com » Yahoo! User Interface Blog (YUIBlog)』","url":"http://www.yuiblog.com/blog/2011/08/18/announcing-yui-3-4-0-and-the-new-yuilibrary-com/","content":"YUI 3.4.0 リリース","date":"2011-08-13T13:45:00.000Z"},{"title":"『HTML5 Weekly: A Free, Weekly HTML5 and Browser Tech Email Newsletter』","url":"http://html5weekly.com/","content":"JavaScript WeeklyのHTML5版みたいなもの。HTML5, CSS3, Canvas, WebSockets, WebGLといった広義のHTML5について扱う週一のメールマガジン","date":"2011-08-13T23:10:00.000Z"},{"title":"Firefox 7 の主な新機能を紹介します « Mozilla Developer Street (modest)","url":"https://dev.mozilla.jp/2011/08/firefox7/","content":"Firefox7の機能紹介\nメモリの改善といった内部的なものが結構多い","date":"2011-08-14T08:35:00.000Z"},{"title":"Firefox 6 is here ✩ Mozilla Hacks – the Web developer blog","url":"http://hacks.mozilla.org/2011/08/firefox6/","content":"Firefox6での変更や入った機能の紹介","date":"2011-08-14T18:00:00.000Z"},{"title":"『Amazon: 作りながら基礎を学ぶPHPによるWebアプリケーション入門―XAMPP/jQuery/HTML5で作るイマドキのWebサイト: 清野 克行』","url":"http://www.amazon.co.jp/o/ASIN/4798030589","content":"2011年8月発売","date":"2011-08-15T03:25:00.000Z"},{"title":"『Firefox 6.0 リリース - Another 朝顔日記』","url":"http://d.hatena.ne.jp/nyama/20110817/1313588975","content":"Firefox6.0のリリースノートリンクまとめ","date":"2011-08-15T12:50:00.000Z"},{"title":"Tagneto: RequireJS 0.26.0 released, npm install requirejs","url":"http://tagneto.blogspot.com/2011/08/requirejs-0260-released-npm-install.html","content":"RequireJS 0.26.0リリース。","date":"2011-08-15T22:15:00.000Z"},{"title":"速報 書籍「パーフェクトJavaScript」 | ありえるえりあ","url":"http://dev.ariel-networks.com/wp/archives/793","content":"パーフェクトJavaScriptについて","date":"2011-08-16T07:40:00.000Z"},{"title":"『ちっちゃいCoffeeScriptの本』","url":"http://mnmly.github.com/library/coffeescript/index.html","content":"The Little Book on CoffeeScriptを翻訳したもの\nhttps://github.com/arcturo/library/tree/master/coffeescript","date":"2011-08-16T17:05:00.000Z"},{"title":"『HTML5 Forms input types, attributes and new elements – demos, tips and tricks - Robert's talk』","url":"http://robertnyman.com/2011/08/16/html5-forms-input-types-attributes-and-new-elements-demos-tips-and-tricks/","content":"HTML5のフォームのtypeについての紹介とデモ","date":"2011-08-17T02:30:00.000Z"},{"title":"『Amazon: HTML5 and CSS3 Developer's Phrasebook (Developer's Library): Christian Wenz』","url":"http://www.amazon.com/o/ASIN/0321776399/book042-22/ref=nosim","content":"2011年12月25日発売\nビギナー向けの書籍","date":"2011-08-17T11:55:00.000Z"},{"title":"Havoc Pennington「同期的コールバック、非同期コールバック 」 - クライアント・サイド・スクリプティング with Web Standards","url":"http://d.hatena.ne.jp/vwxyz/20110801/1312196153","content":"同期、非同期のアプローチについての考え方","date":"2011-08-17T21:20:00.000Z"},{"title":"JavaScript blast","url":"http://www.slideshare.net/dominion/javascript-blast","content":"かなり長いJavaScriptについてのスライド","date":"2011-08-18T06:45:00.000Z"},{"title":"Node Up: Node.js Podcast","url":"http://nodeup.com/","content":"Node.jsについてのポッドキャスト","date":"2011-08-18T16:10:00.000Z"},{"title":"『jQuery Boilerplate』","url":"http://jqueryboilerplate.com/","content":"jQueryプラグインのテンプレート。","date":"2011-08-19T01:35:00.000Z"},{"title":"『Node v0.5.4 « node blog』","url":"http://blog.nodejs.org/2011/08/12/node-v0-5-4/","content":"Node.js 0.5.4(unstable)リリース。","date":"2011-08-19T11:00:00.000Z"},{"title":"Amazon: Html & Css in Simple Steps: Josh Hill","url":"http://www.amazon.com/o/ASIN/0273762583/book042-22/ref=nosim","content":"2011年12月8日発売","date":"2011-08-19T20:25:00.000Z"},{"title":"Amazon: パーフェクトJavaScript: 井上 誠一郎, 土江 拓郎, 浜辺 将太","url":"http://www.amazon.co.jp/o/ASIN/477414813X/book042-22/ref=nosim","content":"2011年9月23日発売\n書いてるのはアリエル・ネットワークの人とか","date":"2011-08-20T05:50:00.000Z"},{"title":"『Amazon: つくって覚えるHTML5入門: オフィス加減』","url":"http://www.amazon.co.jp/o/ASIN/4048705172/book042-22/ref=nosim","content":"2011年8月23日発売","date":"2011-08-20T15:15:00.000Z"},{"title":"YSlow - Opera extensions","url":"https://addons.opera.com/addons/extensions/details/yslow/","content":"Opera extensions版YSlow","date":"2011-08-21T00:40:00.000Z"},{"title":"Proxino : optimize and monitor your javascript","url":"https://www.proxino.com/","content":"JavaScriptの最適化、モニターをするサービス。\n無料版だと1000pv/monthまで使えるということなので、基本的には有料サービス","date":"2011-08-21T10:05:00.000Z"},{"title":"『より深い防御: HTML5 Sandbox によるマッシュ アップのロックダウン « Hebikuzure's Tech Memo』","url":"http://hebikuzure.wordpress.com/2011/08/10/%e3%82%88%e3%82%8a%e6%b7%b1%e3%81%84%e9%98%b2%e5%be%a1-html5-sandbox-%e3%81%ab%e3%82%88%e3%82%8b%e3%83%9e%e3%83%83%e3%82%b7%e3%83%a5-%e3%82%a2%e3%83%83%e3%83%97%e3%81%ae%e3%83%ad%e3%83%83%e3%82%af/","content":"HTML5のiframe sandbox属性の解説(訳)\nIE10では互換表示の時もsandboxは有効になる","date":"2011-08-21T19:30:00.000Z"},{"title":"Introduction to the Page Visibility API | NCZOnline","url":"http://www.nczonline.net/blog/2011/08/09/introduction-to-the-page-visibility-api/","content":"Page Visibility APIについての解説と使い方","date":"2011-08-22T04:55:00.000Z"},{"title":"ECMA-262 » Essentials of interpretation. Intro.","url":"http://dmitrysoshnikov.com/courses/essentials-of-interpretation-intro/","content":"Dmitry A. Soshnikov によるインタープリタについてのレッスンシリーズが開始された。\nhttps://github.com/DmitrySoshnikov/Essentials-of-interpretation","date":"2011-08-22T14:20:00.000Z"},{"title":"HTML5 Boilerplate hits 2.0! « Paul Irish","url":"http://paulirish.com/2011/html5-boilerplate-hits-2-0/","content":"HTML5などを使ったひな形を提供するプロジェクトHTML5 Boilerplateが2.0になった","date":"2011-08-22T23:45:00.000Z"},{"title":"『Amazon: コアjQuery＋プラグイン/jQuery UI 開発実践技法: Bear Bibeault, Yehuda Katz, 吉川 邦夫』","url":"http://www.amazon.co.jp/o/ASIN/4798124281/book042-22/ref=nosim","content":"2011年8月31日発売\njQuery+jQuery UIについて書籍","date":"2011-08-23T09:10:00.000Z"},{"title":"『Amazon: Beginning Web Applications: With HTML5, CSS3, and JavaScript: Robert Diana』","url":"http://www.amazon.com/o/ASIN/1430240806","content":"2012年1月16日発売","date":"2011-08-23T18:35:00.000Z"},{"title":"JavaScriptでリアルタイムに音を鳴らす方法を3つほど - つまみ食う","url":"http://d.hatena.ne.jp/mohayonao/20110808/1312803835","content":"Audio Data API、Web Audio API、HTML5 Audioについてのまとめ","date":"2011-08-24T04:00:00.000Z"},{"title":"Fixing the JavaScript typeof operator « JavaScript, JavaScript…","url":"http://javascriptweblog.wordpress.com/2011/08/08/fixing-the-javascript-typeof-operator/","content":"typeofについてのまとめ。\n型チェック","date":"2011-08-24T13:25:00.000Z"},{"title":"『typekit/webfontloader - GitHub』","url":"https://github.com/typekit/webfontloader","content":"Google's Font APIやtypekitからフォントのロードをするのを補助するJavaScriptライブラリ","date":"2011-08-24T22:50:00.000Z"},{"title":"『Quick Left | 5 Ways JavaScript Will Cut You』","url":"http://quickleft.com/blog/146","content":"JavaScriptで気をつけるべきこと5つ","date":"2011-08-25T08:15:00.000Z"},{"title":"『FRENDS #4 모임 | FRENDS.KR』","url":"http://frends.kr/topics/frends-4-%eb%aa%a8%ec%9e%84/","content":"FRENDS.KRという韓国のコミュニティの発表のスライドまとめ。\nJavaScriptの歴史、node.js, node.js+arduino、DynaTraceについて","date":"2011-08-25T17:40:00.000Z"},{"title":"Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better","url":"http://harvesthq.github.com/chosen/","content":"複数要素を選択できるselect要素などを提供するJavaScriptライブラリ","date":"2011-08-26T03:05:00.000Z"},{"title":"『PhoneGap 1.0 Released Today at PhoneGap Day in Portland « PhoneGap』","url":"http://www.phonegap.com/2011/07/29/phonegap-1-0-released-today-at-phonegap-day-in-portland/","content":"PhoneGap 1.0リリース","date":"2011-08-26T12:30:00.000Z"},{"title":"Issue 8742 - chromium - Chrome should provide a simpler means for developers to clear the browser cache and set cache policy - An open-source browser project to help move the web forward. - Google Project Hosting","url":"http://code.google.com/p/chromium/issues/detail?id=8742","content":"ChromeがやっとWeb Inspectorでのキャッシュの無効化をサポート","date":"2011-08-26T21:55:00.000Z"},{"title":"『kriszyp/put-selector - GitHub』","url":"https://github.com/kriszyp/put-selector","content":"DOM要素を作成、操作するライブラリ。\nCSSセレクタのような感じで、DOMを操作できる","date":"2011-08-27T07:20:00.000Z"},{"title":"JavaScript Bibliography - O'Reilly Media","url":"http://oreilly.com/catalog/0636920021926","content":"Oreillyが無料で公開してるJavascriptについて学べる書籍をまとめた書籍。\nepub,pdf,mobiなどでダウンロードできる。","date":"2011-08-27T16:45:00.000Z"},{"title":"『Script Junkie | Building Mobile JavaScript WebApps With Backbone.js & jQuery: Part I』","url":"http://msdn.microsoft.com/en-us/scriptjunkie/hh377172","content":"Backbone.jsとjQueryを使ってWebApppを作るチュートリアル","date":"2011-08-28T02:10:00.000Z"},{"title":"『joshje/smart-storage - GitHub』","url":"https://github.com/joshje/smart-storage","content":"シンプルなlocalStorageのラッパーライブラリ","date":"2011-08-28T11:35:00.000Z"},{"title":"High-Performance Javascript","url":"http://dl.dropbox.com/u/426383/slides/hpjs/index.html","content":"ハイパフォーマンスJavascriptからのスライド。HTMLなスライドで、その場で実行し比較できる作りになってる。\nかなり幅広い内容を扱っていて一度見ておくべき内容","date":"2011-08-28T21:00:00.000Z"},{"title":"『FunctionSource: download=”MyNameIsSlimShady.png”』","url":"http://functionsource.com/post/downloadmynameisslimshady-png","content":"Chrome(dev 14.0.835.15+)がdownload属性をサポート。","date":"2011-08-29T06:25:00.000Z"},{"title":"『jQuery Mobile Beta 2 Released! | jQuery Mobile』","url":"http://jquerymobile.com/blog/2011/08/03/jquery-mobile-beta-2-released/","content":"jQuery Mobile β2リリース\nキャッシュやプリフェッチ、UIの変更、コードのクリーンアップ、指摘されていたXSSの修正など多くの変更が含まれてる","date":"2011-08-29T15:50:00.000Z"},{"title":"mmonteleone/pavlov - GitHub","url":"https://github.com/mmonteleone/pavlov","content":"QUnitをラップしてBDDな感じで使えるようにしてるライブラリ","date":"2011-08-30T01:15:00.000Z"},{"title":"Firebug 1.8 New Features ✩ Mozilla Hacks – the Web developer blog","url":"http://hacks.mozilla.org/2011/07/firebug-1-8-new-features/","content":"Firebug1.8の機能紹介。","date":"2011-08-30T10:40:00.000Z"},{"title":"『mir.aculo.us JavaScript with Thomas Fuchs » Blog Archive » Zepto.js v0.7 released』","url":"http://mir.aculo.us/2011/08/01/zepto-7/","content":"zepto.js 0.7がリリース","date":"2011-08-30T20:05:00.000Z"},{"title":"『wakaba/migemojs - GitHub』","url":"https://github.com/wakaba/migemojs/","content":"JavascriptでのMigemo実装ライブラリ","date":"2011-08-31T05:30:00.000Z"},{"title":"『Firefox 8 の後方互換性に関わる修正のまとめ « Mozilla Developer Street (modest)』","url":"https://dev.mozilla.jp/2011/09/firefox8-backward-compatibility/","content":"Firefox 8の開発者向けの変更点まとめ\n引数が空の時にsearch,match,exec,testの動作修正、document.getSelection()の返り値の変更など","date":"2011-08-31T15:00:00.000Z"},{"title":"『jQuery Mobile 1.0 RC1 Released! | jQuery Mobile』","url":"http://jquerymobile.com/blog/2011/09/29/jquery-mobile-1-0rc1-released/","content":"jQuery Mobile 1.0RC1がリリース。","date":"2011-09-01T01:35:00.000Z"},{"title":"Firefox 7 リリース - Another 朝顔日記","url":"http://d.hatena.ne.jp/nyama/20110929/1317303617","content":"Firefox7のリリースノートまとめ","date":"2011-09-01T12:10:00.000Z"},{"title":"Selectors Level 3","url":"http://www.w3.org/TR/2011/REC-css3-selectors-20110929/","content":"Selectors Level 3が勧告された","date":"2011-09-01T22:45:00.000Z"},{"title":"Selectors Level 4","url":"http://www.w3.org/TR/2011/WD-selectors4-20110929/","content":"Selectors Level 4のFPWD (First Public Working Draft)が公開された。\n新たにいわゆる親セレクタのようなものなど増えた機能も多く、詳細は矢倉さんの文章を参照\nhttp://myakura.github.com/n/selectors4.html","date":"2011-09-02T09:20:00.000Z"},{"title":"jQuery: » jQuery 1.7 Beta 1 Released","url":"http://blog.jquery.com/2011/09/28/jquery-1-7-beta-1-released/","content":"jQuery 1.7βリリース\n* bind,live,delegateがNode.jsやAddon SDKのように$(elem).on/offでイベント設定ができるようになった。\n* animationがqueue namesをサポート\n* removeAttrが複数の属性削除をサポート\n* jQueryをReuqireJSのようなAMDローダーでモジュール登録できるのをサポート\nなど\n\nhttp://addyosmani.com/blog/jquery-17-preview/ も参考に","date":"2011-09-02T19:55:00.000Z"},{"title":"『SVG as Data URI for background image - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS)』","url":"http://jsfiddle.net/estelle/SJjJb/","content":"DataURI+SVGでCSS background-imageにSVGを埋め込み","date":"2011-09-03T06:30:00.000Z"},{"title":"サルでもわかるHTML5超入門","url":"http://www.slideshare.net/e2kaneko/html5-9409899","content":"HTML5の概要を雑句把覧にまとめたスライド","date":"2011-09-03T17:05:00.000Z"},{"title":"Quasi-literals: embedded DSLs in ECMAScript.next","url":"http://www.2ality.com/2011/09/quasi-literals.html","content":"ECMAScript.nextでのQuasiリテラルについて。\nhttp://js-quasis-libraries-and-repl.googlecode.com/svn/trunk/index.html\nにデモが置いてある","date":"2011-09-04T03:40:00.000Z"},{"title":"Bruce Lawson’s personal site  : The Web Standards Hoedown","url":"http://www.brucelawson.co.uk/2011/the-web-standards-hoedown/","content":"HTML5な曲です","date":"2011-09-04T14:15:00.000Z"},{"title":"CSS3 Flexible Box Layout Explained - Smashing Coding","url":"http://coding.smashingmagazine.com/2011/09/19/css3-flexible-box-layout-explained/","content":"flexboxについての解説","date":"2011-09-05T00:50:00.000Z"},{"title":"rlightbox – a jQuery UI mediabox","url":"http://ryrych.github.com/rlightbox2/","content":"ウィンドウリサイズにも対応してるLightbox jQueryプラグイン","date":"2011-09-05T11:25:00.000Z"},{"title":"『Tinkerbin』","url":"http://tinkerbin.com/","content":"HTML,CSS,JavaScriptを書いてJSfiddleのようなサービス。\nSassやCoffeeScript、Less、HAMLにも対応している","date":"2011-09-05T22:00:00.000Z"},{"title":"『Script yielding with setImmediate | NCZOnline』","url":"http://www.nczonline.net/blog/2011/09/19/script-yielding-with-setimmediate/","content":"setImmediateについて。\nsetTimeout(fn, 0)より良い感じに","date":"2011-09-06T08:35:00.000Z"},{"title":"The Best Way to Learn JavaScript | Nettuts+","url":"http://net.tutsplus.com/tutorials/javascript-ajax/the-best-way-to-learn-javascript/","content":"JavaScriptを学ぶにあたってのやりべきこととか読むべきもののまとめ。","date":"2011-09-06T19:10:00.000Z"},{"title":"『Amazon: Learning jQuery: A Hands-on Guide to Building Rich Interactive Web Frontends: Ralph Steyer』","url":"http://www.amazon.com/o/ASIN/0321815262/book042-22/ref=nosim","content":"2012年2月25日発売","date":"2011-09-07T05:45:00.000Z"},{"title":"『Amazon: HTML5 Canvass and CSS3 Graphics: Oswald Campesato』","url":"http://www.amazon.com/o/ASIN/1936420341/book042-22/ref=nosim","content":"2012年1月15日発売\nCanvas/CSS3/SVGを使ったグラフィカルな表現についての書籍","date":"2011-09-07T16:20:00.000Z"},{"title":"PhpStorm & WebStorm 3.0 Early Access Program started | WebStorm & PhpStorm Blog","url":"http://blog.jetbrains.com/webide/2011/09/phpstorm-webstorm-3-0-early-access-program-started/","content":"高機能なWeb開発向けIDEであるWebStormの3.0 EAPビルドがリリース。\n新たにCoffeeScriptがサポートされている","date":"2011-09-08T02:55:00.000Z"},{"title":"『Amazon: Mobile HTML5: Estelle Weyl, Maximiliano Firtman』","url":"http://www.amazon.com/o/ASIN/1449311415/book042-22/ref=nosim","content":"2012年1月22日発売","date":"2011-09-08T13:30:00.000Z"},{"title":"『Amazon: Programming Node.js: Travis Swicegood』","url":"http://www.amazon.com/o/ASIN/1934356891/book042-22/ref=nosim","content":"2012年3月6日発売。\nPragmatic Bookshelf出版のNode.js本","date":"2011-09-09T00:05:00.000Z"},{"title":"こてさきAjax:クールなMVCを実現するフレームワーク AngularJS の紹介 - livedoor Blog（ブログ）","url":"http://blog.livedoor.jp/kotesaki/archives/1738808.html","content":"AngularJSの紹介","date":"2011-09-09T10:40:00.000Z"},{"title":"Hacker News | Look at what's actually happened, never mind the future:1. Dart development (Das...","url":"https://news.ycombinator.com/item?id=3008798","content":"Dart,Dash,TC39,ES.nextなど未来、Webkitについて by BrendanEich","date":"2011-09-09T21:15:00.000Z"},{"title":"『freeze/seal/preventExtensions の違いまとめ - うなの日記』","url":"http://d.hatena.ne.jp/unageanu/20110918/1316320274","content":"Jasmineを使ったfreeze/seal/preventExtensionsのテストケース","date":"2011-09-10T07:50:00.000Z"},{"title":"Experimenting with ECMAScript 6 proxies | NCZOnline","url":"http://www.nczonline.net/blog/2011/09/15/experimenting-with-ecmascript-6-proxies/","content":"proxyを使った例の解説。\nHTMLタグを構築する感じのサンプル","date":"2011-09-10T18:25:00.000Z"},{"title":"『Firefox Now Scores 100% on Acid3 Test』","url":"http://browserfame.com/212/firefox-acid3-test-100","content":"Acid3のテストが更新されて、Firefoxも100/100を達成できるようになった。\nhttps://bugzilla.mozilla.org/show_bug.cgi?id=410460","date":"2011-09-11T05:00:00.000Z"},{"title":"『JavaScript最新動向 〜WebSocket編〜』","url":"http://www.slideshare.net/You_Kinjoh/javascript-websocket","content":"WebSocketの仕様や動作原理などについてまとめたスライド。","date":"2011-09-11T15:35:00.000Z"},{"title":"『Stylus』","url":"http://learnboost.github.com/stylus/","content":"メタCSS言語\nSassのようにCSSを拡張した書き方をして、CSSにコンパイルする","date":"2011-09-12T02:10:00.000Z"},{"title":"『addyosmani/todomvc - GitHub』","url":"https://github.com/addyosmani/todomvc","content":"著名なJavaScriptのMVCライブラリを使って、それぞれTodoアプリを書いてる。\nBackbone, Spine, SproutCore 2.0, YUILibrary, JavaScriptMVC版がある。","date":"2011-09-12T12:45:00.000Z"},{"title":"stream.js — streams in javascript","url":"http://streamjs.org/","content":"配列、リンクリストのようなデータ構造を提供するライブラリ","date":"2011-09-12T23:20:00.000Z"},{"title":"Google & the Future of JavaScript | Infrequently Noted","url":"http://infrequently.org/2011/09/google-the-future-of-javascript/","content":"Google Chrome Frameの人が語るJavaScriptの未来について","date":"2011-09-13T09:55:00.000Z"},{"title":"Node v0.4.12 « node blog","url":"http://blog.nodejs.org/2011/09/15/node-v0-4-12/","content":"Node.js 0.4.12 stable版リリース","date":"2011-09-13T20:30:00.000Z"},{"title":"『Amazon: Sencha Touch 1.0 Mobile JavaScript Framework: Dr. Narasimha Rao』","url":"http://www.amazon.com/o/ASIN/1849515107/book042-22/ref=nosim","content":"2012年1月31日発売\nSencha Touchについての書籍","date":"2011-09-14T07:05:00.000Z"},{"title":"『Amazon: HTMLとCSSで基礎から学ぶJavaScript: 園田 誠』","url":"http://www.amazon.co.jp/o/ASIN/4798030988/book042-22/ref=nosim","content":"2011年9月20日発売","date":"2011-09-14T17:40:00.000Z"},{"title":"ECMAScript Support Matrix","url":"http://pointedears.de/scripts/test/es-matrix/","content":"ECMAScript,JavaScriptバージョンの年表\nメソッド、機能の対応バージョン表\nJavaScriptも実装ごとに網羅されていてすごい","date":"2011-09-15T04:15:00.000Z"},{"title":"W3C News - DOM4 Draft Updated","url":"http://www.w3.org/News/2011.html#entry-9204","content":"DOM4のWorking Draftがアップデート","date":"2011-09-15T14:50:00.000Z"},{"title":"IE10 PP3登載のWindows 8プレビュー版が公開 | Web標準Blog | ミツエーリンクス","url":"http://standards.mitsue.co.jp/archives/001524.html","content":"IE10 pp3がリリース。\nIE10 pp3での実装状況について。","date":"2011-09-16T01:25:00.000Z"},{"title":"IE10のタッチイベントってなんだろう - vantguarde - web:g","url":"http://web.g.hatena.ne.jp/vantguarde/20110915/1316013489","content":"IE10のマルチタッチイベントについて\nMSPointer*の事","date":"2011-09-16T12:00:00.000Z"},{"title":"『Mobile HTML5 - compatibility tables for iPhone, Android, BlackBerry, Symbian, iPad and other mobile devices』","url":"http://mobilehtml5.org/","content":"モバイルブラウザのHTML5やCSS3,そのたW3C APIの対応状況についてまとめた表","date":"2011-09-16T22:35:00.000Z"},{"title":"Mercury Editor - Home","url":"http://jejacks0n.github.com/mercury/","content":"HTML5に対応してるWYSIWYGなエディタ。\nアノテーションがついたソースコードも公開されてる","date":"2011-09-17T09:10:00.000Z"},{"title":"『Yui3.4.0 What's new』","url":"http://www.slideshare.net/enmaai/yui340-whats-new","content":"YUI 3.4.0での変更点についてのスライド。\nチケット番号的に追っていく","date":"2011-09-17T19:45:00.000Z"},{"title":"『jQuery: » jQuery 1.6.4 Released』","url":"http://blog.jquery.com/2011/09/12/jquery-1-6-4-released/","content":"jQuery1.6.4リリース。\n1.6.3のbugfixのみ","date":"2011-09-18T06:20:00.000Z"},{"title":"『Amazon: Sencha Ext JS 4実践開発ガイド: 小堤 一弘』","url":"http://www.amazon.co.jp/o/ASIN/4939061493/book042-22/ref=nosim","content":"2011年9月20日発売。\nExt JSについての書籍\nhttps://www.xenophy.com/service/ext_js_guide/","date":"2011-09-18T16:55:00.000Z"},{"title":"jQuery file size","url":"http://mathiasbynens.be/demo/jquery-size","content":"jQueryのファイルサイズの推移","date":"2011-09-19T03:30:00.000Z"},{"title":"『Optimize Images With HTML5 Canvas - Smashing Magazine』","url":"http://coding.smashingmagazine.com/2011/08/30/optimize-images-with-html5-canvas/","content":"Canvasを使って画像のノイズを合成する","date":"2011-09-19T14:05:00.000Z"},{"title":"Viewing Chrome's paint cycle « Paul Irish","url":"http://paulirish.com/2011/viewing-chromes-paint-cycle/","content":"Chromeの起動オプション--show-paint-rectsでのrepatin表示についての説明","date":"2011-09-20T00:40:00.000Z"},{"title":"Js_of_ocaml","url":"http://ocsigen.org/js_of_ocaml/manual/?","content":"OCamlバイトコードをJavaScriptに変換するコンパイラ","date":"2011-09-20T11:15:00.000Z"},{"title":"『Processing CoffeeScript Editor』","url":"http://pcsedit.appspot.com/#help/","content":"CoffeeScript+Processing.jsなオンラインエディタ","date":"2011-09-20T21:50:00.000Z"},{"title":"FunctionSource: Dash-ing and Dart-ing ahead of JavaScript?","url":"http://functionsource.com/post/dash-ing-and-dart-ing-ahead-of-javascript","content":"JavaScriptの未来について","date":"2011-09-21T08:25:00.000Z"},{"title":"BoltJS Documentation - Introduction","url":"http://shaneosullivan.github.com/boltjs/intro.html","content":"FacebookによるUIフレームワーク。\nモバイルのWebkit系ブラウザにフォーカスしている\nMVC、CommonJSなモジュール","date":"2011-09-21T19:00:00.000Z"},{"title":"『Normalized hide address bar for iOS & Android — Gist』","url":"https://gist.github.com/1183357","content":"ページを読み込んだ時にiPhoneとAndroidのアドレスバーを隠すスニペット","date":"2011-09-22T05:35:00.000Z"},{"title":"『What came before WebSockets?』","url":"http://blog.pusher.com/2011/8/10/what-came-before-websockets","content":"WebSocketが来る前までの話","date":"2011-09-22T16:10:00.000Z"},{"title":"『MooTools - MooTools 1.4.0』","url":"http://mootools.net/blog/2011/09/10/mootools-1-4-0/","content":"MooTools 1.4.0リリース。\nES5への対応、Event Delegation、WAI-ARIA","date":"2011-09-23T02:45:00.000Z"},{"title":"こてさきAjax:RESTfulなAjaxを実現する pjax - livedoor Blog（ブログ）","url":"http://blog.livedoor.jp/kotesaki/archives/1736450.html","content":"History APIを使ったPjaxとハッシュを使ったAjaxでのページ遷移の比較、解説したスライド。","date":"2011-09-23T13:20:00.000Z"},{"title":"『jQuery Mobile Beta 3 released! | jQuery Mobile』","url":"http://jquerymobile.com/blog/2011/09/08/jquery-mobile-beta-3-released/","content":"jQuery Mobileβ3リリース。\nHistory API(pushState)に対応、ページ遷移にhook、iOS5への対応。","date":"2011-09-23T23:55:00.000Z"},{"title":"W3C News Archive: 2011 W3C","url":"http://www.w3.org/News/2011#entry-9191","content":"\"CSS Values and Units Module Level 3 Draft\"が5年ぶりのアップデート","date":"2011-09-24T10:30:00.000Z"},{"title":"見落としがちなHTML5で変更された要素いろいろ | Webクリエイターボックス","url":"http://www.webcreatorbox.com/tech/html5-changed-elements/","content":"HTML5で意味付けが変わった要素など。\nそれぞれの要素の役割の詳解","date":"2011-09-24T21:05:00.000Z"},{"title":"slategray ✿ CSS.coloratum","url":"http://css.coloratum.com/#slategray","content":"CSSのカラーコードを表示するツール。\nURLにハッシュが作るのでパーマネントにもなる","date":"2011-09-25T07:40:00.000Z"},{"title":"株式会社シャノン技術ブログ: ブラウザってどうやって動いてるの？（モダンWEBブラウザシーンの裏側）","url":"http://shanon-tech.blogspot.com/2011/09/web.html","content":"\"How Browsers Work\" 二つ目の翻訳\nhttp://d.hatena.ne.jp/glass-_-onion/20110904/1315142404\n読み比べるといいのかな。","date":"2011-09-25T18:15:00.000Z"},{"title":"Google Chrome Frame: サイト管理者向けガイド - terkel.jp","url":"http://terkel.jp/archives/2011/08/google-chrome-frame-webmasters-guide/","content":"Chrome Frameの導入について","date":"2011-09-26T04:50:00.000Z"},{"title":"CSS Lint v0.6.0 now available | NCZOnline","url":"http://www.nczonline.net/blog/2011/09/03/css-lint-v0-6-0-now-available/","content":"CSS Lint v0.6.0リリース\nCLIとの連携が強化された","date":"2011-09-26T15:25:00.000Z"},{"title":"Chrome が 3 歳になりました！ - Google Japan Developer Relations Blog","url":"http://googledevjp.blogspot.com/2011/09/chrome-3.html","content":"Chrome３歳","date":"2011-09-27T02:00:00.000Z"},{"title":"ParisJS #10 : RequireJS","url":"http://www.slideshare.net/JulienZee/parisjs-10-requirejs-9111799","content":"モジュールローダのRequireJSについてのスライド。\nわかりやすい解説で結合ツールなどのOptimizationについても説明してる","date":"2011-09-27T12:35:00.000Z"},{"title":"jQuery で ;(function () ...と、セミコロンで始めることがあるのはなぜか - わからん","url":"http://d.hatena.ne.jp/kitokitoki/20110831/p2","content":"腐った別ファイルを読み込んだりして発生することがある。\n即時実行関数の誤動作を防ぐためにjQueryプラグインなどで使われてたりする方法の動作原理について解説。","date":"2011-09-27T23:10:00.000Z"},{"title":"『Amazon: jQueryデザインブック　仕事で絶対に使うプロのテクニック: MdN編集部』","url":"http://www.amazon.co.jp/o/ASIN/4844362135/book042-22/ref=nosim","content":"2011年8月25日発売\nMdN出版","date":"2011-09-28T09:45:00.000Z"},{"title":"『The evolution of the web - ウェブの進化』","url":"http://evolutionofweb.appspot.com/","content":"ブラウザとWebの歴史をビジュアル化。\nブラウザ年表\nraphaelを使用している","date":"2011-09-28T20:20:00.000Z"},{"title":"クロージャーのチュートリアル（What's a Closure?） @ t100のプログラミング脱出作戦","url":"http://t100life.blog121.fc2.com/blog-entry-214.html","content":"JavaScriptのクロージャについて学べるサイトWhat's Closure?の翻訳","date":"2011-09-29T06:55:00.000Z"},{"title":"Firefox 7 の後方互換性に関わる修正のまとめ « Mozilla Developer Street (modest)","url":"https://dev.mozilla.jp/2011/08/firefox7-backward-compatibility/","content":"Firefox7の開発者向け変更点","date":"2011-09-29T17:30:00.000Z"},{"title":"『Getfirebug Blog - Firebug 1.8.2』","url":"http://blog.getfirebug.com/2011/08/31/firebug-1-8-2/","content":"Firebug 1.8.2リリース\nbugfix中心","date":"2011-09-30T04:05:00.000Z"},{"title":"(S)CSSの書き方メモ - Weblog - hail2u.net","url":"http://hail2u.net/blog/webdesign/ore-ore-scss-writing-rule.html","content":"Sassの書き方。ファイルの分け方やメンテナンス性について","date":"2011-09-30T15:00:00.000Z"},{"title":"モダン ブラウザのためのクライアント サイド Web 開発ガイダンス ～ Project Silk リリース：ASP.NET on the Web.：ITmedia オルタナティブ・ブログ","url":"http://blogs.itmedia.co.jp/chack/2011/10/web-project-sil-7ba0.html","content":"MSによるHTML5 と JavaScript (jQuery, jQuery UI Widgets) などでアプリケーションを構築していく話。\nMVCなどについても","date":"2011-10-01T00:47:00.000Z"},{"title":"Overview of HTML5 Support in the Android 4.0 Browser | Mobile Zone","url":"http://mobile.dzone.com/news/overview-html5-support-android","content":"Android4で入ったHTML5などのAPI\nNavigation Timing APIやconsole.memory関係はMathMLの基本的な部分などがサポートされた","date":"2011-10-01T10:34:00.000Z"},{"title":"『Message library』","url":"http://dhtmlx.github.com/message/","content":"アラートやダイアログを表示するJavaScriptライブラリ。他のライブラリに依存していない","date":"2011-10-01T20:21:00.000Z"},{"title":"『Amazon: 徹底解説HTML5APIガイドブック オフライン系API編 [単行本]: 小松 健作』","url":"http://www.amazon.co.jp/o/ASIN/4798031267/book042-22/ref=nosim","content":"徹底解説 HTML5 APIガイドブックシリーズ","date":"2011-10-02T06:08:00.000Z"},{"title":"『[jQuery.selection] - 今日も適当ダイアリー』","url":"http://d.hatena.ne.jp/ja9/searchdiary?word=*[jQuery.selection]","content":"選択範囲周りの操作を行うjQueryライブラリ","date":"2011-10-02T15:55:00.000Z"},{"title":"The WHATWG Blog — WHATWG Weekly: Now it’s for","url":"http://blog.whatwg.org/weekly-time-data","content":"time要素がなくなり、data要素になった。","date":"2011-10-03T01:42:00.000Z"},{"title":"『JS-ImageDiff Demo』","url":"http://humblesoftware.github.com/js-imagediff/","content":"JavaScript,Canvasを使い画像のDiffを取得できるライブラリ","date":"2011-10-03T11:29:00.000Z"},{"title":"Winter is coming! Get 50% OFF on WebStorm, PhpStorm and RubyMine | WebStorm & PhpStorm Blog","url":"http://blog.jetbrains.com/webide/2011/10/winter-is-coming-get-50-off-on-webstorm-phpstorm-and-rubymine/","content":"WebStrom,PhpStrom,RubyMineが半額セール","date":"2011-10-03T21:16:00.000Z"},{"title":"『Amazon: Building Web Applications with SVG [Paperback]: Jon Frost, David Dailey』","url":"http://www.amazon.com/o/ASIN/0735660123/book042-22/ref=nosim","content":"2012年3月22日発売\nSVG本 http://shop.oreilly.com/product/0790145329448.do","date":"2011-10-04T07:03:00.000Z"},{"title":"情報処理推進機構：情報処理技術者試験：新着：情報セキュリティスペシャリスト試験（SC）で出題するプログラム言語の変更について","url":"http://www.jitec.ipa.go.jp/1_00topic/topic_20111026_sc_yougo.html","content":"試験問題に出題される言語にECMAScriptが追加された","date":"2011-10-04T16:50:00.000Z"},{"title":"jQuery Standards Teamが発足 | Web標準Blog | ミツエーリンクス","url":"http://standards.mitsue.co.jp/archives/001530.html","content":"jQueryプロジェクトがStandards Teamというサブチームを立ち上げた。\n標準化団体とベンダーへの働きかけをする目的","date":"2011-10-05T02:37:00.000Z"},{"title":"HTML5, PhoneGap and What's Next","url":"http://www.slideshare.net/m0bz/html5-phonegap-and-whats-next","content":"PhoneGapの仕組みや目的、ロードマップ。\nまた関連するAPIのW3Cの策定状況など","date":"2011-10-05T12:24:00.000Z"},{"title":"『jQuery: » jQuery 1.7 RC1 Released』","url":"http://blog.jquery.com/2011/10/24/jquery-1-7-rc1-released/","content":"jQuery 1.7 RC1リリース\nEvent周りの修正が多い","date":"2011-10-05T22:11:00.000Z"},{"title":"Node.js 日本ユーザグループ Blog: Node にまつわる良くある質問","url":"http://blog.nodejs.jp/2011/10/node.html","content":"Node.jsに関するQ&A","date":"2011-10-06T07:58:00.000Z"},{"title":"Scaling Isomorphic Javascript Code - blog.nodejitsu.com - scaling node.js applications one callback at a time.","url":"http://blog.nodejitsu.com/scaling-isomorphic-javascript-code","content":"JavaScriptのMVCベースなデザインパターンを図を用いて解説\nまたMVCライブラリの実装など。","date":"2011-10-06T17:45:00.000Z"},{"title":"Complete your code - Cloud9 IDE Blog","url":"http://cloud9ide.posterous.com/complete-your-code","content":"Cloud9 IDEに補完とかスニペットの機能が入ってる","date":"2011-10-07T03:32:00.000Z"},{"title":"『DOM Extension is not always evil』","url":"http://raynos.org/blog/8/DOM-Extension-is-not-always-evil","content":"DOM-shimのようなDOMのprototype拡張について","date":"2011-10-07T13:19:00.000Z"},{"title":"詳細 ECMA-262-3 第1章 実行コンテキスト - oogattaの勉強日記","url":"http://d.hatena.ne.jp/oogatta/20111018/1318896395","content":"Dmitry Soshnikovの\"詳細 ECMA-262-3\"の訳 by oogatta","date":"2011-10-07T23:06:00.000Z"},{"title":"0-9, jQueryのliveやdelegateは実際何をやってるのか","url":"http://0-9.tumblr.com/post/11618211320/jquery-live-delegate","content":"jQueryのlive,delegateの解説","date":"2011-10-08T08:53:00.000Z"},{"title":"『携帯サイトを簡単にスマートフォン対応するsparrow.jsについて | 株式会社シンメトリック公式ブログ - 携帯開発から生まれる技術情報』","url":"http://symple.jp/124.html","content":"日本の携帯サイトをスマートフォンでも使い易いように変換するJavaScriptライブラリのsparrow.jsの紹介","date":"2011-10-08T18:40:00.000Z"},{"title":"『发布 SeaJS v.1.0.2 以及 SPM v0.3.0 « 岁月如歌』","url":"http://lifesinger.wordpress.com/2011/10/20/seajs-v1-0-2/","content":"モジュールローダーライブラリのSeaJS 1.0.2がリリース","date":"2011-10-09T04:27:00.000Z"},{"title":"『Virtual Globe and Terrain Rendering: WebGL in Internet Explorer』","url":"http://blog.virtualglobebook.com/2011/10/webgl-in-internet-explorer.html","content":"IEでWebGLを利用する方法のまとめ。\n代替方法の紹介","date":"2011-10-09T14:14:00.000Z"},{"title":"jQuery 1.7 の $.Callbacks の解説 - わからん","url":"http://d.hatena.ne.jp/kitokitoki/20111022/p1","content":"jQueryの$.Callbacksについての解説","date":"2011-10-10T00:01:00.000Z"},{"title":"TodoMVC","url":"http://addyosmani.github.com/todomvc/","content":"MVCライブラリを使ってTodoアプリを作りつつ比較、学習するサイト","date":"2011-10-10T09:48:00.000Z"},{"title":"Ext JS 4.0.7 Released : Ed Spencer","url":"http://edspencer.net/2011/10/ext-js-4-0-7-released.html","content":"リッチアプリ向けのフレームワークなExt JS 4.0.7がリリース","date":"2011-10-10T19:35:00.000Z"},{"title":"『Hermes.js』","url":"http://tcorral.github.com/Hermes.js/","content":"loggerライブラリ。\nエラーメッセージを作る部分とログを表示する部分がある。\nログレベルを指定して出力するログの範囲を決定したり、deferredやImmediateの設定してログの出力タイミングの変更等ができる。","date":"2011-10-11T05:22:00.000Z"},{"title":"Getfirebug Blog » Blog Archive » Firebug 1.9a4","url":"http://blog.getfirebug.com/2011/10/21/firebug-1-9a4/","content":"Firebug 1.9a4リリース\nネットパネルからリクエストの再送やブレークポイントのツールチップ、WatchをDOMパネルからできるようになど","date":"2011-10-11T15:09:00.000Z"},{"title":"『Amazon: Professional Node.js: Building Javascript Based Scalable Software [Paperback]: Pedro Teixeira』","url":"http://www.amazon.com/o/ASIN/1118185463/book042-22/ref=nosim","content":"2012年6月5日発売\nNode.js本\n著者 http://nodetuts.com/","date":"2011-10-12T00:56:00.000Z"},{"title":"Safari on iOS 5, HTML5 evolution for iPhone and iPad | Mobile Web Programming","url":"http://www.mobilexweb.com/blog/ios-5-iphone-and-ipad-html5","content":"iOS5でのmobile safariの更新内容。\nHTML5要素の対応やWebWorker, inline SVGやClass List、ContentEditable、History API、XHR2、コンパス情報の取得、Script要素のasync,defer\nなど結構使い道のあるものが更新されている","date":"2011-10-12T10:43:00.000Z"},{"title":"jQuery Mobile 1.0RC2 Released! | jQuery Mobile","url":"http://jquerymobile.com/blog/2011/10/19/jquery-mobile-1-0rc2-released/","content":"jQuery Mobile1.0RC2リリース","date":"2011-10-12T20:30:00.000Z"},{"title":"Tagneto: RequireJS 1.0 released","url":"http://tagneto.blogspot.com/2011/10/requirejs-10-released.html","content":"RequireJS 1.0がリリース","date":"2011-10-13T06:17:00.000Z"},{"title":"新しい JavaScript エンジンモジュールオーナー « Mozilla Developer Street (modest)","url":"https://dev.mozilla.jp/2011/10/new-javascript-engine-module-owner/","content":"JavaScriptの生みの親であるBrendan EichによるJavaScriptの歴史","date":"2011-10-13T16:04:00.000Z"},{"title":"Opera's Developer Relations Team - Opera 12 alpha: HTML5 Parser, Radial Gradients and WebGL","url":"http://my.opera.com/ODIN/blog/2011/10/13/opera-12-alpha-released","content":"Opera12でCSS3 radial gradients, WebGL, ES5.1をサポート","date":"2011-10-14T01:51:00.000Z"},{"title":"『CSS Lint v0.7.0 released | NCZOnline』","url":"http://www.nczonline.net/blog/2011/10/14/css-lint-v0-7-0-released/","content":"CSS Lint 0.7.0リリース","date":"2011-10-14T11:38:00.000Z"},{"title":"Wolfy87/EventEmitter - GitHub","url":"https://github.com/Wolfy87/EventEmitter","content":"ブラウザ向けのEventEmitter的なライブラリ。イベントオブジェクト管理ライブララリ","date":"2011-10-14T21:25:00.000Z"},{"title":"『jQuery: » jQuery 1.7 Beta 2 Released』","url":"http://blog.jquery.com/2011/10/13/jquery-1-7-beta-2-released/","content":"jQuery 1.7β2リリース","date":"2011-10-15T07:12:00.000Z"},{"title":"Manifested","url":"http://manifested.dregsoft.com/","content":"URLを入力してHTML5アプリケーションキャッシュのマニフェストファイルを自動生成するWebツール","date":"2011-10-15T16:59:00.000Z"},{"title":"[JavaScript] Deferredを作ってみた - うなの日記","url":"http://d.hatena.ne.jp/unageanu/20111010/1318230209","content":"CommonJS Promises/A 準拠なDeferredライブラリ","date":"2011-10-16T02:46:00.000Z"},{"title":"『espadrine/New-In-A-Spec - GitHub』","url":"https://github.com/espadrine/New-In-A-Spec","content":"DOM4,ES6などの新しい仕様で追加された文法や属性、プロパティとかについて書かれてる","date":"2011-10-16T12:33:00.000Z"},{"title":"『briancavalier/when.js - GitHub』","url":"https://github.com/briancavalier/when.js","content":"CommonJSのPromises/Aとwhenの実装ライブラリ。Deferred","date":"2011-10-16T22:20:00.000Z"},{"title":"『プログラミング言語Dart入門 - 危ないRiSKのブログ』","url":"http://d.hatena.ne.jp/RiSK/20111010/1318251648","content":"Dart言語の文法まとめ","date":"2011-10-17T08:07:00.000Z"},{"title":"『Amazon: Pro HTML5 Application Development [Paperback]: Jeremy Chone』","url":"http://www.amazon.com/o/ASIN/143024173X/book042-22/ref=nosim","content":"2012年3月19日発売\nHTML5アプリケーション開発についての書籍","date":"2011-10-17T17:54:00.000Z"},{"title":"『Amazon: Pro HTML5 Accessibility [Paperback]: Joshue O Connor』","url":"http://www.amazon.com/o/ASIN/1430241942/book042-22/ref=nosim","content":"2012年3月26日発売\nHTML5のアクセシビリティについての書籍。WAI-ARIA","date":"2011-10-18T03:41:00.000Z"},{"title":"Pot.js + PotLite.js -ドキュメントリファレンス","url":"http://polygonplanet.github.com/Pot.js/index.html","content":"JSDeferredのように非同期処理を直列的に書けるようにするライブラリ。\nMochiKit ライクな Deferred オブジェクトによりイテレート (forEach, filter, map, repeat, some など)もできる","date":"2011-10-18T13:28:00.000Z"},{"title":"Dart : Structured web programming","url":"http://www.dartlang.org/","content":"GoogleによるWebアプリケーション開発向けのクラスベースなプログラミング言語Dart","date":"2011-10-18T23:15:00.000Z"},{"title":"『CSS Selectors』","url":"http://alebelcor.blogspot.com/2011/09/css-selectors.html","content":"CSSセレクタのレベル別のセレクタまとめ","date":"2011-10-19T09:02:00.000Z"},{"title":"利用位反操作来简化 indexOf 判断 « 岁月如歌","url":"http://lifesinger.wordpress.com/2011/09/30/simplify-indexof-using-bitwise-not/","content":"indexOfの結果を~で反転させて使う","date":"2011-10-19T18:49:00.000Z"},{"title":"High Performance JavaScript (CapitolJS 2011)","url":"http://www.slideshare.net/nzakas/high-performance-javascript-capitoljs-2011","content":"ハイパフォの人のスライド。\nsetImmediateについての記述が増えている","date":"2011-10-20T04:36:00.000Z"},{"title":"『MMD on WebGL デモページを用意した - by edvakf in hatena』","url":"http://d.hatena.ne.jp/edvakf/20111008/1318089948","content":"WebGLでMMDのモデルを動かすデモ。\nhttps://github.com/edvakf/MMDGL.js","date":"2011-10-20T14:23:00.000Z"},{"title":"『cykod/CoderDeck - GitHub』","url":"https://github.com/cykod/CoderDeck","content":"ライブコーディングなスライドを作成するセット。Deck.jsやCodeMirror2などを使用している","date":"2011-10-21T00:10:00.000Z"},{"title":"tcorral/Design-Patterns-in-Javascript - GitHub","url":"https://github.com/tcorral/Design-Patterns-in-Javascript","content":"Head First Design Patternsなどで紹介されたデザインパターンをJavaScriptに落としたものをまとめたレポジトリ","date":"2011-10-21T09:57:00.000Z"},{"title":"『javascript sandbox console demo - joss crowcroft』","url":"http://josscrowcroft.github.com/javascript-sandbox-console/","content":"jQueryとBackbone.jsを使って作られたJavaScriptコンソール","date":"2011-10-21T19:44:00.000Z"},{"title":"Team Blog Posts > Using CORS with All (Modern) Browsers","url":"http://www.kendoui.com/blogs/teamblog/posts/11-10-04/using_cors_with_all_modern_browsers.aspx","content":"XHRなどのCross-Origin Resource Sharingについて。\nIEのXDomainRequestについてやOperaのように未対応のpoly fillについても","date":"2011-10-22T05:31:00.000Z"},{"title":"CSS アニメーションの基礎 | Unformed Building","url":"http://unformedbuilding.com/articles/learn-about-css-animation/","content":"CSSアニメーションの使い方とデモのまとめ","date":"2011-10-22T15:18:00.000Z"},{"title":"『Best Javascript Charting Libraries at Mixpanel Engineering』","url":"http://code.mixpanel.com/2010/09/17/best-javascript-charting-libraries/","content":"JavaScriptのグラフ系ライブラリを3つほど紹介","date":"2011-10-23T01:05:00.000Z"},{"title":"JavaScript Performance Best Practices - Nokia Developer Wiki","url":"http://www.developer.nokia.com/Community/Wiki/JavaScript_Performance_Best_Practices","content":"JavaScriptのベストプラクティスなどについてまとめられているwiki","date":"2011-10-23T10:52:00.000Z"},{"title":"Emscripten: Using Non-JS Libraries in JS [pdf] : javascript","url":"http://www.reddit.com/r/javascript/comments/l50bm/emscripten_using_nonjs_libraries_in_js_pdf/","content":"LVM bitcodeをJavaScriptに変換するEmscriptenについてのスライド","date":"2011-10-23T20:39:00.000Z"},{"title":"『Amazon: jQuery本格入門　~JavaScript開発・デザイン効率化の基礎から Ajax・QUnitまで [大型本]: 沖林 正紀』","url":"http://www.amazon.co.jp/o/ASIN/477414892X/book042-22/ref=nosim","content":"2011年11月15日発売\nQUnitがタイトルに入ってるとは珍しい","date":"2011-10-24T06:26:00.000Z"},{"title":"W3C - 『The WebSocket API』日本語訳 - HTML5.JP","url":"http://www.html5.jp/trans/w3c_websockets.html?113","content":"WebSocket APIの日本語訳","date":"2011-10-24T16:13:00.000Z"},{"title":"MooTools - MooTools Core 1.4.1","url":"http://mootools.net/blog/2011/10/06/mootools-core-1-4-1/","content":"MooTools Core 1.4.1リリース\nbug fixが中心","date":"2011-10-25T02:00:00.000Z"},{"title":"『2011年9月前半のW3C | Web標準Blog | ミツエーリンクス』","url":"http://standards.mitsue.co.jp/archives/001526.html","content":"9月前半のW3C周りの更新とかまとめ","date":"2011-10-25T11:47:00.000Z"},{"title":"fx7でresizeTo/resizeBy/moveTo/moveByがno longer apply to main windowな件 - Thousand Years","url":"http://d.hatena.ne.jp/shogo4405/20111005/1317822030","content":"Firefox7からwindow.resizeTo, window.resizeBy, window.moveTo , window.moveByなどのウィンドウを変化させるメソッドはメインウィンドウに対して適応できなくなった。","date":"2011-10-25T21:34:00.000Z"},{"title":"Chromeのキャッシュをオフにする方法 :: 5509","url":"http://5509.me/log/disable-chrome-cache","content":"Chrom14あたりで導入されたWeb Inspectorでのキャッシュの無効化の設定方法","date":"2011-10-26T07:21:00.000Z"},{"title":"","url":"http://blogs.msdn.com/b/ie_jp/archive/2011/10/05/10220180.aspx","content":"非同期プログラミングでのpromise,Defferdについて","date":"2011-10-26T17:08:00.000Z"},{"title":"『YUI 3.4.1 is now live » Yahoo! User Interface Blog (YUIBlog)』","url":"http://www.yuiblog.com/blog/2011/09/27/yui-3-4-1-is-now-live/","content":"YUI 3.4.1リリース。","date":"2011-10-27T02:55:00.000Z"},{"title":"『Tagneto: RequireJS 0.27.0 released, 1.0 release candidate』","url":"http://tagneto.blogspot.com/2011/10/requirejs-0270-released-10-release.html","content":"RequireJS 0.27.0リリース","date":"2011-10-27T12:42:00.000Z"},{"title":"Bitbucket now rocks Git – Bitbucket blog","url":"http://blog.bitbucket.org/2011/10/03/bitbucket-now-rocks-git/","content":"Bitbucketがgitをサポート","date":"2011-10-27T22:29:00.000Z"},{"title":"New blog post, and a code review - The JSMentors JavaScript Discussion Group | Google グループ","url":"http://groups.google.com/group/jsmentors/browse_thread/thread/fdde20e4350a7a44/95b4f6eda932d7f0?show_docid=95b4f6eda932d7f0","content":"PunchというCSSセレクタエンジンを書いてみたというスクリーンキャスト","date":"2011-10-28T08:16:00.000Z"},{"title":"『Let's WeakMap - 枕を欹てて聴く』","url":"http://d.hatena.ne.jp/Constellation/20111002/1317561215","content":"WeakMapについての解説\n利用方法、JavaScriptエンジンの実装について","date":"2011-10-28T18:03:00.000Z"},{"title":"『jQuery Keynote 2011: Boston』","url":"http://www.slideshare.net/jeresig/jquery-keynote-2011-boston","content":"jQuery 1.7についてのスライド\njQueryのコミュニティやAPIドキュメントや開発のプロセスについて","date":"2011-10-29T03:50:00.000Z"},{"title":"Mozilla 勉強会で ECMAScript 6 の WeakMap について LT しました - mooz deceives you","url":"http://d.hatena.ne.jp/mooz/20111002/p1","content":"WeakMapについてのスライド","date":"2011-10-29T13:37:00.000Z"},{"title":"『jQueryのbind/live/delegateの違いまとめ、と更なる新API .on() による統合 - y-kawazの日記』","url":"http://d.hatena.ne.jp/y-kawaz/20111002/1317489435","content":"jQuery 1.7から入る、on/offでのEvent Emitter的なイベントAPIと以前の形式のイベントAPIとの比較","date":"2011-10-29T23:24:00.000Z"},{"title":"『WebAppSec/Secure Coding Guidelines - MozillaWiki』","url":"https://wiki.mozilla.org/WebAppSec/Secure_Coding_Guidelines","content":"Mozillaの公開するセキュアコーディングガイドライン","date":"2011-10-30T09:11:00.000Z"},{"title":"『Introducing Google JS Test - Google Open Source Blog』","url":"http://google-opensource.blogspot.com/2011/09/introducing-google-js-test.html","content":"Google製のJavaScriptユニットテストフレームワーク","date":"2011-10-30T18:58:00.000Z"},{"title":"『Firefox Security Features』","url":"http://www.slideshare.net/dynamis/firefox-security-features","content":"CSP(Content Security Policy)について紹介されてるスライド","date":"2011-10-31T04:45:00.000Z"},{"title":"XHR2/CORSが実装され始めた - もし高校野球の女子マネージャーがOpera Browserを使ったら - チーム俺等","url":"http://orera.g.hatena.ne.jp/edvakf/20111128/1322513641","content":"OperaにXHR2の実装が開始された","date":"2011-10-31T15:00:00.000Z"},{"title":"『JavaScriptでシンセとか作るとき用のGUIライブラリ作った - aikeの日記』","url":"http://d.hatena.ne.jp/aike/20111128","content":"シンセサイザーのパネルみたいなGUIを表示するためのJavaScript UIライブラリ","date":"2011-10-31T23:00:00.000Z"},{"title":"millermedeiros/amd-utils - GitHub","url":"https://github.com/millermedeiros/amd-utils","content":"AMDモジュールとして書かれたユーティリティ関数などを集めたもの。\nAMDモジュールのテスト方法も参考になる","date":"2011-11-01T07:00:00.000Z"},{"title":"JavaScript非同期ライブラリ PotLite.js 1.22 リリース。アスペクト指向っぽく書けるSignal実装 | 圧縮電子精神音楽浮遊構造体","url":"http://polygon-planet.blogspot.com/2011/11/javascript-potlitejs-122-signal.html","content":"PotLite.js 1.22リリース\n登録したハンドラをイベントの前後等いろいろなタイミングで実行できるPot.Signalの追加","date":"2011-11-01T15:00:00.000Z"},{"title":"『Underscore.js - 読み書きプログラミング』","url":"https://sites.google.com/site/nextliteracy/javascript/underscore-js","content":"UnderScore.jsのドキュメント日本語訳","date":"2011-11-01T23:00:00.000Z"},{"title":"Nightly の XMLHttpRequest で text/html がパース可能に！ - hogehoge @teramako","url":"http://d.hatena.ne.jp/teramako/20111122/p1","content":"FirefoxのNightlyにXHRのresponsebodyをHTMLパースする機能が加わった。\nこの実装を元に仕様にも反映していく。\nhttp://www.w3.org/QA/2011/11/openweb-weekly-20.html\nresponseType=\"document\"\nhttp://dvcs.w3.org/hg/xhr/raw-file/tip/Overview.html#document-response-entity-body\n以前は以下のようにHTMLドキュメントを作ったりして利用していたのが省ける\nhttp://nanto.asablo.jp/blog/2009/10/29/4660197","date":"2011-11-02T07:00:00.000Z"},{"title":"『Sencha Touchをさわってみた』","url":"http://www.slideshare.net/tworks/pronamasencha-touch","content":"Sencha Touchのレイアウトの簡単な説明と、リスト表示のやり方についてのスライド","date":"2011-11-02T15:00:00.000Z"},{"title":"『SPDY Book -- Learn the secrets of the new HTTP』","url":"http://spdybook.com/","content":"SPDYについての書籍","date":"2011-11-02T23:00:00.000Z"},{"title":"『7 Common Javascript Mistakes or Confusions』","url":"http://tobyho.com/2011/11/16/7-common-js-mistakes-or-confusions/","content":"JavaScriptでのミスや混乱しやすい所\nvarなしの変数宣言/callback関数の使い方/this/ループとイベントハンドラでのミス/重たい処理でUIスレッドが固まる/コンパイラのない生活/JavaScriptのOOPの理解をしていない","date":"2011-11-03T07:00:00.000Z"},{"title":"『How To Create Web Animations With Paper.js - Smashing Coding』","url":"http://coding.smashingmagazine.com/2011/11/21/create-web-animations-with-paperjs/","content":"Paper.jsを使ったアニメーションのチュートリアル","date":"2011-11-03T15:00:00.000Z"},{"title":"『Node v0.6.3 « node blog』","url":"http://blog.nodejs.org/2011/11/25/node-v0-6-3/","content":"Node.js 0.6.3リリース。\nnpmが同梱されるようになった","date":"2011-11-03T23:00:00.000Z"},{"title":"『LiveReload』","url":"http://livereload.com/","content":"CoffeeScript, SASS/SCSS, LESS, Stylus, HAML, Jadeファイルの変更監視とブラウザのリロードを行うMac用ソフトウェア","date":"2011-11-04T07:00:00.000Z"},{"title":"『Baggz/Amanda - GitHub』","url":"https://github.com/Baggz/Amanda","content":"JSONスキーマのバリデーションを行えるJavaScriptライブラリ\nNode,ブラウザ上で動作し、非同期でのバリエーションにも対応","date":"2011-11-04T15:00:00.000Z"},{"title":"『Fullscreen API を簡単に試してみた | WWW WATCH』","url":"http://hyper-text.org/archives/2011/11/fullscreen_api.shtml","content":"FullScreen APIの使い方","date":"2011-11-04T23:00:00.000Z"},{"title":"Mocha - the fun, simple, flexible JavaScript test framework","url":"http://visionmedia.github.com/mocha/","content":"nodeとブラウザで動くテスティングフレームワーク。BDD/TDD/exportsで書ける。TAP出力にも対応","date":"2011-11-05T07:00:00.000Z"},{"title":"『Mocha - the fun, simple, flexible JavaScript test framework』","url":"http://visionmedia.github.com/mocha/","content":"nodeとブラウザで動くテスティングフレームワーク。\nJasmineのようなBDDライクな書き方で、TAP出力にも対応","date":"2011-11-05T15:00:00.000Z"},{"title":"『JavaScripture - The word on JavaScript』","url":"http://www.javascripture.com/","content":"JavaScriptのリファレンスサイト。\nそれぞれのメソッドなどがどういう動作をしているのかをその場で実行して確認できる","date":"2011-11-05T23:00:00.000Z"},{"title":"『Web browser, frontend and standards feeds to follow « Paul Irish』","url":"http://paulirish.com/2011/web-browser-frontend-and-standards-feeds-to-follow/","content":"Paul Irishによるウェブ開発者のサイトRSSフィードを集めたopml","date":"2011-11-06T07:00:00.000Z"},{"title":"『HTML5 で作る iPhone ローカル Web アプリ入門 – OTCHY.NET』","url":"http://www.otchy.net/20111122/html5-iphone-local-webapp/","content":"モバイル向けのオフラインアプリを作成するに当たっての技術解説的な話","date":"2011-11-06T15:00:00.000Z"},{"title":"『jQuery: » jQuery 1.7.1 Released』","url":"http://blog.jquery.com/2011/11/21/jquery-1-7-1-released/","content":"jQuery 1.7.1リリース。\nテストケース置き場に jsFiddle.net が推奨されてる","date":"2011-11-06T23:00:00.000Z"},{"title":"Fast Mobile UIs: You're an Edge Case","url":"http://www.slideshare.net/wooga/fast-mobile-uis-youre-an-edge-case","content":"モバイル向けのWebアプリについてのテクニックやUIについて。","date":"2011-11-07T07:00:00.000Z"},{"title":"createObjectURLがすごい件 - プログラムモグモグ","url":"http://d.hatena.ne.jp/itchyny/20111119/1321710966","content":"File APIのcreateObjectURLについて","date":"2011-11-07T15:00:00.000Z"},{"title":"『mythz/jquip - GitHub』","url":"https://github.com/mythz/jquip","content":"ミニマムなjQueryを目指してるJavaScriptライブラリ。\n既存のjQueryにある機能もプラグイン化するなどして最小構成を小さくしている。\nender.jsと似た方向性","date":"2011-11-07T23:00:00.000Z"},{"title":"『Device系APIの全体図』","url":"http://www.slideshare.net/KensakuKOMATSU/deviceapi","content":"デバイス系APIとW3Cのワーキンググループについてノスライド","date":"2011-11-08T07:00:00.000Z"},{"title":"『Block Scope in ES6』","url":"http://stuff.marcoos.com/slides/2011/meetjs-krakow/index-en.html#intro","content":"ES6の機能についてのスライド\nletやforループとブロックスコープについて","date":"2011-11-08T15:00:00.000Z"},{"title":"『やっとこ、JavaScript Gardenの翻訳が終わりました…。 - Life goes on』","url":"http://d.hatena.ne.jp/Layzie/20111113/1321183431","content":"JavaScript Gardenの日本語訳が完了し、本家の方にもmergeされた","date":"2011-11-08T23:00:00.000Z"},{"title":"『jQuery: » jQuery 1.7.1 RC1 Released』","url":"http://blog.jquery.com/2011/11/17/jquery-1-7-1-rc1-released/","content":"jQuery 1.7.1 RC1リリース","date":"2011-11-09T07:00:00.000Z"},{"title":"『Announcing jQuery Mobile 1.0 | jQuery Mobile』","url":"http://jquerymobile.com/blog/2011/11/16/announcing-jquery-mobile-1-0/","content":"jQuery Mobile 1.0正式リリース","date":"2011-11-09T15:00:00.000Z"},{"title":"mixi Engineers' Blog » Sinon.JS を使った JavaScript のテスト","url":"http://alpha.mixi.co.jp/blog/?p=4123","content":"スタブ、モック、フェイクオブジェクトを利用できるテスト向けライブラリSinon.JSの紹介","date":"2011-11-09T23:00:00.000Z"},{"title":"『クイックリファレンス - 読み書きプログラミング ブログ』","url":"http://d.hatena.ne.jp/nextliteracy/20111116/1321452461","content":"Smooth CoffeeScriptのクイックリファレンスを日本語訳したPDF","date":"2011-11-10T07:00:00.000Z"},{"title":"ベンダー接頭辞は有害か | Web標準Blog | ミツエーリンクス","url":"http://standards.mitsue.co.jp/archives/001532.html","content":"ベンダープレフィックス周りで定期的に起きている議論","date":"2011-11-10T15:00:00.000Z"},{"title":"『JavaScriptコードのメトリクス測定 - WebService::Blog->new( user => ’hide_o_55’ )』","url":"http://d.hatena.ne.jp/hide_o_55/20111116/1321377630","content":"コードメトリクスの測定するツールjsmeterについて","date":"2011-11-10T23:00:00.000Z"},{"title":"Build a simple client-side MVC app with RequireJS | @verekia's blog","url":"http://verekia.com/requirejs/build-simple-client-side-mvc-app-require-js","content":"Require.jsを使いTodoアプリをMVCに則って作るチュートリアル","date":"2011-11-11T07:00:00.000Z"},{"title":"サバクラ両方で動く JavaScript の大規模開発を行うために — Gist","url":"https://gist.github.com/1362110","content":"Scaling Isomorphic Javascript Codeの翻訳\nMVCの種類やBackbone.jsなどのライブラリがどのようなパターンになっているかを解説した記事","date":"2011-11-11T15:00:00.000Z"},{"title":"『Thundering Herd: Firefox's HTML full-screen API enabled in Nightly builds』","url":"http://blog.pearce.org.nz/2011/11/firefoxs-html-full-screen-api-enabled.html","content":"FirefoxでのfullScreen APIについての解説。Firefox10から対応","date":"2011-11-11T23:00:00.000Z"},{"title":"『Amazon: Adobe Edge: Your visual blueprint for designing rich HTML5 applications [Paperback]: Russ Hodge』","url":"http://www.amazon.com/o/ASIN/1118245717/book042-22/ref=nosim","content":"2012年3月22日発売\nHTML,CSS,JSでアニメーションやインタラクションを作成するオーサリングツールのAdobe Edgeについての書籍","date":"2011-11-12T07:00:00.000Z"},{"title":"『Amazon: Sams Teach Yourself jQuery Mobile in 24 Hours (Sams Teach Yourself -- Hours) [Paperback]: Phillip Dutson』","url":"http://www.amazon.com/o/ASIN/0672335948/book042-22/ref=nosim","content":"2012-05-10発売\njQuery Mobile本","date":"2011-11-12T15:00:00.000Z"},{"title":"『jQuery Mobile RC3 Released! | jQuery Mobile』","url":"http://jquerymobile.com/blog/2011/11/13/jquery-mobile-rc3-released/","content":"jQuery Mobile RC3リリース。","date":"2011-11-12T23:00:00.000Z"},{"title":"Animatable: One property, two values, endless possiblities","url":"http://leaverou.github.com/animatable/","content":"CSS3 Transitionsでいろんな効果を適応したデモ","date":"2011-11-13T07:00:00.000Z"},{"title":"『Moment.js - A lightweight javascript date library』","url":"http://momentjs.com/","content":"日付処理ライブラリ。\ni18N対応、フォーマット指定","date":"2011-11-13T15:00:00.000Z"},{"title":"『Codecademy adds jQuery lessons and scratchpad to its online coding school | VentureBeat』","url":"http://venturebeat.com/2011/11/07/codecademy-jquery-scratchpad/","content":"オンラインでコーディングを学べるサービスCodecademyにjQueryのレッスンが追加された","date":"2011-11-13T23:00:00.000Z"},{"title":"JavaScript Advent Calendar 2011 参加者募集！ - by edvakf in hatena","url":"http://d.hatena.ne.jp/edvakf/20111110/1320936218","content":"JavaScript Advent Calendarの季節。","date":"2011-11-14T07:00:00.000Z"},{"title":"『株式会社シャノン技術ブログ: Navigation TimingとCanvasを使ったページロード時間の可視化』","url":"http://shanon-tech.blogspot.com/2011/11/navigation-timingcanvas.html","content":"Navigation Timing APIの解説。\n取得したページ遷移情報をCanvasで描画","date":"2011-11-14T15:00:00.000Z"},{"title":"『closure-stylesheets - Closure Stylesheets - Google Project Hosting』","url":"http://code.google.com/p/closure-stylesheets/","content":"GoogleのCSSメタ言語\nSass, Less, Stylus","date":"2011-11-14T23:00:00.000Z"},{"title":"Opera Developer News - DOM Event constructors in Opera 11.60","url":"http://my.opera.com/ODIN/blog/2011/11/08/dom-event-constructors-in-opera-11-60","content":"Opera 11.60でDOM Event constructorsをサポート。\ninitEventなど引数がたくさんあるものをコンストラクタにオブジェクトを渡して指定できるようにする\nhttp://javascript.g.hatena.ne.jp/edvakf/20110624/1308925355\nWebkitも実装済み\nhttp://bit.ly/vVBcPW","date":"2011-11-15T07:00:00.000Z"},{"title":"Firefox 8.0 と Firefox 3.6.24 リリース - Another 朝顔日記","url":"http://d.hatena.ne.jp/nyama/20111109/1320853180","content":"Firefox8.0リリース","date":"2011-11-15T15:00:00.000Z"},{"title":"JavaScript BDD for Todos.js - Model and Collection on Vimeo","url":"http://vimeo.com/31767882","content":"Jasmine, Backbone, CoffeeScriptを使ったTodoアプリのスクリーンキャスト。","date":"2011-11-15T23:00:00.000Z"},{"title":"『Save Now: JavaScript Path to Mastery - O'Reilly Media』","url":"http://shop.oreilly.com/category/deals/hd-javascript-path.do","content":"JavaScript関係のオライリー電子書籍が50%オフ、紙本は40%オフになるクーポンコード。\n2012年1月19日まで有効","date":"2011-11-16T07:00:00.000Z"},{"title":"Node.js 日本ユーザグループ Blog: Node v0.6.0","url":"http://blog.nodejs.jp/2011/11/node-v060.html","content":"Node.js 0.6.0のリリースノート日本語訳","date":"2011-11-16T15:00:00.000Z"},{"title":"『CSS Power Tools』","url":"http://www.slideshare.net/stubbornella/css-tools","content":"CSSツールなどについてスライド。\nCSS Lintやreset.cssなどについて","date":"2011-11-16T23:00:00.000Z"},{"title":"『Amazon: The CSS Anthology: 101 Essential Tips, Tricks and Hacks 4th Edition [Paperback]: Rachel Andrew』","url":"http://www.amazon.com/o/ASIN/0987153021/book042-22/ref=nosim","content":"2012年3月31日は発売。\nSirtePointのCSS本","date":"2011-11-17T07:00:00.000Z"},{"title":"WebWorkersで別タブ選択中もきっちり動く無敵タイマーをつくる - つまみ食う","url":"http://d.hatena.ne.jp/mohayonao/20111108/1320756534","content":"WebWorkersを使ってバックグラウンドのタブでも精度を保ったタイマー処理を行う","date":"2011-11-17T15:00:00.000Z"},{"title":"Awesome HTML5 Dashboard","url":"https://developer.mozilla.org/media/uploads/demos/p/a/paulrouget/html5-dashboard/demo_package/index.html","content":"HTML5の要素やCSS3の表示や新しい機能のJavaScriptなどを視覚的に一覧できるデモサイト","date":"2011-11-17T23:00:00.000Z"},{"title":"『Amazon: テスト駆動JavaScript [大型本]: Christian Johansen, 長尾高弘』","url":"http://www.amazon.co.jp/o/ASIN/4048707868/book042-22/ref=nosim","content":"2011年11月25日発売\nTest-Driven JavaScript Development\nhttp://tddjs.com/\nの翻訳本。","date":"2011-11-18T07:00:00.000Z"},{"title":"『Amazon: Html5 Mastery: Semantics, Standards, and Styling [ペーパーバック]: Anselm Bradford, Paul Haine』","url":"http://www.amazon.co.jp/o/ASIN/1430238615/book042-22/ref=nosim","content":"2011年10月24日発売\nHTML5やCSS3などについての書籍","date":"2011-11-18T15:00:00.000Z"},{"title":"『CoffeeScript』","url":"http://coffeescript.org/#changelog","content":"CoffeeScript 1.1.3リリース\nsuperが呼べるように、0b10のような2進数表記のサポートなど","date":"2011-11-18T23:00:00.000Z"},{"title":"『hirokidaichi/brook @ GitHub』","url":"http://hirokidaichi.github.com/brook/","content":"中／大規模開発のためのJavaScript Framework \"brook\"\n非同期なモジュールローダーとMVC、promise\nnamespace-jsと一緒に使用\nhttps://github.com/hirokidaichi/namespace-js","date":"2011-11-19T07:00:00.000Z"},{"title":"『RightJS: News: RightJS 2.3.0 Is Released』","url":"http://rightjs.org/blog/rightjs-2-3-0-is-released","content":"RightJS 2.3.0のメジャーアップデートリリース","date":"2011-11-19T15:00:00.000Z"},{"title":"『Node v0.6.0 « node blog』","url":"http://blog.nodejs.org/2011/11/05/node-v0-6-0/","content":"node.js 0.6.0リリース。","date":"2011-11-19T23:00:00.000Z"},{"title":"『chainvas: Chaining for everyone』","url":"http://leaverou.github.com/chainvas/","content":"メソッド呼び出しをメソッドチェーンで書けるようにするライブラリ","date":"2011-11-20T07:00:00.000Z"},{"title":"『xdissent/ievms - GitHub』","url":"https://github.com/xdissent/ievms/","content":"MSの配布しているIE on virtual machineをVirtualBoxに自動的にイントールできるようにするshスクリプト","date":"2011-11-20T15:00:00.000Z"},{"title":"『Useful Coding Tools and JavaScript Libraries For Web Developers - Smashing Magazine』","url":"http://www.smashingmagazine.com/2011/10/28/useful-coding-workflow-tools-for-web-designers-developers/","content":"Web開発者向けの便利なソフトウェアのまとめ","date":"2011-11-20T23:00:00.000Z"},{"title":"JavascriptでH.264のビデオをデコード(再生)する「Broadway.js」 | alt","url":"http://blog.alt-scape.com/archives/431","content":"H.264のエンコードをするJavaScriptライブラリについて","date":"2011-11-21T07:00:00.000Z"},{"title":"『Sisyphus.js』","url":"http://simsalabim.github.com/sisyphus/","content":"Gmailライクなクライアントサイドでのドラフト機能のライブラリ。\nlocal storageにテキストエリアの内容をを保存する","date":"2011-11-21T15:00:00.000Z"},{"title":"Opera Core Concerns - CORS goes mainline","url":"http://my.opera.com/core/blog/2011/10/28/cors-goes-mainline","content":"OperaがCORSをサポート","date":"2011-11-21T23:00:00.000Z"},{"title":"『The Remote Debugging Landscape | Ryan Seddon』","url":"http://thecssninja.com/talks/remote_debugging/","content":"JavaScriptのリモートデバッグについてスライド。各ブラウザのリモートデバッグプロトコルの状況についてもまとまっている","date":"2011-11-22T07:00:00.000Z"},{"title":"『Underscore.js』","url":"http://documentcloud.github.com/underscore/#changelog","content":"Underscore.js 1.2.1リリース。\nAMDのサポート、_.throttleがはいった","date":"2011-11-22T15:00:00.000Z"},{"title":"『PimpMyJS - Your minified or pretty printed JavaScript』","url":"http://pimpmyjs.com/","content":"JavaScriptの整形やvarをまとめたりできるツール","date":"2011-11-22T23:00:00.000Z"},{"title":"Create a new Fiddle - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS)","url":"http://jsfiddle.net/","content":"jsFiddleがCoffeeScriptとSassに対応","date":"2011-11-23T07:00:00.000Z"},{"title":"『CodeKit — THE Mac App For Web Developers』","url":"http://incident57.com/codekit/","content":"Less, Sass, Stylus , CoffeeScriptのファイルをコンパイル、最適化するできるソフトウェア","date":"2011-11-23T15:00:00.000Z"},{"title":"『jQuery 1.7がリリースされました - ぽりぴぃすらいと』","url":"http://d.hatena.ne.jp/muddydixon/20111105/1320478411","content":"jQuery 1.7の更新内容について","date":"2011-11-23T23:00:00.000Z"},{"title":"Terse JavaScript 101 – part 2 – James Padolsey","url":"http://james.padolsey.com/javascript/terse-javascript-101-part-2/","content":"101 JavaScriptのTipの二回目\nループ、キャスト、lookupチェーン","date":"2011-11-24T07:00:00.000Z"},{"title":"『Writing Modular JavaScript With AMD, CommonJS & ES Harmony』","url":"http://addyosmani.com/writing-modular-js/","content":"AMDでのモジュールの定義や利用方法などの解説\nそれぞれのライブラリ事にも利用方法が書かれている。\nまたAMD/CommonJSどちらも対応するモジュールの書き方についてやES ES Harmonyのimport/exportまで解説している","date":"2011-11-24T15:00:00.000Z"},{"title":"Four ways to do Pub/Sub with jQuery 1.7 and jQuery UI (in the future) — Gist","url":"https://gist.github.com/1321768","content":"jQueryを使ったPub/Subパターンの4つの実装方法","date":"2011-11-24T23:00:00.000Z"},{"title":"『Lungo.js - Mobile Framework... and stuff.』","url":"http://www.lungojs.com/","content":"HTML5 Mobile Framework.\nHTML5 APIの実装やiOSのネイティブライクなUIの実装、スワイプなどのイベント処理などを行うHTML,CSS,JavaScriptのフレームワーク","date":"2011-11-25T07:00:00.000Z"},{"title":"Qt-Loft - [qtjs/JavaScript(v8)実行環境]","url":"http://qt.loftz.net/","content":"JavaScript実行環境(WIndows/Linuxが現在対応)\nQtをJavaScript(V8)から利用可能","date":"2011-11-25T15:00:00.000Z"},{"title":"フリーズやカクカクしない安定した動作のアプリやアドオン、ゲームなどが作れるJavaScriptライブラリ | 圧縮電子精神音楽浮遊構造体","url":"http://polygon-planet.blogspot.com/2011/11/javascript.html","content":"PotLite.jsの解説","date":"2011-11-25T23:00:00.000Z"},{"title":"jQuery Version and Plugin Usage Report | BuiltWith Blog","url":"http://blog.builtwith.com/2011/10/31/jquery-version-and-usage-report/","content":"jQueryに関する調査レポート。\nバージョン別利用率やプラグインの目的など","date":"2011-11-26T07:00:00.000Z"},{"title":"『JSAPI.info – James Padolsey』","url":"http://james.padolsey.com/javascript/jsapi-info/","content":"jQueryやUnderscoreJS,Mootoolsなど有名なライブラリのソースコードを見るためのツール。\nメソッドから該当部分のソースコードを表示できる","date":"2011-11-26T15:00:00.000Z"},{"title":"jQuery Mobile","url":"http://www.slideshare.net/firt/jquery-mobile-9979288","content":"jQuery Mobileについてのスライド。\n発表者はjQuery Mobile: Up and Runningの著者","date":"2011-11-26T23:00:00.000Z"},{"title":"Red Dirt JS","url":"http://www.slideshare.net/nathansmith/red-dirt-js","content":"JavaScript、CSS、HTML5、SVGなどの歴史的な話や、それらに対する\nHaml => HTML\nSass/Compass => CSS\nCoffeeScript => JS\nと言ったものついてのスライド\nとても面白い","date":"2011-11-27T07:00:00.000Z"},{"title":"本当はそれなりに面倒くさいJavaScriptとhistoryとAjaxのお話 - 愛と勇気と缶ビール","url":"http://d.hatena.ne.jp/zentoo/20111031/1320075218","content":"pushStateのHistorys操作と後方互換性の維持について。またそれおを手助けするhist.jsというライブラリについて","date":"2011-11-27T15:00:00.000Z"},{"title":"ReFlowの原因とマークアップの最適化 « NAVER Engineers' Blog","url":"http://tech.naver.jp/blog/?p=379","content":"リフローに関する対策方法などを解説した記事。\nケース毎のシナリオで紹介している","date":"2011-11-27T23:00:00.000Z"},{"title":"Tagneto: RequireJS 1.0.1 released","url":"http://tagneto.blogspot.com/2011/11/requirejs-101-released.html","content":"RequireJs 1.0.1リリース。\njQuery 1.7にあわせてリリース","date":"2011-11-28T07:00:00.000Z"},{"title":"Build a simple client-side MVC app with RequireJS | @verekia's blog","url":"http://verekia.com/requirejs/build-simple-client-side-mvc-app-require-js","content":"Require.jsを使いTodoアプリをMVCに則って作るチュートリアル","date":"2011-11-28T15:00:00.000Z"},{"title":"jQuery 1.7の更新内容をまとめたよ。 | Ginpen.com","url":"http://ginpen.com/2011/11/04/jquery-1-7/","content":"jQuery 1.7の機能紹介","date":"2011-11-28T23:00:00.000Z"},{"title":"『jQuery: » jQuery 1.7 Released』","url":"http://blog.jquery.com/2011/11/03/jquery-1-7-released/","content":"jQuery 1.7リリース。\nイベントAPI(on/off)の変更、AMDのサポート、$.DeferredにCallbacksの追加など","date":"2011-11-29T07:00:00.000Z"},{"title":"作業効率が10倍アップする Chrome Developer Tools の使い方 - テックノート＠ama-ch","url":"http://d.hatena.ne.jp/ama-ch/20111103/1320318302","content":"ChromeのDeveloper Toolsの機能解説。それぞれのパネル解説や設定、ブレームポイント周りの解説など","date":"2011-11-29T15:00:00.000Z"},{"title":"iOS5のMobile Safariから使えるようになったHTML5・CSSを試してみました【前編】 - くらげだらけ（くだくらげのBLOG）","url":"http://d.hatena.ne.jp/kudakurage/20111025/1319475131","content":"iOS5のmobile safariで対応したHTML5やCSSやAPIなどについての紹介。\n例も書かれていてよくまとまっている","date":"2011-11-29T23:00:00.000Z"},{"title":"Firebug Guide for Web Designers","url":"http://sixrevisions.com/tools/firebug-guide-web-designers/","content":"Firebugの使い方紹介。\nデザイナー向けなのでHTMLやCSSパネルが中心","date":"2011-11-30T07:00:00.000Z"},{"title":"『YSlow for Command Line』","url":"http://developer.yahoo.com/yslow/commandline/","content":"YSlowのコマンドライン版\nHar形式に対応してる","date":"2011-11-30T15:00:00.000Z"},{"title":"jQuery UI Bootstrap","url":"http://addyosmani.github.com/jquery-ui-bootstrap/","content":"Twitter BootstrapのjQuery UI widgets版","date":"2011-11-30T22:40:00.000Z"},{"title":"Google Documentの入力欄を僕達はまだ知らない。 - Google ドキュメント","url":"https://docs.google.com/document/d/1RRBJqK9TPGFA5pQPnafDTa0VWKq6Wh9DNiKjsLaZ63U/edit?pli=1","content":"Google Documentのエディタの仕組み\nD&Dでカーソルが追ってくる仕組みについて、リッチエディタ部分の仕組みなど","date":"2011-12-01T06:20:00.000Z"},{"title":"『jQuery-inlog』","url":"http://prinzhorn.github.com/jquery-inlog/","content":"jQueryのメソッドをデバッグtraceを仕込んだものと置き換えて、メソッドを呼び出す度に選択してる要素などをコンソールに出力するデバッグ用プラグイン","date":"2011-12-01T14:00:00.000Z"},{"title":"『FileとWebの関係をもっと知る: Blob, FileそしてFileSystemAPI』","url":"https://docs.google.com/present/view?id=0AUVUbfole2fwZHM3aHNyc18wZmR0cThtZnM&hl=en_US&pli=1","content":"File API、Blobについてのスライド\nBlob URLの作り方などについて","date":"2011-12-01T21:40:00.000Z"},{"title":"『evilmartians/visibility.js - GitHub』","url":"https://github.com/evilmartians/visibility.js","content":"Page Visibility APIのラッパーライブラリ\nfocus/blurを使ったfallback実装も同梱サれている","date":"2011-12-02T05:20:00.000Z"},{"title":"『URI.js』","url":"http://medialize.github.com/URI.js/","content":"URL文字列をメソッドチェーンで操作するJavaScriptライブラリ\nクエリの追加や削除、相対パス<->絶対パス、ノーマライズなどができる","date":"2011-12-02T13:00:00.000Z"},{"title":"『zoom.js』","url":"http://lab.hakim.se/zoom-js/","content":"要素やポイントに対してズームを行う事ができるJavaScriptライブラリ","date":"2011-12-02T20:40:00.000Z"},{"title":"『Reliable Cross-Browser Testing, Part 1: Internet Explorer - Smashing Coding』","url":"http://coding.smashingmagazine.com/2011/09/02/reliable-cross-browser-testing-part-1-internet-explorer/","content":"IE6-10までの環境を揃える方法についていろいろ、ツール紹介とか。","date":"2011-12-03T04:20:00.000Z"},{"title":"『Untitled ✿ dabblet.com』","url":"http://dabblet.com/","content":"CSSをメインにしたJSFiddle的なエディタサービス。\ngithubと連携してgistに保存ができたりする","date":"2011-12-03T12:00:00.000Z"},{"title":"JavaScriptまわりあれこれ - ashizawaの日記","url":"http://ashizawa.hatenablog.jp/entry/2011/12/06/163003","content":"JavaScriptのテストツールやビルドツールなどをまとめたメモ","date":"2011-12-03T19:40:00.000Z"},{"title":"『俺の CSS リセット: 2011 冬 - terkel.jp』","url":"http://terkel.jp/archives/2011/12/css-reset-2011-winter/","content":"normalizeとresetの違いについて\nノーマライズの手法についての解説","date":"2011-12-04T03:20:00.000Z"},{"title":"『簡単に使える Compass のオススメ機能 - log』","url":"http://neotag.net/log/2011/12/Less-and-Sass-Advent-calendar-2011-24th.html","content":"Compassのいろいろな機能について\nCSS spriteや画像の高さや幅を取得して設定するや読み込み先の変更など","date":"2011-12-04T11:00:00.000Z"},{"title":"New Developer Tools in Firefox 11 Aurora ✩ Mozilla Hacks – the Web developer blog","url":"http://hacks.mozilla.org/2011/12/new-developer-tools-in-firefox-11-aurora/","content":"FIrefox10からデフォルトで入る開発者ツールの紹介\nスタイルエディタやTiltと呼ばれいていたDOMの構造を3Dで見られるインスペクタ","date":"2011-12-04T18:40:00.000Z"},{"title":"Introducing Aurora 11 with tons of new features and improvements ✩ Mozilla Hacks – the Web developer blog","url":"http://hacks.mozilla.org/2011/12/introducing-aurora-11-with-tons-of-new-features-and-improvements/","content":"Firefox11での変更点の解説。\n- outerHTMLプロパティ\n- XHRでhtmlのパースをサポート\nresponseType = \"document\"\nhttp://d.hatena.ne.jp/teramako/20111122/p1\n同様にresponseType == \"json\"もサポート\n- cancel(Request)AnimationFrameの実装\n- Event constructorsの実装\n- -moz-text-size-adjustの実装\n- SPDYを搭載(デフォルトOFF)\n- Websocketを-mozプレフィックスなしでも利用できるように\n- アニメーションGIFがCPUを使いまくるのを解消","date":"2011-12-05T02:20:00.000Z"},{"title":"『Backbone patterns』","url":"http://ricostacruz.com/backbone-patterns/","content":"Backbone.jsのベストプラクティスのパターンについて解説したドキュメント","date":"2011-12-05T10:00:00.000Z"},{"title":"『CSS3 Filter Effects DEMO - jsdo.it - Share JavaScript, HTML5 and CSS』","url":"http://jsdo.it/GeckoTang/sdkT","content":"CSS3 Filter Effects を使ったデモ\nそれぞれの効果を視覚的に確認","date":"2011-12-05T17:40:00.000Z"},{"title":"『debugging javascript is a lame title』","url":"http://wordsbyf.at/2011/12/23/debugging-javascript-is-a-lame-title/","content":"JavaScriptのデバッガーを使ったデバッグについて。\nGetters/Setters+debuggerステートメントを使った方法が面白い","date":"2011-12-06T01:20:00.000Z"},{"title":"『fent/randexp.js @ GitHub』","url":"http://fent.github.com/randexp.js/","content":"正規表現からそれにマッチするランダムなデータを作成するライブラリ","date":"2011-12-06T09:00:00.000Z"},{"title":"『Rickshaw』","url":"http://shutterstock.github.com/rickshaw/","content":"時系列グラフ生成JavaScriptライブラリ\nd3.jsを使ったSVGで描画してる","date":"2011-12-06T16:40:00.000Z"},{"title":"最近のJavaScriptモジュールの書き方 - yo_waka's blog","url":"http://waka.hatenablog.com/entry/2011/11/27/215627","content":"AMD、CJSのModuleなどに対応したモジュールの書き方について","date":"2011-12-07T00:20:00.000Z"},{"title":"『Amazon: Foundation Adobe Edge Preview: for HTML5, CSS3, and JavaScript Development [Paperback]: Tomo Green』","url":"http://www.amazon.com/o/ASIN/1430243503/book042-22/ref=nosim","content":"2012年5月31日発売\nAdobe Edge本","date":"2011-12-07T08:00:00.000Z"},{"title":"Fake operator overloading in JavaScript","url":"http://www.2ality.com/2011/12/fake-operator-overloading.html","content":"def.js のような演算子のオーバロードに見せかける方法についての解説\nvalueOfとtoStringの上書き","date":"2011-12-07T15:40:00.000Z"},{"title":"『Knockout 2.0.0 released - Steve Sanderson’s blog - As seen on YouTube™』","url":"http://blog.stevensanderson.com/2011/12/21/knockout-2-0-0-released/","content":"Knockout 2.0.0 がリリース","date":"2011-12-07T23:20:00.000Z"},{"title":"『[jQuery Mobile] チートシートつくりました | Screw-Axis』","url":"http://screw-axis.com/2011/12/22/jquery-mobile-cheat-sheet/","content":"jQuery Mobileのマークアップチートシート","date":"2011-12-08T07:00:00.000Z"},{"title":"『Web-ARIA』","url":"http://iwmw.ukoln.ac.uk/iwmw2009/sessions/jackson/ppt2000-html/index_files/frame.html","content":"WAI-ARIAについてのスライド\nWAI-ARIAとは何かという、role属性について、HTML5とWAI-ARIA、問題点などについて","date":"2011-12-08T14:40:00.000Z"},{"title":"『Quick Fun: CSS3 Filter Effects « GirlieMac! Blog』","url":"http://girliemac.com/blog/2011/12/21/quick-fun-css3-filter-effects/","content":"CSS Filter Effectsのサンプル集\nWebkitのnightlyで利用できる","date":"2011-12-08T22:20:00.000Z"},{"title":"『Hogan.js』","url":"http://twitter.github.com/hogan.js/","content":"Twitter製のJavaScriptテンプレートライブラリ","date":"2011-12-09T06:00:00.000Z"},{"title":"『ryu22eBlog : Node.jsのテスティングフレームワーク「Mocha」（前編）』","url":"http://blog.livedoor.jp/ryu22e/archives/65636256.html","content":"Mochaの使い方紹介\nオプションについての解説、後編では出力方法についても","date":"2011-12-09T13:40:00.000Z"},{"title":"『knockout.js 2.0.0 がリリースされたので試してみた - まめしば雑記』","url":"http://d.hatena.ne.jp/shiba-yan/20111222/1324485589","content":"knockout.js 2.0.0の変更点などについて","date":"2011-12-09T21:20:00.000Z"},{"title":"Virtual machine and javascript engine","url":"http://www.slideshare.net/nwind/virtual-machine-and-javascript-engine","content":"JavaScriptエンジンの最適化とか実装とかについてのスライド\nJSC、V8、SpiderMonkery、Chakra、Carakan、Rhino、LLVMとEmscriptenとFabric engine。\nそれぞれのJavaScriptエンジン毎にも書かれている","date":"2011-12-10T05:00:00.000Z"},{"title":"WebStorm 3.0: The JavaScript IDE! | WebStorm & PhpStorm Blog","url":"http://blog.jetbrains.com/webide/2011/12/webstorm-3-0-the-javascript-ide/","content":"JavaScriptを中心にWeb開発向けIDEのWebStorm 3.0がリリースされた。\nNodeやJSLint(JSHint)、CoffeeScript対応やGIthubのレポジトリ作成や,gistへ投稿などgit系の対応も増えています。","date":"2011-12-10T12:40:00.000Z"},{"title":"『CoffeeScript』","url":"http://coffeescript.org/#changelog","content":"CoffeeScript 1.2.0リリース\n--watchと--joinが一緒に使えるようになった。\nhttp://sourceforge.jp/magazine/11/12/20/0834224","date":"2011-12-10T20:20:00.000Z"},{"title":"『Amazon: Web Standards: Mastering Html5, Css3, and Xml [ペーパーバック]: Leslie Sikos』","url":"http://www.amazon.co.jp/o/ASIN/1430240415/book042-22/ref=nosim","content":"2011年11月14日発売\nHTML5,CSS3,XMLとWeb標準についての書籍","date":"2011-12-11T04:00:00.000Z"},{"title":"『Polyfilling The HTML5 Gaps With JavaScript』","url":"http://addyosmani.com/polyfillthehtml5gaps/slides/#1","content":"HTML5やES5などに対するPolyfillについてのスライド。\nかなり広範囲な内容について扱っていて、多数のライブラリなどを紹介している。\nまたPolyfillを実現する手段についてもいろいろ","date":"2011-12-11T11:40:00.000Z"},{"title":"qooxdoo » News » Announcements","url":"http://news.qooxdoo.org/category/announcements","content":"RIAフレームワークなqooxdoo 1.6リリース","date":"2011-12-11T19:20:00.000Z"},{"title":"『JSPkg』","url":"http://jspkg.com/","content":"JavaScriptパッケージをホスティングしてくれるサービス。\n開発者がzipファイルをアップロード(またはgitからもインポート)して、\n利用者がシンプルにzipでダウロードできるようにしてくれる感じのサービス","date":"2011-12-12T03:00:00.000Z"},{"title":"『Home - Chai』","url":"http://chaijs.com/","content":"BDD/TDDなアサーションライブラリ。\nライブラリ自身はmochaと組み合わせてテストされてる","date":"2011-12-12T10:40:00.000Z"},{"title":"メッセージングでまあまあ捗るかもしれない話 - 愛と勇気と缶ビール","url":"http://d.hatena.ne.jp/zentoo/20111213/1323787997","content":"メッセージングによる通知のメリットや実装について","date":"2011-12-12T18:20:00.000Z"},{"title":"Dartium (Dart-enabled Chromium) source and build instructions - General Dart Discussion | Google グループ","url":"https://groups.google.com/a/dartlang.org/group/misc/browse_thread/thread/6d8c441b2a1288f7","content":"DartVMを内蔵したChromiumが公開された","date":"2011-12-13T02:00:00.000Z"},{"title":"『Learn more about AMD! | The Dojo Toolkit Blog』","url":"http://dojotoolkit.org/blog/learn-more-about-amd","content":"AMDとは何かついての解説などをまとめたリンク集","date":"2011-12-13T09:40:00.000Z"},{"title":"『Dojo 1.7.1 is Released! | The Dojo Toolkit Blog』","url":"http://dojotoolkit.org/blog/dojo-1-7-1-is-released","content":"Dojo 1.7.1リリース","date":"2011-12-13T17:20:00.000Z"},{"title":"『The Jasmine Spy Cheatsheet』","url":"http://tobyho.com/2011/12/15/jasmine-spy-cheatsheet/","content":"Jasmineのspy関数のチートシート","date":"2011-12-14T01:00:00.000Z"},{"title":"『ECMAScript 5』","url":"http://www.slideshare.net/ferrantes/ecmascript-5-10575898","content":"ES5についてのスライド\n- Object.create nullを渡した場合についても\n- defineProperty\ngetOwnPropertyDescriptor, getOwnPropertyNames, Object.keysや\nArray, bind, など追加されたものについてES3での後方互換実装を交えて解説していてとてもわかりやすい","date":"2011-12-14T08:40:00.000Z"},{"title":"2011 11-mozcamp","url":"http://www.slideshare.net/jviereck/2011-11mozcamp","content":"PDF.jsについてのスライド\n動作原理、重い処理を回す方法など","date":"2011-12-14T16:20:00.000Z"},{"title":"RFC 6455 on The WebSocket Protocol","url":"http://www.ietf.org/mail-archive/web/ietf-announce/current/msg09663.html","content":"WebSocketプロトコルがRFC 6455として公開された","date":"2011-12-15T00:00:00.000Z"},{"title":"JavaScriptの無名関数の実行 (function(){})() と (function(){}()) の違い | 圧縮電子精神音楽浮遊構造体","url":"http://polygon-planet.blogspot.com/2011/12/javascript-function-function.html","content":"Spidermonkeyのディスアセンブル関数を使った比較","date":"2011-12-15T07:40:00.000Z"},{"title":"DailyJS: JavaScript Developer Survey 2011 Results","url":"http://dailyjs.com/2011/12/15/javascript-survey-results/","content":"DailyJSで行われいたJavaScript開発者向けのアンケート結果発表\nQUnitよりJasmineを使っている人が多いのが意外だった","date":"2011-12-15T15:20:00.000Z"},{"title":"『IndexedDBに関する覚書 (2011年12月版) | mzsm.me』","url":"http://mzsm.me/2011/12/16/indexeddb-201112/","content":"IndexedDBについてかなり詳細な解説。\nJaidというIndexedDB用のライブラリについても","date":"2011-12-15T23:00:00.000Z"},{"title":"『Amazon: HTML5スマートフォンWebアプリ制作 [単行本]: 谷中 志織』","url":"http://www.amazon.co.jp/o/ASIN/4798031895/book042-22/ref=nosim","content":"2011年12月20日発売","date":"2011-12-16T06:40:00.000Z"},{"title":"『nanoScroller.js』","url":"http://jamesflorentino.com/jquery.nanoscroller/","content":"Lionみたいなスクロールバーを表示させるjQueryプラグイン","date":"2011-12-16T14:20:00.000Z"},{"title":"『HTML5 for Applications: The Fourth IE10 Platform Preview - IEBlog - Site Home - MSDN Blogs』","url":"http://blogs.msdn.com/b/ie/archive/2011/11/29/html5-for-applications-the-fourth-ie10-platform-preview.aspx","content":"Internet Explorer 10 Platform Preview 4がリリース\n- COPS\n- File API Writer\n- typed array\n- user-select\nのサポートなど","date":"2011-12-16T22:00:00.000Z"},{"title":"Buster","url":"http://busterjs.org/","content":"Sinon.jsの作者が作成してるJavaScriptテストフレームワーク。","date":"2011-12-17T05:40:00.000Z"},{"title":"『dochub | Instant Documentation Search』","url":"http://dochub.io/#css/","content":"MDCのHTML/JavaScript/DOM/CSSとjQueryのドキュメントのインデックスをインクリメンタルに絞込み検索","date":"2011-12-17T13:20:00.000Z"},{"title":"Opera Developer News - Hello Opera 11.60!","url":"http://my.opera.com/ODIN/blog/2011/12/06/hello-opera-11-60","content":"Opera 11.60リリース","date":"2011-12-17T21:00:00.000Z"},{"title":"Internet Explorer 10 Release Notes","url":"http://ie.microsoft.com/testdrive/info/releasenotes/default.html","content":"Internet Explorer 10 Platform Preview 4がリリースされた","date":"2011-12-18T04:40:00.000Z"},{"title":"『Mobile Performance Manifesto | David Calhoun's Developer Blog』","url":"http://davidbcalhoun.com/2011/mobile-performance-manifesto","content":"モバイル端末のパフォーマンス最適化について\nnavigator.connection(Androidのみ)を使って3Gかwifiなのかを判定したり、Base64で画像の埋め込みやキャッシュマニフェスト、CSSでのGPU使用についてやHTTPパイプラインなどかなり幅広く解説している","date":"2011-12-18T12:20:00.000Z"},{"title":"『Knyle Style Sheets — Warpspire』","url":"http://warpspire.com/posts/kss/","content":"CSS(Sass/Lessも含む)のコード中のコメントからドキュメントを生成してくれるツール\nGithubの人が作成","date":"2011-12-18T20:00:00.000Z"},{"title":"『Clean Javascript』","url":"http://www.slideshare.net/tricknotes/clean-javascript","content":"綺麗なJavaScriptを書くためには...というスライド @ Sapporo.js\nロジックの分離やモジュール化、深いスコープなどの解決方法について書かれている","date":"2011-12-19T03:40:00.000Z"},{"title":"『Amazon: CSS3 Solutions: Essential Techniques for CSS3 Developers [Paperback]: Marco Casario, Nathalie Wormser』","url":"http://www.amazon.com/o/ASIN/143024335X/book042-22/ref=nosim","content":"2012年5月23日発売\nHTML5 Solutionsと同じ所から","date":"2011-12-19T11:20:00.000Z"},{"title":"Backbone.js の資料をざっとリストアップ - tatsuo.sakuraiの日記","url":"http://d.hatena.ne.jp/t2os/20111209/1323416436","content":"Backbone.jsについてのまとめ","date":"2011-12-19T19:00:00.000Z"},{"title":"『Oscar Godson - JavaScriptologist』","url":"http://oscargodson.com/#%21/article/55075016","content":"Writing Eloquent JavaScript Without CoffeeScript\nJavaScriptの書き方についての記事。","date":"2011-12-20T02:40:00.000Z"},{"title":"『Amazon: Learn HTML5 and JavaScript for Android [Paperback]: Gavin Williams』","url":"http://www.amazon.com/o/ASIN/1430243473/book042-22/ref=nosim","content":"2012年5月23日発売\nAndroidとJavaScriptについての書籍","date":"2011-12-20T10:20:00.000Z"},{"title":"『Kyosuke hamalog (Sass と LESS 以外の選択肢 Stylus)』","url":"http://kyosuke.tumblr.com/post/14003234226/stylus","content":"Stylusの紹介","date":"2011-12-20T18:00:00.000Z"},{"title":"『clutchski/coffeelint - GitHub』","url":"https://github.com/clutchski/coffeelint","content":"CoffeeScriptのLintを行うnode製ツール","date":"2011-12-21T01:40:00.000Z"},{"title":"Going Global with JavaScript and Globalize.js","url":"http://bytelevelbooks.com/books/global_javascript.html","content":"i18nなどの国際化対応についての書籍","date":"2011-12-21T09:20:00.000Z"},{"title":"Introducing ECMAScript 5.1 - Dev.Opera","url":"http://dev.opera.com/articles/view/introducing-ecmascript-5-1/","content":"dev.operaのES5紹介","date":"2011-12-21T17:00:00.000Z"},{"title":"『Amazon: Effective JavaScript: 30 Specific Ways to Harness the Power of JavaScript (Effective Software Development Series) [Paperback]: David Herman』","url":"http://www.amazon.com/o/ASIN/0321812182/book042-22/ref=nosim","content":"2012年6月21日発売\nMozillaのDavid Herman著","date":"2011-12-22T00:40:00.000Z"},{"title":"『Amazon: Programming in CoffeeScript [Paperback]: Mark Bates』","url":"http://www.amazon.com/o/ASIN/032182010X/book042-22/ref=nosim","content":"2012年6月10日発売\nCoffeeScript本\nソースコードはGithubにある\nhttps://github.com/markbates/Programming-In-CoffeeScript","date":"2011-12-22T08:20:00.000Z"},{"title":"Announcing Amber.js « Katz Got Your Tongue?","url":"http://yehudakatz.com/2011/12/08/announcing-amber-js/","content":"SproutCoreはAmber.jsという名前に変更","date":"2011-12-22T16:00:00.000Z"},{"title":"DailyJS: Testing with Mocha","url":"http://dailyjs.com/2011/12/08/mocha/","content":"JavaScriptテスティングフレームワークのMochaについての紹介","date":"2011-12-22T23:40:00.000Z"},{"title":"『Move The Web Forward | Guide to getting involved with standards and browser development』","url":"http://movethewebforward.org/","content":"Web開発者向けのガイドライン\nブログやリファレンス、学び方や質問の仕方などについて","date":"2011-12-23T07:20:00.000Z"},{"title":"『Moving to Dojo 1.7 and the path to 2.0』","url":"http://www.slideshare.net/jthomas/moving-to-dojo-17-and-the-path-to-20","content":"Dojo 1.7についてのスライド\nAMDモジュールの非同期ロードについてかなり詳細に書かれている。\nまたDojo Mobileについて","date":"2011-12-23T15:00:00.000Z"},{"title":"O'Reilly Japan - jQuery Mobile","url":"http://www.oreilly.co.jp/books/9784873115269/","content":"2011年12月22日 発売\njQuery Mobile: Up and Running では無い方のjQuery Mobile本の日本語版","date":"2011-12-23T22:40:00.000Z"},{"title":"『Drip documentation』","url":"http://alogicalparadox.com/drip/","content":"小さなイベント管理JavaScriptライブラリ\non/once/many/emit/off","date":"2011-12-24T06:20:00.000Z"},{"title":"『[Android] Android標準ブラウザ HTML5&CSS3対応状況まとめ - adakoda』","url":"http://www.adakoda.com/adakoda/2011/12/android-androidhtml5css3.html","content":"Androidのバージョン別(機種別)のHTML5要素やAPI、CSS3などの対応状況をまとめたもの","date":"2011-12-24T14:00:00.000Z"},{"title":"『Amazon: 新JavaScriptワークブック [単行本]』","url":"http://www.amazon.co.jp/o/ASIN/4877838171/book042-22/ref=nosim","content":"2011/12/8発売\n授業の演習本みたいな感じ\nhttp://www.amazon.co.jp/dp/487783818X/ の新版","date":"2011-12-24T21:40:00.000Z"},{"title":"『Amazon: JavaScript&jQueryレッスンブック [単行本]: 大津 真』","url":"http://www.amazon.co.jp/o/ASIN/4883377946/book042-22/ref=nosim","content":"2011/12/8発売\nプログラミング初心者向けな感じ\nhttp://www.socym.co.jp/book/4883377946.html","date":"2011-12-25T05:20:00.000Z"},{"title":"Extending JavaScript Natives « JavaScript, JavaScript…","url":"http://javascriptweblog.wordpress.com/2011/12/05/extending-javascript-natives/","content":"JavaScriptのネイティブオブジェクトの拡張についてよくまとまった記事。\nPrototype.jsのようなもの、プロトタイプ汚染、ES5のdefineProperty、ES5とES3のbindの違い、prlyfillの書き方、iframeを使ったサンドボックス、それらから得られる教訓","date":"2011-12-25T13:00:00.000Z"},{"title":"KeyboardJS Demo","url":"http://robertwhurst.github.com/KeyboardJS/","content":"キーバインドライブラリ。\nAMDモジュールとしても利用できる。","date":"2011-12-25T20:40:00.000Z"},{"title":"『Amazon: Webデザイナーのための jQuery入門　魅力的なユーザーインターフェースを手軽に作る (Books for Web Creative) [大型本]: 高津戸 壮』","url":"http://www.amazon.co.jp/o/ASIN/4774148563/book042-22/ref=nosim","content":"2011年12月7日発売\nJavaScriptの基礎にも触れながら、jQueryを覚えていけるような書籍\nhttp://hamalog.tumblr.com/post/13682600794/web-jquery","date":"2011-12-26T04:20:00.000Z"},{"title":"『はてなブログのHTML5 - techlog』","url":"http://d.hatena.ne.jp/j7400157/20111203/1322919968","content":"はてなブログでみるHTML5要素の使い方","date":"2011-12-26T12:00:00.000Z"},{"title":"Firefox – tons of tools for web developers! ✩ Mozilla Hacks – the Web developer blog","url":"http://hacks.mozilla.org/2011/11/firefox-tons-of-tools-for-web-developers/","content":"Firefoxのデバッグキングアドオンのまとめ。","date":"2011-12-26T19:40:00.000Z"},{"title":"trevmex's tumblings - EnvJasmine 1.6 is released!","url":"http://trevmex.com/post/13637352846/envjasmine-1-6-is-released","content":"EnvJasmine 1.6 リリース\nhttps://github.com/trevmex/EnvJasmine","date":"2011-12-27T03:20:00.000Z"},{"title":"『MooTools - MooTools 1.4.2 Released』","url":"http://mootools.net/blog/2011/12/02/mootools-1-4-2-released/","content":"MooTools 1.4.2リリース。","date":"2011-12-27T11:00:00.000Z"},{"title":"『テストフレームワーク mocha - hokaccha.hamalog v2』","url":"http://d.hatena.ne.jp/hokaccha/20111202/1322840375","content":"Node/クライアントサイドで動作するテスティングフレームワークのmochaについての解説","date":"2011-12-27T18:40:00.000Z"},{"title":"『Echo JS launched by @arnorhs』","url":"http://arnorhs.com/2011/12/01/echo-js-launched/","content":"JavaScriptのソーシャルニュース(Hacker Newsみたいな)サイト","date":"2011-12-28T02:20:00.000Z"},{"title":"DailyJS: Ender Roundup: Ender, Qwery, Sel, Reqwest, Ender Twitter Bootstrap, CalEnder","url":"http://dailyjs.com/2011/12/02/ender-roundup/","content":"クライアントサイド向けのJavaScriptパッケージマネージャなEnder.jsについての紹介","date":"2011-12-28T10:00:00.000Z"},{"title":"『Backbone.jsの1番良いリファレンスを頼む』へのAwesomeな回答を翻訳してみた - hamheiの日記","url":"http://d.hatena.ne.jp/hamhei/20111202/1322814067","content":"Backbone.jsのリソースまとめ","date":"2011-12-28T17:40:00.000Z"},{"title":"『Patching native objects, isn't it evil? - Sugar』","url":"http://sugarjs.com/native","content":"JavaScriptのネイティブオブジェクトを拡張する事についての典型的な例からの解説","date":"2011-12-29T01:20:00.000Z"},{"title":"jQueryのCSSセレクタAPIを高速に扱う方法 | tech.kayac.com - KAYAC engineers' blog","url":"http://tech.kayac.com/archive/jquery-selector-api-tuneup.html","content":"jQueryのCSSセレクタ解釈について","date":"2011-12-29T09:00:00.000Z"},{"title":"DailyJS: JavaScript Developer Survey 2011","url":"http://dailyjs.com/2011/12/01/javascript-developer-survey-2011/","content":"JavaScript開発者の開発環境アンケート2011受付中","date":"2011-12-29T16:40:00.000Z"},{"title":"『Siphon』","url":"http://safari-park.herokuapp.com/siphon/index.html","content":"iPadのようなタブレットでも動作するCoffeeScriptプログラミング環境","date":"2011-12-30T00:20:00.000Z"},{"title":"『Dojo 1.7 Released! | The Dojo Toolkit Blog』","url":"http://dojotoolkit.org/blog/dojo-1-7-released","content":"Dojo 1.7リリース。\nDojo Nanoというファイルサイズが小さくなるバージョンも出している","date":"2011-12-30T08:00:00.000Z"},{"title":"『Paving the way for open games on the Web with the Gamepad and Mouse Lock APIs ✩ Mozilla Hacks – the Web developer blog』","url":"http://hacks.mozilla.org/2011/12/paving-the-way-for-open-games-on-the-web-with-the-gamepad-and-mouse-lock-apis/","content":"GamePad APIとMouse Lock APIについての解説とデモ動画","date":"2011-12-30T15:40:00.000Z"},{"title":"『[JavaScript] AS3のEventDispatcherみたいにObserverパターン « きんくまデザイン』","url":"http://www.kuma-de.com/blog/2011-11-29/2849","content":"observeパターンとMVC","date":"2011-12-30T23:20:00.000Z"},{"title":"『TweenJS: A Tweening & Animation Library for Javascript & HTML5.』","url":"http://tweenjs.com/","content":"イージングやTweenなどのアニメーションライブラリ","date":"2011-12-31T07:00:00.000Z"},{"title":"『【Sassを覚えよう！】もくじ的なのと参考リンク - CSS HappyLife』","url":"http://css-happylife.com/archives/2012/0130_0415.php","content":"Sassチュートリアルのまとめや参考になるリソースについてのまとめ","date":"2011-12-31T15:00:00.000Z"},{"title":"『WebRTCについて(第３回社内勉強会)』","url":"http://www.slideshare.net/MakotoTakebayashi1/webrtc-11317323","content":"WebRTCの概要についてのスライド","date":"2011-12-31T23:05:00.000Z"},{"title":"Creating Files through BlobBuilder - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2012/01/27/creating-files-through-blobbuilder.aspx","content":"IE10pp4でサポートされたBlobBuilderについて。\nwindow.navigator.msSaveOrOpenBlobでFile API:saveAs()みたいなblobの保存ができる","date":"2012-01-01T07:10:00.000Z"},{"title":"SourceMapでminifyされたJavaScriptを元に戻してみた - @vvakame の日記","url":"http://d.hatena.ne.jp/vvakame/20120128#1327766105","content":"SourceMapを利用して圧縮したJavaScriptと元ファイルをマッピングする","date":"2012-01-01T15:15:00.000Z"},{"title":"『IcedCoffeeScript』","url":"http://maxtaco.github.com/coffee-script/","content":"CoffeeScriptにawait,deferキーワードを追加したフォーク","date":"2012-01-01T23:20:00.000Z"},{"title":"0-9, JSの単体テストにJsTestDriverがおすすめ","url":"http://0-9.tumblr.com/post/15614207218/js-jstestdriver","content":"JsTestDriverのドキュメントについて","date":"2012-01-02T07:25:00.000Z"},{"title":"『Getting Rid of Synchronous XHRs - HTML5Rocks Updates』","url":"http://updates.html5rocks.com/2012/01/Getting-Rid-of-Synchronous-XHRs","content":"XHR2の仕様でxhr.responseTypeが設定された場合には同期リクエストはエラーになる。現在ChromeとFirefoxが仕様に追従している","date":"2012-01-02T15:30:00.000Z"},{"title":"『Tagneto: RequireJS 1.0.5 released』","url":"http://tagneto.blogspot.com/2012/01/requirejs-105-released.html","content":"RequireJS 1.0.5リリース","date":"2012-01-02T23:35:00.000Z"},{"title":"Firebug 1.9 の主な新機能を紹介します « Mozilla Developer Street (modest)","url":"https://dev.mozilla.jp/hacksmozillaorg/firebug-1-9-new-features/","content":"Firebug1.9の新機能についての翻訳","date":"2012-01-03T07:40:00.000Z"},{"title":"『Node v0.6.9 « node blog』","url":"http://blog.nodejs.org/2012/01/27/node-v0-6-9/","content":"Node 0.6.9リリース。","date":"2012-01-03T15:45:00.000Z"},{"title":"Getfirebug Blog » Blog Archive » Firebug 1.10a2","url":"http://blog.getfirebug.com/2012/01/27/firebug-1-10a2/","content":"Firebug 1.10a2リリース。\nFIrefoxの起動時間を遅くしなくなったことと、Bootstrappedになってアドオンをインストールする際にFIrefoxを再起動しなくてもよくなった。","date":"2012-01-03T23:50:00.000Z"},{"title":"Ninja Geddesign - Introducing wrap.js","url":"http://geddesign.com/post/16561192290/introducing-wrap-js","content":"RequireJSのプラグインで、通常のスクリプトをAMDモジュールとして扱えるようにラップする。","date":"2012-01-04T07:55:00.000Z"},{"title":"『jQuery Mobile 1.0.1 Released | jQuery Mobile』","url":"http://jquerymobile.com/blog/2012/01/26/jquery-mobile-1-0-1-released/","content":"jQuery Mobile 1.0.1リリース","date":"2012-01-04T16:00:00.000Z"},{"title":"『Amazon: Titanium Mobile iPhone/Android [単行本]: 小澤 栄一』","url":"http://www.amazon.co.jp/o/ASIN/479803231X/book042-22/ref=nosim","content":"2012年1月31日発売\nTitanium Mobile本\nhttp://www.shuwasystem.co.jp/products/7980html/3231.html","date":"2012-01-05T00:05:00.000Z"},{"title":"『uglify-me : UglifyJS のフロントエンドを作った - Scalaとlift　のはずだった　・・・』","url":"http://d.hatena.ne.jp/scalar/20120125/1327514618","content":"UglifyJSのWebフロントエンド\nWeb APIとしても利用できる","date":"2012-01-05T08:10:00.000Z"},{"title":"『Jasmineでのユニットテスト | Sunvisor Lab. Ext JS 別館』","url":"http://extjs.sunvisor.net/447","content":"JasmineとPhantomJSを使ったユニットテストのチュートリアル","date":"2012-01-05T16:15:00.000Z"},{"title":"Firefox 10 の後方互換性に関わる修正のまとめ « Mozilla Developer Street (modest)","url":"https://dev.mozilla.jp/2012/01/firefox10-backward-compatibility/","content":"Firefox10での変更点\ntableのマージンや位置に関してが仕様に沿ったものへと修正、Strict modeでE4Xが利用できなくなる、IndexedDBの仕様追従","date":"2012-01-06T00:20:00.000Z"},{"title":"ActionScript入門Wiki - Arctic.js","url":"http://www40.atwiki.jp/spellbound/pages/1780.html","content":"DeNAのArctic.jsのサンプルコード集","date":"2012-01-06T08:25:00.000Z"},{"title":"『Web Service Review: CSS Lint - Helping You Code Better』","url":"http://www.1stwebdesigner.com/design/web-service-review-css-lint-helping-you-code-better/","content":"CSS Lintの紹介記事","date":"2012-01-06T16:30:00.000Z"},{"title":"『Amazon: HTML5とJavaScriptでスマートフォンゲーム作成！ ゼロからはじめるenchant.js入門【公式ガイド】 [大型本]: 布留川英一, 伏見遼平, 田中諒』","url":"http://www.amazon.co.jp/o/ASIN/4048862588/book042-22/ref=nosim","content":"2012年2月18日発売\nenchant.jsについての書籍","date":"2012-01-07T00:35:00.000Z"},{"title":"JSViz","url":"http://ushiroad.com/jsviz/","content":"GraphVizをJavaScriptで動かしている。\n一部Emscriptenを使って変換したコードを使用していて、変化した部分をアニメーション表示したりよりビジュアライズされている。","date":"2012-01-07T08:40:00.000Z"},{"title":"JavaScript Daily (javascriptdaily) on Twitter","url":"https://twitter.com/javascriptdaily","content":"@CooperPressによるJavaScript WeeklyのTwitterのbot版","date":"2012-01-07T16:45:00.000Z"},{"title":"『csnover/dojo-boilerplate - GitHub』","url":"https://github.com/csnover/dojo-boilerplate","content":"DojoのBoilerplate","date":"2012-01-08T00:50:00.000Z"},{"title":"jQuery UI Bootstrap 0.2 Released","url":"http://addyosmani.com/blog/jquery-ui-bootstrap-0-2-released/","content":"jQuery UI Bootstrap 0.2 リリース","date":"2012-01-08T08:55:00.000Z"},{"title":"azer/lowkick - GitHub","url":"https://github.com/azer/lowkick","content":"リモートやVirtualBoxのIE等に対してヘッドレスでテストを行えるようにするツール。\njsonで環境の定義を書いてコマンドからテストを実行できる","date":"2012-01-08T17:00:00.000Z"},{"title":"『Node v0.6.8 « node blog』","url":"http://blog.nodejs.org/2012/01/19/node-v0-6-8/","content":"Node.js(stable) 0.6.8リリース","date":"2012-01-09T01:05:00.000Z"},{"title":"『CoffeeScript言語リファレンスを日本語訳しました - maru source』","url":"http://d.hatena.ne.jp/h13i32maru/20120119/1326955300","content":"CoffeeScript(1.2.0)のリファレンス日本語訳","date":"2012-01-09T09:10:00.000Z"},{"title":"『Web Intents入門』","url":"http://www.slideshare.net/shumpei/web-intents","content":"Web Intentsについてのスライド","date":"2012-01-09T17:15:00.000Z"},{"title":"『WebRTC now available in the Chrome dev channel - WebRTC』","url":"http://www.webrtc.org/blog/webrtcnowavailableinthechromedevchannel","content":"Chromeのdev channelでWebRTCが利用可能になった","date":"2012-01-10T01:20:00.000Z"},{"title":"Controlling Selection with CSS user-select - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2012/01/11/controlling-selection-with-css-user-select.aspx","content":"IE10 pp4でuser-selectによる選択の制御ができるようになった。\n-ms-user-select についての解説","date":"2012-01-10T09:25:00.000Z"},{"title":"『Amazon: jQuery, jQuery UI, and jQuery Mobile: Recipes and Examples (Developer's Library) [Paperback]: Adriaan de Jonge, Visit Amazon's Adriaan de Jonge Page, search results, Learn about Author Central』","url":"http://www.amazon.com/o/ASIN/0321822080/book042-22/ref=nosim","content":"2012-08-19発売\njQuery Core,UI,Mobileについてのレシピ本","date":"2012-01-10T17:30:00.000Z"},{"title":"『goldjunge/prof - GitHub』","url":"https://github.com/goldjunge/prof","content":"v8 profilerのバインディング\nNodeアプリに対してのデバッグや最適化に使える","date":"2012-01-11T01:35:00.000Z"},{"title":"DirtyShare - Pure JavaScript Peer to Peer Filesharing - Gun.io","url":"http://gun.io/blog/dirtyshare-pure-javascript-peer-to-peer-p2p-file-sharing-nodejs-socketio","content":"JavaScriptでP2Pのファイルのやり取りを実装。\n今はまだ中央サーバにWebSocketsでやっているが、いづれはWebRTCを使ってピュアP2Pにしていくとの事","date":"2012-01-11T09:40:00.000Z"},{"title":"『jQ.Mobi』","url":"http://jqmobi.com/","content":"モバイル向けにjQueryを書きなおした感じのライブラリ","date":"2012-01-11T17:45:00.000Z"},{"title":"『rspivak/slimit - GitHub』","url":"https://github.com/rspivak/slimit","content":"Pure Pythonで書かれたJavaScript minifier/parser。","date":"2012-01-12T01:50:00.000Z"},{"title":"Node v0.7.0 (Unstable) « node blog","url":"http://blog.nodejs.org/2012/01/16/node-v0-7-0-unstable/","content":"Node.jsの開発版 0.7.0リリース。\nV8も3.8.6にアップデート","date":"2012-01-12T09:55:00.000Z"},{"title":"IE7 が死んだらできるいくつかのこと（ caniuse.com から見繕っただけ） - oogattaの勉強日記","url":"http://d.hatena.ne.jp/oogatta/20120116/1326694238","content":"IE8以上対応の場合にできるようになることについて","date":"2012-01-12T18:00:00.000Z"},{"title":"Last CallったCSSグラデーションの文法 - Weblog - hail2u.net","url":"http://hail2u.net/blog/webdesign/last-called-css-gradient-syntax.html","content":"古い独自実装や旧仕様に基づいたものなどがブラウザ間でごちゃごちゃになってるlinear-gradientの仕様がLast Callされた件について","date":"2012-01-13T02:05:00.000Z"},{"title":"jamesgpearce/confess - GitHub","url":"https://github.com/jamesgpearce/confess","content":"PhantomJSを使ってヘッドレスなWebページの解析ができるツール。\nCACHE MANIFESTの生成やページのパフォーマンス解析をCLIが行える","date":"2012-01-13T10:10:00.000Z"},{"title":"JavaScript pattern and antipattern collection","url":"http://shichuan.github.com/javascript-patterns/","content":"JavaScriptのパターンやアンチパターンについてのサイト。\nそれぞれ実際のコード例で示している","date":"2012-01-13T18:15:00.000Z"},{"title":"Interactive Smooth CoffeeScript","url":"http://autotelicum.github.com/Smooth-CoffeeScript/interactive/interactive-coffeescript.html","content":"Smooth CoffeeScriptのインタラクティブ版","date":"2012-01-14T02:20:00.000Z"},{"title":"{errorception} blog: Writing Quality Third-Party JS - Part 1: The First Rule","url":"http://blog.errorception.com/2012/01/writing-quality-third-party-js-part-1.html","content":"JavaScriptでサードパーティなJSを書くときのルールについて","date":"2012-01-14T10:25:00.000Z"},{"title":"『typeof null === 'object' は ECMAScript 3 の仕様バグ - @think49の日記』","url":"http://d.hatena.ne.jp/think49/20120114/1326554107","content":"typeof nullの歴史的な仕様バグについて","date":"2012-01-14T18:30:00.000Z"},{"title":"Stylus/mochaがやってるGlobal leakテストとNode.js Debugger - ウォンビン ビール瓶。","url":"http://d.hatena.ne.jp/teppeis/20120115/1326610019","content":"JavaScriptでグロールへスコープへのリークを検出するテストの書き方","date":"2012-01-15T02:35:00.000Z"},{"title":"ReleaseNotes - phantomjs - Release Notes - headless WebKit with JavaScript API - Google Project Hosting","url":"http://code.google.com/p/phantomjs/wiki/ReleaseNotes","content":"PhantomJS 1.4リリース\nWebServerモジュールが追加されてウェブサーバを立ち上げられるようになった","date":"2012-01-15T10:40:00.000Z"},{"title":"『Amazon: HTML5 in Action [Paperback]: Rob Crowther, Joe Lennon, Ash Blue』","url":"http://www.amazon.com/o/ASIN/1617290491/book042-22/ref=nosim","content":"2012年05月28日発売\nHTML5のAction本","date":"2012-01-15T18:45:00.000Z"},{"title":"『design patterns | Joe Zim's JS Blog』","url":"http://www.joezimjs.com/tag/design-patterns/","content":"JavaScriptのデザインパターンを紹介してるシリーズ","date":"2012-01-16T02:50:00.000Z"},{"title":"JavaScript Performance (at SFJS)","url":"http://www.slideshare.net/souders/javascript-performance-at-sfjs","content":"JavaScriptのサイズが大きくなってきていることやスクリプトのロード方法の変遷についてのスライド\n非同期ロードについての解説","date":"2012-01-16T10:55:00.000Z"},{"title":"CoffeeScriptでObserverパターン","url":"http://blog.kzfmix.com/entry/1326513844","content":"CoffeeScriptでオブザーブパターン","date":"2012-01-16T19:00:00.000Z"},{"title":"『The Top 10 Javascript MVC Frameworks Reviewed | CodeBrief』","url":"http://codebrief.com/2012/01/the-top-10-javascript-mvc-frameworks-reviewed/","content":"JavaScript MVCフレームワークのまとめ","date":"2012-01-17T03:05:00.000Z"},{"title":"CasperJS, a navigation scripting and testing utility for PhantomJS","url":"http://n1k0.github.com/casperjs/","content":"PhantomJSくぉ使ってSeleniumみたいな自動テストを行うライブラリ","date":"2012-01-17T11:10:00.000Z"},{"title":"『最速な JavaScript のリファレンスマニュアルサイトをつくった - ”>TokuLog 改メ tokuhirom’s blog』","url":"http://d.hatena.ne.jp/tokuhirom/20120114/1326500882","content":"JQAPIと同じようにMDCのドキュメントを検索出来るサービス","date":"2012-01-17T19:15:00.000Z"},{"title":"『こてさきAjax:マルチデバイス連携を実現する Web Intents ～マルチデバイス連携編～ - livedoor Blog（ブログ）』","url":"http://blog.livedoor.jp/kotesaki/archives/1771448.html","content":"Web IntentsとDevice APIsについて\n連携のシナリオについて","date":"2012-01-18T03:20:00.000Z"},{"title":"『JavaScript best practices - W3C Wiki』","url":"http://www.w3.org/wiki/JavaScript_best_practices","content":"JavaScriptベストプラクティスについてかかれたWiki","date":"2012-01-18T11:25:00.000Z"},{"title":"『Mobile Device APIs』","url":"http://www.slideshare.net/jamesgpearce/mobile-device-apis","content":"Device APIについてのスライド。\nWAC、omtp、W3C Device APIs、Mozilla Web API、PhoneGapについて それぞれの目標としたことや仕様などについて書かれてる。","date":"2012-01-18T19:30:00.000Z"},{"title":"『eligrey/FileSaver.js - GitHub』","url":"https://github.com/eligrey/FileSaver.js","content":"名前をつけて保存saveAs()の実装ライブラリ。","date":"2012-01-19T03:35:00.000Z"},{"title":"How to name a web browser (by those who have) - thebeebs - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/thebeebs/archive/2012/01/09/how-to-name-a-web-browser-by-those-who-have.aspx","content":"ブラウザの名前の由来のまとめ","date":"2012-01-19T11:40:00.000Z"},{"title":"『How Batman can Help you Build Apps の翻訳 - ma2の日記』","url":"http://d.hatena.ne.jp/ma2/20120107/p1","content":"Batman.jsについての紹介記事翻訳","date":"2012-01-19T19:45:00.000Z"},{"title":"『addyosmani/backbone-fundamentals - GitHub』","url":"https://github.com/addyosmani/backbone-fundamentals","content":"Backbone.jsの基本的な概念や使い方の解説から、RESTFulやAMD、jQuery Mobileと合わせた使い方について、Jasmineを使ったテスト手法などについてまとめたドキュメント","date":"2012-01-20T03:50:00.000Z"},{"title":"JavaScriptの初見で読みづらいシンタックス＆パターン9種 ::ハブろぐ","url":"http://havelog.ayumusato.com/develop/javascript/e316-javascript_evil_syntax.html","content":"JavaScriptで一見わかりにくい書き方についての話","date":"2012-01-20T11:55:00.000Z"},{"title":"This is Stuff: JavaScript Testing with JSTestDriver","url":"http://meri-stuff.blogspot.com/2012/01/javascript-testing-with-jstestdriver.html","content":"JSTestDriverの使い方について詳細に書かれた記事\nインストールからテストの書き方や他のツールとの連携について書かれてる","date":"2012-01-20T20:00:00.000Z"},{"title":"『Amazon: Professional JavaScript for Web Developers [ペーパーバック]: Nicholas C. Zakas』","url":"http://www.amazon.co.jp/o/ASIN/1118026691/book042-22/ref=nosim","content":"2012年1月18日発売\nNicholas C. Zakasによる書籍の第3版","date":"2012-01-21T04:05:00.000Z"},{"title":"AMD - Why, What and How","url":"http://www.slideshare.net/anm8tr/amd-why-what-and-how","content":"AMDについてのスライド\nDojo中心にAMDの利点や利用方法、ビルドなどについて","date":"2012-01-21T12:10:00.000Z"},{"title":"『A Fix for the iOS Orientationchange Zoom Bug | Filament Group, Inc., Boston, MA』","url":"http://filamentgroup.com/lab/a_fix_for_the_ios_orientationchange_zoom_bug/","content":"mobile safariで回転時にズームがおかしくなるバグを修正するJavaScriptライブラリ","date":"2012-01-21T20:15:00.000Z"},{"title":"HTML5の要素を条件付きコメントなしでIEで使う - 徒書","url":"http://www.akatsukinishisu.net/itazuragaki/html/html5_elements_in_IE_without_conditional_comment.html","content":"条件付きコメントを使わない代わりに、IEに対してhtc(DHTML Behaviors)を使いhtml5shivを適応する方法","date":"2012-01-22T04:20:00.000Z"},{"title":"HTML5, ARIA Roles, and Screen Readers in March 2011 | Articles | Accessible Culture","url":"http://www.accessibleculture.org/articles/2011/04/html5-aria-2011/","content":"HTML5要素についてScreen Reader&ブラウザでの対応についてのまとめ","date":"2012-01-22T12:25:00.000Z"},{"title":"『Firebug 1.9 New Features ✩ Mozilla Hacks – the Web developer blog』","url":"http://hacks.mozilla.org/2012/01/firebug-1-9-new-features/","content":"Firebug1.9の新しい機能の紹介","date":"2012-01-22T20:30:00.000Z"},{"title":"『m6tt/less-boilerplate - GitHub』","url":"https://github.com/m6tt/less-boilerplate","content":"html5-boilerplateのlessバージョン","date":"2012-01-23T04:35:00.000Z"},{"title":"『2012年に使いたいJavaScriptのMVCフレームワーク14選 - memo.yomukaku.net』","url":"http://memo.yomukaku.net/entries/8nZdDFu","content":"JavaScript MVCフレームワークのまとめ","date":"2012-01-23T12:40:00.000Z"},{"title":"『jQuery Performance Tips Cheat Sheet | Dumitru Glavan』","url":"http://dumitruglavan.com/jquery-performance-tips-cheat-sheet/","content":"jQueryのパフォーマンスに関する注意点をまとめたチートシート","date":"2012-01-23T20:45:00.000Z"},{"title":"オレオレCoffeeScriptを作ろう - yo_waka's blog","url":"http://waka.hatenablog.com/entry/2012/01/09/104504","content":"Lexer/Parserをベースに\"class Foo extends Bar\", \"super()\"、\"super.someMethod()\"を解釈してES5なコードとして吐き出すトランスレーター","date":"2012-01-24T04:50:00.000Z"},{"title":"『The JvJsDoc Documentation Generator』","url":"http://www.seehuhn.de/pages/jvjsdoc","content":"コードのJSDocコメントからドキュメントを生成するツール\nClosure Compilerで使われてるJSDocライクなコメントも対応している。","date":"2012-01-24T12:55:00.000Z"},{"title":"こてさきAjax:マルチデバイス連携を実現する WebIntents ～基本と使い方編～ - livedoor Blog（ブログ）","url":"http://blog.livedoor.jp/kotesaki/archives/1771158.html","content":"Web Intentsについて","date":"2012-01-24T21:00:00.000Z"},{"title":"JavaScriptのMVCフレームワークたち ｜ Classmethod.dev()","url":"http://dev.classmethod.jp/ria/javascript-mvc-frameworks/","content":"JavaScript MVCフレームワークのまとめ","date":"2012-01-25T05:05:00.000Z"},{"title":"Getfirebug Blog » Blog Archive » Firebug 1.9.0","url":"http://blog.getfirebug.com/2012/01/06/firebug-1-9-0/","content":"Firefbug1.9.0リリース","date":"2012-01-25T13:10:00.000Z"},{"title":"0-9, 最近のJS系のツールを触ってみたまとめ","url":"http://0-9.tumblr.com/post/15398953814/javascript-tools","content":"CoffeeScript、WebStormについてやJavaScriptのテスト構成について","date":"2012-01-25T21:15:00.000Z"},{"title":"Node v0.6.7 « node blog","url":"http://blog.nodejs.org/2012/01/06/node-v0-6-7/","content":"Node.js 0.6.7リリース","date":"2012-01-26T05:20:00.000Z"},{"title":"『Custom Events are Pretty Cool | CSS-Tricks』","url":"http://css-tricks.com/custom-events-are-pretty-cool/","content":"jQueryでの通常のコールバックと比較してカスタムイベントの使い方紹介","date":"2012-01-26T13:25:00.000Z"},{"title":"O'Reilly Japan - HTML5 Canvas","url":"http://www.oreilly.co.jp/books/9784873115276/","content":"2012年01月21日 発売\nHTML5 Canvasの日本語版","date":"2012-01-26T21:30:00.000Z"},{"title":"『Mobile Performance Tools - GitHub』","url":"https://github.com/h5bp/mobile-boilerplate/wiki/Mobile-Performance-Tools","content":"mobile webのパフォーマンス測定やデバッグに使えるツールのまとめ","date":"2012-01-27T05:35:00.000Z"},{"title":"『JSON PointerとJSON Patch - 一汁三菜』","url":"http://silphire.hatenablog.jp/entry/2012/01/06/073300","content":"JSON操作に関する仕様の提案について\nadd/remove/replace/move/test","date":"2012-01-27T13:40:00.000Z"},{"title":"『Web Reflection: Improving Function.prototype.bind』","url":"http://webreflection.blogspot.com/2012/01/improving-functionprototypebind.html","content":"Function#bindの実装について","date":"2012-01-27T21:45:00.000Z"},{"title":"Perfection kills » Profiling CSS for fun and profit. Optimization notes.","url":"http://perfectionkills.com/profiling-css-for-fun-and-profit-optimization-notes/","content":"CSS(セレクタなど)のパフォーマンスについて調べた記事\nCSSセレクタプロファイラーなどを使用して調べている","date":"2012-01-28T05:50:00.000Z"},{"title":"Backbone.js -JavaScriptのMVCフレームワーク- ｜ Classmethod.dev()","url":"http://dev.classmethod.jp/ria/backbone-js-javascript-mvc-framework/","content":"Backbone.jsのMVCについての解説","date":"2012-01-28T13:55:00.000Z"},{"title":"『Gitview』","url":"http://gitview.logicalcognition.com/","content":"githubユーザーのレポジトリをリスト表示するウィジェットJavaScriptライブラリ","date":"2012-01-28T22:00:00.000Z"},{"title":"CSS Selector Profiler, Source Mapping and Software Rendering « Peter Beverloo","url":"http://peter.sh/2012/01/css-selector-profiler-source-mapping-and-software-rendering/","content":"CSS Selectorプロファイラー、CoffeeScriptのような変換コードと元コードをマッピングしたたものを作るSourceMapなどが実装されてる","date":"2012-01-29T06:05:00.000Z"},{"title":"HTML5 Boilerplateを読む | complicate000 blog","url":"http://blog.complicate000.com/2011/12/html5-boilerplate%e3%82%92%e8%aa%ad%e3%82%80/","content":"HTML5 Boilerplateのコードリーディング","date":"2012-01-29T14:10:00.000Z"},{"title":"『chromeデベロッパーツールでjavascriptのデバッグをする -node.jsもあるでよ- - 馬鹿と天才は紙一重』","url":"http://d.hatena.ne.jp/shim0mura/20111231/1325357395","content":"Web Inspectorの使い方紹介","date":"2012-01-29T22:15:00.000Z"},{"title":"tmpltr","url":"http://rocktronica.github.com/tmpltr/","content":"JSONなデータとMustacheなテンプレートとCSSをリアルタイムで編集してページを作成するjsFiddle的なもの。\ndataURIを使ってパーマネントにページ内容をそのまま含めたものが取得できる","date":"2012-01-30T06:20:00.000Z"},{"title":"『gre/flexible-nav - GitHub』","url":"https://github.com/gre/flexible-nav","content":"サイドにページナビゲーションを表示するjQUeryプラグイン。\n目次のラベルを表示してそこへのジャンプする感じ","date":"2012-01-30T14:25:00.000Z"},{"title":"uncurryThis 関数 - hogehoge @teramako","url":"http://d.hatena.ne.jp/teramako/20111231/p1","content":"ES5のbindを使って、Object.prototype.hasOwnProperty.callやslice.applyなどを適応するときに、callなどを先にbindしてthisにするオブジェクトを指定しておいて、呼び出し時にcallなどを省略する使い方","date":"2012-01-30T22:30:00.000Z"},{"title":"bartaz/impress.js - GitHub","url":"https://github.com/bartaz/impress.js/tree/","content":"prezi.com ライクなスライドフレームワーク。CSS3のtransforms and transitionsを使って回転や3D表現などをしている","date":"2012-01-31T06:35:00.000Z"},{"title":"『XDate - A Modern JavaScript Date Library』","url":"http://arshaw.com/xdate/","content":"ネイティブのDateと同じAPIに加えてパースやstrtime的なフォーマットなどの機能追加してるxDateオブジェクトライブラリ","date":"2012-01-31T15:00:00.000Z"},{"title":"Bug-org 730760 laying out and rendering shouldn't halt by","url":"http://www.d-toybox.com/studio/weblog/show.php?mode=single;id=2012022800","content":"\"別のサーバへの接続を開始すると、レイアウトやレンダリングが一時的に中断する、というバグ\"の原因はbody付近でscriptタグで応答のないサーバのスクリプトを読み込もうとしようしているときに発生している。\nこれはブラウザ側で対処しにくいバグなので、サイト側が取るべき対処法についてまとめられている。","date":"2012-01-31T22:49:00.000Z"},{"title":"『Amazon.com: Professional jQuery (9781118026687): Cesar Otero: Books』","url":"http://www.amazon.com/o/ASIN/1118026683/book042-22/ref=nosim","content":"2012年4月24日発売\n元々は2011年9月20日発売予定だったけど、正式に決まったみたい\nhttp://htmlcssjavascript.com/javascript/professional-jquery/","date":"2012-02-01T06:38:00.000Z"},{"title":"JsMaker - Visual Javascript Programing","url":"http://jsmaker.com/jsmaker/","content":"JavaScriptをビジュアルプログラミングするサービス","date":"2012-02-01T14:27:00.000Z"},{"title":"『$.ImgLoader + spin.js でローディング待ってギャラリー的な - Takazudo hamalog』","url":"http://hamalog.tumblr.com/post/18387456380/imgloader-spin-js","content":"jQuery.ImgLoaderを使って画像のプリロードとspin.jsを使ってローディングインジケーターの表示についてのデモ","date":"2012-02-01T22:16:00.000Z"},{"title":"string.js","url":"http://stringjs.com/","content":"文字列関係のメソッドを集めたユーティリティライブラリ。","date":"2012-02-02T06:05:00.000Z"},{"title":"『Web Dev .NET: TextMate-like ⌘T & ⇧⌘T in Chrome Dev Tools & Other New Features』","url":"http://www.elijahmanor.com/2012/02/textmate-like-t-t-in-chrome-dev-tools.html","content":"Chrome(Canary) Developer Toolsについての紹介\n- Script Explorer\n- Go to File\n- Go to Symbol\n- Dock to right","date":"2012-02-02T13:54:00.000Z"},{"title":"『MooTools - MooTools 1.4.5 Released』","url":"http://mootools.net/blog/2012/02/26/mootools-1-4-5-released/","content":"MooTools 1.4.5リリース\nFx.CSSのバグを修正","date":"2012-02-02T21:43:00.000Z"},{"title":"Dart逆引きリファレンス ｜ Classmethod.dev()","url":"http://dev.classmethod.jp/client-side/dart_reference_index/","content":"Dart言語のリファレンス","date":"2012-02-03T05:32:00.000Z"},{"title":"『Unit Testing with QUnit』","url":"http://benalman.com/talks/unit-testing-qunit.html","content":"QUnitを使ったテストについてのスライド。\nassertionメソッドの解説や非同期テスト、Ajaxのテスト等についてよくまとまってる","date":"2012-02-03T13:21:00.000Z"},{"title":"横浜JSTDDハンズオンでWebStormについて発表してきた | Web scratch","url":"http://efcl.info/2012/0226/res3015/","content":"WebStormの機能概要についてのスライド。次期WebStormで追加される機能などについて","date":"2012-02-03T21:10:00.000Z"},{"title":"『HTML5 Boilerplate, Initializr 2をこれから使う人が押さえるべき5つの原則 | ゆっくりと…』","url":"http://tokkono.cute.coocan.jp/blog/slow/index.php/web-technology/5-fundamentals-when-using-h5bp/","content":"HTML5 Boilerplateに含まれているライブラリや動作原理についてなどの解説","date":"2012-02-04T04:59:00.000Z"},{"title":"『Amazon: Professional HTML5 Mobile Game Development [Paperback]: Pascal Rettig』","url":"http://www.amazon.com/o/ASIN/1118301323/book042-22/ref=nosim","content":"2012年9月4日発売\niOS,Android、WP7を対象にしたmobile gameについての書籍。\n著者 http://cykod.com/","date":"2012-02-04T12:48:00.000Z"},{"title":"『JavaScriptの挙動は仕様を見ればだいたい書いてある - gnarl,技術メモ”’￥』","url":"http://d.hatena.ne.jp/gnarl/20120224/1330011565","content":"JavaScriptでのWTFなコードの挙動の追い方","date":"2012-02-04T20:37:00.000Z"},{"title":"『Mocha test coverage』","url":"http://tjholowaychuk.com/post/18175682663/mocha-test-coverage","content":"テストフレームワークのMochaにjscoverageのレポーターが追加された","date":"2012-02-05T04:26:00.000Z"},{"title":"『同期処理を非同期に変換-JavaScriptライブラリPot.js+PotLite.jsリリースノート | 圧縮電子精神音楽浮遊構造体』","url":"http://polygon-planet.blogspot.com/2012/02/javascriptpotjspotlitejs.html","content":"Pot.js 1.14 と PotLite.js 1.31 リリースPot.js + PotLite.js リファレンス が完成","date":"2012-02-05T12:15:00.000Z"},{"title":"『jQuery UI 1.8.18 « jQuery UI Blog』","url":"http://blog.jqueryui.com/2012/02/jquery-ui-1-8-18/","content":"jQuery UI 1.8.18リリース。","date":"2012-02-05T20:04:00.000Z"},{"title":"TASS - Ultimate lightweight stylesheet language","url":"http://cho45.github.com/tasscss/","content":"CSSメタ言語\nSassライクだけど、JavaScriptで書かれている","date":"2012-02-06T03:53:00.000Z"},{"title":"『Version 0.7.5 (unstable) « node blog』","url":"http://blog.nodejs.org/2012/02/23/version-0-7-5-unstable/","content":"Node.js 0.7.5リリース。","date":"2012-02-06T11:42:00.000Z"},{"title":"『DailyJS: Getting Started with the Chai Assertion Library』","url":"http://dailyjs.com/2012/02/23/chai/","content":"Chaiを使ったテストについて。\nChai Spyについても","date":"2012-02-06T19:31:00.000Z"},{"title":"『Twitter bootstrap入門』","url":"http://www.slideshare.net/makingx/twitter-bootstrap","content":"Twitter bootstrapの使い方についてのスライド","date":"2012-02-07T03:20:00.000Z"},{"title":"Valid JavaScript variable names · Mathias Bynens","url":"http://mathiasbynens.be/notes/javascript-identifiers","content":"JavaScriptの変数名について。\n変数名にユニコード文字も使えるがブラウザにいくつかバグある事や変数名に使える文字列をチェックするツールについて。","date":"2012-02-07T11:09:00.000Z"},{"title":"gruntで快適JS/CSSビルド生活 - Takazudo hamalog","url":"http://hamalog.tumblr.com/post/18137176043/grunt-js-css","content":"CoffeeScriptやSassなどのコンパイル,\nLint、minifyなどのタスクをまとめるNodeツール\n類似ツールとしてBrewer.js","date":"2012-02-07T18:58:00.000Z"},{"title":"Brewer.js — your asset management friend.","url":"http://brewerjs.org/","content":"SCSSやLESSやCoffeeScriptなどコンパイルが必要なものを変更を監視して処理したり、パッケージや圧縮などのビルドに関するところを管理できるNodeツール","date":"2012-02-08T02:47:00.000Z"},{"title":"『Testable JavaScript』","url":"http://www.slideshare.net/tricknotes/testable-javascript","content":"JavaScriptのテストについてのスライド。\n分離された構造でテストしやすい設計をする","date":"2012-02-08T10:36:00.000Z"},{"title":"『File Formats - GitHub』","url":"https://github.com/bebraw/jswiki/wiki/File-Formats","content":"ファイルタイプ別にそれぞれを扱うJavaScriptライブラリまとめ。\npng.jsやpdf.js、zip.jsなど。","date":"2012-02-08T18:25:00.000Z"},{"title":"『Mobile Boilerplate v3.0 Released! | Shi Chuan's blog』","url":"http://www.blog.highub.com/html-2/mobile-boilerplate-v3-0-released/","content":"Mobile Boilerplate3.0について","date":"2012-02-09T02:14:00.000Z"},{"title":"『Getting Started with IndexedDB - CodeProject®』","url":"http://www.codeproject.com/Articles/325135/Getting-Started-with-IndexedDB","content":"IndexedDBのチュートリアル","date":"2012-02-09T10:03:00.000Z"},{"title":"『DIARY SYSTEM Ver.4』","url":"http://summer-lights.dyndns.ws/diarysys4/?id=1498","content":"node.js+QUnit+QUnit-TAP+ant+JenkinsでJavaScriptのCI","date":"2012-02-09T17:52:00.000Z"},{"title":"Dart for Hipsters","url":"http://dart4hipsters.com/","content":"Dart言語についての書籍","date":"2012-02-10T01:41:00.000Z"},{"title":"『IE 9以下に存在するセレクター数制限にはまった』","url":"http://less.carbonfairy.org/post/18072493708","content":"IE9以下にあるセレクター数の4,095個制限について。","date":"2012-02-10T09:30:00.000Z"},{"title":"『HTML5による物理シミュレーション環境の構築 ～WebGLライブラリThree.js 入門（１／３）～』","url":"http://www.natural-science.or.jp/article/20120220155529.php","content":"Three.jsのチュートリアル。","date":"2012-02-10T17:19:00.000Z"},{"title":"『モダンなJSライブラリのディレクトリ構成まとめ - CODESCRIBBLE』","url":"http://hutyao.hatenablog.com/entry/2012/02/19/224958","content":"いろいろなJavaScriptプロジェクトのフォルダ構成について","date":"2012-02-11T01:08:00.000Z"},{"title":"『書籍情報―BlueGriffonによるホームページ作成』","url":"http://www.kohgakusha.co.jp/books/detail/978-4-7775-1665-0","content":"2012年2月25日発売\nBlueGriffon本。","date":"2012-02-11T08:57:00.000Z"},{"title":"Web Reflection: JavaScript Test Framewors: more than 30 + 1","url":"http://webreflection.blogspot.com/2012/02/javascript-test-framewors-more-than-30.html","content":"wruというJavaScriptテストフレームワークについて。\nいろんな環境で動作し、APIもtest, assert, async, logというシンプルな感じ。","date":"2012-02-11T16:46:00.000Z"},{"title":"Essential JavaScript Design Patterns For Beginners","url":"http://addyosmani.com/resources/essentialjsdesignpatterns/book/","content":"JavaScriptで学ぶデザインパターンの電子書籍。\nアップデートされてVolume1.5が公開","date":"2012-02-12T00:35:00.000Z"},{"title":"rwldrn/idiomatic.js - GitHub","url":"https://github.com/rwldrn/idiomatic.js","content":"JavaScriptのコーディング規約についての文章。\n型判定や比較についての詳しく書かれてる。命名規則についても書かれてる","date":"2012-02-12T08:24:00.000Z"},{"title":"Hiro - small yet powerful testing framework for JavaScript","url":"http://hirojs.com/","content":"小さなJavaScriptテストフレームワーク。","date":"2012-02-12T16:13:00.000Z"},{"title":"Table of Contents","url":"http://www.html5rocks.com/webappfieldguide/toc/index/","content":"HTML5 RocksによるWebアプリケーション開発のための基本設計、デザイン、ケーススタディ、ベストプラクティスなどについてまとめた書籍風のサイト","date":"2012-02-13T00:02:00.000Z"},{"title":"『「HTML5+WordBench勉強会 in 神戸」で「d3.js」について発表してきました。 | CreativeStyle』","url":"http://kadoppe.com/archives/2012/02/html5-wordbench-kobe-d3-js.html","content":"\"d3jsではじめるデータビジュアライゼーション入門\"というスライド。\nd3.jsを使って棒グラフを書くことについての紹介","date":"2012-02-13T07:51:00.000Z"},{"title":"JavaScriptをやり始めた人が理解したほうが良いJSONパーサのコード - しふーのブログ","url":"http://d.hatena.ne.jp/sifue/20120218/1329588477","content":"JavaScript Good Partsに載っているJSONパーサーの日本語解説付きコード","date":"2012-02-13T15:40:00.000Z"},{"title":"デブサミ2012で大規模JS開発について発表してきました - yo_waka's blog","url":"http://waka.hatenablog.com/entry/2012/02/17/004542","content":"サイボウズのkintoneでのJavaScriptアプリについてのスライド。\n大規模なJavaScriptについての内容","date":"2012-02-13T23:29:00.000Z"},{"title":"『Dojo 1.7.2 released | The Dojo Toolkit Blog』","url":"http://dojotoolkit.org/blog/dojo-1-7-2-released","content":"Dojo 1.7.2リリース","date":"2012-02-14T07:18:00.000Z"},{"title":"『js1k.com - A lovely js competition』","url":"http://js1k.com/2012-love/","content":"JS1Kの2012年大会\n1KBのJavaScriptでアプリケーションを作るコンテスト","date":"2012-02-14T15:07:00.000Z"},{"title":"Web Reflection: Berlin JS - RegExp Slides","url":"http://webreflection.blogspot.com/2012/02/berlin-js-regexp-slides.html","content":"JavaScriptの正規表現についてよくまとまったスライド。\n基本的な正規表現の使い方やメソッド、プロパティ。testとexecの違い、Space(\\s\\S)の正規表現、特殊文字列。\nString.prototypeでの正規表現","date":"2012-02-14T22:56:00.000Z"},{"title":"『XMLHttpRequestのHTMLサポート (responseType='document') - fragmentary』","url":"http://myakura.hatenablog.com/entry/2012/02/16/011812","content":"XHRにサポートが追加されたresponseType(document, json)について","date":"2012-02-15T06:45:00.000Z"},{"title":"Backbone and Ember | Boris Smus","url":"http://smus.com/backbone-and-ember","content":"Ember と Backbone について","date":"2012-02-15T14:34:00.000Z"},{"title":"『JavaScript.Next』","url":"http://www.slideshare.net/dynamis/javascriptnext","content":"JavaScriptの歴史、ES5、ES.nextについて。ブラウザ毎の実装状況や機能、後方互換性のshimについてなど。","date":"2012-02-15T22:23:00.000Z"},{"title":"『Numeric Javascript』","url":"http://numericjs.com/index.html","content":"数値計算に関する関数を集めたJavaScriptライブラリ","date":"2012-02-16T06:12:00.000Z"},{"title":"ASCII.jp：CSSの記述が3倍速くなる「LESS」の使い方","url":"http://ascii.jp/elem/000/000/668/668205/","content":"LESSの使い方についての記事","date":"2012-02-16T14:01:00.000Z"},{"title":"『Web Dev .NET: Differences Between jQuery .bind() vs .live() vs .delegate() vs .on()』","url":"http://www.elijahmanor.com/2012/02/differences-between-jquery-bind-vs-live.html","content":"jQueryにおけるbind(), live(), delegate(), on()の違い.\non()が使えるならon()を使うべき","date":"2012-02-16T21:50:00.000Z"},{"title":"JavaScript whileループとPot.Deferred.forEverイテレータでCPU使用率を比較-Pot.js+PotLite.jsリリースノート | 圧縮電子精神音楽浮遊構造体","url":"http://polygon-planet.blogspot.com/2012/02/javascript-whilepotdeferredforevercpu.html","content":"Pot.js 1.13 、 PotLite.js 1.30 リリース\n\"実行環境の CPU に負荷をかけることなく JavaScript が実行できる\"ことを目的としてる。","date":"2012-02-17T05:39:00.000Z"},{"title":"アニメーションとUIスレッド - ぶれすとつーる","url":"http://d.hatena.ne.jp/nazomikan/20120109/1326111067","content":"JavaScriptでのUIスレッドのブロッキングとアニメーション。","date":"2012-02-17T13:28:00.000Z"},{"title":"『trevmex's tumblings - EnvJasmine 1.7 Released!』","url":"http://trevmex.com/post/16905545657/envjasmine-1-7-released","content":"EnvJasmin 1.7リリース。","date":"2012-02-17T21:17:00.000Z"},{"title":"『実はCapybaraってよく分からないんです - あーありがち(2012-02-09)』","url":"http://aligach.net/diary/20120209.html#p01","content":"JavaScriptのWebアプリテストで見かけるcapybaraとは何か","date":"2012-02-18T05:06:00.000Z"},{"title":"Writing forward-compatible websites - MDN","url":"https://developer.mozilla.org/ja/Web_Development/Writing_forward-compatible_websites","content":"\"新しいバージョンのブラウザが公開されても壊れることのない Web サイトを記述する方法\" についての翻訳ページ。\nHTMLやCSS、JavaScriptについて書かれている。","date":"2012-02-18T12:55:00.000Z"},{"title":"Node.js 開発環境 基礎 — Gist","url":"https://gist.github.com/1805373","content":"NodeでWebアプリ開発環境を揃えるチュートリアル","date":"2012-02-18T20:44:00.000Z"},{"title":"『Dojo 1.5.2 Released | The Dojo Toolkit Blog』","url":"http://dojotoolkit.org/blog/dojo-1-5-2-released","content":"Dojo 1.5.2リリース","date":"2012-02-19T04:33:00.000Z"},{"title":"『O'Reilly Japan - HTML5 Canvasデスクトップリファレンス』","url":"http://www.oreilly.co.jp/books/9784873115252/","content":"Canvas Pocket Reference の日本語版\n電子書籍のみで販売","date":"2012-02-19T12:22:00.000Z"},{"title":"Future と Stream という同期/非同期処理の混在をシンプルにコード化できる車輪を再発明したよ - latest log","url":"http://uupaa.hatenablog.com/entry/2012/02/07/165501","content":"文字列で同期/非同期処理の順番やwaitを指定して実行する仕組み","date":"2012-02-19T20:11:00.000Z"},{"title":"『Styleguide - GitHub』","url":"https://github.com/styleguide","content":"Github社のHTML,CSS,JavaScript(CoffeeScript),Rubyのスタイルガイド","date":"2012-02-20T04:00:00.000Z"},{"title":"『HTML5 Boilerplate - A rock-solid default for HTML5 awesome.』","url":"http://html5boilerplate.com/","content":"HTML5 Boilerplate 3.0.1リリース","date":"2012-02-20T11:49:00.000Z"},{"title":"『Amazon: CSS3デザインブック　仕事で絶対に使うプロのテクニック [単行本]: MdN編集部』","url":"http://www.amazon.co.jp/o/ASIN/4844362534/book042-22/ref=nosim","content":"2012/3/21発売\nCSS3本","date":"2012-02-20T19:38:00.000Z"},{"title":"Getting Gmail to handle all mailto: links with registerProtocolHandler - HTML5Rocks Updates","url":"http://updates.html5rocks.com/2012/02/Getting-Gmail-to-handle-all-mailto-links-with-registerProtocolHandler","content":"navigator.registerProtocolHandlerを使ってmailtoでGmailを開かせる方法","date":"2012-02-21T03:27:00.000Z"},{"title":"『Tinycon - Favicon Alert Bubbles』","url":"http://tommoor.github.com/tinycon/","content":"Canvasを使ってFaviconにバッジを付けるライブラリ","date":"2012-02-21T11:16:00.000Z"},{"title":"『The Node Beginner Book(てきとー訳)』","url":"https://docs.google.com/document/pub?id=1z-QM7BzN_Y5bC3RKSP10OXxKms65vrqnGJmNc8Yq4NE&pli=1","content":"http://nodebeginner.org/\nのNodeチュートリアル日本語訳。","date":"2012-02-21T19:05:00.000Z"},{"title":"TypedJS: Home","url":"http://typedjs.com/","content":"コードにコメントで関数の型情報を書いてそれを元に型チェックをするテストツール","date":"2012-02-22T02:54:00.000Z"},{"title":"『Node v0.7.3 (unstable) « node blog』","url":"http://blog.nodejs.org/2012/02/07/node-v0-7-3/","content":"Node.js 0.7.3リリース\nisolatesのサポートが取りやめになった","date":"2012-02-22T10:43:00.000Z"},{"title":"『brajeshwar/bootstrap-sass-scss-compass - GitHub』","url":"https://github.com/Brajeshwar/bootstrap-sass-scss-compass","content":"Twitter Bootstrap v2.0のSass版","date":"2012-02-22T18:32:00.000Z"},{"title":"kevindente/expect-dom - GitHub","url":"https://github.com/kevindente/expect-dom","content":"expect.js に対してDOMに関するアサーションを補助するライブラリ\n- https://github.com/LearnBoost/expect.js\njasmine-jquery が元ネタのような感じ。","date":"2012-02-23T02:21:00.000Z"},{"title":"Aurora 12 is out – improvements and updated Developer Tools ✩ Mozilla Hacks – the Web developer blog","url":"http://hacks.mozilla.org/2012/02/aurora-12-is-out-improvements-and-updated-developer-tools/","content":"Aurora(Firefox) 12のアップデート内容。\nECMAScript Harmonyの一部実装、ArrayBuffer.slice、XHRのtimeoutにms指定ができるようになった。\n開発者ツールもいろいろ強化","date":"2012-02-23T10:10:00.000Z"},{"title":"JavaScript Documentation Sucks","url":"http://harry.me/2012/01/22/javascript-documentation-sucks/","content":"JavaScriptのドキュメントについて\nRedditの反応もあわせて http://bit.ly/xqjV6W","date":"2012-02-23T17:59:00.000Z"},{"title":"『Amazon: Beginning WebGL for HTML5 [Paperback]: Brian Danchilla』","url":"http://www.amazon.com/o/ASIN/1430239964/book042-22/ref=nosim","content":"2012年7月4日は発売\nWebGL本","date":"2012-02-24T01:48:00.000Z"},{"title":"１．WebSocket仕様解説　実装WebSocketクライアント対応プロトコルバージョン確認編 - gtk2kの日記","url":"http://d.hatena.ne.jp/gtk2k/20120203/1328274962","content":"WebSocketの仕様についての解説","date":"2012-02-24T09:37:00.000Z"},{"title":"flotr2","url":"http://www.humblesoftware.com/flotr2/","content":"Canvasを使ったグラフ描画ライブラリ","date":"2012-02-24T17:26:00.000Z"},{"title":"『visionmedia/uikit - GitHub』","url":"https://github.com/visionmedia/uikit/","content":"UIコンポーネントライブラリ\nBootstrapみたいに最初からスタイルがあるわけじゃなくて、スタイルを適応するための構造を構築する","date":"2012-02-25T01:15:00.000Z"},{"title":"『Simplify.js - a high-performance JavaScript 2D/3D polyline simplification library』","url":"http://mourner.github.com/simplify-js/","content":"シンプルな折れ線グラフ用のライブラリ","date":"2012-02-25T09:04:00.000Z"},{"title":"uupaa looper 見っけたよー - latest log","url":"http://uupaa.hatenablog.com/entry/2012/02/04/145400","content":"Object.keysを使った列挙のfor(-in)ループのパフォーマンスについて。\nhttps://twitter.com/#!/Constellation/statuses/165687957787918336","date":"2012-02-25T16:53:00.000Z"},{"title":"『jairajs89/Touchy.js - GitHub』","url":"https://github.com/jairajs89/Touchy.js","content":"タッチイベントライブラリ\nタッチstart,move,endの検出、マルチタッチの検出","date":"2012-02-26T00:42:00.000Z"},{"title":"『The Brand New CSS4 Selectors Specification | InsertHTML』","url":"http://www.inserthtml.com/2012/01/css4-selectors/","content":"CSS4セレクターについて","date":"2012-02-26T08:31:00.000Z"},{"title":"『jQuery Blog » jQuery 1.7.2 Beta 1 Released』","url":"http://blog.jquery.com/2012/01/31/jquery-1-7-2-beta-1-released/","content":"jQuery 1.7.2 beta1リリース","date":"2012-02-26T16:20:00.000Z"},{"title":"『Amazon: ホームページ辞典 第5版 HTML・CSS・JavaScript [単行本（ソフトカバー）]: 株式会社アンク』","url":"http://www.amazon.co.jp/o/ASIN/4798125199/book042-22/ref=nosim","content":"2012/3/14発売\n辞典シリーズ","date":"2012-02-27T00:09:00.000Z"},{"title":"The CSS3 Test","url":"http://css3test.com/","content":"CSS3の実装有無(動作は関係なし)を調べるツール\nhttp://lea.verou.me/2012/02/exactly-how-much-css3-does-your-browser-support/","date":"2012-02-27T07:58:00.000Z"},{"title":"『Backbone.js』","url":"http://backbonejs.org/#changelog","content":"Backbone.js 0.9.1リリース","date":"2012-02-27T15:47:00.000Z"},{"title":"mixi Engineers' Blog » 詳細 ECMA-262-3 第8章 評価戦略","url":"http://alpha.mixi.co.jp/blog/?p=5446","content":"詳細 ECMA-262-3 シリーズ翻訳 最終章","date":"2012-02-27T23:36:00.000Z"},{"title":"『Node v0.6.10 « node blog』","url":"http://blog.nodejs.org/2012/02/02/node-v0-6-10/","content":"Node.js 0.6.10リリース","date":"2012-02-28T07:25:00.000Z"},{"title":"『meltingice/psd.js - GitHub』","url":"https://github.com/meltingice/psd.js","content":"psdファイルパーサー\nレイヤーやファイル毎にコンテンツを取り出せるようにするのが目的","date":"2012-02-28T15:14:00.000Z"},{"title":"『The little book on CoffeeScript : 全訳公開 - minghaiの日記』","url":"http://d.hatena.ne.jp/minghai/20120203/p1","content":"追加された7章まで全文翻訳したもの\nhttp://mnmly.github.com/library/coffeescript/index.html の翻訳の方は5章までだった。","date":"2012-02-28T23:03:00.000Z"},{"title":"『LESS - The Dynamic Stylesheet language』","url":"http://less-ja.studiomohawk.com/","content":"LESSドキュメントの日本語訳","date":"2012-02-29T06:52:00.000Z"},{"title":"『Version 0.7.7 (unstable) « node blog』","url":"http://blog.nodejs.org/2012/03/30/version-0-7-7-unstable/","content":"node.js 0.7.7(開発版)リリース","date":"2012-02-29T15:00:00.000Z"},{"title":"『iOS.js』","url":"http://www.iosjs.com/","content":"iOSのmobile safariについてのmin-heightやアドレスバーを隠す機能、CSSに端末ごとにクラスを設定(Modernizr的な)したり、retinaの@2xに対応 などの機能が入ったライブラリ","date":"2012-02-29T22:40:00.000Z"},{"title":"『Understanding JavaScript OOP — Sorella's Basement』","url":"http://killdream.github.com/blog/2011/10/understanding-javascript-oop/","content":"JavaScriptとオブジェクト志向\nJavaScriptの文法やthis, prototypeについて","date":"2012-03-01T06:20:00.000Z"},{"title":"『Amazon: ノン・プログラマのためのjQuery Mobile標準ガイドブック [大型本]: 長谷川 広武, 高橋 定大』","url":"http://www.amazon.co.jp/o/ASIN/4798123587/book042-22/ref=nosim","content":"2012年4月24日発売\njQuery Mobile本","date":"2012-03-01T14:00:00.000Z"},{"title":"『高粒度模块化的前端开发』","url":"http://www.slideshare.net/iddcn/ss-12153414","content":"chinaface.com フロントエンドのモジュール化についてのスライド。\nYUI3(YUI Loader)/Eva UI/lessとMinify","date":"2012-03-01T21:40:00.000Z"},{"title":"Opera Developer News - What's new in Opera Development snapshots: March 26, 2012","url":"http://my.opera.com/ODIN/blog/2012/03/26/whats-new-in-opera-development-snapshots-march-26-2012","content":"Opera 12 (Wahoo)のスナップショット。 HTML5 D&DやCSSアニメーション、TypedArray contructor 、IE-ismsのためにwindow.eventやattachEventサポートしていたが、falseを返すように。 http://my.opera.com/desktopteam/blog/2012/03/26/html5-css-64bit","date":"2012-03-02T05:20:00.000Z"},{"title":"About HTML semantics and front-end architecture by Nicolas Gallagher | en.ja | Translated Articles for Front End Developers","url":"http://enja.studiomohawk.com/2012/03/20/about-html-semantics-and-front-end-architecture/","content":"HTMLセマンティック、クラスのコンポーネント、JavaScript用のクラス、構造的なクラス名、ファイルサイズとgzipによる圧縮 などについて書かれた翻訳文章","date":"2012-03-02T13:00:00.000Z"},{"title":"『Mobile Web Best Practices | Helping People Make Mobile Web Experiences』","url":"http://mobilewebbestpractices.com/","content":"Mobile Webサイト向けのベストプラクティスをまとめてるサイト","date":"2012-03-02T20:40:00.000Z"},{"title":"『Mocha 1.0』","url":"http://tjholowaychuk.com/post/19843730724/mocha-1-0","content":"JavaScriptテストフレームワークのMocha 1.0がリリース。\nMin/markdownレポーターの追加やCoffeeScript等のCompilerサポートが追加されてる","date":"2012-03-03T04:20:00.000Z"},{"title":"『hagino3000/Struct.js』","url":"https://github.com/hagino3000/Struct.js","content":"Proxy APIを使ってC言語のstruct的な型チェックを持ったオブジェクトを作れるライブラリ","date":"2012-03-03T12:00:00.000Z"},{"title":"Komodo IDE/Edit Release Notes","url":"http://docs.activestate.com/komodo/7.0/releases/ide.html","content":"Komodo IDE/Edit ver 7.0リリース\nNode/CoffeeScript/Lessなどのサポートが入った","date":"2012-03-03T19:40:00.000Z"},{"title":"『Client-side MVC with Backbone.js』","url":"http://www.slideshare.net/iloveigloo/clientside-mvc-with-backbonejs","content":"Backbone.jsのアーキテクチャーなどについてのスライド。\nどういう風に動作してるのか、実際に使ってるサイトなどについて","date":"2012-03-04T03:20:00.000Z"},{"title":"『sigma.js | a lightweight JavaScript graph drawing library』","url":"http://sigmajs.org/","content":"Canvasを使った動的なグラフなどを描画するライブラリ","date":"2012-03-04T11:00:00.000Z"},{"title":"JSON 3","url":"http://bestiejs.github.com/json3/","content":"ES5互換のJSON実装ライブラリ\ntoJSON()がネイティブオブジェクトの一部に追加されている。","date":"2012-03-04T18:40:00.000Z"},{"title":"Codiqa - the jQuery Mobile Prototype Builder","url":"http://codiqa.com/","content":"jQuery Mobileを使ったデザインをGUIで組立できるサービス","date":"2012-03-05T02:20:00.000Z"},{"title":"『Async JavaScript by Trevor Burnham [Leanpub PDF/iPad/Kindle]』","url":"http://leanpub.com/asyncjs","content":"Event DrivenなJavaScriptについての電子書籍。event/pub/sub/deferred/Async.js/Web Workers/AltJS\nPDF+epub+mobiフォーマット販売","date":"2012-03-05T10:00:00.000Z"},{"title":"Introduction to JavaScript Source Maps - HTML5 Rocks","url":"http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/","content":"SourceMapがどうやって動くのかについて、関連付けの方法、VLQについて。","date":"2012-03-05T17:40:00.000Z"},{"title":"『x3.js JavaScript rapidly reloader release - latest log』","url":"http://uupaa.hatenablog.com/entry/2012/03/25/164257","content":"WebSQLやWebStorageなどを使ってJavaScriptをキャッシュして次回読み込み時のコストを削減するライブラリについて","date":"2012-03-06T01:20:00.000Z"},{"title":"『Kawaz的jQuery入門』","url":"http://www.slideshare.net/giginet/kawazjquery","content":"jQueryの$関数の基本的な動作についてのスライド。DOM操作が中心","date":"2012-03-06T09:00:00.000Z"},{"title":"Null.ly • カスタム JSON メソッドを作る","url":"http://null.ly/post/19728516868/tojson","content":"コンストラクタ関数にtoJSONを定義しておくと、JSON.stringifyの結果をカスタマイズできる","date":"2012-03-06T16:40:00.000Z"},{"title":"Null.ly • カスタム JSON メソッドを作る","url":"http://null.ly/post/19728516868/tojson","content":"コンストラクタ関数にtoJSONを定義しておくと、JSON.stringifyの結果をカスタマイズできる","date":"2012-03-07T00:20:00.000Z"},{"title":"『JavaScript APIs - The Web is the Platform』","url":"http://www.slideshare.net/robnyman/javascript-apis-the-web-is-the-platform","content":"Mozilla Apps/WebRT(WebRuntime)についてのスライド","date":"2012-03-07T08:00:00.000Z"},{"title":"カヤック社内勉強会でBusterJSについて発表してきた | Web scratch","url":"http://efcl.info/2012/0324/res3020/","content":"BusterJSの基本的な部分についてのスライド","date":"2012-03-07T15:40:00.000Z"},{"title":"『Amazon: Pro Html5 Accessibility (Professional Apress) [ペーパーバック]: Joshue O'connor』","url":"http://www.amazon.co.jp/o/ASIN/1430241942/book042-22/ref=nosim","content":"2012年3月36日発売\nHTML5のアクセシビリティについての書籍","date":"2012-03-07T23:20:00.000Z"},{"title":"『Version 0.6.14 (stable) « node blog』","url":"http://blog.nodejs.org/2012/03/23/version-0-6-14-stable/","content":"NodeJS 0.6.14リリース","date":"2012-03-08T07:00:00.000Z"},{"title":"『omgmog/install-all-firefox』","url":"https://github.com/omgmog/install-all-firefox","content":"FirefoxのメジャーバージョンをまとめてインストールできるBashスクリプト","date":"2012-03-08T14:40:00.000Z"},{"title":"『Amazon: Learning CSS3 Animations & Transitions: A Hands-on Guide to Animating in CSS3 with Transforms, Transitions, Keyframes, and JavaScript [Paperback]: Alexis Goldstein』","url":"http://www.amazon.com/o/ASIN/0321839609/book042-22/ref=nosim","content":"2012年9月18日発売\nCSS3アニメーション本","date":"2012-03-08T22:20:00.000Z"},{"title":"『detro/ghostdriver』","url":"https://github.com/detro/ghostdriver","content":"WebDriver Wire Protocol(Selemium)のJavaScript実装。PhantomJSで動かすことを想定してる","date":"2012-03-09T06:00:00.000Z"},{"title":"『ReleaseNotes - phantomjs - Release Notes - headless WebKit with JavaScript API - Google Project Hosting』","url":"http://code.google.com/p/phantomjs/wiki/ReleaseNotes","content":"PhantomJS 1.5リリース\nLinuxでX11なしに使えるようになった。\nREPL、Remoteデバッグ、エラーハンドリングが強化された","date":"2012-03-09T13:40:00.000Z"},{"title":"『YUI 3.5.0 PR4 Is Now Available » Yahoo! User Interface Blog (YUIBlog)』","url":"http://www.yuiblog.com/blog/2012/03/21/yui-3-5-0-pr4/","content":"YUI 3.5.0 Preview Release 4 リリース","date":"2012-03-09T21:20:00.000Z"},{"title":"『tapharmonic/QuartzDemos』","url":"https://github.com/tapharmonic/QuartzDemos","content":"Quartz frameworkで使える処理のサンプル集。線を引いたり、パスを描いたり、透過、回転、、グラデーション、画像、PDF","date":"2012-03-10T05:00:00.000Z"},{"title":"『jQuery Blog » jQuery 1.7.2 Released』","url":"http://blog.jquery.com/2012/03/21/jquery-1-7-2-released/","content":"jQuery 1.7.2リリース","date":"2012-03-10T12:40:00.000Z"},{"title":"『itay/node-cover』","url":"https://github.com/itay/node-cover","content":"esprimaを使ったJavaScriptコードカバレッジをツール","date":"2012-03-10T20:20:00.000Z"},{"title":"『WebGL』","url":"http://www.slideshare.net/jensarps/webgl-12076364","content":"WebGLの概要的なスライド","date":"2012-03-11T04:00:00.000Z"},{"title":"『Amazon: 新標準HTML5 & CSS3辞典 [大型本]: 大月宇美, 古籏一浩』","url":"http://www.amazon.co.jp/o/ASIN/4844331752/book042-22/ref=nosim","content":"2012年3月22日発売\nHTML5,CSS3のリファレンス本","date":"2012-03-11T11:40:00.000Z"},{"title":"『MDN 翻訳への私家版イントロダクション - snyk_s log edit.hateblo』","url":"http://saneyukis.hatenablog.com/entry/2012/02/27/005457","content":"Mozilla Developer Network (MDC)の翻訳参加へのワークフロー","date":"2012-03-11T19:20:00.000Z"},{"title":"『A re-introduction to JavaScript - MDN』","url":"https://developer.mozilla.org/ja/JavaScript/A_re-introduction_to_JavaScript","content":"再紹介JavaScriptの翻訳がついに完了\nJavaScriptの機能を文法ベースに学べる","date":"2012-03-12T03:00:00.000Z"},{"title":"『SXSW 2012 - JavaScript MythBusters』","url":"https://docs.google.com/present/view?id=0Ac0YlG9vMA2LZHE1MnpycF8yMGZ6ZnZxa2hy&pli=1","content":"JavaScriptのパフォーマンスに関する検証.\nそれぞれjsperfにベンチマークのテストを書いて、実際に動かして確認することの大切さについて。\nPlausible/Busted/Confirmed","date":"2012-03-12T10:40:00.000Z"},{"title":"BDD + Alpaca-Webkit = headless acceptance test framework for PHP web application. - chobi_e's blog","url":"http://chobie.hatenablog.com/entry/2012/03/18/220103","content":"PHPでCapybara-webkit的にWebkitブラウザを動作させるツールキット","date":"2012-03-12T18:20:00.000Z"},{"title":"Testing Rich Client Side Apps with Jasmine","url":"http://www.slideshare.net/markykang/testing-rich-client-side-apps-with-jasmine","content":"Jasmineでのテストについてのスライド\njasmineの拡張的なjasmine-jqueryやjasmine-ajaxについても","date":"2012-03-13T02:00:00.000Z"},{"title":"『Amazon: HTML5 開発ポケットリファレンス [単行本（ソフトカバー）]: WINGSプロジェクト, 片渕 彼富 著, 山田 祥寛 監修』","url":"http://www.amazon.co.jp/o/ASIN/4774150673/book042-22/ref=nosim","content":"2012年4月17日発売","date":"2012-03-13T09:40:00.000Z"},{"title":"『peter.michaux.ca - Feature Detection: State of the Art Browser Scripting』","url":"http://peter.michaux.ca/articles/feature-detection-state-of-the-art-browser-scripting","content":"ECMAScript仕様のネイティブオブジェクトとブラウザが提供してるホストオブジェクトについて。(2008)\nホストオブジェクトのFeature detectやIEがtypeofで返す謎の\"unknown\"についても書かれている","date":"2012-03-13T17:20:00.000Z"},{"title":"『F-site | CreateJS発表』","url":"http://f-site.org/articles/2012/03/17151938.html","content":"EaselJS、TweenJS,、SoundJS、PreloadJSを統合したJavaScriptライブラリ","date":"2012-03-14T01:00:00.000Z"},{"title":"『File API』","url":"http://www.hcn.zaq.ne.jp/___/WEB/File_API-ja.html","content":"File APIの仕様翻訳","date":"2012-03-14T08:40:00.000Z"},{"title":"『atdt/wob.js · GitHub』","url":"https://github.com/atdt/wob.js","content":"BlobBuilderとcreateObjectURLでWebworkerで動く関数を作成して、並行処理するライブラリ","date":"2012-03-14T16:20:00.000Z"},{"title":"『Benvie/reified』","url":"https://github.com/Benvie/reified","content":"Binary data mapping for JavaScript","date":"2012-03-15T00:00:00.000Z"},{"title":"7 Resources Every JavaScript Developer Should Know | Accidental Technologist","url":"http://accidentaltechnologist.com/javascript/7-resources-every-javascript-developer-should-know/","content":"JavaScriptについてリソースとなるサイト紹介","date":"2012-03-15T07:40:00.000Z"},{"title":"『It’s time to start using JavaScript strict mode | NCZOnline』","url":"http://www.nczonline.net/blog/2012/03/13/its-time-to-start-using-javascript-strict-mode/","content":"strict modeの機能紹介\n\"keep in mind that one of the goals of strict mode is to allow for faster debugging of issues.\"","date":"2012-03-15T15:20:00.000Z"},{"title":"『jQuery Mobile 最新情報 & Tips』","url":"http://www.slideshare.net/yoshikawa_t/jquery-mobile-tips","content":"jQuery Mobileについてのスライド","date":"2012-03-15T23:00:00.000Z"},{"title":"『株式会社ウイネット/商品詳細 HTML+CSSクイックマスター HTML5対応』","url":"https://www.wenet.co.jp/product/html/products/detail.php?product_id=313","content":"教育向けのWeb制作本\n個人でも購入はできる","date":"2012-03-16T06:40:00.000Z"},{"title":"『Clipboard support on Y! mail』","url":"http://www.slideshare.net/rmsguhan/clipboard-support-on-y-mail","content":"Y!Mailでメールアドレスのクリップボードコピー対応についてのスライド。\nJavaScriptからはクリップボードを扱えないのでcopyイベントやflashを使った方法について","date":"2012-03-16T14:20:00.000Z"},{"title":"『Firefox 11 for developers - MDN』","url":"https://developer.mozilla.org/ja/Firefox_11_for_developers","content":"Firefox11での変更点まとめ\nouterHTMLのサポート、XHRのdocumentパース、Event Constructor、Battery API、text-size-adjustのサポート、WebSocketのバイナリ形式サポートなど","date":"2012-03-16T22:00:00.000Z"},{"title":"『Firefox 11 のサイト互換性に関わる修正のまとめ « Mozilla Developer Street (modest)』","url":"https://dev.mozilla.jp/2012/03/firefox-11-site-compatibility/","content":"Firefox 11の互換性に関する変更点について","date":"2012-03-17T05:40:00.000Z"},{"title":"Amazon: オブジェクト指向JavaScript [単行本]: Stoyan Stefanov, 水野貴明, 渋川よしき","url":"http://www.amazon.co.jp/o/ASIN/4048706705/book042-22/ref=nosim","content":"2012年4月16日発売\nStoyan StefanovのObject-Oriented JavaScript翻訳本\nhttps://www.packtpub.com/object-oriented-javascript-applications-libraries/book","date":"2012-03-17T13:20:00.000Z"},{"title":"『Firefox Notes - Desktop』","url":"http://www.mozilla.org/en-US/firefox/11.0/releasenotes/","content":"FIrefox 11のリリースノート","date":"2012-03-17T21:00:00.000Z"},{"title":"『Web Workers の中断・再開 - ushiroad』","url":"http://teikyo.tumblr.com/2012/pause-worker-1","content":"Web Workersの中断と再開を行う方法について","date":"2012-03-18T04:40:00.000Z"},{"title":"『Mozilla Vision 2012 の資料と動画を公開しました #mozvision | Mozilla Japan ブログ』","url":"http://mozilla.jp/blog/entry/7922/","content":"Mozilla Visionでの発表動画と資料が公開された","date":"2012-03-18T12:20:00.000Z"},{"title":"Adobe Shadow | preview mobile web - Adobe Labs","url":"http://labs.adobe.com/technologies/shadow/","content":"モバイルデバイスのリモートデバッグツール\nhttp://blogs.adobe.com/shadow/","date":"2012-03-18T20:00:00.000Z"},{"title":"『O'Reilly Japan - HTML5 ジオロケーション』","url":"http://www.oreilly.co.jp/books/9784873115238/","content":"HTML5 Geolocationの翻訳本\nGeolocation APIについての書籍。ebookのみ","date":"2012-03-19T03:40:00.000Z"},{"title":"『InfoQ: 改良された Visual Studio 11 の JavaScript 開発環境』","url":"http://www.infoq.com/jp/news/2012/03/Visual-Studio-11-Easy-JavaScript","content":"JavaScript系の機能が強化された。\nまたQUnitやJasmineなどのテストフレームワークをサポートしてる\nhttp://www.infoq.com/jp/news/2012/03/vs-11-unit-testing","date":"2012-03-19T11:20:00.000Z"},{"title":"『thybag/PJAX-Standalone』","url":"https://github.com/thybag/PJAX-Standalone","content":"jQueryに依存していないPJAXライブラリ","date":"2012-03-19T19:00:00.000Z"},{"title":"『Sass vs. LESS vs. Stylus: Preprocessor Shootout | Nettuts+』","url":"http://net.tutsplus.com/tutorials/html-css-techniques/sass-vs-less-vs-stylus-a-preprocessor-shootout/","content":"Sass, LESS, Stylusの文法比較","date":"2012-03-20T02:40:00.000Z"},{"title":"『ECMAScript Language Specification ECMA-262 6th Edition - DRAFT』","url":"http://people.mozilla.org/~jorendorff/es6-draft.html","content":"ECMAScript 6ドラフトのHTML版","date":"2012-03-20T10:20:00.000Z"},{"title":"KSS: Living Styleguide","url":"http://hughsk.github.com/kss-node/","content":"KSS(CSSのドキュメントパーサー)のNode実装","date":"2012-03-20T18:00:00.000Z"},{"title":"『jQuery Blog » jQuery 1.7.2 RC1 Released』","url":"http://blog.jquery.com/2012/03/09/jquery-1-7-2-rc1-released/","content":"jQuery 1.7.2 RC1リリース","date":"2012-03-21T01:40:00.000Z"},{"title":"『ChiperSoft/Kalendae』","url":"https://github.com/ChiperSoft/Kalendae","content":"ライブラリに依存してないカレンダーのdate pickerを使えるJavaScriptライブラリ。","date":"2012-03-21T09:20:00.000Z"},{"title":"『Core の更新，CSS 精度の改善． « Opera-users.jp』","url":"http://opera-users.jp/translations/weekly/2012-02-28-precision-engine/","content":"Opera Next でXHR周りの修正、responseType jsonに対応、巨大な数値へのtoStringの精度が正常に、2038 年問題の対処","date":"2012-03-21T17:00:00.000Z"},{"title":"『Amazon: CSS3 in Easy Steps [Paperback]: Mike McGrath』","url":"http://www.amazon.com/o/ASIN/1840785411/book042-22/ref=nosim","content":"2012年10月12日発売\nCSS in Easy Steps のCSS3版","date":"2012-03-22T00:40:00.000Z"},{"title":"『Amazon: CSS3 Interface Design: Develop & Design [Paperback]: Chris Mills』","url":"http://www.amazon.com/o/ASIN/0321823729/book042-22/ref=nosim","content":"2012年8月14日発売\nOpera社のChris Mills著 CSSのインターフェースデザインについての書籍","date":"2012-03-22T08:20:00.000Z"},{"title":"『TMLib | TM Life』","url":"http://tmlife.net/tmlib","content":"DOMやゲーム向けのAPIを集めたJavaScriptライブラリ","date":"2012-03-22T16:00:00.000Z"},{"title":"『Sencha Touch 2.0—Built for Amazing Apps | Blog | Sencha』","url":"http://www.sencha.com/blog/announcing-sencha-touch-2","content":"Sencha Touch 2.0リリース","date":"2012-03-22T23:40:00.000Z"},{"title":"『Tender Surrender: WebSocketのバイナリメッセージを試したら、ウェブの未来が垣間見えた』","url":"http://blog.agektmr.com/2012/03/websocket.html","content":"WebSocketとバイナリ。\nJavaScriptで扱えるバイナリBlob と ArrayBufferについて","date":"2012-03-23T07:20:00.000Z"},{"title":"IE 6, IE 7, IE 8 が退場した未来 - latest log","url":"http://uupaa.hatenablog.com/entry/2012/03/06/204911","content":"IE6,7,8 それぞれへの対応が不要になった場合に使えるようになる機能のまとめ","date":"2012-03-23T15:00:00.000Z"},{"title":"PhoneGap 1.5 Released! « PhoneGap","url":"http://phonegap.com/2012/03/06/phonegap-1-5-released/","content":"PhoneGap 1.5リリース","date":"2012-03-23T22:40:00.000Z"},{"title":"『Internet Explorer の自動アップグレードについて | TechNet』","url":"http://technet.microsoft.com/ja-jp/ie/hh859701","content":"日本でのWindows UpdateによるIEの自動アップグレードについて。それぞれのOSでどのバージョンに自動アップグレードされるかがまとめられている","date":"2012-03-24T06:20:00.000Z"},{"title":"『Amazon: よくわかるJavaScriptの教科書 [単行本（ソフトカバー）]: たにぐち まこと』","url":"http://www.amazon.co.jp/o/ASIN/4839941874/book042-22/ref=nosim","content":"2012年3月24日発売\njQuery,Mobileとかまで\nhttp://book.mycom.co.jp/book/978-4-8399-4187-1/978-4-8399-4187-1.shtml","date":"2012-03-24T14:00:00.000Z"},{"title":"『TOC』","url":"http://projects.jga.me/toc/","content":"目次を作成するjQueryプラグイン","date":"2012-03-24T21:40:00.000Z"},{"title":"Announcing jQuery Mobile 1.1.0 RC1 | jQuery Mobile","url":"http://jquerymobile.com/blog/2012/02/28/announcing-jquery-mobile-1-1-0-rc1/","content":"jQuery Mobile 1.1.0 RC1リリース","date":"2012-03-25T05:20:00.000Z"},{"title":"『About normalize.css – Nicolas Gallagher』","url":"http://nicolasgallagher.com/about-normalize-css/","content":"Normalize.css について。","date":"2012-03-25T13:00:00.000Z"},{"title":"『jQuery essentials - Selectors』","url":"http://www.slideshare.net/apnerve/jquery-essentials-selectors","content":"jQueryのセレクタについてのスライド。\nセレクタがどういう要素を選択するかを左右に結果と並べて表示してるので分かりやすい","date":"2012-03-25T20:40:00.000Z"},{"title":"New in 4.0: JavaScript.next syntax support | WebStorm & PhpStorm Blog","url":"http://blog.jetbrains.com/webide/2012/03/javascript-version-selector/","content":"WebStorm 4.0のECMAScript Harmony対応について","date":"2012-03-26T04:20:00.000Z"},{"title":"『HTML5 Rocks - Getting Started With the Track Element』","url":"http://www.html5rocks.com/en/tutorials/track/basics/","content":"動画に字幕とかテキスト表示するtrack要素の使い方。","date":"2012-03-26T12:00:00.000Z"},{"title":"『A quick Introduction to Aria』","url":"http://www.slideshare.net/maxdesign/a-quick-introduction-to-aria","content":"WAI-ARIAとは何か、何故必要なのかについてのスライド。\nAssistive Technologies (ATs)とWAI-ARIAについて\n- landmark roles\n- formとaria属性","date":"2012-03-26T19:40:00.000Z"},{"title":"『UglifyJSの--defineと--define-from-moduleが便利すぎる - スコトプリゴニエフスク通信』","url":"http://d.hatena.ne.jp/perezvon/20120303/1330783666","content":"UglifyJSの--defineと--define-from-moduleを使って定数の書き換えを行う方法。圧縮以外の使い方について","date":"2012-03-27T03:20:00.000Z"},{"title":"『Software is hard | Firebug Tip: Modify variable value at runtime』","url":"http://www.softwareishard.com/blog/firebug/firebug-tip-modify-variable-value-at-runtime/","content":"FIrebugで実行中に変数の中身を書き換える方法について。\nブレークポイントを貼って中身を書き換え","date":"2012-03-27T11:00:00.000Z"},{"title":"『The Basics of jQuery ↩ Andrée』","url":"http://andreehansson.se/the-basics-of-jquery/","content":"jQuery入門\njQUeryの基本的な使い方について","date":"2012-03-27T18:40:00.000Z"},{"title":"『Internet Explorer 10 Consumer Preview のマイナーな変更点リスト « Hebikuzure's Tech Memo』","url":"http://hebikuzure.wordpress.com/2012/03/03/internet-explorer-10-consumer-preview-%e3%81%ae%e3%83%9e%e3%82%a4%e3%83%8a%e3%83%bc%e3%81%aa%e5%a4%89%e6%9b%b4%e7%82%b9%e3%83%aa%e3%82%b9%e3%83%88/","content":"10 Consumer Preview の変更点 日本語訳","date":"2012-03-28T02:20:00.000Z"},{"title":"Buster.JS Beta 2","url":"http://busterjs.org/changelog/beta2/","content":"JavaScriptテスティングフレームワーク Buster.JS Beta2がリリース","date":"2012-03-28T10:00:00.000Z"},{"title":"『gRaphaël—Charting JavaScript Library』","url":"http://g.raphaeljs.com/","content":"Raphaëlを使ってグラフを書くJavaScriptライブラリ","date":"2012-03-28T17:40:00.000Z"},{"title":"『Version 0.6.12 (stable) « node blog』","url":"http://blog.nodejs.org/2012/03/02/version-0-6-12-stable/","content":"node.js 0.6.12リリース","date":"2012-03-29T01:20:00.000Z"},{"title":"Unit Testing Backbone.js Apps With QUnit And SinonJS","url":"http://addyosmani.com/blog/unit-testing-backbone-js-apps-with-qunit-and-sinonjs/","content":"QUnitとSinonJSを使ったテストについて","date":"2012-03-29T09:00:00.000Z"},{"title":"『Internet Explorer 10 Consumer Preview Minor Changes List - EricLaw's IEInternals - Site Home - MSDN Blogs』","url":"http://blogs.msdn.com/b/ieinternals/archive/2012/03/01/ie10-beta-consumer-preview-minor-changes-changelist.aspx","content":"IE 10 Consumer Preview での変更点について。\nCompatibility Cookbookもあわせて\nhttp://msdn.microsoft.com/library/hh801219.aspx","date":"2012-03-29T16:40:00.000Z"},{"title":"『Stylesheet Limits in Internet Explorer - EricLaw's IEInternals - Site Home - MSDN Blogs』","url":"http://blogs.msdn.com/b/ieinternals/archive/2011/05/14/internet-explorer-stylesheet-rule-selector-import-sheet-limit-maximum.aspx","content":"IEのスタイルシートの制限について。\nIE10での変更についても書かれてる","date":"2012-03-30T00:20:00.000Z"},{"title":"『HTML5 Architecture - O'Reilly Media』","url":"http://shop.oreilly.com/product/0636920024088.do","content":"2012年7月31日発売\nWebアプリケーションのアーキテクチャについての書籍","date":"2012-03-30T08:00:00.000Z"},{"title":"『philikon/queryIndexedDB』","url":"https://github.com/philikon/queryIndexedDB","content":"IndexedDBをメソッドチェーンで書けるようにしたライブラリ","date":"2012-03-30T15:40:00.000Z"},{"title":"『dartrefjp』","url":"https://sites.google.com/site/dartrefjp/home","content":"Dart言語の和訳や日本語での情報を掲載してるページ","date":"2012-03-30T23:20:00.000Z"},{"title":"『O'Reilly Japan - JavaScriptグラフィックス』","url":"http://www.oreilly.co.jp/books/9784873115283/","content":"2012年3月16日発売\nSupercharged JavaScript Graphicsの翻訳本\njQueryMobile+PhoneGapについてが追加されてる。","date":"2012-03-31T07:00:00.000Z"},{"title":"JSCheck","url":"http://www.jscheck.org/","content":"ダグラス謹製のQuickCheckツール","date":"2012-03-31T15:00:00.000Z"},{"title":"『Mobile html5 v2』","url":"http://www.slideshare.net/HunterLoftis/mobile-html5-v2","content":"モバイル向けのWebアプリを作ることにおいての注意点を書かれたスライド。\n一言一言が強烈な感じ","date":"2012-03-31T22:16:00.000Z"},{"title":"RequireJS 2.0 draft · jrburke/requirejs Wiki","url":"https://github.com/jrburke/requirejs/wiki/Requirejs-2.0-draft","content":"RequireJS 2.0のドラフト","date":"2012-04-01T05:32:00.000Z"},{"title":"Wizek/Tree","url":"https://github.com/Wizek/Tree","content":"JavaScriptテストフレームワーク。\n名前の通り出力する内容がツリーになっていて似た目もユニーク。\nassertionは短めでexpect系な感じ\n並列実行やBusterJSと同じく//から初めて未実装のテストを表現などができる。","date":"2012-04-01T12:48:00.000Z"},{"title":"『bestiejs/lodash · GitHub』","url":"https://github.com/bestiejs/lodash","content":"Underscore.jsと完全互換で置き換えできるライブラリ。Underscore.jsに比べてパフォーマンスがよい部分やbugfix、いくつかの追加機能があるライブラリ。\njson3と同じくBestieJSの一部","date":"2012-04-01T20:04:00.000Z"},{"title":"CreateJSでゲームを作った感想 | Coremind","url":"http://coremind.jp/blog/archives/44","content":"CreateJSについて","date":"2012-04-02T03:20:00.000Z"},{"title":"『Caret Navigation in Web Applications』","url":"http://bolinfest.com/javascript/caret-navigation.html","content":"contentEditableとカーソル。Google Tasksのようなカーソル移動はどうやって実現されているのかについて\nhttp://bit.ly/JSFxoS とあわせて","date":"2012-04-02T10:36:00.000Z"},{"title":"JavaScript Refactoring","url":"http://www.slideshare.net/szafranek/javascript-refactoring","content":"JavaScriptのリファクタリングについてのスライド","date":"2012-04-02T17:52:00.000Z"},{"title":"Aurora 14 is out! What’s new in it? ✩ Mozilla Hacks – the Web developer blog","url":"http://hacks.mozilla.org/2012/04/aurora-14-is-out-whats-new-in-it/","content":"Firefox 14での更新内容\nDevToolsの更新とかPointer Lock API、MutationEventなど","date":"2012-04-03T01:08:00.000Z"},{"title":"typeOf 'aki_mana' : JavaScript : localStorage と IndexedDB","url":"http://blog.livedoor.jp/aki_mana/archives/6155372.html","content":"NCZOnlineの\"The performance of localStorage revisited\"について。\nlocalStorageとIndexedDBの使い分けについて","date":"2012-04-03T08:24:00.000Z"},{"title":"『Amazon: Jump Start CoffeeScript [Paperback]: Ricardo Tomasi』","url":"http://www.amazon.com/o/ASIN/0987247824/book042-22/ref=nosim","content":"2012年９月24日発売\nSitePointのCoffeeScript本\nhttp://shop.oreilly.com/product/9780987247827.do","date":"2012-04-03T15:40:00.000Z"},{"title":"『Server-sent Events - SitePoint』","url":"http://www.sitepoint.com/server-sent-events/","content":"Server-Sentイベントの使い方について","date":"2012-04-03T22:56:00.000Z"},{"title":"『こてさきAjax:WebRTC事始め - livedoor Blog（ブログ）』","url":"http://blog.livedoor.jp/kotesaki/archives/1794148.html","content":"WebRTCとWebSocketsの違い、それぞれの特徴。STUNサーバNAT超え、WebRTCでビデオチャットのコーディング","date":"2012-04-04T06:12:00.000Z"},{"title":"Google HTML/CSS Style Guide","url":"http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml","content":"GoogleのHTML/CSSスタイルガイド。\nコーディングルール","date":"2012-04-04T13:28:00.000Z"},{"title":"意外と多い!? Web フォントに対応していない環境 ～2012 年の Web フォント事情 - てっく煮ブログ","url":"http://d.hatena.ne.jp/nitoyon/20120426/web_font_popularity","content":"Web Fontsに関する調査\nWeb Fontsが有効に働いた環境の割合","date":"2012-04-04T20:44:00.000Z"},{"title":"『Ext JS 4.1 Final Released | Blog | Sencha』","url":"http://www.sencha.com/blog/ext-js-4-1-final-released/","content":"Ext JS 4.1リリース","date":"2012-04-05T04:00:00.000Z"},{"title":"CSS2.1 日本語訳とりあえずできました。 - 血統の森+はてな","url":"http://d.hatena.ne.jp/momdo/20120425/p1","content":"CSS2.1の仕様書の仮訳出完了","date":"2012-04-05T11:16:00.000Z"},{"title":"『Amazon: CoffeeScriptファーストガイド [大型本]: 飯塚 直』","url":"http://www.amazon.co.jp/o/ASIN/4798125997/book042-22/ref=nosim","content":"2012年5月26日発売\nCoffeeScriptについての書籍.\n著者 http://codezine.jp/author/1288","date":"2012-04-05T18:32:00.000Z"},{"title":"『Krasota.js by veged』","url":"http://veged.github.com/krasota.js/","content":"JavaScriptコードの整形や、Single varパターンへの変更や、セミコロンの自動補完、ホワイトスペースのトリミングなどを行うコマンドラインツール","date":"2012-04-06T01:48:00.000Z"},{"title":"『MooTools - Moobile 0.1 Released』","url":"http://mootools.net/blog/2012/04/24/moobile-0-1-released/","content":"MooToolsのモバイルWebアプリケーションフレームワークMoobileがリリース。\n今のところはWebkitベースのブラウザに対応","date":"2012-04-06T09:04:00.000Z"},{"title":"チャットワーク開発の裏側 - EC studio 技術ブログ","url":"http://techblog.ecstudio.jp/tech/backstage_of_chatwork.html","content":"大規模JavaScriptアプリの事例\nTitaniumとのソース共存","date":"2012-04-06T16:20:00.000Z"},{"title":"Pure, functional JavaScript","url":"http://cjohansen.no/talks/2012/sdc-functional/#1","content":"関数型JavaScriptについてのスライド","date":"2012-04-06T23:36:00.000Z"},{"title":"Testgetriebene Entwicklung mit JavaScript – Jax 2012","url":"http://www.slideshare.net/opitzconsulting/testgetriebene-entwicklung-mit-javascript-jax-2012","content":"Jasmineでのテストについてのスライド\nJasmine-UIとJSTestDriverを合わせたDOM周りのテストについても\nhttps://github.com/tigbro/jasmine-ui","date":"2012-04-07T06:52:00.000Z"},{"title":"jQuery Documentation Resources to Speed Up Your Development - Dan Wahlin's WebLog","url":"http://weblogs.asp.net/dwahlin/archive/2012/04/20/jquery-documentation-resources-to-speed-up-your-development.aspx","content":"jQuery APIについてのドキュメントサイトのまとめ","date":"2012-04-07T14:08:00.000Z"},{"title":"『Saving the Day with Scoped CSS | CSS-Tricks』","url":"http://css-tricks.com/saving-the-day-with-scoped-css/","content":"style scopedについて。\njquery.scopedでPolyfill","date":"2012-04-07T21:24:00.000Z"},{"title":"『窓の杜 - 【NEWS】「Firefox」v3.6および「Thunderbird」v3.1のサポートが本日終了』","url":"http://www.forest.impress.co.jp/docs/news/20120423_528594.html","content":"Firefox 3.6.xのサポートが終了","date":"2012-04-08T04:40:00.000Z"},{"title":"『twitter/recess』","url":"https://github.com/twitter/recess","content":"Twitter製のLESSコード品質ツール","date":"2012-04-08T11:56:00.000Z"},{"title":"グローバルコンテキストでビルトインオブジェクト/関数と同名のものを定義した場合の動作 - Enjoy*Study","url":"http://d.hatena.ne.jp/onozaty/20120421/p1","content":"var URL = window.URL || window.webkitURL;\nのようなコードをグローバル空間で実行した場合にエラーが起きる事について","date":"2012-04-08T19:12:00.000Z"},{"title":"『Riloadr - A Cross-Browser Framework-Independent Responsive Images Loader | Web Builder Zone』","url":"http://css.dzone.com/articles/riloadr-cross-browser","content":"画像の遅延ロードライブラリ\n仕組みはYUI image loaderと同じで、data-srcに画像パスを設定して、noscriptでfail back.\n他のライブラリに非依存でAMD対応、ロード方法に細かな設定ができる","date":"2012-04-09T02:28:00.000Z"},{"title":"『Tagneto: RequireJS 1.0.8 released』","url":"http://tagneto.blogspot.com/2012/04/requirejs-108-released.html","content":"RequireJS 1.0.8リリース","date":"2012-04-09T09:44:00.000Z"},{"title":"Grunt, a JS Command Line Tool | Blog :: The JavaScript Playground","url":"http://javascriptplayground.com/blog/2012/04/grunt-js-command-line-tutorial","content":"JavaScriptのビルドツールGruntの解説","date":"2012-04-09T17:00:00.000Z"},{"title":"JavaScript Enlightenment | by Cody Lindley | 1st Edition | ECMA-262, Edition 3","url":"http://javascriptenlightenment.com/","content":"無料でPDF版が公開されました。\nJavaScript library userをJavaScript developerへ変える電子書籍。 著者はjQuery Enlightenmentの人","date":"2012-04-10T00:16:00.000Z"},{"title":"『The Miso Project :: Dataset』","url":"http://misoproject.com/dataset/","content":"CSVのカンマ区切りのような区切り文字のあるデータをパースして、ソートや統計や操作できるJavaScriptライブラリ","date":"2012-04-10T07:32:00.000Z"},{"title":"『Titanium News』","url":"http://ti-news.hatenablog.jp/","content":"Titaniumに関する週間でのニュースブログ","date":"2012-04-10T14:48:00.000Z"},{"title":"『adamdbradley/foresight.js』","url":"https://github.com/adamdbradley/foresight.js","content":"retina画像のロード切り分けを行うライブラリ。\n無駄なロードが発生しないようになってる","date":"2012-04-10T22:04:00.000Z"},{"title":"[jQuery Mobile] 1.1.0公開 | Screw-Axis","url":"http://screw-axis.com/2012/04/20/jquery-mobile-1-1-0/","content":"jQuery Mobile 1.1.0の変更点について","date":"2012-04-11T05:20:00.000Z"},{"title":"『My HTML/CSS coding style — CSS Wizardry—CSS, Web Standards, Typography, and Grids by Harry Roberts』","url":"http://csswizardry.com/2012/04/my-html-css-coding-style/","content":"HTML/CSSのコーディングスタイル","date":"2012-04-11T12:36:00.000Z"},{"title":"Amazon: すべての人に知っておいてほしい スタイルシートデザインの基本原則 [単行本]: 秋葉秀樹, 安住 光, 坂本亮介, 千貫りこ, 鍋坂理恵, 林 豊, 比留間和也","url":"http://www.amazon.co.jp/o/ASIN/4844362674/book042-22/ref=nosim","content":"2012年5月25日発売","date":"2012-04-11T19:52:00.000Z"},{"title":"『O'Reilly Japan - jQueryデスクトップリファレンス』","url":"http://www.oreilly.co.jp/books/9784873115245/","content":"ebookのみ販売\njQuery Pocket Reference(2010,jQuery ver1.4 )の翻訳本","date":"2012-04-12T03:08:00.000Z"},{"title":"『Amazon: Maintainable Javascript [ペーパーバック]: Nicholas C. Zakas』","url":"http://www.amazon.co.jp/o/ASIN/1449327680/book042-22/ref=nosim","content":"2012年6月22日発売\nNicholas C. ZakasによるチームでのメンテナンスしやすいJavaScriptについての書籍\nhttp://shop.oreilly.com/product/0636920025245.do","date":"2012-04-12T10:24:00.000Z"},{"title":"『O'Reilly Japan - HTML5 ファイルシステムAPI』","url":"http://www.oreilly.co.jp/books/9784873115399/","content":"ebookのみで販売\nUsing the HTML5 Filesystem APIの翻訳本","date":"2012-04-12T17:40:00.000Z"},{"title":"『ASCII.jp：ブラウザーにファイルを残せるFile system APIの使い方｜古籏一浩のJavaScriptラボ』","url":"http://ascii.jp/elem/000/000/686/686064/","content":"File system APIの使い方について","date":"2012-04-13T00:56:00.000Z"},{"title":"『Version 0.7.8 (unstable) « node blog』","url":"http://blog.nodejs.org/2012/04/18/version-0-7-8-unstable/","content":"Node.js 0.7.8リリース","date":"2012-04-13T08:12:00.000Z"},{"title":"『Buster.JS Beta 3』","url":"http://busterjs.org/changelog/beta3/","content":"Buster.JS β3リリース。\nassert.typeOfの廃止、autotestが動作するように、JSTDのdocコメントをプラグインでサポート、BDDスタイルの改善、他Bugfix等","date":"2012-04-13T15:28:00.000Z"},{"title":"mag.js – das JavaScript-Magazin","url":"http://www.magjs.de/","content":"ドイツのJavaScript Online Magazineサイト。Dr. Axelが著者に参加してる。","date":"2012-04-13T22:44:00.000Z"},{"title":"『jQuery UI 1.8.19 « jQuery UI Blog』","url":"http://blog.jqueryui.com/2012/04/jquery-ui-1-8-19/","content":"jQuery UI 1.8.19リリース。\nbugfix中心のメンテナンスリリース","date":"2012-04-14T06:00:00.000Z"},{"title":"WebStorm 4.0 in Harmony with ECMAScript | WebStorm & PhpStorm Blog","url":"http://blog.jetbrains.com/webide/2012/04/webstorm-4-0-in-harmony-with-ecmascript/","content":"WebStorm 4.0リリース。\nECMAScript Harmonyのサポート、JSTestDriverでのCode Coverageをサポート、補完候補順の改善、JSLint/JSHintのサポート強化、Node Pathの設定改善など\nhttp://www.jetbrains.com/webstorm/whatsnew/","date":"2012-04-14T13:16:00.000Z"},{"title":"『窓の杜 - 【NEWS】Microsoft、互換性検証を目的としたIE6/7/8/9環境の仮想マシンイメージを更新』","url":"http://www.forest.impress.co.jp/docs/news/20120416_526780.html","content":"MSのIE検証用のVMイメージがアップデート(利用期限の延長)\nインストールはievmsを使うと便利\nhttps://github.com/xdissent/ievms/","date":"2012-04-14T20:32:00.000Z"},{"title":"Javascript essential-pattern","url":"http://www.slideshare.net/othree/javascript-essentialpattern","content":"大きなアプリケーションを書くためのパターンについてのスライド\ncustom event(Observer), deferred, pub/sub.","date":"2012-04-15T03:48:00.000Z"},{"title":"Dublin Tech: Javascript language a- z cheat sheet","url":"http://dublintech.blogspot.com/2012/04/javascript-language-z-cheat-sheet.html","content":"JavaScriptのA-Z","date":"2012-04-15T11:04:00.000Z"},{"title":"rmurphey/js-assessment","url":"https://github.com/rmurphey/js-assessment","content":"失敗したテストケースが用意されてて、それをパスするような関数を書いていくJavaScriptの力試し\nhttp://efcl.info/2012/0414/res3059/","date":"2012-04-15T18:20:00.000Z"},{"title":"『Chrome Developer Tools — Google Developers』","url":"https://developers.google.com/chrome-developer-tools/","content":"Chrome Developer Toolsのドキュメントサイト。\n機能紹介、パネルの説明、キーボードショートカットなどについて書かれている","date":"2012-04-16T01:36:00.000Z"},{"title":"『WatchMeCode :: ScreenCasts From Derick Bailey』","url":"http://www.watchmecode.net/","content":"JavaScriptについての有料スクリーンキャストを配信してるサイト","date":"2012-04-16T08:52:00.000Z"},{"title":"『flamejs/flame.js』","url":"https://github.com/flamejs/flame.js","content":"Ember.jsむけのwidget/UIライブラリ","date":"2012-04-16T16:08:00.000Z"},{"title":"『A Beginners Guide to HTML & CSS』","url":"http://learn.shayhowe.com/html-css/","content":"HTML/CSSのシンプルな初心者むけガイド。\nHTML5の要素やCSS3などの内容も含まれてる","date":"2012-04-16T23:24:00.000Z"},{"title":"js-coder/cookie.js","url":"https://github.com/js-coder/cookie.js","content":"クッキー操作を行うライブラリ。\nメソッドチェーンでつなげて書けるようになってる","date":"2012-04-17T06:40:00.000Z"},{"title":"『css/csso @ GitHub』","url":"http://css.github.com/csso/","content":"CSS最適化ツール。\n構造を分析して、minifyを行う","date":"2012-04-17T13:56:00.000Z"},{"title":"constantology/n8iv · GitHub","url":"https://github.com/constantology/n8iv","content":"Object.definePropertyを使ったネイティブ拡張や、ClassやObserverやHashなどがあるJavaScriptライブラリ\n詳細はdocsディレクトリにドキュメントが書かれてる","date":"2012-04-17T21:12:00.000Z"},{"title":"株式会社ウイネット/商品詳細 JavaScript\n仕組みと考え方の基礎を徹底理解!","url":"https://www.wenet.co.jp/product/html/products/detail.php?product_id=315","content":"教育機関向けの教材","date":"2012-04-18T04:28:00.000Z"},{"title":"『Announcing jQuery Mobile 1.1.0 | jQuery Mobile』","url":"http://jquerymobile.com/blog/2012/04/13/announcing-jquery-mobile-1-1-0/","content":"jQuery Mobile 1.1.0リリース","date":"2012-04-18T11:44:00.000Z"},{"title":"『mir.aculo.us JavaScript with Thomas Fuchs » Blog Archive » Say hello to Zepto.js v1.0 release candidate 1』","url":"http://mir.aculo.us/2012/04/09/say-hello-to-zepto-js-v1-0-release-candidate-1/","content":"jQueryライクなAPIを備えた軽量のJavaScript Zepto.js 1.0RC1がリリース","date":"2012-04-18T19:00:00.000Z"},{"title":"『CoffeeScript』","url":"http://coffeescript.org/#changelog","content":"CoffeeScript 1.3.1リリース\nCompile時にstrict modeのEarly Errorsをチェックするようになった","date":"2012-04-19T02:16:00.000Z"},{"title":"『nishio/jscc @ GitHub』","url":"http://nishio.github.com/jscc/","content":"ファイル変更を監視、Closure Compiler & Closure Lintを使って、Compile error, warning, Lint warningを記録して、推移をグラフ化する","date":"2012-04-19T09:32:00.000Z"},{"title":"『Amazon: つくって覚えるJavaScript+HTML5入門 [単行本（ソフトカバー）]: オフィス加減』","url":"http://www.amazon.co.jp/o/ASIN/4048865404/book042-22/ref=nosim","content":"2012年5月16日発売","date":"2012-04-19T16:48:00.000Z"},{"title":"Big boost to DOM performance - WebKit's innerHTML is 240% faster - HTML5Rocks Updates","url":"http://updates.html5rocks.com/2012/04/Big-boost-to-DOM-performance---WebKit-s-innerHTML-is-240-faster","content":"@xharaken によるコミットで、\nWebkitのDOM関係のメソッド等の速度が向上した。","date":"2012-04-20T00:04:00.000Z"},{"title":"『PhoneGap 1.6 Released! « PhoneGap』","url":"http://phonegap.com/2012/04/11/phonegap-1-6-released/","content":"PhoneGap 1.6リリース","date":"2012-04-20T07:20:00.000Z"},{"title":"Performance","url":"http://static.trygve-lie.com/doc/browser_performance/#slide1","content":"JavaScriptやDOM、リフローを起こすDOM APIのまとめ、リドロー、CSSセレクタ、event dlegation、要素のキャッシュなどのパフォーマンスについてのスライド","date":"2012-04-20T14:36:00.000Z"},{"title":"『Announcing YUI 3.5.0 » Yahoo! User Interface Blog (YUIBlog)』","url":"http://www.yuiblog.com/blog/2012/04/10/announcing-yui-3-5-0/","content":"YUI 3.5.0リリース\nnpmから利用できるようになった、Pjaxについてのコンポーネントが入った","date":"2012-04-20T21:52:00.000Z"},{"title":"『ECMAScript 5th 的 LazyGetter - hogehoge @teramako』","url":"http://d.hatena.ne.jp/teramako/20110326/p1","content":"JavaScriptのgetterを使った遅延ロードについて。\nプロパティアクセスがおきたら、同名のプロパティを設定する","date":"2012-04-21T05:08:00.000Z"},{"title":"Surfin' Safari - Blog Archive » Announcing Remote Debugging Protocol v1.0","url":"http://www.webkit.org/blog/1875/announcing-remote-debugging-protocol-v1-0/","content":"WebkitのRemote Debugging Protocol v1.0が公開。\nJSON-RPCを使ってWeb Inspectorとやり取りするAPI","date":"2012-04-21T12:24:00.000Z"},{"title":"『Compact Web - Remind ","url":"http://www.slideshare.net/tomokazu/compact-web-remind-web-compression","content":"画像、HTML、CSS、JavaScriptの圧縮ツールの紹介、gzipの転送時の圧縮についてのスライド","date":"2012-04-21T19:40:00.000Z"},{"title":"『soulwire/Coffee-Physics』","url":"https://github.com/soulwire/Coffee-Physics","content":"CoffeeScriptで書かれて物理エンジン\nDemo : http://soulwire.github.com/Coffee-Physics/","date":"2012-04-22T02:56:00.000Z"},{"title":"scottburch/river-js","url":"https://github.com/scottburch/river-js","content":"\"Web-app development framework based on Facade/Mediator pattern\"\nモジュール管理とイベント管理","date":"2012-04-22T10:12:00.000Z"},{"title":"『Qatrix - Easily build up high performance application with less code』","url":"http://qatrix.com/","content":"DOM APIラッパー、アニメーション、Ajax、CSS、Event、キャッシュなどについて$から始まるjQueryに似た感じのものを提供するJavaScriptライブラリ","date":"2012-04-22T17:28:00.000Z"},{"title":"『What is Dart? - O'Reilly Media』","url":"http://shop.oreilly.com/product/0636920025887.do","content":"無料のDart本(20ページ)","date":"2012-04-23T00:44:00.000Z"},{"title":"rhysbrettbowen/PlastronJS","url":"https://github.com/rhysbrettbowen/PlastronJS","content":"Closure Library 、 Closure Compiler と一緒に使うMVCライブラリ。\ngoog.require('mvc.Model');","date":"2012-04-23T08:00:00.000Z"},{"title":"JavaScript syntax tree visualization with Esprima - don't code today what you can't debug tomorrow","url":"http://ariya.ofilabs.com/2012/04/javascript-syntax-tree-visualization-with-esprima.html","content":"Esprimaを使ったパーサーデモ。\nコードをパースして構造をツリー表示する","date":"2012-04-23T15:16:00.000Z"},{"title":"『Beyond IE Six: 未来のWebサイト制作のためのブースターキット』","url":"http://beyondiesix.jp/","content":"\"IE6 から、そして IE6 的なメンタリティから抜け出すために何が必要なのか。\"\n改善点やメリット、開発ライブラリ等についてまとめたページ","date":"2012-04-23T22:32:00.000Z"},{"title":"『hatena/Hatena-Textbook』","url":"https://github.com/hatena/Hatena-Textbook","content":"はてな研修用教科書。\n\"JavaScript によるイベントドリブン\"","date":"2012-04-24T05:48:00.000Z"},{"title":"『Amazon: HTML5: The Definitive Guide [Paperback]: Chuck Musciano, Bill Kennedy, Estelle Weyl』","url":"http://www.amazon.com/o/ASIN/1449302599/book042-22/ref=nosim","content":"2012年12月22日発売\nオライリーのHTML5本","date":"2012-04-24T13:04:00.000Z"},{"title":"『jQuery Mobile 1.1.0 RC2 Released | jQuery Mobile』","url":"http://jquerymobile.com/blog/2012/04/06/jquery-mobile-1-1-0-rc2/","content":"jQuery Mobile 1.1.0 RC2リリース。\nposition:fixed対応, jQuery 1.7.2はまだ未対応","date":"2012-04-24T20:20:00.000Z"},{"title":"並列処理のWorkerぽいWorkeroid実装。JavaScriptライブラリPot.js 1.17 リリース | 圧縮電子どうのこうの","url":"http://polygon-planet-log.blogspot.com/2012/04/workerworkeroidjavascriptpotjs-117.html","content":"Pot.js 1.17 と PotLite.js 1.34 リリース\n関数をWebWorkerとして実行する機能","date":"2012-04-25T03:36:00.000Z"},{"title":"『CoffeeConsole: A Chrome Extension - Snook.ca』","url":"http://snook.ca/archives/browsers/coffeeconsole","content":"CoffeeScriptを実行できるChromeのコンソール拡張(Aceeditor)","date":"2012-04-25T10:52:00.000Z"},{"title":"jQuery.LazyJaxDavisで静的サイトを手軽にダイナミックにする - Takazudo hamalog","url":"http://hamalog.tumblr.com/post/20422280406/jquery-lazyjaxdavis","content":"HTML5 history APIを使って動的な遷移のサイトについて。\nHistory APIとXHRのfail backについて","date":"2012-04-25T18:08:00.000Z"},{"title":"jscomplete-vim - hogehoge @teramako","url":"http://d.hatena.ne.jp/teramako/20120405/p1","content":"JavaScriptの補完をコードをパースした結果を元におこなってくれるVimプラグイン","date":"2012-04-26T01:24:00.000Z"},{"title":"CodeGrid - フロントエンドに関わる人々のガイド","url":"http://www.codegrid.net/","content":"PixelGridによるフロントエンド向けの内容の週間メルマガとChromeWebApp の有料サービス","date":"2012-04-26T08:40:00.000Z"},{"title":"『Mobile JavaScript Application Development - O'Reilly Media』","url":"http://shop.oreilly.com/product/0636920025252.do","content":"2012年5月発売\nモバイルサイト向けのJavaScriptアプリケーションについての書籍、jQuery MobileやSencha Touchなど","date":"2012-04-26T15:56:00.000Z"},{"title":"『JavaScript小史 // Speaker Deck』","url":"http://speakerdeck.com/u/badatmath/p/javascript","content":"JavaScriptの歴史。\n初期、中期、現代","date":"2012-04-26T23:12:00.000Z"},{"title":"『jaukia/cld-js · GitHub』","url":"https://github.com/jaukia/cld-js","content":"emscriptenを使ってGoogle's Chromium libraryをコンパイルした言語判定ライブラリ","date":"2012-04-27T06:28:00.000Z"},{"title":"『Touch · bebraw/jswiki Wiki』","url":"https://github.com/bebraw/jswiki/wiki/Touch","content":"Touch関係のJavaScriptライブラリまとめ","date":"2012-04-27T13:44:00.000Z"},{"title":"『Kanazawa.JavaScript.Next // Speaker Deck』","url":"http://speakerdeck.com/u/dynamis/p/kanazawajavascriptnext","content":"JavaScript.Nextについてのスライド。\nES5, ES6について","date":"2012-04-27T21:00:00.000Z"},{"title":"『CommonJS - Plattformübergreifende JavaScript Spezifikationen - Mayflower Blog』","url":"http://blog.mayflower.de/archives/860-CommonJS-Plattformuebergreifende-JavaScript-Spezifikationen.html","content":"CommonJSとは何か?\nCommonJSの仕様決定のプロセス、CommonJSモジュールの仕様について、他の主要な仕様の紹介","date":"2012-04-28T04:16:00.000Z"},{"title":"『azakai: HOWTO: Port a C/C++ Library to JavaScript (xml.js)』","url":"http://mozakai.blogspot.com/2012/03/howto-port-cc-library-to-javascript.html","content":"libxmlのJavaScriptへのポートをEmscriptenでどういう手順でやったかについて解説","date":"2012-04-28T11:32:00.000Z"},{"title":"009 JSJ Testing Javascript with Joe Eames","url":"http://javascriptjabber.com/009-jsj-testing-javascript-with-joe-eames/","content":"JavaScriptについてのポッドキャスト、テストについての回","date":"2012-04-28T18:48:00.000Z"},{"title":"1. JavaScriptで楽しみましょう ⇠ JavaScript ⇠ Lectures - Wonder Rabbit Project","url":"http://www.wonderrabbitproject.net/Lectures/JavaScript/0001/","content":"Node.jsのインタープリターでJavaScript入門チュートリアル","date":"2012-04-29T02:04:00.000Z"},{"title":"『Webkit2 と愉快な仲間たち - steps to phantasien』","url":"http://steps.dodgson.org/b/2012/03/28/webkit2-and-other-approaches/","content":"Webkit1 と WebKit2 と Chromium WebKitの違いについて。(+ Isis, B2G)\nプロセス分離とサンドボックについて","date":"2012-04-29T09:20:00.000Z"},{"title":"『javascriptのテストのはなし：Sinon.JS(その2) ｜ Classmethod.dev()』","url":"http://dev.classmethod.jp/etc/javascript_testing_framework_sinonjs/","content":"Sinon.JSのFake timer, Fake Serverの機能についての説明","date":"2012-04-29T16:36:00.000Z"},{"title":"『javascriptのテストのはなし：Sinon.JS(その1) ｜ Classmethod.dev()』","url":"http://dev.classmethod.jp/etc/javascript_testing_framework_sinonjs-1/","content":"Sinon.JSのspy,stub,mockのそれぞれの目的についての説明","date":"2012-04-29T23:52:00.000Z"},{"title":"『Sinon.JS - Simplifying JavaScript testing』","url":"http://cjohansen.no/talks/2011/xp-meetup/#1","content":"Sinon.JSについてのスライド。\nspy,stub,mock,Fake, 他のテストライブラリへの﻿Integrationについて","date":"2012-04-30T07:08:00.000Z"},{"title":"mocha 1.1.0 - TJ Holowaychuk","url":"http://tjholowaychuk.com/post/24103105615/mocha-1-1-0","content":"JavaScriptテストフレームワークmocha 1.1.0リリース","date":"2012-04-30T15:00:00.000Z"},{"title":"Node Version 0.7.9 (unstable) « node blog","url":"http://blog.nodejs.org/2012/05/29/node-version-0-7-9-unstable/","content":"Node.js 0.7.9リリース","date":"2012-05-01T00:32:00.000Z"},{"title":"JavaScript for PHP Developers - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920023982.do","content":"PHP開発者向けのJavaScript本","date":"2012-05-01T10:04:00.000Z"},{"title":"munit.js – microunit testing for javascript | soledad penadés","url":"http://soledadpenades.com/2012/05/28/munit-js-microunit-testing-for-javascript/","content":"とてもシンプルなJavaScriptテストライブラリ。\nhttps://github.com/sole/munit.js","date":"2012-05-01T19:36:00.000Z"},{"title":"JavaScript CustomEvent","url":"http://davidwalsh.name/customevent","content":"JavaScriptのCustom Event(コンストラクタ) APIの使い方","date":"2012-05-02T05:08:00.000Z"},{"title":"Tagneto: RequireJS 2.0 released, onward AMD","url":"http://tagneto.blogspot.com/2012/05/requirejs-20-released-onward-amd.html","content":"RequireJS 2.0リリース\n改めてAMD APIとは何かについて","date":"2012-05-02T14:40:00.000Z"},{"title":"CSS Selector Performance - メモログ","url":"http://memolog.org/2012/05/css_selector_performance.php","content":"Webkitで行われてるCSSセレクタマッチングの最適化について","date":"2012-05-03T00:12:00.000Z"},{"title":"Why SOLID matters - even for JavaScript","url":"http://www.slideshare.net/martinlippert/why-solid-matters-even-for-javascript","content":"バグが少ないSOLIDなJavaScriptについてのスライド。\n著者がブログに書いてるものをまとめた感じ\nhttp://freshbrewedcode.com/derekgreer/?s=SOLID+JavaScript","date":"2012-05-03T09:44:00.000Z"},{"title":"Test frameworks · jrburke/requirejs Wiki","url":"https://github.com/jrburke/requirejs/wiki/Test-frameworks","content":"RequireJSで使うようなAMDモジュールをテストするフレームワークについて。\nBusterJS(buster-amdもあるけど)、JSTD、QUnit等での対応する書き方やtestr.jsなどAMDモジュールテスト向けのライブラリについて等まとめられてる","date":"2012-05-03T19:16:00.000Z"},{"title":"Self-updating scripts | High Performance Web Sites","url":"http://www.stevesouders.com/blog/2012/05/22/self-updating-scripts/","content":"widgets系のJavaScriptラッパーのキャッシュ問題に対して、自己更新を入れる方法について\nlocation.reload(true);の更新を利用","date":"2012-05-04T04:48:00.000Z"},{"title":"Defining template engine performance · leonidas/transparency Wiki","url":"https://github.com/leonidas/transparency/wiki/Defining-template-engine-performance","content":"JavaScriptのクライアントサイドテンプレートエンジンのパフォーマンス比較について\nTransparencyが取ってる手法について","date":"2012-05-04T14:20:00.000Z"},{"title":"html5shiv and Serving Content From Code Repositories | Zoompf","url":"http://zoompf.com/blog/2012/05/html5shiv-and-serving-content-from-code-repositories","content":"html5shivをgooglecodeから直接読み込んだりしてる時のキャッシュの問題などについて","date":"2012-05-04T23:52:00.000Z"},{"title":"ECMAScript Language Specification - ECMA-262 Edition 5.1","url":"http://ecma-international.org/ecma-262/5.1/","content":"公式のHTML版ES5.1仕様書","date":"2012-05-05T09:24:00.000Z"},{"title":"Version history :: XRegExp","url":"http://xregexp.com/history/","content":"JavaScriptの正規表現ライブラリ\nXRegExp v2.0.0リリース","date":"2012-05-05T18:56:00.000Z"},{"title":"Async JavaScript: Trevor Burnham: Amazon.com: Kindle Store","url":"http://www.amazon.com/Async-JavaScript-ebook/dp/B007N81FE2","content":"Async JavaScriptの書籍/Kindle版","date":"2012-05-06T04:28:00.000Z"},{"title":"0-9, JavaScript UnitTest Patterns","url":"http://0-9.tumblr.com/post/23546101286/javascript-unittest-patterns-using-sinonjs-and-jstestdri","content":"JavaScriptのテスト時のパターンをまとめたもの。\n初期化動作やイベントのstub化やjQuery、非同期テストをSinonJSのFakeを使って同期化、DOMやCSSのテストについて。stub化できないオブジェクトについて","date":"2012-05-06T14:00:00.000Z"},{"title":"0-9, SinonJSとJsTestDriverを使ったJSテスト手法に関して","url":"http://0-9.tumblr.com/post/23471470020/javascript-unittest-on-sinonjs-jstestdriver","content":"SinonJSとJsTestDriverを組み合わせて使う時に利用できる初期セットアップ","date":"2012-05-06T23:32:00.000Z"},{"title":"Amazon: やさしいHTML&CSS入門 [単行本]: 相澤 裕介","url":"http://www.amazon.co.jp/o/ASIN/4877830979/book042-22/ref=nosim","content":"2012年5月25日発売","date":"2012-05-07T09:04:00.000Z"},{"title":"O'Reilly Japan - ステートフルJavaScript","url":"http://www.oreilly.co.jp/books/9784873115542/","content":"2012年06月08日発売\n原書: JavaScript Web Applicationsの翻訳本","date":"2012-05-07T18:36:00.000Z"},{"title":"Sass入門 ～より効率的なCSSコーディング | Gihyo Digital Publishing","url":"https://gihyo.jp/dp/ebook/2012/978-4-7741-5123-6","content":"Sass入門本","date":"2012-05-08T04:08:00.000Z"},{"title":"Amazon: JavaScript辞典 ポケット詳解 [単行本]","url":"http://www.amazon.co.jp/o/ASIN/4798033561/book042-22/ref=nosim","content":"2012年5月24日発売\nJavaScriptリファレンス本","date":"2012-05-08T13:40:00.000Z"},{"title":"JSDay Italy - Backbone.js","url":"http://www.slideshare.net/caillou/jsday-italy-backbonejs","content":"Backbone.jsについてのスライド。\n構造について丁寧に解説してる","date":"2012-05-08T23:12:00.000Z"},{"title":"Module, AMD, RequireJS","url":"http://www.slideshare.net/othree/module-amd-requirejs","content":"モジュールパターンの書き方とその利点、また大規模なアプリケーションになるとそのモジュールが多くなり複雑化する。\nその解決方法として、CommonJSのAMDについて紹介スライド。\nAMD実装ライブラリのRequireJSについて、けどそのままではモジュールやリクエストが多いという問題は残ってしまう。\nそこで、AMDモジュール群の最適化ツールのr.jsについての紹介。\nただ、RequireJSはAMD以外の機能も入ってるため大きい、そこで小さくAMD APIを実装してるalmond.jsについての紹介","date":"2012-05-09T08:44:00.000Z"},{"title":"James Shore: Lessons Learned: Lint and Javascript","url":"http://jamesshore.com/Blog/Lessons-Learned-Lint-and-Javascript.html","content":"JSHintを使った自動Lint、モジュールの書き方についてスクリーンキャスト","date":"2012-05-09T18:16:00.000Z"},{"title":"typeOf 'aki_mana' : JavaScript : indexedDB はHTML5 ROCKSに良質なサンプルがある。","url":"http://blog.livedoor.jp/aki_mana/archives/6221447.html","content":"indexedDBについて","date":"2012-05-10T03:48:00.000Z"},{"title":"0-9, JSのUnitTest関連技術","url":"http://0-9.tumblr.com/post/23358026170/javascript-test-environment","content":"JavaScript/ブラウザ周りのテストの種類についてのまとめ","date":"2012-05-10T13:20:00.000Z"},{"title":"JS Days Mobile Meow","url":"http://www.slideshare.net/gregthebusker/js-days-mobile-meow","content":"ブラウザ毎のVideoタグ対応についてのスライド。FullScreen、自動再生、Embed方法、シミュレーター、自動テストについて。","date":"2012-05-10T22:52:00.000Z"},{"title":"Firefoxとそのリリースチャンネルについて « Mozilla Developer Street (modest)","url":"https://dev.mozilla.jp/2012/05/firefox-and-the-release-channels/","content":"Firefoxのリリースチャンネルについての説明。リリースのフローについて","date":"2012-05-11T08:24:00.000Z"},{"title":"jDoctest — jDoctest v0.0.9 documentation","url":"http://jdoctest.lunant.org/","content":"JavaScriptでpythonのdoctest","date":"2012-05-11T17:56:00.000Z"},{"title":"Let's Code: Test-Driven Javascript by James Shore — Kickstarter","url":"http://www.kickstarter.com/projects/188988365/lets-code-test-driven-javascript","content":"Let's Play TDDシリーズ\nhttp://jamesshore.com/Blog/Lets-Play/\nJavaScript版について、Kickstarterで資金募集","date":"2012-05-12T03:28:00.000Z"},{"title":"polarmobile/coffeescript-style-guide","url":"https://github.com/polarmobile/coffeescript-style-guide","content":"CoffeeScriptのコーディングスタイル","date":"2012-05-12T13:00:00.000Z"},{"title":"Amazon: WebGL+HTML5 3DCGプログラミング入門 R付 [単行本]: 松田 晃一","url":"http://www.amazon.co.jp/o/ASIN/4877832734/book042-22/ref=nosim","content":"2012年5月22日発売\nWebGLについての書籍","date":"2012-05-12T22:32:00.000Z"},{"title":"Learning JavaScript Design Patterns - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920025832.do","content":"著:Addy Osmani\nJavaScriptのデザインパターン本。\n無料で公開してるものがベース?\nhttp://addyosmani.com/resources/essentialjsdesignpatterns/book/","date":"2012-05-13T08:04:00.000Z"},{"title":"Version 0.6.18 (stable) « node blog","url":"http://blog.nodejs.org/2012/05/15/version-0-6-18-stable/","content":"Node.js 0.6.18リリース","date":"2012-05-13T17:36:00.000Z"},{"title":"よりSchemerフレンドリなJavaScriptへ","url":"http://taiju.github.com/slides/2012/05/kyoto.lisp/#/start","content":"JavaScript(ECMAScript)とSchemeの関係、ES.nextについてのスライド","date":"2012-05-14T03:08:00.000Z"},{"title":"JavaScriptにRuby風のnewメソッドを加える - 泥のように","url":"http://blog.tojiru.net/article/268793860.html","content":"Object.definePropertiesを使って.new()でnew演算子のようなことをする拡張の書き書き方について","date":"2012-05-14T12:40:00.000Z"},{"title":"Browser Support","url":"http://www.browsersupport.net/","content":"CSSのプロパティなどを検索して、どのブラウザがサポートしているかを調べる事ができるサービス","date":"2012-05-14T22:12:00.000Z"},{"title":"InfoQ: JavaScript Today and Tomorrow: Evolving the Ambient Language of the Ambient Computing Era","url":"http://www.infoq.com/presentations/JavaScript-Today-and-Tomorrow","content":"JavaScriptの進化について、ES5のeditorの方の発表スライド&動画。\nECMAScriptとは何かから始まり、ES.nextとかの用語、時系列説明、ES5で何が追加されたのか、ES5がブラウザへ実装された時の時系列、ES5をサポートしてるブラウザの割合、ES Harmony/ES.nextとはなにか、TC-39とはどういう事をしているか、ES.nextで話し合われてる機能許可についての紹介","date":"2012-05-15T07:44:00.000Z"},{"title":"Doctrine by Constellation","url":"http://constellation.github.com/doctrine/","content":"JSDocパーサーライブラリ","date":"2012-05-15T17:16:00.000Z"},{"title":"Fork 3.0 JS improvements","url":"http://www.slideshare.net/ThomasDeceuninck/fork-30-js-improvements-12894157","content":"JavaScriptのリファクタリング。\njQuery1.7の変更点とそのコードを適応した違いの紹介","date":"2012-05-16T02:48:00.000Z"},{"title":"HTML5でdocument.writeは使ってはいけない？ | 3streamer blog","url":"http://blog.3streamer.net/html5-css3/document-write-html5-181/","content":"仕様書から読み解くdocument.writeの使用の是非について","date":"2012-05-16T12:20:00.000Z"},{"title":"Getfirebug Blog » Blog Archive » Firebug 1.10a8","url":"http://blog.getfirebug.com/2012/05/11/firebug-1-10a8/","content":"Firebug 1.10a8リリース。\nCSSにComputedなStyleを表示するパネルを追加、CSSでIDなどの補完、WebFontの宣言元へジャンプする機能など","date":"2012-05-16T21:52:00.000Z"},{"title":"DOM MutationObserver – reacting to DOM changes without killing browser performance. ✩ Mozilla Hacks – the Web developer blog","url":"http://hacks.mozilla.org/2012/05/dom-mutationobserver-reacting-to-dom-changes-without-killing-browser-performance/","content":"DOMの変更を監視して発火するイベント、DOM MutationObserverについて","date":"2012-05-17T07:24:00.000Z"},{"title":"Diagnosing JavaScript Errors Faster with Error.stack - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2012/05/10/diagnosing-javascript-errors-faster-with-error-stack.aspx","content":"Error.stackでのスタックトレースについて。","date":"2012-05-17T16:56:00.000Z"},{"title":"『CodePen』","url":"http://codepen.io/","content":"jsfiddleとかみたいなHTML/CSS/JavaScriptを書いて公開できるサービス。\n各メタ言語、Jade/HAML/Markdown/Sass/Less/CoffeeScriptなどに対応してる","date":"2012-05-18T02:28:00.000Z"},{"title":"Client-side MVC with Backbone.js (reloaded)","url":"http://www.slideshare.net/iloveigloo/clientside-mvc-with-backbonejs-reloaded","content":"Backbone.jsについてのスライド。\nそれぞれの機能について解説と実例のサイト紹介、TIpsなどまとまってる","date":"2012-05-18T12:00:00.000Z"},{"title":"『Amazon: HTML5入門 [単行本]: 村山 秀明』","url":"http://www.amazon.co.jp/o/ASIN/4777516822/book042-22/ref=nosim","content":"2012年5月15日発売\nhttp://www.kohgakusha.co.jp/books/detail/978-4-7775-1682-7","date":"2012-05-18T21:32:00.000Z"},{"title":"『YUI 3.6.0 PR1 Is Now Available » Yahoo! User Interface Blog (YUIBlog)』","url":"http://www.yuiblog.com/blog/2012/05/11/yui-3-6-0-pr1-is-now-available/","content":"YUI 3.6.0 PR1リリース。\nYUI3.6.0のマイルストーンについても書かれてる","date":"2012-05-19T07:04:00.000Z"},{"title":"『Knockout 2.1 is out - Knock Me Out』","url":"http://www.knockmeout.net/2012/05/knockout-2-dot-1-is-out.html","content":"Knockout 2.1リリース\nhttp://blog.stevensanderson.com/2012/05/09/knockout-2-1-0-released/","date":"2012-05-19T16:36:00.000Z"},{"title":"『YUIDoc 0.3.0 is Official! » Yahoo! User Interface Blog (YUIBlog)』","url":"http://www.yuiblog.com/blog/2012/05/09/yuidoc-0-3-0-is-official/","content":"YUIDoc 0.3.0リリース\nNode.JSを使ってJavaScriptコードコメントからAPIドキュメントを生成するツール","date":"2012-05-20T02:08:00.000Z"},{"title":"Debugger in Scratchpad - YouTube","url":"https://www.youtube.com/watch?v=TQxQr1H0iZ0","content":"FirefoxのDebuggerオブジェクトのデモ動画","date":"2012-05-20T11:40:00.000Z"},{"title":"『「Google HTML/CSS Style Guide」を適当に和訳してみた | REFLECTDESIGN』","url":"http://re-dzine.net/2012/05/google-htmlcss-style-guide/","content":"Google HTML/CSS Style Guideの日本語訳","date":"2012-05-20T21:12:00.000Z"},{"title":"Continuously integrated JS development with Buster.js and Phantom.js","url":"http://trodrigues.net/presentations/buster-ci/#/","content":"BusterJSとPhantomJSを使ってCIについてのスライド","date":"2012-05-21T06:44:00.000Z"},{"title":"JSwiki","url":"http://jswiki.org/","content":"JavaScriptについてのリソースやライブラリなどについて書かれてるWiki. Github Wikiで運営されていたやつのページ版","date":"2012-05-21T16:16:00.000Z"},{"title":"『Announcing YUI 3.5.1 » Yahoo! User Interface Blog (YUIBlog)』","url":"http://www.yuiblog.com/blog/2012/05/07/announcing-yui-3-5-1/","content":"YUI 3.5.1リリース。\nbug fixes","date":"2012-05-22T01:48:00.000Z"},{"title":"『Use JSDoc: Index』","url":"http://usejsdoc.org/","content":"JSDoc3のドキュメントサイト\nhttps://github.com/jsdoc3/jsdoc","date":"2012-05-22T11:20:00.000Z"},{"title":"『Constant Improvement』","url":"http://hjortureh.tumblr.com/post/22117245794/spine-js-vs-backbone-js","content":"Spine.js と Backbone.jsの比較","date":"2012-05-22T20:52:00.000Z"},{"title":"『The Essentials of Zepto.js | Nettuts+』","url":"http://net.tutsplus.com/tutorials/javascript-ajax/the-essentials-of-zepto-js/","content":"Zepto.jsについて","date":"2012-05-23T06:24:00.000Z"},{"title":"『jQuery UK 2012 - App development stack for JS developers - Paul Irish on Vimeo』","url":"http://vimeo.com/40929961","content":"フロントエンド開発のツールやエコシステム、ライブラリなどについての発表\nスライド http://dl.dropbox.com/u/39519/talks/tooling-q1/index.html","date":"2012-05-23T15:56:00.000Z"},{"title":"Modern Web Development","url":"http://jtaby.com/2012/04/23/modern-web-development-part-1.html","content":"Chrome Developer Toolsの使い方。\nスクリーンショット豊富な解説","date":"2012-05-24T01:28:00.000Z"},{"title":"CoffeeScript 入門! 怒濤の 100 サンプル!! | TM Life","url":"http://tmlife.net/programming/javascript/coffeescript-guide-dotou-100-sample.html","content":"CoffeeScript入門チュートリアル","date":"2012-05-24T11:00:00.000Z"},{"title":"『JavaScript Primitive Types vs Reference Types - YouTube』","url":"http://www.youtube.com/watch?v=mh-hPzDfb_Q","content":"プリミティブ値とオブジェクト それぞれの違いについて解説してるスクリーンキャスト","date":"2012-05-24T20:32:00.000Z"},{"title":"mattfysh/testr.js","url":"https://github.com/mattfysh/testr.js","content":"AMDなモジュールでrequireされてるモジュールをスタブと差し替えするライブラリ","date":"2012-05-25T06:04:00.000Z"},{"title":"Ben Alman » Multiple var statements in JavaScript, not superfluous","url":"http://benalman.com/news/2012/05/multiple-var-statements-javascript/","content":"Single var patternがススメられる事があるけど、Multiple varの方が見やすい場合もあるという話。末尾カンマと似たような話も","date":"2012-05-25T15:36:00.000Z"},{"title":"『sindresorhus/screenfull.js』","url":"https://github.com/sindresorhus/screenfull.js","content":"JavaScript Fullscreen API のクロスブラウザwrapperライブラリ","date":"2012-05-26T01:08:00.000Z"},{"title":"『Version 0.6.17 (stable) « node blog』","url":"http://blog.nodejs.org/2012/05/04/version-0-6-17-stable/","content":"Node.js 0.6.17リリース","date":"2012-05-26T10:40:00.000Z"},{"title":"『thomblake/js3-mode』","url":"https://github.com/thomblake/js3-mode","content":"EmacsのJavaScriptメジャーモード\nnpm styleのcomma-first 等のコーディングルールをサポートするのが目的","date":"2012-05-26T20:12:00.000Z"},{"title":"『JavaScript Monads - O'Reilly Media』","url":"http://shop.oreilly.com/product/0636920023890.do","content":"2012年12月22日発売\nJavaScriptモナド本(40ページ)","date":"2012-05-27T05:44:00.000Z"},{"title":"『fawek/codepainter』","url":"https://github.com/fawek/codepainter","content":"Esprimaを使ったJavaScript整形コマンドラインツール。\nタブやクオート、末尾の空改行やスペース等についての整形スタイルを設定できる","date":"2012-05-27T15:16:00.000Z"},{"title":"『JavaScript Style Guides And Beautifiers』","url":"http://addyosmani.com/blog/javascript-style-guides-and-beautifiers/","content":"Essential JavaScript Design Patterns等のAddy OsmaniのJavaScriptスタイルガイド。\nコーディングルールと整形ツール,Lintツールについて","date":"2012-05-28T00:48:00.000Z"},{"title":"『HTML5 Graphics with SVG & CSS3 - O'Reilly Media』","url":"http://shop.oreilly.com/product/0636920019831.do","content":"2012年12月22日発売\nSVG WGの人が書く、SVGとCSSを使ったグラフィックについての本","date":"2012-05-28T10:20:00.000Z"},{"title":"Tender Surrender: HTML5Rocksが日本語に対応","url":"http://blog.agektmr.com/2012/05/html5rocks.html","content":"HTMl5Rocksがi18nになったので、日本語訳された記事がでてきた。","date":"2012-05-28T19:52:00.000Z"},{"title":"Buster.JS 0.5.2","url":"http://busterjs.org/changelog/0.5.2/","content":"BusterJS 0.5.2リリース","date":"2012-05-29T05:24:00.000Z"},{"title":"オンラインプライバシー勉強会のレポートと資料・ Do Not Track 実装ガイドを公開しました | Mozilla Japan ブログ","url":"http://mozilla.jp/blog/entry/9187/","content":"DNTについて\nThe Do Not Track Field Guide の日本語訳","date":"2012-05-29T14:56:00.000Z"},{"title":"『Developing Backbone.js Applications - O'Reilly Media』","url":"http://shop.oreilly.com/product/0636920025344.do","content":"Backbone.jsについての書籍\nベースとなってる内容をWebでも公開してる http://addyosmani.github.com/backbone-fundamentals/","date":"2012-05-30T00:28:00.000Z"},{"title":"arian/CoverJS","url":"https://github.com/arian/CoverJS","content":"Esprima,Escodegenを使ったコードカバレッジツール","date":"2012-05-30T10:00:00.000Z"},{"title":"『jQuery UI 1.8.20 « jQuery UI Blog』","url":"http://blog.jqueryui.com/2012/04/jquery-ui-1-8-20/","content":"jQuery UI 1.8.20リリース","date":"2012-05-30T19:32:00.000Z"},{"title":"『Version 0.6.16 (stable) « node blog』","url":"http://blog.nodejs.org/2012/04/30/version-0-6-16-stable/","content":"Node.js 0.6.16リリース","date":"2012-05-31T05:04:00.000Z"},{"title":"jQuery Blog » jQuery Core: Version 1.9 and Beyond","url":"http://blog.jquery.com/2012/06/28/jquery-core-version-1-9-and-beyond/","content":"jQuery1.9以降のロードマップ。 コア機能の分離、2.0でIE6-8のサポート終了","date":"2012-05-31T15:00:00.000Z"},{"title":"jQuery Blog » jQuery Core: Version 1.9 and Beyond","url":"http://blog.jquery.com/2012/06/28/jquery-core-version-1-9-and-beyond/","content":"jQuery1.9移行のロードマップ。\nコア機能の分離、2.0でIE6-8のサポート終了","date":"2012-05-31T22:30:00.000Z"},{"title":"Version 0.8.1 (stable)","url":"http://blog.nodejs.org/2012/06/29/node-v0-8-1-stable/","content":"Node.js 0.8.1リリース","date":"2012-06-01T06:00:00.000Z"},{"title":"Hayato Ito - Google+ - #io12    #io12j Google I/O のkeynote のあとの、セッション、「Web…","url":"https://plus.google.com/u/0/116445437433162945363/posts/gksZ6eE2QmP","content":"Shadow DOMとは何かについて(Web Components)","date":"2012-06-01T13:30:00.000Z"},{"title":"Amazon: Developing Backbone.js Applications [Paperback]: Addy Osmani","url":"http://www.amazon.com/o/ASIN/1449328253/book042-22/ref=nosim","content":"2012年12月22日発売\nBackbone.js本\nhttp://shop.oreilly.com/product/0636920025344.do","date":"2012-06-01T21:00:00.000Z"},{"title":"Announcing jQuery Mobile 1.1.1 RC1 | jQuery Mobile","url":"http://jquerymobile.com/blog/2012/06/28/announcing-jquery-mobile-1-1-1-rc1/","content":"jQuery Mobile 1.1.1 RC1リリース","date":"2012-06-02T04:30:00.000Z"},{"title":"jQuery入門講座","url":"http://www.jquerystudy.info/","content":"jQueryのリファレンスやチュートリアルについて書いてるサイト","date":"2012-06-02T12:00:00.000Z"},{"title":"Node v0.8.0","url":"http://blog.nodejs.org/2012/06/25/node-v0-8-0/","content":"Node v0.8.0(stable version)リリース","date":"2012-06-02T19:30:00.000Z"},{"title":"sazaam/BetweenJS","url":"https://github.com/sazaam/BetweenJS","content":"Tweening Engine for JS\nBetweenAS3のJavaScript版的なライブラリ","date":"2012-06-03T03:00:00.000Z"},{"title":"svg要素の基本的な使い方まとめ","url":"http://www.h2.dion.ne.jp/~defghi/svgMemo/svgMemo.htm","content":"SVGについてのチュートリアル。\nSVG自体についての解説やsvg tinyの仕様について、Raphaël、D3.js、sieといったライブラリの利用方法などかなりの量が書かれている","date":"2012-06-03T10:30:00.000Z"},{"title":"jQuery Blog » jQuery 1.8 Beta 1: See What’s Coming (and Going!)","url":"http://blog.jquery.com/2012/06/22/jquery-1-8-beta-1-see-whats-coming-and-going/","content":"jQuery 1.8β1リリース.\nGruntを使ったカスタムビルド\nhttps://github.com/jquery/jquery#how-to-build-your-own-jquery\n$.cssのベンダープレフィックス対応、jQuery.Animation、Sizzleのパフォーマンス改善。\n$()で文字列からのタグ作成の代わりに$.parseHTMLを導入、1.9からは$()は意図しないHTMLタグの生成を防止するため<で始まらない場合はセレクタとして認識される。","date":"2012-06-03T18:00:00.000Z"},{"title":"The Module Pattern, A Little More Detail - macwright.org","url":"http://macwright.org/2012/06/04/the-module-pattern.html","content":"JavaScriptのモジュールパターンについて。コード例を元に解説、利点や不利な点を細かく書いてる","date":"2012-06-04T01:30:00.000Z"},{"title":"JSHint Next Preview","url":"http://next.jshint.com/","content":"JSHintのnextバージョンについてのページ。Esprimaを使ってる","date":"2012-06-04T09:00:00.000Z"},{"title":"ふつうのjavascriptのprototypeの説明 :右京web","url":"http://hujimi.seesaa.net/article/276630599.html","content":"prototype, this, newの動作のコンパクトな説明","date":"2012-06-04T16:30:00.000Z"},{"title":"API changes between v0.6 and v0.8 · joyent/node Wiki","url":"https://github.com/joyent/node/wiki/API-changes-between-v0.6-and-v0.8","content":"node.jsの0.6から0.8のAPI変更点について","date":"2012-06-05T00:00:00.000Z"},{"title":"molnarg/js-schema","url":"https://github.com/molnarg/js-schema","content":"JavaScriptで簡単なスキーマを定義して、バリデーションできるライブラリ","date":"2012-06-05T07:30:00.000Z"},{"title":"Release bonanza! Dojo 1.4.4, 1.7.3, 1.8.0b1 released | The Dojo Toolkit Blog","url":"http://dojotoolkit.org/blog/release-bonanza-dojo-1-4-4-1-7-3-1-8-0b1-released","content":"Dojo1.4系, 安定版の1.7系、開発中の1.8 それぞれリリース","date":"2012-06-05T15:00:00.000Z"},{"title":"0-9, mobile safari向けFast Buttons（vclick）実装","url":"http://0-9.tumblr.com/post/25504422960/fast-buttons-for-mobile-safari","content":"mobile safariのclick時に発生する300msの遅延を回避するvclickの実装について","date":"2012-06-05T22:30:00.000Z"},{"title":"Brad Frost Web | Responsive Web Design Newsletter","url":"http://bradfrostweb.com/responsive-web-design-newsletter/","content":"Responsive Web Designについての記事紹介などを行うメールマガジン","date":"2012-06-06T06:00:00.000Z"},{"title":"Using CSS Preprocessors Effectively — Jonas Wagner's Blog","url":"http://29a.ch/2012/6/17/using-css-preprocessors-effectively","content":"Sass/LessといったCSSプリプロセッサについてのスライド/動画","date":"2012-06-06T13:30:00.000Z"},{"title":"Script Junkie | Creating Responsive Applications Using jQuery Deferred and Promises","url":"http://msdn.microsoft.com/en-us/magazine/gg723713.aspx","content":"jQuery Deferredの使い方についての記事","date":"2012-06-06T21:00:00.000Z"},{"title":"ReleaseNotes - phantomjs - Release Notes - headless WebKit with JavaScript API - Google Project Hosting","url":"http://code.google.com/p/phantomjs/wiki/ReleaseNotes","content":"PhantomJS 1.6リリース","date":"2012-06-07T04:30:00.000Z"},{"title":"Media Queries (ja)","url":"http://momdo.s35.xrea.com/web-html-test/spec/REC-css3-mq-20120619.html","content":"CSS Media Queries 仕様(Recommendation)の日本語訳","date":"2012-06-07T12:00:00.000Z"},{"title":"qooxdoo 2.0 released | qooxdoo News","url":"http://news.qooxdoo.org/qooxdoo-2-0-released","content":"JavaScriptのGUIツールキット的なフレームワークのqooxdoo 2.0リリース","date":"2012-06-07T19:30:00.000Z"},{"title":"IE10 と Windows 8 における JavaScript のパフォーマンスの進歩 - IEBlog 日本語 - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie_ja/archive/2012/06/21/advances-in-javascript-performance-in-ie10-and-windows-8.aspx","content":"Advances in JavaScript Performance in IE10 and Windows 8の日本語訳。\nIE10のChakraエンジンについて。","date":"2012-06-08T03:00:00.000Z"},{"title":"Introducing Gladius 0.2 | Mozilla Labs","url":"http://blog.mozilla.org/labs/2012/06/introducing-gladius-0-2/","content":"JavaScript 3Dゲームエンジン Gladius 0.2 リリース","date":"2012-06-08T10:30:00.000Z"},{"title":"Jam - The JavaScript package manager","url":"http://groundcomputing.co.uk/code/jam","content":"フロントエンドのJavaScriptに関するパッケージマネージャーツール。\nAMDモジュールとしてパッケージを扱う事ができて、AMDローダーとしてRequireJSを利用する。","date":"2012-06-08T18:00:00.000Z"},{"title":"NPM vs JAM, RequireJS vs Browserify vs Ender : javascript","url":"http://www.reddit.com/r/javascript/comments/vc9d9/npm_vs_jam_requirejs_vs_browserify_vs_ender/","content":"JamというAMDを利用したクライアントサイドのパッケージマネージャーがでてきた件に関連して、NPM 、JAM、 RequireJS、 Browserify 、Enderのそれぞれの説明。\nまたJamにコミットしてる人がそれらの目的がどう違うか、またRequireJSを使う事について書かれてる","date":"2012-06-09T01:30:00.000Z"},{"title":"Shadow – Labs Release 3 Now Available | Adobe Shadow Team Blog","url":"http://blogs.adobe.com/shadow/2012/06/17/shadow-labs-release-3-now-available/","content":"Shadow Labs Release 3リリース\nスクリーンショット、キャッシュ管理、httpsのサポート","date":"2012-06-09T09:00:00.000Z"},{"title":"serkanyersen/ifvisible.js","url":"https://github.com/serkanyersen/ifvisible.js/","content":"PageVisibility APIのラッパーライブラリ","date":"2012-06-09T16:30:00.000Z"},{"title":"JavaScript 基礎 (Part 1) 資料","url":"http://null.ly/post/25358306007/javascript-part-1","content":"JavaScriptの基礎的な文法についての資料","date":"2012-06-10T00:00:00.000Z"},{"title":"Zeros in JavaScript","url":"http://zero.milosz.ca/","content":"==と===で比較したJavaScriptの要素の比較表。","date":"2012-06-10T07:30:00.000Z"},{"title":"Opera Developer News - Hello Opera 12!","url":"http://my.opera.com/ODIN/blog/hello-opera-12","content":"Opera 12リリース\nWebGL、CSS3 Animations、getUserMedia、CORS、D&D、XHR uploadのサポート","date":"2012-06-10T15:00:00.000Z"},{"title":"SIE 1.0の公開 - プラグインレスでSVGを表示する「SIE」開発ブログ","url":"http://d.hatena.ne.jp/dhrname/20120615/p1","content":"IE6などクロスブラウザでSVGを表示できるようにするJavaScriptライブラリ SIE1.0がリリース","date":"2012-06-10T22:30:00.000Z"},{"title":"Making JavaScript testing in the browser not suck with Sinon.js (Part 1) - Blog - Unboxed Consulting","url":"https://www.unboxedconsulting.com/blog/making-javascript-testing-in-the-browser-not-suck-with-sinon-js-part-1","content":"Sinon.jsを使ったテストについて。\nfakeXHRとfakeTimer","date":"2012-06-11T06:00:00.000Z"},{"title":"Node.js meet WebMatrix | 53 Bytes - by Justin Beckwith","url":"http://jbeckwith.com/2012/06/07/node-js-meet-webmatrix-2/","content":"WebMatrixでNodeアプリ開発","date":"2012-06-11T13:30:00.000Z"},{"title":"An Introduction to Content Security Policy - HTML5 Rocks","url":"http://www.html5rocks.com/en/tutorials/security/content-security-policy/","content":"ブラウザのCSPについて。\nSource Whitelistsのsrc指定、inline code、eval系のsandbox、repotingの指定について","date":"2012-06-11T21:00:00.000Z"},{"title":"Third-Party JavaScript Development The Future - Bocoup","url":"http://weblog.bocoup.com/third-party-javascript-development-future/","content":"widgetなどのサードパーティJavaScriptについて利用できる技術について。\nstyle scoped, iframe sandbox, srcdoc, seamless などについての解説","date":"2012-06-12T04:30:00.000Z"},{"title":"JavaScript: sparse arrays vs. dense arrays","url":"http://www.2ality.com/2012/06/dense-arrays.html","content":"粗密なArrayについて。\nSparse arraysとDense arraysではiterateでの動作が異なる","date":"2012-06-12T12:00:00.000Z"},{"title":"hall of api shame: boolean trap - don't code today what you can't debug tomorrow","url":"http://ariya.ofilabs.com/2011/08/hall-of-api-shame-boolean-trap.html","content":"JavaScriptのメソッドで引数に真偽値を渡す設計の問題について。\nその真偽値が意味してる事がわかりにくい問題など。複数の真偽値になるほど悪化したり、二重否定などはより意味合いが取りにくい\n代わりにオブジェクトを引数に渡す設計にしたりするなど。","date":"2012-06-12T19:30:00.000Z"},{"title":"Yeti 0.2.6 released","url":"http://yeti.cx/blog/2012/06/yeti-0-2-6-released/","content":"YUI Test等のCLI統合ツールYeti 0.2.6リリース","date":"2012-06-13T03:00:00.000Z"},{"title":"wala/WALADelta","url":"https://github.com/wala/WALADelta","content":"delta debugger for JavaScript","date":"2012-06-13T10:30:00.000Z"},{"title":"idiomatic-css/translations/ja-JP at master · necolas/idiomatic-css","url":"https://github.com/necolas/idiomatic-css/tree/master/translations/ja-JP","content":"\"一貫性のあるCSSらしいCSSを書くための原則\"\nCSS/Sassのコーディングルール","date":"2012-06-13T18:00:00.000Z"},{"title":"Javascript Frameworks And Data Binding","url":"http://tunein.yap.tv/javascript/2012/06/11/javascript-frameworks-and-data-binding/","content":"MVCフレームワークのテンプレートとイベントとデータバインディングについての比較記事\nBackbone.js、CanJS、Ember、Batman、Knockout、AngularJS。","date":"2012-06-14T01:30:00.000Z"},{"title":"Amazon: ゲームプログラミングのためのHTML5 Canvas入門―JavaScriptの基本から本格的ゲームの作成まで [単行本（ソフトカバー）]: ロブ・ホークス, 長尾高弘","url":"http://www.amazon.co.jp/o/ASIN/4822284921/book042-22/ref=nosim","content":"2012年6月21日発売\nFoundation HTML5 Canvasの翻訳本\nhttp://www.amazon.com/dp/1430232919/","date":"2012-06-14T09:00:00.000Z"},{"title":"Better Web Templating with AngularJS 1.0 - Google Developers Blog","url":"http://googledevelopers.blogspot.com/2012/06/better-web-templating-with-angularjs-10.html","content":"AngularJS 1.0リリース","date":"2012-06-14T16:30:00.000Z"},{"title":"YUI 3.6.0 PR2 Is Now Available » Yahoo! User Interface Blog (YUIBlog)","url":"http://www.yuiblog.com/blog/2012/06/13/yui-3-6-0-pr2-is-now-available/","content":"YUI 3.6.0 PR2リリース","date":"2012-06-15T00:00:00.000Z"},{"title":"Fastersite: A better timer for JavaScript","url":"http://gent.ilcore.com/2012/06/better-timer-for-javascript.html","content":"performance.timing.navigationStartから経過時間を取得するperformance.now について。Date.now()より高精度に時間をとれる。今のところFirefox 15、Chrome20(prefix)に実装されてる","date":"2012-06-15T07:30:00.000Z"},{"title":"Operadores Bitwise en Javascript | EtnasSoft","url":"http://www.etnassoft.com/2012/06/06/operadores-bitwise-en-javascript/","content":"JavaScriptのビット演算について\nそれぞれのビット演算子の説明や動作の解説など結構細かく","date":"2012-06-15T15:00:00.000Z"},{"title":"Amazon: Webゲーム HTML5練習帳 [単行本]: 宍戸 輝光","url":"http://www.amazon.co.jp/o/ASIN/4777516911/book042-22/ref=nosim","content":"2012年6月14日発売\nCanvasゲーム\nhttps://www.kohgakusha.co.jp/books/detail/978-4-7775-1691-9","date":"2012-06-15T22:30:00.000Z"},{"title":"Appliness | Digital magazine for web application developers","url":"http://www.appliness.com/","content":"Webアプリケーション開発についてのデジタルマガジン。\niOS/Androidアプリとしても配布してる","date":"2012-06-16T06:00:00.000Z"},{"title":"Community Open Day 2012でJavaScriptのツールっぽい話をしてきました。 - ういはるかぜの化学 - subtech","url":"http://subtech.g.hatena.ne.jp/mayuki/20120610/1339336779","content":"JavaScript対応のIDEについて。\nVisual Studio2012のコード補完について。IE10のJavaScriptエンジンを応用して、補完時にコードを解釈して表示される。\n他のIDEとしてComodo Edit、DW、WebStormについて。\nローカルのウェブサーバと組みあわせて使えるWebMatrixの紹介。\nJavaScriptのデバッグとデバッガーについて、IEのF12開発者ツール等のブレークポイント、ネットワークタブとFiddlerについて。\n最後にテストとminifyツールについて","date":"2012-06-16T13:30:00.000Z"},{"title":"HTML5 Forms - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920018568.do","content":"2013年3月頃発売\nHTML5 フォームについての書籍","date":"2012-06-16T21:00:00.000Z"},{"title":"jQuery UI 1.8.21 « jQuery UI Blog","url":"http://blog.jqueryui.com/2012/06/jquery-ui-1-8-21/","content":"jQuery UI 1.8.21リリース","date":"2012-06-17T04:30:00.000Z"},{"title":"今日からはじめるJS UnitTest","url":"http://0-9.sakura.ne.jp/pub/cod2012jp/start.html","content":"JavaScriptのテストを書く7つの理由\n使用するテストフレームワークについて\nモックの用語説明(spy,stub,mock,fake)","date":"2012-06-17T12:00:00.000Z"},{"title":"明日のためのクライアントサイドMVC // Speaker Deck","url":"https://speakerdeck.com/u/ama_ch/p/mvc","content":"クライアントサイドMVCについてのスライド","date":"2012-06-17T19:30:00.000Z"},{"title":"Yeti","url":"http://yeti.cx/index.html","content":"JsTDにようにキャプチャーサーバを立ててコマンドラインからYUI Testを実行できるテスティングフレームワーク。\nlocaltunnelを使って外部からアクセスできるようにしたり、コードカバレッジやドキュメント生成、プロファイラ機能等が入ってる","date":"2012-06-18T03:00:00.000Z"},{"title":"Bunyip: client-side unit testing made easy | The CSS Ninja - All things CSS, JavaScript & HTML","url":"http://www.thecssninja.com/javascript/bunyip","content":"JsTDやBuster.JSのようなローカルサーバを立ててテストを動かすクライアントサイトのユニットテストフレームワーク。\n特徴的なのはSSHトンネルを作って、BrowserStack APIを使ってローカルで実際にブラウザを動かさないでクロスブラウザテストを行えるような仕組みを持っている。\nまたテスト自体はYUI testやadpterを経由してQUnit、Jasmineなどを使用する。","date":"2012-06-18T10:30:00.000Z"},{"title":"AMD-Utils","url":"http://millermedeiros.github.com/amd-utils/","content":"AMD形式で書かれたユーティリティモジュールのライブラリ。\nArrayやfunction、MathやObject、Stringやtime、is*やbind等のlangモジュールが用意されてる。","date":"2012-06-18T18:00:00.000Z"},{"title":"Sorting - We're Doing It Wrong | Rodney Rehm","url":"http://blog.rodneyrehm.de/archives/14-Sorting-Were-Doing-It-Wrong.html","content":"JavaScriptのsortについて。\n各ブラウザでの結果の違いやlocaleCompareを使った文字列のソートについて。\nDOM要素のソートについて","date":"2012-06-19T01:30:00.000Z"},{"title":"『Internet Explorer 10 移行セミナー』フォローアップ - monoe's blog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/osamum/archive/2012/06/08/internet-explorer-10.aspx","content":"IEとFiddlerでの開発について。\nIEの互換性モードについてのリソース","date":"2012-06-19T09:00:00.000Z"},{"title":"Firefox 13 における HTML5 canvas 要素のアクセシビリティ | WWW WATCH","url":"http://hyper-text.org/archives/2012/06/html5_canvas_accessibility_firefox13.shtml","content":"Canvas要素のアクセシビリティ(フォールバックコンテンツ)について","date":"2012-06-19T16:30:00.000Z"},{"title":"スマートフォンに最適なウェブサイトガイドライン｜コラム アユダンテ株式会社","url":"http://www.ayudante.jp/column/2012-06-08/17-46/","content":"GoogleのBuilding Smartphone-Optimized Websitesの翻訳\nレスポンシブウェブデザインとか","date":"2012-06-20T00:00:00.000Z"},{"title":"Understanding Hardware Acceleration on Mobile Browsers","url":"http://www.slideshare.net/ariyahidayat/understanding-hardware-acceleration-on-mobile-browsers","content":"Mobileブラウザのハードウェアアクセラレーションについてのスライド。\nどういう仕組みなのか、Mac Safariを使ったデバッグ方法について","date":"2012-06-20T07:30:00.000Z"},{"title":"スクリプトのURLを変えずに、キャッシュ中のスクリプトを更新する方法 | ふじこのプログラミング奮闘記","url":"http://blog.neo.jp/dnblog/index.php?module=Blog&action=Entry&blog=pg&entry=3410&rand=4600c","content":"Self-updating scripts の和訳記事\nhttp://www.stevesouders.com/blog/2012/05/22/self-updating-scripts/","date":"2012-06-20T15:00:00.000Z"},{"title":"Getfirebug Blog » Blog Archive » Firebug 1.10a11","url":"http://blog.getfirebug.com/2012/06/08/firebug-1-10a11/","content":"Firebug 1.10a11リリース\nFirecookieを取り込んでCookiesパネルが追加された。\nRoadmap https://getfirebug.com/wiki/index.php/Firebug_Roadmap","date":"2012-06-20T22:30:00.000Z"},{"title":"CSSレイアウトの今後について | ふじこのプログラミング奮闘記","url":"http://blog.neo.jp/dnblog/index.php?module=Blog&action=Entry&blog=pg&entry=2979&rand=ff75d","content":"Columns、Flexible box、Grid、Templateモジュール、Exclusions(排除)、Regions(領域)、などのCSSレイアウトについて","date":"2012-06-21T06:00:00.000Z"},{"title":"alexlawrence/mmd · GitHub","url":"https://github.com/alexlawrence/mmd","content":"143 charactersでAMDなモジュール定義ライブラリ","date":"2012-06-21T13:30:00.000Z"},{"title":"O'Reilly Japan - HTML5クックブック","url":"http://www.oreilly.co.jp/books/9784873115474/","content":"2012年6月22日発売\nHTML5 Cookbookの翻訳本","date":"2012-06-21T21:00:00.000Z"},{"title":"Comedy is Hard - Jasmine 1.2 released","url":"http://pivotallabs.com/users/dwfrank/blog/articles/2144-jasmine-1-2-released","content":"JavaScriptテスティングフレームワークJasmine 1.2リリース。","date":"2012-06-22T04:30:00.000Z"},{"title":"PhoneGap 1.8.0 Released! « PhoneGap","url":"http://phonegap.com/2012/06/06/phonegap-1-8-0-released/","content":"PhoneGap 1.8.0 リリース","date":"2012-06-22T12:00:00.000Z"},{"title":"Node Version 0.6.19 (stable) « node blog","url":"http://blog.nodejs.org/2012/06/06/node-version-0-6-19-stable/","content":"Node.js 0.6.19リリース","date":"2012-06-22T19:30:00.000Z"},{"title":"fivetanley/warn.js","url":"https://github.com/fivetanley/warn.js","content":"JSHintの設定を作るNodeツール\n特定のライブラリを許可したり、インデントの設定等","date":"2012-06-23T03:00:00.000Z"},{"title":"[jQuery対応] textareaのキャレット座標(XY座標)を取得するjavascriptライブラリを作った | 秋山ブログ","url":"http://d.akiroom.com/2012-06/jquery-textarea-caret-position-javascript-library/","content":"textareaに表示されてるキャレットの座標を取得できるようにするライブラリ","date":"2012-06-23T10:30:00.000Z"},{"title":"Amazon: Learning Node [Paperback]: Shelley Powers","url":"http://www.amazon.com/o/ASIN/1449323073/book042-22/ref=nosim","content":"2012年9月22日発売\nNode.js本","date":"2012-06-23T18:00:00.000Z"},{"title":"Amazon: HTML5×スマートフォン サンプルスイート [大型本]: 高橋 登史朗","url":"http://www.amazon.co.jp/o/ASIN/4797369477/book042-22/ref=nosim","content":"2012年6月27日発売","date":"2012-06-24T01:30:00.000Z"},{"title":"The Web Development Workflow of 2013","url":"http://dl.dropbox.com/u/39519/talks/fluent/index.html#/","content":"Paul IrishのWeb開発についてのスライド\nテストやツールなどについて","date":"2012-06-24T09:00:00.000Z"},{"title":"Introduction to Web Components - DOM ECMAScripting","url":"http://domes.lingua.heliohost.org/webapi/intro-webcomponents1.html","content":"Web Components草案の翻訳\n\"Web Components 入門\"","date":"2012-06-24T16:30:00.000Z"},{"title":"Shim status of ES6 — Gist","url":"https://gist.github.com/1665192","content":"ES6のshimについてのまとめ\n互換性のための回避策が取れる機能と、追加されたシンタックスなどのできない機能について","date":"2012-06-25T00:00:00.000Z"},{"title":"sinon.jsとlib/spy.jsを読んだ。 - ryuone日記(2012-05-27)","url":"http://www.ryuone.com/diary/20120527.html#p01","content":"Sinon.jsコードリーディング","date":"2012-06-25T07:30:00.000Z"},{"title":"macでJsTestDriverを使ってみた。導入編 | LOG","url":"http://yokotakenji.me/log/?p=816","content":"JsTestDriverの導入方法について。\n参加(jsdokusho)メンバーの記事にも色々書かれてる","date":"2012-06-25T15:00:00.000Z"},{"title":"Wakanda Beta 2 now available | wakanda","url":"http://www.wakanda.org/blog/wakanda-beta-2-now-available","content":"JavaScript development platform Wakandaβ2リリース","date":"2012-06-25T22:30:00.000Z"},{"title":"Maintainable JavaScript 2012","url":"http://www.slideshare.net/nzakas/maintainable-javascript-2012","content":"JavaScriptのメンテナンス性について。\nコーディングルールや、HTML/CSSと疎結合にすることについてや、ビルドツール、圧縮、ドキュメント生成ツールなどについてのスライド","date":"2012-06-26T06:00:00.000Z"},{"title":"JSX - a faster, safer, easier alternative to JavaScript","url":"http://jsx.github.com/","content":"type-safeで静的なクラス構造を持った静的型言語。\n変換時にオーバーヘッドが少なくなるようにJavaScriptに変換して利用する独自言語","date":"2012-06-26T13:30:00.000Z"},{"title":"Creating Todo MVC in Dojo - Overview - James Thomas","url":"http://jamesthom.as/blog/2012/01/28/dojomvc_overview","content":"DojoXでMVC Todo的な作り方についての解説","date":"2012-06-26T21:00:00.000Z"},{"title":"Speaker Slides & Video: Fluent 2012 - O'Reilly Conferences, May 29 - 31, 2012, San Francisco, CA","url":"http://fluentconf.com/fluent2012/public/schedule/proceedings","content":"Fluent 2012の動画とスライドのまとめ","date":"2012-06-27T04:30:00.000Z"},{"title":"Dependency management with RequireJS | Adobe Developer Connection","url":"http://www.adobe.com/devnet/html5/articles/javascript-architecture-requirejs-dependency-management.html","content":"Requre.jsの使い方についての記事","date":"2012-06-27T12:00:00.000Z"},{"title":"JavaScript Parser Infrastructure for Code Quality Analysis","url":"http://www.slideshare.net/ariyahidayat/javascript-parser-infrastructure-for-code-quality-analysis","content":"Ecprimaを使ったJavaScriptのパースについてのスライド\nそれを利用した整形や、コードカバレッジやJSHint等のツール、Orionのコード補完についての解説。\nまた、Esprimaでコードから生成したASTからコードにするEscodegenなどについて等","date":"2012-06-27T19:30:00.000Z"},{"title":"⑮jQueryをおぼえよう！その１","url":"http://www.slideshare.net/tonosamart/jquery-13130009","content":"HTML5とか環境構築についてのスライド","date":"2012-06-28T03:00:00.000Z"},{"title":"Windows Release Preview: The Sixth IE10 Platform Preview - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2012/05/31/windows-release-preview-the-sixth-ie10-platform-preview.aspx","content":"IE10 pp6リリース","date":"2012-06-28T10:30:00.000Z"},{"title":"大規模JSプロジェクトのための、モダンなjavascript/coffee-script の学習用資料まとめ - mizchi log","url":"http://d.hatena.ne.jp/mizchi/20120601/1338554309","content":"JavaScript/CoffeeScriptのリソースまとめ","date":"2012-06-28T18:00:00.000Z"},{"title":"サウンドプログラミング用のJavaScriptライブラリができた！！！！ - 音の鳴るブログ","url":"http://mohayonao.hatenablog.com/entry/2012/06/02/221251","content":"サウンドプログラミングライブラリ\nhttp://mohayonao.hatenablog.com/entry/2012/05/19/074218","date":"2012-06-29T01:30:00.000Z"},{"title":"Sinon–Chai - Chai","url":"http://chaijs.com/plugins/sinon-chai","content":"assertion libraryのChaiにSinon.jsの機能をつかったassertを追加するライブラリ","date":"2012-06-29T09:00:00.000Z"},{"title":"Unit Testing Async JavaScript with Promises and Mocks | Jonny Reeves","url":"http://www.jonnyreeves.co.uk/2012/unit-testing-async-javascript-with-promises-and-mocks/","content":"Sinon.jsとWhen.jsを使った非同期テストを同期的に書くパターン","date":"2012-06-29T16:30:00.000Z"},{"title":"iframe 要素の seamless 属性を試してみた | WWW WATCH","url":"http://hyper-text.org/archives/2012/05/iframe_seamless_attribute.shtml","content":"iframeのseamless 属性について\n親ドキュメントで指定したスタイルが iframe 内の要素にも継承される","date":"2012-06-30T00:00:00.000Z"},{"title":"IE対応でよく利用するhtml5shivの使用方法変更について｜Blog｜Skyward Design","url":"http://www.skyward-design.net/blog/archives/000134.html","content":"html5shivのサイトに書かれてた使用方法等が新しくなった","date":"2012-06-30T07:30:00.000Z"},{"title":"Qrefy - jQuery日本語リファレンス","url":"http://s3pw.com/qrefy/","content":"jQuery日本語リファレンスサイト\nクリックでQuick Panelに表示、ダブルクリックで詳細表示","date":"2012-06-30T15:00:00.000Z"},{"title":"Amazon: JavaScriptリファレンス 第6版 [単行本（ソフトカバー）]: David Flanagan, 木下 哲也","url":"http://www.amazon.co.jp/o/ASIN/4873115531/book042-22/ref=nosim","content":"2012年8月10日発売\nサイ本JavaScript第6版のリファレンス部\nhttp://www.oreilly.co.jp/books/9784873115535/","date":"2012-06-30T23:00:00.000Z"},{"title":"Amazon: JavaScript 第6版 [大型本]: David Flanagan, 村上 列","url":"http://www.amazon.co.jp/o/ASIN/4873115736/book042-22/ref=nosim","content":"2012年8月10日発売\nサイ本 JavaScript第6版の日本語訳\nhttp://www.oreilly.co.jp/books/9784873115733/","date":"2012-07-01T07:00:00.000Z"},{"title":"O'Reilly Japan - JavaScript 第6版","url":"http://www.oreilly.co.jp/books/9784873115733/","content":"2012年08月10日発売\nJavaScript(サイ本) 第6版の日本語版\nJavaScriptリファレンスも同時に発売\nhttp://bit.ly/Mtowlb","date":"2012-07-01T15:00:00.000Z"},{"title":"writings/published/understanding-backbone.md at master · kjbekkelund/writings","url":"https://github.com/kjbekkelund/writings/blob/master/published/understanding-backbone.md/","content":"jQueryで書かれていたものをリファクタリングしながらBackboneを使った形にしていくチュートリアル。\nステップごとにdiffを表示してて分かりやすい","date":"2012-07-01T23:00:00.000Z"},{"title":"JavaScript's two array types - The Little Calculist","url":"http://calculist.org/blog/2012/07/16/javascripts-two-array-types","content":"2つの配列の型について。\n配列っぽいオブジェクトのduck testingで判定の罠とArray.isArrayについて。また判定して弾くだけでは結局利用はできないので、Array.fromを使った正確な変換について","date":"2012-07-02T07:00:00.000Z"},{"title":"ブラウザ上でJavaScript開発が出来るJsbinがバージョンアップして外部サイトに実装デモを貼り付けられるようになったよ - かちびと.net","url":"http://kachibito.net/web-service/jsbin-update.html","content":"HTML/CSS/JavaScript等のオンラインエディタのJSBinがアップデートで、CoffeeScriptやSassなどにも対応したり、外部貼り付けにも対応した。\nまたRemote rendering等の機能もついた\nhttp://kachibito.net/web-service/jsbin-update.html","date":"2012-07-02T15:00:00.000Z"},{"title":"コールバック関数の実行回数を間引く | _level0 | Kayac Interactive Designer's Blog","url":"http://level0.kayac.com/!2012/07/post_115.php","content":"時間の間引き Throttle の実装について\nhttp://d.hatena.ne.jp/brazil/20110131/1296419283 も一緒に","date":"2012-07-02T23:00:00.000Z"},{"title":"Getting Started with WebRTC - HTML5 Rocks","url":"http://www.html5rocks.com/en/tutorials/webrtc/basics/","content":"WebRTCチュートリアル","date":"2012-07-03T07:00:00.000Z"},{"title":"w3cjs - w3c validator package by thomasdavis","url":"http://thomasdavis.github.com/w3cjs/","content":"Nodeで実行するw3c html validator","date":"2012-07-03T15:00:00.000Z"},{"title":"ステートフルJavaScript 1章 | jekylog","url":"http://fingaholic.github.com/posts/2012-06-27-stateful-javascript.html","content":"ステートフルJavaScriptの備忘録を章ごとに書かれてる\nhttp://www.oreilly.co.jp/books/9784873115542/","date":"2012-07-03T23:00:00.000Z"},{"title":"Javascript Profiling with The Gecko Profiler and JS Anti-pattern « Benoit Girard's Blog","url":"http://benoitgirard.wordpress.com/2012/07/27/javascript-profiling-with-the-gecko-profiler-and-js-anti-pattern/","content":"Firefox16から入ったbuilt-in profilerについて","date":"2012-07-04T07:00:00.000Z"},{"title":"運営メモ: WHATWG の HTML Living Standard と W3C の HTML5 仕様との関係についての最新情報 | Mozilla Developer Street (modest)","url":"https://dev.mozilla.jp/2012/07/administrivia-update-on-the-relationship-between-the-whatwg-html-living-standard-and-the-w3c-html5-specification/","content":"WHATWGとW3CのHTML5ブランチと仕様策定のエディタについて\nhttps://dev.mozilla.jp/2012/07/html5-and-html-next/ と一緒に","date":"2012-07-04T15:00:00.000Z"},{"title":"jQuery Blog » jQuery 1.8 RC1 Released","url":"http://blog.jquery.com/2012/07/26/jquery-1-8-rc1-released/","content":"jQuery 1.8RC1リリース","date":"2012-07-04T23:00:00.000Z"},{"title":"php.js - PHP VM with JavaScript","url":"http://phpjs.hertzen.com/","content":"JavaScriptでPHP VM\nPHPのコードをブラウザ/Nodeで動かす","date":"2012-07-05T07:00:00.000Z"},{"title":"Selecting frameworks — Gist","url":"https://gist.github.com/3139190","content":"\"Journey Through The JavaScript MVC Jungle\"\nMVC系フレームワークについてのまとめ。\nそれぞれの特徴/長所/短所について","date":"2012-07-05T15:00:00.000Z"},{"title":"Version 0.8.4 (Stable)","url":"http://blog.nodejs.org/2012/07/25/node-v0-8-4-stable/","content":"Node.js 0.8.4リリース","date":"2012-07-05T23:00:00.000Z"},{"title":"jQuery UI 1.8.22 « jQuery UI Blog","url":"http://blog.jqueryui.com/2012/07/jquery-ui-1-8-22/","content":"jQuery UI 1.8.22リリース\nSortableとDatepickerのbugfix","date":"2012-07-06T07:00:00.000Z"},{"title":"marcelklehr/nodist","url":"https://github.com/marcelklehr/nodist","content":"Windows向けのNode.jsバージョン管理ツール","date":"2012-07-06T15:00:00.000Z"},{"title":"neue cc - linq.js ver.3.0.0-beta, メソッドlowerCamelCase化、など","url":"http://neue.cc/2012/07/20_378.html","content":"C#のLINQライクに使えるlinq.js 3.0.0βリリース。\n破壊的変更なのでメソッド名などの互換性はなくなり、よりJavaScriptライクな感じに。\nまたObject.definePropertyをつかったネイティブ拡張や、それを利用したQUnitのアサーションの拡張なども含まれている。\njQuery連携もプラグイン分離されてる","date":"2012-07-06T23:00:00.000Z"},{"title":"Partially Applied Functions In JavaScript | ThoughtStream.new :derick_bailey","url":"http://lostechies.com/derickbailey/2012/07/20/partially-applied-functions-in-javascript/","content":"bindを使った部分適応のuse caseについて","date":"2012-07-07T07:00:00.000Z"},{"title":"requirejs reading - eller's blog","url":"http://eller86.hatenablog.jp/entry/2012/07/22/142704","content":"Require.JS/r.jsのコードリーディングのポイントについて","date":"2012-07-07T15:00:00.000Z"},{"title":"サブセットフォントメーカー","url":"http://musashi.or.tv/subsetfontmk.htm","content":"フォントから指定された文字列だけを取り出して、ファイルサイズを小さくしたフォントを作成するソフト\nWebFontsなどに使える","date":"2012-07-07T23:00:00.000Z"},{"title":"Seamless iframes: The future, today!","url":"http://benvinegar.github.com/seamless-talk/#/","content":"iframeのseamless属性についてのスライド.\niframeの親子間でのlocation+postMessageでのやり取り、mutation observerとDebounceについて等","date":"2012-07-08T07:00:00.000Z"},{"title":"Building a Text-Based UI with Backbone and Charm","url":"http://tobyho.com/2012/07/19/backbone-charm-text-based-ui/","content":"テスティングフレームワークTestemのコンソール上のUI構築についての話。\nBackboneを使ったMVCの話","date":"2012-07-08T15:00:00.000Z"},{"title":"Dexter JS","url":"http://dexterjs.com/","content":"Sinon.JSのようなStub/Spy/FakeXHRの機能を持ったシンプルなテスト補助ライブラリ。\nシンプルで綺麗な作りを維持するのが目的","date":"2012-07-08T23:00:00.000Z"},{"title":"Mobile Mockups: Prototype iPhone, Android, iPad and Android tablet UI fast!","url":"https://www.fluidui.com/editor/live/","content":"スマートフォンアプリのプロトタイプモック作成ツール。\n画像を使用したり、画面遷移とかも作れる","date":"2012-07-09T07:00:00.000Z"},{"title":"jQuery Mobile 1.2 最新情報 & Tips","url":"http://www.slideshare.net/yoshikawa_t/jquery-mobile-tips-20120719","content":"jQuery Mobile 1.2についてのスライド。\n新しい機能や開発環境について","date":"2012-07-09T15:00:00.000Z"},{"title":"JavaScriptのforEach的なものでbreakしたい話 - 車輪を再発明 / koba04の日記","url":"http://d.hatena.ne.jp/koba04/20120720/1342713106","content":"breakできるforEachの実装について","date":"2012-07-09T23:00:00.000Z"},{"title":"Enyo 2 Exits Beta | The Enyo Blog","url":"http://blog.enyojs.com/post/27492225747/enyo-2-exits-beta","content":"Enyo 2リリース。\nmobileだけではなくデスクトップのブラウザもサポート","date":"2012-07-10T07:00:00.000Z"},{"title":"XMLHttpRequest responseXML in IE10 Release Preview - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2012/07/19/xmlhttprequest-responsexml-in-ie10-release-preview.aspx","content":"IE10でのXHRのreponseXMLについて。\nresponseXMLでネイティブのdocumentが返るように、またresponseType = 'document'と'msxml-document'についての説明","date":"2012-07-10T15:00:00.000Z"},{"title":"Mastering the Application Cache Manifest for Offline Web Apps and Performance - Facebook開発者","url":"https://developers.facebook.com/html5/blog/post/2012/07/16/mastering-the-application-cache-manifest-for-offline-web-apps-and-performance/","content":"Application Cache Manifestのチュートリアル","date":"2012-07-10T23:00:00.000Z"},{"title":"Typed Arrays: Binary Data in the Browser - HTML5 Rocks","url":"http://www.html5rocks.com/en/tutorials/webgl/typed_arrays/","content":"Typed Arraysのチュートリアル。\nBrowser APIでTyped Arraysが使われてるところについてや関連ライブラリについて","date":"2012-07-11T07:00:00.000Z"},{"title":"Clone JavaScript Arrays and Objects","url":"http://davidwalsh.name/javascript-clone","content":"JavaScriptでいろんなオブジェクトをcloneする関数について。\nコメント欄も参照","date":"2012-07-11T15:00:00.000Z"},{"title":"大規模なJavaScript開発の話","url":"http://www.slideshare.net/terurou/javascript-13711976","content":"JavaScriptでの大規模開発について。\nJavaScriptを生成する言語(Haxeとか)について","date":"2012-07-11T23:00:00.000Z"},{"title":"PhoneGap | Adobe PhoneGap 2.0 Released","url":"http://phonegap.com/2012/07/20/adobe-phonegap-2-0-released.md//","content":"PhoneGap 2.0リリース。\nWindows Phoneのサポートなど","date":"2012-07-12T07:00:00.000Z"},{"title":"PhoneGap | Adobe PhoneGap 2.0 Released","url":"http://phonegap.com/2012/07/20/adobe-phonegap-2-0-released.md//","content":"PhoneGap 2.0リリース。\nWeb Inspector Remoteのサポート、Windows Phoneのサポートなど","date":"2012-07-12T15:00:00.000Z"},{"title":"Version 0.9.0 (Unstable)","url":"http://blog.nodejs.org/2012/07/20/version-0-9-0-unstable/","content":"Node.js 0.9.0(開発版)リリース","date":"2012-07-12T23:00:00.000Z"},{"title":"Firefox JavaScript Terminal // by Paul Rouget","url":"http://paulrouget.com/e/jsterm/","content":"FirefoxのJavaScriptコンソールアドオン。\nREPL的に実行でき、実行結果を後からインスペクトしたり、chrome権限での実行も可能","date":"2012-07-13T07:00:00.000Z"},{"title":"michaelficarra/ECMAScript-Glossary","url":"https://github.com/michaelficarra/ECMAScript-Glossary","content":"ECMAScript用語集","date":"2012-07-13T15:00:00.000Z"},{"title":"OOCSS + Sass","url":"http://takazudo.github.com/presentation-oocss-sass/#/","content":"mixin, extendの違いについて。\nまたSass 3.2のSilent Classについてのスライド","date":"2012-07-13T23:00:00.000Z"},{"title":"Learning IE8","url":"http://www.learningie8.com/","content":"IE7のサポートをやめるところも多くなってきてるので、IE8について学びましょうという感じのサイト\nIE8で使えるCSS/JavaScriptの機能についての解説","date":"2012-07-14T07:00:00.000Z"},{"title":"Dojo 1.8.0rc1 released | The Dojo Toolkit Blog","url":"http://dojotoolkit.org/blog/dojo-1-8-0rc1-released","content":"Dojo 1.8.0rc1 リリース","date":"2012-07-14T15:00:00.000Z"},{"title":"Version 0.8.3 (Stable)","url":"http://blog.nodejs.org/2012/07/19/node-v0-8-3-stable/","content":"Node.js 0.8.3リリース","date":"2012-07-14T23:00:00.000Z"},{"title":"DailyJS: JSON Extensions","url":"http://dailyjs.com/2012/07/16/json-hacks/","content":"JSONスキーマやJSONを拡張した実装について","date":"2012-07-15T07:00:00.000Z"},{"title":"Firefox 14.0.1 リリースノート","url":"http://www.mozilla.jp/firefox/14.0.1/releasenotes/","content":"Firefox 14.0.1リリース","date":"2012-07-15T15:00:00.000Z"},{"title":"情報メディア演習I--SVGではじめるGraphical Web(2012年度版)","url":"http://www.hilano.org/hilano-lab/svg/media-svg2012.html","content":"SVGについて演習。\nサンプルが豊富","date":"2012-07-15T23:00:00.000Z"},{"title":"WebGL Beginner’s Guide « voxelent","url":"http://voxelent.com/resources/webgl-beginners-guide/","content":"WebGL入門本","date":"2012-07-16T07:00:00.000Z"},{"title":"Testacular - Spectacular Test Runner for JavaScript","url":"http://vojtajina.github.com/testacular/","content":"Node.js と Socket.ioを使ってJavaScriptテストフレームワーク。\n保存を監視して、開発しながらテストを実行するような環境。\nJasmineのアダプターが実装されている。\nWebStorm Integrationがあり、WebStorm上のConsoleで実行した場合、stack traceから該当行へジャンプできる。\n目的としては、AngularJSのテストJSTDで動いているが、JSTDにも多くの問題があり、テストを安定して速く実行できるシンプルなツールが必要とされていたためつくられている。\njsdomを使ってブラウザなしでも実行できるようにしたり、より速く実行でき、開発中の手助けになるようなテストフレームワークを目指している。","date":"2012-07-16T15:00:00.000Z"},{"title":"Responsive Design Weekly NewsletterResponsive Design Weekly","url":"http://responsivedesignweekly.com/","content":"Responsive Web DesignについてのWeeklyメールマガジン","date":"2012-07-16T23:00:00.000Z"},{"title":"2012年上半期プログラミング学習サービス総まとめ：GREAT GEEKS：ITmedia オルタナティブ・ブログ","url":"http://blogs.itmedia.co.jp/sasaki/2012/07/2012-db05.html","content":"主にインタラクティブ系のプログラミング学習サイトまとめ","date":"2012-07-17T07:00:00.000Z"},{"title":"美しいプログラムを書く(業務用Webアプリケーション保守編) - TIM Labs","url":"http://labs.timedia.co.jp/2012/07/beautiful-code-vs-mr-oldtype.html","content":"jQueryで書かれたコードを例にリファクタリングする例","date":"2012-07-17T15:00:00.000Z"},{"title":"JavaScript MVC座談会。遅くならない？ それぞれの特徴は？ サーバとの通信は？（前編） － Publickey","url":"http://www.publickey1.jp/blog/12/javascript_mvc_1.html","content":"JavaScriptのMVC系と言われるライブラリについて\nBackbone.js/Spine/Ember.js/AngularJS","date":"2012-07-17T23:00:00.000Z"},{"title":"JavaScript Performance For Madmen · kevingadd/JSIL Wiki","url":"https://github.com/kevingadd/JSIL/wiki/JavaScript-Performance-For-Madmen","content":"JavaScriptエンジン/ブラウザ毎の最適化Tipsやプロファイルを取るツールについて","date":"2012-07-18T07:00:00.000Z"},{"title":"qfox.nl - Parser perf research","url":"http://qfox.nl/weblog/258","content":"パーサーなどで次のトークンのcharを取得してtypeを判定する処理について。\n色々な取得方法と決定方法のパフォーマンス比較。\n\n<pre>\nstr[index]\nstr.charAt(index)\nstr.charCodeAt(index)\nstr.substring(index,index+1)\nstr.substr(index, 1)\nstr.slice(index, index+1)\nnew RegExp('.{'+index+'}(.)').exec(str)[1]\nstr.match(new RegExp('.{'+index+'}(.)'))[1]\nstr.split('')[index]\nstr.split('').forEach(function(c){ ... })\nArray.prototype.forEach.call(str, function(c){ ... })\nstr.replace(/./g, function(c){ ... })\n</pre>","date":"2012-07-18T15:00:00.000Z"},{"title":"Hallo.js - Distraction-free Rich Text Editor for the Web","url":"http://hallojs.org/","content":"シンプルなWYSIWYGエディタのjQuery UIプラグイン。","date":"2012-07-18T23:00:00.000Z"},{"title":"Spine入門","url":"http://www.slideshare.net/AdvancedTechNight/spine-13613679","content":"Spineについてのスライド\n\"ステートフルJavaScript」で提案する手法を体現する ことを目指して、執筆時に開発\"","date":"2012-07-19T07:00:00.000Z"},{"title":"Firebug 1.10 New Features ✩ Mozilla Hacks – the Web developer blog","url":"http://hacks.mozilla.org/2012/07/firebug-1-10-new-features/","content":"Firebug1.10の機能紹介。\n再起動なしでインストールできるように、クッキーパネルを追加、コマンドエディタでシンタックスハイライト、Trace Style、Web Fonts,Media Query、:focusサポート等","date":"2012-07-19T15:00:00.000Z"},{"title":"Announcing jQuery Mobile 1.1.1 | jQuery Mobile","url":"http://jquerymobile.com/blog/2012/07/12/jqm-1-1-1/","content":"jQuery Mobile 1.1.1リリース","date":"2012-07-19T23:00:00.000Z"},{"title":"Version 0.6.20 (maintenance)","url":"http://blog.nodejs.org/2012/07/10/node-v0-6-20-maintenance/","content":"node.js 0.6.20リリース","date":"2012-07-20T07:00:00.000Z"},{"title":"jQuery Blog » jQuery 1.8 Beta 2 Released","url":"http://blog.jquery.com/2012/07/10/jquery-1-8-beta-2-released/","content":"jQuery 1.8 Beta 2リリース","date":"2012-07-20T15:00:00.000Z"},{"title":"Cookbook | QUnit","url":"http://qunitjs.com/cookbook/","content":"QUnit公式サイトのクックブック","date":"2012-07-20T23:00:00.000Z"},{"title":"dynaTrace AJAX Edition 3.7 about:performance","url":"http://blog.dynatrace.com/2012/07/10/dynatrace-ajax-edition-3-7/","content":"dynaTrace AJAX Edition 3.7 リリース。\nFirefox 12,13に対応、IE10も対応予定","date":"2012-07-21T07:00:00.000Z"},{"title":"Buster.JS 0.6.1","url":"http://busterjs.org/changelog/0.6.1/","content":"Buster.JS 0.6.1リリース\nSinon.JS 1.4.0を利用、buster-autotestが動かない場合があったのが修正された等","date":"2012-07-21T15:00:00.000Z"},{"title":"Changelog","url":"http://sinonjs.org/Changelog.txt","content":"Sinon.JS 1.4.0リリース。","date":"2012-07-21T23:00:00.000Z"},{"title":"Tagneto: RequireJS 2.0.3 released","url":"http://tagneto.blogspot.com/2012/07/requirejs-203-released.html","content":"RequireJS 2.0.3リリース\nbugfixのみ","date":"2012-07-22T07:00:00.000Z"},{"title":"Version 0.8.2 (stable)","url":"http://blog.nodejs.org/2012/07/09/node-v0-8-2-stable/","content":"Node.js 0.8.2 (Stable) リリース","date":"2012-07-22T15:00:00.000Z"},{"title":"using-testharness.js","url":"http://darobin.github.com/test-harness-tutorial/docs/using-testharness.html","content":"W3Cのテストフレームワークとして知られるtestharness.jsのチュートリアルドキュメント\nhttps://github.com/w3c/testharness.js","date":"2012-07-22T23:00:00.000Z"},{"title":"連載：フロントエンドWeb戦略室｜gihyo.jp … 技術評論社","url":"http://gihyo.jp/dev/serial/01/front-end_web","content":"WebページのUIやサードパーティスクリプトのセキュリティ/プライバシー/実装について等の連載 by mala","date":"2012-07-23T07:00:00.000Z"},{"title":"JavaScriptをシンプルに - JavaScriptをシンプルに：ITpro","url":"http://itpro.nikkeibp.co.jp/article/COLUMN/20120620/404224/","content":"JavaScriptとCoffeeScriptの違いについて、どうしてCoffeeScriptではこうなってるのかを解説されてる連載。\nどういう変換がされるかも並べて見られるので分かりやすい","date":"2012-07-23T15:00:00.000Z"},{"title":"colorjoe by bebraw","url":"http://bebraw.github.com/colorjoe/","content":"カラーピッカーライブラリ\nRGB/HSL","date":"2012-07-23T23:00:00.000Z"},{"title":"5 Awesome AngularJS Features | Nettuts+","url":"http://net.tutsplus.com/tutorials/javascript-ajax/5-awesome-angularjs-features/","content":"AngularJSの機能紹介","date":"2012-07-24T07:00:00.000Z"},{"title":"Asynchronous programming and continuation-passing style in JavaScript","url":"http://www.2ality.com/2012/06/continuation-passing-style.html","content":"非同期とコールバックについての話 直接的なコードから、CPSなコードへ書き換える方法について例を上げながら解説。 制御フローの比較、CPSと例外処理、スタックとトランポリン","date":"2012-07-24T15:00:00.000Z"},{"title":"Asynchronous programming and continuation-passing style in JavaScript","url":"http://www.2ality.com/2012/06/continuation-passing-style.html","content":"非同期とコールバックについての話\n直接的なコードから、CPSなコードへ書き換える方法について例を上げながら解説。\n制御フローの比較、CSPと例外処理、スタックとトランポリン","date":"2012-07-24T23:00:00.000Z"},{"title":"","url":"http://blog.niw.at/post/26687866336","content":"strict modeの宣言について詳しく書かれてる。\n\"use strict\"の書き方と効果。Directive Prologueの最後に\"use strict\"があった時に、それ以前のもの(関数全体)にもstrict modeは適応される。","date":"2012-07-25T07:00:00.000Z"},{"title":"CSS.2012","url":"http://www.slideshare.net/dynamis/css2012","content":"最近のCSSの機能についてスライド。\nMedia Queries、Retina対応について、WebFonts、text-decoration、Box,Transform、Animations、column,\ncalc","date":"2012-07-25T15:00:00.000Z"},{"title":"Matt's DOM Utils (Utils)","url":"http://www.fortybelow.ca/Projects/JavaScript/Utils/","content":"DOMに関する便利関数を集めたライブラリ。\nis/typeの判定やタグ生成やappend系、セレクタのエイリアス的なモノ、コレクション","date":"2012-07-25T23:00:00.000Z"},{"title":"Opera Desktop Team - First bite of 12.50 ‘Marlin’: Clipboard API, redesigned key event handling, -webkit- CSS, and Notification Center","url":"http://my.opera.com/desktopteam/blog/2012/07/06/marlin-1250-swim","content":"Opera 12.50のdevelopment snapshot build 1497でCSSの-webkit- prefixが入った。","date":"2012-07-26T07:00:00.000Z"},{"title":"mkuklis/asEvented","url":"https://github.com/mkuklis/asEvented","content":"micro event emitter ライブラリ\nObserver Pattern的なbind/unbind/triggerを提供するシンプルなライブラリ","date":"2012-07-26T15:00:00.000Z"},{"title":"Announcing Recline.JS: a Javascript library for building data applications in the browser | Open Knowledge Foundation Blog","url":"http://blog.okfn.org/2012/07/05/announcing-recline-js-a-javascript-library-for-building-data-applications-in-the-browser/","content":"データを表やグラフ、タイムラインやMapsに表示したりするJavaScriptライブラリ。\njQuery,BackboneやBootstrapなどを利用してる。\nhttp://reclinejs.com/docs/ に分かりやすく構造が書かれてる","date":"2012-07-26T23:00:00.000Z"},{"title":"CoffeeScript でクラスベースのオブジェクト指向プログラミングをするための基礎知識 - わからん","url":"http://d.hatena.ne.jp/kitokitoki/20120701/p1","content":"CoffeeScriptのClassについて。\nJavaScriptに展開後のコードを並べて解説","date":"2012-07-27T07:00:00.000Z"},{"title":"Debugger, Responsive Design View and more in Firefox Aurora 15 ✩ Mozilla Hacks – the Web developer blog","url":"http://hacks.mozilla.org/2012/07/debugger-responsive-design-view-and-more-in-firefox-aurora-15/","content":"Firefoxの開発者ツールについたデバッガーやResponsive Design View、Layout Viewについての紹介","date":"2012-07-27T15:00:00.000Z"},{"title":"Amazon: Programming JavaScript Applications: Robust Web Architecture With Node, HTML5, and Modern JS Libraries [Paperback]: Eric Elliott","url":"http://www.amazon.com/o/ASIN/1449320945/book042-22/ref=nosim","content":"2012年12月22日発売\nクライアントサイドMVCやモジュール化のベストプラクティス、Nodeを使ったRESTfulなデザイン、大規模JavaScriptアプリケーションのスケーラビリティについてやビルド、テスト、デプロイのプロセス、アプリケーションの国際化についてなど\nhttp://shop.oreilly.com/product/0636920024231.do","date":"2012-07-27T23:00:00.000Z"},{"title":"ECMAScript / Standard ECMA-262 Edition 5.1 訳","url":"http://www.webzoit.net/hp/it/internet/homepage/script/ecmascript/ecma262_51/","content":"ES5.1の日本語訳","date":"2012-07-28T07:00:00.000Z"},{"title":"Caat by hyperandroid","url":"http://hyperandroid.github.com/CAAT/","content":"Canvasアニメーションライブラリ。\nシーン、Box2D、クリップマスク、複合、イージング関数","date":"2012-07-28T15:00:00.000Z"},{"title":"Debugging with Fiddler: The official reference from the developer of Fiddler","url":"http://fiddler2.com/book/","content":"Fiddlerの書籍。\npdfと物理本で販売","date":"2012-07-28T23:00:00.000Z"},{"title":"CSS の勉強中に困ったら | Unformed Building","url":"http://unformedbuilding.com/articles/if-stuck-in-the-study-of-css/","content":"CSS等のリソース集\n仕様、バグ、対応、ブラウザ、Q&A","date":"2012-07-29T07:00:00.000Z"},{"title":"Amazon: JavaScript逆引きハンドブック [単行本（ソフトカバー）]: 古籏 一浩","url":"http://www.amazon.co.jp/o/ASIN/4863541082/book042-22/ref=nosim","content":"2012年8月15日発売","date":"2012-07-29T15:00:00.000Z"},{"title":"Testem: Interactive JS Test Runner","url":"http://tobyho.com/2012/06/24/testem-interactive-js-test-runner/","content":"インタラクティブにテストを実行できるのを目的にあげてるテスティングフレームワークTestemがリリース。 JsTDやBusterJSのような仕組み、CLIで見えるテスト結果の表示、保存を自動監視してテスト実行、アダプタでテスライブラリ構文に対応。\n詳細 http://jser.info/post/26266683374","date":"2012-07-29T23:00:00.000Z"},{"title":"AMD: The Definitive Source | Blog | SitePen","url":"http://www.sitepen.com/blog/2012/06/25/amd-the-definitive-source/","content":"AMDとは何か? AMDモジュールとそれの利用方法。\nビルドによる最適化、AMDモジュールローダーのライブラリ紹介、AMDに対する議論について。広くAMDについてまとまった記事","date":"2012-07-30T07:00:00.000Z"},{"title":"About Javascript prototype — Gist","url":"https://gist.github.com/2990054","content":"\"プロトタイプと、あとクラス、継承、ミックスインと呼ばれている物の説明\"\nES5をベースにした、プロトタイプチェーン、new演算子の動作の説明。\n継承を行うinherits(extend)、mixin関数の実装について。\nまたprototypeを拡張することによるメモリ効率やパフォーマンスの違いなどについて書かれてる","date":"2012-07-30T15:00:00.000Z"},{"title":"Shiki’s Weblog: 新しいウェブ ブラウザ ","url":"http://shiki.esrille.com/2012/07/escort.html","content":"HTML/CSSレンダリングエンジンが独自に作られているオープンソースなウェブブラウザ escort が公開された","date":"2012-07-30T23:00:00.000Z"},{"title":"PhoneGap 1.9.0 Released! « PhoneGap","url":"http://phonegap.com/2012/06/30/phonegap-1-9-0-released/","content":"PhoneGap 1.9.0リリース","date":"2012-07-31T07:00:00.000Z"},{"title":"Javascript Scope Quiz","url":"http://madebyknight.com/javascript-scope/","content":"JavaScriptのスコープについてのクイズ。\nスコープについて学びながら進めていける","date":"2012-07-31T15:00:00.000Z"},{"title":"jQuery Blog » jQuery 1.8.1 Released","url":"http://blog.jquery.com/2012/08/30/jquery-1-8-1-released/","content":"jQuery 1.8.1リリース\nQuirks modeのサポートはしない事に","date":"2012-07-31T22:26:00.000Z"},{"title":"Welcome to Sinon.JS Documentation. — SinonJSDoc 1.0 documentation","url":"http://sinonjsdoc.readthedocs.org/en/latest/","content":"SInon.JSについてのドキュメント\nSinon.JSの内部構成などについて","date":"2012-08-01T05:52:00.000Z"},{"title":"Introduction to XMLHttpRequest Level 2 - Dev.Opera","url":"http://dev.opera.com/articles/view/xhr2/","content":"XHR Level2について。\ntimeouts、クロスドメイン、FormData、 ProgressEvent、responseTypeについて","date":"2012-08-01T13:18:00.000Z"},{"title":"WebGL: Up and Running - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920024729.do","content":"2012年8月発売\nWebGL本","date":"2012-08-01T20:44:00.000Z"},{"title":"TEST CORDING » Sassの可変長引数で出来ること出来ないことまとめ","url":"http://testcording.com/?p=261","content":"Sassの可変長引数の解説","date":"2012-08-02T04:10:00.000Z"},{"title":"Testem 0.1.0 Released and Screencasts","url":"http://tobyho.com/2012/08/29/testem-intro-screencast/","content":"インタラクティブなJavaScript Test RunnerのTestem 0.1.0リリース\n自動でブラウザを起動する機能や、console.log等の出力対応","date":"2012-08-02T11:36:00.000Z"},{"title":"Amazon: JavaScript & JQuery: Interactive Front-End Development [Paperback]: Jon Duckett","url":"http://www.amazon.com/o/ASIN/1118531647/book042-22/ref=nosim","content":"2013年3月5日発売。\n著者は HTML and CSS: Design and Build Websites http://www.htmlandcssbook.com/ の人。\nこの書籍と同様にかなりビジュアル面に凝った書籍になるそう","date":"2012-08-02T19:02:00.000Z"},{"title":"Things I didn’t know about the WebKit inspector | joocode","url":"http://blog.joocode.com/browsers/12-things-about-the-webkit-inspector-i-didnt-know/","content":"Web InspectorのTips","date":"2012-08-03T02:28:00.000Z"},{"title":"Web Performance Power Tool: HTTP Archive (HAR) - igvita.com","url":"http://www.igvita.com/2012/08/28/web-performance-power-tool-http-archive-har/","content":"通信時のデータを記録するHTTP Archive (HAR)について。\nharファイルの見方やyslow、デバッガーからharファイルを保存する方法、proxyを使ったトレース等について","date":"2012-08-03T09:54:00.000Z"},{"title":"HTML5 Boilerplate – v4.0.0 | drublic","url":"http://drublic.de/blog/html5bp-v4-0-0/","content":"HTML5 Boilerplate 4.0.0リリース。\nMITライセンスの追加、console.logラッパーの変更、構造の整理等","date":"2012-08-03T17:20:00.000Z"},{"title":"Firefox 15.0 リリースノート","url":"http://www.mozilla.jp/firefox/15.0/releasenotes/","content":"Firefox 15.0リリース\nhttps://dev.mozilla.jp/2012/07/firefox15/","date":"2012-08-04T00:46:00.000Z"},{"title":"Yeti 0.2.9 released","url":"http://yeti.cx/blog/2012/08/yeti-0-2-9-released/","content":"Yeti 0.2.9リリース。\nタイムアウトの設定、YUI Test Coverageの結果表示ができるように","date":"2012-08-04T08:12:00.000Z"},{"title":"LucidJS Event Emitters - Make your code Lucid.","url":"http://robertwhurst.github.com/LucidJS/","content":"Event Emitterライブラリ。\non/once/trigger/set(like trigger)/pipe/clear.\nMeta Eventやドット区切りのSub Eventsもサポートしてる","date":"2012-08-04T15:38:00.000Z"},{"title":"A guide to 2ality’s posts on the JavaScript language","url":"http://www.2ality.com/2012/08/guide-jslang.html","content":"Dr.AxelのJavaScriptについての記事目次。\n基本的なことから、歴史、ES.next等かなり深い所までかかれていて幅広い","date":"2012-08-04T23:04:00.000Z"},{"title":"Amazon: Html5 Hacking and Javascript Security: Attacks and Defenses [Hardcover]: Shreeraj Shah","url":"http://www.amazon.com/o/ASIN/1466565314/book042-22/ref=nosim","content":"2012年6月15日発売\nHTML5に関するセキュリティ本\nhttp://shreeraj.blogspot.jp/","date":"2012-08-05T06:30:00.000Z"},{"title":"linq.js ver.3 and JavaScript in Visual Studio 2012","url":"http://www.slideshare.net/neuecc/linqjs-ver3-and-visual-studio-2012-in-javascript","content":"linq.js についてのスライド","date":"2012-08-05T13:56:00.000Z"},{"title":"JavaScript MVC: Client vs Server - Google ドキュメント","url":"https://docs.google.com/presentation/d/1K4RY_1dOi2o_0RBPTr05WL0Vr9E28rRJsnbUP23D6hc/present#slide=id.gf37f796_147_0","content":"JavaScriptとMVC系の過去/現在/未来を簡単にまとめたスライド","date":"2012-08-05T21:22:00.000Z"},{"title":"Getting HTML5 Ready - ContentEditable : Remote Synthesis","url":"http://www.remotesynthesis.com/post.cfm/getting-html5-ready-contenteditable","content":"ContentEditableのブラウザ毎の対応について","date":"2012-08-06T04:48:00.000Z"},{"title":"コンテントセキュリティポリシー入門 - ずっと君のターン","url":"http://d.hatena.ne.jp/technohippy/20120820#1345469971","content":"HTML5RocksのCSPについての記事翻訳。","date":"2012-08-06T12:14:00.000Z"},{"title":"Amazon.co.jp： JavaScript逆引きハンドブック: 古籏 一浩: 本","url":"http://www.amazon.co.jp/o/ASIN/4863541082/book042-22/ref=nosim","content":"2012年9月10日発売\n864ページ、JavaScript逆引き本","date":"2012-08-06T19:40:00.000Z"},{"title":"Web Reflection: A Safer JS Environment","url":"http://webreflection.blogspot.jp/2012/08/a-safer-js-environment.html","content":"this, Object.prototypeのfreezeする事について\nグローバル汚染をfreezeする利点について。","date":"2012-08-07T03:06:00.000Z"},{"title":"jQuery UI 1.9 RC « jQuery UI Blog","url":"http://blog.jqueryui.com/2012/08/jquery-ui-1-9-rc/","content":"jQuery UI 1.9 RC リリース","date":"2012-08-07T10:32:00.000Z"},{"title":"Sass 3.2 is released","url":"http://chriseppstein.github.com/blog/2012/08/23/sass-3-2-is-released/","content":"Sass 3.2の機能紹介や変更点。\nプレースホルダーセレクタ、\nSelectors Level 4、Variable Arguments、Directive Interpolation、新しい関数、nullデータ等","date":"2012-08-07T17:58:00.000Z"},{"title":"リッチスマートフォンWebアプリのメモリ管理｜1 pixel｜サイバーエージェント公式クリエイターズブログ","url":"http://ameblo.jp/ca-1pixel/entry-11333270027.html","content":"JavaScriptのメモリまわりのデバッグ方法について。\nWeb Inspectorの Heap Snapshotを使ってオブジェクトが開放されているかを確認する。image poolを作ってメモリ使用量を抑える方法についえ","date":"2012-08-08T01:24:00.000Z"},{"title":"Mocha 1.4.0 - TJ Holowaychuk","url":"http://tjholowaychuk.com/post/29996505898/mocha-1-4-0","content":"Mocha 1.4.0リリース","date":"2012-08-08T08:50:00.000Z"},{"title":"idiomatic.js/translations/ja_JP at master · rwldrn/idiomatic.js","url":"https://github.com/rwldrn/idiomatic.js/tree/master/translations/ja_JP","content":"\"一貫性のある慣用的なJavaScriptの書き方\" コーディングルール的なものの和訳。\n癖が少なく良く出来てる","date":"2012-08-08T16:16:00.000Z"},{"title":"nathansmith/javascript-quiz","url":"https://github.com/nathansmith/javascript-quiz","content":"JavaScript Quiz","date":"2012-08-08T23:42:00.000Z"},{"title":"Version 0.8.8 (stable)","url":"http://blog.nodejs.org/2012/08/22/node-v0-8-8-stable/","content":"Node.js 0.8.8リリース","date":"2012-08-09T07:08:00.000Z"},{"title":"Amazon: Single Page Web Applications: JavaScript end-to-end [Paperback]: Michael Mikowski, Josh Powell","url":"http://www.amazon.com/o/ASIN/1617290750/book042-22/ref=nosim","content":"2013年1月28日発売\nシングルページWebアプリについての書籍","date":"2012-08-09T14:34:00.000Z"},{"title":"JavaScript for Cats","url":"http://jsforcats.com/","content":"猫でも分かるJavaScript\nプログラミング初心者向け","date":"2012-08-09T22:00:00.000Z"},{"title":"Bootstrap 2.1.0 released · Twitter Bootstrap Blog","url":"http://blog.getbootstrap.com/2012/08/20/bootstrap-2-1-0-released/","content":"Twitter Bootstrap 2.1.0リリース","date":"2012-08-10T05:26:00.000Z"},{"title":"Amazon: HTML5(ファイブ)+JavaScript+CSS+Web [単行本]: 大西 武","url":"http://www.amazon.co.jp/o/ASIN/4798034630/book042-22/ref=nosim","content":"2012/8/21発売","date":"2012-08-10T12:52:00.000Z"},{"title":"Infinity.js","url":"http://airbnb.github.com/infinity/","content":"JavaScriptでiOSのUITableViewライクな実装。\nリストで表示される領域の前後だけを実際に描画したり、表示をキャッシュしてスクロールに合わせて描画してる。\nコメント付きのソースコードを公開してる","date":"2012-08-10T20:18:00.000Z"},{"title":"ES5 features on iOS/Android's default browser - 愛と勇気と缶ビール","url":"http://d.hatena.ne.jp/zentoo/20120819/1345378440","content":"iOS/AndroidのECMAScript 5 compatibility tableの調査まとめ","date":"2012-08-11T03:44:00.000Z"},{"title":"Changelog · bestiejs/lodash Wiki","url":"https://github.com/bestiejs/lodash/wiki/Changelog","content":"underscore.jsの互換ライブラリのLo-Dash v0.5.1リリース\nhttps://github.com/bestiejs/lodash/compare/v0.4.2...v0.5.1","date":"2012-08-11T11:10:00.000Z"},{"title":"Comparing v0.4.2...v0.5.1 · bestiejs/lodash","url":"https://github.com/bestiejs/lodash/compare/v0.4.2...v0.5.1","content":"underscore.jsの互換ライブラリのLo-Dash v0.5.1リリース","date":"2012-08-11T18:36:00.000Z"},{"title":"Developers We Admire. « Paul Irish","url":"http://paulirish.com/2012/developers-we-admire/","content":"Paul版注目すべき人リスト","date":"2012-08-12T02:02:00.000Z"},{"title":"25 JS Developers You Must Follow On Twitter","url":"http://blog.crossrider.com/post/28828010399/25-js-developers-you-must-follow-on-twitter","content":"JavaScript関係とかでフォローすべき人Google+版\nhttps://plus.google.com/u/0/114798913484842413424/posts/LkqX3FrYE5Q","date":"2012-08-12T09:28:00.000Z"},{"title":"Tagneto: RequireJS 2.0.6 released","url":"http://tagneto.blogspot.com/2012/08/requirejs-206-released.html","content":"RequireJS 2.0.6 リリース","date":"2012-08-12T16:54:00.000Z"},{"title":"Debugging your JavaScript app using WebStorm","url":"http://www.gamefromscratch.com/post/2012/08/17/Debugging-with-JavaScript-with-WebStorm.aspx","content":"WebStormを使ったデバッグ方法について。内蔵してるデバッガーの使い方について","date":"2012-08-13T00:20:00.000Z"},{"title":"Localised JavaScript","url":"http://fhtr.org/js-i18n/","content":"JavaScriptを英語以外の言語に変換するライブラリ。\nキーワードとか関数を日本語にしたりできる。","date":"2012-08-13T07:46:00.000Z"},{"title":"wesleyhales.com: Web Performance Testing With PhantomJS","url":"http://wesleyhales.com/blog/2012/08/16/Site-Load-Time-Testing-with-PhantomJS/","content":"phamtomJSを使ったパフォーマンス測定とappcache生成スクリプトについて\nhttps://github.com/jamesgpearce/confess/","date":"2012-08-13T15:12:00.000Z"},{"title":"High-Performance, Garbage-Collector-Friendly Code - Build New Games","url":"http://buildnewgames.com/garbage-collector-friendly-code","content":"JavaScriptとガーベッジコレクションについて。\nChromeを使ったメモリ測定方法\nhttp://efcl.info/2010/1226/res2191/\nObject Poolの実装について。","date":"2012-08-13T22:38:00.000Z"},{"title":"Third Party JavaScript In The Third Person - Alex Sexton","url":"http://alexsexton.com/blog/2012/08/third-party-javascript-in-the-third-person","content":"サードパーティJavaScriptについての発表。\nSame Origin Policyやiframe、サードパーティボタンのキャシュについて","date":"2012-08-14T06:04:00.000Z"},{"title":"サイト制作時のメモ 2012年前半 | Unformed Building","url":"http://unformedbuilding.com/articles/webdevelopment-memo-2012-first-half/","content":"Graceful Degradation、多言語対応(アジア系)、Android/iOSのモバイル対応について注意点や参考サイトなどについて","date":"2012-08-14T13:30:00.000Z"},{"title":"» Safari 6 and Chrome 21 add image-set to support retina images Cloud Four Blog","url":"http://blog.cloudfour.com/safari-6-and-chrome-21-add-image-set-to-support-retina-images/","content":"Webkit系にprefix付き実装されたimage-setについて。\nデバイスピクセル比によって出す画像を変える。\nhttp://myakura.hatenablog.com/entry/2012/03/23/040058 も参照","date":"2012-08-14T20:56:00.000Z"},{"title":"Benchmark.js","url":"http://benchmarkjs.com/","content":"jsPerfなどでも使われてるBenchmark.js v 1.0.0がリリース\nhttps://github.com/bestiejs/benchmark.js/compare/0.3.0...v1.0.0","date":"2012-08-15T04:22:00.000Z"},{"title":"古いブラウザでSVG表示ができるSIE 3 の公開 - プラグインレスでSVGを表示する「SIE」開発ブログ","url":"http://d.hatena.ne.jp/dhrname/20120818/p1","content":"SIE 3リリース","date":"2012-08-15T11:48:00.000Z"},{"title":"jsPerf, JSPerfView を使った、JavaScript コードのベンチマーク計測とブログなどで計測結果を利用する方法 : document","url":"http://blog.livedoor.jp/imaya_js/archives/5850053.html","content":"jsPerfで計測したデータのグラフを埋め込みで表示する方法","date":"2012-08-15T19:14:00.000Z"},{"title":"When milliseconds are not enough: performance.now() - HTML5Rocks Updates","url":"http://updates.html5rocks.com/2012/08/When-milliseconds-are-not-enough-performance-now","content":"performance.now()の使い所について","date":"2012-08-16T02:40:00.000Z"},{"title":"JavaScript で書かれた ZLIB の伸張速度比較 : document","url":"http://blog.livedoor.jp/imaya_js/archives/5841859.html","content":"JavaScriptのZLIBライブラリの比較","date":"2012-08-16T10:06:00.000Z"},{"title":"Dojo 1.8 Released! | The Dojo Toolkit Blog","url":"http://dojotoolkit.org/blog/dojo-1-8-released","content":"Dojo 1.8リリース\nドキュメントページを改善、request,router,promiseやUIコンポーネントの追加等","date":"2012-08-16T17:32:00.000Z"},{"title":"File: SASS_CHANGELOG","url":"http://sass-lang.com/docs/yardoc/file.SASS_CHANGELOG.html","content":"Sass 3.2.0(3.2.1)リリース\n@content, Placeholder Selectors, Variable Arguments, Directive Interpolation","date":"2012-08-17T00:58:00.000Z"},{"title":"Version 0.8.7 (stable)","url":"http://blog.nodejs.org/2012/08/15/node-v0-8-7-stable/","content":"Node.js 0.8.7リリース","date":"2012-08-17T08:24:00.000Z"},{"title":"jQuery UI 1.8.23 « jQuery UI Blog","url":"http://blog.jqueryui.com/2012/08/jquery-ui-1-8-23/","content":"jQuery UI 1.8.23リリース\nメンテナンスリリース","date":"2012-08-17T15:50:00.000Z"},{"title":"JavaScript for… by Thomas S. Bradford [Leanpub PDF/iPad/Kindle]","url":"https://leanpub.com/javascriptforassholes","content":"\"JavaScript for Assholes\"\n変わった感じのJavaScript電子書籍","date":"2012-08-17T23:16:00.000Z"},{"title":"JavaScript Syntax // Speaker Deck","url":"https://speakerdeck.com/u/ynonperek/p/javascript-syntax","content":"JavaScriptの基本的な文法からprototypeとか幅広く書かれているスライド。\nhttp://www.slideshare.net/dominion/javascript-blast とかに近い感じ","date":"2012-08-18T06:42:00.000Z"},{"title":"ES.next - class, arrow, quasi etc.","url":"http://constellation.github.com/slides/contents/20120812/presentation.html#slide1","content":"ES.nextのclassの仕組みついての解説、\nどのようにしてsuperを解決できるようになっているか。\nArrow functionについて、thisがどのように解決されているかの図解。\nQuasiLiteral(template string)の機能解説","date":"2012-08-18T14:08:00.000Z"},{"title":"CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again // Speaker Deck","url":"https://speakerdeck.com/u/sstephenson/p/coffeescript-is-beautiful-i-never-want-to-write-plain-javascript-again","content":"CoffeeScriptの紹介スライド。\nCoffeeScriptの好きな所を10個ほど紹介してる","date":"2012-08-18T21:34:00.000Z"},{"title":"escodegen + esprima で JS のデバッグをしたら捗りそう - tokuhirom's blog.","url":"http://blog.64p.org/entry/2012/08/13/173120","content":"一見不可解なコードをesprimaでJavaScriptのASTを取り出して、escodegen でASTからコードジェネレートして、どう見えてるのかを可視化するデバッグ","date":"2012-08-19T05:00:00.000Z"},{"title":"Amazon: HTML5/JavaScriptとPhoneGapで作るiPhoneアプリ開発入門 [単行本（ソフトカバー）]: 富田 宏昭","url":"http://www.amazon.co.jp/o/ASIN/4839943710/book042-22/ref=nosim","content":"2012年8月31日発売","date":"2012-08-19T12:26:00.000Z"},{"title":"JSNetworkX by fkling","url":"http://felix-kling.de/JSNetworkX/","content":"Pythonのネットワーク構造を可視化するグラフライブラリNetworkXのJavaScriptポート","date":"2012-08-19T19:52:00.000Z"},{"title":"Sassを簡単に使うためのツール SassTray - ういはるかぜの化学 - subtech","url":"http://subtech.g.hatena.ne.jp/mayuki/20120812/1344754131","content":"WindowsでSass watchを行えるGUIツール","date":"2012-08-20T03:18:00.000Z"},{"title":"Akamai IO","url":"http://www.akamai.com/html/io/index1.html","content":"Akamaiのブラウザシェアデータ等が航海されてる。","date":"2012-08-20T10:44:00.000Z"},{"title":"Leak Finder: a new tool for JavaScript - Google Open Source Blog","url":"http://google-opensource.blogspot.com/2012/08/leak-finder-new-tool-for-javascript.html","content":"Chromeを使ったJavaScriptのメモリリーク解析ツール。","date":"2012-08-20T18:10:00.000Z"},{"title":"Callback Hell","url":"http://callbackhell.com/","content":"Callback地獄になってしまった非同期のプログラムをどう解決していくべきかについてのサイト","date":"2012-08-21T01:36:00.000Z"},{"title":"Getting Bitwise with JavaScript - Bocoup","url":"http://weblog.bocoup.com/getting-bitwise-with-javascript/","content":"JavaScriptでビット演算について学ぶ","date":"2012-08-21T09:02:00.000Z"},{"title":"Tagneto: RequireJS 2.0.5 released","url":"http://tagneto.blogspot.com/2012/08/requirejs-205-released.html","content":"RequireJS 2.0.5リリース\nr.jsでparse.jsからesprimaを使うように変更","date":"2012-08-21T16:28:00.000Z"},{"title":"How to add Notification Center support to your website or app","url":"http://www.fngtps.com/2012/how-to-add-notification-center-notifications-to-your-web-app/","content":"Mac SafariにもwebkitNotificationsが実装された","date":"2012-08-21T23:54:00.000Z"},{"title":"DataURI Maximum length - latest log","url":"http://uupaa.hatenablog.com/entry/2012/08/09/165800","content":"ブラウザ別のDataURIの最大サイズまとめ","date":"2012-08-22T07:20:00.000Z"},{"title":"The Problem with Native JavaScript APIs - O'Reilly Media","url":"http://oreillynet.com/oreilly/javascript/radarreports/native-javascript-apis.csp","content":"ネイティブ機能と互換な機能を実装するときにfacade(異なるインタフェース)とpolyfill(ネイティブと同じインタフェース)のどちらを選ぶのか。\nmatchMedia()を例に書かれてる","date":"2012-08-22T14:46:00.000Z"},{"title":"The Past, Present, and Future of JavaScript - O'Reilly Media","url":"http://oreillynet.com/oreilly/javascript/radarreports/past-present-future-javascript.csp","content":"JavaScriptの過去/現在/未来について書かれた無料の電子書籍\n未来のところはAPIレベルの話やWebアプリではないJavaScriptの話等結構幅広い","date":"2012-08-22T22:12:00.000Z"},{"title":"jQuery Blog » jQuery 1.8 Released","url":"http://blog.jquery.com/2012/08/09/jquery-1-8-released/","content":"jQuery 1.8リリース","date":"2012-08-23T05:38:00.000Z"},{"title":"JavaScript でメディアクエリを行う window.matchMedia の使い方 | Mozilla Developer Street (modest)","url":"https://dev.mozilla.jp/2012/08/using-window-matchmedia-to-do-media-queries-in-javascript/","content":"matchMediaの使い方、機能について","date":"2012-08-23T13:04:00.000Z"},{"title":"Tools and Techniques for Faster Development","url":"http://www.slideshare.net/jtaby/tools-and-techniques-for-faster-development","content":"Chrome Developer Toolsの各機能についての紹介スライド。\nまたiTerm2,Gix(L),xScope等のツールについても","date":"2012-08-23T20:30:00.000Z"},{"title":"Greatest tool for sorting CSS properties in specific order","url":"http://csscomb.com/","content":"CSSのプロパティのソートを行なってくれるツール。\nエディタ向けのプラグインとオンラインでも動作する","date":"2012-08-24T03:56:00.000Z"},{"title":"ご存知、ないのですか？CSSの優先順位","url":"http://www.slideshare.net/yumi-uniq-ishizaki/css-13918388","content":"CSSの優先順位の計算式について","date":"2012-08-24T11:22:00.000Z"},{"title":"Prototype JavaScript framework: Prototype 1.7.1","url":"http://prototypejs.org/2012/8/8/prototype-1-7-1","content":"Prototype.js 1.7.1リリース\ndom.jsの書き直しやES5への互換性等。\nPrototype.jsの今後についても書かれてる。","date":"2012-08-24T18:48:00.000Z"},{"title":"Version 0.8.6 (stable)","url":"http://blog.nodejs.org/2012/08/07/node-v0-8-6-stable/","content":"Node.js 0.8.6 リリース\nLinux等向けのバイナリ配布を開始","date":"2012-08-25T02:14:00.000Z"},{"title":"Yeti 0.2.8 released","url":"http://yeti.cx/blog/2012/08/yeti-0-2-8-released/","content":"Yeti 0.2.8 リリース","date":"2012-08-25T09:40:00.000Z"},{"title":"Ben Alman » Why grunt? Why not something else?","url":"http://benalman.com/news/2012/08/why-grunt/","content":"なぜgruntなのか","date":"2012-08-25T17:06:00.000Z"},{"title":"Rich JavaScript Applications – the Seven Frameworks (Throne of JS, 2012) - Steve Sanderson’s blog - As seen on YouTube™","url":"http://blog.stevensanderson.com/2012/08/01/rich-javascript-applications-the-seven-frameworks-throne-of-js-2012/","content":"MVC系フレームワークの比較まとめ。\n機能別、Who/What/Why/Where/Whenの項目で書かれてる","date":"2012-08-26T00:32:00.000Z"},{"title":"Master of the :nth-child | CSS3 pseudo classes and :nth-child ranges","url":"http://nthmaster.com/","content":":nth-childと:nth-of-typeについて視覚的に学べるサイト","date":"2012-08-26T07:58:00.000Z"},{"title":"Sinon.JS - Versatile standalone test spies, stubs and mocks for JavaScript","url":"http://sinonjs.org/","content":"Sinon.JSのGetting startedが更新された","date":"2012-08-26T15:24:00.000Z"},{"title":"Processing.js","url":"http://processingjs.org/blog/2012/07/31/processing-js-v1-4-0-released.html","content":"Processing.js 1.4.0リリース","date":"2012-08-26T22:50:00.000Z"},{"title":"Jam :: Require.jsを使う時に便利そうなパッケージマネージャ - Playground of Mine","url":"http://d.hatena.ne.jp/sDaigo/20120705/1341460980","content":"クライアントサイドJavaScriptのパッケージマネージャであるJamの使い方","date":"2012-08-27T06:16:00.000Z"},{"title":"Yeti 0.2.7 released","url":"http://yeti.cx/blog/2012/08/yeti-0-2-7-released/","content":"YUIのCLIツールYeti 0.2.7 リリース","date":"2012-08-27T13:42:00.000Z"},{"title":"Efendi Books - Testing with CoffeeScript","url":"https://efendibooks.com/minibooks/testing-with-coffeescript","content":"JasmineとCoffeeScriptを使ったテストについての50ページほどの電子書籍(Free)\n1\\. 導入 2\\. テストを書いてコードを書く 3.リファクタリング 4\\. stubなどを使ったテスト\n著者は javascriptplayground.com の方","date":"2012-08-27T21:08:00.000Z"},{"title":"彩雲｜マーケットシェアチェックツール","url":"http://marketshare.biz-samurai.com/","content":"忍者アクセス解析を使ったブラウザのシェアチェックツール。\nStatCounterみたいな感じ","date":"2012-08-28T04:34:00.000Z"},{"title":"Support for @supports in Firefox Nightly • Cameron McCormack's blog","url":"http://mcc.id.au/blog/2012/08/supports","content":"Firefox NightlyでCSSの@supportsをサポートした。","date":"2012-08-28T12:00:00.000Z"},{"title":"Piecon / Pie charts in your favicon!","url":"http://lipka.github.com/piecon/","content":"ファビコンにプログレス円グラフを表示するライブラリ","date":"2012-08-28T19:26:00.000Z"},{"title":"Takeshi Yoshino - Google+ - The WebSocket Protocol (RFC 6455) の歴史 WebSocket…","url":"https://plus.google.com/u/0/103969044621963378195/posts/af6Fg972tGQ","content":"WebSocketの歴史\nSec-等のセキュリティ対策の仕様ができた理由とか","date":"2012-08-29T02:52:00.000Z"},{"title":"blittle/jstesting · GitHub","url":"https://github.com/blittle/jstesting","content":"AMD, Sinon.JS. Jasmine, jsTestDriver, PhantomJS を使ったJavaScriptのテスト構成のテンプレ","date":"2012-08-29T10:18:00.000Z"},{"title":"New in 5.0: Google Closure Compiler JSDoc annotations | WebStorm & PhpStorm Blog","url":"http://blog.jetbrains.com/webide/2012/08/closure-syntax/","content":"WebStorm5.0でGoogle Closure Compilerの JSDoc記法をサポート","date":"2012-08-29T17:44:00.000Z"},{"title":"Automating Unit Tests | Blog | Sencha","url":"http://www.sencha.com/blog/automating-unit-tests/","content":"Senchaを使ったアプリでUnit Test + Lint + UI Testsについての記事","date":"2012-08-30T01:10:00.000Z"},{"title":"JSBooks","url":"http://jsmag.revolunet.com/","content":"オンラインで公開されてるJavaScript関連の書籍的なものをまとめたページ","date":"2012-08-30T08:36:00.000Z"},{"title":"Announcing YUI 3.6.0 » Yahoo! User Interface Blog (YUIBlog)","url":"http://www.yuiblog.com/blog/2012/08/01/announcing-yui-3-6-0/","content":"YUI3.6.0リリース。","date":"2012-08-30T16:02:00.000Z"},{"title":"Announcing jQuery Mobile 1.2.0 Alpha | jQuery Mobile","url":"http://jquerymobile.com/blog/2012/08/01/announcing-jquery-mobile-1-2-0-alpha/","content":"jQuery Mobile 1.2.0αリリース\nPopup APIの追加、折りたたみリスト、vmouse eventがダウンロードビルダーでstandaloneとして使えるように","date":"2012-08-30T23:28:00.000Z"},{"title":"Amazon: JavaScriptテクニックバイブル ~効率的な開発に役立つ150の技 [単行本（ソフトカバー）]: JSサポーターズ","url":"http://www.amazon.co.jp/o/ASIN/4774152439/book042-22/ref=nosim","content":"2012年8月31日発売\n\"逆引きリファレンスとして活用できるテクニック集\"","date":"2012-08-31T06:54:00.000Z"},{"title":"ArrayBufferについて - PolyPeaceLight","url":"http://muddydixon.hatenablog.com/entry/2012/09/30/013438","content":"Typed Array について。\nArrayBuffer,ArrayBufferViewの役割について","date":"2012-08-31T15:00:00.000Z"},{"title":"Chrome Releases: Stable Channel Update","url":"http://googlechromereleases.blogspot.com/2012/09/stable-channel-update_25.html","content":"Chrome 22 stableリリース\nMouse Lock API","date":"2012-08-31T22:30:00.000Z"},{"title":"Ben Alman » Partial Application in JavaScript","url":"http://benalman.com/news/2012/09/partial-application-in-javascript/","content":"JavaScriptの部分適応、カリー化について。\nFunction.prototype.call.bind","date":"2012-09-01T06:00:00.000Z"},{"title":"Introduction to Backbone.js - YouTube","url":"https://www.youtube.com/watch?v=PqtYcHyyWJA","content":"Backbone.js入門スクリーンキャスト","date":"2012-09-01T13:30:00.000Z"},{"title":"Amazon: jQuery Mobile Cookbook [Paperback]: Mike Hostetler","url":"http://www.amazon.com/o/ASIN/1449326188/book042-22/ref=nosim","content":"2013-03-22発売\njQuery Mobileのクックブック","date":"2012-09-01T21:00:00.000Z"},{"title":"jQuery UI 1.8.24 « jQuery UI Blog","url":"http://blog.jqueryui.com/2012/09/jquery-ui-1-8-24/","content":"jQuery UI 1.8.24リリース\n1.8.xのラストリリースになる予定","date":"2012-09-02T04:30:00.000Z"},{"title":"Yeti 0.2.11 released","url":"http://yeti.cx/blog/2012/09/yeti-0-2-11-released/","content":"Yeti 0.2.11リリース","date":"2012-09-02T12:00:00.000Z"},{"title":"Underscore.js","url":"http://underscorejs.org","content":"Underscore.js 1.4.0 リリース.\npairs, invert, where, omit, randomのメソッドが追加されてる.","date":"2012-09-02T19:30:00.000Z"},{"title":"a new ES6 spec. draft dis available","url":"https://mail.mozilla.org/pipermail/es-discuss/2012-September/025219.html","content":"ECMAScript 6 draft rev10 リリース","date":"2012-09-03T03:00:00.000Z"},{"title":"Node v0.8.11 (Stable)","url":"http://blog.nodejs.org/2012/09/27/node-v0.8.11/","content":"Node v0.8.11リリース\n0.8.10のbugfixリリース","date":"2012-09-03T10:30:00.000Z"},{"title":"CSS3 vs jQuery Animations - Dev.Opera","url":"http://dev.opera.com/articles/view/css3-vs-jquery-animations/","content":"CSS3アニメーションとjQueryを使ったアニメーションの比較\nメモリや処理にかかる時間等のリソース的にはCSS3の方がスマート","date":"2012-09-03T18:00:00.000Z"},{"title":"Web Dev .NET: Control the Complexity of Your JavaScript Functions with JSHint","url":"http://www.elijahmanor.com/2012/09/control-complexity-of-your-javascript.html","content":"引数の数、ネストの深さ、複雑さなどに対してLintを行うJSHintの設定について","date":"2012-09-04T01:30:00.000Z"},{"title":"zlib.js 0.1.0 をリリースしました : document","url":"http://blog.livedoor.jp/imaya_js/archives/5940361.html","content":"ZLIB, DEFLATE, GZIPの実装ライブラリzlib.js 0.1.0リリース","date":"2012-09-04T09:00:00.000Z"},{"title":"reyesr/fullproof","url":"https://github.com/reyesr/fullproof","content":"javascript-based fulltext search engine library.\nWebSQL, IndexedDBとかにも対応してる","date":"2012-09-04T16:30:00.000Z"},{"title":"PhantomJS 1.7 Release Notes","url":"http://phantomjs.org/release-1.7.html","content":"PhantomJS 1.7リリース\nCommonJS Modules 1.1方式のモジュールシステムをサポート、クッキーの扱いを改善、input eventsにkey*を追加等","date":"2012-09-05T00:00:00.000Z"},{"title":"Node v0.8.10 (Stable)","url":"http://blog.nodejs.org/2012/09/25/node-v0-8-10-stable/","content":"Node 0.8.10リリース","date":"2012-09-05T07:30:00.000Z"},{"title":"H2O Blog., Adobe Edge Codeがリリース","url":"http://blog.h2o-space.com/post/32255124129","content":"Bracketsを使ったエディタアプリ\nChromium Embedded Framework を使ってる\nhttp://code.google.com/p/chromiumembedded/","date":"2012-09-05T15:00:00.000Z"},{"title":"Plan 2014 ― HTML 5.1とか拡張仕様とか - fragmentary","url":"http://myakura.hatenablog.com/entry/2012/09/21/021345","content":"W3C HTML5勧告の方針について。","date":"2012-09-05T22:30:00.000Z"},{"title":"sweet.js","url":"http://sweetjs.org/","content":"JavaScript向けのマクロツール","date":"2012-09-06T06:00:00.000Z"},{"title":"Functional Programming Fundamentals in JS & PHP // Speaker Deck","url":"https://speakerdeck.com/u/krisjordan/p/functional-programming-fundamentals-in-js-php","content":"JavaScriptとPHPについての関数プログラミングについて扱ったスライド。\nArray#map等の図解が分かりやすい感じになってる","date":"2012-09-06T13:30:00.000Z"},{"title":"CSS Custom Filters Now Available Under Flag in Chrome Canary | Web Platform Team Blog","url":"http://blogs.adobe.com/webplatform/2012/09/21/css-custom-filters-now-available-under-flag-in-chrome-canary/","content":"Chrome CanaryでCSS Shaderが利用できるように","date":"2012-09-06T21:00:00.000Z"},{"title":"Screensharing a browser tab in HTML5? - HTML5 Rocks","url":"http://www.html5rocks.com/en/tutorials/streaming/screenshare/","content":"DOMのコピーをBlobを使って生成してページのスクリーンショット的なものを作る方法、それをWebScoketsで渡すことについて等","date":"2012-09-07T04:30:00.000Z"},{"title":"Mutatio/Style.js","url":"https://github.com/Mutatio/Style.js","content":"JavaScriptで書けるCSS プリプロセッサ","date":"2012-09-07T12:00:00.000Z"},{"title":"Amazon.com: HTML5: The Definitive Guide (9781449302597): Chuck Musciano, Bill Kennedy, Estelle Weyl: Books","url":"http://www.amazon.com/o/ASIN/1449302599/book042-22/ref=nosim","content":"2013年3月22日発売 オライリーのHTML5本","date":"2012-09-07T19:30:00.000Z"},{"title":"Web先端技術味見部#10 「CSS試食会」 - Google ドキュメント","url":"https://docs.google.com/presentation/d/19DfJQT-WZQMPT2HBxqcKvVIKvAjZyR9p20lgVBVme1c/edit#slide=id.p","content":"最近のCSSの仕様などについてのスライド\nhttps://github.com/ajimibu/css-tasting-party","date":"2012-09-08T03:00:00.000Z"},{"title":"ResponsiveIframes.js","url":"http://npr.github.com/responsiveiframe/","content":"iFrame要素をResponsiveにするためのjQuery plugin","date":"2012-09-08T10:30:00.000Z"},{"title":"Testing Backbone + RequireJS Applications with Jasmine | Simple Thoughts","url":"http://kilon.org/blog/2012/08/testing-backbone-requirejs-applications-with-jasmine/","content":"BackboneとRequireJSを合わせたテスト方法について","date":"2012-09-08T18:00:00.000Z"},{"title":"JavaScript で PSD Parser を作り始めました : document","url":"http://blog.livedoor.jp/imaya_js/archives/5935932.html","content":"JavaScriptでPSDパーサーの実装","date":"2012-09-09T01:30:00.000Z"},{"title":"Yeti 0.2.10 released","url":"http://yeti.cx/blog/2012/09/yeti-0-2-10-released/","content":"Yeti 0.2.10 リリース\n.yeti.jsonの設定ファイルの追加","date":"2012-09-09T09:00:00.000Z"},{"title":"Pot.js 1.21 and PotLite.js 1.38 released. - Pot.js Blog","url":"http://potjs.tumblr.com/post/31981169075/pot-js-1-21-potlite-js-1-38-released","content":"Pot.js 1.21 と PotLite.js 1.38リリース\nPot.createConstructor(),Pot.maybeDeferred()","date":"2012-09-09T16:30:00.000Z"},{"title":"jQuery Mobile 1.2.0 Release Candidate 2 | jQuery Mobile","url":"http://jquerymobile.com/blog/2012/09/21/jquery-mobile-1-2-0-release-candidate-2/","content":"jQuery Mobile 1.2.0 RC2リリース","date":"2012-09-10T00:00:00.000Z"},{"title":"jQuery Blog » jQuery 1.8.2 Released","url":"http://blog.jquery.com/2012/09/20/jquery-1-8-2-released/","content":"jQuery 1.8.2リリース","date":"2012-09-10T07:30:00.000Z"},{"title":"DOM Enlightenment","url":"http://domenlightenment.com/","content":"(jQuery|JavaScript)EnlightenmentシリーズのDOM Scriptingについての書籍。\nオンライン版を無料公開","date":"2012-09-10T15:00:00.000Z"},{"title":"iOS6のSafari・Webkit周りの変更点を訳してみた | x-fit - クロスフィット -","url":"https://www.x-fit.jp/tips/131","content":"iOS6のmobile safari、WebView、Webkit周りの変更点まとめ","date":"2012-09-10T22:30:00.000Z"},{"title":"Announcing YUI 3.7.0 - YUI Blog","url":"http://www.yuiblog.com/blog/2012/09/18/announcing-yui-3-7-0/","content":"YUI 3.7.0リリース","date":"2012-09-11T06:00:00.000Z"},{"title":"HTMLとかCSSとかAPIとか","url":"http://myakura.github.com/pachystachys/slides.html#21.0","content":"最近仕様に関するスライド(myakura)\nFlexBox、CSS Selector Level4、Cascading Variables、@supports,@document等\nEvent Constructors、Mutation Observers、Timing API、Web Components","date":"2012-09-11T13:30:00.000Z"},{"title":"The ACE Editor Hits v1.0 ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2012/09/the-ace-editor-hits-v1-0/","content":"ACE Editor 1.0リリース","date":"2012-09-11T21:00:00.000Z"},{"title":"rickeyski/node-beautifier","url":"https://github.com/rickeyski/node-beautifier","content":"js,css,htmlを整形するNode製のCLIツール","date":"2012-09-12T04:30:00.000Z"},{"title":"GitCafe - Share a cup of Open Source","url":"http://gitcafe.com/","content":"中国発のGithub的なホスティングがオープンβになった\nGitCoinsという課金でPrivateレポジトリ等も作れる感じの作り(β中は無料)","date":"2012-09-12T12:00:00.000Z"},{"title":"RxJS Reactive Extensions for JavaScript","url":"http://reactive-extensions.github.com/RxJS/","content":"Reactive Extensions for JavaScript.","date":"2012-09-12T19:30:00.000Z"},{"title":"wicked-good-xpath - A pure JavaScript XPath library - Google Project Hosting","url":"http://code.google.com/p/wicked-good-xpath/","content":"amachangのJavaScript-XPathをベースに、Google Closureで書き換えてサイズと速度を改善したXPathライブラリ","date":"2012-09-13T03:00:00.000Z"},{"title":"Zen and the Art of TDD « Matt Steele","url":"http://matthewsteele.wordpress.com/2012/09/09/zen-and-the-art-of-tdd-barcamp/","content":"JavaScript TDDについてのスライド+動画","date":"2012-09-13T10:30:00.000Z"},{"title":"Yeoman - Modern workflows for modern webapps","url":"http://yeoman.io/","content":"JavaScriptのフロントエンドツール/ライブラリのセットアップ/管理を簡単に行えるようにするツールセット。\nパッケージ管理はTwitter Bower、コンパイルやローカルサーバ等はGruntのタスクが動いてる。\n有名所のMVCフレームワークやテスト等はYeoman Generatorsで生成できるようになってる","date":"2012-09-13T18:00:00.000Z"},{"title":"yahoo/istanbul","url":"https://github.com/yahoo/istanbul","content":"Yahoo製のcode coverageツール","date":"2012-09-14T01:30:00.000Z"},{"title":"コードで一言: CoffeeScriptで学ぶ Underscore.js 01（Collection編）","url":"http://codedehitokoto.blogspot.com/2012/06/coffeescript-undersorejs-01collection.html","content":"CoffeeScriptでUnderscoreのメソッド解説(全15回)","date":"2012-09-14T09:00:00.000Z"},{"title":"Typed Arrays: Binary Data in the Browser - HTML5 Rocks","url":"http://www.html5rocks.com/ja/tutorials/webgl/typed_arrays/","content":"型付き配列(Typed Array)について翻訳記事\n型付き配列ビューと異なる型データを持てるDataViewについて、エンディアンについて、またTyped Arrayを使うAPIについて","date":"2012-09-14T16:30:00.000Z"},{"title":"Better TDD Workflow via Exclusive Tests in Jasmine and Mocha","url":"http://tobyho.com/2012/09/12/better-tdd-workflow-via-exclusive-tests-in-jasmine-and-mocha/","content":"開発中に特定のテストだけ実行対象にして実行時間を短くすることについて。\nJasmineのiitやddescripbe、Mochaのonlyなどについて","date":"2012-09-15T00:00:00.000Z"},{"title":"mocha-phantomjs by metaskills","url":"http://metaskills.net/mocha-phantomjs/","content":"MochaとPhantomJSを使ってヘッドレステストを行うためのPahntomJSスクリプト","date":"2012-09-15T07:30:00.000Z"},{"title":"jQuery Mobile 1.2.0 Release Candidate 1 Released | jQuery Mobile","url":"http://jquerymobile.com/blog/2012/09/14/jquery-mobile-release-candidate-1-released/","content":"jQuery Mobile 1.2.0 RC1リリース","date":"2012-09-15T15:00:00.000Z"},{"title":"ff0000/rosy","url":"https://github.com/ff0000/rosy","content":"AMDモジュールとして使えるクラス継承なライブラリ。\nClass/Pub/Sub/Notification/routing等を提供する","date":"2012-09-15T22:30:00.000Z"},{"title":"How I Ended Up Enjoying JavaScript » Omar Gonzalez","url":"http://omar.gy/how-i-ended-up-enjoying-javascript/","content":"ActionScript開発者が大規模なJavaScriptアプリケーションに挑むために選んだツールセットと参考リンク\nrequire.js/Jasmine/Less/Angular.js/JSHint/Grunt.js/WebStorm","date":"2012-09-16T06:00:00.000Z"},{"title":"Academic research on browsers, frontend development, and debugging « Paul Irish","url":"http://paulirish.com/2012/academic-research-on-browsers-frontend-development-and-debugging/","content":"大学レベルのブラウザやフロントエンド、セキュリティなどについての研究/論文のまとめ","date":"2012-09-16T13:30:00.000Z"},{"title":"twada/qunit-tap","url":"https://github.com/twada/qunit-tap","content":"Qunit-TAP 1.2.0リリース\nhttps://github.com/twada/qunit-tap/compare/1.1.1...1.2.0","date":"2012-09-16T21:00:00.000Z"},{"title":"SIE 4の公開 - プラグインレスでSVGを表示する「SIE」開発ブログ","url":"http://d.hatena.ne.jp/dhrname/20120910/p1","content":"SVGをクロスブラウザで表示するライブラリ SIE 4リリース","date":"2012-09-17T04:30:00.000Z"},{"title":"Jetstrap - The Bootstrap Interface Builder","url":"http://jetstrap.com/","content":"BootstrapのページをGUIで作成するサービス","date":"2012-09-17T12:00:00.000Z"},{"title":"CSS Lint v0.9.9 now available | NCZOnline","url":"http://www.nczonline.net/blog/2012/09/12/css-lint-v0-9-9/","content":"CSS Lint v0.9.9リリース.\nignoreルールを指定できるようになった","date":"2012-09-17T19:30:00.000Z"},{"title":"Version 0.8.9 (Stable)","url":"http://blog.nodejs.org/2012/09/11/node-v0-8-9-stable/","content":"Node.js v0.8.9リリース","date":"2012-09-18T03:00:00.000Z"},{"title":"Clearing Browser Data | High Performance Web Sites","url":"http://www.stevesouders.com/blog/2012/09/10/clearing-browser-data/","content":"ブラウザのキャッシュクリアのまとめ。\nクッキー、ディスクキャッシュ、App Cache、ローカルストレージ","date":"2012-09-18T10:30:00.000Z"},{"title":"Gruntfileを整理してタスクの自動化を進めた ::ハブろぐ","url":"http://havelog.ayumusato.com/develop/javascript/e514-grunt_arrange_task.html","content":"Gruntを使ったタスクの紹介\nコンパイル、テスト、最適化、Lint、ドキュメント等","date":"2012-09-18T18:00:00.000Z"},{"title":"JavaScriptでのbuilt-in/DOM objectのprototype拡張 - 文殊堂","url":"http://d.hatena.ne.jp/monjudoh/20120904/1346764216","content":"JavaScriptのPrototype汚染について改めて紹介。ES5でのdefinePropertyで列挙の防止は可能だが、コンクリフト自体はなくなるわけではないことについて。","date":"2012-09-19T01:30:00.000Z"},{"title":"Machine Learning in Javascript: Introduction | Burak Kanber's Blog","url":"http://burakkanber.com/blog/machine-learning-in-other-languages-introduction/","content":"JavaScriptで機械学習についての記事シリーズ。\nJavaScriptでやる理由はページに埋め込むの簡単な事や幅広い人が触ってる言語だから。","date":"2012-09-19T09:00:00.000Z"},{"title":"Const なんとかさん関連のツール群をつかうと、簡単に EcmaScript target の言語をつくれる! - tokuhirom's blog.","url":"http://blog.64p.org/entry/2012/09/08/090729","content":"自作言語のParser API形式のASTを吐くことで、SourceMap対応のECMAScriptを吐けることについて","date":"2012-09-19T16:30:00.000Z"},{"title":"Using the Referee assertion library with JsTestDriver","url":"http://cjohansen.no/using-the-referee-assertion-library-with-jstestdriver","content":"Buster.JSのReferee assertion(アサーションの文法)をJSTestDriverで使えるようにするライブラリ","date":"2012-09-20T00:00:00.000Z"},{"title":"実践Sass 前編","url":"http://www.slideshare.net/azusatomita3/sass-14212266","content":"--line-comments によるデバッグ、色変数の扱い、@mixin、@extend\n後編 http://www.slideshare.net/kosei27/sass-14212276\nライブラリを作る話、サポートブラウザ別のグローバル設定変数、@content","date":"2012-09-20T07:30:00.000Z"},{"title":"改めて最強のJavaScript IDE 「WebStorm」についてまとめてみた | Web scratch","url":"http://efcl.info/2012/0909/res3111/","content":"WebStorm 5.0ベースの変更点や機能紹介まとめ","date":"2012-09-20T15:00:00.000Z"},{"title":"WebMatrix 2 is Released! + New Windows Azure Features - Windows Azure - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/windowsazure/archive/2012/09/06/webmatrix-2-is-released-new-windows-azure-features.aspx","content":"WebMatrix 2リリース。\nNodeとかHTML5との補完が入った.\nMS系のIDEについては https://speakerdeck.com/u/mayuki/p/javascript-community-open-day-2012 とかも一緒に見ると良さそう","date":"2012-09-20T22:30:00.000Z"},{"title":"ddopson/underscore-cli","url":"https://github.com/ddopson/underscore-cli?ref=hn","content":"JSONを操作するCLIツール。\n与えたJSONデータに対してpreety print系やJSON Selector、filter等の処理、is*な判定,template 等の機能を持っている","date":"2012-09-21T06:00:00.000Z"},{"title":"twitter/bower","url":"https://github.com/twitter/bower/tree/","content":"Twitter社製のWeb向けのパッケージマネージャー\nHTML/CSS/JSのパッケージ管理を行うNode製のツール。\nJam, Volo, Enderよりも低いレベルのコンポーネント","date":"2012-09-21T13:30:00.000Z"},{"title":"yp-engineering/jcov","url":"https://github.com/yp-engineering/jcov","content":"JSpecとJasmineに対応したカバレッジツール","date":"2012-09-21T21:00:00.000Z"},{"title":"Tick — a jQuery plugin that visualizes dynamically changing numbers","url":"http://harvesthq.github.com/tick/","content":"パタパタ時計みたい数字をbreezeな感じで変化させるjQuery plugin","date":"2012-09-22T04:30:00.000Z"},{"title":"Standards for Web Applications on Mobile: current state and roadmap (August 2012)","url":"http://www.w3.org/2012/08/mobile-web-app-state/","content":"W3Cのどの仕様がどの機能を定義しているか、ワーキンググループ、現在のバージョンの段階、ブラウザの実装状況(mobileも含め)、テストスイートのまとめ。","date":"2012-09-22T12:00:00.000Z"},{"title":"Datavisualization.ch Selected Tools","url":"http://selection.datavisualization.ch/","content":"JavaScriptのデータビジュアライズライブラリのまとめ。\nグラフとかプロットとかタイムライン表示等","date":"2012-09-22T19:30:00.000Z"},{"title":"zzo/JUTE","url":"https://github.com/zzo/JUTE","content":"Testable JavaScript の著者が作ってテストフレームワーク","date":"2012-09-23T03:00:00.000Z"},{"title":"Testable JavaScript - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920024699.do","content":"2012/11/22発売予定\nテストしやすいコードについての書籍","date":"2012-09-23T10:30:00.000Z"},{"title":"CoffeeScript Source Maps ☃ Ryan Florence Online","url":"http://ryanflorence.com/2012/coffeescript-source-maps/","content":"CoffeeScriptとSource Mapsについて\nhttps://gist.github.com/3664429","date":"2012-09-23T18:00:00.000Z"},{"title":"Node.js: Style and structure","url":"http://caolanmcmahon.com/posts/nodejs_style_and_structure/","content":"JavaScriptのコードスタイル、コード構造のパターン。\nコールバックとerror、非同期の中でthrowしない、エラーのキャッチ。\n全体的に非同期とコールバックフローの扱いについて書かれてる","date":"2012-09-24T01:30:00.000Z"},{"title":"JavaScript Design Patterns: Table of Contents - Rob Dodson talks internets","url":"http://robdodson.me/blog/2012/08/03/javascript-design-patterns","content":"JavaScriptのデザインパターンについて(の目次ページ)","date":"2012-09-24T09:00:00.000Z"},{"title":"Smashing Node.js: JavaScript Everywhere (Smashing Magazine Book Series): Guillermo Rauch: Amazon.com: Kindle Store","url":"http://www.amazon.com/Smashing-Node-js-JavaScript-Everywhere-ebook/dp/B008Z5OEUY","content":"Node.js本","date":"2012-09-24T16:30:00.000Z"},{"title":"CSS 2.1仕様 日本語訳 EPUB版 - 達人出版会","url":"http://tatsu-zine.com/books/css21","content":"CSS仕様書の日本語訳 epub版\nhttp://d.hatena.ne.jp/momdo/20120907/p1","date":"2012-09-25T00:00:00.000Z"},{"title":"WebGL and Three.js","url":"http://www.slideshare.net/yomotsu/webgl-and-threejs","content":"WebGLの仕組みとThree.jsを使った描画方法についてのスライド。","date":"2012-09-25T07:30:00.000Z"},{"title":"OptimalBits/fs.js","url":"https://github.com/OptimalBits/fs.js","content":"HTML5 File System APIのラッパーライブラリ。\nNodeのfsモジュール的なインターフェースを提供する","date":"2012-09-25T15:00:00.000Z"},{"title":"Boilerplate | JavaScript Reference Architecture","url":"http://boilerplatejs.org/","content":"JavaScriptのBoilerplate。\nAMD(requirejs), knockout, jquery, Crossroads.js, underscore, js-signals,sinon.JS,QUnit,YUIDoc,r.js等が含まれている。\nAMDベースのプロジェクトテンプレートとして見ていくと良さそう","date":"2012-09-25T22:30:00.000Z"},{"title":"Back-to-School Special - Save up to 50% - Choose from 1000s of Books, Videos, Courses - O'Reilly Media","url":"http://shop.oreilly.com/category/deals/b2s-2012-special.do","content":"Oreilly 全ての電子書籍が50%オフ\nSeptember 11, 2012 at 11:59pm PTまで","date":"2012-09-26T06:00:00.000Z"},{"title":"canvasのgetImageData(), toDataURL()などにおけるCORSについて - 愛と勇気と缶ビール","url":"http://d.hatena.ne.jp/zentoo/20120905/1346858940","content":"CanvasのSame Originについて。\nimg要素のcrossorigin属性とAccess-Control-Allow-Originヘッダを適応すれば、img要素のデータをCanvasで取得できるようになってる","date":"2012-09-26T13:30:00.000Z"},{"title":"enquire.js - Awesome Media Queries in JavaScript","url":"http://wickynilliams.github.com/enquire.js/","content":"matchMediaのラッパーライブラリ(not polyfill)","date":"2012-09-26T21:00:00.000Z"},{"title":"cliffano/datagen","url":"https://github.com/cliffano/datagen","content":"Node製のテスト用データジェネレーター\n属性が入ったテンプレートを書いて生成できる","date":"2012-09-27T04:30:00.000Z"},{"title":"jQuery Mobile 1.2 Beta Released | jQuery Mobile","url":"http://jquerymobile.com/blog/2012/09/05/jquery-mobile-1-2-beta-released/","content":"jQuery Mobile 1.2 Betaリリース。\nmobile safari/Android Browserで読み込むだけでXSSができる脆弱性が修正されてる\nhttp://masatokinugawa.l0.cm/2012/09/jquery-mobile-location.href-xss.html","date":"2012-09-27T12:00:00.000Z"},{"title":"Firefox and Firebug with Foxkeh","url":"http://www.slideshare.net/dynamis/firefox-and-firebug-with-foxkeh","content":"Firefoxの開発者ツールの機能紹介、\nFirebugの機能紹介についてのスライド。\n一通り機能がまとまってる感じの内容","date":"2012-09-27T19:30:00.000Z"},{"title":"jQueryについての所感 ::ハブろぐ","url":"http://havelog.ayumusato.com/develop/javascript/e333-jquery_thiking_misc.html","content":"jQueryの役割とコストについて","date":"2012-09-28T03:00:00.000Z"},{"title":"Back To School sale: JetBrains tools for up to 50% OFF! | JetBrains Company Blog","url":"http://blog.jetbrains.com/blog/2012/09/03/back-to-school-sale-jetbrains-tools-for-up-to-50-off/","content":"WebStorm/PHPStrom等JetBrains系IDEが全部50%オフ","date":"2012-09-28T10:30:00.000Z"},{"title":"Effective JavaScript","url":"http://effectivejs.com/","content":"著者はMozilla ResearchのDavid Herman.\nEffective Software Development Series","date":"2012-09-28T18:00:00.000Z"},{"title":"Maintainable JavaScriptにみる、コンテキストとアプリケーションロジックの分離 - 愛と勇気と缶ビール","url":"http://d.hatena.ne.jp/zentoo/20120831/1346418528","content":"イベントハンドリングとアプリケーションロジックの分離することで再利用性、テストのしやすくすることについて","date":"2012-09-29T01:30:00.000Z"},{"title":"mochaを使ったテストを書く際のあれこれ - 思った事","url":"http://atsuya.github.com/blog/2012/07/13/mocha-tips","content":"Mochaでテストを書くときに便利なhelperの使い方やユーティリティ、気をつけることについて","date":"2012-09-29T09:00:00.000Z"},{"title":"What's New in Sass 3.2 & Compass 0.13","url":"http://whats-new-in-sass-and-compass.herokuapp.com/#slide-0","content":"SassとCompassについてのスライド。\n3.2の機能紹介、Sass4.0についても","date":"2012-09-29T16:30:00.000Z"},{"title":"Aurora 17 it out, bringing better security and support for new standards ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2012/08/aurora-17-is-out/","content":"Firefox 17の更新内容。\nCSS @supportsのサポート、WheelEvent event 、ES.next Library Extension","date":"2012-09-30T00:00:00.000Z"},{"title":"Firefox JSTerm v2 // by Paul Rouget","url":"http://paulrouget.com/e/jsterm.v2/","content":"REPL的なJavaScriptコンソールのFirefoxアドオン JSTerm ver2 リリース","date":"2012-09-30T07:30:00.000Z"},{"title":"dynaTrace Browser Diagnostics now supporting Firefox 15 & 16 about:performance","url":"http://blog.dynatrace.com/2012/10/31/dynatrace-browser-diagnostics-now-supporting-firefox-15-16/","content":"dynaTrace Firefox 15 & 16をサポート","date":"2012-09-30T15:00:00.000Z"},{"title":"Knockout 2.2.0 released - Steve Sanderson’s blog - As seen on YouTube™","url":"http://blog.stevensanderson.com/2012/10/29/knockout-2-2-0-released/","content":"JavaScript MVVM ライブラリ\nKnockout 2.2.0リリース","date":"2012-09-30T23:00:00.000Z"},{"title":"Esprima","url":"http://esprima.org/","content":"ECMAScriptでかかれれたECMAScript parser Esprima 1.0.0リリース","date":"2012-10-01T07:00:00.000Z"},{"title":"Esprima","url":"http://esprima.org/","content":"ECMAScriptでかかれれたECMAScript parser Esprima 1.0.0リリース","date":"2012-10-01T15:00:00.000Z"},{"title":"Numeral.js","url":"http://numeraljs.com/","content":"数値の整形、計算、単位等を扱うJavaScriptライブラリ","date":"2012-10-01T23:00:00.000Z"},{"title":"WebStormからtestacularでテストとデバッグをする方法 | Web scratch","url":"http://efcl.info/2012/1028/res3154/","content":"WebStorm上でTestacularを使ったテスト実行とデバッグを行う方法について","date":"2012-10-02T07:00:00.000Z"},{"title":"Orion 1.0 Release | Orion News","url":"http://planetorion.org/news/2012/10/orion-1-0-release/","content":"Orion 1.0 リリース.\nブラウザベースのJavaScript開発環境","date":"2012-10-02T15:00:00.000Z"},{"title":"vesln/r...e · GitHub","url":"https://github.com/vesln/r...e","content":"アルファベットや数字のrange + コレクションメソッドのライブラリ","date":"2012-10-02T23:00:00.000Z"},{"title":"Using the PageVisibility API - HTML5 Rocks","url":"http://www.html5rocks.com/en/tutorials/pagevisibility/intro/","content":"PageVisibilityAPIについて。\n動画再生やNotification API、アクセス解析を例にした使い方","date":"2012-10-03T07:00:00.000Z"},{"title":"Express 3.0 - TJ Holowaychuk","url":"http://tjholowaychuk.com/post/34189797102/express-3-0","content":"Express 3.0リリース","date":"2012-10-03T15:00:00.000Z"},{"title":"Download Qatrix","url":"http://qatrix.com/download","content":"Qatrix 1.0 リリース","date":"2012-10-03T23:00:00.000Z"},{"title":"Single page apps in depth (new free book)","url":"http://singlepageappbook.com/","content":"single page appについての無料ebook。\nウェブアプリのアーキテクチャー概要、メンテナンス、テストについて、モジュールとTDD、MVC、model dataとevent通知、Colllection、キャッシュ、テンプレート等","date":"2012-10-04T07:00:00.000Z"},{"title":"tildeio/rsvp.js","url":"https://github.com/tildeio/rsvp.js","content":"シンプルなpromisesの実装ライブラリ。then/resolve/reject、on/trigger","date":"2012-10-04T15:00:00.000Z"},{"title":"Testing JavaScript/CoffeeScript with Mocha and Chai","url":"http://www.slideshare.net/markykang/testing-javascriptcoffeescript-with-mocha-and-chai","content":"Mocha + Chai + CoffeeScriptでテストについてのスライド","date":"2012-10-04T23:00:00.000Z"},{"title":"QUnit再入門(version 1.10.0 編) - L4L","url":"http://kozy4324.github.com/blog/2012/10/27/qunit/","content":"QUnitの分かりやすい使い方のスライド","date":"2012-10-05T07:00:00.000Z"},{"title":"Javascript Territory - Jster Javascript Catalog","url":"http://jster.net/","content":"JavaScriptのライブラリ等をカテゴリ別にまとめているサイト","date":"2012-10-05T15:00:00.000Z"},{"title":"Web Component概要","url":"http://www.slideshare.net/shumpei/web-component-14846079","content":"Web Componentのテンプレート/デコレータ/カスタム要素/Shadow DOMについてのスライド","date":"2012-10-05T23:00:00.000Z"},{"title":"CoffeeScript","url":"http://coffeescript.org","content":"CoffeeScript 1.4.0リリース。\nCoffeeScript compiler の修正が中心","date":"2012-10-06T07:00:00.000Z"},{"title":"jQuery UI 1.9.1 | jQuery UI Blog","url":"http://blog.jqueryui.com/2012/10/jquery-ui-1-9-1/","content":"jQuery UI 1.9.1リリース","date":"2012-10-06T15:00:00.000Z"},{"title":"Node v0.8.14 (Stable)","url":"http://blog.nodejs.org/2012/10/25/node-v0.8.14/","content":"Node.js v0.8.14リリース。\n0.8.13のbugfix","date":"2012-10-06T23:00:00.000Z"},{"title":"d-i/Sassquatch","url":"https://github.com/d-i/Sassquatch","content":"TDD for Sass\nSass上でassertionを行う","date":"2012-10-07T07:00:00.000Z"},{"title":"Bringing JavaScript Code Analysis to The Next Level // Speaker Deck","url":"https://speakerdeck.com/ariya/bringing-javascript-code-analysis-to-the-next-level","content":"AriyaさんのEsrpimaについてのスライド。\nEsprimaを使ったコード解析のデモやツール等の紹介。\nLintやCoverage、Execution Tracing、MinificationやObfuscationのコード生成について。","date":"2012-10-07T15:00:00.000Z"},{"title":"Node v0.9.3 (Unstable)","url":"http://blog.nodejs.org/2012/10/24/node-v0.9.3/","content":"Node.js 0.9.3 リリース","date":"2012-10-07T23:00:00.000Z"},{"title":"ariya/grunt-jsvalidate","url":"https://github.com/ariya/grunt-jsvalidate","content":"Esprimaを使ったJavaScriptのバリデーション、シンタックスエラーを検知するGruntタスク","date":"2012-10-08T07:00:00.000Z"},{"title":"Aiming study#6pdf","url":"http://www.slideshare.net/mizchi/aiming-study6pdf","content":"\"大規模JS その設計と実装と現実”\n大規模なWebアプリ開発におけるチーム開発や構造、パフォーマンスについてのスライド","date":"2012-10-08T15:00:00.000Z"},{"title":"borismus/srcset-polyfill","url":"https://github.com/borismus/srcset-polyfill","content":"srcsetのpolyfillライブラリ\nhttp://myakura.hatenablog.com/entry/2012/05/16/022649","date":"2012-10-08T23:00:00.000Z"},{"title":"uuCanvas.js のサブセットとして VMLCanvas.js を切り出しました - latest log","url":"http://uupaa.hatenablog.com/entry/2012/10/23/085624","content":"VMLを使ってCanvasをレンダリングするVMLCanvas.jsリリース。\nexcanvasのように単独で利用できる","date":"2012-10-09T07:00:00.000Z"},{"title":"SIE 5の公開 - プラグインレスでSVGを表示する「SIE」開発ブログ","url":"http://d.hatena.ne.jp/dhrname/20121023/p1","content":"SIE 5リリース","date":"2012-10-09T15:00:00.000Z"},{"title":"A Node in Nodes - JSHintで気軽なコーディングを","url":"http://blog.craftgear.net/50832ff38cdc8fb415000001/title","content":"jshintのオプション解説まとめ","date":"2012-10-09T23:00:00.000Z"},{"title":"Plunker","url":"http://plnkr.co/","content":"jsFiddle的なウェブサービス。\n任意のファイル名を付けられたり、リアルタイムで編集を共有したり、コメントなども付けられる","date":"2012-10-10T07:00:00.000Z"},{"title":"CSSOとgrunt-csso | MOL","url":"http://t32k.me/mol/log/csso-and-grunt-csso/","content":"CSSの構造を分析してマージや削除をする圧縮ツール","date":"2012-10-10T15:00:00.000Z"},{"title":"見えてきた「ECMAScript 6」。JavaScriptの生みの親が書く「Harmony of Dreams Come True」 － Publickey","url":"http://www.publickey1.jp/blog/12/javascriptecmascript_6harmony_of_dreams_come_true.html","content":"ES6の機能についてで実装されてるものなどに関しての紹介記事の訳\nhttp://www.infoq.com/presentations/State-JavaScript\n発表ではもう少し色々紹介されている","date":"2012-10-10T23:00:00.000Z"},{"title":"［技術ドキュメント］HTML5 Security Cheat Sheet v0.1をリリースしました | にーまるどっとこむ。","url":"http://blog.2maru.com/archives/1849","content":"OWASPのHTML5 Security Cheat Sheet 日本語訳","date":"2012-10-11T07:00:00.000Z"},{"title":"依存するモジュールも解決できる Node/AMD (サーバ／クライアント) 共通化モジュールを書く :: kumatch's blogspot","url":"http://kumatchs.blogspot.com/2012/10/nodeamd.html","content":"node/browser両方で使えるモジュール定義の方法について\nhttp://waka.hatenablog.com/entry/2011/11/27/215627","date":"2012-10-11T15:00:00.000Z"},{"title":"Lazy Property Access | Blog | SitePen","url":"http://www.sitepen.com/blog/2012/10/19/lazy-property-access/","content":"definePropertyを使ったlazy propertyの簡単な解説","date":"2012-10-11T23:00:00.000Z"},{"title":"Web Performance: When millisecond resolution just isn’t enough - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2012/10/19/web-performance-when-millisecond-resolution-just-isn-t-enough.aspx","content":"Date.now()とPerformance.now()の違い。\niframe等複数のコンテキストがカラム計測ではPerformance.now()は相対的にも単純に計測できる","date":"2012-10-12T07:00:00.000Z"},{"title":"YUI 3.7.3 – Windows 8 Apps and IE 10 - YUI Blog","url":"http://www.yuiblog.com/blog/2012/10/17/yui-3-7-3-windows-8-apps-and-ie-10/","content":"YUI 3.7.3 リリース。\nWInRT関係のモジュールを追加","date":"2012-10-12T15:00:00.000Z"},{"title":"Support for performance.timing in Firebug | Software is hard","url":"http://www.softwareishard.com/blog/firebug/support-for-performance-timing-in-firebug/","content":"Firebugが Navigation Timing APIのタイムライン的なビジュアル表示をサポート。\nperformance.timing を評価するとでる","date":"2012-10-12T23:00:00.000Z"},{"title":"Meteor","url":"http://www.meteor.com/blog/2012/10/17/meteor-050-authentication-user-accounts-new-screencast","content":"Meteor 0.5.0 リリース","date":"2012-10-13T07:00:00.000Z"},{"title":"DailyJS: Totally Testacular","url":"http://dailyjs.com/2012/10/18/testacular/","content":"AngularJSがTest RunnerをJsTestDriverからTestacularJSに移行完了.\nTestacularJSの概要紹介","date":"2012-10-13T15:00:00.000Z"},{"title":"JavaScript QUnit - kozy.heteml.jp","url":"http://kozy.heteml.jp/pukiwiki/JavaScript%2520QUnit/index.html","content":"QUnitのメソッド解説","date":"2012-10-13T23:00:00.000Z"},{"title":"HTML5: 有用な代替テキストを提供するためのテクニック","url":"http://momdo.s35.xrea.com/web-html-test/spec/WD-html-alt-techniques-20120329.html","content":"W3Cのimg要素のalt属性についてのベストプラクティスについての文章翻訳.\naltの使い方の例等を紹介してる","date":"2012-10-14T07:00:00.000Z"},{"title":"JavaScriptパフォーマンスベストプラクティス - 読み書きプログラミング ブログ","url":"http://d.hatena.ne.jp/nextliteracy/20121017/1350438943","content":"Nokia Developer Wikiからの翻訳\nEfficient JavaScriptとかいろんなところから引っ張ってきた感じ","date":"2012-10-14T15:00:00.000Z"},{"title":"State of YUI Compressor - YUI Blog","url":"http://www.yuiblog.com/blog/2012/10/16/state-of-yui-compressor/","content":"YUI CompressorからUglifyJS、CSSMinベースのツールへ移行\nhttps://github.com/yui/yuglify\nYUI CompressorはGithubで公開","date":"2012-10-14T23:00:00.000Z"},{"title":"Categorizing values in JavaScript | Adobe Developer Connection","url":"http://www.adobe.com/devnet/html5/articles/categorizing-values-in-javascript.html","content":"JavaScriptの型とかについて","date":"2012-10-15T07:00:00.000Z"},{"title":"fent/randexp.js","url":"https://github.com/fent/randexp.js","content":"正規表現にマッチするランダムな文字列を生成するライブラリ","date":"2012-10-15T15:00:00.000Z"},{"title":"RequireJS 2.1.1 Released ~ James Burke","url":"http://jrburke.com/2012/10/14/requirejs-2.1.1-released/","content":"RequireJS 2.1.1リリース","date":"2012-10-15T23:00:00.000Z"},{"title":"WebPlatform.org — Your Web, documented","url":"http://www.webplatform.org/","content":"正確で明確なリファレンス、ドキュメント、チュートリアル、実装状況についての情報を載せていく目的のサイト","date":"2012-10-16T07:00:00.000Z"},{"title":"Performance Tips for JavaScript in V8 - HTML5 Rocks","url":"http://www.html5rocks.com/en/tutorials/speed/v8/","content":"V8でのコンパイラレベルでの最適化を意識したコードについて。\nhidden class、配列の確保、関数に渡す引数の型の遠いつ、d8を使ったtrace","date":"2012-10-16T15:00:00.000Z"},{"title":"AngularJS - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920028055.do","content":"2013年3月発売\nAngularJSについての書籍","date":"2012-10-16T23:00:00.000Z"},{"title":"Using data-* attributes in JavaScript and CSS ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2012/10/using-data-attributes-in-javascript-and-css/","content":"JavaScriptとCSSからそれぞれdata-*属性を扱う方法","date":"2012-10-17T07:00:00.000Z"},{"title":"neue cc - linq.jsのTypeScript対応とTypeScript雑感","url":"http://neue.cc/2012/10/12_382.html","content":"TypeScriptとlinq.jsについて","date":"2012-10-17T15:00:00.000Z"},{"title":"Optimizing JavaScript variable access | Luke Wagner's Blog","url":"https://blog.mozilla.org/luke/2012/10/02/optimizing-javascript-variable-access/","content":"JavaScriptのスコープと変数へのアクセスを最適化する事についての話。","date":"2012-10-17T23:00:00.000Z"},{"title":"Designing Better JavaScript APIs | Smashing Coding","url":"http://coding.smashingmagazine.com/2012/10/09/designing-javascript-apis-usability/","content":"jQueryのInterfaceを参考に、JavaScriptのAPIデザインを良くするにはどうするかという記事。\n引数の扱いやエラーハンドリング、非同期、デバッグしやすいAPI、ドキュメントなどについて","date":"2012-10-18T07:00:00.000Z"},{"title":"GitHub - OS.js Cloud/Web Desktop Platform","url":"http://andersevenrud.github.com/OS.js/","content":"JavaScriptでデスクトップのようなプラットフォームを作成するライブラリ","date":"2012-10-18T15:00:00.000Z"},{"title":"The Breakpoint with Paul Irish and Addy Osmani - YouTube","url":"http://www.youtube.com/watch?v=ktwJ-EDiZoU","content":"Chrome Devloper Toolsについて、Paul Irish と Addy Osmani が紹介してる動画","date":"2012-10-18T23:00:00.000Z"},{"title":"Scripted: A JavaScript editor from VMware | SpringSource Team Blog","url":"http://blog.springsource.org/2012/10/11/scripted-a-javascript-editor-from-vmware/","content":"Eclipse Orionをベースに、Esprima 等を使ったブラウザベースエディタ","date":"2012-10-19T07:00:00.000Z"},{"title":"js STUDIO | jQuery 日本語リファレンス","url":"http://js.studio-kingdom.com/jquery","content":"jQueryリファレンスサイト\nhttp://js.studio-kingdom.com/jquery/news/1","date":"2012-10-19T15:00:00.000Z"},{"title":"Essential JavaScript: the top five testing libraries | Feature | .net magazine","url":"http://www.netmagazine.com/features/essential-javascript-top-five-testing-libraries","content":"5つのJavaScriptのテストフレームワークについての概略まとめ","date":"2012-10-19T23:00:00.000Z"},{"title":"Physics for JavaScript","url":"http://jonobr1.github.com/Physics/","content":"2D物理エンジン+ParticleSystem","date":"2012-10-20T07:00:00.000Z"},{"title":"alexscheelmeyer/node-phantom","url":"https://github.com/alexscheelmeyer/node-phantom","content":"Node.jsとPhantomJSのブリッジするライブラリ。","date":"2012-10-20T15:00:00.000Z"},{"title":"Yeti 0.2.12 released","url":"http://yeti.cx/blog/2012/10/yeti-0-2-12-released/","content":"Yeti 0.2.12リリース.\nJenkins(JUnit XML)サポート。\nnode-phantomを利用するように変更","date":"2012-10-20T23:00:00.000Z"},{"title":"Node v0.8.12 (Stable)","url":"http://blog.nodejs.org/2012/10/12/node-v0.8.12/","content":"Node,js 0.8.12リリース","date":"2012-10-21T07:00:00.000Z"},{"title":"Amazon: ノンプログラマのための JavaScriptはじめの一歩 (WEB+DB PRESS plus) [単行本（ソフトカバー）]: 外村 和仁","url":"http://www.amazon.co.jp/o/ASIN/4774153761/book042-22/ref=nosim","content":"2012年11月7日発売\nJavaScript初心者向けの書籍","date":"2012-10-21T15:00:00.000Z"},{"title":"parseq.js","url":"http://parseqjs.com/","content":"逐次実行、並行実行を対象の関数を引数に渡すだけで行う感じのライブラリ","date":"2012-10-21T23:00:00.000Z"},{"title":"JavaScript libraries that make Pinterest-like grid layout possible. - javascripted.me","url":"http://javascripted.me/javascript-libraries-that-make-pinterest-like-grid-layout-possible.html","content":"タイル的に敷き詰める感じのライブラリまとめ","date":"2012-10-22T07:00:00.000Z"},{"title":"Amazon: The Web Game Developer's Cookbook: Using JavaScript and HTML5 to Develop Games [Paperback]: Evan Burchard","url":"http://www.amazon.com/o/ASIN/0321898389/book042-22/ref=nosim","content":"2013年4月7日発売","date":"2012-10-22T15:00:00.000Z"},{"title":"Modular Design Patterns in JavaScript","url":"http://jspro.com/raw-javascript/modular-design-patterns-in-javascript/","content":"モジュールパターンについて","date":"2012-10-22T23:00:00.000Z"},{"title":"JavaScript Array Methods Reference | Impressive Webs","url":"http://www.impressivewebs.com/javascript-array-methods-reference/","content":"JavaScriptのArrayについての解説。\nリテラルとコンストラクタの違い、length、判定、基本的なメソッドについて","date":"2012-10-23T07:00:00.000Z"},{"title":"WebPerfDays: Performance Tools | High Performance Web Sites","url":"http://www.stevesouders.com/blog/2012/10/09/webperfdays-performance-tools/","content":"パフォーマンス測定等に関するツールまとめ。逆に足りてないツールも","date":"2012-10-23T15:00:00.000Z"},{"title":"Firefox 16.0 リリースノート","url":"http://www.mozilla.jp/firefox/16.0/releasenotes/","content":"Firefox 16.0リリース\nhttp://www.mozilla.jp/firefox/16.0/releasenotes/","date":"2012-10-23T23:00:00.000Z"},{"title":"Amazon: 実践プログラミングWebGL HTML & JavaScriptによる3Dグラフィック開発 [大型本]: Andreas Anyuru, 吉川 邦夫","url":"http://www.amazon.co.jp/o/ASIN/4798129534/book042-22/ref=nosim","content":"2012年10月31日発売\nProfessional WebGL Programmingの翻訳本","date":"2012-10-24T07:00:00.000Z"},{"title":"svgフォント編集スクリプト","url":"http://www.h2.dion.ne.jp/~defghi/makefonts/editfonts.htm","content":"SVG画像をSVGフォント化するツール","date":"2012-10-24T15:00:00.000Z"},{"title":"jQuery UI 1.9.0 | jQuery UI Blog","url":"http://blog.jqueryui.com/2012/10/jquery-ui-1-9-0/","content":"jQuery UI 1.9.0リリース.\nAPIドキュメントサイトも新しくなった","date":"2012-10-24T23:00:00.000Z"},{"title":"Wait, DevTools could do THAT?","url":"http://www.igvita.com/slides/2012/devtools-tips-and-tricks/","content":"WebInspectorについてのスライド。\nネットワークタイムライン、HAR形式、WebSocket Frames、DOMのレンダリング、ヒープスナップショットでのメモリリーク調査、CSSプロファイラ、audit pluginやカスタマイズ、リモートデバッグ、--enable-benchmarkingでのより深い調査","date":"2012-10-25T07:00:00.000Z"},{"title":"Data contributions via GitHub","url":"http://caniuse.com/feed/136","content":"When Can I Use... の管理をGithubで行う事になったので、Github上でPull Requestとかを遅れるようになった","date":"2012-10-25T15:00:00.000Z"},{"title":"JavaScript closure vs. object look-up performance","url":"http://marijnhaverbeke.nl/blog/closure-vs-object-performance.html","content":"クロージャーとオブジェクトのlookupについて","date":"2012-10-25T23:00:00.000Z"},{"title":"Welcome to TypeScript","url":"http://www.typescriptlang.org/","content":"MicroSoftによるJavaScriptのスーパーセットな言語.","date":"2012-10-26T07:00:00.000Z"},{"title":"主要なモバイルUIフレームワークを比較してみました » RIAxDNP","url":"http://www.riaxdnp.jp/?p=3465","content":"モバイルサイト向けのUIフレームワークの特徴/機能比較まとめ","date":"2012-10-26T15:00:00.000Z"},{"title":"What's New In A Spec","url":"http://espadrine.github.com/New-In-A-Spec/","content":"ES5やES6、DOM4やXHR2などにおいて、新しいトピックを簡単にまとめたもの","date":"2012-10-26T23:00:00.000Z"},{"title":"JavaScriptをClosure CompilerのADVANCEDモードに完全対応させるその方法！ | Cybozu Inside Out | サイボウズエンジニアのブログ","url":"http://developer.cybozu.co.jp/tech/?p=502","content":"Closure CompilerのADVANCEDコンパイルの恩賜と対応剃る方法について","date":"2012-10-27T07:00:00.000Z"},{"title":"NetBeans 73 NewAndNoteworthy - NetBeans Wiki","url":"http://wiki.netbeans.org/NetBeans_73_NewAndNoteworthy","content":"NetBeans 7.3リリース\nJavaScriptデバッガー、Embedded Webkit ブラウザ、Chrome連携、JsTestDriverと連携したTest Runner等","date":"2012-10-27T15:00:00.000Z"},{"title":"Amazon: かんたんJavaScript (プログラミングの教科書) [単行本（ソフトカバー）]: 株式会社アンク","url":"http://www.amazon.co.jp/o/ASIN/4774153656/book042-22/ref=nosim","content":"2012年11月20日発売\n絵本シリーズとかのアンク社JavaScript本","date":"2012-10-27T23:00:00.000Z"},{"title":"Doctest.js: the humane Javascript test framework","url":"http://doctestjs.org/","content":"JavaScriptでDocTest(コメントとしてテストケースを書く)を行うテスティングフレームワーク","date":"2012-10-28T07:00:00.000Z"},{"title":"termi/ES5-DOM-SHIM","url":"https://github.com/termi/ES5-DOM-SHIM","content":"IE6+向けにES5,6、DOM4のメソッド等のshimを提供するライブラリ","date":"2012-10-28T15:00:00.000Z"},{"title":"Amazon: サーバサイドJavaScript Node.js入門 [大型本]: 清水俊博, 大津繁樹, 鍵和田裕介, 小林秀和, 佐々木庸平, 篠崎祐輔, 高木敦也, 西山雄也","url":"http://www.amazon.co.jp/o/ASIN/4048703676/book042-22/ref=nosim","content":"2012年10月26日発売\nNode.js本\nhttp://meso.hatenablog.com/entry/20101201/1291180243","date":"2012-10-28T23:00:00.000Z"},{"title":"NetBeans7.3(Beta)に組込みブラウザがついて想像以上にすばらしい - きしだのはてな","url":"http://d.hatena.ne.jp/nowokay/20121003#1349225070","content":"NetBeansにWebkitの内蔵ブラウザが入った","date":"2012-10-29T07:00:00.000Z"},{"title":"RequireJS 2.1 Released ~ James Burke","url":"http://jrburke.com/2012/10/03/requirejs-2.1-released/","content":"RequireJS 2.1.0リリース。 configのshimでs/exports/init/に変更","date":"2012-10-29T15:00:00.000Z"},{"title":"Web Performance Best Practices","url":"http://t32k.github.com/speed/","content":"GoogleのWeb Performance Best Practicesの翻訳\nPage Speedとウェブサイトのパフォーマンスについての文章","date":"2012-10-29T23:00:00.000Z"},{"title":"Acorn: yet another JavaScript parser","url":"http://marijnhaverbeke.nl/blog/acorn.html","content":"JavaScriptで書かれた JavaScript parser.\n小さくて早いものを目指してる。Esprimaとの比較","date":"2012-10-30T07:00:00.000Z"},{"title":"Announcing jQuery Mobile 1.2.0 Final | jQuery Mobile","url":"http://jquerymobile.com/blog/2012/10/02/announcing-jquery-mobile-1-2-0-final/","content":"jQuery Mobile 1.2.0リリース.\npopup UIの追加、vmouse eventsのstandalone化、jQuery1.8.xのサポート、location.hrefを利用したXSSのsecurity fix等","date":"2012-10-30T15:00:00.000Z"},{"title":"Amazon: すべての人に知っておいてほしい jQuery & jQuery Mobileの基本原則 [単行本]: 古籏一浩, いちがみトモロヲ, KLEE, Atelier*Spoon, 錦織幸知, 山本圭助, 前田瑞紀, 津留敏哉","url":"http://www.amazon.co.jp/o/ASIN/4844362984/book042-22/ref=nosim","content":"2012/10/25発売\n共著系","date":"2012-10-30T23:00:00.000Z"},{"title":"Changelog · bestiejs/lodash Wiki","url":"https://github.com/bestiejs/lodash/wiki/Changelog","content":"lodash v0.8.0リリース","date":"2012-10-31T07:00:00.000Z"},{"title":"dfilatov/jspath","url":"https://github.com/dfilatov/jspath","content":"JSONから検索できるクエリのDSL.\nクエリとなるパスを書いてJSONから値を取り出す","date":"2012-10-31T15:00:00.000Z"},{"title":"compass ベンダープリフィックス — Gist","url":"https://gist.github.com/4146804","content":"compassのprefixを付けるmixinの仕組み解説","date":"2012-10-31T22:40:00.000Z"},{"title":"大規模JSでのBackbone.js/CoffeeScript について考えてみた - mizchi log","url":"http://d.hatena.ne.jp/mizchi/20121127/1354023345","content":"Backboneを使ったモデルの分離\nViewModelとイベント","date":"2012-11-01T06:20:00.000Z"},{"title":"Backbone.js FAQ 日本語訳 - ","url":"http://havelog.ayumusato.com/develop/javascript/e532-backbone_faq_translate.html","content":"Bonebone.jsサイトのFAQの翻訳","date":"2012-11-01T14:00:00.000Z"},{"title":"HTML5 Hacks - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920026273.do","content":"HTML5、Web API、Canvas、SVG、CSS3などについてのクックブック的な書籍","date":"2012-11-01T21:40:00.000Z"},{"title":"The Pragmatic Bookshelf | Async JavaScript","url":"http://pragprog.com/book/tbajs/async-javascript","content":"非同期JavaScriptについての書籍。\nイベントドリブン、Promises や Deferreds、Async.js、非同期ロードやtameJS等の変換系について","date":"2012-11-02T05:20:00.000Z"},{"title":"0-9, CSSファイルをJSから非同期読込する方法","url":"http://0-9.tumblr.com/post/36733562874/css-asynch-loading","content":"CSS(link element)を直接appendすると読み込みのブロックが起きるので、iframe内で読み込ませて、それを改めて追加することでブロックしないで読み込む","date":"2012-11-02T13:00:00.000Z"},{"title":"faisalman/ua-parser-js","url":"https://github.com/faisalman/ua-parser-js","content":"UAパースライブラリ","date":"2012-11-02T20:40:00.000Z"},{"title":"wise9 › enchant.js v0.6.0 リリース! アップデートの内容紹介","url":"http://wise9.jp/archives/8077","content":"enchant.js v0.6.0リリース。\nCanvas ベースの描画が標準となった。\nWebAudioのサポート、 tl.enchant.jsの統合","date":"2012-11-03T04:20:00.000Z"},{"title":"Node v0.8.15 (Stable)","url":"http://blog.nodejs.org/2012/11/26/node-v0-8-15/","content":"node.js 0.8.15 リリース","date":"2012-11-03T12:00:00.000Z"},{"title":"Graphical Timeline :: Add-ons for Firefox","url":"https://addons.mozilla.org/ja/firefox/addon/graphical-timeline/","content":"Firefoxのネットワークイベント、ページで発生するDOMイベント、GC等をタイムライン的に表示するアドオン","date":"2012-11-03T19:40:00.000Z"},{"title":"JSLint Error Explanations - Making Your Feelings Better","url":"http://jslinterrors.com/","content":"JSLintとJSHintのエラー文の解説を行ってるサイト. どのような状態で発生するか、なぜそれをエラーとするのかを解説","date":"2012-11-04T03:20:00.000Z"},{"title":"JSLint Error Explanations - Making Your Feelings Better","url":"http://jslinterrors.com/","content":"JSLintとJSHintのエラー文の解説を行ってるサイト.\nどこのような状態で発生するか、またなぜそのエラーとするのかを解説","date":"2012-11-04T11:00:00.000Z"},{"title":"UserAgent判定器 Project Woothee: v0.3.0 Javascript実装追加 - tagomorisのメモ置き場","url":"http://d.hatena.ne.jp/tagomoris/20121126/1353916345","content":"言語をまたいで共通の判定ロジック・結果を使うための UserAgent 判定ライブラリのJavaScript版","date":"2012-11-04T18:40:00.000Z"},{"title":"ECMAScript tools - composable modules and transpiler infrastructure","url":"http://constellation.github.com/slides/contents/20121118/modules.html#1","content":"Esprima ,Escodegen ,Esmangle についてのスライド\nhttp://nodefest.jp/2012/session.html","date":"2012-11-05T02:20:00.000Z"},{"title":"q","url":"http://documentup.com/kriskowal/q/","content":"promiseライブラリ","date":"2012-11-05T10:00:00.000Z"},{"title":"静的型付けをもつJavaScriptへのトランスコンパイル言語を味見してみた その２ ｜ クラスメソッド開発ブログ","url":"http://dev.classmethod.jp/server-side/language/haxe-jsx-typescript2/","content":"Haxe、JSX、TypeScriptの比較","date":"2012-11-05T17:40:00.000Z"},{"title":"Webkit に最適化されたサイトを IE10 に適応させるためのガイド | WWW WATCH","url":"http://hyper-text.org/archives/2012/11/adapting_webkit_site_ie10.shtml","content":"Adapting your WebKit-optimized site for Internet Explorer 10 の翻訳記事.\nvendor-prefixとタッチ/ポインタイベントについて","date":"2012-11-06T01:20:00.000Z"},{"title":"Content Security Policy 1.0 is officially awesome. - HTML5Rocks Updates","url":"http://updates.html5rocks.com/2012/11/Content-Security-Policy-1-0-is-officially-awesome","content":"CSP 1.0が勧告候補(Candidate Recommendation)になった","date":"2012-11-06T09:00:00.000Z"},{"title":"Native CSS feature detection via the @supports rule - Dev.Opera","url":"http://dev.opera.com/articles/view/native-css-feature-detection-via-the-supports-rule/","content":"@supportsによるCSSの機能検出方法について. @supportsの使い方","date":"2012-11-06T16:40:00.000Z"},{"title":"Firefox supports @⁠supports, gets my support - Broken Links","url":"http://www.broken-links.com/2012/08/06/firefox-supports-supports-gets-my-support/","content":"@supportsの使い方について","date":"2012-11-07T00:20:00.000Z"},{"title":"Opera Developer News - Why use @supports instead of Modernizr?","url":"http://my.opera.com/ODIN/blog/why-use-supports-instead-of-modernizr","content":"@supportsとModernizrの関係について.\n@supportsがサポートされてない場合にModernizrを読み込む方法について","date":"2012-11-07T08:00:00.000Z"},{"title":"勉強会資料シェア Getting Started with RequireJS ::ハブろぐ","url":"http://havelog.ayumusato.com/develop/javascript/e525-into_requirejs.html","content":"RequireJSの基本的な内容から、r.js/gruntでのビルドについてのスライドと解説","date":"2012-11-07T15:40:00.000Z"},{"title":"Naming this in nested functions — Gist","url":"https://gist.github.com/4135065","content":"var that = this;としないでコンテキストにあった名前をつけるべきという話。\nまたbindを使った方法について by cjohansen","date":"2012-11-07T23:20:00.000Z"},{"title":"JavaScript… by Reginald Braithwaite [Leanpub PDF/iPad/Kindle]","url":"https://leanpub.com/javascript-allonge","content":"JavaScriptについての電子書籍.\n関数、CSPなどにfocusした書籍","date":"2012-11-08T07:00:00.000Z"},{"title":"CoffeeScript… by Reginald Braithwaite [Leanpub PDF/iPad/Kindle]","url":"https://leanpub.com/coffeescript-ristretto","content":"CoffeeScriptについての電子書籍","date":"2012-11-08T14:40:00.000Z"},{"title":"Migrii/blanket","url":"https://github.com/Migrii/blanket","content":"簡単に使うことができるのを目的としたコードカバレッジライブラリ. Esprimaやnode-falafelを利用。QunitやMochaに対応して簡単に統合できるような仕組みを持ってる","date":"2012-11-08T22:20:00.000Z"},{"title":"jQuery UI 1.9.2 | jQuery UI Blog","url":"http://blog.jqueryui.com/2012/11/jquery-ui-1-9-2/","content":"jQuery UI 1.9.2リリース","date":"2012-11-09T06:00:00.000Z"},{"title":"RequireJS 2.1.2 Released ~ James Burke","url":"http://jrburke.com/2012/11/21/requirejs-2.1.2-released/","content":"RequireJS 2.1.2リリース。\nr.jsがブラウザ上で動作するようになった。\nuglify2等を使って最適化するときにSourceMapを吐き出すオプション、optimizerのspeed optionの追加等","date":"2012-11-09T13:40:00.000Z"},{"title":"Benvie/continuum","url":"https://github.com/Benvie/continuum","content":"JavaScriptで書かれたJavaScript virtual machine.\nES3レベルで書かれていて、ES6の実行環境を作ってる。","date":"2012-11-09T21:20:00.000Z"},{"title":"A Few New Things Coming To JavaScript","url":"http://addyosmani.com/blog/a-few-new-things-coming-to-javascript/","content":"ES.nextで来る/既にChromeやFirefoxに実装されていたりする新しいECMAScriptについて。\nmodule, import,class, Object.observe, block scope,Map, Set/WeakMap, Proxyなどについて","date":"2012-11-10T05:00:00.000Z"},{"title":"Yeti 0.2.14 released","url":"http://yeti.cx/blog/2012/11/yeti-0-2-14-released/","content":"Yeti 0.2.14 リリース。\nMocha, Jasmine, QUnit, YUI Testのサポート/改善.\n複数ブラウザのテスト実行時のパフォーマンスを改善","date":"2012-11-10T12:40:00.000Z"},{"title":"Polluting and Unused JavaScript Variables don't code today what you can't debug tomorrow","url":"http://ariya.ofilabs.com/2012/11/polluting-and-unused-javascript-variables.html","content":"グローバルに変数が漏れてないかをチェック/未使用の変数があるかをチェックするツールについて","date":"2012-11-10T20:20:00.000Z"},{"title":"Firefox 17.0 リリースノート","url":"http://www.mozilla.jp/firefox/17.0/releasenotes/","content":"Firefox 17.0リリース\nhttps://dev.mozilla.jp/2012/10/firefox-17-site-compatibility/","date":"2012-11-11T04:00:00.000Z"},{"title":"Amazon: Pro Node.js (Professional Apress) [Paperback]: Andreas Bergström","url":"http://www.amazon.com/o/ASIN/1430243899/book042-22/ref=nosim","content":"2013-07-15発売\nNode.js本","date":"2012-11-11T11:40:00.000Z"},{"title":"Referencing JavaScript ~ James Burke","url":"http://jrburke.com/2012/11/02/referencing-javascript/","content":"AMDモジュールとリファクタリング","date":"2012-11-11T19:20:00.000Z"},{"title":"dameleon/tt.js","url":"https://github.com/dameleon/tt.js","content":"DOM操作周りのjQueryライクなAPIを提供するライブラリ。\nスマートフォン向けにサポートを絞ってる","date":"2012-11-12T03:00:00.000Z"},{"title":"Firebug Tip: Styled Logging | Software is hard","url":"http://www.softwareishard.com/blog/firebug/firebug-tip-styled-logging/","content":"Firebugのコンソールに出力するログにCSSを適応したり、logImageで画像を表示する","date":"2012-11-12T10:40:00.000Z"},{"title":"Principles of… by Nicholas C. Zakas [PDF/iPad/Kindle]","url":"https://leanpub.com/oopinjavascript","content":"Nicholas C. Zakas によるJavaScriptでのオブジェクト指向についての書籍","date":"2012-11-12T18:20:00.000Z"},{"title":"Automatic timezone detection using JavaScript","url":"http://www.pageloom.com/automatic-timezone-detection-with-javascript","content":"タイムゾーン情報を取得できるライブラリ。","date":"2012-11-13T02:00:00.000Z"},{"title":"alphagov/magna-charta","url":"https://github.com/alphagov/magna-charta","content":"棒グラフを生成するjQueryプラグイン","date":"2012-11-13T09:40:00.000Z"},{"title":"When Not to Use YUI // Speaker Deck","url":"https://speakerdeck.com/yaypie/when-not-to-use-yui","content":"ライブラリとフレームワークの使い分けについて\nYUIと他との速度比較","date":"2012-11-13T17:20:00.000Z"},{"title":"Morris.js","url":"http://www.oesmith.co.uk/morris.js/","content":"jQuerytとRaphaelを使ったグラフライブラリ","date":"2012-11-14T01:00:00.000Z"},{"title":"Compiling to JavaScript: What, Why, and How? - Build New Games","url":"http://buildnewgames.com/compiling-to-javascript","content":"JavaScriptに変換する言語の分類.\n変換言語のポイントについて","date":"2012-11-14T08:40:00.000Z"},{"title":"Sitespeed.io - Analyze your website speed and performance","url":"http://sitespeed.io/","content":"PhantomJSを使ったウェブサイトのパフォーマンス解析. YSlow的なルールを持ってる","date":"2012-11-14T16:20:00.000Z"},{"title":"PostScribe, asynchronously write javascript - a Krux Open Source project","url":"http://krux.github.com/postscribe/","content":"document.writeの代わりに非同期で要素を追加するライブラリ.","date":"2012-11-15T00:00:00.000Z"},{"title":"Amazon: Windowsストアアプリ開発入門 HTMLとJavaScr [単行本]: 羽田野 太巳","url":"http://www.amazon.co.jp/o/ASIN/4798035726/book042-22/ref=nosim","content":"2012年11月21日発売","date":"2012-11-15T07:40:00.000Z"},{"title":"Announcing TypeScript 0.8.1 - TypeScript - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/typescript/archive/2012/11/15/announcing-typescript-0-8-1.aspx","content":"TypeScript 0.8.1リリース\nsource mapでのデバッグサポート","date":"2012-11-15T15:20:00.000Z"},{"title":"6 LINQ For Javascript Libraries | ZoomZum","url":"http://zoomzum.com/6-linq-for-javascript-libraries/","content":"LINQ系のライブラリまとめ","date":"2012-11-15T23:00:00.000Z"},{"title":"JavaScript APIs you’ve never heard of (and some you have)","url":"http://www.slideshare.net/nzakas/javascript-apis-youve-never-heard-of-and-some-you-have","content":"最近使えるような感じのDOM API(Element Traversal API等)、XHR 2、matchesSelector等の紹介","date":"2012-11-16T06:40:00.000Z"},{"title":"qooxdoo 2.1 released | qooxdoo News","url":"http://news.qooxdoo.org/qooxdoo-2-1-released","content":"RIAフレームワーク qooxdoo 2.1リリース","date":"2012-11-16T14:20:00.000Z"},{"title":"IE10: Fast, Fluid, Perfect for Touch, and Available Now for Windows 7 - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2012/11/13/ie10-fast-fluid-perfect-for-touch-and-available-now-for-windows-7.aspx","content":"IE10 プレビューリリース\nWindows7でも利用できるように","date":"2012-11-16T22:00:00.000Z"},{"title":"See you on the web! - WebRTC","url":"https://sites.google.com/site/webrtc/blog/seeyouontheweb","content":"Chrome 23でWebRTCが正式サポート","date":"2012-11-17T05:40:00.000Z"},{"title":"Opera Developer News - Opera 12.10 is out","url":"http://my.opera.com/ODIN/blog/opera-12-10-is-out","content":"Opera 12.10リリース。\nSPDYのサポート、 Page Visibility API、CSS Flexbox","date":"2012-11-17T13:20:00.000Z"},{"title":"ゲームミュージックと生存確認をかねた画期的な: svgの基本的な使い方をpdf化しました","url":"http://defghi1977-onblog.blogspot.com/2012/11/svgpdf.html","content":"\"svgの基本的な使い方まとめ\" のPDF版を販売開始","date":"2012-11-17T21:00:00.000Z"},{"title":"Sencha Touchの本を書きました - きしだのはてな","url":"http://d.hatena.ne.jp/nowokay/20121114#1352853617","content":"2012年12月15日発売\nSencha Touch本","date":"2012-11-18T04:40:00.000Z"},{"title":"jQuery Blog » jQuery 1.8.3 Released","url":"http://blog.jquery.com/2012/11/13/jquery-1-8-3-released/","content":"jQuery 1.8.3リリース\nbugfixリリース。Android 2.3.4でtransitionsがクラッシュしてたのも含まれてる\nhttp://blog.webcreativepark.net/2012/11/07-112617.html","date":"2012-11-18T12:20:00.000Z"},{"title":"Amazon: プロになるためのJavaScript入門 ~node.js、Backbone.js、HTML5、jQuery-Mobile (Software Design plus) [大型本]: 河村 嘉之, 川尻 剛","url":"http://www.amazon.co.jp/o/ASIN/4774154385/book042-22/ref=nosim","content":"2012年12月7日発売\n\"Java開発者のためのAjax実践開発入門\"の改定本、Backbone,jQuery Mobile等","date":"2012-11-18T20:00:00.000Z"},{"title":"The WebGL Podcast |","url":"http://thewebglpodcast.com/","content":"WebGLポッドキャスト","date":"2012-11-19T03:40:00.000Z"},{"title":"Seleniumを使ったWeb UI自動テストシステムの構築でやったことまとめ - うなの日記","url":"http://d.hatena.ne.jp/unageanu/20111031/1320016739","content":"Seleniumを使ったUI自動テストのセオリー、気をつけること","date":"2012-11-19T11:20:00.000Z"},{"title":"SiestaでMVCアプリのテストを書く | Sunvisor Lab. Ext JS 別館","url":"http://extjs.sunvisor.net/607","content":"Siestaでのテスト","date":"2012-11-19T19:00:00.000Z"},{"title":"JavaScript Style Badge","url":"http://jsstyle.github.com/","content":"質問に答えて自分のJavaScriptのスタイルのバッチ的なものを作ってくれるウェブサービス","date":"2012-11-20T02:40:00.000Z"},{"title":"melanke/Watch.JS · GitHub","url":"https://github.com/melanke/Watch.JS","content":"definePropertyなどでObjectを拡張して、プロパティの変更をwatchをするライブラリ.","date":"2012-11-20T10:20:00.000Z"},{"title":"Lactate","url":"http://weltschmerz.github.com/Lactate/","content":"Node製の静的ファイルサーバモジュール","date":"2012-11-20T18:00:00.000Z"},{"title":"homoiconic/2012/11/canonicalization.js.md at master · raganwald/homoiconic","url":"https://github.com/raganwald/homoiconic/blob/master/2012/11/canonicalization.js.md","content":"\" Canonicalization in JavaScript\"\ninstance === instance;// true にするには","date":"2012-11-21T01:40:00.000Z"},{"title":"Getfirebug Blog » Blog Archive » Firebug 1.11 beta 1","url":"https://blog.getfirebug.com/2012/11/09/firebug-1-11-beta-1/","content":"Firebug 1.11β1リリース。\nwindow.postMessage()のmassage eventを監視してログを出せるようになった","date":"2012-11-21T09:20:00.000Z"},{"title":"Kirill Safonov: Let your tool help you imagine -- JSConf EU 2012 - YouTube","url":"http://www.youtube.com/watch?v=CIY6qNk1zy0","content":"WebStormについての発表.\nWebStormのLiveEdit機能等のデモが中心","date":"2012-11-21T17:00:00.000Z"},{"title":"Gozala/interactivate","url":"https://github.com/Gozala/interactivate","content":"ブラウザベースのコード編集+repl.\n雰囲気はFirefoxのスクラッチパッドに似てる","date":"2012-11-22T00:40:00.000Z"},{"title":"Chutzpah - Chutzpah 2.2 with TypeScript support - Matthew Manela - Farblondzshet in Code","url":"http://matthewmanela.com/blog/chutzpah-2-2-with-typescript-support/","content":"Visual StudioのJavaScript test runnerアドイン Chutzpah 2.2リリース。\nTypeScriptのサポート","date":"2012-11-22T08:20:00.000Z"},{"title":"ADVANCEDモードでコンパイルしたJavaScriptをデバッグするテクニック | Cybozu Inside Out | サイボウズエンジニアのブログ","url":"http://developer.cybozu.co.jp/tech/?p=701","content":"Closure CompilerのADVANCEDモードでコンパイルしたJavaScriptのデバッグ方法。\nデバッグオプションやブレークポイントを使ったデバッグ","date":"2012-11-22T16:00:00.000Z"},{"title":"Writing Fast, Memory-Efficient JavaScript | Smashing Coding","url":"http://coding.smashingmagazine.com/2012/11/05/writing-fast-memory-efficient-javascript/","content":"JavaScriptのパフォーマンスとメモリ効率について。\nDOMやdelete、関数やクロージャー、モジュール配列等色々な場合についてまとめられてる。","date":"2012-11-22T23:40:00.000Z"},{"title":"airbnb/javascript","url":"https://github.com/airbnb/javascript","content":"JavaScriptの合理的なアプローチのまとめ。\n項目ごとに細かくわけてコーディングルール的な感じで解説","date":"2012-11-23T07:20:00.000Z"},{"title":"Sencha Touch 2 vs jQuery Mobile","url":"http://www.slideshare.net/dsuket/sencha-touch-2-vs-jquery-mobile","content":"Sencha Touch 2とjQuery Mobileの比較のスライド","date":"2012-11-23T15:00:00.000Z"},{"title":"JsDoc3-manual-jp","url":"https://sites.google.com/site/jsdoc3manualjp/home","content":"JsDoc3のリファレンスサイト\n書き方、タグ解説、逆引き","date":"2012-11-23T22:40:00.000Z"},{"title":"Sencha Touch 2.1 のリリースと新しいチャートとツール | 株式会社ゼノフィ","url":"http://www.xenophy.com/javascript/4225","content":"“Sencha Touch 2.1 is Here with New Charting & Tools”の翻訳","date":"2012-11-24T06:20:00.000Z"},{"title":"最近の CSS 実装でベンダー接頭辞の外れたもの (2012年11月) | Unformed Building","url":"http://unformedbuilding.com/articles/css-unprefixed-2012-11/","content":"Firefox 16, Opera 12.10, Internet Explorer 10でCSSのベンダーprefixが外れたものについてのまとめ","date":"2012-11-24T14:00:00.000Z"},{"title":"Sencha Touch 2.1 is Here with New Charting & Tools | Blog | Sencha","url":"http://www.sencha.com/blog/introducing-sencha-touch-2-1-and-more","content":"Sencha Touch 2.1 リリース\nグラフ、devicePixelRatioを使ったretina対応、Sencha Cmdに Code Generation等のアップデート","date":"2012-11-24T21:40:00.000Z"},{"title":"JSX / Haxe / TypeScript","url":"http://www.slideshare.net/bleistift/jsx-haxe-typescript","content":"JSX、Haxe、TypeScriptの言語比較\n主に型について","date":"2012-11-25T05:20:00.000Z"},{"title":"Object properties in JavaScript","url":"http://www.2ality.com/2012/10/javascript-properties.html","content":"JavaScriptのプロパティについて。\nプロパティとは、getter/setter、内部のプロパティ属性、Property descriptors、列挙の違い、ベストプラクティス、等一通り","date":"2012-11-25T13:00:00.000Z"},{"title":"YeomanとBrunchをさわさわした ::ハブろぐ","url":"http://havelog.ayumusato.com/develop/others/e524-yeoman_and_brunch.html","content":"YeomanとBrunchの比較","date":"2012-11-25T20:40:00.000Z"},{"title":"JavaScriptでうっかりやってしまいそうなこと色々 : アシアルブログ","url":"http://blog.asial.co.jp/1092","content":"JavaScriptでよくある間違いや型変換について。Jasmineのテスト付き","date":"2012-11-26T04:20:00.000Z"},{"title":"続: 型情報(宣言)と、実装を分離できる仕組み prof.js を実装してみました - latest log","url":"http://uupaa.hatenablog.com/entry/2012/11/02/154337","content":"既存の関数やメソッドに、引数と戻り値の型チェック,プロファイラ,トレース機能を後から書き加える事ができるライブラリ","date":"2012-11-26T12:00:00.000Z"},{"title":"JavaScriptのテストツール「testem」が素晴らしいぞ | Mach3.laBlog","url":"http://blog.mach3.jp/2012/10/js-testem-script.html","content":"testemの紹介","date":"2012-11-26T19:40:00.000Z"},{"title":"Testacularで行こう","url":"http://node.ws/translate/2012/11/03/testacular/","content":"Dailly JSのTotally Testacularの翻訳","date":"2012-11-27T03:20:00.000Z"},{"title":"useful js: call & apply — phuu","url":"http://phuu.net/2012/11/02/javascript-function-call-and-function-apply.html","content":"callとapplyについてpubsubのシンプルな実装を例に学ぶ","date":"2012-11-27T11:00:00.000Z"},{"title":"Getfirebug Blog » Blog Archive » Firebug 1.11 alpha 6","url":"https://blog.getfirebug.com/2012/11/02/firebug-1-11-alpha-6/","content":"Firebug 1.11a6リリース。\nincludeコマンドでJavaScriptファイルを現在のページにロードできるようになった","date":"2012-11-27T18:40:00.000Z"},{"title":"MooTools - Moobile 0.2 Released","url":"http://mootools.net/blog/2012/11/03/moobile-0-2-released/","content":"MooToolsによるモバイル向けのアプリケーションフレームワークライブラリ Moobile 0.2リリース","date":"2012-11-28T02:20:00.000Z"},{"title":"Amazon: The New Web: Developing for a Multi-Device Web with HTML5, CSS3, and JavaScript [Paperback]: Peter Gasston","url":"http://www.amazon.com/o/ASIN/1593274874/book042-22/ref=nosim","content":"2013年4月22日発売","date":"2012-11-28T10:00:00.000Z"},{"title":"Amazon: Jump Start JavaScript [Paperback]: Ara Pehlivanian","url":"http://www.amazon.com/o/ASIN/098733218X/book042-22/ref=nosim","content":"2013年4月22日発売","date":"2012-11-28T17:40:00.000Z"},{"title":"wise9 › enchant.js v0.5.2 リリース! & v0.6 の開発者による徹底解説","url":"http://wise9.jp/archives/8012","content":"enchant.js v0.5.2リリース。\n0.6系からは描画をCanvasで行うように鳴る","date":"2012-11-29T01:20:00.000Z"},{"title":"istanbul-js: A Javascript code coverage tool written in JS","url":"http://gotwarlost.github.com/istanbul/","content":"JavaScriptのコードカバレッジツール","date":"2012-11-29T09:00:00.000Z"},{"title":"Yeti 0.2.13 released","url":"http://yeti.cx/blog/2012/11/yeti-0-2-13-released/","content":"Yeti 0.2.13 リリース\nechoecho(Simple Server response echoer)を使ったサーバレスポンスのテストに対応、QUnitのサポートを改善","date":"2012-11-29T16:40:00.000Z"},{"title":"codylindley/frontend-tools","url":"https://github.com/codylindley/frontend-tools","content":"フロントエンド(HTML/CSS/JS)周りのツールやライブラリ、リファレンスやリソース、パフォーマンスなどについてのリンク集","date":"2012-11-30T00:20:00.000Z"},{"title":"jQueryの未来に備える | Cybozu Inside Out | サイボウズエンジニアのブログ","url":"http://developer.cybozu.co.jp/tech/?p=814","content":"jQueryでdeprecatedとなっているAPIについて。\n$.browser,.size(),$.sub(),.live() / .die(), form系の独自CSSセレクタ, $.get()のコールバックまわり","date":"2012-11-30T08:00:00.000Z"},{"title":"Deferred/Promisesと非同期処理 - 素人がプログラミングを勉強していたブログ","url":"http://javascripter.hatenablog.com/entry/2012/12/30/232842","content":"Deferred/Promisesの仕組みと概念について。メソッドチェーンでつなげる書き方、処理を非同期的に拡張することとフローコントールとの違いについて","date":"2012-11-30T15:00:00.000Z"},{"title":"Being A Frontend Developer For A WeekEnd","url":"http://williamdurand.fr/2012/12/24/being-a-frontend-developer-for-a-weekend/","content":"一つのWebアプリを作る中でどのようなツールなどを使ったかについての記事.\nBowerを使ったパッケージ管理、Gruntを使ったビルド、 grunt-targethtmlを使ってdebug/releaseでの条件分け、mochaを使ったテストとTravis-CIでのCI実行についてなど","date":"2012-11-30T22:26:00.000Z"},{"title":"あなたはいつEmber.jsを使うべきか？ #Ember.js #JavaScript - Qiita","url":"http://qiita.com/items/14644b9d10b7eec74ee4","content":"Ember.jsの向き不向きについてのまとめ","date":"2012-12-01T05:52:00.000Z"},{"title":"ブレイクポイントの編集を使ったちょっと変わったデバッグテク #JavaScript #Chrome - Qiita","url":"http://qiita.com/items/6e5648831c214ae2cf14","content":"DevToolsのBreakPoints条件を使って式を評価して、console.logや値の代入やスタックトレースの保存等をする","date":"2012-12-01T13:18:00.000Z"},{"title":"HTML5 Drag and dropを実装してみよう | Dress Cording","url":"http://dresscording.com/blog/html5/drag_drop.html","content":"HTML5のD&Dイベントの処理方法と参考サイトと実装ポイント","date":"2012-12-01T20:44:00.000Z"},{"title":"Google JavaScript Style Guilde をリビジョン 2.64 にあわせて修正しました - フリーフォーム フリークアウト","url":"http://d.hatena.ne.jp/cou929_la/20121229/1356746993","content":"Google JavaScript Style Guilde のアップデート.\nV8の最適化を考慮したプロパティの定義方法、deleteとnull代入の影響について、string joinの記述について等","date":"2012-12-02T04:10:00.000Z"},{"title":"Unit Testing JavaScript and Backbone.JS // Speaker Deck","url":"https://speakerdeck.com/dmosher/unit-testing-javascript-and-backbonejs","content":"fast test - mock,stub,spyを使ってAsyncなテストを書かない. ネイティブのDOM APIを直接テストしないで、wrapperしてテスト、 $.ajaxにspyOnしてcallされてるかのテスト、テンプレートのテストをfixturesを使ってテスト\nBackboneのevent、view function、routes、modelsのテスト方法について\njasmine-fixture、jasmine-stealth、jasmine-jquery、http://tryjasmine.com の紹介","date":"2012-12-02T11:36:00.000Z"},{"title":"enchant.js v0.6.2 をリリースしました | enchant.js - A simple JavaScript framework for creating games and apps.","url":"http://enchantjs.com/ja/2012/12/released-enchant-js-v0-6-2/","content":"enchant.js v0.6.2リリース.\nRequestAnimationFrameの導入","date":"2012-12-02T19:02:00.000Z"},{"title":"Try Jasmine in your browser, because downloading a zip file is too much work!","url":"http://tryjasmine.com/","content":"Jasmineをオンラインで試せるエディタ。\nCoffeeScriptにも対応してる","date":"2012-12-03T02:28:00.000Z"},{"title":"SIE 7の公開 - プラグインレスでSVGを表示する「SIE」開発ブログ","url":"http://d.hatena.ne.jp/dhrname/20121230/p1","content":"SIE 7リリース","date":"2012-12-03T09:54:00.000Z"},{"title":"Node v0.9.5 (Unstable)","url":"http://blog.nodejs.org/2012/12/29/node-v0-9-5-unstable/","content":"Node.js 0.9.5リリース","date":"2012-12-03T17:20:00.000Z"},{"title":"Amazon: JavaScript徹底攻略 (WEB+DB PRESS plus) [大型本]: WEB+DB PRESS編集部 編","url":"http://www.amazon.co.jp/o/ASIN/477415489X/book042-22/ref=nosim","content":"2013年1月26日発売\nWEB+DB PRESSの過去のJavaScript記事をアップデートした感じの内容","date":"2012-12-04T00:46:00.000Z"},{"title":"DailyJS: JavaScript Developer Survey 2012: Results","url":"http://dailyjs.com/2012/12/24/javascript-survey-results/","content":"DailyJSのJavaScript開発者アンケート 2012の結果発表.\nテストライブラリ、AltJS、ホスティングサイト、Lintやminifier、デバッグツールなどについて","date":"2012-12-04T08:12:00.000Z"},{"title":"Amazon: 12歳からはじめるHTML5とCSS3 [単行本（ソフトカバー）]: TENTO","url":"http://www.amazon.co.jp/o/ASIN/4899773420/book042-22/ref=nosim","content":"2013年1月9日発売\nはじめてプログラミングに触れる小中学生向けの書籍\nhttp://tento.doorblog.jp/archives/6157313.html","date":"2012-12-04T15:38:00.000Z"},{"title":"nash716/Debunk · GitHub","url":"https://github.com/nash716/Debunk","content":"Fiddler ライクを目指す HTTP Debugging Proxy.\nnode-webkitを使ってクロスプラットフォーム対応、JavaScriptによるルール構築に対応 予定","date":"2012-12-04T23:04:00.000Z"},{"title":"CasperJS hits 1.0 stable | Code | Nicolas Perriault","url":"https://nicolas.perriault.net/code/2012/casperjs-hits-1-0-stable/","content":"CasperJS 1.0 Stableリリース","date":"2012-12-05T06:30:00.000Z"},{"title":"PhantomJS 1.8 ","url":"http://ariya.ofilabs.com/2012/12/phantomjs-1-8-blue-winter-rose.html","content":"PhantomJS 1.8リリース。\nGhost Driverを取り込んでWebDriver Wire Protocolに対応","date":"2012-12-05T13:56:00.000Z"},{"title":"Open for business (Nashorn)","url":"https://blogs.oracle.com/nashorn/entry/open_for_business","content":"OpenJDKのJavaScript実装 Nashornのソースが公開された","date":"2012-12-05T21:22:00.000Z"},{"title":"Sencha Touch 2.1 のチュートリアルを書きました！ | ありえるえりあ","url":"http://dev.ariel-networks.com/wp/archives/2791","content":"Sencha Touch でメモ帳アプリを作るチュートリアル","date":"2012-12-06T04:48:00.000Z"},{"title":"thlorenz/browserify-ftw · GitHub","url":"https://github.com/thlorenz/browserify-ftw","content":"AMD to CommonJSするツール","date":"2012-12-06T12:14:00.000Z"},{"title":"unconed/console-extras.js · GitHub","url":"https://github.com/unconed/console-extras.js","content":"console APIの拡張ライブラリ.\ntimes/throttle/collate/summary","date":"2012-12-06T19:40:00.000Z"},{"title":"Performance Calendar » Moving beyond window.onload()","url":"http://calendar.perfplanet.com/2012/moving-beyond-window-onload/","content":"Webサイトの速度を計測するのに`window.onload`を指標にするのは不適切ではないかという話。\n他にどのような測定基準があるのか、パフォーマンス計測ツールはどうしてるかや今後どうして行くかの話","date":"2012-12-07T03:06:00.000Z"},{"title":"JavaScript Physics Engines Comparison - Build New Games","url":"http://buildnewgames.com/physics-engines-comparison","content":"JavaScriptの物理エンジンライブラリの比較.\nbox2dweb/Ammo.js/JigLibJS/Cannon.js","date":"2012-12-07T10:32:00.000Z"},{"title":"JavaScript Code Analysis with Esprima - Marakana","url":"http://marakana.com/s/post/1353/javacript_code_analysis_esprima_video","content":"Esprimaを使ったコード解析についてのスライド\n動画: http://marakana.com/s/post/1353/javacript_code_analysis_esprima_video by Ariya Hidayat","date":"2012-12-07T17:58:00.000Z"},{"title":"CSSの変化をアニメーションさせるtransitionについてまとめたよ。（CSS おれおれ Advent Calendar 2012 – 22日目） | Ginpen.com","url":"http://ginpen.com/2012/12/23/transition/","content":"CSSのTransitionsの使いかた.\ntransitionでアニメーションするプロパティについて","date":"2012-12-08T01:24:00.000Z"},{"title":"ビットマスクによるフラグ - piglovesyouの日記","url":"http://d.hatena.ne.jp/piglovesyou/20120621/1340237658","content":"JavaScriptでビットマスクによるフラグ管理の例\nhttp://javascripter.hatenablog.com/entry/20081002/1222962329","date":"2012-12-08T08:50:00.000Z"},{"title":"Leaner, Meaner, Faster Animations with requestAnimationFrame - HTML5 Rocks","url":"http://www.html5rocks.com/en/tutorials/speed/animations/","content":"スクロールイベントなどでrequestAnimationFrameを使ってdebounceするアプローチについて","date":"2012-12-08T16:16:00.000Z"},{"title":"angular/angularjs-batarang · GitHub","url":"https://github.com/angular/angularjs-batarang","content":"AngularJSのDeveloper Tools拡張。\nModels、パフォーマンス、依存関係、ElementsタブにAngularJSプロパティの表示、$scope等","date":"2012-12-08T23:42:00.000Z"},{"title":"Conditional loading of resources with mediaqueries | Christian Heilmann","url":"http://christianheilmann.com/2012/12/19/conditional-loading-of-resources-with-mediaqueries/","content":"mediaqueryでCSSファイルを分岐しても読み込まれてしまうので、data属性にurlを書いてlazy loadする仕組みについて。","date":"2012-12-09T07:08:00.000Z"},{"title":"Scrolling Performance - HTML5 Rocks","url":"http://www.html5rocks.com/en/tutorials/speed/scrolling/","content":"スクロールのパフォーマンスについて.\nDeveloper Toolsを使ってスクロール時にタイムラインのPaint/Image Resizeの処理の見方、offsetTopプロパティ等Reflows/repaintsを起こすものの影響やscrollイベント時のdebounceについて","date":"2012-12-09T14:34:00.000Z"},{"title":"Node v0.9.4 (Unstable)","url":"http://blog.nodejs.org/2012/12/21/node-v0-9-4-unstable/","content":"Node.js 0.9.4リリース","date":"2012-12-09T22:00:00.000Z"},{"title":"Chrome DevTools.next","url":"http://www.slideshare.net/yoshikawa_t/chrome-devtoolsnext","content":"ChromeのDevloper Toolsの解説スライド. それぞれのパネル解説、Breakpoints、タイムラインパネルの見方/Events/FramesとFPS、MemoryとGC、プロファイルとヒープスナップショットの比較によるメモリリーク調査、拡張について","date":"2012-12-10T05:26:00.000Z"},{"title":"日記 | mixiページ","url":"http://page.mixi.jp/run_page_apps.pl?appParams=%7B%22q%22%3A%22view_diary%22%2C%22diary_id%22%3A%22626856%22%7D&module_id=1624755&page_id=287564","content":"\"bfcache について覚えて帰ってもらいます。\"\nBack-Forwad Cacheの動作、無効にしてキャッシュを回避する方法についての検証.\nCache-Control: no-store/no-cache とサンプルコード、FirebugでのBFCacheの確認方法","date":"2012-12-10T12:52:00.000Z"},{"title":"Addy Osmani - Google+ - Recommended JavaScript books I regularly receive emails…","url":"https://plus.google.com/115133653231679625609/posts/H3onog42Msj","content":"Addy Osmani氏がオススメするJavaScriptを学ぶ書籍のまとめ","date":"2012-12-10T20:18:00.000Z"},{"title":"Shumpei Shiraishi's Weblog: ついにHTML5が勧告候補に！そしてそれが意味するもの","url":"http://blog.shumpei.net/2012/12/html5-cr.html","content":"HTML5とCanvas 2D Contextの仕様が勧告候補になり、大きな変更がない段階になった.\nHTML5の勧告と次のバージョンについて","date":"2012-12-11T03:44:00.000Z"},{"title":"JavaScriptで競技プログラミングを始めよう！ - ひよっこプログラマのプログラミング","url":"http://d.hatena.ne.jp/otaks/20121216/1355670113","content":"JavaScriptで競技プログラミング。\nJavaScriptの基本的な文法やオブジェクトと数学関数の話. JavaScriptの型について","date":"2012-12-11T11:10:00.000Z"},{"title":"jQuery: The Write Less, Do More, JavaScript Library","url":"http://jquery.com/upgrade-guide/1.9/","content":"jQuery1.9での変更点に関するまとめ\n$.parseHTMLやattrとprop等について、削除されたAPIやアンドキュメントなAPIについて書かれている","date":"2012-12-11T18:36:00.000Z"},{"title":"Differences Between CSS2.1 and CSS3+ | Impressive Webs","url":"http://www.impressivewebs.com/differences-between-css2-and-css3/","content":"CSS2.1からCSS3で増えたプロパティや値、セレクタ等のまとめ","date":"2012-12-12T02:02:00.000Z"},{"title":"Introduction for Browser Side MVC","url":"http://www.slideshare.net/tricknotes/introduction-for-browser-side-mvc","content":"Todoを例にしたMVCの役割についてのスライド。\nBackbone.jsを使ったアプローチについて","date":"2012-12-12T09:28:00.000Z"},{"title":"JavaScript Enlightenment - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920027713.do","content":"JavaScript Enlightenment のオライリー本\n元は有料電子書籍で今は無料で配布されてる\nhttp://javascriptenlightenment.com/","date":"2012-12-12T16:54:00.000Z"},{"title":"jQuery Blog » jQuery 1.9 Beta 1 Released","url":"http://blog.jquery.com/2012/12/17/jquery-1-9-beta-1-released/","content":"jQuery 1.9 Beta 1 リリース","date":"2012-12-13T00:20:00.000Z"},{"title":"私的なjQuery","url":"http://myjquery.blog.fc2.com/","content":"jQueryのリファレンス的なブログ・サイト。\nバージョン毎の変更履歴についてもまとめてる","date":"2012-12-13T07:46:00.000Z"},{"title":"jQuery で HTTP 接続するときの書き方: Days on the Moon","url":"http://nanto.asablo.jp/blog/2012/12/16/6661787","content":"jQueryの$.ajaxのコールバックをsuccessではなくdoneメソッドで取るようになった話について","date":"2012-12-13T15:12:00.000Z"},{"title":"jsziptools 2.3.0 変更点 :右京web","url":"http://hujimi.seesaa.net/article/307606956.html","content":"JavaScriptでzlib,gzip,zipのデータを圧縮・展開するjsziptools 2.3.0リリース.\nBlob対応でasyncになった、Deferredの追加","date":"2012-12-13T22:38:00.000Z"},{"title":"Mozilla 勉強会＠東京 8thで話しました - snyk_s log edit.hateblo","url":"http://saneyukis.hatenablog.com/entry/2012/12/09/180412","content":"Mozillaへのバク報告の手順、パッチの書き方、レビューのしてもらい方.\nbugzillaガイドライン","date":"2012-12-14T06:04:00.000Z"},{"title":"ブラウザのバグを見つけたときにやること - Please Sleep","url":"http://please-sleep.cou929.nu/how-to-report-bugs-of-browser.html","content":"ブラウザのバグを見つけた場合の報告までの手引き.\n主要ブラウザの報告ガイドラインと報告先がまとまってる","date":"2012-12-14T13:30:00.000Z"},{"title":"jQuery 1.8でDeferred.thenの挙動が変わった","url":"http://less.carbonfairy.org/post/38137563537","content":"jQuery 1.8でDeferred.thenの挙動がDeferred.pipeと同等になった","date":"2012-12-14T20:56:00.000Z"},{"title":"Backbone.js コメント付きソースコード日本語訳 ::ハブろぐ","url":"http://havelog.ayumusato.com/develop/others/e537-translate_backbone_annotated_source.html","content":"Backbone.jsのコードコメントの翻訳\n(doccoで見られるようになるといい気がする)","date":"2012-12-15T04:22:00.000Z"},{"title":"jquery-ajaxdeferredajax","url":"http://blog.toshimaru.net/jquery-ajaxdeferredajax","content":"jQueryの$.ajaxとdeferredについて","date":"2012-12-15T11:48:00.000Z"},{"title":"homoiconic/2012/12/combinators_1.md at master · raganwald/homoiconic · GitHub","url":"https://github.com/raganwald/homoiconic/blob/master/2012/12/combinators_1.md#combinator-recipes-for-working-with-objects-in-javascript-part-i","content":"underscore.jsを使ったcombinatorのレシピ.","date":"2012-12-15T19:14:00.000Z"},{"title":"Presentations (+ Video) |  JS.everywhere(2012) + Wakanday","url":"http://www.jseverywhere.org/presentations/","content":"JS.everywhere( ) 2012の動画が一部公開された\nhttp://www.youtube.com/playlist?list=PL2PF2oGPokReHxddTOGehBS_w8-prtOBE","date":"2012-12-16T02:40:00.000Z"},{"title":"occ/TraceKit · GitHub","url":"https://github.com/occ/TraceKit","content":"ブラウザのスタックトレースを共通で扱えるようにしてくれるライブラリ","date":"2012-12-16T10:06:00.000Z"},{"title":"JSON PointerとJSON PatchがLast Call - 一汁三菜","url":"http://silphire.hatenablog.jp/entry/2012/12/12/233344","content":"JSONのXPathみたいなJSON Pointerと\"PATCH\" メソッドのJSON Patchについて","date":"2012-12-16T17:32:00.000Z"},{"title":"Knockout.日本語ドキュメント","url":"http://kojs.sukobuto.com/","content":"Knockoutの日本語ドキュメント","date":"2012-12-17T00:58:00.000Z"},{"title":"Node v0.8.16 (Stable)","url":"http://blog.nodejs.org/2012/12/13/node-v0-8-16/","content":"Node.js v0.8.16リリース","date":"2012-12-17T08:24:00.000Z"},{"title":"jQuery UI 1.10 Beta | jQuery UI Blog","url":"http://blog.jqueryui.com/2012/12/jquery-ui-1-10-beta/","content":"jQuery UI 1.10 Betaリリース","date":"2012-12-17T15:50:00.000Z"},{"title":"I am mitsuruog: Jasmineを和訳しました","url":"http://blog.mitsuruog.info/2012/12/jasmine.html","content":"Jasmineサイトのintroduction.jsを翻訳","date":"2012-12-17T23:16:00.000Z"},{"title":"Are your mixins ECMAScript 5 compatible? | NCZOnline","url":"http://www.nczonline.net/blog/2012/12/11/are-your-mixins-ecmascript-5-compatible/","content":"mixinをES5で書く場合について。\ndefinePropertyの第三引数でディスクリプタもコピーする\nObject.defineProperty(receiver, property, Object.getOwnPropertyDescriptor(supplier, property));","date":"2012-12-18T06:42:00.000Z"},{"title":"Desktop Browser DOM Compatiblity Tables","url":"http://codylindley.com/dom-desktop-tests/","content":"DOMのプロパティ、メソッドについてのブラウザ毎の対応状況まとめ表","date":"2012-12-18T14:08:00.000Z"},{"title":"csste.st","url":"http://csste.st/slides/","content":"CSSのテストについてのスライド.\nCSSLint、CSSUnit、GhostStory、Mogotest、画像diffでのテスト、cssertなどについて紹介","date":"2012-12-18T21:34:00.000Z"},{"title":"One-com/assetgraph · GitHub","url":"https://github.com/One-com/assetgraph","content":"aやlinkやscriptや@importなどを辿って関連ファイルからHTML,CSS,JSについてを集める仕組みや、それらに対してまとめて最適化や結合などを行えるツール.\nインラインで書かれているscriptやcssも認識して扱える","date":"2012-12-19T05:00:00.000Z"},{"title":"Huddle/PhantomCSS · GitHub","url":"https://github.com/Huddle/PhantomCSS","content":"CSS regression testingツール.\nPhantomJSとCasperJSを使って js-imagediff によるレンダリング描画の画像を比較してregression testingを行うツール","date":"2012-12-19T12:26:00.000Z"},{"title":"thingsinjars/GhostStory · GitHub","url":"https://github.com/thingsinjars/GhostStory","content":"CasperJS/PhantomJSを使って、 cucumber-styleな感じでCSSが適応されているかをテストするツール","date":"2012-12-19T19:52:00.000Z"},{"title":"thingsinjars/cssert · GitHub","url":"https://github.com/thingsinjars/cssert","content":"CSS verification testingツール.\nブックマークレットでテストしたい要素のstyleを取ってきて、リファクタリングした結果それが壊れてないかを検証するツール.\nrunnerはPhantomJSで動かせる","date":"2012-12-20T03:18:00.000Z"},{"title":"Asynchronous JS: Callbacks, Listeners, Control Flow Libs and Promises - Sebastian's Blog","url":"http://sporto.github.com/blog/2012/12/09/callbacks-listeners-promises/","content":"非同期JavaScriptについて.\nコールバック、イベントリスナーon/trigger、Flow Control Library、Promise それぞれのメリット・デメリットをまとめてる","date":"2012-12-20T10:44:00.000Z"},{"title":"Navigation Timing API","url":"http://kaaes.github.com/timing/","content":"Navigation TIming API(window.performance)の内容をタイムライン表示するブックマークレット","date":"2012-12-20T18:10:00.000Z"},{"title":"Backbone.js 1.0に向けての変更点 « NAVER Engineers' Blog","url":"http://tech.naver.jp/blog/?p=2342","content":"Backbone.js 1.0で追加予定の機能紹介.\nDOMの削除に合わせて参照も取り除くdispose、Collection.add()のmergeオプション","date":"2012-12-21T01:36:00.000Z"},{"title":"Sassオレオレリファレンス","url":"http://tenderfeel.github.com/SassReference/","content":"Sassのリファレンスサイト","date":"2012-12-21T09:02:00.000Z"},{"title":"What They Didn’t Tell You About ES5′s Array Extras | Nettuts+","url":"http://net.tutsplus.com/tutorials/javascript-ajax/what-they-didnt-tell-you-about-es5s-array-extras/","content":"ES5で追加されたArrayメソッドについて.\napplyと合わせたTips、[...].filter(RegExp.prototype.test, /^b/);のようなprototypeメソッド渡して使う応用的な方法についても","date":"2012-12-21T16:28:00.000Z"},{"title":"Tutorial: JavaScript animation with the Greensock framework","url":"http://ahrengot.com/tutorials/greensock-javascript-animation/","content":"JavaScriptアニメーションライブラリのGreensockのチュートリアル.","date":"2012-12-21T23:54:00.000Z"},{"title":"All You Need to Know About the HTML5 Data Attribute | Webdesigntuts+","url":"http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/all-you-need-to-know-about-the-html5-data-attribute/","content":"data属性の扱い方について。\nどういう時に使うか、CSSから利用する方法、jQueryのdataメソッドについて","date":"2012-12-22T07:20:00.000Z"},{"title":"CoffeeScript on Node.js - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920023081.do","content":"2013年12月発売\nCoffeeScriptでNode.jsアプリを作りながら、Node.jsやCoffeeScriptやドキュメントやテストについて学んで行く書籍","date":"2012-12-22T14:46:00.000Z"},{"title":"An Analysis of the Redesign of the CoffeeScript Compiler - YOW2012 // Speaker Deck","url":"https://speakerdeck.com/michaelficarra/an-analysis-of-the-redesign-of-the-coffeescript-compiler-yow2012","content":"新しいCoffeeScriptコンパイラの設計デザインについて.\ninputからoutputまで流れ.\nSpidermonkey ASTをIR(中間表現)とすることで、それに関するツール(esprima等)との連携が得られるメリットが有る。\nhttp://constellation.github.com/slides/contents/20121118/modules.html","date":"2012-12-22T22:12:00.000Z"},{"title":"次世代JavaScriptでデータバインディング： Object.observe() を試す - ぼちぼち日記","url":"http://d.hatena.ne.jp/jovi0608/20121206/1354762082","content":"オブジェクトの変更監視をするObject.observeについて","date":"2012-12-23T05:38:00.000Z"},{"title":"xCharts","url":"http://tenxer.github.com/xcharts/","content":"D3.jsを使ったグラフライブラリ","date":"2012-12-23T13:04:00.000Z"},{"title":"Object.defineProperty 関数で Observable なオブジェクトを作る #JavaScript #jQuery - Qiita","url":"http://qiita.com/items/42f30cf4983822240398","content":"値が変更されたらtriggerするようなsetterを定義して、モデルの変更をViewに通知する仕組みを作る","date":"2012-12-23T20:30:00.000Z"},{"title":"esformatter & rocambole | Blog | Miller Medeiros","url":"http://blog.millermedeiros.com/esformatter-rocambole/","content":"JavaScriptのコード整形を行うesformatterと整形するためにAST walk と操作を行うrocamboleについて","date":"2012-12-24T03:56:00.000Z"},{"title":"Introducing the Battery Status API","url":"http://jspro.com/apis/introducing-the-battery-status-api/","content":"バッテリーの情報を取得するBattery Status APIのプロパティとBattery Eventsについて","date":"2012-12-24T11:22:00.000Z"},{"title":"JS開発におけるTDDと自動テストツール利用の勘所","url":"http://www.slideshare.net/KojiNakamura/jstdd","content":"QUnit、Jasmineの基本的な使い方、DOMに依存したテスト、Testacularについてのスライド。\nテストの導入からCIまでの流れが一通りな感じ","date":"2012-12-24T18:48:00.000Z"},{"title":"JavaScript アプリケーションのメモリー・リークを理解する","url":"http://www.ibm.com/developerworks/jp/web/library/wa-jsmemory/?cmp=dw&cpb=dwwdv&ct=dwgra&cr=twitter&ccy=jp&csr=120712","content":"ChromeのHeap Profilerをつかったメモリリークの調査方法について。\nクロージャー、console APIを使った事によるリーク、循環参照のリークと対処法","date":"2012-12-25T02:14:00.000Z"},{"title":"Arrays in JavaScript","url":"http://www.2ality.com/2012/12/arrays.html","content":"粗密なArrayの違い、配列のlengthの仕様について","date":"2012-12-25T09:40:00.000Z"},{"title":"casperjs/CHANGELOG.md at master · n1k0/casperjs · GitHub","url":"https://github.com/n1k0/casperjs/blob/master/CHANGELOG.md#2012-10-31-v100-rc4","content":"CasperJS 1.0.0-RC4リリース","date":"2012-12-25T17:06:00.000Z"},{"title":"Firebug 1.11 New Features ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2012/12/firebug-1-11-new-features/","content":"Firebug 1.11の新しい機能についてのまとめ。\nSPDY対応、performance-timing、CSS Selectorでの検索、postMessageログ、関数呼び出しのログ、$,$$の変更、自動補完","date":"2012-12-26T00:32:00.000Z"},{"title":"Getfirebug Blog » Blog Archive » Firebug 1.11.0","url":"https://blog.getfirebug.com/2012/12/07/firebug-1-11-0/","content":"Firebug 1.11.0リリース","date":"2012-12-26T07:58:00.000Z"},{"title":"JS.next - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920026396.do","content":"2013年5月発売\nECMAScript 6についての書籍","date":"2012-12-26T15:24:00.000Z"},{"title":"JSCover - JavaScript code coverage","url":"http://tntim96.github.com/JSCover/","content":"JSCoverageの改良コードカバレッジツール。Javaで実装されてる","date":"2012-12-26T22:50:00.000Z"},{"title":"パフォーマンスからみるSass/Compass 第2回：CompassによるCSS Sprite | MOL","url":"http://t32k.me/mol/log/spriting-with-compass/","content":"CompassのCSSスプライトについて","date":"2012-12-27T06:16:00.000Z"},{"title":"Nashorn - OpenJDKに提案された新JavaScriptエンジン","url":"http://www.infoq.com/jp/news/2012/12/Nashorn-proposal","content":"JDKのJavaScript実装Nashornについて","date":"2012-12-27T13:42:00.000Z"},{"title":"oosugi20-blog — HTML5でこの要素ってどういう仕様だっけって思った時の調べ方","url":"http://oosugi20-blog.tumblr.com/post/36823233295/html5","content":"仕様の読み解き方","date":"2012-12-27T21:08:00.000Z"},{"title":"Learning to Love JavaScript","url":"http://infrequently.org/11/io/js/","content":"JavaScriptとは何か。\nall mutable objects、closure、関数スコープ、prototypeについて。\nまたES.nextの内容も出しながら、それを今まではどのように書いてたかという感じ","date":"2012-12-28T04:34:00.000Z"},{"title":"Underscore.js","url":"http://underscorejs.org","content":"Underscore.js 1.4.3 リリース\nAdobe's JS engine フレンドリーに、throttleの改善等","date":"2012-12-28T12:00:00.000Z"},{"title":"Media features of the most common devices - pieroxy.net","url":"http://pieroxy.net/blog/2012/10/18/media_features_of_the_most_common_devices.html","content":"モバイル/スマートフォン/タブレット端末の画面情報のまとめ。\n画面サイズ、解像度、アスペクト比\ndevice-pixel-ratioの値等","date":"2012-12-28T19:26:00.000Z"},{"title":"Advent Calendar 3日目:SVG画像を1キロバイトでも削るダイエット術！ - 聴く耳を持たない(片方しか)","url":"http://d.hatena.ne.jp/rikuo/20121203","content":"SVG軽量化Tips","date":"2012-12-29T02:52:00.000Z"},{"title":"jQueryの似ているAPIまとめ | js STUDIO | jQuery 日本語リファレンス","url":"http://js.studio-kingdom.com/jquery/news/2","content":"jQueryで似ているAPIを並べたもの","date":"2012-12-29T10:18:00.000Z"},{"title":"jQueryの$()が多機能すぎる件について。5種類も仕事があるよ。（軽めのjQuery Advent Calendar 2012 – 01日目） | Ginpen.com","url":"http://ginpen.com/2012/12/01/jquery-core-func/","content":"jQueryの$の5つの動作について","date":"2012-12-29T17:44:00.000Z"},{"title":"Amazon: JavaScript Programming: Pushing the Limits [Paperback]: Jon Raasch","url":"http://www.amazon.com/o/ASIN/111852456X/book042-22/ref=nosim","content":"2013年11月4日発売\nクライアントサイド、backbone、テンプレート、MongoDB、Canvas、WebGL、デスクトプアプリなど幅広げ","date":"2012-12-30T01:10:00.000Z"},{"title":"Amazon: JavaScript Step by Step (Step By Step (Microsoft)) [Paperback]: Steve Suehring","url":"http://www.amazon.com/o/ASIN/0735665931/book042-22/ref=nosim","content":"2013年9月20日発売\nVisual Studioを使ったJavaScript開発についての書籍","date":"2012-12-30T08:36:00.000Z"},{"title":"RubyJS | Home","url":"http://rubyjs.org/","content":"RubyのメソッドをJavaScriptにポートしたライブラリ","date":"2012-12-30T16:02:00.000Z"},{"title":"JavaScript Templating with Handlebars | Blog :: The JavaScript Playground","url":"http://javascriptplayground.com/blog/2012/05/javascript-templating-handlebars-tutorial","content":"JavaScriptテンプレートライブラリのHandlebarsの使い方について","date":"2012-12-30T23:28:00.000Z"},{"title":"[mixi] Source Mapについて","url":"http://page.mixi.jp/run_page_apps.pl?page_id=287564&module_id=1630003","content":"SourceMapについて。\nどのようにマッピングしているのか、仕様について。","date":"2012-12-31T06:54:00.000Z"},{"title":"12.13 正式版リリース． « Opera-users.jp","url":"http://opera-users.jp/translations/weekly/2013-01-30-12-13-final-released/","content":"Opera 12.13リリース.\n\nhttp://my.opera.com/desktopteam/blog/2013/01/30/12-13-final-released","date":"2012-12-31T15:00:00.000Z"},{"title":"News | JS Mantras","url":"http://jsmantras.com/news.html","content":"JavaScriptに関するDaily Newsを書いてるブログ","date":"2013-01-01T00:04:00.000Z"},{"title":"SIE 8の公開 - プラグインレスでSVGを表示する「SIE」開発ブログ","url":"http://d.hatena.ne.jp/dhrname/20130129/p1","content":"SIE 8リリース","date":"2013-01-01T09:08:00.000Z"},{"title":"jQueryのDeferredとPromise - tkawachi Blog","url":"http://tkawachi.github.com/blog/2013/01/06/jquery-deferred/","content":"jQueryのDeferredとPromiseについてのわかりやすい解説. Deferred objectが持つ状態について(Promise/Aとの対応)、渡されるPromise objectの機能、$.whenでの組み合わせや$.ajaxの返すPromiseについて","date":"2013-01-01T18:12:00.000Z"},{"title":"jQuery 1.9 のソースマップ対応で圧縮版でもデバッグが簡単になった話 - てっく煮ブログ","url":"http://tech.nitoyon.com/ja/blog/2013/01/29/jquery-source-map/","content":"jQuery CDNのソースマップについて.\n\naltJSやSass/Lessでのソースマップ対応オプションや圧縮ツールのソースマップ対応について","date":"2013-01-02T03:16:00.000Z"},{"title":"Web Dev .NET: Beginner HTML5, JavaScript, jQuery, Backbone, and CSS3 Resources","url":"http://www.elijahmanor.com/2013/01/beginner-html5-javascript-jquery.html","content":"HTML5、JavaScript、jQuery、Backbone.js、CSS3、Feature detection、Responsive Web Designについての取っ掛かりとなるリソースまとめ","date":"2013-01-02T12:20:00.000Z"},{"title":"Webサイト＆WebアプリのRetina対応方法まとめ | KRAY Inc","url":"http://kray.jp/blog/retina-web/","content":"Retinaディスプレイ対応についてのまとめ.\n\n@2xの画像を用意して、imgタグ、CSS、JavaScriptでの対応例、Canvasでのサイズ指定について","date":"2013-01-02T21:24:00.000Z"},{"title":"Client-Side UI Smackdown","url":"http://www.infoq.com/presentations/JavaScript-Frameworks-Review","content":"JavaScriptのエコシステムについての発表.\n\nBackbone.js, Spine.js, Knockout, Knockback, Sammy等のMV* フレームワークについて、scaffoldなツール、モジュールについて","date":"2013-01-03T06:28:00.000Z"},{"title":"jQueryのDeferredとPromise - tkawachi Blog","url":"http://tkawachi.github.com/blog/2013/01/06/jquery-deferred/","content":"jQueryのDeferredとPromiseについてのわかりやすい解説.\n\nDeferred objectが持つ状態について(Promise/Aとの対応)、渡されるPromise objectの機能、$.whenでの組み合わせや$.ajaxの返すDeferredについて","date":"2013-01-03T15:32:00.000Z"},{"title":"Writing Testable Frontend Javascript Part 1 – Anti-patterns and their fixes | Shane Tomlinson","url":"https://shanetomlinson.com/2013/testing-javascript-frontend-part-1-anti-patterns-and-fixes/","content":"アンチパターンのコード例を元にテストしやすいJavaScriptの書き方について.\n\nPublic/Private Interface、eventハンドラとロジックの分離、XHRのモック、非同期とコールバック","date":"2013-01-04T00:36:00.000Z"},{"title":"jQuery 1.9.0 での変更箇所の自分なりのまとめ | 私的なjQuery","url":"http://myjquery.blog.fc2.com/blog-entry-13.html","content":"jQuery 1.9の変更点について.\n\n整理されたAPIやCSSセレクタなどについて","date":"2013-01-04T09:40:00.000Z"},{"title":"Backgrid.js","url":"http://wyuenho.github.com/backgrid/","content":"Grid表示ライブラリ.\n\nGrid/Column/Cell/Formatter/Header/Row/Body/FooterとわかれたAPIを持つ","date":"2013-01-04T18:44:00.000Z"},{"title":"QUnit 1.11 Release: A Look Back (and Forth) | Official jQuery Blog","url":"http://blog.jquery.com/2013/01/24/qunit-1-11-release-a-look-back-and-forth/","content":"QUnit 1.11リリース.\n\nbugfixやAdd-ons( http://qunitjs.com/addons/ )、PhantomJS add-onの改善など","date":"2013-01-05T03:48:00.000Z"},{"title":"Egghead IO","url":"http://egghead.io/","content":"AngularJS のチュートリアル動画\n\nhttps://twitter.com/eggheadio","date":"2013-01-05T12:52:00.000Z"},{"title":"jQuery 1.9 の $.parseHTML とかその辺 - ほむらちゃほむほむ","url":"http://t-ashula.hateblo.jp/entry/2013/01/23/114105","content":"jQueryの$(String)がXSSを引き起こしやすい問題と、jQuery1.8から追加された$.parseHTMLについて","date":"2013-01-05T21:56:00.000Z"},{"title":"visionmedia/rework · GitHub","url":"https://github.com/visionmedia/rework","content":"CSSプロプロセッサー","date":"2013-01-06T07:00:00.000Z"},{"title":"RequireJS 2.1.4 Released ~ James Burke","url":"http://jrburke.com/2013/01/23/requirejs-2.1.4-released/","content":"RequireJS 2.1.4 リリース.\n\n2.1.3のquickfix\n\nhttp://jrburke.com/2013/01/22/requirejs-2.1.3-released/","date":"2013-01-06T16:04:00.000Z"},{"title":"How to Run Buster.js Unit Tests in (and Against) the Browser | Levihackwith.com","url":"http://www.levihackwith.com/how-to-run-buster-js-unit-tests-in-and-against-the-browser/","content":"Buster.JSチュートリアル.\n\nブラウザでのテスト","date":"2013-01-07T01:08:00.000Z"},{"title":"O'Reilly Japan - Web Workers","url":"http://www.oreilly.co.jp/books/9784873115962/","content":"Web Workers本 日本語版","date":"2013-01-07T10:12:00.000Z"},{"title":"Amazon: すべての人に知っておいてほしい JavaScriptの基本原則 [単行本]: 岩永 賢明, 勝間 亮, 嶋田 大輔, 土屋 勇人, 西林 孝, 比留間 和也, 吉田 雷","url":"http://www.amazon.co.jp/o/ASIN/4844363123","content":"2013年1月23日発売\n\nデザイナー向けのJavascript/jQuery入門書","date":"2013-01-07T19:16:00.000Z"},{"title":"What is SVG? [Guide to SVG Part 1] | InsertHTML","url":"http://www.inserthtml.com/","content":"SVGの基礎的な要素についてのチュートリアル","date":"2013-01-08T04:20:00.000Z"},{"title":"YUI 3.8.1 Released - YUI Blog","url":"http://www.yuiblog.com/blog/2013/01/23/yui-3-8-1-released/","content":"YUI 3.8.1リリース.\n\niOSのサポートを追加, DataTable, Attribute, Template","date":"2013-01-08T13:24:00.000Z"},{"title":"Announcing TypeScript 0.8.2 - TypeScript - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/typescript/archive/2013/01/21/announcing-typescript-0-8-2.aspx","content":"TypeScript 0.8.2リリース。\n\nJSDocのサポート\n\nhttp://blogs.msdn.com/b/chack/archive/2013/01/22/typescript-0.8.2-released.aspx","date":"2013-01-08T22:28:00.000Z"},{"title":"フレームワークで実践！ JavaScriptテスト入門（4）：WebブラウザでJavaScriptをテストする「js-test-driver」とQUnit、Jasmineを連携してテストするには (1/4) - ＠IT","url":"http://www.atmarkit.co.jp/ait/articles/1301/21/news017.html","content":"JSTDとQUnit,Jasmine adapterについて","date":"2013-01-09T07:32:00.000Z"},{"title":"jQuery公式プラグイン・レジストリが公開。GitHubと連携など、今風の仕組みに惚れ惚れ | OpenWeb","url":"http://openweb.co.jp/2013/01/17/jquery%e5%85%ac%e5%bc%8f%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%83%bb%e3%83%ac%e3%82%b8%e3%82%b9%e3%83%88%e3%83%aa%e3%81%8c%e5%85%ac%e9%96%8b%e3%80%82github%e3%81%a8%e9%80%a3%e6%90%ba/","content":"jQuery公式プラグイン置き場が新しくなって、package.jsonのようなメタ情報とgithubのweb hookを使った仕組みなどが使えるようになった\n\nhttp://blog.jquery.com/2013/01/16/announcing-the-jquery-plugin-registry/","date":"2013-01-09T16:36:00.000Z"},{"title":"js-coder/js-testing-boilerplates · GitHub","url":"https://github.com/js-coder/js-testing-boilerplates","content":"JavaScript testing boilerplate\n\nGruntを使ったjasmine/mocha/qunitのテストテンプレートを作るプロジェクト","date":"2013-01-10T01:40:00.000Z"},{"title":"TypeScript クイックガイド - phyzkit.net","url":"http://phyzkit.net/typescript/","content":"TypeScript のチュートリアル.\n\n言語仕様やケーススタディについて書かれている","date":"2013-01-10T10:44:00.000Z"},{"title":"Backbone.js 0.9.10 の変更点 - Webtech Walker","url":"http://webtech-walker.com/archive/2013/01/backbone_0.9.10.html","content":"Backbone.jsの0.9.10リリースノート訳","date":"2013-01-10T19:48:00.000Z"},{"title":"あたらしい timbre.js - サウンドプログラミング用のJavaScriptライブラリ - 音の鳴るブログ","url":"http://mohayonao.hatenablog.com/entry/2013/01/19/073504","content":"I/Fやメソッドの変更やドキュメントの充実など","date":"2013-01-11T04:52:00.000Z"},{"title":"snakajima/neunode · GitHub","url":"https://github.com/snakajima/neunode","content":"iOSアプリ上でNode.jsの互換APIをもったマイクロサーバをiOS向けのフレームワーク\n\nhttp://www.neunode.com/","date":"2013-01-11T13:56:00.000Z"},{"title":"Backbone.js","url":"http://backbonejs.org","content":"Backbone.js 0.9.10リリース","date":"2013-01-11T23:00:00.000Z"},{"title":"Node v0.8.18 (Stable)","url":"http://blog.nodejs.org/2013/01/18/node-v0-8-18-stable/","content":"Node v0.8.18 リリース","date":"2013-01-12T08:04:00.000Z"},{"title":"jQuery UI 1.10.0 | jQuery UI Blog","url":"http://blog.jqueryui.com/2013/01/jquery-ui-1-10-0/","content":"jQuery UI 1.10.0リリース。\n\n1.10.0からIE6のサポートはしない事に。\n\njQuery 1.9と同様にアップグレードガイドを出してる http://jqueryui.com/upgrade-guide/1.10/","date":"2013-01-12T17:08:00.000Z"},{"title":"Web Dev .NET: The Magic of the jQuery 1.9 Source Map","url":"http://www.elijahmanor.com/2013/01/the-magic-of-jquery-source-map.html","content":"CDNのjQuery.min.jsにはSource Map URLが定義されているためデバッグでSource Mapを使う事ができる話","date":"2013-01-13T02:12:00.000Z"},{"title":"Debugging mocha unit tests with WebStorm step by step | Glenn Block","url":"http://codebetter.com/glennblock/2013/01/17/debugging-mocha-unit-tests-with-webstorm-step-by-step/","content":"WebStormからmochaを使って動かすnodeのテストを動かしつつ、WebStormのデバッガーでデバッグする事についての記事","date":"2013-01-13T11:16:00.000Z"},{"title":"Jonathan T. Neal | Understand the Favicon","url":"http://www.jonathantneal.com/blog/understand-the-favicon/","content":"ブラウザのファビコン、touch icon, tile iconsに対応するmeta/linkの書き方について.\n\nicoとpngの使い分け","date":"2013-01-13T20:20:00.000Z"},{"title":"jQuery API Documentation 日本語訳","url":"http://s3pw.com/jQ-JPN/","content":"jQuery API Documentationの日本語訳。\n\n原文と並べて表示する事もできる。","date":"2013-01-14T05:24:00.000Z"},{"title":"PolyCrypt: A WebCrypto API Polyfill In JavaScript Funded by the US Department of Homeland Security - Badass JavaScript","url":"http://badassjs.com/post/40101764862/polycrypt-a-webcrypto-api-polyfill-in-javascript?5da731d0","content":"WebCrypto APIのPolyfillライブラリ","date":"2013-01-14T14:28:00.000Z"},{"title":"Raptor Editor - Raptor Editor","url":"http://www.raptor-editor.com/","content":"HTML5 WYSIWYG エディタ. 怪獣のマスコット","date":"2013-01-14T23:32:00.000Z"},{"title":"次世代JavaScript、ECMAScript6の話を聞いてきたからサンプルコードとかメモしときます。 | Ginpen.com","url":"http://ginpen.com/2013/01/17/ecmascript6/","content":"ES6のlet,const,分割代入,引数の初期値,可変長引数,Map,Set,Iteratorなどについて","date":"2013-01-15T08:36:00.000Z"},{"title":"Debugging Javascript - James Lai","url":"http://jameslaicreative.com/debugging-javascript/","content":"JavaScriptデバッガーの使い方の紹介。\n\n条件付きブレークポイント、watch、コールスタックの見方、スコープ内の変数、DOMブレークポイント","date":"2013-01-15T17:40:00.000Z"},{"title":"Testing jQuery Plugins Cross-Version with Grunt - Mark Dalgleish","url":"http://markdalgleish.com/2013/01/testing-jquery-plugins-cross-version-with-grunt/","content":"jQueryプラグインのテストをGruntを使って行う。クエリで読み込むjQueryのバージョンを指定できるようにして複数のバージョンでテストする方法について","date":"2013-01-16T02:44:00.000Z"},{"title":"jsoverson/plato · GitHub","url":"https://github.com/jsoverson/plato","content":"JavaScriptのソースコードの複雑度などを分析してグラフィカルなレポートを生成するツール","date":"2013-01-16T11:48:00.000Z"},{"title":"実践TDD! テスト駆動開発入門 : アシアルブログ","url":"http://blog.asial.co.jp/1125","content":"\"テスト駆動開発入門\"を参考に硬貨を表すプログラムをQUnitを使ってTDDしていく記事","date":"2013-01-16T20:52:00.000Z"},{"title":"jQuery Blog » jQuery 1.9 final, jQuery 2.0 beta, Migrate final released","url":"http://blog.jquery.com/2013/01/15/jquery-1-9-final-jquery-2-0-beta-migrate-final-released/","content":"jQuery 1.9 リリース","date":"2013-01-17T05:56:00.000Z"},{"title":"Announcing jQuery Mobile 1.3.0 Beta | jQuery Mobile","url":"http://jquerymobile.com/blog/2013/01/14/announcing-jquery-mobile-1-3-0-beta/","content":"jQuery Mobile 1.3.0 Betaリリース\n\nhttp://d.hatena.ne.jp/pikotea/20130115/1358275793","date":"2013-01-17T15:00:00.000Z"},{"title":"JavaScriptリファレンス","url":"http://www.webcreativepark.net/javascript/","content":"JavaScriptリファレンスサイト.\n\njQuery/jQuery Mobileのリファレンスも by to-R","date":"2013-01-18T00:04:00.000Z"},{"title":"testing_javascript.md","url":"https://gist.github.com/4482819","content":"\"javascript におけるユニットテストについて\"\n\nアサーションスタイルについて","date":"2013-01-18T09:08:00.000Z"},{"title":"uxebu » blog » Blog Archiv » Make tests read like a book","url":"http://uxebu.com/blog/2013/01/08/make-tests-read-like-a-book/","content":"Jasmineのmatcherについての解説","date":"2013-01-18T18:12:00.000Z"},{"title":"mout : Modular JavaScript Utilities","url":"http://moutjs.com/","content":"JavaScriptのユーティリティライブラリ.\n\nArray、Collection、function、Math、Object、String、time、is*やbind等のlangモジュール\n\nAMDモジュール/Nodeモジュールとして利用できる。\n\n","date":"2013-01-19T03:16:00.000Z"},{"title":"thlorenz/replpad · GitHub","url":"https://github.com/thlorenz/replpad","content":"jsファイルを監視して変更をreplに渡して実行できるCLIツール.\n\n特定のコマンドやショートカット等も定義できる。","date":"2013-01-19T12:20:00.000Z"},{"title":"JavaScript Event Demo","url":"http://liouh.com/jsevents/","content":"jQueryのObserved eventsでどのようなeventプロパティがコールバックに設定されるをかを見るデモサイト","date":"2013-01-19T21:24:00.000Z"},{"title":"高速で安全なjQueryを書くために今できること | Dress Cording","url":"http://dresscording.com/blog/jquery_performance.html","content":"jQueryのセレクタについて、イベントハンドリングについて","date":"2013-01-20T06:28:00.000Z"},{"title":"OneClickCSS","url":"http://css.miugle.info/","content":"HTMLを元に該当するCSSセレクタのスタイルシートを生成","date":"2013-01-20T15:32:00.000Z"},{"title":"Test RequireJs Code in Testacular - Jake Trent","url":"http://jaketrent.com/post/test-requirejs-testacular/","content":"RequireJsのAMDモジュールをTestacularでテスト","date":"2013-01-21T00:36:00.000Z"},{"title":"Modjs by modulejs","url":"http://modulejs.github.com/modjs/","content":"Gruntみたいなビルドツール","date":"2013-01-21T09:40:00.000Z"},{"title":"HTML5 Bones: The template that goes back to basics","url":"http://html5bones.com/","content":"HTML5サイトの基本的なテンプレート.\n\nHTML5 Boilerplateみたいな感じだけどshiv以外のJavaScriptライブラリはなしでWAI-ARIAのアクセシビリティについても書かれてる","date":"2013-01-21T18:44:00.000Z"},{"title":"Mocking Requests with Mocha, Chai and Sinon - Rob Dodson talks internets","url":"http://robdodson.me/blog/2012/05/28/mocking-requests-with-mocha-chai-and-sinon","content":"Sinon.jsを使った$.ajaxのモックについて、stub.yieldsToの使いかたについて","date":"2013-01-22T03:48:00.000Z"},{"title":"Getfirebug Blog » Blog Archive » Firebug 1.12 alpha 1","url":"https://blog.getfirebug.com/2013/01/11/firebug-1-12-alpha-1/","content":"Firebug 1.12 alpha 1リリース.\n\nFireClosure を取り込んで、クロージャー内の変数をインスペクトできるように","date":"2013-01-22T12:52:00.000Z"},{"title":"Yeti 0.2.15 released","url":"http://yeti.cx/blog/2013/01/yeti-0-2-15-released/","content":"Yeti 0.2.15 リリース","date":"2013-01-22T21:56:00.000Z"},{"title":"PhoneGap | PhoneGap 2.3.0 Released","url":"http://phonegap.com/blog/2013/01/07/phonegap-230/","content":"PhoneGap 2.3.0 リリース","date":"2013-01-23T07:00:00.000Z"},{"title":"JavaScript リファレンス","url":"http://msdn.microsoft.com/ja-jp/library/yek4tbz0(v=vs.94).aspx","content":"MSDNのJavaScriptリファレンスの日本語版","date":"2013-01-23T16:04:00.000Z"},{"title":"Node v0.8.17 (Stable)","url":"http://blog.nodejs.org/2013/01/09/node-v0-8-17-stable/","content":"Node.js v0.8.17リリース","date":"2013-01-24T01:08:00.000Z"},{"title":"jQuery Blog » jQuery 1.9 RC1 and Migrate RC1 Released","url":"http://blog.jquery.com/2013/01/09/jquery-1-9-rc1-and-migrate-rc1-released/","content":" jQuery 1.9RC1とjQuery Migrate pluginリリース.\n\n引数が分かりにくい.stop(Boolean, Boolean)の部分に.finish()というメソッドの追加やSource Mapのサポート等","date":"2013-01-24T10:12:00.000Z"},{"title":"termi/CSS_selector_engine · GitHub","url":"https://github.com/termi/CSS_selector_engine","content":"CSS4セレクタをサポートしてるCSSセレクタエンジンライブラリ\n\nquerySelector,matchesSelector等のshim","date":"2013-01-24T19:16:00.000Z"},{"title":"Web Reflection: The Power Of Getters","url":"http://webreflection.blogspot.de/2013/01/the-power-of-getters.html","content":"HTMLElement.childrenのようなgetter的な実装を見ていきながら、Object.definePropertyによるgetterにどのような特性があるか、LazyAccessorなどについて解説","date":"2013-01-25T04:20:00.000Z"},{"title":"Testing Backbone.js with mocha | phawk | a software engineer specialising in javascript, ruby, php and ios development","url":"http://phawk.co.uk/articles/testing-backbone-with-mocha","content":"MochaでBackbone.jsのテストを学ぶチュートリアル. TDDのサイクル","date":"2013-01-25T13:24:00.000Z"},{"title":"requestAnimationFrame でフレームと再描画更新を制御する","url":"http://yomotsu.net/blog/2013/01/05/fps","content":"requestAnimationFrameとFPSについて。\n\n「経過時間に合わせたフレームの表示」","date":"2013-01-25T22:28:00.000Z"},{"title":"js-coder/x18n · GitHub","url":"https://github.com/js-coder/x18n","content":"i18n ライブラリ.\n\nユーザー言語の自動判定、翻訳データのバインディング、言語変更対応用のイベント等","date":"2013-01-26T07:32:00.000Z"},{"title":"Asynchronous error handling in JavaScript | Ruben Verborgh","url":"http://ruben.verborgh.org/blog/2012/12/31/asynchronous-error-handling-in-javascript/","content":"JavaScriptでの非同期で起きたエラー処理について。\n\nエラー用のコールバックを定義する方法、Promiseを使う方法、NodeのDomainを使った方法についてそれぞれ解説","date":"2013-01-26T16:36:00.000Z"},{"title":"NobleJS/setImmediate · GitHub","url":"https://github.com/NobleJS/setImmediate","content":"setImmediateのPolyfill実装.\n\n環境ごとにnextTick/postMessage/MessageChannel/onreadystatechange等色々なパターンを使って実装してる\n\n","date":"2013-01-27T01:40:00.000Z"},{"title":"doT.js - the fastest and concise javascript template engine for Node.js and browsers","url":"http://olado.github.com/doT/","content":"JavaScriptテンプレートエンジン.\n\nV8(Node)でのパフォーマンスを意識して作られてる","date":"2013-01-27T10:44:00.000Z"},{"title":"AngularStrap - Bootstrap directives for Angular","url":"http://mgcrea.github.com/angular-strap/","content":"AngularJSにTwitter Bootstrapを統合する感じで使えるようにするライブラリ","date":"2013-01-27T19:48:00.000Z"},{"title":"Getting Started With Buster.js | Levihackwith.com","url":"http://www.levihackwith.com/getting-started-with-buster-js/","content":"Buster.JS 入門チュートリアル","date":"2013-01-28T04:52:00.000Z"},{"title":"The State of Javascript Package Management | Wibblymat's code blog","url":"http://wibblycode.wordpress.com/2013/01/01/the-state-of-javascript-package-management/","content":"JavaScriptのパッケージ管理についての簡単なまとめ.\n\nnpm/bower/Ender/volo/component/jam","date":"2013-01-28T13:56:00.000Z"},{"title":"Revisiting JavaScript Objects | LakTEK (Lakshan Perera)","url":"http://www.laktek.com/2012/12/29/revisiting-javascript-objects/","content":"ES5の機能getOwnPropertyDescriptor/defineProperty/seal,freeze,preventExtensions/create等の利用の仕方について.\n\n列挙、継承やモジュール、複製(clone)などについて","date":"2013-01-28T23:00:00.000Z"},{"title":"Javascriptテストフレームワーク Jasmineを試す | nacika","url":"http://nacika.com/entry/2013/01/03/055820/","content":"Jasmineの導入方法について、matcher/spyのメソッド解説","date":"2013-01-29T08:04:00.000Z"},{"title":"かずぽんブログ • grunt-initでプロジェクトにscaffoldな仕組みを導入する","url":"http://blog.kazupon.jp/post/39659396196/grunt-scaffold","content":"grunt-initのカスタムテンプレートを作るほう法について","date":"2013-01-29T17:08:00.000Z"},{"title":"Amazon: KnockoutJS Starter [Paperback]: Eric M. Barnard","url":"http://www.amazon.com/o/ASIN/1782161147/book042-22/ref=nosim","content":"KnockoutJSについての書籍","date":"2013-01-30T02:12:00.000Z"},{"title":"LLVM.js: LLVM Itself Compiled to JavaScript via Emscripten - Badass JavaScript","url":"http://badassjs.com/post/39573969361/llvm-js-llvm-itself-compiled-to-javascript-via","content":"LLVMのバイトコードを直接実行できるJavaScriptライブラリについて\n\n","date":"2013-01-30T11:16:00.000Z"},{"title":"Amazon: Pro JavaScript Performance: Monitoring and Visualization (Professional Apress) [Paperback]: Tom Barker, Visit Amazon's Tom Barker Page, search results, Learn about Author Central","url":"http://www.amazon.com/o/ASIN/1430247495/book042-22/ref=nosim","content":"JavaScriptのパフォーマンスの\n\nMonitoring and Visualizationについての書籍\n\nhttp://www.apress.com/9781430247494","date":"2013-01-30T20:20:00.000Z"},{"title":"Amazon: HTML5 Unleashed [Paperback]: Simon Sarris","url":"http://www.amazon.com/o/ASIN/0672336278/book042-22/ref=nosim","content":"2013年6月6日発売\n\nhttp://simonsarris.com/blog/595-writing-a-book","date":"2013-01-31T05:24:00.000Z"},{"title":"Let's Code: Test-Driven Javascript | Coming July 2012","url":"http://www.letscodejavascript.com/","content":"テスト駆動JavaScriptについてのスクリーンキャスト講座 Let's Code: Test-Driven JavascriptのサイトがPublic Open","tags":["testing","javascript","video"],"date":"2013-01-31T15:00:00.000Z"},{"title":"jQuery Mobile 1.3.0 RC1 Released | jQuery Mobile","url":"http://jquerymobile.com/blog/2013/02/04/jquery-mobile-1-3-0-rc1-released/","content":"jQuery Mobile 1.3.0 RC1リリース.\npanel widget(side-by-side)、navigate event,methodの追加など","tags":["jQuery","mobile","ReleaseNote"],"date":"2013-01-31T23:06:00.000Z"},{"title":"melonJS 0.9.5 is finally here ! «","url":"http://olivierbiot.wordpress.com/2013/02/04/melonjs-0-9-5-is-finally-here/","content":"ゲームエンジンライブラリmelonJS 0.9.5","tags":["javascript","game","library"],"date":"2013-02-01T07:12:00.000Z"},{"title":"jQuery 1.9.1 Released | Official jQuery Blog","url":"http://blog.jquery.com/2013/02/04/jquery-1-9-1-released/","content":"jQuery 1.9.1 リリース.","tags":["jQuery","ReleaseNote"],"date":"2013-02-01T15:18:00.000Z"},{"title":"Takazudolog - 地獄のvideo／audio要素","url":"http://takazudo.github.com/blog/entry/2013-02-06-videoaudio.html","content":"video／audio要素のQ&A\n実装のハマリどころやフォーマット、エンコーダー、処理が重たい場合の対処法、イベントハンドリングについてなど","tags":["HTML5","javascript","video","music"],"date":"2013-02-01T23:24:00.000Z"},{"title":"Getting Started With the WebKit Layout Code | Web Platform Team Blog","url":"http://blogs.adobe.com/webplatform/2013/01/21/getting-started-with-the-webkit-layout-code/","content":"Webkitのレイアウトのプロセスについて.\nHow Browsers Workや仕様、関連ドキュメント等のリソースがまとまってる.\n CSS Box Modelについてや実際のコードではどのへんかについても書かれている","tags":["webkit","HTML","css"],"date":"2013-02-02T07:30:00.000Z"},{"title":"Javascript Trivia Crossword :: Modit","url":"https://mod.it/Eb3TKLmO","content":"JavaScriptクロスワード","tags":["javascript"],"date":"2013-02-02T15:36:00.000Z"},{"title":"Node v0.8.19 (Stable)","url":"http://blog.nodejs.org/2013/02/06/node-v0-8-19-stable/","content":"Node 0.8.19リリース","tags":["node.js","ReleaseNote"],"date":"2013-02-02T23:42:00.000Z"},{"title":"airbnb/polyglot.js · GitHub","url":"https://github.com/airbnb/polyglot.js","content":"小さなi18n helperライブラリ","tags":["javascript","i18n","library"],"date":"2013-02-03T07:48:00.000Z"},{"title":"O'Reilly Japan - 入門 モダンJavaScript","url":"http://www.oreilly.co.jp/books/9784873116051/","content":"2013年02月23日発売\n初心者向けのモダンなJavaScriptについての書籍","tags":["javascript","book","ReleaseNote"],"date":"2013-02-03T15:54:00.000Z"},{"title":"jensarps/IDBWrapper · GitHub","url":"https://github.com/jensarps/IDBWrapper","content":"IndexedDB APIラッパーライブラリ","tags":["javascript","データベース","library"],"date":"2013-02-04T00:00:00.000Z"},{"title":"jQuery Migrate plugin の使い方と警告文の自分なりのまとめ | 私的なjQuery","url":"http://myjquery.blog.fc2.com/blog-entry-15.html","content":"jQuery Migrate plugin の警告文の解説と取り得る対処法について","tags":["jQuery","document","translate"],"date":"2013-02-04T08:06:00.000Z"},{"title":"warpech/jquery-handsontable · GitHub","url":"https://github.com/warpech/jquery-handsontable","content":"Excelライクなデータグリッドエディタライブラリ.\njQueryに依存してる","tags":["javascript","library"],"date":"2013-02-04T16:12:00.000Z"},{"title":"CSS Reflow | Reflow Visualizations","url":"http://cssreflow.com/","content":"Firefoxを使ったリフロー/リペイントを可視化した動画のギャラリー","tags":["firefox","webservice","Tools"],"date":"2013-02-05T00:18:00.000Z"},{"title":"Using WebAPIs to make the web layer more capable ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2013/02/using-webapis-to-make-the-web-layer-more-capable/","content":"WebAPIの紹介","tags":["WebAPI","firefox"],"date":"2013-02-05T08:24:00.000Z"},{"title":"studiomohawk/javascript-koans at ja-koan-with-grunt · GitHub","url":"https://github.com/studiomohawk/javascript-koans/tree/ja-koan-with-grunt","content":"JavaScript Koansの日本語版\nテストケースも和訳されてる","tags":["javascript","testing","tutorial"],"date":"2013-02-05T16:30:00.000Z"},{"title":"O'Reilly Japan - Nodeクックブック","url":"http://www.oreilly.co.jp/books/9784873116068/","content":"2013年02月23日 発売\nNode.js本","tags":["node.js","book"],"date":"2013-02-06T00:36:00.000Z"},{"title":"zlib.js で PKZIP が扱えるようになりました (0.1.4リリース) : document","url":"http://blog.livedoor.jp/imaya_js/archives/6292808.html","content":"zlib.js 0.1.4リリース\nPKZIP(zip)のサポート","tags":["圧縮解凍","javascript","library"],"date":"2013-02-06T08:42:00.000Z"},{"title":"JSDB.io - The Database of JavaScript Libraries","url":"http://www.jsdb.io/","content":"JavaScriptのライブラリをカテゴリ別などでまとめてるサイト. ジャンルは jster.net よりざっくりしてるけど、Githubのコミット間隔やフォース数等のレポジトリ情報も見られるようになってる","tags":["javascript","library","webservice"],"date":"2013-02-06T16:48:00.000Z"},{"title":"mde/jake · GitHub","url":"https://github.com/mde/jake","content":"Make/Rakeみたいな感じのNode.js製ビルドツール","tags":["javascript","Tools"],"date":"2013-02-07T00:54:00.000Z"},{"title":"Chrome Dev Tools: JavaScript and Performance | Nettuts+","url":"http://net.tutsplus.com/tutorials/tools-and-tips/chrome-dev-tools-javascript-and-performance/","content":"Chrome Developer Toolsの解説記事.\nSourcesパネルについて、revisions、ブレークポイント、TimelineパネルのrecordingやFiltering機能について","tags":["javascript","Chrome","デバック"],"date":"2013-02-07T09:00:00.000Z"},{"title":"SPDY Protocol - Draft 3 日本語訳","url":"http://summerwind.jp/docs/spdy-protocol-draft3/","content":"SPDY Protocol - Draft 3の日本語訳","tags":["HTTP","document","SPDY"],"date":"2013-02-07T17:06:00.000Z"},{"title":"DevTools: Visually Re-engineering CSS For Faster Paint Times","url":"http://addyosmani.com/blog/devtools-visually-re-engineering-css-for-faster-paint-times/","content":"Chrome devloper ToolsのTimelineパネルで見るrepaintについて.\n改善のワークフローについて.モバイルの場合10ms以内にそれぞれのrepaintが終わるのを目標に","tags":["Chrome","デバック","browser"],"date":"2013-02-08T01:12:00.000Z"},{"title":"Can you help me understand the benefit of require.js?","url":"https://gist.github.com/desandro/4686136","content":"require.jsを使う利点は何?という議論(コメント欄)","tags":["AMD","javascript"],"date":"2013-02-08T09:18:00.000Z"},{"title":"Bootstrap 2.3 released · Bootstrap Blog","url":"http://blog.getbootstrap.com/2013/02/07/bootstrap-2-3-released/","content":"Bootstrap 2.3リリース","tags":["twitter","css","ReleaseNote"],"date":"2013-02-08T17:24:00.000Z"},{"title":"Chrome Devtools Cheatsheet","url":"http://anti-code.com/devtools-cheatsheet/","content":"Chrome Dev Toolsのチートシート\nショートカットやconsole API、about:/chorme: URLについてまとまってる","tags":["Chrome","デバック","チートシート"],"date":"2013-02-09T01:30:00.000Z"},{"title":"Using WAI-ARIA Landmarks – 2013 | The Paciello Group Blog","url":"http://www.paciellogroup.com/blog/2013/02/using-wai-aria-landmarks-2013/","content":"ARIA Landmark Rolesについて.\nJAWSを使ったlandmark rolesの動作の動画やroleに指定できる属性値についてまとめれている","tags":["WAI-ARIA","まとめ","video"],"date":"2013-02-09T09:36:00.000Z"},{"title":"Opera Developer News - 300 million users and move to WebKit","url":"http://my.opera.com/ODIN/blog/300-million-users-and-move-to-webkit","content":"OperaがWebkit/V8を利用したものへと移行\nhttp://www.opera.com/press/releases/2013/02/13/","tags":["Opera","ReleaseNote"],"date":"2013-02-09T17:42:00.000Z"},{"title":"Promises/A+","url":"http://promises-aplus.github.com/promises-spec/","content":"CommonJS Promises/Aにいくつか変更を加えたプロポーサル.\nテストケースも用意されている","tags":["javascript"],"date":"2013-02-10T01:48:00.000Z"},{"title":"AngularUI for AngularJS","url":"http://angular-ui.github.com/","content":"AngularJS向けのUIコンポーネントライブラリ","tags":["javascript","UI","library"],"date":"2013-02-10T09:54:00.000Z"},{"title":"Addy Osmani - Google+ - TodoMVC 1.1 Released: Now Includes Kendo UI, TypeScript,…","url":"https://plus.google.com/115133653231679625609/posts/6ABtV7ntwPp","content":"TodoMVC 1.1 リリース\nDartやTypeScriptを使った実装、新しい実装の追加やライブラリの最新版への追従など\nhttp://bit.ly/Xcm4n1","tags":["javascript","library","MVC","ReleaseNote"],"date":"2013-02-10T18:00:00.000Z"},{"title":"anvaka/jsruntime · GitHub","url":"https://github.com/anvaka/jsruntime","content":"runtimeでプロパティ名と値にマッチするオブジェクトを検索出来るChrome Dev Tools拡張","tags":["javascript","Chrome","デバック","Extension"],"date":"2013-02-11T02:06:00.000Z"},{"title":"Say hello to CSS Regions Polyfill | Mihai Corlan","url":"http://corlan.org/2013/02/08/say-hello-to-css-regions-polyfill/","content":"CSS Regions polyfil.\n","tags":["css","javascript","library"],"date":"2013-02-11T10:12:00.000Z"},{"title":"Nodefront","url":"https://gist.github.com/makotot/4148990","content":"\"Nodefrontはフロントエンド開発高速化のためのNode製コマンドラインユーティリティ\"\nNodefrontのreadme訳\nhttps://github.com/karthikv/nodefront","tags":["node.js","console","translate"],"date":"2013-02-11T18:18:00.000Z"},{"title":"ブラウザゲーム時代のチートとセキュリティ - メモ代わり","url":"http://wate.jp/wp/?p=262","content":"オンラインブラウザゲームでのチート対策について。\n時間の偽装、送信/受信パケットの改ざん、BOT、SSLと暗号化について、APIを直接叩いた場合のレスポンスについて","tags":["browser","HTTP","javascript","game"],"date":"2013-02-12T02:24:00.000Z"},{"title":"Home | JavaScript UI - w2ui","url":"http://w2ui.com/web/home","content":"jQueryベースの\nLayout,Grid,Tool/SideBar,Tab.Form,popup/popover等のUIライブラリ.","tags":["jQuery","UI","library"],"date":"2013-02-12T10:30:00.000Z"},{"title":"svg.js - A lightweight JavaScript library for manipulating and animating svg","url":"http://svgjs.com/","content":"SVGアニメーションライブラリ","tags":["SVG","animation","library"],"date":"2013-02-12T18:36:00.000Z"},{"title":"jQuery UI 1.10.1 | jQuery UI Blog","url":"http://blog.jqueryui.com/2013/02/jquery-ui-1-10-1/","content":"jQuery UI 1.10.1リリース","tags":["jQuery","UI","library","ReleaseNote"],"date":"2013-02-13T02:42:00.000Z"},{"title":"Node v0.8.20 (Stable)","url":"http://blog.nodejs.org/2013/02/15/node-v0-8-20-stable/","content":"Node v0.8.20リリース","tags":["node.js","ReleaseNote"],"date":"2013-02-13T10:48:00.000Z"},{"title":"jQuery Learning Center: Welcome! | Official jQuery Blog","url":"http://blog.jquery.com/2013/02/15/jquery-learning-center-welcome/","content":"jQueryを学ぶの補助するためのLearning Centerを公開.\nコミュニティドリブンで文章についてもGithubで管理されてる.\nコントリビューション方法について詳しく書かれていて、スタイルガイドは文章のスタイルについても書かれてて面白い\nhttp://learn.jquery.com/style-guide/","tags":["jQuery","ReleaseNote"],"date":"2013-02-13T18:54:00.000Z"},{"title":"PeerJS - Peer-to-peer data in the web browser","url":"http://peerjs.com/","content":"WebRTCを使ったP2Pのデータのやり取りを補助するライブラリ.\n仲介サーバのPeerServerも公開してる(本質的なデータのやり取り部分はP2P)","tags":["javascript","library","p2p"],"date":"2013-02-14T03:00:00.000Z"},{"title":"What is hoisting, really? - blog by @johnkpaul","url":"http://johnkpaul.com/blog/2013/02/11/what-is-hoisting-really/","content":"JavaScriptのHoisting(巻き上げ)と呼ばれる呼ばれる挙動についての解説.\n仕様的な面からどのようにして起きるのかについて書かれている","tags":["javascript"],"date":"2013-02-14T11:06:00.000Z"},{"title":"Client-side Messaging Essentials","url":"http://freshbrewedcode.com/jimcowart/2013/02/07/client-side-messaging-essentials/","content":"イベント駆動JavaScriptとしてMediatorとObserverの違いについて。\n使い分けやBackbone.js的なobserverについて、実際に実装する場合にどのような引数を受けるかについてなど","tags":["javascript","event"],"date":"2013-02-14T19:12:00.000Z"},{"title":"jQuery Migrate 1.1.1 Released | Official jQuery Blog","url":"http://blog.jquery.com/2013/02/16/jquery-migrate-1-1-1-released/","content":"jQuery Migrate 1.1.1リリース.\nRemove “use strict”:されたのと、dataType:\"json\"をちゃんと処理するように、","tags":["jQuery","ReleaseNote"],"date":"2013-02-15T03:18:00.000Z"},{"title":"Ember.js - Ember 1.0 RC","url":"http://emberjs.com/blog/2013/02/15/ember-1-0-rc/","content":"Ember.js 1.0 RC1リリース","tags":["javascript","MVC","library","ReleaseNote"],"date":"2013-02-15T11:24:00.000Z"},{"title":"rpflorence/ember-tools · GitHub","url":"https://github.com/rpflorence/ember-tools","content":"ember.jsのcreate/build/scaffold的なテンプレート生成するgeneratorなどemberに関するCLIツール","tags":["javascript","Tools"],"date":"2013-02-15T19:30:00.000Z"},{"title":"juliangruber/review · GitHub","url":"https://github.com/juliangruber/review","content":"PhantomJSを使って色々な画面サイズでスクリーンショットを取得するCLIツール","tags":["browser","Tools"],"date":"2013-02-16T03:36:00.000Z"},{"title":"Edge Reflow プレビュー版公開 - akihiro kamijo","url":"http://cuaoar.jp/2013/02/edge-reflow.html","content":"Edge Reflowのプレビュー版公開\nhttp://html.adobe.com/jp/edge/reflow/\nレイアウトを画面サイズ可変で作るのを補助するツール","tags":["design","adobe","software"],"date":"2013-02-16T11:42:00.000Z"},{"title":"jQuery Core 1.9 アップグレードガイド 日本語訳 | WWW WATCH","url":"http://hyper-text.org/archives/2013/02/jquery_core_19_upgrade_guide_ja.shtml","content":"jQuery Core 1.9 Upgrade Guide の翻訳","tags":["jQuery","translate"],"date":"2013-02-16T19:48:00.000Z"},{"title":"\"The jsPerf Guide\" (book) by Kyle Simpson — Kickstarter","url":"http://www.kickstarter.com/projects/getify/the-jsperf-guide-book","content":"jsPerf.com ガイドブックのKickstarter","tags":["javascript","webservice","book"],"date":"2013-02-17T03:54:00.000Z"},{"title":"Alex Rothenberg - The \"Magic\" behind AngularJS Dependency Injection","url":"http://www.alexrothenberg.com/2013/02/11/the-magic-behind-angularjs-dependency-injection.html","content":"AngularJSのDependency Injection の不思議な挙動についての解説","tags":["javascript","Angular"],"date":"2013-02-17T12:00:00.000Z"},{"title":"Using FormData to send forms with XHR as key/value pairs - Robert's talk","url":"http://robertnyman.com/2013/02/11/using-formdata-to-send-forms-with-xhr-as-keyvalue-pairs/","content":"FormDataとXHRの使い方について","tags":["javascript","XHR"],"date":"2013-02-17T20:06:00.000Z"},{"title":"Say \"Hello\" to Lo-Dash - Kit Cambridge","url":"http://kitcambridge.github.com/blog/say-hello-to-lo-dash/","content":"Underscore互換APIを持ったLo-Dash 1.0.0がリリースされて、作られた背景や違いなどについてやカスタムビルド、ブラウザのサポートに付いてなど","tags":["javascript","library","ReleaseNote"],"date":"2013-02-18T04:12:00.000Z"},{"title":"Changelog · bestiejs/lodash Wiki","url":"https://github.com/bestiejs/lodash/wiki/Changelog","content":"Lo-Dash v1.0.1リリース","tags":["javascript","library","ReleaseNote"],"date":"2013-02-18T12:18:00.000Z"},{"title":"Grunt 0.4.0 released - Grunt: The JavaScript Task Runner","url":"http://gruntjs.com/blog/2013-02-18-grunt-0.4.0-released","content":"JavaScriptで書けるタスク実行ツール\nGrunt 0.4 リリース","tags":["node.js","Tools"],"date":"2013-02-18T20:24:00.000Z"},{"title":"O'Reilly Japan - メンテナブルJavaScript","url":"http://www.oreilly.co.jp/books/9784873116105/","content":"2013年03月06日発売\nMaintainable JavaScriptの日本語版","tags":["javascript","book"],"date":"2013-02-19T04:30:00.000Z"},{"title":"とほほのjQuery入門","url":"http://www.tohoho-web.com/js/jquery/index.htm","content":"jQueryリファレンス","tags":["jQuery","リファレンス"],"date":"2013-02-19T12:36:00.000Z"},{"title":"MooTools - MooTools 1.2.6 Released","url":"http://mootools.net/blog/2013/02/19/mootools-1-2-6-released/","content":"MooTools 1.2.6リリース\nString.prototype.containsの競合問題ｎ修正","tags":["javascript","library","ReleaseNote"],"date":"2013-02-19T20:42:00.000Z"},{"title":"AutoCompleteJS » Home","url":"http://autocompletejs.com/","content":"自動補完のUIライブラリ\njQueryを利用してる","tags":["javascript"],"date":"2013-02-20T04:48:00.000Z"},{"title":"jQuery Mobile 1.3.0 Released | jQuery Mobile","url":"http://jquerymobile.com/blog/2013/02/20/jquery-mobile-1-3-0-released/","content":"jQuery Mobile 1.3.0リリース\n","tags":["jQuery","mobile","ReleaseNote"],"date":"2013-02-20T12:54:00.000Z"},{"title":"Manning: Ember.js in Action","url":"http://www.manning.com/skeie/","content":"Ember.jsについての書籍\nEarly Access Edtionは既に購入できる状態","tags":["javascript","book"],"date":"2013-02-20T21:00:00.000Z"},{"title":"Kimbo.js - An ECMAScript 5 only-compatible JavaScript library","url":"http://kimbojs.com/","content":"jQuery compatibleなAPI持ったライブラリ. 全体的に新しめのDOM APIやES5のメソッドを使って実装されている(基本的にネイティブ実装前提っぽい)","tags":["javascript","DOM","library"],"date":"2013-02-21T05:06:00.000Z"},{"title":"testacular/CHANGELOG.md at master · testacular/testacular · GitHub","url":"https://github.com/testacular/testacular/blob/master/CHANGELOG.md#v060-2013-02-22","content":"JavaScriptテスティングフレームワーク  testacular v0.6.0リリース","tags":["javascript","testing","library","ReleaseNote"],"date":"2013-02-21T13:12:00.000Z"},{"title":"HTML5&CSS3リファレンス","url":"http://htmlcss.jp/index.html","content":"HTML5/CSS3リファレンス","tags":["HTML5","css","リファレンス"],"date":"2013-02-21T21:18:00.000Z"},{"title":"ES6 Module Transpiler - Tomorrow's JavaScript module syntax today","url":"http://corner.squareup.com/2013/02/es6-module-transpiler.html","content":"ES6 moduleのimportなどをAMDやCommonJSな形式などに変換できるツール","tags":["ECMA","javascript","Tools"],"date":"2013-02-22T05:24:00.000Z"},{"title":"Handlebars.js Tutorial: Learn Everything About Handlebars.js JavaScript Templating | JavaScript is Sexy","url":"http://javascriptissexy.com/handlebars-js-tutorial-learn-everything-about-handlebars-js-javascript-templating/","content":"Handlebars.jsのチュートリアル.\n基本的な使い方からヘルパーの書き方、テンプレートの使い方など詳しく書かれてる","tags":["javascript","library","tutorial"],"date":"2013-02-22T13:30:00.000Z"},{"title":"browserify","url":"http://browserify.org/announcing_browserify_v2","content":"browserify v2.0リリース.\n動的にモジュール解決するのに追加して、事前に依存解決のマップを作成しておくことができるようになった","tags":["javascript","node.js","browser","library"],"date":"2013-02-22T21:36:00.000Z"},{"title":"O'Reilly Japan - アクセシビリティハンドブック","url":"http://www.oreilly.co.jp/books/9784873115993/","content":"アクセシビリティについての書籍\nスクリーンリーダ、視覚障害、物理的なアクセシビリティ、認識障害","tags":["アクセシビリティ","book","電子書籍"],"date":"2013-02-23T05:42:00.000Z"},{"title":"Manning: Dart in Action","url":"http://www.manning.com/buckett/","content":"Dart本","tags":["dart","book"],"date":"2013-02-23T13:48:00.000Z"},{"title":"Try jQuery Interactive Course | Official jQuery Blog","url":"http://blog.jquery.com/2013/02/22/try-jquery-interactive-course/","content":"Code SchoolにjQueryのチュートリアル的なコースがオープンされた","tags":["jQuery","video","tutorial"],"date":"2013-02-23T21:54:00.000Z"},{"title":"Amazon: Node.jsプログラミングガイド [単行本]: 高橋 登史朗","url":"http://www.amazon.co.jp/o/ASIN/4798037060/book042-22/ref=nosim","content":"2013年2月27日発売\nNode.js本","tags":["node.js","book"],"date":"2013-02-24T06:00:00.000Z"},{"title":"A programmer’s guide to JavaScript by Dr. Axel Rauschmayer","url":"http://jsguide.org/","content":"Dr. AxelによるJavaScriptのガイドとなる書籍","tags":["javascript","book"],"date":"2013-02-24T14:06:00.000Z"},{"title":"Takazudolog - Grunt v0.4.0 での変更点","url":"http://takazudo.github.com/blog/entry/2013-02-23-grunt04.html","content":"Grunt v0.4.0 の変更点について","tags":["ReleaseNote","node.js","Tools"],"date":"2013-02-24T22:12:00.000Z"},{"title":"HTML / DOM におけるキーボードイベント周りの話 - ひだまりソケットは壊れない","url":"http://vividcode.hatenablog.com/entry/dom/keyboard-events","content":"DOM 3 Eventsの仕様からみるkeydown/keypress/keyupイベントや渡されるeventオブジェクト(KeyboardEvent)について。\nショートカットを実装する場合にどのような順序で見ていくといいかについて","tags":["DOM","キーボード","event"],"date":"2013-02-25T06:18:00.000Z"},{"title":"stevekwan/best-practices · GitHub","url":"https://github.com/stevekwan/best-practices","content":"JavaScriptやCSSなどについてのベスプラクティスガイド","tags":["javascript","blog"],"date":"2013-02-25T14:24:00.000Z"},{"title":"Node v0.8.21 (Stable)","url":"http://blog.nodejs.org/2013/02/25/node-v0-8-21-stable/","content":"Node 0.8.21リリース\ntestにTAP出力が追加されてる","tags":["node.js","ReleaseNote"],"date":"2013-02-25T22:30:00.000Z"},{"title":"フロントエンドJavaScriptにおける設計とテスト","url":"http://hokaccha.github.com/slides/javascript_design_and_test/#page1","content":"JavaScriptアプリケーションのテストについてのスライド.\nModelとVIewを明確に分けてテストしやすくする。\n結合テストとユニットテストとスタブについて","tags":["javascript","slide","testing"],"date":"2013-02-26T06:36:00.000Z"},{"title":"Grunt 0.4.0 released - Grunt: The JavaScript Task Runner","url":"http://gruntjs.com/blog/2013-02-18-grunt-0.4.0-released","content":"JavaScriptで書けるタスク実行ツール Grunt 0.4 リリース","tags":["node.js","Tools"],"date":"2013-02-26T14:42:00.000Z"},{"title":"literateモードが加わった「CoffeeScript 1.5」がリリース - SourceForge.JP Magazine : オープンソースの話題満載","url":"http://sourceforge.jp/magazine/13/02/26/0533246","content":"CoffeeScript 1.5がリリースされた.\nliterateモードというMarkdownのコードブロックだけを実行する機能が入った","tags":["CoffeeScript","ReleaseNote"],"date":"2013-02-26T22:48:00.000Z"},{"title":"Windows 7 SP1版向けIE10の提供を開始 - Internet Explorer ブログ (日本語版) - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie_jp/archive/2013/02/27/10397523.aspx","content":"IE10がWindows7(SP1)、Windows Server 2008向け向けに公開された","tags":["IE","ReleaseNote"],"date":"2013-02-27T06:54:00.000Z"},{"title":"Amazon: HTML5モバイルアプリケーションフレームワーク Sencha Touchパーフェクトガイド [大型本]: 大谷弘喜, 稲垣龍一, 川野忍, 土江拓郎, 森本恭平, 高岡大介","url":"http://www.amazon.co.jp/o/ASIN/4048869566/book042-22/ref=nosim","content":"SenchaTouch本\nhttp://dsuket.hatenablog.com/entry/2013/02/27/181028","tags":["mobile","Sencha","HTML5","library","book"],"date":"2013-02-27T15:00:00.000Z"},{"title":"JSHint - JSHint 1.0.0 is out","url":"http://jshint.com/blog/2013-02-27/1-0-0/","content":"JSHint 1.0.0リリース","tags":["javascript","Tools","ReleaseNote"],"date":"2013-02-27T23:06:00.000Z"},{"title":"Javascript development tools - resources","url":"http://clausreinke.github.com/js-tools/resources.html","content":"js-tools MLのJavaScriptツールやエンジン/エディタ/リソース等のリンク集","tags":["javascript"],"date":"2013-02-28T07:12:00.000Z"},{"title":"開発者のための WebKit (“WebKit for Developers” 日本語訳)","url":"http://myakura.github.com/n/webkit4devs.html","content":"WebKitがどういう構成をしているか、WebKit portとは何か、どの部分が共通なのか、JavaScriptのバインディング、Operaが採用するChromium、WebKit Nightlyとは何か について書かれている","tags":["webkit","document","translate"],"date":"2013-02-28T15:00:00.000Z"},{"title":"vladikoff/grunt-devtools · GitHub","url":"https://github.com/vladikoff/grunt-devtools","content":"Chrome Dev Tools上にGruntタスクへアクセスできるタブを追加するChrome拡張","tags":["Chrome","node.js","Extension"],"date":"2013-02-28T21:09:00.000Z"},{"title":"SlowmoJS","url":"http://toolness.github.com/slowmo-js/","content":"JavaScriptのコードがどのような順番で実行されているかをステップ毎に表示して、その時評価されてる内容も見られるツール","tags":["javascript","Tools"],"date":"2013-03-01T03:18:00.000Z"},{"title":"JavaScript Testing with Jasmine - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920028277.do","content":"2013年4月発売\nJasmineでのテストについての短めの書籍","tags":["javascript","jasmine","testing","book"],"date":"2013-03-01T09:27:00.000Z"},{"title":"jQueryUI 日本語リファレンス | js STUDIO","url":"http://js.studio-kingdom.com/jqueryui","content":"jQuery UI日本語リファレンス","tags":["jQuery","UI","translate","リファレンス"],"date":"2013-03-01T15:36:00.000Z"},{"title":"jQuery Hotshot | Packt Publishing","url":"http://www.packtpub.com/jquery-hotshot/book","content":"2013年4月発売\njQuery 1.9, jQuery plugin, jQuery UI、 jQuery Mobileについての書籍\n","tags":["jQuery","book"],"date":"2013-03-01T21:45:00.000Z"},{"title":"Learning JavaScriptMVC | Packt Publishing","url":"http://www.packtpub.com/building-javasript-web-applications-using-javascriptmvc/book","content":"2013年3月発売\nJavaScriptMVCについての短めの書籍\nQUnitを使ったテストやCIについて、MVCでウェブアプリケーションを作ってデプロイする所まで","tags":["javascript","MVC","book"],"date":"2013-03-02T03:54:00.000Z"},{"title":"WebReflection/dom4 · GitHub","url":"https://github.com/WebReflection/dom4","content":"DOM4のprepend/appnd/before/after/replace/removeのpolyfill実装ライブライ","tags":["javascript","DOM","library"],"date":"2013-03-02T10:03:00.000Z"},{"title":"NetBeans IDE 7.3 Release Information","url":"http://netbeans.org/community/releases/73/index.html","content":"NetBeans 7.3リリース.\nウェブアプリの新規作成テンプレ、JsTDを使ったテスト統合、内部ブラウザとCSSエディタ、Chrome拡張と連携したNetBeans上からJavaScriptデバッガを使えるように、REST client、JavaScriptエディタの改善","tags":["NetBeans","HTML","javascript","ReleaseNote"],"date":"2013-03-02T16:12:00.000Z"},{"title":"NetBeans 7.3が出ました！ | Work Tool Smith [ワークツールスミス]","url":"http://worktoolsmith.com/2013/03/netbeans-7-3%e3%81%8c%e5%87%ba%e3%81%be%e3%81%97%e3%81%9f%ef%bc%81/","content":"NetBeans 7.3のChromeを使ったJavaScriptデバッガについて","tags":["NetBeans","Chrome"],"date":"2013-03-02T22:21:00.000Z"},{"title":"jQuery 2.0 Beta 2 Released | Official jQuery Blog","url":"http://blog.jquery.com/2013/03/01/jquery-2-0-beta-2-released/","content":"jQuery 2.0 Beta 2 リリース\n.data()が再実装、querySelectorAllと matchesSelectorベースの小さなセレクタエンジンが追加された、カスタムビルドの追加","tags":["jQuery","ReleaseNote"],"date":"2013-03-03T04:30:00.000Z"},{"title":"jsFiddleを使ってJavaScriptのテストを簡単に動かせるテンプレートサイトを作りました | Web scratch","url":"http://efcl.info/2013/0303/res3214/","content":"クリックするとjsFiddleでテストが書ける状態にするテンプレート.\nもっとテストを気軽に共有できるようになるといいな","tags":["javascript","testing","webservice"],"date":"2013-03-03T10:39:00.000Z"},{"title":"PhoneGap | PhoneGap 2.5.0 Released!","url":"http://phonegap.com/blog/2013/02/28/pg-250-released/","content":"PhoneGap 2.5.0リリース","tags":["mobile","ReleaseNote"],"date":"2013-03-03T16:48:00.000Z"},{"title":"BusterJSでテストに使うHTMLの設定と手動実行 - yaakaito.org","url":"http://yaakaito.github.com/blog/2013/03/01/buster-testbed-and-boot/","content":"Buster.JSでtestbed的な任意のHTMLでテストコードを動かすようにする設定について\nJsTDのようなHTML Docコメントを使ったfixtureのテストについても\nhttp://yaakaito.github.com/blog/2013/03/02/buster-html-doc-and-coffee/","tags":["BusterJS","testing"],"date":"2013-03-03T22:57:00.000Z"},{"title":"testem + mocha on Travis-CI - ブラウザでのテストを自動化する - 四角革命前夜","url":"http://d.hatena.ne.jp/sasaplus1/20130301/1362145202","content":"mochaで動かしていたテストを、Travis CIでtestem経由で動かす設定について","tags":["javascript","testing","webservice"],"date":"2013-03-04T05:06:00.000Z"},{"title":"Amazon: はじめてのNode.js -サーバーサイドJavaScriptでWebアプリを開発する- [大型本]: 松島 浩道","url":"http://www.amazon.co.jp/o/ASIN/4797370904/book042-22/ref=nosim","content":"2013年3月15日発売","tags":["node.js","server","book"],"date":"2013-03-04T11:15:00.000Z"},{"title":"Secrets of Awesome JavaScript API Design - Web Standards Sherpa","url":"http://webstandardssherpa.com/reviews/secrets-of-awesome-javascript-api-design/","content":"JavaScriptライブラリのAPIデザインについて.\nUnity & Harmony/balance/proportion/Emphasisの原則についてやどういう視点をもってAPIをデザインするかについて","tags":["javascript","API","design"],"date":"2013-03-04T17:24:00.000Z"},{"title":"JavaScript Unit Testing | Packt Publishing","url":"http://www.packtpub.com/javascript-unit-testing/book","content":"JavaScriptのUnit Testについての書籍.\nJasmine, YUI Test, QUnit, JsTDがそれぞれ1章ずつ割かれてる","tags":["javascript","book"],"date":"2013-03-04T23:33:00.000Z"},{"title":"Unit Testing Backbone.js Applications","url":"http://jspro.com/toolsandlibraries/unit-testing-backbone-js-applications/","content":"mochaとtestemを使ったテスト環境を作って、Backbone.jsを使ったTodoアプリをテストしながら作成していくチュートリアル","tags":["javascript","testing","tutorial"],"date":"2013-03-05T05:42:00.000Z"},{"title":"JEPSO CI","url":"https://jepso-ci.com/","content":"Github hookを使ってpush時に実行できるブラウザのテストを実行するCIサービス.\nテスト実行ページ用のhtmlを用意して置いて実行させるシンプルな仕組み.\n","tags":["browser","testing","javascript","webservice"],"date":"2013-03-05T11:51:00.000Z"},{"title":"Learning from the Brackets Open Source Code : Remote Synthesis","url":"http://remotesynthesis.com/post.cfm/learning-from-the-brackets-open-source-code","content":"Bracketsのコードから学べる事.\nクラス、継承とJSDoc、AMDとモジュール、Lintの設定、Jasmineによるテスト、Mustacheでのテンプレート、LESSを使ったCSS","tags":["javascript"],"date":"2013-03-05T18:00:00.000Z"},{"title":"More CSS Secrets Another 10 things you may not know about CSS","url":"http://lea.verou.me/more-css-secrets/#intro","content":"CSS gradients/Transitions/animation/Hyphenation/ch unitなど最近のCSSの機能についてのスライド。\nスライドが実際に動くデモになってる","tags":["css","slide"],"date":"2013-03-06T00:09:00.000Z"},{"title":"Typeplate » A typographic starter kit encouraging great type on the Web","url":"http://typeplate.com/#stats-tabs","content":"typographic starter kit.\nSass/Lessなどで用意されてる","tags":["css","Sass"],"date":"2013-03-06T06:18:00.000Z"},{"title":"CoffeeScript","url":"http://coffeescript.org","content":"CoffeeScript 1.6.1リリース\nsource mapsのサポート、bug fix","tags":["CoffeeScript","ReleaseNote"],"date":"2013-03-06T12:27:00.000Z"},{"title":"mir.aculo.us JavaScript with Thomas Fuchs » Blog Archive » Zepto 1.0","url":"http://mir.aculo.us/2013/03/04/zepto-1-0/","content":"jQuery互換のAPIを持つ Zepto.js 1.0 リリース","tags":["javascript","jQuery","library","ReleaseNote"],"date":"2013-03-06T18:36:00.000Z"},{"title":"Bootstrap 2.3.1 released · Bootstrap Blog","url":"http://blog.getbootstrap.com/2013/03/01/bootstrap-2-3-1-released/","content":"Bootstrap 2.3.1リリース\n2.3系が2.xの最後で次は3.0を予定","tags":["css","ReleaseNote"],"date":"2013-03-07T00:45:00.000Z"},{"title":"RequireJS 2.1.5 Released ~ James Burke","url":"http://jrburke.com/2013/03/03/requirejs-2.1.5-released/","content":"RequireJS 2.1.5リリース","tags":["AMD","library","ReleaseNote"],"date":"2013-03-07T06:54:00.000Z"},{"title":"JSHint - JSHint 1.1.0 is out","url":"http://jshint.com/blog/2013-03-05/1-1-0/","content":"JSHint 1.1.0リリース.\nPhantomJSのサポートを追加、Google Closure Linterと互換をとるgclオプションの追加、unusedのチェック設定を追加","tags":["javascript","Tools","ReleaseNote"],"date":"2013-03-07T13:03:00.000Z"},{"title":"Headless Functional Testing with Selenium and PhantomJS | Nettuts+","url":"http://net.tutsplus.com/tutorials/javascript-ajax/headless-functional-testing-with-selenium-and-phantomjs/","content":"PhantomJSとWebDriverとmochaを使って自動テスト","tags":["browser","testing"],"date":"2013-03-07T19:12:00.000Z"},{"title":"Node v0.8.22 (Stable)","url":"http://blog.nodejs.org/2013/03/06/node-v0-8-22-stable/","content":"Node v0.8.22リリース","tags":["node.js","ReleaseNote"],"date":"2013-03-08T01:21:00.000Z"},{"title":"Zepto.js ver1.0がリリースされました | 1000ch.net","url":"http://1000ch.net/2013/03/05/ZeptoIsReleased/","content":"Zepto.js 1.0の変更点について","tags":["jQuery","javascript","library","ReleaseNote"],"date":"2013-03-08T07:30:00.000Z"},{"title":"Chromium Feature Dashboard","url":"http://www.chromestatus.com/features","content":"Chromiumの実装されてる機能のステータスや標準化の進行度、prefixの有無、他のブラウザに実装されたバージョン、参考ドキュメントなどをまとめてる表","tags":["Chrome","まとめ"],"date":"2013-03-08T13:39:00.000Z"},{"title":"Flight入門","url":"http://www.slideshare.net/bs_yagi/flight-16990467","content":"FlightのAMDモジュールの使い方についてのスライド","tags":["twitter","javascript","slide"],"date":"2013-03-08T19:48:00.000Z"},{"title":"Testing Clientside JavaScript - Online Training Course for .NET Developers","url":"http://pluralsight.com/training/Courses/TableOfContents/testing-javascript","content":"有料のsubscriber向けだけど、QUnit,Jasmine,Mocha,モック,Jasmineのspy,Sinon.JS, Utilなどについてのオンライン講座","tags":["javascript","video"],"date":"2013-03-09T01:57:00.000Z"},{"title":"WebStorm 6.0 released: adds TypeScript, debugging with source maps, fresh UI and much more | WebStorm & PhpStorm Blog","url":"http://blog.jetbrains.com/webide/2013/03/webstorm-6-0-released-adds-typescript-debugging-with-source-maps-fresh-ui-and-much-more/","content":"WebStorm 6.0リリース.\n保存するごとにスクリプトを走らせられるFile Watcher、TypeScriptやCoffeeScript等のデバッグ連携、ビルドインのRESTクライアント、Google Closure Linterの追加など","tags":["WebStorm","ReleaseNote"],"date":"2013-03-09T08:06:00.000Z"},{"title":"rawson.js - a camera raw previewer in javascript","url":"http://dev.tag.is/rawson.js/","content":"色々なカメラのraw画像をサポートしてるJavaScriptで書かれてるデコードを使った画像ビューアー","tags":["javascript","画像"],"date":"2013-03-09T14:15:00.000Z"},{"title":"Using the Console - Chrome Developer Tools — Google Developers","url":"https://developers.google.com/chrome-developer-tools/docs/console","content":"Chrome Dev ToolsのConsole周りの解説\nConsole APIの解説","tags":["Chrome","デバック"],"date":"2013-03-09T20:24:00.000Z"},{"title":"espadrine/aulx · GitHub","url":"https://github.com/espadrine/aulx","content":"JavaScriptで書かれたHTML/CSS/JavaScriptの自動補完ライブラリ\n静的解析、静的な型推論、動的解析","tags":["javascript","library"],"date":"2013-03-10T02:33:00.000Z"},{"title":"Tern","url":"http://ternjs.net/","content":"自動補完、宣言元へのジャンプ、リファクタリング等の機能が入ったJavaScriptなエディタライブラリ.\nSpiderMonkey で使われてるアルゴリズムを元にした型推論をしていて、パーサーは同作者のAcornを使用。","tags":["javascript","library"],"date":"2013-03-10T08:42:00.000Z"},{"title":"Writing Testable Frontend Javascript Part 2 – Refactor away anti-patterns | Shane Tomlinson","url":"https://shanetomlinson.com/2013/writing-testable-javascript-part-2-refactor-away-anti-patterns/","content":"テストしやすいJavaScript part2.\npart1でアンチパターンを解消して、今回はリファクタリングをしていく。\nモジュール化していきPublic APIを整理していく、イベントハンドラを関数に分ける(detachもしやすくなる)、DOM/XHRのモックなどについて","tags":["javascript","event","testing"],"date":"2013-03-10T14:51:00.000Z"},{"title":"slightlyoff/DOMFuture · GitHub","url":"https://github.com/slightlyoff/DOMFuture","content":"DOMの非同期API(XHRやonloadなど)に対するPromiseのIDLと実装としてのPolyfill","tags":["DOM","event","javascript","google"],"date":"2013-03-10T21:00:00.000Z"},{"title":"#FranceJS : Communauté française de promotion de JavaScript","url":"http://francejs.org/manifeste.html","content":"フランスのJavaScriptコミュニティ #FranceJS がオープンされた。\n短期的な目標としてフランスローカルのコミュニティの発展。先の目的としては非営利団体として活動できるようにすることが上げられてる。\nオープンで民主的であり、それらを円滑に進めるためにGithubやIRCやGoogle+等のコミュニケーションツールを用意してある。","tags":["javascript","community"],"date":"2013-03-11T03:09:00.000Z"},{"title":"Scripted 0.4 - release notes","url":"http://scripted-editor.github.com/scripted/release_notes/0_4_0/scripted_0_4_0.html","content":"OrionのコードエディタベースのScripted 0.4リリース。\nコードテンプレート、JSdocツールチップ、Zencoding、AMDモジュールを使ったプラグイン機構\n","tags":["javascript","editor"],"date":"2013-03-11T09:18:00.000Z"},{"title":"Node v0.10.0 (Stable)","url":"http://blog.nodejs.org/2013/03/11/node-v0-10-0-stable/","content":"Node v0.10.0リリース(stable release)\n\n","tags":["node.js","ReleaseNote"],"date":"2013-03-11T15:27:00.000Z"},{"title":"Yeti 0.2.18 released","url":"http://www.yeti.cx/blog/2013/03/yeti-0-2-18-released/","content":"Yeti 0.2.18 リリース.\nキャプチャーページでのsmart timeouts、parallel browser testingのためのリファクタリング","tags":["javascript","testing","ReleaseNote"],"date":"2013-03-11T21:36:00.000Z"},{"title":"プライベートメソッドのユニットテストは書かないもの？ - QA@IT","url":"http://qa.atmarkit.co.jp/q/2784","content":"プライベートメソッドのテストはどうするべきなのかという質問に対する対処法","tags":["javascript","testing","program"],"date":"2013-03-12T03:45:00.000Z"},{"title":"Amazon: Enterprise Web Development: Building HTML5 Applications: From Desktop to Mobile [Paperback]: Yakov Fain, Victor Rasputnis, Anatole Tartakovsky, Viktor Gamov","url":"http://www.amazon.com/o/ASIN/1449356818/book042-22/ref=nosim","content":"2013年9月22日発売\nエンタープライズのウェブアプリケーションについての書籍","tags":["book","webservice"],"date":"2013-03-12T09:54:00.000Z"},{"title":"Announcing YUI 3.9.0 - YUI Blog","url":"http://www.yuiblog.com/blog/2013/03/13/announcing-yui-3-9-0/","content":"YUI 3.9.0リリース.\n","tags":["javascript","library","ReleaseNote"],"date":"2013-03-12T16:03:00.000Z"},{"title":"Web Audio API - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920025948.do","content":"WebAudioAPIについての書籍","tags":["music","WebAPI","book"],"date":"2013-03-12T22:12:00.000Z"},{"title":"jQuery UI 1.10.2 | jQuery UI Blog","url":"http://blog.jqueryui.com/2013/03/jquery-ui-1-10-2/","content":"jQuery UI 1.10.2リリース","tags":["jQuery","UI","ReleaseNote"],"date":"2013-03-13T04:21:00.000Z"},{"title":"Yeti 0.2.19 released","url":"http://www.yeti.cx/blog/2013/03/yeti-0-2-19-released/","content":"Yeti 0.2.19リリース\n uncaught errorsの改善、WebDriver CLIオプションの追加","tags":["javascript","testing","ReleaseNote"],"date":"2013-03-13T10:30:00.000Z"},{"title":"Grunt 0.4.1 released - Grunt: The JavaScript Task Runner","url":"http://gruntjs.com/blog/2013-03-13-grunt-0.4.1-released","content":"Grunt 0.4.1 リリース","tags":["javascript","Tools","ReleaseNote"],"date":"2013-03-13T16:39:00.000Z"},{"title":"Daniel Davis - List of JavaScript charting libraries","url":"http://my.opera.com/tagawa/blog/list-of-javascript-charting-libraries","content":"JavaScriptのグラフ系ライブラリのまとめ","tags":["javascript","グラフ","library","まとめ"],"date":"2013-03-13T22:48:00.000Z"},{"title":"JS Git by Tim Caswell — Kickstarter","url":"http://www.kickstarter.com/projects/creationix/js-git","content":"JavaScriptのGit実装を作るKickstarter.\nChromebookのような環境でも使えるGitを","tags":["javascript","git","library"],"date":"2013-03-14T04:57:00.000Z"},{"title":"Aptana Studio Beginner's Guide | Packt Publishing","url":"http://www.packtpub.com/aptana-studio-3-integrated-development-environment-beginners-guide/book","content":"Aptana Studioについての書籍","tags":["javascript","IDE","php"],"date":"2013-03-14T11:06:00.000Z"},{"title":"Run server-side code and discover APIs in your browser","url":"http://runnable.com/","content":"node.jsをブラウザ上で書いて実行できるウェブサービス","tags":["node.js","webservice"],"date":"2013-03-14T17:15:00.000Z"},{"title":"Formula.js","url":"http://stoic.com/formula/index.html","content":"Excel関数(ExcelとGoogle SpreadSheets)のJavaScript実装ライブラリ","tags":["javascript","library"],"date":"2013-03-14T23:24:00.000Z"},{"title":"Dirty Markup · Tidy and Beautify your HTML, CSS, and JavaScript code","url":"http://www.dirtymarkup.com/","content":"HTML/CSS/JavaScriptを整形ツール\nWord HTMLを最適化するオプションもあったりする","tags":["HTML","css","javascript","Tools"],"date":"2013-03-15T05:33:00.000Z"},{"title":"QUnit で ECMAScript 6th Compatibility Test を書いてみた - hogehoge @teramako","url":"http://d.hatena.ne.jp/teramako/20130317/p1","content":"ECMAScript compatibility tableのQunitで実行できるテストケース","tags":["javascript","testing","ECMA"],"date":"2013-03-15T11:42:00.000Z"},{"title":"Refactoring setInterval-based polling - Adventures in JavaScript Development","url":"http://rmurphey.com/blog/2013/02/04/refactoring-setInterval-polling/","content":"setTimeIntervalで単純に回してた処理を、ちゃんと成否を確認してからsetTimeoutで回すように変更する方法やPromiseを使った方法へのリファクタリングについて","tags":["javascript","Tips"],"date":"2013-03-15T17:51:00.000Z"},{"title":"Firefox上のFlash Playerで、保護モードが有効でもIMEが利用できるようにする方法 - WebStudio","url":"http://www.d-toybox.com/studio/weblog/show.php?mode=single;id=2013031500","content":"wmodeを使って保護モードでもIMEが利用できるように回避する方法","tags":["flash","firefox","IME"],"date":"2013-03-16T00:00:00.000Z"},{"title":"非同期プログラミングを驚きのシンプルさに (するかもしれない) Flow.js を公開しました。 - latest log","url":"http://uupaa.hatenablog.com/entry/2013/03/12/185555","content":"カウンタベースのフロー制御ライブラリ","tags":["javascript","library","slide"],"date":"2013-03-16T06:09:00.000Z"},{"title":"CSS Front-end Frameworks with comparison - By usabli.ca","url":"http://usablica.github.com/front-end-frameworks/compare.html?v=2.0","content":"CSSフレームワークの対応ブラウザとプラットフォーム、使用してる言語(Sass/Less)、ライセンスのまとめ","tags":["css","まとめ"],"date":"2013-03-16T12:18:00.000Z"},{"title":"GoodBoyDigital/pixi.js · GitHub","url":"https://github.com/GoodBoyDigital/pixi.js","content":"WebGLを使った2Dレンダリングエンジン","tags":["javascript","canvas","WebGL"],"date":"2013-03-16T18:27:00.000Z"},{"title":"JS: The Right Way","url":"http://jstherightway.com/","content":"JavaScriptのデザインパターンやツール、リソース、書籍等のまとめ","tags":["javascript","まとめ"],"date":"2013-03-17T00:36:00.000Z"},{"title":"Touch And Mouse: Together Again For The First Time - HTML5 Rocks","url":"http://www.html5rocks.com/en/mobile/touchandmouse/","content":"touch/move/clickのイベントの順序.\nタッチイベントとマウスイベントどちらも対応することについて","tags":["javascript","DOM"],"date":"2013-03-17T06:45:00.000Z"},{"title":"jQuery Mobile 1.3 最新情報","url":"http://www.slideshare.net/yoshikawa_t/jquery-mobileupdates","content":"jQuery Mobile 1.3のあたらしい機能などについてのスライド","tags":["jQuery","mobile","slide"],"date":"2013-03-17T12:54:00.000Z"},{"title":"Future of Firefox DevTools // by Paul Rouget","url":"http://paulrouget.com/e/devtoolsnext/","content":"Firefox DevToolsの未来の機能.\nエディタで編集したCSSをリアルタイムで反映するLive Edit/jsFiddleのような形態のエディタ/ネットワークパネル/CoffeeScript+SourceMapのサポート/repaint/アニメーションのデバッグ","tags":["firefox","デバック"],"date":"2013-03-17T19:03:00.000Z"},{"title":"webstormの「Instant HTML/CSS editing」が凄い - miniapp","url":"http://miniapp.org/blog/2012/06/28/304/","content":"WebStormとかのLive Edit機能についての動画","tags":["WebStorm"],"date":"2013-03-18T01:12:00.000Z"},{"title":"HTMLでDOCTYPE宣言はなぜ必要か？ | input*output","url":"http://inputxoutput.com/html-doctype/","content":"HTMLのDOCTYPE宣言が必要な歴史的な理由","tags":["HTML","歴史"],"date":"2013-03-18T07:21:00.000Z"},{"title":"Karma - Changelog","url":"http://karma-runner.github.com/0.8/about/changelog.html","content":"testacular 改め Karma 0.8.0リリース。\n名前変えた経緯は以下参照 : \nhttps://github.com/karma-runner/karma/issues/376","tags":["javascript","testing","ReleaseNote"],"date":"2013-03-18T13:30:00.000Z"},{"title":"Amazon: スラスラわかるJavaScript (Beginner’s Best Guide to Programmin) [単行本（ソフトカバー）]: 生形 可奈子","url":"http://www.amazon.co.jp/o/ASIN/4798125830/book042-22/ref=nosim","content":"プログラミング初心者向けのJavaScript本\nhttp://books.shoeisha.co.jp/book/b101804.html","tags":["javascript","book"],"date":"2013-03-18T19:39:00.000Z"},{"title":"Manning: AngularJS in Action","url":"http://www.manning.com/bford/","content":"発売はFall 2013年予定\nAngularJSのAction本","tags":["Angular","javascript","book"],"date":"2013-03-19T01:48:00.000Z"},{"title":"Backbone 1.0","url":"http://ashkenas.com/backbonejs-1.0/","content":"Backbone 1.0リリース","tags":["javascript","MVC","ReleaseNote"],"date":"2013-03-19T07:57:00.000Z"},{"title":"Yeti 0.2.20 released - YUI Blog","url":"http://www.yuiblog.com/blog/2013/03/20/yeti-0-2-20-released/","content":"Yeti 0.2.20リリース。\n","tags":["javascript","testing","ReleaseNote"],"date":"2013-03-19T14:06:00.000Z"},{"title":"Default Parameters in JavaScript","url":"http://designpepper.com/blog/drips/default-parameters-in-javascript","content":"JavaScriptでデフォルトパラメータを書く方法について。\njQueryとかでよく見るextendによる実装について","tags":["javascript"],"date":"2013-03-19T20:15:00.000Z"},{"title":"Superhero.js","url":"http://superherojs.com/","content":"JavaScriptのよいリソースまとめ.\n学び方、管理方法、テスト、ツール、パフォーマンスとプロファイル、セキュリティ、ブラウザ内部、未来について等","tags":["javascript","links","まとめ"],"date":"2013-03-20T02:24:00.000Z"},{"title":"RequireJSを活用したキャッシュ防止、A/Bテスト、画像事前読込など - eller's blog","url":"http://eller86.hatenablog.jp/entry/2013/03/20/004648","content":"RequireJSのTips集\nキャッシュの防止、A/Bテスト、画像の先読み、i18n","tags":["javascript","AMD","Tips"],"date":"2013-03-20T08:33:00.000Z"},{"title":"Functional JavaScript - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920028857.do","content":"2013年6月発売\n関数型JavaScriptについての書籍","tags":["javascript","book"],"date":"2013-03-20T14:42:00.000Z"},{"title":"CI as a Service – ブラウザを使ったJavaScriptのテストをCIサービスで動かす方法のまとめ | Web scratch","url":"http://efcl.info/2013/0321/res3234/","content":"Travis CI、drone.io、BuildHive、Jepso CI のCIサービスを使ってJavaScriptのテストをする連携方法について","tags":["javascript","browser","testing","CI","webservice"],"date":"2013-03-20T20:51:00.000Z"},{"title":"Node v0.10.1 (Stable)","url":"http://blog.nodejs.org/2013/03/21/node-v0-10-1-stable/","content":"Node v0.10.1 リリース","tags":["node.js","ReleaseNote"],"date":"2013-03-21T03:00:00.000Z"},{"title":"Amazon: JavaScript ライブラリ実践活用〔厳選111〕 (Software Design plus) [大型本]: WINGSプロジェクト, 山田祥寛, 安西剛, 高江賢, 高野将","url":"http://www.amazon.co.jp/o/ASIN/4774156116/book042-22/ref=nosim","content":"2013年3月20日発売\nJavaScriptのUIライブラリ、モバイル向け、フレームワーク、テストライブラリなどについて扱う書籍","tags":["javascript","library","Tools","book"],"date":"2013-03-21T09:09:00.000Z"},{"title":"Amazon.co.jp： JavaScript ライブラリ実践活用〔厳選111〕 (Software Design plus): WINGSプロジェクト: 本","url":"http://www.amazon.co.jp/o/ASIN/4774156116/book042-22/ref=nosim","content":"2013年3月20日発売 JavaScriptのUIライブラリ、モバイル向け、フレームワーク、テストライブラリなどについて扱う書籍\nPDF版もある\nhttps://gihyo.jp/dp/ebook/2013/978-4-7741-5647-7","tags":["javascript","library","Tools","book"],"date":"2013-03-21T15:18:00.000Z"},{"title":"jQuery Mobile 1.3 - Das Kompendium mit 200 Seiten","url":"http://www.slideshare.net/plobacher/jquery-mobile-13-das-kompendium-mit-200-seiten","content":"jQuery Mobile 1.3の機能や変更点について詳しく書かれたスライド","tags":["jQuery","mobile","slide"],"date":"2013-03-21T21:27:00.000Z"},{"title":"Sublimewebinspector","url":"http://sokolovstas.github.com/SublimeWebInspector/","content":"SublimeText2からChrome Dev Toolsのremote debuggerと連携して、SublimeText2内にブレークポイントやコンソール、コードの評価などをできるようにするplguin","tags":["SublimeText2","Chrome"],"date":"2013-03-22T03:36:00.000Z"},{"title":"","url":"http://sokra.github.com/source-map-visualization/","content":"SourceMapの対応関係を可視化して見られる","tags":["javascript"],"date":"2013-03-22T09:45:00.000Z"},{"title":"Announcing jQuery Mobile 1.2.1 | jQuery Mobile","url":"http://jquerymobile.com/blog/2013/03/22/announcing-jquery-mobile-1-2-1/","content":"jQuery Mobile 1.2.1 のメンテナンスリリース","tags":["jQuery","mobile","ReleaseNote"],"date":"2013-03-22T15:54:00.000Z"},{"title":"O'Reilly Chimera - A new interactive online learning platform (beta)","url":"http://chimera.labs.oreilly.com/books/1230000000545/","content":"TCP/HTTP、HTTP 2.0(SPDY)、WebRTC,WebSockets,Sever Sent Event, XHR、ブラウザ周りのネットワークパフォーマンスについてのベストプラクティスなどについて書籍","tags":["HTTP","book","browser"],"date":"2013-03-22T22:03:00.000Z"},{"title":"クライアントサイドMVCには何が必須? - HAKOBE blog ♨","url":"http://hakobe932.hatenablog.com/entry/2013/03/22/010357","content":"依存を小さくクライアントサイドMVCと言われてる機能を実現するために、コンパクトなObserverパターンをベースとしたものについて。\nBackbone.js/Knockout.js/Lucid.JSでTodoを実装したサンプル","tags":["javascript","MVC","HTML"],"date":"2013-03-23T04:12:00.000Z"},{"title":"jQuery×HTML5×CSS3を真面目に勉強（1）：パララックスエフェクトの基本 (1/4) - ＠IT","url":"http://www.atmarkit.co.jp/ait/articles/1303/28/news005.html","content":"パララックスエフェクトなサイトの作り方についてのチュートリアル","tags":["javascript","DOM","css"],"date":"2013-03-23T10:21:00.000Z"},{"title":"cfv1984/Pomo · GitHub","url":"https://github.com/cfv1984/pomo","content":"GNU gettextのJavaScript実装\nPO/MOファイルを扱える","tags":["javascript","i18n","Tools"],"date":"2013-03-23T16:30:00.000Z"},{"title":"Chart.js | HTML5 Charts for your website.","url":"http://www.chartjs.org/","content":"グラフライブラリ","tags":["グラフ","javascript","library"],"date":"2013-03-23T22:39:00.000Z"},{"title":"segv/jss · GitHub","url":"https://github.com/segv/jss","content":"EmacsからWebkit Inspector / Firefox Dev Toolsにremote debug連携するelisp","tags":["emacs","browser","デバック"],"date":"2013-03-24T04:48:00.000Z"},{"title":"maxogden/art-of-node · GitHub","url":"https://github.com/maxogden/art-of-node","content":"Node.jsについての紹介.\nアーキテクチャやモジュールなどについて","tags":["node.js","tutorial"],"date":"2013-03-24T10:57:00.000Z"},{"title":"Open Web Platform Daily Digest","url":"http://daily.w3viewer.com/","content":"日刊でWebプラットフォームに関するニュースを書いてるサイト.","tags":["web","news"],"date":"2013-03-24T17:06:00.000Z"},{"title":"Dependent Types for JavaScript","url":"http://www.infoq.com/presentations/Type-System-JavaScript","content":"JavaScript論文 - DJS(Dependent JavaScript) についての発表\nLogicなアプローチ/型コメント\nhttp://cseweb.ucsd.edu/~rchugh/research/nested/djs.pdf\nhttps://github.com/ravichugh/djs","tags":["javascript","PDF","slide","video"],"date":"2013-03-24T23:15:00.000Z"},{"title":"Debug in safari","url":"http://www.slideshare.net/html5j/debug-in-safari-17451632","content":"Safariの開発メニューについてのスライド\niOSのデバッグ","tags":["safari","デバック","slide"],"date":"2013-03-25T05:24:00.000Z"},{"title":"Code smells in CSS | en.ja | Translated Articles for Front End Developers","url":"http://enja.studiomohawk.com/2013/03/24/code-smells-in-css/","content":"CSSの臭いについて\n筋な悪そうなCSS - スタイルの取り消し、マジックナンバー、セレクタの付け方、範囲がでかすぎるセレクタ、受動的な!importantやセレクタの命名をどう改善するかについて","tags":["css","document","translate"],"date":"2013-03-25T11:33:00.000Z"},{"title":"pazguille/jvent · GitHub","url":"https://github.com/pazguille/jvent","content":"Node.JSのEventEmitterをクライアントサイド向けにした感じのライブラリ","tags":["node.js","javascript","event","library"],"date":"2013-03-25T17:42:00.000Z"},{"title":"Domイベントの基礎から深淵まで","url":"http://www.slideshare.net/masayukinakano560/dom-17527671","content":"DOMイベントについてのスライド.\nキャプチャ/バブリングフェーズの解説、trusted/untrustedイベント/init*Eventでのイベントの作成、mousewheel、buttons、getModifierState()、IMEのみ確定文字列を検知できるCompositionEvent、.keyと.charについて","tags":["DOM","event","slide"],"date":"2013-03-25T23:51:00.000Z"},{"title":"Michal Budzynski: JavaScript: The less known parts. Bitwise Operators.","url":"http://michalbe.blogspot.com/2013/03/javascript-less-known-parts-bitwise.html","content":"ビット演算について。\nXORswap(値の交換)の比較","tags":["JavaScript"],"date":"2013-03-26T06:00:00.000Z"},{"title":"Load Your Game Faster with AppCache - Learning Three.js","url":"http://learningthreejs.com/blog/2013/03/22/load-your-game-faster-with-appcache/","content":"Chrome Dev toolsからHARを取得して、それをAppChacheのマニフェストに変換する方法について","tags":["JavaScript","HTML5"],"date":"2013-03-26T12:09:00.000Z"},{"title":"DevTools Extensions For Web App Developers","url":"http://addyosmani.com/blog/devtools-extensions-for-webapp-developers/","content":"Chrome Dev Toolsの拡張機能紹介","tags":["Chrome","デバック","Extension"],"date":"2013-03-26T18:18:00.000Z"},{"title":"Amazon: The Definitive Guide to HTML5 WebSocket (Definitive Guide Apress) [Paperback]: Vanessa Wang, Visit Amazon's Vanessa Wang Page, search results, Learn about Author Central, Frank Salim, Visit Amazon's Frank Salim Page, search results, Learn about Author Central, Peter Moskovits, Visit Amazon's Peter Moskovits Page, search results, Learn about Author Central","url":"http://www.amazon.com/o/ASIN/1430247401/book042-22/ref=nosim","content":"WebSocket本","tags":["WebSocket","book"],"date":"2013-03-27T00:27:00.000Z"},{"title":"PhantomJS 1.9 Release Notes","url":"http://phantomjs.org/release-1.9.html","content":"PhantomJS 1.9リリース。\n1.xのラストリリース","tags":["webkit","browser","Tools","console"],"date":"2013-03-27T06:36:00.000Z"},{"title":"YUI 3.9.1 Released - YUI Blog","url":"http://www.yuiblog.com/blog/2013/03/27/yui-3-9-1-released/","content":"YUI 3.9.1リリース","tags":["JavaScript","library","ReleaseNote"],"date":"2013-03-27T12:45:00.000Z"},{"title":"google/traceur-compiler · GitHub","url":"https://github.com/google/traceur-compiler","content":"Traceur Compiler @ github","tags":["JavaScript","google","ECMA"],"date":"2013-03-27T18:54:00.000Z"},{"title":"Node v0.10.2 (Stable)","url":"http://blog.nodejs.org/2013/03/28/node-v0-10-2-stable/","content":"Node v0.10.2リリース","tags":["node.js","ReleaseNote"],"date":"2013-03-28T01:03:00.000Z"},{"title":"Michal Budzynski: JavaScript: The less known parts. Bitwise Operators.","url":"http://michalbe.blogspot.com/2013/03/javascript-less-known-parts-bitwise.html","content":"ビット演算について。 XORswap(値の交換)について。 最後のJSperfはdeleteのせいで差が出てるだけなので、 http://jsperf.com/binswapwars/7 の方を見る","tags":["JavaScript"],"date":"2013-03-28T07:12:00.000Z"},{"title":"DailyJS: Backbone.js Tutorial: Updates for 1.0, Clear Complete","url":"http://dailyjs.com/2013/03/28/backbone-tutorial-15/","content":"Backbone.js ver 1.0に対応したチュートリアル ","tags":["backbone.js","tutorial"],"date":"2013-03-28T13:21:00.000Z"},{"title":"Same-Origin Policy とは何なのか。 - 葉っぱ日記","url":"http://d.hatena.ne.jp/hasegawayosuke/20130330/p1","content":"SameOriginポリシーについての解説.\nXRH,Canvas,WebStorage,X-Frame-Options等のoriginを元にしたものと、\nCookie,HTTPAuth,document.domain等独自のポリシーによるものなどをのまとめ","tags":["HTTP","web","セキュリティ"],"date":"2013-03-28T19:30:00.000Z"},{"title":"searls - jasmine tactics screencast","url":"http://searls.testdouble.com/posts/2013-03-21-jasmine-tactics-screencast.html","content":"Backbone.jsで書いたWebアプリをJasmineを使ってテストしながらリファクタリングするスクリーンキャスト","tags":["jasmine","JavaScript","testing","video"],"date":"2013-03-29T01:39:00.000Z"},{"title":"google/kratu · GitHub","url":"https://github.com/google/kratu","content":"CSV等からデータを読み込んで、JSONでデータの重みを定義して、それを元に整形やランキング付けした表を生成するJavaScriptライブラリ","tags":["JavaScript","library"],"date":"2013-03-29T07:48:00.000Z"},{"title":"Josh.js by sdether","url":"http://sdether.github.com/josh.js/index.html","content":"JavaScriptでシェルのような機能を提供するライブラリ。\nreadlineをサポートしていてbashライクな動作を作れる","tags":["JavaScript","console","library"],"date":"2013-03-29T13:57:00.000Z"},{"title":"Web Reflection: 5 Reasons You Should Avoid __proto__","url":"http://webreflection.blogspot.de/2013/03/5-reasons-you-should-avoid-proto.html","content":"__proto__ について。\nvar Dict = Object.create.bind(Object, null);\nvar dictionary = Dict();// とかES5を使った__proto__に関する面白い実装も載せてる","tags":["JavaScript","ECMA"],"date":"2013-03-29T20:06:00.000Z"},{"title":"What's The Point Of Promises?","url":"http://www.kendoui.com/blogs/teamblog/posts/13-03-28/what-is-the-point-of-promises.aspx","content":"CallbackとPromiseについて、非同期のピラミッド。 \nPromiseの役割、$.whenの並列実行、値を渡していく同期的なコードを見た目そのままに非同期を適応したりと面白い感じの内容","tags":["JavaScript"],"date":"2013-03-30T02:15:00.000Z"},{"title":"Introducing mqa.js — Andrée Hansson","url":"http://andreehansson.se/introducing-mqa-js/","content":"mediaqueryが有効になったタイミングに動作する処理を付けられるJavaScriptライブラリ.\nmatchMediaを使ってる","tags":["JavaScript","library","css"],"date":"2013-03-30T08:24:00.000Z"},{"title":"MarionetteJS v1.0 | ThoughtStream.new :derick_bailey","url":"http://lostechies.com/derickbailey/2013/03/25/marionettejs-v1-0-now-with-stickers/","content":"Backbone.jsを拡張したラッパーライブラリのmarionette 1.0リリース\nBackbone.js 1.0対応","tags":["backbone.js","library"],"date":"2013-03-30T14:33:00.000Z"},{"title":"Code School - Discover DevTools","url":"http://discover-devtools.codeschool.com/","content":"Chrome Dev Toolsの動画チュートリアル。\n実際にDev Toolsを動かす演習問題もあってかなり丁寧な作り","tags":["Chrome","デバック","video","tutorial"],"date":"2013-03-30T20:42:00.000Z"},{"title":"外部 script の document.write が何もしない条件などについて - ひだまりソケットは壊れない","url":"http://vividcode.hatenablog.com/entry/html/scripting-timing","content":"DOM操作で追加されたScriptの実行タイミングについて仕様から","tags":["JavaScript","DOM"],"date":"2013-03-31T02:51:00.000Z"},{"title":"FirefoxでJITコンパイルの「正しさ」を担保する”Invalidation” | ψ（プサイ）の興味関心空間","url":"http://ledyba.org/2013/02/27181531.php","content":"JITコンパイラIonMonkeyでのInvalidationの仕組み、型推論とJIT。\nJITコードを生成するInvalidationとGuardingの仕組みの違いの解説。","tags":["JavaScript"],"date":"2013-03-31T09:00:00.000Z"},{"title":"Sane Async Patterns","url":"http://www.slideshare.net/TrevorBurnham/sane-async-patterns","content":"PubSub(EventEmitter)/Promise/AMDについてのスライド","tags":["JavaScript","slide"],"date":"2013-04-02T00:41:56.824Z"},{"title":"Koala - a cool tool for web developer","url":"http://koala-app.com/","content":"node-webkitで書かれたLess, Sass, Compass ,CoffeeScriptなどをコンパイルするGUIアプリ","tags":["node.js","webkit","Sass","CoffeeScript","software"],"date":"2013-04-02T03:09:34.230Z"},{"title":"announcing-typescript-0-8-3-1","url":"http://blogs.msdn.com/b/typescript/archive/2013/04/01/announcing-typescript-0-8-3-1.aspx","content":"TypeScript 0.8.3.1リリース","tags":["TypeScript","ReleaseNote"],"date":"2013-04-03T02:51:21.553Z"},{"title":"ガールフレンド（仮）の「声」実装｜1 pixel｜サイバーエージェント公式クリエイターズブログ","url":"http://ameblo.jp/ca-1pixel/entry-11500032326.html","content":"Audio要素の扱いについて。\n","tags":["HTML5","music"],"date":"2013-04-03T08:34:58.208Z"},{"title":"CSS @supports","url":"http://davidwalsh.name/css-supports","content":"CSSの@supportsとJavaScriptのCSS.supportsメソッドについて","tags":["css","tutorial"],"date":"2013-04-04T00:32:52.723Z"},{"title":"Firefox 20.0 リリースノート","url":"http://www.mozilla.jp/firefox/20.0/releasenotes/","content":"Firefox 20.0リリース.\nhttps://developer.mozilla.org/ja/docs/Site_Compatibility_for_Firefox_20","tags":["firefox","ReleaseNote"],"date":"2013-04-04T00:34:28.407Z"},{"title":"Node v0.10.3 (Stable)","url":"http://blog.nodejs.org/2013/04/03/node-v0-10-3-stable/","content":"Node v0.10.3リリース","tags":["node.js","ReleaseNote"],"date":"2013-04-04T00:47:36.616Z"},{"title":"EPUB 3 仕様書・関連文書日本語訳一覧 ｜ IMAGEDRIVE","url":"http://blog.imagedrive.jp/epub3","content":"epubの仕様書日本語訳","tags":["epub","translate"],"date":"2013-04-05T00:11:27.507Z"},{"title":"Meteor","url":"http://meteor.com/blog/2013/04/04/meteor-060-brand-new-distribution-system-app-packages-npm-integration","content":"Meteor 0.6.0リリース\n\"Meteor 0.6.0: brand new distribution system, app packages, NPM integration\"","tags":["node.js","JavaScript","ReleaseNote"],"date":"2013-04-05T03:09:26.317Z"},{"title":"Donvercety presentations","url":"http://www.slideshare.net/donvercety","content":"http://academy.telerik.com/ のJavaScript基礎講座っぽいスライド\nhttp://www.slideshare.net/dominion/javascript-blast を思い出す","tags":["JavaScript","slide"],"date":"2013-04-05T12:52:39.489Z"},{"title":"A Drip of JavaScript","url":"http://designpepper.com/a-drip-of-javascript","content":"週間のJavaScript Tipsに関するメールマガジン","tags":["JavaScript","mail"],"date":"2013-04-06T09:34:37.164Z"},{"title":"nextTick、setTimeout(fn, 0)の代わり - 素人がプログラミングを勉強していたブログ","url":"http://javascripter.hatenablog.com/entry/2013/04/05/232455","content":"https://github.com/NobleJS/setImmediate の簡易版的な実装","tags":["JavaScript"],"date":"2013-04-06T13:06:12.794Z"},{"title":"Javascript as a Platform","url":"http://www.slideshare.net/vmysla/javascript-asaplatform","content":"JavaScriptの言語デザイン、歴史についてのスライド","tags":["JavaScript","歴史","slide"],"date":"2013-04-07T06:16:13.975Z"},{"title":"Automagic Removal of JavaScript Logging","url":"http://ariya.ofilabs.com/2013/04/automagic-removal-of-javascript-logging.html","content":" groundskeeperを使ってコミット時に不必要なconsoleやdebuggerなどのコードを削除する方法","tags":["JavaScript","console","Tools"],"date":"2013-04-07T07:50:40.040Z"},{"title":"joshaven/string_score · GitHub","url":"https://github.com/joshaven/string_score","content":"どれくらいの文字列がマッチしてるかをスコアとして取得できるライブラリ","tags":["JavaScript","library"],"date":"2013-04-07T08:54:35.390Z"},{"title":"橋本商会 » 別ドメインのiframeの中身をフレーム外からスクロール","url":"http://shokai.org/blog/archives/7323","content":"iframeの中身を擬似的にスクロールできるようにするライブラリ.\niframeのmarginを操作して相対的に動かす.","tags":["JavaScript","library"],"date":"2013-04-07T09:06:13.589Z"},{"title":"daniellmb/JavaScript-Scope-Context-Coloring · GitHub","url":"https://github.com/daniellmb/JavaScript-Scope-Context-Coloring","content":"CodeMirror上でJavaScriptのスコープレベル別にハイライトするCodeMirror拡張","tags":["JavaScript","editor","color"],"date":"2013-04-07T09:30:26.337Z"},{"title":"Coding.Cookies - Building a Roguelike in Javascript - Part 1: Introduction","url":"http://codingcookies.com/2013/04/01/building-a-roguelike-in-javascript-part-1/","content":"rot.jsを使ってローグライクを作っていくチュートリアル","tags":["JavaScript","tutorial","game"],"date":"2013-04-08T04:03:28.817Z"},{"title":"Chromium プロジェクトの新しいレンダリングエンジン Blink のご紹介 - Google Japan Developer Relations Blog","url":"http://googledevjp.blogspot.com/2013/04/chromium-blink.html","content":"ChromeがWebkitをフォークして新しくレンダリングエンジンにBlinkを採用","tags":["Chrome","ReleaseNote"],"date":"2013-04-08T12:40:46.145Z"},{"title":"CSSDB: A Database Of CSS Libraries","url":"http://cssdb.co/","content":"CSS、Sass、Less、Stylusライブラリのまとめサイト","tags":["css","library","まとめ"],"date":"2013-04-08T12:47:54.686Z"},{"title":"Opera Desktop Team - 12.15 Final released","url":"http://my.opera.com/desktopteam/blog/2013/04/04/12-15-final-released","content":"Opera 12.15リリース","tags":["Opera","ReleaseNote"],"date":"2013-04-08T13:13:28.505Z"},{"title":"Node v0.8.23 (Stable)","url":"http://blog.nodejs.org/2013/04/08/node-v0-8-23-stable/","content":"Node v0.8.23リリース","tags":["node.js","ReleaseNote"],"date":"2013-04-09T01:53:38.696Z"},{"title":"Optimizing the asynchronous Google Analytics snippet · Mathias Bynens","url":"http://mathiasbynens.be/notes/async-analytics-snippet","content":"Google Analyticsのコードの最適化\nGoogle Universal Analyticsについても","tags":["google","JavaScript"],"date":"2013-04-09T08:12:16.467Z"},{"title":"metajs: visualize javascript AST execution","url":"http://int3.github.io/metajs/","content":"CPS（継続渡し方式）をステップ実行してどのように実行されてるかを可視化","tags":["JavaScript"],"date":"2013-04-09T08:14:46.226Z"},{"title":"josdejong/mathjs · GitHub","url":"https://github.com/josdejong/mathjs","content":"数式ライブラリ.\nmathの拡張や数式を渡してパースして計算もできる。","tags":["JavaScript","library"],"date":"2013-04-09T21:07:36.776Z"},{"title":"Highcharts - Highcharts 3.0 released","url":"http://www.highcharts.com/component/content/article/2-news/54-highcharts-3-0-released","content":"インタラクティブなグラフライブラリHighcharts 3.0リリース\n","tags":["JavaScript","グラフ","library","ReleaseNote"],"date":"2013-04-09T21:21:48.025Z"},{"title":"jQuery 2.0 Beta 3 Released | Official jQuery Blog","url":"http://blog.jquery.com/2013/04/09/jquery-2-0-beta-3-released/","content":"jQuery 2.0 Beta 3リリース\nWindows 8 Store Appへの互換性向上","tags":["jQuery","ReleaseNote"],"date":"2013-04-10T13:37:08.580Z"},{"title":"Announcing jQuery Mobile 1.3.1 | jQuery Mobile","url":"http://jquerymobile.com/blog/2013/04/10/announcing-jquery-mobile-1-3-1/","content":"jQuery Mobile 1.3.1リリース","tags":["jQuery","mobile","ReleaseNote"],"date":"2013-04-11T02:56:05.990Z"},{"title":"zmoazeni/csscss · GitHub","url":"https://github.com/zmoazeni/csscss","content":"CSSから重複するルールを抽出するCLIツール","tags":["css","Tools"],"date":"2013-04-11T12:01:18.846Z"},{"title":"WebPlatformTools.org","url":"http://webplatformtools.org/","content":"Web開発関連のツールをまとめてるサイト","tags":["web","Tools","まとめ"],"date":"2013-04-11T13:08:46.972Z"},{"title":"briancavalier/avow · GitHub","url":"https://github.com/briancavalier/avow","content":"Promises/A+ の実装ライブラリ\nhttp://promises-aplus.github.io/promises-spec/","tags":["JavaScript","library"],"date":"2013-04-11T13:09:50.666Z"},{"title":"翻訳: ”命令型のコールバック、関数型のプロミス: Node が逸した最大の機会” by James Coglan","url":"https://gist.github.com/okapies/5354929","content":"コールバックとプロミスについて。\nコールバックは命令型で手続きを意識して書く必要性がある、プロミスは結果を表現する値をすぐに返してそれを元に処理を書ける。\nリストに対するプロミス、遅延評価するプロミスとそれを使った非同期ロードについての例","tags":["JavaScript","translate"],"date":"2013-04-11T14:03:23.238Z"},{"title":"Yeti 0.2.21 Released - YUI Blog","url":"http://www.yuiblog.com/blog/2013/04/11/yeti-0-2-21-released/","content":"Yeti 0.2.21リリース.\nSauce Labsと同じBrowser/Version/OSの命名を使えるように","tags":["JavaScript","testing","ReleaseNote"],"date":"2013-04-12T08:22:33.090Z"},{"title":"ブラウザのデコード機能を利用した Shift JIS などの読み込み : document","url":"http://blog.livedoor.jp/imaya_js/archives/6368510.html","content":"dataURLに文字コードを指定した文字列のdataを読み込ませて、ブラウザの機能を使ったデコードを行う方法","tags":["JavaScript","文字コード","browser"],"date":"2013-04-12T13:11:10.926Z"},{"title":"AngularJS MTV Meetup Livestream: Mastering the WebStorm IDE for AngularJS - YouTube","url":"http://www.youtube.com/watch?v=LJOyrSh1kDU","content":"egghead.io の人による WebStormとAngularJSについての紹介。\nWebStormの機能紹介がメインでコード解析、ショートカット、Action、LiveTemplate、リファクタリング、ナビゲーション、ローカル履歴とバージョン管理、外部ツール、File Watcher、プラグインについて紹介してる","tags":["WebStorm","Angular","video"],"date":"2013-04-12T14:42:51.441Z"},{"title":"topcoat/topcoat · GitHub","url":"https://github.com/topcoat/topcoat","content":"CSSフレームワークなUIライブラリ(Adobe)\nStylusを使ってて、Wikiにコーディングガイドラインやアーキテクチャ、Chrome telemetryを使ったパフォーマンステストなどについて書かれてる\nhttps://github.com/topcoat/topcoat/wiki/_pages\n","tags":["design","css","library","adobe"],"date":"2013-04-12T16:31:30.845Z"},{"title":"adamschwartz/log · GitHub","url":"https://github.com/adamschwartz/log","content":"FirebugとChrome Dev Toolsにスタイル付きのログを表示する記法を追加するJavaScriptライブラリ\nhttp://www.softwareishard.com/blog/firebug/firebug-tip-styled-logging/","tags":["デバック","color","JavaScript"],"date":"2013-04-13T00:59:45.626Z"},{"title":"Amazon: Backbone.jsガイドブック [単行本（ソフトカバー）]: 高橋 侑久","url":"http://www.amazon.co.jp/o/ASIN/4899773501/book042-22/ref=nosim","content":"2013/4/25発売\n以下の連載をベースにした書籍\nhttp://qiita.com/items/16b799d0ec0a0ae3f78e","tags":["backbone.js","book"],"date":"2013-04-13T03:29:55.927Z"},{"title":"Taming The Unicorn: Easing JavaScript Memory Profiling In Chrome DevTools","url":"http://addyosmani.com/blog/taming-the-unicorn-easing-javascript-memory-profiling-in-devtools/","content":"Chrome Dev ToolsのHeap ProfilerとTimelineを使ったメモリリーク解決のワークフロー。\nメモリリークがあるかどうかを最初にみるのはTimeline、Heap Profilerを使って何がリークしてるかを見る、どこから調べ始め、表示モードの違いの説明、Constructorに表示される項目の説明、クリーンなChromeでプロファイルは取るべきという話","tags":["JavaScript","デバック"],"date":"2013-04-13T09:10:53.469Z"},{"title":"Defensive Sass - Modular styles for the modern web // Speaker Deck","url":"https://speakerdeck.com/jlong/defensive-sass-modular-styles-for-the-modern-web","content":"CSSの設計についてのスライド。\nSubclassingでまとめるか、Contextualでセレクタを並べるかに。\nStateで変化するようなものをModifiersで表現するか、ResetとNormalizeについてやIDやタグのセレクタは使わない方がいいという話。","tags":["css","Sass","slide"],"date":"2013-04-13T09:46:33.133Z"},{"title":"Modern Web Observer | an E-Mail Newsletter from appendTo","url":"http://appendto.com/","content":"フロントエンドWeb開発についての隔週のメールマガジン","tags":["HTML","JavaScript","mail"],"date":"2013-04-13T10:32:10.412Z"},{"title":"HTML5 Demos","url":"http://html5-demos.appspot.com/","content":"HTML5的な要素のデモと関連するドキュメントなどをまとめたりしてるサイト","tags":["HTML5"],"date":"2013-04-14T12:21:48.227Z"},{"title":"JavaScript: Need for Speed // Speaker Deck","url":"https://speakerdeck.com/ariya/javascript-need-for-speed","content":"JavaScriptの最適化についてのスライド.\nベンチマークの取り方、無駄なコードの削除、d8 --trace-inliningでのインライン化のトレース、JavaScriptエンジンの最適化が上手く働くコードと確認方法、GC、スケーラビリティについて","tags":["JavaScript","slide"],"date":"2013-04-14T13:20:47.923Z"},{"title":"Web Dev .NET: Angry Birds of JavaScript Series","url":"http://www.elijahmanor.com/2013/03/angry-birds-of-javascript-series.html","content":"Angry Birdsで学ぶJavaScript.\nデザインパターンやBackBoneやRequireJS、モック、Lint、テンプレート等幅広い感じ","tags":["JavaScript","tutorial","デザインパターン"],"date":"2013-04-15T12:41:01.398Z"},{"title":"BackBone Model Unit Testing with Jasmine | Ken Tabor's Dev Articles","url":"http://blog.katworksgames.com/2013/03/30/bb_model_test_jasmine/","content":"Jasmineを使ったBackboneのモデルデータのモックを作ってテストするチュートリアル。","tags":["backbone.js","jasmine","testing","tutorial"],"date":"2013-04-15T13:08:52.761Z"},{"title":"Why I use CasperJS for regression testing web applications | Pixelite Magazine","url":"http://www.pixelite.co.nz/article/why-i-use-casperjs-regression-testing-web-applications","content":"CasperJSを使ってレグレッションテストをする事について。\nステータスコードのチェック、ページにエラーやワーニングが出てないか、キャッシュが効いてるか等のチェックに使ったりするなど","tags":["webservice","testing"],"date":"2013-04-15T13:20:43.805Z"},{"title":"PhoneGap | PhoneGap 2.6.0 Released!","url":"http://phonegap.com/blog/2013/04/09/pg-260-released/","content":"PhoneGap 2.6.0 リリース","tags":["PhoneGap","ReleaseNote"],"date":"2013-04-15T13:20:59.624Z"},{"title":"Yeoman Update: announcing 1.0 beta 4, Windows support, Refreshed Angular, Backbone, Ember generators and more.","url":"http://addyosmani.com/blog/yeoman-update-announcing-1-0-beta-4/","content":"Yeoman 1.0 beta 4リリース。\nWindowsサポート","tags":["JavaScript","node.js","console","Tools"],"date":"2013-04-15T13:22:40.656Z"},{"title":"HTML5 Canvas, 2nd Edition - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920026266.do","content":"Canvasについてかなり詳しく書かれている書籍(Pages: 750)","tags":["HTML5","canvas","book"],"date":"2013-04-16T00:42:47.163Z"},{"title":"Behave","url":"http://jakiestfu.github.io/Behave.js/","content":"textareaにコードを書きやすくするための機能をつけるライブラリ。\nタブ入力やauto indent、括弧等の組み合わせの補完等","tags":["JavaScript","library"],"date":"2013-04-16T13:40:14.871Z"},{"title":"Grunt 日本語リファレンス | js STUDIO","url":"http://js.studio-kingdom.com/grunt","content":"Gruntの日本語リファレンス","tags":["Grunt","リファレンス","translate"],"date":"2013-04-16T15:36:45.871Z"},{"title":"Surfin' Safari - Blog Archive » Last week in WebKit: a new hope","url":"https://www.webkit.org/blog/2291/last-week-in-webkit-a-new-hope/","content":"peter.sh はBlinkがメインとなるので\nLast week in WebKitは引き続きやってくるとのこと","tags":["webkit","news"],"date":"2013-04-17T13:15:26.861Z"},{"title":"List of Pseudo-Elements to Style Form Controls - TJ VanToll - Tutorials, Thoughts, and Ramblings on Front End Development","url":"http://tjvantoll.com/2013/04/15/list-of-pseudo-elements-to-style-form-controls","content":"フォームやコントロールを装飾する擬似要素のまとめ.\n基本的にブラウザに依存する部分","tags":["css","browser"],"date":"2013-04-18T00:53:05.375Z"},{"title":"NV/captureCalls.js · GitHub","url":"https://github.com/NV/captureCalls.js","content":"キャプチャーしたいメソッドが呼ばれたらスタックトレースを吐くようにするライブラリ.\nspyみたいな感じでオリジナルのメソッドを置き換えてて、元にも戻せるようになってる","tags":["JavaScript","library","デバック"],"date":"2013-04-18T00:58:11.437Z"},{"title":"A comparison of Angular, Backbone, CanJS and Ember - Sebastian's Blog","url":"http://sporto.github.com/blog/2013/04/12/comparison-angular-backbone-can-ember/","content":"Angular, Backbone, CanJS , Emberの項目別比較.\n生産性やパフォーマンスとかだけじゃなくてコミュニティやエコシステムについて書かれてるのが面白い","tags":["MVC","library","まとめ"],"date":"2013-04-18T14:32:40.817Z"},{"title":"jQuery 2.0 Released | Official jQuery Blog","url":"http://blog.jquery.com/2013/04/18/jquery-2-0-released/","content":"jQuery 2.0リリース。\nIE 6/7/8のサポート廃止(古いIEは1.xの方で対応)、ファイルサイズの軽量化、CSPに対するテストの追加等","tags":["jQuery","ReleaseNote"],"date":"2013-04-19T05:03:41.807Z"},{"title":"border-image-generator","url":"http://border-image.com/","content":"border-imageのパラメータをプレビューを見ながらいじれるエディタ","tags":["ジェネレーター","editor","画像","css"],"date":"2013-04-20T04:45:49.811Z"},{"title":"Test-Driven Development with Jasmine Presentation","url":"http://designpepper.com/blog/tdd-with-jasmine","content":"Jasmineを使ったTDDについての発表(スライド+動画)\nGreen->Red->Refactoringの開発の流れやJasmineのspy等の機能紹介、matcherの追加等について","tags":["jasmine","video","slide","testing"],"date":"2013-04-20T10:36:59.752Z"},{"title":"Jasmine Testing… by Joshua Clanton [Leanpub PDF/iPad/Kindle]","url":"https://leanpub.com/jasmine-testing/","content":"Jasmineを使ったテストについての書籍","tags":["JavaScript","jasmine","testing","book"],"date":"2013-04-20T10:39:09.915Z"},{"title":"subprotocol/verlet-js · GitHub","url":"https://github.com/subprotocol/verlet-js","content":"Verlet法を使った物理演算エンジンライブラリ","tags":["JavaScript","library"],"date":"2013-04-20T11:04:01.656Z"},{"title":"FESS your CSS","url":"http://www.fess.me/","content":"CSSのショートハンドを展開したCSSにしてくれるサービス","tags":["css","webservice"],"date":"2013-04-20T11:39:47.928Z"},{"title":"Package Managers: An Introductory Guide For The Uninitiated Front-End Developer - Tech.Pro","url":"http://tech.pro/tutorial/1190/package-managers-an-introductory-guide-for-the-uninitiated-front-end-developer","content":"npmとBowerの使い方、オプション、package.jsonの解説。\n","tags":["node.js","tutorial"],"date":"2013-04-20T11:50:46.859Z"},{"title":"jQuery Custom Events","url":"http://blog.socialcast.com/jquery-custom-events/","content":"jQueryのCustom Eventについて。\nNamespaced Events、$.Event()でのオブエジェクトを使ったEventの使い方、DOM以外のでのEventについて","tags":["jQuery","event"],"date":"2013-04-20T12:16:05.765Z"},{"title":"CSSLintのRulesの超訳","url":"https://gist.github.com/hail2u/1303613","content":"CSSLintで設定できるルールについての説明","tags":["css","Tools","translate"],"date":"2013-04-20T13:32:56.446Z"},{"title":"Physics for JavaScript","url":"http://jonobr1.github.io/Physics/","content":"ProcessingのTraer Physicsのポート.\n物理演算エンジンライブラリ","tags":["JavaScript","library"],"date":"2013-04-20T14:26:45.121Z"},{"title":"Nodeでプライベートな(exportsされてない)メソッドのテスト - ぶれすとつーる","url":"http://nazomikan.hateblo.jp/entry/2013/04/10/032410","content":"Nodeのvm.runInContextを使ってexportsされてないメソッド等を別のモジュールから読み込んでテストをする方法について","tags":["node.js","JavaScript","testing"],"date":"2013-04-20T14:41:46.957Z"},{"title":"Ember 101: Learn Ember One Video At a Time","url":"http://ember101.com/","content":"Ember.jsについて扱う動画チュートリアルサイト","tags":["JavaScript","library","video"],"date":"2013-04-21T05:40:51.435Z"},{"title":"kbouchard/devtools-redirect · GitHub","url":"https://github.com/kbouchard/devtools-redirect","content":"アクセスするリソースをルールに基づいてリダイレクトするChrome Dev Tools拡張.\nautoResponder的にサイト上のリソースをローカルサーバのファイルと差し替える等して使える","tags":["Chrome","Extension","デバック"],"date":"2013-04-21T05:45:57.984Z"},{"title":"harthur/kittydar · GitHub","url":"https://github.com/harthur/kittydar","content":"JavaScriptで書かれた猫の顔を認識するライブラリ","tags":["JavaScript","library"],"date":"2013-04-21T05:51:44.997Z"},{"title":"JSHint+Closure Linter+Gruntで最強のLint環境を目指してみた - はてブロ@ama-ch","url":"http://ama-ch.hatenablog.com/entry/2013/04/21/160208","content":"Closure LinterとJSHintが共存できるようになったので、設定についてやGrunt、WebStormについて","tags":["JavaScript","Tools"],"date":"2013-04-21T13:40:49.653Z"},{"title":"Hello Sencha Touch 2.2 | Blog | Sencha","url":"http://www.sencha.com/blog/hello-sencha-touch-2-2/","content":"Sencha Touch 2.2リリース。\nIE10のサポート+やっとWebkitに依存してたコード取り除いたみたい。\n和訳\nhttp://www.xenophy.com/sencha-blog/6878","tags":["Sencha","mobile","library","webkit","IE","ReleaseNote"],"date":"2013-04-21T14:36:54.756Z"},{"title":"JavaScript GIF Encoder “GifWriter.js” 0.1.0 をリリースしました - ひだまりソケットは壊れない","url":"http://vividcode.hatenablog.com/entry/release-notes/GifWriter.js-0.1.0","content":"TypeScriptで書かれたGIFエンコーダー","tags":["TypeScript","画像","JavaScript","library"],"date":"2013-04-22T08:39:43.538Z"},{"title":"Announcing 0.9 early previews - TypeScript - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/typescript/archive/2013/04/22/announcing-0-9-early-previews.aspx","content":"TypeScript 0.9プレビュー版のリリース\n","tags":["TypeScript","ReleaseNote"],"date":"2013-04-23T01:45:51.712Z"},{"title":"Node v0.10.5 (Stable)","url":"http://blog.nodejs.org/2013/04/23/node-v0-10-5-stable/","content":"Node v0.10.5リリース","tags":["node.js","ReleaseNote"],"date":"2013-04-24T01:04:20.671Z"},{"title":"traceGL","url":"https://trace.gl/index.html","content":"JavaScriptのcodeflowをデバッグするツール。どういうイベントが起きてるか、ツールチップでコード上の変数にどういう値が入ってるやトレース情報の表示、WebGLを使ったビジュアライズ等の機能をもったデバッグツール($15)","tags":["JavaScript","デバック","Tools"],"date":"2013-04-24T14:07:03.317Z"},{"title":"Chutzpah - Chutzpah 2.4 – Code Coverage is a go! - Matthew Manela - Farblondzshet in Code","url":"http://matthewmanela.com/blog/chutzpah-2-4-code-coverage-is-a-go/","content":"Visual StudioのTest RunnerアドインChutzpah 2.4リリース。\nコードカバレッジのサポート","tags":["JavaScript","IDE","windows"],"date":"2013-04-24T14:27:45.685Z"},{"title":"YUI 3.10.0 Released - YUI Blog","url":"http://www.yuiblog.com/blog/2013/04/24/yui-3-10-0-released/","content":"YUI 3.10.0リリース","tags":["Yahoo","JavaScript","library","ReleaseNote"],"date":"2013-04-25T00:22:26.679Z"},{"title":"Amazon: JavaScript Ninjaの極意 [大型本]: ジョン・レシグ、ベア・ビボー","url":"http://www.amazon.co.jp/o/ASIN/4798128457/book042-22/ref=nosim","content":"2013年5月25日発売\nJohn Resig著のSecrets of the JavaScript Ninjaの翻訳本","tags":["JavaScript","book"],"date":"2013-04-26T00:18:42.415Z"},{"title":"レガシーブラウザでSVGを表示できるSIE 9 を公開しました - プラグインレスでSVGを表示する「SIE」開発ブログ","url":"http://d.hatena.ne.jp/dhrname/20130425/p1","content":"SIE 9リリース","tags":["SVG","JavaScript","library"],"date":"2013-04-26T13:16:06.506Z"},{"title":"HiDPI support, HTML5 notifications, Parallel JS, asm.js and more – Firefox Development Highlights ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2013/04/hidpi-support-html5-notifications-parallel-js-asm-js-and-more-firefox-development-highlights/","content":"最近 Firefox Nightly (22前後)で実装された機能について。\ninput type=\"range\"、HTML Notification、Parallel JS/asm.js/Arrow function、CSS @supports","tags":["firefox","WebAPI","JavaScript"],"date":"2013-04-26T13:56:25.412Z"},{"title":"Node, Promises and Functional Programming // Speaker Deck","url":"https://speakerdeck.com/okapies/node-promises-and-functional-programming","content":"\"Nodeとプロミスと、時々、関数型”\"\nPromiseについてのスライド\nhttps://gist.github.com/okapies/5354929","tags":["JavaScript","slide"],"date":"2013-04-26T15:29:37.165Z"},{"title":"Javascript hoisting explained | Kenneth Truyers","url":"http://www.kenneth-truyers.net/2013/04/20/javascript-hoisting-explained/","content":"JavaScriptのhoisting(巻き上げ)についての解説","tags":["JavaScript"],"date":"2013-04-27T01:54:42.804Z"},{"title":"Closure IDE - Eclipse plugins for Google Closure Tools.","url":"http://digi-area.com/ClosureIDE/","content":"EclipseベースのGoogle Closure ToolsをターゲットにしたIDE","tags":["JavaScript","IDE"],"date":"2013-04-27T11:45:11.901Z"},{"title":"jQuery 2.0.0 での変更箇所の自分なりのまとめ | 私的なjQuery","url":"http://myjquery.blog.fc2.com/blog-entry-19.html","content":"jQuery 2.0.0の変更点について","tags":["jQuery"],"date":"2013-04-27T12:17:57.802Z"},{"title":"Analyzing the market of HTML5 games | GamesBeat","url":"http://venturebeat.com/2013/04/22/analyzing-the-market-of-html5-games/","content":"HTML5ゲームでどのゲームエンジンライブラリが使われているかをランキング付けしたもの","tags":["HTML5","game","library"],"date":"2013-04-28T08:07:30.919Z"},{"title":"LayoutIt! - Interface Builder for Bootstrap","url":"http://www.layoutit.com/","content":"BootStrapをD&Dでレイアウトを作成できるサービス","tags":["css","JavaScript","webservice"],"date":"2013-04-28T08:11:41.894Z"},{"title":"Java script testing framework for around html5 studies-","url":"http://www.slideshare.net/wa1327/java-script-testing-framework-for-around-html5-studies","content":"JavaScriptの著名なテストフレームワークの特徴まとめのスライド","tags":["JavaScript","testing","slide"],"date":"2013-04-28T13:10:06.830Z"},{"title":"Jade について。","url":"https://gist.github.com/japboy/5402844","content":"Jadeとは何か から、Jadeの基本、テンプレート機能やコンポーネント化して使いまわす方法やGruntを使ったワークフローなどについて","tags":["node.js","JavaScript","document"],"date":"2013-04-28T14:36:36.341Z"},{"title":"Amazon: はじめてのEdge Animate [単行本]: ザ・ストリッパーズ","url":"http://www.amazon.co.jp/o/ASIN/4883378586/book042-22/ref=nosim","content":"2013/5/1発売\nAdobe Edgeでのアニメーション作成についての書籍","tags":["HTML5","animation","adobe","book"],"date":"2013-04-28T23:32:09.629Z"},{"title":"JsHamcrest – Library of matcher objects for JavaScript — JsHamcrest 0.7.0 documentation","url":"http://danielfm.github.io/jshamcrest/index.html","content":"Hamcrest系matcherを持ったJavaScriptテストライブラリ.","tags":["JavaScript","testing","library"],"date":"2013-04-29T02:16:53.978Z"},{"title":"Annotation | Closure Cheat Sheet","url":"http://www.closurecheatsheet.com/","content":"Closure Libraryのチートシート.\nサンプルコード集的な感じ","tags":["google","JavaScript","チートシート"],"date":"2013-04-29T08:40:42.245Z"},{"title":"Sinon.JS","url":"http://hokaccha.github.io/slides/sinonjs/#page1","content":"spy, stub, mockの使い方と使い道。\nFake TimerとFake XHRを使ったテストについて\n","tags":["JavaScript","testing","slide"],"date":"2013-04-29T09:43:03.525Z"},{"title":"Instant HTML5 Local Storage How-to [Instant] | Packt Publishing","url":"http://www.packtpub.com/html5-local-storage-how-to/book","content":"LocalStorageについての薄い書籍(80ページ)","tags":["HTML5","book"],"date":"2013-04-29T10:39:16.131Z"},{"title":"I know jQuery. Now what?","url":"http://remysharp.com/2013/04/19/i-know-jquery-now-what/","content":"jQueryを使わないでVanilla JS(Pure JS)でやる場合にどのようなAPIを使うかについて書かれてる。\n同名のスライドの補足記事","tags":["jQuery","JavaScript","slide"],"date":"2013-04-29T11:26:37.196Z"},{"title":"JavaScript Unit Test Why? What? How?","url":"http://www.slideshare.net/teppeis/javascript-testwhywhathow","content":"JavaScriptのテストのライフサイクル、始めやすいModelについて、テストツールの分類図","tags":["JavaScript","testing","slide"],"date":"2013-04-29T11:28:08.625Z"},{"title":"O'Reilly Japan - セレクタ、詳細度、カスケード","url":"http://www.oreilly.co.jp/books/9784873116037/","content":"CSS: The Definitive Guide 4th Edition からセレクタ、詳細度、カスケードの部分について抜き出した電子書籍","tags":["css","book"],"date":"2013-04-30T03:19:14.666Z"},{"title":"Chris Granger - Light Table 0.4","url":"http://www.chris-granger.com/2013/04/28/light-table-040/","content":"コードをevalしてインラインでinspector的な結果を表示、Node.jsとのconnectをサポート、Pythonをサポート","tags":["editor","node.js","python"],"date":"2013-05-01T13:41:02.991Z"},{"title":"Surfin' Safari - Blog Archive » Announcing SunSpider 1.0","url":"https://www.webkit.org/blog/2364/announcing-sunspider-1-0/","content":"JavaScriptベンチマークのSunSpider 1.0がリリース。\nベンチマークの結果を見比べるのに以下がわかりやすい\nhttp://arewefastyet.com/","tags":["webkit","browser","JavaScript","Tools"],"date":"2013-05-01T15:26:04.010Z"},{"title":"canvas要素の基本的な使い方まとめ","url":"http://www.h2.dion.ne.jp/~defghi/canvasMemo/canvasMemo.htm","content":"Canvasの基本的な使い方のチュートリアル(svg要素の基本的な使い方まとめの姉妹版)","tags":["canvas","tutorial"],"date":"2013-05-01T15:33:51.742Z"},{"title":"HTML5 勧告候補に main 要素が追加、hgroup 要素は予定通り削除 | WWW WATCH","url":"http://hyper-text.org/archives/2013/04/add_main_html5_cr.shtml","content":"main要素の追加とhgroup要素の削除について","tags":["HTML5"],"date":"2013-05-01T15:34:49.614Z"},{"title":"jQuery Migrate 1.2.0 Released | Official jQuery Blog","url":"http://blog.jquery.com/2013/05/01/jquery-migrate-1-2-0-released/","content":"jQuery Migrate 1.2.0リリース。\njQuery 1.7未満にあった、XSSを作りやすい問題が再発してたのを修正された","tags":["jQuery","XSS","ReleaseNote"],"date":"2013-05-02T02:34:33.159Z"},{"title":"Amazon: HTML5 Canvas: Pocket Primer [Paperback]: Oswald Campesato","url":"http://www.amazon.com/o/ASIN/1938549678/book042-22/ref=nosim","content":"2013年12月15日発売\nCanvas本","tags":["HTML5","book"],"date":"2013-05-03T05:16:26.856Z"},{"title":"Web Platform Docs API used in Brackets | Web Platform Blog","url":"http://blog.webplatform.org/2013/05/web-platform-docs-in-brackets/","content":"WebPlatformのドキュメントAPI(MediaWiki)\nBracketsでCSSのヘルプに使われてる","tags":["WebAPI","DOM","document","API"],"date":"2013-05-03T05:39:19.796Z"},{"title":"felixge/node-utest · GitHub","url":"https://github.com/felixge/node-utest","content":"BDD/TDD/Objectの構造を持った小さなNodeテストライブラリ","tags":["node.js","testing"],"date":"2013-05-03T06:40:38.724Z"},{"title":"How to run Node.js tests in your browser - @mantoni","url":"http://maxantoni.de/blog/2013/04/how-to-run-nodejs-tests-in-your-browser.html","content":"Node.jsで動くテストをブラウザで動かすようにするツールphantomic(PhatomJS)とConsolify(静的なテストページのHTMLを作成)について。\nどちらもbrowserifyを使ってる","tags":["node.js","testing","browser"],"date":"2013-05-03T07:18:39.711Z"},{"title":"Selectors: Select This!","url":"http://estelle.github.io/selectors/#slide1","content":"CSSセレクタの解説スライド","tags":["css","slide"],"date":"2013-05-03T08:51:05.539Z"},{"title":"今こそ未来！CSS3のFlexboxを基本から理解して、使い倒そう！ | 株式会社LIG","url":"http://liginc.co.jp/web/html-css/css/21024","content":"CSS Flexboxのプロパティとレイアウトの図解","tags":["css"],"date":"2013-05-03T09:24:58.512Z"},{"title":"jQuery UI 1.10.3 | jQuery UI Blog","url":"http://blog.jqueryui.com/2013/05/jquery-ui-1-10-3/","content":"jQuery UI 1.10.3リリース\nbugfixなメンテナンスリリース","tags":["jQuery","UI","library"],"date":"2013-05-04T04:40:50.487Z"},{"title":"node.jsでこんなのもテストしたい!! という話 #mocha #test #mongoose #Node.js - Qiita [キータ]","url":"http://qiita.com/items/14c9f298d88fc2a2e53d","content":"Node.jsで書かれたものへのテストアプローチについて\nlibやsexpress ever、CLI、fixtureについて等","tags":["node.js","testing"],"date":"2013-05-04T04:55:56.013Z"},{"title":"Selectors Level 4 の Working Draft が更新される | WWW WATCH","url":"http://hyper-text.org/archives/2013/05/selectors_level_4_wd_update.shtml","content":"CSS Selector Level 4について\nセレクタのまとめ","tags":["css"],"date":"2013-05-04T08:43:49.865Z"},{"title":"olov/defs · GitHub","url":"https://github.com/olov/defs","content":"let,constをtranspileしてES3なコードでも機能を利用できるように変換するツール","tags":["JavaScript","Tools"],"date":"2013-05-05T00:07:00.388Z"},{"title":"fogus: Announcing underscore-contrib","url":"http://blog.fogus.me/2013/04/25/announcing-underscore-contrib/","content":"Underscore.jsに追加のUtilを公開するunderscore-contribレポジトリについて","tags":["JavaScript","library"],"date":"2013-05-05T22:22:17.675Z"},{"title":"AngularJSのDIの仕組み、minify対策は覚えておこう！ #AngularJS #JavaScript - Qiita [キータ]","url":"http://qiita.com/items/363f430d21ec729f1b7d","content":"AngularJSをminifyした時に起こる問題と$scopeを渡すように変換するツール https://github.com/btford/ngmin","tags":["Angular"],"date":"2013-05-06T13:00:18.490Z"},{"title":"btford/ngmin · GitHub","url":"https://github.com/btford/ngmin","content":"AngularJSのDIの仕組みからminifyすると問題が起こることがあるので、minifyをしても問題ない形に変換するツール","tags":["Angular","Tools"],"date":"2013-05-06T13:02:06.185Z"},{"title":"Paul Irish - Google+ - New in Chrome DevTools: An exclusive touch cursor while…","url":"https://plus.google.com/+PaulIrish/posts/ZNsF3t8h2WX","content":"CannaryのChrome DevToolsにマウスカーソルを使ったTouch eventのエミュレートができるように","tags":["Chrome","デバック"],"date":"2013-05-07T12:07:53.269Z"},{"title":"Delivering Hapi-ness — What I Learned Building… — Medium","url":"https://medium.com/what-i-learned-building/a525df6c0b0c","content":"Node Server Framework hapi 1.0リリース","tags":["node.js","server","library","ReleaseNote"],"date":"2013-05-07T12:28:50.362Z"},{"title":"Sinon.JS Changelog.txt","url":"http://sinonjs.org/Changelog.txt","content":"Sinon.JS 1.7.1リリース。\njQuery 2.0とのFake XHRの問題の修正、 Web workersサポート、sinon.restore()の追加","tags":["JavaScript","testing","library","ReleaseNote"],"date":"2013-05-07T12:35:25.519Z"},{"title":"Intern: A next-generation JavaScript testing stack","url":"http://theintern.io/","content":"全部入りな感じのJavaScriptテストフレームワーク.\nAMDベースがデフォルトでTDD/BDD/Objectスタイル、Travis CIやSauce Labs 、Istanbulを使ったコードカバレッジ、 WebDriver APIを使った機能テストなどデフォルトの機能が豊富","tags":["JavaScript","testing","AMD","Tools","library"],"date":"2013-05-07T12:50:10.614Z"},{"title":"The Politics of JavaScript // Speaker Deck","url":"https://speakerdeck.com/anguscroll/the-politics-of-javascript","content":"JavaScriptとどう付き合っていくかについてのスライド\nJavaScriptが見直されたと共に出てくるJavaScriptに対する不満。\nLintにより多くの問題を発見できるが融通の効かない場面もある、JSPerfはその時点のスコアに過ぎずブラウザは賢く変化している。\nprototype拡張されることを心配し過ぎないで、人やライブラリにリスペクトを持って接する姿勢。\nGood codeは知識とリスペクトを必要としてる。\nJavaScriptはシンプルだがそれ故難しい。\naltJSは難しさを解決してくれるかもしれない、しかaltJSの逆はどうだろうか。\ncomma firstも利点はあるがすべての問題が解決しているわけではない。\nJavaScriptは科学ではないので絶対的な正しい選択が存在しないことも多い。\n1つの事を実現するのに複数の方法があるのがJavaScriptらしさでもあり、ある方法がダメだと突っぱねるのではなくそこから何かを学んで行くのがGood coderだと思う。","tags":["JavaScript","歴史","slide"],"date":"2013-05-07T13:26:05.430Z"},{"title":"Taking Control with Machina.js","url":"http://code.dougneiner.com/presentations/machina/","content":"ステートマシン/Event Emitterライブラリ machina.js の紹介スライド。","tags":["JavaScript","library","slide"],"date":"2013-05-07T13:36:50.051Z"},{"title":"ExplainJS","url":"http://www.explainjs.com/","content":"Docco的なコードとコメントを並べた表示を作ってくれるウェブサービス .\njsファイルのURLを指定してドキュメント表示できる","tags":["JavaScript","webservice","document"],"date":"2013-05-07T13:38:53.475Z"},{"title":"JavaScriptの落とし穴","url":"http://www.slideshare.net/ikdysfm/java-script-20131612","content":"プロトタイプチェーン、スコープ、hoisting、thisといったJavaScriptの内容を扱った感じのスライド","tags":["JavaScript","slide"],"date":"2013-05-07T13:48:07.131Z"},{"title":"KapIT/observe-shim · GitHub","url":"https://github.com/KapIT/observe-shim/","content":"ES HarmonyのObject.observeのshim(polyfill)","tags":["ECMA","JavaScript","library"],"date":"2013-05-07T14:21:00.373Z"},{"title":"WebMatrix 3 を発表 - Windows Azure Japan Team Blog (ブログ) - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/windowsazurej/archive/2013/05/08/announcing-webmatrix-3.aspx","content":"WebMatrix 3 リリース","tags":["windows","software","IDE"],"date":"2013-05-09T01:24:02.480Z"},{"title":"JSHint - JSHint 2.0.0 is out","url":"http://jshint.com/blog/2013-05-07/2-0-0/","content":"JSHint 2.0.0リリース.\n後方互換性がない部分も含まれる。\nES5 modeがデフォルトに(オプションでES3モードがある)、ES6のものも一部サポート、コメントで挟んだ部分を警告対象から外すpragmaの追加等","tags":["JavaScript","Tools","デバック"],"date":"2013-05-09T01:38:10.076Z"},{"title":"ウェブ関連仕様 日本語訳（ www.hcn.zaq.ne.jp/___/WEB/ ）","url":"http://www.hcn.zaq.ne.jp/___/WEB/","content":"W3C/WHATWG等のDOM/JavaScript関連周りの仕様書翻訳\nDOM4/TypedArray/CSP/Web Workers/Navigation Timing API等","tags":["WebAPI","W3C","translate","ECMA","JavaScript"],"date":"2013-05-09T04:59:18.277Z"},{"title":"JSDoc Toolkit→JSDoc 3移行ガイド - Technology of DeNA","url":"http://engineer.dena.jp/2013/05/migration-from-jsdoc2-to-jsdoc3.html","content":"JSDoc2 から3に移行するときに対応ガイド。\nJSDoc 3で導入されたアノテーション等の解説。Markdownを使ったドキュメントの取り込み等","tags":["JavaScript","document"],"date":"2013-05-09T05:00:28.815Z"},{"title":"jQuery Migrate 1.2.1 Released | Official jQuery Blog","url":"http://blog.jquery.com/2013/05/08/jquery-migrate-1-2-1-released/","content":"jQuery Migrate 1.2.1リリース。\n1.2.0のsecurity fixで発生したリグレッションの修正","tags":["jQuery","plugin","ReleaseNote"],"date":"2013-05-10T01:34:16.468Z"},{"title":"Amazon: AngularJS in Action [Paperback]: Brian Ford, Lukas Ruebbelke","url":"http://www.amazon.com/o/ASIN/1617291331/book042-22/ref=nosim","content":"2013年11月28日発売\nAngularJSについての書籍","tags":["JavaScript","Angular","book"],"date":"2013-05-10T15:00:21.607Z"},{"title":"Amazon: Node.js in Practice [Paperback]: Alex R. Young, Marc Harter","url":"http://www.amazon.com/o/ASIN/1617290939/book042-22/ref=nosim","content":"2013年11月28日罰倍\nNode.jsについての書籍\nhttp://www.manning.com/young/","tags":["node.js","book"],"date":"2013-05-10T15:03:17.943Z"},{"title":"Ghostlab","url":"http://www.vanamco.com/ghostlab/","content":"複数のブラウザの操作を同期してテストするMacアプリ","tags":["browser","Tools","software","mac"],"date":"2013-05-10T15:47:23.524Z"},{"title":"jQuery 1.10 Beta 1 Released | Official jQuery Blog","url":"http://blog.jquery.com/2013/05/09/jquery-1-10-beta-1-released/","content":"jQuery 1.10 Beta 1 リリース。\n","tags":["jQuery","ReleaseNote"],"date":"2013-05-11T02:40:04.216Z"},{"title":"zlib.js 0.1.6 をリリースしました : document","url":"http://blog.livedoor.jp/imaya_js/archives/6504789.html","content":" zlib.js 0.1.6 リリース。\nビルドの最適化、ビルドオプションの追加、Raw 形式の追加","tags":["JavaScript","圧縮解凍","library","ReleaseNote"],"date":"2013-05-11T03:14:06.043Z"},{"title":"Preventing XSS with Content Security Policy - Google IO 2012","url":"http://benvinegar.github.io/csp-talk-2013/#1","content":"Third-party JavaScript著者の人によるXSSとCSPについてのスライド。\nCSVのヘッダルールと抑制される機能の解説、CSP reportingについても","tags":["CSP","XSS"],"date":"2013-05-11T04:28:53.255Z"},{"title":"Preventing XSS with Content Security Policy","url":"http://benvinegar.github.io/csp-talk-2013/#1","content":"Third-party JavaScript著者の人によるXSSとCSPについてのスライド。 CSPのヘッダルールと抑制される機能の解説、CSP reportingについても","tags":["CSP","XSS"],"date":"2013-05-11T04:30:06.555Z"},{"title":"generators in v8 -- wingolog","url":"http://wingolog.org/archives/2013/05/08/generators-in-v8","content":"V8に実装されたES6 generator(yeild)のC# awaitのような使い方について。\nQ.asyncのgenerator functionの対応 https://github.com/kriskowal/q/pull/288 ","tags":["JavaScript"],"date":"2013-05-11T04:55:13.771Z"},{"title":"設計ポイントの 比較で知る Backbone.js // Speaker Deck","url":"https://speakerdeck.com/utwang/she-ji-pointofalse-bi-jiao-dezhi-ru-backbone-dot-js","content":"RailsとBacnboneを比較しながら、Backboneの設計のポイント。\nInput/Output、Router、View、Model","tags":["backbone.js","slide"],"date":"2013-05-11T05:48:54.516Z"},{"title":"MPEG1 Video Decoder in JavaScript - PhobosLab","url":"http://phoboslab.org/log/2013/05/mpeg1-video-decoder-in-javascript","content":"JavaScriptで書かれたMPEG1動画デコーダーライブライ","tags":["JavaScript","video","library"],"date":"2013-05-11T05:51:48.255Z"},{"title":"Authoring & development workflow - Chrome DevTools — Google Developers","url":"https://developers.google.com/chrome-developer-tools/docs/authoring-development-workflow","content":"Chrome Dev Toolsの使いこなすと便利機能の紹介。\n検索やナビゲーション/フィルタ、編集機能と保存とファイル監視、スニペット機能、自動保存/更新の拡張機能について","tags":["JavaScript","Chrome","デバック"],"date":"2013-05-11T09:05:56.283Z"},{"title":"RequireJS 2.1.6 Released ~ James Burke","url":"http://jrburke.com/2013/05/10/requirejs-2.1.6-released/","content":"RequireJS 2.1.6 リリース。\nSourceMapサポート強化","tags":["JavaScript","ReleaseNote"],"date":"2013-05-11T09:32:48.463Z"},{"title":"ramesaliyev/EasyWebWorker · GitHub","url":"https://github.com/ramesaliyev/EasyWebWorker","content":"WebWorkerのコミュニケーションを補助するライブラリ。\nBrowser <-> Worker それぞれ関数を呼び出す、値の受け渡し、console.logのalias等","tags":["JavaScript","library"],"date":"2013-05-11T18:05:57.028Z"},{"title":"Debugging & Profiling Node.js","url":"https://gist.github.com/balupton/3944017","content":"Node.js周りのプロファイルツールやデバッグツールの導入方法まとめ","tags":["node.js","Tools","まとめ"],"date":"2013-05-11T18:37:07.601Z"},{"title":"Dojo 1.9 Released! | The Dojo Toolkit Blog","url":"http://dojotoolkit.org/blog/dojo-1-9-released","content":"Dojo 1.9リリース。\n","tags":["JavaScript","library","ReleaseNote"],"date":"2013-05-12T01:38:06.394Z"},{"title":"O'Reilly Japan - JavaScriptデザインパターン","url":"http://www.oreilly.co.jp/books/9784873116181/","content":"2013年05月25日 発売\nAddy Osmani著のJavaScriptデザインパターン本の翻訳","tags":["JavaScript","デザインパターン","book"],"date":"2013-05-13T08:19:53.946Z"},{"title":"Model View Madness","url":"http://www.slideshare.net/anm8tr/model-view-madness","content":"JavaScriptのMV*ライブラリで、それぞれModel、View、Controller、Otherが何を処理しているかをまとめながら紹介してるスライド","tags":["JavaScript","MVC","library","slide"],"date":"2013-05-13T12:06:07.003Z"},{"title":"JavaScript, aka. Web ECMAScript","url":"http://javascript.spec.whatwg.org/","content":"使うべきではない機能だが、色々なウェブブラウザに実装されてる非標準なものを互換性のために標準化する目的の仕様\n訳: http://www.hcn.zaq.ne.jp/___/WEB/javascript-ja.html","tags":["JavaScript","DOM","spec"],"date":"2013-05-13T12:18:19.063Z"},{"title":"doug-martin/promise-utils · GitHub","url":"https://github.com/doug-martin/promise-utils","content":"Promiseな感じで使えるArray#map等のCollection系のUtilライブラリ。\n","tags":["JavaScript","library"],"date":"2013-05-13T12:38:26.262Z"},{"title":"SassのデバッグにSource Mapsを使うべきたくさんの理由 | Dress Cording","url":"http://dresscording.com/blog/sass/sass_sourcemaps.html","content":"Sass、CompassとSource Mapsでのデバッグについてやsassコマンドのオプションについて。\nChromeで編集して保存するTincr等の拡張について","tags":["Sass","Tools"],"date":"2013-05-13T12:59:13.744Z"},{"title":"enchant.js v0.7.0 をリリースしました | enchant.js - A simple JavaScript framework for creating games and apps.","url":"http://enchantjs.com/ja/2013/05/enchant-js-v0-7-0-%E3%82%92%E3%83%AA%E3%83%AA%E3%83%BC%E3%82%B9%E3%81%97%E3%81%BE%E3%81%97%E3%81%9F/","content":"enchant.js v0.7.0リリース","tags":["JavaScript","ReleaseNote","library"],"date":"2013-05-14T12:15:13.915Z"},{"title":"A new ES6 spec. draft has been posted","url":"https://mail.mozilla.org/pipermail/es-discuss/2013-May/030731.html","content":"ES6 Spec rev15 draftリリース","tags":["ECMA","ReleaseNote"],"date":"2013-05-15T03:42:13.168Z"},{"title":"Speed Up App Development with X-Tag and Web Components ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2013/05/speed-up-app-development-with-x-tag-and-web-components/","content":"X-Tag と Web Components について","tags":["WebAPI"],"date":"2013-05-15T05:13:26.868Z"},{"title":"Node v0.10.6 (Stable)","url":"http://blog.nodejs.org/2013/05/14/node-v0-10-6-stable/","content":"Node v0.10.6リリース","tags":["node.js","ReleaseNote"],"date":"2013-05-15T08:34:33.091Z"},{"title":"Bootstrap - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920027867.do","content":"(Twitter)Bootstrapについての書籍","tags":["HTML","css","book"],"date":"2013-05-16T00:15:01.530Z"},{"title":"Bourbon - A Sass Mixin Library","url":"http://bourbon.io/","content":"Sassのmixinライブラリ。\nベンダープリフィックスとかクロスブラウザの対応などがまとまってる","tags":["Sass","library"],"date":"2013-05-16T00:22:35.726Z"},{"title":"YUI 3.10.1 Released to Fix SWF Vulnerability - YUI Blog","url":"http://www.yuiblog.com/blog/2013/05/14/yui-3-10-1-released-to-fix-swf-vulnerability/","content":"YUI 3.10.1 リリース.\nSWF Vulnerabilityの修正","tags":["JavaScript","library","ReleaseNote"],"date":"2013-05-16T02:32:08.550Z"},{"title":"Getfirebug Blog » Blog Archive » Firebug 1.11.3","url":"https://blog.getfirebug.com/2013/05/12/firebug-1-11-3/","content":"Firebug 1.11.3 リリース","tags":["Firebug","ReleaseNote"],"date":"2013-05-16T07:38:20.304Z"},{"title":"Firefox 21 個人的まとめ - hogehoge @teramako","url":"http://d.hatena.ne.jp/teramako/20130514/p1","content":"Firefox 21の機能追加、変更のまとめ\nwindow.location.origin、parseIntと8進数","tags":["firefox"],"date":"2013-05-16T16:45:36.385Z"},{"title":"Firefox 21.0 リリースノート","url":"http://www.mozilla.jp/firefox/21.0/releasenotes/","content":"Firefox 21.0リリース","tags":["firefox","ReleaseNote"],"date":"2013-05-16T16:48:53.207Z"},{"title":"FirefoxのJavascript プロファイラを使ってみよう - smellman's Broken Diary","url":"http://smellman.hatenablog.com/entry/2013/05/16/012020","content":"Firefox 20から入った開発ツールのプロファイラについて。\n21.0からはリモートプロファイリングがサポートされた","tags":["firefox","デバック","JavaScript"],"date":"2013-05-16T16:49:51.015Z"},{"title":"Web Audio API 解説 - 01.前説 | g200kg Music & Software","url":"http://www.g200kg.com/jp/docs/webaudio/","content":"Web Audio API 入門解説\n","tags":["WebAPI","sound"],"date":"2013-05-17T13:30:52.517Z"},{"title":"Web Audio API で Sound Font を使った標準 MIDI ファイルの再生 : document","url":"http://blog.livedoor.jp/imaya_js/archives/6531520.html","content":"Web Audio APIでSound Fontを使ったSMFを鳴らすデモ","tags":["JavaScript","sound"],"date":"2013-05-17T14:20:55.055Z"},{"title":"maryrosecook/coquette · GitHub","url":"https://github.com/maryrosecook/coquette","content":"Canvasゲーム向けの小さなフレームワーク。\nstateに対する描画を簡単に書ける感じ","tags":["JavaScript","canvas","game","library"],"date":"2013-05-18T05:12:48.563Z"},{"title":"Getfirebug Blog » Blog Archive » Firebug 1.12 alpha 6","url":"https://blog.getfirebug.com/2013/05/17/firebug-1-12-alpha-6/","content":"Firebug 1.12 alpha 6リリース。\nDOMパネルで選択したオブジェクトを$pでアクセスできるようにする機能、%f の追加","tags":["Firebug","ReleaseNote"],"date":"2013-05-18T08:29:14.674Z"},{"title":"AngularJS Cheat Sheet by ProLoser - Cheatography.com","url":"http://www.cheatography.com/proloser/cheat-sheets/angularjs/","content":"AngularJSチートシート","tags":["Angular","チートシート"],"date":"2013-05-18T12:47:23.518Z"},{"title":"Amazon: Head First JavaScript Programming [Paperback]: Eric T. Freeman, Elisabeth Robson","url":"http://www.amazon.com/o/ASIN/144934013X/book042-22/ref=nosim","content":"2013年11月22日発売\nHead First シリーズ","tags":["JavaScript","book"],"date":"2013-05-18T23:12:08.273Z"},{"title":"Node v0.10.7 (Stable)","url":"http://blog.nodejs.org/2013/05/17/node-v0-10-7-stable/","content":"Node v0.10.7 リリース","tags":["node.js","ReleaseNote"],"date":"2013-05-19T01:57:16.503Z"},{"title":"HTML5 Boilerplateの開発者でGoogleのエンジニア、ポール・アイリッシュに聞くCSS高速化テクニック - builder","url":"http://builder.japan.zdnet.com/html-css/35032198/","content":"CSSの高速化でボトルネックとなる点について。\nCSSセレクタは十分高速で、他に注意する場所について","tags":["css","performance"],"date":"2013-05-19T15:42:39.583Z"},{"title":"Functional JavaScript","url":"https://gist.github.com/ympbyc/5564146","content":"JavaScriptと関数指向について。\n関数型として書く場合のBad Parts、高階関数とUnderscore.js","tags":["JavaScript","関数型言語"],"date":"2013-05-20T09:16:38.637Z"},{"title":"Web Components普及の夜明け！？Polymerを試してみた。 | OpenWeb","url":"http://openweb.co.jp/2013/05/17/web-components%e6%99%ae%e5%8f%8a%e3%81%ae%e5%a4%9c%e6%98%8e%e3%81%91%ef%bc%81%ef%bc%9fpolymer%e3%82%92%e8%a9%a6%e3%81%97%e3%81%a6%e3%81%bf%e3%81%9f%e3%80%82/","content":"WebComponentsのPolyfillであるPolymer.jsについて","tags":["WebComponents","library"],"date":"2013-05-20T12:06:58.639Z"},{"title":"Evergreen Web Browser: a web browser that automatically updates itself | Yeti","url":"http://www.yetihq.com/blog/evergreen-web-browser/","content":"\"Evergreen Web Browser\" という概念について。自分自身を自動アップデートできる仕組みを持ってるブラウザのことを示す","tags":["browser"],"date":"2013-05-20T12:13:30.599Z"},{"title":"Polymer と Web Components - steps to phantasien","url":"http://steps.dodgson.org/b/2013/05/19/polymer-and-web-components/","content":"Custom Elements, HTML Imports, HTML Templates, Shadow DOMからなるWeb Componentsというものについての解説とPolymerについて。","tags":["WebComponents"],"date":"2013-05-20T12:16:28.797Z"},{"title":"Welcome - Polymer","url":"http://polymer-project.appspot.com/","content":"Web ComponentsのPolyfillなライブラリで、Web Componentsの仕様策定や実装を促進する目的をもってオープンソースとして公開されてる","tags":["WebComponents","JavaScript","library"],"date":"2013-05-20T12:34:16.426Z"},{"title":"JavaScript Regular Expression Enlightenment - Tech.Pro","url":"http://tech.pro/tutorial/1214/javascript-regular-expression-enlightenment","content":"Enlightenmentシリーズ。\nJavaScriptと正規表現についてのわかりやすい解説。見た目もわかりやすい動かせるサンプルが用意されてる","tags":["JavaScript","正規表現"],"date":"2013-05-20T12:39:54.628Z"},{"title":"開眼！JavaScript－ 言語仕様から学ぶJavaScriptの本質｜Ohmsha","url":"http://ssl.ohmsha.co.jp/cgi-bin/menu.cgi?ISBN=978-4-87311-621-1","content":"2013年6月発売\nJavaScript Enlightenmentの翻訳本\nhttp://www.javascriptenlightenment.com/","tags":["JavaScript","book"],"date":"2013-05-20T12:41:42.468Z"},{"title":"adobe-research/theseus · GitHub","url":"https://github.com/adobe-research/theseus","content":"Node.jsとJavaScript(Chrome連携)のデバッグができるBracketsプラグイン。\nコードカバレッジ的にCallの可視化やconsole.logを仕込んでログを出すような仕組みをコードをいじらずにできたり、コールスタックをより見やすい表現にした感じのデバッグツール","tags":["node.js","JavaScript","デバック","Brackets"],"date":"2013-05-20T12:54:47.891Z"},{"title":"ebobby/tracing.js · GitHub","url":"https://github.com/ebobby/tracing.js","content":"JavaScriptの関数に対してbefore/afterに動作を仕込んだり、traceで呼び出しのログを履けるようにするライブラリ","tags":["JavaScript","デバック","library"],"date":"2013-05-20T12:56:49.708Z"},{"title":"jnordberg/gif.js · GitHub","url":"https://github.com/jnordberg/gif.js","content":"GIFエンコーダーライブラリ","tags":["JavaScript","画像"],"date":"2013-05-21T05:13:39.423Z"},{"title":"JSHint - JSHint 2.1.0 is out","url":"http://jshint.com/blog/2013-05-20/2-1-0/","content":"JSHint 2.1.0 リリース.\nES6 class syntaxのサポート","tags":["JavaScript","Tools","ReleaseNote"],"date":"2013-05-21T09:23:47.446Z"},{"title":"ECMA-402 Internationalization API - hogehoge @teramako","url":"http://d.hatena.ne.jp/teramako/20130521/p1","content":"Internationalization APIについて。\nDateを言語別の出力にしたり、ソート、数値のフォーマット等のi18n向けのAPI","tags":["ECMA","i18n"],"date":"2013-05-22T00:25:57.046Z"},{"title":"How to keep up to date on Front-End Technologies - The Recipe","url":"http://uptodate.frontendrescue.org/","content":"フロントエンドの情報源について。\n人、サイト、ニュース、ポッドキャスト、イベント、情報の見方のまとめ","tags":["JavaScript","まとめ"],"date":"2013-05-24T02:31:31.314Z"},{"title":"Ember.js Resources on EmberWatch","url":"http://emberwatch.com/","content":"Ember.jsについての記事などを集めてるアグリゲートサイト","tags":["JavaScript","links"],"date":"2013-05-24T12:17:08.273Z"},{"title":"jQuery 1.10.0 and 2.0.1 Released | Official jQuery Blog","url":"http://blog.jquery.com/2013/05/24/jquery-1-10-0-and-2-0-1-released/","content":"jQuery 1.10.0 の正式リリースと\njQuery 2.0.1リリース","tags":["jQuery","ReleaseNote"],"date":"2013-05-25T05:09:01.627Z"},{"title":"Writing Testable JavaScript · An A List Apart Article","url":"http://alistapart.com/article/writing-testable-javascript","content":"JavaScriptでテストしやすいコードを書くのに気をつけること。\n検索画面を例にどのように分離して、それらをつなげるか、またそれらのテストをどう書くかについて紹介してる。\nSinon.jsを使った$.ajaxのモックのテスト","tags":["JavaScript","testing"],"date":"2013-05-25T06:28:17.320Z"},{"title":"BenjaminBenBen","url":"http://benjaminbenben.com/2013/05/09/wtcss/","content":"CSSセレクタとページを並べて表示して、セレクタがどこを指名しているかを可視化するサイト","tags":["css","performance"],"date":"2013-05-25T12:46:22.745Z"},{"title":"dtao/lazy.js · GitHub","url":"https://github.com/dtao/lazy.js","content":"Underscore.jsライクなコレクションAPIを持っているライブラリ。\n特徴は遅延評価する所で、sequence単位でリスト(parent)をつなげていく感じで、toArrayやeachなどを使った時に、sequenceを辿りながら初めて評価される仕組み","tags":["JavaScript","library"],"date":"2013-05-25T15:34:19.996Z"},{"title":"Node v0.10.8 (Stable)","url":"http://blog.nodejs.org/2013/05/24/node-v0-10-8-stable/","content":"Node v0.10.8リリース","tags":["node.js","ReleaseNote"],"date":"2013-05-25T17:06:47.356Z"},{"title":"Lastweek | DarKtears","url":"http://darktears.wordpress.com/tag/lastweek/","content":"Chromium/Blink周りのIntelによるコミットを週単位でまとめてるブログ。\nLast Week in WebKit系","tags":["Chrome","news","blog"],"date":"2013-05-26T07:22:48.774Z"},{"title":"Web Performance APIs Rapidly Become W3C Recommendations - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2013/05/21/web-performance-apis-rapidly-become-w3c-recommendations.aspx","content":"Web Performance APIs系の仕様のステータスまとめ","tags":["W3C","まとめ"],"date":"2013-05-26T08:01:38.003Z"},{"title":"The Battle of Modern Javascript Frameworks – Part I | SoftFinity -","url":"http://www.softfinity.com/blog/the-battle-of-modern-javascript-frameworks-part-i/","content":"MV*ライブラリの特徴を比較していく連載.\nFeatures/Ease of Learning/Compatibility and Extensibility/Testing and Debugging?/Pros and Cons\nの項目で見ていく","tags":["JavaScript","MVC","library","まとめ"],"date":"2013-05-27T12:21:37.366Z"},{"title":"ebryn/backburner.js · GitHub","url":"https://github.com/ebryn/backburner.js","content":"throttle,debounce的なところをまとめたライブラリ","tags":["JavaScript","library"],"date":"2013-05-27T12:48:09.951Z"},{"title":"End-to-End JavaScript Quality Analysis - Programming","url":"http://programming.oreilly.com/2013/05/end-to-end-javascript-quality-analysis.html","content":"JavaScriptのコードカバレッジ、複雑度解析、Defensive workflowについてのオーバービュー","tags":["JavaScript","Tools"],"date":"2013-05-27T12:50:40.641Z"},{"title":"フロントエンドなサイト / アプリケーション・アセンブラまとめ | Pen","url":"http://www.mamoida.com/2013/05/frontend-frameworks/","content":"Yeoman等のジェネレーター系のツールのまとめ","tags":["JavaScript","Tools","まとめ"],"date":"2013-05-27T12:52:53.724Z"},{"title":"dynaTrace AJAX Edition 4.1 now supports FF19, FF20 and IE10 on Windows 7 about:performance","url":"http://apmblog.compuware.com/2013/05/27/dynatrace-ajax-edition-4-1-now-supports-ff19-ff20-and-ie10-on-windows-7/","content":"dynaTrace AJAX Edition 4.1 リリース。\nWindows 7のIE10サポート","tags":["IE","firefox","software","windows"],"date":"2013-05-27T13:07:28.021Z"},{"title":"Compiling to JavaScript, and Debugging with Source Maps ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2013/05/compiling-to-javascript-and-debugging-with-source-maps/","content":"Firefxo開発ツールでのSourceMapデバッグについて\n小さなオリジナル言語を書いて、それをSourceMapデバッグ対応するまでについての記事","tags":["JavaScript","デバック"],"date":"2013-05-27T13:26:22.169Z"},{"title":"svg/svgo · GitHub","url":"https://github.com/svg/svgo","content":"SVG最適化ツール。\nSVG minify","tags":["SVG","Tools"],"date":"2013-05-29T04:29:16.728Z"},{"title":"VS100-062 JavaScript の単体テスト - YouTube","url":"http://www.youtube.com/watch?v=JxgohS4jUWY","content":"Chutzpah Test Adapter を使ったQUnitのテストについての動画","tags":["JavaScript","windows","IDE","video"],"date":"2013-05-30T12:24:17.119Z"},{"title":"Pure","url":"http://purecss.io/","content":"Yahoo!製のCSSフレームワーク.\nSkin Builder http://yui.github.io/skinbuilder/?mode=pure を使っていじれる","tags":["Yahoo","css"],"date":"2013-05-30T12:35:09.507Z"},{"title":"ImagesLoaded","url":"http://desandro.github.io/imagesloaded/","content":"画像が読込中、読み込み完了、読み込み失敗かのイベントを設定できるライブラリ","tags":["JavaScript","画像","library"],"date":"2013-05-30T12:39:04.450Z"},{"title":"SIE 10を公開 - プラグインレスでSVGを表示する「SIE」開発ブログ","url":"http://d.hatena.ne.jp/dhrname/20130529/p1","content":"SIE 10リリース","tags":["SVG","ReleaseNote"],"date":"2013-05-30T12:52:54.760Z"},{"title":"Yeti 0.2.23 Released - YUI Blog","url":"http://www.yuiblog.com/blog/2013/05/23/yeti-0-2-23-released/","content":"Yeti 0.2.23リリース","tags":["JavaScript","testing","ReleaseNote"],"date":"2013-05-30T12:53:25.899Z"},{"title":"sapphire-al2o3/webgl-reference-jp · GitHub","url":"https://github.com/sapphire-al2o3/webgl-reference-jp","content":"WebGLリファレンス\n\"WebGL Reference Card を元に OpenGL ES 2.0 のリファレンスページなどから説明を持ってきています\"","tags":["WebGL","リファレンス"],"date":"2013-05-30T14:31:00.240Z"},{"title":"Selenium何とかっていうツールがやたら色々あるのはどういうわけなのか | 品質向上ブログ","url":"http://blog.trident-qa.com/2013/05/so-many-seleniums/","content":"Seleniumの歴史とWebDriver、Selenium Builderについて","tags":["testing"],"date":"2013-05-31T02:47:01.159Z"},{"title":"Node v0.10.9 (Stable)","url":"http://blog.nodejs.org/2013/05/30/node-v0-10-9-stable/","content":"Node v0.10.9リリース.","tags":["node.js","ReleaseNote"],"date":"2013-05-31T03:02:06.350Z"},{"title":"ToruYoshikawa_QConTokyo2013.pdf","url":"http://www.qcontokyo.com/data_2013/ToruYoshikawa_QConTokyo2013.pdf","content":"WebRTCについてのスライド.\nICE(STUN+TURN)のNAT超えの仕組みやライブラリ、実装状況について","tags":["WebRTC","slide"],"date":"2013-05-31T03:40:03.544Z"},{"title":"Making the Web Rock: Web Audio","url":"http://webaudiodemos.appspot.com/slides/index.html#/","content":"Web Audioについてのスライド。\nWeb Audioが持つ機能の紹介、エフェクト、Web MIDI API、対応状況","tags":["JavaScript","sound","slide"],"date":"2013-05-31T15:35:24.673Z"},{"title":"JSON Generator - tool for generating random JSON data","url":"http://www.json-generator.com/","content":"テンプレートにもとづいてランダムなJSONデータを生成するジェネレーター","tags":["JSON","webservice"],"date":"2013-06-01T02:48:34.235Z"},{"title":"Building CLI Tools with Node.js","url":"http://michaelbrooks.ca/deck/jsconf2013/#/","content":"Node.jsでCLIを書くベストプラクティス的なスライド。\nテストしやすい様にmainのbinとlibは分ける、event emitterを使ったログ、エラー時に正しくexitする、クロスプラットフォーム対応様にPathをハードコーディングしないで分ける","tags":["node.js","testing","console","slide"],"date":"2013-06-01T03:18:36.810Z"},{"title":"WebStorm 7EAPのkarma連携について | Web scratch","url":"http://efcl.info/2013/0601/res3292/","content":"WebStorm公式のKarmaサポートについて","tags":["WebStorm","testing"],"date":"2013-06-01T04:09:29.124Z"},{"title":"Speaker Slides and Video: Fluent 2013 - O'Reilly Conferences, May 28 - 30, 2013, San Francisco, CA","url":"http://fluentconf.com/fluent2013/public/schedule/proceedings","content":"Fluent 2013 のスライドと動画","tags":["event","JavaScript","video","slide"],"date":"2013-06-01T11:09:35.201Z"},{"title":"HTML5 Pocket Reference, 5th Edition - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920029274.do","content":"2013年7月発売\nHTML5ポケットリファレンス","tags":["HTML5","book"],"date":"2013-06-01T14:24:18.690Z"},{"title":"Implementing Multidimensional Arrays in JavaScript | 0 FPS","url":"http://0fps.wordpress.com/2013/05/22/implementing-multidimensional-arrays-in-javascript/","content":"Typed Arraysと多次元配列について。\nまたそれを扱うndarrayライブラリについて。ndarray自体はlow levelで、それの上にいくつかのモジュールが用意されてる http://0fps.wordpress.com/2013/05/28/cache-oblivious-array-operations/","tags":["JavaScript"],"date":"2013-06-01T15:52:59.383Z"},{"title":"Pingendo - web authoring with comfort","url":"http://www.pingendo.com/","content":"Twitter Bootstrap などをサポートしたHTMLのオーサリングソフト.\nDOMツリーやインスペクトしながらCSSルールを指定できる感じのWin/Mac対応のソフト","tags":["HTML","design","software"],"date":"2013-06-02T09:27:53.913Z"},{"title":"Front-Trends 2013, 24th-26th April 2013 | Lanyrd","url":"http://lanyrd.com/2013/front-trends/","content":"Front-Trends 2013\nhttp://2013.front-trends.com/\nのスライドと動画が公開されてる","tags":["JavaScript","event","video","slide","まとめ"],"date":"2013-06-02T09:38:40.247Z"},{"title":"How do I find JavaScript libraries? - Gun.io","url":"http://gun.io/blog/finding-javascript-libraries/","content":"JavaScriptのライブラリのまとめサイトやモジュール管理システムについて","tags":["JavaScript","library","まとめ"],"date":"2013-06-02T10:29:32.177Z"},{"title":"ECMAScript 6 - An Overview of ECMAScript 6 Presentation.pdf","url":"http://cdn.oreillystatic.com/en/assets/1/event/93/An%20Overview%20of%20ECMAScript%206%20Presentation.pdf","content":"Dr.Axel によるECMAScript 6のfeature全般についてのスライド .\n予定されてる機能や使い方についてまとまってる","tags":["ECMA","slide"],"date":"2013-06-02T10:58:00.383Z"},{"title":"Firefoxでアプリケーションキャッシュをデバッグする - bathtimefish's blog","url":"http://bathtimefish.hatenablog.com/entry/2013/06/01/150656","content":"Firefox開発ツールでのappcacheデバッグについて","tags":["firefox","デバック"],"date":"2013-06-02T12:08:49.146Z"},{"title":"Secrets of the Browser Developer Tools - Secrets","url":"http://devtoolsecrets.com/","content":"ブラウザの開発デバッグツールの機能紹介サイト.ジャンルやブラウザなどでフィルタリングしながら使える機能を見られる","tags":["browser","デバック","Tools"],"date":"2013-06-02T12:55:39.605Z"},{"title":"WebStorm 7 EAP | JetBrains WebStorm Blog","url":"http://blog.jetbrains.com/webstorm/2013/05/webstorm-7-eap/","content":"WebStorm 7 EAPリリース。\nKarmaの統合、Mustache/Handlebarsのバンドル、Web Componentsのサポート、less/sass/scssのサポート向上、package.jsonを使った解析の改善等","tags":["WebStorm","ReleaseNote"],"date":"2013-06-02T14:16:35.988Z"},{"title":"React | A JavaScript library for building user interfaces","url":"http://facebook.github.io/react/","content":"JSXというE4XライクなXMLシンタックスを使ってDOM UIを作成できるライブラリ","tags":["E4X","JavaScript","DOM","library"],"date":"2013-06-03T12:26:24.280Z"},{"title":"ajacksified/Mediator.js · GitHub","url":"https://github.com/ajacksified/Mediator.js","content":"Mediator patternなライブラリ。\npub/sub","tags":["JavaScript","library"],"date":"2013-06-03T12:30:09.327Z"},{"title":"slightlyoff/async-local-storage · GitHub","url":"https://github.com/slightlyoff/async-local-storage","content":"fully-async object-storage APIなライブラリ。\nDOM Futureを返して非同期に扱える。\n","tags":["JavaScript","library"],"date":"2013-06-03T12:34:10.321Z"},{"title":"OW2 Nanoko","url":"http://www.slideshare.net/clement.escoffier/nanoko","content":"JavaScriptフレームワーク http://nanoko.org/ についてのスライド","tags":["JavaScript","library","slide"],"date":"2013-06-03T12:59:18.709Z"},{"title":"Testing JavaScript with Yeti and Sauce Labs WebDriver — Ryuichi Okumura","url":"http://www.okuryu.com/2013/05/31/testing-javascript-yeti-saucelabs-webdriver.html","content":"Test RunnerのYetiとSauce Labs WebDriver連携して、yetiからSauce Labsのブラウザを使ってテストを動かす方法について","tags":["JavaScript","testing"],"date":"2013-06-03T13:03:56.938Z"},{"title":"Bower入門(基礎編) - from scratch","url":"http://yosuke-furukawa.hatenablog.com/entry/2013/06/01/173308","content":"フロントエンド用のパッケージマネージャであるBowerの使い方について。\n基本的な操作方法や使い方、Gruntを使った応用、ライブラリの公開方法等","tags":["JavaScript","node.js","Tools"],"date":"2013-06-04T12:30:52.652Z"},{"title":"Web描画パフォーマンスの改善 | Cacoo Blog","url":"http://blog.cacoo.com/ja/2013/06/03/web-paint-performance/","content":"Chrome Dev Toolsを使った再描画とGPUレイヤーについての詳しい解説。\nrepaintの発生の発見やGPUを使うと何故なめらかにアニメするのかの仕組みについてやGPUレイヤーの可視化、GPUレイヤーを使いすぎることの弊害について","tags":["JavaScript","canvas","performance","デバック","Chrome"],"date":"2013-06-04T12:52:28.180Z"},{"title":"YUI 3.10.2 Released - YUI Blog","url":"http://www.yuiblog.com/blog/2013/06/04/yui-3-10-2-released/","content":"YUI 3.10.2リリース。","tags":["JavaScript","library","ReleaseNote"],"date":"2013-06-05T00:48:53.311Z"},{"title":"新しいSafariについて予想する - fragmentary","url":"http://myakura.hatenablog.com/entry/2013/06/04/210702","content":"Webkit WatcherによるWebkitから見るSafari 7に入ると予想されるWeb APIまとめ。prefix の有無やバグ修正などについても","tags":["safari","webkit"],"date":"2013-06-05T01:44:09.779Z"},{"title":"Node v0.10.10 (Stable)","url":"http://blog.nodejs.org/2013/06/04/node-v0-10-10-stable/","content":"Node v0.10.10リリース.","tags":["node.js","ReleaseNote"],"date":"2013-06-05T02:37:40.424Z"},{"title":"Amazon: 独習JavaScript 第2版 [大型本]: 高橋 和也, 竹添 直樹, 里見 知宏","url":"http://www.amazon.co.jp/o/ASIN/4798130842/book042-22/ref=nosim","content":"2013年7月2日発売\n独習JavaScript の第二版","tags":["JavaScript","book"],"date":"2013-06-05T06:13:18.078Z"},{"title":"O'Reilly Japan - 開眼！ JavaScript","url":"http://www.oreilly.co.jp/books/9784873116211/","content":"2013年06月19日 発売\nJavaScript Enlightenmentの翻訳本","tags":["JavaScript","book"],"date":"2013-06-05T06:36:35.705Z"},{"title":"Amazon: レスポンシブWebデザインテクニックブック プロが教えるマルチデバイス対応の手法 [単行本]: 野田 一輝, 加藤 俊司, 藤田 拓人, 清水 豊, 細川 富代, 野田 真穂, 川下 城誉, 根岸 良樹, 岩堀 真吾, 大竹 孔明","url":"http://www.amazon.co.jp/o/ASIN/4844363530/book042-22/ref=nosim","content":"2013年7月2日発売\nRWD本","tags":["design","css","book"],"date":"2013-06-05T06:51:56.634Z"},{"title":"5 HTML5 Javascript APIs to keep an eye on — Adnane Belmadiaf's Blog","url":"http://daker.me/2013/06/5-html5-javascript-apis-to-keep-an-eye-on.html","content":"Battery Status API、Gamepad API、Device Orientation API、\nGeolocation API、Page Visibility APIの簡単な紹介","tags":["JavaScript"],"date":"2013-06-05T12:34:17.150Z"},{"title":"So you need a template engine..","url":"http://garann.github.io/template-chooser/","content":"JavaScriptテンプレートエンジンの選択","tags":["JavaScript","library"],"date":"2013-06-05T15:32:54.407Z"},{"title":"Web Dev .NET: Unit Test like a Secret Agent with Sinon.js","url":"http://www.elijahmanor.com/2013/06/unit-test-like-secret-agent-with-sinonjs.html","content":"Sinon.JSの使い方。\nSpy,Stub,Mock,Fake Timers,Fake Serverを使ったテストについて","tags":["JavaScript","testing"],"date":"2013-06-06T05:22:14.077Z"},{"title":"volo 0.3.0 released ~ James Burke","url":"http://jrburke.com/2013/06/05/volo-0.3.0-released/","content":"volo 0.3.0 リリース","tags":["JavaScript","node.js","Tools","ReleaseNote"],"date":"2013-06-06T07:24:41.335Z"},{"title":"JavaScript Step by Step, 3rd Edition - O'Reilly Media","url":"http://shop.oreilly.com/product/0790145344670.do","content":"2013年6月発売\n","tags":["JavaScript","book"],"date":"2013-06-07T05:07:50.146Z"},{"title":"Debug LESS with Chrome Developer Tools - Rob Dodson talks internets","url":"http://robdodson.me/blog/2012/12/28/debug-less-with-chrome-developer-tools","content":"Chrome Dev ToolsでLESSのデバッグ","tags":["Chrome","LESS","デバック"],"date":"2013-06-08T05:54:51.938Z"},{"title":"jmcunningham/AngularJS-Learning · GitHub","url":"https://github.com/jmcunningham/AngularJS-Learning","content":"AngularJSを学べるリンク集.\n機能別、書籍や動画","tags":["Angular","links"],"date":"2013-06-08T08:34:31.835Z"},{"title":"TestTheWebForward - YouTube","url":"http://www.youtube.com/user/TestTheWebForward","content":"http://testthewebforward.org/events/tokyo-2013.html の動画が公開された","tags":["W3C","HTML","video"],"date":"2013-06-08T09:45:55.676Z"},{"title":"A Couple of Use Cases for Calc() | CSS-Tricks","url":"http://css-tricks.com/a-couple-of-use-cases-for-calc/","content":"Calcのユースケースについて","tags":["css"],"date":"2013-06-08T09:46:14.046Z"},{"title":"Deep dive into the murky waters of script loading - HTML5 Rocks","url":"http://www.html5rocks.com/en/tutorials/speed/script-loading/","content":"async,defer属性について。\nそれぞれのブラウザがどう解釈するか","tags":["JavaScript"],"date":"2013-06-08T11:12:17.076Z"},{"title":"puffnfresh/rephrase · GitHub","url":"https://github.com/puffnfresh/rephrase","content":"コメントで変数と置換するルールを書いておいて、コードをrewriteするツール。","tags":["JavaScript","console","Tools"],"date":"2013-06-08T11:18:32.776Z"},{"title":"JavaScript Modular e Event-Driven","url":"http://www.slideshare.net/eshiota/javascript-modular-e-eventdriven","content":"namespaceとモジュールパターン,pub/subをつかってモジュール間のやり取り。 実際のサイトを見ながらeventでモジュールをどう繋ぐかについて","tags":["JavaScript","event","slide"],"date":"2013-06-09T02:13:50.924Z"},{"title":"PhoneGap | PhoneGap 2.8.0 Released!","url":"http://phonegap.com/blog/2013/06/07/pg-280-released/","content":"PhoneGap 2.8.0リリース","tags":["mobile","ReleaseNote"],"date":"2013-06-09T06:45:43.402Z"},{"title":"fluent-perfcourse.pdf","url":"http://www.igvita.com/slides/2013/fluent-perfcourse.pdf","content":"Webパフォーマンスについてのスライド。\nレイテンシー、HTTP2.0等のネットワークについてやNavigation Timingの利用法、レンダリングのクリティカルパス、HTML5のパースフローやレンダリングツリーについてやそれの最適化について等","tags":["performance","slide"],"date":"2013-06-10T00:48:47.676Z"},{"title":"TEST CORDING » 私がenchant.jsではなくtmlib.jsでゲームを作る5つの理由","url":"http://testcording.com/?p=1433","content":"tmlib.jsとenchant.jsの比較","tags":["JavaScript","game","library"],"date":"2013-06-10T01:00:06.925Z"},{"title":"Buildinsider OFFLINE TypeScriptの基礎から実践・利用事例まで","url":"http://www.slideshare.net/vvakame/buildinsider-offline-typescript","content":"TypeScriptとは何かから基本的な文法や開発ツールや既存ライブラリの利用について等のスライド","tags":["TypeScript","slide"],"date":"2013-06-10T06:20:58.806Z"},{"title":"A JavaScript refresh | TypedArray.org","url":"http://typedarray.org/javascript-refresh/","content":"JavaScript再入門という感じの内容。\nJavaScriptとは何か、エディタ、REPL、データ型、native object、context、クロージャー、GCについて等について","tags":["JavaScript","tutorial","document","歴史"],"date":"2013-06-10T12:43:23.037Z"},{"title":"jTypes","url":"http://www.jtypes.com/","content":"$$. virtual, abstract, override,  private, protected, publicといったものをオブジェクトのKeyに文字列で指定して定義して、クラスな仕組みを提供するライブラリ","tags":["JavaScript","library"],"date":"2013-06-10T12:52:41.185Z"},{"title":"A Study on Solving Callbacks with JavaScript Generators","url":"http://jlongster.com/A-Study-on-Solving-Callbacks-with-JavaScript-Generators","content":"ES6のGenerator*を使い方について。\n非同期なコードをyeild、suspend、promise、Qを使って書くパターンの紹介","tags":["JavaScript","tutorial"],"date":"2013-06-10T13:14:48.425Z"},{"title":"slightlyoff/NavigationController · GitHub","url":"https://github.com/slightlyoff/NavigationController","content":"HTML5 Application Cacheの新しいバージョンというわけではないが、ブラウザによりscriptableなキャッシュシステムを提供する試みのライブラリ","tags":["HTML5","JavaScript","library"],"date":"2013-06-10T13:18:28.345Z"},{"title":"Sassc and Bourbon: it works. - Damian Le Nouaille","url":"http://www.damln.com/log/sassc-and-bourbon-it-works/","content":"SassのC++実装であるLibsassのCLIラッパー","tags":["Sass","console"],"date":"2013-06-12T01:45:53.523Z"},{"title":"Content Security Policy 1.0 Lands In Firefox | Mozilla Security Blog","url":"https://blog.mozilla.org/security/2013/06/11/content-security-policy-1-0-lands-in-firefox/","content":"Firefox 23 でContent Security Policy 1.0 をサポート。\nCSP 1.0と仕様について","tags":["firefox","セキュリティ","ReleaseNote"],"date":"2013-06-13T00:51:53.926Z"},{"title":"Updates – Pure","url":"http://purecss.io/updates/","content":"Yahoo製のCSSフレームワーク Pure 0.2.0リリース。\nCIでCSSLint、Gruntを使った開発ワークフローなどについても書かれてる","tags":["Yahoo","css","ReleaseNote"],"date":"2013-06-13T00:55:14.976Z"},{"title":"JavaScript Static Analysis Tools and Techniques - STP Online Sessio...","url":"http://www.slideshare.net/noahsussman/java-script-staticanalysistoolsandtechniquesjune2013","content":"JSLint/JSHint/JSONLint/gjslintなどの静的解析ツールについてのスライド","tags":["JavaScript","slide","Tools"],"date":"2013-06-13T03:23:06.942Z"},{"title":".NET Slave | Web Developer Checklist - the Chrome extension","url":"http://madskristensen.net/post/Chrome-extension-Web-Developer-Checklist.aspx","content":"Web Developer Checklist をChromeの拡張機能から利用できるようにしたもの","tags":["Chrome","Extension"],"date":"2013-06-13T05:00:31.464Z"},{"title":"Effectively managing memory at Gmail scale - HTML5 Rocks","url":"http://www.html5rocks.com/en/tutorials/memory/effectivemanagement/","content":"Gmailでのメモリ管理の話(via Google I/O)\nJavaScriptにおけるメモリリークとは、V8におけるGCの動き。\nどのようにGmailのメモリリークを直すのにあたり、performance.memoryとChrome Dev Toolsを使いどこに問題があるかを見つけ出す話","tags":["google","mail","JavaScript"],"date":"2013-06-13T05:08:27.375Z"},{"title":"Node v0.10.11 (Stable)","url":"http://blog.nodejs.org/2013/06/13/node-v0-10-11-stable/","content":"Node v0.10.11リリース","tags":["node.js","ReleaseNote"],"date":"2013-06-14T00:16:30.050Z"},{"title":"Behaviour Driven Development with JavaScript | developer.press","url":"http://developerpress.com/en/behaviour-driven-development-javascript-1","content":"Jasmineを使ったBDDについての書籍","tags":["jasmine","book","電子書籍"],"date":"2013-06-14T02:23:31.017Z"},{"title":"sourceMappingURL and sourceURL syntax changed - HTML5Rocks Updates","url":"http://updates.html5rocks.com/2013/06/sourceMappingURL-and-sourceURL-syntax-changed","content":"sourceURL を指定するコメントの書式が変更された。\nJScriptの//@cc_onみたいなものと衝突してしまっていたので`//# sourceMappingURL=<url>`という書式に変更された","tags":["browser","デバック"],"date":"2013-06-14T05:42:31.686Z"},{"title":"W3C Developer Meetup - Tokyo のアーカイブ情報 | html5j スタッフブログ","url":"http://blog.html5j.org/2013/06/w3c-developer-meetup-tokyo.html","content":"W3C Developer Meetup - Tokyoのスライドと動画まとめ","tags":["W3C","Conference","slide","video"],"date":"2013-06-14T05:43:06.553Z"},{"title":"Intro to Web Workers · Zapier","url":"https://zapier.com/engineering/intro-to-web-workers/","content":"Web Workers入門\nSharedWorkerについてや、Blob/createObjectURLを使った別ファイルに分けないでWorkerを作る方法について等","tags":["JavaScript","WebAPI","tutorial"],"date":"2013-06-14T06:25:19.333Z"},{"title":"Chromium Blog: Retiring Chrome Frame","url":"http://blog.chromium.org/2013/06/retiring-chrome-frame.html","content":"Google Chrome Frame 開発終了のお知らせ","tags":["Chrome","IE","ReleaseNote"],"date":"2013-06-14T12:51:29.678Z"},{"title":"Better performance with requestAnimationFrame - Dev.Opera","url":"http://dev.opera.com/articles/view/better-performance-with-requestanimationframe/","content":"timerベースの描画とrequestAnimationFrameの仕組みの違い。requestAnimationFrameがすることとしないこと。\nrequestAnimationFrameの使い方について","tags":["JavaScript","animation"],"date":"2013-06-14T13:09:15.729Z"},{"title":"Getfirebug Blog » Blog Archive » Firebug 1.12 alpha 8","url":"https://blog.getfirebug.com/2013/06/14/firebug-1-12-alpha-8/","content":"Firebug 1.12リリース.\n$_ で前回の評価結果を取得できるようになった","tags":["Firebug","ReleaseNote"],"date":"2013-06-15T02:53:58.668Z"},{"title":"Surfin' Safari - Blog Archive » State of Web Inspector","url":"https://www.webkit.org/blog/2518/state-of-web-inspector/","content":"SafariのWeb Inspectorがオープンソースになったので、画面の解説","tags":["safari","デバック"],"date":"2013-06-15T07:53:44.806Z"},{"title":"ECMAScript 6: automatically binding extracted methods","url":"http://www.2ality.com/2013/06/auto-binding.html","content":"event listnerのhandlerのthis bindingを自動化するためにはどうするか。\nProxyを使った方法、さらにProxy内にキャッシュを作るコトや、ES6的な方法について","tags":["ECMA","JavaScript"],"date":"2013-06-15T08:19:55.949Z"},{"title":"PhantomJSを使ったスマホサイトテストの自動化(前編)｜1 pixel｜サイバーエージェント公式クリエイターズブログ","url":"http://ameblo.jp/ca-1pixel/entry-11549761391.html","content":"PhantomJSを使ってモバイルサイトのテスト.\nmocha-phantomを使ってPhantomJSを操作しながらテストを書く","tags":["JavaScript","webkit","mobile"],"date":"2013-06-15T09:08:35.920Z"},{"title":"Beyond DOM Manipulations: Building Stateful Modules with Events and...","url":"http://www.slideshare.net/crashlytics/jquery-conf","content":" CrashlyticsのBackbone.jsについてのスライド。\nBackboneを使ったアプリの構造、stateと非同期の処理、同期的にデータをやり取りする場合は`Vent`に対してレスポンスとリクエストを登録して直接はやり取りしないようにしてモジュールの疎結合を作る","tags":["backbone.js","slide"],"date":"2013-06-15T13:16:49.108Z"},{"title":"Dart News & Updates: Angular.js announces port for Dart","url":"http://news.dartlang.org/2013/06/angularjs-announces-port-for-dart.html","content":"Angular.js のDartポートが公開された.\nhttps://github.com/angular/angular.dart","tags":["Angular","dart","ReleaseNote"],"date":"2013-06-15T13:38:15.058Z"},{"title":"DOM Future と DOM の将来","url":"http://wakaba.github.io/packages/slides/20130523-future","content":"DOM APIの変化についてのスライド.\nMutaionObserver、append/after等の追加されたDOM API 、Future(現Promises)などについて\nhttp://www.w3.org/TR/2012/WD-dom-20121206/#element\nhttp://infrequently.org/2013/06/sfuturepromiseg/","tags":["DOM","slide","歴史"],"date":"2013-06-16T06:17:19.631Z"},{"title":"0-9, ネットワーク通信を行う場合に検討すべきこと","url":"http://0-9.tumblr.com/post/53160053698/network-connection-development","content":"モバイル環境でのネットワーク通信について。\nコネクション数の制限が強いので正しく破棄で来てるかどうか、再接続や通信の数を減らすことのチェック項目","tags":["mobile","HTTP"],"date":"2013-06-17T08:19:41.555Z"},{"title":"(* programming -> girl -> ? *) | 業務アプリ実装にFRP使ってみた","url":"http://programplusgirl.tumblr.com/post/52698153869/frp","content":"Functional Reactive Programming なライブラリであるBacon.jsについて","tags":["JavaScript","library"],"date":"2013-06-17T08:41:23.817Z"},{"title":"「データバインディングによるインタラクティブなUIの効率的な表現」Build Insider OFFLINEで登壇しました : アシアルブログ","url":"http://blog.asial.co.jp/1165","content":"データバインディングとリアクティブプログラミングについてのスライド","tags":["JavaScript","slide"],"date":"2013-06-17T08:45:29.727Z"},{"title":"csswizardry/CSS-Guidelines · GitHub","url":"https://github.com/csswizardry/CSS-Guidelines","content":"CSSガイドライン","tags":["css"],"date":"2013-06-17T08:51:28.288Z"},{"title":"Refactoring DOM Heavy JS","url":"http://javascriptplayground.com/blog/2013/06/refactoring-js/","content":"よく見かけるタブUIのDOMをリファクタリングする話。\n","tags":["JavaScript","DOM","HTML"],"date":"2013-06-17T13:07:35.151Z"},{"title":"Reserved keywords in JavaScript · Mathias Bynens","url":"http://mathiasbynens.be/notes/reserved-keywords","content":"ECMAScript バージョン別の予約語まとめ","tags":["ECMA","JavaScript"],"date":"2013-06-17T13:08:28.611Z"},{"title":"rthor/isjs · GitHub","url":"https://github.com/rthor/isjs","content":"クレジットカードやISBN、緯度経度、電話番号、郵便番号などよくある感じの正規表現をまとめたもの","tags":["JavaScript","library"],"date":"2013-06-17T13:13:33.752Z"},{"title":"blakeembrey/code-problems · GitHub","url":"https://github.com/blakeembrey/code-problems","content":"よくある感じのプログラム問題をJavaScriptで実装/解答した感じのコード集","tags":["JavaScript"],"date":"2013-06-17T13:16:32.467Z"},{"title":"The Extensible Web Manifesto","url":"http://extensiblewebmanifesto.org/","content":"開発者と標準は少し距離があるので、その間を埋める新たなサイクルについてのマニフェスト.\nPolymerのように既存機能を使ったPolyfillなどを用いながらやることで、開発者はすぐに使えて議論でき、Web標準へのフィードバックをより活発に行えるサイクルを形成していこうという感じの内容","tags":["WebAPI"],"date":"2013-06-17T13:50:35.320Z"},{"title":"Gone In 60 Frames Per Second: A Pinterest Paint Performance Case Study | Smashing Magazine","url":"http://www.smashingmagazine.com/2013/06/10/pinterest-paint-performance-case-study/","content":"Pinterestと描画パフォーマンス改善の話","tags":["デバック","browser"],"date":"2013-06-17T13:52:20.042Z"},{"title":"Chrome Mobile Summit 2013 - YouTube","url":"http://www.youtube.com/playlist?gl=JP&client=mv-google&hl=ja&list=PLNYkxOF6rcIBPVZ39YfuS4a9A4oOTRqrM&nomobile=1","content":"Chrome Mobile Summit 2013のパネルディスカッション動画が公開された。\n","tags":["Chrome","video","Conference"],"date":"2013-06-18T06:00:42.226Z"},{"title":"TypeScript 0.9 Preview Release - Somasegar's blog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/somasegar/archive/2013/06/18/typescript-0-9-preview-release.aspx","content":"TypeScript 0.9 Preview Release.\n","tags":["TypeScript","ReleaseNote"],"date":"2013-06-19T03:01:23.179Z"},{"title":"Node v0.10.12 (Stable)","url":"http://blog.nodejs.org/2013/06/18/node-v0-10-12-stable/","content":"Node v0.10.12リリース","tags":["node.js","ReleaseNote"],"date":"2013-06-19T03:08:00.974Z"},{"title":"fogus: Functional JavaScript: Closure","url":"http://blog.fogus.me/2013/06/18/functional-javascript-closure/","content":"関数型JavaScript本 リリース","tags":["JavaScript","book","関数型言語"],"date":"2013-06-19T05:22:27.530Z"},{"title":"Announcing TypeScript 0.9 - TypeScript - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/typescript/archive/2013/06/18/announcing-typescript-0-9.aspx","content":"TypeScript 0.9リリース\nGenerics","tags":["TypeScript","ReleaseNote"],"date":"2013-06-19T09:11:20.130Z"},{"title":"PhantomJSを使ったスマホサイトテストの自動化(後編)｜1 pixel｜サイバーエージェント公式クリエイターズブログ","url":"http://ameblo.jp/ca-1pixel/entry-11555224680.html","content":"PhantomJSを使った認証が必要なサイトのテスト","tags":["JavaScript","testing"],"date":"2013-06-20T02:41:50.012Z"},{"title":"25 Essential Sass and Compass Tools","url":"http://mashable.com/2013/06/11/sass-compass-tools/","content":"Sass関係のツールまとめ","tags":["Sass","Tools","まとめ"],"date":"2013-06-20T11:59:44.810Z"},{"title":"Amazon: 開発者のためのChromeガイドブック [単行本（ソフトカバー）]: 吉川 徹, あんどうやすし, 田中 洋一郎, 小松 健作","url":"http://www.amazon.co.jp/o/ASIN/4844334220/book042-22/ref=nosim","content":"2013年7月5日発売\nChrome 拡張、アプリ、packaged apps 、Chrome Dev Toolsについての書籍\nhttp://www.impressjapan.jp/books/1111101184","tags":["Chrome","デバック","Extension","book"],"date":"2013-06-20T12:17:59.932Z"},{"title":"Dart News & Updates: Release Notes for Dart's Beta Release","url":"http://news.dartlang.org/2013/06/release-notes-for-darts-beta-release.html","content":"Dart SDKとEditorがβリリース","tags":["dart","ReleaseNote"],"date":"2013-06-21T00:35:53.269Z"},{"title":"bgrins/devtools-snippets","url":"https://github.com/bgrins/devtools-snippets","content":"Chrome Dev Tools等で使えるスニペット集.","tags":["Chrome","firefox","Development","デバック"],"date":"2013-06-21T01:28:04.814Z"},{"title":"Server-Sent Events in Action","url":"http://www.slideshare.net/beatfactor/sse-23276287","content":"Server-Sent Eventsについてのスライド.\nweb.xms.me のリアルタイムのメッセージのやり取りにServer-Sent Eventsを使っていて、サーバ構成やエラーハンドリングについて","tags":["webservice","slide"],"date":"2013-06-22T03:20:45.154Z"},{"title":"Content Security Policy 1.0 を Firefox に導入 | Mozilla Developer Street (modest)","url":"https://dev.mozilla.jp/2013/06/content-security-policy-1-0-lands-in-firefox/","content":"Content Security Policy 1.0 Lands In Firefoxの和訳。\n標準化される前のCSPとCSP1.0の違い。","tags":["firefox","CSP","translate"],"date":"2013-06-22T08:16:13.948Z"},{"title":"Angular.jsとBackbone.jsのDOM依存を図解する - ジンジャー研究室","url":"http://jinjor-labo.hatenablog.com/entry/2013/06/19/062931","content":"Angular.jsとBackbone.jsの依存の方向について。","tags":["JavaScript","MVC"],"date":"2013-06-22T13:38:21.819Z"},{"title":"Basic JavaScript: an introduction to the language","url":"http://www.2ality.com/2013/06/basic-javascript.html","content":"JavaScriptの基礎についてよくまとまってる。\nプリミティブ値とオブジェクト、文法、演算子、関数、Strict mode等","tags":["JavaScript","tutorial"],"date":"2013-06-23T09:38:48.858Z"},{"title":"dypsilon/frontend-dev-bookmarks","url":"https://github.com/dypsilon/frontend-dev-bookmarks","content":"フロントエンド開発のリソースリンク集","tags":["links"],"date":"2013-06-23T11:12:51.492Z"},{"title":"Writing a Javascript REST client - miguelgrinberg.com","url":"http://blog.miguelgrinberg.com/post/writing-a-javascript-rest-client","content":"REST APIとKnockoutを使ったTODO的なウェブアプリを作るチュートリアル.","tags":["JavaScript","API","MVC","tutorial"],"date":"2013-06-23T11:36:13.643Z"},{"title":"CDN performance in numbers - CDNperf","url":"http://www.cdnperf.com/#/yandex,microsoft,cdnjs,google,jquery_mt_,bootstrapcdn,jsdelivr/ping/30","content":"JavaScriptなCDNサイトのlatencyやuptimeを比較できるサイト","tags":["JavaScript","webservice"],"date":"2013-06-23T12:02:56.369Z"},{"title":"CDN performance in numbers - CDNperf","url":"http://www.cdnperf.com/","content":"JavaScriptなCDNサイトのlatencyやuptimeを比較できるサイト","tags":["JavaScript","webservice"],"date":"2013-06-23T12:03:20.752Z"},{"title":"Unit Testing JavaScript with Venus.js","url":"http://www.softwaretestingmagazine.com/videos/unit-testing-javascript-with-venus-js/","content":"LinkedInが公開してるテストフレームワークのVenus.jsについての動画","tags":["JavaScript","testing","video"],"date":"2013-06-23T12:17:02.556Z"},{"title":"Content Security Policy - Marakana","url":"http://marakana.com/s/post/1489/content_security_policy_adam_barth_video","content":"Chrome Teamの人によるCSPについて発表の動画。\nそれぞれのポリシーディレクティブがどのような効果があり、どういうケースで動作するかについて解説。\nCSP1.1ではどの機能が予定されているか。","tags":["browser","セキュリティ","CSP","video"],"date":"2013-06-23T13:48:52.048Z"},{"title":"ECMAScript.Next ECMAScipt 6","url":"http://www.slideshare.net/kevinderudder/esnext-23272446","content":"JavaScriptの歴史、ES5とES.nextについてのスライド","tags":["ECMA","歴史","slide"],"date":"2013-06-24T08:38:44.203Z"},{"title":"fynyky/reactor.js","url":"https://github.com/fynyky/reactor.js","content":"リアクティブプログラミングライブラリ.\nSingnalとObserverからなる","tags":["JavaScript","library"],"date":"2013-06-24T12:06:32.190Z"},{"title":"Static Memory Javascript with Object Pools - HTML5 Rocks","url":"http://www.html5rocks.com/en/tutorials/speed/static-mem-pools/","content":"GCによるメモリ解放のパフォーマンスへ与える影響について。\nオブジェクトの作成/開放による定期的における “memory churn”を減らすのにどうすかという話","tags":["JavaScript"],"date":"2013-06-24T12:29:40.214Z"},{"title":"Syncfusion Ebooks | TypeScript Succinctly","url":"http://www.syncfusion.com/resources/techportal/ebooks/typescript","content":"無料のTypeScriptについての電子書籍.\n主に.NETユーザを対象として書かれてるが、TypeScriptの基本的な機能や使い方についてまとまってる","tags":["TypeScript","book"],"date":"2013-06-25T01:15:26.446Z"},{"title":"airportyh/empath","url":"https://github.com/airportyh/empath","content":"ディレクトリを指定してそのモジュールが、どのモジュールシステムをサポートしてるかを判定するCLI","tags":["JavaScript","Tools","console"],"date":"2013-06-25T12:20:49.316Z"},{"title":"Internet Explorer 11の新機能とか - ういはるかぜの化学 - subtech","url":"http://subtech.g.hatena.ne.jp/mayuki/20130625/1372173176","content":"Windows Server 2013 R2プレビューでのIE11 の新機能について.\nWeb API、ES6、F12開発者ツールの刷新","tags":["IE"],"date":"2013-06-26T04:35:23.789Z"},{"title":"jQuery UI Widgets vs. HTML5 | TJ VanToll","url":"http://tjvantoll.com/speaking/slides/2013/UI-Widgets-vs-HTML5/#/","content":"HTML formとjQuery UIについてのスライド。\ndatepicker,number,range それぞれの比較","tags":["jQuery","UI","HTML5"],"date":"2013-06-26T13:38:13.349Z"},{"title":"PHPSass - A PHP compiler for Sass","url":"http://phpsass.com/","content":"PHPで書かれたSassコンパイラー","tags":["php","Sass"],"date":"2013-06-27T05:16:22.895Z"},{"title":"Firefox 22 が正式リリース CSS Flexible Box の有効化、data、time 要素のサポートなど | WWW WATCH","url":"http://hyper-text.org/archives/2013/06/firefox_22_release.shtml","content":"Firefox 22 での変更点について","tags":["firefox","ReleaseNote"],"date":"2013-06-27T13:35:01.436Z"},{"title":"Firefox 22.0 リリースノート","url":"http://www.mozilla.jp/firefox/22.0/releasenotes/","content":"Firefox 22リリース.","tags":["firefox","ReleaseNote"],"date":"2013-06-27T13:39:11.910Z"},{"title":"Firefox 22 個人的まとめ - hogehoge @teramako","url":"http://d.hatena.ne.jp/teramako/20130625/p1","content":"Firefox 22の実装されたHTML,CSS,JavaScriptの機能とAddonまわりの変更点と該当Bugへのリンクまとめ","tags":["firefox","ReleaseNote"],"date":"2013-06-27T13:58:02.478Z"},{"title":"Important","url":"http://lea.verou.me/humble-border-radius/#for-browser","content":"border-radiusについて詳しく書かれたスライド。\n実際に動かしながらborder-radiusの指定方法を学べたり、ブラウザ間の挙動の違いを見られる。","tags":["css","browser","slide"],"date":"2013-06-28T02:01:36.611Z"},{"title":"ブラウザレンダリング 最適化テクニック","url":"http://www.slideshare.net/classmethod/ss-23437633","content":"DOMツリーとレンダリングについてのスライド。\nパース -> レンダリングツリー(Reflow) -> RePaint の流れについて","tags":["DOM","css","browser","slide"],"date":"2013-06-28T02:56:55.667Z"},{"title":"Node.js 0.12 では yield が使えるのでコールバック地獄にサヨナラできる話 - てっく煮ブログ","url":"http://tech.nitoyon.com/ja/blog/2013/06/27/node-yield/","content":"V8でGenerator*が有効になったので、Node.jsでyeildを使った説明.","tags":["JavaScript","node.js"],"date":"2013-06-28T07:43:54.331Z"},{"title":"PhoneGap | PhoneGap 2.9.0 Released!","url":"http://phonegap.com/blog/2013/06/26/pg-290-released/","content":"PhoneGap 2.9.0リリース","tags":["mobile","ReleaseNote"],"date":"2013-06-29T05:25:31.147Z"},{"title":"HTML5 や CSS などのリファレンスサイト （未完成） を公開したよ | WWW WATCH","url":"http://hyper-text.org/archives/2013/06/w3_watch_reference.shtml","content":"HTML5のタグリファレンスサイト","tags":["HTML5","リファレンス"],"date":"2013-06-29T07:47:28.370Z"},{"title":"DevDocs","url":"http://devdocs.io/","content":"MDNのHTMLやCSSについてや、jQueryのリファレンスを検索出来るサイト。\n","tags":["HTML","css","jQuery","リファレンス","search"],"date":"2013-06-29T07:52:04.586Z"},{"title":"mozilla/pointer.js","url":"https://github.com/mozilla/pointer.js","content":"mouse/touch events をlistenして pointer event を 発火させるライブラリ","tags":["JavaScript","library"],"date":"2013-06-29T08:46:38.127Z"},{"title":"Schedule | Scotland JS","url":"http://scotlandjs.com/schedule.html","content":"ScotlandJSの発表動画が公開された","tags":["JavaScript","Conference","video"],"date":"2013-06-29T08:50:05.552Z"},{"title":"What are Generators? | Flippin' Awesome","url":"http://flippinawesome.org/2013/06/24/what-are-generators/","content":"Generators*  について。\nGeneratorの基本的な挙動、yeild/next()、send()、throw()とtry-catch.\nGenerator functionを受け取って進める関数の書き方について","tags":["JavaScript","ECMA","node.js"],"date":"2013-06-29T09:02:20.753Z"},{"title":"Secrets of Awesome JavaScript API Design: Fluent 2013 - O'Reilly Conferences, May 28 - 30, 2013, San Francisco, CA","url":"http://fluentconf.com/fluent2013/public/schedule/detail/27777","content":"JavaScriptのAPIデザインについての発表\nhttp://www.youtube.com/watch?v=QlQm786MClE\nhttp://www.slideshare.net/TheSatch/secrets-of-awesome-javascript-api-design","tags":["JavaScript","API","design","slide"],"date":"2013-06-29T09:26:21.771Z"},{"title":"フロントエンドのツール Yeoman を勘違いしていた","url":"http://www.slideshare.net/girigiribauer/20130629-yeoman","content":"自分用のYeoman generatorの作り方についてのスライド","tags":["node.js","console","Tools","slide"],"date":"2013-06-30T02:06:20.306Z"},{"title":"YUI Modules Table","url":"http://www.okuryu.com/yui-modules-table/","content":"YUIの各バージョンに含まれてるCore moduleのまとめ","tags":["JavaScript","library","まとめ"],"date":"2013-06-30T02:44:05.851Z"},{"title":"Microsoft News | WebGL, SPDY/3, New Dev Tools, & More Confirmed For IE11 In Win 8.1","url":"http://microsoft-news.com/webgl-spdy3-new-dev-tools-more-confirmed-for-ie11-in-win-8-1/","content":"IE11の設定と開発者ツールについて","tags":["IE","デバック"],"date":"2013-06-30T02:57:43.279Z"},{"title":"Using Grunt & the ES6 Module Transpiler","url":"http://www.thomasboyt.com/2013/06/21/es6-module-transpiler","content":"ES6 Module TranspilerとGruntを使ってES6のModulesを変換して、今すぐ利用するワークフローについて。","tags":["JavaScript","ECMA","workflow"],"date":"2013-06-30T03:08:56.185Z"},{"title":"Chrome ウェブストア - jQuery Debugger","url":"https://chrome.google.com/webstore/detail/jquery-debugger/dbhhnnnpaeobfddmlalhnehgclcmjimi","content":"jQueryをデバッグする機能を追加するChrome Dev Tools 拡張.\n","tags":["jQuery","Chrome","デバック"],"date":"2013-06-30T03:16:17.283Z"},{"title":"FIRST STEP to Haxe/JavaScript","url":"http://www.slideshare.net/terurou/first-step-to-haxejavascript","content":"Haxe to JavaScriptについてのスライド.\nHaxeの構文について\n","tags":["JavaScript","altJS","slide"],"date":"2013-06-30T04:49:50.448Z"},{"title":"FIRST STEP to Haxe/JavaScript","url":"http://www.slideshare.net/terurou/first-step-to-haxejavascript","content":"Haxe to JavaScriptについてのスライド.\nHaxeの構文について\n","tags":["JavaScript","altJS","slide"],"date":"2013-06-30T04:49:53.504Z"},{"title":"WebRTC comes to Firefox ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2013/06/webrtc-comes-to-firefox/","content":"Firefox 22 でWebRTCがデフォルト有効に。(getUserMediaは20から)\n","tags":["firefox","ReleaseNote"],"date":"2013-06-30T05:21:39.831Z"},{"title":"bitwalker/keys.js","url":"https://github.com/bitwalker/keys.js","content":"キーバインドライブラリ.\n修飾キーの組み合わせや、バインドの設定をSerialize/Deserialize等の機能を持ってうr","tags":["キーボード","JavaScript","library"],"date":"2013-06-30T06:16:40.581Z"},{"title":"Using ES6 Modules Today","url":"http://guybedford.com/es6-modules-today","content":"使ったES6のModules Syntaxで定義されたjsファイルを、Esprimaを使いパースして読み込むモジュールローダを使って利用するアプローチ","tags":["JavaScript","ECMA","library"],"date":"2013-06-30T11:41:23.320Z"},{"title":"Using ES6 Modules Today","url":"http://guybedford.com/es6-modules-today","content":"ES6のModules Syntaxで定義されたjsファイルを、Esprimaを使いパースして読み込むモジュールローダを使って利用するアプローチ","tags":["JavaScript","ECMA","library"],"date":"2013-06-30T11:42:08.794Z"},{"title":"AlloyUI","url":"http://alloyui.com/","content":"YUIを使ったUIフレームワーク","tags":["JavaScript","UI","library"],"date":"2013-07-01T00:28:10.844Z"},{"title":"dunxrion/console.snapshot","url":"https://github.com/dunxrion/console.snapshot","content":"Canvasの表示内容のスナップショットを撮ってConsoleに表示するconsole.snapshotメソッド","tags":["canvas","デバック"],"date":"2013-07-01T02:22:47.185Z"},{"title":"SlimerJS","url":"http://slimerjs.org/index.html","content":"Firefox(Gecko)版PhantomJSのようなブラウザツール.\nPhantomJSのようにスクリプトを読み込ませてヘッドレスブラウザを操作できる。\nPhantomJSとスクリプトの互換性を持つことを目標に開発されている","tags":["firefox","JavaScript","Tools"],"date":"2013-07-01T12:33:04.507Z"},{"title":"jstest","url":"http://jstest.jcoglan.com/","content":"JavaScriptテストフレームワーク.\n様々な環境で動作するように作られていて、自信もRSpecライクなAssertionやFake等の機能を持っている。\n他のTest Runnerと連動して使うことができるのが特徴的","tags":["JavaScript","testing","library"],"date":"2013-07-01T12:37:06.321Z"},{"title":"jstest 1.0: the cross-platform JavaScript test framework finally released as a standalone package – The If Works","url":"http://blog.jcoglan.com/2013/06/30/jstest-1-0-the-cross-platform-javascript-test-framework-finally-released-as-a-standalone-package/","content":"JavaScriptテストフレームワーク jstest 1.0リリース。\njsclass の 一部として開発されてきたが独立して扱えるようになった。","tags":["JavaScript","testing","library","ReleaseNote"],"date":"2013-07-01T12:39:48.767Z"},{"title":"Advanced Unit Testing Techniques in JavaScript | Nettuts+","url":"http://net.tutsplus.com/tutorials/javascript-ajax/advanced-unit-testing-techniques-in-javascript/","content":"Buster.JSをつかったテストのチュートリアル。\nSinon.JSでのモックについて詳しく書かれてる。","tags":["JavaScript","BusterJS","tutorial"],"date":"2013-07-01T12:41:15.202Z"},{"title":"Chromium Blog: Experimenting with QUIC","url":"http://blog.chromium.org/2013/06/experimenting-with-quic.html","content":"GoogleがUDP上でTCP+TLS相当の機能を実現するQUIC (Quick UDP Internet Connections) を公開した","tags":["google","HTTP","ReleaseNote"],"date":"2013-07-01T15:10:56.689Z"},{"title":"QUIC Geek FAQ (和訳) - yoyaのメモ","url":"http://d.hatena.ne.jp/yoya/20130628/quic","content":"QUICのUDP, TCP, SPDY といった要素が分かる人向けのFAQを翻訳したもの","tags":["QUIC","まとめ","translate"],"date":"2013-07-01T15:12:14.985Z"},{"title":"Announcing TypeScript 0.9.0.1 - TypeScript - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/typescript/archive/2013/06/28/announcing-typescript-0-9-0-1.aspx","content":"TypeScript 0.9.0.1リリース\nbugfix","tags":["TypeScript","ReleaseNote"],"date":"2013-07-02T02:35:06.282Z"},{"title":"Huddle/PhantomFlow","url":"https://github.com/Huddle/PhantomFlow","content":"PhantomJS,CapsperJS,PhantomCSSを使ってインテグレーションテストをビジュアライズする試みのツール","tags":["Tools","ビジュアライズ"],"date":"2013-07-02T04:53:19.502Z"},{"title":"mathiasbynens/esrever","url":"https://github.com/mathiasbynens/esrever","content":"ユニコード文字列もちゃんと扱えるString#reverse実装ライブラリ","tags":["JavaScript","library"],"date":"2013-07-02T07:26:47.578Z"},{"title":"JavaScript でスマートに非同期なコードを書くための Promise パターンの仕様（改良版）の邦訳です。","url":"https://gist.github.com/OrgaChem/5903697","content":"Promises/A+のSpec翻訳","tags":["JavaScript","translate"],"date":"2013-07-03T13:03:24.122Z"},{"title":"Ja - Scalable and Modular Architecture for CSS","url":"https://smacss.com/ja","content":"SMACSSの日本語版が発売された","tags":["css","book"],"date":"2013-07-04T00:51:54.824Z"},{"title":"jQuery 1.10.2 and 2.0.3 Released | Official jQuery Blog","url":"http://blog.jquery.com/2013/07/03/jquery-1-10-2-and-2-0-3-released/","content":"jQuery 1.10.2 と 2.0.3 リリース.\nbugfix","tags":["jQuery","ReleaseNote"],"date":"2013-07-04T01:33:02.659Z"},{"title":"JavaScript イディオム集 » nmi.jp","url":"http://nmi.jp/archives/488","content":"JavaScriptで演算子とか利用したイディオムのまとめ\n文字列化、数値化、null比較、isNaN、~indexOf、ビット演算","tags":["JavaScript"],"date":"2013-07-04T01:59:03.287Z"},{"title":"Amazon.com: Programming 3D Applications with HTML5 and WebGL: 3D Animation and Visualization for Web Pages (9781449362966): Tony Parisi: Books","url":"http://www.amazon.com/o/ASIN/1449362966/amazon0abac-22/ref=nosim","content":"2013年11月22日発売\nWebGLとかを使った3Dアニメーション、ビジュアライズについて","tags":["book","WebGL"],"date":"2013-07-04T02:49:22.842Z"},{"title":"Variables and Constants in ES6 - Generated Content by David Storey","url":"http://generatedcontent.org/post/54444832868/variables-and-constants-in-es6","content":"let, constの対応状況まとめ","tags":["JavaScript","ECMA"],"date":"2013-07-05T15:20:10.031Z"},{"title":"Aristochart - Sophisticated Javascript charts.","url":"http://dunxrion.github.io/aristochart/","content":"Canvas折れ線グラフライブラリ","tags":["JavaScript","canvas","グラフ","library"],"date":"2013-07-07T01:54:00.295Z"},{"title":"Basis.js - почему я не бросил разрабатывать свой фреймворк (extende...","url":"http://www.slideshare.net/basisjs/basisjs-fronttalks","content":"single-pageアプリ等に使えるJavaScriptフレームワーク http://basisjs.com/ についてのスライド","tags":["JavaScript","library","slide"],"date":"2013-07-07T03:49:06.583Z"},{"title":"SpiderMonkey Parser API: A Standard For Structured JS Representations // Speaker Deck","url":"https://speakerdeck.com/michaelficarra/spidermonkey-parser-api-a-standard-for-structured-js-representations","content":"Mozilla Parser APIとそれの実装であるReflect.jsやEsprima等についてのスライド.\nASTをIRとして変換、可視化、解析、カバレッジ、altJSなどに利用されている話","tags":["JavaScript","firefox","Tools","slide"],"date":"2013-07-07T04:14:30.653Z"},{"title":"Opera Developer News - Introducing Opera 15 for Computers, and a fast release cycle","url":"http://my.opera.com/ODIN/blog/2013/07/02/introducing-opera-15-for-desktop-and-a-fast-release-cycle","content":"ChromiumベースとなったOpera 15リリース","tags":["Opera","ReleaseNote"],"date":"2013-07-07T04:18:53.982Z"},{"title":"Big JS-Compatibility-Table","url":"http://compatibility.shwups-cms.ch/en/home/?","content":"JavaScript APIのブラウザ間の対応をまとめたサイト.\nかなり網羅的に載ってる","tags":["JavaScript","browser","まとめ"],"date":"2013-07-07T04:48:04.815Z"},{"title":"Webflow CSS Playground","url":"http://playground.webflow.com/","content":"CSSをGUIで変更しながら見られるツール.\nレスポンシブなプレビュー","tags":["css","Tools"],"date":"2013-07-07T05:32:33.714Z"},{"title":"This is Stuff: Building JavaScript Library with Grunt.js","url":"http://meri-stuff.blogspot.com/2013/06/building-javascript-library-with-gruntjs.html","content":"Grunt.jsを使ってJavaScriptライブラリを開発でのタスクについて","tags":["JavaScript","Tools","workflow"],"date":"2013-07-07T05:49:17.917Z"},{"title":"jQuery Conference Portland 2013","url":"http://events.jquery.org/2013/portland/","content":"jQuery Conference in Portland 2013のスライドと動画が公開されてる","tags":["jQuery","slide","video","Conference"],"date":"2013-07-07T06:16:30.617Z"},{"title":"TypeScript: Application-Scale JavaScript | Build 2013 | Channel 9","url":"http://channel9.msdn.com/Events/Build/2013/3-314","content":"Anders HejlsbergによるTypeScriptについての発表。\n主にデモやTypeScriptで作られてるウェブアプリの紹介等","tags":["TypeScript","slide","video"],"date":"2013-07-07T08:51:14.949Z"},{"title":"最強オブジェクト指向言語 JavaScript 再入門！","url":"http://www.slideshare.net/yuka2py/javascript-23768378","content":"JavaScriptのプロトタイプチェーンとprototype属性を分けて説明する事でわかりやすくできてるスライド.\nスコープとクロージャーとthisについても。JavaScriptとオブジェクト","tags":["JavaScript","slide","tutorial"],"date":"2013-07-07T10:37:44.663Z"},{"title":"HTML 5.1","url":"http://momdo.s35.xrea.com/web-html-test/spec/WD-html51-20130528/Overview.html","content":"HTML5.1の仕様書翻訳\n5.0 http://momdo.s35.xrea.com/web-html-test/spec/html5-author-wd-201210/Overview.html","tags":["HTML5","W3C","translate"],"date":"2013-07-07T11:14:50.397Z"},{"title":"Five Patterns to Help You Tame Asynchronous JavaScript - Tech.Pro","url":"http://tech.pro/blog/1402/five-patterns-to-help-you-tame-asynchronous-javascript","content":"非同期コードをを扱う方法 コールバック、Observer パターン(EvnetsEmitter)、Messaging、Promises、 Finite State Machinesについてのメリット、デメリットのまとめ","tags":["JavaScript","まとめ"],"date":"2013-07-08T12:59:35.072Z"},{"title":"High Performance Web Frontend // Speaker Deck","url":"https://speakerdeck.com/ahomu/high-performance-web-frontend","content":"ウェブサイトのパフォーマンスについてスライド。\n画像の通信的な重さ、重いCSSプロパティとSkia Debugger、reflowと重い箇所をChrome Dev Toolsを見つける方法、JavaScriptとGCとメモリリーク","tags":["web","performance","slide"],"date":"2013-07-08T13:39:30.892Z"},{"title":"Knockout v2.3.0 released; v3.0.0 beta available - Steve Sanderson’s blog - As seen on YouTube™","url":"http://blog.stevensanderson.com/2013/07/09/knockout-v2-3-0-released-v3-0-0-beta-available/","content":"Knockout v2.3.0リリース","tags":["JavaScript","MVC","library"],"date":"2013-07-09T12:31:27.292Z"},{"title":"RequireJS 2.1.7 Released ~ James Burke","url":"http://jrburke.com/2013/07/07/requirejs-2.1.7-released/","content":"RequireJS 2.1.7 リリース","tags":["AMD","JavaScript","library","ReleaseNote"],"date":"2013-07-09T14:25:46.252Z"},{"title":"WebStorm 7 build 130.1167 | JetBrains WebStorm Blog","url":"http://blog.jetbrains.com/webstorm/2013/07/webstorm-7-build-130-1167/","content":"WebStorm 7 build 130.1167リリース。\nTypeScript 0.9のサポート、Karma + istanbulでのコードカバレッジをサポート.\n","tags":["WebStorm","ReleaseNote"],"date":"2013-07-10T00:21:41.767Z"},{"title":"Web Audio API comes to Firefox ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2013/07/web-audio-api-comes-to-firefox/","content":"Firefox 24でWeb Audio APIのサポート","tags":["firefox","sound","API"],"date":"2013-07-10T03:21:33.698Z"},{"title":"Node v0.10.13 (Stable)","url":"http://blog.nodejs.org/2013/07/09/node-v0-10-13-stable/","content":"Node v0.10.13リリース","tags":["node.js","ReleaseNote"],"date":"2013-07-10T05:22:31.379Z"},{"title":"Advanced Jasmine - Front-End JavaScript Unit Testing","url":"http://www.slideshare.net/larsthorup/advanced-jasmine","content":"Jasmineについてのスライド。\nメソッド、コンストラクタのモックの使い方、Fake Timer、DOM fixture、非同期テスト、matcherについて等","tags":["jasmine","slide"],"date":"2013-07-10T12:35:54.154Z"},{"title":"goloroden/isolated","url":"https://github.com/goloroden/isolated","content":"Nodeのテスト時に使える一時フォルダみたいなものを提供してくれるライブラリ","tags":["node.js","testing"],"date":"2013-07-10T12:55:52.993Z"},{"title":"Chutzpah - Chutzpah 2.4.2 - Matthew Manela - Farblondzshet in Code","url":"http://matthewmanela.com/blog/chutzpah-2-4-2/","content":"Chutzpah 2.4.2リリース","tags":["JavaScript","windows","testing"],"date":"2013-07-11T07:10:55.457Z"},{"title":"スマートフォンで動くリアルタイム3Dグラフィック｜1 pixel｜サイバーエージェント公式クリエイターズブログ","url":"http://ameblo.jp/ca-1pixel/entry-11559614722.html","content":"CanvasAPIで3D表現をする方法について。\n3Dの基本となる座標変換、カメラの定義、アフィン変換などについて詳しく説明されてる","tags":["canvas","3D"],"date":"2013-07-11T08:30:00.935Z"},{"title":"TEST CORDING » 基礎からのSass – Sassによる効率的CSSコーディングまとめ","url":"http://testcording.com/?p=412","content":"Sassについての記事まとめ","tags":["Sass","まとめ"],"date":"2013-07-11T09:00:08.338Z"},{"title":"nzakas/eslint","url":"https://github.com/nzakas/eslint","content":"JavaScriptのLintツール.\nLintのルールをpluginとして管理できる仕組みを持ってる","tags":["JavaScript","Tools"],"date":"2013-07-12T11:57:53.486Z"},{"title":"Amazon: WebクリエイターのためのCreateJSスタイルブック ~JavaScript+HTML5で作るアニメーション/インタラクティブコンテンツ~ (Web Designing Books) [単行本（ソフトカバー）]: 野中 文雄","url":"http://www.amazon.co.jp/o/ASIN/4839945179/amazon0abac-22/ref=nosim","content":"CreateJS本\nhttp://www.fumiononaka.com/Books/CreateJS_Style_Book.html","tags":["JavaScript","library","book"],"date":"2013-07-13T02:16:50.068Z"},{"title":"ES6: The Awesome Parts","url":"http://www.slideshare.net/domenicdenicola/es6-the-awesome-parts","content":"@esdiscussの方によるGenerator *, Template Stringについてのスライド.\nTemplate Stringの実用的な使い方","tags":["JavaScript","ECMA","slide"],"date":"2013-07-13T03:12:08.329Z"},{"title":"Jump Start JavaScript - O'Reilly Media","url":"http://shop.oreilly.com/product/9780987332189.do","content":"SitePointのJavaScript,HTML,CSSな書籍","tags":["JavaScript","book"],"date":"2013-07-13T03:50:02.052Z"},{"title":"Amazon: スマートフォンサイト制作入門 〔レスポンシブ・ウェブ対応〕 [大型本]: ネットイヤークラフト株式会社, 荒井 千佳, 入江 寿栄","url":"http://www.amazon.co.jp/o/ASIN/4774158801/amazon0abac-22/ref=nosim","content":"2013年8月21日発売\nスマートフォンサイト制作とレスポンシブ・ウェブの基礎についての書籍","tags":["design","book"],"date":"2013-07-13T03:53:25.049Z"},{"title":"learn.js","url":"http://learnjs.io/","content":"\"Learn.js is like a collection of LEGO guides.\nThe goal: a fun way to learn javascript.\"","tags":["JavaScript","book"],"date":"2013-07-13T07:02:30.021Z"},{"title":"Minified.js - A Truly Lightweight JavaScript Library","url":"http://minifiedjs.com/","content":"Util、DOM操作、アニメーション、Promise、IE互換のためのJSONやXHR、event handler等の機能を持ったライブラリ。\nビルド用の条件分岐が細かく入っていて、カスタムビルドできるようになってる。","tags":["JavaScript","library"],"date":"2013-07-14T01:22:44.449Z"},{"title":"Testing your responsive design with PhantomJS — Adnane Belmadiaf's Blog","url":"http://daker.me/2013/07/testing-your-responsive-design-with-phantomjs.html","content":"PhantomJSを使って様々な画面サイズでCaptchaをまとめて取る方法","tags":["browser","Tools"],"date":"2013-07-14T01:44:51.623Z"},{"title":"Creating interactive graphs with SVG, Part 1 - Roemer's blog","url":"http://rvlasveld.github.io/blog/2013/07/02/creating-interactive-graphs-with-svg-part-1/","content":"SVGを使ってインタラクティブなグラフを作る話","tags":["SVG","グラフ","tutorial"],"date":"2013-07-21T08:28:32.981Z"},{"title":"Why I Test Private Functions In JavaScript — Philip Walton","url":"http://philipwalton.com/articles/why-i-test-private-functions-in-javascript/","content":"JavaScriptでなぜprivateメソッドをテストするのか。\nそもそもJavaScriptでPrivateって何なのかやモジュールの特性上の現実解として\nhttp://philipwalton.com/articles/how-to-unit-test-private-functions-in-javascript/ の補足記事","tags":["JavaScript","testing"],"date":"2013-07-21T09:16:33.674Z"},{"title":"JavascriptOO.com","url":"http://www.javascriptoo.com/","content":"JavaScriptのライブラリまとめサイト。\nそれぞれサンプルが用意されてるのが特徴的","tags":["JavaScript","library","まとめ"],"date":"2013-07-22T00:40:56.275Z"},{"title":"Blink, Chromium, Skia and v8 statistics","url":"http://commits.peter.sh/stats/","content":"Blink,Chromium,v8,Skiaに関するコミットをフィルターして見られて、コミット数のグラフができる。 on peter.sh ","tags":["blink","Chrome","webservice","グラフ"],"date":"2013-07-22T00:52:26.258Z"},{"title":"Announcing jQuery Mobile 1.3.2 | jQuery Mobile","url":"http://jquerymobile.com/blog/2013/07/19/announcing-jquery-mobile-1-3-2/","content":"jQuery Mobile 1.3.2リリース.","tags":["jQuery","mobile","ReleaseNote"],"date":"2013-07-22T12:48:52.106Z"},{"title":"Creating A Clean Testing Environment - Chrome DevTools — Google Developers","url":"https://developers.google.com/chrome-developer-tools/docs/clean-testing-environment","content":"Chromeをクリーンな環境で動かす方法。\nシークレットモードと--user-data-dirのnull指定","tags":["Chrome","デバック","document"],"date":"2013-07-22T12:58:09.261Z"},{"title":"YetiでJavaScriptのテストを動かす方法 | Web scratch","url":"http://efcl.info/2013/0721/res3337/","content":"Test RunnerのYetiの使い方について.\nSauce Labs連携をしてリモートのブラウザでテストを行う方法について","tags":["JavaScript","testing","tutorial"],"date":"2013-07-22T13:12:38.828Z"},{"title":"atMedia.info - CSS Media Query Generator","url":"http://atmedia.info/","content":"アクセスしたブラウザの情報と、CSS media queryを入力してそれにmatchしてるかを判定できるサイト","tags":["browser","css"],"date":"2013-07-22T13:15:42.159Z"},{"title":"Building Apps With the Yeoman Workflow | Nettuts+","url":"http://net.tutsplus.com/tutorials/javascript-ajax/building-apps-with-the-yeoman-workflow/","content":"Yeomanを使ってTodoウェブアプリを作りながら、ワークフローについて学ぶ話","tags":["JavaScript","Tools","workflow"],"date":"2013-07-22T13:40:21.079Z"},{"title":"bower/CHANGELOG.md at master · bower/bower","url":"https://github.com/bower/bower/blob/master/CHANGELOG.md#100---2013-07-23","content":"フロントエンドのパッケージ管理bower 1.0.0リリース.\n変更点については https://github.com/bower/bower/wiki/Rewrite-state にまとめられてる","tags":["JavaScript","Tools"],"date":"2013-07-23T12:49:18.746Z"},{"title":"nathggns/Overload","url":"https://github.com/nathggns/Overload","content":"JavaScriptでオーバーロードを行うライブラリ.\noverload.cleanで元に戻せる","tags":["JavaScript","library"],"date":"2013-07-23T13:23:31.477Z"},{"title":"libphonenumber - Google's phone number handling library, powering Android and more - Google Project Hosting","url":"https://code.google.com/p/libphonenumber/","content":"Googleの電話番号を扱うライブラリ. Java、JavaScript、C#、Objective-C、Python、Ruby版がある","tags":["google","library"],"date":"2013-07-23T13:36:33.975Z"},{"title":"Two Reasons Functional Style Is Slow in SpiderMonkey","url":"http://rfrn.org/~shu/2013/03/20/two-reasons-functional-style-is-slow-in-spidermonkey.html","content":"SpiderMonkeyにおける、通常for と forEach等の関数型スタイルの比較。\nself-hostedな実装になっているためJITでの差が出やすい","tags":["JavaScript","firefox"],"date":"2013-07-23T13:57:44.488Z"},{"title":"Testing Strategies for Angular JS - YouTube","url":"http://www.youtube.com/watch?v=UYVcY9EJcRs","content":"AngularJSのテストについてのスクリーンキャスト","tags":["Angular","video","testing"],"date":"2013-07-23T13:58:14.285Z"},{"title":"Chance.js: Utility library to generate anything random for JavaScript","url":"http://chancejs.com/","content":"数値などの基本的な値、名前、ドメイン、住所、時間などいったものをランダム生成するライブラリ。\nSeedとなる値を渡して生成もできる","tags":["JavaScript","library"],"date":"2013-07-23T14:00:46.557Z"},{"title":"ES6 Modules, Build Tools and Browser App Delivery ☃ Ryan Florence Online","url":"http://ryanflorence.com/2013/es6-modules-and-browser-app-delivery/","content":"UMDと es6-module-transpiler","tags":["JavaScript","Tools"],"date":"2013-07-23T14:07:39.080Z"},{"title":"A Brief Introduction To Local Storage","url":"http://www.slideshare.net/garyfromchina/a-brief-introduction-to-local-storage","content":"LocalStorageについてよくまとまってるスライド. Store.js、StorageEvent、容量制限のまとめ、use caseと実例、オブジェクトのSerializeとパフォーマンスについて","tags":["JavaScript","slide"],"date":"2013-07-23T14:41:07.707Z"},{"title":"最近のJavaScript開発まとめ : アシアルブログ","url":"http://blog.asial.co.jp/1187","content":"最近良く見る感じのフレームワーク、ライブラリ、コーディングルール、Lint、メトリクス、デバッグ、テスト、Grunt、Node.jsについて。","tags":["JavaScript","まとめ","開発環境"],"date":"2013-07-23T14:49:42.687Z"},{"title":"Try Sass","url":"http://trysass.com/","content":"Sass playground.\nSassを入力してCSSをその場で見られる","tags":["Sass","webservice"],"date":"2013-07-24T01:55:02.596Z"},{"title":"kendo-labs/kendo-bootstrapper","url":"https://github.com/kendo-labs/kendo-bootstrapper","content":"Kendo UI Bootstrapper","tags":["JavaScript","UI","Tools"],"date":"2013-07-24T16:06:07.319Z"},{"title":"Mergely - Online diff, merge documents","url":"http://www.mergely.com/","content":"JavaScriptなDiff/Mergeアプリとライブラリ","tags":["JavaScript"],"date":"2013-07-25T12:47:32.488Z"},{"title":"CoffeeScript, Meet Backbone.js: A Tutorial","url":"http://adamjspooner.github.io/coffeescript-meet-backbonejs/","content":"CoffeeScriptとBackbone.jsを使ったTodoアプリを作るチュートリアル。\nチュートリアル自体がDoccoのコードと説明を併記した形で読みやすい","tags":["CoffeeScript","backbone.js","tutorial"],"date":"2013-07-25T13:02:02.263Z"},{"title":"プログレッシブレンダリングでUXを向上させるJS非同期読み込みのベストプラクティス | ゆっくりと…","url":"http://tokkono.cute.coocan.jp/blog/slow/index.php/xhtmlcss/best-practice-of-truly-async-js-loading/","content":"スクリプトの遅延ロード.\nasync/defer属性やinsert、XHR、\niframe内にスクリプトを読み込ませて、親ドキュメントのブロックを防ぐ方法","tags":["JavaScript"],"date":"2013-07-25T13:51:35.467Z"},{"title":"JavaScript - じゃあ this の抜き打ちテストやるぞー - Qiita [キータ]","url":"http://qiita.com/KDKTN/items/0b468a07410d757ac609","content":"JavaScript Quiz.\nthisの挙動についてのクイズ","tags":["JavaScript"],"date":"2013-07-25T13:54:25.850Z"},{"title":"HTML5 Hub","url":"http://html5hub.com/","content":"Intelが関わってるHTML5コミュニティ","tags":["HTML5","community"],"date":"2013-07-26T00:42:54.732Z"},{"title":"alexyoung/ico @ GitHub","url":"http://alexyoung.github.io/ico/","content":"Raphaelベースなグラフライブラリ。\n","tags":["JavaScript","グラフ"],"date":"2013-07-26T00:47:01.726Z"},{"title":"IE11 Developer Preview for Windows 7: Enabling Next Generation Sites and Apps - Faster - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2013/07/25/ie11-developer-preview-for-windows-7-enabling-next-generation-sites-and-apps-faster.aspx","content":"Windows7向けにIE11 Developer Previewリリース。\n","tags":["IE","ReleaseNote"],"date":"2013-07-26T01:02:25.010Z"},{"title":"Node v0.10.15 (Stable)","url":"http://blog.nodejs.org/2013/07/25/node-v0-10-15-stable/","content":"Node v0.10.15リリース","tags":["node.js","ReleaseNote"],"date":"2013-07-26T01:46:51.245Z"},{"title":"Announcing jQuery Mobile 1.4.0 Alpha | jQuery Mobile","url":"http://jquerymobile.com/blog/2013/07/25/announcing-jquery-mobile-1-4-0-alpha/","content":"jQuery Mobile 1.4.0 Alphaリリース。\nデフォルトテーマが新しく、SVGアイコン。","tags":["jQuery","mobile","ReleaseNote"],"date":"2013-07-26T02:09:51.374Z"},{"title":"日付を便利に操作するためのJavaScriptライブラリ色々 | Mach3.laBlog","url":"http://blog.mach3.jp/2013/07/js-libraries-for-date.html","content":"日付操作ライブラリまとめ","tags":["JavaScript","library","まとめ"],"date":"2013-07-26T06:57:01.341Z"},{"title":"jasmine JS testing Cheat Sheet by CITguy - Cheatography.com","url":"http://www.cheatography.com/citguy/cheat-sheets/jasmine-js-testing/","content":"Jasmineのチートシート","tags":["jasmine","チートシート"],"date":"2013-07-26T08:05:18.950Z"},{"title":"High-Quality JavaScript Code","url":"http://www.slideshare.net/denodell/highquality-javascript-code","content":"JavaScriptのコードクオリティのツールやサービスなどについてのスライド\nリンクまとめ => http://jser.info/post/56525802407/high-quality-javascript-code","tags":["JavaScript","slide","Tools"],"date":"2013-07-27T02:33:40.240Z"},{"title":"ryanackley/git-html5.js","url":"https://github.com/ryanackley/git-html5.js","content":"JavaScriptのGitクライアント実装ライブラリ。\nFileSystem APIを使ってる","tags":["JavaScript","git","library"],"date":"2013-07-27T03:34:13.114Z"},{"title":"Moment.js | Timezone support for Moment.js","url":"http://momentjs.com/timezone/","content":"MomentsのTimeZoneを扱うライブラリ。\nTimeZoneのルールを http://momentjs.com/timezone/data/ で追加できる","tags":["JavaScript","library"],"date":"2013-07-27T03:47:07.642Z"},{"title":"Ractive.js - next-generation DOM manipulation","url":"http://www.ractivejs.org/","content":"Mustachesなテンプレートとデータバインディングして、AngularJSみたいにDOM等を扱うライブラリ.\n名前の通り値を変更した時点で反映するリアクティブスタイル.\nチュートリアルがよく出来てる","tags":["JavaScript","DOM","library","Angular"],"date":"2013-07-27T08:39:12.946Z"},{"title":"あとから線の編集が可能なお絵描きツールの描画高速化 : document","url":"http://blog.livedoor.jp/imaya_js/archives/6682567.html","content":"Canvasとオフスクリーンバッファと再描画について。\n一度描いたものを再描画する際に処理コストを小さくするテクニックについて。\nfunction 生成での高速化","tags":["canvas","Tips"],"date":"2013-07-27T10:06:30.370Z"},{"title":"modern.IEをアップデート - Internet Explorer ブログ (日本語版) - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie_jp/archive/2013/07/26/10437228.aspx","content":"modern.IEのサイトがアップデートされた。\nIE11のイメージが追加","tags":["IE","ReleaseNote","webservice"],"date":"2013-07-27T10:47:08.201Z"},{"title":"jspm.io - Get Started","url":"http://jspm.io/","content":"ES6 / AMD / CJS などで定義されたモジュールを読み込むことができるJavaScriptローダーライブラリ.","tags":["JavaScript","library"],"date":"2013-07-27T11:34:43.556Z"},{"title":"Bone.io - Realtime HTML5 Framework","url":"http://bone.io/","content":"WebSocketを使って、サーバとクライントを連携してデータのやり取りするアプリを作るBackbone.jsライクなライブラリ","tags":["JavaScript","library","node.js"],"date":"2013-07-27T11:41:13.340Z"},{"title":"Table-to-JSON","url":"http://lightswitch05.github.io/table-to-json/","content":"TableタグをJSONにして取得できるライブラリ","tags":["HTML","JSON","library"],"date":"2013-07-27T11:49:12.394Z"},{"title":"JointJS - JavaScript diagramming library.","url":"http://www.jointjs.com/","content":"インタラクティブなダイアグラムを作れるライブラリ。\nERD, Org chart, FSA, UML, PN, DEVS等の要素は別途用意されてる","tags":["JavaScript","グラフ","library"],"date":"2013-07-27T11:55:28.318Z"},{"title":"Object Playground: The Definitive Guide to Object-Oriented JavaScript","url":"http://www.objectplayground.com/","content":"JavaScriptのオブジェクト指向について学べるサイト。\nJavaScriptのオブジェクトのダイアグラムを表示できる機能があり、視覚化して把握できる","tags":["JavaScript","グラフ"],"date":"2013-07-27T12:03:15.973Z"},{"title":"In defense of JavaScript’s constructors","url":"http://www.2ality.com/2013/07/defending-constructors.html","content":"JavaScriptでconstructor関数を書く時のパターンについて。\nconstructorを使う利点、newをオプショナルにするのを避ける理由とstrict mode、ES6のclass syntaxを見据えた話","tags":["JavaScript"],"date":"2013-07-27T12:57:55.387Z"},{"title":"Design Elements - Chrome V8 — Google Developers","url":"https://developers.google.com/v8/design","content":"JavaScriptエンジンのhidden classについて。\nnew コンストラクタ関数で値を代入する場合に、操作の差分を持ったHidden classを作成しておき、次回インタンス化するときに、それを再利用する+lookupが減る事で高速化される。","tags":["JavaScript","V8"],"date":"2013-07-27T13:09:44.186Z"},{"title":"Part 1: Backbone.js Deconstructed - Tech.Pro","url":"http://tech.pro/tutorial/1367/part-1-backbonejs-deconstructed","content":"Cody LindleyによるBackbone.jsの入門チュートリアル。\n実際に動かせるサンプルと一緒に機能の解説が書かれている","tags":["JavaScript","backbone.js","tutorial"],"date":"2013-07-27T13:18:28.053Z"},{"title":"Voyeur.js","url":"http://dunxrion.github.io/voyeur.js/","content":"defineProperty/getterを使ってDOMの操作をプロパティを辿る感じでできる機能などを持ったDOM操作ライブラリ","tags":["JavaScript","DOM","library"],"date":"2013-07-27T13:40:51.148Z"},{"title":"DOM Traversal and Manipulation with Voyeur | Flippin' Awesome","url":"http://flippinawesome.org/2013/07/22/dom-traversal-and-manipulation-with-voyeur/","content":"Voyeur http://dunxrion.github.io/voyeur.js/ を使ったDOM操作についての解説","tags":["JavaScript","DOM","library"],"date":"2013-07-27T13:41:27.295Z"},{"title":"HTML5 components: Implement standard components","url":"http://www.ibm.com/developerworks/web/library/wa-html5components3/index.html","content":"Shadow DOMとWeb Componentstについて","tags":["DOM","WebComponents"],"date":"2013-07-27T13:48:35.798Z"},{"title":"Announcing a New and Improved Node.js Debugger | StrongLoop","url":"http://blog.strongloop.com/announcing-a-new-and-improved-node-js-debugger/","content":"StrongLoop Node distributionに含まれてるNode-inspectorについて。\nバックエンドはBlinkになり、breakpointや値の編集、SourceMap、関数の再実行等Nodeのデバッガーとして利用できる","tags":["node.js","デバック"],"date":"2013-07-27T14:05:33.464Z"},{"title":"Array modification · Rich-Harris/Ractive Wiki","url":"https://github.com/Rich-Harris/Ractive/wiki/Array-modification#performance-and-ui-benefits","content":"Ractive.jsは配列の変更をPrototype chain injectionを使って検知して、\n配列元にDOMを生成している場合、その配列の変更の差分を考えてDOMの操作を行なっている.(DOMの変更範囲を抑えてる)","tags":["JavaScript","DOM"],"date":"2013-07-27T14:23:16.703Z"},{"title":"Unit Testing: Minutes Now Will Save Hours Later - Eric Mann - YouTube","url":"http://www.youtube.com/watch?v=_UmmaPe8Bzc","content":"ユニットテストについての発表。\nhttp://eamann.com/slides/unit-testing/\nなぜ、なにを、どうやって、ツール、自動化について。\nコード全体が匿名関数で囲まれてる場合にどうするか等","tags":["JavaScript","testing","jQuery","video"],"date":"2013-07-27T14:37:43.524Z"},{"title":"8th713/DOM-Promises-polyfill","url":"https://github.com/8th713/DOM-Promises-polyfill","content":"DOM Promisesのpolyfillライブラリ","tags":["JavaScript","library"],"date":"2013-07-28T01:16:06.669Z"},{"title":"Internet Explorer 11 Preview 開発者向けガイド (Preliminary)","url":"http://msdn.microsoft.com/ja-jp/library/ie/bg182636(v=vs.85).aspx","content":"IE11Previewの開発者向けガイド.\n開発者ツールやAPIの互換性情報、削除されたAPI、グラフィックス等","tags":["IE","Development","document"],"date":"2013-07-28T02:01:54.851Z"},{"title":"戻るナビゲーションのキャッシュ (Preliminary)","url":"http://msdn.microsoft.com/ja-jp/library/ie/dn265017(v=vs.85).aspx","content":"IE11の戻るボタンで戻った時に、ページからロードをしないでキャッシュから読み込まれる条件(bfcache)について並べられてる。\nhttp://bit.ly/16op9pe\n","tags":["IE","browser"],"date":"2013-07-28T02:08:10.298Z"},{"title":"lz-string: JavaScript compression, fast! - pieroxy.net","url":"http://pieroxy.net/blog/pages/lz-string/index.html","content":"文字列を圧縮するライブラリ","tags":["JavaScript","library"],"date":"2013-07-28T05:54:10.210Z"},{"title":"hanabi.md","url":"https://gist.github.com/mizchi/6081622","content":"オブザーバーパターンと安易な使い方をした時の問題について\nオブザーバーパターンのアンチパターン","tags":["JavaScript","CoffeeScript"],"date":"2013-07-28T06:11:15.513Z"},{"title":"Bootstrap 3 RC1 · Bootstrap Blog","url":"http://blog.getbootstrap.com/2013/07/27/bootstrap-3-rc1/","content":"Bootstrap 3 RC1リリース。\n変更点等がまとまってるpullrequest https://github.com/twbs/bootstrap/pull/6342","tags":["css","UI","design","ReleaseNote"],"date":"2013-07-28T13:51:56.968Z"},{"title":"Bootstrap3で何が変わるのかをまとめてみた | Pimp My Site","url":"http://pimpmysite.net/archives/501","content":"RCが出る前の段階に書かれた\nTwitter Bootstrap 3 の変更点概要","tags":["css","まとめ"],"date":"2013-07-28T13:53:20.457Z"},{"title":"Functional JavaScript","url":"http://functionaljavascript.blogspot.com/","content":"関数型JavaScriptについて書かれてるブログ","tags":["関数型言語","blog","JavaScript"],"date":"2013-07-28T13:56:35.055Z"},{"title":"ECMAScript 6 modules: the future is now","url":"http://www.2ality.com/2013/07/es6-modules.html","content":"AMDやCJSに対するES6 modulesのメリット。\n基本構文 import/export/default exports/inline modules/Module loadersについて。\n今日から使うためのツールについて","tags":["JavaScript","ECMA"],"date":"2013-07-28T14:41:49.014Z"},{"title":"Testing Array Contents with Array","url":"http://designpepper.com/blog/drips/testing-array-contents-with-array-every","content":"Array#everyについて","tags":["JavaScript"],"date":"2013-07-28T15:01:52.924Z"},{"title":"Unit testing JavaScript with Promises and Jasmine « El blog de Carlos Ble","url":"http://www.carlosble.com/2013/03/unit-testing-javascript-with-promises-and-jasmine/","content":"Jasmineの非同期テストを、spyOnとPromiseを使って行う","tags":["jasmine"],"date":"2013-07-28T15:04:23.185Z"},{"title":"Web Tools Weekly | A weekly newsletter for front-end developers","url":"http://webtoolsweekly.com/","content":"Web Toolについての週刊のメールマガジン","tags":["mail","web","Tools"],"date":"2013-07-28T15:07:27.493Z"},{"title":"実際にSoundJSを使ってみて分かったこと // Speaker Deck","url":"https://speakerdeck.com/448jp/shi-ji-nisoundjswoshi-tutemitefen-katutakoto","content":"SoundJSについてのスライド.\nサウンドを再生する仕組みや使い方","tags":["JavaScript","sound","slide"],"date":"2013-07-29T03:43:09.998Z"},{"title":"ぼくのかんがえたさいきょうのしーえしゅえしゅ | MOL","url":"http://t32k.me/mol/log/the-perfect-css-i-thought/","content":"SassのCSSフレームワークとGruntタスクについて","tags":["css","Tools"],"date":"2013-07-29T05:06:35.165Z"},{"title":"Loading JSON-formatted data with Ajax and xhr.responseType='json' · Mathias Bynens","url":"http://mathiasbynens.be/notes/xhr-responsetype-json","content":"XHRのresponsetype=\"json\"について","tags":["XHR","JSON"],"date":"2013-07-29T07:20:59.871Z"},{"title":"JSHint 2.1.6 is out — JSHint","url":"http://jshint.com/blog/2013-07-28/2-1-6/","content":"JSHint 2.1.6 リリース。\nexcludeオプション、global変数を定義するコメントのサポート。\nES6のyield、import/exportのサポート","tags":["JavaScript","Tools","ReleaseNote"],"date":"2013-07-29T12:39:42.355Z"},{"title":"JSConf US 2013 - YouTube","url":"http://www.youtube.com/playlist?list=PL37ZVnwpeshF7AHpbZt33aW0brYJyNftx","content":"JSConf US 2013の動画が公開された\nhttp://2013.jsconf.us/","tags":["JavaScript","Conference","video"],"date":"2013-07-30T00:36:02.522Z"},{"title":"Radian - Home","url":"http://openbrainsrc.github.io/Radian/index.html","content":"AngularJS+ D3.js を使ったグラフライブラリ","tags":["グラフ","library","Angular"],"date":"2013-07-30T11:58:54.514Z"},{"title":"mariusGundersen/Overload","url":"https://github.com/mariusGundersen/Overload","content":"オーバーロードライブラリ","tags":["JavaScript","library"],"date":"2013-07-30T12:15:17.345Z"},{"title":"Home | ng-newsletter","url":"http://www.ng-newsletter.com/","content":"AngularJSについてのWeeklyメールマガジン","tags":["Angular","mail"],"date":"2013-07-31T00:35:40.530Z"},{"title":"The classList API | HTML5 Doctor","url":"http://html5doctor.com/the-classlist-api/","content":"classListについての解説。\nclassListの仕様、DOMTokenListについても触れてる。","tags":["JavaScript","DOM"],"date":"2013-07-31T03:24:56.417Z"},{"title":"AngularJS in 60-ish Minutes – The eBook - Dan Wahlin's WebLog","url":"http://weblogs.asp.net/dwahlin/archive/2013/07/30/angularjs-in-60-ish-minutes-the-ebook.aspx","content":"AngularJSについての電子書籍。\nAngularJS in 60-ish Minutesの動画が元になってる内容","tags":["Angular","ebook","slide"],"date":"2013-07-31T03:29:01.362Z"},{"title":"yaniswang/HTMLHint","url":"https://github.com/yaniswang/HTMLHint","content":"HTML Lintツール","tags":["HTML","Tools","node.js"],"date":"2013-07-31T11:46:39.818Z"},{"title":"Practical Data Structures and Algorithms with JavaScript - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920029557.do","content":"2014年1月発売予定\nJavaScriptでlinked listやstack,queuesと行ったデータ構造とアルゴリズムについての書籍","tags":["JavaScript","book"],"date":"2013-07-31T13:44:22.250Z"},{"title":"philipwalton/html-inspector","url":"https://github.com/philipwalton/html-inspector","content":"JavaScriptとして埋め込んで機能するHTML Lintライブラリ。(静的にチェックするわけではない)\nレンダリングエンジンがパースした結果をチェックしていき、consoleに表示する","tags":["JavaScript","Tools","library","デバック"],"date":"2013-08-01T12:45:12.722Z"},{"title":"一歩進んだHTML/CSS/JSを目指すために | 1000ch.net","url":"http://1000ch.net/2013/08/01/FrontendCodingEnvironment/","content":"HTML/CSS/JavaScriptのチェックツールについて。\nHTMLInspector/CSSLint/JSHint","tags":["HTML","css","JavaScript","Tools"],"date":"2013-08-01T12:47:43.422Z"},{"title":"RequireBin","url":"http://requirebin.com/","content":"jsfiddle的なオンラインエディタ。\nコード中でrequireされているモジュールは、browserifyを経由して使えるようになってる","tags":["JavaScript","webservice"],"date":"2013-08-02T02:02:16.774Z"},{"title":"gilt/groc","url":"https://github.com/gilt/groc","content":"JSDoc, Istanbulのコードカバレッジ、モジュールの依存関係に対応してるDoccoライクなドキュメント生成ツール\nhttp://gi.lt/15o5VUr","tags":["JavaScript","console","Tools","document"],"date":"2013-08-03T10:33:25.563Z"},{"title":"Node Web Development - Second Edition | Packt Publishing","url":"http://www.packtpub.com/node-web-development-2e/book","content":"Node Web Development 第2版がリリース\nhttp://bit.ly/13D1WxK","tags":["node.js","book"],"date":"2013-08-03T11:00:51.484Z"},{"title":"hegemonic/catharsis","url":"https://github.com/hegemonic/catharsis","content":"Google Closure Compiler 、 JSDoc の 型宣言の式をパースするライブラリ","tags":["JavaScript","JSDoc","Tools"],"date":"2013-08-03T11:53:42.822Z"},{"title":"Promises, Promises - NYTimes.com","url":"http://open.blogs.nytimes.com/2013/05/29/promises-promises/","content":"Domenic DenicolaによるPromiseについての発表動画","tags":["JavaScript","slide","video"],"date":"2013-08-03T15:55:43.253Z"},{"title":"Manning: Sass and Compass in Action","url":"http://www.manning.com/netherland/","content":"Sass と Compassについての書籍","tags":["Sass","book"],"date":"2013-08-03T15:58:29.427Z"},{"title":"Manning: Sass and Compass in Action","url":"http://www.manning.com/netherland/","content":"Sass と Compassについての書籍。\nCompassの中の人とGithub,Googleの人が書いてる\n@pengwynn @chriseppstein @nex3 @imathise","tags":["Sass","book"],"date":"2013-08-03T16:12:26.672Z"},{"title":"Webアクセシビリティの現状ダイジェスト","url":"http://www.slideshare.net/kazuhito/20130802-a11y-status-24864076","content":"日本のウェブアクセシビリティについてのスライド","tags":["web","アクセシビリティ","slide"],"date":"2013-08-03T16:32:26.829Z"},{"title":"joshdmiller/ng-boilerplate","url":"https://github.com/joshdmiller/ng-boilerplate","content":"AngularJS boilerplate","tags":["Angular"],"date":"2013-08-04T06:47:55.010Z"},{"title":"Why does Angular.js rock? - Angular Tips","url":"http://angular-tips.com/blog/2013/08/why-does-angular-dot-js-rock/","content":"AngularJSのデータバインディングやディレクティブなどについて動かせるサンプルコードと共に解説してる記事","tags":["Angular","tutorial"],"date":"2013-08-04T07:11:27.527Z"},{"title":"tracing-framework by Google","url":"http://google.github.io/tracing-framework/","content":"CanvasやWebGL、描画情報、(ネイティブ)イベント、メモリ、CG、DOMやXHR、WebWorkerのトレースを行うライブラリとビューアからなるフレームワーク。\nモダンブラウザ、Nodeでトレースが行える。","tags":["Chrome","browser","performance","Extension"],"date":"2013-08-04T07:54:23.245Z"},{"title":"JavaScript Static Security Analysis made easy with JSPrime","url":"http://www.slideshare.net/nishantdp/jsprime-bhusa13new","content":"EsprimaでASTとって、静的解析してDOM Based XSSとか探すツールについてのスライド\nhttps://github.com/dpnishant/jsprime","tags":["JavaScript","DOM","XSS","slide"],"date":"2013-08-04T08:00:26.492Z"},{"title":"Directories for JavaScript resources","url":"http://www.2ality.com/2013/08/javascript-resource-directories.html","content":"ディレクトリ型のJavaScriptサイトについてのまとめ","tags":["JavaScript","まとめ"],"date":"2013-08-04T14:00:15.730Z"},{"title":"Web Components","url":"http://html5-demos.appspot.com/static/webcomponents-bdconf/index.html#1","content":"WebComponentsについてのスライド。\nHTML Templates, Shadow DOM, Custom Elements, HTML Imports","tags":["JavaScript","WebComponents"],"date":"2013-08-05T12:39:20.571Z"},{"title":"assemble/handlebars-helpers","url":"https://github.com/assemble/handlebars-helpers","content":"Handlebarsのhelpersを集めたライブラリ","tags":["JavaScript","DOM","library"],"date":"2013-08-05T13:15:15.576Z"},{"title":"jcreamer898/bindr","url":"https://github.com/jcreamer898/bindr","content":"小さなDIライブラリ","tags":["JavaScript","testing","library"],"date":"2013-08-05T13:18:58.534Z"},{"title":"Handlebars.js – a Behind the Scenes Look | Nettuts+","url":"http://net.tutsplus.com/tutorials/javascript-ajax/handlebars-js-a-behind-the-scenes-look/","content":"Handlebarsがどのような仕組みで動いてるかについて。\nHandlebars.parse()でTokens、Handlebars.Compiler()でopCode、Helperの仕組みについて","tags":["JavaScript","DOM","library"],"date":"2013-08-05T13:26:45.114Z"},{"title":"BBC-News/wraith","url":"https://github.com/BBC-News/wraith","content":"PhantomJS や SlimerJS を使って、2サイトを任意の画面サイズでスクリーンショットを撮り、画像同士のdiffを取って差分をハイライト表示するツール","tags":["design","Tools"],"date":"2013-08-06T00:54:51.644Z"},{"title":"François Beaufort - Google+ - The limit for window.localStorage in the last chromium…","url":"https://plus.google.com/100132233764003563318/posts/S5Q9HqDB8bh","content":"ChromiumのlocalStorageのデフォルトサイズが5MBから10MBに変更","tags":["Chrome","DOM"],"date":"2013-08-06T01:06:02.892Z"},{"title":"jehna/VerbalExpressions","url":"https://github.com/jehna/VerbalExpressions","content":"正規表現をメソッドチェーン的に組み立てるライブラリ.\n正規表現ビルダー","tags":["JavaScript","正規表現","library"],"date":"2013-08-06T12:20:09.145Z"},{"title":"Announcing 0.9.1 - TypeScript - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/typescript/archive/2013/08/06/announcing-0-9-1.aspx","content":"TypeScript 0.9.1リリース。\nパフォーマンス改善、`typeof` 演算子の追加、`--noImplicitAny` で暗黙のAnyをエラーにするオプション、","tags":["TypeScript","ReleaseNote"],"date":"2013-08-07T09:15:51.200Z"},{"title":"Welcome Packt - Deals - O'Reilly Media","url":"http://shop.oreilly.com/category/deals/packt.do","content":"Packt Publishingの書籍がAugust 15, 2013 at 5:00am PTまで全て半額","tags":["book"],"date":"2013-08-07T12:26:25.516Z"},{"title":"“Grunt” your way to frontend performance optimization | Be better and faster","url":"http://bbinto.wordpress.com/2013/08/03/grunt-your-way-through-frontend-performance-optimization/","content":"圧縮や最適化等のGruntタスクまとめ","tags":["JavaScript","node.js","web"],"date":"2013-08-07T12:50:24.246Z"},{"title":"Web Worker Patterns - Tech.Pro","url":"http://tech.pro/tutorial/1487/web-worker-patterns","content":"WebWorkerのuse caseについて。\ninline(createObjectURL), dedicated(URL読み込み), sharedWorker それぞれの使い方についてまとまってる","tags":["webworker"],"date":"2013-08-08T02:31:53.393Z"},{"title":"0-9, HTMLElementのdata attributeの使いどころ","url":"http://0-9.tumblr.com/post/57660015287/data-attribute-use-case","content":"data属性での読み書きするデメリットとuse caseについて。\n代替方法としては jQuery.fn.dataのような実装 http://bit.ly/HPduGT (WeakMapがあるとやりやすい)","tags":["DOM","JavaScript"],"date":"2013-08-08T03:28:10.658Z"},{"title":"超高速レビュー: TypeScript 0.9.1 - teppeis blog","url":"http://teppeis.hatenablog.com/entry/typescript-0.9.1","content":"TypeScript 0.9.1の変更点詳細","tags":["TypeScript","ReleaseNote"],"date":"2013-08-08T04:51:36.270Z"},{"title":"IE11 の F12 開発者ツールによる Web サイトおよびアプリのデバッグとチューニング - IEBlog 日本語 - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie_ja/archive/2013/08/07/debugging-and-tuning-web-sites-and-apps-with-f12-developer-tools-in-ie11.aspx","content":"IE11開発者ツールの機能についての訳。\nメモリプロファイラ、パフォーマンスダッシュボード、DOM Explorer(inspector)、デバッガー","tags":["IE","デバック"],"date":"2013-08-08T08:53:01.019Z"},{"title":"W3C Highlights - August 2013","url":"http://www.w3.org/2013/08/w3c-highlights/","content":"2013年前半におけるW3Cの活動のハイライト。\nHTML5、DRM、国際化、アクセシビリティ、Web Platform Docsなどなどについて","tags":["W3C","news"],"date":"2013-08-08T12:37:42.269Z"},{"title":"Cross-platform app development with HTML5 | Kendo UI Survey","url":"http://www.kendoui.com/surveys/global-developer-survey-2013.aspx","content":"Kendo UIが5000人超を対象にしたHTML5についての世論調査.\nどのようなアプリを作ったか、重要と思う要素、ネイティブvs HTML5 vs ハイブリッド、コスト、将来性、対応プラットフォームと難易度等","tags":["HTML5","document","資料"],"date":"2013-08-08T12:46:19.764Z"},{"title":"コールバック地獄","url":"http://callbackhell.dec31.net/","content":"callbackhell.com の翻訳.\nコードバックのネスト深くなってしまう問題の対処方について","tags":["JavaScript","translate"],"date":"2013-08-09T00:09:20.981Z"},{"title":"Chromium Blog: Introducing the (New) Chromium Web Platform Feature Dashboard","url":"http://blog.chromium.org/2013/08/introducing-new-chromium-web-platform.html","content":"chromestatus.comがPolymerで書きなおされた","tags":["Chrome","WebAPI"],"date":"2013-08-09T04:24:03.564Z"},{"title":"harp","url":"http://harpjs.com/","content":".jade, .markdown, .ejs, .coffee, .less, .styl as .html, .css, and .js等のコンパイルとdeployを行えるCLIツール","tags":["JavaScript","Markdown","Tools"],"date":"2013-08-09T12:29:46.139Z"},{"title":"The flag /g of JavaScript’s regular expressions","url":"http://www.2ality.com/2013/08/regexp-g.html","content":"正規表現を使うsearch、exec、matchについて。\nまた、globalオプションとlastIndexの保持されることで起きる問題について","tags":["JavaScript","正規表現"],"date":"2013-08-09T13:13:38.254Z"},{"title":"Amazon: The Dart Programming Language [Paperback]: Gilad Bracha","url":"http://www.amazon.com/o/ASIN/0321927702/amazon0abac-22/ref=nosim","content":"2014年3月2日発売\nDartの中の人( http://gplus.to/GiladBracha )によるDart本","tags":["dart","book"],"date":"2013-08-09T13:40:55.557Z"},{"title":"Backbone patterns","url":"http://ricostacruz.com/backbone-patterns/#naming_convention","content":"Backbone.jsまわりで起きる問題と解決方法等のTipsについて。\nView、Event、ファイル名、名前空間の命名、AMD、アンチパターンに就いてなど","tags":["backbone.js","Tips"],"date":"2013-08-10T03:31:25.726Z"},{"title":"Firefox 23.0 リリースノート","url":"http://www.mozilla.jp/firefox/23.0/releasenotes/","content":"Firefox 23.0リリース。\n* http://mozillazine.jp/?p=3774\n* http://hyper-text.org/archives/2013/08/firefox_23_release.shtml","tags":["firefox","ReleaseNote"],"date":"2013-08-10T04:26:10.249Z"},{"title":"jQuery Boilerplate","url":"http://jqueryboilerplate.com/","content":"jQueryプラグインのテンプレート。\nYeoman Generatorも用意されてる","tags":["jQuery","plugin"],"date":"2013-08-10T05:41:38.855Z"},{"title":"TodoMVC 1.2 — TasteJS","url":"http://tastejs.roon.io/todomvc-1-2","content":"TodoMVC 1.2リリース。\nPolymer、Enyo等の追加やVanilla JSの書き直し","tags":["JavaScript","MVC","ReleaseNote"],"date":"2013-08-10T05:53:18.146Z"},{"title":"JavaScript Programmer's Reference","url":"http://www.apress.com/9781430246299","content":"JavaScriptとDOMの簡単な解説と、\n5章からJavaScriptのAPIリファレンス本","tags":["JavaScript","DOM","リファレンス","book"],"date":"2013-08-11T01:37:55.704Z"},{"title":"jiyinyiyong/coffee-pattern","url":"https://github.com/jiyinyiyong/coffee-pattern","content":"CoffeeScriptでパターンマッチ的なライブラリ","tags":["CoffeeScript","library"],"date":"2013-08-11T01:59:31.275Z"},{"title":"BEM-Methodology Definitionsの日本語訳。 - Sooey","url":"http://journal.sooey.com/220","content":"YandexのBEM-Methodologyの翻訳。","tags":["css","HTML"],"date":"2013-08-11T09:50:36.670Z"},{"title":"BackboneConf 2013 Recap | bit swapping","url":"http://bitswapping.com/2013/08/backboneconf-2013-recap/","content":"BACKBONECONF 2013 のスライドまとめ","tags":["backbone.js","Conference","slide","まとめ"],"date":"2013-08-11T10:34:37.614Z"},{"title":"Conditioner.js • Frizz free, environment-aware, javascript modules.","url":"http://conditionerjs.com/#examples","content":"media queryを条件にモジュールをロードするモジュールローダー\ndata属性に条件やロードするモジュールを記述する","tags":["JavaScript","library"],"date":"2013-08-11T11:38:10.598Z"},{"title":"scaleApp","url":"http://www.scaleapp.org/","content":"Single Pageアプリ向けのJavaScriptフレームワーク。\n依存なし、ブラウザ/Nodeをサポート、MV*、i18n、モジュール定義と遅延ロード、Flow Control、Pub/Sub、plugableな設計","tags":["JavaScript","MVC","library"],"date":"2013-08-11T12:26:35.506Z"},{"title":"全日本＜label＞要素マークアップ検定","url":"http://www.slideshare.net/kawada_hiroshi/label-25135849","content":"Label要素についてのスライド。\nlabel forやDOM API、ユーザーの視線移動とlabelの配置について","tags":["HTML","アクセシビリティ","slide"],"date":"2013-08-11T13:16:25.809Z"},{"title":"DalekJS - Automated cross browser testing with JavaScript","url":"http://dalekjs.com/","content":"WebDriver - ChromeDriver、IEDriver、Firefoxのmarionetteなどを使って実際のブラウザで動かしながらUIテストをするツール。\nSelemium/CasperJS","tags":["JavaScript","DOM","browser","testing","Tools"],"date":"2013-08-12T12:50:45.154Z"},{"title":"CasperJSで気軽にJSのテストできる - hitode909の日記","url":"http://hitode909.hatenablog.com/entry/2013/08/07/202608","content":"CasperJSを使って実際にクリックやページ遷移があるようなテストを書くことについて","tags":["JavaScript","browser","testing"],"date":"2013-08-12T12:51:32.697Z"},{"title":"New Features in Firefox Developer Tools: Episode 24 ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2013/07/new-features-in-firefox-developer-tools-episode-24/","content":"Firefox 24の開発者ツールについて。\nSourceMapがデフォルト有効に、\nネットワークモニターの改善、console.profileの対応","tags":["firefox","デバック"],"date":"2013-08-12T13:08:07.610Z"},{"title":"Absolute Centering - CodePen","url":"http://codepen.io/shshaw/full/gEiDt","content":"CSSおabsoluteによる上下中央揃えについてのわかりやすい解説.\n","tags":["css","design"],"date":"2013-08-12T13:13:56.959Z"},{"title":"▶ AngularJS + TypeScript : Workflow - YouTube","url":"http://www.youtube.com/watch?v=0-6vT7xgE4Y","content":"AngularJS + TypeScript + WebStorm + Gruntでの開発ワークフローについての動画","tags":["TypeScript","Angular","WebStorm","video"],"date":"2013-08-14T03:01:37.503Z"},{"title":"AngularJS 1.2.0-rc1: spooky-giraffe | AngularJS","url":"http://blog.angularjs.org/2013/08/angularjs-120-rc1-spooky-giraffe.html","content":"AngularJS 1.2.0-rc1リリース","tags":["Angular","ReleaseNote"],"date":"2013-08-14T03:44:54.860Z"},{"title":"simpl.info","url":"http://www.simpl.info/","content":"HTML/CSS/JavaScript等についてのシンプルなサンプル集.\nWebPlatformAPIやHTML5要素を使ったコード例","tags":["WebAPI","JavaScript","HTML","css"],"date":"2013-08-14T12:49:00.289Z"},{"title":"Tooling for Modern Web App Developer // Speaker Deck","url":"https://speakerdeck.com/praveenvijayan/tooling-for-modern-web-app-developer","content":"フロントエンド開発に使うライブラリやツール、スタイル、サービスなどについてのスライド。\n","tags":["HTML","CSS","JavaScript","Tools","library","slide"],"date":"2013-08-14T13:28:11.902Z"},{"title":"New Features of Firefox Developer Tools: Episode 25 ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2013/08/new-features-of-firefox-developer-tools-episode-25/","content":"Firefox25での開発者ツール.\nスクリプト毎にbreakpoint等を無視する設定やネットワークモニターからの再送信、CSSの自動補完、コンソールから現在のスコープでスクリプトを動かせるように、プロファイラーの保存、読み込み","tags":["firefox","デバック"],"date":"2013-08-15T11:43:00.716Z"},{"title":"JavaScriptMVC 3.3 Released! » Bitovi","url":"http://www.bitovi.com/blog/2013/08/javascriptmvc-3.3.html","content":"JavaScriptMVC 3.3リリース。\njQueryMXをCanJSとjQuery++に分離、Google Closure JSDocの追加","tags":["JavaScript","MVC","jQuery","library","ReleaseNote"],"date":"2013-08-15T11:47:21.716Z"},{"title":"Toward Modern Web Apps with ECMAScript 6 | Blog | Sencha","url":"http://www.sencha.com/blog/toward-modern-web-apps-with-ecmascript-6/","content":"ES6の新しい文法について。\nES5で書いた場合と対比してまとめてる。\nデフォルトパラメータ、let、メソッド定義の簡易記法、arrow function、spread operator、rest parameters、for of、class、module、generatorなどについて","tags":["JavaScript","ECMAScript"],"date":"2013-08-15T12:49:13.784Z"},{"title":"Blog — JSHint","url":"http://jshint.com/blog/2013-08-15/release/","content":"JSHint 2.1.10リリース。\nfor ofとgeneratorの組み合わせのサポート","tags":["JavaScript","Tools","ReleaseNote"],"date":"2013-08-16T04:19:55.990Z"},{"title":"jQuery Mobile 1.4.0 Alpha 2 released | jQuery Mobile","url":"http://jquerymobile.com/blog/2013/08/15/jquery-mobile-1-4-0-alpha-2-released/","content":"jQuery Mobile 1.4.0 Alpha 2リリース","tags":["jQuery","mobile","ReleaseNote"],"date":"2013-08-16T04:27:32.725Z"},{"title":"Node Weekly: A Free, Weekly Node Email Newsletter","url":"http://nodeweekly.com/","content":"Nodeの週刊なメールマガジン by Cooper Press","tags":["node.js","mail"],"date":"2013-08-16T04:37:35.153Z"},{"title":"JavaScriptでアニメーションを書く初歩の初歩 » nmi.jp","url":"http://nmi.jp/archives/510","content":"JavaScriptでのsetTimeoutを使ったアニメーションの書き方について","tags":["JavaScript","animation"],"date":"2013-08-16T15:56:47.534Z"},{"title":"▶ 6 Ways To Disable CSS Or Specific Stylesheets In Chrome - YouTube","url":"http://www.youtube.com/watch?v=hftoly8QhEs","content":"ChromeでCSSを無効にする方法についての動画。\nhttp://bit.ly/1df1HAm , http://bit.ly/1df1JIj , Chrome Dev Toolsを用いた方法","tags":["Chrome","CSS"],"date":"2013-08-17T01:59:27.966Z"},{"title":"jrfeenst/esquery","url":"https://github.com/jrfeenst/esquery","content":"Mozilla Parser ASTをCSSセレクタみたいにクエリで検索できるライブラリ","tags":["JavaScript","library"],"date":"2013-08-17T02:31:23.214Z"},{"title":"Targeting first and last rows in CSS grid layouts | Keith Clark","url":"http://blog.keithclark.co.uk/targeting-first-and-last-rows-in-css-grid-layouts/","content":":nth-childの使い方ついて。\nグリッド要素を例に選択される要素を説明してる","tags":["CSS","tutorial"],"date":"2013-08-17T02:37:11.295Z"},{"title":"RaphaelJS - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920029601.do","content":"Raphaëlについての書籍","tags":["SVG","JavaScript","library","book"],"date":"2013-08-17T02:51:03.994Z"},{"title":"Bootstrap 3 RC2 · Bootstrap Blog","url":"http://blog.getbootstrap.com/2013/08/13/bootstrap-3-rc2/","content":"Bootstrap 3 RC2リリース。\nドキュメントにAccessibility sectionを追加、Grid、Button、Form、Navbarの変更","tags":["CSS","design","library","ReleaseNote"],"date":"2013-08-17T05:14:28.725Z"},{"title":"Node v0.10.16 (Stable)","url":"http://blog.nodejs.org/2013/08/16/node-v0-10-16-stable/","content":"Node v0.10.16 リリース","tags":["node.js","ReleaseNote"],"date":"2013-08-17T05:16:47.556Z"},{"title":"BackboneConf","url":"http://backboneconf.com/","content":"http://backboneconf.com/2013/ の動画とスライドが公開された。","tags":["backbone.js","slide","video"],"date":"2013-08-17T05:17:51.023Z"},{"title":"YUI 3.12.0 Release Candidate 1 - YUI Blog","url":"http://www.yuiblog.com/blog/2013/08/15/yui-3-12-0-release-candidate-1/","content":"YUI 3.12.0 RC1リリース","tags":["JavaScript","library","ReleaseNote"],"date":"2013-08-18T04:09:46.330Z"},{"title":"Amazon: Web制作者のためのSassの教科書 これからのWebデザインの現場で必須のCSSメタ言語 [単行本（ソフトカバー）]: 平澤 隆, 森田 壮","url":"http://www.amazon.co.jp/o/ASIN/4844334662/amazon0abac-22/ref=nosim","content":"2013年9月13日発売\nSass本 http://book.scss.jp/","tags":["CSS","Sass","book"],"date":"2013-08-19T00:45:48.814Z"},{"title":"Yo, yo, yo!","url":"http://jlord.github.io/sheetsee.js/","content":"Google SpreadsheetをDBみたいに利用できるJavaScriptライブラリ","tags":["JavaScript","library"],"date":"2013-08-19T12:28:09.238Z"},{"title":"Bespoke.js: The Road to 1KB","url":"http://markdalgleish.github.io/presentation-bespoke.js-the-road-to-1kb/","content":"1KB以下のスライドショーライブラリである Bespoke.js についてのスライド。\nどのようにして小さくしたのかや、Gruntタスク、Yeoman Generatorについて等","tags":["JavaScript","slide","library"],"date":"2013-08-19T12:33:37.210Z"},{"title":"HTTPリクエストを減らすために【序章】HTTPリクエストは甘え | MOL","url":"http://t32k.me/mol/log/reduce-http-requests-overview/","content":"HTTP 1.1/ ブラウザで見るHTTPリクエストの中身の解説と確認方法、同時接続数とHTTPリクエストの減らし方についての連載","tags":["HTTP","web","browser","mobile"],"date":"2013-08-19T12:55:34.790Z"},{"title":"Callable entities in ECMAScript 6","url":"http://www.2ality.com/2013/08/es6-callables.html","content":"JSでは関数のように呼べるものが複数あり、またnew,this,スコープの問題もあり混乱する。\nES6では=>、letとブロックスコープ、 concise method syntax、class等が追加されているが、それらを使うことで既存の問題をどのようにシンプルにできるかを解説してる。","tags":["JavaScript","ECMAScript"],"date":"2013-08-19T13:27:47.109Z"},{"title":"Bootstrap 3 released · Bootstrap Blog","url":"http://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/","content":"Bootstrap 3 リリース。\nIE7以下のサポートは廃止、2.xの移行について以下にまとまってる http://bit.ly/16savPp","tags":["JavaScript","CSS","library","twitter"],"date":"2013-08-20T12:23:36.452Z"},{"title":"Safx: JavaScriptのSource Mapの内部表現について","url":"http://safx-dev.blogspot.com/2013/08/javascriptsource-map.html","content":"SourceMapによるマッピングデータの構造についての解説。\n視覚的に対応を見るなら https://github.com/sokra/source-map-visualization がわかりやすい","tags":["JavaScript","program"],"date":"2013-08-20T13:03:40.238Z"},{"title":"pazguille/ask","url":"https://github.com/pazguille/ask","content":"オブジェクトのtype判定のis*, has* みたいな真偽値を返すメソッドをまとめたJavaScriptライブラリ","tags":["JavaScript","library"],"date":"2013-08-21T01:08:53.515Z"},{"title":"jQueryプラグインのオプションとHTML5 data-*属性でハマった時に幸せになれるかもしれないまとめ | ゆっくりと…","url":"http://tokkono.cute.coocan.jp/blog/slow/index.php/xhtmlcss/jquery-options-in-html5-data/","content":"jQueryのdata-*属性の扱い方について。\nオブジェクトを入れる場合JSON validなデータじゃないと、オブジェクトとして取得できない","tags":["jQuery","JSON"],"date":"2013-08-21T01:46:08.834Z"},{"title":"Manning: Extending jQuery","url":"http://www.manning.com/wood/","content":"2013年8月26日発売\njQuery plugin、jQuery UIについての書籍","tags":["jQuery","book"],"date":"2013-08-21T06:17:31.585Z"},{"title":"Hypertext Transfer Protocol version 2.0 (draft-ietf-httpbis-http2-04) 日本語訳","url":"http://summerwind.jp/docs/draft-ietf-httpbis-http2-04/","content":"HTTP/2.0 Draft 04 仕様書の翻訳\nhttp://blog.summerwind.jp/archives/2076","tags":["HTTP","spec"],"date":"2013-08-21T13:27:38.817Z"},{"title":"[blink] Revision 156290","url":"http://src.chromium.org/viewvc/blink?view=revision&revision=156290","content":"Chrome 31 でXHRのresponseType:jsonをサポート","tags":["Chrome","JSON","XHR"],"date":"2013-08-21T13:42:36.212Z"},{"title":"ai/autoprefixer","url":"https://github.com/ai/autoprefixer","content":"CSSをパースしてvendor prefixをつけてくれるCLI. Gruntタスクもある\nhttp://css-tricks.com/autoprefixer/","tags":["CSS","Tools","console"],"date":"2013-08-21T14:11:08.073Z"},{"title":"Getfirebug Blog » Blog Archive » Firebug 1.12.0","url":"https://blog.getfirebug.com/2013/08/21/firebug-1-12-0/","content":"Firebug 1.12.0リリース。\nネットワークパネル/Eventsログのフィルターの改善、、cURLとしてコピーする機能、イベントリスナーを取得するgetEventListeners()コマンドを追加","tags":["Firebug","ReleaseNote"],"date":"2013-08-22T00:39:26.430Z"},{"title":"Node v0.10.17 (Stable)","url":"http://blog.nodejs.org/2013/08/21/node-v0-10-17-stable/","content":"Node v0.10.17リリース\n","tags":["node.js","ReleaseNote"],"date":"2013-08-22T01:02:18.941Z"},{"title":"フォントの読み込み完了を検知する - Weblog - hail2u.net","url":"http://hail2u.net/blog/webdesign/detect-font-loading.html","content":"WebFontをロード完了を検知する方法","tags":["JavaScript","font"],"date":"2013-08-22T13:46:19.234Z"},{"title":"Announcing TypeScript 0.9.1.1 - TypeScript - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/typescript/archive/2013/08/21/announcing-typescript-0-9-1-1.aspx","content":"TypeScript 0.9.1.1リリース。\nimport x = module(...) や `bool` 等の非推奨の書き方を許容するオプションを追加。","tags":["TypeScript","ReleaseNote"],"date":"2013-08-22T14:16:33.081Z"},{"title":"Tridiv | CSS 3D Editor","url":"http://tridiv.com/","content":"CSS 3Dエディタ.\nHTMLとCSSで動くようなものをモデリングするオンラインエディタ","tags":["CSS","3D","HTML","Tools"],"date":"2013-08-22T17:14:36.519Z"},{"title":"最新版のv3.0.0に対応した『Bootstrap入門 (全17回)』を追加しました #dotinstall | IDEA*IDEA","url":"http://www.ideaxidea.com/archives/2013/08/bootstrap_v3_added.html","content":"Bootstrap 3.0.0に対応したチュートリアル動画","tags":["video","CSS","tutorial","library"],"date":"2013-08-23T00:38:36.862Z"},{"title":"List of resources related to Web Components","url":"https://gist.github.com/ebidel/6314025","content":"Web Componentsについてのリソースまとめ。\n仕様、実装と実装状況、記事、スライド、ライブラリや情報源","tags":["WebComponents","まとめ"],"date":"2013-08-23T05:01:09.378Z"},{"title":"Exploring HTML Imports - Rob Dodson talks internets","url":"http://robdodson.me/blog/2013/08/20/exploring-html-imports","content":"HTML Importsについての解説記事。\nChrome Canaryはフラグ付き、他のブラウザはPolymerを使う。\nlink rel=\"import\"、style scopedとCSSを含んだ読み込み、スクリプトを読み込んだ場合、Web Components","tags":["HTML","JavaScript"],"date":"2013-08-23T08:03:39.589Z"},{"title":"3.3 “Haleakalā” · mbostock/d3","url":"https://github.com/mbostock/d3/releases/tag/v3.3.0","content":"d3.js 3.3リリース\n","tags":["JavaScript","グラフ","library","ReleaseNote"],"date":"2013-08-23T08:29:33.525Z"},{"title":"Yeoman - Modern workflows for modern webapps","url":"http://yeoman.io/blog/hello-1.0.html","content":"Yeoman 1.0リリース。\nyoemanからyoの分離、プロンプトの強化(Inquirer.js)、パフォーマンス改善","tags":["node.js","Tools","JavaScript"],"date":"2013-08-24T04:12:53.789Z"},{"title":"Amazon: HTML5 and CSS3 Developer's Phrasebook (Developer's Library) [Paperback]: Christian Wenz, Visit Amazon's Christian Wenz Page, search results, Learn about Author Central","url":"http://www.amazon.com/o/ASIN/0321776399/amazon0abac-22/ref=nosim","content":"2014年6月13日発売\nHTML5とCSS3についての書籍","tags":["HTML5","CSS","book"],"date":"2013-08-24T21:26:26.573Z"},{"title":"Detecting CSS Style Support | Ryan Morr","url":"http://ryanmorr.com/detecting-css-style-support/","content":"CSSの特定スタイルがサポートされているかを、CSS.supportsや実際にDOMに入れて判定する方法について","tags":["CSS","JavaScript"],"date":"2013-08-24T21:50:58.189Z"},{"title":"Home | Durandal","url":"http://durandaljs.com/","content":"jQuery,Knockout等の上に作られてるMV*ライブラリ.\nMimosaというスケルトンジェネレータも用意されている","tags":["JavaScript","MVC","library"],"date":"2013-08-25T04:13:48.361Z"},{"title":"Ember Hot Seat - Home","url":"http://emberhotseat.com/","content":"Ember.jsについての週刊のPodCast","tags":["JavaScript","podcast"],"date":"2013-08-25T04:15:09.212Z"},{"title":"Why I Chose Ember.js","url":"http://ryantablada.com/post/why-i-chose-ember-js","content":"Backbone,Marionette,Ember.js,Angular.js等色々試して、なぜEmber.jsを選んだか.\nRESTfulなフロントエンドアプリを作る場合は相性がよくで、時と場合によって適切なライブラリは異なるとの話","tags":["JavaScript","MVC","library"],"date":"2013-08-25T04:17:35.978Z"},{"title":"定期更新されるJavaScript等の情報サイトをまとめたMeta-Weeklyというサイトを作りました | Web scratch","url":"http://efcl.info/2013/0825/res3409/","content":"JavaScriptやフロントエンド系のメールマガジンや週刊とかで更新されてるサイトについてまとめたサイト","tags":["JavaScript","HTML","node.js","CSS","まとめ"],"date":"2013-08-25T06:49:22.337Z"},{"title":"Lately in JavaScript podcast - JS Classes","url":"http://www.jsclasses.org/blog/category/podcast/","content":"月一で更新してるJavaScriptについてのポッドキャスト(動画もあり)","tags":["JavaScript","podcast"],"date":"2013-08-25T13:37:41.948Z"},{"title":"jsCafe v13 Grunt","url":"http://www.slideshare.net/sakunyo/jscafe-v","content":"Gruntタスクについてのスライド.\nGrunt APIの使い方、タスクの紹介、子タスクに分散させる事で実行時間を減らす話","tags":["Grunt","slide"],"date":"2013-08-26T01:52:18.965Z"},{"title":"JavaScriptでWebDriverのテストコードを書きましょ","url":"http://www.slideshare.net/ssuser3eb8d69/javascriptwebdriver","content":"WebDriverを使ったテストと、非同期処理を直接にまとめられるようにするwd-syncについてのスライド","tags":["browser","testing","slide"],"date":"2013-08-26T09:04:00.933Z"},{"title":"2013年9月13日発売予定の「Web制作者のためのSassの教科書」を執筆しました - CSS HappyLife","url":"http://css-happylife.com/archives/2013/0824_1435.php","content":"Sassについての本","tags":["Sass","book"],"date":"2013-08-26T09:04:34.215Z"},{"title":"Modern JavaScript: Promises/A+ - understanding the spec through implementation","url":"http://modernjavascript.blogspot.com/2013/08/promisesa-understanding-by-doing.html","content":"Promises/A+を実装しながら仕様を理解していくチュートリアル。\n","tags":["JavaScript"],"date":"2013-08-26T12:22:19.126Z"},{"title":"twada/power-assert","url":"https://github.com/twada/power-assert","content":"GroovyのPower AssertのJavaScript版。\nassertがfailの場合に該当コードにそれぞれの値を表示し、可視化を行う。\nassertion自体をシンプルに保ちながら、エラーメッセージの情報を多く出せるライブラリ","tags":["JavaScript","testing","library"],"date":"2013-08-26T12:32:38.886Z"},{"title":"脱初心者のためにこれだけは知っておきたいJavaScriptネタ - Google ドライブ","url":"https://docs.google.com/presentation/d/1xprAZn5EuAZJ1NPcDFKfYb5LV4UtZfDvBinS-gOaOAQ/edit#slide=id.gf898cc10_1102","content":"関数、レキシカルスコープ、スコープチェイン、クロージャ、プロトタイプチェーンについてのスライド","tags":["JavaScript","slide"],"date":"2013-08-27T01:12:19.504Z"},{"title":"Backbone Weekly Newsletter","url":"http://backboneweekly.com/","content":"Backbone.jsに関する週刊のメールマガジン","tags":["JavaScript","backbone.js","mail"],"date":"2013-08-28T11:47:19.830Z"},{"title":"Ember.js - Ember 1.0 RC8 Released","url":"http://emberjs.com/blog/2013/08/29/ember-1-0-rc8.html","content":"Ember 1.0 RC8リリース.\n最後のRCとなる予定","tags":["JavaScript","MVC","library","ReleaseNote"],"date":"2013-08-29T11:45:25.814Z"},{"title":"causes/scss-lint","url":"https://github.com/causes/scss-lint","content":"Sass Lintツール","tags":["Sass","Tools","console"],"date":"2013-08-29T11:56:01.672Z"},{"title":"YUI 3.12.0 Released - YUI Blog","url":"http://www.yuiblog.com/blog/2013/08/29/yui-3-12-0-released/","content":"YUI 3.12.0リリース。\n","tags":["YUI","ReleaseNote"],"date":"2013-08-29T16:19:27.312Z"},{"title":"モバイルOSとWeb標準とそれらへのアプローチ","url":"http://www.slideshare.net/kisato/osweb","content":"モバイルOSと入ってるAPIの標準化の状態などについてのスライド","tags":["mobile","OS","web","spec"],"date":"2013-08-31T00:56:37.612Z"},{"title":"Hypertext Transfer Protocol version 2.0 (draft-ietf-httpbis-http2-06) 日本語訳","url":"http://summerwind.jp/docs/draft-ietf-httpbis-http2-06/","content":"HTTP/2.0 Draft 06 日本語訳\nhttp://summerwind.jp/docs/draft-ietf-httpbis-http2-06/","tags":["HTTP2","translate","spec"],"date":"2013-08-31T10:37:12.235Z"},{"title":"Amazon: JavaScript Creativity: Exploring the Modern Capabilities of JavaScript and HTML5 [Paperback]: Shane Hudson","url":"http://www.amazon.com/o/ASIN/1430259442/amazon0abac-22/ref=nosim","content":"2014年5月14日発売\n","tags":["JavaScript","book"],"date":"2013-08-31T12:24:29.898Z"},{"title":"HTML5 コンポーネント: 標準コンポーネントの実装","url":"http://www.ibm.com/developerworks/jp/web/library/wa-html5components3/","content":"Web Componentsにおける Polymer と Mozilla X-Tag について。","tags":["HTML5","WebComponents"],"date":"2013-08-31T12:44:01.926Z"},{"title":"Sorted Maps in JavaScript - JSter Javascript Catalog","url":"http://jster.net/blog/sorted-maps-in-javascript#.UiIB7bxt-Cj","content":"JavaScriptでBinary Search Treesとbalanced search Treeの実装について。\n実装ライブラリとして http://monmohan.github.io/dsjslib/ について","tags":["JavaScript","アルゴリズム"],"date":"2013-08-31T15:00:48.077Z"},{"title":"jQueryサイト：完成！ | Design Drill Diary","url":"http://designdrill.jp/wordpress/?p=6876","content":"jQueryに関するチュートリアル、サンプルやリファレンスをまとめたサイト\nhttp://www.jquerystudy.info/","tags":["jQuery","ReleaseNote","tutorial","リファレンス"],"date":"2013-09-01T00:17:11.742Z"},{"title":"Ember.js - Ember 1.0 Released","url":"http://emberjs.com/blog/2013/08/31/ember-1-0-released.html","content":"Ember.js 1.0とEmber Data 1.0βをリリース","tags":["JavaScript","MVC","library","ReleaseNote"],"date":"2013-09-01T10:36:46.133Z"},{"title":"jpillora/xhook","url":"https://github.com/jpillora/xhook","content":"XHRのレスポンスやリクエストをhookして、Fakeや値を追加したりキャッシュ機構を設けたりできるライブラリ","tags":["XHR","JavaScript","library","testing"],"date":"2013-09-01T12:28:52.414Z"},{"title":"Kickstart Your AngularJS Development with Yeoman, Grunt and Bower - SitePoint","url":"http://www.sitepoint.com/kickstart-your-angularjs-development-with-yeoman-grunt-and-bower/","content":"Yeomanを使ったジェネレータ、Gruntを使ったテストの実行、Bowerを使ったライブラリの管理などについてのAngularJSチュートリアル","tags":["Angular","tutorial"],"date":"2013-09-01T12:38:51.890Z"},{"title":"sindresorhus/load-grunt-tasks · GitHub","url":"https://github.com/sindresorhus/load-grunt-tasks","content":"Gruntタスクのロードをまとめるタスク","tags":["Grunt"],"date":"2013-09-02T01:07:56.783Z"},{"title":"More maintainable Gruntfiles","url":"http://www.thomasboyt.com/2013/09/01/maintainable-grunt.html","content":"Gruntfiesのメンテナンス性をあげるにあどうするべきかという記事。\nload-grunt-tasks でloadNpmTasksをまとめる、タスクをファイルにわけて読み込んで使うようにする等","tags":["Grunt","Tips"],"date":"2013-09-02T01:12:23.658Z"},{"title":"New eBook: JavaScript Patterns JumpStart Guide - Clean up your JavaScript Code - Dan Wahlin","url":"http://weblogs.asp.net/dwahlin/archive/2013/09/01/new-ebook-javascript-patterns-jumpstart-guide-clean-up-your-javascript-code.aspx","content":"JavaScriptのパターンについてのKindle本","tags":["JavaScript","ebook"],"date":"2013-09-02T01:17:06.913Z"},{"title":"Functional JavaScript/TypeScript // Speaker Deck","url":"https://speakerdeck.com/yaakaito/typescript","content":"ES6の=>等を使って関数型スタイルなJavaScriptについてのスライド","tags":["JavaScript","ECMAScript","TypeScript","slide"],"date":"2013-09-02T09:12:09.470Z"},{"title":"An Absolute Beginner's Guide to Node.js","url":"http://blog.modulus.io/absolute-beginners-guide-to-nodejs","content":"Nodeチュートリアル.\nシンプルなHTTPサーバとファイルの読み込み、npmの扱いなどについて","tags":["node.js","tutorial"],"date":"2013-09-02T12:01:14.016Z"},{"title":"ECMAScript Internationalization API - Generated Content by David Storey","url":"http://generatedcontent.org/post/59403168016/esintlapi","content":"ECMAScript i18n APIについて。\nIntlオブジェクトを使ってロケールに合わせた日付や数値、読み等を意識した文字列のソートなどコード例を含めながら詳しく解説されてる","tags":["ECMAScript","JavaScript","i18n"],"date":"2013-09-02T12:18:07.855Z"},{"title":"メンテナブルCSS | 株式会社サイバーエージェント","url":"http://www.cyberagent.co.jp/recruit/techreport/report/id=7926","content":"CSSのコーディングルールとツールについて。\nそれぞれのルールに\"なぜこのルールがあるの？\"という項目が用意されている","tags":["CSS","document"],"date":"2013-09-02T12:25:03.293Z"},{"title":"RequireJSをプロジェクトで使ってみての所感 - ダーシマ・ヱンヂニヤリング","url":"http://tsmd.hateblo.jp/entry/2013/08/06/165357","content":"“ファイルサイズ、リクエスト数の最適化”のためRequireJSを導入した話.\n遅延ロードと依存関係解決用途のローダーとしてのRequireJSについて","tags":["JavaScript","AMD"],"date":"2013-09-02T12:35:22.535Z"},{"title":"yuku-t/jquery-textcomplete","url":"https://github.com/yuku-t/jquery-textcomplete","content":"Githubみたいにテキストエリアに補完機能を付けるライブラリ\nhttp://qiita.com/yuku_t/items/7ddcc842d3d8f6a9fcd5","tags":["jQuery","library"],"date":"2013-09-04T00:50:55.507Z"},{"title":"WebStorm 7.0 Beta is available for download | JetBrains WebStorm Blog","url":"http://blog.jetbrains.com/webstorm/2013/09/webstorm-7-0-beta-is-available-for-download/","content":"WebStorm 7.0βリリース。\nEJS,Mustache,Handlebars等のテンプレート、Stylus,Compass, Karma, npmとターミナルのサポート","tags":["WebStorm","ReleaseNote"],"date":"2013-09-04T02:49:33.745Z"},{"title":"Custom Elements - A Web Components Gallery for Modern Web Apps","url":"http://customelements.io/","content":"Web Componentsのカスタム要素を集めてるサイト.","tags":["WebComponents","search"],"date":"2013-09-04T12:53:04.650Z"},{"title":"Bootstrap Magic : Generate your own bootstrap theme quickly and easily","url":"http://pikock.github.io/bootstrap-magic/","content":"Bootstrapのテーマ作成サイト","tags":["design","webservice","Tools"],"date":"2013-09-04T13:10:36.316Z"},{"title":"Node v0.10.18 (Stable)","url":"http://blog.nodejs.org/2013/09/04/node-v0-10-18-stable/","content":"Node v0.10.18 リリース","tags":["node.js","ReleaseNote"],"date":"2013-09-04T21:42:41.002Z"},{"title":"Maluen/Backbone-Debugger","url":"https://github.com/Maluen/Backbone-Debugger","content":"Backbone.jsのデバッグをするChrome拡張","tags":["backbone.js","デバック","Chrome","Extension"],"date":"2013-09-05T01:36:16.359Z"},{"title":"YUI 3.13.0 Beta 1 Released - YUI Blog","url":"http://www.yuiblog.com/blog/2013/09/04/yui-3-13-0-beta-1-released/","content":"YUI 3.13.0 Beta 1リリース.\ncontent editableを使ったEditor機能が入った","tags":["YUI","ReleaseNote"],"date":"2013-09-05T02:03:24.009Z"},{"title":"O'Reilly Japan - テスタブルJavaScript","url":"http://www.oreilly.co.jp/books/9784873116358/","content":"2013年9月21日発売\nTestable JavaScriptの翻訳本\n","tags":["JavaScript","book","testing"],"date":"2013-09-05T08:16:04.479Z"},{"title":"マイクロソフト中の人が徹底解説！InternetExplorer 11 F12 開発者ツールの新機能 | HTML5Experts.jp","url":"http://html5experts.jp/osamum_ms/1928/","content":"IE11の開発者ツールについて","tags":["IE","デバック"],"date":"2013-09-05T08:20:36.223Z"},{"title":"angular.js/CHANGELOG.md at master · angular/angular.js","url":"https://github.com/angular/angular.js/blob/master/CHANGELOG.md#120-rc2-barehand-atomsplitting-2013-09-04","content":"AngularJS 1.2.0-rc.2リリース","tags":["Angular","ReleaseNote"],"date":"2013-09-05T13:04:54.363Z"},{"title":"Generators vs Fibers - How To Node - NodeJS","url":"http://howtonode.org/generators-vs-fibers","content":"Generators *とnode-fibersについて","tags":["node.js","JavaScript"],"date":"2013-09-06T02:44:47.108Z"},{"title":"「フロントエンドデベロッパー面接時の質問事項」日本語訳しました - Hack Your Design!","url":"http://blog.toshimaru.net/Front-end-Developer-Interview-Questions-Japanese/","content":"フロントエンドに関する質問集","tags":["HTML","CSS","JavaScript"],"date":"2013-09-07T06:15:52.412Z"},{"title":"Backbone debugger for Firebug.","url":"http://dhruvaray.github.io/spa-eye/","content":"Backbone.jsをデバッグするFirebu拡張。\nインスペクタ、編集、モデルの変更、ワークフローの可視化、View,Templateなどかなり多機能な拡張","tags":["firefox","Firebug","addon","backbone.js"],"date":"2013-09-07T12:13:41.901Z"},{"title":"CSSガイドラインを翻訳してみた - 技術日記＠kiwanami","url":"http://d.hatena.ne.jp/kiwanami/20130905/1378353853","content":"CSSガイドラインの翻訳\nhttps://github.com/kiwanami/CSS-Guidelines","tags":["CSS","document","translate"],"date":"2013-09-07T12:24:44.218Z"},{"title":"ES6 Iterators, Generators, and Iterables","url":"http://domenic.me/2013/09/06/es6-iterators-generators-and-iterables/","content":"ES6のGeneratorの仕様についての解説.\niterator, iterable, generator, generator functionの用語解説。\nfor-ofでのシンタックシュガーやfor-ofとの関係や実装状況等について","tags":["ECMAScript"],"date":"2013-09-07T13:30:00.824Z"},{"title":"ファビコン・カンニング・ペーパー","url":"http://hail2u.net/documents/favicon-cheat-sheet-ja.html","content":"faviconの配置方法について詳しく書かれた翻訳。\nfaviconの指定方法、appleデバイス、画像の作成 ico と pngの扱い、ツール、キャッシュについてなどまとまってる","tags":["document","browser","translate"],"date":"2013-09-07T13:35:39.683Z"},{"title":"Enterprise Web Development: Building HTML5 Applications: From Desktop to Mobile: Yakov Fain, Victor Rasputnis, Anatole Tartakovsky, Viktor Gamov: 9781449356811: Amazon.com: Books","url":"http://www.amazon.com/o/ASIN/1449356818/amazon0abac-22/ref=nosim","content":"2014年2月22日発売\nエンタープライズWebについての書籍\nhttp://enterprisewebbook.com/ ","tags":["JavaScript","web","book"],"date":"2013-09-07T14:18:40.570Z"},{"title":"Enterprise Web Development: From Desktop to Mobile","url":"http://enterprisewebbook.com/","content":"Enterprise Web Development本のサイト。\n内容を無料で公開してて、GithubにAsciidocで書かれたソースコードもCC by-nc-saで公開してる。","tags":["JavaScript","web","book"],"date":"2013-09-07T15:53:53.517Z"},{"title":"PhantomJS 1.9 Release Notes","url":"http://phantomjs.org/release-1.9.html","content":"PhantomJS 1.9.2リリース","tags":["webkit","browser","Tools","console"],"date":"2013-09-08T02:54:08.982Z"},{"title":"annyang - Easily add voice commands to your site","url":"https://www.talater.com/annyang/","content":"Web Speech API を利用して、音声入力に対応する関数を定義して呼べるようにするライブラリ","tags":["JavaScript","library"],"date":"2013-09-08T04:27:26.318Z"},{"title":"大阪Node学園 六時限目 「generator小咄」","url":"http://www.slideshare.net/shunsukewatanabe568/slide-25939509","content":"Node.jsとGenrator *についてのスライド。\nGeneratorを使ったライブラリについて","tags":["node.js","slide"],"date":"2013-09-09T08:38:17.366Z"},{"title":"DOM操作の最適化によるJavaScriptチューニング（前編） | HTML5Experts.jp","url":"http://html5experts.jp/yoshikawa_t/1888/","content":"DOM操作で複数要素を編集する際やループ処理をするときに気をつけるべきこと","tags":["DOM","JavaScript"],"date":"2013-09-09T09:00:14.462Z"},{"title":"Brackets Sprint 30 Build – Brackets Blog","url":"http://blog.brackets.io/2013/09/05/brackets-sprint-30-build/","content":"Adobe製Web開発用エディタBrackets Sprint 30リリース.\n","tags":["JavaScript","editor","ReleaseNote"],"date":"2013-09-09T12:35:36.469Z"},{"title":"Getting to know mutation observers - Dev.Opera","url":"http://dev.opera.com/articles/view/mutation-observers-tutorial/","content":"Mutation Observersについて。\nMutationEventsとの違い、プロパティや値のリファレンス、登録方法、フィルターについて","tags":["JavaScript","tutorial"],"date":"2013-09-09T12:43:04.550Z"},{"title":"The 6 Simplest Web Accessibility Tests Anyone Can Do | Karl Groves","url":"http://www.karlgroves.com/2013/09/05/the-6-simplest-web-accessibility-tests-anyone-can-do/","content":"6つのシンプルなウェブアクセシビリティテストの方法","tags":["アクセシビリティ","web"],"date":"2013-09-09T12:48:50.320Z"},{"title":"jpillora/xdomain","url":"https://github.com/jpillora/xdomain","content":"postMessageとproxyとなるページを設置して、CORSを行うライブラリ。\nXHRのインターフェース自体はXHookを使いそのままクロスオリジンでやり取り出来るような仕組み","tags":["JavaScript","library","XHR"],"date":"2013-09-09T13:08:31.005Z"},{"title":"Implementing Native Drag and Drop - Treehouse Blog","url":"http://blog.teamtreehouse.com/implementing-native-drag-and-drop","content":"D&D APIを使ったチュートリアル","tags":["JavaScript","tutorial"],"date":"2013-09-09T13:10:51.413Z"},{"title":"Custom Elements: defining new elements in HTML - HTML5 Rocks","url":"http://www.html5rocks.com/en/tutorials/webcomponents/customelements/","content":"WebComponentsのCustom Elementsのチュートリアル","tags":["WebComponents","tutorial"],"date":"2013-09-09T13:24:06.645Z"},{"title":"Pure 0.3.0 — A Flexbox-based Grid · yui/pure","url":"https://github.com/yui/pure/releases/tag/v0.3.0","content":"Pure 0.3.0リリース\nGridにCSS3 Flexbox","tags":["Yahoo","CSS","library","ReleaseNote"],"date":"2013-09-10T03:30:22.927Z"},{"title":"flexboxの旧仕様、改定仕様、現行仕様の一覧 « NAVER Engineers' Blog","url":"http://tech.naver.jp/blog/?p=2479","content":"flexboxの仕様変更の歴史。(3つの段階)\nflexboxコンテナとアイテム、各種プロパティの解説","tags":["CSS","まとめ","歴史"],"date":"2013-09-10T12:40:08.854Z"},{"title":"Tips and Tricks: Ignoring Library Code While Debugging in Chrome","url":"http://www.divshot.com/blog/tips-and-tricks/ignoring-library-code-while-debugging-in-chrome/","content":"Chromium 31.0.1612.2 でFirefox開発者ツールみたいな正規表現にマッチしたライブラリ等をデバッグ時に無視する機能が着いた(Black boxing)","tags":["Chrome","デバック","JavaScript"],"date":"2013-09-10T12:48:27.773Z"},{"title":"Eloquent JavaScript Second Edition","url":"https://eloquentjavascript.net/2nd_edition/","content":"Eloquent JavaScriptの2nd editionがクラウドファンディング方式という名のdonateで募集されてる。\nCC by-ncで公開予定","tags":["JavaScript","book"],"date":"2013-09-11T13:06:46.828Z"},{"title":"Introduction to Web Accessibility - Course","url":"https://webaccessibility.withgoogle.com/preview","content":"GoogleによるWebアクセシビリティについての講座サイト.\n動画やChromeの開発者ツールやチェックシート等を使いWAI-ARIAなどについて学ベル","tags":["web","アクセシビリティ","WAI-ARIA"],"date":"2013-09-11T13:14:36.892Z"},{"title":"Understanding ECMAScript 6 arrow functions | NCZOnline","url":"http://www.nczonline.net/blog/2013/09/10/understanding-ecmascript-6-arrow-functions/","content":"Arrow Function => の特徴、シンタックス、使い方、typeofやcall()などと合わせた場合どうなるかなどについてまとまってる","tags":["ECMAScript","JavaScript"],"date":"2013-09-12T12:51:22.948Z"},{"title":"hadimichael/gest.js","url":"https://github.com/hadimichael/gest.js","content":"Gesture操作を検知してイベントを設定出来るJavaScriptライブラリ(up/down/left/right/error)","tags":["JavaScript","library"],"date":"2013-09-12T13:16:11.459Z"},{"title":"Carl Danley | JavaScript Design Patterns","url":"http://carldanley.com/javascript-design-patterns/","content":"JavaScriptのデザインパターンについて書かれている連載.\nメリット/デメリット/サンプル という感じでまとめられてる","tags":["JavaScript","デザインパターン","まとめ"],"date":"2013-09-12T14:10:35.710Z"},{"title":"tschaub/grunt-newer","url":"https://github.com/tschaub/grunt-newer","content":"最後に成功した時から変更されたものだけを処理出来るようにするGruntタスク","tags":["Grunt"],"date":"2013-09-12T16:17:55.905Z"},{"title":"Code Climate for JavaScript","url":"https://codeclimate.com/js","content":"コードのメトリクスなどを計測できるCode ClimateのJavaScriptサポート予定","tags":["JavaScript","webservice"],"date":"2013-09-13T00:54:22.943Z"},{"title":"Changelog · lodash/lodash Wiki","url":"https://github.com/lodash/lodash/wiki/Changelog#v200","content":"Lo-Dash v2.0.0リリース。\nメソッドの最適化や、_.curry ,_.sample等のメソッドの追加、JSDocなどの改善等細かい修正が色々","tags":["JavaScript","library"],"date":"2013-09-13T12:30:01.357Z"},{"title":"Introducing the Qt WebEngine | Qt Blog","url":"http://blog.qt.digia.com/blog/2013/09/12/introducing-the-qt-webengine/","content":"Qt WebKitをQt WebEngineと改めChromium(Blink)のベースのものにするとの方針. Qt 5.2以降開発をしてQt5.3でリリース予定","tags":["webkit","browser"],"date":"2013-09-13T12:40:34.791Z"},{"title":"json.human.js - Json Formatting for Human Beings","url":"http://marianoguerra.github.io/json.human.js/","content":"JSONをテーブルタグ(ネストも対応)に経感出来るライブラリ","tags":["JSON","HTML","library"],"date":"2013-09-14T04:03:51.232Z"},{"title":"はじめる Ember.js！！ ~ Getting started with ember.js ~","url":"http://www.slideshare.net/tricknotes/getting-started-with-emberjs","content":"Ember.jsについてのスライド.\n帳票アプリを元にチュートリアル的な感じ","tags":["JavaScript","MVC","library","slide"],"date":"2013-09-14T07:20:44.022Z"},{"title":"Senchaブラウザ調査報告 | 株式会社ゼノフィ","url":"http://www.xenophy.com/sencha-blog/8508","content":"Senchaコミュニティの開発者に対して、サポートブラウザプランなどについてアンケート","tags":["Sencha","browser"],"date":"2013-09-14T11:08:56.458Z"},{"title":"Ask Not What JavaScript Can Do For You // Speaker Deck","url":"https://speakerdeck.com/jonbretman/ask-not-what-javascript-can-do-for-you","content":"JavaScriptの型、prototypeと継承、コールバックとPromise、キャッシュとパフォーマンスについてのスライド","tags":["JavaScript","slide"],"date":"2013-09-14T11:41:41.257Z"},{"title":"JavaScript Unit Testing by Sauce Labs","url":"https://saucelabs.com/javascript","content":"SauceLabsのブラウザを使ってユニットテストを動かせるREST API. \nJasmine, QUnit, YUI Test, Mocha等のテストを動かせる","tags":["JavaScript","testing","webservice","API"],"date":"2013-09-14T12:11:09.865Z"},{"title":"Five Helpful Tips When Using RequireJS - Tech.Pro","url":"http://tech.pro/blog/1561/five-helpful-tips-when-using-requirejs","content":"Require.jsを使う時のTips.\ndefineの書き方、AMDに対応してないライブラリの使い方、CJSの扱い、CDNのFallback、プラグイン、エラー処理","tags":["AMD","JavaScript","library","Tips"],"date":"2013-09-14T13:01:42.136Z"},{"title":"Formbuilder.js by dobtco","url":"http://dobtco.github.io/formbuilder/","content":"フォームをGUIで操作しながら作成、並び替え等が出来るJavaScriptライブラリ.\n保存結果はJSONな出力される","tags":["JavaScript","library"],"date":"2013-09-14T13:14:16.372Z"},{"title":"Modern JavaScript: Promise patterns","url":"http://modernjavascript.blogspot.com/2013/09/promise-patterns.html","content":"Promise/A+の拡張例としてコールバック関数をPromiseに変換することについてやエラーハンドリング、複数のpromiseが全て解決した時に次を呼ぶような仕組みの実装などについて。","tags":["JavaScript"],"date":"2013-09-14T15:42:29.478Z"},{"title":"D3: Data Driven Documents: Pocket Primer: Oswald Campesato: 9781938549656: Amazon.com: Books","url":"http://www.amazon.com/o/ASIN/1938549651/amazon0abac-22/ref=nosim","content":"2014年5月14日発売\nD3.js についての書籍","tags":["JavaScript","library","book"],"date":"2013-09-15T00:06:33.710Z"},{"title":"Structure and Interpretation of Computer Programs","url":"http://www.comp.nus.edu.sg/~cs1101s/sicp/","content":"SICPのJavaScript版.\n2章の途中まで書かれている.","tags":["JavaScript","book"],"date":"2013-09-15T03:40:28.177Z"},{"title":"Getting Started | Semantic UI","url":"http://semantic-ui.com/","content":"BootStrapとかみたいなUIフレームワーク.\n","tags":["UI","HTML","JavaScript","CSS"],"date":"2013-09-15T13:57:52.181Z"},{"title":"terkel/mathsass","url":"https://github.com/terkel/mathsass","content":"Sass の数学関数ライブラリ","tags":["Sass","library"],"date":"2013-09-16T09:34:59.361Z"},{"title":"Custom Builds in Lo-Dash 2.0 - Kit Cambridge","url":"http://kitcambridge.be/blog/custom-builds-in-lo-dash-2-dot-0","content":"Lo-Dash 2.0リリース.\nメソッドの機能追加や、Backboneビルドの互換性の向上、underscoreビルドの変更、modernビルドではES5の機能を直接使うようにし軽量化、またcspビルドはmodernのaliasになった","tags":["JavaScript","library","ReleaseNote"],"date":"2013-09-16T10:04:09.121Z"},{"title":"ichord/At.js","url":"https://github.com/ichord/At.js","content":"Githubみたいなテキストエリアでmentionや絵文字の入力補完を行うライブラリ","tags":["github","JavaScript","library"],"date":"2013-09-16T10:47:06.178Z"},{"title":"jviereck/regexp.js","url":"https://github.com/jviereck/regexp.js","content":"デバッグ目的に作成されている正規表現のJavaScript実装.\n","tags":["JavaScript","正規表現","library"],"date":"2013-09-16T10:50:35.509Z"},{"title":"Changelog — Buster.JS 0.7.4 documentation","url":"http://docs.busterjs.org/en/latest/changelog/#v0-7-4","content":"JavaScriptテストフレームワーク Buster.JS v0.7.4リリース.\nWindowsのサポートやバグ修正、安定性や速度の改善. 破壊的な変更も一部含まれる","tags":["BusterJS","ReleaseNote","testing"],"date":"2013-09-18T03:05:18.738Z"},{"title":"Buster.JS 0.7リリースと変更点について | Web scratch","url":"http://efcl.info/2013/0918/res3425/","content":"Buster.JS 0.7.4での変更点についてのまとめ。","tags":["JavaScript","BusterJS","testing","ReleaseNote"],"date":"2013-09-18T03:06:44.646Z"},{"title":"Canvas Inspection using Chrome DevTools - HTML5 Rocks","url":"http://www.html5rocks.com/en/tutorials/canvas/inspection/","content":"Chrome Dev ToolsでCanvasの描画をframeごとにトレース出来るようになった","tags":["Chrome","canvas","デバック"],"date":"2013-09-18T05:20:24.911Z"},{"title":"Underscore Reference — Smooth CoffeeScript","url":"http://autotelicum.github.io/Smooth-CoffeeScript/literate/underscore.html","content":"Underscore.jsのリファレンス.\nその場でCoffeeScriptなコードを実行してUnderscoreの関数を確認できるようになってる","tags":["JavaScript","CoffeeScript","library","リファレンス"],"date":"2013-09-18T07:37:23.035Z"},{"title":"CSS Image Orientation Lands in Firefox 26 - Psychic Core Dump","url":"http://sethfowler.org/blog/2013/09/13/new-in-firefox-26-css-image-orientation","content":"CSSのimage-orientation:について。\n画像の回転反転、画像のメタデータからも回転できる","tags":["CSS"],"date":"2013-09-18T11:59:24.045Z"},{"title":"Quick Guide For… by Andre Alves Garzia [PDF/iPad/Kindle]","url":"https://leanpub.com/quickguidefirefoxosdevelopment","content":"無料のFirefox OS向けアプリの開発電子書籍","tags":["firefox","OS","book"],"date":"2013-09-18T13:16:12.236Z"},{"title":"aaronfrost/grunt-traceur","url":"https://github.com/aaronfrost/grunt-traceur","content":"Traceur-Compileを使ったGruntタスク.\nES6 -> ES3","tags":["ECMAScript","JavaScript","Grunt"],"date":"2013-09-18T13:18:04.878Z"},{"title":"Content Security Policy Header Generator","url":"http://cspisawesome.com/","content":"CSPの設定項目をチェック等指定していき、そのCSP header文字列を生成してくれるサービス。","tags":["CSP","ジェネレーター"],"date":"2013-09-18T13:21:30.711Z"},{"title":"Chromium Dashboard","url":"http://www.chromestatus.com/metrics/css/rank","content":"Google Chromeの利用情報送信機能でのCSSプロパティ利用についての統計情報","tags":["Chrome","CSS"],"date":"2013-09-19T09:06:16.724Z"},{"title":"Phaser - Desktop and Mobile HTML5 game framework","url":"http://phaser.io/","content":"TypeScriptも公式にサポートしてるHTML5ゲームなフレームワーク","tags":["JavaScript","TypeScript","HTML5","game","library"],"date":"2013-09-19T13:35:12.466Z"},{"title":"jQuery 1.11 and 2.1 Beta 1 Released | Official jQuery Blog","url":"http://blog.jquery.com/2013/09/19/jquery-1-11-and-2-1-beta-1-released/","content":"jQuery 1.11と2.1 β1リリース.\nAMDサポート、jQuery内部の依存関係にBowerを利用、sourcemap directivesの修正","tags":["jQuery","ReleaseNote"],"date":"2013-09-20T00:54:58.507Z"},{"title":"MozillaZine.jp » Blog Archive » Firefox 24 がリリースされた","url":"http://mozillazine.jp/?p=3825","content":"Firefox 24リリース","tags":["firefox","ReleaseNote"],"date":"2013-09-20T01:03:58.425Z"},{"title":"Firefox Site Compat (FxSiteCompat) on Twitter","url":"https://twitter.com/FxSiteCompat","content":"Firefoxのサイト互換性情報について発信してるTwitterアカウント","tags":["firefox","browser","twitter"],"date":"2013-09-20T01:07:28.681Z"},{"title":"An Introduction to The Page Visibility API - Treehouse Blog","url":"http://blog.teamtreehouse.com/an-introduction-to-the-page-visibility-api","content":" Page Visibilityを使って動画を停止させるチュートリアル","tags":["JavaScript","video","tutorial"],"date":"2013-09-20T01:20:17.358Z"},{"title":"【完全日本語訳＋解説】ECMA-262 Edition 5.1を読む（Amazon予約キャンペーン実施中）","url":"http://ecma262.info/","content":"訳・編:竹迫良範\nECMA-262 Edition 5.1の翻訳と解説を含めた書籍","tags":["ECMAScript","book"],"date":"2013-09-20T04:33:40.450Z"},{"title":"BladeRunnerJS - Divide & conquer your web apps","url":"http://bladerunnerjs.org/","content":"Single-Pageなウェブアプリを作成する用途の開発ツールキットとフレームワーク.\n巨大なウェブアプリを想定して開発されてる\n(KnockoutJSを内部的に利用)","tags":["JavaScript","HTML","Tools","library"],"date":"2013-09-20T14:48:42.825Z"},{"title":"Speech Synthesis: Web Speech API, part one - Broken Links","url":"http://www.broken-links.com/2013/09/20/web-speech-api-part-one-speech-synthesis/","content":"iOS7でサポートされたWeb Speech APIについて","tags":["ios","JavaScript"],"date":"2013-09-20T15:20:16.784Z"},{"title":"Improved JavaScript debugger in WebStorm 7 | JetBrains WebStorm Blog","url":"http://blog.jetbrains.com/webstorm/2013/09/improved-javascript-debugger-in-webstorm-7/","content":"WebStorm 7JavaScriptデバッグ機能について。\nLive Edit、Elements tab、ブレークした時に変数を見られるVariables viewの改善など","tags":["WebStorm","デバック","video"],"date":"2013-09-20T17:09:51.814Z"},{"title":"A Complete Guide to the Table Element | CSS-Tricks","url":"http://css-tricks.com/complete-guide-table-element/","content":"Tableタグについてコード例も豊富にまとまってる。\n基本から、Cellの結合、いつTableを使うべきかについて。display:table-*やCSSでの装飾、Tableの検索等のJSとの連携など","tags":["HTML","CSS","JavaScript","tutorial"],"date":"2013-09-21T02:52:37.464Z"},{"title":"Safari on iOS 7 and HTML5: problems, changes and new APIs | Breaking the Mobile Web","url":"http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review","content":"iOS 7のSafari周りの変更や追加された機能について等のまとめ","tags":["ios","safari"],"date":"2013-09-21T07:37:11.260Z"},{"title":"spy-js/spy-js","url":"https://github.com/spy-js/spy-js","content":"Proxyを通して、JavaScriptのイベントやコードの値の評価を表示したりなどデバッグするためのトレース情報を見られるツール","tags":["node.js","Tools","デバック"],"date":"2013-09-21T12:55:03.312Z"},{"title":"Loading sounds faster - Blog - Clicktorelease","url":"http://www.clicktorelease.com/blog/loading-sounds-faster-using-html5-web-audio-api","content":"XHR ArrayBufferで音楽を取得しながら、バッファーからWeb Audio APIで組みた立て再生する","tags":["sound","JavaScript"],"date":"2013-09-21T16:08:32.179Z"},{"title":"翻訳案保管: CSS Length Explained","url":"http://i7iblog.blogspot.com/2013/09/css-length-explained.html","content":"CSSに出てくるpxやin、pt等の単位について\nhttp://www.w3.org/TR/css3-values/","tags":["CSS","まとめ"],"date":"2013-09-22T01:09:51.461Z"},{"title":"Welcome our new ES5 Overlords","url":"http://mikemaccana.github.io/rejectjs2013/#1","content":"definePropertyとprefixを使ったネイティブ拡張ライブラリのagavejsについてのスライド。\nES3のprototype汚染、ES5のObject.definePropertyを使った拡張と衝突について","tags":["JavaScript","slide"],"date":"2013-09-22T05:20:41.719Z"},{"title":"Agave.JS","url":"http://agavejs.org/","content":"Object.definePropertyとprefixを使ったネイティブ拡張ライブラリ.","tags":["JavaScript","library"],"date":"2013-09-22T05:24:07.142Z"},{"title":"Reject.JS 2013 - 60 FPS retrogaming on mobile","url":"http://gmarty.github.io/jsSMS/Reject.JS-2013-Slides/#/intro","content":"JavaScriptで書くエミュレータについてのスライド。\nROMからOpCodeを取り出してインタープリター的に処理すると簡潔だが速度的な問題がでる。\nそこでROMからJavaScript関数を生成するような仕組み(Recompiler)を入れる。\n* Prase\n* Analyser\n* optimiser\n* Generator\nこのRecompilerを静的と動的で行う事で速度を改善する話","tags":["JavaScript","slide","game"],"date":"2013-09-22T05:42:16.620Z"},{"title":"Reject.JS 2013 - YouTube","url":"http://www.youtube.com/playlist?list=PL37ZVnwpeshGLrMTDPV12z7KmjrXsOeHT","content":"Reject.JS 2013の動画が公開された。\nhttp://rejectjs.org/","tags":["JavaScript","Conference","video"],"date":"2013-09-22T05:43:09.241Z"},{"title":"Learning | alex bumbu","url":"http://bumbu.ru/learning/","content":"JavaScriptでのデザインパターンについて書かれている","tags":["JavaScript","デザインパターン"],"date":"2013-09-22T12:10:39.268Z"},{"title":"Support jQuery 1.10.2 & 2.0.3 on Qrefy! | milestoner","url":"http://s3pw.com/milestoner/2013/09/support-current-jquery-on-qrefy/","content":"jQueryリファレンスサイトのQrefyがjQuery 1.10.2 & 2.0.3に対応","tags":["jQuery","リファレンス"],"date":"2013-09-22T14:20:28.907Z"},{"title":"element: Modals made easy - HTML5Rocks Updates","url":"http://updates.html5rocks.com/2013/09/dialog-element-Modals-made-easy","content":"ChromeでHTML dialog要素のサポート。\nJavaScript API、CSSの擬似要素、polyfillを使ったデモについて","tags":["HTML","JavaScript"],"date":"2013-09-23T10:48:15.844Z"},{"title":"NodeSec Advisories | We need a tagline contributor™","url":"https://nodesecurity.io/","content":"Nodeモジュールなどに関するセキュリティ的なアドバイスや調査報告などについてのサイト","tags":["node.js","セキュリティ"],"date":"2013-09-23T14:56:50.051Z"},{"title":"[JavaScript] Knockout + ContainerJS でテスタブルにToDoリストを作るチュートリアル - うなの日記","url":"http://d.hatena.ne.jp/unageanu/20130923/1379916004","content":"KnockoutでMVVM、ContainerJSでDIをしてテストしやすい状態にしてアプリを作る。\nUI独自の状態や処理を管理するオブジェクトViewModelを作って、HTMLから分離してテストしやすくしている","tags":["JavaScript","testing","todo"],"date":"2013-09-24T12:31:31.169Z"},{"title":"Faster String#repeat method, with ancient Egyptian theory | CoderKeen","url":"http://coderkeen.com/javascript/faster-stringrepeat-method-with-ancient-egyptian-theory","content":"String.prototype.repeatのアルゴリズムについて\nhttp://hg.mozilla.org/mozilla-central/file/28e5d67b6b5a/js/src/builtin/String.js#l10","tags":["JavaScript","アルゴリズム"],"date":"2013-09-24T12:50:14.985Z"},{"title":"モバイルブラウザで動くWebアプリケーションのキャッシュ戦略 | HTML5Experts.jp","url":"http://html5experts.jp/kyo_ago/2466/","content":"Web Storage、Web SQL、Indexed DB、Filesystem APIを使った読み書きのキャッシュについてや、ApplicationCacheの動作や問題点、利用する場合の考え方についてまとまってる","tags":["JavaScript"],"date":"2013-09-24T13:04:55.112Z"},{"title":"JSConfUS 2013] Carter Rabasa: APIs and Making Humankind Better at Programming - YouTube","url":"http://www.youtube.com/watch?v=pHJRELG31dE","content":"http://2013.jsconf.eu/ の動画が公開された","tags":["JavaScript","Conference","video"],"date":"2013-09-24T13:20:19.086Z"},{"title":"TojiCode: What's coming in WebGL 2.0","url":"http://blog.tojicode.com/2013/09/whats-coming-in-webgl-20.html","content":"WebGL 2.0 概要","tags":["WebGL"],"date":"2013-09-24T14:47:57.768Z"},{"title":"Announcing jQuery Mobile 1.4 Beta | jQuery Mobile","url":"http://jquerymobile.com/blog/2013/09/24/announcing-jquery-mobile-1-4-beta/","content":"jQuery Mobile 1.4 Betaリリース。\nαでの変更点についてもまとまってる","tags":["jQuery","mobile","ReleaseNote"],"date":"2013-09-25T00:42:52.897Z"},{"title":"freddyb/html2dom","url":"https://github.com/freddyb/html2dom","content":"HTML文字列をパースしてDOM APIを使って要素を作るコードを生成するライブラリ.\ninnerHTMLを使わずにHTML文字列を追加出来るようにする。\nhttp://mzl.la/1gZYWSo","tags":["JavaScript","DOM","library","セキュリティ"],"date":"2013-09-25T12:16:13.586Z"},{"title":"Node v0.10.19 (Stable)","url":"http://blog.nodejs.org/2013/09/24/node-v0-10-19-stable/","content":"Node v0.10.19リリース","tags":["node.js","ReleaseNote"],"date":"2013-09-25T12:16:25.712Z"},{"title":"Twitter / ebidel: Make CSS ::before/after content ...","url":"https://twitter.com/ebidel/status/382351541010567168","content":"Chrome Dev ToolsでCSSの擬似要素をインスペクト出来るようになった","tags":["Chrome","デバック"],"date":"2013-09-25T13:23:28.354Z"},{"title":"Unicode and JavaScript","url":"http://www.2ality.com/2013/09/javascript-unicode.html","content":"ユニコードの歴史と用語解説。\nユニコードエンコーディングの種類。JavaScriptとユニコード。\nJS内でユニコード文字の利用やユニコードエスケープについて。\nユニコードと正規表現について(\\u2028 \\u2029 についても触れてる)","tags":["JavaScript","文字コード"],"date":"2013-09-25T13:38:28.319Z"},{"title":"O'Reilly Japan - Web Audio API","url":"http://www.oreilly.co.jp/books/9784873116419/","content":"﻿Web Audio APIの翻訳本","tags":["sound","JavaScript"],"date":"2013-09-26T11:33:47.149Z"},{"title":"IE11 Changes - IEInternals - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ieinternals/archive/2013/09/24/10451776.aspx","content":"IE11の変更点などのまとめ記事","tags":["IE","ReleaseNote","まとめ"],"date":"2013-09-26T12:06:03.414Z"},{"title":"Vjeux » Javascript: Cyclic Object Detection","url":"http://blog.vjeux.com/2011/javascript/cyclic-object-detection.html","content":"再帰的なオブジェクトを検出する方法について","tags":["JavaScript"],"date":"2013-09-26T12:09:33.250Z"},{"title":"Reintroducing the Firefox Developer Tools, part 1: the Web Console and the JavaScript Debugger ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2013/09/reintroducing-the-firefox-developer-tools-part-1-the-web-console-and-the-javascript-debugger/","content":"Firefox開発ツールについての解説連載","tags":["firefox","デバック"],"date":"2013-09-26T12:28:39.904Z"},{"title":"Das E-Book zu ECMAScript 5 • Peter Kröner • Webtechnologie","url":"http://www.peterkroener.de/das-e-book-zu-ecmascript-5/","content":"ES5の新しい機能、コード例などリファレンスなどについて書籍\nドイツ語.","tags":["ECMAScript","JavaScript","book"],"date":"2013-09-26T15:33:32.161Z"},{"title":"Welcome WebStorm 7.0 – Everything you need, at your fingertips, without compromise | JetBrains WebStorm Blog","url":"http://blog.jetbrains.com/webstorm/2013/09/welcome-webstorm-7-0-everything-you-need-at-your-fingertips-without-compromise/","content":"WebStorm 7.0リリース.\nEJS,Web COmponents, Templates, Stylus, Karma + istanbul, npm, Terminal","tags":["WebStorm","ReleaseNote"],"date":"2013-09-28T01:48:40.803Z"},{"title":"How Complex are TodoMVC Implementations","url":"http://blog.coderstats.net/todomvc-complexity/","content":"TodoMVCの各ライブラリ等の実装から複雑度などやコードの行数などをグラフ化してまとめたもの.\nライブラリの傾向が見える感じ","tags":["JavaScript","まとめ","グラフ"],"date":"2013-09-28T05:39:47.103Z"},{"title":"New Features in the Firefox Developer Tools: Episode 26 ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2013/09/new-features-in-the-firefox-developer-tools-episode-26/","content":"Firefox26での開発者ツールについて\n擬似要素のinspect、try..catchしてない例外でのbreak、コンソールのテキスト選択の改善など","tags":["firefox","デバック"],"date":"2013-09-28T05:42:05.157Z"},{"title":"Advanced Testing and Debugging in AngularJS - yearofmoo.com","url":"http://www.yearofmoo.com/2013/09/advanced-testing-and-debugging-in-angularjs.html","content":"AngularJSのテストについて詳しくまとまってる発表と記事。\n何をテストするときに、どんなツールを使うかや何故テストするのかについても書かれてる。\nKarmaをつかった時のデバッグ方法やテストを動かす環境についてなど幅広くまとまってる","tags":["JavaScript","Angular","testing","slide","video"],"date":"2013-09-28T06:38:29.979Z"},{"title":"The Future of AngularJS - Google ドライブ","url":"https://docs.google.com/presentation/d/1Gv-dvU-yy6WY7SiNJ9QRo9XayPS6N2jtgWezdRpoI04/preview?sle=true#slide=id.p","content":"AngularJSの未来についてのスライド.\nES6やWebComponentsなどと組み合わせた時にどのように変わるかについて","tags":["Angular","slide"],"date":"2013-09-28T07:23:28.405Z"},{"title":"BrowserSwarm","url":"http://www.browserswarm.com/","content":"GithubのプロジェクトをSauceLabsを使いブラウザのテストを動かせるTravis CIのようなサービス.\nDeploy、WebHook、カスタムスクリプト等を設定出来る","tags":["JavaScript","browser","testing","webservice"],"date":"2013-09-28T07:32:32.017Z"},{"title":"harmony:specification_drafts [ES Wiki]","url":"http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts#september_27_2013_draft_rev_19","content":"ES6 Rev 19リリース","tags":["ECMAScript","ReleaseNote"],"date":"2013-09-28T07:51:44.896Z"},{"title":"Building Polyfills - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920030690.do","content":"Web Platform APIsのPolyfillについての書籍。","tags":["JavaScript","book"],"date":"2013-09-28T10:43:38.976Z"},{"title":"Using Node.js for UI Testing | Packt Publishing","url":"http://www.packtpub.com/testing-nodejs-web-uis/book","content":"Zombie.jsとMochaをつかったUIテストについての書籍.\nZombie BrowserをつかってページにアクセスしUIのテストを行う","tags":["node.js","browser","testing"],"date":"2013-09-28T11:01:07.077Z"},{"title":"そのコード、本当にjQueryが必要ですか？ネイティブ関数の代替えTips集 | ゆっくりと…","url":"http://tokkono.cute.coocan.jp/blog/slow/index.php/xhtmlcss/jquery-alternative-tips/","content":"jQueryで書いたものを素のJavaScriptで書いた場合の比較。\nモダンブラウザではクロスブラウザ対応に必要なラッパが要らない部分がでてきている等の視点から","tags":["jQuery","JavaScript"],"date":"2013-09-29T02:13:11.057Z"},{"title":"PhysicsJS - A modular, extendable, and easy-to-use physics engine for javascript","url":"http://wellcaffeinated.net/PhysicsJS/","content":"JavaScriptで書かれた物理エンジン絵ライブラリ.\nAMDでモジュール化、レンダーはFactory Pattern的に決められるなど、拡張性などを設けている","tags":["JavaScript","library"],"date":"2013-09-29T11:24:58.803Z"},{"title":"Tips for using window in JavaScript","url":"http://www.2ality.com/2013/09/window.html","content":"JavaScriptのグローバルについて。\nブラウザのwindowとグローバル、window.のユースケース、ビルドイン関数、グローバル変数のチェックについて","tags":["JavaScript","DOM"],"date":"2013-09-29T13:59:03.382Z"},{"title":"Autoprefixer ― CSSのベンダー接頭辞をいろいろする - fragmentary","url":"http://myakura.hatenablog.com/entry/2013/09/30/035244","content":"ホストプロセッサ. CanIuseの情報を元に、CSSに対してベンダー接頭辞や無駄なものを削除してくれる","tags":["CSS","Tools"],"date":"2013-09-30T16:42:32.921Z"},{"title":"三世代のFirefox ESRを比較する - Mozilla Flux","url":"http://d.hatena.ne.jp/Rockridge/20130929/1380464736","content":"Firefox ESR(10 ,17, 24)でのベンチマーク結果の比較。\nインクリメンタルGCの導入やJITコンパイラの違いなどで多く変化している事が見える。","tags":["firefox","まとめ"],"date":"2013-09-30T16:45:45.387Z"},{"title":"Node v0.10.20 (Stable)","url":"http://blog.nodejs.org/2013/09/30/node-v0-10-20-stable/","content":"Node v0.10.20リリース。","tags":["node.js","ReleaseNote"],"date":"2013-10-01T01:59:38.830Z"},{"title":"JavaScript Allonge is Free","url":"http://braythwayt.com/2013/10/01/javascript-allonge-is-free.html","content":"JavaScript Allongéが無料で読めるようになった\nhttps://leanpub.com/javascript-allonge/read","tags":["JavaScript","book"],"date":"2013-10-02T04:35:10.618Z"},{"title":"Unit Testing Async JavaScript with Promises and Stubs | Jonny Reeves","url":"http://www.jonnyreeves.co.uk/2012/unit-testing-async-javascript-with-promises-and-stubs/","content":"Promiseを返すメソッドをsinon.JSでstubしてテストする方法について","tags":["JavaScript","testing"],"date":"2013-10-02T12:50:23.490Z"},{"title":"Better search for Node.js modules","url":"http://node-modules.com/","content":"nodeモジュール検索サービス.\nYet another search engine for npm","tags":["node.js","search"],"date":"2013-10-02T13:17:59.714Z"},{"title":"WebStorm 7 - Overview video | JetBrains TV","url":"http://tv.jetbrains.net/videocontent/webstorm-7-overview-video","content":"WebStorm7の機能を使ったデモ. TypeScript, REST Client, Terminal, File Watcher + browserify","tags":["WebStorm","TypeScript"],"date":"2013-10-02T13:51:55.607Z"},{"title":"Running JavaScript tests with Karma in WebStorm 7 | JetBrains WebStorm Blog","url":"http://blog.jetbrains.com/webstorm/2013/10/running-javascript-tests-with-karma-in-webstorm-7/","content":"WebStorm7 の karma 連携についてのスクリーンキャスト.\nKarmaでのテストやkarma-coverage(+istanbul)を使ったコードカバレッジについて","tags":["WebStorm","testing","video","tutorial"],"date":"2013-10-03T12:24:29.236Z"},{"title":"アドビの新プロジェクト：JavaScript で WebGL シェーダを記述できる ShaderDSL.js - akihiro kamijo","url":"http://cuaoar.jp/2013/10/javascript-webgl-shaderd.html","content":"\"ShaderDSL.js は内部的に Gladder と RiverTrail を利用\"","tags":["WebGL","adobe"],"date":"2013-10-04T00:16:36.917Z"},{"title":"HTML5スコアコード：iOS7の良いところと悪いところ | 株式会社ゼノフィ","url":"http://www.xenophy.com/sencha-blog/8938","content":"The HTML5 Scorecard: The Good, The Bad and the Ugly in iOS 7 | Blog | Sencha http://www.sencha.com/blog/the-html5-scorecard-the-good-the-bad-and-the-ugly-in-ios7/ の訳","tags":["HTML5","ios"],"date":"2013-10-04T02:30:14.899Z"},{"title":"You Can't JavaScript Under Pressure - by UsVsTh3m","url":"http://toys.usvsth3m.com/javascript-under-pressure/","content":"テストを通るJavaScriptを書いていくタイムアタック的な腕試しゲーム","tags":["JavaScript"],"date":"2013-10-04T12:17:25.567Z"},{"title":"Standards for Web Applications on Mobile: current state and roadmap (September 2013)","url":"http://www.w3.org/2013/09/mobile-web-app-state/","content":"HTML5関連仕様と実装状況についてまとめられてるレポートのSeptember 2013版が公開された","tags":["HTML5","W3C","まとめ"],"date":"2013-10-04T14:15:27.166Z"},{"title":"petkaantonov/bluebird","url":"https://github.com/petkaantonov/bluebird","content":"Promises A+をベースに実装したライブラリ.\nPromisesA+の仕様、Q、When.jsのテストをパスしてたり、デバッグのしやすさ(error handling、stack trace)やパフォーマンスにかなり気を配ってる","tags":["JavaScript","library"],"date":"2013-10-05T08:19:48.551Z"},{"title":"wanasit/chrono","url":"https://github.com/wanasit/chrono","content":"JavaScriptで自然言語な日付表現をパースするライブラリ。\n英語、日本語、タイ語に対応してる","tags":["JavaScript","library"],"date":"2013-10-05T15:00:23.747Z"},{"title":"The JavaScript console API","url":"http://www.2ality.com/2013/10/console-api.html","content":"ブラウザ/Firebug/Node.jsでのconsole APIがサポートしてるメソッドについてまとまってる","tags":["browser","デバック"],"date":"2013-10-05T19:44:59.289Z"},{"title":"evanw/node-source-map-support","url":"https://github.com/evanw/node-source-map-support","content":"V8のstack trace APIをつかって、Node/ChromeのスタックトレースをSourcemapするライブラリ。\naltJS等のJSにコンパイルするものとエラースタックトレースの対応を取れる","tags":["JavaScript","デバック"],"date":"2013-10-06T08:52:13.060Z"},{"title":"An introduction to ES6 Part 1: Using ES6 Today","url":"http://globaldev.co.uk/2013/09/es6-part-1/","content":"ES6の機能を紹介していく連載.\n現段階でブラウザやNodeなどでそれらの機能を使う手段についても書かれてる","tags":["ECMAScript","JavaScript","tutorial"],"date":"2013-10-06T11:06:28.599Z"},{"title":"Rethinking JavaScript’s Try/Catch | Flippin' Awesome","url":"http://flippinawesome.org/2013/09/30/rethinking-javascripts-trycatch/","content":"try...catchのにはパフォーマンス的な問題があり、window.onerrorとcallbackを使いエラーからの復帰で代用できないか?という話","tags":["JavaScript"],"date":"2013-10-06T12:38:07.789Z"},{"title":"opentype.js – JavaScript parser for OpenType and TrueType fonts.","url":"http://nodebox.github.io/opentype.js/","content":"OpenType/TrueTypeフォントのJavaScriptパーサー","tags":["JavaScript","font","library"],"date":"2013-10-07T00:18:14.286Z"},{"title":"JavaScript の ArrayLike Object について - latest log","url":"http://uupaa.hatenablog.com/entry/2013/09/27/223405","content":"JavaScriptのArray likeなオブジェクトについて.\n","tags":["JavaScript"],"date":"2013-10-07T12:51:35.651Z"},{"title":"Testable & Tested Client-side Code - Tech.Pro","url":"http://tech.pro/tutorial/1589/testable--tested-client-side-code","content":"なぜテストを書くのか、テストの書き方/気をつけること、自動化、Lintツール、ユニットテスト、コードカバレッジ、platoでのコードメトリクス、統合テストについてなどテストに関して全体的にまとまってる","tags":["JavaScript","testing"],"date":"2013-10-07T13:02:31.456Z"},{"title":"YUI 3.13.0 Released - YUI Blog","url":"http://www.yuiblog.com/blog/2013/10/07/yui-3-13-0-released/","content":"YUI 3.13.0リリース","tags":["JavaScript","library","ReleaseNote"],"date":"2013-10-08T03:41:11.874Z"},{"title":"Manning: Single Page Web Applications","url":"http://www.manning.com/mikowski/","content":"Single Page Web Applicationsについての書籍","tags":["JavaScript","book"],"date":"2013-10-08T04:39:52.696Z"},{"title":"Selenium Testing Tools Definitive Guide | Packt Publishing","url":"http://www.packtpub.com/selenium-testing-tools-definitive-guide/book","content":"2014年1月発売\nSeleniumでのテストについての書籍","tags":["browser","testing","book"],"date":"2013-10-08T04:40:33.198Z"},{"title":"Knockout 3.0 Release Candidate available - Steve Sanderson’s blog - As seen on YouTube™","url":"http://blog.stevensanderson.com/2013/10/08/knockout-3-0-release-candidate-available/","content":"Knockout 3.0RCリリース。\n配列の変更通知、ビルドシステムをGruntに","tags":["JavaScript","MVC","library","ReleaseNote"],"date":"2013-10-09T01:06:21.101Z"},{"title":"Amazon: HTML5: The Definitive Guide [Paperback]: Chuck Musciano, Visit Amazon's Chuck Musciano Page, search results, Learn about Author Central, Bill Kennedy, Estelle Weyl","url":"http://www.amazon.com/o/ASIN/1449302599/amazon0abac-22/ref=nosim","content":"2014年7月22日発売\n","tags":["HTML5","book"],"date":"2013-10-11T00:51:30.189Z"},{"title":"Backbone.js","url":"http://backbonejs.org","content":"Backbone.js 1.1.0リリース","tags":["backbone.js","library","ReleaseNote"],"date":"2013-10-11T07:52:40.155Z"},{"title":"3日時間をもらったので TypeScriptを触ってみた","url":"http://www.slideshare.net/y-kato/3-typescript","content":"TypeScript 0.9の現状についてスライド.\n言語機能について","tags":["JavaScript","TypeScript","C#"],"date":"2013-10-11T13:57:15.293Z"},{"title":"Manning: Web Components in Action","url":"http://www.manning.com/buckett2/","content":"2014年夏発売\nWeb Componentsについての書籍","tags":["WebComponents","book"],"date":"2013-10-12T11:08:32.434Z"},{"title":"Inline SVG - トラブルとその対策","url":"http://www.slideshare.net/kadoppe/inline-svg","content":"Inline SVGでの表示の問題への対処法などについてのスライド","tags":["SVG","slide"],"date":"2013-10-12T13:02:49.180Z"},{"title":"Introduction: CSS Testing :","url":"http://csste.st/","content":"CSSテストに関するツールや方法等をまとめてるサイト","tags":["CSS","testing","まとめ","Tools"],"date":"2013-10-12T15:17:40.221Z"},{"title":"WAH LAU! CSS CAN BE TESTED TOO! // Speaker Deck","url":"https://speakerdeck.com/winston/wah-lau-css-can-be-tested-too","content":"Cactusを使ったCSSテストについてのスライド\nhttps://github.com/winston/cactus","tags":["CSS","testing","slide"],"date":"2013-10-12T15:25:34.489Z"},{"title":"natefaubion/sparkler","url":"https://github.com/natefaubion/sparkler","content":"sweet.jsを使ってパターンマッチを行うマクロライブラリ","tags":["JavaScript"],"date":"2013-10-12T15:38:04.111Z"},{"title":"ECMAScript 6 — будущее JavaScript // Speaker Deck","url":"https://speakerdeck.com/simonenko/ecmascript-6-budushchieie-javascript","content":"ES6の新しい機能、シンタックスについてのスライド.\nコード例が中心なので分かりやすい","tags":["ECMAScript","JavaScript","slide"],"date":"2013-10-13T03:47:50.134Z"},{"title":"The Extensible Web","url":"http://domenic.me/2013/10/07/the-extensible-web/","content":"Extensible Web Manifestoについて。\n問題と解決、実際にどのような取り組みが行われているかについて\nhttp://www.slideshare.net/domenicdenicola/the-extensible-web","tags":["web","WebPlatformAPI"],"date":"2013-10-13T07:35:06.134Z"},{"title":"Two-way bindings","url":"http://projects.mariusgundersen.net/JSconf2013/#/title","content":"Knockout, Ember, Angularのデータバインディングの違い、値の変更の監視、値の変更とレンダリングを非同期に行うかどうか、値の変更と再計算(リアクティブ)、パフォーマンスについて","tags":["MVC","library","slide","JavaScript"],"date":"2013-10-13T07:48:43.023Z"},{"title":"mustache-security - A wiki dedicated to JavaScript MVC security pitfalls - Google Project Hosting","url":"https://code.google.com/p/mustache-security/","content":"Angular,KnockoutやEmberなどのMV*ライブラリやUndescoreのテンプレートなどにおけるセキュリティの落とし穴やCSPについての調査がまとまってる","tags":["JavaScript","セキュリティ","CSP","MVC","library"],"date":"2013-10-13T07:59:36.815Z"},{"title":"Functional Refactoring in JavaScript | Victor Savkin on Software Architecture & Design","url":"http://victorsavkin.com/post/63551894251/functional-refactoring-in-javascript","content":"単純な値を渡して関数内部に埋め込んだ判定でやるよりも、判定をする関数を渡すようにするなど、関数型スタイルにリファクタリングしていく話","tags":["JavaScript"],"date":"2013-10-13T08:13:13.026Z"},{"title":"The dict pattern: objects without prototypes are better maps","url":"http://www.2ality.com/2013/10/dict-pattern.html","content":"{} オブジェクトはObjectからのtoString等を持っているので、Object.create(null)を使い、よりキレイなオブジェクトを使う話について","tags":["JavaScript"],"date":"2013-10-14T11:50:06.952Z"},{"title":"Рейтинг@Mail.ru - Глобальная статистика Рейтинг@mail.ru: браузеры","url":"http://top.mail.ru/browsers?id=250#sids=chrome,mob,firefox,opera,msie&percent=0","content":"ロシアのMail.ruのアクセス解析情報の統計データが見られる。\nブラウザの比率や訪問数、Flashのバージョン(インストール率)等大体のデータが載ってる","tags":["アクセス解析","browser","まとめ"],"date":"2013-10-14T13:55:20.309Z"},{"title":"AbsurdJS - the new CSS preprocessor","url":"http://krasimir.github.io/absurd/","content":"JavaScriptやJSONを書いてCSSにコンパイルするJSライブラリとNodeモジュール。\nプリプロセッサ的な部分をそのままJavaScriptに持ってきた感じ","tags":["JavaScript","node.js","CSS"],"date":"2013-10-14T14:43:27.393Z"},{"title":"RequireJS 2.1.9 Released ~ James Burke","url":"http://jrburke.com/2013/10/14/requirejs-2.1.9-released/","content":"RequireJS 2.1.9リリース","tags":["JavaScript","library","ReleaseNote"],"date":"2013-10-15T05:09:31.142Z"},{"title":"SproutCore 1.10.0 Release – SproutCore","url":"http://blog.sproutcore.com/sproutcore-1-10-0-release/","content":"SproutCore 1.10.0リリース","tags":["JavaScript","library"],"date":"2013-10-15T12:55:41.210Z"},{"title":"Plight Of The Butterfly - Everything You Wanted To Know About Object.observe() – Addy Osmani [Video]","url":"http://2013.jsconf.eu/speakers/addy-osmani-plight-of-the-butterfly-everything-you-wanted-to-know-about-objectobserve.html","content":"Object.observe()についての発表","tags":["JavaScript","video"],"date":"2013-10-15T13:02:01.976Z"},{"title":"A dumb easy model for promises","url":"http://www.vittoriozaccaria.net/blog/2013/09/23/a-dumb-easy-model-for-promises.html","content":"Promises/A+の図解とチートシート","tags":["JavaScript","Promise","チートシート"],"date":"2013-10-15T13:06:57.981Z"},{"title":"O'Reilly Japan - HTML5 Hacks","url":"http://www.oreilly.co.jp/books/9784873116471/","content":"2013年10月26日 発売\nHTML5 Hacksの翻訳本","tags":["HTML5","book"],"date":"2013-10-15T14:34:28.404Z"},{"title":"初心者でも絶対わかる、WebGLプログラミング＜基礎知識編＞ | HTML5Experts.jp","url":"http://html5experts.jp/yomotsu/2897/","content":"WebGLとはなにか、実際に使うためにどうするかについての連載","tags":["WebGL","tutorial"],"date":"2013-10-16T06:07:06.814Z"},{"title":"React | React v0.5","url":"http://facebook.github.io/react/blog/2013/10/16/react-v0.5.0.html","content":"コード内にXMLライクなJSXを埋め込んでUIを組み立てられるReact v0.5リリース.\nビルド時にAdd-onsを追加出来る仕組みがサポートされた","tags":["JavaScript","DOM","E4X","library"],"date":"2013-10-17T00:40:29.425Z"},{"title":"Applied JavaScript MVC: Developing Complex Applications with Backbone.js: Zebulon Young: 9781449368128: Amazon.com: Books","url":"http://www.amazon.com/o/ASIN/1449368123/amazon0abac-22/ref=nosim","content":"2014年4月22日発売\nMV*フレームワークを使ったWebアプリケーション開発についての書籍","tags":["JavaScript","backbone.js","MVC","book"],"date":"2013-10-18T15:53:45.014Z"},{"title":"JavaScript with Promises - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920032151.do","content":"2014年5月22日発売\nPromisesについての100Pほどの書籍\nFYI: https://github.com/dxparker/promise","tags":["JavaScript","Promise","book"],"date":"2013-10-18T15:59:58.280Z"},{"title":"Backbone.js Testing","url":"http://backbone-testing.com/","content":"Backbone.jsとテストについての書籍サイト.ノートアプリを作りながらテストについて学んで行く感じ\nhttp://www.packtpub.com/backbonejs-testing/book","tags":["backbone.js","JavaScript","testing","book"],"date":"2013-10-18T16:16:38.265Z"},{"title":"Object-Oriented JavaScript - Second Edition | Packt Publishing","url":"http://www.packtpub.com/object-oriented-javascript-2e/book","content":" オブジェクト指向JavaScriptの第2版","tags":["JavaScript","book"],"date":"2013-10-18T16:46:24.070Z"},{"title":"Node v0.10.21 (Stable)","url":"http://blog.nodejs.org/2013/10/18/node-v0-10-21-stable/","content":"Node v0.10.21リリース.\nHTTPサーバのsecurity fixを含むアップデート","tags":["node.js","ReleaseNote"],"date":"2013-10-19T02:47:05.502Z"},{"title":"Interactive web with Fabric.js @ meet.js","url":"http://www.slideshare.net/kangax/meetjs","content":"CanvasライブラリのFabric.jsについてのスライド","tags":["canvas","SVG","library","slide"],"date":"2013-10-20T03:11:15.217Z"},{"title":"timoxley/functional-javascript-workshop","url":"https://github.com/timoxley/functional-javascript-workshop","content":"Funcation JavaScript(ES5のみで)について基礎的な事を学ぶための対話的なチュートリアル.\n項目ごとにテストを通すようなコードを書いて行って学べる。","tags":["関数型言語","JavaScript","tutorial"],"date":"2013-10-20T07:36:29.896Z"},{"title":"Promises and Generators: Control Flow Utopia","url":"http://pag.forbeslindesay.co.uk/#/","content":"GeneratorとPromisesについてのスライド.\nコントールフローとエラーハンドリングをどう組み込んでいくのかの話\nhttp://www.youtube.com/watch?v=qbKWsbJ76-s","tags":["JavaScript","Promise","slide"],"date":"2013-10-20T08:26:59.487Z"},{"title":"Applicative Programming In JavaScript With lodash.js - Tech.Pro","url":"http://tech.pro/tutorial/1611/functional-javascript","content":"引数に関数を渡して、関数の組み合わせで処理するような方法についてのチュートリアル。\nES5の機能を使ったものやlo-dashなどにある機能について紹介してる","tags":["JavaScript","library","tutorial"],"date":"2013-10-20T08:45:52.088Z"},{"title":"jimhigson/oboe.js","url":"https://github.com/jimhigson/oboe.js","content":"JSONをストリーム的にパースして処理していけるライブラリ。\nXHRでonprogressベース、Nodeでは普通にstreamで処理する","tags":["JSON","JavaScript","node.js"],"date":"2013-10-20T11:27:12.606Z"},{"title":"Google Chrome Blog: Extending Chrome support for XP users until April 2015","url":"http://chrome.blogspot.com/2013/10/extending-chrome-support-for-xp-users.html","content":"ChromeのWindows XPサポートは2015年4月まで","tags":["Chrome","ReleaseNote"],"date":"2013-10-20T14:45:39.805Z"},{"title":"WebRTC Data Black Magic // Speaker Deck","url":"https://speakerdeck.com/feross/webrtc-data-black-magic","content":"WebRTCのデータのやり取りの流れが分かりやすいスライド","tags":["WebRTC","slide"],"date":"2013-10-21T08:42:48.361Z"},{"title":"JSHint 2.3.0 is released · jshint/jshint","url":"https://github.com/jshint/jshint/releases/tag/2.3.0","content":"JSHint 2.3.0リリース\nネイティブオブジェクトのprototype拡張をチェック、typeof typoのチェック、parseIntのチェックがES5の仕様を配慮するように","tags":["JavaScript","Tools","ReleaseNote"],"date":"2013-10-21T12:28:16.239Z"},{"title":"捗るかもしれないフロントエンド開発環境 // Speaker Deck","url":"https://speakerdeck.com/koba04/bu-rukamosirenaihurontoendokai-fa-huan-jing","content":"Gruntを使ったWebアプリ開発についてのスライド.\nローカルサーバとAPIモック、testem+mochaでのテスト、foremanでのプロセス管理、Grwol通知","tags":["Grunt","JavaScript","slide"],"date":"2013-10-21T12:42:01.692Z"},{"title":"NetBeans IDE 7.4 Release Information","url":"https://netbeans.org/community/releases/74/","content":"NetBeans IDE 7.4リリース。\niOS/Androidブラウザサポート、Chrome Dev Toolsでの保存結果を反映、ネットワークモニター、Sass/Less、AngularJS/Knockout/ExtJS\nhttp://wiki.netbeans.org/NetBeans_74_NewAndNoteworthy","tags":["NetBeans","ReleaseNote"],"date":"2013-10-22T02:05:26.542Z"},{"title":"facebook/regenerator","url":"https://github.com/facebook/regenerator","content":"ES6のGenerator*をES5のコードに変換する Transpiler","tags":["ECMAScript","JavaScript","console","Tools"],"date":"2013-10-23T01:15:38.396Z"},{"title":"Snap.svg - Home","url":"http://snapsvg.io/","content":"モダンブラウザ向けのSVGライブラリ.\nRaphaëlと違ってSVG subsetが実装されてるブラウザを対象として、SVGの操作などを行える。\nRaphaëlの作者によって書かれてる","tags":["adobe","SVG","library"],"date":"2013-10-24T14:03:40.127Z"},{"title":"theironcook/Kojak","url":"https://github.com/theironcook/Kojak","content":"A simple JavaScript profiler","tags":["JavaScript","performance","Tools"],"date":"2013-10-24T14:05:13.090Z"},{"title":"millermedeiros/js-signals","url":"https://github.com/millermedeiros/js-signals","content":"Event/Messaging. AS3のSignals","tags":["JavaScript","library"],"date":"2013-10-24T14:20:05.058Z"},{"title":"Launched: Code Climate for JavaScript - Code Climate Blog","url":"http://blog.codeclimate.com/blog/2013/10/24/code-climate-for-javascript/","content":"コードメトリクス等を計測できるサービスCode ClimateがJavaScriptに対応した。\nオープンソースプロジェクトは無料で利用できる","tags":["JavaScript","webservice","ReleaseNote"],"date":"2013-10-25T00:39:00.365Z"},{"title":"jQuery Mobile 1.4.0 RC1 released | jQuery Mobile","url":"http://jquerymobile.com/blog/2013/10/24/jquery-mobile-1-4-0-rc1-released/","content":"jQuery Mobile 1.4.0 RC1リリース。\n","tags":["jQuery","mobile","ReleaseNote"],"date":"2013-10-25T00:51:24.779Z"},{"title":"Ember.js - Ember 1.1.1 and 1.2 Beta Released","url":"http://emberjs.com/blog/2013/10/24/ember-1-1-1-and-ember-1-2-0-beta-released.html","content":"Ember.js 1.1.1と1.2β リリース。\nstableは six weeks ごとにリリースしていくサイクル","tags":["JavaScript","MVC","library","ReleaseNote"],"date":"2013-10-25T00:52:46.205Z"},{"title":"Monthly JavaScript Updatesの検索結果 - Qiita [キータ]","url":"http://qiita.com/search?utf8=%E2%9C%93&sort=&q=Monthly+JavaScript+Updates","content":"月刊でJavaScriptライブラリのアップデート情報や記事紹介などのmonthly news","tags":["JavaScript","news","blog"],"date":"2013-10-25T02:40:21.788Z"},{"title":"JavaScript unit test tools for TDD - Stack Overflow","url":"http://stackoverflow.com/questions/300855/javascript-unit-test-tools-for-tdd","content":"JavaScriptのテスティングフレームワークなどのまとめ。\n2008年ごろから現在も更新されてるので、死んでるものから人気のあるものまでまとまってる","tags":["JavaScript","testing","library","まとめ"],"date":"2013-10-25T13:05:21.967Z"},{"title":"ai/postcss","url":"https://github.com/ai/postcss","content":"CSSをJavaScriptで変更出来るライブラリ.\nCSSのチェックや修正などに使える","tags":["CSS","Tools","JavaScript"],"date":"2013-10-25T13:52:47.789Z"},{"title":"TDD | EtnasSoft","url":"http://www.etnassoft.com/category/tdd-2/","content":"JavaScriptでのモダンなテストについてのチュートリアル。\nmocha+chai+testem+Sinon.JSを使ったテスト、プロジェクトのディレクトリ構成、例としてBackbone、jQuery+Ajaxのテスト、プリベートメソッドのテストをどうするかについて書かれてる","tags":["JavaScript","testing","tutorial"],"date":"2013-10-25T14:26:12.193Z"},{"title":"offline","url":"http://github.hubspot.com/offline/","content":"Ajaxの通信が失敗したら通知するUI、そのリクエストを再送出来るようにするライブラリ。","tags":["JavaScript","library","UI","XHR"],"date":"2013-10-25T15:03:38.451Z"},{"title":"JavaScriptベースのCSS preprocessorであるAbsurdJS を試してみる | 69log","url":"http://kazu69.net/blog/tec/1814","content":"JavaScriptベースのCSSメタ言語的なライブラリについて","tags":["JavaScript","CSS"],"date":"2013-10-26T06:40:31.928Z"},{"title":"Web Audio APIでMIDIファイル再生","url":"http://imaya.github.io/slide/webaudio/#1","content":"Web Audio APIとMIDIについてのスライド。\nWeb Audio APIの構成要素、サウンドフォントやWebMidiLinkについて.\nFYI: http://imaya.blog.jp/archives/6531520.html","tags":["JavaScript","sound","slide"],"date":"2013-10-26T07:27:03.878Z"},{"title":"Event Emitter: Obey and Report - Pony Foo","url":"http://blog.ponyfoo.com/2013/10/25/event-emitter-obey-and-report","content":"event emitter patternについて。\nキーボード操作をコマンドとして送って、要素を動かす例を元に説明してる","tags":["JavaScript","event"],"date":"2013-10-26T08:06:45.112Z"},{"title":"Yeoman Grunt Bower // Speaker Deck","url":"https://speakerdeck.com/yosuke_furukawa/yeoman-grunt-bower","content":"Yeomanのgeneratorの作り方、Bowerの最近の変更点についてのスライド","tags":["JavaScript","Tools"],"date":"2013-10-26T08:23:19.367Z"},{"title":"The Future of Programming in Node.js // Speaker Deck","url":"https://speakerdeck.com/meso/the-future-of-programming-in-node-dot-js","content":"Isaacsが語るNode.jsの今後についての訳についてのスライド","tags":["node.js"],"date":"2013-10-26T08:26:02.170Z"},{"title":"Knockout.js 3.0 Highlights - Knock Me Out","url":"http://www.knockmeout.net/2013/10/knockout-3-highlights.html","content":"Knockout.js 3.0リリース。\nhttp://knockoutjs.com/upgrade-notes/v3.0.0.html","tags":["JavaScript","MVC","library","ReleaseNote"],"date":"2013-10-26T16:17:40.383Z"},{"title":"Touche.js - seamless touch event mapping for your click events","url":"http://benhowdle.im/touche/","content":"fast click(300msの遅延を取る機能)、クリックイベントもtouchendとして取れるようにするライブラリ","tags":["JavaScript","library"],"date":"2013-10-26T17:22:33.963Z"},{"title":"gabesoft/trans","url":"https://github.com/gabesoft/trans","content":"JSONオブジェクトに対して複雑な変形を行うの補助するライブラリ","tags":["JavaScript","JSON","library"],"date":"2013-10-28T00:50:12.029Z"},{"title":"なぜAltJSだったのか、そしてこれからもAltJSなのか [東京Node学園2013] - Line 1: Error: Invalid Blog('by Esehara' )","url":"http://bugrammer.hateblo.jp/entry/2013/10/26/231517","content":"JavaScriptとAltJSの関係についてのスライドと補足記事。\nKalやRoy、ClojureScriptなどのaltJSが持つ機能やエコシステムについて","tags":["JavaScript","altJS"],"date":"2013-10-28T12:35:19.302Z"},{"title":"Perl 初心者がとある JavaScript コードを読むための基礎知識 - あらびき日記","url":"http://d.hatena.ne.jp/a_bicky/20131027/1382875227","content":"PerlとJavaScriptを比較しながら、JavaScriptの基礎文法やXHR、Canvasなどについてのチュートリアル","tags":["perl","JavaScript","tutorial"],"date":"2013-10-28T12:37:56.630Z"},{"title":"benjamn/ast-types","url":"https://github.com/benjamn/ast-types","content":"Mozilla Parser APIを元にしたEsprima互換のASTを、AST Node Type毎の関数を使う事で組み立てるビルダー、ASTのTraversal、独自のAST Node Typeの定義等を行えるライブラリ","tags":["JavaScript","ECMAScript","Tools"],"date":"2013-10-28T12:43:11.982Z"},{"title":"tupai.js — Minimal and Flexible JavaScript MVC Framework.","url":"http://tupaijs.com/index.html","content":"Javaライクな名前空間、mustache等を使ったテンプレートエンジン、controllerを生成するgenerator/ローカルサーバ等のCLI を持ったフレームワーク","tags":["JavaScript","MVC","library"],"date":"2013-10-28T14:12:01.057Z"},{"title":"Massa Labs","url":"http://massalabs.com/dev/2013/10/17/handling-errors-in-nodejs.html","content":"Node.jsでErrorオブジェクトを出力するときに見やすい形にするモジュールを作る話","tags":["JavaScript","node.js","デバック"],"date":"2013-10-28T14:15:53.235Z"},{"title":"Web Components are the Revolution","url":"http://robdodson.me/webcomponents-revolution/#/","content":"Web Componentsを構成する\nTemplates, Shadow DOM, Custom Elements, Importsについてのスライド。\nそれぞれの要素の説明と、ブラウザのサポート状況などについてまとまってる","tags":["JavaScript","WebComponents","slide"],"date":"2013-10-28T14:20:07.373Z"},{"title":"1.0.0: Constellation/iv","url":"https://github.com/Constellation/iv/releases/tag/1.0.0","content":"@Constellation による ECMA262 5.1完全準拠のC++/JS実装の iv / lv5 1.0.0リリース\n* http://constellation.hatenablog.com/entry/20111019/1319008580\n* http://constellation.github.io/slides/contents/20120326/presentation.html","tags":["JavaScript","ECMAScript","C++","ReleaseNote"],"date":"2013-10-28T14:43:45.031Z"},{"title":"今年こそついにSVG元年？まだ間に合う！SVGの学習に役立つサイト紹介 - 聴く耳を持たない(片方しか)","url":"http://d.hatena.ne.jp/rikuo/20131028","content":"SVGの歴史、チュートリアルサイト、ライブラリやツールなどのまとめ","tags":["SVG","tutorial","まとめ"],"date":"2013-10-29T06:49:29.481Z"},{"title":"NV/CSSOM","url":"https://github.com/NV/CSSOM","content":"JavaScriptで書かれたCSSパーサー","tags":["JavaScript","CSS"],"date":"2013-10-30T07:33:03.714Z"},{"title":"Polymer/vulcanize","url":"https://github.com/Polymer/vulcanize","content":"HTML importとWeb Componentsを使ったhtmlを、importしたものを埋め込みPolymerのタグに変換してくれるCLI","tags":["WebComponents","Tools","console"],"date":"2013-10-30T07:35:05.160Z"},{"title":"Ghostlab","url":"http://vanamco.com/ghostlab/","content":"複数のモバイル端末等でページスクロール、フォーム入力、クリック、リロードを同期的に操作、インスペクト出来るツール","tags":["browser","Tools","mobile"],"date":"2013-10-30T13:18:10.133Z"},{"title":"AngularJS style guideを日本語訳した - Happy New World","url":"http://d.hatena.ne.jp/mainyaa/20131028/p1","content":"AngularJSスタイルガイドの翻訳","tags":["Angular","document","translate"],"date":"2013-10-30T13:36:55.108Z"},{"title":"sdesalas/trifleJS","url":"https://github.com/sdesalas/trifleJS","content":"PhantomJS互換のAPIを持ったTrident engine (Internet Explorer) のヘッドレスブラウザ.\nIEの互換モード(Document Mode)を指定するオプションもある","tags":["JavaScript","browser","IE","software"],"date":"2013-10-31T00:44:47.637Z"},{"title":"Using r.js to Optimize Your RequireJS Project - Tech.Pro","url":"http://tech.pro/blog/1639/using-rjs-to-optimize-your-requirejs-project","content":"r.jsでのビルド、設定方法、機能についての紹介","tags":["JavaScript","Tools"],"date":"2013-10-31T00:51:11.886Z"},{"title":"gfranko/amdclean","url":"https://github.com/gfranko/amdclean","content":"AMD APIを使ったコードからdefine/requireを取り除いて、依存のないJSに変換するツール.\nr.jsで結合 -> amdclean という使い方","tags":["node.js","AST","console","Tools"],"date":"2013-10-31T01:05:20.623Z"},{"title":"Web Audio API","url":"http://g200kg.github.io/web-audio-api-ja/","content":"Web Audio APIの日本訳","tags":["WebPlatformAPI","sound","spec","translate"],"date":"2013-10-31T11:58:02.516Z"},{"title":"WebView for Android - Google Chrome Mobile — Google Developers","url":"https://developers.google.com/chrome/mobile/docs/webview/overview","content":"Android 4.4 (KitKat) からWebViewがChromiumベースに変更","tags":["Android","webview","Chrome"],"date":"2013-11-01T00:16:19.804Z"},{"title":"Terminal in Chrome Devtools — Dmitry Filimonov","url":"http://blog.dfilimonov.com/2013/09/12/devtools-terminal.html","content":"Chrome Dev Toolsからターミナルを叩ける拡張.\nNode proxy プロキシ経由でもターミナルにアクセスできるようになってる。","tags":["node.js","Chrome","デバック","console"],"date":"2013-11-01T00:22:22.229Z"},{"title":"ES6FeatureSet.xlsx - Microsoft Excel Web App","url":"https://skydrive.live.com/view.aspx?resid=704A682DC00D8AAD!59602&app=Excel&authkey=!AAMixsO0TuyPYwc","content":"ES6の機能別の現在の仕様ステータスのまとめ.\nvia http://bit.ly/18M46g0","tags":["ECMAScript","まとめ"],"date":"2013-11-02T05:15:30.256Z"},{"title":"\"Добро пожаловать в SoundCloud!\". Александр Ковалёв, SoundCloud","url":"http://www.slideshare.net/yandex/soundcloud-soundcloud","content":"SoundCloudをJavaScript構成についてのスライド.\nBackbone(trombone)、メモリリークを見つけるツール(node-leaky)と方法について、V8のhidden class、オブジェクトの再利用、ASTをみて余分なコードをビルド時に削除.\n","tags":["JavaScript","slide","backbone.js"],"date":"2013-11-02T05:35:22.823Z"},{"title":"WebStorm 7.0.2 RC: Mocha and improved Dart support | JetBrains WebStorm Blog","url":"http://blog.jetbrains.com/webstorm/2013/11/webstorm-7-0-2-rc-mocha-and-improved-dart-support/","content":"WebStorm 7.0.2 RCリリース。\nMochaをサポート","tags":["WebStorm","JavaScript","testing","ReleaseNote"],"date":"2013-11-02T06:01:45.972Z"},{"title":"Brackets Sprint 33 Build – Brackets Blog","url":"http://blog.brackets.io/2013/11/01/brackets-sprint-33-build/","content":"Brackets Sprint 33 リリース.\nHTMLファイルから該当するCSSの編集、CSSのtiming-functionをGUIで変更出来るように、画像のプレビューの追加等","tags":["JavaScript","IDE","ReleaseNote"],"date":"2013-11-02T07:22:25.245Z"},{"title":"Bootstrap 3.0.1 released · Bootstrap Blog","url":"http://blog.getbootstrap.com/2013/10/29/bootstrap-3-0-1-released/","content":"Bootstrap 3.0.1リリース","tags":["CSS","design","library"],"date":"2013-11-03T05:05:18.516Z"},{"title":"v0.1.0: Version 0.1.0 · nzakas/eslint","url":"https://github.com/nzakas/eslint/releases/tag/v0.1.0","content":"pluggableな機構を持ち、ASTをベースにLintできるツールのESLint 0.1.0リリース.\nhttps://github.com/nzakas/eslint/wiki/Release-goals#v010","tags":["JavaScript","ECMAScript","Tools"],"date":"2013-11-04T04:08:41.855Z"},{"title":"ESLint 0.1.0がリリースされたので、JSHintとの違いやプラグインの書き方について | Web scratch","url":"http://efcl.info/2013/1104/res3465/","content":"JavaScriptのASTをみてLintするツールについて。\nJSHintとの違いやプラグインの書き方について。\nプラグインを書いてLintするルールを追加することが出来る。","tags":["JavaScript","AST","Tools"],"date":"2013-11-05T13:44:12.557Z"},{"title":"Orion 4.0 Released | Orion News","url":"http://planetorion.org/news/2013/11/orion-4-0-released/","content":"Orion 4.0リリース","tags":["JavaScript","editor"],"date":"2013-11-05T13:50:26.816Z"},{"title":"Manning: CORS in Action","url":"http://www.manning.com/hossain/","content":"Cross-Origin Resource Sharingtについての書籍","tags":["web","セキュリティ","book"],"date":"2013-11-07T07:54:12.564Z"},{"title":"The Pragmatic Bookshelf | HTML5 and CSS3","url":"http://pragprog.com/book/bhh52e/html5-and-css3","content":"HTML5 and CSS3 (2nd edition)","tags":["HTML5","CSS","book"],"date":"2013-11-07T12:30:24.573Z"},{"title":"JSDiff for Comparing Text","url":"http://tobyho.com/2013/11/05/jsdiff-for-comparing-text/","content":"文字列のdiffを取るライブラリ","tags":["JavaScript","library"],"date":"2013-11-07T12:50:15.873Z"},{"title":"Firefox Developer Tools: Episode 27 – Edit as HTML, Codemirror & more ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2013/11/firefox-developer-tools-episode-27-edit-as-html-codemirror-more/","content":"Firefox 27の開発者ツールについて.\nDOM eventでのbreak、カラーテーマの変更、CSS上に色の表示、画像のプレビュー、Codemirrorベースのエディタ、reflowのログ機能等が追加された","tags":["firefox","デバック","Tools"],"date":"2013-11-07T15:55:04.096Z"},{"title":"High Performance Animations - HTML5 Rocks","url":"http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/","content":"CSS アニメーションとGPUレイヤーについて。 opacity, translate, rotate, scaleはGPUによって処理させる事が出来る。 reflow/repaintの要因となるCSSプロパティのまとめ。","tags":["CSS","performance"],"date":"2013-11-08T12:54:26.415Z"},{"title":"tantaman/LargeLocalStorage","url":"https://github.com/tantaman/LargeLocalStorage","content":"FilesystemAPI、IndexedDB、 \tLocalStorage、WebSQLをそれぞれブリッジする実装があり、それを透過的に利用できるKey-value storeなライブラリ","tags":["JavaScript","library"],"date":"2013-11-08T13:15:12.524Z"},{"title":"Animated SVG Icons: Using Snap.svg to animate SVG icons","url":"http://tympanus.net/Development/AnimatedSVGIcons/","content":"Snap.svgを使ったアニメーションSVGアイコン","tags":["SVG","animation"],"date":"2013-11-08T13:35:04.931Z"},{"title":"Testing YUI Everywhere","url":"http://reidburke.com/deck/2013/yuiconf/#slide=title","content":"YUIのテストについてのスライド.\nCI, Selenium, Sauce Labsを使ってSafari/iOSでのテスト.\n100K以上あるテストをどうやって効率よく回すかについて","tags":["YUI","testing","slide"],"date":"2013-11-08T15:27:59.339Z"},{"title":"History - Octane — Google Developers","url":"https://developers.google.com/octane/history","content":"GoogleのJavaScriptベンチマークOctane 2.0リリース","tags":["google","benchmark"],"date":"2013-11-08T17:36:41.327Z"},{"title":"harmony:specification_drafts [ES Wiki]","url":"http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts#november_8_2013_draft_rev_21","content":"ES6 Draft Rev 21リリース\nmodule synxtaxについての記述がアップデートされた","tags":["ECMAScript","document","spec"],"date":"2013-11-09T07:19:49.759Z"},{"title":"Amazon Web Services Blog: Developer Preview - AWS SDK for JavaScript in the Browser","url":"http://aws.typepad.com/aws/2013/10/developer-preview-aws-sdk-for-javascript.html","content":"AWSのJavaScript向けSDKがリリースされた。\nAmazon S3、SQS、SNS、DynamoDBが利用できる","tags":["JavaScript","amazon"],"date":"2013-11-09T07:32:27.220Z"},{"title":"AngularJS 1.2.0: timely-delivery | AngularJS","url":"http://blog.angularjs.org/2013/11/angularjs-120-timely-delivery.html","content":"AngularJS 1.2.0リリース","tags":["Angular","ReleaseNote"],"date":"2013-11-09T07:46:57.624Z"},{"title":"What's new in JSHint (October, 2013)","url":"http://jshint.com/blog/new-in-jshint-oct-2013/","content":"JSHint 2.2/2.3の機能について。\nLintを無視するコメント、typeofのチェック、freezeを指定するdirective","tags":["JavaScript","Tools"],"date":"2013-11-09T09:15:07.337Z"},{"title":"An In-Depth Introduction To Ember.js | Smashing Coding","url":"http://coding.smashingmagazine.com/2013/11/07/an-in-depth-introduction-to-ember-js/","content":"Ember.jsについてのチュートリアル。\n基本的な構造やEmber-Data、デバッグの方法などについて書かれてる","tags":["JavaScript","MVC","tutorial"],"date":"2013-11-09T09:24:20.063Z"},{"title":"Creditcard.js: a more usable credit card form. Improve payment form, checkout, and ecommerce usability with JavaScript card number validation, credit card type detection, and more.","url":"http://creditcardjs.com","content":"クレジトカードの入力フォームライブラリ","tags":["JavaScript","library"],"date":"2013-11-10T17:08:42.504Z"},{"title":"dtao/autodoc","url":"https://github.com/dtao/autodoc","content":"JavaScriptでdoctestやベンチマークのアノテーションを使えるツール。\nまたコメントからドキュメントも生成することが出来る","tags":["JavaScript","document","AST","testing","Tools"],"date":"2013-11-11T02:54:01.874Z"},{"title":"Amazon.co.jp： コーディングが５倍早くなるjQueryセレクター超活用 eBook: Paul Cyan: Kindleストア","url":"http://www.amazon.co.jp/%E3%82%B3%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%81%8C%EF%BC%95%E5%80%8D%E6%97%A9%E3%81%8F%E3%81%AA%E3%82%8BjQuery%E3%82%BB%E3%83%AC%E3%82%AF%E3%82%BF%E3%83%BC%E8%B6%85%E6%B4%BB%E7%94%A8-Paul-Cyan-ebook/dp/B00FKA52BM","content":"jQery Selectorについてのkindle book","tags":["jQuery","book"],"date":"2013-11-11T04:27:58.718Z"},{"title":"HTML5 を利用したWeb アプリケーションのセキュリティ問題に関する調査報告書","url":"http://www.jpcert.or.jp/research/html5.html","content":"広義のHTML5やWebWorkerやXHR Lv2などによって起こりえる脆弱性等の問題やXSSフィルターやCSP等についてまとめられた資料","tags":["HTML5","JavaScript","セキュリティ","PDF","資料"],"date":"2013-11-11T12:29:40.901Z"},{"title":"ES6 Uncensored // Speaker Deck","url":"https://speakerdeck.com/anguscroll/es6-uncensored","content":"ES5と比較したES6の新しい機能についてのスライド","tags":["JavaScript","ECMAScript","slide"],"date":"2013-11-11T13:12:51.801Z"},{"title":"RemoteDebug, an initiative to unify remote debugging across browsers.","url":"http://remotedebug.org/","content":"ブラウザのremote debug protocolを共通の仕様(Chromeのをベースとしてる)を使えるようにして、色々なツールやブラウザ間でやり取り出来るようにするのを目的としてる。\nブリッジの実装としてFirefoxのものなどが公開されてる。","tags":["browser","デバック","Tools","spec","community"],"date":"2013-11-11T13:39:46.071Z"},{"title":"xfo-clickjacking.pdf","url":"https://cure53.de/xfo-clickjacking.pdf","content":"X-Frame-Optionsとクリックジャッキング、XSSについて","tags":["HTML","セキュリティ","PDF"],"date":"2013-11-11T13:52:47.915Z"},{"title":"WebStorm 7.0.2 is available: Mocha integration and improved Dart support | JetBrains WebStorm Blog","url":"http://blog.jetbrains.com/webstorm/2013/11/webstorm-7-0-2-is-available/","content":"WebStorm 7.0.2リリース.\nDart対応の改善、Mochaをサポート、CSS Flexbxへの対応","tags":["WebStorm","ReleaseNote"],"date":"2013-11-12T05:08:39.221Z"},{"title":"Firefoxの開発ツール","url":"http://www.slideshare.net/chikoski/firefox-28137532","content":"Firefoxの開発者ツールの解説スライド.\nそれぞれのUIの名前や機能、使い方についてまとまってる","tags":["firefox","デバック","slide"],"date":"2013-11-12T13:20:29.313Z"},{"title":"HTML Imports: #include for the web - HTML5 Rocks","url":"http://www.html5rocks.com/en/tutorials/webcomponents/imports/","content":"HTML importについて特徴や使い方、機能判定、Web Components <template>と一緒に使う場合やCORSについて。\nimportを使ったライブラリの依存管理、importはメインHTMLのパースをブロッキングしない特徴などについて","tags":["HTML"],"date":"2013-11-12T14:24:50.200Z"},{"title":"vesln/jsmd","url":"https://github.com/vesln/jsmd","content":"readmeに書かれたJavaScriptのサンプルコードが正しく動くかをテスト出来るツール.\n// => で結果を書くdoctest的な感じ","tags":["node.js","document","testing","Tools"],"date":"2013-11-13T00:44:05.716Z"},{"title":"VelocityConf: Rendering Performance Case Studies // Speaker Deck","url":"https://speakerdeck.com/addyosmani/velocityconf-rendering-performance-case-studies","content":"60fpsでのスクロールを実現するために、どのような問題(jank)があるのかをみて、reflowや画像のデコード等重たい箇所をChrome Dev Toolsで見つけて解決していく話。\nケーススタディとしてパララックスなサイトで、スクロールする度に描画必要な要素を\nhttp://www.html5rocks.com/en/tutorials/speed/high-performance-animations/ で書かれているように、CSS translate3d等を使ってGPUレイヤーを分ける事で高速化する話。\nまたGoogle+の例にtranslate3dをやり過ぎると逆に合成に時間がかかりすぎる問題を生む話などレンダリングのパフォーマンスについて書かれているスライド","tags":["performance","browser","slide"],"date":"2013-11-14T01:02:16.979Z"},{"title":"Angular.jsのngAnimateについての簡単なデモと1.2.0 - 車輪を再発明 / koba04の日記","url":"http://d.hatena.ne.jp/koba04/20131114/1384355889","content":"Angular.js 1.2のngRepeat、ngAnimateについて","tags":["Angular"],"date":"2013-11-14T01:13:39.430Z"},{"title":"Changelog · lodash/lodash Wiki","url":"https://github.com/lodash/lodash/wiki/Changelog#v230","content":"lodash 2.3.0リリース.\n_.createと _.noopの追加、_.debounce と _.throttleのメモリリークの解消やメソッドの最適化等","tags":["JavaScript","library","ReleaseNote"],"date":"2013-11-14T01:22:43.907Z"},{"title":"The Pragmatic Bookshelf | Backbone Marionette","url":"http://pragprog.com/book/dsbackm/backbone-marionette","content":"Backbone Marionetteについての書籍","tags":["backbone.js","book"],"date":"2013-11-14T05:48:54.829Z"},{"title":"Grunt Tips and Tricks - Pony Foo","url":"http://blog.ponyfoo.com/2013/11/13/grunt-tips-and-tricks","content":"Grunt Tips集。\nloadNpmTasksをまとめる、watchをまとめすぎると遅くなるので分ける、JSHintレポーター、ファイル分割について","tags":["Grunt","Tips"],"date":"2013-11-14T12:48:14.501Z"},{"title":"Dart News & Updates: Dart 1.0: A stable SDK for structured web apps","url":"http://news.dartlang.org/2013/11/dart-10-stable-sdk-for-structured-web.html","content":"Dart 1.0リリース.\n","tags":["dart","ReleaseNote"],"date":"2013-11-14T13:11:35.854Z"},{"title":"jQuery 1.11.0/2.1.0 Beta 2 Released | Official jQuery Blog","url":"http://blog.jquery.com/2013/11/15/jquery-1-11-02-1-0-beta-2-released/","content":"jQuery 1.11.0/2.1.0 Beta 2 リリース.\nnpmからインストールできるように、起動時にチェックしていた処理をlazyに出来るように変更、SouceMapコメントがCDN等のやつからは取り除かれるように","tags":["jQuery","ReleaseNote"],"date":"2013-11-16T01:54:05.393Z"},{"title":"AbsurdJS fundamentals","url":"http://krasimirtsonev.com/blog/article/AbsurdJS-fundamentals","content":"JavaScriptで書くCSSプリプロセッサのAbsurdJS について","tags":["JavaScript","CSS"],"date":"2013-11-17T13:22:35.638Z"},{"title":"Functional data structures in JavaScript with Mori - sitr.us","url":"http://sitr.us/2013/11/04/functional-data-structures.html","content":"MoriというClojureの関数型のデータ構造を模したものを扱うJavaScriptライブラリについての紹介記事.","tags":["JavaScript","関数型言語","library"],"date":"2013-11-17T13:45:54.569Z"},{"title":"Modules: The Right Way | dontkry.com","url":"http://dontkry.com/posts/code/modules-the-right-way.html","content":"nodeでのモジュールの構造的な管理について","tags":["node.js"],"date":"2013-11-18T08:51:48.332Z"},{"title":"Angular University Devoxx 2013 - Google ドライブ","url":"https://docs.google.com/presentation/d/1eQ3q_Y3Q2ra4PzWHrQ_E60Ar1-2IRooXI4P-fW0npzQ/preview#slide=id.p49","content":"AngularJSの構成要素について詳しく書かれてるスライド","tags":["Angular","slide"],"date":"2013-11-18T08:53:01.256Z"},{"title":"An Introduction To DOM Events | Smashing Coding","url":"http://coding.smashingmagazine.com/2013/11/12/an-introduction-to-dom-events/","content":"DOMイベントについて詳しい記事.\neventオブジェクトの中身や、キャプチャー/バブリングフェーズについて、stopPropagation/preventDefaultの違い、カスタムイベントについて書かれてる","tags":["JavaScript","DOM","event"],"date":"2013-11-18T08:55:02.436Z"},{"title":"Live editing WebGL shaders with Firefox Developer Tools ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2013/11/live-editing-webgl-shaders-with-firefox-developer-tools/","content":"Firefox 27に追加されたShader Editorについて。\nWebGLのシェーダー部分を編集等できるデバッグツールが開発者ツールに追加された","tags":["WebGL","firefox","デバック"],"date":"2013-11-18T08:57:22.378Z"},{"title":"getify/You-Dont-Know-JS","url":"https://github.com/getify/You-Dont-Know-JS","content":"KickstarterでファンディングされてるJavaScriptのCore寄りの内容の書籍シリーズが公開された。","tags":["JavaScript","book"],"date":"2013-11-18T09:06:56.257Z"},{"title":"vesln/curiosity","url":"https://github.com/vesln/curiosity","content":"ASTを見てif ステートメント等の出現回数をカウントしてくれるツール","tags":["JavaScript","AST","Tools"],"date":"2013-11-18T13:47:41.058Z"},{"title":"TypeScript - Documentation","url":"https://typescript.codeplex.com/wikipage?title=TypeScript%200.9.5%20beta","content":"TypeScript 0.9.5 betaリリース","tags":["TypeScript","ReleaseNote"],"date":"2013-11-19T05:01:48.365Z"},{"title":"square/es6-arrow-function","url":"https://github.com/square/es6-arrow-function","content":"ES6の=>をAST変換してES5互換の形式に変換するツール.\nast-types, recaseを使用","tags":["ECMAScript","JavaScript","AST","Tools"],"date":"2013-11-20T00:58:54.601Z"},{"title":"Videos - Code Firefox","url":"http://codefirefox.com/","content":"Firefoxの開発に参加したい人向けの動画ガイド.\nビルド方法やbugの立て方、パッチの書き方、コードやテスト、レビュー、デバッグ方法等幅広く扱ってる","tags":["firefox","Mozilla","video"],"date":"2013-11-20T15:25:20.308Z"},{"title":"js-platform/idbfs","url":"https://github.com/js-platform/idbfs","content":"IndexedDBを使ったfsモジュールライクなAPIを持ったFile Systemの実装","tags":["JavaScript","library"],"date":"2013-11-21T01:09:00.196Z"},{"title":"Brackets Sprint 34 Build – Brackets Blog","url":"http://blog.brackets.io/2013/11/20/1240/","content":"Brackets Sprint 34リリース。\nFile Systemがプラガブルになって、Dropbox等のサービス等と直接やり取り出来るようになった、拡張機能管理画面が分かりやすくなった、画像にpixelガイドが表示されるように","tags":["JavaScript","editor","IDE","ReleaseNote"],"date":"2013-11-21T01:12:48.153Z"},{"title":"Impress Japan: イラストでよくわかるJavaScript Ajax・jQuery・HTML5/CSS3のキホン","url":"http://www.impressjapan.jp/books/1113101018","content":"イラストが豊富な初心者向けのWeb開発本.","tags":["JavaScript","jQuery","book","電子書籍"],"date":"2013-11-22T01:06:16.993Z"},{"title":"Amazon: JavaScriptの新しい教科書 基礎から覚える、深く理解できる。 [単行本]: 比留間 和也","url":"http://www.amazon.co.jp/o/ASIN/4844363883/amazon0abac-22/ref=nosim","content":"2013年12月11日発売\nhttp://css-eblog.com/","tags":["JavaScript","book"],"date":"2013-11-22T01:34:31.634Z"},{"title":"OpenPGP.js","url":"http://openpgpjs.org/","content":"OpenPGPのJavaScript実装","tags":["mail","セキュリティ","library"],"date":"2013-11-22T02:31:31.660Z"},{"title":"Grunt 0.4.2 released - Grunt: The JavaScript Task Runner","url":"http://gruntjs.com/blog/2013-11-21-grunt-0.4.2-released","content":"Grunt 0.4.2リリース.\ngrunt.fileやgrunt.utilにあったライブラリのエイリアスが取り除かれて、外部モジュールを読み込んで使うのが推奨に","tags":["Grunt","ReleaseNote"],"date":"2013-11-22T07:17:49.263Z"},{"title":"CSSでフォント・ファミリーのショートカットを作る - Weblog - Hail2u.net","url":"http://hail2u.net/blog/coding/creating-css-font-family-shortcut.html","content":"@font-faceで、フォントをまとめたfont-familyの名前を定義する方法について","tags":["CSS","font"],"date":"2013-11-23T04:21:37.804Z"},{"title":"IE11 を使って JavaScript によるグローバル対応アプリケーションを開発する - IEBlog 日本語 - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie_ja/archive/2013/11/19/building-world-ready-applications-in-javascript-using-ie11.aspx","content":"IE11でサポートしてるECMA-402 のi18n APIについての翻訳","tags":["i18n","JavaScript","ECMAScript"],"date":"2013-11-23T05:37:04.082Z"},{"title":"O'Reilly Japan - PHP開発者のためのJavaScript","url":"http://www.oreilly.co.jp/books/9784873116433/","content":"JavaScript for PHP Developersの翻訳本","tags":["JavaScript","php","book"],"date":"2013-11-23T05:46:11.234Z"},{"title":"Backbone & jQuery meet Browserify: easy. | learn.js – a series fo guide books to building projects with javascript","url":"http://learnjs.io/blog/2013/11/23/backbone-jquery-browserify/","content":"browserifyとbeefyを使ってnodeのスタイルでWebアプリ開発をすることについて","tags":["node.js","backbone.js"],"date":"2013-11-24T06:53:34.591Z"},{"title":"今日から使える！ Sass/compass ゆるめ勉強会","url":"http://www.slideshare.net/yuka2py/sasscompass-28389532","content":"Sass/Compassの入門について詳しいスライド\u001d","tags":["Sass","slide"],"date":"2013-11-24T07:16:28.716Z"},{"title":"Managing JavaScript Complexity","url":"http://www.slideshare.net/JarrodOverson/complexity-28214103","content":"コーディングスタイル、Lint、循環的複雑度(Cyclomatic complexity)について。\nPlatoやcomplexity-reportを使ったメトリクスの可視化、コードの負債を大きくしないためにはどうするかという話","tags":["JavaScript","Tools","slide"],"date":"2013-11-24T08:03:25.690Z"},{"title":"ng-embereño: Angular.js from the perspective of Ember.js - Google ドライブ","url":"https://docs.google.com/presentation/d/1e0z1pT9JuEh8G5DOtib6XFDHK0GUFtrZrU3IfxJynaA/preview#slide=id.p","content":"AngularJSとEmber.jsの違いについてのスライド。\nそれぞれが目指している位置の違い、AngularはHTML compiler、DOMの扱いの違い、テストのし易さについて等","tags":["JavaScript","Angular","slide"],"date":"2013-11-24T08:06:38.249Z"},{"title":"SidekickJS - Javascript code quality tool","url":"https://www.sidekickjs.com/","content":"コードの重複、メトリクス、JSHintのLint、Todoコメントのトラッキング等を行えるウェブサービス.\nオープンソースの場合は無料で利用できる予定","tags":["JavaScript","webservice"],"date":"2013-11-25T00:33:04.674Z"},{"title":"IEの持つ互換性機能の全て - DOCTYPEスイッチ/X-UA-Compatible/互換表示 - ふろしき.js - 実用的なWeb技術を発信","url":"http://furoshiki.hatenadiary.jp/entry/ie_documentmode","content":"IE6-11の互換モードについてまとめ.\nDOCTYPEスイッチ、X-UA-Compatible、互換表示モードについてまとまってる\n","tags":["IE","まとめ"],"date":"2013-11-25T12:55:32.819Z"},{"title":"CascadiaJS 2013","url":"http://2013.cascadiajs.com/","content":"CascadiaJSの動画が公開されてる","tags":["JavaScript","video"],"date":"2013-11-25T12:56:11.559Z"},{"title":"Node.js Tools for Visual Studio - Home","url":"https://nodejstools.codeplex.com/","content":"Visual Studio向けのNode.jsプラグイン.\n補完やプロファイル、npm、デバッガ連携等が出来る","tags":["node.js","IDE","plugin"],"date":"2013-11-25T14:35:30.198Z"},{"title":"YUI 3.14.0 Released - YUI Blog","url":"http://www.yuiblog.com/blog/2013/11/25/yui-3-14-0-released/","content":"YUI 3.14.0リリース.\nES6 modulesからYUI Modulesに変換する仕組みがes6-module-transpiler\nに追加された(つまりES6 moduleでYUIが扱える)","tags":["YUI","ReleaseNote"],"date":"2013-11-26T05:37:00.510Z"},{"title":"webpro/jquery-evergreen","url":"https://github.com/webpro/jquery-evergreen","content":"jQueryライクなAPIをモダンブラウザ向けに実装したライブラリ.\nES6 moduleをtranspileしていて、Gruntでカスタムビルド出来るようになってる","tags":["jQuery","API","library"],"date":"2013-11-26T12:36:20.280Z"},{"title":"Changelog · lodash/lodash Wiki","url":"https://github.com/lodash/lodash/wiki/Changelog#v240","content":"lodash v2.4.0 リリース.\n_.constant, _.mapValues, _.now, _.property, _.xor の追加.\n","tags":["JavaScript","library","ReleaseNote"],"date":"2013-11-27T01:37:37.751Z"},{"title":"jackfranklin/pulldown","url":"https://github.com/jackfranklin/pulldown","content":"BowerみたいにJavaScriptライブラリをダウンロードする。\nパッケージマネージャーではなく、jsファイルを設定なしにダウンロード出来るCLIツール.\ncdnjs からバージョン指定してダウンロード","tags":["JavaScript","console","Tools"],"date":"2013-11-27T05:16:54.865Z"},{"title":"Amazon.com: Pro jQuery 2.0 eBook: Adam Freeman: Kindle Store","url":"http://www.amazon.com/Pro-jQuery-2-0-Adam-Freeman-ebook/dp/B00GX4OY36","content":"2014年5月26日発売","tags":["jQuery","book"],"date":"2013-11-27T05:56:58.255Z"},{"title":"human javascript by Henrik Joreteg","url":"http://humanjavascript.com/","content":"ヒトJavaScript ebook.\nJavaScriptを使ったアプリを作ることについて書かれた書籍とスケルトン等がセットになったもの","tags":["JavaScript","book"],"date":"2013-11-27T13:02:22.831Z"},{"title":"Chrome DevTools November Digest - HTML5 Rocks","url":"http://www.html5rocks.com/en/tutorials/developertools/novdigest/","content":"Chrome DevToolsの最近の変更について。\nHigh-Resolution Profiling、UIの変更、Wordspacesでファイルの追加/削除が簡単になったのと無視リストの追加、串刺し検索の改善等","tags":["Chrome","デバック","Tools"],"date":"2013-11-28T00:33:27.249Z"},{"title":"logicalparadox/matcha","url":"https://github.com/logicalparadox/matcha","content":"mochaみたいな形式で書いてベンチマークテストを取れるツール.\n非同期の処理もdoneコールバックを渡す事で行える\n","tags":["JavaScript","Tools"],"date":"2013-11-28T12:31:32.440Z"},{"title":"TypeScriptを導入する上でのポイントまとめ","url":"http://lab.sonicmoov.com/development/1312/","content":"TypeScriptを導入した事例.\n現状足りない部分は命名規則とアノテーションで補う等","tags":["TypeScript"],"date":"2013-11-28T14:01:02.700Z"},{"title":"FileAPI — a set of javascript tools for working with files.","url":"http://mailru.github.io/FileAPI/","content":"File objectを扱うライブラリ.\nget/upload/evnt/image/camera等のAPI、\nflashを使ったfallbackを持ってる。","tags":["JavaScript","library"],"date":"2013-11-28T14:16:21.124Z"},{"title":"Promiseが実装された - JS.next","url":"http://js-next.hatenablog.com/entry/2013/11/28/093230","content":"ES6 promiseについて。\nPromiseコンストラクタ、.catchによる例外ハンドリング、[[PromiseStatus]]や基本的な使い方について","tags":["JavaScript","ECMAScript"],"date":"2013-11-28T14:31:03.387Z"},{"title":"DailyJS: JavaScript Developer Survey 2013","url":"http://dailyjs.com/2013/11/28/javascript-survey/","content":"JavaScript開発者アンケート2013の回答受付が始まった","tags":["JavaScript"],"date":"2013-11-29T16:39:25.733Z"},{"title":"Scala.js","url":"http://www.scala-js.org/","content":"ScalaをJavaScriptにコンパイルするaltJS.\nsbt連携、TypeScriptの型情報定義ファイル(d.ts)を利用等もできる","tags":["scala","JavaScript"],"date":"2013-11-30T04:15:19.048Z"},{"title":"Callbacks vs Coroutines — The JavaScript Collection — Medium","url":"https://medium.com/code-adventures/174f1fe66127","content":"コールバックスタイルとGenerator書いた場合の比較","tags":["JavaScript"],"date":"2013-12-02T14:26:10.218Z"},{"title":"Release 1.1-beta3 · n1k0/casperjs","url":"https://github.com/n1k0/casperjs/releases/tag/1.1-beta3","content":"casperJS 1.1β3リリース.\nnpm経由でインストール出来るようになった","tags":["JavaScript","Tools","ReleaseNote"],"date":"2013-12-02T14:41:49.308Z"},{"title":"Next Mobile WebApplication // Speaker Deck","url":"https://speakerdeck.com/uupaa/next-mobile-webapplication","content":"WebAudio, 高解像度Canvas, Command patternとCanvasの親和性について。\nWebWorkerのTransferable objects、ウェブアプリのキャッシュについて","tags":["JavaScript","mobile","slide"],"date":"2013-12-02T15:46:46.488Z"},{"title":"Marionette.jsについてあれこれ - t93.js","url":"http://64.hateblo.jp/entry/2013/11/28/223604","content":"Backbone.jsのラッパであるMarionette.jsの機能やAPIについての紹介記事","tags":["backbone.js","MVC","library"],"date":"2013-12-03T05:02:15.748Z"},{"title":"ECMAScript 2013","url":"http://www.slideshare.net/dynamis/ecmascript-2013","content":"ES6で追加された機能とasm.jsについてのスライド.","tags":["ECMAScript","JavaScript"],"date":"2013-12-03T12:48:30.095Z"},{"title":"Advent Calendar 3日目:SVG画像を1バイトでも削るためのコードゴルフ - 聴く耳を持たない(片方しか)","url":"http://d.hatena.ne.jp/rikuo/20131203","content":"SVGゴルフ.\nSVGのサイズを削るテクニックについて。","tags":["SVG"],"date":"2013-12-03T13:06:12.277Z"},{"title":"Fun with JavaScript Native Array Functions | Flippin' Awesome","url":"http://flippinawesome.org/2013/11/25/fun-with-javascript-native-array-functions/","content":"配列で使えるメソッドについてそれぞれの特徴とコード例で紹介してる記事.","tags":["JavaScript"],"date":"2013-12-03T13:37:54.679Z"},{"title":"webpro/Automated-SPA-Testing","url":"https://github.com/webpro/Automated-SPA-Testing","content":"JavaScriptのTest Runnerについての比較.\nテストフレームワーク、アサーション、テストダブル。\nそれぞれのRunnerの特徴、機能、パフォーマンス、機能テスト等について広くまとまってる","tags":["JavaScript","testing","まとめ"],"date":"2013-12-03T14:29:36.622Z"},{"title":"真面目なアニメーション (html5j 2013, Web Animations)","url":"http://www.slideshare.net/brianskold/html5j-2013","content":"CSS Animations/SVG Animationsだと難しかった部分や複雑な部分等のバランスを取って、抽象化したアニメーションモデルを定義したWeb Animationsについてのスライド.\n動画等も入ってかなり分かりやすく解説されている。","tags":["web","animation","slide"],"date":"2013-12-04T06:31:33.680Z"},{"title":"JavaScriptでdoctestを行う power-doctest を作った | Web scratch","url":"http://efcl.info/2013/1201/res3494/","content":"doctest的にコメントで書いた結果を比較しテストをするツール.\nexpression; // => result\nという感じで書くと、power-assertを使ったテストが走る","tags":["JavaScript","AST","testing","document"],"date":"2013-12-04T15:30:51.548Z"},{"title":"JSONファイルの管理をちょっとだけ楽にしてくれるgrunt-sync-versionを紹介するよ - Qiita [キータ]","url":"http://qiita.com/1000ch/items/1fdabd68ec9895c766d7","content":"package.jsonとかbower.jsonのバージョン番号を一括でアップデートするGruntタスク","tags":["JSON","Grunt"],"date":"2013-12-05T00:52:28.362Z"},{"title":"Node.app — Node.js for iOS","url":"http://nodeapp.org/","content":"JavaScriptCore.framework を使ってNode API互換の環境を使えるようにするのが目的のiOSアプリ","tags":["ios","node.js","JavaScript"],"date":"2013-12-05T12:36:50.733Z"},{"title":"Announcing TypeScript 0.9.5 - TypeScript - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/typescript/archive/2013/12/05/announcing-typescript-0-9-5.aspx","content":"TypeScript 0.9.5リリース。\nビルドパフォーマンスの改善(50%ぐらい短くなった)、_references.tsというjs生成についての設定ファイルの追加","tags":["TypeScript","ReleaseNote"],"date":"2013-12-06T00:28:30.154Z"},{"title":"AngularJS 日本語リファレンス | js STUDIO","url":"http://js.studio-kingdom.com/angularjs","content":"AngularJS日本語リファレンス","tags":["Angular","リファレンス","translate"],"date":"2013-12-06T01:04:04.900Z"},{"title":"ブラウザ音響プログラミング言語 CoffeeCollider v0.1.0 リリース - 音の鳴るブログ","url":"http://mohayonao.hatenablog.com/entry/2013/12/06/103028","content":"processing.jsの音楽版のような感じで、CoffeeScriptを拡張して作られてる音響プログラミング言語","tags":["CoffeeScript","music","sound"],"date":"2013-12-06T05:48:39.226Z"},{"title":"browserify v3.0 changelog","url":"http://substack.net/browserify_v3_0_changelog","content":"browserify v3.0リリース。\n","tags":["node.js","JavaScript","Tools"],"date":"2013-12-08T08:02:09.499Z"},{"title":"2013年のWebプラットフォーム - Google ドライブ","url":"https://docs.google.com/presentation/d/1msQeS1xY_oMCLQMwceB_xSFv58TtFHOT4t0amArs_jg/edit?pli=1#slide=id.p","content":"Extensible Webについてのスライド.\nマクロな標準化とミクロな標準化.\nWeb Components、Promises、Service Workers(オフラインキャッシュ)","tags":["WebPlatformAPI"],"date":"2013-12-08T08:09:51.548Z"},{"title":"Hyperglot · A Language Experimentation Platform","url":"http://tmcnab.github.io/Hyperglot/","content":"PEG.jsを使ったaltJS等の作成するnodewekit製エディタ.\nEsprimaを使ったAST表現へのデコードや入力に対するプレビュー等が出来るアプリ","tags":["JavaScript","program"],"date":"2013-12-08T12:31:31.181Z"},{"title":"Fun with Esprima and Static Analysis","url":"http://tobyho.com/2013/12/02/fun-with-esprima/","content":"JavaScript ASTのTraversalのチュートリアル的な感じ。 \nファイルを読み込んでパースしてestraverseでASTを見ていきながらASTについて学ぶ。\n関数スコープ、変数宣言、グローバル変数の漏れ、スコープチェイン等について","tags":["JavaScript","AST"],"date":"2013-12-08T13:48:36.809Z"},{"title":"3分で分かるAngularJSセキュリティ - teppeis blog","url":"http://teppeis.hatenablog.com/entry/2013/12/angularjs-security","content":"AngularJSのセキュリティについて.\nCSRF、JSONハイジャック対策、CSPとngCspディレクティブ、$sceによるテンプレートのエスケープについて","tags":["Angular","セキュリティ"],"date":"2013-12-08T13:53:10.516Z"},{"title":"VanillaJS refactoring by cburgmer · Pull Request #739 · tastejs/todomvc","url":"https://github.com/tastejs/todomvc/pull/739","content":"TodoMVCのVanillaJSが大幅にリファクタリングされた。\nテストもちゃんと書かれてるので、どのようにリファクタリングしていったのかをコミット見ながら眺めると面白いかも。","tags":["JavaScript","デバック","todo"],"date":"2013-12-09T00:40:16.003Z"},{"title":"NeilFraser/JS-Interpreter","url":"https://github.com/NeilFraser/JS-Interpreter","content":"JavaScriptで実装したJavaScriptインタープリタ.\nacornでJavaScriptをパースしたASTを解釈してる。\nステップ実行やサンドボックスとしてJSの実行等ができる","tags":["JavaScript","AST"],"date":"2013-12-09T04:38:19.463Z"},{"title":"ECMAScript 6: what’s next for JavaScript? // Speaker Deck","url":"https://speakerdeck.com/rauschma/ecmascript-6-whats-next-for-javascript","content":"ES6についてのスライド(Dr. Axel)\n今日現在のES6の機能についてまとまってる。2014年12月にEcmaへの提出が予定されてる\nhttp://esdiscuss.org/topic/es6-timeline","tags":["ECMAScript","slide"],"date":"2013-12-09T12:23:32.027Z"},{"title":"#buildfirst · bevacqua.io","url":"http://bevacqua.io/buildfirst","content":"\"JavaScript Application Design\"\nウェブアプリケーションを作るワークフローについての書籍.\nサンプルやスニペット等が公開されてる","tags":["JavaScript","book"],"date":"2013-12-09T12:27:11.058Z"},{"title":"Testing in Browsers and Node with Mocha, Chai, Sinon, and Testem · Ken Powers","url":"http://www.kenpowers.net/blog/testing-in-browsers-and-node/","content":"Mocha + Chai + Sinon.js + Testemを使ったテスト構成について.\nSinonのmockやstubの紹介やブラウザとNodeのハイブリッドテストについて書かれてる","tags":["node.js","browser","testing"],"date":"2013-12-09T12:33:24.646Z"},{"title":"Creating and maintaining your own Bower package","url":"http://bob.yexley.net/creating-and-maintaining-your-own-bower-package/","content":"Bowerを使ったパッケージの公開と継続してリリースするのにGrunt Bumpを使った方法について","tags":["JavaScript"],"date":"2013-12-09T12:37:19.444Z"},{"title":"BBC-News/Imager.js","url":"https://github.com/BBC-News/Imager.js","content":"srcsetのようなレスポンシブな画像を使うような仕組みを提供するライブラリ.\nプレースホルダーとなる要素を書いて、それに合わせた画像をlazy load出来るような仕組み","tags":["JavaScript","library","画像"],"date":"2013-12-09T13:44:38.584Z"},{"title":"andismith/grunt-responsive-images","url":"https://github.com/andismith/grunt-responsive-images/","content":"imagemagickを使って、指定したサイズの画像を指定したルールの名前で作成してくれるGruntタスク","tags":["Grunt","画像"],"date":"2013-12-09T13:45:46.060Z"},{"title":"task automation with npm run","url":"http://substack.net/task_automation_with_npm_run","content":"npm runを使ったタスクの自動化について\nhttps://gist.github.com/substack/7819530","tags":["node.js","Tools"],"date":"2013-12-09T13:58:31.377Z"},{"title":"Release v0.2.2: 0.2.2 · twada/power-assert","url":"https://github.com/twada/power-assert/releases/tag/v0.2.2","content":"power-assert v0.2.2リリース.\nassert.deepEqual 等のassertionのサポート、bower サポート\nhttps://github.com/twada/espower-loader の追加","tags":["JavaScript","testing","library","Tools","ReleaseNote"],"date":"2013-12-09T14:12:01.694Z"},{"title":"サイトを先読みに対応させる - ういはるかぜの化学 - subtech","url":"http://subtech.g.hatena.ne.jp/mayuki/20131209/1386606563","content":"dns-prefetch/prefetch/prerenderについて","tags":["web","browser"],"date":"2013-12-10T14:48:56.266Z"},{"title":"Node.jsの開発を超速化するGitHub連携 三種の神器 - teppeis blog","url":"http://teppeis.hatenablog.com/entry/2013/12/node-github","content":"Travis CIでのCI、Coverallsでのコードカバレッジ、Davidでのモジュールバージョンチェックの使い方について","tags":["TravisCI","node.js","webservice"],"date":"2013-12-10T14:52:47.105Z"},{"title":"jadeを知る - 株式会社ネクスト　エンジニアBlog","url":"http://nextdeveloper.hatenablog.com/entry/2013/12/10/180457","content":"Node.jsのテンプレートエンジンのjadeについてのユースケースから見る細かい機能の解説","tags":["node.js"],"date":"2013-12-10T14:55:34.229Z"},{"title":"typicode/json-server","url":"https://github.com/typicode/json-server","content":"https://github.com/cyberagent/node-easymock みたいにJSONファイル or JSオブジェクトを元にモックサーバを立てられるNodeモジュール","tags":["JSON","HTTP","server","testing","library","node.js"],"date":"2013-12-11T06:59:30.109Z"},{"title":"grunt.js - automate all the things!1!! // Speaker Deck","url":"https://speakerdeck.com/pangratz/grunt-dot-js-automate-all-the-things-1","content":"Gruntについてのチュートリアル的なスライド.\nGruntの使い方、設定方法をステップごとに紹介してて分かりやすい。\nタスクの紹介やタスクの書き方について","tags":["Grunt","slide","tutorial"],"date":"2013-12-12T03:23:26.102Z"},{"title":"HTML5テクニックバイブル：書籍案内｜技術評論社","url":"http://gihyo.jp/book/2014/978-4-7741-6193-8","content":"2013年12月28日発売\n広義のHTML5、Yahoo!Japan本","tags":["HTML5","book"],"date":"2013-12-12T12:16:46.381Z"},{"title":"Node v0.10.23 (Stable)","url":"http://blog.nodejs.org/2013/12/11/node-v0-10-23-stable/","content":"Node v0.10.23リリース.\n","tags":["node.js","ReleaseNote"],"date":"2013-12-12T12:33:47.394Z"},{"title":"Understanding the Real-World Performance of your Web Application Across IE11 and Other Browsers - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2013/12/12/understanding-the-real-world-performance-of-your-web-application-across-ie11-and-other-browsers.aspx","content":"ブラウザでより詳細なパフォーマンス計測等に使えるPerformance Timeline、Navigation Timing、Resource Timing、User Timingの仕様と使い方について","tags":["WebPlatformAPI","browser"],"date":"2013-12-14T08:48:12.059Z"},{"title":"Gmail スケールの効率的メモリ管理 - HTML5 Rocks","url":"http://www.html5rocks.com/ja/tutorials/memory/effectivemanagement/","content":"http://www.html5rocks.com/en/tutorials/memory/effectivemanagement/ の翻訳\nJavaScriptのメモリ管理とV8の世代別GC.\nGmailのメモリリーク観測と問題点の発見方法","tags":["google","mail","JavaScript"],"date":"2013-12-14T09:26:54.098Z"},{"title":"MozillaZine.jp » Blog Archive » Firefox 26 がリリースされた","url":"http://mozillazine.jp/?p=3951","content":"Firefox 26リリース.\nposition:sticky のサポート(フラグ付き)、ES6準拠したGenerator、URLコンストラクタ、IndexedDBを許可ダイアログなしで一時的なストレージとして利用可能に等","tags":["firefox","ReleaseNote"],"date":"2013-12-14T09:38:56.075Z"},{"title":"AngularJS 1.3: a new release approaches | AngularJS","url":"http://blog.angularjs.org/2013/12/angularjs-13-new-release-approaches.html","content":"AngularJS 1.3リリースに向けて。\nIE8のサポート終了、1.2より前に定義されたdeprecated APIの削除、リリースバージョンの命名ルールの変更.","tags":["Angular","ReleaseNote"],"date":"2013-12-15T03:04:05.077Z"},{"title":"MessageEventコンストラクタとpostMessageとWeb messagingについて | Web scratch","url":"http://efcl.info/2013/1215/res3535/","content":"MessageEvent型のevetを使ったメッセージングについて.\ndispatchEventで発火させる方法とpostMessageとの違い等","tags":["JavaScript","browser","event"],"date":"2013-12-15T04:06:24.980Z"},{"title":"Bootcamp","url":"http://tctcl.github.io/bootcamp/","content":"SassでBDDライクなテストを書けるライブラリ","tags":["Sass","testing"],"date":"2013-12-15T04:07:45.447Z"},{"title":"ちょっと未来のJavaScript - Thujikun blog","url":"http://thujikun.github.io/blog/2013/12/14/ie","content":"Composition EventsやDOMContentLoaded、querySelector、ES5でのArray拡張、Property descriptors、ネイティブオブジェクトの拡張などについてまとめ","tags":["JavaScript","DOM"],"date":"2013-12-15T06:43:06.983Z"},{"title":"CSS Variables in Firefox Nightly ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2013/12/css-variables-in-firefox-nightly/","content":"Firefox 29でCSSで変数を扱えるCSS Variablesがサポートされたので、それの解説.","tags":["CSS","firefox"],"date":"2013-12-15T06:52:37.922Z"},{"title":"JSMVCOMFG - To sternly look at JavaScript MVC and Templating Framew...","url":"http://www.slideshare.net/x00mario/jsmvcomfg-to-sternly-look-at-javascript-mvc-and-templating-frameworks","content":"data-*属性にはXSSフィルターが効かないため、Knockoutのような仕組みだとXSSを検知しにくい。\nテンプレートとXSS、AngularJSのCSPモード、Chrome Packaged Appについて.\nMV*のセキュリティメトリクス","tags":["JavaScript","MVC","セキュリティ","slide"],"date":"2013-12-15T10:09:36.250Z"},{"title":"Amazon: カルタ付 HTML5マークアップ 現場で使える最短攻略ガイド (WEB PROFESSIONAL) [大型本]: 浜俊太朗","url":"http://www.amazon.co.jp/o/ASIN/4048660705/amazon0abac-22/ref=nosim","content":"HTML5タグについてのカルタ付き書籍","tags":["HTML5","book"],"date":"2013-12-16T01:08:55.954Z"},{"title":"これだけは抑えておきたい！ jQuery や CSS の「イージング」の基礎知識 | KAYAC DESIGNER'S BLOG - デザインやマークアップの話","url":"http://design.kayac.com/topics/2013/11/easing-basics.php","content":"イージングの種類と動作のまとめ","tags":["animation","jQuery"],"date":"2013-12-16T08:48:49.329Z"},{"title":"DailyJS: JavaScript Developer Survey 2013: Results","url":"http://dailyjs.com/2013/12/12/javascript-survey-results/","content":"JavaScript Developer Survey 2013のアンケート結果が公開された","tags":["JavaScript","まとめ"],"date":"2013-12-16T12:34:31.093Z"},{"title":"KarmaでTDD + Travis CI + Coverallsなイケてるワークフロー - はてブロ@ama-ch","url":"http://ama-ch.hatenablog.com/entry/2013/12/16/075512","content":"Karmaを使ったワークフローについて.\nTravis CIとの連携、コードカバレッジの計測とCoveralls、Karmaのプラグインについて等","tags":["JavaScript","testing"],"date":"2013-12-16T12:46:18.328Z"},{"title":"How to Unit Test Controllers In AngularJS Without Setting Your Hair On Fire — Nathan LeClaire","url":"http://nathanleclaire.com/blog/2013/12/13/how-to-unit-test-controllers-in-angularjs-without-setting-your-hair-on-fire/","content":"AngularJSのテスタビリティについて。\nプロジェクトの設定、DI、$httpBackendについて","tags":["Angular","testing"],"date":"2013-12-16T12:52:03.027Z"},{"title":"jsでTDD！MochaとChaiとsinon.js入門 - @lxyuma BLOG","url":"http://lxyuma.hatenablog.com/entry/2013/12/15/211637","content":"TDDとはなにか、mochaとchaiの使い方、sinon.jsの使い方等 JavaScriptのテストについて概要と使い方がまとまってる","tags":["JavaScript","testing","まとめ"],"date":"2013-12-16T12:58:31.958Z"},{"title":"Effective Unit Testing with AMD - Bocoup","url":"http://weblog.bocoup.com/effective-unit-testing-with-amd/","content":"ReuqireJSを使ったAMDのテスト手法について。\nrequirejsのconfigを上手く使って、テストごとに毎回モジュールを読み込むようにしたり、モジュールのモック等を扱う方法","tags":["JavaScript","AMD","testing"],"date":"2013-12-16T13:14:15.760Z"},{"title":"Backbone Antipatterns | Shine Technologies","url":"http://blog.shinetech.com/2013/11/26/backbone-antipatterns/","content":"Backbone.jsでのアンチパターンについて","tags":["backbone.js"],"date":"2013-12-16T13:16:25.692Z"},{"title":"RxJS 2.2 Released - Reactive Extensions Team Blog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/rxteam/archive/2013/12/13/rxjs-2-2-released.aspx","content":"RxJS 2.2リリース.\nES5をサポートしてるブラウザがメインとなり、レガシーブラウザはrx.compat.jsでのpolyfill実装となる.\nrx.asyncにPromisesとのブリッジの追加等","tags":["JavaScript","ReleaseNote"],"date":"2013-12-16T14:24:14.469Z"},{"title":"JSDoc vs YUIDoc vs Doxx vs Docco – Choosing a JavaScript documentation generator | The FusionCharts Blog","url":"http://blog.fusioncharts.com/2013/12/jsdoc-vs-yuidoc-vs-doxx-vs-docco-choosing-a-javascript-documentation-generator/","content":"JavaScriptのドキュメントツールの比較","tags":["JavaScript","document","Tools"],"date":"2013-12-17T08:07:32.796Z"},{"title":"Dojo 1.9.2 and more | The Dojo Toolkit Blog","url":"http://dojotoolkit.org/blog/dojo-1-9-2-and-more","content":"Dojo 1.9.2リリース.\nIE11サポート, Pointer Eventsへの対応.\nDojo2.0でDOH testsを http://intern.io/ に移行させる計画","tags":["JavaScript","library","ReleaseNote"],"date":"2013-12-18T00:35:27.547Z"},{"title":"Speaking JavaScript - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920029564.do","content":"2014年2月発売\nDr. Axel による JavaScriptという言語の機能、ベストプラクティスやパターン、落とし穴等についての書籍","tags":["JavaScript","book"],"date":"2013-12-18T03:09:49.212Z"},{"title":"Prune: Automatically create QA environments for GitHub pull requests","url":"http://prune.io/","content":"Visual Regression Testingサービス.\nGithubのpull-requestと連動して、指定ブラウザでのスクリーンショットをissueに貼り付けて見た目を比較出来る。","tags":["github","browser","testing","webservice"],"date":"2013-12-18T05:24:51.772Z"},{"title":"俺のWeb Workersがこんなに遅いわけがない","url":"http://lab.sonicmoov.com/development/web-workers/","content":"WebWorkerのTransferable Objectsについての解説.\nデータをコピーせずに渡す事でオーバーヘッドが少なくなる","tags":["webworker"],"date":"2013-12-18T08:02:12.866Z"},{"title":"Amazon: [iOS/Android対応] HTML5 ハイブリッドアプリ開発[実践]入門 (Software Design plus) [単行本（ソフトカバー）]: 久保田 光則, アシアル株式会社","url":"http://www.amazon.co.jp/o/ASIN/4774162116/amazon0abac-22/ref=nosim","content":"2013年12月20日発売\nApache Cordova(PhoneGap)、WebViewアプリについての書籍\nhttp://blog.asial.co.jp/1238","tags":["mobile","ios","Android","book"],"date":"2013-12-19T01:15:00.172Z"},{"title":"YUI 3.14.1 Released - YUI Blog","url":"http://www.yuiblog.com/blog/2013/12/18/yui-3-14-1-released/","content":"YUI 3.14.1 リリース.\nIE11、Android4.4対応","tags":["YUI","ReleaseNote"],"date":"2013-12-19T04:23:06.662Z"},{"title":"Learning Web App Development - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920030621.do","content":"2014年2月発売\nウェブアプリ開発についての書籍\nhttps://github.com/semmypurewal/LearningWebAppDev","tags":["JavaScript","book"],"date":"2013-12-19T04:32:34.070Z"},{"title":"スムーズなアニメーションを実装するコツと仕組みを説明するよ。CPUとGPUを理解しハードウェアアクセラレーションを駆使するのだ！（Frontrend Advent Calendar 2013 – 06日目） | Ginpen.com","url":"http://ginpen.com/2013/12/06/hardware-acceleration/","content":"CSSアニメーションとGPUレイヤーについて.\nGPUを使った場合のアニメーションが何故高速なのか、また適応範囲が大きすぎるが逆に問題が起きるのかが見た目で分かりやすくまとまってる。","tags":["CSS","animation"],"date":"2013-12-19T12:11:56.999Z"},{"title":"Inspect Object :: Add-ons for Firefox","url":"https://addons.mozilla.org/ja/firefox/addon/inspect-object/?src=cb-dl-created","content":"Firefox Dev Toolsに選択中の要素のDOMオブジェクトを表示するボタンを追加するアドオン.\ninspect($0)を行うのと同様の意味","tags":["firefox","デバック","addon"],"date":"2013-12-20T14:33:15.386Z"},{"title":"React | React v0.5.2, v0.4.2","url":"http://facebook.github.io/react/blog/2013/12/18/react-v0.5.2-v0.4.2.html","content":"React v0.5.2, v0.4.2リリース.\nXSS脆弱性に関するセキュリティ修正","tags":["XSS","JavaScript","library","ReleaseNote"],"date":"2013-12-20T15:08:56.857Z"},{"title":"DevTools Digest December 2013 - HTML5Rocks Updates","url":"http://updates.html5rocks.com/2013/12/DevTools-Digest-December-2013","content":"Chrome DevTools の最近アップデート内容についてのまとめ","tags":["Chrome","デバック"],"date":"2013-12-21T07:36:35.910Z"},{"title":"WebStormによるJavaScript開発のすすめ - maru source","url":"http://blog.h13i32maru.jp/entry/2013/12/20/091619","content":"WebStormの機能紹介まとめ","tags":["WebStorm","JavaScript"],"date":"2013-12-21T07:50:02.407Z"},{"title":"[翻訳] MCSS (Multilayer CSS) | Unformed Building","url":"http://unformedbuilding.com/articles/mcss-ja/","content":"CSS管理ルールのMultilayer CSSについてのドキュメント翻訳","tags":["CSS","document","translate"],"date":"2013-12-21T14:58:15.314Z"},{"title":"wearefractal/gulp","url":"https://github.com/wearefractal/gulp/","content":"ストリーミングベースなビルドシステム.\nGrunt用にオブジェクトベースな設定ではなく、コードとして設定する方向が強くでてる。\nまたプラグインがひとつのアクションだけを持つように推奨されてる\nhttp://travismaynard.com/writing/no-need-to-grunt-take-a-gulp-of-fresh-air","tags":["JavaScript","Grunt","console","Tools"],"date":"2013-12-21T15:47:02.978Z"},{"title":"annotations.js","url":"http://dacap.github.io/annotations.js/","content":"google-code-prettifyでシンタックスハイライトしたコードに、コメントで指定した部分にアノテーション的な表示を行えるライブラリ","tags":["JavaScript","library"],"date":"2013-12-21T16:29:55.952Z"},{"title":"Choosing a JavaScript MVC FrameworkFunny Ant","url":"http://www.funnyant.com/choosing-javascript-mvc-framework/","content":"JavaScript MV*ライブラリ比較","tags":["JavaScript","MVC","まとめ"],"date":"2013-12-21T18:46:02.866Z"},{"title":"palantir/eclipse-typescript","url":"https://github.com/palantir/eclipse-typescript","content":"TypeScriptサポートをするEclipseプラグイン","tags":["Eclipse","TypeScript","plugin"],"date":"2013-12-21T18:49:52.108Z"},{"title":"palantir/coffeescript-to-typescript","url":"https://github.com/palantir/coffeescript-to-typescript","content":"CoffeeScriptをTypeScriptに変換するツール.","tags":["CoffeeScript","TypeScript","Tools"],"date":"2013-12-21T18:55:58.624Z"},{"title":"palantir/tslint","url":"https://github.com/palantir/tslint","content":"TypeScriptをLintするツール.\nESLintみたいにルールごとに実装されている","tags":["TypeScript","Tools"],"date":"2013-12-21T18:59:13.377Z"},{"title":"PhoneGap | PhoneGap 3.3.0 Released","url":"http://phonegap.com/blog/2013/12/13/phonegap-release/","content":"PhoneGap 3.3.0リリース.\nAndroid KitKat対応","tags":["PhoneGap","ReleaseNote"],"date":"2013-12-21T19:02:52.279Z"},{"title":"jQuery 1.11.0/2.1.0 Beta 3 Released | Official jQuery Blog","url":"http://blog.jquery.com/2013/12/20/jquery-1-11-02-1-0-beta-3-released/","content":"jQuery 1.11.0と2.1.0 β3リリース.\n","tags":["jQuery","ReleaseNote"],"date":"2013-12-21T19:09:12.524Z"},{"title":"スプリットコンソール、ミニファイ済み JS の整形表示など – Firefox 開発ツール エピソード 28 | Mozilla Developer Street (modest)","url":"https://dev.mozilla.jp/2013/12/split-console-pretty-print-minified-js-and-more-firefox-developer-tools-episode-28/","content":"Firefox DevToolsにEscキーでコンソールを分割表示する機能、jsの整形機能、デバッグ地のツールチップ、カラーピッカーの追加等","tags":["JavaScript","firefox","デバック"],"date":"2013-12-22T06:30:11.299Z"},{"title":"blakeembrey/dombars","url":"https://github.com/blakeembrey/dombars","content":"handlebarsを使ったテンプレートにpub/subなイベントやカスタムテンプレートのヘルパーを使えるライブラリ","tags":["JavaScript","DOM","library"],"date":"2013-12-22T07:36:06.388Z"},{"title":"andyearnshaw/Intl.js","url":"https://github.com/andyearnshaw/Intl.js","content":"ECMAScript Internationalization API (ECMA-402) 互換のAPIを実装しているライブラリ","tags":["ECMAScript","JavaScript","i18n","library"],"date":"2013-12-22T08:03:10.019Z"},{"title":"Myth - CSS the way it was imagined.","url":"http://www.myth.io/","content":"CSSプリプロセッサ.\nCSS Variablesやcolor()、calc()などCSSの仕様策定が進められてる機能を使えるTranspiler的なツール","tags":["CSS","Tools"],"date":"2013-12-22T08:44:50.091Z"},{"title":"Experiments with Koa and JavaScript Generators - Steve Sanderson’s blog - As seen on YouTube™","url":"http://blog.stevensanderson.com/2013/12/21/experiments-with-koa-and-javascript-generators/","content":"Expressの人により作られてるGeneratorsベースのKoaについて。\nGeneratorを使った書き方、エラーハンドリング、非同期処理、Key-value objectsのyeildについて","tags":["node.js","ECMAScript"],"date":"2013-12-22T12:43:52.103Z"},{"title":"Node v0.10.24 (Stable)","url":"http://blog.nodejs.org/2013/12/19/node-v0-10-24-stable/","content":"Node v0.10.24リリース.","tags":["node.js","ReleaseNote"],"date":"2013-12-22T12:46:57.622Z"},{"title":"shootaroo/jit-grunt","url":"https://github.com/shootaroo/jit-grunt","content":"Gruntモジュールを遅延ロードする補助ライブラリ","tags":["Grunt"],"date":"2013-12-22T13:22:32.425Z"},{"title":"Brackets Sprint 35 Build – Brackets Blog","url":"http://blog.brackets.io/2013/12/20/brackets-sprint-35-build/","content":"Brackets Sprint 35 リリース.\nMac ChromeでのLive Preivewの改善、利用するJSとLESSを最適化して起動時間の改善等","tags":["JavaScript","IDE","ReleaseNote"],"date":"2013-12-22T16:27:40.346Z"},{"title":"jasmine/release_notes/20.md at v2.0.0 · pivotal/jasmine","url":"https://github.com/pivotal/jasmine/blob/v2.0.0/release_notes/20.md","content":"Jasmine 2.0リリース。\nmochaスタイル(done)の非同期テストに対応、RubyベースのCLIがNode/Gruntに変更、IE8未満は非サポート、spiesのsyntax変更等","tags":["JavaScript","testing","library","ReleaseNote"],"date":"2013-12-23T06:50:28.978Z"},{"title":"JavaScript Promises: There and back again - HTML5 Rocks","url":"http://www.html5rocks.com/en/tutorials/es6/promises/","content":"ES6 Promisesについて。\n既存のPromiseライクも扱えるようにするPromise.cast、Promise.thenの使い方、エラーハンドリング、Promiseとeach、Promise.all、Generatorと合わせた場合について","tags":["JavaScript","Promise","リファレンス"],"date":"2013-12-23T09:12:45.391Z"},{"title":"Koa - next generation web framework for node.js","url":"http://koajs.com/","content":"Expressの人たちが作ってるNodeのウェブフレームワーク.\nGeneratorが前提の構造になっており、Expressとアーキテクチャが違うので新規作成されてる。","tags":["node.js","web","library"],"date":"2013-12-23T10:30:32.751Z"},{"title":"Node 2013","url":"http://gergelyke.github.io/node2013/","content":"タイムライン表示で振り返るNore,jsの歴史","tags":["node.js","歴史"],"date":"2013-12-23T10:32:00.896Z"},{"title":"Release JSHint 2.4.0 is released · jshint/jshint","url":"https://github.com/jshint/jshint/releases/tag/2.4.0","content":"JSHint 2.4.0リリース.\nES6の =>やletなどのサポート改善、バグ修正中心.\n\"extends\"で分離した設定ファイルを取り込めるように\nhttps://github.com/jshint/jshint/pull/1314","tags":["JavaScript","Tools","ReleaseNote"],"date":"2013-12-25T04:07:26.800Z","relatedLinks":[{"title":"What's new in JSHint (December, 2013)","url":"http://www.jshint.com/blog/new-in-jshint-dec-2013/"}]},{"title":"Amazon: プログラマの力のためのコードパズル ~JavaScriptで挑むコードゴルフとアルゴリズム [単行本（ソフトカバー）]: 柳井 政和","url":"http://www.amazon.co.jp/o/ASIN/4774162531/amazon0abac-22/ref=nosim","content":"2014年2月4日発売\nコードゴルフやアルゴリズムクイズな感じの書籍\nhttps://codeiq.jp/ace/yanai_masakazu/","tags":["JavaScript","book"],"date":"2013-12-26T00:34:38.973Z"},{"title":"徹底比較！Selenium Builder vs Selenium IDE – Part 1 | 品質向上ブログ","url":"http://blog.trident-qa.com/2013/12/selenium-builder-vs-ide-1/","content":"Selenim IDEとSelenium Builderの比較まとめの連載","tags":["Selenium","まとめ"],"date":"2013-12-26T05:27:16.040Z"},{"title":"Sass 3.3で追加された「関数」や「変更点」のまとめ解説 | HTML5Experts.jp","url":"http://html5experts.jp/kosei27/3850/","content":"Sass3.3で追加された関数やif等の変更点について","tags":["Sass"],"date":"2013-12-26T12:24:40.949Z"},{"title":"Learning jQuery Deferreds - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920030508.do","content":"2013年1月10日発売\njQuery Deferredsについての書籍","tags":["jQuery","Promise","book"],"date":"2013-12-29T03:18:48.749Z"},{"title":"koa入門 - from scratch","url":"http://yosuke-furukawa.hatenablog.com/entry/2013/12/26/125351","content":"koaのチュートリアル。(Dockerイメージ付き)\nkoaのExpress/Connestに対する違いとメリットについて。\nエラーハンドリング、カスケーディング、","tags":["node.js","tutorial"],"date":"2013-12-29T06:08:51.200Z"},{"title":"ES6のシンタックスを予習復習(1) ~let, const, arrow function, generators, for of~ | 1000ch.net","url":"http://1000ch.net/2013/12/26/ES6LetConstArrowFunction/","content":"ES6で追加されたシンタックスについて","tags":["ECMAScript","tutorial"],"date":"2013-12-29T15:56:25.815Z","relatedLinks":[{"title":"ES6のシンタックスを予習復習(2) ~default parameters, rest parameters, array spread, destructuring~ | 1000ch.net","url":"http://1000ch.net/2013/12/27/ES6DefaultRestParametersArraySpreadDestructuring/"}]},{"title":"Angular And Browserify","url":"http://ethanway.com/angular-and-browserify/","content":"browserifyとaungularJSでの開発について。 npmで入れられないものはnapaでインストールして、継続開発にbeefyを使い、テストはbrowserify-karmaで回す等のワークフロー","tags":["Angular","node.js"],"date":"2013-12-30T11:49:56.944Z","relatedLinks":[{"title":"shama/napa","url":"https://github.com/shama/napa"},{"title":"chrisdickinson/beefy","url":"https://github.com/chrisdickinson/beefy"},{"title":"waye929/angular-browserify","url":"https://github.com/waye929/angular-browserify"}]},{"title":"Manning: Getting MEAN with Mongo, Express, Angular, and Node","url":"http://www.manning.com/sholmes/","content":"MEAN (Mongo, Express, Angular, Node) についての書籍","tags":["node.js","book"],"date":"2013-12-31T03:13:20.856Z","relatedLinks":[{"title":"MEAN (Mongo, Express, Angular, Node) ","url":"http://mean.io/"}]},{"title":"Daily JS survey results visualised with Sankey diagrams","url":"http://kdzwinel.github.io/dailyjs-survey-sankey-diagrams/","content":"JavaScript Developer Surveyのアンケート結果をd3.jsを使ってビジュアライズしたもの","tags":["JavaScript","まとめ","d3.js"],"date":"2013-12-31T03:14:33.008Z","relatedLinks":[]},{"title":"Testing Backbone Views with QUnit and Sinon | Shine Technologies","url":"http://blog.shinetech.com/2013/06/27/testing-backbone-views-with-qunit-and-sinon/","content":"Backbone.jsとSInon.jsを使ったテスト。\n非同期のテストを減らして同期的に書クことで複雑さを減らす事について","tags":["backbone.js","testing","DOM"],"date":"2013-12-31T05:41:10.326Z","relatedLinks":[]},{"title":"ivanakimov/hashids.js","url":"https://github.com/ivanakimov/hashids.js","content":"YoutubeのURLのようなハッシュ値を数字から作るライブラリ","tags":["JavaScript","library"],"date":"2013-12-31T06:18:13.589Z","relatedLinks":[]},{"title":"JSConf.Asia 2013 - YouTube","url":"http://www.youtube.com/playlist?list=PL37ZVnwpeshHQ1_r4DyrIqonICtMg3ol_","content":"JSConf.Asia の動画が公開されている","tags":["JavaScript","video","Conference"],"date":"2013-12-31T06:25:24.994Z","relatedLinks":[{"title":"JSConf.Asia","url":"http://2013.jsconf.asia/"}]},{"title":"Full Frontal 2013 - YouTube","url":"http://www.youtube.com/playlist?list=PLXmT1r4krsTrjhwBWKLzxdNjb9ZCb_cFI","content":"Full Frontal の動画が公開されてる\nhttp://2013.full-frontal.org/","tags":["JavaScript","Conference","video"],"date":"2013-12-31T06:27:07.135Z","relatedLinks":[{"title":"Full Frontal 2013 - JavaScript Conference","url":"http://2013.full-frontal.org/"}]},{"title":"__proto__が変わりゆく件について - 株式会社ネクスト　エンジニアBlog","url":"http://nextdeveloper.hatenablog.com/entry/2013/12/15/191719","content":"ECMAScriptの__proto__とsetPrototypeOfについて","tags":["ECMAScript","spec"],"date":"2013-12-31T07:08:59.834Z","relatedLinks":[{"title":"uncurryThis 関数 - hogehoge @teramako","url":"http://d.hatena.ne.jp/teramako/20111231/p1"}]},{"title":"Virtual Machine Downloads | Josh Holmes","url":"http://www.joshholmes.com/blog/2013/12/18/virtual-machine-downloads/","content":"modern.IE の VMファイルがアップデートされてIE11等が追加された","tags":["IE","ReleaseNote"],"date":"2013-12-31T07:15:40.291Z","relatedLinks":[]},{"title":"Stop toggling classes with JS, use behaviour driven DOM manipulation with data-states","url":"http://toddmotto.com/stop-toggling-classes-with-js-use-behaviour-driven-dom-manipulation-with-data-states/","content":"CSSクラスをトグルして、状態の変更をするのではなく、data-*属性を変更して行う方法について。\nコメント欄でWAI-ARIAの属性を使って行う方法等色々書かれてる","tags":["CSS","DOM","WAI-ARIA"],"date":"2013-12-31T07:37:51.942Z","relatedLinks":[]},{"title":"substack/faucet","url":"https://github.com/substack/faucet","content":"TAP系の出力を見やすく表示するCLI","tags":["node.js","testing"],"date":"2014-01-01T03:14:27.201Z","relatedLinks":[]},{"title":"Release v0.2.0: 0.2.0 · nzakas/eslint","url":"https://github.com/nzakas/eslint/releases/tag/v0.2.0","content":"eslint 0.2.0リリース。\nルールの追加等","tags":["JavaScript","Tools","ReleaseNote"],"date":"2014-01-02T02:26:11.626Z","relatedLinks":[{"title":"0.2.0 · 72d0fce · nzakas/eslint","url":"https://github.com/nzakas/eslint/commit/72d0fce14428716f82f5526a0a3097c50b491e97"}]},{"title":"Test-driving a Node.JS API","url":"http://www.jorisooms.be/testing-your-node-api-with-supertest/","content":"supertestを使ったNodeアプリのAPIをテスト駆動開発していくチュートリアル","tags":["node.js","API","testing","tutorial"],"date":"2014-01-02T12:43:22.077Z","relatedLinks":[{"title":"visionmedia/supertest","url":"https://github.com/visionmedia/supertest"}]},{"title":"YAND - Yet Another Node.js Documentation","url":"http://nodemanja.herokuapp.com/","content":"Node.jsのドキュメントビューアサイト","tags":["node.js","リファレンス","document"],"date":"2014-01-03T13:40:29.338Z","relatedLinks":[]},{"title":"jQuery Mobile 1.4.0 Released | jQuery Mobile","url":"http://blog.jquerymobile.com/2013/12/23/jquery-mobile-1-4-0-released/","content":"jQuery Mobile 1.4.0リリース。","tags":["jQuery","mobile","ReleaseNote"],"date":"2014-01-05T08:12:53.684Z","relatedLinks":[]},{"title":"Getting Started With Gulp | Travis Maynard","url":"http://travismaynard.com/writing/getting-started-with-gulp","content":"タスク実行ツールのgulpについての導入方法や設定コードの書き方についてのチュートリアル","tags":["gulp","JavaScript","console","Tools","tutorial"],"date":"2014-01-06T05:25:39.613Z","relatedLinks":[{"title":"gulp.js - the streaming build system","url":"http://gulpjs.com/"}]},{"title":"Koa 0.2.0 — Code adventures — Medium","url":"https://medium.com/code-adventures/a3a046a04836","content":"NodeのウェブフレームワークKoa 0.2.0リリース。\nSocketのエラーハンドリング、Debug用のComposeモジュールの改善等","tags":["node.js","ReleaseNote"],"date":"2014-01-06T12:02:42.370Z","relatedLinks":[{"title":"koajs/compose","url":"https://github.com/koajs/compose"}]},{"title":"JavaScript Stringでサロゲートペアを扱う - teppeis blog","url":"http://teppeis.hatenablog.com/entry/2014/01/surrogate-pair-in-javascript","content":"サロゲートペアを考慮した文字数カウント(正規表現、ES6 Iterator)\nコードポイントの取得/文字生成","tags":["JavaScript","firefox"],"date":"2014-01-06T12:18:09.412Z","relatedLinks":[{"title":"JavaScript has a Unicode problem · Mathias Bynens","url":"http://mathiasbynens.be/notes/javascript-unicode"}]},{"title":"Functional JavaScript for crawling the Web | Code | Nicolas Perriault","url":"https://nicolas.perriault.net/code/2013/functional-javascript-for-crawling-the-web/","content":"FunctionalアプローチでDOMを走査する話。\n関数呼出を重ねすぎると読みにくくなるので、関数合成的なsequence関数を作ったり、ES6の=>やRest Argumentsの利用などを使ってより小さく書くなどしてる。\nそれぞれが関数であるのでテスト等も書きやすい。","tags":["JavaScript","DOM"],"date":"2014-01-06T12:51:16.146Z","relatedLinks":[{"title":"functional javascript","url":"http://www.functionaljavascript.com/"}]},{"title":"D3 Tips and Tricks by Malcolm Maclean [Leanpub PDF/iPad/Kindle]","url":"https://leanpub.com/D3-Tips-and-Tricks","content":"D3.jsについての書籍\n$0から任意の値段購入できる","tags":["d3.js","book"],"date":"2014-01-06T13:11:31.972Z","relatedLinks":[]},{"title":"Node Streams for APIs - collect {thoughts}","url":"http://blog.drewolson.org/blog/2014/01/04/node-streams-for-apis","content":"NodeのStreamを使ったAPIの実装について。\nテストの書き方、Streamの実装方法をAPIレンスポンスを返すものを書きながら見ていく話","tags":["node.js"],"date":"2014-01-06T13:29:07.090Z","relatedLinks":[]},{"title":"Advanced Features in Sinon · Ken Powers","url":"http://www.kenpowers.net/blog/advanced-features-in-sinon/","content":"Sinon.jsのFake Timer、spy、Fake Serversを使ったテストについて。\n","tags":["JavaScript","testing"],"date":"2014-01-06T13:34:46.110Z","relatedLinks":[]},{"title":"Managing the Asynchronous Nature of Node.js | Nettuts+","url":"http://net.tutsplus.com/tutorials/javascript-ajax/managing-the-asynchronous-nature-of-node-js/","content":"3種類の非同期なコードの構造の改善について。\nEvenetEmitterを使った方法、Q(Promises)を使った方法、stepを使った方法、それぞれの実装とメリット/デメリットについて書かれてる","tags":["JavaScript","node.js"],"date":"2014-01-06T13:44:02.349Z","relatedLinks":[{"title":"kriskowal/q","url":"https://github.com/kriskowal/q"},{"title":"creationix/step","url":"https://github.com/creationix/step"}]},{"title":"Dependency injection in JavaScript","url":"http://krasimirtsonev.com/blog/article/Dependency-injection-in-JavaScript","content":"JavaScriptでDIを実装してみるチュートリアル。\nAMDライクな依存関係を示すモジュールの定義をするアプローチとAngularJSみたいなリフレクションで関数定義から依存関係を取得するアプローチについて書かれてる","tags":["JavaScript","testing","tutorial"],"date":"2014-01-07T01:25:24.818Z","relatedLinks":[{"title":"Merrick Christensen - JavaScript Dependency Injection","url":"http://merrickchristensen.com/articles/javascript-dependency-injection.html"}]},{"title":"O'Reilly Japan - JavaScriptで学ぶ関数型プログラミング","url":"http://www.oreilly.co.jp/books/9784873116600/","content":"2014年01月18日発売\nFunctional JavaScriptの翻訳本","tags":["JavaScript","関数型言語","book"],"date":"2014-01-07T03:33:06.377Z","relatedLinks":[{"title":"functional javascript","url":"http://www.functionaljavascript.com/"}]},{"title":"Amazon: HTML5 Web標準API バイブル [単行本]: 羽田野 太巳","url":"http://www.amazon.co.jp/o/ASIN/4883379167/amazon0abac-22/ref=nosim","content":"2014年1月20日発売\n様々なWebPlatform APIについてチュートリアル方式で解説した書籍","tags":["HTML5","WebPlatformAPI","book"],"date":"2014-01-07T12:49:59.363Z","relatedLinks":[{"title":"Twitter / futomi: 昨年末の時点でメジャーブラウザーに実装されている W3C A ...","url":"https://twitter.com/futomi/status/420468660172369920"}]},{"title":"Ten reasons we switched from an icon font to SVG - Ian Feather","url":"http://Ianfeather.github.com/ianfeatherV3/ten-reasons-we-switched-from-an-icon-font-to-svg/","content":"アイコンフォントとSVGを比べた時にSVGのメリットについて。\n","tags":["fonts","SVG"],"date":"2014-01-08T08:28:01.764Z","relatedLinks":[]},{"title":"Why I am switching to promises","url":"http://spion.github.io/posts/why-i-am-switching-to-promises.html","content":"Promiseの利点について。\nthrow-safeなエラーハンドリング、パフォーマンスとメモリ消費、promise.nodeifyを使ったコールバックスタイルとの互換性、Promiseの書き方やユースケース等まとまってる","tags":["JavaScript","Promises"],"date":"2014-01-08T14:48:31.028Z","relatedLinks":[{"title":"Promise nuggets","url":"http://promise-nuggets.github.io/"}]},{"title":"RequireJS 2.1.10 Released ~ James Burke","url":"http://jrburke.com/2014/01/08/requirejs-2.1.10-released/","content":"RequireJS 2.1.10リリース。\nnodeIdCompat、bundlesオプションの追加","tags":["AMD","JavaScript","library","ReleaseNote"],"date":"2014-01-09T07:06:27.320Z","relatedLinks":[]},{"title":"Frida","url":"http://www.frida.re/","content":"プロセスのトレース、関数のhook等を出来るツール https://github.com/frida/frida-gum/ \nV8とPythonを使ったバインディングがあり、JavaScriptでスクリプトを書いてプロセスを監視したりデバッグに使える。","tags":["JavaScript","python","software"],"date":"2014-01-10T00:56:38.708Z","relatedLinks":[{"title":"History","url":"http://www.frida.re/docs/history/"}]},{"title":"Amazon: Dart for Absolute Beginners [Paperback]: David Kopec","url":"http://www.amazon.com/o/ASIN/1430264810/amazon0abac-22/ref=nosim","content":"2014年7月14日発売\nDart初心者向けの書籍","tags":["dart","book"],"date":"2014-01-12T11:41:54.897Z","relatedLinks":[]},{"title":"Frida","url":"http://www.frida.re/","content":"プロセスのトレース、関数のhook等を出来るツール https://github.com/frida/frida-gum/ \nV8とPythonを使ったバインディングがあり、JavaScriptでスクリプトを書いてプロセスを監視したりデバッグに使える。","tags":["JavaScript","python","software"],"date":"2014-01-10T00:56:38.708Z","relatedLinks":[{"title":"History","url":"http://www.frida.re/docs/history/"}]},{"title":"tooling/book-of-modern-frontend-tooling","url":"https://github.com/tooling/book-of-modern-frontend-tooling","content":"モダンなフロントエンド向けツールについて書かれている書籍。\nGithub上で書かれいるのでコントリビューションも出来る","tags":["book","Tools","browser"],"date":"2014-01-10T14:49:22.740Z","relatedLinks":[{"title":"Enterprise Web Development: From Desktop to Mobile","url":"http://enterprisewebbook.com/"}]},{"title":"Release Infix macros · mozilla/sweet.js","url":"https://github.com/mozilla/sweet.js/releases/tag/v0.4.0","content":"マクロを扱えるsweet.js 0.4.0リリース","tags":["JavaScript","ReleaseNote","library","Tools"],"date":"2014-01-11T09:02:21.814Z","relatedLinks":[]},{"title":"Release Now passing all relevant tests · andyearnshaw/Intl.js","url":"https://github.com/andyearnshaw/Intl.js/releases/tag/v0.1.0","content":"ECMAScript Internationalization API (ECMA-402)の実装であるIntl.js 0.1.0がリリース。\ntest262 suiteを全てパスした","tags":["JavaScript","ECMAScript","i18n","ReleaseNote"],"date":"2014-01-11T09:57:51.232Z","relatedLinks":[{"title":"ECMAScript Internationalization API Specification – ECMA-402 Edition 1.0","url":"http://www.ecma-international.org/ecma-402/1.0/"},{"title":"ECMAScript Language – test262","url":"http://test262.ecmascript.org/"}]},{"title":"Amazon: サードパーティJavaScript [大型本]: Ben Vinegar, Anton Kovalyov, 水野貴明","url":"http://www.amazon.co.jp/o/ASIN/4048916580/amazon0abac-22/ref=nosim","content":"2014年2月1日発売\nThird-party JavaScriptの翻訳本\nhttp://thirdpartyjs.com/","tags":["JavaScript","セキュリティ","book"],"date":"2014-01-12T02:49:26.521Z","relatedLinks":[]},{"title":"Promise nuggets","url":"http://promise-nuggets.github.io/","content":"Promisesに関するチュートリアル。\nPromisesの使い方やパターンについて書かれている","tags":["Promises","tutorial"],"date":"2014-01-13T08:30:17.143Z","relatedLinks":[]},{"title":"SVG - Super Vector Graphics","url":"http://tavendo.com/blog/post/super-vector-graphics/","content":"SVGについての連載。\nSVGの基本や利点や扱い方、クロスブラウザでの表示や最適化、fallbackについて書かれてる","tags":["SVG","tutorial","browser"],"date":"2014-01-13T08:44:38.242Z","relatedLinks":[]},{"title":"Stop Writing JavaScript Compilers! Make Macros Instead","url":"http://jlongster.com/Stop-Writing-JavaScript-Compilers--Make-Macros-Instead","content":"JavaScriptのマクロを書けるsweet.jsの使い方とsweet.jsを使ってES6のsyntaxをいくつか実装したmacroについて","tags":["JavaScript","ECMAScript"],"date":"2014-01-13T09:12:20.493Z","relatedLinks":[{"title":"jlongster/es6-macros","url":"https://github.com/jlongster/es6-macros"}]},{"title":"lo-th/Oimo.js","url":"https://github.com/lo-th/Oimo.js","content":"Three.jsを使った物理エンジンライブラリ。\nAS3のOimoPhysicsのJavaScriptポート。","tags":["JavaScript","library"],"date":"2014-01-13T11:11:07.310Z","relatedLinks":[{"title":"ActionScript3.0用の3D物理エンジンを作ってみた – EL-EMENT blog","url":"http://el-ement.com/blog/2012/10/08/as3-physics-engine/"}]},{"title":"groupon/testium","url":"https://github.com/groupon/testium","content":"WebDriverとmochaを使ったIntegration testを行えるツール。\nwebdriver-http-syncをベースにしていて同期的にテストを書けるのが特徴","tags":["node.js","webdriver","library","Tools"],"date":"2014-01-13T11:39:53.326Z","relatedLinks":[{"title":"Groupon: Node.js向け結合テストツールtestiumをオープンソースで提供 - ワザノバ | wazanova","url":"http://wazanova.jp/items/895"}]},{"title":"Lineman | Build awesome web apps, easily.","url":"http://linemanjs.com/","content":"Yeomanのようなウェブアプリのワークフロー管理ツール。\nプロジェクトのテンプレート、ジェネレータやAPIのStubやProxy、Gruntのタスク管理等","tags":["JavaScript","console","Tools"],"date":"2014-01-13T11:58:55.799Z","relatedLinks":[]},{"title":"sweet.jsでshift/reset: 限定継続を使ってコールバック地獄から抜け出す - 標高+1m","url":"http://ympbyc.hatenablog.com/entry/2014/01/11/sweet_js%E3%81%A7shift/reset%3A_%E9%99%90%E5%AE%9A%E7%B6%99%E7%B6%9A%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E3%82%B3%E3%83%BC%E3%83%AB%E3%83%90%E3%83%83%E3%82%AF%E5%9C%B0%E7%8D%84%E3%81%8B%E3%82%89%E6%8A%9C","content":"sweet.jsを使ったshift/resetのような実装","tags":["JavaScript","sweet.js"],"date":"2014-01-13T12:00:03.652Z","relatedLinks":[]},{"title":"ジェネレータの解説と非同期への適用 - Block Rockin’ Codes","url":"http://jxck.hatenablog.com/entry/2014-01-12/generator-screencaset","content":"NodeでのGeneratorについてのスクリーンキャスト。\ngeneratorの使い方、next()でどこまで進むか、非同期処理の同期化、ユーザー側とライブラリ側を分けるための抽象化(coライクのものを作る)、throwでのエラー処理、thunkifyのやってる事\n","tags":["node.js","video"],"date":"2014-01-13T12:22:22.736Z","relatedLinks":[{"title":"visionmedia/co","url":"https://github.com/visionmedia/co"},{"title":"visionmedia/node-thunkify","url":"https://github.com/visionmedia/node-thunkify"},{"title":"Koa - next generation web framework for node.js","url":"http://koajs.com/"}]},{"title":"Refactoring your JavaScript code with Grasp | Grasp - JavaScript structural search, replace, and refactor","url":"http://graspjs.com/blog/2014/01/07/refactoring-javascript-with-grasp/","content":"JS ASTを元にしたgrep/sedのようなツールであるGraspのユースケース紹介。\n実際にどのようにリファクタリングを行えるかが書かれてる","tags":["JavaScript","Tools","debug"],"date":"2014-01-13T14:03:48.117Z","relatedLinks":[{"title":"Graspを使ったJavaScriptのリファクタリング | JSer.info","url":"http://jser.info/post/73202282881/grasp-javascript"}]},{"title":"The State of jQuery 2014 | Official jQuery Blog","url":"http://blog.jquery.com/2014/01/13/the-state-of-jquery-2014/","content":"jQueryの現在と今後について。\njQuery CDNがhttpsに対応した","tags":["jQuery"],"date":"2014-01-14T00:43:33.992Z","relatedLinks":[]},{"title":"EndangeredMassa/bond","url":"https://github.com/endangeredmassa/bond","content":"シンプルなstubとspyの機能持ったライブラリ","tags":["JavaScript","library","testing"],"date":"2014-01-14T01:17:02.443Z","relatedLinks":[{"title":"Announcing: bond 1.0.0 - Massa Labs","url":"http://massalabs.com/dev/2013/11/13/announcing-bond.html"}]},{"title":"The Definitive TypeScript Guide | Blog | SitePen","url":"http://www.sitepen.com/blog/2013/12/31/definitive-guide-to-typescript/","content":"TypeScriptチュートリアル","tags":["TypeScript","tutorial"],"date":"2014-01-14T14:56:33.957Z","relatedLinks":[]},{"title":"State of function decompilation in Javascript — Perfection Kills","url":"http://perfectionkills.com/state-of-function-decompilation-in-javascript/","content":"実装依存となってるFunction.prototype.toStringの挙動について。\n現在のブラウザの動作、ES6で追加された関数ではどうなるか、またユーザー定義、Proxy.createFunctionについて","tags":["JavaScript","ECMAScript"],"date":"2014-01-15T00:55:43.414Z","relatedLinks":[]},{"title":"libsass.js - An Emscripten Experiment | Rodney Rehm","url":"http://blog.rodneyrehm.de/archives/33-libsass.js-An-Emscripten-Experiment.html","content":"libsassをEmscriptenして、Sassをブラウザ上でコンパイル出来るようにする","tags":["Sass","C++","JavaScript"],"date":"2014-01-16T01:01:56.087Z","relatedLinks":[]},{"title":"WebStorm 8 EAP Starts Now | JetBrains WebStorm Blog","url":"http://blog.jetbrains.com/webstorm/2014/01/webstorm-8-eap/","content":"WebStorm 8EAPの最初のリリース。\nAngularJSのサポート改善、JetBrainsが買収したSpy-jsを使ったトレースツールが入った。\n","tags":["WebStorm","ReleaseNote"],"date":"2014-01-16T01:51:45.218Z","relatedLinks":[{"title":"Spy-js JavaScriptトレースツール","url":"http://blog.jetbrains.com/jp/2014/01/16/363"}]},{"title":"Programming JavaScript Applications: Robust Web Architecture with Node, HTML5, and Modern JS Libraries: Eric Elliott: 9781491950296: Amazon.com: Books","url":"http://www.amazon.com/o/ASIN/1491950293/amazon0abac-22/ref=nosim","content":"2014年8月25日発売","tags":["JavaScript","book"],"date":"2014-01-16T12:15:28.016Z","relatedLinks":[]},{"title":"ng-conf 2014 - YouTube","url":"http://www.youtube.com/user/ngconfvideos","content":"ng-conf.org 2014の動画","tags":["Angular","video"],"date":"2014-01-16T22:40:48.706Z","relatedLinks":[{"title":"ng-conf 2014 - The World's First Angular Conference in Salt Lake City, Utah","url":"http://ng-conf.org/"}]},{"title":"mdevils/node-jscs","url":"https://github.com/mdevils/node-jscs/","content":"JavaScriptのコーディングスタイルチェックツール.\nJSHIntと一緒に使うことを想定してる","tags":["JavaScript","Tools"],"date":"2014-01-16T22:46:00.170Z","relatedLinks":[]},{"title":"YUIConf 2013 - YouTube","url":"http://www.youtube.com/playlist?list=PLjKP9DUCzZorde6sLWHJ3GNd-6VrGrbqm","content":"YUI Conf 2013の動画が公開された","tags":["YUI","video"],"date":"2014-01-17T00:40:11.919Z","relatedLinks":[{"title":"YUI Library","url":"https://yuilibrary.com/yuiconf/2013/"},{"title":"YUIConf 2013 – An Amazing Two Days! - YUI Blog","url":"http://www.yuiblog.com/blog/2013/11/08/yuiconf-2013-an-amazing-two-days/"}]},{"title":"twbs/bootstrap-sass","url":"https://github.com/twbs/bootstrap-sass","content":"Twitter bootstrapの公式Sassポート","tags":["Sass"],"date":"2014-01-18T14:53:00.784Z","relatedLinks":[]},{"title":"Introduction to Browserify • Blake Embrey","url":"http://blakeembrey.com/articles/introduction-to-browserify/","content":"browserifyについての紹介。\nNodeのCoreモジュールやnpmモジュール、Transforms機能を使ってファイルのインライン化やビルド時の環境変数の埋め込み、browserifyのオプションについて","tags":["browserify"],"date":"2014-01-19T06:46:31.604Z","relatedLinks":[]},{"title":"Optimizing large selector sets","url":"https://github.com/blog/1756-optimizing-large-selector-sets","content":"CSS Selectorのマッチを、最初にindexを作っておいてO(1)で探索をできるようにするSelectorSetについて。\njQueryと統合できるようになってて、`on`によるdelegate eventsを改善する。","tags":["jQuery","CSS","JavaScript"],"date":"2014-01-19T08:15:48.634Z","relatedLinks":[{"title":"josh/selector-set","url":"https://github.com/josh/selector-set"},{"title":"josh/jquery-selector-set","url":"https://github.com/josh/jquery-selector-set"}]},{"title":"jQuery UI 1.10.4 | jQuery UI Blog","url":"http://blog.jqueryui.com/2014/01/jquery-ui-1-10-4/","content":"jQuery UI 1.10.4リリース。\n","tags":["jQuery","UI","library","ReleaseNote"],"date":"2014-01-19T08:29:41.396Z","relatedLinks":[]},{"title":"ECMAScript 6: TC39 meetings, March–November 2013","url":"http://www.2ality.com/2014/01/tc39-march-november-2013.html","content":"2013年にECMAScript標準の管理をしてるTC39のミーティングで話された内容をまとめたもの。 ES6で追加される機能や仕様等について書かれている","tags":["ECMAScript","まとめ"],"date":"2014-01-19T08:56:17.590Z","relatedLinks":[]},{"title":"jQuery 1.11.0 RC1 and 2.1.0 RC1 Released | Official jQuery Blog","url":"http://blog.jquery.com/2014/01/16/jquery-1-11-0-rc1-and-2-1-0-rc1-released/","content":"jQuery 1.11.0 RC1 と 2.1.0 RC1リリース","tags":["jQuery","ReleaseNote"],"date":"2014-01-19T11:05:48.017Z","relatedLinks":[]},{"title":"Writing A Better JavaScript Library For The DOM | Smashing Coding","url":"http://coding.smashingmagazine.com/2014/01/13/better-javascript-library-for-the-dom/","content":"better-domについての記事\nhttps://github.com/chemerisuk/better-dom\nネイティブの機能を使いつつ、jQueryの罠っぽい機能を避けるような作り","tags":["JavaScript","DOM","library"],"date":"2014-01-20T09:33:18.764Z","relatedLinks":[]},{"title":"Introduction to React // Speaker Deck","url":"https://speakerdeck.com/shuhei/introduction-to-react","content":"Facebookによって開発されてるVirtual DOMライブラリのReactについてのスライド。\n","tags":["DOM","facebook","library","slide"],"date":"2014-01-20T14:11:05.181Z","relatedLinks":[{"title":"React | A JavaScript library for building user interfaces","url":"http://facebook.github.io/react/"}]},{"title":"npmとbrowserifyを使ったクライアントサイドのウェブアプリ開発 | Web scratch","url":"http://efcl.info/2014/0120/res3605/","content":"browserifyについての紹介と使ってみての所感。\nnpmやbower経由でインストールしたライブラリの使い方、gulpやbeefyでのビルドのワークフロー、source mapを使ったデバッグ等","tags":["browserify","node.js","JavaScript","debug"],"date":"2014-01-20T14:29:53.126Z","relatedLinks":[]},{"title":"Callbacks, Promises, Signals and Events | Blog | Miller Medeiros","url":"http://blog.millermedeiros.com/callbacks-promises-signals-and-events/","content":"コールバック、Promises、Signals、Eventsのそれぞれの特徴について簡単にまとめられてる。","tags":["JavaScript"],"date":"2014-01-20T15:33:04.576Z","relatedLinks":[]},{"title":"ESLint 0.3.0 released - ESLint","url":"http://eslint.org/blog/2014/01/eslint-0.3.0-released/","content":"ESLint 0.3.0 リリース。\njsを設定ファイルとして使えなくなったけど、JSONにコメントが使えるように。\n.eslintignoreの追加、stylish format がデフォルトのレポーターに変更、ルールの追加や修正","tags":["JavaScript","Tools"],"date":"2014-01-21T02:30:00.495Z","relatedLinks":[{"title":"ESLint","url":"http://eslint.org/"}]},{"title":"Todd Anderson - BDD in JavaScript: CucumberJS","url":"http://custardbelly.com/blog/blog-posts/2014/01/08/bdd-in-js-cucumberjs/index.html","content":"CucumberJSについての紹介。\nシナリオの書き方","tags":["JavaScript","testing"],"date":"2014-01-21T13:23:12.613Z","relatedLinks":[]},{"title":"dunxrion/benchmartian · GitHub","url":"https://github.com/dunxrion/benchmartian","content":"benchmark.jsを使ったベンチマークを取るコマンドラインツール","tags":["JavaScript","Tools"],"date":"2014-01-22T02:44:42.165Z","relatedLinks":[{"title":"Benchmark.js","url":"http://benchmarkjs.com/"}]},{"title":"nodemon 1.0","url":"http://remysharp.com/2014/01/20/nodemon-1-0/","content":"Nodeのアプリケーションコードの変更を監視して、自動的にサーバを再起動できるnodemon 1.0リリース","tags":["node.js","ReleaseNote"],"date":"2014-01-23T00:29:48.376Z","relatedLinks":[]},{"title":"watilde/tvm","url":"https://github.com/watilde/tvm","content":"TypeScriptバージョン管理コマンドラインツール","tags":["TypeScript","バージョン管理","console","Tools"],"date":"2014-01-23T02:39:18.032Z","relatedLinks":[]},{"title":"Node v0.10.25 (Stable)","url":"http://blog.nodejs.org/2014/01/23/node-v0-10-25-stable/","content":"Node v0.10.25 リリース。\n","tags":["node.js","ReleaseNote"],"date":"2014-01-24T00:53:49.547Z","relatedLinks":[]},{"title":"O'Reilly Japan - Backbone.jsアプリケーション開発ガイド","url":"http://www.oreilly.co.jp/books/9784873116587/","content":"2014年02月07日 発売\nDeveloping Backbone.js Applicationsの翻訳本。\nhttp://addyosmani.github.io/backbone-fundamentals/","tags":["JavaScript","backbone.js","translate","book"],"date":"2014-01-24T07:17:26.466Z","relatedLinks":[]},{"title":"jQuery 1.11 and 2.1 Released | Official jQuery Blog","url":"http://blog.jquery.com/2014/01/24/jquery-1-11-and-2-1-released/","content":"jQuery 1.11 と 2.1リリース。\nそれぞれのモジュールがAMDとなった、+ 遅延初期化が可能に、npm/Bowerから利用できるように、sourcemap URLがデフォルトから外れた","tags":["jQuery","ReleaseNote"],"date":"2014-01-25T05:31:20.589Z","relatedLinks":[]},{"title":"Underscore.jsの入り口：連載｜gihyo.jp … 技術評論社","url":"http://gihyo.jp/dev/serial/01/underscorejs","content":"Underscore.jsについての連載。\n主要なメソッドの機能について紹介されてる","tags":["JavaScript","library"],"date":"2014-01-25T05:52:45.512Z","relatedLinks":[{"title":"Underscore.js","url":"http://underscorejs.org/"},{"title":"enja-oss/Underscore","url":"https://github.com/enja-oss/Underscore"}]},{"title":"Marionette.js in Single Page Application // Speaker Deck","url":"https://speakerdeck.com/koba04/marionette-dot-js-in-single-page-application","content":"Backbone.jsをベースにしたMarionette.jsについて。\nViewの階層構造、Events、テンプレートなど","tags":["backbone.js","slide","JavaScript"],"date":"2014-01-25T13:23:28.125Z","relatedLinks":[{"title":"Marionette.js in Single Page Applicationという話をした - 車輪を再発明 / koba04の日記","url":"http://d.hatena.ne.jp/koba04/20140121/1390299728"},{"title":"Marionette.js","url":"http://marionettejs.com/"}]},{"title":"実践Backbone.Marionette 現場の悩みと解決まで","url":"http://www.slideshare.net/ryumatsukano/backbonemarionette","content":"Marionette.jsについてのスライド。\nRailsと合わせてウェブサイトを作った事例 - サーバサイドのViewと合わせた使い方、ajaxとView、親子View。\nBackbone.jsでテストしやすいコードを書く事、テストダブルについて。","tags":["backbone.js","JavaScript","slide"],"date":"2014-01-25T13:58:37.356Z","relatedLinks":[{"title":"和訳：BackboneとAngularを比較する - @lxyuma BLOG","url":"http://lxyuma.hatenablog.com/entry/2013/11/05/074404"}]},{"title":"User Timing API: Understanding your Web App - HTML5 Rocks","url":"http://www.html5rocks.com/en/tutorials/webperformance/usertiming/","content":"User Timing APIでのパフォーマンス測定APIについて。\n","tags":["JavaScript","browserify","performance"],"date":"2014-01-25T14:46:32.820Z","relatedLinks":[]},{"title":"Web Animations 1.0 Overview","url":"http://www.slideshare.net/cwdoh/kig29th-web-animations","content":"Web Animationsについてのスライド。\nCSS/SVG/requestAnimationFrameの問題点、どのような仕組み/モデルを持ってるか、現在のブラウザのサポート状況などについて","tags":["web","animation","slide"],"date":"2014-01-26T06:36:26.446Z","relatedLinks":[{"title":"真面目なアニメーション (html5j 2013, Web Animations)","url":"http://www.slideshare.net/brianskold/html5j-2013"}]},{"title":"Node.js - Gruntfile.js が長すぎてつらい人は gulp を使ってみよう - Qiita [キータ]","url":"http://qiita.com/shuhei@github/items/4aaa550d1ad30d2fc3b5","content":"gulpチュートリアル\n「Web デザイナーさん向け Grunt を使った コーディング作業の効率化、はじめの一歩」のgulp版","tags":["gulp","tutorial"],"date":"2014-01-26T14:52:12.353Z","relatedLinks":[]},{"title":"Angular with Browserify from ng-conf 2014","url":"http://benclinkinbeard.com/posts/angular-with-browserify-from-ng-conf-2014/","content":"AngularとBroserifyについての発表動画とスライド。\nBroserifyについてWhat/Why、AngularJSとどう合わせるかのHowが書かれてる。","tags":["Angular","browserify","slide","video"],"date":"2014-01-27T06:08:09.332Z","relatedLinks":[]},{"title":"軽量オブザーバJSライブラリのrev.2をリリースした - snyk_s log","url":"http://saneyukis.hatenablog.com/entry/2014/01/25/213310","content":"シンプルなObserverライブラリ。\nObserverは関数ではなくhandleMessageを持ったオブジェクトに限定されている。\nDOMのhandleEventのような感じ","tags":["JavaScript","library"],"date":"2014-01-27T06:14:28.194Z","relatedLinks":[{"title":"addEventListener, handleEvent and passing objects | The CSS Ninja - All things CSS, JavaScript & HTML","url":"http://www.thecssninja.com/javascript/handleevent"},{"title":"イベントハンドリングなら handleEvent を使えば、Function#bind や $.proxy はたぶん要らない - latest log","url":"http://d.hatena.ne.jp/uupaa/20101024/1287850660"}]},{"title":"HTML 5 JavaScript API Index","url":"http://html5index.org/","content":"HTML5関係のAPIのリファレンス\nhttps://github.com/stefanhaustein/html5index\nJavaDocっぽい感じ","tags":["HTML5","リファレンス","JavaScript","Java"],"date":"2014-01-27T06:40:01.042Z","relatedLinks":[]},{"title":"Testing in Node.js | Nettuts+","url":"http://net.tutsplus.com/tutorials/javascript-ajax/testing-in-node-js/","content":"mocha+chaiを使いTDDな感じでmochaでのテストの書き方について学んでいくチュートリアル","tags":["node.js","testing","tutorial"],"date":"2014-01-27T12:33:55.928Z","relatedLinks":[]},{"title":"goodeggs/chai-webdriver","url":"https://github.com/goodeggs/chai-webdriver","content":"selenium-webdriverのassertionをchaiで書けるようにしたChai asertionライブラリ。","tags":["Selenium","testing"],"date":"2014-01-27T12:36:58.027Z","relatedLinks":[{"title":"Chai Webdriver | Bites from Good Eggs","url":"http://bites.goodeggs.com/open_source/chai-webdriver/"}]},{"title":"Introduction to Component","url":"http://smalljs.org/package-managers/component-part-1/","content":"JavaScriptのパッケージ管理ツールであるComponentの紹介","tags":["JavaScript","管理"],"date":"2014-01-28T01:54:38.733Z","relatedLinks":[{"title":"component/component","url":"https://github.com/component/component"}]},{"title":"AriaMinaei/pretty-error","url":"https://github.com/AriaMinaei/pretty-error","content":"nodeのエラースタックトレースを読みやすい形に整形、色付けするモジュール","tags":["node.js","debug","library"],"date":"2014-01-28T05:21:03.848Z","relatedLinks":[]},{"title":"安全でアクセシブルなアイコン・フォント","url":"http://hail2u.net/documents/bulletproof-icon-fonts.html","content":"アイコンフォントとfallbackについて。\nまたスクリーン・リーダーでは擬似要素のcontentも読まれるためWAI-ARIAの属性を使ってアイコンを読み上げされないようにすることについても書かれてる","tags":["CSS","fonts","SVG","WAI-ARIA"],"date":"2014-01-28T12:05:16.037Z","relatedLinks":[]},{"title":"CoffeeScript","url":"http://coffeescript.org","content":"CoffeeScript1.7.0リリース。\nメソッドチェインで`()`を書く必要がなくなり綺麗に繋げられるようになった。\n新たな演算子や構文が追加されてる。\n配列を展開する `...`や`**`、`//`、 `%%`等。\nnodeのrequire.extensionsに対する対応を改善\n","tags":["CoffeeScript","ReleaseNote"],"date":"2014-01-29T00:16:35.828Z","relatedLinks":[{"title":"CoffeeScript upcoming changes.","url":"https://gist.github.com/aseemk/8637896/"},{"title":"release 1.6.4 · Issue #3141 · jashkenas/coffee-script","url":"https://github.com/jashkenas/coffee-script/issues/3141"}]},{"title":"PhoneGap | Cordova 3.3.0 Now on PhoneGap Build","url":"http://phonegap.com/blog/2014/01/28/cordova-3_3-now-on-build/","content":"Cordova(PhoneGap) 3.3.0リリース","tags":["PhoneGap","ReleaseNote"],"date":"2014-01-29T00:37:38.564Z","relatedLinks":[]},{"title":"Chromium Blog: Run Chrome Apps on mobile using Apache Cordova","url":"http://blog.chromium.org/2014/01/run-chrome-apps-on-mobile-using-apache.html","content":" Chrome Apps をApache Cordovaをベースとしたモバイルアプリとして開発出来るtoolchainが公開された","tags":["PhoneGap","Chrome","Android","ios","app"],"date":"2014-01-29T01:07:06.601Z","relatedLinks":[]},{"title":"Release 1.9.0 / 2014-01-29 · chaijs/chai","url":"https://github.com/chaijs/chai/releases/tag/1.9.0","content":"assertionライブラリのchai 1.9.0リリース。\n` .throw()`のエラー表示改善","tags":["JavaScript","testing","library","ReleaseNote"],"date":"2014-01-30T00:15:10.695Z","relatedLinks":[]},{"title":"scottcorgan/prominent","url":"https://github.com/scottcorgan/prominent","content":"DOM event listnersをpromises的に書けるようにするライブラリ。\n","tags":["JavaScript","library","event"],"date":"2014-01-30T02:36:33.726Z","relatedLinks":[]},{"title":"polygonplanet/WSHModule","url":"https://github.com/polygonplanet/WSHModule","content":"Nodeライクなモジュール、ES5標準に近い挙動をするようなJScript実行環境。\nWSH/JScriptが本来持つモノに加えてモダンな機能を加えた/修正したような感じ","tags":["JavaScript","JScript","windows"],"date":"2014-01-30T05:03:31.692Z","relatedLinks":[]},{"title":"Nightwatch.js","url":"http://nightwatchjs.org/","content":"Selenium WebDriver API を使ったE2Eテストを書けるテスティングフレームワーク。\nメソッドチェーンで動作とassertを書いてテストを書く","tags":["webdriver","Selenium","testing"],"date":"2014-01-30T13:44:25.381Z","relatedLinks":[]},{"title":"Live edit browserified code in chrome devtools | thlorenz.com","url":"http://thlorenz.com/blog/live-editing-browserify","content":"Chrome DevToolsのファイルマッピング機能を使うことで、browserifyの元ファイルもChrome DevToolsから編集出来る","tags":["Chrome","browserify","debug","video"],"date":"2014-01-31T00:22:47.977Z","relatedLinks":[]},{"title":"Bootstrap 3.1.0 released · Bootstrap Blog","url":"http://blog.getbootstrap.com/2014/01/30/bootstrap-3-1-0-released/","content":"Bootstrap 3.1.0リリース。\nドキュメントサイトのリニューアル、公式のSassポート、Apache LicenseからMITへ、ビルドツールのアップデート","tags":["CSS","library","ReleaseNote"],"date":"2014-01-31T00:35:43.995Z","relatedLinks":[{"title":"Release v3.1.0 · twbs/bootstrap","url":"https://github.com/twbs/bootstrap/releases/tag/v3.1.0"},{"title":"Note about the license change from Apache to MIT by marclaporte · Pull Request #9075 · twbs/bootstrap","url":"https://github.com/twbs/bootstrap/pull/9075"}]},{"title":"lukehoban/ecmascript-asyncawait","url":"https://github.com/lukehoban/ecmascript-asyncawait","content":"sweet.jsでasyncとawaitの実装。\n内部的にはgenerator、Promisesを使ってる","tags":["sweet.js","JavaScript"],"date":"2014-01-31T00:48:21.106Z","relatedLinks":[]},{"title":"paypal/bootstrap-accessibility-plugin","url":"https://github.com/paypal/bootstrap-accessibility-plugin","content":"Bootstrap 3にWAI-ARIAの属性を加えるようにしてアクセシビリティ的に良くするプラグイン","tags":["CSS","JavaScript","アクセシビリティ","WAI-ARIA"],"date":"2014-01-31T12:02:49.403Z","relatedLinks":[]},{"title":"Promises","url":"http://www.promisejs.org/","content":"ES6 Promisesについて学べるサイト。\n基本的な使い方やPromises/A+ 互換の実装ライブラリについて書かれてる","tags":["JavaScript","tutorial","Promises"],"date":"2014-02-01T01:17:18.890Z","relatedLinks":[]},{"title":"AngularJS - ng-conf 2014 - Exclusive","url":"http://ng-learn.org/2014/01/NG-CONF-2014/","content":"ng-conf 2014 の動画やスライドのまとめ","tags":["Angular","Conference","video","slide"],"date":"2014-02-01T16:57:10.153Z","relatedLinks":[{"title":"ng-conf 2014 - The World's First Angular Conference in Salt Lake City, Utah","url":"http://ng-conf.org/"}]},{"title":"FrontEndLondon: ServiceWorker & the offline web // Speaker Deck","url":"https://speakerdeck.com/phuu/frontendlondon-serviceworker-and-the-offline-web","content":"オフラインアプリのキャッシュとしてのAppCache, ServiceWorkerのスライド。\n主にServiceWorkerとはどのような構造を持ってるかについて書かれている","date":"2014-02-02T11:25:09.174Z","tags":["JavaScript","slide","オフライン"],"relatedLinks":[{"url":"https://github.com/slightlyoff/ServiceWorker","title":"slightlyoff/ServiceWorker"}]},{"title":"CoffeeScript 1.7.1が出てた - 終わる世界とコンテンツ","url":"http://blog.geta6.net/post/75337217382/coffeescript-1-7-1","content":"CoffeeScript 1.70(1.7.1)の変更点の詳細解説","tags":["CoffeeScript","ReleaseNote"],"date":"2014-02-02T12:25:09.174Z","relatedLinks":[]},{"title":"My First Gulp Adventure - Pony Foo","url":"http://blog.ponyfoo.com/2014/01/27/my-first-gulp-adventure","content":"gulpfileの基本的な書き方についてのチュートリアル。\ngulp.taskのdepencyの書き方、package.jsonの中身を使ったファイル名指定、外部プロセスを叩くタスク等について","tags":["gulp","tutorial"],"date":"2014-02-02T13:41:12.338Z","relatedLinks":[{"title":"gulp 3.5でgulp.runがdeprecatedになりました | Web scratch","url":"http://efcl.info/2014/0125/res3630/"}]},{"title":"React.js in pure JavaScript (Facebook library) - Deep explanation for newbies","url":"http://webdesignporto.com/react-js-in-pure-javascript-facebook-library/","content":"Facebookが作ってるVirtual DOMライブラリなReact.jsについてチュートリアル。","tags":["JavaScript","DOM","tutorial","library"],"date":"2014-02-02T13:46:35.993Z","relatedLinks":[]},{"title":"Release v1.8.1: 1.8.1 · cjohansen/Sinon.JS","url":"https://github.com/cjohansen/Sinon.JS/releases/tag/v1.8.1","content":"Sinon.JS 1.8.1 リリース。\n`clearImmediate`、`withCredentials`、`XHR.upload` のサポート、バグ修正等","tags":["JavaScript","ReleaseNote","library","testing"],"date":"2014-02-02T14:11:30.351Z","relatedLinks":[{"title":"== 1.8.0 / 2014-02-02","url":"http://sinonjs.org/Changelog.txt"}]},{"title":"Ractive.js入門 - @lxyuma BLOG","url":"http://lxyuma.hatenablog.com/entry/2014/02/03/000904","content":"リファクティブスタイルなDOMライブラリであるRactive.jsについて。\nAngularとKnockoutと比べた立ち位置、基本的な使い方、内部的な効率化の仕組み、Backboneと合わせた使い方について","tags":["JavaScript","DOM","library"],"date":"2014-02-03T05:42:40.520Z","relatedLinks":[]},{"title":"Cute - a smaller Angular","url":"http://timruffles.github.io/cute/","content":"Angular.jsのサブセット。Angularよりもコード量が少なく、読み書きしやすくしたライブラリ。","date":"2014-02-03T05:42:40.520Z","tags":["Angular","JavaScript","library"]},{"title":"A Guide to Building Your First Ember.js App","url":"http://www.toptal.com/javascript/a-step-by-step-guide-to-building-your-first-ember-js-app","content":"Ember.jsを使ったチュートリアル。ジュークボックス的なアプリを作っていく。","date":"2014-02-03T09:42:40.520Z","tags":["Ember.js","JavaScript","tutorial"],"relatedLinks":[{"title":"balinterdi/rock-and-roll","url":"https://github.com/balinterdi/rock-and-roll"}]},{"title":"Building rich web UIs with knockout.js","url":"http://programming.oreilly.com/2014/01/building-rich-web-uis-with-knockout-js.html","content":"Fluent 2013でのKnockout.jsを使用したライブコーディング。","date":"2014-02-03T12:42:40.520Z","tags":["JavaScript","Knockout.js","tutorial","video"],"relatedLinks":[{"title":"O'reilly Fluent 2014","url":"http://fluentconf.com/fluent2014"}]},{"title":"mozilla/localForage","url":"https://github.com/mozilla/localForage","content":"localStorageを非同期版という感じのライブラリ。\nコールバック又はPromiseで書けるようになっていて、内部的にはIndexedDB or WebSQLを利用する","tags":["JavaScript","library"],"date":"2014-02-03T12:34:17.627Z","relatedLinks":[]},{"title":"gulp.js で TypeScript をコンパイルするプラグインを作った - kotas.tech","url":"http://kotas.hatenablog.jp/entry/2014/02/04/005146","content":"gulpのTypeScriptコンパイラプラグイン","tags":["gulp","TypeScript","plugin"],"date":"2014-02-04T01:24:18.803Z","relatedLinks":[{"title":"gulp-tsc","url":"https://npmjs.org/package/gulp-tsc"}]},{"title":"Amazon: インタラクティブ・データビジュアライゼーション ―D3.jsによるデータの可視化 [大型本]: Scott Murray, 長尾 高弘","url":"http://www.amazon.co.jp/o/ASIN/4873116465/amazon0abac-22/ref=nosim","content":"2014年02月19日 発売\nInteractive Data Visualization for the Webの翻訳本。\nD3.jsについての書籍","tags":["d3.js","book"],"date":"2014-02-04T12:56:20.805Z","relatedLinks":[{"title":"O'Reilly Japan - インタラクティブ・データビジュアライゼーション","url":"http://www.oreilly.co.jp/books/9784873116464/"}]},{"title":"サードパーティJavaScript【委託】 - 達人出版会","url":"http://tatsu-zine.com/books/3rdparty-javascript","content":"サードパーティJavaScriptの電子書籍","tags":["JavaScript","book","電子書籍"],"date":"2014-02-05T01:38:37.439Z","relatedLinks":[]},{"title":"boo1ean/casual","url":"https://github.com/boo1ean/casual","content":"ダミーデータ(オブジェクト)生成ライブラリ。\n標準で色々用意されているが、自分で定義して作成も出来る。","tags":["JavaScript","library"],"date":"2014-02-06T04:30:14.178Z","relatedLinks":[]},{"title":"Amazon: The Ember.js Way (Developer's Library) [Paperback]: Brian Cardarella, Alex Navasardyan","url":"http://www.amazon.com/o/ASIN/0321994531/amazon0abac-22/ref=nosim","content":"2014年8月12日発売\nEmber.jsについての書籍","tags":["JavaScript","MVC","library","book"],"date":"2014-02-06T06:31:32.973Z","relatedLinks":[]},{"title":"Release Pure 0.4.1 - It's the little things · yui/pure","url":"https://github.com/yui/pure/releases/tag/v0.4.1","content":"Pure 0.4.1リリース。\n`hidden` 属性で表示の有無、input要素周りのスタイル修正等","tags":["CSS","library"],"date":"2014-02-07T13:27:51.864Z","relatedLinks":[]},{"title":"jQuery's browser bug workarounds - Google ドライブ","url":"https://docs.google.com/document/d/1LPaPA30bLUB_publLIMF0RlhdnPx_ePXm7oW02iiT6o/preview","content":"jQueryが対応してるブラウザバグのワークアラウンドについてのまとめ。\n","tags":["jQuery","browser","まとめ"],"date":"2014-02-07T15:57:25.308Z","relatedLinks":[{"title":"You Might Not Need jQuery","url":"http://youmightnotneedjquery.com/"}]},{"title":"MozillaZine.jp » Blog Archive » Firefox 27 がリリースされた","url":"http://mozillazine.jp/?p=4308","content":"Firefox 27リリース。\nSPDY 3.1 をサポート、DevToolsでコード整形機能の追加、CSSの `all:unset`のサポート","tags":["firefox","ReleaseNote"],"date":"2014-02-07T16:35:04.810Z","relatedLinks":[{"title":"Firefox 27 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/ja/docs/Mozilla/Firefox/Releases/27"},{"title":"Firefox 27.0 リリースノート","url":"http://www.mozilla.jp/firefox/27.0/releasenotes/"}]},{"title":"Creating standalone JavaScript library builds with browserify, watchify, and uglify-js","url":"http://learnjs.io/blog/2014/02/06/creating-js-library-builds-with-browserify-and-other-npm-modules/","content":"npm runを使ったタスクの実行についてのチュートリアル。\nbrowserify + watchify + uglify-jsでbuild(-min,-debug),watchとそれぞれのタスクをnpm scriptsで行うシンプルな話。\nGruntやgulpでも同じ事はできるけど、サンプルと構成共にとても小さく書かれているので分かりやすい。","tags":["browserify","tutorial","node.js","npm"],"date":"2014-02-08T05:52:21.602Z","relatedLinks":[{"title":"Modular JavaScript development with Browserify and LivePage | Solarian Programmer","url":"http://solarianprogrammer.com/2014/02/05/modular-javascript-development-browserify-livepage/"}]},{"title":"Private fields in JavaScript using Symbols","url":"https://curiosity-driven.org/private-fields-using-symbols","content":"ES6 Symbols を使った真なプライベート変数の作り方について。\n","tags":["JavaScript","ECMAScript"],"date":"2014-02-08T05:58:23.023Z","relatedLinks":[{"title":"Symbol でプライベートな値を作る - hogehoge @teramako","url":"http://d.hatena.ne.jp/teramako/20130317/p3"},{"title":"Private instance members with weakmaps in JavaScript | NCZOnline","url":"http://www.nczonline.net/blog/2014/01/21/private-instance-members-with-weakmaps-in-javascript/"}]},{"title":"fn.js | A JavaScript library built to encourage a functional programming style & strategy.","url":"http://eliperelman.com/fn.js/","content":"Functionalスタイルなメソッドを提供するライブラリ","tags":["関数型プログラミング","JavaScript","library"],"date":"2014-02-08T06:05:05.929Z","relatedLinks":[]},{"title":"Advanced Debugging Techniques in JavaScript - Part 1 | Keyhole Software","url":"http://keyholesoftware.com/2014/01/06/advanced-debugging-techniques-in-javascript-part-1/","content":"debugger;ステートメントを使ったデバッグについてのユースケース","tags":["browser","debug"],"date":"2014-02-08T06:16:01.514Z","relatedLinks":[]},{"title":"Writing Your First Sweet.js Macro","url":"http://jlongster.com/Writing-Your-First-Sweet.js-Macro","content":"sweet.jsを使ったマクロの書き方のチュートリアル。\nsweet.jsによる変換をステップ毎に見られるインタラクティブエディタがあり分かりやすい。\nマクロルールのパターンマッチ、`let` の使い方、名前の衝突回避、コマンドラインオプションについて","tags":["sweet.js","tutorial","JavaScript"],"date":"2014-02-08T07:34:13.685Z","relatedLinks":[]},{"title":"w3ctag/promises-guide","url":"https://github.com/w3ctag/promises-guide","content":"いつPromisesを使うか、いつ使うべきではないか。\nエラーが起きた時にどうするべきかやコントロールフローの管理であって、タスクのキューではない事や引数にpromiseを受ける場合についてのガイドライン。\nまた仕様書でよく使われるフレーズについてまとめられている","tags":["Promises","spec","document"],"date":"2014-02-08T12:01:32.931Z","relatedLinks":[{"title":"Promiseはコールバックに対する聖杯ではない - snyk_s log","url":"http://saneyukis.hatenablog.com/entry/2014/02/04/233817"}]},{"title":"vue.js","url":"http://vuejs.org/","content":"ViewとModelのデータバインディングライブラリ。\nObject.defineProperty等を使っているためES5以降のブラウザをサポート","tags":["JavaScript","library","MVC"],"date":"2014-02-08T15:34:04.780Z","relatedLinks":[]},{"title":"JavaScriptライブラリの気になる実装をどうやって見ていくか | Web scratch","url":"http://efcl.info/2014/0209/res3658/","content":"JavaScriptライブラリ等の実装の調べ方について。\nデバッガーで実行しながら探す方法とキーワードを元にgraspのようなツールを使って探す方法について","tags":["JavaScript","library"],"date":"2014-02-08T16:32:59.876Z","relatedLinks":[]},{"title":"List.js - Search, sort, filters, flexibility to tables, list and more!","url":"http://www.listjs.com/","content":"リスト表示して絞込検索、フィルター、ソート等を行えるライブラリ。\n依存ライブラリ等がなくシンプル","tags":["JavaScript","library","search"],"date":"2014-02-08T16:37:18.789Z","relatedLinks":[]},{"title":"Web Platform Wednesdays, meet JavaScript! | Web Platform Blog","url":"http://blog.webplatform.org/2014/02/web-platform-wednesdays-meet-javascript/","content":"Web PlatformにJavaScriptリファレンスページが出来た。\nMSが寄稿したものが取り込まれてて、CC-BYライセンスが適応される?","tags":["JavaScript","リファレンス"],"date":"2014-02-09T03:15:19.356Z","relatedLinks":[{"title":"javascript · javascript · WPD · WebPlatform.org","url":"http://docs.webplatform.org/wiki/javascript"}]},{"title":"WebReflection/restyle","url":"https://github.com/WebReflection/restyle","content":"absurd.jsのようにJavaScriptでCSSライクなオブジェクトを書いてCSSにする。\nブラウザ、Nodeで動くライブラリ。","tags":["JavaScript","CSS","library"],"date":"2014-02-09T07:45:52.553Z","relatedLinks":[{"title":"Web Reflection: restyle.js - a simplified CSS approach","url":"http://webreflection.blogspot.jp/2014/02/restylejs-simplified-css-approach.html"},{"title":"AbsurdJS - the new CSS preprocessor","url":"http://krasimir.github.io/absurd/"}]},{"title":"JavaScript Promises - Thinking Sync in an Async World // Speaker Deck","url":"https://speakerdeck.com/kerrick/javascript-promises-thinking-sync-in-an-async-world","content":"ES6 Promisesの流れについてまとまってるスライド.\nPromiseが持つ状態、メソッド、Promiseコンストラクタの使い方とショートカット、Promiseとthisとbindを利用についてなど","tags":["JavaScript","Promises","slide"],"date":"2014-02-09T10:53:23.261Z","relatedLinks":[{"title":"▶ JavaScript Promises: Thinking Sync in an Async World - YouTube","url":"http://www.youtube.com/watch?v=wc72cyYt8-c"}]},{"title":"Amazon: エンジニアのための データ可視化[実践]入門 ~D3.jsによるWebの可視化 (Software Design plus) [単行本（ソフトカバー）]: 森藤 大地, あんちべ","url":"http://www.amazon.co.jp/o/ASIN/4774163260/amazon0abac-22/ref=nosim","content":"2014年2月20日発売\nD3.jsを使ったデータの可視化についての書籍","tags":["d3.js","book"],"date":"2014-02-09T10:55:52.482Z","relatedLinks":[]},{"title":"Uniter","url":"http://asmblah.github.io/uniter/","content":"PHPをブラウザや、Node.jsで動かすライブラリ。α版。","date":"2014-02-09T17:55:58.089Z","tags":["PHP","JavaScript","Node.js"],"relatedLinks":[{"title":"Demo","url":"http://asmblah.github.io/uniter/demo/interactive.html"}]},{"title":"Replaced js with 1 single HTTP request · c958acc · jsdelivr/jsdelivr.com","url":"https://github.com/jsdelivr/jsdelivr.com/commit/c958acc742a1bb8d2966ff48a09632284e1dfa05","content":"JavaScript CDNのjsDelivrが複数のファイルを一つにまとめて配布出来るようになった","tags":["JavaScript","library"],"date":"2014-02-10T13:09:40.971Z","relatedLinks":[{"title":"jsDelivr - Free CDN for javascript libraries, jQuery plugins, CSS frameworks, Fonts and more","url":"http://www.jsdelivr.com/"}]},{"title":"Building a jQuery-like library – Blog of Cedric Ruiz","url":"http://cedricruiz.me/blog/building-a-jquery-like-library/","content":"ES5で増えたArray拡張やquerySelector等を使ってjQueryライクなDOM操作ライブラリを書くチュートリアル。\n関数型っぽい感じの構成になっている","tags":["JavaScript","jQuery","関数型プログラミング"],"date":"2014-02-10T13:17:47.382Z","relatedLinks":[]},{"title":"JS1k.com - a fiery js code golfing competition","url":"http://js1k.com/2014-dragons/","content":"コードゴルフ大会のJS1k 2014が開催","tags":["JavaScript","Conference"],"date":"2014-02-11T01:45:54.627Z","relatedLinks":[{"title":"Twitter / js1k: Announcing JS1k 2014: \"Here ...","url":"https://twitter.com/js1k/status/430812732028227584"}]},{"title":"Underscore.js","url":"http://underscorejs.org/","content":"Underscore 1.6.0 リリース。\n`_.partition`, `_.property`, `_.matches`,  `_.constant` , `_.now` の追加","tags":["JavaScript","library","ReleaseNote"],"date":"2014-02-11T04:54:59.609Z","relatedLinks":[]},{"title":"クライアントサイドのテンプレートエンジン doT.js がわりとよさ気なのでいじってみる | デブ ハゲ","url":"http://dev.hageee.net/39","content":"テンプレートエンジンのdoT.jsについて","tags":["JavaScript","library"],"date":"2014-02-12T01:39:21.285Z","relatedLinks":[{"title":"olado/doT","url":"https://github.com/olado/doT"}]},{"title":"ESLint 0.4.0 released - ESLint","url":"http://eslint.org/blog/2014/02/eslint-0.4.0-released/","content":"ESLint 0.4.0リリース。\n.eslintrcにYAML/JSONで設定がかけるように、`npm run profile` の追加とパフォーマンス改善、ルールの修正や追加(JSDocのバリデーションルール)等","tags":["JavaScript","Tools"],"date":"2014-02-13T00:43:52.582Z","relatedLinks":[{"title":"Release goals · eslint/eslint Wiki","url":"https://github.com/eslint/eslint/wiki/Release-goals"}]},{"title":"GulpFiction/gulpfiction","url":"https://github.com/GulpFiction/gulpfiction","content":"gulpfileのビジュアルエディタ。\ngulpタスクの内容をパイプで繋いでGUI上で作成出来る","tags":["gulp","editor","webservice"],"date":"2014-02-13T01:02:02.475Z","relatedLinks":[]},{"title":"ng-book: The Complete Book on AngularJS","url":"https://www.ng-book.com/","content":"600P超のAngularJSについての書籍","tags":["Angular","book"],"date":"2014-02-13T05:20:49.567Z","relatedLinks":[{"title":"Books | ng-newsletter","url":"http://www.ng-newsletter.com/books/"}]},{"title":"cloudup/browser-repl","url":"https://github.com/cloudup/browser-repl","content":"SauceLabsを使ったブラウザREPL.\nwebdriverを使ってリモートのブラウザをREPL的に使える","tags":["browser","JavaScript","webdriver","console","Tools"],"date":"2014-02-14T07:05:46.801Z","relatedLinks":[]},{"title":"yahoo/ypromise","url":"https://github.com/yahoo/ypromise","content":"YUIで使われてるES6 Promisesを分離したpolyfillライブラリ","tags":["ECMAScript","JavaScript","Promises","library"],"date":"2014-02-15T04:17:01.761Z","relatedLinks":[]},{"title":"Backbone.js","url":"http://backbonejs.org","content":"Backbone.js 1.1.1リリース。\nAMD,Bower,Componentのサポート、ルーティング周りの改善。","tags":["backbone.js","library","backbone.js"],"date":"2014-02-15T05:50:37.488Z","relatedLinks":[]},{"title":"Supercharging your Gruntfile: How to squeeze the most out of your build configuration. - HTML5 Rocks","url":"http://www.html5rocks.com/en/tutorials/tooling/supercharging-your-gruntfile/","content":"Grunt pluginの自動ロードにload-grunt-tasks、設定ファイルの分割、変更されたファイルのみを対象にする `grunt-newer`、並行実行でのビルド時間削減、通知について等","tags":["Grunt","Tips"],"date":"2014-02-15T07:17:23.103Z","relatedLinks":[]},{"title":"Building JavaScript Tools","url":"http://gregfranko.com/building-javascript-tools-talk/","content":"JavaScriptツールを使うだけじゃなくて書いてみよう。\nどこから始める? -> コードをASTというオブジェクトで表現できる -> AST を使ったツールを作ろう という感じのJS ASTについてのスライド","tags":["JavaScript","AST","Tools","slide"],"date":"2014-02-15T15:16:44.288Z","relatedLinks":[{"title":"JavaScript AST Walker","url":"http://azu.github.io/slide/tkbjs/js-ast-walker.html"}]},{"title":"React | Community Round-up #16","url":"http://facebook.github.io/react/blog/2014/02/15/community-roundup-16.html","content":"ReactのVirtualDOMやDiffのアルゴリズムやチュートリアルへのリンクまとめ記事","tags":["facebook","DOM","JavaScript","library","まとめ"],"date":"2014-02-16T06:43:31.549Z","relatedLinks":[]},{"title":"How To Build A CLI Tool With Node.js And PhantomJS | Smashing Coding","url":"http://coding.smashingmagazine.com/2014/02/12/build-cli-tool-nodejs-phantomjs/","content":"PhantomJSを使ってappcache.manifestのリソースリストを作るNodeのコマンドラインツールを作るチュートリアル","tags":["node.js","browser","Tools","tutorial"],"date":"2014-02-16T07:58:11.795Z","relatedLinks":[]},{"title":"Release Release 1.0.0! · teppeis/fixclosure","url":"https://github.com/teppeis/fixclosure/releases/tag/1.0.0","content":"Closure Libraryを使って書かれたコードにおける依存関係の検証/解決するツールfixclosure 1.0.0リリース","tags":["JavaScript","library","Tools","ReleaseNote"],"date":"2014-02-17T01:32:21.875Z","relatedLinks":[{"title":"goog.require()を手書きしていいのは小学生まで","url":"http://www.slideshare.net/teppeis/googrequire"}]},{"title":"JavaScript Promises ... In Wicked Detail - Matt Greer","url":"http://mattgreer.org/articles/promises-in-wicked-detail/","content":"Promise/A+を実装しながらPromisesについて学ぶチュートリアル。\nかなり小さいコードから始まってるので分かりやすい","tags":["JavaScript","Promises","tutorial"],"date":"2014-02-17T09:09:13.863Z","relatedLinks":[{"title":"Modern JavaScript: Promises/A+ - understanding the spec through implementation","url":"http://modernjavascript.blogspot.jp/2013/08/promisesa-understanding-by-doing.html"}]},{"title":"Build Wars: Gulp vs Grunt","url":"http://markdalgleish.github.io/presentation-build-wars-gulp-vs-grunt/","content":"Gruntの成り立ちと歴史、gulpの特徴のストリーム等や基本的な使い方、内部的に使われてるモジュールについて。\nビルドシステムツールの今後についてなど、画像多めでコミカルにまとめてる","tags":["Grunt","gulp","slide","歴史"],"date":"2014-02-17T12:44:02.726Z","relatedLinks":[]},{"title":"React | React v0.9 RC","url":"http://facebook.github.io/react/blog/2014/02/16/react-v0.9-rc1.html","content":"React v0.9 RCリリース","tags":["JavaScript","library","ReleaseNote"],"date":"2014-02-17T13:00:58.877Z","relatedLinks":[]},{"title":"RequireJS 2.1.11 Released ~ James Burke","url":"http://jrburke.com/2014/02/16/requirejs-2.1.11-released/","content":"RequireJS 2.1.11リリース","tags":["JavaScript","AMD","library","ReleaseNote"],"date":"2014-02-17T13:01:27.394Z","relatedLinks":[]},{"title":"What Every JavaScript Developer Should Know About Floating Points | Flippin' Awesome","url":"http://flippinawesome.org/2014/02/17/what-every-javascript-developer-should-know-about-floating-points/","content":"JavaScriptの浮動小数点について。\nIEEE 754、丸め誤差の問題、BigDecimalのような浮動小数点を扱うライブラリについて","tags":["JavaScript"],"date":"2014-02-17T13:04:42.637Z","relatedLinks":[{"title":"dtrebbien/BigDecimal.js","url":"https://github.com/dtrebbien/BigDecimal.js"}]},{"title":"saadtazi/firefox-profile-js · GitHub","url":"https://github.com/saadtazi/firefox-profile-js","content":"Firefoxのプロファイルを作ったり、既存のプロファイルを利用したり、アドオンを追加等プロファイルを扱えるNodeモジュール。WebDriverと合わせて使う感じ","tags":["firefox","webdriver","node.js"],"date":"2014-02-18T12:26:19.542Z","relatedLinks":[]},{"title":"nicjansma/usertiming.js","url":"https://github.com/nicjansma/usertiming.js","content":"UserTiming APIのpolyfillライブラリ","tags":["JavaScript","performance","library"],"date":"2014-02-19T00:41:56.817Z","relatedLinks":[]},{"title":"ES6 Fiddle","url":"http://www.es6fiddle.net/","content":"ECMAScript6のコードを実行出来るJSFiddle的なサービス。\nTraceurを使ったコンパイル、JSHintを使ったLint等が行われるのでブラウザが直接サポートされて無くても実行が出来る","tags":["JavaScript","ECMAScript","Tools"],"date":"2014-02-19T00:56:12.440Z","relatedLinks":[]},{"title":"sindresorhus/pageres","url":"https://github.com/sindresorhus/pageres","content":"PhantomJSを使った指定サイズのスクリーンショットをまとめて取るツール\nhttps://github.com/juliangruber/review と似た感じ","tags":["browser","画像","Tools"],"date":"2014-02-19T01:56:45.275Z","relatedLinks":[]},{"title":"Node v0.10.26 (Stable)","url":"http://blog.nodejs.org/2014/02/18/node-v0-10-26-stable/","content":"Node v0.10.26リリース。\n","tags":["node.js","ReleaseNote"],"date":"2014-02-19T02:18:15.914Z","relatedLinks":[]},{"title":"AngularJS Design Patterns | Packt Publishing","url":"http://www.packtpub.com/angularjs-design-patterns/book","content":"AngularJSでのデザインパターンについての書籍","tags":["Angular","book","デザインパターン"],"date":"2014-02-19T02:28:29.048Z","relatedLinks":[]},{"title":"CyberAgent/boombox.js","url":"https://github.com/CyberAgent/boombox.js","content":"HTMLVideo, HTMLAudio, WebAudioのAPIを同じインターフェースで扱えるライブラリ","tags":["HTML","audio","API","library"],"date":"2014-02-20T00:50:27.143Z","relatedLinks":[]},{"title":"CSS Animation Events Explained! - All The Right Moves Screencast on Vimeo","url":"http://vimeo.com/86821694","content":"CSS animation eventについてのスクリーンキャスト","tags":["CSS","video"],"date":"2014-02-20T05:30:30.857Z","relatedLinks":[]},{"title":"Building Polyfills - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920030690.do","content":"Web Platform APIsのPolyfillについての書籍。","tags":["JavaScript","book"],"date":"2014-02-21T02:37:40.848Z","relatedLinks":[{"title":"Building Polyfills by Brandon Satrom","url":"http://polyfillsbook.com/"}]},{"title":"React | React v0.9","url":"http://facebook.github.io/react/blog/2014/02/20/react-v0.9.html","content":"React v0.9リリース\nTest Utilitiesの追加、JSXのwhite spaceの扱いの変更","tags":["DOM","JavaScript","library","ReleaseNote"],"date":"2014-02-21T03:08:11.298Z","relatedLinks":[]},{"title":"Why \"use strict\" in JavaScript can save you hours","url":"http://webdesignporto.com/why-use-strict-in-javascript-can-save-you-hours/","content":"strict modeにすることで、コードのミスからエラー (構文エラーor実行時エラー) に出来る事について","tags":["JavaScript","Tips"],"date":"2014-02-21T07:24:50.067Z","relatedLinks":[]},{"title":"Pint","url":"http://www.pintjs.com/","content":"Gruntラッパーなコマンドラインツール。\nタスクの設定ファイル分割、タスクの依存関係を元に可能ならタスクの並列実行を行えるようにする。","tags":["Grunt","Tools"],"date":"2014-02-21T07:29:01.439Z","relatedLinks":[{"title":"Introducing Pint, the new build system for Grunt.js","url":"https://www.codefellows.org/blogs/introducing-pint-the-new-build-system-for-grunt-js"}]},{"title":"Koa 0.5.0 — Code adventures — Medium","url":"https://medium.com/code-adventures/a0a1c2cfc2ac","content":"Koa 0.5.0リリース。\n","tags":["node.js","ReleaseNote"],"date":"2014-02-21T15:01:35.077Z","relatedLinks":[]},{"title":"DartLanguageGuide.pdf","url":"http://www.cresc.co.jp/tech/java/Google_Dart/DartLanguageGuide.pdf","content":"Dart言語について詳しく書かれたPDF。\n基本的な文法から幅広く解説されてる","tags":["dart","book"],"date":"2014-02-22T06:52:12.956Z","relatedLinks":[]},{"title":"Maintainable Gruntfile.js - from scratch","url":"http://yosuke-furukawa.hatenablog.com/entry/2014/02/22/134852","content":"load-grunt-configを使ったタスクのファイル分割、time-gruntを使った実行時間の計測とでのタスクにキャッシュ機構の追加や並列実行などの実行時間の改善などについて","tags":["Grunt","Tips"],"date":"2014-02-22T09:48:42.292Z","relatedLinks":[]},{"title":"A modern JavaScript router in 100 lines - Tech.Pro","url":"http://tech.pro/tutorial/1889/a-modern-javascript-router-in-100-lines","content":"JavaScriptでシンプルなルーティングライブラリを書いてみるチュートリアル","tags":["JavaScript","URL"],"date":"2014-02-22T12:02:43.544Z","relatedLinks":[]},{"title":"Working with ES5 JavaScript array functions in modern and legacy browsers - Tech.Pro","url":"http://tech.pro/tutorial/1834/working-with-es5-javascript-array-functions-in-modern-and-legacy-browsers","content":"ES5で追加された配列の拡張メソッドについて。\n使い方とpolyfillの実装について","tags":["JavaScript"],"date":"2014-02-22T12:19:03.313Z","relatedLinks":[]},{"title":"Introduction to the Component JavaScript Package Manager | Flippin' Awesome","url":"http://flippinawesome.org/2014/02/17/introduction-to-the-component-javascript-package-manager/","content":"JavaScriptパッケージ管理ツールのComponentについてのチュートリアル。\n","tags":["JavaScript","Tools","video"],"date":"2014-02-22T12:19:52.898Z","relatedLinks":[]},{"title":"joliss/broccoli","url":"https://github.com/joliss/broccoli","content":"高速なインクリメンタルビルドを目的としてGrunt等のようなビルドツール。\nビルド対象をファイルではなくtreeとして扱う、pluginもtreeとして扱う。キャッシュの仕組みなども入っている。\n","tags":["JavaScript","Tools"],"date":"2014-02-23T02:24:34.263Z","relatedLinks":[{"title":"Broccoli: First Beta Release","url":"http://www.solitr.com/blog/2014/02/broccoli-first-release/"}]},{"title":"Parse data files using Node.js streams - Nicolas Hery","url":"http://nicolashery.com/parse-data-files-using-nodejs-streams/","content":"node streamを使ってCSVをJSONに変換するTransform streamのチュートリアル。\n","tags":["node.js","stream","tutorial"],"date":"2014-02-23T03:56:36.763Z","relatedLinks":[]},{"title":"Stop Being Afraid Of Promises And Be Awesome Instead - XB Software","url":"http://xbsoftware.com/blog/stop-afraid-promises-be-awesome-instead/","content":"Promisesを使った非同期処理のコード例とpromiseのライブラリの紹介。\n","tags":["Promises","JavaScript"],"date":"2014-02-23T06:07:10.399Z","relatedLinks":[]},{"title":"angular/di.js","url":"https://github.com/angular/di.js","content":"AngularのDIライブラリ。\nES6で書かれていてTraceurで変換してる。","tags":["JavaScript","testing","library"],"date":"2014-02-23T06:26:46.433Z","relatedLinks":[{"title":"ng-conf-di-v2.pdf","url":"https://dl.dropboxusercontent.com/u/36607830/talks/ng-conf-di-v2.pdf"}]},{"title":"Task.js","url":"http://uupaa.github.io/Task.js/slide/#/","content":"カウントベースのフローコントロールライブラリ\nhttps://github.com/uupaa/Task.js についてのスライド\n","tags":["JavaScript","library"],"date":"2014-02-23T06:44:39.716Z","relatedLinks":[{"title":"Task.js は、非同期処理をスッキリ書ける(よく見かける)ライブラリである - latest log","url":"http://uupaa.hatenablog.com/entry/2014/02/21/153344"}]},{"title":"Promise Anti-patterns","url":"http://taoofcode.net/promise-anti-patterns/","content":"Promisesのアンチパターンについて。\nネストしたpromise、 例外を`catch`できないpromise、配列の中身に対してそれぞれ非同期処理するケース、分岐とpromise、過剰なエラーハンドリング、無駄なpromise","tags":["Promises","デザインパターン","JavaScript"],"date":"2014-02-23T07:47:00.654Z","relatedLinks":[]},{"title":"Amazon: HTML5+JavaScriptによる画像・動画像処理入門 [単行本]: 松田 晃一","url":"http://www.amazon.co.jp/o/ASIN/4877833218/amazon0abac-22/ref=nosim","content":"2014年3月10日発売\nJavaScriptを使った画像/動画処理について初心者向けに解説した書籍。\n動画の処理をベースに書かれているとの事","tags":["canvas","video","JavaScript","book"],"date":"2014-02-24T14:17:08.197Z","relatedLinks":[{"title":"CUTT System:HTML5+JavaScriptによる画像・動画像処理入門","url":"http://www.cutt.co.jp/book/978-4-87783-321-3.html"}]},{"title":"zlib.js 0.2.0 をリリースしました : document","url":"http://imaya.blog.jp/archives/7115394.html","content":"zlib.js 0.2.0リリース。\nInflateアルゴリズムのbugfix","tags":["JavaScript","library","ReleaseNote"],"date":"2014-02-25T06:42:17.008Z","relatedLinks":[]},{"title":"captureme — CLI utility that helps you capture screenshots via browsers in the cloud","url":"http://vesln.github.io/captureme/","content":"コマンドラインから特定のURLのスクリーンショットを任意のブラウザで撮れるツール.\nSauceLabsを使っているので、IEからiPadまで任意のブラウザとバージョンを指定できる","tags":["node.js","スクリーンショット","console","Tools"],"date":"2014-02-26T00:05:52.781Z","relatedLinks":[]},{"title":"Matter.js","url":"http://brm.io/matter-js/","content":"JavaScriptで実装された2D物理エンジンライブラリ。\nCanvasを使ったレンダリングやテスト用のGUIが用意されてる","tags":["JavaScript","library"],"date":"2014-02-26T00:09:00.590Z","relatedLinks":[]},{"title":"Amazon: jQuery UI in Action [Paperback]: T. J. VanToll","url":"http://www.amazon.com/o/ASIN/1617291935/amazon0abac-22/ref=nosim","content":"2014年8月31日発売\njQuery UIについての書籍","tags":["jQuery","UI","book"],"date":"2014-02-26T00:16:33.559Z","relatedLinks":[]},{"title":"Programming 3D Applications with HTML5 and WebGL - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920029205.do","content":"WebGLについての書籍。\nhttp://chimera.labs.oreilly.com/books/1234000000802 で読むこともできる","tags":["WebGL","book"],"date":"2014-02-26T00:24:31.601Z","relatedLinks":[{"title":"WebGL: Up and Running - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920024729.do"},{"title":"Programming 3D Applications with HTML5 and WebGL","url":"http://chimera.labs.oreilly.com/books/1234000000802"}]},{"title":"Announcing TypeScript 1.0RC - TypeScript - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/typescript/archive/2014/02/25/announcing-typescript-1-0rc.aspx","content":"TypeScript 1.0RCリリース。\n0.9.7として開発されてたもの。\n別々の`interface` で宣言されたばあいもoverloadがマージされるように、lib.d.tsのWebGL周りが改善。","tags":["TypeScript","ReleaseNote","WebGL"],"date":"2014-02-26T05:15:45.397Z","relatedLinks":[]},{"title":"Now shipping: Principles of Object-Oriented JavaScript | NCZOnline","url":"http://www.nczonline.net/blog/2014/02/25/now-shipping-principles-of-object-oriented-javascript/","content":"Principles of Object-Oriented JavaScriptリリース","tags":["JavaScript","book"],"date":"2014-02-26T05:16:00.316Z","relatedLinks":[]},{"title":"YUI 3.15.0 Released - YUI Blog","url":"http://www.yuiblog.com/blog/2014/02/26/yui-3-15-0-released/","content":"YUI 3.15.0リリース。\nYUI内にあるMV*フレームワークであるApp Frameworkの改善、ES6 Promiseに従ったPromise実装の変更、","tags":["YUI","ReleaseNote"],"date":"2014-02-27T03:05:40.835Z","relatedLinks":[]},{"title":"browserifyことはじめ // Speaker Deck","url":"https://speakerdeck.com/hitsujiwool/browserifykotohazime","content":"broserifyの基本的な機能や仕組み、変換するpluginについて紹介してるスライド","tags":["browserify","slide"],"date":"2014-02-27T05:15:21.883Z","relatedLinks":[]},{"title":"Scanning Alexa Top 100,000 for JavaScript libraries with known vulerabilities","url":"http://erlend.oftedal.no/blog/?blogid=142","content":"Alexaを使ったjQuery等の著名ライブラリのバージョン分布について","tags":["jQuery","library"],"date":"2014-02-28T00:33:21.641Z","relatedLinks":[]},{"title":"ESLint 0.4.1 released - ESLint","url":"http://eslint.org/blog/2014/02/eslint-0.4.1-released/","content":"ESLint 0.4.1リリース。\nTAPレポーターのサポート、Windowsでの表示改善、ルールの追加修正","tags":["ECMAScript","Tools","ReleaseNote"],"date":"2014-02-28T00:40:54.495Z","relatedLinks":[]},{"title":"Test Console - automated functional UI testing in the cloud","url":"https://testconsole.com/","content":"CasperやSelenium+JUnit等でUIテストを書いて任意のサイトに対して実行してくれるサービス。\n任意のURLに対して実行し、テスト結果のレポートを見られる","tags":["webservice","debug","testing"],"date":"2014-02-28T13:18:13.285Z","relatedLinks":[]},{"title":"Lonely Pixel - Making a particle engine using Javascript (Part 1)","url":"http://lonely-pixel.com/blog/making-a-particle-engine-using-javascript-part-1","content":"JavaScriptでパーティクルエンジンを作るチュートリアル","tags":["JavaScript"],"date":"2014-02-28T15:39:30.646Z","relatedLinks":[]},{"title":"WebGL による 3D 開発: 第 1 回 WebGL の紹介","url":"http://www.ibm.com/developerworks/jp/web/library/wa-webgl1/index.html","content":"WebGLの説明とチュートリアル。\nOpenGLシェーダーの概要、行列について。","tags":["WebGL","tutorial"],"date":"2014-02-28T15:46:14.622Z","relatedLinks":[]},{"title":"Webアプリ開発者のためのHTML5セキュリティ入門","url":"http://www.slideshare.net/muneakinishimura/webhtml5-31749532","content":"CORS、XHR Lv2のリクエストヘッダにCSRF検証用のカスタムヘッダを付ける話、WebSocketにはOriginの制限がないためOriginの検証について。\nContent-Typeとnosniff、WebStorageとクッキーのアクセス権範囲の違いや使い分けについて。\nCSPの機能解説。","tags":["XHR","slide"],"date":"2014-03-01T05:02:23.087Z","relatedLinks":[]},{"title":"DevTools Digest: Updates to the Developer tools in Chrome 33 - HTML5 Rocks","url":"http://www.html5rocks.com/en/tutorials/developertools/chrome-33/","content":"Chrome DevToolsに最近追加されたAsynchronous call stacks、`getEventListeners(window)`、ファイル名検索の改善、Remote IP addressの表示などについて","tags":["Chrome","debug"],"date":"2014-03-01T06:18:03.218Z","relatedLinks":[]},{"title":"WebStorm 8 EAP (build 134.1361): multiple selection | JetBrains WebStorm Blog","url":"http://blog.jetbrains.com/webstorm/2014/02/webstorm-8-eap-build-134-1361-multiple-selection/","content":"WebStorm 8 EAP (build 134.1361)リリース。\nMultiple selection、Live consoleでブラウザのDevToolsと同じようにconsoleを立たけるように、CucumberJSのサポート","tags":["WebStorm","ReleaseNote"],"date":"2014-03-03T01:13:41.273Z","relatedLinks":[]},{"title":"Rewriting A WebApp With ECMAScript 6 — TasteJS","url":"http://blog.tastejs.com/rewriting-a-webapp-with-ecmascript-6","content":"TodoMVCをES6(+traceur-compiler)で実装してみるとどのように書けるかという記事。\n実践的にES6でウェブアプリを書く感じなので参考になる","tags":["ECMAScript","JavaScript"],"date":"2014-03-03T08:02:26.359Z","relatedLinks":[]},{"title":"defunctzombie/zuul · GitHub","url":"https://github.com/defunctzombie/zuul","content":"CommonJSで書いたコードをBrowserifyを使い変換してブラウザでテストを実行出来る。\nmochaやqunitやtape、jasmine等をサポートしてる。\nまた、SauceLabでテストを実行もサポートされてる。\n\n![screenshot](http://gyazo.com/89c7fe1dcfd56ca2697bb74114926512.gif)","tags":["JavaScript","browserify","testing"],"date":"2014-03-03T13:20:45.424Z","relatedLinks":[]},{"title":"PDFKit","url":"http://pdfkit.org/","content":"Node.jsでPDFを生成するライブラリ","tags":["node.js","PDF","library"],"date":"2014-03-04T03:43:32.820Z","relatedLinks":[]},{"title":"lukehoban/es6features","url":"https://github.com/lukehoban/es6features","content":"ES6で追加された機能、構文等について紹介してる。\nそれぞれのコード例もあり、大体の事がひと通り書かれている感じ","tags":["ECMAScript","JavaScript","サンプル"],"date":"2014-03-04T13:57:16.632Z","relatedLinks":[]},{"title":"PhoneGap | PhoneGap 3.4.0 Released","url":"http://phonegap.com/blog/2014/03/04/phonegap-3-4-release/","content":"PhoneGap 3.4.0リリース。\nFirefox OSをサポート","tags":["PhoneGap","ReleaseNote"],"date":"2014-03-05T13:11:43.782Z","relatedLinks":[]},{"title":"Environment-specific Builds With Grunt, Gulp or Broccoli","url":"http://addyosmani.com/blog/environment-specific-builds-with-grunt-gulp-or-broccoli/","content":"jsファイル等のパスをプロダクションとデバッグ時で切り替える3つの方法を3つのビルドツールで。\n置換、条件付きコメント、テンプレート","tags":["JavaScript","Grunt","gulp","Tools"],"date":"2014-03-05T13:29:55.425Z","relatedLinks":[]},{"title":"Yeoman - Modern workflows for modern webapps","url":"http://yeoman.io/blog/performance-optimization.html","content":"ウェブサイトのパフォーマンス関係のGrunt/gulp タスクについて。\n画像の圧縮/最適化、SVGの最適化、WebP、CSSのminify、最適化、インライン化。\nJS/HTMLのminify、単一ファイル化、AssetGraphについて等","tags":["web","performance","Tools"],"date":"2014-03-06T01:04:38.702Z","relatedLinks":[{"title":"Gruntとgulp.jsでサイトパフォーマンスを向上させる - ワザノバ | wazanova","url":"http://wazanova.jp/items/1128"}]},{"title":"Release v1.9.0: 1.9.0 · cjohansen/Sinon.JS","url":"https://github.com/cjohansen/Sinon.JS/releases/tag/v1.9.0","content":"Sinon.JS 1.9.0リリース。\n`sinon.assert.match` の追加、ProgressEvent/CustomEventのサポート、バグ修正等","tags":["JavaScript","testing","library"],"date":"2014-03-06T01:37:41.374Z","relatedLinks":[{"title":"Sinon.JS - Documentation","url":"http://sinonjs.org/"},{"title":"Sinon.JS/Changelog.txt at master · cjohansen/Sinon.JS","url":"https://github.com/cjohansen/Sinon.JS/blob/master/Changelog.txt"},{"title":"Add sinon.assert.match by ropez · Pull Request #410 · cjohansen/Sinon.JS","url":"https://github.com/cjohansen/Sinon.JS/pull/410"}]},{"title":"CutJS — DOM + jQuery for Canvas","url":"http://cutjs.org/","content":"DOM/jQueryっぽいAPIでCanvasに描画出来るライブラリ","tags":["JavaScript","jQuery","DOM","canvas","library"],"date":"2014-03-06T06:08:19.530Z","relatedLinks":[]},{"title":"Partial Application in JavaScript using bind()","url":"http://passy.svbtle.com/partial-application-in-javascript-using-bind","content":"`bind` のthisバインドと、部分適応を利用した書き方について。\n第一引数のみ異なるイベントハンドラで無名関数なしでも同様な事が出来る例を紹介している","tags":["JavaScript"],"date":"2014-03-07T07:36:55.290Z","relatedLinks":[{"title":"JavaScriptでbind()を使って部分適用する - HackerNews翻訳してみた","url":"http://rdepf.hatenablog.jp/entry/2014/02/25/195352"}]},{"title":"html5j - YouTube","url":"http://www.youtube.com/playlist?list=PLeFZWzLJpZcdASzt41r-ThpvFfNCQSRTS&feature=c4-feed-u","content":"http://conference.html5biz.org/2014spring/ の動画が公開された","tags":["HTML5","video","Conference"],"date":"2014-03-07T07:38:15.746Z","relatedLinks":[{"title":"Enterprise x HTML5 Conference 2014 - エンタープライズIT向けWeb標準技術のソリューション展","url":"http://conference.html5biz.org/2014spring/"}]},{"title":"5.0.0 Release Review | projects.eclipse.org","url":"http://projects.eclipse.org/projects/eclipse.orion/reviews/5.0.0-release-review","content":"ブラウザベースのIDE Orion 5.0.0リリース。\nESLintがデフォルトになった(インラインのJSはJSHintと併用)","tags":["JavaScript","browser","IDE","ReleaseNote"],"date":"2014-03-07T08:02:27.402Z","relatedLinks":[{"title":"WebブラウザベースのIDE「Eclipse Orion 5.0」が登場 | SourceForge.JP Magazine","url":"http://sourceforge.jp/magazine/14/03/07/153000"}]},{"title":"Speaking JavaScript","url":"http://speakingjs.com/","content":"Dr. AxelによるJavaScript言語についての書籍。\nオンライン版も公開される予定\nhttp://speakingjs.com/es5/","tags":["JavaScript","book"],"date":"2014-03-08T03:47:34.825Z","relatedLinks":[{"title":"Speaking JavaScript - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920029564.do"}]},{"title":"Sass 3.3 is Released « Sass Blog","url":"http://blog.sass-lang.com/posts/184094-sass-33-is-released","content":"Sass 3.3 リリース。\nkey-valueなmap変数のサポート、SouceMapのサポート、suffixの追加","tags":["Sass","ReleaseNote"],"date":"2014-03-08T08:52:56.068Z","relatedLinks":[]},{"title":"Grunt 0.4.3 released - Grunt: The JavaScript Task Runner","url":"http://gruntjs.com/blog/2014-03-07-grunt-0.4.3-released","content":"Grunt 0.4.3 リリース。\n`grunt.util` がdeprecatedな方針の一貫としてが grunt-legacy-util モジュールが用意された。","tags":["Grunt","ReleaseNote"],"date":"2014-03-09T13:20:26.278Z","relatedLinks":[]},{"title":"testling-ciとtravis-ciでクライアントサイドもサーバサイドもテストを実行する - from scratch","url":"http://yosuke-furukawa.hatenablog.com/entry/2014/03/08/115537","content":"Noeでコードを書いて、tapeでテストを書いたものを、testlingとbrowserifyを使ってブラウザでもテストを動かす方法について。\ntestling-ci で各ブラウザのテスト結果を得られる","tags":["browserify","testing","webservice","CI"],"date":"2014-03-10T07:17:34.579Z","relatedLinks":[]},{"title":"Node.jsのコールバック地獄をPromiseやGeneratorを使って解消する - HackerNews翻訳してみた","url":"http://rdepf.hatenablog.jp/entry/2014/03/07/122337","content":"ディレクトリからファイル一覧を見るようなコードで、コールバックのネストをどのように解消するかについて。\nモジュールでの分離、Async、Promises、Generator、それぞれのやり方と特徴について解説してる","tags":["JavaScript","Promises"],"date":"2014-03-10T12:32:07.012Z","relatedLinks":[]},{"title":"Object.observeについて - JS.next","url":"http://js-next.hatenablog.com/entry/2014/03/08/185434","content":"ES7のObject.observeがV8でデフォルト有効へ。\nオブジェクトの変更の監視の基本的な使い方、監視出来る対象、通知の種類、MutationObserverとの組み合わせについて等","tags":["JavaScript","ECMAScript"],"date":"2014-03-10T12:41:26.891Z","relatedLinks":[]},{"title":"Sass3.3.0の「&」の扱い - < /gecko >","url":"http://geckotang.tumblr.com/post/79158530266/sass3-3-0","content":"Sass 3.3.0RCからの`&` に関する変更点について","tags":["Sass"],"date":"2014-03-10T12:58:43.429Z","relatedLinks":[]},{"title":"Sassでlinear-gradient()のmixinをつくる その6 - fragmentary","url":"http://myakura.hatenablog.com/entry/2014/03/10/185924","content":"Sass3.3の`map`について。\n","tags":["Sass"],"date":"2014-03-10T13:00:34.791Z","relatedLinks":[]},{"title":"WebStorm 8 Beta (build 134.1503) | JetBrains WebStorm Blog","url":"http://blog.jetbrains.com/webstorm/2014/03/webstorm-8-beta/","content":"WebStorm 8βリリース。\nAngular/Dartのサポート改善、デバッガーでJSONのinspectが出来るように、ES6 modulesのサポート、Terminalで256-colorのサポート、Spy-jsの改善等","tags":["WebStorm","ReleaseNote"],"date":"2014-03-11T01:46:02.359Z","relatedLinks":[]},{"title":"The Pure Blog — Pure 0.5.0 Release Candidate 1","url":"http://blog.purecss.io/post/79180224574/pure-0-5-0-release-candidate-1","content":"Pure 0.5.0 RC1 リリース","tags":["CSS","ReleaseNote"],"date":"2014-03-11T05:30:15.424Z","relatedLinks":[]},{"title":"emadurandal/emberjs-guides-japanese-translation","url":"https://github.com/emadurandal/emberjs-guides-japanese-translation","content":"Ember.js Guides の日本語訳","tags":["JavaScript","translate"],"date":"2014-03-12T00:25:17.624Z","relatedLinks":[{"title":"Ember.js - Guides and Tutorials: Ember.js Guides","url":"http://emberjs.com/guides/"}]},{"title":"Karma - Changelog","url":"http://karma-runner.github.io/0.12/about/changelog.html","content":"Karma 0.12.0 リリース。\nJasmine 2.0のサポート、ファイル監視のパフォーマンス改善、sourcemapのサポート(スタックトレースの書き換え)","tags":["JavaScript","browser","testing","ReleaseNote"],"date":"2014-03-12T01:57:33.775Z","relatedLinks":[{"title":"Karma 0.12 is out - Google グループ","url":"https://groups.google.com/forum/#!topic/karma-users/6svHczOwCiM"},{"title":"Use source maps for stacktraces · Issue #594 · karma-runner/karma","url":"https://github.com/karma-runner/karma/issues/594"}]},{"title":"Sinon.JS - hifive","url":"http://www.htmlhifive.com/conts/web/view/library/sinonjs","content":"Sinon.JSのAPIリファレンス的なサイト。 それぞれのメソッドの解説等も書かれてる","tags":["JavaScript","testing","library"],"date":"2014-03-12T02:02:14.608Z","relatedLinks":[]},{"title":"Unit Test like a Secret Agent with Sinon.js","url":"http://elijahmanor.com/unit-test-like-a-secret-agent-with-sinon-js/","content":"Sinon.JSのspy、stub、mock、fake serverを使ったテストの書き方についてのチュートリアル","tags":["JavaScript","testing","tutorial"],"date":"2014-03-12T02:03:37.381Z","relatedLinks":[]},{"title":"bower/CHANGELOG.md at master · bower/bower","url":"https://github.com/bower/bower/blob/master/CHANGELOG.md#130---2014-03-10","content":"Bower 1.3.0リリース。\nopt-inで統計データの収集するBower Insight、パッケージがAMD/CJS/globalなのかを示す`moduleType`の追加、installの前後にhook scriptを設定可能に、SVNのサポート","tags":["Tools","browser"],"date":"2014-03-12T02:15:03.760Z","relatedLinks":[]},{"title":"Chutzpah - Chutzpah 3.2 – A smarter approach to compilation - Matthew Manela - Farblondzshet in Code","url":"http://matthewmanela.com/blog/chutzpah-3-2-a-smarter-approach-to-compilation/","content":"VSのTest runner拡張であるChutzpah 3.2 リリース。\nTypeScript等のaltJSのサポート、テストパターンを指定してのテスト実行、Require.jsのサポート改善","tags":["JavaScript","testing","Tools"],"date":"2014-03-12T03:01:15.444Z","relatedLinks":[]},{"title":"A Year with Browserify - ÆFLASH","url":"http://aeflash.com/2014-03/a-year-with-browserify.html","content":"Browserifyでの開発についてよくまとまってる。\nnpmで管理できるメリット、npm linkやnodeモジュールでの依存関係の解決がそのまま利用できる。\n既存ライブラリがある場合のビルドを高速化する方法としてshimやビルド自体を分ける事、バージョンが異なるライブラリの依存をaliasで解決。\ngruntでのビルド、相対パスが深くなるのをaliasMappingsでフラットにする方法などよくまとまっている。","tags":["browserify","まとめ"],"date":"2014-03-12T09:22:57.233Z","relatedLinks":[]},{"title":"marmelab/gremlins.js","url":"https://github.com/marmelab/gremlins.js","content":"ウェブアプリのMonkey testingライブラリ。\nストレステストの細かいロジックやログ等も設定出来るようになってる","tags":["JavaScript","testing","Tools"],"date":"2014-03-13T01:00:17.584Z","relatedLinks":[]},{"title":"Amazon: Sass&Compass徹底入門 CSSのベストプラクティスを効率よく実現するために [大型本]: Wynn Netherland, Nathan Weizenbaum, Chris Eppstein, Brandon Mathis, 石本 光司 (株式会社サイバーエージェント), 株式会社トップスタジオ","url":"http://www.amazon.co.jp/o/ASIN/4798132446/amazon0abac-22/ref=nosim","content":"2014年3月18日発売\nSass and Compass in Actionの翻訳本","tags":["Sass","book"],"date":"2014-03-13T01:19:01.290Z","relatedLinks":[{"title":"Sass and Compass in Action","url":"http://t32k.me/mol/log/sass-and-compass-in-action/"},{"title":"Amazon.co.jp： Sass and Compass in Action: Wynn Netherland, Nathan Weizenbaum, Chris Eppstein, Brandon Mathis: 洋書","url":"http://www.amazon.co.jp/dp/1617290149/"}]},{"title":"t32k/stylestats","url":"https://github.com/t32k/stylestats","content":"CSSのサイズやルール/セレクタ数等のメトリクス的な情報を出してくれるコマンドラインツール","tags":["CSS","console","Tools"],"date":"2014-03-13T06:40:07.477Z","relatedLinks":[]},{"title":"iOS 7.1: new minimal UI mode and old bugs on Safari | Breaking the Mobile Web","url":"http://www.mobilexweb.com/blog/ios-7-1-safari-minimal-ui-bugs","content":"iOS7.1のSafariのminimal-uiとその他バグについて","tags":["ios","safari"],"date":"2014-03-14T01:18:06.353Z","relatedLinks":[]},{"title":"mocha/History.md at master · visionmedia/mocha","url":"https://github.com/visionmedia/mocha/blob/master/History.md#1180--2014-03-13","content":"mocha 1.18.0リリース。\npromiseのテストをサポート。\nhttps://github.com/azu/mocha-support-promise promiseオブジェクトをreturnするだけで良くなる","tags":["node.js","JavaScript","testing","library","ReleaseNote"],"date":"2014-03-14T01:58:03.461Z","relatedLinks":[{"title":"Adding promise support to runnables (and thus tests). by domenic · Pull Request #329 · visionmedia/mocha","url":"https://github.com/visionmedia/mocha/pull/329"},{"title":"azu/mocha-support-promise","url":"https://github.com/azu/mocha-support-promise"},{"title":"MochaがPromisesのテストをサポートしました | Web scratch","url":"http://efcl.info/2014/0314/res3708/"}]},{"title":"ES6 - Next Generation Javascript","url":"http://www.slideshare.net/RameshNair6/es6-next-generation-javascript","content":"ES6の新しいsyntaxについてのスライド.\nsyntaxの紹介、ES5との違い、サポートブラウザの状況がよくまとまってる。\n特に`...`の使い方についてユースケース、Generatorの使い方、Typed objects、module構文について詳しい","tags":["ECMAScript","slide"],"date":"2014-03-15T06:40:44.700Z","relatedLinks":[]},{"title":"Async Programming Part 3: Finally - Brian Cavalier","url":"http://briancavalier.github.io/async-programming-part-3-finally","content":"Promisesでのエラーハンドリングのプラクティス。try-catchとpromiseの場合の違い。\n`otherwise` は `catch` と同じ。\npromiseを処理するfinally的なものを書くときに、渡した値を捨てないようにする","tags":["Promises","debug"],"date":"2014-03-15T13:36:26.480Z","relatedLinks":[]},{"title":"Node.jsのrequireをインライン化、無駄なuse strictを取り除くモジュールを書いた | Web scratch","url":"http://efcl.info/2014/0316/res3719/","content":"`require` で読み込むファイルのインライン化 と 無意味な `\"use strict\"` を削除するnode moduleについて。 JavaScript ASTを使った書き換えの方法について","tags":["JavaScript","AST","node.js","book","library"],"date":"2014-03-16T05:43:58.119Z","relatedLinks":[]},{"title":"Naming JavaScript Functions - @rjzaworski","url":"http://blog.rjzaworski.com/2014/03/naming-javascript-functions/","content":"無名関数と名前付き関数式とのスタックトレースの比較。\nまた関数として分ける場合の命名規則について書かれてる","tags":["JavaScript","debug"],"date":"2014-03-16T06:30:14.484Z","relatedLinks":[]},{"title":"azer/prettify-error","url":"https://github.com/azer/prettify-error","content":"errorオブジェクトからerrorが発生した前後の行のコードを表示してくれるnode module.\n","tags":["JavaScript","library"],"date":"2014-03-16T06:37:07.123Z","relatedLinks":[{"title":"azer/failing-code","url":"https://github.com/azer/failing-code"}]},{"title":"You Don't Know JS: Scope and Closures - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920026327.do","content":"JavaScriptのスコープとクロージャー周りについてだけ扱った書籍","tags":["JavaScript","book"],"date":"2014-03-16T06:46:48.686Z","relatedLinks":[]},{"title":"MVC in vanilla javascript on Vimeo","url":"http://vimeo.com/88952704","content":"ライブラリを使わないで、Model,View,CollectionというBackbone.jsっぽい要素を使ったアプリを作るスクリーンキャスト","tags":["JavaScript","MVC","video"],"date":"2014-03-16T07:34:26.625Z","relatedLinks":[]},{"title":"The Phenomenal Fluent 2014","url":"http://ariya.ofilabs.com/2014/03/the-phenomenal-fluent-2014.html","content":"JavaScriptのAPIデザインについてのスライド。\n","tags":["JavaScript","API","slide"],"date":"2014-03-16T09:38:59.053Z","relatedLinks":[]},{"title":"ES6 - episode 1","url":"http://tagtree.tv/ecmascript-6-episode-1","content":"ES6の機能を紹介してるスクリーンキャスト","tags":["JavaScript","ECMAScript","video"],"date":"2014-03-16T09:58:31.542Z","relatedLinks":[]},{"title":"Lesser-Known JavaScript Debugging Techniques","url":"http://amasad.me/2014/03/09/lesser-known-javascript-debugging-techniques/","content":"特定のプロパティやイベントやメソッドが呼ばれた時にログ、ブレークポイントを貼れるユーティリティライブラリについて","tags":["JavaScript","event","debug","library"],"date":"2014-03-16T10:36:36.428Z","relatedLinks":[]},{"title":"termi/es6-transpiler","url":"https://github.com/termi/es6-transpiler","content":"ES6をES5に変換する実装。\ntraceur-compilerと違って、no runtime libraryで実行出来るようする等の目標が挙げられている","tags":["JavaScript","ECMAScript","library","Tools"],"date":"2014-03-16T12:45:14.644Z","relatedLinks":[]},{"title":"azer/prova","url":"https://github.com/azer/prova","content":"tape + browserifyなtest runner。\nテストの失敗の表示に prettify-error を使ったりして見やすくしてる","tags":["browserify","testing"],"date":"2014-03-17T02:30:26.112Z","relatedLinks":[{"title":"azer/prettify-error","url":"https://github.com/azer/prettify-error"}]},{"title":"azer/memdiff","url":"https://github.com/azer/memdiff","content":"BDDなテストを書く感じで書けるnode.jsのメモリリークの調査ライブラリ。","tags":["JavaScript","testing","node.js"],"date":"2014-03-17T05:37:22.483Z","relatedLinks":[]},{"title":"ExpressJS 4.0: New Features and Upgrading from 3.0 ♥ Scotch","url":"http://scotch.io/bar-talk/expressjs-4-0-new-features-and-upgrading-from-3-0","content":"ExpressJS 4.0 rc1リリース。\nExpressJS 4.0の変更点等についてまとまってる。","tags":["node.js","ReleaseNote"],"date":"2014-03-17T12:49:11.993Z","relatedLinks":[{"title":"Migrating from 3.x to 4.x · visionmedia/express Wiki","url":"https://github.com/visionmedia/express/wiki/Migrating-from-3.x-to-4.x#changed"}]},{"title":"Making Change.org — Promises and Error Handling","url":"http://making.change.org/post/69613524472/promises-and-error-handling","content":"Promisesのエラーハンドリングについて。\nrejectする時はエラーオブジェクトを渡す、onRejectが呼ばれないパターンと`catch`の活用、`finally`はcleanupに使う、`done` を呼ぶことで次の処理に移る場合はエラーの時も忘れずに呼ぶ","tags":["Promises","debug","JavaScript"],"date":"2014-03-17T13:50:45.614Z","relatedLinks":[{"title":"あなたが読むべきJavaScript Promises | JSer.info","url":"http://jser.info/post/77696682011/es6-promises"}]},{"title":"The state of JavaScript Linting","url":"http://www.slideshare.net/mischah/js-linting","content":"JavaScriptのLintツールについてまとまってるスライド。ドイツ語。 \nJSのLintツールの歴史、JSHint/JSHint/ESLintの開発スタイル、機能的な特徴、オプション、検出可能なルールの紹介等","tags":["JavaScript","Tools","slide","歴史"],"date":"2014-03-18T00:49:58.080Z","relatedLinks":[]},{"title":"Release 3.0.0 · cujojs/when","url":"https://github.com/cujojs/when/releases/tag/3.0.0","content":"Promises/A+ の実装であるwhen.js 3.0.0リリース。\n抜本的に書き換えてパフォーマンスの改善、APIの追加、ES6 Promise shimとして使えるモジュールの追加。","tags":["JavaScript","Promises","library","ReleaseNote"],"date":"2014-03-18T01:00:41.140Z","relatedLinks":[{"title":"Twitter / cujojs: when.js 2.3.0: promise.tap(), ...","url":"https://twitter.com/cujojs/status/365856710520344577"},{"title":"when/docs/api.md at master · cujojs/when","url":"https://github.com/cujojs/when/blob/master/docs/api.md#upgrading-to-30-from-2x"}]},{"title":"JavaScript Promise ... イカした詳細 - くじら公園","url":"http://p-baleine.hatenablog.com/entry/2014/03/12/190000","content":"http://mattgreer.org/articles/promises-in-wicked-detail/ の翻訳。\nPromises/A+を実装しながらPromisesについて学ぶ","tags":["JavaScript","Promises","translate"],"date":"2014-03-18T05:30:54.802Z","relatedLinks":[]},{"title":"▶ InstaBuster: JavaScript testing with LightTable & Buster.JS - YouTube","url":"http://www.youtube.com/watch?v=WKHWazblpbc","content":"Light Table上でBuster.JSでのテスト結果をインライン表示するプラグイン。\nテストコードにそのまま結果が表示されていて面白い","tags":["BusterJS","testing"],"date":"2014-03-18T13:00:06.814Z","relatedLinks":[{"title":"busterjs/lt-instabuster","url":"https://github.com/busterjs/lt-instabuster"}]},{"title":"Amazon: プログラミング言語Dart [大型本]: Chris Buckett, あんどうやすし, 粟納裕貴, 勝又雅史, 川俣千恵子, 植田大貴, 井関正也, 水野あゆみ","url":"http://www.amazon.co.jp/o/ASIN/4048915118/amazon0abac-22/ref=nosim","content":"2014年3月28日発売\nhttp://www.manning.com/buckett/ の翻訳本。","tags":["dart","book"],"date":"2014-03-19T01:13:40.435Z","relatedLinks":[]},{"title":"The state of JavaScript Linting - English version","url":"http://www.slideshare.net/mischah/js-linting-en","content":"JavaScriptのLintツールについてまとまってるスライド。  JSのLintツールの歴史、JSHint/JSHint/ESLintの開発スタイル、機能的な特徴、オプション、検出可能なルールの紹介等","tags":["JavaScript","Tools","slide"],"date":"2014-03-19T05:30:24.017Z","relatedLinks":[]},{"title":"Manning: D3.js in Action","url":"http://www.manning.com/meeks/","content":"D3.js のAction本","tags":["d3.js","book"],"date":"2014-03-20T01:50:43.183Z","relatedLinks":[]},{"title":"BarcelonaJS","url":"http://barcelonajs.org/history","content":"Barcelona.JSでの動画とスライド。\nEmber/Marionete/Angular/API Blueprint","tags":["video","JavaScript"],"date":"2014-03-20T02:16:31.748Z","relatedLinks":[]},{"title":"React | React v0.10 RC","url":"http://facebook.github.io/react/blog/2014/03/19/react-v0.10-rc1.html","content":"React v0.10 RCリリース","tags":["JavaScript","DOM","library","ReleaseNote"],"date":"2014-03-20T03:22:24.897Z","relatedLinks":[]},{"title":"Speaking JavaScript","url":"http://speakingjs.com/es5/","content":"Speaking JavaScriptのオンライン版が無料で公開。","tags":["JavaScript","book"],"date":"2014-03-20T06:07:56.128Z","relatedLinks":[{"title":"Speaking JavaScript","url":"http://speakingjs.com/"}]},{"title":"ES6 in Real Life","url":"http://www.slideshare.net/domenicdenicola/es6-in-real-life","content":"ArrowFunction、class syntaxの紹介。\nまたES6のブラウザの実装状況や対応するshimやtranspilerについて。","tags":["JavaScript","ECMAScript"],"date":"2014-03-21T11:15:09.209Z","relatedLinks":[{"title":"lukehoban/es6features","url":"https://github.com/lukehoban/es6features"}]},{"title":"Javascript error monitoring - Bugsnag","url":"https://bugsnag.com/platforms/javascript","content":"ウェブサイトでのJavaScriptのエラー収集/解析サービス","tags":["JavaScript","webservice"],"date":"2014-03-22T15:54:50.513Z","relatedLinks":[]},{"title":"AngularJS 2.0 | AngularJS","url":"http://blog.angularjs.org/2014/03/angular-20.html","content":"AngularJS2.0の開発方針について。\nモバイルアプリを重視、ES6+traceurで書いていく、データバインディングの変更検知の仕組みの変更、より多くの機能をオプショナルに、DI.js + ES6等","tags":["Angular","ECMAScript"],"date":"2014-03-22T16:08:26.134Z","relatedLinks":[{"title":"Angular 2.0 - ワザノバ | wazanova","url":"http://wazanova.jp/items/1203"}]},{"title":"React | React v0.10","url":"http://facebook.github.io/react/blog/2014/03/21/react-v0.10.html","content":"React v0.10リリース","tags":["JavaScript","library","DOM"],"date":"2014-03-23T06:04:22.025Z","relatedLinks":[]},{"title":"Sache: Find Sass and Compass Extensions for your next project","url":"http://www.sache.in/","content":"SassとかCompassのライブラリ/mix-inとかの集積地。\n`sache.json` でメタ情報を書いておけばURLを登録できる","tags":["Sass","webservice"],"date":"2014-03-24T02:45:06.671Z","relatedLinks":[]},{"title":"WebStorm 8.0 Release Candidate | JetBrains WebStorm Blog","url":"http://blog.jetbrains.com/webstorm/2014/03/webstorm-8-rc/","content":"WebStorm 8.0 RCリリース。\nGruntコンソール(Gruntのタスク一覧や実行結果のコンソール)の追加","tags":["WebStorm","ReleaseNote"],"date":"2014-03-24T02:47:23.416Z","relatedLinks":[]},{"title":"Fluent Conference 2014 - YouTube","url":"http://www.youtube.com/playlist?list=PL055Epbe6d5bab7rZ3i83OtMmD-d9uq2K","content":"O'Reilly Fluent Conference 2014の動画が公開された","tags":["JavaScript","Conference","video"],"date":"2014-03-24T02:56:39.071Z","relatedLinks":[{"title":"Fluent 2014 - O'Reilly Conferences, March 11 - 13, 2014, San Francisco, CA","url":"http://fluentconf.com/fluent2014"}]},{"title":"Firefox 28.0 リリースノート","url":"http://www.mozilla.jp/firefox/28.0/releasenotes/","content":"Firefox 28 リリース。\nWebM/VP9、spdy/3の実装、`File`コンストラクタの実装等","tags":["firefox","ReleaseNote"],"date":"2014-03-24T09:30:29.916Z","relatedLinks":[{"title":"Firefox 28 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/ja/docs/Mozilla/Firefox/Releases/28"},{"title":"Firefox 28 が正式リリース、Flexbox によるマルチラインレイアウトが可能に | WWW WATCH","url":"http://hyper-text.org/archives/2014/03/firefox_28_release.shtml"},{"title":"Split console, pretty-print minified JS and more – Firefox Developer Tools Episode 28 ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2013/12/split-console-pretty-print-minified-js-and-more-firefox-developer-tools-episode-28/"}]},{"title":"Why I'm Excited About Object.observe","url":"http://amasad.me/2014/03/16/why-im-excited-about-objectobserve/","content":"ES7で予定されてる/V8でデフォルト有効になったObject.observeについて。\n","tags":["JavaScript","ECMAScript"],"date":"2014-03-24T12:00:17.392Z","relatedLinks":[{"title":"Object.observe()とNode.jsのイベントループの関係 - ぼちぼち日記","url":"http://d.hatena.ne.jp/jovi0608/20140320/1395294325"},{"title":"Object.observe | nekman","url":"http://nekman.se/object-observe/"}]},{"title":"l33t literals in JavaScript - appendTo","url":"http://appendto.com/2014/02/l33t-literals-javascript/","content":"オブジェクトをドットで繋いで書くと、プロパティが存在してない場合にエラーになるかもしれないので、その辺を安全に取得するためのライブラリについて","tags":["JavaScript","library"],"date":"2014-03-24T12:05:16.257Z","relatedLinks":[{"title":"nicholascloud/l33teral","url":"https://github.com/nicholascloud/l33teral"}]},{"title":"browserify in Backbone.Marionette project - blog.koba04.com","url":"http://blog.koba04.com/post/2014/03/23/browserify-in-backbone-marionette-project/","content":"Browserify + Marionetteのプロジェクト構成について。 grunt-browserifyを使ったビルドの分割によるビルド時間の短縮、aliasMappingsによるパスの短縮、サンプルプロジェクト","tags":["browserify","Grunt","backbone.js","設定"],"date":"2014-03-24T12:19:31.662Z","relatedLinks":[]},{"title":"Vue.js 0.10 is here! - vue.js","url":"http://vuejs.org/2014/03/22/vuejs-010-release/","content":"MVVMライブラリのVue.js 0.10リリース。\n`v-view` directiveの追加、`v-repeat` にorderBy/filterByの追加、delimitersが設定可能になる等","tags":["JavaScript","MVC","library"],"date":"2014-03-25T00:49:03.308Z","relatedLinks":[]},{"title":"jQuery 1.11.1 Beta 1 and 2.1.1 Beta 1 Released | Official jQuery Blog","url":"http://blog.jquery.com/2014/03/24/jquery-1-11-1-beta-1-and-2-1-1-beta-1-released/","content":"jQuery 1.11.1β/2.1.1βリリース。\nbower.jsonに`main`が定義された(1.11.0もtagが打ち直された)ため、browserify等から利用がしやすくなった。\npointer eventとの互換性の向上等","tags":["jQuery","ReleaseNote"],"date":"2014-03-25T00:59:03.828Z","relatedLinks":[{"title":"Bower: add main property, move Sizzle to devDependencies, add license pr... · 027d470 · jquery/jquery","url":"https://github.com/jquery/jquery/commit/027d470b574e15c94cda28f5e2c7a0ed54c11fa6"}]},{"title":"Build your own TDD boilerplate project for JavaScript | dfkaye.github.io","url":"http://dfkaye.github.io/2014/03/04/tdd-boilerplate/","content":"JavaScriptのtdd-boilerplateを作る話。\nGithubでプロジェクトを作成する所からnode、mochaのセットアップ、npm test、browserでのテスト実行、testem、Travis CIの設定等丁寧に書かれてる","tags":["JavaScript","testing","github"],"date":"2014-03-25T15:36:30.517Z","relatedLinks":[{"title":"dfkaye/tdd-boilerplate","url":"https://github.com/dfkaye/tdd-boilerplate"}]},{"title":"Sweet.js Tutorial #2: Recursive Macros and Custom Pattern Classes","url":"http://jlongster.com/Sweet.js-Tutorial--2--Recursive-Macros-and-Custom-Pattern-Classes","content":"sweet.jsのチュートリアル Part2。\nES6 variable destructuringの実装を題材にsweet.jsについて学ぶ","tags":["JavaScript","tutorial"],"date":"2014-03-26T06:35:51.390Z","relatedLinks":[{"title":"Writing Your First Sweet.js Macro","url":"http://jlongster.com/Writing-Your-First-Sweet.js-Macro"}]},{"title":"Parse.comを使ったサーバサイド実装不要のフロントエンド開発[前編]","url":"http://www.riaxdnp.jp/?p=6420","content":"Parseをバックエンドとして利用したBackboneベースのウェブアプリ作成について・\nParse SDKについて書かれている","tags":["JavaScript","webservice","API"],"date":"2014-03-26T06:37:48.176Z","relatedLinks":[{"title":"Parse.comを使ったサーバサイド実装不要のフロントエンド開発[後編]","url":"http://www.riaxdnp.jp/?p=6529"}]},{"title":"Duktape","url":"http://duktape.org/index.html","content":"埋め込み用のJavaScriptエンジン。\n正規表現エンジンも内蔵していて、ES5対応でtest262、Underscore等のテストを通してる。","tags":["JavaScript","C言語","C++"],"date":"2014-03-27T01:09:17.388Z","relatedLinks":[]},{"title":"Welcome WebStorm 8.0: AngularJS support, spy-js, multiple selections, Grunt and more | JetBrains WebStorm Blog","url":"http://blog.jetbrains.com/webstorm/2014/03/welcome-webstorm-8/","content":"WebStorm 8.0リリース。\nAngularJSのサポート改善、Spy-jsの統合、Grunt・Bowerの統合、Live Consoleの追加、CucumberJSのサポート、ES6 module対応等","tags":["WebStorm","ReleaseNote","Angular"],"date":"2014-03-27T03:20:42.493Z","relatedLinks":[{"title":"WebStorm 8 EAP (build 134.1081): Bower, improved spy-js and AngularJS support and more | JetBrains WebStorm Blog","url":"http://blog.jetbrains.com/webstorm/2014/02/webstorm-8-eap-build-134-1081/#spy-js"}]},{"title":"カジュアルJavaScript AST","url":"http://azu.github.io/slide/JSojisan/","content":"JavaScript ASTについてのスライド。\n簡単なASTの概要と実際にどんなツールでASTが使われてるかの紹介、ASTを使ったツールを書いてみる話","tags":["JavaScript","AST","slide"],"date":"2014-03-28T03:41:38.603Z","relatedLinks":[]},{"title":"ci_on_client_and_server // Speaker Deck","url":"https://speakerdeck.com/yosuke_furukawa/ci-on-client-and-server","content":"Broserify+testについてのスライド。\nTravis CI、drone.io、testlling-ci、zuulの比較","tags":["node.js","browserify","testing","webservice","CI"],"date":"2014-03-28T05:14:20.849Z","relatedLinks":[]},{"title":"esprima/ChangeLog at master · ariya/esprima","url":"https://github.com/ariya/esprima/blob/master/ChangeLog","content":"Esprima 1.1.1リリース。\nIE7以下のサポート廃止、パフォーマンスの改善、`attachComment` のオプション追加等","tags":["JavaScript","ECMAScript","library"],"date":"2014-03-28T05:37:31.941Z","relatedLinks":[{"title":"Issue 197 - esprima - Attach comment to the owning syntax nodes - ECMAScript parsing infrastructure for multipurpose analysis - Google Project Hosting","url":"http://code.google.com/p/esprima/issues/detail?id=197"},{"title":"Issue 451 - esprima - Support HTML comment syntax - ECMAScript parsing infrastructure for multipurpose analysis - Google Project Hosting","url":"http://code.google.com/p/esprima/issues/detail?id=451"},{"title":"Issue 474 - esprima - Drop support for legacy browsers - ECMAScript parsing infrastructure for multipurpose analysis - Google Project Hosting","url":"http://code.google.com/p/esprima/issues/detail?id=474"}]},{"title":"The Meteor blog","url":"https://www.meteor.com/blog/2014/03/27/meteor-080-introducing-blaze","content":"Meteor 0.8.0リリース","tags":["JavaScript","ReleaseNote"],"date":"2014-03-28T05:43:03.729Z","relatedLinks":[]},{"title":"Srcset and sizes — ericportis.com","url":"http://ericportis.com/posts/2014/srcset-sizes/","content":"imgの`srcset` 属性と画像サイズについて、仕様とか書き方について。\nかわいい感じのイラストともに説明してる","tags":["HTML","画像"],"date":"2014-03-28T05:45:30.854Z","relatedLinks":[]},{"title":"eBrainUs - YouTube","url":"https://www.youtube.com/user/ebrainus/videos?tag_id=UCvpuO2DHMdgmxte25k0X6Lg.3.javascript-programming-language&sort=dd&view=46&shelf_id=1","content":"韓国のOK. JavaScript Conferenceの動画が公開された。\nhttp://jscon.ebrainus.com/\n","tags":["JavaScript","Conference","video","韓国"],"date":"2014-03-28T14:46:58.591Z","relatedLinks":[]},{"title":"andyhmltn/grape-js","url":"https://github.com/andyhmltn/grape-js","content":"シンプルなDIライブラリ","tags":["JavaScript","testing","library"],"date":"2014-03-28T15:07:44.223Z","relatedLinks":[]},{"title":"ESLint 0.4.4 - ESLint","url":"http://eslint.org/blog/2014/03/eslint-0.4.4-released/","content":"ESLint 0.4.4リリース。","tags":["JavaScript","Tools","ReleaseNote"],"date":"2014-03-28T15:48:28.347Z","relatedLinks":[]},{"title":"ESLint 0.4.5 released - ESLint","url":"http://eslint.org/blog/2014/03/eslint-0.4.5-released/","content":"ESLint 0.4.5 リリース。\n`--no-eslintrc` のオプション追加、`handle-callback-err`のルールを追加","tags":["JavaScript","Tools","ReleaseNote"],"date":"2014-03-30T03:33:57.898Z","relatedLinks":[{"title":"Ensures Callback Error Handling","url":"http://eslint.org/docs/rules/handle-callback-err.html"}]},{"title":"jQueryのメモリーリークの傾向と対策 — KaoriYa","url":"http://www.kaoriya.net/blog/2014/03/28/","content":"jQueryは自分で要素を保持するので、jQueryのAPIを使わないで要素を削除すると強参照が残ってしまう話。\nMutationObserverで監視して削除する","tags":["jQuery","JavaScript"],"date":"2014-03-30T06:10:24.092Z","relatedLinks":[]},{"title":"#JSオジサンで Source Map について話してきました : document","url":"http://imaya.blog.jp/archives/7169783.html","content":"Source Mapについてのスライド。\njsとmapの断片化や不整合が起きるケース、Data URLで埋め込む方法、`sourcesContent`を使った埋め込み、配布方法と応用について","tags":["JavaScript","slide"],"date":"2014-03-30T06:20:03.355Z","relatedLinks":[]},{"title":"NaN-BoxingによるJavaScriptの最適化 - Code Lunch Podcast","url":"http://codelunch.fm/3/","content":"IEEE754の浮動小数点について。\nJSのNumberがdouble、∞-∞みたいな場合のために定義されてるNaNについて、JSCとか実装されてるメモリ節約のテクニックとしてのNaN-Boxingについての解説。また内部的には整数を扱ったりしてる話","tags":["JavaScript","program","podcast"],"date":"2014-03-30T06:38:30.959Z","relatedLinks":[]},{"title":"Guillie - JavaScript MicroFramework by PabloVallejo","url":"http://pablovallejo.github.io/gillie/","content":"backbone.jsインスパイアな小さいMV*フレームワーク。 HTTP通信系のメソッドを元から持ってる","tags":["backbone.js","JavaScript","library"],"date":"2014-03-30T07:08:45.502Z","relatedLinks":[]},{"title":"rotundasoftware/parcelify","url":"https://github.com/rotundasoftware/parcelify","content":"browserifyの上にCSSやテンプレートも扱えるような依存関係の仕組みをもたせたもの。\nComponentのように一つのHTML/CSS/JSのセットをmoduleとして管理出来るようにするイメージ\n","tags":["browserify","CSS","Tools"],"date":"2014-03-30T08:09:21.647Z","relatedLinks":[{"title":"Componentによるフロントエンドのパッケージ管理 ::ハブろぐ","url":"http://havelog.ayumusato.com/develop/javascript/e588-component_package_and_dependency_and_build.html"}]},{"title":"ES6 - episode 3","url":"http://tagtree.tv/ecmascript-6-episode-3","content":"ES6についてのスクリーンキャスト。\n`class` syntax、moduleの`export`と`import`と`module`の意味、分割代入、classのexportについて","tags":["JavaScript","ECMAScript","video"],"date":"2014-03-30T14:24:45.509Z","relatedLinks":[]},{"title":"Shibu's Diary: JavaScriptのメモリリークを10倍速で発見する","url":"http://blog.shibu.jp/article/92030639.html","content":"node-webkit-agentを使ったNode.jsでのメモリリークの検出方法について。\n無名関数に自動的に名前を付けるadd-func-nameを利用してデバッグ。","tags":["node.js","JavaScript","debug"],"date":"2014-03-31T14:07:15.880Z","relatedLinks":[{"title":"c4milo/node-webkit-agent","url":"https://github.com/c4milo/node-webkit-agent"},{"title":"shibukawa/add-func-name","url":"https://github.com/shibukawa/add-func-name"}]},{"title":"Automate with Grunt - O'Reilly Media","url":"http://shop.oreilly.com/product/9781941222119.do","content":"2014年5月発売\nGruntについての書籍","tags":["Grunt","book"],"date":"2014-04-01T12:04:31.267Z","relatedLinks":[]},{"title":"Browser Support in jQuery 1.12 and Beyond | Official jQuery Blog","url":"http://blog.jquery.com/2014/04/02/browser-support-in-jquery-1-12-and-beyond/","content":"jQuery 1.12がIE6,7をサポートした最後のバージョンになり。1.13からはIE8未満は非サポート。\nサポートの定義についても書かれてる","tags":["jQuery"],"date":"2014-04-03T05:23:38.879Z","relatedLinks":[]},{"title":"winjs/winjs","url":"https://github.com/winjs/winjs","content":"WinJSがGithubで公開された\nhttp://try.buildwinjs.com/default.aspx\nから試すことが出来る","tags":["windows","HTML","JavaScript","library"],"date":"2014-04-03T05:31:58.473Z","relatedLinks":[]},{"title":"Announcing TypeScript 1.0 - TypeScript - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/typescript/archive/2014/04/03/announcing-typescript-1-0.aspx","content":"TypeScript 1.0リリース。\npull requestを受け付けるようになったことやドキュメントの改善等も行われている。\nhttps://typescript.codeplex.com/documentation","tags":["TypeScript","ReleaseNote"],"date":"2014-04-03T05:36:14.218Z","relatedLinks":[]},{"title":"モダンブラウザのストレージ容量と調査方法まとめ - HTML5 Rocks","url":"http://www.html5rocks.com/ja/tutorials/offline/quota-research/","content":"WebStorage(LocalStorage/SessionStorage)、WebSQL、Indexed DB、FileSystem API、App Cacheの容量と調査方法にまとまっている。\n","tags":["ストレージ","browser","API","まとめ"],"date":"2014-04-03T05:52:04.694Z","relatedLinks":[]},{"title":"O'Reilly Japan - AngularJSアプリケーション開発ガイド","url":"http://www.oreilly.co.jp/books/9784873116679/","content":"2014年04月18日 発売\nAngularJS本","tags":["Angular","book"],"date":"2014-04-03T07:40:07.212Z","relatedLinks":[]},{"title":"TypeScriptとは？ Visual Studioを使って開発してみよう - Build Insider","url":"http://www.buildinsider.net/web/typescriptvs/01","content":"Visual Studioを使ったTypeScriptチュートリアルの連載","tags":["TypeScript","tutorial","windows"],"date":"2014-04-03T12:14:30.577Z","relatedLinks":[]},{"title":"SETT April 2014 - ES6: Jump in, the water is warm!","url":"http://sett.ociweb.com/sett/settApr2014.html","content":"ES6でTodoアプリを作るチュートリアル。\n","tags":["JavaScript","ECMAScript","todo","tutorial"],"date":"2014-04-03T14:30:53.647Z","relatedLinks":[]},{"title":"Debugging Asynchronous JavaScript with Chrome DevTools - HTML5 Rocks","url":"http://www.html5rocks.com/en/tutorials/developertools/async-call-stack/","content":"Chrome 35でsetTimeout, XHR, promisesのような非同期処理のスタックトレースが取れるようになった。\nまたコールスタックで特定のものを選択した時にそのスコープでの情報を取れるように、Promise chainのデバッグ、名前付き関数式にすることのメリット等についても書かれている","tags":["JavaScript","Chrome","debug"],"date":"2014-04-03T14:43:27.488Z","relatedLinks":[]},{"title":"ＴｙｐｅＳｃｒｉｐｔ入門/川俣晶 本・コミック ： オンライン書店e-hon","url":"http://www.e-hon.ne.jp/bec/SA/Detail?refBook=978-4-8222-9835-7","content":"2014年5月30日発売\nTypeScript本","tags":["TypeScript","book"],"date":"2014-04-04T02:19:25.778Z","relatedLinks":[]},{"title":"jwagner/smartcrop.js","url":"https://github.com/jwagner/smartcrop.js","content":"画像から注目する部分を中心とした切り抜きを行うアルゴリズムを持ってるライブラリ","tags":["画像","library"],"date":"2014-04-04T03:51:48.097Z","relatedLinks":[]},{"title":"Ember.js - Ember 1.5.0 and 1.6 Beta Released","url":"http://emberjs.com/blog/2014/03/30/ember-1-5-0-and-ember-1-6-beta-released.html","content":"Ember 1.5.0リリース","tags":["JavaScript","library","ReleaseNote"],"date":"2014-04-05T05:03:47.268Z","relatedLinks":[]},{"title":"Server-Sent Events: The simplest realtime browser spec","url":"https://segment.io/blog/2014-04-03-server-sent-events-the-simplest-realtime-browser-spec/","content":"Server-Sent Eventsについて。\nクライアントとサーバ(node)での実装について","tags":["JavaScript","HTTP"],"date":"2014-04-05T06:37:15.682Z","relatedLinks":[]},{"title":"サイトに適したリソース配置 – レンダリング優先のグッド・プラクティス | ゆっくりと…","url":"http://tokkono.cute.coocan.jp/blog/slow/index.php/xhtmlcss/resource-potitioning-best-practice/","content":"script要素の場所と`async`と`defer`属性について。\nstyle要素、img要素とDOM構築の関係、`</body>`直前での読み込みとFOUC。\n読み込みを実験出来るサイトについて","tags":["JavaScript","HTML","performance"],"date":"2014-04-05T07:31:49.772Z","relatedLinks":[{"title":"Content Loaded","url":"http://contentloaded.com/"},{"title":"CSSのロードタイミングの不備が引き起こす、FOUCとは？ - ふろしき.js","url":"http://furoshiki.hatenadiary.jp/entry/2013/06/27/052327"}]},{"title":"Grid 日本語版","url":"http://maepon.github.io/grid/","content":"\"レスポンシブデザイン入門\"\nCSSのボックスモデル、コンテナ、カラム、clearfix、flloatについて書かれてる","tags":["CSS","design","translate"],"date":"2014-04-05T08:03:00.205Z","relatedLinks":[]},{"title":"Handbook - Welcome to TypeScript","url":"http://www.typescriptlang.org/Handbook","content":"TypeScriptハンドブック。\n言語機能についてまとまってる","tags":["TypeScript","document"],"date":"2014-04-05T08:13:39.163Z","relatedLinks":[]},{"title":"seen.js","url":"http://seenjs.io/","content":"3D空間をSVGかCanvasを使って描画出来るライブラリ","tags":["canvas","SVG","library"],"date":"2014-04-05T08:18:31.447Z","relatedLinks":[]},{"title":"IE11 の新機能 – エンタープライズ モード | Hebikuzure's Tech Memo","url":"http://hebikuzure.wordpress.com/2014/04/04/new-feature-of-ie11-enterprise-mode/","content":"IE11のエンタープライズモードについて。\n\"作成したリストに含まれるサイトやユーザーが指定したサイトを Internet Explorer 8 のエミュレーション モードで表示/動作させる機能\"","tags":["IE"],"date":"2014-04-05T08:20:52.730Z","relatedLinks":[]},{"title":"TypeScriptの型定義ファイルを共有しよう！ - Qiita","url":"http://qiita.com/vvakame/items/1980d4b6cc222e03fdcb","content":"TypeScriptの型定義ファイルの利用方法と自分で定義したものをpull requestする手順について書かれてる。\nJavaScriptでもWebStorm等から補完候補の定義として利用できる","tags":["TypeScript","tutorial"],"date":"2014-04-05T08:45:07.758Z","relatedLinks":[]},{"title":"Optimization killers · petkaantonov/bluebird Wiki","url":"https://github.com/petkaantonov/bluebird/wiki/Optimization-killers","content":"V8の最適化ができない事例についてよくまとめられている。\n最適化ができるか調べる方法、try-catchなど関数内にあると最適化をしなくなる式、arguments、switch-case、hash tableとしてのオブジェクトについて等","tags":["JavaScript","Promises","Tips","performance"],"date":"2014-04-05T13:30:15.896Z","relatedLinks":[]},{"title":"harmony:specification_drafts [ES Wiki]","url":"http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts#april_5_2014_draft_rev_23","content":"ES6 Draft Rev 23リリース。\n","tags":["ECMAScript","ReleaseNote"],"date":"2014-04-07T01:30:25.308Z","relatedLinks":[]},{"title":"power-assertの使い方 Node.js編 | Web scratch","url":"http://efcl.info/2014/0406/res3809/","content":"シンプルなアサーションでも分かりやすくテスト出来るツールであるpower-assertについて。\nNode.jsでの導入方法、Grunt/gulpなどからの利用方法等","tags":["JavaScript","testing","node.js"],"date":"2014-04-07T02:04:26.761Z","relatedLinks":[]},{"title":"Internet Explorer Web Platform Status and Roadmap - status.modern.IE","url":"http://status.modern.ie/","content":"IEのWeb Platform APIの対応ステータス、ロードマップが公開されているサイト","tags":["IE","WebPlatformAPI","まとめ"],"date":"2014-04-07T02:08:27.056Z","relatedLinks":[]},{"title":"Release JSHint 2.5.0 · jshint/jshint","url":"https://github.com/jshint/jshint/releases/tag/2.5.0","content":"JSHint 2.5.0リリース。\nインデントスタイル関係のLintの削除(JSCSへと移行を推奨)、template strings、`--filename`のCLIオプションを追加、ディレクトリごとにオプションを変更する設定を追加","tags":["JavaScript","Tools","ReleaseNote"],"date":"2014-04-07T05:26:18.604Z","relatedLinks":[{"title":"mdevils/node-jscs","url":"https://github.com/mdevils/node-jscs"},{"title":"support a --filename flag by Raynos · Pull Request #1503 · jshint/jshint","url":"https://github.com/jshint/jshint/pull/1503"}]},{"title":"Practical Workflows for ES6 Modules","url":"http://guybedford.com/practical-workflows-for-es6-modules","content":"ES6 moduleとmodule loaderについて。\nまたES6 moduleをCJS/AMDへ変換して利用する方法や動的にロードするSystemJS loader等について","tags":["JavaScript","ECMAScript","AMD"],"date":"2014-04-07T12:58:14.536Z","relatedLinks":[{"title":"▶ Practical Workflows for ES6 Modules, Fluent 2014 - YouTube","url":"https://www.youtube.com/watch?v=0VUjM-jJf2U"}]},{"title":"Async","url":"http://bredele.github.io/async/","content":"JavaScriptの非同期処理のパターンの実装ライブラリと紹介。\nEventEmitter、Promises、FSM、Doors、Emitter queueの実装であるライブラリと概要が書かれてる","tags":["JavaScript","まとめ"],"date":"2014-04-07T13:05:18.947Z","relatedLinks":[]},{"title":"WebStorm 8.0.1 Bug Fix Update is Available: node-webkit, TypeScript 1.0 and Sass 3.3 | JetBrains WebStorm Blog","url":"http://blog.jetbrains.com/webstorm/2014/04/webstorm-8-0-1-bug-fix-update/","content":"WebStorm 8.0.1リリース。\nTypeScript 1.0、Sass3.3対応、node-webkitのデバッグ実行に対応","tags":["WebStorm","ReleaseNote","node.js","TypeScript"],"date":"2014-04-08T06:54:47.342Z","relatedLinks":[]},{"title":"Understanding… by Nicholas C. Zakas [Leanpub PDF/iPad/Kindle]","url":"https://leanpub.com/understandinges6","content":"Nicholas C. ZakasによるES6についての書籍\nhttps://github.com/nzakas/understandinges6","tags":["ECMAScript","book"],"date":"2014-04-08T14:21:37.861Z","relatedLinks":[]},{"title":"Release Release 1.3.2 · bower/bower","url":"https://github.com/bower/bower/releases/tag/v1.3.2","content":"Bower 1.3.2リリース。\nconcurrency実行した時の問題を修正等","tags":["JavaScript","Tools","ReleaseNote"],"date":"2014-04-10T05:01:11.655Z","relatedLinks":[]},{"title":"Introduction to d3.js","url":"http://ireneros.com/conf/nicar/introduction-to-d3.html#1","content":"d3.jsについてのスライド。\nセレクタ、スタイルの適応、scale、データの操作、アニメーション等について","tags":["d3.js","slide"],"date":"2014-04-10T12:48:46.260Z","relatedLinks":[]},{"title":"ESLint 0.5.0 released - ESLint","url":"http://eslint.org/blog/2014/04/eslint-0.5.0-released/","content":"ESLint 0.5.0リリース\n`eslint-env`又はCLIの`--env`オプションで実行環境の設定が出来るように、グローバル変数を定義するCLI `--global`オプションの追加等","tags":["JavaScript","Tools","ReleaseNote"],"date":"2014-04-11T00:34:17.379Z","relatedLinks":[{"title":"eslint/docs/command-line-interface at master · eslint/eslint","url":"https://github.com/eslint/eslint/tree/master/docs/command-line-interface#--env"}]},{"title":"YUI 3.16.0 Released - YUI Blog","url":"http://www.yuiblog.com/blog/2014/04/10/yui-3-16-0-released/","content":"YUI 3.16.0リリース。\n","tags":["YUI","ReleaseNote"],"date":"2014-04-11T00:36:56.099Z","relatedLinks":[]},{"title":"Relato - Open Source Statistics","url":"http://bripkens.github.io/relato/","content":"npmに登録されてるパッケージの統計データ。\nユーザー数、利用者( dependencies)、開発利用者(devDependencies)、ページランク等でソートして一覧出来る","tags":["node.js","webservice"],"date":"2014-04-11T00:39:52.042Z","relatedLinks":[]},{"title":"power-assertでJavaScriptのテストをする ブラウザ編 | Web scratch","url":"http://efcl.info/2014/0411/res3820/","content":"power-assertを使ったブラウザでのテストについて。\ntestemを使った方法、browserifyとkarmaを使った方法、sourcemapでのデバッグについて書かれてる。","tags":["JavaScript","testing","browser","browserify"],"date":"2014-04-11T05:34:52.660Z","relatedLinks":[]},{"title":"Spy-js: WebStorm secret service | JetBrains WebStorm Blog","url":"http://blog.jetbrains.com/webstorm/2014/04/spy-js-webstorm-secret-service/","content":"WebStorm8に入ったspy-jsの詳細。\nトレースを行うproxyサーバを立てて、JSのトレースを行う。\nイベントのスタックを見たり、カバレッジのようにコードの実行された部分の可視化や実行時の値の確認等が出来る。","tags":["JavaScript","debug","Tools","WebStorm"],"date":"2014-04-11T15:16:53.839Z","relatedLinks":[{"title":"spy-js: tracing, profiling, debugging javascript","url":"http://spy-js.com/"}]},{"title":"Using WAI-ARIA in HTML の日本語訳を公開しました ｜ IMAGEDRIVE","url":"http://blog.imagedrive.jp/web/2014-04-09/using-wai-aria-in-html-ja","content":"\"Using WAI-ARIA in HTML\"の翻訳","tags":["WAI-ARIA","translate"],"date":"2014-04-12T03:26:18.759Z","relatedLinks":[]},{"title":"Getfirebug Blog » Blog Archive » Firebug 2.0 beta 1","url":"https://blog.getfirebug.com/2014/04/11/firebug-2-0-beta-1/","content":"Firebug 2.0 beta 1リリース。\nブレークポイント周りの強化。\nコンソールパネルからエラーに対してブレークポイントを貼れるようになる等","tags":["Firebug","ReleaseNote"],"date":"2014-04-12T03:29:14.510Z","relatedLinks":[]},{"title":"Chromium Blog: Chrome 35 Beta: More developer control over touch input, new JavaScript features, and unprefixed Shadow DOM","url":"http://blog.chromium.org/2014/04/chrome-35-beta-more-developer-control.html","content":"Chrome35βリリース。\n35で入るCSSの`touch-action`プロパティ、ES6 Promises、WeakMap/WeakSet、`Object.observe`、WebAudio、Shadow DOMのprefixが梨、CSS Font Loading","tags":["Chrome"],"date":"2014-04-12T06:33:55.846Z","relatedLinks":[{"title":"タッチ操作向けサイト構築のガイドライン - IEBlog 日本語 - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie_ja/archive/2012/04/28/guidelines-for-building-touch-friendly-sites.aspx"},{"title":"JavaScript - ナウでヤングな CSS Font Loading - Qiita","url":"http://qiita.com/damele0n/items/6afc5160cf7ea8b15787"}]},{"title":"JavaScript - ナウでヤングな CSS Font Loading - Qiita","url":"http://qiita.com/damele0n/items/6afc5160cf7ea8b15787","content":"WebFontsのロードタイミングを取得できたりするCSS Font Loadingについて。\n`document.fonts`の使い方について書かれてる。\n","tags":["JavaScript","web","fonts"],"date":"2014-04-12T06:36:58.903Z","relatedLinks":[]},{"title":"#DevTools Tip 検索 - Google+","url":"https://plus.google.com/s/%23DevTools%20Tip","content":"Chrome DevToolsのTips集","tags":["Chrome","debug","Tools","Tips"],"date":"2014-04-12T07:10:28.089Z","relatedLinks":[]},{"title":"Famous/famous","url":"https://github.com/famous/famous","content":"リッチウェブアプリ向けのJavaScriptフレームワーク。\nEvent管理、物理エンジン、数学ライブラリ、transform、transition、Canvasのコンテナ、View Layout等を持ってる。\nUIのパフォーマンスとメンテンスビリティに重きがある感じ","tags":["HTML5","JavaScript","library","UI","mobile"],"date":"2014-04-13T12:56:08.347Z","relatedLinks":[]},{"title":"Running Node.js apps in production","url":"http://fhemberger.github.io/talks/nodejs-in-production/#/cover","content":"Node.jsアプリのデプロイ、モニタリング等についてのスライド。\nrecluster, PM2, kibana, new relic、エラーレポート等ツールについて色々まとまってる","tags":["node.js","Tools","slide"],"date":"2014-04-13T14:19:49.819Z","relatedLinks":[]},{"title":"Javascript 101","url":"http://themouette.github.io/slides-clermontjs-js101/#/","content":"JavaScriptの基本からnpmやGrunt等のツールやリソースについて幅広く書かれてるスライド","tags":["JavaScript","slide"],"date":"2014-04-13T14:24:34.604Z","relatedLinks":[]},{"title":"Express 4 — Javascript and the server — Medium","url":"https://medium.com/javascript-and-the-server/aa6992b52bcd","content":"Express 4がリリースされた","tags":["node.js","ReleaseNote"],"date":"2014-04-13T14:28:19.272Z","relatedLinks":[]},{"title":"Asynchronous JavaScript Interfaces","url":"http://medikoo.com/asynchronous-javascript-interfaces/","content":"JavaScriptの非同期処理についてのスライド。Event、コールバック、Generator、Promises。\nPromisesのエラーハンドリング、簡単に実装しながら学ぶ、`done`と`then`の違い、Deferred、`done`の論争についてよくまとまってる","tags":["JavaScript","slide"],"date":"2014-04-13T23:12:11.137Z","relatedLinks":[]},{"title":"meet.js - kwiecień 2014 | Events Poznań Blog","url":"http://events.pozoga.eu/meet-js/","content":"meet.jsの動画が公開された。\nメモリ管理、gulp、WebComponents、Selenium Builderの話等","tags":["JavaScript","Conference","video"],"date":"2014-04-14T01:06:19.185Z","relatedLinks":[]},{"title":"Backbone.js Patterns and Best Practices | Packt Publishing","url":"http://www.packtpub.com/backbone-js-patterns-and-best-practices/book","content":"Backbone.jsのベストプラクティスとパターンについての書籍","tags":["backbone.js","book"],"date":"2014-04-14T07:48:17.896Z","relatedLinks":[]},{"title":"moment-2.6.0.md","url":"https://gist.github.com/ichernev/10544682","content":"Dateを扱うライブラリであるmoment.js 2.6.0リリース。\nNode.js環境でグローバル変数がでないように、AMDのshim対応の改善、DST(夏時間)の対応改善等","tags":["JavaScript","library"],"date":"2014-04-15T02:47:40.565Z","relatedLinks":[{"title":"moment/moment","url":"https://github.com/moment/moment"}]},{"title":"WAI-ARIA の基礎知識 — Website Usability Info","url":"http://website-usability.info/2014/04/entry_140415.html","content":"WAI-ARIAとはどういう仕様なのか。\nRoles、States/Properties、Managin Focus、HTML5との関係について簡単に紹介されてる","tags":["WAI-ARIA","アクセシビリティ"],"date":"2014-04-15T07:47:33.210Z","relatedLinks":[]},{"title":"Functional JavaScript, Part 1: Introduction - Tech.Pro","url":"http://tech.pro/tutorial/1953/functional-javascript-part-1-introduction","content":"Functional JavaScriptについての連載","tags":["JavaScript","関数型プログラミング"],"date":"2014-04-15T13:22:49.260Z","relatedLinks":[]},{"title":"Brackets 0.38 Release (Multiple cursors) – Brackets Blog","url":"http://blog.brackets.io/2014/04/15/brackets-0-38-release-multiple-cursors/","content":"Brackets 0.38リリース。\nマルチカーソルのサポート、`.ico`ファイルのプレビューに対応","tags":["adobe","editor","ReleaseNote"],"date":"2014-04-16T05:10:07.935Z","relatedLinks":[]},{"title":"Amazon: TypeScriptリファレンス Ver.1.0対応 [単行本（ソフトカバー）]: 株式会社トップゲート 若命 全洋, 日本マイクロソフト株式会社 井上 章, 丸山 弘詩","url":"http://www.amazon.co.jp/o/ASIN/484433588X/amazon0abac-22/ref=nosim","content":"2014年5月16日発売\nTypeScriptリファレンス本","tags":["TypeScript","book"],"date":"2014-04-16T07:17:29.050Z","relatedLinks":[]},{"title":"JS Recipes","url":"http://jsrecipes.org/","content":"JavaScript/Nodeのライブラリを使った逆引き的なチュートリアルがまとまっているサイト。\n初心者向けの内容からNode.jsを使ったサーバサイド、UI等のフロントエンド、gulp等のツール、最適化やワークフローについて等かなり幅広い","tags":["JavaScript","library","node.js"],"date":"2014-04-17T11:56:41.351Z","relatedLinks":[]},{"title":"Release 1.4.7 · npm/npm","url":"https://github.com/npm/npm/releases/tag/v1.4.7","content":"npm 1.4.7リリース。\nモジュールのバージョンのprefixを決める`--save-prefix` の追加","tags":["node.js","Tools","ReleaseNote"],"date":"2014-04-18T05:00:51.576Z","relatedLinks":[]},{"title":"telerik/kendo-ui-core","url":"https://github.com/telerik/kendo-ui-core","content":"Kendo UIのCoreがオープンソースとして公開された","tags":["JavaScript","HTML5","UI","Conference"],"date":"2014-04-19T02:12:14.190Z","relatedLinks":[{"title":"Telerik Open Sources World’s Largest Library of UI Tools and JavaScript Framework Features with Telerik Kendo UI Core","url":"http://www.telerik.com/company/press-releases/2014/04/16/telerik-open-sources-world-s-largest-library-of-ui-tools-and-javascript-framework-features-with-telerik-kendo-ui-core"}]},{"title":"ripplejs/ripple","url":"https://github.com/ripplejs/ripple","content":"Viewのテンプレートとデータバインディングライブラリ。\nCoreは小さめで、pluginをmixinすることでディレクティブ等を拡張出来る仕組み","tags":["JavaScript","library","ui"],"date":"2014-04-19T02:28:56.937Z","relatedLinks":[]},{"title":"PhantomJS 2 · ariya/phantomjs Wiki","url":"https://github.com/ariya/phantomjs/wiki/PhantomJS-2","content":"PhantomJS2のビルド方法について","tags":["webkit","browser","console","Tools"],"date":"2014-04-19T02:30:45.212Z","relatedLinks":[{"title":"phantomJS2 build on linux - Qiita","url":"http://qiita.com/ku0522a/items/c92a07802b3bba3a4235"}]},{"title":"NYTimes/pourover","url":"https://github.com/NYTimes/pourover","content":"コレクションの高速なフィルタリング、ソートが出来るライブラリ。\n大量のデータに耐えられる作り","tags":["JavaScript","library"],"date":"2014-04-19T03:14:34.225Z","relatedLinks":[{"title":"NYTimes/tamper","url":"https://github.com/nytimes/tamper/"}]},{"title":"Reusable components by Vue.js and Browserify","url":"http://blog.koba04.com/post/2014/04/17/reusable-components-by-vuejs-and-browserify/","content":"Vue.jsとbrowserifyを使ってJavascript、HTML、CSSをcomponentとして再利用性のあるものにする方法やRoutingについて","date":"2014-04-18T16:09:49.662Z","tags":["vue.js","browserify"],"relatedLinks":[]},{"title":"Node-v0.12からデフォルトでES6の一部が使えるようになった(WeakMap解説編) - ぼちぼち日記","url":"http://d.hatena.ne.jp/jovi0608/20140418/1397789018","content":"WeakMapの概要と使い方について","tags":["JavaScript","node.js","ECMAScript"],"date":"2014-04-19T11:46:07.504Z","relatedLinks":[{"title":"Let's WeakMap - 枕を欹てて聴く","url":"http://constellation.hatenablog.com/entry/20111002/1317561215"}]},{"title":"PexJS/PexJS","url":"https://github.com/PexJS/PexJS","content":"JavaScriptで書かれたFlash Lite 1.1のランタイムエンジンライブラリ。\n","tags":["JavaScript","flash","library"],"date":"2014-04-21T06:58:53.065Z","relatedLinks":[{"title":"Pexの内部構成の簡単な解説 : fchiba memo","url":"http://fchiba.blog.jp/archives/1001805200.html"}]},{"title":"Frontrend vol.7 html5 audio","url":"http://www.slideshare.net/fkei/frontrend-vol7-html5-audio","content":"WebAudio、HTMLAudio、HTMLVideoそれぞれの特徴と複数音の同時再生、Audio Sprite等についてのスライド","tags":["JavaScript","HTML","audio","slide"],"date":"2014-04-21T09:26:22.154Z","relatedLinks":[{"title":"CyberAgent/beez","url":"https://github.com/CyberAgent/beez"}]},{"title":"V8 Resources","url":"http://mrale.ph/v8/resources.html","content":"V8に関係するスライドや記事等のリソースまとめ","tags":["V8","まとめ"],"date":"2014-04-21T12:02:08.948Z","relatedLinks":[]},{"title":"Фронтенд разработка без боли","url":"http://www.slideshare.net/smile42ru/ss-33729118","content":"\"痛みをとはないフロントエンド開発\" \n最近のフロントエンド開発のツールやライブラリ等についてのスライド。BEM,WebCompoents,gulp,CDN,MV*,Vanilla JSについて。\n","tags":["JavaScript","CSS","slide"],"date":"2014-04-21T12:11:16.660Z","relatedLinks":[{"title":"Фронтенд разработка без боли|лекция в KLЮTCH | VK","url":"http://vk.com/event69759919"}]},{"title":"square/esnext · GitHub","url":"https://github.com/square/esnext","content":"SquareのES6のコードを現在のJavaScriptに変換するツール。\nTraceurとやりたい事は似てるが、runtimeに必要なコードはできるだけ小さく、人間でも読みやすいコードを出力するのが目的","tags":["ECMAScript","JavaScript","Tools"],"date":"2014-04-21T12:17:10.168Z","relatedLinks":[]},{"title":"jQuery 1.11.1 RC2 and 2.1.1 RC2 Released | Official jQuery Blog","url":"http://blog.jquery.com/2014/04/18/jquery-1-11-1-rc2-and-2-1-1-rc2-released/","content":"jQuery 1.11.1 RC2と2.1.1 RC2リリース。\n","tags":["jQuery","ReleaseNote"],"date":"2014-04-22T00:10:57.473Z","relatedLinks":[]},{"title":"Windows 8.1 Update での F12 の新機能 - IEBlog 日本語 - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie_ja/archive/2014/04/21/whats-new-in-f12-w-windows-8-1-update.aspx","content":"IE11のDevToolsのアップデート内容について。\nCSSの変更履歴の表示、SourceMapの対応、デバッグ対象のフィルタリング、メモリリーク等を見つけられるスナップショット機能等","tags":["IE","debug","Tools"],"date":"2014-04-22T03:01:34.470Z","relatedLinks":[{"title":"Chrome/Firefox の JavaScript Debugger でステップ実行時にライブラリ・フレームワークをスキップする - Qiita","url":"http://qiita.com/sora_h/items/f3ef444fa1c1d8d0e9fd"},{"title":"Inspect running JavaScript with the Debugger (Windows)","url":"http://msdn.microsoft.com/en-US/library/ie/dn255007%28v=vs.85%29#source_maps"}]},{"title":"scottcorgan/lag","url":"https://github.com/scottcorgan/lag","content":"underscoreのpromises版みたいなライブラリ。","tags":["JavaScript","Promises","library"],"date":"2014-04-22T14:46:56.485Z","relatedLinks":[]},{"title":"angular/deferred","url":"https://github.com/angular/deferred","content":"Promisesを使ったDeferred(主にDIのため)\nPromiseMockという同期的にPromise APIのテストをするためのモジュールと、Promiseをモックに置き換えるzoneを提供するPromiseBackendの構成。","tags":["JavaScript","Promises","testing","library"],"date":"2014-04-22T15:32:32.949Z","relatedLinks":[]},{"title":"Inline SVG vs Icon Fonts [CAGEMATCH] | CSS-Tricks","url":"http://css-tricks.com/icon-fonts-vs-svg/","content":"アイコンフォントとインラインSVの比較。\nIE+9/Android3+ならSVGを使う方が良いとこの話","tags":["画像","SVG","fonts"],"date":"2014-04-23T06:05:31.858Z","relatedLinks":[]},{"title":"dramatically enhance colors for javascript and css by maxogden · Pull Request #979 · github/linguist","url":"https://github.com/github/linguist/pull/979","content":"GithubのJavaScriptとCSSの色が変更された。\nJSConf color と bootstrapc color","tags":["github","JavaScript","CSS","color"],"date":"2014-04-24T00:30:07.755Z","relatedLinks":[]},{"title":"Creating defensive objects with ES6 proxies | NCZOnline","url":"http://www.nczonline.net/blog/2014/04/22/creating-defensive-objects-with-es6-proxies/","content":"Proxy APIについて。 Proxyを使ってObject.sealやpreventExtensionsみたいなプロパティアクセスの制御","tags":["JavaScript"],"date":"2014-04-27T15:21:15.955Z","relatedLinks":[]},{"title":"Release v0.10.4: Release-v0.10.4 · yyx990803/vue","url":"https://github.com/yyx990803/vue/releases/tag/v0.10.4","content":"Vue.js 0.10.4リリース","tags":["JavaScript","library","ReleaseNote"],"date":"2014-04-28T00:55:12.371Z","relatedLinks":[]},{"title":"jQuery UI 1.11.0-beta.1 | jQuery UI Blog","url":"http://blog.jqueryui.com/2014/04/jquery-ui-1-11-0-beta-1/","content":"jQuery UI 1.11.0βリリース\nIE7のサポート終了、ワークアラウンドはまだ残ってるけど1.12でコードベースから削除される","tags":["jQuery","UI","ReleaseNote"],"date":"2014-04-28T01:42:04.993Z","relatedLinks":[]},{"title":"ES6 on the front end","url":"http://johnkpaul.github.io/presentations/jsconf-br/es6-now/#/","content":"ES6の機能を実際に実行しながら紹介してるスライド。\n実際に今使う方法としてTraceur、es6fyについて","tags":["ECMAScript","JavaScript","slide"],"date":"2014-04-28T06:47:39.097Z","relatedLinks":[]},{"title":"Node-v0.12の新機能について","url":"http://www.slideshare.net/shigeki_ohtsu/node-v012tng12","content":"Node.js 0.12についてのスライド。\nES6の機能の追加、Stream3(又stream1,2の問題点)、動機child_process、`beforeExit`イベント、新しいvmモジュールについて等","tags":["node.js","slide"],"date":"2014-04-28T08:15:03.792Z","relatedLinks":[]},{"title":"Functional Programming in Javascript === Garbage « Thomas Reynolds","url":"http://awardwinningfjords.com/2014/04/21/functional-programming-in-javascript-equals-garbage.html","content":"JavaScriptで関数型スタイルを取るときに気をつけるべきこと。\nImmutableにするためにコピーが必要なこと、末尾最適化がないためトランポリン、関数合成と部分適応について","tags":["JavaScript","関数型プログラミング"],"date":"2014-04-28T09:16:33.063Z","relatedLinks":[]},{"title":"MountainWest JavaScript 2014 - YouTube","url":"https://www.youtube.com/playlist?list=PLVjBwkjgx9fq7x3enYMzgpQkrSvJiI8-X","content":"MountainWest JavaScript 2014の動画が公開された。\nhttp://mtnwestjs.org/2014/","tags":["JavaScript","Conference","video"],"date":"2014-04-29T03:01:14.419Z","relatedLinks":[]},{"title":"MountainWest JavaScript 2014 Schedule - Confreaks, LLC","url":"http://www.confreaks.com/events/mwjs","content":"MountainWest JavaScript 2014の動画が公開された。\nhttp://mtnwestjs.org/2014/","tags":["JavaScript","video","Conference"],"date":"2014-04-29T03:22:10.526Z","relatedLinks":[{"title":"MountainWest JavaScript 2014 - YouTube","url":"https://www.youtube.com/playlist?list=PLVjBwkjgx9fq7x3enYMzgpQkrSvJiI8-X"}]},{"title":"JavaScriptにおける非同期パターン #翻訳 « Tatyusa's Note","url":"http://tatyusa.logdown.com/posts/196064/javascript-period-in-non","content":"http://bredele.github.io/async/ の翻訳。\n非同期処理のパターンについて","tags":["JavaScript","translate"],"date":"2014-04-29T03:29:48.639Z","relatedLinks":[]},{"title":"Nunjucks","url":"http://mozilla.github.io/nunjucks/","content":"Mozillaのサービス等で使ってるJavaScriptテンプレートエンジン。","tags":["JavaScript","Mozilla","library"],"date":"2014-04-29T03:34:26.544Z","relatedLinks":[]},{"title":"Callbacks, promises, generators - asynchronous javascript","url":"http://www.slideshare.net/wookieb/callbacks-promises-generators-asynchronous-javascript","content":"JavaScriptの非同期処理のスライド。\nAsync+コールバックのウォーターフォールな書き方。\nPromiseを使って行う場合に、コールバックスタイルをPromiseに変換、既存の関数を利用する方法について。\nGenerator、thunk、coを使った方法に ついてバランスよくまとまってる。\nコールバックベースの関数をPublic APIとして用意して、自分orチームに最適な方法を選んで使うという方針についても書かれてる","tags":["JavaScript","slide"],"date":"2014-04-29T06:54:23.037Z","relatedLinks":[]},{"title":"Regenerator, AST, and ES6 at Facebook","url":"http://www.hakkalabs.co/articles/ecmascript-6-at-facebook","content":"regeneratorの作者(Facebook社)によるJavaScript ASTによる変換についてのスライド。\nES6 -> ES5の変換の仕組みやfacebook.com内のコードの置き換えた結果やそこから学んだ事について。\n変換ツールを運用する際のTipsについても書かれてる。\nReact、regeneratorの変換、動作の仕組みについて。\nまた何故このような難しいものをサイドプロジェクトとしてやっているのかについて話されてる。","tags":["JavaScript","AST","video","slide"],"date":"2014-04-29T08:19:11.721Z","relatedLinks":[{"title":"Technical and Social Progress Toward ECMAScript 6 at Facebook","url":"http://benjamn.github.io/pivotal-meetup-talk/#/"}]},{"title":"Release 1.0.0 · jakearchibald/es6-promise","url":"https://github.com/jakearchibald/es6-promise/releases/tag/1.0.0","content":"ES6 Promisesのpolyfillライブラリであるes6-promise 1.0.0リリース。\nES6の仕様に追従した変更として`cast`がなくなり、`resolve`を使うようになった","tags":["JavaScript","Promises","ReleaseNote"],"date":"2014-04-29T14:37:32.659Z","relatedLinks":[]},{"title":"Firefox — Notes — Mozilla","url":"http://www.mozilla.org/en-US/mobile/29.0/releasenotes/","content":"Firefox29リリース。\n`box-sizing`がunprefixに、ECMAScript i18n APIの実装、ES6 Promises、SharedWorker、webworkerから扱えるものが増えた、Gamepad APIが有効に","tags":["firefox","ReleaseNote"],"date":"2014-04-29T14:47:00.232Z","relatedLinks":[{"title":"Firefox 29 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/Firefox/Releases/29"}]},{"title":"google/closure-library","url":"https://github.com/google/closure-library","content":"Closure Libraryや Closure Compiler等がGithubに移行した","tags":["google","library"],"date":"2014-04-30T08:40:37.044Z","relatedLinks":[{"title":"github repo - Google グループ","url":"https://groups.google.com/forum/#!topic/closure-library-discuss/WEgaBsn-08U/discussion"}]},{"title":"O'Reilly Japan - ハイパフォーマンス ブラウザネットワーキング","url":"http://www.oreilly.co.jp/books/9784873116761/","content":"2014年05月30日 発売\nHigh Performance Browser Networkingの翻訳本","tags":["web","performance","book"],"date":"2014-04-30T11:28:04.875Z","relatedLinks":[{"title":"High Performance Browser Networking","url":"http://chimera.labs.oreilly.com/books/1230000000545"}]},{"title":"ECMAScript 6入门","url":"http://es6.ruanyifeng.com/","content":"ES6入門の電子書籍。\nES6の新しい構文や追加されたメソッド等について書かれている。\nCC BY-NC 4.0でソースも公開されてる","tags":["JavaScript","ECMAScript","book"],"date":"2014-04-30T12:27:10.162Z","relatedLinks":[{"title":"ruanyf/es6tutorial","url":"https://github.com/ruanyf/es6tutorial"}]},{"title":"ES6 draft Rev24 now available","url":"http://esdiscuss.org/topic/es6-draft-rev24-now-available","content":"ES6 draft Rev24リリース","tags":["ECMAScript","ReleaseNote"],"date":"2014-05-01T01:53:02.083Z","relatedLinks":[]},{"title":"ES6の前にES5のベストプラクティスを改めて考えたい - snyk_s log","url":"http://saneyukis.hatenablog.com/entry/2014/04/30/015807","content":"ES5の機能に使ったコードに改めて。\n\"use strict\"、Object.seal/freezeの利用、Object.definePropertyでのgetter/setter、bind、Arrayの拡張メソッドの利用などついて","tags":["JavaScript"],"date":"2014-05-01T14:21:42.612Z","relatedLinks":[]},{"title":"Modern JavaScript Applications: Design Patterns","url":"http://www.slideshare.net/VolodymyrVoytyshyn/modern-java-script-applications","content":"JavaScriptとデザインパターンについてのスライド","tags":["JavaScript","デザインパターン","slide"],"date":"2014-05-01T14:31:42.664Z","relatedLinks":[]},{"title":"Talk videos now available | CSSConf Australia 2014","url":"http://2014.cssconf.com.au/news/videos","content":"CSSConf Australia 2014の動画が公開された","tags":["CSS","Conference","video"],"date":"2014-05-01T14:50:10.937Z","relatedLinks":[{"title":"CSSConf Australia 2014","url":"http://2014.cssconf.com.au/"}]},{"title":"Adaptation and Components // Speaker Deck","url":"https://speakerdeck.com/necolas/adaptation-and-components","content":"HTML/CSS/JSのモジュール化についてのスライド。\nhttps://suitcss.github.io/ を使ったCSSのモジュール化、それらをcomponentを使って管理する話","tags":["CSS","HTML","slide"],"date":"2014-05-01T15:04:18.538Z","relatedLinks":[{"title":"▶ Nicolas Gallagher - Adaptation and Components - YouTube","url":"https://www.youtube.com/watch?v=m0oMHG6ZXvo&list=PLZriQCloF6GDEOUPK7tlaWAtJhPW21ZDF"},{"title":"component/component","url":"https://github.com/component/component"}]},{"title":"jQuery 1.11.1 and 2.1.1 Released | Official jQuery Blog","url":"http://blog.jquery.com/2014/05/01/jquery-1-11-1-and-2-1-1-released/","content":"jQuery 1.11.1 と 2.1.1リリース。\n","tags":["jQuery","ReleaseNote"],"date":"2014-05-02T03:25:45.574Z","relatedLinks":[]},{"title":"Node.js require(s) best practices · Mirco Zeiss","url":"http://www.mircozeiss.com/node-js-require-s-best-practices/","content":"node.jsでのrequireの書き方のベストプラクティスについて。\nESLintで似たようなものがルールとして定義されてる\nhttp://eslint.org/docs/rules/no-mixed-requires.html\n","tags":["node.js","Tips"],"date":"2014-05-02T04:43:48.922Z","relatedLinks":[{"title":"Disallow Mixed Requires","url":"http://eslint.org/docs/rules/no-mixed-requires.html"}]},{"title":"Node v0.10.27 (Stable)","url":"http://blog.nodejs.org/2014/05/01/node-v0-10-27-stable/","content":"Node v0.10.27リリース","tags":["node.js","ReleaseNote"],"date":"2014-05-02T11:58:01.772Z","relatedLinks":[]},{"title":"wilkerlucio/barrier","url":"https://github.com/wilkerlucio/barrier","content":"RSpecライクなテストフレームワーク。\nPromiseのテストもサポートしてる","tags":["JavaScript","Promises","testing"],"date":"2014-05-04T10:39:14.969Z","relatedLinks":[]},{"title":"Release Sweet Dreams · mozilla/sweet.js","url":"https://github.com/mozilla/sweet.js/releases/tag/v0.6.0","content":"sweet.js 0.6.0リリース。\nカスタム演算子の定義、マクロをモジュールとして読み込む事が出来るように、Custom Pattern Classes等","tags":["JavaScript","AST","Tools","ReleaseNote"],"date":"2014-05-05T11:12:03.212Z","relatedLinks":[]},{"title":"What's the difference between React and Ractive? | Blog | Ractive.js","url":"http://blog.ractivejs.org/posts/whats-the-difference-between-react-and-ractive/","content":"ReactとRactiveの違いについてReactの作者が語っている","tags":["JavaScript"],"date":"2014-05-05T13:40:47.171Z","relatedLinks":[]},{"title":"▶ Nodebp April 2014: The History of Node.js Streams - YouTube","url":"https://www.youtube.com/watch?v=g5ewQEuXjsQ","content":"Node.jsのstreamsの歴史について","tags":["node.js","video"],"date":"2014-05-06T04:04:11.348Z","relatedLinks":[{"title":"Nodebp","url":"http://nodebp.com/"}]},{"title":"facebook/fb-flo","url":"https://github.com/facebook/fb-flo","content":"ファイル監視してビルドした結果を実行中のアプリに反映するツールとChrome拡張。\nLive Edit的なツール","tags":["browser","debug","Tools"],"date":"2014-05-06T04:44:17.655Z","relatedLinks":[]},{"title":"Promiseのテストを補助するライブラリを書いた | Web scratch","url":"http://efcl.info/2014/0506/res3894/","content":"最初に落ちる条件を明示することでPromiseのテストのミスを減らすことを目的にしたライブラリについて","tags":["JavaScript","Promises","testing"],"date":"2014-05-06T07:04:24.530Z","relatedLinks":[]},{"title":"I’m writing a book. - JS Testing Recipes","url":"http://jstesting.jcoglan.com/","content":"JavaScriptのテストについての書籍。\nhttp://jstest.jcoglan.com/ を使っていて、Node.jsのStreamやCLIアプリ、ブラウザのテスト、関数とモック、`with`についてなど書かれている","tags":["JavaScript","testing","book"],"date":"2014-05-06T08:26:45.095Z","relatedLinks":[{"title":"jstest","url":"http://jstest.jcoglan.com/"}]},{"title":"Coverage of FutureJS | Lanyrd","url":"http://lanyrd.com/2014/futurejs/coverage/","content":"FutureJSのスライドが公開されてる","tags":["JavaScript","slide","Conference"],"date":"2014-05-06T08:33:18.864Z","relatedLinks":[{"title":"FutureJS - May 1-3 2014 Barcelona","url":"http://futurejs.org/"}]},{"title":"Node v0.11.13 (Unstable)","url":"http://blog.nodejs.org/2014/05/02/node-v0-11-13-unstable/","content":"Node 0.11.13 unstableリリース。\nV8の更新でES6 PromiseやObject.observe、WeakMap/Set等が入った","tags":["node.js","ReleaseNote"],"date":"2014-05-06T08:46:51.305Z","relatedLinks":[]},{"title":"TypeScriptリファレンス Ver.1.0対応【委託】 - 達人出版会","url":"http://tatsu-zine.com/books/typescript-reference","content":"TypeScriptリファレンスの電子版先行リリース","tags":["TypeScript","book"],"date":"2014-05-06T08:59:30.599Z","relatedLinks":[]},{"title":"WebComponents.org","url":"http://webcomponents.org/","content":"WebComponentsについてのドキュメントやプラクティスを集約するサイト","tags":["WebComponents"],"date":"2014-05-06T10:33:34.381Z","relatedLinks":[{"title":"webcomponents/webcomponents.github.io","url":"https://github.com/webcomponents/webcomponents.github.io/"}]},{"title":"Release 1.0.0 (Orion) · appium/appium","url":"https://github.com/appium/appium/releases/tag/v1.0.0","content":"appium1.0.0リリース","tags":["mobile","ios","Android","Selenium"],"date":"2014-05-08T14:36:46.168Z","relatedLinks":[]},{"title":"JavaScriptでスパイ、スタブ、モックなどのテストダブルを行う （1/3）：CodeZine","url":"http://codezine.jp/article/detail/7729","content":"sinon.jsを使ったテストダブルを使ったテストのチュートリアル","tags":["JavaScript","testing","tutorial"],"date":"2014-05-08T14:39:39.252Z","relatedLinks":[]},{"title":"JavaScriptでセキュアなコーディングをするために気をつけること – cybozu.com developer network","url":"https://cybozudev.zendesk.com/hc/ja/articles/201850320-JavaScript%E3%81%A7%E3%82%BB%E3%82%AD%E3%83%A5%E3%82%A2%E3%81%AA%E3%82%B3%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%82%92%E3%81%99%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AB%E6%B0%97%E3%82%92%E3%81%A4%E3%81%91%E3%82%8B%E3%81%93%E3%81%A8","content":"JavaScriptで脆弱性を作り出しやすい所について","tags":["JavaScript","セキュリティ"],"date":"2014-05-08T15:15:28.495Z","relatedLinks":[]},{"title":"quilljs/quill","url":"https://github.com/quilljs/quill","content":"SalesforceによるJavaScriptのリッチテキストエディタライブラリ","tags":["JavaScript","library","editor"],"date":"2014-05-09T05:41:04.990Z","relatedLinks":[]},{"title":"You Don't Know JS: this & Object Prototypes - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920033738.do","content":"June 2014発売\nJavaScriptのthisとprototypeについての書籍","tags":["JavaScript","boook"],"date":"2014-05-09T12:50:31.600Z","relatedLinks":[]},{"title":"ECMAScript 6’s new array methods","url":"http://www.2ality.com/2014/05/es6-array-methods.html","content":"ES6のArray likeやiterableオブジェクトを配列にする`Array.from`、可変長の引数を受けて配列にする`Array.of`、新たに追加されたentries、keys、valuesについて","tags":["JavaScript","ECMAScript"],"date":"2014-05-10T02:51:42.016Z","relatedLinks":[]},{"title":"VVVV.js - Visual Web Client Programming","url":"http://www.vvvvjs.com/","content":"ビジュアルプログラミング言語 http://vvvv.org/ のJavaScript版","tags":["JavaScript","library"],"date":"2014-05-10T03:16:27.382Z","relatedLinks":[]},{"title":"rdio/jsfmt","url":"https://github.com/rdio/jsfmt","content":"gofmtみたいなJavaScriptの整形/検索/置換ツール。\nJavaScript ASTを使ったものとなってる。","tags":["JavaScript","AST","Tools"],"date":"2014-05-10T11:31:40.149Z","relatedLinks":[]},{"title":"browserify v4 changelog","url":"https://gist.github.com/substack/e831c05da4a74a29b50b","content":"browserify 4.0.0リリース。\n","tags":["browserify","ReleaseNote"],"date":"2014-05-11T05:19:09.513Z","relatedLinks":[{"title":"Comparing 3.46.1...master · substack/node-browserify","url":"https://github.com/substack/node-browserify/compare/3.46.1...master"}]},{"title":"Getting gulpy — Medium","url":"https://medium.com/web-code-junk/a2010c13d3d5","content":"gulpとstreamについて詳しく書かれてる。\nbuffer <-> stream、いつもpluginが必要という訳ではないという話、Task orchestrationについて","tags":["gulp","node.js"],"date":"2014-05-11T10:59:53.406Z","relatedLinks":[]},{"title":"BigPipe // Speaker Deck","url":"https://speakerdeck.com/3rdeden/bigpipe","content":"NodeのウェブアプリケーションフレームワークであるBigPipeについてのスライド","tags":["node.js","library","slide"],"date":"2014-05-11T11:03:58.372Z","relatedLinks":[{"title":"BigPipe.io","url":"http://bigpipe.io/"}]},{"title":"Service Worker - first draft published - JakeArchibald.com","url":"http://jakearchibald.com/2014/service-worker-first-draft/","content":"Service Worker の最初のドラフトがリリースされた。\nオフラインアプリで使うようなキャッシュの仕様。\n今のところSSL下でないと使えない仕様になってる。","tags":["JavaScript","browser","セキュリティ"],"date":"2014-05-11T14:45:52.022Z","relatedLinks":[]},{"title":"Gulp","url":"http://tagtree.tv/gulp","content":"gulpチュートリアル動画 @ tagtree","tags":["gulp","tutorial","video"],"date":"2014-05-11T14:52:36.142Z","relatedLinks":[]},{"title":"ericdouglas/ES6-Learning","url":"https://github.com/ericdouglas/ES6-Learning","content":"ES6のチュートリアルや記事、書籍、スライドやポッドキャスト等のリソースまとめ","tags":["ECMAScript","links","まとめ"],"date":"2014-05-12T01:31:01.512Z","relatedLinks":[]},{"title":"JS.next: A Manager's Guide","url":"http://chimera.labs.oreilly.com/books/1234000001623","content":"現状とES6。\nES6の機能紹介,ES7についての書籍","tags":["JavaScript","book","ECMAScript"],"date":"2014-05-12T01:35:10.692Z","relatedLinks":[]},{"title":"kintoneのJSユニットテスト最新事情 | Cybozu Inside Out | サイボウズエンジニアのブログ","url":"http://developer.cybozu.co.jp/tech/?p=7089","content":"それぞれのテストが独立したtestbedとなるHTMLを持つ方式から、\ntest runnerとしてKarmaを採用し乗り換えた時に起きた問題と対策、乗り換えたことによって得られた効果について","tags":["JavaScript","testing","browser"],"date":"2014-05-12T09:25:20.622Z","relatedLinks":[]},{"title":"Test Double | Our Thinking | JavaScript Testing Tactics: Lightning Edition","url":"http://blog.testdouble.com/posts/2014-05-09-javascript-testing-tactics-lightning-edition.html","content":"JasmineとCoffeeScriptを使ったテスト。\nXHRに対してはFake server、UI Eventじはテストしやすくするためにも、自分の手に届くようにラッパーを作る、非同期コード、DOMへのテストの方針について書かれてる。","tags":["JavaScript","testing","video","slide"],"date":"2014-05-12T09:32:44.976Z","relatedLinks":[]},{"title":"Navigation Timingだからできる、Webアプリを俯瞰したパフォーマンス計測(1/3) | HTML5Experts.jp","url":"http://html5experts.jp/furoshiki/6242/","content":"Navigation Timing APIについての連載。\nNavigation Timingの使い方、計測できるモノなどについて","tags":["JavaScript","browser","tutorial"],"date":"2014-05-12T10:59:40.820Z","relatedLinks":[]},{"title":"Chapter 28. Subclassing Built-ins","url":"http://speakingjs.com/es5/ch28.html","content":"ビルトインオブジェクトのサブクラス的な実装をする方法について。 それぞれの` internal instance property`について。 Arrayのサブクラスの実装例、Errorのサブクラス、delegateによる実装","tags":["JavaScript"],"date":"2014-05-12T11:58:19.419Z","relatedLinks":[]},{"title":"email.js","url":"http://emailjs.org/","content":"IMAP、SMTPクライアント、Emailパーサとビルダーをまとめたライブラリ","tags":["mail","JavaScript","library"],"date":"2014-05-12T12:02:17.222Z","relatedLinks":[]},{"title":"Guide to JavaScript Prototypes, Scopes, and Performance | Toptal","url":"http://www.toptal.com/javascript/javascript-prototypes-scopes-and-performance-what-you-need-to-know","content":"JavaScriptのprototypeチェーン、スコープと変数のlookupについての解説。\n図がキレイで分かりやすい。","tags":["JavaScript","tutorial"],"date":"2014-05-12T12:07:32.705Z","relatedLinks":[]},{"title":"cofounders/urlutils","url":"https://github.com/cofounders/urlutils","content":"https://github.com/medialize/URI.js をベースにした`URL` コンストラクタの実装。\n文字列からURLオブジェクトを作成出来る","tags":["JavaScript","node.js","URL"],"date":"2014-05-12T12:26:40.823Z","relatedLinks":[{"title":"medialize/URI.js","url":"https://github.com/medialize/URI.js"},{"title":"URL() - Web API インターフェイス | MDN","url":"https://developer.mozilla.org/ja/docs/Web/API/URL.URL"}]},{"title":"Grunt 0.4.5 released - Grunt: The JavaScript Task Runner","url":"http://gruntjs.com/blog/2014-05-12-grunt-0.4.5-released","content":"Grunt 0.4.5 リリース。\n`grunt.log`がgrunt-legacy-logのモジュールに移動、","tags":["Grunt","ReleaseNote"],"date":"2014-05-13T01:03:04.812Z","relatedLinks":[]},{"title":"Internet Explorer Beta Feedback | Microsoft Connect","url":"https://connect.microsoft.com/IE/","content":"IEへのフィードバックを送ったり、フィードバックを見られるサイト","tags":["IE","community","browser"],"date":"2014-05-13T02:25:49.423Z","relatedLinks":[]},{"title":"O'Reilly Japan - シングルページWebアプリケーション","url":"http://www.oreilly.co.jp/books/9784873116730/","content":"2014年05月24日 発売\nSingle Page Web Applicationsの翻訳本\n","tags":["JavaScript","book"],"date":"2014-05-13T08:49:48.627Z","relatedLinks":[{"title":"Manning: Single Page Web Applications","url":"http://www.manning.com/mikowski/"}]},{"title":"Platypi/style_typescript","url":"https://github.com/Platypi/style_typescript","content":"TypeScriptのコーディングスタイルガイド","tags":["TypeScript","document"],"date":"2014-05-14T00:47:59.643Z","relatedLinks":[]},{"title":"Blink in JavaScript - Google スライド","url":"https://docs.google.com/presentation/d/1XvZdAF29Fgn19GCjDhHhlsECJAfOR49tpUFWrbtQAwU/edit#slide=id.g3840fe06e_00","content":"Blink-in-JSはDOM機能をJSで実装するメカニズム。\nセキュリティ、メンテンス性、Webアーキテクチャのレイヤー化が目的\nJIT化したJSはC++の20倍ぐらいのサイズになるけど遅延コンパイルで対処。\nisolate,context,worldの領域を分ける、Chrome拡張のような領域の分離、world間のやり取りの動的バリデーション等によるセキュリティモデルの構築","tags":["JavaScript","Chrome","slide"],"date":"2014-05-14T15:33:38.939Z","relatedLinks":[]},{"title":"Jest | Painless JavaScript Unit Testing","url":"http://facebook.github.io/jest/","content":"FacebookによるNodeモジュールのモック機能を持ったtest runner。\n基本的なテストは内蔵しているJasmine、Automatic Mocking機能を持ち、CJS moduleに対してデフォルトでモックを行うアプローチ。","tags":["facebook","jasmine","testing"],"date":"2014-05-15T00:49:41.866Z","relatedLinks":[]},{"title":"Amazon: JavaScriptプログラマのための 実践的TypeScript入門 [大型本]: 川俣晶, 井上章","url":"http://www.amazon.co.jp/o/ASIN/4048661450/amazon0abac-22/ref=nosim","content":"2014年5月31日発売\nTypeScript入門本(Visual Studio)","tags":["TypeScript","JavaScript","book"],"date":"2014-05-15T00:58:50.314Z","relatedLinks":[{"title":"実践的TypeScript入門","url":"http://ascii.asciimw.jp/books/books/detail/978-4-04-866145-4.shtml"}]},{"title":"FredKSchott/NodeJS-Handbook","url":"https://github.com/FredKSchott/NodeJS-Handbook","content":"Node.jsのデザインパターンやベストプラクティスについての連載。","tags":["node.js","デザインパターン","book","testing"],"date":"2014-05-15T01:06:44.883Z","relatedLinks":[]},{"title":"Node.js Handbook - Testing Essentials | FredKSchott","url":"http://fredkschott.com/post/2014/05/nodejs-testing-essentials/","content":"Node.jsのテストについて全体的に軽くまとめた感じの内容","tags":["node.js","testing"],"date":"2014-05-15T01:10:35.539Z","relatedLinks":[]},{"title":"Rethinking DOM Traversal | Flippin' Awesome","url":"http://flippinawesome.org/2014/05/12/rethinking-dom-traversal/","content":"DOMのトラバーサルについて。\nsiblings、parent等DOMをどのようにたどっていくかのチュートリアル","tags":["JavaScript","DOM","jQuery"],"date":"2014-05-15T14:48:08.178Z","relatedLinks":[]},{"title":"JavaScriptStackTraceApi邦訳。Errorオブジェクトのstackについて。 | Ginpen.com","url":"http://ginpen.com/2014/05/13/javascriptstacktraceapi/","content":"V8のError StackTrace APIについて解説訳","tags":["JavaScript","V8","debug"],"date":"2014-05-15T15:01:54.483Z","relatedLinks":[]},{"title":"JavaScript Spessore by raganwald [Leanpub PDF/iPad/Kindle]","url":"https://leanpub.com/javascript-spessore","content":"JavaScriptのオブジェクト指向についての書籍","tags":["JavaScript","book"],"date":"2014-05-15T15:12:37.827Z","relatedLinks":[]},{"title":"Brackets 0.39 Release – Brackets Blog","url":"http://blog.brackets.io/2014/05/15/brackets-0-39-release/","content":"Brackets 0.39リリース。\nCSS Fuzzy Code Hints、任意の拡張子とシンタックスハイライトの対応を設定出来るように、拡張のアップデート通知、Windowsの文字エンコードサポート、検索メニューの追加","tags":["editor","ReleaseNote"],"date":"2014-05-17T18:41:33.377Z","relatedLinks":[]},{"title":"Home","url":"http://www.learn-angular.org/","content":"Angular.JSのインタラクティブなチュートリアルサイト","tags":["Angular","tutorial"],"date":"2014-05-18T01:18:48.756Z","relatedLinks":[]},{"title":"ESLint 0.6.0 released - ESLint","url":"http://eslint.org/blog/2014/05/eslint-0.6.0-released/","content":"ESLint 0.6.0リリース。\n.eslintignoreはplain text形式のみへ、ルールの追加/修正(無駄な括弧の注意、switch defaultの検知等)、CLIで`--rule`と`--force`オプションの追加","tags":["JavaScript","Tools","ReleaseNote"],"date":"2014-05-18T01:41:53.289Z","relatedLinks":[]},{"title":"CSS: The Good Parts - Pony Foo","url":"http://blog.ponyfoo.com/2014/05/17/css-the-good-parts","content":"CSSのセレクタの命名規則について","tags":["CSS"],"date":"2014-05-18T05:13:16.124Z","relatedLinks":[]},{"title":"Guide to Node.js Development with WebStorm | JetBrains WebStorm Blog","url":"http://blog.jetbrains.com/webstorm/2014/05/guide-to-node-js-development-with-webstorm/","content":"WebStormを使ったNodeアプリ開発のスクリーンキャスト","tags":["WebStorm","tutorial","video"],"date":"2014-05-18T10:34:01.264Z","relatedLinks":[]},{"title":"Understanding the four layers of JavaScript OOP","url":"http://www.2ality.com/2014/05/oop-layers.html","content":"JavaScriptとオブジェクト指向について","tags":["JavaScript","OOP","slide"],"date":"2014-05-19T13:54:40.095Z","relatedLinks":[]},{"title":"Understanding asm.js","url":"http://www.sitepoint.com/understanding-asm-js/","content":"asm.jsについての解説。\nEmscriptenを使ってC++のコードをasm.jsに対応したJavaScriptと、ClangでC++のコードをコンパイルしたコード それぞれ実行してどのくらいの違いがでるかを紹介してて分かりやすい","tags":["JavaScript"],"date":"2014-05-19T14:02:37.461Z","relatedLinks":[]},{"title":"lovell/sharp","url":"https://github.com/lovell/sharp","content":"libvipsを使ったJPEG, PNG, WebP, TIFF のりサイズを行うnode module","tags":["node.js","画像"],"date":"2014-05-20T00:39:04.266Z","relatedLinks":[]},{"title":"HTML and URI's in Javascript ☯ plexus devblog","url":"http://devblog.arnebrasseur.net/2014-05-HTML-and-URIs-in-Javascript","content":"文字列からURLを組み立てるURI.js。\n文字列からエスケープされたHTML文字列を取得する","tags":["JavaScript","URL"],"date":"2014-05-20T00:58:55.677Z","relatedLinks":[{"title":"medialize/URI.js","url":"https://github.com/medialize/URI.js"}]},{"title":"Unoptimize V8 for Easy Debugging - Moshe's Blog","url":"http://kolodny.github.io/blog/blog/2014/05/19/unoptimize-devtools-for-easy-debugging","content":"Chrome/V8は最適化によってbreakしてもまだ変数が見えない時があるため、`eval()`によって最適化を無効にしてbreakする話","tags":["V8","Chrome","debug"],"date":"2014-05-20T05:28:07.913Z","relatedLinks":[]},{"title":"Backbone.jsを使っている人間がVue.jsを触ってみました。 - Catcher in the tech","url":"http://catcher-in-the-tech.net/801/","content":"Backbone.jsとVue.jsの書き方を比較した記事","tags":["JavaScript","MVC","library"],"date":"2014-05-20T12:09:27.600Z","relatedLinks":[]},{"title":"StrongLoop | Generators in Node.js: Common Misconceptions and Three Good Use Cases","url":"http://strongloop.com/strongblog/how-to-generators-node-js-yield-use-cases/","content":"generatorの使い方、誤解やどこで使うべきかについて","tags":["JavaScript","node.js"],"date":"2014-05-20T12:25:03.415Z","relatedLinks":[]},{"title":"Working With Intl - Tuts+ Code Tutorial","url":"http://code.tutsplus.com/tutorials/working-with-intl--cms-21082","content":"ECMAScript Internationalization APIの機能についての解説","tags":["ECMAScript","JavaScript","i18n","API"],"date":"2014-05-20T12:25:56.263Z","relatedLinks":[]},{"title":"Dev.Opera — An Introduction to IndexedDB","url":"http://dev.opera.com/articles/introduction-to-indexeddb/","content":"IndexedDBのチュートリアル。\n基本的な使い方についてよくまとまってる","tags":["JavaScript","tutorial"],"date":"2014-05-20T12:28:19.392Z","relatedLinks":[]},{"title":"HTML Imports: ウェブのための #include - HTML5 Rocks","url":"http://www.html5rocks.com/ja/tutorials/webcomponents/imports/","content":"HTML Importsについての日本語訳。\n基本的的な使い方、`link.import`、WebComponentsの取り込み、`template`要素、サブインポート、キャッシュや非動的ロードについて等","tags":["HTML","WebComponents"],"date":"2014-05-20T12:37:42.045Z","relatedLinks":[]},{"title":"Release v1.10.0 · cjohansen/Sinon.JS","url":"https://github.com/cjohansen/Sinon.JS/releases/tag/v1.10.0","content":"Sinon.js 1.10.0リリース。\nXDomainRequestのサポート、武具修正","tags":["JavaScript","testing","ReleaseNote","library"],"date":"2014-05-20T12:40:42.788Z","relatedLinks":[{"title":"1.10.0","url":"http://sinonjs.org/Changelog.txt"}]},{"title":"substack/browserify-handbook","url":"https://github.com/substack/browserify-handbook","content":"substackによるbrowserifyハンドブック。\nbrowserifyを使うにあたって必要な知識がまとめられている","tags":["node.js","browserify","book"],"date":"2014-05-20T12:46:38.625Z","relatedLinks":[]},{"title":"Release v0.7.0 · twada/power-assert","url":"https://github.com/twada/power-assert/releases/tag/v0.7.0","content":"power-assert 0.7.0リリース\nReporterに値のdiff表示が追加された\n\nhttps://twitter.com/azu_re/status/466067175883546624","tags":["JavaScript","testing","ReleaseNote"],"date":"2014-05-20T13:25:38.532Z","relatedLinks":[]},{"title":"Chrome Releases: Stable Channel Update","url":"http://googlechromereleases.blogspot.com/2014/05/stable-channel-update_20.html","content":"Chrom35リリース。\nPromiseの実装、フラグ付でWeakMaps/WeakSetsの追加、Shadow-DOMのprefixがなくなった。\ntouch-actionとObject.observeは36へ延期","tags":["Chrome","ReleaseNote","JavaScript"],"date":"2014-05-21T15:40:45.783Z","relatedLinks":[{"title":"Chromium Blog: Chrome 35 Beta: More developer control over touch input, new JavaScript features, and unprefixed Shadow DOM","url":"http://blog.chromium.org/2014/04/chrome-35-beta-more-developer-control.html"}]},{"title":"Full Stack Web Development with Backbone.js - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920030799.do","content":"2014年6月発売\nBackbone.jsを使ったシングルページアプリケーションについての書籍","tags":["JavaScript","backbone.js","book"],"date":"2014-05-22T02:05:22.141Z","relatedLinks":[]},{"title":"YUI 3.17.1 Released - YUI Blog","url":"http://www.yuiblog.com/blog/2014/05/21/yui-3-17-1-released/","content":"YUI 3.17.1リリース。\nPromiseはypromise、touch eventsはHammer.jsとするため下準備(まだ取り込まれてはいない)。D&Dのレグレッションの修正等","tags":["YUI","ReleaseNote"],"date":"2014-05-22T02:35:15.902Z","relatedLinks":[{"title":"Hammer.js - A javascript library for multi-touch gestures","url":"http://eightmedia.github.io/hammer.js/"},{"title":"yahoo/ypromise","url":"https://github.com/yahoo/ypromise"}]},{"title":"harmony:specification_drafts [ES Wiki]","url":"http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts#may_22_2014_draft_rev_25","content":"ES6 Draft Rev 25リリース。\n","tags":["ECMAScript","ReleaseNote"],"date":"2014-05-23T01:00:04.978Z","relatedLinks":[]},{"title":"Reusing require.js modules in Node.js - arqex","url":"http://arqex.com/874/reusing-require-js-modules-node-js","content":"Node.js上でAMDモジュールを`require`する事が出来るAMDrequireについて","tags":["JavaScript","AMD","library"],"date":"2014-05-23T02:23:58.383Z","relatedLinks":[{"title":"arqex/amdrequire","url":"https://github.com/arqex/amdrequire"}]},{"title":"indus/ncc","url":"https://github.com/indus/ncc","content":"Node.js向けのCanvasライブラリ。\nChromeのremote debugging protocolを利用して、Node.jsからChromeで実際にCanvasを動かす。\n","tags":["Chrome","canvas","node.js","library"],"date":"2014-05-23T02:25:08.659Z","relatedLinks":[]},{"title":"Amazon: Professional AngularJS [Paperback]: Valeri Karpov, Diego Netto","url":"http://www.amazon.com/o/ASIN/1118832078/amazon0abac-22/ref=nosim","content":"2014年12月22日発売\nAngularJSについての書籍","tags":["Angular","book"],"date":"2014-05-23T02:41:16.878Z","relatedLinks":[]},{"title":"ESLint 0.6.2 released - ESLint","url":"http://eslint.org/blog/2014/05/eslint-0.6.2-released/","content":"ESLint 0.6.2リリース。\n細かいバグ修正とドキュメントの改善","tags":["JavaScript","Tools","ReleaseNote"],"date":"2014-05-24T03:02:34.067Z","relatedLinks":[]},{"title":"jQuery UI 1.11.0-beta.2 | jQuery UI Blog","url":"http://blog.jqueryui.com/2014/05/jquery-ui-1-11-0-beta-2/","content":"jQuery UI 1.11.0-beta.2リリース。\nSelectmenuのwidgetを追加、AMDとBowerをサポート、IE7のサポートを終了、ダウンロードパッケージをよりシンプルに","tags":["jQuery","UI","library","ReleaseNote"],"date":"2014-05-24T03:04:15.393Z","relatedLinks":[]},{"title":"Release v1.4.11 · npm/npm","url":"https://github.com/npm/npm/releases/tag/v1.4.11","content":"npm 1.4.11リリース\nnpmデフォルトのリポジトリが`git://`から`https://`に変更、npm versionにprerelease, preminor, prepatch を追加等","tags":["node.js","ReleaseNote"],"date":"2014-05-25T03:37:08.379Z","relatedLinks":[]},{"title":"XMLHttpRequest#responseURL について - xK.memo","url":"http://xkansan.tumblr.com/post/86600297939/about-xhr-responseurl","content":"XHRでリダイレクトされてる時の最終的なURLを取得できる`responseURL`がFirefoxに実装された","tags":["XHR","firefox"],"date":"2014-05-25T15:04:49.550Z","relatedLinks":[]},{"title":"Web Animations - element.animate() is now in Chrome 36 - HTML5Rocks Updates","url":"http://updates.html5rocks.com/2014/05/Web-Animations---element-animate-is-now-in-Chrome-36","content":"Chrome36で実装されたWeb Animationsの機能について","tags":["Chrome","animation"],"date":"2014-05-25T15:09:17.660Z","relatedLinks":[{"title":"真面目なアニメーション (html5j 2013, Web Animations)","url":"http://www.slideshare.net/brianskold/html5j-2013"}]},{"title":"Data-binding Revolutions with Object.observe() - HTML5 Rocks","url":"http://www.html5rocks.com/en/tutorials/es7/observe/","content":"ES7の`Object.observe()`によるデータバインディングについて。\n現状のやり方であるDirty-checkingやCotainerとの違い、`Object.observe`の使い方。\nPathObserver、ArrayObserver等についても解説されてる","tags":["ECMAScript","JavaScript","Chrome","tutorial"],"date":"2014-05-25T15:20:24.028Z","relatedLinks":[]},{"title":"JavaScript Memory Profiling - Google Chrome","url":"https://developer.chrome.com/devtools/docs/javascript-memory-profiling","content":"Chrome DevToolsを使ったメモリプロファイリングのやり方、DevToolsの解説ページ。\nそれぞれの機能がかなり詳細に解説されてて、実行出来る例もある","tags":["Chrome","debug"],"date":"2014-05-25T15:23:50.406Z","relatedLinks":[]},{"title":"Communicating Large Objects with Web Workers in javascript | Red Hat Developer Blog","url":"http://developerblog.redhat.com/2014/05/20/communicating-large-objects-with-web-workers-in-javascript/","content":"JavaScriptででかいファイルをやり取りするときにWebWorkerを使って1行ずつ渡していく方法等について。\nRedHatのログ解析画面で行っている事例","tags":["JavaScript","webworker"],"date":"2014-05-25T15:27:59.325Z","relatedLinks":[]},{"title":"GoogleWebComponents","url":"https://github.com/GoogleWebComponents","content":"YoutubeとかカレンダーとかGoogleサービスのWebComponents","tags":["google","WebComponents"],"date":"2014-05-26T02:58:11.012Z","relatedLinks":[]},{"title":"Google ウェブマスター向け公式ブログ: ウェブページをより深く理解するようになりました","url":"http://googlewebmastercentral-ja.blogspot.com/2014/05/understanding-web-pages-better.html","content":"Google検索等に利用されるGooglebotがJavaScript等も実行し通常のブラウザと同じようにレンダリングしたりしてクロールするようになったとの事","tags":["google","search","ReleaseNote"],"date":"2014-05-26T05:21:13.553Z","relatedLinks":[]},{"title":"How the Browser Pre-loader Makes Pages Load Faster - Andy Davies","url":"http://andydavies.me/blog/2013/10/22/how-the-browser-pre-loader-makes-pages-load-faster/","content":"pre-loadingとpre-fetchingのパフォーマンスについて","tags":["browser","HTTP"],"date":"2014-05-26T11:54:48.676Z","relatedLinks":[]},{"title":"Journey to the Promises Land | LinkedIn Engineering","url":"http://engineering.linkedin.com/javascript/journey-promises-land","content":"Promiseを使ったコードフローの管理について。\n`.nodeify()`を上手く使ってて、nodeify(done)という感じでテストにも使ってる。(今だとpromiseオブジェクト自体にも対応してるけど)","tags":["Promises","node.js"],"date":"2014-05-26T12:02:31.009Z","relatedLinks":[{"title":"LinkedIn: Promiseでデータフローコントロールを改善 - ワザノバ | wazanova","url":"http://wazanova.jp/items/750"}]},{"title":"Script-injected \"async scripts\" considered harmful - igvita.com","url":"https://www.igvita.com/2014/05/20/script-injected-async-scripts-considered-harmful/","content":"JavaScriptの非同期スクリプトロードは本当にいいのかについて。\nCSSのロード待ちが発生するケースや`async`属性を使った場合との比較や現状のブラウザサポートについて。","tags":["JavaScript"],"date":"2014-05-26T13:01:35.324Z","relatedLinks":[]},{"title":"React.js: an interactive tutorial to get started","url":"http://webdesignporto.com/react-js-an-interactive-tutorial-to-get-started/","content":"React.jsのインタラクティブなチュートリアル。\nReact.jsによるDOMの作り方やコンポーネントとしての利用等、その場で実行出来るサンプルが一緒に書かれててる。","tags":["JavaScript","DOM","tutorial","library"],"date":"2014-05-26T13:06:50.099Z","relatedLinks":[]},{"title":"RequireJS 2.1.12 Released ~ James Burke","url":"http://jrburke.com/2014/05/26/requirejs-2.1.12-released/","content":"RequireJS 2.1.12リリース。\n\n","tags":["JavaScript","AMD","library","ReleaseNote"],"date":"2014-05-28T00:25:40.304Z","relatedLinks":[]},{"title":"The Pure Blog — Pure 0.5.0","url":"http://blog.purecss.io/post/87107938596/pure-0-5-0","content":"Pure 0.5.0リリース。\nGridの仕組みが改善されて、大中小でいくつのカラムになるのかを指定できるように。サイトのドキュメントがアップデートされた","tags":["CSS","library","ReleaseNote"],"date":"2014-05-28T16:16:17.030Z","relatedLinks":[]},{"title":"Socket.IO — Introducing Socket.IO 1.0","url":"http://socket.io/blog/introducing-socket-io-1-0/","content":"Socket.IO 1.0リリース。\nWebSockets等のtransport周りのクロスブラウザ対応はEngine.IOという別モジュールへレイヤー分け、Coreの軽量化、バイナリのサポート、デバッグツールの展望等","tags":["node.js","WebSocket","library"],"date":"2014-05-29T01:09:01.852Z","relatedLinks":[{"title":"Automattic/engine.io","url":"https://github.com/automattic/engine.io"},{"title":"Socket.IO 1.0の紹介 (翻訳) - from scratch","url":"http://yosuke-furukawa.hatenablog.com/entry/2014/05/30/093103"}]},{"title":"Empeeric/asynctrace","url":"https://github.com/Empeeric/asynctrace","content":"node.js 0.11以降のtracing apiと https://github.com/othiym23/shimmer を使ってMochaでのテスト実行時に深いスタックトレースを表示できるnode module","tags":["JavaScript","debug","library"],"date":"2014-05-29T09:18:02.954Z","relatedLinks":[]},{"title":"Release 3.7 · gulpjs/gulp","url":"https://github.com/gulpjs/gulp/releases/tag/3.7","content":"streamベースのビルドシステムツールであるgulp 3.7リリース。\n設定ファイルをjs以外、coffeescriptなどでも書けるようになった(node-liftoffを利用)","tags":["gulp","ReleaseNote"],"date":"2014-06-01T08:34:05.104Z","relatedLinks":[{"title":"altjs - gulp 3.7 リリース: CoffeeScriptネイティブに - Qiita","url":"http://qiita.com/cognitom/items/4468723674199cf5f9a5"},{"title":"tkellen/node-liftoff","url":"https://github.com/tkellen/node-liftoff"}]},{"title":"Love Generating SVG With JavaScript? Move It To The Server! | Smashing Magazine","url":"http://www.smashingmagazine.com/2014/05/26/love-generating-svg-javascript-move-to-server/","content":"JavaScriptでSVGを作成する方法について。\nPhantomJSを使っての生成やsvableを使った方法について","tags":["JavaScript","SVG"],"date":"2014-06-02T02:15:57.875Z","relatedLinks":[]},{"title":"ask11/storage · GitHub","url":"https://github.com/ask11/storage","content":"localForageのラッパライブラリ。 バッチ処理、nodeスタイルのコールバックの対応(localForageはPromiseが基本)、シンプルなAPI","tags":["JavaScript","library"],"date":"2014-06-02T02:23:22.134Z","relatedLinks":[]},{"title":"TremayneChrist/ProtectJS","url":"https://github.com/TremayneChrist/ProtectJS","content":"prototypeに実装されてるメソッドで`_`で始まるものをprivate method的に呼べなくするライブラリ。\n(protectしたオブジェクトを作成する)","tags":["JavaScript","library"],"date":"2014-06-02T02:25:25.204Z","relatedLinks":[]},{"title":"then/promise","url":"https://github.com/then/promise","content":"ES6 Promisesなライブラリ。\n仕様にはないけどよく使いそうな`denodeify`、`nodeify`、`done`が用意されてる。\nまたPromiseの拡張方法(継承とdelegateとprototype)について書かれてる","tags":["JavaScript","Promises","library"],"date":"2014-06-02T02:28:01.447Z","relatedLinks":[]},{"title":"JSConf 2014 Slides, Codes and Notes.","url":"https://gist.github.com/airportyh/8b29434a52a2eebf08d2","content":"http://2014.jsconf.us/ のスライドまとめ","tags":["JavaScript","slide","まとめ"],"date":"2014-06-02T07:46:59.371Z","relatedLinks":[]},{"title":"Unshackling JavaScript with Macros // Speaker Deck","url":"https://speakerdeck.com/jlongster/unshackling-javascript-with-macros","content":"sweet.jsのマクロを使ったEmojiScriptについてのスライド。\nsweet.jsを使ったHygieneなマクロ、パターンマッチ等についても紹介してる","tags":["JavaScript","slide"],"date":"2014-06-02T08:00:27.996Z","relatedLinks":[{"title":"jlongster/emojiscript","url":"https://github.com/jlongster/emojiscript"}]},{"title":"Everything is broken, and I don't know why. // Speaker Deck","url":"https://speakerdeck.com/mattrobenolt/everything-is-broken-and-i-dont-know-why","content":"JavaScriptのエラースタックトレースについてのスライド。\nスタックの読み方や各ブラウザでの違い、どのようにエラー情報を回収するかについて。\nまたSentryというサービスとRaven.jsについて","tags":["JavaScript","debug","browser","slide"],"date":"2014-06-02T08:24:24.444Z","relatedLinks":[{"title":"Sentry: Track exceptions with modern error logging for JavaScript, Python, Ruby, Java, and Node.js","url":"https://www.getsentry.com/welcome/"},{"title":"getsentry/raven-js","url":"https://github.com/getsentry/raven-js"}]},{"title":"rpflorence/jsconf2014","url":"https://github.com/rpflorence/jsconf2014","content":"Ember,Angular,React,Polymer,Backbone ライブラリについて、それぞれがどのような目的で作られたのか、またどのような要素/特徴を持ってるについてよくまとまってるスライド","tags":["JavaScript","library","slide"],"date":"2014-06-02T08:35:32.008Z","relatedLinks":[]},{"title":"eval everything - Running Student Code at Code School // Speaker Deck","url":"https://speakerdeck.com/adamfortuna/eval-everything-running-student-code-at-code-school","content":"チュートリアル等で見かけるページ内でJavaScriptを実行出来るiframeのSandboxをどのように作るかについてのスライド。\n入力されたコードを実行するだけではなく、Lintやテストを行う話","tags":["JavaScript","slide","library"],"date":"2014-06-02T08:49:50.963Z","relatedLinks":[{"title":"Codecademy/stuff.js","url":"https://github.com/Codecademy/stuff.js"},{"title":"codeschool/abecedary","url":"https://github.com/codeschool/abecedary"}]},{"title":"Hacking with Unicode // Speaker Deck","url":"https://speakerdeck.com/mathiasbynens/hacking-with-unicode","content":"ユニコードとJavaScriptについて詳しく書かれたスライド(と動画)\nユニコードでの問題として文字数とlengthの違い、ノーマライズ、反転時の問題、正規表現でUnicode symbolがマッチしない問題。\nES6での正しくコードポイントやサロゲートペアを扱う方等について。\nそれを利用したMySQLやXSSの事例についても","tags":["文字コード","JavaScript","slide","SQL"],"date":"2014-06-02T08:59:49.864Z","relatedLinks":[]},{"title":"Front End Ops Tooling // Speaker Deck","url":"https://speakerdeck.com/bevacqua/front-end-ops-tooling","content":"ビルドファーストという考え方、ビルドツール、プロセス、ワークフローについてのスライド。\nGrunt/gulp/npm run-scriptそれぞれの特徴。またCommonJSで書いてbrowserifyでビルドすることの利点について。","tags":["JavaScript","Tools","slide"],"date":"2014-06-02T12:58:54.158Z","relatedLinks":[{"title":"JavaScript Application Design #buildfirst · bevacqua.io","url":"http://bevacqua.io/buildfirst"}]},{"title":"#buildfirst · bevacqua.io","url":"http://bevacqua.io/buildfirst","content":"ビルドファーストについての書籍。\nウェブアプリケーションを作るワークフロー、ツール. サンプルやスニペット等が公開されてる","tags":["JavaScript","book"],"date":"2014-06-02T13:08:29.198Z","relatedLinks":[]},{"title":"XSS game","url":"https://xss-game.appspot.com/","content":"XSSについて問題を解きながら学べるゲーム形式のサイト","tags":["JavaScript","XSS","game"],"date":"2014-06-02T13:12:06.977Z","relatedLinks":[]},{"title":"Announcing Sencha Ext JS 5 | Blog | Sencha","url":"http://www.sencha.com/blog/announcing-sencha-ext-js-5/","content":"Ext JS 5リリース。\nMVVMなデータバインドの実装、タッチサポート、Responsive Layouts等","tags":["Sencha","JavaScript","library"],"date":"2014-06-03T03:17:48.540Z","relatedLinks":[]},{"title":"▶ Introducing the Polymer Designer tool - YouTube","url":"https://www.youtube.com/watch?v=djQh8XKRzRg","content":"WebComponentsを使ったGUIでUIを追加出来るデザインツールについての紹介動画","tags":["WebComponents","video","design","Tools"],"date":"2014-06-03T14:04:40.419Z","relatedLinks":[{"title":"Polymer/designer","url":"https://github.com/Polymer/designer"}]},{"title":"受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG","url":"http://www.slideshare.net/frontainer/angularjs-1angularjs-lig","content":"AngularJSでIE7,8等もサポートする場合の対処法、AngularJSの学習コストについてのスライド","tags":["JavaScript","Angular","slide","IE"],"date":"2014-06-03T14:42:29.547Z","relatedLinks":[]},{"title":"JS NICE: Statistical renaming, Type inference and Deobfuscation","url":"http://jsnice.org/","content":"JavaScriptコードの整形とJSDocの型注釈コメントの自動追加、変数のリネームとその名前のサジェストをしてくれるツール。\nGithubのプロジェクトをクロールして学習した結果が使われてる。\nエディタの部分はCodeMirrorを利用","tags":["JavaScript","Tools"],"date":"2014-06-03T14:52:29.924Z","relatedLinks":[{"title":"Software Reliability Lab | ETH | Jsnice","url":"http://www.srl.inf.ethz.ch/jsnice.php"}]},{"title":"O'Reilly Japan - オブジェクト指向JavaScriptの原則","url":"http://www.oreilly.co.jp/books/9784873116815/","content":"2014年06月18日 発売\nThe Principles of Object-Oriented JavaScript の翻訳本","tags":["JavaScript","translate","book"],"date":"2014-06-04T02:41:10.813Z","relatedLinks":[]},{"title":"Snap.svg/history.md at master · adobe-webplatform/Snap.svg","url":"https://github.com/adobe-webplatform/Snap.svg/blob/master/history.md#030","content":"SVGライブラリのSnap.svg 0.3.0リリース。\n`.addClass()`等のクラス系のAPI、`Paper.mask()`や`Paper.ptrn()`等の`Paper.g()`のショートカット的なマスク/パターン要素のメソッドの追加等","tags":["SVG","library","ReleaseNote"],"date":"2014-06-05T01:25:01.088Z","relatedLinks":[]},{"title":"andrewbredow/Library-Detector-for-Chrome","url":"https://github.com/andrewbredow/Library-Detector-for-Chrome","content":"サイトで使ってるJavaScriptライブラリを判定するChrome拡張","tags":["JavaScript","Chrome","Extension","library"],"date":"2014-06-05T01:30:23.925Z","relatedLinks":[]},{"title":"osscafe/gulp-cheatsheet","url":"https://github.com/osscafe/gulp-cheatsheet","content":"gulpfileのタスクの書き方のチートシート","tags":["gulp","チートシート"],"date":"2014-06-05T05:49:19.694Z","relatedLinks":[]},{"title":"bluebird/changelog.md at master · petkaantonov/bluebird","url":"https://github.com/petkaantonov/bluebird/blob/master/changelog.md#200-2014-06-04","content":"bluebird 2.0.0リリース。\n","tags":["Promises","library","ReleaseNote"],"date":"2014-06-05T14:20:55.457Z","relatedLinks":[]},{"title":"Detect, Undo And Redo DOM Changes With Mutation Observers","url":"http://addyosmani.com/blog/mutation-observers/","content":"MutationObserverの使い方、MutationObserverでキャッチ出来る変化をUndo/Redoする実装について","tags":["JavaScript","tutorial"],"date":"2014-06-06T04:44:05.122Z","relatedLinks":[]},{"title":"PlayCanvas goes open source | PlayCanvas","url":"http://blog.playcanvas.com/playcanvas-goes-open-source/","content":"WebGLを使ったゲームエンジンのPlayCanvasがオープンソースになった。\n","tags":["WebGL","library"],"date":"2014-06-06T05:02:07.674Z","relatedLinks":[{"title":"Mozilla、クロスプラットフォームのWebGLゲームエンジン「PlayCanvas Engine」公開 | SourceForge.JP Magazine","url":"http://sourceforge.jp/magazine/14/06/05/160000"}]},{"title":"Command-line utilities with Node.js","url":"http://cruft.io/posts/node-command-line-utilities/","content":"Node.jsで作るコマンドラインツールnチュートリアル。\nshebang、commanderでの引数の処理、 chalkを使った色、終了コード、他のCLIとパイプで繋げられるようにするなどについて","tags":["node.js","tutorial","console","Tools"],"date":"2014-06-06T05:55:46.775Z","relatedLinks":[{"title":"visionmedia/commander.js","url":"https://github.com/visionmedia/commander.js/"},{"title":"sindresorhus/chalk","url":"https://github.com/sindresorhus/chalk"}]},{"title":"The ECMAScript 6 schedule changes","url":"http://www.2ality.com/2014/06/es6-schedule.html","content":"ES6リリースのスケジュールについて。\nバグへの対応を除いたものは2014年の終わりまでに完了し、それらの実装からくるフィードバックに対応してから、\n正式なものとしてECMAに提出するのは June 2015 に予定を変更","tags":["ECMAScript"],"date":"2014-06-07T01:49:35.086Z","relatedLinks":[]},{"title":"Release v0.10.5: Release-v0.10.5 · yyx990803/vue","url":"https://github.com/yyx990803/vue/releases/tag/v0.10.5","content":"Vue.js v0.10.5リリース。\n","tags":["JavaScript","MVC","library","ReleaseNote"],"date":"2014-06-07T03:57:05.703Z","relatedLinks":[]},{"title":"Brackets 0.40 Release (Find Exclusion Sets) – Brackets Blog","url":"http://blog.brackets.io/2014/06/06/brackets-0-40-release-find-exclusion-sets/","content":"Brackets 0.40リリース。\n検索するときに除外するルールを書けるように、API ドキュメントの自動生成","tags":["JavaScript","IDE","ReleaseNote"],"date":"2014-06-07T15:08:01.552Z","relatedLinks":[]},{"title":"reworkcss/css","url":"https://github.com/reworkcss/css","content":"CSSパーサー/ジェネレーターライブラリ。CSSプリプロセッサのreworkで使われている。\nCSSをパースした結果をASTとして取得でき、ASTからCSSを生成時にSourcemapも生成出来る。","tags":["CSS","library","node.js"],"date":"2014-06-07T16:27:42.728Z","relatedLinks":[{"title":"reworkcss/rework","url":"https://github.com/reworkcss/rework"}]},{"title":"MooTools - MooTools Core and More 1.5 are here!","url":"http://mootools.net/blog/2014/05/19/mootools-1-5-is-here/","content":"MooTools 1.5リリース","tags":["JavaScript","library","ReleaseNote"],"date":"2014-06-08T03:08:57.695Z","relatedLinks":[]},{"title":"Web Fundamentals — Web Fundamentals","url":"https://developers.google.com/web/fundamentals/","content":"Googleによるマルチデバイス対応のウェブ開発についてのドキュメント。\nResponsiveなデザイン、フォーム、Touchやジェスチャー、画像や音楽/動画、パフォーマンスの最適化等について書かれてる","tags":["google","tutorial","design","mobile","JavaScript"],"date":"2014-06-08T03:27:51.441Z","relatedLinks":[]},{"title":"Promises: The Sync Problem (part 1) | getiblog","url":"http://blog.getify.com/promises-part-1/","content":"ES6 Promisesについての連載。\nPromise Polyfillがsub-classableである事とstateの保護が両立できない事について。\nネイティブのPromise.prototypeを拡張すべきなのかどうか、Promiseをレゴのように組み立てて使う話。","tags":["JavaScript","Promises"],"date":"2014-06-09T07:47:02.349Z","relatedLinks":[{"title":"getify/native-promise-only","url":"https://github.com/getify/native-promise-only"}]},{"title":"Intro | Javascript Challenges","url":"http://tcorral.github.io/javascript-challenges-book/","content":"git-bookで書かれたドリル形式のJavaScriptの機能や動作について学習出来るサイト","tags":["JavaScript","book"],"date":"2014-06-09T12:15:23.440Z","relatedLinks":[]},{"title":"ng-inspector for AngularJS","url":"http://ng-inspector.org/","content":"AngularJSのアプリをデバッグするためのChrome/Safari拡張。\nScopeやディレクティブ、モデル等のインスペクトできる","tags":["Angular","debug"],"date":"2014-06-09T12:20:33.204Z","relatedLinks":[]},{"title":"A first-person engine in 265 lines","url":"http://www.playfuljs.com/a-first-person-engine-in-265-lines/","content":"300行弱でFPS的なエンジンを作るチュートリアル。\n視点の計算やテクスチャーについて書かれてる","tags":["JavaScript","game"],"date":"2014-06-09T12:25:14.032Z","relatedLinks":[]},{"title":"domenic/count-to-6","url":"https://github.com/domenic/count-to-6","content":"ES6の機能や構文について課題を回答していく形で学べるコンソールアプリ","tags":["ECMAScript","tutorial","console"],"date":"2014-06-09T13:26:40.523Z","relatedLinks":[]},{"title":"JSConf US 2014 - YouTube","url":"https://www.youtube.com/playlist?list=PL37ZVnwpeshFXOP2lqCUykYPXYNsK_fgN","content":"JSConf US 2014 の動画が公開された","tags":["JavaScript","Conference","video"],"date":"2014-06-10T00:58:18.664Z","relatedLinks":[{"title":"JSConf US 2014 - The best conference for JS and the Web. Period","url":"http://2014.jsconf.us/"}]},{"title":"Getfirebug Blog » Blog Archive » Firebug 2.0","url":"https://blog.getfirebug.com/2014/06/10/firebug-2-0/","content":"Firebug 2.0リリース。\nスクリプトの自動整形、シンタックスハイライト付きの編集、DOM Eventインスペクタ、正規表現での検索、 Command Editor(複数行)での補完、consoleログのグルーピング、returnした値のwatch、Mutation Observersの監視等","tags":["Firebug","ReleaseNote"],"date":"2014-06-11T03:16:47.011Z","relatedLinks":[]},{"title":"Getting Started with Browserify","url":"http://www.sitepoint.com/getting-started-browserify/","content":"Browserifyチュートリアル。\n基本的な使い方やnpm run-script/gulp/gruntでのビルドについて書かれてる","tags":["browserify","tutorial"],"date":"2014-06-11T04:50:58.106Z","relatedLinks":[]},{"title":"Firefox 30.0 リリースノート","url":"http://www.mozilla.jp/firefox/30.0/releasenotes/","content":"Firefox 30リリース\n`XMLHttpRequest`等DOMのコンストラクタ関数を`new`なしでは呼べないように、`__proto__`のsetter利用の警告、特定条件下では300msのタッチイベントの遅延が廃止等","tags":["firefox","ReleaseNote"],"date":"2014-06-11T05:16:22.916Z","relatedLinks":[{"title":"Firefox 30 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/ja/docs/Mozilla/Firefox/Releases/30"},{"title":"Firefox 30 サイト互換性情報 - Mozilla | MDN","url":"https://developer.mozilla.org/ja/docs/Mozilla/Firefox/Releases/30/Site_Compatibility"}]},{"title":"Two-Way Data Binding","url":"http://n12v.com/2-way-data-binding/","content":"VanillaJS、Backbone、React、Angular、Meteorでの2-wayデータバインディングの実装比較。\n","tags":["JavaScript"],"date":"2014-06-11T06:40:48.904Z","relatedLinks":[]},{"title":"Sharing Data Between Sass and JavaScript with JSON | Viget","url":"http://viget.com/extend/sharing-data-between-sass-and-javascript-with-json","content":"sass-json-varsを使ってSassでJSONを読み込んで使う話","tags":["JavaScript","Sass","JSON"],"date":"2014-06-12T01:36:19.165Z","relatedLinks":[{"title":"vigetlabs/sass-json-vars","url":"https://github.com/vigetlabs/sass-json-vars"}]},{"title":"PhoneGap | PhoneGap 3.5.0 Release","url":"http://phonegap.com/blog/2014/06/12/phonegap-3_5_release/","content":"PhoneGap 3.5.0リリース。\n全てのプラットフォーム向けがnpmでリリースされた、`package.json`、今後のアップデートはnpm経由、iOS5.0のサポートは終了、iOSのユニバーサルバイナリ対応","tags":["PhoneGap","ReleaseNote"],"date":"2014-06-13T03:47:03.799Z","relatedLinks":[]},{"title":"Tumblrの省メモリーな無限スクロール - 記録","url":"http://vzvu3k6k.tk/memo/2014/04/26/tumblr-ghostlist.html","content":"Tumblrの無限スクロールでのメモリの使用量対策について。\n画像を一時的にダミーに入れ替える方法、display:noneとする方法や、ノードは変数として保持してDOMから削除する事によるメモリへの影響について書かれてる","tags":["tumblr","JavaScript"],"date":"2014-06-13T14:38:51.446Z","relatedLinks":[{"title":"無限スクロールの問題点と解決方法 - 記録","url":"http://vzvu3k6k.tk/memo/2014/04/27/better-infinite-scroll.html"}]},{"title":"Release v2.0.0 · chrisdickinson/beefy","url":"https://github.com/chrisdickinson/beefy/releases/tag/v2.0.0","content":"Browserifyでの開発補助ツール(自動ビルド、更新)であるbeefy 2.0.0がリリース。\nnode moduleとしても利用しやすくなった。全体的に書きなおして内部構造の改善、Windowsサポートの改善等","tags":["JavaScript","browserify","Tools","ReleaseNote"],"date":"2014-06-14T03:07:53.543Z","relatedLinks":[{"title":"Beefy 2 -- The Beefening by chrisdickinson · Pull Request #40 · chrisdickinson/beefy","url":"https://github.com/chrisdickinson/beefy/pull/40"}]},{"title":"Understanding Error Messages in JavaScript","url":"http://www.choskim.me/understanding-error-messages-in-javascript/","content":"JavaScriptのエラーが発生した時のコンソールに表示されるエラー内容についての解説。\nまだ初期化されてない、識別子が間違ってる、データタイプがあってない\nケースについてそれぞれ例と解説が書かれてる","tags":["JavaScript","debug"],"date":"2014-06-14T06:05:52.702Z","relatedLinks":[]},{"title":"Amazon: D3.js in Action : Elijah Meeks","url":"http://www.amazon.com/dp/1617292117?tag=amazon0abac-22","content":"2014年12月31日発売\nD3.jsのAction本","tags":["d3.js","book"],"date":"2014-06-14T16:27:02.356Z","relatedLinks":[]},{"title":"GLSL ray marching","url":"http://wgld.org/o/tools/slide/doc/001/","content":"WebGLでのレイマーチングについてのスライド。\nレイトレーシング、レイマーチングがどういうものなのかについても書かれてる。\nレイマーチングでの中心的な要素となるdistance functionについて","tags":["WebGL","slide"],"date":"2014-06-15T14:21:59.649Z","relatedLinks":[]},{"title":"WebGLことはじめ","url":"http://www.slideshare.net/hirumakazuya/webgl-35833170","content":"WebGLとは何か、シェーダーの実装の流れについてのスライド。","tags":["WebGL","slide"],"date":"2014-06-15T14:24:10.622Z","relatedLinks":[]},{"title":"darobin/webidl2.js · GitHub","url":"https://github.com/darobin/webidl2.js","content":"JavaScriptによるWebIDLパーサライブラリ","tags":["JavaScript","library"],"date":"2014-06-15T14:30:41.190Z","relatedLinks":[]},{"title":"VOC.js作った。　視覚と見た目に基づいた非同期コミュニケーションができるよ - 標高+1m","url":"http://ympbyc.hatenablog.com/entry/VOCjs","content":"Vision Oriented Communication、プルベースな考え方のコミュニケーションライブラリ。\nそれぞれのオブジェクトがループの中で外から情報を取ってきて、それに対する挙動を書いていく感じ。","tags":["JavaScript","library"],"date":"2014-06-15T14:39:35.068Z","relatedLinks":[{"title":"ympbyc/VOC","url":"https://github.com/ympbyc/VOC"}]},{"title":"Sharing Polymer Components: Part 1 - Tuts+ Code Tutorial","url":"http://code.tutsplus.com/tutorials/sharing-polymer-components-part-1--cms-21264","content":"Polymerを使った再利用可能なComponentsを使って公開する連載","tags":["WebComponents","tutorial"],"date":"2014-06-16T12:32:53.133Z","relatedLinks":[]},{"title":"Easy audio capture with the MediaRecorder API ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2014/06/easy-audio-capture-with-the-mediarecorder-api/","content":"Firefox 25からサポートしてる\nMediaRecorder API(navigator.getUserMedia)で、音声を録音できるという話","tags":["audio","API","JavaScript"],"date":"2014-06-16T12:52:47.533Z","relatedLinks":[{"title":"Web Audio API - Web API Interfaces | MDN","url":"https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API"}]},{"title":"Amazon: フロントエンドエンジニア養成読本 [HTML、CSS、JavaScriptの基本から現場で役立つ技術まで満載! ] (Software Design plus): 斉藤 祐也, 石本 光司, 加藤 賢一, 水野 隼登, 谷 拓樹, 泉水 翔吾, 原 一成, 平木 聡, 佐藤 歩, 杉本吉章","url":"http://www.amazon.co.jp/dp/4774165786?tag=amazon0abac-22","content":"2014年7月2日発売\nHTML/CSS/JavaScriptの基礎、JavaScriptの設計やモバイルへの対応、テストやパフォーマンス、Gitやセキュリティ、Futureについて書かれてるムック","tags":["JavaScript","HTML","CSS","git","book"],"date":"2014-06-16T13:10:32.772Z","relatedLinks":[{"title":"フロントエンドエンジニア養成読本 | 1000ch.net","url":"http://1000ch.net/posts/2014/frontend-engineer-training-book.html"}]},{"title":"ブラウザにやさしいHTML/CSS","url":"http://www.slideshare.net/TakeharuIgari/htmlcss-34506501","content":"HTTP通信、DOMのレンダリングツリー、GPU Layer、CSSセレクタ、JavaScriptの実行の大まかな動きについて書かれたスライド。\n常に変化がある部分だけど、どういう要素があってどうゆう手法があったのかについて把握しやすく書かれてる","tags":["browserify","DOM","HTTP","slide"],"date":"2014-06-16T13:39:02.517Z","relatedLinks":[]},{"title":"Release vinyl-fs update · gulpjs/gulp","url":"https://github.com/gulpjs/gulp/releases/tag/3.8","content":"gulp 3.8.0リリース。\n`gulp.src`を使ってpipeの途中でファイルを追加出来るように、`gulp.dest`が関数を受け取ることが出来るようになって出力先を操作しやすくなった","tags":["gulp","ReleaseNote"],"date":"2014-06-16T13:42:54.685Z","relatedLinks":[]},{"title":"Announcing Internet Explorer Developer Channel - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2014/06/16/announcing-internet-explorer-developer-channel.aspx","content":"IEの開発バージョンを使えるDeveloper Channelが公開された。\n開発者向けにリリース前のIEを機能を試すことが出来る。\n","tags":["IE"],"date":"2014-06-16T14:50:49.294Z","relatedLinks":[{"title":"IE Developer Channel","url":"http://devchannel.modern.ie/"},{"title":"Internet Explorer Web Platform Status and Roadmap - status.modern.IE","url":"http://status.modern.ie/"}]},{"title":"TypeScript勉強会 スライドまとめ(VSハッカソン倶楽部 第五回) | wIssue Note","url":"http://efcl.wordpress.com/2014/06/17/typescript%e5%8b%89%e5%bc%b7%e4%bc%9a-%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%81%be%e3%81%a8%e3%82%81vs%e3%83%8f%e3%83%83%e3%82%ab%e3%82%bd%e3%83%b3%e5%80%b6%e6%a5%bd%e9%83%a8-%e7%ac%ac%e4%ba%94/","content":"TypeScript勉強会のスライドまとめ\nhttp://vshtc.doorkeeper.jp/events/11407","tags":["TypeScript","slide","まとめ"],"date":"2014-06-17T01:02:18.494Z","relatedLinks":[]},{"title":"esformatter/CHANGELOG.md at master · millermedeiros/esformatter","url":"https://github.com/millermedeiros/esformatter/blob/master/CHANGELOG.md#v020-2014-06-16","content":"JavaScriptの整形ツールであるesformatter0.2.0リリース。\nプラグインのサポート","tags":["JavaScript","Tools","ReleaseNote","AST"],"date":"2014-06-17T02:18:15.851Z","relatedLinks":[]},{"title":"メンテナブルなJsってなんだろう","url":"http://www.slideshare.net/datomotu/js-35909719","content":"既存のJavaScriptコードがある中で、どのようにルールを設けてチェックして、自動化していくかについてのスライド","tags":["JavaScript","slide"],"date":"2014-06-17T09:16:38.954Z","relatedLinks":[]},{"title":"BDD with JS: Architecture, Tools & Patterns","url":"http://eamodeorubio.github.io/bdd-with-js/#/","content":"Mocha/CucumberJS + Zombie/RealBrowser(Karuma)でのテストについてのスライド。\n","tags":["JavaScript","testing","slide"],"date":"2014-06-17T09:19:18.425Z","relatedLinks":[]},{"title":"Collections for JavaScript","url":"http://www.collectionsjs.com/","content":"MapやSet、Heapなどのデータ構造とコレクション系の機能を提供してくれるライブラリ。(それぞれ単体で利用できる)\nチェック式でどのデータ構造がニーズにあってるかを教えてくれたりドキュメントがちゃんと書かれてる","tags":["JavaScript","library"],"date":"2014-06-17T10:46:42.249Z","relatedLinks":[]},{"title":"Release v1.5.0 · mdevils/node-jscs","url":"https://github.com/mdevils/node-jscs/releases/tag/v1.5.0","content":"JavaScriptのコーディングスタイルチェックツールのJSCS 1.5.0リリース。\nGoogleやjQueryのプリセットのアップデート、yandexやwikimediaのプリセットの追加、細かいオプションが色々増えている\nhttps://github.com/mdevils/node-jscs/blob/master/CHANGELOG.md","tags":["JavaScript","Tools","ReleaseNote"],"date":"2014-06-17T10:54:11.919Z","relatedLinks":[]},{"title":"Release v2.0.0 · marionettejs/backbone.marionette","url":"https://github.com/marionettejs/backbone.marionette/releases/tag/v2.0.0","content":"Backbone.Marionette 2.0.0リリース。\nAPIの変更が多くあるため、1.x からのアップデートは https://github.com/marionettejs/Marionette.Upgrade を参照。\n","tags":["backbone.js","library","ReleaseNote"],"date":"2014-06-18T04:00:09.268Z","relatedLinks":[{"title":"marionettejs/Marionette.Upgrade","url":"https://github.com/marionettejs/Marionette.Upgrade"}]},{"title":"Release 2.0.0 · reworkcss/css","url":"https://github.com/reworkcss/css/releases/tag/2.0.0","content":"CSSパーサのcss 2.0.0リリース。\nASTのnodeに`position.content`を追加、`@custom-media`等のサポート\nhttps://github.com/reworkcss/css/blob/2.0.0/History.md\n","tags":["CSS","node.js","library","ReleaseNote"],"date":"2014-06-19T00:50:04.352Z","relatedLinks":[]},{"title":"Dojo turns (1.)10 | The Dojo Toolkit Blog","url":"http://dojotoolkit.org/blog/dojo-turns-1-10","content":"Dojo 1.10 リリース。\nDojo10年目","tags":["JavaScript","library","ReleaseNote"],"date":"2014-06-19T12:21:46.198Z","relatedLinks":[]},{"title":"Node v0.10.29 (Stable)","url":"http://blog.nodejs.org/2014/06/16/node-v0-10-29-stable/","content":"Node v0.10.29 リリース。\nBufferでのUTF-8 の表示が変わった","tags":["node.js","ReleaseNote"],"date":"2014-06-20T05:06:46.259Z","relatedLinks":[{"title":"OpenSSL and Breaking UTF-8 Change (fixed in Node v0.8.27 and v0.10.29)","url":"http://blog.nodejs.org/2014/06/16/openssl-and-breaking-utf-8-change/"}]},{"title":"Orion 6.0 – Language Tooling Enhancements | Orion News","url":"http://planetorion.org/news/2014/06/orion-6-0-language-tooling-enhancements/","content":"Orion 6.0リリース。\n関数にJSDocを追加出来るように、インラインスクリプトのLint、ESLintの細かいカスタマイズ、スコープに合わせたコードスニペット、壊れてるコードのパースから復帰と間違いの指摘、チェックツールなどをWebWorkerで動かせるように","tags":["editor","ReleaseNote"],"date":"2014-06-21T05:40:21.848Z","relatedLinks":[]},{"title":"Testing A Backbone App with Karma | Open Software Integrators","url":"http://osintegrators.com/node/322","content":"Backbone+Jasmine+Karmaを使ったテストとコードカバレッジのチュートリアル。 バックエンドのFakeを書いてテストする方法について等","tags":["backbone.js","testing","AMD","tutorial"],"date":"2014-06-21T06:03:44.842Z","relatedLinks":[]},{"title":"Specifiction","url":"http://discourse.specifiction.org/t/name-663399-becca-purple-in-css4-color/225","content":"Web標準をよりオープンに議論/フィードバックすることを目的にした場所","tags":["web","spec","community"],"date":"2014-06-22T04:44:54.008Z","relatedLinks":[{"title":"Move The Web Forward | Guide to getting involved with standards and browser development","url":"http://movethewebforward.org/"}]},{"title":"Source Mapを扱う関連ライブラリのまとめ | Web scratch","url":"http://efcl.info/2014/0622/res3933/","content":"source mapを扱うライブラリについてのまとめ。\nツールを作るときに使うようなsource mapを扱うモジュールについての紹介。","tags":["JavaScript","node.js","browser","sourcemap","library","まとめ"],"date":"2014-06-22T04:59:12.489Z","relatedLinks":[]},{"title":"Web Starter Kit","url":"https://developers.google.com/web/starter-kit/","content":"Web Fundamentalsのプラクティスを実際に行うのを補助する初期セット/boilerplate。","tags":["google","web","Tools"],"date":"2014-06-22T12:17:19.406Z","relatedLinks":[{"title":"Chromium Blog: Web Fundamentals and Web Starter Kit: Resources for Modern Web Development","url":"http://blog.chromium.org/2014/06/web-fundamentals-and-web-starter-kit.html"}]},{"title":"asynquence: The Promises You Don't Know Yet (Part 1)","url":"http://davidwalsh.name/asynquence-part-1","content":"Promiseスタイルの非同期sequenceフローコントールライブラリであるasynquenceについての連載","tags":["JavaScript","Promises"],"date":"2014-06-22T12:56:19.899Z","relatedLinks":[{"title":"Promises: The Sync Problem (part 1) | getiblog","url":"http://blog.getify.com/promises-part-1/"},{"title":"getify/asynquence","url":"https://github.com/getify/asynquence"}]},{"title":"Native NodeJS Apps on Vimeo","url":"http://vimeo.com/97881078","content":"node-webkitやatom-shellのようにNodeJSをベースとしたデスクトップアプリについて","tags":["node-webkit","slide","video"],"date":"2014-06-22T13:09:00.773Z","relatedLinks":[]},{"title":"JavaScript Promiseの本を書きました | Web scratch","url":"http://efcl.info/2014/0623/res3943/","content":"JavaScript Promiseの本 1.0.0リリース。\nES6 Promiseの基本的な使い方、テスト、ライブラリや応用について書かれた電子書籍","tags":["JavaScript","Promises","book"],"date":"2014-06-23T03:51:23.532Z","relatedLinks":[]},{"title":"The Problem With ES6 Promises","url":"http://blog.soareschen.com/the-problem-with-es6-promises","content":"Promiseにおけるよくある問題について。\n複数回resolve/reject、キャッチしてないPromise、Uncaugh Error、タイムアウト。\nまたその解決策の実装について","tags":["Promises","debug"],"date":"2014-06-23T12:14:52.084Z","relatedLinks":[{"title":" First commit with examples to improve ES6 Promise debugging. 10 days ago ","url":"https://github.com/soareschen/es6-promise-debugging"}]},{"title":"Structs and ImmutableStructs","url":"http://raganwald.com/2014/06/15/immutable-structs.html","content":"`Object.defineProperties`を使ってImmutableなオブジェクトを作る話","tags":["JavaScript"],"date":"2014-06-23T12:24:03.721Z","relatedLinks":[]},{"title":"Is ServiceWorker ready?","url":"https://jakearchibald.github.io/isserviceworkerready/","content":"ServiceWorkerの関連仕様のサポート状況がわかるサイト。\nServiceWorker/Promies/postMessage/Fetch Event/Install Event","tags":["JavaScript","browser","Promises"],"date":"2014-06-23T12:25:55.360Z","relatedLinks":[]},{"title":"Chrome Extension の CI が出来るようになるまで(導入編) - けんごのお屋敷","url":"http://tkengo.github.io/blog/2014/06/22/ci-for-chrome-extensions1/","content":"Chrome拡張のテストとCIについての連載","tags":["Chrome","Extension","testing","CI"],"date":"2014-06-23T12:28:40.592Z","relatedLinks":[]},{"title":"Socket.IO 1.0の変更点・内部的な話 // Speaker Deck","url":"https://speakerdeck.com/nkzawa/socket-dot-io-1-dot-0falsebian-geng-dian-nei-bu-de-nahua","content":"socket.io 1.0/engine.ioについてまとまってるスライド。\nWebSocketへのアップグレードの仕組み、ハンドシェイクから接続の間に処理を入れるミドルウェア、バイナリサポート、Adapter、サーバ間共有、プロトコルの変化等","tags":["WebSocket","slide"],"date":"2014-06-23T12:33:24.140Z","relatedLinks":[]},{"title":"JavaScript Promiseの本","url":"http://azu.github.io/promises-book/","content":"JavaScript Promiseについての電子書籍。 Promiseの基本的な使い方、テスト、応用について書かれている。 Asciidocで書かれた文章/ソースコードもGithubで公開されている。","tags":["ECMAScript","JavaScript","Promises","book","asciidoc","電子書籍"],"date":"2014-06-23T12:44:32.657Z","relatedLinks":[]},{"title":"GlobalEventHandlers.onerror - Web API Interfaces | MDN","url":"https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers.onerror","content":"Firefox 31から`onerror`のハンドラに第4,5引数が追加された\nカラム番号とErrorオブジェクトそのものが取得出来るように\nhttp://jsbin.com/xagiy/1/edit","tags":["JavaScript","firefox"],"date":"2014-06-24T09:06:59.915Z","relatedLinks":[]},{"title":"Web Audio Editor の紹介 | Mozilla Developer Street (modest)","url":"https://dev.mozilla.jp/2014/06/introducing-the-web-audio-editor-in-firefox-developer-tools/","content":"FirefoxのWeb Audio Editorについて","tags":["firefox","audio","editor"],"date":"2014-06-25T02:23:41.258Z","relatedLinks":[]},{"title":"Amazon: Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法: 谷 拓樹","url":"http://www.amazon.co.jp/dp/4844336355?tag=amazon0abac-22","content":"2014年7月24日発売\n","tags":["CSS","book"],"date":"2014-06-25T09:02:27.747Z","relatedLinks":[]},{"title":"WebIDE Lands in Nightly ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2014/06/webide-lands-in-nightly/","content":"Firefox Nighlyに載ったWebIDEについて","tags":["firefox","web","IDE"],"date":"2014-06-25T14:30:00.341Z","relatedLinks":[{"title":"開発版 Firefox で WebIDE が利用できるようになりました | Mozilla Japan ブログ","url":"http://www.mozilla.jp/blog/entry/10412/"}]},{"title":"CSS Shrink","url":"http://cssshrink.com/","content":"CSS圧縮ツール。\nCSS ASTをtraverseして余分なCSSを取り除いたり、まとめたりしてコード量を小さくする","tags":["CSS","Tools"],"date":"2014-06-26T06:38:11.616Z","relatedLinks":[{"title":"CSS shrinkage","url":"http://cssshrink.com/velocity/"}]},{"title":"jQuery UI 1.11.0 | jQuery UI Blog","url":"http://blog.jqueryui.com/2014/06/jquery-ui-1-11-0/","content":"jQuery UI 1.11.0リリース。\nSelectmenu Widgetの追加、AMD/Bowerサポート、IE7のサポート終了。","tags":["jQuery","UI","ReleaseNote"],"date":"2014-06-27T01:18:13.654Z","relatedLinks":[]},{"title":"npm-dom","url":"https://github.com/npm-dom","content":"npmからインストールできるDOMを扱うライブラリを作る感じのOrganizations\n","tags":["npm","JavaScript","library","まとめ"],"date":"2014-06-27T01:34:28.220Z","relatedLinks":[]},{"title":"Introduction | Human JavaScript","url":"http://read.humanjavascript.com/","content":"Human JavaScriptのオンライン版","tags":["JavaScript","book"],"date":"2014-06-27T03:28:03.335Z","relatedLinks":[{"title":"human javascript by Henrik Joreteg","url":"http://humanjavascript.com/"}]},{"title":"Brackets 0.41 Release (Replace Across Files) – Brackets Blog","url":"http://blog.brackets.io/2014/06/27/brackets-0-41-release-replace-across-files/","content":"Brackets 0.41リリース。","tags":["JavaScript","IDE","ReleaseNote"],"date":"2014-06-29T05:38:30.392Z","relatedLinks":[]},{"title":"Node.jsで書いてQuickStartを使ってブラウザで実行する話 | Web scratch","url":"http://efcl.info/2014/0629/res3956/","content":"BrowserifyみたいにCommonJSで書いてビルド出来るツールについて。\nローダとして使えるため、開発中はビルドしないでローダとして使って、プロダクトはビルドして使うみたいな事が出来る","tags":["node.js","browserify","CommonJS","Tools"],"date":"2014-06-29T11:07:32.331Z","relatedLinks":[]},{"title":"QuickStart","url":"http://spotify.github.io/quickstart/","content":"BrowserifyみたいにCommonJSで書いたものをビルド出来るツール。 ビルドだけじゃなくてローダとしても使えるようになってるため、開発時は毎回のビルドをしなくても利用できる。","tags":["browserify","CommonJS","JavaScript","Tools"],"date":"2014-06-29T11:19:04.312Z","relatedLinks":[{"title":"Node.jsで書いてQuickStartを使ってブラウザで実行する話 | Web scratch","url":"http://efcl.info/2014/0629/res3956/"}]},{"title":"LXJS 2014 - YouTube","url":"https://www.youtube.com/playlist?list=PLt4dwg5cC5TRpoSVH5Rs6-bIIUNIYTy9-","content":"LXJS 2014 の動画が公開された","tags":["JavaScript","Conference","video"],"date":"2014-06-29T12:25:30.298Z","relatedLinks":[{"title":"LXJS 2014","url":"http://2014.lxjs.org/"}]},{"title":"RequireJS等はもう古い。WebPackとは？｜1 pixel｜サイバーエージェント公式クリエイターズブログ","url":"http://ameblo.jp/ca-1pixel/entry-11884453208.html","content":"何でも`require`出来るWebPackのしょうかい記事。\nWebPackの特徴や色々な構成のサンプルについて書かれてる","tags":["JavaScript","CSS","HTML","Tools"],"date":"2014-06-29T13:01:40.576Z","relatedLinks":[{"title":"webpack module bundler","url":"http://webpack.github.io/"},{"title":"gunta/webpack-samples-1pixel","url":"https://github.com/gunta/webpack-samples-1pixel"}]},{"title":"Firefox DevTools - Velocity 2014","url":"http://media.fitzgeraldnick.com/velocity2014/presentation/html5/template.html","content":"Firefoxの開発者ツールについてのスライド.\n`csscoverage`コマンド、ネットワークモニタの使い方、`console.profile`、描画の可視化、リフローを発生させたコードのログ、Canvasデバッガー等について。","tags":["firefox","JavaScript","debug","Tools","slide"],"date":"2014-06-29T13:04:49.704Z","relatedLinks":[]},{"title":"JavaScript Roots: Core Language Essentials","url":"http://bramus.github.io/js-roots-core-language-essentials/","content":"JavaScriptという言語の基礎についてのスライド。\nプリミティブとそうでないものの違い\n、リテラル、引数に渡した時に参照なのかコピーなのか、クロージャー、即時実行等について","tags":["JavaScript","slide"],"date":"2014-06-29T22:53:13.068Z","relatedLinks":[]},{"title":"Web Components を支えるPolyfillライブラリ ::ハブろぐ","url":"http://havelog.ayumusato.com/develop/others/e599-webcomponents_pollyfills.html","content":"WebComponents構成要素のPolyfillであるPolymer、platform.js、X-Tag、Bosonicについて","tags":["WebPlatformAPI","WebComponents","library"],"date":"2014-06-30T08:57:54.674Z","relatedLinks":[]},{"title":"Backbone with ES6 | Mike Fowler","url":"http://mikefowler.me/2014/06/11/backbone-with-es6/","content":"Backbone.jsをES6のclassを使った書き方について。\nclass exntedによる実装とES6 moduleについて書かれている\n","tags":["JavaScript","ECMAScript","backbone.js"],"date":"2014-06-30T12:21:19.881Z","relatedLinks":[]},{"title":"CSS Font Loading Module Level 3を試してみた - console.blog(self);","url":"http://sadah.hatenablog.com/entry/2014/06/30/211944","content":"CSS Font loadingについての詳しい解説。\nFOUTとの関係や、実装状況、基本的なAPIの使い方、Web Fontを読み込んでからCanvasで描画するサンプル等\n","tags":["CSS","fonts"],"date":"2014-07-01T05:13:37.857Z","relatedLinks":[]},{"title":"DevTools Digest - Chrome 35: Updates to the Developer Tools in Chrome 35 - HTML5 Rocks","url":"http://www.html5rocks.com/en/tutorials/developertools/chrome-35/","content":"Chrome35でのDevToolsについて。\nネットパークパネルのフィルタリング、Shadow DOMの編集、CodeMirror 4.0へのアップでと、ヒープスナップショットの改善等","tags":["Chrome","debug","Tools"],"date":"2014-07-01T12:33:51.383Z","relatedLinks":[]},{"title":"Intern 2.0 released | Blog | SitePen","url":"http://www.sitepen.com/blog/2014/07/01/intern-2-0-released/","content":"全部入りな感じのJavaScriptテストフレームワーク Intern 2.0リリース。\nCommonJSのコードカバレッジ、\nBrowserStack/TestingBotのサポート、WD.jsの代わりにLeadfootの利用や速度の向上など\n","tags":["JavaScript","testing","ReleaseNote","library"],"date":"2014-07-02T13:17:01.313Z","relatedLinks":[{"title":"Release 2.0.0 · theintern/intern","url":"https://github.com/theintern/intern/releases/tag/2.0.0"},{"title":"Leadfoot docs: Index","url":"https://theintern.github.io/leadfoot/"},{"title":"Dig Dug docs: Index","url":"http://theintern.github.io/digdug/"}]},{"title":"Eloquent JavaScript","url":"http://eloquentjavascript.net/2nd_edition/preview/","content":"Eloquent JavaScript第二版のプレビュー版","tags":["JavaScript","book"],"date":"2014-07-04T00:57:22.077Z","relatedLinks":[]},{"title":"Don’t Use jquery-latest.js | Official jQuery Blog","url":"http://blog.jquery.com/2014/07/03/dont-use-jquery-latest-js/","content":"CDNのjquery-latest.jsを本番環境で使わないでという話と、今後jquery-latest.jsはjQuery 1.11.1に固定されるため、**latest**でもなくなる","tags":["jQuery"],"date":"2014-07-04T01:37:09.313Z","relatedLinks":[{"title":"jQuery 公式 Blog 「jquery-latest.js を使用するのをやめろ」 | WWW WATCH","url":"http://hyper-text.org/archives/2014/07/dont_use_jquery_latest_js.shtml"}]},{"title":"Web Components and concepts, ShadowDOM, imports, templates, custom elements","url":"http://toddmotto.com/web-components-concepts-shadow-dom-imports-templates-custom-elements/","content":"WebComponentsの構成要素について。","tags":["WebComponents"],"date":"2014-07-04T04:28:08.087Z","relatedLinks":[]},{"title":"Leadfoot docs: Index","url":"https://theintern.github.io/leadfoot/","content":"WebDriver APIを使ったライブラリ。\nWD.jsと互換性を持ったAPIも用意されているが、将来的に互換レイヤーは削除される","tags":["webdriver","library"],"date":"2014-07-04T04:29:47.725Z","relatedLinks":[]},{"title":"CSS will-changeプロパティについて知っておくべきこと | POSTD","url":"http://postd.cc/css-will-change-property/","content":"GPUを使うためのtranslate3dというハックではなくwill-changeというそれを用のプロパティについての話。\n予めて変化するものをブラウザに伝える事で最適化し、変化後に削除する。\nCSS animationのチラツキの軽減とハードウェアアクセラレーションの活用","tags":["JavaScript","CSS","animation"],"date":"2014-07-04T07:07:33.687Z","relatedLinks":[]},{"title":"krasimir/deb.js","url":"https://github.com/krasimir/deb.js","content":"`Function.prototype` にデバッグ用のダンプ関数を追加して、コンソールに関数の詳細情報を表示するライブラリとChrome拡張","tags":["JavaScript","debug","library"],"date":"2014-07-04T13:39:09.084Z","relatedLinks":[]},{"title":"Crush & Lovely — 7 Patterns to Refactor JavaScript Applications: Value Objects","url":"http://journal.crushlovely.com/post/88286828068/7-patterns-to-refactor-javascript-applications-value","content":"JavaScriptの問題の分離をするAPIデザインとテストについての連載。\n\"7 Patterns to Refactor Fat ActiveRecord Models\" が元ネタで、それぞれについてサンプルコードとテストが書いてあって丁寧に解説されてる","tags":["JavaScript","API","design","Promises","testing"],"date":"2014-07-04T15:18:39.092Z","relatedLinks":[{"title":"7 Patterns to Refactor Fat ActiveRecord Models - Code Climate Blog","url":"http://blog.codeclimate.com/blog/2012/10/17/7-ways-to-decompose-fat-activerecord-models/"}]},{"title":"お前自分ちのページャUIが本当に速いと思ってんの？ // Speaker Deck","url":"https://speakerdeck.com/mizchi/oqian-zi-fen-tifalsepeziyauigaben-dang-nisu-itosi-tutenfalse","content":"テンプレートエンジンとデータバインドによるDOMの書き換え方の違いについてののスライド。\nリストビューとデータバインドでの差分描画のアプローチ、無限スクロールでのページャについて","tags":["JavaScript","DOM","performance","slide"],"date":"2014-07-05T03:56:39.048Z","relatedLinks":[]},{"title":"Dart News & Updates: Ecma approves the 1st edition of the Dart language specification","url":"http://news.dartlang.org/2014/07/ecma-approves-1st-edition-of-dart.html","content":"ECMA-408 DartのECMA仕様 1st editionがリリースされた","tags":["dart","spec"],"date":"2014-07-05T04:23:37.621Z","relatedLinks":[{"title":"Standard ECMA-408","url":"http://www.ecma-international.org/publications/standards/Ecma-408.htm"},{"title":"Ecma Standardizes Dart","url":"http://www.infoq.com/news/2014/07/ecma-dart-google#.U7c9cZBvbc0.twitter"}]},{"title":"AngularJS: Novice to Ninja - O'Reilly Media","url":"http://shop.oreilly.com/product/9780992279455.do","content":"2014年9月発売\nAngularについての書籍。\nデータバインディング、TDD、モジュール、ディレクティブ、SPA","tags":["Angular","book"],"date":"2014-07-06T02:06:21.359Z","relatedLinks":[]},{"title":"O'Reilly Japan - プログラミング HTML5 Canvas","url":"http://www.oreilly.co.jp/books/9784873116877/","content":"2014年07月19日 発売\nCore HTML5 Canvasの翻訳本","tags":["canvas","book"],"date":"2014-07-07T03:32:36.699Z","relatedLinks":[]},{"title":"JavaScript Modules","url":"http://jsmodules.io/","content":"ES6 moduleの使い方についてまとまってるサイト。\nNode/CommonJSスタイルとの比較についても書かれている","tags":["JavaScript","ECMAScript","module"],"date":"2014-07-07T09:04:01.640Z","relatedLinks":[{"title":"Porting from CommonJS","url":"http://jsmodules.io/cjs.html"}]},{"title":"bahmutov/next-update","url":"https://github.com/bahmutov/next-update","content":"node moduleのdependenciesを一時的にアップデートした状態でテストを走らせて、問題なくアップデートできるかどうかを確認するコマンドラインツール","tags":["node.js","console","Tools"],"date":"2014-07-07T09:17:13.681Z","relatedLinks":[{"title":"Node.jsパッケージ: next-update - Weblog - Hail2u.net","url":"http://hail2u.net/blog/software/node-next-update.html"}]},{"title":"ESLint 0.7.1 released - ESLint","url":"http://eslint.org/blog/2014/07/eslint-0.7.1-released/","content":"ESLint 0.7.1リリース。","tags":["JavaScript","Tools","ReleaseNote"],"date":"2014-07-08T03:30:37.495Z","relatedLinks":[]},{"title":"Amazon: Programming Chrome Apps : Marc Rochkind","url":"http://www.amazon.com/dp/1491904283?tag=amazon0abac-22","content":"2015年1月25日発売\nChrome App本","tags":["Chrome","book"],"date":"2014-07-10T03:13:53.857Z","relatedLinks":[]},{"title":"コードのバグはコードで見つけよう！｜サイバーエージェント 公式エンジニアブログ","url":"http://ameblo.jp/principia-ca/entry-11837554210.html","content":"ESLintを使ったプラグイン(独自のLintルール)の書き方について。","tags":["JavaScript","Tools"],"date":"2014-07-10T13:43:40.956Z","relatedLinks":[{"title":"ESLint 0.1.0がリリースされたので、JSHintとの違いやプラグインの書き方について | Web Scratch","url":"http://efcl.info/2013/1104/res3465/"}]},{"title":"sindresorhus/awesome-nodejs","url":"https://github.com/sindresorhus/awesome-nodejs","content":"便利なnodeモジュールやnode製のツールについてのまとめ","tags":["node.js","まとめ"],"date":"2014-07-12T14:13:21.776Z","relatedLinks":[]},{"title":"Ember.js - Ember 1.6.0 and 1.7 Beta Released","url":"http://emberjs.com/blog/2014/07/07/ember-1-6-0-and-ember-1-7-0-beta-released.html","content":"Ember 1.6.0リリース。\nES6モジュールで書かれるようになった。","tags":["JavaScript","library","ReleaseNote"],"date":"2014-07-12T16:46:29.661Z","relatedLinks":[]},{"title":"ブラウザストレージ技術とプライベートブラウジング（改訂版） - Nothing ventured, nothing gained.","url":"http://takoratta.hatenablog.com/entry/2014/07/11/130000","content":"プライベートブラウジングでのストレージの挙動についてのまとめ","tags":["browser","まとめ","セキュリティ"],"date":"2014-07-13T14:21:31.061Z","relatedLinks":[]},{"title":"Julie Pagano - JavaScript Debugging for Beginners","url":"http://juliepagano.com/blog/2014/05/18/javascript-debugging-for-beginners/","content":"JavaScriptのデバッグ方法とブラウザのデバッグツールについての解説","tags":["JavaScript","debug","browser"],"date":"2014-07-13T14:24:31.250Z","relatedLinks":[{"title":"Secrets of the Browser Developer Tools - Secrets","url":"http://devtoolsecrets.com/"}]},{"title":"krasimir/gifffer","url":"https://github.com/krasimir/gifffer","content":"gif動画をクリックしたら再生を開始出来るようにするJavaScriptライブラリ","tags":["JavaScript","画像"],"date":"2014-07-14T01:24:38.154Z","relatedLinks":[]},{"title":"chai のプラグインを書いた ＆ 書きかた - 音の鳴るブログ","url":"http://mohayonao.hatenablog.com/entry/2014/07/14/121750","content":"chaiのカスタムアサーションの書き方","tags":["JavaScript","testing","library"],"date":"2014-07-14T07:12:18.537Z","relatedLinks":[]},{"title":"andrejewski/seth","url":"https://github.com/andrejewski/seth","content":"Set的な機能を持ったライブラリ。\nSet同士の和集合や積集合など比較系のメソッドが用意されてる","tags":["JavaScript","library"],"date":"2014-07-14T09:00:14.219Z","relatedLinks":[]},{"title":"React | React v0.11 RC","url":"http://facebook.github.io/react/blog/2014/07/13/react-v0.11-rc1.html","content":"React v0.11 RCリリース。\n何もレンダリングしないというのを明示的にnullを返す事で出来るように、JSXでJS風な名前空間が辿れるように、DOM 3 Eventsの対応改善等","tags":["JavaScript","library","ReleaseNote"],"date":"2014-07-14T13:15:09.087Z","relatedLinks":[]},{"title":"Writing Unit Tests for Existing JavaScript - Adventures in JavaScript Development","url":"http://rmurphey.com/blog/2014/07/13/unit-tests/","content":"既存のJavaScriptコードに対してテストを書いていくステップの話。\nテストフレームワークにIntern、テストダブルにSquire.js、Sinon.jsを使って進める。\n何をテストし何をスべきではないかについて","tags":["JavaScript","testing"],"date":"2014-07-14T13:43:09.680Z","relatedLinks":[]},{"title":"Designing Modules for the Browser and Node with Browserify","url":"http://www.slideshare.net/kwhinnery/designing-modules-for-the-browser-and-node-with-browserify","content":"Browserifyを使ったNodeとブラウザ向けにモジュールを作る方法について。\nbrowser fieldを使ってブラウザ向けの設定をpackage.jsonにする\nhttps://www.youtube.com/watch?v=rx3O64is50g","tags":["browserify","slide","video"],"date":"2014-07-14T15:26:20.331Z","relatedLinks":[{"title":"browser field","url":"https://github.com/substack/browserify-handbook#browser-field"}]},{"title":"W3C Highlights - June 2014","url":"http://www.w3.org/2014/06/w3c-highlights/","content":"W3Cによる2014年6月度の活動ハイライトが公開された。\n2014年前半のW3Cの活動についてまとめられている。\nモバイル、電子書籍(epub)、Test the Web Forwardの活動について等","tags":["W3C","ReleaseNote"],"date":"2014-07-15T09:26:18.756Z","relatedLinks":[]},{"title":"JavaScript - Promiseを使った逐次処理でユーザー入力との待ち合わせができるイベントループを記述する - Qiita","url":"http://qiita.com/mizchi/items/e57cb91da5f07f5e5cfc","content":"ユーザー入力等のイベントをPromise化して、Promiseを使った逐次処理を行う話。\nイベントでの逐次的な処理は別途回す仕組みが必要になるが、Promiseの場合はPromise化した処理に連ねて書くだけで逐次処理を行える。","tags":["JavaScript","Promises"],"date":"2014-07-15T12:43:15.587Z","relatedLinks":[{"title":"Promiseによる逐次処理 - JavaScript Promiseの本","url":"http://azu.github.io/promises-book/#promise-sequence"}]},{"title":"WebKit CSS JIT Internals - Constellation Scorpius","url":"http://constellation.github.io/blog/2014/07/14/webkit-css-jit-internals","content":"Webkitに実装されているCSS Selector JITについての解説スライド。\nCSS Selectorのマッチング処理の仕組みから、それをどうやって高速にしていくか、マッチが失敗した時にバックトラッキングの効率化について","tags":["CSS","webkit","slide"],"date":"2014-07-15T12:47:40.279Z","relatedLinks":[{"title":"Surfin' Safari - Blog Archive » Little overview of WebKit’s CSS JIT Compiler","url":"https://www.webkit.org/blog/3271/webkit-css-selector-jit-compiler/"},{"title":"ブラウザエンジン先端観測会 アウトラインメモ | Web Scratch","url":"http://efcl.info/2014/07/13/edge-of-browser/"},{"title":"iOS 8.x Changesets · uupaa/Spec.js Wiki","url":"https://github.com/uupaa/Spec.js/wiki/iOS-8.x-Changesets"}]},{"title":"リファクタリングのためのテスト","url":"http://hokaccha.github.io/slides/refactoring/","content":"リファクタリングしても通らなくなったりしないテストについてのスライド","tags":["JavaScript","testing","slide"],"date":"2014-07-15T12:50:18.605Z","relatedLinks":[{"title":"Remixing Vol.1 イベントリポート | TECH BLOG","url":"http://www.rich.co.jp/tech/?p=427"}]},{"title":"ES6 proxies","url":"http://tagtree.tv/es6-proxies","content":"ES6 Proxyについてのスクリーンキャスト。\n基本的なProxy APIの使い方、Reflect APIを使っての元処理の維持、setにproxyを挟んで変更の検知等","tags":["ECMAScript","JavaScript","video"],"date":"2014-07-15T13:15:09.681Z","relatedLinks":[]},{"title":"Three.js Essentials | Packt Publishing","url":"http://www.packtpub.com/three-js-essentials/book","content":"Three.jsについての書籍","tags":["WebGL","book"],"date":"2014-07-16T00:55:43.225Z","relatedLinks":[]},{"title":"WebReflection/document-register-element","url":"https://github.com/WebReflection/document-register-element#document-register-element","content":"WebComponentsのCustom Elementsのpolyfillライブラリ","tags":["WebComponents"],"date":"2014-07-16T07:04:46.498Z","relatedLinks":[{"title":"Web Reflection: A W3C Custom Elements Alternative","url":"http://webreflection.blogspot.jp/2014/07/a-w3c-custom-elements-alternative.html"}]},{"title":"selector-replace() の利用 · terkel.jp","url":"http://terkel.jp/archives/2014/07/selector-replace/","content":"Sass 3.4.0のselector-replace() 関数について","tags":["Sass"],"date":"2014-07-16T14:25:29.554Z","relatedLinks":[]},{"title":"WebRTC at SFHTML5 - YouTube","url":"https://www.youtube.com/playlist?list=PLOU2XLYxmsILM4q-aaVpYgRM5XTCnQuVt","content":"SFHTML5のWebRTCイベントの動画","tags":["WebRTC","video"],"date":"2014-07-16T14:49:35.635Z","relatedLinks":[]},{"title":"ezequiel/cssprima","url":"https://github.com/ezequiel/cssprima","content":"CSS パーサーライブラリ","tags":["CSS","AST","library"],"date":"2014-07-18T03:11:24.700Z","relatedLinks":[]},{"title":"The roles of AngularJS and Polymer","url":"http://www.2ality.com/2014/07/angularjs-vs-polymer.html","content":"AngularJSとPolymerの役割の違い。\nAngularはアプリ開発に最適化したデザイン(DIやルーティング等)、PolymerはCustom Element開発に最適化したデザイン。\n2つは競合なのかどうかについて書かれてる。\n","tags":["Angular","WebComponents"],"date":"2014-07-19T04:30:15.874Z","relatedLinks":[{"title":"Plans for supporting Web Components in AngularJS and Ember.js","url":"http://www.2ality.com/2013/05/web-components-angular-ember.html"}]},{"title":"New: Rev26 ES6 draft now available","url":"http://esdiscuss.org/topic/new-rev26-es6-draft-now-available","content":"ES6 draft Rev26リリース。\n","tags":["ECMAScript","ReleaseNote"],"date":"2014-07-19T12:50:17.788Z","relatedLinks":[]},{"title":"azproduction/autopolyfiller","url":"https://github.com/azproduction/autopolyfiller","content":"AutoprefixerのJavaScript版的なツール。\nコードとサポートブラウザを指定して、必要なPolyfillコードを生成してくれる","tags":["JavaScript","library","Tools"],"date":"2014-07-19T13:12:05.987Z","relatedLinks":[]},{"title":"React | React v0.11","url":"http://facebook.github.io/react/blog/2014/07/17/react-v0.11.html","content":"React 0.11リリース。\n何もレンダリングしないというのを明示的にnullを返す事で出来るように、JSXでJS風な名前空間が辿れるように、DOM 3 Eventsの対応改善等","tags":["JavaScript","library","ReleaseNote"],"date":"2014-07-20T06:52:16.602Z","relatedLinks":[]},{"title":"ECMAScript 6 // Speaker Deck","url":"https://speakerdeck.com/othree/ecmascript-6","content":"ES6の主要な機能について概要スライド。\nModule, Class, Iterator, Syntax。\nまたES7や8、ECMAScriptについてはどこを参照すればいいかについて書いてある","tags":["ECMAScript","JavaScript","slide","歴史"],"date":"2014-07-20T13:28:05.790Z","relatedLinks":[]},{"title":"Ampersand.js - Home","url":"http://ampersandjs.com/","content":"HumanJSの作者によるJavaScriptアプリ向けのフレームワーク。\nBackbone.jsを使っていた経験から、機能を細かくNodeモジュールとして分けてBrowserifyでコンパイルして利用出来るようになってる。","tags":["JavaScript","backbone.js","library"],"date":"2014-07-20T14:04:55.185Z","relatedLinks":[{"title":"Ampersand.js - Backbone.jsに対抗する\"フレームワークらしくない\"フレームワーク","url":"http://www.infoq.com/jp/news/2014/07/ampersandjs"},{"title":"Introducing Ampersand.js | Blog","url":"http://blog.andyet.com/2014/06/25/introducing-ampersand-js"}]},{"title":"Are We Componentized Yet?","url":"http://jonrimmer.github.io/are-we-componentized-yet/","content":"ブラウザごとのWebComponentsのサポート状況、仕様についてまとめてるサイト","tags":["WebComponents","まとめ","browser"],"date":"2014-07-20T14:48:59.814Z","relatedLinks":[]},{"title":"New design and site changes now on caniuse.com","url":"http://caniuse.com/feed/148","content":"Caniuseの新しいデザインが公開された","tags":["webservice","browser"],"date":"2014-07-21T12:46:13.002Z","relatedLinks":[]},{"title":"JavaScript フレームワークがデータバインディングを実現する４通りの手法 - てっく煮ブログ","url":"http://tech.nitoyon.com/ja/blog/2014/07/18/data-binding/","content":"MV*フレームワークで見られるデータバインディングの実装方法について","tags":["MVC","library"],"date":"2014-07-21T13:06:07.689Z","relatedLinks":[]},{"title":"Chrome Releases: Stable Channel Update","url":"http://googlechromereleases.blogspot.com/2014/07/stable-channel-update.html","content":"Chrome 36 stableリリース。\n`Object.observe()`や`element.animate()`、 HTML Imports等が入った","tags":["Chrome","ReleaseNote"],"date":"2014-07-21T13:10:24.606Z","relatedLinks":[{"title":"Chromium Blog: Chrome 36 Beta: element.animate(), HTML Imports, and Object.observe()","url":"http://blog.chromium.org/2014/05/chrome-36-beta-elementanimate-html.html"},{"title":"Chrome 36 Launches with New Incognito Design","url":"http://thenextweb.com/google/2014/07/16/chrome-36-launches-rich-notifications-improvements-new-incognito-design-app-launcher-linux/"}]},{"title":"18 Surprises From Reading jQuery's Source Code - Quick Left Boulder Colorado","url":"http://quickleft.com/blog/18-surprises-from-reading-jquery-s-source-code","content":"jQueryのソースコードを読んでの知見。\nコメント欄にも書かれているからundocumentなAPIについてが多い","tags":["jQuery","API"],"date":"2014-07-21T13:14:29.490Z","relatedLinks":[]},{"title":"Improve Your Tests by Breaking the Rules - Bocoup","url":"http://bocoup.com/weblog/breaking-rules-in-tests/","content":"JavaScript一般で良くないパターンを、あえてテストにおいては使用することで改善できるという話。\nグローバル変数の利用、同期的なコードにする(Sinon.JS、Generator)、DRYじゃないコードを書く事で得られる点について","tags":["JavaScript","testing"],"date":"2014-07-21T13:25:01.491Z","relatedLinks":[]},{"title":"New Compiler and Moving to GitHub - TypeScript - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/typescript/archive/2014/07/21/new-compiler-and-moving-to-github.aspx","content":"TypeScriptがGitHubへ移行した。\nWikiもGitHubへ移行。\nまた新しいコンパイラの開発していて、現在のものより5倍早くコンパイルできているが、まだ機能は完全ではなく開発中","tags":["TypeScript","ReleaseNote"],"date":"2014-07-22T00:35:19.308Z","relatedLinks":[]},{"title":"Raynos/mercury","url":"https://github.com/Raynos/mercury","content":"モジュール指向なフレームワーク。\nInput(Controller),State(Model),Render(View)\nReactのようにVirtual DOM持っていて、データバインディングはモデルクラス方式。","tags":["JavaScript","MVC","library","browserify"],"date":"2014-07-22T08:48:23.493Z","relatedLinks":[]},{"title":"node streams","url":"http://tagtree.tv/intro-to-node-streams","content":"node.jsのStreamについてのスクリーンキャスト。\nランダムな単語を流すStreamを作り、transform streamで変換してWriteStreamに流すサンプルについて","tags":["node.js","stream","video"],"date":"2014-07-22T08:50:19.200Z","relatedLinks":[]},{"title":"node-webkit v0.10.0 released - Google グループ","url":"https://groups.google.com/forum/#!msg/node-webkit/x7kYuDO0Cj8/cIxoJ6RFiLsJ","content":"node-webkit v0.10.0リリース。\nChromium 35、Node.js 0.11.13にアップデート、ネイティブメニューの改善、グローバルショートカットのサポート等","tags":["node-webkit","ReleaseNote"],"date":"2014-07-22T12:12:04.667Z","relatedLinks":[]},{"title":"天使やカイザーと呼ばれて » Web ComponentsのWebブラウザ別動作を調べてみた","url":"http://www.eisbahn.jp/yoichiro/2014/07/confirmation_of_web_components_on_each_browser.html","content":"WebCompoentsをサポートしてないブラウザでのplatform.jsのpolyfillの挙動について。\n`createShadowRoot()` と Shadow DOMのCSSスコープについて","tags":["WebComponents","browser"],"date":"2014-07-22T12:19:39.390Z","relatedLinks":[{"title":"Why Web Components Aren't Ready for Production... Yet -Telerik Developer Network","url":"http://developer.telerik.com/featured/web-components-arent-ready-production-yet/"}]},{"title":"Polymer vs. X-Tag - Here's the difference · Pascal Precht","url":"http://pascalprecht.github.io/2014/07/21/polymer-vs-x-tag-here-is-the-difference/","content":"Polymerのplatform.jsによるpolyfillとX-Tagの違い。\nX-TagはCustom Elementについて扱う。\npolymer-elementにnoscript属性を入れる意味等Polyfillを使ったCustom Elementについて詳しく書かれている","tags":["WebComponents","library","browser"],"date":"2014-07-22T12:32:11.812Z","relatedLinks":[]},{"title":"Protractor - end to end testing for AngularJS","url":"http://angular.github.io/protractor/","content":"AngularJS向けのWebdriverを使ったE2EテストフレームワークであるProtractorが公開された。\nデフォルトではテストコードはJasmineで書くt興ができ、MochaやCucumberも利用できる。","tags":["Angular","testing","Selenium","library"],"date":"2014-07-22T12:37:08.955Z","relatedLinks":[]},{"title":"Dev.Opera — Opera 23 released","url":"http://dev.opera.com/blog/opera-23/","content":"Opera 23リリース。\nChromium36がベースとなっていて、CSS touch-action、CSS will-change、CSS Transformsからprefixの削除、Web Animationsの一部実装、`Object.observe()`、HMLT Importsの実装等が入ってる。\n","tags":["Opera","ReleaseNote","browser"],"date":"2014-07-22T12:41:07.417Z","relatedLinks":[]},{"title":"node-browserify/changelog.markdown at 5.0.0 · substack/node-browserify","url":"https://github.com/substack/node-browserify/blob/5.0.0/changelog.markdown","content":"Browserify 5.0.0リリース。\npipelineの処理に対してhookできる仕組みが入った、`bundle()`を複数回呼んでも問題なくなった(watchの安定化)、`--noparse`の高速化","tags":["browserify","ReleaseNote"],"date":"2014-07-24T01:04:23.917Z","relatedLinks":[{"title":"node-browserify/doc/changelog/5_0.markdown at master · substack/node-browserify","url":"https://github.com/substack/node-browserify/blob/master/doc/changelog/5_0.markdown"},{"title":"substack/labeled-stream-splicer","url":"https://github.com/substack/labeled-stream-splicer"}]},{"title":"Solving spyOn problems in Jasmine - Two Fucking Developers","url":"http://twofuckingdevelopers.com/2014/07/solving-spyon-problems-in-jasmine/","content":"jasmineでlocalstroage#setに対してspyOnするときにFirefoxが例外を投げる問題について。\nlocalstroage自体をmockで置き換える","tags":["jasmine","testing"],"date":"2014-07-24T08:19:09.481Z","relatedLinks":[]},{"title":"Release v2.0.0-alpha-5: script arguments! · npm/npm","url":"https://github.com/npm/npm/releases/tag/v2.0.0-alpha-5","content":"npm 2.0.0 α5で、 npm run-scriptに引数を渡せるようになった。","tags":["node.js","ReleaseNote"],"date":"2014-07-24T08:33:14.382Z","relatedLinks":[]},{"title":"Google Web Starter Kitのgulpfileを翻訳してみた - Qiita","url":"http://qiita.com/fainder/items/5cc8bc318f6407e47a4c","content":"Google Web Starter Kitで使われてるgulpfileのタスクについて","tags":["gulp","google"],"date":"2014-07-24T13:36:27.073Z","relatedLinks":[]},{"title":"google/google-api-nodejs-client","url":"https://github.com/google/google-api-nodejs-client","content":"Google公式のGoogle APIライブラリ","tags":["node.js","google","API","library"],"date":"2014-07-25T00:29:58.798Z","relatedLinks":[]},{"title":"Node.js Tools for Visual Studio 1.0 Beta 2 Available - The Visual Studio Blog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/visualstudio/archive/2014/07/23/node-js-tools-for-visual-studio-1-0-beta-2-available.aspx","content":"Node.jsサポートをするのVisual Studio add-on。\n補完の改善、npm UIの改善、mochaのサポートや他のテストフレームワークもサポート出来るように","tags":["node.js","IDE","MS"],"date":"2014-07-25T00:32:26.772Z","relatedLinks":[]},{"title":"Valve/fingerprintjs","url":"https://github.com/Valve/fingerprintjs","content":"ブラウザのnavition.*や入ってるプラグインなどから特定のハッシュ値を生成するライブラリ。\nEFFが発表してた94%は特定出来るというのが元ネタ\n","tags":["browser","JavaScript","library"],"date":"2014-07-26T03:25:39.519Z","relatedLinks":[{"title":"browser-uniqueness.pdf","url":"https://panopticlick.eff.org/browser-uniqueness.pdf"}]},{"title":"zzarcon/html-observer","url":"https://github.com/zzarcon/html-observer","content":"Object.observeを使ったデータバインディングライブラリ","tags":["HTML","JavaScript","DOM","library"],"date":"2014-07-26T04:13:59.843Z","relatedLinks":[]},{"title":"JavaScript初級者から中級者になろう — uhyohyo.net","url":"http://uhyohyo.net/javascript/index.html","content":"JavaScript/DOM関するチュートリアルサイト。\nDOM Treeの操作やDOM RangeなどDOM APIに関する解説が豊富","tags":["JavaScript","DOM","tutorial"],"date":"2014-07-26T23:26:18.210Z","relatedLinks":[]},{"title":"RReverser/estemplate","url":"https://github.com/RReverser/estemplate","content":"JavaScript ASTベースのテンプレートエンジン。\nSourceMapに対応したコードを生成できる","tags":["JavaScript","AST","library"],"date":"2014-07-26T23:37:01.627Z","relatedLinks":[{"title":"Proper (AST-based) JavaScript code templating with source maps support.","url":"http://rreverser.com/gh-estemplate/"}]},{"title":"blittle/bower-installer","url":"https://github.com/blittle/bower-installer","content":"bower.jsonにモジュールのコピー場所を追加する事で、インストールしたモジュールをコピー出来るコマンドラインツール。","tags":["web","console","tools"],"date":"2014-07-27T00:50:15.452Z","relatedLinks":[]},{"title":"Shipping Blink-in-JS - Google グループ","url":"https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/0cpgMaFnZIk","content":"JavaScriptでのDOM実装であるBlink-in-JSがshipへ。\nC++ではない理由としてセキュリティとメンテナンスビリティが主。","tags":["JavaScript","DOM","blink","Chrome","ReleaseNote"],"date":"2014-07-28T01:51:41.143Z","relatedLinks":[{"title":"Blink-in-JavaScript - The Chromium Projects","url":"https://sites.google.com/a/chromium.org/dev/blink/blink-in-js"}]},{"title":"そろそろ押さえておきたい AngularJSのセキュリティ","url":"http://www.slideshare.net/muneakinishimura/angularjs-37342658","content":"AngularJSのデータバインディングとDOM Based XSSについてのスライド。\nホワイトリストによるフィルタリング、自作のディレクティブでの扱い、SCE、ng-cspについて。","tags":["JavaScript","Angular","XSS","DOM","セキュリティ","slide"],"date":"2014-07-28T08:24:42.070Z","relatedLinks":[]},{"title":"Web Audio Changes in m36 - HTML5Rocks Updates","url":"http://updates.html5rocks.com/2014/07/Web-Audio-Changes-in-m36","content":"Chrome 36でのWeb Audio APIの変更点について","tags":["Chrome","audio"],"date":"2014-07-28T10:43:55.978Z","relatedLinks":[]},{"title":"Away3D勉強会に行ってきた - pirosikick's diary","url":"http://pirosikick.hateblo.jp/entry/2014/07/26/005952","content":"元々Flash向けに開発されていたAway3DのTypeScriptポートについて。\n Away3D TypeScriptはWebGLを使った3Dエンジンで、Flashを使ったフォールバックも持っている","tags":["TypeScript","WebGL","library","Conference","flash"],"date":"2014-07-28T10:49:18.407Z","relatedLinks":[]},{"title":"The Basics Of ES6 Generators","url":"http://davidwalsh.name/es6-generators","content":"ES5 Generatorsについての連載","tags":["ECMAScript"],"date":"2014-07-28T10:52:20.562Z","relatedLinks":[]},{"title":"Lonely Planet & GitHub: CSSの構成と方針 - ワザノバ | wazanova","url":"http://wazanova.jp/items/1426","content":"GithubのCSSとLonely PlanetのCSSの構成や使ってるツール、開発スタイルについて。\n","tags":["CSS","github","translate"],"date":"2014-07-28T12:07:53.032Z","relatedLinks":[{"title":"CSS at Lonely Planet - Ian Feather","url":"http://ianfeather.co.uk/css-at-lonely-planet/"},{"title":"GitHub's CSS · @mdo","url":"http://markdotto.com/2014/07/23/githubs-css/"},{"title":"mrmrs/cssstats","url":"https://github.com/mrmrs/cssstats"}]},{"title":"Opinionated AngularJS styleguide for teams","url":"http://toddmotto.com/opinionated-angular-js-styleguide-for-teams/","content":"AngularJSのコーディングスタイルガイド。","tags":["Angular","JavaScript"],"date":"2014-07-29T04:22:45.163Z","relatedLinks":[{"title":"AngularJS styleguide 日本語訳 - AngularJS Ninja","url":"http://angularjsninja.com/blog/2014/07/29/angularjs-styleguide-in-Japanese/"}]},{"title":"CSS Triggers...","url":"http://csstriggers.com/","content":"CSSプロパティ別にreflowやrepaintの発生、Compositeが可能かどうかが一覧出来る。\nChrome DevToolsで調べた結果を元にしてる。","tags":["CSS","search","まとめ"],"date":"2014-07-29T04:27:22.380Z","relatedLinks":[{"title":"Aerotwist - CSS Triggers","url":"http://aerotwist.com/blog/css-triggers/"}]},{"title":"Vue.js 0.10.6, and what's next - vue.js","url":"http://vuejs.org/2014/07/29/vue-next/","content":"Vue.js 0.10.6リリース。\nVue-nextについても書かれている。\nスクラッチで書きなおしている理由として、デザインの問題とコードの質の改善を上げてる。","tags":["JavaScript","ReleaseNote","library"],"date":"2014-07-29T13:28:08.071Z","relatedLinks":[]},{"title":"Eloquent JavaScript","url":"http://eloquentjavascript.net/","content":"Eloquent JavaScript第二版がリリースされた","tags":["JavaScript","book"],"date":"2014-07-31T04:31:15.942Z","relatedLinks":[]},{"title":"AngularJS入門の巻","url":"http://www.slideshare.net/itokami1123/angularjs-34533999","content":"AngularJSのデータバインディング、モジュール、スコープとデータの反映についてのスライド。","tags":["Angular","slide"],"date":"2014-07-31T04:38:51.438Z","relatedLinks":[]},{"title":"3 New JavaScript APIs You May Want to Follow","url":"http://www.sitepoint.com/3-new-javascript-apis-may-want-follow/","content":"最近ドラフトがリリースされたWeb Alarms API, Presentation API, Standby APIについて","tags":["WebPlatformAPI","JavaScript"],"date":"2014-07-31T04:49:00.306Z","relatedLinks":[]},{"title":"Event listeners popup, @media sidebar, Cubic bezier editor + more – Firefox Developer Tools Episode 33 ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2014/07/event-listeners-popup-media-sidebar-cubic-bezier-editor-more-firefox-developer-tools-episode-33/","content":"Firefox33に入る開発者ツールの機能紹介。\nDOMから関連するイベントリスナーの表示、media queryのルール表示、イージングエディタ、コマンドの追加、min.jsをデバッグの対象外にする機能等","tags":["firefox","debug","tools"],"date":"2014-07-31T08:55:14.013Z","relatedLinks":[]},{"title":"traceur-compiler 入門 - from scratch","url":"http://yosuke-furukawa.hatenablog.com/entry/2014/07/31/093041","content":"traceur-compilerについての解説。\nES6のコードをES5で実行出来るように変換(要runtime)、対応してるES6の構文、ExperimentalなES7の機能、メリット・デメリット、類似ツールについて。","tags":["ECMAScript","JavaScript","tools","google"],"date":"2014-07-31T09:12:21.412Z","relatedLinks":[]},{"title":"Highlights from recent Chromium, Blink, Skia and v8 commits","url":"http://commits.peter.sh/","content":"Chromium,Blink,Skia,V8のコミットハイライトをまとめてるpeterさんのサイト。\nRSSも追加された","tags":["Chrome","blink","V8","git"],"date":"2014-08-01T01:40:09.772Z","relatedLinks":[]},{"title":"V8 Memory Corruption and Stack Overflow (fixed in Node v0.8.28 and v0.10.30)","url":"http://blog.nodejs.org/2014/07/31/v8-memory-corruption-stack-overflow/","content":"Node 0.10.xと0.8.xのsecurity fix.","tags":["node.js","ReleaseNote","セキュリティ"],"date":"2014-08-01T01:47:31.696Z","relatedLinks":[]},{"title":"Atom Shell vs Node-Webkit - 牛角堂","url":"http://blog.iwege.com/posts/atom-shell-vs-node-webkit.html","content":"Atom Shellとnode-webkitの比較。\nentry-pointの違い、Chromiumアップデートの対応(ビルドシステム)、マルチコンテキスト、プロセス分離とコミュニケーション、パッケージ管理などについて","tags":["atom","node-webkit"],"date":"2014-08-01T03:16:59.040Z","relatedLinks":[]},{"title":"EcmaScript 6 Template Strings | mozintern","url":"http://mozintern.wordpress.com/2014/07/31/ecmascript-6-template-strings-2/","content":"Firefox34あたりで入るTwmplate Stringsについて","tags":["firefox","JavaScript"],"date":"2014-08-03T02:05:42.371Z","relatedLinks":[]},{"title":"flerro/jop","url":"https://github.com/flerro/jop","content":"Node.js製のJSONを扱うコマンドラインツール。\n整形表示、データのフィルタリング、カウント、グループング、変換等。jq的なツール","tags":["JSON","console","Tools"],"date":"2014-08-03T02:41:57.676Z","relatedLinks":[]},{"title":"Brackets 0.42 Release (Themes!) – Brackets Blog","url":"http://blog.brackets.io/2014/08/01/brackets-0-42-release-themes/","content":"Brackets 0.42リリース。\nテーマのサポート","tags":["JavaScript","IDE","ReleaseNote"],"date":"2014-08-03T02:51:11.801Z","relatedLinks":[]},{"title":"Amazon: 入門Backbone.js (Programmer's SELECTION): James Sugrue","url":"http://www.amazon.co.jp/dp/479813712X?tag=amazon0abac-22","content":"2014年8月29日発売\nhttp://www.apress.com/9781430263340 の翻訳本","tags":["backbone.js","translate","book"],"date":"2014-08-03T02:52:41.190Z","relatedLinks":[]},{"title":"Announcing Scala.js 0.5.3","url":"http://www.scala-js.org/news/2014/07/30/announcing-scalajs-0.5.3/","content":"Scala.js 0.5.3 リリース。\nパフォーマンスの改善","tags":["JavaScript","scala","ReleaseNote"],"date":"2014-08-03T15:06:38.183Z","relatedLinks":[]},{"title":"JavaScript and V8 TurboFan","url":"http://ariya.ofilabs.com/2014/08/javascript-and-v8-turbofan.html","content":"V8にlandedしたばかりの新しいOptimizing compilerであるTurboFanについての解説。\nCrankshaftの後任的なものでまだ開発が始まったばかり","tags":["JavaScript","V8"],"date":"2014-08-04T05:16:35.369Z","relatedLinks":[{"title":"[v8] r22709 committed - Land the Fan (disabled)... - Google グループ","url":"https://groups.google.com/forum/#!msg/v8-dev/ab8V5Z58_70/5-05DvysCt8J"}]},{"title":"facebook/immutable-js","url":"https://github.com/facebook/immutable-js","content":"immutableなVector、Map、Set等を提供してくれるライブラリ。\nそれぞれ同名のオブジェクトと同じメソッドを提供しくれるのと、遅延シーケンスに対応してる。\nES6で書かれてる","tags":["JavaScript","関数型プログラミング","library"],"date":"2014-08-04T05:26:38.290Z","relatedLinks":[]},{"title":"DOM Event Delegation without jQuery | Matt Andrews","url":"https://mattandre.ws/2014/08/small-beautiful-dom-delegation/","content":"依存がないシンプルなDOM delegateライブラリ。\nelementを取って、そこに対してイベントを設定出来る","tags":["DOM","JavaScript","library"],"date":"2014-08-04T05:56:10.405Z","relatedLinks":[{"title":"ftlabs/ftdomdelegate","url":"https://github.com/ftlabs/ftdomdelegate"}]},{"title":"Using ECMAScript 6 today","url":"http://www.2ality.com/2014/08/es6-today.html","content":"今日から使えるES6について。\nES6の機能のハイライトやライブラリやツール、Traceur等のTranspilerについて。\n","tags":["JavaScript","ECMAScript","Tools"],"date":"2014-08-04T12:02:09.109Z","relatedLinks":[]},{"title":"rakuten-nlp/rakutenma","url":"https://github.com/rakuten-nlp/rakutenma","content":"形態素解析器ライブラリ。\n日本語と中国語の分から単語単位に分割し、品詞を付与出来る","tags":["JavaScript","library"],"date":"2014-08-07T22:11:36.206Z","relatedLinks":[{"title":"Twitter / rakuten_tech: 楽天技術研究所は本日、JavaScript版・形態素解析器R ...","url":"https://twitter.com/rakuten_tech/status/496913434668064768"}]},{"title":"Best Practices for Building Angular.js Apps with BrowerifyModern Web","url":"http://medium.com/@dickeyxxx/best-practices-for-building-angular-js-apps-266c1a4a6917","content":"Angular.JSにはmodule機能があるため、BrowserifyやRequire.JSのようなビルドを使わなくてもconcatするだけでも問題ないという話。\nconcatでもsourcemapは対応できて、何よりシンプル。","tags":["Angular","browserify"],"date":"2014-08-08T06:52:59.206Z","relatedLinks":[]},{"title":"Why Web Components Are Ready For Production -Telerik Developer Network","url":"http://developer.telerik.com/featured/web-components-ready-production/","content":"Web componentsは複雑で現時点ではpolyfillは難しいが、Custom Elementに関してはシンプルなAPIであるためPolyfillが簡単で、現実に使うことができるという話","tags":["WebComponents"],"date":"2014-08-08T07:00:54.555Z","relatedLinks":[]},{"title":"The State of the Componentised Web - Blog - Events, News, and Videos for Web Designers and Developers","url":"http://www.futureinsights.com/home/the-state-of-the-componentised-web.html","content":"ウェブにおけるコンポーネントの流れについて。\nAngularやEmberなどがもつコンポーネントを作る機能の紹介とWeb componentsについて簡単にまとまってる","tags":["JavaScript","MVC","WebComponents"],"date":"2014-08-09T04:17:17.101Z","relatedLinks":[]},{"title":"WebStorm 9 EAP is Open! | JetBrains WebStorm Blog","url":"http://blog.jetbrains.com/webstorm/2014/08/webstorm-9-eap/","content":"WebStorm 9EAPリリース。\nLive Editの強化、JavaScriptのトレーシングを行うSpy-jsがNode.jsに対応、PhoneGap対応、`.if`などを末尾から補完出来る、Postfix templates の追加、EditorConfig、Web componentsの対応","tags":["WebStorm","ReleaseNote"],"date":"2014-08-09T06:15:19.527Z","relatedLinks":[]},{"title":"wu.js 2.0","url":"http://fitzgeraldnick.com/weblog/58/","content":"mapやreduceのような高階関数を提供するwu.js2.0リリース。\nES6に対応してGenrator関数なども受け取って処理することが出来るようになった。\n","tags":["ECMAScript","関数型プログラミング","JavaScript","library","ReleaseNote"],"date":"2014-08-09T06:31:34.212Z","relatedLinks":[{"title":"wu.js 2.0","url":"http://fitzgeraldnick.com/weblog/58/"}]},{"title":"Stay up-to-date with Internet Explorer - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2014/08/07/stay-up-to-date-with-internet-explorer.aspx","content":"2016年1月12日からWindows OSとIEのバージョンのサポートサイクルが変更される。\nOSごとの最新版のIEのみをサポート対象として、後方互換性はエンタープライズモードを使えという方針になった","tags":["IE","ReleaseNote"],"date":"2014-08-10T14:39:47.215Z","relatedLinks":[{"title":"Internet Explorer のサポートライフサイクルが変更されます | Hebikuzure's Tech Memo","url":"http://hebikuzure.wordpress.com/2014/08/08/lifecycle-change-on-internet-explorer/"}]},{"title":"tc39-notes/es6/2014-07 at master · rwaldron/tc39-notes","url":"https://github.com/rwaldron/tc39-notes/tree/master/es6/2014-07","content":"2014年7月度のECMAScriptの仕様策定に関するTC39 Meeting Notesが公開された。\ntest262の大幅な改善、SIMD-128、指数演算子についてなど","tags":["ECMAScript","資料"],"date":"2014-08-10T15:17:23.197Z","relatedLinks":[{"title":"bterlson/test262-harness","url":"https://github.com/bterlson/test262-harness"},{"title":"simd-128-tc39.pdf","url":"http://esdiscuss.org/notes/2014-07/simd-128-tc39.pdf"},{"title":"Exponentiation Operator: **","url":"https://gist.github.com/rwaldron/ebe0f4d2d267370be882"}]},{"title":"github/time-elements","url":"https://github.com/github/time-elements","content":"GitHubで使われている`<time>`のCustom Elementsライブラリ","tags":["github","WebComponents"],"date":"2014-08-11T05:25:10.761Z","relatedLinks":[]},{"title":"Wisembly/basil.js","url":"https://github.com/Wisembly/basil.js","content":"localstorage, cookie ,session storage , in memoryにおいて統一的なAPIで扱えるメソッドを提供してくれるライブラリ。","tags":["JavaScript","library"],"date":"2014-08-11T08:17:38.807Z","relatedLinks":[]},{"title":"Using PDF.js web worker cross domain (CORS) | ColonelPanic","url":"http://colonelpanic.net/2014/08/using-pdf-js-web-worker-cross-domain-cors/","content":"WebWorker内でXHRをして取得したリソースを、`URL.createObjectURL`でblob URLにして、blob URLを受け取って使うという話","tags":["JavaScript","webworker"],"date":"2014-08-11T09:08:42.229Z","relatedLinks":[]},{"title":"Speeding up AngularJS apps with simple optimizations - Tutorial - Binpress","url":"http://www.binpress.com/tutorial/speeding-up-angular-js-with-simple-optimizations/135","content":"AngularJSパフォーマンス改善Tips.\n`{{ ::title }}` 一度きりのバインディング、$scope.$apply() と $scope.$digest()の違い、ng-repeat、ディレクティブ内でのDOM操作について","tags":["Angular","performance"],"date":"2014-08-11T09:11:38.766Z","relatedLinks":[]},{"title":"trek/pretender","url":"https://github.com/trek/pretender","content":"HTTPモックライブラリ。\nXHRをFakeXHRにすり替えておき、リクエストに対するレスポンスの定義して、任意のリソースへのリクエストをテストするモックライブラリ。\n","tags":["JavaScript","library","HTTP","testing"],"date":"2014-08-11T12:16:48.585Z","relatedLinks":[{"title":"trek/FakeXMLHttpRequest","url":"https://github.com/trek/FakeXMLHttpRequest"}]},{"title":"Server Sent Events(SSE)の使いどころと使い方 | GREE Engineers' Blog","url":"http://labs.gree.jp/blog/2014/08/11070/","content":"Server Sent Eventsについての解説。\nCometと違い標準仕様が定義されている点や、WebSocketと違いHTTPを使うため通信的な互換性が高いあり、Polyfillが作れる事や現状の問題点について書かれている","tags":["JavaScript","W3C","XHR","WebSocket"],"date":"2014-08-11T12:33:51.151Z","relatedLinks":[{"title":"Server Side Events","url":"http://www.slideshare.net/thepilif/server-side-events"},{"title":"リアルタイムWebの栄光を願い!! これから死に行くせめてものこの間に!! SSEの戦術的価値を説きます!!","url":"http://0-9.sakura.ne.jp/pub/HTML5han/start.html"}]},{"title":"古めかしいCGを描くためのライブラリ gretro です - 音の鳴るブログ","url":"http://mohayonao.hatenablog.com/entry/2014/08/12/111859","content":"Canvasで描くとどうしてもモダンな感じになってしまうという問題を解決するライブラリ。\n色やパターンを絞ってレトロな感じのCanvasを描画出来る","tags":["JavaScript","canvas","library"],"date":"2014-08-12T03:35:01.767Z","relatedLinks":[]},{"title":"Release v0.8.0: Release 0.8.0 (2014-08-12) · twada/power-assert","url":"https://github.com/twada/power-assert/releases/tag/v0.8.0","content":"power-assert 0.8.0リリース。\nespowerのオプションでアサーションの指定がescallmatchを使ったパターンを渡す方法に変更。デフォルト設定を使っている場合はそのまま維持される。","tags":["JavaScript","testing","library","ReleaseNote"],"date":"2014-08-13T05:48:10.620Z","relatedLinks":[{"title":"twada/escallmatch","url":"https://github.com/twada/escallmatch"}]},{"title":"arian/partition-bundle","url":"https://github.com/arian/partition-bundle","content":"Browserify内にAMD的な動的ロードを持ち込むplugin。\n動的に読み込みたいjsファイルを定義した設定ファイルを作り、動的に読み込むようにrequireではなく`loadjs`関数を使って読み込む。","tags":["browserify","plugin","library"],"date":"2014-08-14T00:43:49.830Z","relatedLinks":[]},{"title":"Rome","url":"http://bevacqua.github.io/rome/","content":"依存がないDate/Time Picker UIライブラリ。\n","tags":["JavaScript","UI","library"],"date":"2014-08-14T01:01:15.157Z","relatedLinks":[]},{"title":"Opinionated Rundown of JS Frameworks | Blog","url":"http://blog.andyet.com/2014/08/13/opinionated-rundown-of-js-frameworks","content":"HumanJSの人によるJavaScript MV*のまとめ\nAngular/Ember/React/Polymer/Backbone.js/Vanilla/Ampersand.js","tags":["JavaScript","MVC","まとめ"],"date":"2014-08-14T01:25:51.629Z","relatedLinks":[{"title":"シングルページアプリづくりのJavaScriptフレームワーク比較 - ワザノバ | wazanova","url":"http://wazanova.jp/items/1474"}]},{"title":"jQuery UI 1.11.1 | jQuery UI Blog","url":"http://blog.jqueryui.com/2014/08/jquery-ui-1-11-1/","content":"jQuery UI 1.11.1リリース","tags":["jQuery","UI","ReleaseNote"],"date":"2014-08-14T01:36:44.833Z","relatedLinks":[]},{"title":"gwendall/way.js","url":"https://github.com/gwendall/way.js","content":"HTML formで入力した内容をStorageに保存したり、JSONにしたり、監視や値のやり取りが出来るライブラリ。\nフォームに属性をしておくだけで、フォーム内容の保存的な事が出来る","tags":["DOM","JavaScript","library"],"date":"2014-08-15T01:08:39.588Z","relatedLinks":[]},{"title":"Announcing new F12 dev tools features in August update - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2014/08/14/announcing-new-f12-dev-tools-features-in-august-update.aspx","content":"IE11のF12開発者ツールの変更点について。\nカラーピッカー、sourcemapの選択機能、他のの強化、Asyncコールスタック、パフォーマンス、メモリパネルでセッションをImport/exportが可能になる等","tags":["IE","debug"],"date":"2014-08-16T09:23:44.623Z","relatedLinks":[]},{"title":"ESNext for humans - LvivJS 16 August 2014","url":"http://www.slideshare.net/janjongboom/esnext-for-humans-lvivjs-16-august-2014","content":"ES6についてのスライド。\n新しい構文についての紹介がメインでGeneratorについて詳しく説明してる","tags":["ECMAScript","JavaScript","slide"],"date":"2014-08-16T10:49:34.195Z","relatedLinks":[]},{"title":"Compass 1.0 is Released! | Compass Documentation","url":"http://compass-style.org/blog/2014/08/15/omg-compass-1-0/","content":"Compass 1.0リリース。\nベンダーprefixはcaniuseを利用、コマンドラインツールなしにライブラリとして利用可能に、sourcemapサポート、import-onceでのパフォーマンス改善等","tags":["Sass","library","ReleaseNote"],"date":"2014-08-16T14:07:08.245Z","relatedLinks":[]},{"title":"thlorenz/browserify-devdupe · GitHub","url":"https://github.com/thlorenz/browserify-devdupe","content":"browserify bundleを作るときにnpm dedupeみたいな事をするモジュール","tags":["browserify","npm","library"],"date":"2014-08-18T03:10:16.816Z","relatedLinks":[]},{"title":"長期かつ修正頻度の高いPJでのCSSメンテ - ワザノバ | wazanova","url":"http://wazanova.jp/items/1484","content":"大規模プロジェクトでのCSSのメンテナンスビリティについて。\nDRYより修正する時に迷わず消せるような疎結合なコンポーネントであるとよい、プロジェクにおける命名ルールを持つことはいいこと、ファイルの管理、ライブラリmixinについて等","tags":["CSS","設計","translate"],"date":"2014-08-18T05:44:12.216Z","relatedLinks":[{"title":"Enduring CSS: writing style sheets for rapidly changing, long-lived projects - Author and responsive web developer Ben Frain","url":"http://benfrain.com/enduring-css-writing-style-sheets-rapidly-changing-long-lived-projects/"}]},{"title":"Web Reflection: PointerEvents No More","url":"http://webreflection.blogspot.com/2014/08/pointerevents-no-more.html","content":"BlinkはPointerEventsを実装しないことにした。\n- touch eventsが既にある\n- hit-testモデルがパフォーマンス的に不利\n- 複雑すぎる\n","tags":["Chrome","event"],"date":"2014-08-18T06:03:06.596Z","relatedLinks":[{"title":"Issue 162757 - chromium - Implement pointer events in Chrome behind experimental flag - An open-source project to help move the web forward. - Google Project Hosting","url":"https://code.google.com/p/chromium/issues/detail?id=162757#c64"},{"title":"PSA: PointerEvents and PointerGestures are being replaced by polymer-gestures, breaking changes for pointer* events - Google グループ","url":"https://groups.google.com/forum/#!topic/polymer-dev/ba4aDyOozm8"}]},{"title":"JavaScript Test-Driven Development with Jasmine 2.0 and Karma","url":"http://www.slideshare.net/cebartling/javascript-38057372","content":"Jasmine2.0とKarmaについてのスライド。\njasmine spyについて紹介されてる","tags":["JavaScript","testing","library","slide"],"date":"2014-08-18T08:16:52.254Z","relatedLinks":[]},{"title":"Knockout 3.2.0 released - Steve Sanderson’s blog - As seen on YouTube™","url":"http://blog.stevensanderson.com/2014/08/18/knockout-3-2-0-released/","content":"Knockout 3.2.0リリース。\nComponents、Custom Elements、textInputのバインディングなどの追加。\nIE6のサポートは維持","tags":["JavaScript","MVC","library","ReleaseNote"],"date":"2014-08-19T00:32:06.683Z","relatedLinks":[]},{"title":"Release JSHint 2.5.4 · jshint/jshint","url":"https://github.com/jshint/jshint/releases/tag/2.5.4","content":"JSHint 2.5.4リリース。\n","tags":["JavaScript","Tools","ReleaseNote"],"date":"2014-08-19T05:29:23.114Z","relatedLinks":[]},{"title":"Sass 3.4 is Released « Sass Blog","url":"http://blog.sass-lang.com/posts/221239-sass-34-is-released","content":"Sass 3.4 リリース。\nparent selector `&`の扱いを改善、Selector Functionsで`&`を使えるように。`@error` ディレクティブの追加、sourcemapの生成がデフォルトに鳴るなど","tags":["Sass","ReleaseNote"],"date":"2014-08-19T05:33:09.899Z","relatedLinks":[{"title":"File: SASS_CHANGELOG — Sass Documentation","url":"http://sass-lang.com/documentation/file.SASS_CHANGELOG.html"},{"title":"@error directive · Issue #747 · sass/sass","url":"https://github.com/sass/sass/issues/747"}]},{"title":"mizchi/bower-build","url":"https://github.com/mizchi/bower-build","content":"bowerの`main`で指定されているファイルをconcatしたものを生成するツール","tags":["JavaScript","Tools"],"date":"2014-08-19T11:54:52.828Z","relatedLinks":[{"title":"bower-buildでbowerで入れたファイルを一つにconcatする - Qiita","url":"http://qiita.com/mizchi/items/67fcaf92ef3e8e5ac393"}]},{"title":"August updates for Internet Explorer - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2014/08/13/august-updates-for-internet-explorer.aspx","content":"2014年8月のIE11のアップデートについて。\nF12開発者ツールの改善、WebGLの改善、WebDriverのサポート","tags":["IE","ReleaseNote"],"date":"2014-08-19T12:09:27.501Z","relatedLinks":[]},{"title":"browserify-loader 介绍 - 寸志 - SegmentFault","url":"http://blog.segmentfault.com/zhicun/1190000000640242","content":"https://github.com/island205/browserify-loader についての紹介記事。\nrequrejsのように`main`属性で読み込むものを指定して使うローダーライブラリ","tags":["browserify","AMD","CommonJS","library"],"date":"2014-08-20T00:58:32.298Z","relatedLinks":[]},{"title":"Node v0.10.31 (Stable)","url":"http://blog.nodejs.org/2014/08/19/node-v0-10-31-stable/","content":"Node v0.10.31 リリース。\n","tags":["node.js","ReleaseNote"],"date":"2014-08-21T02:37:39.205Z","relatedLinks":[]},{"title":"WebStorm+Spy-jsの使い方 - Qiita","url":"http://qiita.com/laco0416/items/985044f0019ebef6cb2c","content":"WebStormから使えるspy-jsの機能や使い方について","tags":["WebStorm","Tools"],"date":"2014-08-21T05:41:46.863Z","relatedLinks":[{"title":"WebStorm - Node.jsでもSpy-jsを使ってみる - Qiita","url":"http://qiita.com/laco0416/items/6a45b08da45385dda746"}]},{"title":"ストリーム表現とその変換 - ✘╹◡╹✘","url":"http://r7kamura.hatenablog.com/entry/2014/08/21/113654","content":"リアクティブプログラミングにおけるストリームの実装ライブラリと、ストリームについての解説。\nストリームの作成、ストリームを変換するmap、filter、scanについて","tags":["JavaScript","library"],"date":"2014-08-21T13:41:05.428Z","relatedLinks":[{"title":"【翻訳】あなたが求めていたリアクティブプログラミング入門 - ninjinkun's diary","url":"http://ninjinkun.hatenablog.com/entry/introrxja"}]},{"title":"joyent/node-vstream","url":"https://github.com/joyent/node-vstream","content":"node streamをラップして、データのダンプやチェック機能等を付けられるモジュール。","tags":["node.js","stream","library"],"date":"2014-08-21T13:58:53.687Z","relatedLinks":[]},{"title":"bevacqua/js","url":"https://github.com/bevacqua/js/","content":"\"JavaScript Quality Guide\"\nJavaScriptコーディングスタイルルール。\n","tags":["JavaScript"],"date":"2014-08-21T14:01:19.633Z","relatedLinks":[]},{"title":"ECMAScript 6 support in Mozilla - JavaScript | MDN","url":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/New_in_JavaScript/ECMAScript_6_support_in_Mozilla","content":"FirefoxのES6サポート状況についてまとまってるページ","tags":["firefox","ECMAScript","まとめ"],"date":"2014-08-21T14:08:45.632Z","relatedLinks":[]},{"title":"Duo","url":"http://duojs.org/","content":"Componentライクなパッケージ管理ツール。component.jsonでまとめられたコンポーネントからビルドしたjsやcssを生成出来る。またGo言語のようにrequireに直接GitHubのレポジトリを指定して使うことも出来る","tags":["JavaScript","Tools","GoLang","browserify"],"date":"2014-08-22T15:00:45.796Z","relatedLinks":[{"title":"the future of component? · Issue #594 · component/component","url":"https://github.com/component/component/issues/594"},{"title":"duo? · Issue #27 · normalize/discussions","url":"https://github.com/normalize/discussions/issues/27"}]},{"title":"Ment.io examples","url":"http://jeff-collins.github.io/ment.io/#/","content":"COntent EditableとかテキストエリアでGitHub的な@ mentionの補完が出来るライブラリ","tags":["JavaScript","library","Angular"],"date":"2014-08-23T02:36:10.514Z","relatedLinks":[]},{"title":"Release 3.0 “Liberté, Égalité, Fraternité” · postcss/autoprefixer","url":"https://github.com/postcss/autoprefixer/releases/tag/3.0.0","content":"Autoprefixer 3.0リリース。\n`autoprefixer()`のAPIの変更、coreは分離、CoffeeからES6で書き直し、リポジトリがpostcssに移動した","tags":["CSS","node.js","Tools"],"date":"2014-08-23T03:09:31.796Z","relatedLinks":[]},{"title":"normalize.io - an ES6 module, Web Component, and SPDY/HTTP2 Push frontend development worfklow","url":"https://normalize.github.io/","content":"ES6 moudle/HTML Import/CSS importで書いてimportしたものをビルド出来るパッケージ管理ツール。\nnpm、URL、components等に対応してて、パッケージをURLで指定するという原則を持ってる","tags":["node.js","CSS","JavaScript","Tools"],"date":"2014-08-23T08:03:46.770Z","relatedLinks":[]},{"title":"Sass 3.4 is Out!","url":"http://www.sitepoint.com/sass-3-4-is-out/","content":"Sass3.4の更新内容について。\nparent selector 、selector function、 `@error` ディレクティブなどについて","tags":["Sass"],"date":"2014-08-23T08:51:14.474Z","relatedLinks":[]},{"title":"styledown/styledown · GitHub","url":"https://github.com/styledown/styledown","content":"CSSスタイルガイド生成ツール。 コメントでmarkdownで書いてスタイルガイドを生成する","tags":["CSS","Markdown","document"],"date":"2014-08-24T04:38:47.333Z","relatedLinks":[]},{"title":"hail2u/node-csswring","url":"https://github.com/hail2u/node-csswring/","content":"CSSから余分な記述を取り除いたり、書き換える事で圧縮するツール。\nSourceMapに対応してる","tags":["CSS","Tools"],"date":"2014-08-24T12:28:34.680Z","relatedLinks":[{"title":"CSSWring v1.1.0 - Weblog - Hail2u.net","url":"http://hail2u.net/blog/webdesign/node-csswring-v1.1.0.html"}]},{"title":"soliton4/nodeMirror","url":"https://github.com/soliton4/nodeMirror","content":"node.js + CodeMirrorなブラウザで動くIDE的なツール。\nローカルサーバを立ち上げて、ブラウザで使う。hexエディタ、ターミナル、HTMLの表示などが出来る","tags":["node.js","editor","JavaScript","library"],"date":"2014-08-24T14:40:23.455Z","relatedLinks":[]},{"title":"5 Minutes of JavaScript - The latest news in the JavaScript community","url":"http://five-js.envylabs.com/episodes/42-episode-41-august-21st-2014","content":"週間JavaScriptなPodcast","tags":["podcast","JavaScript"],"date":"2014-08-24T15:34:52.966Z","relatedLinks":[]},{"title":"WebRTC で動く Chord DHT の実装 webrtc-chord を公開しました - tsujio’s blog","url":"http://ntsujio.hatenablog.com/entry/2014/07/03/221023","content":"WebRTCを使った分散ハッシュテーブル (DHT: Distributed Hash Table) の実装","tags":["JavaScript","WebRTC"],"date":"2014-08-25T09:12:55.201Z","relatedLinks":[{"title":"tsujio/webrtc-chord","url":"https://github.com/tsujio/webrtc-chord"}]},{"title":"Advanced objects in JavaScript","url":"http://bjorn.tipling.com/advanced-objects-in-javascript","content":"JSのオブジェクトについて幅広く解説されてる。\ngetter/setter、definePropertyとPropertyDescriptor、Object.create、valueOfとtoString、ES6のProxyとSymbolについて","tags":["JavaScript","ECMAScript","tutorial"],"date":"2014-08-25T12:26:31.641Z","relatedLinks":[{"title":"Web Reflection: What Books Didn't Tell You About ES5 Descriptors - Part 1","url":"http://webreflection.blogspot.jp/2014/03/what-books-wont-tell-you-about-es5.html"},{"title":"ES5, Property Descriptor解説 - 枕を欹てて聴く","url":"http://constellation.hatenablog.com/entry/20101205/1291564928"},{"title":"Revisiting JavaScript Objects | LakTEK (Lakshan Perera)","url":"http://www.laktek.com/2012/12/29/revisiting-javascript-objects/"}]},{"title":"slap-editor/slap","url":"https://github.com/slap-editor/slap","content":"node.js製のターミナル上で動くテキストエディタ。\nSublimeText的なファイルリストやマウスやキーバインドの対応などデフォルトでもそのまま使えるような感じで面白い","tags":["node.js","console","editor"],"date":"2014-08-25T12:58:21.126Z","relatedLinks":[]},{"title":"Run CasperJS scripts online - CasperBox","url":"https://www.casperbox.com/","content":"CaperJSのコードをオンラインで書いて実行、REST APIとAPIを使って実行出来るライブラリを提供してるサービス","tags":["JavaScript","testing","webservice","library"],"date":"2014-08-26T04:35:40.338Z","relatedLinks":[]},{"title":"Amazon: JavaScript逆引きレシピ jQuery対応","url":"http://www.amazon.co.jp/dp/4798135461?tag=amazon0abac-22","content":"2014年8月29日発売\n電子版も同時リリース","tags":["JavaScript","book"],"date":"2014-08-26T06:55:08.804Z","relatedLinks":[{"title":"JavaScript逆引きレシピ jQuery対応（9784798139470）：翔泳社の電子書籍","url":"http://www.shoeisha.co.jp/ebooks/detail/9784798139470"}]},{"title":"Announcing Sencha Touch 2.4 | Blog | Sencha","url":"http://www.sencha.com/blog/announcing-sencha-touch-2-4/","content":"Sencha Touch 2.4リリース。\nBlackBerry 10のサポート強化とtoast コンポーネントの追加","tags":["Sencha","ReleaseNote"],"date":"2014-08-26T08:50:12.578Z","relatedLinks":[]},{"title":"Cheerp homepage","url":"http://leaningtech.com/cheerp/","content":"C++からJavaScriptへコードへのコードコンパイラ。\nLLVMを使用、DOM等扱うC++のラッパライブラリ的なのを持っている","tags":["C++","JavaScript"],"date":"2014-08-26T09:32:32.765Z","relatedLinks":[]},{"title":"CoffeeScript","url":"http://coffeescript.org","content":"CoffeeScript 1.8.0リリース。\nsourcemapのファイル名が.js.mapに変更、CLIの改善、`require(\"coffee-script/repl\")`をrequire出来るように","tags":["CoffeeScript","ReleaseNote"],"date":"2014-08-27T01:17:08.611Z","relatedLinks":[]},{"title":"twistdigital/es6-promisify","url":"https://github.com/twistdigital/es6-promisify","content":"nodeスタイルのコールバックを受け取る関数のPromiseラッパーを作るモジュール。","tags":["node.js","JavaScript","library"],"date":"2014-08-27T05:12:34.108Z","relatedLinks":[]},{"title":"harmony:specification_drafts [ES Wiki]","url":"http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts#august_24_2014_draft_rev_27","content":"ECMAScript 6 Draft Rev 27リリース。\nArray/generator comprehensionsの削除、Array.prototype.sortの実装依存についての明文化等","tags":["ECMAScript","ReleaseNote"],"date":"2014-08-27T05:41:47.995Z","relatedLinks":[]},{"title":"Manning: Firefox OS in Action","url":"http://www.manning.com/jongboom/","content":"2015年春発売\nFirefox OS本","tags":["firefox","OS","book"],"date":"2014-08-27T07:45:42.884Z","relatedLinks":[]},{"title":"The Meteor blog","url":"https://www.meteor.com/blog/2014/08/26/meteor-090-new-packaging-system","content":"Meteor 0.9.0リリース","tags":["JavaScript","ReleaseNote"],"date":"2014-08-27T13:07:29.231Z","relatedLinks":[]},{"title":"O'Reilly Japan - モダンWeb","url":"http://www.oreilly.co.jp/books/9784873116921/","content":"2014年09月10日 発売\n","tags":["web","book"],"date":"2014-08-27T15:11:01.785Z","relatedLinks":[]},{"title":"Underscore.js","url":"http://underscorejs.org/","content":"Underscore 1.7.0 リリース。\nArrayのネイティブ関数では無く独自の実装を使うように変更し高速化、`_.iteratee`がカスタマイズ可能に`_.before`のメソッド追加、`_.extend`の挙動がES6 `Object.assign`にあわせた形へ変更するなど。\n\"Sparse\" arrays、extend、union、template等破壊的な変更も多く含まれている。","tags":["JavaScript","library","ReleaseNote"],"date":"2014-08-27T15:35:38.774Z","relatedLinks":[{"title":"Release Underscore 1.7.0 by akre54 · Pull Request #1799 · jashkenas/underscore","url":"https://github.com/jashkenas/underscore/pull/1799#issuecomment-53577944"}]},{"title":"The Pragmatic Bookshelf | Dart 1 for Everyone","url":"https://www.pragprog.com/book/csdart1/dart-1-for-everyone","content":"2014年10月10日発売\nGoogle Dartについての書籍","tags":["dart","book"],"date":"2014-08-28T01:08:18.973Z","relatedLinks":[]},{"title":"Dart News & Updates: Dart 1.6 adds support for deferred loading","url":"http://news.dartlang.org/2014/08/dart-16-adds-support-for-deferred.html","content":"Dart 1.6リリース。\nloadLibraryというDeferred loadingを提供するlibraryが入った。","tags":["dart","ReleaseNote"],"date":"2014-08-28T01:11:44.617Z","relatedLinks":[{"title":"Deferred Loading in Dart | Dart: Structured web apps","url":"https://www.dartlang.org/docs/spec/deferred-loading.html"}]},{"title":"Virtual DOMを持つMV*ライブラリのmercuryについて | Web Scratch","url":"http://efcl.info/2014/08/28/mercury/","content":"mercuryのModel(State)、View(Virtual DOM)、Controller(Event)について。\nモジュールを組み合わせた構造と関数型プログラミング的なアプローチがベースのライブラリ","tags":["JavaScript","DOM","library","MVC"],"date":"2014-08-28T07:09:54.383Z","relatedLinks":[]},{"title":"Gravit – unlock your design potential.","url":"http://gravit.io/","content":"Illustratorライクなデザインツール。\nドローやレイヤー等の機能を持ってる\nブラウザで動かすこともできるオープンソースなアプリ。\nhttps://github.com/quasado/gravit","tags":["JavaScript","illust","software"],"date":"2014-08-29T02:03:11.773Z","relatedLinks":[]},{"title":"大規模開発でも小規模開発でも使える TypeScript実践入門：書籍案内｜技術評論社","url":"http://gihyo.jp/book/2014/978-4-7741-6711-4","content":"2014年9月12日発売\nTypeScriptについての書籍","tags":["TypeScript","book","windows"],"date":"2014-08-29T12:29:46.529Z","relatedLinks":[]},{"title":"MooTools - 1.5.1 is out!","url":"http://mootools.net/blog/2014/08/29/mootools-1-5-1-release/","content":"MooTools 1.5.1リリース・\nパッケージ周りの改善","tags":["JavaScript","ReleaseNote"],"date":"2014-08-29T14:49:28.450Z","relatedLinks":[]},{"title":"aster","url":"http://rreverser.com/aster-ast-based-code-builder/","content":"JavaScript ASTを処理するビルドツール。\nGruntやGulp等はtaskごとにパースと生成を繰り返すため非効率な部分がある。\nasterはASTに対して変換の処理をパイプラインで行うため無駄な処理が減る。","tags":["JavaScript","Tools","AST","library"],"date":"2014-08-30T08:31:08.768Z","relatedLinks":[{"title":"asterjs/aster","url":"https://github.com/asterjs/aster"}]},{"title":"Release 1.6.0 · jscs-dev/node-jscs","url":"https://github.com/jscs-dev/node-jscs/releases/tag/v1.6.0","content":"コードスタイルチェックツールのjscs 1.6.0リリース。\nGoogleプリセットの改善やバグシュウセイ等\n","tags":["JavaScript","Tools","ReleaseNote"],"date":"2014-08-30T08:46:46.343Z","relatedLinks":[]},{"title":"Ember.js - Ember 1.7.0 and 1.8 Beta Released","url":"http://emberjs.com/blog/2014/08/23/ember-1-7-0-released.html","content":"Ember 1.7.0 と 1.8 Betaリリース","tags":["JavaScript","library","ReleaseNote"],"date":"2014-08-30T08:53:24.121Z","relatedLinks":[]},{"title":"Chromium Blog: Chrome 38 Beta: New primitives for the next-generation web","url":"http://blog.chromium.org/2014/08/chrome-38-beta-new-primitives-for-next.html","content":"Chrome 38βリリース。\npicture要素、Map/Set、for...of、Symbol、Math周りの追加。\nNetInfo API、 Screen Orientation AP、Encoding APIでバイナリのstreamをデコード出来るように","tags":["Chrome","ReleaseNote"],"date":"2014-08-30T13:00:03.861Z","relatedLinks":[{"title":"Collecting and Iterating, the ES6 Way - HTML5Rocks Updates","url":"http://updates.html5rocks.com/2014/08/Collecting-and-Iterating-the-ES6-Way"},{"title":"Easier ArrayBuffer <-> String conversion with the Encoding API - HTML5Rocks Updates","url":"http://updates.html5rocks.com/2014/08/Easier-ArrayBuffer---String-conversion-with-the-Encoding-API"}]},{"title":"Important Announcement Regarding YUI | Yahoo Engineering","url":"http://yahooeng.tumblr.com/post/96098168666/important-announcement-regarding-yui","content":"YUIは新規開発終了するというアナウンス。","tags":["YUI","ReleaseNote"],"date":"2014-08-30T13:36:41.641Z","relatedLinks":[{"title":"Yahoo stopping all new development of YUI | Hacker News","url":"https://news.ycombinator.com/item?id=8243523"}]},{"title":"mathiasbynens/regexpu","url":"https://github.com/mathiasbynens/regexpu","content":"ES6の正規表現の`u`フラグをES5でも使えるように変換するtranspiler","tags":["JavaScript","正規表現","Tools"],"date":"2014-08-30T14:30:44.654Z","relatedLinks":[]},{"title":"Unicode-aware regular expressions in ES6 · Mathias Bynens","url":"https://mathiasbynens.be/notes/es6-unicode-regex","content":"ES6で導入された正規表現の`u`フラグについての解説とES5でも使えるようにするTransppilerについて。\n正規表現でユニコード文字を正しく扱うためのフラグ","tags":["ECMAScript","JavaScript","正規表現"],"date":"2014-08-30T14:33:18.617Z","relatedLinks":[]},{"title":"JavaScript Memory Management Masterclass // Speaker Deck","url":"https://speakerdeck.com/addyosmani/javascript-memory-management-masterclass","content":"JavaScriptでのメモリリークとそもそも何故起きるのかについてのスライド。 \nDOM leakやV8のメモリ管理の方法、世代別GC、DevToolsを使っての見つけ方、Performance Toolsの使い方についてなどかなり詳しく紹介されている。","tags":["V8","JavaScript","browser","debug","slide"],"date":"2014-08-31T12:05:01.809Z","relatedLinks":[{"title":"JavaScript Memory Management Masterclass のメモ | wIssue Note","url":"http://efcl.wordpress.com/2014/08/31/javascript-memory-management-masterclass-%e3%81%ae%e3%83%a1%e3%83%a2/"}]},{"title":"A Gentle Browserify Walkthrough - Pony Foo","url":"http://blog.ponyfoo.com/2014/08/25/a-gentle-browserify-walkthrough","content":"Browserifyについての丁寧なチュートリアル。\nCommonJSとは何か、browserifyの基本的な使い方、利点としてnpmのモジュールが使える点やCJS以外のモジュールをbrowserify-shimで扱う事について等","tags":["JavaScript","browserify","tutorial"],"date":"2014-08-31T12:32:45.692Z","relatedLinks":[{"title":"Browserify All The Things // Speaker Deck","url":"https://speakerdeck.com/bevacqua/browserify-all-the-things"},{"title":"substack/browserify-handbook","url":"https://github.com/substack/browserify-handbook"}]},{"title":"Chartist - Simple responsive charts","url":"http://gionkunz.github.io/chartist-js/","content":"SVGベースのレスポンシブなグラフライブラリ。\nmedia queriesを使って指定","tags":["JavaScript","SVG","グラフ","library"],"date":"2014-08-31T13:44:07.845Z","relatedLinks":[]},{"title":"Forward JS","url":"http://forwardjs.com/","content":"Forward JSの動画が公開されている","tags":["JavaScript","Conference","video"],"date":"2014-08-31T14:17:58.049Z","relatedLinks":[]},{"title":"Journey from browserify to webpack — Medium","url":"https://medium.com/@tomchentw/why-webpack-is-awesome-9691044b6b8e","content":"webpackを使ったビルドについて。 browserifyとの比較\nwebpackがデフォルトで webpack-dev-serverや差分コンパイル、bower統合、js以外を読み込めるloaderを持ってる点について書かれている","tags":["browserify","JavaScript","Tools"],"date":"2014-09-01T05:03:06.517Z","relatedLinks":[]},{"title":"Amazon: AngularJSリファレンス","url":"http://www.amazon.co.jp/dp/4844336681?tag=amazon0abac-22","content":"2014年9月5日発売\nAngularJSの脱初心者〜中級者向けの書籍\nhttp://zoetrope.hatenablog.jp/entry/2014/09/01/201056","tags":["Angular","book"],"date":"2014-09-02T15:09:50.022Z","relatedLinks":[]},{"title":"Dev.Opera — Opera 24 released","url":"https://dev.opera.com/blog/opera-24/","content":"Opera 24リリース。\nWindowsでのフォントレンダリングの改善、CSSの`all`プロパティのサポート、`navigator.hardwareConcurrency`でCPUコア数の取得、Cryptography APIのサポート等","tags":["Opera","ReleaseNote"],"date":"2014-09-02T15:17:33.376Z","relatedLinks":[]},{"title":"An Introduction to WebDriver Using the JavaScript Bindings - Tuts+ Code Tutorial","url":"http://code.tutsplus.com/tutorials/an-introduction-to-webdriver-using-the-javascript-bindings--cms-21855","content":"WebDriverJSのバインディングについて。","tags":["Selenium","webdriver","node.js"],"date":"2014-09-03T14:38:52.586Z","relatedLinks":[]},{"title":"Firefox — Notes (32.0) — Mozilla","url":"http://www.mozilla.org/en-US/firefox/32.0/releasenotes/","content":"Firefox 32リリース。\nposition:stickyがデフォルト有効に、imgのsrcset属性を試験サポート、`Array.from()`、Public Key Pinningの対応","tags":["firefox","ReleaseNote","セキュリティ"],"date":"2014-09-03T14:54:18.553Z","relatedLinks":[{"title":"Firefox 32 が正式リリース、position: sticky; や srcset 属性への対応、開発ツールの機能追加など | WWW WATCH","url":"http://hyper-text.org/archives/2014/09/firefox_32_release.shtml"},{"title":"Firefox 32 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/ja/docs/Mozilla/Firefox/Releases/32"}]},{"title":"O'Reilly Japan - 実践 Selenium WebDriver","url":"http://www.oreilly.co.jp/books/9784873116952/","content":"2014年09月18日 発売\nSeleniumについての書籍。\nブラウザやiOS/Androidのテストについて扱う","tags":["Selenium","book","ios","Android"],"date":"2014-09-04T06:43:56.752Z","relatedLinks":[]},{"title":"Socket.IO — Socket.IO 1.1.0","url":"http://socket.io/blog/socket-io-1-1-0/","content":"Socket.IO 1.1.0リリース。\nnamespaceの指定が`/`から始まるかどうかはどちらでも良くなった。バグ修正等","tags":["node.js","library","ReleaseNote"],"date":"2014-09-05T00:35:49.513Z","relatedLinks":[]},{"title":"多段SourceMapの対応方法とライブラリ | Web Scratch","url":"http://efcl.info/2014/09/03/multi-stage-sourcemap/","content":"多段SourceMapといわれてるものについての問題と、それをマッピングし直すことでその問題を解決するモジュールについて","tags":["sourcemap","JavaScript","library","node.js"],"date":"2014-09-05T10:56:13.543Z","relatedLinks":[]},{"title":"mathjs/HISTORY.md at v1.0.0 · josdejong/mathjs","url":"https://github.com/josdejong/mathjs/blob/v1.0.0/HISTORY.md","content":"既存のMathと互換性のある関数や数値演算、数式のパーサを持つライブラリであるmath.js 1.0.0リリース","tags":["JavaScript","library","ReleaseNote"],"date":"2014-09-05T12:03:46.714Z","relatedLinks":[]},{"title":"Brackets 0.43 Release – Brackets Blog","url":"http://blog.brackets.io/2014/09/04/brackets-0-43-release/","content":"Brackets 0.43リリース。\nSass/Lessのサポート、検索UIの改善、シンタックスの言語切替ができるように","tags":["editor","ReleaseNote"],"date":"2014-09-06T06:27:14.034Z","relatedLinks":[]},{"title":"btwael/locallydb","url":"https://github.com/btwael/locallydb","content":"node、node-webkitで使えるNoSQLなデータベースライブラリ。\nJSONファイルベース","tags":["JavaScript","library"],"date":"2014-09-07T06:41:03.966Z","relatedLinks":[]},{"title":"Release SCSS-Lint 0.28.0 · causes/scss-lint","url":"https://github.com/causes/scss-lint/releases/tag/v0.28.0","content":"SCSS-Lint 0.28.0リリース。\nSass 3.4に対応","tags":["Sass","ReleaseNote"],"date":"2014-09-07T07:19:30.196Z","relatedLinks":[]},{"title":"Release v0.9.0: Release 0.9.0 (2014-09-02) multi-stage sourcemaps · twada/power-assert","url":"https://github.com/twada/power-assert/releases/tag/v0.9.0","content":"power-assert 0.9.0リリース。\nAltJS等を使っている時に、元ファイルの正しいエラー行数を表示するために多段SourceMapに対応","tags":["JavaScript","library","testing","ReleaseNote"],"date":"2014-09-07T07:21:18.141Z","relatedLinks":[{"title":"多段SourceMapの対応方法とライブラリ | Web Scratch","url":"http://efcl.info/2014/09/03/multi-stage-sourcemap/"}]},{"title":"ESLint 0.8.0 released - ESLint","url":"http://eslint.org/blog/2014/09/eslint-0.8.0-released/","content":"ESLint 0.8.0リリース。\nプラグインの仕組みがstableになって、作り方、テスト方法、命名ルール等が公開された。\nignorefileの`/**`の変更、パフォーマンスの改善等","tags":["JavaScript","Tools","ReleaseNote"],"date":"2014-09-07T07:27:53.426Z","relatedLinks":[{"title":"Working with Plugins","url":"http://eslint.org/docs/developer-guide/working-with-plugins.html"}]},{"title":"RReverser/acorn-csp","url":"https://github.com/RReverser/acorn-csp","content":"acornのCSP対応版を生成するツール。\n`new Function`を使っているのを、\nAST変換を使ったインライン展開的な事をして対応してる","tags":["JavaScript","library","AST"],"date":"2014-09-07T07:40:21.910Z","relatedLinks":[{"title":"Acorn-cspのできた流れ - efcl’s blog","url":"http://efcl.hatenablog.com/entry/2014/09/07/022914"}]},{"title":"zendesk/cross-storage","url":"https://github.com/zendesk/cross-storage","content":"postMessageを使ったクロスドメインでデータを共有出来るlocalStorageラッパライブラリ。\nES6 Promisesを使ったPromiseベースのAPIになってる","tags":["JavaScript","Promises","library"],"date":"2014-09-07T08:00:17.213Z","relatedLinks":[{"title":"DailyJS: Cross-Storage: Share Local Data Across Domains","url":"http://dailyjs.com/2014/09/05/cross-storage/"}]},{"title":"A Fond Farewell to YUI | Blog | Sencha","url":"http://www.sencha.com/blog/a-fond-farewell-to-yui/","content":"Ext JS 1.0より前はYUIに依存してて、その後は3.0までアダプタ的なものを提供していた。\nまたエンタープライズウェブアプリの今後についてや、AngularJS等とExt JSがカバーしてる範囲の違いと用途への適正等の話","tags":["JavaScript","歴史","library"],"date":"2014-09-07T08:13:40.428Z","relatedLinks":[{"title":"YUI との別れを惜しむ | 株式会社ゼノフィ","url":"https://www.xenophy.com/sencha-blog/11463"},{"title":"Enterprise Web Development: From Desktop to Mobile","url":"http://enterprisewebbook.com/"}]},{"title":"Supersonic JavaScript // Speaker Deck","url":"https://speakerdeck.com/ariya/supersonic-javascript","content":"JavaScriptエンジンの最適化についてのスライド。\nコンストラクタ関数の最適化(Shape、Hidden class)を妨げない書き方、短絡評価、段階的なアプローチ、GCについてなど","tags":["JavaScript","performance","slide"],"date":"2014-09-07T08:36:08.408Z","relatedLinks":[{"title":"JavaScript Memory Management Masterclass // Speaker Deck","url":"https://speakerdeck.com/addyosmani/javascript-memory-management-masterclass"}]},{"title":"macbre/phantomas","url":"https://github.com/macbre/phantomas","content":"PhantomJSを使ったパフォーマンスメトリクス、モニタリングツール","tags":["JavaScript","browser","performance","Tools"],"date":"2014-09-07T10:21:49.646Z","relatedLinks":[]},{"title":"Making the web “just work” with any input: Mouse, Touch, and Pointer Events - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2014/09/05/making-the-web-just-work-with-any-input.aspx","content":"IE 11のアップデートでTouch Eventsがサポートが入り、Mouser/Touch/Pointerの3つのモデルが存在する。\nそれらのモデルの比較とfeature detectによる互換性のない実装がよくみられる事について等","tags":["IE","browser","mobile"],"date":"2014-09-07T15:09:41.981Z","relatedLinks":[{"title":"The Mobile Web should just work for everyone - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2014/07/31/the-mobile-web-should-just-work-for-everyone.aspx"},{"title":"IE11: 現在そして将来の Web に対応するタッチ ブラウジング - IEBlog 日本語 - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie_ja/archive/2013/08/06/ie11-touch-browsing-for-todays-web-and-beyond.aspx"},{"title":"Issue 162757 - chromium - Implement pointer events in Chrome behind experimental flag - An open-source project to help move the web forward. - Google Project Hosting","url":"https://code.google.com/p/chromium/issues/detail?id=162757#c64"}]},{"title":"TimBeyer/html-to-vdom","url":"https://github.com/TimBeyer/html-to-vdom","content":"HTML文字列をVirtual DOM(vTree)に変換するライブラリ。\n","tags":["JavaScript","DOM","library"],"date":"2014-09-08T00:45:35.568Z","relatedLinks":[]},{"title":"From AngularJS to React: the isomorphic way","url":"http://blog.risingstack.com/from-angularjs-to-react-the-isomorphic-way/","content":"SEO的な視点からAngularJSからReactにした話。\nAngularではkoa-prerenderでプリレンダリングをしていた。\nReactを使うことでクライアントもサーバも同じコード(Isomorphic JavaScript)を使ってViewができるようになった","tags":["JavaScript","Angular"],"date":"2014-09-08T10:42:55.860Z","relatedLinks":[]},{"title":"コーディングガイド by @mdo","url":"http://kia-king.com/code-guide/","content":"http://codeguide.co/ の訳\nHTMLやCSSやJavaScriptそれぞれを書く時のルールを統一感を持つためのガイドライン","tags":["HTML","CSS","JavaScript","translate"],"date":"2014-09-08T10:48:16.973Z","relatedLinks":[]},{"title":"pioneer.js - javascript integration testing","url":"http://pioneerjs.com/","content":"Cucumber的なDSLと、そのDSLに対応した処理をJavaScriptで書けるStep、どこをテストするのかのDOMをラップしたWIdgetsの3層構造のテストフレームワーク。\nWebDriverを使ってブラウザ自動テストが出来る","tags":["JavaScript","testing","Selenium","webdriver","library"],"date":"2014-09-08T12:25:18.674Z","relatedLinks":[{"title":"Pioneerのお試しステップ - efcl’s blog","url":"http://efcl.hatenablog.com/entry/2014/09/08/212101"}]},{"title":"ECMAScript 6 modules: the final syntax","url":"http://www.2ality.com/2014/09/es6-modules-final.html","content":"ES6 modulesの構文について。\n構文の仕様は固まり、CommonJSのような同期的な形とAMDのような非同期的な呼び出しどちらでも使える。\nES6 modulesの構文、使い方、default exportやSystem.importについて等まとまってる","tags":["JavaScript","ECMAScript"],"date":"2014-09-08T12:29:39.517Z","relatedLinks":[]},{"title":"GraftJS/jschan · GitHub","url":"https://github.com/GraftJS/jschan","content":"libchanのJavaScriptポート。\nネットワークを超えてChannel同士でやり取りをする。\nWebSocketsとSPDYをサポートしていて、msgpackを使う","tags":["JavaScript","library"],"date":"2014-09-10T00:50:34.223Z","relatedLinks":[]},{"title":"thlorenz/v8-perf","url":"https://github.com/thlorenz/v8-perf","content":"V8のパフォーマンスに関するレポートや資料のまとめ。\nData type、コンパイラ、最適化、GC、メモリ、CPUプロファイリング。\nまたfast objectであるかどうかの確認方法やプロファイルの取り方などについて","tags":["Chrome","V8","performance","まとめ"],"date":"2014-09-10T01:14:41.541Z","relatedLinks":[]},{"title":"JavaScript: Novice to Ninja - O'Reilly Media","url":"http://shop.oreilly.com/product/9780992461225.do","content":"2014年10月 発売\n基礎から学ぶJavaScript","tags":["JavaScript","book"],"date":"2014-09-10T07:55:20.233Z","relatedLinks":[]},{"title":"davidmarkclements/decofun","url":"https://github.com/davidmarkclements/decofun","content":"無名関数を自動的にそのコンテキストに応じた名前を付けるデバッグツール。\n","tags":["JavaScript","debug","Tools"],"date":"2014-09-11T04:56:31.740Z","relatedLinks":[]},{"title":"srcset と sizes","url":"http://terkel.github.io/srcset-sizes/","content":"srcset と sizes 属性の入門の翻訳\nhttp://ericportis.com/posts/2014/srcset-sizes/","tags":["HTML","画像","CSS","translate"],"date":"2014-09-11T05:04:29.476Z","relatedLinks":[{"title":"Srcset and sizes の日本語訳 · terkel.jp","url":"http://terkel.jp/archives/2014/09/srcset-sizes/"}]},{"title":"Polyfill service","url":"https://cdn.polyfill.io/v1/","content":"polyfillライブラリを配信してくれるCDNサービス。\nクエリでfeaturesやuaを指定してそれに対するpolyfillをまとめくれたものを配信してくれる","tags":["JavaScript","library"],"date":"2014-09-11T07:25:20.053Z","relatedLinks":[{"title":"Polyfills as a service | FT Labs","url":"http://labs.ft.com/2014/09/polyfills-as-a-service/"}]},{"title":"9 anti-patterns for node.js teams","url":"http://www.slideshare.net/jeharrell/9-antipatterns-for-nodejs-teams","content":"node.jsにおける9つのアンチパターンについてのスライド http://efcl.hatenablog.com/entry/2014/09/11/212846","tags":["JavaScript","node.js","slide"],"date":"2014-09-11T12:33:40.210Z","relatedLinks":[]},{"title":"Talk talks_12C5ADD371A9A5D4 - Ember Fest!","url":"https://emberfest.eu/talks/talks_12C5ADD371A9A5D4","content":"JavaScriptベースのビルドツールであるBroccoliについての動画\nhttps://github.com/broccolijs/broccoli\nBroccoliがどのようなプロセスでファイルを処理するかについて話されてる","tags":["JavaScript","Tools","video"],"date":"2014-09-11T12:55:12.132Z","relatedLinks":[]},{"title":"「for やめろ」またはイベントループと nextTick() - Block Rockin’ Codes","url":"http://jxck.hatenablog.com/entry/for-with-eventloop","content":"node.jsにおけるイベントループとブロッグについて。\nsetTimeout、process.nextTick、setImmediateの意味の違い。\nI/Oイベントとそれぞれの実行タイミングについて分かりやすく解説してる。","tags":["JavaScript","node.js"],"date":"2014-09-12T13:53:03.710Z","relatedLinks":[]},{"title":"Speed Hall of Fame - The Chromium Projects","url":"http://www.chromium.org/developers/speed-hall-of-fame","content":"ChromiumやV8のパフォーマンスの最適化/向上のIssue(内容)とその結果についてまとめられてるページ","tags":["V8","Chrome","まとめ"],"date":"2014-09-13T04:52:19.103Z","relatedLinks":[]},{"title":"OSCON - React Architecture // Speaker Deck","url":"https://speakerdeck.com/vjeux/oscon-react-architecture","content":"Reactの歴史とReactのDOM Diffについてのスライド\nhttps://www.youtube.com/watch?v=eCf5CquV_Bw\nDOMのバージョン管理に擬えて、Virtual DOMのdiffの仕組みについて解説されてる","tags":["JavaScript","DOM","slide"],"date":"2014-09-13T07:10:36.439Z","relatedLinks":[{"title":"JavaScript’s History and How it Led To ReactJS | The New Stack","url":"http://thenewstack.io/javascripts-history-and-how-it-led-to-reactjs/"}]},{"title":"V8の最適化とIRHydraでの可視化とベンチマークについてのメモ | Web Scratch","url":"http://efcl.info/2014/09/13/v8-optimization-memo/","content":"V8のHidden Class等のJavaScriptの最適化やhot codeについて。\nIRHydra2を使った最適化されてない事の可視化や参考リソースについて。","tags":["JavaScript","V8","performance","Tools","まとめ"],"date":"2014-09-13T15:36:30.779Z","relatedLinks":[]},{"title":"DartLanguageSpecification_Japanese.pdf","url":"http://www.cresc.co.jp/tech/java/Google_Dart/DartLanguageSpecification_Japanese.pdf","content":"Dartの仕様書日本語訳\nECMA-408版","tags":["dart","spec","translate"],"date":"2014-09-13T15:46:32.930Z","relatedLinks":[]},{"title":"V8 Installation and d8 shell usage","url":"https://gist.github.com/kevincennis/0cd2138c78a07412ef21","content":"d8コマンドをインストールして、最適化/非最適化、プロファイリング、GCのトレース、hidden class等のチェック方法などについてまとまってるチュートリアル","tags":["V8","console","Tools","tutorial"],"date":"2014-09-13T16:32:53.330Z","relatedLinks":[]},{"title":"Intern 2.1 released | Blog | SitePen","url":"http://www.sitepen.com/blog/2014/09/12/intern-2-1-released/","content":"Intern 2.1リリース。\nHTMLレポーター/JUnit XMLレポーターの追加。","tags":["JavaScript","testing","library","ReleaseNote"],"date":"2014-09-14T06:32:42.455Z","relatedLinks":[]},{"title":"Asynchronous JavaScript & Promises","url":"http://www.innoarchitech.com/asynchronous-javascript-promises/","content":"JavaScriptの非同期処理、Promiseについての動画とスライド。\nPromiseとはどういうものかについて","tags":["JavaScript","Promises","slide","video"],"date":"2014-09-14T07:48:31.251Z","relatedLinks":[{"title":"Asynchronous JavaScript & Promises by Alex Castrounis","url":"http://slides.com/alexcastrounis/async-js-promises#/"}]},{"title":"2014-09-09-performance-in-css-hikalab-yuya-saito.pdf • Droplr","url":"http://d.pr/f/sP4H","content":"CSSとパフォーマンスについてのスライド。CSSのスタイル変更がどのようなレンダリングツリーの変更/再描画を起こしてるか、それを計測する方法、回避する方法について詳しく書かれてる","tags":["CSS","browser","performance","slide"],"date":"2014-09-14T07:55:00.093Z","relatedLinks":[]},{"title":"thlorenz/proxyquireify","url":"https://github.com/thlorenz/proxyquireify","content":"`require`をラップして読み込んだモジュールのメソッドのstubを行えるbrowserify plugin。\n変換によってDIが行われるので元モジュールに特殊な仕組みが必要ない","tags":["browserify","plugin","testing","library"],"date":"2014-09-14T08:25:35.055Z","relatedLinks":[]},{"title":"ES6 right now","url":"http://johnkpaul.github.io/presentations/jqcon/2014/es6-now/#/","content":"ES6の動かせるサンプルと共に機能紹介と今スグ使う設定についてのスライド\ntraceur(+grunt/gulp/broccoli/browserify)やes6-shimの紹介","tags":["ECMAScript","JavaScript","slide"],"date":"2014-09-14T09:10:04.256Z","relatedLinks":[]},{"title":"Firefox Add-on Enables Web Development Across Browsers and Devices ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2014/09/firefox-tools-adapter/","content":"Firefoxの開発者ツールを使ってChromeやSafariで表示してるページをデバッグするアダプタのアドオン。\nremotedebug.org と似ているが、共有のプロトコルの提供ではなく、Firefoxのプロトコルをベースとしてる","tags":["firefox","debug","Chrome","addon"],"date":"2014-09-14T09:22:27.342Z","relatedLinks":[{"title":"Firefox Tools Adapter - Firefox Developer Tools | MDN","url":"https://developer.mozilla.org/en-US/docs/Tools/Firefox_Tools_Adapter"}]},{"title":"ブラウザ内で安全に文字列からDOMを組み立てるためのRickDOMというライブラリを書いた - 葉っぱ日記","url":"http://d.hatena.ne.jp/hasegawayosuke/20140912/p1","content":"DOMParserやcreateHTMLDocumentを使って文字列から安全にDOMを組み立てるライブラリ","tags":["JavaScript","DOM","library"],"date":"2014-09-14T09:26:27.799Z","relatedLinks":[{"title":"hasegawayosuke/rickdom","url":"https://github.com/hasegawayosuke/rickdom"}]},{"title":"Building high quality services at Uber","url":"http://raynos.github.io/nodeconfeu2014-talk/#/","content":"Uber社のnode.jsを使ったプロダクションを運用するにあたってのスライド。\nログ、モニター、設定の管理、例外のログ、プロファイル、初期設定のscaffolding等のツールについて。","tags":["JavaScript","node.js","slide"],"date":"2014-09-14T09:30:21.416Z","relatedLinks":[]},{"title":"Intro to Broccoli","url":"http://aexmachina.info/assets/talks/intro-to-broccoli/#1","content":"ビルドツールであるBroccoliについてのスライド。 Railsで言えばBroccoliはasset pipelineで、GruntやGulpはrakeに当たるツール。\nビルドに焦点をおいているという特徴がある","tags":["JavaScript","Tools","slide"],"date":"2014-09-14T10:14:22.163Z","relatedLinks":[]},{"title":"uupaa/WMCache.js","url":"https://github.com/uupaa/WMCache.js","content":"FileSystem, IndexedDB, Quota Management APIを使って100MB超えのテンポラリなストレージを管理するライブラリ","tags":["JavaScript","library","Chrome","safari"],"date":"2014-09-14T10:42:51.649Z","relatedLinks":[{"title":"WMCache · uupaa/WMCache.js Wiki","url":"https://github.com/uupaa/WMCache.js/wiki/WMCache"}]},{"title":"Release 3.1 “Satyameva Jayate” · postcss/autoprefixer","url":"https://github.com/postcss/autoprefixer/releases/tag/3.1.0","content":"autoprefixer 3.1リリース\n","tags":["CSS","Tools","ReleaseNote"],"date":"2014-09-15T08:23:45.656Z","relatedLinks":[]},{"title":"hello.js - Javascript API for OAuth2 authentication and REST services","url":"http://adodson.com/hello.js/","content":"OAuth 2対応のアプリの認証やAPIを叩く機能を持ったライブラリ。\nhttps://auth-server.herokuapp.com/ という認証のサーバを使っていて、クライアントサイトを書くだけでGitHubやFacebook等のAPIを利用できる","tags":["JavaScript","OAuth","library"],"date":"2014-09-15T11:57:34.119Z","relatedLinks":[]},{"title":"BlackDice/lill","url":"https://github.com/BlackDice/lill","content":"es6-symbolを使った linked-listの実装ライブラリ","tags":["JavaScript","library","node.js"],"date":"2014-09-15T12:02:35.343Z","relatedLinks":[]},{"title":"Integrating D3.js visualizations in a React app - Nicolas Hery","url":"http://nicolashery.com/integrating-d3js-visualizations-in-a-react-app/","content":"D3.jsのデータ・ドリブンのデータ更新とReactのVirtual DOMを組み合わせた話","tags":["d3.js","DOM"],"date":"2014-09-15T12:11:50.844Z","relatedLinks":[{"title":"D3.js の Data-Driven な DOM 操作がおもしろい - てっく煮ブログ","url":"http://tech.nitoyon.com/ja/blog/2013/10/24/d3js/"}]},{"title":"BSidesLA Managing Content Security Policy // Speaker Deck","url":"https://speakerdeck.com/oreoshake/bsidesla-managing-content-security-policy","content":"CSPについてのスライド。\nCSPとは何か、どうやって適応するか、どうやって管理するか。\nCSP Lv2のhashについてやCSPレポート解析と http://caspr.io/ ついて","tags":["セキュリティ","CSP","browser","slide"],"date":"2014-09-15T12:19:44.105Z","relatedLinks":[{"title":"Caspr","url":"http://caspr.io/#/"}]},{"title":"JavaScript Promiseを使うウェブの仕様を調べてみた | Web Scratch","url":"http://efcl.info/2014/09/16/promises-spec-ref-list/","content":"Promisesの仕様を前提にしてる仕様の一覧。また、仕様をどうやって調べるかについて。W3CやWHATWGの仕様をまとめてダウンロードして検索する方法について書かれてる","tags":["JavaScript","Promises","spec","search"],"date":"2014-09-16T11:24:58.866Z","relatedLinks":[]},{"title":"CORS для тестирования и для жизни. Константин Якушев. MoscowJS 14","url":"http://www.slideshare.net/moscowjs/cors-moscowjs-14","content":"CORSのHTTPヘッダの設定と動作について分かりやすくまとめられてる。 \n指定する値の書き方についてが分かりやすい\nCORS in Actionの人。\n","tags":["XHR","slide"],"date":"2014-09-17T00:45:39.413Z","relatedLinks":[]},{"title":"Node v0.10.32 (Stable)","url":"http://blog.nodejs.org/2014/09/16/node-v0-10-32-stable/","content":"Node v0.10.32 リリース。\n","tags":["node.js","ReleaseNote"],"date":"2014-09-17T00:47:38.303Z","relatedLinks":[]},{"title":"CSSセレクターマッチングのコスト - Unreviewed","url":"http://takenspc.hatenablog.com/entry/2014/09/16/152157","content":"CSSセレクタは要素とセレクタの数だけ判定を行う回数が増えるため、そのコストを減らすアプローチについて。\nまた、CSSセレクタのマッチ判定の手順について結合子別に詳しく解説してる。\n","tags":["CSS","webkit"],"date":"2014-09-17T04:58:00.409Z","relatedLinks":[{"title":"WebKit CSS JIT Internals - Constellation Scorpius","url":"http://constellation.github.io/blog/2014/07/14/webkit-css-jit-internals/"}]},{"title":"Node.jsエンジニアなら2014年内に知っておきたいPromise入門 | Tokyo Otaku Mode Tech Blog","url":"http://blog.otakumode.com/2014/09/17/nodejs-promise/","content":"JavaScript Promiseの基本的な使い方、async.jsを使っていた場合にそれをPromiseに書き換える実装方法について。\nPromiseについてよくまとまってるチュートリアル","tags":["JavaScript","node.js","Promises","tutorial"],"date":"2014-09-17T06:25:09.580Z","relatedLinks":[]},{"title":"Componentization for Reality","url":"http://ja.slideshare.net/ygoto3q/componentization-for-reality","content":"コンポーネントベースで考えるウェブ開発についてスライド。\nディレクトリ単位だとバラけてしまうのでコンポーネント単位でまとめる。\nジェネレータ、webpack、insertCSS、Angular","tags":["JavaScript","slide"],"date":"2014-09-17T14:08:10.953Z","relatedLinks":[{"title":"俺の話を聞け、5分だけでもいい　ーJavaScriptだいすきな男たちとJavaScriptを学ぼう！【JSオジサン#3】 JSオジサン 先生 - 無料動画学習｜schoo（スクー）","url":"https://schoo.jp/class/1190"}]},{"title":"A Quick Introduction to BrowserSync - Tuts+ Web Design Tutorial","url":"http://webdesign.tutsplus.com/tutorials/a-quick-introduction-to-browsersync--cms-22135","content":"BrowserSyncについて紹介するスクリーンキャスト","tags":["browser","video","Tools"],"date":"2014-09-18T12:05:57.597Z","relatedLinks":[]},{"title":"WebIDE、ストレージインスペクタ、jQuery イベント、iframe 切り替えなど – Firefox 開発ツール エピソード 34 | Mozilla Developer Street (modest)","url":"https://dev.mozilla.jp/2014/09/webide-storage-inspector-jquery-events-iframe-switcher-more-firefox-developer-tools-episode-34/","content":"Firefox 34 で追加されてる開発ツールの機能について","tags":["firefox","debug","Tools"],"date":"2014-09-18T14:53:24.222Z","relatedLinks":[]},{"title":"Updates to our platform roadmap - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2014/09/18/updates-to-our-platform-roadmap.aspx","content":"IEの開発中、検討中の機能について","tags":["IE","ECMAScript","JavaScript"],"date":"2014-09-19T00:11:22.427Z","relatedLinks":[{"title":"Internet Explorer Web Platform Status and Roadmap - status.modern.IE","url":"http://status.modern.ie/"}]},{"title":"React v0.11.2 | React","url":"http://facebook.github.io/react/blog/2014/09/16/react-v0.11.2.html","content":"React v0.11.2リリース。\ndialogとpicture要素のサポート、flowの型チェックツール用のアノテーションを取り除くフラグをjsxコマンドに追加","tags":["facebook","JavaScript","DOM","library","ReleaseNote"],"date":"2014-09-19T00:40:22.083Z","relatedLinks":[]},{"title":"wingify/dom-comparator","url":"https://github.com/wingify/dom-comparator","content":"2つのDOM文字列を比較した結果を取得するライブラリ。\nCSSやNodeにどういう操作が行われたかの情報が取れる","tags":["JavaScript","DOM","testing","library"],"date":"2014-09-20T15:11:48.371Z","relatedLinks":[]},{"title":"Apple Shows Love for HTML5 with iOS 8 | Blog | Sencha","url":"http://www.sencha.com/blog/apple-shows-love-for-html5-with-ios-8","content":"iOS8のSafariでサポートされた新しい機能について。\nまた今までのWebViewと新しく追加されたWebKitの機能がちゃんと使えるWKWerbViewのパフォーマンスの比較。\n既知のバグについても書かれてる","tags":["ios","safari","まとめ","performance"],"date":"2014-09-21T03:32:14.697Z","relatedLinks":[{"title":"iOS 8 に Apple の HTML5 への愛を見た | 株式会社ゼノフィ","url":"https://www.xenophy.com/sencha-blog/11578"}]},{"title":"iOS 8 and iPhone 6 for web developers and designers: next evolution for Safari and native webapps | Breaking the Mobile Web","url":"http://www.mobilexweb.com/blog/safari-ios8-iphone6-web-developers-designers","content":"iPhone6とplusの仕様やviewportまわりの違い、iOS8 safariでサポートされたAPIやCSSサポート、minimal-uiの廃止、safariの追加機能、UIWebViewとWKWebVIewの違い、バグについて詳しくまとめられている","tags":["ios","safari","まとめ","JavaScript","CSS"],"date":"2014-09-21T03:34:52.175Z","relatedLinks":[{"title":"iOS8 presents serious issues that prevent file uploading | Blog","url":"http://blog.fineuploader.com/2014/09/10/ios8-presents-serious-issues-that-prevent-file-uploading/"}]},{"title":"ConradIrwin/async-profile","url":"https://github.com/ConradIrwin/async-profile","content":"node.jsで非同期処理のプロファイルを取るためのライブラリ。callback待ちにどれくらいの時間を使ってるかの表示、\n非同期処理の結果をネスト表示も出来る","tags":["JavaScript","performance","library","node.js"],"date":"2014-09-21T04:11:09.048Z","relatedLinks":[{"title":"A CPU Profiler for Node.js - Bugsnag","url":"https://bugsnag.com/blog/async-profile"}]},{"title":"Node.js Best Practices","url":"http://blog.risingstack.com/node-js-best-practices/","content":"Node.jsにおけるコーディングルール的なのとエラーについて。\ncallbackのerrorはチェックする事と早期return、Operational errorとProgrammer errorsの違いと対処、npmを使ったWorkflowについて書かれてる","tags":["node.js","開発環境"],"date":"2014-09-21T06:31:07.089Z","relatedLinks":[{"title":"Error Handling in Nodejs - Developer Center - Joyent","url":"http://www.joyent.com/developers/node/design/errors"}]},{"title":"deloreanjs/delorean","url":"https://github.com/deloreanjs/delorean","content":"Flux patternの実装ライブラリ\ndispatcherとstore、ComponentとしてReactやFlight、Ractiveなどと組み合わせて使うことができる","tags":["JavaScript","library"],"date":"2014-09-21T06:51:54.199Z","relatedLinks":[{"title":"Fluxxor - Home","url":"http://fluxxor.com/"}]},{"title":"fat/bean","url":"https://github.com/fat/bean","content":"JavaScriptのDOMイベントを簡単に扱える小さなライブラリ。\non/off/fire/one/cloneが用意されている。cloneではNodeと共にeventをコピーすることができる","tags":["JavaScript","library","event"],"date":"2014-09-21T06:59:58.344Z","relatedLinks":[]},{"title":"WinJS Everywhere","url":"http://blogs.windows.com/buildingapps/2014/09/17/winjs-everywhere/","content":"WinJS 3.0リリース。\nクロスプラットフォームのデザイン互換性周りの修正が中心","tags":["JavaScript","library","ReleaseNote"],"date":"2014-09-21T07:24:28.005Z","relatedLinks":[{"title":"WinJS3.0 がリリースされました。 - monoe's blog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/osamum/archive/2014/09/19/winjs3-0.aspx"}]},{"title":"matthew-andrews/denodeify","url":"https://github.com/matthew-andrews/denodeify/","content":"nodeスタイルで書かれた関数(error, response)をPromiseラッパにするライブラリ","tags":["JavaScript","Promises","library"],"date":"2014-09-21T07:41:37.599Z","relatedLinks":[]},{"title":"Slide decks of JSConf 2014","url":"https://gist.github.com/nikcorg/1fe60d2da6e22653806c","content":"JSConf.eu 2014のスライドまとめ\nhttp://2014.jsconf.eu/\nhttps://www.youtube.com/user/jsconfeu/","tags":["JavaScript","event","slide"],"date":"2014-09-21T11:36:29.140Z","relatedLinks":[]},{"title":"透過PNGをSVGを利用して軽くするテクニック - Weblog - Hail2u.net","url":"http://hail2u.net/blog/webdesign/with-svg.html","content":"JPG画像とマスクとなるPNG画像をsvgのmask要素を合わせる事で擬似アルファチャネルをやる事について。\n単体の透過pngよりサイズサイズが軽量に出来る話。\nhttp://blog.jackadam.net/2010/alpha-jpegs/","tags":["SVG","画像"],"date":"2014-09-21T11:54:06.061Z","relatedLinks":[]},{"title":"Syncing Async","url":"http://www.slideshare.net/fitc_slideshare/syncingasync","content":"非同期処理とPromiseについてのスライド。\nコールバックのネストの問題、PromiseやGeneratorで考える非同期で逐次的な処理について。","tags":["JavaScript","Promises","slide"],"date":"2014-09-21T12:41:00.350Z","relatedLinks":[]},{"title":"inikulin/dmn","url":"https://github.com/inikulin/dmn","content":"プロジェクトで使ってるファイルからら.npmignoreを生成するコマンドラインツール。\nまた、インストール済みのnode_modulesから不要なファイルを削除する事も出来る。\n","tags":["npm","node.js","console","Tools"],"date":"2014-09-23T03:26:31.282Z","relatedLinks":[]},{"title":"WebStorm 9 EAP, 138.2406: spy-js code completion, CSS3 enhancements, Scratch files and… JSX | JetBrains WebStorm Blog","url":"http://blog.jetbrains.com/webstorm/2014/09/webstorm-9-eap-138-2406/","content":"spy.jsを実行した結果を使ったコード補完が行えるように。また、今までは引数や返り値のみだったか、式にも対応した。\nemacsみたいなScratchファイルの機能を追加、indexingの範囲をデフォルトではnode_moduleまでに限定、JSX(React)のサポート改善等","tags":["WebStorm","ReleaseNote","node.js"],"date":"2014-09-23T04:22:36.466Z","relatedLinks":[]},{"title":"Polymer 0.4.1 Released!","url":"http://blog.polymer-project.org/releases/2014/09/18/release-0.4.1/","content":"Polymer 0.4.1リリース。\nWAI-ARIAについての`core-a11y-keys`要素を追加、\niOS8のバグに対するworkaroundを追加","tags":["JavaScript","WebComponents","library","ReleaseNote"],"date":"2014-09-23T06:09:44.962Z","relatedLinks":[]},{"title":"The npm Blog — npm@2.0.0","url":"http://blog.npmjs.org/post/98131109725/npm-2-0-0","content":"npm 2.0.0リリース。\nリリースプロセスのドキュメント、semverの挙動の変更、企業など社内モジュールの管理等に使えるscopeという機能を追加、npm runが引数を取れるようになるなど","tags":["npm","ReleaseNote"],"date":"2014-09-23T06:20:00.879Z","relatedLinks":[{"title":"Release Process · npm/npm Wiki","url":"https://github.com/npm/npm/wiki/Release-Process"},{"title":"npm-scope","url":"https://www.npmjs.org/doc/misc/npm-scope.html"}]},{"title":"Traceur, Gulp, Browserify and ES6 - Matt Greer","url":"http://www.mattgreer.org/articles/traceur-gulp-browserify-es6/","content":"Gulp+TraceurでES6のコードを使う方法と、Browserify + es6ifyでTraceurを使う方法について。","tags":["JavaScript","gulp","browserify"],"date":"2014-09-23T07:17:26.830Z","relatedLinks":[]},{"title":"async vs defer attributes - Growing with the Web","url":"http://www.growingwiththeweb.com/2014/02/async-vs-defer-attributes.html","content":"script要素のasync属性とdefer属性の動作の違いを図解にしたもの ","tags":["HTML","JavaScript"],"date":"2014-09-24T14:53:32.674Z","relatedLinks":[{"title":"サイトに適したリソース配置とasync/defer完全マスター – レンダリング優先のグッド・プラクティス | ゆっくりと…","url":"http://tokkono.cute.coocan.jp/blog/slow/index.php/xhtmlcss/resource-potitioning-best-practice/"}]},{"title":"Using ServiceWorker in Chrome today - JakeArchibald.com","url":"http://jakearchibald.com/2014/using-serviceworker-today/","content":"Chromeでフラグ付きで実装されたService Workerを動かす方法やオフラインキャッシュのデモ","tags":["Chrome"],"date":"2014-09-25T07:57:38.901Z","relatedLinks":[]},{"title":"Amazon.co.jp： JavaScriptエンジニア養成読本 [Webアプリ開発の定番構成Backbone.js+CoffeeScript+Gruntを1冊で習得! ] (Software Design plus): 吾郷 協, 山田 順久, 竹馬 光太郎, 和智 大二郎: 本","url":"http://www.amazon.co.jp/JavaScript%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E9%A4%8A%E6%88%90%E8%AA%AD%E6%9C%AC-Web%E3%82%A2%E3%83%97%E3%83%AA%E9%96%8B%E7%99%BA%E3%81%AE%E5%AE%9A%E7%95%AA%E6%A7%8B%E6%88%90Backbone-js-CoffeeScript-Grunt%E3%82%921%E5%86%8A%E3%81%A7%E7%BF%92%E5%BE%97-Software/dp/4774167975","content":"2014年10月18日 発売\nJavaScript開発のムック本","tags":["JavaScript","book"],"date":"2014-09-26T02:26:46.497Z","relatedLinks":[]},{"title":"Dev.Opera — Better @font-face with Font Load Events","url":"https://dev.opera.com/articles/better-font-face/","content":"CSS Font Loadingを使ってウェブフォントを読み込んでから適応して、FOUTを回避する事について","tags":["fonts","Promises","CSS"],"date":"2014-09-26T15:17:30.139Z","relatedLinks":[{"title":"CSS Font Loading Module Level 3を試してみた - console.blog(self);","url":"http://sadah.hatenablog.com/entry/2014/06/30/211944"}]},{"title":"Developing a React.js Edge - O'Reilly Media","url":"http://shop.oreilly.com/product/9781939902122.do","content":"React.jsについての書籍\nhttps://github.com/rtfeldman/bleeding-edge-sample-app","tags":["VirualDOM","JavaScript","library","book"],"date":"2014-09-27T11:41:45.958Z","relatedLinks":[]},{"title":"▶ Tale of npm, css and html - YouTube","url":"https://www.youtube.com/watch?v=27GYm6nRv6E","content":"browserifyとnpmを使った開発、またbrowserifyのcss版と言えるparcelifyについてのスクリーンキャスト\nhttps://github.com/rotundasoftware/parcelify","tags":["npm","browserify","CSS","video"],"date":"2014-09-27T12:22:30.480Z","relatedLinks":[]},{"title":"JavaScript - BrowserifyからWebpackへの移行時の注意点 - Qiita","url":"http://qiita.com/derui@github/items/5233b4ef8fbde1e80d33","content":"Browserifyから見たWebpackのメリットについて。 Browserifyはデフォルト(factor-bundleなどが必要)では1ビルドに1出力で、Webpackは複数のファイルを吐き出せる。\nまた、Webpackはデフォルトで賢いビルドをするため高速にビルド出来る。\n(BrowserifyはAdvanced Optionsなどで細かい指定やビルドの工夫が必要)\nどちらもビルド時間の多くがSourceMap出力が占めている傾向がある。","tags":["JavaScript","browserify"],"date":"2014-09-29T09:39:56.861Z","relatedLinks":[]},{"title":"Testing Flux Applications | React","url":"http://facebook.github.io/react/blog/2014/09/24/testing-flux-applications.html","content":"FluxアーキテクチャをJestでテストする話。\n","tags":["JavaScript","testing"],"date":"2014-09-29T13:48:41.233Z","relatedLinks":[{"title":"Flux | Application Architecture for Building User Interfaces","url":"http://facebook.github.io/flux/"},{"title":"Jest | Painless JavaScript Unit Testing","url":"http://facebook.github.io/jest/"}]},{"title":"ECMAScript 6 promises (1/2): foundations","url":"http://www.2ality.com/2014/09/es6-promises-foundations.html","content":"ES6 Promiseについての連載。\nJavaScriptにおける非同期処理に関連するコールスタック、イベントループ、コールバックについての解説がされている","tags":["JavaScript","Promises"],"date":"2014-09-29T13:52:21.154Z","relatedLinks":[]},{"title":"JavaScriptが実行できるリアルタイムオンラインエディタ作ってみました | 圧縮電子どうのこうの","url":"http://polygon-planet-log.blogspot.com/2014/09/javascript-online-synchronize-editor.html","content":"コラボレーション出来るjsfiddle的なウェブサービス。\n複数人で編集できカーソル位置の可視化、JavaScriptコンソールやHTMLのプレビューなどがある","tags":["JavaScript","editor","webservice"],"date":"2014-09-29T13:58:03.114Z","relatedLinks":[]},{"title":"The State of Grunt","url":"http://cowboy.github.io/state-of-grunt-fe-summit-2014-talk/#1","content":"Gruntの現状と未来についてのスライド。\nGrunt 0.4ではGulpやBroccoliのプラグインも使えるようにすることやstream/promiseベースのTaskのパイプラインのサポート。\nGrunt/Gulp/Broccoliの目的の違いについてまとめられてる","tags":["Grunt","slide"],"date":"2014-09-29T14:17:37.006Z","relatedLinks":[]},{"title":"Virtual DOMのアルゴリズムが知りたくてvirtual-domのコードを読んだ話 - snyk_s log","url":"http://saneyukis.hatenablog.com/entry/2014/09/03/134858","content":"VirtualDOMの構成要素やdiffのアルゴリズムについて","tags":["VirualDOM","アルゴリズム","JavaScript"],"date":"2014-09-29T15:03:21.054Z","relatedLinks":[]},{"title":"Preparing for ECMAScript 6: New String Methods","url":"http://www.sitepoint.com/preparing-ecmascript-6-new-string-methods/","content":"ES6で入るString周りのメソッドについての解説","tags":["ECMAScript","JavaScript"],"date":"2014-09-30T07:21:17.162Z","relatedLinks":[]},{"title":"“There Are More Bugs In Mobile Than... Particles In The Universe!” | Smashing Magazine","url":"http://www.smashingmagazine.com/2014/09/30/mobile-web-handbook-release/","content":"PPKによるモバイル周りのJSやCSSのバグや混乱する挙動などについてのガイドラインを提供する本。\nviewportや300msの遅延、ズームの動作、Touch Event、Androidなどのハマりどころについて書かれてる","tags":["ios","Android","mobile","web","JavaScript","CSS","book"],"date":"2014-09-30T12:44:19.044Z","relatedLinks":[]},{"title":"Get Started React.js // Speaker Deck","url":"https://speakerdeck.com/koba04/get-started-react-dot-js","content":"React.jsについて詳しく書かれたスライド。\nJSXの使い方、Viewの構成、ImmutableなPropと状態を表すState、Component同士のやり取りやライフサイクル、CSSやアニメーション、Fluxアーキテクチャ、サーバサイドレンダリングなど","tags":["JavaScript","VirualDOM","library","slide"],"date":"2014-09-30T12:54:38.928Z","relatedLinks":[{"title":"Fluxアーキテクチャの覚え書きを書いた - snyk_s log","url":"http://saneyukis.hatenablog.com/entry/2014/09/26/174750"}]},{"title":"mohayonao/neume.js · GitHub","url":"https://github.com/mohayonao/neume.js","content":"Web Audio APIを扱うライブラリ。\nパフォーマンスや試行錯誤がしやすいインタフェースを目的にしている\nhttp://mohayonao.hatenablog.com/entry/2014/09/29/123242","tags":["JavaScript","audio","library"],"date":"2014-09-30T13:14:59.878Z","relatedLinks":[]},{"title":"Dropbox - guiding-through-the-javascript-frameworks.pdf","url":"https://www.dropbox.com/s/hjl3cfs36b31jja/guiding-through-the-javascript-frameworks.pdf?dl=0","content":"JavaScriptのAngular、Ember、Backbone、React、Ampersand.jsなどのライブラリの特徴、またそれらを使って何を解決のかというガイドラインを示すスライド","tags":["JavaScript","MVC","library","slide"],"date":"2014-09-30T13:20:50.771Z","relatedLinks":[]},{"title":"Release 0.11.0-rc · yyx990803/vue","url":"https://github.com/yyx990803/vue/releases/tag/0.11.0-rc","content":"Vue.js 0.11.0-rcリリース。\nBreakingな変更も含め多数の変更が予定されてる","tags":["JavaScript","library","ReleaseNote"],"date":"2014-09-30T13:33:32.198Z","relatedLinks":[]},{"title":"yahoo/gifshot","url":"https://github.com/yahoo/gifshot","content":"複数枚の画像や動画からgifを作成する JavaScriptライブラリ","tags":["JavaScript","画像","library"],"date":"2014-10-01T05:28:59.106Z","relatedLinks":[]},{"title":"レスポンシブイメージのネイティブサポート - HTML5 Rocks","url":"http://www.html5rocks.com/ja/tutorials/responsive/picture-element/","content":"レスポンシブに画像を扱うpicture要素について。\nmedia queryでの分岐、srcset属性での解像度対応、読み込む画像の種類によるfailback","tags":["HTML","画像"],"date":"2014-10-01T05:57:44.173Z","relatedLinks":[]},{"title":"Release Stable API · mozilla/localForage","url":"https://github.com/mozilla/localForage/releases/tag/1.0.0","content":"IndexedDB, WebSQL, localStorageを同じインタフェースで使えるlocalForage 1.0.0リリース。\n","tags":["JavaScript","library","ReleaseNote"],"date":"2014-10-02T04:52:32.648Z","relatedLinks":[]},{"title":"Developing a Gulp.js Edge - O'Reilly Media","url":"http://shop.oreilly.com/product/9781939902146.do","content":"JavaScriptのStreamベースのビルドシステムであるGulpについての書籍","tags":["gulp","book"],"date":"2014-10-02T15:54:37.481Z","relatedLinks":[{"title":"gulp.js - the streaming build system","url":"http://gulpjs.com/"}]},{"title":"JavaScript Promises Essentials | Packt","url":"https://www.packtpub.com/application-development/javascript-promises-essentials","content":"JavaScript Promiseについての書籍。\nWinJSのPromiseについても扱ってる","tags":["JavaScript","book","電子書籍"],"date":"2014-10-02T15:56:51.189Z","relatedLinks":[]},{"title":"SweetAlert","url":"http://tristanedwards.me/sweetalert","content":"ダイアログUIライブラリ","tags":["JavaScript","UI","library"],"date":"2014-10-02T16:04:47.935Z","relatedLinks":[]},{"title":"shakiba/svgexport","url":"https://github.com/shakiba/svgexport","content":"PhantomJSを使ってSVGをPNG/JPEG/PDFなどに変換出来るコマンドラインツール。","tags":["node.js","SVG","画像","console","Tools"],"date":"2014-10-02T16:05:45.219Z","relatedLinks":[]},{"title":"Steady.js","url":"http://lafikl.github.io/steady.js/","content":"scrollイベントを扱うライブラリ。\nonscrollをthrottleしたり、topからの位置で反応するイベントをつけたりスクロール周りの処理を扱いやすくしてくれる","tags":["JavaScript","library"],"date":"2014-10-03T07:51:58.282Z","relatedLinks":[]},{"title":"TypeScript: coding JavaScript without the pain","url":"http://www.slideshare.net/SanderMak/typescript-coding-javascript-without-the-pain","content":"TypeScriptの特徴について紹介しているスライド","tags":["TypeScript","slide"],"date":"2014-10-04T01:57:03.241Z","relatedLinks":[{"title":"sandermak/typescript-presentation","url":"https://github.com/sandermak/typescript-presentation"}]},{"title":"TypeScript: coding JavaScript without the pain","url":"http://www.slideshare.net/SanderMak/typescript-coding-javascript-without-the-pain","content":"TypeScriptの特徴について紹介しているスライド","tags":["TypeScript","slide"],"date":"2014-10-04T01:57:07.393Z","relatedLinks":[{"title":"sandermak/typescript-presentation","url":"https://github.com/sandermak/typescript-presentation"}]},{"title":"node-browserify/changelog.markdown at 6.0.0 · substack/node-browserify","url":"https://github.com/substack/node-browserify/blob/6.0.0/changelog.markdown","content":"browserify 6.0.0リリース。\nSourceMapのファイルパスがベースURLからの相対パスとなるように","tags":["browserify","ReleaseNote","sourcemap"],"date":"2014-10-04T05:19:24.854Z","relatedLinks":[]},{"title":"Release 0.9.0 · marijnh/acorn","url":"https://github.com/marijnh/acorn/releases/tag/0.9.0","content":"JavaScriptパーサのacorn 0.9.0リリース。","tags":["JavaScript","AST","library","ReleaseNote"],"date":"2014-10-04T05:21:08.668Z","relatedLinks":[]},{"title":"HTML5Rocks の日本語記事まとめ - Google Developer Relations Japan Blog","url":"http://googledevjp.blogspot.com/2014/10/html5rocks.html","content":"HTML5Rockに現在公開されている翻訳記事のまとめ","tags":["translate","まとめ"],"date":"2014-10-04T05:22:02.954Z","relatedLinks":[]},{"title":"Amazon.co.jp: Webアプリ構築のためのAngularJS 電子書籍: 外村 和仁, CodeGrid: Kindleストア","url":"http://www.amazon.co.jp/Web%E3%82%A2%E3%83%97%E3%83%AA%E6%A7%8B%E7%AF%89%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AEAngularJS-%E5%A4%96%E6%9D%91-%E5%92%8C%E4%BB%81-ebook/dp/B00O4RMZ4O","content":"2014年10月6日 発売\nhttps://app.codegrid.net/ の攻略！AngularJSの連載を元にした書籍","tags":["Angular","book","kindle"],"date":"2014-10-04T15:25:09.047Z","relatedLinks":[]},{"title":"Node.js Security Tips","url":"http://blog.risingstack.com/node-js-security-tips/","content":"Node.jsとセキュリティについて\neval、strict mode、sudoしない、シェルを叩いてコマンドを実行しない、一時ファイル、XSS、HttpOnly、CSP等の扱いについて書かれている","tags":["node.js","セキュリティ"],"date":"2014-10-04T15:46:20.681Z","relatedLinks":[]},{"title":"Release v1.3.0 - UI Improvements · yeoman/yo","url":"https://github.com/yeoman/yo/releases/tag/v1.3.0","content":"yo v1.3.0リリース。\nUIの改善","tags":["JavaScript","console","Tools","ReleaseNote"],"date":"2014-10-04T16:39:50.367Z","relatedLinks":[]},{"title":"React - A JavaScript library for building user interfaces // Speaker Deck","url":"https://speakerdeck.com/helielson/react-a-javascript-library-for-building-user-interfaces","content":"React.js入門的なスライド。\nrender、state、componentのライフサイクル、テストについて","tags":["React","JavaScript","library","slide"],"date":"2014-10-04T17:02:13.329Z","relatedLinks":[]},{"title":"verb - A CAD Library for the Web","url":"http://verbnurbs.com/","content":"CADライブラリ","tags":["JavaScript","library"],"date":"2014-10-04T17:10:54.319Z","relatedLinks":[]},{"title":"viljamis/Molten-Leading","url":"https://github.com/viljamis/Molten-Leading","content":"jQueryで実装されてたMolten Leadingのpure JavaScript版。\nline-heightを要素の幅に併せて変更してくれるライブラリ","tags":["JavaScript","library"],"date":"2014-10-05T04:02:02.499Z","relatedLinks":[]},{"title":"npm 2.0.0でローカルモジュールを使ってrequire('../../../')を回避する | Web Scratch","url":"http://efcl.info/2014/10/04/npm2-local-module/","content":"npm 2.0.0からdependenciesにローカルパスを指定出来るようになり、プロジェクトだけで使うUitlsを読み込みやすくなった話","tags":["npm","node.js","JavaScript"],"date":"2014-10-05T04:04:02.248Z","relatedLinks":[]},{"title":"A primer on Content Security Policy // Speaker Deck","url":"https://speakerdeck.com/polarblau/a-primer-on-content-security-policy","content":"XSSの動く仕組み、そのXSSを防止するためのエスケープや必要な事の多さとその一つとしてのCSPについてのスライド。\nCSPのルールについての紹介","tags":["CSP","slide"],"date":"2014-10-05T04:46:22.321Z","relatedLinks":[]},{"title":"Reject.JS 2014 - YouTube","url":"https://www.youtube.com/playlist?list=PL37ZVnwpeshF8Sr8JZNFU6boKMmod9YBw","content":"Reject.JS 2014 の動画が公開された\nhttp://rejectjs.org/speakers/","tags":["JavaScript","video","まとめ"],"date":"2014-10-05T05:13:31.110Z","relatedLinks":[]},{"title":"Ampersand.js – Minimalistic Approach to not so minimalistic Problems // Speaker Deck","url":"https://speakerdeck.com/kamilogorek/ampersand-dot-js-minimalistic-approach-to-not-so-minimalistic-problems","content":"Ampersand.js の紹介スライド ","tags":["JavaScript","MVC","library","slide"],"date":"2014-10-05T05:28:23.706Z","relatedLinks":[{"title":"▶ Kamil Ogórek – Ampersand.js – Minimalistic Approach to not so minimalistic Problems [Reject.JS 2014] - YouTube","url":"https://www.youtube.com/watch?v=2Rzxn-xaFkg&index=5&list=PL37ZVnwpeshF8Sr8JZNFU6boKMmod9YBw"}]},{"title":"Localize your frontend // slidr.io","url":"http://slidr.io/klyrr/localize-your-frontend##1","content":"jimdo.com のローカライズについてのスライド。数字フォーマットの問題に対してAngularJS、Closure LibraryやECMA i18n API(とpolyfill)等について\n","tags":["JavaScript","i18n","library","slide","Angular"],"date":"2014-10-05T06:05:58.021Z","relatedLinks":[{"title":"▶ Tina Umlandt – Localize your frontend! [Reject.JS 2014] - YouTube","url":"https://www.youtube.com/watch?v=Lu4mholN2lA&index=3&list=PL37ZVnwpeshF8Sr8JZNFU6boKMmod9YBw"}]},{"title":"【JavaScript】 MutationObserverの使い方 個人的まとめ - はりをきば","url":"http://blog.gutyan.jp/entry/2014/09/06/MutationObserver","content":"MutationObserverの使い方、オプションについての解説","tags":["JavaScript"],"date":"2014-10-05T15:35:19.168Z","relatedLinks":[]},{"title":"Mozilla Brick","url":"http://brick.mozilla.io/","content":"WebComponentを使ったUIコンポーネントライブラリ","tags":["Mozilla","WebComponents","library"],"date":"2014-10-06T07:39:53.014Z","relatedLinks":[]},{"title":"ES6: the future is now // Speaker Deck","url":"https://speakerdeck.com/jsist/es6-the-future-is-now","content":"ECMAScriptのタイムライン、ES6の機能紹介のスライド","tags":["ECMAScript","slide"],"date":"2014-10-06T12:22:16.915Z","relatedLinks":[]},{"title":"まだmechanizeで消耗してるの? WebDriverで銀行をスクレイピング（ProtractorとWebdriverIOを例に） - 詩と創作・思索のひろば (Poetry, Writing and Contemplation)","url":"http://motemen.hatenablog.com/entry/2014/10/01/scrape-by-protractor-webdriverio","content":"AngularJS向けのE2EテストフレームワークであるProtractorを使ったスクレイピングについて。\n","tags":["Angular","testing","Tools"],"date":"2014-10-06T12:26:31.103Z","relatedLinks":[]},{"title":"Google Developers Blog: Promises in the Google APIs JavaScript Client Library","url":"http://googledevelopers.blogspot.com/2014/10/promises-in-google-apis-javascript.html","content":"Google APIのクライアントライブラリがPromise/A+ベースのものとなった","tags":["google","Promises","library","ReleaseNote"],"date":"2014-10-06T12:27:33.771Z","relatedLinks":[]},{"title":"ECMAScript 6 promises (2/2): the API","url":"http://www.2ality.com/2014/10/es6-promises-api.html","content":"ES6 Promiseについて詳しい解説。基本的な使い方やどのようなフローで動くか、エラーハンドリング、メリット/デメリット、デバッグ、Promiseラッパの書き方、他の機能と強調した書き方についてなど","tags":["Promises","tutorial"],"date":"2014-10-06T12:35:42.408Z","relatedLinks":[]},{"title":"React Apps Using Flux and Backbone | Toptal","url":"http://www.toptal.com/front-end/simple-data-flow-in-react-applications-using-flux-and-backbone","content":"Fluxアーキテクチャのフローについて。\nDispatcherでイベントとState管理、Store(EventEmitter)がブロードキャストしたイベントをキャッチしてViewをレンダリングするという流れ。\nこれをBackbone.jsとReactを使った実装について","tags":["React","backbone.js","JavaScript"],"date":"2014-10-06T13:11:18.925Z","relatedLinks":[]},{"title":"Brackets 0.44 Release: Split View – Brackets Blog","url":"http://blog.brackets.io/2014/10/06/brackets-0-44-release-split-view/","content":"Brackets 0.44リリース。\n横並べで表示できるSplit Viewの追加、Vendor prefixなどについてのQuick Docsを追加","tags":["JavaScript","editor","ReleaseNote"],"date":"2014-10-07T08:27:40.252Z","relatedLinks":[]},{"title":"Visual Studio “14” CTP 4 and TypeScript 1.1 CTP Released - The Visual Studio Blog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/visualstudio/archive/2014/10/06/visual-studio-14-ctp-4-and-typescript-1-1-ctp-released.aspx","content":"TypeScript 1.1リリース","tags":["TypeScript","ReleaseNote"],"date":"2014-10-07T09:54:43.836Z","relatedLinks":[{"title":"TypeScript 1.1.0 変更点 - Qiita","url":"http://qiita.com/vvakame/items/5e53c392867ebc604267"}]},{"title":"Vue.js v0.11の変更点(予定)まとめ - blog.koba04.com","url":"http://blog.koba04.com/post/2014/10/07/vue-js-v011-changes/","content":"Vue.js v0.11 RCの変更点のまとめ","tags":["JavaScript","MVC","library"],"date":"2014-10-07T15:02:50.481Z","relatedLinks":[]},{"title":"Nightmare","url":"http://www.nightmarejs.org/","content":"PhantomJS APIでの操作をメソッドチェーンで書いていけるライブラリ。\n`.run(callback)` にerrorオブジェクトが渡ってくる。\n操作をまとめたモジュールを作って`.use`で再利用できる","tags":["JavaScript","browserify","library"],"date":"2014-10-07T15:06:10.298Z","relatedLinks":[]},{"title":"JavaScript - 本当にあったTouchEventの怖い話 - Qiita","url":"http://qiita.com/damele0n/items/dc312bbf66da1d46dd6f","content":"Android、iOSでのTouchEventを生成してdispatchする方法について。\n独自仕様の`initTouchEvent`についてやPolyfillについて","tags":["mobile","JavaScript","Android","ios"],"date":"2014-10-07T15:09:38.766Z","relatedLinks":[]},{"title":"Explorations In Automatically Fixing JavaScript Linting-errors","url":"http://addyosmani.com/blog/fixmyjs/","content":"FixMyJSを使ったJSHintの警告対象を自動的に修正する方法とSublime Text等のエディタ連携について","tags":["JavaScript","editor","Tools"],"date":"2014-10-07T15:13:40.108Z","relatedLinks":[]},{"title":"sebmck/6to5","url":"https://github.com/sebmck/6to5","content":"ES6のコードをランタイムなしのES5に変換するツール。\nSourceMap対応、BrowserifyやGrunt等のpluginが用意されてる。\n他のES6コード変換との比較表も載せている。","tags":["ECMAScript","JavaScript","Tools"],"date":"2014-10-08T14:12:17.298Z","relatedLinks":[]},{"title":"React Bootstrap","url":"http://react-bootstrap.github.io/","content":"Reactを使ったBootstrap 3のcomponent。","tags":["React","CSS","design"],"date":"2014-10-08T14:46:14.195Z","relatedLinks":[]},{"title":"全国のSeleniumer必読 - Qiita","url":"http://qiita.com/oh_rusty_nail/items/b8ba525d31ea7c522856","content":"SeleniumのTips集、verifyとassertの使い分け、状況別の対処方等","tags":["Selenium","まとめ","Tips","browser"],"date":"2014-10-08T14:47:50.329Z","relatedLinks":[]},{"title":"WebRTC (概要から中の仕組みまで) // Speaker Deck","url":"https://speakerdeck.com/yosuke_furukawa/webrtc-gai-yao-karazhong-falseshi-zu-mimade","content":"WebRTCの接続確立から通信するまで流れとWebRTCのAPIについてのスライド。\nNAT、ICE(STUN,TURN)、DTLS,\nSRTP、SCTP、WebSocket APIとの類似性などについて","tags":["WebRTC","slide"],"date":"2014-10-09T02:06:15.630Z","relatedLinks":[{"title":"WebRTCについての話を社内勉強会でしてきた - from scratch","url":"http://yosuke-furukawa.hatenablog.com/entry/2014/10/09/100629"}]},{"title":"cure53/jPurify","url":"https://github.com/cure53/jPurify","content":"jQueryでDOM Based XSSを引き起こす可能性があるメソッドを乗っ取って、サニタイズ的な処理を追加するライブラリ","tags":["jQuery","DOM","XSS","library"],"date":"2014-10-09T05:23:01.750Z","relatedLinks":[]},{"title":"Chrome Releases: Stable Channel Update","url":"http://googlechromereleases.blogspot.com/2014/10/stable-channel-update.html","content":"Chrome 38リリース","tags":["Chrome","ReleaseNote"],"date":"2014-10-09T08:17:08.853Z","relatedLinks":[{"title":"Chromium Blog: Chrome 38 Beta: New primitives for the next-generation web","url":"http://blog.chromium.org/2014/08/chrome-38-beta-new-primitives-for-next.html"}]},{"title":"ractive/CHANGELOG.md at master · ractivejs/ractive","url":"https://github.com/ractivejs/ractive/blob/master/CHANGELOG.md","content":"Ractive.js 0.6.0リリース。\n`init`の代わりに`onrender`等のevent hooksが追加された。\nテンプレートエンジンへの機能追加等","tags":["JavaScript","library","ReleaseNote"],"date":"2014-10-09T13:37:32.602Z","relatedLinks":[{"title":"Version 0.6.0 - Google グループ","url":"https://groups.google.com/forum/#!topic/ractive-js/_VIdRH_pG3w"}]},{"title":"angular/dart2es6","url":"https://github.com/angular/dart2es6","content":"DartをES6に変換するtranspiler","tags":["dart","ECMAScript","Tools"],"date":"2014-10-10T01:19:42.740Z","relatedLinks":[]},{"title":"Release v0.9.1: Release Release 0.9.1 (2014-10-08) Node 0.11.x support · twada/power-assert","url":"https://github.com/twada/power-assert/releases/tag/v0.9.1","content":"power-assert 0.9.1リリース。\nNode.js 0.11サポート","tags":["JavaScript","testing","library","ReleaseNote"],"date":"2014-10-10T01:27:59.310Z","relatedLinks":[]},{"title":"JavaScript Beyond the Web in 2014","url":"http://www.sitepoint.com/javascript-beyond-web-2014/","content":"JavaScriptとハードウェアについて。\nJavaScriptを使って触れるハードウェアについてまとめられている","tags":["JavaScript"],"date":"2014-10-10T01:29:27.634Z","relatedLinks":[]},{"title":"DevTools Tips","url":"http://devtoolstips.com/","content":"Chrome DevToolsのTips投稿サイト","tags":["Chrome","debug"],"date":"2014-10-10T07:25:22.312Z","relatedLinks":[]},{"title":"ilyavolodin/eslint-plugin-backbone","url":"https://github.com/ilyavolodin/eslint-plugin-backbone","content":"ESLintを使ったBackbone.jsに関するLintのルールセット","tags":["JavaScript","backbone.js","plugin"],"date":"2014-10-11T04:29:58.716Z","relatedLinks":[]},{"title":"Lightweight ES6 Features That Pack A Punch | colintoh.com","url":"http://colintoh.com/blog/lightweight-es6-features","content":"ES6の機能紹介記事。\nES6Fiddleで実行出来るサンプルコードと共に紹介されてて分かりやすい","tags":["ECMAScript","JavaScript"],"date":"2014-10-11T05:17:41.757Z","relatedLinks":[]},{"title":"React: Flux Architecture - Video Tutorial Series @eggheadio","url":"https://egghead.io/series/react-flux-architecture","content":"Reactを使ったFluxアーキテクチャでのショッピングカートを作るスクリーンキャスト。\nReactでなくても実現できる事が中心なのでデザインのパターンとして見られる感じ","tags":["React","video"],"date":"2014-10-11T10:49:15.220Z","relatedLinks":[{"title":"dummy","url":"http://dummy"}]},{"title":"Dev.Opera — CSS: It was twenty years ago today — an interview with Håkon Wium Lie","url":"https://dev.opera.com/articles/css-twenty-years-hakon/","content":"CSS20周年を記念してのインタビュー","tags":["CSS","歴史","インタビュー"],"date":"2014-10-13T12:24:03.685Z","relatedLinks":[]},{"title":"JavaScript… by Reginald Braithwaite [Leanpub PDF/iPad/Kindle]","url":"https://leanpub.com/javascript-spessore","content":"JavaScriptのオブジェクト指向についての書籍。スケール出来るようなWebアプリケーションの作りを学ぶ。\nWeb版は無料で見られる","tags":["JavaScript","book"],"date":"2014-10-13T12:36:15.992Z","relatedLinks":[]},{"title":"github/fetch · GitHub","url":"https://github.com/github/fetch","content":"WHATWGで策定されてる`fetch`のpolyfillライブラリ。 \nXHRよりもシンプルなAPIでデータの取得、送信等が行える。\nfetchはPromiseを返すので別途Promiseのpolyfillが必要。\nformやArrayBuffer等まだ実装されていない部分がある。","tags":["JavaScript","XHR","Promises","library"],"date":"2014-10-14T02:50:03.672Z","relatedLinks":[]},{"title":"INTRO TO D3.JS - Overview","url":"https://square.github.io//intro-to-d3/","content":"Square社によるD3.jsチュートリアル","tags":["JavaScript","d3.js","tutorial"],"date":"2014-10-14T06:18:40.012Z","relatedLinks":[]},{"title":"AngularJS 1.3.0 – superluminal-nudge","url":"http://angularjs.blogspot.com/2014/10/angularjs-130-superluminal-nudge.html","content":"AngularJS 1.3.0リリース\nOne-time bindings、WAI-ARIAに対応するngAriaやStrict DI等の機能追加。\nまた1.3.0からはIE8は非サポートとなる","tags":["Angular","ReleaseNote"],"date":"2014-10-14T09:09:29.061Z","relatedLinks":[{"title":"AngularJS 1.3.0 リリース - AngularJS Ninja","url":"http://angularjsninja.com/blog/2014/10/14/angularjs-1.3.0-released/"}]},{"title":"天使やカイザーと呼ばれて » オレ流AngularJSを使った設計ポリシー","url":"https://www.eisbahn.jp/yoichiro/2014/10/my_angularjs_design_policy.html","content":"Chrome MySQL Adminを例としたAngularJSを使った設計のポリシーについて。\nコントローラやサービス、状態変化とイベントのやり取りについて等\n","tags":["Angular","JavaScript"],"date":"2014-10-14T10:36:42.353Z","relatedLinks":[]},{"title":"Browser Platform Status Tracker","url":"http://platformstatustracker.azurewebsites.net/","content":"IEやChromiumのステータス情報から差分の情報をまとめてくれているページ。\nどの機能がどのバージョンで入ったか、prefixが外れたか等が分かる","tags":["IE","Chrome","まとめ","browser"],"date":"2014-10-15T15:24:30.813Z","relatedLinks":[]},{"title":"A new ES6 draft, Rev28","url":"https://esdiscuss.org/topic/a-new-es6-draft-rev28","content":"ECMAScript 6 Draft Rev 28リリース。\n","tags":["ECMAScript","spec","ReleaseNote"],"date":"2014-10-16T02:53:07.020Z","relatedLinks":[{"title":"harmony:specification_drafts [ES Wiki]","url":"http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts#october_14_2014_draft_rev_28"}]},{"title":"No9/localstorage-down","url":"https://github.com/no9/localstorage-down","content":"leveldownのdbとして使えるlocalStorageのバックエンド実装。\n","tags":["JavaScript","library"],"date":"2014-10-16T13:11:00.056Z","relatedLinks":[]},{"title":"Exploring Angular 1.3 - One-time bindings – Blog | thoughtram - Extend your memory","url":"http://blog.thoughtram.io//angularjs/2014/10/14/exploring-angular-1.3-one-time-bindings.html","content":"Angular 1.3で導入されたone-time bindingについての解説","tags":["Angular"],"date":"2014-10-16T13:16:10.257Z","relatedLinks":[]},{"title":"react-hot-loader · Pure JS live-editing for React","url":"http://gaearon.github.io/react-hot-loader/","content":"Reactを使ったコードのLive Reloadを行うためのWebpackのloaderに指定するプラグイン","tags":["React","JavaScript","Tools"],"date":"2014-10-16T13:38:11.139Z","relatedLinks":[]},{"title":"Lapple/ErrorBoard","url":"https://github.com/Lapple/ErrorBoard","content":"Node.jsで動くJavaScriptのエラーを収集して見るためのダッシュボードアプリ","tags":["JavaScript","debug","node.js"],"date":"2014-10-16T13:40:49.296Z","relatedLinks":[]},{"title":"Firefox — Notes (33.0) — Mozilla","url":"https://www.mozilla.org/en-US/firefox/33.0/releasenotes/","content":"Firefox33リリース。\nOpenH264のサポート、CSPのバックエンドが新しくなった、開発者ツールの機能追加等","tags":["firefox","ReleaseNote"],"date":"2014-10-16T15:12:02.052Z","relatedLinks":[{"title":"Firefox 33 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/ja/docs/Mozilla/Firefox/Releases/33"},{"title":"Firefox 33 サイト互換性情報 - Mozilla | MDN","url":"https://developer.mozilla.org/ja/docs/Mozilla/Firefox/Releases/33/Site_Compatibility"},{"title":"Firefox 33 が正式リリース、Open H264 や @counter-style 規則のサポート、OMTC の有効化など | WWW WATCH","url":"http://hyper-text.org/archives/2014/10/firefox_33_release.shtml"},{"title":"CSP for the web we have | Mozilla Security Blog","url":"https://blog.mozilla.org/security/2014/10/04/csp-for-the-web-we-have/"}]},{"title":"jQuery UI 1.11.2 | jQuery UI Blog","url":"http://blog.jqueryui.com/2014/10/jquery-ui-1-11-2/","content":"jQuery UI 1.11.2リリース","tags":["jQuery","UI","ReleaseNote"],"date":"2014-10-17T02:06:26.163Z","relatedLinks":[]},{"title":"captainbrosset/pagerecorder","url":"https://github.com/captainbrosset/pagerecorder","content":"Firefoxの開発者ツールでページの変更を記録するアドオン。\nどのようなイベントがおきて、どの要素が変更されたか等を一覧できる","tags":["firefox","addon"],"date":"2014-10-17T05:51:17.773Z","relatedLinks":[]},{"title":"box/leche","url":"https://github.com/box/leche","content":"mockするためのオブジェクト作成やパラメタライズドテストを行うData Providerの機能が用意されているテストの補助ライブラリ。\nMochaとSinonと共に使う事を想定して作られている","tags":["JavaScript","testing","library"],"date":"2014-10-18T05:35:46.494Z","relatedLinks":[]},{"title":"Release Dragon Master · sass/libsass","url":"https://github.com/sass/libsass/releases/tag/3.0","content":"SassコンパイラのC++実装であるlibsass 3.0リリース。\nSass3.4の動作に近づけていく改善が中心。\n`@extends`、Map、`call()`のサポート、WIndowsでの動作を改善など","tags":["Sass","C++"],"date":"2014-10-18T05:56:41.871Z","relatedLinks":[]},{"title":"FormatJS","url":"http://formatjs.io/","content":"数字や日付、文字列の国際化対応のためのライブラリ。\n150言語以上に対応しており、HandlebarsやReact等のテンプレートの対応も用意されている。\nECMA i18n APIやUnicode CLDR、ICU Messageなどの標準の上に実装されている","tags":["JavaScript","i18n","library"],"date":"2014-10-18T06:29:24.365Z","relatedLinks":[{"title":"Announcing Format.JS: Internationalize your web apps on the client & server | Yahoo Engineering","url":"http://yahooeng.tumblr.com/post/100006468771/announcing-format-js-internationalize-your-web-apps-on"},{"title":"米Yahoo!が国際化のためのJavaScriptライブラリ「Format.JS」を公開 | SourceForge.JP Magazine","url":"http://sourceforge.jp/magazine/14/10/17/151500"}]},{"title":"medikoo/memoize","url":"https://github.com/medikoo/memoize","content":"memorizeを行うためのライブラリ。\n多彩なキャッシュするルールが用意されていて、特定の引数をキーにしたり、非同期対応、Weakなmemorizeなども用意されている","tags":["JavaScript","library"],"date":"2014-10-18T06:41:58.343Z","relatedLinks":[]},{"title":"Knockout Secure Binding – Brian M Hunt","url":"http://brianmhunt.github.io/articles/knockout-plus-content-security-policy/","content":"KnockoutのCSP対応なバインディングを出来るようにするライブラリ。\n`new Function`を使わないようにしてる","tags":["CSP","JavaScript","library"],"date":"2014-10-18T08:08:30.417Z","relatedLinks":[]},{"title":"Android Lollipop | Android Developers","url":"http://developer.android.com/about/versions/lollipop.html#WebView","content":"Android5以降のChromium WebViewはGoogle Playからアップデートすることが出来るようになっている","tags":["Android","webview"],"date":"2014-10-18T08:22:57.400Z","relatedLinks":[]},{"title":"NPM 2.0 and how it helps avoiding global dependencies | 4waisenkinder","url":"http://4waisenkinder.de/blog/2014/10/18/npm-2-dot-0-and-the-much-better-star-npm-run-star-command/","content":"npm 2.0からnpm run scriptに引数を渡せるようになった件とnpm run scriptでは自動的にnode_modules/.binのパスを解決してくれる事について","tags":["node.js","npm"],"date":"2014-10-19T02:57:17.567Z","relatedLinks":[]},{"title":"dgs700/angular-custom-element","url":"https://github.com/dgs700/angular-custom-element","content":"Angular2.0ではWeb Components対応が予定されているが、1.xでもCustom Elementsを使ってディレクティブを定義出来るようにするライブラリ","tags":["Angular","WebComponents"],"date":"2014-10-19T03:00:25.141Z","relatedLinks":[]},{"title":"platform.js ⇒ webcomponents.js","url":"http://blog.polymer-project.org/announcements/2014/10/16/platform-becomes-webcomponents/","content":"platform.jsはwebcomponents.jsという名前にリネームされる。\nbower等を利用して入れている場合は影響があるので参照するファイルを変更する必要がある","tags":["WebPlatformAPI","WebComponents","library"],"date":"2014-10-19T05:42:59.063Z","relatedLinks":[]},{"title":"othiym23/async-listener","url":"https://github.com/othiym23/async-listener","content":"Node 0.11のasyncListener APIのpolyfillライブラリ。","tags":["node.js","library"],"date":"2014-10-19T05:50:15.191Z","relatedLinks":[]},{"title":"uber/potter","url":"https://github.com/uber/potter","content":"uber社のNodeのプロダクションプロジェクトを作成するscaffold、CIの設定等行うpluginで拡張可能なコマンドラインツール\nhttp://raynos.github.io/nodeconfeu2014-talk/","tags":["node.js","console","Tools"],"date":"2014-10-19T06:03:31.054Z","relatedLinks":[]},{"title":"status.modern.IEの見方 | Web Scratch","url":"http://efcl.info/2014/10/19/modern-ie/","content":"status.modern.IEで公開されているIEの開発ステータスの読み方と、その変更を見ていく方法について","tags":["IE","browser","webservice"],"date":"2014-10-19T06:05:05.660Z","relatedLinks":[]},{"title":"Learning Ember.js by Blake Erickson [Leanpub PDF/iPad/Kindle]","url":"https://leanpub.com/learningemberjs","content":"Ember.jsとEmber CLIについての基本的な使い方から学べる書籍","tags":["JavaScript","library","book"],"date":"2014-10-19T06:07:37.572Z","relatedLinks":[]},{"title":"自動検出と自動修正でCSSを保守する - Qiita","url":"http://qiita.com/r7kamura/items/7addebc61d177313a29d","content":"scss-lintとcsscombを使ってSassのLintと修正を行い保守可能なCSSを維持する事について","tags":["CSS","Sass","Tools"],"date":"2014-10-19T09:55:01.786Z","relatedLinks":[]},{"title":"ReactJS For Stupid People","url":"http://blog.andrewray.me/reactjs-for-stupid-people/","content":"Reactとは何かについて。\nReactはViewのみを扱うライブラリ、DOM APIでHTML作成は大変なのでJSXというSyntaxを持つ、Reactはサーバでも使える。\n良くない点としてドキュメントサイト、サイズ。\nFluxはコンセプトであってライブラリではないという話やどういう時に使うべきかについて","tags":["JavaScript","React"],"date":"2014-10-19T11:37:32.185Z","relatedLinks":[]},{"title":"React v0.12 RC | React","url":"http://facebook.github.io/react/blog/2014/10/16/react-v0.12-rc1.html","content":"React v0.12 RCリリース。\nJSXに破壊的な変更が多く含まれている。\n`@jsx` pragmaは不要に、JSXタグは小文字or`-`が含まれてるならHTMLとして扱うように、Spread attributesのサポートし代わりにtransferPropsToは非推奨に等など","tags":["React","ReleaseNote"],"date":"2014-10-19T12:24:55.323Z","relatedLinks":[]},{"title":"Functional Programming in Javascript","url":"http://jhusain.github.io/learnrx/","content":"Arrayのmapやfilter等について学べるエクササイズ。\n一つのエクササイズを完了させると次の問題へ進めていって全部で40個以上ある\nhttps://github.com/jhusain/learnrx","tags":["JavaScript","関数型プログラミング"],"date":"2014-10-19T12:59:30.189Z","relatedLinks":[]},{"title":"Announcing key advances to JavaScript performance in Windows 10 Technical Preview - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2014/10/09/announcing-key-advances-to-javascript-performance-in-windows-10-technical-preview.aspx","content":"IEのJavaScriptエンジンであるChakraの最適化について。baseline的なASTを中間層としてJITコンパイル。\n最適化として、オブジェクトの同値の場合にインラインキャッシュ、コードのインライン化、Arrayアクセスの最適化、mark&sweep GCの改善等","tags":["IE","JavaScript"],"date":"2014-10-19T13:29:35.311Z","relatedLinks":[{"title":"Baseline コンパイラを導入しました | Mozilla Developer Street (modest)","url":"https://dev.mozilla.jp/2013/04/the-baseline-compiler-has-landed/"}]},{"title":"mattdesl/module-best-practices","url":"https://github.com/mattdesl/module-best-practices","content":"Node.jsのモジュールベストプラクティス。\nモジュールのファイル名、npmモジュールの作成、コンストラクタのパターン、テスト、バージョニング、package.jsonの情報、npmignore、npm run-scriptについて等","tags":["node.js","JavaScript","document"],"date":"2014-10-19T14:23:34.937Z","relatedLinks":[]},{"title":"kriasoft/react-starter-kit · GitHub","url":"https://github.com/kriasoft/react-starter-kit","content":"React/Fluxパターンで全部入りな感じのStarter Kit。\nシングルページアプリケーション的な構成になっている。","tags":["React"],"date":"2014-10-19T14:40:21.483Z","relatedLinks":[{"title":"Web Starter Kit — Web Fundamentals","url":"https://developers.google.com/web/starter-kit/"}]},{"title":"hughsk/district","url":"https://github.com/hughsk/district","content":"指定したディレクトリをnode_modules以下にエイリアスを貼るツール。\nモジュールを特定のディレクトリに名前空間的にまとめることができる","tags":["node.js","npm","console","Tools"],"date":"2014-10-20T13:09:20.960Z","relatedLinks":[]},{"title":"CodeMirror release 4.7.0 - Google グループ","url":"https://groups.google.com/forum/#!msg/codemirror/Ry_Mx8BGcQU/NFqd0odfYHQJ","content":"CodeMirror 4.7.0リリース\nCoffeeScriptやScala、PHP等のmodeを改善。Textileのサポート、ロゴが新しくなった","tags":["JavaScript","editor","library"],"date":"2014-10-22T00:41:24.430Z","relatedLinks":[]},{"title":"Content Security Policy Playground","url":"http://www.cspplayground.com/","content":"CSPについて実際に任意の設定を適応して試しながら学べるサイト。\nCSP Policyのバリデーションや関連リソースについてもまとめられている","tags":["CSP","webservice","まとめ"],"date":"2014-10-22T14:25:31.464Z","relatedLinks":[]},{"title":"WebStorm 9 released: Meteor support, React and JSX, Gulp integration, and more | JetBrains WebStorm Blog","url":"http://blog.jetbrains.com/webstorm/2014/10/webstorm-9-released-meteor-support-react-and-jsx-gulp-integration-and-more/","content":"WebStorm 9リリース。\n\n主に以下の様な機能追加等が中心です。\n\n- Meteor、React/JSX、Polymerのサポート\n- PhoneGap、Gulp統合\n- spy-js/LiveEditがNode.jsアプリケーションに対応\n- ESLint/JSCS/EditorConfigのサポート","tags":["WebStorm","ReleaseNote"],"date":"2014-10-22T14:45:49.598Z","relatedLinks":[{"title":"What's new in WebStorm 9","url":"https://www.jetbrains.com/webstorm/whatsnew/"}]},{"title":"Release Custom Driver Support · mozilla/localForage","url":"https://github.com/mozilla/localForage/releases/tag/1.1.1","content":"localForage 1.1.1リリース。\n`defineDriver()`メソッドが追加され、任意のCustom Driverを作成して適応出来るようになった。\n任意のストレージをバックエンドに実装出来る","tags":["JavaScript","library","ReleaseNote"],"date":"2014-10-23T01:18:52.234Z","relatedLinks":[]},{"title":"dameleon/paw.js","url":"https://github.com/dameleon/paw.js","content":"TouchEventやPointerEventをハンドリングして、シンプルに扱える`tap`イベント等のカスタムイベントを発行してくれるライブラリ。","tags":["JavaScript","mobile","library"],"date":"2014-10-23T08:16:23.633Z","relatedLinks":[{"title":"Paw.jsというのを書いたのと今から始めるマルチタッチイベント処理 - damelog","url":"http://dameleon.hatenablog.com/entry/2014/10/21/171448"}]},{"title":"mocha/History.md at 2.0.0 · mochajs/mocha","url":"https://github.com/mochajs/mocha/blob/2.0.0/History.md","content":"mocha 2.0.0リリース。\nリポジトリのオーナーがmochajsになった。\nNode.js 0.4と0.6のサポート終了","tags":["JavaScript","node.js","testing","ReleaseNote"],"date":"2014-10-23T13:22:21.402Z","relatedLinks":[]},{"title":"Node v0.10.33 (Stable)","url":"http://blog.nodejs.org/2014/10/23/node-v0-10-33-stable/","content":"Node v0.10.33リリース\nPOODLE対策","tags":["node.js","ReleaseNote","セキュリティ"],"date":"2014-10-24T05:44:48.856Z","relatedLinks":[]},{"title":"JS Compatibility Checker","url":"http://jscc.info/","content":"ブラウザ間で互換性のあるコードかをチェックするツール。\nECMAScript5 APIやcaniuseのデータを元にチェックする","tags":["browser","JavaScript","Tools"],"date":"2014-10-25T00:54:14.254Z","relatedLinks":[]},{"title":"ECMAScript 6 returns JavaScript to original intent | InfoWorld","url":"http://www.infoworld.com/article/2837425/javascript/ecmascript-6-returns-javascript-to-original-intent.html","content":"ES6,7についてJafar Husainさん(Async Generatorの人)へのインタビュー。\n何故ES6,7を同時進行しているのか、Async functionとAsync Generatorについて、大きなアプリケーションと型の必要性について。","tags":["JavaScript","ECMAScript","インタビュー"],"date":"2014-10-25T02:07:59.465Z","relatedLinks":[]},{"title":"ESLint 0.9.0 released - ESLint","url":"http://eslint.org/blog/2014/10/eslint-0.9.0-released/","content":"ESLint 0.9.0リリース。\npluginはstableに、 Governance Modelを追加、ルールの追加や修正など","tags":["JavaScript","Tools","ReleaseNote"],"date":"2014-10-25T02:45:18.935Z","relatedLinks":[]},{"title":"ブラウザのパフォーマンスを限界まで高める HTMLコーディングの考え方","url":"http://ja.slideshare.net/kawada_hiroshi/html-40678123","content":"ブラウザのパフォーマンス最適化の戦略についてのスライド。\n極端な例外を除いたパーセンタイルを見てパフォーマンスを調整。\nレンダリングの開始時間、Speed Index、Critical Redering Pathを目安にする。\n標準化やNavigation Timingについて","tags":["browser","performance","slide"],"date":"2014-10-25T06:44:10.143Z","relatedLinks":[{"title":"Google I/O 2014 - Mobile Web performance auditing","url":"https://www.google.com/events/io/schedule/session/c8300366-03ed-e311-903f-00155d5066d7"}]},{"title":"AurelioDeRosa/HTML5-API-demos","url":"https://github.com/AurelioDeRosa/HTML5-API-demos","content":"Battery Status API等の広義のHTML5 APIについての仕様とサンプルと記事をまとめたリポジトリ","tags":["HTML5","WebPlatformAPI","サンプル"],"date":"2014-10-26T01:03:42.869Z","relatedLinks":[]},{"title":"Yahoo! JAPAN Creative Blog — 「SCRIPTY#1 」の資料を公開します #scripty01","url":"http://yj-creative.tumblr.com/post/100569738942/scripty-1-scripty01","content":"SCRIPTYのスライドまとめ。\nCSS/BEM、Backbone/Marionette、Angular/Three.js、Polymer、Yahoo!ニュースのブラウザサポート、grunt、ライブコーディング、アクセシビリティなど","tags":["JavaScript","slide","まとめ","Conference"],"date":"2014-10-26T01:14:08.606Z","relatedLinks":[]},{"title":"写真サービス機能のブラウザ内実装 | 株式会社サイバーエージェント","url":"https://www.cyberagent.co.jp/recruit/techreport/report/id=8548","content":"iOS6.0~、Android4.0~に対応した画像を扱う時に起きる問題と対処について。\niOS6のファイルサイズの問題、AndroidのtoDataURLがJPEGをサポートしてない問題、フィルタ処理やリサイズについてなどハマりどころをまとめられている","tags":["ios","Android","画像","canvas","browser"],"date":"2014-10-26T01:34:48.343Z","relatedLinks":[]},{"title":"スマートフォンWebのフロントエンドを高速化する取り組み - クックパッド開発者ブログ","url":"http://techlife.cookpad.com/entry/2014/10/23/095814","content":"モバイル向けの一部ページをシングルページアプリケーションとして作るのに適した条件やメリットについて書かれている。\nクライアントサイドでの画像リサイズとアップロードやTouchイベント対応などについて","tags":["Android","webkit","JavaScript","mobile"],"date":"2014-10-26T01:44:28.986Z","relatedLinks":[]},{"title":"In the DOM, no one will hear you scream","url":"http://www.slideshare.net/x00mario/in-the-dom-no-one-will-hear-you-scream","content":"DOM Based XSSとjQueryによるXSSについてのスライド。\nDOM Level、文字列からコードとして実行するメソッド一覧、上書きによる破壊、DOMPurifyによる防止について","tags":["DOM","XSS","slide"],"date":"2014-10-26T02:16:37.467Z","relatedLinks":[{"title":"cure53/DOMPurify","url":"https://github.com/cure53/DOMPurify"},{"title":"cure53/jPurify","url":"https://github.com/cure53/jPurify"}]},{"title":"Community Round-up #23 | React","url":"http://facebook.github.io/react/blog/2014/10/17/community-roundup-23.html","content":"Fluxアーキテクチャのサンプルや解説やライブラリ等のまとめ","tags":["Flux","JavaScript","まとめ"],"date":"2014-10-26T02:22:31.260Z","relatedLinks":[]},{"title":"wooorm/mdast","url":"https://github.com/wooorm/mdast","content":"JavaScriptのMarkdownパーサライブラリ。パースした結果をJSON的なASTとして出力する。\ngfmやpandoc風の解釈も対応していて、Parser API ライクなドキュメントもあって良さそう","tags":["Markdown","node.js","AST","library"],"date":"2014-10-26T05:05:51.944Z","relatedLinks":[]},{"title":"Khan/structuredjs","url":"https://github.com/Khan/structuredjs","content":"JavaScriptのコードをプレースホルダー的に書いておいて、入力されたコードがプレースホルダーと一致するかをチェックできるライブラリ。\n不一致の場合のエラー情報等も定義でき、学習サイト等で使われる感じ","tags":["JavaScript","AST","library"],"date":"2014-10-26T06:48:08.976Z","relatedLinks":[]},{"title":"christianalfoni WebApp Enthusiast","url":"http://christianalfoni.github.io/javascript/2014/08/20/react-js-and-flux.html","content":"Backbone/Angular/Flux+Reactでそれぞれ実装した場合の違いを見ながら、Fluxアーキテクチャの特徴について紹介。 \n\n[Ractive.js](http://www.ractivejs.org/ \"Ractive.js\")と[vue.js](http://vuejs.org/ \"vue.js\")とFluxアーキテクチャを使って同様のサンプルを作ってあります。","tags":["JavaScript","Flux"],"date":"2014-10-26T07:12:27.543Z","relatedLinks":[{"title":"azu/Flux-Checkbox-Example","url":"https://github.com/azu/Flux-Checkbox-Example"}]},{"title":"TypeScript and the Road to 2.0 - TypeScript - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/typescript/archive/2014/10/22/typescript-and-the-road-to-2-0.aspx","content":"TypeScript 2.0のロードマップ。\n1.4で union types のサポート、1.5からES6の親和性の向上などを目指す。\nまたFacebookのFlowやAngular2.0で使われてるAtScriptのチームと一緒にType AnnotaionsをECMAScriptへの提案を進めていく","tags":["TypeScript"],"date":"2014-10-26T07:20:09.851Z","relatedLinks":[]},{"title":"AngularJS カンファレンス（ng-europe 2014）のスライドまとめ - AngularJS Ninja","url":"http://angularjsninja.com/blog/2014/10/24/slides-at-ngeurope-2014/","content":"ng-europeのスライドまとめ","tags":["Angular","slide","まとめ"],"date":"2014-10-26T07:23:27.094Z","relatedLinks":[{"title":"ng-europe - The first AngularJS European conference in Paris, France.","url":"http://ngeurope.org/"}]},{"title":"ES6 & Traceur","url":"http://arv.github.io/ngeurope/#/","content":"ES6の機能についてのスライド。\n機能ごとにいつ、どんな時に使うべきかも書かれている。\nまたTraceurがどのように動いているかやAngularで使われてるAtScriptの拡張について","tags":["ECMAScript","JavaScript","slide"],"date":"2014-10-26T08:57:19.239Z","relatedLinks":[]},{"title":"AtScript Primer - Google ドキュメント","url":"https://docs.google.com/document/d/11YUzC-1d0V1-Q3V0fQ7KSit97HnZoKVygDxpWzEYW0U/preview#","content":"Angular2.0で使われているES6に型定義を拡張したもの。\nassert.jsを使ったES6 validなものへTraceurで変換が出来る。 \nまたDI等に利用できるMetadata Annotationsがある。\nECMAScript標準への提案を行っていく方向","tags":["Angular","JavaScript","document","spec"],"date":"2014-10-26T09:22:33.553Z","relatedLinks":[{"title":"Assert.js","url":"http://angular.github.io/assert/"},{"title":"The Extensible Web Manifesto","url":"http://extensiblewebmanifesto.org/"}]},{"title":"Keynote: AtScript - Google スライド","url":"https://docs.google.com/presentation/d/1hr2IM-8G-0RzpB-WY8pLHvxqNggKPzUO0KvEv1IKPws/present#slide=id.p","content":"AtScriptについてのスライド。\nAtScriptは新しい言語ではなくES6にTypesとAnnotationsとIntrospectionを追加したもの。\nAtScriptのロードマップについても書かれている。","tags":["Angular","slide"],"date":"2014-10-26T09:48:10.649Z","relatedLinks":[]},{"title":"Release RxJS Version 2.3 · Reactive-Extensions/RxJS","url":"https://github.com/Reactive-Extensions/RxJS/releases/tag/v2.3.12","content":"RxJS 2.3リリース。\nPromise、Generatorのサポート。\nまたES6以降のArray.fromといったメソッドと同等の機能の提供など","tags":["JavaScript","library","ReleaseNote"],"date":"2014-10-28T00:02:13.983Z","relatedLinks":[]},{"title":"Sinon.JS/Changelog.txt at v1.11.1 · cjohansen/Sinon.JS","url":"https://github.com/cjohansen/Sinon.JS/blob/v1.11.1/Changelog.txt","content":"Sinon.JS 1.11.0リリース。\nAMDサポートの改善、xhrに`.response`プロパティの追加、バグ修正","tags":["JavaScript","testing","ReleaseNote","library"],"date":"2014-10-28T00:14:31.810Z","relatedLinks":[]},{"title":"Socket.IO — Socket.IO 1.2.0","url":"http://socket.io/blog/socket-io-1-2-0/","content":"Socket.IO 1.2.0リリース。\nサーバとクライアントのバグ修正。\nIE10みたいにXDRとXHR Lv2がある場合はXHRを優先するように、PhantomJSのサポート等","tags":["node.js","JavaScript","library","ReleaseNote"],"date":"2014-10-28T06:20:12.539Z","relatedLinks":[]},{"title":"ブラウザーに優しくて、アニメーションを滑らかに","url":"http://people.mozilla.org/~bbirtles/pres/html5j-2014/#/","content":"Web Animationについてのスライド。\nどのようなフローでスタイルが決定され、レンダリングが行われているか。\nまたどうすれば、レンダリングやレイアウトのコストを減らせるかについて等の最適化について。\nレイヤーや`will-change`などについても触れている","tags":["JavaScript","CSS","SVG","animation","slide"],"date":"2014-10-28T07:14:04.347Z","relatedLinks":[]},{"title":"CSP Lv.2の話","url":"http://ja.slideshare.net/yagihashoo/csp-lv2","content":"CSP Level2の機能についての紹介スライド。\nPath matching、Nonce source、Source hash、frame-ancestors、referrer、sandbox等についてよくまとまっている","tags":["CSP","slide","セキュリティ"],"date":"2014-10-28T07:29:07.104Z","relatedLinks":[]},{"title":"Getting To Know Flux, the React.js Architecture ♥ Scotch","url":"http://scotch.io/tutorials/javascript/getting-to-know-flux-the-react-js-architecture","content":"Fluxアーキテクチャについて分かりやすく解説されてる。\nStoreが複数ある場合にwatiForを使って依存関係の解決する方法やどのようなフローで処理が行うかを図を用いて分かりやすくまとめられている","tags":["JavaScript","Flux","React"],"date":"2014-10-28T14:55:19.653Z","relatedLinks":[]},{"title":"React v0.12 | React","url":"http://facebook.github.io/react/blog/2014/10/28/react-v0.12.html","content":"React 0.12正式リリース。\n用語やAPIの変更、JSXの変更、ChromeのDevTools拡張の改善、ライセンスがApache 2から修正BSDに変更","tags":["React","library","ReleaseNote"],"date":"2014-10-29T02:13:48.942Z","relatedLinks":[]},{"title":"Release JSHint 2.5.7 · jshint/jshint","url":"https://github.com/jshint/jshint/releases/tag/2.5.7","content":"JSHint 2.5.7リリース。\nES6のSymbol、Reflect、System、ComputedPropertyNamesに対応等","tags":["JavaScript","Tools","ReleaseNote"],"date":"2014-10-29T02:23:52.790Z","relatedLinks":[]},{"title":"jwerle/w625","url":"https://github.com/jwerle/w625","content":"6to5を使ってES6で書けるREPLの実装。\n特定のウェブサイトに繋いで、コンソール的に使うことも出来る","tags":["JavaScript","console","Tools"],"date":"2014-10-29T02:53:50.865Z","relatedLinks":[{"title":"sebmck/6to5","url":"https://github.com/sebmck/6to5"}]},{"title":"Building single page apps using web components - Polymer","url":"https://www.polymer-project.org/articles/spa.html","content":"Web Componentsを使ってシングルページアプリケーションを作るチュートリアル","tags":["WebComponents","tutorial"],"date":"2014-10-29T03:42:38.550Z","relatedLinks":[]},{"title":"Release Son of Dragon · sass/libsass","url":"https://github.com/sass/libsass/releases/tag/3.0.1","content":"libsass 3.0.1リリース","tags":["Sass","ReleaseNote"],"date":"2014-10-29T05:16:26.433Z","relatedLinks":[]},{"title":"Meteor","url":"https://www.meteor.com/blog/2014/10/28/meteor-1-0","content":"Meteor 1.0リリース","tags":["JavaScript","node.js","ReleaseNote"],"date":"2014-10-29T05:21:56.166Z","relatedLinks":[]},{"title":"Model-View-Intent and the Virtual DOM","url":"http://staltz.com/mvi-freaklies/#/","content":"Reactiveなパターンについてのスライド。\nMVCが絡み合って複雑になるのをイベントバスを使ってどう解決するか。\nModel、View(Virtual DOM)、Intentでのアーキテクチャについて","tags":["VirualDOM","JavaScript","slide","MVC"],"date":"2014-10-29T05:29:40.461Z","relatedLinks":[{"title":"MVI Example","url":"http://staltz.com/mvi-example/"}]},{"title":"HTML5勧告–オープン・ウェブ・プラットフォームの重要なマイルストーンを達成","url":"http://www.w3.org/2014/10/html5-rec.html.ja","content":"W3C HTML5が勧告された","tags":["HTML5","ReleaseNote"],"date":"2014-10-29T05:51:26.352Z","relatedLinks":[]},{"title":"Introducing SIMD.js ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2014/10/introducing-simd-js/","content":"SIMD APIについて。 SIMDとは何か、polyfillのSIMD.jsについて","tags":["JavaScript","ECMAScript","performance"],"date":"2014-10-31T02:30:48.838Z","relatedLinks":[]},{"title":"Spy-js 2.0: New level of JavaScript tracing | JetBrains WebStorm Blog","url":"http://blog.jetbrains.com/webstorm/2014/10/spy-js-2-0-new-level-of-javascript-tracing/","content":"WebStorm 9のspy-js 2.0について。\n実行時の結果からコードの補完候補の追加、breakpointを貼らなくてもinspectionで変数の中身を見られるように、Node.jsサポート、トレース結果の共有、ES6サポート等","tags":["WebStorm","node.js","JavaScript"],"date":"2014-10-31T02:35:36.907Z","relatedLinks":[]},{"title":"Bootstrap 3.3.0 released · Bootstrap Blog","url":"http://blog.getbootstrap.com/2014/10/29/bootstrap-3-3-0-released/","content":"Bootstrap 3.3.0リリース。\nHTML lintをするbootlintや4.0についても書かれている","tags":["CSS","library","ReleaseNote"],"date":"2014-10-31T07:48:15.661Z","relatedLinks":[{"title":"twbs/bootlint","url":"https://github.com/twbs/bootlint"}]},{"title":"A State of Change — On the future of Object.observe","url":"https://markdalgleish.github.io/presentation-a-state-of-change-object-observe/","content":"Object.observeについてのスライド。\nObject.observeはオブジェクトの変更を監視できるが、Imuutabilityとは逆の事になってしまう。\nImmutableなしくみを提供するmori等のライブラリや同様にDOMでもStatelessなDOMを提供するReactやVirtual DOMがある。\nただ、全体としてのUI状態を管理するImmutableオブジェクトは必要。\n\nImmutableなオブジェクトでやるとUndoの実装が簡単になる話。\n\n現在のシンプルなバインディングはMutableデータをStateful DOMへ結びつける。\n未来のレンダリングはImmutableデータをStateless DOMにする?","tags":["JavaScript","slide"],"date":"2014-10-31T14:36:57.236Z","relatedLinks":[{"title":"The Future of JavaScript MVC Frameworks","url":"http://swannodette.github.io/2013/12/17/the-future-of-javascript-mvcs/"},{"title":"presentation-a-state-of-change-object-observe/REFERENCES.md at master · markdalgleish/presentation-a-state-of-change-object-observe","url":"https://github.com/markdalgleish/presentation-a-state-of-change-object-observe/blob/master/REFERENCES.md"}]},{"title":"Zolmeister/promiz","url":"https://github.com/Zolmeister/promiz","content":"ES6 Promisesのpolyfill。","tags":["JavaScript","Promises","library"],"date":"2014-11-02T04:35:11.566Z","relatedLinks":[]},{"title":"Why we should stop using Grunt & Gulp","url":"http://blog.keithcirkel.co.uk/why-we-should-stop-using-grunt/","content":"GruntやGulpのようなTask Runnerではなく、npm runを使う話。\nTask Runnerはそれ自体のアップデート変更や別の選択肢が出てきた時のコストやpluginの挙動の不満等からnpm runで行う事について","tags":["JavaScript","Grunt","gulp","Tools"],"date":"2014-11-02T05:00:18.512Z","relatedLinks":[]},{"title":"The Fine Art of JavaScript Error Tracking — Medium","url":"https://medium.com/@jico/the-fine-art-of-javascript-error-tracking-bc031f24c659","content":"JavaScriptのエラーレポートを集めるサービスについて。\nまたエラーレポートはノイズにも成り得る。Sentryでは重要と思われるエラーを優先的表示やどのブラウザなのかについて表示してくれる","tags":["JavaScript","debug","webservice"],"date":"2014-11-02T06:43:32.939Z","relatedLinks":[{"title":"Application Performance Management & Monitoring | New Relic","url":"http://newrelic.com/"},{"title":"Error Monitoring, Error Tracking, and Notification for Ruby on Rails 2, 3 and 4 - Honeybadger - Honeybadger","url":"https://www.honeybadger.io/"},{"title":"{Track:js} Javascript Error and Event Logging","url":"http://trackjs.com/"},{"title":"Sentry: Track exceptions with modern error logging for JavaScript, Python, Ruby, Java, and Node.js","url":"https://getsentry.com/welcome/"}]},{"title":"Class構文が実装された - JS.next","url":"http://js-next.hatenablog.com/entry/2014/11/01/034607","content":"ES6のclass syntaxについて。\nprototypeの糖衣構文であることや継承、匿名クラス、class内はstrict modeになる点について書かれている","tags":["JavaScript","V8","ECMAScript"],"date":"2014-11-02T06:50:28.241Z","relatedLinks":[]},{"title":"For and against 'let'","url":"http://davidwalsh.name/for-and-against-let","content":"ES6の`let`について詳しく書かれてる。\nletによるブロックスコープや使い方について","tags":["ECMAScript"],"date":"2014-11-02T07:29:20.581Z","relatedLinks":[]},{"title":"Reactive MVC and the Virtual DOM — Futurice","url":"http://futurice.com/blog/reactive-mvc-and-the-virtual-dom","content":"MVIというReactiveなデザインパターンについて。\nMV*と違いControllerを取り除き、代わりにIntentというユーザイベントを扱う仕組みを入れる。\n 一方通行にする点などFluxに似ている所はあるが、RxJS等を意識した話。\nまたVirtual DOMを使い、テストしやすくするためViewと実際の表示を作るRendererに分けている。\n最後にReact/Fluxとどのような点が違うのかについて書かれている","tags":["React","Flux","VirualDOM","デザインパターン","JavaScript"],"date":"2014-11-03T14:34:52.178Z","relatedLinks":[{"title":"Reactive MVC and the Virtual DOMのメモ | GH Issue Note","url":"http://efcl.wordpress.com/2014/11/03/reactive-mvc-and-the-virtual-dom%e3%81%ae%e3%83%a1%e3%83%a2/"},{"title":"Model-View-Intent and the Virtual DOM","url":"http://staltz.com/mvi-freaklies/#/"}]},{"title":"AngularJS についての所感 ::ハブろぐ","url":"http://havelog.ayumusato.com/develop/javascript/e628-angularjs_thought.html","content":"AngularJSの扱い方を間違えるとハマってしまう所。\n$scope、DIとProviderと依存の数、ルールの抑制とexpression、Controllerの肥大化。\n他のライブラリに応用がしにくい世界観などについて","tags":["Angular","JavaScript"],"date":"2014-11-05T03:11:23.701Z","relatedLinks":[]},{"title":"Brackets Blog - The Free, Open Source Code Editor for the Web","url":"http://blog.brackets.io/2014/11/04/brackets-1-0-and-extract-for-brackets-preview-now-available/","content":"Brackets 1.0リリース。\n同時にExtract for Brackets というPSDファイルからテキストや色などの情報が取得出来るプラグインのα版が公開されている","tags":["JavaScript","editor","ReleaseNote"],"date":"2014-11-05T03:26:13.567Z","relatedLinks":[{"title":"Adobe、オープンソースのWeb開発向けテキストエディター「Brackets」v1.0をリリース - 窓の杜","url":"http://www.forest.impress.co.jp/docs/news/20141105_674571.html"}]},{"title":"zertosh/ssr-demo-kit","url":"https://github.com/zertosh/ssr-demo-kit","content":"SoundCloudの人のReactによるサーバーサイドレンダリングのスライドと動画とサンプル","tags":["slide","video"],"date":"2014-11-06T04:55:35.951Z","relatedLinks":[]},{"title":"travishorn/npm-package-store","url":"https://github.com/travishorn/npm-package-store","content":"App Storeみたいにnpmモジュールの更新一覧を見られるツール","tags":["npm","Tools"],"date":"2014-11-06T11:58:44.755Z","relatedLinks":[{"title":"NPM Package Store","url":"http://travishorn.com/npm-package-store/"}]},{"title":"substack/html-inline","url":"https://github.com/substack/html-inline","content":"HTMLで読み込み指定されてるJavaScriptやCSS、画像をインライン化するコマンドラインツール","tags":["HTML","CSS","画像","Tools"],"date":"2014-11-06T12:13:19.015Z","relatedLinks":[]},{"title":"An easier way of using polyfills ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2014/11/an-easier-way-of-using-polyfills/","content":"JavaScriptの必要な機能のpolyfillをCDN的に使えるPolyfill.ioについて","tags":["JavaScript","library"],"date":"2014-11-06T14:39:24.853Z","relatedLinks":[]},{"title":"Amazon: WebRTC ブラウザベースのP2P技術: Alan B. Johnston, Daniel C. Burnett, 日本電信電話株式会社 内田直樹(監訳)","url":"http://www.amazon.co.jp/dp/4897979587?tag=amazon0abac-22","content":"2014年12月12日 発売\nWebRTC: APIs and RTCWEB Protocols of the HTML5 Real-Time Webの翻訳本","tags":["WebRTC","p2p","book"],"date":"2014-11-07T02:23:19.030Z","relatedLinks":[]},{"title":"Ember.js - Ember.js 1.8.0 and 1.9 Beta Released","url":"http://emberjs.com/blog/2014/10/26/ember-1-8-0-released.html","content":"Ember 1.8.0と1.9βリリース。\nまたEmber 2.0についても話し合われている","tags":["JavaScript","library","ReleaseNote"],"date":"2014-11-07T02:41:51.444Z","relatedLinks":[{"title":"The Road to Ember 2.0 RFC by tomdale · Pull Request #15 · emberjs/rfcs","url":"https://github.com/emberjs/rfcs/pull/15"},{"title":"Contribute to Ember.js 2.0. No coding required. :: madhatted.com","url":"http://madhatted.com/2014/11/5/contribute-to-ember-js-2-0-no-coding-required"}]},{"title":"ReactJS News","url":"http://reactjsnews.com/","content":"ReactのWeeblyニュースサイト","tags":["React","JavaScript","news"],"date":"2014-11-07T10:29:48.224Z","relatedLinks":[]},{"title":"ibm-js/ecma402 · GitHub","url":"https://github.com/ibm-js/ecma402","content":"ECMA-402 JavaScript  Internationalization API のshimライブラリ","tags":["JavaScript","i18n","library","AMD"],"date":"2014-11-07T10:35:53.423Z","relatedLinks":[]},{"title":"Announcing RemoteIE: Test the latest IE on Windows, Mac OS X, iOS and Android - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2014/11/02/announcing-remoteie-test-the-latest-ie-on-windows-mac-os-x-ios-and-android.aspx","content":"確認用のIEをOS XやAndroid、iOS等でVPNで簡単に利用できるRemoteIEを公開した","tags":["IE","debug","MS"],"date":"2014-11-07T14:04:08.483Z","relatedLinks":[]},{"title":"Paperclip.js - fast template engine for the DOM","url":"http://paperclipjs.com/","content":"JavaScriptテンプレートライブラリ。\nデータバインディングについての方向をテンプレート内に`<~>`演算子を使って指定する事ができるのが特徴的","tags":["JavaScript","template","library"],"date":"2014-11-07T14:14:58.552Z","relatedLinks":[]},{"title":"Stream API がブラウザにやってくる - Block Rockin’ Codes","url":"http://jxck.hatenablog.com/entry/whatwg-stream","content":"WHATWGのStream APIについて。\n連続したイベントを表現するStreamの流れ、ReadableとWritableの処理待ちのバランスが悪くなった時に調整するBack Pressureについても書かれている","tags":["stream","API","JavaScript"],"date":"2014-11-07T15:17:33.710Z","relatedLinks":[{"title":"Streams Standard","url":"https://streams.spec.whatwg.org/"}]},{"title":"Amazon: デザイニングWebアクセシビリティ - アクセシブルな設計やコンテンツのための実践Q&A: 太田良典, 伊原力也","url":"http://www.amazon.co.jp/dp/4862671756?tag=amazon0abac-22","content":"2015年1月31日 発売\nWebアクセシビリティについての書籍","tags":["web","アクセシビリティ","book"],"date":"2014-11-07T15:18:18.440Z","relatedLinks":[]},{"title":"Release 0.11.0: Cowboy Bebop · yyx990803/vue","url":"https://github.com/yyx990803/vue/releases/tag/0.11.0","content":"Vue.js 0.11.0リリース。\n一から書きなおされているため、挙動の変更やオプションの削除等破壊的な変更も多くあり、追加された機能やオプションも多い。","tags":["JavaScript","MVC","library","ReleaseNote"],"date":"2014-11-07T15:31:32.141Z","relatedLinks":[{"title":"vue/changes.md at master · yyx990803/vue","url":"https://github.com/yyx990803/vue/blob/master/changes.md"},{"title":"Vue.js v0.11の変更点(予定)まとめ - blog.koba04.com","url":"http://blog.koba04.com/post/2014/10/07/vue-js-v011-changes/"}]},{"title":"rtfeldman/seamless-immutable","url":"https://github.com/rtfeldman/seamless-immutable","content":"ES5の機能を使ってImmutableな配列やオブジェクトを作成するライブラリ。\nそれぞれのオブジェクトは`Object.freeze`された状態になり、幾つか補助するメソッドが追加が用意されている","tags":["JavaScript","library"],"date":"2014-11-07T15:53:29.019Z","relatedLinks":[]},{"title":"Components, React and Flux (WIP) by Dan Abramov","url":"http://slides.com/danabramov/components-react-flux-wip#/","content":"Reactに関する事が幅広く書かれているスライド。\njQuery、Backbone、Reactそれぞれで実装した場合について。\nReactの特徴である再利用性、コンポーネントのネスト、ステートフルやreact-router等について。\nまた開発ツールとしてhot-reload、一方向のデータフローを実現するFluxアーキテクチャについてもそれぞれの役割が詳しく書かれている。","tags":["React","Flux","slide","サンプル"],"date":"2014-11-08T11:34:06.633Z","relatedLinks":[{"title":"gaearon/flux-react-router-example","url":"https://github.com/gaearon/flux-react-router-example"}]},{"title":"uxebu/kommando","url":"https://github.com/uxebu/kommando","content":"Webdriverを使ったE2Eテストを行うライブラリ。\nwd.jsやleadfootなどのクライアントライブラリはオプションで指定できる。","tags":["JavaScript","browser","testing","library"],"date":"2014-11-08T13:58:48.455Z","relatedLinks":[]},{"title":"Protractor for AngularJS: writing end-to-end tests has never been so fun","url":"http://ramonvictor.github.io/protractor/slides/","content":"Protractorについてよく書かれたスライド。\nProtractorの仕組み、インストール方法、設定、API、Page Objectsを使ったテストのパターン、デバッグ方法等幅広くまとまってる","tags":["protractor","Angular","testing","slide"],"date":"2014-11-09T01:51:43.670Z","relatedLinks":[]},{"title":"React.jsとBackbone.jsを組み合わせて実践してみた結果 - Qiita","url":"http://qiita.com/derui@github/items/864113f694b77eca685d","content":"ReactとBackboneの組み合わせについて実践的な話が書かれている。\nViewの部分をReactにするアプローチ、Viewをテストする際に使えるTestUtilsやReactを導入する際の注意点など","tags":["React","backbone.js"],"date":"2014-11-09T11:16:03.351Z","relatedLinks":[]},{"title":"Release v2.0.0.0 · less/less.js","url":"https://github.com/less/less.js/releases/tag/v2.0.0","content":"Less 2.0リリース\n","tags":["JavaScript","CSS","ReleaseNote"],"date":"2014-11-10T04:13:20.896Z","relatedLinks":[]},{"title":"browserify をはじめてみる - Please Sleep","url":"http://please-sleep.cou929.nu/trying-browserify.html","content":"埋め込み配布を目的としてJavaScriptをBrowserifyビルドするにあたっての話。\nbowerでインストールしたjQueryの依存関係の解決、browserify-shimを使ってCommonJSに対応してないライブラリを使う方法について","tags":["JavaScript","browserify"],"date":"2014-11-10T10:20:18.813Z","relatedLinks":[]},{"title":"Getfirebug Blog » Blog Archive » Firebug 3 – next generation of Firebug","url":"https://blog.getfirebug.com/2014/11/10/firebug-3-next-generation-of-firebug/","content":"Firebug 3αリリース。\nFirefox開発者ツールをベースにした拡張となる。\nFirefox開発者ツールにFirebug風のテーマやDOMパネル等の機能を追加出来るアドオン","tags":["Firebug","ReleaseNote"],"date":"2014-11-11T07:09:06.896Z","relatedLinks":[]},{"title":"Mozilla Introduces the First Browser Built For Developers: Firefox Developer Edition ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2014/11/mozilla-introduces-the-first-browser-built-for-developers-firefox-developer-edition/","content":"Firefox Developer Editionが公開された(Auroraと呼ばれていたもの)\n","tags":["firefox","software"],"date":"2014-11-11T13:38:53.874Z","relatedLinks":[{"title":"開発者のために作られた初めてのブラウザ、Firefox Developer Edition を公開しました | Mozilla Developer Street (modest)","url":"https://dev.mozilla.jp/2014/11/mozilla-introduces-the-first-browser-built-for-developers-firefox-developer-edition/"},{"title":"Firefox Developer Edition — Mozilla","url":"https://www.mozilla.org/ja/firefox/developer/"}]},{"title":"Underscore vs Lo-Dash","url":"http://benmccormick.org/2014/11/12/underscore-vs-lodash/","content":"UnderscoreとLo-Dashについて。\nLo-DashはUnderscoreを書き直し+機能追加したもの。\n2つの違いについてユーザビリティ、ファイルサイズ、バージョニング、追加機能、パフォーマンスの観点で書かれている。","tags":["JavaScript","library"],"date":"2014-11-12T23:13:22.368Z","relatedLinks":[]},{"title":"Announcing TypeScript 1.3 - TypeScript - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/typescript/archive/2014/11/12/announcing-typescript-1-3.aspx","content":"TypeScript 1.3リリース。\n`protected` アクセス修飾子、tupleのサポート、Visual Studioでコード構文解析やリファクタリング機能の改善","tags":["TypeScript","ReleaseNote"],"date":"2014-11-13T00:43:49.554Z","relatedLinks":[{"title":"TypeScript 1.3.0 変更点 - Qiita","url":"http://qiita.com/vvakame/items/0b5060de5566f210479b"}]},{"title":"wilmoore/frontend-packagers","url":"https://github.com/wilmoore/frontend-packagers","content":"フロントエンド向けのパッケージマネージャ管理ツールのまとめ","tags":["JavaScript","まとめ"],"date":"2014-11-13T02:01:08.930Z","relatedLinks":[]},{"title":"CSSI: CSS Investigation // Speaker Deck","url":"https://speakerdeck.com/studiomohawk/cssi-css-investigation","content":"CSSのコードレビューやツールについてのスライド","tags":["CSS","slide"],"date":"2014-11-13T08:58:40.481Z","relatedLinks":[]},{"title":"wooorm/franc","url":"https://github.com/wooorm/franc","content":"テキストから言語判定が出来るJavaScriptライブラリ","tags":["JavaScript","言語","library"],"date":"2014-11-13T13:51:00.535Z","relatedLinks":[]},{"title":"sinonjs/lolex","url":"https://github.com/sinonjs/lolex","content":"SinonJSのFake Timerライブラリ。\nSinonJSから独立して使えるようになった","tags":["JavaScript","library","testing"],"date":"2014-11-13T14:56:27.481Z","relatedLinks":[]},{"title":"Release 4.0 “Indivisibiliter ac Inseparabiliter” · postcss/autoprefixer","url":"https://github.com/postcss/autoprefixer/releases/tag/4.0.0","content":"Autoprefixer 4.0リリース。 SourceMapがデフォルト有効に、`prev`でsourcemapを指定時にエラーが起きた時に元の行数を示せるように。 不要なprefixの削除がデフォルト有効になるなど","tags":["CSS","JavaScript","Tools"],"date":"2014-11-14T01:51:25.824Z","relatedLinks":[{"title":"PostCSS v3の変更点 - Weblog - Hail2u.net","url":"http://hail2u.net/blog/coding/postcss-v3.html"}]},{"title":"interact.js for drag and drop, resizing and multi-touch gestures ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2014/11/interact-js-for-drag-and-drop-resizing-and-multi-touch-gestures/","content":"要素をD&D、リサイズ、multi-touch等に対応した処理を書くことが出来るinteract.jsについての紹介記事","tags":["JavaScript","library"],"date":"2014-11-14T02:00:19.355Z","relatedLinks":[{"title":"interact.js - JavaScript drag and drop, resizing and gestures with inertia and snapping","url":"http://interactjs.io/"}]},{"title":"The Pragmatic Bookshelf | Dart 1 for Everyone","url":"https://pragprog.com/book/csdart1/dart-1-for-everyone","content":"Dartについての書籍","tags":["dart","book"],"date":"2014-11-15T13:40:21.531Z","relatedLinks":[]},{"title":"jasmine/2.1.0.md at master · pivotal/jasmine","url":"https://github.com/pivotal/jasmine/blob/master/release_notes/2.1.0.md","content":"Jasmine 2.1.0リリース。\n`fit`、`fdescribe`で指定したテストのみを実行出来るように、`beforeAll`、`afterAll`のサポート、`fail`のサポート、それぞれタイムアウトの時間指定のサポート等","tags":["JavaScript","testing","library","ReleaseNote"],"date":"2014-11-15T16:56:31.081Z","relatedLinks":[]},{"title":"Sinon.JS/Changelog.txt at v1.12.1 · cjohansen/Sinon.JS","url":"https://github.com/cjohansen/Sinon.JS/blob/v1.12.1/Changelog.txt","content":"Sinon.JS 1.12.1 リリース。\nFake timersが単体のモジュールに分離、setImmediateとsetTimeoutを同時に使った時の順番の問題を改善、AMDの対応改善など","tags":["JavaScript","library","ReleaseNote"],"date":"2014-11-16T01:45:33.859Z","relatedLinks":[{"title":"sinonjs/lolex","url":"https://github.com/sinonjs/lolex"},{"title":"Set immediate precedence by duncanbeevers · Pull Request #6 · sinonjs/lolex","url":"https://github.com/sinonjs/lolex/pull/6"}]},{"title":"Building a Q&A System With Polymer and Firebase","url":"https://divshot.com/blog/web-components/building-a-qa-system-with-polymer-and-firebase/","content":"PolymerとFirebaseを使ったQ&Aシステム作るチュートリアル","tags":["JavaScript","tutorial","WebComponents"],"date":"2014-11-16T02:55:36.163Z","relatedLinks":[]},{"title":"Announcing ES6 and JSX Support - ESLint","url":"http://eslint.org/blog/2014/11/es6-jsx-support/","content":"ESLintではES6とJSXをサポートしたブランチ `es6jsx` が用意されて、masterとは別モジュールとしてインストールする事でES6のコードに対応する。\nJSXはオプションで有効化出来る。 \nまた、現時点ではES6ではスコープの表現力が変わったため正しく動作しないルールが存在している。\n年内にES6対応をリリース予定","tags":["ECMAScript","JavaScript","Tools"],"date":"2014-11-16T09:02:41.708Z","relatedLinks":[]},{"title":"BlinkOn 3 One-Pager - http://bit.ly/blinkon3 - Google ドキュメント","url":"https://docs.google.com/document/d/1m6JNcFYnwJ0I7OWHrs-meO6820oM_5q9jSELOPDAQnc/edit#","content":"Blinkについてのカンファレンスのスライドまとめ","tags":["JavaScript","Chrome","blink","Conference","slide","まとめ"],"date":"2014-11-16T11:11:07.955Z","relatedLinks":[]},{"title":"Simplifying Async Programs","url":"http://jlongster.com/s/nationjs-slides/#/","content":"js-CSPについてのスライド","tags":["JavaScript","slide"],"date":"2014-11-16T11:33:23.233Z","relatedLinks":[{"title":"ubolonton/js-csp","url":"https://github.com/ubolonton/js-csp"}]},{"title":"Living on the Edge – our next step in helping the web just work - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2014/11/11/living-on-the-edge-our-next-step-in-interoperability.aspx","content":"IE 11の新しいプレビュー版が公開された。\n多くのES6の機能が入り、CSP1.0、CSS Interaction Media Queries、Gamepad API等が実装された。\nまたドキュメントモードの挙動もEdgeがデフォルトとなり、互換表示となる場合が限定された。","tags":["IE","ECMAScript","JavaScript"],"date":"2014-11-16T11:48:16.811Z","relatedLinks":[{"title":"IE11 の「エンタープライズ モード」の新機能 – ドキュメント モードの指定 | Hebikuzure's Tech Memo","url":"http://hebikuzure.wordpress.com/2014/11/13/ie11-enterprise-mode-improvement/"},{"title":"さねゆき on Twitter: \"\"Living\" Edge document mode, イントラでenterpriseモード使ってれば互換性リストで動作確保. Webには最新機能ガンガン入れてくよ. 古いIEへのフォールバックコード無視するUA文字列にするよ. http://t.co/5OBcP6la3J\"","url":"https://twitter.com/saneyuki_s/status/532701057940348929"},{"title":"Šime Vidas on Twitter: \"IE’s upcoming “interoperable UA string”. (Context: http://t.co/W0LeK8GCLe.) http://t.co/VsY2VgEe8Y\"","url":"https://twitter.com/simevidas/status/532749912333881344"}]},{"title":"danielstjules/jsinspect","url":"https://github.com/danielstjules/jsinspect","content":"JavaScriptのファイル(複数ファイルも可能)から構造的に類似している部分を抽出してdiff表示出来るツール","tags":["JavaScript","console","Tools"],"date":"2014-11-16T13:02:56.605Z","relatedLinks":[]},{"title":"power-assert/CHANGELOG.md at v0.10.0 · twada/power-assert","url":"https://github.com/twada/power-assert/blob/v0.10.0/CHANGELOG.md","content":"power-assert 0.10.0リリース。\n設定や出力に使うモジュールを指定等を出来る`.customize` APIをサポート。\ndiff等のassert結果の細かいカスタマイズが可能になった","tags":["JavaScript","testing","ReleaseNote"],"date":"2014-11-17T10:39:38.375Z","relatedLinks":[{"title":"power-assert, mechanism and philosophy","url":"http://www.slideshare.net/t_wada/power-assert-nodefest-2014"}]},{"title":"npm で依存もタスクも一元化する - Qiita","url":"http://qiita.com/Jxck_/items/efaff21b977ddc782971","content":"npm run-scriptをtask runnerのインターフェースとして使う話","tags":["npm","node.js","console","Tools"],"date":"2014-11-17T11:44:01.115Z","relatedLinks":[]},{"title":"native_javascript_data_binding","url":"http://www.sellarafaeli.com/blog/native_javascript_data_binding","content":"Object.observeを使ったデータバインディング、getter/setterを使ったデータバインディングの実装について","tags":["JavaScript","tutorial"],"date":"2014-11-17T12:13:39.636Z","relatedLinks":[]},{"title":"newton-software/devil","url":"https://github.com/newton-software/devil","content":"node-inspectorのようにGUIでNode.jsアプリのデバッグを行う事が出来るツール。","tags":["node.js","node-webkit","debug"],"date":"2014-11-18T08:31:21.877Z","relatedLinks":[]},{"title":"Flow | A static type checker for JavaScript","url":"http://flowtype.org/","content":"Facebookの静的型チェックツール。\nOcamlで書かれていて、TypeScriptと大体互換性が型定義を行える。\nサーバとして動かす事もできる。HHVM/Hackみたいなインクリメンタルな型付けを行える","tags":["flowtype","facebook","JavaScript","Tools"],"date":"2014-11-19T06:08:06.877Z","relatedLinks":[]},{"title":"axemclion/protractor-perf","url":"https://github.com/axemclion/protractor-perf","content":"Protractorのパフォーマンス測定版のようなツール","tags":["protractor","testing","performance"],"date":"2014-11-20T05:12:26.314Z","relatedLinks":[]},{"title":"Property testing in JavaScript with quick_check.js - RightScale Engineering Blog","url":"http://eng.rightscale.com/2014/07/18/quick-check-js.html","content":"JavaScriptのQuickChek実装である https://github.com/gampleman/quick_check.js/ について","tags":["JavaScript","library","testing"],"date":"2014-11-20T05:30:22.332Z","relatedLinks":[]},{"title":"uxebu/mocha-sinon-traceur-example","url":"https://github.com/uxebu/mocha-sinon-traceur-example","content":"ES6でテストを書いてTDDするサンプルプロジェクト","tags":["ECMAScript","JavaScript","testing"],"date":"2014-11-20T09:18:19.971Z","relatedLinks":[{"title":"ES6 and TDD at work, with traceur, mocha and sinon - uxebu","url":"http://www.uxebu.com/blog/2014/11/es6-tdd-work-traceur-mocha-sinon/"}]},{"title":"jas-/secStore.js","url":"https://github.com/jas-/secStore.js","content":"localStorage/sessionStorage/Cookieで暗号化をサポートするラッパーライブラリ","tags":["JavaScript","library"],"date":"2014-11-22T04:29:31.941Z","relatedLinks":[]},{"title":"Nodevember - YouTube","url":"https://www.youtube.com/user/nodevember/feed","content":"http://nodevember.org/ の動画が公開されている","tags":["JavaScript","node.js","video"],"date":"2014-11-22T05:33:38.472Z","relatedLinks":[]},{"title":"Modern Debugging Experience: Part 2 - Tuts+ Code Tutorial","url":"http://code.tutsplus.com/tutorials/modern-debugging-experience-part-2--cms-22584","content":"開発者ツールを使ったデバッグ方法のTips。\ndebuggerステートメント、コールスタック、getter/setter/Object.observe等を使ったアクセス時にBreakさせる方法やWatch Expression、イベントリスナーのデバッグ等について書かれている","tags":["JavaScript","Chrome","debug","Tools"],"date":"2014-11-22T07:11:46.714Z","relatedLinks":[]},{"title":"inikulin/ineed","url":"https://github.com/inikulin/ineed","content":"HTMLのスクレイピング、変換処理(Reprocessing)を行えるNodeモジュール","tags":["HTML","node.js","JavaScript","library"],"date":"2014-11-22T08:18:55.949Z","relatedLinks":[]},{"title":"Discover AngularJS by Adam Burak [Leanpub PDF/iPad/Kindle]","url":"https://leanpub.com/discoverangularjs","content":"AngularJSチュートリアル本","tags":["Angular","book"],"date":"2014-11-22T12:20:35.402Z","relatedLinks":[]},{"title":"Real World React - YouTube","url":"https://www.youtube.com/watch?v=uZgAq1CZ1N8","content":"ReactのComponentの作り方やテストについて詳しい発表\nhttp://presentboldly.com/bejonbee/real-world-react-v012","tags":["React","JavaScript","slide","video"],"date":"2014-11-23T02:19:36.922Z","relatedLinks":[]},{"title":"KnowThen – Screencasts For Developers","url":"http://knowthen.com/","content":"JavaScriptについてのスクリーンキャストをするサイト","tags":["JavaScript","node.js","video"],"date":"2014-11-23T02:24:59.769Z","relatedLinks":[]},{"title":"janmonschke/Web-Audio-Editor","url":"https://github.com/janmonschke/Web-Audio-Editor","content":"ウェブベースのWeb Audio Editor","tags":["browser","web","audio","Tools"],"date":"2014-11-23T08:32:25.555Z","relatedLinks":[]},{"title":"DOM Performance (JSNext Bulgaria)","url":"http://www.slideshare.net/ickatanet/dom-performance-jsnext-bulgaria","content":"DOM操作のパフォーマンスTips的なスライド。\nEvent Delegate、Style操作、Nodeの作成(clone、DocumentFragment)、Nodeの削除について。","tags":["DOM","performance","slide"],"date":"2014-11-24T12:55:40.764Z","relatedLinks":[]},{"title":"Send beacon data in Chrome 39","url":"http://updates.html5rocks.com/2014/10/Send-beacon-data-in-Chrome-39","content":"Chrome 39でBeacon APIが入った。\nBeacon APIを使えばクリックしてページ移動するときのクリックのログも非同期でちゃんと送ることが出来る。(単純なXHRだと送り終わる前に遷移してしまう)","tags":["JavaScript","アクセス解析","Chrome"],"date":"2014-11-24T13:57:50.685Z","relatedLinks":[]},{"title":"Chromium Blog: Chrome 39 Beta: JS Generators, Animation Playback Control, and the WebApp Manifest","url":"http://blog.chromium.org/2014/10/chrome-39-beta-js-generators-animation.html","content":"Chrome 39βリリース。\nGeneratorがデフォルトで有効、Web Animationの`play()`や`pause()`のサポート、 Web Application Manifest、 Beacon API のサポート","tags":["Chrome","ReleaseNote"],"date":"2014-11-24T14:03:38.009Z","relatedLinks":[{"title":"ジェネレータについて - JS.next","url":"http://js-next.hatenablog.com/entry/2014/08/07/174147"},{"title":"Send beacon data in Chrome 39","url":"http://updates.html5rocks.com/2014/10/Send-beacon-data-in-Chrome-39"}]},{"title":"SpoonX/useuses","url":"https://github.com/SpoonX/useuses","content":"`@uses`アノテーションコメントでそのJSファイルが依存するファイルパスを記述して使うモジュール管理ルール、ビルドツール\nconcatする程度にはシンプルで、CommonJSのような強い依存関係ではなく、単純にコメントを追加するだけなので余計にファイルは必要ない。","tags":["JavaScript","Tools"],"date":"2014-11-24T15:26:25.057Z","relatedLinks":[{"title":"javascript dependency management « Php « SpoonX Blog","url":"http://blog.spoonx.nl/javascript-dependency-management/"}]},{"title":"techlayer/espresso.js","url":"https://github.com/techlayer/espresso.js","content":"BackboneとReactをインスパイアしたMV*ライブラリ。\nFluxのデータフローを一方向にするアイデアをBackboneに持ってきた感じのライブラリ","tags":["JavaScript","library","backbone.js","Flux"],"date":"2014-11-24T22:52:44.951Z","relatedLinks":[]},{"title":"My five promise patterns","url":"https://remysharp.com/2014/11/19/my-five-promise-patterns","content":"Promiseパターンについて\nNodeスタイルの高階関数をPromiseを返すようにするdenodeify、`bind`による引数の固定、コールバックとの併用、`reject`ではなく常にthrowする、処理の終わりでいつも`catch`する","tags":["JavaScript","Promises"],"date":"2014-11-24T23:06:09.390Z","relatedLinks":[]},{"title":"Functional Programming","url":"http://scott.sauyet.com/Javascript/Talk/2014/01/FuncProgTalk/","content":"関数型プログラミングについてのスライド。\nオブジェクト指向との考え方の違い、DeclarativeとImperative、まだJSでは扱えない部分について(末尾最適化等)、具体的にOOPからFPへどう書き換えるかの例等","tags":["JavaScript","関数型プログラミング","slide"],"date":"2014-11-25T01:40:17.577Z","relatedLinks":[]},{"title":"IE Web Development Support Moving to Stack Overflow","url":"https://social.msdn.microsoft.com/Forums/ie/en-US/8ba70824-dba2-4425-bc75-247c2c29bde1/action?threadDisplayName=ie&forum=iewebdevelopment","content":"IEの開発に関する質問はStack Overflowに移行するとの話","tags":["MS","IE"],"date":"2014-11-25T05:21:09.740Z","relatedLinks":[]},{"title":"Custom Elements - Web Components を構成する技術: Tender Surrender","url":"http://blog.agektmr.com/2014/11/custom-elements-web-components.html","content":"Custom Elements についての解説。\nCustom Elementsの作り方、仕組み、ライフサイクルコールバック、ユースケースについて","tags":["JavaScript","WebComponents","video"],"date":"2014-11-26T08:11:10.815Z","relatedLinks":[]},{"title":"ペパボのフロントエンドスタンダード","url":"http://pepabo.github.io/docs/frontend/standard.html","content":"ペパボによるエンジニア、デザイナが「最低限これだけはおさえておこう」というスタンダードを文書化したもの。","tags":["JavaScript","CSS","tutorial","document"],"date":"2014-11-26T13:46:42.848Z","relatedLinks":[]},{"title":"The State of Flux","url":"http://reactjsnews.com/the-state-of-flux/","content":"Fluxアーキテクチャ関連のライブラリのまとめ、それぞれの実装的な特徴","tags":["Flux","library","まとめ"],"date":"2014-11-26T13:51:57.543Z","relatedLinks":[]},{"title":"krasimir/atomus","url":"https://github.com/krasimir/atomus","content":"Node.js環境でDOMを含めたクライアントサイドのコードをテストするライブラリ。\njsdomを使っていて、テストを実行する場所となるHTMLを渡して、クリックなどのイベントを起こしてテスト出来る","tags":["JavaScript","DOM","node.js","testing","library"],"date":"2014-11-27T07:50:01.499Z","relatedLinks":[]},{"title":"ReactJS: Keep Simple. Everything can be a component! // Speaker Deck","url":"https://speakerdeck.com/pedronauck/reactjs-keep-simple-everything-can-be-a-component","content":"Reactの特徴について分かりやすくまとめられているスライド。\nImmutable、Virtual DOM、PropとState、DRYにするためのMixin、Isomorphicについて","tags":["React","slide"],"date":"2014-11-27T08:10:10.732Z","relatedLinks":[]},{"title":"ESLint 0.10.0 released - ESLint","url":"http://eslint.org/blog/2014/11/eslint-0.10.0-released/","content":"ESLint 0.10.0リリース。\nCLIがデフォルトでnode_modulesを無視するように、拡張子なしのファイル名のみの指定が可能になり、別途オプションとして拡張子のデフォルト値を設定出来るようになる等","tags":["JavaScript","Tools","ReleaseNote"],"date":"2014-11-28T01:47:28.867Z","relatedLinks":[]},{"title":"React Through the Ages // Speaker Deck","url":"https://speakerdeck.com/zpao/react-through-the-ages","content":"Reactの今後についてのスライド。\nReusable ComponentsがFacebookの中には既に10000個ある。\n1.0に向けてAPIの安定化/修正、ES6 Classesへの対応、CSS in JS、Web Worker対応、レイアウトやアニメーション等をあげている","tags":["React","slide"],"date":"2014-11-28T01:53:15.575Z","relatedLinks":[{"title":"React: CSS in JS // Speaker Deck","url":"https://speakerdeck.com/vjeux/react-css-in-js"}]},{"title":"serratus/quaggaJS","url":"https://github.com/serratus/quaggaJS","content":"JavaScriptで書かれたバーコードリーダライブラリ。getUserMediaを使ってリアルタイムに処理したり、画像から検出したりできる","tags":["JavaScript","library"],"date":"2014-11-28T13:16:51.508Z","relatedLinks":[]},{"title":"Handsontable - JavaScript data grid editor. Excel-like grid editing with HTML & JavaScript","url":"http://handsontable.com/","content":"Excelライクなデータグリッドエディタ。\n依存するライブラリなしで利用できる","tags":["JavaScript","library"],"date":"2014-11-28T14:49:28.775Z","relatedLinks":[]},{"title":"Getting Started with React and JSX","url":"http://www.sitepoint.com/getting-started-react-jsx/","content":"Reactのチュートリアル。\nprops、state、eventと順に紹介してる","tags":["React","tutorial"],"date":"2014-11-28T15:12:07.123Z","relatedLinks":[]},{"title":"What's in a Function Name? - Bocoup","url":"http://bocoup.com/weblog/whats-in-a-function-name/","content":"JavaScriptの関数名について。\n関数定義や関数式、即時実行、newの場合、ES6のletやexportなどのそれぞれの場合に\"関数名\"がどうなるか。\nまたJSHintによるチェックやデバッグに役立つ`displayName`プロパティについて","tags":["JavaScript"],"date":"2014-11-30T06:40:03.350Z","relatedLinks":[]},{"title":"decadecity/css-specificity-map","url":"https://github.com/decadecity/css-specificity-map","content":"CSSの詳細度グラフのデータを作るライブラリ","tags":["CSS","JavaScript","tools"],"date":"2014-11-30T08:02:18.719Z","relatedLinks":[{"title":"The Specificity Graph – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts","url":"http://csswizardry.com/2014/10/the-specificity-graph/"},{"title":"CSS specificity graphs | Blog | Decade City","url":"https://decadecity.net/blog/2014/11/26/css-specificity-graphs"}]},{"title":"フロントエンドエンジニアになってから11ヶ月間で覚えたちょっと捗るChromeの使い方 - Qiita","url":"http://qiita.com/dayoshix/items/0d4043bf7dbaa1dc9184","content":"Chrome開発者ツールのTips。\ngifと共に機能を紹介してて分かりやすい","tags":["Chrome","debug","tools"],"date":"2014-11-30T14:46:37.953Z","relatedLinks":[{"title":"Chrome DevTools Overview - Google Chrome","url":"https://developer.chrome.com/devtools"}]},{"title":"knsv/mermaid","url":"https://github.com/knsv/mermaid","content":"テキストからD3を使ったフローチャートやダイアグラム等の図を作成してくれるライブラリ","tags":["図","JavaScript"],"date":"2014-12-01T02:12:15.077Z","relatedLinks":[]},{"title":"Release 0.11.1 · yyx990803/vue","url":"https://github.com/yyx990803/vue/releases/tag/0.11.1","content":"vue.js 0.11.1リリース。\nv-componentのスコープの変更、`wait-for`属性で特定のeventがemitされるまで待てるように、`v-style`にdataとしてCSSオブジェクトを渡してスタイルを適応出来るようになるなど","tags":["JavaScript","library","ReleaseNote"],"date":"2014-12-01T03:18:19.704Z","relatedLinks":[]},{"title":"Introduction | Full Stack JavaScript Engineering","url":"http://fsje.codefellows.org/","content":"フロントエンド全般についての知識について書かれたGitBookを使った電子書籍","tags":["JavaScript","book","Sass"],"date":"2014-12-01T12:01:41.747Z","relatedLinks":[]},{"title":"Goodbye, Layout Invalidation: Animating SVGs With CSS Transforms | Charlie Marsh","url":"http://www.princeton.edu/~crmarsh/svg-performance/","content":"動かすSVG要素を分けてCSS transform等を使ってGPUで処理が出来るようにチューニングすることで、60FPSが出るようにパフォーマンス改善をする話","tags":["SVG","performance"],"date":"2014-12-01T12:13:39.539Z","relatedLinks":[]},{"title":"DailyJS: JavaScript Developer Survey 2014","url":"http://dailyjs.com/2014/12/01/javascript-survey/","content":"DailyJSのJavaScript開発者アンケート 2014の受付が開始された","tags":["JavaScript"],"date":"2014-12-01T23:06:20.037Z","relatedLinks":[]},{"title":"The State of JavaScript in 2015 - Jimmy Breck-McKye","url":"http://www.breck-mckye.com/blog/2014/12/the-state-of-javascript-in-2015","content":"AngularJS 2.0の発表でJavaScriptについて再考する話。\n新しいテクノロジーを扱う時はちゃんと疑問を持って接する事、企業製だからといって信用するのは別問題、モノリシックなフレームワークよりも役割が分けられたライブラリを選ぶ。\n著名なライブラリがどのような役割を持っているかについて。","tags":["JavaScript","Angular","library","thought"],"date":"2014-12-01T23:23:25.597Z","relatedLinks":[]},{"title":"Amazon: 改訂版 Webデザイナーのための jQuery入門: 髙津戸 壮, 小原 司","url":"http://www.amazon.co.jp/dp/4774169447?tag=amazon0abac-22","content":"「WebデザイナーのためのjQuery入門」の改訂版","tags":["jQuery","book"],"date":"2014-12-02T01:06:58.623Z","relatedLinks":[{"title":"改訂版 WebデザイナーのためのjQuery入門 - Takazudo hamalog","url":"http://hamalog.tumblr.com/post/104081966956/web-jquery"}]},{"title":"lafikl/RWDPerf","url":"https://github.com/lafikl/RWDPerf","content":"画面サイズやUA等のシミュレートして、あるURLで使ってない要素や画像の検出、通信量などのデータを一覧出来るパフォーマンス測定ツール","tags":["design","performance","Tools"],"date":"2014-12-02T14:42:14.911Z","relatedLinks":[]},{"title":"Firefox — Notes (34.0) — Mozilla","url":"https://www.mozilla.org/en-US/firefox/34.0/releasenotes/","content":"Firefox 34リリース。\nCSS Fonts Level 3 の実験的な実装、ES6のObject.assign()やTemplate String、メソッド定義の短縮記法等の実装、開発者ツールの改善等","tags":["firefox","ReleaseNote"],"date":"2014-12-03T08:04:08.946Z","relatedLinks":[{"title":"Firefox 34 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/ja/Firefox/Releases/34"},{"title":"WebIDE, Storage inspector, jQuery events, iframe switcher + more – Firefox Developer Tools Episode 34 ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2014/09/webide-storage-inspector-jquery-events-iframe-switcher-more-firefox-developer-tools-episode-34/"}]},{"title":"Moving from PhantomJS to node-webkit - Todd Wolfson","url":"http://twolfson.com/2014-11-22-moving-from-phantomjs-to-node-webkit","content":"node-webkitを使いスクリーンショットを取って画像diffのレグレッションテストを行う話。","tags":["browser","node-webkit","testing"],"date":"2014-12-03T14:38:00.189Z","relatedLinks":[]},{"title":"Understanding JSON Schema — Understanding JSON Schema 1.0 documentation","url":"http://spacetelescope.github.io/understanding-json-schema/","content":"JSON Schema draft 4について解説しているサイト。\nJSON Schemaの書き方やリファレンス等が用意されている","tags":["JSON","book","tutorial"],"date":"2014-12-03T14:48:08.143Z","relatedLinks":[]},{"title":"Dev.Opera — Opera 26 released","url":"https://dev.opera.com/blog/opera-26/","content":"Opera 26 (based on Chromium 39)リリース","tags":["Opera","ReleaseNote"],"date":"2014-12-04T05:51:28.223Z","relatedLinks":[]},{"title":"JavaScript - Direct Proxiesでmethod missing的なことをやる - Qiita","url":"http://qiita.com/hokaccha/items/3a3ea6180e94e70bc335","content":"Direct Proxiesを使ったmethod missingの実装について","tags":["JavaScript","ECMAScript"],"date":"2014-12-04T05:52:02.260Z","relatedLinks":[]},{"title":"js-reporters/js-reporters","url":"https://github.com/js-reporters/js-reporters","content":"JavaScriptテストフレームワーク/Runnerのレポーターの共通フォーマットについて議論してるコミュニティ","tags":["JavaScript","testing","issue"],"date":"2014-12-04T06:04:04.943Z","relatedLinks":[]},{"title":"bassistance.de » jQuery Foundation 2014 roundup","url":"http://bassistance.de/2014/12/01/jquery-foundation-2014-roundup/","content":"2014年のjQueryの活動についてのまとめ。\njQuery Coreの3.0の方針やPromises等の標準へ合わせる変更について。\njQuery UIのUIレイヤーの標準化活動、パフォーマンステストの実施。\nQUnitを始めとするテストフレームワークのレポーターの標準化活動。\n国際化に使うCLDRのJSON版の管理など","tags":["jQuery","まとめ"],"date":"2014-12-04T07:35:11.970Z","relatedLinks":[{"title":"Roadmap · jquery/jquery Wiki","url":"https://github.com/jquery/jquery/wiki/Roadmap"},{"title":"jquery/css-framework","url":"https://github.com/jquery/css-framework"},{"title":"js-reporters/js-reporters","url":"https://github.com/js-reporters/js-reporters/"},{"title":"jquery/globalize","url":"https://github.com/jquery/globalize/"}]},{"title":"qunit/History.md at 1.16.0 · jquery/qunit","url":"https://github.com/jquery/qunit/blob/1.16.0/History.md","content":"QUnit 1.16.0リリース。\n`done()`呼び出しでの非同期テストを行う`assert.async`の追加、Promiseのサポート、setup/teardownをbeforeEach/afterEachにリネーム、HTML Reporterの改善等","tags":["JavaScript","testing","library","ReleaseNote"],"date":"2014-12-04T14:32:37.103Z","relatedLinks":[{"title":"async() | QUnit API Documentation","url":"http://api.qunitjs.com/async/"},{"title":"Async: Make tests Promise-aware by JamesMGreene · Pull Request #634 · jquery/qunit","url":"https://github.com/jquery/qunit/pull/634"},{"title":"QUnit 2.x Upgrade Guide | QUnit","url":"http://qunitjs.com/upgrade-guide-2.x/"}]},{"title":"QUnit 2.xで変わること","url":"http://azu.github.io/slide/chatwork/qunit2.html","content":"QUnit 2.xでの変更点についてのスライド。\nモジュール化、`done`スタイルの非同期テストサポート、スマートなPromiseテストサポート、レポーターの標準化活動など","tags":["JavaScript","testing","slide"],"date":"2014-12-06T06:23:56.343Z","relatedLinks":[{"title":"QUnit 2.x Upgrade Guide | QUnit","url":"http://qunitjs.com/upgrade-guide-2.x/"}]},{"title":"Intern 2.2 released | Blog | SitePen","url":"http://www.sitepen.com/blog/2014/12/05/intern-2-2-released/","content":"Intern 2.2リリース。\nコンソールレポーターの表示改善、テストが失敗した時にオブジェクトのDiff表示が出来るようになるなど","tags":["JavaScript","testing","library","ReleaseNote"],"date":"2014-12-06T07:33:34.208Z","relatedLinks":[]},{"title":"ES7 final.mp4 - Google ドライブ","url":"https://drive.google.com/file/d/0B4PVbLpUIdzoUjdmSkFtVVozQnM/view","content":"ES7についての紹介する発表。\nObject.observeの変更通知とイベントループ。\nPromises、Generator、またES7のasync/await、さらに発展してObservableを返すAsync Generatorについて。","tags":["JavaScript","ECMAScript","video","slide"],"date":"2014-12-06T12:58:19.516Z","relatedLinks":[{"title":"ES7 Async Generator from azu on Twitter","url":"https://twitter.com/azu_re/timelines/541204375696191488"},{"title":"jhusain/asyncgenerator","url":"https://github.com/jhusain/asyncgenerator"}]},{"title":"JavaScript Cookbook, 2nd Edition - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920033455.do","content":"2015年2月 発売\nJavaScript Cookbookの第二版","tags":["JavaScript","book"],"date":"2014-12-06T15:03:01.681Z","relatedLinks":[]},{"title":"Introduction to Service Worker: How to use Service Worker - HTML5 Rocks","url":"http://www.html5rocks.com/en/tutorials/service-worker/introduction/","content":"Service Workerのライフサイクル、Service Workerへのスクリプトの登録方法や基本的な使い方、どうやってキャッシュを更新するか、注意点について","tags":["JavaScript","tutorial"],"date":"2014-12-06T15:40:40.260Z","relatedLinks":[]},{"title":"The npm Blog — Getting Started with npm","url":"http://blog.npmjs.org/post/104272486560/getting-started-with-npm","content":"npmのサイトのGetting Startedに動画チュートリアルが追加された ","tags":["npm","video"],"date":"2014-12-06T15:43:42.085Z","relatedLinks":[{"title":"Getting Started","url":"https://docs.npmjs.com/getting-started/what-is-npm"}]},{"title":"Top 10 Mistakes Node.js Developers Make","url":"https://www.airpair.com/node.js/posts/top-10-mistakes-node-developers-make","content":"Nodeで開発時にやってしまう間違いとそれを改善する方法や参考リソース。\n半分以上JavaScriptで同様の事が当てはまりそう","tags":["node.js","まとめ"],"date":"2014-12-06T15:48:06.838Z","relatedLinks":[]},{"title":"a11y.css by Gaël Poupard","url":"http://ffoodd.github.io/a11y.css/","content":"CSSを使ったHTMLのビジュアルLintツール。\nHTML要素における記述のミスなどへの警告やエラーを表示する事ができる","tags":["CSS","アクセシビリティ","HTML","ブックマークレット"],"date":"2014-12-07T09:32:51.732Z","relatedLinks":[]},{"title":"Learn JavaScript & jQuery - a book about interactive front-end web development","url":"http://www.javascriptbook.com/","content":"HTML & CSS: Design and Build WebsitesのJavaScript編","tags":["JavaScript","jQuery","book"],"date":"2014-12-07T10:38:49.708Z","relatedLinks":[]},{"title":"Chromium Blog: Chrome 40 Beta: Powerful Offline and Lightspeed Loading with Service Workers","url":"http://blog.chromium.org/2014/12/chrome-40-beta-powerful-offline-and.html","content":"Chrome 40β リリース。\nService WorkersとCSP Lv2の部分的サポート、`element.closest()`のサポート等","tags":["Chrome","ReleaseNote"],"date":"2014-12-07T12:43:43.692Z","relatedLinks":[]},{"title":"webpackを使い倒す - Thujikun blog","url":"http://thujikun.github.io/blog/2014/12/07/webpack","content":"webpackのloader紹介、`resolve`フィールドの指定による`require`のパス解決、pluginsの紹介、Webpack Deb Server、非同期読み込みについて","tags":["webpack"],"date":"2014-12-07T14:28:56.016Z","relatedLinks":[]},{"title":"Tweene :: JavaScript Animation Proxy","url":"http://tweene.com/","content":"JavaScriptアニメーションプロキシライブラリ。\n既にアニメーション機能を実装してるGSAP、 Velocity.js、 Transit、 jQuery等のライブラリを共通のAPIで利用できるようにするラッパライブラリ","tags":["JavaScript","animation","library"],"date":"2014-12-08T08:29:40.811Z","relatedLinks":[]},{"title":"生WebGL入門:初音ミクの美麗3Dモデルを表示する(前編) » nmi.jp","url":"http://nmi.jp/archives/582","content":"WebGLを使ってMMDの3Dモデルを表示するまでを丁寧に解説している\nWebGLでのポリゴンの表示、3Dで必須な行列や座標、モデルデータの読み込みについて等","tags":["WebGL","tutorial","JavaScript"],"date":"2014-12-08T08:59:30.796Z","relatedLinks":[{"title":"生WebGL入門:初音ミクの美麗3Dモデルを表示する(前編) » nmi.jp","url":"http://nmi.jp/archives/582"}]},{"title":"rejs – Vanilla JS Module Builderの紹介 | GREE Engineers' Blog","url":"http://labs.gree.jp/blog/2014/12/12311/","content":"名前空間オブジェクトを使うJavaScriptファイルを、名前空間のプロパティにアクセスできるようにソートして結合出来るコマンドラインツール","tags":["JavaScript","Tools"],"date":"2014-12-08T10:38:18.541Z","relatedLinks":[{"title":"Moncader/rejs","url":"https://github.com/Moncader/rejs"}]},{"title":"SVGOを使ったSVGの軽量化方法（アニメーションさせるときの注意とか）｜2.IDEA","url":"http://2ndidea.com/svg/optimize-svg-with-svgo/","content":"SVGの最適化を行うSVGOの使い方について。\nそれぞれのプラグインについて解説されてる","tags":["SVG","Tools"],"date":"2014-12-09T02:29:22.818Z","relatedLinks":[]},{"title":"WebSocket - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920030485.do","content":"WebSocketについての書籍","tags":["WebSocket","book"],"date":"2014-12-09T05:40:31.121Z","relatedLinks":[]},{"title":"harmony:specification_drafts [ES Wiki]","url":"http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts#december_6_2014_draft_rev_29","content":"ECMAscript 6 Draft Rev 29リリース。\n`RegExp.prototype.flags`の追加、WeakMap/WeakSetから`clear`メソッドの削除、`String.prototype.contains`が`includes`にリネーム","tags":["ECMAScript","ReleaseNote"],"date":"2014-12-10T01:33:17.272Z","relatedLinks":[{"title":"TC39 MTG Notes 第43回 報告会","url":"http://azu.github.io/slide/chatwork/tc39-mtg-notes.html"},{"title":"RegExp.prototype.flags - JavaScript | MDN","url":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/flags"}]},{"title":"Release 0.4 · sdesalas/trifleJS","url":"https://github.com/sdesalas/trifleJS/releases/tag/v0.4","content":"PhantomJSのIE版的なヘッドレスブラウザであるtrifleJS 0.4リリース。\n","tags":["IE","ReleaseNote"],"date":"2014-12-10T01:53:38.918Z","relatedLinks":[]},{"title":"Ember.js - Ember.js 1.9.0 and 1.10 Beta Released","url":"http://emberjs.com/blog/2014/12/08/ember-1-9-0-released.html","content":"Ember.js 1.9.0と1.10βリリース。\nEmber 2.0に向けて1.9では非推奨となった機能があることについて書かれている。\nHandlebars 2.0へのアップデート、streams observationパターンの導入等","tags":["JavaScript","library","ReleaseNote"],"date":"2014-12-10T08:25:27.002Z","relatedLinks":[{"title":"Ember.js - Deprecations: Deprecations","url":"http://emberjs.com/guides/deprecations/"}]},{"title":"Release 3.5 “Mount Sharp” · mbostock/d3","url":"https://github.com/mbostock/d3/releases/tag/v3.5.0","content":"D3.js 3.5リリース","tags":["JavaScript","SVG","library","ReleaseNote"],"date":"2014-12-10T14:12:05.951Z","relatedLinks":[{"title":"D3 バージョン 3.5 がリリースされました。 | Daily D3","url":"http://daily.d3js.info/?p=775"}]},{"title":"On Third-Party JavaScript - In Production Case-Study","url":"http://blog.risingstack.com/on-third-party-javascript-in-production/","content":"サードパーティJavaScriptのケーススタディから学べる事について。\nMixpanel、Disqusからサイズやキャッシュ、どういう初期化経路を踏むかなどについて書かれている","tags":["JavaScript","セキュリティ"],"date":"2014-12-11T01:13:58.187Z","relatedLinks":[]},{"title":"Snap.svgの使い方まとめ","url":"http://www.h2.dion.ne.jp/~defghi/snapsvg/snapsvg.xhtml","content":"Snap.svgについての詳しい解説、チュートリアル。\n目的や基本的な使い方から応用、Raphaël.jsとの違いなどよくまとまってる","tags":["SVG","tutorial","まとめ"],"date":"2014-12-11T06:48:02.776Z","relatedLinks":[]},{"title":"gcanti/uvdom","url":"https://github.com/gcanti/uvdom","content":"Virtual DOMを持っているライブラリ(React、virtual-dom等)向けに、それぞれ変換出来る抽象レイヤーの実装。","tags":["JavaScript","VirualDOM","library"],"date":"2014-12-11T09:15:11.185Z","relatedLinks":[]},{"title":"Dynatrace AJAX Edition 4.5 is here","url":"http://apmblog.compuware.com/2014/12/11/dynatrace-ajax-edition-4-5-last-page-chapter-yet-story-continues/","content":"Dynatrace AJAX Edition 4.5リリース","tags":["performance","software","browser"],"date":"2014-12-12T06:29:27.341Z","relatedLinks":[]},{"title":"Introducing the JavaScript Internationalization API ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2014/12/introducing-the-javascript-internationalization-api/","content":"ECMA i18n APIの使い方について。\n元々localeCompareやtoLocaleStringといったものがあったがローカライズには不十分であったため、ECMA i18n APIを使って色々なユースケースの紹介","tags":["JavaScript","i18n","API"],"date":"2014-12-12T09:16:46.876Z","relatedLinks":[]},{"title":"Polyfilling Doesn't Have to be Difficult -Telerik Developer Network","url":"http://developer.telerik.com/featured/polyfilling-doesnt-difficult/","content":"polyfillとはどういうものか、実際に`Number.isInteger()`や`placeholder`属性の実装しながら学ぶチュートリアル","tags":["JavaScript","library","tutorial"],"date":"2014-12-12T09:26:07.420Z","relatedLinks":[]},{"title":"How to Use npm as a Build Tool","url":"http://blog.keithcirkel.co.uk/how-to-use-npm-as-a-build-tool/","content":"npm run-scriptをビルドツールとして使う話\nクロスプラットフォーム向けにrmの代わりにrimrafモジュールを使ったり、タスクのグループ化やhookについて書かれている。","tags":["npm"],"date":"2014-12-12T09:32:06.198Z","relatedLinks":[]},{"title":"[JavaScript Advent Calendar 2014 No.6] navigator.onLine in Blink","url":"http://blog.oimou.com/javascript-advent-calendar-2014-6ri-mu-navigator-onlinemaniatukusu2589ed73/","content":"navigator.onLineがどのように実装されているかをBlink/Chromeのソースコードから追っていく話。\nブラウザのソースコードを見ていく方法について実例での参考になりそう","tags":["Chrome","blink","コードリーディング"],"date":"2014-12-12T09:33:47.348Z","relatedLinks":[]},{"title":"JavaScript - Chrome 40 で今すぐ ServiceWorker を試す - Qiita","url":"http://qiita.com/kinu/items/2abd61b4390f9bbaffc9","content":"ServiceWorkerを使ったオフライン処理、スクリプトの登録、更新方法、FetchやCache APIについて","tags":["ServiceWorker","JavaScript"],"date":"2014-12-13T10:24:04.102Z","relatedLinks":[]},{"title":"Papa Parse - Powerful CSV parser for Javascript","url":"http://papaparse.com/","content":"CSVパーサーライブラリ。\nCSVをJSONに変換、WebWorkerを使っての並列処理、ダウンロードしながらのパース等","tags":["JavaScript","library"],"date":"2014-12-13T12:49:08.815Z","relatedLinks":[]},{"title":"Amazon: TypeScript実践プログラミング (Programmer's SELECTION): スティーブ・フェントン, 鈴木 幸敏, 株式会社クイープ","url":"http://www.amazon.co.jp/dp/4798139807?tag=amazon0abac-22","content":"2015年1月23日 発売\nPro TypeScriptの翻訳本\nhttp://www.apress.com/9781430267911","tags":["TypeScript","book","translate"],"date":"2014-12-13T16:17:28.973Z","relatedLinks":[]},{"title":"Offline.js – Handle your users losing their internet connection like a pro","url":"http://github.hubspot.com/offline/docs/welcome/","content":"オフラインかどうかを検知して通知出来るライブラリ","tags":["JavaScript","library"],"date":"2014-12-14T07:19:19.012Z","relatedLinks":[]},{"title":"Ractive.js の紹介 — KaoriYa","url":"http://www.kaoriya.net/blog/2014/12/13/","content":"簡単なTODOアプリを使ったRactive.jsの紹介。\nmustache拡張なテンプレートとイベント、データバインディングについて","tags":["JavaScript","MVC","library"],"date":"2014-12-14T07:35:43.788Z","relatedLinks":[]},{"title":"jsdom/Changelog.md at 1.5.0 · tmpvar/jsdom","url":"https://github.com/tmpvar/jsdom/blob/1.5.0/Changelog.md","content":"jsdom 1.5.0リリース。\nconsole APIの定義を追加","tags":["JavaScript","DOM","library"],"date":"2014-12-15T07:40:49.493Z","relatedLinks":[]},{"title":"decimal.js API","url":"http://mikemcl.github.io/decimal.js/","content":"Decimalを扱うライブラリ。\n小数点同士の演算、丸め込みの挙動の指定等、フォーマットを指定しての出力等が出来る","tags":["JavaScript","library"],"date":"2014-12-16T07:46:02.514Z","relatedLinks":[]},{"title":"JavaScript Application Architecture On The Road To 2015 — Medium","url":"https://medium.com/@addyosmani/javascript-application-architecture-on-the-road-to-2015-d8125811101b","content":"2014年のJavaScript全体のアーキテクチャを振り返り今後どうなるかについての話。\nデータバインディング、Immutable、Virtual DOM、Web Component、Component同士のメッセージング、ES6とBrowserify、オフラインファースト等","tags":["JavaScript"],"date":"2014-12-16T08:09:09.172Z","relatedLinks":[]},{"title":"Meta programming with ECMAScript 6 proxies","url":"http://www.2ality.com/2014/12/es6-proxies.html","content":"ES6のProxyについて詳しい解説。\nメタプログラミングとは何か、Proxyはどのように動くのか、ユースケース、Proxyかどうかの判定方法、PropertyDescriptorとあわせた場合の挙動、Reflect APIについて","tags":["JavaScript","ECMAScript","リファレンス","まとめ"],"date":"2014-12-16T11:16:24.257Z","relatedLinks":[{"title":"ECMAScript 6 proxyによるメタプログラミング(1/11) | JSお散歩","url":"http://panda.node.ws/?p=1371"}]},{"title":"The offline cookbook - JakeArchibald.com","url":"http://jakearchibald.com/2014/offline-cookbook/","content":"ServiceWorkerを使った典型的なパターンの紹介。\n","tags":["ServiceWorker","JavaScript"],"date":"2014-12-16T11:54:59.067Z","relatedLinks":[]},{"title":"実践入門 Ember.js：連載｜gihyo.jp … 技術評論社","url":"http://gihyo.jp/dev/serial/01/emberjs","content":"Ember.jsについての連載","tags":["JavaScript","MVC","library"],"date":"2014-12-16T11:59:39.298Z","relatedLinks":[]},{"title":"Web Componentsの基本的な使い方・まとめ","url":"http://www.h2.dion.ne.jp/~defghi/webc/webc.htm","content":"Web Componentsの構成要素、それぞれの機能について詳しく解説されてる。\ntemplate要素、HTML Imports、Shadow DOM、Custom Elementsについて","tags":["WebComponents","tutorial","まとめ"],"date":"2014-12-16T12:36:23.781Z","relatedLinks":[]},{"title":"Backbone Conf III - 2014 - YouTube","url":"https://www.youtube.com/playlist?list=PLlgxAbM67lYIGw8DnANC7VgREbzJRQged&app=desktop","content":"http://backboneconf.com/ の動画が公開された","tags":["backbone.js","video","Conference","まとめ"],"date":"2014-12-18T05:36:34.387Z","relatedLinks":[{"title":"BACKBONECONF 2014, by Bocoup","url":"http://backboneconf.com/"}]},{"title":"CUTT System:TypeScriptネットワークプログラミング","url":"http://www.cutt.co.jp/book/978-4-87783-354-1.html","content":"2014年1月10日 発売\nWebSocketやWebRTC等を使ったアプリをTypeScriptで書いて学んで行く書籍","tags":["TypeScript","book"],"date":"2014-12-18T06:01:13.478Z","relatedLinks":[]},{"title":"Improving the Pointer Events Polyfill | Official jQuery Blog","url":"http://blog.jquery.com/2014/12/17/improving-the-pointer-events-polyfill/","content":"GoogleからjQuery FoundationがPointerEventsのpolyfillの管理を引き継いだ","tags":["google","jQuery","library"],"date":"2014-12-18T06:04:19.113Z","relatedLinks":[]},{"title":"DailyJS: JavaScript Developer Survey 2014: Results","url":"http://dailyjs.com/2014/12/16/javascript-survey-results/","content":"JavaScript開発者アンケート 2014年の結果が公開された。\n","tags":["JavaScript","まとめ"],"date":"2014-12-18T06:06:49.684Z","relatedLinks":[{"title":"DailyJS | JavaScript デベロッパー・サーベイ 2014 結果 | JSお散歩","url":"http://panda.node.ws/?p=1620"}]},{"title":"Libscore","url":"http://libscore.com/","content":"世界中のサイトでどのJavaScriptライブラリがどれくらい使われているかを表示するサービス","tags":["JavaScript","library","search"],"date":"2014-12-18T07:32:32.682Z","relatedLinks":[]},{"title":"Node v0.10.34 (Stable)","url":"http://blog.nodejs.org/2014/12/17/node-v0-10-34-stable","content":"Node v0.10.34 リリース。\nv0.11.15がv0.12RCとなるので、次のStableで0.12がリリースされる予定","tags":["node.js","ReleaseNote"],"date":"2014-12-18T07:36:58.314Z","relatedLinks":[{"title":"node js on Twitter: \"Node v0.10.34 (Stable) http://t.co/VimTZXc1VK tomorrow is v0.11.15 (the release candidate for v0.12)\"","url":"https://twitter.com/nodejs/status/545349270241435648"}]},{"title":"TypeScript - dtsmのご紹介 - Qiita","url":"http://qiita.com/vvakame/items/38b953ab0f4de63cce8b","content":"npmライクなコマンドラインインタフェースを持ったd.ts管理ツール","tags":["TypeScript","package","Tools"],"date":"2014-12-18T11:41:38.905Z","relatedLinks":[]},{"title":"JavaScript - こわくない Protractor - Qiita","url":"http://qiita.com/shuhei/items/6973fe694d29a193f224","content":"ProtractorというE2Eテストツールの仕組みについての解説。\nelement() は DOM 要素を選択してる訳ではない、ブラウザの操作をするメソッドはPromiseを返している、書いた順番で実行されるようになっている点などどのような仕組みで動いているかについてまとめられている","tags":["protractor","E2E","testing"],"date":"2014-12-18T11:52:25.310Z","relatedLinks":[]},{"title":"jQuery 1.11.2 and 2.1.3 Released – Safari Fail-Safe Edition | Official jQuery Blog","url":"http://blog.jquery.com/2014/12/18/jquery-1-11-2-and-2-1-3-released-safari-fail-safe-edition/","content":"jQuery 1.11.2 と 2.1.3リリース。\niOS7と8のquerySelectorバグの対処","tags":["jQuery","ReleaseNote"],"date":"2014-12-20T01:20:20.743Z","relatedLinks":[]},{"title":"Effective web performance tuning for smartphone","url":"http://www.slideshare.net/dena_study/effective-web-performance-tuning-for-smartphone","content":"スマフォのパフォーマンスチューニングについてのスライド。\nどうやって調査するか、改善のワークフロー、何を指標に改善するか。\n処理時間が20ms超、一定間隔で同一処理、描画の負荷が高いイベント、5MB超のGC、メモリリーク、意図しないレイヤーの合成について","tags":["mobile","JavaScript","game","performance","slide"],"date":"2014-12-20T14:25:07.385Z","relatedLinks":[]},{"title":"ソーシャルメディアの読み込みはDNSプリフェッチのまとめ設定がお得 | ゆっくりと…","url":"http://tokkono.cute.coocan.jp/blog/slow/index.php/programming/boostup-socials-with-dns-prefetch/","content":"rel=\"dns-prefetch\"のブラウザサポート状況、同時に指定できる数の制限が無いこと、meta要素を置く場所について。\n","tags":["browser","performance"],"date":"2014-12-21T12:41:54.224Z","relatedLinks":[]},{"title":"HTML Best Practices - Weblog - Hail2u.net","url":"http://hail2u.net/blog/webdesign/html-best-practices.html","content":"HTMLベストプラクティス。\nHTMLの書き方について良い例と悪い例が書かれている","tags":["HTML"],"date":"2014-12-22T08:56:29.296Z","relatedLinks":[{"title":"hail2u/html-best-practices","url":"https://github.com/hail2u/html-best-practices"}]},{"title":"domenic/html-as-custom-elements","url":"https://github.com/domenic/html-as-custom-elements","content":"HTML要素をCustom Elementで実装し直すプロジェクト。","tags":["HTML","WebComponents"],"date":"2014-12-22T10:28:28.063Z","relatedLinks":[]},{"title":"IE10 以下を切る場合の JavaScript チェックリスト - Qiita","url":"http://qiita.com/Jxck_/items/fe8a1c49cac717e52ae3","content":"モダンブラウザでは利用できるJavaScriptやDOM APIについて。\nまた使いどころが難しい機能についても触れている","tags":["IE","JavaScript","browser","まとめ"],"date":"2014-12-22T12:31:46.562Z","relatedLinks":[]},{"title":"React.js + Flux入門 #scripty02","url":"http://www.slideshare.net/techblogyahoo/reactjs-flux-scripty02","content":"React, Virtual DOM, Flux(Fluxxor) を全体的に眺めた感じのスライド。 Reactが持つ機能やライフサイクル、Fluxのフローについて","tags":["React","library","Flux"],"date":"2014-12-23T07:06:07.944Z","relatedLinks":[]},{"title":"foss-haas/fynx","url":"https://github.com/foss-haas/fynx","content":"Fluxアーキテクチャ的な実装ライブラリ。\nAjax的な操作を行うServicesという場所を明示的に用意している。\n","tags":["Flux","library"],"date":"2014-12-23T07:08:11.085Z","relatedLinks":[]},{"title":"Unit Testing Polymer Elements - Polymer","url":"https://www.polymer-project.org/articles/unit-testing-elements.html","content":"Polymerを使ったElementのテストのチュートリアル。\nWeb Componentsのテストの参考になりそう","tags":["WebComponents","testing","tutorial"],"date":"2014-12-23T08:31:35.048Z","relatedLinks":[]},{"title":"Maintaining JavaScript Code Quality with ESLint | PayPal Engineering Blog","url":"https://www.paypal-engineering.com/2014/12/12/maintaining-javascript-code-quality-with-eslint/","content":"自分でルールを拡張出来るESLintの紹介。簡単なルールの書き方、設定方法について","tags":["JavaScript","Tools","AST"],"date":"2014-12-23T08:52:12.250Z","relatedLinks":[]},{"title":"私のJavaScript情報の集め方 - Qiita","url":"http://qiita.com/koba04/items/ba2381776d394633de72","content":"JavaScriptに関連する情報収集について","tags":["JavaScript","rss","twitter","github"],"date":"2014-12-23T09:20:49.650Z","relatedLinks":[{"title":"Frontrend in Kanazawaのスライドを公開しましたというご連絡と情報収集についての補足など - Life goes on","url":"http://layzie.hatenablog.com/entry/20141104/1415076724"},{"title":"世界のJavaScriptを読もう @ 2014","url":"http://azu.github.io/slide/jser200/javascript-2014.html"}]},{"title":"Shape Security Labs: Announcing the Shift JavaScript AST Specification","url":"http://engineering.shapesecurity.com/2014/12/announcing-shift-javascript-ast.html","content":"SpiderMonkey ASTは内部表現として始まったので、ツールから扱いにくい部分やES6のサポートの問題がでてきた。 \"Shift\"プロジェクトではそのASTの仕様策定、パーサ、ジェネレータ、バリデータ、SpiderMonkey ASTからの変換ツール、Javaの実装などが公開されている。","tags":["JavaScript","AST","spec"],"date":"2014-12-24T03:26:34.177Z","relatedLinks":[{"title":"Shape Security","url":"https://github.com/shapesecurity"}]},{"title":"Node v0.10.35 (Stable)","url":"http://blog.nodejs.org/2014/12/23/node-v0-10-35-stable/","content":"Node v0.10.35リリース。\nhttp://d.hatena.ne.jp/jovi0608/20141222/1419265270 の修正が入った","tags":["node.js","ReleaseNote"],"date":"2014-12-24T06:45:26.884Z","relatedLinks":[]},{"title":"Performance Calendar » Fast-Forward Performance – The Future Looks Bright","url":"http://calendar.perfplanet.com/2014/fast-forward-performance-the-future-looks-bright/","content":"パフォーマンス改善に役立つAPI、測定をするためのAPIのまとめ。\nブラウザのサポート状態について","tags":["browser","JavaScript","API","performance"],"date":"2014-12-25T11:19:21.642Z","relatedLinks":[]},{"title":"Knockout.js - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920035367.do","content":"Knockout.js についての書籍","tags":["JavaScript","library","book"],"date":"2014-12-25T11:40:33.569Z","relatedLinks":[]},{"title":"Brackets Blog - The Free, Open Source Code Editor for the Web","url":"http://blog.brackets.io/2014/12/18/brackets-1-1-and-extract-for-brackets-0-6-now-available/","content":"Brackets 1.1リリース。\nクロスプラウザのLive Previewを実験的にサポート。","tags":["editor","ReleaseNote"],"date":"2014-12-25T11:56:51.629Z","relatedLinks":[]},{"title":"JSVerify — property based testing for JavaScript. Like QuickCheck.","url":"http://jsverify.github.io/#jsverify","content":"QuickCheckを行うライブラリ。\nMochaやJasmineとの連携も用意されている","tags":["JavaScript","testing","library"],"date":"2014-12-26T06:11:46.955Z","relatedLinks":[]},{"title":"Ember.js - Ember.js 1.9.1 Released","url":"http://emberjs.com/blog/2014/12/23/ember-1-9-1-released.html","content":"Ember.js 1.9.1 リリース。\nHandlebarsテンプレートはタグのエスケープは自動でやるが、属性値にjavascript:等を指定した場合にXSSとなる可能性があったため自動的にエスケープされるように変更された","tags":["JavaScript","library","ReleaseNote","XSS"],"date":"2014-12-26T06:17:02.540Z","relatedLinks":[]},{"title":"Flux react現状確認会","url":"http://www.slideshare.net/VOYAGE_GROUP/flux-react","content":"FluxとReactについてのスライド。\nアーキテクチャ = オブザーバパターン、データの一方通行性、メリット・デメリット、ViewライブラリとしてReactを選んだ理由について。\n実際にFlux的にやっての本家との違いについて","tags":["React","Flux","slide"],"date":"2014-12-26T08:23:49.198Z","relatedLinks":[{"title":"Fluxとはなんだったのか + misc at 2014 - snyk_s log","url":"http://saneyukis.hatenablog.com/entry/2014/12/24/014421"}]},{"title":"Chrome 関連の動画に日本語字幕が付きました - Google Developer Japan Blog","url":"http://googledevjp.blogspot.com/2014/12/chrome.html","content":"I/O Bytes 2014のChrome関係の動画に日本語字幕がついた","tags":["Chrome","translate"],"date":"2014-12-26T08:31:44.155Z","relatedLinks":[]},{"title":"mapbox/pbf","url":"https://github.com/mapbox/pbf","content":"ファイルサイズの小さいprotocol buffersの実装ライブラリ","tags":["JavaScript","library"],"date":"2014-12-27T04:16:47.151Z","relatedLinks":[]},{"title":"6to5/CHANGELOG.md at master · 6to5/6to5","url":"https://github.com/6to5/6to5/blob/master/CHANGELOG.md#200","content":"ES6のコードをES5に変換する6to5 2.0.0リリース。\nFlowTypeのサポート、polyfill等をcore-jsに変更、Performanceの改善、`6to5/register`に`cache`オプションの追加等","tags":["JavaScript","ECMAScript","Tools","ReleaseNote"],"date":"2014-12-29T03:07:35.821Z","relatedLinks":[{"title":"Flow types · Issue #260 · 6to5/6to5","url":"https://github.com/6to5/6to5/issues/260"},{"title":"zloirock/core-js","url":"https://github.com/zloirock/core-js"},{"title":"Slow compilation · Issue #341 · 6to5/6to5","url":"https://github.com/6to5/6to5/issues/341"}]},{"title":"jsdom/Changelog.md at 2.0.0 · tmpvar/jsdom","url":"https://github.com/tmpvar/jsdom/blob/2.0.0/Changelog.md","content":"jsdom 2.0.0リリース。\nリファクタリング、内部構造が大きく変えていくリリース。\n`levels`という概念を捨ててliving standart modelに従う用に。\n非標準なAPIを標準化されたものへ変更など","tags":["JavaScript","DOM","library"],"date":"2014-12-29T05:09:15.443Z","relatedLinks":[]},{"title":"HTMLBars - A Feature-by-Feature Review | colintoh.com","url":"http://colintoh.com/blog/htmlbars","content":"Emberが採用するHTMLBarsについて。\n以前のEmberのレンダリング\nテンプレート -> AST -> HTML String -> DOM\nというフローだった。\nHTMLBarsでは\nテンプレート -> JS関数 -> DOM\nというフローとなった理由や仕組みについて。","tags":["JavaScript"],"date":"2014-12-29T12:59:03.221Z","relatedLinks":[]},{"title":"Symbols in ECMAScript 6","url":"http://www.2ality.com/2014/12/es6-symbols.html","content":"ES6のSymbolsについて。\nSymbolの使い方、const Symbol()でのユニーク値としての利用、WeakMapと合わせてのプライベート値、メタ値との利用、iframe、なぜ文字列じゃなくてSymbolなのかについて","tags":["ECMAScript","JavaScript"],"date":"2014-12-29T15:12:17.283Z","relatedLinks":[]},{"title":"Release v1.5.0 · eslint/espree","url":"https://github.com/eslint/espree/releases/tag/v1.5.0","content":"esprima forkのespree 1.5.0リリース。\nJSXのパースをサポート","tags":["JavaScript","AST","library","ReleaseNote"],"date":"2014-12-30T02:42:04.821Z","relatedLinks":[]},{"title":"azu/textlint","url":"https://github.com/azu/textlint","content":"テキストやMarkdownをLintするツール。\nESLintのようにルールをJavaScriptで書いて拡張出来る。","tags":["JavaScript","Markdown","Tools","library","node.js"],"date":"2014-12-30T07:41:58.627Z","relatedLinks":[{"title":"JavaScriptでルールを書けるテキスト/Markdownの校正ツール textlint を作った | Web Scratch","url":"http://efcl.info/2014/12/30/textlint/"}]},{"title":"Smashing Magazineのパフォーマンス改善ケースが凄まじい件 — MOL","url":"http://t32k.me/mol/log/style-class-conference/","content":"Smashing Magazineのパフォーマンス改善について。\nCritical Rendering Pathの最適化、パフォーマンス改善の指標をSpeed Index <= 1000としている点について等","tags":["JavaScript","CSS","performance"],"date":"2014-12-30T12:41:58.578Z","relatedLinks":[{"title":"Improving Smashing Magazine's Performance: A Case Study - Smashing Magazine","url":"http://www.smashingmagazine.com/2014/09/08/improving-smashing-magazine-performance-case-study/"}]},{"title":"Functional Reactive Programming with the Power of Node.js Streams","url":"http://blog.risingstack.com/functional-reactive-programming-with-the-power-of-nodejs-streams/","content":"NodeのStreamとFRPの導入的な記事。\nリアクティブプログラミングはどのようなケースで有用なのか、FRPのライブラリとしてRxJSやBacon等が既にある。\nまたNodeのStreamとの互換性を高めたHighland.jsというライブラリの紹介記事","tags":["node.js","stream","関数型プログラミング"],"date":"2014-12-30T13:23:18.297Z","relatedLinks":[]},{"title":"The state of the Web Notifications API - Aurelio De Rosa blog","url":"http://aurelio.audero.it/blog/2014/10/18/state-web-notifications-api/","content":"Web Notifications APIの`events`周りの仕様がW3CとWHATWGで異なるが、それぞれのブラウザの実装はどうなっているかについて。\n","tags":["JavaScript","WebPlatformAPI"],"date":"2014-12-30T13:38:51.131Z","relatedLinks":[{"title":"W3C vs. WhatWG HTML5 Specs - Differences Documented -Telerik Developer Network","url":"http://developer.telerik.com/featured/w3c-vs-whatwg-html5-specs-differences-documented/"}]},{"title":"Javascript-globalization by rxaviers","url":"http://rxaviers.github.io/javascript-globalization/","content":"ECMA i18n APIやFormatJS等の国際化ライブラリなどの特徴や機能比較のまとめ","tags":["JavaScript","i18n","library","まとめ"],"date":"2014-12-30T13:48:20.224Z","relatedLinks":[]},{"title":"ESLint 0.11.0 released - ESLint","url":"http://eslint.org/blog/2014/12/eslint-0.11.0-released/","content":"ESLint 0.11.0リリース。\nJavaScriptパーサがesprimaからEspreeへと変更された。\nまたES5がデフォルトとなり、ES3のコードとしてLintしたい場合はオプションを変更する必要がある","tags":["ECMAScript","JavaScript","Tools","ReleaseNote"],"date":"2014-12-31T01:32:47.511Z","relatedLinks":[]},{"title":"mauriciosoares/core.js","url":"https://github.com/mauriciosoares/core.js","content":"Core.registerで要素指定しその要素に関連する処理を書いたコンポーネントを作り、コンポーネント同士はlistenとnotifyのpub/subでやり取りする事で疎結合な構成を作るライブラリ","tags":["JavaScript","library"],"date":"2014-12-31T21:50:53.755Z","relatedLinks":[]},{"title":"Pro Express.js","url":"http://www.apress.com/9781484200384","content":"Express.js についての書籍","tags":["node.js","book"],"date":"2015-01-02T12:13:38.214Z","relatedLinks":[]},{"title":"Release Bulleit Bottle · sass/libsass","url":"https://github.com/sass/libsass/releases/tag/3.1.0","content":"libsass 3.1.0リリース。\n`@debug`、`@error`等のデバッグ系の実装、`random()`等の関数の実装や修正など。","tags":["Sass","ReleaseNote"],"date":"2015-01-02T12:27:47.752Z","relatedLinks":[]},{"title":"Beautiful JavaScript - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920030706.do","content":"2015年3月発売\nJavaScript全体のエコシステムやどうやって問題にアプローチしていくのかなどについて","tags":["JavaScript","book"],"date":"2015-01-02T12:39:34.599Z","relatedLinks":[]},{"title":"CSS Refactoring - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920033998.do","content":"2015年3月発売\nCSSのリファクタリング本","tags":["CSS","book"],"date":"2015-01-02T12:40:12.264Z","relatedLinks":[]},{"title":"KeyboardEvent.keyを利用する前に知っておくべき事 - WebStudio","url":"http://www.d-toybox.com/studio/weblog/show.php?mode=single;id=2015010100","content":"DOM 3 KeyEventについて。 \nKeyboardEvent.keyCodeの問題点、\nKeyboardEvent.keyは入力される文字となり直感的、KeyboardEvent.codeはキー自体を示す、クロスブラウザでのキーイベント対応について","tags":["DOM","event","キーボード"],"date":"2015-01-02T13:12:35.503Z","relatedLinks":[]},{"title":"fraction/set-timer","url":"https://github.com/fraction/set-timer","content":"setTimeout、setIntervalをラップしたTimer APIライブラリ","tags":["JavaScript","library"],"date":"2015-01-03T15:01:14.321Z","relatedLinks":[]},{"title":"A Brief Introduction to SVG | Treehouse Blog","url":"http://blog.teamtreehouse.com/brief-introduction-svg","content":"SVGとは何かというのが簡単にまとめられたスクリーンキャスト","tags":["SVG","video"],"date":"2015-01-04T02:09:29.401Z","relatedLinks":[]},{"title":"deSVG","url":"http://benhowdle.im/deSVG/","content":"SVGをインラインに展開してCSSでスタイリング出来るようにするライブラリ","tags":["SVG","CSS","JavaScript","library"],"date":"2015-01-04T23:58:50.018Z","relatedLinks":[]},{"title":"Release v2.2.0 · less/less.js","url":"https://github.com/less/less.js/releases/tag/v2.2.0","content":"less 2.2.0リリース。\n","tags":["CSS","JavaScript","ReleaseNote"],"date":"2015-01-05T01:16:41.466Z","relatedLinks":[]},{"title":"Advanced unit testing tools for Node.js","url":"http://blog.wercker.com/2014/12/23/Testing-in-Node.html","content":"TAP形式とtapeを使ってのNodeのテストについて。\nproxyquireを使ってのStubなど","tags":["JavaScript","testing"],"date":"2015-01-05T07:30:26.140Z","relatedLinks":[{"title":"thlorenz/proxyquire","url":"https://github.com/thlorenz/proxyquire"}]},{"title":"Front-end Dev Weekly","url":"https://frontenddevweekly.curated.co/","content":"フロントエンド開発のニュース、ツールについてのメールマガジン","tags":["web","Tools","mail"],"date":"2015-01-05T15:14:11.890Z","relatedLinks":[]},{"title":"ES6 Generatorを使ってasync/awaitを実装するメモ - maru source","url":"http://blog.h13i32maru.jp/entry/2015/01/02/225457","content":"ES6 GeneratorとPromiseを使ってcoライクな実装をするまでをStep by Stepで","tags":["JavaScript","Promises","tutorial"],"date":"2015-01-05T15:47:15.659Z","relatedLinks":[]},{"title":"Multi-User Video Conference with WebRTC – Minko Gechev's blog","url":"http://blog.mgechev.com/2014/12/26/multi-user-video-conference-webrtc-angularjs-yeoman","content":"AngularJS+WebRTC+Socket.IOを使ってビデオチャットを作るチュートリアル。\nyeomanのジェネレータを使ってAngularのコードベースを生成してる","tags":["JavaScript","WebRTC","Angular","tutorial"],"date":"2015-01-06T02:02:15.109Z","relatedLinks":[]},{"title":"STRML/JSXHint","url":"https://github.com/STRML/JSXHint","content":"JSXシンタックスを含んだファイルもLint出来るJSHintラッパツール","tags":["JavaScript","Tools"],"date":"2015-01-06T02:14:47.704Z","relatedLinks":[]},{"title":"ECMAScript 6: maps and sets","url":"http://www.2ality.com/2015/01/es6-maps-sets.html","content":"Map, WeakMap, Set, WeakSetの挙動についての解説。\nそれぞれのAPIの解説、WeakMapを使ったプライベートデータ, spread operatorとあわせた使い方等について","tags":["ECMAScript","JavaScript","まとめ","tutorial"],"date":"2015-01-06T02:20:02.295Z","relatedLinks":[]},{"title":"browserify for webpack users","url":"https://gist.github.com/substack/68f8d502be42d5cd4942","content":"Browserifyとwebpackのそれぞれの機能対応について。\nwebpackは多くの機能が同梱されているため、その機能に対応するBrowserify pluginの紹介や設計思想の違い等について\n","tags":["browserify","webpack"],"date":"2015-01-06T02:33:38.768Z","relatedLinks":[{"title":"webpack for browserify users","url":"http://webpack.github.io/docs/webpack-for-browserify-users.html"},{"title":"substack/browserify-handbook","url":"https://github.com/substack/browserify-handbook"}]},{"title":"bearcat","url":"http://bearcatjs.org/","content":"モジュール定義部分をbearcatの書き方にすることで、DI、非同期ロード、AOPに対応出来るライブラリ","tags":["JavaScript","library"],"date":"2015-01-06T02:59:32.875Z","relatedLinks":[]},{"title":"Optimizing Performance — Web Fundamentals","url":"https://developers.google.com/web/fundamentals/performance/","content":"Web Fundamentalsの一部が翻訳されてる","tags":["translate","Brackets","performance"],"date":"2015-01-06T11:53:50.406Z","relatedLinks":[]},{"title":"型の国のTypeScript","url":"http://typescript.ninja/typescript-in-definitelyland/","content":"TypeScriptについての無料の書籍","tags":["TypeScript","book","電子書籍"],"date":"2015-01-06T11:56:21.565Z","relatedLinks":[{"title":"TypeScript in Definitelyland 発行","url":"http://typescript.ninja/2015/01/01/typescript-in-definitelyland.html"}]},{"title":"The jsdom","url":"http://www.slideshare.net/domenicdenicola/the-jsdom","content":"jsdomの実装、将来についてのスライド。\n今のjsdomだと動かない機能もある。\nまたWebIDLから実装に落としていくツールについて","tags":["JavaScript","DOM","slide"],"date":"2015-01-06T13:14:15.426Z","relatedLinks":[]},{"title":"JavaScript in 2015 - Glen Maddern: Internet Pro","url":"http://glenmaddern.com/articles/javascript-in-2015","content":"jspmの紹介記事+動画。\nredditのAPIを使いGIFを表示する画面をjspm+npm+ES6をつかって書く動画。\nテンポ良くできていて、開発中はビルド等不要でローダで読み込み、プロダクションでは一つのファイルにbundle出来るという特徴を紹介してる","tags":["JavaScript","ECMAScript","Tools","video"],"date":"2015-01-07T12:45:05.253Z","relatedLinks":[{"title":"jspm.io - Frictionless Browser Package Management","url":"http://jspm.io/"}]},{"title":"conceptsandtraining/modernie_selenium","url":"https://github.com/conceptsandtraining/modernie_selenium","content":"modern.ieを使ったSeleniumの設定ツール。\n自動で必要なものをインストール + Windowsの余計な設定をオフにしてくれる","tags":["IE","Selenium"],"date":"2015-01-07T13:55:41.418Z","relatedLinks":[]},{"title":"es-shims/es7-shim","url":"https://github.com/es-shims/es7-shim","content":"ES7のpolyfillライブラリ","tags":["ECMAScript","library"],"date":"2015-01-07T23:39:50.001Z","relatedLinks":[]},{"title":"Node.js Design Patterns | Packt","url":"https://www.packtpub.com/web-development/nodejs-design-patterns","content":"Node.jsのデザインパターンについての書籍","tags":["node.js","デザインパターン","book"],"date":"2015-01-08T02:16:10.919Z","relatedLinks":[]},{"title":"azu/espower-6to5 · GitHub","url":"https://github.com/azu/espower-6to5","content":"power-assert + 6to5 ES6でpower-assertのテストを書ける。\n使用例: https://github.com/azu/textlint-rule-helper","tags":["ECMAScript","testing","JavaScript","library"],"date":"2015-01-08T10:01:56.532Z","relatedLinks":[]},{"title":"bevacqua/local-storage","url":"https://github.com/bevacqua/local-storage","content":"localStorageのAPIをシンプルにしたライブラリ\nタブ間のコミュニケーションに使うような監視機能も持ってる","tags":["JavaScript","library"],"date":"2015-01-08T13:47:15.329Z","relatedLinks":[]},{"title":"6to5 · Turn ES6+ code into readable vanilla ES5","url":"https://6to5.org/","content":"包含的にES6のコードをES5に変換する6to5の公式サイトリニューアル。\n JSXやFlowとか多くの部分を対応、polyfill出来るところは外部のpolyfillを読み込み対応、可読性が高いコードを吐くようになっている。","tags":["ECMAScript","JavaScript","Tools"],"date":"2015-01-09T01:13:49.244Z","relatedLinks":[]},{"title":"mirek/node-unused-deps","url":"https://github.com/mirek/node-unused-deps","content":"使用してないNode モジュールがあるかどうかをチェックするコマンドラインツール","tags":["node.js","module","Tools","console"],"date":"2015-01-09T01:21:58.136Z","relatedLinks":[]},{"title":"Zhouzi/TheaterJS","url":"https://github.com/Zhouzi/TheaterJS","content":"タイプライター的な文字表示効果等を行えるライブラリ","tags":["JavaScript","library"],"date":"2015-01-09T01:24:05.745Z","relatedLinks":[]},{"title":"Cross-tab Communication","url":"http://ponyfoo.com/articles/cross-tab-communication","content":"localStorageを使ったタブ間のやり取りする方法。\nより簡単に行う`local-storage`というライブラリについて","tags":["JavaScript"],"date":"2015-01-09T01:31:31.478Z","relatedLinks":[{"title":"bevacqua/local-storage","url":"https://github.com/bevacqua/local-storage"}]},{"title":"tejasmanohar/npm-algos","url":"https://github.com/tejasmanohar/npm-algos","content":"コンピュータサイエンス、アルゴリズムの実装ライブラリのまとめ","tags":["node.js","JavaScript","library","アルゴリズム"],"date":"2015-01-09T07:26:13.949Z","relatedLinks":[]},{"title":"Essential JavaScript Links","url":"https://gist.github.com/ericelliott/d576f72441fc1b27dace","content":"JavaScriptに関するリソースリンク集","tags":["JavaScript","まとめ","links"],"date":"2015-01-09T08:12:32.059Z","relatedLinks":[]},{"title":"ライブラリをES6で書いて公開する所から始めよう | Web Scratch","url":"http://efcl.info/2015/01/09/write-es6/","content":"ES6でライブラリを書いて、テストしてnpmに公開するまでの流れ。\n6to5+power-assert+mochaの組み合わせを設定ファイルレスで行う話","tags":["JavaScript","ECMAScript","library","testing","document"],"date":"2015-01-09T15:02:23.916Z","relatedLinks":[]},{"title":"A Good Front-End Architecture","url":"http://www.sitepoint.com/good-front-end-architecture/","content":"フロントエンド(HTML、JavaScript、CSS、リソース)のディレクトリ構造について","tags":["JavaScript","CSS"],"date":"2015-01-09T15:49:46.822Z","relatedLinks":[]},{"title":"Headless Browser Testing With Xvfb","url":"http://tobyho.com/2015/01/09/headless-browser-testing-xvfb/","content":"Firefoxなどヘッドレスで動かすのにXvfbが必要なアプリをxvfb-run firefoxという感じで起動できるコマンドラインツール","tags":["console","firefox","browser"],"date":"2015-01-10T00:27:03.305Z","relatedLinks":[]},{"title":"The Refactoring Tales -","url":"http://javascriptplayground.com/the-refactoring-tales/refactoring-tales.html","content":"JavaScriptのリファクタリングについてのウェブで公開されてる書籍。(まだ執筆中)\n1,2章はjQueryべったりな書き方のリファクタリング、3章は不必要な複雑性を分離、4章はデザインパターン、5章はFat Controller等","tags":["JavaScript","book","jQuery"],"date":"2015-01-11T10:12:32.713Z","relatedLinks":[{"title":"The Refactoring Tales","url":"http://javascriptplayground.com/the-refactoring-tales/"},{"title":"The Refactoring Tales - JavaScriptのリファクタリング本を読んだ | Web Scratch","url":"http://efcl.info/2015/01/11/refactoring-tales/"}]},{"title":"Shape Security Labs: A Technical Comparison of the Shift and SpiderMonkey AST Formats","url":"http://engineering.shapesecurity.com/2015/01/a-technical-comparison-of-shift-and.html","content":"Shift ASTとSpiderMonkey ASTの違いについて。\n改善点、拡張された点、まだ議論すべき点について","tags":["JavaScript","AST","spec"],"date":"2015-01-12T14:06:35.555Z","relatedLinks":[]},{"title":"What's New in QUnit 1.16","url":"http://www.sitepoint.com/whats-new-qunit-1-16/","content":"QUnit 1.16について。\n2.0に向けて変更、非同期のテストの新しい方法の追加、Promiseのサポート、`QUnit.skip()`などについて","tags":["JavaScript","testing"],"date":"2015-01-13T01:10:21.597Z","relatedLinks":[]},{"title":"Modularizing Underscore.js | &yet Blog","url":"http://blog.andyet.com/2015/01/07/modularizing-underscorejs","content":"小さいモジュールを大量に作って公開する場合にも問題となる点がある事について。\nAmp.jsという小さなモジュールの組み合わせでUnderscoreライクなものを作り、それぞれのモジュールがどのような構造になっているかについて","tags":["JavaScript","npm","document","library"],"date":"2015-01-13T11:08:52.268Z","relatedLinks":[{"title":"Amp.js","url":"http://amp.ampersandjs.com/"},{"title":"HenrikJoreteg/fixpack","url":"https://github.com/henrikjoreteg/fixpack"}]},{"title":"Amp.js","url":"http://amp.ampersandjs.com/","content":"Underscore的なUtility関数のコレクションライブラリ。\nそれぞれの機能をちゃんと個別のnpmモジュールとしてインストール出来る","tags":["JavaScript","library"],"date":"2015-01-13T11:13:33.627Z","relatedLinks":[{"title":"Modularizing Underscore.js | &yet Blog","url":"http://blog.andyet.com/2015/01/07/modularizing-underscorejs"}]},{"title":"Internet ExplorerのどのバージョンからどのHTML/CSS/JSに対応しているかの一覧｜Web制作 W3G","url":"https://w3g.jp/blog/ie_supportlist","content":"IEバージョン別のサポート終了日、対応したHTML/CSS/JSの機能のまとめ","tags":["IE","まとめ","WebPlatformAPI"],"date":"2015-01-13T12:26:16.244Z","relatedLinks":[]},{"title":"Esperanto demo","url":"http://esperantojs.org/","content":"ES6 modulesのコードをCommonJS、AMD、UMDに変換するコマンドラインツール。Nodeモジュールとしても利用できる。","tags":["JavaScript","ECMAScript","library","node.js","Tools"],"date":"2015-01-13T13:57:56.967Z","relatedLinks":[]},{"title":"fdecampredon/rx-flux","url":"https://github.com/fdecampredon/rx-flux","content":"RxJSベースのFluxアーキテクチャの実装ライブラリ","tags":["Flux","library"],"date":"2015-01-14T15:36:09.486Z","relatedLinks":[]},{"title":"Release 5.0 “Pravda vítězí” · postcss/autoprefixer","url":"https://github.com/postcss/autoprefixer/releases/tag/5.0.0","content":"autoprefixer 5.0リリース。\nPostCSS 4.0とBrowserslistを使用するように、`object-fit`やCSS Shapesなどの新しいプロパティに対応","tags":["CSS","Tools","ReleaseNote"],"date":"2015-01-15T03:29:38.405Z","relatedLinks":[]},{"title":"What's new in CSS Selectors 4 | grack","url":"https://grack.com/blog/2015/01/11/css-selectors-4/","content":"CSS Selectors Level 4で追加された要素についての紹介","tags":["CSS"],"date":"2015-01-15T13:49:30.331Z","relatedLinks":[]},{"title":"Release v1.10.0 · jscs-dev/node-jscs","url":"https://github.com/jscs-dev/node-jscs/releases/tag/v1.10.0","content":"JavaScriptコードスタイルチェックツール jscs 1.10.0リリース。\n","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-01-15T20:52:31.992Z","relatedLinks":[]},{"title":"Release v2.7.0 · petkaantonov/bluebird","url":"https://github.com/petkaantonov/bluebird/releases/tag/v2.7.0","content":"bluebird 2.7.0リリース。\n`process.on(\"unhandledRejection\", fn)` という感じでグローバルにunhandled Rejectionをキャッチ出来るイベントを登録できるように。","tags":["Promises","library","ReleaseNote"],"date":"2015-01-15T21:17:07.781Z","relatedLinks":[{"title":"Promise unhandled rejection tracking global handler hook","url":"https://gist.github.com/benjamingr/0237932cee84712951a2"},{"title":"[whatwg] An API for unhandled promise rejections from Domenic Denicola on 2014-09-12 (public-whatwg-archive@w3.org from September 2014)","url":"http://lists.w3.org/Archives/Public/public-whatwg-archive/2014Sep/0024.html"}]},{"title":"io.js/CHANGELOG.md at v1.x · iojs/io.js","url":"https://github.com/iojs/io.js/blob/v1.x/CHANGELOG.md#2015-01-14-version-101","content":"Node.jsのforkであるio.js 1.0リリース。","tags":["node.js","ReleaseNote"],"date":"2015-01-15T21:45:27.727Z","relatedLinks":[{"title":"IO.js Overview","url":"http://blog.risingstack.com/iojs-overview/"},{"title":"io.js-v1.0.0のリリースによせて - ぼちぼち日記","url":"http://d.hatena.ne.jp/jovi0608/20150115/1421312947"}]},{"title":"winterbe/streamjs","url":"https://github.com/winterbe/streamjs","content":"Java 8 Streams APIをインスパイアなStreamライブラリ","tags":["JavaScript","Java","library"],"date":"2015-01-17T05:25:01.925Z","relatedLinks":[]},{"title":"Announcing TypeScript 1.4 - TypeScript - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/typescript/archive/2015/01/16/announcing-typescript-1-4.aspx","content":"TypeScript 1.4リリース。\nUnion Types、Type Aliases、Const Enumsの追加。\nES6の構文サポートの改善、ES6のコードを出力するモードの追加等","tags":["TypeScript","ReleaseNote"],"date":"2015-01-17T06:55:05.859Z","relatedLinks":[{"title":"TypeScript 1.4.1 変更点 - Qiita","url":"http://qiita.com/vvakame/items/69efc1c6a3b91876330d"}]},{"title":"VersionEye - Notification System for Software Packages","url":"https://www.versioneye.com/","content":"npmやgem等色々な言語のライブラリの更新チェック、依存関係のチェック等が出来るサービス。\nファイルアップロードとかAPI等もある。\nパッケージをフォローしてRSSで見たりできる","tags":["package","webservice"],"date":"2015-01-17T06:59:49.441Z","relatedLinks":[{"title":"Continuous Updating // Speaker Deck","url":"https://speakerdeck.com/reiz/continuous-updating"}]},{"title":"ServiceWorker を使った XHR のモックテスト - Block Rockin’ Codes","url":"http://jxck.hatenablog.com/entry/response-injection","content":"ServiceWorkerを使ったXHRのモック。\n`onfetch`に登録すれば、XHR等のリクエストに対してhookができるので、事前に定義しておいたレスポンスを返すようにする。\nServiceWorkerの登録プロセスについて","tags":["JavaScript","ServiceWorker"],"date":"2015-01-17T07:21:14.182Z","relatedLinks":[]},{"title":"harmony:specification_drafts [ES Wiki]","url":"http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts#january_15_2015_draft_rev_31","content":"ECMAScript 6のDraft Rev 31リリース。\n議論検討する`super()`についての記述の変更が中心","tags":["ECMAScript","spec","ReleaseNote"],"date":"2015-01-17T07:24:51.573Z","relatedLinks":[{"title":"ecma262/ES6-super-construct=proposal.md at master · tc39/ecma262","url":"https://github.com/tc39/ecma262/blob/master/workingdocs/ES6-super-construct%3Dproposal.md"}]},{"title":"RubaXa/Sortable","url":"https://github.com/RubaXa/Sortable","content":"D&Dで要素を動かせるsortableライブラリ。\njQuery等の依存がないライブラリ","tags":["JavaScript","library"],"date":"2015-01-17T07:35:00.821Z","relatedLinks":[]},{"title":"ESLint 0.12.0 released - ESLint","url":"http://eslint.org/blog/2015/01/eslint-0.12.0-released/","content":"ESLint  0.12.0リリース。\nES6の一部をサポート、JSXのフルサポート。\nそれに併せてルールがJSXでも動くように修正等","tags":["JavaScript","ECMAScript","Tools","ReleaseNote"],"date":"2015-01-18T02:13:53.951Z","relatedLinks":[]},{"title":"gobblejs/gobble","url":"https://github.com/gobblejs/gobble","content":"JavaScriptビルドツール。\nGruntはビルドツールではないため、Gruntと共存する形でも使える。\nまたデバッガビリティを優先して開発していて、pluginも変に複雑化しないように役割をシンプルにしてる","tags":["JavaScript","Tools","Grunt"],"date":"2015-01-19T13:51:18.994Z","relatedLinks":[]},{"title":"eventualbuddha/decaffeinate","url":"https://github.com/eventualbuddha/decaffeinate","content":"CoffeeScript to ES6に変換するツール","tags":["CoffeeScript","JavaScript"],"date":"2015-01-19T14:00:01.882Z","relatedLinks":[]},{"title":"Socket.IO — Socket.IO 1.3.0","url":"http://socket.io/blog/socket-io-1-3-0/","content":"Socket.IO 1.3.0リリース。\n","tags":["node.js","JavaScript","library","ReleaseNote"],"date":"2015-01-19T14:45:05.840Z","relatedLinks":[]},{"title":"ECharts · Home","url":"http://ecomfe.github.io/echarts/index-en.html","content":"Baidu EFEのグラフライブラリ。\n種類が豊富に用意されていて、Canvasを管理するのにZRenderというライブラリを使っている","tags":["JavaScript","グラフ","library"],"date":"2015-01-19T14:52:15.950Z","relatedLinks":[{"title":"ZRender","url":"http://ecomfe.github.io/zrender/"}]},{"title":"Release 1.17.0 · jquery/qunit","url":"https://github.com/jquery/qunit/releases/tag/1.17.0","content":"QUnit 1.17.0リリース。\nHTMLレポータの改善。","tags":["JavaScript","testing","ReleaseNote"],"date":"2015-01-20T03:31:17.510Z","relatedLinks":[]},{"title":"ForbesLindesay/sync-request","url":"https://github.com/ForbesLindesay/sync-request","content":"同期的なHTTPリクエストを行うライブラリ","tags":["JavaScript","node.js","HTTP","library"],"date":"2015-01-20T08:20:47.533Z","relatedLinks":[]},{"title":"embona – ブラウザで動くBonanzaを作ってみた(その1) » nmi.jp","url":"http://nmi.jp/archives/763","content":"Emscriptenを使って将棋プログラムを移植するまでの流れ。\nヒープメモリ不足、ファイルの読み込み、デバッグ方法、標準入出力の扱い、Asyncifyでのメインループ処理など","tags":["JavaScript"],"date":"2015-01-20T12:58:32.987Z","relatedLinks":[]},{"title":"ES6 Module Gotchas | geedew","url":"http://www.geedew.com/2014/12/26/es6-module-gotchas/","content":"ES6 modulesのアンチパターンについて。\n静的なものを扱うデザインであるという話、オブジェクトをexportした場合の問題、副作用を目的としたモジュールの読込方法、export defaultを出来るだけ使うべき等","tags":["ECMAScript","JavaScript"],"date":"2015-01-21T07:02:08.248Z","relatedLinks":[]},{"title":"shiwano/typhen","url":"https://github.com/shiwano/typhen","content":"d.tsからJSON Schemaを作ったり、Handlebarsを使ったテンプレートでコードやドキュメントを出力できるツール","tags":["TypeScript","Tools"],"date":"2015-01-21T07:29:43.189Z","relatedLinks":[{"title":"TypeScript の型定義からコードを自動生成するツールを作った - Qiita","url":"http://qiita.com/shiwano/items/dd769ead84e0da2d349a"}]},{"title":"New animation controls in Chrome Canary | Val Head - Designer","url":"http://www.valhead.com/2015/01/06/quick-tip-chrome-animation-controls/","content":"ChromeのCSS animationのデバッグ機能についての紹介","tags":["CSS","Chrome","debug"],"date":"2015-01-21T08:14:00.496Z","relatedLinks":[{"title":"New animation inspector panel in Firefox 37 - YouTube","url":"https://www.youtube.com/watch?v=3UZdsbmYduQ"}]},{"title":"addyosmani/es6-equivalents-in-es5","url":"https://github.com/addyosmani/es6-equivalents-in-es5","content":"ES6で書かれたものとES5で同等の事を行うコードを並べて、ES6の機能について紹介","tags":["JavaScript","ECMAScript","tutorial","document"],"date":"2015-01-21T11:26:58.402Z","relatedLinks":[]},{"title":"Release JSHint 2.6.0 · jshint/jshint","url":"https://github.com/jshint/jshint/releases/tag/2.6.0","content":"JSHint 2.6.0リリース。","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-01-22T02:04:19.834Z","relatedLinks":[]},{"title":"5分でわかる正しい Web サイト常時 SSL 化のための基礎知識 | WWW WATCH","url":"http://hyper-text.org/archives/2015/01/full_time_ssl_website_quick_start.shtml","content":"SSLの効果 - メリットとデメリット、SSL証明書の種類と取得方法、外部リソースの読み込みとMixed Content、HTTPSに接続を強制する方法 - HSTS、リダイレクト、CookieのSecure属性などついて","tags":["HTTP","SSL","まとめ"],"date":"2015-01-22T03:27:50.046Z","relatedLinks":[]},{"title":"What the Virtual Viewport?","url":"http://updates.html5rocks.com/2015/01/virtual-viewport","content":"Chrome 39と40でviewportの仕組みが変わった。\n40からLayout ViewportとVisual Viewportに分かれて処理されるようになった。(IEと同様)\nズーム時にposition:fixedな要素等の動作が違いがでる。","tags":["Chrome","browser"],"date":"2015-01-22T08:26:15.924Z","relatedLinks":[{"title":"Chrome Viewports - Google スライド","url":"https://docs.google.com/presentation/d/1nJvJqL2dw5STi5FFpR6tP371vSpDWWs5Beksbfitpzc/present"},{"title":"A tale of two viewports — part two","url":"http://www.quirksmode.org/mobile/viewports2.html"}]},{"title":"Diet.js","url":"http://dietjs.com/","content":"Node.jsのウェブアプリケーションフレームワーク","tags":["node.js","library"],"date":"2015-01-23T08:04:53.052Z","relatedLinks":[]},{"title":"Chromium Blog: Chrome 41 Beta: New ES6 Features and Improved DevTools for Service Workers and Web Animations","url":"http://blog.chromium.org/2015/01/chrome-41-beta-new-es6-features-and.html","content":"Chrome 41βリリース。\nES6 Template Literals、Web Animationsのデバッグ機能、image-rendering: pixelatedのサポート等","tags":["Chrome","ReleaseNote"],"date":"2015-01-23T12:46:19.333Z","relatedLinks":[]},{"title":"Functional programming in javascript (intro) // Speaker Deck","url":"https://speakerdeck.com/geekingfrog/functional-programming-in-javascript-intro","content":"JavaScriptと関数型プログラミングについてのスライド。","tags":["JavaScript","slide","関数型プログラミング"],"date":"2015-01-24T07:44:59.316Z","relatedLinks":[]},{"title":"テストできないコードをE2Eテストを使ってリファクタリングしよう | Web Scratch","url":"http://efcl.info/2015/01/24/testium-e2e-refactoring/","content":"E2EテストフレームワークのTestiumの紹介とリファクタリングについて。\nMocha+Testium+power-assertでユニットテストと同じようにE2Eテストを書くための設定やサンプル","tags":["JavaScript","E2E","testing","browser"],"date":"2015-01-24T13:18:34.940Z","relatedLinks":[]},{"title":"Fetch API in action","url":"http://blog.gospodarets.com/fetch_in_action","content":"Fetch APIについての紹介。\nレスポンスのステータスコード、レスポンスのJSONパース、タイムアウトの問題、使い方、polyfillについて","tags":["JavaScript","DOM","API","XHR"],"date":"2015-01-24T15:11:50.209Z","relatedLinks":[]},{"title":"ESLint 0.13.0 released - ESLint","url":"http://eslint.org/blog/2015/01/eslint-0.13.0-released/","content":"ESLint 0.13.0リリース。\nTemplate strings、デフォルトパラメータ等のES6サポート改善、ブロックスコープの挙動を修正等","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-01-25T01:53:22.110Z","relatedLinks":[]},{"title":"yoshuawuyts/promise-each","url":"https://github.com/yoshuawuyts/promise-each","content":"Promiseと組み合わせて使えるeach、every、filter、map、reduce、some等の関数をそれぞれモジュール化したもの","tags":["Promises","library"],"date":"2015-01-25T15:20:45.143Z","relatedLinks":[]},{"title":"Strange JavaScript Errors and How to Fix Them","url":"http://davidwalsh.name/fix-javascript-errors","content":"JavaScriptのエラーメッセージとそれがどのようなときに起きてるエラーなのか、また修正方法について","tags":["JavaScript","debug"],"date":"2015-01-25T15:51:38.574Z","relatedLinks":[]},{"title":"Destructuring and parameter handling in ECMAScript 6","url":"http://www.2ality.com/2015/01/es6-destructuring.html","content":"ES6のDestructuring(分割代入、構造化代入)と引数時の扱いについて。\nまたSpread operatorを使った値の展開についても書かれてる","tags":["ECMAScript","JavaScript"],"date":"2015-01-26T07:20:36.489Z","relatedLinks":[]},{"title":"Release 2.5.0 · groupon-testium/testium","url":"https://github.com/groupon-testium/testium/releases/tag/v2.5.0","content":"Integration Testフレームワークのtestium 2.5.0リリース。\n日本語などの入力ができない問題の修正やエラー表示の改善、`Element.prototype.getElement`の実装など","tags":["E2E","testing","ReleaseNote"],"date":"2015-01-27T07:17:54.374Z","relatedLinks":[]},{"title":"Web Componentsのアクセシビリティ","url":"http://www.slideshare.net/mlca11y/web-components-43883982","content":"WebComponentsとアクセシビリティについてのスライド。\n既存要素があるケースと独自要素の場合はWAI-ARIAを使うことについて","tags":["WebComponents","WAI-ARIA","アクセシビリティ","slide"],"date":"2015-01-27T07:34:25.696Z","relatedLinks":[]},{"title":"CSS Flexbox Please!","url":"http://demo.agektmr.com/flexbox/","content":"CSS Flexboxのプロパティをその場で変更したりして動作を試せるデモページ\n","tags":["CSS","demo"],"date":"2015-01-27T07:40:22.416Z","relatedLinks":[]},{"title":"Home | Aurelia","url":"http://aurelia.io/","content":"Durandalの次世代となるJavaScriptフレームワーク。 ES6(or AltJS) + jspm、two-way binding、DI、ルーティング等を盛り込んだフレームワーク。\n元AngularJSチームの人が開発してる","tags":["JavaScript","library"],"date":"2015-01-27T08:17:29.966Z","relatedLinks":[{"title":"Introducing Aurelia","url":"http://blog.durandal.io/2015/01/26/introducing-aurelia/"}]},{"title":"Getting Literal With ES6 Template Strings","url":"http://updates.html5rocks.com/2015/01/ES6-Template-Strings","content":"ES6 Template Stringsについての解説","tags":["JavaScript","ECMAScript"],"date":"2015-01-27T08:19:33.936Z","relatedLinks":[{"title":"TemplateStrings.md","url":"https://gist.github.com/kuu/b7eb679a3ad48d980ed3"}]},{"title":"Wallaby - intelligent test runner for JavaScript","url":"http://wallabyjs.com/","content":"JetBrains IDE等と統合して使えるTest Runner。\nMocha、QUnit、Jasmine等が使えて、コードカバレッジをエディタ上に表示、テストケースを一部だけ実行などが出来る。\nspy-jsの人が作ってる\n","tags":["JetBrains","IDE","JavaScript","testing"],"date":"2015-01-27T08:49:57.573Z","relatedLinks":[]},{"title":"A Journey Through Client-Side Testing with JavaScript -Telerik Developer Network","url":"http://developer.telerik.com/featured/journey-client-side-testing-javascript/","content":"JavaScriptのテスト全体について書かれた記事。\nテストフレームワーク、Assertionライブラリ、Test Runnerなどテストを構成する要素。\nmocha-phantom、karma、DalekJS、Atomusでの実行方法について","tags":["JavaScript","testing"],"date":"2015-01-27T08:55:25.604Z","relatedLinks":[]},{"title":"Release 3.0.0 · lodash/lodash","url":"https://github.com/lodash/lodash/releases/tag/3.0.0","content":"lodash v3.0.0リリース。\nString関係のメソッドの追加、関数型スタイルで使いやすいメソッドの追加、個々のモジュールとして入れた時の依存関係をシンプルに、パフォーマンスの改善、lazy chainingの導入等","tags":["JavaScript","library","ReleaseNote"],"date":"2015-01-27T09:11:18.249Z","relatedLinks":[{"title":"Changelog · lodash/lodash Wiki","url":"https://github.com/lodash/lodash/wiki/Changelog#compatibility-warnings"},{"title":"How to Speed Up Lo-Dash ×100? Introducing Lazy Evaluation. | Filip Zawada","url":"http://filimanjaro.com/blog/2014/introducing-lazy-evaluation/"}]},{"title":"Dev.Opera — Opera 27 released","url":"https://dev.opera.com/blog/opera-27/","content":"Opera 27 (based on Chromium 40) リリース。\nminlength属性、form要素の`reportValidity()`の実装、CSP Lv2の実装、Service Workers等","tags":["Opera","ReleaseNote"],"date":"2015-01-27T17:50:03.075Z","relatedLinks":[]},{"title":"Node v0.10.36 (Stable)","url":"http://blog.nodejs.org/2015/01/26/node-v0-10-36-stable/","content":"Node v0.10.36リリース。\n","tags":["node.js","ReleaseNote"],"date":"2015-01-27T17:50:24.220Z","relatedLinks":[]},{"title":"Contracts.js","url":"http://www.contractsjs.org/","content":"sweet.jsを使った実行時型チェック的な機能を提供するマクロ","tags":["sweet.js","JavaScript"],"date":"2015-01-28T12:17:54.487Z","relatedLinks":[]},{"title":"Surfin' Safari - Blog Archive » Building WebKit for iOS Simulator","url":"https://www.webkit.org/blog/3457/building-webkit-for-ios-simulator/","content":"iOSシミュレータ向けにWebKitをビルド出来るように","tags":["ios","safari"],"date":"2015-01-28T23:19:45.274Z","relatedLinks":[]},{"title":"最近のASTパーサの動き","url":"http://azu.github.io/slide/crosushi/shift-ast.html","content":"Esprima/Esprima-FB/espree、Shift AST、acorn/acorn-6to5とかのJS ASTパーサの近況についてのスライド。\nEsprimaがjQuery Fundationに移管した話とか","tags":["JavaScript","AST","slide"],"date":"2015-01-29T15:33:25.783Z","relatedLinks":[]},{"title":"is.js - micro check library","url":"http://arasatasaygin.github.io/is.js/","content":"`is.*`というメソッドで色々な種類の値をチェック出来るライブラリ。\n型や正規表現、環境、時間等","tags":["JavaScript","library"],"date":"2015-01-29T15:38:37.349Z","relatedLinks":[]},{"title":"MaxArt2501/object-observe","url":"https://github.com/MaxArt2501/object-observe","content":"Object.observeの限定的なpolyfill","tags":["JavaScript","library"],"date":"2015-01-30T02:57:50.116Z","relatedLinks":[]},{"title":"2to3 · 6to5","url":"https://6to5.org/blog/2015/01/27/2to3","content":"6to5 3.0リリース。\nコマンドラインオプションに`--blacklist`と`--whitelist`の追加、パフォーマンス改善、細かいオプションの変更等。\n","tags":["JavaScript","Tools","React"],"date":"2015-01-30T04:34:05.175Z","relatedLinks":[{"title":"Name suggestions · Issue #596 · 6to5/6to5","url":"https://github.com/6to5/6to5/issues/596"}]},{"title":"New string features in ECMAScript 6","url":"http://www.2ality.com/2015/01/es6-strings.html","content":"ES6で追加されるString系のメソッドについて。\nTemplate strings、ユニコードコードポイントを正しく扱う方法、追加された便利メソッドについて","tags":["JavaScript","ECMAScript"],"date":"2015-01-30T05:26:17.310Z","relatedLinks":[]},{"title":"React.js Conf | January 28 & 29 2015","url":"http://conf.reactjs.com/schedule.html","content":"React.js Confの動画まとめ","tags":["React","Conference","video"],"date":"2015-01-30T05:57:38.961Z","relatedLinks":[]},{"title":"Replace CoffeeScript with ES6","url":"http://robots.thoughtbot.com/replace-coffeescript-with-es6","content":"CoffeeScriptのSyntaxをES6に書き換える方法について\nhttps://github.com/eventualbuddha/decaffeinate みたいなツールではなくて、どういう対応のコードになるかが書かれている","tags":["CoffeeScript","JavaScript"],"date":"2015-01-30T06:12:19.384Z","relatedLinks":[]},{"title":"React v0.13.0 Beta 1 | React","url":"http://facebook.github.io/react/blog/2015/01/27/react-v0.13.0-beta-1.html","content":"React 0.13 β1リリース。\nES6 ClassでReact.Componentを書けるように","tags":["React","ReleaseNote"],"date":"2015-01-30T06:48:12.740Z","relatedLinks":[]},{"title":"Ramda Documentation","url":"http://ramdajs.com/","content":"undrescoreやlodashよりも関数型スタイル向けに沿った作りとする事を目的としたライブラリ。\nImmutable、副作用の排除、関数同士を組み合わせしやすいような作りなど","tags":["JavaScript","関数型プログラミング","library"],"date":"2015-01-30T12:23:35.832Z","relatedLinks":[]},{"title":"Fluxible | A Pluggable Container for Isomorphic Flux Applications | Fluxible","url":"http://www.fluxible.io/","content":"Yahoo製のFlux実装ライブラリ。","tags":["JavaScript","Flux","library"],"date":"2015-01-30T12:52:18.150Z","relatedLinks":[]},{"title":"israelidanny/ie8linter","url":"https://github.com/israelidanny/ie8linter","content":"IE8でサポートしてないタグやCSSプロパティ等を検出するツール。","tags":["IE","Tools","browser"],"date":"2015-01-31T04:28:42.985Z","relatedLinks":[]},{"title":"CoffeeScript","url":"http://coffeescript.org","content":"CoffeeScript 1.9.0リリース。\nES6 generatorsのサポート","tags":["CoffeeScript","ReleaseNote"],"date":"2015-01-31T08:10:58.888Z","relatedLinks":[]},{"title":"douglasduteil/isparta","url":"https://github.com/douglasduteil/isparta","content":"istanbulと6to5を使ったES6のコードカバレッジツール。\n","tags":["JavaScript","Tools"],"date":"2015-01-31T08:40:29.023Z","relatedLinks":[]},{"title":"timoxley/pkgfiles","url":"https://github.com/timoxley/pkgfiles","content":"npm publishでどのファイルが公開されるのかをチェック出来るツール","tags":["npm","Tools"],"date":"2015-01-31T08:47:12.551Z","relatedLinks":[]},{"title":"Home | marty.js","url":"http://martyjs.org/","content":"Fluxアーキテクチャ実装のライブラリ。\n基本的なStore、Dispatcher、Actionがあり、追加でConstant値の作成、Storageを指定して管理出来るStateが用意されてる。\nChromeのデバッグで流れを見られるようになってる","tags":["JavaScript","Flux","library"],"date":"2015-01-31T11:48:08.894Z","relatedLinks":[]},{"title":"React in 7 Minutes - React Video Tutorial #free @eggheadio","url":"https://egghead.io/lessons/react-react-in-7-minutes","content":"7分で分かるReact Componentのスクリーンキャスト。\nJSX、Componentのネスト、stateとprops、イベントハンドラについて","tags":["React","video"],"date":"2015-02-01T02:03:35.026Z","relatedLinks":[]},{"title":"Canvas 2D: New docs, Path2D objects, hit regions ✩ Mozilla Hacks – the Web developer blog","url":"http://hacks.mozilla.org/2015/01/canvas-2d-new-docs-path2d-hit-regions/","content":"Canvas 2Dの機能として追加されたPath2Dについて","tags":["canvas"],"date":"2015-02-01T07:51:57.841Z","relatedLinks":[]},{"title":"PhantomJS 2.0 Release Notes | PhantomJS","url":"http://phantomjs.org/release-2.0.html","content":"ヘッドレスブラウザのPhantomJS 2.0リリース。 QtとWebkitのアップデート、CoffeeScriptのデフォルトサポートを廃止","tags":["browser","ReleaseNote"],"date":"2015-02-02T13:44:06.736Z","relatedLinks":[]},{"title":"jquense/react-widgets","url":"https://github.com/jquense/react-widgets","content":"Reactを使ったUI widgets。\nカレンダーやドロップダウンリスト等のUIコンポーネント集","tags":["React","UI","library"],"date":"2015-02-03T13:31:16.244Z","relatedLinks":[]},{"title":"Try Flow online — Typechecker for Javascript by Facebook","url":"https://tryflow.org/","content":"Flowによる型チェックをオンラインで試せるサイト","tags":["flowtype","JavaScript","editor"],"date":"2015-02-03T13:36:33.491Z","relatedLinks":[]},{"title":"Muscula/json-schema-benchmark","url":"https://github.com/Muscula/json-schema-benchmark","content":"JSONスキーマバリデーターのベンチマーク比較。\n","tags":["node.js","JavaScript","JSON","benchmark"],"date":"2015-02-03T14:31:20.856Z","relatedLinks":[]},{"title":"ES6時代のJavaScript - クックパッド開発者ブログ","url":"http://techlife.cookpad.com/entry/2015/02/02/094607","content":"ES6で入る機能や構文の一部を紹介する記事。\n具体的にどういう目的で使うかについて書かれてる。","tags":["ECMAScript","JavaScript"],"date":"2015-02-04T13:04:35.134Z","relatedLinks":[]},{"title":"Google SoundScript: faster OOP for JavaScript","url":"http://www.2ality.com/2015/02/soundscript.html","content":"JavaScriptエンジンのHidden class等の典型的な最適化とSoundScriptについて。\nSoundScriptは最適化が効きやすいようなstrict modeの拡張的な話","tags":["JavaScript","google","Angular"],"date":"2015-02-04T14:30:23.057Z","relatedLinks":[]},{"title":"harmony:specification_drafts [ES Wiki]","url":"http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts#february_2_2015_draft_rev_32","content":"ES6 Draft Rev 32リリース。\ncalss syntax周りの記述の更新が中心。\nclassで定義されたmethodがnon-enumerableに変更。","tags":["ECMAScript","spec","ReleaseNote"],"date":"2015-02-04T14:36:48.234Z","relatedLinks":[]},{"title":"CSS Reference | Codrops","url":"http://tympanus.net/codrops/css_reference/","content":"CSSのリファレンスサイト。\n擬似クラスやプロパティ、Flexboxといったコンセプトや@mediaなどのruleなどそれぞれ詳しく書かれていて網羅的","tags":["CSS","リファレンス"],"date":"2015-02-04T16:05:28.414Z","relatedLinks":[{"title":"I Wrote A CSS B⃫o⃫o⃫k⃫ Reference.","url":"http://sarasoueidan.com/blog/codrops-css-reference/"},{"title":"codrops/css-reference-issues","url":"https://github.com/codrops/css-reference-issues"}]},{"title":"WebStorm 10 EAP | JetBrains WebStorm Blog","url":"http://blog.jetbrains.com/webstorm/2015/02/webstorm-10-eap/","content":"WebStorm 10 EAPリリース。\nJavaScriptサポートの改善、spy-jsが多段SourceMapに対応しAltJSなどでも元ソースへジャンプできるように、Firefoxでのデバッグに再対応","tags":["WebStorm","ReleaseNote"],"date":"2015-02-05T12:42:27.723Z","relatedLinks":[]},{"title":"BroadcastChannel API in Firefox 38 ✩ Mozilla Hacks – the Web developer blog","url":"http://hacks.mozilla.org/2015/02/broadcastchannel-api-in-firefox-38/","content":"BroadcastChannelについて。\nタブやウィンドウをまたぎsame origin間でメッセージングでやり取りするAPI。","tags":["JavaScript","WebPlatformAPI"],"date":"2015-02-05T13:01:24.275Z","relatedLinks":[]},{"title":"Releases · google/closure-compiler Wiki","url":"https://github.com/google/closure-compiler/wiki/Releases#february-2-2015-v20150126","content":"closure-compiler v20150126リリース。\nTypeScript的な型アノテーションのサポートを開始、ES6のサポート改善","tags":["JavaScript","ReleaseNote"],"date":"2015-02-05T13:08:32.165Z","relatedLinks":[]},{"title":"Tech — Switching from immutable.js to seamless-immutable","url":"http://noredinktech.tumblr.com/post/107617838018/switching-from-immutable-js-to-seamless-immutable","content":"immutable.jsは専用のオブジェクトになるため、既存のライブラリと連携がしにくい、またAPIも独特。\nその辺を扱いやすく使えるseamless-immutableというライブラリについて","tags":["JavaScript","library"],"date":"2015-02-05T13:23:58.324Z","relatedLinks":[{"title":"rtfeldman/seamless-immutable","url":"https://github.com/rtfeldman/seamless-immutable#asmutable"}]},{"title":"voronianski/flux-comparison","url":"https://github.com/voronianski/flux-comparison","content":"FluxライブラリのTodoMVCみたいな感じのサンプル実装集。\nオンラインショップカートをサンプルケースとして実装されてる","tags":["Flux","library","サンプル"],"date":"2015-02-05T13:31:57.180Z","relatedLinks":[]},{"title":"io.js/CHANGELOG.md at v1.1.0 · iojs/io.js","url":"https://github.com/iojs/io.js/blob/v1.1.0/CHANGELOG.md","content":"io.js 1.1.0リリース。\ncryptoのパフォーマンス改善、エラーメッセージを作るときに`JSON.stringify()`だと循環参照でエラーとなるため、`util.inspect()`を使うように変更された","tags":["node.js","ReleaseNote"],"date":"2015-02-05T15:22:48.285Z","relatedLinks":[{"title":"DailyJS | Node 0.11.16 と io.js 1.1.0 がリリース | JSお散歩","url":"http://panda.node.ws/?p=2152"},{"title":"assert: use util.inspect() to create error messages by cjihrig · Pull Request #668 · iojs/io.js","url":"https://github.com/iojs/io.js/pull/668"},{"title":"iojs-jp/2015-02-06.md at master · iojs/iojs-jp","url":"https://github.com/iojs/iojs-jp/blob/master/weekly/2015-02-06.md"}]},{"title":"js-data/js-data","url":"https://github.com/js-data/js-data","content":"データストア部分をadapterで変更出来るモデルライブラリ。\nobserve-jsを使ってdirtyチェックをするため、特別なgetter/settterなしでバインディングを行える。\nEmber DataのようなREST APIをバックエンドとするhttp adapterも持っている。","tags":["JavaScript","library"],"date":"2015-02-05T15:32:46.898Z","relatedLinks":[{"title":"Polymer/observe-js","url":"https://github.com/Polymer/observe-js"}]},{"title":"Make: JavaScript Robotics - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920031390.do","content":"JavaScriptとハードウェアの組み合わせについての書籍","tags":["JavaScript","ハードウェア","book"],"date":"2015-02-05T15:46:31.528Z","relatedLinks":[{"title":"NodeBots - The Rise of JS Robotics","url":"http://nodebots.io/"}]},{"title":"Release 0.11.5 · yyx990803/vue","url":"https://github.com/yyx990803/vue/releases/tag/0.11.5","content":"Vue.js 0.11.5 リリース。\n`Vue.nextTick`でMutationObserverが使える時は使うように、`v-with`で親子間でバインディングが働くように","tags":["JavaScript","library","ReleaseNote"],"date":"2015-02-06T02:28:57.871Z","relatedLinks":[]},{"title":"jareware/flotate","url":"https://github.com/jareware/flotate","content":"FlowTypeの型アノテーションをコメントで書けるようにするツールとライブラリ","tags":["JavaScript","flowtype","Tools"],"date":"2015-02-06T02:38:08.377Z","relatedLinks":[]},{"title":"Scala.js no longer experimental | The Scala Programming Language","url":"http://scala-lang.org/news/2015/02/05/scala-js-no-longer-experimental.html","content":"Scala.js v0.6.0リリース","tags":["scala","JavaScript"],"date":"2015-02-06T09:28:04.647Z","relatedLinks":[]},{"title":"esprima/ChangeLog at 1.2.4 · jquery/esprima","url":"https://github.com/jquery/esprima/blob/1.2.4/ChangeLog","content":"esprima 1.2.4リリース","tags":["JavaScript","AST","library","ReleaseNote"],"date":"2015-02-06T12:13:22.270Z","relatedLinks":[]},{"title":"flow/Changelog at v0.2.0 · facebook/flow","url":"https://github.com/facebook/flow/blob/v0.2.0/Changelog","content":"Flow v0.2.0リリース。","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-02-06T12:13:48.588Z","relatedLinks":[]},{"title":"Esprima 2.0 Released | Official jQuery Blog","url":"http://blog.jquery.com/2015/02/06/esprima-2-0-released/","content":"jQuery Fundationに移管したEsprimaのVer 2.0がリリース。\n\"harmony\"ブランチをマージしたリリースとなりES6の機能を多く含んでいる。\nまた、IssueのメインがGoogle CodeからGitHubへ移行した。","tags":["JavaScript","AST","library","ReleaseNote"],"date":"2015-02-07T07:33:28.106Z","relatedLinks":[{"title":"最近のASTパーサの動き","url":"http://azu.github.io/slide/crosushi/shift-ast.html"}]},{"title":"Node v0.12.0 (Stable)","url":"http://blog.nodejs.org/2015/02/06/node-v0-12-0-stable/","content":"Node v0.12.0リリース。\nStreams 3、maxSocketsのデフォルト値がInfinityになった、spawnSync/execSyncの追加、ECMA i18n APIのサポートなど","tags":["node.js","ReleaseNote"],"date":"2015-02-07T07:43:53.114Z","relatedLinks":[{"title":"StrongLoop | What’s New in io.js 1.0 Beta? – Streams3","url":"http://strongloop.com/strongblog/whats-new-io-js-beta-streams3/"},{"title":"Stream今昔物語 - from scratch","url":"http://yosuke-furukawa.hatenablog.com/entry/2014/12/01/155303"},{"title":"Node-v0.12の新機能について","url":"http://www.slideshare.net/shigeki_ohtsu/node-v012tng12"},{"title":"StrongLoop | Node.js v0.12 is Now Available With Improvements to Clustering and Performance","url":"http://strongloop.com/strongblog/node-js-v0-12-released/"},{"title":"Node.js v0.12 がリリースされました。 - from scratch","url":"http://yosuke-furukawa.hatenablog.com/entry/2015/02/07/185002"}]},{"title":"Temporal Dead Zone (TDZ) demystified - ES6 Rocks","url":"http://es6rocks.com/2015/01/temporal-dead-zone-tdz-demystified/","content":"ES6のTDZ(Temporal Dead Zone)について。\nES6では`let`によりlexical scopeが増えた、また`var`と違い変数宣言は巻き上げされないため、宣言より前方などには変数にアクセスできない領域(TDZ)が存在する事について\n","tags":["JavaScript","ECMAScript"],"date":"2015-02-07T08:03:56.329Z","relatedLinks":[]},{"title":"CSS polyfills from the future | GSS","url":"http://gridstylesheets.org/","content":"CSSのGrid Layoutを扱うCSS preprocessor。 CocoaのAutoLayoutのVisual Format LanguageみたいなVisual Grid Languageを持ちGridを扱う。","tags":["CSS"],"date":"2015-02-07T08:16:44.415Z","relatedLinks":[]},{"title":"Measuring Client-side JavaScript Test Coverage With Istanbul | Quick Left","url":"https://quickleft.com/blog/measuring-clientside-javascript-test-coverage-istanbul/","content":"mocha-phantomjs + istanbulでコードカバレッジを取る方法について","tags":["JavaScript"],"date":"2015-02-07T16:03:47.792Z","relatedLinks":[]},{"title":"NativeScript for Cross-Platform Native App Development with JavaScript","url":"http://www.telerik.com/nativescript","content":"JavaScript + CSS + XMLを使ったクロスプラットフォームなモバイルアプリ開発できるツール","tags":["JavaScript","mobile","app"],"date":"2015-02-07T16:08:15.284Z","relatedLinks":[]},{"title":"ESLint 0.14.0 released - ESLint","url":"http://eslint.org/blog/2015/02/eslint-0.14.0-released/","content":"ESLint 0.14.0リリース。\nArrow Functionのサポート、インデントルールの追加(JSCSからのポート)","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-02-08T03:59:51.871Z","relatedLinks":[]},{"title":"Variables and scoping in ECMAScript 6","url":"http://www.2ality.com/2015/02/es6-scoping.html","content":"letやconstのスコープやconstでのimmutableデータの扱いについて。\nconstとObject.freeze、TDZ、デフォルトパラメータとスコープ、グロール空間でのvar/functionとlet/const/classの違いについて","tags":["ECMAScript","JavaScript"],"date":"2015-02-08T04:53:04.192Z","relatedLinks":[]},{"title":"Ember.js - Ember.js 1.10.0 and 1.11 Beta Released","url":"http://emberjs.com/blog/2015/02/07/ember-1-10-0-released.html","content":"Ember.js 1.10.0と1.11βリリース。\n1.10でHTMLBarsをテンプレートエンジンとして利用するようになった","tags":["JavaScript","library","ReleaseNote"],"date":"2015-02-08T14:01:56.263Z","relatedLinks":[]},{"title":"VOYAGE GROUP　エンジニアブログ : 今、クライアントサイドのJavaScriptを書く前に知っておきたいこと ~ 2014年トレンド総まとめ","url":"http://tech.voyagegroup.com/archives/8046369.html","content":"2014年のJavaScriptのパラダイムの変化についてまとめられたスライド。\nAltJSとES6、非同期処理、モジュールパッケージ管理とビルドツール、テスト、ライブラリについて","tags":["JavaScript","slide"],"date":"2015-02-09T10:05:08.310Z","relatedLinks":[]},{"title":"A Guide To ES6 Classes - I Like Kill Nerds","url":"http://ilikekillnerds.com/2015/02/a-guide-to-es6-classes/","content":"ES6 Classについて。\nES5ではどのように\"クラス\"を書いてたかと、ES6ではどのように書けるかについて。\n継承や`surper()`についても触れている","tags":["JavaScript","ECMAScript"],"date":"2015-02-09T13:20:07.472Z","relatedLinks":[]},{"title":"Phoenixmatrix/phoenixmatrix-proxy","url":"https://github.com/Phoenixmatrix/phoenixmatrix-proxy","content":"node-webkit(nw.js)で書かれたプロキシアプリ。\nSSLにもCharlesみたいに証明書を使ってプロキシ出来る。Fiddlerとかみたいにスクリプタブルなデバッグプロキシとなるのが目的","tags":["node-webkit","proxy","app"],"date":"2015-02-09T15:52:34.722Z","relatedLinks":[]},{"title":"wooorm/eslint-md","url":"https://github.com/wooorm/eslint-md","content":"Markdownの中にあるCodeBlockのJavaScriptをESLintでチェックできるツール","tags":["JavaScript","Markdown","Tools"],"date":"2015-02-10T10:31:04.586Z","relatedLinks":[]},{"title":"Exploring ES6: Upgrade to the next version of JavaScript","url":"http://exploringjs.com/","content":"Speaking JavaScriptの著者でもあるDr. AxelによるES6についての書籍","tags":["ECMAScript","JavaScript","book"],"date":"2015-02-11T04:28:04.668Z","relatedLinks":[{"title":"First details of my upcoming book on ES6","url":"http://www.2ality.com/2015/02/es6-book.html"}]},{"title":"fdecampredon/jsx-typescript","url":"https://github.com/fdecampredon/jsx-typescript","content":"TypeScript + React(JSX)なTypeScript fork.","tags":["TypeScript","React"],"date":"2015-02-11T04:31:52.947Z","relatedLinks":[]},{"title":"Reapp - Hybrid apps, fast","url":"http://reapp.io/","content":"ReactベースのモバイルUIフレームワーク","tags":["React","mobile","library"],"date":"2015-02-11T04:32:54.557Z","relatedLinks":[]},{"title":"Flipboard/react-canvas","url":"https://github.com/flipboard/react-canvas","content":"CavasのレンダリングをするReact components。\n基本的な要素、Events、Text sizing、css-layout(パフォーマンス優先なのでなくなるかも?)、Accessibilityへの配慮が予定されてる","tags":["React","canvas","library"],"date":"2015-02-11T06:12:26.039Z","relatedLinks":[{"title":"60fps on the mobile web — Flipboard Engineering","url":"http://engineering.flipboard.com/2015/02/mobile-web/"}]},{"title":"css2scss - from css to scss","url":"http://sebastianpontow.de/css2compass","content":"CSSからSCSSの機能を使ったもの変換したり、色見本を作ってくれるサービス。","tags":["CSS","Sass","webservice"],"date":"2015-02-11T06:56:47.432Z","relatedLinks":[{"title":"汚いcssを整形するWebアプリ「css2scss」でリファクタリングした際、「ヤバい」と感じた３つの機能と３つの点 - Qiita","url":"http://qiita.com/koh-taka@github/items/bf638dd64c7c09e93557"}]},{"title":"Download RequireJS","url":"http://requirejs.org/docs/download.html#2-1-16","content":"RequireJS 2.1.16リリース。\n依存関係のパースをするのにEsprima 2.0を使うように、r.jsがNashornをサポート、UMDサポートのアップデート","tags":["JavaScript","AMD","library","ReleaseNote"],"date":"2015-02-11T06:58:20.817Z","relatedLinks":[]},{"title":"Release Pure 0.6.0-rc-1 – New Pure Menus · yahoo/pure","url":"https://github.com/yahoo/pure/releases/tag/v0.6.0-rc-1","content":"Pure 0.6.0-rc-1リリース。\nMenusの書き直し、Normalizeのアップデート(IE7以下はサポート廃止)など","tags":["CSS","ReleaseNote"],"date":"2015-02-11T08:13:55.129Z","relatedLinks":[]},{"title":"Detect JavaScript Problems with ESLint","url":"http://davidwalsh.name/eslint","content":"ESLintを使ったJavaScriptのLintについて。\nオプションの設定方法","tags":["JavaScript","Tools"],"date":"2015-02-11T08:25:11.609Z","relatedLinks":[]},{"title":"60fps on the mobile web — Flipboard Engineering","url":"http://engineering.flipboard.com/2015/02/mobile-web/","content":"React Canvas について。\nCavnas要素でUIを作ることで60FPSのスクロールを実現する。\n宣言的にUIを作れるためDOM的な抽象レイヤーとしてReactを使い、内部的にCanvasでレンダリングするReact Canvasを開発した話","tags":["JavaScript","canvas","React","DOM"],"date":"2015-02-11T08:36:16.870Z","relatedLinks":[{"title":"Flipboard/react-canvas","url":"https://github.com/flipboard/react-canvas"},{"title":"Flipboard – React Canvas Accessibility | The Paciello Group – Your Accessibility Partner (WCAG 2.0/508 audits, VPAT, usability and accessible user experience)","url":"http://www.paciellogroup.com/blog/2015/02/flipboard-react-canvas-accessibility/"}]},{"title":"TouchDevelop - TouchDevelop goes open-source","url":"https://www.touchdevelop.com/blog/touchdevelopgoesopensource","content":"タッチ操作でアプリを開発出来るウェブアプリである TouchDevelopがオープンソースとして公開された。\nTypeScriptで書かれている","tags":["JavaScript","TypeScript","MS","オープンソース"],"date":"2015-02-11T10:46:17.289Z","relatedLinks":[{"title":"TouchDevelop","url":"https://github.com/Microsoft/TouchDevelop"}]},{"title":"Year in review: Spidermonkey part 1 | H4writer","url":"http://h4writer.com/?p=14","content":"2014年のFirefoxに入ったAPI、機能や改善点等の振り返り","tags":["firefox","歴史"],"date":"2015-02-11T11:02:17.664Z","relatedLinks":[{"title":"Year in review: Spidermonkey in 2014 part 2 | H4writer","url":"http://h4writer.com/?p=40"}]},{"title":"Extensible Web を支える低レベル API 群 - Block Rockin’ Codes","url":"http://jxck.hatenablog.com/entry/extensible-lowlevel-api","content":"現在策定や実装が進んでいる低レベルなAPIとしてどのようなものがあるかについてのまとめ","tags":["JavaScript","WebPlatformAPI"],"date":"2015-02-11T11:06:12.840Z","relatedLinks":[{"title":"Extensible web","url":"http://www.slideshare.net/Jxck/extensible-web"}]},{"title":"Change Detection in Angular 2 | Victor Savkin","url":"http://victorsavkin.com/post/110170125256/change-detection-in-angular-2","content":"Angular 2の変更検知の仕組みについての解説。\n基本的にはComponentツリーを上から走査して変更を検知するが、Reactの`shouldComponentUpdate()`のように子への探索を減らす仕組みが導入されている","tags":["Angular","アルゴリズム"],"date":"2015-02-11T12:29:14.703Z","relatedLinks":[{"title":"リアルな DOM はなぜ遅いのか - steps to phantasien","url":"http://steps.dodgson.org/b/2014/12/11/why-is-real-dom-slow/"}]},{"title":"nodefest 2014 - YouTube","url":"https://www.youtube.com/playlist?list=PL42hYWKFRfN689rx3pVReAkYjs2F05Kum","content":"東京Node学園祭2014 http://nodefest.jp/2014/ の動画が公開された","tags":["node.js","Conference","video"],"date":"2015-02-11T13:45:15.708Z","relatedLinks":[]},{"title":"Asynchronous Programming: The End of The Loop - Video Tutorial Series @eggheadio","url":"https://egghead.io/series/mastering-asynchronous-programming-the-end-of-the-loop","content":"NetflixのJafar HusainさんよるJavaScriptの非同期プログラミングについてのスクリーンキャスト。\n聞きやすくて、分かりやすくて、書き起こしもある","tags":["JavaScript","video"],"date":"2015-02-11T14:27:33.453Z","relatedLinks":[]},{"title":"maxogden/wzrd","url":"https://github.com/maxogden/wzrd","content":"beefyみたいなBrowserifyを使ったローカルサーバを立てるコマンドラインツール","tags":["JavaScript","browserify","debug","library"],"date":"2015-02-11T23:05:41.374Z","relatedLinks":[]},{"title":"Tagtree course: Expert ES6","url":"http://tagtree.io/courses/expert-es6/","content":"ES6について学べる講座。\nES6の新しい機能についての解説と練習問題を解いて学べる","tags":["JavaScript","ECMAScript","tutorial"],"date":"2015-02-12T02:32:16.721Z","relatedLinks":[]},{"title":"maxogden/maintenance-modules","url":"https://github.com/maxogden/maintenance-modules","content":"npmでモジュールを公開するのを補助する色々なツールの紹介。\nTravisCIの設定、gh-pagesへのデプロイスクリプト、package.jsonの整形、npm release、依存パッケージのチェックなど","tags":["JavaScript","npm","Tools"],"date":"2015-02-12T09:29:25.475Z","relatedLinks":[]},{"title":"BrowserSync 2.0 - JH","url":"http://www.wearejh.com/news/browsersync-2-0/","content":"LiveReloadなどが入った開発用サーバであるBrowserSync 2.0リリース。\nデバッグのUI画面が追加され、履歴、接続してる端末一覧、CSSでデバッグ用にアウトライン表示などの機能が追加されている","tags":["JavaScript","browser","debug","Tools","ReleaseNote"],"date":"2015-02-12T12:55:51.095Z","relatedLinks":[]},{"title":"ES6 at PayPal","url":"http://www.slideshare.net/JamundFerguson/es6-at-paypal","content":"ES6を使ってみようという感じのスライド","tags":["ECMAScript","JavaScript","slide"],"date":"2015-02-12T14:07:03.440Z","relatedLinks":[]},{"title":"Changelog · lodash/lodash Wiki","url":"https://github.com/lodash/lodash/wiki/Changelog#v320","content":"lodash v3.2.0リリース。\n`_.fill`や`_.spread`等の追加、lazyサポートの修正や対応メソッドの追加","tags":["JavaScript","library","ReleaseNote"],"date":"2015-02-12T22:43:38.085Z","relatedLinks":[]},{"title":"estree/estree","url":"https://github.com/estree/estree","content":"SpiderMonkey Parser APIのASTについてがGitHubに移行し、ES6についてのドキュメント化が開始された","tags":["ECMAScript","JavaScript","AST"],"date":"2015-02-12T22:46:46.664Z","relatedLinks":[]},{"title":"jQuery UI 1.11.3 | jQuery UI Blog","url":"http://blog.jqueryui.com/2015/02/jquery-ui-1-11-3/","content":"jQuery UI 1.11.3リリース。\n","tags":["jQuery","UI","ReleaseNote"],"date":"2015-02-13T01:44:11.316Z","relatedLinks":[]},{"title":"harmony:specification_drafts [ES Wiki]","url":"http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts","content":"ECMAScript 2015 (ES6)  Draft Rev 33リリース。\n`super()`に関する制約の記述の追加、module周りのリファクタリング","tags":["ECMAScript","ReleaseNote"],"date":"2015-02-13T02:01:54.904Z","relatedLinks":[]},{"title":"wix/react-templates","url":"https://github.com/wix/react-templates","content":"ReactのJSXへ変換できるテンプレートとコンパイラ。\nJetBrains IDEで動くプラグインが用意されている\nhttps://github.com/idok/react-templates-plugin\n","tags":["React","template","library"],"date":"2015-02-14T02:50:20.677Z","relatedLinks":[]},{"title":"typicode/jsop","url":"https://github.com/typicode/jsop","content":"Object.observe を使って読み込んだJSONを書き換えたら自動的に保存するNodeモジュール","tags":["node.js","library"],"date":"2015-02-14T02:59:17.531Z","relatedLinks":[]},{"title":"acdlite/flummox","url":"https://github.com/acdlite/flummox","content":"Flux実装ライブラリ。\nコアとなるFlummoxクラスをを継承して、そこにStoreとActionを登録することでシングルトンを避ける作りになっている。ES6 classやasync/awaitを使った書き方等が考慮されている。\n","tags":["Flux","JavaScript","library"],"date":"2015-02-14T10:05:22.304Z","relatedLinks":[]},{"title":"Flux solutions compared by example - Pixelhunter.me | Dmitri Voronianski's blog","url":"http://pixelhunter.me/post/110248593059/flux-solutions-compared-by-example","content":"Flux実装のライブラリは多種多様で、小さなサンプルをそれぞれのライブラリを使って分かった事について。\n通信でデータ取得はどこですべきか、\nIsomorphicとシングルトン、ComponentをラップしたContainerのレイヤーを設ける事についてなど","tags":["Flux","サンプル","JavaScript"],"date":"2015-02-14T13:13:45.639Z","relatedLinks":[]},{"title":"Release v1.11.0 · jscs-dev/node-jscs","url":"https://github.com/jscs-dev/node-jscs/releases/tag/v1.11.0","content":"jscs v1.11.0リリース。\n既存のファイルの用意されてるプリセットでチェックして、自動で設定ファイルを作成出来る`--auto-configure`のオプションの追加、ルールの追加修正など。","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-02-14T13:33:20.790Z","relatedLinks":[]},{"title":"js2coffee/New_in_2.0.md at master · js2coffee/js2coffee","url":"https://github.com/js2coffee/js2coffee/blob/master/notes/New_in_2.0.md","content":"JavaScriptをCoffeeScriptに変換するJs2coffee 2.0リリース。\nエディタや警告の表示、ASTの表示、SourceMap対応など","tags":["JavaScript","CoffeeScript","ReleaseNote"],"date":"2015-02-14T13:37:21.326Z","relatedLinks":[]},{"title":"JSCS in use","url":"http://varya.me/en/posts/jscs-in-use/","content":"JavaScriptのコードスタイルチェックツールであるJSCSの使い方について","tags":["JavaScript","Tools"],"date":"2015-02-14T13:40:29.317Z","relatedLinks":[{"title":"JavaScript CodeStyle. Automatically!","url":"http://varya.me/jscs-talk/"},{"title":"JSCS: JavaScript Code Style — Frontend Babel","url":"http://frontendbabel.info/articles/jscs-javascript-code-style/"}]},{"title":"npm/how-to-npm","url":"https://github.com/npm/how-to-npm","content":"npmについてコマンドラインで学べるインタラクティブな教材","tags":["node.js","npm","tutorial"],"date":"2015-02-16T03:11:33.279Z","relatedLinks":[]},{"title":"estree/estree · GitHub","url":"https://github.com/estree/estree","content":"SpiderMonkey Parser APIのASTのドキュメントがGitHubに移行し、ES6についてのドキュメント化が開始された。\n現行の多くのツールがこれに依存していて、明文化されてないASTについてを仕様に落とすのが目的。","tags":["ECMAScript","JavaScript","AST"],"date":"2015-02-16T03:21:08.234Z","relatedLinks":[]},{"title":"Not Born to Die · Babel","url":"https://babeljs.io/blog/2015/02/15/not-born-to-die","content":"6to5が\"Babel\"にリネームされた。\n多くのツールがparsersとtranspilersに依存しているため、Babelプロジェクトではこの部分を解決していく。\nESTreeというASTの仕様の標準化作業にも協力していくとのこと","tags":["JavaScript","Tools"],"date":"2015-02-16T03:33:21.105Z","relatedLinks":[{"title":"Project scope and future · Issue #568 · babel/babel","url":"https://github.com/babel/babel/issues/568"},{"title":"estree/estree","url":"https://github.com/estree/estree"},{"title":"Name suggestions · Issue #596 · babel/babel","url":"https://github.com/babel/babel/issues/596"}]},{"title":"mking/react-hn","url":"https://github.com/mking/react-hn","content":"Reactを使ったHackerNewsのクローン。\nどういうComponentの粒度になってるかや構造についての解説が書かれている","tags":["React","サンプル","tutorial"],"date":"2015-02-17T02:02:37.354Z","relatedLinks":[]},{"title":"Release 0.7.0 · airportyh/testem","url":"https://github.com/airportyh/testem/releases/tag/v0.7.0","content":"testem 0.7.0リリース。\niojsやNode 0.12のサポート、Windowsでもci-modeが動くように修正、実行ページをよりisolateに","tags":["JavaScript","testing","ReleaseNote"],"date":"2015-02-17T02:50:48.123Z","relatedLinks":[]},{"title":"Eric Elliott’s essential JavaScript links or The way of the parrot, not · Super-Script","url":"http://super-script.us/2015/essential-js-links.html","content":"JavaScriptについてのリソースリンク集。\nスクリーンショット付きで紹介してる","tags":["JavaScript","まとめ","links"],"date":"2015-02-17T13:31:23.030Z","relatedLinks":[]},{"title":"mzabriskie/axios","url":"https://github.com/mzabriskie/axios","content":"Node/ブラウザどちらでも動くPromiseベースのHTTPリクエストライブラリ。\nリクエスト/レスポンスに対してコールバックを呼ばれる前に処理を挟んだりすることも出来る","tags":["JavaScript","library","XHR"],"date":"2015-02-17T14:58:19.528Z","relatedLinks":[]},{"title":"Classes in ECMAScript 6 (final semantics)","url":"http://www.2ality.com/2015/02/es6-classes-final.html","content":"ES6 Classについての詳しい解説。\nClassの挙動、使い方、Iterator、継承、`super()`、`new.target`の値、ES5では無理だったビルトインコンストラクタのサブクラスが可能になる点などについて","tags":["JavaScript","ECMAScript"],"date":"2015-02-17T15:20:31.663Z","relatedLinks":[]},{"title":"HTML5で音を扱う3つの方法","url":"http://150217-html5sound.fnobi.com/","content":"Audioタグ、WebAudio API、MediaStream Processing APIについてのスライド。\nそれぞれがどのような用途や機能を持っているかについて書かれている","tags":["HTML","audio","API","slide"],"date":"2015-02-18T10:14:09.348Z","relatedLinks":[]},{"title":"Amazon: コーディングWebアクセシビリティ - WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション: ヘイドン・ピカリング, Heydon Pickering, 伊原力也, 太田良典, 株式会社Bスプラウト","url":"http://www.amazon.co.jp/dp/4862462669?tag=amazon0abac-22","content":"2015年3月30日発売\n\"Apps For All - Coding Accessible Web Applications\"の日本語版","tags":["WAI-ARIA","book","translate"],"date":"2015-02-19T00:07:23.129Z","relatedLinks":[]},{"title":"音を扱うJavaScriptライブラリや記事 - Qiita","url":"http://qiita.com/mohayonao/items/d79e9fc56b4e9c157be1","content":"Web Audio API関連のライブラリやpolyfill、fallback実装などのリソースまとめ","tags":["JavaScript","audio","library","まとめ"],"date":"2015-02-19T06:42:34.042Z","relatedLinks":[]},{"title":"rev9-ecma-402-draft-now-available","url":"https://esdiscuss.org/topic/rev9-ecma-402-draft-now-available","content":"Ecma-402(ECMA i18n API) 2.0ドラフト Rev 9リリース","tags":["ecma","spec","i18n"],"date":"2015-02-19T08:15:25.072Z","relatedLinks":[]},{"title":"yahoo/kobold","url":"https://github.com/yahoo/kobold","content":"スクリーンショットを比較して視覚的なレグレッションがないかをテストするコマンドラインツール","tags":["JavaScript","browserify","testing"],"date":"2015-02-19T08:43:18.525Z","relatedLinks":[]},{"title":"yahoo/preceptor","url":"https://github.com/yahoo/preceptor","content":"Mocha、Cucumberなどに対応したTest Runner。\n設定によりレポーターやテスト対象などを細かく設定することができ、何をテストするかはTaskという塊で定義でき、Taskを並列で動かすこともできる。","tags":["JavaScript","browser","testing","library"],"date":"2015-02-19T08:53:53.324Z","relatedLinks":[]},{"title":"React Tips and Best Practices - ÆFLASH","url":"http://aeflash.com/2015-02/react-tips-and-best-practices.html","content":"ReactのTips。\n`shouldComponentUpdate`とMixin、propTypesとプロダクション、component内のstateを避けて全体のデータフローを一方通行にする話など","tags":["JavaScript","React","Tips"],"date":"2015-02-20T02:18:29.621Z","relatedLinks":[]},{"title":"The Pragmatic Bookshelf | CoffeeScript","url":"https://pragprog.com/book/tbcoffee2/coffeescript","content":"CoffeeScriptについての書籍","tags":["CoffeeScript","book"],"date":"2015-02-20T16:55:45.768Z","relatedLinks":[]},{"title":"node-browserify/changelog.markdown at 9.0.3 · substack/node-browserify","url":"https://github.com/substack/node-browserify/blob/9.0.3/changelog.markdown","content":"Browserify 9.0.0リリース。\numd 3.0.0へのアップデート。`$`や`_`もモジュール名として利用できるようになったため`--standalone $foo_bar`のような指定した時の挙動がbreaking changeとなる","tags":["browserify","ReleaseNote"],"date":"2015-02-21T17:23:32.414Z","relatedLinks":[{"title":"umd/HISTORY.md at 3.0.0 · ForbesLindesay/umd","url":"https://github.com/ForbesLindesay/umd/blob/3.0.0/HISTORY.md"}]},{"title":"Flow | Flow Comments","url":"http://flowtype.org/blog/2015/02/20/Flow-Comments.html","content":"Flow 0.4.0でコメントによる型指定が追加された。\nhttps://github.com/jareware/flotate のプロジェクトのシンタックスがマージされた形","tags":["flowtype","Tools","ReleaseNote"],"date":"2015-02-21T17:36:57.951Z","relatedLinks":[]},{"title":"New releases 4.13 and 5.0 - discuss.CodeMirror","url":"http://discuss.codemirror.net/t/new-releases-4-13-and-5-0/163","content":"CodeMirror 4.13と5.0リリース。\n5.0ではcontentEditableを使ったモバイルブラウザのサポートが追加されてる","tags":["JavaScript","library","ReleaseNote"],"date":"2015-02-22T01:25:25.196Z","relatedLinks":[]},{"title":"ESLint 0.15.0 released - ESLint","url":"http://eslint.org/blog/2015/02/eslint-0.15.0-released/","content":"ESLint 0.15.0リリース。\nSpread operator、Rest parameters、Destructuringのサポート。\nES6についてはESTreeでASTの仕様の議論をしてるので、それに従う形で実装を進めて行く","tags":["JavaScript","ECMAScript","Tools"],"date":"2015-02-22T01:37:04.367Z","relatedLinks":[{"title":"estree/estree","url":"https://github.com/estree/estree/"}]},{"title":"Knockout.js 3.3 Released - Knock Me Out","url":"http://www.knockmeout.net/2015/02/knockout-3-3-released.html","content":"Knockout.js 3.3リリース。\nComponentsの値を変更した時のレンダリングを同期か非同期の設定が可能に、`$component`の追加、computesが\"awake\"と\"sleep\"のイベントを通知するように","tags":["JavaScript","library","ReleaseNote"],"date":"2015-02-22T02:30:35.260Z","relatedLinks":[{"title":"Release Version 3.3.0 · knockout/knockout","url":"https://github.com/knockout/knockout/releases/tag/v3.3.0"}]},{"title":"Reactive Programming in JavaScript","url":"http://ahomu.github.io/s/150221-frontrend_conference/index.html#1","content":"Reactiveプログラミングについてのスライド。\"Reactive = 片方の変化を他方に自動で伝播する仕組み\"\nActor、FRP等Reactiveは色々あるがFRPについて詳しく書かれている。\nRxJSやBacon.jsを使ったサンプルについて","tags":["JavaScript","program","slide"],"date":"2015-02-22T05:24:31.493Z","relatedLinks":[{"title":"Reactive Programming in JavaScript - Frontrend Final Conference 資料 ::ハブろぐ","url":"http://havelog.ayumusato.com/develop/javascript/e657-reactive_programming_in_javascript.html"}]},{"title":"Introduction to Service Worker // Speaker Deck","url":"https://speakerdeck.com/1000ch/introduction-to-service-worker","content":"オフラインを実現するために関連するAPI、主にService Workerについてのスライド。\nCache API、Push APIについて","tags":["JavaScript","browser","slide"],"date":"2015-02-22T05:44:06.193Z","relatedLinks":[{"title":"dummy","url":"http://dummy"}]},{"title":"Introduction To React // Speaker Deck","url":"https://speakerdeck.com/hokaccha/introduction-to-react","content":"既存のDOMの再描画の流れとReactでのUI再描画の仕組みの違いについて。\n再描画のコストの違いや設計への影響、Fluxアーキテクチャへの流れが分かりやすく書かれているスライド","tags":["JavaScript","React","slide"],"date":"2015-02-22T07:30:21.948Z","relatedLinks":[]},{"title":"hughsk/disc","url":"https://github.com/hughsk/disc","content":"Browserifyでビルドしたコードから、ディレクトリ別(モジュール別)でファイルサイズやファイル数をグラフで可視化してくれるツール","tags":["JavaScript","browserify","Tools","gurai"],"date":"2015-02-22T12:23:10.528Z","relatedLinks":[]},{"title":"JavaScript - ぼくのかんがえたさいきょうのES6プロジェクトテンプレート - Qiita","url":"http://qiita.com/mohayonao/items/9b0655b8b4979bffda31","content":"ES6でのプロジェクト構成について。\nビルド、npm run-script、Browserify、テスト、Lint、コードカバレッジなどの設定について","tags":["JavaScript","ECMAScript"],"date":"2015-02-22T13:42:12.587Z","relatedLinks":[]},{"title":"Wallaby.js hits version 1.0 · Artem Govorov","url":"http://dm.gl/2015/02/23/wallaby-version-one/","content":"JetBrains IDEのpluginとして動作するテストフレームワークwallaby.js 1.0リリース。\n今後は他のエディタサポートやAPIの公開、AltJSのサポートなどを予定している。\n","tags":["WebStorm","plugin","testing"],"date":"2015-02-23T01:58:57.269Z","relatedLinks":[]},{"title":"gabelerner/canvg","url":"https://github.com/gabelerner/canvg","content":"SVGをCanvasでレンダリングするライブラリ","tags":["JavaScript","SVG","canvas"],"date":"2015-02-23T03:48:11.000Z","relatedLinks":[]},{"title":"jsdom/Changelog.md at 4.0.0 · tmpvar/jsdom","url":"https://github.com/tmpvar/jsdom/blob/4.0.0/Changelog.md","content":"jsdom 4.0.0リリース。\nio.jsの新しいvmモジュールに依存するため、4.xはio.jsでの動作のみで、Nodeの場合は3.xを使うように推奨されてる。","tags":["JavaScript","DOM","library"],"date":"2015-02-23T05:55:09.014Z","relatedLinks":[]},{"title":"The npm Blog — Welcome, jQuery developers!","url":"http://blog.npmjs.org/post/111385956875/welcome-jquery-developers","content":"jQuery plugin registryはread onlyモードとなり、pluginの公開にnpmを推奨してるのを受けて、jQuery pluginをnpmで公開する方法についてのサポートをしていくとの事","tags":["jQuery","npm"],"date":"2015-02-23T12:50:01.817Z","relatedLinks":[{"title":"【翻訳】Welcome, jQuery developers! — Medium","url":"https://medium.com/@watilde/%E7%BF%BB%E8%A8%B3-welcome-jquery-developers-3ae0075c19f6"},{"title":"【翻訳】Publishing your jQuery plugin to npm, the quick and dirty way — Medium","url":"https://medium.com/@watilde/%E7%BF%BB%E8%A8%B3-publishing-your-jquery-plugin-to-npm-the-quick-and-dirty-way-8487344e2b3f"}]},{"title":"Underscore.js","url":"http://underscorejs.org/","content":"underscore.js 1.8.0(現在1.8.2まで出てる)リリース。\nファイルサイズの削減、エイリアスとして使われていたメソッド名を一部変更、削除などのBreaking Changeを含んでいる。\n詳しくは下記のIssueを参照。\n1.8.0はIE8の互換性がないので、1.8.1と1.8.2で互換性の修正が行われている。","tags":["JavaScript","library"],"date":"2015-02-23T13:06:47.382Z","relatedLinks":[{"title":"Discuss latest changes to master before releasing · Issue #2061 · jashkenas/underscore","url":"https://github.com/jashkenas/underscore/issues/2061"}]},{"title":"JSX - ESLintについての細かいあれこれ - Qiita","url":"http://qiita.com/suisho/items/8610d3806a3f94d7d1d0","content":"ESLintの設定について","tags":["JavaScript","Tools"],"date":"2015-02-23T13:12:12.241Z","relatedLinks":[]},{"title":"harmony:specification_drafts [ES Wiki]","url":"http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts#february_20_2015_rev_34_release_candidate_1","content":"ES6 Draft RC1リリース(Rev 34)","tags":["ECMAScript","spec","ReleaseNote"],"date":"2015-02-23T14:58:33.605Z","relatedLinks":[]},{"title":"Amazon.co.jp： ブレイクスルーJavaScript フロントエンドエンジニアとして越えるべき5つの壁―オブジェクト指向からシングルページアプリケーションまで: 太田 智彬, 田辺 丈士, 新井 智士, 大江 遼, 株式会社アイ・エム・ジェイ: 本","url":"http://www.amazon.co.jp/%E3%83%96%E3%83%AC%E3%82%A4%E3%82%AF%E3%82%B9%E3%83%AB%E3%83%BCJavaScript-%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%A8%E3%81%97%E3%81%A6%E8%B6%8A%E3%81%88%E3%82%8B%E3%81%B9%E3%81%8D5%E3%81%A4%E3%81%AE%E5%A3%81%E2%80%95%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%8C%87%E5%90%91%E3%81%8B%E3%82%89%E3%82%B7%E3%83%B3%E3%82%B0%E3%83%AB%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%BE%E3%81%A7-%E5%A4%AA%E7%94%B0-%E6%99%BA%E5%BD%AC/dp/479813905X","content":"2015年4月17日 発売\nオブジェクト指向、イベント、Canvas、Ajax、シングルページアプリケーションについての書籍","tags":["JavaScript","book"],"date":"2015-02-24T02:10:07.987Z","relatedLinks":[]},{"title":"jxcore·io","url":"http://jxcore.io/","content":"Node.jsを拡張したフレームワーク。\nSpiderMonkeyとV8のエンジンの切り替え、マルチスレッドサポート、モバイルアプリへの組み込みなどをサポートしてる","tags":["JavaScript","node.js"],"date":"2015-02-24T06:57:37.314Z","relatedLinks":[{"title":"Node.jsを拡張した「JXCore」、オープンソースでソースコードを公開 | SourceForge.JP Magazine","url":"http://sourceforge.jp/magazine/15/02/24/164700"}]},{"title":"diafygi/webcrypto-examples","url":"https://github.com/diafygi/webcrypto-examples","content":"Web Cryptography APIのサンプル集","tags":["JavaScript","セキュリティ","サンプル"],"date":"2015-02-24T09:35:56.007Z","relatedLinks":[]},{"title":"よろしくESLint - Weblog - Hail2u.net","url":"http://hail2u.net/blog/coding/come-into-eslint.html","content":"ESLintの設定について。\npackge.jsonにも設定を書くことができ、JSHintからの移行について","tags":["JavaScript","Tools"],"date":"2015-02-24T10:20:28.599Z","relatedLinks":[]},{"title":"ECMAScript7を見据えた、JavaScript(TypeScript)で使えるFRPライブラリの比較調査 - Qiita","url":"http://qiita.com/kondei/items/17e5d4867a0652911e52","content":"RxJS、Bacon.js、Kefire.jsの比較","tags":["JavaScript","Rx","library"],"date":"2015-02-24T13:38:06.746Z","relatedLinks":[]},{"title":"Release v2.4.0 · marionettejs/backbone.marionette","url":"https://github.com/marionettejs/backbone.marionette/releases/tag/v2.4.0","content":"Marionette 2.4.0リリース。\nCollectionViewとCompositeViewのパフォーマンスや機能強化が中心。\n`Marionette.Controller`が非推奨となり`Marionette.Object`を利用するようになった","tags":["backbone.js","library","ReleaseNote"],"date":"2015-02-24T13:51:36.925Z","relatedLinks":[]},{"title":"olahol/eselement","url":"https://github.com/olahol/eselement","content":"ASTをDOMライクなAPIで操作出来るライブラリ。\nquerySelector、childNodes、removeChild、createElementのようなAPIが用意されてる","tags":["JavaScript","AST","library"],"date":"2015-02-24T14:52:50.349Z","relatedLinks":[]},{"title":"React v0.13 RC | React","url":"http://facebook.github.io/react/blog/2015/02/24/react-v0.13-rc1.html","content":"React v0.13 RCリリース","tags":["React","ReleaseNote"],"date":"2015-02-25T02:17:15.687Z","relatedLinks":[]},{"title":"Pointer Events is a W3C Recommendation | W3C News","url":"http://www.w3.org/blog/news/archives/4430","content":"Pointer EventsがW3C Recommendationになった。","tags":["JavaScript","event","spec"],"date":"2015-02-25T02:17:46.844Z","relatedLinks":[{"title":"Pointer Events advance to W3C Recommendation | The Paciello Group – Your Accessibility Partner (WCAG 2.0/508 audits, VPAT, usability and accessible user experience)","url":"http://www.paciellogroup.com/blog/2015/02/pointer-events-advance-to-w3c-recommendation/"},{"title":"Pointer Events W3C Recommendation, Interoperable Touch, and Removing the Dreaded 300ms Tap Delay - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2015/02/24/pointer-events-w3c-recommendation-interoperable-touch-and-removing-the-dreaded-300ms-tap-delay.aspx"},{"title":"Getting on Point | Official jQuery Blog","url":"http://blog.jquery.com/2015/02/24/getting-on-point/"}]},{"title":"Firefox — Notes (36.0) — Mozilla","url":"https://www.mozilla.org/en-US/firefox/36.0/releasenotes/","content":"Firefox 36.0リリース。\nHTTP/2のフルサポート、ES6 Symbolサポート、CSSの`object-fit`と`object-position`、`will-change`、`isolation`の実装、promiseオブジェクトのデバッグ対応など","tags":["firefox","ReleaseNote"],"date":"2015-02-25T02:40:25.648Z","relatedLinks":[{"title":"Firefox 36 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/ja/Firefox/Releases/36"}]},{"title":"CSS 4 - What's coming up // Speaker Deck","url":"https://speakerdeck.com/diegoeis/css-4-whats-coming-up","content":"CSS Selector、Media Queries Lv4についてのスライド ","tags":["CSS","slide"],"date":"2015-02-25T03:23:37.674Z","relatedLinks":[]},{"title":"New AngularJS Releases 1.4.0-beta.5 and 1.3.14","url":"http://angularjs.blogspot.com/2015/02/new-angularjs-releases-140-beta5-and.html","content":"AngularJS 1.4.0-betaと1.3.14 リリース。\nCommonJS supportの改善","tags":["Angular","ReleaseNote"],"date":"2015-02-25T15:55:18.788Z","relatedLinks":[]},{"title":"Service worker が拓く mobile web の新しいかたち","url":"http://www.slideshare.net/kinukox/service-worker-mobile-web","content":"ServiceWorkerについてのスライド。\nどういうことができるのか、Fetch API、Fetch APIのResponse、デバッグ方法、セキュリティポリシーについて。\nChromeでの実装者によるスライド","tags":["JavaScript","browser","slide"],"date":"2015-02-26T01:46:30.692Z","relatedLinks":[]},{"title":"[2015-02] 最近のJavaScript AST標準化の動き | Web Scratch","url":"http://efcl.info/2015/02/26/recent-js-ast/","content":"EspreeやShift AST、esprimaがjQuery Foundationに移管された事により活発化したAST周りの動きについて。\nESTreeというASTのコミュニティスタンダードについてなどの話","tags":["JavaScript","AST","まとめ"],"date":"2015-02-26T12:59:28.136Z","relatedLinks":[]},{"title":"Exploring ES6 Classes In AngularJS 1.x","url":"http://www.michaelbromley.co.uk/blog/350/exploring-es6-classes-in-angularjs-1-x","content":"Angular 1.xでES6 classを使って記述する方法についての記事","tags":["Angular"],"date":"2015-02-27T01:38:53.753Z","relatedLinks":[]},{"title":"Validate.js","url":"http://validatejs.org/","content":"依存がするライブラリがないバリデーションライブラリ。","tags":["JavaScript","library"],"date":"2015-02-27T04:56:40.500Z","relatedLinks":[]},{"title":"ESLint 0.15.1 released - ESLint","url":"http://eslint.org/blog/2015/02/eslint-0.15.1-released/","content":"ESLint 0.15.1リリース","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-02-27T05:51:26.732Z","relatedLinks":[]},{"title":"JavaScript入門用のコンソールプログラムjavascriptingを翻訳しました - @ledsun blog","url":"http://ledsun.hatenablog.com/entry/2015/02/26/085717","content":"nodeschool.ioで使われてるJavaScriptの文法を学ぶコンソールアプリの翻訳","tags":["JavaScript","node.js","tutorial","translate"],"date":"2015-02-27T08:33:30.269Z","relatedLinks":[]},{"title":"Vue.js資料まとめ","url":"https://gist.github.com/hashrock/f575928d0e109ace9ad0","content":"Vue.jsについてのリソースまとめ","tags":["JavaScript","まとめ","links"],"date":"2015-02-28T15:12:03.186Z","relatedLinks":[]},{"title":"WebStorm 10 EAP, 140.2753: V8 profiling, TypeScript 1.4 and built-in TypeScript compiler | JetBrains WebStorm Blog","url":"http://blog.jetbrains.com/webstorm/2015/02/webstorm-10-eap-140-2753/","content":"WebStorm 10 EAPリリース。\nV8のプロファイリングツール連携、TypeScript 1.4サポート、Scratch filesの改善など","tags":["WebStorm","ReleaseNote"],"date":"2015-03-01T12:47:11.242Z","relatedLinks":[]},{"title":"ES6 Quiz - hogehoge @teramako","url":"http://d.hatena.ne.jp/teramako/20150301/p1","content":"ECMAScript 6 クイズ","tags":["ECMAScript"],"date":"2015-03-01T13:14:43.044Z","relatedLinks":[]},{"title":"Iterables and iterators in ECMAScript 6","url":"http://www.2ality.com/2015/02/es6-iteration.html","content":"ES6のIteratorについての詳しい解説。\nfor..ofでのイテレート、spread演算子での展開、`Symbol.iterator`でのIterableの実装などについて","tags":["JavaScript","ECMAScript"],"date":"2015-03-01T13:17:19.093Z","relatedLinks":[]},{"title":"ServiceWorker のスコープとページコントロールについて - Qiita","url":"http://qiita.com/nhiroki/items/eb16b802101153352bba","content":"ServiceWorkerのスコープとコントール出来るようになるタイミングなどのライフサイクルについての解説","tags":["ServiceWorker","JavaScript"],"date":"2015-03-01T13:18:23.969Z","relatedLinks":[]},{"title":"hello world » AngularJS 도입 선택 가이드 공개합니다.","url":"http://helloworld.naver.com/helloworld/1172239","content":"AngularJS導入ガイド","tags":["Angular","PDF","資料","韓国"],"date":"2015-03-02T03:16:19.314Z","relatedLinks":[]},{"title":"JavaScript - web-animations-jsで策定中のAPIを先取りする - Qiita","url":"http://qiita.com/haribote/items/a8fc84d6cc2fd4abbf72","content":"Web Animations APIのpolyfillの基本的な使い方について","tags":["web","animation","library"],"date":"2015-03-02T07:40:27.021Z","relatedLinks":[]},{"title":"mattpodwysocki/applicative-2015","url":"https://github.com/mattpodwysocki/applicative-2015","content":"RxJSについてのスライド。\nFirst class async value、RxのonNext, onError, onComplete、どういう流れで処理を書けるかについてなど","tags":["JavaScript","Rx","slide"],"date":"2015-03-02T12:44:39.035Z","relatedLinks":[]},{"title":"Frontrend Final Conference 2015 - YouTube","url":"https://www.youtube.com/playlist?list=PLTo9gQMPMgGaVv9e-ZsrzhWvu5BgyWpi-","content":"Frontrend Final Conference 2015 の動画が公開された","tags":["JavaScript","CSS","Conference","video"],"date":"2015-03-03T03:09:42.116Z","relatedLinks":[{"title":"Frontrend Conference - A conference for front-end developer（2015年2月21日開催）","url":"http://frontrend.github.io/conference/"}]},{"title":"Announcing Orion 8.0 | Orion News","url":"http://planetorion.org/news/2015/02/announcing-orion-8-0/","content":"WebIDEのOrion 8.0 リリース。\nJavaScriptのLint、補完、JSDoc、Quickfix、CSSのLintの強化などが入ってる","tags":["JavaScript","IDE","ReleaseNote"],"date":"2015-03-03T06:11:10.294Z","relatedLinks":[]},{"title":"jeffposnick/sw-precache · GitHub","url":"https://github.com/jeffposnick/sw-precache","content":"ServiceWorkerでキャッシュするデータを定義したコードを生成してくれるNodeモジュール","tags":["JavaScript","library","ServiceWorker"],"date":"2015-03-03T06:12:33.457Z","relatedLinks":[]},{"title":"Brackets Blog - The Free, Open Source Code Editor for the Web","url":"http://blog.brackets.io/2015/03/02/brackets-1-2-now-available/","content":"Brackets 1.2リリース","tags":["JavaScript","editor","ReleaseNote"],"date":"2015-03-03T06:30:18.258Z","relatedLinks":[]},{"title":"royriojas/eslint-friendly-formatter","url":"https://github.com/royriojas/eslint-friendly-formatter","content":"ESLintのLint結果を該当コードの行と合わせて表示できるESLintのformatter","tags":["JavaScript","Tools"],"date":"2015-03-04T02:26:32.481Z","relatedLinks":[]},{"title":"React v0.13 RC2 | React","url":"http://facebook.github.io/react/blog/2015/03/03/react-v0.13-rc2.html","content":"React v0.13 RC2リリース。\n`React.cloneElement`の追加","tags":["React","ReleaseNote"],"date":"2015-03-04T02:46:13.871Z","relatedLinks":[{"title":"reactjs - React v0.13 RC - 気になる点を検証 - Qiita","url":"http://qiita.com/kenfdev/items/dbe10e2f0256e22945ca"}]},{"title":"flexbox in 5 minutes","url":"http://flexboxin5.com/","content":"fluxboxについて動かしながら学べるサイト","tags":["CSS","サンプル"],"date":"2015-03-04T03:22:49.306Z","relatedLinks":[]},{"title":"今話題のReact.jsはどのようなWebアプリケーションに適しているか？ Introduction To React─ Frontrend Conference | HTML5Experts.jp","url":"http://html5experts.jp/hokaccha/13301/","content":"Reactの概念をわかりやすく解説してる。 \nどのようなサイクルでレンダリングがおこなわれるかをBackboneなどと比較しながらReactの設計思想について解説されてる。\n","tags":["JavaScript","React"],"date":"2015-03-04T05:37:39.695Z","relatedLinks":[{"title":"▶ Introduction To React by Kazuhito Hokamura - YouTube","url":"https://www.youtube.com/watch?v=Biam884qSjg"}]},{"title":"harmony:specification_drafts [ES Wiki]","url":"http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts#march_4_2015_rev_35_release_candidate_2","content":"ES6 RC2(Rev 35)リリース","tags":["ECMAScript","spec","ReleaseNote"],"date":"2015-03-05T03:07:15.437Z","relatedLinks":[]},{"title":"Comparison of 4 popular JavaScript MV* frameworks (part 2) - Developer Economics","url":"http://www.developereconomics.com/comparison-4-popular-javascript-mv-frameworks-part-2/","content":"Ember, Angular, Backbone, React比較。それぞれのデータを可視化してて面白い ","tags":["JavaScript","library"],"date":"2015-03-07T07:17:37.046Z","relatedLinks":[]},{"title":"timoxley/chimes","url":"https://github.com/timoxley/chimes","content":"Iterableなオブジェクトに対するArray.forEachやsome、reduce等の関数を提供するライブラリ","tags":["JavaScript","library"],"date":"2015-03-07T08:45:20.716Z","relatedLinks":[]},{"title":"io.js/CHANGELOG.md at v1.5.0 · iojs/io.js","url":"https://github.com/iojs/io.js/blob/v1.5.0/CHANGELOG.md","content":"io.js 1.5.0リリース。\n","tags":["node.js","ReleaseNote"],"date":"2015-03-07T09:12:05.720Z","relatedLinks":[{"title":"io.js ウィークリーアップデート 2015/03/06","url":"http://blog.iojs.jp/2015-03-06.html"},{"title":"Release v2.7.0 · npm/npm","url":"https://github.com/npm/npm/releases/tag/v2.7.0"}]},{"title":"NW.js v0.12.0 released - Google グループ","url":"https://groups.google.com/forum/#!msg/nwjs-general/NJA-Up4MFug/1jmBPjzklSUJ","content":"NW.js 0.12.0 リリース。\n`webview`タグの追加、 chrome.webrequest APIの追加、`bg-script'`フィールドの追加、ソースコードを難読化するnwjcツールの追加など","tags":["node-webkit","ReleaseNote"],"date":"2015-03-07T13:47:02.254Z","relatedLinks":[]},{"title":"ESLint 0.16.0 released - ESLint","url":"http://eslint.org/blog/2015/03/eslint-0.16.0-released/","content":"ESLint 0.16.0リリース。\nClasses、Moduleのサポートが追加されES6のサポート(パース)がひとまず完了。\n// コメントでルール設定を無効化できるように","tags":["JavaScript","Tools"],"date":"2015-03-08T08:40:29.471Z","relatedLinks":[]},{"title":"The Flux Quick Start Guide","url":"http://www.jackcallister.com/2015/02/26/the-flux-quick-start-guide.html","content":"Fluxアーキテクチャのコンセプトについて登場要素ごとに順を追って解説されてる。\n併せて小さなstarter-kitも用意されているので、動かして試すことができる","tags":["Flux","JavaScript"],"date":"2015-03-08T13:29:56.864Z","relatedLinks":[{"title":"jarsbe/flux-starter-kit","url":"https://github.com/jarsbe/flux-starter-kit"}]},{"title":"Comparing Angular 1.x & 2.0","url":"http://shmck.com/comparing-angular-1-x-2-0/","content":"AngularJS1.xと2.0でどのような部分が異なるかについて。\n変更監視、コンポーネント、スコープ、モジュール、DirectivesとComponents、Router、テンプレート、アノテーション等について","tags":["Angular","JavaScript"],"date":"2015-03-08T13:46:21.754Z","relatedLinks":[{"title":"AngularJS: AngularJS 2.0","url":"https://blog.angularjs.org/2014/03/angular-20.html"}]},{"title":"Angular 2: Built on TypeScript - TypeScript - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/typescript/archive/2015/03/05/angular-2-0-built-on-typescript.aspx","content":"TypeScriptにアノテーションを実装していく方針になったのでAtScript自体はなくなるという話。\n\n[Welcome Brad Green and Igor Minar - YouTube](https://www.youtube.com/watch?v=QHulaj5ZxbI \"Welcome Brad Green and Igor Minar - YouTube\") の 20:00ぐらいからAtScriptの今後についての話。\n\n既にアノテーションのissueがあるがこれがどうかは分からない。\nhttps://github.com/Microsoft/TypeScript/issues/1557\nまた、AtScriptのアノテーションは実行時に情報が残ることを意図してる(DIとかに利用するため)\nTypeScriptはゴールとしてh実行時に情報を残すことはしないこととしているため、この辺どうするのかはまだ分からない\nhttps://github.com/Microsoft/TypeScript/wiki/TypeScript-Design-Goals","tags":["Angular","TypeScript"],"date":"2015-03-08T15:02:42.332Z","relatedLinks":[]},{"title":"poteto/emberconf-2015","url":"https://github.com/poteto/emberconf-2015","content":"EmberConf 2015のスライドや動画、ブログのまとめ","tags":["JavaScript","Conference","slide"],"date":"2015-03-08T15:31:33.027Z","relatedLinks":[{"title":"EmberConf 2015","url":"http://emberconf.com/"}]},{"title":"CSS Layout - Flexbox","url":"http://www.barbarianmeetscoding.com/barbaric-basics-web-development/css-layout-dist/flexbox-layout.html","content":"色々なCSS Fluxboxのレイアウトのデモサイト","tags":["CSS"],"date":"2015-03-09T09:49:38.454Z","relatedLinks":[]},{"title":"Angular — ng-conf 2015 media — AngularJs Meetup — South London — Medium","url":"https://medium.com/angularjs-meetup-south-london/angular-ng-conf-2015-media-25dbe6250154","content":"ng-conf 2015の動画とスライドまとめ","tags":["Angular","Conference","video","slide"],"date":"2015-03-09T13:37:20.823Z","relatedLinks":[{"title":"ng-conf 2015 - The World's Original Angular Conference","url":"http://www.ng-conf.org/"}]},{"title":"mocha/HISTORY.md at 2.2.0 · mochajs/mocha","url":"https://github.com/mochajs/mocha/blob/2.2.0/HISTORY.md","content":"Mocha 2.2.0リリース","tags":["JavaScript","testing","ReleaseNote"],"date":"2015-03-09T14:02:57.048Z","relatedLinks":[]},{"title":"React v0.13 | React","url":"http://facebook.github.io/react/blog/2015/03/10/react-v0.13.html","content":"React 0.13リリース。 ES6 classesの対応、React Toolsで`--target es3`の追加など","tags":["React","ReleaseNote"],"date":"2015-03-11T04:12:10.785Z","relatedLinks":[{"title":"React.js v0.13 changes - blog.koba04.com","url":"http://blog.koba04.com/post/2015/03/05/react-js-v013-changes/"}]},{"title":"Esprima 2.1 Released | Official jQuery Blog","url":"http://blog.jquery.com/2015/03/10/esprima-2-1-released/","content":"Esprima 2.1リリース。\nES6サポートが中心でclass、rest parameter、computed property nameなどをサポートした。\nESTreeでAST仕様を策定してる件について","tags":["JavaScript","AST","ReleaseNote"],"date":"2015-03-11T04:14:31.009Z","relatedLinks":[]},{"title":"A Comparison of JavaScript Linting Tools","url":"http://www.sitepoint.com/comparison-javascript-linting-tools/","content":"JSLint, JSHint, JSCS, ESLintのいいところ、よくないところの比較","tags":["JavaScript","Tools"],"date":"2015-03-12T01:30:55.490Z","relatedLinks":[]},{"title":"Taming the asynchronous beast with ES7","url":"http://pouchdb.com/2015/03/05/taming-the-async-beast-with-es7.html","content":"ES7で入る予定のasync/awaitについて。\nどのような動作になってるのかを解説してる","tags":["JavaScript","ECMAScript"],"date":"2015-03-12T01:43:42.390Z","relatedLinks":[]},{"title":"Home – Component Kitchen","url":"http://component.kitchen/","content":"Web Componentsのカタログサイト。\n","tags":["WebComponents","まとめ","search"],"date":"2015-03-13T14:16:27.260Z","relatedLinks":[]},{"title":"superagent/History.md at 1.0.0 · visionmedia/superagent","url":"https://github.com/visionmedia/superagent/blob/1.0.0/History.md","content":"superagent 1.0.0リリース。\n","tags":["JavaScript","node.js","HTTP","library"],"date":"2015-03-13T16:41:46.072Z","relatedLinks":[]},{"title":"Dev.Opera — Opera 28 released","url":"https://dev.opera.com/blog/opera-28/","content":"Opera 28 (based on Chromium 41)リリース。\nElement#closestの実装、any-pointer と any-hoverのサポート、Web Audio APIのsuspendとresume、StereoPannerNodeの実装、ES6サポートの改善","tags":["Opera","ReleaseNote","Chrome"],"date":"2015-03-14T05:42:14.508Z","relatedLinks":[]},{"title":"How to implement a programming language (tutorial for beginners)","url":"http://lisperator.net/pltut/","content":"JavaScriptでλanguageという言語を実装するチュートリアル。\ntoken stream、パーサ、AST、ジェネレータ、最適化、CPSなど色々書かれてる。\nUglifyJS作者によるもの","tags":["JavaScript","tutorial"],"date":"2015-03-14T05:44:49.326Z","relatedLinks":[]},{"title":"Babel: Beyond the Basics // Speaker Deck","url":"https://speakerdeck.com/sebmck/babel-beyond-the-basics","content":"Babel作者によるBabelの紹介スライド。\n\n","tags":["JavaScript","ECMAScript","slide","Tools"],"date":"2015-03-14T05:48:25.976Z","relatedLinks":[{"title":"▶ Babel: Beyond the Basics — Sebastian McKenzie, Creator of Babel - YouTube","url":"https://www.youtube.com/watch?v=F1BIeVe99EQ"}]},{"title":"Chromium Blog: Chrome 42 Beta: Push Notifications, Promoting Add to Home Screen and ES6 Classes","url":"http://blog.chromium.org/2015/03/chrome-42-beta-push-notifications_12.html","content":"Chrome 42βリリース。\nService Workerを使ったプッシュ通知、WebApp Manifestのサポート、ES6 Class、Fetch APIがwindowコンテキストに公開されるなど","tags":["Chrome","ReleaseNote"],"date":"2015-03-14T06:10:38.798Z","relatedLinks":[{"title":"Chrome 42 ベータ版: プッシュ通知、[ホーム画面に追加] のおすすめ、ES6 Class - Google Developer Japan Blog","url":"http://googledevjp.blogspot.jp/2015/03/chrome-42-es6-class.html"},{"title":"Push Notifications on the Open Web","url":"http://updates.html5rocks.com/2015/03/push-notificatons-on-the-open-web"}]},{"title":"Push Notifications on the Open Web","url":"http://updates.html5rocks.com/2015/03/push-notificatons-on-the-open-web","content":"Chrome 42でサポートされたPush APIについての解説。\nGoogle Cloud Messagingからどのようにプッシュ通知を行うかについての解説","tags":["Chrome","ServiceWorker","WebPlatformAPI"],"date":"2015-03-14T06:13:12.902Z","relatedLinks":[]},{"title":"ecomfe/fontmin","url":"https://github.com/ecomfe/fontmin","content":"ウェブフォントのMinifyを行うNodeモジュール。\nttfやotfからeot、woff、svgへの変換を行う。また使用する文字だけのサブセットも作成出来る","tags":["node.js","fonts","Tools","library"],"date":"2015-03-14T07:07:26.710Z","relatedLinks":[{"title":"中文字体 webfont 自动化构建 | EFE Tech","url":"http://efe.baidu.com/blog/chinese-font-build/"}]},{"title":"rackt/react-a11y · GitHub","url":"https://github.com/rackt/react-a11y","content":"React Elementにアクセシビリティ的な問題がないかを警告してくれるライブラリ。\nまたどうすればいいかも表示してくれる","tags":["React","library","アクセシビリティ"],"date":"2015-03-14T07:13:23.859Z","relatedLinks":[{"title":"▶ React.js Conf 2015 - Hype! - YouTube","url":"https://www.youtube.com/watch?v=z5e7kWSHWTg#t=631"}]},{"title":"ECMAScript没proposal追悼式","url":"http://www.slideshare.net/KMC_JP/ecmascriptproposal","content":"ES6の仕様で提案されたが、ES6 RC2時点で入らなかった仕様について。\n","tags":["ECMAScript","spec","slide"],"date":"2015-03-14T07:33:08.527Z","relatedLinks":[]},{"title":"bvaughn/jasmine-es6-promise-matchers","url":"https://github.com/bvaughn/jasmine-es6-promise-matchers","content":"JasmineのPromiseテストmatcher","tags":["JavaScript","Promises","testing"],"date":"2015-03-14T14:07:43.555Z","relatedLinks":[]},{"title":"Kikobeats/acho","url":"https://github.com/Kikobeats/acho#acho","content":"Node.jsとブラウザで動くログレベル等を持つシンプルなロガーライブラリ","tags":["JavaScript","library","node.js"],"date":"2015-03-14T14:43:58.084Z","relatedLinks":[]},{"title":"JavaScript - IndexedDbをActiveRecord+Promiseっぽく扱えてJSONSchemaでバリデーションできてnodeでもオンメモリで動いてくORMみたいな何か作ってみた - Qiita","url":"http://qiita.com/mizchi/items/bd8befaffa8fe9f32522","content":"IndexedDBを扱うライブラリ。\nJSONスキーマによるバリデーションやActiveRecord風のAPIを持っている。\nマイグレーション用のUtilも設けている\n","tags":["JavaScript","データベース","library"],"date":"2015-03-15T02:08:34.066Z","relatedLinks":[{"title":"mizchi/stone-skin","url":"https://github.com/mizchi/stone-skin"}]},{"title":"ESLint 0.17.0 released - ESLint","url":"http://eslint.org/blog/2015/03/eslint-0.17.0-released/","content":"ESLint 0.17.0リリース。\nJSX/Reactのセマンティックに関するルールはESLint本体ではなくpluginで行うように。\n","tags":["ECMAScript","JavaScript","Tools","ReleaseNote"],"date":"2015-03-15T03:56:33.135Z","relatedLinks":[{"title":"yannickcr/eslint-plugin-react","url":"https://github.com/yannickcr/eslint-plugin-react"}]},{"title":"Experiments with Strengthening JavaScript - Chrome V8 — Google Developers","url":"https://developers.google.com/v8/experiments","content":"Chromeに実験的に実装してるStrong Mode(SaneScript)とSoundScript(型システム)についてのドキュメント。","tags":["google","JavaScript"],"date":"2015-03-15T09:18:25.265Z","relatedLinks":[]},{"title":"EmberConf 2015 - YouTube","url":"https://www.youtube.com/playlist?list=PLE7tQUdRKcyacwiUPs0CjPYt6tJub4xXU#emberconf","content":"EmberConf 2015の動画一覧\nhttp://emberconf.com/\n","tags":["JavaScript","Conference","video"],"date":"2015-03-15T09:31:25.590Z","relatedLinks":[{"title":"poteto/emberconf-2015","url":"https://github.com/poteto/emberconf-2015"}]},{"title":"The Modern JavaScript Developer’s Toolbox","url":"http://www.infoq.com/articles/modern-javascript-toolbox","content":"InfoQが未来のJavaScript等についての連載の一環として、今までのJavaScriptを振り返りする記事。\nライブラリ、開発環境、ビルドツール/自動化などを簡単に振り返りしてる","tags":["JavaScript","歴史"],"date":"2015-03-15T09:49:47.613Z","relatedLinks":[{"title":"Next Generation HTML5 and JavaScript > Articles > Page #1","url":"http://www.infoq.com/Next-Generation-HTML5-JavaScript/articles/"}]},{"title":"zewish/rmodal.js","url":"https://github.com/zewish/rmodal.js","content":"依存がないシンプルなモーダルダイアログUIライブラリ","tags":["JavaScript","UI","library"],"date":"2015-03-15T10:00:21.419Z","relatedLinks":[]},{"title":"JavaScript - React.js 実戦投入への道 - Qiita","url":"http://qiita.com/icoxfog417/items/5d79b3336226aa51e30d","content":"\"Thinking in React\"の考え方。 \nテンプレートエンジンとReactの共存の話、階層構造の複雑性を解決するためのMediator/ObserverとFluxライブラリについて","tags":["Flux","JavaScript"],"date":"2015-03-16T13:27:02.460Z","relatedLinks":[]},{"title":"RemoteDebug and cross-browser DevTools. One year later. — Kenneth Auchenberg","url":"https://kenneth.io/blog/2015/03/12/remotedebug-one-year-later","content":"ブラウザ間の共通デバッグプロトコルを作るプロジェクトであるRemoteDebugを公開して1年経ってどのような変化があったかについて","tags":["JavaScript","browser","debug"],"date":"2015-03-16T15:20:02.625Z","relatedLinks":[]},{"title":"JavaScript - 4パターンのWebWorker生成方法とインラインワーカーの技法 - Qiita","url":"http://qiita.com/mohayonao/items/872166cf364e007cf83d","content":"WebWorkerの生成方法についてのまとめ","tags":["JavaScript","webworker"],"date":"2015-03-17T07:17:22.328Z","relatedLinks":[]},{"title":"material-fluxというFluxライブラリをREADME駆動で開発した | Web Scratch","url":"http://efcl.info/2015/03/17/material-flux/","content":"特殊なハックをできるだけ排除したFluxライブラリを作った話とREADME駆動について。\nまたES6 classをベースとしたAPIについて\n","tags":["JavaScript","library","Flux","ECMAScript"],"date":"2015-03-17T14:07:48.367Z","relatedLinks":[]},{"title":"eatcodeplay/Konsole.js","url":"https://github.com/eatcodeplay/Konsole.js","content":"画面内にコンソールを表示できるFirebug Lite的なライブラリ。\nconsole APIの上書き、DOMのインスペクト、CSSの操作、FPSの表示など","tags":["JavaScript","debug","library"],"date":"2015-03-17T23:06:58.004Z","relatedLinks":[]},{"title":"HTML5 & CSS3 For The Real World, 2nd Edition - O'Reilly Media","url":"http://shop.oreilly.com/product/9780987467485.do","content":"広義のHTMLとCSSの新しいAPIなどを見ていく書籍","tags":["HTML5","CSS","book"],"date":"2015-03-18T03:34:14.086Z","relatedLinks":[]},{"title":"React v0.13.1 | React","url":"http://facebook.github.io/react/blog/2015/03/16/react-v0.13.1.html","content":"React v0.13.1リリース","tags":["React","ReleaseNote"],"date":"2015-03-18T03:46:52.747Z","relatedLinks":[]},{"title":"O'Reilly Japan - 入門 React","url":"http://www.oreilly.co.jp/books/9784873117195/","content":"2015年03月27日発売\nDeveloping a React Edgeの翻訳本。","tags":["React","book"],"date":"2015-03-18T06:29:57.717Z","relatedLinks":[]},{"title":"harmony:specification_drafts [ES Wiki]","url":"http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts#march_17_2015_rev_36_release_candidate_3","content":"ES6仕様書RC3リリース","tags":["ECMAScript","ReleaseNote"],"date":"2015-03-18T13:35:05.820Z","relatedLinks":[]},{"title":"Functional Programming in JavaScript - O'Reilly Media","url":"http://shop.oreilly.com/product/9781784398224.do","content":"2015年3月発売。\n関数型JavaScriptについての書籍","tags":["JavaScript","book"],"date":"2015-03-18T14:06:21.776Z","relatedLinks":[]},{"title":"Explore React","url":"http://x-team.github.io/explore-react/","content":"Reactのコードリーディングをしながら内部的な仕組みを見ていく話","tags":["React","コードリーディング"],"date":"2015-03-18T15:02:04.192Z","relatedLinks":[]},{"title":"Chromium Blog: New JavaScript techniques for rapid page loads","url":"http://blog.chromium.org/2015/03/new-javascript-techniques-for-rapid.html","content":"Chrome41で`async`属性をつけたスクリプトはダウンロードが始まった瞬間にパーサ用の別スレッドでパースされるためより高速になるとの話","tags":["Chrome","JavaScript"],"date":"2015-03-19T02:07:38.596Z","relatedLinks":[{"title":"レンダリングを妨げる JavaScript を削除する - PageSpeed Insights — Google Developers","url":"https://developers.google.com/speed/docs/insights/BlockingJS"}]},{"title":"Rendering engine updates in March for the Windows 10 Technical Preview - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2015/03/18/rendering-engine-updates-in-march-for-the-windows-10-technical-preview.aspx","content":"Windows 10 Technical Previewのアップデート。\nWAI-ARIA Landmark Roles、Web Audio API、Touch Event、Fullscreen APIなどのサポート","tags":["IE","ReleaseNote"],"date":"2015-03-19T04:05:28.897Z","relatedLinks":[]},{"title":"Moving Codecademy to ECMAScript 6, Webpack, and React","url":"http://artur.co/articles/moving-codecademy-to-es6-webpack-and-react/","content":"Codecademyのクライアントサイドのアーキテクチャの変遷","tags":["JavaScript","ECMAScript","React"],"date":"2015-03-19T06:41:13.045Z","relatedLinks":[]},{"title":"React+d3.js by Swizec Teller [Leanpub PDF/iPad/Kindle]","url":"https://leanpub.com/reactd3js","content":"ReactとD3.jsについての書籍","tags":["React","d3.js","book"],"date":"2015-03-19T07:14:39.278Z","relatedLinks":[]},{"title":"Jank Free: Let's Make the Web Silky Smooth!","url":"http://jankfree.org/","content":"ウェブサイトで60FPSの描画するためのパフォーマンスチューニング等についてのスライド、動画や記事のまとめサイト。","tags":["JavaScript","browser","Chrome","V8","performance","video","まとめ"],"date":"2015-03-21T05:51:13.951Z","relatedLinks":[]},{"title":"ES5の範囲でOption型を表すライブラリ、option-t を作った - snyk_s log","url":"http://saneyukis.hatenablog.com/entry/2015/03/20/191424","content":"(初期状態)未選択を状態として保存したい時に使うOption typeの実装ライブラリ(like Rust)","tags":["JavaScript","library","Rust","Promises"],"date":"2015-03-21T06:18:55.438Z","relatedLinks":[{"title":"saneyuki/option-t.js","url":"https://github.com/saneyuki/option-t.js"},{"title":"「値が無い」ということをどう表現するか、あるいはOption型について - Line 1: Error: Invalid Blog('by Esehara' )","url":"http://bugrammer.hateblo.jp/entry/2013/07/30/134120"}]},{"title":"DevTools: State Of The Union 2015 // Speaker Deck","url":"https://speakerdeck.com/addyosmani/devtools-state-of-the-union-2015","content":"Chromeの開発者ツールの新しい機能や実際のパフォーマンス計測、問題の見つけ方について。\nWikipediaとjQueryの例、一つの処理が100ms以上取ってるなら危険、`hide()`のボトルネック、まずは計測することから始めるという話","tags":["Chrome","debug","Tools","slide"],"date":"2015-03-21T13:21:13.926Z","relatedLinks":[{"title":"jQuery UK Conference - Oxford 2015","url":"http://jqueryuk.com/2015/videos.php?s=devtools-state-of-the-union"}]},{"title":"jQuery UK Conference - Oxford 2015","url":"http://jqueryuk.com/2015/videos.php","content":"jQuery UK 2015の動画が公開された","tags":["jQuery","video","まとめ"],"date":"2015-03-21T13:22:38.525Z","relatedLinks":[{"title":"Coverage of jQuery UK 2015 | Lanyrd","url":"http://lanyrd.com/2015/jquery-uk/coverage/"}]},{"title":"Hamsa","url":"http://gethamsa.com/","content":"`Object.observe()` (又はpolyfill)を使ったモデルライブラリ。\nスキーマ的なプロパティの型やデフォルト値の定義、class継承、` Object.observe()` を使った変更監視、find系の探査メソッドを持つ","tags":["JavaScript","library"],"date":"2015-03-22T14:39:26.109Z","relatedLinks":[]},{"title":"flow/Changelog at v0.7.0 · facebook/flow","url":"https://github.com/facebook/flow/blob/v0.7.0/Changelog","content":"FlowType 0.7.0リリース。\nES6 modulesのサポート開始、null/undefinedとの比較するケースの改善、`hasOwnProperty`を呼び出してるケースの改善","tags":["JavaScript","flowtype","Tools","ReleaseNote"],"date":"2015-03-22T15:57:17.933Z","relatedLinks":[]},{"title":"Using npm link to use node modules that are \"in progress\" - Node.js Video Tutorial #free @eggheadio","url":"https://egghead.io/lessons/node-js-using-npm-link-to-use-node-modules-that-are-in-progress","content":"npm linkを使った開発についてのスクリーンキャスト","tags":["node.js","npm","video"],"date":"2015-03-22T16:20:10.915Z","relatedLinks":[]},{"title":"「RxJS」初心者入門 - JavaScriptの非同期処理の常識を変えるライブラリ | 株式会社LIG","url":"http://liginc.co.jp/web/js/151272","content":"RxJSの入門記事。\nRxのパラダイム的な話やサンプルなどがまとまってる","tags":["JavaScript","Rx"],"date":"2015-03-23T09:48:57.407Z","relatedLinks":[]},{"title":"ウェブパフォーマンスの基礎とこれから","url":"http://www.slideshare.net/kawada_hiroshi/ss-46149727","content":"通信についてを中心に扱うパフォーマンスについてのスライド\nウェブサイトの表示までにどういう通信が起きてるか、ブラウザ上でどうやって計測するかやPeformance Timelineなどの仕様について、HTTP/2での戦略の違いなど","tags":["web","performance","slide"],"date":"2015-03-23T12:41:16.917Z","relatedLinks":[]},{"title":"Node v0.12.1 (Stable)","url":"http://blog.nodejs.org/2015/03/23/node-v0-12-1-stable/","content":"Node v0.12.1リリース。\nOpenSSLのアップデート","tags":["node.js","ReleaseNote"],"date":"2015-03-24T14:03:07.450Z","relatedLinks":[]},{"title":"operasoftware/operachromiumdriver","url":"https://github.com/operasoftware/operachromiumdriver","content":"OperaのWebDriver実装","tags":["Opera","Chrome","webdriver"],"date":"2015-03-24T15:40:23.842Z","relatedLinks":[]},{"title":"Package Quality","url":"http://packagequality.com/","content":"npmのパッケージのクオリティチェック。\nissueの数やバージョンなどの情報を元に数値化してる","tags":["npm","webservice"],"date":"2015-03-25T07:01:24.167Z","relatedLinks":[]},{"title":"mikechau/react-primer-draft","url":"https://github.com/mikechau/react-primer-draft","content":"Reactでシングルページアプリケーションを作るチュートリアル的な文章。\nReact.Component について詳しく書かれている","tags":["React","tutorial","book"],"date":"2015-03-25T07:08:47.646Z","relatedLinks":[]},{"title":"Amazon: Front-End Architecture: A Modern Blueprint for Scalable and Sustainable Design Systems: Micah Godbolt","url":"http://www.amazon.com/dp/1491926783","content":"2015年10月25日発売\nフロントエンドアーキテクチャ。\nJavaScriptやツール、CSSなど幅広く扱ってる","tags":["JavaScript","HTML","book"],"date":"2015-03-25T07:54:52.560Z","relatedLinks":[]},{"title":"Microsoft/IEDiagnosticsAdapter","url":"https://github.com/Microsoft/IEDiagnosticsAdapter","content":"Chrome remote debug protocolを使ってIEをデバッグできるプロキシ。\nChromeでIEで見てるサイトをデバッグ出来る","tags":["Chrome","IE","debug","proxy","software"],"date":"2015-03-26T13:19:07.982Z","relatedLinks":[]},{"title":"Dart News & Updates: Dart for the Entire Web","url":"http://news.dartlang.org/2015/03/dart-for-entire-web.html","content":"DartはDartVMをChromiumに載せることは諦めて、Dart2jsに集中するとのこと","tags":["dart","ReleaseNote"],"date":"2015-03-26T13:22:10.355Z","relatedLinks":[]},{"title":"ESLint 0.18.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2015/03/eslint-0.18.0-released","content":"ESLint 0.18.0 リリース","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-03-29T02:58:16.815Z","relatedLinks":[]},{"title":"bloomberg/brisket","url":"https://github.com/bloomberg/brisket","content":"Bloombergのisomorphic JavaScriptフレームワーク。\nRendrと同じくBackboneをベースとしたサーバサイドレンダリングの仕組みを持つ。\n","tags":["JavaScript","backbone.js","library"],"date":"2015-03-29T03:14:37.757Z","relatedLinks":[{"title":"At Bloomberg We’ve Made Brisket. And It Can Make Anything. | Bloomberg L.P.","url":"http://www.bloomberg.com/company/2015-03-24/bloomberg-weve-made-brisket-can-make-anything/"}]},{"title":"Ember.js - Ember.js 1.11.0 and 1.12 Beta Released","url":"http://emberjs.com/blog/2015/03/27/ember-1-11-0-released.html","content":"Ember.js 1.11リリース。\nHTMLBarsの構文強化","tags":["JavaScript","library","ReleaseNote"],"date":"2015-03-29T05:18:20.851Z","relatedLinks":[]},{"title":"cssnext/cssnext","url":"https://github.com/cssnext/cssnext","content":"CSS4などの仕様をCSS3相当に変換するツールとライブラリ。\n","tags":["CSS","Tools","library"],"date":"2015-03-29T05:59:34.561Z","relatedLinks":[{"title":"Myth - CSS the way it was imagined.","url":"http://www.myth.io/"}]},{"title":"Node.js Tools 1.0 for Visual Studio - The Visual Studio Blog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/visualstudio/archive/2015/03/25/node-js-tools-1-0-for-visual-studio.aspx","content":"Node.js Tools 1.0 for Visual Studioリリース。\nまたリポジトリがGitHubに移行した","tags":["node.js","IDE","ReleaseNote"],"date":"2015-03-30T12:40:15.521Z","relatedLinks":[{"title":"Microsoft/nodejstools","url":"https://github.com/Microsoft/nodejstools"}]},{"title":"Reusable Component UI Design // Speaker Deck","url":"https://speakerdeck.com/tyshgc/reusable-component-ui-design","content":"再利用できるReact Componentについてのスライド","tags":["React","slide"],"date":"2015-03-31T09:56:23.408Z","relatedLinks":[]},{"title":"ES6 generators in depth","url":"http://www.2ality.com/2015/03/es6-generators.html","content":"ES6のGeneratorについての詳しい解説。\nGeneratorとは何か、構成要素、Iterator、Generatorの使い方、CSPなど幅広く書かれてる","tags":["JavaScript","ECMAScript"],"date":"2015-03-31T09:59:48.344Z","relatedLinks":[]},{"title":"\"Project Spartan\" in the Windows Technical Preview build 10049 - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2015/03/30/quot-project-spartan-quot-in-the-windows-technical-preview-build-10049.aspx","content":"Project Spartanが入ったWindows 10のプレビュー版が公開された","tags":["windows","IE","ReleaseNote"],"date":"2015-03-31T10:10:55.979Z","relatedLinks":[]},{"title":"A Preview of WinJS 4.0","url":"http://blogs.windows.com/buildingapps/2015/03/27/a-preview-of-winjs-4-0/","content":"WinJS 4.0のプレビュー版が公開された","tags":["windows","JavaScript","library","ReleaseNote"],"date":"2015-03-31T12:46:36.360Z","relatedLinks":[]},{"title":"Release 3.7.0 · facebook/immutable-js","url":"https://github.com/facebook/immutable-js/releases/tag/3.7.0","content":"immutable-js 3.7.0リリース","tags":["JavaScript","library"],"date":"2015-03-27T07:35:40.636Z","relatedLinks":[]},{"title":"Release v1.4.0 · bower/bower","url":"https://github.com/bower/bower/releases/tag/v1.4.0","content":"Bower 1.4.0リリース。\nloginとunregisterコマンドをサポート、pacakge.jsonにBowerの設定を書けるように、`--save-exact`のサポートなど","tags":["JavaScript","package","ReleaseNote"],"date":"2015-03-31T15:49:01.451Z","relatedLinks":[{"title":"Unregister and login commands (rebased) by sheerun · Pull Request #1719 · bower/bower","url":"https://github.com/bower/bower/pull/1719"},{"title":"Accept npm's config variables in package.json · Issue #1711 · bower/bower","url":"https://github.com/bower/bower/issues/1711"}]},{"title":"Auto-formatting JavaScript Code Style — Medium","url":"https://medium.com/@addyosmani/auto-formatting-javascript-code-style-fe0f98a923b8","content":"JSCS 1.12.0で自動整形機能が入り、JSCSを使ってSublime Textで自動整形を行う方法について。","tags":["JavaScript","Tools"],"date":"2015-04-01T07:59:38.365Z","relatedLinks":[{"title":"Release v1.12.0 · jscs-dev/node-jscs","url":"https://github.com/jscs-dev/node-jscs/releases/tag/v1.12.0"}]},{"title":"Release v1.12.0 · jscs-dev/node-jscs","url":"https://github.com/jscs-dev/node-jscs/releases/tag/v1.12.0","content":"JSCS 1.12.0リリース。\n自動整形機能のサポート(`-x` オプション)、ルールの追加、Auto-configurationのエラー表示の改善など","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-04-01T08:07:32.809Z","relatedLinks":[]},{"title":"Node v0.12.2 (Stable)","url":"http://blog.nodejs.org/2015/03/31/node-v0-12-2-stable/","content":"Node v0.12.2リリース。\n","tags":["node.js","ReleaseNote"],"date":"2015-04-01T13:01:52.493Z","relatedLinks":[]},{"title":"WebStorm 10 released: improved JavaScript support, TypeScript 1.4, V8 profiling, and more | JetBrains WebStorm Blog","url":"http://blog.jetbrains.com/webstorm/2015/03/webstorm-10-released/","content":"WebStorm 10リリース。\nES6のサポート改善、TypeScript 1.4のサポート、spy-jsで依存関係の表示、多段SourceMapに対応、V8のプロファイリングのサポートなど","tags":["WebStorm","ReleaseNote"],"date":"2015-04-01T15:18:45.083Z","relatedLinks":[{"title":"What's new in WebStorm 10","url":"https://www.jetbrains.com/webstorm/whatsnew/"}]},{"title":"Firefox — Notes (37.0) — Mozilla","url":"https://www.mozilla.org/en-US/firefox/37.0/releasenotes/","content":"Firefox 37リリース。\nTyped ArrayにもArrayメソッドの追加、Web Audio APIを最新の仕様に追従、Web Worker内でIndexedDBを使えるようになる等\n","tags":["firefox","ReleaseNote"],"date":"2015-04-02T06:04:10.747Z","relatedLinks":[{"title":"Firefox 37 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/ja/Firefox/Releases/37"},{"title":"Firefox 37 サイト互換性情報 - Mozilla | MDN","url":"https://developer.mozilla.org/ja/Firefox/Releases/37/Site_Compatibility"}]},{"title":"Jam3/jam3-lesson-module-basics","url":"https://github.com/Jam3/jam3-lesson-module-basics","content":"小さいnpmのモジュールを使ってクライアントサイドの開発をしようという紹介記事。\n実際にBrowserifyなどを使ってどうやって開発するかについて紹介している\n","tags":["JavaScript","node.js","npm"],"date":"2015-04-02T06:10:50.900Z","relatedLinks":[]},{"title":"sorting algorithms in javascript","url":"http://h3manth.com/javascript-sorting/","content":"JavaScriptでソートアルゴリズムの実装","tags":["JavaScript","アルゴリズム"],"date":"2015-04-02T07:33:22.883Z","relatedLinks":[]},{"title":"SemVer checker","url":"http://semver.npmjs.com/","content":"npmのsemver計算機\nバージョン文字列からどのバージョンにマッチするかを確認できる","tags":["npm","webservice","Tools"],"date":"2015-04-03T05:15:58.699Z","relatedLinks":[]},{"title":"5.0.0 Released · Babel","url":"https://babeljs.io/blog/2015/03/31/5.0.0","content":"Babel 5.0.0リリース。\n`--experimental`を廃止して、ECMAScriptを策定してるTC39のプロセスを元にしたStageベースのフラグを導入。またES7のDecoratorsなどの実装を追加、class継承でのsuper()の呼び出しチェックを追加するなど","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-04-03T07:54:21.152Z","relatedLinks":[]},{"title":"less.js/CHANGELOG.md at v2.5.0 · less/less.js","url":"https://github.com/less/less.js/blob/v2.5.0/CHANGELOG.md","content":"less.js 2.5.0 リリース。\nスコープ内でも`@plugin`を動作するように、パーサのパフォーマンス改善や細かい警告の修正など","tags":["CSS","JavaScript","library","ReleaseNote"],"date":"2015-04-04T03:20:54.455Z","relatedLinks":[{"title":"Fix `@plugin` scoping rules by rjgotten · Pull Request #2522 · less/less.js","url":"https://github.com/less/less.js/pull/2522"}]},{"title":"flow/Changelog at v0.8.0 · facebook/flow","url":"https://github.com/facebook/flow/blob/v0.8.0/Changelog","content":"FlowType 0.8.0リリース。\n","tags":["flowtype","ReleaseNote"],"date":"2015-04-04T03:39:05.344Z","relatedLinks":[]},{"title":"ECMAScript 6: Feature Overview and Comparison","url":"http://es6-features.org/","content":"ES6とES5の書き方を項目毎に比較紹介してるサイト","tags":["JavaScript","ECMAScript","まとめ"],"date":"2015-04-04T03:42:47.482Z","relatedLinks":[]},{"title":"harmony:specification_drafts [ES Wiki]","url":"http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts#april_3_2015_rev_37_release_candidate_4","content":"ECMAScript 2015(ES6) RC4リリース。\nTC39で承認されたバージョン、\"Edition 6\"という記述を\"ECMAScript 2015\"に置換されるなど","tags":["ECMAScript","ReleaseNote"],"date":"2015-04-04T09:26:21.754Z","relatedLinks":[{"title":"Allen Wirfs-Brock on Twitter: \"@rwaldron @SlexAxton RC4 replaced a lot of \"Edition 6\" with \"ECMAScript 2015\". Will help with ISO version aka ISO/IEC-16262 Edition 4\"","url":"https://twitter.com/awbjs/status/584093254045413376"},{"title":"Allen Wirfs-Brock on Twitter: \"The final ES6 draft will be RC4 which I will finalize and forward to Ecma next week.\"","url":"https://twitter.com/awbjs/status/580326814826020864"}]},{"title":"the-offline-cookbook-ja/ja.md at master · kuu/the-offline-cookbook-ja","url":"https://github.com/kuu/the-offline-cookbook-ja/blob/master/ja.md","content":"The offline cookbookの翻訳。\nService Workerのパターンについて書かれている","tags":["ServiceWorker","translate","JavaScript"],"date":"2015-04-04T09:35:38.621Z","relatedLinks":[]},{"title":"azu/wait-for-element.js","url":"https://github.com/azu/wait-for-element.js","content":"CSSセレクタにマッチする要素が表示されるまで待つライブラリ。\nMutationObserverを使った実装とsetTimeoutを使った実装を持ってる","tags":["JavaScript","library","DOM"],"date":"2015-04-04T09:37:01.395Z","relatedLinks":[{"title":"ある要素が表示されるまで待つJSライブラリを書いた(MutationObserver) | Web Scratch","url":"http://efcl.info/2015/04/06/wait-for-element/"}]},{"title":"Announcing TypeScript 1.5 Alpha - TypeScript - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/typescript/archive/2015/03/27/announcing-typescript-1-5-alpha.aspx","content":"TypeScript 1.5αリリース。\nES6 modulesなどの対応、デコレータのサポート、Sublime Textプラグインの追加など","tags":["TypeScript","ReleaseNote"],"date":"2015-04-04T09:56:18.339Z","relatedLinks":[]},{"title":"Live Editing JavaScript with Webpack (Part III)","url":"http://jlongster.com/Backend-Apps-with-Webpack--Part-III","content":"webpackのhot module replacementの仕組みについての解説。\nリロードなしでモジュールの変更をする仕組みについて","tags":["webpack","JavaScript","Tools"],"date":"2015-04-04T14:09:23.160Z","relatedLinks":[{"title":"hot module replacement with webpack","url":"http://webpack.github.io/docs/hot-module-replacement-with-webpack.html"}]},{"title":"Release v2.0.0 · eslint/espree","url":"https://github.com/eslint/espree/releases/tag/v2.0.0","content":"ESLintが使うASTパーサであるespree 2.0.0リリース。\nESTree仕様への追従のためにBreaking Change、`super`の対応、RestElementへの対応など","tags":["JavaScript","AST","ReleaseNote"],"date":"2015-04-05T05:04:53.244Z","relatedLinks":[]},{"title":"Service Workerハッカソン資料まとめ - dackdive's blog","url":"http://dackdive.hateblo.jp/entry/2015/04/04/163234","content":"Service Workerハッカソンのスライドや動画のまとめ","tags":["ServiceWorker","slide","video","まとめ"],"date":"2015-04-06T11:32:11.566Z","relatedLinks":[]},{"title":"mohebifar/xto6","url":"https://github.com/mohebifar/xto6","content":"ES5のコードをES6へ変換するTranspiler","tags":["JavaScript","ECMAScript","Tools"],"date":"2015-04-06T11:39:17.212Z","relatedLinks":[]},{"title":"CSS Font LoadingとFont Face Observer、Web Font Loader - Weblog - Hail2u.net","url":"http://hail2u.net/blog/webdesign/css-font-loading-font-face-observer-and-web-font-loader.html","content":"CSS Font Loadingと同様の機能を提供するshim的なライブラリの比較","tags":["fonts","CSS","JavaScript","library"],"date":"2015-04-06T13:31:52.304Z","relatedLinks":[]},{"title":"Deploying ECMAScript 6","url":"http://www.2ality.com/2015/04/deploying-es6.html","content":"ES6関係のツール、試し方の簡潔なまとめ","tags":["ECMAScript","JavaScript","Tools","まとめ"],"date":"2015-04-08T13:27:09.195Z","relatedLinks":[]},{"title":"mojo-js/obj-stream","url":"https://github.com/mojo-js/obj-stream","content":"Stream的なAPIを持ったライブラリ。\nオブジェクトをStreamに流すことができ、EventEmitterを使ったStream的なものなのでブラウザでも動作する","tags":["JavaScript","library","browser"],"date":"2015-04-09T01:43:55.280Z","relatedLinks":[]},{"title":"alfredkam/yakojs","url":"https://github.com/alfredkam/yakojs","content":"DOM-lessなグラフライブラリ。\nSVGグラフを吐き出せるようにすることでサーバサイドでも同じ出力結果を出せるようにする目的","tags":["JavaScript","グラフ","SVG"],"date":"2015-04-10T01:58:43.391Z","relatedLinks":[]},{"title":"関数型なAltJS、PureScriptの入門書を邦訳しました。 - Qiita","url":"http://qiita.com/hiruberuto/items/f1e048fc9a8ca51eddb2","content":"PureScriptの入門書の翻訳","tags":["JavaScript","book","translate"],"date":"2015-04-10T08:35:31.826Z","relatedLinks":[]},{"title":"Browser","url":"http://browser.hatenablog.com/","content":"IEやSpartan等の情報を追ってるブログ","tags":["IE","blog","browser"],"date":"2015-04-10T13:06:36.512Z","relatedLinks":[]},{"title":"A Detailed Explanation of JavaScript Game Loops and Timing | Isaac Sukin","url":"http://www.isaacsukin.com/news/2015/01/detailed-explanation-javascript-game-loops-and-timing","content":"JavaScriptで正しいメインループを実装するにはどうするかについて。","tags":["JavaScript","game","library"],"date":"2015-04-11T07:06:01.778Z","relatedLinks":[{"title":"IceCreamYou/MainLoop.js","url":"https://github.com/IceCreamYou/MainLoop.js"}]},{"title":"cburgmer/csscritic","url":"https://github.com/cburgmer/csscritic","content":"CSSのレグレッションテストフレームワーク","tags":["CSS","testing","library"],"date":"2015-04-11T13:13:06.263Z","relatedLinks":[]},{"title":"yahoo/blink-diff","url":"https://github.com/yahoo/blink-diff","content":"画像の比較してその差を出したり、一致するかをテストできるJavaScriptライブラリ。\nどれくらいの差を許すか等も設定できる","tags":["画像","testing","library","JavaScript","node.js"],"date":"2015-04-11T14:00:40.528Z","relatedLinks":[]},{"title":"MUI - Material Design CSS Framework","url":"https://www.muicss.com/","content":"Material Design guidelinesに則ったデザインをするためのフレームワーク\n","tags":["HTML","CSS","JavaScript","library"],"date":"2015-04-12T12:11:52.852Z","relatedLinks":[]},{"title":"Timer APIs(Date.getTime, Date.now, performance.now, setTimeout, setInterval, requestAnimationFrame, setImmediate) with Canvas Animation - Qiita","url":"http://qiita.com/TypoScript/items/ae07b7fe5d5d8d526110","content":"JavaScriptの時刻を取得するAPIについて詳しい記事。\nタイマーの分解能やベースクロックという考え方について","tags":["JavaScript","animation"],"date":"2015-04-12T15:40:44.593Z","relatedLinks":[]},{"title":"babel/CHANGELOG.md at master · babel/babel","url":"https://github.com/babel/babel/blob/master/CHANGELOG.md#510","content":"Babel 5.1.0リリース。\ntrailing-function-commasのサポート、オブジェクトリテラルのメソッドに対するdecoratorsのサポートなど","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-04-13T13:24:19.594Z","relatedLinks":[{"title":"Decorators in object literals trigger SyntaxError · Issue #1154 · babel/babel","url":"https://github.com/babel/babel/issues/1154"}]},{"title":"ESLint 0.19.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2015/04/eslint-0.19.0-released","content":"ESLint 0.19.0リリース。\nASTのコミュニティ標準であるESTreeの仕様への追従が中心。","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-04-13T14:09:18.895Z","relatedLinks":[]},{"title":"John Resig - Annotated Version of the Original jQuery Release","url":"http://ejohn.org/blog/annotated-version-of-the-original-jquery-release/","content":"jQuery作者によるjQueryの初期バージョンのコードにコメントをしたものが公開されてる。\nメソッドチェインの仕組み、CSSセレクタとなるもの、文字列からのDOM要素作成など多くのライブラリに影響を与えたものがどういう考えで作られたのかが書かれていて面白い","tags":["jQuery","歴史","JavaScript"],"date":"2015-04-13T14:51:33.310Z","relatedLinks":[{"title":"Genius | Annotate the world","url":"http://genius.it/ejohn.org/files/jquery-original.html"}]},{"title":"eval ソースをデバッグする - 開発ツール | MDN","url":"https://developer.mozilla.org/ja/docs/Tools/Debugger/How_to/Debug_eval_sources","content":"FirefoxやChromeの開発者ツールはevalやnew Function経由で実行されるコードに//# sourceURL=my-foo.js のような識別子があると通常のスクリプトと同等に扱えるので、ブレークポイントなどが可能になる。","tags":["firefox","sourcemap","debug"],"date":"2015-04-14T02:43:03.450Z","relatedLinks":[]},{"title":"Measuring Performance","url":"http://davidwalsh.name/measuring-performance","content":"Navigation Timing API、Resource Timing APIといったパフォーマンス測定のためのブラウザAPIやWebPageTestなどの計測ツールやネットワーク環境のテストについての紹介\n","tags":["JavaScript","performance","browser"],"date":"2015-04-14T09:06:34.118Z","relatedLinks":[]},{"title":"WebRx - Dynamic JavaScript User-Interfaces with ReactiveX","url":"http://webrxjs.org/","content":"RxJSを使ったMVVMフレームワーク。\nAngularやKnockoutJSからインスパイアしている部分がある。TypeScriptで書かれている","tags":["Rx","JavaScript","MVC","library"],"date":"2015-04-14T09:09:52.958Z","relatedLinks":[]},{"title":"Rapid Prototyping in JavaScript","url":"http://mattdesl.svbtle.com/rapid-prototyping","content":"Browserify、wzrd、budoを使ったプロトタイピングについて。\nブラウザのリロードなしで変更を反映出来るHot Reloadingが出来るbudoをローカルサーバにして開発する流れ","tags":["JavaScript","debug","開発環境"],"date":"2015-04-14T13:43:08.002Z","relatedLinks":[{"title":"mattdesl/budo","url":"https://github.com/mattdesl/budo"}]},{"title":"mattdesl/budo","url":"https://github.com/mattdesl/budo","content":"Live Reloadする開発用のローカルサーバ。\nhttps://github.com/caspervonb/amok のように、ブラウザの更新なしで変更を反映するHot Reloadingを行う拡張も持っている。","tags":["JavaScript","server","開発環境","Tools"],"date":"2015-04-14T13:44:32.565Z","relatedLinks":[]},{"title":"RQ","url":"http://www.rq.crockford.com/","content":"Douglas Crockford製のPromiseハンドリングライブラリ。\nsequence、parallel、race、fallbackなどの複数のPromiseの流れを扱うライブラリ","tags":["JavaScript","Promises","library"],"date":"2015-04-14T13:55:52.450Z","relatedLinks":[]},{"title":"The npm Blog — npm private modules are here!","url":"http://blog.npmjs.org/post/116379479775/npm-private-modules-are-here","content":"npmのprivate modulesがオープン。\nnpmjsにscoped modulesをpublishすることが出来るようになり、それらのモジュールをprivateで利用できる$7/monthのサービス","tags":["npm","webservice"],"date":"2015-04-14T14:02:04.268Z","relatedLinks":[]},{"title":"HAR Resources | A community curated list of resources, tools, projects and applications that support HTTP Archive (HAR)","url":"https://ahmadnassri.github.io/har-resources","content":"HTTP Archive (HAR)を扱うツールやリソースのまとめ","tags":["HTTP","performance","Tools","まとめ"],"date":"2015-04-15T07:20:51.652Z","relatedLinks":[]},{"title":"caiogondim/logdown","url":"https://github.com/caiogondim/logdown","content":"ロガー + Markdownなライブラリ。\nブラウザ、Node.jsどちらでも動作する","tags":["JavaScript","node.js","library"],"date":"2015-04-15T07:25:19.180Z","relatedLinks":[]},{"title":"Permissions API for the Web","url":"http://updates.html5rocks.com/2015/04/permissions-api-for-the-web","content":"パーミッションを確認するAPI。\n`navigator.permissions`について","tags":["JavaScript","WebPlatformAPI"],"date":"2015-04-16T02:09:40.439Z","relatedLinks":[]},{"title":"jsdom/Changelog.md at master · tmpvar/jsdom","url":"https://github.com/tmpvar/jsdom/blob/master/Changelog.md#500","content":"jsdom 5.0.0リリース。\n`document.cookie`周りの修正が中心","tags":["JavaScript","DOM","library","ReleaseNote"],"date":"2015-04-16T05:19:03.253Z","relatedLinks":[]},{"title":"ES Weekly Newsletter","url":"http://esweekly.com/","content":"ECMAScriptについての週刊のメールマガジン","tags":["JavaScript","ECMAScript","mail"],"date":"2015-04-16T15:05:41.502Z","relatedLinks":[]},{"title":"Release v0.8.0 · airportyh/testem","url":"https://github.com/airportyh/testem/releases/tag/v0.8.0","content":"Testem 0.8.0リリース。\nSauceLabsのようにリモートとつないで実行する場合の挙動を改善","tags":["JavaScript","testing","ReleaseNote"],"date":"2015-04-17T02:20:20.502Z","relatedLinks":[]},{"title":"Release electron v0.24.0 · atom/electron","url":"https://github.com/atom/electron/releases/tag/v0.24.0","content":"Atom Shell 0.24.0リリース。\nAtom ShellはElectronにリネームされた","tags":["atom","ReleaseNote"],"date":"2015-04-17T09:41:12.988Z","relatedLinks":[]},{"title":"Controllable React Components // Speaker Deck","url":"https://speakerdeck.com/lettertwo/controllable-react-components","content":"ReactでES6 classesを使ったComponentを作るスライド。\nComponent内では常にstateじゃなくpropsを使いたい、FormのControlled Componentでもpropsを使うための高階関数について","tags":["React","slide"],"date":"2015-04-18T03:44:31.836Z","relatedLinks":[{"title":"Forms | React","url":"http://facebook.github.io/react/docs/forms.html#controlled-components"},{"title":"matthewwithanm/react-controllables","url":"https://github.com/matthewwithanm/react-controllables"}]},{"title":"Getting started with Node.js and Mocha - Semaphore","url":"https://semaphoreci.com/community/tutorials/getting-started-with-node-js-and-mocha","content":"Mochaを使ったテストについて。\nMochaの基本的な使い方やexpressを使って実装したウェブサーバのテストについて簡潔にまとめられている","tags":["node.js","testing","JavaScript","tutorial"],"date":"2015-04-18T06:38:42.128Z","relatedLinks":[]},{"title":"vdemedes/interaptor","url":"https://github.com/vdemedes/interaptor","content":"mitmを使ったHTTP stubライブラリ。\n特定のリクエストに対して任意のレスポンスを定義して返せる","tags":["node.js","HTTP","testing","library"],"date":"2015-04-18T09:23:12.277Z","relatedLinks":[]},{"title":"T3 JavaScript Framework - T3 JavaScript Framework","url":"http://t3js.org/","content":"Box社のJavaScriptフレームワーク。\nAngular 1.x系みたいなモジュールの仕組みだが、基本はコンパクトでコールスタックもかなり浅くなるように作られている。`debug`オプションを有効にすることでエラーが取りやすいように設計されている","tags":["JavaScript","library"],"date":"2015-04-18T10:31:57.373Z","relatedLinks":[]},{"title":"Release v0.11.0: ES6 support (2015-04-18) · twada/power-assert","url":"https://github.com/twada/power-assert/releases/tag/v0.11.0","content":"power-assert 0.11.0リリース。\nES6の構文をサポート","tags":["JavaScript","testing","library","ReleaseNote"],"date":"2015-04-19T04:43:31.788Z","relatedLinks":[{"title":"ES6 support by twada · Pull Request #17 · twada/power-assert","url":"https://github.com/twada/power-assert/pull/17"},{"title":"twada/babel-plugin-espower","url":"https://github.com/twada/babel-plugin-espower"}]},{"title":"Hacklone/private-bower","url":"https://github.com/Hacklone/private-bower","content":"Private bower registry","tags":["JavaScript","オープンソース"],"date":"2015-04-19T12:42:35.320Z","relatedLinks":[]},{"title":"React v0.13.2 | React","url":"http://facebook.github.io/react/blog/2015/04/18/react-v0.13.2.html","content":"React v0.13.2リリース。\nreact toolsに`--es6module`のオプションを追加など","tags":["React","ReleaseNote"],"date":"2015-04-19T12:57:46.142Z","relatedLinks":[{"title":"Document new es6module flag in react-tools README by TimeBomb · Pull Request #3618 · facebook/react","url":"https://github.com/facebook/react/pull/3618"}]},{"title":"Chromium Blog: Chrome 43 Beta: Web MIDI and upgrading legacy sites to HTTPS","url":"http://blog.chromium.org/2015/04/chrome-43-beta-web-midi-and-upgrading.html","content":"Chrome 43 Betaリリース。\nWeb MIDI APIがデフォルトで有効に、\nPermissions APIのサポート、DOM属性がprototype chainに移動、Flashなしでもクリップボードへのコピーが出来るように、Fetchでレスポンスをストリーミング出来るようになるなど","tags":["Chrome","ReleaseNote"],"date":"2015-04-19T13:24:17.353Z","relatedLinks":[{"title":"Permissions API for the Web","url":"http://updates.html5rocks.com/2015/04/permissions-api-for-the-web"},{"title":"DOM Attributes now on the prototype chain","url":"http://updates.html5rocks.com/2015/04/DOM-attributes-now-on-the-prototype"},{"title":"Cut and Copy Commands","url":"http://updates.html5rocks.com/2015/04/cut-and-copy-commands"},{"title":"yutakahirano/fetch-with-streams","url":"https://github.com/yutakahirano/fetch-with-streams/"}]},{"title":"JavaScriptでフルスクラッチゲーム開発しよう 第1回 準備編 - Qiita","url":"http://qiita.com/zukkun/items/4ea9542a6dde45c6a9fd","content":"一からJavaScriptでゲーム(ゲームエンジン)を作る連載。\nフレームごとの更新、Canvasを使った描画、画像の読み込みなどゲームフレームワークは使わずに書いていく話","tags":["game","JavaScript"],"date":"2015-04-19T15:45:06.200Z","relatedLinks":[]},{"title":"Fullscreen API と 闇 - Browser","url":"http://browser.hatenablog.com/entry/2015/04/18/121248","content":"ブラウザ間のFullscreen APIの挙動の違いについて","tags":["JavaScript","browser"],"date":"2015-04-19T15:50:48.156Z","relatedLinks":[]},{"title":"acornejo/jjv","url":"https://github.com/acornejo/jjv","content":"JSON Schemaの定義とバリデーションを行うライブラリ","tags":["JavaScript","node.js","JSON","library"],"date":"2015-04-20T07:20:41.372Z","relatedLinks":[]},{"title":"mixi-inc/JavaScriptTraining","url":"https://github.com/mixi-inc/JavaScriptTraining","content":"mixi社のJavaScript研修資料。\nテストを通すことで進んでいけるような内容になっている。\nDOM操作、DOMイベント、非同期処理、PromiseとFetch API、bowerを使ったパッケージ管理などについて","tags":["JavaScript","tutorial"],"date":"2015-04-20T12:38:09.242Z","relatedLinks":[{"title":"mixi-inc/JavaScriptTraining","url":"https://github.com/mixi-inc/JavaScriptTraining"}]},{"title":"ARIA in HTML 日本語訳","url":"http://momdo.github.io/html-aria/","content":"HTMLとWAI-ARIAの属性についての要件をまとめた仕様。\nある要素のデフォルトのARIAセマンティクスと使用してもよいARIAロールについて簡潔にまとめられている","tags":["HTML","WAI-ARIA","spec"],"date":"2015-04-20T12:46:02.066Z","relatedLinks":[{"title":"ARIA in HTML 日本語訳を公開した - 水底の血","url":"http://momdo.hatenablog.jp/entry/20150418/1429345964"}]},{"title":"harmony:specification_drafts [ES Wiki]","url":"http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts#april_14_2015_rev_38_final_draft","content":"ECMAScript 2015(ES6)の最終ドラフトがリリース。\n","tags":["ECMAScript","spec"],"date":"2015-04-20T13:10:44.503Z","relatedLinks":[]},{"title":"Video: JavaScript, HTML5, CSS3 Conference - O'Reilly Fluent, April 20 - 22, 2015, San Francisco, CA","url":"http://fluentconf.com/javascript-html-2015/public/content/video","content":"Fluent Conf 2015の動画が公開されている","tags":["JavaScript","Conference","video"],"date":"2015-04-22T06:10:13.742Z","relatedLinks":[]},{"title":"Announcing PEP 0.3.0 | Official jQuery Blog","url":"http://blog.jquery.com/2015/04/21/announcing-pep-0-3-0/","content":"PEP(Pointer Events Polyfill) 0.3.0リリース","tags":["JavaScript","library"],"date":"2015-04-22T13:08:10.909Z","relatedLinks":[]},{"title":"【翻訳】ReactをjQueryの数行に要約する | POSTD","url":"http://postd.cc/boiling-react-down-to-a-few-lines-in-jquery/","content":"jQueryで書いたコードにReactのアイデアを適応して、状態の変更とDOMへの反映へと処理を分けていく話。\nVirtual DOMやimmutabilityについても触れている","tags":["jQuery","React","JavaScript","translate"],"date":"2015-04-23T14:05:38.624Z","relatedLinks":[]},{"title":"react-flux-fluent-2015 // Speaker Deck","url":"https://speakerdeck.com/fisherwebdev/react-flux-fluent-2015","content":"[facebook/flux](https://github.com/facebook/flux \"facebook/flux\")モジュール作者によるFluxについてのスライド。\nFluxの構成要素、Dispatcher、Storeがシングルトンであること、React、Fluxのアンチパターンについて書かれてる","tags":["React","Flux","slide"],"date":"2015-04-23T14:18:27.945Z","relatedLinks":[]},{"title":"Pixi.js v3 - Goodboy™ — Goodboy™","url":"http://www.goodboydigital.com/pixi-js-v3/","content":"JavaScriptゲームエンジンのpixi.js v3リリース。\nWebGL Renderer、Particle Containerの追加、Interaction、Resolution管理の改善など","tags":["game","JavaScript","library"],"date":"2015-04-24T07:20:09.778Z","relatedLinks":[]},{"title":"SinonJs Spies – Zsolt Nagy – Development of Maintainable Web-Applications","url":"http://zsolt-nagy.github.io/SinonJs-Spies/","content":"Sinon.JSのspyを使ったテストについて","tags":["JavaScript","testing"],"date":"2015-04-24T21:44:00.157Z","relatedLinks":[]},{"title":"Pixi.js v3 - Goodboy™ — Goodboy™","url":"http://www.goodboydigital.com/pixi-js-v3/","content":"JavaScriptゲームエンジンのpixi.js v3リリース。 WebGL Renderer、Particle Containerの追加、Interaction、Resolution管理の改善など","tags":["game","JavaScript","library"],"date":"2015-04-24T21:44:10.937Z","relatedLinks":[]},{"title":"Announcing Globalize 1.0 | Official jQuery Blog","url":"http://blog.jquery.com/2015/04/23/announcing-globalize-1-0/","content":"Unicode CLDRベースの国際化対応ライブラリであるGlobalize 1.0リリース","tags":["JavaScript","i18n","library"],"date":"2015-04-25T05:26:15.567Z","relatedLinks":[]},{"title":"ES6 in Production // Speaker Deck","url":"https://speakerdeck.com/pazguille/es6-in-production","content":"ES6を使っていくためのスライド。 node_modules以下もBrowserify(Babelify)で変換するには、`global`オプションを利用する。ES6で書いたモジュールをES5から使えるように公開する方法、ES6 classesやBabelのlooseモードについてなど","tags":["JavaScript","ECMAScript","slide"],"date":"2015-04-29T05:03:17.251Z","relatedLinks":[]},{"title":"Security for Web Developers: Using JavaScript, HTML, and CSS: John Paul Mueller: 9781491928646: Amazon.com: Books","url":"http://www.amazon.com/Security-Web-Developers-Using-JavaScript/dp/1491928646","content":"2015年9月25日発売 ウェブ開発者向けのセキュリティについての書籍","tags":["JavaScript","CSS","HTML","セキュリティ","book"],"date":"2015-04-29T05:06:38.473Z","relatedLinks":[]},{"title":"ES6 を学べる tower-of-babel を作りました。 (workshopper の作り方) - from scratch","url":"http://yosuke-furukawa.hatenablog.com/entry/2015/04/26/104521","content":"workshopper / workshopper-exerciseを使ったエクササイズの作り方について","tags":["ECMAScript","JavaScript","tutorial"],"date":"2015-04-29T05:07:17.228Z","relatedLinks":[]},{"title":"ReactとFluxのこと // Speaker Deck","url":"https://speakerdeck.com/geta6/reacttofluxfalsekoto","content":"Reactによって富豪的なViewの描画が現実的なレベルに落とせる話やFluxアーキテクチャがどういう形でデータを一方通行に回すかについて書かれているスライド","tags":["React","Flux","slide"],"date":"2015-04-29T05:07:43.883Z","relatedLinks":[{"title":"社内勉強会でReactとFluxについて喋った - pixiv engineering blog","url":"http://inside.pixiv.net/entry/2015/04/27/170944"}]},{"title":"10分で実装するFlux","url":"http://azu.github.io/slide/react-meetup/flux.html","content":"一からFluxアーキテクチャを実装してみてFluxがどういう仕組みで回ってるのかを確認していくスライド。\nFluxの特徴であるデータの一方通行に流れているかをスタックトレースで確認する","tags":["JavaScript","Flux","library","slide"],"date":"2015-04-29T05:09:45.493Z","relatedLinks":[{"title":"橋本商会 » flux.DispatcherのwaitForの実装","url":"http://shokai.org/blog/archives/9905"},{"title":"React+FluxでTodoMVCを作ってFluxについて学んでみた - yutaponのブログ","url":"http://yutapon.hatenablog.com/entry/2015/04/27/150000"}]},{"title":"Eliminate JavaScript Code Smells","url":"http://elijahmanor.github.io/talks/js-smells/#/","content":"JSHintやESLintを使って複雑なコードの検出、jsinspectやjscpdを使ってコピー&ペーストを検出、色々なあやしいコードの検出するeslint pluginや特定のライブラリをサポートするeslint pluginについて","tags":["JavaScript","Tools","slide"],"date":"2015-04-29T05:24:42.125Z","relatedLinks":[{"title":"elijahmanor/eslint-plugin-smells","url":"https://github.com/elijahmanor/eslint-plugin-smells"}]},{"title":"The WebKit Open Source Project - Web Platform Status","url":"http://www.webkit.org/status.html","content":"WebkitのStatusダッシュボード。 新しい機能等の実装状況について書かれてる。","tags":["webkit","JavaScript","まとめ"],"date":"2015-04-29T07:35:01.232Z","relatedLinks":[]},{"title":"Solar System of JS","url":"http://shaunlebron.github.io/solar-system-of-js/#0","content":"今のJavaScript、今後のJavaScriptに関係ある要素や言語などをビジュアライズしてるスライド。\n","tags":["JavaScript","歴史","slide"],"date":"2015-04-29T11:11:26.594Z","relatedLinks":[{"title":"▶ ECMAScript Harmony: Rise of the Compilers - Brendan Eich keynote - YouTube","url":"https://www.youtube.com/watch?v=PlmsweSNhTw"},{"title":"shaunlebron/solar-system-of-js","url":"https://github.com/shaunlebron/solar-system-of-js"}]},{"title":"Loupe","url":"http://latentflip.com/loupe/","content":"JavaScriptのコールスタック、イベントループ、コールバックキューについて学べるサイトと動画","tags":["JavaScript","Tools","video"],"date":"2015-04-29T11:41:07.195Z","relatedLinks":[]},{"title":"rambler-digital-solutions/es6-class-mixin","url":"https://github.com/rambler-digital-solutions/es6-class-mixin","content":"ES6 classesでのmixinを行うライブラリ。\n`class Input extends mixin(BaseClass. mixin) {}` という感じでBaseClassを拡張したクラスをその場で作成する","tags":["JavaScript","library"],"date":"2015-04-29T12:23:38.937Z","relatedLinks":[]},{"title":"angus-c/es6-react-mixins","url":"https://github.com/angus-c/es6-react-mixins","content":"React ComponentのmixinをES6 Classesを使って行うライブラリ","tags":["ECMAScript","React","library"],"date":"2015-04-29T12:25:25.359Z","relatedLinks":[]},{"title":"HerringtonDarkholme/typescript-repl","url":"https://github.com/HerringtonDarkholme/typescript-repl","content":"コード補完もできるTypeScript REPL","tags":["TypeScript","console","Tools"],"date":"2015-04-29T12:35:29.422Z","relatedLinks":[]},{"title":"jQuery 1.11.3 and 2.1.4 Released – iOS Fail-Safe Edition | Official jQuery Blog","url":"http://blog.jquery.com/2015/04/28/jquery-1-11-3-and-2-1-4-released-ios-fail-safe-edition/","content":"jQuery 1.11.3 と 2.1.4リリース。\niOS8.2と8.3向けのワークアラウンドの追加","tags":["jQuery","ReleaseNote"],"date":"2015-04-29T12:37:40.120Z","relatedLinks":[{"title":"Prevent iOS from improperly JIT-ing isArrayLike by jridgewell · Pull Request #2094 · jashkenas/underscore","url":"https://github.com/jashkenas/underscore/pull/2094"},{"title":"Bug 142792 – Objects with numeric properties intermittently get a phantom 'length' property","url":"https://bugs.webkit.org/show_bug.cgi?id=142792"}]},{"title":"Dev.Opera — Opera 29 released","url":"https://dev.opera.com/blog/opera-29/","content":"Opera 29 (based on Chromium 42) リリース。\nES6 classes、object literalsの拡張サポート、Fetch APIがwindowコンテキストでも利用できるように、Web Audio APIの仕様追従など","tags":["Opera","ReleaseNote"],"date":"2015-04-29T12:50:34.273Z","relatedLinks":[]},{"title":"JavaScriptでパーサコンビネータのコンセプトを理解する(「正規表現だけに頼ってはいけない」の続き) - id:anatooのブログ","url":"http://blog.anatoo.jp/entry/2015/04/26/220026","content":"JavaScriptでパーサコンビネータを実装して、パーサコンビネータについて学ぶ話","tags":["JavaScript","program"],"date":"2015-04-29T14:03:39.265Z","relatedLinks":[]},{"title":"mohayonao/tickable-timer","url":"https://github.com/mohayonao/tickable-timer","content":"setTimeout/setInterval互換のAPIを持ち、任意の間隔で進めたり、イベント通知の機能を持つテスト向けのタイマーライブラリ","tags":["JavaScript","testing","library"],"date":"2015-04-29T14:05:29.263Z","relatedLinks":[]},{"title":"Ruby Sass, LibSass – What's the Difference?","url":"http://sassbreak.com/ruby-sass-libsass-differences/","content":"LibSassとRuby Sassの違いについて\nLibSassの方が圧倒的に早いことや互換性について","tags":["Sass","ruby","C++"],"date":"2015-04-29T15:59:58.205Z","relatedLinks":[]},{"title":"The npm Blog — solving npm’s hard problem: naming packages","url":"http://blog.npmjs.org/post/116936804365/solving-npms-hard-problem-naming-packages","content":"scoped moduleを private modules として登録する場合は有料だが、無料でpublicとして公開する事ができるという話。\n@<user>/<package name>という感じで名前空間を作れることが可能になる","tags":["npm","node.js"],"date":"2015-04-29T16:55:07.856Z","relatedLinks":[]},{"title":"Home - Visual Studio Code","url":"https://code.visualstudio.com/","content":"Visual Studio Codeのサイト。\nASP.NETとNode.jsをサポート。\nWindow/Mac/Linuxに対応してる","tags":["IDE","MS"],"date":"2015-04-29T17:05:11.693Z","relatedLinks":[]},{"title":"Clusterize.js","url":"http://nexts.github.io/Clusterize.js/","content":"大量のリストを表示するときに上手く間引いてDOMの描画を行うライブラリ。\n無限スクロール的なものを実装出来るライブラリ","tags":["JavaScript","library"],"date":"2015-04-30T04:11:25.208Z","relatedLinks":[]},{"title":"Microsoft Edge is the browser for Windows 10 - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2015/04/29/microsoft-edge-is-the-browser-for-windows-10.aspx","content":"Project Spartanと呼ばれていたMSの次期ブラウザはMicrosoft Edgeという名前に決定","tags":["IE","browser","ReleaseNote"],"date":"2015-04-30T08:41:05.536Z","relatedLinks":[]},{"title":"ramjet","url":"http://www.rich-harris.co.uk/ramjet/","content":"スムーズなDOMモーフィングの実装ライブラリ","tags":["JavaScript","DOM","animation","library"],"date":"2015-04-30T09:13:02.925Z","relatedLinks":[]},{"title":"Brackets Blog - The Free, Open Source Code Editor for the Web","url":"http://blog.brackets.io/2015/04/27/brackets-1-3-release-is-here/","content":"Brackets 1.3 リリース。\nbracketsコマンドの追加、Code Foldingのサポート、Brackets Health Dataというユーザ情報の収集する仕組みが入った","tags":["JavaScript","editor","ReleaseNote"],"date":"2015-04-30T15:24:43.960Z","relatedLinks":[]},{"title":"Announcing TypeScript 1.5 Beta - TypeScript - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/typescript/archive/2015/04/30/announcing-typescript-1-5-beta.aspx","content":"TypeScript 1.5 Betaリリース。\n","tags":["TypeScript","ReleaseNote"],"date":"2015-05-01T08:25:52.570Z","relatedLinks":[]},{"title":"Vorlon.JS","url":"http://vorlonjs.com/","content":"スクリプトタグを埋め込んでおくとリモートデバッグ出来るツール。\nConsole、DOMツリーの表示、Modernizrを使ったサポート状況の表示などが出来る。\nまたpluginで拡張する事が出来る","tags":["browser","debug","Tools"],"date":"2015-05-01T08:51:07.756Z","relatedLinks":[{"title":"MicrosoftDX/Vorlonjs","url":"https://github.com/MicrosoftDX/Vorlonjs"}]},{"title":"javascript/react at master · airbnb/javascript","url":"https://github.com/airbnb/javascript/tree/master/react","content":"AirbnbのReactコードスタイルガイド","tags":["React","コードレビュー"],"date":"2015-05-01T09:01:23.954Z","relatedLinks":[]},{"title":"ES6 — strings — Medium","url":"https://medium.com/@mrzepinski/es6-string-bae03d964d43","content":"ES6のString関係のメソッドについてのまとめ","tags":["ECMAScript","JavaScript"],"date":"2015-05-01T09:20:32.229Z","relatedLinks":[]},{"title":"Isomorphic Survival Guide // Speaker Deck","url":"https://speakerdeck.com/koichik/isomorphic-survival-guide","content":"isomorphicというキーワードを歴史的な流れを踏まえて解説するスライド。\nフロントエンド/バックエンド/クライアントサイド/サーバサイドという言葉の意味の変遷、isomorphicの構成要素、Rendrが解決した事、React/Fluxが解決できている事などについて","tags":["JavaScript","server","slide"],"date":"2015-05-01T09:44:41.424Z","relatedLinks":[{"title":"isomorphic","url":"https://html5experts.jp/shumpei-shiraishi/14895/"}]},{"title":"npmで名前空間を持ったモジュールを公開する方法(scoped modules) | Web Scratch","url":"http://efcl.info/2015/04/30/npm-namespace/","content":"npmでscoped modulesを無料で公開できるようになった。\nユーザ名を名前空間として使えるためモジュール名の重複を気にせず公開できる話","tags":["npm","node.js"],"date":"2015-05-01T10:43:20.097Z","relatedLinks":[{"title":"CodeGrid 3周年記念パーティでnpmについて話してきました - 思ったこと","url":"http://watilde.hatenablog.com/entry/2015/05/11/110943"},{"title":"Daijiro Wachi — Medium","url":"https://medium.com/@watilde/"}]},{"title":"paldepind/flyd","url":"https://github.com/paldepind/flyd","content":"小さなFRPライブラリ。\nモジュールで拡張可能な作り","tags":["JavaScript","library"],"date":"2015-05-02T03:13:09.059Z","relatedLinks":[]},{"title":"micmro/performance-bookmarklet","url":"https://github.com/micmro/performance-bookmarklet","content":"Resource Timing API, Navigation Timing API, User-Timing APIの結果を表示するブックマークレットやブラウザ拡張","tags":["browser","performance","ブックマークレット"],"date":"2015-05-03T12:42:33.903Z","relatedLinks":[]},{"title":"Basket.js: Script loader that caches scripts in localStorage — Medium","url":"https://medium.com/@karimaliz/basket-js-script-loader-that-caches-scripts-in-localstorage-544a93827a5","content":"localStorageにモジュールのキャッシュするローダライブラリのbasket.jsについて","tags":["JavaScript","library"],"date":"2015-05-04T12:43:25.170Z","relatedLinks":[]},{"title":"zuul/HISTORY.md at v3.0.0 · defunctzombie/zuul","url":"https://github.com/defunctzombie/zuul/blob/v3.0.0/HISTORY.md","content":"JavaScriptテストフレームワークのzuul 3.0.0リリース。\n","tags":["JavaScript","testing","library"],"date":"2015-05-04T12:44:28.879Z","relatedLinks":[]},{"title":"Designing Front-End Components","url":"http://ponyfoo.com/articles/designing-front-end-components","content":"UIライブラリを作るにあたり気をつける事。\nインラインスタイルを避けるべき、CSSクラスのprefixを付ける、スタイルは最小にする、ライブラリはplainなCSSを提供する。\n見通しの良いAPIと柔軟なAPI設計について","tags":["JavaScript","UI","library"],"date":"2015-05-04T12:58:55.239Z","relatedLinks":[{"title":"bevacqua/rome","url":"https://github.com/bevacqua/rome#default-options"}]},{"title":"io.js/CHANGELOG.md at master · iojs/io.js","url":"https://github.com/iojs/io.js/blob/master/CHANGELOG.md#2015-05-04-version-200-rvagg","content":"io.js 2.0.0リリース。\nBreaking changesはV8のC++ APIの変更と`os.tmpdir()`のみ。\nV8のアップデートによるES6対応の追加など","tags":["node.js","ReleaseNote"],"date":"2015-05-05T12:28:26.710Z","relatedLinks":[{"title":"yosuke-furukawa/iojs-new-features","url":"https://github.com/yosuke-furukawa/iojs-new-features"},{"title":"io.js の v2.0 が出ました。 - from scratch","url":"http://yosuke-furukawa.hatenablog.com/entry/2015/05/06/170034"}]},{"title":"ESDoc - An API Document Generator For JavaScript(ES6)","url":"https://esdoc.org/","content":"ES6のコードに対応したAPIドキュメント生成ツール。\n基本的にはJSDocと同じようにタグ(`@param`など)からドキュメントを生成できる。\nES6の`class`や`import/export`等に対応、ドキュメントのカバレッジの計測、テストコードとドキュメントを関連付けを行える","date":"2015-05-05T12:46:37.085Z","tags":["JavaScript","document","JSDoc","Tools"],"relatedLinks":[{"title":"ESDocというJavaScript向けのAPIドキュメントツールを作りました - maru source","url":"http://blog.h13i32maru.jp/entry/2015/05/06/221041"},{"title":"Use JSDoc: Index","url":"http://usejsdoc.org/"}]},{"title":"Introducing Microsoft Edge Dev","url":"http://blogs.windows.com/msedgedev/2015/05/05/introducing-microsoft-edge-dev/","content":"新しいブラウザ名がMicrosoft Edgeとなり、それに関連して dev.modern.ie というMSEdgeについてを扱うサイトが公開された。","tags":["MSEdge","browser"],"date":"2015-05-06T06:47:16.458Z","relatedLinks":[{"title":"Microsoft Edge is the browser for Windows 10 - IEBlog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/ie/archive/2015/04/29/microsoft-edge-is-the-browser-for-windows-10.aspx"},{"title":"Developer Resources : MSEdge Dev","url":"http://dev.modern.ie/"},{"title":"Microsoft Edge","url":"https://github.com/MicrosoftEdge/"}]},{"title":"jQuery - The Write Less, Do More, JavaScript Library","url":"http://cyokodog.github.io/JS_STUDY/web-audio/presen/","content":"WebAudio、MediaStream Processing API、Web Speech API、Speech Recognition APIの紹介的なスライド","tags":["JavaScript","audio","video","slide"],"date":"2015-05-07T08:58:47.781Z","relatedLinks":[]},{"title":"A break from the past, part 2: Saying goodbye to ActiveX, VBScript, attachEvent…","url":"https://blogs.windows.com/msedgedev/2015/05/06/a-break-from-the-past-part-2-saying-goodbye-to-activex-vbscript-attachevent/","content":"MSEdgeで削除されたIE特有の機能などについて。(IEから引き継がなかった機能)\n逆に `-webkit-border-radius`のような既存のウェブサイドの互換性のためにサポートしている","tags":["MSEdge","IE"],"date":"2015-05-07T09:11:03.476Z","relatedLinks":[]},{"title":"getify/es-feature-tests","url":"https://github.com/getify/es-feature-tests","content":"ECMAScript 6以降の機能についてfeature detectを実行して結果を取得するライブラリ","tags":["JavaScript","library","testing"],"date":"2015-05-07T13:14:58.839Z","relatedLinks":[]},{"title":"React v0.13.3 | React","url":"https://facebook.github.io/react/blog/2015/05/08/react-v0.13.3.html","content":"React v0.13.3リリース。\nES6 Classesを使った時に非推奨メソッドの警告を改善、\n`dangerouslySetInnerHTML`で値がundefinedの時に例外を投げないようになるなど","tags":["React","ReleaseNote"],"date":"2015-05-09T04:56:05.255Z","relatedLinks":[]},{"title":"npm update -g npm // Speaker Deck","url":"https://speakerdeck.com/watilde/npm-update-g-npm","content":"npmの最近の変更点についてのスライド","tags":["npm","slide"],"date":"2015-05-10T05:44:23.938Z","relatedLinks":[]},{"title":"ESLint 0.21.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2015/05/eslint-0.21.0-released","content":"ESLint 0.21.0リリース。\n`eslint --init`で設定ファイルの作成をインタラクティブに行えるように、外部の設定ファイルを継承出来るようになり、また[Shareable Configs](http://eslint.org/docs/developer-guide/shareable-configs \"Shareable Configs\")というドキュメントが追加された","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-05-10T05:53:51.184Z","relatedLinks":[]},{"title":"Front-end Dev Weekly JP","url":"http://front-end-dev-weekly-jp.github.io/","content":"Front-end Dev Weeklyの翻訳","tags":["browser","translate","blog"],"date":"2015-05-10T08:21:06.220Z","relatedLinks":[{"title":"Front-end Dev Weekly","url":"https://frontenddevweekly.curated.co/"}]},{"title":"Milliseconds Matter Modern JavaScript libraries: the isomorphic way","url":"https://blog.algolia.com/modern-javascript-libraries-the-isomorphic-way/","content":"Nodeとブラウザどちらでも動くライブラリ書いていく記事。\nfaux-jaxを使ったXHRのテストをzuulで動す。コールバックとPromiseのサポートについてやBrowserify等を使ったモジュールの変換、後方互換ガイドの書き方についてなど","tags":["JavaScript","tutorial"],"date":"2015-05-10T14:53:43.558Z","relatedLinks":[{"title":"algolia/faux-jax","url":"https://github.com/algolia/faux-jax"}]},{"title":"Challenger.js","url":"http://rileyjshaw.com/challenger/","content":"練習問題などを作るライブラリ。\n期待する結果をコードで書いて検証でき、また入力されるコードをASTのNode名などを使ったwhitelist、blacklist方式で制限できる","tags":["JavaScript","library","AST"],"date":"2015-05-11T06:32:55.453Z","relatedLinks":[]},{"title":"nkzawa/hyperd","url":"https://github.com/nkzawa/hyperd","content":"virtual-domを使ったUIコンポーネントライブラリ。\nhtml-to-domでHTMLからvirtual-domへの変換やコンポーネント自体がEventEmitterを継承している","tags":["JavaScript","UI","library"],"date":"2015-05-12T02:45:07.223Z","relatedLinks":[]},{"title":"Deku: How we built our functional alternative to React","url":"https://segment.com/blog/deku-our-functional-alternative-to-react/","content":"Virtual DOMを持ち、Reactのようなライフサイクルを持つコンポーネントライブラリ。\nES6 Classesではなくライフサイクルに対応する関数をexportする形式となっていて`this`を気にせず書くことができる。\nBabelのオプションを使いJSXで書くこともでき、Node.js上でも動作するためサーバサイドレンダリングが行える。\nファイルサイズが10kb程度。","tags":["JavaScript","DOM","UI","library"],"date":"2015-05-12T06:57:01.103Z","relatedLinks":[{"title":"segmentio/deku","url":"https://github.com/segmentio/deku"}]},{"title":"Rubyist Magazine - 2015 年の JavaScript と babel の話","url":"http://magazine.rubyist.net/?0050-ECMAScript2015","content":"ES6の概要を紹介する記事","tags":["JavaScript","ECMAScript"],"date":"2015-05-12T07:36:35.207Z","relatedLinks":[{"title":"Hello, ES6 ~これから迎えるJSのミライ~ - @yoshiko_pg","url":"http://yoshiko-pg.github.io/slides/20150425-jsfes/"}]},{"title":"Immutability in JavaScript","url":"http://www.sitepoint.com/immutability-javascript/","content":"immutable.jsを使ったJavaScriptでのImmutabilityの実現について。\n実行コストはどうなのか、逆にどういう点でコストが小さくなるのか","tags":["JavaScript"],"date":"2015-05-12T10:14:50.262Z","relatedLinks":[]},{"title":"The Core Concepts of Angular 2 | Victor Savkin","url":"http://victorsavkin.com/post/118372404541/the-core-concepts-of-angular-2","content":"AngularJS2のコアコンセプトについて。\nテンプレート、ライフサイクル、DI、コンポーネントなどの構成要素について。","tags":["Angular","設計"],"date":"2015-05-12T11:52:13.702Z","relatedLinks":[{"title":"angular/zone.js","url":"https://github.com/angular/zone.js"}]},{"title":"babel/CHANGELOG.md at v5.3.0 · babel/babel","url":"https://github.com/babel/babel/blob/v5.3.0/CHANGELOG.md#530","content":"Babel 5.3.0リリース。\n5.2.0からの主な変更点としては`es7.trailingCommas` transformerの仕様追従、`retainLines`のオプション追加など","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-05-13T01:40:42.980Z","relatedLinks":[{"title":"retainLines","url":"http://babeljs.io/docs/usage/options/"}]},{"title":"BroadcastChannel API in Firefox 38 ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2015/02/broadcastchannel-api-in-firefox-38/","content":"Firefox38でBroadcastChannel APIが実装された。\n同じchannelを指定すれば、異なるタブやウィンドウ間でもメッセージのやり取りができるようになるAPI。\nBlobデータのやりとりも可能","tags":["firefox","JavaScript","WebPlatformAPI"],"date":"2015-05-13T01:55:15.097Z","relatedLinks":[{"title":"Broadcast Channel API - Web API Interfaces | MDN","url":"https://developer.mozilla.org/en-US/docs/Web/API/Broadcast_Channel_API"}]},{"title":"Firefox — Notes (38.0) — Mozilla","url":"https://www.mozilla.org/en-US/firefox/38.0/releasenotes/","content":"Firefox 38.0リリース。\nRuby要素のサポート、WebSocketがWeb Workerで動作するように、BroadcastChannel API、`srcset`属性とpicture要素のサポート、開発者ツールで`copy`関数のサポートなど","tags":["firefox","ReleaseNote"],"date":"2015-05-13T06:49:09.176Z","relatedLinks":[{"title":"Ruby support in Firefox Developer Edition 38 ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2015/03/ruby-support-in-firefox-developer-edition-38/"},{"title":"Trainspotting: Firefox 38 ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2015/05/trainspotting-firefox-38/"},{"title":"Firefox 38の性能を検証 ゲーム・プラットフォームとしての優秀さを示す - Mozilla Flux","url":"http://rockridge.hatenablog.com/entry/2015/05/13/003218"},{"title":"Firefox 38 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/ja/Firefox/Releases/38"},{"title":"Firefox 38 サイト互換性情報 - Mozilla | MDN","url":"https://developer.mozilla.org/ja/Firefox/Releases/38/Site_Compatibility"}]},{"title":"Bringing Node.js to Windows 10 IoT Core","url":"http://blogs.windows.com/buildingapps/2015/05/12/bringing-node-js-to-windows-10-iot-core/","content":"Chakra JavaScriptエンジンを使ったNode.jsのforkが公開された。","tags":["node.js","JavaScript"],"date":"2015-05-13T06:59:55.988Z","relatedLinks":[{"title":"Microsoft/node","url":"https://github.com/Microsoft/node"}]},{"title":"A Complete Guide to SVG Fallbacks | CSS-Tricks","url":"https://css-tricks.com/a-complete-guide-to-svg-fallbacks/","content":"SVG Fallbackのまとめ","tags":["SVG","まとめ"],"date":"2015-05-13T16:04:39.587Z","relatedLinks":[]},{"title":"Backbone.js","url":"http://backbonejs.org","content":"Backbone.js 1.2.0リリース\nViewの作成などをhookする機能の追加、モデルの\"update\"イベントの追加、ユニークidとなる`modeld`の追加、ES6 modulesとして読み込んでも使えるように修正","tags":["backbone.js","library","ReleaseNote"],"date":"2015-05-14T04:01:44.402Z","relatedLinks":[{"title":"Use Function(\"return this\") to get global? · Issue #2152 · jashkenas/underscore","url":"https://github.com/jashkenas/underscore/issues/2152"},{"title":"ES6 moduleのtop levelにある`this`の値は何になるのか? | Web Scratch","url":"http://efcl.info/2015/05/06/this-is-es6-module/"}]},{"title":"ブラウザでビジュアルテストをするreftest-runnerを作った | Web Scratch","url":"http://efcl.info/2015/05/14/reftest-runner/","content":"ブラウザの描画結果を比較する自動テストライブラリとコマンドラインツール。\n2つのHTMLを用意して表示結果が一致するかどうかテストをするので、Canvasのテストなどに利用できる","tags":["browser","testing","canvas","JavaScript","library","webdriver"],"date":"2015-05-15T02:35:30.606Z","relatedLinks":[]},{"title":"Ember.js - Ember.js 1.12 and 1.13 Beta (Glimmer!) Released","url":"http://emberjs.com/blog/2015/05/13/ember-1-12-released.html","content":"Ember.js 1.12と1.13 Betaリリース。\ncomputeにgetter/setterを使った方法を追加、併せてDecoratorsを使った方法サポート予定\n","tags":["JavaScript","library","ReleaseNote"],"date":"2015-05-16T01:56:47.628Z","relatedLinks":[]},{"title":"Making a Silky Smooth Web // Speaker Deck","url":"https://speakerdeck.com/paullewis/making-a-silky-smooth-web","content":"JavaScript->Style->Layout->Paint->Compositeという表示までの流れをきれいに行う方法や開発者ツールの使い方について。 requestAnimationFrameの活用","tags":["browser","performance","CSS","JavaScript","slide"],"date":"2015-05-17T07:54:42.656Z","relatedLinks":[]},{"title":"Dev.Opera — The State of Web Type","url":"https://dev.opera.com/articles/state-of-web-type/","content":"OpenTypeフォントに関する機能のブラウザサポートの状況についてのまとめ。\nJustificationとHyphenation、Font Loadingについてなど","tags":["browser","fonts","まとめ"],"date":"2015-05-17T10:54:01.107Z","relatedLinks":[{"title":"State of Web Type","url":"http://stateofwebtype.com/"}]},{"title":"State of Web Type","url":"http://stateofwebtype.com/","content":"ウェブフォントとtypographic機能別のブラウザサポート状況をまとめているサイト","tags":["fonts","まとめ","search"],"date":"2015-05-17T10:57:04.044Z","relatedLinks":[]},{"title":"leebyron/testcheck-js","url":"https://github.com/leebyron/testcheck-js","content":"QuickCheckライブラリ。\nJasmineとMochaの拡張が用意されてる","tags":["JavaScript","testing"],"date":"2015-05-17T11:50:03.086Z","relatedLinks":[]},{"title":"Quench: The Gulp file generator.","url":"http://quenchjs.com/","content":"CSS、JavaScript、Imageについての項目を入力してgulpfileを生成してくれるツール。","tags":["gulp","webservice","Tools"],"date":"2015-05-17T12:07:52.770Z","relatedLinks":[]},{"title":"ES6 In Depth: Template strings ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2015/05/es6-in-depth-template-strings-2/","content":"Template stringsについて。\nBacktickから始まるtemplate literalやtagged templateについて","tags":["JavaScript","ECMAScript"],"date":"2015-05-17T12:22:31.844Z","relatedLinks":[]},{"title":"We Tested How Googlebot Crawls Javascript And Here's What We Learned","url":"http://searchengineland.com/tested-googlebot-crawls-javascript-heres-learned-220157","content":"Google検索botがどこまでJavaScript等を解釈してクロールしているかの調査","tags":["JavaScript","google","search"],"date":"2015-05-17T12:49:43.246Z","relatedLinks":[]},{"title":"0.9 released!","url":"http://blog.polymer-project.org/announcements/2015/05/14/0.9-release/","content":"polymer 0.9リリース。\n0.8でexperimentalだった機能がデフォルトサポートされている。\n`:root`セレクタ、Gesture、\nCSPのサポートやUtilの追加など。\nBreaking Changeもあり、Migration guideが用意されている","tags":["WebComponents","JavaScript","library"],"date":"2015-05-17T12:55:34.030Z","relatedLinks":[{"title":"Release notes - Polymer","url":"https://www.polymer-project.org/0.9/docs/release-notes.html"},{"title":"Migration guide - Polymer","url":"https://www.polymer-project.org/0.9/docs/migration.html"}]},{"title":"watermark.js - watermarks in the browser","url":"http://brianium.github.io/watermarkjs/","content":"画像のwatermarkを付けるライブラリ","tags":["JavaScript","画像","library"],"date":"2015-05-17T13:03:34.960Z","relatedLinks":[]},{"title":"Do not Measure the Weather","url":"http://mrale.ph/talks/goto2015/#/","content":"計測と最適化の問題についてのスライド。\nJSエンジンはJITコンパイルするため計測結果は未最適化+最適化になる。場合によっては計測対象がdead codeとなり最適化によって消えているかもしれないのを実際にIRHydra2を使って検証する話","tags":["JavaScript","performance","slide"],"date":"2015-05-17T13:27:05.265Z","relatedLinks":[{"title":"V8の最適化とIRHydraでの可視化とベンチマークについてのメモ | Web Scratch","url":"http://efcl.info/2014/09/13/v8-optimization-memo/"},{"title":"IRHydra2","url":"http://mrale.ph/irhydra/2/"}]},{"title":"Node v0.12.3 (Stable)","url":"http://blog.nodejs.org/2015/05/13/node-v0-12-3-0.12.3/","content":"Node v0.12.3リリース","tags":["node.js","ReleaseNote"],"date":"2015-05-17T13:36:12.898Z","relatedLinks":[]},{"title":"hit9/ntt","url":"https://github.com/hit9/ntt","content":"小さなテストモジュール。\nテストコードそのもので実行できるので、Mochaなどのようにrunnerにあたる部分は不要となってる","tags":["JavaScript","testing","library"],"date":"2015-05-17T13:37:48.782Z","relatedLinks":[]},{"title":"Function Bind Syntax · Babel","url":"https://babeljs.io/blog/2015/05/14/function-bind","content":"Babel 5.4でES.nextで提案されているStage 0の`::`によるBind構文の変換をサポート","tags":["ECMAScript","JavaScript"],"date":"2015-05-17T14:08:52.695Z","relatedLinks":[]},{"title":"Why Babel Matters","url":"http://codemix.com/blog/why-babel-matters","content":"Babelの基本的な機能の紹介、ES.nextと言われるようなまだ標準化されてない仕様の対応、Babel pluginでのコードの最適化や型チェック、マクロなどASTを扱うプラットフォームとして見るBabelについて","tags":["JavaScript"],"date":"2015-05-19T13:12:48.910Z","relatedLinks":[]},{"title":"codemix/babel-plugin-typecheck · GitHub","url":"https://github.com/codemix/babel-plugin-typecheck","content":"flowtypeアノテーションからランタイム型チェックのコードへ変換するBabel plugin","tags":["JavaScript","babel","flowtype"],"date":"2015-05-19T13:34:33.363Z","relatedLinks":[]},{"title":"ここ最近のWeb地図周辺の動向をまとめてみた | #GUNMAGISGEEK","url":"http://shimz.me/blog/map/4268","content":"GeoJSONを始めウェブの地図周りの技術についての変化について","tags":["JavaScript","GEO","まとめ"],"date":"2015-05-21T07:35:58.324Z","relatedLinks":[]},{"title":"WebdriverIO - Selenium 2.0 javascript bindings for nodejs","url":"http://webdriver.io/","content":"Node.jsのSelenium/WebDriver APIのバインディング。\nモバイルのフリックやタブの切替等色々なAPIが用意されてる","tags":["node.js","Selenium","webdriver"],"date":"2015-05-21T08:24:58.466Z","relatedLinks":[]},{"title":"We have a problem with promises","url":"http://pouchdb.com/2015/05/18/we-have-a-problem-with-promises.html","content":"Promiseの色々な落とし穴やアンチパターンについてよくまとまってる","tags":["JavaScript","Promises","まとめ"],"date":"2015-05-21T10:04:57.957Z","relatedLinks":[{"title":"JavaScript Promiseの本","url":"http://azu.github.io/promises-book/"}]},{"title":"symdiff","url":"https://symdiff.github.io/","content":"HTMLとCSSを渡して使われてないCSSを検索するツール","tags":["HTML","CSS","Tools"],"date":"2015-05-21T10:13:25.595Z","relatedLinks":[]},{"title":"JavaScript - AngularJSモダンプラクティス - Qiita","url":"http://qiita.com/armorik83/items/5542daed0c408cb9f605","content":"AngularJS 2に移行しやすくするにはどうするかというチュートリアル。\n1.xでもES6 classesを使った書き方をするためのリファクタリング方法。\nAngular 2でのdirective、モジュール、関連ライブラリやツール、FAQなど","tags":["Angular","JavaScript","ECMAScript","tutorial"],"date":"2015-05-22T06:23:01.694Z","relatedLinks":[]},{"title":"sebastian-lenz/typedoc","url":"https://github.com/sebastian-lenz/typedoc","content":"TypeScriptのAPIドキュメント生成ツール","tags":["TypeScript","API","document"],"date":"2015-05-22T11:40:36.855Z","relatedLinks":[]},{"title":"Testing JavaScript — Medium","url":"https://medium.com/@nickheiner/testing-javascript-8c8efe8434e","content":"proxyquireを使ったテスト、E2Eとモック、tapeを使ったテストについて","tags":["JavaScript","testing"],"date":"2015-05-23T07:01:59.217Z","relatedLinks":[]},{"title":"High-performance javascript library for animations & interfaces | Famous.org","url":"http://famous.org/","content":"アニメーションライブラリであるFamousがリニューアル公開された","tags":["JavaScript","animation","library","WebGL"],"date":"2015-05-24T15:23:08.708Z","relatedLinks":[]},{"title":"Notifying you of Changes to Notifications","url":"https://developers.google.com/web/updates/2015/05/Notifying-you-of-notificiation-changes","content":"Chrome 44でService Workerを使ったプッシュ通知で任意のオブジェクトを渡せるようになり、また`getNotifications()`で特定のtagがついたNotificationのみを取り出せるようになった","tags":["JavaScript"],"date":"2015-05-25T13:00:27.898Z","relatedLinks":[]},{"title":"Why Backbone.js? - Roost Austin","url":"https://roost.bocoup.com/2015/austin/blog/why-backbone/","content":"JavaScriptライブラリをどのような基準で比較して選択するかについて。\nメジャーなライブラリの統計を比較した図や学習曲線、欠点などについて書かれていて、どのような見方があるかについての話が興味深い","tags":["JavaScript","library","MVC"],"date":"2015-05-25T13:26:07.903Z","relatedLinks":[]},{"title":"padolsey/operative","url":"https://github.com/padolsey/operative","content":"直接関数を渡してそれをWeb Workerで動かせるライブラリ。\n古いブラウザ向けのfallbackやPromiseのサポートなど、できるだけシームレスに書けるようにしてる","tags":["webworker","JavaScript","library"],"date":"2015-05-25T15:43:17.355Z","relatedLinks":[{"title":"operativeでWebWorkersを手軽に扱う - 四角革命前夜","url":"http://blog.sasaplus1.com/2015/05/23/01/"}]},{"title":"ES6 — classes and inheritance — Medium","url":"https://medium.com/@mrzepinski/es6-classes-and-inheritance-607804080906","content":"ES6 ClassesとES5との書き方比較。\ngetterやsetter、細かいショートハンドとともに紹介してる","tags":["JavaScript","ECMAScript"],"date":"2015-05-25T15:45:53.073Z","relatedLinks":[]},{"title":"ウェブクリエイターの為の情報サイト | Web Programming Primer","url":"http://wp-p.info/","content":"HTML/CSS/JavaScriptの入門的な内容のチュートリアル集","tags":["HTML","JavaScript","CSS","tutorial"],"date":"2015-05-26T04:06:58.522Z","relatedLinks":[]},{"title":"async/CHANGELOG.md at master · caolan/async","url":"https://github.com/caolan/async/blob/master/CHANGELOG.md#v100","content":"非同期処理を管理するライブラリであるasync 1.0.0リリース。\n","tags":["JavaScript","library"],"date":"2015-05-26T04:55:29.257Z","relatedLinks":[]},{"title":"graphite, grafana, sitespeed.io, diamond で継続 Web パフォーマンスモニタリング - Qiita","url":"http://qiita.com/Jxck_/items/abfa9f3dd15c5572cbfd","content":"sitespeed.ioを使い実際のブラウザを動かしてTiming API等のクライアントサイドでのメトリクス情報を継続的に取得したデータをgraphiteに保存し可視化する方法について","tags":["browser","performance"],"date":"2015-05-26T17:08:39.867Z","relatedLinks":[]},{"title":"Plain JavaScript - Functions and Helpers","url":"http://plainjs.com/javascript/","content":"Pure JavaScriptでDOM操作などについての逆引きリファレンス","tags":["JavaScript","DOM","リファレンス"],"date":"2015-05-27T09:38:41.997Z","relatedLinks":[]},{"title":"EmberWeekend","url":"https://emberweekend.com/episodes","content":"EmberJSについてのpodcast","tags":["JavaScript","library","podcast"],"date":"2015-05-27T09:38:58.751Z","relatedLinks":[]},{"title":"Moving to ES6 from CoffeeScript","url":"https://gist.github.com/danielgtaylor/0b60c2ed1f069f118562","content":"CoffeScriptからES6への移行するにおいて文法の比較やES6の構文や機能の紹介","tags":["JavaScript","CoffeeScript"],"date":"2015-05-27T09:41:05.496Z","relatedLinks":[]},{"title":"Easily testing React components with react-test-tree — Qubit Engineering — Medium","url":"https://medium.com/qubit-engineering/easily-testing-react-components-with-react-test-tree-f9e1668b1c2d","content":"React component向けのテストライブラリ。\n対象のReact componentに`ref`属性を追加しておくことで、clickなどのイベントのシミュレートや子componentをstubすることができる","tags":["React","testing","DOM"],"date":"2015-05-27T09:43:26.160Z","relatedLinks":[{"title":"QubitProducts/react-test-tree","url":"https://github.com/QubitProducts/react-test-tree"}]},{"title":"Angular 1.4.0 - jaracimrman-existence","url":"http://angularjs.blogspot.com/2015/05/angular-140-jaracimrman-existence.html","content":"Angular 1.4.0リリース。\n$httpのパラメータシリアライズ方法のカスタマイズ、i18nをサポートするngMessageFormatの追加、ngCookiesの追加など","tags":["Angular","ReleaseNote"],"date":"2015-05-28T07:25:42.138Z","relatedLinks":[{"title":"AngularJS: Developer Guide: Migrating from Previous Versions","url":"https://docs.angularjs.org/guide/migration#migrating-from-1-3-to-1-4"},{"title":"もうすぐリリースされるAngularJS 1.4の機能を先取りチェックしよう （1/2）：CodeZine","url":"http://codezine.jp/article/detail/8698"},{"title":"JavaScript - AngularJSの1.3から1.4へのバージョンアップ - Qiita","url":"http://qiita.com/tsuchikazu@github/items/282bd7a990170a9adfb6"}]},{"title":"Using WebPagetest - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920033592.do","content":"WebPagetestについての書籍","tags":["browser","performance"],"date":"2015-05-29T06:08:42.134Z","relatedLinks":[]},{"title":"Welcome - Polymer","url":"https://www.polymer-project.org/1.0/","content":"Polymer 1.0リリース","tags":["JavaScript","library","ReleaseNote"],"date":"2015-05-29T12:33:12.823Z","relatedLinks":[]},{"title":"mako-taco/DecorateThis","url":"https://github.com/mako-taco/DecorateThis","content":"Decoratorを使った型のバリデーション、メモ化、カリー、Debounceなど色々なものを用意したライブラリ","tags":["JavaScript","library"],"date":"2015-05-31T02:09:09.518Z","relatedLinks":[]},{"title":"Google Developers Blog: Polymer 1.0 Released!","url":"http://googledevelopers.blogspot.com/2015/05/polymer-10-released.html","content":"Polymer 1.0リリース","tags":["WebComponents","library"],"date":"2015-05-31T08:27:32.650Z","relatedLinks":[{"title":"Polymer 1.0の挙動変更の影響 - Qiita","url":"http://qiita.com/shibukawa/items/45324051af06e08a11cc"},{"title":"Polymer 0.5 → 1.0 変更点ナナメ読みメモ ::ハブろぐ","url":"http://havelog.ayumusato.com/develop/webcomponents/e672-polymer_050to100_changelog.html"}]},{"title":"ESLint 0.22.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2015/06/eslint-0.22.0-released","content":"ESLint 0.22.0リリース\nルールプラグインに設定のバリデーション用のJSON Schemaを書けるように、.eslintrcの設定ファイルをバリデーションできるように","tags":["Tools","JavaScript","ReleaseNote"],"date":"2015-05-31T11:24:49.919Z","relatedLinks":[{"title":"format","url":"http://eslint.org/docs/developer-guide/working-with-rules"}]},{"title":"Ember.js - Ember.js 1.12 and 1.13 Beta (Glimmer!) Released","url":"http://emberjs.com/blog/2015/05/13/ember-1-12-released.html","content":"Ember.js 1.12と1.13 Betaリリース。\ncomputeにgetter/setterを使った方法を追加、併せてDecoratorsを使った方法サポート予定\n","tags":["JavaScript","library","ReleaseNote"],"date":"2015-05-16T01:56:47.628Z","relatedLinks":[]},{"title":"WebGL 軽量ライブラリを比較してみる - Qiita","url":"http://qiita.com/cx20/items/0fa19c96aa6470d98807","content":"色々なWebGLライブラリを使って三角形など基本的なものを表示するサンプルコードまとめ","tags":["WebGL","JavaScript","まとめ"],"date":"2015-06-01T05:32:11.950Z","relatedLinks":[]},{"title":"Apigee API Studio","url":"http://apistudio.io/","content":"yamlなDSLでAPIを作ってモックサーバにしたり、APIのリファレンスを作成したりできるウェブサービス","tags":["API","webservice"],"date":"2015-06-01T05:38:06.892Z","relatedLinks":[]},{"title":"skadimoolam/x-doc","url":"https://github.com/skadimoolam/x-doc","content":"Node.js/io.jsをコマンドラインからオフラインで引けるリファレンスツール","tags":["node.js","リファレンス"],"date":"2015-06-01T14:08:03.407Z","relatedLinks":[]},{"title":"ES6 In Depth: Destructuring ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2015/05/es6-in-depth-destructuring/","content":"Destructuringの色々なパターンについて。\n配列、ES6 module、Iteratorなどとあわせた例","tags":["JavaScript","ECMAScript"],"date":"2015-06-01T14:25:16.100Z","relatedLinks":[]},{"title":"ES6 コードをテストする | アカベコマイリ","url":"http://akabeko.me/blog/2015/05/es6-unit-test/","content":"ES6で書いたコードに対するテストをES6とpower-assertで書いて、Node.js上で実行する方法について","tags":["JavaScript","ECMAScript","testing"],"date":"2015-06-01T22:48:44.093Z","relatedLinks":[]},{"title":"io.js Week of May 29th — Node & JavaScript — Medium","url":"https://medium.com/node-js-javascript/io-js-week-of-may-29th-89bdeace6056","content":"io.js 2.2.0リリース","tags":["node.js","ReleaseNote"],"date":"2015-06-02T09:09:17.272Z","relatedLinks":[]},{"title":"gulp/CHANGELOG.md at v3.9.0 · gulpjs/gulp","url":"https://github.com/gulpjs/gulp/blob/v3.9.0/CHANGELOG.md","content":"gulp 3.9.0リリース。\ngullpfileをBabelやlivescriptで書けるようにinterpretのアップデートが入った(.babel.jsのような拡張子で判定される)","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-06-02T12:33:37.314Z","relatedLinks":[{"title":"tkellen/js-interpret","url":"https://github.com/tkellen/js-interpret"}]},{"title":"Polymer エレメントの開発ツールと CI - 詩と創作・思索のひろば","url":"http://motemen.hatenablog.com/entry/2015/06/polymer-tools-and-ci","content":"Polymerに関連するツールやライブラリの消化。\nコンポーネントのドキュメント作り方、開発時の補助ツール、配布向けのビルド作成、CIでのテストについてなど","tags":["JavaScript","WebComponents","library","Tools"],"date":"2015-06-02T15:20:56.182Z","relatedLinks":[]},{"title":"cssnext","url":"http://cssnext.io/","content":"CSSの新しい構文等を現在のCSSに変換するTranspilerツール。\n一部仕様などにない拡張構文も含まれている","tags":["CSS","Tools"],"date":"2015-06-03T15:50:45.507Z","relatedLinks":[{"title":"cssnextでみる次世代CSSとPostCSS | Yucchiy's blog","url":"http://blog.yucchiy.com/2015/04/22/cssnext-postcss-for-nextgeneration-of-css/"}]},{"title":"Chromium Blog: Chrome 44 Beta: Improvements to Notifications API and promoted add to homescreen","url":"http://blog.chromium.org/2015/06/chrome-44-beta-improvements-to.html","content":"Chrome 44 Betaリリース。\nプッシュ通知の改善、 ES6 computed property names、`document.scrollingElement`のサポートなど","tags":["Chrome","ReleaseNote"],"date":"2015-06-04T09:49:01.232Z","relatedLinks":[]},{"title":"New Performance Tools in Firefox Developer Edition 40 ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2015/06/new-performance-tools-in-firefox-developer-edition-40/","content":"Firefox 40の開発者ツールについて。\nパフォーマンスツールの改善、ネットワークモニタでPostデータのコピー、CSSドキュメントの表示連携など","tags":["firefox","debug","Tools"],"date":"2015-06-04T10:06:42.096Z","relatedLinks":[]},{"title":"React/dekuコンポーネントとthisのパターン | Web Scratch","url":"http://efcl.info/2015/06/05/this-component/","content":"ReactのコンポーネントをES6 Classesで書くと`this`が多くなる問題とイベントハンドラの登録/解除の例。\nまた、関数的なアプローチを持つdekuのコンポーネントとの違いについて","tags":["React","JavaScript"],"date":"2015-06-05T09:38:52.440Z","relatedLinks":[]},{"title":"Node v0.12.4 (Stable)","url":"http://blog.nodejs.org/2015/05/22/node-v0-12-4-stable/","content":"Node v0.12.4リリース","tags":["node.js","ReleaseNote"],"date":"2015-06-06T03:52:50.552Z","relatedLinks":[]},{"title":"TechnologyAdvice/Vers","url":"https://github.com/TechnologyAdvice/Vers","content":"バージョニングを持ったモデルライブラリ","tags":["JavaScript","library"],"date":"2015-06-06T06:39:24.325Z","relatedLinks":[]},{"title":"Integrity protection for third-party JavaScript // Speaker Deck","url":"https://speakerdeck.com/fmarier/integrity-protection-for-third-party-javascript-1","content":"ブラウザの実装してるサードパーティスクリプトに対するセキュリティについてのスライド。\nCSP、HSTS、SRIについて","tags":["browser","セキュリティ"],"date":"2015-06-06T06:53:33.448Z","relatedLinks":[]},{"title":"Web Audio School","url":"http://mmckegg.github.io/web-audio-school/","content":"Web Audio APIについてのチュートリアルサイト。\nそれぞれのAudio Nodeについての解説や実行結果を視覚的に分かるようにしているので分かりやすい","tags":["JavaScript","web","audio","tutorial"],"date":"2015-06-06T07:11:08.635Z","relatedLinks":[]},{"title":"babel/CHANGELOG.md at master · babel/babel","url":"https://github.com/babel/babel/blob/master/CHANGELOG.md#550","content":"Babel 5.5.0リリース。\nバグ修正が中心。","tags":["JavaScript","Tools"],"date":"2015-06-06T08:05:32.319Z","relatedLinks":[]},{"title":"What's New in JavaScript","url":"https://msdn.microsoft.com/en-us/library/ie/br212465(v=vs.94).aspx","content":"MSEdgeでのJavaScriptの新しい機能についてのページ","tags":["JavaScript","MSEdge"],"date":"2015-06-06T08:06:08.180Z","relatedLinks":[]},{"title":"Verify.js - A powerful, customizable, asynchronous form validation library","url":"http://verifyjs.com/","content":"非同期でバリデーション出来るライブラリ","tags":["JavaScript","library"],"date":"2015-06-06T08:22:10.951Z","relatedLinks":[]},{"title":"React: 保守しやすいハイパフォーマンスの UI コンポーネントを作成する","url":"http://www.ibm.com/developerworks/jp/web/library/wa-react-intro/index.html","content":"React、Component、Flux、デバッグツール、GraphQLとReactNative等の関連するプロジェクトなどReactに全般についてまとまってる記事","tags":["JavaScript","React","tutorial"],"date":"2015-06-06T08:49:24.802Z","relatedLinks":[]},{"title":"ECMAScript 2015… by Maciej Rzepiński [Leanpub PDF/iPad/Kindle]","url":"https://leanpub.com/ecmascript2015es6guide","content":"ES6についての電子書籍","tags":["JavaScript","ECMAScript","電子書籍"],"date":"2015-06-07T14:11:32.492Z","relatedLinks":[{"title":"Maciej Rzepiński — Medium","url":"https://medium.com/@mrzepinski"}]},{"title":"BlinkOn 4 One-Pager - http://bit.ly/blinkon4onepager - Google ドキュメント","url":"https://docs.google.com/document/d/1ga5lPyCxQ0G7deJWDZPSbVvewG7cRdT6Qi-pHXUDgkg/edit#heading=h.rx77pwie3tnj","content":"BlinkについてのイベントであるBlinkOn  4の動画とスライドまとめ","tags":["blink","Conference"],"date":"2015-06-07T14:19:26.898Z","relatedLinks":[]},{"title":"MartinChavez/Learn-Javascript","url":"https://github.com/MartinChavez/Learn-Javascript","content":"テストで学ぶJavaScript。\nそれぞれの機能についてのテスト集","tags":["JavaScript","testing","サンプル"],"date":"2015-06-07T14:22:31.050Z","relatedLinks":[]},{"title":"▶ Asynchronous JavaScript at Netflix by Matthew Podwysowski at JSConf Budapest 2015 - YouTube","url":"https://www.youtube.com/watch?v=a8W5VVGO-jA","content":"RxやObservableについての発表。\n非同期においてはPromiseがあるがCancelができない問題があり、またNode Streamは最適ではないとして、そこを扱うAPIデザインとしてのObservable、Rxについて紹介している","tags":["JavaScript","video","slide"],"date":"2015-06-07T15:19:45.568Z","relatedLinks":[{"title":"mattpodwysocki/jsconfbp-2015","url":"https://github.com/mattpodwysocki/jsconfbp-2015"}]},{"title":"Performance Tools | CSS-Tricks","url":"https://css-tricks.com/performance-tools/","content":"ウェブサイトパフォーマンス計測に関連するツールやサービスのまとめ","tags":["browser","performance"],"date":"2015-06-08T02:35:46.357Z","relatedLinks":[]},{"title":"The Accessibility Cheatsheet - bitsofco.de","url":"http://bitsofco.de/2015/the-accessibility-cheatsheet","content":"ウェブアクセシビリティチートシート","tags":["アクセシビリティ","チートシート"],"date":"2015-06-08T12:40:41.424Z","relatedLinks":[]},{"title":"What’s new in Babylon.js v2.1 - Eternal Coding - HTML5 / JavaScript / 3D development - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/eternalcoding/archive/2015/06/08/what-s-new-in-babylon-js-v2-1.aspx","content":"Babylon.js v2.1リリース。","tags":["JavaScript","library","WebGL","ReleaseNote"],"date":"2015-06-09T16:34:15.322Z","relatedLinks":[]},{"title":"Changelog · winjs/winjs Wiki","url":"https://github.com/winjs/winjs/wiki/Changelog#v40","content":"WinJS 4.0リリース","tags":["JavaScript","library","ReleaseNote"],"date":"2015-06-10T01:28:52.936Z","relatedLinks":[]},{"title":"Safari 9.0","url":"https://developer.apple.com/library/prerelease/mac/releasenotes/General/WhatsNewInSafari/Articles/Safari_9.html","content":"Safari 9.0での変更点としてTemplate strings、Classes、WeakSet、SymbolなどのES6サポート、開発者ツールのデザインや機能追加などが行われている","tags":["safari","ReleaseNote"],"date":"2015-06-10T01:37:16.962Z","relatedLinks":[{"title":"Safari 9.0の新機能の概要 - console.lealog();","url":"http://lealog.hateblo.jp/entry/2015/06/09/115905"}]},{"title":"JavaScript with Promises - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920032151.do","content":"Promisesについて扱う100ページほどのOreillyの書籍","tags":["JavaScript","Promises","book"],"date":"2015-06-10T07:54:14.770Z","relatedLinks":[]},{"title":"NW.js Essentials eBook: Alessandro Benoit: Amazon.it: Kindle Store","url":"http://www.amazon.it/NW-js-Essentials-Alessandro-Benoit-ebook/dp/B00Y9W1H34","content":"NW.jsについての書籍","tags":["node-webkit","book"],"date":"2015-06-11T23:08:37.169Z","relatedLinks":[]},{"title":"flow/Changelog.md at v0.12.0 · facebook/flow","url":"https://github.com/facebook/flow/blob/v0.12.0/Changelog.md","content":"Flow 0.12.0リリース。\nfor-of、async/await、Structural Subtypingなどのサポート、typeofでの型指定、`module.name_mapper`オプションの追加など","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-06-12T02:53:08.251Z","relatedLinks":[]},{"title":"jussi-kalliokoski/trine","url":"https://github.com/jussi-kalliokoski/trine","content":"thisに値が来ることを前提としたunderscoreなどのような関数のコレクションライブラリ。\n`::`という構文を定義しているfunction bind syntaxのプロポーサルを元にした使い勝手を重視した作り","tags":["JavaScript","library"],"date":"2015-06-12T11:18:30.270Z","relatedLinks":[]},{"title":"Vue.js 0.12 released! - vue.js","url":"http://vuejs.org/2015/06/11/012-release/","content":"Vue.js 0.12リリース。\n`v-component`と`v-with`を廃止して代わりに`props`を利用するように、Asynchronous Components、Element Directivesの追加など","tags":["JavaScript","library","ReleaseNote"],"date":"2015-06-13T08:11:08.502Z","relatedLinks":[{"title":"Release 0.12.0: Dragon Ball · yyx990803/vue","url":"https://github.com/yyx990803/vue/releases/tag/0.12.0"}]},{"title":"Deprecating JSTransform and react-tools | React","url":"http://facebook.github.io/react/blog/2015/06/12/deprecating-jstransform-and-react-tools.html","content":"ReactではJSTransformとreact-toolsの代わりにBabelを利用するようになった。","tags":["React","JavaScript","Tools"],"date":"2015-06-13T09:47:07.072Z","relatedLinks":[]},{"title":"Exploring ES6 by Axel Rauschmayer [Leanpub PDF/iPad/Kindle]","url":"https://leanpub.com/exploring-es6/","content":"Dr. AxelによるECMAScript 6についての書籍。ES6とは何かという話から、それぞれの機能と仕様について詳しく書かれている。\nオンライン版は無料で読むことが出来る","tags":["JavaScript","ECMAScript","book"],"date":"2015-06-13T13:22:37.167Z","relatedLinks":[{"title":"Exploring ES6: Upgrade to the next version of JavaScript","url":"http://exploringjs.com/"},{"title":"②ality – JavaScript and more","url":"http://www.2ality.com/"}]},{"title":"StrongLoop | New io.js Features You May Not Be Using","url":"https://strongloop.com/strongblog/new-io-js-features-you-may-not-be-using/","content":"io.js 2.1までに新しく入った機能についてのまとめ。\nES6、ドキュメントの改善、stream、unhandledRejection、Preload modules、Sync I/Oのデバッグなど","tags":["node.js","JavaScript"],"date":"2015-06-14T02:30:18.710Z","relatedLinks":[]},{"title":"Ember.js - Ember.js 1.13.0 and 2.0 Beta Released","url":"http://emberjs.com/blog/2015/06/12/ember-1-13-0-released.html","content":"Ember.js 1.13.0と2.0βリリース。\nコンポーネントのライフサイクル追加、Helper APIの追加など","tags":["JavaScript","library","ReleaseNote"],"date":"2015-06-14T02:47:19.428Z","relatedLinks":[]},{"title":"nature/pa11y","url":"https://github.com/nature/pa11y","content":"HTML_CodeSnifferをコマンドラインで走らせてアクセシビリティについてチェック出来るツール","tags":["アクセシビリティ","testing","Tools"],"date":"2015-06-14T03:05:27.349Z","relatedLinks":[]},{"title":"React Contexts and Dependency Injection — Jack Hsu","url":"http://jaysoo.ca/2015/06/09/react-contexts-and-dependency-injection/","content":"ReactとDI。ContextとDecoratorを使った例","tags":["React"],"date":"2015-06-14T16:05:48.717Z","relatedLinks":[]},{"title":"Chakram - REST API test framework","url":"http://dareid.github.io/chakram/","content":"Mocha上で動くREST APIのテストフレームワーク。\nchai-expectを拡張したレスポンスのassert、`expect(promise)`を使ってスッキリ書けるようにしているのが特徴\n","tags":["JavaScript","API","testing","library"],"date":"2015-06-15T05:54:17.585Z","relatedLinks":[]},{"title":"Unit testing React components without a DOM – simonsmith.io – Portfolio and blog of a London based front-end web developer","url":"http://simonsmith.io/unit-testing-react-components-without-a-dom/","content":"`React.addons.TestUtils.createRenderer` を使ったReact Componentのテストについて。","tags":["React","DOM","testing"],"date":"2015-06-15T09:25:44.862Z","relatedLinks":[]},{"title":"ESLint 0.23.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2015/06/eslint-0.23.0-released","content":"ESLint 0.23.0リリース。\ncomputed property、constに関するルールの追加、バグ修正など","tags":["JavaScript","Tools"],"date":"2015-06-15T09:27:18.118Z","relatedLinks":[]},{"title":"Weaver.js","url":"http://weaver.js.org/","content":"WebWorkerやプロセスforkなどを使ってブラウザとNode.js環境で動くスレッドを扱うライブラリ","tags":["JavaScript","library","webworker"],"date":"2015-06-16T10:23:39.946Z","relatedLinks":[]},{"title":"2015年前半のJavaScriptを振り返る | Web Scratch","url":"http://efcl.info/2015/06/16/jser-half-year/","content":"JSer.infoの2015年1月から6月までを振り返って、どういう変化があったかについてなど","tags":["JavaScript","JSer"],"date":"2015-06-16T10:26:23.468Z","relatedLinks":[]},{"title":"O'Reilly Japan - CSS3開発者ガイド 第2版","url":"http://www.oreilly.co.jp/books/9784873117256/","content":"2015年07月03日発売\nThe Book of CSS3の翻訳本","tags":["CSS","book"],"date":"2015-06-16T12:56:12.095Z","relatedLinks":[]},{"title":"Six Steps for Approaching the Next JavaScript -Telerik Developer Network","url":"http://developer.telerik.com/featured/six-steps-for-approaching-the-next-javascript/","content":"ES6を学ぶアプローチについて。\nまずはES3/5についてしっかり理解する、実行環境を用意する、好きな所から学ぶ、モジュールについて知る、学びながら仕様を参照する、プロダクトコードに使ってみる という6つのステップで学ぶ方法を紹介している。","tags":["JavaScript","ECMAScript"],"date":"2015-06-16T13:28:04.184Z","relatedLinks":[]},{"title":"Release JSHint 2.8.0 · jshint/jshint","url":"https://github.com/jshint/jshint/releases/tag/2.8.0","content":"JSHint 2.8.0リリース。\n`module`でコードをES6 moduleとみなしてチェック出来るように、バグ修正など","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-06-16T16:03:46.596Z","relatedLinks":[]},{"title":"Node.js Foundation Advances Community Collaboration, Announces New Members and Ratified Technical Governance | The Linux Foundation","url":"http://www.linuxfoundation.org/news-media/announcements/2015/06/nodejs-foundation-advances-community-collaboration-announces-new","content":"Node.js Foundationについての公式アナウンス。\nNode.jsとio.jsのマージやガバナンスモデルについての同意がとれて、Linux Foundationのコラボレーションプロジェクトとして中立的なNode.js Foundationができた","tags":["node.js","ReleaseNote"],"date":"2015-06-16T16:11:19.623Z","relatedLinks":[]},{"title":"JavaScript.com","url":"https://www.javascript.com/","content":"CodeSchoolによるJavaScript初心者向けの学習リソースの紹介、コミュニティによる記事紹介などをしているサイト","tags":["JavaScript","tutorial"],"date":"2015-06-16T22:54:24.691Z","relatedLinks":[]},{"title":"eorroe/NodeList-Prototype-Extension","url":"https://github.com/eorroe/NodeList-Prototype-Extension","content":"DOM NodeのCollectionに対して操作出来るライブラリ","tags":["DOM","library"],"date":"2015-06-18T12:46:26.506Z","relatedLinks":[]},{"title":"WebAssembly: a binary format for the web","url":"http://www.2ality.com/2015/06/web-assembly.html","content":"WebAssemblyの概要解説","tags":["WebAssembly"],"date":"2015-06-18T13:47:52.891Z","relatedLinks":[]},{"title":"Brendan Eich » Blog Archive » From ASM.JS to WebAssembly","url":"https://brendaneich.com/2015/06/from-asm-js-to-webassembly/","content":"ブラウザ向けのバイナリフォーマットの標準化プロジェクトとして WebAssemblyが公開された。 サイズやロード時間の効率化のためのフォーマットで、第一段階の目標としてはasm.jsのバイナリ版、polyfillが予定されてる","tags":["WebAssembly","asm.js","JavaScript"],"date":"2015-06-19T06:17:26.432Z","relatedLinks":[{"title":"主要ブラウザで実行可能なバイナリ形式「WebAssembly」の開発がスタート。Chrome、WebKit、Firefox、Microsoft Edge、LLVM、Unityらがサポートを相次いで表明 － Publickey","url":"http://www.publickey1.jp/blog/15/webassembly.html"},{"title":"design/HighLevelGoals.md at master · WebAssembly/design","url":"https://github.com/WebAssembly/design/blob/master/HighLevelGoals.md"},{"title":"design/FAQ.md at master · WebAssembly/design","url":"https://github.com/WebAssembly/design/blob/master/FAQ.md"}]},{"title":"JavaScript Live","url":"https://jslive.com/","content":"RubyFlowみたいなJavaScriptのコミュニティニュースサイト","tags":["JavaScript","news"],"date":"2015-06-20T05:44:17.301Z","relatedLinks":[]},{"title":"qooxdoo 5.0 released | qooxdoo News","url":"http://news.qooxdoo.org/qooxdoo-5-0-released","content":"JavaScriptのRIAフレームワークであるqooxdoo 5.0リリース。\nqx.Website widgetsの追加、MSEdgeの対応、pointer eventなど対応、SVG、フルスクリーンAPIの対応、WebDriverを使ってテストの導入など","tags":["JavaScript","UI","library"],"date":"2015-06-20T05:58:14.303Z","relatedLinks":[]},{"title":"Custom Elements - Explore the world of Web Components","url":"https://customelements.io/","content":"Bowerかnpmのキーワードにweb-componentsがついてるものを検索出来るサイト","tags":["WebComponents","search"],"date":"2015-06-20T06:27:32.317Z","relatedLinks":[]},{"title":"oceanhouse21/dokker","url":"https://github.com/oceanhouse21/dokker","content":"JSDocのコメントからlodashのようなドキュメントページ/Markdownを生成してくれるツール","tags":["JavaScript","document","Tools"],"date":"2015-06-20T15:21:44.300Z","relatedLinks":[]},{"title":"ES6 In Depth: Collections ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2015/06/es6-in-depth-collections/","content":"SetとMapについて。\nそれぞれのメソッドの解説、JSと他の言語でのMap特性の違い、列挙の順序問題、WeakSet、WeakMapが何故必要になるのかについてなど","tags":["ECMAScript","JavaScript"],"date":"2015-06-21T03:45:28.694Z","relatedLinks":[]},{"title":"trueadm/t7","url":"https://github.com/trueadm/t7","content":"Template Stringsを使ったテンプレートライブラリ。\n結果をReactやその他のvirtual-domライブラリを使ってるもの向けへ出力できる","tags":["JavaScript","React","VirtualDOM"],"date":"2015-06-21T03:54:00.845Z","relatedLinks":[]},{"title":"babel/CHANGELOG.md at master · babel/babel","url":"https://github.com/babel/babel/blob/master/CHANGELOG.md#560","content":"Babel 5.6.0リリース。\n`--watch` 開始時にパースエラーが起きてもCLIを停止しないように、transformerの一部をpluginとして分離するなど","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-06-21T05:46:23.138Z","relatedLinks":[{"title":"transformers","url":"https://github.com/babel/babel/commit/3247851019dd350504689ad57c42ef45eb2381c7"},{"title":"Babel Plugins","url":"https://github.com/babel-plugins"}]},{"title":"sighjs/sigh","url":"https://github.com/sighjs/sigh","content":"JavaScriptビルドツール。\ngulp pluginをサポートしていて、デフォルトで並列タスク、インクリメンタルリビルド、Source Mapの対応など他のビルドツールの特徴も持たせてる\nhttp://sighjs.github.io/","tags":["JavaScript","gulp","Tools"],"date":"2015-06-21T14:08:24.253Z","relatedLinks":[]},{"title":"A Practical Guide to SVGs on the web","url":"https://svgontheweb.com/","content":"SVGの使い方ガイドライン。\n最適化、使い方、表示方法のまとめ、CSSやJavaScriptからの操作方法、レスポンシブ、アニメーションなどSVGについてまとまってる","tags":["SVG","browser"],"date":"2015-06-22T09:10:48.384Z","relatedLinks":[]},{"title":"MIDI,JavaScript - JavaScriptでMIDIファイルを解析してみる 1 - Qiita","url":"http://qiita.com/PianoScoreJP/items/2f03ae61d91db0334d45","content":"JavaScriptでMIDIファイル(SMF)を解析してヘッダ情報やトラックを取り出すチュートリアル","tags":["JavaScript","audio"],"date":"2015-06-22T09:57:00.834Z","relatedLinks":[]},{"title":"Node v0.12.5 (Stable)","url":"http://blog.nodejs.org/2015/06/22/node-v0-12-5-stable/","content":"Node v0.12.5リリース。","tags":["node.js","セキュリティ","ReleaseNote"],"date":"2015-06-23T01:31:55.193Z","relatedLinks":[]},{"title":"JSConf US 2015 - YouTube","url":"https://www.youtube.com/playlist?list=PL37ZVnwpeshEkVjFZlLm1krvx0mPYPOoq","content":"JSConf US 2015の動画が公開された。\nそれぞれの動画の文字起こしをしたgistも動画ページで公開されている","tags":["JavaScript","Conference","video"],"date":"2015-06-23T01:55:32.973Z","relatedLinks":[{"title":"JSConf US 2015 - The best conference for JS and the Web. Period","url":"http://2015.jsconf.us/"}]},{"title":"ECMAScript 2015 is now an Ecma Standard","url":"https://esdiscuss.org/topic/ecmascript-2015-is-now-an-ecma-standard","content":"ECMAScript 2015(ES6) 正式リリース。","tags":["ECMAScript","spec","ReleaseNote"],"date":"2015-06-23T12:01:59.374Z","relatedLinks":[{"title":"ECMAScript 2015 Language Specification – ECMA-262 6th Edition","url":"http://www.ecma-international.org/ecma-262/6.0/"}]},{"title":"ES5 + Facebook JSXで書かれたJavaScriptコードベースをTypeScriptに移行させる - VOYAGE GROUP techlog","url":"http://techlog.voyagegroup.com/entry/2015/06/24/170611","content":"TypeScriptでES6 targetなコードを吐き出し、BabelでES5へ変換するビルドチェインの形成について。\n既存プロジェクトの段階的な移行ステップについて。","tags":["JavaScript","TypeScript","ECMAScript","React"],"date":"2015-06-24T14:49:06.787Z","relatedLinks":[]},{"title":"HTML5test - How well does your browser support HTML5?","url":"https://html5test.com/","content":"ブラウザの実装してるHTMLやJavaScriptの機能をテストしてスコアを出すサービス","tags":["webservice","HTML5","browser","WebPlatformAPI"],"date":"2015-06-25T05:56:47.773Z","relatedLinks":[]},{"title":"Announcing Orion 9.0 | Orion News","url":"http://planetorion.org/news/2015/06/language-tooling-goodness-in-orion-9-0/","content":"Orion 9.0リリース。\nTernをベースとしたコード解析に変更し、コード補完やコードナビゲーション、リファクタリング機能の追加。","tags":["JavaScript","IDE","ReleaseNote"],"date":"2015-06-25T08:02:58.176Z","relatedLinks":[{"title":"Eclipse、Webブラウザ上で動作する統合開発環境「Orion 9.0」をリリース：CodeZine","url":"http://codezine.jp/article/detail/8798"}]},{"title":"Vorlon.js 0.0.15 is out ! - Etienne Margraff - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/emargraff/archive/2015/06/24/vorlon-js-0-0-15-is-out.aspx","content":"JavaScriptデバッグツールのVorlon.js 0.0.15リリース。\nネットワークパネル、DOMパネル、プラグイン機能の改善など","tags":["JavaScript","debug","ReleaseNote"],"date":"2015-06-25T08:11:17.998Z","relatedLinks":[]},{"title":"JavaScript Scene Tech Survey Results — JavaScript Scene — Medium","url":"https://medium.com/javascript-scene/javascript-scene-tech-survey-d2449a529ed","content":"Twitterなどで行ったJavaScriptアンケートの結果発表。\nNode.jsのユーザーが多めで、ES6を利用したことがある人が半分程度、関心のあるフレームワークなど","tags":["JavaScript"],"date":"2015-06-25T08:15:05.032Z","relatedLinks":[]},{"title":"ESLint 0.24.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2015/06/eslint-0.24.0-released","content":"ESLint 0.24.0リリース。\nES6 Classesに関するルールの追加など","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-06-27T07:41:02.042Z","relatedLinks":[]},{"title":"Ember.js - Ember Data v1.13 Released","url":"http://emberjs.com/blog/2015/06/18/ember-data-1-13-released.html","content":"Ember Data 1.13リリース。\nEmber Data初のStableリリースで、バージョンをEmberと合わせてる","tags":["JavaScript","library"],"date":"2015-06-28T07:29:14.344Z","relatedLinks":[]},{"title":"Metaprogramming in ES6: Symbols and why they're awesome","url":"http://blog.keithcirkel.co.uk/metaprogramming-in-es6-symbols/","content":"ES6とメタプログラミング。\nSymbolの使い方。Symbol.hasInstance、Symbol.iterator、Symbol.matchなどそれぞれを定義しておいた時の挙動について書かれてる","tags":["JavaScript","ECMAScript"],"date":"2015-06-28T07:37:30.746Z","relatedLinks":[]},{"title":"karpathy/convnetjs","url":"https://github.com/karpathy/convnetjs","content":"JavaScriptでニューラルネットワークの実装ライブラリ","tags":["JavaScript","library"],"date":"2015-06-28T07:40:52.966Z","relatedLinks":[]},{"title":"Sass - SCSSと付き合う上でやって(知って)よかったこと8選 - Qiita","url":"http://qiita.com/suisho/items/e996c42798bbb17add13","content":"Sassに関連するTipsやライブラリ、ツールについて","tags":["CSS","Sass","Tools","まとめ"],"date":"2015-06-29T09:30:41.110Z","relatedLinks":[]},{"title":"timdp/es6-promise-pool","url":"https://github.com/timdp/es6-promise-pool","content":"Promise.allのように並列に処理を行うが、一度に何個づつやるかを決めて処理できるPromiseの補助ライブラリ","tags":["JavaScript","Promises","library"],"date":"2015-06-29T09:46:34.289Z","relatedLinks":[]},{"title":"wavesurfer.js","url":"http://www.wavesurfer.fm/","content":"Web Audioの波形をCanvasで描画してくれるライブラリ","tags":["web","audio","canvas","library"],"date":"2015-06-29T10:19:49.150Z","relatedLinks":[]},{"title":"Building Backbone apps using Flux — Medium","url":"https://medium.com/@victordoss/building-backbone-apps-using-flux-f656fd8a873a","content":"BackboneでFlux的なデータの流れにするためにModeをラップしてDispatcherを入れるライブラリについて","tags":["JavaScript","backbone.js","Flux","library"],"date":"2015-06-29T10:29:27.750Z","relatedLinks":[]},{"title":"A Guide to React.js Tools and Libraries | Toptal","url":"http://www.toptal.com/react/navigating-the-react-ecosystem","content":"Reactで見るJavaScriptのエコシステム、ツール、ES6やTranspilerなどについて。\nまたFluxの実装ライブラリとして[Alt](https://github.com/goatslacker/alt)の紹介やReactの関連ライブラリについてなど幅広く書かれてる","tags":["React","JavaScript","ECMAScript"],"date":"2015-06-29T13:08:35.067Z","relatedLinks":[]},{"title":"React 0.13 日本語リファレンス | js STUDIO","url":"http://js.studio-kingdom.com/react","content":"Reactリファレンスの日本語訳","tags":["React","リファレンス","translate"],"date":"2015-06-29T22:49:07.930Z","relatedLinks":[]},{"title":"jsdom/Changelog.md at master · tmpvar/jsdom","url":"https://github.com/tmpvar/jsdom/blob/master/Changelog.md#550","content":"jsdom 5.5.0リリース。\npostMessageのサポート、`cloneNode`と`importNode`の問題を修正など","tags":["JavaScript","DOM","library","ReleaseNote"],"date":"2015-06-30T07:04:26.562Z","relatedLinks":[]},{"title":"flow/Changelog.md at master · facebook/flow","url":"https://github.com/facebook/flow/blob/master/Changelog.md#v0131","content":"Flow v0.13.1リリース。\n`fiow ast`でESTree ASTを出力するように。class式、binary/octal integer literalのサポートなど","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-06-30T10:22:16.549Z","relatedLinks":[]},{"title":"The State of JS Build Tools 2015","url":"http://www.walkercoderanger.com/blog/2015/06/state-of-js-build-tools-2015/","content":"JavaScriptのビルドツールであるGrunt、Gulp、Broccoli、Brunchについて。\nそれぞれの簡単な紹介と何を基準にこれらのツールを選ぶのかという話","tags":["JavaScript","Tools","まとめ"],"date":"2015-06-30T13:00:55.168Z","relatedLinks":[]},{"title":"JavaScript - Web Audioの新しいAPIについてざっくり解説 - Qiita","url":"http://qiita.com/mohayonao/items/ace81c01892321702687","content":"新しく増えたWeb Audio APIとそのpolyfillについて","tags":["web","audio","library"],"date":"2015-06-30T13:23:42.430Z","relatedLinks":[{"title":"mohayonao/web-audio-api-shim","url":"https://github.com/mohayonao/web-audio-api-shim/"}]},{"title":"Front End TV - Screencast tutorials for web developers.","url":"http://www.frontend.tv/","content":"JavaScriptyやCSSや関連するツールなどについて5分程度のスクリーンキャストをやっているサイト","tags":["JavaScript","CSS","video"],"date":"2015-06-30T13:35:30.396Z","relatedLinks":[]},{"title":"arkency/reactjs_koans","url":"https://github.com/arkency/reactjs_koans","content":"Reactを学ぶの問題集","tags":["React","tutorial"],"date":"2015-07-01T02:42:02.753Z","relatedLinks":[]},{"title":"esprima/ChangeLog at 2.4.1 · jquery/esprima","url":"https://github.com/jquery/esprima/blob/2.4.1/ChangeLog","content":"esprima 2.4.0リリース。\nfor-of、spread elementのサポート","tags":["JavaScript","AST","library","ReleaseNote"],"date":"2015-07-02T01:34:57.276Z","relatedLinks":[]},{"title":"React: Up & Running - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920042266.do","content":"2015年12月発売\nReactについての書籍","tags":["React","book"],"date":"2015-07-02T12:41:33.666Z","relatedLinks":[]},{"title":"Learning WebRTC - O'Reilly Media","url":"http://shop.oreilly.com/product/9781783983667.do","content":"WebRTCについての書籍","tags":["WebRTC","book"],"date":"2015-07-02T13:56:53.457Z","relatedLinks":[]},{"title":"Amazon.com: Test-driven JavaScript Development eBook: Ravi Kumar Gupta, Harmeet Singh, Hetal Prajapati: Kindle Store","url":"http://www.amazon.com/Test-driven-JavaScript-Development-Kumar-Gupta-ebook/dp/B010T266P6","content":"2016年1月5日発売\nJavaScriptのTDD本","tags":["JavaScript","testing","book"],"date":"2015-07-03T08:25:08.614Z","relatedLinks":[]},{"title":"Safe JavaScript Templating","url":"http://yahoo.github.io/secure-handlebars/","content":"Yahoo!製のAutomatic Contextual Escapingを持ったHandlebars互換のテンプレーエンジン。\n","tags":["JavaScript","template","library","セキュリティ"],"date":"2015-07-03T09:12:59.644Z","relatedLinks":[{"title":"Frontend Security: Applying Contextual Escaping Automatically, or How…","url":"http://www.slideshare.net/adonatwork/automatic-contextual-escaping-made-easy"},{"title":"yahoo/xss-filters","url":"https://github.com/yahoo/xss-filters"}]},{"title":"Firefox — Notes (39.0) — Mozilla","url":"https://www.mozilla.org/en-US/firefox/39.0/releasenotes/","content":"Firefox 39リリース。\nFetch APIがデフォルトで有効に、CSS Scroll Snap Pointsのサポート、ES6仕様への準拠など","tags":["firefox","ReleaseNote"],"date":"2015-07-04T05:17:30.974Z","relatedLinks":[{"title":"Firefox 39 サイト互換性情報 - Mozilla | MDN","url":"https://developer.mozilla.org/ja/Firefox/Releases/39/Site_Compatibility"},{"title":"Firefox 39 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/ja/Firefox/Releases/39"}]},{"title":"React v0.14 Beta 1 | React","url":"https://facebook.github.io/react/blog/2015/07/03/react-v0.14-beta-1.html","content":"React v0.14 Beta 1リリース。\nreactとreact-domにパッケージが分かれた。refsがDOM nodeそのものを指すようになるなど。\nまた移行用の変換ツールとしてreact-codemodが公開された","tags":["React","ReleaseNote"],"date":"2015-07-04T05:32:27.800Z","relatedLinks":[{"title":"react-codemod","url":"https://www.npmjs.com/package/react-codemod"}]},{"title":"Paul Kinlan on Twitter: \"Created @ChromiumDev slack. A place for web devs to talk dev and chrome Join ☞ https://t.co/RAr4iTzesM Login ☞ https://t.co/8xLiIpC0F8\"","url":"https://twitter.com/Paul_Kinlan/status/598494432321773569","content":"ChromiunのSlackが公開された。\n開発者とのコミュニケーションや情報共有向け","tags":["Chrome","community"],"date":"2015-07-04T05:41:14.020Z","relatedLinks":[]},{"title":"Mozilla Games Technology Roadmap | Future Releases","url":"https://blog.mozilla.org/futurereleases/2015/07/02/mozilla-games-technology-roadmap/","content":"ウェブでプラグインフリーなゲームを実現するのに関連するIssueやロードマップ by Mozilla","tags":["Mozilla","firefox","future"],"date":"2015-07-04T05:46:53.755Z","relatedLinks":[]},{"title":"Aerotwist - React + Performance = ?","url":"https://aerotwist.com/blog/react-plus-performance-equals-what/","content":"DOMは遅くてReactのVirtual DOMは早いと言われることがあるけどそれは本当なのか。\n写真を追加するサンプルをVanillaとReactで比較してみた結果から分かった事について","tags":["React","DOM","performance"],"date":"2015-07-04T06:07:25.626Z","relatedLinks":[]},{"title":"The W3C Mobile Checker","url":"https://validator.w3.org/mobile-alpha/","content":"W3Cによるモバイルフレンドリーかをチェックするツール。\nURLを入れると問題点と解決方法を提示してくれる","tags":["W3C","mobile","Tools"],"date":"2015-07-04T08:31:51.704Z","relatedLinks":[]},{"title":"Breakouts","url":"http://www.jsbreakouts.org/","content":"JavaScriptゲームエンジン版のTodoMVC。\n同じゲームを色々なゲームエンジンで実装したものを比較出来る","tags":["JavaScript","game","library","まとめ"],"date":"2015-07-04T09:12:31.684Z","relatedLinks":[]},{"title":"Cycle.js","url":"http://cyclejs.github.io/index.html","content":"Rxを使った一方通行のデータフローとImmutabilityを実現するフレームワーク。_Model-View-Intent_というアーキテクチャを持ち、ユーザからの入力を_Intent_とし_Model_へ通知し、_Model_の変更を監視している_View_が更新される。それぞれの間をRxのObservableで繋ぐ。またViewにはvirtual-domを用いる。","tags":["JavaScript","Rx","library","VirtualDOM"],"date":"2015-07-04T14:06:39.403Z","relatedLinks":[{"title":"Reactive MVC and the Virtual DOM — Futurice","url":"http://futurice.com/blog/reactive-mvc-and-the-virtual-dom"},{"title":"Cyclejs vs mercuryjs · Issue #49 · cyclejs/cycle-core","url":"https://github.com/cyclejs/cycle-core/issues/49"}]},{"title":"Important security upgrades for node.js and io.js — Medium","url":"https://medium.com/@iojs/important-security-upgrades-for-node-js-and-io-js-8ac14ece5852","content":"Node.jsとio.jsにV8起因の脆弱性があったためセキュリティアップデートとしてNode.js v0.12.6、io.js-v2.3.3、io.js-v1.8.3がリリースされた","tags":["node.js","ReleaseNote","セキュリティ"],"date":"2015-07-05T01:24:35.392Z","relatedLinks":[{"title":"Node.js と io.js のCritical Security Issue について","url":"http://blog.iojs.jp/important_security_issue.html"}]},{"title":"Using JSX with TypeScript – Minko Gechev's blog","url":"http://blog.mgechev.com/2015/07/05/using-jsx-react-with-typescript","content":"TypeScriptのmasterに入ったJSXサポートについて\n1.6としてリリース予定のJSXを今試す方法","tags":["TypeScript","React"],"date":"2015-07-06T09:46:49.130Z","relatedLinks":[]},{"title":"Perf audit: Loading performance · Issue #247 · reddit/reddit-mobile","url":"https://github.com/reddit/reddit-mobile/issues/247","content":"paulirishによるredditのモバイルサイトのローディング完了までに45秒かかってる原因について報告してるissue。\nChrome開発者ツール、React Perf、discなどを使って何が原因であるかを見ていく方法について参考になる","tags":["performance","mobile","browser","issue"],"date":"2015-07-06T13:19:46.671Z","relatedLinks":[]},{"title":"How fast are web workers? ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2015/07/how-fast-are-web-workers/","content":"WebWorkerやSharedWorkerの起動コスト、メッセージの転送速度について","tags":["webworker","firefox"],"date":"2015-07-06T13:30:06.467Z","relatedLinks":[]},{"title":"Visual Studio Code ♥ ES6 - Visual Studio Code - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/vscode/archive/2015/07/06/vs-code-es6.aspx","content":"Visual Studio CodeがES6の構文をサポート。`jsconfig.json`という`tsconfig`のサブセットとなる設定ファイルに対応","tags":["editor","JavaScript"],"date":"2015-07-07T15:23:07.920Z","relatedLinks":[]},{"title":"Jam3/math-as-code","url":"https://github.com/Jam3/math-as-code","content":"色々な数学記号や数式をJavaScriptで表現するチートシート","tags":["JavaScript","チートシート"],"date":"2015-07-08T07:35:21.486Z","relatedLinks":[]},{"title":"React on ES6+ · Babel","url":"https://babeljs.io/blog/2015/06/07/react-on-es6-plus","content":"Reactを題材にしたES6やES nextについての機能紹介。\n具体的にES5で書いたものがどう変わるかをReactを例にして解説してる。","tags":["JavaScript","babel","React"],"date":"2015-07-08T13:21:27.635Z","relatedLinks":[]},{"title":"Developer Edition 41: View source in a tab, screenshot elements, HAR files, and more ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2015/07/developer-edition-41-view-source-in-a-tab-screenshot-elements-har-files-and-more/","content":"Firefox 41の開発者ツールで改善された箇所について","tags":["firefox","debug","Tools"],"date":"2015-07-09T01:56:03.318Z","relatedLinks":[{"title":"Developer Edition 41: View source in a tab, screenshot elements, HAR files, and more ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2015/07/developer-edition-41-view-source-in-a-tab-screenshot-elements-har-files-and-more/"}]},{"title":"Introducing Incremental DOM — Google Developers — Medium","url":"https://medium.com/google-developers/introducing-incremental-dom-e98f79ce2c5f","content":"メモリ使用量とテンプレートエンジンでは扱える閉じタグの無い要素などがモチベーションとなってるGoogle製のDOMライブラリ(WIP)。\nVirtual DOMみたいに全体のTree構造を持たないことで余計なオブジェクトを作らないようにして、1passで走査することでメモリ効率を上げている。","tags":["JavaScript","DOM","library","VirtualDOM"],"date":"2015-07-10T07:20:34.434Z","relatedLinks":[{"title":"Incremental DOM ざっと見たやつ","url":"https://gist.github.com/azu/8f1afa948eeb2da3ad00"}]},{"title":"A Formal Commitment to New Language Features","url":"http://jshint.com/blog/new-lang-features/","content":"BabelなどによってES nextの機能を試せるようになったが、JSHintがそれらの新しすぎる構文をサポートするのが難しい理由について。\n\n詳しくは [JSHint: A Formal Commitment to New Language Features - JSer.info](http://jser.info/2015/07/11/jshint-new-lang-features/ \"JSHint: A Formal Commitment to New Language Features - JSer.info\") に書きました。","tags":["JavaScript","ECMAScript","Tools"],"date":"2015-07-11T06:51:03.659Z","relatedLinks":[]},{"title":"canvas - JSでInstagramの画像フィルターを作るまで - Qiita","url":"http://qiita.com/KENJU/items/78c0034d7e93fbe8f95a","content":"Instagram的な画像フィルターをCanvasで行う方法、また処理が重たい問題をWeb Worker内で行うことについて","tags":["JavaScript","canvas"],"date":"2015-07-11T06:52:24.207Z","relatedLinks":[]},{"title":"UI Testing with React Components | Toptal","url":"http://www.toptal.com/react/how-react-components-make-ui-testing-easy","content":"React Componentのテスト方法について","tags":["React","testing"],"date":"2015-07-11T07:37:23.311Z","relatedLinks":[]},{"title":"You Might Not Need Underscore | Reindex","url":"https://www.reindex.io/blog/you-might-not-need-underscore/","content":"underscoreのメソッドと同様の事をES5、ES6でどのように書くことができるかについての比較まとめ","tags":["JavaScript","library","まとめ"],"date":"2015-07-11T12:54:25.995Z","relatedLinks":[]},{"title":"WebGLStudio.js","url":"http://webglstudio.org/","content":"WebGLエディタ","tags":["WebGL","editor"],"date":"2015-07-11T13:30:48.411Z","relatedLinks":[]},{"title":"RReverser/babel-plugin-asm-js","url":"https://github.com/RReverser/babel-plugin-asm-js","content":"asm.jsにコンパイルするBabel plugin","tags":["babel","JavaScript","asm.js","plugin","flowtype"],"date":"2015-07-12T02:15:14.610Z","relatedLinks":[]},{"title":"IjzerenHein/autolayout.js","url":"https://github.com/IjzerenHein/autolayout.js","content":"iOSのAutoLayoutと Visual Format Language的な実装を持つJavaScriptライブラリ","tags":["JavaScript","ios","CSS","library"],"date":"2015-07-12T07:39:06.651Z","relatedLinks":[]},{"title":"▶ \"Процесс стандартизации ECMAScript\", Сергей Рубанов, MoscowJS 23 - YouTube","url":"https://www.youtube.com/watch?v=5HNrQJsv4gU","content":"ECMAScriptを策定するTC39のプロセスについての動画とスライド。\n≈≈≈ という仮の新しい構文を例としてどういうプロセスで策定されるかについて","tags":["ECMAScript","JavaScript","video","slide"],"date":"2015-07-12T22:53:58.854Z","relatedLinks":[{"title":"ES process by Sergey Rubanov","url":"http://slides.com/chicoxyzzy/deck-1#/"}]},{"title":"ES6 Promise Anti-Patterns and Best Practices","url":"http://www.datchley.name/promise-patterns-anti-patterns/","content":"Promiseのアンチパターン集","tags":["JavaScript","Promises"],"date":"2015-07-13T09:44:44.191Z","relatedLinks":[]},{"title":"Javascript Async Control Flow","url":"http://kaye.us/javascript-async-control-flow/","content":"ES nextのasyn/awaitについて。\nまたこれと似た事はtask.jsやcoを使うことで今すぐできるという話","tags":["JavaScript","ECMAScript"],"date":"2015-07-13T12:51:27.412Z","relatedLinks":[]},{"title":"V8 JavaScript Engine","url":"http://v8project.blogspot.com/","content":"V8についてより詳細な情報を載せていく公式ブログ","tags":["Chrome","V8","blog"],"date":"2015-07-13T13:02:30.166Z","relatedLinks":[]},{"title":"Testing JavaScript Modules with Tape","url":"http://ponyfoo.com/articles/testing-javascript-modules-with-tape","content":"tape, proxyquire, sinon.jsを使ったテストについて。\ntapeによるテストの書き方、proxyquireとsinon.jsを使ったモックについて","tags":["JavaScript","testing"],"date":"2015-07-13T13:11:10.168Z","relatedLinks":[]},{"title":"a d3.js design pattern — Medium","url":"https://medium.com/@billautomata/a-d3-js-design-pattern-16a6503dc86f","content":"D3.jsを使って書く際のデザインパターンについての連載","tags":["JavaScript","d3.js","デザインパターン"],"date":"2015-07-13T13:13:51.477Z","relatedLinks":[{"title":"billautomata/d3js_design_patterns","url":"https://github.com/billautomata/d3js_design_patterns"}]},{"title":"jQuery 3.0 and jQuery Compat 3.0 Alpha Versions Released | Official jQuery Blog","url":"http://blog.jquery.com/2015/07/13/jquery-3-0-and-jquery-compat-3-0-alpha-versions-released/","content":"jQuery 3.0αとjQuery Compat 3.0αリリース。\n`.show()`と`.hide()`のパフォーマンス改善、jQuery.DeferredがPromise/A+互換に、非推奨だったjqXHR.success | error | complete、イベントの`.load`/`.unload`/`.error`を削除。\nundocumentなメソッドを外から触れないように変更。\nアニメーションで再度requestAnimationFrameを使うように、カスタムセレクタの改善など","tags":["jQuery","ReleaseNote"],"date":"2015-07-14T01:35:13.289Z","relatedLinks":[{"title":"Issues · jquery/jquery","url":"https://github.com/jquery/jquery/issues?q=is%3Aissue+milestone%3A3.0.0"}]},{"title":"High Performance Mobile Web - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920035060.do","content":"2015年7月発売\nモバイルウェブサイトにおけるパフォーマンスについての書籍","tags":["browser","mobile","book"],"date":"2015-07-14T09:56:54.865Z","relatedLinks":[]},{"title":"An Introduction to Browser Rendering - YouTube","url":"https://www.youtube.com/watch?v=n1cKlKM3jYI","content":"ブラウザのレンダリングフローについてのスクリーンキャスト","tags":["browser","video"],"date":"2015-07-15T08:28:41.833Z","relatedLinks":[]},{"title":"Bringing componentization to the web: An overview of Web Components | Microsoft Edge Dev Blog","url":"http://blogs.windows.com/msedgedev/2015/07/14/bringing-componentization-to-the-web-an-overview-of-web-components/","content":"WebComponentsについての詳しい解説。\n何を目的にしているか、関連するコンポーネント実装の歴史。\nCSSスタイルのisolation、スタイルのスコープ、Global object isolation、iframeには欠けている部分についてなど","tags":["WebComponents","MSEdge","browser"],"date":"2015-07-16T01:22:44.023Z","relatedLinks":[]},{"title":"知らないと損するSassの組み込み関数徹底解剖 | Yuhiisk","url":"http://blog.yuhiisk.com/archive/2015/07/14/sass-built-in-functions.html","content":"Sassの関数まとめ","tags":["Sass","リファレンス"],"date":"2015-07-16T14:05:48.270Z","relatedLinks":[]},{"title":"ESLint 1.0.0-rc-1 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2015/07/eslint-1.0.0-rc-1-released","content":"ESLint 1.0.0-rc-1リリース。\n`--reset`がデフォルトになり、ES6の対応改善、新しいルールの追加など","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-07-16T15:04:53.473Z","relatedLinks":[{"title":"Documentation - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/docs/1.0.0/user-guide/migrating-to-1.0.0"}]},{"title":"node-browserify/changelog.markdown at master · substack/node-browserify","url":"https://github.com/substack/node-browserify/blob/master/changelog.markdown#1100","content":"Browserify 11.0.0リリース。\nブラウザ向けの`stream`として使うreadable-streamをアップデートしStreams3ベースに。\nブラウザ向け`http`モジュールをFetch APIをベースとしたstream-httpへ変更しstreamをサポートできるように","tags":["browserify","ReleaseNote"],"date":"2015-07-17T10:47:54.987Z","relatedLinks":[{"title":"nodejs/readable-stream","url":"https://github.com/nodejs/readable-stream"},{"title":"jhiesey/stream-http","url":"https://github.com/jhiesey/stream-http"}]},{"title":"StrongLoop | An Introduction to JavaScript ES6 Iterators","url":"https://strongloop.com/strongblog/introduction-to-es6-iterators/","content":"ES6 Iteratorについての解説。\nfor-ofとfor-inの違い、Symbol.iteratorを使って定義する方法とそれを利用する方法について","tags":["JavaScript","ECMAScript"],"date":"2015-07-18T01:50:33.580Z","relatedLinks":[]},{"title":"V8 JavaScript Engine: V8 4.5 release","url":"http://v8project.blogspot.com/2015/07/v8-45-release.html","content":"V8 4.5(Chrome 45)リリース。\nArray Function、Array/TypedArrayのメソッド追加、Object.assign、最適化コンパイラのTurboFan、V8 APIの変更など","tags":["JavaScript","V8","ReleaseNote"],"date":"2015-07-18T02:56:44.070Z","relatedLinks":[]},{"title":"How to Debug JavaScript Remotely With Vorlon.js - Tuts+ Code Tutorial","url":"http://code.tutsplus.com/tutorials/how-to-debug-javascript-remotely-with-vorlonjs--cms-24343","content":"Vorlon.jsを使ったJavaScriptのリモートデバッグについて","tags":["JavaScript","debug","tutorial"],"date":"2015-07-18T03:48:02.717Z","relatedLinks":[]},{"title":"nikgraf/belle","url":"https://github.com/nikgraf/belle/","content":"React Componentとして使えるUI集。\n外からJSを経由してコンポーネントに対してスタイルを設定出来るようになっている。","tags":["React","UI","library"],"date":"2015-07-18T04:50:58.891Z","relatedLinks":[]},{"title":"ES6 In Depth: Proxies ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2015/07/es6-in-depth-proxies-and-reflect/","content":"Proxy APIについての解説。\nProxyで扱える14コのhandler、\nProxyの使いどころ、Revocable proxiesについてなど。\n\"オブジェクトはプロパティのコレクションである\"といえるかどうかの話","tags":["JavaScript","ECMAScript"],"date":"2015-07-18T05:53:26.660Z","relatedLinks":[]},{"title":"Amazon: Flexible Boxes in CSS: Free Yourself with Flexbox: Estelle Weyl","url":"http://www.amazon.com/dp/1491930047?tag=amazon0abac-22","content":"2015年12月15日発売\nFlexboxについての書籍","tags":["CSS","book"],"date":"2015-07-18T12:48:12.159Z","relatedLinks":[]},{"title":"DrBoolean/mostly-adequate-guide","url":"https://github.com/DrBoolean/mostly-adequate-guide","content":"JavaScriptでの関数型プログラミングについての無料の書籍","tags":["JavaScript","関数型プログラミング"],"date":"2015-07-18T13:06:06.928Z","relatedLinks":[]},{"title":"Flux in Depth. Store and Network Communication. – Minko Gechev's blog","url":"http://blog.mgechev.com/2015/07/18/flux-in-depth-store-network-communication-services","content":"Fluxからネットワークを含めたデータフローについて。\nStore --> View、View --> Storeまでの流れ、モデルとStateの分離。\nNetwork --> UI、UI --> Networkのパターンについて","tags":["Flux","JavaScript"],"date":"2015-07-20T01:46:12.110Z","relatedLinks":[]},{"title":"ipselon/react-ui-builder","url":"https://github.com/ipselon/react-ui-builder","content":"React ComponentをGUIで配置したり、配置したものからReactのコードを吐き出したりして、GUIでコードを編集、プレビューなど出来るツール。\nツール自体がReactとProxyからできていて面白い","tags":["React","UI","Tools"],"date":"2015-07-20T12:17:40.185Z","relatedLinks":[]},{"title":"Comprehensive Beginner's Guide To ReactJS - AntJanus","url":"http://antjanus.com/blog/web-development-tutorials/front-end-development/comprehensive-beginners-guide-to-reactjs/","content":"AngularJSユーザ向けのReact入門ガイド","tags":["Angular","React"],"date":"2015-07-20T14:45:50.897Z","relatedLinks":[]},{"title":"JavaScript Regular Expressions - O'Reilly Media","url":"http://shop.oreilly.com/product/9781783282258.do","content":"JavaScriptの正規表現についての書籍","tags":["JavaScript","正規表現","book"],"date":"2015-07-21T02:35:03.046Z","relatedLinks":[]},{"title":"Socket.IO — Socket.IO P2P","url":"http://socket.io/blog/socket.io-p2p/#","content":"Socket.IOからWebRTCを利用してP2Pでの通信を行えるように","tags":["p2p","node.js","library"],"date":"2015-07-21T02:50:48.967Z","relatedLinks":[]},{"title":"Announcing TypeScript 1.5 - TypeScript - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/typescript/archive/2015/07/20/announcing-typescript-1-5.aspx","content":"TypeScript 1.5リリース。\nmodulesやdestructuring等ES6の対応改善、tsconfig.jsonによるプロジェクト設定、Decoratorを`--experimentalDecorators`フラグで試験的サポートなど","tags":["TypeScript","ReleaseNote"],"date":"2015-07-21T13:41:02.595Z","relatedLinks":[{"title":"Roadmap · Microsoft/TypeScript Wiki","url":"https://github.com/Microsoft/TypeScript/wiki/Roadmap#15"}]},{"title":"azu/browser-javascript-resource","url":"https://github.com/azu/browser-javascript-resource","content":"IEやFirefoxなどブラウザごとのリリースノートや更新履歴、実装状況、バグレポートの方法などをまとめたもの","tags":["browser","JavaScript","blog","まとめ"],"date":"2015-07-21T13:44:57.792Z","relatedLinks":[{"title":"ブラウザ毎のリリースノートや実装状況はどこを見ればいいかをまとめました | Web Scratch","url":"http://efcl.info/2015/07/21/browser-javascript-resource/"}]},{"title":"Release v0.9.0 · airportyh/testem","url":"https://github.com/airportyh/testem/releases/tag/v0.9.0","content":"testem 0.9.0リリース","tags":["JavaScript","testing","library","ReleaseNote"],"date":"2015-07-21T23:01:30.786Z","relatedLinks":[]},{"title":"ECMAScript 6 Tutorial","url":"http://ccoenraets.github.io/es6-tutorial/index.html","content":"ES6について学ぶチュートリアルサイト。\nそれぞれの機能毎に学ぶ形式になってる。","tags":["ECMAScript","tutorial"],"date":"2015-07-23T04:09:45.890Z","relatedLinks":[]},{"title":"Bringing automated testing to Microsoft Edge through WebDriver | Microsoft Edge Dev Blog","url":"http://blogs.windows.com/msedgedev/2015/07/23/bringing-automated-testing-to-microsoft-edge-through-webdriver/","content":"MSEdgeがWebDriverをサポート。\nMicrosoftWebDriver serverが公開された。","tags":["MSEdge","webdriver"],"date":"2015-07-24T03:15:13.722Z","relatedLinks":[]},{"title":"jdalton/polyfill-guide","url":"https://github.com/jdalton/polyfill-guide","content":"polyfillの書き方のガイド","tags":["JavaScript","library"],"date":"2015-07-24T06:53:29.101Z","relatedLinks":[]},{"title":"schteppe/p2.js","url":"https://github.com/schteppe/p2.js","content":"2D物理エンジンライブラリ","tags":["JavaScript","library"],"date":"2015-07-24T07:09:11.938Z","relatedLinks":[]},{"title":"JavaScript engine for Internet of Things","url":"http://samsung.github.io/jerryscript/","content":"サムスンの組み込み向けJavaScriptエンジン。ファイルサイズが小さめでIoT向け。 iotjs というNode.js的なフレームワークも作ってる。\n\n- JerryScript : V8\n- iotjs : Node.js\n\nのような関係","tags":["JavaScript"],"date":"2015-07-24T08:04:33.808Z","relatedLinks":[{"title":"Platform for Internet of Things with JavaScript","url":"http://samsung.github.io/iotjs/"}]},{"title":"Introduction | Down and Dirty with Chrome Developer Tools","url":"http://blittle.github.io/chrome-dev-tools/","content":"Chrome開発者ツールのそれぞれの機能について解説してる電子書籍。\n実際に動かして確認できるサンプルやGIFでの分かりやすい解説をされてる","tags":["Chrome","debug","Tools","book"],"date":"2015-07-26T13:35:53.817Z","relatedLinks":[]},{"title":"▶ TXJS 2015 Livestream - YouTube","url":"https://www.youtube.com/watch?v=6lEbk7xdlsQ","content":"TXJS 2015の動画","tags":["JavaScript","Conference"],"date":"2015-07-27T02:53:04.895Z","relatedLinks":[{"title":"Texas JavaScript Conference 2015 | TXJS","url":"https://2015.texasjavascript.com/"},{"title":"Texas JavaScript 2015 | Chris Missal's Blog","url":"https://lostechies.com/chrismissal/2015/07/27/texas-javascript-2015/"}]},{"title":"Introducing TypeScript npm nightlies - TypeScript - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/typescript/archive/2015/07/27/introducing-typescript-nightlies.aspx","content":"TypeScriptのnightly buildが公開され\n`npm install -g typescript@next`\nでインストールできるようになった","tags":["TypeScript"],"date":"2015-07-27T23:38:08.647Z","relatedLinks":[]},{"title":"ECMAScript 6 Features - ALPROSYS","url":"http://www.alprosys.com/es6/es6_features_ol.html","content":"ES6の新しい構文についてES3、5ではどのように書くことができたのかを比較しながら見られるチートシート的なスライド","tags":["ECMAScript","チートシート"],"date":"2015-07-28T08:34:41.260Z","relatedLinks":[]},{"title":"Chromium Blog: Chrome 45 Beta: New ES2015 features, service worker improvements, and media controls","url":"http://blog.chromium.org/2015/07/chrome-45-beta-new-es2015-features.html","content":"Chrome 45 Betaリリース。\nArrow FunctionやObject.assignなどのサポート、Subresource Integrityのサポート、SVGアニメーションを行うSMILを非推奨に、ServiceWorkerへpostMessageでメッセージをやりとりできるようになるなど","tags":["Chrome","ReleaseNote"],"date":"2015-07-28T08:41:59.304Z","relatedLinks":[{"title":"Subresource Integrity Sample","url":"https://googlechrome.github.io/samples/subresource-integrity/index.html"}]},{"title":"channikhabra/yarr","url":"https://github.com/channikhabra/yarr","content":"クライアントのみで動くRSSリーダーを題材としたJavaScriptアプリのチュートリアル。\nBabel、dexie、jQuery、Rx、virtual-domで作られている。\nまた、どういう手順で作成するのかというのをGit tagでバージョン毎に見られるようにして、それぞれのバージョン毎に解説が書かれている。","tags":["JavaScript","rss","tutorial"],"date":"2015-07-28T08:46:12.656Z","relatedLinks":[]},{"title":"Release 1.0.0 - 2015.07.22 · zloirock/core-js · GitHub","url":"https://github.com/zloirock/core-js/releases/tag/v1.0.0","content":"Babelにも同梱されてるES5、ES6、ES.nextのpolyfillであるcore-js 1.0.0リリース。","tags":["JavaScript","library"],"date":"2015-07-28T12:54:40.005Z","relatedLinks":[{"title":"Polyfill · Babel","url":"https://babeljs.io/docs/usage/polyfill/"}]},{"title":"Chrome Tech Talk Night #8 レポート | 株式会社サイバーエージェント","url":"https://www.cyberagent.co.jp/techinfo_detail/id=10782","content":"Chrome Tech Talk Night #8の動画とスライドまとめ","tags":["Chrome","video","Conference"],"date":"2015-07-28T13:15:01.292Z","relatedLinks":[{"title":"Chrome Tech Talk Night #8 - connpass","url":"http://connpass.com/event/17312/"}]},{"title":"s-a/iron-node","url":"https://github.com/s-a/iron-node","content":"Node.js向けのJavaScriptデバッガ。\nChrome開発者ツールを使ってNode.jsを使ってデバッグ出来るツール","tags":["JavaScript","node.js","debug","Tools"],"date":"2015-07-28T13:28:25.401Z","relatedLinks":[]},{"title":"Building Plugins for React Apps","url":"https://nylas.com/blog/react-plugins","content":"React Componentを独立性を保つにはどうするかという話\nStore同士に複雑な依存があると大変なので中央で管理するOmniStoreという概念の導入、Componentがただのデータであることを利用したDIする仕組み、Componentの独立性を確保するパターンについて等","tags":["React","Flux","tutorial"],"date":"2015-07-28T13:47:26.283Z","relatedLinks":[]},{"title":"horsey","url":"http://bevacqua.github.io/horsey/","content":"テキスト入力時に候補データからサジェストするUIライブラリ","tags":["JavaScript","UI","library"],"date":"2015-07-28T13:54:28.501Z","relatedLinks":[]},{"title":"New regular expression features in ECMAScript 6","url":"http://www.2ality.com/2015/07/regexp-es6.html","content":"ES6で追加された正規表現の要素について。\nsticky flag、Unicode flag、`\\u{...}`によるEscape sequencesについて","tags":["JavaScript","ECMAScript","正規表現"],"date":"2015-07-30T09:13:23.160Z","relatedLinks":[]},{"title":"Flux inside Web Workers — Medium","url":"https://medium.com/@nsisodiya/flux-inside-web-workers-cc51fb463882","content":"DOM lessな実装をしてればWeb Workerでも動かせる。\nFluxをベースにStore->View、View->ActionをpostMessageでやりとりすることで、View以外をWeb Worker上で処理できるという話","tags":["JavaScript","Flux","DOM"],"date":"2015-07-30T09:34:50.456Z","relatedLinks":[]},{"title":"Flow | Version 0.14.0","url":"http://flowtype.org/blog/2015/07/29/Version-0.14.0.html","content":"Flow 0.14.0リリース。\n型指定してないパラメータを`any`と扱うように、Flowコメント構文をブロックコメント内で使えるようになるなど","tags":["flowtype","ReleaseNote"],"date":"2015-07-30T13:34:54.476Z","relatedLinks":[]},{"title":"Release 2.0.0 · jscs-dev/node-jscs","url":"https://github.com/jscs-dev/node-jscs/releases/tag/v2.0.0","content":"JavaScriptスタイルチェックツールjscs 2.0.0リリース。\nES.nextをサポートする`--esnext`フラグの追加、CSTを実装しAutofixingに利用するように、ES6に対応したルールの追加、コメントによるルールの無効化のサポートなど","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-07-30T15:47:29.902Z","relatedLinks":[{"title":"mdevils/cst","url":"https://github.com/mdevils/cst"}]},{"title":"Front-End Architecture - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920040156.do","content":"2015年12月発売\nCSSプリプロセス、開発ワークフローツール、JavaScriptのライブラリなどフロントエンドについての書籍","tags":["JavaScript","CSS","book"],"date":"2015-07-31T06:13:45.200Z","relatedLinks":[]},{"title":"Release 1.0.0 - 2015.07.22 · zloirock/core-js","url":"https://github.com/zloirock/core-js/releases/tag/v1.0.0","content":"Babelでも使われているES5、ES6、ES.nextのpolyfillであるcore-js 1.0.0リリース。","tags":["JavaScript","library"],"date":"2015-07-27T23:42:42.284Z","relatedLinks":[]},{"title":"Mithril","url":"http://mithril-ja.js.org/","content":"Mithrilの日本語訳ページ","tags":["JavaScript","library","translate"],"date":"2015-07-31T23:27:29.821Z","relatedLinks":[]},{"title":"ESLint 1.0.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2015/07/eslint-1.0.0-released","content":"ESLint 1.0.0リリース。\nES6の対応改善、`--reset`がデフォルトに","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-08-01T05:25:13.608Z","relatedLinks":[{"title":"ESLint 1.0.0新ルールまとめ - Qiita","url":"http://qiita.com/armorik83/items/228b97bee25aa33c9850"}]},{"title":"Learning RiotJS - Video Tutorial Playlist @eggheadio","url":"https://egghead.io/playlists/learning-riotjs","content":"Riot.JSについてのスクリーンキャストシリーズ","tags":["JavaScript","tutorial","video","library"],"date":"2015-08-02T02:53:17.180Z","relatedLinks":[]},{"title":"| Intern 3 is here! | Blog | SitePen","url":"https://www.sitepen.com/blog/2015/07/30/intern-3-is-here/","content":"JavaScriptテストフレームワークのIntern 3リリース。\nIE8のサポート終了、ES6の対応改善、d.tsを追加、QUnit互換のサポートなど\n","tags":["JavaScript","testing","ReleaseNote"],"date":"2015-08-02T03:19:41.748Z","relatedLinks":[{"title":"Release 3.0.0 · theintern/intern","url":"https://github.com/theintern/intern/releases/3.0.0"}]},{"title":"Isomorphic Architecture を実装してるときの細かいアレコレ ::ハブろぐ","url":"http://havelog.ayumusato.com/develop/javascript/e682-universal_architecture_tips.html","content":"シングルページアプリケーションとサーバサイドレンダリングを扱う際に起こる問題と解決策について。\n設定の共有をするか、UAの評価、React Componentの`<head>`への適応方法、ライフサイクルの管理などについて","tags":["isomorphic","JavaScript"],"date":"2015-08-02T05:05:13.074Z","relatedLinks":[]},{"title":"Non-blocking Asynchronous JSON.parse Using The Fetch API","url":"http://azimi.me/2015/07/30/non-blocking-async-json-parse.html","content":"Fetch APIで提供されてる`Response`オブジェクトを使い`(new Response(string)).json()`を非同期JSON.parseとして利用する方法について","tags":["JavaScript","JSON"],"date":"2015-08-02T05:37:25.506Z","relatedLinks":[]},{"title":"WebRTCセキュリティレポート · A Study of WebRTC Security","url":"http://webrtc-security.github.io/report_ja/","content":"WebRTCのセキュリティについての文章。\nWebRTCがどういう仕組みで動いているのか、信頼性が何をベースとして構築されているか、暗号のメカニズム、安全に扱う方法についてなど","tags":["JavaScript","WebRTC","セキュリティ"],"date":"2015-08-02T13:00:35.295Z","relatedLinks":[{"title":"WebRTC入門+最新動向","url":"http://www.slideshare.net/rotsuya/intro-webrtcppt"}]},{"title":"Linting JavaScript in 2015","url":"http://blog.lauritz.me/linting-javascript-in-2015/","content":"ESLintを使ってJavaScriptのコードをLintする方法についての紹介","tags":["JavaScript","Tools"],"date":"2015-08-02T15:13:48.440Z","relatedLinks":[]},{"title":"Release 2.5.0 · jquery/esprima","url":"https://github.com/jquery/esprima/releases/tag/2.5.0","content":"esprima 2.5.0リリース。\nES6の全ての機能をパースできるように","tags":["JavaScript","AST","library","ReleaseNote"],"date":"2015-08-03T07:59:32.167Z","relatedLinks":[{"title":"esprima/ChangeLog at 2.5.0 · jquery/esprima","url":"https://github.com/jquery/esprima/blob/2.5.0/ChangeLog"},{"title":"ES6 Main Tracking Issue · Issue #1099 · jquery/esprima","url":"https://github.com/jquery/esprima/issues/1099"},{"title":"Esprima Meeting Agenda - Google ドキュメント","url":"https://docs.google.com/document/d/1l02VT94tdphwUUZfPJorRYOY0Q_v41R_TyYhKayiP9M/edit"}]},{"title":"O'Reilly Japan - Mithril","url":"http://www.oreilly.co.jp/books/9784873117447/","content":"Mithrilについての電子書籍","tags":["JavaScript","library","book"],"date":"2015-08-03T13:43:27.654Z","relatedLinks":[{"title":"Mithril","url":"http://mithril.js.org/"}]},{"title":"Web Components Weekly","url":"http://webcomponentsweekly.me/","content":"WebComponentsについてのWeeklyメールマガジン","tags":["WebComponents","mail"],"date":"2015-08-03T22:05:07.770Z","relatedLinks":[]},{"title":"brenolf/polyjuice","url":"https://github.com/brenolf/polyjuice","content":"JSHintの設定ファイルをESLintの設定ファイルに変換するツール","tags":["JavaScript","Tools"],"date":"2015-08-04T03:30:37.133Z","relatedLinks":[]},{"title":"Release RxJS Version 3.0 · Reactive-Extensions/RxJS","url":"https://github.com/Reactive-Extensions/RxJS/releases/tag/v3.0.0","content":"RxJS 3.0リリース。\nCoreパッケージとLiteパッケージへの追加。\n`Rx.Observable.fromEvent`/`Rx.Observable.spawn`/`Rx.Observable.prototype.scan`の引数の破壊的な変更など","tags":["JavaScript","Rx","ReleaseNote"],"date":"2015-08-04T03:56:21.186Z","relatedLinks":[]},{"title":"io.js/CHANGELOG.md at master · nodejs/io.js","url":"https://github.com/nodejs/io.js/blob/master/CHANGELOG.md#2015-08-04-version-300-rvagg","content":"io.js 3.0.0リリース。\nV8のアップデートによりES6のサポート改善、`Buffer.concat`の挙動変更などいくつか非互換の変更も含まれる","tags":["node.js","ReleaseNote"],"date":"2015-08-05T12:49:51.551Z","relatedLinks":[{"title":"Breaking Changes · nodejs/io.js Wiki","url":"https://github.com/nodejs/io.js/wiki/Breaking-Changes#300-from-2x"},{"title":"io.js v3.0.0 がリリースされました。 - from scratch","url":"http://yosuke-furukawa.hatenablog.com/entry/2015/08/07/002535"}]},{"title":"Dev.Opera — Opera 31 released","url":"https://dev.opera.com/blog/opera-31/","content":"Opera 31 (based on Chromium 44)リリース。\n`document.scrollingElement`、ES6 computed property names、Unicode code point escapesのサポートなど","tags":["Opera","ReleaseNote"],"date":"2015-08-05T13:57:54.008Z","relatedLinks":[]},{"title":"morishitter/cssfmt · GitHub","url":"https://github.com/morishitter/cssfmt","content":"CSS整形ツール","tags":["CSS","Tools"],"date":"2015-08-05T14:29:06.896Z","relatedLinks":[]},{"title":"TypeScript Deep Dive","url":"http://basarat.gitbooks.io/typescript/","content":"atom-typescriptのbasaratさんによるTypeScriptについての書籍","tags":["TypeScript","book"],"date":"2015-08-06T06:04:47.402Z","relatedLinks":[]},{"title":"オープンソースソフトウェアへの取り組み： 技術コラム・特集： React.jsでOSS Rader Scopeを再実装する： 第1回 はじめに （1/1） ｜ SCSK株式会社","url":"http://www.scsk.jp/product/oss/tec_guide/reactjs/1_column1_1.html","content":"ウェブアプリをReactを使って作る話。\nReactの使い方、コンポーネント、Fluxアーキテクチャの解説、Nashornでのサーバサイドレンダリングなどよくまとまってる","tags":["React","SVG","tutorial"],"date":"2015-08-08T03:54:49.584Z","relatedLinks":[]},{"title":"jsdom/Changelog.md at 6.0.0 · tmpvar/jsdom","url":"https://github.com/tmpvar/jsdom/blob/6.0.0/Changelog.md","content":"jsdom 6.0.0リリース。\nio.js 2.0以上が必要に、パフォーマンスの改善、`window.onerror`が動くように、`URL`オブジェクトのサポートなど","tags":["DOM","JavaScript","library","ReleaseNote"],"date":"2015-08-08T05:57:23.568Z","relatedLinks":[]},{"title":"ESLint 1.1.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2015/08/eslint-1.1.0-released","content":"ESLint 1.1.0リリース。\ngrep-styleのformatterの追加","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-08-08T06:29:23.766Z","relatedLinks":[]},{"title":"ES6 In Depth: Subclassing ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2015/08/es6-in-depth-subclassing/","content":"ES6 classesのサブクラスについて。\nサブクラスの使い方、`super`、ビルトインクラスのサブクラス、継承したクラスのConstructorの書き方、`new.target`について","tags":["JavaScript","ECMAScript"],"date":"2015-08-08T07:31:50.688Z","relatedLinks":[]},{"title":"ECMAScript decorators on functions","url":"https://rreverser.com/ecmascript-decorators-and-functions/","content":"ES.nextで提案されているDecoratorの仕組みとユースケースについて","tags":["JavaScript","ECMAScript"],"date":"2015-08-09T14:39:32.648Z","relatedLinks":[]},{"title":"Edge と IE:まるっと理解する、Windows 10 搭載に搭載される Web ブラウザーについて - monoe's blog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/osamum/archive/2015/08/07/about-windows-10-s-new-web-browsers.aspx","content":"IEとMSEdgeについて。\nMSEdgeではどのような部分が変わるのか、実装されているAPI、フィードバック方法などがまとめられている","tags":["IE","MSEdge"],"date":"2015-08-10T09:28:42.169Z","relatedLinks":[]},{"title":"Getting started with ECMAScript 6","url":"http://www.2ality.com/2015/08/getting-started-es6.html","content":"BabelをREPLとして使い、ES5で書いてたものをES6の機能を書きながらES6について学んで行くチュートリアル","tags":["JavaScript","ECMAScript","tutorial"],"date":"2015-08-10T12:29:40.316Z","relatedLinks":[]},{"title":"The JavaScript Looping Evolution -Telerik Developer Network","url":"http://developer.telerik.com/featured/the-javascript-looping-evolution/","content":"JavaScriptのループ周りの処理の変遷とES6でのループ処理について。\nforループ、for-in、forEachなどのArrayメソッドによるループ、ES6のiterableとiteratorを使った書き方などについての話","tags":["JavaScript","ECMAScript"],"date":"2015-08-10T12:43:54.048Z","relatedLinks":[]},{"title":"h2non/toxy","url":"https://github.com/h2non/toxy","content":"サーバからレスポンスの色々なネットワーク問題をシミュレート出来るProxyライブラリ","tags":["JavaScript","node.js","proxy","library"],"date":"2015-08-10T13:17:22.610Z","relatedLinks":[]},{"title":"dbashford/textract","url":"https://github.com/dbashford/textract","content":"PDFやdoc、画像のOCRなど様々なフォーマットからテキストを取り出す事が出来るライブラリ","tags":["JavaScript","library","node.js"],"date":"2015-08-10T13:20:22.756Z","relatedLinks":[]},{"title":"Relay | A JavaScript framework for building data-driven React applications","url":"https://facebook.github.io/relay/","content":"GraphQLを使ったデータのやりとりをするフレームワーク。\nRelay.QLなどES6 template literalが前提になった作りになっていて面白い。","tags":["React","JavaScript","library","facebook"],"date":"2015-08-12T03:00:12.960Z","relatedLinks":[{"title":"Relay Technical Preview | React","url":"https://facebook.github.io/react/blog/2015/08/11/relay-technical-preview.html"}]},{"title":"Perf.Rocks","url":"http://perf.rocks/","content":"ウェブパフォーマンスについての記事やツール、人、スライド、動画、書籍などについてのまとめ","tags":["performance","まとめ"],"date":"2015-08-12T12:43:07.176Z","relatedLinks":[]},{"title":"mdast - markdown processor powered by plug-ins","url":"http://mdast.js.org/","content":"Markdownパーサであるmdastのサイト。\nプラグインを使ってMarkdownからHTMLへの変換、Lintなど様々なことができる","tags":["Markdown","JavaScript","library"],"date":"2015-08-13T02:17:21.856Z","relatedLinks":[]},{"title":"es6-coding-style/es6-coding-style-en.md at master · gf-web/es6-coding-style","url":"https://github.com/gf-web/es6-coding-style/blob/master/es6-coding-style-en.md","content":"ES6コーディングスタイルガイド。\nDestructuringの使いすぎへの注意、ES5での書き方をES6の機能でキレイに書けるケースについて比較、moduleの`*`や`as`について書かれている。","tags":["JavaScript","ECMAScript"],"date":"2015-08-13T02:28:13.936Z","relatedLinks":[]},{"title":"Designing for Performance by Lara Callender Hogan","url":"http://designingforperformance.com/","content":"ブラウザのパフォーマンスについての書籍。","tags":["performance","book"],"date":"2015-08-13T09:39:05.222Z","relatedLinks":[]},{"title":"4.0 is the new 1.0 — Node & JavaScript — Medium","url":"https://medium.com/node-js-javascript/4-0-is-the-new-1-0-386597a3436d","content":"Node.js 4.0がio.jsとのマージが完了したバージョンとしてリリースされる予定。\n","tags":["node.js","ReleaseNote","歴史"],"date":"2015-08-14T06:31:15.039Z","relatedLinks":[]},{"title":"フロントエンドMVCとFlux // Speaker Deck","url":"https://speakerdeck.com/sangotaro/hurontoendomvctoflux","content":"Fluxとはどういうものなのかについてのスライド。\nMVCと何が違って何が違わないのかがわかりやすく書かれている。","tags":["Flux","slide"],"date":"2015-08-14T08:32:47.197Z","relatedLinks":[]},{"title":"1.1 Release","url":"http://blog.polymer-project.org/announcements/2015/08/13/1.1-release/","content":"Polymer 1.1リリース。\nコンポーネントとグローバルスコープでStyleを共有する仕組みの追加など","tags":["WebComponents","library","ReleaseNote"],"date":"2015-08-14T15:23:33.960Z","relatedLinks":[{"title":"Polymer 1.1 リリース - Qiita","url":"http://qiita.com/laco0416/items/51a3f7863602c1d35e8a"}]},{"title":"Release v1.0.0 · rackt/redux","url":"https://github.com/rackt/redux/releases/tag/v1.0.0","content":"Redux 1.0.0リリース。\nStateを管理するコンテナを提供することでFluxのActionCreatorとStoreにあたるものをただの関数として書けるようにし、単方向データの流れを行うライブラリ。","tags":["JavaScript","Flux","library","ReleaseNote"],"date":"2015-08-15T04:12:11.747Z","relatedLinks":[]},{"title":"patrick-steele-idem/morphdom","url":"https://github.com/patrick-steele-idem/morphdom","content":"Virutal DOMではなくDOMを使ってdiff/patchをしてDOM Nodeを置き換えるライブラリ。\n`virtual-dom`と比較したベンチマークも書かれている。","tags":["DOM","library"],"date":"2015-08-15T05:46:57.392Z","relatedLinks":[]},{"title":"jamesshore/quixote","url":"https://github.com/jamesshore/quixote","content":"mochaなどと組み合わせて使えるCSSのユニットテスト向けのassertionライブラリ","tags":["CSS","JavaScript","testing"],"date":"2015-08-15T11:08:00.508Z","relatedLinks":[]},{"title":"scottcorgan/immu","url":"https://github.com/scottcorgan/immu","content":"Immutable Objectを扱うライブラリ。\nObject.definePropertyやObject.freezeを使ってArrayやObjectの変更を防止したオブジェクトを作成する","tags":["JavaScript","library"],"date":"2015-08-15T16:50:28.637Z","relatedLinks":[]},{"title":"Browserify dependencies in depth! | TEJI TECH BLOG","url":"http://www.tejitak.com/blog/?p=1468","content":"Browserifyでの依存関係の解決パターンについて。\n依存するモジュールのバージョンが複数ある場合の問題についての色々なアプローチ","tags":["browserify"],"date":"2015-08-16T14:59:17.731Z","relatedLinks":[]},{"title":"ES6 In Depth: Modules ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2015/08/es6-in-depth-modules/","content":"ES6 modulesのimport/exportの多様な構文のそれぞれの動作についての解説。\nModuleの仕様を分解してみた時にLoadingについてはECMAScriptでは未定義であること、構文的にstaticであることなどについて書かれている","tags":["JavaScript","ECMAScript"],"date":"2015-08-17T10:53:25.304Z","relatedLinks":[]},{"title":"flux-utilsについて","url":"https://gist.github.com/azu/e0274b703ef97226b0db","content":"Facebookのfluxモジュールに追加されたutilsについて。\n今まではDispatcherのみだったがStoreやReact Componentと連携するためのContainerなどが提供されたことについて","tags":["Flux","JavaScript"],"date":"2015-08-17T11:07:37.957Z","relatedLinks":[]},{"title":"MozillaZine.jp » Blog Archive » Firefox 40 がリリースされた","url":"http://mozillazine.jp/?p=4868","content":"Firefox 40リリース。\n`return`に書かれた到達できないコードへの警告がコンソールへ出るように開発者ツールの改善、Web Audio APIの仕様追従、Web Animations APIの仕様追従など","tags":["firefox","ReleaseNote"],"date":"2015-08-17T11:14:55.975Z","relatedLinks":[{"title":"Firefox 40 サイト互換性情報 - Mozilla | MDN","url":"https://developer.mozilla.org/ja/Firefox/Releases/40/Site_Compatibility"},{"title":"Firefox 40 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/ja/Firefox/Releases/40"}]},{"title":"Windows 10 virtual machines now available on Microsoft Edge Dev | Microsoft Edge Dev Blog","url":"http://blogs.windows.com/msedgedev/2015/08/17/windows-10-virtual-machines-now-available-on-microsoft-edge-dev/","content":"MSEdgeが使えるWindows 10のVirtual machine(VM)が公開された","tags":["MS","MSEdge","仮想化"],"date":"2015-08-18T07:59:02.196Z","relatedLinks":[]},{"title":"Falcor: One Model Everywhere","url":"http://netflix.github.io/falcor/","content":"Netflixのモデル + data fetchライブラリ。\nJSON Graphでデータを一つのドメインモデルとして表現して、そのモデルを元にサーバはルーティング、クライアントはデータの取得を行える。\nまたクライアントではキャッシュの設定が行える","tags":["JavaScript","library"],"date":"2015-08-18T00:41:53.991Z","relatedLinks":[{"title":"The Netflix Tech Blog: Netflix Releases Falcor Developer Preview","url":"http://techblog.netflix.com/2015/08/falcor-developer-preview.html"},{"title":"▶ Netflix JavaScript Talks - Falcor - YouTube","url":"https://www.youtube.com/watch?v=z8UgDZ4rXBU"}]},{"title":"JavaScript Domain-Driven Design | PACKT Books","url":"https://www.packtpub.com/web-development/javascript-domain-driven-design","content":"JavaScriptでのDDDについての書籍","tags":["JavaScript","book"],"date":"2015-08-18T09:00:54.566Z","relatedLinks":[]},{"title":"Functional programming in JavaScript - YouTube","url":"https://www.youtube.com/playlist?list=PL0zVEGEvSaeEd9hlmCXrk5yUyqUag-n84","content":"関数型JavaScriptについてのスクリーンキャスト","tags":["JavaScript","関数型プログラミング","video"],"date":"2015-08-18T12:40:49.200Z","relatedLinks":[]},{"title":"ESLint 1.2.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2015/08/eslint-1.2.0-released/","content":"ESLint 1.2.0リリース。\n文字列結合をTemplate Stringsを使うようにするルール、コールバックにArrow Functionを優先するルールなどの追加、`commonjs\"のenvironment定義が追加された","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-08-19T02:08:22.513Z","relatedLinks":[]},{"title":"reactjs - ES6版React.jsチュートリアル - Qiita","url":"http://qiita.com/nownabe/items/2d8b92d95186c3941de0","content":"ReactのチュートリアルをES6 classesなどを使って書いた場合にどうなるかについてをチュートリアル形式で書かれている。","tags":["React","ECMAScript","tutorial"],"date":"2015-08-19T02:41:16.914Z","relatedLinks":[{"title":"チュートリアル | React","url":"http://facebook.github.io/react/docs/tutorial-ja-JP.html"}]},{"title":"Release RxJS Version 3.1 · Reactive-Extensions/RxJS","url":"https://github.com/Reactive-Extensions/RxJS/releases/tag/v3.1.0","content":"RxJS 3.1 リリース。\n`resultSelector`がオプショナルに、TypeScript定義ファイルが書き直されるなど","tags":["Rx","JavaScript","library","Electron"],"date":"2015-08-19T08:07:53.615Z","relatedLinks":[]},{"title":"Dev Tips - Developer Tips by Umar Hansa","url":"https://umaar.com/dev-tips/","content":"Chrome開発者ツールのTips集","tags":["Chrome","debug","Tips"],"date":"2015-08-19T14:55:34.824Z","relatedLinks":[]},{"title":"Ginza.rb で Quipper のシングルページアプリケーション開発について発表しました - @kyanny's blog","url":"http://blog.kyanny.me/entry/2015/08/20/014509","content":"Backbone.js/Chaplin/Marionette/React それぞれのシングルページアプリケーション開発における利点や問題点についてのスライド。\nRailsとの共存についてなど","tags":["JavaScript","slide","backbone.js"],"date":"2015-08-20T02:59:03.729Z","relatedLinks":[]},{"title":"Bootstrap 4 alpha · Bootstrap Blog","url":"http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/","content":"Bootstrap 4αリリース。\nLessからSassへの移行、IE8のサポートを終了し`rem`を利用するように、flexboxをオプションで利用できるように、プラグインをES6で書きなおし、リセットスタイルをRebootにまとめるなど","tags":["CSS","library","ReleaseNote"],"date":"2015-08-20T09:49:16.041Z","relatedLinks":[{"title":"Bootstrap 4 alpha · Bootstrap Blog","url":"http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/"}]},{"title":"Release 1.1.0 - 2015.08.17 · zloirock/core-js","url":"https://github.com/zloirock/core-js/releases/tag/v1.1.0","content":"core-js 1.1.0 リリース。\nstring paddingのプロポーサルへの追従、trimLeft/trimRightの追加、Reflect.enumerateはキャッシュされたkeyをiterateするようになるなど","tags":["JavaScript","library","ReleaseNote"],"date":"2015-08-21T00:31:56.149Z","relatedLinks":[{"title":"Question about [[Enumerate]] and property decision timing","url":"https://esdiscuss.org/topic/question-about-enumerate-and-property-decision-timing"}]},{"title":"JavaScript の イテレータ を極める！ - Qiita","url":"http://qiita.com/kura07/items/cf168a7ea20e8c2554c6","content":"Iterator、Iterable、Generatorについてそれぞれが何か、どのように使うかについて書かれている","tags":["JavaScript","ECMAScript"],"date":"2015-08-21T09:09:41.347Z","relatedLinks":[]},{"title":"Effective ES6","url":"http://www.slideshare.net/teppeis/effective-es6","content":"ES6について幅広く紹介してるスライド","tags":["ECMAScript","slide"],"date":"2015-08-21T09:52:01.954Z","relatedLinks":[]},{"title":"PostCSS とは何か // Speaker Deck","url":"https://speakerdeck.com/jmblog/postcss-tohahe-ka","content":"PostCSSについてのスライド。\nPostCSSを使った変換の仕組み、それぞれのプラグインが単機能であるので組み合わせて利用できる。\ncsssnext、PreCSS、cssnanoなどのプラグインパックについて。\nまたSassの代わりに利用することについて","tags":["CSS","Tools","slide"],"date":"2015-08-22T08:25:31.964Z","relatedLinks":[]},{"title":"Release 5.0 “President Valac” · postcss/postcss","url":"https://github.com/postcss/postcss/releases/tag/5.0.0","content":"CSSの変換を扱うPostCSS 5.0リリース。\n`safe`オプションが別プロジェクトへ、\n`parser`や`stringifier`などもオプション化、\nSCSSのパースにも対応するなど","tags":["CSS","library","ReleaseNote"],"date":"2015-08-22T09:03:13.641Z","relatedLinks":[]},{"title":"stylelint","url":"http://stylelint.io/","content":"CSSのLintツール。\nPostCSSのプラグインとしても利用できる。","tags":["CSS","Tools"],"date":"2015-08-22T11:22:30.821Z","relatedLinks":[]},{"title":"どうしてこうなった？ Node.jsとio.jsの分裂と統合の行方。これからどう進化していくのか？ // Speaker Deck","url":"https://speakerdeck.com/yosuke_furukawa/dousitekounatuta-node-dot-jstoio-dot-jsfalsefen-lie-totong-he-falsexing-fang-korekaradoujin-hua-siteikufalseka","content":"Node.jsの歴史、io.jsがでてきた経緯、そしてNode.jsとio.jsが統合された経緯について。\nまたコミュニティにおけるオープンガバナンスモデルについて","tags":["node.js","歴史"],"date":"2015-08-22T11:36:51.544Z","relatedLinks":[]},{"title":"Proper testing of Angular JS applications with ES6 modules — Medium","url":"https://medium.com/@tomastrajan/proper-testing-of-angular-js-applications-with-es6-modules-8cf31113873f","content":"ES6 modulesとAngularJS。\nES6 modulesとして読み込みテストできるようにするためには、どのようにコードを書くかという話","tags":["JavaScript","Angular","testing","library"],"date":"2015-08-24T05:15:36.219Z","relatedLinks":[]},{"title":"Vue.js Tutorial - Vegibit","url":"http://vegibit.com/vue-js-tutorial/","content":"Vue.jsについてのチュートリアル。\n基本的な使い方、Vue.jsのEvent、Filter、Componentsなどについて","tags":["JavaScript","library","tutorial"],"date":"2015-08-24T05:23:14.160Z","relatedLinks":[]},{"title":"Beautiful JavaScript — Medium","url":"https://medium.com/@valueof/beautiful-javascript-8aa69998add0","content":"Beautiful JavaScript リリース。","tags":["JavaScript","book"],"date":"2015-08-24T07:08:05.866Z","relatedLinks":[{"title":"Beautiful JavaScript - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920030706.do"}]},{"title":"Amazon: AngularJS　アプリケーションプログラミング: 山田 祥寛","url":"http://www.amazon.co.jp/dp/4774175684","content":"AngularJSについての書籍","tags":["Angular","book"],"date":"2015-08-24T09:49:58.483Z","relatedLinks":[]},{"title":"はてなブックマーク検索を作りながらFlux Utilsについて学ぶ | Web Scratch","url":"http://efcl.info/2015/08/24/flux-utils/","content":"Flux UtilsとReactを使ってアプリを作りながら、Flux Utilsについて学ぶチュートリアル。\nStoreのstateがImmutableであったり、Containerなどの動作について","tags":["JavaScript","Flux","React","tutorial"],"date":"2015-08-24T12:26:26.750Z","relatedLinks":[]},{"title":"Amazon: Reactive Programming with Rxjs: Untangle Your Asynchronous JavaScript Code: Sergi Mansilla","url":"http://www.amazon.com/dp/1680501291?tag=amazon0abac-22","content":"2016年3月25日発売\nRxJSでのリアクティブプログラミングについての書籍","tags":["JavaScript","Rx","library","book"],"date":"2015-08-24T22:15:33.472Z","relatedLinks":[]},{"title":"jsdom/Changelog.md at 6.2.0 · tmpvar/jsdom","url":"https://github.com/tmpvar/jsdom/blob/6.2.0/Changelog.md","content":"jsdom 6.2.0リリース。\n`Element.prototype.classList`のサポートやバグ修正","tags":["JavaScript","DOM","library","ReleaseNote"],"date":"2015-08-25T06:42:32.265Z","relatedLinks":[]},{"title":"JS.ORG | NEWS","url":"http://news.js.org/","content":"ユーザー投稿のJavaScriptニュースを扱うサイト","tags":["JavaScript","news"],"date":"2015-08-26T23:31:25.920Z","relatedLinks":[]},{"title":"André Staltz - Unidirectional User Interface Architectures","url":"http://staltz.com/unidirectional-user-interface-architectures.html","content":"Flux, Redux, Famous, Elm, Cycle.js それぞれのアーキテクチャについてまとめた記事。\n構成要素、データーフロー、特徴について簡潔にまとめられている","tags":["Flux","JavaScript","設計"],"date":"2015-08-27T01:54:24.365Z","relatedLinks":[]},{"title":"Release v1.0.0: The first stable release (2015-08-26) · power-assert-js/power-assert","url":"https://github.com/power-assert-js/power-assert/releases/tag/v1.0.0","content":"assertが失敗した時に表示する情報量を増やすpower-assert 1.0.0リリース。\n","tags":["JavaScript","testing","ReleaseNote"],"date":"2015-08-27T08:44:46.072Z","relatedLinks":[]},{"title":"SurviveJS - Webpack and React","url":"http://survivejs.com/","content":"WebpackとReactについての書籍","tags":["webpack","React","book"],"date":"2015-08-27T12:35:11.308Z","relatedLinks":[]},{"title":"Using requestIdleCallback — Google Web Updates","url":"https://developers.google.com/web/updates/2015/08/27/using-requestidlecallback","content":"requestIdleCallbackについての解説。\nIdleな期間に非同期でコールバックを呼び出す事ができ、第二引数で一定時間内には必ず呼び出す`timeout`を指定できる","tags":["WebPlatformAPI","JavaScript","Chrome"],"date":"2015-08-28T01:57:35.506Z","relatedLinks":[]},{"title":"Release version 10532 [PC] : Microsoft Edge Dev","url":"http://dev.modern.ie/platform/changelog/10532-pc/","content":"Microsoft Edge 10532リリース。\nPointer Lock、Canvas blending modesのサポート、asm.jsとES6 Classesがデフォルトで有効に。\nまたAsync Function、Destructuringがフラグ付きで導入された","tags":["MSEdge","ReleaseNote"],"date":"2015-08-28T02:21:50.618Z","relatedLinks":[]},{"title":"mattdesl/promise-cookbook","url":"https://github.com/mattdesl/promise-cookbook","content":"Promiseの基本的な使い方、メソッドについて解説したCookbook","tags":["JavaScript","Promises","book"],"date":"2015-08-28T07:28:32.230Z","relatedLinks":[]},{"title":"ESLint v1.3.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2015/08/eslint-v1.3.0-released","content":"ESLint v1.3.0リリース。\n`SourceCode`オブジェクトのAPIを追加、HTMLフォーマッターを追加、ルールの修正など","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-08-29T10:20:32.156Z","relatedLinks":[]},{"title":"V8 JavaScript Engine: V8 Release 4.6","url":"http://v8project.blogspot.com/2015/08/v8-release-46.html","content":"V8 4.6 リリース。\nES6の Spread operator、`new.target`の対応、TypedArrayの改善など","tags":["V8","ReleaseNote"],"date":"2015-08-29T14:14:40.717Z","relatedLinks":[]},{"title":"Izzimach/react-pixi","url":"https://github.com/Izzimach/react-pixi","content":"Reactを使ってPixi.jsのCanvasを操作するライブラリ","tags":["React","canvas","library"],"date":"2015-08-30T10:02:10.629Z","relatedLinks":[]},{"title":"基本の前の基礎知識 - Back to Basics CSS 2015-08-30","url":"http://unformedbuilding.com/slide/back-to-basics-2015-08-30/#/","content":"CSSの仕様の読み方についてのスライド。\n仕様に出てくる構文の読み方や単位についてまとめられている","tags":["CSS","spec","slide"],"date":"2015-08-30T14:38:37.670Z","relatedLinks":[]},{"title":"Release v2.0.0 · rackt/redux","url":"https://github.com/rackt/redux/releases/tag/v2.0.0","content":"Redux 2.0.0リリース。\nHot Reloadingのためだけにあった`getReducer()`を削除、`compose()`の動作を修正するなど","tags":["JavaScript","Flux","library"],"date":"2015-09-01T01:48:39.394Z","relatedLinks":[]},{"title":"mocha/HISTORY.md at master · mochajs/mocha","url":"https://github.com/mochajs/mocha/blob/master/HISTORY.md#230--2015-08-30","content":"Mocha 2.3.0リリース。 テストのエラーが起きた時に自動的にキャッチしないでスルーできる`--allowUncaught`の追加、非同期のテストのみ許可する`--async-only`でのPromiseの動作を修正","tags":["JavaScript","testing","ReleaseNote"],"date":"2015-09-01T06:16:14.136Z","relatedLinks":[{"title":"Added option to allow unhandled exceptions to propagate in the browser by amsul · Pull Request #1659 · mochajs/mocha","url":"https://github.com/mochajs/mocha/pull/1659"}]},{"title":"npm3 ❓ // Speaker Deck","url":"https://speakerdeck.com/watilde/npm3","content":"npm3で追加された機能や変更点などについてのスライド","tags":["npm","slide"],"date":"2015-09-01T13:10:56.057Z","relatedLinks":[]},{"title":"mysticatea/npm-run-all","url":"https://github.com/mysticatea/npm-run-all","content":"npm run-scriptで定義したものの並列実行や逐次実行等の補助を行うコマンドラインツール。\nNodeモジュールとしても利用できる","tags":["npm","console","Tools"],"date":"2015-09-01T15:24:27.942Z","relatedLinks":[{"title":"npm-run-all と concurrently を試す | アカベコマイリ","url":"http://akabeko.me/blog/2015/08/npm-run-all-and-concurrently/"}]},{"title":"Thimble by Mozilla - An online code editor for learners & educators.","url":"https://thimble.mozilla.org/","content":"オンラインでウェブサイトを作れるサービス。\nJSFiddle的なエディタ&プレビューとファイルツリー。\nまた、任意のファイルをアップロードできるのでHTMLで公開するのに便利そう","tags":["Mozilla","webservice","editor"],"date":"2015-09-02T02:10:13.433Z","relatedLinks":[]},{"title":"fizzbuzz","url":"http://ditam.github.io/posts/fizzbuzz.html","content":"JavaScriptで20種類のFizzBuzzの実装","tags":["JavaScript","アルゴリズム"],"date":"2015-09-02T07:06:49.022Z","relatedLinks":[]},{"title":"Chromium Blog: Chrome 46 Beta: Flexible animations and improved loading performance","url":"http://blog.chromium.org/2015/09/chrome-46-beta-flexible-animations-and.html","content":"Chrome 46βリリース。\nCSS Motion Path、HTTP Client Hintsのサポート。\nES6 spread operator、`new.target`、`Event.isTrusted`、`CSS.escape()`の追加、iframeのsandbox改善など","tags":["Chrome","ReleaseNote"],"date":"2015-09-03T02:46:52.418Z","relatedLinks":[{"title":"Future Use: CSS Motion Paths by Dan Wilson on CodePen","url":"http://codepen.io/danwilson/blog/css-motion-paths"},{"title":"igrigorik/http-client-hints","url":"https://github.com/igrigorik/http-client-hints"}]},{"title":"New React Developer Tools | React","url":"https://facebook.github.io/react/blog/2015/09/02/new-react-developer-tools.html","content":"Reactの新しい開発者ツールが公開された。\nFirefoxとChromeに対応している","tags":["React","debug","firefox","Chrome"],"date":"2015-09-03T07:22:23.164Z","relatedLinks":[]},{"title":"Release 1.19.0 · jquery/qunit","url":"https://github.com/jquery/qunit/releases/tag/1.19.0","content":"QUnit 1.19.0リリース。\nES6 MapとSetを対象としたassertのサポート、`QUnit.stack`の実装など","tags":["JavaScript","testing","library","ReleaseNote"],"date":"2015-09-03T08:52:58.433Z","relatedLinks":[]},{"title":"Ember.js - Ember Data v2.0 Released and v2.1 Beta Released","url":"http://emberjs.com/blog/2015/09/02/ember-data-2-0-released.html","content":"Ember Data 2.0リリース。\nEmber 2.0と同じように、1.xで非推奨となったメソッドの削除がメインとなるアップデート","tags":["JavaScript","library","ReleaseNote"],"date":"2015-09-03T08:56:44.517Z","relatedLinks":[]},{"title":"Amazon: JS+Node.jsによるWebクローラー/ネットエージェント開発テクニック: クジラ飛行机","url":"http://www.amazon.co.jp/dp/4883379930","content":"クローラーや自動化などのツールとしてJavaScriptを扱う書籍","tags":["JavaScript","Tools","book"],"date":"2015-09-04T01:23:27.043Z","relatedLinks":[{"title":"Node.jsによるWebクローラー開発テクニック - クジラ机ブログ","url":"http://kujirahand.com/blog/index.php?Node.js%E3%81%AB%E3%82%88%E3%82%8BWeb%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%A9%E3%83%BC%E9%96%8B%E7%99%BA%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF"}]},{"title":"jshint/CHANGELOG.md at 2.9.0 · jshint/jshint","url":"https://github.com/jshint/jshint/blob/2.9.0/CHANGELOG.md","content":"JSHint 2.9.0リリース。\n`esversion`のオプション追加、\"use strict\"をグローバルか関数かどこに書くかの設定を`strict: global`と指定できるように","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-09-04T05:56:45.498Z","relatedLinks":[]},{"title":"Announcing TypeScript 1.6 Beta: React/JSX, better error checking, and more - TypeScript - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/typescript/archive/2015/09/02/announcing-typescript-1-6-beta-react-jsx-better-error-checking-and-more.aspx","content":"TypeScript 1.6βリリース。\nTSX(JSX)サポート、tsconfig.jsonを作成する`--init`オプションの追加、`exclude`オプションの追加、abstruct classのサポートなど","tags":["TypeScript","ReleaseNote"],"date":"2015-09-04T07:23:39.664Z","relatedLinks":[{"title":"TypeScript 1.6.0-beta 変更点 - Qiita","url":"http://qiita.com/vvakame/items/072fa78f9fe496edd1f0"}]},{"title":"Measuring JavaScript Functions' Performance","url":"http://www.sitepoint.com/measuring-javascript-functions-performance/","content":"JavaScriptで関数のパフォーマンスを計測するときに気をつけるべきことについて","tags":["JavaScript","performance"],"date":"2015-09-04T07:25:47.521Z","relatedLinks":[]},{"title":"Substance","url":"http://substance.io/","content":"WYSIWYGエディタライブラリ。","tags":["JavaScript","editor","library"],"date":"2015-09-06T01:04:31.688Z","relatedLinks":[]},{"title":"Angular 2 Survey Results","url":"http://angularjs.blogspot.com/2015/09/angular-2-survey-results.html","content":"AngularJS 2に関するアンケート結果","tags":["Angular"],"date":"2015-09-06T08:52:07.425Z","relatedLinks":[]},{"title":"Typed Arrays in ECMAScript 6","url":"http://www.2ality.com/2015/09/typed-arrays.html","content":"Typed Arraysについての詳しい解説","tags":["ECMAScript","JavaScript"],"date":"2015-09-06T11:58:47.890Z","relatedLinks":[]},{"title":"Node v4.0.0 (Stable) | Node.js","url":"https://nodejs.org/en/blog/release/v4.0.0/","content":"io.jsと統合したNode.js 4.0.0リリース。\n長期間サポート(LTS)のバージョンが1年に1度リリースされ、12ヶ月アクティブ + 18ヶ月メンテナンスモードでサポートされるリリースサイクルとなる予定。","tags":["node.js","ReleaseNote"],"date":"2015-09-09T02:59:57.922Z","relatedLinks":[{"title":"All you need to know about Node.js 4.0.0 - Dynatrace APM Blog","url":"http://apmblog.dynatrace.com/2015/09/05/all-you-need-to-know-about-node-js-4-0/"}]},{"title":"Introduction to Redux // Speaker Deck","url":"https://speakerdeck.com/axross/introduction-to-redux","content":"Reduxについてのスライド。\nReduxのデータフローについて","tags":["JavaScript","Flux","slide"],"date":"2015-09-09T09:08:29.674Z","relatedLinks":[]},{"title":"Reactjs v0.14 changes // Speaker Deck","url":"https://speakerdeck.com/koba04/reactjs-v0-dot-14-changes","content":"React 0.14での変更点についてのスライド","tags":["React","slide"],"date":"2015-09-09T09:18:56.033Z","relatedLinks":[]},{"title":"Flash-Free Clipboard for the Web ✩ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2015/09/flash-free-clipboard-for-the-web/","content":"`document.execCommand(\"copy\")`を使ってクリップボードへのコピーをJavaScriptで行うことについて","tags":["JavaScript","クリップボード"],"date":"2015-09-09T09:19:24.961Z","relatedLinks":[]},{"title":"UpUp - The Offline First Library","url":"https://www.talater.com/upup/","content":"ServiceWorkersを使いオフラインでもコンテンツを表示できるようにするライブラリ","tags":["JavaScript","library","ServiceWorker"],"date":"2015-09-09T09:30:53.394Z","relatedLinks":[]},{"title":"Flow | Version 0.15.0","url":"http://flowtype.org/blog/2015/09/10/Version-0.15.0.html","content":"Flow 0.15.0リリース。\nGeneratorのサポート、ワーカープロセス数の設定ができるよう、ES6 Classesで`super()`を呼ぶ前に`this`に触るのをチェックできるようになるなど","tags":["flowtype","ReleaseNote"],"date":"2015-09-11T04:30:56.874Z","relatedLinks":[]},{"title":"ESLint v1.4.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2015/09/eslint-v1.4.0-released","content":"ESLint v1.4.0リリース。\nルールに合った形にコードを修正する `--fix` オプションの追加、実行結果をキャッシュ出来る `--cache` オプションの追加など","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-09-11T16:13:00.506Z","relatedLinks":[]},{"title":"ES2015(ES6)な時代だからこそ、ES5を改めて調べたJavaScript初級者のメモ - Qiita","url":"http://qiita.com/zaru/items/d833dca52962c3f7770f","content":"ES5で追加されたProperty Descriptorや追加されたメソッドについて","tags":["ECMAScript"],"date":"2015-09-13T04:17:52.569Z","relatedLinks":[]},{"title":"The names of functions in ES6","url":"http://www.2ality.com/2015/09/function-names-es6.html","content":"関数やSymbol、モジュールなどの`name`プロパティについてのまとめ","tags":["JavaScript","ECMAScript"],"date":"2015-09-13T04:57:51.390Z","relatedLinks":[]},{"title":"React v0.14 Release Candidate | React","url":"http://facebook.github.io/react/blog/2015/09/10/react-v0.14-rc1.html","content":"React v0.14 RCリリース。\nモジュールの分割、`refs`の参照がDOM node自体となるように、ステートレスコンポーネント、react-toolsの廃止、Babelへの移行など","tags":["React","ReleaseNote"],"date":"2015-09-13T05:13:24.123Z","relatedLinks":[]},{"title":"JavaScript - Babel プラグインを作ってみよう - Qiita","url":"http://qiita.com/shuhei/items/96a852f7e0995fd42981","content":"Babelプラグインの作成方法と仕組みについてのチュートリアル的な記事","tags":["JavaScript","babel","plugin","tutorial"],"date":"2015-09-13T10:51:57.173Z","relatedLinks":[]},{"title":"Modernizr News","url":"https://modernizr.com/news/modernizr-3-new-release-site","content":"Feature Detectを行うライブラリであるModernizr 3リリース。\n","tags":["JavaScript","CSS","browser","library"],"date":"2015-09-13T10:53:03.990Z","relatedLinks":[]},{"title":"jide/moveit","url":"https://github.com/jide/moveit","content":"DOM Nodeを定義にしたがってアニメーションさせることが出来るライブラリ。\nアニメーションの定義をオブジェクトとして定義出来る","tags":["JavaScript","CSS","animation","library"],"date":"2015-09-13T11:01:02.453Z","relatedLinks":[]},{"title":"Lessons Backbone Developers Can Learn From React","url":"http://benmccormick.org/2015/09/09/what-can-backbone-developers-learn-from-react/","content":"Backbone.jsから見るReactから学べることについて","tags":["backbone.js","React","JavaScript"],"date":"2015-09-13T13:40:28.605Z","relatedLinks":[]},{"title":"Full-Stack Redux Tutorial","url":"http://teropa.info/blog/2015/09/10/full-stack-redux-tutorial.html","content":"Reduxを使ってウェブアプリを作るチュートリアル","tags":["JavaScript","Flux","tutorial"],"date":"2015-09-13T14:19:37.667Z","relatedLinks":[]},{"title":"fb55/htmlparser2","url":"https://github.com/fb55/htmlparser2","content":"HTML/XML/RSSパーサライブラリ","tags":["JavaScript","HTML","library"],"date":"2015-09-13T23:45:34.131Z","relatedLinks":[]},{"title":"jsdom/Changelog.md at 6.4.0 · tmpvar/jsdom","url":"https://github.com/tmpvar/jsdom/blob/6.4.0/Changelog.md","content":"jsdom 6.4.0リリース。\n`jsdom.nodeLocation`の追加、\n`getElementsByClassName`でスペースが区切られた文字列に対応など","tags":["JavaScript","library","ReleaseNote"],"date":"2015-09-14T08:13:56.590Z","relatedLinks":[]},{"title":"Polymer 1.0をさわってみて - console.lealog();","url":"http://lealog.hateblo.jp/entry/2015/09/04/003050","content":"Polymerを使ったウェブサイトを作る方法や関連ツールなどの紹介。\nPolymerのテンプレートやハマりどころについて","tags":["JavaScript","WebComponents"],"date":"2015-09-15T14:24:38.203Z","relatedLinks":[]},{"title":"JavaScript iterables and iterators - JS Rocks","url":"http://jsrocks.org/2015/09/javascript-iterables-and-iterators/","content":"iterable、iteratorについて細かな疑問がQ&A形式でまとまっている記事。\niterableとiteratorそれぞれがどういう定義であるかや関係について。\nまた、`iterator.next()`の返り値がオブジェクトを返すようになった理由などについて","tags":["JavaScript","ECMAScript"],"date":"2015-09-15T16:05:24.884Z","relatedLinks":[]},{"title":"Amazon: HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方: 吉田 真麻","url":"http://www.amazon.co.jp/dp/4798141577","content":"2015年11月3日発売\nレイアウトについての書籍","tags":["HTML5","CSS","book"],"date":"2015-09-16T06:45:31.752Z","relatedLinks":[]},{"title":"danielstjules/mocha.parallel","url":"https://github.com/danielstjules/mocha.parallel","content":"mochaで書かれたテストコードをdescribe単位で並列に処理できるライブラリ","tags":["JavaScript","testing"],"date":"2015-09-16T06:48:37.702Z","relatedLinks":[]},{"title":"Mostafa-Samir/zip-local","url":"https://github.com/Mostafa-Samir/zip-local","content":"zip/unzipを行うNodeモジュール","tags":["node.js"],"date":"2015-09-16T07:23:16.332Z","relatedLinks":[]},{"title":"The Polymer Summit 2015 - YouTube","url":"https://www.youtube.com/playlist?list=PLNYkxOF6rcICdISJclfQhj2S8QZGjXV8J","content":"Polymer Summit 2015の動画一覧\nhttps://www.polymer-project.org/summit","tags":["JavaScript","WebComponents","library","Conference","video"],"date":"2015-09-16T08:20:24.813Z","relatedLinks":[]},{"title":"Amazon: 速習ECMAScript6: 次世代の標準JavaScriptを今すぐマスター！ [Kindle版]: 山田祥寛","url":"http://www.amazon.co.jp/dp/B014MS5XWK?tag=amazon0abac-22","content":"ES6についてのKindle本","tags":["JavaScript","ECMAScript","book"],"date":"2015-09-16T13:23:12.296Z","relatedLinks":[{"title":"【新刊紹介】『速習 ECMAScript 6』発売、次期JavaScript仕様を短期間でキャッチアップ！：CodeZine（コードジン）","url":"http://codezine.jp/article/detail/8963"}]},{"title":"Announcing TypeScript 1.6 - TypeScript - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/typescript/archive/2015/09/16/announcing-typescript-1-6.aspx","content":"TypeScript 1.6リリース。\nJSX(TSX)、Class expressions、User defined type guards、Intersection types、Abstract classes、モジュール解決アルゴリズムの改善など","tags":["TypeScript","ReleaseNote"],"date":"2015-09-17T02:02:41.657Z","relatedLinks":[{"title":"Breaking Changes · Microsoft/TypeScript Wiki","url":"https://github.com/Microsoft/TypeScript/wiki/Breaking-Changes#typescript-16"}]},{"title":"Node v4.1.0 (Stable) | Node.js","url":"https://nodejs.org/en/blog/release/v4.1.0/","content":"Node v4.1.0リリース。\nBuffer作成の改善、fs.WriteStreamの書き込み速度の改善など","tags":["node.js","ReleaseNote"],"date":"2015-09-17T06:50:53.677Z","relatedLinks":[]},{"title":"The npm Blog — npm weekly #29: npm 3 out of beta, Nick out of the...","url":"http://blog.npmjs.org/post/129378362260/npm-weekly-29-npm-3-out-of-beta-nick-out-of-the","content":"npm 3.xがlatestとしてリリースされた。\n`npm install -g npm` でnpm 3.xがインストールされるようになった","tags":["npm","ReleaseNote"],"date":"2015-09-19T00:52:56.076Z","relatedLinks":[]},{"title":"ESLint v1.5.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2015/09/eslint-v1.5.0-released/","content":"ESLint v1.5.0リリース。\n`--fix`に対応するルールの追加、`--debug`フラグの追加など","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-09-19T01:47:42.607Z","relatedLinks":[]},{"title":"mantoni/eslint_d.js","url":"https://github.com/mantoni/eslint_d.js","content":"ESLintをサーバとして立ててLintを行うツール。\n初回起動のオーバーヘッドがなくなるので高速に実行出来る","tags":["JavaScript","Tools","server"],"date":"2015-09-20T05:53:47.721Z","relatedLinks":[]},{"title":"リリース バージョン 10547 : Microsoft Edge Dev","url":"https://dev.modern.ie/platform/changelog/desktop/10547/","content":"MSEdge Build 10547リリース。\n`<template>`、`<picture>`の追加、`<a download>`の対応、SVGで外部コンテンツのロード、フラグ付きでAsync Function、`**`演算子の対応など","tags":["MSEdge","ReleaseNote"],"date":"2015-09-21T16:03:14.894Z","relatedLinks":[{"title":"Microsoft Edge の変更ログ - Windows 10 Insider Preview Build 10547 - Browser","url":"http://browser.hatenablog.com/entry/2015/09/21/180947"}]},{"title":"React.js v0.14 changes - blog.koba04.com","url":"http://blog.koba04.com/post/2015/09/22/react-js-v014-changes/","content":"React 0.14の変更点について","tags":["React","ReleaseNote"],"date":"2015-09-22T04:47:32.823Z","relatedLinks":[]},{"title":"ConquestArrow/dtsmake · GitHub","url":"https://github.com/ConquestArrow/dtsmake","content":"JavaScriptを与えるとd.tsを生成するツール","tags":["TypeScript","JavaScript","Tools"],"date":"2015-09-22T05:15:46.069Z","relatedLinks":[{"title":"TypeScript型定義ファイルのコツと生成ツール dtsmake - Qiita","url":"http://qiita.com/ConquestArrow/items/450f961c3d54bc932cf3"}]},{"title":"ESDoc Hosting Service - hosts documentation for JavaScript(ES6) with ESDoc","url":"https://doc.esdoc.org/","content":"[ESDoc](https://esdoc.org)で書かれたドキュメントをホスティングするサービス。\nGitHubリポジトリのURLを登録するとESDocによるドキュメントが生成される。`esdoc.json`の設定ファイルがない場合も自動的に`src/`のコードを元に生成される。","date":"2015-09-22T07:07:39.963Z","tags":["JSDoc","document"],"relatedLinks":[]},{"title":"Release ES2016 Draft 1 · tc39/ecma262","url":"https://github.com/tc39/ecma262/releases/tag/es2016-draft-1","content":"ES2016 Draft 1リリース。\n仕様書がWordからEcmarkupで書かれるようになり、GitHubでリリースされた。","tags":["ECMAScript","ReleaseNote"],"date":"2015-09-23T06:00:49.943Z","relatedLinks":[{"title":"New in ECMAScript 2016, JavaScript's First Yearly Release","url":"http://www.infoq.com/presentations/ecmascript-2016"}]},{"title":"Pointer Events Will Make Cross-Browser Touch Support Easy","url":"http://www.sitepoint.com/pointer-events-will-make-cross-browsers-touch-support-easy/","content":"Pointer Eventsのコンセプト、実際にどう使うかについての解説記事。\nfeature detectionの方法、ジェスチャーを扱うMSGesture objectについて","tags":["JavaScript"],"date":"2015-09-24T00:08:36.965Z","relatedLinks":[]},{"title":"fireball-x/editor-framework","url":"https://github.com/fireball-x/editor-framework","content":"ElectronとPolymerをベースとしたエディタ向けのフレームワーク","tags":["editor","library","Electron"],"date":"2015-09-24T02:42:03.497Z","relatedLinks":[]},{"title":"RxJS/CHANGELOG.md at 5.0.0-alpha.1 · ReactiveX/RxJS","url":"https://github.com/ReactiveX/RxJS/blob/5.0.0-alpha.1/CHANGELOG.md","content":"ReactiveX/RxJS 5.0.0αリリース\n","tags":["Rx","JavaScript","library","ReleaseNote"],"date":"2015-09-24T05:30:07.771Z","relatedLinks":[]},{"title":"Release the docs!","url":"http://sassdoc.com/","content":"コメントでアノテーションを書いたSassのコードからドキュメントを生成するツール","tags":["Sass","document","Tools","JSDoc"],"date":"2015-09-24T05:51:54.807Z","relatedLinks":[]},{"title":"Release 1.0 · bosonic/bosonic","url":"https://github.com/bosonic/bosonic/releases/tag/v1.0","content":"Web Componentsを扱うライブラリであるBosonic 1.0リリース","tags":["WebComponents","JavaScript","library","ReleaseNote"],"date":"2015-09-24T06:18:23.058Z","relatedLinks":[{"title":"Bosonic Web Component","url":"http://bosonic.github.io/"}]},{"title":"Firefox 41.0 リリースノート","url":"http://www.mozilla.jp/firefox/41.0/releasenotes/","content":"Firefox 41.0リリース。\n縦書きレイアウトの機能がデフォルトで有効に、`Symbol.species`、`new.target`のサポート、Web Workerの中でNotification APIなどが利用できるようになるなど","tags":["firefox","ReleaseNote"],"date":"2015-09-24T07:50:47.484Z","relatedLinks":[{"title":"Firefox 41 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/ja/Firefox/Releases/41"}]},{"title":"Building Isomorphic JavaScript Apps: From Concept to Implementation to Real-World Solutions: Jason Strimpel, Maxime Najim: 9781491932933: Amazon.com: Books","url":"http://www.amazon.com/dp/1491932937/","content":"2016年4月30日発売\nIsomorphicについてのOreilly本","tags":["JavaScript","book"],"date":"2015-09-25T05:08:06.107Z","relatedLinks":[]},{"title":"Flagrant Badassery » XRegExp 3.0.0!","url":"http://blog.stevenlevithan.com/archives/xregexp-3-0-0","content":"正規表現の拡張ライブラリであるXRegExp 3.0.0リリース。\nUnicode周りのサポート改善、`A`(astral)フラグの追加、ES6に追従した変更など","tags":["JavaScript","正規表現","library","Electron"],"date":"2015-09-25T05:19:04.770Z","relatedLinks":[]},{"title":"ES6 Modules in Depth","url":"http://ponyfoo.com/articles/es6-modules-in-depth","content":"ES6 Modulesの構文についての解説","tags":["ECMAScript","JavaScript"],"date":"2015-09-26T00:56:22.143Z","relatedLinks":[]},{"title":"TechBuzz 第17回 HTML5+JS勉強会資料","url":"http://kenju.github.io/techbuzz_htmljs_20150924/","content":"Web Workerを使ったサンプルと共にWeb Workerについて解説しているスライド","tags":["JavaScript","webworker"],"date":"2015-09-26T05:54:08.990Z","relatedLinks":[]},{"title":"Release v3.0.1 · rackt/redux","url":"https://github.com/rackt/redux/releases/tag/v3.0.1","content":"Redux 3.0.1リリース。\nActionオブジェクトは`type`を持つことを必須とする破壊的な変更が含まれている。\n`combineReducers()`にチェックする仕組みを追加。","tags":["JavaScript","Flux","library","ReleaseNote"],"date":"2015-09-26T06:09:01.816Z","relatedLinks":[{"title":"Release v3.0.0 · rackt/redux","url":"https://github.com/rackt/redux/releases/tag/v3.0.0"}]},{"title":"How to Write an Open Source JavaScript Library - Video Tutorial Series @eggheadio","url":"https://egghead.io/series/how-to-write-an-open-source-javascript-library","content":"JavaScriptライブラリを書いてGitHubに公開し、npmにpublishすることについてのスクリーンキャスト。\nES6で書く方法やsemverについてなど幅広い内容について解説されてる。","tags":["JavaScript","library","video","tutorial"],"date":"2015-09-27T00:36:32.420Z","relatedLinks":[]},{"title":"Release 1.2.0 - 2015.09.27 · zloirock/core-js","url":"https://github.com/zloirock/core-js/releases/tag/v1.2.0","content":"core-js 1.2.0リリース。\nPromiseにUnhandled Rejection Trackingを実装、`IsRegExp`のalgorithmの修正、`String#leftPad`のプロポーザルへの追従など","tags":["JavaScript","ECMAScript","library","ReleaseNote"],"date":"2015-09-27T01:14:45.936Z","relatedLinks":[]},{"title":"NW.js & Electron Compared | TangibleJS","url":"http://tangiblejs.com/posts/nw-js-electron-compared","content":"NW.jsとElectronの比較","tags":["node-webkit","Electron","まとめ"],"date":"2015-09-27T05:57:48.057Z","relatedLinks":[]},{"title":"clipboard.js — Copy to clipboard without Flash","url":"http://zenorocha.github.io/clipboard.js/","content":"`execCommand`を使ったクリップボードへのコピーを行うライブラリ。\nユーザーのインタラクションに対して文字列のコピーとカットが行える","tags":["JavaScript","クリップボード","library"],"date":"2015-09-28T14:55:17.161Z","relatedLinks":[]},{"title":"ES6 Promises in Depth","url":"http://ponyfoo.com/articles/es6-promises-in-depth","content":"Promiseの動きをビジュアライズしながら、`.then`や`.catch`がどのようなフローで処理されるかを解説している記事。\nPromiseを返すFetch APIを使った例を出している","tags":["ECMAScript","JavaScript","Promises"],"date":"2015-09-28T14:57:45.699Z","relatedLinks":[{"title":"Promisees · Courtesy of ponyfoo.com","url":"http://bevacqua.github.io/promisees/"}]},{"title":"Rune.js Documentation","url":"http://runemadsen.github.io/rune.js/","content":"virtual-domライブラリを使ったSVG描画ライブラリ。\nGridシステムを持っているのが特徴的","tags":["JavaScript","SVG","VirtualDOM","library"],"date":"2015-09-29T02:11:22.005Z","relatedLinks":[]},{"title":"Release v2.2.0 · jscs-dev/node-jscs","url":"https://github.com/jscs-dev/node-jscs/releases/tag/v2.2.0","content":"JSCS 2.2.0リリース。\n設定ファイルにYAMLを使えるように、HTML内のJavaScriptをチェックできるように、ルールやプリセットの追加と修正など","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-09-29T06:42:43.521Z","relatedLinks":[]},{"title":"Automated testing in Yahoo Mail | Yahoo Engineering","url":"http://yahooeng.tumblr.com/post/115664629471/automated-testing-in-yahoo-mail","content":"Yahoo Mailにおけるテストについて。\nUnit Tests、Functional Tests、Smoke TestsとIntegration Tests それぞれでやっていることについて書かれている","tags":["Yahoo","browser","React","testing","JavaScript"],"date":"2015-09-29T06:51:39.343Z","relatedLinks":[]},{"title":"Typed React and Redux — Jack Hsu","url":"http://jaysoo.ca/2015/09/26/typed-react-and-redux/","content":"TypeScriptとReact、Reduxを組み合わせて使う事について\n型による早期エラーの発見、`interface`と`react.PropTypes`の違い、Reduxを扱う際にunion typesをモデルとして使うことについてなど","tags":["TypeScript","React","Flux"],"date":"2015-09-29T07:26:35.621Z","relatedLinks":[]},{"title":"ECMAScript 2015(ES6)の概要と次世代JavaScriptの新たな機能 | HTML5Experts.jp","url":"https://html5experts.jp/1000ch/16984/","content":"ES6で追加された構文とオブジェクトの簡単な解説","tags":["JavaScript","ECMAScript"],"date":"2015-09-29T12:42:07.759Z","relatedLinks":[]},{"title":"Debugging Node.js Applications for Memory Leaks | Toptal","url":"http://www.toptal.com/nodejs/debugging-memory-leaks-node-js-applications","content":"Node.jsアプリのメモリリークをデバッグ方法やツールについて。\n","tags":["node.js","debug"],"date":"2015-09-29T12:52:34.555Z","relatedLinks":[]},{"title":"Mastering the filesystem in Node.js — Medium","url":"https://medium.com/@yoshuawuyts/mastering-the-filesystem-in-node-js-4706b7cb0801","content":"Node.jsでファイルを作成/削除、ディレクトリを作成、ファイルを検索する方法についてまとめられている","tags":["node.js","library"],"date":"2015-09-29T12:55:46.011Z","relatedLinks":[]},{"title":"ORTC API is now available in Microsoft Edge | Microsoft Edge Dev Blog","url":"http://blogs.windows.com/msedgedev/2015/09/18/ortc-api-is-now-available-in-microsoft-edge/","content":"MSEdgeにORTC APIが実装されたことについて","tags":["MSEdge","WebRTC"],"date":"2015-09-29T12:59:48.890Z","relatedLinks":[{"title":"ORTC が切り開く SVC サイマルキャストと WebRTC NV - Block Rockin’ Codes","url":"http://jxck.hatenablog.com/entry/ortc-to-webrtcnv"}]},{"title":"What forces layout/reflow. The comprehensive list.","url":"https://gist.github.com/paulirish/5d52fb081b3570c81e3a","content":"reflowを強制的に起こすCSSプロパティやJavaScriptのメソッドのまとめ","tags":["まとめ","browser","CSS","JavaScript"],"date":"2015-09-29T13:00:55.840Z","relatedLinks":[]},{"title":"New animation inspector features in Firefox 43 - YouTube","url":"https://www.youtube.com/watch?v=T2jykykN3yc","content":"Firefox 43に実装された開発者ツールのアニメーションインスペクタについて動画","tags":["firefox","animation","debug","video"],"date":"2015-09-29T13:06:53.598Z","relatedLinks":[]},{"title":"Customizing ES6 via well-known symbols","url":"http://www.2ality.com/2015/09/well-known-symbols-es6.html","content":"`Symbol`にデフォルトで定義されているwell-known symbolsの使い方について。\nECMAScriptのネイティブのメソッドはwell-known symbolsを参照するため、それらで扱われる際の設定などを行える。","tags":["ECMAScript","JavaScript"],"date":"2015-09-30T02:07:30.318Z","relatedLinks":[]},{"title":"Asynchronous code gets easier with ES2016 Async Function support in Chakra and Microsoft Edge | Microsoft Edge Dev Blog","url":"http://blogs.windows.com/msedgedev/2015/09/30/asynchronous-code-gets-easier-with-es2016-async-function-support-in-chakra-and-microsoft-edge/","content":"MSEdgeにフラグ付きで実装されてるasync/awaitについての記事。\nasync/awaitを使うことでどのように書けるか、動作原理やどのように実装されてるかについての解説","tags":["ECMAScript","MSEdge"],"date":"2015-10-01T06:41:22.185Z","relatedLinks":[]},{"title":"protractor/CHANGELOG.md at 2.4.0 · angular/protractor","url":"https://github.com/angular/protractor/blob/2.4.0/CHANGELOG.md","content":"Protractor 2.4.0リリース。\n依存する`selenium-webdriver`モジュールのアップデート","tags":["Angular","testing","library","ReleaseNote"],"date":"2015-10-01T06:45:03.434Z","relatedLinks":[]},{"title":"BrazilJS 2015 - YouTube","url":"https://www.youtube.com/playlist?list=PLg2lQYZDBwORUpJTu5MxI71iEQIyc_Lno","content":"BrazilJS 2015の動画まとめ","tags":["JavaScript","Conference","video"],"date":"2015-10-02T00:07:19.515Z","relatedLinks":[{"title":"BrazilJS","url":"http://braziljs.com.br/"}]},{"title":"ESLint: The Next-Generation JavaScript Linter – Smashing Magazine","url":"http://www.smashingmagazine.com/2015/09/eslint-the-next-generation-javascript-linter/","content":"ESLintの使い方、設定方法、プラグインについてなどの解説記事","tags":["JavaScript","Tools"],"date":"2015-10-02T04:30:25.677Z","relatedLinks":[]},{"title":"documentationjs","url":"http://documentation.js.org/","content":"JSDocと同じフォーマットをサポートしたドキュメント生成ツール。\nJSON、HTML、Markdownとして出力できる。","tags":["JavaScript","document"],"date":"2015-10-03T07:42:16.723Z","relatedLinks":[]},{"title":"ESLint v1.6.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2015/10/eslint-v1.6.0-released/","content":"ESLint v1.6.0リリース。\n`--fix`対応のルールを追加、`no-undef`ルールに`typeof`オプションの追加、`env`に`nashorn`を追加など","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-10-03T11:53:10.729Z","relatedLinks":[]},{"title":"Video.js Blog - Video.js 5: The Only Thing That’s Changed Is...","url":"http://blog.videojs.com/post/130143694631/video-js-5","content":"Video.js 5リリース。\nES6で書き直し、LessからSassへ移行、HLSをFlashなしでサポート、アクセシビリティの改善、pluginへの設定の渡し方を変更、CDNにFastlyを利用するようになるなど","tags":["JavaScript","library","video","ReleaseNote"],"date":"2015-10-04T14:00:47.957Z","relatedLinks":[]},{"title":"エディタの実装をcycle.jsでMVIベースにしてみた話 - ✘╹◡╹✘","url":"http://r7kamura.hatenablog.com/entry/2015/10/04/062333","content":"cycle.jsのアーキテクチャについて。\n「イベントソースを受け取ってイベントソースを返す関数」がどのように使われてるのか、MVIとはどういう責務での分離なのかについて。","tags":["JavaScript","Rx","設計"],"date":"2015-10-04T14:22:53.350Z","relatedLinks":[]},{"title":"JavaScript - 末尾再帰による最適化 - Qiita","url":"http://qiita.com/pebblip/items/cf8d3230969b2f6b3132","content":"ES6の末尾呼び出し最適化の仕組みについて。\nそもそもなぜスタックオーバーフローが起きるのか、コールスタックとは何か、どのように最適化が行われるのか、再帰関数のパターンについてよくまとまっている。","tags":["ECMAScript","JavaScript"],"date":"2015-10-05T03:16:16.771Z","relatedLinks":[]},{"title":"Ember.js - Ember.js 2.1 and 2.2 Beta Released","url":"http://emberjs.com/blog/2015/10/04/ember-2-1-released.html","content":"Ember.js 2.1と2.2βリリース。\n","tags":["JavaScript","library"],"date":"2015-10-05T06:49:42.775Z","relatedLinks":[]},{"title":"Node v4.1.2 (Stable) | Node.js","url":"https://nodejs.org/en/blog/release/v4.1.2/","content":"Node.js 4.1.2リリース。\nio.js 3.x以降にあるhttp serverのDoSに関するセキュリティ修正を含む。","tags":["node.js","ReleaseNote","セキュリティ"],"date":"2015-10-06T01:06:57.836Z","relatedLinks":[{"title":"http: fix out-of-order 'finish' bug in pipelining · nodejs/node@0504066","url":"https://github.com/nodejs/node/commit/05040664c2035b8abffb7bd7bb3243af35895130"}]},{"title":"jeffbski/wait-on · GitHub","url":"https://github.com/jeffbski/wait-on","content":"色々な待ちパターンを行えるNode.js製のコマンドラインツール。 ファイルの存在確認、HTTP HEAD/GET、TCP、Socketのレスポンス待ちなどを行える","tags":["node.js","library","console","Tools"],"date":"2015-10-06T01:18:12.838Z","relatedLinks":[]},{"title":"O'Reilly Japan - JavaScriptによるデータビジュアライゼーション入門","url":"http://www.oreilly.co.jp/books/9784873117461/","content":"2015年10月21日発売\nJavaScriptによるデータの可視化についての書籍","tags":["JavaScript","d3.js","book"],"date":"2015-10-06T13:09:16.312Z","relatedLinks":[]},{"title":"relax/relax","url":"https://github.com/relax/relax","content":"Node.jsとReactで作られてるCMS","tags":["node.js","React","CMS"],"date":"2015-10-07T12:59:23.996Z","relatedLinks":[]},{"title":"Immutable Data Structures and JavaScript","url":"http://jlongster.com/Using-Immutable-Data-Structures-in-JavaScript","content":"JavaScriptにおけるimmutableについて。\nReduxなどを使う際にImmutableオブジェクトが欲しくなるが、JS自体にはその仕様はない。\nImmutable.jsやseamless-immutableなどのライブラリを使って実現するメリットとデメリットについて","tags":["JavaScript","library"],"date":"2015-10-07T13:11:27.842Z","relatedLinks":[]},{"title":"staltz/flux-challenge","url":"https://github.com/staltz/flux-challenge","content":"Fluxアーキテクチャを使って実装する問題と回答のリポジトリ。\n`submissions/` 以下にそれぞれの回答があり、色々なFluxを使った実装が見られる。","tags":["Flux","サンプル"],"date":"2015-10-07T15:21:29.073Z","relatedLinks":[]},{"title":"Release v2.3.0 · jscs-dev/node-jscs","url":"https://github.com/jscs-dev/node-jscs/releases/tag/v2.3.0","content":"JSCS 2.3.0リリース。\n`disallowIdenticalDestructuringNames `、`disallowNestedTernaries`、`requireSpaceAfterComma`のルールを追加","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-10-08T09:04:13.200Z","relatedLinks":[]},{"title":"React v0.14 | React","url":"http://facebook.github.io/react/blog/2015/10/07/react-v0.14.html","content":"React 0.14の正式版リリース。\n`react`と`react-dom`へのパッケージの分割、`refs`の仕様変更、ステートレスコンポーネントの追加、react-toolsが非推奨となるなど","tags":["React","ReleaseNote"],"date":"2015-10-08T09:12:03.120Z","relatedLinks":[{"title":"React.js v0.14 changes - blog.koba04.com","url":"http://blog.koba04.com/post/2015/09/22/react-js-v014-changes/"}]},{"title":"Accelerated Mobile Pages Project","url":"https://www.ampproject.org/","content":"AMP HTMLというHTMLのサブセットの定義を則る事で、モバイルでも高速なページの表示が行える事を目的とした規格やライブラリ","tags":["HTML","spec"],"date":"2015-10-08T13:43:37.031Z","relatedLinks":[{"title":"Official Google Blog: Introducing the Accelerated Mobile Pages Project, for a faster, open mobile web","url":"https://googleblog.blogspot.jp/2015/10/introducing-accelerated-mobile-pages.html"},{"title":"Accelerated Mobile Pages – A new approach to web performance","url":"https://www.ampproject.org/how-it-works/"},{"title":"AMP HTML (Accelerated Mobile Pages) demo - YouTube","url":"https://www.youtube.com/watch?v=i2_lAEzmOPo"}]},{"title":"protractor/CHANGELOG.md at 2.5.0 · angular/protractor","url":"https://github.com/angular/protractor/blob/2.5.0/CHANGELOG.md","content":"protractor 2.5.0リリース。\nAngular2のサポート、`useAllAngularAppRoots`オプションの追加","tags":["JavaScript","testing","E2E","ReleaseNote"],"date":"2015-10-08T13:46:19.260Z","relatedLinks":[]},{"title":"All of the javascript features.","url":"http://jsfeatures.in/","content":"ES5、ES6やES.nextの機能別のサンプルコードがまとめられているサイト","tags":["JavaScript","ECMAScript","まとめ"],"date":"2015-10-11T05:36:52.923Z","relatedLinks":[]},{"title":"Mancy NodeJs Repl","url":"http://www.mancy-re.pl/","content":"Electronを使ったJavaScript REPLアプリ","tags":["node.js","JavaScript","software","Electron"],"date":"2015-10-12T10:33:42.771Z","relatedLinks":[]},{"title":"Release Fetch 0.10.0 · github/fetch","url":"https://github.com/github/fetch/releases/tag/v0.10.0","content":"Fetch APIのpolyfillであるFetch 0.10.0リリース。\n`Requst`/`Response`へのメソッドの追加","tags":["JavaScript","library","ReleaseNote"],"date":"2015-10-13T07:33:31.446Z","relatedLinks":[]},{"title":"Node v4.2.0 (Stable) | Node.js","url":"https://nodejs.org/en/blog/release/v4.2.0/","content":"Node.js 4.2.0リリース。\n\"Argon\"というコードネームでLTS版(長期間サポート)を初リリース、コマンドラインオプションにシンタックスチェックだけを行う`--check`を追加","tags":["node.js","ReleaseNote"],"date":"2015-10-13T08:18:45.786Z","relatedLinks":[{"title":"add CLI option to syntax check script by bahamas10 · Pull Request #2411 · nodejs/node","url":"https://github.com/nodejs/node/pull/2411"}]},{"title":"Release 3.4.0 Release Candidate · knockout/knockout","url":"https://github.com/knockout/knockout/releases/tag/v3.4.0rc","content":"Knockout 3.4.0RCリリース。\n`ko.isPureComputed`、`ko.onError`の追加、Observableのパフォーマンス改善など","tags":["JavaScript","library","ReleaseNote"],"date":"2015-10-13T12:28:03.205Z","relatedLinks":[]},{"title":"Node.js Security Checklist | RisingStack","url":"https://blog.risingstack.com/node-js-security-checklist/","content":"Node.jsで書かれたサーバのセキュリティチェックリスト","tags":["node.js","セキュリティ"],"date":"2015-10-14T10:07:45.823Z","relatedLinks":[]},{"title":"V8 JavaScript Engine: V8 Release 4.7","url":"http://v8project.blogspot.jp/2015/10/v8-release-47.html","content":"V8 4.7リリース。\nRest operator、Array#includesの追加など","tags":["V8","ReleaseNote"],"date":"2015-10-14T10:09:16.224Z","relatedLinks":[{"title":"V8 API changes - Google ドキュメント","url":"https://docs.google.com/document/d/1g8JFi8T_oAE_7uAri7Njtig7fKaPDfotU6huOa1alds/edit"}]},{"title":"gabrielbull/react-desktop","url":"https://github.com/gabrielbull/react-desktop","content":"OS X(やWindows)風のUIを作成するReact Component","tags":["React","mac","windows"],"date":"2015-10-15T08:05:48.721Z","relatedLinks":[]},{"title":"JavaScript/CSS 2015 Autumn","url":"http://www.slideshare.net/t32k/javascriptcss-2015-autumn","content":"JavaScriptやCSS、ビルドツール周りについて幅広くまとめられているスライド","tags":["JavaScript","CSS","slide"],"date":"2015-10-15T08:56:17.551Z","relatedLinks":[]},{"title":"Lazy, composable, and modular JavaScript","url":"https://codewords.recurse.com/issues/four/lazy-composable-and-modular-javascript","content":"JavaScriptでの高階関数、関数合成、遅延評価。\nGenerator/iteratorを使った関数の組み合わせ方について","tags":["JavaScript","ECMAScript"],"date":"2015-10-15T08:59:08.493Z","relatedLinks":[]},{"title":"Not Angularな環境でProtractorを使ってES2015(ES6), ES7なE2Eテストコードを書いてみた - Qiita","url":"http://qiita.com/nana4gonta/items/fabf1ab30ef16050c1e8","content":"async/awaitを使ったProtractorのE2Eテスト。\n非同期処理となる部分をasync/awaitを使うことで直列に書けるようにする話","tags":["JavaScript","testing","protractor","Selenium"],"date":"2015-10-15T09:05:43.151Z","relatedLinks":[]},{"title":"ryanbahniuk/sassaby","url":"https://github.com/ryanbahniuk/sassaby","content":"MochaやJasmineなどと合わせて使えるSassのテストライブラリ。\nSassの関数やmixinなどのテストを行える","tags":["Sass","testing","node.js"],"date":"2015-10-15T09:24:46.024Z","relatedLinks":[]},{"title":"Front-end Handbook - GitBook","url":"https://www.gitbook.com/book/frontendmasters/front-end-handbook/details","content":"フロントエンドについての電子書籍","tags":["JavaScript","CSS","book"],"date":"2015-10-15T12:34:36.690Z","relatedLinks":[]},{"title":"ES2015 — Web Fundamentals","url":"https://developers.google.com/web/shows/ttt/series-2/es2015","content":"ES6についてのリソースやツールについて","tags":["ECMAScript","JavaScript","Tools"],"date":"2015-10-15T12:36:06.140Z","relatedLinks":[]},{"title":"AngularJSの$watch登録数が60,000だった - @yoshiko_pg","url":"http://yoshiko-pg.github.io/slides/20151015-gp-meetup/","content":"AngularJSのパフォーマンスチューニングについてのスライド。\n$watchの数の調べ方と改善方法について","tags":["Angular","slide"],"date":"2015-10-15T13:00:17.967Z","relatedLinks":[]},{"title":"ES6 Overview in 350 Bullet Points","url":"https://ponyfoo.com/articles/es6","content":"ES6の機能やポイントについて箇条書きでまとめたもの","tags":["ECMAScript","まとめ"],"date":"2015-10-15T15:17:08.428Z","relatedLinks":[]},{"title":"難読化されたJavaScriptコードを読む : document","url":"http://imaya.blog.jp/archives/8183160.html","content":"難読化されたコードを読むためのツールやリファクタリング方法について","tags":["JavaScript"],"date":"2015-10-16T12:29:16.221Z","relatedLinks":[]},{"title":"Surfin' Safari - Blog Archive » ES6 in WebKit","url":"https://www.webkit.org/blog/4054/es6-in-webkit/","content":"Safari 9とWebkit nightlyに入ってるES6周りの機能について","tags":["webkit","safari","ECMAScript"],"date":"2015-10-16T12:50:44.818Z","relatedLinks":[]},{"title":"A Gentle Introduction to Ember 2.0 — Medium","url":"https://medium.com/@jamesfuthey/a-gentle-introduction-to-ember-2-0-8ef1f378ee4","content":"FirebaseとEmberを使ってブログを作リながらEmberについて学ぶチュートリアル","tags":["JavaScript","tutorial"],"date":"2015-10-16T12:52:10.367Z","relatedLinks":[]},{"title":"ESLint v1.7.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2015/10/eslint-v1.7.0-released/","content":"ESLint v1.7.0リリース。\neslintrcの`extends`にJavaScriptのファイルパスそのもを書いて設定を継承出来るようになった","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-10-17T04:35:40.325Z","relatedLinks":[]},{"title":"jsdom/Changelog.md at 7.0.0 · tmpvar/jsdom","url":"https://github.com/tmpvar/jsdom/blob/7.0.0/Changelog.md","content":"jsdom 7.0.0リリース。\nNode.js 4.0以降が必要になった。\nXMLHttpRequestの再実装、`HTMLTemplateElement.prototype.content`の追加など","tags":["JavaScript","library","ReleaseNote"],"date":"2015-10-18T01:33:56.696Z"},{"title":"TypeScript 1.6時代の.d.ts管理について意見を述べておく - Qiita","url":"http://qiita.com/vvakame/items/72d22e33632178f7db24","content":"npmパッケージとTypeScriptのd.tsの管理について。","tags":["TypeScript","まとめ"],"date":"2015-10-19T09:32:52.066Z","relatedLinks":[]},{"title":"ECMAScriptの仕様策定に関するカンニングペーパー | Web Scratch","url":"http://efcl.info/2015/10/18/ecmascript-paper/","content":"ECMAScriptとは何か?からES2016の策定プロセス、進捗の確認方法、コントリビュートのやり方、TranspilerやPolyfillの役割など仕様策定に関する疑問をまとめたもの","tags":["ECMAScript","まとめ"],"date":"2015-10-20T09:26:41.569Z","relatedLinks":[]},{"title":"StrongLoop | Moving toward Express 5","url":"https://strongloop.com/strongblog/moving-toward-express-5/","content":"Express 5αでの変更点についての解説","tags":["node.js","library"],"date":"2015-10-21T13:30:51.209Z","relatedLinks":[]},{"title":"The Accessibility Project","url":"http://a11yproject.com/","content":"ウェブ開発者向けにアクセシビリティについてまとめているサイト","tags":["アクセシビリティ","まとめ"],"date":"2015-10-22T02:02:02.733Z","relatedLinks":[]},{"title":"JavaScript - ESLint 最初の一歩 - Qiita","url":"http://qiita.com/mysticatea/items/f523dab04a25f617c87d","content":"ESLintの使い方、設定方法、ES6関連のルールについて","tags":["JavaScript","Tools"],"date":"2015-10-22T07:17:20.299Z","relatedLinks":[]},{"title":"Rich-Harris/magic-string","url":"https://github.com/Rich-Harris/magic-string","content":"Source Mapをサポートしてるコード変換ライブラリ。\n文字列の上書き、追加、削除などを文字列操作のように変更を行うことができる。","tags":["JavaScript","AST","library"],"date":"2015-10-22T23:51:26.178Z","relatedLinks":[]},{"title":"esprima/ChangeLog at 2.7.0 · jquery/esprima","url":"https://github.com/jquery/esprima/blob/2.7.0/ChangeLog","content":"esprima 2.7.0リリース。\n`esprima.tokenize`にdelegatorオプションの追加など","tags":["JavaScript","AST","library","ReleaseNote"],"date":"2015-10-23T01:33:40.279Z","relatedLinks":[{"title":"API: Token delegator · Issue #1332 · jquery/esprima","url":"https://github.com/jquery/esprima/issues/1332"}]},{"title":"EventEmitter in ES6","url":"http://www.datchley.name/es6-eventemitter/","content":"ES6でシンプルにEventEmitterやObserverを実装しながら、ES6の機能について学ぶ話","tags":["ECMAScript","JavaScript"],"date":"2015-10-23T07:32:40.990Z","relatedLinks":[]},{"title":"rodrigogs/kairos","url":"https://github.com/rodrigogs/kairos","content":"時間同士の四則演算や比較を行うライブラリ","tags":["JavaScript","library"],"date":"2015-10-23T09:23:44.648Z","relatedLinks":[]},{"title":"SVG Text Layout - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920043072.do","content":"SVGにおけるテキストのレイアウトについての書籍","tags":["SVG","book"],"date":"2015-10-23T09:46:40.829Z","relatedLinks":[]},{"title":"rollup.js","url":"http://rollupjs.org/","content":"ES6 modulesをBrowserifyなどのようにbundleするツール。\n使用していない関数は無視したり、余計なラップする関数なしに結合が出来る。\nデフォルトではES6のみだがプラグインでCommonJSなども対応する。","tags":["JavaScript","ECMAScript","Tools"],"date":"2015-10-24T11:11:48.149Z","relatedLinks":[]},{"title":"cotejp/webmidi","url":"https://github.com/cotejp/webmidi","content":"Web MIDI APIをラップしたライブラリ","tags":["web","sound","library"],"date":"2015-10-24T14:29:10.715Z","relatedLinks":[]},{"title":"The struggles of publishing a JavaScript library | Read the Tea Leaves","url":"http://nolanlawson.com/2015/10/19/the-struggles-of-publishing-a-javascript-library/","content":"bower、npm、jspmに対応したライブラリの公開方法と設定について。\nBrowserify、Webpack、rollupでのライブラリのビルドについてなど","tags":["JavaScript","library"],"date":"2015-10-24T14:42:26.032Z","relatedLinks":[{"title":"nolanlawson/hello-javascript","url":"https://github.com/nolanlawson/hello-javascript"}]},{"title":".eslintrc editor","url":"https://pirosikick.github.io/eslintrc-editor/","content":"ESLintの設定をGUIでポチポチと作成することが出来るツール","tags":["JavaScript","Tools","設定"],"date":"2015-10-25T10:49:12.977Z","relatedLinks":[{"title":"ESLintの設定ファイルをブラウザでポチポチして作るツールを作った - Qiita","url":"http://qiita.com/pirosikick/items/64cb38752fa252911501"}]},{"title":"ecmascript-6-destructuring-gotcha","url":"https://www.nczonline.net/blog/2015/10/ecmascript-6-destructuring-gotcha/","content":"`let {} = {};` がES6でvalidであるというのは混乱を起こすのではという話。\n現在、EMCAScript仕様のIssueとして修正するべきかが議論されている。\n\n- [Destructuring declarations that bind nothing should probably be an early error · Issue #97 · tc39/ecma262](https://github.com/tc39/ecma262/issues/97 \"Destructuring declarations that bind nothing should probably be an early error · Issue #97 · tc39/ecma262\")","tags":["ECMAScript","spec"],"date":"2015-10-25T11:09:09.836Z","relatedLinks":[]},{"title":"dleitee/valid.js","url":"https://github.com/dleitee/valid.js","content":"String、Number、Date、Boolなどにおけるバリデーションを組み合わせたバリデーション関数を作成できるライブラリ","tags":["JavaScript","library"],"date":"2015-10-25T11:11:40.495Z","relatedLinks":[]},{"title":"Experimenting with Object.observe in JavaScript","url":"http://www.sitepoint.com/experimenting-object-observe-javascript-found-useful/","content":"ES.nextで提案されている`Object.observe`の現状について。\nブラウザのサポート状況、Polyfillについて","tags":["JavaScript","ECMAScript"],"date":"2015-10-25T11:15:05.382Z","relatedLinks":[]},{"title":"Vue.js 1.0.0 Released - vue.js","url":"http://vuejs.org/2015/10/26/1.0.0-release/","content":"Vue.js 1.0.0リリース。\nテンプレートの改善、非推奨なAPIを削除、初期表示の速度改善など","tags":["JavaScript","library","ReleaseNote"],"date":"2015-10-27T03:58:20.053Z","relatedLinks":[{"title":"Release 1.0.0 Evangelion · vuejs/vue","url":"https://github.com/vuejs/vue/releases/tag/1.0.0"},{"title":"Vue.js 1.0.0 リリースしました - vue.js","url":"http://jp.vuejs.org/2015/10/26/1.0.0-release/"},{"title":"Vue.js: a (re)introduction","url":"http://blog.evanyou.me/2015/10/25/vuejs-re-introduction/"}]},{"title":"Vue.js: a (re)introduction","url":"http://blog.evanyou.me/2015/10/25/vuejs-re-introduction/","content":"Vue.js 1.0.0がリリースされたため、Vue.jsについて改めて紹介する記事","tags":["JavaScript","library","tutorial"],"date":"2015-10-27T04:00:52.502Z","relatedLinks":[]},{"title":"node-browserify/changelog.markdown at master · substack/node-browserify","url":"https://github.com/substack/node-browserify/blob/master/changelog.markdown#1200","content":"Browserify 12.0.0リリース。\nNode.js 4.xが対象となり、0.8はサポートから外れた。\nSource Mapで日本語などが化けないように、シンボリックリンクされたモジュールは変換の対象外へと変更など","tags":["browser","ReleaseNote"],"date":"2015-10-27T06:48:02.417Z","relatedLinks":[]},{"title":"Why Isomorphic JavaScript? - O'Reilly Media","url":"http://www.oreilly.com/web-platform/free/why-isomorphic-javascript.csp","content":"Isomorphicについての薄い電子書籍","tags":["JavaScript","book"],"date":"2015-10-27T12:59:06.119Z","relatedLinks":[]},{"title":"Release 1.20.0 · jquery/qunit","url":"https://github.com/jquery/qunit/releases/tag/1.20.0","content":"QUnit 1.20.0リリース\n`assert.raises()`の追加、`Symbol`の比較をサポート、`QUnit.module`のネストに対応するなど\n","tags":["JavaScript","testing","library","ReleaseNote"],"date":"2015-10-28T06:30:57.578Z","relatedLinks":[]},{"title":"Dev.Opera — Opera 33 released","url":"https://dev.opera.com/blog/opera-33/","content":"Opera 33リリース。\n`<link rel=preconnect>`、ES6 `new.target`、spread operator、DOMException、`CSS.escape`、HTTP Client Hintsなどのサポート","tags":["Opera","Chrome","ReleaseNote"],"date":"2015-10-29T01:45:34.842Z","relatedLinks":[]},{"title":"New in bluebird 3.0 | bluebird","url":"http://bluebirdjs.com/docs/new-in-bluebird-3.html","content":"Promiseライブラリであるbluebird 3.0リリース。\nCancellation APIのデザインを変更、 Promisificationの挙動を変更、`Promise.config`で警告を有効化できるようになるなど","tags":["JavaScript","Promises","library","ReleaseNote"],"date":"2015-10-29T03:28:03.467Z","relatedLinks":[]},{"title":"Firebug & DevTools Integration ★ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2015/10/firebug-devtools-integration/","content":"FirebugとFirefox開発者ツールについて。\nFirebug 3ではFirefox開発者ツール上で動くものとなる。\nHAR exportやServer側からconsole APIを利用できるChrome Loggerのプロトコルに対応するなど","tags":["firefox","Firebug","debug"],"date":"2015-10-29T08:12:52.325Z","relatedLinks":[]},{"title":"React+Flux can do in just 137 lines what jQuery can do in 10 | A geek with a hat","url":"http://swizec.com/blog/reactflux-can-do-in-just-137-lines-what-jquery-can-do-in-10/swizec/6740","content":"メール出すだけの機能を作るのにjQueryだと10行、React+Fluxだと137行となった。\n行数で見ると無駄に見えるが、\nFluxはパターンであるため他の人が見た時に理解がしやすかったり、新しい機能を追加しやすいなどの違いがあるという話。","tags":["JavaScript","設計","jQuery","React","Flux"],"date":"2015-10-29T08:22:07.946Z","relatedLinks":[]},{"title":"ES7: Async await","url":"http://tagtree.io/es7-async-await","content":"async/awaitについてのスクリーンキャスト。\nPromiseでGitHub APIを叩くものを書いて、それをasync/awaitに書き換えながら紹介している","tags":["ECMAScript","JavaScript","video"],"date":"2015-10-29T09:55:52.071Z","relatedLinks":[]},{"title":"Vue.js入門","url":"http://www.slideshare.net/nazone/vuejs-54412741","content":"Vue.jsについてのスライド\n1.0での変更点や基本的な使い方について","tags":["JavaScript","library","slide"],"date":"2015-10-30T04:03:05.894Z","relatedLinks":[]},{"title":"Node v5.0.0 (Stable) | Node.js","url":"https://nodejs.org/en/blog/release/v5.0.0/","content":"Node.js 5.0.0リリース。\n`fs.readFile`がfile descriptorをサポート、npm 3.xがデフォルトへと変更、ALPNサポート、`util.inherits`がES6 Classesからも継承できるようになるなど","tags":["node.js","ReleaseNote"],"date":"2015-10-30T07:03:11.543Z","relatedLinks":[{"title":"ファイル記述子がfs.readFile()等でサポートへ - Weblog - Hail2u.net","url":"http://hail2u.net/blog/coding/file-descriptor-support-in-fs-file-functions.html"}]},{"title":"6.0.0 Released · Babel","url":"https://babeljs.io/blog/2015/10/29/6.0.0","content":"Babel 6.0.0リリース。\nまだ関連プラグインが追いついていないため扱いに注意。\nBabelの内部的に使っていたモジュールがそれぞれパッケージとして利用できるようになった。\nプラグインがオプトインとなり、同時にプラグインプリセットが用意された。\nまた変換の速度改善やプラグインのAPI変更が行われている。","tags":["babel","ReleaseNote"],"date":"2015-10-30T07:35:57.138Z","relatedLinks":[{"title":"babel/CHANGELOG.md at master · babel/babel","url":"https://github.com/babel/babel/blob/master/CHANGELOG.md#600"}]},{"title":"ESLint v1.7.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2015/10/eslint-v1.7.0-released/","content":"ESLint v1.7.0リリース。\neslintrcの`extends`にJavaScriptのファイルパスそのもを書いて設定を継承出来るようになった","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-10-17T04:35:40.325Z","relatedLinks":[]},{"title":"TypeScript 1.6時代の.d.ts管理について意見を述べておく - Qiita","url":"http://qiita.com/vvakame/items/72d22e33632178f7db24","content":"npmパッケージとTypeScriptのd.tsの管理について。","tags":["TypeScript","まとめ"],"date":"2015-10-19T09:32:52.066Z","relatedLinks":[]},{"title":"express実践入門","url":"https://gist.github.com/mitsuruog/fc48397a8e80f051a145","content":"expressの入門記事\n基本的な使い方、ミドルウェア、プロジェクト構造、テンプレート、エラーハンドリング、ログの取り方などについて書かれている","tags":["node.js","server","tutorial"],"date":"2015-10-30T09:40:40.157Z","relatedLinks":[]},{"title":"ESLint v1.8.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2015/10/eslint-v1.8.0-released/","content":"ESLint v1.8.0リリース。\n`--cache`でキャッシュを作るファイル・ディレクトリを指定できるように","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-10-31T04:32:08.078Z","relatedLinks":[]},{"title":"React Cheat Sheet","url":"http://reactcheatsheet.com/","content":"ReactのAPIから該当ドキュメントへ移動出来るチートシート","tags":["React","チートシート","search"],"date":"2015-11-01T10:27:07.809Z","relatedLinks":[]},{"title":"Learning JavaScript, 3rd Edition - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920035534.do","content":"2016年1月発売\n初めてのJavaScript 第3版","tags":["JavaScript","book"],"date":"2015-11-01T14:31:16.294Z","relatedLinks":[]},{"title":"samccone/drool","url":"https://github.com/samccone/drool","content":"ChromeDriver(via selenium)を使ってメモリリークが起きてないかを自動チェックするためのツール。","tags":["Chrome","webdriver","debug"],"date":"2015-11-02T08:38:47.645Z","relatedLinks":[]},{"title":"codemix/fast.js","url":"https://github.com/codemix/fast.js","content":"ArrayやStringなどのネイティブメソッドと似たような処理を実装し直してるライブラリ。\n100％の互換性ではなくエッジケースへの対応などは落とすことで速度を稼いでいる","tags":["JavaScript","library"],"date":"2015-11-03T07:24:41.208Z","relatedLinks":[]},{"title":"Bitovi.com | DoneJS Release","url":"http://blog.bitovi.com/donejs-release/","content":"JavaScriptMVCの後継であるDoneJSリリース。\nDoneJSの特徴について紹介されてる","tags":["JavaScript","MVC","library","Electron"],"date":"2015-11-03T09:55:22.308Z","relatedLinks":[{"title":"donejs - donejs","url":"http://donejs.com/"}]},{"title":"Easier Concurrent Programming in JavaScript with Async Functions","url":"http://amasad.me/2015/10/31/javascript-async-functions-for-easier-concurrent-programming/","content":"自動販売機的なプログラミングを題材に非同期処理があってもレースコンディションが起きないする話\nステートマシンベースのもの、Promiseキューとasync/awaitを使ったものをそれぞれ見ていく話","tags":["JavaScript"],"date":"2015-11-03T10:14:42.835Z","relatedLinks":[]},{"title":"Release ES2016 Draft 2015-11-03 · tc39/ecma262","url":"https://github.com/tc39/ecma262/releases/tag/es2016-draft-20151103","content":"ES2016 Draft 2015-11-03リリース。\nabstract operationであるReturnIfAbruptのシンタックスシュガーである`?`の導入。\n仕様書のバグ修正や実際の実装に合わせて`__proto__`がstrict modeでも許可されるようになるなど","tags":["ECMAScript","ReleaseNote"],"date":"2015-11-04T06:09:49.180Z","relatedLinks":[]},{"title":"Selenium - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920042853.do","content":"2016年1月発売\nSeleniumについての書籍","tags":["Selenium","book"],"date":"2015-11-04T09:26:13.255Z","relatedLinks":[]},{"title":"Developer Edition 44: New visual editing and memory management tools ★ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2015/11/developer-edition-44-creative-tools-and-more/","content":"Firefox 44での開発者ツールについて。\nアニメーションパネル、 pixel rulers、メモリ消費量のスナップショット、WebSocketのデバッグ機能の追加など","tags":["firefox","debug"],"date":"2015-11-05T07:35:45.173Z","relatedLinks":[{"title":"Developer Edition 44：新しいスタイル調整機能とメモリー管理ツール | Mozilla Japan ブログ","url":"http://www.mozilla.jp/blog/entry/10510/"}]},{"title":"Javascript quiz. ES6 edition. — Perfection Kills","url":"http://perfectionkills.com/javascript-quiz-es6/","content":"ES6についてのJavaScriptクイズ","tags":["ECMAScript","JavaScript"],"date":"2015-11-05T07:51:51.869Z","relatedLinks":[]},{"title":"Release v3.4.0 · npm/npm","url":"https://github.com/npm/npm/releases/tag/v3.4.0","content":"npm 3.4.0で`npm install && npm test`を行う`npm install-test`というコマンドが追加された。\n`--dry-run`などと組み合わせて、依存モジュールのアップデートテストに活用出来る","tags":["npm","ReleaseNote"],"date":"2015-11-06T02:29:53.626Z","relatedLinks":[]},{"title":"DevTools Challenger","url":"http://devtoolschallenger.com/","content":"Firefoxの開発者ツールの使い方についてを学べるサイト。\nアニメーション制御やカラーピッカーなどのFirefox 44で新しく追加された機能について扱ってる。","tags":["firefox","debug"],"date":"2015-11-06T02:34:14.454Z","relatedLinks":[{"title":"Developer Edition 44: New visual editing and memory management tools ★ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2015/11/developer-edition-44-creative-tools-and-more/"}]},{"title":"PEP 0.4.0 | Official jQuery Blog","url":"http://blog.jquery.com/2015/11/05/pep-0-4-0/","content":"Pointer Events Polyfill 0.4.0リリース","tags":["jQuery","library","ReleaseNote"],"date":"2015-11-06T04:14:06.141Z","relatedLinks":[]},{"title":"Amazon: 確かな力が身につくJavaScript「超」入門 (Informatics & IDEA): 狩野 祐東","url":"http://www.amazon.co.jp/dp/4797383585","content":"プログラミング初心者向けのJavaScriptについての書籍","tags":["JavaScript","初心者","book"],"date":"2015-11-06T09:23:39.291Z","relatedLinks":[{"title":"確かな力が身につくJavaScript「超」入門 | 狩野祐東の本 solidpanda.com","url":"http://www.solidpanda.com/book/title/js-beginner/"}]},{"title":"Scooter - Welcome to Scooter","url":"http://dropbox.github.io/scooter/","content":"DropboxのSassフレームワーク","tags":["dropbox","Sass","library"],"date":"2015-11-06T15:32:29.767Z","relatedLinks":[]},{"title":"ESLint v1.9.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2015/11/eslint-v1.9.0-released/","content":"ESLint v1.9.0リリース。\nnpm 3の対応改善","tags":["JavaScript","ECMAScript","library","ReleaseNote"],"date":"2015-11-08T05:22:24.896Z","relatedLinks":[]},{"title":"lepture/vui · GitHub","url":"https://github.com/lepture/vui","content":"Vue.jsベースのUIフレームワーク","tags":["JavaScript","UI","library"],"date":"2015-11-08T09:07:58.854Z","relatedLinks":[]},{"title":"フロントエンドに秩序を取り戻す方法 // Speaker Deck","url":"https://speakerdeck.com/fand/hurontoendonizhi-xu-woqu-rili-sufang-fa","content":"昔ながらの名前空間風で管理されconcatして扱うJavaScriptをどうやってモジュール管理出来るようにリファクタリングしていくかという話。\nまた、Reactなどのライブラリ導入における議論やリファクタリングとE2E/ユニットテストについて","tags":["JavaScript","slide"],"date":"2015-11-08T15:01:45.630Z","relatedLinks":[]},{"title":"npmcdn","url":"https://npmcdn.com/","content":"npmにあるものをブラウザで読み込めるように配信するCDN的なサービス","tags":["npm","library","webservice"],"date":"2015-11-09T09:37:45.689Z","relatedLinks":[]},{"title":"Javascript Unit Testing - Early Release - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920042594.do","content":"ユニットテストについてのスクリーンキャスト","tags":["JavaScript","video"],"date":"2015-11-09T12:34:53.302Z","relatedLinks":[]},{"title":"7 Things You Should Know About WebAssembly","url":"https://auth0.com/blog/2015/10/14/7-things-you-should-know-about-web-assembly/","content":"WebAssemblyについてよくある疑問に対する分かりやすい解説","tags":["WebAssembly"],"date":"2015-11-09T12:41:41.937Z","relatedLinks":[]},{"title":"neal-react - Declarative landing pages for react.js","url":"http://www.nealjs.com/","content":"Reactを使ったランディングページでよく使われるUIをまとめたComponent集","tags":["React","UI","library"],"date":"2015-11-09T12:44:06.218Z","relatedLinks":[]},{"title":"What's new in Chrome DevTools? // Speaker Deck","url":"https://speakerdeck.com/addyosmani/whats-new-in-chrome-devtools","content":"Chrome開発者ツールの新しい機能についてのスライド","tags":["Chrome","debug"],"date":"2015-11-09T13:00:55.225Z","relatedLinks":[]},{"title":"KeitaMoromizato/js-study-front-test","url":"https://github.com/KeitaMoromizato/js-study-front-test","content":"Node.jsでのテストとKarmaなどを使ったブラウザテストの違いや仕組みについて。\n実際に試せるサンプルと共に紹介されているので分かりやすい。","tags":["JavaScript","testing","tutorial"],"date":"2015-11-10T03:45:16.764Z","relatedLinks":[{"title":"社内JavaScript勉強会で作ったコンテンツまとめ - Qiita","url":"http://qiita.com/KeitaMoromizato/items/82679e98add1345646c6"}]},{"title":"Microsoft/nodejs-guidelines","url":"https://github.com/Microsoft/nodejs-guidelines","content":"Windows向けのNode.js入門的なガイドライン","tags":["MS","node.js","windows","tutorial"],"date":"2015-11-10T11:59:11.248Z","relatedLinks":[]},{"title":"babel/CHANGELOG.md at master · babel/babel","url":"https://github.com/babel/babel/blob/master/CHANGELOG.md#614","content":"Babel 6.1.4リリース。\n`babel/register`が`babel-register`というパッケージに分離、ブラウザ向けの`babel-browser`パッケージの追加、バグ修正など","tags":["babel","ReleaseNote"],"date":"2015-11-12T07:50:47.241Z","relatedLinks":[]},{"title":"mweststrate/mobservable","url":"https://github.com/mweststrate/mobservable","content":"配列やオブジェクトなどをラップして変更監視が出来るライブラリ。\ngetterとsetterを使い変更を監視するためプロパティの代入による変更を通知出来る","tags":["JavaScript","library"],"date":"2015-11-12T08:55:22.074Z","relatedLinks":[{"title":"Object.observe is dead. Long live Mobservable.observe — Medium","url":"https://medium.com/@mweststrate/object-observe-is-dead-long-live-mobservable-observe-ad96930140c5"}]},{"title":"Client-Side Data Storage - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920043676.do","content":"2016年1月発売\nクライアントサイドのストレージについての書籍","tags":["browser","JavaScript","book"],"date":"2015-11-13T08:04:37.659Z","relatedLinks":[]},{"title":"Schedule - View Source","url":"https://viewsourceconf.org/schedule/","content":"ViewSource Conferenceの動画とスライドまとめ","tags":["browser","Conference","slide","まとめ"],"date":"2015-11-13T08:13:29.005Z","relatedLinks":[]},{"title":"Kinoma now shipping JavaScript 6th Edition (ES6) support | Kinoma Notes - Blog of Kinoma team","url":"http://blog.kinoma.com/2015/10/es6_support/","content":"KinomaのIoTデバイス向けのJavaScriptエンジンXS6がES6 Compat tableで96％の実装率を持っているという話","tags":["JavaScript","ECMAScript"],"date":"2015-11-15T14:18:12.204Z","relatedLinks":[{"title":"ECMAScript 6 compatibility table","url":"http://kangax.github.io/compat-table/es6/"}]},{"title":"BlinkOn 5 One Pager - Google ドキュメント","url":"https://docs.google.com/document/d/1BtfsTBVt7KZekH69dCXK0nOCn-W_kkv23lqjqTJ_sYY/edit#heading=h.rx77pwie3tnj","content":"BlinkOn 5のスライドと動画まとめ","tags":["blink","Conference","まとめ"],"date":"2015-11-16T09:23:05.471Z","relatedLinks":[]},{"title":"What’s in ECMAScript 2016 (ES7)?","url":"http://www.2ality.com/2015/11/tc39-process.html","content":"ECMAScriptに関する用語解説やES.nextにおける策定プロセスの解説。\nまた“ES7 features”のような紹介は間違っているかもしれないという話や現状の策定状況についてなど","tags":["ECMAScript","spec"],"date":"2015-11-16T09:31:09.812Z","relatedLinks":[{"title":"Introduction | ECMAScriptとは何か？","url":"http://azu.github.io/slide-what-is-ecmascript/"}]},{"title":"ES6 in Practice","url":"http://www.slideshare.net/teppeis/es6-in-practice","content":"ECMAScriptの策定プロセスやES6 Modulesについてのスライド。\nES6 Modulesのメリット、現状の問題について書かれている。\n現状では構文とセマンティクスのみが決定している。\n読み込み方などについて、BabelなどのTranspilerは独自の解釈があることについての問題提起","tags":["ECMAScript","slide"],"date":"2015-11-16T09:34:48.933Z","relatedLinks":[]},{"title":"danvk/source-map-explorer · GitHub","url":"https://github.com/danvk/source-map-explorer","content":"Source Mapから利用情報を可視化してファイルサイズやサイズの割合などを調べるツール","tags":["sourcemap","debug"],"date":"2015-11-16T10:03:11.155Z","relatedLinks":[]},{"title":"jaredreich/notie.js","url":"https://github.com/jaredreich/notie.js","content":"依存がないNotification UIライブラリ。\n画面上に被さる通知UI","tags":["JavaScript","UI","library"],"date":"2015-11-16T10:08:43.315Z","relatedLinks":[]},{"title":"鉄腕アニメーション","url":"http://people.mozilla.org/~bbirtles/pres/201511-astro-animation/#/title-screen","content":"Web Animationについてのスライド","tags":["firefox","animation","slide"],"date":"2015-11-16T10:12:01.031Z","relatedLinks":[]},{"title":"Jeff Morrison - Flow or how I learned to stop worrying and typecheck my React code - YouTube","url":"https://www.youtube.com/watch?v=9U4_hlnaFEE","content":"ReactとFlowTypeを使った開発についての動画","tags":["React","flowtype","video"],"date":"2015-11-16T10:20:52.296Z","relatedLinks":[]},{"title":"Haskell in ES6: Part 1- casual javascript","url":"http://casualjavascript.com/javascript/es6/haskell/native/implementation/2015/11/12/haskell-in-es6-part-1.html","content":"JavaScriptでHaskellの関数を実装していく話","tags":["JavaScript","関数型プログラミング"],"date":"2015-11-16T10:22:42.473Z","relatedLinks":[]},{"title":"Anatomy of a large Angular application — Medium","url":"https://medium.com/@bojzi/anatomy-of-a-large-angular-application-f098e5e36994","content":"大きなAngularJSアプリの構造について。\nTypeScriptで書いてBrowserifyでビルド、コードの構造のレイヤー分けやデータフローなどの設計について","tags":["Angular","JavaScript","設計"],"date":"2015-11-16T13:30:03.403Z","relatedLinks":[]},{"title":"Porting C/C++ to Web - Google スライド","url":"https://docs.google.com/presentation/d/1liKVavDBbcg0w8izutvVopCWKGu5M7EJPvst1JlpN_s/present#slide=id.p","content":"今までのブラウザのプラグイン(ネイティブコード)とJavaScriptについてのスライド。\nC/C++をemscriptenで変換する方法やasm.js、wasmについての解説。\nまたそれぞれの現段階での実行速度について","tags":["JavaScript","C言語","C++","slide"],"date":"2015-11-16T13:48:32.980Z","relatedLinks":[{"title":"Web Assembly BlinkOn 5 - Google スライド","url":"https://docs.google.com/presentation/d/19gdTwicIb-tkZ1bg8117pKVJ5oLnBbf1FsRUfDuFSQg/present#slide=id.g40421410250356b_1"},{"title":"ハイパフォーマンスなWebを実現するasm.js／WebAssemblyとは――Mozillaのルーク・ワグナー氏に聞く：CodeZine（コードジン）","url":"http://codezine.jp/article/detail/9072"}]},{"title":"sapegin/react-styleguidist","url":"https://github.com/sapegin/react-styleguidist","content":"React Componentのコードからスタイルガイドを生成するツール","tags":["React","UI","document"],"date":"2015-11-17T02:56:00.048Z","relatedLinks":[]},{"title":"Ember.js - Ember.js 2.2 and 2.3 Beta Released","url":"http://emberjs.com/blog/2015/11/16/ember-2-2-released.html","content":"Ember.js 2.2と2.3 Betaリリース。\n2.3 Betaではcontextual componentsの機能が追加された","tags":["JavaScript","library","ReleaseNote"],"date":"2015-11-17T07:45:10.542Z","relatedLinks":[]},{"title":"Node v5.1.0 (Stable) | Node.js","url":"https://nodejs.org/en/blog/release/v5.1.0/","content":"Node.js 5.1.0リリース。\n","tags":["node.js","ReleaseNote"],"date":"2015-11-18T06:21:50.574Z","relatedLinks":[]},{"title":"protractor/CHANGELOG.md at 3.0.0 · angular/protractor","url":"https://github.com/angular/protractor/blob/3.0.0/CHANGELOG.md","content":"E2EテストフレームワークのProtractor 3.0.0リリース。\njasmine 2.xへのアップデート、Cucumberはデフォルトではなくなり、BrowserStackのサポートなど","tags":["E2E","testing","Angular","ReleaseNote"],"date":"2015-11-18T12:19:57.550Z","relatedLinks":[]},{"title":"Release JSDoc 3.4.0 · jsdoc3/jsdoc","url":"https://github.com/jsdoc3/jsdoc/releases/tag/3.4.0","content":"JSDoc 3.4.0リリース。\nES6で書かれたコードのサポート、JSXのサポート、Rhinoのサポート終了など","tags":["JavaScript","document","Tools","ReleaseNote"],"date":"2015-11-18T12:22:59.387Z","relatedLinks":[]},{"title":"Announcing Visual Studio Code Beta - Visual Studio Code - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/vscode/archive/2015/11/17/announcing-visual-studio-code-beta.aspx","content":"VS Codeがオープンソースとして公開され、Extensionの仕組みなども提供されてる。","tags":["TypeScript","editor","ReleaseNote"],"date":"2015-11-18T16:31:05.339Z","relatedLinks":[]},{"title":"jest/CHANGELOG.md at 0.8.0 · facebook/jest","url":"https://github.com/facebook/jest/blob/0.8.0/CHANGELOG.md","content":"JavaScriptテストフレームワークのJest 0.8.0リリース。\njasmine 2に対応","tags":["JavaScript","testing","library","ReleaseNote"],"date":"2015-11-19T06:35:45.604Z","relatedLinks":[]},{"title":"W3C Highlights - October 2015","url":"http://www.w3.org/2015/10/w3c-highlights/","content":"2015年10月のW3Cハイライト。\nWGの議論場としてDiscourse、リポジトリ管理にGitHubを使うケースが増えた。\nW3C Document Licenseが作られた。\nMOOCsのプラットフォームであるedXと連携してオンライン講座を開設するなど","tags":["W3C","まとめ"],"date":"2015-11-19T09:56:16.997Z","relatedLinks":[{"title":"W3Cx - Free Courses from The World Wide Web Consortium (W3C) | edX","url":"https://www.edx.org/school/w3cx"}]},{"title":"babel/CHANGELOG.md at master · babel/babel","url":"https://github.com/babel/babel/blob/master/CHANGELOG.md#620","content":"Babel 6.2.0リリース。\nES.next Stage 2の`function.sent`のサポート、コメントに関するバグの修正など","tags":["babel","ReleaseNote"],"date":"2015-11-19T10:04:58.667Z","relatedLinks":[{"title":"ESideas/Generator metaproperty.md at master · allenwb/ESideas","url":"https://github.com/allenwb/ESideas/blob/master/Generator%20metaproperty.md"}]},{"title":"Node.jsのセキュリティ・チェックリスト | プログラミング | POSTD","url":"http://postd.cc/node-js-security-checklist/","content":"Node.jsで書かれたウェブアプリケーションのセキュリティチェックリストについて","tags":["node.js","セキュリティ","translate"],"date":"2015-11-19T15:30:35.939Z","relatedLinks":[]},{"title":"`redux`と`flux`を比べてみたときの個人的な感想","url":"http://www.slideshare.net/ssusera7b1a1/reduxflux","content":"Reduxとfluxについての比較","tags":["React","Flux","slide"],"date":"2015-11-21T12:15:59.939Z","relatedLinks":[]},{"title":"Flexbox For Interfaces All The Way: Tracks Case Study – Smashing Magazine","url":"http://www.smashingmagazine.com/2015/11/flexbox-interfaces-tracks-case-study/","content":"Flexboxにおけるパターンの解説","tags":["CSS"],"date":"2015-11-22T13:19:53.238Z","relatedLinks":[]},{"title":"React - Redux 基礎：Action 編 - Qiita","url":"http://qiita.com/yasuhiro-okada-aktsk/items/09ab40af831c6d73491b","content":"Reduxの基本的な使い方について紹介している記事。\nRedux内に出てくるパターンについても書かれている","tags":["JavaScript","Flux","tutorial"],"date":"2015-11-22T13:39:33.559Z","relatedLinks":[{"title":"React - Redux 基礎：Reducer 編 - Qiita","url":"http://qiita.com/yasuhiro-okada-aktsk/items/9d9025cb58ffba35f864"},{"title":"React - Redux 基礎：Middleware 編 - Qiita","url":"http://qiita.com/yasuhiro-okada-aktsk/items/1fe3df267a6034d970c1"},{"title":"yasuhiro-okada-aktsk/sample_redux","url":"https://github.com/yasuhiro-okada-aktsk/sample_redux"}]},{"title":"ESLint v1.10.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2015/11/eslint-v1.10.0-released/","content":"ESLint v1.10.0リリース。\n設定ファイルとして`.eslintrc.yml`等も認識するように、`--init` で幾つかのデフォルトスタイルを選べるようになど","tags":["JavaScript","Tools","ReleaseNote"],"date":"2015-11-22T13:49:16.158Z","relatedLinks":[]},{"title":"ES.stage3: Object.entries() and Object.values()","url":"http://www.2ality.com/2015/11/stage3-object-entries.html","content":"Stage 3の`Object.entries()`と`Object.values()`について。\n`Object.keys()`に対応する関係なので配列を返す。\nIteratorはReflect APIの方を利用する","tags":["ECMAScript"],"date":"2015-11-22T14:29:32.848Z","relatedLinks":[]},{"title":"Grunt, Rebooted | Official jQuery Blog","url":"http://blog.jquery.com/2015/11/19/grunt-rebooted/","content":"GruntはjQuery Foundationに移管され、新たなメンテナーを求める形で再始動するとのこと","tags":["Grunt","jQuery","issue"],"date":"2015-11-22T14:39:21.439Z","relatedLinks":[{"title":"Grunt needs your help! · Issue #1403 · gruntjs/grunt","url":"https://github.com/gruntjs/grunt/issues/1403"},{"title":"Grunt project tasks for jQuery Foundation transition · Issue #1404 · gruntjs/grunt","url":"https://github.com/gruntjs/grunt/issues/1404"}]},{"title":"JavaScript Air","url":"http://javascriptair.com/","content":"JavaScriptポッドキャスト。\nHangoutsでのライブ配信も行う。\n初回はBrendan Eichがゲストの予定。","tags":["JavaScript","podcast"],"date":"2015-11-22T14:52:47.903Z","relatedLinks":[{"title":"Introducing JavaScript Air — Medium","url":"https://medium.com/@kentcdodds/introducing-javascript-air-46700561f38d#.v9ty44vkg"}]},{"title":"Plotly.js Open-Source Announcement","url":"https://plot.ly/javascript/open-source-announcement/","content":"D3.jsとstack.glをベースにしたグラフライブラリ。","tags":["JavaScript","グラフ","library"],"date":"2015-11-22T14:54:32.490Z","relatedLinks":[{"title":"plotly/plotly.js","url":"https://github.com/plotly/plotly.js"}]},{"title":"ally.js","url":"http://allyjs.io/","content":"DOM要素のフォーカスとタブ移動に関するブラウザ差異の吸収ライブラリ。\n`:focus-within` のpolyfill提供など","tags":["JavaScript","アクセシビリティ","library"],"date":"2015-11-23T09:36:54.382Z","relatedLinks":[{"title":"What does \"focusable\" mean? - ally.js","url":"http://allyjs.io/what-is-focusable.html"}]},{"title":"kdzwinel/betwixt","url":"https://github.com/kdzwinel/betwixt","content":"通信内容をキャプチャしてデバッグに利用できるローカルプロキシ。\nChrome開発者ツールのネットワークパネル風UIで通信内容を見ることが出来る。","tags":["HTTP","proxy","Chrome","node.js"],"date":"2015-11-24T13:54:24.709Z","relatedLinks":[]},{"title":"Introducing Pokedex.org: a progressive webapp for Pokémon fans — Pocket JavaScript","url":"http://www.pocketjavascript.com/blog/2015/11/23/introducing-pokedex-org","content":"Progressive Web Apps(アプリになっていくウェブ)を実現する色々。\nオフラインでも動作するようにしたり、\n60FPSスクロールを実現するためにVirtual DOMのdiff/patchをWeb WorkerでUIから重たい処理を省き、CSSアニメーションを活用するなど","tags":["JavaScript","performance"],"date":"2015-11-25T13:37:18.244Z","relatedLinks":[{"title":"Progressive Web Apps: Escaping Tabs Without Losing Our Soul – Infrequently Noted","url":"https://infrequently.org/2015/06/progressive-apps-escaping-tabs-without-losing-our-soul/"},{"title":"Progressive Web Appsとは - fragmentary","url":"http://myakura.hatenablog.com/entry/2015/11/18/053939"}]},{"title":"Amazon: What Every JavaScript Developer Should Know About ECMAScript 2015 (OdeToCode Programming Series): K. Scott Allen","url":"http://www.amazon.com/dp/B018D12X0C?tag=amazon0abac-22","content":"ES6についてのKindle本\n100ページ程で追加された構文やオブジェクト、メソッドについて解説されてる。","tags":["ECMAScript","JavaScript","book","kindle"],"date":"2015-11-25T15:57:30.295Z","relatedLinks":[]},{"title":"React.js Conf | February 22 & 23 2016","url":"http://conf.reactjs.com/","content":"2016年2月22-23日にReact.js Confが開催","tags":["React","Conference"],"date":"2015-11-26T00:59:02.653Z","relatedLinks":[]},{"title":"mweststrate/ts-npm-lint","url":"https://github.com/mweststrate/ts-npm-lint","content":"TypeScriptで書かれたモジュールを公開するときに`package.json`の内容などをチェック、修正するツール","tags":["TypeScript","npm","Tools"],"date":"2015-11-26T02:32:54.641Z","relatedLinks":[]},{"title":"Don't lose user and app state, use Page Visibility - igvita.com","url":"https://www.igvita.com/2015/11/20/dont-lose-user-and-app-state-use-page-visibility/","content":"pagehideやvisibilityChangeなどの画面表示関連のイベント対応表。\n各ブラウザでのサポート状況について","tags":["JavaScript","まとめ","event"],"date":"2015-11-26T02:37:55.500Z","relatedLinks":[]},{"title":"V8 JavaScript Engine: V8 Release 4.8","url":"http://v8project.blogspot.jp/2015/11/v8-release-48.html","content":"V8 4.8リリース(Chrome 48で搭載)。\nwell-known symbolsの追加、 ArrayメソッドがArray-likeなオブジェクトを扱う際にES6の仕様へ準拠するように","tags":["V8","ReleaseNote"],"date":"2015-11-26T03:00:21.701Z","relatedLinks":[{"title":"Issue 3087 - v8 - ES6: Array.prototype.slice and friends should use ToLength instead of ToUint32 - V8 JavaScript Engine - Google Project Hosting","url":"https://code.google.com/p/v8/issues/detail?id=3087"}]},{"title":"AngularJS 1.5.0-beta.2 and 1.4.8 have been released","url":"http://angularjs.blogspot.jp/2015/11/angularjs-15-beta2-and-14-releases.html","content":"AngularJS 1.5.0-beta.2と1.4.8リリース。\n","tags":["Angular","ReleaseNote"],"date":"2015-11-26T08:00:31.050Z","relatedLinks":[]},{"title":"RailsのAsset PipelineとPrecompileをNode.jsのみで処理できるgulp-sprocketsを作った - yo_waka's blog","url":"http://waka.github.io/2015/11/25/gulp_sprockets.html","content":"Sprocketsの独自ディレクティブもパースして、gulp上でビルド出来るようにするgulpプラグイン","tags":["gulp","rails"],"date":"2015-11-26T08:04:12.133Z","relatedLinks":[]},{"title":"Introducing EdgeHTML 13, our first platform update for Microsoft Edge | Microsoft Edge Dev Blog","url":"http://blogs.windows.com/msedgedev/2015/11/16/introducing-edgehtml-13-our-first-platform-update-for-microsoft-edge/","content":"EdgeHTML 13の変更点について。\nHTMLやCSS関連では、\nCSS `initial`と`unset`、`a[download]`、`input[type=time]`、`<picture>`、ORTC、`<template>`のサポート。\n\nJavaScript関連では、ES6 Classes、asm.jsをデフォルトサポート。\nフラグ付きでasync/await、Exponentiation operator、Destructuringのサポート。","tags":["MSEdge","ReleaseNote"],"date":"2015-11-26T13:24:51.482Z","relatedLinks":[{"title":"Release version 10586 : Microsoft Edge Dev","url":"https://dev.windows.com/en-us/microsoft-edge/platform/changelog/desktop/10586/?compareWith=10240"}]},{"title":"What are the best JavaScript IDEs? - Slant","url":"http://www.slant.co/topics/1686/~javascript-ides","content":"JavaScriptのエディタ/IDEまとめ","tags":["JavaScript","editor","まとめ"],"date":"2015-11-28T04:12:12.369Z","relatedLinks":[]},{"title":"mo · js - Motion Graphics For The Web","url":"http://mojs.io/","content":"モーショングラフィックライブラリ。\nSVGとCSS animationを使ったアニメーションライブラリ","tags":["JavaScript","animation","SVG","library"],"date":"2015-11-28T07:46:51.690Z","relatedLinks":[]},{"title":"From Karma to Mocha, with a taste of jsdom — Podio Engineering Blog — Medium","url":"https://medium.com/podio-engineering-blog/from-karma-to-mocha-with-a-taste-of-jsdom-c9c703a06b21","content":"KarmaからMocha+jsdomへテストを移行した話。\nIsolationの仕組み、全テストの実行時間、単独のテストケース実行、監視などそれぞの項目における比較が書かれている","tags":["JavaScript","testing"],"date":"2015-11-29T14:31:59.202Z","relatedLinks":[]},{"title":"Configuring Babel 6","url":"http://www.2ality.com/2015/11/configuring-babel6.html","content":"Babel 6で細分化されたパッケージと基本的な使い方について","tags":["babel","設定"],"date":"2015-11-30T11:04:34.774Z","relatedLinks":[]},{"title":"Announcing TypeScript 1.7 - TypeScript - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/typescript/archive/2015/11/30/announcing-typescript-1-7.aspx","content":"TypeScript 1.7リリース。\nasync/awaitはフラグなしで利用できるように、Exponentiation operatorをサポート、`--target ES6`と`--module`が併用可能になるなど","tags":["TypeScript","ReleaseNote"],"date":"2015-12-01T01:04:28.643Z","relatedLinks":[{"title":"Roadmap · Microsoft/TypeScript Wiki","url":"https://github.com/Microsoft/TypeScript/wiki/Roadmap#17"},{"title":"What's new in TypeScript · Microsoft/TypeScript Wiki","url":"https://github.com/Microsoft/TypeScript/wiki/What%27s-new-in-TypeScript#typescript-17"},{"title":"TypeScript 1.7.3 変更点 - Qiita","url":"http://qiita.com/vvakame/items/0441f248b349eba9e267"}]},{"title":"Home | phina.js","url":"http://phinajs.com/","content":"tmlib.jsの後継となるゲームライブラリ。\nCnavasを使った描画、サウンド、入力系などゲーム作成に必要なものをサポートしてる","tags":["JavaScript","game","library"],"date":"2015-12-01T01:45:15.925Z","relatedLinks":[{"title":"本日 JavaScript ゲームライブラリ『phina.js』をリリースしました! | phiary","url":"http://phiary.me/phinajs-release/"}]},{"title":"OrKoN/jsperf","url":"https://github.com/OrKoN/jsperf","content":"jsperf.comのコードをNode.jsで実行できるツール","tags":["JavaScript","performance","node.js"],"date":"2015-12-01T06:13:59.646Z","relatedLinks":[]},{"title":"Node.js へのcontributeの仕方 - from scratch","url":"http://yosuke-furukawa.hatenablog.com/entry/2015/12/01/093433","content":"Node.jsへコントリビュートする場合のポイントについて","tags":["node.js","community","OSS"],"date":"2015-12-01T11:38:31.630Z","relatedLinks":[]},{"title":"Chrome 47 WebRTC: media recording, secure origins & proxy handling | Web Updates - Google Developers","url":"https://developers.google.com/web/updates/2015/10/chrome-47-webrtc","content":"Chrome 47のWebRTC関連のアップデートについて。\nMediaStreamRecorderをフラグ付きで実装、`getUserMedia()`がHTTPSのみ利用可能となるなど","tags":["Chrome","ReleaseNote"],"date":"2015-12-01T12:00:54.940Z","relatedLinks":[]},{"title":"Chrome Dev Summit 2015 - YouTube","url":"https://www.youtube.com/playlist?list=PLNYkxOF6rcICcHeQY02XLvoGL34rZFWZn","content":"Chrome Dev Summit 2015の動画一覧","tags":["Chrome","video","Conference","まとめ"],"date":"2015-12-01T12:02:16.550Z","relatedLinks":[{"title":"Chrome Dev Summit 2015","url":"https://developer.chrome.com/devsummit"}]},{"title":"WebTorrent - Streaming browser torrent client","url":"https://webtorrent.io/","content":"torrentのストリーミングをWebRTCで行うライブラリ","tags":["WebRTC","BitTorrent"],"date":"2015-12-02T23:14:37.025Z","relatedLinks":[]},{"title":"Release ES2016 Draft 2015-12-01 · tc39/ecma262","url":"https://github.com/tc39/ecma262/releases/tag/es2016-draft-20151201","content":"ES2016 Draft 2015-12-01リリース。\n`Promise.all/race`が`@@species`を参照しなくなった。\nPromiseのUnhandled Rejectionを検知するために必要な仕様がECMAScript側にも追加された","tags":["ECMAScript","spec","ReleaseNote"],"date":"2015-12-03T09:12:13.425Z","relatedLinks":[{"title":"domenic/unhandled-rejections-browser-spec","url":"https://github.com/domenic/unhandled-rejections-browser-spec"},{"title":"Promise Error Handling","url":"http://azu.github.io/slide/error-handling/promise-error-handling.html"}]},{"title":"babel/CHANGELOG.md at master · babel/babel","url":"https://github.com/babel/babel/blob/master/CHANGELOG.md#630","content":"Babel 6.3.0リリース。\n","tags":["babel","ReleaseNote"],"date":"2015-12-03T09:38:04.774Z","relatedLinks":[]},{"title":"Flexbox Froggy - A game for learning CSS flexbox","url":"http://flexboxfroggy.com/","content":"CSS Flexboxについて実際の描画結果見ながら学べるチュートリアル","tags":["CSS","tutorial"],"date":"2015-12-03T09:41:24.285Z","relatedLinks":[]},{"title":"Flow | Version 0.19.0","url":"http://flowtype.org/blog/2015/12/01/Version-0.19.0.html","content":"FlowType 0.19.0リリース。\n`@noflow`の追加、宣言のみを集めた`.flow`ファイルの対応など","tags":["flowtype","ReleaseNote"],"date":"2015-12-03T11:26:47.160Z","relatedLinks":[]},{"title":"Vue.jsにreduxを載せた話 | MMMブログ","url":"http://blog.mmmcorp.co.jp/blog/2015/12/03/vue-with-redux/","content":"Vue.jsとReduxを組み合わせて利用する話","tags":["JavaScript","library"],"date":"2015-12-03T14:57:38.956Z","relatedLinks":[]},{"title":"vuejs/vuex","url":"https://github.com/vuejs/vuex","content":"Vue.js向けのFluxライクなライブラリ","tags":["JavaScript","Flux","library"],"date":"2015-12-04T02:50:23.246Z","relatedLinks":[]},{"title":"airbnb/reagent","url":"https://github.com/airbnb/reagent","content":"React Componentをテストするための補助ライブラリ。\njsdomを使いレンダリングを再現した状態のテストも行える","tags":["JavaScript","React","testing"],"date":"2015-12-04T03:29:31.872Z","relatedLinks":[]},{"title":"Chromium Blog: Chrome 48 Beta: Present to Cast, custom notification buttons, and network estimation","url":"http://blog.chromium.org/2015/12/chrome-48-beta-present-to-cast-devices_91.html","content":"Chrome 48 Betaリリース。\nPresentation API、WebRTCがVP9をサポート、`AudioNode#connect`をサポート、well-known symbolsとして`@@toPrimitive`のサポートなど","tags":["Chrome","ReleaseNote"],"date":"2015-12-04T06:22:50.113Z","relatedLinks":[]},{"title":"December Security Release Summary | Node.js","url":"https://nodejs.org/en/blog/vulnerability/december-2015-security-releases/","content":"Node.jsのセキュリティアップデートとして0.10、0.12、4.x、5.xのアップデートが公開された。","tags":["node.js","セキュリティ","ReleaseNote"],"date":"2015-12-04T06:48:56.359Z","relatedLinks":[]},{"title":"The Pragmatic Bookshelf | Reactive Programming with RxJS","url":"https://pragprog.com/book/smreactjs/reactive-programming-with-rxjs","content":"RxJSについての書籍\nCycle.jsについても書かれている","tags":["Rx","JavaScript","book"],"date":"2015-12-04T07:00:35.358Z","relatedLinks":[]},{"title":"WHATWG版とW3C版がある仕様たち - Unreviewed","url":"http://takenspc.hatenablog.com/entry/2015/12/03/235927","content":"W3CとWHATWGでそれぞれにある仕様の比較。\nW3C版はWHATWG版に追従できていない部分やメンテナンスされていないケースもあるという話","tags":["W3C","spec"],"date":"2015-12-05T12:52:34.105Z","relatedLinks":[]},{"title":"jasmine/2.4.0.md at master · jasmine/jasmine","url":"https://github.com/jasmine/jasmine/blob/master/release_notes/2.4.0.md","content":"Jasmine 2.4.0リリース。\nテストがランダムな順番で実行されるようになった。レポーターにもランダム実行に関する情報が表示されるようになった。","tags":["jasmine","ReleaseNote"],"date":"2015-12-05T12:54:12.965Z","relatedLinks":[]},{"title":"eslint/typescript-eslint-parser","url":"https://github.com/eslint/typescript-eslint-parser","content":"TypeScript ASTをESTree ASTに変換するパーサ。\nESLintでTypeScriptのコードをLintする目的","tags":["TypeScript","JavaScript","AST"],"date":"2015-12-05T15:26:16.463Z","relatedLinks":[]},{"title":"nathancahill/Split.js","url":"https://github.com/nathancahill/Split.js","content":"サイズが可変可能なSplit Viewを作るUIライブラリ。\n要素同士を縦横に分割し、ドラッグでサイズを変更出来る","tags":["JavaScript","UI","library"],"date":"2015-12-06T01:21:49.556Z","relatedLinks":[]},{"title":"Firefox Platform Status","url":"https://platform-status.mozilla.org/","content":"Firefoxの機能ごとの実装状況をまとめたステータスページ。\nデータはGitHubで管理されている","tags":["firefox","browser","WebPlatformAPI","まとめ"],"date":"2015-12-06T01:53:23.595Z","relatedLinks":[{"title":"azu/browser-javascript-resource","url":"https://github.com/azu/browser-javascript-resource"}]},{"title":"Microsoft Edge’s JavaScript engine to go open-source | Microsoft Edge Dev Blog","url":"https://blogs.windows.com/msedgedev/2015/12/05/open-source-chakra-core/","content":"MSEdgeのJavaScriptエンジンであるChakraがオープンソースとして2016年1月に公開予定。\n公開するのはコアであるChakraCore部分","tags":["MSEdge","JavaScript"],"date":"2015-12-06T04:56:46.841Z","relatedLinks":[]},{"title":"デバッグの技術 | プログラミング | POSTD","url":"http://postd.cc/the-art-of-debug/","content":"デバッグの考え方やアプローチについて。\nChromeの開発者ツールを使ったデバッグ方法についてなど","tags":["browser","debug","thought","translate"],"date":"2015-12-06T05:11:58.722Z","relatedLinks":[]},{"title":"Greenkeeper","url":"http://greenkeeper.io/","content":"npmで依存するライブラリのアップデートがあるなら、更新内容をPull Requestで通知してくれるウェブサービス","tags":["npm","webservice"],"date":"2015-12-06T05:36:55.967Z","relatedLinks":[]},{"title":"Jam3/hihat","url":"https://github.com/Jam3/hihat","content":"Electronを使ってChrome DevToolsを使ったNode REPLやテスト実行等を行えるツール。","tags":["Electron","Chrome","debug","testing"],"date":"2015-12-06T08:16:51.924Z","relatedLinks":[]},{"title":"mozilla/oghliner","url":"https://github.com/mozilla/oghliner","content":"GitHub Pagesをオフライン対応するためのテンプレートとデプロイツール。\nService Workerを使ってリソースをオフラインでも参照出来るようにしている。","tags":["ServiceWorker","Tools","github"],"date":"2015-12-06T11:43:22.731Z","relatedLinks":[]},{"title":"Redux入門【ダイジェスト版】10分で理解するReduxの基礎 - Qiita","url":"http://qiita.com/kiita312/items/49a1f03445b19cf407b7","content":"Reduxの構成要素、データフロー、Reduxの3原則について簡潔にまとまってる","tags":["JavaScript","Flux"],"date":"2015-12-06T12:34:14.829Z","relatedLinks":[]},{"title":"sebmck/lerna","url":"https://github.com/sebmck/lerna","content":"Babelのような一つのリポジトリに複数のパッケージがある(monorepo)を扱うためのツール。\nnpm installやnpm publishの補助をしてくれる","tags":["npm","JavaScript","Tools"],"date":"2015-12-06T12:40:53.852Z","relatedLinks":[]},{"title":"jsdom/Changelog.md at 7.2.0 · tmpvar/jsdom","url":"https://github.com/tmpvar/jsdom/blob/7.2.0/Changelog.md","content":"jsdom 7.2.0リリース。\n`<input>`と`<textarea>`のselection APIがサポートされた","tags":["JavaScript","DOM","ReleaseNote"],"date":"2015-12-07T09:49:02.607Z","relatedLinks":[]},{"title":"Release 1.0.0 · dekujs/deku","url":"https://github.com/dekujs/deku/releases/tag/1.0.0","content":"Virtual DOMの実装を持つReactライクなComponentライブラリであるdeku 1.0.0リリース。\n","tags":["JavaScript","DOM","library","ReleaseNote"],"date":"2015-12-07T09:51:20.181Z","relatedLinks":[]},{"title":"notes/Do-not-underestimate-credentials-leaks.md at master · ChALkeR/notes","url":"https://github.com/ChALkeR/notes/blob/master/Do-not-underestimate-credentials-leaks.md","content":"主にNode.js関連のプロジェクトでのトークンやパスワードなど漏れが起きるパターンについて。\nもし漏らしていた場合の影響や変更方法について書かれている","tags":["node.js","セキュリティ"],"date":"2015-12-07T15:12:22.452Z","relatedLinks":[]},{"title":"oneuijs/You-Dont-Need-jQuery","url":"https://github.com/oneuijs/You-Dont-Need-jQuery","content":"jQuery使わなくてもDOM APIを使って大体同じ事が出来るというまとめ","tags":["jQuery","JavaScript"],"date":"2015-12-08T08:15:38.855Z","relatedLinks":[]},{"title":"Node v5.2.0 (Stable) | Node.js","url":"https://nodejs.org/en/blog/release/v5.2.0/","content":"Node v5.2.0リリース。\n","tags":["node.js","ReleaseNote"],"date":"2015-12-10T04:44:01.688Z","relatedLinks":[]},{"title":"webpack+babel-loader+power-assert+jsdomでフロントエンド開発環境を作る - yutaponのブログ","url":"http://yutapon.hatenablog.com/entry/webpack%2Bbabel-loader%2Bpower-assert%2Bjsdom-skeleton","content":"BabelによるビルドとMochaでのテスト構成についての記事。\nWebpackの設定、jsdomを使ったユニットテストについて","tags":["JavaScript","設定"],"date":"2015-12-10T07:49:55.987Z","relatedLinks":[]},{"title":"Khaos - Easily generate oft-used project templates.","url":"http://khaos.io/","content":"対話式のテンプレートジェネレーターツール。\nテンプレートに使った変数を対話形式で埋められるプロジェクト設定のテンプレートを作れる","tags":["JavaScript","Tools"],"date":"2015-12-10T08:14:03.067Z","relatedLinks":[]},{"title":"Release ES2016 Draft 2015-12-10 · tc39/ecma262","url":"https://github.com/tc39/ecma262/releases/tag/es2016-draft-20151210","content":"ES2016 Draft 2015-12-10リリース。\n`Array.prototype.includes`が追加された。\nES2016から採用された仕様策定プロセスに則った形のものとして、初めて追加された新しい機能となる。","tags":["ECMAScript","spec","ReleaseNote"],"date":"2015-12-11T03:32:52.186Z","relatedLinks":[{"title":"The TC39 Process","url":"https://tc39.github.io/process-document/"},{"title":"ECMAScriptの仕様策定に関するカンニングペーパー | Web Scratch","url":"http://efcl.info/2015/10/18/ecmascript-paper/"}]},{"title":"JavaScript Developer Survey Results","url":"https://ponyfoo.com/articles/javascript-developer-survey-results","content":"JavaScript開発者アンケート結果が公開された。毎年DialyJSがやっていたものと同様のもの。\nテストを書く人が半数上回り、フレームワークではReactがもっとも使われてるようになり、ES6を全く使ったことない人は20％以下となるなど","tags":["JavaScript","まとめ"],"date":"2015-12-11T04:36:18.019Z","relatedLinks":[{"title":"JavaScript Developer Survey 2014: Results","url":"http://dailyjs.com/2014/12/16/1333-javascript-survey-results/"}]},{"title":"ESLint のカスタムルールを作ろう! (その1) - Qiita","url":"http://qiita.com/mysticatea/items/cc3f648e11368799e66c","content":"ESLintのルールの作り方","tags":["JavaScript","AST"],"date":"2015-12-12T03:58:25.905Z","relatedLinks":[]},{"title":"JSConf US LastCall - Track B - YouTube","url":"https://www.youtube.com/playlist?list=PL37ZVnwpeshG7ThPHHHRvPFTeU1_F_tcP","content":"JSConf US 2015の動画一覧","tags":["JavaScript","Conference","video"],"date":"2015-12-13T04:22:54.046Z","relatedLinks":[{"title":"JSConf US Last Call - jsconf.micDrop()","url":"http://lastcall.jsconf.us/"}]},{"title":"Proxyについて - JS.next","url":"http://js-next.hatenablog.com/entry/2015/12/03/045720","content":"ES6 Proxyについての解説","tags":["ECMAScript","JavaScript"],"date":"2015-12-13T11:02:44.409Z","relatedLinks":[]},{"title":"Dev.Opera — Opera 34 released","url":"https://dev.opera.com/blog/opera-34/","content":"Opera 34 (based on Chromium 47)リリース。\n`Array.prototype.includes`、rest parameters、`requestIdleCallback`の追加など","tags":["Opera","Chrome","ReleaseNote"],"date":"2015-12-13T11:15:11.340Z","relatedLinks":[]},{"title":"Universal React ◆ 24 ways","url":"https://24ways.org/2015/universal-react/","content":"Reactをサーバサイドで扱う方法について","tags":["React","server","tutorial"],"date":"2015-12-13T11:28:43.220Z","relatedLinks":[]},{"title":"peerigon/updtr","url":"https://github.com/peerigon/updtr","content":"`npm outdated` ベースで、それぞれのモジュールをupdateしてnpm testを行うことで、テストが通ったモジュールのみをアップデート出来るツール","tags":["npm","Tools"],"date":"2015-12-13T11:54:47.705Z","relatedLinks":[]},{"title":"embed.js","url":"http://riteshkr.com/embed.js/","content":"Twitter、gistやYouTube、絵文字など色々なものを埋め込み出来るライブラリ","tags":["JavaScript","library"],"date":"2015-12-13T12:05:27.286Z","relatedLinks":[]},{"title":"How do Promises Work? - Quils in Space","url":"http://robotlolita.me/2015/11/15/how-do-promises-work.html","content":"Promiseの小さな実装書きながらPromiseについて学ぶ話","tags":["JavaScript","Promises"],"date":"2015-12-13T12:10:44.697Z","relatedLinks":[]},{"title":"Chrome Dev Summit 2015 Notes","url":"https://danoc.me/blog/chrome-dev-summit-2015-notes/","content":"Chrome Dev Summit 2015の動画とそれぞれの要点メモ。\nサマリがまとまってるのでどの動画を見るかの参考になる","tags":["google","Conference","video"],"date":"2015-12-13T12:34:42.568Z","relatedLinks":[]},{"title":"Performance Calendar » WebPageTest: Year in Review","url":"http://calendar.perfplanet.com/2015/webpagetest-year-in-review/","content":"今年WebPageTestに追加された機能や連携サービスについて。","tags":["performance","まとめ"],"date":"2015-12-14T09:06:51.086Z","relatedLinks":[{"title":"WebPagetest - Website Performance and Optimization Test","url":"http://www.webpagetest.org/"}]},{"title":"Jam3/web-audio-player","url":"https://github.com/Jam3/web-audio-player","content":"後方互換性の問題やバージョン毎のバグが多いWeb Audio APIをラップしてクロスブラウザで再生をサポートするライブラリ","tags":["web","audio","library"],"date":"2015-12-14T09:10:11.915Z","relatedLinks":[]},{"title":"Angular 2 Beta","url":"http://angularjs.blogspot.jp/2015/12/angular-2-beta.html","content":"AngularJS 2βリリース。\nAngular 1からのアップグレードガイドも公開されている","tags":["Angular","ReleaseNote"],"date":"2015-12-16T02:07:28.484Z","relatedLinks":[{"title":"Upgrading from 1.x - ts","url":"https://angular.io/docs/ts/latest/guide/upgrade.html"}]},{"title":"RxJS/CHANGELOG.md at 5.0.0-beta.0 · ReactiveX/RxJS","url":"https://github.com/ReactiveX/RxJS/blob/5.0.0-beta.0/CHANGELOG.md","content":"RxJS 5.0.0-beta.0リリース","tags":["JavaScript","Rx","library","ReleaseNote"],"date":"2015-12-16T02:08:04.040Z","relatedLinks":[]},{"title":"Firefox 43.0 リリースノート","url":"http://www.mozilla.jp/firefox/43.0/releasenotes/","content":"Firefox 43リリース。\nES2016の`Array.prototype.includes`がデフォルトで有効、Subresource integrityの対応など","tags":["firefox","ReleaseNote"],"date":"2015-12-16T15:35:44.554Z","relatedLinks":[{"title":"Firefox 43 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/ja/Firefox/Releases/43"},{"title":"Firefox 43 サイト互換性情報 | Firefox サイト互換性情報","url":"https://www.fxsitecompat.com/ja/versions/43/"}]},{"title":"More Responsive Tapping on iOS | WebKit","url":"https://webkit.org/blog/5610/more-responsive-tapping-on-ios/","content":"iOSのWebKitでもタップの350ms遅延が解消される。\nviewportのwidthなど特定の条件では遅延がなくなる。","tags":["safari","webkit","ios"],"date":"2015-12-16T15:43:28.539Z","relatedLinks":[{"title":"300ms tap delay, gone away | Web Updates - Google Developers","url":"https://developers.google.com/web/updates/2013/12/300ms-tap-delay-gone-away"}]},{"title":"Amazon: ゲームで学ぶJavaScript入門 HTML5&CSSも身に付く!: 田中 賢一郎","url":"http://www.amazon.co.jp/dp/4844339788","content":"ゲームを作りながらJavaScriptについて学ぶ書籍","tags":["JavaScript","game","book"],"date":"2015-12-17T01:47:53.963Z","relatedLinks":[]},{"title":"Learning React Native - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920041511.do","content":"React Nativeについての書籍","tags":["React","book"],"date":"2015-12-17T02:17:39.189Z","relatedLinks":[]},{"title":"flow/Changelog.md at master · facebook/flow","url":"https://github.com/facebook/flow/blob/master/Changelog.md#v0200","content":"Flow 0.20.0リリース。\n`this`型のサポート、`.json`ファイルロードの解釈に対応、エラーメッセージの改善など","tags":["flowtype","ReleaseNote"],"date":"2015-12-17T04:20:02.965Z","relatedLinks":[]},{"title":"Node v5.3.0 (Stable) | Node.js","url":"https://nodejs.org/en/blog/release/v5.3.0/","content":"Node v5.3.0リリース。\n`Buffer.prototype.includes()`の追加、REPLで外部モジュールを`require`できないバグを修正など","tags":["node.js","ReleaseNote"],"date":"2015-12-17T15:29:32.104Z","relatedLinks":[]},{"title":"A-Frame – Building Blocks for the VR Web","url":"https://aframe.io/","content":"WebVRをCustom Elementのタグを書くだけで出来るライブラリ","tags":["VR","HTML","WebComponents"],"date":"2015-12-18T07:57:43.037Z","relatedLinks":[]},{"title":"pzavolinsky/react-unit","url":"https://github.com/pzavolinsky/react-unit","content":"React Componentをテストするためのライブラリ","tags":["React","testing","library"],"date":"2015-12-20T05:20:25.435Z","relatedLinks":[]},{"title":"総行数57,000の巨大CSS群をLessに書き換えた軌跡 - mixi Engineers' Blog","url":"http://alpha.mixi.co.jp/entry/2015/12/20/000000","content":"-webkit- prefixから標準への書き換えを行った話。\nCSS:fixmeで標準記法へ直し、Autoprefixerでプレフィックス対応し、Lessを使い構造的に管理しやすくしていく","tags":["CSS","LESS","webkit"],"date":"2015-12-20T10:25:20.030Z","relatedLinks":[{"title":"マルチブラウザやりました (DMM.Study Night)","url":"http://www.slideshare.net/sugibigmuff/dmmstudy-night"}]},{"title":"Release ES2016 Draft 2015-12-20 · tc39/ecma262","url":"https://github.com/tc39/ecma262/releases/tag/es2016-draft-20151220","content":"ES2016 Draft 2015-12-20 リリース","tags":["ECMAScript","ReleaseNote"],"date":"2015-12-21T07:40:34.536Z","relatedLinks":[]},{"title":"jaredly/treed","url":"https://github.com/jaredly/treed","content":"ツリーエディタライブラリ","tags":["JavaScript","UI","editor","library"],"date":"2015-12-22T02:15:42.115Z","relatedLinks":[]},{"title":"An Intro To Using npm and ES6 Modules for Front End Development | Wes Bos","url":"http://wesbos.com/javascript-modules/","content":"ES6 modulesの使い方についてまとまっている。\nどのようにパスを解決したりするかはECMAScriptで定義されていないため、今のところbundlerの機能でしかないという点についても触れている。","tags":["JavaScript","ECMAScript"],"date":"2015-12-22T02:53:21.031Z","relatedLinks":[]},{"title":"HTTP/2のNode.js実装node-http2を読む - Qiita","url":"http://qiita.com/takaaki7/items/70898443050ca260e94c","content":"node-http2の実装について。 \nNode Streamを使い、それをフロー制御している","tags":["node.js","HTTP2","stream"],"date":"2015-12-22T06:12:16.673Z","relatedLinks":[]},{"title":"paldepind/snabbdom","url":"https://github.com/paldepind/snabbdom","content":"Virtual DOMライブラリ","tags":["JavaScript","VirtualDOM","library"],"date":"2015-12-22T06:59:49.895Z","relatedLinks":[]},{"title":"deku で Virtual DOM を使う | スマホ神 – JavaScript 受託開発 –","url":"http://smart.ataglance.jp/2015-12-17-use-virtual-dom-with-deku/","content":"dekuの使い方について。\nJSXで書いてBabelで変換する方法","tags":["JavaScript","VirtualDOM","library"],"date":"2015-12-22T07:00:38.940Z","relatedLinks":[]},{"title":"ServiceWorker Cookbook","url":"https://serviceworke.rs/","content":"ServiceWorkerのパターンを集めたクックブック。","tags":["ServiceWorker","document"],"date":"2015-12-22T11:25:35.676Z","relatedLinks":[]},{"title":"Beyond Offline ★ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2015/12/beyond-offline/","content":"ServiceWorkerをオフライン対応以外の用途で使う方法について。\nクックブック形式で色々なパターンを紹介している","tags":["ServiceWorker"],"date":"2015-12-22T11:30:38.572Z","relatedLinks":[{"title":"ServiceWorker Cookbook","url":"https://serviceworke.rs/"},{"title":"the-offline-cookbook-ja/ja.md at master · kuu/the-offline-cookbook-ja","url":"https://github.com/kuu/the-offline-cookbook-ja/blob/master/ja.md"}]},{"title":"FluxのActionとStoreをちゃんと分ける話 - pixiv inside","url":"http://inside.pixiv.net/entry/2015/12/19/113746","content":"Actionでデータを構築し、StoreへDispatchする。\nまたDispatchするデータは`Entity`にすることで、役割を分けるという話","tags":["Flux","JavaScript"],"date":"2015-12-22T11:57:28.627Z","relatedLinks":[]},{"date":"2015-12-25T05:06:28.830Z","title":"Release 2.0.0 - 2015.12.24 · zloirock/core-js","url":"https://github.com/zloirock/core-js/releases/tag/v2.0.0","content":"core-js 2.0.0リリース。 Typed Arrayの実装追加、`System.global`、`Error.isError`、MathのProposal実装を追加。 Promiseの仕様追従、`String#{padStart, padEnd}`へリネーム。 \n`NodeList`、`DOMTokenList`、`MediaList`、`StyleSheetList`、`CSSRuleList`をIterableとする再定義の追加など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"title":"ES6 Rest/Spread, Defaults and Destructuring","url":"http://www.datchley.name/es6-rest-spread-defaults-and-destructuring/","content":"spread operator、rest parameter、デフォルト引数について。\nデフォルト引数での評価、`Function#apply`ではなく`...`を使う方法、Destructuringの使い方についてなど","tags":["JavaScript","ECMAScript"],"date":"2015-12-26T03:25:22.714Z","relatedLinks":[{"title":"sebmarkbage/ecmascript-rest-spread","url":"https://github.com/sebmarkbage/ecmascript-rest-spread"}]},{"date":"2015-12-26T03:44:49.965Z","title":"Mercateo/component-check","url":"https://github.com/Mercateo/component-check","content":"コンポーネント指向のフレームワークを使い、コンポーネントを表示するまでの手順をそれぞれ比較した記事。\nAngularJS1/2、Ember、Cycle.js、Reactにおいて4種類のコンポーネントを実装し比較している。","tags":["JavaScript","library","React","Angular"],"relatedLinks":[]},{"date":"2015-12-26T04:55:32.060Z","title":"\"Real\" Mixins with JavaScript Classes","url":"http://justinfagnani.com/2015/12/21/real-mixins-with-javascript-classes/","content":"ES6 Classesで多重継承やmixinは構文として用意されていないので、`class`を式として扱うことで解決する実装について。\n`class MyClass extends mix(MySuperClass).with(A, B) {}`","tags":["JavaScript","ECMAScript"],"relatedLinks":[]},{"title":"vega/datalib","url":"https://github.com/vega/datalib","content":"JSON、CSV、TSV等からデータを読み込み、データを加工できるライブラリ","tags":["JavaScript","library","統計"],"date":"2015-12-27T03:24:07.560Z","relatedLinks":[]},{"title":"CSP Header Inspector and Validator","url":"https://cspvalidator.org/#url=https://cspvalidator.org/","content":"CSPバリデーションツール。\n指定されてるCSP Headerのチェックが出来る","tags":["CSP","Tools"],"date":"2015-12-27T16:52:11.091Z","relatedLinks":[]},{"title":"bouzuya's RxJS Advent Calendar 2015 - Adventar","url":"http://www.adventar.org/calendars/1200","content":"RxJSについてのアドベントカレンダー。\nRxJSの概要やObservable、Operatorなどについて書かれている","tags":["Rx","JavaScript","まとめ"],"date":"2015-12-29T13:54:02.476Z","relatedLinks":[]},{"title":"WASM.NEWS","url":"https://wasm.news/","content":"WebAssermblyのニュースサイト","tags":["WebAssembly","news"],"date":"2015-12-30T02:40:31.286Z","relatedLinks":[]},{"title":"React v0.14.4 | React","url":"https://facebook.github.io/react/blog/2015/12/29/react-v0.14.4.html","content":"React v0.14.4リリース","tags":["React","ReleaseNote"],"date":"2015-12-30T05:07:11.383Z","relatedLinks":[]},{"date":"2015-12-30T09:12:37.518Z","title":"Dissection of Flux architecture or how to write your own","url":"http://krasimirtsonev.com/blog/article/dissection-of-flux-architecture-or-how-to-write-your-own-react","content":"fluxinyという高階関数をベースとした小さなFlux実装を見ていきながらFluxについて学ぶ。","tags":["Flux","JavaScript"],"relatedLinks":[{"title":"krasimir/fluxiny","url":"https://github.com/krasimir/fluxiny"}]},{"title":"HugoGiraudel/SJSJ","url":"https://github.com/HugoGiraudel/SJSJ","content":"JavaScript関連の用語集","tags":["JavaScript","dictionary","まとめ"],"date":"2015-12-30T09:48:45.308Z","relatedLinks":[]},{"date":"2015-12-30T11:29:49.842Z","title":"loverajoel/jstips","url":"https://github.com/loverajoel/jstips","content":"JavaScriptのTipsを1日1つづつ紹介していくプロジェクト","tags":["JavaScript","Tips"],"relatedLinks":[]},{"date":"2015-12-30T11:55:58.608Z","title":"Should I use React.createClass, ES6 Classes or stateless functional components? - James K Nelson","url":"http://jamesknelson.com/should-i-use-react-createclass-es6-classes-or-stateless-functional-components/","content":"React Componentを書く方法として`React.createClass`、ES6 Classes、Stateless Componentがある。\nそれらの使い分けについて書かれている。","tags":["React","JavaScript"],"relatedLinks":[]},{"date":"2015-12-30T12:17:39.999Z","title":"Asynchronous Iterative & Recursive Patterns for Node.js - Part 1","url":"http://mostafa-samir.github.io/async-iterative-patterns-pt1/","content":"JavaScriptの非同期なイテレーションについての記事。\nよくやってしまう間違いなど色々なアプローチについて書かれている。","tags":["JavaScript","node.js"],"relatedLinks":[]},{"title":"André Staltz - How to debug RxJS code","url":"http://staltz.com/how-to-debug-rxjs-code.html","content":"RxJSのコードをどうやってデバッグするのかについて","tags":["Rx","JavaScript","debug"],"date":"2015-12-30T12:23:52.576Z","relatedLinks":[]},{"date":"2015-12-30T12:32:34.400Z","title":"React Developer Survey Results - AngularClass","url":"https://angularclass.com/react-developer-survey-results/","content":"Reactに関するアンケートの結果。\n8割の人がBabelを使っていることや、Reactと共に使うアーキテクチャやライブラリについてのアンケート結果が公開されている。","tags":["React","JavaScript"],"relatedLinks":[]},{"date":"2015-12-30T12:43:45.814Z","title":"Making a Mini-Lisp: Introduction to Transpilers - AngularClass","url":"https://angularclass.com/making-a-mini-lisp-introduction-to-transpilers/","content":"小さなLispをJavaScriptに変換する実装書きながら、Transpilerの仕組みについて学ぶ話","tags":["JavaScript"],"relatedLinks":[]},{"date":"2015-12-31T11:06:10.886Z","title":"Setting up ES6 by Axel Rauschmayer [Leanpub PDF/iPad/Kindle]","url":"https://leanpub.com/setting-up-es6","content":"Dr.AxelのBabelを使ったES6の導入についての電子書籍。\nloaderの仕組みがtranspilerやCommonJSに依存している中で、モジュール周りの挙動の誤解を解く内容が書かれてる","tags":["JavaScript","ECMAScript","ebook"],"relatedLinks":[]},{"date":"2016-01-01T00:54:05.172Z","title":"Node.js Interactive 2015 - YouTube","url":"https://www.youtube.com/playlist?list=PLfMzBWSH11xYjL8oFumSfzOf6-kr8_t-o","content":"Node.js Interactive 2015の動画まとめ","tags":["node.js","video","まとめ"],"relatedLinks":[{"title":"Node.js Interactive 2015 | Linux Conferences and Linux Events | The Linux Foundation","url":"http://events.linuxfoundation.org/events/node-interactive"},{"title":"duffn/nodeinteractive-2015","url":"https://github.com/duffn/nodeinteractive-2015"}]},{"date":"2016-01-01T01:31:22.731Z","title":"orizens/angular-es2015-styleguide","url":"https://github.com/orizens/angular-es2015-styleguide","content":"AngularJS 1.xとES2015を組み合わせたスタイルガイド","tags":["Angular"],"relatedLinks":[]},{"date":"2016-01-01T01:33:43.792Z","title":"WPO Stats","url":"https://wpostats.com/","content":"ウェブパフォーマンスの最適化について書かれた記事などのまとめ","tags":["performance","まとめ"],"relatedLinks":[]},{"date":"2016-01-01T01:38:15.376Z","title":"the new code – Create Fullscreen HTML5 Page Background Video","url":"http://thenewcode.com/777/Create-Fullscreen-HTML5-Page-Background-Video","content":"HTML5 Videoを背景に使う方法や注意点について\n","tags":["JavaScript","video"],"relatedLinks":[{"title":"Should I use a video as a background? | CSS-Tricks","url":"https://css-tricks.com/should-i-use-a-video-as-a-background/"}]},{"date":"2016-01-01T02:51:46.613Z","title":"ChromeDevTool - Chrome Developer Toolsでパフォーマンス計測・改善 - Qiita","url":"http://qiita.com/y_fujieda/items/a0a69151cf7307039f74","content":"Chrome開発者ツールのそれぞれのパネルの図解。\n操作方法や項目の意味などについて書かれてる。","tags":["Chrome","debug"],"relatedLinks":[]},{"date":"2016-01-01T03:25:10.073Z","title":"HTML 5 Canvas Cheat Sheet - WebsiteSetup.org","url":"http://websitesetup.org/html-5-canvas-cheat-sheet/","content":"Canvasのチートシート","tags":["HTML5","canvas","チートシート"],"relatedLinks":[]},{"date":"2016-01-01T05:56:12.241Z","title":"Getting Started with Redux - Course by @dan_abramov @eggheadio","url":"https://egghead.io/series/getting-started-with-redux","content":"Redux作者によるRedux入門のスクリーンキャスト","tags":["redux","JavaScript","React"],"relatedLinks":[{"title":"tayiorbeii/egghead.io_redux_course_notes","url":"https://github.com/tayiorbeii/egghead.io_redux_course_notes"}]},{"date":"2016-01-01T15:43:05.618Z","title":"Lucifier129/react-lite","url":"https://github.com/Lucifier129/react-lite","content":"ReactのCore APIに関しての互換実装ライブラリ。\nサーバサイドレンダリング、`React.PropTypes`、addonsなどを取り除いて、より小さなファイルサイズとすることを目的としている。","tags":["React","library"],"relatedLinks":[]},{"date":"2016-01-02T09:18:08.705Z","title":"Revisiting Firefox’s DevTools – Smashing Magazine","url":"http://www.smashingmagazine.com/2015/12/revisiting-firefox-devtools/","content":"Firefox開発者ツールを改めて紹介している記事。\n最近色々な機能が追加されている。","tags":["firefox","debug"],"relatedLinks":[]},{"date":"2016-01-02T21:43:53.347Z","title":"substack/hyperx","url":"https://github.com/substack/hyperx","content":"virtual-dom、React、hyperscriptに対応したTemplate Stringsを使ったビルダーライブラリ。","tags":["JavaScript","React","VirtualDOM","library"],"relatedLinks":[]},{"date":"2016-01-02T22:57:57.146Z","title":"AddyOsmani.com - Offline installation of npm packages","url":"https://addyosmani.com/blog/using-npm-offline/","content":"npm installをオフラインでも出来るようにするためのTips。\n`--cache-min`、local-npm、npm_lazyについて","tags":["npm"],"relatedLinks":[]},{"title":"Webkit! RESOLVED FIXED - otsukare","url":"http://www.otsukare.info/2016/01/04/webkit-resolved-fixed","content":"FirefoxでCSSの`-webkit-` prefixを解釈するオプションがデフォルトで有効となった。\n-webkit- prefixしか書かれてないサイトも表示できるようにするのが目的","tags":["firefox","webkit"],"date":"2016-01-04T11:29:07.627Z","relatedLinks":[{"title":"1213126 – Enable layout.css.prefixes.webkit by default","url":"https://bugzilla.mozilla.org/show_bug.cgi?id=1213126"},{"title":"総行数57,000の巨大CSS群をLessに書き換えた軌跡 - mixi Engineers' Blog","url":"http://alpha.mixi.co.jp/entry/2015/12/20/000000"}]},{"date":"2016-01-04T12:21:56.507Z","title":"Well, I'm Back: innerText: Cleaning A Dark Corner Of the Web","url":"http://robert.ocallahan.org/2016/01/innertext.html","content":"IEやWebKitにも存在する`innerText`は仕様と相互互換性がなかった。\nWebKitを前提とするモバイルサイトで多く使われているため、Firefoxでも実装することとなった。\n同時に仕様とテストケースを書いたという話","tags":["firefox","DOM"],"relatedLinks":[{"title":"The poor, misunderstood innerText — Perfection Kills","url":"http://perfectionkills.com/the-poor-misunderstood-innerText/"},{"title":"Webkit! RESOLVED FIXED - otsukare","url":"http://www.otsukare.info/2016/01/04/webkit-resolved-fixed"}]},{"date":"2016-01-04T12:36:21.353Z","title":"Angular 2 versus React: There Will Be Blood — Medium","url":"https://medium.com/@housecor/angular-2-versus-react-there-will-be-blood-66595faafd51","content":"AngularJSとReactの対比。\n\n> Angular 2 continues to put “JS” into HTML. React puts “HTML” into JS.\n\n","tags":["Angular","React"],"relatedLinks":[]},{"title":"Managing the private data of ES6 classes","url":"http://www.2ality.com/2016/01/private-data-classes.html","content":"ES6 Classesでプライベート風味なデータ保持パターン","tags":["ECMAScript","JavaScript"],"date":"2016-01-05T04:45:39.685Z","relatedLinks":[]},{"date":"2016-01-05T06:49:29.452Z","title":"JavaScript - AudioWorker を試してみる - Qiita","url":"http://qiita.com/mohayonao/items/ce357230946cfa2303c2","content":"Web Audio APIのAudioWorkerについて。","tags":["audo","JavaScript"],"relatedLinks":[{"title":"mohayonao/audio-worker-shim","url":"https://github.com/mohayonao/audio-worker-shim"}]},{"title":"Lerna を使って、 Babel や React が採用している monorepo を試してみる - Qiita","url":"http://qiita.com/kimamula/items/0b4dff363933bfe74506","content":"Babelのようなmonorepoをlernaを使って管理する方法について","tags":["JavaScript","library"],"date":"2016-01-06T06:30:07.462Z","relatedLinks":[]},{"title":"narirou/jconv","url":"https://github.com/narirou/jconv","content":"Pure JavaScriptで書かれたShift_JIS(CP932)、ISO-2022-JP(-1)、EUC-JP、UTF-8、UNICODE の相互変換を行うライブラリ","tags":["JavaScript","文字コード","library"],"date":"2016-01-06T06:31:21.688Z","relatedLinks":[]},{"date":"2016-01-06T06:59:35.092Z","title":"unit-coverage/unit-coverage","url":"https://github.com/unit-coverage/unit-coverage","content":"コードカバレッジツール。\nコード同士の関係もカバレッジのレポートに含める事が出来る。\nJSCSなどで利用されている","tags":["JavaScript","testing"],"relatedLinks":[{"title":"Coverage report","url":"http://jscs.info/jscs/coverage.html"}]},{"date":"2016-01-06T07:46:13.983Z","title":"Flux explained for newbies – Part 1 | DevButze","url":"https://devbutze.com/p/216","content":"コンポーネントベースでUIを考えていった時になぜFluxのようなアーキテクチャが必要となっていくかについての連載","tags":["Flux","tutorial"],"relatedLinks":[]},{"date":"2016-01-06T07:47:26.681Z","title":"Day 2: Testing React Applications – 12 Devs of Xmas","url":"http://12devsofxmas.co.uk/2015/12/day-2-testing-react-applications/","content":"React Componentのテストについて。\njsdom、Enzymeを使ったテスト方法など","tags":["React","JavaScript","testing"],"relatedLinks":[]},{"date":"2016-01-06T08:35:02.647Z","title":"petehunt/react-howto","url":"https://github.com/petehunt/react-howto","content":"React作者によるReactのエコシステム入門のガイドライン","tags":["React","Tools","JavaScript","tutorial"],"relatedLinks":[]},{"date":"2016-01-07T05:36:19.913Z","title":"Release v6.4.0 · babel/babel","url":"https://github.com/babel/babel/releases/tag/v6.4.0","content":"Babel 6.4.0リリース。\nFlowTypeの更新追従、`--nolazy`の引数に対応など","tags":["babel","ReleaseNote"],"relatedLinks":[]},{"date":"2016-01-07T07:23:35.834Z","title":"roman01la/html-to-react-components","url":"https://github.com/roman01la/html-to-react-components","content":"HTMLをReact Componentに変換するツール","tags":["HTML","React","Tools"],"relatedLinks":[]},{"date":"2016-01-07T07:45:47.693Z","title":"exploring-async/exploring_async.md at master · thalesmello/exploring-async","url":"https://github.com/thalesmello/exploring-async/blob/master/exploring_async.md","content":"JavaScriptの非同期処理について要素ごとに書かれてる。\nコールバック、Promise、Generator、Async/Await、Rx、CSP","tags":["JavaScript","tutorial"],"relatedLinks":[]},{"date":"2016-01-07T07:56:34.643Z","title":"ES6/WhatWG Loader & Node - Google スライド","url":"https://docs.google.com/presentation/d/1tXziuBheum53jk-FgtFkEUGKNVTdHzbpzhJLk7FatGc/edit#slide=id.p","content":"ES6 Modules/WHATWG LoaderとNode.jsについてのスライド/動画。\n構文、モジュール内/exportした値の扱いの違い、循環参照、キャッシュ","tags":["ECMAScript","node.js","CommonJS","slide"],"relatedLinks":[{"title":"Node & WhatWG Loader - YouTube","url":"https://www.youtube.com/watch?v=NdOKO-6Ty7k"},{"title":"Loader","url":"http://whatwg.github.io/loader/"}]},{"title":"OverReact","url":"http://www.overreact.io/","content":"ワイヤフレームを作ってReact Componentとしてダウンロードすることができるサービス","tags":["React","Tools"],"date":"2016-01-07T23:29:08.482Z","relatedLinks":[]},{"date":"2016-01-09T01:44:04.749Z","title":"jQuery 2.2 and 1.12 Released | Official jQuery Blog","url":"http://blog.jquery.com/2016/01/08/jquery-2-2-and-1-12-released/","content":"jQuery 2.2と1.12リリース。\nSVGのclass属性を操作可能に、`jQuery.post`/`jQuery.get`の追加、`jQuery.htmlPrefilter`の追加、`Symbol.iterator`を実装しjQueryオブジェクトがiterableとなるなど","tags":["jQuery","ReleaseNote"],"relatedLinks":[]},{"date":"2016-01-09T09:30:45.943Z","title":"Real-Time Communication with WebRTC, 2nd Edition - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920044796.do","content":"2016年3月発売\nWebRTCについての書籍","tags":["WebRTC","JavaScript","book"],"relatedLinks":[]},{"date":"2016-01-09T11:06:36.197Z","title":"Simple Guide to Finding a JavaScript Memory Leak in Node.js","url":"http://www.alexkras.com/simple-guide-to-finding-a-javascript-memory-leak-in-node-js/","content":"Node.jsのアプリでメモリリークが起きた場合にどこで起きてるのかを見つける方法について","tags":["node.js","debug"],"relatedLinks":[]},{"date":"2016-01-10T04:46:14.837Z","title":"node-browserify/changelog.markdown at v13.0.0 · substack/node-browserify","url":"https://github.com/substack/node-browserify/blob/v13.0.0/changelog.markdown","content":"Browserify 13.0.0リリース。\n`buffer`モジュールが更新されたため、`buffer.toArrayBuffer()`は削除された。\n`buffer`のパフォーマンス改善など","tags":["browserify","ReleaseNote"],"relatedLinks":[]},{"date":"2016-01-11T09:10:42.418Z","title":"goessner/g2","url":"https://github.com/goessner/g2","content":"コマンドパターンでCanvasに描画したり、SVGとして出力出来るライブラリ","tags":["JavaScript","SVG","canvas","library"],"relatedLinks":[]},{"date":"2016-01-11T14:43:31.952Z","title":"RxJSで副作用を扱うにはどうするか - Schedulerを交えて - snyk_s log","url":"http://saneyukis.hatenablog.com/entry/2016/01/04/055932","content":"RxJSでの副作用を扱うときに考えるべきこと。\n意図せず複数回呼ばれないようにHot Observableへ変換する、race conditionを避ける、副作用があった事を後続に通知することについて。","tags":["JavaScript","Rx"],"relatedLinks":[]},{"title":"Promiseはどう動作するのか – Promiseを実装してみる | プログラミング | POSTD","url":"http://postd.cc/how-do-promises-work/","content":"[How do Promises Work? - Quils in Space](http://robotlolita.me/2015/11/15/how-do-promises-work.html \"How do Promises Work? - Quils in Space\") の翻訳","tags":["JavaScript","Promises","translate"],"date":"2016-01-11T23:26:11.766Z","relatedLinks":[]},{"date":"2016-01-12T11:51:03.150Z","title":"Safari 9.1","url":"https://developer.apple.com/library/prerelease/mac/releasenotes/General/WhatsNewInSafari/Articles/Safari_9_1.html","content":"Safari 9.1のリリースノート。\n`<picture>`要素のサポート、Web Inspectorの改善、特定条件下でのタップ遅延の除去、CSS Variableのサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2016-01-12T14:29:13.310Z","title":"Node v5.4.0 (Stable) | Node.js","url":"https://nodejs.org/en/blog/release/v5.4.0/","content":"Node v5.4.0リリース。\nHTTP StatusCodeに`451`を追加、`process.env`や`process.hrtime()`のパフォーマンス改善など","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"mnot’s blog: Why 451?","url":"https://www.mnot.net/blog/2015/12/18/451"}]},{"date":"2016-01-13T10:44:04.353Z","title":"Amazon.co.jp： フロントエンドエンジニアのための現在とこれからの必須知識: 斉藤 祐也, 水野 隼登, 谷 拓樹, 菅原 のびすけ, 林 優一, 古沢 宏太: 本","url":"http://www.amazon.co.jp/dp/4839956758/","content":"2016年1月28日発売\n\n> フロントエンドを1、2年以上担当した人を対象に、「今知っておかないといけない情報」と、「今後役に立つ情報」をピックアップしてまとめた本","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2016-01-13T10:58:32.919Z","title":"Release v1.0.0 · testem/testem","url":"https://github.com/testem/testem/releases/tag/v1.0.0","content":"Test Runnerであるtestem 1.0.0リリース。\nMochaなどそれぞれのテストライブラリのファイルはバンドルしないでCDNのものを利用するようになるなど","tags":["JavaScript","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2016-01-13T11:06:25.485Z","title":"Release 4.0.0 · lodash/lodash","url":"https://github.com/lodash/lodash/releases/tag/4.0.0","content":"lodash 4.0.0リリース。\nIE8以下のサポート終了、underdashのCore APIを実装したバージョンの提供、ES6との互換性向上、絵文字などのサロゲートペアを扱えるようになるなど","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Changelog · lodash/lodash Wiki","url":"https://github.com/lodash/lodash/wiki/Changelog#compatibility-warnings"},{"title":"underdash/underdash","url":"https://github.com/underdash/underdash"}]},{"date":"2016-01-13T12:37:44.411Z","title":"Internet Explorer のサポートポリシーが変わります - MSBC","url":"https://www.microsoft.com/japan/msbc/Express/ie_support/","content":"IEのサポートポリシーが変更され、\"OSに対応した最新版のIE\"のみがサポート対象となった。\nそれによりIE8はサポート対象から外れた。","tags":["IE"],"relatedLinks":[{"title":"Internet Explorer End of Support","url":"https://www.microsoft.com/en-us/WindowsForBusiness/End-of-IE-support"},{"title":"レガシーブラウザのサポートは本日で 終了です。～さようならOld IE～ - monoe's blog - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/osamum/archive/2016/01/13/legacy-browser-died-good-bye-old-ie.aspx"}]},{"date":"2016-01-13T12:42:36.188Z","title":"Future JavaScript — < Jedi JS > — Medium","url":"https://medium.com/jedi-js/future-javascript-d9baab4663f3","content":"ES6などで追加されている新しい構文についての連載","tags":["JavaScript","ECMAScript"],"relatedLinks":[]},{"date":"2016-01-13T12:45:32.471Z","title":"Front End Newsletter","url":"http://frontendnewsletter.com/","content":"フロントエンドに関するWeeklyメールマガジン","tags":["JavaScript","mail"],"relatedLinks":[]},{"date":"2016-01-14T09:25:39.025Z","title":"ChakraCore GitHub repository is now open | Microsoft Edge Dev Blog","url":"https://blogs.windows.com/msedgedev/2016/01/13/chakracore-now-open/","content":"MSEdgeのJavaScriptエンジンであるChakraのCore部分がオープンソースとして公開された。","tags":["MS","JavaScript"],"relatedLinks":[{"title":"Microsoft/ChakraCore","url":"https://github.com/Microsoft/Chakracore"}]},{"date":"2016-01-14T10:00:05.592Z","title":"babel-plugin-typecheck を使って flowtype 文法で書かれたJSをランタイムチェックする - Qiita","url":"http://qiita.com/mizchi/items/30a5f9560e86e0d5ab31","content":"FlowTypeの型定義構文を使ってランタイムチェックを行うBabelプラグインについて","tags":["flowtype","babel","JavaScript"],"relatedLinks":[]},{"date":"2016-01-15T00:48:02.647Z","title":"Release 6.3 “Pro rege et lege” · postcss/autoprefixer","url":"https://github.com/postcss/autoprefixer/releases/tag/6.3.0","content":"Autoprefixer 6.3リリース。\nGrid Layoutのサポート、自前で用意したUA別のデータからブラウザの種類を決められる機能の追加","tags":["CSS","Tools"],"relatedLinks":[]},{"date":"2016-01-15T10:23:38.264Z","title":"jQuery 3.0 Beta Released | Official jQuery Blog","url":"http://blog.jquery.com/2016/01/14/jquery-3-0-beta-released/","content":"jQuery 3.0βリリース。\njQuery10周年を記念してのリリース","tags":["jQuery","ReleaseNote"],"relatedLinks":[]},{"date":"2016-01-16T01:25:53.189Z","title":"MooTools Blog: 1.6.0 is out!","url":"http://mootools.net/blog/2016/01/14/mootools-1-6-0-release","content":"MooTools 1.6.0リリース。\nPromises/A+互換の`Class.Thenable`を追加。\n次回のメジャーアップデートではIE11+のみのサポートとなる。\nまた`Array.from`はES6と名前が被っているためリネームされる","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2016-01-16T01:46:23.592Z","title":"Browserify VS Webpack - JS Drama","url":"http://blog.namangoel.com/browserify-vs-webpack-js-drama","content":"Browserifyとwebpackの思想の違い、静的リソースの扱い、どちらをどういう理由で選ぶべきかについて","tags":["browserify","webpack"],"relatedLinks":[]},{"date":"2016-01-17T06:16:57.288Z","title":"kolodny/deact - JavaScript","url":"https://github.com/kolodny/deact","content":"TemplateStringを使ってJSXライクな書き方ができるテンプレートエンジン。","tags":["JavaScript","DOM"],"relatedLinks":[]},{"date":"2016-01-17T07:39:01.796Z","title":"Jotted — Showcase self-hosted HTML, CSS and JavaScript demos, with editable source","url":"https://ghinda.net/jotted/","content":"JSBinとかJSFiddleのような形式でHTML/CSS/JSを埋め込み表示出来るライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2016-01-18T00:23:30.775Z","title":"ariporad/pirates","url":"https://github.com/ariporad/pirates","content":"`require.extensions`のhookを扱うライブラリ。\n一つの拡張子に複数のhookを行う部分を管理する。","tags":["JavaScript","node.js","babel"],"relatedLinks":[]},{"date":"2016-01-18T13:50:10.192Z","title":"Renaming jade -> pug · Issue #2184 · pugjs/jade","url":"https://github.com/pugjs/jade/issues/2184","content":"Jadeはpugにリネームされる","tags":["JavaScript","issue","news","node.js"],"relatedLinks":[]},{"date":"2016-01-18T13:57:01.882Z","title":"Ember.js - Ember.js 2.3 and 2.4 Beta Released","url":"http://emberjs.com/blog/2016/01/15/ember-2-3-released.html","content":"Ember.js 2.3リリース。\nFastBootに`visit`メソッドの追加","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2016-01-19T06:25:06.524Z","title":"Enumify: better enums for JavaScript","url":"http://www.2ality.com/2016/01/enumify.html","content":"classを使ったEnumのライブラリ","tags":["JavaScript","ECMAScript","library"],"relatedLinks":[{"title":"rauschma/enumify","url":"https://github.com/rauschma/enumify"}]},{"date":"2016-01-19T08:01:38.461Z","title":"MicheleBertoli/css-in-js - JavaScript","url":"https://github.com/MicheleBertoli/css-in-js","content":"React系のCSS in JSライブラリの比較まとめ","tags":["React","CSS"]},{"date":"2016-01-19T13:08:17.858Z","title":"cheeaun/javascript-error-logging","url":"https://github.com/cheeaun/javascript-error-logging","content":"JavaScriptのerror loggingサービスのまとめ","tags":["JavaScript","webservice","debug"],"relatedLinks":[]},{"date":"2016-01-19T13:12:42.601Z","title":"Progressive Web Apps | Web Fundamentals - Google Developers","url":"https://developers.google.com/web/progressive-web-apps","content":"Progressive Web AppについてのGoogleのまとめページ。\nProgressive Web Appとは何かについて書かれている。","tags":["web"],"relatedLinks":[]},{"date":"2016-01-19T15:21:59.019Z","title":"axios/CHANGELOG.md at v0.9.0 · mzabriskie/axios","url":"https://github.com/mzabriskie/axios/blob/v0.9.0/CHANGELOG.md","content":"axios 0.9.0リリース。\nXDomainRequestの対応改善、`adapter`プロパティの追加など","tags":["JavaScript","Promises","XHR","library","ReleaseNote"],"relatedLinks":[]},{"date":"2016-01-19T23:01:46.450Z","title":"Enable Node.js to run with Microsoft's ChakraCore engine by kunalspathak · Pull Request #4765 · nodejs/node","url":"https://github.com/nodejs/node/pull/4765","content":"Node.jsにChakraCoreビルドを追加するPull Request","tags":["node.js","JavaScript","issue"],"relatedLinks":[{"title":"Submitting a Pull Request to Node.js with ChakraCore | Microsoft Edge Dev Blog","url":"https://blogs.windows.com/msedgedev/2016/01/19/nodejs-chakracore-mainline/"}]},{"date":"2016-01-20T04:33:24.100Z","title":"thejameskyle/babel-handbook","url":"https://github.com/thejameskyle/babel-handbook","content":"Babelのセットアップ方法やプラグイン開発について書かれたハンドブック","tags":["JavaScript","babel","tutorial"],"relatedLinks":[]},{"date":"2016-01-20T09:24:48.211Z","title":"React.js Best Practices for 2016 | @RisingStack","url":"https://blog.risingstack.com/react-js-best-practices-for-2016/","content":"Reactの使い方、データの持ち方、テストなどのプラクティス","tags":["React"],"relatedLinks":[]},{"date":"2016-01-20T09:54:00.525Z","title":"JSといえばjQueryだったWebデザイナーが、Reactを1年間使って感じたメリット | dwango creators' blog（ドワンゴクリエイターズブログ）","url":"http://creator.dwango.co.jp/3413.html","content":"デザイナーから見たReactについて","tags":["React","design"],"relatedLinks":[]},{"date":"2016-01-20T14:08:28.434Z","title":"ES.next News: The 5 best ECMAScript links of the week","url":"http://esnextnews.com/","content":"ES.nextについての週刊メルマガ。\nJavaScriptの補完的な感じ。\nby Dr.Axel Rauschmayer and Johannes Weber.","tags":["JavaScript","ECMAScript","mail"],"relatedLinks":[{"title":"ES.next News: The 5 best ECMAScript links of the week","url":"http://esnextnews.com/"}]},{"date":"2016-01-20T22:43:55.676Z","title":"Jam3/devtool: runs Node.js programs through Chromium DevTools","url":"https://github.com/Jam3/devtool","content":"Electron上でNode.jsを実行し開発者ツールでデバッグ出来るツール。\nコマンドラインでNode.jsのファイルを指定するだけで実行できる。","tags":["node.js","debug","Electron","console","Tools"],"relatedLinks":[]},{"date":"2016-01-21T05:35:17.909Z","title":"Release ES2016 Draft 2016-01-20 · tc39/ecma262","url":"https://github.com/tc39/ecma262/releases/tag/es2016-draft-20160120","content":"ES2016 Draft 2016-01-20リリース","tags":["ECMAScript","ReleaseNote"],"relatedLinks":[]},{"date":"2016-01-21T07:26:22.648Z","title":"Node v5.5.0 (Stable) | Node.js","url":"https://nodejs.org/en/blog/release/v5.5.0/","content":"Node v5.5.0リリース。\nREPLでも`--require`が動作するように、`fs.createWriteStream`で`autoClose`オプションをサポートするなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2016-01-22T08:19:08.116Z","title":"JavaScript Master - O'Reilly Media","url":"http://shop.oreilly.com/product/9780994346933.do","content":"2016年3月発売","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2016-01-22T08:46:37.232Z","title":"stomita/clipboard-hook","url":"https://github.com/stomita/clipboard-hook","content":"要素ごとのイベントを移譲することで、全体としての`cut`/`copy`/`paste`イベントに対するhookを書けるライブラリ","tags":["JavaScript","クリップボード"],"relatedLinks":[]},{"date":"2016-01-22T10:38:44.748Z","title":"JavaScriptのコードを分解してよく使われてる機能を分析する | Web Scratch","url":"http://efcl.info/2016/01/22/es-usage-rate/","content":"コードをパースして機能ごとの出現回数を調べるツールを書いたという話","tags":["JavaScript","ECMAScript","Tools"],"relatedLinks":[]},{"date":"2016-01-22T13:36:36.149Z","title":"rollup.js - Rollupがちょうどいい感じ - Qiita","url":"http://qiita.com/cognitom/items/e3ac0da00241f427dad6","content":"Bundlerであるrollup.jsについて。\nx to ES6をしてから変換する話、Tree Shaking、基本的な使い方や設定について","tags":["JavaScript","browserify","webpack"],"relatedLinks":[]},{"date":"2016-01-23T04:18:33.260Z","title":"Pa11y - Your automated accessibility testing pal","url":"http://pa11y.org/","content":"アクセシビリティチェック as a Service。\n毎日実行し結果を集計し、ダッシュボードで見ることが出来る。\nまたCLIからチェックすることも出来る","tags":["アクセシビリティ","Tools"],"relatedLinks":[]},{"date":"2016-01-23T04:27:42.362Z","title":"DrkSephy/es6-cheatsheet","url":"https://github.com/DrkSephy/es6-cheatsheet","content":"ES6チートシート。\nES5での書き方とES6での書き方を比較してる形","tags":["JavaScript","ECMAScript"],"relatedLinks":[]},{"date":"2016-01-23T04:31:19.481Z","title":"ECMAScript 2015 by David Leonard","url":"http://slides.com/drksephy/ecmascript-2015#/","content":"ES5でのややこしい書き方、それをES6で書いた場合にどうなるかなどについて書かれたスライド。\nアノテーションでどの部分が違うのかがわかりやすく表示されている。","tags":["JavaScript","ECMAScript","slide"],"relatedLinks":[{"title":"DrkSephy/es6-cheatsheet","url":"https://github.com/DrkSephy/es6-cheatsheet"}]},{"date":"2016-01-23T09:23:17.107Z","title":"Umbrella JS","url":"http://umbrellajs.com/","content":"jQueryのようなDOM操作やAjax周りの機能を提供する小さなライブラリ","tags":["JavaScript","DOM","library"],"relatedLinks":[]},{"date":"2016-01-24T11:49:35.746Z","title":"Cycle.js Fundamentals - Course by @andrestaltz @eggheadio","url":"https://egghead.io/series/cycle-js-fundamentals","content":"Cycle.js作者によるCycle.jsとRxJSについてのスクリーンキャスト。","tags":["JavaScript","Rx","video"],"relatedLinks":[]},{"date":"2016-01-25T09:59:44.163Z","title":"skerit/janeway: A curses-based console for node.js","url":"https://github.com/skerit/janeway","content":"curses/blessedベースのJavaScript REPL。\nブラウザの開発者ツールのようにインタラクティブな動作を目的としている","tags":["JavaScript","node.js","debug"],"relatedLinks":[]},{"date":"2016-01-25T10:03:54.686Z","title":"Simulating Website Thumbnails using Iframes — Medium","url":"https://medium.com/@jamesfuthey/simulating-the-creation-of-website-thumbnail-screenshots-using-iframes-7145269891db","content":"iframeを使ってサイトのサムネイル的な表示をする方法について","tags":["HTML","CSS"],"relatedLinks":[]},{"date":"2016-01-25T10:05:02.456Z","title":"Understand promises before you start using async/await — Medium","url":"https://medium.com/@bluepnume/learn-about-promises-before-you-start-using-async-await-eb148164a9c8","content":"async/awaitを使う前にPromiseについて理解しようという話","tags":["JavaScript","Promises"],"relatedLinks":[]},{"date":"2016-01-26T01:31:22.533Z","title":"Release v2.9.0 · jscs-dev/node-jscs","url":"https://github.com/jscs-dev/node-jscs/releases/tag/v2.9.0","content":"JSCS v2.9.0リリース。\n`requireCapitalizedConstructors`ルールの追加、ルールの更新、バグ修正など","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2016-01-26T04:03:35.094Z","title":"OO Relationships — Medium","url":"https://medium.com/@DmitrySoshnikov/oo-relationships-5020163ab162","content":"JavaScriptとオブジェクト指向プログラミングについて。\nstatic/dynamic dispatch、prototypeベース、縦/横の継承、\nclass、mixin、traits、ダックタイピング、compositionなどについて","tags":["ECMAScript","JavaScript","OOP"],"relatedLinks":[]},{"date":"2016-01-26T08:29:26.458Z","title":"2016 - the year of web streams - JakeArchibald.com","url":"https://jakearchibald.com/2016/streams-ftw/","content":"Fetch with Streamについて。\nreadable stream、transform streamを使ったMPEG to GIFの例","tags":["JavaScript"],"relatedLinks":[]},{"date":"2016-01-26T15:00:12.976Z","title":"Front-end Application Libraries and Component Architectures - Telerik Developer Network","url":"http://developer.telerik.com/featured/front-end-application-frameworks-component-architectures/","content":"コンポーネントを扱うライブラリの仕組みや構成、ルーター、サポートブラウザなどについての比較まとめ。\nPolymer、React、Riot.js、Vue.js、Aurelia、Angular2について","tags":["JavaScript","library","まとめ"],"relatedLinks":[]},{"date":"2016-01-27T00:52:58.560Z","title":"naomiaro/waveform-playlist: Multitrack Web Audio editor and player with canvas waveform preview. Set cues, fades and shift multiple tracks in time. Project inspired by Audacity.","url":"https://github.com/naomiaro/waveform-playlist","content":"AudacityインスパイアなWeb Audioを使った音声エディタ","tags":["web","audio","editor"],"relatedLinks":[]},{"date":"2016-01-27T03:33:01.497Z","title":"jQuery UI 1.12.0 Beta 1 | jQuery UI Blog","url":"http://blog.jqueryui.com/2016/01/jquery-ui-1-12-0-beta-1/","content":"jQuery UI 1.12.0 Beta 1リリース。\ncontrolgroupとcheckboxradioの追加、npmサポート、IE7サポート終了など","tags":["jQuery","UI","library","ReleaseNote"],"relatedLinks":[]},{"date":"2016-01-27T03:39:46.435Z","title":"Firefox 44.0 リリースノート","url":"http://www.mozilla.jp/firefox/44.0/releasenotes/","content":"Firefox 44.0リリース。\n`Symbol.toPrimitive`の実装、letやconstがES6の仕様に追従、OffscreenCanvas APIをフラグ付きで追加、WebRTCから接頭辞の削除など","tags":["firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 44 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/ja/Firefox/Releases/44"},{"title":"Firefox 44 サイト互換性情報 | Firefox サイト互換性情報","url":"https://www.fxsitecompat.com/ja/versions/44/"},{"title":"const や let で定義された変数は window 上のプロパティとならなくなり、let による再宣言は例外が投げられます | Firefox サイト互換性情報","url":"https://www.fxsitecompat.com/ja/docs/2015/variables-defined-with-const-and-let-are-no-longer-properties-on-window-redeclaration-with-let-will-throw/"}]},{"date":"2016-01-27T03:49:23.001Z","title":"V8 JavaScript Engine: V8 Release 4.9","url":"http://v8project.blogspot.com/2016/01/v8-release-49.html","content":"V8 4.9リリース。\nDestructuring、Proxy、Reflect、デフォルトパラメータなどES6の仕様追従。\n`Math.random()`のアルゴリズム改善など","tags":["V8","ReleaseNote"],"relatedLinks":[{"title":"メジャーブラウザのMath.random()のアルゴリズムがXorShift128+になった - JSer.info","url":"http://jser.info/2016/01/27/math.random-xsfhit/"}]},{"date":"2016-01-28T05:43:13.131Z","title":"jsdom/Changelog.md at master · tmpvar/jsdom","url":"https://github.com/tmpvar/jsdom/blob/master/Changelog.md","content":"jsdom 8.0.0リリース。\nIDLからコードを生成することで仕様との互換性の向上、`Element#insertAdjacentHTML`と`Node#adoptNode`の実装など","tags":["JavaScript","DOM","ReleaseNote"],"relatedLinks":[]},{"date":"2016-01-28T07:34:10.519Z","title":"Deprecate TSD · Issue #269 · DefinitelyTyped/tsd","url":"https://github.com/DefinitelyTyped/tsd/issues/269","content":"TypeScriptの型定義ファイルを管理するツールであるtsdが非推奨となった。\n代わりにtypingsを利用することが推奨されている。","tags":["TypeScript","issue"],"relatedLinks":[{"title":"typings/typings - TypeScript","url":"https://github.com/typings/typings"},{"title":"vvakame/dtsm - TypeScript","url":"https://github.com/vvakame/dtsm"}]},{"date":"2016-01-28T09:49:52.122Z","title":"CreateJS入門 - ICS MEDIA","url":"https://ics.media/tutorial-createjs/index.html","content":"CreateJS入門サイト","tags":["JavaScript","canvas","tutorial"],"relatedLinks":[]},{"date":"2016-01-29T03:49:01.593Z","title":"Announcing TypeScript 1.8 Beta - TypeScript - Site Home - MSDN Blogs","url":"http://blogs.msdn.com/b/typescript/archive/2016/01/28/announcing-typescript-1-8-beta.aspx","content":"TypeScript 1.8βリリース。\ntscにJavaScriptファイルを扱う `--allowJs` が追加された。\nES6 to ES5をTypeScript Compilerで変換、d.tsがないライブラリとかをtscが直接扱えるようになる。\nUnreachable codeの検出、String literal typesの追加、JSXの対応改善など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"What's new in TypeScript · Microsoft/TypeScript Wiki","url":"https://github.com/Microsoft/TypeScript/wiki/What%27s-new-in-TypeScript#typescript-18-upcoming"}]},{"date":"2016-01-29T08:00:03.523Z","title":"developit/preact: Fast 3kb React alternative with the same ES6 API. Components & Virtual DOM.","url":"https://github.com/developit/preact","content":"Reactのコアを再実装することを目的としたライブラリ。\nContextやPropTypesなどを削除している。\npreact-compatというReactの互換レイヤーを別モジュールとして持っている。","tags":["JavaScript","React","library","ReleaseNote"],"relatedLinks":[{"title":"Differences to React · developit/preact Wiki","url":"https://github.com/developit/preact/wiki/Differences-to-React"},{"title":"developit/preact-compat - JavaScript","url":"https://github.com/developit/preact-compat"}]},{"date":"2016-01-29T08:34:37.104Z","title":"sindresorhus/got: Simplified HTTP/HTTPS requests","url":"https://github.com/sindresorhus/got","content":"Node.js向けのHTTPクライアントライブラリ。`request`と同じ立ち位置のライブラリ","tags":["node.js","HTTP","library","Promises"],"relatedLinks":[]},{"date":"2016-01-29T13:31:25.551Z","title":"PhantomJS 2.1 Release Notes | PhantomJS","url":"http://phantomjs.org/release-2.1.html","content":"PhantomJS 2.1リリース。\nSSL Client Authentication、context menuイベントのサポート","tags":["JavaScript","browser","software","ReleaseNote"],"relatedLinks":[]},{"date":"2016-01-30T06:53:04.819Z","title":"zeithq/micro: Micro — Async HTTP microservices","url":"https://github.com/zeithq/micro","content":"小さなHTTPサーバライブラリ。\nリクエストを受け取りレスポンスを返すというシンプルなもの。\nasync/awaitをデフォルトで使えるようになっている。","tags":["HTTP","node.js"],"relatedLinks":[]},{"date":"2016-01-30T13:54:04.962Z","title":"Viewer.js","url":"http://fengyuanchen.github.io/viewerjs/","content":"多機能な画像ビューアライブラリ。\n","tags":["JavaScript","画像","library"],"relatedLinks":[]},{"date":"2016-01-30T14:15:29.677Z","title":"Adding ESLint to Your Project is Now Easier than Ever","url":"http://devnull.guru/adding-eslint-to-your-project-is-easier-than-ever/","content":"ESLint 2.xで導入されてる`--init`によるAutomatic Configurationについて","tags":["JavaScript","Bluetooth"],"relatedLinks":[]},{"date":"2016-01-30T15:57:06.303Z","title":"stylelint/stylelint","url":"https://github.com/stylelint/stylelint","content":"ルールやプラグインで拡張できるCSSのスタイルLintツール","tags":["CSS","Tools"],"relatedLinks":[]},{"date":"2016-01-31T14:03:45.497Z","title":"Release v3.1.0 · rackt/redux","url":"https://github.com/rackt/redux/releases/tag/v3.1.0","content":"Redux 3.1.0リリース。\n`createStore()`が`applyMiddleware()`をオプションとして受け入れられるようになった。","tags":["redux","ReleaseNote"],"relatedLinks":[]},{"date":"2016-01-26T04:03:35.094Z","title":"OO Relationships — Medium","url":"https://medium.com/@DmitrySoshnikov/oo-relationships-5020163ab162","content":"JavaScriptとオブジェクト指向プログラミングについて。\nstatic/dynamic dispatch、prototypeベース、縦/横の継承、\nclass、mixin、traits、ダックタイピング、compositionなどについて","tags":["ECMAScript","JavaScript","OOP"],"relatedLinks":[]},{"date":"2016-01-26T08:29:26.458Z","title":"2016 - the year of web streams - JakeArchibald.com","url":"https://jakearchibald.com/2016/streams-ftw/","content":"Fetch with Streamについて。\nreadable stream、transform streamを使ったMPEG to GIFの例","tags":["JavaScript"],"relatedLinks":[]},{"date":"2016-01-26T15:00:12.976Z","title":"Front-end Application Libraries and Component Architectures - Telerik Developer Network","url":"http://developer.telerik.com/featured/front-end-application-frameworks-component-architectures/","content":"コンポーネントを扱うライブラリの仕組みや構成、ルーター、サポートブラウザなどについての比較まとめ。\nPolymer、React、Riot.js、Vue.js、Aurelia、Angular2について","tags":["JavaScript","library","まとめ"],"relatedLinks":[]},{"date":"2016-01-27T00:52:58.560Z","title":"naomiaro/waveform-playlist: Multitrack Web Audio editor and player with canvas waveform preview. Set cues, fades and shift multiple tracks in time. Project inspired by Audacity.","url":"https://github.com/naomiaro/waveform-playlist","content":"AudacityインスパイアなWeb Audioを使った音声エディタ","tags":["web","audio","editor"],"relatedLinks":[]},{"date":"2016-01-27T03:33:01.497Z","title":"jQuery UI 1.12.0 Beta 1 | jQuery UI Blog","url":"http://blog.jqueryui.com/2016/01/jquery-ui-1-12-0-beta-1/","content":"jQuery UI 1.12.0 Beta 1リリース。\ncontrolgroupとcheckboxradioの追加、npmサポート、IE7サポート終了など","tags":["jQuery","UI","library","ReleaseNote"],"relatedLinks":[]},{"date":"2016-02-01T00:30:11.798Z","title":"juliankrispel/decaf: Coffeescript to ES.next transpiler","url":"https://github.com/juliankrispel/decaf","content":"CoffeeScriptのコードをJavaScriptに変換するツール。","tags":["CoffeeScript","JavaScript","Tools"],"relatedLinks":[{"title":"Issues · decaffeinate/decaffeinate","url":"https://github.com/decaffeinate/decaffeinate"}]},{"date":"2016-02-01T00:36:00.305Z","title":"sinsoku/clairvoyance","url":"https://github.com/sinsoku/clairvoyance","content":"CSSのカバレッジ計測ツール。\nCSSファイルに書かれたスタイルがHTMLの中でどのくらい使われてるかを計測できるツール","tags":["CSS","testing","Tools"],"relatedLinks":[{"title":"CSS のカバレッジを計測する Clairvoyance というツールを作りました - アジャイルSEの憂鬱","url":"http://sinsoku.hatenablog.com/entry/2016/01/31/174155"}]},{"date":"2016-02-01T15:50:22.475Z","title":"dfilatov/vidom: Library to build UI based on virtual DOM","url":"https://github.com/dfilatov/vidom","content":"ReactインスパイアなVirtual DOMを持つUIライブラリ。\nReactより小さく早いものを目的としている","tags":["JavaScript","React","library"],"relatedLinks":[]},{"date":"2016-02-02T10:38:36.031Z","title":"Styleguide: Accessibility · edx/ux-pattern-library Wiki","url":"https://github.com/edx/ux-pattern-library/wiki/Styleguide:-Accessibility","content":"アクセシビリティについてスタイルガイド","tags":["アクセシビリティ","まとめ","WAI-ARIA"],"relatedLinks":[]},{"date":"2016-02-02T10:52:09.235Z","title":"Spencer Dixon - Test Driven React Tutorial","url":"http://spencerdixon.com/blog/test-driven-react-tutorial.html","content":"Reactのテストについてのチュートリアル","tags":["React","testing"],"relatedLinks":[]},{"date":"2016-02-02T10:55:30.143Z","title":"What's new in webpack 2","url":"https://gist.github.com/sokra/27b24881210b56bbaff7","content":"webpack 2での変更点について。\nES6 modulesをベースとした最適化、`System.import`を使った動的ロード向けのモジュール分離に対応するなど","tags":["webpack"],"relatedLinks":[]},{"date":"2016-02-02T11:05:30.200Z","title":"ECMAScript 2016 features & changes - JSer.info","url":"http://jser.info/2016/02/01/es2016/","content":"ES2016で追加される機能が確定したことについて。\nまた新機能以外の変更点やどこを見れば仕様の変更が分かるかなどについて","tags":["ECMAScript","proposal"],"relatedLinks":[]},{"date":"2016-02-03T08:03:59.972Z","title":"Dev.Opera — Opera 35 released","url":"https://dev.opera.com/blog/opera-35/","content":"Opera 35(based on Chromium 48)リリース。\n`document.fonts`がSetらいくなオブジェクトとなり`entries()`などが利用できるように、`TouchEvent`イベントコンストラクタの追加など","tags":["Opera","Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2016-02-03T08:18:14.739Z","title":"Chromium Blog: Chrome 49 Beta: CSS custom properties, background sync with service workers, and new ES2015 features","url":"http://blog.chromium.org/2016/02/chrome-49-beta-css-custom-properties.html","content":"Chrome 49 Betaリリース。\nCSS custom propetires(CSS Variable)、ES6の対応改善、` Object.observe()`が非推奨となるなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2016-02-03T08:21:51.050Z","title":"Introducing ES2015 Proxies | Web Updates - Google Developers","url":"https://developers.google.com/web/updates/2016/02/es2015-proxies","content":"ES2015 Proxiesの使い方について。\nReflect APIとの組み合わた使い方などについて","tags":["JavaScript","ECMAScript"],"relatedLinks":[]},{"date":"2016-02-03T08:33:42.954Z","title":"Developer Edition 46 – More memory tooling, improved @media sidebar and more ★ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2016/02/developer-edition-46-more-memory-tooling-improved-media-sidebar-and-more/","content":"Firefox 46の開発者ツール変更点について。\nDominator viewの追加、開発者ツールが閉じてても`debugger`ステートメントでブレークするようになるなど","tags":["firefox","debug"],"relatedLinks":[]},{"date":"2016-02-03T08:45:11.074Z","title":"Handling props and class names in React – simonsmith.io – Portfolio and blog of a London based front-end web developer","url":"http://simonsmith.io/handling-props-and-classnames-in-react/","content":"React ComponentとclassNameの管理パターン。\nclassnamesモジュールを使う方法とテストについて","tags":["React"],"relatedLinks":[]},{"date":"2016-02-03T15:57:17.506Z","title":"Thinking In React","url":"https://www.thinkinginreact.xyz/","content":"Reactを扱う場合においての現実問題に対する解を考えていく電子書籍。\n","tags":["React","redux","Flux","book"],"relatedLinks":[]},{"date":"2016-02-04T08:49:25.787Z","title":"다함께, FluxUtils 한바퀴!","url":"http://www.slideshare.net/UyeongJu/fluxutils","content":"flux utilsについてのスライド。\nflux utilsのソースコードを見ながらどのようなシーケンスでやり取りしてるのか、fluxアーキテクチャでの非同期処理についてなどがわかりやすく解説されてる。","tags":["Flux","slide"],"relatedLinks":[]},{"date":"2016-02-06T06:02:17.662Z","title":"typings で d.ts の管理をする | スマホ神 – JavaScript 受託開発 –","url":"http://smart.ataglance.jp/2016-02-04-manage-dts-by-typings/","content":"`typings`を遣ったd.tsの管理について","tags":["TypeScript"],"relatedLinks":[]},{"date":"2016-02-06T12:29:03.395Z","title":"Angular 1.5.0 - ennoblement-facilitation has been released!","url":"http://angularjs.blogspot.com/2016/02/angular-150-ennoblement-facilitation.html","content":"AngularJS 1.5.0リリース。\nAngularJS 2へのアップグレードパスの改善。\n`module.component()`の追加、one-wayバインディングの対応、ES6 Classesの対応改善など","tags":["Angular","ReleaseNote"],"relatedLinks":[]},{"date":"2016-02-06T13:10:44.022Z","title":"For and against 'let'","url":"https://davidwalsh.name/for-and-against-let","content":"`let`とスコープについての詳しい解説","tags":["ECMAScript","JavaScript"],"relatedLinks":[]},{"date":"2016-02-06T14:13:30.977Z","title":"Looking ahead: Microsoft Edge for developers in 2016 | Microsoft Edge Dev Blog","url":"https://blogs.windows.com/msedgedev/2016/02/03/2016-platform-priorities/","content":"MSEdgeのロードマップ。\nアクセシビリティの改善、ES6 modules、Fetch API、Web Notifications、Beacon APIなどの対応を予定している","tags":["MSEdge","JavaScript"],"relatedLinks":[]},{"date":"2016-02-06T14:31:30.042Z","title":"ES6 const is not about immutability · Mathias Bynens","url":"https://mathiasbynens.be/notes/es6-const","content":"`const`は値を不変(immutable)にするのではなく、値へのバインディングを不変にするという意味。\nそのためオブジェクトのプロパティへの代入は可能のままだが、オブジェクトの不変については`Object.freeze()`が扱う。また`let`と`const`の使い分けについて","tags":["ECMAScript","JavaScript"],"relatedLinks":[]},{"date":"2016-02-06T15:57:49.248Z","title":"Top | Diff of HTMLs","url":"http://diffofhtmls.herokuapp.com/","content":"W3CとWHATWGのHTML仕様書のdiffを見ることが出来るサイト","tags":["HTML","W3C","WHATWG","spec"],"relatedLinks":[]},{"date":"2016-02-08T09:15:10.170Z","title":"Release v6.5.0 · babel/babel","url":"https://github.com/babel/babel/releases/tag/v6.5.0","content":"Babel 6.5.0リリース。\nBabel 6から一度のコード変換で全てされいたが、それを複数にわけられる`passPerPreset`オプションの追加。\nV8のString実装への最適化を行いコード生成を高速化するなど","tags":["babel","ReleaseNote"],"relatedLinks":[]},{"date":"2016-02-08T09:24:31.171Z","title":"Teamweek/instadate: A minimal high performance date library for Node.js and Browser","url":"https://github.com/Teamweek/instadate","content":"日付、時間処理を扱うライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2016-02-08T09:59:11.123Z","title":"start-runner/start: Dead simple tasks runner","url":"https://github.com/start-runner/start","content":"Promiseベースのタスク自動化ツール","tags":["JavaScript","Promises","Tools"],"relatedLinks":[]},{"date":"2016-02-08T10:01:40.043Z","title":"vasanthk/css-refresher-notes: CSS Refresher!","url":"https://github.com/vasanthk/css-refresher-notes","content":"CSS再入門。\nよく使う機能や指定の仕方について詳しく解説されてる","tags":["CSS","tutorial"],"relatedLinks":[]},{"date":"2016-02-09T01:39:18.172Z","title":"Release 2.1.0 - 2016.02.09 · zloirock/core-js","url":"https://github.com/zloirock/core-js/releases/tag/v2.1.0","content":"core-js 2.1.0リリース。\nES5 polyfillの分離。\n`Reflect.enumerate`の削除、Metadata Reflection APIの追加など","tags":["JavaScript","ECMAScript","library","ReleaseNote"],"relatedLinks":[{"title":"decorators/metadata.md at master · jonathandturner/decorators","url":"https://github.com/jonathandturner/decorators/blob/master/specs/metadata.md"}]},{"date":"2016-02-10T02:52:11.509Z","title":"February 2016 Security Release Summary | Node.js","url":"https://nodejs.org/en/blog/vulnerability/february-2016-security-releases/","content":"Node.jsのセキュリティアップデート。\n0.1x、4.x、5.xのアップデートがそれぞれ公開されている。","tags":["node.js","セキュリティ","ReleaseNote"],"relatedLinks":[]},{"date":"2016-02-10T14:37:59.030Z","title":"JavaScript glossary… by Andrea Giammarchi [PDF/iPad/Kindle]","url":"https://leanpub.com/jsglossary","content":"JavaScriptを使った開発に出てくる用語を解説することを目的とした書籍","tags":["JavaScript","book"],"relatedLinks":[{"title":"My new JavaScript book","url":"https://www.webreflection.co.uk/blog/2016/02/08/jsglossary"}]},{"date":"2016-02-12T02:09:13.830Z","title":"Grunt 1.0.0 rc1 released - Grunt: The JavaScript Task Runner","url":"http://gruntjs.com/blog/2016-02-11-grunt-1.0.0-rc1-released","content":"Grunt 1.0.0 RC1リリース。\nメジャーアップデートとなるため`peerDependencies`についての注意、`grant`モジュールにCLIが含まれるように、依存モジュールのアップデートなど","tags":["Grunt","ReleaseNote"],"relatedLinks":[]},{"date":"2016-02-12T03:18:55.103Z","title":"cht8687/You-Dont-Need-Lodash-Underscore: Lists of Javascript methods which you can use natively","url":"https://github.com/cht8687/You-Dont-Need-Lodash-Underscore","content":"underscore/lodashのメソッドをネイティブで同じ表現をする書き方について","tags":["JavaScript"],"relatedLinks":[{"title":"stevemao/You-Dont-Know-About-Lodash-Underscore: In response to You-Dont-Need-Lodash-Underscore","url":"https://github.com/stevemao/You-Dont-Know-About-Lodash-Underscore"}]},{"date":"2016-02-13T05:51:42.599Z","title":"ruyadorno/ntl: Npm Task List: Interactive cli menu to list/run npm tasks","url":"https://github.com/ruyadorno/ntl","content":"npm run-scriptをインタラクティブに選択肢て実行出来るツール","tags":["npm","console","Tools"],"relatedLinks":[]},{"date":"2016-02-13T08:01:01.550Z","title":"ECMAScript, TC39 Meeting Notesの読み方と修正方法 | Web Scratch","url":"http://efcl.info/2016/02/12/tc39-meeting-notes/","content":"ECMA TC39ミーティングノートの読み方とこのミーティングノートにはどういうことが書かれているのかについて","tags":["ECMAScript","JavaScript"],"relatedLinks":[]},{"date":"2016-02-13T11:49:14.692Z","title":"An update on strong mode - Google グループ","url":"https://groups.google.com/forum/#!msg/strengthen-js/ojj3TDxbHpQ/5ENNAiUzEgAJ","content":"V8のstrong modeの実装ステータスや結果について。\n性能が想定よりでなかった、ES6の仕様に性能のブロッカーがある。複雑になりすぎるなど。\nそのため次期V8ではstrong modeのサポートは削除予定","tags":["V8","JavaScript"],"relatedLinks":[]},{"date":"2016-02-13T13:31:45.778Z","title":"web-perf/react-worker-dom: Experiments to see the advantages of using Web Workers to Render React Virtual DOM","url":"https://github.com/web-perf/react-worker-dom","content":"ReactをWebWorkerで動かす実装とデモ","tags":["webworker","React"],"relatedLinks":[]},{"date":"2016-02-13T13:35:15.673Z","title":"StrongLoop | A New Day for Express!","url":"https://strongloop.com/strongblog/a-new-day-for-express/","content":"expressがNode.js FoundationのTop-Level Projectとなり、strongloop(IBM)から  https://github.com/expressjs へ移管された。","tags":["node.js","community"],"relatedLinks":[{"title":"TSC/Express.md at master · nodejs/TSC","url":"https://github.com/nodejs/TSC/blob/master/Applications/Express.md"}]},{"date":"2016-02-13T13:49:36.841Z","title":"ESLint v2.0.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2016/02/eslint-v2.0.0-released","content":"ESLint 2.0.0リリース。\n`eslint --init`で既存コードから判定して利用するルールの設定を作為する機能の追加、`eslint:recommended`のアップデート、既存ルールの挙動変更やオプションの非互換な変更など","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[{"title":"ESLint v2.0.0 の変更点まとめ - Qiita","url":"http://qiita.com/mysticatea/items/8bcecd821cca9e849078"},{"title":"Documentation - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/docs/user-guide/migrating-to-2.0.0"}]},{"date":"2016-02-14T11:24:19.857Z","title":"marten-de-vries/kneden: Transpile ES7 async/await to vanilla ES6 Promise chains: a Babel plugin","url":"https://github.com/marten-de-vries/kneden","content":"async/awaitをPromiseを使ったreadableなコードへ変換する目的のBabelプラグイン","tags":["babel","plugin","JavaScript"],"relatedLinks":[]},{"date":"2016-02-15T00:38:11.876Z","title":"React Newsletter","url":"http://reactjsnewsletter.com/","content":"ReactのWeeklyメールマガジン","tags":["React","mail"],"relatedLinks":[]},{"date":"2016-02-15T09:36:28.162Z","title":"timaschew/postcss-compare-packs: compare most popular postcss packs like cssnext, rucksack and precss","url":"https://github.com/timaschew/postcss-compare-packs","content":"cssnext、rucksack、precssなどのPostCSSパックの比較","tags":["CSS","PostCSS","まとめ"],"relatedLinks":[]},{"date":"2016-02-15T09:38:37.312Z","title":"Introducing the Accessible Modal Dialog","url":"http://dev.edenspiekermann.com/2016/02/11/introducing-accessible-modal-dialog/","content":"AccessibleなモーダルUIライブラリ","tags":["JavaScript","UI","アクセシビリティ","library","WAI-ARIA"],"relatedLinks":[]},{"date":"2016-02-15T11:01:54.881Z","title":"AriaFallah/WebpackTutorial: A simple webpack tutorial","url":"https://github.com/AriaFallah/WebpackTutorial","content":"webpackのチュートリアル。\n色々なパターンについて設定やなぜそう書くのかについて書かれてる","tags":["webpack","tutorial"],"relatedLinks":[]},{"date":"2016-02-15T23:02:53.237Z","title":"Release v2.10.0 · jscs-dev/node-jscs","url":"https://github.com/jscs-dev/node-jscs/releases/tag/v2.10.0","content":"JSCS 2.10.0リリース。\n`disallowSpacesInsideTemplateStringPlaceholders`、`requireImportsAlphabetized`の追加","tags":["JavaScript","ReleaseNote"],"relatedLinks":[]},{"date":"2016-02-16T00:50:14.941Z","title":"Happy Learn JavaScript Tutorial","url":"http://www.happylearnjavascripttutorial.com/","content":"JavaScript楽しく学ぶ目的の書籍","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2016-02-16T13:18:09.754Z","title":"Release ES2016 Draft 2016-02-15 · tc39/ecma262","url":"https://github.com/tc39/ecma262/releases/tag/es2016-draft-20160215","content":"ES2016 Draft 2016-02-15リリース。\nexponentiation operatorの追加、`Object.prototype`はimmutableに、Unicode 8.0へアップデート、`[[Enumerate]]`と`Reflect.enumerate`の削除など","tags":["ECMAScript","ReleaseNote"],"relatedLinks":[]},{"date":"2016-02-17T00:52:37.282Z","title":"Aerotwist - The Hack is Back!","url":"https://aerotwist.com/blog/the-hack-is-back/","content":"`createImageBitmap`とWebWorkerを使うことで、画像のデコード処理を別スレッドで行う方法について","tags":["JavaScript","canvas"],"relatedLinks":[{"title":"Dummy","url":"http://example.com/"}]},{"date":"2016-02-18T05:25:25.645Z","title":"Google と Udacity による JavaScript Promise オンライン コースのご紹介 - Google Developers Japan","url":"http://googledevjp.blogspot.com/2016/02/google-udacity-javascript-promise.html","content":"Promiseに関するオンラインコース","tags":["JavaScript","Promises"],"relatedLinks":[]},{"date":"2016-02-18T08:57:03.397Z","title":"Why using `_.chain` is a mistake. — Making Internets — Medium","url":"https://medium.com/making-internets/why-using-chain-is-a-mistake-9bc1f80d51ba","content":"lodashの`_.chanin`は拡張が難しい、lodashに含めることでbundleサイズが大きいという問題がある。\n4.1から`lodash/fp`にfunctionalな関数が用意されており、同等の表現はより小さなbundleサイズで実現できるという話","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2016-02-18T15:04:51.053Z","title":"JavaScript Safe Navigation","url":"https://gist.github.com/dakaraphi/6a87168db66fd8f032d2","content":"ProxyとSymbolを使って `?.` 的なプロパティチェインを繋げるように書く実装。\n`safe(o).isNull.next.next.$` のように書ける","tags":["JavaScript","proxy"],"relatedLinks":[]},{"date":"2016-02-20T05:04:56.914Z","title":"New Versioning Scheme | React","url":"http://facebook.github.io/react/blog/2016/02/19/new-versioning-scheme.html","content":"Reactの次期バージョンは15.0.0としてリリース予定。\nSemver的なバージョニングに合わせるため。また、React ComponentにおけるReactの依存バージョンの書き方についても解説されてる","tags":["React"],"relatedLinks":[]},{"date":"2016-02-20T05:25:34.944Z","title":"ESLint v2.2.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2016/02/eslint-v2.2.0-released","content":"ESLint 2.2.0リリース\n`// eslint-disable-next-line`のサポート","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2016-02-21T15:16:30.694Z","title":"talk/webtalk_2016-02-20.pdf at master · momdo/talk","url":"https://github.com/momdo/talk/blob/master/webtalk_2016-02-20.pdf","content":"ウェブの仕様は継続的に更新されているという話。\nWHATWG HTMLから見るW3C HTML、CSS SnapshotはCSS WGが安定していると認識したものを記述しているという話について","tags":["W3C","WHATWG","spec","slide"],"relatedLinks":[]},{"date":"2016-02-22T02:28:35.187Z","title":"npm Discover · see what everyone else is using","url":"http://www.npmdiscover.com/","content":"特定のnpmパッケージとよく一緒に使われているものを一覧表示してくれるサイト。\n「`react`と一緒に使われているツールやライブラリが何か」という事を検索できる。","tags":["npm","library","webservice","search"],"relatedLinks":[]},{"date":"2016-02-22T02:53:37.083Z","title":"trueadm/inferno: An extremely fast, isomorphic JavaScript library for building modern user interfaces","url":"https://github.com/trueadm/inferno","content":"ReactライクなVirtual DOMライブラリ。\nテンプレートからVirtual DOM Elementを作る段階で、静的/動的なのかを調べている。\nこれにより実行時にはdiff/patchを行わないフラグメントを作ることでパフォーマンスの向上を狙っている。","tags":["JavaScript","VirtualDOM","React","library"],"relatedLinks":[{"title":"What's the difference from virtual dom libraries? · Issue #21 · trueadm/inferno","url":"https://github.com/trueadm/inferno/issues/21"}]},{"date":"2016-02-22T11:06:11.767Z","title":"ziyasal/scientist.js: A JavaScript interpretation of the Ruby library Scientist, a library for carefully refactoring critical paths.","url":"https://github.com/ziyasal/scientist.js","content":"リファクタリングを補助するRubyライブラリであるscienceのJavaScript版","tags":["JavaScript","testing"],"relatedLinks":[{"title":"trello/scientist: A Node.js library for carefully refactoring critical paths in production","url":"https://github.com/trello/scientist"},{"title":"github/scientist: A Ruby library for carefully refactoring critical paths.","url":"https://github.com/github/scientist"}]},{"date":"2016-02-22T14:10:07.396Z","title":"DevTools へのセキュリティ パネル導入について - Google Developers Japan","url":"http://googledevjp.blogspot.com/2016/02/draft-devtools.html","content":"Chrome開発者ツールに\"Security\"パネルが追加された。\nTLS証明書、Mixed Contentなどを確認出来る","tags":["Chrome","debug"],"relatedLinks":[]},{"date":"2016-02-22T14:17:20.505Z","title":"JavaScript-mancy by Jaime González García [PDF/iPad/Kindle]","url":"https://leanpub.com/javascriptmancy-mastering-arcane-art-of-writing-awesome-javascript-for-csharp-developers","content":"C#開発者向けJavaScript本","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2016-02-22T22:33:04.120Z","title":"Draft.js | Rich Text Editor Framework for React","url":"https://facebook.github.io/draft-js/","content":"Facebook Notesやmessengerで使われてるReactのリッチエディタフレームワーク。\nimmutable-jsを利用している","tags":["React","editor","facebook","library"],"relatedLinks":[]},{"date":"2016-02-23T00:09:00.732Z","title":"jQuery 1.12.1 and 2.2.1 Released | Official jQuery Blog","url":"http://blog.jquery.com/2016/02/22/jquery-1-12-1-and-2-2-1-released/","content":"jQuery 1.12.1と2.2.1リリース\n`.position()`のバグを修正","tags":["jQuery","ReleaseNote"],"relatedLinks":[]},{"date":"2016-02-23T02:23:38.170Z","title":"Delivering Octicons with SVG","url":"https://github.com/blog/2112-delivering-octicons-with-svg","content":"GitHubはアイコンフォントをやめて、SVGを使ったアイコンを利用するように切り替えた。\nSVGをアイコンとして埋め込む方法、パフォーマンス、欠点や落とし穴について","tags":["fonts","SVG"],"relatedLinks":[]},{"date":"2016-02-23T06:01:16.959Z","title":"Node v5.7.0 (Stable) | Node.js","url":"https://nodejs.org/en/blog/release/v5.7.0/","content":"Node.js 5.7.0リリース。\n`Buffer#fill`が`encoding`引数をサポート、`spawn()`が`shell`オプションをサポートするなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2016-02-23T09:03:47.854Z","title":"Announcing TypeScript 1.8 | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2016/02/22/announcing-typescript-1-8-2/","content":"TypeScript 1.8リリース。\nString Literal Typesのサポート、コントロールフローを解析しUnreachableなコードを検出するなど","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2016-02-23T17:12:53.013Z","title":"dthree/cash: Cross-platform Linux commands in pure ES6","url":"https://github.com/dthree/cash","content":"JavaScriptで書かれたLinuxコマンド集。\nクロスプラットフォームで動く`mv`や`cp`といった単体のコマンドとしてもインストールできる","tags":["JavaScript","node.js","library","Tools"],"relatedLinks":[]},{"date":"2016-02-24T01:02:17.512Z","title":"ProjectSeptemberInc/gl-react: OpenGL / WebGL bindings for React to implement complex effects over images and content, in the descriptive VDOM paradigm","url":"https://github.com/ProjectSeptemberInc/gl-react","content":"OpenGL / WebGLを使ったReact Componentライブラリ。","tags":["WebGL","React","library"],"relatedLinks":[]},{"date":"2016-02-26T07:17:19.428Z","title":"Ember.js - Announcing Ember's First LTS Release","url":"http://emberjs.com/blog/2016/02/25/announcing-embers-first-lts.html","content":"Ember.jsがLTS(Long Term Support)リリースを行う予定。\nEmber.js 2.4が最初のLTSリリースとなる","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2016-02-27T05:03:22.856Z","title":"async/await: It’s Good and Bad — Medium","url":"https://medium.com/@benlesh/async-await-it-s-good-and-bad-15cf121ade40","content":"async/awaitのメリット/デメリットについて。","tags":["ECMAScript","JavaScript"],"relatedLinks":[]},{"date":"2016-02-27T05:06:42.558Z","title":"ConFoo: Measuring SPA Performance // Speaker Deck","url":"https://speakerdeck.com/bluesmoon/confoo-measuring-spa-performance","content":"SPAでパフォーマンスをどう計測するについてのスライド。\nXHRのhook、MutationObserver、FetchObserverについて","tags":["JavaScript","performance","slide"],"relatedLinks":[]},{"date":"2016-02-27T05:47:21.193Z","title":"Doclets","url":"https://www.doclets.io/","content":"JSDocとMarkdownのドキュメントホスティングサイト。\nymlにソースとMarkdownファイルを指定すれば、ドキュメントを作ってくれる","tags":["JavaScript","document","Markdown","webservice"],"relatedLinks":[]},{"date":"2016-02-27T05:59:03.297Z","title":"Examples of name clashes in JavaScript’s standard library","url":"http://www.2ality.com/2016/02/js-name-clashes.html","content":"新たに追加するメソッド名が衝突したBreak the webの例とSymbolについて。\n`Symbol.unscopables`が導入された経緯について","tags":["ECMAScript","JavaScript"],"relatedLinks":[]},{"date":"2016-02-28T07:16:57.716Z","title":"Elmish: Functional Programming in Javascript — Medium","url":"https://medium.com/@chetcorcos/elmish-functional-programming-in-javascript-50995f1d4b9e","content":"Elm的なアーキテクチャをJavaScriptで実装しながら学んでみたという話","tags":["JavaScript","設計"],"relatedLinks":[{"title":"ccorcos/elmish: A Javascript UI library inspired by Elm","url":"https://github.com/ccorcos/elmish"}]},{"date":"2016-02-29T00:25:56.696Z","title":"React.js Conf 2016 - YouTube","url":"https://www.youtube.com/playlist?list=PLb0IAmt7-GS0M8Q95RIc2lOM6nc77q1IY","content":"React.js Conf 2016の動画まとめ","tags":["React","Conference","動画 "],"relatedLinks":[]},{"date":"2016-02-29T02:52:52.139Z","title":"Introduction | React Webpack cookbook","url":"https://christianalfoni.github.io/react-webpack-cookbook/","content":"webpackとReactでのビルド環境構築系のGitBook","tags":["React","book","webpack"],"relatedLinks":[]},{"date":"2016-03-01T03:48:55.239Z","title":"rtsao/csjs: Modular, scoped CSS with ES6","url":"https://github.com/rtsao/csjs","content":"Template Stringsを使ったCSSのカプセル化を行うライブラリ","tags":["JavaScript","CSS"],"relatedLinks":[]},{"date":"2016-03-01T07:06:15.126Z","title":"Amazon.co.jp： ブラウザハック Webブラウザからの攻撃手法とその防御法総覧: Wade Alcorn, Christian Frichot, Michele Orru, 園田 道夫, はせがわ ようすけ, 西村 宗晃, 株式会社プロシステムエルオーシー: 本","url":"http://www.amazon.co.jp/%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%83%8F%E3%83%83%E3%82%AF-Web%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%81%8B%E3%82%89%E3%81%AE%E6%94%BB%E6%92%83%E6%89%8B%E6%B3%95%E3%81%A8%E3%81%9D%E3%81%AE%E9%98%B2%E5%BE%A1%E6%B3%95%E7%B7%8F%E8%A6%A7-Wade-Alcorn/dp/479814343X","content":"2016年3月16日発売\n攻撃者目線から学ぶブラウザ/ウェブのセキュリティについての書籍","tags":["browser","security","book"],"relatedLinks":[]},{"date":"2016-03-01T07:14:15.043Z","title":"Falcor入門 1日目 Falcorとは何者か - Qiita","url":"http://qiita.com/Quramy/items/5cf4f112d715c2e2d300","content":"Falcorとはどういうものなのかについての解説。\nデータの透過性と一貫性について\n\n> Falcorを利用する大きなメリットの1つは「データがサーバにあるのか、クライアントにあるのか意識することなく扱えるようになること」\n","tags":["API","JavaScript","library"],"relatedLinks":[]},{"date":"2016-03-02T02:40:28.889Z","title":"Release v6.6.0 · babel/babel","url":"https://github.com/babel/babel/releases/tag/v6.6.0","content":"Babel 6.6.0リリース。\ntransform-es3-member-expression-literalsが再度組み合わせて利用できるように、Babel 6で削除されたオプションに関するエラーをわかりやすく表示されるようになるなど","tags":["babel","ReleaseNote"],"relatedLinks":[]},{"date":"2016-03-02T07:08:18.993Z","title":"Ember.js - Ember.js 2.4 and 2.5 Beta Released","url":"http://emberjs.com/blog/2016/02/29/ember-2-4-released.html","content":"Ember.js 2.4と2.5 Betaリリース。\n2.5では`Object.assign`のpolyfillである`Ember.assign`の追加、イベントのテストヘルパーの追加","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2016-03-02T08:36:17.598Z","title":"TypeScriptの型定義管理ツールTypingsについて - Qiita","url":"http://qiita.com/literalice/items/d83249a5646abcb0bec6","content":"typingsの使い方について","tags":["TypeScript"],"relatedLinks":[]},{"date":"2016-03-02T08:43:09.537Z","title":"HTML Standard 日本語訳","url":"https://momdo.github.io/html/","content":"WHATWG Living Standardの日本語訳\n","tags":["WHATWG","HTML","translate"],"relatedLinks":[{"title":"HTML Living Standard訳はじめました - 水底の血","url":"http://momdo.hatenablog.jp/entry/20160301/1456833788"}]},{"date":"2016-03-02T08:45:40.786Z","title":"Building command line tools with Node.js - Atlassian Developers","url":"https://developer.atlassian.com/blog/2015/11/scripting-with-node/?categories=node.js","content":"Node.jsでCLI作るチュートリアル","tags":["node.js","console","tutorial"],"relatedLinks":[]},{"date":"2016-03-02T22:52:01.958Z","title":"matthewmueller/socrates: Small (12kb), batteries-included redux stack to reduce boilerplate and enforce good practices.","url":"https://github.com/matthewmueller/socrates","content":"Reduxをラップしたライブラリ。\n非同期Actionの扱い、stateがfreeze済み、reducerはdiffオブジェクトを返すだけ、reducerの構造化など","tags":["redux","JavaScript"],"relatedLinks":[]},{"date":"2016-03-03T03:04:21.648Z","title":"gaearon/react-makes-you-sad: Here’s a flowchart to make you happy again!","url":"https://github.com/gaearon/react-makes-you-sad","content":"Reactの学ぶ手順やエコシステムについてのアドバイス的な図","tags":["React","tutorial","画像"],"relatedLinks":[{"title":"React疲れに陥る前に (react-makes-you-sad の日本語訳) - Qiita","url":"http://qiita.com/kuy/items/bfe5975205c9237ebd26"}]},{"date":"2016-03-03T06:56:07.306Z","title":"What's New in jQuery 3 - Telerik Developer Network","url":"http://developer.telerik.com/featured/whats-new-in-jquery-3/","content":"jQuery 3についての解説。\nfor...ofでの列挙、`$.get`/`$.post`のシグネチャ追加、requestAnimationFrameの対応、`data()`の動作変更、DeferredがPromise/A+互換に、SVGのサポートなど","tags":["jQuery"],"relatedLinks":[]},{"date":"2016-03-03T08:40:55.090Z","title":"Design by Contract with Flow, React, and ESLint · Jeff Winkler","url":"https://react.rocks/blog/post/propTypes_React_Flow/","content":"ReactのコードをESLint + FlowTypeでチェックする仕組みについての記事","tags":["React","flowtype"],"relatedLinks":[]},{"date":"2016-03-03T09:36:13.085Z","title":"Step by Step Guide To Building React Redux Apps — Medium","url":"https://medium.com/@rajaraodv/step-by-step-guide-to-building-react-redux-apps-using-mocks-48ca0f47f9a","content":"React+Reduxをステップバイステップで学ぶチュートリアル","tags":["React","redux","tutorial"],"relatedLinks":[]},{"date":"2016-03-02T14:58:29.752Z","title":"mohayonao/web-audio-mock-api: mock API which implements the Web Audio API's interfaces only","url":"https://github.com/mohayonao/web-audio-mock-api","content":"Web Audio APIのモックライブラリ","tags":["web ","audio","API","testing","library"],"relatedLinks":[]},{"date":"2016-03-02T15:28:40.966Z","title":"Enzyme: JavaScript Testing utilities for React — Airbnb Engineering & Data Science — Medium","url":"https://medium.com/airbnb-engineering/enzyme-javascript-testing-utilities-for-react-a417e5e5090f","content":"Enzymeを使ったReact Componentのテストについて","tags":["React","testing","library"],"relatedLinks":[]},{"title":"Release 3rd Edition - Release Candidate · tc39/ecma402 · GitHub","url":"https://github.com/tc39/ecma402/releases/tag/3.0-rc-1","content":"ECMAScript Internationalization API 3rd Edition RCリリース。 i18n APIについて定義されてる仕様書","tags":["ECMAScript","spec","ReleaseNote"],"date":"2016-03-03T10:01:31.526Z","relatedLinks":[]},{"date":"2016-03-03T12:51:16.085Z","title":"Preload: What Is It Good For? – Smashing Magazine","url":"https://www.smashingmagazine.com/2016/02/preload-what-is-it-good-for/","content":"`<link rel=\"preload\">`でのpreloadについての詳しい解説。\nブラウザがちゃんと優先度を扱える、CSPと同居できる、`as`属性を使い適切な形でリソースを読み込めるなどの特徴について書かれている。","tags":["browser"],"relatedLinks":[]},{"date":"2016-03-05T04:42:12.549Z","title":"tryolabs/fetch-it: An enhanced HTTP client based on fetch.","url":"https://github.com/tryolabs/fetch-it","content":"Fetch APIをベースにしたHTTPクライアントライブラリ。\nmiddlewareで処理を追加できる仕組みを持っている","tags":["HTTP","JavaScript","library"],"relatedLinks":[{"title":"fetch-it: enhanced HTTP client based on fetch | Tryolabs | Blog","url":"http://blog.tryolabs.com/2016/03/02/fetch-it-enhanced-http-client-based-on-fetch/"}]},{"date":"2016-03-05T08:56:49.499Z","title":"ECMA262のIteration protocolsで遅延評価するIteratorを作る - snyk_s log","url":"http://saneyukis.hatenablog.com/entry/2016/03/04/030337","content":"ECMAScriptの`Symbol.iterator`を使い遅延評価出来るコレクション処理を行うという話\n","tags":["ECMAScript","JavaScript"],"relatedLinks":[{"title":"cognitect-labs/transducers-js: Transducers for JavaScript","url":"https://github.com/cognitect-labs/transducers-js"}]},{"date":"2016-03-05T09:05:37.339Z","title":"cognitect-labs/transducers-js: Transducers for JavaScript","url":"https://github.com/cognitect-labs/transducers-js","content":"Transformer protocolを実装したコレクション処理を実装することで、一度の処理で同時に複数の変換を行うことが出来るようにする仕組みとライブラリ","tags":["JavaScript","performance","library"],"relatedLinks":[]},{"date":"2016-03-05T09:07:55.701Z","title":"Understanding Transducers in JavaScript — Medium","url":"https://medium.com/@roman01la/understanding-transducers-in-javascript-3500d3bd9624","content":"Transformer protocolを実装したコレクション処理を実装することで、一度の処理で同時に複数の変換を行うことが出来るようにする仕組みであるTransducersについて","tags":["JavaScript","performance"],"relatedLinks":[{"title":"cognitect-labs/transducers-js: Transducers for JavaScript","url":"https://github.com/cognitect-labs/transducers-js"}]},{"date":"2016-03-05T09:10:11.773Z","title":"大型フロントエンド開発におけるTypeScriptとDDD // Speaker Deck","url":"https://speakerdeck.com/armorik83/da-xing-hurontoendokai-fa-niokerutypescripttoddd","content":"大規模なクライアントサイドを書く場合の構造やテスト、環境についてのスライド。\nTypeScriptでちゃんとしたドメインモデルを構築し、Viewのレイヤーとの分離を図る仕組みの作り方について","tags":["TypeScript","DDD","Angular","slide"],"relatedLinks":[]},{"date":"2016-03-05T09:11:11.705Z","title":"Introducing the WebVR 1.0 API Proposal ★ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2016/03/introducing-the-webvr-1-0-api-proposal/","content":"WebVR 1.0 APIについての解説記事","tags":["web ","VR"],"relatedLinks":[]},{"date":"2016-03-05T09:12:53.805Z","title":"matthewmueller/28kb-react-redux-routing: React + Redux + Routing Stack for just 28kb","url":"https://github.com/matthewmueller/28kb-react-redux-routing","content":"React + Redux + ルーティングというよくある構成を28kbで実現するというコンセプトリポジトリ。\nReactの代わりにPreact、Reduxの代わりにラップしたSocrates、ルーティングはenroute + Reduxミドルウェアを使っている","tags":["JavaScript","React","redux"],"relatedLinks":[]},{"date":"2016-03-05T09:15:09.447Z","title":"Rebass","url":"http://jxnblk.com/rebass/","content":"Reactを使ったUIライブラリ。\nステートレスコンポーネントとして実装されている。\nコンポーネントづくりの参考になりそう","tags":["React","UI","library"],"relatedLinks":[]},{"date":"2016-03-05T09:55:06.130Z","title":"React.js Conf 2016 - Steve McGuire - Performance Without Compromise - YouTube","url":"https://www.youtube.com/watch?v=kDARP5QZ6nU&list=PLb0IAmt7-GS0M8Q95RIc2lOM6nc77q1IY&index=28","content":"Netflixのクライアントサイドのアーキテクチャについて。\nmixinじゃなくて高階関数でレイヤーを表現、宣言的にするためのルールとしての\"No refs\"。\nまたパフォーマンス面では、Transducersの話、静的なpropと動的なpropは分けることでの最適化についてなど。","tags":["JavaScript","動画 ","React"],"relatedLinks":[]},{"date":"2016-03-05T10:19:47.100Z","title":"Code Cartoons — Medium","url":"https://code-cartoons.com/","content":"Cartoonsで学ぶFlux、Redux、Relayなどのデータコントロールフロー","tags":["JavaScript","React","redux"],"relatedLinks":[]},{"date":"2016-03-05T10:29:34.047Z","title":"ESLint v2.3.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2016/03/eslint-v2.3.0-released","content":"ESLint v2.3.0リリース。\nルールのoff/wan/errorを0,1,2という数字ではなく文字列で指定出来るように、ES2016で追加される`**`の対応など","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2016-03-06T02:13:07.784Z","title":"なぜ絵文字を含む文字を1文字ずつに分けるのにArray.fromだけで十分なのか？ - Qiita","url":"http://qiita.com/alucky0707/items/697598e49ff56191c139","content":"`split(\"\")`だと絵文字などでサロゲートペアの問題が起きるため、ES6で追加された`Array.from`などを使うことで正しく扱えるという話","tags":["JavaScript","ECMAScript"],"relatedLinks":[]},{"date":"2016-03-06T02:34:14.513Z","title":"Designing in React: Why and How // Speaker Deck","url":"https://speakerdeck.com/fand/designing-in-react-why-and-how","content":"React語圏でどういう試みがあって何を解決しようとしてたかという話\nCSS、アニメーションについて","tags":["React","CSS","DOM","slide"],"relatedLinks":[]},{"date":"2016-03-06T02:41:41.694Z","title":"uber-common/react-vis","url":"https://github.com/uber-common/react-vis","content":"Uberのグラフやビジュアライズ系のReact Componentライブラリ。\n棒グラフ、折れ線グラフ、円グラフ、テーブル、ツリーマップなど色々な表現が用意されてる","tags":["React","グラフ","library"],"relatedLinks":[]},{"date":"2016-03-06T02:46:09.070Z","title":"High-performance Web Worker messages | Read the Tea Leaves","url":"http://nolanlawson.com/2016/02/29/high-performance-web-worker-messages/","content":"単純なデータ転送についてのWeb Workerのパフォーマンステスト。\n- `JSON.stringify()`/`JSON.parse()`の利用\n- 一部のみ適応\n- 生オブジェクトのまま\nをそれぞれ比較したもの","tags":["webworker","performance","JavaScript"],"relatedLinks":[{"title":"How fast are web workers? ★ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2015/07/how-fast-are-web-workers/"},{"title":"Fast legoization | Better world by better software","url":"https://glebbahmutov.com/blog/fast-legoization/"}]},{"date":"2016-03-06T02:48:21.335Z","title":"Fast legoization | Better world by better software","url":"https://glebbahmutov.com/blog/fast-legoization/","content":"Web Workerを使って画像データを効率よく処理するテクニックについて","tags":["JavaScript","webworker","performance"],"relatedLinks":[]},{"date":"2016-03-06T03:24:02.463Z","title":"Quick Browserify by Sandeep Kumar Patel [Leanpub PDF/iPad/Kindle]","url":"https://leanpub.com/browserify","content":"Browserifyについての書籍","tags":["browserify","book"],"relatedLinks":[]},{"date":"2016-03-06T05:32:23.077Z","title":"JavaScript ASTを始める最初の一歩 | Web Scratch","url":"http://efcl.info/2016/03/06/ast-first-step/","content":"JavaScriptのASTを扱ったツールを書きたい人が最初に把握しておくといい部分についてのまとめ","tags":["JavaScript","AST","tutorial"],"relatedLinks":[]},{"date":"2016-03-07T09:49:27.003Z","title":"gulp: The Good Parts // Speaker Deck","url":"https://speakerdeck.com/jmblog/gulp-the-good-parts","content":"gulpのプラクティスについて。\nタスクの分割、設定の外部ファイル化、v4を見据えたタスクの書き方、v4の変更点について","tags":["gulp","slide"],"relatedLinks":[]},{"date":"2016-03-07T22:51:13.493Z","title":"Data structures in JavaScript - Ben's Blog","url":"http://blog.benoitvallon.com/data-structures-in-javascript/data-structures-in-javascript/","content":"JavaScriptでデータ構造やアルゴリズムについて学ぶシリーズ記事","tags":["JavaScript","アルゴリズム"],"relatedLinks":[]},{"date":"2016-03-08T14:19:30.700Z","title":"Performance Engineering with React","url":"http://benchling.engineering/performance-engineering-with-react/","content":"Reactにおけるパフォーマンス調査の手法やどのようにボトルネックを見つけるかについて","tags":["React","performance"],"relatedLinks":[]},{"date":"2016-03-08T14:33:09.772Z","title":"僕がネイティブな CSS 変数にわくわくする理由","url":"http://terkel.github.io/why-im-excited-about-native-css-variables/","content":"CSS Custom Propertyについて書かれた\"Why I'm Excited About Native CSS Variables\"の翻訳。\nコンポーネント名接頭辞にした変数名を使うという命名規則についてなど","tags":["CSS","translate"],"relatedLinks":[{"title":"僕がネイティブな CSS 変数にわくわくする理由","url":"http://terkel.github.io/why-im-excited-about-native-css-variables/"}]},{"date":"2016-03-08T14:40:52.045Z","title":"React v15.0 Release Candidate | React","url":"https://facebook.github.io/react/blog/2016/03/07/react-v15-rc1.html","content":"React v15.0 RC1リリース。\n`data-reactid`がクライアントサイドのレンダリングではなくなる、`null`をコメントとしてレンダリングするようになる。\nまた非推奨となっていたメソッドが`react`と`react-dom`それぞれから削除された。\nまた、警告メッセージの改善などが行われている。","tags":["React","ReleaseNote"],"relatedLinks":[]},{"date":"2016-03-09T13:49:43.789Z","title":"Release v6.7.0 · babel/babel","url":"https://github.com/babel/babel/releases/tag/v6.7.0","content":"Babel v6.7.0リリース。\nasync/await周りのバグ修正、内部的な変更してAST上に存在したキャッシュをWeakMapベースで保存するように変更。","tags":["babel","ReleaseNote"],"relatedLinks":[]},{"date":"2016-03-10T00:57:14.282Z","title":"node/CHANGELOG.md at v5.8.0 · nodejs/node","url":"https://github.com/nodejs/node/blob/v5.8.0/CHANGELOG.md","content":"Node.js 5.8.0リリース。\n`path.normalize`のレグレッションを修正、`util.format`のパフォーマンス改善。\n","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"Node 5.7.1 path.normalize broken · Issue #5585 · nodejs/node","url":"https://github.com/nodejs/node/issues/5585"},{"title":"util: improve util.format performance by evanlucas · Pull Request #5360 · nodejs/node","url":"https://github.com/nodejs/node/pull/5360"}]},{"date":"2016-03-10T16:05:57.935Z","title":"React.js v15.0 changes - blog.koba04.com","url":"http://blog.koba04.com/post/2016/03/09/react-js-v15-changes/","content":"React.js v15.0 RCの変更点まとめ","tags":["React","ReleaseNote"],"relatedLinks":[]},{"date":"2016-03-11T02:18:01.179Z","title":"Release v1.5.0 · testem/testem","url":"https://github.com/testem/testem/releases/tag/v1.5.0","content":"testem v1.5.0リリース。\n複数のTest Pageを指定するとparallel実行できるように、Mochaのテストにかかった時間を表示できるようになるなど","tags":["JavaScript","testing","library"],"relatedLinks":[]},{"date":"2016-03-11T03:18:35.983Z","title":"JavaScript Proposal for weak references: WeakRef","url":"https://ponyfoo.com/articles/weakref","content":"`WeakRef` Proposalについての解説。\nWeakMapと同じようにWeakな扱いだが、WeakMapと違いGCで回収された時に呼ばれる`executor`を指定できる。(WeakMap/Setは回収されたタイミングを知ることができない)","tags":["ECMAScript","JavaScript","proposal"],"relatedLinks":[{"title":"proposal-weakrefs/weakrefs.md at master · tc39/proposal-weakrefs","url":"https://github.com/tc39/proposal-weakrefs/blob/master/specs/weakrefs.md"}]},{"date":"2016-03-12T08:07:59.717Z","title":"Introducing InversifyJS 2.0","url":"http://blog.wolksoftware.com/introducing-inversify-2","content":"Inversion of control (IoC)コンテナーのTypeScript向けライブラリ","tags":["TypeScript","library"],"relatedLinks":[]},{"date":"2016-03-12T14:08:04.819Z","title":"Jest | \"JavaScript Unit Testing Performance\"","url":"http://facebook.github.io/jest/blog/2016/03/11/javascript-unit-testing-performance.html","content":"テストフレームワークのJestが実行時間を改善するためにやっていることについて","tags":["JavaScript","testing","library","performance"],"relatedLinks":[]},{"date":"2016-03-13T09:52:37.367Z","title":"rajasegar/compack: An awesome bundler for Web Components","url":"https://github.com/rajasegar/compack","content":"Web Componentsのscaffoldingとbundleするツール","tags":["WebComponents","Tools"],"relatedLinks":[]},{"date":"2016-03-13T10:06:01.795Z","title":"Learning React Without Using React Part 1 — JavaScript Inside — Medium","url":"https://medium.com/javascript-inside/learn-the-concepts-part-1-418952d968cb","content":"ツールなどは使わないで学ぶReactのチュートリアル。\n","tags":["React","tutorial"],"relatedLinks":[]},{"date":"2016-03-14T14:43:33.273Z","title":"Firefox 開発ツールを使った Service Workers と Push のデバッグ | Mozilla Developer Street (modest)","url":"https://dev.mozilla.jp/2016/03/debugging-service-workers-and-push-with-firefox-devtools/","content":"FirefoxでのService WorkerとPush Notificationsのデバッグについて。\n`about:debugging`というデバッグのダッシュボード画面についても書かれている","tags":["firefox","debug","ServiceWorker"],"relatedLinks":[]},{"date":"2016-03-15T07:12:55.014Z","title":"PostCSS.parts | A searchable catalog of PostCSS plugins","url":"http://postcss.parts/","content":"PostCSSのカタログサイト","tags":["PostCSS","search"],"relatedLinks":[]},{"date":"2016-03-15T13:33:52.152Z","title":"State of the Art JavaScript in 2016 — JavaScript and Opinions — Medium","url":"https://gist.github.com/Phoenixmatrix/c1f552d5ed919def5994.js","content":"最近のJavaScriptにおける主流となったライブラリやツールについて。\nReact、Redux、Babel、ESLint、npm、webpack、mochaなどのテストツールなどや人について\n\n> If you don’t need it, don’t use it\n\nと書かれているように全てに対するベストではないという話も書かれている","tags":["JavaScript","Tools","library"],"relatedLinks":[]},{"date":"2016-03-15T14:02:05.375Z","title":"Webpack FTW!!!!","url":"https://k94n.com/webpack-ftw","content":"webpackはどんなことができるのかというのをわかりやすく簡単に紹介してる","tags":["webpack"],"relatedLinks":[{"title":"Webpack FTW // Speaker Deck","url":"https://speakerdeck.com/k9ordon/webpack-ftw"}]},{"date":"2016-03-16T07:05:52.969Z","title":"A WebAssembly Milestone: Experimental Support in Multiple Browsers ★ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2016/03/a-webassembly-milestone/","content":"WebAssemblyの仕様、ブラウザの実装のステータスについて。\n最初のbinary formatドラフト仕様がでており、Firefox、Chrome、ChackraCoreのNightlyで試験的な実装がされている。","tags":["WebAssembly","status"],"relatedLinks":[{"title":"V8 JavaScript Engine: Experimental support for WebAssembly in V8","url":"http://v8project.blogspot.jp/2016/03/experimental-support-for-webassembly.html"},{"title":"Previewing WebAssembly experiments in Microsoft Edge | Microsoft Edge Dev Blog","url":"https://blogs.windows.com/msedgedev/2016/03/15/previewing-webassembly-experiments/"}]},{"date":"2016-03-16T07:10:35.822Z","title":"V8 JavaScript Engine: V8 Release 5.0","url":"http://v8project.blogspot.com/2016/03/v8-release-50.html","content":"V8 5.0リリース。\nRegExp Unicode flagのサポート、RegExpのwell-known symbolsをサポート、`Object.keys()`やrest parameterの速度改善など","tags":["V8","ReleaseNote"],"relatedLinks":[]},{"date":"2016-03-16T15:52:14.075Z","title":"特集：C#×JavaScript：ECMAScriptの最新情報を得るには (1/2) - ＠IT","url":"http://www.atmarkit.co.jp/ait/articles/1603/11/news042.html","content":"ECMAScriptの仕様策定のプロセスやリソースがどこにあるかがまとまってる記事","tags":["ECMAScript"],"relatedLinks":[]},{"date":"2016-03-17T08:28:02.869Z","title":"Node.js Buffer API Changes — Medium","url":"https://medium.com/@jasnell/node-js-buffer-api-changes-3c21f1048f97","content":"Node.js v6で予定されているBuffer APIの変更についての解説","tags":["node.js"],"relatedLinks":[]},{"date":"2016-03-17T09:45:31.897Z","title":"eanplatter/enclave: A simpler way to compile React applications http://enclave.js.org","url":"https://github.com/eanplatter/enclave","content":"`npm install`して`npm start`するだけで、React+Babelな環境を動かせるブートストラップ的なツール","tags":["React","babel","Tools"],"relatedLinks":[]},{"date":"2016-03-17T09:49:45.752Z","title":"Fluent Conference 2016 (San Francisco, CA) - YouTube","url":"https://www.youtube.com/watch?v=9UYoKyuFXrM&list=PL055Epbe6d5bQubu5EWf_kUNA3ef_qbmL","content":"Fluent Conference 2016の動画が公開された","tags":["JavaScript","Conference","動画 "],"relatedLinks":[]},{"date":"2016-03-17T12:49:23.651Z","title":"Node v5.9.0 (Stable) | Node.js","url":"https://nodejs.org/en/blog/release/v5.9.0/","content":"Node.js 5.9.0リリース。\n`vm`モジュールのメモリ使用量の削減、`zlib`モジュールがconcatenated archivesをサポート","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2016-03-18T08:40:59.697Z","title":"Announcing Marko v3: From HTML to HTML-JS | Marko","url":"http://markojs.com/blog/announcing-marko-v3/","content":"テンプレートエンジンのMarko v3リリース。\nHTML-JS syntaxというJavaScriptのように書けるテンプレート表現のサポート、コンパイル時最適化の対応など","tags":["JavaScript","template","library","ReleaseNote"],"relatedLinks":[]},{"date":"2016-03-18T15:17:27.732Z","title":"Chromium Blog: Chrome 50 Beta: Push notification improvements and declarative preload","url":"http://blog.chromium.org/2016/03/chrome-50-beta-push-notification.html","content":"Chrome 50 Betaリリース。\n`<link rel='preload'>`、`HTMLCanvasElement.toBlob()`のサポート、iframeのsandbox属性値がサポートされているかを判定出来るように、`Document.defaultCharset`を削除など","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"DOMTokenList Validation Added in Chrome 50 | Web Updates - Google Developers","url":"https://developers.google.com/web/updates/2016/03/domtokenlist-validation-added-in-chrome-50?hl=en"},{"title":"Preload: What Is It Good For? – Smashing Magazine","url":"https://www.smashingmagazine.com/2016/02/preload-what-is-it-good-for/"}]},{"date":"2016-03-19T03:58:45.262Z","title":"Why I Write Plain JavaScript Modules","url":"https://ponyfoo.com/articles/why-i-write-plain-javascript-modules","content":"なぜDOMのライブラリをReact/AngularJSなど特定のフレームワーク向けではなく、PureなDOMライブラリとして書くのかについて","tags":["DOM","library"],"relatedLinks":[]},{"date":"2016-03-19T04:07:08.328Z","title":"danigb/tonal: Music tonal elements —pitches, chords, scales, keys— in Javascript","url":"https://github.com/danigb/tonal","content":"Web MIDI、Web Audio APIを扱う小さなライブラリを集めたmono repo。","tags":["web ","audio","library"],"relatedLinks":[]},{"date":"2016-03-19T04:08:10.291Z","title":"gravmatt/force-js: The easy way to scroll and animate your page","url":"https://github.com/gravmatt/force-js","content":"要素をアニメーションする依存のないライブラリ","tags":["JavaScript","animation","library"],"relatedLinks":[]},{"date":"2016-03-19T04:24:08.274Z","title":"Animating with React, Redux, and d3 | A geek with a hat","url":"http://swizec.com/blog/animating-with-react-redux-and-d3/swizec/6775","content":"ReactとD3.jsを組み合わせてアニメーションするComponentを作る話。\nContainer ComponentにStateが出てくるためReduxで管理している。\nパーティクルを表示するなかでどこにボトルネックがあるかについて","tags":["React","redux","d3.js","SVG"],"relatedLinks":[]},{"date":"2016-03-19T04:40:34.552Z","title":"protractor/CHANGELOG.md at 3.2.0 · angular/protractor","url":"https://github.com/angular/protractor/blob/3.2.0/CHANGELOG.md","content":"Protractor 3.2.0リリース。\nTypeScriptサポートのための変更追加、任意のバージョンのWebDriverを指定できるようになるなど","tags":["E2E","testing","library","ReleaseNote"],"relatedLinks":[{"title":"Typescript support · Issue #1203 · angular/protractor","url":"https://github.com/angular/protractor/issues/1203#issuecomment-168777170"}]},{"date":"2016-03-19T08:08:42.336Z","title":"Node.js ES2015/ES6 support","url":"http://node.green/","content":"Node.js版 ECMAScript compat-table","tags":["node.js","まとめ"],"relatedLinks":[]},{"date":"2016-03-19T16:45:04.647Z","title":"An Introduction to jQuery's Deferred Objects","url":"http://www.sitepoint.com/introduction-jquery-deferred-objects/","content":"jQuery Deferredの歴史や使い方について\n1.x、2.x、3.xそれぞれでの違いについて書かれている","tags":["jQuery"],"relatedLinks":[]},{"date":"2016-03-21T12:28:59.505Z","title":"reBEM: React ♥ BEM — Medium","url":"https://medium.com/@mistadikay/rebem-react-bem-20d875157017","content":"ReactとBEMの組み合わせについて。\nreBEM layersという考え方について","tags":["React","library","CSS"],"relatedLinks":[]},{"date":"2016-03-21T14:31:20.231Z","title":"Redux Middleware in Depth - Qiita","url":"http://qiita.com/kuy/items/c6784fe443f1d5c7bbdc","content":"Reduxのmiddlewareについて。\nmiddlewareの適応順や実行順により起きる問題や解決方法について詳しく書かれている。","tags":["redux"],"relatedLinks":[]},{"date":"2016-03-22T00:36:53.236Z","title":"Google Cloud Platform Blog: Node.js on Google App Engine goes beta","url":"https://cloudplatform.googleblog.com/2016/03/Node.js-on-Google-App-Engine-goes-beta.html","content":"GAEでNode.jsがβサポートされた","tags":["node.js","google"],"relatedLinks":[]},{"date":"2016-03-22T10:02:23.993Z","title":"Reactを使ったプロダクトのパフォーマンスを改善した話 | GMOメディア エンジニアブログ","url":"http://tech.gmo-media.jp/post/141458071484/react-perf-tuning","content":"React Componentで作成したアプリにのボトルネックの調査方法や改善手法について。\nreact-addons-perfを使ってプロファイルを見ながらやっていく話","tags":["React","performance","debug"],"relatedLinks":[]},{"date":"2016-03-22T23:07:08.256Z","title":"GoogleChrome/proxy-polyfill: Proxy object polyfill","url":"https://github.com/GoogleChrome/proxy-polyfill","content":"ES6 Proxyのpolyfillライブラリ。\nget/set/apply/constructなど一部のtrapのみをサポートしている","tags":["JavaScript","ECMAScript","library"],"relatedLinks":[]},{"date":"2016-03-23T09:56:29.537Z","title":"JavaScriptのPromiseオブジェクトについて調べた事 | QUARTETCOM TECH BLOG","url":"http://tech.quartetcom.co.jp/2016/03/22/javascript-promise/","content":"Promiseについて簡潔にまとまった内容。\nAngularJSの`$q`についても扱われてる","tags":["Promises","JavaScript"],"relatedLinks":[]},{"date":"2016-03-23T10:02:12.535Z","title":"Your first Progressive Web App","url":"https://codelabs.developers.google.com/codelabs/your-first-pwapp/","content":"Progressive Web Appについて学ぶワークショップ資料","tags":["ProgressiveWebApp","tutorial"],"relatedLinks":[]},{"date":"2016-03-23T12:41:00.636Z","title":"Debugging with Node","url":"http://krasimirtsonev.com/blog/article/debugging-with-node","content":"Node.jsに元々入っている`node debug`コマンドの使い方について","tags":["node.js","debug","tutorial"],"relatedLinks":[]},{"title":"An Introduction to jQuery's Deferred Objects","url":"http://www.sitepoint.com/introduction-jquery-deferred-objects/","content":"jQuery Deferredの歴史や使い方について。\n1.x、2.x、3.xそれぞれでの動作や違いについて解説されている","tags":["jQuery"],"date":"2016-03-23T12:47:34.118Z","relatedLinks":[]},{"date":"2016-03-23T12:52:02.717Z","title":"Developer Edition 47 – User agent emulation, popup debugging and more ★ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2016/03/developer-edition-47-user-agent-emulation-popup-debugging-and-more/","content":"Firefox 47の開発者ツールの新しい機能について。\nどういう流れでオブジェクトが保持されているのかを可視化、コンソールへ複数行入力出来るように、Storage Insperatorでcacheをサポートなど","tags":["firefox","JavaScript","debug"],"relatedLinks":[]},{"date":"2016-03-23T14:20:59.927Z","title":"The State of Browser APIs - 1","url":"http://hwclass.in/2016/03/09/the-next-generation-of-browser-apis/","content":"現在ブラウザで使える色々な新しいAPIについての紹介","tags":["JavaScript","WebPlatformAPI"],"relatedLinks":[{"title":"AurelioDeRosa/HTML5-API-demos: A repository where you can find information about many JavaScript and HTML5 APIs.","url":"https://github.com/AurelioDeRosa/HTML5-API-demos"}]},{"date":"2016-03-23T22:48:19.684Z","title":"Safari 9.1","url":"https://developer.apple.com/library/mac/releasenotes/General/WhatsNewInSafari/Articles/Safari_9_1.html","content":"Safari 9.1の変更点について。\n`<picture>`要素のサポート、Web Inspectorの改善、Fast Tap、Canvasが`imageSmoothingQuality`プロパティ、CSS Custom Propertiesのサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2016-03-24T00:20:38.882Z","title":"CSS Variables in WebKit | WebKit","url":"https://webkit.org/blog/5989/css-variables-in-webkit/","content":"Safari 9.1でサポートされたCSS Custom Propertiesについての解説\n`--name`で変数を定義し、CSS内から`var(--name)`で参照できる。\nJavaScriptからも`getPropertyValue/setProperty`で読み書きができる","tags":["CSS"],"relatedLinks":[]},{"date":"2016-03-24T16:16:42.978Z","title":"Majesty Of… by Alex Kyriakidis et al. [Leanpub PDF/iPad/Kindle]","url":"https://leanpub.com/vuejs/","content":"Vue.jsについての書籍","tags":["JavaScript","book"],"relatedLinks":[{"title":"hootlex/the-majesty-of-vuejs: educational","url":"https://github.com/hootlex/the-majesty-of-vuejs"}]},{"date":"2016-03-25T14:56:24.919Z","title":"JSDocをランタイムassertに変換するBabelプラグインを書いた | Web Scratch","url":"http://efcl.info/2016/03/25/jsdoc-to-assert/","content":"JSDocをassertに変換するBabelプラグインについて。\nJSDocの型をランタイムassertにすることで、定義されてる型と実際の値が一致しているかを検証できる","tags":["JavaScript","testing","Tools","babel"],"relatedLinks":[]},{"date":"2016-03-26T02:32:02.185Z","title":"Sinon Tutorial: JavaScript Testing with Mocks, Spies & Stubs","url":"http://www.sitepoint.com/sinon-tutorial-javascript-testing-mocks-spies-stubs/","content":"Sinon.jsを使ったテストについて。\nSinon.jsのmock, stub, spyについて","tags":["JavaScript","testing","library"],"relatedLinks":[]},{"title":"GitHub - ozkxr/match: An JavaScript library to test JSON with some nice features.","url":"https://github.com/ozkxr/match","content":"JSONなどのオブジェクトに対してpredicate関数の結果を使ったmatchライブラリ","tags":["JavaScript","library","JSON"],"date":"2016-03-26T02:32:56.651Z","relatedLinks":[]},{"title":"GitHub - benoitvallon/computer-science-in-javascript: Computer science reimplemented in JavaScript","url":"https://github.com/benoitvallon/computer-science-in-javascript","content":"JavaScriptでデータ構造やソートアルゴリズムの実装例 ","tags":["JavaScript","algorithm"],"date":"2016-03-26T02:38:35.013Z","relatedLinks":[{"title":"Data Structures in JavaScript posts - Ben's Blog","url":"http://blog.benoitvallon.com/category/data-structures-in-javascript/"}]},{"date":"2016-03-26T02:51:03.943Z","title":"Promise-based functions should not throw exceptions","url":"http://www.2ality.com/2016/03/promise-rejections-vs-exceptions.html","content":"Promiseをベースとしてるasync/awaitを見据えながら、Promiseを返す関数は例外を投げないで`reject`したPromiseオブジェクトを返すべきという話","tags":["JavaScript","ECMAScript","Promises"],"relatedLinks":[{"title":"JavaScript Promiseの本","url":"http://azu.github.io/promises-book/#not-throw-use-reject"}]},{"date":"2016-03-26T03:01:28.479Z","title":"ng-japan 2016 セッション資料まとめ - Qiita","url":"http://qiita.com/nyamogera/items/b83833d1e15a55d0bb66","content":"ng-japan 2016の動画とスライドまとめ","tags":["Angular","Conference"],"relatedLinks":[{"title":"ng-japan - The Angular conference in Tokyo, Japan (2016/3/21)","url":"http://ngjapan.org/"}]},{"date":"2016-03-26T10:14:31.950Z","title":"ESLint v2.5.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2016/03/eslint-v2.5.0-released","content":"ESLint 2.5.0リリース。\n依存してるライブラリもESLintのパッケージに含めて配布できる`bundledDependencies`を利用するように、ルールの追加/修正など。","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[{"title":"ESLint v2.5.0 - Qiita","url":"http://qiita.com/mysticatea/items/7018ca26abfa7701debc"}]},{"date":"2016-03-26T10:24:29.516Z","title":"The Case for CSS Modules","url":"http://markdalgleish.github.io/presentation-the-case-for-css-modules/","content":"CSS Modulesについてのスライド\n","tags":["CSS","slide"],"relatedLinks":[{"title":"css-modules/css-modules: Documentation about css-modules","url":"https://github.com/css-modules/css-modules"}]},{"date":"2016-03-26T10:26:49.235Z","title":"Safari on iOS 9.3, Responsive Images, iPhone SE, shrink-to-fit and other new APIs | Breaking the Mobile Web","url":"http://www.mobilexweb.com/blog/safari-on-ios-9-3-picture-shrink-fit-iphone-se","content":"iOS 9.3のSafariについて。\n`<picture>`、Fast Tap、CSS Custom Properties、ダイアログの変更、`shrink-to-fit`、Remote Inspectorなど","tags":["ios","safari","ReleaseNote"],"relatedLinks":[]},{"date":"2016-03-26T12:41:08.179Z","title":"Gordux.js - The redux pattern in vanilla.js","url":"https://k94n.com/gordux-js-the-redux-pattern-in-vanilla-js","content":"Reduxのようなデータフローを素のJavaScriptで実装してみるという話。\nEventにはCustom Eventを使ってPub/Subを行っている","tags":["JavaScript","redux"],"relatedLinks":[]},{"date":"2016-03-26T13:01:17.531Z","title":"A Primer for Web Performance Timing APIs","url":"https://w3c.github.io/perf-timing-primer/","content":"Web Performance Timing APIの概要をまとめたドキュメント","tags":["web ","performance","document"],"relatedLinks":[{"title":"ブラウザのPerformance APIの話","url":"http://www.slideshare.net/kawada_hiroshi/performance-api"}]},{"date":"2016-03-26T13:34:59.141Z","title":"tusharmath/funjector: Dependency injection for functional paradigm","url":"https://github.com/tusharmath/funjector","content":"関数に対するDIライブラリ。\n部分適応した関数を作り、それに対してinjectできる仕組みを提供する","tags":["JavaScript","library","testing"],"relatedLinks":[]},{"date":"2016-03-27T11:31:34.728Z","title":"Status of Static Typing in ECMAScript | ECMAScript Daily","url":"https://ecmascript-daily.github.io/pages/status-of-static-typing-in-ecmascript/","content":"ECMAScriptにおける型関連Proposalのステータスまとめ。","tags":["ECMAScript","proposal","まとめ"],"relatedLinks":[]},{"date":"2016-03-27T14:11:02.526Z","title":"Fluent Conf 2016: Jeremy Fairbank - The rise of async JavaScript - YouTube","url":"https://www.youtube.com/watch?v=QtgR94Q2pt4","content":"async/awaitがどのように動くのかをPromiseをベースとして解説してる。\nエラーハンドリングの動作やasync functionがどのように動くのかを見ていく話","tags":["JavaScript","動画 "],"relatedLinks":[{"title":"Fluent Conf: Rise of Async JavaScript // Speaker Deck","url":"https://speakerdeck.com/jfairbank/fluent-conf-rise-of-async-javascript"}]},{"date":"2016-03-27T14:36:24.026Z","title":"WebpackBin","url":"http://www.webpackbin.com/","content":"http://requirebin.com/ のwebpack版。\nHTML/CSS/JavaScriptを書いて公開出来るサービス","tags":["JavaScript","webpack","webservice"],"relatedLinks":[]},{"date":"2016-03-28T15:39:06.503Z","title":"Shadow DOM CSS Cheat Sheet","url":"http://robdodson.me/shadow-dom-css-cheat-sheet/","content":"Shadown DOMのCSS(`:host`など)、CSS Custom Properties(`--var`)についてのチートシート","tags":["CSS"],"relatedLinks":[]},{"date":"2016-03-28T15:51:59.343Z","title":"Release v1.0.0 · mozilla/sweet.js","url":"https://github.com/mozilla/sweet.js/releases/tag/v1.0.0","content":"JavaScriptにhygienic macrosを導入するsweet.js 1.0.0リリース。\n","tags":["JavaScript","Tools"],"relatedLinks":[{"title":"Announcing Sweet.js 1.0 — Medium","url":"https://medium.com/@disnet/announcing-sweet-js-1-0-e7f4f3e15594"},{"title":"Redesign by disnet · Pull Request #485 · mozilla/sweet.js","url":"https://github.com/mozilla/sweet.js/pull/485"}]},{"date":"2016-03-29T00:25:43.233Z","title":"The Sad State of the Backbone Ecosystem","url":"http://benmccormick.org/2016/03/07/the-sad-state-of-the-backbone-ecosystem/","content":"Backbone.jsのエコシステムのアクティビティについて。\nBackbone.js本体やMarionette、関連するライブラリの状況についてまとめてる","tags":["backbone.js"],"relatedLinks":[]},{"date":"2016-03-29T00:27:50.057Z","title":"Backbone.js","url":"http://backbonejs.org/","content":"Backbone. 1.3.2リリース。\n`findIndex`、`findLastIndex`の追加、`component.json`のサポートを終了","tags":["backbone.js","ReleaseNote"],"relatedLinks":[{"title":"Remove component.json support? · Issue #2601 · marionettejs/backbone.marionette","url":"https://github.com/marionettejs/backbone.marionette/issues/2601"}]},{"date":"2016-03-29T00:29:02.259Z","title":"pmdartus/snapline: Unleash your screenshots stored in Chrome Devtool timeline files","url":"https://github.com/pmdartus/snapline","content":"Chrome開発者ツールのタイムラインをGIFアニメーション画像に変換出来るツール","tags":["Chrome","debug","画像"],"relatedLinks":[]},{"date":"2016-03-29T07:21:46.604Z","title":"bfred-it/object-fit-images: Adds support to object-fit to images on IE9, IE10, IE11, Edge and other old browsers.","url":"https://github.com/bfred-it/object-fit-images","content":"`object-fit`をIEでも動かすJavaScriptライブラリ","tags":["JavaScript","CSS","library"],"relatedLinks":[]},{"date":"2016-03-29T08:46:08.196Z","title":"gajus/create-index: Creates ES6 ./index.js file in target directories that imports and exports all sibling files and directories.","url":"https://github.com/gajus/create-index","content":"ディレクトリを指定すると、そこにあるモジュールを`import`した`index.js`を作成してくれるツール","tags":["node.js","library","Tools"],"relatedLinks":[]},{"date":"2016-03-29T22:42:22.126Z","title":"ECSS: Home Page","url":"http://ecss.io/","content":"ECSS(Enduring CSS)についての書籍\nCSSの設計、考え方について扱ってる","tags":["CSS","book"],"relatedLinks":[{"title":"Enduring CSS: writing style sheets for rapidly changing, long-lived projects – Ben Frain","url":"https://benfrain.com/enduring-css-writing-style-sheets-rapidly-changing-long-lived-projects/"}]},{"date":"2016-03-30T08:16:26.342Z","title":"Houdini: Maybe The Most Exciting Development In CSS You've Never Heard Of – Smashing Magazine","url":"https://www.smashingmagazine.com/2016/03/houdini-maybe-the-most-exciting-development-in-css-youve-never-heard-of/","content":"W3C task forceのHoudiniは何を解決するのが目的でどういうものなのかについての解説。","tags":["CSS"],"relatedLinks":[]},{"date":"2016-03-30T15:26:39.537Z","title":"The JavaScript Event Loop: Explained","url":"http://blog.carbonfive.com/2013/10/27/the-javascript-event-loop-explained/","content":"JavaScriptのイベントループについての解説、図解。\nDOM EventやWebWorkerについて","tags":["JavaScript"],"relatedLinks":[]},{"date":"2016-03-31T02:01:00.333Z","title":"Introducing Safari Technology Preview | WebKit","url":"https://webkit.org/blog/6017/introducing-safari-technology-preview/","content":"Safariの開発者プレビュー版が公開された","tags":["safari","browser","debug"],"relatedLinks":[]},{"date":"2016-03-31T15:45:40.734Z","title":"Let's Learn ES6 - YouTube","url":"https://www.youtube.com/playlist?list=PL57atfCFqj2h5fpdZD-doGEIs0NZxeJTX","content":"ES6について学ぶスクリーンキャストの連載","tags":["ECMAScript","JavaScript","動画 "],"relatedLinks":[]},{"date":"2016-04-01T02:39:09.761Z","title":"What's New in TypeScript? | Build 2016 | Channel 9","url":"https://channel9.msdn.com/Events/Build/2016/B881","content":"近年のTypeScriptのリリースについて。\nまたnon-nullable typeやnpmとd.tsについてなど","tags":["TypeScript","動画 "],"relatedLinks":[]},{"date":"2016-04-01T14:12:16.392Z","title":"Babel Starter Kit ∙ A project template for authoring and publishing JavaScript libraries","url":"https://www.kriasoft.com/babel-starter-kit/","content":"Babelを使ったStarter Kit","tags":["babel","JavaScript","tutorial"],"relatedLinks":[]},{"date":"2016-04-01T14:56:04.746Z","title":"The npm Blog — fixing a bearer token vulnerability","url":"http://blog.npmjs.org/post/142036323955/fixing-a-bearer-token-vulnerability","content":"npmにMITMできる脆弱性があったため2.xと3.xそれぞれセキュリティアップデートされている。\n`npm i -g`または`npm-windows-upgrade`を使うことで`npm`自体をアップデートできる","tags":["npm","security","ReleaseNote"],"relatedLinks":[{"title":"felixrieseberg/npm-windows-upgrade: Upgrade npm on Windows","url":"https://github.com/felixrieseberg/npm-windows-upgrade"}]},{"date":"2016-04-02T06:23:40.084Z","title":"QubitProducts/urlite: A very small, fast, dependency free url parser and formatter for nodejs and the web","url":"https://github.com/QubitProducts/urlite","content":"正規表現ベースのURL parser/formatter。","tags":["JavaScript","URL","library"],"relatedLinks":[]},{"date":"2016-04-02T06:30:43.968Z","title":"rbuckton/prex: Async coordination primitives and extensions on top of ES6 Promises","url":"https://github.com/rbuckton/prex","content":"Promise周りの補助ライブラリ。\nCancellation、Semaphore、SchedulingのAPIを提供してる","tags":["JavaScript","Promises","library"],"relatedLinks":[]},{"date":"2016-04-02T06:45:10.819Z","title":"Node v5.10.0 (Stable) | Node.js","url":"https://nodejs.org/en/blog/release/v5.10.0/","content":"Node.js 5.10.0リリース。\nnpmのセキュリティアップデートしたバージョンが含まれている。\nまた、`Buffer(size)`のallocation問題に対して`Buffer.alloc`/`Buffer.allocUnsafe`/`Buffer.from`と`--zero-fill-buffers`コマンドライン引数の追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"The npm Blog — fixing a bearer token vulnerability","url":"http://blog.npmjs.org/post/142036323955/fixing-a-bearer-token-vulnerability"},{"title":"Node.js Buffer API Changes | Linux.com","url":"https://www.linux.com/news/software/applications/893109-nodejs-buffer-api-changes"}]},{"date":"2016-04-02T07:19:00.510Z","title":"aadsm/jschardet: Character encoding auto-detection in JavaScript (port of python's chardet)","url":"https://github.com/aadsm/jschardet","content":"JavaScriptで文字コード判定をするライブラリ","tags":["JavaScript","文字コード"],"relatedLinks":[]},{"date":"2016-04-02T07:21:43.030Z","title":"Pixi.JS v4 Arrives - Goodboy™ — Goodboy™","url":"http://www.goodboydigital.com/pixi-js-v4/","content":"PixiJS v4 RCリリース。\npixi-gl-coreというWebGL部分のコア実装を分離、RenderTextureのGCを任意のタイミングで走らせることが出来るように","tags":["game","WebGL","ReleaseNote","JavaScript"],"relatedLinks":[{"title":"pixijs/pixi-gl-core: A set of tidy little pixi objects that make working with webGL simpler (WIP, will be moved to pixi group when ready)","url":"https://github.com/pixijs/pixi-gl-core"}]},{"date":"2016-04-02T12:38:57.776Z","title":"buzinas/tslint-eslint-rules: Improve your TSLint with the missing ESLint rules","url":"https://github.com/buzinas/tslint-eslint-rules","content":"TSLint向けのESLintルール","tags":["TypeScript","JavaScript","Tools"],"relatedLinks":[]},{"date":"2016-04-03T00:26:30.665Z","title":"LiquidLabsGmbH/retractor: Expose react internals for E2E testing","url":"https://github.com/LiquidLabsGmbH/retractor","content":"selenium-webderiverにReact Elementoを受け取れる`findElement`を拡張するライブラリ","tags":["webdriver","React"],"relatedLinks":[]},{"date":"2016-04-03T01:01:12.887Z","title":"Webpack 2 Tree Shaking Configuration — Modus Create: Front End Development — Medium","url":"https://medium.com/modus-create-front-end-development/webpack-2-tree-shaking-configuration-9f1de90f3233","content":"webpack 1から2へのマイグレーションについて","tags":["webpack"],"relatedLinks":[]},{"date":"2016-04-04T10:17:30.117Z","title":"thejameskyle/the-super-tiny-compiler: Possibly the smallest compiler ever","url":"https://github.com/thejameskyle/the-super-tiny-compiler","content":"JavaScriptで書かれた小さなCompiler/Transpilerの実装。\nコメントがしっかり付けられているのでコンパイルの作りについての学習する向け","tags":["JavaScript","tutorial"],"relatedLinks":[]},{"date":"2016-04-04T10:35:44.834Z","title":"React vs Angular2: The fight rages on – Evojam Technology Blog","url":"http://tech.evojam.com/2016/03/31/react-vs-angular2-the-fight-rages-on/","content":"ReactとAngularJS 2の比較","tags":["React","Angular"],"relatedLinks":[]},{"date":"2016-04-04T22:18:29.682Z","title":"Microsoft Edge Developer Resources","url":"https://dev.windows.com/en-us/microsoft-edge/platform/data/","content":"MSEdgeのウェブサイトでのCSSプロパティの使用率やブラウザのAPIサポート率などのデータ。","tags":["MSEdge","webservice","統計"],"relatedLinks":[{"title":"Chrome Platform Status","url":"https://www.chromestatus.com/features"}]},{"date":"2016-04-05T00:35:57.854Z","title":"Grunt 1.0.0 released - Grunt: The JavaScript Task Runner","url":"http://gruntjs.com/blog/2016-04-04-grunt-1.0.0-released","content":"Grunt 1.0.0リリース。\nGruntプラグインの`peerDependencies`には`\"grunt\": \">=0.4.0\"`を入れることを推奨してる。","tags":["Grunt","ReleaseNote"],"relatedLinks":[]},{"date":"2016-04-07T04:40:33.132Z","title":"redfin/react-server: React server monorepo","url":"https://github.com/redfin/react-server","content":"Reactを使ったexpress middlewareなどのサーバ関連の実装","tags":["React","server"],"relatedLinks":[]},{"date":"2016-04-08T01:19:50.644Z","title":"Angular 2 — Unit Testing recipes — Google Developer Experts — Medium","url":"https://medium.com/google-developer-experts/angular-2-unit-testing-with-jasmine-defe20421584","content":"AnguarJS2でのテストパターン","tags":["Angular","testing"],"relatedLinks":[]},{"date":"2016-04-08T02:23:43.229Z","title":"jsdom/Changelog.md at 8.3.0 · tmpvar/jsdom","url":"https://github.com/tmpvar/jsdom/blob/8.3.0/Changelog.md","content":"jsdom 8.3.0リリース。\nNode Canvasを使った外部リソースを使った`img`の処理を追加(optional)。\n`img.naturalWidth`などの実データに基づく値を取れるようになった。\nまた、Page Visibility APIの基本的な実装を追加","tags":["DOM","JavaScript","ReleaseNote"],"relatedLinks":[]},{"date":"2016-04-08T13:52:45.979Z","title":"jdonaghue/es-search: Search ECMAScript structurally","url":"https://github.com/jdonaghue/es-search","content":"ASTベースでJavaScriptのコードから構造に一致する部分を検索するツール","tags":["AST","search","JavaScript"],"relatedLinks":[]},{"date":"2016-04-08T14:21:52.402Z","title":"React v15.0 | React","url":"https://facebook.github.io/react/blog/2016/04/07/react-v15.html","content":"React v15.0リリース。\nIE8のサポート終了、semverに準拠してアップデートするように変更。\n0.14で非推奨なメッセージがでてなければ、そのままアップデートして動作する。","tags":["React","ReleaseNote"],"relatedLinks":[]},{"date":"2016-04-10T08:20:05.135Z","title":"Introducing the Microsoft Edge Platform Issue Tracker | Microsoft Edge Dev Blog","url":"https://blogs.windows.com/msedgedev/2016/04/06/edgehtml-issue-tracker/","content":"MS EdgeのIssue Trackerがアップデートされた。","tags":["MS","issue"],"relatedLinks":[{"title":"azu/browser-javascript-resource: Browser JavaScript Resource.","url":"https://github.com/azu/browser-javascript-resource"}]},{"date":"2016-04-10T08:24:40.262Z","title":"Streaming template literals - JakeArchibald.com","url":"https://jakearchibald.com/2016/streaming-template-literals/","content":"Template LiteralとWHATWG Streamをあわせる方法について","tags":["ECMAScript","JavaScript"],"relatedLinks":[]},{"date":"2016-04-10T08:29:40.087Z","title":"kenwheeler/cash: An absurdly small jQuery alternative for modern browsers","url":"https://github.com/kenwheeler/cash","content":"jQuery Alternativeなライブラリ。\njQueryのDOM周りのメソッドを集めた感じ","tags":["jQuery","library"],"relatedLinks":[]},{"date":"2016-04-10T08:32:39.239Z","title":"AWS Lambda Supports Node.js 4.3","url":"https://aws.amazon.com/about-aws/whats-new/2016/04/aws-lambda-supports-node-js-4-3/","content":"AWS LambdaでNode.js 4.3をサポート","tags":["aws","node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2016-04-10T10:19:39.039Z","title":"mohayonao/web-audio-engine: Pure JS implementation of the Web Audio API","url":"https://github.com/mohayonao/web-audio-engine","content":"Web Audio APIのPure JavaScript実装。\nPCM audioをNode Streamに吐くことができる","tags":["web ","audio","library"],"relatedLinks":[]},{"date":"2016-04-10T11:09:21.212Z","title":"WebdriverIOで始めるE2EテストとPageObject - Qiita","url":"http://qiita.com/derui@github/items/9ee72c7533c9a57aa8d2","content":"WebdriverIOを使ったE2EテストをPageObjectパターンで実装する話","tags":["JavaScript","testing","E2E"],"relatedLinks":[]},{"date":"2016-04-11T07:00:56.341Z","title":"brigand/babel-plugin-flow-react-proptypes: A babel plugin to generate React PropTypes definitions from Flow type declarations.","url":"https://github.com/brigand/babel-plugin-flow-react-proptypes","content":"FlowTypeでReactのpropTypesを書くと、JavaScriptのpropTypesに変換してくれるBabelプラグイン","tags":["flowtype","babel","plugin","React"],"relatedLinks":[]},{"date":"2016-04-11T08:25:47.535Z","title":"Introduction to flux-util // Speaker Deck","url":"https://speakerdeck.com/joere/introduction-to-flux-util","content":"Facebookのflux utilについてのスライド。\nflux utilの機能や担当する役割について","tags":["Flux","library"],"relatedLinks":[]},{"date":"2016-04-11T08:37:09.731Z","title":"Reactコンポーネントをnpmパッケージとして開発する - Hatena Developer Blog","url":"http://developer.hatenastaff.com/entry/2016/04/09/180000","content":"Reactコンポーネントをnpmでライブラリとして公開する方法とメリット/デメリットについて。\n","tags":["React","npm","library","JavaScript"],"relatedLinks":[]},{"date":"2016-04-11T09:27:21.372Z","title":"Amazon.com: Isomorphic Application Development with JavaScrip eBook: Konstantin Tarkus: Kindle Store","url":"http://www.amazon.com/Isomorphic-Application-Development-JavaScrip-Konstantin-ebook/dp/B01DWFRFVG","content":"2017年2月4日発売\nIsomorphic JavaScriptについての書籍","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2016-04-11T09:33:08.914Z","title":"normalize.css/CHANGELOG.md at 4.0.0 · necolas/normalize.css","url":"https://github.com/necolas/normalize.css/blob/4.0.0/CHANGELOG.md","content":"normalize.css 4.0.0リリース。","tags":["CSS","ReleaseNote","library"],"relatedLinks":[{"title":"Normalize.scss v4 - Weblog - Hail2u.net","url":"https://hail2u.net/blog/webdesign/modularized-normalize-scss-v4.0.0.html"}]},{"date":"2016-04-11T09:44:12.821Z","title":"c58/marsdb: MarsDB is a Promise based lightweight database with MongoDB query syntax, written on ES6","url":"https://github.com/c58/marsdb","content":"minimongoのようなクライアントサイド向けのデータベースライブラリ。\nAdpterでバックエンドとなる保存方法を変更できるため、BrowserやElectron、Node.jsなどで動作する","tags":["JavaScript","Promises","library"],"relatedLinks":[]},{"date":"2016-04-11T09:44:56.213Z","title":"React.run - Beta","url":"http://www.react.run/","content":"React Componentのコードを実行/共有できるJSFiddle的なサービス","tags":["React","webservice"],"relatedLinks":[]},{"date":"2016-04-11T09:56:34.323Z","title":"PlasmaPower/assert-request: Assert responses to HTTP requests in Node.JS","url":"https://github.com/PlasmaPower/assert-request","content":"Node.jsでrequestに対してresponseのassertを行うライブラリ","tags":["node.js","testing","JavaScript","libn"],"relatedLinks":[]},{"date":"2016-04-11T09:58:16.815Z","title":"Release v1.0.0 - Rosebud · SBoudrias/Inquirer.js","url":"https://github.com/SBoudrias/Inquirer.js/releases/tag/v1.0.0","content":"ターミナルで選択肢などインタラクティブな動作を行うInquirer.js 1.0.0リリース。\nPromiseベースのAPIへ変更","tags":["node.js","console","library"],"relatedLinks":[]},{"date":"2016-04-11T11:16:58.979Z","title":"Tools to Learn JavaScript By Doing -Telerik Developer Network","url":"http://developer.telerik.com/featured/tools-learn-javascript/","content":"js-assessment、NodeSchool、Advent of CodeなどJavaScriptを学べるインタラクティブ性のあるツールについて","tags":["JavaScript","Tools","tutorial"],"relatedLinks":[]},{"date":"2016-04-13T15:56:21.525Z","title":"Jest 11.0 · Jest","url":"http://facebook.github.io/jest/blog/2016/04/12/jest-11.html","content":"Jest 11.0リリース。\n0.10から11.0へのメジャーアップデート","tags":["testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2016-04-13T16:02:58.871Z","title":"CSS @apply rule (native CSS mixins)","url":"https://blog.gospodarets.com/css_apply_rule","content":"CSSの`@aaply` Proposalについての解説","tags":["CSS"],"relatedLinks":[]},{"date":"2016-04-14T01:23:06.669Z","title":"CoffeeScriptからES2015(ES6)へ移行しました - ペパボテックブログ","url":"http://tech.pepabo.com/2016/04/13/coffeescript-transpiled-es/","content":"CoffeeScriptをdecafを使って変換し、JavaScriptに移行する話。","tags":["CoffeeScript","JavaScript"],"relatedLinks":[]},{"date":"2016-04-14T13:02:06.850Z","title":"【意訳】Webpackの混乱ポイント - Qiita","url":"http://qiita.com/chuck0523/items/caacbf4137642cb175ec","content":"\"Webpack — The Confusing Parts\"の翻訳。\nwebpackの設定において混乱しやすいことについてまとめられている。\n","tags":["webpack","translate"],"relatedLinks":[]},{"date":"2016-04-14T13:03:59.898Z","title":"Release v0.23.0 · facebook/flow","url":"https://github.com/facebook/flow/releases/tag/v0.23.0","content":"Flow v0.23.0リリース。\n`flow init`で`.flowconfig`を作る時のオプション追加やコメントを書けるようになるなど\n","tags":["flowtype","ReleaseNote"],"relatedLinks":[]},{"date":"2016-04-15T00:52:14.580Z","title":"christianalfoni - RxJs the smartest dumbest tool ever","url":"http://www.christianalfoni.com/articles/2016_03_31_RxJs-the-smartest-dumbest-tool-ever","content":"RxJSはどのような問題を解決するのかという話","tags":["Rx","tutorial"],"relatedLinks":[]},{"date":"2016-04-15T06:51:04.524Z","title":"Makeitopen.com - Open Source Learning","url":"http://makeitopen.com/","content":"React NativeでF8のアプリをどのように作っていったかの話","tags":["React"],"relatedLinks":[]},{"date":"2016-04-15T08:53:28.074Z","title":"Rich Harris / buble · GitLab","url":"https://gitlab.com/Rich-Harris/buble","content":"BabelのようなES2015のコードをES5に変換するツール。\nBabelのような拡張性や仕様への準拠よりも、変換速度を重視した作りになっている","tags":["babel","JavaScript"],"relatedLinks":[]},{"date":"2016-04-15T16:55:54.952Z","title":"Let's Learn ES6","url":"http://letslearnes6.com/","content":"ES6について学ぶ動画シリーズのサイト","tags":["ECMAScript","JavaScript","動画 "],"relatedLinks":[{"title":"Let's Learn ES6 - YouTube","url":"https://www.youtube.com/playlist?list=PL57atfCFqj2h5fpdZD-doGEIs0NZxeJTX"}]},{"date":"2016-04-15T16:57:14.077Z","title":"Release 3.0.0 · jscs-dev/node-jscs","url":"https://github.com/jscs-dev/node-jscs/releases/tag/v3.0.0","content":"JSCS 3.0.0リリース。\n","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2016-04-15T17:05:50.686Z","title":"Welcoming JSCS To ESLint - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2016/04/welcoming-jscs-to-eslint","content":"JSCS 3.0.0で新規開発は終了し、3ヶ月を目処にサポートも終了する。\nJSCSチームはESLintに入り、ESLintのAutofixを動かすためにも必要なCSTの開発を行う。\nESLint側はJSCSからの移行/互換のサポートを予定している。","tags":["JavaScript","Tools","ESLint"],"relatedLinks":[{"title":"Welcoming JSCS To ESLint - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2016/04/welcoming-jscs-to-eslint"}]},{"date":"2016-04-16T03:27:38.089Z","title":"Immutability is not enough","url":"https://codewords.recurse.com/issues/six/immutability-is-not-enough","content":"Immutable.jsを使ったStateの更新について。\n単純にStateをimmutableにして、単純に関数を逐次的に適応すると、前のStateを参照しない問題が起こりえる。\nまた“lost update”の問題について","tags":["JavaScript","設計"],"relatedLinks":[]},{"title":"Scalable Single-Page Application Architecture – Minko Gechev's blog","url":"http://blog.mgechev.com/2016/04/10/scalable-javascript-single-page-app-angular2-application-architecture/","content":"AngularJS2 + RxJSでCQRS+EventSourcing的なアプローチ。 DIでの依存解決、レイヤー間の隔離やasync serviceの動きが面白い。","tags":["Angular","JavaScript","設計"],"date":"2016-04-16T04:03:23.119Z","relatedLinks":[]},{"date":"2016-04-16T04:06:38.478Z","title":"power-assert + babel as a development tool | Web Scratch","url":"http://efcl.info/2016/04/14/espower-babel-is-deprecated/","content":"power-assert+babel+mochaの構成について。\nデバッグビルド時は情報量の多いassert、プロダクションビルド時はassertを取り除き、JSDocからランタイムassertをしてチェックする話","tags":["JavaScript","testing","Tools"],"relatedLinks":[]},{"date":"2016-04-16T05:14:29.114Z","title":"How to work with SVG icons","url":"http://fvsch.com/code/svg-icons/how-to/","content":"SVGアイコンについての実践的な解説。\nCSSスプライトのようにSVGスプライトを使う方法、インラインSVGと外部SVGを読み込み違いや対応ブラウザ/polyfillについてなど。\nまたCSSからSVGのスタイルを変更する方法やSafariの問題などかなり詳細にまとまっている","tags":["SVG","画像"],"relatedLinks":[]},{"date":"2016-04-17T02:54:23.602Z","title":"thejameskyle/babel-react-optimize: A Babel preset and plugins for optimizing React code.","url":"https://github.com/thejameskyle/babel-react-optimize","content":"React(JSX)の最適化をするBabelプラグイン","tags":["React","babel","plugin"],"relatedLinks":[]},{"date":"2016-04-17T03:06:10.694Z","title":"Release Notes for Safari Technology Preview 2 | WebKit","url":"https://webkit.org/blog/6098/release-notes-for-safari-technology-preview-release-2/","content":"Safari Technology Preview 2リリース。\n`String#padStart`/`String#padEnd`/の追加、`for (var i = 20 in b){ }`がエラーとなるように。\nCSS media queryで`color-gamut`の対応、TP1で間違って公開されてたFetch APIをデフォルトでは無効に、Web Inspectorの改善など","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2016-04-17T10:58:57.072Z","title":"ESLint v2.8.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2016/04/eslint-v2.8.0-released","content":"ESLint v2.8.0リリース。\n","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[{"title":"ESLint v2.8.0 - Qiita","url":"http://qiita.com/mysticatea/items/8e7ca6f6ae402a494a6b"}]},{"date":"2016-04-17T11:16:48.741Z","title":"Leveling Up with React: Redux | CSS-Tricks","url":"https://css-tricks.com/learning-react-redux/","content":"Reduxにおけるデータフローなどをわかりやすく解説したチュートリアル","tags":["redux","JavaScript","tutorial"],"relatedLinks":[]},{"date":"2016-04-18T09:50:24.683Z","title":"Our Justified Layout Goes Open Source | code.flickr.com","url":"http://code.flickr.net/2016/04/05/our-justified-layout-goes-open-source/","content":"Flickerの画像を敷きつけるUIライブラリ","tags":["JavaScript","library","UI"],"relatedLinks":[]},{"date":"2016-04-18T09:53:39.715Z","title":"react-storybookを用いたReactコンポーネント開発 - Hatena Developer Blog","url":"http://developer.hatenastaff.com/entry/2016/04/14/150000","content":"React Componentをストーリーにもとづき確認できるスタイルガイド的なreact-storybookについて","tags":["React","Tools"],"relatedLinks":[]},{"date":"2016-04-18T12:59:27.198Z","title":"evcohen/eslint-plugin-jsx-a11y: Static AST checker for a11y rules on JSX elements.","url":"https://github.com/evcohen/eslint-plugin-jsx-a11y","content":"JSX要素のアクセシビリティをチェックするESLintルール","tags":["React","accessibility","ESLint"],"relatedLinks":[]},{"date":"2016-04-20T03:41:56.090Z","title":"Release v3.5.0 · reactjs/redux","url":"https://github.com/reactjs/redux/releases/tag/v3.5.0","content":"Redux 3.5.0リリース\nES.nextのStage 1 Proposalであるes obvervableに対応。\n`Symbol.observable`を実装を追加","tags":["redux","ReleaseNote"],"relatedLinks":[]},{"date":"2016-04-21T02:41:33.640Z","title":"Flexbox Patterns","url":"http://www.flexboxpatterns.com/home","content":"Flexboxのパターン集","tags":["CSS"],"relatedLinks":[]},{"date":"2016-04-21T12:51:42.142Z","title":"VictorBjelkholm/autochecker: Test your JavaScript modules simultaneously in 32 different versions of NodeJS","url":"https://github.com/VictorBjelkholm/autochecker","content":"Node.jsの複数のバージョンでテストするツール。 matrix test","tags":["node.js","testing"],"relatedLinks":[]},{"date":"2016-04-21T14:02:32.381Z","title":"DOM Listener: capture, passive, and once","url":"https://www.webreflection.co.uk/blog/2016/04/17/new-dom4-standards","content":"`node.addEventListener(type, handler, EventListenerOptions)` 第三引数に追加された`EventListenerOptions`について。\n`passive`と`capture`の解説","tags":["WHATWG","DOM","JavaScript"],"relatedLinks":[]},{"date":"2016-04-21T15:14:52.992Z","title":"How do I update to Gulp 4? - Liquid Light","url":"https://www.liquidlight.co.uk/blog/article/how-do-i-update-to-gulp-4/","content":"まだリリースはされてないけどgulp 4へのアップデートについて","tags":["gulp"],"relatedLinks":[]},{"date":"2016-04-21T15:23:05.321Z","title":"New Release: 2.9.2","url":"http://jshint.com/blog/2016-04-19/release-2-9-2/","content":"JSHint 2.9.2リリース","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2016-04-21T22:47:03.222Z","title":"Stylelint | CSS-Tricks","url":"https://css-tricks.com/stylelint/","content":"CSSのLintツールであるStylelintについて。\nエディタとの連携、PostCSS、stylefmtについて","tags":["CSS","Tools"],"relatedLinks":[]},{"date":"2016-04-22T10:40:30.564Z","title":"EmberConf 2016 - YouTube","url":"https://www.youtube.com/playlist?list=PL4eq2DPpyBblc8aQAd516-jGMdAhEeUiW","content":"EmberConf 2016の動画まとめ","tags":["JavaScript","Conference","動画 "],"relatedLinks":[{"title":"EmberConf 2016 - March 29 & 30, Portland, OR.","url":"http://emberconf.com/"}]},{"date":"2016-04-22T13:51:35.569Z","title":"emilbjorklund/svg-weirdness: A repository of bugs and plain weird behavior in SVG","url":"https://github.com/emilbjorklund/svg-weirdness","content":"SVGのバグを集めたリポジトリ","tags":["SVG","browser","issue"],"relatedLinks":[]},{"date":"2016-04-23T07:03:45.229Z","title":"staltz/xstream: An extremely intuitive, small, and fast functional reactive stream library for JavaScript","url":"https://github.com/staltz/xstream","content":"Hot onlyなRxJSライクなStreamライブラリ。\n","tags":["JavaScript","Rx","library"],"relatedLinks":[{"title":"André Staltz - Why we built xstream","url":"http://staltz.com/why-we-built-xstream.html"}]},{"date":"2016-04-24T03:36:05.632Z","title":"Release 2.3.0 - 2016.04.24 · zloirock/core-js","url":"https://github.com/zloirock/core-js/releases/tag/v2.3.0","content":"core-js 2.3.0リリース。\n`global.asap`、`Symbol.asyncIterator`、`Symbol.observable`の追加。\n`Map#toJSON`、`Set#toJSON`、`Error.isError`の削除など。TC39ミーティング内容の反映が中心","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"tc39-notes/es7/2016-03 at master · rwaldron/tc39-notes","url":"https://github.com/rwaldron/tc39-notes/tree/master/es7/2016-03"}]},{"date":"2016-04-25T10:00:13.059Z","title":"V8 JavaScript Engine: V8 Release 5.1","url":"http://v8project.blogspot.com/2016/04/v8-release-51.html","content":"V8 5.1リリース。\n`Symbol.species`、`Symbol.hasInstance`、 Function nameの仕様追従、パフォーマンス/メモリ使用量の改善など","tags":["V8","ECMAScript","ReleaseNote"],"relatedLinks":[]},{"date":"2016-04-25T10:06:56.971Z","title":"ウェブ関連仕様 日本語訳","url":"https://triple-underscore.github.io/","content":"WHATWGやW3Cなどの仕様書を翻訳しているサイト","tags":["web ","spec","translate"],"relatedLinks":[]},{"date":"2016-04-25T13:06:27.050Z","title":"Release Version 2.0.0 · chartjs/Chart.js","url":"https://github.com/chartjs/Chart.js/releases/tag/v2.0.0","content":"Canvasを使ったグラフライブラリのChart.js 2.0.0リリース。\n","tags":["canvas","グラフ","library"],"relatedLinks":[]},{"date":"2016-04-25T13:09:39.626Z","title":"jonathanewerner/webpack-validator: Validates your webpack config with Joi","url":"https://github.com/jonathanewerner/webpack-validator","content":"webpackの設定ファイルのバリデーションツール","tags":["webpack","Tools"],"relatedLinks":[]},{"date":"2016-04-26T04:57:53.945Z","title":"webpack/memory-fs: A simple in-memory filesystem. Holds data in a javascript object.","url":"https://github.com/webpack/memory-fs","content":"memory上で読み書きするfsモジュール","tags":["node.js","library"],"relatedLinks":[]},{"date":"2016-04-26T06:56:47.131Z","title":"はじめてのプログレッシブ ウェブアプリ","url":"https://codelabs.developers.google.com/codelabs/your-first-pwapp-ja/","content":"プログレッシブウェブアプリについて学ぶチュートリアル","tags":["ProgressiveWebApp"],"relatedLinks":[]},{"date":"2016-04-26T11:12:51.587Z","title":"Dev.Opera — Front-End Performance: The Dark Side","url":"https://dev.opera.com/blog/timing-attacks/","content":"フロントエンドのパフォーマンスについての動画","tags":["performance","動画 "],"relatedLinks":[]},{"date":"2016-04-26T11:23:22.071Z","title":"中級者向け Service Worker Tutorial | blog.jxck.io","url":"https://blog.jxck.io/entries/2016-04-24/service-worker-tutorial.html","content":"ServiceWorkerを使って開発する際に出てくる問題や挙動について解説しているスクリーンキャスト","tags":["ServiceWorker","動画 "],"relatedLinks":[]},{"date":"2016-04-26T22:53:22.962Z","title":"Node v6.0.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v6.0.0/","content":"Node.js 6.0.0(LTS)リリース。\nv8のアップデートを含むため、Native addonは`npm rebuid`での再ビルドが必要。\nBuffer APIが新しくなり、古いAPIは非推奨へ、`worker.suicide`は`worker.exitedAfterDisconnect`に変更、`querystring.parse()`が返すオブジェクトは`Object.prototype`を継承しないようになるなど","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"Node.js v6.0 (Current) がリリースされました。 - from scratch","url":"http://yosuke-furukawa.hatenablog.com/entry/2016/04/27/110027"}]},{"date":"2016-04-27T00:05:06.393Z","title":"Diffee Checker","url":"http://una.im/diffee/","content":"CSS blend modesを使いiframe同士の描画結果の差分を表示するデモ","tags":["CSS "],"relatedLinks":[]},{"date":"2016-04-27T00:07:52.435Z","title":"Scroll-linked effects - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Performance/Scroll-linked_effects","content":"`onscroll`にhookして同期的に位置を変更する処理に対しては警告メッセージが出るようになった。\nその場合の対処法についてのドキュメント","tags":["JavaScript","document"],"relatedLinks":[{"title":"スクロール連動位置合わせは非同期スクロールと相性が悪い場合があり、コンソールに警告が表示されます | Firefox サイト互換性情報","url":"https://www.fxsitecompat.com/ja/docs/2016/scroll-linked-positioning-effects-may-not-work-well-with-async-scrolling-console-warns/"}]},{"date":"2016-04-27T23:10:11.794Z","title":"Updating Our Prefixing Policy | WebKit","url":"https://webkit.org/blog/6131/updating-our-prefixing-policy/","content":"Safari/WebKitは新しい機能などは今後Vendor prefixではなく、フラグのON/OFFを追加していくようにするポリシーの変更について。\n`-webkit-` prefixがあまりに使われてしまい、後方互換性のためにprefixが標準仕様となってしまった歴史などもあるため\n","tags":["webkit","safari"],"relatedLinks":[{"title":"Feature Policy | WebKit","url":"https://webkit.org/feature-policy/"}]},{"date":"2016-04-28T00:55:18.733Z","title":"Release Notes for Safari Technology Preview 3 | WebKit","url":"https://webkit.org/blog/6143/release-notes-for-safari-technology-preview-3/","content":"Safari Technology Preview 3リリース。\n`Symbol.isConcatSpreadable`などのwell-known Symbol実装の追加、\n`:host()`擬似クラス、IndexedDBが`Blob`をサポート、`Crypto`、CSP周りの仕様準拠度の向上など","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2016-04-28T02:30:09.174Z","title":"Announcing Vue.js 2.0 — The Vue Point — Medium","url":"https://medium.com/the-vue-point/announcing-vue-js-2-0-8af1bde7ab9","content":"Vue.js 2.0のパブリックプレビュー版リリース。\nSnabbdomベースのVirtua lDOM実装の追加など","tags":["JavaScript","DOM","library"],"relatedLinks":[{"title":"paldepind/snabbdom: A virtual DOM library with focus on simplicity, modularity, powerful features and performance.","url":"https://github.com/paldepind/snabbdom"}]},{"date":"2016-04-28T08:32:44.251Z","title":"Almin.js | JavaScriptアーキテクチャ","url":"http://azu.github.io/slide/2016/child_process_sushi/almin-javascript-architecture.html","content":"[Almin.js](https://github.com/almin/almin \"Almin.js\")の設計の概念的な話やパターンについて","tags":["JavaScript","slide"],"relatedLinks":[]},{"date":"2016-04-28T08:36:37.894Z","title":"A look at ES6 Maps - Barbarian Meets Coding","url":"http://www.barbarianmeetscoding.com/blog/2016/04/27/a-look-at-es6-maps","content":"ES6 Mapについての解説。\nデータ構造としてのMap、Iterableについて","tags":["JavaScript","ECMAScript"],"relatedLinks":[]},{"date":"2016-04-29T11:46:21.259Z","title":"ericholiveira/studio: A nodejs framework to create decoupled and scalable applications","url":"https://github.com/ericholiveira/studio","content":"ActorモデルインスパイアなNode.jsのフレームワーク","tags":["node.js"],"relatedLinks":[]},{"date":"2016-04-29T13:19:12.510Z","title":"Galooshi/import-js: A tool to simplify importing JS modules","url":"https://github.com/Galooshi/import-js","content":"指定した関数名から、該当するモジュールのimport文を自動的に探索して追加できるツール。\n各種エディタ連携などもある","tags":["JavaScript","Tools","editor"],"relatedLinks":[]},{"date":"2016-04-29T13:40:52.493Z","title":"flickr/yakbak: Record and playback HTTP responses","url":"https://github.com/flickr/yakbak","content":"ProxyとしてHTTPリクエストとレスポンスを記録し、リプレイしたレスポンスを返すことができるNode.jsライブラリ","tags":["node.js","HTTP","testing","library"],"relatedLinks":[{"title":"Introducing yakbak: Record and playback HTTP interactions in NodeJS | code.flickr.com","url":"http://code.flickr.net/2016/04/25/introducing-yakbak-record-and-playback-http-interactions-in-nodejs/"}]},{"date":"2016-04-30T04:24:53.334Z","title":"Release Fetch 1.0.0 · github/fetch","url":"https://github.com/github/fetch/releases/tag/v1.0.0","content":"Fetch APIのpolyfillであるGitHub Fetch 1.0.0リリース。\nIE9のサポートを終了、`timeout`イベントをハンドルするように、`URLSearchParams`のサポートなど","tags":["JavaScript","htto","library"],"relatedLinks":[]},{"date":"2016-04-30T06:17:13.073Z","title":"V8 JavaScript Engine: ES6, ES7, and beyond","url":"http://v8project.blogspot.com/2016/04/es6-es7-and-beyond.html","content":"V8が既存のウェブとの互換性を持ちつつ次期ECMAScriptの仕様を実装しているかのプロセスについて。\nES6の実装が完了する前にドラフトバージョンを実装することで見つけられる後方互換性の問題がある話。\nまたECMAScriptという複雑な言語仕様のtest suiteであるtest262について。","tags":["ECMAScript","V8","JavaScript"],"relatedLinks":[]},{"date":"2016-04-30T08:08:04.684Z","title":"ESLint v2.9.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2016/04/eslint-v2.9.0-released","content":"ESLint v2.9.0リリース。\nAutofix `--fix` オプションの改善。\n今までは一度のパスで適応できないものは諦めていたが、複数回のパスで修正を適応を試みるようになった。","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[{"title":"ESLint v2.9.0 - Qiita","url":"http://qiita.com/mysticatea/items/1d377b67465664009ad5"}]},{"date":"2016-05-01T02:32:25.823Z","title":"Chromium Blog: Chrome 51 Beta: Credential Management API and reducing the overhead of offscreen rendering","url":"http://blog.chromium.org/2016/04/chrome-51-beta-credential-management.html","content":"Chrome 51 Betaリリース。\nCredential Management APIのサポート。\noffscreenの場合、crosss originのframeにおいては`requestAnimationFrame()`が呼ばれないように、Intersection Observer 、`passive`イベントオプション、V8 5.1へのアップデートなど。","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"V8 JavaScript Engine: V8 Release 5.1","url":"http://v8project.blogspot.jp/2016/04/v8-release-51.html"},{"title":"IntersectionObserver/explainer.md at gh-pages · WICG/IntersectionObserver","url":"https://github.com/WICG/IntersectionObserver/blob/gh-pages/explainer.md"},{"title":"Throttling Blink's rendering pipeline for hidden content","url":"https://docs.google.com/document/d/1Dd4qi1b_iX-OCZpelvXxizjq6dDJ76XNtk37SZEoTYQ/pub"},{"title":"Power usage impact of render pipeline throttling - Google ドキュメント","url":"https://docs.google.com/document/d/1jMuvRYWptZfP5zpvWmPJPRL-iowtgBVX45rSvew0VH4/edit"}]},{"date":"2016-05-01T03:31:18.893Z","title":"How to Make Your React Apps 15x Faster – ReactJS News","url":"https://reactjsnews.com/how-to-make-your-react-apps-10x-faster","content":"Reactはデバッグ向けのコードが大量に入っているため、production(`NODE_ENV=production`)ビルドや機械的に最適化できるBabelプラグインを導入するだけでも速度が大分変わるという話\n","tags":["React","設定"],"relatedLinks":[{"title":"thejameskyle/babel-react-optimize: A Babel preset and plugins for optimizing React code.","url":"https://github.com/thejameskyle/babel-react-optimize"}]},{"date":"2016-05-01T04:08:44.699Z","title":"jeromeetienne/babel-plugin-jsdoced: babel plugin which use jsdoc to implement strong typing in javascript","url":"https://github.com/jeromeetienne/babel-plugin-jsdoced","content":"jsdoced.jsを使いJSDocからランタイムassertを追加するBabelプラグイン。\njsdoc-to-assertと似てるが、返り値のチェックやProxy APIを使ってプロパティの代入もチェックしている","tags":["babel","JSDoc","plugin"],"relatedLinks":[{"title":"jsdoced.js - test your code with jsdoc","url":"http://jsdocedjs.org/"},{"title":"JSDocをランタイムassertに変換するBabelプラグインを書いた | Web Scratch","url":"http://efcl.info/2016/03/25/jsdoc-to-assert/"}]},{"date":"2016-05-02T05:37:32.200Z","title":"npmで同じライブラリの複数バージョンをインストールして使う方法 | Web Scratch","url":"http://efcl.info/2016/05/02/npm-package-mixed-multiple-versions-demo/","content":"一つのプロジェクト内に同名ライブラリの複数バージョンをインストールして扱う方法について","tags":["npm","Tips","node.js","JavaScript"],"relatedLinks":[]},{"date":"2016-05-02T07:42:09.158Z","title":"Turbocharged JavaScript refactoring with codemods — Airbnb Engineering & Data Science — Medium","url":"https://medium.com/airbnb-engineering/turbocharged-javascript-refactoring-with-codemods-b0cae8b326b9","content":"codemodを使ったリファクタリングについて","tags":["JavaScript","Tools"],"relatedLinks":[]},{"date":"2016-05-03T01:30:25.493Z","title":"Release v6.8.0 · babel/babel","url":"https://github.com/babel/babel/releases/tag/v6.8.0","content":"Babel v6.8.0リリース。\nBabel自体がBabel 6でTranspileするようになり、runtimeが5に依存していた問題が修正された","tags":["babel","ReleaseNote"],"relatedLinks":[]},{"date":"2016-05-03T10:03:41.578Z","title":"Release SlimerJS 0.10.0 · laurentj/slimerjs","url":"https://github.com/laurentj/slimerjs/releases/tag/0.10.0","content":"Firefox版のPhantomJS APIの互換実装であるSlimerJS 0.10.0リリース。\n","tags":["firefox","ReleaseNote"],"relatedLinks":[]},{"date":"2016-05-04T15:31:36.803Z","title":"Service Worker Development Cookbook, Sean Amarasinghe, eBook - Amazon.com","url":"http://www.amazon.com/Service-Worker-Development-Cookbook-Amarasinghe-ebook/dp/B01F3LATMY","content":"2016年11月4日発売\nService Workerについての書籍","tags":["ServiceWorker","book"],"relatedLinks":[]},{"date":"2016-05-04T15:42:22.660Z","title":"IntersectionObserver’s Coming into View | Web Updates - Google Developers","url":"https://developers.google.com/web/updates/2016/04/intersectionobserver","content":"Chrome 51で入るIntersectionObserverについての解説記事。\n要素がviewport内に表示されたら発火するイベントを設定できる。(発火するしきい値も指定できる)\nまた、rootに対する`ClientRect`の情報なども取得でき、lazyloadや無限リストなどの実装に利用できる","tags":["WebPlatformAPI","performance","JavaScript"],"relatedLinks":[]},{"date":"2016-05-05T01:38:32.369Z","title":"outbrain/postit: An elegant wrapper for postMessage","url":"https://github.com/outbrain/postit","content":"postMessageのラッパーライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2016-05-05T13:12:38.275Z","title":"bbc/VideoContext: An experimental HTML5 & WebGL video composition and rendering API.","url":"https://github.com/bbc/VideoContext","content":"Web Audio APIのような形でVideoを処理できるライブラリ","tags":["動画 ","audio","API"],"relatedLinks":[]},{"date":"2016-05-06T02:25:58.250Z","title":"twada/universal-deep-strict-equal: A port of Node v6's internal _deepEqual function in a universal style","url":"https://github.com/twada/universal-deep-strict-equal","content":"ブラウザでも動作する`deepStrictEqual`の実装ライブラリ","tags":["JavaScript","library","testing"],"relatedLinks":[]},{"date":"2016-05-06T05:53:25.299Z","title":"Node v6.1.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v6.1.0/","content":"Node v6.1.0リリース。\n`deepEqual()/deepStrictEqual()`が循環参照してるオブジェクトを扱えるように、`process.cpuUsage()`の追加、`util.inspect()`にオプションを追加するなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2016-05-07T04:44:51.798Z","title":"Dev.Opera — What’s new in Chromium 50 and Opera 37","url":"https://dev.opera.com/blog/opera-37/","content":"Opera 37 (based on Chromium 50)リリース。\n`//u`、well-known symbols、preload link、`DomTokenList#supports`、非推奨or削除するメソッドの更新など","tags":["Opera","Chrome","ReleaseNote"],"relatedLinks":[{"title":"DOMTokenList Validation Added in Chrome 50 | Web Updates - Google Developers","url":"https://developers.google.com/web/updates/2016/03/domtokenlist-validation-added-in-chrome-50"}]},{"date":"2016-05-07T04:48:28.779Z","title":"A Taste of JavaScript’s New Parallel Primitives ★ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2016/05/a-taste-of-javascripts-new-parallel-primitives/","content":"SharedArrayBufferについて。\nWebWorkerでのメモリを共有した並列処理について","tags":["JavaScript"],"relatedLinks":[{"title":"tc39/ecmascript_sharedmem: Shared memory and atomics for ECMAscript","url":"https://github.com/tc39/ecmascript_sharedmem"}]},{"date":"2016-05-07T04:56:20.997Z","title":"jsdom/Changelog.md at 9.0.0 · tmpvar/jsdom","url":"https://github.com/tmpvar/jsdom/blob/9.0.0/Changelog.md","content":"jsdom 9.0.0リリース。\nmutation eventsの削除し今後MutationObserverを追加する予定。\n`DOMTokenList#replace`、`DOMTokenList#contains`、XHRの改善など","tags":["JavaScript","DOM","libre","ReleaseNote"],"relatedLinks":[]},{"date":"2016-05-08T04:47:31.415Z","title":"Release 2.4.0 - 2016.05.08 · zloirock/core-js","url":"https://github.com/zloirock/core-js/releases/tag/v2.4.0","content":"core-js 2.4.0リリース。\nStage 1 Proposalの`Observable`を追加など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2016-05-08T14:00:02.830Z","title":"Forward 4 Web Summit - YouTube","url":"https://www.youtube.com/watch?v=57MmZtd03ks&list=PLndbWGuLoHebKI8krCzJU88Rf3TwhNZvH&index=17","content":"Forward 4 Web Summitの動画一覧","tags":["JavaScript","Conference","動画 "],"relatedLinks":[{"title":"Forward - Web Technology Summits, Workshops and Online Content","url":"http://forwardjs.com/"}]},{"date":"2016-05-08T14:04:08.823Z","title":"Let’s Learn JavaScript Closures — Free Code Camp","url":"https://medium.freecodecamp.com/lets-learn-javascript-closures-66feb44f6a44","content":"JavaScriptのクロージャーについて詳しい解説。\nEnviroment、RealmなどのECMAScriptの言語仕様に触れながら、どのような仕組みになっているかを解説してる","tags":["JavaScript"],"relatedLinks":[]},{"date":"2016-05-08T16:48:32.358Z","title":"Custom elementsはES6のclass記法で定義可能になりそうです - Qiita","url":"http://qiita.com/yoichiro@github/items/fdb8372bd8a68c754dc3","content":"Custom Elementsの仕様が大幅にアップデートされて、classを継承した形で新しい要素を定義できるようになる仕様について","tags":["WebComponents"],"relatedLinks":[{"title":"Large custom element spec rewrite to implement some F2F decisions by domenic · Pull Request #405 · w3c/webcomponents","url":"https://github.com/w3c/webcomponents/pull/405"}]},{"date":"2016-05-08T16:56:11.306Z","title":"edenspiekermann/iframify: Replace a node with an iframe version of itself","url":"https://github.com/edenspiekermann/iframify","content":"DOM要素をiframe内に同じものを作って入れ替えるライブラリ","tags":["DOM","JavaScript"],"relatedLinks":[]},{"date":"2016-05-08T17:00:58.542Z","title":"Introducing Global CSS Property Usage on Microsoft Edge Dev | Microsoft Edge Dev Blog","url":"https://blogs.windows.com/msedgedev/2016/04/11/css-usage-platform-data/","content":"MSEdgeとChromeでクロールしたCSSプロパティの使用率の統計情報が見れるGlobal CSS Property Usageについて","tags":["Chrome","MSEdge","browser","CSS"],"relatedLinks":[{"title":"View usage statistics and common patterns for APIs on the web platform.","url":"https://developer.microsoft.com/en-us/microsoft-edge/platform/usage/"},{"title":"MicrosoftEdge/css-usage: This script is used within our Bing and Interop crawlers to determine the properties used on a page and generalized values that could have been used.","url":"https://github.com/MicrosoftEdge/css-usage"}]},{"date":"2016-05-09T03:10:28.067Z","title":"perflint/perflint: Perflint is a tool to identify unexpected performance levels of a Website","url":"https://github.com/perflint/perflint","content":"WebPageTestのCLIフロントエンド。\nよくみるLint風の結果表示をしてくれる。","tags":["performance","console","Tools"],"relatedLinks":[]},{"date":"2016-05-09T12:20:25.796Z","title":"Developer Edition 48 – Firebug features, editable storage, inspector improvements and more… ★ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2016/04/developer-edition-48-firebug-features-editable-storage-inspector-improvements-and-more/","content":"Firefox 48の開発者ツールについて。\nFirebug由来のDOMパネル、コンソール機能の追加、localStorageなどの編集機能、メモリ使用量の表示改善しGCされてないオブジェクトを見つけやすくなるなど","tags":["firefox","debug"],"relatedLinks":[{"title":"Developer Edition 48 – Firebug 由来の機能、ストレージの編集、インスペクタの改良、etc | Mozilla Developer Street (modest)","url":"https://dev.mozilla.jp/2016/05/developer-edition-48-firebug-features-editable-storage-inspector-improvements-and-more/"}]},{"date":"2016-05-09T22:22:41.294Z","title":"MaintainableCSS - an approach to writing modular, scalable and maintainable CSS | By Adam Silver","url":"http://maintainablecss.com/","content":"メンテナンスしやすいCSSについて書かれたサイト。\n","tags":["CSS","設計"],"relatedLinks":[]},{"date":"2016-05-10T13:09:30.604Z","title":"angular/CHANGELOG.md at 2.0.0-rc.1 · angular/angular","url":"https://github.com/angular/angular/blob/2.0.0-rc.1/CHANGELOG.md","content":"Angular2 RCリリース。\nScoped Packagesを使うように変更、Offline Compilerを使ったstaticな方式とbootstrap時に処理する方式の両方をサポート、名前空間の変更など","tags":["Angular","ReleaseNote"],"relatedLinks":[{"title":"Angular 2 RCリリースについて | Angular2 Info","url":"http://ng2-info.github.io/2016/05/09/angular-2-rc-1/"}]},{"date":"2016-05-11T03:02:21.742Z","title":"documentationjs/globals-docs: Documentation URIs for JavaScript globals.","url":"https://github.com/documentationjs/globals-docs","content":"JavaScriptの型やオブジェクトを渡すと、対応するMDNのドキュメントURLを返してくれるライブラリ","tags":["JavaScript","library","Mozilla"],"relatedLinks":[]},{"date":"2016-05-11T16:22:46.919Z","title":"ちゃんと使い分けてる? dependenciesいろいろ。 - Qiita","url":"http://qiita.com/cognitom/items/acc3ffcbca4c56cf2b95","content":"npmのdependenciesの種類についての解説。\n- dependencies\n- devDependencies\n- peerDependencies\n- optionalDependencies\n- bundledDependencies\n","tags":["npm"],"relatedLinks":[]},{"date":"2016-05-11T22:57:11.679Z","title":"Electron 1.0","url":"http://electron.atom.io/blog/2016/05/11/electron-1-0","content":"Electron 1.0リリース。","tags":["Electron","ReleaseNote"],"relatedLinks":[]},{"date":"2016-05-12T14:40:35.997Z","title":"Release Notes for Safari Technology Preview 4 | WebKit","url":"https://webkit.org/blog/6210/release-notes-for-safari-technology-preview-4/","content":"Safari Technology Preview 4リリース。\n`String.prototype.localeCompare`の実装、object literarlでも`super()`が呼べるように、`var log = console.log`が可能になるなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2016-05-12T16:20:07.200Z","title":"An Ultimate Guide To CSS Pseudo-Classes And Pseudo-Elements – Smashing Magazine","url":"https://www.smashingmagazine.com/2016/05/an-ultimate-guide-to-css-pseudo-classes-and-pseudo-elements/","content":"CSSの擬似要素と擬似クラスの網羅的な解説","tags":["CSS"],"relatedLinks":[]},{"date":"2016-05-13T00:57:43.908Z","title":"ブレークポイントを使ったJavaScriptデバッグを整理してみた【再入門】 - Qiita","url":"http://qiita.com/nekoneko-wanwan/items/02aed17773833c3ad3b2","content":"Chrome開発者ツールのブレークポイントの使い方や各種ブレークポイントについて。\n画像と共に項目が解説されているので分かりやすい。","tags":["JavaScript","debug"],"relatedLinks":[]},{"date":"2016-05-13T13:09:30.610Z","title":"tc39/proposals: Tracking ECMAScript Proposals","url":"https://github.com/tc39/proposals","content":"ECMAScriptのProposalまとめリポジトリ。\nActive/InActive/Finished/Stage 0のProposalが一覧できる。","tags":["ECMAScript","proposal"],"relatedLinks":[]},{"date":"2016-05-13T14:32:32.812Z","title":"About document.ready","url":"https://www.webreflection.co.uk/blog/2016/05/10/document.ready","content":"Promiseを返す`document.ready`をどう実装するかという話。\n`document.readyState`とｐ`DOMContentLoaded`について","tags":["DOM","JavaScript","Promises"],"relatedLinks":[]},{"date":"2016-05-13T15:04:24.103Z","title":"florian/x18n: A sane JavaScript internationalisation library","url":"https://github.com/florian/x18n","content":"r18n gem互換記法が使えるi18nライブラリ","tags":["i18n","JavaScript","library"],"relatedLinks":[]},{"date":"2016-05-14T06:22:15.751Z","title":"redux-observable — Medium","url":"https://medium.com/@benlesh/redux-observable-ec0b00d2eb52","content":"Netflixで使ってる`redux-observable`について。\nなぜ`redux-`なのか? - ReduxはReact周りでよく知られているパターンであり、既に様々なRedux関連ツールが存在するからであるという話","tags":["JavaScript","redux","Rx"],"relatedLinks":[{"title":"blesh/redux-observable: RxJS middleware for Redux","url":"https://github.com/blesh/redux-observable"}]},{"date":"2016-05-14T10:05:49.078Z","title":"leo/args: Minimal toolkit for building CLIs","url":"https://github.com/leo/args","content":"minimistを使った引数処理、ヘルプ表示、サブコマンドなどに対応したライブラリ","tags":["node.js","JavaScript","library"],"relatedLinks":[]},{"date":"2016-05-14T10:50:54.568Z","title":"Streamlining the Sign-in Flow Using Credential Management API | Web Updates - Google Developers","url":"https://developers.google.com/web/updates/2016/04/credential-management-api","content":"Credential Management APIについて。\n自動サイトインを実装しながら使い方について学ぶチュートリアル","tags":["JavaScript","WebPlatformAPI","Chrome"],"relatedLinks":[{"title":"Credential Management API を使ったサインインフローの効率化 | Web Updates - Google Developers","url":"https://developers.google.com/web/updates/2016/04/credential-management-api?hl=ja"}]},{"date":"2016-05-15T02:17:30.679Z","title":"ESLint v2.10.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2016/05/eslint-v2.10.0-released","content":"ESLint v2.10.0リリース。","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"ESLint v2.10.0 - Qiita","url":"http://qiita.com/mysticatea/items/5df2d679283d0a84b296"}]},{"date":"2016-05-15T04:08:04.992Z","title":"runtastic/flow-guide: Our definitive guide for using Flow static JavaScript type checker (https://flowtype.org)","url":"https://github.com/runtastic/flow-guide","content":"Flowの導入チュートリアル","tags":["flowtype","tutorial"],"relatedLinks":[]},{"date":"2016-05-15T08:02:19.562Z","title":"garbles/why-did-you-update: Puts your console on blast when React is making unnecessary updates.","url":"https://github.com/garbles/why-did-you-update","content":"Reactで`props`の中身が一致する場合にも、renderが呼ばれている事を検知してコンソールに表示するライブラリ","tags":["React","performance","library"],"relatedLinks":[]},{"date":"2016-05-16T08:32:43.671Z","title":"How to make your Webpack builds 10x faster","url":"http://www.slideshare.net/trueter/how-to-make-your-webpack-builds-10x-faster","content":"webpackのビルド速度改善についてのスライド","tags":["webpack","slide","performance"],"relatedLinks":[]},{"date":"2016-05-16T09:29:59.889Z","title":"するするさせたい：サイボウズ採用情報のアニメーション（その1） - fragmentary","url":"http://myakura.hatenablog.com/entry/2016/05/12/083000","content":"CSSアニメーションのパフォーマンス問題を見つけ方と解決方法について","tags":["CSS","Chrome","performance"],"relatedLinks":[]},{"date":"2016-05-16T10:19:32.735Z","title":"Bublé – the blazing fast, batteries-included ES2015 compiler","url":"https://buble.surge.sh/guide/","content":"BabelのようにES2015のコードをES5に変換するツール。\n設定なしで動作し、サポートしたいブラウザバージョンを指定することで変換内容を選択できる。","tags":["JavaScript","Tools","babel"],"relatedLinks":[]},{"date":"2016-05-16T10:25:07.539Z","title":"Get to Know the Page Visibility API | Scotch","url":"https://scotch.io/tutorials/get-to-know-the-page-visibility-api","content":"Page Visibility APIの使い所や使い方について","tags":["JavaScript","WebPlatformAPI"],"relatedLinks":[]},{"date":"2016-05-16T10:27:12.996Z","title":"ng-conf 2016 - YouTube","url":"https://www.youtube.com/playlist?list=PLOETEcp3DkCq788xapkP_OU-78jhTf68j","content":" ng-conf 2016の動画一覧","tags":["Angular","動画 "],"relatedLinks":[{"title":"ng-conf May 4th - 6th 2016 - The World's Original Angular Conference","url":"https://www.ng-conf.org/#/"}]},{"date":"2016-05-16T14:42:07.415Z","title":"step by stepで始めるKarma - Qiita","url":"http://qiita.com/howdy39/items/b9d704e7f84053924da3","content":"karmaの導入チュートリアル","tags":["JavaScript","testing","browser"],"relatedLinks":[]},{"date":"2016-05-17T15:54:40.999Z","title":"Learn Redux Video Tutorial Course","url":"https://learnredux.com/","content":"Reduxを使ったウェブアプリ開発に関するスクリーンキャスト","tags":["redux","video"],"relatedLinks":[]},{"date":"2016-05-17T23:36:26.511Z","title":"Previewing ES6 Modules and more from ES2015, ES2016 and beyond | Microsoft Edge Dev Blog","url":"https://blogs.windows.com/msedgedev/2016/05/17/es6-modules-and-beyond/","content":"MSEdge build 14342リリース。\nES6 modulesを扱える`<script type=\"module\">`をフラグ付きでサポート、ES2016/2017の新しい機能である`**`、`Object.values`、`Object.entries`、`String#pad*`のサポートなど","tags":["MSEdge","ReleaseNote"],"relatedLinks":[{"title":"Microsoft Edge で Modules を使ってみる - Browser","url":"http://browser.hatenablog.com/entry/2016/05/22/220131"}]},{"date":"2016-05-18T01:21:52.445Z","title":"Release v6.9.0 · babel/babel","url":"https://github.com/babel/babel/releases/tag/v6.9.0","content":"Babel v6.9.0リリース。\ncore-jsのアップデート、`systemGlobal`オプションの追加など","tags":["babel","ReleaseNote"],"relatedLinks":[{"title":"Releases · zloirock/core-js","url":"https://github.com/zloirock/core-js/releases"}]},{"date":"2016-05-18T11:31:33.409Z","title":"Node v6.2.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v6.2.0/","content":"Node v6.2.0リリース。\n`--no-deprecation`をランタイムに設定できる `process.noDeprecation = true;` が用意されるなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2016-05-18T15:29:18.342Z","title":"ここがすごいぞ！ stylelint！ - Qiita","url":"http://qiita.com/inuscript/items/ff4f6972c988afbec3a8","content":"CSSのLintをするstylelintについて","tags":["CSS","Tools"],"relatedLinks":[]},{"date":"2016-05-18T22:51:19.114Z","title":"The 7 Cross-Browser Testing Tools You Need in 2016","url":"https://www.sitepoint.com/the-7-cross-browser-testing-tools-you-need-in-2016/","content":"テスト用のクロスブラウザを扱えるサービスのまとめ","tags":["browser","webservice"],"relatedLinks":[]},{"date":"2016-05-19T14:18:21.657Z","title":"Web Performance Tooling - Google I/O 2016 - YouTube","url":"https://www.youtube.com/watch?v=iMqi55rcR00","content":"Chrome開発者ツールのパフォーマンス周りの使い方や見かたについて。\nケーススタディ毎にどの部分が遅いのかを見つけて、開発者ツールで本当にそれが原因なのかを確認したり、俯瞰の仕方についてなど","tags":["Chrome","debug"],"relatedLinks":[]},{"date":"2016-05-20T01:03:48.247Z","title":"wssgcg1213/babel-plugin-inline-replace-varibles: babel plugin to inline replace varibles","url":"https://github.com/wssgcg1213/babel-plugin-inline-replace-varibles","content":"Babelで文字列に値をインライン展開するプラグイン","tags":["babel","plugin"],"relatedLinks":[]},{"date":"2016-05-21T05:57:54.332Z","title":"Release v15.1.0 · facebook/react","url":"https://github.com/facebook/react/releases/tag/v15.1.0","content":"React v15.1.0リリース。\nChromeの`Object.assign`に順序バグがあるため対応するpolyfillをアップデート、react-addons-perfが書き直された。","tags":["React","ReleaseNote"],"relatedLinks":[{"title":"Add new ReactPerf by gaearon · Pull Request #6046 · facebook/react","url":"https://github.com/facebook/react/pull/6046"},{"title":"Add feature test against buggy V8 versions by spicyj · Pull Request #32 · sindresorhus/object-assign","url":"https://github.com/sindresorhus/object-assign/pull/32"}]},{"date":"2016-05-21T06:01:37.068Z","title":"brigand/react-mixin: mixins in react with es6 style classes","url":"https://github.com/brigand/react-mixin","content":"React Componentに対してES6 Classesでmixinをするライブラリ","tags":["React","JavaScript","library"],"relatedLinks":[]},{"date":"2016-05-21T06:02:07.415Z","title":"Lerna · A tool for managing JavaScript projects with multiple packages.","url":"https://lernajs.io/","content":"Babelで使われてるmonorepoを管理するツールであるLernaの公式サイト","tags":["JavaScript","Tools","npm"],"relatedLinks":[]},{"date":"2016-05-21T22:43:51.321Z","title":"Exploring ES2016… by Axel Rauschmayer [Leanpub PDF/iPad/Kindle]","url":"https://leanpub.com/exploring-es2016-es2017","content":"Exploring ES6のES2016/2017対応版","tags":["ECMAScript","book","JavaScript"],"relatedLinks":[]},{"date":"2016-05-21T23:48:39.275Z","title":"yoshuawuyts/choo: - framework for creating sturdy web applications","url":"https://github.com/yoshuawuyts/choo","content":"小さなモジュールを組み合わせたReduxライクな仕組みを持つフレームワーク。","tags":["JavaScript","redux","library"],"relatedLinks":[]},{"date":"2016-05-21T23:50:18.674Z","title":"maxogden/yo-yo: A tiny library for building modular UI components using DOM diffing and ES6 tagged template literals","url":"https://github.com/maxogden/yo-yo","content":"https://www.npmjs.com/package/morphdom をベースにtagged template literalsを使ったViewライブラリ","tags":["JavaScript","DOM","library"],"relatedLinks":[]},{"date":"2016-05-22T00:00:17.605Z","title":"jQuery 3.0 Release Candidate…Released! | Official jQuery Blog","url":"http://blog.jquery.com/2016/05/20/jquery-3-0-release-candidate-released/","content":"jQuery 3.0 RCリリース","tags":["jQuery","ReleaseNote"],"relatedLinks":[]},{"date":"2016-05-22T00:05:04.735Z","title":"Iterators and Generators in Javascript | Kenneth Truyers","url":"https://www.kenneth-truyers.net/2016/05/20/iterators-and-generators-in-javascript/","content":"Iterator/Iterable/Generatorについての簡潔なまとめ","tags":["JavaScript","ECMAScript"],"relatedLinks":[]},{"date":"2016-05-22T07:39:01.765Z","title":"Refactoring a javascript video store","url":"http://martinfowler.com/articles/refactoring-video-store-js/","content":"マーティン・ファウラーによるJavaScript(ES2015)のリファクタリング","tags":["JavaScript","リファクタリング"],"relatedLinks":[]},{"date":"2016-05-22T11:01:27.394Z","title":"How to Make Accessible Web Components — a Brief Guide","url":"https://www.sitepoint.com/accessible-web-components/","content":"Custom Elementで作った要素をAccessibleに実装するチュートリアル。\nキーボード対応、WAI-ARIA、ハイコントラストモードでの確認など","tags":["accessibility","HTML","WebComponents"],"relatedLinks":[]},{"date":"2016-05-22T12:47:02.577Z","title":"Six nifty ES6 tricks","url":"http://www.2ality.com/2016/05/six-nifty-es6-tricks.html","content":"ES6の少しテクニカルな使い方\nデフォルト引数を使った必須引数のチェック、for of + `Object.entries`、サロゲートペア、配列の入れ方、template literal、mixinなどについて","tags":["ECMAScript","JavaScript"],"relatedLinks":[]},{"date":"2016-05-22T22:47:32.591Z","title":"Web and Chrome at Google I/O 2016 - YouTube","url":"https://www.youtube.com/user/ChromeDevelopers","content":"Google I/O 2016の動画まとめ","tags":["google","video"],"relatedLinks":[{"title":"Google I/O 2016","url":"https://events.google.com/io2016/"}]},{"date":"2016-05-22T22:56:33.097Z","title":"Instant Loading: Building offline-first Progressive Web Apps - Google I/O 2016 - YouTube","url":"https://www.youtube.com/watch?v=cmGr0RszHc8","content":"ServiceWorkerを使ったオフラインファーストについての発表。\n電波状態が悪いケースを想定した動作、IndexedDBを使ったデータの保存など","tags":["ServiceWorker","JavaScript"],"relatedLinks":[{"title":"pazguille/offline-first: Everything you need to know to create offline-first web apps.","url":"https://github.com/pazguille/offline-first"}]},{"date":"2016-05-25T14:04:55.690Z","title":"Announcing React Server - @Redfin","url":"https://www.redfin.com/blog/2016/05/announcing-react-server.html","content":"Reactのサーバサイドレンダリングを行うためのフレームワーク","tags":["React","server"],"relatedLinks":[]},{"date":"2016-05-25T23:24:34.291Z","title":"tonyganch/gonzales-pe: CSS parser with support of preprocessors","url":"https://github.com/tonyganch/gonzales-pe","content":"CSS Parserライブラリ。\nCSS/less/Sassをサポートしてる","tags":["CSS","library"],"relatedLinks":[]},{"date":"2016-05-26T03:55:11.848Z","title":"Release Notes for Safari Technology Preview 5 | WebKit","url":"https://webkit.org/blog/6415/release-notes-for-safari-technology-preview-5/","content":"Safari Technology Preview 5リリース。\n`NodeList`がiterableに、`window.scroll`が`ScrollToOptions`をサポート、sourceMappingURLが相対パスを扱えない問題を修正など","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2016-05-27T15:59:28.587Z","title":"初めてのThree.js 第2版 : Jos Dirksen, あんどうやすし : 本 : Amazon.co.jp","url":"http://www.amazon.co.jp/%E5%88%9D%E3%82%81%E3%81%A6%E3%81%AEThree-js-%E7%AC%AC2%E7%89%88-Jos-Dirksen/dp/4873117704","content":"2016年7月25日発売\nThree.js本","tags":["JavaScript","book","WebGL","translate"],"relatedLinks":[]},{"date":"2016-05-28T11:56:43.774Z","title":"ESLint v2.11.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2016/05/eslint-v2.11.0-released","content":"ESLint v2.11.0リリース。\nJSCS互換のルールの追加、`obj.hasOwnProperty`の利用に関するルールの追加など","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"ESLint v2.11.0 - Qiita","url":"http://qiita.com/mysticatea/items/979bee6cd462f135f217"},{"title":"Suggestion: Object.hasOwnProperty","url":"https://esdiscuss.org/topic/suggestion-object-hasownproperty"}]},{"date":"2016-05-28T12:39:59.085Z","title":"Implementing a Stepping Debugger in JavaScript","url":"http://jlongster.com/Implementing-Stepping-Debugger-JavaScript","content":"JavaScriptをステップ実行できるエディタをどうやって実装するか。\nregeneratorとステートマシーン、コールスタックの実装、ブレークポイントの対応など","tags":["JavaScript","editor"],"relatedLinks":[{"title":"jlongster/unwinder: An implementation of continuations in JavaScript","url":"https://github.com/jlongster/unwinder"}]},{"date":"2016-05-29T04:56:04.825Z","title":"npm-scripts でクロスプラットフォームに環境変数を参照するための npm を作成してみた – アカベコマイリ","url":"http://akabeko.me/blog/2016/05/cross-conf-env-1-0-release/","content":"`packge.json`の`config` fieldに環境変数を定義して、それをクロスプラットフォームで利用できるようにするツール","tags":["npm","node.js","Tools"],"relatedLinks":[]},{"date":"2016-05-29T06:45:05.926Z","title":"Fullstack React : React Tutorial: Cloning Yelp","url":"https://www.fullstackreact.com/articles/react-tutorial-cloning-yelp/","content":"YelpのクローンをReactで作るチュートリアル","tags":["React","tutorial"],"relatedLinks":[]},{"date":"2016-05-29T06:53:13.073Z","title":"Deco - React Native IDE","url":"https://www.decosoftware.com/may-2016-update","content":"React Native IDEであるDecoがオープンソースとしてリリースされた","tags":["React","editor","ReleaseNote"],"relatedLinks":[]},{"date":"2016-05-29T10:28:50.409Z","title":"Testing Your Style With ESLint and Mocha","url":"https://robots.thoughtbot.com/testing-your-style-with-eslint-and-mocha","content":"ESLintをMochaのテストとして動かす話","tags":["ESLint","testing","JavaScript"],"relatedLinks":[]},{"date":"2016-05-29T10:49:39.990Z","title":"IntersectionObserverを使ってlazyload-imageを書き直した - 1000ch.net","url":"https://1000ch.net/posts/2016/intersection-observer-lazyload.html","content":"`IntersectionObserver`を使った画像の遅延ロードの実装について。\nfallbackはただの`<img>`として動作する","tags":["JavaScript","WebComponents"],"relatedLinks":[]},{"date":"2016-05-29T13:47:12.654Z","title":"Understanding ASTs by Building Your Own Babel Plugin","url":"https://www.sitepoint.com/understanding-asts-building-babel-plugin/","content":"Babelプラグインを書きながらASTについて学ぶチュートリアル","tags":["babel","AST"],"relatedLinks":[]},{"date":"2016-05-29T14:16:37.166Z","title":"React/Redux Introduction // Speaker Deck","url":"https://speakerdeck.com/adwd/redux-introduction","content":"React/ReduxでTodo的アプリを作る話。\nチュートリアル的な内容のスライド","tags":["React","redux","slide"],"relatedLinks":[]},{"date":"2016-05-29T14:18:03.342Z","title":"Node Conf London 2016 - YouTube","url":"https://www.youtube.com/playlist?list=PL0CdgOSSGlBYnHAl_DZoy9BWvdVQjNKE2","content":"Node Conf London 2016 の動画まとめ","tags":["node.js","Conference","video"],"relatedLinks":[{"title":"NodeConf London 2016","url":"http://london.nodeconf.com/"}]},{"date":"2016-05-29T14:24:04.050Z","title":"JSConfUY 2016 - YouTube","url":"https://www.youtube.com/user/jsconfuy","content":" JSConf Uruguay 2016の動画まとめ","tags":["JavaScript","Conference","video"],"relatedLinks":[{"title":"JSConf Uruguay 2016 - Montevideo, April 15th-16th","url":"https://jsconf.uy/"}]},{"date":"2016-05-29T14:41:25.687Z","title":"QuorraJS","url":"https://quorrajs.org/","content":"LaravelインスパイアなNode.jsフレームワーク","tags":["node.js","library"],"relatedLinks":[{"title":"Introducing QuorraJS — Medium","url":"https://medium.com/@quorrajs/we-are-just-getting-started-f6593e4ae06b"}]},{"date":"2016-05-29T14:46:25.577Z","title":"Publishing Your First Package to npm","url":"https://eladnava.com/publishing-your-first-package-to-npm/","content":"npmでパッケージを公開するまでの流れを書いたチュートリアル","tags":["npm","tutorial"],"relatedLinks":[]},{"date":"2016-05-29T15:07:30.314Z","title":"ALM Tools for TypeScript","url":"http://alm.tools/","content":"ブラウザで動くTypeScriptエディタ","tags":["browser","TypeScript","editor"],"relatedLinks":[]},{"date":"2016-05-29T15:18:15.704Z","title":"[翻訳] Airbnb React/JSX Style Guide - Qiita","url":"http://qiita.com/koukun/items/e64762e407b8dd5e0247","content":"Airbnb React/JSXのコーディングスタイルガイドの翻訳","tags":["React","translate"],"relatedLinks":[]},{"date":"2016-05-30T11:19:33.721Z","title":"RxJS の代わりに xstream を使う - Qiita","url":"http://qiita.com/masakielastic/items/f34f5b297abee0e80ddc","content":"RxライクなStreamライブラリであるxstreamについて","tags":["JavaScript","Rx"],"relatedLinks":[{"title":"staltz/xstream: An extremely intuitive, small, and fast functional reactive stream library for JavaScript","url":"https://github.com/staltz/xstream"}]},{"date":"2016-05-30T11:51:51.489Z","title":"Node.jsでのJavaScriptメモリリークを発見するための簡単ガイド | プログラミング | POSTD","url":"http://postd.cc/simple-guide-to-finding-a-javascript-memory-leak-in-node-js/","content":"Node.jsでメモリリークの計測方法とヒープダンプを見るコツについて","tags":["node.js","translate"],"relatedLinks":[]},{"date":"2016-06-01T13:16:39.682Z","title":"The state of React.js 2016 // Speaker Deck","url":"https://speakerdeck.com/koba04/the-state-of-react-dot-js-2016","content":"Reactの最近の変更や今後の変更、非推奨になる予定の機能についてなど","tags":["React","slide"],"relatedLinks":[{"title":"第65回 HTML5とか勉強会 ー React最新情報 - YouTube","url":"https://www.youtube.com/watch?v=C8bMahvTkHA"}]},{"date":"2016-06-02T13:37:32.906Z","title":"HyperDev","url":"https://hyperdev.com/","content":"サーバも書けるJSFiddle的なサービス。\nNode.jsでサーバ側、HTML/CSS/JSなフロントも一緒に書けるエディタサービス","tags":["webservice","node.js","JavaScript"],"relatedLinks":[]},{"date":"2016-06-02T13:52:36.217Z","title":"Improving Your CSS with Parker – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts","url":"http://csswizardry.com/2016/06/improving-your-css-with-parker/","content":"CSSの解析ツールであるParkerについて","tags":["CSS","Tools"],"relatedLinks":[{"title":"katiefenn/parker: Stylesheet analysis tool.","url":"https://github.com/katiefenn/parker/"}]},{"date":"2016-06-02T22:47:21.455Z","title":"MJB-code6/SkyPort: Add offline functionality to your web app","url":"https://github.com/MJB-code6/SkyPort","content":"Service Workerを使ったオフラインモードを実現するライブラリ。","tags":["ServiceWorker","library"],"relatedLinks":[]},{"date":"2016-06-04T06:11:44.432Z","title":"webpackのDLLバンドルを使ってビルドを速くする - Qiita","url":"http://qiita.com/pirosikick/items/c77db84dbed4c447a6fe","content":"webpackのビルド速度の改善について。\nvendarライブラリだけ別にビルドし読み込んで使うDLLバンドル、`cacheDirectory`、`externals`との違いについてなど","tags":["webpack","performance"],"relatedLinks":[]},{"date":"2016-06-04T07:34:57.347Z","title":"Next Vue.js 2.0 // Speaker Deck","url":"https://speakerdeck.com/kazupon/next-vue-dot-js-2-dot-0","content":"Vue.js 2.0のレンダリングフローについて","tags":["JavaScript","slide"],"relatedLinks":[]},{"date":"2016-06-05T03:13:06.712Z","title":"epoberezkin/ajv: The fastest JSON schema Validator. Supports v5 proposals","url":"https://github.com/epoberezkin/ajv","content":"JSON Schema validatorライブラリ","tags":["JavaScript","JSON","library"],"relatedLinks":[]},{"date":"2016-06-05T03:57:07.501Z","title":"V8 JavaScript Engine: Release 5.2","url":"http://v8project.blogspot.com/2016/06/release-52.html","content":"V8 5.2リリース。\n Exponentiation operator `**`のサポート、`Array.isArray`、`in` operator、`Function#bind`のパフォーマンス改善など","tags":["V8","ReleaseNote"],"relatedLinks":[]},{"date":"2016-06-05T04:02:10.236Z","title":"Front-end Hyperpolyglot","url":"http://jeffcarp.github.io/frontend-hyperpolyglot/","content":"React/Angular1,2/Ember/Polymer/Vueのテンプレートの書き方比較","tags":["DOM","library"],"relatedLinks":[{"title":"Programming Languages - Hyperpolyglot","url":"http://hyperpolyglot.org/"}]},{"date":"2016-06-05T07:59:54.085Z","title":"ReactEurope 2016 - Day 1 - YouTube","url":"https://www.youtube.com/channel/UCorlLn2oZfgOJ-FUcF2eZ1A","content":"ReactEurope 2016の動画まとめ","tags":["React","video"],"relatedLinks":[]},{"date":"2016-06-05T14:47:03.566Z","title":"Infinite collections with ES6 generators - Advanced Web Machinery","url":"https://advancedweb.hu/2016/05/31/infinite-collections-with-es6-generators/","content":"Iteratorを使った無限リストについて","tags":["JavaScript"],"relatedLinks":[{"title":"sashee/gentoo: Tools for ES6 generators","url":"https://github.com/sashee/gentoo"}]},{"date":"2016-06-05T14:49:13.047Z","title":"Why we chose MobX over Redux for Spectacle Editor","url":"http://formidable.com/blog/2016/06/02/why-we-chose-mobx-over-redux-for-spectacle-editor/","content":"Reduxとかと同じくアプリケーションのStateを管理するMobXの特徴についての紹介","tags":["JavaScript","redux"],"relatedLinks":[{"title":"mobxjs/mobx: Simple, scalable state management.","url":"https://github.com/mobxjs/mobx"}]},{"date":"2016-06-06T05:28:22.098Z","title":"Creating A Living Style Guide: A Case Study – Smashing Magazine","url":"https://www.smashingmagazine.com/2016/05/creating-a-living-style-guide-case-study/","content":"スタイルガイドのケーススタディ","tags":["CSS"],"relatedLinks":[]},{"date":"2016-06-06T08:06:54.207Z","title":"Flow vs TypeScript","url":"http://djcordhose.github.io/flow-vs-typescript/2016_hhjs.html#/","content":"TypeScriptとFlowTypeの型指定の比較についてのスライド","tags":["TypeScript","flowtype"],"relatedLinks":[]},{"date":"2016-06-06T09:59:25.945Z","title":"What's New in Shadow DOM v1 (by examples) — hayato.io","url":"http://hayato.io/2016/shadowdomv1/","content":"Shadow DOM v0とv1の違いについて。","tags":["WebComponents"],"relatedLinks":[]},{"date":"2016-06-06T10:02:41.302Z","title":"Chromeのヘッドレスブラウザがやってくる。というわけで試してみた。 - Qiita","url":"http://qiita.com/devneko/items/51f2e114a7e0b3389435","content":"Chromeのヘッドレスブラウザについて","tags":["Chrome"],"relatedLinks":[{"title":"Issues - chromium - An open-source project to help move the web forward. - Monorail","url":"https://bugs.chromium.org/p/chromium/issues/list?q=label:Proj-Headless"}]},{"date":"2016-06-06T10:41:45.780Z","title":"Getting Started with TDD in React - Semaphore","url":"https://semaphoreci.com/community/tutorials/getting-started-with-tdd-in-react","content":"Enzymeを使ったReact Componentのテストについて","tags":["React","JavaScript","testing"],"relatedLinks":[]},{"date":"2016-06-06T10:48:04.631Z","title":"Frend — A collection of accessible, modern front-end components.","url":"http://frend.co/","content":"AccessibleなDOM UIを実現するためのJavaScriptライブラリ。CSSフレームワークのように特定のクラスを付けた要素にWAI-ARIAの属性を付加していく。","tags":["DOM","library","accessibility","WAI-ARIA"],"relatedLinks":[]},{"date":"2016-06-07T00:22:15.823Z","title":"GoogleChrome/lighthouse: auditing and performance metrics for Progressive Web Apps","url":"https://github.com/GoogleChrome/lighthouse","content":"Service Workerを使ってのオフライン対応の有無、Speed IndexなどのロードパフォーマンスなどProgressive Web Appsに関する計測ツール","tags":["performance","Tools"],"relatedLinks":[]},{"date":"2016-06-07T00:23:57.862Z","title":"JavaScript Plugin Architectureというプラグイン設計について学ぶ無料の電子書籍を書いた | Web Scratch","url":"http://efcl.info/2016/06/06/JavaScript-Plugin-Architecture/","content":"JavaScriptのプラグイン設計のケーススタディ本。\njQuery、ESLint、Connect、gulp、Reduxなどのプラグインの仕組みを実装しながら学ぶ電子書籍","tags":["JavaScript","ebook"],"relatedLinks":[{"title":"azu/JavaScript-Plugin-Architecture: JavaScriptプラグインアーキテクチャの本","url":"https://github.com/azu/JavaScript-Plugin-Architecture"}]},{"date":"2016-06-07T00:38:49.081Z","title":"Building React Applications with Idiomatic Redux - Course by @dan_abramov @eggheadio","url":"https://egghead.io/courses/building-react-applications-with-idiomatic-redux","content":"Redux作者によるReduxでアプリケーションを作るスクリーンキャスト\n","tags":["redux","video","tutorial"],"relatedLinks":[{"title":"Dan Abramov - The Redux Journey at react-europe 2016 - YouTube","url":"https://www.youtube.com/watch?v=uvAXVMwHJXU"}]},{"date":"2016-06-07T16:32:19.121Z","title":"Memory Debugging with Web Inspector | WebKit","url":"https://webkit.org/blog/6425/memory-debugging-with-web-inspector/","content":"Safari TPの新しいメモリプロファイラについて","tags":["webkit","safari","debug"],"relatedLinks":[]},{"date":"2016-06-08T12:58:27.255Z","title":"Firefox 47.0 リリースノート","url":"https://www.mozilla.jp/firefox/47.0/releasenotes/","content":"Firefox 47リリース。\nWidevine CDM(DMRなストリーミング)のサポート、Service Worker/Push APIのデバッグ機能の改善、 `about:debugging`の追加、ES2017の` Object.values()`と`Object.entries()`の実装など","tags":["firefox","ReleaseNote"],"relatedLinks":[{"title":"Mozilla To Test Widevine CDM in Firefox Nightly | Future Releases","url":"https://blog.mozilla.org/futurereleases/2016/04/08/mozilla-to-test-widevine-cdm-in-firefox-nightly/"},{"title":"Firefox 47 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/ja/Firefox/Releases/47"},{"title":"Firefox 47 サイト互換性情報 | Firefox サイト互換性情報","url":"https://www.fxsitecompat.com/ja/versions/47/"}]},{"date":"2016-06-08T13:07:21.318Z","title":"bfred-it/object-fit-images: Polyfill object-fit and object-position on images on IE9, IE10, IE11, Edge, Safari, ...","url":"https://github.com/bfred-it/object-fit-images","content":"object-fitのpolyfill。\nHTMLImageElement#getAttribute/setAttributeの上書きやresizeイベントを監視して補正する","tags":["CSS","polyfill","library"],"relatedLinks":[]},{"date":"2016-06-08T16:24:52.849Z","title":"CSSシークレット ―ウェブデザイナーが知るべき47のキーポイント : Lea Verou, 牧野 聡 : 本 : Amazon.co.jp","url":"http://www.amazon.co.jp/CSS%E3%82%B7%E3%83%BC%E3%82%AF%E3%83%AC%E3%83%83%E3%83%88-%E2%80%95%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8A%E3%83%BC%E3%81%8C%E7%9F%A5%E3%82%8B%E3%81%B9%E3%81%8D47%E3%81%AE%E3%82%AD%E3%83%BC%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88-Lea-Verou/dp/4873117666","content":"2016年6月25日発売\nCSS Secretsの翻訳","tags":["CSS","book"],"relatedLinks":[{"title":"CSS Secrets - O&#39;Reilly Media","url":"http://shop.oreilly.com/product/0636920031123.do"}]},{"date":"2016-06-08T16:46:59.370Z","title":"Dev.Opera — What’s new in Chromium 51 and Opera 38","url":"https://dev.opera.com/blog/opera-38/","content":"Opera 38(based on Chromium 51)リリース。\nES6 `Symbol.hasInstance`、`Symbol.species`、関数式の`fn.name`対応、`querySelector`の返り値がiterableに、`KeyboardEvent#key`のサポートなど","tags":["Opera","Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2016-06-09T03:22:37.020Z","title":"airbnb/hypernova: A service for server-side rendering your JavaScript views","url":"https://github.com/airbnb/hypernova","content":"AirbnbのReactサーバサイドレンダリングモジュール。\nRailsとの統合する設定も公開されている","tags":["React","node.js","rails"],"relatedLinks":[]},{"date":"2016-06-09T23:46:56.611Z","title":"jQuery 3.0 Final Released! | Official jQuery Blog","url":"http://blog.jquery.com/2016/06/09/jquery-3-0-final-released/","content":"jQuery 3.0リリース。\najaxとeffectを取り除いたslimビルドの公開。\n`jQuery.Deferred`がPromise A/+互換に、非推奨イベントの削除、再度`requestAnimationFrame`を利用するように変更など","tags":["jQuery","ReleaseNote"],"relatedLinks":[{"title":"jQuery Core 3.0 Upgrade Guide | jQuery","url":"http://jquery.com/upgrade-guide/3.0/"},{"title":"jquery/jquery-migrate: APIs and features removed from jQuery core","url":"https://github.com/jquery/jquery-migrate#migrate-older-jquery-code-to-jquery-30"},{"title":"【翻訳まとめ】jQuery 3.0 アップグレードガイド - Qiita","url":"http://qiita.com/fmy/items/345a264a1cf2e2a73f62"}]},{"date":"2016-06-10T10:18:47.549Z","title":"Passive Event Listeners によるスクロールの改善 | blog.jxck.io","url":"https://blog.jxck.io/entries/2016-06-09/passive-event-listeners.html","content":"`addEventListener(type, handler, options)`の第三引数として追加されてた `passive`オプションについて。\n`passive: true` とした場合の効果、Feature detectの方法についてなど","tags":["JavaScript","performance"],"relatedLinks":[{"title":"addEventListener()の第３引数の意味とかをちゃんと理解する為のメモ - 今日もスミマセン。","url":"http://d.hatena.ne.jp/snaka72/20100925/1285404467"},{"title":"Add feature test for passive event listener support · Issue #1894 · Modernizr/Modernizr","url":"https://github.com/Modernizr/Modernizr/issues/1894"}]},{"date":"2016-06-10T11:08:17.055Z","title":"Release Notes for Safari Technology Preview 6 | WebKit","url":"https://webkit.org/blog/6531/release-notes-for-safari-technology-preview-6/","content":"Safari Technology Preview 6リリース。\n関数の引数におけるtrailing commasのドラフトをサポート、CSSの`normal`値をサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"Trailing Commas in Function Param Lists","url":"https://jeffmo.github.io/es-trailing-function-commas/"}]},{"date":"2016-06-10T11:56:23.463Z","title":"DOM Features You Didn’t Know Existed (Video & Slides) | Impressive Webs","url":"https://www.impressivewebs.com/dom-features-you-didnt-know-existed-video-slides/","content":"いろんなDOM APIについて紹介してる記事","tags":["JavaScript","DOM"],"relatedLinks":[]},{"date":"2016-06-10T12:24:24.608Z","title":"Open Sourcing CloudFlare’s UI Framework","url":"http://blog.cloudflare.com/cf-ui/","content":"小さなReact Componentをmonorepoで管理して公開する話。\nコンポーネントの粒度、テスト方法、デバッグ、アクセシビリティなどについて","tags":["React","UI","library"],"relatedLinks":[]},{"date":"2016-06-11T03:53:59.138Z","title":"ESLint v2.12.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2016/06/eslint-v2.12.0-released","content":"ESLint v2.12.0リリース。\nJSCS互換のルールの追加、全てのビルトインルールを読み込む`eslint:all`の追加、パフォーマンスの改善など","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"Utilize glob ignore option for massive perf win by samccone · Pull Request #6215 · eslint/eslint","url":"https://github.com/eslint/eslint/pull/6215"},{"title":"ESLint v2.12.0 - Qiita","url":"http://qiita.com/mysticatea/items/7bf844b32f8295eeb061"}]},{"date":"2016-06-11T04:29:40.947Z","title":"Release v6.10.0 · babel/babel","url":"https://github.com/babel/babel/releases/tag/v6.10.0","content":"Babel 6.10.0リリース。\n`--watch`時に、初回はビルドしない`--skip-initial-build`オプションの追加、バグ修正など","tags":["babel","ReleaseNote"],"relatedLinks":[]},{"date":"2016-06-11T11:32:50.998Z","title":"benjamn/reify: Enable ECMAScript 2015 modules in Node today. No caveats. Full stop.","url":"https://github.com/benjamn/reify","content":"ECMAScript moduleをNode.jsに変換/ランタイム変換するツール。","tags":["ECMAScript","node.js","Tools"],"relatedLinks":[]},{"date":"2016-06-11T11:46:51.580Z","title":"Performance Observer - Efficient Access to Performance Data | Web Updates - Google Developers","url":"https://developers.google.com/web/updates/2016/06/performance-observer","content":"`PerformanceObserver`についての解説記事。\nブラウザがアイドル時に、非同期でTiming情報を取る事ができる。","tags":["JavaScript","API","performance"],"relatedLinks":[]},{"date":"2016-06-11T12:33:07.633Z","title":"Chromium Blog: Chrome 52 Beta: CSS containment, simpler performance measurement, streamable responses from service workers, and more options for web push","url":"http://blog.chromium.org/2016/06/chrome-52-beta-css-containment-simpler.html","content":"Chrome 52 Betaリリース。\nCSS `contain`プロパティ、`PerformanceObserver`のサポート。\nFetch APIがreferrer policyをサポート。\nmetaタグでの`X-Frame-Option`が無効となるなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"CSS Containment in Chrome 52 | Web Updates - Google Developers","url":"https://developers.google.com/web/updates/2016/06/css-containment"},{"title":"Fetch Referrer Policy Sample","url":"https://googlechrome.github.io/samples/fetch-api/fetch-referrer-policy.html"},{"title":"CSS Containment Module Level 3 （日本語訳）","url":"https://triple-underscore.github.io/css-containment-ja.html"}]},{"date":"2016-06-12T04:26:05.042Z","title":"Practical React with MobX - YouTube","url":"https://www.youtube.com/watch?v=XGwuM_u7UeQ","content":"MobXについてのスクリーンキャスト。\nMobXを使ってどのようにStateを管理するのか、どのようなサイクルで状態の変更を描画するのかについて","tags":["JavaScript","video","library"],"relatedLinks":[{"title":"mobxjs/mobx: Simple, scalable state management.","url":"https://github.com/mobxjs/mobx"}]},{"date":"2016-06-12T23:45:45.662Z","title":"npms","url":"https://npms.io/","content":"バックエンドにElasticsearchを使ったnpm検索サービス。\nQuality、Maintenance、Popularity、Personalities(未実装)という指標も一緒に表示してくれる","tags":["npm","search"],"relatedLinks":[]},{"date":"2016-06-13T00:01:55.742Z","title":"Kakapo.js","url":"http://devlucky.github.io/kakapo-js","content":"HTTPモックライブラリ。\nモックデータ入りの開発サーバを作れるライブラリ。","tags":["HTTP","testing","library"],"relatedLinks":[]},{"date":"2016-06-13T05:19:22.097Z","title":"web audio lesson","url":"http://mohayonao.github.io/web-audio-lesson/","content":"Web Audio APIの基礎から応用までの課題付きチュートリアル。\nコードをその場で実行できるようになっている。","tags":["web ","audio","tutorial","document"],"relatedLinks":[{"title":"web-audio-lesson : Web Audio API初学者向けのテキストを書きました - 音の鳴るブログ","url":"http://mohayonao.hatenablog.com/entry/2016/06/12/154735"}]},{"date":"2016-06-13T05:43:42.671Z","title":"rill-js/rill: Isomorphic web application framework.","url":"https://github.com/rill-js/rill","content":"Browser、Node.jsで動くisomorphicなHTTPミドルウェアライブラリ。\n","tags":["HTTP","JavaScript","library","browser","node.js"],"relatedLinks":[]},{"date":"2016-06-14T16:13:10.144Z","title":"Safari 10.0","url":"https://developer.apple.com/library/prerelease/content/releasenotes/General/WhatsNewInSafari/Articles/Safari_10_0.html","content":"Safari 10のリリースノート。\nIndexedDB、CSP、Shadow DOM v1、ES6、ECMA i18n APIなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2016-06-16T00:33:37.218Z","title":"The Future of Declaration Files | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2016/06/15/the-future-of-declaration-files/","content":"npmからTypeScriptの型定義ファイルをインストールして使えるようになるという話。\n\n`npm install --save @types/lodash` のような形で他にツールを必要としない","tags":["npm","TypeScript"],"relatedLinks":[{"title":"TypeScript Types Search","url":"http://microsoft.github.io/TypeSearch/"}]},{"date":"2016-06-16T05:03:19.571Z","title":"The SoundCloud Client in React + Redux - RWieruch","url":"http://www.robinwieruch.de/the-soundcloud-client-in-react-redux/","content":"React+ReduxでSoundcloudのクライアントを作るチュートリアル","tags":["React","redux","tutorial"],"relatedLinks":[]},{"date":"2016-06-18T03:25:11.839Z","title":"A Quick Introduction To Polymer — WebComponents.org","url":"http://webcomponents.org/articles/a-quick-polymer-introduction/","content":"Polymer入門向けの概要を説明した文章","tags":["WebComponents","library","tutorial"],"relatedLinks":[]},{"date":"2016-06-18T04:31:47.674Z","title":"Resource (pre)loading","url":"http://yoavweiss.github.io/link_htmlspecial_16/","content":"`<link rel>`についてのスライド\nprefetch、resource loading、feature detectionについて","tags":["HTML","slide"],"relatedLinks":[]},{"date":"2016-06-18T04:36:17.871Z","title":"Release 2.0.0 · jquery/qunit","url":"https://github.com/jquery/qunit/releases/tag/2.0.0","content":"QUnit 2.0.0リリース。\n非推奨のグローバル関数を削除、メソッドのリネームなど破壊的な変更が含まれれる\n\n- `module()`、`test()`はそれぞれ`QUnit.*`以下に移動\n- `start()`、`stop()`の代わりに`assert.async()`\n- `setup`/`teardown`は`beforeEach`/`afterEach`に\n- `QUnit.init`と`QUnit.reset`の削除","tags":["JavaScript","testing","library","ReleaseNote"],"relatedLinks":[{"title":"QUnit 2.x Upgrade Guide | QUnit","url":"http://qunitjs.com/upgrade-guide-2.x/"}]},{"date":"2016-06-18T04:43:07.512Z","title":"mgiuca/web-share: Web API proposal for sharing data from a web page","url":"https://github.com/mgiuca/web-share","content":"`navigator.share`のAPIについてのドキュメント。 \nAndroidのintents、iOSのUIActivityViewControllerのような共有するためのAPI。\nChromeで実装検討中","tags":["WebPlatformAPI","spec"],"relatedLinks":[{"title":"Web Share - Chrome Platform Status","url":"https://www.chromestatus.com/feature/5668769141620736"},{"title":"Web Share API for sharing content to arbitrary destination - APIs - WICG","url":"https://discourse.wicg.io/t/web-share-api-for-sharing-content-to-arbitrary-destination/1561/4"}]},{"date":"2016-06-18T06:43:40.127Z","title":"ReactでTDD（テスト駆動開発）を始めよう : 環境構築からテスト作成、機能実装までの詳解ガイド | プログラミング | POSTD","url":"http://postd.cc/getting-started-with-tdd-in-react/","content":"React ComponentをTDDする話","tags":["React","testing","translate"],"relatedLinks":[]},{"date":"2016-06-18T12:33:51.246Z","title":"ESLint v2.13.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2016/06/eslint-v2.13.0-released","content":"ESLint v2.13.0リリース。\n2.x系では最後になり、次は3.0.0が予定されている","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"Proposal for 3.0.0 · Issue #6356 · eslint/eslint","url":"https://github.com/eslint/eslint/issues/6356"}]},{"date":"2016-06-19T15:29:02.061Z","title":"RC2 Now Available","url":"http://angularjs.blogspot.com/2016/06/rc2-now-available.html","content":"Angular2 RC2リリース","tags":["Angular","ReleaseNote"],"relatedLinks":[{"title":"Angular 2 RC.2がリリースされました | Angular2 Info","url":"http://ng2-info.github.io/2016/06/16/angular-2-rc-2/"}]},{"date":"2016-06-19T15:43:23.912Z","title":"実例とともに学ぶECMAScript 2015 〜Generator〜 – NET BIZ DIV. TECH BLOG","url":"https://tech.recruit-mp.co.jp/front-end/post-10358/","content":"Generator、Iteratorについて。\nIterableを扱うfor of、`Array.from`、spread operatorについて。\n「GeneratorはIteratorを返す関数」に至るまでを丁寧に解説してる記事","tags":["ECMAScript","JavaScript"],"relatedLinks":[]},{"date":"2016-06-19T16:07:32.595Z","title":"Tips & Tricks in Front-End Development // Speaker Deck","url":"https://speakerdeck.com/forloop/tips-and-tricks-in-front-end-development","content":"`object-fit`、Viewport unit、既読リンクの扱い、壊れた`<img />`の表示、要素内が空の場合の表示、postMessage、SVGなどのフロントエンド向けのTips","tags":["CSS","slide","Tips"],"relatedLinks":[]},{"date":"2016-06-19T16:20:33.738Z","title":"Manning | Angular 2 in Action","url":"https://www.manning.com/books/angular-2-in-action","content":"Angular 2についての書籍","tags":["Angular","book"],"relatedLinks":[{"title":"Angular 2 in Action","url":"https://github.com/angular-in-action/"}]},{"date":"2016-06-19T16:30:25.627Z","title":"fed135/Kalm: Node socket wrapper and optimizer","url":"https://github.com/fed135/Kalm","content":"WebSocketやWebRTCなど双方向の通信を行うライブラリ。\nNagleアルゴリズムの実装など効率よくパケットを送れるような仕組みを持っている。\nAdapterで利用するプロトコルを変更できるようになっている","tags":["WebSocket","JavaScript","node.js","WebRTC","library"],"relatedLinks":[]},{"date":"2016-06-20T08:24:04.608Z","title":"headless - chromium/src - Git at Google","url":"https://chromium.googlesource.com/chromium/src/+/master/headless/","content":"Chromiumヘッドレスブラウザのリポジトリ","tags":["Chrome"],"relatedLinks":[]},{"date":"2016-06-20T12:09:16.843Z","title":"Release v1.9.0 · testem/testem","url":"https://github.com/testem/testem/releases/tag/v1.9.0","content":"testem 1.9.0リリース。\nカスタムレポーターがmetaデータを受け取る事ができるようになった","tags":["testing","JavaScript","ReleaseNote","library","Tools"],"relatedLinks":[]},{"date":"2016-06-20T13:04:34.087Z","title":"af/envalid: Environment variable validation for Node.js","url":"https://github.com/af/envalid","content":"Node.jsの`process.env`の値をバリデーションするライブラリ","tags":["node.js","JavaScript","library"],"relatedLinks":[]},{"date":"2016-06-20T13:39:21.373Z","title":"CSS Animations, Orchestrated by David Khourshid","url":"http://slides.com/davidkhourshid/deck-17#/","content":"CSSアニメーションのまとめかたについてのスライド","tags":["CSS","slide"],"relatedLinks":[]},{"date":"2016-06-20T13:44:33.762Z","title":"alexreardon/raf-stub: Accurate and predictable testing of requestAnimationFrame and cancelAnimationFrame","url":"https://github.com/alexreardon/raf-stub","content":"`requestAnimationFrame`のstubライブラリ。\nステップごとにframeを進めることができる","tags":["JavaScript","animation","testing","library"],"relatedLinks":[]},{"date":"2016-06-20T23:05:52.551Z","title":"ECMAScript® 2016 Language Specification","url":"http://www.ecma-international.org/ecma-262/7.0/","content":"ECMAScript 2016リリース。\n毎年リリース体制になってから初リリース","tags":["ECMAScript","spec"],"relatedLinks":[{"title":"Standard ECMA-262","url":"http://www.ecma-international.org/publications/standards/Ecma-262.htm"},{"title":"tc39/ecma262: Status, process, and documents for ECMA262","url":"https://github.com/tc39/ecma262"},{"title":"ECMAScript 2016 features &amp; changes - JSer.info","url":"http://jser.info/2016/02/01/es2016/"}]},{"date":"2016-06-20T23:09:21.772Z","title":"ECMAScript® 2016 Internationalization API Specification","url":"http://www.ecma-international.org/ecma-402/3.0/","content":"ECMAScript 2016 Internationalization API仕様リリース。\nUnicode 8.0を必要とするようになり、`Intl.getCanonicalLocales()`の追加。\n","tags":["ECMAScript","i18n","spec"],"relatedLinks":[]},{"date":"2016-06-21T11:24:36.956Z","title":"markerikson/redux-ecosystem-links: A categorized list of Redux-related addons, libraries, and utilities","url":"https://github.com/markerikson/redux-ecosystem-links","content":"Redux関連のライブラリなどについてのまとめ","tags":["redux","まとめ"],"relatedLinks":[]},{"date":"2016-06-21T15:15:40.400Z","title":"Monaco Editor","url":"https://microsoft.github.io/monaco-editor/","content":"VS Codeのエディタ部分であるMonaco Editorが個別のパッケージとして公開された","tags":["JavaScript","editor","library"],"relatedLinks":[]},{"date":"2016-06-22T09:48:41.841Z","title":"tmanderson/babelconf: Conveniently create a .babelrc configuration","url":"https://github.com/tmanderson/babelconf","content":"`.babelrc` の設定を選択式で作成できるCLI","tags":["babel","設定","Tools"],"relatedLinks":[]},{"date":"2016-06-23T13:36:07.678Z","title":"Release Notes for Safari Technology Preview Release 7 | WebKit","url":"https://webkit.org/blog/6640/release-notes-for-safari-technology-preview-release-7/","content":"Safari Technology Preview 7リリース。\n`addEventListener`がEventListenerOptionsをサポート、`window.onerror`で`error`オブジェクトを受け取れるように。\nES Proposalの引数内での末尾カンマのサポート、`::placeholder`のprefixが外れるなど","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"jeffmo/es-trailing-function-commas","url":"https://github.com/jeffmo/es-trailing-function-commas"}]},{"date":"2016-06-23T14:35:47.406Z","title":"Autoprefixer on Twitter: \"To clean CSS from prefixes run Autoprefixer with browsers: [] https://t.co/5CVdedVFMV\"","url":"https://twitter.com/autoprefixer/status/745762946626764804","content":"CSSからprefixを外すには対象ブラウザの設定無しにしたAutoPrefixerを実行すれば良いというTips","tags":["CSS","設定"],"relatedLinks":[]},{"date":"2016-06-24T07:03:07.214Z","title":"Amazon.co.jp： Js.next: Ecmascript 6: Aaron Frost: 洋書","url":"https://www.amazon.co.jp/Js-next-Ecmascript-6-Aaron-Frost/dp/1449336361","content":"2017年4月25日発売\nES6についての書籍","tags":["JavaScript","book"],"relatedLinks":[{"title":"JS.Next - O&#39;Reilly Media","url":"http://shop.oreilly.com/product/0636920026396.do"}]},{"date":"2016-06-24T07:31:36.834Z","title":"Release v1.0.0 · karma-runner/karma","url":"https://github.com/karma-runner/karma/releases/tag/v1.0.0","content":"Karma 1.0.0リリース。\npreprocessorの実行順序をファイル種別で制御できるようになるなど\n","tags":["JavaScript","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2016-06-25T04:18:06.104Z","title":"RxJS(5.x)で行うテストファーストな機能開発 | MMMブログ","url":"http://blog.mmmcorp.co.jp/blog/2016/06/25/testing-rxjs-5/","content":"RxJS 5のObservableをマーブル記法というDSLで書いてテストする方法について","tags":["Rx","testing"],"relatedLinks":[]},{"date":"2016-06-25T06:46:09.027Z","title":"SVG Animations: From Common UX Implementations to Complex Responsive Animation: Sarah Drasner: 9781491939703: Amazon.com: Books","url":"https://www.amazon.com/SVG-Animations-Implementations-Responsive-Animation/dp/1491939702","content":"2017年1月25日発売\nSVGアニメーションについての書籍","tags":["SVG","book"],"relatedLinks":[]},{"date":"2016-06-25T13:08:41.384Z","title":"Developer Edition 49: Network Request Stack Traces and more ★ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2016/06/developer-edition-49-network-request-stack-traces-and-more/","content":"Firefox 49の開発者ツールについて。\nネットワークパネルでどこから通信が発生したのかスタックトレースできるように、エラーメッセージの詳細をMDNで見られるように、アクセシビリティの改善など","tags":["firefox","debug"],"relatedLinks":[{"title":"David Baron's weblog: Running animations on the compositor thread","url":"http://dbaron.org/log/20150916-compositor-animations"},{"title":"Developer Edition 49：ネットワークモニタでのスタックトレース表示、など | Mozilla Developer Street (modest)","url":"https://dev.mozilla.jp/2016/06/developer-edition-49-network-request-stack-traces-and-more/"}]},{"date":"2016-06-25T14:26:15.955Z","title":"JavaScript error reference - JavaScript | MDN","url":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors","content":"JavaScriptのよくあるエラーメッセージのリファレンス。\n何が問題で起きてるのか、実際に起きるサンプルコードがまとめられている","tags":["JavaScript","debug","document","リファレンス"],"relatedLinks":[]},{"date":"2016-06-26T15:54:06.658Z","title":"15 Ways to Write Self-documenting JavaScript","url":"https://www.sitepoint.com/self-documenting-javascript/","content":"Self-documentingなコードを書く方法について","tags":["JavaScript"],"relatedLinks":[]},{"date":"2016-06-26T16:06:55.881Z","title":"A 𝝺-calculus interpreter","url":"http://tadeuzagallo.com/blog/writing-a-lambda-calculus-interpreter-in-javascript/","content":"JavaScriptで小さなλ言語のパーサとインタプリタを実装するチュートリアル。","tags":["JavaScript","tutorial"],"relatedLinks":[]},{"date":"2016-06-27T03:52:01.088Z","title":"ESLint Part 1: Exploration | Scott Nonnenberg","url":"https://blog.scottnonnenberg.com/eslint-part-1-exploration/","content":"ESLintの導入から設定についてのチュートリアル","tags":["ESLint","tutorial"],"relatedLinks":[]},{"date":"2016-06-27T05:31:20.101Z","title":"Debugging Node.js Nightlies with Chrome DevTools — Medium","url":"https://medium.com/@paul_irish/debugging-node-js-nightlies-with-chrome-devtools-7c4a1b95ae27","content":"Node.jsのnightlyに入ったChromeの開発者ツールでのデバッグの方法について","tags":["node.js","V8"],"relatedLinks":[]},{"date":"2016-06-27T08:50:03.511Z","title":"TypeScript の型定義ファイルと仲良くなろう - Hatena Developer Blog","url":"http://developer.hatenastaff.com/entry/2016/06/27/140931","content":"TypeScriptの型定義でのハマりどころや、型定義ファイルを読み書きに必要な知識について","tags":["TypeScript"],"relatedLinks":[]},{"date":"2016-06-27T09:00:46.621Z","title":"jsdom/Changelog.md at 9.3.0 · tmpvar/jsdom","url":"https://github.com/tmpvar/jsdom/blob/9.3.0/Changelog.md","content":"jsdom 9.3.0リリース。\n`Audio`コンストラクタのサポート、`Image`の挙動を仕様準拠となるように修正など","tags":["JavaScript","DOM","library","ReleaseNote"],"relatedLinks":[]},{"date":"2016-06-27T09:35:03.222Z","title":"thoov/mock-socket: Javascript mocking library for websockets and socket.io","url":"https://github.com/thoov/mock-socket","content":"WebSocketsとSocket.IOのモックライブラリ","tags":["WebSocket","library"],"relatedLinks":[]},{"date":"2016-06-27T09:57:19.642Z","title":"davidmarkclements/0x: Flame Graph Profiling with a Single Command","url":"https://github.com/davidmarkclements/0x","content":"インタラクティブなフレームグラフを作成できるツール。\n\nNode.jsで実行したアプリのスタックトレースをフレームグラフで可視化できる","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2016-06-27T10:47:58.491Z","title":"Release v6.11.0 · babel/babel","url":"https://github.com/babel/babel/releases/tag/v6.11.0","content":"Babel 6.11.0リリース。\n`es2016` presetを追加、その他のProposalも現在のStageに追従。","tags":["babel","ReleaseNote"],"relatedLinks":[{"title":"tc39/proposals: Tracking ECMAScript Proposals","url":"https://github.com/tc39/proposals"}]},{"date":"2016-06-28T15:42:48.520Z","title":"Intersection Observer を用いた要素出現検出の最適化 | blog.jxck.io","url":"https://blog.jxck.io/entries/2016-06-25/intersection-observer.html","content":"Intersection Observerの使い方や従来の方法との違いについて。\nスクロール量や要素の表示に応じた処理","tags":["DOM"],"relatedLinks":[]},{"date":"2016-06-29T01:08:51.090Z","title":"planttheidea/crio: Immutable objects and arrays in a natural way","url":"https://github.com/planttheidea/crio","content":"ArrayとObjectのImmutable版を提供するライブラリ。\nMutableとして操作したい場合は、ネイティブのもので操作してラップするか、`.mutable(array => {})`を利用できる。","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2016-06-29T16:55:45.740Z","title":"leebyron/iterall: Minimal zero-dependency utilities for using Iterables in all JavaScript environments.","url":"https://github.com/leebyron/iterall","content":"ArrayやArray-likeなどをiterableとして扱う`forEach`の処理を書くためのライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2016-06-29T23:41:24.133Z","title":"juliangarnier/anime: Javascript Animation Engine","url":"https://github.com/juliangarnier/anime","content":"CSSアニメーション管理ライブラリ","tags":["JavaScript","CSS","animation","library"],"relatedLinks":[]},{"date":"2016-06-30T05:28:09.258Z","title":"Release v4.0.0 · d3/d3","url":"https://github.com/d3/d3/releases/tag/v4.0.0","content":"D3.js 4.0.0リリース。\n`d3-scale`や`d3-time`のようにそれぞれの機能がモジュールに分割され、npmパッケージとして個別にインストールできる。\n合わせて機能追加や修正が行われている","tags":["JavaScript","SVG","library"],"relatedLinks":[{"title":"d3/CHANGES.md at master · d3/d3","url":"https://github.com/d3/d3/blob/master/CHANGES.md"}]},{"date":"2016-06-30T07:48:23.129Z","title":"ECMAScript as a Living Standard","url":"http://azu.github.io/slide/2016/node-es/ecmascript.html","content":"ECMAScript仕様策定のプロセスを理解することで、ECMAScriptに関する情報を見る方法がわかるという話。\nES2015は毎年リリースに向けてのベースとなるような仕様であるため、これから足りない部分については議論が進んで行く","tags":["ECMAScript","slide","JavaScript","browser"],"relatedLinks":[{"title":"Node学園 21時限目でECMAScript as a Living Standardという発表をした | Web Scratch","url":"http://efcl.info/2016/06/29/node-ecmascript/"}]},{"date":"2016-07-02T04:33:28.450Z","title":"ESLint v3.0.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2016/07/eslint-v3.0.0-released","content":"ESLint 3.0.0リリース。\n`eslint:recommended`のアップデート、設定ファイル/設定が指定されてない場合は警告がでるように、Node.js 0.12のサポート終了など","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"ESLint v3.0.0 - Qiita","url":"http://qiita.com/mysticatea/items/9c8a8b1219d5f94441e8"}]},{"date":"2016-07-02T05:22:25.152Z","title":"Servo Nightly Builds Available","url":"https://blog.servo.org/2016/06/30/servo-nightlies/","content":"Mozillaの開発するレンダリングエンジンのServoのDeveloper Preview版が公開された","tags":["browser","Mozilla"],"relatedLinks":[]},{"date":"2016-07-02T08:21:37.425Z","title":"Modular JS: Practical ES6 - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920047124.do","content":"2016年8月発売\nES6についての書籍","tags":["JavaScript","ECMAScript","book"],"relatedLinks":[]},{"date":"2016-07-03T02:40:57.456Z","title":"Release 2.0.0 · sweet-js/sweet.js","url":"https://github.com/sweet-js/sweet.js/releases/tag/v2.0.0","content":"JavaScriptでマクロを扱うsweet.js 2.0.0リリース。\ncontext APIが変更された","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2016-07-03T09:09:17.357Z","title":"Release v15.2.0 · facebook/react","url":"https://github.com/facebook/react/releases/tag/v15.2.0","content":"React 15.2.0リリース。\nエラーコードが追加されURLから詳細が見られるように、warningメッセージにコンポーネントスタック情報を追加、`React.PropTypes.symbol`の追加など","tags":["React","ReleaseNote"],"relatedLinks":[]},{"date":"2016-07-04T00:08:42.932Z","title":"How to Upgrade a Node Module The Right Way - Jama Software","url":"http://www.jamasoftware.com/blog/upgrade-node-module-right-way/","content":"依存モジュールの非互換性なアップデートをどうやってアップグレードしていくかについて。react-routerを例に紹介してる。\nwebpackのaliasを使ってFeature Flagを作り、フラグ切り替えで新旧の実装を並べて書いていく。\n","tags":["JavaScript","npm","webpack"],"relatedLinks":[]},{"date":"2016-07-04T00:12:46.243Z","title":"holyjs/holyjs: HolyJS - NodeJS Server Project Starter","url":"https://github.com/holyjs/holyjs","content":"Node.jsでサーバサイドのプロジェクトテンプレート","tags":["node.js","server","template"],"relatedLinks":[]},{"date":"2016-07-04T00:15:57.946Z","title":"caiogondim/fast-memoize.js: Fastest possible memoization library","url":"https://github.com/caiogondim/fast-memoize.js","content":"メモ化ライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2016-07-04T08:37:32.947Z","title":"Release Cycle Diversity · cyclejs/core","url":"https://github.com/cyclejs/core/releases/tag/v7.0.0","content":"Cycle.js 7.0.0リリース。\nRxJS、most.js、xstreamを選んで使えるように、TypeScriptで書き直し、vDOMとしてsnabbdomを使うようになるなど","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"snabbdom","url":"https://github.com/paldepind/snabbdom/"}]},{"date":"2016-07-04T08:41:27.521Z","title":"gcanti/babel-plugin-tcomb: Babel plugin for static and runtime type checking using Flow and tcomb","url":"https://github.com/gcanti/babel-plugin-tcomb","content":"FlowTypeの型をtcombを使いランタイムassertに変換するBabelプラグイン","tags":["flowtype","babel","JavaScript"],"relatedLinks":[]},{"date":"2016-07-04T09:37:54.066Z","title":"planttheidea/vidz: A zero-dependency, framework-agnostic video implementation","url":"https://github.com/planttheidea/vidz","content":"Video要素でのロードやイベントハンドリングなどを扱うライブラリ","tags":["JavaScript","video","library"],"relatedLinks":[]},{"date":"2016-07-04T11:35:50.527Z","title":"ejs - Readable JavaScript Errors","url":"https://i-break-codes.github.io/ejs/","content":"`window.onerror`でJavaScriptのエラーを整形してコンソールに表示してくれるライブラリ","tags":["JavaScript","library","debug"],"relatedLinks":[]},{"date":"2016-07-05T14:40:09.905Z","title":"BlinkOn 6 - Munich, Germany - YouTube","url":"https://www.youtube.com/watch?v=iCSAUHpPbiU","content":"BlinkOn 6の動画一覧","tags":["V8","Chrome","video"],"relatedLinks":[{"title":"BlinkOn6 One Pager - Google ドキュメント","url":"https://docs.google.com/document/d/1eYSF1eUAJefn2mRyY6saUzQc4JWQE3tZZhwgLjohvDY/preview"}]},{"date":"2016-07-06T05:22:43.638Z","title":"Practical… by Daniel Schmitz et al. [Leanpub PDF/iPad/Kindle]","url":"https://leanpub.com/vue","content":"Vue.jsについて書籍","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2016-07-06T23:42:51.592Z","title":"Node v6.3.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v6.3.0/","content":"Node v6.3.0リリース。\n`buffer.swap64()`の追加、shared libraryとしてNode.jsを使えるようにビルドオプションの追加、`setImmediate()`のパフォーマンス改善、V8 inspectorを実験的にサポートしChromeの開発者ツールでデバッグできるようになるなど","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"Debugging Node.js Nightlies with Chrome DevTools — Medium","url":"https://medium.com/@paul_irish/debugging-node-js-nightlies-with-chrome-devtools-7c4a1b95ae27"}]},{"date":"2016-07-07T13:46:09.485Z","title":"Release Notes for Safari Technology Preview Release 8 | WebKit","url":"https://webkit.org/blog/6744/release-notes-for-safari-technology-preview-release-8/","content":"Safari Technology Preview Release 8リリース。\nES6の実装完了、Apple Payのコードをリポジトリに移動、`:focus-within`のサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2016-07-08T04:41:38.856Z","title":"declandewet/common-tags: Useful template literal tags for dealing with strings in ES2015+","url":"https://github.com/declandewet/common-tags","content":"Tagged Templateとして使える関数ライブラリ","tags":["ECMAScript","library"],"relatedLinks":[]},{"date":"2016-07-08T04:45:12.202Z","title":"Accessible SVGs | CSS-Tricks","url":"https://css-tricks.com/accessible-svgs/","content":"AccessibleなSVGの作り方について","tags":["SVG","accessibility","WAI-ARIA"],"relatedLinks":[]},{"date":"2016-07-08T04:48:10.678Z","title":"jQuery 3.1.0 Released – No More Silent Errors | Official jQuery Blog","url":"http://blog.jquery.com/2016/07/07/jquery-3-1-0-released-no-more-silent-errors/","content":"jQuery 3.1.0リリース。\n`jQuery.readyException`で`ready`時に起きたエラーのログを取れるように","tags":["jQuery","ReleaseNote"],"relatedLinks":[{"title":"Bugsnag Blog - A Warning About jQuery 3","url":"http://blog.bugsnag.com/a-warning-about-jquery-3"}]},{"date":"2016-07-08T05:02:26.604Z","title":"Teach Access Portal","url":"https://teachaccess.github.io/tutorial/","content":"WAI-ARIAなどのaccessibleなHTMLの書き方のチュートリアル。\n実際に書きながら試す事ができる","tags":["accessibility","WAI-ARIA","tutorial"],"relatedLinks":[]},{"date":"2016-07-09T04:01:19.846Z","title":"angular/CHANGELOG.md at 2.0.0-rc.4 · angular/angular","url":"https://github.com/angular/angular/blob/2.0.0-rc.4/CHANGELOG.md","content":"Angular 2 RC4リリース。\nテスト周りの構造が大きく変化し、JasmineではなくMochaでもテストを実行できるようになるなど","tags":["Angular","ReleaseNote"],"relatedLinks":[{"title":"Angular 2 RC.4の変更点 | Angular2 Info","url":"http://ng2-info.github.io/2016/07/08/angular-2-rc-4/"},{"title":"Cannot use Mocha to write angular2 tests · Issue #5395 · angular/angular","url":"https://github.com/angular/angular/issues/5395"}]},{"date":"2016-07-09T06:01:55.891Z","title":"JavaScript Functions… by Amin Meyghani [PDF/iPad/Kindle]","url":"https://leanpub.com/javascript-closure","content":"JavaScriptの関数やクロージャー、prototypeなどについて扱う書籍。\n$0から購入できる","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2016-07-09T06:42:24.214Z","title":"paulirish/devtools-timeline-model: Parse raw trace data into the Chrome DevTools' structured profiling data models","url":"https://github.com/paulirish/devtools-timeline-model","content":"Chrome開発者ツールのTimelineデータの処理ライブラリ","tags":["Chrome","library","performance"],"relatedLinks":[]},{"date":"2016-07-09T07:52:04.041Z","title":"boopathi/babel-minify: Some babel plugins and tools to minify ES6+ code","url":"https://github.com/boopathi/babel-minify","content":"Babelでminifyをするプラグインのpreset。\n使ってないコードの削除、インライン化、mangleなどを行う","tags":["babel","library"],"relatedLinks":[]},{"date":"2016-07-09T12:29:28.205Z","title":"Backbone.jsにReduxを導入してみる - Qiita","url":"http://qiita.com/takeshy/items/2bca340ffa157841a482","content":"Backbone.jsのみで管理していたStateをReduxを使い管理するようにしてみた話。\nredux-devtools-extensionを使ってStateの変化を確認する方法について","tags":["backbone.js","redux"],"relatedLinks":[{"title":"Mihail Diordiev - Debugging flux applications in production at react-europe 2016 - YouTube","url":"https://www.youtube.com/watch?v=cbXLohVbzNI"},{"title":"redux-devtools-extension","url":"https://github.com/zalmoxisus/redux-devtools-extension"}]},{"date":"2016-07-10T06:51:59.620Z","title":"filipelinhares/ress: A modern CSS reset","url":"https://github.com/filipelinhares/ress","content":"normalize.cssにいくつかデフォルト値やresetを追加したもの","tags":["CSS","library"],"relatedLinks":[]},{"date":"2016-07-10T07:19:37.898Z","title":"Web Animations APIの基本的な使い方・まとめ","url":"http://www.h2.dion.ne.jp/~defghi/webanim/webanim.htm","content":"Web Animations APIについての解説サイト。\n実際に動かしながらアニメーションの作成方法について学ぶことができる","tags":["animation","API","JavaScript"],"relatedLinks":[]},{"date":"2016-07-10T13:17:38.855Z","title":"metagrover/ES6-for-humans: A kickstarter guide to writing ES6.","url":"https://github.com/metagrover/ES6-for-humans","content":"ES6で増えた構文や機能の簡単な紹介","tags":["JavaScript","tutorial"],"relatedLinks":[]},{"date":"2016-07-10T14:21:21.384Z","title":"How well do you know CSS display?","url":"https://www.chenhuijing.com/blog/how-well-do-you-know-display/","content":"CSSのdisplayプロパティに指定できる値とそれぞれの挙動についての解説","tags":["CSS"],"relatedLinks":[]},{"date":"2016-07-11T08:08:13.305Z","title":"thejameskyle/assert-equal-jsx: assertEqualJSX","url":"https://github.com/thejameskyle/assert-equal-jsx","content":"JSXのタグ同士の比較を行うassertionライブラリ","tags":["jsx","testing","library"],"relatedLinks":[]},{"date":"2016-07-11T23:01:27.879Z","title":"Announcing TypeScript 2.0 Beta | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2016/07/11/announcing-typescript-2-0-beta/","content":"TypeScript 2.0βリリース。\nNon-nullable Type、module定義に`*`などが使えるように。\n`never` typeの追加、tsconfigでglobサポート、built-inの型定義ファイルを`--lib`で指定できるように、`--skipLibCheck`の追加など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"What&#39;s new in TypeScript · Microsoft/TypeScript Wiki","url":"https://github.com/Microsoft/TypeScript/wiki/What%27s-new-in-TypeScript#typescript-20"},{"title":"TypeScript 2.0 Beta 変更点 - Qiita","url":"http://qiita.com/vvakame/items/ae239f3d6f6f08f7c719"}]},{"date":"2016-07-13T12:50:53.063Z","title":"protractor/CHANGELOG.md at 4.0.0 · angular/protractor","url":"https://github.com/angular/protractor/blob/4.0.0/CHANGELOG.md","content":"Protractor 4.0.0リリース。\n`webdriver-manager`が個別のnpmモジュールとしてインストール可能に、TypeScriptの型定義ファイルを追加など","tags":["JavaScript","TypeScript","testing","library"],"relatedLinks":[{"title":"webdriver-manager","url":"https://www.npmjs.com/package/webdriver-manager"}]},{"date":"2016-07-13T14:57:50.547Z","title":"4 Types of Memory Leaks in JavaScript and How to Get Rid Of Them","url":"https://auth0.com/blog/2016/01/26/four-types-of-leaks-in-your-javascript-code-and-how-to-get-rid-of-them/","content":"JavaScriptでよくあるメモリリークのパターンについて。\nChrome開発者ツールを使ってメモリリークを見つける方法について","tags":["JavaScript","debug"],"relatedLinks":[]},{"date":"2016-07-14T17:02:48.015Z","title":"async/CHANGELOG.md at v2.0.0 · caolan/async","url":"https://github.com/caolan/async/blob/v2.0.0/CHANGELOG.md","content":"async 2.0.0リリース。\nES2015版の`async-es`の提供、`race`などの機能追加。\n破壊的な変更として`waterfall`の挙動変更、`filter`や`reject`などのコールバック関数が受け取る引数を変更など","tags":["JavaScript","library"],"relatedLinks":[{"title":"Async v2.0.0 リリース - Qiita","url":"http://qiita.com/suguru03/items/b73ab97482d5394b8f43"}]},{"date":"2016-07-15T03:36:22.115Z","title":"Release Zepto.js 1.2.0 · madrobby/zepto","url":"https://github.com/madrobby/zepto/releases/tag/v1.2.0","content":"Zepto.js 1.2.0リリース。\n`__proto__`をコードベースから削除、`$.noop`や`$.isNumeric()`の追加ｎado","tags":["JavaScript","jQuery","library","ReleaseNote"],"relatedLinks":[]},{"date":"2016-07-15T05:04:51.427Z","title":"enzyme+mocha+power-assertでReactコンポーネントのフルレンダリングテスト - wadackel.me","url":"https://blog.wadackel.me/2016/react-enzyme-mocha-power-assert/","content":"Reactコンポーネントをjsdomとenzymeでテストする話","tags":["JavaScript","DOM","testing"],"relatedLinks":[]},{"date":"2016-07-15T05:15:02.060Z","title":"ianstormtaylor/slate: A completely customizable framework for building rich text editors in the browser.","url":"https://github.com/ianstormtaylor/slate","content":"リッチエディタを実装できるReact Component。\nロジックはプラグインとして実装できるためカスタマイズしやすい作り。","tags":["JavaScript","React","library","editor"],"relatedLinks":[]},{"date":"2016-07-15T06:43:54.314Z","title":"carteb/carte-blanche: An isolated development space with integrated fuzz testing for your components. See them individually, explore them in different states and quickly and confidently develop them.","url":"https://github.com/carteb/carte-blanche","content":"React Componentのチェックができるツール。\nランダム/任意のデータを入れて描画結果がどうなるかを確認できる。\nスタイルガイド的なツール","tags":["React","Tools"],"relatedLinks":[]},{"date":"2016-07-16T05:39:23.690Z","title":"Node.js における Promise を使った例外処理 - from scratch","url":"http://yosuke-furukawa.hatenablog.com/entry/2016/07/12/103734","content":"Node.jsのuncaughtExceptionとPromiseを使った場合のunhandledRejectionについて。\nそれぞれの違いや動作について","tags":["node.js","Promises"],"relatedLinks":[]},{"date":"2016-07-17T02:25:18.230Z","title":"ESLint v3.1.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2016/07/eslint-v3.1.0-released","content":"ESLint 3.1.0リリース。\nルールがエラーの開始位置のみしかレポートできなかったのが、範囲指定してエラーレポートできるようになるなど","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"ESLint v3.1.0 - Qiita","url":"http://qiita.com/mysticatea/items/723a467a4eb47e4913e2"}]},{"date":"2016-07-18T06:23:25.112Z","title":"sindresorhus/conf: Simple config handling for your app or module","url":"https://github.com/sindresorhus/conf","content":"Node.jsでシンプルな設定保存ライブラリ。","tags":["node.js","library"],"relatedLinks":[]},{"date":"2016-07-18T09:44:05.898Z","title":"The Lumpy Web - Tales of a Developer Advocate","url":"https://paul.kinlan.me/the-lumpy-web/","content":"Webとブラウザにおける問題は大きく分けて3つに分類できる。\nブラウザ毎の実装違い(実装のバージョン違い)、仕様と実装の齟齬、実装優先度の問題。\nこれらの問題に対してどこを参照すれば、どのカテゴリの問題であるかを把握できるかについて書かれてる","tags":["web ","WebPlatformAPI","spec","browser"],"relatedLinks":[]},{"date":"2016-07-18T12:13:51.481Z","title":"ECMAScript Version Detector","url":"https://azu.github.io/ecmascript-version-detector/","content":"JavaScriptのコードを入力すると、そのコードの構文のECMAScript versionを出してくれるツールとライブラリ。\n書いてるコードがProposal段階なのかを判定できる","tags":["ECMAScript","JavaScript","Tools"],"relatedLinks":[]},{"date":"2016-07-18T12:15:33.335Z","title":"What’s inside jQuery 3.0 | jQuery 3.0 new features","url":"https://codebrahma.com/whats-new-jquery-3-0/","content":"jQuery 3の細かな変更について。\nstrict mode、for of、`requestAnimationFrame()`、エスケープの仕組み、jqXHR、`.show()`/`hide()`の改善、`.width()`/`.height()`が整数値ではなくなるなど","tags":["jQuery"],"relatedLinks":[]},{"date":"2016-07-18T13:26:27.326Z","title":"Deque Launches aXe 2.0","url":"http://www.deque.com/blog/introducing-axe-2-0/","content":"ウェブサイトのAccessibilityテストエンジンであるaXe 2.0リリース","tags":["accessibility","testing","browser","ReleaseNote"],"relatedLinks":[{"title":"dequelabs/axe-core: Accessibility engine for automated Web UI testing","url":"https://github.com/dequelabs/axe-core"}]},{"date":"2016-07-18T13:34:06.054Z","title":"zingchart/zingtouch: A JavaScript touch gesture detection library for the modern web","url":"https://github.com/zingchart/zingtouch","content":"TouchとGestureの管理ライブラリ。\n`ZingTouch.Region(element)`で領域を作成し、その領域に対してイベントを設定できる","tags":["JavaScript","mobile","library"],"relatedLinks":[]},{"date":"2016-07-18T15:12:40.129Z","title":"Redux Middleware Wars (Japanese) // Speaker Deck","url":"https://speakerdeck.com/shuhei/redux-middleware-wars-japanese","content":"Reduxで非同期処理を扱うMiddlewareについてのスライド。\nredux-thunk、redux-promise、redux-saga、redux-loop、redux-observableの比較","tags":["redux","slide"],"relatedLinks":[]},{"date":"2016-07-19T00:27:10.605Z","title":"JavaScript variables hoisting in details","url":"https://rainsoft.io/javascript-hoisting-in-details/","content":"`var`のhoisting(巻き上げ)についての解説。\nまた`let`や`const`、`class`とTDZについて","tags":["JavaScript"],"relatedLinks":[]},{"date":"2016-07-19T00:38:29.938Z","title":"Mixins Considered Harmful | React","url":"https://facebook.github.io/react/blog/2016/07/13/mixins-considered-harmful.html","content":"ReactのMixinでやっていることは、higher-order componentsやutilを使うなど別の方法で解決できるという話","tags":["React"],"relatedLinks":[]},{"date":"2016-07-19T23:10:47.482Z","title":"V8 JavaScript Engine: V8 Release 5.3","url":"http://v8project.blogspot.com/2016/07/v8-release-53.html","content":"V8 5.3リリース。\nIgnition Interpreterの追加、Promiseのパフォーマンス改善、V8 APIの変更など","tags":["V8","ReleaseNote"],"relatedLinks":[{"title":"Ignition: An Interpreter for V8 [BlinkOn] - Google スライド","url":"https://docs.google.com/presentation/d/1OqjVqRhtwlKeKfvMdX6HaCIu9wpZsrzqpIVIwQSuiXQ/edit#slide=id.ge4ef702cb_2_20"}]},{"date":"2016-07-19T23:11:47.482Z","title":"nodeca/pica: Resize image in browser with high quality and high speed","url":"https://github.com/nodeca/pica","content":"TypedArray、WebWorker、WebGLを使った画像リサイズライブラリ。","tags":["JavaScript","画像","library"],"relatedLinks":[]},{"date":"2016-07-20T06:33:56.254Z","title":"Tackling State — angular2","url":"http://victorsavkin.com/post/147646548801/managing-state-in-angular-2-applications","content":"AngularJS 2とRxJSでのstate管理について。\n\nImmutable State、ActionによってStateは変更される。\nApplicationはObservableを受け取りObservableを返す、ApplicationとViewは分離される。\nこれらのコンセプトをどのように実現するかについてかかれている。","tags":["redux","JavaScript","Angular"],"relatedLinks":[]},{"date":"2016-07-20T13:09:24.218Z","title":"The Service Worker Lifecycle","url":"https://bitsofco.de/the-service-worker-lifecycle/","content":"ServiceWorkerのライフサイクルについて","tags":["ServiceWorker"],"relatedLinks":[]},{"date":"2016-07-21T13:09:07.450Z","title":"Qt WebBrowser 1.0 - Qt Blog","url":"http://blog.qt.io/blog/2016/07/18/qt-webbrowser-1-0/","content":"Qt WebBrowser 1.0リリース。\nQt WebEngine(Chromium)を使ったブラウザ。","tags":["browser"],"relatedLinks":[]},{"date":"2016-07-21T13:26:31.912Z","title":"Vox Product Accessibility Guidelines","url":"http://accessibility.voxmedia.com/","content":"Vox Mediaのアクセシビリティガイドライン。\n職種ごとにチェックリストが書かれている","tags":["accessibility"],"relatedLinks":[]},{"date":"2016-07-21T13:34:23.284Z","title":"React.js in patterns","url":"http://krasimirtsonev.com/blog/article/react-js-in-design-patterns","content":"React Componentのパターン。\nコンポーネントの入れ子や`this.props.children`、propsのやり取り、コンポーネント間のstate管理、DIについてなど","tags":["React"],"relatedLinks":[]},{"date":"2016-07-21T13:42:37.738Z","title":"diegomura/react-log: React for the Console","url":"https://github.com/diegomura/react-log","content":"console.logへの出力をJSXで書くことができるReact Component","tags":["React","library"],"relatedLinks":[]},{"date":"2016-07-21T13:44:40.563Z","title":"Release Notes for Safari Technology Preview Release 9 | WebKit","url":"https://webkit.org/blog/6800/release-notes-for-safari-technology-preview-release-9/","content":"Safari Technology Preview 9リリース。","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2016-07-21T22:54:42.487Z","title":"Download Blisk - a browser for web developers","url":"https://blisk.io/","content":"開発者向けの機能を持ったChromeベースのブラウザ。\nモバイル向けの機能、自動更新、パフォーマンス やエラーの可視化など","tags":["browser","Chrome","debug"],"relatedLinks":[]},{"date":"2016-07-22T13:32:35.798Z","title":"stefanjudis/forrest: An npm scripts desktop client","url":"https://github.com/stefanjudis/forrest","content":"npm run-scriptのGUIクライアント","tags":["npm","software"],"relatedLinks":[]},{"date":"2016-07-23T14:52:19.579Z","title":"Dojo Recap – June, 2016 | The Dojo Toolkit Blog","url":"http://dojotoolkit.org/blog/dojo-recap-june-2016","content":"Dojo 1.11.2リリース。\nまたDojo 2の進捗について","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2016-07-23T17:48:50.820Z","title":"Create Apps with No Configuration | React","url":"https://facebook.github.io/react/blog/2016/07/22/create-apps-with-no-configuration.html","content":"設定なしでReactアプリを書き始められるツール。\n`npm start`でサーバを立てて、`npm run build`でビルドできる。\n`npm run eject`でロックインから外れる事ができる。","tags":["React","Tools","console"],"relatedLinks":[{"title":"facebookincubator/create-react-app: Create React apps with no build configuration.","url":"https://github.com/facebookincubator/create-react-app"}]},{"date":"2016-07-24T03:00:35.500Z","title":"Manning | Web Performance in Action","url":"https://www.manning.com/books/web-performance-in-action","content":"2017年 春発売。\nウェブパフォーマンスについての書籍。\nブラウザでのレンダリング、HTTP/2などについて","tags":["web ","performance","book"],"relatedLinks":[]},{"date":"2016-07-24T14:40:23.423Z","title":"6 compelling use cases for ES6 proxies","url":"http://devbryce.com/use-cases-for-es6-proxies/","content":"Proxy APIのユースケースについて。\nバリデーション、private、ログ、変更禁止、`Proxy.revocable`について","tags":["proxy","JavaScript","ECMAScript"],"relatedLinks":[]},{"date":"2016-07-24T14:42:10.618Z","title":"Object Model","url":"http://objectmodel.js.org/","content":"プロパティの型定義したモデルクラスを作れるライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2016-07-25T00:03:06.723Z","title":"Release 2.0.1 · jquery/qunit","url":"https://github.com/jquery/qunit/releases/tag/2.0.1","content":"QUnit 2.0.1リリース。\nSymbolのダンプができるように","tags":["JavaScript","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2016-07-25T15:37:47.436Z","title":"Why object literals in JavaScript are cool","url":"https://rainsoft.io/why-object-literals-in-javascript-are-cool/","content":"JavaScriptのオブジェクトリテラルについて。\nプロパティの定義やES2015のshorthandやcomputed property nameについて","tags":["JavaScript"],"relatedLinks":[]},{"date":"2016-07-25T15:57:00.111Z","title":"The Most In-Depth Yet Understandable ES6 Destructuring Tutorial (complete with Assembled Avengers) | Untangled","url":"http://untangled.io/in-depth-es6-destructuring-with-assembled-avengers/","content":"ES2015のDestructuringの挙動についての記事。\n大量のサンプルと共に複雑なパターンのDestructuringについてを解説してる。\nまたDestructuringを応用した使い方についてなど","tags":["JavaScript","ECMAScript"],"relatedLinks":[{"title":"Advanced ES6 Destructuring Techniques | Untangled","url":"http://untangled.io/advanced-es6-destructuring-techniques/"}]},{"date":"2016-07-25T23:05:32.503Z","title":"Debugging the Production Web — Medium","url":"https://medium.com/@jrullmann/debugging-the-production-web-d36373b9440","content":"本番のウェブアプリケーションのログについて。\nブラウザからどのようなログをどのように集めるか、手順をどのように再現するか、DevToolsについて","tags":["JavaScript","debug"],"relatedLinks":[]},{"date":"2016-07-26T02:22:28.356Z","title":"Ember.js - Ember.js 2.7 and 2.8 Beta Released","url":"http://emberjs.com/blog/2016/07/25/ember-2-7-and-2-8-beta-released.html","content":"Ember.js 2.7と2.8 Betaリリース。\nEmber 2.8では`Ember.Engine`、`Array#includes`のpolyfill、`Ember.String.isHTMLSafe`などが追加される","tags":["JavaScript","ReleaseNote","library"],"relatedLinks":[]},{"date":"2016-07-27T05:35:58.657Z","title":"Front-End Web Development: The Big Nerd Ranch Guide: Chris Aquino, Todd Gandee: 9780134433943: Amazon.com: Books","url":"https://www.amazon.com/Front-End-Web-Development-Ranch-Guide/dp/0134433947","content":"2016年8月11日発売\nEmber.jsを使ったウェブアプリについての書籍","tags":["JavaScript","CSS","book"],"relatedLinks":[]},{"date":"2016-07-27T12:42:04.383Z","title":"Jest 14.0: React Tree Snapshot Testing · Jest","url":"http://facebook.github.io/jest/blog/2016/07/27/jest-14.html","content":"Jest 14.0リリース。\nReact Componentのsnapshot testing、React Nativeサポートなど","tags":["React","testing","library"],"relatedLinks":[]},{"date":"2016-07-27T23:31:56.871Z","title":"Release v6.12.0 · babel/babel","url":"https://github.com/babel/babel/releases/tag/v6.12.0","content":"Babel v6.12.0リリース。\n`babel-plugin-transform-runtime`に`helpers: false`を追加。\n` babel-plugin-transform-es2015-modules-umd `に`exactGlobals`オプションを追加など","tags":["babel","ReleaseNote"],"relatedLinks":[]},{"date":"2016-07-28T00:44:07.901Z","title":"rkendall/reffix: The Reference Fixer for analyzing and fixing broken path references in files.","url":"https://github.com/rkendall/reffix","content":"JavaScriptのrequireやimportのパス、HTMLのimgやscriptのパスのチェックと修正ができるツール","tags":["JavaScript","Tools"],"relatedLinks":[]},{"date":"2016-07-28T07:58:31.971Z","title":"mgol/check-dependencies: Checks if currently installed npm dependencies are installed in the exact same versions that are specified in package.json","url":"https://github.com/mgol/check-dependencies","content":"npmでインストールしているバージョンとpacakge.jsonのバージョンが同一なのかをチェックできるライブラリとCLI","tags":["npm","library","console","Tools"],"relatedLinks":[]},{"date":"2016-07-28T13:57:35.753Z","title":"Vue.js @ Laracon - Google スライド","url":"https://docs.google.com/presentation/d/16MpK3I2LZz47QdLg3uMNkCC3PqmM0znXF3-FdCEpics/mobilepresent#slide=id.p","content":"Vue.js 2.0のコンセプトについてのスライド","tags":["JavaScript","library","slide"],"relatedLinks":[]},{"date":"2016-07-28T13:58:47.949Z","title":"CSS: will-change指定時の挙動, パフォーマンスへの影響と考察 - Qiita","url":"http://qiita.com/damele0n/items/71352757d0e6fdf5b184","content":"CSSの`will-change`の効果の検証とブラウザの実装(ソースコード)について。\n指定した値毎の挙動についてなど","tags":["CSS","browser","performance"],"relatedLinks":[]},{"date":"2016-07-28T16:51:06.077Z","title":"Aurelia 1.0 is Here!!!","url":"http://blog.durandal.io/2016/07/27/aurelia-1-0-is-here/","content":"Aurelia 1.0リリース","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2016-07-30T03:42:33.935Z","title":"ECMAScript proposal updates @ 2016-07 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/2016/07/30/last-minutes-proposals-changes","content":"2016年7月のミーティングのProposal statusの変化まとめ。\nAsync/Awaitとtrailing function commasがstage 4になった","tags":["ECMAScript","proposal"],"relatedLinks":[]},{"date":"2016-07-30T04:36:59.031Z","title":"Release v15.3.0 · facebook/react","url":"https://github.com/facebook/react/releases/tag/v15.3.0","content":"React 15.3.0リリース。\n`React.PureComponent`の追加、propTypesのバリデーション改善、テスト向けの`react-test-renderer`を公開など","tags":["React","ReleaseNote"],"relatedLinks":[]},{"date":"2016-07-30T08:26:14.165Z","title":"ESLint v3.2.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2016/07/eslint-v3.2.0-released","content":"ESLint v3.2.0リリース。\n`no-tab`ルールの追加など","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"ESLint v3.2.0 - Qiita","url":"http://qiita.com/mysticatea/items/706f4bb024d7ceb78f1d"}]},{"date":"2016-07-30T12:05:03.583Z","title":"React v0.14.x から v15.2.x へのアップデート録 ::ハブろぐ","url":"https://havelog.ayumusato.com/develop/javascript/e717-react_v15_upgrade.html","content":"React 0.14.xから15.2へのアップデートした際に出る警告と対処法について","tags":["React"],"relatedLinks":[]},{"date":"2016-07-30T15:17:52.361Z","title":"JavaScript Systems Music","url":"http://teropa.info/blog/2016/07/28/javascript-systems-music.html","content":"JavaScriptでSystems Music","tags":["JavaScript","music"],"relatedLinks":[{"title":"Systems music - Wikipedia, the free encyclopedia","url":"https://en.wikipedia.org/wiki/Systems_music"}]},{"date":"2016-07-30T23:37:28.391Z","title":"CodeceptJS","url":"http://codecept.io/","content":"PHPのCodeceptionインスパイアなJavaScriptテストフレームワーク。\nシナリオテストのハイレベルAPIで、Protractorなど他のtest runnerの中でも動かせる。","tags":["php","JavaScript","testing","library"],"relatedLinks":[{"title":"Codeception","url":"http://codeception.com/"}]},{"date":"2016-07-31T11:31:24.809Z","title":"Async Redux Module 1 // Speaker Deck","url":"https://speakerdeck.com/freddyrangel/async-redux-module-1","content":"Reduxでの非同期についてのスライド集。\nそもそも動きから、middleware、thunk、sagaについて","tags":["redux","slide"],"relatedLinks":[{"title":"Async Redux Module 2 // Speaker Deck","url":"https://speakerdeck.com/freddyrangel/async-redux-module-2"},{"title":"Async Redux Module 3 // Speaker Deck","url":"https://speakerdeck.com/freddyrangel/async-redux-module-3"},{"title":"Async Redux Module 4 // Speaker Deck","url":"https://speakerdeck.com/freddyrangel/async-redux-module-4"},{"title":"Async Redux Module 5 // Speaker Deck","url":"https://speakerdeck.com/freddyrangel/async-redux-module-5"}]},{"date":"2016-07-31T13:05:40.460Z","title":"Modern Javascript | AngularClass","url":"http://courses.angularclass.com/courses/modern-javascript","content":"JavaScriptについての動画講座。\nES5の復習からES6の新しい機能、TypeScript、npm、webpackについて","tags":["JavaScript","video"],"relatedLinks":[]},{"date":"2016-08-01T00:04:04.191Z","title":"Taming requestAnimationFrame and requestIdleCallback","url":"https://www.webreflection.co.uk/blog/2016/07/31/taming-raf-and-rick","content":"requestAnimationFrame/requestIdleCallbackなどのスケジューリングを行うライブラリについて","tags":["JavaScript","library"],"relatedLinks":[{"title":"WebReflection/sob: Schedule on Browser","url":"https://github.com/WebReflection/sob"}]},{"date":"2016-08-01T07:49:38.878Z","title":"はじめに | 目次","url":"http://vuex.vuejs.org/ja/","content":"Vuexについてのドキュメント訳","tags":["JavaScript","library","document","translate"],"relatedLinks":[]},{"date":"2016-08-01T12:30:58.945Z","title":"mocha/CHANGELOG.md at master · mochajs/mocha","url":"https://github.com/mochajs/mocha/blob/master/CHANGELOG.md#300--2016-07-31","content":"Mocha 3.0.0リリース。 非同期テスト時に`done()`の実装とPromiseを返すとエラーになる、`--grep`で正規表現リテラル的な文字列が指定可能に、`describe.only`の動作を改善など","tags":["JavaScript","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2016-08-01T12:43:32.495Z","title":"A Comprehensive Guide to Font Loading Strategies—zachleat.com","url":"https://www.zachleat.com/web/comprehensive-webfonts/","content":"Font Loadingの手法やそれぞれの良いところ、良くないところについてのまとめ","tags":["CSS","fonts"],"relatedLinks":[]},{"date":"2016-08-01T13:05:05.152Z","title":"A step-by-step TDD approach on testing React components using Enzyme","url":"http://thereignn.ghost.io/a-step-by-step-tdd-approach-on-testing-react-components-using-enzyme/","content":"Enzymeを使ったReact ComponentのTDDについて。\nReact Componentをテスト駆動で開発するチュートリアル","tags":["React","jsx","testing"],"relatedLinks":[]},{"date":"2016-08-02T12:34:35.375Z","title":"Test-Driving JavaScript Applications - O'Reilly Media","url":"http://shop.oreilly.com/product/9781680501742.do","content":"TDDについてのJavaScript本","tags":["JavaScript","testing","book"],"relatedLinks":[]},{"date":"2016-08-02T12:35:46.145Z","title":"Understanding ECMAScript 6 - O'Reilly Media","url":"http://shop.oreilly.com/product/9781593277574.do","content":"ES6について解説している書籍。\nUnderstanding ECMAScript 6 の書籍版","tags":["JavaScript","ECMAScript","book"],"relatedLinks":[{"title":"Understanding… by Nicholas C. Zakas [Leanpub PDF/iPad/Kindle]","url":"https://leanpub.com/understandinges6"}]},{"date":"2016-08-02T22:59:10.128Z","title":"How to stub promises using Sinon.JS – Temple Coding","url":"https://templecoding.com/blog/2016/02/29/how-to-stub-promises-using-sinonjs/","content":"PromiseのstubをするSinon.jsの拡張ライブラリ","tags":["JavaScript","testing","Promises"],"relatedLinks":[{"title":"substantial/sinon-stub-promise: Synchronous Promise stubbing for Sinon.JS","url":"https://github.com/substantial/sinon-stub-promise"}]},{"date":"2016-08-03T00:10:02.318Z","title":"package.json の browser field 実践編 - Qiita","url":"http://qiita.com/shinout/items/911e024368e2cb29fd3d","content":"package.jsonの\"browser\" fieldの解釈の違いについて。\nBrowserify、webpack、React Native Packagerの比較","tags":["browserify","webpack","npm"],"relatedLinks":[]},{"date":"2016-08-03T03:52:27.885Z","title":"Firefox — Notes (48.0) — Mozilla","url":"https://www.mozilla.org/en-US/firefox/48.0/releasenotes/","content":"Firefox 48.0リリース。\nWebWorkerでWeb Crypto APIが動くように、CSS `calc()`の入れ子をサポート。\n`Element.animate()`がデフォルトで有効に、`insertAdjacentText()`の実装など","tags":["firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 48 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/ja/Firefox/Releases/48"},{"title":"Firefox 48 サイト互換性情報 | Firefox サイト互換性情報","url":"https://www.fxsitecompat.com/ja/versions/48/"}]},{"date":"2016-08-03T23:14:19.297Z","title":"Introducing A11ycasts! -- A11ycasts #01 - YouTube","url":"https://www.youtube.com/watch?v=HtTyRajRuyY","content":"アクセシビリティについての動画シリーズ","tags":["accessibility","video"],"relatedLinks":[{"title":"Chrome Developers on Twitter: &#34;Just launched ~ A11ycasts! A new series dedicated to teaching web accessibility. Tune in every 2 weeks! https://t.co/yZphrjpGPz&#34;","url":"https://twitter.com/ChromiumDev/status/760555781603360768"}]},{"date":"2016-08-04T12:51:07.291Z","title":"Release Notes for Safari Technology Preview Release 10 | WebKit","url":"https://webkit.org/blog/6823/release-notes-for-safari-technology-preview-release-10/","content":"Safari Technology Preview 10リリース。\n`**`のサポート、\"use strict\"の挙動を仕様へ追従、DOMTokenListがiterableに、nullを空文字として扱うように色々なAPIを修正など","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"ECMAScript® 2017 Language Specification","url":"https://tc39.github.io/ecma262/#sec-arrow-function-definitions-static-semantics-early-errors"}]},{"date":"2016-08-04T13:16:20.848Z","title":"project毎のnpmコマンドをいい感じにするnpmrc & config達 - Qiita","url":"http://qiita.com/inuscript/items/86dbfd26abe6905756c0","content":"npmrc(npm-config)の設定について\n\n","tags":["npm","設定"],"relatedLinks":[]},{"date":"2016-08-04T15:32:51.677Z","title":"Animating like you just don’t care with Element.animate ★ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2016/08/animating-like-you-just-dont-care-with-element-animate/","content":"Firefox 48で実装された`Element#animate()` APIについての解説","tags":["firefox","JavaScript","animation"],"relatedLinks":[]},{"date":"2016-08-05T00:00:01.836Z","title":"Introducing EdgeHTML 14 with the Windows 10 Anniversary Update | Microsoft Edge Dev Blog","url":"https://blogs.windows.com/msedgedev/2016/08/04/introducing-edgehtml-14/","content":"Windows 10 Anniversary UpdateのEdgeHTML 14で入った機能のまとめ","tags":["MSEdge"],"relatedLinks":[]},{"date":"2016-08-06T11:51:38.807Z","title":"jvilk/BrowserFS: BrowserFS is an in-browser filesystem that emulates the Node JS filesystem API and supports storing and retrieving files from various backends.","url":"https://github.com/jvilk/BrowserFS","content":"ブラウザ上でfs的なファイルシステムのエミュレートを行うライブラリ。\nmemory、localStorage、Dropboxなど色々なバックエンドを持っている","tags":["JavaScript","browser","library","node.js"],"relatedLinks":[]},{"date":"2016-08-07T13:03:05.729Z","title":"From Mixins to Object Composition","url":"http://raganwald.com/2016/07/20/prefer-composition-to-inheritance.html","content":"mixinではなく、objectのcompositionで機能拡張をする方法について","tags":["JavaScript","設計"],"relatedLinks":[]},{"date":"2016-08-08T10:44:47.764Z","title":"step by stepで始めるwebpack - Qiita","url":"http://qiita.com/howdy39/items/48d85c430f90a21075cd","content":"webpackの導入方法についてステップバイステップなチュートリアル","tags":["webpack","tutorial"],"relatedLinks":[]},{"date":"2016-08-08T10:48:09.423Z","title":"Flow: Mapping an object — Medium","url":"https://medium.com/@thejameskyle/flow-mapping-an-object-373d64c44592","content":"map-objというライブラリを例に、FlowTypeでどのように型定義をしていくかというチュートリアル","tags":["flowtype","JavaScript"],"relatedLinks":[{"title":"sindresorhus/map-obj: Map object keys and values into a new object","url":"https://github.com/sindresorhus/map-obj"}]},{"date":"2016-08-08T10:55:18.483Z","title":"Is Houdini Ready Yet?","url":"https://ishoudinireadyyet.com/","content":"CSS Houdiniのそれぞれの仕様とブラウザの実装状況についてまとめられたサイト","tags":["CSS","browser","まとめ"],"relatedLinks":[{"title":"w3c/css-houdini-drafts: Mirror of https://hg.css-houdini.org/drafts","url":"https://github.com/w3c/css-houdini-drafts"}]},{"date":"2016-08-08T11:15:08.639Z","title":"JavaScript and Functional Programming – Beth Allchurch | Developer","url":"https://bethallchurch.github.io/JavaScript-and-Functional-Programming/","content":"JavaScriptで関数型プログラミングをする場合に気をつけることやパターンについて。","tags":["JavaScript","関数型プログラミング"],"relatedLinks":[]},{"date":"2016-08-08T15:38:14.882Z","title":"stream between nodejs and whatwg // Speaker Deck","url":"https://speakerdeck.com/jxck/stream-between-nodejs-and-whatwg","content":"Node.js StreamとWHATWG Streamの違いについて。\n目的が異なるため、作りも異なるという話","tags":["JavaScript","stream","slide"],"relatedLinks":[]},{"date":"2016-08-08T15:51:46.324Z","title":"jumpsuit/jumpsuit: Jump in. Zip up. Build great apps.","url":"https://github.com/jumpsuit/jumpsuit","content":"View(React)、State管理なライブラリ + CLIなども含んだワンセットなライブラリ","tags":["JavaScript","library","Tools"],"relatedLinks":[]},{"date":"2016-08-09T00:10:00.545Z","title":"Introduction · Almin.js","url":"https://almin.js.org/","content":"Flux/CQRSなライブラリであるAlminの公式サイト。\nGitBookで書かれたドキュメントが置かれてる。","tags":["JavaScript","library","React","document","DDD"],"relatedLinks":[]},{"date":"2016-08-10T10:56:09.198Z","title":"Angular 2 RC5 - NgModules, Lazy Loading and AoT compilation","url":"http://angularjs.blogspot.com/2016/08/angular-2-rc5-ngmodules-lazy-loading.html","content":"Angular 2 RC5リリース。\n`@NgModule`のサポート","tags":["Angular","ReleaseNote"],"relatedLinks":[]},{"date":"2016-08-11T16:17:13.288Z","title":"zalando/tailor: A streaming layout service for front-end microservices","url":"https://github.com/zalando/tailor","content":"layout service libray for front-end","tags":["node.js","HTML"],"relatedLinks":[{"title":"Better streaming layouts for front-end microservices with Tailor - O&#39;Reilly Media","url":"https://www.oreilly.com/ideas/better-streaming-layouts-for-frontend-microservices-with-tailor"}]},{"date":"2016-08-12T02:30:58.566Z","title":"Introducing #EdgeBug: File web platform bugs with a Tweet | Microsoft Edge Dev Blog","url":"https://blogs.windows.com/msedgedev/2016/08/11/edgebug-twitter/","content":"Twitterで #EdgeBug のハッシュタグ経由でIssueを作成できるように","tags":["MSEdge","issue"],"relatedLinks":[]},{"date":"2016-08-12T02:44:16.068Z","title":"What is Promise.try, and why does it matter? - joepie91's Ramblings","url":"http://cryto.net/%7Ejoepie91/blog/2016/05/11/what-is-promise-try-and-why-does-it-matter/","content":"`Promise.try`のユースケースについて。\nECMAScript標準ではないが、`Promise.try`があることで同期的なエラーが扱いやすくなるという話","tags":["JavaScript","Promises"],"relatedLinks":[{"title":"ljharb/proposal-promise-try: ECMAScript Proposal, specs, and reference implementation for Promise.try","url":"https://github.com/ljharb/proposal-promise-try"}]},{"date":"2016-08-12T03:39:25.409Z","title":"Chromium Blog: Chrome 53 Beta: Shadow DOM, PaymentRequest, and Android autoplay","url":"http://blog.chromium.org/2016/08/chrome-53-beta-shadow-dom.html","content":"Chrome 53βリリース。\nShadow DOM v1、PaymentRequest APIのサポート、Video要素は`muted`なら`autoplay`で自動再生が可能に、`allow-presentation`の対応。\nHTTP/0.9が非推奨に、TextEncoderは常にutf-8を使うようなるなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Payment Request APIを試す - mmag","url":"http://joe-noh.hatenablog.com/entry/2016/08/08/213159"},{"title":"Muted autoplay on mobile: say goodbye to &lt;canvas&gt; hacks and animated GIFs! | Web Updates - Google Developers","url":"https://developers.google.com/web/updates/2016/07/autoplay"}]},{"date":"2016-08-12T03:41:25.574Z","title":"API Deprecations and Removals in Chrome 53 | Web Updates - Google Developers","url":"https://developers.google.com/web/updates/2016/08/chrome-53-deprecations","content":"Chrome 53で非推奨/削除されたAPIについて。\nまた非推奨となるプロセスとポリシーについて","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2016-08-12T03:47:39.826Z","title":"Google Chrome Blog: Flash and Chrome","url":"https://chrome.googleblog.com/2016/08/flash-and-chrome.html","content":"Chrome 53でトラッキング用の小さなFlashをブロック。\nChrome 55で全てのFlashがデフォルトブロックとなり、初回アクセス時に許可を求めるダイアログがでる形","tags":["Chrome"],"relatedLinks":[]},{"date":"2016-08-12T03:52:33.004Z","title":"従来のWebアプリの常識を変える! Service WorkerがもたらすWebの未来 | PLAID Engineer Blog","url":"http://tech.plaid.co.jp/cong-lai-nowebapurinochang-shi-wobian-eru-service-workergamotarasuwebnowei-lai/","content":"ServiceWorkerがどういうものかという概要的な話。","tags":["ServiceWorker","JavaScript"],"relatedLinks":[]},{"date":"2016-08-12T03:55:04.703Z","title":"Offline Google Analytics Made Easy | Web Updates - Google Developers","url":"https://developers.google.com/web/updates/2016/07/offline-google-analytics","content":"Service Workerを使ったGoogle Analyticsのオフライン対応について","tags":["JavaScript","google","アクセス解析","ServiceWorker"],"relatedLinks":[{"title":"GoogleChrome/sw-helpers: Service Worker helper libraries","url":"https://github.com/googlechrome/sw-helpers"}]},{"date":"2016-08-12T04:03:21.112Z","title":"Developer Edition 50: Console, Memory Tool, Net Monitor and more ★ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2016/08/developer-edition-50-console-memory-tool-net-monitor-and-more/","content":"Firefox 50の開発者ツールについて。\nコンソールにSource Mapを適応した行数の表示、HTTPログのコールスタックに対応、メモリツールがデフォルトで有効に、WebAssemblyのシンタックスハイライトに対応など","tags":["firefox","debug"],"relatedLinks":[]},{"date":"2016-08-12T11:37:42.773Z","title":"Make your JavaScript code shine: knockout old ES5 hacks","url":"https://rainsoft.io/make-your-javascript-code-shide-knockout-old-es5-hack/","content":"ES2015で導入された機能や構文で代替できるため、既に使わなくても良くなったES5のイディオムについて","tags":["JavaScript"],"relatedLinks":[]},{"date":"2016-08-12T15:04:11.693Z","title":"permission.site","url":"https://permission.site/","content":"HTTPSやパーミッションが必要なブラウザのAPIを試せるサイト","tags":["WebPlatformAPI","browser","JavaScript"],"relatedLinks":[]},{"date":"2016-08-13T00:21:50.552Z","title":"Smooth as Butter: Achieving 60 FPS Animations with CSS3 — OutSystems Experts — Medium","url":"https://medium.com/outsystems-experts/how-to-achieve-60-fps-animations-with-css3-db7b98610108","content":"CSSアニメーションの60FPS出すまでをステップバイステップで見ていく話。\nスライドメニューを、position、transform、will-change、クラスの付け外しでそれぞれFPSにどのような変化があるかを見る","tags":["CSS","performance"],"relatedLinks":[]},{"date":"2016-08-13T04:04:07.322Z","title":"Introduction · React Enlightenment [DRAFT]","url":"http://www.reactenlightenment.com/","content":"Reactについての電子書籍\n開眼JavaScriptのシリーズ。","tags":["React","JavaScript","book"],"relatedLinks":[{"title":"FrontendMasters/react-enlightenment: A thoughtful and complete introduction to React.","url":"https://github.com/FrontendMasters/react-enlightenment"}]},{"date":"2016-08-13T04:10:37.069Z","title":"The State of Vue — The Vue Point — Medium","url":"https://medium.com/the-vue-point/the-state-of-vue-1655e10a340a","content":"Vue.js 2.0.0 RC1リリース。\nAPIはフリーズされたため、正式リリースまでにAPIはもう変更しないとのこと","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Release v2.0.0-rc.1 · vuejs/vue","url":"https://github.com/vuejs/vue/releases/tag/v2.0.0-rc.1"}]},{"date":"2016-08-13T04:50:14.728Z","title":"js-joda/js-joda: :clock2: Immutable date and time library for javascript","url":"https://github.com/js-joda/js-joda","content":"JSR-310/Joda timeのAPIをインスパイアした日付ライブラリ。","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2016-08-13T10:00:17.263Z","title":"Manning | RxJS in Action","url":"https://www.manning.com/books/rxjs-in-action","content":"2017年3月31日発売\nRxJSについての書籍","tags":["Rx","JavaScript","ReleaseNote"],"relatedLinks":[]},{"date":"2016-08-14T04:37:48.818Z","title":"ESLint v3.3.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2016/08/eslint-v3.3.0-released","content":"ESLint 3.3.0リリース。\n実体と名前が合ってないルールをリネーム(元ルールは非推奨)、新しいルールとして`no-template-curly-in-string`と`sort-keys`の追加など","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"ESLint v3.3.0 - Qiita","url":"http://qiita.com/mysticatea/items/adf6ef3c63b35c01fc05"}]},{"date":"2016-08-14T15:08:44.215Z","title":"SVG 2 new features · w3c/svgwg Wiki","url":"https://github.com/w3c/svgwg/wiki/SVG-2-new-features","content":"SVG 2の新しい機能や変更点について","tags":["SVG"],"relatedLinks":[]},{"date":"2016-08-15T00:44:57.618Z","title":"flexboxのバグに立ち向かう（flexboxバグまとめ） - Qiita","url":"http://qiita.com/hashrock/items/189db03021b0f565ae27","content":"CSS flexboxのバグについてスクリーンショットと共に紹介してる","tags":["CSS","issue"],"relatedLinks":[{"title":"luisrudge/postcss-flexbugs-fixes: PostCSS plugin that tries to fix all of flexbug&#39;s issues","url":"https://github.com/luisrudge/postcss-flexbugs-fixes"},{"title":"philipwalton/flexbugs: A community-curated list of flexbox issues and cross-browser workarounds for them.","url":"https://github.com/philipwalton/flexbugs"}]},{"date":"2016-08-15T01:01:29.016Z","title":"Caching Doesn't Improve Mobile Web Performance (Much) | USENIX","url":"https://www.usenix.org/node/196205","content":"モバイルではキャッシュによるページロード時間の改善効果が小さいというPaper。\n元々のロード時間がnetwork delay + computational delayである場合に、モバイルではCPUの性能によりcomputational delayの占める割合が多くなるため。","tags":["mobile","performance","論文"],"relatedLinks":[]},{"date":"2016-08-16T01:54:01.090Z","title":"performance.markでパフォーマンス計測する | Web Scratch","url":"http://efcl.info/2016/08/15/performance.mark/","content":"`performance.mark`などのAPIを使ってある区間の処理時間を計測する方法や、パフォーマンスロガーの作り方などについて","tags":["JavaScript","performance"],"relatedLinks":[]},{"date":"2016-08-16T22:53:09.198Z","title":"Node v6.4.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v6.4.0/","content":"Node v6.4.0リリース","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2016-08-17T23:21:11.917Z","title":"siddharthkp/auto-install: Install dependencies as you code","url":"https://github.com/siddharthkp/auto-install","content":"コードの変更を監視して自動的に`npm install`してくれるツール","tags":["npm"],"relatedLinks":[]},{"date":"2016-08-18T00:26:51.979Z","title":"Release Notes for Safari Technology Preview Release 11 | WebKit","url":"https://webkit.org/blog/6883/release-notes-for-safari-technology-preview-release-11/","content":"Safari Technology Preview Release 11リリース。\n`class extends null`の挙動をES2016準拠に、`DOMTokenList.replace()`のサポートなど","tags":["safari","webkit","ReleaseNote"],"relatedLinks":[]},{"date":"2016-08-18T11:43:22.719Z","title":"waud/waud: Web Audio Library","url":"https://github.com/waud/waud","content":"Web Audio APIを使った音を再生するライブラリ。\nAudio Spriteやbase64、iOSなどの再生にインタラクションが必要な物への対応など","tags":["web ","audio","library"],"relatedLinks":[]},{"date":"2016-08-18T22:59:25.912Z","title":"WebVR 1.0 available in Firefox Nightly","url":"https://blog.mozvr.com/webvr-1-0-available-in-firefox-nightly/","content":"WebVR 1.0 APIがFirefoxのNightlyで利用できるように","tags":["firefox","VR"],"relatedLinks":[]},{"date":"2016-08-19T16:00:38.671Z","title":"CSS for Software Engineers for CSS Developers // Speaker Deck","url":"https://speakerdeck.com/csswizardry/css-for-software-engineers-for-css-developers","content":"CSSにおけるSOLIDの原則のような開発指針についてのスライド。\nDRY、単一責任の原則、関心の分離、Immutability、Open/Closed、直交性など","tags":["CSS","設計","thought"],"relatedLinks":[{"title":"Harry Roberts | CSS for Software Engineers for CSS Developers | CSS Day 2016 on Vimeo","url":"https://vimeo.com/177216958"}]},{"date":"2016-08-19T16:13:37.717Z","title":"What’s new in Web Audio? ★ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2016/08/whats-new-in-web-audio-2/","content":"ここ1年のWeb Audio APIの変更点について","tags":["web ","audio"],"relatedLinks":[{"title":"What’s new in Web Audio? | Mozilla Developer Street (modest)","url":"https://dev.mozilla.jp/2016/08/whats-new-in-web-audio-2/"}]},{"date":"2016-08-19T16:20:26.250Z","title":"The Progressive Framework - Google スライド","url":"https://docs.google.com/presentation/d/1WnYsxRMiNEArT3xz7xXHdKeH1C-jT92VxmptghJb5Es/present#slide=id.p","content":"Vue.js 2.0についてのスライド\n規模や状況に応じてツール/フレームワークを選ぶべきという話。\nVue.js 2.0は段階を踏んで使えるよという話","tags":["JavaScript","library","slide"],"relatedLinks":[]},{"date":"2016-08-19T16:41:39.596Z","title":"Angular2 RC5への更新とステート管理の変更、power-assertによるテストまで試す - undefined","url":"http://blog.bokuweb.me/entry/angular2_rc5","content":"AngularJS 2 RC5で導入されたNgModuleについてや、ステート管理について。\nまた、`NgModule`を使ったテストについて","tags":["Angular","testing"],"relatedLinks":[{"title":"Angular 2 RC.5がリリースされました · Angular2 Info","url":"https://ng2-info.github.io/2016/08/angular-2-rc-5/"},{"title":"NgModule導入について · Angular2 Info","url":"http://ng2-info.github.io/2016/07/preparing-for-ngmodule/"}]},{"date":"2016-08-20T06:13:31.805Z","title":"Keynote","url":"http://henryzoo.com/babel-plugin-slides/assets/player/KeynoteDHTMLPlayer.html#0","content":"Babel pluginについてのスライド。\nどのような仕組みで変換されているのかをDOM APIとの対比しながら見ていく話","tags":["babel","plugin","slide"],"relatedLinks":[]},{"date":"2016-08-20T07:00:21.054Z","title":"Generative Testing in JavaScript — JavaScript Inside — Medium","url":"https://medium.com/javascript-inside/generative-testing-in-javascript-f91432247c27","content":"JavaScriptでのProperty-based Testingについて。\nそもそもどのようなアプローチのテスト手法なのかやtestcheck-jsなどの既存のライブラリについて","tags":["JavaScript","testing"],"relatedLinks":[{"title":"testcheck-js","url":"https://github.com/leebyron/testcheck-js"},{"title":"jsverify/jsverify: Property-based testing for JavaScript. Like QuickCheck.","url":"https://github.com/jsverify/jsverify"},{"title":"unexpected-check","url":"http://unexpected.js.org/unexpected-check/"}]},{"date":"2016-08-20T07:34:29.885Z","title":"Release v0.31.0 · facebook/flow","url":"https://github.com/facebook/flow/releases/tag/v0.31.0","content":"Flow 0.31.0リリース。\n","tags":["flowtype","ReleaseNote"],"relatedLinks":[]},{"date":"2016-08-21T15:14:53.288Z","title":"Vue.js 2.0のFeaturesを訳してみる - Qiita","url":"http://qiita.com/prismrism/items/66a9dfc31139326911d8","content":"Vue.js 2.0の変更点についての訳","tags":["JavaScript","library","translate"],"relatedLinks":[]},{"date":"2016-08-21T23:12:59.086Z","title":"andywer/npm-launch: 🚀 Minimalistic task runner on steroids!","url":"https://github.com/andywer/npm-launch","content":"npm run-scriptの表記と互換性があるTask Runnerツール。\nコメントが書けるJSONまたはNode.jsスクリプトで書ける","tags":["JavaScript","Tools"],"relatedLinks":[]},{"date":"2016-08-22T09:42:59.921Z","title":"A Book Apart, Practical SVG","url":"https://abookapart.com/products/practical-svg","content":"SVGについての書籍","tags":["SVG","book"],"relatedLinks":[]},{"date":"2016-08-22T09:48:30.923Z","title":"Writing a JavaScript Framework - Execution timing, beyond setTimeout | @RisingStack","url":"http://blog.risingstack.com/writing-a-javascript-framework-execution-timing-beyond-settimeout/","content":"JavaScriptの非同期実行に関する記事。\nECMAScript、HTML、Node.jsそれぞれのjob queueの仕組みについて。\nそれらを使ってどのようにレンダリングのイベントループを実装するかについて","tags":["JavaScript"],"relatedLinks":[]},{"date":"2016-08-23T00:28:10.166Z","title":"書籍情報―JavaScriptとWebGLによる 画像処理プログラミング","url":"http://www.kohgakusha.co.jp/books/detail/978-4-7775-1958-3","content":"WebGLでの画像処理についての書籍","tags":["WebGL","book"],"relatedLinks":[]},{"date":"2016-08-23T00:35:03.822Z","title":"The cost of small modules | Read the Tea Leaves","url":"https://nolanlawson.com/2016/08/15/the-cost-of-small-modules/","content":"Browserifyやwebpack、rollupなどのモジュール数とロード時間の相関関係について。 browserifyはrequireをエミュレート、rollupなどはインライン化するなどの特徴が現れてる","tags":["JavaScript","browserify","webpack"],"relatedLinks":[]},{"date":"2016-08-23T23:07:50.386Z","title":"google/closure-compiler-js: Package for the JS version of closure-compiler for use via npm","url":"https://github.com/google/closure-compiler-js","content":"Closure Compilerの一部機能を使えるツール。JavaScriptへのコンパイル済みファイルを含んでいるので、Javaを必要としない。","tags":["JavaScript","Tools"],"relatedLinks":[]},{"date":"2016-08-24T13:36:23.670Z","title":"型定義ベースのアサーションライブラリ types-assert を書いた - Qiita","url":"http://qiita.com/KeitaMoromizato/items/e49185a0cd03c6cb8b3a","content":"TypeScriptの型定義ファイルを使ったassertionライブラリ","tags":["JavaScript","TypeScript"],"relatedLinks":[{"title":"KeitaMoromizato/types-assert: type-assert is dynamic type assertion library","url":"https://github.com/KeitaMoromizato/types-assert"}]},{"date":"2016-08-24T15:51:34.627Z","title":"SAM - State | Action | Model","url":"http://sam.js.org/","content":"SAM (State-Action-Model)についてのドキュメントサイト","tags":["JavaScript","設計","デザインパターン"],"relatedLinks":[]},{"date":"2016-08-24T16:05:13.237Z","title":"From MVC to Flux - JS Monthly London - YouTube","url":"https://www.youtube.com/watch?v=p8tqhf5qKOI","content":"改めてFluxとはどういうコンセプトなのか、同様のコアコンセプトを持つReduxについての紹介","tags":["JavaScript","Flux"],"relatedLinks":[{"title":"From MVC to Flux - Pusher Blog","url":"https://blog.pusher.com/from-mvc-to-flux/"}]},{"date":"2016-08-25T01:00:06.408Z","title":"Release v6.14.0 · babel/babel","url":"https://github.com/babel/babel/releases/tag/v6.14.0","content":"Babel 6.14.0リリース。\n`es2017` presetと、ES2015+を扱う`latest` presetが追加された。","tags":["babel","ReleaseNote"],"relatedLinks":[]},{"date":"2016-08-25T01:22:33.782Z","title":"jsdoc-to-assert を試す – アカベコマイリ","url":"http://akabeko.me/blog/2016/08/jsdoc-to-assert/","content":"jsdoc-to-assertでのランタイムassertの導入について","tags":["JavaScript","testing"],"relatedLinks":[]},{"date":"2016-08-25T14:25:48.032Z","title":"Release v4.0.0 · pixijs/pixi.js","url":"https://github.com/pixijs/pixi.js/releases/tag/v4.0.0","content":"pixi.js 4.0.0リリース\nMulti texture rendereringのサポート、GPU GC管理、WebGLレンダーの改善、npmでパッケージの公開など","tags":["JavaScript","WebGL","library","ReleaseNote"],"relatedLinks":[{"title":"PixiJS v4 Arrives - Goodboy™ — Goodboy™","url":"http://www.goodboydigital.com/pixi-js-v4/"}]},{"date":"2016-08-25T14:35:10.842Z","title":"Fluent JavaScript | PACKT Books","url":"https://www.packtpub.com/web-development/fluent-javascript","content":"2017年4月6日発売\n","tags":["JavaScript","book"],"relatedLinks":[{"title":"Amazon | Fluent JavaScript [Kindle edition] by Callum Rimmer, Lucian Lature | Languages &amp; Tools | Kindleストア","url":"https://www.amazon.co.jp/dp/B01F7HCB0C/"}]},{"date":"2016-08-26T00:25:22.948Z","title":"babel/babel-minify: Babel preset for minification (Alpha)","url":"https://github.com/babel/babel-minify","content":"Babelのminify plugin preset","tags":["babel","plugin"],"relatedLinks":[]},{"date":"2016-08-27T03:30:52.512Z","title":"Demythstifying Web Components – Back Alley Coder","url":"http://www.backalleycoder.com/2016/08/26/demythstifying-web-components/","content":"Web Componentsに関するよくある誤解について書かれたもの","tags":["WebComponents"],"relatedLinks":[]},{"date":"2016-08-27T04:30:36.616Z","title":"The State Of JavaScript: Front-End Frameworks – Medium","url":"https://medium.com/@sachagreif/the-state-of-javascript-front-end-frameworks-1a2d8a61510","content":"JavaScriptのフレームワークについてアンケート結果。\n認知度はVue以外大体同じ。\n学びたいもの: React -> Vue -> Angular2\n満足度: React -> Vue -> Angular2","tags":["JavaScript","library"],"relatedLinks":[{"title":"The State Of JavaScript","url":"http://stateofjs.com/"}]},{"date":"2016-08-28T02:58:41.534Z","title":"Enable Chrome Accessibility Experiment","url":"https://gist.github.com/marcysutton/0a42f815878c159517a55e6652e3b23a","content":"Chromeの試験的なAccessibility inspectorを有効にする方法。\n要素に対するWAI-ARIAの情報をElementsパネルで見ることができる","tags":["Chrome","accessibility","debug"],"relatedLinks":[]},{"date":"2016-08-28T04:59:11.434Z","title":"thejameskyle/itsy-bitsy-data-structures: All the things you didn't know you wanted to know about data structures","url":"https://github.com/thejameskyle/itsy-bitsy-data-structures","content":"JavaScriptでリスト、ハッシュテーブル、スタックなどのデータ構造についての実装と解説リポジトリ。\nそれぞれの探索のコストや特徴などの解説がコメントに書かれている","tags":["JavaScript","アルゴリズム","document"],"relatedLinks":[{"title":"React Rally Day 2 - YouTube","url":"https://www.youtube.com/watch?v=nI0cQ-2YR1I"}]},{"date":"2016-08-28T10:46:46.882Z","title":"reactjs/react-docgen: A CLI and toolbox to extract information from React component files for documentation generation purposes.","url":"https://github.com/reactjs/react-docgen","content":"ReactのpropTypesなどをパースしてASTとして取得できるライブラリ/CLI","tags":["React","document","Tools"],"relatedLinks":[]},{"date":"2016-08-29T12:40:07.822Z","title":"You SHOULD Learn Vanilla JavaScript Before JS Frameworks - Snipcart","url":"https://snipcart.com/blog/learn-vanilla-javascript-before-using-js-frameworks","content":"フレームワークを学ぶ前にJavaScriptを学ぼうという話","tags":["JavaScript","library","thought"],"relatedLinks":[]},{"date":"2016-08-29T12:41:56.941Z","title":"pakastin/redom: Tiny DOM library","url":"https://github.com/pakastin/redom","content":"DOM APIを使った小さなコンポーネントライブラリ","tags":["JavaScript","DOM","library"],"relatedLinks":[]},{"date":"2016-08-29T12:52:49.736Z","title":"How To Use WebPageTest and its API | CSS-Tricks","url":"https://css-tricks.com/use-webpagetest-api/","content":"WebPageTest APIを使ったメトリクスについて","tags":["web ","performance","API"],"relatedLinks":[]},{"date":"2016-08-29T13:07:13.717Z","title":"nolanlawson/slow-deps: 🐌 Measure which dependencies in a project are slowest to npm install","url":"https://github.com/nolanlawson/slow-deps","content":"npmの依存モジュールがそれぞれどれくらいのインストール時間やサイズなのかを計測出来るツール","tags":["npm","Tools"],"relatedLinks":[]},{"date":"2016-08-30T00:24:24.502Z","title":"Three Ways to Test Angular 2 Components – Angular 2","url":"https://vsavkin.com/three-ways-to-test-angular-2-components-dcea8e90bd8d","content":"AngularJS 2のコンポーネントをテストする方法について","tags":["Angular","testing"],"relatedLinks":[]},{"date":"2016-08-30T03:19:54.932Z","title":"Angular 2 Router by Victor Savkin [Leanpub PDF/iPad/Kindle]","url":"https://leanpub.com/router","content":"AngularJS 2のRouterについての電子書籍","tags":["Angular","book"],"relatedLinks":[]},{"date":"2016-08-30T08:44:39.185Z","title":"Node v6.5.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v6.5.0/","content":"Node v6.5.0リリース。\ninspectorがuncaught exceptionをサポートなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2016-08-30T14:06:14.403Z","title":"Async Redux Actions With RxJS - React Rally 2016","url":"http://www.slideshare.net/benlesh1/async-redux-actions-with-rxjs-react-rally-2016","content":"_redux-observable_についてのスライド。\nReduxにおいて非同期処理を行う場合に、連続性やCancelなどを表現しやすいRxJSを使うという話","tags":["redux","Rx","slide"],"relatedLinks":[{"title":"redux-observable/redux-observable: RxJS middleware for action side effects in Redux using &#34;Epics&#34;","url":"https://github.com/redux-observable/redux-observable"}]},{"date":"2016-08-31T15:45:19.115Z","title":"the new code – Web Developer Reading List: Maths in JavaScript","url":"http://thenewcode.com/1131/Web-Developer-Reading-List-Maths-in-JavaScript","content":"Mathについての学ぶチュートリアル","tags":["JavaScript","tutorial"],"relatedLinks":[]},{"date":"2016-08-31T15:51:07.462Z","title":"15K 行のアプリを TypeScript 1.8 から 2.0 に移行してみた - はやくプログラムになりたい","url":"http://rhysd.hatenablog.com/entry/2016/07/15/090000","content":"TypeScript 2系への移行とオプションについて","tags":["TypeScript"],"relatedLinks":[]},{"date":"2016-09-01T00:57:38.719Z","title":"Babili (babel-minify) · Babel","url":"https://babeljs.io/blog/2016/08/30/babili","content":"BabelのminifyプラグインであるBabili βリリース。\nUglifyと違って変換後のES5なコードではなく、ES2015+のコードに対して圧縮を行う。\nそのためFlowなどの型情報を使った圧縮なども可能になる。","tags":["babel","plugin"],"relatedLinks":[]},{"date":"2016-09-01T12:52:09.436Z","title":"sdkennedy/babel-preset-target: Babel preset that allows for target environments to be specified along with plugins and presets. If all environments have native support for a given plugin, it will be skipped.","url":"https://github.com/sdkennedy/babel-preset-target","content":"サポートするブラウザを指定することで、対応したBabel pluginでの変換をしてくれるbabel preset","tags":["babel","plugin"],"relatedLinks":[]},{"date":"2016-09-01T23:04:41.372Z","title":"Announcing TypeScript 2.0 RC | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2016/08/30/announcing-typescript-2-0-rc/","content":"TypeScript 2.0 RCリリース。\nTagged Unions、numberとstringのLiteral Typeを強化、tsconfig.jsonでglobを使えるようなるなど","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2016-09-02T16:52:18.026Z","title":"Angular 2 RC6","url":"http://angularjs.blogspot.com/2016/09/angular-2-rc6_1.html","content":"Angular 2 RC6リリース\nRC5以下で非推奨となっていたAPIの削除、npmパッケージにES6 modules形式のソースを含むように、TypeScript 2.0に対応など","tags":["Angular","ReleaseNote"],"relatedLinks":[{"title":"Angular 2 RC.6がリリースされました · Angular2 Info","url":"https://ng2-info.github.io/2016/09/angular-2-rc-6/"},{"title":"angular/CHANGELOG.md at master · angular/angular","url":"https://github.com/angular/angular/blob/master/CHANGELOG.md#200-rc6-2016-08-31"}]},{"date":"2016-09-02T09:55:45.667Z","title":"Release Notes for Safari Technology Preview Release 12 | WebKit","url":"https://webkit.org/blog/6928/release-notes-for-safari-technology-preview-release-12/","content":"Safari Technology Preview Release 12リリース。\nFetch APIがデフォルトで有効に、Resource Timingの仕様追従など","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2016-09-03T06:35:16.364Z","title":"Top | Diff of HTMLs","url":"https://diffofhtmls.herokuapp.com/","content":"WHATWGとW3C HTMLのdiffを見ることができるツール","tags":["WHATWG","HTML","webservice","Tools"],"relatedLinks":[]},{"date":"2016-09-03T06:46:20.705Z","title":"Reactの最新動向とベストプラクティス // Speaker Deck","url":"https://speakerdeck.com/koba04/reactfalsezui-xin-dong-xiang-tobesutopurakuteisu","content":"Reactのコンポーネントの作り方やテスト、React周りで最近でてきたツールについてのスライド","tags":["React","slide"],"relatedLinks":[]},{"date":"2016-09-03T06:59:16.972Z","title":"html-best-practices/README.ja.md at master · hail2u/html-best-practices","url":"https://github.com/hail2u/html-best-practices/blob/master/README.ja.md","content":"HTML Best Practices日本語訳","tags":["HTML","translate"],"relatedLinks":[{"title":"普通のHTMLの書き方（またはHTML Best Practices日本語版） - Weblog - Hail2u.net","url":"https://hail2u.net/blog/webdesign/html-best-practices-in-japanese.html"},{"title":"HTML5のSVG要素では名前空間宣言が省略できる - 週刊SVG","url":"http://ssvvgg.net/post/147494232850/html5%E3%81%AEsvg%E8%A6%81%E7%B4%A0%E3%81%A7%E3%81%AF%E5%90%8D%E5%89%8D%E7%A9%BA%E9%96%93%E5%AE%A3%E8%A8%80%E3%81%8C%E7%9C%81%E7%95%A5%E3%81%A7%E3%81%8D%E3%82%8B"}]},{"date":"2016-09-03T15:13:07.787Z","title":"The Case for Custom Elements: Part 1 – Dev Channel – Medium","url":"https://medium.com/dev-channel/the-case-for-custom-elements-part-1-65d807b4b439","content":"Custome Elementのケーススタディ","tags":["WebComponents"],"relatedLinks":[]},{"date":"2016-09-04T01:22:26.087Z","title":"Service Worker Deep Dive - Google スライド","url":"https://docs.google.com/presentation/d/19x3yi7Jn-6In5igGYfEiK0tBfNI290BAclT0AiqDj4Q/pub#slide=id.p","content":"ここ1年ぐらいのService Worker周りの変化についてのスライド。\nPush Notification、Stream、Background、Foreign Fetch、Header-based Install、Origin Trialなど","tags":["ServiceWorker","Chrome","slide"],"relatedLinks":[]},{"date":"2016-09-04T06:33:17.863Z","title":"esprima/ChangeLog at 3.0.0 · jquery/esprima","url":"https://github.com/jquery/esprima/blob/3.0.0/ChangeLog","content":"esprima 3.0.0リリース。\nES2016 `**` をサポート、JSXのサポートなど","tags":["JavaScript","AST","ReleaseNote"],"relatedLinks":[]},{"date":"2016-09-04T09:55:39.848Z","title":"camwiegert/in-view: Get notified when a DOM element enters or exits the viewport.","url":"https://github.com/camwiegert/in-view","content":"ある要素がviewportに含まれているかを判定して、入った時と出た時のハンドラを書けるライブラリ。\n将来的にIntersectionObserverへも対応予定","tags":["JavaScript","library","UI"],"relatedLinks":[]},{"date":"2016-09-04T10:46:40.964Z","title":"jsdom/Changelog.md at 9.5.0 · tmpvar/jsdom","url":"https://github.com/tmpvar/jsdom/blob/9.5.0/Changelog.md","content":"jsdom 9.5.0リリース。\n`document.scripts`、 `document.embeds`と `document.plugins`の追加。\n`document.getElementsByTagName`が`HTMLCollection`を返すようになるなど","tags":["JavaScript","DOM","ReleaseNote"],"relatedLinks":[]},{"date":"2016-09-04T10:49:25.819Z","title":"dollarshaveclub/postmate: A powerful, simple, promise-based postMessage library 📭 📨 📬 📫 🚚","url":"https://github.com/dollarshaveclub/postmate","content":"PromiseベースのpostMessageライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2016-09-04T11:10:14.183Z","title":"Edge Web Technologies and Browser Vendors","url":"http://www.slideshare.net/dynamis/edge-web-technologies-and-browser-vendors","content":"ここ最近のウェブブラウザの変化についてのスライド。\nウェブ互換性への方針、新しい機能などについてざっくりと紹介されている","tags":["web ","browser","slide"],"relatedLinks":[]},{"date":"2016-09-04T15:14:29.767Z","title":"WAI-ARIA珍プレー好プレー","url":"http://www.slideshare.net/mlca11y/waiaria-65618928","content":"> WAI-ARIAは表現やインタラクションを変えない\n\nrole=\"button\"を付けてキーボードによるインタラクションを忘れているケース、メニューの例などについて","tags":["HTML","WAI-ARIA","accessibility","slide"],"relatedLinks":[]},{"date":"2016-09-05T09:11:19.567Z","title":"Sass 3.5 Release Candidate « Sass Blog","url":"http://blog.sass-lang.com/posts/809572-sass-35-release-candidate","content":"Sass 3.5リリース。\nlibsassがRuby版とほぼ100％の互換性を持つように。\nCSS Custom Propertyのサポートなど","tags":["Sass","ReleaseNote"],"relatedLinks":[]},{"date":"2016-09-06T14:48:52.326Z","title":"Microsoft/dts-gen: dts-gen creates starter TypeScript definition files for any module or library.","url":"https://github.com/Microsoft/dts-gen","content":"npmパッケージやコードからd.tsを自動生成してくれるツール","tags":["TypeScript","Tools"],"relatedLinks":[]},{"date":"2016-09-06T15:07:55.953Z","title":"flowtype v0.32.0 changes - Please Drive Faster","url":"http://joe-re.hatenablog.com/entry/2016/09/06/101529","content":"JavaScriptファイルからFlowの型定義ファイルを生成する`gen-flow-files`コマンドについて","tags":["flowtype","Tools"],"relatedLinks":[]},{"date":"2016-09-07T13:01:47.517Z","title":"JavaScript: The New Toys: T. J. Crowder: 9781119367956: Amazon.com: Books","url":"https://www.amazon.com/JavaScript-Toys-T-J-Crowder/dp/1119367956","content":"2017年4月10日発売\nES2015+についての書籍","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2016-09-07T14:25:09.645Z","title":"わぁいアリア（WAI-ARIA）大好き | れいぶろぐ","url":"http://labe.wp.xdomain.jp/post/567","content":"WAI-ARIAはどんなもので何のためにあるのかを分かりやすく解説してる","tags":["WAI-ARIA"],"relatedLinks":[]},{"date":"2016-09-08T11:33:53.864Z","title":"Release Release 4.0.0 · ternjs/acorn","url":"https://github.com/ternjs/acorn/releases/tag/4.0.0","content":"acorn 4.0.0リリース。\nデフォルトの`ecmaVersion`が`7`となり、async/awaitの構文をサポートなど","tags":["JavaScript","library","AST","ReleaseNote"],"relatedLinks":[]},{"date":"2016-09-08T12:57:27.171Z","title":"DevTools Timeline Viewer","url":"https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://gist.github.com/paulirish/f83d30384954937dc3a1fae970a4ae52/raw/b25b27741c652d3091a316dfd8b58bf72f14aa74/twitch.json","content":"Chromeの開発者ツールのTimelineデータを読み込ませて表示できるサイト","tags":["Chrome","debug"],"relatedLinks":[]},{"date":"2016-09-08T14:47:08.913Z","title":"Untangling Deeply-Nested Promise Chains — Philip Walton","url":"https://philipwalton.com/articles/untangling-deeply-nested-promise-chains/","content":"Promiseでネストが深くなったものを、関数へ分割やasync/awaitを使いネストを浅くリファクタリングする話","tags":["Promises","JavaScript"],"relatedLinks":[]},{"date":"2016-09-09T01:15:23.446Z","title":"Fuse.js - JavaScript fuzzy-search library","url":"http://fusejs.io/","content":"データからあいまい検索を行えるJavaScriptライブラリ","tags":["JavaScript","library","search"],"relatedLinks":[]},{"date":"2016-09-09T01:59:38.700Z","title":"ebidel/appmetrics.js: A small (1.1kb) library for measuring things in your web app and reporting the results to Google Analytics.","url":"https://github.com/ebidel/appmetrics.js","content":"User Timing APIを使って計測したデータをGoogle Analyticsにレポートできるライブラリ","tags":["JavaScript","performance","アクセス解析","library"],"relatedLinks":[]},{"date":"2016-09-09T07:46:49.602Z","title":"Jest 15.0: New Defaults for Jest · Jest","url":"http://facebook.github.io/jest/blog/2016/09/01/jest-15.html","content":"Jest 15.0リリース。\nCLIの表示を改善、Watchコマンドを追加、jest-react-nativeの改善など","tags":["React","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2016-09-09T08:04:20.546Z","title":"Ember.js - Ember.js 2.8 and 2.9 Beta Released","url":"http://emberjs.com/blog/2016/09/08/ember-2-8-and-2-9-beta-released.html","content":"Ember.js 2.8と2.9βリリース\n2.8で`Ember.Engine` APIを追加など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2016-09-09T08:49:35.245Z","title":"改訂新版JavaScript本格入門　～モダンスタイルによる基礎から現場での応用まで：書籍案内｜技術評論社","url":"http://gihyo.jp/book/2016/978-4-7741-8411-1","content":"2016年9月30日発売\nJavaScript本格入門の改訂版","tags":["JavaScript","book"],"relatedLinks":[{"title":"JavaScript本格入門　～モダンスタイルによる基礎からAjax・jQueryまで：書籍案内｜技術評論社","url":"http://gihyo.jp/book/2010/978-4-7741-4466-5"}]},{"date":"2016-09-09T16:39:16.621Z","title":"Service Worker の紹介 | Web Fundamentals - Google Developers","url":"https://developers.google.com/web/fundamentals/primers/service-worker/","content":"Service Workerについての紹介記事翻訳","tags":["ServiceWorker","translate"],"relatedLinks":[]},{"date":"2016-09-09T16:46:09.185Z","title":"V8 JavaScript Engine: V8 Release 5.4","url":"http://v8project.blogspot.com/2016/09/v8-release-54.html","content":"V8 5.4リリース。\nメモリが少ない端末でのメモリ消費量の改善、起動速度の改善など","tags":["V8","ReleaseNote"],"relatedLinks":[]},{"date":"2016-09-10T05:38:06.532Z","title":"ESLint v3.5.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2016/09/eslint-v3.5.0-released","content":"ESLint 3.5.0リリース。\n新しいルールの追加、`--fix`の対応ルールの追加など","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"ESLint v3.5.0 - Qiita","url":"http://qiita.com/mysticatea/items/875c801362f337bc4ce9"}]},{"date":"2016-09-10T16:31:01.014Z","title":"jgornick/asyncp: Port of the Async.js API to use Promises","url":"https://github.com/jgornick/asyncp","content":"async.jsのAPIをPromiseを使って実装したライブラリ","tags":["JavaScript","library","Promises"],"relatedLinks":[]},{"date":"2016-09-11T10:19:13.593Z","title":"Polymer 2.0 Preview - Polymer Project","url":"https://www.polymer-project.org/1.0/blog/2016-09-09-polymer-2.0","content":"Polymer 2.0 Previewリリース。\nShadow DOM v1、クラスベースで書けるようになるなど","tags":["WebComponents","library"],"relatedLinks":[]},{"date":"2016-09-11T15:13:11.858Z","title":"Remark","url":"https://iros.github.io/d3-v4-whats-new/#1","content":"D3.js v4についてのスライド。\nモジュール分割、Canvasへの書き出し、分割されたモジュール毎の解説","tags":["d3.js","slide"],"relatedLinks":[]},{"date":"2016-09-12T11:07:36.835Z","title":"ES2015で始めるJavaScript入門 - Qiita","url":"http://qiita.com/ABCanG1015/items/824681cb88676da4f9a8","content":"ES2015ベースでJavaScriptについて学ぶレッスン式のチュートリアル","tags":["JavaScript","tutorial"],"relatedLinks":[]},{"date":"2016-09-12T11:08:58.883Z","title":"Service Workerの基本とそれを使ってできること - Qiita","url":"http://qiita.com/y_fujieda/items/f9e765ac9d89ba241154","content":"Service Workerのライフサイクルやどのような事ができるかの紹介記事。\nCache、Pushについて","tags":["ServiceWorker"],"relatedLinks":[]},{"date":"2016-09-12T11:17:02.886Z","title":"Release v0.32.0 · facebook/flow","url":"https://github.com/facebook/flow/releases/tag/v0.32.0","content":"Flow 0.32.0リリース\n`{|`と`|}`を使ったexact object typeの追加、`flow gen-flow-files`コマンドの追加など","tags":["flowtype","ReleaseNote"],"relatedLinks":[]},{"date":"2016-09-13T15:22:29.994Z","title":"BUILD PACMAN by Jeffrey Biles [Leanpub PDF/iPad/Kindle]","url":"https://leanpub.com/buildpacman","content":"JavaScriptでパックマンを作る書籍。","tags":["JavaScript","game","book"],"relatedLinks":[]},{"date":"2016-09-14T13:27:04.637Z","title":"avocode/combokeys: Web browser keyboard shortcuts. CommonJS, NPM.","url":"https://github.com/avocode/combokeys","content":"Mousetrapをforkしたキーボードショートカットライブラリ。\nリファクタリングとdocumentへのlistenがデフォルトではないように変更されている","tags":["JavaScript","キーボード","library"],"relatedLinks":[{"title":"Handle keyboard shortcuts in the browser with Combokeys","url":"https://blog.avocode.com/blog/handle-keyboard-shortcuts-in-the-browser-with-combokeys"}]},{"date":"2016-09-14T13:41:47.949Z","title":"RC7 Now Available","url":"http://angularjs.blogspot.com/2016/09/rc7-now-available.html","content":"Angular 2 RC7リリース。\n`ComponentMetadata`を削除など","tags":["Angular","ReleaseNote"],"relatedLinks":[{"title":"angular/CHANGELOG.md at master · angular/angular","url":"https://github.com/angular/angular/blob/master/CHANGELOG.md#200-rc7-2016-09-13"}]},{"date":"2016-09-14T14:50:54.440Z","title":"DevTools Digest, September 2016: Perf Roundup | Web Updates - Google Developers","url":"https://developers.google.com/web/updates/2016/09/devtools-digest","content":"Chrome 54での開発者ツールについて。\nCPU Throttling、TimelineにNetwork viewの表示、スクロールパフォーマンスのProfile、SouceパネルにTimelineのデータ表示など","tags":["debug","Chrome"],"relatedLinks":[]},{"date":"2016-09-16T01:25:57.801Z","title":"Angular, version 2: proprioception-reinforcement","url":"http://angularjs.blogspot.com/2016/09/angular2-final.html","content":"AngularJS 2リリース\n","tags":["Angular","ReleaseNote"],"relatedLinks":[{"title":"🎉✨ Angular 2.0.0がリリースされました 🎉✨ · Angular2 Info","url":"https://ng2-info.github.io/2016/09/angular-2-final/"}]},{"date":"2016-09-16T05:20:45.287Z","title":"Introducing debugger.html ★ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2016/09/introducing-debugger-html/","content":"debugger.htmlというソースパネルライクな新しいデバッガーについて。\nFirefox、Chrome、Node.jsに対応し、Remote Debug Protocolでデータをやり取りする。\nFirefoxの開発者ツールに統合される予定","tags":["firefox","debug"],"relatedLinks":[{"title":"debugger.html のご紹介 | Mozilla Developer Street (modest)","url":"https://dev.mozilla.jp/2016/09/introducing-debugger-html/"}]},{"date":"2016-09-17T05:55:24.630Z","title":"Release Notes for Safari Technology Preview Release 13 | WebKit","url":"https://webkit.org/blog/6937/release-notes-for-safari-technology-preview-release-13/","content":"Safari Technology Preview Release 13 リリース。\n`adoptedCallback`のサポート、`CSS.escape`の実装、クロスオリジンのチェック強化など","tags":["safari","webkit","ReleaseNote"],"relatedLinks":[]},{"date":"2016-09-17T06:39:29.712Z","title":"The future of ES6 (Jafar Husain) - Full Stack Fest 2016 - YouTube","url":"https://www.youtube.com/watch?v=3pKNRgResq0","content":"現在策定中の仕様も含めて非同期処理について。\nPromise、Async/Await。\nPullなAPIとしてGenerator(同期)、AsyncGenerator(Stage 2)。\nPushなAPIとしてObservable(Stage 1)について","tags":["JavaScript","video"],"relatedLinks":[]},{"date":"2016-09-17T08:40:02.919Z","title":"Why Use Flow? · Aria","url":"https://blog.aria.ai/post/why-use-flow/","content":"FlowによるStatic typeについて","tags":["flowtype"],"relatedLinks":[]},{"date":"2016-09-17T08:57:51.500Z","title":"Testing JavaScript with Jest - Lesson Playlist @eggheadio","url":"https://egghead.io/playlists/testing-javascript-with-jest-a36c4074","content":"Jestを学ぶスクリーンキャスト","tags":["JavaScript","testing","video"],"relatedLinks":[]},{"date":"2016-09-17T10:12:00.265Z","title":"kentcdodds/match-sorter: Simple, expected, and deterministic best-match sorting of an array in JavaScript","url":"https://github.com/kentcdodds/match-sorter","content":"オブジェクトの配列から検索するライブラリ。\n指定したキーのみを対象にしたり、検索方法などを指定できる","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2016-09-17T10:29:37.287Z","title":"Node v6.6.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v6.6.0/","content":"Node v6.6.0リリース。\nEventEmitterのmemory leak警告、\nPromiseのUnhandled rejectionの警告が、`process.on('warning', (warning) => { })`でキャッチできるように","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2016-09-17T12:58:37.761Z","title":"jQuery UI 1.12.1 | jQuery UI Blog","url":"http://blog.jqueryui.com/2016/09/jquery-ui-1-12-1/","content":"jQuery UI 1.12.1リリース。\n新しいテーマの追加、`Checkboxradio　widget`の追加、`classes`オプションの追加など","tags":["jQuery","UI","ReleaseNote"],"relatedLinks":[]},{"date":"2016-09-18T11:55:58.929Z","title":"Пользовательские свойства как основа архитектуры CSS (FrontTalks) // Speaker Deck","url":"https://speakerdeck.com/lautsevich/pol-zovatiel-skiie-svoistva-kak-osnova-arkhitiektury-css-fronttalks","content":"CSS Custom Propertiesについてのスライド。\nFallback、i18n、CSS Custom Propertiesとcalc、JavaScriptからの利用、@supportsについてなど","tags":["CSS","slide"],"relatedLinks":[]},{"date":"2016-09-18T12:22:16.733Z","title":"Building Applications with React and Redux in ES6 | Zombie Code Kill","url":"https://zombiecodekill.com/2016/05/21/building-applications-with-react-and-redux-in-es6/","content":"ReactとReduxの入門講座","tags":["React","redux"],"relatedLinks":[{"title":"Building Applications with React and Redux in ES6 | Pluralsight","url":"https://www.pluralsight.com/courses/react-redux-react-router-es6"}]},{"date":"2016-09-19T01:32:53.008Z","title":"Chromium Blog: Chrome 54 Beta: Custom Elements V1, BroadcastChannel, and media platform improvements","url":"http://blog.chromium.org/2016/09/chrome-54-beta-custom-elements-v1.html","content":"Chrome 54βリリース。\nCustom Element v1、BroadcastChannelのサポート。\nResource Timing API のtransferやencoded/decodedのサポート、`initTouchEvent`の削除など","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2016-09-19T07:31:17.071Z","title":"How Developers use Node.js - Survey Results | @RisingStack","url":"http://blog.risingstack.com/node-js-developer-survey-results-2016/","content":"Node.jsを使ったサーバサイド開発についてのアンケート結果","tags":["node.js","アンケート"],"relatedLinks":[]},{"date":"2016-09-19T12:20:15.617Z","title":"JS web frameworks benchmark – Round 4 | Stefan_Krause.blog()","url":"http://www.stefankrause.net/wp/?p=316","content":"AngularやReactなどのライブラリやフレームワークのベンチマーク比較","tags":["JavaScript","library"],"relatedLinks":[{"title":"Table Report","url":"http://stefankrause.net/js-frameworks-benchmark4/webdriver-ts/table.html"}]},{"date":"2016-09-19T13:56:05.116Z","title":"Developer's guide to accessibility mechanics — Developer's guide to accessibility mechanics","url":"https://ljwatson.github.io/decks/2016/fromthefront/index.html#cover","content":"デフォルトの`<a>`はどういうサポートがあるからaccessibleであるかについてを独自のリンク実装で見ていく話。\nまたデフォルトではaccessibleでないツールチップ、タブパネルなどをどうじっそうするか。\n実際にスクリーンリーダーの音を聞きながら確認できる","tags":["accessibility","slide"],"relatedLinks":[]},{"date":"2016-09-20T22:56:46.137Z","title":"Dev.Opera — What’s new in Chromium 53 and Opera 40","url":"https://dev.opera.com/blog/opera-40/","content":"input patternのRegExpが`u`フラグ扱いに、Shadow DOM v1、MediaStreamTrack Constraints APIの追加など","tags":["Opera","ReleaseNote"],"relatedLinks":[]},{"date":"2016-09-22T00:01:15.444Z","title":"Welcome to HTML 5.2!Telerik Developer Network","url":"http://developer.telerik.com/featured/welcome-to-html-5-2/","content":"W3C HTML5.2について。\n5.1からの差分について","tags":["W3C","HTML"],"relatedLinks":[]},{"date":"2016-09-22T00:27:02.754Z","title":"Browser Bug Searcher","url":"https://browser-issue-tracker-search.appspot.com/","content":"MSEdge、Firefox、Chrome、Opera、WebKitのIssue Trackerをまとめて検索できるサイト。\nブラウザのバグ検索エンジン","tags":["browser","issue","search"],"relatedLinks":[]},{"date":"2016-09-22T00:43:27.879Z","title":"Firefox 49.0 リリースノート","url":"https://www.mozilla.jp/firefox/49.0/releasenotes/","content":"Firefox 49リリース。\n既存コンテンツの互換性のために`-webkit-` prefixのプロパティをサポート、`<a>`要素の`referrerpolicy`属性のサポート、Web Speech APIの音声合成をサポートなど","tags":["firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 49 for developers","url":"https://developer.mozilla.org/ja/Firefox/Releases/49"},{"title":"Firefox 49 サイト互換性情報 | Firefox サイト互換性情報","url":"https://www.fxsitecompat.com/ja/versions/49/"},{"title":"Firefox 49 fixes sites designed with WebKit in mind, and more ★ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2016/09/firefox-49-fixes-sites-designed-with-webkit-in-mind-and-more/"}]},{"date":"2016-09-22T01:20:40.367Z","title":"Ahead-of-Time Compilation in Angular 2 – Minko Gechev's blog","url":"http://blog.mgechev.com/2016/08/14/ahead-of-time-compilation-angular-offline-precompilation/","content":"AnguarJS 2のAhead-of-Time (AOT)について","tags":["Angular"],"relatedLinks":[]},{"date":"2016-09-22T14:36:36.070Z","title":"Safari 10.0","url":"https://developer.apple.com/library/content/releasenotes/General/WhatsNewInSafari/Articles/Safari_10_0.html","content":"Safari 10.0リリース。\nIndexedDB、CSP 2.0、Shadow DOM v1、ES2015、Font Loading、ES i18n APIのサポートなど","tags":["apple","safari","ReleaseNote"],"relatedLinks":[]},{"date":"2016-09-24T04:16:17.590Z","title":"PM2 v2 - Bradbury","url":"https://keymetrics.io/2016/08/24/pm2-v2-released/","content":"PM2 V2リリース。\npm2-docker、transpilerサポートなど","tags":["node.js","Docker","ReleaseNote"],"relatedLinks":[]},{"date":"2016-09-24T04:22:16.202Z","title":"Snapshot Testing in React Storybook","url":"https://voice.kadira.io/snapshot-testing-in-react-storybook-43b3b71cec4f","content":"React Storybookを使ったスナップショットテストについて","tags":["React","testing"],"relatedLinks":[{"title":"kadirahq/storyshots: Snapshot testing for React Storybook","url":"https://github.com/kadirahq/storyshots"},{"title":"kadirahq/react-storybook: UI Component Dev Environment for React","url":"https://github.com/kadirahq/react-storybook"}]},{"date":"2016-09-24T04:30:51.656Z","title":"TypeScript 2.0 is now available! | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2016/09/22/announcing-typescript-2-0/","content":"TypeScript 2.0リリース。\nDefinitelyTypedの型定義ファイルをnpmモジュールとしてインストールできるように、non-nullable、read only modifierなど","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"| TypeScript 2.0 Awesomeness | Blog | SitePen","url":"https://www.sitepen.com/blog/2016/09/01/typescript-2-0-awesomeness/"},{"title":"Breaking Changes · Microsoft/TypeScript Wiki","url":"https://github.com/Microsoft/TypeScript/wiki/Breaking-Changes#typescript-20"},{"title":"What's new in TypeScript · Microsoft/TypeScript Wiki","url":"https://github.com/Microsoft/TypeScript/wiki/What%27s-new-in-TypeScript#typescript-20"}]},{"date":"2016-09-24T05:49:53.909Z","title":"Refactoring JavaScript - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920053262.do","content":"2017年1月発売\nJavaScriptのリファクタリングについての書籍","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2016-09-24T06:06:28.027Z","title":"ESLint v3.6.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2016/09/eslint-v3.6.0-released","content":"ESLint 3.6.0リリース。\nasync/awaitの対応と既存ルールの修正、`--fix`対応ルールの追加など","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"ESLint v3.6.0 - Qiita","url":"http://qiita.com/mysticatea/items/9fd48f9ac3faac578c62"}]},{"date":"2016-09-24T07:02:41.014Z","title":"jQuery 3.1.1 Released! | Official jQuery Blog","url":"http://blog.jquery.com/2016/09/22/jquery-3-1-1-released/","content":"jQuery 3.1.1リリース\n`:disabled`セレクタのバグ修正、AMDとして読み込んだときに`noConflict`を公開するようになるなど","tags":["jQuery","ReleaseNote"],"relatedLinks":[]},{"date":"2016-09-26T09:19:07.801Z","title":"jumpinjackie/jsdoc-typescript-plugin: JSDoc plugin to generate TypeScript definition files (.d.ts) from JSDoc-annotated source","url":"https://github.com/jumpinjackie/jsdoc-typescript-plugin","content":"JSDocからTypeScriptの型定義ファイルを生成するJSDoc plugin","tags":["JSDoc","TypeScript"],"relatedLinks":[]},{"date":"2016-09-26T12:49:12.429Z","title":"WebAssembly: birth of a virtual ISA (Ben Smith) - Full Stack Fest 2016 - YouTube","url":"https://www.youtube.com/watch?v=vmzz17JGPHI","content":"WebAssemblyが何であって、何でないか。\n歴史、asm.jsとの関係、コンパイル結果がどのような構造になってるかについての解説など","tags":["WebAssembly","video"],"relatedLinks":[]},{"date":"2016-09-26T12:58:49.003Z","title":"Use Easy-Fix to Run Integration Tests Like Unit Tests – WalmartLabs – Medium","url":"https://medium.com/walmartlabs/use-easy-fix-to-run-integration-tests-like-unit-tests-834288ec446d","content":"vcr系のテストライブラリ。\n実行結果を記録/リプレイするライブラリ。\n他のVCR系とは異なり非同期処理を記録することで、HTTPのみ限定していないという話","tags":["JavaScript","testing","library"],"relatedLinks":[{"title":"walmartlabs/easy-fix: easy-fix: run integration tests like unit tests","url":"https://github.com/walmartlabs/easy-fix"}]},{"date":"2016-09-26T13:03:18.242Z","title":"Testing Components in Angular 2 with Jasmine - Semaphore","url":"https://semaphoreci.com/community/tutorials/testing-components-in-angular-2-with-jasmine","content":"AngularJS 2のコンポーネントをjasmineでテストする話","tags":["Angular","testing"],"relatedLinks":[]},{"date":"2016-09-26T13:10:12.098Z","title":"pa11y のレポートを日本語で表示したかったので HTML_CodeSniffer の日本語版作った | WWW WATCH","url":"https://hyper-text.org/archives/2016/03/html_codesniffer_ja.shtml","content":"アクセシビリティチェックツールのpa11yのレポーター作成について","tags":["accessibility","Tools","translate"],"relatedLinks":[{"title":"Pa11y - Your automated accessibility testing pal","url":"http://pa11y.org/"}]},{"date":"2016-09-26T13:16:32.215Z","title":"Amazon.co.jp: いまから始めるWebフロントエンド開発 電子書籍: 松田 承一, 柴田 和祈: Kindleストア","url":"https://www.amazon.co.jp/%E3%81%84%E3%81%BE%E3%81%8B%E3%82%89%E5%A7%8B%E3%82%81%E3%82%8BWeb%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E9%96%8B%E7%99%BA-%E6%9D%BE%E7%94%B0-%E6%89%BF%E4%B8%80-ebook/dp/B01IEKIW7U","content":"TodoアプリをReact/Reduxで作るKindle本","tags":["kindle","book","JavaScript","redux"],"relatedLinks":[{"title":"【もうすぐ発売！】フロントエンド開発の入門書を書いています ※発売が始まりました – Shoichi Matsuda","url":"https://shoma2da.net/2016/08/01/web-frontend-dev-book/"}]},{"date":"2016-09-26T23:19:10.148Z","title":"CoffeeScript","url":"http://coffeescript.org/#1.11.0","content":"CoffeeScript 1.11.0リリース。\n`import`/`export`の構文をサポート、`--inline-map`コマンドラインオプションのサポートなど","tags":["CoffeeScript","ReleaseNote"],"relatedLinks":[{"title":"treat Infinity and NaN as reserved words · Issue #4218 · jashkenas/coffeescript","url":"https://github.com/jashkenas/coffeescript/issues/4218"},{"title":"Support import and export of ES2015 modules by GeoffreyBooth · Pull Request #4300 · jashkenas/coffeescript","url":"https://github.com/jashkenas/coffeescript/pull/4300"},{"title":"Opt-in ESNext features in 1.x · Issue #40 · coffeescript6/discuss","url":"https://github.com/coffeescript6/discuss/issues/40"}]},{"date":"2016-09-26T23:23:03.370Z","title":"CSP Evaluator","url":"https://csp-evaluator.withgoogle.com/","content":"CSPのポリシーディレクティブのチェックツール。\nポリシーの設定の構文エラー、設定の問題などを見つけてくれるツール","tags":["CSP","Tools"],"relatedLinks":[]},{"date":"2016-09-27T16:02:19.700Z","title":"複雑なJavaScriptアプリケーションを考えながら作る話","url":"http://azu.github.io/slide/2016/react-meetup/large-scale-javascript.html","content":"JavaScriptで複雑なアプリケーションを作る場合にどのように考えるかというスライド。\nドメインモデルをどのように考えて作っていくかについて。 Babel、React、Almin、PostCSSがベース。\n","tags":["JavaScript","slide","CQRS","DDD"],"relatedLinks":[{"title":"azu/large-scale-javascript: 複雑なJavaScriptアプリケーションを作るために考えること","url":"https://github.com/azu/large-scale-javascript"}]},{"date":"2016-09-28T20:27:46.537Z","title":"Loading Polyfills Only When Needed — Philip Walton","url":"https://philipwalton.com/articles/loading-polyfills-only-when-needed/","content":"polyfillをサポートしてない環境だけで動的に読み込みたいという話","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2016-09-29T11:34:39.412Z","title":"6.16.0 Released · Babel","url":"https://babeljs.io/blog/2016/09/28/6.16.0","content":"Babel 6.16.0リリース。\nbabel-coreが`parserOpts`と`generatorOpts`をサポートするなど","tags":["babel","ReleaseNote"],"relatedLinks":[]},{"date":"2016-09-29T13:09:42.518Z","title":"Web Platform Feature Availability","url":"https://paulirish.github.io/web-feature-availability/","content":"CanIUseとStarCounterを使いある機能がどれぐらいのプラットフォームで利用できるかを一覧できるサイト","tags":["webservice","browser"],"relatedLinks":[]},{"date":"2016-09-29T13:11:50.551Z","title":"Master the DOM – Medium","url":"https://medium.com/@pakastin/master-the-dom-bc1a2a06089b","content":"DOM APIでのDOM Treeの基本的な操作を見ていく話。","tags":["DOM","tutorial"],"relatedLinks":[]},{"date":"2016-09-29T14:44:06.128Z","title":"Release Notes for Safari Technology Preview Release 14 | WebKit","url":"https://webkit.org/blog/6969/release-notes-for-safari-technology-preview-release-14/","content":"Safari Technology Preview Release 14リリース。\n`URLSearchParams`の実装、safaridriverも含むようになるなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2016-09-30T14:05:04.745Z","title":"Release v0.33.0 · facebook/flow","url":"https://github.com/facebook/flow/releases/tag/v0.33.0","content":"FlowType 0.33.0リリース。\n","tags":["flowtype","ReleaseNote"],"relatedLinks":[]},{"date":"2016-09-30T15:34:50.977Z","title":"React Status: A Free, Weekly Email Newsletter","url":"http://react.statuscode.com/","content":"Reactについてを扱うWeeklyメールマガジン","tags":["React","news","mail"],"relatedLinks":[]},{"date":"2016-10-01T00:03:16.021Z","title":"Fix and prevent known vulnerabilities in Node.js apps | Snyk","url":"https://snyk.io/","content":"Node.js appの既知の脆弱性などを通知、修正などを行うサービス。\nCIで自動的にチェックできる","tags":["node.js","security","webservice"],"relatedLinks":[]},{"date":"2016-10-01T00:22:45.034Z","title":"mkwtys/bundle-size: Show bundle file size of npm packages","url":"https://github.com/mkwtys/bundle-size","content":"指定したパッケージのファイルサイズを出力できるCLI。\nenviromentを指定できるのでdevelopmentとproductionのファイルサイズをminify、gzip済みで比較できる","tags":["JavaScript","Tools"],"relatedLinks":[]},{"date":"2016-10-01T02:20:39.170Z","title":"Webpack Visualizer","url":"https://chrisbateman.github.io/webpack-visualizer/","content":"webpackのstats.jsonをビジュアライズして解析できるツール。\n\n![ss](https://monosnap.com/file/0BiRKTcxdo0ccToUKt9BXbrSMXU6ZB.png)","tags":["webpack","Tools"],"relatedLinks":[]},{"date":"2016-10-01T02:23:07.987Z","title":"Webpack Chart","url":"https://alexkuz.github.io/webpack-chart/","content":"webpackのstats.jsonをビジュアライズできるツール。\n項目をクリックするとそれを中心にサイズを詳細に出していける","tags":["webpack","Tools"],"relatedLinks":[]},{"date":"2016-10-01T07:54:02.811Z","title":"Vue 2.0 is Here! – The Vue Point – Medium","url":"https://medium.com/the-vue-point/vue-2-0-is-here-ef1f26acf4b8","content":"Vue.js 2.0リリース。\n1.xからのマイグレーションヘルパーも公開されている。","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"vuejs/vue-migration-helper: CLI tool to aid in migration from Vue 1.x to 2.0","url":"https://github.com/vuejs/vue-migration-helper"},{"title":"Migration from Vue 1.x - vue.js","url":"http://vuejs.org/guide/migration.html"}]},{"date":"2016-10-01T08:37:54.790Z","title":"Node v6.7.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v6.7.0/","content":"Node v6.7.0リリース。\nセキュリティアップデートが含まれる更新","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2016-10-01T15:17:13.099Z","title":"RE:DOM is now 1.0! – RE:DOM – Medium","url":"https://medium.com/re-dom/re-dom-is-now-1-0-58ec0328a59d","content":"RE:DOM 1.0リリース\n合わせてRE:DOM向けのfake domであるNO:DOMも公開されてる","tags":["JavaScript","DOM","ReleaseNote"],"relatedLinks":[{"title":"pakastin/redom: Tiny, but super fast DOM library with 100 % test coverage!","url":"https://github.com/pakastin/redom"},{"title":"pakastin/nodom: fake DOM for RE:DOM","url":"https://github.com/pakastin/nodom"}]},{"date":"2016-10-01T15:19:29.691Z","title":"TypeScript Design Patterns - O'Reilly Media","url":"http://shop.oreilly.com/product/9781785280832.do","content":"TypeScriptでのデザインパターン本","tags":["TypeScript","デザインパターン","book"],"relatedLinks":[]},{"date":"2016-10-02T05:13:32.095Z","title":"Node.js debugging with Chrome DevTools (in parallel with browser JavaScript)","url":"https://blog.hospodarets.com/nodejs-debugging-in-chrome-devtools","content":"Node.jsをChromeの開発者ツールでデバッグする方法について。\n設定を有効にする手順","tags":["Chrome","debug","node.js"],"relatedLinks":[]},{"date":"2016-10-02T05:22:09.841Z","title":"ESLint v3.7.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2016/09/eslint-v3.7.0-released","content":"ESLint v3.7.0リリース。\n`--fix`対応のルールの追加など","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"ESLint v3.7.0 - Qiita","url":"http://qiita.com/mysticatea/items/dd90aff81eeb92683c5d"}]},{"date":"2016-10-02T06:36:46.135Z","title":"Release v6.17.0 · babel/babel","url":"https://github.com/babel/babel/releases/tag/v6.17.0","content":"Babel v6.17.0リリース。\nProposalのStage変更を反映、async generatorとobject rest-spreadをstage3へ、optimize-js関連の変更など","tags":["babel","ReleaseNote"],"relatedLinks":[{"title":"ECMAScript proposal updates @ 2016-10 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/2016/10/02/proposals-updates"}]},{"date":"2016-10-02T12:04:13.683Z","title":"CodePen - React ES6 lifecycles","url":"http://codepen.io/netsi1964/full/NRgyZX/","content":"Reactのライフサイクルのまとめ。\n実際に動くコードがドキュメントになっていて、動作をさせながらライフサイクルメソッドの実行順について見ることができる","tags":["React","document"],"relatedLinks":[]},{"date":"2016-10-02T12:16:10.748Z","title":"requestAnimationFrame とタイマーの今更な比較とデモ ::ハブろぐ","url":"https://havelog.ayumusato.com/develop/javascript/e725-timer_vs_raf.html","content":"`requestAnimationFrame`と`setTimeout`の比較。\n`setTimeout`は細かい処理でも影響を受けやすいという話","tags":["JavaScript","browser"],"relatedLinks":[]},{"date":"2016-10-02T14:13:03.891Z","title":"hemanth/es-next: stage-0 to stage-4 ECMAscript proposals.","url":"https://github.com/hemanth/es-next","content":"ECMAScript proposalsのStage別まとめ。\nそれぞれに小さなサンプルコードが書かれている。","tags":["ECMAScript","proposal"],"relatedLinks":[]},{"date":"2016-10-02T14:50:27.681Z","title":"krasimir/navigo: A simple vanilla JavaScript router with a fallback for older browsers","url":"https://github.com/krasimir/navigo","content":"シンプルなルーターライブラリ。\nマッピングに正規表現も利用できる","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2016-10-02T15:31:03.254Z","title":"Common CSS Mistakes (And How To Fix Them)","url":"https://blog.mariano.io/common-css-mistakes-and-how-to-fix-them-8ee0f5e88d64","content":"CSSのよくある間違いと修正方法","tags":["CSS"],"relatedLinks":[]},{"date":"2016-10-03T00:51:31.485Z","title":"ECMAScript proposal updates @ 2016-10 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/2016/10/02/proposals-updates","content":"2016年10月時点での、ECMAScript Proposalのステータスまとめ。 9月のミーティングで変更されたStageのまとめ","tags":["ECMAScript","proposal"],"relatedLinks":[]},{"date":"2016-10-03T02:22:53.771Z","title":"WebVR - virtual reality in your browsers // Speaker Deck","url":"https://speakerdeck.com/casarock/webvr-virtual-reality-in-your-browsers","content":"VRの歴史やWebVR APIについてのスライド。\nまたWebVR APIを使ったユースケースの紹介","tags":["JavaScript","browser","VR"],"relatedLinks":[]},{"date":"2016-10-03T12:33:51.966Z","title":"jsdom/Changelog.md at 9.6.0 · tmpvar/jsdom","url":"https://github.com/tmpvar/jsdom/blob/9.6.0/Changelog.md","content":"jsdom 9.6.0リリース。\nHTMLCollectionがiterableに対応など","tags":["JavaScript","DOM","library","ReleaseNote"],"relatedLinks":[]},{"date":"2016-10-03T13:47:00.509Z","title":"event.offsetX,Yの罠...どこが原点の座標値なのかを理解する (currentTargetとtarget) - Qiita","url":"http://qiita.com/yukiB/items/cc533fbbf3bb8372a924","content":"targetとcurrentTargetの違い、offsetX/Y、screenX/Y、getBoundingClientRect()などについて","tags":["JavaScript","DOM"],"relatedLinks":[{"title":"マウスイベントで取得されるカーソル座標パラメータの整理(offset, page, screen, client) - Qiita","url":"http://qiita.com/yukiB/items/31a9e9e600dfb1f34f76"}]},{"date":"2016-10-03T13:58:22.044Z","title":"JavaScriptライブラリ/プロジェクトのファイルサイズの問題点を見つける方法 - Qiita","url":"http://qiita.com/azu/items/7b54d614dc816780034a","content":"Browserifyやwebpackなどでbundleしたファイルのサイズや依存モジュールのサイズなどを確認する方法について","tags":["browser","browserify","webpack","Tools","library"],"relatedLinks":[]},{"date":"2016-10-03T14:01:07.315Z","title":"DeNADev/wahid: A CreateJS-compatible library for games","url":"https://github.com/DeNADev/wahid","content":"CreateJS互換の(モバイル)ゲーム向けライブラリ","tags":["JavaScript","game","library"],"relatedLinks":[{"title":"CreateJS 互換ライブラリ wahid の開発 — Mobage Developers Blog","url":"http://developers.mobage.jp/blog/createjs-wahid"}]},{"date":"2016-10-04T15:24:16.070Z","title":"What every JavaScript developer should know about Unicode","url":"https://rainsoft.io/what-every-javascript-developer-should-know-about-unicode/","content":"JavaScriptの文字列とUnicodeについて網羅的な解説。\nUnicodeにおける用語、Character、Code point、Plane、BMP、Code unit、サロゲートペア、Combing marks、エスケープシーケンス、文字列比較、Normalize、length、正規表現について","tags":["JavaScript","Unicode"],"relatedLinks":[]},{"date":"2016-10-05T00:31:15.770Z","title":"Progressive Web Apps with React.js: Part 2 — Page Load Performance – Medium","url":"https://medium.com/@addyosmani/progressive-web-apps-with-react-js-part-2-page-load-performance-33b932d97cf2","content":"初期表示を早くするために、Routingごとにファイルとして分けて動的にロードする話。\nwebpackを使っての分割と読み込み、link preloadを使っての先読み、キャッシュについて","tags":["webpack","React","performance"],"relatedLinks":[]},{"date":"2016-10-05T13:02:26.181Z","title":"React Components - O'Reilly Media","url":"http://shop.oreilly.com/product/9781785889288.do","content":"React Componentについての書籍","tags":["React","book"],"relatedLinks":[]},{"date":"2016-10-06T02:29:23.186Z","title":"はてな教科書 JavaScript 編 · GitBook","url":"https://hatena.github.io/Hatena-Textbook-JavaScript/","content":"JavaScriptの基本文法やDOM、Node.js、jQueryについてをざっと見ていく内容","tags":["JavaScript","ebook"],"relatedLinks":[{"title":"はてなサマーインターン2016を終え、「はてな教科書」をアップデートしました - Hatena Developer Blog","url":"http://developer.hatenastaff.com/entry/2016/10/05/160000"},{"title":"hatena/Hatena-Textbook-JavaScript: はてな研修用JavaScript教科書","url":"https://github.com/hatena/Hatena-Textbook-JavaScript"}]},{"date":"2016-10-06T13:30:38.159Z","title":"Testing with Jest Snapshots: First Impressions","url":"http://benmccormick.org/","content":"JestによるSnapshotテストについて","tags":["React","testing"],"relatedLinks":[]},{"date":"2016-10-07T12:32:15.680Z","title":"babel/babel-preset-env: WIP: Autoprefixer for Babel: target specific environments (browser, node, etc)","url":"https://github.com/babel/babel-preset-env","content":"targetでブラウザやNode.jsのバージョンを指定することで、それに対応した最小限の変換を行うbabel preset","tags":["babel","browser","node.js"],"relatedLinks":[]},{"date":"2016-10-08T08:08:14.304Z","title":"Proper Error Handling // Speaker Deck","url":"https://speakerdeck.com/michelebertoli/proper-error-handling","content":"エラーハンドリング周りについてスライド。\n何のためにするのか、手法やReactなどにおけるエラーハンドリングについて","tags":["JavaScript","React","slide"],"relatedLinks":[]},{"date":"2016-10-08T12:26:15.648Z","title":"Manning | Functional Programming in JavaScript","url":"https://www.manning.com/books/functional-programming-in-javascript","content":"関数型プログラミングについての書籍\nサンプルコードがES2015ベースで書かれている。","tags":["JavaScript","関数型プログラミング","book"],"relatedLinks":[]},{"date":"2016-10-08T12:46:46.055Z","title":"JavaScript : Functional Programming for JavaScript Developers | PACKT Books","url":"https://www.packtpub.com/web-development/javascript-functional-programming-javascript-developers","content":"JavaScriptでの関数型プログラミングのパターン本","tags":["JavaScript","関数型プログラミング"],"relatedLinks":[]},{"date":"2016-10-08T12:59:29.382Z","title":"UI-Router","url":"https://ui-router.github.io/","content":"AngularとReactに対応したルータライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2016-10-09T00:45:59.430Z","title":"create-react-app-introduction // Speaker Deck","url":"https://speakerdeck.com/adwd/create-react-app-introduction","content":"ReactのStarterKit的な`create-react-app`についての紹介","tags":["React","Tools","slide"],"relatedLinks":[{"title":"facebookincubator/create-react-app: Create React apps with no build configuration.","url":"https://github.com/facebookincubator/create-react-app"}]},{"date":"2016-10-09T00:57:04.137Z","title":"Office UI Fabric","url":"http://dev.office.com/fabric","content":"Office 365とかのUIコンポーネントを提供するライブラリ。\nVanilla JS、React、Angular、iOS版がある。","tags":["MS","UI","React","Angular"],"relatedLinks":[]},{"date":"2016-10-10T10:18:21.667Z","title":"Web Components 2016 & Polymer v2","url":"https://1000ch.github.io/slide/webcomponents-2016/","content":"Web Componentsについてのスライド。\nShadow DOM v1、Custom Elements v1それぞの変更点。\nPolymer v2や`is`属性についてなど","tags":["WebComponents","library","slide"],"relatedLinks":[]},{"date":"2016-10-10T12:52:05.457Z","title":"npm-scripts で Web フロントエンド開発を管理する – アカベコマイリ","url":"http://akabeko.me/blog/2016/10/npm-scripts-web-front-end-development/","viaURL":"https://github.com/jser/ping/issues/16","content":"npm run-scriptについて詳しく書かれた記事。\ngulpなどのTask Runnerで行う典型的なユースケースをnpm run-scriptでやった場合にどうなるかや、クロスプラットフォームで動くツールについて書かれている。","tags":["npm","console"],"relatedLinks":[]},{"date":"2016-10-12T13:20:52.004Z","title":"JSPerf - Community Driven JavaScript Performance Benchmarks","url":"http://jsperf.co/","viaURL":null,"content":"JavaScriptのコードのパフォーマンス計測サイト。\njsperf.com と似たような感じのサイト。\nデータはGitHubへ自動的にコミットされ、Jekyllを使った静的サイトとして配信されてる。","tags":["JavaScript","performance"],"relatedLinks":[{"title":"hasharray/jsperf: JavaScript Performance Benchmarks","url":"https://github.com/hasharray/jsperf"}]},{"date":"2016-10-13T01:10:20.062Z","title":"Node v6.8.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v6.8.0/","viaURL":null,"content":"Node v6.8.0リリース。\n`fs.existsSync`がdeprecatedではなくなった。`http.request`が`timeout`オプションを受け取れるようになるなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2016-10-13T01:46:40.420Z","title":"naptha/tesseract.js: Pure Javascript OCR for 62 Languages","url":"https://github.com/naptha/tesseract.js","viaURL":null,"content":"tesseract OCRのJavaScript port。\nブラウザやNodeでOCRできるライブラリ","tags":["JavaScript","OCR","library"],"relatedLinks":[{"title":"Compile to EMScripten/asm.js · Issue #75 · tesseract-ocr/tesseract","url":"https://github.com/tesseract-ocr/tesseract/issues/75"},{"title":"tesseract-ocr/tesseract: Tesseract Open Source OCR Engine (main repository)","url":"https://github.com/tesseract-ocr/tesseract"}]},{"date":"2016-10-13T13:24:26.089Z","title":"Angular 2.1.0 Now Available","url":"http://angularjs.blogspot.com/2016/10/angular-210-now-available.html","viaURL":null,"content":"Angular 2.1.0リリース。\nRouterがpreloadingのサポートなど","tags":["Angular","ReleaseNote"],"relatedLinks":[]},{"date":"2016-10-14T15:08:56.967Z","title":"AbemaTV の番組表リニューアルに伴うパフォーマンス改善 - Qiita","url":"http://qiita.com/keyi8773/items/f435f062afa7c5dc8e13","viaURL":null,"content":"無限スクロール系のUIパフォーマンスの改善について。\nレンダリングの改善、`position: relative`による意図しないレイヤーが作成される問題、スロットリングなどの低減策についてなど","tags":["JavaScript","DOM","React"],"relatedLinks":[{"title":"GPUアクセラレーションとposition: relativeによるレイヤー生成について ::ハブろぐ","url":"https://havelog.ayumusato.com/develop/performance/e556-compositing_border_and_layer.html"}]},{"date":"2016-10-15T02:37:44.607Z","title":"ESLint v3.8.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2016/10/eslint-v3.8.0-released","viaURL":null,"content":"ESLint 3.8.0リリース。\n`executeOnFiles()`の結果の`source`プロパティにソースコードを含められるように、新しいルールの追加や修正など","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"ESLint v3.8.0 - Qiita","url":"http://qiita.com/mysticatea/items/6f037c15057c57982453"}]},{"date":"2016-10-16T04:54:42.053Z","title":"jsdom/Changelog.md at 9.7.1 · tmpvar/jsdom","url":"https://github.com/tmpvar/jsdom/blob/9.7.1/Changelog.md","viaURL":null,"content":"jsdom 9.7.0リリース。\nEventListenerOptionsのサポート、`document.hasFocus()`のサポートなど","tags":["JavaScript","DOM","library","ReleaseNote"],"relatedLinks":[]},{"date":"2016-10-16T14:27:28.917Z","title":"Release Notes for Safari Technology Preview 15 | WebKit","url":"https://webkit.org/blog/6987/release-notes-for-safari-technology-preview-15/","viaURL":null,"content":"Safari Technology Preview Release 15リリース。\nEl Capitan向けの最後のリリース、Fetch APIの改善、`download`属性のサポート、`DOMTokenList.prototype.supports()`のサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"title":"Introduction to HTTP/2  |  Web  |  Google Developers","url":"https://developers.google.com/web/fundamentals/performance/http2/","content":"HTTP/2入門記事。 HTTP/2の概要が簡潔にまとまっている","tags":["HTTP2","tutorial"],"date":"2016-10-16T14:29:59.820Z","relatedLinks":[]},{"date":"2016-10-16T14:31:22.975Z","title":"アメブロ2016 ~ React/ReduxでつくるIsomorphic web app ~ | CyberAgent Developers Blog | サイバーエージェント デベロッパーズブログ","url":"https://developers.cyberagent.co.jp/blog/archives/636/","viaURL":null,"content":"アメブロをReact/Reduxでサーバサイドレンダリングの構造に移行するまでの話。\nツール環境、CSS、アクセシビリティ、レンダリングについてなど","tags":["React","redux","JavaScript"],"relatedLinks":[]},{"date":"2016-10-16T14:40:16.954Z","title":"Vue.js入門 ―最速で作るシンプルなWebアプリケーション：連載｜gihyo.jp … 技術評論社","url":"http://gihyo.jp/dev/serial/01/vuejs","viaURL":"https://github.com/jser/ping/issues/17","content":"Vue.jsについての連載","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2016-10-16T14:52:22.287Z","title":"emartech/angular2-phonecat: Angular 2 port of the original Angular Phonecat application with Webpack","url":"https://github.com/emartech/angular2-phonecat","viaURL":null,"content":"AngularJS 2にPhonecatを移植したもの","tags":["Angular"],"relatedLinks":[]},{"date":"2016-10-17T14:27:23.681Z","title":"pauliusuza/node-v7-async-await-demo: Node.js 7.x async / await support demonstration","url":"https://github.com/pauliusuza/node-v7-async-await-demo","viaURL":null,"content":"Node.js 7.xでasync/awaitを有効にするデモ","tags":["node.js"],"relatedLinks":[]},{"date":"2016-10-17T14:28:00.087Z","title":"Exploring JavaScript: Typed Arrays","url":"https://codingbox.io/exploring-javascript-typed-arrays-c8fd4f8bd24f","viaURL":null,"content":"Typed Arraysについての入門的な解説","tags":["JavaScript"],"relatedLinks":[]},{"title":"JavaScriptの配列のパターン | Web Scratch","url":"http://efcl.info/2016/10/11/array-patterns/","content":"ES2015+をベースにした配列のパターンについて。 `indexOf(x) === -1`とか使わなくていいパターンや代替となる方法などについてサンプルコードを中心にかかれている","tags":["JavaScript","ECMAScript"],"date":"2016-10-17T14:28:29.256Z","relatedLinks":[]},{"date":"2016-10-17T14:37:50.800Z","title":"The Linux Foundation Unites JavaScript Community for Open Web Development | The JS Foundation","url":"https://js.foundation/announcements/2016/10/17/Linux-Foundation-Unites-JavaScript-Community-Open-Web-Development/","viaURL":null,"content":"jQuery FoundationはJS Foundationになった。","tags":["JavaScript","jQuery"],"relatedLinks":[{"title":"JS Foundation (@the_jsf) | Twitter","url":"https://twitter.com/the_jsf"},{"title":"jquery on Twitter: &#34;The jQuery Foundation is now the JS Foundation, you can follow the Foundation on @the_jsf and the jQuery project here on @jquery!&#34;","url":"https://twitter.com/jquery/status/788012682494423040"}]},{"date":"2016-10-17T15:33:21.591Z","title":"Undo Functionality with the Command Pattern in JavaScript — Pyred","url":"http://pyred.net/coding/2016/10/12/undo-functionality-with-the-command-pattern-in-javascript","viaURL":null,"content":"JavaScriptでのコマンドパターンについて","tags":["JavaScript","デザインパターン"],"relatedLinks":[]},{"date":"2016-10-17T15:55:35.572Z","title":"モダン日本語フォント指定 // Speaker Deck","url":"https://speakerdeck.com/tacamy/modanri-ben-yu-huontozhi-ding","viaURL":null,"content":"CSSのfont-familyについてのスライド。\nOSやブラウザでfontの情報が異なるため、@font-faceを使い定義するという話","tags":["CSS","fonts"],"relatedLinks":[]},{"date":"2016-10-17T23:03:27.042Z","title":"getify/Functional-Light-JS: A book about functional programming in JavaScript.","url":"https://github.com/getify/Functional-Light-JS","viaURL":null,"content":"関数型JavaScriptについての無料の書籍","tags":["JavaScript","関数型プログラミング","ebook"],"relatedLinks":[]},{"date":"2016-10-18T00:33:50.962Z","title":"Yarn","url":"https://yarnpkg.com/","viaURL":"https://github.com/jser/ping/issues/20","content":"npmクライアントツール。\n`package.json`の扱いは既存のnpmと互換を持つ。\nキャッシュや並列処理を行い高速なインストール、`yarn.lock`を使った依存バージョン固定を正確に行える。","tags":["npm","node.js","Tools"],"relatedLinks":[{"title":"Yarn: A new package manager for JavaScript | Engineering Blog | Facebook Code","url":"https://code.facebook.com/posts/1840075619545360"},{"title":"The npm Blog — Hello, Yarn!","url":"http://blog.npmjs.org/post/151660845210/hello-yarn"},{"title":"Migrating from npm | Yarn","url":"https://yarnpkg.com/en/docs/migrating-from-npm"}]},{"date":"2016-10-19T11:35:01.693Z","title":"Pragmatic, Practical, and Progressive Theming with Custom Properties – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts","url":"http://csswizardry.com/2016/10/pragmatic-practical-progressive-theming-with-custom-properties/","viaURL":null,"content":"CSS Custom Propertyを使ったテーマの実装","tags":["CSS"],"relatedLinks":[]},{"date":"2016-10-20T01:00:19.846Z","title":"Node v6.9.0 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v6.9.0/","viaURL":null,"content":"Node.js v6.9.0 (LTS)リリース。\nNode.js v4.x (LTS)からのマイグレーションガイドも書かれている。\nv6.xは2018年4月までアクティブなLTSとなる。","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"Node.js v6 Transitions to LTS – Medium","url":"https://medium.com/@nodejs/node-js-v6-transitions-to-lts-be7f18c17159"}]},{"date":"2016-10-20T01:05:18.505Z","title":"Node.js v6 Transitions to LTS – Medium","url":"https://medium.com/@nodejs/node-js-v6-transitions-to-lts-be7f18c17159","viaURL":null,"content":"Node.js v6以降のLTSスケジュールについて\nNode.js v0.10/v0.12は2016年12月でEOLとなる。","tags":["node.js"],"relatedLinks":[]},{"date":"2016-10-20T02:55:39.650Z","title":"jsPerf: JavaScript performance playground","url":"https://jsperf.com/","viaURL":null,"content":"JavaScriptスニペットのパフォーマンス計測サービスであるjsPerfのリニューアル公開","tags":["JavaScript","performance","webservice"],"relatedLinks":[]},{"date":"2016-10-20T11:47:25.854Z","title":"flux/CHANGELOG.md at 3.1.0 · facebook/flux","url":"https://github.com/facebook/flux/blob/3.1.0/CHANGELOG.md","viaURL":null,"content":"Facebook/flux 3.0.0リリース。\n`FluxMapStore`を削除","tags":["facebook","Flux","library","ReleaseNote"],"relatedLinks":[]},{"date":"2016-10-20T14:45:31.028Z","title":"JavaScript フレームワーク入門 : 掌田津耶乃 : 本 : Amazon.co.jp","url":"https://www.amazon.co.jp/JavaScript-%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF%E5%85%A5%E9%96%80-%E6%8E%8C%E7%94%B0%E6%B4%A5%E8%80%B6%E4%B9%83/dp/4798047848","viaURL":null,"content":"TypeScript、npmとBower、webpack、jQuery、Vue.js、Backbone.js、Angular、React、AureliaなどのJavaScriptの色々なツールやフレームワークについての本","tags":["JavaScript","library","book"],"relatedLinks":[]},{"date":"2016-10-21T01:08:01.718Z","title":"Ember.js - Ember.js 2.8-LTS, 2.9 and 2.10 Beta Released","url":"http://emberjs.com/blog/2016/10/17/ember-2-9-released.html","viaURL":null,"content":"Ember.js 2.8-LTS、2.9、2.10β リリース。\n2.8-LTSでは2018年2月までセキュリティパッチがリリースされる。","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2016-10-21T16:40:51.656Z","title":"Release JSHint 2.9.4 · jshint/jshint","url":"https://github.com/jshint/jshint/releases/tag/2.9.4","viaURL":null,"content":"JSHint 2.9.4リリース。\nTDZの対応、重複したエラー報告をしないようになるなど","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2016-10-22T04:57:02.153Z","title":"auxclick is Coming to Chrome 55  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2016/10/auxclick","viaURL":null,"content":"左クリック以外に反応する`clicK`イベントである`auxclick`イベントについて。","tags":["Chrome","JavaScript"],"relatedLinks":[]},{"date":"2016-10-22T05:04:52.371Z","title":"Once Upon an Event Listener  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2016/10/addeventlistener-once","viaURL":null,"content":"`HTMLElement#addEventListener`の`{once}`オプションについて。\n一度のみハンドリングするハンドラを指定できる","tags":["JavaScript","DOM"],"relatedLinks":[]},{"date":"2016-10-22T05:13:10.778Z","title":"Async functions - making promises friendly  |  Web  |  Google Developers","url":"https://developers.google.com/web/fundamentals/getting-started/primers/async-functions","viaURL":null,"content":"async/awaitについて。\nsequentialとparallelな書き方の違いについてサンプルコードと共に解説してる","tags":["JavaScript"],"relatedLinks":[]},{"date":"2016-10-22T06:11:15.049Z","title":"A JavaScript library for building user interfaces - React","url":"https://facebook.github.io/react/","viaURL":null,"content":"Reactのドキュメントが新しくなった。\nCodepenでサンプルを実行できるように","tags":[],"relatedLinks":[{"title":"Dan Abramov on Twitter: &#34;New React docs are live! Featuring all-new guides written from scratch, ES6 examples, and CodePen snippets. https://t.co/cNZZC1vVZc https://t.co/8cZCO1W5pG&#34;","url":"https://twitter.com/dan_abramov/status/789573515750076417"}]},{"date":"2016-10-22T06:12:40.093Z","title":"Migrating to Webpack 2","url":"http://javascriptplayground.com/blog/2016/10/moving-to-webpack-2/","viaURL":null,"content":"webpack@1から@2へのマイグレーションについて","tags":["webpack","document"],"relatedLinks":[{"title":"How to Upgrade from Webpack 1?","url":"https://webpack.js.org/how-to/upgrade-from-webpack-1/"}]},{"title":"beautify-web/js-beautify · GitHub","url":"https://github.com/beautify-web/js-beautify","content":"JavaScriptを整形できるツールとサイト。 `.jsbeautifyrc`で設定を管理できる","tags":["JavaScript","Tools"],"date":"2016-10-22T06:22:26.710Z","relatedLinks":[]},{"date":"2016-10-22T06:34:42.741Z","title":"Chromium Blog: Chrome 55 Beta: Input handling improvements and async/await functions","url":"https://blog.chromium.org/2016/10/chrome-55-beta-input-handling.html","viaURL":null,"content":"Chrome 55 Betaリリース。\nPointer Events、async/await、CSS `hyphens`、Persistent Storageのサポートなど\ncorss originでかつ2G回線における`document.write`をブロックするようになるなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2016-10-22T07:46:52.670Z","title":"Syntax: language agnostic parser generator – Medium","url":"https://medium.com/@DmitrySoshnikov/syntax-language-agnostic-parser-generator-bd24468d7cfc","viaURL":null,"content":"言語を問わないagnosticなパーサ、ジェネレータツールキット","tags":["JavaScript","library"],"relatedLinks":[{"title":"DmitrySoshnikov/syntax: Syntactic analysis toolkit for education, tracing the parsing process, and parsers generation.","url":"https://github.com/DmitrySoshnikov/syntax"}]},{"date":"2016-10-22T10:30:16.813Z","title":"Tips for using async functions (ES2017)","url":"http://www.2ality.com/2016/10/async-function-tips.html","viaURL":null,"content":"async/awaitの細かな注意点について。\nasyncの動作、awaitを忘れた場合の動画、`await Promise.all()`、コールバックとasync、unhandled rejectionについて","tags":["JavaScript"],"relatedLinks":[]},{"date":"2016-10-23T00:18:41.912Z","title":"Release v4.0.0 · npm/npm","url":"https://github.com/npm/npm/releases/tag/v4.0.0","viaURL":null,"content":"npm v4 Preリリース\n`npm i -g npm@4`でインストールができるように、`npm search`の速度改善、`publish`ライフサイクルがdepreated、代わりに`prepare`や`prepublishOnly`が利用可能に、\n`npm tag`が削除など","tags":["npm","ReleaseNote"],"relatedLinks":[{"title":"node-gakuen-201610.md","url":"https://gist.github.com/othiym23/c98bd4ef5d9fb3f496835bd481ef40ae"},{"title":"$ npm search npm # on npm@4","url":"https://twitter.com/azu_re/status/789985478065790976"}]},{"date":"2016-10-23T00:37:05.565Z","title":"jgraph/mxgraph: mxGraph is a fully client side JavaScript diagramming library","url":"https://github.com/jgraph/mxgraph","viaURL":null,"content":"draw.ioで使われているSVGの作図ライブラリ。","tags":["JavaScript","SVG","library"],"relatedLinks":[{"title":"JavaScript Diagram Editor","url":"https://jgraph.github.io/mxgraph/javascript/"},{"title":"jgraph/draw.io: Source to www.draw.io","url":"https://github.com/jgraph/draw.io"}]},{"date":"2016-10-23T08:52:02.643Z","title":"Polymer Summit 2016 - YouTube","url":"https://www.youtube.com/playlist?list=PLNYkxOF6rcICc687SxHQRuo9TVNOJelSZ","viaURL":null,"content":"Polymer Summit 2016の動画一覧","tags":["JavaScript","WebComponents","Conference"],"relatedLinks":[{"title":"Polymer Summit 2016","url":"https://www.polymer-project.org/summit"}]},{"date":"2016-10-24T00:23:58.772Z","title":"Automated browser testing for the modern web development stack | TestCafe","url":"http://devexpress.github.io/testcafe/","viaURL":null,"content":"設定なしで使える自動テストフレームワーク。\nSeleniumを使わないので単独で動作する。\nBabelを内蔵しasync/awaitなどを扱え、自動的に一定時間待つなどの仕組みを持っている。","tags":["JavaScript","testing","E2E"],"relatedLinks":[{"title":"TestCafeでブラウザの自動テスト(E2Eテスト) | Web Scratch","url":"http://efcl.info/2016/10/23/testcafe/"},{"title":"Why not use Selenium? - Questions - TestCafe Discussion Board","url":"https://testcafe-discuss.devexpress.com/t/why-not-use-selenium/47/2"}]},{"date":"2016-10-24T00:25:58.265Z","title":"TestCafeでブラウザの自動テスト(E2Eテスト) | Web Scratch","url":"http://efcl.info/2016/10/23/testcafe/","viaURL":null,"content":"ブラウザの自動テストフレームワークであるTestCafeの使い方についての解説。\n設定レスで動作する仕組み、リモートテスト、テストコードについて","tags":["JavaScript","browser","testing","E2E"],"relatedLinks":[]},{"date":"2016-10-24T00:27:19.018Z","title":"Hyperform - Capture form validation back from the browser","url":"https://hyperform.js.org/","viaURL":null,"content":"HTML 5 form validation APIをpolyfill/置き換える実装を持つフォームバリデーションライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2016-10-25T13:46:51.169Z","title":"6.18.0 Released · Babel","url":"https://babeljs.io/blog/2016/10/24/6.18.0","viaURL":null,"content":"Babel v6.18.0リリース。\n`import()`のinitialサポート、`helper-builder-react-jsx`に`useBuiltIns`オプションの追加など","tags":["babel","ReleaseNote"],"relatedLinks":[]},{"date":"2016-10-26T09:58:30.996Z","title":"Node v7.0.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v7.0.0/","viaURL":null,"content":"Node v7.0.0リリース。\nV8のアップデート、WHATWG URL Parserの試験的サポートなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2016-10-26T11:10:22.689Z","title":"V8 JavaScript Engine: V8 Release 5.5","url":"http://v8project.blogspot.com/2016/10/v8-release-55.html","viaURL":null,"content":"V8 5.5リリース。\nasync/awaitのサポート、メモリ消費量の改善など","tags":["V8","ReleaseNote"],"relatedLinks":[]},{"date":"2016-10-26T14:55:08.502Z","title":"Raynos/jsig: From scratch type-checker","url":"https://github.com/Raynos/jsig","viaURL":"https://github.com/jser/ping/issues/28","content":"JSDocのような型アノテーションコメントと型推論から静的な型チェックを行うツール。\nFlowTypeとは異なりES5に焦点をおいてる事と曖昧さを許容しない作り","tags":["JavaScript","document","flowtype","Tools","TypeScript"],"relatedLinks":[]},{"date":"2016-10-27T01:13:26.231Z","title":"ZEIT – Next.js","url":"https://zeit.co/blog/next","viaURL":null,"content":"Reactを使ったサーバサイドレンダリング向けのフレームワーク。\nCSS in JS、Head、ルーティングや開発ツールがセットになっている。","tags":["JavaScript","React","serverless","isomorphic"],"relatedLinks":[]},{"date":"2016-10-27T04:43:19.744Z","title":"pelotoncycle/resize-observer","url":"https://github.com/pelotoncycle/resize-observer","viaURL":null,"content":"Resize Observerのpolyfill","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2016-10-27T07:37:49.792Z","title":"Webpack & React Performance in 16+ Steps","url":"http://www.slideshare.net/grgur/webpack-react-performance-in-16-steps","viaURL":null,"content":"webpackとReactでパフォーマンスやサイズなど気をつける点についてのスライド","tags":["webpack","React","performance"],"relatedLinks":[]},{"date":"2016-10-27T10:35:10.429Z","title":"taichi/ci-yarn-upgrade: Keep NPM dependencies up-to-date with CI, providing version-to-version diff for each library","url":"https://github.com/taichi/ci-yarn-upgrade","viaURL":null,"content":"yarnを使ってpackage.jsonの依存モジュールを更新するPRを出す事ができるツール。\nまた更新するモジュールの一覧を取得する事もできる","tags":["JavaScript","npm","Tools"],"relatedLinks":[]},{"date":"2016-10-27T14:10:57.646Z","title":"Release Notes for Safari Technology Preview 16 | WebKit","url":"https://webkit.org/blog/7030/release-notes-for-safari-technology-preview-16/","viaURL":null,"content":"Safari Technology Preview Release 16リリース。\nURLのパースがウェブ標準により準拠するように、Gamepad APIのサポート、`Intl.getCanonicalLocales`のサポート、ES2016のnon-simple parametersにおけるearly errorに対応など","tags":["safari","URL","security"],"relatedLinks":[]},{"date":"2016-10-29T07:24:09.523Z","title":"Node v7 で入った WHATWG URL 実装について | blog.jxck.io","url":"https://blog.jxck.io/entries/2016-10-27/whatwg-url.html","viaURL":null,"content":"Node.js v7で試験的に実装されたWHATWG URLについて","tags":["WHATWG","URL"],"relatedLinks":[]},{"date":"2016-10-29T10:59:07.775Z","title":"関数型プログラミングの基礎 JavaScriptを使って学ぶ : 立川察理, 長瀬嘉秀 : 本 : Amazon.co.jp","url":"https://www.amazon.co.jp/%E9%96%A2%E6%95%B0%E5%9E%8B%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%AE%E5%9F%BA%E7%A4%8E-JavaScript%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E5%AD%A6%E3%81%B6-%E7%AB%8B%E5%B7%9D%E5%AF%9F%E7%90%86/dp/4865940596","viaURL":null,"content":"2016年10月29日発売\nJavaScriptでの関数型プログラミングについての書籍","tags":["JavaScript","関数型プログラミング","book"],"relatedLinks":[{"title":"リックテレコム 書籍情報","url":"http://www2.ric.co.jp/create/book/contents/book_1059.html"}]},{"date":"2016-10-30T11:28:52.351Z","title":"ESLint v3.9.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2016/10/eslint-v3.9.0-released","viaURL":null,"content":"ESLint v3.9.0リリース。\n`codeframe` formatterの追加、カスタムパーサがルール向けに情報を提供するオブジェクト(`context.parserServices`)を定義できるようになるなど","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"ESLint v3.9.0 - Qiita","url":"http://qiita.com/mysticatea/items/abc7885b373b5b37ce97"},{"title":"Proposal for Parser Services · Issue #6974 · eslint/eslint","url":"https://github.com/eslint/eslint/issues/6974"}]},{"date":"2016-10-30T12:28:23.453Z","title":"Modular JavaScript Book Series","url":"https://mjavascript.com/","viaURL":null,"content":"クラウドファンディングで開始されたJavaScriptの書籍シリーズ","tags":["JavaScript","book"],"relatedLinks":[{"title":"Table of Contents — Practical ES6","url":"https://ponyfoo.com/books/practical-es6/chapters#toc"}]},{"date":"2016-10-30T12:56:53.535Z","title":"Visual Debugging with ES6 and Node.js – Good Eggs Product – Medium","url":"https://medium.com/good-eggs-product/visual-debugging-with-es6-and-node-js-44631b3b040f","viaURL":null,"content":"Node.jsとBabelを組み合わせた場合のGUIデバッグ方法について","tags":["node.js","debug"],"relatedLinks":[]},{"date":"2016-10-30T12:59:28.760Z","title":"Different ways to debug JavaScript code – Medium","url":"https://medium.com/@sandeep.scet/different-ways-to-debug-javascript-code-579e7f58cf10","viaURL":null,"content":"JavaScriptのデバッグ手法について。\nalert、console、breakpoint、`debugger;`、`debug`、`monitor`などのAPIや方法について","tags":["JavaScript","debug"],"relatedLinks":[]},{"date":"2016-10-31T05:34:09.200Z","title":"timarney/react-faq: A collection of links to help answer your questions about React.js","url":"https://github.com/timarney/react-faq","viaURL":null,"content":"Reactに関するFAQをまとめたページ","tags":["React"],"relatedLinks":[]},{"date":"2016-10-31T12:43:52.607Z","title":"Performance  |  Web  |  Google Developers","url":"https://developers.google.com/web/fundamentals/performance/","viaURL":null,"content":"ウェブサイトのパフォーマンス改善についてのドキュメント。\nクリティカルレンダリングパスの改善やネットワーク、アニメーションなど色々なパフォーマンスについての記事がまとめられている","tags":["browser","Chrome","document"],"relatedLinks":[]},{"date":"2016-10-31T12:47:17.512Z","title":"パフォーマンス - 開発ツール | MDN","url":"https://developer.mozilla.org/ja/docs/Tools/Performance","viaURL":null,"content":"Firefoxの開発者ツールのリファレンスページ。\n基本的な使い方やツールの見方について。\nまたカクカクなCSSアニメーション、UIスレッドをブロックしてしまうJSの問題などのシナリオ元にした改善方法についても書かれている","tags":["firefox","performance","document","browser","JavaScript"],"relatedLinks":[]},{"date":"2016-11-01T00:34:12.228Z","title":"azu/ui-event-observer: Provide performant way to subscribe to browser UI Events.","url":"https://github.com/azu/ui-event-observer","viaURL":null,"content":"同じ要素への同じイベントの複数の`addEventListener`を1つにまとめて扱うことができるライブラリ。","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2016-11-01T00:37:28.410Z","title":"Redux without React — State Management in Vanilla JavaScript","url":"https://www.sitepoint.com/redux-without-react-state-management-vanilla-javascript/","viaURL":null,"content":"Reactは使わずにReduxを扱ってみる話","tags":["redux","JavaScript"],"relatedLinks":[]},{"date":"2016-11-01T00:42:43.015Z","title":"V8 JavaScript Engine: WebAssembly Browser Preview","url":"http://v8project.blogspot.com/2016/10/webassembly-browser-preview.html","viaURL":null,"content":"Chromeがフラグ付きでWebAssernblyを実験的にサポート。フィードバックを募集している。","tags":["WebAssembly","V8"],"relatedLinks":[{"title":"WebAssembly","url":"http://webassembly.org/roadmap/"}]},{"date":"2016-11-01T13:06:56.041Z","title":"Developing SPAs - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920046349.do","viaURL":null,"content":"2017年1月発売\n.NET開発者向けのSPA本","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2016-11-01T13:08:46.092Z","title":"Securing Third-Party Code - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920051695.do","viaURL":null,"content":"2017年1月発売\nJavaScriptのサードパーティのコードを安全に使う方法についての書籍","tags":["JavaScript","OSS","security","library","book"],"relatedLinks":[]},{"date":"2016-11-01T14:35:23.690Z","title":"Release v0.34.0 · facebook/flow","url":"https://github.com/facebook/flow/releases/tag/v0.34.0","viaURL":null,"content":"FlowType v0.34.0リリース。\n`empty` typeの追加、AsyncIterationの対応など","tags":["flowtype","ReleaseNote"],"relatedLinks":[]},{"date":"2016-11-02T00:44:20.023Z","title":"What's New and What's Changed in Bootstrap 4 -Telerik Developer Network","url":"http://developer.telerik.com/featured/whats-new-whats-changed-bootstrap-4/","viaURL":null,"content":"Bootstrap 4αについて","tags":["CSS"],"relatedLinks":[]},{"date":"2016-11-02T16:02:05.814Z","title":"async/await support in Firefox | Firefox Nightly News","url":"https://blog.nightly.mozilla.org/2016/11/01/async-await-support-in-firefox/","viaURL":null,"content":"Firefox Nightlyにasync/awaitが実装された。","tags":["firefox","JavaScript"],"relatedLinks":[]},{"date":"2016-11-03T02:30:43.704Z","title":"Pro Angular 2: ADAM FREEMAN: 9781484223062: Amazon.com: Books","url":"https://www.amazon.com/Pro-Angular-2-ADAM-FREEMAN/dp/1484223063","viaURL":null,"content":"2017年5月8日発売\nAngularJS 2についての書籍","tags":["Angular","book"],"relatedLinks":[]},{"date":"2016-11-03T02:54:21.735Z","title":"Pointing the Way Forward  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2016/10/pointer-events","viaURL":null,"content":"Pointer eventsについて。\nイベントのモデルを一つにまとめて、`pointerType`でイベントの種類ごとに方法、`pointercancel`や`touch-action`について","tags":["JavaScript"],"relatedLinks":[]},{"date":"2016-11-03T04:31:11.760Z","title":"jareware/css-architecture: 8 simple rules for a robust, scalable CSS architecture","url":"https://github.com/jareware/css-architecture","viaURL":null,"content":"8つのルールを元にしたCSSのアーキテクチャ。\nコンポーネントとCSSの関係についてが中心","tags":["CSS","設計"],"relatedLinks":[]},{"date":"2016-11-03T08:54:22.090Z","title":"takahashim/js-stack-from-scratch: Step-by-step tutorial to build a modern JavaScript stack from scratch","url":"https://github.com/takahashim/js-stack-from-scratch","viaURL":null,"content":"JavaScriptのエコシステムや著名なライブラリを使ったチュートリアルの翻訳。\n色々なツールをあわせ使うことを前提に書かれたガイド","tags":["JavaScript","Tools","library","tutorial","translate"],"relatedLinks":[]},{"date":"2016-11-03T09:00:21.467Z","title":"Vue.js 1.x から 2.0 への移行のポイント | d.sunnyone.org","url":"http://d.sunnyone.org/2016/11/vuejs-1x-20.html","viaURL":null,"content":"Vue 1.xから2.0へのマイグレーションについて。\nテンプレートが事前コンパイルされるようになったことでの違いや移行方法、気をつけるポイントについて","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2016-11-03T09:14:12.032Z","title":"Build a Universal JavaScript App with Next.js","url":"https://auth0.com/blog/building-universal-apps-with-nextjs/","viaURL":null,"content":"Next.jsを使ったアプリケーションを作るチュートリアル。\n","tags":["React","server","library","tutorial"],"relatedLinks":[]},{"date":"2016-11-03T11:52:17.847Z","title":"tfennelly/browserify-tree: Generate a Browserify bundle dependency tree for bundled modules","url":"https://github.com/tfennelly/browserify-tree","viaURL":null,"content":"Browserifyでbundleしたファイルの依存ツリーを見ることができるツール","tags":["browser","Tools"],"relatedLinks":[]},{"date":"2016-11-03T13:30:25.589Z","title":"Getting Started with Webpack 2","url":"https://blog.madewithenvy.com/getting-started-with-webpack-2-ed2b86c68783","viaURL":null,"content":"webpack 2を使ったビルドの設定について。\nmultiple entry、loader、bundleの分割などについて","tags":["webpack","tutorial"],"relatedLinks":[]},{"date":"2016-11-03T23:40:19.076Z","title":"Welcome sitespeed.io 4.0","url":"https://www.sitespeed.io/sitespeed.io-4.0-is-released/","viaURL":null,"content":"Sitespeed.io 4.0リリース。\nDockerでgrafanaのダッシュボードを含んだセットアップが用意された、Pre/Postスクリプトでログインに対応、プラグイン、HTTP/2、HARファイルの生成、モバイル対応など","tags":["browser","performance","Tools"],"relatedLinks":[]},{"date":"2016-11-06T14:20:30.673Z","title":"turbo.js - Easy GPGPU","url":"https://turbo.github.io/","viaURL":null,"content":"GLSLを使って演算処理を行うライブラリ","tags":["JavaScript","WebGL"],"relatedLinks":[]},{"date":"2016-11-06T14:25:26.440Z","title":"TypeScript 2.0: Read-Only Properties | Marius Schulz","url":"https://blog.mariusschulz.com/2016/10/31/typescript-2-0-read-only-properties","viaURL":null,"content":"TypeScript 2.0の`readonly`について","tags":["TypeScript"],"relatedLinks":[]},{"date":"2016-11-07T06:23:49.220Z","title":"WebデベロッパーのためのReact開発入門 JavaScript UI ライブラリの基本と活用 | 柴田 文彦 |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/Web%E3%83%87%E3%83%99%E3%83%AD%E3%83%83%E3%83%91%E3%83%BC%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AEReact%E9%96%8B%E7%99%BA%E5%85%A5%E9%96%80-JavaScript-UI-%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%81%AE%E5%9F%BA%E6%9C%AC%E3%81%A8%E6%B4%BB%E7%94%A8-%E6%9F%B4%E7%94%B0/dp/4295000337","viaURL":null,"content":"2016年11月25日発売\nReactの入門本","tags":["JavaScript","React","book"],"relatedLinks":[{"title":"WebデベロッパーのためのReact開発入門 JavaScript UIライブラリの基本と活用 - インプレスブックス","url":"http://book.impress.co.jp/books/1116101049"}]},{"date":"2016-11-07T14:50:50.895Z","title":"Cooperative Scheduling with requestIdleCallback ★ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2016/11/cooperative-scheduling-with-requestidlecallback/","viaURL":null,"content":"Firefox 52で実装される`requestIdleCallback`についての解説。\n`timeRemaining()`、`timeout`オプションやキャンセルした場合についてなど。","tags":["JavaScript","WebPlatformAPI"],"relatedLinks":[{"title":"Cooperative Scheduling of Background Tasks（日本語訳）","url":"https://triple-underscore.github.io/requestidlecallback-ja.html"},{"title":"Using requestIdleCallback  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2015/08/using-requestidlecallback"}]},{"date":"2016-11-07T15:06:05.912Z","title":"vhf/v8-bailout-reasons: A list of Crankshaft bailout reasons with examples","url":"https://github.com/vhf/v8-bailout-reasons","viaURL":null,"content":"V8のdeoptimizationがなぜ起きるのかについて\"Bailout reasons\"と共に理由を解説してるリポジトリ","tags":["V8","JavaScript"],"relatedLinks":[{"title":"V8の最適化とIRHydraでの可視化とベンチマークについてのメモ | Web Scratch","url":"http://efcl.info/2014/09/13/v8-optimization-memo/"}]},{"date":"2016-11-08T00:32:02.719Z","title":"naver/egjs: Set of UI interactions, effects and utility components library using jQuery.","url":"https://github.com/naver/egjs","viaURL":"https://github.com/jser/ping/issues/29","content":"jQueryベースのUIインタラクション、エフェクトライブラリ","tags":["jQuery","library"],"relatedLinks":[]},{"date":"2016-11-08T00:41:11.797Z","title":"Grimoire.js","url":"https://grimoire.gl/","viaURL":"https://github.com/jser/ping/issues/30","content":"GOMLというHTMLライクなXMLシンタックスで記述して、WebGLを使った3D表現を行うライブラリ。\n`<scene>`や`<camera>`といったノードを組み合わせることで表現する。","tags":["JavaScript","WebGL","library"],"relatedLinks":[]},{"date":"2016-11-09T01:20:40.305Z","title":"Node v7.1.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v7.1.0/","viaURL":null,"content":"Node.js v7.1.0リリース。\nV8の仕様追従により`Object.prototype.toString.call(global); // \"[object global]\"`となっていたのを修正するため、`global[Symbol.toStringTag]`が定義された。","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"lib: make `String(global) === &#39;[object global]&#39;` by addaleax · Pull Request #9279 · nodejs/node","url":"https://github.com/nodejs/node/pull/9279"}]},{"date":"2016-11-09T08:04:19.603Z","title":"TypeScript 2.1 RC: Better Inference, Async Functions, and More | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2016/11/08/typescript-2-1-rc-better-inference-async-functions-and-more/","viaURL":null,"content":"TypeScript 2.1 RCリリース。\n`any`型の改善、tsconfig.jsonの`extends`対応、async/awaitがES3/ES5へ出力できるようになるなど","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"TypeScript 2.1.1 変更点 - Qiita","url":"http://qiita.com/vvakame/items/305749d3d6dc6bf877c6"}]},{"date":"2016-11-10T13:10:47.089Z","title":"Release Notes for Safari Technology Preview 17 | WebKit","url":"https://webkit.org/blog/7071/release-notes-for-safari-technology-preview-17/","viaURL":null,"content":"Safari Technology Preview Release 17リリース。\nNPAPIプラグインのサポート終了、Custom Elementのデフォルト有効化、`rel=noopener`のサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2016-11-10T14:55:25.003Z","title":"Migrating an Angular 1 App to Angular 2 - Part 1","url":"https://auth0.com/blog/migrating-an-angular-1-app-to-angular-2-part-1/","viaURL":null,"content":"AngularJS 1.xのアプリをAngularJS 2へマイグレーションするチュートリアル","tags":["Angular","tutorial"],"relatedLinks":[{"title":"auth0-blog/ng2-dinos: A sample Angular 2 application","url":"https://github.com/auth0-blog/ng2-dinos"}]},{"date":"2016-11-10T15:22:26.317Z","title":"TestCafe v0.10.0 Released | TestCafe","url":"http://devexpress.github.io/testcafe/blog/testcafe-v0-10-0-released.html","viaURL":null,"content":"TestCafe v0.10.0リリース。\nSnapshot APIを扱いやすく、automatic waitの仕組みを改善、`speed`オプションでテストの実行速度をコントールできるようになるなど","tags":["JavaScript","E2E","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2016-11-11T00:31:08.329Z","title":"dop251/goja: ECMAScript 5.1(+) implementation written in Go","url":"https://github.com/dop251/goja","viaURL":null,"content":"ECMAScriptのGo言語実装。\nES5.1相当の実装をしてる","tags":["ECMAScript","JavaScript","golang"],"relatedLinks":[]},{"date":"2016-11-11T11:19:09.878Z","title":"dhamaniasad/HeadlessBrowsers: A list of (almost) all headless web browsers in existence","url":"https://github.com/dhamaniasad/HeadlessBrowsers","viaURL":null,"content":"ヘッドレスブラウザ(テストのためのライブラリも含む)のまとめ","tags":["browser","まとめ"],"relatedLinks":[]},{"date":"2016-11-11T15:23:35.177Z","title":"FLOCSSを使ってCSSファイルを20,000行から9,000行にした話 - Qiita","url":"http://qiita.com/Atsss/items/4f9d98fb1d0546539c09","viaURL":null,"content":"CSSのリファクタリング手法や方針について。\nどのようなフローでリファクタリングを進めていったかや進捗の可視化について","tags":["CSS","リファクタリング"],"relatedLinks":[]},{"date":"2016-11-12T01:58:18.120Z","title":"caiogondim/logdown.js: Debug utility with markdown support that runs on browser and server","url":"https://github.com/caiogondim/logdown.js","viaURL":null,"content":"ブラウザとNode.jsで動くシンプルなロガーライブラリ","tags":["JavaScript","debug","library"],"relatedLinks":[]},{"date":"2016-11-12T02:02:14.194Z","title":"Logging Errors in Client-Side Applications","url":"https://www.sitepoint.com/logging-errors-client-side-apps/","viaURL":null,"content":"クライアントサイドのロガーやエラー収集サービスについてのまとめ","tags":["JavaScript","debug","library"],"relatedLinks":[]},{"date":"2016-11-14T09:16:54.508Z","title":"th0r/webpack-bundle-analyzer: Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap","url":"https://github.com/th0r/webpack-bundle-analyzer","viaURL":null,"content":"webpackのbundleの構成要素やサイズをビジュアライズできるプラグイン","tags":["webpack","Tools"],"relatedLinks":[]},{"date":"2016-11-14T11:56:36.661Z","title":"Chrome Dev Summit 2016 - YouTube","url":"https://www.youtube.com/user/ChromeDevelopers","viaURL":null,"content":"Chrome Dev Summit 2016の動画まとめ","tags":["Chrome","video","Conference"],"relatedLinks":[{"title":"Chrome Dev Summit 2016","url":"https://developer.chrome.com/devsummit/"}]},{"date":"2016-11-14T12:00:07.532Z","title":"Improving Perceived Performance with Multiple Background Images – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts","url":"http://csswizardry.com/2016/10/improving-perceived-performance-with-multiple-background-images/","viaURL":null,"content":"`background-image`に指定した画像が表示されるまで、`linear-gradient`を使った模様を代替表示するFallbackについて\n","tags":["CSS","画像"],"relatedLinks":[]},{"date":"2016-11-14T13:44:28.146Z","title":"deck.gl","url":"https://uber.github.io/deck.gl/","viaURL":null,"content":"Uber製のWebGLを使ったデータビジュアライゼーションライブラリ","tags":["WebGL","library"],"relatedLinks":[]},{"date":"2016-11-14T13:49:40.605Z","title":"2016年、Web Audio API はどう変わったのか? | g200kg Music & Software","url":"http://www.g200kg.com/archives/2016/11/2016web-audio-a.html","viaURL":null,"content":"Web Audio APIの変更点について。\nAudioWorkerがAudioWorkletにリネーム、ConstantSourceNodeの追加、コンストラクタのサポートなど","tags":["web ","audio","API"],"relatedLinks":[]},{"date":"2016-11-14T13:54:52.018Z","title":"Writing a JavaScript Framework - Data Binding with ES6 Proxies | @RisingStack","url":"http://blog.risingstack.com/writing-a-javascript-framework-data-binding-es6-proxy/","viaURL":null,"content":"ProxyやReflect APIを使い、値の変更を監視するObservableライブラリ。\nES5のgetter/setterを使ったアプローチとの比較","tags":["JavaScript","library"],"relatedLinks":[{"title":"RisingStack/nx-observe: Next gen data observation/binding with ES6 Proxies","url":"https://github.com/RisingStack/nx-observe"}]},{"date":"2016-11-14T14:01:14.950Z","title":"Pitfall: not all objects can be proxied transparently","url":"http://www.2ality.com/2016/11/proxying-builtins.html","viaURL":null,"content":"ES2015のProxyでhandlerオブジェクトが空である場合に透過的な動作を期待するがそうではないという話","tags":["JavaScript","ECMAScript"],"relatedLinks":[]},{"date":"2016-11-14T15:12:50.624Z","title":"doiuse...?","url":"http://www.doiuse.com/","viaURL":null,"content":"CSSをペーストして指定したブラウザ(autoprefixerのフォーマット)で利用できるかをチェックできるツール","tags":["CSS","tool"],"relatedLinks":[{"title":"anandthakker/doiuse: Lint CSS for browser support against caniuse database.","url":"https://github.com/anandthakker/doiuse"}]},{"date":"2016-11-14T23:09:36.284Z","title":"DJWassink/Promise-parallel-throttle: It's like Promise.all(), but throttled!","url":"https://github.com/DJWassink/Promise-parallel-throttle","viaURL":null,"content":"一度に実行する数を指定できる`Promise.all`的なライブラリ","tags":["JavaScript","Promises","library"],"relatedLinks":[]},{"date":"2016-11-15T01:19:14.185Z","title":"Migrating to Jest – Medium","url":"https://medium.com/@kentcdodds/migrating-to-jest-881f75366e7e","viaURL":null,"content":"AVAとMochaでのテストをJestにマイグレーションする方法とツール(codemods)について。\nUI testsの時間が短縮されてる。","tags":["JavaScript","React","testing"],"relatedLinks":[{"title":"skovhus/jest-codemods: Codemods for migrating to Jest https://github.com/facebook/jest","url":"https://github.com/skovhus/jest-codemods"}]},{"date":"2016-11-15T23:06:19.357Z","title":"dylanb/react-axe: Accessibility auditing for React.js applications","url":"https://github.com/dylanb/react-axe","viaURL":null,"content":"axe-coreをつかったアクセシビリティチェックを行うReactライブラリ","tags":["React","accessibility","library"],"relatedLinks":[]},{"date":"2016-11-17T10:58:45.935Z","title":"React v15.4.0 - React Blog","url":"https://facebook.github.io/react/blog/2016/11/16/react-v15.4.0.html","viaURL":null,"content":"React v15.4.0リリース。\n内部的に存在していた `react/lib/*` のPrivate APIを削除、`?react_perf`を付けることでUser Timingベースのプロファイリングを取れるようになるなど","tags":["React","ReleaseNote"],"relatedLinks":[]},{"date":"2016-11-17T13:15:45.220Z","title":"Release Notes for Safari Technology Preview 18 | WebKit","url":"https://webkit.org/blog/7078/release-notes-for-safari-technology-preview-18/","viaURL":null,"content":"Safari Technology Preview Release 18リリース。","tags":["webkit","ReleaseNote"],"relatedLinks":[]},{"date":"2016-11-17T13:35:35.766Z","title":"6.19.0 Released · Babel","url":"https://babeljs.io/blog/2016/11/16/6.19.0","viaURL":null,"content":"Babel v6.19.0リリース。\nbabel-plugin-transform-object-rest-spreadが単独のPluginとして動くように。\nstage-2 presetに`babel-plugin-syntax-dynamic-import`を追加など","tags":["babel","ReleaseNote"],"relatedLinks":[{"title":"Object rest spread transform · Babel","url":"http://babeljs.io/docs/plugins/transform-object-rest-spread/"}]},{"date":"2016-11-17T15:17:46.140Z","title":"Firefox 50.0 リリースノート","url":"https://www.mozilla.jp/firefox/50.0/releasenotes/","viaURL":null,"content":"Firefox 50リリース。\nWebM EMEのサポート、`Symbol.hasInstance`の実装、コンソールがSource Mapを解釈するように。\n`addEventListener`が`once`オプション、`X-Content-Type-Options`ヘッダーのサポート、など","tags":["firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 50 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/ja/Firefox/Releases/50"},{"title":"Firefox 50 サイト互換性情報 | Firefox サイト互換性情報","url":"https://www.fxsitecompat.com/ja/versions/50/"}]},{"date":"2016-11-17T15:28:11.996Z","title":"Angular 2.2.0 Now Available","url":"http://angularjs.blogspot.com/2016/11/angular-220-now-available.html","viaURL":null,"content":"AngularJS 2.2.0リリース。\n`@anguar/upgrade`を使い1.xと2.xを共存させる場合にRouterでどちらも扱えるようにする仕組みの追加、JavaScriptで使う場合のガイドの追加など","tags":["Angular","ReleaseNote"],"relatedLinks":[{"title":"TypeScript to JavaScript - ts - COOKBOOK","url":"https://angular.io/docs/ts/latest/cookbook/ts-to-js.html"},{"title":"Migrating Angular 1 Applications to Angular 2 in 5 Simple Steps","url":"https://vsavkin.com/migrating-angular-1-applications-to-angular-2-in-5-simple-steps-40621800a25b"}]},{"date":"2016-11-17T22:59:58.814Z","title":"Release fetch 2.0.0 · github/fetch","url":"https://github.com/github/fetch/releases/tag/v2.0.0","viaURL":null,"content":"Fetch APIのpolyfillライブラリである`fetch` 2.0.0リリース。\n`Header.get()`の挙動変更、`Headers.getAll()`の削除など","tags":["JavaScript","github","library"],"relatedLinks":[]},{"date":"2016-11-18T15:10:26.066Z","title":"paulirish/pwmetrics: Progressive web metrics at your fingertipz","url":"https://github.com/paulirish/pwmetrics","viaURL":null,"content":"lighthouseを使ったパフォーマンスメトリクスの可視化ツール","tags":["performance","Tools"],"relatedLinks":[{"title":"GoogleChrome/lighthouse: auditing and performance metrics for Progressive Web Apps","url":"https://github.com/GoogleChrome/lighthouse/"}]},{"date":"2016-11-19T15:54:22.911Z","title":"Introducing Custom Elements | WebKit","url":"https://webkit.org/blog/7027/introducing-custom-elements/","viaURL":null,"content":"Custom Elementについて。\nHTMLElementのサブクラスでの定義、ライフサイクルのコールバックイベントは同期的に呼ばれる点について。\nまた、非同期でCustom Elementが`deinfe`されたことを`whenDefined`で検知する方法について","tags":["WebComponents"],"relatedLinks":[]},{"date":"2016-11-19T16:02:43.698Z","title":"for..in versus for..of Loops","url":"https://bitsofco.de/for-in-vs-for-of/","viaURL":null,"content":"`for...of`と`for...in`の違いについて","tags":["JavaScript"],"relatedLinks":[]},{"date":"2016-11-21T11:19:03.889Z","title":"💓 Vue.js","url":"https://nakajmg.github.io/s/161119-vue/","viaURL":null,"content":"Vue.jsについてのスライド。\nコンソールにTranscriptが出る。\nVue.js 2.xの特徴やエコシステム、ツールなどについて　","tags":["JavaScript","library","slide"],"relatedLinks":[]},{"date":"2016-11-21T11:30:23.828Z","title":"How to win in Web Framework Benchmarks – Medium","url":"https://medium.com/@localvoid/how-to-win-in-web-framework-benchmarks-8bc31af76ce7","viaURL":null,"content":"kiviというReactのようなUIライブラリを作っていくにあたりベンチマークを見てどのような最適化をしていくかという話。\n色々なDOMライブラリのベンチマークを試し、どのような点を改善すれば結果がよくなったかという話","tags":["JavaScript","DOM","VirtualDOM","benchmark"],"relatedLinks":[{"title":"localvoid/kivi: Javascript (TypeScript) library for building web user interfaces","url":"https://github.com/localvoid/kivi"}]},{"date":"2016-11-21T11:39:21.819Z","title":"These Weeks in Firefox: Issue 5 | Firefox Nightly News","url":"https://blog.nightly.mozilla.org/2016/11/16/these-weeks-in-firefox-issue-5/","viaURL":null,"content":"Firefox Nightly 52における変更点のハイライト。\nasync/awaitの対応、ネットワークのスロットリングツールの追加、`<input type=\"time\">`のUI改善など","tags":["firefox","ReleaseNote"],"relatedLinks":[]},{"date":"2016-11-21T13:16:43.349Z","title":"Release 0.17.0 · avajs/ava","url":"https://github.com/avajs/ava/releases/tag/v0.17.0","viaURL":null,"content":"AVA 0.17.0リリース。\n`process.cws()`を`package.json`と同じディレクトリに変更、Node.js v4>=のみのサポート、`--require` CLIオプションの削除、`karma-ava`のサポートなど","tags":["node.js","testing","ReleaseNote"],"relatedLinks":[{"title":"avajs/ava-codemods: Codemods for AVA","url":"https://github.com/avajs/ava-codemods#migrating-to-ava"}]},{"date":"2016-11-21T14:52:48.729Z","title":"Choosing Ember over React in 2016","url":"https://blog.instant2fa.com/choosing-ember-over-react-in-2016-41a2e7fd341","viaURL":null,"content":"Instant 2FAというサービスをEmberで作ってみて良かったところと良くなかったところについて。\n`ember-cli`について","tags":["JavaScript"],"relatedLinks":[]},{"date":"2016-11-21T15:15:24.049Z","title":"React with Reduxによる大規模商用サービスの開発 / nodefest2016 // Speaker Deck","url":"https://speakerdeck.com/yoshidan/nodefest2016","viaURL":null,"content":"React + Reduxにおける注意点について。\n画面遷移とJavaScriptファイルの分割、サーバサイドレンダリングの手法とコストについて","tags":["React","redux","slide"],"relatedLinks":[{"title":"React + Reduxで作ったIsomorphic(Universal) JSなサービス開発の裏側 - Tech Blog - Recruit Lifestyle Engineer","url":"http://engineer.recruit-lifestyle.co.jp/techblog/2016-11-16-isomorphic-javascript/"}]},{"date":"2016-11-21T15:17:51.670Z","title":"Victory","url":"https://formidable.com/open-source/victory/","viaURL":null,"content":"React Componentとしてグラフを書く事ができるライブラリ。","tags":["React","グラフ","library"],"relatedLinks":[{"title":"Flexible Charting in React with Victory (and Introducing FormidableCharts) | Formidable","url":"https://formidable.com/blog/2016/11/09/flexible-charting-in-react-with-victory/"}]},{"date":"2016-11-21T15:35:39.598Z","title":"about_hiroppyさんの「ECMAScript」 / about_hiroppy さん - ニコナレ","url":"http://niconare.nicovideo.jp/watch/kn1937","viaURL":null,"content":"ECMAScriptの策定プロセスとES2016/2017について","tags":["JavaScript","slide"],"relatedLinks":[{"title":"ECMAScript / about_hiroppy さん - ニコナレ","url":"http://niconare.nicovideo.jp/watch/kn1936"}]},{"date":"2016-11-22T06:53:46.370Z","title":"Feature.js","url":"http://featurejs.com/","viaURL":null,"content":"Modernizrのように色々な機能が利用できるかを一括で判定するライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2016-11-23T01:18:16.871Z","title":"Node v7.2.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v7.2.0/","viaURL":null,"content":"Node v7.2.0リリース。\nWindows向けのセキュリティリリース、`process.memoryUsage().external`の追加など","tags":["node.js","ReleaseNote","security"],"relatedLinks":[{"title":"Weekly Update - November 24th, 2016 | Node.js","url":"https://nodejs.org/en/blog/weekly-updates/weekly-update.2016-11-24/"}]},{"date":"2016-11-23T04:49:18.563Z","title":"azat-co/you-dont-know-node: You Don't Know Node.js","url":"https://github.com/azat-co/you-dont-know-node","viaURL":null,"content":"Node.jsとはどのような特徴を持っているかという入門者向けの紹介。\n非同期I/O、Stream、エラーハンドリング、ネイティブモジュールについて","tags":["node.js","tutorial"],"relatedLinks":[]},{"date":"2016-11-23T04:52:42.305Z","title":"Release v2.1.0 · vuejs/vue","url":"https://github.com/vuejs/vue/releases/tag/v2.1.0","viaURL":null,"content":"Vue.js 2.1.0リリース。\nScoped Slots、`v-else-if`、`dist`以下のファイルの変更、JSX対応の改善、サーバサイドレンダリングの際に`process.env.VUE_ENV=server`は不要になるなど","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"2.1.0.md","url":"https://gist.github.com/yyx990803/faebe22e8763f5b17572b35ed96f52fe"}]},{"date":"2016-11-24T00:41:42.164Z","title":"katatema.js - ✘╹◡╹✘","url":"http://r7kamura.hatenablog.com/entry/2016/11/24/030101","viaURL":null,"content":"Next.jsみたいな形でディレクトリにReactのコンポーネントを置くとHTMLにそれぞれ変換できるツール","tags":["React","webpack","Tools","HTML"],"relatedLinks":[{"title":"r7kamura/katatema: A handy static site generator using React.js","url":"https://github.com/r7kamura/katatema"}]},{"date":"2016-11-26T02:24:54.129Z","title":"ESLint v3.11.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2016/11/eslint-v3.11.0-released","viaURL":null,"content":"ESLint v3.11.0リリース。\n`capitalized-comments`、`require-await`のルールを追加など","tags":["ESLint","ReleaseNote"],"relatedLinks":[]},{"date":"2016-11-26T10:11:00.264Z","title":"React at Product Hunt // Speaker Deck","url":"https://speakerdeck.com/rstankov/react-at-product-hunt","viaURL":null,"content":"ProductHuntのJavaScript変遷についてのスライド。\njQuery -> Backbone -> React + Redux。\nDuxyを使ったRest APIの操作についてなど","tags":["JavaScript","slide"],"relatedLinks":[{"title":"producthunt/duxy: RESTful resources","url":"https://github.com/producthunt/duxy"}]},{"date":"2016-11-26T10:30:50.060Z","title":"CSS Reference - A free visual guide to the most popular CSS properties.","url":"http://cssreference.io/","viaURL":null,"content":"CSSリファレンスサイト。\nそれぞれのプロパティを当てた結果を表示してくれている","tags":["CSS","リファレンス"],"relatedLinks":[]},{"date":"2016-11-27T12:15:45.675Z","title":" Running Yarn offline | Yarn","url":"https://yarnpkg.com/blog/2016/11/24/offline-mirror","viaURL":null,"content":"yarnをオフラインで使う方法や、オフラインのミラーをリポジトリに含める方法について","tags":["npm"],"relatedLinks":[]},{"date":"2016-11-27T12:18:55.416Z","title":"DasSur.ma – How to read web specs Part IIa – Or: ECMAScript Symbols","url":"https://dassur.ma/things/reading-specs-2/","viaURL":null,"content":"ECMAScriptの仕様をどうやって読んでいくかについて。\n`@@iterator`とは何か?というところから`Symbol`の仕様を見ていく話","tags":["ECMAScript","spec"],"relatedLinks":[]},{"date":"2016-11-27T12:26:25.971Z","title":"Release notes · Riot.js","url":"http://riotjs.com/release-notes/#november-22-2016","viaURL":"https://github.com/jser/ping/issues/32","content":"Riot.js 3.0リリース","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Riot 3.0.0 roadmap · Issue #1694 · riot/riot","url":"https://github.com/riot/riot/issues/1694"}]},{"date":"2016-11-27T12:29:09.485Z","title":"An Introduction to mo.js | CSS-Tricks","url":"https://css-tricks.com/introduction-mo-js/","viaURL":null,"content":"宣言的なモーションライブラリであるmo.jsについてのチュートリアル","tags":["JavaScript","animation","library"],"relatedLinks":[]},{"date":"2016-11-27T12:31:12.668Z","title":"nuxt/nuxt.js: A minimalistic framework for server-rendered Vue.js applications (inspired by Next.js)","url":"https://github.com/nuxt/nuxt.js","viaURL":null,"content":"Next.jsインスパイアのVue.js向けサーバサイドレンダリングフレームワーク","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2016-11-27T12:39:26.032Z","title":"How CSS pseudo-classes work, explained with code and lots of diagrams","url":"https://medium.freecodecamp.com/explained-css-pseudo-classes-cef3c3177361","viaURL":null,"content":"`:*-of-type`と`:*-child`などの擬似クラスについての分かりやすい図解","tags":["CSS"],"relatedLinks":[]},{"date":"2016-11-27T14:42:01.646Z","title":"ES6 Iterators and Generators in Practice – Zsolt Nagy","url":"http://www.zsoltnagy.eu/es6-iterators-and-generators-in-practice/","viaURL":null,"content":"Iterator、Iterable、Generatorについて。\nサンプルコード中心でどのような挙動になるかを解説してる","tags":["JavaScript","ECMAScript"],"relatedLinks":[]},{"date":"2016-11-28T00:42:04.516Z","title":"immutable-css","url":"http://immutablecss.com/","viaURL":null,"content":"> A CSS linter for immutable selectors.\n\nセレクタのoverrideをチェックするLintツール","tags":["CSS","Tools"],"relatedLinks":[]},{"date":"2016-11-28T13:23:54.214Z","title":"TypeScript 2.0: Built-In Type Declarations | Marius Schulz","url":"https://blog.mariusschulz.com/2016/11/25/typescript-2-0-built-in-type-declarations","viaURL":null,"content":"TypeScript 2.0のBuilt-In Typeについて。\n`--lib`オプションで含めるビルトインのlibを指定できる","tags":["TypeScript"],"relatedLinks":[{"title":"Compiler Options · TypeScript","url":"https://www.typescriptlang.org/docs/handbook/compiler-options.html"}]},{"date":"2016-11-28T14:33:50.998Z","title":"Reframe.js","url":"https://dollarshaveclub.github.io/reframe.js","viaURL":null,"content":"iframeなどの埋め込み要素をレスポンシブルに扱うライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2016-11-28T14:57:15.324Z","title":"The numbers on Webpack 1 vs 2 – Medium","url":"https://medium.com/@u_glow/the-numbers-on-webpack-1-vs-2-7f457bb4658c","viaURL":null,"content":"webpack 1.xと2.0βのビルドサイズやビルド時間(prod/dev)の比較","tags":["webpack"],"relatedLinks":[]},{"date":"2016-11-28T15:05:40.830Z","title":"Understanding JavaScript Micro-Templating – Medium","url":"https://medium.com/@zfrisch/understanding-javascript-micro-templating-f37a37b3b40e","viaURL":null,"content":"John Resigの140bytesで動くMicro Templatingがどのような仕組みで動いているのかを見ていく記事。\nFunctionコンストラクタ、正規表現など構成要素を丁寧に解説してる","tags":["JavaScript","template"],"relatedLinks":[{"title":"John Resig - JavaScript Micro-Templating","url":"http://ejohn.org/blog/javascript-micro-templating/"},{"title":"John Resig&#39;s Micro-Templating in 140 bytes","url":"https://gist.github.com/Fedia/20d41d8533e0903f0123"}]},{"date":"2016-11-29T00:31:44.823Z","title":"Advanced Data Tables in React","url":"https://techblog.commercetools.com/advanced-data-tables-in-react-dbe33f8345ab","viaURL":null,"content":"Reactのgridライブラリの比較まとめ","tags":["React","library"],"relatedLinks":[]},{"date":"2016-11-30T16:18:47.910Z","title":"wooorm/nspell: 📝 Hunspell compatible spell-checker","url":"https://github.com/wooorm/nspell","viaURL":null,"content":"スペルチェッカーの実装ライブラリ。\nhunspell形式の辞書をサポートしてる。","tags":["JavaScript","dictionary","library"],"relatedLinks":[]},{"date":"2016-11-30T16:20:36.119Z","title":"Step by Stepで始めるESLint - Qiita","url":"http://qiita.com/howdy39/items/6e2c75861bc5a14b2acf","viaURL":null,"content":"ESLintの設定をステップ・バイ・ステップで行うチュートリアル","tags":["ESLint","tutorial"],"relatedLinks":[]},{"date":"2016-12-01T14:26:44.744Z","title":"Svelte • The magical disappearing UI framework","url":"https://svelte.technology/","viaURL":null,"content":"Vueなどに似た書き方をするコンパイル前提のUIフレームワーク。\n変換後はただのDOM APIを使ったJavaScriptになり、ランタイムとしてのライブラリ読み込みが不要となる。","tags":["JavaScript","library","DOM","Tools"],"relatedLinks":[{"title":"Frameworks without the framework: why didn&#39;t we think of this sooner? • Svelte","url":"https://svelte.technology/blog/frameworks-without-the-framework/"}]},{"date":"2016-12-01T23:40:01.101Z","title":"JavaScript Developers: Watch Your Language! - Web Standards - Bocoup","url":"https://bocoup.com/weblog/javascript-developers-watch-your-language","viaURL":null,"content":"ECMAScript ProposalのStageの解説。\nStage段階のものは、Babelなどで簡単に扱えるけど危険性も含んでいるから、TC39での議論は注視する必要があるという話。\nStage段階のものはexprimentalであることを理解して使おうという話","tags":["ECMAScript","proposal"],"relatedLinks":[]},{"date":"2016-12-03T13:06:17.516Z","title":"RazrFalcon/svgcleaner: svgcleaner could help you to clean up your SVG files from the unnecessary data.","url":"https://github.com/RazrFalcon/svgcleaner","viaURL":null,"content":"SVGから不要なデータを削除してファイルサイズを削減するツール。\nsvgoに比べて高速に動作する","tags":["SVG","Tools"],"relatedLinks":[]},{"date":"2016-12-03T13:58:29.786Z","title":"yarn VS. npm@2 VS. npm@3 // Speaker Deck","url":"https://speakerdeck.com/pine613/yarn-vs-npm-at-2-vs-npm-at-3","viaURL":null,"content":"npmとyarnの比較スライド。\nGitHub Star上位100を対象にインストール時間を比較し、yarnの方が常に早いという結果になったという話","tags":["npm","yarn","presentation"],"relatedLinks":[]},{"date":"2016-12-04T14:23:49.607Z","title":"React/Redux… Where Do You Start? – MoFed – Medium","url":"https://medium.com/mofed/react-redux-where-do-you-start-500c98413d1f","viaURL":null,"content":"React(とRedux)をどこから始めるかについて","tags":["React","redux"],"relatedLinks":[]},{"date":"2016-12-04T14:56:00.141Z","title":"レガシーシステム上のJavaScriptをモダンビルドにしていくwebpack利用実例 - Qiita","url":"http://qiita.com/inuscript/items/97333a239c97094c39a6","viaURL":null,"content":"モジュールではないコードや古いライブラリをどのように現代のツールに載せていくかについて。\nモジュール化やwebpackを使ったビルドなどの手法について","tags":["JavaScript","webpack"],"relatedLinks":[]},{"date":"2016-12-04T15:05:54.637Z","title":"The State of Front-End Tooling 2016 - Results - AshleyNolan.co.uk - Blog and Portfolio for Ashley Nolan","url":"https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results","viaURL":null,"content":"フロントエンド周りのツールやライブラリについてのアンケート結果。\n昨年の結果との比較も掲載されている。\nPostCSSやnpm scripts利用が増えた、使っているJSライブラリやツールについて","tags":["JavaScript","Tools","library","CSS"],"relatedLinks":[]},{"date":"2016-12-05T10:41:30.832Z","title":"dai-shi/es-beautifier: ECMAScript beautifier based on eslint","url":"https://github.com/dai-shi/es-beautifier","viaURL":null,"content":"ESLintを使ったJavaScriptのフォーマッター","tags":["ESLint"],"relatedLinks":[]},{"date":"2016-12-05T11:18:00.013Z","title":"Houdini、それはCSSの進化を促すプロジェクト - The future starts today","url":"http://shibe97.hatenablog.com/entry/2016/12/05/083000","viaURL":null,"content":"CSSのHoudiniについて。\nCSSの低レベルAPIにJavaScriptからアクセスできるようにする仕様で、現在どのような仕様が考えられているかについてなど","tags":["CSS","spec"],"relatedLinks":[]},{"date":"2016-12-05T13:01:34.411Z","title":"一から始めるJavaScriptユニットテスト - Hatena Developer Blog","url":"http://developer.hatenastaff.com/entry/2016/12/05/102351","viaURL":null,"content":"MochaをNode.jsで動くユニットテストから、Karmaを使いブラウザで動かすDOMのテストするまでをPull Request毎に解説してる。","tags":["JavaScript","DOM","testing","slide"],"relatedLinks":[]},{"date":"2016-12-05T15:08:23.257Z","title":"V8 JavaScript Engine: V8 Release 5.6","url":"http://v8project.blogspot.com/2016/12/v8-release-56.html","viaURL":null,"content":"V8 5.6リリース。\nES2015のパフォーマンス改善、`String#padStart`と`String#padEnd`の実装など","tags":["V8","ReleaseNote"],"relatedLinks":[]},{"date":"2016-12-05T15:12:25.180Z","title":"gajus/babel-plugin-log-deprecated: Adds a console.warn statement to the functions annotated with @deprecated tag.","url":"https://github.com/gajus/babel-plugin-log-deprecated","viaURL":null,"content":"JSDocの`@depreacted`タグを`console.warn`に変換するBabel plugin","tags":["babel","JSDoc"],"relatedLinks":[]},{"date":"2016-12-05T15:16:04.763Z","title":"新しめのCSS設計まとめ 〜2016年冬〜 - Qiita","url":"http://qiita.com/usagi-f/items/dc719a8fd18abcdee4df","viaURL":null,"content":"CSSの色々なアーキテクチャについての紹介。\nOOCSS、BEM、SMACSS、APBCSS(Atomic Design)、MOCSS、ECSS、ITCSSなど。\nそれぞれを簡単にまとめている","tags":["CSS","設計"],"relatedLinks":[]},{"date":"2016-12-05T15:19:53.583Z","title":"8種類あるSVGスプライト それぞれの特徴を比較してみた - 週刊SVG","url":"http://ssvvgg.net/post/153900731865/8%E7%A8%AE%E9%A1%9E%E3%81%82%E3%82%8Bsvg%E3%82%B9%E3%83%97%E3%83%A9%E3%82%A4%E3%83%88-%E3%81%9D%E3%82%8C%E3%81%9E%E3%82%8C%E3%81%AE%E7%89%B9%E5%BE%B4%E3%82%92%E6%AF%94%E8%BC%83%E3%81%97%E3%81%A6%E3%81%BF%E3%81%9F","viaURL":null,"content":"SVGスプライトといわれるものがどうのようなものであるか、またその手法についてまとめられた記事","tags":["SVG"],"relatedLinks":[]},{"date":"2016-12-05T15:35:14.799Z","title":"Ember.js - Ember 2.10 and 2.11 Beta Released","url":"http://emberjs.com/blog/2016/11/30/ember-2-10-released.html","viaURL":null,"content":"Ember 2.10リリース。\nGlimmer 2を含んだ初のリリース。\n既存の仕組みと後方互換性を持っているため、そのままアップグレードが可能となっている。","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Ember.js - Announcing The Glimmer 2 Alpha","url":"http://emberjs.com/blog/2016/07/29/announcing-the-glimmer-2-alpha.html"}]},{"date":"2016-12-05T15:54:04.274Z","title":"Chrome Releases: Stable Channel Update for Desktop","url":"https://googlechromereleases.blogspot.com/2016/12/stable-channel-update-for-desktop.html","viaURL":"https://github.com/jser/ping/issues/33","content":"Chrome 55リリース。\nPointer Event、async/await、Presistent Storageなど。\nHTML5 by Default(Flashのデフォルトブロック)はChrome 56に延期した。","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Chrome 55: Async and Await, Pointer Events, Persistent Storage and more - YouTube","url":"https://www.youtube.com/watch?v=OC7tgJP1D4s"},{"title":"Chromium Blog: Chrome 55 Beta: Input handling improvements and async/await functions","url":"https://blog.chromium.org/2016/10/chrome-55-beta-input-handling.html"},{"title":"(Update) Intent to Implement - HTML5 by Default - Google グループ","url":"https://groups.google.com/a/chromium.org/forum/#!msg/chromium-dev/ad7Posd6cdI/5EEOduWiCwAJ"}]},{"date":"2016-12-06T01:08:19.643Z","title":"Angular 2アンチパターン集 - Qiita","url":"http://qiita.com/armorik83/items/90b60fae2622f7c1f1a2","viaURL":null,"content":"Angular2におけるアンチパターンについて。","tags":["Angular"],"relatedLinks":[]},{"date":"2016-12-07T04:19:03.879Z","title":"Release 7.1.0 · developit/preact","url":"https://github.com/developit/preact/releases/tag/7.1.0","viaURL":null,"content":"小さなReactライクなライブラリであるPreact 7.1.0リリース。\n初期レンダリングの高速化など","tags":["React","JavaScript","library"],"relatedLinks":[]},{"date":"2016-12-07T10:46:16.809Z","title":"今年のうちに対応したい、Node.jsのBufferに潜む危険性 - Yahoo! JAPAN Tech Blog","url":"https://techblog.yahoo.co.jp/advent-calendar-2016/node_new_buffer/","viaURL":null,"content":"Node.jsの`new Buffer`のセキュリティ的な問題点についての解説。\n非推奨となった`new Buffer`の代わりとなる`Buffer.from`/`Buffer.alloc`/`Buffer.allocUnsafe`について","tags":["node.js","JavaScript","security"],"relatedLinks":[{"title":"notes/Lets-fix-Buffer-API.md at master · ChALkeR/notes","url":"https://github.com/ChALkeR/notes/blob/master/Lets-fix-Buffer-API.md"}]},{"date":"2016-12-07T12:54:40.118Z","title":"Release 2.1.0 · qunitjs/qunit","url":"https://github.com/qunitjs/qunit/releases/tag/2.1.0","viaURL":null,"content":"QUnit 2.1.0リリース。\n","tags":["JavaScript","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2016-12-07T13:03:14.887Z","title":"On Webpack and Source Map integration | Code.Art.Web","url":"http://lorefnon.me/2016/12/03/on-webpack-and-source-map-integration.html","viaURL":null,"content":"webpackの`devtool`で指定できるSource Mapオプションについて","tags":["webpack"],"relatedLinks":[]},{"date":"2016-12-07T13:08:32.060Z","title":"parse5","url":"http://inikulin.github.io/parse5/#3-0-0","viaURL":null,"content":"HTMLパーサであるparse5 3.0.0リリース。","tags":["HTML","ReleaseNote"],"relatedLinks":[]},{"date":"2016-12-07T13:09:36.988Z","title":"Node.js v7 has updated V8 to 5.4 | Node.js","url":"https://nodejs.org/en/blog/community/update-v8-5.4/","viaURL":null,"content":"Node.js v7で使えるようになったECMAScriptの機能や改善点について","tags":["V8","node.js","JavaScript"],"relatedLinks":[]},{"date":"2016-12-08T00:48:51.444Z","title":"Promise の all と race だけで書ける待ち合わせ、書けない待ち合わせ - Qiita","url":"http://qiita.com/Kuniwak/items/9ea447598b7652db78b9","viaURL":null,"content":"`Promise.all`と`Promise.race`を使った待ちわせのパターンについて","tags":["JavaScript","Promises"],"relatedLinks":[]},{"date":"2016-12-08T00:57:27.823Z","title":"andywer/webpack-blocks: 📦 Configure webpack using functional feature blocks.","url":"https://github.com/andywer/webpack-blocks","viaURL":null,"content":"webpackの設定を関数で書くことができるモジュール","tags":["webpack","config","library"],"relatedLinks":[]},{"date":"2016-12-08T01:00:33.034Z","title":"Announcing TypeScript 2.1 | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2016/12/07/announcing-typescript-2-1/","viaURL":null,"content":"TypeScript 2.1リリース。\nasync/await、Object Rest & Spread、`keyof` type、Mapped Typeのサポートなど","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"TypeScript 2.1.4 変更点 - Qiita","url":"http://qiita.com/vvakame/items/fc7e37d0296c63f41f4f"}]},{"date":"2016-12-08T12:16:46.535Z","title":"Release Notes for Safari Technology Preview 19 | WebKit","url":"https://webkit.org/blog/7093/release-notes-for-safari-technology-preview-19/","viaURL":null,"content":"Safari Technology Preview Release 19リリース。\nES6 modulesのサポート、Touch Barのサポート、Pointer Lock APIの有効化、WebDriver時は`navigator.webdriver`が触れるようになるなど","tags":["webkit","ReleaseNote"],"relatedLinks":[]},{"date":"2016-12-08T14:38:14.880Z","title":"Angular 2.3.0 Now Available","url":"http://angularjs.blogspot.com/2016/12/angular-230-now-available.html","viaURL":null,"content":"Angular 2.3.0リリース。\nIDEなどと連携する向けにAngular Language Serviceをリリース、zone.jsのスタックトレースが分かりやすくなるように改善されるなど","tags":["Angular","ReleaseNote"],"relatedLinks":[]},{"date":"2016-12-08T14:45:42.021Z","title":"The State of Babel · Babel","url":"https://babeljs.io/blog/2016/12/07/the-state-of-babel","viaURL":null,"content":"Babelの現状について。\nbabel-preset-env、babili、コードカバレッジやプラグインエコシステム、ドキュメント、今後のロードマップについて","tags":["babel"],"relatedLinks":[]},{"date":"2016-12-08T15:27:44.818Z","title":"Microsoft Edge build 14986 changelog - Microsoft Edge Development","url":"https://developer.microsoft.com/en-us/microsoft-edge/platform/changelog/desktop/14986/","viaURL":null,"content":"MSEdge build 14986リリース。\nCSS Custom Property、IntersectionObserverのサポート。\nFetchをフラグ付きでサポート、async/awaitをデフォルトで有効に","tags":["MSEdge","ReleaseNote"],"relatedLinks":[]},{"date":"2016-12-10T03:08:36.230Z","title":"Variable Fontについて - console.blog(self);","url":"http://sadah.hatenablog.com/entry/variablefont","viaURL":null,"content":"Variable Fontの確認方法や仕様について。\nどのようにフォントの設定をCSSから変更するかについて。","tags":["CSS","fonts"],"relatedLinks":[]},{"date":"2016-12-10T06:15:04.951Z","title":"Vue.js Vueコンポーネントのユニットテストを書いてみよう - Qiita","url":"http://qiita.com/potato4d/items/8215941b84c11b845886","viaURL":null,"content":"Vueコンポーネントのユニットテストの方法について","tags":["JavaScript"],"relatedLinks":[]},{"date":"2016-12-10T06:38:43.371Z","title":"How to Snapshot Test Everything in Your Redux App With Jest – Medium","url":"https://medium.com/@jondot/how-to-snapshot-test-everything-in-your-redux-app-with-jest-fde305ebedea","viaURL":null,"content":"Jestを使ったReactコンポーネントのsnapshotテスト、enzymeを使ったインタラクションテスト、Reduxのreducerのテスト手法について","tags":["React","redux","testing"],"relatedLinks":[]},{"date":"2016-12-10T12:04:02.819Z","title":"TestCafe v0.11.0 Released | TestCafe","url":"http://devexpress.github.io/testcafe/blog/testcafe-v0-11-0-released.html","viaURL":null,"content":"TestCafe v0.11.0リリース。\nSeletorの仕組みを変更、built-in assertionの追加、ブラウザに起動引数をわたせるように","tags":["JavaScript","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2016-12-11T08:28:52.866Z","title":"Release KITT · sass/libsass","url":"https://github.com/sass/libsass/releases/tag/3.4.0","content":"LibSass 3.4リリース","tags":["Sass","ReleaseNote"],"relatedLinks":[]},{"date":"2016-12-11T12:16:25.243Z","title":"prigara/javascript-conferences: List of conferences for frontend and Node.js developers in 2016","url":"https://github.com/prigara/javascript-conferences","content":"JavaScriptのカンファレンスをまとめているリポジトリ","tags":["JavaScript","Conference"],"relatedLinks":[]},{"date":"2016-12-12T01:05:35.628Z","title":"Chromium Blog: Chrome 56 Beta: “Not Secure” warning, Web Bluetooth, and CSS position: sticky","url":"https://blog.chromium.org/2016/12/chrome-56-beta-not-secure-warning-web.html","content":"Chrome 56βリリース。\nWeb Bluetooth APIがデフォルトで有効化、CSS `position: sticky`の有効化、WebGL 2.0、FlashのClick to Playがデフォルト化、CSS Fontsの`system-ui`をサポート、SHA-1の対応終了など","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"New In Chrome 55  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2016/11/nic55"},{"title":"Chromium Blog: Roll-out plan for HTML5 by Default","url":"https://blog.chromium.org/2016/12/roll-out-plan-for-html5-by-default.html"},{"title":"Flash Roadmap - The Chromium Projects","url":"https://sites.google.com/a/chromium.org/dev/flash-roadmap#TOC-HTML5-By-Default-Target:-Chrome-55---Dec-2016-"},{"title":"Intent to Implement and Ship: The “system-ui” generic font family - Google グループ","url":"https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/hvN9YVvIb5c/5DrcunKSCAAJ"},{"title":"SSLサーバー証明書 : SHA-1 証明書の受付終了と SHA-2 証明書への移行について｜Cybertrust.ne.jp","url":"https://www.cybertrust.ne.jp/sureserver/productinfo/sha1ms.html"}]},{"date":"2016-12-12T14:42:47.268Z","title":"Angular: Angular 1.6.0 released","url":"http://angularjs.blogspot.com/2016/12/angular-160-released.html","content":"AngularJS 1.6.0リリース。\njqLiteをjQuery 3の挙動に合わせるように、expression sandboxを削除。\nまた、JSONPリクエストはホワイトリストがデフォルトになるなど多數のBreaking Changeが含まれている","tags":["Angular","ReleaseNote"],"relatedLinks":[{"title":"angular.js/CHANGELOG.md at master · angular/angular.js","url":"https://github.com/angular/angular.js/blob/master/CHANGELOG.md#160-rainbow-tsunami-2016-12-08"},{"title":"AngularJS: Developer Guide: Migrating from Previous Versions","url":"https://docs.angularjs.org/guide/migration#migrating-from-1-5-to-1-6"},{"title":"Angular: Angular 1.6 - Expression Sandbox Removal","url":"http://angularjs.blogspot.jp/2016/09/angular-16-expression-sandbox-removal.html"}]},{"date":"2016-12-12T22:53:13.138Z","title":"Performance Calendar » Prefer DEFER Over ASYNC","url":"http://calendar.perfplanet.com/2016/prefer-defer-over-async/","content":"deferとasync属性について。 どちらもHTMLパースのブロックはしないが、レンダリングのブロックは発生する。 \ndeferは常にdomInteractiveが起きてから実行するため一定、しかしasyncはダウンロード速度によってはメインと被ることもある。\nメインコンテンツに関係ないレンダリングを行うスクリプトはdefer属性を試すことで、メインのレンダリングが邪魔されずに進むかを確認した方が良いという話。","tags":["JavaScript","browser","performance"],"relatedLinks":[]},{"date":"2016-12-13T09:35:03.908Z","title":"rxjs/CHANGELOG.md at master · ReactiveX/rxjs","url":"https://github.com/ReactiveX/rxjs/blob/master/CHANGELOG.md","content":"RxJS 5.0.0リリース","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2016-12-13T15:13:45.052Z","title":"ECMAScript: latest and upcoming features // Speaker Deck","url":"https://speakerdeck.com/rauschma/ecmascript-latest-and-upcoming-features","content":"ES2016/ES2017と今Stage 3であるProposalについての紹介スライド","tags":["ECMAScript","slide"],"relatedLinks":[]},{"date":"2016-12-14T10:04:39.334Z","title":"実況中継シリーズ Vue.jsで実現するMVVMパターン Fluxアーキテクチャとの距離 - Re.Ra.Ku アドベントカレンダー day 13 - Re.Ra.Ku tech blog","url":"http://techblog.reraku.co.jp/entry/2016/12/13/080000","content":"MVVMとFluxのアーキテクチャに似ている部分と異なる部分について","tags":["MVC","Flux","JavaScript"],"relatedLinks":[]},{"date":"2016-12-14T13:59:28.407Z","title":"SurviveJS - Inferno - Blazing fast, React-like UI library - Interview with Dominic Gannaway","url":"http://survivejs.com/blog/inferno-interview/","content":"ReactライクなVirtual DOMを使ったUIライブラリであるInfernoの特徴について。\nどのような仕組みで動いているのか、Reactなどとの違いについて","tags":["JavaScript","React"],"relatedLinks":[]},{"date":"2016-12-14T15:19:41.127Z","title":"Release v0.37.0 · facebook/flow","url":"https://github.com/facebook/flow/releases/tag/v0.37.0","content":"Flow v0.37.0 リリース。\nbuilt-in libの定義を更新、`declare module`内で`import type`と`import typeof`を使えるようになるなど","tags":["flowtype","ReleaseNote"],"relatedLinks":[]},{"date":"2016-12-15T01:54:48.872Z","title":"Writing Declaration Files for @types | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2016/12/14/writing-dts-files-for-types/","content":"TypeSriptのDefinitelyTyped向けに型定義ファイルを書く方法について\n手で書く方法とdts-genを使う方法について","tags":["TypeScript"],"relatedLinks":[]},{"date":"2016-12-15T09:12:49.238Z","title":"webpack 2.2: The Release Candidate – webpack – Medium","url":"https://medium.com/webpack/webpack-2-2-the-release-candidate-2e614d05d75f","content":"webpack 2.2.0 RCリリース。\n2.x系初のRCリリースとなってる","tags":["webpack"],"relatedLinks":[{"title":"Release v2.2.0-rc.0 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v2.2.0-rc.0"}]},{"date":"2016-12-16T01:36:24.955Z","title":"Release v5.0.0 · reactjs/react-redux","url":"https://github.com/reactjs/react-redux/releases/tag/v5.0.0","content":"React-Redux v5.0.0リリース。\n後方互換性はあるけどメジャーアップデート、`connect()`のオプションを追加、`connectAdvanced()`を追加など","tags":["React","redux","ReleaseNote"],"relatedLinks":[]},{"date":"2016-12-17T04:40:37.053Z","title":"Angular: Ok... let me explain: it's going to be Angular 4.0, or just Angular","url":"http://angularjs.blogspot.com/2016/12/ok-let-me-explain-its-going-to-be.html","content":"AngularJSの次のメジャーバージョンは4を予定している話。\n既に`@angular/router`がv3であるため、合わせるためにv4へあげる。\n2017年3月にリリースする予定","tags":["Angular"],"relatedLinks":[]},{"date":"2016-12-18T04:39:10.887Z","title":"Cross-Browser HTML5 Form Validation is Finally Here! Now What? -Telerik Developer Network","url":"http://developer.telerik.com/topics/web-development/cross-browser-html5-form-validation-finally-now/","content":"HTML5 Form Validation APIについて。\nWebKitもサポートしたので、すべてのブラウザで利用できるようになった","tags":["HTML5","JavaScript"],"relatedLinks":[]},{"date":"2016-12-18T08:55:15.271Z","title":"simple-statistics/simple-statistics: simple statistics for node & browser javascript","url":"https://github.com/simple-statistics/simple-statistics","content":"統計的な関数のコレクションライブラリ。\nPythonのsimplestatisticsのport。","tags":["JavaScript","統計"],"relatedLinks":[{"title":"sheriferson/simplestatistics: Simple statistical functions implemented in readable Python.","url":"https://github.com/sheriferson/simplestatistics"}]},{"date":"2016-12-19T14:45:03.814Z","title":"Professor Frisby Introduces Composable Functional JavaScript - Course by @drboolean @eggheadio","url":"https://egghead.io/courses/professor-frisby-introduces-function-composition","content":"JavaScriptでのFunctionalプログラミングについてのスクリーンキャスト。\nEither的な実装やカリー化などについて解説してる\n","tags":["JavaScript","関数型プログラミング"],"relatedLinks":[]},{"date":"2016-12-19T14:52:51.884Z","title":"Vue.js Fundamentals - YouTube","url":"https://www.youtube.com/playlist?list=PLwAKR305CRO_1yAao-8aZiQnBqJeyng4O","content":"Vue.js 2.0のチュートリアル動画","tags":["JavaScript","library","video"],"relatedLinks":[]},{"date":"2016-12-19T14:59:50.577Z","title":"Npm Desktop Manager","url":"https://720kb.github.io/ndm/","content":"npmのパッケージを管理するGUIアプリケーション","tags":["npm","GUI"],"relatedLinks":[]},{"date":"2016-12-19T15:09:06.818Z","title":"date-fns/date-fns: ⏳ Modern JavaScript date utility library ⌛️","url":"https://github.com/date-fns/date-fns","content":"Date周りの操作を提供するライブラリ。\nlodashのように利用する関数だけを取り出して使えるようにするのが目的となってる","tags":["JavaScript","library"],"relatedLinks":[{"title":"Add a brief comparison with Moment.js? · Issue #275 · date-fns/date-fns","url":"https://github.com/date-fns/date-fns/issues/275#issuecomment-264934189"}]},{"date":"2016-12-19T15:17:30.547Z","title":"JavaScript Clean Coding Best Practices | @RisingStack","url":"http://blog.risingstack.com/javascript-clean-coding-best-practices-node-js-at-scale/","content":"読みやすいJavaScriptのコードを書くためのプラクティス","tags":["JavaScript"],"relatedLinks":[]},{"date":"2016-12-20T01:05:10.497Z","title":"jsdom/Changelog.md at 9.9.0 · tmpvar/jsdom","url":"https://github.com/tmpvar/jsdom/blob/9.9.0/Changelog.md","content":"jsdom 9.9.0リリース。\n`document.createCDATASection`、`node.wholeText`のサポート、バグ修正など","tags":["JavaScript","DOM","library","ReleaseNote"],"relatedLinks":[]},{"date":"2016-12-20T01:12:25.993Z","title":"The Inner Workings Of Virtual DOM – Medium","url":"https://medium.com/@rajaraodv/the-inner-workings-of-virtual-dom-666ee7ad47cf","content":"(Preactの)Virtual DOMがどのような処理を経てレンダリングされているのかを追った記事。\nVirtual DOMの最適化処理についてなど","tags":["VirtualDOM","React"],"relatedLinks":[]},{"date":"2016-12-21T13:59:55.012Z","title":"amilajack/eslint-plugin-compat: Browser and ES spec compatibility assertion with ESLint","url":"https://github.com/amilajack/eslint-plugin-compat","content":"AutoPrefixerのように想定ブラウザを記述し、そのブラウザで動かないAPIを使ってないかをチェックするESLintルール。\ncaniuseやcompat tableのデータを使う","tags":["JavaScript","ESLint"],"relatedLinks":[]},{"date":"2016-12-22T01:27:48.369Z","title":"devongovett/regexgen: Generate regular expressions that match a set of strings","url":"https://github.com/devongovett/regexgen","content":"複数の文字列を渡して、それにマッチする正規表現を作るライブラリ","tags":["JavaScript","正規表現"],"relatedLinks":[]},{"date":"2016-12-23T05:22:26.413Z","title":"Release Notes for Safari Technology Preview 20 | WebKit","url":"https://webkit.org/blog/7120/release-notes-for-safari-technology-preview-20/","content":"Safari Technology Preview Release 20リリース。\nVisual Viewport、Shared Array Bufferを有効化、`block-all-mixed-content`の追加、BlinkからportしたCSSパーサを使うようになるなど","tags":["safari","webkit","ReleaseNote"],"relatedLinks":[{"title":"What the Virtual Viewport?  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2015/01/What-the-Viewport"},{"title":"lars-t-hansen/ecmascript_sharedmem: Placeholder for old shared memory spec","url":"https://github.com/lars-t-hansen/ecmascript_sharedmem"}]},{"date":"2016-12-24T02:06:43.080Z","title":"Accessibility - Learn web development | MDN","url":"https://developer.mozilla.org/en-US/docs/Learn/Accessibility","content":"アクセシビリティについてのガイド","tags":["accessibility","web "],"relatedLinks":[]},{"date":"2016-12-25T02:39:03.319Z","title":"Say allo' to yeoman-generator 1.0 | Yeoman","url":"http://yeoman.io/blog/hello-generator-1.0.html","content":"Yeoman-generator 1.0りりイース。\n`composeWith`のAPIを簡略化、Yarnサポート、deprecatedなAPIを削除など","tags":["ジェネレーター","Tools"],"relatedLinks":[{"title":"Release v1.0.0 🎉 · yeoman/generator","url":"https://github.com/yeoman/generator/releases/tag/v1.0.0"}]},{"date":"2016-12-25T15:03:39.937Z","title":"Stream API入門 - Qiita","url":"http://qiita.com/Mizunashi_Mana/items/872354cd7bf25090932f","content":"Node.jsのStream APIについて。\n非同期処理のコールバック、Promise、async/await、generatorを踏まえてのStreamについての解説。\nWrite/Read/Duplex、Stream処理が得意とすること、`objectMode`についてなど幅広く解説されてる","tags":["node.js","stream"],"relatedLinks":[]},{"date":"2016-12-26T00:59:35.588Z","title":"SpeedTracker","url":"https://speedtracker.org/","content":"個人向けに使うCalibreやSpeedCurveのような継続的なパフォーマンス計測サービス。\nWebPageTestで取った結果をGitHubリポジトリにJekyllで動くようにデータをpushしてくれる。\n","tags":["webservice","performance","browser"],"relatedLinks":[{"title":"Performance Calendar » Introducing SpeedTracker","url":"http://calendar.perfplanet.com/2016/introducing-speedtracker/"}]},{"date":"2016-12-26T10:58:43.611Z","title":"Firebug lives on in Firefox DevTools ★ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2016/12/firebug-lives-on-in-firefox-devtools/","content":"Firebugは開発終了したが、多くの機能はFirefoxの開発者ツールに引き継がれている/引き継ぐ予定があるという話。\n\nまたFirebugはマルチプロセス対応を念頭に開発されたものではなかったため、Firebugを拡張するよりも、Firefoxの開発者ツールを拡張していく方が良いという決定がされた。","tags":["Firebug","firefox","debug"],"relatedLinks":[]},{"date":"2016-12-26T11:00:21.208Z","title":"かずぽんブログ • Vue.js 2016年まとめ & 今後","url":"http://blog.kazupon.jp/post/154903508388/vuejs-2016-closing-and-future","content":"2016年のVue.jsの変化について。\nVue.js 2.0、コミュニティ、エコシステム、利用範囲や今後について","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2016-12-26T11:08:11.936Z","title":"CSS Writing Modes ◆ 24 ways","url":"https://24ways.org/2016/css-writing-modes/","content":"CSSの`writing-mode`プロパティについての解説","tags":["CSS"],"relatedLinks":[]},{"date":"2016-12-26T11:12:32.900Z","title":"ECMAScript proposal updates @ 2016-11 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2016/12/22/ecmascript-proposals","content":"2016年11月のTC39ミーティングでのProposalのStage変動をまとめたもの","tags":["ECMAScript","proposal"],"relatedLinks":[]},{"date":"2016-12-26T11:14:30.630Z","title":"Release Notes · Microsoft/ChakraCore Wiki","url":"https://github.com/Microsoft/ChakraCore/wiki/Release-Notes#v140","content":"ChakraCore 1.4リリース。\nJITがLinuxやmacOSでも有効化、async/awaitをデフォルトで有効化、SharedArrayBufferを実験的にサポート、wasmの実験的サポートなど","tags":["MSEdge","JavaScript","ReleaseNote"],"relatedLinks":[]},{"date":"2016-12-26T12:15:14.380Z","title":"Release 3rd Mutation · canjs/canjs","url":"https://github.com/canjs/canjs/releases/tag/v3.0.0","content":"CanJS 3.0リリース\nコードは`can-*`からなるモジュールに分割され、`.attr()`の代わりに`DefineMap`の導入など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"JavaScriptフレームワーク「CanJS 3.0」リリース | OSDN Magazine","url":"https://mag.osdn.jp/16/12/22/160000"},{"title":"donejs - donejs","url":"http://donejs.com/"}]},{"date":"2016-12-26T12:57:26.241Z","title":"JavaScriptのUIライブラリはどうあるべきかという話とOnsen UIのアーキテクチャ - id:anatooのブログ","url":"http://blog.anatoo.jp/entry/2016/12/09/201511","content":"特定のUIフレームワークに依存されないUIフレームワークの基盤をどのように作るかという話。\nCSS Components層、Web Components層、フレームワークバインディング層のレイヤー分けについて","tags":["JavaScript","UI"],"relatedLinks":[]},{"date":"2016-12-26T13:09:56.501Z","title":"Web アクセシビリティ向け Node.js 製の自動チェックツールや DevTools 用の拡張機能など ::ハブろぐ","url":"https://havelog.ayumusato.com/develop/a11y/e732-a11y_checking_automate.html","content":"Webアクセシビリティの自動チェックツールや補助ツールの紹介。","tags":["accessibility","test"],"relatedLinks":[]},{"date":"2016-12-26T13:54:15.230Z","title":"ServiceWorker内にExpressサーバーを立てる - Qiita","url":"http://qiita.com/narirou/items/738a0fe6656d0f905e28","content":"express-serviceがどのようにして実際のNode.jsで動くExpressのコードをServideWorkerの中でも擬似的に動かしているのかについての解説","tags":["ServiceWorker","node.js"],"relatedLinks":[{"title":"express-service","url":"https://www.npmjs.com/package/express-service"}]},{"date":"2016-12-26T14:20:46.735Z","title":"Mithril、Vue.jsの仮想DOM用のi18nライブラリ作った - Qiita","url":"http://qiita.com/shibukawa/items/c2298b21b4629941b230","content":"Node.jsでもブラウザでも動作するi18nライブラリ。\nプレースホルダ、複数形、コンテキスト、`data-i18n`属性に対する翻訳する機能を持つ","tags":["JavaScript","i18n","library"],"relatedLinks":[{"title":"i18n for Virtual DOM (i18n4v) — i18n for virtual dom 0.1.5 documentation","url":"https://i18n4v.js.org/"}]},{"date":"2016-12-26T14:40:35.241Z","title":"javascript-obfuscator/javascript-obfuscator: JavaScript obfuscator for Node.js","url":"https://github.com/javascript-obfuscator/javascript-obfuscator","content":"JavaScriptの難読化ツール/ライブラリ。\nES2015+のコードを扱うことができ、Source Mapにも対応している","tags":["JavaScript","library","Tools"],"relatedLinks":[]},{"date":"2016-12-27T15:01:03.659Z","title":"Gothdo/range: A JavaScript implementation of the Python's range() function.","url":"https://github.com/Gothdo/range","content":"Pythonの`range()`のJavaScript実装ライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2016-12-27T23:06:25.758Z","title":"MozAnime in 2016 | Nothing new","url":"https://birtles.wordpress.com/2016/12/27/mozanime-in-2016/","content":"2016年におけるFirefoxのWeb Animations対応やデバッグ機能の更新点について","tags":["firefox","animation"],"relatedLinks":[]},{"date":"2016-12-29T07:33:31.813Z","title":"andywer/leakage: 🐛 Memory leak testing for node.","url":"https://github.com/andywer/leakage","content":"Node.jsでメモリリークのテストを書くことができるライブラリ。\n","tags":["JavaScript","node.js","test","libn"],"relatedLinks":[]},{"date":"2016-12-29T07:40:27.009Z","title":"The Reflect API of ES6 – Zsolt Nagy","url":"http://www.zsoltnagy.eu/the-reflect-api-of-es6/","content":"Reflect APIについての紹介記事","tags":["JavaScript","ECMAScript"],"relatedLinks":[]},{"date":"2016-12-30T10:25:06.698Z","title":"StealJS 1.0 Release","url":"https://www.bitovi.com/blog/stealjs-1.0-release","content":"開発時は動的なモジュールローダで、本番時はsteal-toolsでのproduction buildでbundleできるStealJS 1.0リリース","tags":["JavaScript","Tools","library","ReleaseNote"],"relatedLinks":[{"title":"Easy ES6 with StealJS - YouTube","url":"https://www.youtube.com/watch?v=VKydmxRm6w8"}]},{"date":"2016-12-30T12:35:01.314Z","title":"FlowtypeでFluxアーキテクチャに型付けをするという発表をした - Please Drive Faster","url":"http://joe-re.hatenablog.com/entry/2016/12/29/204917","content":"FlowTypeを使ってFluxアーキテクチャのパターンに型を付ける話","tags":["flowtype","Flux"],"relatedLinks":[{"title":"flowtypeによりFluxにおいて型安全を手に入れる - Qiita","url":"http://qiita.com/joe-re/items/d6fd262a8c6017f41e22"}]},{"date":"2016-12-31T00:43:21.149Z","title":"nolanlawson/marky: High-resolution JavaScript timer based on performance.mark() and measure()","url":"https://github.com/nolanlawson/marky","content":"User Timing API(`performance.mark`と`performance.measure`)ベースの処理時間計測ライブラリ","tags":["JavaScript","performance","libn"],"relatedLinks":[]},{"date":"2016-12-31T13:47:34.813Z","title":"PostCSS まとめ - Qiita","url":"http://qiita.com/morishitter/items/4a04eb144abf49f41d7d","content":"PostCSSの概要と特徴、作られたモチベーションについて","tags":["PostCSS"],"relatedLinks":[]},{"date":"2016-12-31T13:54:36.055Z","title":"Front-End Performance Checklist 2017 (PDF, Apple Pages) – Smashing Magazine","url":"https://www.smashingmagazine.com/2016/12/front-end-performance-checklist-2017-pdf-pages/","content":"ウェブフロントエンドのパフォーマンスチェックリスト。\nファイルサイズ、配信方法、レンダリング、モニタリング、テスト方法などについて","tags":["performance","browser"],"relatedLinks":[]},{"date":"2016-12-31T14:06:06.685Z","title":"Optimise your web development workflow 2016","url":"https://umaar.github.io/devtools-optimise-your-web-development-workflow-2016/","content":"Chromeの開発者ツールについてのスライド。\n主にCSS、アクセシビリティ、パフォーマンスについて豊富なGIFアニメーションと共に紹介している。","tags":["Chrome","CSS","debug","slide","accessibility"],"relatedLinks":[]},{"date":"2017-01-01T03:39:50.903Z","title":"Lazy Loading - React","url":"https://webpack.js.org/guides/lazy-load-react/","content":"webpack2を使ったReactコンポーネントのLazyLoad方法についてのドキュメント","tags":["webpack","React"],"relatedLinks":[]},{"date":"2017-01-02T13:43:56.450Z","title":"maniart/diffyjs: A dependency-free motion detection library for the browser","url":"https://github.com/maniart/diffyjs","content":"`MediaDevices.getUserMedia()`を使って取得した画像から、フレームごとの動きのdiffを取得できるライブラリ。\nmotion detectionライブラリ","tags":["JavaScript","画像"],"relatedLinks":[]},{"date":"2017-01-03T08:04:03.335Z","title":"Writing HTML with accessibility in mind – Medium","url":"https://medium.com/@matuzo/writing-html-with-accessibility-in-mind-a62026493412","content":"HTMLとアクセシビリティ(スクリーンリーダー)について\n`lang`属性、`alt`属性、`<buton>`要素、landmarksについて","tags":["HTML","accessibility"],"relatedLinks":[]},{"date":"2017-01-03T10:43:16.595Z","title":"Node.js Interview Questions and Answers (2017 Edition) | @RisingStack","url":"http://blog.risingstack.com/node-js-interview-questions-and-answers-2017/","content":"Node.jsにおいて良くある質問とその答えについてをQ&A形式で書かれたもの。\nコーディングスタイル、よくある書き間違い、セキュリティ、タイミング攻撃などについて","tags":["node.js","security"],"relatedLinks":[]},{"date":"2017-01-03T11:44:53.720Z","title":"Fuse-Box bundler / API Reference","url":"http://fuse-box.org/","content":"webpack/Browserifyのようなbundler、JSPM/SystemJSのようなloaderを機能を持つツール。\n変換結果の依存関係とキャッシュをすることで高速な変換ができる。\nプラグインで対応する変換を拡張できる","tags":["JavaScript","Tools"],"relatedLinks":[{"title":"FuseBox — bundle your project within a fraction of a second","url":"https://medium.com/@ivanorlov/fusebox-bundle-your-project-within-a-fraction-of-a-second-f2360ba95727"}]},{"date":"2017-01-03T12:11:17.994Z","title":"Optimizing Page Speeds With Lazyloading | Jscrambler Blog","url":"https://blog.jscrambler.com/optimizing-page-speeds-with-lazyloading/","content":"AngularのルーティングとコンポーネントのLazyLoadについて","tags":["Angular"],"relatedLinks":[]},{"date":"2017-01-04T07:54:07.191Z","title":"React Interview Questions","url":"https://tylermcginnis.com/react-interview-questions/","content":"Reactについての疑問をQ&A形式で書かれた記事。\nClassで書くコンポーネントと関数として書くコンポーネントの違い、`refs`とは何か、`key`属性はなぜ大事なのか、コンポーネントパターンなど","tags":["React","JavaScript"],"relatedLinks":[]},{"date":"2017-01-05T03:33:42.670Z","title":"talyssonoc/structure: A simple schema/attributes library built on top of modern JavaScript","url":"https://github.com/talyssonoc/structure","content":"ES2015 classesのモデルに対してスキーマを定義できるライブラリ。\nスキーマを元にバリデーションやシリアライズを行える","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-01-05T03:49:58.763Z","title":"Node v7.4.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v7.4.0/","content":"Node.js 7.4.0リリース。\nBuffer、`EventEmitter.once`のパフォーマンス改善など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2017-01-05T03:59:13.783Z","title":"wheresrhys/fetch-mock: Mock http requests made using fetch (or isomorphic-fetch)","url":"https://github.com/wheresrhys/fetch-mock","content":"Fetch APIのモックライブラリ","tags":["Fetch","test","HTTP"],"relatedLinks":[]},{"date":"2017-01-05T08:57:03.028Z","title":"From Sass to PostCSS by Tyler Gaw","url":"https://tylergaw.com/articles/sass-to-postcss","content":"SassだったものをPostCSSに置き換えるまでの話。\nSassの構文とPostCSS拡張(cssnext)の比較","tags":["Sass","CSS","PostCSS"],"relatedLinks":[]},{"date":"2017-01-05T10:32:13.489Z","title":"Flow Runtime","url":"https://codemix.github.io/flow-runtime/","content":"Flow互換の型チェックを実装したランタイムとBabelプラグイン。\nFlowで書いたコードをランタイムチェックすることができる","tags":["flowtype","JavaScript","library","babel"],"relatedLinks":[]},{"date":"2017-01-06T02:27:28.209Z","title":"NodeKit","url":"https://nodekit.io/","content":"Node.jsをiOS/Android/Windowsなどのアプリで組み込んで使うようのフレームワーク。\nJavaScriptのバインディングにJavaScriptCoreやChackraCoreを使う","tags":["node.js","webkit","Electron"],"relatedLinks":[]},{"date":"2017-01-06T06:05:56.724Z","title":"O'Reilly Japan - 初めてのJavaScript 第3版","url":"http://www.oreilly.co.jp/books/9784873117836/","content":"2017年1月20日発売\nLearning JavaScriptの翻訳本。\nES2015+に対応した内容","tags":["JavaScript","book"],"relatedLinks":[{"title":"初めてのJavaScript 第3版 サポートページ — マーリンアームズ","url":"http://www.marlin-arms.com/support/ljs3/"}]},{"date":"2017-01-08T11:40:03.413Z","title":"danculley/real-dom: A ~1K non-virtual DOM non-framework framework for simple apps","url":"https://github.com/danculley/real-dom","content":"JSXで書くこともでき、ReduxライクなStateマシンを扱えるDOMコンポーネントライブラリ。\n50行ほどのコードで実装されていてとても小さい。","tags":["JavaScript","library","React","jsx"],"relatedLinks":[]},{"date":"2017-01-08T12:14:53.176Z","title":"Introducing Inferno 1.0 – inferno_js – Medium","url":"https://medium.com/inferno-js/introducing-inferno-1-0-f3da5c4e773b","content":"Inferno 1.0リリース。\nInfernoがなぜ作られたのか、今後のロードマップについて","tags":["JavaScript","DOM","library","ReleaseNote"],"relatedLinks":[]},{"date":"2017-01-09T16:22:40.859Z","title":"xvg","url":"https://xvg.now.sh/","content":"SVG pathをアウトライン化、アンカーを表示することでSVGをデバッグすることができるChrome拡張","tags":["SVG","Chrome","debug"],"relatedLinks":[]},{"date":"2017-01-09T16:25:02.263Z","title":"Building a custom tag input with Skate.js","url":"https://hackernoon.com/building-a-custom-tag-input-with-skate-js-fbd4cdf744f","content":"Web ComponentsフレームワークであるSkate.jsを使ってタグ入力コンポーネントを作る話。\n値、スタイルの定義の仕方などについて","tags":["WebComponents","library"],"relatedLinks":[]},{"date":"2017-01-10T10:56:15.166Z","title":"[Release] PhantomJS 2.5.0 Beta - Google グループ","url":"https://groups.google.com/d/topic/phantomjs/AefOuwkgBh0","content":"PhantomJS 2.5.0βリリース。\nQtWebKitがアップデートされES2015のサポート、WebPのサポートなど","tags":["browser","ReleaseNote","webkit"],"relatedLinks":[{"title":"Comparison with QtWebKit 5.6 · annulen/webkit Wiki","url":"https://github.com/annulen/webkit/wiki/Comparison-with-QtWebKit-5.6"}]},{"date":"2017-01-10T12:09:48.399Z","title":"Microsoft Edge build 15002 changelog - Microsoft Edge Development","url":"https://developer.microsoft.com/en-us/microsoft-edge/platform/changelog/desktop/15002/","content":"Windows 10 build 15002リリース。\nMSEdgeでFlashがClick to playに、Web Paymentsの試験的サポート、CSP 2.0、WebVR APIのサポートなど\nまた別オリジンにおけるsetTimeout/requestAnimationFrameの呼び出し頻度を抑制するなど","tags":["MSEdge","ReleaseNote"],"relatedLinks":[]},{"date":"2017-01-10T12:13:41.144Z","title":"ES proposal: import()","url":"http://www.2ality.com/2017/01/import-operator.html","content":"現在Stage 3のProposalである、`import()`について。\ndynamic module importsに関する仕様","tags":["ECMAScript","proposal"],"relatedLinks":[]},{"date":"2017-01-10T12:25:06.692Z","title":"ES6 arrow functions in depth","url":"https://codesi.nz/es6-arrow-functions-in-depth/","content":"Arrow Functionについて細かいところも含めて、解説してる記事。\nよくある`this`の動き、暗黙的な`return`について\nまた、`new`できない点、`new.target`や`arguements`を扱えない点についてなど","tags":["JavaScript","ECMAScript"],"relatedLinks":[]},{"date":"2017-01-10T12:27:27.044Z","title":"Front-end Handbook 2017 · GitBook","url":"https://www.gitbook.com/book/frontendmasters/front-end-handbook-2017/details","content":"フロントエンドに関する電子書籍の2017年版","tags":["JavaScript","CSS","book"],"relatedLinks":[{"title":"Front-end Handbook 2016 · GitBook","url":"https://www.gitbook.com/book/frontendmasters/front-end-handbook/details"}]},{"date":"2017-01-10T13:03:04.861Z","title":"ryanmcdermott/clean-code-javascript: Clean Code concepts adapted for JavaScript","url":"https://github.com/ryanmcdermott/clean-code-javascript","content":"クリーンコードをJavaScriptで行うガイドライン。\n読みやすいコードの書き方やオブジェクト指向プログラミング、SOLID、ES2015以降の機能使って分かりやすく書く話など","tags":["JavaScript","OOP"],"relatedLinks":[]},{"date":"2017-01-10T14:21:33.959Z","title":"Yarn vs npm - The State of Node.js Package Managers | @RisingStack","url":"http://blog.risingstack.com/yarn-vs-npm-node-js-package-managers/","content":"npm v4とYarnについて。\nnpm v4で追加された機能の解説、Yarnの機能やロックファイルについて","tags":["npm","yarn"],"relatedLinks":[]},{"date":"2017-01-10T14:26:18.326Z","title":"Web animation in 2017 | Nothing new","url":"https://birtles.wordpress.com/2017/01/10/web-animation-in-2017/","content":"Web Animation関連の仕様ステータスについてのまとめ","tags":["CSS","animation","firefox"],"relatedLinks":[]},{"date":"2017-01-10T14:27:32.279Z","title":"縦書きWeb普及委員会","url":"http://tategaki.github.io/","content":"縦書きCSSについての解説サイト","tags":["CSS","browser"],"relatedLinks":[]},{"date":"2017-01-11T00:31:18.459Z","title":"jlongster/prettier: Prettier is an opinionated JavaScript formatter.","url":"https://github.com/jlongster/prettier","content":"折り返し桁数ベースのJavaScript整形ツール","tags":["JavaScript","Tools"],"relatedLinks":[{"title":"A Prettier JavaScript Formatter","url":"http://jlongster.com/A-Prettier-Formatter"}]},{"date":"2017-01-11T00:32:21.143Z","title":"Flux を使わずに React コンポーネント間のコミュニケーションを行う8つの方法 - Qiita","url":"http://qiita.com/kyoshidajp/items/0ddb156d96bb6337f623","content":"Reactコンポーネント同士で値の受け渡しなどのパターンについて","tags":["React","translate"],"relatedLinks":[]},{"date":"2017-01-12T06:37:45.608Z","title":"Release v2.2.0-rc.4 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v2.2.0-rc.4","content":"webpack 2.2.0 RC4リリース。\nES2015+ Modulesの中で、CommonJS Modulesを利用できないようにする変更。\n予定では次のリリースがStableとなる。","tags":["webpack","ReleaseNote"],"relatedLinks":[{"title":"2.2.0-rc.4&#39;s es6 modules&#39; &#34;module&#34; usage detection seems to be broken · Issue #3917 · webpack/webpack","url":"https://github.com/webpack/webpack/issues/3917"}]},{"date":"2017-01-12T08:44:17.584Z","title":"tsayen/dom-to-image: Generates an image from a DOM node using HTML5 canvas","url":"https://github.com/tsayen/dom-to-image","content":"SVGの`<foreignObject>`を使いHTMLを描画したものをCanvas経由で画像として取得するライブラリ\n","tags":["HTML","canvas","SVG","library"],"relatedLinks":[{"title":"DOM オブジェクトを Canvas に描画する - HTML | MDN","url":"https://developer.mozilla.org/ja/docs/Web/HTML/Canvas/Drawing_DOM_objects_into_a_canvas"}]},{"date":"2017-01-13T02:17:59.533Z","title":"Release Notes for Safari Technology Preview 21 | WebKit","url":"https://webkit.org/blog/7265/release-notes-for-safari-technology-preview-21/","content":"Safari Technology Preview Release 21リリース。\nConcurrent GCの有効化、`<script type=\"module\">`の有効化、`global`のサポートされたがbreak the webのためbackoutなど","tags":["ReleaseNote","webkit","safari"],"relatedLinks":[{"title":"チェンジセット 210570 – WebKit","url":"https://trac.webkit.org/changeset/210570"},{"title":"global breaks flickr.com · Issue #20 · tc39/proposal-global","url":"https://github.com/tc39/proposal-global/issues/20"}]},{"date":"2017-01-13T16:24:03.661Z","title":"Web Components v1 - the next generation  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/01/webcomponents-org","content":"Web Components v1に伴い、\nwebcomponents.org がアップデートされた","tags":["WebComponents"],"relatedLinks":[]},{"date":"2017-01-14T02:46:28.629Z","title":"katat/vbot: JSON based visual regression testing tool, particularly useful for SPA or complicated web app","url":"https://github.com/katat/vbot","content":"JSONベースのリグレッションテストツール。\nJSONでシナリオを作成して、スクリーンショットの画像比較ができる","tags":["browser","testing"],"relatedLinks":[{"title":"vbot - JSON based visual regression tester - Kata Tech Life","url":"http://katat.github.io/2017/01/09/vbot/"}]},{"date":"2017-01-14T10:56:15.938Z","title":"protractor/CHANGELOG.md at 5.0.0 · angular/protractor","url":"https://github.com/angular/protractor/blob/5.0.0/CHANGELOG.md","content":"Protractor 5.0.0リリース。\n`selenium-webdriver` 3.0.xへのアップデートに伴う破壊的変更、未知のフラグはエラーを投げるようになるなど","tags":["test","ReleaseNote"],"relatedLinks":[]},{"date":"2017-01-14T22:45:39.877Z","title":"ModClean/modclean: Remove unwanted files and directories from your node_modules folder","url":"https://github.com/ModClean/modclean","content":"node_modulesから不要なファイルを削除することができるツール","tags":["node.js","Tools"],"relatedLinks":[]},{"date":"2017-01-14T23:33:42.107Z","title":"mobx/CHANGELOG.md at 3.0.0 · mobxjs/mobx","url":"https://github.com/mobxjs/mobx/blob/3.0.0/CHANGELOG.md","content":"MobX 3リリース。\n`observable`が各type毎にファクトリメソッドを追加、受け取ったオブジェクトをcloneするように、エラーハンドリングの改善など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"MobX 3.0.0 の変更点について - console.lealog();","url":"http://lealog.hateblo.jp/entry/2017/01/11/140607"},{"title":"MobX 3 released: Unpeeling the onion – Medium","url":"https://medium.com/@mweststrate/mobx-3-released-unpeeling-the-onion-ca877382f443"}]},{"date":"2017-01-15T01:18:24.986Z","title":"Release v1.4.0 · karma-runner/karma","url":"https://github.com/karma-runner/karma/releases/tag/v1.4.0","content":"Karma v1.4.0リリース。\nHTTP moduleを設定することで`node-http2`などを利用できるように、定数を`karma.constants`としてexportするようになるなど","tags":["testing","ReleaseNote"],"relatedLinks":[]},{"date":"2017-01-16T04:47:57.283Z","title":"Side Effects in JS Promise chains – Medium","url":"https://medium.com/@gabrielcatalin/side-effects-in-js-promise-chains-7db50b6302f3","content":"Promise chainに副作用がある処理を含める際に処理が途切れてしまう問題について。\n`passThrough()`のような高階関数を用意し副作用を扱うことで、明示しつつバグを減らす方法について","tags":["JavaScript","Promises"],"relatedLinks":[]},{"date":"2017-01-16T10:41:23.745Z","title":"Practical Redux · Mark's Dev Blog","url":"http://blog.isquaredsoftware.com/series/practical-redux/","content":"ゲームの管理ツールを題材にしたReduxについての連載。\n`Redux-ORM`を使ったモデルの作成、Semantic-UIでのUI作成、ディレクトリ構造、デバッグ方法、コンポーネントのリファクタリングなどについて扱っている","tags":["redux","tutorial"],"relatedLinks":[]},{"date":"2017-01-16T12:10:26.806Z","title":"Siema - Lightweight and simple carousel with no dependencies","url":"https://pawelgrzybek.com/siema/","content":"依存がないカヌーセルライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-01-16T12:24:11.975Z","title":"TypeScript: the missing introduction","url":"https://toddmotto.com/typescript-the-missing-introduction","content":"TypeScriptという言語がどのような仕組みで動いているのか、JavaScriptに対してどのような役割をもっているのかという言語入門以前の話を丁寧にかかれている。","tags":["JavaScript","TypeScript"],"relatedLinks":[]},{"date":"2017-01-16T12:39:04.233Z","title":"TypedArray or DataView: Understanding byte order ★ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2017/01/typedarray-or-dataview-understanding-byte-order/","content":"`ArrayBuffer`、`TypedArray`、`DataView`についての解説。\n`ArrayBuffer`がバイナリのデータ構造であり、*view*として`TypedArray`と`DataView`があるという話","tags":["JavaScript"],"relatedLinks":[]},{"date":"2017-01-16T12:51:12.117Z","title":"arqex/freezer: A tree data structure that emits events on updates, even if the modification is triggered by one of the leaves, making it easier to think in a reactive way.","url":"https://github.com/arqex/freezer","content":"Immutable.jsのようなImmutableなデータ構造を扱うライブラリ。\n変更を通知するイベントやImmutable.jsよりもファイルサイズが小さい。","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-01-16T13:03:47.448Z","title":"angus-c/just: A library of dependency-free utilities that do just do one thing.","url":"https://github.com/angus-c/just","content":"依存がない小さなユーティリティライブラリ集。\nそれぞれの機能を個別のモジュールとしてインストールして利用できる。\nそれぞれの`just-*`モジュール間でも依存関係がない作りとなっている。","tags":["JavaScript","library"],"relatedLinks":[{"title":"Why I wrote Just. – Medium","url":"https://medium.com/@angustweets/just-a12d54221f65"},{"title":"Just vs lodash · Issue #4 · angus-c/just","url":"https://github.com/angus-c/just/issues/4"}]},{"date":"2017-01-16T13:06:54.155Z","title":"Landmarks browser extension","url":"http://matatk.agrip.org.uk/landmarks/","content":"WAI-ARIAのlandmarkナビゲーションを有効化するブラウザ拡張","tags":["firefox","Chrome","WAI-ARIA","Extension"],"relatedLinks":[]},{"date":"2017-01-16T13:10:41.411Z","title":"yamafaktory/shrimpit: Shrimpit is a small CLI analysis tool for checking unused JavaScript, JSX & Vue templates ES6 exports in your project.","url":"https://github.com/yamafaktory/shrimpit","content":"各モジュールのimport/exportを一覧し、未使用なモジュールを表示出来るCLI","tags":["JavaScript","library","Tools"],"relatedLinks":[]},{"date":"2017-01-18T00:59:18.648Z","title":"Dragons when upgrading from Angular 2.1.x to 2.4.x – Medium","url":"https://medium.com/@abookone/dragons-when-upgrading-from-angular-2-1-x-to-2-4-x-530de5a763cb","content":"Angular 2.1から2.4へのアップデートにおけるハマりどころについて","tags":["Angular"],"relatedLinks":[]},{"date":"2017-01-18T14:34:53.971Z","title":"Introduction to WebAssembly — Rasmus Andersson","url":"https://rsms.me/wasm-intro","content":"WebAssemblyの中身を見ていく話。\nセマンティクス、type section、メモリアドレス、JavaScriptのAPIについて","tags":["WebAssembly"],"relatedLinks":[]},{"date":"2017-01-18T14:42:20.453Z","title":"Functional Programing in Javascript | Lifelong Learning","url":"https://vmayakumar.wordpress.com/2017/01/17/functional-programing-in-javascript/","content":"JavaScriptでの関数型プログラミングについて。\nAdequate/mostly-adequate-guideを元にしている\n","tags":["JavaScript","関数型プログラミング"],"relatedLinks":[{"title":"MostlyAdequate/mostly-adequate-guide: Mostly adequate guide to FP (in javascript)","url":"https://github.com/MostlyAdequate/mostly-adequate-guide"}]},{"date":"2017-01-19T00:56:43.943Z","title":"3 New CSS Features to Learn in 2017","url":"https://bitsofco.de/3-new-css-features-to-learn-in-2017/","content":"最近のブラウザで利用できる新しいCSSの機能について。\nFeature Queries、Grid Layout、CSS Variables","tags":["CSS"],"relatedLinks":[]},{"date":"2017-01-19T08:49:54.851Z","title":"2016 JavaScript Rising Stars","url":"https://risingstars2016.js.org/","content":"2016年にGitHubのstarの増加率でランキングをつけた結果について。\nそれぞれのライブラリやツールについても簡単に解説されている","tags":["JavaScript","github"],"relatedLinks":[]},{"date":"2017-01-20T02:59:04.280Z","title":"ES2016 / ES2017の最新動向を追ってみた - Qiita","url":"http://qiita.com/yuyake0084/items/3c901f37ed7333d4da16","content":"ES2016、2017で追加された構文や機能について","tags":["JavaScript","ECMAScript"],"relatedLinks":[]},{"date":"2017-01-20T04:20:36.615Z","title":"Vue + Vuex — Getting started – Medium","url":"https://medium.com/@bradfmd/vue-vuex-getting-started-f78c03d9f65","content":"Vuexについての導入チュートリアル","tags":["Vue","tutorial"],"relatedLinks":[]},{"date":"2017-01-20T16:26:13.699Z","title":"Release v2.2.0 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v2.2.0","content":"webpack 2.2.0正式版リリース。\n","tags":["webpack","ReleaseNote"],"relatedLinks":[{"title":"Migrating from v1 to v2","url":"https://webpack.js.org/guides/migrating/"},{"title":"🎉 webpack 2.2: The Final Release 🎉 – webpack – Medium","url":"https://medium.com/webpack/webpack-2-2-the-final-release-76c3d43bf144#.ibgliase6"}]},{"date":"2017-01-21T04:00:08.226Z","title":"アメブロ2016 ~ Isomorphic JavaScriptの詳しい話 | CyberAgent Developers Blog | サイバーエージェント デベロッパーズブログ","url":"https://developers.cyberagent.co.jp/blog/archives/3513/","content":"クライアントサイドとサーバサイドのどちらでも動くIsomorphicなJavaScriptを書くために気をつける点について。\nReactコンポーネント、Fetch、スタイルシート、環境変数、ルーティング、表示領域の扱い，パフォーマンス計測についてなど","tags":["JavaScript","isomorphic"],"relatedLinks":[]},{"date":"2017-01-21T04:11:06.478Z","title":"TypeScript 2.1: Mapped Types | Marius Schulz","url":"https://blog.mariusschulz.com/2017/01/20/typescript-2-1-mapped-types","content":"TypeScript 2.1で入ったMapped Typesについて。\n`Object.freeze`などを例にMapped Typesの使い方を解説している","tags":["TypeScript"],"relatedLinks":[]},{"date":"2017-01-21T11:53:29.054Z","title":"Voca: The JavaScript string library","url":"https://vocajs.com/","content":"文字列操作系のUtils集ライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-01-22T11:51:13.236Z","title":"Making transpiled ES modules more spec-compliant","url":"http://www.2ality.com/2017/01/babel-esm-spec-mode.html","content":"ES Modulesを仕様と現在のTranspilerの挙動について。\nECMAScriptとNode.jsのモジュールのInteroperabilityについて","tags":["ECMAScript","node.js"],"relatedLinks":[]},{"date":"2017-01-22T12:10:22.923Z","title":"Module Bundling and Webpack in Simple Terms","url":"http://arianv.com/post/Module-Bundling-and-Webpack-in-Simple-Terms/","content":"webpackがどのようにモジュールをbundleしているかを丁寧に解説した記事","tags":["webpack","tutorial"],"relatedLinks":[]},{"date":"2017-01-22T12:14:30.542Z","title":"lorenzofox3/zora: A less than 200 lines of code javascript test harness for nodejs and the browser","url":"https://github.com/lorenzofox3/zora","content":"Generatorを使った小さなテストフレームワーク","tags":["testing","JavaScript","library"],"relatedLinks":[]},{"date":"2017-01-22T12:47:57.717Z","title":"TestCafe v0.12.0 Released | TestCafe","url":"http://devexpress.github.io/testcafe/blog/testcafe-v0-12-0-released.html","content":"TestCafe v0.12.0リリース。\nベーシック認証/NTLM認証のサポート、CIでの動作改善、テストのスキップ、`test.before`と`test.after`の追加、ESLintプラグインの追加など","tags":["testing","E2E","ReleaseNote"],"relatedLinks":[]},{"date":"2017-01-22T23:21:17.134Z","title":"alibaba/rax: A universal React-compatible render engine.","url":"https://github.com/alibaba/rax","content":"ReactライクなAPIを持つUniversalなViewライブラリ。\nブラウザだけではなく、アプリ(Weex)やサーバでも動作させることが目的。","tags":["React","library","JavaScript"],"relatedLinks":[{"title":"rax/difference-with-react.md at master · alibaba/rax","url":"https://github.com/alibaba/rax/blob/master/docs/difference-with-react.md"},{"title":"Weex","url":"https://weex-project.io/"},{"title":"(question) Inferno/Preact comparison · Issue #81 · alibaba/rax","url":"https://github.com/alibaba/rax/issues/81"}]},{"date":"2017-01-23T01:17:25.873Z","title":"Server-side Rendering Shootout with Marko, Preact, Rax, React and Vue","url":"https://hackernoon.com/server-side-rendering-shootout-with-marko-preact-rax-react-and-vue-25e1ae17800f","viaURL":"https://github.com/jser/ping/issues/47","content":"UIライブラリ/テンプレートエンジンであるMarkoのサーバサイドレンダリングの高速化手法について。\nMarko v4ではブラウザとサーバで出力方式を変えている。\nクライアントサイドではVirtual DOMを使い、サーバサイドでは文字列結合をベースとした出力を使い分けている。","tags":["JavaScript","DOM","template"],"relatedLinks":[{"title":"Marko v4 Multiple Compilation Targets","url":"https://gist.github.com/mlrawlings/8b67bee58df45709e232f689b873e1d1"},{"title":"feat: add marko by mlrawlings · Pull Request #11 · taobaofed/server-side-rendering-comparison","url":"https://github.com/taobaofed/server-side-rendering-comparison/pull/11"},{"title":"marko/ROADMAP.md at master · marko-js/marko","url":"https://github.com/marko-js/marko/blob/master/ROADMAP.md"}]},{"date":"2017-01-23T16:34:42.721Z","title":"Modern JavaScript概観、そしてElectronへ","url":"http://blog.satotaichi.info/modern-javascript_201701/","content":"JavaScriptの環境設定をめぐる試行について。\nTypeScriptやFlowなどの型システム、Babelのエコシステム、Lint、テストフレームワーク、UIフレームワーク、CSS、アーキテクチャ、ビルドなど。\n幅広いツール/ライブラリの中で、どのような考えで何を選んだかについて書かれている。","tags":["JavaScript","TypeScript","Electron","babel"],"relatedLinks":[]},{"date":"2017-01-25T00:36:04.109Z","title":"Safari 10.1","url":"https://developer.apple.com/library/prerelease/content/releasenotes/General/WhatsNewInSafari/Articles/Safari_10_1.html","content":"Safari 10.1リリース。\nFetch API、IndexedDB 2.0、Custom Elements、Pointer Lock/Gamepad API、ES2016,2017のサポートなど。\nまた`<a>`要素の`download`属性,\nCSS Gridなどのサポート\n\n","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2017-01-25T01:07:10.222Z","title":"Watch Out for Undefined State","url":"https://daveceddia.com/watch-out-for-undefined-state/","content":"Reactコンポーネントでコンポーネント内のstateに依存しているものを、propsへ移動するリファクタリングの例。\nコンポーネントのデフォルトstateはundefinedであるという話\n","tags":["React"],"relatedLinks":[]},{"date":"2017-01-25T01:11:11.853Z","title":"Optimizing the Performance of Your React Application","url":"https://auth0.com/blog/optimizing-react/","content":"`react-addons-perf`を使いReactコンポーネントのパフォーマンス計測を行う話。\nまた`React.PureComponent`を使い`shouldComponentUpdate`の判定がきちんと行われるようにしてパフォーマンス改善するという話。","tags":["React","performance"],"relatedLinks":[]},{"date":"2017-01-25T01:17:35.118Z","title":"Firefox — Notes (51.0) — Mozilla","url":"https://www.mozilla.org/en-US/firefox/51.0/releasenotes/","content":"Firefox 51.0リリース。\nWebGL 2、IndexedDB 2、XHRの仕様追従、FLAC形式のサポート、` DOMImplementation.hasFeature()`は常に`true`を返すように、非標準なAPIを削除など","tags":["firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 51 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/Firefox/Releases/51"},{"title":"Firefox 51 Site Compatibility | Firefox Site Compatibility","url":"https://www.fxsitecompat.com/en-CA/versions/51/"}]},{"date":"2017-01-25T06:31:56.586Z","title":"knq/chromedp: Package chromedp is a faster, simpler way to drive browsers (Chrome, Edge, Safari, Android, etc) without external dependencies (ie, Selenium, PhantomJS, etc).","url":"https://github.com/knq/chromedp","content":"ChromeDebugging Protocolを使ったブラウザ操作ツール","tags":["Chrome","debug","golang"],"relatedLinks":[]},{"date":"2017-01-25T09:22:04.540Z","title":"node-browserify/changelog.markdown at master · substack/node-browserify","url":"https://github.com/substack/node-browserify/blob/master/changelog.markdown","content":"Browserify 14.0.0リリース。\nbufferのpolyfillがアップグレードされ、IE10以下のサポートが終了。\nbufferパッケージがTypedArrayを利用しているため。","tags":["browserify","ReleaseNote"],"relatedLinks":[{"title":"Update &#39;buffer&#39; to v5.x by feross · Pull Request #1678 · substack/node-browserify","url":"https://github.com/substack/node-browserify/pull/1678"}]},{"date":"2017-01-26T01:27:54.971Z","title":"Manning | Isomorphic Development with JavaScript","url":"https://www.manning.com/books/isomorphic-development-with-javascript","content":"Isomorphic JavaScriptについての書籍。\nブラウザとNode.jsで共有しながら、ウェブアプリケーションを作る話。\nReact + Redux、Angular 2やEmberを題材にしている。","tags":["JavaScript","isomorphic","book"],"relatedLinks":[]},{"date":"2017-01-26T14:47:59.341Z","title":"Release Notes for Safari Technology Preview 22 | WebKit","url":"https://webkit.org/blog/7354/release-notes-for-safari-technology-preview-22/","content":"Safari Technology Preview Release 22リリース。\n`scroll-snap-type:proximity`のサポート、`innerText`の仕様追従、`URLSearchParams`がiterableとなるなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2017-01-28T05:02:41.503Z","title":"Detecting text in an image on the web in real-time - Tales of a Developer Advocate by Paul Kinlan","url":"https://paul.kinlan.me/detecting-text-in-an-image/","content":"画像認識、顔認識、バーコード認識、画像からテキスト認識するブラウザAPIについて","tags":["Chrome","WebPlatformAPI"],"relatedLinks":[{"title":"Accelerated Shape Detection in Images","url":"https://wicg.github.io/shape-detection-api/"}]},{"date":"2017-01-28T05:53:30.473Z","title":"Refactoring 30000 lines of JS with types - Reaktor.com","url":"https://www.reaktor.com/blog/refactoring-30000-lines-js-types/","content":"3万行のJavaScriptをリファクタリングしたアプローチについて。\n逐次的な型付のアプローチについて。\nFlowのweek modeとコメントでの型付けを使った方法と問題点。\nTypeScriptを使った名前空間オブジェクトへのアプローチとメリット/デメリット。\n最終的にTypeScriptを使ったがそのときに遭遇した問題について","tags":["JavaScript","リファクタリング"],"relatedLinks":[]},{"date":"2017-01-29T11:07:17.728Z","title":"Making touch scrolling fast by default  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/01/scrolling-intervention","content":"Chrome 56からtouch eventをlistenすると\n`{passive: true}`がデフォルトとなる。\nデフォルトでは`touchstart`の中で`event.preventDefault()`を呼ぶと無視され警告がコンソールに表示される。","tags":["Chrome","JavaScript","event"],"relatedLinks":[{"title":"Event.defaultPrevented - Web APIs | MDN","url":"https://developer.mozilla.org/en-US/docs/Web/API/Event/defaultPrevented"},{"title":"Chrome Platform Status","url":"https://www.chromestatus.com/features/5093566007214080"}]},{"date":"2017-01-29T13:09:26.131Z","title":"Video.js 6.0.0-RC.0: The first Release Candidate | Video.js Blog","url":"http://blog.videojs.com/Video-js-6-0-0-RC-0-The-first-RC/","content":"video.js v6.0 RCリリース。\nFlashをCoreから取り除き、Reactインスパイアなプラグインアーキテクチャの追加、accessiblityの改善など","tags":["JavaScript","video","library","ReleaseNote"],"relatedLinks":[{"title":"The End of &#34;HTML-First&#34; | Video.js Blog","url":"http://blog.videojs.com/the-end-of-html-first/"}]},{"date":"2017-01-29T13:21:59.914Z","title":"Testing React Applications with Jest","url":"https://auth0.com/blog/testing-react-applications-with-jest/","content":"Jestを使ったReactのテストについての解説。\nインストールからテストの書き方、モックなどについて書かれている。","tags":["React","testing","tutorial"],"relatedLinks":[]},{"date":"2017-01-29T15:45:58.178Z","title":"Understanding the Critical Rendering Path","url":"https://bitsofco.de/understanding-the-critical-rendering-path/","content":"クリティカルレンダリングパスとは何かという解説。\nブラウザがどのようなフローでレンダリングまでを行うか。\nまた、開発者ツールを使ってレンダリングフローで起きているイベントを見ていく話。","tags":["browser","CSS","JavaScript"],"relatedLinks":[]},{"date":"2017-01-30T01:33:53.779Z","title":"ES proposal: Shared memory and atomics","url":"http://www.2ality.com/2017/01/shared-array-buffer.html","content":"ES2017に入ることが決まったShared memory and stomicsについての解説。\nShared Array BuffersでWorker(agent)とデータを共有することができる。","tags":["ECMAScript","proposal","spec"],"relatedLinks":[]},{"date":"2017-01-30T14:09:54.264Z","title":"ECMAScript proposal updates @ 2017-01 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2017/01/30/ecmascript-proposals-status","content":"2017年1月時点でのECMAScriptのProposalのStageまとめ。 2017年1月のミーティングで5つのProposalが追加され、Shared memory and atomicsはES2017に入った。","tags":["ECMAScript","proposal"],"relatedLinks":[]},{"date":"2017-01-30T14:22:29.005Z","title":"The Promise of a Burger Party - Mariko Kosaka","url":"http://kosamari.com/notes/the-promise-of-a-burger-party","content":"Promiseをバーガーショップを例にして解説している記事。\n図解をしながらPromiseのresolveとrejectの動きについて書かれている","tags":["JavaScript","Promises","図"],"relatedLinks":[]},{"date":"2017-01-30T14:26:46.121Z","title":"Implement a JavaScript reactive programming library — part 1 – Medium","url":"https://medium.com/@bohou/implement-a-javascript-reactive-programming-library-part-1-f564ac6ad789","viaURL":"https://github.com/jser/ping/issues/45","content":"ReactiveなJavaScriptライブラリを実装する連載記事。\n","tags":["JavaScript","library"],"relatedLinks":[{"title":"bhou/bouton.js: A framework to build your asynchronous reactive library.","url":"https://github.com/bhou/bouton.js"}]},{"date":"2017-01-30T16:39:49.742Z","title":"Introduction · GitBook","url":"https://vuex.vuejs.org/ja/","viaURL":"https://github.com/jser/ping/issues/45","content":"Vuexのドキュメント翻訳","tags":["Vue","library","document","translate"],"relatedLinks":[]},{"date":"2017-01-31T08:42:19.242Z","title":"Native ECMAScript modules: the new features and differences from Webpack modules","url":"https://blog.hospodarets.com/native-ecmascript-modules-new-features","content":"webpackなどのモジュールとネイティブのES moduleの違いについてまとめられた記事。 モジュールパス、CORS、`script`要素の属性、エラー判定、ES moduleの挙動、feature detectionの方法、fallback、`script`要素の`type`の取得についてなど","tags":["ECMAScript","module","webpack"],"relatedLinks":[]},{"date":"2017-02-05T06:25:11.623Z","title":"API Deprecations and Removals in Chrome 57  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/02/chrome-57-deprecations","content":"Chrome 57での非推奨/削除されるAPIについて。 Vendor-prefix付きの`cancelAnimationFrame`、`IndexedDB`、`AudioContext`の削除。 `BluetoothDevice.uuids`、`<keygen>`、`OfflineAudioContext`の削除など","tags":["Chrome","article"],"relatedLinks":[]},{"date":"2017-02-02T13:49:41.435Z","title":"A Beginners Guide to Webpack 2 and Module Bundling","url":"https://www.sitepoint.com/beginners-guide-to-webpack-2-and-module-bundling/","content":"webpackの基本的な使い方についての解説。\nmoduleの扱い方、loader、plugin、コード分割、dev server、Hot reloadingについて\n","tags":["webpack","tutorial"],"relatedLinks":[]},{"date":"2017-02-02T14:03:22.146Z","title":"BlinkOn 7 Information - Google ドキュメント","url":"https://docs.google.com/document/d/1jlpsfv0kXCveOEX5l75aATgRXbcAvwyse4Tn6jVprWs/edit#","content":"GoogleのBlinkOn7のイベントまとめ。\nスライドがまとめられている","tags":["Conference","V8","Chrome","google"],"relatedLinks":[]},{"date":"2017-02-02T14:25:46.496Z","title":"Web Platform Tests Dashboard","url":"https://wptdashboard.appspot.com/","content":"[w3c/web-platform-tests: Test Suites for Web Platform specifications—including WHATWG, W3C and others](https://github.com/w3c/web-platform-tests \"w3c/web-platform-tests: Test Suites for Web Platform specifications—including WHATWG, W3C and others\")をブラウザ別で実行した結果がまとめられているページ","tags":["browser","testing","DOM","WebPlatformAPI"],"relatedLinks":[{"title":"Web Platform Tests in Blink and Beyond - Google スライド","url":"https://docs.google.com/presentation/d/1s2Dick89wvJsuNJb4ia3pPt84NtMv8rZr0E_GFXJLrk/edit#slide=id.p"}]},{"date":"2017-02-02T15:35:59.651Z","title":"WebVR Rocks • Your guide to Virtual Reality in the browser.","url":"https://webvr.rocks/","content":"WebVRについてブラウザ別のサポート状況をまとめたサイト","tags":["web ","VR"],"relatedLinks":[]},{"date":"2017-02-02T15:39:51.146Z","title":"Node v7.5.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v7.5.0/","content":"Node v7.5.0リリース。\nnpmのアップデート、`NODE_NO_WARNINGS`の環境変数(`--no-warnings`と同等)を追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2017-02-02T15:56:24.207Z","title":"Next on Next.js","url":"https://jsmantra.com/next-on-next-js-1a134505f346","content":"Reactを使ったフレームワークであるNext.js 2βについて。\nルーティング、コード分割、webpack 2のサポート、webpackやbabelの設定のカスタマイズなどの変更点について","tags":["JavaScript","React","server"],"relatedLinks":[]},{"date":"2017-02-03T07:15:20.651Z","title":"How to Use npm Scripts as Your Build Tool - Course by @elijahmanor @eggheadio","url":"https://egghead.io/courses/how-to-use-npm-scripts-as-your-build-tool","content":"npm scriptsを使いビルドを行う話についてのスクリーンキャスト","tags":["npm","video","tutorial"],"relatedLinks":[]},{"date":"2017-02-05T05:33:25.254Z","title":"How to set up E2E browser testing for your GitHub project","url":"https://hackernoon.com/how-to-set-up-e2e-browser-testing-for-your-github-project-89c24e15a84","content":"TestCafeを使ってのE2Eテストの設定方法について。 PageObjectパターン、Travis CIやSauce Labsとの連携について","tags":["E2E","testing","tutorial","article"],"relatedLinks":[]},{"date":"2017-02-03T09:25:35.752Z","title":"Release 0.18.0 · avajs/ava","url":"https://github.com/avajs/ava/releases/tag/v0.18.0","content":"AVA 0.18.0リリース。\nNode.js 0.10と0.12のサポート終了、Snapshot testing(JSX)、Magic assertの追加など","tags":["JavaScript","testing"],"relatedLinks":[]},{"date":"2017-02-03T09:26:46.343Z","title":"CSS Grid – Table layout is back. Be there and be square.  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/01/css-grid","content":"CSS Gridの概要解説記事","tags":["CSS"],"relatedLinks":[]},{"date":"2017-02-03T09:38:53.058Z","title":"oliver-moran/jimp: An image processing library written entirely in JavaScript for Node, with zero external or native dependencies.","url":"https://github.com/oliver-moran/jimp","content":"依存がない画像処理ライブラリ。\n画像のリサイズや加工などができる。\n","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-02-03T10:21:28.665Z","title":"egoist/sao: Futuristic scaffolding tool.","url":"https://github.com/egoist/sao","content":"Gitリポジトリやnpmパッケージなどを元にしてプロジェクトを生成出来るscaffoldingツール","tags":["github","Tools","console"],"relatedLinks":[]},{"date":"2017-02-04T03:05:36.465Z","title":"JSMpeg – Decode it like it's 1999","url":"http://jsmpeg.com/","content":"MPEG1/MP2をJavaScriptでデコードするライブラリ。\nWebSocketsを使った動画のストリーム配信をする目的で作られている。","tags":["JavaScript","video","library"],"relatedLinks":[]},{"date":"2017-02-04T03:36:58.242Z","title":"Announcing TypeScript 2.2 RC | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2017/02/02/announcing-typescript-2-2-rc/","content":"TypeScript 2.2 RCリリース。\nプリミティブ型以外を表現する`object` typeの追加、class expressionを使ったmixinの表現をサポート、JSXのreact-nativeのサポートなど","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"Roadmap · Microsoft/TypeScript Wiki","url":"https://github.com/Microsoft/TypeScript/wiki/Roadmap#22-february-2017"}]},{"date":"2017-02-04T10:08:03.164Z","title":"Chromium Blog: Chrome 57 Beta: CSS Grid Layout, Improved Add to Home screen, Media Session API","url":"https://blog.chromium.org/2017/02/chrome-57-beta-css-grid-layout-improved.html","content":"Chrome 57 Betaリリース。\nCSS Grid、_Media Session API_、`String#padStart`のサポート。\n`setTimeout()`が条件によりthrottleされるように、、XSS Auditor(フィルター)がデフォルトでmode blockとなるように","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"&#34;Out of view&#34; cross-origin iframes align/clamp setTimeout/setInterval to 1 second · Issue #9 · WICG/interventions","url":"https://github.com/WICG/interventions/issues/9"}]},{"date":"2017-02-05T03:35:00.249Z","title":"Announcing \"Learning Aurelia\" from Packt Publishing","url":"http://blog.aurelia.io/2017/02/01/announcing-learning-aurelia-from-packt-publishing/","content":"Aureliaの書籍について","tags":["JavaScript","library","book"],"relatedLinks":[{"title":"Learning Aurelia | PACKT Books","url":"https://www.packtpub.com/web-development/learning-aurelia"}]},{"date":"2017-02-05T07:42:34.035Z","title":"es6-feature-detection.js","url":"https://gist.github.com/DaBs/89ccc2ffd1d435efdacff05248514f38","content":"実行環境がES2015を大体サポートしているかを判定する数行のスニペットコード。\n","tags":["JavaScript","ECMAScript","library"],"relatedLinks":[]},{"date":"2017-02-05T08:32:37.029Z","title":"Exploring ES2016 and ES2017","url":"http://exploringjs.com/es2016-es2017.html","content":"ECMAScript 2016と2017についての書籍。\nExploringJSの続編","tags":["ECMAScript","JavaScript","book"],"relatedLinks":[{"title":"Exploring ES2016 and… by Axel Rauschmayer [PDF/iPad/Kindle]","url":"https://leanpub.com/exploring-es2016-es2017"}]},{"date":"2017-02-05T08:52:35.685Z","title":"ide/mux: Creates a promise that waits for the promises in nested data structures and resolves to data structures of the same form. It recursively traverses the input data structure and multiplexes its promises.","url":"https://github.com/ide/mux","content":"Array、Map、Setなどが持つプロパティのPromiseを解決し、その結果を同じ構造で返せるライブラリ","tags":["JavaScript","library","Promises"],"relatedLinks":[]},{"date":"2017-02-05T09:36:00.786Z","title":"mithril.js/change-log.md at rewrite · lhorie/mithril.js","url":"https://github.com/lhorie/mithril.js/blob/rewrite/docs/change-log.md","content":"Mithril 1.0リリース。\nライフサイクルメソッドの追加、コンポーネントは渡す際に`m()`でwrapが必須に、`m.sync`の削除、同期的なredrawの削除など多くの変更がされている。","tags":["JavaScript","DOM","ReleaseNote","library"],"relatedLinks":[{"title":"Rewrite Status · Issue #1090 · lhorie/mithril.js","url":"https://github.com/lhorie/mithril.js/issues/1090"},{"title":"Introduction - Mithril.js","url":"http://mithril.js.org/"}]},{"date":"2017-02-14T02:00:44.202Z","title":"Advanced JavaScript ES2015 Template Strings with Tagged Templates | appendTo","url":"https://appendto.com/2017/02/advanced-javascript-es2015-template-strings-with-tagged-templates/","content":"Tagged Template Literalについての解説。 サンプルを用いながら、タグ関数の引数について解説してる","tags":["JavaScript","template","article"],"relatedLinks":[]},{"date":"2017-02-06T16:28:12.033Z","title":"harksys/npmvet: A simple CLI tool for vetting npm package versions","url":"https://github.com/harksys/npmvet","content":"`package.json`と`node_modules`にインストールされているパッケージのバージョンを比較/ロックされているかをチェック出来るツール。\n手元と毎回新規インストールされるCIにおけるバージョンを揃えるのが目的","tags":["JavaScript","node.js","Tools","console","npm"],"relatedLinks":[{"title":"NPM Vet, a simple CLI tool for checking npm package versions - Hark.","url":"https://harksys.com/labs/npm-vet-a-simple-cli-tool-for-checking-npm-package-versions/"},{"title":"mgol/check-dependencies: Checks if currently installed npm dependencies are installed in the exact same versions that are specified in package.json","url":"https://github.com/mgol/check-dependencies"}]},{"date":"2017-02-07T08:14:56.727Z","title":"V8 JavaScript Engine: V8 Release 5.7","url":"http://v8project.blogspot.com/2017/02/v8-release-57.html","content":"V8 5.7リリース。\nasync/awaitやES2015のパフォーマンス改善、<del>`String#padStart`</del>、`Intl.DateTimeFormat#formatToParts`のサポート。\nwasmがデフォルトで有効化など","tags":["V8","ReleaseNote","WebAssembly"],"relatedLinks":[]},{"date":"2017-02-07T22:54:48.856Z","title":"npm for Beginners: A Guide for Front-end Developers","url":"https://www.impressivewebs.com/npm-for-beginners-a-guide-for-front-end-developers/","content":"npmとは何か、npmの使い方のチュートリアル。\nよく見るプロジェクトのディレクトリ構造、`node_modules`ディレクトリ、npmコマンドとオプションについて","tags":["npm","tutorial","article"],"relatedLinks":[]},{"date":"2017-02-08T02:24:54.098Z","title":"Simple Statistics","url":"http://simplestatistics.org/","content":"統計向けのメソッドを実装しているJavaScriptライブラリ","tags":["JavaScript","統計","library"],"relatedLinks":[]},{"date":"2017-02-08T02:27:02.439Z","title":"abrahamjagadeesh/npm-module-stats: Get recursive file size and dependencies of any NPM module without installing the module","url":"https://github.com/abrahamjagadeesh/npm-module-stats","content":"指定したモジュールの依存しているnpmモジュールのファイルサイズを一覧できるツール","tags":["npm","Tools","library"],"relatedLinks":[]},{"date":"2017-02-09T08:33:23.791Z","title":"JS1k 2017 - A magical JavaScript golfing competition","url":"http://js1k.com/2017-magic/","content":"1024bytesでJavaScriptのデモを作るコンテンストであるJS1kの2017年の募集が開始された","tags":["JavaScript","Conference"],"relatedLinks":[]},{"date":"2017-02-14T01:59:37.500Z","title":"Roundup: Vue.js State Management Libraries ← Alligator.io","url":"https://alligator.io/vuejs/roundup-state-management-libraries/","content":"Vue.jsにおけるステート管理ライブラリの比較。 特徴やメリット・デメリットについてそれぞれ書かれている","tags":["JavaScript","Vue","library","article"],"relatedLinks":[]},{"date":"2017-02-09T15:28:34.989Z","title":"Progressive Transpilation at Netflix and the road to running native ES2015 in production // Speaker Deck","url":"https://speakerdeck.com/betaorbust/progressive-transpilation-at-netflix-and-the-road-to-running-native-es2015-in-production","content":"Netflixのブラウザ別にTranspileしたJavaScriptを配信するためにやっていることについて。\nモダンなブラウザはES2015に対応しているため、変換やpolyfillなどの分として20-40％程度payloadが小さくできる。\n一方、圧縮ツールやES2015対応してるかの判定方法などの問題について","tags":["JavaScript","slide","ECMAScript","browser"],"relatedLinks":[]},{"date":"2017-02-10T06:19:16.918Z","title":"Snapshot testing the hard way | Better world by better software","url":"https://glebbahmutov.com/blog/snapshot-testing/","content":"JestにはSnapshotテストがあるが、テストフレームワークに依存しないでSnapshotテストを行う方法について","tags":["JavaScript","testing"],"relatedLinks":[{"title":"bahmutov/snap-shot: Jest-like snapshot feature for the rest of us, works magically by finding the right caller function","url":"https://github.com/bahmutov/snap-shot"}]},{"date":"2017-02-10T06:29:18.473Z","title":"bahmutov/snap-shot: Jest-like snapshot feature for the rest of us, works magically by finding the right caller function","url":"https://github.com/bahmutov/snap-shot","content":"JestのようなSnapshotテストを行うテストライブラリ","tags":["JavaScript","React","library","testing"],"relatedLinks":[]},{"date":"2017-02-10T06:30:17.884Z","title":"Release v4.3.0 · npm/npm","url":"https://github.com/npm/npm/releases/tag/v4.3.0","content":"npm 4.3.0プレリリース。\n`--auth-type`の追加、起動速度の改善など","tags":["npm","ReleaseNote"],"relatedLinks":[]},{"date":"2017-02-11T15:39:27.359Z","title":"Mnemonist","url":"https://yomguithereal.github.io/mnemonist/","content":"様々なデータ構造を実装したJavaScriptライブラリ。\nQueue、Trie、Linked List、Bloom Filterなど","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-02-12T12:56:36.821Z","title":"私的TypeScriptとの関わり方ガイドライン - 角待ちは対空","url":"http://blog.yux3.net/entry/2017/02/05/000805","content":"普段JavaScriptを使って書いてる人向けのTypeScriptの考え方について。\n典型的なエラーの意味や、コンパイラオプション、`_` prefixや`this`へ型付けなど特殊な部分について。\nまた、TypeScript特有のキーワードや参考となるドキュメントについて","tags":["TypeScript","tutorial"],"relatedLinks":[]},{"date":"2017-02-12T14:10:26.926Z","title":"JavaScript Start-up Performance – Dev Channel – Medium","url":"https://medium.com/@addyosmani/javascript-start-up-performance-69200f43b201","content":"JavaScriptの起動速度について。\nモバイル等CPU処理速度が遅いとパースとコンパイルに時間がかかる。\nそのため、ファイルサイズやパース、コンパイル時間は重要となる。\n開発者ツールを使っての計測方法、User Timing API、V8のCode Caching、scriptのロード方法の最適化などについて","tags":["JavaScript","performance"],"relatedLinks":[{"title":"V8 Stats in Chrome - Google スライド","url":"https://docs.google.com/presentation/d/1Lq2DD28CGa7bxawVH_2OcmyiTiBn74dvC6vn2essroY/edit#slide=id.g1a504e63c9_2_84"}]},{"date":"2017-02-13T10:36:17.131Z","title":"AVA Casts","url":"http://avacasts.com/","content":"AVAについてのスクリーンキャスト","tags":["JavaScript","testing","video"],"relatedLinks":[]},{"date":"2017-02-13T11:03:48.198Z","title":"davidmfoley/node-trucker: Hauls your node.js source files around","url":"https://github.com/davidmfoley/node-trucker","content":"JavaScriptファイル間の依存関係を扱ったファイル移動ツール。\nファイルの移動を行ったときに、そのファイルを参照しているファイルにかかれているimportパスも書き換えることができる。","tags":["JavaScript","CoffeeScript","Tools","リファクタリング"],"relatedLinks":[]},{"date":"2017-02-13T13:28:41.351Z","title":"イベント駆動型サービス実行基盤としての Service Worker - Qiita","url":"http://qiita.com/nhiroki/items/65efc9e41ec1d928afcd","content":"Better AppCacheから始まったService Workerが、ページに依存しない生存期間へ変化していき、fetch以外のイベントもハンドリングできる基盤となっていった変遷について。","tags":["JavaScript","ServiceWorker","歴史","opinion"],"relatedLinks":[]},{"date":"2017-02-15T00:56:18.808Z","title":"6.23.0 Released · Babel","url":"https://babeljs.io/blog/2017/02/13/6.23.0","content":"Babel 6.23.0リリース。\n`transform-es2015-block-scoping`に`throwIfClosureRequired`オプションの追加、`babel-preset-flow`の追加。\nReactの最適化プラグインのバグ修正、`babel-traverse`に隣接Nodeを取得するAPIの追加など","tags":["babel","ReleaseNote"],"relatedLinks":[]},{"date":"2017-02-15T01:00:22.651Z","title":"node の security checkをするなら nsp が便利 - from scratch","url":"http://yosuke-furukawa.hatenablog.com/entry/2017/02/14/113910","content":"プロジェクトに依存しているモジュールに脆弱性がないかをチェックするツール\nNode Security Platformに公開されている脆弱性を元にチェックする","tags":["node.js","security","Tools"],"relatedLinks":[]},{"date":"2017-02-15T13:32:02.807Z","title":"Release v0.39.0 · facebook/flow","url":"https://github.com/facebook/flow/releases/tag/v0.39.0","content":"Flow v0.39.0リリース。\n`--no-suppressions`のサポート、typeをJSON printできる`$Flow$DebugPrint` typeの追加など","tags":["flowtype","ReleaseNote"],"relatedLinks":[]},{"date":"2017-02-16T01:45:10.638Z","title":"Native ECMAScript modules: dynamic import()","url":"https://blog.hospodarets.com/native-ecmascript-modules-dynamic-import","content":"dynamic `import()` Proposalについての解説。\n`import()`はPromiseベースのAPIである点について、`import()`のfeature detectとpolyfill、Babelやwebpack 2での利用方法など","tags":["ECMAScript","JavaScript","browser"],"relatedLinks":[]},{"date":"2017-02-16T02:02:04.166Z","title":"Flexbox Tutorial | HTML & CSS Is Hard","url":"https://internetingishard.com/html-and-css/flexbox/","content":"Flexboxについての解説。\nFlexboxのそれぞれのプロパティについてどのようなレイアウトを実現できるかについて書かれてる。","tags":["CSS"],"relatedLinks":[]},{"date":"2017-02-16T03:00:04.350Z","title":"Jianru-Lin/lambda-view: A New Tool for Reading JavaScript Code","url":"https://github.com/Jianru-Lin/lambda-view","content":"JavaScriptのコードを構造的に読むことを支援するビューアツール。\nスコープ単位でコードを展開して見ていくことができる","tags":["JavaScript","Tools"],"relatedLinks":[]},{"date":"2017-02-16T23:31:56.697Z","title":"eggjs/egg: Born to build better enterprise frameworks and apps with Node.js & koa","url":"https://github.com/eggjs/egg","content":"AlipayのNode.jsフレームワーク。\nconvention over configurationを重視したフレームワーク","tags":["node.js","JavaScript","library"],"relatedLinks":[]},{"date":"2017-02-17T00:44:51.049Z","title":"Rough.js","url":"https://roughjs.com/","content":"手描き風の図形を描画出来るCanvasライブラリ。\nSVG pathも手描き風に描画することができる。","tags":["JavaScript","canvas","SVG","library"],"relatedLinks":[]},{"date":"2017-02-18T04:12:08.318Z","title":"Speed up Service Worker with Navigation Preloads  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/02/navigation-preload","content":"Chrome 57からOrigin-Trialで試験的に使える ServiceWorkerのnavigation preloadについて。\n今まではServiceWorkerが起動してからリクエストが開始されていたため、起動時間がボトルネックとなるケースがあった。\nServiceWorkerをパラレルに扱うことができ、preloadされているリクエストを取得できるAPIについて\n","tags":["ServiceWorker","Chrome"],"relatedLinks":[{"title":"OriginTrials/developer-guide.md at gh-pages · jpchase/OriginTrials","url":"https://github.com/jpchase/OriginTrials/blob/gh-pages/developer-guide.md"}]},{"date":"2017-02-20T00:29:22.420Z","title":"V8 JavaScript Engine: High-performance ES2015 and beyond","url":"https://v8project.blogspot.com/2017/02/high-performance-es2015-and-beyond.html","content":"V8のES2015+のパフォーマンス改善の取り組みについて。 Babelで変換されたコードサイズの問題やES5で同等の事を行う時の速度の違いについてなど","tags":["ECMAScript","JavaScript","V8","article"],"relatedLinks":[]},{"date":"2017-02-18T08:37:34.548Z","title":"Angular Test-Driven Development, 2nd Edition - O'Reilly Media","url":"http://shop.oreilly.com/product/9781786465474.do","content":"AngularでのTDD本\n","tags":["Angular","book","testing"],"relatedLinks":[]},{"date":"2017-02-18T10:00:49.600Z","title":"Context in ReactJS Applications","url":"http://javascriptplayground.com/blog/2017/02/context-in-reactjs-applications/","content":"React Contextがどのように動いているかの解説。Contextのメリットとデメリットについて。\nContextの値の流れ、テストの難しさ、ライブラリでの利用について","tags":["React","tutorial"],"relatedLinks":[]},{"date":"2017-02-18T12:06:43.549Z","title":"TypeScript 日本語ハンドブック | js STUDIO","url":"http://js.studio-kingdom.com/typescript/","content":"TypeScriptハンドブックの翻訳","tags":["TypeScript","translate","document"],"relatedLinks":[]},{"date":"2017-02-19T01:51:28.365Z","title":"Polyfill のあり方と Web の進化と協調するためのガイドライン | blog.jxck.io","url":"https://blog.jxck.io/entries/2017-02-17/polyfill-implementation-guideline.html","content":"polyfillの役割と、早すぎたpolyfillの実装は仕様変更を難しくするSpeculative Polyfillの問題について。\n間違ったpolyfillの実装、別名での回避事例、\npolyfillを実装するタイミングなどついて書かれてたW3C TAGのドキュメントについて。","tags":["polyfill","JavaScript","WebPlatformAPI"],"relatedLinks":[{"title":"Polyfills and the evolution of the Web","url":"https://w3ctag.github.io/polyfills/"},{"title":"Breaking the Web with JavaScript – Medium","url":"https://medium.com/@cpojer/breaking-the-web-with-javascript-48cc406ca98d"}]},{"date":"2017-02-19T02:01:25.501Z","title":"Release Safari IndexedDB support! · localForage/localForage","url":"https://github.com/localForage/localForage/releases/tag/1.5.0","content":"localForage 1.5.0リリース。\nSafari 10.1からはIndexedDBを使うように変更された。","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2017-02-19T10:57:59.626Z","title":"i18nの書き方 from JavaScript - Qiita","url":"http://qiita.com/mrasu/items/92971c09b6190fdfd45e","content":"i18nのライブラリがどのような事をしているのかや、言語による違いにはどのようなものがあるかについて。\nいくつかのi18nライブラリを例に多言語化のやり方について解説されている記事","tags":["i18n","JavaScript","library","article"],"relatedLinks":[]},{"date":"2017-02-19T11:07:52.521Z","title":"HTML Reference - A free guide to all HTML elements and attributes.","url":"http://htmlreference.io/","content":"HTML要素のリファレンスサイト。\nそれぞれのタグごとに動作するサンプルがあり、block/inline/self-closing/metaで大きく分類されている。","tags":["HTML","リファレンス"],"relatedLinks":[]},{"date":"2017-02-19T15:24:59.340Z","title":"Optimising the front end for the browser","url":"https://hackernoon.com/optimising-the-front-end-for-the-browser-f2f51a29c572","content":"ブラウザのレンダリングフローについての記事。\nHTMLの取得、ネットワーク、DOM、CSSOM、JavaScriptの処理。\nまたこれらの処理の最適化やそのメリットについて","tags":["browser","performance"],"relatedLinks":[]},{"date":"2017-02-19T15:37:30.711Z","title":"tunnckoCore/gibon: :1st_place_medal: Functional client-side router in ~570 bytes, built on HTML5 History API.","url":"https://github.com/tunnckoCore/gibon","content":"小さなルーターライブラリ。","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-02-20T15:36:30.980Z","title":"lighterio/exam: Node.js test framework","url":"https://github.com/lighterio/exam","content":"MochaやJasmineのような`describe`や`it`とベンチマーク向けの`bench`、assertionとして`is`、モックを行う`mock`など持つJavaScriptのテストフレームワーク。\nマルチプロセスでテストを実行できるオプションを持っている","tags":["JavaScript","node.js","testing","library"],"relatedLinks":[]},{"date":"2017-02-21T13:46:45.840Z","title":"niieani/typescript-vs-flowtype: Differences between Flowtype and TypeScript 2.1 -- syntax and usability","url":"https://github.com/niieani/typescript-vs-flowtype","content":"TypeScriptとFlowtypeの比較。\nシンタックスや型定義、それぞれ異なる部分についてなどをまとめたもの","tags":["TypeScript","flowtype"],"relatedLinks":[]},{"date":"2017-02-21T15:06:10.294Z","title":"🃏 Jest 19: Immersive Watch Mode & Test Platform Improvements · Jest","url":"https://facebook.github.io/jest/blog/2017/02/21/jest-19-immersive-watch-mode-test-platform-improvements.html","content":"Jest 19プレリリース。\nWatchモードの改善、Snapshotテストで`test`prefixが不要に。\n`expect.stringContaining()`と` expect.toMatchObject()`のサポート。\n`eslint-plugin-jest`は公式プラグイン、設定をチェックできる`jest-validate`の公開","tags":["JavaScript","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2017-02-22T11:02:02.777Z","title":"Release v1.5.0 · karma-runner/karma","url":"https://github.com/karma-runner/karma/releases/tag/v1.5.0","content":"Karma v1.5.0リリース。\nテストをクライアントと同じ`window`で実行する`runInParent`オプションとクライアントページのHTMLを指定できる`customClientContextFile`オプションの追加など","tags":["JavaScript","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2017-02-22T12:51:51.576Z","title":"Node v7.6.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v7.6.0/","content":"Node v7.6.0リリース。\nV8 5.5にアップデートされasync/awaitのサポート、`url.format`がWHATWG URLをサポートするようになるなど\n","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"V8 JavaScript Engine: V8 Release 5.5","url":"https://v8project.blogspot.jp/2016/10/v8-release-55.html"},{"title":"node/CHANGELOG_V7.md at v7.6.0 · nodejs/node","url":"https://github.com/nodejs/node/blob/v7.6.0/doc/changelogs/CHANGELOG_V7.md#7.6.0"}]},{"date":"2017-02-22T13:31:28.185Z","title":"developit/unfetch: Bare minimum fetch polyfill in 500 bytes.","url":"https://github.com/developit/unfetch","content":"幾つかの制限を持った小さなfetchのライブラリ。","tags":["JavaScript","Fetch","library"],"relatedLinks":[]},{"date":"2017-02-22T14:11:36.119Z","title":"Professional JavaScript for Web Developers: Matt Frisbie: 9781119366447: Amazon.com: Books","url":"https://www.amazon.com/Professional-JavaScript-Developers-Matt-Frisbie/dp/1119366445","content":"2017年10月2日発売\nProfessional JavaScript for Web Developersの4版","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2017-02-22T14:19:57.656Z","title":"Security and Frontend Performance - O'Reilly Media","url":"http://www.oreilly.com/webops-perf/free/security-and-frontend-performance.csp","content":"60ページほどのウェブサイトにおけるパフォーマンスとセキュリティについての無料の書籍。\nHSTS、CSP/script要素/iframe、リファラポリシー、link要素、難読化、ServiceWorker、メトリクスなど","tags":["browser","security","performance","book"],"relatedLinks":[]},{"date":"2017-02-22T23:29:20.740Z","title":"babel-preset-env: a preset that configures Babel for you","url":"http://www.2ality.com/2017/02/babel-preset-env.html","content":"browserlistの構文でサポートブラウザやNode.jsのバージョンなどのターゲットを指定して、その設定を元にBabelの変換やpolyfillを展開してくれるbabel-preset-envについて","tags":["JavaScript","babel","browser"],"relatedLinks":[]},{"date":"2017-02-22T23:52:30.499Z","title":"Progress as of February 2017: 2.0.0-alpha1! · Issue #71 · coffeescript6/discuss","url":"https://github.com/coffeescript6/discuss/issues/71","content":"CoffeeScript 2.0.0-alpha1リリース。\nES2015+に準拠した変更を取り入れていっているバージョンであるため、既存のものとは非互換な部分がある。\n`class`や`=>`がES2015と同等に、\nsplatsはspreadへコンパイルされるように、Tagged Template literal、async/await、`for...of`のサポートなど","tags":["CoffeeScript","ReleaseNote","issue"],"relatedLinks":[{"title":"CoffeeScript","url":"https://rawgit.com/jashkenas/coffeescript/2/docs/v2/index.html#breaking-changes"}]},{"date":"2017-02-23T00:40:17.153Z","title":"React Storybook: Develop Beautiful User Interfaces with Ease","url":"https://www.sitepoint.com/react-storybook-develop-beautiful-user-interfaces-with-ease/","content":"Reactコンポートの開発補助ツールであるReact StryoBookについて。\n`getstorybook`を使ってのセットアップや使い方、、Storyの書き方、カスタマイズ方法、デバッグ、自動テストについて\n","tags":["React","testing"],"relatedLinks":[{"title":"mthuret/storybook-addon-specifications: Write tests next to your stories and display their results inside storybook interface","url":"https://github.com/mthuret/storybook-addon-specifications"}]},{"date":"2017-02-23T00:58:35.934Z","title":"Announcing TypeScript 2.2 | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2017/02/22/announcing-typescript-2-2/","content":"TypeScript 2.2リリース。\nlanguaget serviceの改善、`object` typeの追加、string index、mixin class、`new.target`のサポートなど\n","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"Roadmap · Microsoft/TypeScript Wiki","url":"https://github.com/Microsoft/TypeScript/wiki/Roadmap#22-february-2017"},{"title":"Breaking Changes · Microsoft/TypeScript Wiki","url":"https://github.com/Microsoft/TypeScript/wiki/Breaking-Changes#typescript-22"},{"title":"TypeScript 2.2.1 変更点 - Qiita","url":"http://qiita.com/vvakame/items/eb6c054360868b88f9b1"},{"title":"TypeScript 2.2: The object Type | Marius Schulz","url":"https://blog.mariusschulz.com/2017/02/24/typescript-2-2-the-object-type"}]},{"date":"2017-02-23T10:07:30.157Z","title":"Release Notes for Safari Technology Preview 24 | WebKit","url":"https://webkit.org/blog/7423/release-notes-for-safari-technology-preview-24/","content":"Safari Technology Preview Release 24リリース。\n`PerformanceObserver`、`<link preload>`の試験的サポート、`URL`オブジェクトに`toJSON()`の実装、dynamic `import()`のサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2017-02-23T13:22:34.435Z","title":"JavaScript Errors and Stack Traces in Depth","url":"http://lucasfcosta.com/2017/02/17/JavaScript-Errors-and-Stack-Traces.html","content":"JavaScriptのスタックトレースをどうやって操作するかという話。\nChaiにおける`Error.captureStackTrace`を使ったスタックトレース操作を例にしている。\nスタックトレースはどのようにできているか、`Error.captureStackTrace`の使い方について","tags":["JavaScript","article","testing"],"relatedLinks":[]},{"date":"2017-02-23T13:47:24.650Z","title":"ECMAScript 2016+ in Firefox | JavaScript","url":"https://blog.mozilla.org/javascript/2017/02/22/ecmascript-2016plus-in-firefox/","content":"Firefox Nightly 54 でES2016+ Compat tableが100％実装されたとのこと。\nES2016の`**`や`Array#include`などの追加やGenerator Constructorの仕様変更の追従、ES2017の実装について","tags":["firefox","ECMAScript","JavaScript"],"relatedLinks":[]},{"date":"2017-02-24T16:50:00.127Z","title":"Release v4.4.0 · npm/npm","url":"https://github.com/npm/npm/releases/tag/v4.4.0","content":"npm 4.4.0公開。\n起動時に最新のnpmがあるかを通知するように、`npm run-script`のエラーメッセージが短くなるようになるなど","tags":["npm","ReleaseNote"],"relatedLinks":[]},{"date":"2017-02-24T17:06:34.233Z","title":"Release v6.16.0 · babel/babylon","url":"https://github.com/babel/babylon/releases/tag/v6.16.0","content":"babylon 6.16.0リリース。\nESTree互換モードを提供するプラグインの追加、Flowでpritimitive typeを上書する問題を修正するなど","tags":["JavaScript","babel","AST","ReleaseNote"],"relatedLinks":[]},{"date":"2017-02-24T17:08:03.376Z","title":"O'Reilly Japan - Reactビギナーズガイド","url":"http://www.oreilly.co.jp/books/9784873117881/","content":"2017年03月11日発売\nReact: Up & Runningの翻訳本","tags":["React","book"],"relatedLinks":[]},{"date":"2017-02-24T17:13:33.122Z","title":"React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜","url":"http://blog.tai2.net/real-world-redux.html","content":"ReactとReduxの色々な事例を元に、そのアプリのStoreやComponentがどのような構成になっているかを紐解いていった記事","tags":["redux","React","article"],"relatedLinks":[]},{"date":"2017-02-25T02:17:54.223Z","title":"Release v0.40.0 · facebook/flow","url":"https://github.com/facebook/flow/releases/tag/v0.40.0","content":"Flow v0.40.0リリース。\n`this`や`super`をデフォルト非キスに利用できるように、built-in libraryの更新、union type周りの最適化など","tags":["flowtype","ReleaseNote"],"relatedLinks":[]},{"date":"2017-02-25T11:58:53.318Z","title":"debitoor/dot-prop-immutable: Immutable version of dot-prop with some extensions","url":"https://github.com/debitoor/dot-prop-immutable","content":"immutableなget/set/delete操作を行うシンプルなライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-02-25T13:24:41.966Z","title":"はじめてのCSS設計 フロントエンドエンジニアが教えるメンテナブルなCSS設計手法 | 田辺 丈士, 大江 遼, 藤岡 龍太, 安 光太郎, 株式会社アイ・エム・ジェイ |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/%E3%81%AF%E3%81%98%E3%82%81%E3%81%A6%E3%81%AECSS%E8%A8%AD%E8%A8%88-%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%8C%E6%95%99%E3%81%88%E3%82%8B%E3%83%A1%E3%83%B3%E3%83%86%E3%83%8A%E3%83%96%E3%83%AB%E3%81%AACSS%E8%A8%AD%E8%A8%88%E6%89%8B%E6%B3%95-%E7%94%B0%E8%BE%BA-%E4%B8%88%E5%A3%AB/dp/4798143154","content":"2017年3月14日発売\nCSSの設定についての書籍","tags":["CSS","book"],"relatedLinks":[]},{"date":"2017-02-26T01:17:14.825Z","title":"angular/CHANGELOG.md at 4.0.0-rc.1 · angular/angular","url":"https://github.com/angular/angular/blob/4.0.0-rc.1/CHANGELOG.md","content":"Angular 4.0.0 RC1リリース。\nAOTコンパイルしたViewのコード量を削減、コードベースがTypeScript 2.1ベースでStrictNullChecksが有効化された。\nあわせてAngularをサーバサイドでも動かせるUniversalも更新されるなど","tags":["Angular","ReleaseNote"],"relatedLinks":[{"title":"angular/RELEASE_SCHEDULE.md at master · angular/angular","url":"https://github.com/angular/angular/blob/master/docs/RELEASE_SCHEDULE.md"}]},{"date":"2017-02-26T05:55:55.220Z","title":"Release v2.2.0 · vuejs/vue","url":"https://github.com/vuejs/vue/releases/tag/v2.2.0","content":"Vue.js v2.2.0リリース。\nテンプレートで閉じタグがない場合にエラーを投げるように、PropsやComputedプロパティはインスタンスではなくprototypeへ定義されるように。\nサーバサイドレンダリング向けに`template`オプションの追加、`errorHandler`や`renderError`でエラーがキャッチできるように。\nReact Context的な値を差し込める`provide`と`inject`のDI機構の追加など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2017-02-26T09:07:01.216Z","title":"Vendor and code splitting in webpack 2 – Medium","url":"https://medium.com/@adamrackis/vendor-and-code-splitting-in-webpack-2-6376358f1923","content":"webpack 2でのコード分割について。\n`import()`での動的ロードと分割、BundleAnalyzerPluginでの分析、CommonsChunkでの分割","tags":["webpack","article"],"relatedLinks":[]},{"date":"2017-02-26T09:10:06.121Z","title":"逆引き！フロントエンドのイマドキパフォーマンス改善 - 青空コメントアウト","url":"http://www.aocomme.com/entry/2017/01/18/185753","content":"最近ブラウザに増えたレンダリング負荷を考慮したAPIや先読みについて。\n`will-change`、CSS Containment、`requestIdleCallback`、Passive EventListener、`<link rel=preload>`についての紹介","tags":["browser","performance","article","WebPlatformAPI"],"relatedLinks":[]},{"date":"2017-03-03T00:52:32.685Z","title":"ゼロから始めるJavaScript入門 ： DESIGNMAP","url":"http://designmap.info/category/lecture/javascript-introduction/","content":"ES2015ベースにしたJavaScript入門チュートリアル","tags":["ECMAScript","tutorial","JavaScript"],"relatedLinks":[]},{"date":"2017-03-04T08:46:27.281Z","title":"Artillery - a modern load testing toolkit","url":"https://artillery.io/","content":"HTTPやWebSocketのロードテストを行うことができるツール。\nシナリオを元にしたテストもできる。","tags":["testing","performance","HTTP"],"relatedLinks":[]},{"date":"2017-03-04T14:00:13.612Z","title":"Release v3.5.0 · petkaantonov/bluebird","url":"https://github.com/petkaantonov/bluebird/releases/tag/v3.5.0","content":"Bluebird v3.5.0リリース。\ncatch時に処理を行いエラー自体はそのまま次のcatchへ渡す`.tapCatch`の追加など","tags":["JavaScript","Promises","library","ReleaseNote"],"relatedLinks":[{"title":"add tapError by benjamingr · Pull Request #1220 · petkaantonov/bluebird","url":"https://github.com/petkaantonov/bluebird/pull/1220"},{"title":".tapCatch | bluebird","url":"http://bluebirdjs.com/docs/api/tapcatch.html"}]},{"date":"2017-03-05T02:39:41.994Z","title":"A Step-By-Step Guide for Building Master-Detail User Interfaces with AngularTelerik Developer Network","url":"http://developer.telerik.com/content-types/tutorials/step-step-guide-building-master-detail-user-interfaces-angular/","content":"Angularでよくあるリストビューと詳細ビューからなるアプリを作るチュートリアル","tags":["Angular","JavaScript","tutorial"],"relatedLinks":[]},{"date":"2017-03-05T02:45:32.745Z","title":"Marko 4.0 is here 🚀 🎉 – Medium","url":"https://medium.com/@mlrawlings/marko-4-0-is-here-837884c5f60d","content":"Marko 4.0リリース。\nコンポーネントベースのUIライブラリ(テンプレート)で、クライアントとサーバのそれぞれのモードを持っているため、サーバサイドレンダリングが高速。\n","tags":["JavaScript","template","library","ReleaseNote","VirtualDOM"],"relatedLinks":[{"title":"Server-side Rendering Shootout with Marko, Preact, Rax, React and Vue","url":"https://hackernoon.com/server-side-rendering-shootout-with-marko-preact-rax-react-and-vue-25e1ae17800f#.6r2g5rwgk"}]},{"date":"2017-03-06T00:06:52.636Z","title":"PWA（Progressive Web Apps）の現状とその開発方法 | フロントエンドBlog | ミツエーリンクス","url":"https://www.mitsue.co.jp/knowledge/blog/frontend/201702/23_2217.html","content":"PWAの概要についてまとめられた記事。\nGoogleによるケーススタディや開発方法について","tags":["ProgressiveWebApp","article"],"relatedLinks":[]},{"date":"2017-03-06T10:19:50.950Z","title":"JavaScript void Keyword","url":"http://cmichel.io/javascript-void-keyword/","content":"JavaScriptの`void`キーワードについて。\n`if(condition) { return void console.log(\"\"); }`のようなケースで利用できるという話。","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2017-03-06T10:29:23.612Z","title":"Bugsnag Blog - Converting a large React Codebase from Coffeescript to ES6","url":"http://blog.bugsnag.com/converting-a-large-react-codebase-from-coffeescript-to-es6/","content":"coffee-react(cjsx)からJavaScriptへのマイグレーションについての記事。\ndecaffeinateはcjsxをサポートしていないため、`React.createElement`ベースのJSに変換し、react codemod toolでJSXに再変換する。\n変換したコードベースを`prettier`で整形し、`eslint`で細かいところを直す。\nそれらをまとめた`Depercolator`というツールを作った話","tags":["CoffeeScript","JavaScript","React","article"],"relatedLinks":[{"title":"jsdf/coffee-react-transform: DEPRECATED – Provides React JSX support for Coffeescript","url":"https://github.com/jsdf/coffee-react-transform"},{"title":"reactjs/react-codemod: React codemod scripts","url":"https://github.com/reactjs/react-codemod#create-element-to-jsx"},{"title":"bugsnag/depercolator: Tool for converting coffeescript to idiomatic javascript and JSX","url":"https://github.com/bugsnag/depercolator"}]},{"date":"2017-03-06T10:48:37.284Z","title":"V8: Behind the Scenes (February Edition feat. A tale of TurboFan) | Benedikt Meurer","url":"http://benediktmeurer.de/2017/03/01/v8-behind-the-scenes-february-edition/","content":"ChromeのTurboFanプロジェクトの歴史について。\n2013年から開始したプロジェクトで、Crankshaftはfast pathにフォーカスしていたが、TurboFanはslow pathにもフォーカスしているという話。\nV8において予測できないパフォーマンス問題を作っていたFunction#bindやPromiseの話。\nTurboFanのアーキテクチャについての解説など","tags":["V8","JavaScript","article"],"relatedLinks":[]},{"date":"2017-03-06T11:00:26.538Z","title":"nodebox/opentype.js: Read and write OpenType fonts using JavaScript.","url":"https://github.com/nodebox/opentype.js","content":"OpenTypeフォントの読み書きを行うライブラリ","tags":["JavaScript","fonts","library"],"relatedLinks":[]},{"date":"2017-03-06T11:01:41.808Z","title":"typicode/pkg-ok: Prevents publishing a module with bad paths","url":"https://github.com/typicode/pkg-ok","content":"npmで公開するパッケージの`main`と`bin`が正しいかをチェックするツール。","tags":["npm","Tools","console"],"relatedLinks":[{"title":"maxogden/dependency-check: checks which modules you have used in your code and then makes sure they are listed as dependencies in your package.json","url":"https://github.com/maxogden/dependency-check"}]},{"date":"2017-03-06T11:05:27.723Z","title":"How to Optimize CPU-Intensive Work in Node.js – Medium","url":"https://medium.com/@graeme_boy/how-to-optimize-cpu-intensive-work-in-node-js-cdc09099ed41","content":"Node.jsでCPUバウンドなプログラムを別プロセスで処理する方法について。\n`child_process`の扱い方について書かれた記事","tags":["node.js","tutorial","article"],"relatedLinks":[]},{"date":"2017-03-06T11:19:28.853Z","title":"Kegsay/flow-jsdoc: Use JSDoc to represent Flow annotations","url":"https://github.com/Kegsay/flow-jsdoc","content":"JSDocの型をFlowTypeの型アノテーションへ変換するツール","tags":["JSDoc","flowtype","Tools"],"relatedLinks":[]},{"date":"2017-03-06T13:53:21.266Z","title":"Node.js - Quality with Speed | Node.js","url":"https://nodejs.org/en/blog/community/quality-with-speed/","content":"Node.jsの開発プロセスやリリースサイクル、またそれらを支えるテスト基盤について。\n","tags":["node.js","opinion"],"relatedLinks":[]},{"date":"2017-03-06T14:06:29.199Z","title":"A Link: rel=preload Analysis From the Chrome Data Saver Team – reloading – Medium","url":"https://medium.com/reloading/a-link-rel-preload-analysis-from-the-chrome-data-saver-team-5edf54b08715","content":"(Chromeの)`rel=preload`がどのように動いているのかの解説記事。\nクリティカルリソースを宣言的に先読みするもので、優先度については仕様では未定義。\nChromeにおけるpreloadの優先度やpreloadとasync属性の違いなどについて\n","tags":["browser","Chrome","HTTP2","article"],"relatedLinks":[]},{"date":"2017-03-06T15:32:03.606Z","title":"A Detailed Introduction To Webpack – Smashing Magazine","url":"https://www.smashingmagazine.com/2017/02/a-detailed-introduction-to-webpack/","content":"webpackについてのチュートリアル。\nloader、動的ロード、コード分割について","tags":["webpack","tutorial"],"relatedLinks":[]},{"date":"2017-03-06T15:46:07.298Z","title":"ESLint v3.17.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2017/03/eslint-v3.17.0-released","content":"ESLint 3.17.0リリース。\nルール開発者向けの機能追加、`no-compare-neg-zero`と`nonblock-statement-body-position`のルールを追加など\n","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"ESLint v3.17.0 - Qiita","url":"http://qiita.com/mysticatea/items/a2d72c76671c2197c712"}]},{"date":"2017-03-06T23:37:46.369Z","title":"Release v0.22.0 · yarnpkg/yarn","url":"https://github.com/yarnpkg/yarn/releases/tag/v0.22.0","content":"yarn 0.22.0 プレリリース。\n`--non-interactive`のオプションを追加、`v8-compile-cache`を利用し起動速度を改善、Docker image(`yarnpkg/node-yarn`)の追加など","tags":["npm","node.js","Tools","ReleaseNote"],"relatedLinks":[{"title":"zertosh/v8-compile-cache: Require hook for automatic V8 compile cache persistence","url":"https://github.com/zertosh/v8-compile-cache"}]},{"date":"2017-03-06T23:43:15.657Z","title":"zertosh/v8-compile-cache: Require hook for automatic V8 compile cache persistence","url":"https://github.com/zertosh/v8-compile-cache","content":"Node v5.7.0から導入されたV8のcode cacheを保持するrequire hookを提供するライブラリ。\nyarnやnuclideなどの起動速度改善に使われてる","tags":["V8","node.js","library"],"relatedLinks":[]},{"date":"2017-03-07T00:58:53.420Z","title":"snyk/vulndb: Snyk's public vulnerability database","url":"https://github.com/snyk/vulndb","content":"Snykによるnpmやrubygemの脆弱性についてを集めたデータベース。","tags":["security","npm","webservice"],"relatedLinks":[{"title":"VulnDB | Snyk","url":"https://snyk.io/vuln"}]},{"date":"2017-03-09T10:55:02.946Z","title":"Release Notes for Safari Technology Preview 25 | WebKit","url":"https://webkit.org/blog/7432/release-notes-for-safari-technology-preview-25/","content":"Safari Technology Preview Release 25リリース。\n","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2017-03-11T12:03:32.848Z","title":"hyperapp/hyperapp: 1kb JavaScript library for building frontend applications.","url":"https://github.com/hyperapp/hyperapp","content":"JSX/Hyperxを使ったDOM記述、Router、State管理をまとめて扱えるライブラリ","tags":["JavaScript","DOM","library"],"relatedLinks":[]},{"date":"2017-03-11T12:57:10.982Z","title":"Firefox 52.0 リリースノート","url":"https://www.mozilla.jp/firefox/52.0/releasenotes/","content":"Firefox 52.0リリース。\nwasmのデフォルト有効化、CSS Gridのサポート、`rel=\"noopener\"`のサポート、async/await、Unicode code pointを識別子として利用できるようになるなど","tags":["firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 52 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/ja/Firefox/Releases/52"},{"title":"Firefox 52 サイト互換性情報 | Firefox サイト互換性情報","url":"https://www.fxsitecompat.com/ja/versions/52/"},{"title":"Firefox 52 が正式リリース、WebAssembly、CSS Grid Layout の実装、レスポンシブデザインモードの拡充など盛りだくさん | WWW WATCH","url":"https://hyper-text.org/archives/2017/03/firefox_52_release.shtml"}]},{"date":"2017-03-11T14:50:15.783Z","title":"Point | A flexible CSS Framework for building modern responsive web apps","url":"http://www.getpoint.io/","content":"Flexboxを使ったモバイルファーストなCSSフレームワーク","tags":["CSS","library"],"relatedLinks":[]},{"date":"2017-03-11T16:17:01.647Z","title":"staltz/html-looks-like: Assert that an HTML string looks approximately the same as another HTML","url":"https://github.com/staltz/html-looks-like","content":"HTML文字列同士を大まかに比較できるテストライブラリ。","tags":["HTML","testing","library"],"relatedLinks":[]},{"date":"2017-03-11T16:31:09.194Z","title":"MobXを使ったアーキテクチャについて - console.lealog();","url":"http://lealog.hateblo.jp/entry/2017/03/08/114017","content":"State管理ライブラリであるMobXについて。\n","tags":["JavaScript","library"],"relatedLinks":[{"title":"mobxjs/mobx: Simple, scalable state management.","url":"https://github.com/mobxjs/mobx"}]},{"date":"2017-03-11T16:38:27.981Z","title":"Native ECMAScript modules: nomodule attribute for the migration","url":"https://blog.hospodarets.com/native-ecmascript-modules-nomodule","content":"scriptタグの`nomodule`属性について\nモジュールをサポートしてない環境でのみ実行されるscript要素で、fallbackを行う方法について","tags":["JavaScript","ECMAScript","module","article"],"relatedLinks":[]},{"date":"2017-03-11T16:39:26.555Z","title":"A Complete Guide to CSS Grid | Codrops CSS Reference","url":"https://tympanus.net/codrops/css_reference/grid/","content":"CSS Gridについての詳しい解説","tags":["CSS","article"],"relatedLinks":[]},{"date":"2017-03-11T16:40:26.474Z","title":"BafS/Gutenberg: Modern framework to print the web correctly.","url":"https://github.com/BafS/Gutenberg","content":"印刷向けのCSSライブラリ","tags":["CSS"],"relatedLinks":[]},{"date":"2017-03-11T16:41:42.335Z","title":"14 Must Know Chrome Dev Tools Tricks - YouTube","url":"https://www.youtube.com/watch?v=xkzDaKwinA8","content":"Console APIについてのスクリーンキャスト","tags":["JavaScript","Chrome","debug","video"],"relatedLinks":[]},{"date":"2017-03-14T00:38:46.031Z","title":"Introduction to Web Audio API | CSS-Tricks","url":"https://css-tricks.com/introduction-web-audio-api/","content":"Web Audio APIについてのチュートリアル。 どのようなAPI体系であるか、OscillatorNodeを使っての解説、Web Audio APIにおける時間の扱いなどについて","tags":["audio","tutorial","web","article"],"relatedLinks":[]},{"date":"2017-03-11T16:51:10.242Z","title":"Moving Airbnb Search to React – Airbnb Engineering & Data Science – Medium","url":"https://medium.com/airbnb-engineering/moving-airbnb-search-to-react-b85b815e166c","content":"Airbnb SearchがTwitter’s FlightからReactに移行した話。\n何を指標にしてリファクタリングを行うかについて。\n内製のパフォーマンス計測し検証しながら移行するアプローチについて","tags":["JavaScript","opinion","article"],"relatedLinks":[{"title":"Experiment Reporting Framework - Airbnb Engineering","url":"http://nerds.airbnb.com/experiment-reporting-framework/"}]},{"date":"2017-03-12T02:14:27.929Z","title":"qunit/History.md at 2.2.0 · qunitjs/qunit","url":"https://github.com/qunitjs/qunit/blob/2.2.0/History.md","content":"QUnit 2.2.0リリース。\n1つ以上のテストがFailのときはPassし、Todoのみが残った時はFaillする`QUnit.todo`の追加、通った順序を記録し検証する`assert.step()`と`assert.verifySteps`を追加など","tags":["JavaScript","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2017-03-12T03:00:59.471Z","title":"Electronではじめるアプリ開発　～JavaScript/HTML/CSSでデスクトップアプリを作ろう：書籍案内｜技術評論社","url":"http://gihyo.jp/book/2017/978-4-7741-8819-5","content":"2017年3月28日発売\nElectronについての書籍","tags":["Electron","book"],"relatedLinks":[]},{"date":"2017-03-12T06:08:03.110Z","title":"WAI-ARIAの考え方と使い方を整理しよう","url":"https://www.slideshare.net/nozomisawada969/waiaria-72900338","content":"WAI-ARIAについてのスライド。\n`aria-*`属性、role属性の使い分けや意味合いについて。\nランドマーク、文書構造、ウィジェット、ライブ領域、tabindex属性などについて","tags":["WAI-ARIA","accessibility","slide"],"relatedLinks":[]},{"date":"2017-03-09T03:18:57.240Z","title":"Inroducing Almin 0.10.0: TypeScript, FlowType, Logger | Web Scratch","url":"http://efcl.info/2017/03/08/almim0.10/","content":"FluxライブラリのAlmin 0.10.0リリース。\nコードベースをTypeScript化、FlowTypeのサポート改善、開発用のロガーの改善など","tags":["JavaScript","library","ReleaseNote","TypeScript","flowtype"],"relatedLinks":[{"title":"Release 0.10.0 · almin/almin","url":"https://github.com/almin/almin/releases/tag/0.10.0"}]},{"date":"2017-03-09T07:07:47.074Z","title":"brave/muon: Build browsers and browser like applications with HTML, CSS, and JavaScript","url":"https://github.com/brave/muon","content":"BraveのElectron fork。\nChromiumのソースを直接使うように、Chrome extensionsのサポート、renderer processからNode.jsを完全に除去するのが目的","tags":["Electron","security"],"relatedLinks":[]},{"date":"2017-03-10T08:52:13.980Z","title":"Apollo Client 1.0 is coming","url":"https://dev-blog.apollodata.com/apollo-client-1-0-is-coming-23b74b13fbbb","content":"GraphQLクライアントのApollo Client 1.0リリース","tags":["GraphQL","library","ReleaseNote"],"relatedLinks":[]},{"date":"2017-03-12T23:44:44.002Z","title":"Angular 4がやってくる！？ 新機能ダイジェスト","url":"https://www.slideshare.net/masahikoasai/20160306-angular-4","content":"Angularのアップデートライフサイクルについてのスライド。\nAngular 2.xからsemverに準拠したアップデートとなり、4.xへのメジャーアップデートどのような点が変わるのかについて。\n機能追加やアップデート方法について\n","tags":["Angular","slide"],"relatedLinks":[]},{"date":"2017-03-12T23:53:25.612Z","title":"Release Inferno 1.4.0 · infernojs/inferno","url":"https://github.com/infernojs/inferno/releases/tag/1.4.0","content":"Inferno v1.4.0リリース。\nSVGのサポートを修正、optimize-jsの対応など\n","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2017-03-13T12:31:26.099Z","title":"Welcome 2.0 Release Candidate! - Polymer Project","url":"https://www.polymer-project.org/blog/2017-03-08-2-0-rc","content":"Polymer 2.0.0 RCリリース。\nCustom Elements v1、Shadow DOM v1の仕様に追従した変更が含まれてる。\nES2015 classesの対応、ライフサイクルの変更、`is`属性サポートの廃止、データ変更検知の仕組みの変更など","tags":["JavaScript","WebComponents","library","ReleaseNote"],"relatedLinks":[{"title":"About Polymer 2.0 - Polymer Project","url":"https://www.polymer-project.org/2.0/docs/about_20"},{"title":"Polymer 2.0 upgrade guide - Polymer Project","url":"https://www.polymer-project.org/2.0/docs/upgrade"}]},{"date":"2017-03-13T13:01:56.121Z","title":"Sazerac","url":"http://sazeracjs.com/","content":"データにフォーカスしたassertion/テストライブラリ。\nJasmine、Jest、Mochaと一緒に動作する。\nデータごとのテストケースを作るような_パラメタライズドテスト_を行える。","tags":["JavaScript","testing","library"],"relatedLinks":[]},{"date":"2017-03-13T14:56:37.062Z","title":"薄いフレームワーク指向の Web クライアントサイドプログラミング - Hatena Developer Blog","url":"http://developer.hatenastaff.com/entry/2017/03/10/190229","content":"MVPアーキテクチャパターンを使ったフレームワークを使わないアプリケーション設計について。\nView/Presenter/Modelに役割を分担したクラスを扱う方法について","tags":["JavaScript","DOM","設計","TypeScript"],"relatedLinks":[]},{"date":"2017-03-15T02:21:09.464Z","title":"Testing Service Workers – Dev Channel – Medium","url":"https://medium.com/dev-channel/testing-service-workers-318d7b016b19","content":"ServiceWorkerのスクリプトに対するユニットテストについて。\nTests in SW、イベントのエミュレート、Push Eventのテストについてなど","tags":["ServiceWorker","testing"],"relatedLinks":[]},{"date":"2017-03-15T10:35:56.854Z","title":"ES6 Proxy をつかって堅牢なオブジェクトをつくるTips","url":"https://aloerina01.github.io/javascript/2017/03/14/1.html","content":"ES2015 Proxyを使ったImmutableやSingletonなどを例にした、オブジェクトの拡張方法について。\nProxyのtrapやReflect APIについて","tags":["JavaScript"],"relatedLinks":[]},{"date":"2017-03-15T10:45:53.457Z","title":"Migrating to v2.0","url":"http://sinonjs.org/releases/v2.0.0/migrating-to-2.0/","content":"Sinon.js 2.0リリース。\n`sinon.log`や`sinon.logError`は削除、`sinon.test`と`sinon.testCase`がコアから削除され別モジュールへ分離。\nInternalなメソッドが非推奨になるなど","tags":["JavaScript","testing","library","ReleaseNote"],"relatedLinks":[{"title":"sinon/Changelog.txt at v2.0.0 · sinonjs/sinon","url":"https://github.com/sinonjs/sinon/blob/v2.0.0/Changelog.txt"}]},{"date":"2017-03-15T13:09:05.682Z","title":"thejameskyle/react-loadable: A higher order component for loading components with promises.","url":"https://github.com/thejameskyle/react-loadable","content":"初期表示までにのローディングを扱う高階関数のReactコンポーネント。 Promiseが解決されるまでのローディングやエラー表示を行う","tags":["React","library"],"relatedLinks":[{"title":"Introducing React Loadable – Medium","url":"https://medium.com/@thejameskyle/react-loadable-2674c59de178"}]},{"date":"2017-03-15T13:30:10.890Z","title":"VulcanJS: The full-stack React+GraphQL framework","url":"http://vulcanjs.org/","content":"React+GraphQLなフルスタックフレームワーク。\n元々React+MeteorのTelscopeだったもの。","tags":["React","GraphQL","library"],"relatedLinks":[{"title":"Vulcan: A New Direction For Telescope – VulcanJS – Medium","url":"https://medium.com/vulcanjs/vulcan-a-new-direction-for-telescope-93df1f8712f3#.w9qocegs0"}]},{"date":"2017-03-15T14:47:27.413Z","title":"EnzymeでReactコンポーネントのテストを書こう - DMM.comラボエンジニアブログ","url":"http://labotech.dmm.com/entry/2017/03/07/180449","content":"Enzymeを使ったReactコンポーネントのテスト方法について","tags":["React","testing","tutorial","article"],"relatedLinks":[]},{"date":"2017-03-16T12:22:42.642Z","title":"rstacruz/webpack-tricks: Tips and tricks in using Webpack","url":"https://github.com/rstacruz/webpack-tricks","content":"webpackを使ったファイルサイズの削減やビルドの設定、開発向け/本番向けの設定などのTipsをまとめたドキュメント","tags":["webpack","Tips","document"],"relatedLinks":[]},{"date":"2017-03-16T12:55:53.190Z","title":"Background Tabs in Chrome 57  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/03/background_tabs","content":"Chromeのバックグラウンドタブにおける制限について。 \nChrome 57からは、timerやrequestAnimationFrameに加えて、budget-basedの制限が加わる。\nバックグラウンドにいるかはPage visibility APIで判定できる。 テスト時などは`--disable-background-timer-throttling`のフラグで無効化できる。","tags":["Chrome"],"relatedLinks":[]},{"date":"2017-03-16T15:35:05.038Z","title":"smelukov/webpack-runtime-analyzer: Webpack 1.x/2.x plugin for analyzing internal processes, state and structure of bundles.","url":"https://github.com/smelukov/webpack-runtime-analyzer","content":"webpackでビルドしたファイルのstateや構造をビジュアライズするwebpack plugin。\nモジュール、依存関係グラフ、ファイルサイズなど","tags":["webpack","Tools"],"relatedLinks":[]},{"date":"2017-03-16T15:57:04.404Z","title":"Internels Vue.js - 算出プロパティはどうやって動いているか","url":"https://kitak.github.io/slides/170316-vue-meetup/#","content":"Vue.jsのcomputed propertyの変更検知の仕組みについてのスライド","tags":["slide","Vue"],"relatedLinks":[]},{"date":"2017-03-16T23:10:37.425Z","title":"React Conf 2017 - YouTube","url":"http://www.youtube.com/playlist?list=PLb0IAmt7-GS3fZ46IGFirdqKTIxlws7e0","content":"React Conf 2017の動画が公開された","tags":["React","video","まとめ"],"relatedLinks":[{"title":"React Conf 2017","url":"http://conf.reactjs.org/"}]},{"date":"2017-03-17T00:48:18.656Z","title":"jQuery 3.2.0 Is Out! | Official jQuery Blog","url":"https://blog.jquery.com/2017/03/16/jquery-3-2-0-is-out/","content":"jQuery 3.2.0リリース。\n`$.css`がCSS Custom Propertyをサポート、transformされた要素の`.width()`、`.height()`の値がおかしい問題を修正、`<template>`要素をサポートなど","tags":["jQuery","ReleaseNote"],"relatedLinks":[]},{"date":"2017-03-17T01:01:30.183Z","title":"Release react-router@4.0.0: Publish · ReactTraining/react-router","url":"https://github.com/ReactTraining/react-router/releases/tag/react-router%404.0.0","content":"React Router 4.0.0リリース。\n書き直されたバージョンであり、既存のものとは互換性がないためマイグレーションガイドは用意されていない。\n\n- https://github.com/ReactTraining/react-router/tree/v4.0.0-beta.8#why-a-major-version-bump","tags":["React","ReleaseNote","library"],"relatedLinks":[{"title":"Migration guide v3 -&gt; v4 or changelog? · Issue #4738 · ReactTraining/react-router","url":"https://github.com/ReactTraining/react-router/issues/4738"},{"title":"v4 FAQ","url":"https://github.com/ReactTraining/react-router/tree/v4.0.0-beta.8#why-a-major-version-bump"},{"title":"react-router@v4対応したので雑に晒す - Qiita","url":"http://qiita.com/Jey/items/dae2074427547e63569b"}]},{"date":"2017-03-17T11:09:36.860Z","title":"AlminでFluxアーキテクチャをやってみる | Web Scratch","url":"http://efcl.info/2017/03/17/almin-introduction/","content":"Alminを使ってカウンターアプリを書きながら、どのようにFlux的な一方通行のデータフローを行うかについての記事。\n開発用のロガーやブラウザ拡張との連携について","tags":["JavaScript","redux","Flux","library","tutorial"],"relatedLinks":[]},{"date":"2017-03-18T08:26:39.416Z","title":"FranckFreiburger/module-invalidate: Invalidate node.js modules loaded through require()","url":"https://github.com/FranckFreiburger/module-invalidate","content":"Node.jsの`require`で読み込んだキャッシュを無効化したり、モジュール側で無効化することを宣言できるモジュール","tags":["node.js","library"],"relatedLinks":[]},{"date":"2017-03-18T09:01:37.764Z","title":"SVG Animations - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920045335.do","content":"SVGアニメーションについての書籍","tags":["SVG","animation"],"relatedLinks":[]},{"date":"2017-03-18T09:09:16.399Z","title":"Release v0.42.0 · facebook/flow","url":"https://github.com/facebook/flow/releases/tag/v0.42.0","content":"Flow 0.42.0リリース。\nObject type spread `type TypeB = { ...TypeA }` の追加。`flow ide`コマンドの追加など","tags":["flowtype","ReleaseNote"],"relatedLinks":[]},{"date":"2017-03-18T10:19:26.144Z","title":"徹底マスター JavaScriptの教科書　プログラミングの教養から、言語仕様、開発技法までが正しく身につく | 磯 博 | インターネット・Web開発 | Kindleストア | Amazon","url":"https://www.amazon.co.jp/dp/B06XNQCW7B","content":"JavaScriptの文法や言語機能などについての書籍。\nES2015に対応している内容","tags":["JavaScript","book"],"relatedLinks":[{"title":"SBクリエイティブ:徹底マスター JavaScriptの教科書","url":"http://www.sbcr.jp/products/4797388640.html"}]},{"date":"2017-03-19T11:34:30.490Z","title":"React+Redux+Express+MongoDBでものすごくシンプルなCRUDアプリをつくる - Qiita","url":"http://qiita.com/m_yama6/items/573247b12ff0bc4e5d3c","content":"`create-react-app`を使いReact+Reduxのセットアップを行いフロントを書き、Express+MongoDB+mongooseでバックエンドを書いていくチュートリアル記事。 フロントエンドとバックエンドの接続部分も丁寧にかかれている。","tags":["React","article","node.js","redux","tutorial"],"relatedLinks":[]},{"date":"2017-03-19T10:16:53.427Z","title":"ESLint v3.18.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2017/03/eslint-v3.18.0-released","content":"ESLint 3.18.0リリース。\nesqueryベースのASTセレクタに対応しルール内でセレクタを指定できるようになるなど","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"estools/esquery: ECMAScript AST query library.","url":"https://github.com/estools/esquery"},{"title":"Selectors - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/docs/developer-guide/selectors"},{"title":"ESLint v3.18.0 - Qiita","url":"http://qiita.com/mysticatea/items/264e59b3d28e13b633df"},{"title":"ESLint selectors just got super powers! – Medium","url":"https://medium.com/@vitorbal/eslint-selectors-just-got-super-powers-402ab942def5#.xwjlpqioe"}]},{"date":"2017-03-19T10:23:31.789Z","title":"Preact internals #1: the easy parts – Medium","url":"https://medium.com/@asolove/preact-internals-1-the-easy-parts-3a081fa36205","content":"Preactの内部実装についての連載記事","tags":["JavaScript","React","article"],"relatedLinks":[]},{"date":"2017-03-19T11:35:23.531Z","title":"Test Double | Our Thinking | testdouble.js 2.0","url":"http://blog.testdouble.com/posts/2017-03-13-testdouble-2.0.html","content":"モック化ライブラリであるtestdouble.js 2.0リリース。 `td.object`ではES2015 Proxyを使い存在しないプロパティなどのアクセスもキャッチ出来るようになるなど、非同期stubのサポート、`td.verify`の改善など","tags":["JavaScript","library","testing"],"relatedLinks":[{"title":"Test Double | Our Thinking | testdouble.js vs. sinon.js","url":"http://blog.testdouble.com/posts/2016-03-13-testdouble-vs-sinon.html"}]},{"date":"2017-03-19T11:10:24.092Z","title":"Progressive Web App Libraries in Production – Dev Channel – Medium","url":"https://medium.com/dev-channel/progressive-web-app-libraries-in-production-b52cad37d34","content":"ServiceWorkerを使ったキャッシュ周りなどを導入するツールであるsw-precache、 sw-toolbox、offline-analyticsの紹介記事","tags":["ProgressiveWebApp","article","ServiceWorker"],"relatedLinks":[]},{"date":"2017-03-19T12:59:19.209Z","title":"moment/CHANGELOG.md at 2.18.0 · moment/moment","url":"https://github.com/moment/moment/blob/2.18.0/CHANGELOG.md","content":"moment 2.18.0リリース・\nRFC 2822のパースをサポート、1-24時表示を行う`k`と`kk`フォーマットのサポート、CJK time formatの改善など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"moment 2.18.0 changelog","url":"https://gist.github.com/ichernev/78920c5a1e419fb28c6e4546d1b7235c"},{"title":"RFC 2822の日付形式","url":"https://wiki.suikawiki.org/n/RFC%202822%E3%81%AE%E6%97%A5%E4%BB%98%E5%BD%A2%E5%BC%8F"},{"title":"[locale] ja, zh-*, ko: Standardize CJK time formats by jasonkb · Pull Request #3608 · moment/moment","url":"https://github.com/moment/moment/pull/3608"}]},{"date":"2017-03-20T09:03:28.878Z","title":"Ember.js - Ember 2.12 and 2.13 Beta Released","url":"http://emberjs.com/blog/2017/03/19/ember-2-12-released.html","content":"Ember 2.12と2.13βリリース。\n`factoryFor` APIの追加、`Ember.K`が非推奨へになるなど","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2017-03-20T11:35:42.684Z","title":"Release 5.25.0 - Announce - discuss.CodeMirror","url":"http://discuss.codemirror.net/t/release-5-25-0/1175","content":"CodeMirror 5.25.0リリース。\n最初のコミットから10周年のリリース。\n`contentEditable`周りの修正、`lint` addonがPromiseをサポートするなど","tags":["JavaScript","editor","library","ReleaseNote"],"relatedLinks":[]},{"date":"2017-03-20T12:40:42.373Z","title":"mnot’s blog: The State of Browser Caching, Revisited","url":"https://www.mnot.net/blog/2017/03/16/browser-caching","content":"各ブラウザのHTTPリクエスト/レスポンスとキャッシュの実装についての調査。\nStatus Code別のキャッシュ、`Cache-Control` header、`Vary` headerについて","tags":["browser","HTTP","article"],"relatedLinks":[]},{"date":"2017-03-21T09:27:36.425Z","title":"Learn Redux by coding a Mini-Redux – Jakob Lind","url":"http://blog.jakoblind.no/2017/03/13/learn-redux-by-coding-a-mini-redux/","content":"小さなReduxを作ってReduxについて学ぶ記事。\n","tags":["JavaScript","redux","tutorial","article"],"relatedLinks":[{"title":"Redux · JavaScript Plugin Architecture","url":"https://azu.gitbooks.io/javascript-plugin-architecture/content/ja/Redux/"}]},{"date":"2017-03-22T00:28:00.955Z","title":"pubkey/rxdb: Client-Side Database for Browsers, NodeJS, electron, cordova, react-native and every other javascript-runtime","url":"https://github.com/pubkey/rxdb","content":"ブラウザ、Node.js、Electron、cordova、react-nativeで動作するクライアントサイドデータベースライブラリ。\nJSON Schemaベースで、mongo likeなクエリを利用でき、rxjsと連携することができる。\n","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-03-22T00:54:20.133Z","title":"Announcing Scala.js 0.6.15 - Scala.js","url":"https://www.scala-js.org/news/2017/03/21/announcing-scalajs-0.6.15/","content":"Scala.js 0.6.15リリース。\n`@JSExportStatic`の追加、`@JSExportTopLevel`をfieldに対しても利用できるように、Symbolを表現する`js.Symbol`などの追加、\nマイグレーションツールとしてscalafixも公開されている。","tags":["scala","JavaScript","ReleaseNote"],"relatedLinks":[{"title":"scalafix - a Scala rewrite tool","url":"https://scalacenter.github.io/scalafix/"}]},{"date":"2017-03-22T14:30:53.194Z","title":"Chromium Blog: Chrome 58 Beta: IndexedDB 2.0, an improvement to iframe navigation, and immersive full screen for PWAs","url":"https://blog.chromium.org/2017/03/chrome-58-beta-indexeddb-20_21.html","content":"Chrome 58 Betaリリース。\nIndexedDB 2.0、iframe sandboxで`allow-top-navigation-by-user-activation`をサポート、`display: flow-root`のサポートなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2017-03-23T02:11:49.844Z","title":"minireset.css: a tiny modern CSS reset","url":"http://jgthms.com/minireset.css/","content":"小さなreset.cssライブラリ","tags":["CSS","library"],"relatedLinks":[]},{"date":"2017-03-23T05:55:02.709Z","title":"The npm Blog — announcing free Orgs","url":"http://blog.npmjs.org/post/158718200065/announcing-free-orgs","content":"npm orgでfree organizationが作成できるように。\n既存ユーザーをorganizationを変換することもできる。","tags":["npm","webservice"],"relatedLinks":[]},{"date":"2017-03-23T13:47:59.152Z","title":"Angular DIスキ // Speaker Deck","url":"https://speakerdeck.com/kozake/angular-disuki","content":"Angular 2.xのDIの仕組みについてのスライド","tags":["Angular","slide"],"relatedLinks":[]},{"date":"2017-03-24T01:30:10.290Z","title":"ES6 Features - 10 Use Cases for Proxy","url":"http://dealwithjs.io/es6-features-10-use-cases-for-proxy/","content":"ES Proxyのユースケース紹介。\nデフォルト値、private、enum、observer、cache、`in`演算子、シングルトン、バリデーションとrevocable proxy、Python likeなSubscriptionなど。\nまたProxyをした際のパフォーマンスについて\n","tags":["JavaScript","proxy","article"],"relatedLinks":[]},{"date":"2017-03-24T10:00:06.271Z","title":"myshov/history-of-javascript: Project \"History of JavaScript\"","url":"https://github.com/myshov/history-of-javascript","content":"JavaScriptの歴史を振り返る連載","tags":["JavaScript","歴史","article"],"relatedLinks":[]},{"date":"2017-03-24T17:05:32.352Z","title":"CSS Custom Properties in Microsoft Edge - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog","url":"https://blogs.windows.com/msedgedev/2017/03/24/css-custom-properties/","content":"MSEdgeがCSS Custom Propertyをサポート。\nCSS Custom Propertyの使い方、`@support`を使ったfeature detect、JavaScriptからの操作方法について","tags":["MSEdge","CSS"],"relatedLinks":[]},{"date":"2017-03-25T08:49:53.313Z","title":"Simple counter: different implementations...","url":"https://gist.github.com/srdjan/1d10cbd42a2d695f696dee6b47fdc5e0","content":"いろんな言語、フレームワークでのカウンターの実装のコレクション","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-03-25T13:55:24.099Z","title":"A journey to functional JavaScript: Part 1 – fundamentals – Grzegorz Ziółkowski","url":"https://gziolo.pl/2017/03/24/refactoring-to-functional-javascript-part-1-fundamentals/","content":"JavaScriptでの関数型プログラミングについての記事シリーズ。\n関数型プログラミングに出てくる用語について","tags":["JavaScript","関数型プログラミング","article"],"relatedLinks":[]},{"date":"2017-03-26T06:33:51.971Z","title":"Release Notes for Safari Technology Preview 26 | WebKit","url":"https://webkit.org/blog/7474/release-notes-for-safari-technology-preview-26/","content":"Safari Technology Preview Release 26リリース。\nWebGPUの試験的サポート、`history.scrollRestoration`のサポート、CSS `stroke-width`プロパティのサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2017-03-26T07:53:49.200Z","title":"GoogleChrome/ui-element-samples: A collection of prototyped UI elements","url":"https://github.com/GoogleChrome/ui-element-samples","content":"いろんなWebPlatform APIを使ったUIのサンプル集","tags":["UI","JavaScript","example"],"relatedLinks":[{"title":"Building performant expand &amp; collapse animations  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/03/performant-expand-and-collapse"}]},{"date":"2017-03-27T10:36:15.580Z","title":"Cyclow","url":"http://cyclow.js.org/","content":"Cycle.jsライクなコンポーネントフレームワーク","tags":["JavaScript","library","DOM"],"relatedLinks":[]},{"date":"2017-03-26T07:56:07.325Z","title":"Common Async/Await Design Patterns in Node.js | www.thecodebarbarian.com","url":"http://thecodebarbarian.com/common-async-await-design-patterns-in-node.js.html","content":"Async/Awaitのパターンについて","tags":["JavaScript","ECMAScript","article"],"relatedLinks":[]},{"date":"2017-03-27T09:16:29.761Z","title":"Angular: Angular 4.0.0 Now Available","url":"http://angularjs.blogspot.com/2017/03/angular-400-now-available.html","content":"Angular 4リリース。\nバージョンを合わせるためにv3を飛ばしてv4へ。\nAOTコンパイルによるViewのコード量の削減、TypeScript 2.1/2.2対応、テンプレートのSource Map対応など。\nAngular CLIも合わせて1.0.0を公開。\n","tags":["Angular","ReleaseNote"],"relatedLinks":[{"title":"angular/CHANGELOG.md at 4.0.0 · angular/angular","url":"https://github.com/angular/angular/blob/4.0.0/CHANGELOG.md"},{"title":"stories 1.0 update · angular/angular-cli Wiki","url":"https://github.com/angular/angular-cli/wiki/stories-1.0-update"}]},{"date":"2017-03-28T00:52:34.007Z","title":"ZEIT – Next.js 2.0","url":"https://zeit.co/blog/next2","content":"Reactを使ったフレームワークであるNext.js 2.0リリース。\n動的なルーティングができるように、`next/css`は非推奨となり代わりに`styled-jsx`を導入、`<Link>`の`prefetch`サポート、サンプルの追加、`babel`の設定などを行えるようになるなど","tags":["JavaScript","React","library","server","ReleaseNote"],"relatedLinks":[{"title":"zeit/styled-jsx: Full CSS support for JSX without compromises","url":"https://github.com/zeit/styled-jsx"},{"title":"Migrating from next css · zeit/next.js Wiki","url":"https://github.com/zeit/next.js/wiki/Migrating-from-next-css"}]},{"date":"2017-03-28T12:52:03.845Z","title":"normalize.css/CHANGELOG.md at master · necolas/normalize.css","url":"https://github.com/necolas/normalize.css/blob/master/CHANGELOG.md","content":"normalize.css 6.0.0リリース。\nHTML要素やform要素への`font-family`、`line-height`などのopinionated rulesを削除","tags":["CSS","ReleaseNote","library"],"relatedLinks":[]},{"date":"2017-03-29T01:17:39.387Z","title":"TC39: Ecma-402 updates | Rafael Xavier","url":"http://rafael.xavier.blog.br/2017/03/23/tc39-ecma-402-updates/","content":"Ecma-402(ECMAScript i18n API)のProposalやステータスについて","tags":["ECMAScript","i18n","proposal"],"relatedLinks":[]},{"date":"2017-03-29T01:19:59.370Z","title":"はじめに | Reset CSSフレンズ","url":"http://friends.o2p.jp/","content":"ユーザーエージェントによるCSSの特徴を上書きしていくReset CSSやnormalize.cssなどがどのようなスタイルを当てているかについての解説","tags":["CSS","ebook"],"relatedLinks":[]},{"date":"2017-03-29T15:13:14.113Z","title":"sdgluck/mewt: Immutability in under one kilobyte","url":"https://github.com/sdgluck/mewt","content":"Proxyを使ったシンプルなImmtableラッパーライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-03-30T01:07:32.592Z","title":"Release 2.3.0 · qunitjs/qunit","url":"https://github.com/qunitjs/qunit/releases/tag/2.3.0","content":"QUnit 2.3.0リリース。\nQUnit CLIの追加、CLIからQUnitを実行でき、reporterなどを指定できる。","tags":["JavaScript","testing","library","ReleaseNote"],"relatedLinks":[{"title":"CLI: Introduce QUnit CLI by trentmwillis · Pull Request #1115 · qunitjs/qunit","url":"https://github.com/qunitjs/qunit/pull/1115"},{"title":"Introduce CLI tool · Issue #1024 · qunitjs/qunit","url":"https://github.com/qunitjs/qunit/issues/1024"}]},{"date":"2017-03-30T13:16:37.037Z","title":"New Web Features in Safari 10.1 | WebKit","url":"https://webkit.org/blog/7477/new-web-features-in-safari-10-1/","content":"Safari 10.0リリース。\nFetch API、CSS Grid、ES2016+、IndexedDB 2.0、Custom Elements、Gamepad、Pointer Lock、Input Events、`download`属性、HTML Media Captureなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2017-03-31T08:55:36.915Z","title":"Vue.js Tutorial: A Prerendered, SEO-Friendly Example [Live Demo] - Snipcart","url":"https://snipcart.com/blog/vuejs-tutorial-seo-example","content":"Vue.jsのチュートリアル。\nPrerenderSpaPluginを使うことで、静的なHTMLを吐けるようにするところまでを行う話\n","tags":["JavaScript","Vue","tutorial"],"relatedLinks":[]},{"date":"2017-03-31T12:54:58.020Z","title":"Node v7.8.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v7.8.0/","content":"Node.js 7.8.0リリース。\nnpm 4.2.0へアップデート、async functionの修正のバックポートなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2017-03-31T13:34:09.717Z","title":"TestCafe v0.14.0 Released | TestCafe","url":"http://devexpress.github.io/testcafe/blog/testcafe-v0-14-0-released.html","content":"TestCafe v0.14.0リリース。\n`Role`でログイン情報を決めることができるように、BrowserStackサポート、`t.debug()`で`debugger;`的なデバッグができるように、`file://`に対してもテストできるように、`Selector`にカスタムメソッドを定義できるようになるなど","tags":["JavaScript","testing","E2E","ReleaseNote"],"relatedLinks":[]},{"date":"2017-03-31T15:13:31.104Z","title":"V8 JavaScript Engine: Help us test the future of V8!","url":"https://v8project.blogspot.com/2017/02/help-us-test-future-of-v8.html","content":"V8の新しいコンパイラーパイプラインであるIgnition interpreterとTurbofan compilerを有効化する方法について。\nまたバグを見つけた時の報告先について","tags":["Chrome","V8","article"],"relatedLinks":[]},{"date":"2017-04-01T06:17:09.314Z","title":"君はyarn.lockをコミットしているか？","url":"https://www.slideshare.net/teppeis/do-you-commit-yarnlock","content":"ライブラリでyarn.lockをコミットすることによるdevDepsの固定のメリットについて。\ndevDepsの方がBreaking Changeは起きやすいため固定することによるメリットがあるという話","tags":["yarn","slide"],"relatedLinks":[]},{"date":"2017-04-02T12:18:48.326Z","title":"Flow: A Static Type Checker for JavaScript","url":"https://flow.org/en/","content":"Flowの公式サイトがリニューアル公開された","tags":["flowtype"],"relatedLinks":[]},{"date":"2017-04-02T12:20:25.382Z","title":"Writing Better JavaScript with Flow — SitePoint","url":"https://www.sitepoint.com/writing-better-javascript-with-flow/","content":"Flowの基本的な使い方についての解説記事。\n型の付け方、ライブラリの型、型アノテーションの取り除き方について","tags":["flowtype","tutorial","article"],"relatedLinks":[]},{"date":"2017-04-02T13:21:21.327Z","title":"Release Almin.js 0.11 · almin/almin","url":"https://github.com/almin/almin/releases/tag/0.11.0","content":"Almin 0.11リリース。\nFunctional UseCaseのサポート、APIドキュメントの更新、Reactバインディングの追加など","tags":["JavaScript","Flux","library","ReleaseNote"],"relatedLinks":[]},{"date":"2017-04-03T06:37:54.563Z","title":"React is Slow, React is Fast: Optimizing React Apps in Practice","url":"http://marmelab.com/blog/2017/02/06/react-is-slow-react-is-fast.html","content":"Reactのパフォーマンス計測と改善について。\n`?react_perf`を使いコンポーネントプロファイル、`why-did-you-update`でのコンポーネントの更新時間の計測。\nshouldComponentUpdateでの無駄な更新を排除することでの改善、RecomposeやReselect、React/JSXの使い方での改善について","tags":["React","performance"],"relatedLinks":[{"title":"garbles/why-did-you-update: Puts your console on blast when React is making unnecessary updates.","url":"https://github.com/garbles/why-did-you-update"}]},{"date":"2017-04-03T13:18:09.469Z","title":"Svelte ナメてたけど結構スゴい - Qiita","url":"http://qiita.com/jgs/items/2d985894ea07f48b74fb","content":"HTML/CSS/JSをセットで書いたコンポーネントをJavaScript+小さなランタイムに変換するUIフレームワークであるSvelteについて","tags":["JavaScript","UI","library"],"relatedLinks":[]},{"date":"2017-04-03T13:45:29.496Z","title":"Announcing free Microsoft Edge testing in partnership with BrowserStack - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog","url":"https://blogs.windows.com/msedgedev/2017/03/30/free-edge-testing-browserstack/","content":"BrowserStackでテスト目的のMSEdgeが無料で利用できるように","tags":["MSEdge","webservice"],"relatedLinks":[{"title":"Free Edge Testing on Windows 10","url":"https://www.browserstack.com/test-on-microsoft-edge-browser#live-cloud"}]},{"date":"2017-04-03T23:35:05.332Z","title":"Regular Expressions in a post-ES6 world","url":"https://ponyfoo.com/articles/regular-expressions-post-es6","content":"ES2015以降の正規表現の追加された仕様とProposalの仕様について","tags":["ECMAScript","JavaScript","proposal"],"relatedLinks":[]},{"date":"2017-04-03T23:42:53.878Z","title":"Vue.js Tutorial: A Prerendered, SEO-Friendly Example [Live Demo] - Snipcart","url":"https://snipcart.com/blog/vuejs-tutorial-seo-example","content":"Vue.jsのチュートリアル。 PrerenderSpaPluginを使うことで、静的なHTMLを吐けるようにするところまでを行う話","tags":["JavaScript","Vue","tutorial","article"],"relatedLinks":[]},{"date":"2017-04-04T00:15:31.931Z","title":"ECMAScript proposal updates @ 2017-03 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2017/04/04/ecmascript-proposals-status","content":"ECMAScript Proposalの最新の変更まとめ。\n正規表現系のProposalがStage 3になった。","tags":["ECMAScript","proposal"],"relatedLinks":[]},{"date":"2017-04-04T15:05:00.715Z","title":"Video.js 6.0 Release! | Video.js Blog","url":"http://blog.videojs.com/Video-js-6-0-Release/","content":"Video.js 6.0リリース。\nFlashがコアから取り除かれた。\nmiddleware周りの変更、DOMメソッドを`videojs.dom`へ移動の予定など","tags":["JavaScript","video","ReleaseNote"],"relatedLinks":[{"title":"Video.js 6 Migration Guide · videojs/video.js Wiki","url":"https://github.com/videojs/video.js/wiki/Video.js-6-Migration-Guide"}]},{"date":"2017-04-05T00:43:11.932Z","title":"release: npm@5.0.0 by zkat · Pull Request #16244 · npm/npm","url":"https://github.com/npm/npm/pull/16244","content":"今後リリース予定のnpm 5.0.0βについて。\n相対パスを`npm install`がsymlinkを作るように(`file:`ではなく`link:`へ)、キャッシュシステムの改善、`--prefer-offline`と`--offline`の追加。\n`git://`でもsemverを指定できるように、`npm install`の結果がサマリで出るように","tags":["npm","issue","ReleaseNote"],"relatedLinks":[]},{"date":"2017-04-06T12:44:22.286Z","title":"How we built Twitter Lite | Twitter Blogs","url":"https://blog.twitter.com/2017/how-we-built-twitter-lite","content":"Twitter Liteの技術スタックについて。\nReact, Redux, Normalizr, Globalize, Babel, Webpack, Jest, WebdriverIOなどを使っている。\nパフォーマンスのためにPRPLパターンを使い、`requestAnimationFrame`や`requestIdleCallback`を使ってのレンダリングの調整などについて","tags":["twitter","mobile","React"],"relatedLinks":[]},{"date":"2017-04-07T03:44:05.409Z","title":"Stylelint generator","url":"https://maximgatilin.github.io/stylelint-config/","content":"Stylelintの設定ファイルを選択式で作れるジェネレーター","tags":["CSS","設定","Tools"],"relatedLinks":[]},{"date":"2017-04-07T03:59:27.969Z","title":"Release 0.19.0 · avajs/ava","url":"https://github.com/avajs/ava/releases/tag/v0.19.0","content":"AVA 0.19.0リリース。\n一つもassertionが実行されないテストはデフォルトで落ちるように、`t.throws()`での非同期対応の改善、非同期テストでハングしているものを検知するようになるなど","tags":["JavaScript","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2017-04-08T03:54:35.479Z","title":"Release v2.0.0-rc.0 · lerna/lerna","url":"https://github.com/lerna/lerna/releases/tag/v2.0.0-rc.0","content":"monorepo管理ツールのlerna 2.0.0RCリリース。\n`--conventional-commits`でconventional-commitsベースのCHANGELOGを作れるようになるなど","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[{"title":"v2.0.0 Milestone","url":"https://github.com/lerna/lerna/milestone/1"}]},{"date":"2017-04-08T10:38:31.292Z","title":"The Quest For Immer Mutable State Management","url":"https://immer-mutable-state.surge.sh/","content":"MobXでのSnapshot + mutable state treeについてのスライド。\nPull/Push-basedなcomputed property、Mutable StateでActionリプレイするために、どのような方法を取るのかについて","tags":["JavaScript","slide"],"relatedLinks":[{"title":"Michel Weststrate: MobX: The Quest For Immer Mutable State Management - YouTube","url":"https://www.youtube.com/watch?v=ta8QKmNRXZM"},{"title":"mobxjs/serializr: Serialize and deserialize complex object graphs to JSON","url":"https://github.com/mobxjs/serializr"}]},{"date":"2017-04-08T12:39:07.918Z","title":"mobxjs/serializr: Serialize and deserialize complex object graphs to JSON","url":"https://github.com/mobxjs/serializr","content":"クラスのオブジェクトシリアライズ/デシリアライズライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-04-08T13:52:33.248Z","title":"ESLint v4.0.0-alpha.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2017/04/eslint-v4.0.0-alpha.0-released","content":"ESLint 4.0.0 αリリース。\n`eslint:recommended`の更新、`indent`ルールの変更、ASTのコメント周りの扱いの変更、公開APIの変更など","tags":["JavaScript","ESLint","ReleaseNote"],"relatedLinks":[{"title":"Migrating to v4.0.0 - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/docs/4.0.0/user-guide/migrating-to-4.0.0"},{"title":"ESLint v4.0.0 の変更点まとめ - Qiita","url":"http://qiita.com/mysticatea/items/3d01452d76ea6c943793"}]},{"date":"2017-04-08T14:20:27.729Z","title":"MathJax CDN shutting down on April 30, 2017","url":"http://www.mathjax.org/cdn-shutting-down/","content":"MathJax CDNがシャットダウンされるため、ローカルにコピーするかcloudflareのものを利用するようにする必要がある","tags":["JavaScript","library","news"],"relatedLinks":[]},{"date":"2017-04-09T04:09:19.809Z","title":"Introducing ReactXP - ReactXP Blog","url":"https://microsoft.github.io/reactxp/blog/2017/04/06/introducing-reactxp.html","content":"React/React NativeベースのクロスプラットフォームなUIフレームワーク。\nクロスプラットフォームで共通したコンポーネントを利用できるようにするのが目的でMSのSkypeチームが作成している。","tags":["React","ReleaseNote","windows","ios","Android"],"relatedLinks":[{"title":"Microsoft/reactxp: Library for cross-platform app development.","url":"https://github.com/microsoft/reactxp"}]},{"date":"2017-04-09T04:34:15.532Z","title":"Release v1.6.0 · karma-runner/karma","url":"https://github.com/karma-runner/karma/releases/tag/v1.6.0","content":"Karma v1.6.0リリース。\n`browser_info`イベントの追加、`proxyRes`と`proxyReq`イベントをhookできるようになるなど","tags":["JavaScript","browser","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2017-04-09T05:53:31.189Z","title":"ng-conf 2017 - YouTube","url":"https://www.youtube.com/watch?v=Nj9_p4qvm5U","content":"ng-conf 2017の動画まとめ\n","tags":["Angular","Conference","video"],"relatedLinks":[{"title":"ng-conf 2017 Summary - Day 1","url":"https://auth0.com/blog/ngconf2017-summary-day1/"},{"title":"ng-conf 2017 1日目 Keynoteメモ | &lt;output type=&#34;laco&#34;&gt;","url":"https://blog.lacolaco.net/post/ng-conf-2017-day-1-note/"},{"title":"Long Term Support for Angular Announced at ng-conf 2017","url":"https://www.infoq.com/news/2017/04/ng-conf-2017-keynote"}]},{"date":"2017-04-09T07:10:29.362Z","title":"Publish JavaScript packages on npm - Course by @trevordmiller @eggheadio","url":"https://egghead.io/courses/publish-javascript-packages-on-npm","content":"npmのパッケージやscriptについてのスクリーンキャスト","tags":["npm","video","tutorial"],"relatedLinks":[]},{"date":"2017-04-09T07:28:23.993Z","title":"React v15.5.0 - React Blog","url":"https://facebook.github.io/react/blog/2017/04/07/react-v15.5.0.html","content":"React 15.5.0リリース。\n同梱されていた`React.PropTypes`と`React.createClass`が非推奨となり、それぞれ別パッケージに別れた。\n`react-codemod`を使うことでマイグレーションできる。\n","tags":["React","ReleaseNote"],"relatedLinks":[{"title":"React 15.5へのアップデート手順(prop-typesとReact.createClass) - Qiita","url":"http://qiita.com/azu/items/9d1985bf0140576894aa"},{"title":"All doc updates forv15.5 by flarnie · Pull Request #9359 · facebook/react","url":"https://github.com/facebook/react/pull/9359"}]},{"date":"2017-04-09T07:45:53.977Z","title":"Release Notes for Safari Technology Preview 27 | WebKit","url":"https://webkit.org/blog/7497/release-notes-for-safari-technology-preview-27/","content":"Safari Technology Preview Release 27リリース。\nObject spread/rest propertyの実装、`window.open`に`noopener`を実装、Web Inspectorの改善、Web Cryptography APIでSPKI/PKCS8に対応など","tags":["safari","ReleaseNote","JavaScript"],"relatedLinks":[{"title":"ES proposal: Rest/Spread Properties","url":"http://2ality.com/2016/10/rest-spread-properties.html"}]},{"date":"2017-04-09T23:02:39.278Z","title":"ukyo/wasm-usui-book: webassemblyの薄い本","url":"https://github.com/ukyo/wasm-usui-book","content":"wasmについての電子書籍。\nwasmの概要、WABTを使っての開発、バイナリフォーマットやテキストフォーマットなどについて","tags":["WebAssembly","ebook"],"relatedLinks":[]},{"date":"2017-04-10T11:03:36.244Z","title":"Ember.js - EmberConf 2017: State of the Union","url":"https://emberjs.com/blog/2017/04/05/emberconf-2017-state-of-the-union.html","content":"Ember.jsの歴史とこれからについて。\nスタンドアローンで利用できるようになったコンポーネントレイヤーのGlimmerについてなど","tags":["JavaScript","歴史","library"],"relatedLinks":[]},{"date":"2017-04-10T11:11:48.516Z","title":"Glimmer","url":"https://glimmerjs.com/","content":"Emberとは独立したコンポーネントとして利用できるようになったGlimmerのサイト","tags":["JavaScript","DOM","library","WebComponents"],"relatedLinks":[{"title":"Why I’m excited about GlimmerJS – Hacker Noon","url":"https://hackernoon.com/why-im-excited-about-glimmerjs-3631bd0c95c4"}]},{"date":"2017-04-10T11:17:55.276Z","title":"GraphQL & React tutorial (part 1/6) – Chroma","url":"https://blog.hichroma.com/graphql-react-tutorial-part-1-6-d0691af25858","viaURL":"https://github.com/jser/ping/issues/57","content":"GraphQLについての連載。 \nコンポーネント駆動とスキーマファーストについて","tags":["GraphQL","React","tutorial"],"relatedLinks":[]},{"date":"2017-04-10T11:58:11.016Z","title":"How to Create a Reddit Client Using Angular 4.0 - Progur!","url":"http://progur.com/2017/03/how-to-create-reddit-client-with-angular-4.html","viaURL":"https://github.com/jser/ping/issues/57","content":"Angular v4を使ってRedditのAPIを叩いて、リスト表示するチュートリアル","tags":["Angular","tutorial"],"relatedLinks":[]},{"date":"2017-04-10T12:41:46.533Z","title":"Release 8.0.0 · developit/preact","url":"https://github.com/developit/preact/releases/tag/8.0.0","content":"Preact 8.0.0(8.1.0)リリース\nPure Functional Componentsの書き直し、`linkState`、`className`のオブジェクトオプションはそれぞれ外部モジュールへと機能を移譲など","tags":["React","JavaScript","ReleaseNote"],"relatedLinks":[{"title":"Important changes coming in Preact 8","url":"https://gist.github.com/developit/89e0e6decb8fb5eb00def024b6fb7bd7"}]},{"date":"2017-04-10T12:43:41.050Z","title":"Release Version 3.0.0 · sweet-js/sweet.js","url":"https://github.com/sweet-js/sweet.js/releases/tag/v3.0.0","content":"Hygienic Macrosを提供するsweet.js 3.0.0リリース。","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2017-04-11T03:47:22.669Z","title":"Announcing TypeScript 2.3 RC | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2017/04/10/announcing-typescript-2-3-rc/","content":"TypeScript 2.3RCリリース。\n`noImplicitAny`, `strictNullChecks`,`noImplicitThis`などをまとめた`strict`オプションの追加.\n\nGenerator/IteratorをES3/ES5互換のコードへ変換できるように、Async Generator/Iteratorの対応、 Generic defaultsの対応など\n","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"TypeScript 2.3 RC 変更点 - Qiita","url":"http://qiita.com/vvakame/items/d926f0e1b02397dbd5df"}]},{"date":"2017-04-11T04:25:35.986Z","title":"Introduction · react-indepth","url":"https://developmentarc.gitbooks.io/react-indepth/content/","content":"Reactのコンポーネントやライフサイクルイベントについて詳しく書かれた電子書籍","tags":["React","ebook","book"],"relatedLinks":[]},{"date":"2017-04-12T00:55:52.271Z","title":"Introducing Moon – Hacker Noon","url":"https://hackernoon.com/introducing-moon-1d44a99635f0","content":"Vue版Preact的なライブラリであるMoonについて。\nVueのようなAPIを持ち、Vueよりファイルサイズが小さい。\n","tags":["JavaScript","Vue","library"],"relatedLinks":[{"title":"Moon","url":"http://moonjs.ga/"}]},{"date":"2017-04-12T06:09:54.049Z","title":"What’s new in Microsoft Edge in the Windows 10 Creators Update - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog","url":"https://blogs.windows.com/msedgedev/2017/04/11/introducing-edgehtml-15/","content":"EdgeHTML 15(Windows 10 Creators Update)のリリースノート。\nBrotli、CSS Custome Properties、Intersection Observer、Payment Request API、Web VR、CSP Lv2のサポートなど。\n","tags":["MSEdge","ReleaseNote"],"relatedLinks":[{"title":"Dev guide - Microsoft Edge Development | Microsoft Docs","url":"https://docs.microsoft.com/en-us/microsoft-edge/dev-guide"},{"title":"Microsoft Edge build 14986 changelog - Microsoft Edge Development","url":"https://developer.microsoft.com/en-us/microsoft-edge/platform/changelog/desktop/14986/"}]},{"date":"2017-04-12T06:35:52.429Z","title":"React London 2017 - YouTube","url":"https://www.youtube.com/channel/UCV4LIEkC0S9KUAPDm2g4mNQ","content":"React London 2017の動画一覧","tags":["React","video","Conference"],"relatedLinks":[{"title":"React London","url":"https://react.london/"}]},{"date":"2017-04-12T06:47:04.405Z","title":"E2E Testing React applications with TestCafe – Hacker Noon","url":"https://hackernoon.com/e2e-testing-react-applications-with-testcafe-8edb605ec66c","content":"TestCafe + ReactでのE2Eテストについて。\nhttps://github.com/DevExpress/testcafe-react-selectors を使うことでReactコンポーネントに対する検索ができる。","tags":["React","E2E","testing"],"relatedLinks":[{"title":"DevExpress/testcafe-react-selectors: TesCafe selector extensions for React apps.","url":"https://github.com/DevExpress/testcafe-react-selectors"}]},{"date":"2017-04-12T12:19:20.816Z","title":"Twitter Lite and High Performance React Progressive Web Apps at Scale","url":"https://medium.com/@paularmstrong/twitter-lite-and-high-performance-react-progressive-web-apps-at-scale-d28a00e780a3","content":"webpackのCommonsChunkPluginを使った分割、jankのない無限スクロールの実装。\nReactにおいては`shouldComponentUpdate`での最適化、`componentWillMount`から`componentDidMount`への処理の移動。\n`dangerouslySetInnerHTML`を避ける、遅延描画など。\nReduxにおいては、テキスト入力毎のStoreの更新を避ける、Batch Actionでの最適化など。\nSWでのロードキャッシュについてなど実践的な最適化手法について書かれている。","tags":["webpack","React","performance","redux"],"relatedLinks":[]},{"date":"2017-04-12T23:05:27.237Z","title":"An Introduction to Flow - Sessions by Pusher","url":"https://pusher.com/sessions/meetup/js-monthly-london/flow","content":"Flowについての発表動画。\nFlowの基本的な使い方について","tags":["JavaScript","flowtype","video","slide"],"relatedLinks":[]},{"date":"2017-04-14T00:52:03.464Z","title":"Releasing Prettier 1.0","url":"http://jlongster.com/prettier-1.0","content":"JavaScriptやFlowに対応した整形ツールのPrettier 1.0リリース。\nPrettierはできるだけオプションを持たないopinionatedな整形ツールだが、相反する人が多いセミコロンやタブ/スペースなどについてはオプションが用意されている。","tags":["JavaScript","Tools","ReleaseNote","opinion"],"relatedLinks":[]},{"date":"2017-04-15T02:21:10.429Z","title":"Release v0.44.0 · facebook/flow","url":"https://github.com/facebook/flow/releases/tag/v0.44.0","content":"Flow v0.44.0リリース。\nパフォーマンスの改善など","tags":["flowtype","ReleaseNote"],"relatedLinks":[]},{"date":"2017-04-15T02:31:43.996Z","title":"React v15.5(6) and v16 - blog.koba04.com","url":"http://blog.koba04.com/post/2017/04/14/react-dot-js-v155-and-v16/","content":"React 15.5と16での変更点について。\nv15.5で非推奨となった機能やパッケージ、\nv16でv15の互換モードで導入されるFiberについて","tags":["React"],"relatedLinks":[{"title":"koba04/react-fiber-resources: resources for ReactFiber","url":"https://github.com/koba04/react-fiber-resources"}]},{"date":"2017-04-15T04:12:28.340Z","title":"What's New In DevTools (Chrome 59)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/04/devtools-release-notes","content":"Chrome 59で入る開発者ツール周りの機能について。\nカバレッジ、フルページスクリーンショット、Block Request、Workspaceの改善など","tags":["Chrome","debug"],"relatedLinks":[]},{"date":"2017-04-16T10:07:15.321Z","title":"Intercepting new Image().src requests / Stoyan's phpied.com","url":"http://www.phpied.com/intercepting-new-image-src-requests/","content":"ES Proxyを使って`Image`のFake版を作成する話。\n","tags":["JavaScript"],"relatedLinks":[]},{"date":"2017-04-16T10:32:09.223Z","title":"React + FLUX + Redux + Redux Saga のお話","url":"https://www.slideshare.net/yossy222/react-flux-redux-redux-saga","content":"redux-sagaについてのスライド。\nFlux、Redux、redux-sagaのフローについて。\nまたredux-sagaを導入した際に、Actionが必ずsagaを通るようにする設計について","tags":["redux","JavaScript","Flux"],"relatedLinks":[{"title":"Using React (-Native) with Redux and Redux-Saga. A new proposal?","url":"https://medium.com/@marcelschulze/using-react-native-with-redux-and-redux-saga-a-new-proposal-ba71f151546f"}]},{"date":"2017-04-16T10:41:14.602Z","title":"Release v2.4.0 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v2.4.0","content":"webpack v2.4.0リリース。\n`import()`にコメントでchunk nameを指定できるように、`require.ensure`にエラーコールバックを指定できるようになるなど","tags":["webpack","ReleaseNote"],"relatedLinks":[{"title":"Feature: Add named chunk for `import()` by specified comment format. by mc-zone · Pull Request #4573 · webpack/webpack","url":"https://github.com/webpack/webpack/pull/4573"}]},{"date":"2017-04-16T13:46:48.471Z","title":"DmitrySoshnikov/regexp-tree: Regular expressions processor in JavaScript","url":"https://github.com/dmitrysoshnikov/regexp-tree","content":"正規表現をパースしてASTにしたり、traversaや変換、正規表現の最適化などを行うことができるライブラリ。","tags":["正規表現","AST","JavaScript","library"],"relatedLinks":[{"title":"RegExp Tree: a regular expressions processor – Dmitry Soshnikov – Medium","url":"https://medium.com/@DmitrySoshnikov/regexp-tree-a-regular-expressions-parser-with-a-simple-ast-format-bcd4d5580df6"}]},{"date":"2017-04-17T11:03:44.489Z","title":"somesocks/vet: A Javascript library for data validation.","url":"https://github.com/somesocks/vet","content":"色々な判定をまとめたライブラリ。\n`is*`な関数の集まり","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-04-17T13:51:56.959Z","title":"nickpisacane/maybe-you-meant: Catch deceptive prop typos in your react apps","url":"https://github.com/nickpisacane/maybe-you-meant","content":"Reactコンポーネントのpropsのtypoなどを検知して、\"もしかして\"を出してくれるデバッグ補助ライブラリ","tags":["React","debug","JavaScript","library"],"relatedLinks":[]},{"date":"2017-04-17T14:28:06.184Z","title":"Debugging Tips and Tricks | CSS-Tricks","url":"https://css-tricks.com/debugging-tips-tricks/","content":"ウェブサイト、JavaScript、CSSなど色々なデバッグTipsについて。\nCSS animation、CSS Gridのデバッグ、回線速度のデバッグ、timed debugger、シミュレーターなど","tags":["JavaScript","CSS","debug"],"relatedLinks":[]},{"date":"2017-04-17T14:30:15.746Z","title":"Eruda: Console for Mobile browsers","url":"http://eruda.liriliri.io/","content":"モバイルサイト向けのデバッグコンソールツール/ブックマークレット。\nコンソール、FPS表示、要素選択、ネットワーク、リソースなど色々な情報を扱うページ内開発者ツール","tags":["mobile","debug","JavaScript","browser","ブックマークレット"],"relatedLinks":[]},{"date":"2017-04-19T03:58:34.635Z","title":"chadhietala/babel-plugin-debug-macros","url":"https://github.com/chadhietala/babel-plugin-debug-macros/","content":"Babelを使ったHygenic Macroのプラグイン。\nassertやdeprecate、warning、feature flagなどのマクロかしたもの","tags":["JavaScript","babel","plugin"],"relatedLinks":[]},{"date":"2017-04-19T13:01:16.189Z","title":"Async iterators and generators - JakeArchibald.com","url":"https://jakearchibald.com/2017/async-iterators-and-generators/","content":"Async iteratorについての解説","tags":["ECMAScript","JavaScript"],"relatedLinks":[]},{"date":"2017-04-20T01:19:32.246Z","title":"A Vue.js introduction for people who know just enough jQuery to get by","url":"https://medium.freecodecamp.com/vue-js-introduction-for-people-who-know-just-enough-jquery-to-get-by-eab5aa193d77","content":"Vue.jsを使ってTwitterの投稿画面のようなダイアログ表示を作成するチュートリアル。\n機能毎に実装を進めていて、データバインディングやメソッドの呼び出し、アニメーションなどについて解説してる。","tags":["Vue","tutorial"],"relatedLinks":[]},{"date":"2017-04-20T13:09:21.957Z","title":"FRESH! Web パフォーマンス改善 〜クライアントサイド編〜 | CyberAgent Developers Blog | サイバーエージェント デベロッパーズブログ","url":"https://developers.cyberagent.co.jp/blog/archives/6057/","content":"パフォーマンス改善についての解説記事。\nService Workerを使ったキャッシュ、Intersection Observerを使ったlazy load、SVGスプライトをやめて個別にSVGを読み込むなど。\n","tags":["browser","performance"],"relatedLinks":[]},{"date":"2017-04-20T23:23:59.553Z","title":"Release Notes for Safari Technology Preview 28 | WebKit","url":"https://webkit.org/blog/7516/release-notes-for-safari-technology-preview-28/","content":"Safari Technology Preview Release 28リリース。\nバックグラウンドタブの処理を抑制、クロスオリジン iframeの`requestAnimationFrame`を30fpsに制限するなど。\nWebCryptoでAES-CTRをサポート","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2017-04-22T12:59:49.232Z","title":"ericvicenti/intro-to-react: A Hands-On Walkthrough of your first React Web App","url":"https://github.com/ericvicenti/intro-to-react","content":"Reactについて学ぶワークショップの資料と動画","tags":["React","tutorial"],"relatedLinks":[]},{"date":"2017-04-23T13:24:52.695Z","title":"aweary/tinytime: A straightforward time and time formatter in <1kb","url":"https://github.com/aweary/tinytime","content":"小さなstrtime的なライブラリ。 時間フォーマット","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-04-23T13:30:07.045Z","title":"Browser animation in 2017 by birtles","url":"http://slides.com/birtles/browser-animation-2017","content":"CSS Animations/Web Animationsについてのスライド。\nWeb Animations APIやフレームアニメーションについて、またその実装状況にについて","tags":["JavaScript","CSS","animation","slide"],"relatedLinks":[]},{"date":"2017-04-23T14:49:25.517Z","title":"Firefox — Notes (53.0) — Mozilla","url":"https://www.mozilla.org/en-US/firefox/53.0/releasenotes/","content":"Firefox 53.0リリース。\nES2015のFunction.nameの仕様追従\n`var f = function() {};f.name; // \"f\"`、`auxclick`イベントの対応、`display: flow-root`の対応など","tags":["firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 53 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/ja/Firefox/Releases/53"},{"title":"MozillaZine.jp » Blog Archive » Firefox 53 がリリースされた","url":"http://mozillazine.jp/?p=5422"},{"title":"Firefox 53: Quantum Compositor, Compact Themes, CSS Masks, and More ★ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2017/04/firefox-53-quantum-compositor-compact-themes-css-masks-and-more/"},{"title":"Firefox 53 サイト互換性情報 | Firefox サイト互換性情報","url":"https://www.fxsitecompat.com/ja/versions/53/"}]},{"date":"2017-04-23T14:51:25.104Z","title":"New in Chrome 58  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/04/nic58","content":"Chrome 58リリース。\nIndexedDB 2.0、`display: flow-root`のサポートなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Chromium Blog: Chrome 58 Beta: IndexedDB 2.0, an improvement to iframe navigation, and immersive full screen for PWAs","url":"https://blog.chromium.org/2017/03/chrome-58-beta-indexeddb-20_21.html"}]},{"date":"2017-04-23T14:52:29.874Z","title":"Get Started With Analyzing Runtime Performance  |  Web  |  Google Developers","url":"https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/","content":"Chromeの開発者ツールを使ったパフォーマンス解析のチュートリアル","tags":["performance","tutorial","Chrome"],"relatedLinks":[]},{"date":"2017-04-23T14:56:52.332Z","title":"脱jQueryのためにしたこと - Qiita","url":"http://qiita.com/clockmaker/items/50c3a9772e36a95ae500","content":"jQueryで書かれたサイトを標準のAPIやVue.jsを使って書き換えていく話","tags":["jQuery","Vue","リファクタリング","opinion"],"relatedLinks":[]},{"date":"2017-04-24T06:32:35.828Z","title":"WCAG 2.0 達成方法集","url":"http://waic.jp/docs/WCAG-TECHS/Overview.html","content":"Techniques for WCAG 2.0の翻訳\n","tags":["accessibility","W3C","translate"],"relatedLinks":[{"title":"2016年版のWCAG 2.0達成方法集がWAICサイトで公開されました - 水底の血","url":"http://momdo.hatenablog.jp/entry/20170420/1492684716"}]},{"date":"2017-04-24T06:44:58.201Z","title":"Visual Testing — the pragmatic way to test UIs – Chroma","url":"https://blog.hichroma.com/visual-testing-the-pragmatic-way-to-test-uis-18c8da617ecf","content":"コンポーネントのビジュアルテストについて。\nスナップショットテスト、ReactStoryBookなどを使ったUI component explorersのアプローチなどについて","tags":["UI","testing","React"],"relatedLinks":[{"title":"UI component explorers — your new favorite tool – Chroma","url":"https://blog.hichroma.com/the-crucial-tool-for-modern-frontend-engineers-fb849b06187a"}]},{"date":"2017-04-24T07:09:30.925Z","title":"How to build a math expression tokenizer using JavaScript (or any other language)","url":"https://medium.freecodecamp.com/how-to-build-a-math-expression-tokenizer-using-javascript-3638d4e5fbe9","content":"JavaScriptでトークナイザーを書いていくチュートリアル","tags":["JavaScript","tutorial"],"relatedLinks":[]},{"date":"2017-04-27T02:45:53.210Z","title":"Introduction · react-sketchapp","url":"http://airbnb.io/react-sketchapp/","content":"React ComponentをSketchへレンダリングするrenderer","tags":["React","Sketch","library"],"relatedLinks":[]},{"date":"2017-04-27T03:36:55.852Z","title":"Angular: Angular 4.1.0 Now Available","url":"http://angularjs.blogspot.com/2017/04/angular-410-now-available.html","content":"Angular 4.1.0リリース。\nStrictNullChecksを有効化したTypeScript 2.2/2.3のサポート。","tags":["TypeScript","Angular","ReleaseNote"],"relatedLinks":[]},{"date":"2017-04-24T15:54:28.075Z","title":"State Architecture Patterns in React: A Review – Skyler Nelson – Medium","url":"https://medium.com/@skylernelson_64801/state-architecture-patterns-in-react-a-review-df02c1e193c6","content":"Reactでよく見るステート管理パターンについて。\nナイーブな階層構造、上から下へStateを渡すTop-Heavy Architecture(Central State)、Pub/Subなどについて","tags":["React","設計","opinion"],"relatedLinks":[]},{"date":"2017-04-25T02:00:25.819Z","title":"Introducing a faster BBC News front page | Wildly Inaccurate","url":"https://wildlyinaccurate.com/introducing-a-faster-bbc-news-front-page","content":"BBC Newsのパフォーマンス改善について。 SpeedCurveを使って計測を行い、画像遅延ロード、Reactをサーバサイドレンダリングのみに利用してる。 まだ改善の1段階で、Reactをブラウザ側で動かしたときにモバイルだと重たい問題","tags":["React","browser","performance","opinion","article"],"relatedLinks":[]},{"date":"2017-04-24T17:21:10.656Z","title":"JavaScript Testing Tool Showdown: Sinon.js vs testdouble.js — SitePoint","url":"https://www.sitepoint.com/javascript-testing-tool-showdown-sinon-js-vs-testdouble-js/","content":"Sinon.jsとtestdouble.jsの比較記事","tags":["JavaScript","testing"],"relatedLinks":[]},{"date":"2017-04-25T01:34:32.719Z","title":"React Fiber現状確認 - blog.koba04.com","url":"http://blog.koba04.com/post/2017/04/25/a-state-of-react-fiber/","content":"React v16から入る予定のFiberアーキテクチャについて。\nReactコアのReconciliationを置き換えるもので、今までは作業単位が1つのツリーだったものを、Filberという作業単位で行うようにする仕組みの解説。\nまた、v16以降に入るError Boundaryなどの変更について。","tags":["React","article"],"relatedLinks":[{"title":"React Fiberアーキテクチャについて | プログラミング | POSTD","url":"http://postd.cc/react-fiber-architecture/"}]},{"date":"2017-04-25T01:41:51.734Z","title":"abouthiroppy/node8","url":"https://abouthiroppy.github.io/slides/node8/","content":"5月30日にリリース予定のNode.js 8.0.0についてのスライド。\nNode.js 8.0.0ではV8の新しいコンパイラパイプラインが入る予定。\nまたNode.js 7.x ~ 8.0.0で入る予定の変更点について。","tags":["node.js","V8","slide"],"relatedLinks":[{"title":"V8 JavaScript Engine: Help us test the future of V8!","url":"https://v8project.blogspot.jp/2017/02/help-us-test-future-of-v8.html"},{"title":"Ignition Design Doc - Google ドキュメント","url":"https://docs.google.com/document/d/11T2CRex9hXxoJwbYqVQ32yIPMh0uouUZLdyrtmMoL44/edit?pli=1"}]},{"date":"2017-04-25T01:54:04.710Z","title":"jsdom/Changelog.md at 10.0.0 · tmpvar/jsdom","url":"https://github.com/tmpvar/jsdom/blob/10.0.0/Changelog.md","content":"jsdom 10.0.0リリース。\nNode.js <=5のサポートを終了、基本的な使い方を変更(`new JSDOM(html)`など)、`Script`の追加。\n`omitJsdomErrors`を`omitJSDOMErrors`へリネーム、`dir`の対応改善、`window.postMessage()`のoriginチェックを修正など","tags":["JavaScript","node.js","DOM","library","ReleaseNote"],"relatedLinks":[{"title":"New API draft by domenic · Pull Request #1741 · tmpvar/jsdom","url":"https://github.com/tmpvar/jsdom/pull/1741"}]},{"date":"2017-04-25T03:34:14.022Z","title":"Headless SlimerJS with Firefox – Coding","url":"https://adriftwith.me/coding/2017/04/21/headless-slimerjs-with-firefox/","content":"Firefox Nightlyでheadlessサポートが行われたため、SlimerJSでヘッドレスなテストをおこなえるようになったという話","tags":["firefox","E2E","webdriver"],"relatedLinks":[]},{"date":"2017-04-27T00:42:24.614Z","title":"TestCafe v0.15.0 Released | TestCafe","url":"http://devexpress.github.io/testcafe/blog/testcafe-v0-15-0-released.html","content":"TestCafe 0.15.0リリース。\n`Selector()#withText`の仕様を変更、ReactとVue向けのSelector拡張のサポート、セットアップ済みのDocker imageの提供。\n`--proxy`と`--debug-mode`の追加、`Role`に`preserveUrl`オプションの追加など","tags":["testing","E2E","JavaScript","React","library"],"relatedLinks":[]},{"date":"2017-04-27T09:13:13.541Z","title":"Release v2.3.0 JoJo's Bizarre Adventure · vuejs/vue","url":"https://github.com/vuejs/vue/releases/tag/v2.3.0","content":"Vue.js 2.3.0リリース。\nサーバサイドレンダリングの改善、コンポーネントの非同期ローディングの改善、passive event listenerのサポートなど","tags":["Vue","ReleaseNote"],"relatedLinks":[]},{"date":"2017-04-28T00:40:42.854Z","title":"Release v0.45.0 · facebook/flow","url":"https://github.com/facebook/flow/releases/tag/v0.45.0","content":"Flow 0.45.0リリース。\nUnicodeサポートの改善、Dynamic Importのサポート、`export type * from ...`に対応など","tags":["flowtype","ReleaseNote"],"relatedLinks":[]},{"date":"2017-04-28T12:20:04.629Z","title":"Internationalize your keyboard controls ★ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2017/03/internationalize-your-keyboard-controls/","content":"キーボードイベントについて。\n`keyCode`/`charCode`/`which`を置き換える`key`と`code`プロパティについて。\nまた、その他のKeyboardEvent周りのTipsについて。","tags":["JavaScript","キーボード","browser","WebPlatformAPI"],"relatedLinks":[{"title":"KeyboardEvent.key mapping of each browser - Google スプレッドシート","url":"https://docs.google.com/spreadsheets/d/1YB4M5Y5BWSn-7FX7pXFNbLtDDGzQ0noUTIo-YSqyRzc/edit#gid=0"},{"title":"cvan/keyboardevent-key-polyfill: polyfill for `KeyboardEvent.prototype.key`","url":"https://github.com/cvan/keyboardevent-key-polyfill"},{"title":"UI Events","url":"https://w3c.github.io/uievents/#code-examples"}]},{"date":"2017-04-30T14:07:17.967Z","title":"Create Next App","url":"https://open.segment.com/create-next-app","content":"Next.js版create react app","tags":["Tools","node.js","React"],"relatedLinks":[]},{"date":"2017-04-30T14:12:51.384Z","title":"ktsn/houl: Gulp compatible build tool for huge static sites","url":"https://github.com/ktsn/houl","content":"gulp pluginを利用できるビルド/dev serverツール","tags":["Tools","node.js","gulp","debug"],"relatedLinks":[{"title":"大規模静的サイトのためのビルドツール // Speaker Deck","url":"https://speakerdeck.com/ktsn/da-gui-mo-jing-de-saitofalsetamefalsebirudoturu"}]},{"date":"2017-04-28T08:56:26.213Z","title":"Announcing TypeScript 2.3 | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2017/04/27/announcing-typescript-2-3/","content":"TypeScript 2.3リリース。\n`--checkJs`で`// @ts-check`と書かれたJavaScriptのJSDocをtype checkできるように。\nDefault type argumentsのサポート、`--downlevelIteration`の追加、`tsc  --init`で生成される`tsconfig.json`の整理など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"JSDoc support in JavaScript · Microsoft/TypeScript Wiki","url":"https://github.com/Microsoft/TypeScript/wiki/JSDoc-support-in-JavaScript"}]},{"date":"2017-04-29T02:31:12.366Z","title":"bevacqua/prop-tc39: Scraping microservice for TC39 proposals 😸","url":"https://github.com/bevacqua/prop-tc39","content":"ECMAScriptのProposalsの一覧とそれをJSONとして取得できるAPIとパッケージ","tags":["ECMAScript","proposal","API"],"relatedLinks":[]},{"date":"2017-04-29T22:44:07.153Z","title":"Everything you need to know about BabelJS","url":"http://kleopetrov.me/2016/03/18/everything-about-babel/","content":"Babelの設定やCLIについての概要解説","tags":["babel","article"],"relatedLinks":[]},{"date":"2017-05-01T11:57:50.505Z","title":"Functional pattern: flatMap","url":"http://2ality.com/2017/04/flatmap.html","content":"`flatMap`と呼ばれるものはどのようなものを言っているのかについて。\nまたそれに関連するECMAScriptのStage 1のProposalについて","tags":["JavaScript","ECMAScript"],"relatedLinks":[{"title":"bterlson/proposal-flatMap: Proposal for flatten and flatMap","url":"https://github.com/bterlson/proposal-flatMap"}]},{"date":"2017-05-02T02:08:54.284Z","title":"わか(った気にな)るWebRTC 紙＋電子版セット - Route 312 - BOOTH（同人誌通販・ダウンロード）","url":"https://booth.pm/ja/items/504677","content":"WebRTCの入門書","tags":["WebRTC","book"],"relatedLinks":[]},{"date":"2017-05-02T02:13:23.259Z","title":"Ember.js - Ember 2.13 and 2.14 Beta Released","url":"https://emberjs.com/blog/2017/04/29/ember-2-13-released.html","content":"Ember 2.14リリース。\nEmber CLIでyarnのサポート、BabelやAutoprefixerで利用できる`targets`を指定する`config/target.js`が生成されるようになるなど","tags":["Ember","ReleaseNote"],"relatedLinks":[{"title":"Ember CLI Targets 🎯","url":"http://rwjblue.com/2017/04/21/ember-cli-targets/"}]},{"date":"2017-05-02T10:08:51.564Z","title":"Netflix/unleash: Professionally publish your JavaScript modules in one keystroke","url":"https://github.com/Netflix/unleash","content":"npm publishバージョン管理ツール。\nsemverでのバージョン付け、テストの実行、CHANGELOGの生成、publish時のpreview、gh-pagesへのドキュメントのデプロイなどpublish周りの処理をまとめたツール","tags":["JavaScript","Tools","node.js","npm"],"relatedLinks":[]},{"date":"2017-05-02T14:56:55.643Z","title":"Getting Started with Headless Chrome  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/04/headless-chrome","content":"Headless Chromeの使い方について。\nコマンドラインからDOMのダンプ、PDFの作成、スクリーンショット、remote debuggingの方法などについて","tags":["Chrome","article"],"relatedLinks":[]},{"date":"2017-05-02T15:16:21.994Z","title":"Webフロントエンド ハイパフォーマンス チューニング | 久保田 光則 |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/Web%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89-%E3%83%8F%E3%82%A4%E3%83%91%E3%83%95%E3%82%A9%E3%83%BC%E3%83%9E%E3%83%B3%E3%82%B9-%E3%83%81%E3%83%A5%E3%83%BC%E3%83%8B%E3%83%B3%E3%82%B0-%E4%B9%85%E4%BF%9D%E7%94%B0-%E5%85%89%E5%89%87/dp/4774189677","content":"2017年5月2日発売\nウェブサイトのフロントエンドのパフォーマンスについての書籍","tags":["browser","performance","book"],"relatedLinks":[]},{"date":"2017-05-02T15:18:52.195Z","title":"Performance best practices for Firefox front-end engineers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Performance_best_practices_for_Firefox_fe_engineers","content":"Firefoxのフロントエンド向けに書かれたパフォーマンスガイド。\nrequestIdleCallback、reflow、repaint、パフォーマンス計測などについて","tags":["firefox","debug","performance","JavaScript"],"relatedLinks":[]},{"date":"2017-05-03T01:50:56.367Z","title":"Chromium Blog: Chrome 59 Beta: Headless Chromium, native notifications on macOS, and service worker navigation preload","url":"https://blog.chromium.org/2017/05/chrome-59-beta-headless-chromium-native.html","content":"Chrome 59 Betaリリース。\nHeadless Chrome、SWのnavigation preloadsのサポート、`MediaError.message`のサポート、Image Capture APIの試験的サポートなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"mediacapture-image/implementation-status.md at gh-pages · w3c/mediacapture-image","url":"https://github.com/w3c/mediacapture-image/blob/gh-pages/implementation-status.md"}]},{"date":"2017-05-03T01:56:25.336Z","title":"ECMAScript modules in browsers - JakeArchibald.com","url":"https://jakearchibald.com/2017/es-modules-in-browsers/","content":"ES modulesのブラウザサポートとNode.jsのモジュールと異なる点などについて。\nまた、モジュールが未サポート環境へのfallbackとしての`nonmodule`、デフォルトが`defer`である点や実行順、CORSやMIME typeなどについて","tags":["ECMAScript","JavaScript","module"],"relatedLinks":[]},{"date":"2017-05-03T02:01:35.513Z","title":"Node.js 8.0.0 has been delayed and will ship on or around May 30th","url":"https://medium.com/the-node-js-collection/node-js-8-0-0-has-been-delayed-and-will-ship-on-or-around-may-30th-cd38ba96980d","content":"Node.js 8.0.0のリリース日が5月30日になった件について。\nV8のTurboFan + Ignition pipelineのデフォルト化リリースを待ってからにする点について","tags":["nodev","V8","article"],"relatedLinks":[]},{"date":"2017-05-04T04:27:50.678Z","title":"Release Notes for Safari Technology Preview 29 | WebKit","url":"https://webkit.org/blog/7532/release-notes-for-safari-technology-preview-29/","content":"Safari Technology Preview Release 29リリース。\n`Intl.DateTimeFormat.prototype.formatToParts`の実装、Web InspectorのBreak Pointの改善、読み込める画像リソースのホワイトリスト化(psdファイルは不可)など","tags":["safari","ReleaseNote","i18n"],"relatedLinks":[]},{"date":"2017-05-04T14:43:08.885Z","title":"Prepack · Partial evaluator for JavaScript","url":"https://prepack.io/","content":"JavaScriptのAOTコンパイラ。\nBabylonでパースしたASTを元に実行できるinterpreterを持ち、その結果を用いてコードの最適化を行う目的のツール。","tags":["JavaScript","ECMAScript","Tools"],"relatedLinks":[]},{"date":"2017-05-05T09:16:48.101Z","title":"An Introduction to Glimmer - Sessions by Pusher","url":"https://pusher.com/sessions/meetup/ember-london/an-introduction-to-glimmer","content":"Glimmerの基本的な使い方について発表","tags":["JavaScript","slide","video"],"relatedLinks":[]},{"date":"2017-05-05T14:48:45.531Z","title":"CSS Variables — No, really! – Dev Channel – Medium","url":"https://medium.com/dev-channel/css-variables-no-really-76f8c91bd34e","content":"CSS Variableについての解説記事。\n基本的な使い方やよくある質問について。\nまた、色や複数値の例、スコープやcalcとの組み合わせ、JavaScriptとの連携などについて書かれている。","tags":["CSS","tutorial","article"],"relatedLinks":[]},{"date":"2017-05-07T00:19:15.113Z","title":"Asynchronous JavaScript with async/await - Course by @mariusschulz @eggheadio","url":"https://egghead.io/courses/asynchronous-javascript-with-async-await","content":"async/awaitについてのスクリーンキャスト。\n基本的な使い方、Sequntially/Concurrently、エラーハンドリング/Proposalのasync iteratorについて","tags":["JavaScript","ECMAScript","Promises","video","tutorial"],"relatedLinks":[]},{"date":"2017-05-07T10:33:30.089Z","title":"Parsing JavaScript - better lazy than eager? - Google スライド","url":"https://docs.google.com/presentation/d/1b-ALt6W01nIxutFVFmXMOyd_6ou_6qqP6S0Prmb1iDs/present#slide=id.p","content":"JavaScriptのパースについてのスライド。\nパースとは何か、V8はどうやってパースしてるのか。\nまたウェブページのJavaScriptパースは全体の15-20％を占めるため、パース速度を改善するために開発者はどうするべきかについて。\n開発者ツールや`chrome://tracing`でのパース時間の読み方について","tags":["JavaScript","V8","slide"],"relatedLinks":[]},{"date":"2017-05-07T13:11:28.157Z","title":"pmq20/node-compiler: Compiling your Node.js application into a single executable with dynamic require and all fs.* API support.","url":"https://github.com/pmq20/node-compiler","content":"Node.jsのアプリを1つの実行バイナリにするツール。","tags":["node.js","Tools"],"relatedLinks":[{"title":"Node.js Compiler: compiling your Node.js application into a single executable // Speaker Deck","url":"https://speakerdeck.com/pmq20/node-dot-js-compiler-compiling-your-node-dot-js-application-into-a-single-executable"}]},{"date":"2017-05-07T13:57:22.753Z","title":"Build Yourself a Redux - The Zapier Engineering Blog - Zapier","url":"https://zapier.com/engineering/how-to-build-redux/","content":"Reduxを実装しながらReduxについて学ぶ記事。\nRedux/middleware/React Reduxを実装している","tags":["React","redux","tutorial","article"],"relatedLinks":[]},{"date":"2017-05-07T16:44:54.201Z","title":"01alchemist/TurboScript: Super charged JavaScript / TypeScript for parallel programming which compiles to asm.js and WebAssembly","url":"https://github.com/01alchemist/TurboScript","content":"asm.js、wasmへの変換を目的にしたプログラミング言語。\nTypeScriptに似たSyntaxで型情報を扱う。","tags":["JavaScript","TypeScript","asm.js","WebAssembly"],"relatedLinks":[]},{"date":"2017-05-08T04:19:14.159Z","title":"SpectorJS - Explore and Troubleshoot your WebGL scenes with ease","url":"http://spector.babylonjs.com/","content":"WebGLのデバッグツール。","tags":["WebGL","debug","browser","Chrome","Extension"],"relatedLinks":[]},{"date":"2017-05-08T09:21:32.624Z","title":"ESBench","url":"https://esbench.com/","content":"Babelで変換した結果を元にbenchmark.jsでマイクロベンチを取るサービス","tags":["babel","benchmark","webservice"],"relatedLinks":[]},{"date":"2017-05-08T15:47:29.317Z","title":"Release v3.0.1 · mishoo/UglifyJS2","url":"https://github.com/mishoo/UglifyJS2/releases/tag/v3.0.1","content":"UglifyJS 3.0リリース。\n`--prefix`や`angular`オプションなどの削除、`screw_ie8`が`ie8`にリネームなど様々な破壊的変更が含まれている。\n`minify()`から`fs`依存が取り除かれ、結果をASTとして吐き出せるようになるなど","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"unify CLI &amp; API under `minify()` by alexlamsl · Pull Request #1811 · mishoo/UglifyJS2","url":"https://github.com/mishoo/UglifyJS2/pull/1811"},{"title":"drop `angular` by alexlamsl · Pull Request #1812 · mishoo/UglifyJS2","url":"https://github.com/mishoo/UglifyJS2/pull/1812"},{"title":"maybe https://github.com/mishoo/UglifyJS2/releases","url":"https://gist.github.com/azu/80d9b2e5f6ee42b2e78b73610c9c6967"}]},{"date":"2017-05-09T02:24:34.037Z","title":"Jest 20: 💖 Delightful Testing & 🏃🏽 Multi-Project-Runner · Jest","url":"https://facebook.github.io/jest/blog/2017/05/06/jest-20-delightful-testing-multi-project-runner.html","content":"Jest 20リリース。\nプロジェクトをまたいでテストを実行できるように、`expect`でPromiseのサポートを改善、`expect.assertions(n)`の追加、Jasmineをforkした使うように、CIではSnapshotを自動的に保存しないようになるなど","tags":["JavaScript","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2017-05-09T06:26:00.599Z","title":"Announcing the new webpack CLI – webpack – Medium","url":"https://medium.com/webpack/announcing-the-new-webpack-cli-75ce1d9b8663","content":"webpack-cliがリリースされた。\n`init`と`migrate`サブコマンドがあり、v1からv2へのマイグレーションやscaffolding toolとして利用できる","tags":["webpack","console","Tools"],"relatedLinks":[{"title":"webpack/webpack-cli: webpack CLI","url":"https://github.com/webpack/webpack-cli"}]},{"date":"2017-05-10T00:34:27.123Z","title":"Web Hypertext Application Technology Working Group Working Mode","url":"https://whatwg.org/working-mode","content":"WHATWG仕様の用語や仕様の追加/変更/削除のProcessについて書かれたドキュメント","tags":["WHATWG","document","spec"],"relatedLinks":[]},{"date":"2017-05-10T02:07:29.933Z","title":"| TypeScript 2.3: The Sexy Default Type Argument | Blog | SitePen","url":"https://www.sitepen.com/blog/2017/05/09/typescript-2-3-the-sexy-default-type-argument/","content":"TypeScript 2.3で入ったDefault type argumentsとcheckJSについて","tags":["TypeScript"],"relatedLinks":[]},{"date":"2017-05-10T06:54:54.591Z","title":"Rich-Harris/butternut: The fast, future-friendly minifier","url":"https://github.com/Rich-Harris/butternut","content":"高速である程度良い圧縮を目的にしたminifyツール","tags":["JavaScript","Tools"],"relatedLinks":[]},{"date":"2017-05-10T08:23:35.698Z","title":"O'Reilly Japan - SVGエッセンシャルズ 第2版","url":"https://www.oreilly.co.jp/books/9784873117973/","content":"2017年5月17日発売\nSVG Essentials, 2nd Editionの翻訳本","tags":["SVG","book"],"relatedLinks":[]},{"date":"2017-05-10T08:32:31.458Z","title":"Release 2.0.0 · socketio/socket.io","url":"https://github.com/socketio/socket.io/releases/tag/2.0.0","content":"Socket.IO 2.0.0リリース。\nuWebSocketsがデフォルトのwebsocketエンジンに、カスタムパーサを指定できるように、Engine.IOとSocket.IOのhandshakeをマージしてroundtripの削減など","tags":["WebSocket","node.js","library","ReleaseNote"],"relatedLinks":[{"title":"uWebSockets/uWebSockets: Tiny WebSockets","url":"https://github.com/uWebSockets/uWebSockets"},{"title":"Try to load uws by default, fall back to ws by kapouer · Pull Request #459 · socketio/engine.io","url":"https://github.com/socketio/engine.io/pull/459"}]},{"date":"2017-05-10T08:54:54.170Z","title":"Release Almin 0.12 · almin/almin","url":"https://github.com/almin/almin/releases/tag/almin%400.12.3","content":"Almin 0.12リリース。\nデフォルトの`StoreGroup`を変更しType Safeとなるように、`Store#receivePayload`のライフサイクルの追加など。\nマイグレーションツールで0.11から移行できる。","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"almin/migration-tools: Migration scripts for Almin.","url":"https://github.com/almin/migration-tools"}]},{"date":"2017-05-10T11:08:21.922Z","title":"util.promisify が追加された - from scratch","url":"http://yosuke-furukawa.hatenablog.com/entry/2017/05/10/101752","content":"Node.jsの`util.promisify`について。\nコールバック関数を受け取るNode.jsのコアメソッドをPromiseを返すように変換するUtilメソッド。\n","tags":["node.js","Promises"],"relatedLinks":[]},{"date":"2017-05-10T14:19:19.703Z","title":"Nest FINAL release is here! Node.js framework built on top of TypeScript | Kamil Mysliwiec","url":"https://kamilmysliwiec.com/nest-final-release-is-here-node-js-framework-built-top-of-typescript/","content":"Node.jsのサーバフレームワークであるNest.jsについて","tags":["TypeScript","node.js","library"],"relatedLinks":[]},{"date":"2017-05-10T14:22:52.519Z","title":"Refer to the spec: What is all that stuff at the top of the spec?","url":"https://rachelandrew.co.uk/archives/2017/04/24/refer-to-the-spec-what-is-all-that-stuff-at-the-top-of-the-spec/","content":"CSSの仕様の読み方についての連載","tags":["CSS","spec","article"],"relatedLinks":[{"title":"Refer to the spec","url":"https://rachelandrew.co.uk/archives/2017/04/11/refer-to-the-spec/"}]},{"date":"2017-05-10T15:28:58.793Z","title":"ES6 Modules in Chrome Canary (M60+) – Dev Channel – Medium","url":"https://medium.com/dev-channel/es6-modules-in-chrome-canary-m60-ba588dfb8ab7","content":"ES modulesについて。 nonmodule属性とrollupを使って、未対応のブラウザと対応ブラウザでの配布方法の分岐について","tags":["JavaScript","browser","ECMAScript","module"],"relatedLinks":[]},{"date":"2017-05-10T15:31:41.279Z","title":"The :focus-within pseudo class | Ian Devlin","url":"https://www.iandevlin.com/blog/2017/04/css/the-focus-within-pseudo-class","content":"`:focus-within`擬似クラスについて。\n","tags":["CSS","article"],"relatedLinks":[]},{"date":"2017-05-10T22:40:07.050Z","title":"FuseBox 2.0 — The beast reborn – fusebox – Medium","url":"https://medium.com/fusebox/fusebox-2-0-the-beast-reborn-e4ec0443b782","content":"FuseBox 2.0リリース。\nConfiguration APIの変更、メソッドチェインでAPIを書けるように、Code Splitting  APIを追加、プラグインの追加、ドキュメントの更新など","tags":["JavaScript","Tools","serverless"],"relatedLinks":[]},{"date":"2017-05-10T23:00:42.964Z","title":"Testing Made Easy: Better, Faster, Stronger Unit Tests and Integration Tests - Sessions by Pusher","url":"https://pusher.com/sessions/meetup/js-monthly-london/testing-made-easy-better-faster-stronger-unit-tests-and-integration-tests","content":"JavaScriptのテストについて。\nJestやCypress、StoryBookなどのユニットテスト/E2Eテストについての動画","tags":["JavaScript","browser","testing","video"],"relatedLinks":[]},{"date":"2017-05-10T23:21:38.001Z","title":"hshoff/vx: react + d3 = vx | visualization components","url":"https://github.com/hshoff/vx","content":"React + D3.jsのビジュアライズコンポーネントライブラリ","tags":["React","d3.js","library"],"relatedLinks":[]},{"date":"2017-05-10T23:23:42.900Z","title":"Release v0.46.0 · facebook/flow","url":"https://github.com/facebook/flow/releases/tag/v0.46.0","content":"Flow v0.46.0リリース。\nstrict arity checkの試験的実装など\n`experimental.strict_call_arity=true`","tags":["flowtype","ReleaseNote"],"relatedLinks":[{"title":"Flow: A Static Type Checker for JavaScript","url":"https://flow.org/blog/2017/05/07/Strict-Function-Call-Arity/"}]},{"date":"2017-05-11T00:18:23.539Z","title":"Idiomatic Redux · Mark's Dev Blog","url":"http://blog.isquaredsoftware.com/series/idiomatic-redux/","content":"Reduxのパターンについての連載","tags":["redux","article"],"relatedLinks":[]},{"date":"2017-05-12T02:28:49.160Z","title":"Release 6.0 “Marquis Orias” · postcss/postcss","url":"https://github.com/postcss/postcss/releases/tag/6.0.0","content":"PostCSS 6.0リリース。\nNode.js 0.12のサポート終了、`@apply`のサポート、APIの修正と改善、パーサの書き直しでメモリ消費量の改善など","tags":["PostCSS","ReleaseNote"],"relatedLinks":[]},{"date":"2017-05-12T02:34:01.168Z","title":"JQuery Mobile 1.5.0-alpha.1 Released | jQuery Mobile","url":"http://blog.jquerymobile.com/2017/05/11/jquery-mobile-1-5-0-alpha-1-released/","content":"JQuery Mobile 1.5.0-alpha.1リリース。\n`controlgroup`と`checkboxradio`のwidgetsを追加、既存widgetsのパフォーマンス改善、npmの正式サポート、jQuery 3.xのサポート、IE10以下/Android 4.0未満のサポート終了など","tags":["jQuery","mobile","ReleaseNote"],"relatedLinks":[]},{"date":"2017-05-12T15:48:15.063Z","title":"Profiling Paint Perf 🔎 🎨 - YouTube","url":"https://www.youtube.com/watch?v=Wfxm56ttAmE","content":"`element.left`によってスタイルを変更した時に、1Frame内に余計なレンダリングの処理が発生しているのを改善していくスクリーンキャスト。\nCSS Triggersを参照し、`transform`にすること改善できることを見ていき修正する流れについて","tags":["performance","video","browser"],"relatedLinks":[{"title":"CSS Triggers","url":"https://csstriggers.com/"}]},{"date":"2017-05-13T15:27:53.014Z","title":"きちんとわかる! JavaScript とことん入門 | 大津 真 |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/%E3%81%8D%E3%81%A1%E3%82%93%E3%81%A8%E3%82%8F%E3%81%8B%E3%82%8B-JavaScript-%E3%81%A8%E3%81%93%E3%81%A8%E3%82%93%E5%85%A5%E9%96%80-%E5%A4%A7%E6%B4%A5-%E7%9C%9F/dp/4774190004","content":"2017年6月7日発売\nJavaScriptの入門書","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2017-05-14T07:28:29.992Z","title":"WebReflection/introspected: Introspection for serializable arrays and JSON friendly objects.","url":"https://github.com/WebReflection/introspected","content":"Proxyや`Symbol.toPrimitive`を使って、オブジェクトに変更検知、Null Propagation的な機能を持たせるラッパーライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-05-15T10:32:00.209Z","title":"ジャスト・イン・タイム (JIT) コンパイラの短期集中コース | Mozilla Developer Street (modest)","url":"https://dev.mozilla.jp/2017/05/%e3%82%b8%e3%83%a3%e3%82%b9%e3%83%88%e3%83%bb%e3%82%a4%e3%83%b3%e3%83%bb%e3%82%bf%e3%82%a4%e3%83%a0-jit-%e3%82%b3%e3%83%b3%e3%83%91%e3%82%a4%e3%83%a9%e3%81%ae%e3%82%af%e3%83%a9%e3%83%83%e3%82%b7/","content":"JavaScriptのJITコンパイラの仕組みについて簡単に解説している記事。 何をどのようにどのようなタイミングで最適化するのかについて","tags":["JIT","JavaScript","translate","article"],"relatedLinks":[]},{"date":"2017-05-15T08:16:25.076Z","title":"JSConf EU 2017 [More videos added daily] - YouTube","url":"https://www.youtube.com/watch?v=NpKLt_YO3o8&list=PL37ZVnwpeshFmAPr65sU2O5WMs7_CGjs_","content":"JSConf EU 2017の動画","tags":["JavaScript","Conference","video"],"relatedLinks":[]},{"date":"2017-05-15T08:29:05.601Z","title":"An Overview of JavaScript Testing in 2017 – powtoon-engineering – Medium","url":"https://medium.com/powtoon-engineering/a-complete-guide-to-testing-javascript-in-2017-a217b4cd5a2a","content":"JavaScriptのテストツールについてのまとめ記事。\nUnit Tests/Integration Tests/Functional Testsといったテスト分類やテストツールの種類ごとにテストツールを紹介してる","tags":["JavaScript","testing","library"],"relatedLinks":[]},{"date":"2017-05-15T08:34:08.740Z","title":"仕事で WebRTC","url":"https://gist.github.com/voluntas/379e48807635ed18ebdbcedd5f3beefa","content":"WebRTCのクライアントとサーバの選択についてのガイドライン","tags":["WebRTC","opinion","article","JavaScript"],"relatedLinks":[]},{"date":"2017-05-15T10:16:55.845Z","title":"What's new in ChakraCore | Build 2017 | Channel 9","url":"https://channel9.msdn.com/Events/Build/2017/P4103","content":"ChakraCoreの最近の変更点について発表動画","tags":["ChakraCore","video"],"relatedLinks":[]},{"date":"2017-05-17T04:59:23.995Z","title":"A Modern Front-End Workflow – Umar Hansa | Render 2017 - YouTube","url":"https://www.youtube.com/watch?v=v5r_n6Tq0uk","content":"Chrome開発者ツールのTipsやデバッグワークフローについての発表動画","tags":["Chrome","debug","video"],"relatedLinks":[]},{"date":"2017-05-18T02:59:04.069Z","title":"Release Notes for Safari Technology Preview 30 | WebKit","url":"https://webkit.org/blog/7614/release-notes-for-safari-technology-preview-30/","content":"Safari Technology Preview Release 30リリース。\nSubresource Integrity(SRI)、`X-Content-Type-Options:nosniff`に対応、PromiseのUnhandled rejectionのイベントをサポート。\n`document.cookie`のアクセスを厳密化、WAI-ARIA周りの修正など","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2017-05-18T11:14:12.217Z","title":"Time for 2.0 - Polymer Project","url":"https://www.polymer-project.org/blog/2017-05-15-time-for-two","content":"Polymer 2.0リリース。\nクラスベースで書けるように、Polymer CLIも併せてメジャーアップデートされた","tags":["WebComponents","JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Release Stable Release 2.0.0 · Polymer/polymer","url":"https://github.com/Polymer/polymer/releases/tag/v2.0.0"},{"title":"What&#39;s new in 2.0 - Polymer Project","url":"https://www.polymer-project.org/2.0/docs/about_20"}]},{"date":"2017-05-19T01:39:55.267Z","title":"diegomura/react-pdf: Create PDF files using React","url":"https://github.com/diegomura/react-pdf","content":"Reactコンポーネントとしてレイアウトなどを書きPDFを生成するライブラリ","tags":["React","PDF","library"],"relatedLinks":[]},{"date":"2017-05-19T13:58:52.349Z","title":"Don't Overcomplicate Javascript – Bits from Nikola Ristic ∞ ƒront-end ∆eveloper","url":"https://bits.ristic.io/dont-overcomplicate-javascript-0","content":"JavaScriptにおけるカーゴカルトについての連載。よく理解しないでコードの習慣を持ち込むことは技術的負債や複雑性を持ち込む可能性があることについて。\nReduxにおけるActionの定数のパターンについて。`import * as Constants from \"./constants\"`の問題点についてなど","tags":["redux","opinion"],"relatedLinks":[]},{"date":"2017-05-20T01:09:01.656Z","title":"The Future of Audio and Video on the Web (Google I/O '17) - YouTube","url":"https://www.youtube.com/watch?v=z9unKFzAj1w","content":"ウェブサイトにおける動画や音楽のPWA対応についての発表動画。\nServiceWorkerを使ったオフライン対応、回転とフルスクリーン、 Media Capabilitiesを使った再生判定、MediaSession APIでのカバー表示など","tags":["google","video","JavaScript","ProgressiveWebApp"],"relatedLinks":[{"title":"GoogleChrome/sample-media-pwa: A sample video-on-demand media Progressive Web App","url":"https://github.com/GoogleChrome/sample-media-pwa"},{"title":"Customize Media Notifications and Handle Playlists  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/02/media-session"},{"title":"google/shaka-player: JavaScript player library / DASH client / MSE-EME player","url":"https://github.com/google/shaka-player"}]},{"date":"2017-05-22T10:50:55.427Z","title":" Google I/O 2017 - All Sessions - YouTube","url":"http://www.youtube.com/playlist?list=PLOU2XLYxmsIKC8eODk_RNCWv3fBcLvMMy","content":"Google I/O 2017の動画まとめ","tags":["google","video","Conference"],"relatedLinks":[]},{"date":"2017-05-20T09:05:43.848Z","title":"HN PWA - Hacker News readers as Progressive Web Apps","url":"https://hnpwa.com/","content":"Hacker Newsを色々なViewフレームワークで実装したまとめ。\n","tags":["JavaScript","ProgressiveWebApp","example"],"relatedLinks":[{"title":"Hacker News APIがTodoMVC的な場所になってる | Web Scratch","url":"http://efcl.info/2014/10/11/hackernews-api/"}]},{"date":"2017-05-20T09:11:39.138Z","title":"ZEIT – Next 3.0 Preview","url":"https://zeit.co/blog/next3-preview","content":"Next 3.0 プレビューリリース。\n`next export`で静的なHTMLとして出力できるように、コンポーネントのdynamic importをサポートなど","tags":["JavaScript","React","server","ReleaseNote"],"relatedLinks":[]},{"date":"2017-05-20T10:10:17.091Z","title":"Complete Redux Book by Ilya Gelman et al. [PDF/iPad/Kindle]","url":"https://leanpub.com/redux-book","content":"Reduxについての電子書籍","tags":["redux","book"],"relatedLinks":[]},{"date":"2017-05-20T11:36:29.033Z","title":"Developer Edition 54: New inspector and debugger features, MDN help in the netmonitor, and more ★ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2017/03/developer-edition-54-new-inspector-and-debugger-features/","content":"Firefox 54の開発者ツールの変更点紹介。\nCSS Inspectの改善、Debuggerパネルで整形版が別タブで開けたり、ツールチップで変数の表示、Network PanelでMore Infoからヘルプへの移動、JSON Viewなど","tags":["firefox","debug","article"],"relatedLinks":[]},{"date":"2017-05-20T14:30:52.238Z","title":"Release 7.0 “Coelestem adspicit lucem” · postcss/autoprefixer","url":"https://github.com/postcss/autoprefixer/releases/tag/7.0.0","content":"Autoprefixer 7.0リリース。\nPostCSS 6.0、Browserslist 2.0、caniuse-liteを利用するように。\nNode.js 0.12のサポート終了、Grid Layoutのサポートをデフォルトではオフに、コードベースがCoffeeScriptからBabelへ移行など","tags":["CSS","ReleaseNote"],"relatedLinks":[{"title":"Autoprefixer 7.0 and Browserslist 2.0 — Martian Chronicles, Evil Martians’ team blog","url":"https://evilmartians.com/chronicles/autoprefixer-7-browserslist-2-released"}]},{"date":"2017-05-21T00:00:29.728Z","title":"ESLint v4.0.0-beta.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2017/05/eslint-v4.0.0-beta.0-released","content":"ESLint 4.0.0βリリース。\n","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"ESLint v4.0.0 の変更点まとめ - Qiita","url":"http://qiita.com/mysticatea/items/3d01452d76ea6c943793"}]},{"date":"2017-05-21T00:06:46.026Z","title":"JavaScript のもう一つの「関数名」 —— name プロパティ - Qiita","url":"http://qiita.com/8x9/items/34272b59b5aa68e33256","content":"JavaScriptのFunctionの`name`プロパティについて。\nES2015から無名関数やArrow Functionなど関数自体が名前を持ってなくても、変数宣言側の名前が`name`プロパティで参照できることや、`writable`属性の仕様についてなど\n","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2017-05-21T00:14:45.367Z","title":"Add yarn and webpack recommendation from bower.io to readme Fixes #2298 by graingert · Pull Request #2458 · bower/bower","url":"https://github.com/bower/bower/pull/2458","content":"Bowerが`npm deprecate`となり正式に非推奨となった。\nメンテナンスは続けられるが、Bowerの将来に興味がある人はメールで連絡をくださいとのこと。","tags":["JavaScript","Tools","news"],"relatedLinks":[{"title":"Consider deprecating Bower. · Issue #2298 · bower/bower","url":"https://github.com/bower/bower/issues/2298#issuecomment-302792690"}]},{"date":"2017-05-21T10:09:47.442Z","title":"Web Performance: Leveraging the Metrics that Most Affect User Experience (Google I/O '17) - YouTube","url":"https://www.youtube.com/watch?v=6Ljq-Jn-EgU&index=71&list=PLOU2XLYxmsIKC8eODk_RNCWv3fBcLvMMy","viaURL":"https://github.com/jser/ping/issues/65","content":"パフォーマンスとメトリクスについての発表動画。\nロード完了ではなくインタラクティブになった時間(TTI)を計測、Hero Elements。UXとメトリクス\nLong Tasks(50ms)をPerformanceObserverで検出、操作の遅延の計測、改善のパターンについて","tags":["browser","performance","video"],"relatedLinks":[{"title":"GoogleChrome/tti-polyfill: TTI polyfill","url":"https://github.com/GoogleChrome/tti-polyfill"}]},{"date":"2017-05-22T10:13:05.400Z","title":"The Many Faces of Functions in JavaScript - Bocoup","url":"https://bocoup.com/blog/the-many-faces-of-functions-in-javascript","content":"JavaScriptの色々な\"関数\"についての解説","tags":["JavaScript","ECMAScript","article"],"relatedLinks":[]},{"date":"2017-05-22T10:38:36.772Z","title":"Release v1.0.0 · facebookincubator/create-react-app","url":"https://github.com/facebookincubator/create-react-app/releases/tag/v1.0.0","content":"create-react-app v1.0.0リリース。\nwebpack 2、ランタイムエラーの表示、Service Workerの対応、Jest 20、Dynamic importを使ったコード分割など","tags":["React","Tools","ReleaseNote"],"relatedLinks":[{"title":"What&#39;s New in Create React App - React Blog","url":"https://facebook.github.io/react/blog/2017/05/18/whats-new-in-create-react-app.html"}]},{"date":"2017-05-22T10:46:09.188Z","title":"CSS Houdini- the bridge between CSS, JavaScript and the browser by Serg Hospodarets","url":"http://slides.com/malyw/houdini-codemotion#/","content":"CSS Houdiniについてのスライド。\nCSS/JavaScript/ブラウザの連携、Workletについて","tags":["CSS","slide"],"relatedLinks":[]},{"date":"2017-05-22T10:57:05.254Z","title":" JSConf EU 2017 - YouTube","url":"https://www.youtube.com/playlist?list=PL37ZVnwpeshFmAPr65sU2O5WMs7_CGjs_","content":"JSConf EU 2017の動画一覧","tags":["JavaScript","Conference","video"],"relatedLinks":[]},{"date":"2017-05-24T23:43:59.657Z","title":"ReactEurope 2017 - Day 1 - YouTube","url":"http://www.youtube.com/playlist?list=PLCC436JpVnK3ruJeDWd-xWIMb0l47VcxD","content":"ReactRurope 2017の動画一覧","tags":["React","Conference","video"],"relatedLinks":[{"title":"ReactEurope 2017 - Day 2 - YouTube","url":"https://www.youtube.com/playlist?list=PLCC436JpVnK3KpieWtxYN6aC2-exR_IxH"},{"title":"Lightning Talks 2017 - YouTube","url":"https://www.youtube.com/playlist?list=PLCC436JpVnK25dtw5NX7yNhzBa2lPwN05"}]},{"date":"2017-05-24T23:52:49.556Z","title":"What I Learned Benchmarking React - Dominic Gannaway aka @trueadm at @ReactEurope 2017 - YouTube","url":"https://www.youtube.com/watch?v=djOc1EK07Tk","content":"JavaScriptライブラリのベンチマーク結果を改善する方法について。\nRollupを使ってflat bundleすることでサイズとロード時間の削減、使わないモジュールの削除、ベンチマークツールについて。\nlighthouseを使ったモジュールのベンチマークについて","tags":["JavaScript","library","performance","video"],"relatedLinks":[{"title":"react/benchmark.js at f0df495f9a97c0f24a3c20761244dab7da99bd77 · facebook/react","url":"https://github.com/facebook/react/blob/f0df495f9a97c0f24a3c20761244dab7da99bd77/scripts/bench/benchmark.js"}]},{"date":"2017-05-25T12:42:06.908Z","title":"[WIP] 8.0.0 Release Proposal by jasnell · Pull Request #12220 · nodejs/node","url":"https://github.com/nodejs/node/pull/12220#issuecomment-303699926","content":"Node.js 8.0.0 RC1リリース","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2017-05-25T13:56:46.468Z","title":"photopea/UPNG.js: Fast and advanced PNG encoder (lossy / lossless) and decoder","url":"https://github.com/photopea/UPNG.js","content":"小さなPNGエンコード/デコードライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-05-25T13:59:46.618Z","title":"All About Recursion, PTC, TCO and STC in JavaScript","url":"http://lucasfcosta.com/2017/05/08/All-About-Recursion-PTC-TCO-and-STC-in-JavaScript.html","content":"JavaScriptの末尾呼び出し最適化についての解説記事。\nProper Tail Calls (PTC)、Syntactic Tail Calls (STC)について","tags":["JavaScript","ECMAScript","article"],"relatedLinks":[]},{"date":"2017-05-25T14:06:45.961Z","title":"Altering the DOM with JavaScript | Zell Liew","url":"https://zellwk.com/blog/js-in-dom/","content":"DOM APIの基本的な使い方のついての記事。\n`querySelector`での要素選択、`addEventListener`でのイベント登録、`classList`でのクラス処理、要素の追加/更新などについて","tags":["DOM","JavaScript","tutorial"],"relatedLinks":[]},{"date":"2017-05-30T00:09:41.279Z","title":"Release v5.0.0 · npm/npm","url":"https://github.com/npm/npm/releases/tag/v5.0.0","content":"npm v5.0.0プレリリース。 ローカルパスのnpm installはsymlinkとなるように、`--save`がデフォルト化、Gitで依存してるモジュールも`prepare`が呼ばれるように、`package-lock.json`の導入、インストール速度の改善、`--offline`、`sha512`のサポートなど","tags":["ReleaseNote","npm"],"relatedLinks":[{"title":"npm v5 がリリースされた - from scratch","url":"http://yosuke-furukawa.hatenablog.com/entry/2017/05/30/090602"}]},{"date":"2017-05-27T11:45:19.550Z","title":"TypeScriptのInterfaceとType aliasの比較 - Qiita","url":"http://qiita.com/tkrkt/items/d01b96363e58a7df830e","content":"TypeScriptの`interface`と`type` aliasについての比較まとめ","tags":["TypeScript"],"relatedLinks":[]},{"date":"2017-05-28T13:37:20.464Z","title":"Keynote - Andrew Clark aka @acdlite at @ReactEurope 2017 - YouTube","url":"https://www.youtube.com/watch?v=QW5TE4vrklU","content":"Reactの今後のロードマップについての発表。\nReact v16ではFragmentsサポート、Portal、Fiber(opt-in)、エラーハンドリングの強化が行われる。\nそれ以降は可視領域の優先度スケジューラ、Code Spilittingの改善など","tags":["React","video"],"relatedLinks":[]},{"date":"2017-05-28T14:10:29.488Z","title":"How Streaming Can Supercharge React - Sasha Aickin aka @xander76 at ReactEurope 2017 - YouTube","url":"https://www.youtube.com/watch?v=UhdGiVy3_Nk","content":"Reactとサーバサイドレンダリングについての発表動画。\nSSRには表示を早くするメリットがあるがTTIは長くなる問題がある。\nこれを解決するために、一定のブロックでコンポーネントをプログレッシブにレンダリングすることでTTIを改善する案について。\nまた、Reactに`ReactDOMServerStream`が追加されたことについて。","tags":["React","server","video","performance"],"relatedLinks":[{"title":"deepanjanroy/tti-polyfill: Polyfill for Time to Interactive","url":"https://github.com/deepanjanroy/tti-polyfill"},{"title":"HTTP2 を前提とした HTML+CSS コンポーネントのレンダリングパス最適化について | blog.jxck.io","url":"https://blog.jxck.io/entries/2016-02-15/loading-css-over-http2.html"},{"title":"Add package builds for new server renderer and enable tests by sebmarkbage · Pull Request #9710 · facebook/react","url":"https://github.com/facebook/react/pull/9710"}]},{"date":"2017-05-28T14:43:04.089Z","title":"ECMAScript 2017: what’s new for JavaScript? // Speaker Deck","url":"https://speakerdeck.com/rauschma/ecmascript-2017-whats-new-for-javascript","content":"ECMAScriptのProposalのプロセスとES2017についてのスライド。\nES2017で追加されるAsync Function、Shared Array Buffer、Object/Stringの追加メソッド、関数の引数における末尾カンマの許容について。\nまた現在Proposal段階の仕様の紹介","tags":["ECMAScript","slide"],"relatedLinks":[{"title":"tc39/proposals: Tracking ECMAScript Proposals","url":"https://github.com/tc39/proposals"}]},{"date":"2017-05-28T15:12:43.184Z","title":"ngryman/speedracer: Collect performance metrics for your library/application.","url":"https://github.com/ngryman/speedracer","content":"Chrome DevTools protocolを使いCLIでページの表示にかかる時間やなどのパフォーマンステストを行えるツール","tags":["browser","Chrome","performance","Tools"],"relatedLinks":[]},{"date":"2017-05-28T15:14:21.881Z","title":"Node.js Streams: Everything you need to know – freeCodeCamp","url":"https://medium.freecodecamp.com/node-js-streams-everything-you-need-to-know-c9141306be93","content":"Node.jsのStreamについての解説記事","tags":["node.js","stream","article"],"relatedLinks":[]},{"date":"2017-05-28T15:18:45.053Z","title":"What does my npm module cost?","url":"https://cost-of-modules.herokuapp.com/","content":"npmパッケージのサイズ/gzip、ダウンロードにかかる時間や依存などを表示してくれるサービス","tags":["webservice","npm","Tools"],"relatedLinks":[]},{"date":"2017-05-29T13:18:48.608Z","title":"What's New In DevTools (Chrome 60)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/05/devtools-release-notes","content":"Chrome 60の開発者ツールについて。\nAuditがLighthouseを使ったものに変更。\nthird party badgesの表示、ブレークポイントでContinue to hereの追加、コードカバレッジ表示の改善、Asyncスタックトレースがデフォルト化など","tags":["Chrome","debug","article"],"relatedLinks":[{"title":"GoogleChrome/lighthouse: Auditing, performance metrics, and best practices for Progressive Web Apps","url":"https://github.com/GoogleChrome/lighthouse"}]},{"date":"2017-05-29T15:20:53.413Z","title":"Using Fetch | CSS-Tricks","url":"https://css-tricks.com/using-fetch/","content":"Fetch APIの使い方についての解説。\nデータの取得、エラーハンドリング、レスポンスの処理、FetchのラッパーであるzlFetchについて","tags":["JavaScript","tutorial","article"],"relatedLinks":[]},{"date":"2017-05-29T15:30:04.535Z","title":"CSS and the First Meaningful Paint - Sessions by Pusher","url":"https://pusher.com/sessions/meetup/london-css/css-and-the-first-meaningful-paint","content":"CSSとFirst meaningful paintについての発表動画。\nInline CSSのメリット/デメリット、RTTとレイテンシー、クリティカルパスなリソースについて。\nリソースのpreload、Server Pushについて","tags":["CSS","performance","video","browser","HTTP2"],"relatedLinks":[]},{"date":"2017-05-29T23:57:02.080Z","title":"scssfmt - Standard SCSS code formatter","url":"http://scssfmt.com/","content":"sass(SCSS)のコード整形ツール","tags":["Sass","Tools","CSS","console"],"relatedLinks":[]},{"date":"2017-05-30T00:01:14.248Z","title":"Event Bubbling in JavaScript? Event Propagation Explained","url":"https://www.sitepoint.com/event-bubbling-javascript/","content":"DOMのイベントバブリングとキャプチャフェーズについての解説。\n`target`、`currentTarget`、`eventPhasee`を使ってイベントの動きを可視化してる","tags":["DOM","event","article"],"relatedLinks":[]},{"date":"2017-05-30T00:05:12.750Z","title":"developit/preact-cli: 😺 Your next Preact PWA starts in 30 seconds.","url":"https://github.com/developit/preact-cli","content":"preactのCLIツール。\npreactを使ったScaffoldingツールで、create/build/watch/serveなどの開発用のサブコマンドを持っている","tags":["JavaScript","Tools","library"],"relatedLinks":[]},{"date":"2017-05-30T09:31:27.610Z","title":"picodom/picodom: 1kb Virtual DOM builder and patch algorithm.","url":"https://github.com/picodom/picodom","content":"小さなVirtual DOM実装ライブラリ","tags":["VirtualDOM","JavaScript","library"],"relatedLinks":[]},{"date":"2017-05-30T23:56:10.315Z","title":"Birdview","url":"http://achrafkassioui.com/birdview/","content":"サイト全体を俯瞰する表示に切り替えることができるライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-05-31T00:37:14.641Z","title":"Node v8.0.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v8.0.0/","content":"Node.js 8.0.0リリース。\nnpm 5.0.0、V8 5.8、N-API(Node.js API)、`async_hooks`、WHATWG URLを正式サポート、`Buffer`コンストラクタのzero-filledをデフォルト化、`util.promisify`の追加、Node.jsが生成するErrorに`code`がつくように。\nまた`--debug`が廃止され`--inspect`でデバッガーと連携できるようになるなど","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"Node8の注目的変更まとめ - 技術探し","url":"http://abouthiroppy.hatenablog.jp/entry/2017/05/30/090015"}]},{"date":"2017-05-31T12:17:01.432Z","title":"O'Reilly Japan - サーバーレスシングルページアプリケーション","url":"https://www.oreilly.co.jp/books/9784873118062/","content":" 2017年06月23日発売\naws lambdaなど使ったサーバレスのSPAについての書籍","tags":["serverless","JavaScript","book"],"relatedLinks":[]},{"date":"2017-06-01T02:36:02.941Z","title":"基礎からわかる Elm | 鳥居 陽介 |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/%E5%9F%BA%E7%A4%8E%E3%81%8B%E3%82%89%E3%82%8F%E3%81%8B%E3%82%8B-Elm-%E9%B3%A5%E5%B1%85-%E9%99%BD%E4%BB%8B/dp/4863542224","content":"2017年7月14日発売\nElmについての書籍","tags":["program","book"],"relatedLinks":[]},{"date":"2017-06-01T07:29:32.098Z","title":"WebAssembly and Friends Roadmap","url":"https://wasmdash.appspot.com/","content":"Chromeのwasm関係のロードマップ","tags":["Chrome","WebAssembly"],"relatedLinks":[]},{"date":"2017-06-01T08:02:38.540Z","title":"Introduction to State Management in Angular v2+ – OlricDigital – Medium","url":"https://medium.com/olricdigital/introduction-to-state-management-in-angular-v2-ef6f5144bade","content":"Angularでのステート管理について。\n`@ngrx/store`を使ったステート管理の解説","tags":["Angular"],"relatedLinks":[]},{"date":"2017-06-01T08:06:38.414Z","title":"RailsエンジニアがReactを始めてSSRとReduxとTypeScriptを導入するまで | bitjourney Kibela","url":"https://bitjourney.kibe.la/shared/entries/5c77844d-9856-4f1c-b689-44b1ee3d450a","content":"Railsの環境にReact+Reduxとサーバサイドレンダリングを導入するまでの話。\n後からTypeScriptを導入した流れについて。","tags":["React","TypeScript","rails","slide"],"relatedLinks":[]},{"date":"2017-06-01T08:12:17.075Z","title":"npm/CHANGELOG.md at v5.0.1 · npm/npm","url":"https://github.com/npm/npm/blob/v5.0.1/CHANGELOG.md","content":"npm 5.0.1リリース。\n5.0.0のバグ修正が中心。余計なassertionを削除してインストール速度の改善など","tags":["npm","ReleaseNote"],"relatedLinks":[]},{"date":"2017-06-01T08:25:53.414Z","title":"Release Notes for Safari Technology Preview 31 | WebKit","url":"https://webkit.org/blog/7622/release-notes-for-safari-technology-preview-31/","content":"Safari Technology Preview Release 31リリース。\n`preload`で`as`や`type`属性のサポート、Access-Control-Allow-Originのエラーメッセージを改善など\n","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"162819 – Improve error message for Access-Control-Allow-Origin violation due to misconfigured server","url":"https://bugs.webkit.org/show_bug.cgi?id=162819"},{"title":"321517 - Developer tools misleading error description on CORS XHR with multiple Access-Control-Allow-Origin response headers - chromium - Monorail","url":"https://bugs.chromium.org/p/chromium/issues/detail?id=321517"}]},{"date":"2017-06-02T05:41:56.881Z","title":"HTTP/2 push is tougher than I thought - JakeArchibald.com","url":"https://jakearchibald.com/2017/h2-push-tougher-than-i-thought/","content":"HTTP/2 Server Pushに関するブラウザごとの挙動についてのまとめ","tags":["HTTP2","browser"],"relatedLinks":[]},{"date":"2017-06-02T09:19:38.927Z","title":"MIL WebDNN","url":"https://mil-tokyo.github.io/webdnn/","content":"WebGPU、WebAssermbly、JavaScriptのFallbackを持ったディープニューラルネットワーク(DNN)の実行環境の実装。\nブラウザ上で高速に処理することが目的。","tags":["WebAssembly","機械学習"],"relatedLinks":[{"title":"MIL WebDNN(日本語)","url":"https://mil-tokyo.github.io/webdnn/ja/"}]},{"date":"2017-06-02T09:25:05.890Z","title":"Whats new for streams in Node 8 – Calvin Metcalf – Medium","url":"https://medium.com/@CWMma/whats-new-for-streams-in-node-8-736d431083df","content":"Node.js 8.0.0でStreamに追加された`destroy`について","tags":["node.js"],"relatedLinks":[]},{"date":"2017-06-05T04:08:57.444Z","title":"N-API: Next generation Node.js APIs for native modules","url":"https://medium.com/@nodejs/n-api-next-generation-node-js-apis-for-native-modules-169af5235b06","content":"Node.js 8.0.0で導入されたN-APIについて。 いままでネイティブモジュールを書く際にNANなどもあったが、それはV8に依存していたためAPI/ABI stabilityに問題があった。 N-APIではABI-stableな中間レイヤーを入れる。これによりNode-ChacraCoreなどでも互換APIが整備されている","tags":["C++","ChakraCore","V8","node.js"],"relatedLinks":[]},{"date":"2017-06-05T04:09:10.272Z","title":"Redux vs MobX: Which Is Best for Your Project? — SitePoint","url":"https://www.sitepoint.com/redux-vs-mobx-which-is-best/","content":"ReduxとMobXの比較。 それぞれの特徴や書き方の違いなどについて雑感が書かれている","tags":["JavaScript","library","opinion","redux"],"relatedLinks":[]},{"date":"2017-06-05T04:09:22.056Z","title":"Release v5.0.2 · npm/npm","url":"https://github.com/npm/npm/releases/tag/v5.0.2","content":"npm 5.0.2リリース。 `npm i -g npmc`でnpmのcanary版がインストールできるように。 インストールの出力結果の改善など","tags":["ReleaseNote","npm"],"relatedLinks":[]},{"date":"2017-06-05T06:50:11.543Z","title":"Into the Great Unknown — Migrating from Mocha to Jest","url":"https://ebaytech.berlin/into-the-great-unknown-migrating-from-mocha-to-jest-3baced083c7e","content":"MochaからJestへテストを移行した話。\ncodemodを使ったマイグレーション、js以外を読み込んでいた時のhook処理、ESLintの設定など。\nまた複雑なテストやchaiの拡張を使っている場合に自動で移行できないケースについて","tags":["JavaScript","testing","article"],"relatedLinks":[]},{"date":"2017-06-05T08:12:33.094Z","title":"Announcing Storybook 3.0 – Storybook – Medium","url":"https://medium.com/storybookjs/announcing-storybook-3-0-329748b8f4cd","content":"Reactのコンポーネント開発環境ツールであるStorybook 3.0リリース。\n開発の主体がKadiraからコミュニティへ、webpack 2の対応、スナップショットテストを行う`storyshots`のサポートなど","tags":["React","library","document","testing","ReleaseNote"],"relatedLinks":[{"title":"Releases · storybooks/storybook","url":"https://github.com/storybooks/storybook/releases"}]},{"date":"2017-06-05T08:30:58.745Z","title":"Announcing Meteor 1.5 – Meteor Blog","url":"https://blog.meteor.com/announcing-meteor-1-5-b82be66571bb","content":"Meteor 1.5リリース。\nCode splitting、Dynamic import、bundle解析ツールの追加など","tags":["JavaScript","library","ree"],"relatedLinks":[{"title":"meteor/History.md at master · meteor/meteor","url":"https://github.com/meteor/meteor/blob/master/History.md#v15-2017-05-30"}]},{"date":"2017-06-05T08:43:46.819Z","title":"Get Programming with JavaScript Next: New features of ECMAScript 2015, 2016, and beyond: J. D. Isaacks: 9781617294204: Amazon.com: Books","url":"https://www.amazon.com/Get-Programming-JavaScript-Next-ECMAScript/dp/1617294209","content":"2017年12月30日発売\nES2015以降について扱う書籍","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2017-06-05T09:59:03.348Z","title":"Node.js 8: `util.promisify()`","url":"http://2ality.com/2017/05/util-promisify.html","content":"Node.js 8.0.0で追加された`util.promisify`についての解説。\n基本的なPromiseへの変換方法、`symbol util.promisify`のsymbolを使った`util.promisify`対応の関数定義についてなど","tags":["node.js","Promises"],"relatedLinks":[{"title":"util.promisify が追加された - from scratch","url":"http://yosuke-furukawa.hatenablog.com/entry/2017/05/10/101752"}]},{"date":"2017-06-05T10:28:40.266Z","title":"kt3k/kocha: Modern, simpler Mocha clone, no globals, lint friendly","url":"https://github.com/kt3k/kocha","content":"Mochaと互換APIを持つテストフレームワーク。\nMochaではグローバルに定義されている`describe`などがモジュールから`require`して利用できる。","tags":["JavaScript","testing","library"],"relatedLinks":[]},{"date":"2017-06-06T00:48:59.962Z","title":"Release v3.0.0-rc.0 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v3.0.0-rc.0","content":"webpack 3.0.0 RC0リリース。\nRollupのようなScope Hoisting(inlining)を行うプラグインの追加、`output.libraryExport`のサポート、`node: false`でnode関係はまとめて無効化できるようになるなど","tags":["webpack","ReleaseNote"],"relatedLinks":[{"title":"The cost of small modules | Read the Tea Leaves","url":"https://nolanlawson.com/2016/08/15/the-cost-of-small-modules/"}]},{"date":"2017-06-06T00:56:38.376Z","title":"Safari 11.0","url":"https://developer.apple.com/library/content/releasenotes/General/WhatsNewInSafari/Safari_11_0/Safari_11_0.html","content":"Safari 11.0 (プレ)リリース。\nWebRTC、WebAssermbly、Media Capture API、WebCrypto APIのアルゴリズム追加、Resource timing APIのサポート。\nCSSではVariable fonts、CSS strokeのサポート。\nホームスクリーンアプリでWebKitの機能をサポート、追跡Cookieの削除/隔離など\n","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2017-06-06T03:37:28.047Z","title":"Release 1.4.0: TypeScript and CSS support · prettier/prettier","url":"https://github.com/prettier/prettier/releases/tag/1.4.0","content":"prettier 1.4.0リリース。\nTypeScript(`.ts`と`.tsx`)、CSS、Less、SCSSをサポート。\nエディタ向けに`cursorOffset`を追加、整形周りの細かい修正など","tags":["JavaScript","TypeScript","CSS","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2017-06-07T00:33:29.511Z","title":"Release Release v1.0.0 · yahoo/pure","url":"https://github.com/yahoo/pure/releases/tag/v1.0.0","content":"PureCSS 1.0.0リリース。\n互換性はあるので1.0.0へバージョンを上げただけの変更","tags":["CSS","ReleaseNote"],"relatedLinks":[]},{"date":"2017-06-07T08:52:40.348Z","title":"WebAssembly 101: a developer's first steps","url":"http://blog.openbloc.fr/webassembly-first-steps/","content":"WebAssembly入門。\nJavaScriptとの連携方法やベンチマークについてを簡潔に解説","tags":["WebAssembly","tutorial"],"relatedLinks":[]},{"date":"2017-06-09T12:15:20.686Z","title":"React/Redux/Node.jsのSSR/SPAを速くする6つのチューニングポイント (1/3) - ＠IT","url":"http://www.atmarkit.co.jp/ait/articles/1706/08/news011.html","content":"Reactのサーバサイドレンダリングのパフォーマンス・チューニングについて","tags":["React","server","performance","article"],"relatedLinks":[]},{"date":"2017-06-09T12:38:24.701Z","title":"Deprecations and Removals in Chrome 60  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/06/chrome-60-deprecations","content":"Chrome 60で非推奨、削除されるAPIについて。","tags":["Chrome"],"relatedLinks":[]},{"date":"2017-06-09T12:43:37.203Z","title":"Microsoft Edge build 16215 changelog - Microsoft Edge Development","url":"https://developer.microsoft.com/en-us/microsoft-edge/platform/changelog/desktop/16215/","content":"Windows 10 build 16215/MSEdgeリリース。\nShared Memoery、Passive Event、`object-fit`、`position: sticky`、`object-position`のサポートなど","tags":["MSEdge","ReleaseNote"],"relatedLinks":[]},{"date":"2017-06-10T13:24:38.946Z","title":"piotrwitek/react-redux-typescript-guide: A comprehensive guide to static typing \"React & Redux\" apps using TypeScript","url":"https://github.com/piotrwitek/react-redux-typescript-guide","content":"React、ReduxをTypeScriptで書く際のガイド","tags":["React","redux","TypeScript"],"relatedLinks":[]},{"date":"2017-06-10T14:59:11.496Z","title":"V8 JavaScript Engine: V8 Release 6.0","url":"https://v8project.blogspot.com/2017/06/v8-release-60.html","content":"V8 6.0リリース。\nSharedArrayBuffer、Object rest/spread properties、パフォーマンス改善など","tags":["V8","ReleaseNote"],"relatedLinks":[]},{"date":"2017-06-11T03:53:45.218Z","title":"florinn/typemoq: A simple mocking library for TypeScript","url":"https://github.com/florinn/typemoq","content":"C#のmoqのTypeScript/JavaScript版。\nモックライブラリ","tags":["TypeScript","C# ","testing","library"],"relatedLinks":[]},{"date":"2017-06-11T15:34:59.428Z","title":"Javascript unit testing tools","url":"http://mo.github.io/2017/06/05/javascript-unit-testing.html","content":"JavaScriptのテストツールの比較。\nそれぞれのツールの簡単な比較とアクティビティについて。\n利用者はMocha > Karma > Jasmineだが、Jestがアクティブに開発されてる様子がでている","tags":["JavaScript","testing","opinion"],"relatedLinks":[]},{"date":"2017-06-12T05:20:09.270Z","title":"ESLint v4.0.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2017/06/eslint-v4.0.0-released","content":"ESLint 4.0.0リリース。\n`eslint:recommended`の更新、設定ファイルの厳密化、`indent`ルールなどの挙動変更、ルール向けのAPI変更など","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"ESLint v4.0.0 の変更点まとめ - Qiita","url":"http://qiita.com/mysticatea/items/3d01452d76ea6c943793"},{"title":"Migrating to v4.0.0 - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/docs/user-guide/migrating-to-4.0.0"}]},{"date":"2017-06-12T05:24:17.124Z","title":"Safari Technology Preview 32, with WebRTC, is Now Available | WebKit","url":"https://webkit.org/blog/7627/safari-technology-preview-32/","content":"Safari Technology Preview Release 32リリース。\nSafari 11相当でWebRTC、WebAssemblyなどのサポート","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2017-06-12T07:22:31.052Z","title":"Introduction to Storybook – Chroma","url":"https://blog.hichroma.com/introduction-to-storybook-5aca8cc643f7","content":"Reactコンポーネントの開発環境であるStorybookの入門記事","tags":["React","Tools","article"],"relatedLinks":[]},{"date":"2017-06-12T13:06:39.986Z","title":"Auto-Play Policy Changes for macOS | WebKit","url":"https://webkit.org/blog/7734/auto-play-policy-changes-for-macos/","content":"Mac Safariもmobile safariなどと同様にMediaElementの自動再生がユーザー起因でないといけなくする変更。\nplay()がPromiseを返し、失敗の場合はrejectされる。 Video/Audio/サイト毎に許可が決まるので、複数の要素を作るのではなく一つのsrcを変更して使うことを推奨してる。","tags":["article","audio","safari","video"],"relatedLinks":[]},{"date":"2017-06-12T09:30:09.625Z","title":"esprima/ChangeLog at 4.0.0 · jquery/esprima","url":"https://github.com/jquery/esprima/blob/4.0.0/ChangeLog","content":"Esprima 4.0.0リリース。\nES2017 async/await、関数引数の末尾カンマのサポート、仕様の追従など","tags":["JavaScript","AST","library","ReleaseNote"],"relatedLinks":[]},{"date":"2017-06-12T12:58:59.982Z","title":"Upgrading from Node 6 to Node 8: a real-world performance comparison","url":"https://hackernoon.com/upgrading-from-node-6-to-node-8-a-real-world-performance-comparison-3dfe1fbc92a3","content":"Node.js v6とv8のパフォーマンスを比較した記事。\nReactの`renderToString`、Jestの実行時間、webpackのビルド時間、npmのインストール時間などで比較している","tags":["node.js","performance"],"relatedLinks":[]},{"date":"2017-06-13T13:34:42.977Z","title":"Announcing TypeScript 2.4 RC | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2017/06/12/announcing-typescript-2-4-rc/","content":"TypeScript 2.4 RCリリース。\nDynamic import、Promiseなどのgeneric type同士の扱いが厳密に、すべてがオプショナルなI/F(weak types)のチェックを厳密化。\nString Enumのサポートなど","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"なぜ TypeScript の型システムが健全性を諦めているか - Qiita","url":"http://qiita.com/na-o-ys/items/aa56d678cdf0de2bdd79"},{"title":"Breaking Changes · Microsoft/TypeScript Wiki","url":"https://github.com/Microsoft/TypeScript/wiki/Breaking-Changes#typescript-24"},{"title":"What&#39;s new in TypeScript · Microsoft/TypeScript Wiki","url":"https://github.com/Microsoft/TypeScript/wiki/What's-new-in-TypeScript"}]},{"date":"2017-06-14T14:52:09.142Z","title":"Node v8.1.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v8.1.0/","content":"Node.js 8.1.0リリース。\nnpm 5.0.3へアップデート、`--inspect=0`でランダムポートができるように。","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2017-06-15T05:49:49.188Z","title":"AmplitudeJS: The HTML Audio Player For The Modern Era","url":"https://521dimensions.com/open-source/amplitudejs","content":"Web Audio APIを使った依存のない音楽プレイヤーライブラリ。\n音楽、プレイリストのデータを設定することで再生プレイヤーを作れる。","tags":["JavaScript","music","library"],"relatedLinks":[]},{"date":"2017-06-15T06:06:15.858Z","title":"Firefox — Notes (54.0) — Mozilla","url":"https://www.mozilla.org/en-US/firefox/54.0/releasenotes/","content":"Firefox 54.0リリース。\nマルチプロセス化(e10s)、`URL.toJSON`の実装、`URLSearchParams`が`USVString`を受け入れるように、`event.timeStamp`が高精度に、ホスト名のないURL(`http://`のみなど)は不正な値として扱われるように\n","tags":["firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 54 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/ja/Firefox/Releases/54"},{"title":"Firefox 54 サイト互換性情報 | Firefox サイト互換性情報","url":"https://www.fxsitecompat.com/ja/versions/54/"},{"title":"ホスト名が付かない URL は不正なものとして扱われるようになりました (影響あり) | Firefox サイト互換性情報","url":"https://www.fxsitecompat.com/ja/docs/2017/urls-with-no-host-name-are-now-treated-as-invalid/"}]},{"date":"2017-06-15T06:27:33.834Z","title":"Chromium Blog: Chrome 60 Beta: Paint Timing API, CSS font-display, and Credential Management API improvements","url":"https://blog.chromium.org/2017/06/chrome-60-beta-paint-timing-api-css.html","content":"Chrome 60βリリース。\nPaint Timing API、CSS font-display、Object rest/spread propertiesのサポート。\nまた、Payment Request APIをデスクトップ版もサポートするなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Leveraging the Performance Metrics that Most Affect User Experience  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/06/user-centric-performance-metrics#first_paint_and_fist_contentful_paint"},{"title":"WICG/paint-timing: A proposal for a Time To First Paint specification.","url":"https://github.com/wicg/paint-timing"}]},{"date":"2017-06-15T08:41:35.880Z","title":"JS MythBusters, A JavaScript optimization handbook from a high level point of view.","url":"https://mythbusters.js.org/","content":"JavaScriptの最適化ハンドブック。\nV8の最適化手法についてやアルゴリズム的な最適化、よくある最適化についての解説などがまとまっている","tags":["JavaScript","performance","ebook"],"relatedLinks":[]},{"date":"2017-06-16T06:02:25.121Z","title":"Release 4.0.0 / 2017-05-26 · chaijs/chai","url":"https://github.com/chaijs/chai/releases/tag/4.0.0","content":"Chai 4.0.0リリース。\nNode.js 0.12のサポート終了、`Map`、`Set`の対応、`deep`の挙動を変更、ES6 Proxyを使ったundefined safeなチェインの実装など","tags":["JavaScript","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2017-06-17T02:57:30.474Z","title":"Angelmmiguel/svgi: 🔎 The SVG inspection tool","url":"https://github.com/Angelmmiguel/svgi","content":"SVG inspectionツール。","tags":["SVG","debug"],"relatedLinks":[]},{"date":"2017-06-17T03:17:23.622Z","title":"Release v3.7.0 · reactjs/redux","url":"https://github.com/reactjs/redux/releases/tag/v3.7.0","content":"Redux 3.7.0リリース。 RollupでbundleしたUMDバンドルを配布するように。 余計な関数コールが減るためファイルサイズなどが改善される。","tags":["JavaScript","ReleaseNote","library","redux"],"relatedLinks":[]},{"date":"2017-06-19T23:21:28.781Z","title":"TypeScript 2.3: Type-Checking JavaScript Files with --checkJs | Marius Schulz","url":"https://blog.mariusschulz.com/2017/06/16/typescript-2-3-type-checking-javascript-files-with-checkjs","content":"TypeScriptの`--checkJs`でのJavaScriptからTypeScriptへのマイグレーション手法について。 ホワイトリスト、ブラックリストそれぞれのアプローチ方法について","tags":["JavaScript","TypeScript","article"],"relatedLinks":[]},{"date":"2017-06-18T21:40:52.477Z","title":"rxjs/CHANGELOG.md at 6.0.0-alpha.0 · ReactiveX/rxjs","url":"https://github.com/ReactiveX/rxjs/blob/6.0.0-alpha.0/CHANGELOG.md","content":"RxJS 6.0.0-alpha.0リリース。\n`find`、`buffer`、`first`などの変更が含まれる","tags":["Rx","JavaScript","ReleaseNote"],"relatedLinks":[]},{"date":"2017-06-19T01:49:00.910Z","title":"25th-floor/spected: Validation library","url":"https://github.com/25th-floor/spected","content":"オブジェクトに対するバリデーションルールを作成して、バリデーションを行うライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-06-19T02:31:32.031Z","title":"Handling Long and Unexpected Content in CSS | CSS-Tricks","url":"https://css-tricks.com/handling-long-unexpected-content-css/","content":"長いコンテンツ(文章)などによる意図しないはみ出しやレイアウト崩れ、表示被りをどう対処するかについてのパターン","tags":["CSS"],"relatedLinks":[]},{"date":"2017-06-19T04:40:07.431Z","title":"ng-japan 2017 セッション資料の一覧 - Qiita","url":"http://qiita.com/goto63/items/362cef58e16198e20f56","content":"ng-japan 2017の発表動画、スライドまとめ","tags":["Angular","Conference","slide","video"],"relatedLinks":[{"title":"ng-japan - The Angular conference in Tokyo, Japan (2017/6/17)","url":"http://ngjapan.org/"}]},{"date":"2017-06-19T12:24:38.597Z","title":"Choo, architecture & performance – Yoshua Wuyts – Medium","url":"https://medium.com/@yoshuawuyts/choo-architecture-performance-f6f0c44e8a6a","content":"ウェブフロントを作成する小さなフレームワークであるChooのアーキテクチャについての解説。\nChooを構成する小さなライブラリやなぜそれを選択しているかやパフォーマンスについての記事","tags":["JavaScript","library","opinion","architecture","article"],"relatedLinks":[{"title":"yoshuawuyts/choo: - sturdy 4kb frontend framework","url":"https://github.com/yoshuawuyts/choo"}]},{"date":"2017-06-19T21:53:04.135Z","title":"Release v3.0.0 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v3.0.0","content":"webpack 3.0.0リリース。\nScope Hoisting (`webpack.optimize.ModuleConcatenationPlugin`)の追加、`node: false`でnode関係の機能をまとめて無効化できるように、Source Map周りの変更など","tags":["webpack","ReleaseNote"],"relatedLinks":[{"title":"webpack 3: Official Release!! - webpack – Medium","url":"https://medium.com/webpack/webpack-3-official-release-15fd2dd8f07b"}]},{"date":"2017-06-19T23:04:12.428Z","title":"Up and running with Preact - Course by @shaneosbourne @eggheadio","url":"https://egghead.io/courses/up-and-running-with-preact","content":"Preactについてのスクリーンキャスト","tags":["React","video","tutorial"],"relatedLinks":[]},{"date":"2017-06-19T23:12:08.000Z","title":"Angular: Angular 4.2 Now Available","url":"http://angularjs.blogspot.com/2017/06/angular-42-now-available.html","content":"Angular 4.2リリース。\nangular.ioのサイトが刷新された。","tags":["Angular","ReleaseNote"],"relatedLinks":[]},{"date":"2017-06-20T05:33:49.105Z","title":"O'Reilly Japan - アイソモーフィックJavaScript","url":"https://www.oreilly.co.jp/books/9784873118079/","content":"2017年7月4日発売\nIsomorphic JavaScriptについての書籍。\n実現する方法や各種フレームワークReact/Angular/Brisketを使った方法、ケーススタディなど","tags":["JavaScript","book","React","Angular"],"relatedLinks":[]},{"date":"2017-06-20T06:44:23.841Z","title":"High Performance JS in V8 - Google スライド","url":"https://docs.google.com/presentation/d/1KCcA-WAyhGs0SEOrfU21fjaTWTxvNxYLwmNlGIbuZFw/edit#slide=id.p","content":"V8のES2015+のパフォーマンスについてのスライド。\nCrankshaftはES2015を最適化しないため遅かった。またtry-catchなどがあると最適化できなかった。\n新しいpipelineのIgnition + Turbofanではその部分が改善されているという話。","tags":["V8","performance","slide"],"relatedLinks":[]},{"date":"2017-06-22T01:00:24.303Z","title":"JS scope: static, dynamic, and runtime-augmented – Dmitry Soshnikov – Medium","url":"https://medium.com/@DmitrySoshnikov/js-scope-static-dynamic-and-runtime-augmented-5abfee6223fe","content":"JavaScriptのスコープについて。\n作ったときに参照が解決できるStatic scope、呼び出し元によって参照が決まるDynamic scope、`witH`や`eval`によるRuntime-augmented scopeについて\n","tags":["JavaScript"],"relatedLinks":[]},{"date":"2017-06-22T23:58:43.921Z","title":"sonar, a linting tool for the web","url":"https://sonarwhal.com/","content":"ウェブサイト(URL)に対するESLintのようなLintツール。\nカスタムルールを自分で定義することができ、axeやSSL Server Testなど既存のツールを簡単に統合して利用できるようにする目的。","tags":["JavaScript","ESLint","Tools"],"relatedLinks":[]},{"date":"2017-06-23T09:31:15.767Z","title":"await-to-js - NMOTW","url":"http://nmotw.in//github/await-to-js/","content":"awaitと組み合わせて使うことで、go言語のように`[error, value]`の値を返すようにするライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-06-26T08:50:23.676Z","title":"ESLint v4.1.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2017/06/eslint-v4.1.0-released","content":"ESLint 4.1.0リリース。 globベースの`overrides`設定の追加、無視ファイルを`package.json`に定義できるように","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"ESLint v4.1.0 - Qiita","url":"http://qiita.com/mysticatea/items/e758c9a9a7dfb8b9cdb1"}]},{"date":"2017-06-25T12:01:11.743Z","title":"Dev.Opera — What’s new in Chromium 59 and Opera 46","url":"https://dev.opera.com/blog/opera-46/","content":"Opera 46 (based on Chromium 59)リリース。\nAnimation PNG、SVGファビコン、バックグラウンドタブのスロットリング、`MediaError.message`のサポートなど","tags":["Opera","ReleaseNote"],"relatedLinks":[]},{"date":"2017-06-25T12:07:47.766Z","title":"React Express","url":"http://www.react.express/","content":"Reactのチュートリアルサイト。\n実行できるサンプルと共にReactの使い方や、npm/webpack/ES2015など関連するツールや知識について解説してる。","tags":["React","tutorial","document"],"relatedLinks":[]},{"date":"2017-06-25T12:29:55.015Z","title":"Redux Architecture Guidelines | joeellis.la","url":"http://joeellis.la/redux-architecture/","content":"ケースバイケースではあるけど、Reduxを使ったアーキテクチャのガイドライン。\nstateのネストを避けるためにnormalizeする、stateにはsourceとなるデータを入れる、ReactのstateよりReduxのState。\nStandard Action、Container componentについてなど","tags":["redux","opinion","article"],"relatedLinks":[]},{"date":"2017-06-25T12:36:35.624Z","title":"medikoo/date-from-timezone: Construct dates with timezone context","url":"https://github.com/medikoo/date-from-timezone","content":"`Intl.DateTimeFormat`を使うことで、JavaScriptでタイムゾーン情報を付与して`new Date`を行うライブラリ","tags":["JavaScript","i18n","library"],"relatedLinks":[{"title":"Add timezone data to Date","url":"https://esdiscuss.org/topic/add-timezone-data-to-date#content-6"}]},{"date":"2017-06-25T13:09:04.406Z","title":"Improve SPA Performance with Angular App // Speaker Deck","url":"https://speakerdeck.com/manakuro/improve-spa-performance-with-angular-app","content":"メモリリークのパターン、Chromeの開発者ツールを使っての計測方法について。\nAngularにおける意図しないメモリリークを避ける方法やChange Detectionのコストを削減する方法についてなど\n","tags":["JavaScript","DOM","performance","Angular","slide"],"relatedLinks":[{"title":"mgechev/angular-performance-checklist: Cheatsheet for developing ⚡lightning⚡ fast progressive Angular applications.","url":"https://github.com/mgechev/angular-performance-checklist"}]},{"date":"2017-06-25T13:20:50.377Z","title":"mgechev/angular-performance-checklist: Cheatsheet for developing ⚡lightning⚡ fast progressive Angular applications.","url":"https://github.com/mgechev/angular-performance-checklist","content":"Angularのパフォーマンスチェックリスト","tags":["Angular","performance","document"],"relatedLinks":[]},{"date":"2017-06-25T13:35:38.584Z","title":"Aligned Input Events  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/06/aligning-input-events","content":"Pointer Eventsの`getCoalescedEvents`について。\n入力デバイスは60-120Hzに対して、モニタが60Hzである場合にポインタのイベントをすべて処理するのは無駄となる。\nその無駄を回避するためにイベントをまとめてくれる`getCoalescedEvents()`について","tags":["JavaScript","event","article","Android"],"relatedLinks":[]},{"date":"2017-06-25T13:56:49.544Z","title":"Codemods: A Quick and Easy Way to Automate Code Refactoring — SitePoint","url":"https://www.sitepoint.com/getting-started-with-codemods/","content":"codemodを使ったリファクタリングツールの作り方についての記事","tags":["JavaScript","Tools","article","AST"],"relatedLinks":[]},{"date":"2017-06-25T13:58:17.631Z","title":"New Release: 2.9.5","url":"http://jshint.com/blog/2017-06-22/release-2-9-5/","content":"JSHint 2.9.5リリース。\n`trailingcomma`オプションの追加、バグ修正など","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2017-06-25T14:10:36.570Z","title":"faceyspacey/redux-first-router: 🎖 seamless redux-first routing -- just dispatch actions","url":"https://github.com/faceyspacey/redux-first-router","content":"Redux向けのルーターライブラリ。\nURLパターンにマッチしたActionを発行することをベースにしてルーティングできるようにしている","tags":["redux","JavaScript","library"],"relatedLinks":[{"title":"Pre Release: Redux-First Router — A Step Beyond Redux-Little-Router","url":"https://medium.com/faceyspacey/pre-release-redux-first-router-a-step-beyond-redux-little-router-cd2716576aea"}]},{"date":"2017-06-25T14:25:30.842Z","title":"OptimalBits/redbird: A modern reverse proxy for node","url":"https://github.com/OptimalBits/redbird","content":"HTTPSやHTTP/2に対応したNode.jsでのリバースプロキシライブラリ","tags":["node.js","proxy"],"relatedLinks":[]},{"date":"2017-06-25T14:33:28.946Z","title":"✨Locally Scoped CSS Variables: What, How, and Why | Una Kravets Online✨","url":"https://una.im/local-css-vars/","content":"CSS Custom Propertiesについて。\n利用方法、ローカルスコープ、サポート状況についてなど","tags":["CSS","JavaScript","article"],"relatedLinks":[]},{"date":"2017-06-27T09:47:00.907Z","title":"Leveraging the Performance Metrics that Most Affect User Experience  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/06/user-centric-performance-metrics","content":"ユーザー体験への影響を見るパフォーマンスのメトリクスについて。\nロード時間だけでは体験を計測できないため。\nそのため、First Paint/First Meaningful Paing/Time to Interactive/Longtasksを指標にそれぞれ何を意味するかや計測方法について","tags":["Chrome","performance","browser","article"],"relatedLinks":[]},{"date":"2017-06-28T06:04:33.561Z","title":"Release 1.5.0: GraphQL, CSS-in-JS & JSON · prettier/prettier","url":"https://github.com/prettier/prettier/releases/tag/1.5.0","content":"prettier 1.5.0リリース。\nGraphQL、CSS in JS、JSONの対応、CSSやTypeScript、JSX周りバグ修正など","tags":["JavaScript","Tools"],"relatedLinks":[{"title":"Adding a new layout strategy to Prettier – Geckoboard: Under-the-Hood – Medium","url":"https://medium.com/geckoboard-under-the-hood/adding-a-new-layout-strategy-to-prettier-8d33084c0f99"}]},{"date":"2017-06-29T01:16:26.010Z","title":"Release v7.0.0-beta.16 · babel/babylon","url":"https://github.com/babel/babylon/releases/tag/v7.0.0-beta.16","content":"Babylon 7.0.0 beta16リリース。\nTypeScriptパーサの追加、BigInt(Stage 2)のサポートなど","tags":["babel","AST","TypeScript","ReleaseNote"],"relatedLinks":[{"title":"TypeScript parser by andy-ms · Pull Request #523 · babel/babylon","url":"https://github.com/babel/babylon/pull/523"}]},{"date":"2017-06-29T02:45:29.909Z","title":"Ecma latest news","url":"http://ecma-international.org/news/index.html","content":"\"ECMA-262 8th edition - ECMAScript® 2017 Language Specification\" ES2017がGAで承認されて正式リリースされた。","tags":["ECMAScript","news"],"relatedLinks":[{"title":"Standard ECMA-262","url":"http://ecma-international.org/publications/standards/Ecma-262.htm"}]},{"date":"2017-06-30T01:15:55.799Z","title":"Building m.uber: Engineering a High-Performance Web App for the Global Market - Uber Engineering Blog","url":"https://eng.uber.com/m-uber/","content":"Uberのモバイル向けの最適化について。\nReactを使っているが、mobileではPreactに置き換えて利用している。\nまた、サーバサイドレンダリングや、初期bundleサイズを小さくするためのcode split、依存が小さなJustの利用、SWやIndexedDBを使ったキャッシュなどについて。\n問題を見つけるためのエラーハンドリングについて。","tags":["browser","mobile","JavaScript","performance"],"relatedLinks":[{"title":"angus-c/just: A library of dependency-free utilities that do just do one thing.","url":"https://github.com/angus-c/just"}]},{"date":"2017-06-30T01:24:40.783Z","title":"Chrome 60 DevTools の新機能/変更点 - Qiita","url":"http://qiita.com/kyoshidajp/items/e3f9be02a7ccd00aa7d7","content":"Chrome 60の開発者ツールの変更点について","tags":["Chrome","debug"],"relatedLinks":[]},{"date":"2017-06-30T05:27:51.070Z","title":"roman01la/js-memory-usage: Data Structures Memory Usage in JavaScript","url":"https://github.com/roman01la/js-memory-usage","content":"JavaScriptのデータ構造別/ライブラリごとのメモリ消費量をまとめたもの。List/Array/Map/SetをJavaScript/ImmutableJS/ClojureScript/GopherJS/Reasonなど色々な実装ごと比較","tags":["JavaScript","library","まとめ","performance"],"relatedLinks":[]},{"date":"2017-07-02T05:02:05.465Z","title":"pinterest/esprint: Fast eslint runner","url":"https://github.com/pinterest/esprint","content":"ESLintをparallelで実行できるツール","tags":["ESLint","Tools"],"relatedLinks":[]},{"date":"2017-07-02T07:07:12.930Z","title":"GraphQL Network Communication Framework","url":"http://graphql-io.com/","content":"クライアント <-> サーバのコミュニケーションを行うGraphQLフレームワーク。\nApollo/WebSocketベース","tags":["GraphQL","library","JavaScript"],"relatedLinks":[]},{"date":"2017-07-02T07:18:02.031Z","title":"NYTimes/kyt: Starting a new JS app? Build, test and run advanced apps with kyt 🔥","url":"https://github.com/nytimes/kyt","content":"JavaScriptアプリのツールキット。\nBabel/webpack/Jest/Stylelint/ESlint/protoなどのセットアップをまとめて行うツール","tags":["JavaScript","Tools"],"relatedLinks":[]},{"date":"2017-07-02T09:36:58.900Z","title":"anvilresearch/webcrypto: W3C Web Cryptography API for Node.js","url":"https://github.com/anvilresearch/webcrypto","content":"Node.jsでWeb Cryptography APIに対応するpolyfill(ponyfill)ライブラリ","tags":["node.js","security","library"],"relatedLinks":[]},{"date":"2017-07-02T10:04:01.538Z","title":"coast-team/netflux: JavaScript client and server side transport API based on WebRTC & WebSocket","url":"https://github.com/coast-team/netflux","content":"WebRTC、WebSocketを使ったP2Pライブラリ。\nブラウザ、Node.jsでデータのやり取りを行える","tags":["WebRTC","WebSocket","node.js","browser"],"relatedLinks":[]},{"date":"2017-07-02T10:06:48.968Z","title":"OnetapInc/chromy: Chromy is a library for operating headless chrome. 🍺🍺🍺","url":"https://github.com/OnetapInc/chromy","content":"Headless ChromeをNightmare.jsのように操作するAPIを提供するライブラリ。\nChrome DevTools Protocolを使って処理をやり取りしている。","tags":["Chrome","node.js","library"],"relatedLinks":[]},{"date":"2017-07-02T10:23:49.465Z","title":"Release Notes for Safari Technology Preview 34 | WebKit","url":"https://webkit.org/blog/7760/release-notes-for-safari-technology-preview-34/","content":"Safari Technology Preview Release 34リリース。\n`RTCRtpTransceiver#addTransceiver`をサポートしトラック単位での片方向通信を使えるように、W3C Secure Contextsの実装、SRIを試験的にサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"Safari TP 34では新しい片方向WebRTCの手順が使えるようになったので、試してみた - Qiita","url":"http://qiita.com/tomoyukilabs/items/59267f25c9dbd43d5ecb"}]},{"date":"2017-07-02T10:47:06.296Z","title":"dollarshaveclub/study: A Simple, progressive, client/server AB testing library ⚡️","url":"https://github.com/dollarshaveclub/study","content":"A/Bテストティングライブラリ。\nuniversalで動き、storage driverでデータの保存先を指定できる。","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-07-02T10:51:52.423Z","title":"Supercharged Live Stream Blog: Code Splitting  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/06/supercharged-codesplit","content":"Code Splittingを行うBabelプラグインを作成するスクリーンキャスト","tags":["babel","article","plugin","video"],"relatedLinks":[]},{"date":"2017-07-02T11:30:28.637Z","title":"egoist/dom-dom: JSX to actual DOM.","url":"https://github.com/egoist/dom-dom","content":"JSXを`document` APIを使ってDOMオブジェクトにするライブラリ","tags":["JavaScript","jsx","DOM","library"],"relatedLinks":[]},{"date":"2017-07-02T12:25:43.429Z","title":"yahoo/mendel: Build toolchain for experimentation on isomorphic web applications with tree-inheritance and multivariate support.","url":"https://github.com/yahoo/mendel","content":"コードのフラグではなくルールファイルベースでプロジェクト構造を管理できるツール。\n試験的な機能を取り入れたA/Bテストを管理しやすくするためのフレームワーク。\nフラグ管理は技術的負債となりやすく、持続可能性をYahooで調査した結果作成されたデザイン。","tags":["設計","JavaScript","Tools"],"relatedLinks":[{"title":"mendel/Design.md at master · yahoo/mendel","url":"https://github.com/yahoo/mendel/blob/master/docs/Design.md"}]},{"date":"2017-07-02T22:50:17.659Z","title":"jaredpalmer/formik: Forms in React, without tears","url":"https://github.com/jaredpalmer/formik","content":"React向けのフォームライブラリ","tags":["React","library"],"relatedLinks":[]},{"date":"2017-07-02T22:57:38.350Z","title":"HTML Standard","url":"https://html.spec.whatwg.org/dev/","content":"WHATWG HTML仕様のDeveloper's Edition。\nブラウザベンダー向けの情報は削除し、ウェブ開発者向けの情報に絞ったHTML仕様。","tags":["HTML","WHATWG","spec"],"relatedLinks":[{"title":"HTML Standard 日本語訳","url":"https://momdo.github.io/html/dev/"},{"title":"Review on utilization of `w-nodev` annotation · Issue #1488 · whatwg/html","url":"https://github.com/whatwg/html/issues/1488#issuecomment-310450737"},{"title":"WHATWG HTML Standard Developer Editionの話 - 水底の血","url":"http://momdo.hatenablog.jp/entry/20170702/1498999477"},{"title":"HTML5 for Web Developers | HTML5 Doctor","url":"http://html5doctor.com/html5-for-web-developers/"}]},{"date":"2017-07-03T05:11:51.324Z","title":"babel/proposals: (WIP) Tracking the status of Babel's implementation of TC39 proposals","url":"https://github.com/babel/proposals","content":"ECMAScript proposalとBabelの実装の対応をまとめたもの","tags":["ECMAScript","babel","plugin"],"relatedLinks":[]},{"date":"2017-07-03T11:49:23.398Z","title":"sverweij/dependency-cruiser: Validate and visualize dependencies. With your rules. JavaScript, TypeScript, CoffeeScript. ES6, CommonJS, AMD.","url":"https://github.com/sverweij/dependency-cruiser","content":"JavaScriptコード間の依存関係グラフを元に、指定したパスから指定したパスへの参照を禁止するルールなどを設定することができる。\nまた循環参照や存在しないモジュールの参照などもチェックできる","tags":["JavaScript","testing","Tools"],"relatedLinks":[]},{"date":"2017-07-05T02:17:00.313Z","title":"Release v1.6.0 · babel/babel-preset-env","url":"https://github.com/babel/babel-preset-env/releases/tag/v1.6.0","content":"babel-preset-env v1.6.0リリース。\nNode.js 8に対応したcompat-tableへ更、`targets`の`chromeandroid`に対応など","tags":["babel","plugin","ReleaseNote"],"relatedLinks":[]},{"date":"2017-07-05T02:26:47.765Z","title":"Getting started with PreactJS — A Step By Step Guide","url":"https://blog.codeinfuse.com/getting-started-with-preactjs-a-step-by-step-guide-f3197f871753","content":"preact-cliを使ったpreact入門記事。\nReactとの違いや互換性についてや、preact-cliを使ったビルドやそのファイルサイズなどについて","tags":["React","tutorial","JavaScript","article"],"relatedLinks":[]},{"date":"2017-07-05T07:40:03.761Z","title":"Faao - ドメイン駆動設計で作るGitHub Issue Client -","url":"http://azu.github.io/slide/2017/teppeis-sushi/client-side-ddd-on-github.html","content":"クライアントサイドDDDとLiving Documentationについてのスライド。\n遠回りのモデリング、妥協あり/なしのRepositoryでの永続化、ユースケース図、ドキュメントのコード化、デバッグについてなど","tags":["DDD","JavaScript","TypeScript","slide","testing","document"],"relatedLinks":[]},{"date":"2017-07-06T02:38:41.565Z","title":"Release v5.1.0 · npm/npm","url":"https://github.com/npm/npm/releases/tag/v5.1.0","content":"npm v5.1.0リリース。\n`package-lock.json`に`requires`フィールドを追加、`preferGlobal`オプションを非推奨にし警告は出さないように、`npm build`を間違えて呼び出した場合に警告するように、バグ修正など","tags":["npm","ReleaseNote"],"relatedLinks":[]},{"date":"2017-07-06T10:31:34.428Z","title":"kentcdodds/babel-plugin-preval: Pre-evaluate code at build-time","url":"https://github.com/kentcdodds/babel-plugin-preval","content":"Babelでコンパイル時に評価して評価結果を埋め込むことができるプラグイン\n","tags":["babel","plugin"],"relatedLinks":[]},{"date":"2017-07-07T03:08:42.252Z","title":"Release v3.1.0 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v3.1.0","content":"webpack 3.1.0リリース。 `cacheWithContext`オプションが追加され(デフォルトオフ)パフォーマンスの改善、設定を関数の配列として書けるようになるなど","tags":["ReleaseNote","webpack"],"relatedLinks":[]},{"date":"2017-07-08T03:31:59.608Z","title":"Release v2.0.0 · lerna/lerna","url":"https://github.com/lerna/lerna/releases/tag/v2.0.0","content":"monorepo管理ツールのlerna v2.0.0リリース。\n`yarn workspace`のサポート、`--canary`オプションの改善など。","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2017-07-08T04:57:44.367Z","title":"Amazon.com: Mastering Immutable.js eBook: Adam Boduch: Kindle Store","url":"https://www.amazon.com/Mastering-Immutable-js-Adam-Boduch-ebook/dp/B073RMMCL9","content":"2018年2月6日発売\nimmutable.jsについての書籍","tags":["JavaScript","book","library"],"relatedLinks":[]},{"date":"2017-07-08T15:28:38.987Z","title":"VueConf EU - YouTube","url":"https://www.youtube.com/watch?v=lG0Ys-2d4MA","content":"VueConf EUの動画","tags":["Vue","Conference","video"],"relatedLinks":[{"title":"VueConf 2017 – 21–23 June, 2017 in Wrocław, Poland","url":"https://conf.vuejs.org/"}]},{"date":"2017-07-09T06:35:22.237Z","title":"ESLint v4.2.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2017/07/eslint-v4.2.0-released","content":"ESLint v4.2.0リリース。\n`linter.verifyAndFix`が関数を受け付けるように、`getter-return`ルールの追加など","tags":["ESLint","ReleaseNote"],"relatedLinks":[]},{"date":"2017-07-10T01:45:01.707Z","title":"The WHATWG Blog — Progressing Streams","url":"https://blog.whatwg.org/progressing-streams","content":"WHATWG Streamについて。\n","tags":["WHATWG","stream"],"relatedLinks":[]},{"date":"2017-07-10T01:50:48.622Z","title":"A Closer Look Into WebRTC | WebKit","url":"https://webkit.org/blog/7763/a-closer-look-into-webrtc/","content":"Safari 11でサポートされる予定のWebRTCについての解説。\n開発者向けの設定、後方互換性とadapter.js、audio-videoの送信例、Media Captureについてなど","tags":["safari","WebRTC"],"relatedLinks":[{"title":"webrtc/adapter: Shim to insulate apps from spec changes and prefix differences. Latest adapter.js release:","url":"https://github.com/webrtc/adapter"}]},{"date":"2017-07-10T01:52:59.599Z","title":"Node.js FoundationとNode.jsについて - 技術探し","url":"http://abouthiroppy.hatenablog.jp/entry/2017/07/05/090952","content":"Node.js Foundationを構成するワーキンググループや技術委員会についての解説。\nどのようなワーキンググループがり、どのように議論が行われているかについて","tags":["node.js","組織"],"relatedLinks":[]},{"date":"2017-07-10T02:01:25.695Z","title":"Experimenting with the background fetch API | Phil Nash","url":"https://philna.sh/blog/2017/07/04/experimenting-with-the-background-fetch-api/","content":"ServiceWorkerのbackground-fetching APIについて。\nバックグラウンドでダウンロードやファイルのアップロードを行うことを目的としたAPI","tags":["ServiceWorker","JavaScript","WebPlatformAPI"],"relatedLinks":[]},{"date":"2017-07-10T02:22:30.964Z","title":"siddharthkp/bundlesize: Keep your bundle size in check","url":"https://github.com/siddharthkp/bundlesize","content":"CIからGitHubのステータスにbundleしたファイルサイズを通知、一定サイズを超えたらエラーとすることができるツール/GitHub App","tags":["webservice","CI","node.js","github"],"relatedLinks":[]},{"date":"2017-07-10T13:11:39.676Z","title":"これからのレイアウトはGrid Layoutで決まり？特徴で使い分けたいCSSレイアウト手法 - ICS MEDIA","url":"https://ics.media/entry/15921","content":"float、flexbox、grid layoutの使い分けについて","tags":["CSS"],"relatedLinks":[]},{"date":"2017-07-10T13:24:17.859Z","title":"Capability of React Fiber // Speaker Deck","url":"https://speakerdeck.com/koba04/capability-of-react-fiber","content":"React Fiberについてのスライド。\nFilberにおけるスタック、スケジューリング、カスタムレンダラーについてなど","tags":["React","slide"],"relatedLinks":[]},{"date":"2017-07-11T01:09:00.432Z","title":"Release v5.2.0 (2017-07-05) · npm/npm","url":"https://github.com/npm/npm/releases/tag/v5.2.0","content":"npm 5.2.0リリース\n`npx`コマンドが同梱されるようになった。`npx`はnpm registryやgistに登録されているCLIツールのパッケージをコマンド一つでダウンロードから実行までを行えるツール。\nまた`-p`オプションで特定バージョンのNode.jsでnpm scriptsなども実行できる。\n\n```\nnpx -p node-bin@6 npm test\n```","tags":["npm","Tools","ReleaseNote"],"relatedLinks":[{"title":"Introducing npx: an npm package runner – Kat Marchán – Medium","url":"https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b"},{"title":"node-bin","url":"https://www.npmjs.com/package/node-bin"}]},{"date":"2017-07-11T01:14:54.187Z","title":"Release JSDoc 3.5.0 · jsdoc3/jsdoc","url":"https://github.com/jsdoc3/jsdoc/releases/tag/3.5.0","content":"JSDoc 3.5.0 リリース。\nsemverではないので破壊的変更も含まれる。\nJSDocのパースにBabylonを利用するようになり、JSXなどもサポート。\nNode.js 4.2.0未満のサポート終了など","tags":["JSDoc","ReleaseNote"],"relatedLinks":[]},{"date":"2017-07-11T01:21:16.172Z","title":"Upcoming Regular Expression Features  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/07/upcoming-regexp-features","content":"現在Stage 3である正規表現の拡張Proposalの紹介記事。\nNamed Captures、`/./s` dotAll、Unicode Property Escapes、Lookbehind Assertionsについて","tags":["ECMAScript","JavaScript","V8","正規表現"],"relatedLinks":[]},{"date":"2017-07-11T12:46:06.635Z","title":"JavaScript Test-Runners Benchmark – DailyJS – Medium","url":"https://medium.com/dailyjs/javascript-test-runners-benchmark-3a78d4117b4","content":"JavaScriptのテストフレームワークのベンチマーク比較。\n同期的なテスト、非同期的なテストでそれぞれjasmine、mocha、AVA、Jestなど著名なテストフレームワークの実行速度を比較したもの","tags":["JavaScript","testing","benchmark"],"relatedLinks":[]},{"date":"2017-07-11T15:13:35.372Z","title":"vadimdemedes/ink: 🌈 React for CLIs","url":"https://github.com/vadimdemedes/ink","content":"コンソール向けのReactライクなライブラリ。\nコンソールの表示をコンポーネントで描画できるようにするライブラリ\n","tags":["React","console","library"],"relatedLinks":[]},{"date":"2017-07-16T10:59:04.548Z","title":"Security updates for all active release lines, July 2017 | Node.js","url":"https://nodejs.org/en/blog/vulnerability/july-2017-security-releases/","content":"Node.jsのv4,6,7,8のセキュリティアップデート。 V8 snapshotsを有効化してる場合に問題があるため、デフォルトでsnapshotsが無効化された。 この問題が解決されるまで`vm.runInNewContext`のパフォーマンスが低下した状態となる。","tags":["ReleaseNote","node.js","security"],"relatedLinks":[{"title":"Node.js で発生した Hash flooding DoS とその内容について - from scratch","url":"http://yosuke-furukawa.hatenablog.com/entry/2017/07/15/104616"}]},{"date":"2017-07-12T01:45:37.119Z","title":"azu/immutable-array-prototype: A collection of Immutable Array prototype methods(Per method packages).","url":"https://github.com/azu/immutable-array-prototype","content":"`Array#push`などの破壊的なメソッドの非破壊的なバージョンを集めたライブラリ。\nメソッド毎に個別のパッケージとしてインストールすることもできる。","tags":["JavaScript","library","npm"],"relatedLinks":[]},{"date":"2017-07-18T01:00:48.677Z","title":"glayzzle/php-parser: NodeJS PHP Parser - extract AST or tokens (PHP5 and PHP7)","url":"https://github.com/glayzzle/php-parser","content":"JavaScriptで書かれたPHP 5/7のパーサ。","tags":["AST","JavaScript","php","library","Tools"],"relatedLinks":[{"title":"Kornel / babel-preset-php · GitLab","url":"https://gitlab.com/kornelski/babel-preset-php"}]},{"date":"2017-07-14T02:08:44.645Z","title":"indutny/webpack-common-shake: CommonJS Tree Shaker plugin for WebPack","url":"https://github.com/indutny/webpack-common-shake","content":"CommonJSのモジュールに対するTree Shakingを行うwebpackプラグイン","tags":["webpack","node.js","JavaScript"],"relatedLinks":[{"title":"indutny/common-shake: CommonJS Tree Shaker API","url":"https://github.com/indutny/common-shake"}]},{"date":"2017-07-14T02:35:58.385Z","title":"What's New In DevTools (Chrome 61)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/07/devtools-release-notes","content":"Chrome 61の開発者ツールの変更点について。\nモバイルデバイスシミュレートにThrottlingの設定を追加、Storageの利用率の表示、Flamechartのマウスホイールの動作を設定可能に、ES Modulesのデバッグ対応など","tags":["Chrome","debug","article"],"relatedLinks":[]},{"date":"2017-07-14T02:41:41.725Z","title":"Announcing Babylon.js 3.0 - Building Apps for WindowsBuilding Apps for Windows","url":"https://blogs.windows.com/buildingapps/2017/07/12/announcing-babylon-js-3-0/","content":"WebGLフレームワークのBabylon.js 3.0リリース。\nWebGL 2、WebVR 1.1のサポート、Babylon.GUIの追加、morph targetのサポート、WebCamを使ったライブテクスチャに対応など","tags":["WebGL","ReleaseNote","JavaScript","library","3D"],"relatedLinks":[]},{"date":"2017-07-14T04:34:19.312Z","title":"samccone/bundle-buddy: A tool to identify bundle duplication across splits.","url":"https://github.com/samccone/bundle-buddy","content":"webpackなどでCode Splittingした際に、各bundleファイル間で重複して含まれているモジュールを見つけることができるツール","tags":["webpack","JavaScript","Tools"],"relatedLinks":[]},{"date":"2017-07-15T12:42:52.020Z","title":"Learn Apollo | Hands-on GraphQL Tutorial","url":"https://www.learnapollo.com/","content":"Apolloを使ったGraphQLクライアントのチュートリアル","tags":["GraphQL","tutorial","JavaScript"],"relatedLinks":[]},{"date":"2017-07-15T12:54:24.476Z","title":"Release v2.4.0 Kill la Kill · vuejs/vue","url":"https://github.com/vuejs/vue/releases/tag/v2.4.0","content":"Vue 2.4.0リリース。\nSSRでasync componentのサポート、コンポーネントオプションに`inheritAttrs`、インスタンスのプロパティに`$attrs`、`$listeners`を追加。\n`comments`オプションでテンプレート中のHTMLコメントを維持できるようになるなど","tags":["Vue","ReleaseNote"],"relatedLinks":[{"title":"Vue.js 2.4.0","url":"http://vuejsdevelopers.com/2017/07/17/vue-js-2-4-important-features/?jsdojo_id=ech_v24"}]},{"date":"2017-07-16T08:19:17.520Z","title":"Let's Dev: A Package Manager | Yarn Blog","url":"https://yarnpkg.com/blog/2017/07/11/lets-dev-a-package-manager/","content":"Yarnのようなパッケージ管理ツールを作りながらそのデザインを見ていくチュートリアル。\nどのようにパッケージをダウンロードし、依存関係を解決し、リンクをしているかについて。\n依存関係をどのように最適化するかについて","tags":["yarn","JavaScript","tutorial","article"],"relatedLinks":[{"title":"yarnpkg/lets-dev-demo","url":"https://github.com/yarnpkg/lets-dev-demo"}]},{"date":"2017-07-16T08:35:01.751Z","title":"Practical Node.js: Building Real-World Scalable Web Apps: Azat Mardan: 9781484230381: Amazon.com: Books","url":"https://www.amazon.com/dp/1484230388","content":"2018年3月22日発売。\nPractical Node.jsの第二版","tags":["node.js","book"],"relatedLinks":[{"title":"Practical Node.js - Building Real-World Scalable Web Apps | Azat Mardan | Apress","url":"http://www.apress.com/us/book/9781430265955"}]},{"date":"2017-07-16T08:53:37.470Z","title":"Release 0.21.0 · avajs/ava","url":"https://github.com/avajs/ava/releases/tag/v0.21.0","content":"AVA 0.21.0リリース。\n`Buffer`を使っていてため、Node.js 4.5未満で動かない問題を修正、flowの型周りを修正","tags":["JavaScript","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2017-07-17T05:29:47.047Z","title":"Sass 3.5 is Released « Sass Blog","url":"http://sass.logdown.com/posts/2026639-sass-35-is-released","content":"Sass 3.5リリース。\n`::slotted()`のサポート、`var()`をcolor functionへ渡せるように、Dart Sassの互換性向上など","tags":["Sass","ReleaseNote"],"relatedLinks":[]},{"date":"2017-07-17T11:46:13.588Z","title":"Release 8.0.0 · stylelint/stylelint","url":"https://github.com/stylelint/stylelint/releases/tag/8.0.0","content":"stylelint 8.0.0リリース。\nSemver policyの追加、新しいconfigとして`stylelint-config-recommended`を追加、ルールの削除やdeprecatedなど","tags":["CSS","Tools","ReleaseNote"],"relatedLinks":[{"title":"Semantic Versioning Policy","url":"https://github.com/stylelint/stylelint/blob/8.0.0/README.md#semantic-versioning-policy"}]},{"date":"2017-07-17T12:06:06.908Z","title":"Atomic Lab - component guide generator based on partial templates","url":"https://steelydylan.github.io/atomic-lab/","content":"Custom ElementなどのHTMLフラグメントを実際に描画して確認できる開発環境ツール","tags":["HTML","CSS","debug","Tools"],"relatedLinks":[]},{"date":"2017-07-17T22:35:02.078Z","title":"Web クライアントサイドのパフォーマンスメトリクス — Speed Index、Paint Timing、TTI etc... ::ハブろぐ","url":"https://havelog.ayumusato.com/develop/performance/e744-performance_metrics.html","content":"ウェブクライアントサイドにおけるパフォーマンスの指標となる値やPerformance Budgetなどの用語についての解説","tags":["browser","performance"],"relatedLinks":[]},{"date":"2017-07-18T00:59:17.502Z","title":"Redux isn't slow, you're just doing it wrong - An optimization guide | React Rocket","url":"http://reactrocket.com/post/react-redux-optimization/","content":"Reduxを使ったアプリケーションのパフォーマンス・チューニングについての記事。`connect`オプションの利用、コンポートに必要最小限のデータを渡す、Reselectなどを使ってデータをフラットにすることについてなど\n","tags":["redux","performance"],"relatedLinks":[]},{"date":"2017-07-18T01:02:01.857Z","title":"Kornel / babel-preset-php · GitLab","url":"https://gitlab.com/kornelski/babel-preset-php","content":"PHPの構文で書かれたコードをJavaScriptの構文に変換するBabel presets","tags":["babel","php","library"],"relatedLinks":[]},{"date":"2017-07-18T12:03:14.676Z","title":"JavaScriptのライブラリを徐々にTypeScriptに移行する | Web Scratch","url":"http://efcl.info/2017/07/17/JavaScript-to-TypeScript/","content":"JavaScriptで書かれた既存のコードをTypeScriptへ移行する際の方法について。\nJavaScriptとTypeScriptを混在した状態で移行について\n","tags":["JavaScript","TypeScript"],"relatedLinks":[]},{"date":"2017-07-20T01:08:31.935Z","title":"Results of the Ultimate CSS Survey 2017 — SitePoint","url":"https://www.sitepoint.com/results-ultimate-css-survey-2017/","content":"CSSについての開発者アンケート結果が公開された。 AltCSS、フレームワークの利用率、minify、reset/normalize、期待する機能、サポートしてるブラウザ、バグを見つけたことがあるかなど","tags":["CSS","アンケート"],"relatedLinks":[]},{"date":"2017-07-20T01:28:31.172Z","title":"Refactoring JavaScript","url":"http://refactoringjs.com/","content":"JavaScriptのリファクタリングについての書籍。PDF版が無料で公開されている。\nES2015+な文法を使ったリファクタリング、テストの仕方、OOPやFPのアプローチを使ったリファクタリングなどについて解説されている","tags":["JavaScript","book","リファクタリング"],"relatedLinks":[{"title":"Refactoring JavaScript [Book]","url":"https://www.safaribooksonline.com/library/view/refactoring-javascript/9781491964910/"}]},{"date":"2017-07-20T09:18:20.891Z","title":"Node v8.2.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v8.2.0/","content":"Node v8.2.0リリース。\n`async_hooks`のPromise対応改善、`npm`が5.3.0へアップデート(npxが同梱される)など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2017-07-20T23:50:34.780Z","title":"Roadmap · Microsoft/ChakraCore Wiki","url":"https://github.com/Microsoft/ChakraCore/wiki/Roadmap#v160","content":"ChakraCore 1.6.0リリース。\nWebAssembly/SharedArrayBuffer/Dynamic module importがデフォルトで有効に。\nSIMDサポートを削除など","tags":["ChakraCore","ReleaseNote","WebAssembly"],"relatedLinks":[]},{"date":"2017-07-21T00:04:51.158Z","title":"Learn Next.js - Create SSR Enabled React Apps Easily","url":"https://learnnextjs.com/","content":"Next.jsについてのチュートリアルサイト","tags":["React","tutorial"],"relatedLinks":[]},{"date":"2017-07-21T15:36:34.220Z","title":"Release Quantum Time · fuse-box/fuse-box","url":"https://github.com/fuse-box/fuse-box/releases/tag/v2.2.1","content":"FuseBox 2.2.1リリース。\n`fuse.js`を変更した際にキャッシュを削除するように、`writeBundles`オプションでin-memoryビルドができるようになるなど","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2017-07-22T00:31:53.069Z","title":"Angular: Angular 4.3 Now Available","url":"http://angularjs.blogspot.com/2017/07/angular-43-now-available.html","content":"Angular 4.3リリース。\n`HttpClient`の追加、routerのライフサイクルイベントの追加。\nまた、Shadow-Piercing descendant combinatorは非推奨であるため、 Angularの中の`/deep/`、`>>>`、`::ng-deep`も非推奨となった。\n`::ng-deep`はツール側で優先して扱うように。","tags":["Angular","ReleaseNote"],"relatedLinks":[{"title":"feat(compiler): add support `::ng-deep` · angular/angular@b754e60","url":"https://github.com/angular/angular/commit/b754e60"},{"title":"angular/CHANGELOG.md at master · angular/angular","url":"https://github.com/angular/angular/blob/master/CHANGELOG.md#430-2017-07-14"}]},{"date":"2017-07-22T01:04:57.217Z","title":"ESLint v4.3.0 released - ESLint - Pluggable JavaScript linter","url":"http://eslint.org/blog/2017/07/eslint-v4.3.0-released","content":"ESLint v4.3.0リリース。\n`eslint --init`した際にeslintのバージョンを利用してる場合に対話的にバージョン変更できるように。\n`prefer-destructuring`にオプションの追加、ルールの修正など","tags":["ESLint","ReleaseNote"],"relatedLinks":[]},{"date":"2017-07-24T01:32:49.873Z","title":"create-react-app/README.md at master · facebookincubator/create-react-app","url":"https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md","content":"`create-react-app`のユーザーガイド。\n典型的なウェブアプリケーションのクライアントにおける開発についてよくまとまっている。\nパッケージ管理方法、VCS、テスト、環境変数、エディタ、静的サーバ、デプロイ、SSR、パフォーマンス改善、分析など","tags":["React","document"],"relatedLinks":[]},{"date":"2017-07-24T08:13:09.191Z","title":"Automated testing with Headless Chrome  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/06/headless-karma-mocha-chai","content":"Headless Chromeを使った自動テストについて","tags":["Chrome","testing"],"relatedLinks":[]},{"date":"2017-07-24T08:23:45.277Z","title":"Enclose.IO: Compiling your application into a single executable","url":"http://enclose.io/","content":"Node.jsやRubyのコードを実行可能なバイナリにパッケージング、自動更新できるようにするするウェブサービス","tags":["node.js","ruby","Tools"],"relatedLinks":[]},{"date":"2017-07-24T08:27:01.865Z","title":"Say hello to HTTP/2 for Node.js Core – Node.js Collection – Medium","url":"https://medium.com/the-node-js-collection/say-hello-to-http-2-for-node-js-core-261ba493846e","content":"Nodeの`http2`対応について。\n初期実装のPull Requestが出された","tags":["node.js","HTTP2","library"],"relatedLinks":[{"title":"http2: Introducing http/2 by jasnell · Pull Request #14239 · nodejs/node","url":"https://github.com/nodejs/node/pull/14239"}]},{"date":"2017-07-24T08:29:50.250Z","title":"azat-co/practicalnode: Practical Node.js, 1st and 2nd Editions [Apress]","url":"https://github.com/azat-co/practicalnode","content":"Practical Node.jsの原稿(ドラフト)が公開された。\nKickstarterでキャンペーンをやっている","tags":["node.js","book"],"relatedLinks":[]},{"date":"2017-07-24T08:41:41.787Z","title":"Extracting Logic from React Components","url":"https://javascriptplayground.com/blog/2017/07/react-extracting-logic/","content":"Reactコンポーネントに内蔵されてしまったロジックをコンポーネントから分離するリファクタリングについて","tags":["React","リファクタリング","JavaScript"],"relatedLinks":[]},{"date":"2017-07-24T13:30:21.422Z","title":"Practical Modern JavaScript: Dive into ES6 and the Future of JavaScript: Nicolas Bevacqua: 9781491943533: Amazon.com: Books","url":"https://www.amazon.com/Practical-Modern-JavaScript-Dive-Future/dp/149194353X","content":"ES2015+についての書籍","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2017-07-24T14:51:05.573Z","title":"がんばらないTypeScriptのはじめ方 - 角待ちは対空","url":"http://blog.yux3.net/entry/2017/07/18/110000","content":"TypeSriptを緩く使う/JavaScriptからTypeScriptへの移行について。\nゆるく使う場合でも`noImplicitAny`と`strictNullChecks`を有効化することで防げるエラーがあることについて","tags":["JavaScript","TypeScript","article"],"relatedLinks":[]},{"date":"2017-07-24T15:01:27.668Z","title":"Release Almin 0.13.10 - transaction on application layer · almin/almin","url":"https://github.com/almin/almin/releases/tag/almin%400.13.10","content":"Almin 0.13.10リリース。\nIE9/10のサポート終了、`Store#onDispatch`が受け取れるpayloadを制限、Strict mode、トランザクションのサポート、`executor`の追加など","tags":["JavaScript","CQRS","library","ReleaseNote"],"relatedLinks":[{"title":"Almin 0.13リリース - アプリケーションレイヤーのトランザクション | Web Scratch","url":"http://efcl.info/2017/07/24/almin-0.13/"}]},{"date":"2017-07-24T15:02:17.780Z","title":"tsuyoshiwada/react-drip-form: HoC based React forms state manager, Support for validation and normalization.","url":"https://github.com/tsuyoshiwada/react-drip-form","content":"High Order ComponentベースのReact Form/バリデーションライブラリ。\n","tags":["React","JavaScript","library"],"relatedLinks":[{"title":"もうReactのフォームで消耗したくないので、HoCベースのフォームライブラリを作った - wadackel.me","url":"https://blog.wadackel.me/2017/react-drip-form/"}]},{"date":"2017-07-25T00:09:53.416Z","title":"NgRx: Patterns and Techniques – nrwl","url":"https://blog.nrwl.io/ngrx-patterns-and-techniques-f46126e2b1e5","content":"NgRxを使ったパターンやTipsについての記事。\n","tags":["Angular","Rx","article"],"relatedLinks":[]},{"date":"2017-07-25T00:14:00.343Z","title":"Rekit 2.0: new way of React development – Nate Wang – Medium","url":"https://medium.com/@nate_wang/rekit-2-0-next-generation-react-development-ce8bbba51e94","content":"React/Redux/React Routerをベースにしたウェブアプリ開発環境のRekit 2.0について。\nRekit PortalというComponent/Router/Actionの関係を可視化できるダッシュボードを持っている\n","tags":["React","redux","Tools","article"],"relatedLinks":[{"title":"supnate/rekit-portal: Web UI for managing a Rekit project.","url":"https://github.com/supnate/rekit-portal"}]},{"date":"2017-07-25T14:19:02.164Z","title":"Amazon | TypeScript High Performance [Kindle edition] by Ajinkya Kher | Languages & Tools | Kindleストア","url":"https://www.amazon.co.jp/TypeScript-High-Performance-Ajinkya-Kher-ebook/dp/B071VVFD4D","content":"2017年9月6日発売\nTypeScriptでのプロジェクト開発についての書籍","tags":["TypeScript","book"],"relatedLinks":[]},{"date":"2017-07-25T14:26:27.765Z","title":"Learning React - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920049579.do","content":"FunctionalなアプローチでReact/Reduxについて学ぶ書籍","tags":["React","book","redux"],"relatedLinks":[]},{"date":"2017-07-31T02:45:01.703Z","title":"React 16 beta · Issue #10294 · facebook/react","url":"https://github.com/facebook/react/issues/10294","content":"React 16βリリース。 \n`Map`/`Set`に依存してるのでpolyfillが必要、Fiberを試験的にサポート。\nStream SSRのサポート、`componentDidCatch`で子コンポーネントのエラーをキャッチできるように、bundleを提供するようになり`react/lib/*`は参照できなくなるなど","tags":["React","ReleaseNote","issue"],"relatedLinks":[{"title":"React 16 β版 – 公式ドキュメント日本語訳 | maesblog","url":"https://mae.chab.in/archives/59852"}]},{"date":"2017-07-31T10:46:37.306Z","title":"Error Handling in React 16 - React Blog","url":"https://facebook.github.io/react/blog/2017/07/26/error-handling-in-react-16.html","content":"React 16で入るError Boundariesについて。 子コンポーネントで起きたエラーを親がキャッチできる`componentDidCatch`のライフサイクルメソッドが追加された","tags":["React","article"],"relatedLinks":[]},{"date":"2017-07-28T01:07:56.371Z","title":"This is what Node.js is used for in 2017 - Survey Results","url":"http://blog.risingstack.com/what-is-node-js-used-for-2017-survey/","content":"Node.js利用者アンケートの結果が公開された。1,405の回答があり、Node.jsの利用用途、デプロイ先、利用バージョン、満足度などについて","tags":["node.js","アンケート"],"relatedLinks":[]},{"date":"2017-07-31T10:55:23.437Z","title":"Update on Web Cryptography | WebKit","url":"https://webkit.org/blog/7790/update-on-web-cryptography/","content":"WebCrypto APIについて。 ネイティブ実装とライブラリの比較、基本的な使い方、非同期処理、利用できるアルゴリズム、prefix付きの`WebKitSubtleCrypto`から`SubtleCrypto`への移行について","tags":["JavaScript","security","article"],"relatedLinks":[]},{"date":"2017-07-28T13:11:06.946Z","title":"Unit testing Angular applications with Jest","url":"http://izifortune.com/unit-testing-angular-applications-with-jest/","content":"Jestを使ってAngularのテストを行う方法について","tags":["Angular","testing"],"relatedLinks":[]},{"date":"2017-07-28T15:14:31.268Z","title":"Release Notes for Safari Technology Preview 36 | WebKit","url":"https://webkit.org/blog/7833/release-notes-for-safari-technology-preview-36/","content":"Safari Technology Preview Release 36リリース。\nObject spreadのサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2017-07-29T01:39:52.339Z","title":"bpesquet/thejsway: The JavaScript Way book","url":"https://github.com/bpesquet/thejsway","content":"JavaScriptについて学べる入門本。\nJavaScript/ES2015+の基本的な文法の解説、DOM/DOM APIの解説、Node.jsなどを使って実際のウェブアプリを作るという内容","tags":["JavaScript","book","DOM"],"relatedLinks":[{"title":"The JavaScript Way by Baptiste Pesquet [Leanpub PDF/iPad/Kindle]","url":"https://leanpub.com/thejsway"}]},{"date":"2017-07-29T02:01:47.404Z","title":"Media Updates in Chrome 61  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/07/chrome-61-media-updates","content":"Chrome 61のMedia要素周りの変更点について。\nMSEを使った動画はバックグラウンド時にVideo Trackが無効化されるように、デバイスがrotateした場合に一定の条件で自動的に動画がフルスクリーンとなるように","tags":["Chrome","video","article"],"relatedLinks":[{"title":"モバイル Web における動画再生  |  Web  |  Google Developers","url":"https://developers.google.com/web/fundamentals/media/mobile-web-video-playback#fullscreen"}]},{"date":"2017-07-29T14:28:35.182Z","title":"ECMAScript proposal updates @ 2017-07 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2017/07/28/ecmascript-proposals-status","content":"2017年5月時点のECMAScript仕様Proposalの変更点まとめ","tags":["ECMAScript","proposal"],"relatedLinks":[]},{"date":"2017-07-30T03:08:15.159Z","title":"jasmine/2.7.0.md at master · jasmine/jasmine","url":"https://github.com/jasmine/jasmine/blob/master/release_notes/2.7.0.md","content":"jasmine 2.7.0リリース","tags":["JavaScript","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2017-07-30T10:37:37.313Z","title":"PWAの実装をしてみた - 技術探し","url":"http://abouthiroppy.hatenablog.jp/entry/2017/07/28/101318","content":"React + React Router + webpackでPWAのApp Shellパターンの実装をする話。\nルーティングでCode Splitting、Service Workerでのキャッシュについて","tags":["ProgressiveWebApp","React","article"],"relatedLinks":[]},{"date":"2017-07-30T11:05:39.735Z","title":"お気楽 ECMAScritp2015 超入門","url":"http://www.geocities.jp/m_hiroi/light/js2015.html","content":"ES2015で追加された機能や構文についての入門サイト。\nそれぞれの機能や使い方について解説されている","tags":["ECMAScript","JavaScript","tutorial"],"relatedLinks":[]},{"date":"2017-07-30T11:29:34.939Z","title":"[es6]research on ES6 `Proxy`","url":"https://gist.github.com/bellbind/8f33d81458dd454b430d4cd949076b30","content":"ES Proxyについての解説。\ntargetとtraoの不整合はTypeErrorを投げる。Proxy周りの仕様の読み方やtrapの種類や役割について。\n`Proxy.revocable`やユースケースについて","tags":["ECMAScript","JavaScript"],"relatedLinks":[]},{"date":"2017-07-31T00:59:45.994Z","title":"Chrome Platform Status","url":"https://www.chromestatus.com/features/schedule","content":"Chromeのリリーススケジュールと変更機能がまとまったページ","tags":["Chrome","browser"],"relatedLinks":[]},{"date":"2017-07-31T01:30:38.543Z","title":"esdoc/CHANGELOG.md at master · esdoc/esdoc","url":"https://github.com/esdoc/esdoc/blob/master/CHANGELOG.md#101-2017-07-30","content":"JavaScript向けのドキュメントツールのESDoc 1.0.1リリース。\nコア部分もプラグイン化され、`esdoc-standard-plugin`にまとめられた。","tags":["JavaScript","document","ReleaseNote"],"relatedLinks":[{"title":"ESDocという(多分)モダンなドキュメンテーションツールの紹介 - maru source","url":"http://blog.h13i32maru.jp/entry/2017/07/31/081614"},{"title":"ESDoc - A Good Documentation Generator for JavaScript | esdoc-site","url":"https://esdoc.org/manual/migration.html"},{"title":"esdoc/esdoc-plugins","url":"https://github.com/esdoc/esdoc-plugins"}]},{"date":"2017-07-31T02:39:36.164Z","title":"Writing a Node.js module in TypeScript","url":"https://www.twilio.com/blog/2017/06/writing-a-node-module-in-typescript.html","content":"TypeScriptで書いたモジュールをnpmに公開するチュートリアル。\n","tags":["TypeScript","npm","JavaScript"],"relatedLinks":[]},{"date":"2017-07-31T11:44:49.728Z","title":"component test // Speaker Deck","url":"https://speakerdeck.com/bokuweb/component-test","content":"ビジュアルリグレッションツールのreg-suitについてのスライド。\nスナップショットとして保存した画像同士を比較しリグレッションを検知する。\nプラグインでスナップショットの保存先や通知先を変更できる。","tags":["JavaScript","testing","UI","slide"],"relatedLinks":[{"title":"reg-suit","url":"https://reg-viz.github.io/reg-suit/"}]},{"date":"2017-07-31T14:50:59.337Z","title":"Get ready: A new V8 is coming, Node.js performance is changing. | nearForm","url":"https://www.nearform.com/blog/node-js-is-getting-a-new-v8-with-turbofan/","content":"V8のバージョンごとの典型的なケースにおけるパフォーマンスについて。TurboFunによる最適化の違い。\ntry-catch、`delete`と`undefined`の代入、`argumetns`の渡し方の違い、bind、forループ、オブジェクトの生成などのケースいおける比較","tags":["V8","JavaScript","performance"],"relatedLinks":[]},{"date":"2017-07-31T23:25:26.364Z","title":"Release v3.2.0 · storybooks/storybook","url":"https://github.com/storybooks/storybook/releases/tag/v3.2.0","content":"Storybook 3.2.0リリース。\nVueのサポート、メニューの階層表示をサポート、`onDeviceUI`のオプションをサポートなど","tags":["JavaScript","UI","debug","Tools","ReleaseNote"],"relatedLinks":[{"title":"Introducing: Storybook for Vue 🎉 – Storybook – Medium","url":"https://medium.com/storybookjs/introducing-storybook-for-vue-940f222541c5"}]},{"date":"2017-08-01T22:44:19.696Z","title":"deepsweet/hocs: A collection of Higher-Order Components for React","url":"https://github.com/deepsweet/hocs","content":"React用のHigh Order Componentを集めたライブラリ。\nPropsの除外、LifeCycleのhook、debounce、throttleなど","tags":["React","library"],"relatedLinks":[]},{"date":"2017-08-02T01:30:17.269Z","title":"Node.js 8 the Right Way - O'Reilly Media","url":"http://shop.oreilly.com/product/9781680501957.do","content":"2017年10月発売\nNode.js v8についての書籍","tags":["node.js","book"],"relatedLinks":[]},{"date":"2017-08-03T06:04:30.215Z","title":"JavaScriptフレームワーク選定の議論 - Qiita","url":"http://qiita.com/azu/items/2921f62127b8d3a1aa03","content":"JavaScriptのフレームワーク選定やTypeScript/Flowといった言語の選択について。 それぞれのカテゴリにどのような選択肢があり、どのように選択していくのかについて","tags":["JavaScript","library","opinion"],"relatedLinks":[]},{"date":"2017-08-02T14:43:08.647Z","title":"The Critical Request | CSS-Tricks","url":"https://css-tricks.com/the-critical-request/","content":"クリティカルリクエストについて。\n開発者ツールでリクエストのPriorityを見る方法、またPriorityはどのように付けられているか。\nFirst meaningful paintを妨害するリクエストの見つけ方、Priorityを`rel=preload`を使っての管理について","tags":["JavaScript","browser","performance"],"relatedLinks":[]},{"date":"2017-08-03T08:22:07.760Z","title":"TestCafe v0.17.0 Released | TestCafe","url":"http://devexpress.github.io/testcafe/blog/testcafe-v0-17-0-released.html","content":"TestCafe v0.17.0リリース\n`testcafe-browser-provider-electron`の追加、`-c`オプションでConcurrentなテストを実行できるように、Automatic waitの仕組みを改善など","tags":["JavaScript","ReleaseNote","browser","testing"],"relatedLinks":[]},{"date":"2017-08-03T14:25:26.341Z","title":"Release v3.0.0 · sinonjs/sinon","url":"https://github.com/sinonjs/sinon/releases/tag/v3.0.0","content":"Sinon.js 3.0.0リリース。\nDeprecatedとなっていたメソッドを削除、Fake XHR/Fake Serverはniseモジュールへ移動された。\n`format.setFormatter`の追加など","tags":["JavaScript","testing","library","ReleaseNote"],"relatedLinks":[{"title":"Migrating to v3.0 - Sinon.JS","url":"http://sinonjs.org/releases/v3.0.0/migrating-to-3.0/"},{"title":"sinonjs/nise: Fake XHR and fake server","url":"https://github.com/sinonjs/nise"}]},{"date":"2017-08-04T01:00:50.098Z","title":"V8 JavaScript Engine: V8 Release 6.1","url":"https://v8project.blogspot.com/2017/08/v8-release-61.html","content":"V8 6.1リリース。\n`Map`/`Set`/`Object#isPrototypeOf()`/`Reflect.construct`のパフォーマンス改善。\nasm.jsのコードを検証してからwasmへコンパイルするようになるなど","tags":["V8","ReleaseNote"],"relatedLinks":[{"title":"Deprecations and Removals in Chrome 61  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/08/chrome-61-deprecations"}]},{"date":"2017-08-04T01:34:36.299Z","title":"Workspaces in Yarn | Yarn Blog","url":"https://yarnpkg.com/blog/2017/08/02/introducing-workspaces/","content":"lernaのようなmonorepo管理の仕組みであるyarn workspaceについての紹介。\nオプションで有効化できる実験的な機能。リポジトリ内の複数のパッケージを管理して、それぞれのパッケージが依存するモジュールはsymlinkで解決できる。","tags":["yarn","npm"],"relatedLinks":[]},{"date":"2017-08-04T10:55:50.398Z","title":"インクルーシブHTML+CSS & JavaScript 多様なユーザーニーズに応えるフロントエンドデザインパターン | Heydon Pickering, 太田良典, 伊原力也, 株式会社Bスプラウト |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/dp/4862463878","content":"2017年9月29日発売\nInclusive Design Patternsについての翻訳本","tags":["HTML","CSS","JavaScript","accessibility","book"],"relatedLinks":[{"title":"Meet “Inclusive Front-End Design Patterns”, A New Smashing Book – Smashing Magazine","url":"https://www.smashingmagazine.com/inclusive-design-patterns/"}]},{"date":"2017-08-05T03:17:41.560Z","title":"Glamorous v4 is here 💄 🎉 🎊 – Kent C. Dodds – Medium","url":"https://medium.com/@kentcdodds/glamorous-v4-is-here-c678fe02a39a","content":"CSS in JSなライブラリのglamorous v4リリース。\n`theme`引数の削除、`useDisplayNameInClassName`の削除。\n`withProps`、`propsAreCssOverrides`、`shouldClassNameUpdate`のサポートなど","tags":["CSS","React","library","ReleaseNote"],"relatedLinks":[{"title":"Release v4.0.0 · paypal/glamorous","url":"https://github.com/paypal/glamorous/releases/tag/v4.0.0"},{"title":"glamorous/README.md at master · paypal/glamorous","url":"https://github.com/paypal/glamorous/blob/master/other/codemods/README.md"}]},{"date":"2017-08-07T12:08:52.405Z","title":"Release 2.5.0 - 2017.08.05 · zloirock/core-js","url":"https://github.com/zloirock/core-js/releases/tag/v2.5.0","content":"core-js 2.5.0リリース。\n`Promise#finally`、`Promise.try`、`Array#flatten`、`Array#flatMap`の追加。\nCollectionの`of`/`from`静的メソッドの追加、`Math`のProposalの追加、DOM collectionのiterable対応の更新、ProposalのStage対応など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2017-08-07T12:28:44.263Z","title":"StackBlitz","url":"https://stackblitz.com/","content":"VSCodeを使ったオンラインIDE、コードシェアサービス。\nHot reloading、npmモジュールの管理、書いたコードの公開などができる","tags":["webservice","editor"],"relatedLinks":[{"title":"StackBlitz — Online VS Code IDE for Angular &amp; React ⚡","url":"https://medium.com/@ericsimons/stackblitz-online-vs-code-ide-for-angular-react-7d09348497f4"}]},{"date":"2017-08-07T12:37:07.792Z","title":"This in JavaScript | Zell Liew","url":"https://zellwk.com/blog/this/","content":"JavaScriptの`this`についての解説。\nグローバル、オブジェクト、メソッド、関数、Arrow Function、イベントハンドラなどにおける`this`について。\nまた`this`をバインドする`bind`について","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2017-08-07T12:59:50.531Z","title":"真のコンポーネント粒度を求めて // Speaker Deck","url":"https://speakerdeck.com/takazudo/zhen-falsekonponentoli-du-woqiu-mete","content":"CSSとコンポーネントについてのスライド。\nOOCSSやBEMにおけるコンポーネント、Atomic Designにおけるコンポーネントの粒度と抽象化、抽象化を避けたECSSコンポーネントなどについて","tags":["CSS","slide"],"relatedLinks":[]},{"date":"2017-08-08T00:17:11.423Z","title":"最新JavaScript開発～ES2017対応モダンプログラミング | 電子書籍とプリントオンデマンド（POD） | NextPublishing（ネクストパブリッシング）","url":"http://nextpublishing.jp/book/8958.html","viaURL":"https://github.com/jser/ping/issues/70","content":"ES2017についてチュートリアルガイド","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2017-08-07T14:11:20.840Z","title":"複雑なJavaScriptアプリケーションに立ち向かうためのアーキテクチャ // Speaker Deck","url":"https://speakerdeck.com/shinpeim/fu-za-najavascriptapurikesiyonnili-tixiang-kautamefalseakitekutiya","viaURL":"https://github.com/jser/ping/issues/70","content":"見通しが悪いものを分割統治する話。\nプレゼンテーションとドメインの分離(MV*)、モデルをレイヤー分けについて。\nレイヤードアーキテクチャのコンセプトとしてのクリーンアーキテクチャやCQRSについて。\nまた具体的な実装についてなど","tags":["JavaScript","slide","設計"],"relatedLinks":[{"title":"複雑なJavaScriptアプリケーションを考えながら作る話","url":"http://azu.github.io/slide/2016/react-meetup/large-scale-javascript.html"}]},{"date":"2017-08-07T14:46:28.511Z","title":"babel-preset-env@2.0 を試した -トランスパイル環境をスケールさせていく- | mediba Creator × Engineer Blog","url":"http://ceblog.mediba.jp/post/163780014387/babel-preset-env-v2","viaURL":"https://github.com/jser/ping/issues/70","content":"現在αリリースされているbabel-preset-env 2.0αについて。 静的解析した結果のpolyfillだけを読み込む`\"useBuiltIns\": \"usage\"`の解説と挙動について。","tags":["babel","plugin","article","JavaScript"],"relatedLinks":[]},{"date":"2017-08-07T15:00:34.219Z","title":"Linting in Flow – Flow – Medium","url":"https://medium.com/flow-type/linting-in-flow-7709d7a7e969","viaURL":"https://github.com/jser/ping/issues/70","content":"Flow 0.52.0で追加されたFlow linterについての解説。\nESLintのように`.flowconfig`やコメントでルール毎に有効/無効/エラーレベルの制御できる。","tags":["flowtype","article"],"relatedLinks":[{"title":"flow/Changelog.md at v0.52.0 · facebook/flow","url":"https://github.com/facebook/flow/blob/v0.52.0/Changelog.md"},{"title":"Linting Overview | Flow","url":"https://flow.org/en/docs/linting/"}]},{"date":"2017-08-08T11:43:12.579Z","title":"masakazu-yanai/char-canvas: Draw Tool for Ascii Art.","url":"https://github.com/masakazu-yanai/char-canvas","viaURL":"https://github.com/jser/ping/issues/70","content":"CanvasライクなAPIでアスキーアートを扱うライブラリ。\n","tags":["JavaScript","canvas","library"],"relatedLinks":[]},{"date":"2017-08-08T11:53:50.735Z","title":"Release v3.1.0 · sinonjs/sinon","url":"https://github.com/sinonjs/sinon/releases/tag/v3.1.0","viaURL":"https://github.com/jser/ping/issues/70","content":"Sinon.js 3.1.0リリース\nsandboxにファクトリメソッドの追加、\n`sandbox.stub`のリグレッションの修正など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2017-08-08T22:23:50.553Z","title":"Release v3.5.0 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v3.5.0","viaURL":"https://github.com/jser/ping/issues/70","content":"webpack v3.5.0リリース。\nDynamic Importに`webpackMode`のオプションを追加、`require.context`にcontext modeの第4引数を追加など","tags":["webpack","ReleaseNote"],"relatedLinks":[{"title":"Module API - Methods","url":"https://webpack.js.org/api/module-methods/"}]},{"date":"2017-08-08T22:44:46.078Z","title":"Microsoft/napajs: Napa.js: Multi-threaded JavaScript runtime","url":"https://github.com/Microsoft/napajs","viaURL":"https://github.com/jser/ping/issues/70","content":"Node.jsで動くマルチスレッドライブラリ。元々BingでCPU-boundな処理を扱うために作られたもの。\nスレッド(Worker)をまとめたZoneがあり、Zoneに対して値を渡してそれぞれのスレッドで処理が行える","tags":["JavaScript","node.js"],"relatedLinks":[]},{"date":"2017-08-09T13:48:27.434Z","title":"ZEIT – Next.js 3.0","url":"https://zeit.co/blog/next3","viaURL":"https://github.com/jser/ping/issues/70","content":"Next.js 3.0リリース。\nStatic Exportのサポート、Dynamic Impportのサポート、HMRの対応改善など","tags":["React","server","library"],"relatedLinks":[]},{"date":"2017-08-09T23:53:30.465Z","title":"Release Notes for Safari Technology Preview Release 37 | WebKit","url":"https://webkit.org/blog/7862/release-notes-for-safari-technology-preview-release-37/","viaURL":"https://github.com/jser/ping/issues/70","content":"Safari Technology Preview Release 37リリース。\n`navigator.sendBeacon`、`document.elementsFromPoint`のサポート。\n`Promise#finally`、optional `catch` bindingのサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"tc39/proposal-optional-catch-binding: proposal for ECMAScript to allow omission of the catch binding","url":"https://github.com/tc39/proposal-optional-catch-binding"}]},{"date":"2017-08-10T02:17:32.241Z","title":"Node v8.3.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v8.3.0/","viaURL":"https://github.com/jser/ping/issues/70","content":"Node v8.3.0リリース。\nTurbofanが有効化されたV8 6.0へのアップグレード、WHATWG Encodingのサポートなど","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"GET READY: A NEW V8 IS COMING, NODE.JS PERFORMANCE IS CHANGING.","url":"https://medium.com/the-node-js-collection/get-ready-a-new-v8-is-coming-node-js-performance-is-changing-46a63d6da4de"}]},{"date":"2017-08-11T04:34:34.165Z","title":"darcyclarke/rawkit: 🦊 Immediately Open Chrome DevTools when debugging Node.js apps","url":"https://github.com/darcyclarke/rawkit","viaURL":"https://github.com/jser/ping/issues/70","content":"Chromeの立ち上げと`node --inspect`のデバッガーへの接続を自動的に行うことができるツール","tags":["node.js","Chrome","Extension","console","Tools"],"relatedLinks":[]},{"date":"2017-08-12T14:37:11.954Z","title":"JSON to TypeScript interfaces and runtime type-checkers – quicktype","url":"https://ts.quicktype.io/","viaURL":"https://github.com/jser/ping/issues/70","content":"JSONからTypeScript/JSON Schema/Go/C#/Elmなどの型定義/interfaceを生成することができるツール","tags":["JavaScript","JSON","TypeScript","webservice"],"relatedLinks":[]},{"date":"2017-08-12T14:54:03.281Z","title":"Javascript Performance by mikesherov","url":"http://slides.com/mikesherov/javascript-performance","content":"パフォーマンス最適化についてのスライド。\n`O(n^2)`なアルゴリズムを避ける、キャッシュとメモ化、GCを避ける。\n不必要なImmutableを避ける、必要ないことはしない、パフォーマンス計測の仕方などについて。\nnpmやwebpackなど実際のプロジェクトの例などについて","tags":["JavaScript","performance","slide"],"relatedLinks":[]},{"date":"2017-08-12T15:42:27.538Z","title":"Bootstrap 4 Beta · Bootstrap","url":"http://blog.getbootstrap.com/2017/08/10/bootstrap-4-beta/","content":"Bootstrap 4βリリース。\nLessからSassへ、FlexboxとGridシステムの改善、IE8/9のサポート終了、JavaScriptプラグインの書き直しなど","tags":["CSS","library","ReleaseNote"],"relatedLinks":[]},{"date":"2017-08-14T02:42:07.537Z","title":"ES Modules in Node Today! – Web Dev @ Microsoft – Medium","url":"https://medium.com/web-on-the-edge/es-modules-in-node-today-32cff914e4b","content":"Node.jsで今後サポートが予定されているES modulesを扱えるようにするrequire extension hookライブラリ。\n`.mjs`対応やCommonJSとの相互運用性に考慮したオプションなどを持つ","tags":["ECMAScript","JavaScript","Tools","node.js"],"relatedLinks":[{"title":"standard-things/esm: ES modules in Node today!","url":"https://github.com/standard-things/esm"},{"title":"node-eps/002-es-modules.md at master · nodejs/node-eps","url":"https://github.com/nodejs/node-eps/blob/master/002-es-modules.md"}]},{"date":"2017-08-14T11:11:28.283Z","title":"ream/ream: 🚀 Framework for building universal Vue.js app","url":"https://github.com/ream/ream","content":"UniversalなVueアプリのフレームワーク。\nNext.jsやNuxt.jsのディレクトリ構造などの暗黙的な規約ではなく、明示的な設定/コードによりアプリケーションを作れるようにする目的","tags":["JavaScript","Vue","library"],"relatedLinks":[]},{"date":"2017-08-14T11:23:38.787Z","title":"Passing data between Promise callbacks","url":"http://2ality.com/2017/08/promise-callback-data-flow.html","content":"Promiseチェイン間における値のやり取りのパターンについて","tags":["Promises","JavaScript"],"relatedLinks":[]},{"date":"2017-08-14T11:59:12.390Z","title":"Firefox 55 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/ja/docs/Mozilla/Firefox/Releases/55","content":"Firefox 55リリース。\nObject spread/rest operator、SharedArrayBufferに対応。\nWebVR、requestIdleCallback、Intersection Observer API対応。\nまたSelection APIの仕様追従、Geo APIなどがSecure Contextのみで利用可能になるなど","tags":["firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 55.0 リリースノート","url":"https://www.mozilla.jp/firefox/55.0/releasenotes/"},{"title":"Firefox 55: first desktop browser to support WebVR ★ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2017/08/firefox-55-supports-webvr/"},{"title":"Dummy","url":"http://example.com/"}]},{"date":"2017-08-14T12:21:52.502Z","title":"Investigating Performance of Object#toString in ES2015","url":"https://ponyfoo.com/articles/investigating-performance-object-prototype-to-string-es2015","content":"V8の`Object.prototype.toString()`の最適化について。\nES2015で`Symbol.toStringTag`が追加され、toStringはこの実装を考慮する必要がある。(toString自体はオブジェクトの型判定によく使われている)\nオブジェクトが`Symbol.toStringTag`を実装しているかのフラグをMapで持っておき、持ってない場合は余計なlookupを省くようにしたという話。\n元々はSpiderMonkeyでデザインされていた方法をportした内容についての解説。","tags":["JavaScript","V8","performance","firefox"],"relatedLinks":[{"title":"1369042 - Optimize the @@toStringTag and @@toPrimitive lookups","url":"https://bugzilla.mozilla.org/show_bug.cgi?id=1369042#c0"},{"title":"Interesting Symbols - Google ドキュメント","url":"https://docs.google.com/document/d/1q_Y2YM8S055RF1R6qvDe65kOEVO99tdviI1vaDcbnmc/edit#"}]},{"date":"2017-08-14T14:01:06.390Z","title":"zeeshanu/learn-regex: Learn regex the easy way","url":"https://github.com/zeeshanu/learn-regex","content":"正規表現について簡単にまとめられたドキュメント。\n基本的な使い方やメタ文字、フラグなどについて","tags":["正規表現","tutorial"],"relatedLinks":[]},{"date":"2017-08-14T14:29:52.423Z","title":"The Modern Javascript Tutorial","url":"https://javascript.info/","content":"JavaScript/DOM APIのチュートリアルサイト。\nそれぞれの項目ごとに解説やサンプル、演習問題がある。\n","tags":["JavaScript","DOM","tutorial"],"relatedLinks":[]},{"date":"2017-08-14T23:19:10.794Z","title":"Introduction to Preact — a smaller, faster React alternative","url":"https://blog.logrocket.com/introduction-to-preact-a-smaller-faster-react-alternative-ad5532eb6d79","content":"Preactについての記事。\nPreactとは何か、Reactとの違いや互換性(preact-compat)について。\nまたPreactの基本的な使い方、preact-cliを使っての開発についてなど","tags":["React","JavaScript","article"],"relatedLinks":[]},{"date":"2017-08-15T23:11:05.737Z","title":"Ava Test Runner - A Fresh Take On JavaScript Testing and Growing an Open-Source Project - Sessions by Pusher","url":"https://pusher.com/sessions/meetup/the-js-roundabout/ava-test-runner-a-fresh-take-on-javascript-testing-and-growing-an-open-source-project","content":"Node.jsのテストフレームワークであるAVAについてを紹介する発表動画。\n","tags":["node.js","testing","video"],"relatedLinks":[]},{"date":"2017-08-16T00:50:38.586Z","title":"Node v8.4.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v8.4.0/","content":"Node v8.4.0リリース。\nフラグ付きで`http2`をサポート、`util.format`がオブジェクトを扱う`%o`と`%O`をサポートなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2017-08-16T00:54:07.332Z","title":"Release 0.22.0 · avajs/ava","url":"https://github.com/avajs/ava/releases/tag/v0.22.0","content":"AVA 0.22.0リリース。\nデフォルトのconcurrencyをCPUコア数に合わせるように、`t.log`の追加など","tags":["JavaScript","node.js","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2017-08-16T11:07:22.710Z","title":"Chromium Blog: Chrome 61 Beta: JavaScript modules, Payment Request API on desktop, Web Share API, and WebUSB","url":"https://blog.chromium.org/2017/08/chrome-61-beta-javascript-modules.html","content":"Chrom 61βリリース。\n`<script type=module>`のサポート、Payment Request API、Web Share API、WebUSB APIのサポート。\nExpect-CT HTTP headerのサポート、HTTPリクエストURLに`>`や`\\n`が含まれている場合にブロックするように","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Expect-CT Extension for HTTP","url":"http://httpwg.org/http-extensions/expect-ct.html"},{"title":"Prevent requests to HTTP(S) URLs containing raw `\n` and `&lt;`. · Issue #546 · whatwg/fetch","url":"https://github.com/whatwg/fetch/issues/546"}]},{"date":"2017-08-16T13:34:39.829Z","title":"Accessibility Testing with pa11y","url":"https://bitsofco.de/pa11y/","content":"アクセシビリティテストツールのpa11yについての記事。\n基本的な使い方について","tags":["accessibility","article","Tools"],"relatedLinks":[]},{"date":"2017-08-20T13:36:44.819Z","title":"GoogleChrome/puppeteer: Headless Chrome Node API","url":"https://github.com/GoogleChrome/puppeteer","content":"Headless Chromeを扱うライブラリ。\nChromeチームが開発している。","tags":["Chrome","Tools","library"],"relatedLinks":[]},{"date":"2017-08-17T23:17:30.456Z","title":"flow/Changelog.md at v0.53.0 · facebook/flow","url":"https://github.com/facebook/flow/blob/v0.53.0/Changelog.md","content":"Flow 0.53.0リリース。\nReactのモデルに対する型の改善。互換性のない変更も含まれるため`flow-upgrade`コマンドでマイグレーションできるようになっている","tags":["flowtype","React","ReleaseNote"],"relatedLinks":[{"title":"flow-upgrade | Yarn","url":"https://yarnpkg.com/en/package/flow-upgrade"}]},{"date":"2017-08-19T02:04:55.978Z","title":"plouc/nivo: Make dataviz fun again","url":"https://github.com/plouc/nivo","content":"D3.jsとReactを使ったデータビジュアライズコンポーネント。 SVGの出力の対応やサーバサイドレンダリングをしてSVGを取得するHTTP APIなども用意されている。","tags":["JavaScript","React","d3.js","library","グラフ"],"relatedLinks":[]},{"date":"2017-08-18T06:48:07.542Z","title":"Announcing TypeScript 2.5 RC | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2017/08/17/announcing-typescript-2-5-rc/","content":"TypeScript 2.5 RCリリース。\n現在ProposalのOptional catchのサポート、`npm link`などで定義が重複した場合にコンパイルエラーとなる問題を修正、`--preserveSymlinks`のサポートなど","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"Duplicate type declarations with npm link · Issue #6496 · Microsoft/TypeScript","url":"https://github.com/Microsoft/TypeScript/issues/6496"}]},{"date":"2017-08-19T01:55:21.388Z","title":"Release v6.0.0 · h5bp/html5-boilerplate","url":"https://github.com/h5bp/html5-boilerplate/releases/tag/6.0.0","content":"html5-boilerplate 6.0.0リリース","tags":["HTML5","ReleaseNote"],"relatedLinks":[]},{"date":"2017-08-20T07:44:49.014Z","title":"jiayihu/pretty-algorithms: 🌊 Pretty, common and useful algorithms with modern JS and beautiful tests","url":"https://github.com/jiayihu/pretty-algorithms","content":"検索、ソート、カウントなどのよくあるアルゴリズムを実装したライブラリ","tags":["JavaScript","アルゴリズム","library","TypeScript"],"relatedLinks":[]},{"date":"2017-08-20T07:47:22.389Z","title":"Rethinking drag and drop – Alex Reardon – Medium","url":"https://medium.com/@alexandereardon/rethinking-drag-and-drop-d9f5770b4e6b","content":"React向けの縦横リストのD&Dライブラリであるreact-beautiful-dndについて。\nどのようにアクセシビリティやパフォーマンスに気をつけて実装しているかについて書かれている","tags":["React","JavaScript","library","article"],"relatedLinks":[{"title":"atlassian/react-beautiful-dnd: Beautiful, accessible drag and drop for lists with React.js","url":"https://github.com/atlassian/react-beautiful-dnd"}]},{"date":"2017-08-20T16:06:44.509Z","title":"google/songbird: Spatial Audio Encoding on the Web","url":"https://github.com/google/songbird","content":"Web Audio APIを使ったSpatial Audio Encodingライブラリ","tags":["audio","JavaScript","library"],"relatedLinks":[]},{"date":"2017-08-21T02:07:04.628Z","title":"The State of CSS in Angular – Angular Blog","url":"https://blog.angular.io/the-state-of-css-in-angular-4a52d4bd2700","content":"AngularのCSSについて。\nコンポーネントのカプセルCSS、Shadow DOMを使ったnativeのカプセル化、非推奨となった`/deep/`や`:ng-deep`について","tags":["CSS","Angular","article"],"relatedLinks":[{"title":"The New Angular ::ng-deep and the Shadow-Piercing Combinators Drop","url":"https://hackernoon.com/the-new-angular-ng-deep-and-the-shadow-piercing-combinators-deep-and-drop-4b088dbe459"}]},{"date":"2017-08-21T03:51:02.964Z","title":"shellscape/mocha-chrome: Run Mocha tests using headless Google Chrome","url":"https://github.com/shellscape/mocha-chrome","content":"MochaをHeadless chromeで動かすツール","tags":["Chrome","Tools","browser","testing"],"relatedLinks":[]},{"date":"2017-08-21T09:17:42.651Z","title":"streamich/memfs: In-memory filesystem with Node's API","url":"https://github.com/streamich/memfs","content":"Node.jsの`fs`モジュール互換のメモリファイルシステムライブラリ。\nブラウザでも動作する","tags":["node.js","JavaScript","library"],"relatedLinks":[]},{"date":"2017-08-21T23:38:48.908Z","title":"Release DOMPurify 1.0.0 · cure53/DOMPurify","url":"https://github.com/cure53/DOMPurify/releases/tag/1.0.0","content":"XSSサニタイズライブラリのDMOPurify 1.0.0リリース。\nコードベースをES2015にし、rollupしたものを配布するように。バグ修正など","tags":["DOM","ReleaseNote","JavaScript"],"relatedLinks":[]},{"date":"2017-08-22T01:59:15.960Z","title":"HTTP/2 Server Push with Node.js | @RisingStack","url":"http://blog.risingstack.com/node-js-http-2-push/","content":"`--expose-http2`フラグで有効化できるNode.jsのHTTP/2でサーバプッシュを行う方法についてのサンプル","tags":["node.js","HTTP2","article"],"relatedLinks":[]},{"date":"2017-08-23T08:46:36.387Z","title":"Polymer 3.0 preview: npm and ES6 Modules - Polymer Project","url":"https://www.polymer-project.org/blog/2017-08-22-npm-modules","content":"Polymer 3.0での変更点の予定について書かれている。\nBowerは止めnpmをサポート、HTML Importsを止めES modulesへと変更する予定","tags":["WebComponents","library","article"],"relatedLinks":[{"title":"Polymer Developer Summit 2017 - Live Stream Day 1 - YouTube","url":"https://www.youtube.com/watch?v=yTASiOaXlck"}]},{"date":"2017-08-23T11:03:06.149Z","title":"🤖 NEW: Selenium IDE for Chrome (Open-Source), plus additional features = Kantu for Chrome","url":"https://a9t9.com/kantu/web-automation/chrome","content":"操作を記録して再生できるChrome拡張。\nSelecnium IDEのようなものを目指している。","tags":["Chrome","Selenium","Extension"],"relatedLinks":[]},{"date":"2017-08-24T03:25:29.937Z","title":"Release Notes for Safari Technology Preview 38 | WebKit","url":"https://webkit.org/blog/7877/release-notes-for-safari-technology-preview-38/","content":"Safari Technology Preview Release 38リリース。\nBeacon APIのサポート、Web Paymentsを試験的にサポート、`font-display`/`caret-color`の対応、`input`要素の`accept`属性のサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2017-08-24T03:27:51.536Z","title":"Release Inferno 3.8.0 · infernojs/inferno","url":"https://github.com/infernojs/inferno/releases/tag/v3.8.0","content":"Inferno 3.8.0リリース。\n`inferno-router`が非同期データ取得をサポート、`dangerouslySetInnerHtml`のバグ修正など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2017-08-28T03:05:33.262Z","title":"Custom Elements Everywhere","url":"https://custom-elements-everywhere.com/","content":"AngularやReact、Vueなど各種Viewを含むフレームワークがCustom Elementsとどの程度協調処理できているかをまとめたテストスイート","tags":["WebComponents"],"relatedLinks":[]},{"date":"2017-08-28T03:35:01.712Z","title":"tsuyoshiwada/storybook-chrome-screenshot: A Storybook addon, Save the screenshot image of your stories via puppeteer.","url":"https://github.com/tsuyoshiwada/storybook-chrome-screenshot","content":"StorybookのスクリーンショットをHeadless Chromeでキャプチャするツール","tags":["Chrome","testing","スクリーンショット"],"relatedLinks":[]},{"date":"2017-08-28T03:41:40.097Z","title":"Unit testing with Angular and ineeda – Default to Open – Medium","url":"https://medium.com/default-to-open/unit-testing-with-angular-and-ineeda-76746a0c8f58","content":"ineedaというES Proxyを利用したモックライブラリについて。\nAngularを例にネストモックやTypeScriptの型定義について書かれている。","tags":["JavaScript","Angular","testing","TypeScript"],"relatedLinks":[]},{"date":"2017-08-28T03:44:09.964Z","title":"phenomnomnominal/ineeda: ineeda - auto-mocking for JavaScript with Proxies!","url":"https://github.com/phenomnomnominal/ineeda","content":"ES Proxyを使ったモックライブラリ。\n処理のintercept、処理の追加、TypeScriptとの型定義。","tags":["JavaScript","TypeScript","testing","library"],"relatedLinks":[]},{"date":"2017-08-28T04:12:54.246Z","title":"D3 in Depth","url":"http://d3indepth.com/","content":"D3.jsについての電子書籍","tags":["d3.js","book"],"relatedLinks":[]},{"date":"2017-08-28T08:02:05.705Z","title":"bumped/bumped: Makes easy release software","url":"https://github.com/bumped/bumped","content":"npm publishまわりの補助ツール。\nsemverに対するサブコマンドの対応、publishライフサイクルに対するパイプライン処理を書ける、プラグインでの拡張など","tags":["npm","node.js","Tools"],"relatedLinks":[]},{"date":"2017-08-29T00:45:44.015Z","title":"Google Dev Tools are X-Rays Specs For Code – codeburst","url":"https://codeburst.io/google-dev-tools-are-x-rays-specs-for-code-db3e7e17f801","content":"Chromeの開発者ツールを使ってコールスタックトレースとスコープの読み方について","tags":["Chrome","debug","article"],"relatedLinks":[]},{"date":"2017-08-28T13:00:07.664Z","title":"Using React v16 to create self-destructing components","url":"https://medium.com/@gajus/using-react-v16-to-create-self-destructing-components-de8e4eb61d0f","content":"React 16から利用できるself-destructing componentsについて","tags":["React","article"],"relatedLinks":[]},{"date":"2017-08-28T13:05:16.456Z","title":"Release v0.4.0 · sonarwhal/sonar","url":"https://github.com/sonarwhal/sonar/releases/tag/0.4.0","content":"sonar v0.4.0リリース。\n`Strict-Transport-Security`/`Set-Cookie`ヘッダーをチェックするルール、`viewport`の値をチェックするルールの追加など","tags":["JavaScript","Tools","web "],"relatedLinks":[]},{"date":"2017-08-28T13:10:05.864Z","title":"fmsouza/wcode: Monaco-based code editor which runs inside a browser.","url":"https://github.com/fmsouza/wcode","content":"Monacoベースのエディタをブラウザで動かすツール","tags":["editor","library","JavaScript"],"relatedLinks":[]},{"date":"2017-08-28T16:05:44.626Z","title":"SF WebPerf Meetup: Building for Resilience & Performance - Google スライド","url":"https://docs.google.com/presentation/d/11FJdFFWlFOS6QtjjU-YWQ0ltRjmxgRhQqU1CLZTxzeA/present?token=AC4w5ViQ3m5H0R1Zr_C21LlP3f9X1vsTEg%3A1503931823319&includes_info_params=1#slide=id.g1e42364cea_0_119","content":"Client HintとRUMについてのスライド。 クライアント/デバイスの状態に合わせてコンテンツを提供するためのHint APIとRUMについて。 Device MemoryやNetInfo Extension、RUMを計測する方法と低スペックなデバイスではLong Taskがロードタイム","tags":["Chrome","browser","slide"],"relatedLinks":[]},{"date":"2017-08-28T22:59:52.207Z","title":"Release 1.6.0: Config File, JSX · prettier/prettier","url":"https://github.com/prettier/prettier/releases/tag/1.6.0","content":"prettier 1.6.0リリース。\n`.prettierrc`、`.prettierignore`の設定ファイルをサポート。\nJSXのサポート改善、TypeScript 2.5RCのサポート、CLIの引数でignoreパターンをサポートなど","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2017-08-29T00:50:47.492Z","title":"ReactNativeでの開発を通じて得た知見 - razokulover publog","url":"http://razokulover.hateblo.jp/entry/2017/08/28/173807","content":"ReactNativeでのアプリ開発で気をつけたことについて。\nコンポーネント、ステート管理、非同期処理、ルーティング、スタイルなどについて","tags":["React","JavaScript","ios","Android"],"relatedLinks":[]},{"date":"2017-08-31T04:06:39.080Z","title":"Headless mode - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Headless_mode","content":"Firefoxのheadless modeについてのドキュメント","tags":["firefox","document"],"relatedLinks":[]},{"date":"2017-08-31T05:16:14.384Z","title":"What's New In DevTools (Chrome 62)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/08/devtools-release-notes","content":"Chrome 62の開発者ツールの更新点について。\nTop-level `await`がコンソールで利用可能に、特定のnodeのスクリーンショットを取れるように、CSS Gridのハイライト、コンソールフィルタの改善。\nまたHARをインポートできるようになり、キャッシュデータの閲覧ができるように","tags":["Chrome","article"],"relatedLinks":[]},{"date":"2017-08-31T05:27:08.583Z","title":"React for Real - O'Reilly Media","url":"http://shop.oreilly.com/product/9781680502633.do","content":"Reactについての書籍","tags":["React","book"],"relatedLinks":[]},{"date":"2017-09-01T03:12:38.450Z","title":"react-tools/react-move: React Move 🌀 Beautiful, data-driven animations for React","url":"https://github.com/react-tools/react-move","content":"Reactでデータドリブンなアニメーションを行うライブラリ","tags":["React","animation","library"],"relatedLinks":[]},{"date":"2017-09-01T08:50:00.392Z","title":"Announcing TypeScript 2.5 | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2017/08/31/announcing-typescript-2-5/","content":"TypeScript 2.5リリース。\nOptinal-catch-bindingのサポート、エディタ連携の改善、重複/aliasなパッケージの扱いを改善、`--preserveSymlinks`のサポートなど","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"Typescript 2.5 リリース - abcdefGets","url":"http://abcdef.gets.b6n.ch/entry/2017/09/01/143601"}]},{"date":"2017-09-02T06:32:10.130Z","title":"New Javascript Books","url":"https://newjavascriptbooks.com/","content":"JavaScriptについての新書をまとめてるサイト","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2017-09-02T06:42:05.248Z","title":"Ember.js - Ember 2.15 and 2.16 Beta Released","url":"https://emberjs.com/blog/2017/09/01/ember-2-15-released.html","content":"Ember 2.15リリース。\n`Ember.Router`のスーパーセットである`router` serviceの公開など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2017-09-03T23:15:20.353Z","title":"Concurrent JavaScript: It can work! | WebKit","url":"https://webkit.org/blog/7846/concurrent-javascript-it-can-work/","content":"`SharedArrayBuffer`が追加されるため、JavaScriptでThreadをサポートした場合にどうなるのかという思考実験についての記事。\n現在のJavaScript VMはシングルスレッドであることを利用しているので、マルチスレッドの場合のVMのパフォーマンスなどについて。","tags":["JavaScript","webkit"],"relatedLinks":[]},{"date":"2017-09-05T00:03:22.521Z","title":"Kea vs setState, Redux, Mobx, Dva, JumpState, Apollo, etc.","url":"https://medium.com/@mariusandra/kea-vs-setstate-redux-mobx-dva-jumpstate-apollo-etc-4aa26ea11d02","content":"React向けのステート管理ライブラリのKeaについての記事。","tags":["JavaScript","React","redux"],"relatedLinks":[{"title":"Kea","url":"https://kea.js.org/"}]},{"date":"2017-09-03T23:34:52.462Z","title":"Form Validation with Web Audio | CSS-Tricks","url":"https://css-tricks.com/form-validation-web-audio/","content":"Web Audio APIとフォームバリデーションを組み合わせる話。\n","tags":["web ","audio","accessibility","article"],"relatedLinks":[]},{"date":"2017-09-04T05:41:45.278Z","title":"Measuring performance gains — AngularJS to React (with Redux or Mobx)","url":"https://medium.com/@guptagaruda/measuring-performance-gains-angularjs-to-react-with-redux-or-mobx-fb221517455","content":"3つのベンチマークアプリを元にAngular 1.xとReact/Redux/Mobxを比較した記事。\n現在も多くのエンタープライズアプリがAngular 1.xで動いているため、Reactに移ることでどのようなメリットがあるのかを計測する目的","tags":["React","Angular"],"relatedLinks":[]},{"date":"2017-09-04T05:45:47.626Z","title":"Decaffeinating a Large CoffeeScript Codebase Without Losing Sleep · DataFox Tech Blog","url":"http://eng.datafox.com/javascript/2017/07/18/decaffeinating-large-coffeescript-codebase/","content":"bulk-decaffeinateを使ったCoffeeScriptからJavaScriptへの移行手順についての記事。","tags":["CoffeeScript","JavaScript"],"relatedLinks":[]},{"date":"2017-09-04T06:33:10.354Z","title":"🏁 Release: Iteration 10 – 10th developer preview · Issue #177 · ckeditor/ckeditor5-design","url":"https://github.com/ckeditor/ckeditor5-design/issues/177","content":"CKEditor 5 v0.10.0リリース。\nMSEdgeのサポート、ツールチップメニューの改善、クリップボードの改善など","tags":["JavaScript","editor","library","ReleaseNote"],"relatedLinks":[{"title":"CKEditor 5 Developer Preview (v0.10.0)","url":"https://ckeditor5.github.io/"},{"title":"CKEditor 5 – Roadmap to 1.0.0 and beyond · Issue #172 · ckeditor/ckeditor5-design","url":"https://github.com/ckeditor/ckeditor5-design/issues/172"}]},{"date":"2017-09-04T06:43:44.724Z","title":"Rendering on Google Search  |  Search  |  Google Developers","url":"https://developers.google.com/search/docs/guides/rendering","content":"Google Search Botのレンダリングサブシステムで利用してるChromeのバージョンやサポートしてない(無効化されている)機能について書かれてる。\n2017年9月4日現在はChrome 41をベースにしている","tags":["Chrome","google","SEO","browser"],"relatedLinks":[{"title":"来日したGoogleゲイリーに何でも聞いてみた――プロジェクトOWL、検索アナリティクス、PWA etc. #inhouseseo | 海外SEO情報ブログ","url":"https://www.suzukikenichi.com/blog/ama-with-gary/amp/"}]},{"date":"2017-09-04T07:36:43.954Z","title":"React + RxJSで始める状態管理 - VOYAGE GROUP techlog","url":"http://techlog.voyagegroup.com/entry/2017/08/31/102915","content":"Write層とRead層を分けることでのメリットとデメリットについて。 \n複雑さに対する責務の分離と依存局所化について","tags":["JavaScript","TypeScript","almin","設計"],"relatedLinks":[]},{"date":"2017-09-04T07:55:49.102Z","title":"lukechilds/keyv: Simple key-value store with support for multiple backends","url":"https://github.com/lukechilds/keyv","content":"Redis、MySQLなどさまざまなバックエンドに対応してるシンプルなKVSライブラリ。\nMap的なAPIを実装したadpterを使うことでバックエンドを変更できる","tags":["node.js","library"],"relatedLinks":[]},{"date":"2017-09-05T01:02:11.509Z","title":"help wanted · Issue #5 · browserify/discuss","url":"https://github.com/browserify/discuss/issues/5","content":"browserifyのissueと今後(ES Moduleやhmrなど)について。\nbrowserify organizationにそれぞれのパッケージが移されまとめて管理されるようになった","tags":["browserify","issue"],"relatedLinks":[]},{"date":"2017-09-05T01:18:26.580Z","title":"phantombuster/nickjs: Web scraping library made by the Phantombuster team. Modern, simple & works on all websites.","url":"https://github.com/phantombuster/nickjs","content":"Headless ChromeとPhantomJSをサポートしてるスクレイピングライブラリ","tags":["JavaScript","browser","library"],"relatedLinks":[{"title":"Phantombuster: API-fy the Web","url":"https://phantombuster.com/"}]},{"date":"2017-09-05T05:30:35.303Z","title":"O'Reilly Japan - 初めての自動テスト","url":"https://www.oreilly.co.jp/books/9784873118161/","content":"2017年9月21日発売\nUIテスト、結合テスト、ユニットテスト、TDDなどウェブブラウザにおけるテストについての書籍","tags":["browser","testing","book"],"relatedLinks":[]},{"date":"2017-09-06T02:52:40.935Z","title":"Node v6.11.3 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v6.11.3/","content":"Node v6.11.3(LTS)リリース\nhash floodingの脆弱性の為無効になっていたV8のSnapshotsが再度有効化された。","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"V8 JavaScript Engine: About that hash flooding vulnerability in Node.js…","url":"https://v8project.blogspot.jp/2017/08/about-that-hash-flooding-vulnerability.html"}]},{"date":"2017-09-06T05:52:12.970Z","title":"AngularDart 4","url":"http://news.dartlang.org/2017/09/angulardart-4.html","content":"AngularDart 4リリース","tags":["Angular","dart"],"relatedLinks":[]},{"date":"2017-09-06T05:57:56.856Z","title":"New in Chrome 61  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/09/nic61","content":"Chrome 61リリース。\n`<script type=module>`、`navigator.share`、WebUSB APIのサポートなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Chrome Platform Status","url":"https://www.chromestatus.com/features#browsers.chrome.desktop%3D61"},{"title":"Chromium Blog: Chrome 61 Beta: JavaScript modules, Payment Request API on desktop, Web Share API, and WebUSB","url":"https://blog.chromium.org/2017/08/chrome-61-beta-javascript-modules.html"}]},{"date":"2017-09-07T03:37:06.800Z","title":"Release Notes for Safari Technology Preview 39 | WebKit","url":"https://webkit.org/blog/7913/release-notes-for-safari-technology-preview-39/","content":"Safari Technology Preview Release 39リリース。\nBeacon APIの改善、`FetchRequest.body`のサポート、Stage 3のRegExp `dotAll`のサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2017-09-07T12:54:20.915Z","title":"AssemblyScript/assemblyscript: A subset of TypeScript that compiles to WebAssembly.","url":"https://github.com/AssemblyScript/assemblyscript","content":"TypeScriptのサブセットとして定義された言語。\nWebAssemblyへコンパイルすることができる。","tags":["TypeScript","WebAssembly"],"relatedLinks":[]},{"date":"2017-09-07T13:00:58.934Z","title":"React 16 RC · Issue #10294 · facebook/react","url":"https://github.com/facebook/react/issues/10294","content":"React 16 RCリリース。 `Map`/`Set`に依存してるのでpolyfillが必要、コアの書き直し(Fiber)。Stream SSRのサポート、`componentDidCatch`で子コンポーネントのエラーをキャッチできるように、bundleとして提供するようになるなど。","tags":["React","ReleaseNote","issue"],"relatedLinks":[]},{"date":"2017-09-07T14:27:33.682Z","title":"Polymer Summit 2017 - YouTube","url":"https://www.youtube.com/watch?v=tNulrEbTQf8","content":"Polymer Summit 2017の動画一覧","tags":["JavaScript","Conference","video"],"relatedLinks":[{"title":"Polymer Summit 2017","url":"https://summit.polymer-project.org/"}]},{"date":"2017-09-07T14:40:31.322Z","title":"Google Developer Days Europe 2017 - YouTube","url":"http://www.youtube.com/playlist?list=PLOU2XLYxmsIJz-cYWfjQP8SV7n8C-PTVm","content":"Google Developer Days Europeの動画一覧","tags":["google","ProgressiveWebApp","Conference","video"],"relatedLinks":[]},{"date":"2017-09-07T14:51:53.994Z","title":"pinterest/service-workers: A collection of utilities for creating/testing/experimenting with service workers.","url":"https://github.com/pinterest/service-workers","content":"pinterestのService Workerツールチェイン。\nService Workerでキャッシュするファイルの管理、webpackプラグイン、テストなど","tags":["ServiceWorker","Tools","library"],"relatedLinks":[]},{"date":"2017-09-08T01:25:26.642Z","title":"Announcing Yarn 1.0 | Engineering Blog | Facebook Code","url":"https://code.facebook.com/posts/274518539716230","content":"Yarn 1.0リリース。\nYarn Workspaceがデフォルトで有効化、`yarn.lock`のパーサをモジュールに分離、`--cwd`のサポート、`yarn.lock`のコンフリクトを自動的に解消できるように。\n暗黙的な`file:`依存に警告を出すように、`yarn clean`が`yarn autoclean`へリネームなど","tags":["yarn","ReleaseNote"],"relatedLinks":[{"title":"Release v1.0.0 ! 🎉 · yarnpkg/yarn","url":"https://github.com/yarnpkg/yarn/releases/tag/v1.0.0"},{"title":"@yarnpkg/lockfile","url":"https://www.npmjs.com/package/@yarnpkg/lockfile"}]},{"date":"2017-09-08T02:56:03.807Z","title":"続・Webブラウザのカラーマネジメント対応まとめ : やんま まのblog（仮）","url":"http://blog.livedoor.jp/yamma_ma/archives/38413741.html","content":"ブラウザのカラーマネージメント/プロファイルの対応についてのまとめ","tags":["browser","color"],"relatedLinks":[]},{"date":"2017-09-09T04:34:59.862Z","title":"Release v0.6.0 · sonarwhal/sonar","url":"https://github.com/sonarwhal/sonar/releases/tag/0.6.0","content":"sonar v0.6.0リリース。\n`apple-touch-icon`のチェックツールの追加、`summary`フォーマッターを追加など","tags":["Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2017-09-10T02:30:21.611Z","title":"Transform | All important transforms at one place.","url":"https://transform.now.sh/","content":"JSONからReact PropTypesやHTMLからJSX、GraphQLからTypeScriptなど色々な変換を行うツール。","tags":["JavaScript","Tools","webservice"],"relatedLinks":[]},{"date":"2017-09-10T03:42:43.463Z","title":"fastify/fastify: Fast and low overhead web framework, for Node.js","url":"https://github.com/fastify/fastify","content":"Node.jsのウェブフレームワーク。 オーバーヘッドが小さなルーティング、Schemaベースなシリアライズ、express/connect互換のmiddlewareなどを持っている","tags":["library","node.js","server"],"relatedLinks":[]},{"date":"2017-09-10T11:27:30.327Z","title":"antonmedv/jsize: Find out minified and gzipped npm package size","url":"https://github.com/antonmedv/jsize","content":"npmモジュールのサイズ(gzip)を見ることができるツール。\n複数のモジュールを`+`で組み合わせると重複したモジュールも考慮した合計サイズを取得できる。","tags":["JavaScript","npm","node.js","Tools"],"relatedLinks":[]},{"date":"2017-09-10T13:26:49.788Z","title":"ウェブブラウザ向け深層学習モデル高速実行フレームワーク「WebDNN」 // Speaker Deck","url":"https://speakerdeck.com/kiikurage/uebuburauzaxiang-keshen-ceng-xue-xi-moderugao-su-shi-xing-huremuwaku-webdnn","viaURL":"https://github.com/jser/ping/issues/73","content":"WebDNNについてのスライド。\nWebGPU/WebGL/WebAssemblyなどを使ったウェブブラウザでの計算バックエンドについて。\nKerasやTensorFlowなどの学習モデルが変換可能で、クライアントサイドで高速な計算処理を行うにおいての最適化などについて","tags":["slide","JavaScript","browser","機械学習"],"relatedLinks":[{"title":"MIL WebDNN","url":"https://mil-tokyo.github.io/webdnn/"}]},{"date":"2017-09-11T10:40:21.857Z","title":"Release Workbox v2.0.0 · GoogleChrome/workbox","url":"https://github.com/GoogleChrome/workbox/releases/tag/v2.0.0","content":"Workbox v2.0.0リリース。\n","tags":["ServiceWorker","ReleaseNote"],"relatedLinks":[]},{"date":"2017-09-11T10:42:28.824Z","title":"Angular vs. React vs. Vue: A 2017 comparison – unicorn.supplies – Medium","url":"https://medium.com/unicorn-supplies/angular-vs-react-vs-vue-a-2017-comparison-c5c52d620176","content":"JavaScriptフレームワークの比較記事。\nAngular、React、Vueについてを色々な面から比較している。","tags":["JavaScript","library","opinion","article"],"relatedLinks":[]},{"date":"2017-09-11T10:44:31.348Z","title":"JavaScript conferences in 2017 | Confs.tech","url":"https://confs.tech/","content":"JavaScriptのカンファレンスまとめサイト","tags":["JavaScript","Conference","まとめ"],"relatedLinks":[]},{"date":"2017-09-11T11:17:41.104Z","title":"allegro/node-worker-nodes: A node.js library to run cpu-intensive tasks in a separate processes and not block the event loop.","url":"https://github.com/allegro/node-worker-nodes","content":"Node.jsで複数のプロセスに分割してcpu-intensiveな処理を扱うライブラリ","tags":["node.js","library"],"relatedLinks":[]},{"date":"2017-09-11T11:20:04.920Z","title":"Learn How To Debug JavaScript with Chrome DevTools – codeburst","url":"https://codeburst.io/learn-how-to-debug-javascript-with-chrome-devtools-9514c58479db","content":"Chromeの開発者ツールを使ったデバッグ方法について。\nデバッガーでのブレークポイントを貼ったデバッグ方法についてをステップバイステップで解説している。","tags":["JavaScript","Chrome","debug","article"],"relatedLinks":[]},{"date":"2017-09-13T01:06:26.068Z","title":"Node v8.5.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v8.5.0/","content":"Node.js v8.5.0リリース。\nV8 Snapshotを再有効化、`console.group`の実装、`fs.copyFile`の追加、`--experimental-modules`フラグでES modulesをサポート、Performance Timing APIのサポートなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2017-09-13T02:43:28.809Z","title":"Zero-config code transformation with babel-macros · Babel","url":"https://babeljs.io/blog/2017/09/11/zero-config-with-babel-macros","content":"babel-macrosを使ったコンパイル時のマクロ処理について。\nコンパイル時にfsで取得したSVGをインライン化などに利用できる。","tags":["babel","article","plugin"],"relatedLinks":[]},{"date":"2017-09-14T00:04:38.455Z","title":"Tumblr Engineering — Flow and TypeScript","url":"https://javascript.tumblr.com/post/165082071937/flow-and-typescript","content":"TypeScriptとFlowの型エラーメッセージにについての比較","tags":["TypeScript","flowtype"],"relatedLinks":[]},{"date":"2017-09-14T00:55:24.676Z","title":"V8 JavaScript Engine: V8 Release 6.2","url":"https://v8project.blogspot.com/2017/09/v8-release-62.html","content":"V8 v6.2リリース。\n`Object#toString()`、ES Proxyのパフォーマンス改善、RegExpの`dotAll`モードのサポート、FullCodeGen関連のコードを削除など","tags":["V8","ReleaseNote"],"relatedLinks":[]},{"date":"2017-09-14T12:43:24.558Z","title":"What's Coming in EdgeHTML 16 - Microsoft Edge Development | Microsoft Docs","url":"https://docs.microsoft.com/en-us/microsoft-edge/dev-guide/whats-new/edgehtml-16","content":"MSEdge(EdgeHTML) 16の変更点について。\nCSS Gridのサポート、Payment Request APIのサポート、WebVRのサポート、Service Workerの対応など","tags":["MSEdge","ReleaseNote"],"relatedLinks":[]},{"date":"2017-09-14T12:48:05.363Z","title":"Service Worker Lifecycle by Suguru Inatomi","url":"http://slides.com/laco/2017-09-14_sw-lifecycle#/","content":"Service Workerのライフサイクルについてのスライド。\nService Workerの登録から削除までのライフサイクルやWorkerの状態について。\nデモアプリで実際に実行して確認することができる。","tags":["ServiceWorker","slide"],"relatedLinks":[{"title":"Service Worker のライフサイクル  |  Web  |  Google Developers","url":"https://developers.google.com/web/fundamentals/instant-and-offline/service-worker/lifecycle"},{"title":"SwLifecycleSandbox","url":"https://sw-lifecycle-sandbox.firebaseapp.com/"}]},{"date":"2017-09-15T02:10:33.113Z","title":"Release 1.7.0: JSX tweaks, Pragma, TypeScript and CSS fixes · prettier/prettier","url":"https://github.com/prettier/prettier/releases/tag/1.7.0","content":"Prettier 1.7.0リリース。\nJSXのフォーマット変更、CSSの大文字小文字の統一、`@prettier`のpragmaをサポートなど","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2017-09-15T03:39:16.979Z","title":"Deploying ES2015+ Code in Production Today — Philip Walton","url":"https://philipwalton.com/articles/deploying-es2015-code-in-production-today/","content":"moduleをサポートしてるブラウザ向けとそれ以外でビルドしたファイルを分けて配信する方法について。\nwebpack/babelの設定、ファイルサイズやパース時間の違いなど","tags":["ECMAScript","JavaScript","browser","webpack"],"relatedLinks":[]},{"date":"2017-09-15T06:59:29.404Z","title":"A React And Preact Progressive Web App Performance Case Study: Treebo","url":"https://medium.com/dev-channel/treebo-a-react-and-preact-progressive-web-app-performance-case-study-5e4f450d5299","content":"Reactなアプリの起動速度を改善したケーススタディ。\nサーバーサイドレンダリング、ルーティングとコード分割、HTMLのストリーミング配信、CSSのクリティカルパス、SWの利用、Preactへの移行、プレースホルダ表示などについて","tags":["React","article","performance"],"relatedLinks":[]},{"date":"2017-09-15T14:10:01.711Z","title":"Learning React Native: Building Native Mobile Apps with JavaScript: Bonnie Eisenman: 9781491989142: Amazon.com: Books","url":"https://www.amazon.com/Learning-React-Native-Building-JavaScript/dp/1491989149","content":"2017年11月25日発売\nReact Native本の第二版","tags":["React","book","ios","Android"],"relatedLinks":[]},{"date":"2017-09-16T04:28:31.593Z","title":"ai/size-limit: Prevent JS libraries bloat. If you accidentally add a massive dependency, Size Limit will throw an error.","url":"https://github.com/ai/size-limit","content":"パッケージのサイズが一定以上になると例外を投げるCLIツール","tags":["JavaScript","library","npm"],"relatedLinks":[]},{"date":"2017-09-16T09:21:09.697Z","title":"Pro TypeScript: Application-Scale JavaScript Development: Steve Fenton: 9781484232484: Amazon.com: Books","url":"https://www.amazon.com/dp/1484232488","content":"2018年5月26日発売\nTypeScriptでの開発についての本","tags":["TypeScript","book"],"relatedLinks":[]},{"date":"2017-09-17T08:43:07.889Z","title":"作りながら学ぶ React入門 | 吉田裕美 |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/%E4%BD%9C%E3%82%8A%E3%81%AA%E3%81%8C%E3%82%89%E5%AD%A6%E3%81%B6-React%E5%85%A5%E9%96%80-%E5%90%89%E7%94%B0%E8%A3%95%E7%BE%8E/dp/479805075X","content":"Reactについての書籍","tags":["React","book"],"relatedLinks":[]},{"date":"2017-09-18T04:46:37.805Z","title":"egoist/package-size: Get the bundle size of an npm package.","url":"https://github.com/egoist/package-size","content":"npmパッケージのbundleサイズを取得できるツール。\nbundleしたファイルサイズ、minified(webpack)、gzipのサイズを一覧できる","tags":["npm","library","Tools"],"relatedLinks":[]},{"date":"2017-09-18T12:26:42.626Z","title":"hiproxy/hiproxy: 🛠 hiproxy is a lightweight proxy tool for Front-End developers based on Node.js that supports an NGINX-like configuration. 🔥","url":"https://github.com/hiproxy/hiproxy","content":"フロントエンドの開発向けProxyツール。\nNginxライクな設定ファイル、HTTPSの対応など","tags":["node.js","proxy","library","Tools"],"relatedLinks":[]},{"date":"2017-09-18T12:33:53.108Z","title":"Getting up and running with GraphQL - Pusher Blog","url":"https://blog.pusher.com/getting-up-and-running-with-graphql/","content":"GraphQLのチュートリアル。\nGraphQLの基本的な機能について","tags":["GraphQL","tutorial"],"relatedLinks":[]},{"date":"2017-09-18T12:43:54.230Z","title":"Planning for 7.0 · Babel","url":"https://babeljs.io/blog/2017/09/12/planning-for-7.0","content":"現在βがでているBabel 7.0の予定について。主な変更点やプロジェクトのゴールについて。","tags":["babel","article","opinion"],"relatedLinks":[{"title":"Upgrade to Babel 7 (WIP) · Babel","url":"https://babeljs.io/blog/2017/03/01/upgrade-to-babel-7"},{"title":"Upgrade to Babel 7 for Tool Authors (WIP) · Babel","url":"https://babeljs.io/blog/2017/03/01/upgrade-to-babel-7-for-tool-authors"}]},{"date":"2017-09-18T14:42:19.526Z","title":"Autoplay Policy Changes  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/09/autoplay-policy-changes","content":"Chromeデスクトップの自動再生ポリシーの変更について。\nSafari 11と同様に音がある動画はユーザーインタラクションや幾つかの条件を満たした場合のみ自動再生が可能になる。\nMedia Engagement Indexやiframeの」`gesture=\"media\"`属性についてなど","tags":["Chrome","video","article"],"relatedLinks":[{"title":"Auto-Play Policy Changes for macOS | WebKit","url":"https://webkit.org/blog/7734/auto-play-policy-changes-for-macos/"},{"title":"Chromium Blog: Unified autoplay","url":"https://blog.chromium.org/2017/09/unified-autoplay.html"},{"title":"Autoplay - The Chromium Projects","url":"https://sites.google.com/a/chromium.org/dev/audio-video/autoplay"}]},{"date":"2017-09-19T01:03:22.126Z","title":"Quasar Framework","url":"http://quasar-framework.org/","content":"Vueを使ったUIフレームワーク","tags":["Vue","UI","library"],"relatedLinks":[]},{"date":"2017-09-19T01:19:58.538Z","title":"Announcing CoffeeScript 2","url":"http://coffeescript.org/announcing-coffeescript-2/","content":"CoffeeScript 2リリース。 \nES2015+に準拠した変更が含まれる。`class`や`=>`がES2015と同等に、 一行コメントが出力されるようになり、Async function、JSX、ES module、for...ofの対応など","tags":["CoffeeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2017-09-19T01:30:43.542Z","title":"Building the DOM faster: speculative parsing, async, defer and preload ★ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2017/09/building-the-dom-faster-speculative-parsing-async-defer-and-preload/","content":"JavaScriptやCSSなどのリソースのロードについて。\n`async`属性、`defer`属性、`rel=preload`でのロードの違いについての解説。\nリソースのロードとレンダリングのブロッキングについてを図解している。","tags":["DOM","browser","JavaScript"],"relatedLinks":[]},{"date":"2017-09-19T01:36:48.239Z","title":"Finally the Promise.prototype.finally() is available","url":"https://hospodarets.com/promise.prototype.finally","viaURL":"https://github.com/jser/ping/issues/76","content":"現在Stage 3のPromise#finallyについての解説。\nPromise#finallyのユースケースについてデモを交えての解説している。またasync/awaitとtry/catch/finallyの組み合わせとの類似点について。","tags":["Promises","JavaScript","ECMAScript","proposal"],"relatedLinks":[{"title":"tc39/proposal-promise-finally: ECMAScript Proposal, specs, and reference implementation for Promise.prototype.finally","url":"https://github.com/tc39/proposal-promise-finally"}]},{"date":"2017-09-19T23:08:42.253Z","title":"Building Progressive Web Apps: Bringing the Power of Native to the Browser: Tal Ater: 9781491961650: Amazon.com: Books","url":"https://www.amazon.com/Building-Progressive-Web-Apps-Bringing/dp/1491961651","content":"PWAについての書籍","tags":["ProgressiveWebApp","JavaScript","book"],"relatedLinks":[]},{"date":"2017-09-20T12:31:49.333Z","title":"cure53/browser-sec-whitepaper","url":"https://github.com/cure53/browser-sec-whitepaper/","content":"ブラウザセキュリティに関する文章。 各ブラウザ/色々なケースでの攻撃方法や脆弱性について書かれている","tags":["PDF","browser","security"],"relatedLinks":[]},{"date":"2017-09-20T22:34:20.053Z","title":"Almin + React/Vue.jsのパフォーマンスプロファイルをタイムライン表示できるように | Web Scratch","url":"http://efcl.info/2017/09/20/almin-performance-profile-0.14.0/","content":"Almin/React/Vueのパフォーマンスオプションについて。\n開発者ツールのタイムラインでそれぞれの処理時間を可視化できる。","tags":["React","Vue","almin","debug","performance"],"relatedLinks":[]},{"date":"2017-09-22T03:08:31.722Z","title":"Chromium Blog: Chrome 62 Beta: Network Quality Estimator API, OpenType variable fonts, and media capture from DOM elements","url":"https://blog.chromium.org/2017/09/chrome-62-beta-network-quality.html","content":"Chrome 62βリリース。\nNetwork Quality Estimator API、OpenType Variable Fontsのサポート。\nCSS color parserが`#RRGGBBAA`のような形式もサポート、MSEがFLACをサポートなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2017-09-22T03:53:21.619Z","title":"Safari 11.0","url":"https://developer.apple.com/library/content/releasenotes/General/WhatsNewInSafari/Safari_11_0/Safari_11_0.html","content":"Safari 11.0リリース。 WebRTC、WebAssermbly、Media Capture API、WebCrypto APIのアルゴリズム追加、Resource timing APIのサポート。 CSSではVariable fonts、CSS strokeのサポート。 ホームスクリーンアプリでWebKitの機能をサポート、追跡クッキーの防止など","tags":["ReleaseNote","safari"],"relatedLinks":[{"title":"New WebKit Features in Safari 11 | WebKit","url":"https://webkit.org/blog/7956/new-webkit-features-in-safari-11/"}]},{"date":"2017-09-22T13:54:04.227Z","title":"Vue.js 2 Material Component Framework | Vuetify.js","url":"https://vuetifyjs.com/","content":"Vueを使ったMaterialデザインのUIフレームワーク","tags":["Vue","UI","library"],"relatedLinks":[]},{"date":"2017-09-22T23:13:30.307Z","title":"Relicensing React, Jest, Flow, and Immutable.js | Engineering Blog | Facebook Code","url":"https://code.facebook.com/posts/300798627056246/relicensing-react-jest-flow-and-immutable-js/","content":"React、Jest、Flow、Immutable.jsはBSD + PatentライセンスからMITライセンスへ変更される。\n技術的要因以外で停滞するのは好ましくないため、エコシステムの基盤となるライブラリ/ツールのライセンス変更を決定した。","tags":["React","license","news"],"relatedLinks":[]},{"date":"2017-09-23T00:39:52.658Z","title":"asm.js: 仕様と実装の今 - Qiita","url":"http://qiita.com/mod_poppo/items/de5c6f2f4604b84b1bc1","content":"asm.jsの仕様と各ブラウザ(Firefox、MSEdge、Chrome)の実装の差異について","tags":["JavaScript","asm.js"],"relatedLinks":[{"title":"dherman/asm.js: A low-level, extraordinarily optimizable subset of JavaScript.","url":"https://github.com/dherman/asm.js"}]},{"date":"2017-09-23T10:31:04.949Z","title":"mbeaudru/modern-js-cheatsheet: Cheatsheet for the JavaScript knowledge you will frequently encounter in modern projects.","url":"https://github.com/mbeaudru/modern-js-cheatsheet","content":"ES2015の構文などを中心に紹介するチートシート","tags":["JavaScript","チートシート"],"relatedLinks":[]},{"date":"2017-09-23T12:53:23.543Z","title":"Release Dexie v2.0.0 · dfahlander/Dexie.js","url":"https://github.com/dfahlander/Dexie.js/releases/tag/v2.0.0","content":"IndexedDBラッパーのDexie v2.0.0リリース。\nIndexedDB 2.0のサポート、Safariのサポートなど","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2017-09-23T23:17:52.772Z","title":"Debugging in 2017 with Node.js - YouTube","url":"https://www.youtube.com/watch?v=Xb_0awoShR8","content":"Node.jsなアプリをChromeの開発者ツールでデバッグする方法についての発表。\n`process._debugProcess(pid)`での既存プロセスのデバッグ、開発者ツールをコードから扱う方法、`chrome://tracing`との連携などについて","tags":["node.js","Chrome","debug","video"],"relatedLinks":[]},{"date":"2017-09-24T03:59:09.405Z","title":"uber/luma.gl: A JavaScript WebGL Framework for Data Visualization","url":"https://github.com/uber/luma.gl","content":"WebGLを使ったデータビジュアライゼーションフレームワーク。\nWebGL2にも対応していて、過度な抽象化を避けたAPIを提供する目的","tags":["WebGL","JavaScript"],"relatedLinks":[]},{"date":"2017-09-24T04:00:29.896Z","title":"Microsoft Edge Web Summit 2017 | Channel 9","url":"https://channel9.msdn.com/Events/WebPlatformSummit/Microsoft-Edge-Web-Summit-2017","content":"MSEdge Web Summit 2017の動画一覧","tags":["MSEdge","video","Conference"],"relatedLinks":[]},{"date":"2017-09-24T11:46:45.989Z","title":"mjavascript/practical-modern-javascript: 🏊 Dive into ES6 and the future of JavaScript","url":"https://github.com/mjavascript/practical-modern-javascript","content":"ES2015以降のJavaScriptについて書かれた電子書籍。CC by-nc-saで公開されている。","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2017-09-24T15:20:28.434Z","title":"Upcoming TypeScript Changes in Vue 2.5 – The Vue Point – Medium","url":"https://medium.com/the-vue-point/upcoming-typescript-changes-in-vue-2-5-e9bd7e2ecf08","content":"Vue 2.5でTypeScriptの型定義周りが改善されることについて。\nまた、Vueのlanuguage-serverも併せて更新されているため、JavaScriptを使った場合もエディタでの補完などが改善される。","tags":["TypeScript","Vue"],"relatedLinks":[{"title":"vetur/server at master · vuejs/vetur","url":"https://github.com/vuejs/vetur/tree/master/server"}]},{"date":"2017-09-24T15:30:33.428Z","title":"To type or not to type: quantifying detectable bugs in JavaScript | the morning paper","url":"https://blog.acolyer.org/2017/09/19/to-type-or-not-to-type-quantifying-detectable-bugs-in-javascript/","content":"JavaScriptに型注釈を加えることでどの程度バグを検出できるかという論文の紹介記事。\nGitHubで実際の修正コミットを元に、TSとFlowで型付けし、修正されたバグが検出できるかをテストした。\n型注釈をつけることで大体15%のバグは発見できた。","tags":["JavaScript","TypeScript","flowtype","論文","article"],"relatedLinks":[{"title":"Type or Not to Type:Quantifying Detectable Bugs in JavaScript","url":"http://ttendency.cs.ucl.ac.uk/projects/type_study/documents/type_study.pdf"}]},{"date":"2017-09-25T03:22:32.325Z","title":"Lifecycle Simulators","url":"https://reactarmory.com/guides/lifecycle-simulators","content":"Reactコンポーネントのライフサイクルをシミュレートできるツール。\n初期化、Stateの更新、Propsの更新をそれぞれ試すことができる","tags":["React","Tools"],"relatedLinks":[]},{"date":"2017-09-25T12:26:37.463Z","title":"HTML5 Conference 2017 - YouTube","url":"https://www.youtube.com/user/html5j","content":"HTML5 Conference 2017の動画一覧","tags":["HTML5","Conference"],"relatedLinks":[{"title":"HTML5 Conference","url":"http://events.html5j.org/conference/2017/9/"}]},{"date":"2017-09-26T00:35:56.804Z","title":"Introduction to WebRender – Part 1 – Browsers today – Mozilla Gfx Team Blog","url":"https://mozillagfx.wordpress.com/2017/09/21/introduction-to-webrender-part-1-browsers-today/","content":"ServoのWebRenderを例にしてメジャーブラウザのレンダリングの仕組みについて解説している。\n`frame tree`と呼ばれる各要素ツリーのレイアウト結果から、`display list`と呼ばれるフラットな描画コマンドを作成する。その描画結果を`layer`に乗せ、最後に`layer`を`compositing`で合成する。\n各ブラウザに差異はあるが描画と合成を分けるという手法は、現在のウェブブラウザでは取り入れられている。","tags":["browser","firefox","servo","article"],"relatedLinks":[]},{"date":"2017-09-25T13:05:01.162Z","title":"React v16 and beyond React Fiber // Speaker Deck","url":"https://speakerdeck.com/koba04/react-v16-and-beyond-react-fiber","content":"React 16の変更点と16以降に導入されるReact Fiberの仕組みについてのスライド","tags":["React","slide"],"relatedLinks":[]},{"date":"2017-09-26T00:30:13.513Z","title":"Performance metrics. What’s this all about? – codeburst","url":"https://codeburst.io/performance-metrics-whats-this-all-about-1128461ad6b","content":"ウェブブラウザのパフォーマンスのメトリクスについての解説。\nまたそれらを計測できるツールについて","tags":["browser","performance"],"relatedLinks":[]},{"date":"2017-09-26T05:50:54.221Z","title":"cherow/cherow: A fast, Typescript-based Javascript parser","url":"https://github.com/cherow/cherow","content":"TypeScriptで書かれたJavaScriptパーサ。\nESTree互換のASTを生成し、ES.nextなProposal仕様もサポートしている。","tags":["TypeScript","JavaScript","ECMAScript","library"],"relatedLinks":[]},{"date":"2017-09-27T03:11:39.099Z","title":"React v16.0 - React Blog","url":"https://facebook.github.io/react/blog/2017/09/26/react-v16.0.html","content":"React 16.0リリース。\n15.6.2と共にMITライセンスへ変更された。\nAPIの基本的な互換は持ちつつコアを書き変え(Fiber)、\n`render`がフラグメントや文字列を返せるように、コンポーネントのエラーハンドリングの改善、`ReactDOM.createPortal`の追加、SSRの改善など。\n`Map`/`Set`/`requestAnimationFrame`に依存する。","tags":["React","ReleaseNote"],"relatedLinks":[{"title":"What’s New With Server-Side Rendering in React 16 – Sasha Aickin – Medium","url":"https://medium.com/@aickin/whats-new-with-server-side-rendering-in-react-16-9b0d78585d67"},{"title":"React v15.6.2 - React Blog","url":"https://facebook.github.io/react/blog/2017/09/25/react-v15.6.2.html"},{"title":"React 16: A look inside an API-compatible rewrite of our frontend UI library | Engineering Blog | Facebook Code","url":"https://code.facebook.com/posts/1716776591680069/react-16-a-look-inside-an-api-compatible-rewrite-of-our-frontend-ui-library/"}]},{"date":"2017-09-28T03:29:45.809Z","title":"React v16 changes - blog.koba04.com","url":"http://blog.koba04.com/post/2017/09/27/react-v16-changes/","content":"React 16の変更点について","tags":["React","article"],"relatedLinks":[]},{"date":"2017-09-29T01:08:07.337Z","title":"roman01la/closure-compiler-handbook: How to use Google's Closure Compiler","url":"https://github.com/roman01la/closure-compiler-handbook","content":"Closure Compilerの使い方について書かれたハンドブック","tags":["JavaScript","JSDoc","Tools","book"],"relatedLinks":[]},{"date":"2017-09-29T02:13:24.375Z","title":"Node v8.6.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v8.6.0/","content":"Node.js v8.6.0リリース\nN-APIがフラグなしで利用できるようになるなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2017-09-29T02:16:47.084Z","title":"JavaScript ♥ C++: Modern Ways to Use C++ in JavaScript Projects","url":"https://medium.com/@zandaqo/javascript-c-modern-ways-to-use-c-in-javascript-projects-a19003c5a9ff","content":"C++で書かれたコードをNode.jsで扱う方法について。\nN-APIを使ったネイティブモジュールとWebAssemblyを使った方法について。","tags":["node.js","WebAssembly"],"relatedLinks":[]},{"date":"2017-09-29T13:48:10.976Z","title":"Release v0.56.0 · facebook/flow","url":"https://github.com/facebook/flow/releases/tag/v0.56.0","content":"Flow 0.56.0リリース。\n`$Rest` typeの追加、`Object.create(null)`のような`null`プロトタイプのサポート、`__proto__`のサポートなど","tags":["flowtype","ReleaseNote"],"relatedLinks":[]},{"date":"2017-09-30T09:59:17.652Z","title":"Abortable fetch  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/09/abortable-fetch","content":"Fetch APIなどでリクエストのキャンセルを行う`AbortController`と`AbortSignal`について。\n`fetch(url, { signal })`のようにFetch APIに渡す使い方やAPIの歴史的経緯についてなど","tags":["Fetch","API","Promises","article"],"relatedLinks":[]},{"date":"2017-09-30T10:58:13.878Z","title":"Shopify/draggable: The JavaScript Drag & Drop library your grandparents warned you about.","url":"https://github.com/Shopify/draggable","content":"D&Dライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-09-30T11:06:00.719Z","title":"Strudel.js | Lightweight component framework","url":"http://strudeljs.org/","content":"AngularのようなDecoratorを使ったコンポーネントライブラリ","tags":["JavaScript","library","UI"],"relatedLinks":[]},{"date":"2017-09-30T12:31:40.614Z","title":"Path validation vulnerability, September 2017 | Node.js","url":"https://nodejs.org/en/blog/vulnerability/september-2017-path-validation/","content":"Node.js 8.5.0にはpathの`..`の扱いに脆弱性があるため8.6.0で修正されたリリースがされている。","tags":["node.js","security","ReleaseNote"],"relatedLinks":[]},{"date":"2017-10-01T02:43:57.722Z","title":"CSS Grid PlayGround | Terminology | Mozilla","url":"https://mozilladevelopers.github.io/playground/","content":"CSS Gridの解説サイト。\nCSS Gridの用語や基本的な使い方、Firefoxの開発者ツールでのデバッグ、`fr`という単位、Template Area、Named Lineなどについて","tags":["CSS","tutorial","document","firefox"],"relatedLinks":[]},{"date":"2017-10-02T06:12:39.799Z","title":"Essential Image Optimization","url":"https://images.guide/","content":"ウェブサイトにおける画像の最適化についての書籍。\nどのようなフォーマットを選び、サイズとパフォーマンスへの影響について。\n各フォーマットやエンコーダーの最適化手法、ブラウザのデコード時間や最適化手法、モニタリングツールなどについて\nJPEG、PNG、WebP、GIF/Videoの比較、SVG","tags":["book","browser","画像"],"relatedLinks":[]},{"date":"2017-10-01T06:51:10.049Z","title":"Let’s Build a Pokedex with React: Part 1 – CloudBoost","url":"https://blog.cloudboost.io/lets-build-a-pokedex-with-react-part-1-e1ba0b9387a7","content":"Reactを使ってPokedexというサイトをつくっていく連載記事。\n","tags":["React","tutorial","article"],"relatedLinks":[]},{"date":"2017-10-01T12:13:29.888Z","title":"Firefox — Notes (56.0) — Mozilla","url":"https://www.mozilla.org/en-US/firefox/56.0/releasenotes/","content":"Firefox 56リリース。\nCSS Grid DevToolsの追加、`<link rel=\"preload\">`のサポート、Intl APIがAndroid版で有効化。\n`setTimeout(fn, 0)`の仕様に合わせて4msに変更など","tags":["firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 56 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/ja/Firefox/Releases/56"},{"title":"Master CSS Grid with Firefox DevTools – Mozilla Tech – Medium","url":"https://medium.com/mozilla-tech/master-css-grid-with-firefox-devtools-e3420a8d58fd"},{"title":"WindowOrWorkerGlobalScope.setTimeout() - Web APIs | MDN","url":"https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout#Timeouts_throttled_to_%3E4ms"},{"title":"Firefox 56 サイト互換性情報 | Firefox サイト互換性情報","url":"https://www.fxsitecompat.com/ja/versions/56/"}]},{"date":"2017-10-01T12:57:07.144Z","title":"Next.js 3.0 Release: What's New?","url":"https://auth0.com/blog/nextjs-3-release-what-is-new/","content":"Next.js 3.0の変更点についての解説。\nDynamic Import/Dynacmic Loading Component、Static Export、エラーメッセージ表示の改善、起動速度の改善など","tags":["React","JavaScript","server","article"],"relatedLinks":[]},{"date":"2017-10-01T14:19:23.091Z","title":"How to write reliable browser tests using Selenium and Node.js","url":"https://medium.freecodecamp.org/how-to-write-reliable-browser-tests-using-selenium-and-node-js-c3fdafdca2a9","content":"Seleniumを扱う時なぜ`sleep`を避けるべきかについて。\nNode.jsのselenium-webdriverを例に紹介してる。","tags":["node.js","Selenium","article"],"relatedLinks":[]},{"date":"2017-10-01T14:29:17.078Z","title":"How to drop Bower support? · Bower blog","url":"https://bower.io/blog/2017/how-to-drop-bower-support/","content":"ライブラリの開発者はどのようにBowerサポートを終了するべきかについて。\nリポジトリからbower.jsonなど関連ファイルを削除し、majorアップデートを行い、`bower unregister`はしないことについて","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2017-10-02T05:00:43.727Z","title":"webpack-dev-server/middleware security issues – webpack – Medium","url":"https://medium.com/webpack/webpack-dev-server-middleware-security-issues-1489d950874a","content":"webpack-dev-serverにいくつか脆弱性があるため1.xと2.xそれぞれsecurity fixのリリースが行われた。","tags":["webpack","server","security","ReleaseNote"],"relatedLinks":[]},{"date":"2017-10-02T10:52:54.676Z","title":"ECMAScript proposal updates @ 2017-09 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2017/10/02/ecmascript-proposal-updates-2017-09","content":"2017-09に行われたTC39ミーティング結果のProposal変更まとめ","tags":["ECMAScript","proposal","babel"],"relatedLinks":[]},{"date":"2017-10-03T07:12:35.787Z","title":"bahmutov/dont-break: Checks if the current version of your package would break dependent projects","url":"https://github.com/bahmutov/dont-break","content":"自分のライブラリがアップデートすることで、そのライブラリユーザーのパッケージが壊れないかをチェックできるツール。 壊れないかをチェックするライブラリを`.dont-break.json`に記述してテストできる。","tags":["JavaScript","library","testing"],"relatedLinks":[]},{"date":"2017-10-04T01:25:02.800Z","title":"Release v4.0.0 · mochajs/mocha","url":"https://github.com/mochajs/mocha/releases/tag/v4.0.0","content":"Mocha 4.0.0リリース。\nNode.js 0.1xなどのサポート終了、IE8/PhantomJS 1.xのサポート終了、`--no-exit`がデフォルトの動作になるなど","tags":["JavaScript","testing","ReleaseNote"],"relatedLinks":[{"title":"Mocha v4 Nears Release","url":"https://boneskull.com/mocha-v4-nears-release/"},{"title":"compilers deprecation · mochajs/mocha Wiki","url":"https://github.com/mochajs/mocha/wiki/compilers-deprecation"}]},{"date":"2017-10-04T06:48:42.614Z","title":"Ember.js - The Road to Ember 3.0","url":"https://emberjs.com/blog/2017/10/03/the-road-to-ember-3-0.html","content":"Ember 3.0のロードマップについて。\nLTSのリリーススケジュール、破壊的な変更の予定、削除されるAPIの予定などについて","tags":["JavaScript","library","news"],"relatedLinks":[]},{"date":"2017-10-04T11:14:52.504Z","title":"Release v5.5.0 · npm/npm","url":"https://github.com/npm/npm/releases/tag/v5.5.0","content":"npm 5.5.0の変更点について。\n2要素認証のサポートとその有効化手順について","tags":["npm","ReleaseNote","security"],"relatedLinks":[]},{"date":"2017-10-04T23:49:02.299Z","title":"The Intl.PluralRules API  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/10/intl-pluralrules","content":"複数形を扱うECMAScript i18n APIである`Intl.PluralRules`についての解説。\n","tags":["i18n","JavaScript","API"],"relatedLinks":[]},{"date":"2017-10-05T14:45:19.967Z","title":"The npm Blog — Protect your npm account with two-factor...","url":"http://blog.npmjs.org/post/166039777883/protect-your-npm-account-with-two-factor","content":"npm 5.5.0で2要素認証のサポート。\nまたRead-only tokenを発行できるようになった。","tags":["npm","news"],"relatedLinks":[{"title":"Keeping JavaScript safe // Speaker Deck","url":"https://speakerdeck.com/ceejbot/keeping-javascript-safe"}]},{"date":"2017-10-05T14:54:43.051Z","title":"Redux in Action: Marc Garreau, Will Faurot: 9781617294976: Amazon.com: Books","url":"https://www.amazon.com/Redux-Action-Marc-Garreau/dp/1617294977","content":"2018年3月30日発売。\nReduxについての書籍","tags":["redux","JavaScript","book"],"relatedLinks":[]},{"date":"2017-10-05T14:55:20.091Z","title":"The CLI Book: Writing Successful Command Line Interfaces with Node.js: Robert Kowalski: 9781484231760: Amazon.com: Books","url":"https://www.amazon.com/CLI-Book-Writing-Successful-Interfaces/dp/1484231767","content":"2018年3月17日発売\nNode.jsのCLIアプリケーションについての書籍","tags":["node.js","book"],"relatedLinks":[]},{"date":"2017-10-05T14:57:01.926Z","title":"Introducing JavaScript Game Development: Learn to use HTML5 and JavaScript to make 2D games: Graeme Stuart: 9781484232514: Amazon.com: Books","url":"https://www.amazon.com/Introducing-JavaScript-Game-Development-Learn/dp/1484232518","content":"2018年4月12日発売\nCanvasを使った2Dゲームについての書籍","tags":["JavaScript","game","book"],"relatedLinks":[{"title":"Introducing JavaScript Game Development - Learn to use HTML5 and | Graeme Stuart | Apress","url":"http://www.apress.com/us/book/9781484232514"}]},{"date":"2017-10-06T03:19:59.824Z","title":"Release Notes for Safari Technology Preview 41 | WebKit","url":"https://webkit.org/blog/7989/release-notes-for-safari-technology-preview-41/","content":"Safari Technology Preview Release 41リリース。\nCSSの`calc()`内で`min()`と`max()`をサポート、`env()`を`constant()`のaliasとして追加、`DataTransfer.prototype.items`をデフォルトで有効化など","tags":["safari","webkit","ReleaseNote"],"relatedLinks":[]},{"date":"2017-10-06T07:54:30.215Z","title":"Node-ChakraCore update from Node.js Interactive 2017 - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog","url":"https://blogs.windows.com/msedgedev/2017/10/04/node-chakracore-update-node-js-interactive-2017/","content":"Node-ChakraCoreについての記事。\nMS以外でのproduction事例、Time-Travel debugging、N-APIの状況、iOS/Androidの対応についてなど。\nまた、今後の予定についてなど","tags":["node.js","ChakraCore"],"relatedLinks":[{"title":"Node.js for Mobile Apps: full-fledged Node.js for Android and iOS","url":"http://www.janeasystems.com/blog/announcing-node-js-mobile-apps-true-node-js-runtime-android-ios/"}]},{"date":"2017-10-08T12:44:54.986Z","title":"falcor/CHANGELOG.md at master · Netflix/falcor","url":"https://github.com/Netflix/falcor/blob/master/CHANGELOG.md#100","content":"NetflixのデータFetchライブラリであるFalcor 1.0.0リリース。","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Falcor: One Model Everywhere","url":"http://netflix.github.io/falcor/"}]},{"date":"2017-10-09T04:52:06.017Z","title":"Front-End Reactive Architectures: Explore the future of the front end using reactive JavaScript frameworks and libraries: Luca Mezzalira: 9781484231791: Amazon.com: Books","url":"https://www.amazon.com/Front-End-Reactive-Architectures-JavaScript-frameworks/dp/1484231791","content":"2018年4月17日発売\nRxやCycle.jsなどを使ったReactiveアーキテクチャについての書籍","tags":["JavaScript","book","Rx"],"relatedLinks":[{"title":"Front-End Reactive Architectures - Explore the future of the | Luca Mezzalira | Apress","url":"http://www.apress.com/gb/book/9781484231791#aboutAuthors"}]},{"date":"2017-10-09T11:20:28.542Z","title":"TypeScript at Lyft – Lyft Engineering","url":"https://eng.lyft.com/typescript-at-lyft-64f0702346ea","content":"LyftにおいてJavaScriptで書かれたものをTypeScriptにマイグレーションするまでの話。\nFlowとTypeScriptどちらもJavaScriptとは異なる言語という認識での比較やJavaScriptで書かれたReactコンポーネントのマイグレーションなどについて","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2017-10-09T11:34:10.280Z","title":"raymondsze/create-react-scripts: Easily extend the react-scripts to your own version of react-scripts","url":"https://github.com/raymondsze/create-react-scripts","content":"create-react-scriptsの設定を拡張できるようにしたツール","tags":["React","Tools"],"relatedLinks":[{"title":"Create-React-Scripts — create your own react-scripts without fork","url":"https://medium.com/@szer0601/create-react-scripts-create-your-own-react-scripts-without-fork-e73d384c7369"}]},{"date":"2017-10-09T11:46:43.291Z","title":"Electron: From Beginner to Pro: Learn to Build Cross Platform Desktop Apps using Github's Electron: Chris Griffith, Leif Wells: 9781484228258: Amazon.com: Books","url":"https://www.amazon.com/Electron-Beginner-Platform-Desktop-Githubs/dp/1484228251","content":"2017年12月9日発売\nElectronでのアプリ開発についての書籍。","tags":["Electron","book"],"relatedLinks":[]},{"date":"2017-10-09T13:43:27.039Z","title":"mdn/browser-compat-data: This repository contains compatibility data for Web technologies","url":"https://github.com/mdn/browser-compat-data","content":"MDNで使われるブラウザの実装状況/Compatability dataをまとめたリポジトリ。\nWeb API/CSS/HTML/HTTP/JavaScript/WebExtensionsについてのデータがまとまっている","tags":["Mozilla","WebPlatformAPI"],"relatedLinks":[]},{"date":"2017-10-09T13:58:21.364Z","title":"egeozcan/ppipe: pipes values through functions, an alternative to using the proposed pipe operator ( |> ) for ES","url":"https://github.com/egeozcan/ppipe","content":"pipe operator(`|>`)の代案として書かれたライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-10-10T00:49:22.920Z","title":"scrollTop on scrollingElement - JSFiddle","url":"https://jsfiddle.net/xvrdaacf/3/","content":"Chrome 61+からは\"ScrollTopLeftInterop\"がデフォルトで有効化されたため、`scrollingElement`を使って`scrollTop`を取る必要がある。\n`scrollingElement`のサンプルコード","tags":["Chrome","DOM","example"],"relatedLinks":[{"title":"Dev.Opera — Fixing the scrollTop bug","url":"https://dev.opera.com/articles/fixing-the-scrolltop-bug/"},{"title":"新しいChromeでスクロールが取れない？　scrollingElement？ | Ginpen.com","url":"https://ginpen.com/2017/10/06/chrome-61-scrolltop/"},{"title":"Document.scrollingElement - Web APIs | MDN","url":"https://developer.mozilla.org/en-US/docs/Web/API/Document/scrollingElement"}]},{"date":"2017-10-10T04:05:07.308Z","title":"Await and Async Explained with Diagrams and Examples – Nikolay Grozev","url":"http://nikgrozev.com/2017/10/01/async-await/","content":"Async/Awaitの動きについてをダイアグラムとサンプルコードで解説した記事。\nエラーハンドリング、concurrencyかparallelかについて","tags":["JavaScript","Promises"],"relatedLinks":[]},{"date":"2017-10-10T04:19:30.195Z","title":"A Guide to Faster Web App I/O and Data Operations with Streams - Blog | SitePen","url":"https://www.sitepen.com/blog/2017/10/02/a-guide-to-faster-web-app-io-and-data-operations-with-streams/","content":"WHATWG Streamについての記事。\nStream処理の利点や基本的なWHATWG Streamのread/write/pipeのやり方やbackpressureについて。\nFetch APIとの組み合わせ、Dojoによる互換実装、ブラウザの実装状況についてなど","tags":["WHATWG","stream","article"],"relatedLinks":[{"title":"Streams Standard","url":"https://streams.spec.whatwg.org/"},{"title":"dojo/streams: Dojo 2 - WHATWG compliant streams.","url":"https://github.com/dojo/streams"}]},{"date":"2017-10-10T04:20:05.108Z","title":"dojo/streams: Dojo 2 - WHATWG compliant streams.","url":"https://github.com/dojo/streams","content":"DojoによるWHATWG Streamの実装ライブラリ。","tags":["WHATWG","stream","library"],"relatedLinks":[]},{"date":"2017-10-11T08:23:14.241Z","title":"Ember.js - Glimmer.js Progress Report","url":"https://emberjs.com/blog/2017/10/10/glimmer-progress-report.html","content":"Glimmer.jsについてのステータスについて。\nタグが`<Button />`のようにCapitalスタイルとなるように、要素のプロパティと属性を`@`で区別できるように、Portalのサポート。\nテンプレートをバイナリにするBinary Templatesのサポート予定やSSRについて","tags":["JavaScript","article"],"relatedLinks":[{"title":"Glimmer&#39;s Optimizing Compiler | Chad Hietala | Pulse | LinkedIn","url":"https://www.linkedin.com/pulse/glimmers-optimizing-compiler-chad-hietala/"}]},{"date":"2017-10-12T08:23:49.707Z","title":"Atomic Design by Brad Frost","url":"http://atomicdesign.bradfrost.com/","content":"Atomic Designについての書籍","tags":["GUI","CSS","book"],"relatedLinks":[]},{"date":"2017-10-12T09:08:04.100Z","title":"GoogleChrome/confluence: Service and API for Web API Confluence: Metrics for web platform health","url":"https://github.com/GoogleChrome/confluence","content":"各ブラウザの特有のAPIの数や削除したAPIの数、Shipに失敗したAPIの数、ベロシティなどを可視化してくれるサイト","tags":["browser","WebPlatformAPI"],"relatedLinks":[]},{"date":"2017-10-12T09:15:32.298Z","title":"The productive developer guide to React","url":"https://www.slideshare.net/mauricedb/the-productive-developer-guide-to-react-80642342","content":"Reactを使った開発についてのスライド。\n入門的な内容でReactの利点/問題点、create-react-appやRedux、ルーティング\nなどについて","tags":["React","slide"],"relatedLinks":[]},{"date":"2017-10-12T12:45:30.967Z","title":"TestCafe v0.18.0 Released - Angular Selectors, Using Multiple Reporters, etc | TestCafe","url":"http://devexpress.github.io/testcafe/blog/testcafe-v0-18-0-released.html","content":"TestCafe v0.18.0リリース。\nAngular Selectorのサポート、出力に複数のreporterを指定できるように、FirefoxとChromeでクリーンなプロファイルを使うように、`t.getBrowserConsoleMessages`でコンソールに出力された内容を取得できるようになるなど","tags":["testing","E2E","ReleaseNote"],"relatedLinks":[]},{"date":"2017-10-13T02:28:04.352Z","title":"Cypress.io | JavaScript End to End Testing | Cypress is now public beta","url":"https://www.cypress.io/blog/2017/10/10/cypress-is-now-public-beta/","content":"E2EテストフレームワークのCypressがオープンソースとして公開された。","tags":["testing","browser","library"],"relatedLinks":[{"title":"cypress-io/cypress: Cypress is a test runner that helps you write automated tests in the browser.","url":"https://github.com/cypress-io/cypress"}]},{"date":"2017-10-13T03:27:08.854Z","title":"Announcing TypeScript 2.6 RC | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2017/10/12/announcing-typescript-2-6-rc/","content":"TypeScript 2.6 RCリリース。\n`--strictFunctionTypes`の追加、`// @ts-ignore`でのエラーを抑制するコメントをサポート、`--locale`でCLIの多言語対応、`tsc --watch`の速度改善など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"What&#39;s new in TypeScript · Microsoft/TypeScript Wiki","url":"https://github.com/Microsoft/TypeScript/wiki/What's-new-in-TypeScript#typescript-26"}]},{"date":"2017-10-13T06:04:38.333Z","title":"Release v2.5.0 Level E · vuejs/vue","url":"https://github.com/vuejs/vue/releases/tag/v2.5.0","content":"Vue 2.5.0リリース。\n`errorCaptured` hookでのエラーハンドリングができるように、TypeScriptの型を改善(破壊的変更)、`v-on`に`.exact` modifierを追加など","tags":["Vue","ReleaseNote"],"relatedLinks":[{"title":"Vue 2.5 release details","url":"https://gist.github.com/yyx990803/9bdff05e5468a60ced06c29c39114c6b"},{"title":"Upcoming TypeScript Changes in Vue 2.5 – The Vue Point – Medium","url":"https://medium.com/the-vue-point/upcoming-typescript-changes-in-vue-2-5-e9bd7e2ecf08"}]},{"date":"2017-10-14T01:08:44.591Z","title":"dt-fe/number-precision: 🚀1K tiny & fast lib for doing addition, subtraction, multiplication and division operations precisely","url":"https://github.com/dt-fe/number-precision","content":"浮動小数点数同士の演算を行うライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-10-15T10:16:40.706Z","title":"ESLint v4.9.0 released - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2017/10/eslint-v4.9.0-released","content":"ESLint 4.9.0リリース。\n`--fix`でdry-run実行を行う`--fix-dry-run`オプションの追加など","tags":["ESLint","ReleaseNote"],"relatedLinks":[]},{"date":"2017-10-15T11:02:14.483Z","title":"Dependency Inversion with Redux-Thunk & Typescript – Dave L. – Medium","url":"https://medium.com/@david.losert_73564/dependency-inversion-with-redux-thunk-typescript-e09cebabdc1f","content":"redux-thunkの`thunk.withExtraArgument(deps)`を使って依存関係逆転の原則(DIP)を適応する方法について","tags":["redux","testing","article"],"relatedLinks":[]},{"date":"2017-10-15T15:02:15.727Z","title":"What's New In DevTools (Chrome 63)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/10/devtools-release-notes","content":"Chrome 63の開発者ツールについて。\nAuditsパネルにSynkDBを使った脆弱性情報の表示、Workspaces 2.0、remote debuggingが複数のクライアントの同時接続に対応など","tags":["Chrome","debug","article"],"relatedLinks":[{"title":"Release 2.5.0 · GoogleChrome/lighthouse","url":"https://github.com/GoogleChrome/lighthouse/releases/tag/v2.5.0"}]},{"date":"2017-10-16T08:26:59.694Z","title":"NPM Task Running Techniques – Netscape – Medium","url":"https://medium.com/netscape/npm-task-running-techniques-15fe5b697f15","content":"npm-run-allを使ったnpm-run-scriptsの実行管理や`wait-on`を使ったサーバが起動するのを待ってからコマンドを処理する方法など","tags":["npm","console","Tools","article"],"relatedLinks":[]},{"date":"2017-10-16T13:19:06.614Z","title":"Eloquent JavaScript Third Edition","url":"https://eloquentjavascript.net/3rd_edition/","content":"Eloquent JavaScripの第三版のCrowdfundingが開始された","tags":["book","JavaScript","news"],"relatedLinks":[]},{"date":"2017-10-16T13:22:20.122Z","title":"ProseMirror 1.0","url":"http://marijnhaverbeke.nl/blog/prosemirror-1.html","content":"ProseMirror 1.0リリース。\nProseMirrorはよりよいWYSIWYG-styleのエディタを実装できるコアライブラリで、ProseMirror自体は特定のドキュメント形式には依存していないことが特徴。\n1.xからは安定版とRFCプロセスによる開発を行うという話","tags":["JavaScript","editor","library","ReleaseNote"],"relatedLinks":[]},{"date":"2017-10-16T14:31:19.042Z","title":"SpireTeam/whitelister: Simple, basic filtering and validation tool for Node.js.","url":"https://github.com/SpireTeam/whitelister","content":"依存がないフィルタリング/バリデーションライブラリ。\nデフォルトでは結果をPromiseで返し、`sync`メソッドで同期的に処理できる。\nルールに違反した場合はカスタムエラーを投げるようになっている","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-10-16T14:47:23.670Z","title":"Node.js - a tale of two bugs","url":"https://dev.to/mikeralphson/nodejs---a-tale-of-two-bugs-18c","content":"Node.jsで7.x以降にパフォーマンスリグレッションを見つけ、どのようにデバッグし問題を特定したかについて。\n原因としてはV8の`Error.captureStackTrace`のリグレッションであり、Node.js 8.7.0で修正される予定。","tags":["node.js","issue","performance","article"],"relatedLinks":[]},{"date":"2017-10-16T23:16:14.641Z","title":"planttheidea/fast-equals: A blazing fast equality comparison, either shallow or deep","url":"https://github.com/planttheidea/fast-equals","content":"deep-equal、shallow-equalを行うライブラリ。","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-10-17T00:53:07.824Z","title":"Release v3.7.0 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v3.7.0","content":"webpack v3.7.0リリース。\n`CommonChunkPlugin`プラグインに`deepChildren`オプションを追加、ES modulesのchunk graphのリファクタリングでパフォーマンスの改善など","tags":["webpack","ReleaseNote"],"relatedLinks":[{"title":"Added deepChildren support from ArcEglos&#39; pull request by ljcrapo · Pull Request #5764 · webpack/webpack","url":"https://github.com/webpack/webpack/pull/5764"},{"title":"webpack/examples/common-chunk-grandchildren at master · webpack/webpack","url":"https://github.com/webpack/webpack/tree/master/examples/common-chunk-grandchildren"}]},{"date":"2017-10-18T01:29:07.154Z","title":"What’s New in Microsoft Edge in the Windows 10 Fall Creators Update - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog","url":"https://blogs.windows.com/msedgedev/2017/10/17/edgehtml-16-fall-creators-update/","content":"MSEdge 16の変更点について。\nCSS Grid Layout、objefct-fit、Payment Request APIのサポート。\nService Workerの試験的サポート、WebVR対応の改善など","tags":["MSEdge","ReleaseNote"],"relatedLinks":[]},{"date":"2017-10-19T01:44:48.629Z","title":"Release Notes for Safari Technology Preview 42 | WebKit","url":"https://webkit.org/blog/8001/release-notes-for-safari-technology-preview-42/","content":"Safari Technology Preview 42リリース。\nPayment Requestの機能実装、`font-display`の実装、`constant()`が`env()`にリネーム、`link rel=preconnect`、`import.meta`のサポート、Web InspectorにCanvasタブを追加など","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2017-10-19T02:03:54.495Z","title":"Mozilla brings Microsoft, Google, the W3C, Samsung together to create cross-browser documentation on MDN - The Mozilla Blog","url":"https://blog.mozilla.org/blog/2017/10/18/mozilla-brings-microsoft-google-w3c-samsung-together-create-cross-browser-documentation-mdn/","content":"Mozilla、Microsoft、Googleなどがウェブ開発系のドキュメントをMDNへ集約することになった。","tags":["Mozilla","MS","google","W3C","document","news"],"relatedLinks":[{"title":"Documenting the Web together - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog","url":"https://blogs.windows.com/msedgedev/2017/10/18/documenting-web-together-mdn-web-docs/"},{"title":"Chromium Blog: Building unified documentation for the web","url":"https://blog.chromium.org/2017/10/building-unified-documentation-for-web.html"},{"title":"W3C to work with MDN on Web Platform documentation | W3C Blog","url":"https://www.w3.org/blog/2017/10/w3c-to-work-with-mdn-on-web-platform-documentation/"}]},{"date":"2017-10-20T10:38:10.404Z","title":"BlinkOn 8 - Tokyo, Japan - YouTube","url":"http://www.youtube.com/playlist?list=PL9ioqAuyl6UK7Z0HHswBM5JgAp-izn_3S","content":"BlinkOn 8の動画一覧","tags":["blink","video","Conference"],"relatedLinks":[{"title":"BlinkOn 8 Information - Google ドキュメント","url":"https://docs.google.com/document/d/11Y1MK-jVQl_xlhFS8dds_6FsC70jQ_9aOtcWALBiz5k/edit"}]},{"date":"2017-10-21T10:04:41.572Z","title":"dollarshaveclub/es-check: Checks the version of ES in JavaScript files with simple shell commands 🏆","url":"https://github.com/dollarshaveclub/es-check","content":"Acornを使って特定のECMAScriptバージョンでパースできるかをテストするツール。\nコードが構文的にそのECMAScriptバージョンをサポートしてるかチェックできる","tags":["JavaScript","Tools"],"relatedLinks":[]},{"date":"2017-10-22T11:07:27.698Z","title":"New in Chrome 62  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/10/nic62","content":"Chrome 62の変更点について。\n Network Information API、OpenType Variable Fonts、WebVRのorigin trialの開始など","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2017-10-22T12:31:59.371Z","title":"kbrsh/wade: Blazing fast, 1kb search for Javascript","url":"https://github.com/kbrsh/wade","content":"深さ優先探索で文字列検索を行うライブラリ","tags":["JavaScript","library"],"relatedLinks":[{"title":"Inside Wade | Kabir Shah","url":"https://blog.kabir.ml/posts/inside-wade.html"}]},{"date":"2017-10-22T12:33:55.649Z","title":"prantlf/nettime: Prints timings of a HTTP/S request, including DNS lookup, TLS handshake etc.","url":"https://github.com/prantlf/nettime","content":"特定のURLに対するDNS LookupやTCPコネクションの時間などネットワークの接続や通信にかかった時間を計測するCLI","tags":["node.js","Tools","network"],"relatedLinks":[]},{"date":"2017-10-22T13:40:32.914Z","title":"EyeJS - testing framework","url":"https://eye.js.org/","content":"nodeとbrowserのモードを持ったテストフレームワーク。\n","tags":["JavaScript","testing","library"],"relatedLinks":[]},{"date":"2017-10-23T10:54:54.444Z","title":"The 100% correct way to structure a React app (or why there’s no such thing)","url":"https://hackernoon.com/the-100-correct-way-to-structure-a-react-app-or-why-theres-no-such-thing-3ede534ef1ed","content":"Reactアプリケーションのディレクトリ構造について。\nindex.js or コンポーネント名.js、階層構造、exportするものについてなど","tags":["opinion","React","article"],"relatedLinks":[]},{"date":"2017-10-23T11:02:02.200Z","title":"Node.js Security Overview","url":"https://nemethgergely.com/nodejs-security-overview/","content":"Node.jsと関連するエコスシステムのセキュリティについてをざっくりと。\nCore、npm、express、security.txt、関連サービスやツールなどについて","tags":["node.js","security","article"],"relatedLinks":[]},{"date":"2017-10-23T12:32:25.759Z","title":"Introducing PayPal’s open-source cross-domain javascript suite","url":"https://medium.com/@bluepnume/introducing-paypals-open-source-cross-domain-javascript-suite-95f991b2731d","content":"PayPalが使ってるクロスドメイン関係のライブラリまとめ。\n`postMessage`を使ったやり取り、コンポーネント、Util、同期的なPromiseであるZalgoとsetTimeoutのブロックについて、CORSとiframeについてなど","tags":["JavaScript","library","article"],"relatedLinks":[]},{"date":"2017-10-23T12:43:34.958Z","title":"Micro Frontends - extending the microservice idea to frontend development","url":"https://micro-frontends.org/","content":"Micro Frontendsについて。\nマイクロサービスアーキテクチャ的な考えをフロントエンドの中にも適応していく話。\n機能でのチーム分割、独立したコンポーネントとWeb Components、ナビゲーションなど各トピックごとについて実現方法についてを書いていくとのこと","tags":["JavaScript","architecture","組織"],"relatedLinks":[{"title":"Micro frontends | Technology Radar | ThoughtWorks","url":"https://www.thoughtworks.com/radar/techniques/micro-frontends"}]},{"date":"2017-10-24T02:15:07.082Z","title":"CKEditor 5: A new era for rich text editing | CKEditor.com","url":"https://ckeditor.com/blog/CKEditor-5-A-new-era-for-rich-text-editing/","content":"CKEditor 5での変更点について。 今までのアーキテクチャを一新し、編集するテキストをデータモデルとしてもつことでContentEditable特有の出力を回避できるように。 またエディタ共通の問題についてを扱うEditor Recommendationsサイトの公開","tags":["JavaScript","ReleaseNote","editor","library"],"relatedLinks":[]},{"date":"2017-10-23T15:58:21.767Z","title":"An imperative guide to forms in Vue.js – LogRocket","url":"https://blog.logrocket.com/an-imperative-guide-to-forms-in-vue-js-7536bfa374e0","content":"Vueを使った各種フォーム要素の管理やバリデーションについての紹介記事","tags":["Vue","JavaScript","article"],"relatedLinks":[]},{"date":"2017-10-23T23:01:01.908Z","title":"Chrome User Experience Report  |  Tools for Web Developers  |  Google Developers","url":"https://developers.google.com/web/tools/chrome-user-experience-report/","content":"Chromeの使用統計データを元にしたoriginごとのRUMを集めたBigQueryのデータセット。\norigin、通信タイプ、デバイスの種類、first_paintのヒストグラムを扱うデータセット。","tags":["Chrome","統計"],"relatedLinks":[{"title":"Chromium Blog: Introducing the Chrome User Experience Report","url":"https://blog.chromium.org/2017/10/introducing-chrome-user-experience-report.html"}]},{"date":"2017-10-24T00:51:38.039Z","title":"HTTP Archive (beta)","url":"http://beta.httparchive.org/","content":"新しいHTTP Archiveのβ版が公開された。\nlighthouseを使ったLoad Speed関連の統計データやDesktopとmobileの比較データなどをみることができる","tags":["webservice","performance","統計"],"relatedLinks":[{"title":"HTTP Archive on Twitter: &#34;Excited to share the open beta for the new HTTP Archive. Check it out at https://t.co/MmiFOKXTrM and let us know what you think! 1/3… https://t.co/ycJ03nMkEj&#34;","url":"https://twitter.com/HTTPArchive/status/922582514010488832"}]},{"date":"2017-10-25T06:56:40.900Z","title":"webpackmonitor/webpackmonitor: A tool for monitoring webpack optimization metrics through the development process","url":"https://github.com/webpackmonitor/webpackmonitor","content":"webpackのstats.json結果をビジュアライズしてくれるツール。\n","tags":["webpack","Tools"],"relatedLinks":[]},{"date":"2017-10-25T12:25:30.251Z","title":"Saying Goodbye to Firebug ★ Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2017/10/saying-goodbye-to-firebug/","content":"FirebugはFirefox57で開発は終了し、Firefoxの開発者ツールが代替となる。\nFirebugからFirefoxの開発者ツールへのマイグレーションガイドも公開されている。また、Firebugの歴史について。","tags":["Firebug","歴史","firefox","debug","addon"],"relatedLinks":[{"title":"Migrating from Firebug - Firefox Developer Tools | MDN","url":"https://developer.mozilla.org/en-US/docs/Tools/Migrating_from_Firebug"}]},{"date":"2017-10-25T16:04:00.091Z","title":"Node v8.8.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v8.8.0/","content":"Node.js 8.8.0リリース。\nhttp2モジュールがデフォルトで有効化、モジュールのhookを処理を扱えるコマンドライン引数として`--loader`の追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"module: resolve and instantiate loader pipeline hooks by guybedford · Pull Request #15445 · nodejs/node","url":"https://github.com/nodejs/node/pull/15445"}]},{"date":"2017-10-25T22:48:33.682Z","title":"V8 JavaScript Engine: V8 Release 6.3","url":"https://v8project.blogspot.com/2017/10/v8-release-63.html","content":"V8 6.3リリース。\nパフォーマンス改善、`import()`、`Promise#finally`、Aynsc iteratorのサポートなど","tags":["V8","ReleaseNote"],"relatedLinks":[]},{"date":"2017-10-26T01:54:30.695Z","title":"Release 0.23.0 · avajs/ava","url":"https://github.com/avajs/ava/releases/tag/v0.23.0","content":"AVA 0.23.0リリース。\n`NODE_ENV=test`を設定するように、`snapshotLocation`を`pacakge.json`に書くことでsnapshotファイルの保存場所を指定できるように","tags":["testing","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2017-10-26T05:30:41.330Z","title":"Angular Development with Typescript: Yakov Fain, Anton Moiseev: 9781617295348: Amazon.com: Books","url":"https://www.amazon.com/Angular-Development-Typescript-Yakov-Fain/dp/1617295345","content":"2018年5月30日発売\nAngularとTypeScriptについての本","tags":["Angular","TypeScript","book"],"relatedLinks":[]},{"date":"2017-10-26T05:58:09.405Z","title":"State of Vue.js Report · Monterail","url":"https://www.monterail.com/state-of-vuejs-report","content":"Vueに関する80ページほどのレポート。Vue自体の状況、アンケートベースのレポート、利用してる企業のケーススタディなどについて書かれている\n","tags":["Vue","PDF"],"relatedLinks":[]},{"date":"2017-10-26T15:39:21.294Z","title":"Chrome Dev Summit 2017 - YouTube","url":"http://www.youtube.com/playlist?list=PLNYkxOF6rcICUD5nBfRdAR6Fveosnqa5m","content":"Chrome Dev Summit 2017の動画まとめ","tags":["Chrome","Conference","video"],"relatedLinks":[]},{"date":"2017-10-26T23:21:13.890Z","title":"MicrosoftのNapa.jsでJavaScriptをマルチスレッド化する | PLAID engineer blog","url":"http://tech.plaid.co.jp/js_multi_threading/","content":"マルチプロセスのWorkerを扱うことができるnapajaについて。\nどのようなモチベーションや構造になっているかについて。\nZoneというワーカーのまとめ役やデータのやり取りの方法についてなど","tags":["node.js","JavaScript","library","article"],"relatedLinks":[]},{"date":"2017-10-27T01:21:07.101Z","title":"Release 2.4.0 · fuse-box/fuse-box","url":"https://github.com/fuse-box/fuse-box/releases/tag/v2.4.0","content":"FuseBox 2.4.0 リリース。\nQuantum上でのUglify-esのサポート、Vue周りの対応改善、CLIをAPIとして使えるように","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2017-10-27T01:31:25.634Z","title":"vitalets/websocket-as-promised: Promise-based API for WebSockets","url":"https://github.com/vitalets/websocket-as-promised","content":"PromiseベースのWebSocketライブラリ。","tags":["Promises","WebSocket","library"],"relatedLinks":[]},{"date":"2017-10-27T02:30:55.174Z","title":"nicojs/node-install-local: Installs npm/yarn packages locally without symlink. Exactly the same as your production installation, no compromises.","url":"https://github.com/nicojs/node-install-local","content":"npm5やyarnはローカルのパッケージをsymlinkでインストールしてしまうため、symlinkに対応してないツールなどが動作しなくなる。\n通常のパッケージと同じようにディレクトリにインストールすることができるツール","tags":["npm","yarn","Tools"],"relatedLinks":[]},{"date":"2017-10-27T08:54:36.697Z","title":"Apollo Client 2.0 – Apollo GraphQL","url":"https://dev-blog.apollodata.com/apollo-client-2-0-5c8d0affcec7","content":"Apollo Client 2.0について","tags":["GraphQL","JavaScript","library"],"relatedLinks":[]},{"date":"2017-10-28T00:21:30.779Z","title":"HTML Web Component using Vanilla JavaScript – Ayush Gupta – Full Stack Web Developer","url":"http://ayushgp.github.io/html-web-components-using-vanilla-js/","content":"Web Components入門記事。\n`<user-card />`というデータを取得して表示する要素を例にCustom Elementのライフサイクル、template要素、ShadowDOMについて紹介している","tags":["WebComponents","JavaScript","article"],"relatedLinks":[]},{"date":"2017-10-28T00:27:19.983Z","title":"Chromium Blog: Chrome 63 Beta: Dynamic module imports, async iterators and generators, Device Memory API, and permissions UI changes","url":"https://blog.chromium.org/2017/10/chrome-63-beta-dynamic-module-imports_27.html","content":"Chrome 63 Betaリリース。\nDynamic import、Async iterator、Device Memory API、Promise#finallyの実装、プッシュ通知などの許可ダイアログの変更など。\nまた、EventTargetの仕様追従、印刷時に`beforeprint`と`afterprint`イベントを発火するように、`/deep/`の削除など","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"What&#39;s New In DevTools (Chrome 63)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/10/devtools-release-notes"},{"title":"Permission UX  |  Web Fundamentals  |  Google Developers","url":"https://developers.google.com/web/fundamentals/push-notifications/permission-ux"}]},{"date":"2017-10-28T06:39:08.169Z","title":"Amazon.com: TypeScript 2.0 Cookbook eBook: Shiv Shankar Kushwaha: Kindle Store","url":"https://www.amazon.com/TypeScript-Cookbook-Shiv-Shankar-Kushwaha-ebook/dp/B01CR5GCXY","content":"2018年8月発売\nTypeScriptクックブック","tags":["TypeScript","book"],"relatedLinks":[{"title":"TypeScript 2.0 Cookbook | PACKT Books","url":"https://www.packtpub.com/web-development/typescript-20-cookbook"}]},{"date":"2017-10-28T07:48:22.765Z","title":"softvar/awesome-web-storage: Everything you need to know about Client-side Storage.","url":"https://github.com/softvar/awesome-web-storage","content":"Web Storageについてのまとめたドキュメント。\ncookie、localStorage、sessionStorageについての比較、関連ライブラリ、ツールなどについて","tags":["JavaScript","document"],"relatedLinks":[]},{"date":"2017-10-28T15:16:05.552Z","title":"feimosi/frameworks-code-comparison: Code comparison of modern frameworks, based on React, Angular and Vue.js","url":"https://github.com/feimosi/frameworks-code-comparison","content":"Angular, React, Vueのコンポーネントで共通して行う処理の扱い方について比較したリポジトリ。\nそれぞれのライブラリごとの短い解説とコードスニペットを紹介してる。","tags":["Angular","React","Vue","library"],"relatedLinks":[]},{"date":"2017-10-29T03:38:08.710Z","title":"とにかく楽してVue.jsでTypeScriptを使いたい","url":"https://www.slideshare.net/sakura_pr/vuejstype-script-81228009","content":"Vue 2.5のTypeScriptサポートについてのスライド。\nJavaScriptで書かれたVueアプリケーションをTypeScriptに移行する手順について","tags":["JavaScript","Vue","slide"],"relatedLinks":[]},{"date":"2017-10-30T07:41:23.411Z","title":"State of Modules in JavaScript - Blog | SitePen","url":"https://www.sitepen.com/blog/2017/10/26/state-of-modules-in-javascript/","content":"ES moduleについての解説記事。\nimport/exportやdynamic import、Node.jsやwebpackなどのbundlerでの扱いについてなど","tags":["ECMAScript","JavaScript","module"],"relatedLinks":[]},{"date":"2017-10-30T08:08:31.634Z","title":"Redux. From twitter hype to production by Jenya Terpil","url":"http://slides.com/jenyaterpil/redux-from-twitter-hype-to-production#/","content":"Reduxの動作フローについてのスライド。\nアニメーション画像によってView->Action->Reduder->Stateの流れについてを可視化している。","tags":["redux","slide"],"relatedLinks":[]},{"date":"2017-10-30T08:25:21.211Z","title":"Property-Based Testing for Godly Tests","url":"https://www.slideshare.net/garbles/propertybased-testing-for-godly-tests","content":"Property-Based Testingについてのスライド。\nExample-Based Test、Fizz Test、\nProperty-Based Testのカバーできる範囲の違いや特徴について。\n`testcheck`を使ったテストやFlowの型定義からの自動生成についてなど\n","tags":["JavaScript","testing","slide"],"relatedLinks":[{"title":"unbounce/babel-plugin-transform-flow-to-gen: Flow + Babel + TestCheck == QuickCheck in JavaScript","url":"https://github.com/unbounce/babel-plugin-transform-flow-to-gen"},{"title":"leebyron/testcheck-js: Generative testing for JavaScript","url":"https://github.com/leebyron/testcheck-js"}]},{"date":"2017-10-30T09:04:07.123Z","title":"Unpopular Metrics about JS Bundlers – Andrea Giammarchi – Medium","url":"https://medium.com/@WebReflection/unpopular-metrics-about-js-bundlers-a3c56ea5390d","viaURL":"https://github.com/jser/ping/issues/85","content":"小さなbundleツールである`asbundle`について。 rollupより機能的にも小さくシンプル。ES moduleをbundleするだけのような機能を持っている","tags":["JavaScript","Tools","module","article"],"relatedLinks":[{"title":"WebReflection/asbundle: A minimalistic CommonJS bundler","url":"https://github.com/WebReflection/asbundle"}]},{"date":"2017-10-30T15:21:21.724Z","title":"Can You Afford It?: Real-world Web Performance Budgets – Infrequently Noted","url":"https://infrequently.org/2017/10/can-you-afford-it-real-world-web-performance-budgets/","content":"初回ロードのTime-to-Interactive (TTI)が5秒以下、それ以降は2秒以下というPerformance Budgetsを元にそれを満たすための配分について。\nこれ満たすための考え方や技術的な手法、補助するツールなどについて","tags":["article","performance","browser"],"relatedLinks":[{"title":"WebサイトのPerformance Budgetとは | フロントエンドBlog | ミツエーリンクス","url":"https://www.mitsue.co.jp/knowledge/blog/frontend/201612/16_1413.html"}]},{"date":"2017-11-01T02:06:52.632Z","title":"Announcing TypeScript 2.6 | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2017/10/31/announcing-typescript-2-6/","content":"TypeScript 2.6リリース。\n`strictFunctionTypes`のサポート、`--locale`での多言語化、`--watch`の改善、`// ts-ignore`のサポート。\nVSCodeなどでJSDocから型をQuickfixできるように、`@types`の自動インストール対応など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"TypeScript 2.6 変更点と注意点 - abcdefGets","url":"http://abcdef.gets.b6n.ch/entry/2017/11/01/101358"},{"title":"TypeScript 2.6.1 変更点 - Qiita","url":"https://qiita.com/vvakame/items/d2c7cf142fa0af39d2d5"}]},{"date":"2017-11-01T13:22:14.307Z","title":"NEWS: Node.js 8 Moves into Long-Term Support and Node.js 9 Becomes the New Current Release Line","url":"https://medium.com/the-node-js-collection/news-node-js-8-moves-into-long-term-support-and-node-js-9-becomes-the-new-current-release-line-74cf754a10a0","content":"Node.js 8.9.0がリリースされ8.xのLong-Term Support(LTS)となった。また同時に開発バージョンである9.xが公開された。","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"Node v8.9.0 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v8.9.0/"},{"title":"Node v9.0.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v9.0.0/"}]},{"date":"2017-11-01T13:25:10.651Z","title":"Node v8.9.0 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v8.9.0/","content":"Node.js 8.9.0リリース。8.x系のLTSとして公開された。\nnpm 5.5.1へのアップデート、`require.resolve()`に指定パスを探索するオプションが追加、`util.TextEncoder`と`util.TextDecoder`のフラグが外れるなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2017-11-01T13:34:58.957Z","title":"Node v9.0.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v9.0.0/","content":"Node.js 9.0.0リリース。\nError codeの対応、`assert.deepStrictEqual`がSameValueZeroのロジックで比較するように、`assert`のメソッドがカスタムエラーをサポート、`util.callbackify`、`util.isDeepStrictEqual`の追加など。\nまた`Intl.v8BreakIterator`の削除されている。","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"What&#39;s new in Node.js 9?","url":"https://nemethgergely.com/what-is-new-in-nodejs-9/"}]},{"date":"2017-11-01T23:38:58.752Z","title":"Introducing new JavaScript optimizations, WebAssembly, SharedArrayBuffer, and Atomics in EdgeHTML 16 - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog","url":"https://blogs.windows.com/msedgedev/2017/10/31/optimizations-webassembly-sharedarraybuffer-atomics-edgehtml-16/","content":"MSEdge 16の変更点について。\n特定のスコープの関数を遅延実行できるようにしパフォーマンスの改善、try-catch-finallyの最適化、\nWebAssemblyとSharedArrayBufferをデフォルトで有効化など","tags":["MSEdge","browser","JavaScript","article"],"relatedLinks":[]},{"date":"2017-11-01T23:53:27.005Z","title":"Version 5.0.0 of Angular Now Available – Angular Blog","url":"https://blog.angular.io/version-5-0-0-of-angular-now-available-37e414935ced","content":"Angular 5.0.0リリース。\nCLIにBuild Optimizerがデフォルトで適応され、Decoratorなどランタイムでは不要なものを削除できるように。\ni18n pipesのデフォルト挙動の変更やDateFormatの変更。\nRxJS 5.5へのアップデート、Routerのライフサイクルの追加など","tags":["Angular","ReleaseNote"],"relatedLinks":[{"title":"angular/CHANGELOG.md at master · angular/angular","url":"https://github.com/angular/angular/blob/master/CHANGELOG.md#500-pentagonal-donut-2017-11-01"},{"title":"Release 1.5 – Turing · angular/angular-cli","url":"https://github.com/angular/angular-cli/releases/tag/v1.5.0"},{"title":"Angular Update Guide - Beta","url":"https://angular-update-guide.firebaseapp.com/"}]},{"date":"2017-11-03T04:05:29.680Z","title":"Release Notes for Safari Technology Preview 43 | WebKit","url":"https://webkit.org/blog/8016/release-notes-for-safari-technology-preview-43/","content":"Safari Technology Preview Release 43リリース。\nCache Storage APIがデフォルトで有効化、`createImageBitmap`と`drawImage(imageBitmap)`のサポート。\nWeb Inspectorで新しいネットワークタブ、Canvasタブの有効化、HARエクスポートに対応など","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"CacheStorage - Web APIs | MDN","url":"https://developer.mozilla.org/en-US/docs/Web/API/CacheStorage"},{"title":"ImageBitmap - Web API インターフェイス | MDN","url":"https://developer.mozilla.org/ja/docs/Web/API/ImageBitmap"}]},{"date":"2017-11-03T14:07:40.932Z","title":"Server.js - server.js","url":"https://serverjs.io/","content":"シンプルなNode.jsのサーバライブラリ","tags":["node.js","server","library"],"relatedLinks":[]},{"date":"2017-11-04T01:17:04.444Z","title":"Element 2.0 is here – ELEME Frontend Engineering – Medium","url":"https://medium.com/elemefe/element-2-0-is-here-71bfa217e269","content":"Vue向けのUIフレームワークのElement 2.0リリース","tags":["Vue","ReleaseNote","library"],"relatedLinks":[]},{"date":"2017-11-04T13:01:59.478Z","title":"Common TypeScript Error Messages - Blog | SitePen","url":"https://www.sitepen.com/blog/2017/11/01/common-typescript-error-messages/","content":"TypeScriptのよく見るエラーとその解決方法について","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2017-11-04T13:03:28.120Z","title":"Houdini Paint API | blog.jxck.io","url":"https://blog.jxck.io/entries/2017-10-31/houdini-paint-api.html","content":"CSS Paint APIについての解説とデモ","tags":["CSS","article"],"relatedLinks":[]},{"date":"2017-11-04T13:32:05.675Z","title":"React Bits · GitBook","url":"https://www.gitbook.com/book/vasanthk/react-bits/details","content":"ReactのパターンやTips、アンチパターンについてまとめられた電子書籍","tags":["React","book"],"relatedLinks":[]},{"date":"2017-11-05T02:02:27.395Z","title":"How to debug Front-end: Console – Pragmatists","url":"https://blog.pragmatists.com/how-to-debug-front-end-console-3456e4ee5504","content":"ブラウザの開発者ツールのConsole APIの紹介","tags":["browser","Chrome","debiug"],"relatedLinks":[]},{"date":"2017-11-05T06:07:44.940Z","title":"Atomic CSS","url":"https://acss.io/","content":"宣言したクラスを元にCSSを作成するフレームワーク/ツール。","tags":["CSS","library","Tools"],"relatedLinks":[]},{"date":"2017-11-05T06:30:53.975Z","title":"Put Your Webpack Bundle On A Diet - Part 1","url":"https://www.contentful.com/blog/2017/10/10/put-your-webpack-on-a-diet-part-1/","content":"webpackでbundleファイルサイズの最適化についての連載。\nPart 1ではminify、production buildなどの基本的なことを扱っている。\ntree shaking、momentやlodashなどから不要なものを削除、babel-preset-env でのpolyfillの最適化など","tags":["webpack","performance","article"],"relatedLinks":[{"title":"Put Your Webpack Bundle On A Diet - Part 2","url":"https://www.contentful.com/blog/2017/10/19/put-your-webpack-bundle-on-a-diet-part-2/"},{"title":"Put Your Webpack Bundle On A Diet - Part 3","url":"https://www.contentful.com/blog/2017/10/27/put-your-webpack-bundle-on-a-diet-part-3/"}]},{"date":"2017-11-05T12:30:52.235Z","title":"Tracing method calls via Proxies","url":"http://2ality.com/2017/11/proxy-method-calls.html","content":"ES proxyを使ったメソッド呼び出しのロギングについて","tags":["JavaScript","proxy","article"],"relatedLinks":[]},{"date":"2017-11-06T13:33:01.256Z","title":"プロダクトに 1 から Vue.js を導入した話","url":"https://www.slideshare.net/ShoheiOkada/1-vuejs","content":"jQueryベースだったシステムに、Vueを導入してみての話。\nチームへの導入や導入前後での違いについてなど","tags":["Vue","slide","opinion"],"relatedLinks":[]},{"date":"2017-11-06T13:34:32.608Z","title":"Node.jsのパフォーマンスチューニングのtips - 技術探し","url":"http://abouthiroppy.hatenablog.jp/entry/2017/11/06/095943","content":"Node.jsのデバッグ、Trace系オプション紹介","tags":["node.js","performance","article"],"relatedLinks":[]},{"date":"2017-11-07T01:12:31.136Z","title":"raphamorim/react-tv: [WIP] React development for TV (Renderer for low memory applications and Packager for WebOS, Tizen, Orsay) 📺","url":"https://github.com/raphamorim/react-tv","content":"WebOSなどのTV向けのReactツールキット。\nRendererや開発環境、ツールなどをまとめたもの","tags":["React","TV","library"],"relatedLinks":[]},{"date":"2017-11-07T15:43:18.451Z","title":"Docusaurus · Easy to Maintain Open Source Documentation Websites","url":"https://docusaurus.io/","content":"PrettierやJestなどが利用している静的サイトジェネレータ。\nReactを使ったカスタマイズ、翻訳への対応、ブログ機能やalgoliaを使った検索などライブラリサイト向けの機能を持っている。","tags":["React","Markdown","API","document","Tools"],"relatedLinks":[]},{"date":"2017-11-08T01:03:50.903Z","title":"PolymerLabs/lit-html: HTML template literals in JavaScript","url":"https://github.com/PolymerLabs/lit-html","content":"Tagged Template literalでHTMLを書いてレンダリングできるライブラリ。テンプレートのキャッシュが行われ再描画のコストを小さくするモチベーション。`<template>`要素との連携が考えられていて、Custom Elementでの利用がしやすくなっている。","tags":["JavaScript","HTML","DOM","library"],"relatedLinks":[{"title":"lit-HTML (Chrome Dev Summit 2017) - YouTube","url":"https://www.youtube.com/watch?v=Io6JjgckHbg"},{"title":"lit-html を調べたメモと考えたこと - EagleLand","url":"https://1000ch.net/posts/2017/lit-html.html"}]},{"date":"2017-11-08T01:07:57.060Z","title":"Release v1.0.0 · addyosmani/critical","url":"https://github.com/addyosmani/critical/releases/tag/v1.0.0","content":"クリティカルパスの解析、インライン化を行うライブラリであるcritical 1.0.0リリース。\n実行エンジンがPhantomJSからChrome headlessへ変更された","tags":["JavaScript","CSS","Tools"],"relatedLinks":[]},{"date":"2017-11-08T12:26:20.724Z","title":"コンポーネント指向と余白の設計","url":"https://www.slideshare.net/manabuyasuda1/ss-71261608","content":"Atomic Design/コンポーネント指向とmargin/paddingのパターンについてのスライド。","tags":["design","CSS","slide"],"relatedLinks":[]},{"date":"2017-11-10T05:08:17.739Z","title":"Debugger PlayGround | Introduction | Mozilla","url":"https://mozilladevelopers.github.io/playground/debugger","content":"Firefoxの開発者ツールのチュートリアル。\nデバッガーの使い方、ブレークポイントの読み方、コールスタックの読み方などについて","tags":["firefox","debug","tutorial"],"relatedLinks":[{"title":"Go beyond console.log with the Firefox Debugger – Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2017/11/go-beyond-console-log-with-the-firefox-debugger/"}]},{"date":"2017-11-10T06:25:11.773Z","title":"ES proposal: `import.meta` – module metadata","url":"http://2ality.com/2017/11/import-meta.html","content":"Stage 3のECMAScript Proposalである`import.meta`について。\nモジュールのメタデータを扱うオブジェクトの仕様","tags":["ECMAScript","proposal","node.js"],"relatedLinks":[]},{"date":"2017-11-10T08:39:20.457Z","title":"Dev.Opera — What’s new in Chromium 62 and Opera 49","url":"https://dev.opera.com/blog/opera-49/","content":"Opera 49 (based on Chromium 62)リリース。\nNetwork Information API、OpenType Variable Fonts、DOM要素のMedia Captureなど","tags":["Opera","ReleaseNote"],"relatedLinks":[]},{"date":"2017-11-10T09:14:08.864Z","title":"Release v16.1.0 · facebook/react","url":"https://github.com/facebook/react/releases/tag/v16.1.0","content":"React 16.1.0リリース。\nBowerのサポート終了、`React.Children` utilがPortalをサポート、React DOM Serverに`suppressHydrationWarning`の追加など","tags":["React","ReleaseNote"],"relatedLinks":[]},{"date":"2017-11-14T01:22:10.774Z","title":"Bogdan-Lyashenko/js-code-to-svg-flowchart: js2flowchart - a visualization library to convert any JavaScript code into beautiful SVG flowchart. Learn other’s code. Design your code. Refactor code. Document code. Explain code.","url":"https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart","content":"JavaScriptのコードから制御フローチャートの図を作成するツール。 ifやwhileなどのループをそのままフローチャートにしてくれる","tags":["JavaScript","SVG","Tools","library"],"relatedLinks":[]},{"date":"2017-11-12T13:37:14.468Z","title":"Creating a Star to Heart Animation with SVG and Vanilla JavaScript | CSS-Tricks","url":"https://css-tricks.com/creating-star-heart-animation-svg-vanilla-javascript/","content":"SVGとJavaScriptでスターやハートを書きアニメーションさせる話。","tags":["SVG","article"],"relatedLinks":[]},{"date":"2017-11-12T13:42:15.707Z","title":"lifenautjoe/noel: A universal, human-centric, replayable javascript event emitter.","url":"https://github.com/lifenautjoe/noel","content":"イベントハンドラを登録する前に発火したイベントも後からリプレイして再度発火することができるEventEmitterライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-11-12T23:11:04.305Z","title":"Bogdan-Lyashenko/Under-the-hood-ReactJS: Entire React code base explanation by visual block schemes (Stack+Fiber versions)","url":"https://github.com/Bogdan-Lyashenko/Under-the-hood-ReactJS","content":"Reactのコードベースの解説リポジトリ。\nコードの構造などの図などとともに、React Fiber、Stack reconcilerなどの解説をしてる","tags":["React","document"],"relatedLinks":[{"title":"Bogdan-Lyashenko/js-code-to-svg-flowchart: js2flowchart - a visualization library to convert any JavaScript code into beautiful SVG flowchart. Learn other’s code. Design your code. Refactor code. Document code. Explain code.","url":"https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart"}]},{"date":"2017-11-12T23:21:05.836Z","title":"Angular 5: Upgrading & Summary of New Features ← Alligator.io","url":"https://alligator.io/angular/angular-5/","content":"Angular 5の変更点について。\nAngular CLIの改善や最適化オプション、`updateOn`オプション、`@angular/service-worker`の追加などについて","tags":["Angular","article"],"relatedLinks":[]},{"date":"2017-11-13T01:29:02.076Z","title":"PaperCSS · the less formal CSS framework","url":"https://www.getpapercss.com/","content":"手書き風のCSSフレームワーク","tags":["CSS","library"],"relatedLinks":[]},{"date":"2017-11-13T02:23:12.984Z","title":"Announcing DraftJS Plugins 2.0 – Nik Graf – Medium","url":"https://medium.com/@nikgraf/announcing-draftjs-plugins-2-0-8c25f2a4df55","content":"DraftJSのプラグイン集であるDraftJS Plugins 2.0リリース。\n画像の操作、整形、D&D、mentionやemojiなどに対応するプラグインを公開している。","tags":["JavaScript","React","plugin","ReleaseNote"],"relatedLinks":[{"title":"DraftJS Plugins - High quality plugins with great UX","url":"https://www.draft-js-plugins.com/"}]},{"date":"2017-11-13T14:05:49.754Z","title":"High-performance service worker loading  |  Web Fundamentals  |  Google Developers","url":"https://developers.google.com/web/fundamentals/primers/service-workers/high-performance-loading","content":"Service Workerのローディングについてのプラクティス。\nHTMLのキャッシュ、Application Shellパターン、`fetch`ハンドラで何もしない処理を登録するのは避ける、preloadについて","tags":["ServiceWorker","article"],"relatedLinks":[]},{"date":"2017-11-14T00:59:10.124Z","title":"Resource Prioritization – Getting the Browser to Help You  |  Web Fundamentals  |  Google Developers","url":"https://developers.google.com/web/fundamentals/performance/resource-prioritization","content":"リソース取得の優先度について。\n開発者ツールでの読み方、`preload`、`preconnect`(`dns-prefetch`)、`prefetch`での優先度の指定やそれぞれのユースケースの紹介など","tags":["performance","browser","debug","article"],"relatedLinks":[]},{"date":"2017-11-14T01:17:36.180Z","title":"Proper Error Handling in JavaScript ― Scotch","url":"https://scotch.io/tutorials/proper-error-handling-in-javascript","content":"JavaScriptのエラーハンドリングや基本的な構文について。\ntry...catch...finally、throw、window.onerror、コールスタックの読み方、Promiseのエラーハンドリングについてなど","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2017-11-14T01:25:17.948Z","title":"Browser automation revisited - meet Puppeteer","url":"https://nemethgergely.com/puppeteer-browser-automation/","content":"Puppeteerを使ったデバッグの自動化についての記事。\nコンソールログの取得、スクリーンショット、プロファイルの記録、HTTPリクエストの制御などを行う方法についてを紹介している","tags":["Chrome","JavaScript","debug","article"],"relatedLinks":[]},{"date":"2017-11-14T12:38:50.295Z","title":"Release v0.59.0 · facebook/flow","url":"https://github.com/facebook/flow/releases/tag/v0.59.0","content":"Flow 0.59.0リリース。\n`$ReadOnly<T>` utility typeの追加、パフォーマンスの改善、`/* flowlint sketchy-null:error */`のようなコメントでLintを有効化できるように","tags":["flowtype","ReleaseNote"],"relatedLinks":[]},{"date":"2017-11-15T02:19:28.393Z","title":"Node v9.2.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v9.2.0/","content":"Node.js 9.2.0リリース。\n`fs.realpathSync.native`、`fs.realpath.native`、`process.ppid`がexposeされた","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2017-11-16T02:29:05.803Z","title":"moment/luxon: A library for working with dates and times in JS","url":"https://github.com/moment/luxon","content":"日付や時間、インターバルを扱うライブラリ。 日付操作やパース、フォーマットを行える。Immutableであり、TimeZoneやIntlを使った国際化に対応している。 Momentとの違いをまとめたドキュメントも公開されている。","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-11-17T08:52:08.487Z","title":"What Web Can Do Today","url":"https://whatwebcando.today/","content":"アクセスしているブラウザでさまざまなWeb Platform APIが利用できるかを表示してくれるサイト","tags":["WebPlatformAPI","browser"],"relatedLinks":[]},{"date":"2017-11-17T10:53:43.351Z","title":"Release Notes for Safari Technology Preview 44 | WebKit","url":"https://webkit.org/blog/8035/release-notes-for-safari-technology-preview-44/","content":"Safari Technology Preview 44リリース。\nPayment Requestがデフォルトで有効化、`createImageBitmap()`の実装、OffscreenCanvasのIDLを追加など\n","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2017-11-17T12:29:13.155Z","title":"`performance.mark` with metadata is useful for Real user monitoring","url":"https://dev.to/ben/we-welcome-a-wonderful-influx-of-new-members-from-japan-1k0","content":"`performance.mark`にメタデータとしてFPSを付加して計測して、ボトルネックになっている行動をログから解析、可視化する方法について","tags":["performance","browser","library","JavaScript"],"relatedLinks":[{"title":"azu/performance-mark-metadata: `performance.mark` with custom meta data.","url":"https://github.com/azu/performance-mark-metadata"},{"title":"performance.markにメタデータを紐付けできるライブラリを書いた | Web Scratch","url":"http://efcl.info/2017/11/15/performance.mark-metadata/"}]},{"date":"2017-11-17T14:51:37.469Z","title":"Refactoring React Components with Jest’s Snapshot – Michael Romani – Medium","url":"https://medium.com/@mr4227/refactoring-react-components-with-jests-snapshot-7ed1b9d332cc","content":"Jestのsnapshotテストを使ったReactコンポーネントのリファクタリングについての記事。\nスナップショットを取ってから、でかいコンポーネントの細分化をテストしながら行う話","tags":["React","testing","article"],"relatedLinks":[]},{"date":"2017-11-18T00:36:25.129Z","title":"stereobooster/react-snap: A zero-configuration static pre-renderer for Single Page Applications","url":"https://github.com/stereobooster/react-snap","content":"Reactをprerenderして静的なHTMLにできるライブラリ。\n設定なしでcreate-react-appと協調して動作することを目標にしている。SSRで扱うことが難しい3rdパーティスクリプトやWebGLなどがオプションで対処できる。","tags":["React","library","server"],"relatedLinks":[]},{"date":"2017-11-18T04:49:46.761Z","title":"jaredpalmer/react-fns: Browser API's turned into declarative React components and HoC's","url":"https://github.com/jaredpalmer/react-fns","content":"ReactのHigh Order Componentのコレクションライブラリ。\nデバイスの回転や動作、オンライン/オフライン、Geo、メディアクエリー、スクロール、ロケールを扱えるコンポーネントなどが用意されている","tags":["React","library"],"relatedLinks":[]},{"date":"2017-11-18T05:54:48.003Z","title":"Introducing security alerts on GitHub","url":"https://github.com/blog/2470-introducing-security-alerts-on-github","content":"GitHubリポジトリにnpmやgemのセキュリティアラート機能が追加された。","tags":["github","security","JavaScript","ruby","news"],"relatedLinks":[]},{"date":"2017-11-18T05:59:56.457Z","title":"How Redux Works: A Counter-Example","url":"https://daveceddia.com/how-does-redux-work/","content":"Reduxでカウンターアプリを作りながらReduxの使い方や仕組みについてを学ぶチュートリアル。","tags":["redux","tutorial","article"],"relatedLinks":[]},{"date":"2017-11-18T06:01:18.508Z","title":"Pure React","url":"https://daveceddia.com/pure-react/","content":"Reactについてステップバイステップで学べるサンプルを中心にした書籍。","tags":["React","book"],"relatedLinks":[]},{"date":"2017-11-18T09:15:40.723Z","title":"The Cost Of JavaScript – Dev Channel – Medium","url":"https://medium.com/dev-channel/the-cost-of-javascript-84009f51e99e","content":"JavaScriptの実行までのコストについてを解説した記事。\nダウンロード、パース、実行のステップを踏む。同じサイズのJSと画像のコストは異なる点。\nPRPLパターン、Performance Budgetについて。","tags":["JavaScript","performance","article"],"relatedLinks":[]},{"date":"2017-11-18T10:56:20.549Z","title":"Manning | Vue.js in Action","url":"https://www.manning.com/books/vue-js-in-action","content":"2018年5月30日発売\nVueについての書籍","tags":["Vue","book"],"relatedLinks":[]},{"date":"2017-11-18T13:31:43.160Z","title":"超速！ Webページ速度改善ガイド ── 使いやすさは「速さ」から始まる（WEB+DB PRESS plusシリーズ）｜gihyo.jp … 技術評論社","url":"http://gihyo.jp/magazine/wdpress/plus/978-4-7741-9400-4","content":"2017年11月23日発売\nウェブページのパフォーマンス改善についての書籍。\nネットワーク、レンダリング、スクリプトの項目ごとに測定方法や改善方法についてを解説する","tags":["browser","performance","book"],"relatedLinks":[]},{"date":"2017-11-18T13:56:59.482Z","title":"Release v4.0.0-beta.1 · reactjs/redux","url":"https://github.com/reactjs/redux/releases/tag/v4.0.0-beta.1","content":"Redux v4.0.0-beta.1リリース。\nTypeScriptの更新、`INIT`をランダムな値に変更、IE11未満のサポートを終了、Dispatchのパフォーマンス改善など","tags":["redux","JavaScript","TypeScript","ReleaseNote"],"relatedLinks":[{"title":"Redux 4 breaking changes · Issue #1342 · reactjs/redux","url":"https://github.com/reactjs/redux/issues/1342"}]},{"date":"2017-11-18T14:03:17.631Z","title":"Manning | React Native in Action","url":"https://www.manning.com/books/react-native-in-action","content":"2018年4月30日発売\nReact Nativeについての書籍","tags":["React","book"],"relatedLinks":[]},{"date":"2017-11-19T00:51:51.377Z","title":"React Redux を用いた SPA 新規サービスを運用して得た知見と実装例 - ランサーズ（Lancers）エンジニアブログ","url":"https://engineer.blog.lancers.jp/2017/11/react-redux-spa-manage-tips/","content":"React+Redux+Sagaを使ったプロジェクトについてのスライド。\nディレクトリ構成や基本的な処理の流れ、HOCを使ったコンポーネントの拡張、ダイアログやストレージへの保存などユースケース毎の実装方法について。\nまたテスト、Sentryを使ったエラー解析、SEO、APIの管理についてなどについて","tags":["React","redux","slide","JavaScript"],"relatedLinks":[]},{"date":"2017-11-19T04:19:08.298Z","title":"JavaScript. The Core: 2nd Edition – ds.laboratory","url":"http://dmitrysoshnikov.com/ecmascript/javascript-the-core-2nd-edition/","content":"ECMAScript/JavaScriptにおける用語の定義やその概念の解説。\nECMAScriptの仕様に近いコアな内容。","tags":["JavaScript","ECMAScript","article"],"relatedLinks":[]},{"date":"2017-11-19T05:08:42.476Z","title":"goto-bus-stop/tinyify: a browserify plugin that runs various optimizations, so you don't have to install them all manually. makes your bundles tiny!","url":"https://github.com/goto-bus-stop/tinyify","content":"Browserifyでフラットbundle、unassert、productionビルド、minifyなどをまとめて行うプラグイン","tags":["browserify","plugin","Tools"],"relatedLinks":[]},{"date":"2017-11-19T05:22:05.360Z","title":"Firefox — Notes (57.0) — Mozilla","url":"https://www.mozilla.org/en-US/firefox/57.0/releasenotes/","content":"Firefox 57リリース。\nCSSエンジンの書き直しが行われ挙動の変更とパフォーマンスの改善、`watch`/`unwatch`メソッドが非推奨化、`PerformanceObserver`の有効化、Fetchのabortに対応。\nWebRTCの`RTCDataChannel`のメッセージファイルサイズを指定できるように","tags":["firefox","ReleaseNote"],"relatedLinks":[{"title":"Introducing the New Firefox: Firefox Quantum - The Mozilla Blog","url":"https://blog.mozilla.org/blog/2017/11/14/introducing-firefox-quantum/"},{"title":"Firefox Quantum 57 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/ja/Firefox/Releases/57"},{"title":"Firefox 57 サイト互換性情報 | Firefox サイト互換性情報","url":"https://www.fxsitecompat.com/ja/versions/57/"},{"title":"Using WebRTC data channels - Web APIs | MDN","url":"https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API/Using_data_channels#Understanding_message_size_limits"}]},{"date":"2017-11-19T09:29:24.956Z","title":"Release 2.6.0 · GoogleChrome/lighthouse","url":"https://github.com/GoogleChrome/lighthouse/releases/tag/v2.6.0","content":"lighthouse 2.6.0リリース。\n`redirects`などのチェックツールの追加。\n各スクリプトの起動時間を計測する`bootup-time`、ページの実行時間を計測する`mainthread-work-breakdown`などのAuditを追加","tags":["Chrome","performance","ReleaseNote"],"relatedLinks":[]},{"date":"2017-11-19T10:13:43.945Z","title":"Clean Code vs. Dirty Code: React Best Practices - American Express Engineering Blog","url":"http://americanexpress.io/clean-code-dirty-code/","content":"Reactを題材にしたクリーンなコードについて。\nネーミングやコンポーネントの分割、デフォルト値の扱いなど良くない例とそれを改善した例を元に解説している。","tags":["React","opinion","article"],"relatedLinks":[]},{"date":"2017-11-19T10:19:42.334Z","title":"jaredpalmer/razzle: ✨ Create server-rendered universal JavaScript applications with no configuration","url":"https://github.com/jaredpalmer/razzle","content":"UniversalなJavaScriptアプリケーションを設定なしで書き始められる開発環境ツール。\n`create-react-app`のようなツールだが、React以外でも利用できる。","tags":["isomorphic","JavaScript","Tools"],"relatedLinks":[]},{"date":"2017-11-19T10:49:56.756Z","title":"JS Kongress 2017 - YouTube","url":"http://www.youtube.com/playlist?list=PL8ajgHZ7PoCt3l5RXoyqVu_r7gYJU0dMx","content":"JS Kongress 2017の動画一覧","tags":["JavaScript","Conference","video"],"relatedLinks":[{"title":"JS Kongress 2017 💻 - The Future of JavaScript, Nov 13-14 2017, Munich","url":"https://2017.js-kongress.de/"}]},{"date":"2017-11-20T00:19:29.226Z","title":"jsdom/Changelog.md at master · tmpvar/jsdom","url":"https://github.com/tmpvar/jsdom/blob/master/Changelog.md#1140","content":"jsdom 11.4.0リリース。\n基本的なSVGのサポート、`pretendToBeVisual`オプションの追加、`prepend()/append()/before()/after()/replaceWith()`の追加、`<applet>`要素の削除など","tags":["JavaScript","DOM","ReleaseNote"],"relatedLinks":[]},{"date":"2017-11-27T15:17:09.686Z","title":"google/ts-style: ☂️ TypeScript style guide, formatter, and linter.","url":"https://github.com/google/ts-style","content":"設定不要なコンパイル、コードフォーマット、Lintを行うTypeScript向けのツール。 clang-format、TSLintを利用している。","tags":["Tools","TypeScript","console","google"],"relatedLinks":[]},{"date":"2017-11-20T15:08:19.868Z","title":"y-js/yjs: A framework for real-time p2p shared editing on any data","url":"https://github.com/y-js/yjs","content":"WebRTC/WebSocktes/XMPPを使ったP2Pでデータのやり取りやテキストの同時編集ができるライブラリ","tags":["JavaScript","p2p","library"],"relatedLinks":[]},{"date":"2017-11-21T01:02:44.819Z","title":"MikeMcl/big.js: A small, fast JavaScript library for arbitrary-precision decimal arithmetic.","url":"https://github.com/MikeMcl/big.js/","content":"Javaの`BigDecimal`のJavaScript実装ライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-11-21T01:16:30.372Z","title":"asfktz/autodll-webpack-plugin: Webpack's DllPlugin without the boilerplate","url":"https://github.com/asfktz/autodll-webpack-plugin","content":"webpackのDLLを簡単に扱えるようにするDLLプラグイン。\nパッケージの追加や設定の変更をトリガーに再ビルドできる。","tags":["webpack","plugin"],"relatedLinks":[]},{"date":"2017-11-22T14:21:02.360Z","title":"aws/aws-amplify: A declarative library for application development using Cloud services with JavaScript","url":"https://github.com/aws/aws-amplify","content":"AWSとの連携を簡単に行えるライブラリ。認証、Analytics、API、Storageなど。\nまたReact/React Nativeと連携できるライブラリも公開されている。","tags":["aws","JavaScript","library","React"],"relatedLinks":[{"title":"Announcing AWS Amplify and the AWS Mobile CLI | AWS Mobile Blog","url":"https://aws.amazon.com/jp/blogs/mobile/announcing-aws-amplify-and-the-aws-mobile-cli/"},{"title":"Get Started - AWS Mobile","url":"http://docs.aws.amazon.com/aws-mobile/latest/developerguide/web-getting-started.html"}]},{"date":"2017-11-22T14:26:57.894Z","title":"Dynamic import()  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/11/dynamic-import","content":"Chrom 63から利用できるDynamic `import()`についての解説","tags":["Chrome","JavaScript","safari","article"],"relatedLinks":[]},{"date":"2017-11-23T06:29:48.893Z","title":"New in Firefox 58: Developer Edition – Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2017/11/new-in-firefox-58-developer-edition/","content":"Firefox 58について。\nデバッガーでフレームワークののスタックトレースが簡潔化、`console.groups`が折りたためるように。\nまた、WebVR、FLACのサポート艦橋の追加、`PerformanceNavigationTiming `のサポート、Budgetベースのバックグラウンドにおける処理の制限追加など","tags":["firefox","ReleaseNote"],"relatedLinks":[]},{"date":"2017-11-25T01:55:21.502Z","title":"Web Frameworks: Conclusions - Blog | SitePen","url":"https://www.sitepen.com/blog/2017/11/10/web-frameworks-conclusions/","content":"JavaScriptフレームワークの比較。\n強み、弱み、将来性、選ぶ理由について","tags":["JavaScript","library","article"],"relatedLinks":[]},{"date":"2017-11-25T01:57:30.864Z","title":"z-pattern-matching/z: native pattern matching for javascript","url":"https://github.com/z-pattern-matching/z","content":"パターンマッチライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-11-25T02:24:26.354Z","title":"imsnif/synp: Convert yarn.lock to package-lock.json and vice versa","url":"https://github.com/imsnif/synp","content":"`yarn.lock`ファイルと`package-lock.json`ファイルを相互変換できるツール。","tags":["yarn","npm","Tools"],"relatedLinks":[]},{"date":"2017-11-25T02:37:18.573Z","title":"Introduction to Node.js | edX","url":"https://www.edx.org/course/introduction-node-js-microsoft-dev283x","content":"MicrosoftのNode.js入門講座","tags":["node.js","MS","video","tutorial"],"relatedLinks":[]},{"date":"2017-11-25T03:52:22.997Z","title":"ちゃんと使える力を身につける　JavaScriptのきほんのきほん | 大澤 文孝 | 工学 | Kindleストア | Amazon","url":"https://www.amazon.co.jp/%E3%81%A1%E3%82%83%E3%82%93%E3%81%A8%E4%BD%BF%E3%81%88%E3%82%8B%E5%8A%9B%E3%82%92%E8%BA%AB%E3%81%AB%E3%81%A4%E3%81%91%E3%82%8B-JavaScript%E3%81%AE%E3%81%8D%E3%81%BB%E3%82%93%E3%81%AE%E3%81%8D%E3%81%BB%E3%82%93-%E5%A4%A7%E6%BE%A4-%E6%96%87%E5%AD%9D-ebook/dp/B0779R1R3P","content":"プログラミング入門者向けのJavaScript入門書","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2017-11-28T00:42:19.100Z","title":"dcodeIO/webassembly: A minimal toolkit and runtime to produce and run WebAssembly modules.","url":"https://github.com/dcodeIO/webassembly","content":"WebAssemblyのツールキットとランタイム。 wasmへのコンパイルに必要な依存の自動ダウンロードやコンパイルができる。 またwasm向けの`console`や`Mtch`などのバインディングを提供するランタイムも含まれている。","tags":["Tools","WebAssembly","browser","node.js"],"relatedLinks":[]},{"date":"2017-11-25T11:10:31.946Z","title":"WebAssemblyをNodeJS Native Addonの配布形式として使う - Islands in the byte stream","url":"http://gfx.hatenablog.com/entry/2017/11/16/231950","content":"Emscriptenを使ってWebAssembl形式にしたNodeモジュールを配布する方法について","tags":["node.js","WebAssembly"],"relatedLinks":[]},{"date":"2017-11-26T06:33:42.211Z","title":"Bankai, the friendly web compiler – choo – Medium","url":"https://medium.com/choojs/bankai-the-friendly-web-compiler-35f1916679cc","content":"Browserifyを使った開発ツールキットについて","tags":["browserify","Tools","JavaScript","article"],"relatedLinks":[{"title":"choojs/bankai: - friendly web compiler","url":"https://github.com/choojs/bankai"}]},{"date":"2017-11-27T13:14:34.251Z","title":"Learn Svelte","url":"https://svelte.technology/guide#state-management","content":"コンパイルできるUIフレームワークのSvelteにStoreが追加された。\nReduxやMobXなどのように`Store`でStateを管理し、変更の監視やcompuate propertyの管理ができる","tags":["JavaScript","library","news"],"relatedLinks":[]},{"date":"2017-11-27T13:24:23.509Z","title":"JavaScriptのWebGL 2.0でGPGPU - Qiita","url":"https://qiita.com/teatime77/items/e867d7d462cb553b373d","content":"WebGL 2.0を使ったGPUGPUについての解説記事。\nWebGL 2.0を使った行列計算や他の実装との比較など","tags":["JavaScript","WebGL","article"],"relatedLinks":[]},{"date":"2017-11-27T15:24:51.802Z","title":"naver/billboard.js: Re-usable, easy interface JavaScript chart library based on D3 v4+","url":"https://github.com/naver/billboard.js","content":"D3.jsを使ったC3.jsのようなグラフライブラリ。\nC3.jsをforkしたライブラリで、D3.js v4を使いC3.jsとの互換性を持っている","tags":["d3.js","グラフ","library"],"relatedLinks":[]},{"date":"2017-11-27T15:31:36.387Z","title":"JSBench.me - JavaScript performance benchmarking playground","url":"https://jsbench.me/","content":"JavaScriptのスニペットベンチマークサイト。\njsperfのようにJavaScriptのコードのマイクロベンチマークを取って比較できる","tags":["JavaScript","benchmark","Tools","webservice"],"relatedLinks":[]},{"date":"2017-11-27T15:36:20.438Z","title":"Source to Binary - journey of V8 javascript engine // Speaker Deck","url":"https://speakerdeck.com/brn/source-to-binary-journey-of-v8-javascript-engine","content":"V8がJavaScriptのコードをを実行するフロー、コンパイルパイプラインについてのスライド","tags":["V8","slide"],"relatedLinks":[]},{"date":"2017-11-27T23:55:36.184Z","title":"ReactNative 本体のバージョンのアップグレードを行う - Qiita","url":"https://qiita.com/hotchpotch/items/5617caccd8749f410631","content":"ReactNativeの0.44.xから0.49.xへのアップグレードについて。\n`rn-diff`を使った変更内容のチェック、Xcode関係のアップデート、モジュールのマイグレーション、FlowとReactの型変更の対応などについて","tags":["React","article"],"relatedLinks":[]},{"date":"2017-11-28T07:44:48.170Z","title":"The npm Blog — v5.6.0 (2017-11-27)","url":"http://blog.npmjs.org/post/167963735925/v560-2017-11-27","content":"npm 5.6.0リリース。\nクロスプラットフォームで`package-lock.json`の互換性が保てるようになった。\n`pacakge-loc.json`を生成するだけの`--package-lock-only`オプションの追加、`--node-options`の追加など","tags":["npm","ReleaseNote"],"relatedLinks":[]},{"date":"2017-11-30T01:11:21.181Z","title":"ReactPrimer/ReactPrimer: React component prototyping tool that generates fully connected class component code.","url":"https://github.com/ReactPrimer/ReactPrimer","content":"Reactコンポーネントのプロトタイピングツール","tags":["React","Tools","software"],"relatedLinks":[]},{"date":"2017-11-30T15:30:12.663Z","title":"reactjs/react-a11y: Identifies accessibility issues in your React.js elements","url":"https://github.com/reactjs/react-a11y","content":"Reactコンポーネントのアクセシビリティに関する問題を見つけるライブラリ","tags":["React","accessibility","library"],"relatedLinks":[]},{"date":"2017-11-30T15:59:22.521Z","title":"React v16.2.0: Improved Support for Fragments - React Blog","url":"https://reactjs.org/blog/2017/11/28/react-v16.2.0-fragment-support.html","content":"React 16.2.0リリース。\nFramentsのサポート。\n`<></>` または`<Fragment>`要素を使うことでフラグメントを扱うことができる","tags":["React","ReleaseNote"],"relatedLinks":[]},{"date":"2017-11-30T23:28:15.205Z","title":"Debugging React performance with React 16 and Chrome Devtools.","url":"https://building.calibreapp.com/debugging-react-performance-with-react-16-and-chrome-devtools-c90698a522ad","content":"React 16でのパフォーマンスプロファイルの読み方について","tags":["React","performance","browser","article"],"relatedLinks":[]},{"date":"2017-12-01T14:55:47.813Z","title":"What's New In DevTools (Chrome 64)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/11/devtools-release-notes","content":"Chrome 64の開発者ツールの変更点について。\nパフォーマンスモニタ、Consoleサイドバー、コンソールログをグループ化など","tags":["Chrome","debug","article"],"relatedLinks":[]},{"date":"2017-12-01T15:03:33.674Z","title":"shallow-equal for Object/React props | Web Scratch","url":"http://efcl.info/2017/11/30/shallow-equal/","content":"Shallow Equalを扱うライブラリについて。\nReactの`shouldComponentUpdate`をDeep Equal(`JSON.stringify`)で実装した場合とShallow Equalの速度差について。\nまたShallowな比較で済むように必要な状態管理についてなど。","tags":["JavaScript","React","library","article"],"relatedLinks":[]},{"date":"2017-12-01T15:36:12.135Z","title":"Release v3.9.0 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v3.9.0","content":"webpack 3.9.0リリース。\nスキーマによるバリデーションのエラーメッセージの改善など\n","tags":["webpack","ReleaseNote"],"relatedLinks":[]},{"date":"2017-12-02T03:04:24.040Z","title":"Chromium のソースコードの歩き方","url":"http://nhiroki.jp/2017/12/01/chromium-sourcecode","content":"Chrome/Blinkのプロジェクト構造について。\nディレクトリ構造やそれぞれのディレクトリの意味などについて。\nbrowserとrendererでの大枠やBlink内の分け方、コードOwnerや依存の見かたについてなど","tags":["Chrome","blink","article"],"relatedLinks":[]},{"date":"2017-12-02T03:14:10.616Z","title":"Web Development with Node and Express, 2nd Edition - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920084266.do","content":"Node.jsとExpressでのウェブアプリ開発についての書籍","tags":["node.js","book"],"relatedLinks":[]},{"date":"2017-12-02T03:16:56.788Z","title":"New Web Platform APIs // Speaker Deck","url":"https://speakerdeck.com/arnellebalane/new-web-platform-apis","content":"最近増えた色々なWebplatform APIについてのスライド。\nBroadcast Chennel、Network Information、Web Share、Credential Management、Payment API、Resize Observerなど","tags":["JavaScript","WebPlatformAPI","Chrome","slide"],"relatedLinks":[]},{"date":"2017-12-02T03:39:05.184Z","title":"JavaScript Performance Optimization Tips: An Overview — SitePoint","url":"https://www.sitepoint.com/javascript-performance-optimization-tips-an-overview/","content":"JavaScriptとパフォーマンスについての概要を紹介した記事\nパフォーマンスがよいという定義としてのRAIL、JavaScript実行までのコスト、bundleサイズなどについて","tags":["JavaScript","performance","article"],"relatedLinks":[]},{"date":"2017-12-02T06:53:57.500Z","title":"Measuring the Performance of Firefox Quantum with RUM - Akamai Developer Blog","url":"https://developer.akamai.com/blog/2017/11/29/measuring-performance-firefox-quantum-rum/","content":"Firefox 52(ESR)とFirefox 57(Quantum)のAkamaiによるロードパフォーマンス比較。\nAkamaiのRUMによるとDOM Content Loadedの時間が24%改善されたとのこと","tags":["firefox","performance","article"],"relatedLinks":[]},{"date":"2017-12-02T06:58:38.423Z","title":"Release v0.60.0 · facebook/flow","url":"https://github.com/facebook/flow/releases/tag/v0.60.0","content":"Flow 0.60.0リリース。\nserver monitorを追加して変更検知の改善、Flow linterに`unclear-type`、`untyped-import`の追加、`$Values`と`$Keys`の修正など","tags":["flowtype","ReleaseNote"],"relatedLinks":[]},{"date":"2017-12-03T09:48:16.479Z","title":"Video.js 6.5.0 Release | Video.js Blog","url":"http://blog.videojs.com/video-js-6-5-0-release/","content":"Video.js 6.5.0リリース。\nプログレスバーのアニメーションを滑らかに、`play()`のハンドリングの改善など","tags":["JavaScript","video","ReleaseNote"],"relatedLinks":[]},{"date":"2017-12-03T23:24:07.483Z","title":"最近のselenium-webdriverの話 - Qiita","url":"https://qiita.com/nazomikan/items/61143cbf01274c05b654","content":"selenium-webdriverのPromiseManager廃止の経緯とネイティブのPromiseを使った書き方への変更について","tags":["Selenium","article"],"relatedLinks":[]},{"date":"2017-12-04T03:32:27.937Z","title":"Almin.js がやってくれること - Qiita","url":"https://qiita.com/kmdsbng/items/dc03d89c0ca5acc30a44","content":"ビジネスロジックをViewなどとは分けた状態にして、DDDをやるための土台としてのAlminについて。\nAlminで書いた場合のアプリケーションの処理の流れやドメインオブジェクトの独立性について。","tags":["almin","DDD","article","JavaScript","React"],"relatedLinks":[]},{"date":"2017-12-04T13:06:55.426Z","title":"Monitoring the performance of a Node.js web application - Sqreen Blog | Modern Application Security","url":"https://blog.sqreen.io/diy-node-apm/","content":"Node.jsの`async_hook`モジュールを使ったUser Timing APIとAsync Hooks APIを使ったパフォーマンス計測について","tags":["node.js","JavaScript","performance","article"],"relatedLinks":[]},{"date":"2017-12-04T13:20:42.218Z","title":"WeiChiaChang/stacks-cli: 📊 Analyze website stack from the terminal 💻","url":"https://github.com/WeiChiaChang/stacks-cli","content":"指定したURLが使っているライブラリやCDN、アクセス解析ツール、サーバなどを解析してくれるツール","tags":["Tools","JavaScript","library"],"relatedLinks":[]},{"date":"2017-12-05T01:28:19.691Z","title":"ECMAScript proposal updates @ 2017-011 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2017/12/05/ecmascript-proposal-updates","content":"2017年10月のTC39ミーティングの結果を反映したECMAScript Proposalの変更点まとめ","tags":["ECMAScript","proposal","article"],"relatedLinks":[{"title":"agendas/11.md at master · tc39/agendas","url":"https://github.com/tc39/agendas/blob/master/2017/11.md"}]},{"date":"2017-12-05T01:30:31.314Z","title":"The npm Blog — v5.6.0 (2017-11-27)","url":"http://blog.npmjs.org/post/167963735925/v560-2017-11-27","content":"npm 5.6.0(beta)の変更点について。 クロスプラットフォームで`package-lock.json`の互換性が保てるようになった。 `pacakge-loc.json`を生成するだけの`--package-lock-only`オプションの追加、`--node-options`の追加など","tags":["ReleaseNote","npm"],"relatedLinks":[]},{"date":"2017-12-05T01:36:37.310Z","title":"eslint-plugin-vue を作っている話 - Qiita","url":"https://qiita.com/mysticatea/items/860ce3bf0ff387f166ac","content":"Vue向けのESLintプラグインである`eslint-plugin-vue`の紹介とオンラインデモについて","tags":["ESLint","Vue","article"],"relatedLinks":[{"title":"vuejs/eslint-plugin-vue: Official ESLint plugin for Vue.js","url":"https://github.com/vuejs/eslint-plugin-vue"}]},{"date":"2017-12-05T01:39:56.637Z","title":"Vue.jsでD3.jsを使わずにグラフを実装する - Qiita","url":"https://qiita.com/haribote/items/0bbf6cf5720b078039ff","content":"Vueを使ってSVGでグラフを描画するする話。\nデータドリブンで折れ線グラフ、棒グラフ、円グラフなどをSVGで描画する仕組みの作り方について","tags":["Vue","SVG","グラフ","article"],"relatedLinks":[]},{"date":"2017-12-05T01:49:03.793Z","title":"Performance Calendar » Evolution of <img>: Gif without the GIF","url":"https://calendar.perfplanet.com/2017/animated-gif-without-the-gif/","content":"GIFと`<video>`でのアニメーション画像について。\nSafari Technology Previewが`<img src=\".mp4\">`をサポートした話。\n`<video>`よりも`<img>`の方がパフォーマンスのよい理由。\nGIF、WebP、mp4でのファイルサイズの違いなどについて","tags":["safari","article","browser","video","performance"],"relatedLinks":[]},{"date":"2017-12-05T01:55:58.693Z","title":"WebRTCで統計情報を収集する - Qiita","url":"https://qiita.com/yusuke84/items/dc6e5a4ed109c4631b66","content":"WebRTCでの使用コーデック、送受信ストリーム情報などのメディアやネットワークに関する統計情報を取得する方法について","tags":["WebRTC","article"],"relatedLinks":[]},{"date":"2017-12-05T12:35:18.663Z","title":"Release 1.9.0: JSX Fragments, EditorConfig and Arrow Parens · prettier/prettier","url":"https://github.com/prettier/prettier/releases/tag/1.9.0","content":"Prettier 1.9.0リリース。\nJSXのFragment(`<></>`)ｗｐサポート、EditorConfigのサポート、Markdownのサポート改善。","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2017-12-06T02:25:27.370Z","title":"📦 Parcel","url":"https://parceljs.org/","content":"HTML,JS,CSSなどをまとめてbundleできるツール。\n設定不要で使えること、高速にビルドできることが目的のツール。\nファイルタイプに対する処理をプラグインとして追加できる。","tags":["JavaScript","Tools"],"relatedLinks":[{"title":"🚀 Announcing Parcel: A blazing fast, zero configuration web application bundler 📦","url":"https://medium.com/@devongovett/announcing-parcel-a-blazing-fast-zero-configuration-web-application-bundler-feac43aac0f1"}]},{"date":"2017-12-06T12:48:42.171Z","title":"GoogleChromeLabs/jsvu: JavaScript (engine) Version Updater","url":"https://github.com/GoogleChromeLabs/jsvu","content":"各種JavaScriptエンジンをダウンロード、インストールできるツール。\neshost-cliと組み合わせることでChakra、JavaScriptCore、SpiderMonkey、V8でのJavaScript実行結果を同時に得られる。","tags":["JavaScript","Tools"],"relatedLinks":[{"title":"bterlson/eshost-cli: Run ECMAScript code uniformly across any ECMAScript host","url":"https://github.com/bterlson/eshost-cli"}]},{"date":"2017-12-07T01:35:17.062Z","title":"Qiita の新記事ページのレイアウト実装 - Qiita","url":"https://qiita.com/morishitter/items/c4aa500929f2de441bfd","content":"CSS Grid Layoutと`position: sticky`でのレイアウトについて","tags":["CSS","article"],"relatedLinks":[]},{"date":"2017-12-07T01:38:45.183Z","title":"Release Notes for Safari Technology Preview 45 | WebKit","url":"https://webkit.org/blog/8039/release-notes-for-safari-technology-preview-45/","content":"Safari Technology Preview Release 45リリース。\nSVGフィルターの最適化、`display:contents`をデフォルトで有効化、`OffscreenCanvas.getContext(\"webgl\")`を実装など","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2017-12-07T16:29:33.294Z","title":"Three.js入門サイト - ICS MEDIA","url":"https://ics.media/tutorial-three/index.html","content":"Three.jsについてのチュートリアルサイト。\nThree.jsの使い方やWebGLについて","tags":["JavaScript","WebGL","tutorial"],"relatedLinks":[]},{"date":"2017-12-08T01:10:55.371Z","title":"PuppeteerでWebページからメインコンテンツっぽいところを抽出してみる - Qiita","url":"https://qiita.com/ukyo/items/287169de85576dfed608","content":"PuppeteerでスクレイピングしたDOM要素のスコアリングして、メインコンテンツを抽出する仕組みについて","tags":["JavaScript","article","Chrome"],"relatedLinks":[]},{"date":"2017-12-08T01:26:22.495Z","title":"await vs return vs return await - JakeArchibald.com","url":"https://jakearchibald.com/2017/await-vs-return-vs-return-await/","content":"async functionの中で`await`と`return`、`return await`の違いについてを解説した記事","tags":["Promises","JavaScript","article"],"relatedLinks":[]},{"date":"2017-12-08T01:30:06.039Z","title":"New in Chrome 63  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/12/nic63","content":"Chrome 63リリース。\nDynamic imports、Async iterator、`Promise#finally`、`Intl.PluralRules`、CSS `overscroll-behavior`プロパティのサポートなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2017-12-09T06:31:48.034Z","title":"Node.js Performance 改善ガイド - from scratch","url":"http://yosuke-furukawa.hatenablog.com/entry/2017/12/05/125517","content":"Node.jsのパフォーマンスの調査や測定をする方法について。\nメモリリーク、CPUの処理時間、ファイルI/O、ネットワークのボトルネック調査について。\nまたJavaScriptのdeoptが起きてないか、クラスタやNative Addonなどの代替手法についてなど","tags":["node.js","performance","article"],"relatedLinks":[]},{"date":"2017-12-09T06:34:06.351Z","title":"i0natan/nodebestpractices: The largest Node.JS best practices list. Curated from the top ranked articles and always updated","url":"https://github.com/i0natan/nodebestpractices","content":"Node.jsとexpressについてのプラクティスガイド。","tags":["node.js","server","document"],"relatedLinks":[]},{"date":"2017-12-09T06:35:29.493Z","title":"Vanilla JSで学ぶRedux - Qiita","url":"https://qiita.com/ryota-murakami/items/2ed6b12943214ecfeeaf","content":"Reduxのコードを見ながらReduxの仕組みについて解説している記事。","tags":["redux","JavaScript","article"],"relatedLinks":[]},{"date":"2017-12-09T06:55:04.154Z","title":"Prototype Tree · TryCatch","url":"https://zhirzh.github.io/2017/12/06/prototype-tree/","content":"JavaScriptオブジェクトのprototypeツリーをD3.jsを使って可視化する話","tags":["JavaScript","図","article","d3.js"],"relatedLinks":[{"title":"zhirzh/prototype-tree","url":"https://github.com/zhirzh/prototype-tree"}]},{"date":"2017-12-09T06:57:31.875Z","title":"JSConf Budapest 2017 - YouTube","url":"http://www.youtube.com/playlist?list=PL37ZVnwpeshH9ztZfHqvQhF1_Zm4VcCTD","content":"JSConf Budapest 2017の動画まとめ","tags":["JavaScript","video","Conference"],"relatedLinks":[{"title":"JSConf Budapest 2017","url":"http://jsconfbp.com/"}]},{"date":"2017-12-09T07:00:53.687Z","title":"Eirik Vullum: JavaScript Metaprogramming - ES6 Proxy Use and Abuse | JSConf Budapest 2017 - YouTube","url":"https://www.youtube.com/watch?v=_5X2aB_mNp4","content":"ES Proxyを活用したメタプログラミングについての発表動画","tags":["JavaScript","slide","video"],"relatedLinks":[{"title":"JSBP - JavaScript Metaprogramming with Proxies by Eirik Langholm Vullum","url":"http://slides.com/eiriklv/javascript-metaprogramming-with-proxies-41#/"}]},{"date":"2017-12-09T07:08:18.968Z","title":"歴史的遺物callback interfaceの紹介 - Qiita","url":"https://qiita.com/yuki3/items/ab20985e70247c80d19c","content":"`addEventListener`のcallback interfaceと`requestAnimationFrame`などのcallback functionという仕様の違いついて。\nイベントハンドラにおける`handleEvent`の動作について","tags":["JavaScript","DOM","WebPlatformAPI"],"relatedLinks":[]},{"date":"2017-12-09T07:46:20.572Z","title":"mochify.js/CHANGES.md at v5.0.0 · mantoni/mochify.js","url":"https://github.com/mantoni/mochify.js/blob/v5.0.0/CHANGES.md","content":"Mochaを使ったテストをブラウザで動かすMchify 5.0.0リリース。\nPhantomJSからHeadless Chromeに変更、`--url`オプションの追加など","tags":["JavaScript","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2017-12-09T12:52:53.209Z","title":"deeplearn.js","url":"https://deeplearnjs.org/","content":"WebGLを使った機械学習向けのライブラリ。\n同期的な(NumPyのような)計算実行と遅延的な(TensorFlowのような)計算実行をサポートしている。","tags":["JavaScript","library","機械学習","WebGL"],"relatedLinks":[]},{"date":"2017-12-09T12:57:39.943Z","title":"Using Headless Mode in Firefox – Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2017/12/using-headless-mode-in-firefox/","content":"SeleniumをFirefoxのHeadlessモードで動かす方法、Debugging Protocolについてなど","tags":["firefox","Selenium","article"],"relatedLinks":[]},{"date":"2017-12-09T13:11:37.461Z","title":"Angular 5.1 & More Now Available – Angular Blog","url":"https://blog.angular.io/angular-5-1-more-now-available-27d372f5eb4e","content":"Angular 5.1リリース。\nCLIがService Workerオプション、App Shellオプションサポート、TypeScript 2.5サポートなど","tags":["Angular","ReleaseNote"],"relatedLinks":[]},{"date":"2017-12-09T14:56:18.258Z","title":"WasmFiddle","url":"https://wasdk.github.io/WasmFiddle/","content":"WebAssemblyのjsfiddle的なサービス。\nWasmのコンパイルと実行、wast/wasmのダウンロードができる。","tags":["WebAssembly","editor","Tools"],"relatedLinks":[]},{"date":"2017-12-10T09:45:12.642Z","title":"webpack 4.0.0-alpha.0 feedback · Issue #6064 · webpack/webpack","url":"https://github.com/webpack/webpack/issues/6064","content":"webpack 4.0.0-alpha.0リリース。\nNode.js 4のサポート終了、`--mode`（dev/prod)の追加。\nmodule typeとしてesm、webassemblyのサポート、`sideEffects`設定のサポート。\n新しいプラグインシステムの追加と既存プラグインの変更など","tags":["webpack","issue","ReleaseNote"],"relatedLinks":[]},{"date":"2017-12-10T09:57:26.285Z","title":"Fast Source Map Generation for React Native – David Aurelio – Medium","url":"https://medium.com/@david.aurelio/medium-fast-source-map-generation-for-react-native-ea5549007c18","content":"React Native(Metro)が利用するSource Mapの高速な実装について\nhttps://github.com/facebook/metro/tree/master/packages/metro-source-map","tags":["JavaScript","sourcemap","library","article"],"relatedLinks":[]},{"date":"2017-12-10T13:39:57.938Z","title":"jsdom/whatwg-mimetype: Parses, serializes, and manipulates MIME types, according to the WHATWG MIME Sniffing Standard","url":"https://github.com/jsdom/whatwg-mimetype","content":"MIME typesのパーサ、シリアライズライブラリ","tags":["WHATWG","JavaScript","library"],"relatedLinks":[]},{"date":"2017-12-10T14:32:46.690Z","title":"React Performance Fixes on Airbnb Listing Pages – Airbnb Engineering & Data Science – Medium","url":"https://medium.com/airbnb-engineering/recent-web-performance-fixes-on-airbnb-listing-pages-6cd8d93df6f4","content":"Reactを使ったアプリケーションのパフォーマンスを測定し、それをどのように修正していったかについての記事。\n`PureComponent`での無駄な描画を防止、スクロール時の処理、入力欄などについて\n","tags":["JavaScript","React","performance","article"],"relatedLinks":[]},{"date":"2017-12-10T22:27:12.963Z","title":"MakeYouAReact - Google スライド","url":"https://docs.google.com/presentation/d/1qh5ZCMI2e45Z4YZBcI62NMDt-1H2Uwx0sZ3T8ScNStk/pub?start=false&loop=false&delayms=60000#slide=id.g18b78f925cfb8077_17","content":"ReactのようなViewライブラリを自作するために必要な技術について解説してるスライド。\n実際に実装を作りながら、DOMのdiff/patchなどについて解説している。","tags":["React","JavaScript","slide","DOM"],"relatedLinks":[]},{"date":"2017-12-11T00:03:55.858Z","title":"Performance Calendar » Clearing cache in the browser","url":"https://calendar.perfplanet.com/2017/clearing-cache-in-the-browser/","content":"ウェブアプリ側からブラウザのキャッシュをクリアするさまざまな手法のまとめ。\n`location.reload(true)`、Vary、fetch、iframe、Clear-SIte-Dataなどの手法毎にブラウザの対応についてまとめている。","tags":["browser","article"],"relatedLinks":[]},{"date":"2017-12-11T23:06:59.040Z","title":"nik-garmash/hyntax: Straightforward HTML parser","url":"https://github.com/nik-garmash/hyntax","content":"HTMLパーサライブラリ","tags":["HTML","library"],"relatedLinks":[]},{"date":"2017-12-13T14:21:23.341Z","title":"Node v9.3.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v9.3.0/","content":"Node.js 9.3.0リリース\n`--trace-event-categories`に`node.async_hooks`を追加、`module.builtinModules`でビルトインモジュールの一覧を取得できるようになるなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2017-12-17T14:48:08.561Z","title":"ballercat/walt: Walt is a JavaScript-like syntax for WebAssembly text format WIP","url":"https://github.com/ballercat/walt","content":"JavaScript/Flowのサブセットのように書けて、WebAssemblyにコンパイルできる言語とツール","tags":["WebAssembly","flowtype","Tools"],"relatedLinks":[]},{"date":"2017-12-14T08:14:58.754Z","title":"Enter AudioWorklet  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/12/audio-worklet","content":"Chrome 64でフラグ付きの実装が入るAudioWorkletについての解説","tags":["audio","webworker","JavaScript"],"relatedLinks":[]},{"date":"2017-12-14T14:38:03.032Z","title":"The State of JavaScript 2017: Introduction","url":"https://stateofjs.com/2017/introduction/","content":"JavaScriptの開発者アンケートの結果が公開された。\nJavaScriptのフロントエンドからバックエンドまで幅広くツールや言語、ライブラリ、CSSなどについて扱っている","tags":["JavaScript","アンケート","まとめ"],"relatedLinks":[]},{"date":"2017-12-15T01:26:09.216Z","title":"developit/microbundle: 📦 Zero-configuration bundler for tiny modules.","url":"https://github.com/developit/microbundle","content":"設定ファイルなしでbundleする目的のRollupのラッパーツール。","tags":["JavaScript","Tools"],"relatedLinks":[]},{"date":"2017-12-16T04:46:21.061Z","title":"モバイル開発に役立つJSデバッグ術 - Mercari Engineering Blog","url":"http://tech.mercari.com/entry/2017/12/13/103000","content":"Chrome開発者ツールの機能紹介をしている記事。\nResponsive表示、ネットワークスロットリング、CPUスロットリング、全ファイル検索など","tags":["Chrome","debug","article"],"relatedLinks":[]},{"date":"2017-12-16T04:52:52.106Z","title":"The Current State of Implementation and Planning for ESModules","url":"https://medium.com/the-node-js-collection/the-current-state-of-implementation-and-planning-for-esmodules-a4ecb2aac07a","content":"Node.jsのES Modulesの実装状況や優先度についての説明。\nCommonJSとの相互運用性、mjsのサポート、hook apiのサポート、コアモジュールの対応、`import.meta`についてなど","tags":["node.js","module","article"],"relatedLinks":[]},{"date":"2017-12-16T15:38:10.621Z","title":"xtuc/js-webassembly-interpreter: WebAssembly interpreter","url":"https://github.com/xtuc/js-webassembly-interpreter","content":"WebAssemblyインタープリタ","tags":["WebAssembly","JavaScript","Tools"],"relatedLinks":[]},{"date":"2017-12-17T06:27:25.047Z","title":"moment/CHANGELOG.md at 2.20.0 · moment/moment","url":"https://github.com/moment/moment/blob/2.20.0/CHANGELOG.md","content":"moment 2.20.0リリース。\nHTML5 inputに対応するフォーマットの追加、`UTC`への変換しないオプションが`toISOString`に追加された","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"moment-2.20.0.md","url":"https://gist.github.com/marwahaha/e0d4135fbf8bb75fa85c4aa2bddc5031"}]},{"date":"2017-12-17T06:50:00.733Z","title":"Manning | Electron in Action","url":"https://www.manning.com/books/electron-in-action","content":"2018年5月1日発売\nElectronについての書籍","tags":["Electron","book"],"relatedLinks":[]},{"date":"2017-12-17T07:49:49.656Z","title":"Popmotion - A functional JavaScript motion library","url":"https://popmotion.io/","content":"関数でモーションを扱うアニメーションライブラリ","tags":["JavaScript","animation","library"],"relatedLinks":[]},{"date":"2017-12-17T08:03:05.390Z","title":"nitin42/react-perf-devtool: A Chrome developer tool extension to inspect performance of React components.","url":"https://github.com/nitin42/react-perf-devtool","content":"Reactコンポーネントのパフォーマンス計測ツール。\nReactの`performance.measure`の結果を使い、`react-addons-perf`のような計測結果を表示できるブラウザ拡張とツール","tags":["React","performance","Tools","browser","Extension"],"relatedLinks":[]},{"date":"2017-12-17T09:47:33.026Z","title":"Polymer 2 and Googlebot – Dev Channel – Medium","url":"https://medium.com/dev-channel/polymer-2-and-googlebot-2ad50c5727dd","content":"PolymerとGoogle Botへの対応について。\nGoogle BotはChrome 41相当であるため、TranspilerやPolyfill、確認方法などについて","tags":["google","SEO","Chrome","JavaScript","WebComponents"],"relatedLinks":[]},{"date":"2017-12-17T11:05:11.964Z","title":"calirojas506/vue-inspector: Vue.js Inspector for Mobile Devices","url":"https://github.com/calirojas506/vue-inspector","content":"VueのInspectorライブラリ。\nモバイルデバイス上でVueコンポーネントのデバッグをする目的のツール","tags":["Vue","debug","mobile","library"],"relatedLinks":[]},{"date":"2017-12-17T11:49:43.811Z","title":"Behind the Scenes: Improving the Repository Infrastructure - React Blog","url":"https://reactjs.org/blog/2017/12/15/improving-the-repository-infrastructure.html","content":"Reactのリポジトリのインフラ改善について。\nPrettierでのコード整形、monorepoとyarn workspace、モジュール構造、rollupでのflat bundle、Closure Compilerでの圧縮。\nproductionビルドに対するテスト、Public APIに対するテスト、`npm pack`でのpublish状況再現。\nカスタムビルドの対応、リリースフロー整備など\n","tags":["React","JavaScript","article"],"relatedLinks":[]},{"date":"2017-12-17T13:04:11.780Z","title":"Introducing Docusaurus · Docusaurus","url":"https://docusaurus.io/blog/2017/12/14/introducing-docusaurus.html","content":"OSSのドキュメントサイト生成ツールであるdocusaurusが正式公開された。\ndocusaurusが作られた理由や使い方について","tags":["document","ReleaseNote","Tools"],"relatedLinks":[]},{"date":"2017-12-17T14:03:18.457Z","title":"Release \"Fast\" By Default · TypeStrong/ts-node","url":"https://github.com/TypeStrong/ts-node/releases/tag/v4.0.0","content":"ts-node 4.0.0リリース。\n`--fast`がデフォルトとなった。\n`--type-check`を使うことで型チェックを合わせて行うように変更。\n`transformers`オプションのサポートなど","tags":["TypeScript","ReleaseNote","node.js"],"relatedLinks":[]},{"date":"2017-12-17T14:58:15.678Z","title":"The global `Reflect` object, its use cases and things to watch out for","url":"https://www.stefanjudis.com/today-i-learned/the-global-reflect-object-its-use-cases-and-things-to-watch-out-for/","content":"`Reflect`の使い方について。\n`Proxy`と合わせて使うものでオブジェクトの変更のloggingを例解説している。","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2017-12-17T14:59:49.733Z","title":"franciscop/state: State management tool using Proxy()","url":"https://github.com/franciscop/state","content":"`Proxy`を使ったステート管理ライブラリ。","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2017-12-19T01:23:29.338Z","title":"Patterns for designing flexible architecture in node.js (CQRS/ES/Onion)","url":"https://medium.com/@domagojk/patterns-for-designing-flexible-architecture-in-node-js-cqrs-es-onion-7eb10bbefe17","content":"TypeScriptを使ってCQRS+EventSoucingのパターンでNode.jsアプリを実装する記事。 サンプルプロジェクトと共にコマンドからイベントを作りそれをRepositoryに保存する流れを紹介してる。","tags":["CQRS","DDD","EventSourcing","TypeScript","node.js","JavaScript","article"],"relatedLinks":[]},{"date":"2017-12-18T15:25:53.110Z","title":"sveltejs/sapper: Combat-ready apps, engineered by Svelte","url":"https://github.com/sveltejs/sapper","content":"SvelteをつかったNext.jsのようなフレームワーク","tags":["JavaScript","library"],"relatedLinks":[{"title":"What is Sapper?","url":"https://sapper-template.now.sh/blog/what-is-sapper"}]},{"date":"2017-12-19T01:19:44.870Z","title":"How to debug front-end: Elements – Pragmatists","url":"https://blog.pragmatists.com/how-to-debug-front-end-elements-d97da4cbc3ea","content":"Chromeの開発者ツールの使い方について。\nデバッガー、Element inspector、Source、スタイルなどについて","tags":["Chrome","debug"],"relatedLinks":[]},{"date":"2017-12-19T23:16:22.412Z","title":"【連載記事】JavaScriptでプログラミングを学ぶ　その1：基礎と文法","url":"https://sbfl.net/blog/2017/12/14/javascript-programming-1/","content":"プログラミングを学んだことない人向けのJavaScript入門連載。","tags":["JavaScript","tutorial"],"relatedLinks":[]},{"date":"2017-12-20T23:46:36.804Z","title":"Release Notes for Safari Technology Preview 46 | WebKit","url":"https://webkit.org/blog/8042/release-notes-for-safari-technology-preview-46/","content":"Safari Technology Preview Release 46リリース。\nService Workerがデフォルトで有効化、`--useBigInt`フラグつきBigIntの実装、`img`要素の`decoding`属性のサポートなど","tags":["safari","ReleaseNote","ServiceWorker"],"relatedLinks":[]},{"date":"2017-12-21T12:51:46.289Z","title":"Use a Render Prop! – componentDidBlog","url":"https://cdb.reacttraining.com/use-a-render-prop-50de598f11ce","content":"Reactの子コンポーネントと値やロジックを共有するパターンとしてのrender propsについて","tags":["React","article"],"relatedLinks":[{"title":"Add doc about Render Props by mjackson · Pull Request #355 · reactjs/reactjs.org","url":"https://github.com/reactjs/reactjs.org/pull/355"}]},{"date":"2017-12-23T03:55:07.137Z","title":"V8 JavaScript Engine: V8 release v6.4","url":"https://v8project.blogspot.com/2017/12/v8-release-64.html","content":"V8 v6.4リリース。\nパフォーマンス、メモリ使用量の改善。named captureなどの正規表現Proposalの実装と有効化、`import.meta.url`のサポートなど","tags":["V8","ReleaseNote"],"relatedLinks":[]},{"date":"2017-12-23T04:00:51.633Z","title":"React 🎄","url":"https://react.holiday/","content":"アドベントカレンダー形式のReactチュートリアル","tags":["React","tutorial"],"relatedLinks":[]},{"date":"2017-12-23T09:56:56.105Z","title":"Service Workers: Going beyond the page - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog","url":"https://blogs.windows.com/msedgedev/2017/12/19/service-workers-going-beyond-page/","content":"MSEdgeのService Workerが実装された。\nService Workerの基本的な使い方やService Workerの制限について書かれている。","tags":["MSEdge","ServiceWorker","article"],"relatedLinks":[]},{"date":"2017-12-23T10:33:11.449Z","title":"The Future of jQuery UI and jQuery Mobile | jQuery UI Blog","url":"http://blog.jqueryui.com/2017/12/the-future-of-jquery-ui-and-jquery-mobile/","content":"jQuery MobileはjQuery UIに依存しているが、今までは別々のリポジトリとなっていた。\n重複などの無駄があるため、チームを統合し、停滞しているプロジェクトを改善していく指針が公開された。\nあわせてSlackチャンネルを開設して協力者を募集している。","tags":["jQuery","UI","mobile","article","opinion"],"relatedLinks":[]},{"date":"2017-12-24T00:11:19.926Z","title":"Release Webpack-CLI V.2.0.0 · webpack/webpack-cli","url":"https://github.com/webpack/webpack-cli/releases/tag/v.2.0.0","content":"webpack-cli 2.0.0リリース。\n`add`コマンド、`serve`コマンドの追加など","tags":["webpack","ReleaseNote"],"relatedLinks":[]},{"date":"2017-12-24T01:54:45.186Z","title":"Release v2.0.0 · karma-runner/karma","url":"https://github.com/karma-runner/karma/releases/tag/v2.0.0","content":"Karma v2.0.0リリース。\nNode.js 4未満のサポート終了、エラー表示の改善など","tags":["JavaScript","browser","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2017-12-24T05:36:06.239Z","title":"amsul/react-performance: Helpers to debug and record component render performance 🚀","url":"https://github.com/amsul/react-performance","content":"React 16で動く`react-addons-perf`のようなものを目指すライブラリ。\nReactコンポーネントのプロファイルを取れるライブラリ。","tags":["React","library","performance"],"relatedLinks":[]},{"date":"2017-12-24T23:01:22.753Z","title":"Preloading modules  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2017/12/modulepreload","content":"`<link rel=\"modulepreload\">`について。\n`<link rel=\"preload\">`との違い、モジュールの依存関係はフラットにすべてのファイルを定義するべきかについて","tags":["JavaScript","module","Chrome","article"],"relatedLinks":[]},{"date":"2017-12-25T04:30:14.395Z","title":"日経電子版 サイト高速化とPWA対応 / nikkei-high-performance-pwa // Speaker Deck","url":"https://speakerdeck.com/sisidovski/nikkei-high-performance-pwa","content":"ウェブサイトのパフォーマンス改善についてのスライド。\nアセットの配信の最適化、Resource Hintsでのpreload。\nSpeedCurveを使ってのモニタリングやファイルサイズのチェック。\nService Workerでのキャッシュやデバッグなどについて","tags":["slide","browser","performance"],"relatedLinks":[]},{"date":"2017-12-25T05:12:36.116Z","title":"Idiomatic Redux: Using Reselect Selectors for Encapsulation and Performance · Mark's Dev Blog","url":"http://blog.isquaredsoftware.com/2017/12/idiomatic-redux-using-reselect-selectors/","content":"reselectを使ったパフォーマンスの最適化について。\nreselectはstateからstateを作るライブラリで、入力に対してメモ化が行われている。\nこれを使いReduxのstateからアプリケーションに適切な形へstateを変換させる例について紹介している","tags":["redux","JavaScript","performance","article","React"],"relatedLinks":[]},{"date":"2017-12-25T07:29:44.280Z","title":"ES6 Modules のエラー処理を決定的(deterministic)にした話 - Google ドキュメント","url":"https://docs.google.com/document/d/1Wuc2LVLb2Ii-itnA4sKw_KndJGvZ4mvdfw0POm5qcs4/edit#","content":"ES Modules(仕様)のエラーがネットワークに依存したものとなっていて、毎回異なるエラーになる問題があった。\nエラーが毎回同じ結果となるように、仕様をどのように修正していったかについて。","tags":["Chrome","module","JavaScript","spec","article","ECMAScript"],"relatedLinks":[]},{"date":"2017-12-25T12:22:26.320Z","title":"ESLint v4.14.0 released - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2017/12/eslint-v4.14.0-released","content":"ESLint 4.14.0リリース。\nパーサ向けにScope解析のhookポイントが追加された。","tags":["ESLint","ReleaseNote"],"relatedLinks":[]},{"date":"2017-12-25T13:55:42.463Z","title":"ブラウザのしくみ: データ構造とアルゴリズムと雰囲気で理解する DOM と Shadow DOM — hayato.io","url":"https://hayato.io/2017/dom/","content":"DOMやShadow DOMの構造や実装についての解説記事。\nShadow DOMの登場によってDOMはツリーのツリー(Super Tree)となっている。\nその場合におけるCSSセレクタのマッチングやイベントパスについてなどをChromeの実装と合わせて解説している。","tags":["Chrome","WebComponents"],"relatedLinks":[]},{"date":"2017-12-25T14:55:43.625Z","title":"Responsively Retrofitting: Retrofitting Web Sites with HTML5 and CSS3: Christopher Schmitt: 9781449364205: Amazon.com: Books","url":"https://www.amazon.com/Responsively-Retrofitting-Sites-HTML5-CSS3/dp/1449364209","content":"2018年8月25日発売\n既存のレガシーなウェブサイトをモバイル向けにリニューアルする方法についてを扱う書籍","tags":["CSS","HTML","book"],"relatedLinks":[]},{"date":"2017-12-25T14:54:04.379Z","title":"Lint the Web Forward With Sonarwhal ◆ 24 ways","url":"https://24ways.org/2017/lint-the-web-forward-with-sonarwhal/","content":"Sonarwhalを使ったウェブサイトのLintについての記事。\nSonarwhalの基本的な使い方や設定について解説している","tags":["HTML","web ","Tools","article"],"relatedLinks":[]},{"date":"2017-12-25T15:06:30.997Z","title":"Jest 22: Refinements & Custom Runners · Jest","url":"http://facebook.github.io/jest/blog/2017/12/18/jest-22.html","content":"Jest 22リリース。\nNode.js 4のサポート終了、カスタムRunnerのコアとなる`jest-worker`の公開。\nテスト結果のフォーマッタの変更、`--detectLeaks`の追加、Babel 7のサポート、MITライセンスに変更など","tags":["JavaScript","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2017-12-25T22:53:41.749Z","title":"Testing Angular 2 and Continuous Integration with Jest - Semaphore","url":"https://semaphoreci.com/community/tutorials/testing-angular-2-and-continuous-integration-with-jest","content":"Jestを使ったAngularのテストについて","tags":["JavaScript","Angular","testing","article"],"relatedLinks":[]},{"date":"2017-12-28T03:36:39.503Z","title":"Performance Calendar » Performance insurance","url":"https://calendar.perfplanet.com/2017/performance-insurance/","content":"パフォーマンス関係のツール紹介記事。\nファイルサイズチェック、ファイル分割チェック、LightHouse、モニタリングサービスなど","tags":["performance","Tools","JavaScript","browser"],"relatedLinks":[]},{"date":"2017-12-29T02:02:18.430Z","title":"The npm Blog — New Package Moniker rules","url":"http://blog.npmjs.org/post/168978377570/new-package-moniker-rules","content":"npmにパッケージをpublishする際のルールが変更された。\nパッケージ名に含まれる`.`、`-`、`_`の違いによる区別をしなくなった。\n`react-native`と`react.native`を同じものとして扱い、タイプミスを狙った類似パッケージの公開を防止する目的。","tags":["npm","news","security"],"relatedLinks":[{"title":"validate-npm-package-name","url":"https://www.npmjs.com/package/validate-npm-package-name"}]},{"date":"2017-12-29T05:37:27.521Z","title":"Christmas Gifts for Your Future Self: Testing the Web Platform ◆ 24 ways","url":"https://24ways.org/2017/testing-the-web-platform/","content":"ウェブ標準におけるテストについて。\nWeb Platform Testsでのテストの見かた、コントリビュート方法やテストの書き方についてなど","tags":["WebPlatformAPI","testing","article","browser"],"relatedLinks":[{"title":"web-platform-tests dashboard","url":"https://wpt.fyi/"}]},{"date":"2017-12-29T11:26:01.398Z","title":"JavaScript のスレッド並列実行環境","url":"http://nhiroki.jp/2017/12/10/javascript-parallel-processing","content":"JavaScriptにおけるWebWorkerやSharedWorker、Workletなどのスレッドの仕組みについてや違いについて。\nまた検討されているWeb Locks APIやThread APIについて","tags":["Chrome","webworker","JavaScript"],"relatedLinks":[]},{"date":"2017-12-29T12:07:15.523Z","title":"Nearing the 7.0 Release · Babel","url":"https://babeljs.io/blog/2017/12/27/nearing-the-7.0-release","content":"Babel 7の変更予定について","tags":["babel","article"],"relatedLinks":[]},{"date":"2017-12-29T12:14:47.568Z","title":"Introducing Hyperapp 1.0 🎉 – Jorge Bucaran – Medium","url":"https://medium.com/@JorgeBucaran/introducing-hyperapp-1-0-dbf4229abfef","content":"hyperapp 1.0.0リリース。\n","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Release 1.0.0 · hyperapp/hyperapp","url":"https://github.com/hyperapp/hyperapp/releases/tag/1.0.0"}]},{"date":"2017-12-31T06:55:11.957Z","title":"anseki/leader-line: Draw a leader line in your web page.","url":"https://github.com/anseki/leader-line","content":"指定要素同士を矢印で繋いだり、指定要素への矢印とキャプションを描画できるライブラリ。","tags":["JavaScript","SVG","library"],"relatedLinks":[]},{"date":"2017-12-31T08:27:29.460Z","title":"whoeverest/wsrun: Command runner for Yarn workspaces. Dependency aware.","url":"https://github.com/whoeverest/wsrun","content":"Yarn workspace向けのツール。\nlerna runのようにそれぞれのパッケージに対してコマンドを実行できる","tags":["yarn","Tools"],"relatedLinks":[]},{"date":"2018-01-01T04:58:45.707Z","title":"Release v4.0.0 · gulpjs/gulp","url":"https://github.com/gulpjs/gulp/releases/tag/v4.0.0","content":"gulp 4.0.0プレリリース。\n`npm install gulp@next`でインストールできるように。\n`gulp.reset`、`gulp.task`の第三引数の削除。\n`gulp.series`と`gulp.parallel`、`gulp.tree`、`gulp.registry`の追加。\n`gulp`と`gulp-cli`の分離など","tags":["gulp","ReleaseNote"],"relatedLinks":[{"title":"gulp/CHANGELOG.md at v4.0.0 · gulpjs/gulp","url":"https://github.com/gulpjs/gulp/blob/v4.0.0/CHANGELOG.md"},{"title":"[Notice] gulp 4 release process · Issue #1486 · gulpjs/gulp","url":"https://github.com/gulpjs/gulp/issues/1486"}]},{"date":"2018-01-01T05:01:45.107Z","title":"ResizeObserver による変更検知と Element Query | blog.jxck.io","url":"https://blog.jxck.io/entries/2017-12-30/resize-observer-and-element-query.html","content":"ResizeObserverについての解説記事。\n要素のリサイズを監視するObserver API","tags":["WebPlatformAPI","JavaScript"],"relatedLinks":[]},{"date":"2018-01-02T04:13:39.839Z","title":"keithamus/sort-package-json: Sort an Object or package.json based on the well-known package.json keys","url":"https://github.com/keithamus/sort-package-json","content":"`package.json`のフィールドをソートするツール","tags":["Tools","node.js"],"relatedLinks":[]},{"date":"2018-01-02T08:21:55.294Z","title":"Ember.js - Ember 2.18 and 3.0 Beta Released","url":"https://emberjs.com/blog/2018/01/01/ember-2-18-released.html","content":"Ember 2.1.8と3.0βリリース。\nEmber 3.0ではIE 9, 10のサポート終了、2.xで非推奨となった機能の削除され、それらは`ember-2-legacy`アドオンにポートされる。","tags":["Ember","ReleaseNote"],"relatedLinks":[{"title":"rfcs/0252-browser-support-changes.md at master · emberjs/rfcs","url":"https://github.com/emberjs/rfcs/blob/master/text/0252-browser-support-changes.md"},{"title":"Ember.js - The Road to Ember 3.0","url":"https://www.emberjs.com/blog/2017/10/03/the-road-to-ember-3-0.html"},{"title":"emberjs/ember-2-legacy","url":"https://github.com/emberjs/ember-2-legacy"}]},{"date":"2018-01-02T08:28:41.811Z","title":"tbfleming/cib: clang running in browser (wasm)","url":"https://github.com/tbfleming/cib/","content":"`clang`と`clang-format`をJavaScriptにコンパイルし、ブラウザ上で`clang`を使ってC++をWebAssemblyへコンパイルして実行するデモ","tags":["JavaScript","WebAssembly","Clang","C++"],"relatedLinks":[]},{"date":"2018-01-02T08:42:45.043Z","title":"Profiling adventure - Qiita","url":"https://qiita.com/martinheidegger/items/5a5c40770ef6f47a92b2","content":"Node.jsで`perf_hooks`を使ったプロファイル、Node.jsの`--prof`フラグを使ったより詳細なダンプデータのとり方。\nまた`--inspect-brk`を使いChromeの開発者ツールを使ってのデバッグについて","tags":["node.js","performance","debug","article"],"relatedLinks":[]},{"date":"2018-01-02T11:24:21.829Z","title":"JavaScript のスレッド並列実行環境","url":"http://nhiroki.jp/2017/12/10/javascript-parallel-processing","content":"JavaScriptにおけるスレッド関係の機構について。\nタスクキュー、Web Workerのモデル、スレッド間のメッセージング、データのコピーと移譲(Transferable)、SharedArrayBuffer、Agentの共有メモリモデル。 Worklet/Tasklet、Web Locks、Thread APIについて","tags":["Chrome","JavaScript","webworker","article"],"relatedLinks":[]},{"date":"2018-01-02T11:28:53.487Z","title":"Getting Started with Jest and Puppeteer – Noteworthy — The Journal Blog","url":"https://blog.usejournal.com/getting-started-with-jest-and-puppeteer-7cf6c59a2cae","content":"JestとPuppeteerを使ったテストの設定や書き方について","tags":["JavaScript","Chrome","E2E","testing"],"relatedLinks":[]},{"date":"2018-01-02T11:37:15.720Z","title":"Neutrino: Releasing v8 🎉 – Eli Perelman – Medium","url":"https://medium.com/@eliperelman/neutrino-releasing-v8-a643f356f410","content":"JavaScriptの開発環境セットアップツールのNeutrino v8.0.0リリース。\nモジュールを`@neutrinojs`のScoped moduleへ移行、`@neutrinojs/library`などのコアミドルウェアの追加、複数ページのアプリへの対応など","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[{"title":"Migration Guide · Neutrino","url":"https://neutrino.js.org/migration-guide#neutrino-v7-to-v8"}]},{"date":"2018-01-03T08:21:44.349Z","title":"Node v8.9.4 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v8.9.4/","content":"Node.js 8.9.4リリース。\nnpm 5.6.0の同梱など","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"The npm Blog — v5.6.0 (2017-11-27)","url":"http://blog.npmjs.org/post/167963735925/v560-2017-11-27"}]},{"date":"2018-01-04T03:09:02.995Z","title":"Actions Required to Mitigate Speculative Side-Channel Attack Techniques - The Chromium Projects","url":"https://sites.google.com/a/chromium.org/dev/Home/chromium-security/ssca","content":"Chrome、Firefox、MSEdge、SafariなどのブラウザはMeltdown/Spectre(CPUプロセッサに関する脆弱性)を受ける。\nそのためSharedArrayBufferの無効化や軽減策として`performance.now()`などの挙動を変更する","tags":["JavaScript","security","news","browser"],"relatedLinks":[{"title":"Mitigations landing for new class of timing attack | Mozilla Security Blog","url":"https://blog.mozilla.org/security/2018/01/03/mitigations-landing-new-class-timing-attack/"},{"title":"Meltdown and Spectre","url":"https://spectreattack.com/"},{"title":"Mitigating speculative execution side-channel attacks in Microsoft Edge and Internet Explorer - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog","url":"https://blogs.windows.com/msedgedev/2018/01/03/speculative-execution-mitigations-microsoft-edge-internet-explorer/#m2GyZlsjAzq0Do6K.97"},{"title":"What Spectre and Meltdown Mean For WebKit | WebKit","url":"https://webkit.org/blog/8048/what-spectre-and-meltdown-mean-for-webkit/"}]},{"date":"2018-01-06T03:01:36.046Z","title":"browserify/changelog.markdown at v15.0.0 · browserify/browserify","url":"https://github.com/browserify/browserify/blob/v15.0.0/changelog.markdown","content":"Browserify 15.0.0リリース。\nNode.js 4未満のサポート終了、`module-deps`の依存を更新、`browserify` organizationに移動など","tags":["browserify","ReleaseNote"],"relatedLinks":[{"title":"Release v5.0.0 · browserify/module-deps","url":"https://github.com/browserify/module-deps/releases/tag/v5.0.0"}]},{"date":"2018-01-06T08:20:37.605Z","title":"Dev.Opera — What’s new in Chromium 63 and Opera 50","url":"https://dev.opera.com/blog/opera-50/","content":"Opera 50 (based on Chromium 63)リリース。\nDynamic import、Async Iterator/Generator、`Promise#finally`、`Intl.PluralRules`のサポートなど","tags":["Chrome","Opera","ReleaseNote"],"relatedLinks":[]},{"date":"2018-01-06T12:58:05.110Z","title":"ECMAScript 2015以降のJavaScriptの`this`を理解する | Web Scratch","url":"http://efcl.info/2018/01/04/what-is-this/","content":"JavaScriptの`this`についての解説記事。\n状況によって異なる値を参照する`this`は、どのような仕組みでその値を決まっているかについて。\n関数やArrow Functionでの仕組みの違いなどについて","tags":["JavaScript","ECMAScript","article"],"relatedLinks":[{"title":"asciidwango/js-primer: JavaScriptの入門書","url":"https://github.com/asciidwango/js-primer"}]},{"date":"2018-01-07T10:43:13.299Z","title":"FuseBox 3.0 — faster than ever – fusebox – Medium","url":"https://medium.com/fusebox/fusebox-3-0-faster-than-ever-5fae4254556c","content":"FuseBox 3.0リリース。\nCode Splittingをデフォルトでサポート、TypeScriptをソースにTree Shakingをサポートするために`ts:main`のサポート。\nパフォーマンスの改善、ウェブサイトのデザイン更新など","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[{"title":"Release 3.0.2 · fuse-box/fuse-box","url":"https://github.com/fuse-box/fuse-box/releases/tag/3.0.2"},{"title":"fuse-box/version3changelog.md at master · fuse-box/fuse-box","url":"https://github.com/fuse-box/fuse-box/blob/master/docs/version3changelog.md"}]},{"date":"2018-01-08T13:58:48.958Z","title":"Chrome DevTools 101: Debugging JavaScript - YouTube","url":"https://www.youtube.com/watch?v=H0XScE08hy8","content":"Chrome開発者ツールでのデバッガーの使い方についての動画。\nブレークポイントの種類や貼り方、ステップ実行などについて","tags":["Chrome","debug","video"],"relatedLinks":[{"title":"Pause Your Code With Breakpoints  |  Tools for Web Developers  |  Google Developers","url":"https://developers.google.com/web/tools/chrome-devtools/javascript/breakpoints"}]},{"date":"2018-01-08T14:05:47.947Z","title":"New flexbox guides on MDN – Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2018/01/new-flexbox-guides-on-mdn/","content":"FlexboxのガイドがMDNに追加された","tags":["CSS","article","document"],"relatedLinks":[]},{"date":"2018-01-08T14:10:10.661Z","title":"🐛🔨 The Contributors Guide to webpack — Part 1 🎨 🖼","url":"https://medium.com/webpack/the-contributors-guide-to-webpack-part-1-a0410cc82ca4","content":"webpackのアーキテクチャの解説をする連載。\nwebpack関係のツール、プラグインのエコシステムや動作の仕組み、モジュール依存関係グラフの構築などについて","tags":["webpack","article","JavaScript"],"relatedLinks":[{"title":"TheLarkInn/artsy-webpack-tour: Annotations on webpack source code in a pseudo-guided fashion.","url":"https://github.com/TheLarkInn/artsy-webpack-tour"}]},{"date":"2018-01-09T00:51:22.840Z","title":"Using React Fragments for the first time","url":"https://javascriptplayground.com/react-fragments/","content":"React 16で導入されたFragmentについての記事。\nどのような問題を解決するのかや気をつけるべき点、ユースケースについて","tags":["JavaScript","React","article"],"relatedLinks":[]},{"date":"2018-01-09T01:23:40.579Z","title":"ESLint v4.15.0 released - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2018/01/eslint-v4.15.0-released","content":"ESLint 4.15.0リリース。\n`CLIEngine#getRules()`で設定されたルールの取得、`messageId`の追加など開発者向けの機能追加など","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"ESLint v4.15.0 - Qiita","url":"https://qiita.com/mysticatea/items/c6c10d4749e7d69d321e"}]},{"date":"2018-01-09T01:38:35.743Z","title":"What’s New in HTML 5.2?","url":"https://bitsofco.de/whats-new-in-html-5-2/","content":"W3C HTML 5.2の変更点まとめ。\n`<dialog>`要素、iframeに`allowpaymentrequest`属性の追加、`<main>`要素の複数配置の許容。\nまた`keygen`、`menu`、`menuitem`の削除、HTML4 XHTML1 strict doctypeの削除など","tags":["W3C","HTML","spec","article"],"relatedLinks":[{"title":"HTML 5.2: Changes","url":"https://www.w3.org/TR/html52/changes.html#changes"},{"title":"main要素、二つの定義 | フロントエンドBlog | ミツエーリンクス","url":"https://www.mitsue.co.jp/knowledge/blog/frontend/201412/02_1454.html"},{"title":"メモ：両HTMLにおけるmain要素の説明、ついに一定の収束の気配か。 - 水底の血","url":"http://momdo.hatenablog.jp/entry/20180105/1515161004"}]},{"date":"2018-01-09T01:42:44.502Z","title":"JavaScript Start-up Optimization  |  Web Fundamentals  |  Google Developers","url":"https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/javascript-startup-optimization/","content":"ウェブサイトの起動速度周りの改善ポイントについてまとめた記事。\nネットワーク、ファイルサイズ、パース、コンパイル、実行コストについてを簡単にまとめたもの","tags":["Chrome","performance","article"],"relatedLinks":[{"title":"JavaScript Start-up Performance – reloading – Medium","url":"https://medium.com/reloading/javascript-start-up-performance-69200f43b201"}]},{"date":"2018-01-09T12:55:24.846Z","title":"Nuxt.js 1.0 is out 🎉 – Nuxt.js – Medium","url":"https://medium.com/@nuxt_js/nuxt-js-1-0-is-out-bab1af459972","content":"Vue版Next.jsであるNuxt.js 1.0リリース。\nNode.js 8.0.0未満のサポートを終了。\n今後はドキュメンテーション、パフォーマンス、TypeScriptサポートの改善などを行っていく","tags":["JavaScript","Vue","server","ReleaseNote"],"relatedLinks":[{"title":"Release v1.0.0 · nuxt/nuxt.js","url":"https://github.com/nuxt/nuxt.js/releases/tag/v1.0.0"}]},{"date":"2018-01-09T13:02:21.627Z","title":"Roadmap of Web Applications on Mobile","url":"https://www.w3.org/2018/01/web-roadmaps/mobile/","content":"W3Cのモバイルのウェブアプリに関する仕様のロードマップ。\nそれぞれの仕様のジャンルごとのまとめ、ステータス、実装状況について","tags":["W3C","spec","document"],"relatedLinks":[]},{"date":"2018-01-09T13:08:10.186Z","title":"Roadmap of Web Applications on Mobile","url":"https://www.w3.org/Mobile/roadmap/","content":"W3Cのモバイルのウェブアプリに関する仕様のステータスページ。\nそれぞれのジャンルごとの仕様まとめ、ステータス、実装状況について","tags":["W3C","spec","document"],"relatedLinks":[]},{"date":"2018-01-09T13:27:16.096Z","title":"mweststrate/immer: Create the next immutable state by mutating the current one","url":"https://github.com/mweststrate/immer","content":"MutableなAPIでImmutableにオブジェクトや配列を変更できるライブラリ。","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2018-01-09T13:30:46.462Z","title":"Lighthouse 2.7 Updates  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/01/lighthouse","content":"Lighthouse 2.7リリース。\nSEO auditの追加、手動のアクセシビリティチェックリストの追加、WebP auditの更新など","tags":["Chrome","performance","Tools"],"relatedLinks":[]},{"date":"2018-01-09T13:56:57.661Z","title":"Sapper: Towards the ideal web app framework","url":"https://svelte.technology/blog/sapper-towards-the-ideal-web-app-framework","content":"SvelteベースのNext.js的なフレームワークであるSapperについて。\nそれぞれのページがSvelteのコンポーネントとなる。\n元々フレームワークからではなくコンパイラとして始まったSvelteと他のフレームワークとの違いについて","tags":["JavaScript","server","library","article"],"relatedLinks":[{"title":"Sapper • Military-grade progressive web apps, powered by Svelte","url":"https://sapper.svelte.technology/"}]},{"date":"2018-01-09T23:11:42.306Z","title":"The State of JavaScript Frameworks, 2017 | Part 1: Front-End Frameworks","url":"https://www.npmjs.com/npm/state-of-javascript-frameworks-2017-part-1","content":"npmのダウンロード数から見るJavaScriptのエコシステムについての連載記事。\nフロントエンドとバックエンドのフレームワーク、Reactに関するエコシステムについて","tags":["npm","JavaScript","article"],"relatedLinks":[]},{"date":"2018-01-10T14:30:11.676Z","title":"How to Read the ECMAScript Specification","url":"https://timothygu.me/es-howto/","content":"ECMAScriptの仕様書の読み方についてのドキュメント","tags":["ECMAScript","spec","document"],"relatedLinks":[]},{"date":"2018-01-10T23:37:27.285Z","title":"React Studio","url":"https://reactstudio.com/","content":"Reactを使ったサイトを作るGUIエディタ。ページ間の遷移なども扱える。","tags":["React","GUI","software","mac "],"relatedLinks":[]},{"date":"2018-01-11T02:21:45.712Z","title":"Release 2.5.0 · qunitjs/qunit","url":"https://github.com/qunitjs/qunit/releases/tag/2.5.0","content":"QUnit 2.5.0リリース。\n`assert.rejects`の追加、`QUnit.onUnhandledRejection`の追加など","tags":["JavaScript","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-01-14T16:54:38.547Z","title":"NervJS/nerv: A blazing fast React alternative, compatible with IE8 and React 16.","url":"https://github.com/NervJS/nerv","content":"ReactライクなAPIをもつライブラリ。ファイルサイズや小さくしつつReactとの互換性をもつことを目的にしている。また、IE8をサポートしていて、devToolsやReduxとの連携するパッケージも用意されている。","tags":["JavaScript","React","library"],"relatedLinks":[{"title":"What&#39;s the tradeoff? · Issue #10 · NervJS/nerv","url":"https://github.com/NervJS/nerv/issues/10#issuecomment-356913486"}]},{"date":"2018-01-11T02:44:49.213Z","title":"React本格入門 導入からテストまで高速で描写するための開発手法（穴井宏幸 柴田和祈 石井直矢 三宮肇）｜翔泳社の本","url":"http://www.shoeisha.co.jp/book/detail/9784798153353","content":"2018年02月19日発売\nReactに関する書籍。","tags":["JavaScript","React","book"],"relatedLinks":[]},{"date":"2018-01-11T12:31:26.970Z","title":"But really, what is a JavaScript test? – kentcdodds","url":"https://blog.kentcdodds.com/but-really-what-is-a-javascript-test-46fe5f3fad77","content":"JavaScriptにおけるテストとはどうやって動くものかについて。\nifとthrowを使ったものから`assert`を使ったもの、テストフレームワークを使った構造化など順を追って見ていく話","tags":["JavaScript","testing","article"],"relatedLinks":[]},{"date":"2018-01-11T15:30:59.814Z","title":"Node v9.4.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v9.4.0/","content":"Node v9.4.0リリース。\nnpm 5.6.0へアップデート、zlibモジュールで`ArrayBuffer`をサポートなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2018-01-12T01:44:50.702Z","title":"Release Notes for Safari Technology Preview 47 | WebKit","url":"https://webkit.org/blog/8060/release-notes-for-safari-technology-preview-47/","content":"Safari Technology Preview Release 47リリース。\nStorage Access APIの実験的サポート、Service Workerの改善、Web InspectorのCanvasタブをデフォルトで有効化など","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"Proposal: Storage Access API · Issue #3338 · whatwg/html","url":"https://github.com/whatwg/html/issues/3338"}]},{"date":"2018-01-12T03:20:57.971Z","title":"Introducing Immer: Immutability the easy way – Michel Weststrate – Medium","url":"https://medium.com/@mweststrate/introducing-immer-immutability-the-easy-way-9d73d8f71cb3","content":"Immmutableにオブジェクトを更新する`immer`について。\nProxyなどを使い実際に変更された場合にのみ、オブジェクト自身を更新する仕組みをもち、また開発中は自動で`Object.freeze`を適応する\nReduxのReducerのようなパターンをMutableなAPIで書ける。","tags":["JavaScript","library","article"],"relatedLinks":[{"title":"Simplify Creating Immutable Data Trees With Immer from @mweststrate on @eggheadio","url":"https://egghead.io/lessons/redux-simplify-creating-immutable-data-trees-with-immer"}]},{"date":"2018-01-12T11:24:30.498Z","title":"russellgoldenberg/scrollama: Scrollytelling with IntersectionObserver.","url":"https://github.com/russellgoldenberg/scrollama","content":"IntersectionObserverを使ったスクロールでのクラスの付け外しなどを行えるライブラリ。\nスクロールでデザインが変わるパターンの実装補助ライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2018-01-13T02:17:03.794Z","title":"Prettier 1.10: One Year of Prettier 🎂 · Prettier","url":"https://prettier.io/blog/2018/01/10/1.10.0.html","content":"Prettier 1.10リリース。\nVue Single File Componentsのサポート、Prettier Plugin APIの追加。\nPython、PHP、Swiftをプラグインでサポート。","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2018-01-13T05:41:12.902Z","title":"Announcing Storybook 3.3 – Storybook – Medium","url":"https://medium.com/storybookjs/announcing-storybook-3-3-9972c4bc87ac","content":"Storybook 3.3リリース。\nAngularプロジェクトをサポート、viewportのシミュレート、storyshotsでのテスト改善など","tags":["JavaScript","testing","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2018-01-13T12:31:26.821Z","title":"HTTP/2 の内幕","url":"http://www.ibm.com/developerworks/jp/web/library/wa-http2-under-the-hood/index.html","content":"HTTP/2の歴史や特徴などの概要を簡単にまとめた記事","tags":["HTTP2","article"],"relatedLinks":[]},{"date":"2018-01-14T01:20:05.307Z","title":"低帯域幅と高レイテンシの理解  |  Web  |  Google Developers","url":"https://developers.google.com/web/fundamentals/performance/poor-connectivity/?hl=ja","content":"ネットワークの帯域やレイテンシのシミュレートするツールやlie-fiと呼ばれる問題のあるネットワークの問題について。\nService Workerを使ったネットワークタイムアウトについて","tags":["Chrome","debug","browser","article"],"relatedLinks":[]},{"date":"2018-01-14T12:45:59.834Z","title":"Learn TDD in React","url":"http://learntdd.in/react/","content":"Cypressを使ったE2Eテストを書いてからコンポーネントの実装を行う方法についてのチュートリアル。\n`data-test`属性を使ってのテストコンポーネントの指定、機能の実装などについて","tags":["React","testing","E2E","article"],"relatedLinks":[{"title":"Learn TDD in Vue","url":"http://learntdd.in/vue/"}]},{"date":"2018-01-15T10:59:42.452Z","title":"zouhir/jarvis: A very intelligent browser based Webpack dashboard","url":"https://github.com/zouhir/jarvis","content":"webpackのダッシュボードプラグイン。","tags":["webpack","Tools","plugin"],"relatedLinks":[]},{"date":"2018-01-15T11:17:06.177Z","title":"Release v0.63.0 · facebook/flow","url":"https://github.com/facebook/flow/releases/tag/v0.63.0","content":"Flow 0.63.0リリース。\nStrict modeでは関数の引数を`const`として扱うように","tags":["flowtype","ReleaseNote"],"relatedLinks":[]},{"date":"2018-01-15T15:28:02.767Z","title":"What’s new in Vue Devtools 4.0 – The Vue Point – Medium","url":"https://medium.com/the-vue-point/whats-new-in-vue-devtools-4-0-9361e75e05d0","content":"Vue DevTools 4.0の変更点について。\nコンポーネントのデータ編集、アイテムの追加や削除、Quick Edit、エディタで開く、イベントフィルターの改善など","tags":["Vue","debug","Tools","article"],"relatedLinks":[]},{"date":"2018-01-15T16:05:54.635Z","title":"2017 JavaScript Rising Stars","url":"https://risingstars.js.org/2017/en/","content":"2017年のJavaScript関連におけるStarの増加率でのランキングまとめ","tags":["JavaScript","library","Tools","まとめ"],"relatedLinks":[]},{"date":"2018-01-16T01:44:14.073Z","title":"Secure Contexts Everywhere | Mozilla Security Blog","url":"https://blog.mozilla.org/security/2018/01/15/secure-contexts-everywhere/","content":"Firefoxは今後に新しい機能(JavaScript、CSS、HTTP、フォーマットなど)に利用する際にはSecure Contexts(HTTPS)を必須にする方針について。\n新しいCSS color keywordのような既存部分の変更については例外とする場合があることについてなど","tags":["firefox","security","news","WebPlatformAPI"],"relatedLinks":[]},{"date":"2018-01-16T01:48:26.656Z","title":"Release v6.0.0 · epoberezkin/ajv","url":"https://github.com/epoberezkin/ajv/releases/tag/v6.0.0","content":"JSON Schema Validatorのajv 6.0.0リリース。\nJSON Schema Draft-07をサポート","tags":["JSON","JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"JSON Schema Draft-07 Release Notes","url":"http://json-schema.org/draft-07/json-schema-release-notes.html"}]},{"date":"2018-01-16T23:12:02.946Z","title":"skerit/json-dry: JSON-dry allows you to serialize & revive objects containing circular references, dates, regexes, class instances,...","url":"https://github.com/skerit/json-dry","content":"正規表現や循環参照に対応したJSONシリアライズ/デシリアライズライブラリ。\nオブジェクトのクローンも行える。","tags":["JavaScript","JSON","library"],"relatedLinks":[]},{"date":"2018-01-17T01:00:49.768Z","title":"Functional-Light… by Kyle Simpson [Leanpub PDF/iPad/Kindle]","url":"https://leanpub.com/fljs","content":"Functional programming (FP)のアプローチをJavaScriptに適応してFPについて学ぶ書籍","tags":["JavaScript","関数型プログラミング","book"],"relatedLinks":[]},{"date":"2018-01-17T12:54:15.885Z","title":"Release v1.0.0 · GoogleChrome/puppeteer","url":"https://github.com/GoogleChrome/puppeteer/releases/tag/v1.0.0","content":"Puppeteer 1.0.0リリース。\nコードカバレッジAPIのサポート、PDFのカスタマイズ、XPathのサポートなど","tags":["Chrome","library","ReleaseNote"],"relatedLinks":[{"title":"Puppeteer  |  Tools for Web Developers  |  Google Developers","url":"https://developers.google.com/web/tools/puppeteer/"}]},{"date":"2018-01-18T14:07:34.646Z","title":"Render Props - React","url":"https://reactjs.org/docs/render-props.html","content":"ReactのRender Propsのパターンについてのドキュメント","tags":["React","document"],"relatedLinks":[]},{"date":"2018-01-19T01:52:28.103Z","title":"Understanding SVG Coordinate Systems and Transformations (Part 1) — The viewport, viewBox, and preserveAspectRatio","url":"https://www.sarasoueidan.com/blog/svg-coordinate-systems/","content":"SVGのviewport、viewBox、preserveAspectRatioについての詳しい解説","tags":["SVG","article"],"relatedLinks":[]},{"date":"2018-01-19T03:45:55.036Z","title":"Announcing TypeScript 2.7 RC | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2018/01/17/announcing-typescript-2-7-rc/","content":"TypeScript 2.7RCリリース\n\nクラスプロパティへの代入忘れをチェックする`--strictPropertyInitialization`の追加、Tupleの扱いの変更、`in`と`instanceof`の改善など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2018-01-19T06:48:24.225Z","title":"CSS Grid — Learn all about CSS Grid with Wes Bos in this free video series!","url":"https://cssgrid.io/","content":"CSS Grid講座","tags":["CSS","video"],"relatedLinks":[]},{"date":"2018-01-19T08:37:53.121Z","title":"Bootstrap 4 · Bootstrap","url":"https://blog.getbootstrap.com/2018/01/18/bootstrap-4/","content":"Bootstrap 4リリース。\n4.0ではLessからSassへ、Flexboxの利用、Cardsへの移行、IE 8、9などのサポート終了など。\nβ3からの変更として、printのスタイルの更新サンプル、ドキュメントの追加など","tags":["CSS","library","ReleaseNote"],"relatedLinks":[{"title":"Bootstrap 4 Beta · Bootstrap","url":"https://blog.getbootstrap.com/2017/08/10/bootstrap-4-beta/"},{"title":"Migrating to v4 · Bootstrap","url":"https://getbootstrap.com/docs/4.0/migration/"}]},{"date":"2018-01-19T11:02:03.129Z","title":"Release v5.0.0 · mochajs/mocha","url":"https://github.com/mochajs/mocha/releases/tag/v5.0.0","content":"Mocha 5.0.0リリース。\nIE 9、10のサポート終了、テストファイルを追加指定する`--file`オプションの追加など","tags":["JavaScript","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-01-20T03:14:27.786Z","title":"Polymer 3.0: New Year, New Preview - Polymer Project","url":"https://www.polymer-project.org/blog/2018-01-18-polymer-3-new-preview","content":"Polymer 3.0-pre.4リリース。\n`PropertiesMixin`の追加、`html`タグ関数の改善。\nStableリリースは2018年Q1末を予定","tags":["WebComponents","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-01-20T03:34:07.368Z","title":"Simplifying JavaScript: Writing Modern JavaScript with ES5, ES6, and Beyond by Joe Morgan | The Pragmatic Bookshelf","url":"https://pragprog.com/book/es6tips/simplifying-javascript","content":"2018年5月10日発売\nES2015以降の新しい構文を学び、読みやすく拡張し易いコードを書く方法についてを学ぶ書籍。","tags":["JavaScript","ECMAScript","book"],"relatedLinks":[]},{"date":"2018-01-20T04:18:25.336Z","title":"jQuery 3.3.0 – A fragrant bouquet of deprecations and…is that a new feature? | Official jQuery Blog","url":"http://blog.jquery.com/2018/01/19/jquery-3-3-0-a-fragrant-bouquet-of-deprecations-and-is-that-a-new-feature/","content":"jQuery 3.3.0リリース。\n`.addClass()`、`.removeClass()`、`.toggleClass()`が配列を受け取れるように。\n`jQuery.now`や`jQuery.isFunction`などが非推奨になるなど\n","tags":["jQuery","ReleaseNote"],"relatedLinks":[]},{"date":"2018-01-20T05:16:36.345Z","title":"Testing Vue.js Applications: Edd Yerburgh: 9781617295249: Amazon.com: Books","url":"https://www.amazon.com/Testing-Vue-Js-Applications/dp/1617295248","content":"2017年7月30日発売\nVueアプリケーションのテストについての書籍","tags":["JavaScript","Vue","testing","book"],"relatedLinks":[]},{"date":"2018-01-21T03:45:20.104Z","title":"Release v1.1.0 · facebookincubator/create-react-app","url":"https://github.com/facebookincubator/create-react-app/releases/tag/v1.1.0","content":"create-react-app 1.1.0リリース。\n`--use-npm`の追加、`--scripts-version`で`.tar.gz`や`file:`のサポートなど。\n2.0のα版もリリースされ、2.0に含める機能についてはIssueで議論している。\n","tags":["React","Tools","ReleaseNote"],"relatedLinks":[{"title":"Roadmap for react-scripts@2.0 · Issue #3815 · facebookincubator/create-react-app","url":"https://github.com/facebookincubator/create-react-app/issues/3815"}]},{"date":"2018-01-21T10:33:56.777Z","title":"Oxidizing Source Maps with Rust and WebAssembly – Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2018/01/oxidizing-source-maps-with-rust-and-webassembly/","content":"Source Mapパーサ、ジェネレーターをRust + WebAssemblyに書き換えた話。\nRustで書いてwasmに変換して使うことで、JavaScriptの実装に比べて処理時間や処理の安定性が向上したという話","tags":["sourcemap","WebAssembly","article","JavaScript","library","Rust"],"relatedLinks":[{"title":"Use WebAssembly to speed up SourceMapConsumer by fitzgen · Pull Request #306 · mozilla/source-map","url":"https://github.com/mozilla/source-map/pull/306"}]},{"date":"2018-01-22T02:22:38.516Z","title":"boltpkg/bolt: ⚡️ Super-powered JavaScript project management","url":"https://github.com/boltpkg/bolt","content":"lerna/yarn workspaceのようなmonorepo管理ツール。\nbuildやtestなどにデフォルト設定があり、monorepoの環境構築を簡単にできるようにすることが目的","tags":["JavaScript","Tools"],"relatedLinks":[]},{"date":"2018-01-22T23:12:13.407Z","title":"Introduction · A Roadmap for Node.js Security","url":"https://nodesecroadmap.fyi/","content":"Node.jsのセキュリティに関するドキュメント。Node.jsにおけてセキュリティ的な問題が起きる項目について。\nまたDynamic requireなどコードレ別の問題などについて","tags":["node.js","security","document"],"relatedLinks":[]},{"date":"2018-01-23T01:27:08.581Z","title":"What's New In DevTools (Chrome 65)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/01/devtools","content":"Chrome 65での開発者ツールの変更点について。\nLocal Overrides、アクセシビリティツール、カラーピッカーにコンストラスト情報の表示、ステップ実行でWorkerやsetTimeoutなどの非同期処理のサポート。\nパフォーマンスパネルで複数の記録を保存できるようになるなど","tags":["Chrome","article","debug"],"relatedLinks":[]},{"date":"2018-01-23T02:40:28.656Z","title":"Debugging your front-end like it's 2019","url":"http://krasimirtsonev.com/blog/article/debugging-your-front-end-like-is-2019","content":"kukerという開発者ツールについて。\nredux-devtoolsのようにブラウザに拡張をインストールし、ReduxやReact、Angularなどライブラリのログを見ることができる。\nログを投げる側は`postMessage`を送ることで記録できる。","tags":["JavaScript","debug","Flux","redux","Angular","Chrome","Extension"],"relatedLinks":[{"title":"krasimir/kuker: Kick-ass browser extension to debug your apps","url":"https://github.com/krasimir/kuker"}]},{"date":"2018-01-23T02:45:52.350Z","title":"krasimir/kuker: Kick-ass browser extension to debug your apps","url":"https://github.com/krasimir/kuker","content":"クライアントから`postMessage`で投げたログとStateを表示できるビューアのブラウザ拡張。\nReact、Redux、Angular、Vue、HTMLなどに対応したデバッグツール。","tags":["JavaScript","debug","Tools","Chrome","Extension"],"relatedLinks":[]},{"date":"2018-01-23T15:30:04.471Z","title":"jsdom/Changelog.md at 11.6.0 · tmpvar/jsdom","url":"https://github.com/tmpvar/jsdom/blob/11.6.0/Changelog.md","content":"jsdom 11.6.0リリース。\n`WebSocket`の実装、`performance`の実装、`window.devicePixelRatio`の追加など","tags":["JavaScript","DOM","ReleaseNote"],"relatedLinks":[]},{"date":"2018-01-24T15:06:17.896Z","title":"Firefox — Notes (58.0) — Mozilla","url":"https://www.mozilla.org/en-US/firefox/58.0/releasenotes/","content":"Firefox 58リリース。\nバッググラウンドタブにおけるスロットリングの強化、WebAssembly Streaming Compilerの導入。\nCSS Font Displayのサポート、`Promise#finally`の追加、`PerformanceNavigationTiming` APIの実装など","tags":["firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 58: The Quantum Era Continues – Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2018/01/firefox-58-the-quantum-era-continues/"},{"title":"Firefox 58 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/ja/Firefox/Releases/58"},{"title":"Firefox 58 サイト互換性情報 | Firefox サイト互換性情報","url":"https://www.fxsitecompat.com/ja/versions/58/"}]},{"date":"2018-01-24T15:09:03.689Z","title":"📦 Parcel v1.5.0 released: Source Maps, WebAssembly, Rust, and more! 🚀","url":"https://medium.com/@devongovett/parcel-v1-5-0-released-source-maps-webassembly-rust-and-more-3a6385e43b95","content":"Parcel v1.5.0リリース。\nSource Mapのサポート、WebAssemblyのサポート、`.env`ファイルに対応。\nまた、コンフィグファイルが追加されたときにキャッシュを削除するようになるなど","tags":["JavaScript","bundler","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2018-01-24T15:16:09.703Z","title":"Webサイトパフォーマンス実践入門 高速なWebページを作りたいあなたに（JeremyL.Wagner 武舎広幸 阿部和也 上西昌弘）｜翔泳社の本","url":"http://www.shoeisha.co.jp/book/detail/9784798155098","content":"2018年03月19日発売。\nWeb Performance in Actionの翻訳本","tags":["JavaScript","web ","performance","translate","book"],"relatedLinks":[]},{"date":"2018-01-25T01:57:51.167Z","title":"Release v4.0.0-beta.0 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v4.0.0-beta.0","content":"webpack 4.0.0βリリース。\nNode.js 4のサポート終了、`mode`が必須のオプションに、`import()`は常に名前空間オブジェクトを返すように。\nまた、`CommonsChunkPlugin`などの一部プラグインを削除し代わりに`optimization`のオプションで設定できるように変更など","tags":["webpack","ReleaseNote"],"relatedLinks":[{"title":"RIP CommonsChunkPlugin.md","url":"https://gist.github.com/sokra/1522d586b8e5c0f5072d7565c2bee693"},{"title":"🚀webpack 4 beta — try it today!🚀 – webpack – Medium","url":"https://medium.com/webpack/webpack-4-beta-try-it-today-6b1d27d7d7e2"}]},{"date":"2018-01-25T05:48:13.251Z","title":"Release Notes for Safari Technology Preview 48 | WebKit","url":"https://webkit.org/blog/8084/release-notes-for-safari-technology-preview-48/","content":"Safari Technology Preview Release 48リリース。\nStorage Access APIをデフォルトで有効化、Service Workerの対応改善、`createImageBitmap(ImageBitmap)`の実装など","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2018-01-26T03:27:09.565Z","title":"Improvements to the DevTools Console in the Windows 10 Fall Creators Update - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog","url":"https://blogs.windows.com/msedgedev/2018/01/17/devtools-console-improvements-edgehtml-16/","content":"EdgeHTML16の開発者ツールの改善について","tags":["MSEdge","debug","article"],"relatedLinks":[]},{"date":"2018-01-26T10:15:55.403Z","title":"Safari 11.1","url":"https://developer.apple.com/library/content/releasenotes/General/WhatsNewInSafari/Articles/Safari_11_1.html","content":"現在β公開中のSafari 11.1の変更点について。\nService Worker、Payment Request、`HTMLImageElement.decode()`、Beacon APIのサポート。\nSubresource Integrity、Storage Access API、Intelligent Tracking Preventionの挙動の変更など","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2018-01-26T17:00:32.554Z","title":"🚀webpack 4 beta — try it today!🚀 – webpack – Medium","url":"https://medium.com/webpack/webpack-4-beta-try-it-today-6b1d27d7d7e2","content":"webpack 4βについての解説記事。\nパフォーマンス、設定、ファイルサイズ、ファイルタイプのサポート、最適化オプションなどについて","tags":["webpack","article"],"relatedLinks":[]},{"date":"2018-01-27T04:11:58.389Z","title":"0x00A/scratches: A scratchpad. Read, Evaluate, Print, Loop, but with a nicer editor.","url":"https://github.com/0x00A/scratches","content":"Electron製のJavaScriptスクラッチパッド。\nJavaScriptのコードを実行して評価結果を並べて表示するアプリ","tags":["JavaScript","Electron","software","mac "],"relatedLinks":[]},{"date":"2018-01-28T02:26:07.213Z","title":"fastpack/fastpack: Pack JS code fast & easy","url":"https://github.com/fastpack/fastpack","content":"OCaml製のJavaScript Bundlerツール。\nFlowをパーサとして使い、コードのbundleを行う。postprocessとして他のツールを呼びだすことができる。\n高速なインクリメンタルビルドを行うことが目的。","tags":["JavaScript","Tools","flowtype"],"relatedLinks":[]},{"date":"2018-01-28T10:23:26.648Z","title":"JavaScript Object Explorer","url":"https://sdras.github.io/object-explorer/","content":"JavaScriptのオブジェクトに関する操作方法(作成、削除、更新など)を対話的に選択してコードを出してくれるサイト。\n配列版もあり、翻訳も募集している。","tags":["JavaScript","tutorial","Tools"],"relatedLinks":[{"title":"JavaScript Array Explorer","url":"https://sdras.github.io/array-explorer/"},{"title":"Translations needed! · Issue #1 · sdras/object-explorer","url":"https://github.com/sdras/object-explorer/issues/1"}]},{"date":"2018-01-28T10:31:38.217Z","title":"ECMAScript proposal updates at 2018-01 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2018/01/28/ecmascript-proposal-updates","content":"2018年1月のTC39のミーティング結果を反映したECMAScript Proposalのステータスまとめ。","tags":["ECMAScript","JavaScript","proposal"],"relatedLinks":[]},{"date":"2018-01-28T15:34:52.151Z","title":"New in Chrome 64  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/01/nic64","content":"Chrome 64の変更点について\n`ResizeObservers`、RegExpのNamed Capture、`import.meta`のサポート。`<video>`や`<audio>`の`preload`属性のデフォルト値が`metadata`へと変更など","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"New in Chrome 64: ResizeObservers, Named Captures, import.meta and more! - YouTube","url":"https://www.youtube.com/watch?v=y5sb-icqOyg"}]},{"date":"2018-01-28T15:40:31.333Z","title":"Top 10 JavaScript errors from 1000+ projects (and how to avoid them)","url":"https://rollbar.com/blog/top-10-javascript-errors/","content":"エラー収集サービスのRollbarにおいて報告されたJavaScriptのエラーランキング。\nどのようなエラーメッセージか、またどのような状況で発生するかなどを解説している。\n","tags":["JavaScript","debug","article"],"relatedLinks":[{"title":"JavaScript エラーリファレンス - JavaScript | MDN","url":"https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Errors"}]},{"date":"2018-01-29T01:27:12.083Z","title":"ECMAScript 2018: the final feature set","url":"http://2ality.com/2017/02/ecmascript-2018.html","content":"2018年1月でECMAScript 2018に入るProposalが決まったため、そのProposalをまとめた記事","tags":["ECMAScript","proposal","spec"],"relatedLinks":[]},{"date":"2018-01-29T11:03:42.295Z","title":"Stable AngularJS and Long Term Support – Angular Blog","url":"https://blog.angular.io/stable-angularjs-and-long-term-support-7e077635ee9c","content":"AngularJS(1.x)のLTSスケジュールについて。\n現在開発中のAngularJS 1.7は2018年7月にリリースされ、そこから3年間メンテされるLTSとなる。\n1.7.x以降はAngularJSに新しい機能などは追加しない予定。","tags":["Angular","news"],"relatedLinks":[]},{"date":"2018-01-29T11:33:45.563Z","title":"Keep webpack Fast: A Field Guide for Better Build Performance","url":"https://slack.engineering/keep-webpack-fast-a-field-guide-for-better-build-performance-f56a5995e8f1","content":"webpackのビルド速度の改善についての記事","tags":["webpack","article"],"relatedLinks":[]},{"date":"2018-01-31T00:46:08.341Z","title":"Bootstrap 4.0 Release: What’s New?","url":"https://auth0.com/blog/whats-new-in-bootstrap4/","content":"BootStrap 4.0の変更点についての解説。","tags":["CSS","library","article"],"relatedLinks":[]},{"date":"2018-01-31T06:54:43.925Z","title":"Stimulus 1.0: A modest JavaScript framework for the HTML you already have","url":"https://m.signalvnoise.com/stimulus-1-0-a-modest-javascript-framework-for-the-html-you-already-have-f04307009130","content":"Stimulus 1.0リリース。\nRailsのTurbolinkと共存して動作できるJavaScriptフレームワーク。\nHTMLなテンプレートとJavaScriptなコントローラーを組み合わせてアプリケーションを作る。","tags":["JavaScript","ruby","library","article"],"relatedLinks":[]},{"date":"2018-02-01T01:57:44.553Z","title":"Node v9.5.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v9.5.0/","content":"Node v9.5.0リリース。\n`performance.clearEntries(name)`のサポート、`cluster.settings`に`cwd`オプションの追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2018-02-01T02:02:13.678Z","title":"thejameskyle/glow: Make your Flow errors GLOW","url":"https://github.com/thejameskyle/glow","content":"FlowのエラーをCodeFrameにして表示、Watchモード、globで対象のフィルターを行えるツール","tags":["flowtype","console","Tools"],"relatedLinks":[]},{"date":"2018-02-01T02:08:13.740Z","title":"Announcing TypeScript 2.7 | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2018/01/31/announcing-typescript-2-7/","content":"TypeScript 2.7リリース。\nクラスプロパティのStrictオプションの追加、Definite assignment assertions(`!`)の追加、`--esModuleInterop`を追加しdefault exportするcommonjsとのinteropの改善。\nTuple、`in`、`instanceof`、オブジェクトリテラルの型改善など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"TypeScript 2.7.1 変更点 - Qiita","url":"https://qiita.com/vvakame/items/3a1e628e53a5dd99dfe0"}]},{"date":"2018-02-01T15:49:46.554Z","title":"Release 1.0.0-beta.1 · avajs/ava","url":"https://github.com/avajs/ava/releases/tag/v1.0.0-beta.1","content":"AVA 1.0.0β1リリース。\nBabel 7βを利用するように、`test`がテストタイトルを必須に、`powerAssert`の無効オプションは、`babel`と`compileEnhancements`オプションで管理されるように変更など","tags":["JavaScript","testing","library"],"relatedLinks":[{"title":"No transpile option · Issue #1556 · avajs/ava","url":"https://github.com/avajs/ava/issues/1556"}]},{"date":"2018-02-01T23:17:57.352Z","title":"Automatic visual diffing with Puppeteer – Monica Dinculescu","url":"https://meowni.ca/posts/2017-puppeteer-tests/","content":"Puppeteerを使ったVisual Diffテストについて。\nスクリーンショットをPixelmatchで比較し、画像のDiffを元にテストする話","tags":["JavaScript","testing","browser","article"],"relatedLinks":[]},{"date":"2018-02-04T08:47:46.312Z","title":"Introducing React Easy State | @RisingStack","url":"https://blog.risingstack.com/introducing-react-easy-state/","content":"ES Proxyを使ったステート管理ライブラリについて","tags":["JavaScript","redux","library"],"relatedLinks":[{"title":"solkimicreb/react-easy-state: Simple React state management. Made with ❤️ and ES6 Proxies.","url":"https://github.com/solkimicreb/react-easy-state"}]},{"date":"2018-02-04T10:09:34.068Z","title":"Debugging JavaScript With A Real Debugger You Did Not Know You Already Have — Smashing Magazine","url":"https://www.smashingmagazine.com/2018/02/javascript-firefox-debugger/","content":"Firefoxの開発者ツールの紹介と` debugger.html`について。\n\n","tags":["firefox","debug","article"],"relatedLinks":[]},{"date":"2018-02-04T10:11:38.875Z","title":"MDN browser compatibility data: Taking the guesswork out of web compatibility – Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2018/02/mdn-browser-compatibility-data/","content":"MDNが利用してるブラウザのサポート状況をまとめたデータがnpmパッケージとして利用できるようになった。\nこのデータの使い方やサイトのサポートブラウザの可視化する拡張などについて","tags":["mdn","document","npm","JavaScript","CSS","HTTP"],"relatedLinks":[{"title":"mdn-browser-compat-data","url":"https://www.npmjs.com/package/mdn-browser-compat-data"},{"title":"Compat Report – Add-ons for Firefox","url":"https://addons.mozilla.org/en-US/firefox/addon/compat-report/"}]},{"date":"2018-02-04T10:42:34.774Z","title":"Jestなどを使わずにスナップショットテストを書く | Web Scratch","url":"http://efcl.info/2018/02/02/snapshot-test/","content":"特別なライブラリを使わずにスナップショットテストを実装する方法について。","tags":["JavaScript","testing","article"],"relatedLinks":[]},{"date":"2018-02-04T11:09:36.508Z","title":"Testing your npm package before releasing it using Verdaccio + ngrok","url":"https://blog.strapi.io/testing-npm-package-before-releasing-it-using-verdaccio-and-ngrok/","content":"npmパッケージをpublishする前にテスト方法について。\nPrivate npm registryであるVerdaccioにpublishして、localhostトンネルであるngrokを使ってテストするという話","tags":["npm","article","testing"],"relatedLinks":[]},{"date":"2018-02-04T11:45:56.654Z","title":"Debugging CSS Performance with Chrome’s Profiling Tools - Ada Developers Academy","url":"http://adadevacademy.tumblr.com/post/170121818942/debugging-css-performance-with-chromes-profiling","content":"CSSのパフォーマンス問題について。\nReactの問題かと疑って色々試した結果、CSSのレンダリングの問題であったケースについて。\nインラインCSS、gradientを直すことで改善されたが、開発者ツールではこの問題がどう見えていたかについて","tags":["CSS","performance","article"],"relatedLinks":[]},{"date":"2018-02-04T11:49:32.372Z","title":"Introducing Node Clinic - A performance toolkit for Node.js developers | nearForm","url":"https://www.nearform.com/blog/introducing-node-clinic-a-performance-toolkit-for-node-js-developers/","content":"Node.jsアプリのパフォーマンスモニタリングツールであるClinicについて。\nダッシュボードでCPU、メモリ、イベントループの遅延などを見ることができる","tags":["node.js","performance","Tools","article"],"relatedLinks":[{"title":"nearform/node-clinic: Clinic diagnoses your Node.js performance issues","url":"https://github.com/nearform/node-clinic"}]},{"date":"2018-02-04T11:56:29.500Z","title":"FullHuman/purgecss: Remove unused css","url":"https://github.com/FullHuman/purgecss","content":"使ってないCSSを削除するツール。\nコンテンツ(HTML、JSなど)とCSSを渡し、不要となったCSSを削除できる。","tags":["CSS","Tools","console"],"relatedLinks":[]},{"date":"2018-02-05T10:50:34.440Z","title":"V8 JavaScript Engine: V8 release v6.5","url":"https://v8project.blogspot.com/2018/02/v8-release-65.html","content":"V8 6.5リリース。\nUnstruted code modeがデフォルトで有効化、WebAssemblyのStreaming compilationのサポート、Arrayメソッドの改善、疎の配列の改善など","tags":["V8","ReleaseNote"],"relatedLinks":[{"title":"Untrusted code mitigations · v8/v8 Wiki","url":"https://github.com/v8/v8/wiki/Untrusted-code-mitigations"}]},{"date":"2018-02-05T11:03:29.266Z","title":"How JavaScript works: The building blocks of Web Workers + 5 cases when you should use them","url":"https://blog.sessionstack.com/how-javascript-works-the-building-blocks-of-web-workers-5-cases-when-you-should-use-them-a547c0757f6a","content":"WebWorkerの使い方やユースケースについて","tags":["webworker","article"],"relatedLinks":[]},{"date":"2018-02-06T14:51:16.777Z","title":"thejameskyle/unstated: State that goes without saying","url":"https://github.com/thejameskyle/unstated","content":"Reactの新しいContext APIを使ったステート管理ライブラリ","tags":["React","library"],"relatedLinks":[]},{"date":"2018-02-07T13:04:06.499Z","title":"jest/CHANGELOG.md at v22.2.0 · facebook/jest","url":"https://github.com/facebook/jest/blob/v22.2.0/CHANGELOG.md","content":"Jest 22.2.0リリース。\n","tags":["JavaScript","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2018-02-07T13:06:36.863Z","title":"browserify/changelog.markdown at v16.0.0 · browserify/browserify","url":"https://github.com/browserify/browserify/blob/v16.0.0/changelog.markdown","content":"Browserify 16.0.0リリース。\n`--preserve-symlinks`のサポート、`events`のshimを更新、`--node`オプションを渡したときに`__dirname`と`__filename`を動的に設定するようになるなど","tags":["browserify","ReleaseNote"],"relatedLinks":[]},{"date":"2018-02-08T00:06:37.016Z","title":"Dev.Opera — What’s new in Chromium 64 and Opera 51","url":"https://dev.opera.com/blog/opera-51/","content":"Opera 51 (based on Chromium 64)リリース。\nResize Observer、`import.meta`、ES2018の正規表現の実装、AudioWorkletのフラグ付き実装など","tags":["Opera","Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2018-02-08T01:20:20.685Z","title":"なぜプロダクトに Vue.js を採用したのか? 運用してみてどうっだった? という話 | Nagisaのすゝめ","url":"https://blog.nagisa-inc.jp/archives/2980","content":"Riotで作られていたサイトをVueでリニューアルした話。\nVueの特徴、ルータ、ステート管理、メリット、デメリットについて","tags":["JavaScript","Vue","opinion","article"],"relatedLinks":[]},{"date":"2018-02-08T02:37:33.795Z","title":"Release Notes for Safari Technology Preview 49 | WebKit","url":"https://webkit.org/blog/8088/release-notes-for-safari-technology-preview-49/","content":"Safari Technology Preview 49リリース。\nService Worker、Fetchのバグ修正、ITPにデバッグモードを試験的に追加、Media Queryで`calc()`をサポート。\n`String#trimStart`、json superset proposalの実装など","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"tc39/proposal-json-superset: Proposal to make all JSON text valid ECMA-262","url":"https://github.com/tc39/proposal-json-superset"}]},{"date":"2018-02-08T03:01:45.798Z","title":"Welcoming Progressive Web Apps to Microsoft Edge and Windows 10 - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog","url":"https://blogs.windows.com/msedgedev/2018/02/06/welcoming-progressive-web-apps-edge-windows-10/","content":"Microsoft StoreにPWAアプリを登録できるようになる。\nまた、BingでPWAアプリのクロールを行い一定の条件を満たしたものを表示する。","tags":["MSEdge","MS"],"relatedLinks":[{"title":"PWABuilder","url":"https://www.pwabuilder.com/generator"}]},{"date":"2018-02-09T10:58:32.585Z","title":"Chromium Blog: Chrome 65 Beta: CSS Paint API and the ServerTiming API","url":"https://blog.chromium.org/2018/02/chrome-65-beta-css-paint-api-and.html","content":"Chrome 65 Betaリリース。\nCSS Paint API、Server Timing API、Feature-Policyの`sync-xhr`をサポート、TLS 1.3(draft-23)のサポートなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2018-02-10T07:39:58.226Z","title":"PWAs are coming to iOS 11.3: Cupertino, we have a problem","url":"https://medium.com/@firt/pwas-are-coming-to-ios-11-3-cupertino-we-have-a-problem-2ff49fd7d6ea","content":"Safari 11.1で実装されたService Workerについて。\n数週間使わてないService Workerは自動的に削除される点やWeb App Manifestのサポート、ホームスクリーンアプリとしての動作で注意する点などについて書かれている","tags":["safari","ServiceWorker","article"],"relatedLinks":[{"title":"Workers at Your Service | WebKit","url":"https://webkit.org/blog/8090/workers-at-your-service/"}]},{"date":"2018-02-10T09:07:40.013Z","title":"Hygen","url":"http://www.hygen.io/","content":"コードジェネレートツール。\nテンプレートからコードを生成できる。\nYAML Frontmatterでメタデータの定義、ejsでテンプレートの記述、特定の依存がある場合に動作するhook処理などを書ける","tags":["JavaScript","Tools"],"relatedLinks":[]},{"date":"2018-02-10T09:16:07.876Z","title":"Eloquent JavaScript","url":"https://eloquentjavascript.net/3rd_edition/","content":"Eloquent JavaScripの第3版が公開された","tags":["JavaScript","book","news"],"relatedLinks":[]},{"date":"2018-02-10T09:21:02.055Z","title":"Web Assembly Studio","url":"https://webassembly.studio/","content":"CなどでWebAssembly向けのコードを書いて、コンパイル実行できるエディタツール","tags":["WebAssembly","editor","webservice","Tools"],"relatedLinks":[]},{"date":"2018-02-11T14:27:05.227Z","title":"Introduction  |  Web Fundamentals  |  Google Developers","url":"https://developers.google.com/web/fundamentals/performance/webpack/","content":"webpackを使った場合に置けるコードの最適化についての記事。\nコード分割やキャッシュ、分析や計測などについて","tags":["webpack","tutorial"],"relatedLinks":[]},{"date":"2018-02-12T02:28:45.909Z","title":"Jake Archibald: In The Loop - JSConf.Asia 2018 - YouTube","url":"https://www.youtube.com/watch?v=cCOL7MC4Pl0","content":"ブラウザのイベントループについての発表。\n`setTimeout`、`requestAnimationFrame`の違い。\nイベントループとスタイルの変更の反映のタイミングについて。それぞれを可視化しながら解説している。\nまた、PromiseなどのMicroTaskとの処理順について","tags":["JavaScript","browser","slide","video"],"relatedLinks":[]},{"date":"2018-02-12T02:59:53.558Z","title":"CanJS 4.0","url":"https://www.bitovi.com/blog/canjs-4.0","content":"CanJS 4.0リリース。\nデバッグツールの追加、テンプレートの記法を統一、ProxyとクラスベースのObservableオブジェクトの追加など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-02-12T04:04:21.501Z","title":"Release Inferno v4 · infernojs/inferno","url":"https://github.com/infernojs/inferno/releases/tag/v4.0.2","content":"Inferno v4リリース。\n`Inferno.Component`は`inferno`パッケージに移動、`findDOMNode`は`inferno-compat`パッケージに移動。\n`createPortal`のサポート、RouterがReact Router v4と同じAPIに変更、Mobx、Redux連携の更新、IE9+のサポートなど","tags":["JavaScript","DOM","library","React","ReleaseNote"],"relatedLinks":[{"title":"inferno/v4-migration.md at master · infernojs/inferno","url":"https://github.com/infernojs/inferno/blob/master/docs/v4-migration.md"}]},{"date":"2018-02-12T11:34:24.273Z","title":"VimeoSmashing Magazine","url":"https://vimeo.com/smashingmagazine","content":"SmashingConf London 2018の動画が公開された","tags":["JavaScript","Conference"],"relatedLinks":[]},{"date":"2018-02-13T02:00:28.221Z","title":"Echo JS on Twitter: \"Echo JS, 2011-2018 - https://t.co/vEiEFdntF8\"","url":"https://twitter.com/echojs/status/962996800738258945","content":"echojs.com が閉鎖された","tags":["JavaScript","news"],"relatedLinks":[]},{"date":"2018-02-13T02:03:19.280Z","title":"JSConf.Asia 2018 - YouTube","url":"http://www.youtube.com/playlist?list=PL37ZVnwpeshFqN5dcZ704lxI3F5iHDYkl","content":"JSConf.Asia 2018の動画が公開された","tags":["JavaScript","Conference","video"],"relatedLinks":[{"title":"JSConf.Asia Singapore 2018","url":"https://2018.jsconf.asia/"}]},{"date":"2018-02-15T10:16:10.151Z","title":"Ember.js - Ember 3.0 Released","url":"https://emberjs.com/blog/2018/02/14/ember-3-0-released.html","content":"Ember 3.0リリース。\nEmber Data、Ember CLIもあわせて3.0に更新\nスクリプトタブ駆動からEmber CLIベースを基本とする方針へ変更。\nデフォルトで生成されるテストコードの変更、`get`メソッドではなくgetterでcomputed propertyを取得できるように、2.xで非推奨となったAPIの削除など","tags":["Ember","ReleaseNote"],"relatedLinks":[]},{"date":"2018-02-19T11:28:56.936Z","title":"Blotter.js","url":"https://blotter.js.org/","content":"テキストにエフェクトを与えるライブラリ","tags":["JavaScript","library","example"],"relatedLinks":[]},{"date":"2018-02-16T03:28:06.265Z","title":"GoogleChromeLabs/webpack-libs-optimizations: Using a library in your webpack project? Here’s how to optimize it","url":"https://github.com/GoogleChromeLabs/webpack-libs-optimizations","content":"webpackを使ったプロジェクトの最適化について。\n不要な依存を削除してファイルサイズの削減する方法や、代替手段やマイグレーション方法について","tags":["JavaScript","webpack","tutorial"],"relatedLinks":[]},{"date":"2018-02-16T03:33:18.062Z","title":"Tell EJ: Echo JS, a status update - Echo JS","url":"http://www.echojs.com/news/25644","content":"echojsが再開された","tags":["webservice","news"],"relatedLinks":[]},{"date":"2018-02-16T12:47:45.868Z","title":"Propel ML","url":"http://propelml.org/","content":"numpyライクなGPUバックエンドを提供するライブラリ。\nブラウザとNode.jsどちらでも動作する。\nRyan DahlとBert Belderが開発している。","tags":["JavaScript","node.js","library","browser"],"relatedLinks":[]},{"date":"2018-02-16T16:21:33.576Z","title":"Service Worker スクリプトのインストールと更新処理","url":"http://nhiroki.jp/2018/02/15/service-worker-install-and-update-scripts","content":"Service Workerスクリプトのインストール、更新確認のロジック、キャッシュについて。\n`updateViaCache`でのキャッシュを利用するかの設定、24時間以上経過した場合は必ずサーバへ更新確認を行うことについてなど","tags":["ServiceWorker","article","JavaScript"],"relatedLinks":[]},{"date":"2018-02-17T15:38:47.410Z","title":"photonstorm/phaser: Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.","url":"https://github.com/photonstorm/phaser","content":"phaser 3.0.0がリリースされた","tags":["JavaScript","HTML","game","canvas","WebGL","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-02-18T01:32:06.746Z","title":"normalize.css/CHANGELOG.md at 8.0.0 · necolas/normalize.css","url":"https://github.com/necolas/normalize.css/blob/8.0.0/CHANGELOG.md","content":"normalize.css 8.0.0リリース。\nAndroid 4、Safari 7、IE 9のサポート終了。\n","tags":["CSS","ReleaseNote"],"relatedLinks":[]},{"date":"2018-02-18T01:41:51.764Z","title":"Creating and Publishing Web Components with Stencil","url":"https://www.twilio.com/blog/2018/02/creating-and-publishing-web-components-with-stencil.html","content":"stencilを使ったWeb Componentsをnpmに更新するチュートリアル","tags":["JavaScript","WebComponents","article"],"relatedLinks":[{"title":"Distributing web components built with Stencil - Stencil","url":"https://stenciljs.com/docs/distribution"}]},{"date":"2018-02-18T01:44:11.103Z","title":"busterc/nvx: Run commands on multiple node versions as specified from .travis.yml, circle.yml or arguments; uses npx and is ideal for testing.","url":"https://github.com/busterc/nvx","content":"指定したNode.jsのバージョンを使ってコマンドを実行できるツール。\nnpmに公開されているNode.jsバイナリを`npx`経由で実行する。","tags":["node.js","console","Tools"],"relatedLinks":[]},{"date":"2018-02-18T02:06:46.569Z","title":"lit-html と ShadyCSS - jmblog.jp","url":"https://jmblog.jp/posts/2018-02-15/lit-html-with-shadycss/","content":"lit-htmlのShandyCSSサポートについて。\nlit-html+ShandyCSSでスタイルのカプセル化を行う方法について","tags":["WebComponents","CSS","article","library"],"relatedLinks":[]},{"date":"2018-02-18T02:46:16.398Z","title":"WebAssembly First Public Working Drafts | W3C News","url":"https://www.w3.org/blog/news/archives/6838","content":"WebAssemblyのFirst Public Working Draftsが公開された","tags":["WebAssembly","news"],"relatedLinks":[]},{"date":"2018-02-18T14:53:50.388Z","title":"“Web Componentsだけ” で新サービスを実装して見えたこと - Qiita","url":"https://qiita.com/aggre/items/9d77085a32764ffe994d","content":"`lit-html`を使ったWeb Componentsでのウェブアプリ開発について。\nCustom Elementをwidgetとして利用することについて。","tags":["WebComponents","article","opinion"],"relatedLinks":[]},{"date":"2018-02-18T15:03:57.972Z","title":"Micro-benchmarking is Hard (Inside Frontend 2, 2018 Feb) - Google スライド","url":"https://docs.google.com/presentation/d/1MXlFGqFQFJByv8k6Ege0pt0GwJQqbjoh7GdIYia9UQg/edit#slide=id.p","content":"マイクロベンチマークの難しさについてのスライド","tags":["JavaScript","benchmark","webkit","slide"],"relatedLinks":[]},{"date":"2018-02-19T01:53:14.293Z","title":"webpack-contrib/webpack-stylish: A stylish, optionated reporter for webpack","url":"https://github.com/webpack-contrib/webpack-stylish","content":"webpackのビルド結果の出力を`stylish`形式にするプラグイン","tags":["webpack","plugin"],"relatedLinks":[]},{"date":"2018-02-19T11:17:12.633Z","title":"TypeScriptの型入門 - Qiita","url":"https://qiita.com/uhyo/items/e2fdef2d3236b9bfe74a","content":"TyepScriptの型定義についての記事。\n基本的なプリミティブ、オブジェクト、関数などの型の書き方や意味の説明、特殊な型定義などについてを説明している。","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2018-02-19T11:19:10.851Z","title":"egoist/franxx: A vanilla JavaScript router that works everywhere.","url":"https://github.com/egoist/franxx","content":"特定のフレームワークに依存しないルーターライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2018-02-19T11:46:01.070Z","title":"ZEIT – Next.js 5: Universal Webpack, CSS Imports, Plugins and Zones","url":"https://zeit.co/blog/next5","content":"Next.js 5.0リリース。\nUniversal Webpack、CSSやpreact、TypeScriptなどをオプトインでサポートするプラグイン機構の導入、ビルドの高速化など","tags":["JavaScript","library","React","ReleaseNote"],"relatedLinks":[]},{"date":"2018-02-20T02:35:08.333Z","title":"axios/CHANGELOG.md at v0.18.0 · axios/axios","url":"https://github.com/axios/axios/blob/v0.18.0/CHANGELOG.md","content":"axios 0.18.0リリース。\nNode.jsでUnix Socketのサポート、型定義の修正など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Umbrella issue for v1.0.0 · Issue #1333 · axios/axios","url":"https://github.com/axios/axios/issues/1333"}]},{"date":"2018-02-20T02:46:21.676Z","title":"Replacing jQuery With Vue.js: No Build Step Necessary — Smashing Magazine","url":"https://www.smashingmagazine.com/2018/02/jquery-vue-javascript/","content":"jQueryで書いたシンプルなフォームをVueに置き換えていくチュートリアル。\njQueryとVueでのやり方をそれぞれ紹介しながら書き換えている。","tags":["JavaScript","jQuery","Vue","tutorial"],"relatedLinks":[]},{"date":"2018-02-20T13:28:24.209Z","title":"jest/CHANGELOG.md at v22.4.0 · facebook/jest","url":"https://github.com/facebook/jest/blob/v22.4.0/CHANGELOG.md","content":"Jest 22.4.0リリース。\n","tags":["JavaScript","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-02-21T06:08:44.032Z","title":"nohoist in Workspaces | Yarn Blog","url":"https://yarnpkg.com/blog/2018/02/15/nohoist/","content":"yarn workspaceの`nohoist`オプションについての解説","tags":["yarn"],"relatedLinks":[]},{"date":"2018-02-22T16:08:44.426Z","title":"Wedgetail","url":"https://wedgetail.js.org/index.html","content":"コードの実行時間が期待値かをテストするライブラリ。 low、hight、averageを指定しコードの実行時間のテストを行える。 またパーセンタイルに対応している。","tags":["JavaScript","benchmark","library","node.js","performance","testing"],"relatedLinks":[]},{"date":"2018-02-23T02:20:01.751Z","title":"Release v1.1.0 · GoogleChrome/puppeteer","url":"https://github.com/GoogleChrome/puppeteer/releases/tag/v1.1.0","content":"puppeteer 1.1.0リリース。\nChromium 66.0.3348.0に更新、`BrowserFetcher`、`page.waitForXPath`のサポート。\n`frame`周りのイベントサポートの追加など","tags":["Chrome","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-02-23T02:34:43.555Z","title":"Release electron v2.0.0-beta.1 · electron/electron","url":"https://github.com/electron/electron/releases/tag/v2.0.0-beta.1","content":"Electron v2.0.0-beta.1リリース。\nChrome 61.0.3163.10、Node 8.9.3に更新。\n非推奨のAPIの削除、`window.loadFile`のサポート、Macでin-app purchaseのサポートなど","tags":["Electron","ReleaseNote"],"relatedLinks":[]},{"date":"2018-02-23T03:44:16.491Z","title":"Node v9.6.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v9.6.0/","content":"Node v9.6.0リリース。\n`asyncResource.emit{Before,After}`が非推奨となり`asyncResource.runInAsyncScope`を代わりに追加。\nDynamic Importのサポート、`vm`モジュールがES Moduleをサポート、","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2018-02-23T08:12:07.266Z","title":"ECMAScriptの使い方","url":"http://azu.github.io/slide/2018/node/ecmascript39.html","content":"ECMAScriptのバージョンの歴史、なぜES2016以降の策定プロセスを変更したのかについて。\n各ブラウザ実装の比較、仕様やプロポーザルの調べ方や利用方法について","tags":["ECMAScript","JavaScript","slide"],"relatedLinks":[]},{"date":"2018-02-26T01:10:41.428Z","title":"theia-ide/theia: Theia is a cloud & desktop IDE framework implemented in TypeScript.","url":"https://github.com/theia-ide/theia","content":"monaco-editorベースのCould IDE、Desktop IDE。","tags":["editor","JavaScript","Electron"],"relatedLinks":[{"title":"Microsoft/monaco-editor: A browser based code editor","url":"https://github.com/Microsoft/monaco-editor"}]},{"date":"2018-02-26T01:14:07.456Z","title":"Release almin@0.16.0 · almin/almin","url":"https://github.com/almin/almin/releases/tag/almin%400.16.0","content":"almin 0.16.0リリース。\n`Context`の`dispatcher`がオプショナルな引数に変更、`almin-react-container`のバグ修正など","tags":["almin","ReleaseNote"],"relatedLinks":[]},{"date":"2018-02-26T01:29:12.830Z","title":"🎼webpack 4: released today!!✨ – webpack – Medium","url":"https://medium.com/webpack/webpack-4-released-today-6cdb994702d4","content":"webpack 4リリース。\nビルドパフォーマンスの改善、`mode`オプションの追加、`CommonsChunkPlugin`の代わりに`optimize`オプションの追加、`.wasm`、`.mjs`のサポートなど。\n新しいプラグインシステムが導入され、plugin/loader周りに破壊的な変更が行われている。","tags":["webpack","ReleaseNote","opinion"],"relatedLinks":[{"title":"Release v4.0.0 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v4.0.0"},{"title":"webpack 4: mode and optimization – webpack – Medium","url":"https://medium.com/webpack/webpack-4-mode-and-optimization-5423a6bc597a"},{"title":"webpack 4: migration guide for plugins/loaders – webpack – Medium","url":"https://medium.com/webpack/webpack-4-migration-guide-for-plugins-loaders-20a79b927202"},{"title":"Webpack 4.0 Release: What&#39;s New?","url":"https://auth0.com/blog/webpack-4-release-what-is-new/"}]},{"date":"2018-02-27T02:13:51.915Z","title":"Maybe you don't need Rust and WASM to speed up your JS","url":"https://mrale.ph/blog/2018/02/03/maybe-you-dont-need-rust-to-speed-up-your-js.html","content":"プロファイルを取りながらパフォーマンスを改善していく話。 Rust + wasmで書き直されたSource Mapライブラリを例に、JS版でのボトルネックを調べ改善していく話。 アルゴリズムの改善、言語に依存する問題、実装に依存する問題について","tags":["JavaScript","performance","V8","article","opinion"],"relatedLinks":[]},{"date":"2018-02-26T14:01:24.069Z","title":"Exploring ES2018 and ES2019","url":"http://exploringjs.com/es2018-es2019/","content":"Exploring ES2018 and ES2019が公開された","tags":["ECMAScript","book"],"relatedLinks":[]},{"date":"2018-02-26T14:07:57.639Z","title":"Using Promise.prototype.finally in Node.js | www.thecodebarbarian.com","url":"http://thecodebarbarian.com/using-promise-finally-in-node-js.html","content":"`Promise#finally`についての記事。\nPromiseの状態遷移や`finally`の動作について。また`finally`のハンドラでエラーが起きた際の動作について","tags":["Promises","article","JavaScript"],"relatedLinks":[]},{"date":"2018-02-26T14:26:54.863Z","title":"Release v5.7.0 · npm/npm","url":"https://github.com/npm/npm/releases/tag/v5.7.0","content":"npm 5.7プレリリース。\npackage-lockのgit merge conflictを解決する`npm-merge-driver`の公開、\n常にlock-fileのみを参照する`npm ci`コマンドの追加など。\n5.7.0には`sudo`利用時に問題があるため、5.7.1がリリースされている。","tags":["npm","ReleaseNote"],"relatedLinks":[{"title":"npm-merge-driver","url":"https://www.npmjs.com/package/npm-merge-driver"}]},{"date":"2018-02-26T23:50:36.227Z","title":"Measuring the Impact of 3rd-Party Tags with WebPageTest - Andy Davies","url":"http://andydavies.me/blog/2018/02/19/using-webpagetest-to-measure-the-impact-of-3rd-party-tags/","content":"WebPageTestを使ってサードパーティスクリプトがロードパフォーマンスにどのような影響を与えているかを比較する方法について。\n特定のリクエストをブロックした結果と比較する方法について","tags":["web ","performance","article"],"relatedLinks":[]},{"date":"2018-02-27T02:12:52.907Z","title":"KeyboardEvent.keyCodeとは何か - WebStudio","url":"https://d-toybox.com/studio/lib/what_is_keyCode.html","content":"`KeyboardEvent.keyCode`の歴史や実装について。 `keyCode`はOSやブラウザ間で問題があり標準化もされていないため、`key`や`code`を代わりに使うべきという話。","tags":["DOM","JavaScript","キーボード","article"],"relatedLinks":[]},{"date":"2018-03-05T11:05:36.069Z","title":"jasmine/3.1.0.md at master · jasmine/jasmine","url":"https://github.com/jasmine/jasmine/blob/master/release_notes/3.1.0.md","content":"jasmine 3.1リリース。 matcherに`truthy`、`falsy`、`empty`、`notEmpty`の追加など","tags":["ReleaseNote","jasmine"],"relatedLinks":[]},{"date":"2018-03-01T12:31:56.843Z","title":"Demystifying ES6 Classes And Prototypal Inheritance ― Scotch","url":"https://scotch.io/tutorials/demystifying-es6-classes-and-prototypal-inheritance","content":"ES2015の`class`構文についての解説。\nクラスの定義や使い方、継承について","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2018-03-01T12:44:36.598Z","title":"Exploring different GraphQL Clients – ITNEXT","url":"https://itnext.io/exploring-different-graphql-clients-d1bc69de305f","content":"GraphQLクライアントの紹介記事。\nFetchQL、GraphQL Request、Apollo Fetch、Lokka、Micro GraphQL React、URQL、Apollo Client、Relay Modernについて","tags":["GraphQL","library","article"],"relatedLinks":[]},{"date":"2018-03-01T13:43:20.850Z","title":"Manual Typing is No Fun: Introducing TypeWiz! – Uri Shaked – Medium","url":"https://medium.com/@urish/manual-typing-is-no-fun-introducing-typewiz-58e3e8813f4c","content":"TypeScriptの型付けを補助するツール。\nwebpackやnode hookを使い変換したコードを実行し、実行時の関数の引数、返り値、変数へ実際に入った値から型を推測する。\nその推測した型をTypeScriptのコードに対して適応することで型付けを補助する。","tags":["JavaScript","TypeScript","library","Tools","webpack"],"relatedLinks":[]},{"date":"2018-03-01T13:57:21.939Z","title":"Prettier 1.11: CSS fixes and new TypeScript feature support · Prettier","url":"https://prettier.io/blog/2018/02/26/1.11.0.html","content":"Prettier 1.11リリース。\nFacebookのコードベースは100% Prettierを通すようになった。\nPostCSSの対応改善、TypeScript 2.7の対応、pluginでオプションのサポートなど。","tags":["JavaScript","ReleaseNote","Tools"],"relatedLinks":[]},{"date":"2018-03-01T14:34:50.576Z","title":"Announcing Capacitor 1.0.0 Alpha | The Official Ionic Blog","url":"https://blog.ionicframework.com/announcing-capacitor-1-0-0-alpha/","content":"Ionicからクロスプラットフォームで動作するアプリ開発フレームワークのCapacitorがα版公開された","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2018-03-01T14:36:09.626Z","title":"Google Developers Blog: Announcing Flutter beta 1: Build beautiful native apps","url":"https://developers.googleblog.com/2018/02/announcing-flutter-beta-1.html","content":"Dartを使いモバイルアプリを作るフレームワークのFlutter β1がリリースされた。","tags":["google","dart","ReleaseNote"],"relatedLinks":[]},{"date":"2018-03-02T08:15:29.578Z","title":"Angular v6で導入されるTree-Shakable DIの紹介 - らこらこブログ","url":"http://lacolaco.hatenablog.com/entry/2018/03/01/150847","content":"Angular 6で導入される新しいDependency Injectionの仕組みと目的について。\nbundleする際のdead codeを削除し易い依存関係にしたDIの仕組み","tags":["Angular","article"],"relatedLinks":[]},{"date":"2018-03-02T09:13:17.317Z","title":"fabiandev/ts-runtime: Runtime Type Checks for TypeScript","url":"https://github.com/fabiandev/ts-runtime","content":"TypeScriptのコードをランタイムチェックできるように変換するツール","tags":["TypeScript","library","JavaScript"],"relatedLinks":[]},{"date":"2018-03-02T10:19:09.518Z","title":"Node v9.7.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v9.7.0/","content":"Node.js 9.7.0リリース。\n`util.getSystemErrorName`の追加、`immediate.ref()`と`immediate.unref()`の追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2018-03-03T05:20:56.650Z","title":"moment/CHANGELOG.md at develop · moment/moment","url":"https://github.com/moment/moment/blob/develop/CHANGELOG.md","content":"moment 2.21.0リリース。\nバグ修正やロケールの追加など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-03-03T05:31:54.857Z","title":"React.js Frequently Faced Problems – Samer Buna – Medium","url":"https://medium.com/@samerbuna/react-js-frequently-faced-problems-45e7060ef884","content":"初めてReactを使うときのRact/JSXのつまりどころについて","tags":["React","article"],"relatedLinks":[]},{"date":"2018-03-06T01:34:58.691Z","title":"TestCafe v0.19.0 Released - Rapid Test Development Tool, Screenshots of Page Elements, etc | TestCafe","url":"http://devexpress.github.io/testcafe/blog/testcafe-v0-19-0-released.html","content":"TestCafe 0.19.0リリース。 ファイル監視し保存されたら再実行できる`testcafe-live`コマンドの追加。 セレクタの結果をフィルターする`filterVisible`と`filterHidden`の追加、テキストマッチした要素を取得する`withExactText `の追加など","tags":["JavaScript","ReleaseNote","library","testing"],"relatedLinks":[]},{"date":"2018-03-04T14:02:55.180Z","title":"🌏 Hello World! Progressive Web-Blog!!","url":"https://blog.uskay.io/article/001-pwa-blog-loading","content":"Web Componentsを使ったブログの開発とPRPL Patternでのパフォーマンス最適化について。","tags":["WebComponents","JavaScript","article","PWA"],"relatedLinks":[]},{"date":"2018-03-05T01:19:20.692Z","title":"hyperHTMLやlit-htmlが効率的に再描画を行う仕組み - Qiita","url":"https://qiita.com/rikuba/items/92da6d99e2b0f831cc65","content":"hyperHTMLやlit-htmlのDOM更新の仕組みについて。\nタグ付きテンプレート関数を使い、初回時に更新時はどの位置の要素を更新するかをマッピング、更新時はマッピングを元に要素/値の更新だけを行う。\nまたテンプレートのキャッシュを利用し無駄なパースを避けるなどの工夫について。","tags":["JavaScript","DOM","library"],"relatedLinks":[]},{"date":"2018-03-05T10:51:58.332Z","title":"Loading Third-Party JavaScript  |  Web Fundamentals  |  Google Developers","url":"https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/loading-third-party-javascript/","content":"サードパーティスクリプトのパフォーマンスへの影響について。\n開発者ツールを使っての可視化、開発者ツールやWebPageTestでリクエストをブロックしての影響度の確認方法、Long Taskの確認方法、Resource Hintなどを使った改善方法について","tags":["JavaScript","performance","article"],"relatedLinks":[]},{"date":"2018-03-13T01:22:04.163Z","title":"The npm Blog — Introducing `npm ci` for faster, more reliable...","url":"http://blog.npmjs.org/post/171556855892/introducing-npm-ci-for-faster-more-reliable","content":"`pacakge-lock.json`から常にクリーンインストールする`npm ci`について。 現在の存在する`node_modules`ディレクトリを削除し、`pacakge-lock.json`を元にインストールする。 キャッシュを使わないCI環境向けのインストールコマンド。","tags":["article","npm"],"relatedLinks":[{"title":"npm ciを使おう あるいはより速く - Qiita","url":"https://qiita.com/mstssk/items/8759c71f328cab802670"}]},{"date":"2018-03-06T01:12:31.391Z","title":"What's New In DevTools (Chrome 66)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/02/devtools","content":"Chrome 66の開発者ツールの変更点について。\nネットワークパネルからブラックボックススクリプト化を選択できるように、CSSファイルの変更のみだったLocal OverridesがHTML内のCSSにも対応など","tags":["Chrome","article"],"relatedLinks":[]},{"date":"2018-03-06T01:23:10.662Z","title":"Bit - The fastest way to share code","url":"https://bitsrc.io/","content":"JavaScriptのコード/コンポーネントシェアサービス。\nコンポーネントを管理/公開するCLIが用意されている。\nコンポーネントの公開/管理/発見の難しさの問題の解決を意図したサービス。","tags":["JavaScript","webservice"],"relatedLinks":[{"title":"How To “Publish” Multiple Packages From Any Repository In 5 Minutes","url":"https://blog.bitsrc.io/how-to-publish-multiple-packages-from-any-repository-in-5-minutes-9aafd31d85b7"}]},{"date":"2018-03-06T01:27:30.278Z","title":"webpack4への簡単なマイグレーションガイド - 技術探し","url":"http://abouthiroppy.hatenablog.jp/entry/migrate-to-webpack4","content":"webpack 4の変更点とマイグレーションのために必要な変更について。","tags":["webpack","JavaScript","article"],"relatedLinks":[]},{"date":"2018-03-06T01:33:57.187Z","title":"Web Components で 社内 UI ライブラリを作っている話","url":"https://jmblog.jp/slides/webcomponents.kyoto.2.pdf","content":"プリミティブなコンポーネントをWebComponentとして作成することに関するスライド。\nReactやAngularなど各種ライブラリから利用できる共通コンポーネントとして作成。\n`lit-html`を使ったコンポーネントとスタイル、コンポーネントの配布の問題についてなど","tags":["slide","WebComponents"],"relatedLinks":[{"title":"Custom Elements Everywhere","url":"https://custom-elements-everywhere.com/"},{"title":"lit-html と ShadyCSS - jmblog.jp","url":"https://jmblog.jp/posts/2018-02-15/lit-html-with-shadycss/"}]},{"date":"2018-03-13T01:20:56.827Z","title":"Release Futura · sass/libsass","url":"https://github.com/sass/libsass/releases/tag/3.5.0","content":"libsass 3.5リリース。 引数のtrailing commasサポート、`content-exists`関数のサポート、CSSのCustom Property、`var()`のサポートなど","tags":["ReleaseNote","Sass","library"],"relatedLinks":[]},{"date":"2018-03-08T01:34:20.641Z","title":"DoneJS 2.0 Released","url":"https://www.bitovi.com/blog/donejs-2.0","content":"DoneJS 2.0リリース。\nCanJS 4.0に対応、CIやデプロイの設定を`donejs add`で行えるように、`donejs upgrade`でマイグレーションができるようになっている。\nHTTP/2 pushを使ったインクリメンタルレンダリングの対応改善など","tags":["JavaScript","library","Tools","ReleaseNote"],"relatedLinks":[{"title":"Create Streamable, High-Performance Web Applications","url":"https://www.bitovi.com/streamable"}]},{"date":"2018-03-08T11:39:00.513Z","title":"andrew--r/frontend-case-studies: 💼 A curated list of technical talks and articles about real-world enterprise frontend development","url":"https://github.com/andrew--r/frontend-case-studies","content":"フロントエンドのケーススタディのまとめ。\n色々な企業の事例が書かれている。","tags":["JavaScript","企業","まとめ"],"relatedLinks":[]},{"date":"2018-03-10T06:24:06.073Z","title":"Boxy SVG Editor","url":"https://boxy-svg.com/","content":"SVGエディタアプリ","tags":["SVG","editor","software"],"relatedLinks":[]},{"date":"2018-03-10T13:50:04.676Z","title":"30 Seconds of CSS","url":"https://atomiks.github.io/30-seconds-of-css/","content":"CSSのスニペットとその解説をまとめたもの。","tags":["CSS","tutorial"],"relatedLinks":[]},{"date":"2018-03-11T13:14:56.555Z","title":"An imperative guide to forms in React – LogRocket","url":"https://blog.logrocket.com/an-imperative-guide-to-forms-in-react-927d9670170a","content":"Reactを使ったフォームの扱いについての記事。\nFormikを使ったフォームの作成などについて","tags":["React","library","article"],"relatedLinks":[]},{"date":"2018-03-11T13:54:10.247Z","title":"We have released version 3.0 of OpenPGPjs, an open source OpenPGP library - ProtonMail Blog","url":"https://protonmail.com/blog/openpgpjs-3-release/","content":"OpenPGPの実装であるOpenPGP.js 3.0リリース","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-03-11T13:57:22.602Z","title":"pshihn/workly: A really simple way to move a stand-alone function/class to a web worker. 🏋️‍♀️→ 😄","url":"https://github.com/pshihn/workly","content":"ProxyとWebWorkerを使い既存の関数やクラスをWorkerで処理するライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2018-03-11T14:03:04.941Z","title":"Emscripting a C library to Wasm  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/03/emscripting-a-c-library","content":"Emscriptenを使いCのコードをWebAssemblyにして実行するチュートリアル。\nlibwebpをwasmにコンパイルする話","tags":["WebAssembly","JavaScript","article"],"relatedLinks":[]},{"date":"2018-03-11T14:32:53.442Z","title":"Feature Policy による Permission Delegation | blog.jxck.io","url":"https://blog.jxck.io/entries/2018-03-08/feature-policy-permission-delegation.html","content":"iframe sandbox、CSP、Feature Policyの役割について。\n`sandbox`はホワイリトストでの機能制限、CSPはブラックリストでの機能制限、Feature Policyは権限の設定をオリジンに対して行う。\nまた`sandbox`とFeature Policyの機能重複はしないことについて","tags":["browser","security","article"],"relatedLinks":[]},{"date":"2018-03-11T14:59:52.001Z","title":"Web Workers to the rescue – Rastislav Svarba – Medium","url":"https://rast.io/web-workers-rescue","content":"Web Workerを使った処理の移譲のコストと効果についての記事。\nデータの取得と処理をWorkerに移動した場合の処理時間とWorkerへのデータ受け渡しのコストについて","tags":["JavaScript","webworker","article"],"relatedLinks":[]},{"date":"2018-03-12T11:24:06.494Z","title":"midwayjs/pandora: A Manageable, Measurable and Traceable Node.js Application Manager represented by Alibaba powered by TypeScript","url":"https://github.com/midwayjs/pandora","content":"Alibaba製のNode.jsアプリケーションの管理ツール。\nアプリケーションプロセスの管理、計測、監視、トラブルシューティングのためのデバッグの仕組みなどが持っている。","tags":["node.js","library","Tools"],"relatedLinks":[]},{"date":"2018-03-12T12:57:34.148Z","title":"Run","url":"https://run.tools/","content":"Node.js製のデプロイツール。\n\"Resource\"という単位で設定を行い、S3へデプロイといったことを行える。\nResourceは自分で作成することができ、どのようなオプションを受け取るかやオプションを受け取って処理を記述できる。","tags":["node.js","Tools"],"relatedLinks":[{"title":"Resources","url":"https://run.tools/docs/reference/resources"}]},{"date":"2018-03-12T13:16:24.312Z","title":"New in Chrome 65  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/03/nic65","content":"Chrome 65の変更点について。\nCSS Paint API、Server Tming API、`display: contents`の対応、Feature Policyの対応など。\nまた`document.all`が上書きできなくなるようになるなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Chrome Platform Status","url":"https://www.chromestatus.com/features#browsers.chrome.desktop%3D65"},{"title":"Chromium Blog: Chrome 65 Beta: CSS Paint API and the ServerTiming API","url":"https://blog.chromium.org/2018/02/chrome-65-beta-css-paint-api-and.html"}]},{"date":"2018-03-12T22:56:32.931Z","title":"zipson | JSON parse and stringify with compression","url":"https://jgranstrom.github.io/zipson/","content":"`JSON.stringify`/`JSON.parse`の代替ライブラリ。\nデータの圧縮やStreamingのサポートを目的にしている","tags":["JavaScript","JSON","library"],"relatedLinks":[]},{"date":"2018-03-12T23:12:01.700Z","title":"MobX 4: Better, simpler, faster, smaller – Michel Weststrate – Medium","url":"https://medium.com/@mweststrate/mobx-4-better-simpler-faster-smaller-c1fbc08008da","content":"MobX 4リリース。\nDecorator proposal(`@decorator`)を使わずに同じことをする`decorate`関数の追加、コレクション向けのUtility APIを追加、`when`の追加など。\nまた`shareGlobalState`の削除、APIのリネーム、default exportをしないようにするなどの破壊的変更が行われている。","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Migrating from mobx 3 to mobx 4 · mobxjs/mobx Wiki","url":"https://github.com/mobxjs/mobx/wiki/Migrating-from-mobx-3-to-mobx-4"},{"title":"mobx/CHANGELOG.md at master · mobxjs/mobx","url":"https://github.com/mobxjs/mobx/blob/master/CHANGELOG.md#400"}]},{"date":"2018-03-13T01:04:45.551Z","title":"Rough.js","url":"http://roughjs.com/","content":"手書き風の線を描くCanvasライブラリ","tags":["JavaScript","canvas","library"],"relatedLinks":[]},{"date":"2018-03-13T01:24:39.273Z","title":"Lighter than Lightweight: How We Built the Same App Twice with Preact and Glimmer.js | LinkedIn Engineering","url":"https://engineering.linkedin.com/blog/2018/03/how-we-built-the-same-app-twice-with-preact-and-glimmerjs","content":"同じアプリをPreactとGlimmer.jsで実装し、ページロードに関するパフォーマンスの比較実験をした結果について。\nファイルサイズは重要であるが、ファイルサイズがすべてを決めるわけではないという点について","tags":["JavaScript","article","performance"],"relatedLinks":[]},{"title":"vuex-orm/vuex-orm: The Vuex plugin to enable Object-Relational Mapping access to the Vuex Store.","url":"https://github.com/vuex-orm/vuex-orm","content":"複雑なデータ構造を扱うためのVuexプラグイン。リレーションを持ったデータをノーマライズし、RailsやLaravelのようなORMライクなAPIでデータの検索、取得ができる。複雑にネストしたデータ構造をノーマライズすることで、データを扱うコストを一定に保つことが目的。","date":"2018-03-13T18:03:34.698Z","tags":["JavaScript","library","Vue","Vuex","ORM"],"relatedLinks":[{"title":"Vuexでリレーションを持った複雑なデータ構造を上手く扱うには - Qiita","url":"https://qiita.com/kiaking/items/bcd5360fb3106cf22a81"},{"title":"paularmstrong/normalizr: Normalizes nested JSON according to a schema","url":"https://github.com/paularmstrong/normalizr"}]},{"date":"2018-03-15T21:49:31.301Z","title":"maticzav/emma-cli: 📦 Terminal assistant to find and install node packages.","url":"https://github.com/maticzav/emma-cli","content":"npmモジュールの検索とインストールを行うツール","tags":["npm","search","console","Tools"],"relatedLinks":[]},{"date":"2018-03-16T01:41:26.005Z","title":"とあるLPの制作現場 - Qiita","url":"https://qiita.com/noplan1989/items/a52a957546ddb9efeca3","content":"実際にウェブサイトのランディングページ(LP)の作る際にどのように作成したかについて。","tags":["web ","design"],"relatedLinks":[]},{"date":"2018-03-16T01:42:55.991Z","title":"How to Build Password Generator with Electron & React Pt.1 - Setting the Stage - Alex Devero Blog","url":"https://blog.alexdevero.com/password-generator-pt1/","content":"Electronを使ったパスワードジェネレータアプリのチュートリアル","tags":["Electron","JavaScript"],"relatedLinks":[]},{"date":"2018-03-17T01:10:15.577Z","title":"Release v1.2.0 · GoogleChrome/puppeteer","url":"https://github.com/GoogleChrome/puppeteer/releases/tag/v1.2.0","content":"puppeteer 1.2.0リリース。\n`elementHandle.contentFrame()`の追加、リダイレクト回数を返す`request.redirectChain()`の追加など","tags":["Chrome","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-03-17T14:44:05.381Z","title":"Unblocking Clipboard Access  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/03/clipboardapi","content":"Async Clipboard APIについての紹介。\n今まで`document.execCommand`でやっていたものをちゃんとしたPermissionモデルと共に扱えるAPIについて","tags":["JavaScript","clipboard","WebPlatformAPI"],"relatedLinks":[]},{"date":"2018-03-18T02:21:51.491Z","title":"Firefox — Notes (59.0) — Mozilla","url":"https://www.mozilla.org/en-US/firefox/59.0/releasenotes/","content":"Firefox 59リリース。\n開発者ツールの改善、Pointer Eventsをデフォルトで有効化、`overscroll-behavior`の実装、`EventTarget`コンストラクタの実装など","tags":["firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 59 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/Firefox/Releases/59"}]},{"date":"2018-03-18T05:00:56.021Z","title":"Release Inferno v5.0.0 · infernojs/inferno","url":"https://github.com/infernojs/inferno/releases/tag/v5.0.0","content":"Inferno v5.0.0 リリース。 `.mjs`で配布していたのを`.js`に変更、 IE9のサポート終了、TypeScriptのサポート改善など","tags":["JavaScript","React","ReleaseNote","library"],"relatedLinks":[]},{"date":"2018-03-18T14:17:50.063Z","title":"Data visualization with react-vis – DailyJS – Medium","url":"https://medium.com/dailyjs/data-visualization-with-react-vis-bd2587fe1660","content":"react-visを使ったグラフの描画について","tags":["React","article"],"relatedLinks":[]},{"date":"2018-03-18T14:42:54.192Z","title":"webpack 4 の optimization.splitChunks（廃止されたCommonsChunkPluginの代わり） の使い方、使い所 - Qiita","url":"https://qiita.com/soarflat/items/1b5aa7163c087a91877d","content":"webpack 4の`optimization`オプションについて。\n`optimization.*`の設定とそれぞれの出力結果について","tags":["webpack","article"],"relatedLinks":[]},{"date":"2018-03-18T14:48:19.362Z","title":"Say Hello to Houdini and the CSS Paint API / Coder's Block","url":"https://codersblock.com/blog/say-hello-to-houdini-and-the-css-paint-api/","content":"CSS Paint APIについての記事。\nPaint Workletを使ったスタイルの拡張の書き方やスタイルの適応方法について。\nまた現時点でのCSS Paint APIを含めたHoudiniについて","tags":["CSS","article"],"relatedLinks":[]},{"date":"2018-03-18T15:00:23.672Z","title":"Redruco: Truco para aprender Redux (Parte 1) – Javier Fernandes – Medium","url":"https://medium.com/@javierfernandes/redruco-truco-para-aprender-redux-parte-1-c72d052576b0","content":"React/Reduxを使ったアプリケーション開発についての連載。\nReduxが必要となる状態はどのようなケースか、また開発においてもアプリの状態とUIの詳細は独立して考えられることについて。\nStorybookでコンポーネントを確認しながら開発し、アプリを作るチュートリアル。","tags":["JavaScript","redux","React","tutorial"],"relatedLinks":[]},{"date":"2018-03-18T23:29:40.697Z","title":"nucleartide/emberconf-2018: EmberConf 2018 notes.","url":"https://github.com/nucleartide/emberconf-2018","content":"EmberConf 2018の動画や発表のまとめ","tags":["JavaScript","Conference","video"],"relatedLinks":[]},{"date":"2018-03-19T13:16:54.155Z","title":"Everyone can now run JavaScript on Cloudflare with Workers","url":"https://blog.cloudflare.com/cloudflare-workers-unleashed/","content":"Cloudflare Workersが一般公開された。\nCDN上でService Workerと同じようなAPIで処理を書くことができるサービス。","tags":["cdn","ServiceWorker","webservice"],"relatedLinks":[]},{"date":"2018-03-19T15:36:47.843Z","title":"#SmooshGate FAQ  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/03/smooshgate","content":"ECMAScriptで`Array.prototype.flatten` Proposalが既存のMooToolsなどのライブラリと名前がバッティングするためbreak the webとなる問題について。\n標準化する実装と異なる点だけではなく、prototypeを列挙している点にも問題がある。\nまた、なぜ既存の実装を変更しても解決にならないかや今後について。","tags":["ECMAScript","article","JavaScript","TC39"],"relatedLinks":[]},{"date":"2018-03-19T23:30:49.401Z","title":"terkelg/prompts: Lightweight, beautiful and user-friendly interactive prompts","url":"https://github.com/terkelg/prompts","content":"Node.jsでインタラクティブなプロンプトを表示するライブラリ","tags":["node.js","library","console"],"relatedLinks":[]},{"date":"2018-03-20T01:21:26.295Z","title":"FromJS - Understand JavaScript Apps","url":"http://www.fromjs.com/","content":"DOMをインスペクトし、表示されている文字列がコードのどこで生成されているかを検索できるChrome拡張。 既存のHTMLを生成するDOM APIを上書きしトレースしている","tags":["Chrome","DOM","Extension","babel","debug","Tools"],"relatedLinks":[]},{"date":"2018-03-19T23:44:12.804Z","title":"Strongly Typed Event Emitters – Brian Terlson – Medium","url":"https://medium.com/@bterlson/strongly-typed-event-emitters-2c2345801de8","content":"TypeScript 2.8(RC)のConditional Typeを使ったEventEmitterの型付けについて","tags":["TypeScript","article"],"relatedLinks":[{"title":"bterlson/strict-event-emitter-types: A type-only library for strongly typing any event emitter","url":"https://github.com/bterlson/strict-event-emitter-types"}]},{"date":"2018-03-20T12:31:31.413Z","title":"Simplifying JavaScript: Writing Modern JavaScript with ES5, ES6, and Beyond: Joe Morgan: 9781680502886: Amazon.com: Books","url":"https://www.amazon.com/Simplifying-JavaScript-Writing-Modern-Beyond/dp/1680502883","content":"2018年5月25日発売\nES2015以降を使ったシンプルで読みやすく予想可能なコードの書き方についての書籍","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2018-03-21T01:50:53.595Z","title":"Rediscovering JavaScript: Master ES6, ES7, and ES8 by Venkat Subramaniam | The Pragmatic Bookshelf","url":"https://pragprog.com/book/ves6/rediscovering-javascript","content":"2018年6月10日発売\nES2015の構文を使ったJavaScriptの書き方、オブジェクト指向やモジュールについての書籍","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2018-03-21T04:56:49.421Z","title":"\"SurviveJS - Webpack\" Updated to webpack 4","url":"https://survivejs.com/blog/webpack-book-updated-to-webpack-4/","content":"SurviveJS - Webpackがwebpack 4に対応した。","tags":["book","webpack"],"relatedLinks":[]},{"date":"2018-03-21T05:15:40.697Z","title":"ESLint v4.19.0 released - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2018/03/eslint-v4.19.0-released","content":"ESLint 4.19.0リリース。\nES2018のRegExp拡張に対応など","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"ESLint v4.19.0 - Qiita","url":"https://qiita.com/mysticatea/items/be9558c263aca26416ca"}]},{"date":"2018-03-22T02:18:54.357Z","title":"Securing Node Applications: Web Programming Conference | Web Performance Conference | Fluent","url":"https://conferences.oreilly.com/fluent/fl-ca/public/content/securing-node-applications","content":"OWASP Top 10 security risksとNode.jsについての小さな書籍。\nそれぞれの脆弱性の紹介やNode.jsを使った場合での対策についてまとめられている","tags":["node.js","security","book"],"relatedLinks":[]},{"date":"2018-03-23T03:14:23.928Z","title":"agis/mcdetect: Catch mixed content issues in the wild","url":"https://github.com/agis/mcdetect","content":"Headless Chromeを使ったMixed Contentの検知ツール","tags":["JavaScript","security","browser","Chrome","Tools"],"relatedLinks":[]},{"date":"2018-03-23T14:39:58.769Z","title":"Release Release of 1.0.0 · laurentj/slimerjs","url":"https://github.com/laurentj/slimerjs/releases/tag/1.0.0","content":"FirefoxベースのPhantomJSライクなライブラリであるSlimerJS 1.0リリース。\nFirefox 56以降では`--headless`を使うことでヘッドレスブラウザとして利用できるようになるなど","tags":["firefox","ReleaseNote","library"],"relatedLinks":[]},{"date":"2018-03-24T02:51:57.767Z","title":"npm/CHANGELOG.md at v5.8.0 · npm/npm","url":"https://github.com/npm/npm/blob/v5.8.0/CHANGELOG.md","content":"npm 5.8.0リリース。\n`--no-color`オプションのサポート、`npm ci`の改善など","tags":["npm","ReleaseNote"],"relatedLinks":[]},{"date":"2018-03-24T03:01:59.701Z","title":"d3/CHANGES.md at master · d3/d3","url":"https://github.com/d3/d3/blob/master/CHANGES.md#changes-in-d3-50","content":"D3.js 5.0リリース。\nロード系のメソッドがコールバックからPromiseを返すように変更、XHRからFetch APIを利用するように。\nまた`d3.schemeCategory20*`を削除し`d3-scale-chromatic`などをつかうようになるなど","tags":["d3.js","ReleaseNote"],"relatedLinks":[{"title":"d3/d3-scale-chromatic: Sequential, diverging and categorical color scales.","url":"https://github.com/d3/d3-scale-chromatic"}]},{"date":"2018-03-24T03:09:57.237Z","title":"continuationlabs/wequire: synchronously load wasm files","url":"https://github.com/continuationlabs/wequire","content":"Node.jsで`.wasm`ファイルを同期的読み込めるライブラリ","tags":["node.js","WebAssembly"],"relatedLinks":[]},{"date":"2018-03-24T04:41:15.957Z","title":"プログレッシブウェブアプリ PWA開発入門 | 電子書籍とプリントオンデマンド（POD） | NextPublishing（ネクストパブリッシング）","url":"https://nextpublishing.jp/book/9553.html","content":"2018年3月23日発売\nProgressive Web Appsについての書籍","tags":["PWA","book"],"relatedLinks":[]},{"date":"2018-03-24T05:12:44.412Z","title":"Lazy Loading JavaScript Modules With ConditionerJS — Smashing Magazine","url":"https://www.smashingmagazine.com/2018/03/lazy-loading-with-conditioner-js/","content":"`data`属性を使ってlazy LoadやResponsiveな動作を定義できるConditionerJSについての紹介","tags":["JavaScript","browser","article"],"relatedLinks":[{"title":"rikschennink/conditioner: 💆🏻 Frizz free, context-aware, JavaScript modules","url":"https://github.com/rikschennink/conditioner"}]},{"date":"2018-03-25T05:12:31.450Z","title":"Dev.Opera — What’s new in Chromium 65 and Opera 52","url":"https://dev.opera.com/blog/opera-52/","content":"Opera 52 (based on Chromium 65)リリース。\nPaint Worklet、Server Timing API、Feature Policyのサポートなど","tags":["Opera","Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2018-03-26T07:54:06.089Z","title":"ECMAScript proposal updates at 2018-03 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2018/03/26/ecmascript-proposal-updates","content":"2018年3月に行われたTC39ミーティングによってステータスが変更された/追加されたECMAScript Proposalのまとめ","tags":["ECMAScript","proposal"],"relatedLinks":[]},{"date":"2018-03-26T08:02:05.567Z","title":"oclif: The Open CLI Framework · Create command line tools your users love","url":"https://oclif.io/","content":"Heroku CLIなどで使われているNode.jsでCLIを作るためのフレームワーク。\nシングルコマンド、マルチコマンドのCLIに対応していて、テンプレートコードの生成やテストの補助も行うツール","tags":["node.js","console","Tools","library"],"relatedLinks":[]},{"date":"2018-03-26T10:24:10.490Z","title":"技術要素編: web アプリが新陳代謝を続けるための依存関係の厳選（新規開発のメモ書きシリーズ1） ::ハブろぐ","url":"https://havelog.ayumusato.com/develop/others/e747-scratch_memo_1.html","content":"ウェブアプリの技術選定、ビルド設定、コード設計、アーキテクチャについての連載記事。 新規開発する際にどのような理由でライブラリやビルドツール、ディレクトリ構造などの採用したか、配信におけるCDNやパフォーマンス計測について","tags":["JavaScript","architecture","article","project"],"relatedLinks":[{"title":"ビルド設定編: UA に応じた最適な JS バンドルの配信と webpack との距離感（新規開発のメモ書きシリーズ2） ::ハブろぐ","url":"https://havelog.ayumusato.com/develop/others/e749-scratch_memo_2.html"},{"title":"コード設計編: context による縦軸分類とレイヤードアーキテクチャ（新規開発のメモ書きシリーズ3） ::ハブろぐ","url":"https://havelog.ayumusato.com/develop/others/e750-scratch_memo_3.html"},{"title":"アーキテクチャ編: SSR と CDN ( Fastly ) とユーザー依存情報の分離（新規開発のメモ書きシリーズ4） ::ハブろぐ","url":"https://havelog.ayumusato.com/develop/others/e751-scratch_memo_4.html"}]},{"date":"2018-03-26T10:16:32.396Z","title":"Getting Started With The Web MIDI API — Smashing Magazine","url":"https://www.smashingmagazine.com/2018/03/web-midi-api/","viaURL":"puppeteer","content":"Web MIDI APIについて入門記事","tags":["JavaScript","web","audio"],"relatedLinks":[]},{"date":"2018-03-26T10:20:57.593Z","title":"Node.jsとECMAScript Modules - 技術探し","url":"http://blog.hiroppy.me/entry/nodejs-esm","content":"Node.jsとES Modulesについて","tags":["node.js","module","article"],"relatedLinks":[]},{"date":"2018-03-27T01:30:35.144Z","title":"Server Timing APIを使ってサーバーサイドのベンチマークを手軽にやる | ブログ :: Web notes.log","url":"http://blog.wnotes.net/blog/article/server-side-benchmark-using-server-timing-api","content":"Server Timinig APIを使いサーバサイドのリクエストごとのベンチマークをとり、Chromeの開発者ツールに表示するライブラリについて","tags":["node.js","server","library","performance"],"relatedLinks":[]},{"date":"2018-03-28T09:23:32.312Z","title":"CondeNast/perf-timeline-cli: Generate Chrome Performance Timelines via a command line interface","url":"https://github.com/CondeNast/perf-timeline-cli","content":"Chrome開発者ツールのPerformanceパネルの情報を取得するCLIツール。\nPuppeteerを使ってアクセスした結果を取得する","tags":["Chrome","performance","Tools"],"relatedLinks":[]},{"date":"2018-03-28T14:28:56.265Z","title":"Announcing TypeScript 2.8 | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2018/03/27/announcing-typescript-2-8/","content":"TypeScript 2.8リリース。\nConditional Types、d.ts飲みの出力に対応、`@jsx` pragmaコメントのサポート、mapped type modifierの`+`、`-`のサポートなど","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"TypeScript 2.8.1 変更点 - Qiita","url":"https://qiita.com/vvakame/items/2e32aeded05997f77dfa"}]},{"date":"2018-03-30T00:48:13.077Z","title":"cmseaton42/task-easy: A simple, customizable, and lightweight priority queue for promises.","url":"https://github.com/cmseaton42/task-easy","content":"Promiseスケジュールライブラリ","tags":["JavaScript","Promises","library"],"relatedLinks":[]},{"date":"2018-03-30T01:26:36.921Z","title":"JavaScript in 14 minutes by Jeremy Thomas","url":"https://jgthms.com/javascript-in-14-minutes/","content":"ブラウザの開発者ツールで実行しながら学べるJavaScriptチュートリアル","tags":["JavaScript","tutorial"],"relatedLinks":[]},{"date":"2018-03-30T01:41:32.043Z","title":"React v16.3.0: New lifecycles and context API - React Blog","url":"https://reactjs.org/blog/2018/03/29/react-v-16-3.html","content":"React v16.3.0リリース。\n新しいContext APIの追加、`createRef`メソッドの追加、`forwardRef`メソッドの追加。\nコンポーネントライフサイクルイベントの変更と追加、`StrictMode`コンポーネントの追加など","tags":["React","ReleaseNote"],"relatedLinks":[{"title":"Update on Async Rendering - React Blog","url":"https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html"},{"title":"React v16.3.0: New lifecycles and context API【日本語翻訳】 | maesblog","url":"https://mae.chab.in/archives/60040"}]},{"date":"2018-03-30T01:51:32.671Z","title":"Update on Async Rendering - React Blog","url":"https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html","content":"非同期レンダリングのためのライフサイクルイベントの追加と変更について。\n16.3でイベントの追加、16.xで古いイベントに警告を表示、17.0で古いイベントを廃止。\nまた追加された`getDerivedStateFromProps`と`getSnapshotBeforeUpdate`についての解説","tags":["React","article"],"relatedLinks":[]},{"date":"2018-03-30T01:53:20.388Z","title":"March 2018 Security Releases | Node.js","url":"https://nodejs.org/en/blog/vulnerability/march-2018-security-releases/","content":"Node.jsのセキュリティアップデートとして、それぞれのLTSと開発バージョンのアップデートが公開された\n\n- Node.js 9.10.0\n- Node.js 8.11.0 (LTS \"Carbon\")\n- Node.js 6.14.0 (LTS \"Boron\")\n- Node.js 4.9.0 (LTS \"Argon\")\n","tags":["node.js","ReleaseNote","security"],"relatedLinks":[]},{"date":"2018-03-30T06:28:53.244Z","title":"React開発　現場の教科書 | マイナビブックス","url":"https://book.mynavi.jp/ec/products/detail/id=88735","content":"ReactとAtomic Designについての書籍","tags":["React","book"],"relatedLinks":[]},{"date":"2018-03-30T08:31:57.372Z","title":"asfktz/Awaity.js: A functional, lightweight alternative to bluebird.js, built with async / await in mind.","url":"https://github.com/asfktz/Awaity.js","content":"async/awaitベースのコレクション系ライブラリ\nmap、filter、reduceなどのPromiseに対するコレクション操作を提供するライブラリ","tags":["JavaScript","Promises","library"],"relatedLinks":[]},{"date":"2018-03-30T11:11:13.320Z","title":"jacobbogers/libRmath.js: Javascript Pure Implementation of Statistical R \"core\" numerical libRmath.so","url":"https://github.com/jacobbogers/libRmath.js","content":"Rの`math`をJavaScriptにポートしたライブラリ\n","tags":["JavaScript","TypeScript","R ","library"],"relatedLinks":[]},{"date":"2018-03-31T02:40:44.191Z","title":"V8 JavaScript Engine: V8 release v6.6","url":"https://v8project.blogspot.com/2018/03/v8-release-66.html","content":"V8 v6.6(Chrome 66)リリース。\nECMAScript Proposalの対応として`Function#toString()`の仕様追従、JSがJSONのsupersetとなる仕様追従。\nまた`catch`構文のパラメータを省略に対応、`String#trimStart`や`String#trimEnd`の実装など。\nBackground compilationの対応やAsync、Arrayのパフォーマンス改善など","tags":["V8","Chrome","ReleaseNote"],"relatedLinks":[{"title":"Function.prototype.toString revision","url":"https://tc39.github.io/Function-prototype-toString-revision/"},{"title":"tc39/proposal-json-superset: Proposal to make all JSON text valid ECMA-262","url":"https://github.com/tc39/proposal-json-superset"},{"title":"tc39/proposal-string-left-right-trim: A proposal to the ECMAScript standard for including left and right trim of whitespace to strings","url":"https://github.com/tc39/proposal-string-left-right-trim"}]},{"date":"2018-03-31T04:05:24.404Z","title":"ZEIT – Next.js 5.1: Faster Page Resolution, Environment Config & More","url":"https://zeit.co/blog/next5-1","content":"Next.js 5.1リリース。\nページロードの速度改善、設定を定義できる`publicRuntimeConfig`と`serverRuntimeConfig`を追加、エラーハンドリングの改善など","tags":["React","node.js","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-03-31T04:14:16.375Z","title":"Release v3.4.0 · storybooks/storybook","url":"https://github.com/storybooks/storybook/releases/tag/v3.4.0","content":"Storybook 3.4.0リリース。\nPolymer 2サポート、AngularとVueのstoryshotサポートなど","tags":["JavaScript","ui ","library","ReleaseNote","Tools"],"relatedLinks":[]},{"date":"2018-03-31T04:36:48.003Z","title":"TensorFlow.js","url":"https://js.tensorflow.org/","content":"tensorflowのJavaScript版。\nWebGLを使った機械学習を行え、既存の学習モデルはconverterで変換し利用できる。","tags":["MachineLearning","JavaScript","library","WebGL"],"relatedLinks":[{"title":"tensorflow/tfjs-converter: Convert TensorFlow SavedModel and Keras models to TensorFlow.js","url":"https://github.com/tensorflow/tfjs-converter"}]},{"date":"2018-03-31T04:45:45.989Z","title":"power-assert/CHANGELOG.md at v1.5.0 · power-assert-js/power-assert","url":"https://github.com/power-assert-js/power-assert/blob/v1.5.0/CHANGELOG.md","content":"power-assert 1.5.0リリース。\nNode.js 9.9.0で追加された`assert`のstrict modeをサポート","tags":["JavaScript","testing","library","Tools","ReleaseNote"],"relatedLinks":[{"title":"Node v9.9.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v9.9.0/"},{"title":"Assert | Node.js v9.10.1 Documentation","url":"https://nodejs.org/api/assert.html#assert_strict_mode"}]},{"date":"2018-03-31T05:11:43.819Z","title":"📦 Parcel v1.7.0: – devongovett – Medium","url":"https://medium.com/@devongovett/parcel-v1-7-0-9aac0c505837","content":"Parcel v1.7.0リリース。\n`.vue`とPugのサポート、出力するファイルにハッシュ値を付与するように、absolute pathとtilde(`~`) pathのサポート、必要な依存を自動的にインストールするようになるなど","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2018-03-31T05:40:29.847Z","title":"Working with the new CSS Typed Object Model  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/03/cssom","content":"CSS Typed OMについての解説。\n既にある`style`プロパティと新しく追加された`attributeStyleMap`の違いや、CSS Typed OMで追加されたAPIのメリットや実際の使い方について","tags":["CSS","article","JavaScript"],"relatedLinks":[]},{"date":"2018-03-31T07:06:23.818Z","title":"jaywcjlove/hotkeys: ➷ A robust Javascript library for capturing keyboard input. It has no dependencies.","url":"https://github.com/jaywcjlove/hotkeys","content":"ショートカットキー管理ライブラリ。","tags":["JavaScript","キーボード","React","library"],"relatedLinks":[]},{"date":"2018-04-01T03:31:55.091Z","title":"Dart Sass 1.0.0 is Released « Sass Blog","url":"http://sass.logdown.com/posts/7045860-dart-sass-100-is-released","content":"Dart Sass 1.0リリース。\nRuby Sassについてはメンテナンスモードとなる。","tags":["Sass","dart","ReleaseNote"],"relatedLinks":[]},{"date":"2018-04-01T03:48:21.656Z","title":"CSS Pocket Reference, 5th Edition - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920146353.do","content":"2018年4月発売。\nCSSリファレンス本","tags":["CSS","book"],"relatedLinks":[]},{"date":"2018-04-01T03:52:37.901Z","title":"WebAssembly/esm-integration: ECMAScript module integration","url":"https://github.com/WebAssembly/esm-integration","content":"ES Module Integration Proposal for WebAssembly","tags":["WebAssembly","module","ECMAScript"],"relatedLinks":[]},{"date":"2018-04-01T04:23:51.275Z","title":"ESLint v5.0.0-alpha.0 released - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2018/03/eslint-v5.0.0-alpha.0-released","content":"ESLint 5.0.0αリリース。\n予定される破壊的な変更についてはマイグレーションガイドで解説されている。","tags":["ESLint","serverless"],"relatedLinks":[{"title":"ESLint v5.0.0 変更点まとめ (随時更新) - Qiita","url":"https://qiita.com/mysticatea/items/f34097961bf2827b675d"},{"title":"Migrating to v5.0.0 - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/docs/5.0.0/user-guide/migrating-to-5.0.0"}]},{"date":"2018-04-01T05:24:02.090Z","title":"How display: contents; Works","url":"https://bitsofco.de/how-display-contents-works/","content":"`display: contents;` の解説","tags":["CSS","article"],"relatedLinks":[]},{"date":"2018-04-01T05:37:04.320Z","title":"Announcing TypeScript 2.8 | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2018/03/27/announcing-typescript-2-8/","content":"TypeScript 2.8リリース。 Conditional Types、d.tsのみの出力に対応、`@jsx` pragmaコメントのサポート、mapped type modifierの`+`、`-`のサポートなど","tags":["ReleaseNote","TypeScript"],"relatedLinks":[{"title":"TypeScript 2.8.1 変更点 - Qiita","url":"https://qiita.com/vvakame/items/2e32aeded05997f77dfa"}]},{"date":"2018-04-01T23:02:52.434Z","title":"Axe 3.0 has arrived — here’s what you need to know - Deque","url":"https://www.deque.com/blog/axe-3-0-has-arrived/","content":"Axe 3.0リリース。\nShadow DOMのサポートなど","tags":["accessibility","ReleaseNote"],"relatedLinks":[{"title":"Release 3.0.0 · dequelabs/axe-core","url":"https://github.com/dequelabs/axe-core/releases/tag/v3.0.0"}]},{"date":"2018-04-05T10:48:15.919Z","title":"React v16.3 changes - blog.koba04.com","url":"http://blog.koba04.com/post/2018/04/04/react-v163-changes/","content":"React 16.3の変更点について","tags":["React","article"],"relatedLinks":[]},{"date":"2018-04-07T02:27:46.005Z","title":"Lazy Loading Images and Video  |  Web Fundamentals  |  Google Developers","url":"https://developers.google.com/web/fundamentals/performance/lazy-loading-guidance/images-and-video/","content":"画像や動画の遅延ロードについて。\n画像の遅延ロードとしてIntersection Observerを使った方法、CSSを使った方法について。\n動画とGIFのロード、遅延ロードを補助するライブラリ、ロードに失敗した時のFallbackなどについて","tags":["performance","browser","JavaScript","CSS"],"relatedLinks":[]},{"date":"2018-04-08T04:16:33.336Z","title":"kentcdodds/dom-testing-library: 🐙 Simple and complete DOM testing utilities that encourage good testing practices.","url":"https://github.com/kentcdodds/dom-testing-library","content":"DOM要素をテストするMatcherライブラリ","tags":["JavaScript","DOM","testing","library"],"relatedLinks":[{"title":"Introducing the react-testing-library 🐐 – kentcdodds","url":"https://blog.kentcdodds.com/introducing-the-react-testing-library-e3a274307e65"}]},{"date":"2018-04-08T16:04:42.700Z","title":"Headless Chrome: an answer to server-side rendering JS sites  |  Tools for Web Developers  |  Google Developers","url":"https://developers.google.com/web/tools/puppeteer/articles/ssr","content":"Headless Chromeを使ったサーバーサイドレンダリングについてのチュートリアル。\nどのように実装するか、最適化について\n","tags":["Chrome","server","article"],"relatedLinks":[]},{"date":"2018-04-09T02:45:52.267Z","title":"kwolfy/webworker-promise: Promise based wrapper for webworkers","url":"https://github.com/kwolfy/webworker-promise","content":"WebWorkerを扱うライブラリ。\nEventEmitterライクなイベントの仕組みとPromiseを使った非同期処理、Worker poolの仕組みなどを持っている","tags":["JavaScript","webworker","library"],"relatedLinks":[]},{"date":"2018-04-09T09:07:08.249Z","title":"React lifecycle methods diagram","url":"http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/","content":"React 16.3以降を含むReactのライフサイクルの図","tags":["React","document"],"relatedLinks":[]},{"date":"2018-04-09T09:10:25.654Z","title":"GoDaddy Open Source Center - Isomorphic Asset System for React and React-Native","url":"https://godaddy.github.io/2018/04/04/isomorphic-asset-system-for-react-and-react-native/","content":"SVGのアセットを管理するツール、React/React Nativeコンポーネント、webpack loaderなどについて","tags":["SVG","React","library","article"],"relatedLinks":[]},{"date":"2018-04-09T09:38:18.649Z","title":"First Windows 10 Progressive Web Apps (PWA) published by Microsoft hit the Store | Windows Central","url":"https://www.windowscentral.com/first-batch-windows-10-progressive-web-apps-here","content":"Microsoft StoreにPWAアプリが公開されるようになった","tags":["MS","PWA","news"],"relatedLinks":[]},{"date":"2018-04-09T14:42:33.122Z","title":"Strategies for Service Worker Caching for Progressive Web Apps","url":"https://blog.hasura.io/strategies-for-service-worker-caching-d66f3c828433","content":"Service Workerのキャッシュの仕組みとキャッシュの問題があるケースについて。\n壊れたデプロイを行った時の問題、`service-worker.js`ファイル自体をキャッシュした時の問題、キャッシュすべきでないレスポンスなどについて。\nまた`create-react-app`の事例や`Clear-Site-Data`ヘッダについて","tags":["ServiceWorker","article"],"relatedLinks":[]},{"date":"2018-04-09T14:50:53.082Z","title":"avwo/whistle: HTTP, HTTPS, WebSocket debugging proxy","url":"https://github.com/avwo/whistle","content":"Node.jsで書かれたHTTP/HTTPS/WebSocketsのデバッグProxy","tags":["HTTP","proxy","debug","node.js"],"relatedLinks":[]},{"date":"2018-04-09T14:54:51.723Z","title":"sails/CHANGELOG.md at v1.0.0 · balderdashy/sails","url":"https://github.com/balderdashy/sails/blob/v1.0.0/CHANGELOG.md","content":"Node.jsのウェブアプリケーションフレームワークであるSails.js 1.0リリース。\n","tags":["node.js","JavaScript","ReleaseNote"],"relatedLinks":[]},{"date":"2018-04-09T15:22:55.833Z","title":"Progressive Web Apps on iOS are here 🚀 – Maximiliano Firtman – Medium","url":"https://medium.com/@firt/progressive-web-apps-on-ios-are-here-d00430dee3a7","content":"iOS 11.3でサポートされたService WorkerなどのPWAに関する機能について。\nネイティブアプリと比較した場合の制限やChrome/Androidとの違いなどについて","tags":["ios","safari","article","ServiceWorker","PWA"],"relatedLinks":[]},{"date":"2018-04-09T15:47:53.205Z","title":"Transform your codebase using codemods | nec.is","url":"https://nec.is/writing/transform-your-codebase-using-codemods/","content":"jscodeshiftを使ったJavaScriptのコード変換についての記事。\nどのようにJavaScriptのコードを扱うのか、ASTについて、jscodeshiftのAPIについて紹介している","tags":["JavaScript","Tools","article","AST"],"relatedLinks":[]},{"date":"2018-04-09T15:50:19.835Z","title":"Introducing the Payment Request API for Apple Pay | WebKit","url":"https://webkit.org/blog/8182/introducing-the-payment-request-api-for-apple-pay/","content":"Safari 11.1のPayment Request APIでApple Payを利用する方法についての解説記事。\n`-webkit-appearance: -apple-pay-button;\"`のスタイルを指定するだけでAppley Payボタンを表示できる。\nまたPayment Request APIの使い方について。","tags":["safari","article"],"relatedLinks":[]},{"date":"2018-04-09T23:15:17.473Z","title":"Browser Automated Tests // Speaker Deck","url":"https://speakerdeck.com/derekb/browser-automated-tests","content":"puppeteerとmochaを使った自動テストについてのスライド。","tags":["JavaScript","testing","slide"],"relatedLinks":[]},{"date":"2018-04-10T01:33:49.243Z","title":"Understanding JavaScript Proxies by Examining on-change Library","url":"https://codeburst.io/understanding-javascript-proxies-by-examining-on-change-library-f252eddf76c2","content":"プロパティの変更検知をES Proxyで実装しながら、Proxyについて紹介している記事","tags":["JavaScript","proxy","article"],"relatedLinks":[]},{"date":"2018-04-17T01:42:24.926Z","title":"Webdash | The customizable web dashboard","url":"https://webdash.xyz/","content":"ウェブプロジェクトに関するダッシュボードツール。\nパッケージの可視化、npm scriptをボタンで実行、Performance Budgetの表示、Workbox連携などを行う。","tags":["JavaScript","Tools","project"],"relatedLinks":[]},{"date":"2018-04-12T08:58:18.969Z","title":"Prettier 1.12: Fixes, Features, and Formatting, Oh My! · Prettier","url":"https://prettier.io/blog/2018/04/11/1.12.0.html","content":"Prettier 1.12リリース。\nJavaScript、Markdown、GraphQLのサポート改善など","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2018-04-12T12:01:02.248Z","title":"基礎から学ぶ Vue.js | mio |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/dp/4863542453/","content":"2018年5月29日発売。\nリファレンス形式のVue.jsについての書籍","tags":["JavaScript","Vue","book"],"relatedLinks":[]},{"date":"2018-04-17T01:41:34.538Z","title":"zzarcon/default-passive-events: Makes {passive: true} by default when EventListenerOptions are supported","url":"https://github.com/zzarcon/default-passive-events","content":"Passive Event Listenersをデフォルトで有効化するように`EventTarget.prototype.addEventListener`の処理を上書きするライブラリ","tags":["DOM","JavaScript","library"],"relatedLinks":[]},{"date":"2018-04-13T08:54:20.134Z","title":"New WebKit Features in Safari 11.1 | WebKit","url":"https://webkit.org/blog/8216/new-webkit-features-in-safari-11-1/","content":"Safari 11.1の変更点や追加された機能についての開設。\nService Worker、Payment Request API、Clipboard API、Passive Event Listeners、Offscreen Canvasなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2018-04-15T07:57:36.924Z","title":"VuePress","url":"https://vuepress.vuejs.org/","content":"Vue.jsを使った静的サイトツール。\ndocusaurusのようにビルトインの機能があり、Vueを使ったテンプレートのカスタマイズができるツール","tags":["Vue","Tools"],"relatedLinks":[]},{"date":"2018-04-15T08:23:45.047Z","title":"ECMAScript Cookbook | PACKT Books","url":"https://www.packtpub.com/web-development/ecmascript-cookbook","content":"ECMAScript 2015以降のコードについて扱うクックブック","tags":["ECMAScript","book"],"relatedLinks":[{"title":"PacktPublishing/ECMAScript-Cookbook: ECMAScript Cookbook, Published By Packt","url":"https://github.com/PacktPublishing/ECMAScript-Cookbook"}]},{"date":"2018-04-15T08:28:21.111Z","title":"Ember.js - Ember 3.1 and 3.2 Beta Released","url":"https://emberjs.com/blog/2018/04/13/ember-3-1-released.html","content":"Ember 3.1リリース。\nComputed Propertiesがgetter/setterになり古い方法は非推奨となった。\n`@ember/optional-features`がリリースされ、ember-cli経由でEmber自体のBreaking Changeをフラグ管理ができるようになるなど","tags":["JavaScript","ReleaseNote"],"relatedLinks":[]},{"date":"2018-04-15T08:45:14.941Z","title":"Improving DevTools’ performance, one iteration at a time – Firefox Nightly News","url":"https://blog.nightly.mozilla.org/2018/04/10/improving-devtools-performance-one-iteration-at-a-time/","content":"Firefox 60での開発者ツールのパフォーマンス改善について。\n","tags":["firefox","debug","performance","article"],"relatedLinks":[]},{"date":"2018-04-15T08:48:49.580Z","title":"What's New In DevTools (Chrome 67)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/04/devtools","content":"Chrome 67の開発者ツールの変更点について。\nネットワークパネルの検索改善、リクエストを`fetch` APIのコードとしてコピーできるように、Auditパネルの改善、無限ループを停止できるように。\nまた、メモリパネル、パフォーマンスパネルでSite Isolationを適応時のプロセス分離に対応など","tags":["Chrome","debug","article"],"relatedLinks":[]},{"date":"2018-04-15T08:57:42.014Z","title":"Introducing the Accessibility Inspector in the Firefox Developer Tools – Marco's Accessibility Blog","url":"https://www.marcozehe.de/2018/04/11/introducing-the-accessibility-inspector-in-the-firefox-developer-tools/","content":"FirefoxのNightlyビルドで開発者ツールにアクセシビリティパネルが追加されたことについて。\nDOMツリーのアクセシビリティについてをデバッグする機能について","tags":["firefox","accessibility","article","debug"],"relatedLinks":[]},{"date":"2018-04-15T09:20:04.446Z","title":"Release v0.70.0 · facebook/flow","url":"https://github.com/facebook/flow/releases/tag/v0.70.0","content":"Flow 0.70.0リリース。\nReact 16.3(`createContext`、`createRef`)の対応、`--json-version 2`の出力結果に破壊的な変更など","tags":["flowtype","ReleaseNote"],"relatedLinks":[]},{"date":"2018-04-15T09:57:08.474Z","title":"Sneak Peek at WebAssembly Studio – Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2018/04/sneak-peek-at-webassembly-studio/","content":"ブラウザ上でC/C++/RustのコードをWebSeemblyにコンパイルして実行できる開発環境のWebAssembly.Studioがβ公開された","tags":["WebAssembly","editor","webservice"],"relatedLinks":[{"title":"WebAssembly Studio","url":"https://webassembly.studio/"}]},{"date":"2018-04-15T12:41:42.197Z","title":"sarahdayan/dinero.js: 💸 An immutable library to create, calculate and format monetary values.","url":"https://github.com/sarahdayan/dinero.js","content":"通貨の計算を扱うライブラリ。\nImmutableなデータとして通貨と金額を扱い、また浮動小数点数の問題を回避した計算するメソッドを提供する。\nフォーマットには`Number.prototype.toLocaleString`を利用している。","tags":["JavaScript","library"],"relatedLinks":[{"title":"How to Handle Monetary Values in JavaScript | frontstuff","url":"https://frontstuff.io/how-to-handle-monetary-values-in-javascript"}]},{"date":"2018-04-15T21:56:05.029Z","title":"glidejs/glide: A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more","url":"https://github.com/glidejs/glide","content":"依存がないカヌーセル/スライダーUIライブラリ","tags":["JavaScript","library","UI"],"relatedLinks":[]},{"date":"2018-04-16T03:04:16.482Z","title":"Introduction · Front-End Developer Handbook 2018","url":"https://frontendmasters.com/books/front-end-handbook/2018/","content":"Front-End Developer Handbook 2018が公開された","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2018-04-16T03:12:46.429Z","title":"Whats New in Angular 6 ?Walking Tree Technologies | Walking Tree Technologies","url":"https://walkingtree.tech/whats-new-angular-6/","content":"現在RC版が公開されているAngular 6の変更点の概要","tags":["Angular","article"],"relatedLinks":[]},{"date":"2018-04-16T08:29:54.172Z","title":"SafariのUA文字列が固定されて固定されなくなったおはなし - fragmentary","url":"https://myakura.hatenablog.com/entry/2018/04/16/083000","content":"Safari TP 46でUA文字列固定化は一度導入されたが、固定を取りやめることになった経緯について","tags":["safari","article"],"relatedLinks":[]},{"date":"2018-04-16T08:33:54.781Z","title":"Release 8.3 “Benigno Numine” · postcss/autoprefixer","url":"https://github.com/postcss/autoprefixer/releases/tag/8.3.0","content":"Autoprefixer 8.3.0リリース。\n`grid-template`と`@media`の組み合わせをサポート","tags":["CSS","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2018-04-17T01:35:59.019Z","title":"Automatic Progressive Web Apps using Angular Service Worker by Maxim Salnikov","url":"https://slides.com/webmax/ngsw-ijs-2018#/","content":"AngularとPWAについてのスライド。\nAngular CLIでの開発方法、NGSW、Service Workerのバージョン管理や登録を解除するスイッチの導入などについて","tags":["Angular","slide","PWA"],"relatedLinks":[]},{"date":"2018-04-17T01:51:17.549Z","title":"モバイル/オフラインでも動作するはてなブックマーク検索のPWAを作った | Web Scratch","url":"https://efcl.info/2018/04/16/hatebupwa/","content":"https://hatebupwa.netlify.com/ の技術スタックについて。\nWebWorkerを使った別スレッドでのフィルタリング処理、Servie Workerでのキャッシュ、React ContextとAlmin、domainのシリアライズと永続化についてなど","tags":["JavaScript","PWA","React","almin","DDD","article"],"relatedLinks":[]},{"date":"2018-04-17T15:40:34.878Z","title":"Progressive Web App Roadshow - YouTube - YouTube","url":"https://www.youtube.com/playlist?list=PLNYkxOF6rcICnIOm4cfylT0-cEfytBtYt","content":"Progressive Web App(PWA)の概要や何を解決しようとしているものなのか、実装にはなにが必要なのかなどを解説してるシリーズ動画。","tags":["PWA","video","google","opinion"],"relatedLinks":[]},{"date":"2018-04-17T23:16:12.396Z","title":"New in Chrome 66  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/04/nic66","content":"Chrome 66リリース。\nJSがJSONのsupersetに、trimStart/trimEndのサポート、catch節の引数省略に対応。\nCSS Typed OM、CSS Paint API、AudioWorklet、Mediaの`autoplay`のpolicy変更、Fetch APIが`keepalive`オプションをサポートなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Chrome Platform Status","url":"https://www.chromestatus.com/features#milestone%3D66"},{"title":"Chromium Blog: Chrome 66 Beta: CSS Typed Object Model, Async Clipboard API, AudioWorklet","url":"https://blog.chromium.org/2018/03/chrome-66-beta-css-typed-object-model.html"}]},{"date":"2018-04-17T23:22:15.312Z","title":"Release v4.0.0 · reactjs/redux","url":"https://github.com/reactjs/redux/releases/tag/v4.0.0","content":"Redux 4.0.0リリース。\nTypeScriptの型改善、middlewareのdispatchが複数の引数に対応、パフォーマンス改善など","tags":["redux","ReleaseNote","TypeScript"],"relatedLinks":[]},{"date":"2018-04-17T23:25:51.321Z","title":"Release v4.6.0 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v4.6.0","content":"webpack 4.6.0リリース。\n`import`のコメントでpreloadとprefetchに対応、webpackのコアコードがTypeScriptの`allowJs`と`checkJs`で型チェックされるようになるなど","tags":["webpack","ReleaseNote"],"relatedLinks":[{"title":"add support for link preload/prefetch by sokra · Pull Request #7056 · webpack/webpack","url":"https://github.com/webpack/webpack/pull/7056"},{"title":"Add TypeScript type checking by mohsen1 · Pull Request #6862 · webpack/webpack","url":"https://github.com/webpack/webpack/pull/6862"}]},{"date":"2018-04-19T12:56:55.609Z","title":"Hello wasm-pack! – Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2018/04/hello-wasm-pack/","content":"RustでWebAssembly向けの開発するツールキット","tags":["WebAssembly","Rust","console","Tools"],"relatedLinks":[]},{"date":"2018-04-21T04:25:44.684Z","title":"krasimir/react-in-patterns: A free book that talks about design patterns/techniques used while developing with React.","url":"https://github.com/krasimir/react-in-patterns","content":"Reactのパターンについての電子書籍","tags":["React","デザインパターン","book"],"relatedLinks":[]},{"date":"2018-04-21T05:14:39.709Z","title":"React、Angular、Vue.js、React Nativeを使って学ぶ はじめてのフロントエンド開発 | 原 一浩, taisa, 小松 大輔, 永井 孝, 池内 孝啓, 新井 正貴, 橋本 安司, 日野 洋一郎 |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/dp/4774197068/","content":"2018年5月10日発売。\n各フレームワークの紹介とSlackライクなサンプルをベースに解説する書籍","tags":["JavaScript","library","book"],"relatedLinks":[]},{"date":"2018-04-21T07:04:52.205Z","title":"Rediscovering JavaScript: Master ES6, ES7, and ES8: Venkat Subramaniam: 9781680505467: Amazon.com: Books","url":"https://www.amazon.com/dp/1680505467/","content":"2018年10月25日発売 ES2015以降についての扱う書籍","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2018-04-21T07:05:39.634Z","title":"Amazon.com: Node.js Microservices - Second Edition: Develop, deploy, and scale microservices with Node 8 eBook: Diogo Resende: Kindle Store","url":"https://www.amazon.com/dp/B079SCMR6T/","content":"2018年8月9日発売\nNode.jsのマイクロサービスについての書籍","tags":["JavaScript","node.js","Microservices","book"],"relatedLinks":[]},{"date":"2018-04-22T03:47:33.623Z","title":"Svelte v2 is out!","url":"https://svelte.technology/blog/version-2","content":"Svelte 2リリース。\nテンプレートで`{{}}`ではなく`{}`を採用、マイグレーションツールの公開、Computed propertiesの引数がオブジェクトに、`component.get`の返り値の変更。\nまた`oncreate`/`ondestroy`のライフサイクルを追加など","tags":["JavaScript","ReleaseNote"],"relatedLinks":[]},{"date":"2018-04-22T04:02:55.776Z","title":"sonarwhal is v1 🎉 – sonarwhal – Medium","url":"https://medium.com/sonarwhal/sonarwhal-is-v1-4262a2f887c9","content":"ウェブサイトのLintツールであるsonarwhal 1.0リリース。\n","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2018-04-22T04:27:00.656Z","title":"DasSur.ma – Layers and how to force them","url":"http://dassur.ma/things/forcing-layers/","content":"要素をレイヤー化する方法として`will-change: transform`がある。\nしかし、実際にtransformしていないならば`will-change: opacity`や`backface-visibility: hidden`を使ったほうが良いという話。\n`backface-visibility`の動作についての解説","tags":["CSS","performance","article"],"relatedLinks":[]},{"date":"2018-04-22T04:51:07.439Z","title":"Dependencies Done Right | Yarn Blog","url":"https://yarnpkg.com/blog/2018/04/18/dependencies-done-right/","content":"pacakge.jsonの`dependencies`、`devDependencies`、`peerDependencies`の意味や使い分けについて。\nバージョンの異なるものが混ざると`instanceof`の問題やファイルサイズが増える問題などについて\n","tags":["npm","yarn","article"],"relatedLinks":[]},{"date":"2018-04-22T10:48:51.642Z","title":"NativeScript 4.0 is out! 🎉","url":"https://www.nativescript.org/blog/nativescript-4.0-is-out","content":"NativeScript 4.0リリース","tags":["JavaScript","ReleaseNote","ios","Android"],"relatedLinks":[]},{"date":"2018-04-23T02:43:25.053Z","title":"Node.js v10の変更点まとめ - 技術探し","url":"http://blog.hiroppy.me/entry/node10","content":"Node.js 10で予定される変更点について","tags":["node.js","article"],"relatedLinks":[]},{"date":"2018-04-23T07:56:37.093Z","title":"Underscore.js","url":"http://underscorejs.org/#1.9.0","content":"underscore 1.9.0リリース。\n`_.restArguments`、`_.chunk`、`_.isSymbol`などの追加。\n`_.throttle`と`_.debounce`がcancelできるように、パフォーマンス改善など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-04-23T10:54:51.834Z","title":"aweary/react-copy-write: ✍️ Immutable state with a mutable API","url":"https://github.com/aweary/react-copy-write","content":"immerを使ってmutableな操作でstateを更新できるReact Contextを使ったステート管理ライブラリ。","tags":["React","JavaScript","library"],"relatedLinks":[]},{"date":"2018-04-23T11:01:06.975Z","title":"Traversing the DOM with JavaScript | Zell Liew","url":"https://zellwk.com/blog/dom-traversals/","content":"DOMトラバーサルについての記事。\nDOM APIを使ってどのように要素を取得、辿っていくかについて","tags":["DOM","article"],"relatedLinks":[]},{"date":"2018-04-24T01:17:14.017Z","title":"last 2 versions\" considered harmful","url":"https://jamie.build/last-2-versions","content":"autoprefixerなどで使われるbrowserlistの`last 2 versions`指定では、シェアが0%のブラウザも\"最新の2バージョン\"に含まれてしまう問題について。\n","tags":["article","browser","Tools"],"relatedLinks":[]},{"date":"2018-04-24T02:24:21.491Z","title":"日経電子版を支える広告技術 — HACK The Nikkei","url":"https://hack.nikkei.com/blog/tech_book_fest04_ds_ad_tech/","content":"ウェブサイトのパフォーマンスを劣化させる広告(SDK)とその対策について。 無駄なRTTの削減、ファイルサイズの削減。 メインスレッドで同期処理される`document.write()`対策としてShadow DOMやiframeでの実行やIntersection Observerでの遅延ロードについて。","tags":["JavaScript","article","広告"],"relatedLinks":[]},{"date":"2018-04-24T08:21:20.210Z","title":"npm/CHANGELOG.md at v6.0.0 · npm/npm","url":"https://github.com/npm/npm/blob/v6.0.0/CHANGELOG.md","content":"npm 6.0.0リリース。\n`npm init`で`create-react-app`のようなパッケージを元に初期化できるように、`npm audit`の追加。\nNode.js 4のサポート終了、deprecatedバージョンを可能なら無視するように","tags":["npm","ReleaseNote"],"relatedLinks":[{"title":"Announcing npm@6 – npm, Inc. – Medium","url":"https://medium.com/npm-inc/announcing-npm-6-5d0b1799a905"}]},{"date":"2018-04-24T14:15:30.751Z","title":"TypeScript playground","url":"https://agentcooper.github.io/typescript-play/","content":"TypeScript playgroundツール。\n公式のものに比べてTypeScriptのバージョンが選択でき、オプションも詳細に設定できるなどの違いがある。\nまた、入力毎に共有しやすいパーマネントURLを更新してくれる。","tags":["TypeScript","webservice","Tools","editor"],"relatedLinks":[]},{"date":"2018-04-25T03:18:57.230Z","title":"rxjs/CHANGELOG.md at 6.0.0 · ReactiveX/rxjs","url":"https://github.com/ReactiveX/rxjs/blob/6.0.0/CHANGELOG.md","content":"RxJS 6.0リリース\n","tags":["Rx","JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"RxJS v5.x -&gt; v6 Update Guide - Google ドキュメント","url":"https://docs.google.com/document/d/12nlLt71VLKb-z3YaSGzUfx6mJbc34nsMXtByPUN35cg/edit#heading=h.9gxcyk6xxdc8"}]},{"date":"2018-04-25T03:31:06.755Z","title":"Node v10.0.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v10.0.0/","content":"Node.js 10.0.0リリース。\n10.xは2018年10月にLTSとなる予定。同時にNode-ChakraCoreのプレリリース。\nN-APIがstableに、Assertの変更、V8 6.6への更新、`fs.promises`の追加、`URL`がグローバルへ追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"Release Node.js with ChakraCore (node-chakracore-v10.0.0) · nodejs/node-chakracore","url":"https://github.com/nodejs/node-chakracore/releases/tag/node-chakracore-v10.0.0"}]},{"date":"2018-04-27T06:13:32.754Z","title":"jhiesey/stream-http: Streaming node http in the browser","url":"https://github.com/jhiesey/stream-http","content":"Fetch with streamなどを使ったStream取得HTTPライブラリ。\n非対応のブラウザでは擬似的なStreamを作る","tags":["HTTP","Fetch","library"],"relatedLinks":[]},{"date":"2018-04-27T07:01:54.397Z","title":"Introducing the Microsoft Edge DevTools Preview app - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog","url":"https://blogs.windows.com/msedgedev/2018/04/25/introducing-the-microsoft-edge-devtools-preview-app/","content":"MSEdgeの開発者ツールをベースにした単体のデバッグアプリについて。\nEDP(Edge DevTools Protocol)を使ってブラウザの外部からデバッグができる。\n","tags":["MSEdge","debug","Tools","article"],"relatedLinks":[{"title":"Microsoft Edge DevTools Protocol - Microsoft Edge Development | Microsoft Docs","url":"https://docs.microsoft.com/en-us/microsoft-edge/devtools-protocol/"}]},{"date":"2018-04-27T14:14:41.305Z","title":"xx45/dayjs: ⏰Fast 2KB immutable date library alternative to Moment.js with the same modern API","url":"https://github.com/xx45/dayjs","content":"ファイルサイズの小さな日付操作ライブラリ。\nmoment.jsの一部と似たAPIを持ち、Immutableなライブラリ。","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2018-04-27T14:19:49.536Z","title":"BundlePhobia | cost of adding a npm package","url":"https://bundlephobia.com/scan","content":"package.jsonをアップロードすると依存してるモジュールのファイルサイズ(gzip)などを一覧表示してくれるサービス","tags":["webservice","npm","browser"],"relatedLinks":[]},{"date":"2018-04-27T14:28:10.637Z","title":"A Vue.js App Using Axios With Vuex","url":"https://www.thepolyglotdeveloper.com/2018/04/vuejs-app-using-axios-vuex/","content":"Vue、Vuex、Vue Routerを使ったアプリを作るチュートリアル。","tags":["Vue","article","tutorial"],"relatedLinks":[]},{"date":"2018-04-29T06:40:12.004Z","title":"linkedin/css-blocks: High performance, maintainable stylesheets.","url":"https://github.com/linkedin/css-blocks","content":"CSSのサブセットとして動くCSS in JSのライブラリとツール。\nコンポーネントと紐付けることで、CSSのクラス名なども圧縮や不要なコードを削除などの最適化ができる","tags":["CSS","library"],"relatedLinks":[]},{"date":"2018-04-30T06:13:44.441Z","title":"Visualizing Layers in Web Inspector | WebKit","url":"https://webkit.org/blog/8262/visualizing-layers-in-web-inspector/","content":"SafariのTechnology PreviewにLayer タブが追加された。\nページのレイヤー構造を可視化できるデバッグツール。\nCompositionの問題やコストが高いレイヤーを見つけることができる。","tags":["safari","debug","article"],"relatedLinks":[]},{"date":"2018-04-30T12:34:06.152Z","title":"CKEditor 5 v10.0.0 – the future of rich text editing looks stable","url":"https://ckeditor.com/blog/CKEditor-5-v10.0.0-the-future-of-rich-text-editing-looks-stable/","content":"CKEditor 5 v10.0.0リリース。\n`contentEditable`ベースではなく、DOM構造をオブジェクトモデルで表現するように、プラグインベースなアーキテクチャに変更。\nライセンスがGPL+LGPL+MPLのトリプルライセンスからGPL 2+のみに変更。","tags":["editor","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-05-01T10:42:47.451Z","title":"Hands on Next.js by Christian Nwamba [Leanpub PDF/iPad/Kindle]","url":"https://leanpub.com/hands-on-nextjs","content":"Next.jsについての書籍","tags":["server","book","React"],"relatedLinks":[]},{"date":"2018-05-01T10:50:44.881Z","title":"API documentation - Sinon.JS","url":"http://sinonjs.org/releases/v5.0.1/","content":"SinonJS 5.0.1リリース。\n`sinon.replace`や`sinon.fake`の追加、`sinon`オブジェクトがデフォルトでsandboxに変更、ES5をサポートしてない実行環境はshimが必要になるなど","tags":["JavaScript","testing","library","ReleaseNote"],"relatedLinks":[{"title":"sinon/History.md at master · sinonjs/sinon","url":"https://github.com/sinonjs/sinon/blob/master/History.md#501--2018-04-27"},{"title":"New API: default sandbox and fake by mroderick · Pull Request #1586 · sinonjs/sinon","url":"https://github.com/sinonjs/sinon/pull/1586"}]},{"date":"2018-05-01T11:07:24.182Z","title":"祝Node-v10リリース これまでのNodeの振り返り // Speaker Deck","url":"https://speakerdeck.com/shigeki/zhu-node-v10ririsu-koremadefalsenodefalsezhen-rifan-ri","content":"Node.js 10での変更点についてのスライド。\nV8の更新。`for await...of`とStreamの対応、`Error.code`の変更、`EventEmitter#off`の追加、`fs/promises`の追加、`assert.strict`の追加など","tags":["node.js","slide"],"relatedLinks":[]},{"date":"2018-05-02T02:43:49.225Z","title":"Release electron v2.0.0 · electron/electron","url":"https://github.com/electron/electron/releases/tag/v2.0.0","content":"Electron 2.0.0リリース。\nChrome 61、Node.js 8.9、V8 6.1への更新。\n`menu.popup`のシグネチャーの変更、deprecatedなAPIを削除など","tags":["Electron","ReleaseNote"],"relatedLinks":[]},{"date":"2018-05-02T03:10:21.664Z","title":"Chromium Blog: Chrome 67 Beta: WebXR Origin Trial, Generic Sensors","url":"https://blog.chromium.org/2018/04/chrome-67-beta-webxr-origin-trial.html","content":"Chrome 67βリリース。\nGeneric Sensor API、WebXR Device APIのorigin trialの開始。\nBigIntの実装、TransformStreamの実装、Client Hintの`Accept-CH-Lifetime`の対応など","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Chrome Platform Status","url":"https://www.chromestatus.com/features#milestone%3D67"},{"title":"Accept-CH-Lifetime support for requesting client hints - Chrome Platform Status","url":"https://www.chromestatus.com/feature/5713139295322112"}]},{"date":"2018-05-02T03:15:54.522Z","title":"BigInt: arbitrary-precision integers in JavaScript  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/05/bigint","content":"Chrome 67で実装された`BitInt`についての解説。\n`Number`とは異なり任意精度の整数を扱える新しいプリミティブ値。\nリテラル表現、typeofの結果、演算子での動き、BigIntとNumberでの演算は`TypeError`になる点などについて","tags":["Chrome","JavaScript","ECMAScript","article"],"relatedLinks":[{"title":"JavaScriptの任意精度整数: BigInt vs big-integer - Qiita","url":"https://qiita.com/shimataro999/items/ec6fb9e2601cb6e97b82"}]},{"date":"2018-05-03T15:58:44.771Z","title":"What’s new in Microsoft Edge in the Windows 10 April 2018 Update - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog","url":"https://blogs.windows.com/msedgedev/2018/04/30/edgehtml-17-april-2018-update/","content":"Windows 10 April 2018 UpdateにおけるMSEdgeの変更について。\n","tags":["MSEdge","article"],"relatedLinks":[]},{"date":"2018-05-04T03:36:03.190Z","title":"Introducing Dojo 2.0! | Dojo","url":"https://dojo.io/blog/2018/05/02/2018-05-02-Dojo2-0-0-release/","content":"Dojo 2.0リリース。\nTypeScriptベースとなり、Virtual DOMを実装しているWidgetsクラスベースのUIシステムを持つ。\nEjectableなdojo/cliを持ちセットアップやデプロイなどを簡単に扱えるようにしている。","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-05-04T11:23:01.973Z","title":"ds300/patch-package: Fix broken node modules with no fuss 📦👌","url":"https://github.com/ds300/patch-package","content":"npmで配布されているモジュールに対してインストール時にpatchを当てるツール。","tags":["npm","library","Tools"],"relatedLinks":[]},{"date":"2018-05-05T12:27:54.319Z","title":"Oblosys/react-lifecycle-visualizer: Real-time visualizer for React lifecycle methods","url":"https://github.com/Oblosys/react-lifecycle-visualizer","content":"Reactのライフサイクルイベントを可視化するライブラリ。\nHOCとして動作する","tags":["React","library"],"relatedLinks":[]},{"date":"2018-05-05T13:37:12.486Z","title":"parcel/changelog.md at master · parcel-bundler/parcel","url":"https://github.com/parcel-bundler/parcel/blob/master/changelog.md#180---2018-05-03","content":"Parcel 1.8.0リリース。\n複数のエントリポイントのサポート、モジュールをUMDとしてexportするように、デフォルトのbrowserlistを`> 0.25`に変更など","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2018-05-05T14:45:31.573Z","title":"BlinkOn9: Lightning Talks! - Google スプレッドシート","url":"https://docs.google.com/spreadsheets/d/1DovPnWWSXuG8PRyN-HT7R9gZ4PLihly5ZepqZJ3vmAc/edit#gid=0","content":"BlinkOn9の動画やスライドまとめ","tags":["blink","V8","Chrome","Conference"],"relatedLinks":[]},{"date":"2018-05-05T15:33:04.995Z","title":"Version 6 of Angular Now Available – Angular Blog","url":"https://blog.angular.io/version-6-of-angular-now-available-cc56b0efa7a4","content":"Angular 6.0.0リリース。LTSとなるバージョン。\nCLIに`ng update`/`ng add`コマンドの追加、Angular Elements、Treeshakable Providerなど。\n破壊的な変更としてCLI設定ファイル名が`angular.json`に変更、RxJS 6へ更新など","tags":["Angular","ReleaseNote"],"relatedLinks":[{"title":"angular/CHANGELOG.md at master · angular/angular","url":"https://github.com/angular/angular/blob/master/CHANGELOG.md#600-2018-05-03"},{"title":"Releases · angular/angular-cli","url":"https://github.com/angular/angular-cli/releases"},{"title":"Angular - Angular versioning and releases","url":"https://angular.io/guide/releases"}]},{"date":"2018-05-06T00:41:32.877Z","title":"The Ember.js Way (Developer's Library): Brian Cardarella, Alex Navasardyan: 9780321994530: Amazon.com: Books","url":"https://www.amazon.com/dp/0321994531/","content":"2019年2月26日発売\nEmber.jsについての書籍","tags":["Ember","book"],"relatedLinks":[]},{"date":"2018-05-06T14:30:31.368Z","title":"Advanced React Patterns","url":"https://frontendmasters.com/courses/advanced-react-patterns/","content":"ReactのRender Props、State管理、Provider/Combiningパターンについての動画講座","tags":["React","video","tutorial"],"relatedLinks":[]},{"date":"2018-05-07T14:00:55.560Z","title":"Release v4.8.0 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v4.8.0","content":"webpack 4.8.0リリース。\nWebAssemblyで可能なら`instantiateStreaming`を利用するように","tags":["webpack","ReleaseNote"],"relatedLinks":[]},{"date":"2018-05-07T14:12:20.777Z","title":"<link rel=”prefetch/preload”> in webpack – webpack – Medium","url":"https://medium.com/webpack/link-rel-prefetch-preload-in-webpack-51a52358f84c","content":"webpack 4.6.0でサポートされた `import(/* webpackPrefetch: true */ \"module\")`について。\nchunkとprefetch/preloadの制御を行うマジックコメント","tags":["webpack","article","performance"],"relatedLinks":[]},{"date":"2018-05-07T14:48:09.902Z","title":"WebAssembly 開発環境構築の本 | WebAssembly 開発環境構築の本","url":"https://wasm-dev-book.netlify.com/","content":"WebAssemblyについての電子書籍。\nWebAssemblyの開発環境やRust、TypeScriptとの連携方法についてなど","tags":["WebAssembly","book"],"relatedLinks":[{"title":"WebAssembly 開発環境構築の本を公開しました - mizdra's blog","url":"http://www.mizdra.net/entry/2018/05/07/080000"}]},{"date":"2018-05-07T14:51:27.399Z","title":"sindresorhus/ow: Function argument validation for humans","url":"https://github.com/sindresorhus/ow","content":"関数の引数をバリデーションする関数を作成するライブラリ。\nエラーメッセージが英語として読めるような物が出力される","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2018-05-07T14:53:16.650Z","title":"phoboslab/Impact: HTML5 Game Engine","url":"https://github.com/phoboslab/Impact","content":"ゲームエンジンImpactjsのソースコードが公開された","tags":["JavaScript","game","library","news"],"relatedLinks":[{"title":"Impact - HTML5 Canvas & JavaScript Game Engine","url":"http://impactjs.com/"}]},{"date":"2018-05-08T01:32:50.147Z","title":"recomposeではじめるReact Higher-order Components(HoCs) - Qiita","url":"https://qiita.com/locol23/items/ad9c7553176c239f0b15","content":"recomposeが提供するAPIについての解説。","tags":["React","article","library"],"relatedLinks":[]},{"date":"2018-05-09T06:42:27.025Z","title":"Google I/O 2018 - All Sessions - YouTube - YouTube","url":"http://www.youtube.com/playlist?list=PLOU2XLYxmsIInFRc3M44HUTQc3b_YJ4-Y","content":"Google I/O 2018の動画まとめ","tags":["google","video"],"relatedLinks":[]},{"date":"2018-05-09T15:07:41.616Z","title":"TSConf 2018 - YouTube - YouTube","url":"https://www.youtube.com/playlist?list=PL2z7rCjEG2ksF0rJ8Qwp1y5eTjqiPIRfT","content":"TSCong 2018の動画まとめ","tags":["TypeScript","Conference","video"],"relatedLinks":[{"title":"TSConf 2018 | Seattle","url":"https://tsconf.io/"}]},{"date":"2018-05-15T01:31:17.009Z","title":"The Front-End Tooling Survey 2018 - Results - AshleyNolan.co.uk - Blog and Portfolio for Ashley Nolan","url":"https://ashleynolan.co.uk/blog/frontend-tooling-survey-2018-results","content":"JavaScript、CSS、ツールなどについての開発者アンケート。 利用言語、ライブラリ、Lint、テスト、bundlerなどについて項目ごとのアンケート結果が公開されている","tags":["CSS","JavaScript","Tools","アンケート","news"],"relatedLinks":[]},{"date":"2018-05-10T00:58:35.290Z","title":"Node v10.1.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v10.1.0/","content":"Node v10.1.0リリース。\n`require(\"fs/promises\")`が`require(\"fs\").promises`に変更、`request.aborted`プロパティの追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2018-05-10T09:43:15.834Z","title":"Using Lighthouse To Improve Page Load Performance  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/05/lighthouse","content":"Lighthouseによって検出できるページロードパフォーマンスの問題について。\npreloadした方がいいリソースの表示、JavaScriptのパースと実装の時間表示、リダイレクト検出、利用してないコード量の表示、preconnectによるRTTのコストの削減予測など","tags":["JavaScript","Tools","performance","article"],"relatedLinks":[]},{"date":"2018-05-15T01:26:43.501Z","title":"Announcing Lighthouse 3.0  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/05/lighthouse3","content":"Lighthouse 3.0プレリリース。 レポートUIの変更、それぞれのスコアのWeightの変更、First Contentful Paintの追加、RTTのコスト表示の追加など。 その他の変更点としてFirst InteractiveをFirst CPU Idleに名前の変更など","tags":["JavaScript","ReleaseNote","Tools","performance"],"relatedLinks":[]},{"date":"2018-05-10T09:54:14.482Z","title":"Firefox — Notes (60.0) — Mozilla","url":"https://www.mozilla.org/en-US/firefox/60.0/releasenotes/","content":"Firefox 60.0リリース。\nES Modulesの有効化、`Array#values`の有効化、Web Authentication APIのサポート、WebVR APIがmacOSで有効化。\nまたESRのバージョンが60へ更新など。","tags":["firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 60 – Modules and More – Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2018/05/firefox-60-modules-and-more/"},{"title":"Firefox 60 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/ja/Firefox/Releases/60"}]},{"date":"2018-05-12T15:57:00.196Z","title":"The npm Blog — `npm audit`: identify and fix insecure...","url":"https://blog.npmjs.org/post/173719309445/npm-audit-identify-and-fix-insecure","content":"npm 6で入ったセキュリティチェックをする`npm audit`コマンドについての解説","tags":["npm","article"],"relatedLinks":[]},{"date":"2018-05-12T16:05:46.487Z","title":"jspm.io - Native ES Modules CDN","url":"https://jspm.io/","content":"npmモジュールをES moduleとしてロードできるようにしてくれるCDNサービス。\nCommonJSなモジュールはES moduleとして読み込めるように変換される。","tags":["JavaScript","library","webservice"],"relatedLinks":[]},{"date":"2018-05-13T03:38:29.976Z","title":"Video.js 7 is here! 🎉 | Video.js Blog","url":"http://blog.videojs.com/video-js-7-is-here/","content":"Video.js 7リリース。\nVideo.js HTTP Streaming (VHS)プラグインでHLSとDASHを試験的にサポート。\n古いブラウザサポートのコードを削除、オプトアウトだったGoogle ANalyticsの収集を終了など","tags":["JavaScript","video","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-05-13T03:42:18.885Z","title":"Introducing the Microsoft Edge DevTools Protocol - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog","url":"https://blogs.windows.com/msedgedev/2018/05/11/introducing-edge-devtools-protocol/#0b7zCRAl1ApIqZ6D.97","content":"リモートデバッグができるMicrosoft Edge DevTools Protocolの解説。","tags":["MSEdge","article","debug"],"relatedLinks":[]},{"date":"2018-05-13T06:47:24.621Z","title":"Release v1.0.0 · webpack-contrib/webpack-serve","url":"https://github.com/webpack-contrib/webpack-serve/releases/tag/v1.0.0","content":"webpack-serve 1.0.0リリース。\n`webpack-dev-server`の後継となるwebpack向けの開発サーバ","tags":["webpack","debug","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-05-13T07:00:54.198Z","title":"Release v0.72.0 · facebook/flow","url":"https://github.com/facebook/flow/releases/tag/v0.72.0","content":"flow 0.72.0リリース。\n`$Either<T>`, `$All<T>`, `$Type<T>`の廃止。\nLanguage Server Protocolの改善、Stage 1のnullish coalescingをサポートなど","tags":["flowtype","ReleaseNote"],"relatedLinks":[]},{"date":"2018-05-13T10:04:50.612Z","title":"isomorphic-git/isomorphic-git: A pure JavaScript implementation of git for node and browsers!","url":"https://github.com/isomorphic-git/isomorphic-git","content":"Pure JavaScriptなGitの実装ライブラリ。\nNode.jsとブラウザで動作する","tags":["JavaScript","git","library"],"relatedLinks":[]},{"date":"2018-05-14T11:10:39.907Z","title":"What's new in Chrome DevTools (Google I/O '18) - YouTube","url":"https://www.youtube.com/watch?v=mfuE53x4b3k&feature=youtu.be","content":"Chromeの開発者ツールの新しい機能について。\n非同期処理やWorkerでのブレークポイントの改善、検索機能の改善、LightHouseのアップデートとView Traceのデモ、コンソールのEaget Evaluationのデモなど","tags":["Chrome","debug","video"],"relatedLinks":[]},{"date":"2018-05-14T11:40:40.805Z","title":"Nest - A progressive Node.js web framework","url":"https://nestjs.com/","content":"Node.jsのウェブフレームワーク。\nTypeScriptで書かれていて、AngularのようにDecoratorを使った宣言的な記述を行う。","tags":["node.js","library","TypeScript"],"relatedLinks":[]},{"date":"2018-05-15T00:05:36.647Z","title":"実践PWA：光る電卓「Llumino PWA」の開発と技術解説 - ここぽんのーと","url":"https://cocopon.me/blog/2018/05/pwa-llumino-dev/","content":"ネイティブアプリだったものをPWAで再現する話。\nCSSアニメーション、Service Worker、Web App Manifest、インタラクションについて","tags":["PWA","JavaScript","article"],"relatedLinks":[]},{"date":"2018-05-15T01:18:02.849Z","title":"jorgebucaran/classcat: JavaScript function for conditionally concatenating CSS classes.","url":"https://github.com/jorgebucaran/classcat","content":"CSSのクラス名文字列を結合したり、条件付きで消したりするライブラリ。","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2018-05-17T01:14:24.997Z","title":"New in Firefox 61: Developer Edition – Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2018/05/new-in-firefox-61-developer-edition/","content":"Firefox 61 Developer Editionの変更点について。\n開発者ツールの改善、Source Mapの対応改善、HARファイルのimport/export、アクセシビリティインスペクタの追加など。","tags":["firefox","ReleaseNote"],"relatedLinks":[]},{"date":"2018-05-18T02:30:28.427Z","title":"sloria/local-repl: 🐚 Project-specific configuration for the Node.js REPL","url":"https://github.com/sloria/local-repl","content":"Node.jsでプロジェクト毎にaliasや依存などを指定できるREPL","tags":["node.js","Tools"],"relatedLinks":[]},{"date":"2018-05-18T02:46:36.640Z","title":"TestCafe v0.20.0 Released | TestCafe","url":"http://devexpress.github.io/testcafe/blog/testcafe-v0-20-0-released.html","content":"TestCafe v0.20.0リリース。\nHTTPリクエスト、レスポンスのhookを行えるように。\nproxyを無視できるパターンを指定できるようになるなど","tags":["JavaScript","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2018-05-18T02:59:00.562Z","title":"Announcing TypeScript 2.9 RC | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2018/05/16/announcing-typescript-2-9-rc/","content":"TypeScript 2.9 RCリリース。\n`keyof`がSymbolとnumberに対応、`import(path)` typeのサポート、`import.meta`のサポート、JSXのgenericsをサポートなど","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2018-05-18T13:39:26.458Z","title":"saadq/lynt: ✨ A zero config JavaScript linter with support for Typescript, Flow, and React.","url":"https://github.com/saadq/lynt","content":"設定なしに使えることを目的としたLintツール。\nESLintやTSLintを使いopinionatedなLintを行う。\nスタイルに関するルールは含めずにエラーに関するものだけに限定している。","tags":["JavaScript","Tools","TypeScript","React","flowtype"],"relatedLinks":[]},{"date":"2018-05-18T13:58:17.854Z","title":"ZEIT – Next.js 6 and Nextjs.org","url":"https://zeit.co/blog/next6","content":"Next.js 6リリース。\n`_app.js`でアプリのライフサイクルなどに対して拡張できるように、Babel 7(RC)にアップデート、`@babel/preset-typescript`を使ってTypeScriptをサポートなど","tags":["node.js","JavaScript","React","ReleaseNote"],"relatedLinks":[]},{"date":"2018-05-18T14:49:54.882Z","title":"Storybook vs Styleguidist – Chroma","url":"https://blog.hichroma.com/storybook-vs-styleguidist-2bd93d6dcc06","content":"StorybookとStyleguidistの違い、どのようなときに使うのかについて","tags":["JavaScript","React","article"],"relatedLinks":[]},{"date":"2018-05-19T15:48:39.468Z","title":"Native JavaScript modules by Serg Hospodarets","url":"https://slides.com/malyw/native-js-modules#/","content":"ES modulesについてのスライド。\nAMD、CommonJSなどとの比較、`<script type=module>`がDeferred by defaultであることやmoduleの動作について。\nまた循環参照の対応、パスの扱い、Dynamic import、パフォーマンスやテストなどについて","tags":["JavaScript","module","slide"],"relatedLinks":[]},{"date":"2018-05-20T06:30:39.454Z","title":"home","url":"https://layerjs.org/","content":"`Stage`と`Frame`の属性を付けた要素を元にレイヤーを作り、トランジションなどの遷移アニメーションを表現するライブラリ。","tags":["JavaScript","library","HTML","animation"],"relatedLinks":[]},{"date":"2018-05-20T14:11:30.400Z","title":"Type-Safe Object Merging in TypeScript 2.8","url":"https://spin.atomicobject.com/2018/05/14/type-safe-object-merging-2-8/","content":"TypeScript 2.8のConditional Typeを使ったType Safeなオブジェクトマージについて","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2018-05-20T14:17:05.854Z","title":"planttheidea/fast-copy: A blazing fast deep object copier","url":"https://github.com/planttheidea/fast-copy","content":"オブジェクトのdeep copyを行うライブラリ。","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2018-05-20T14:19:33.868Z","title":"Manning | Data Wrangling with JavaScript","url":"https://www.manning.com/books/data-wrangling-with-javascript?a_aid=datawranglingwithjavascript&a_bid=acc654f9","content":"JavaScriptを使ったデータラングリング(データ処理)についての書籍","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2018-05-20T23:59:47.034Z","title":"Release v5.2.0 · mochajs/mocha","url":"https://github.com/mochajs/mocha/releases/tag/v5.2.0","content":"Mocha 5.2.0リリース。\n`mocha.opts`にコメントがかけるように、APIドキュメントの更新など","tags":["JavaScript","testing","ReleaseNote"],"relatedLinks":[{"title":"Home - Documentation","url":"https://mochajs.org/api/"}]},{"date":"2018-05-21T10:37:47.731Z","title":"Release 3.0.0-beta.1 - 2018.05.20 · zloirock/core-js","url":"https://github.com/zloirock/core-js/releases/tag/v3.0.0-beta.1","content":"core-js 3.0.0 β1リリース。\nProposalである`Object.fromEntries`、`Map`や`Set`のコレクションメソッドの実装など。\nあわせてwithdrawされたProposalの実装を削除。\nまたいくつかのブラウザバージョンでのバグに対処など","tags":["JavaScript","library","polyfill","ReleaseNote"],"relatedLinks":[{"title":"core-js@3 by zloirock · Pull Request #325 · zloirock/core-js","url":"https://github.com/zloirock/core-js/pull/325"}]},{"date":"2018-05-21T10:44:29.938Z","title":"Data-Forge","url":"http://www.data-forge-js.com/","content":"CSVやJSONなどのデータの読み込み、加工、集約、整形などを行うライブラリ。\nLINQとPandasをインスパイアして作成されていて、メソッドチェーン(内部的にIterator)で処理を書ける。","tags":["JavaScript","library"],"relatedLinks":[{"title":"Manning | Data Wrangling with JavaScript","url":"https://www.manning.com/books/data-wrangling-with-javascript?a_aid=datawranglingwithjavascript&a_bid=acc654f9"}]},{"date":"2018-05-21T16:01:16.471Z","title":"Pro Vue.js 2: Adam Freeman: 9781484238042: Amazon.com: Books","url":"https://www.amazon.com/dp/1484238044/","content":"2019年1月17日発売\nVueについての書籍","tags":["Vue","JavaScript","book"],"relatedLinks":[]},{"date":"2018-05-21T23:09:41.696Z","title":"rsuite/rsuite: A suite of React components .","url":"https://github.com/rsuite/rsuite","content":"Reactを使ったUIコンポーネント集ライブラリ","tags":["React","UI","library"],"relatedLinks":[]},{"date":"2018-05-21T23:40:38.796Z","title":"Chromium Blog: Evolving Chrome's security indicators","url":"https://blog.chromium.org/2018/05/evolving-chromes-security-indicators.html","content":"ChromeのHTTPSとHTTPのURLバーの表示の変更予定について。\nHTTPSはデフォルトになっていくため\"Secure\"ラベルを外していき、\nHTTPの方が例外的なものとして\"Not Secure\"というラベルをつけるという方針について。","tags":["Chrome","HTTPS","HTTP","security"],"relatedLinks":[]},{"date":"2018-05-23T11:16:03.512Z","title":"GoogleChromeLabs/audioworklet-polyfill: 🔊 Polyfill AudioWorklet using the legacy ScriptProcessor API.","url":"https://github.com/GoogleChromeLabs/audioworklet-polyfill","content":"AudioWorkletのpolyfill","tags":["JavaScript","audio","library"],"relatedLinks":[]},{"date":"2018-05-23T11:20:53.425Z","title":"Vuesax","url":"https://lusaxweb.github.io/vuesax/","content":"VueコンポーネントのUIフレームワーク","tags":["Vue","library"],"relatedLinks":[]},{"date":"2018-05-24T01:45:19.367Z","title":"React v16.4.0: Pointer Events - React Blog","url":"https://reactjs.org/blog/2018/05/23/react-v-16-4.html","content":"React 16.4リリース。\n`getDerivedStateFromProps`のバグ修正、Pointer Eventsのサポート。\n試験的に`<Profiler />`のサポート、また実験的実装だったReact Call Returnを削除など","tags":["React","ReleaseNote"],"relatedLinks":[]},{"date":"2018-05-24T05:26:18.461Z","title":"jsdom/Changelog.md at 11.11.0 · jsdom/jsdom","url":"https://github.com/jsdom/jsdom/blob/11.11.0/Changelog.md","content":"jsdom 11.11.0リリース。\n`Node#getRootNode`メソッドの追加、`whatwg-url`のアップデートなど","tags":["JavaScript","DOM","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-05-24T11:15:47.507Z","title":"Node v10.2.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v10.2.0/","content":"Node.js 10.2.0リリース。\n`assert.throws`の第2引数のバリデーションオブジェクトに正規表現を指定できるように。\nCore APIのモジュールがnamed exportされるようになりES moduleからはnamed importできるようになるなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2018-05-25T12:05:33.082Z","title":"Ameba Accessibility Guidelines","url":"https://openameba.github.io/a11y-guidelines/","content":"Amebaのアクセシビリティガイドライン。\n項目ごとにWCAG 2.0との対応項目、悪い実装例、良い実装例が書かれている","tags":["accessibility","document"],"relatedLinks":[]},{"date":"2018-05-26T03:02:23.970Z","title":"Wired Elements","url":"https://wiredjs.com/","content":"Web Componentsとして実装されている手書き風のUIコンポーネントライブラリ","tags":["JavaScript","UI","WebComponents","library"],"relatedLinks":[]},{"date":"2018-05-27T08:56:29.302Z","title":"ReactEurope 2018 - Day 1 - YouTube - YouTube","url":"https://www.youtube.com/playlist?list=PLCC436JpVnK3xH_ArpIjdkYDGwWNkVa73","content":"ReactEurope 2018の動画まとめ\n","tags":["React","Conference","video"],"relatedLinks":[{"title":"ReactEurope 2018 - Day 2 - YouTube - YouTube","url":"https://www.youtube.com/playlist?list=PLCC436JpVnK1X7atG6EIz467Evs4TMX_5"}]},{"date":"2018-05-27T09:08:16.246Z","title":"JavaScriptのStreams APIで細切れのデータを読み書きする","url":"https://sbfl.net/blog/2018/05/26/javascript-streams-api/","content":"WHATWG Stream APIについて。\nReadable Stream、TransformStream、WritableStreamの使い方や繋げ方について","tags":["stream","JavaScript","DOM","article"],"relatedLinks":[]},{"date":"2018-05-27T09:11:38.026Z","title":"What's New In DevTools (Chrome 68)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/05/devtools","content":"Chrome 68の開発者ツールの変更点について。\nEaget Evaluation、補完の改善、Lighthouse 3.0への更新、\"Add property path wo wath\"の追加など","tags":["Chrome","debug","article"],"relatedLinks":[]},{"date":"2018-05-27T09:35:47.901Z","title":"trekhleb/javascript-algorithms: Algorithms and data structures implemented in JavaScript with explanations and links to further readings","url":"https://github.com/trekhleb/javascript-algorithms","content":"JavaScriptで様々なデータ構造/探索アルゴリズムを実装しているリポジトリ。","tags":["JavaScript","algorithm","library"],"relatedLinks":[]},{"date":"2018-05-27T10:15:20.832Z","title":"PWA Beginners 勉強会 #4 A2HSのちょっと深い話v2","url":"https://www.slideshare.net/MasahikoJinno2/pwa-beginners-4-a2hsv2","content":"Add to HomeScreenについてのスライド。\n対応方法、App Install Bannersの制御やユースケースについて。\nまたAndroid/Chromeでの動作とiOS/Safariでの動作の違いなどについて","tags":["ios","Android","Chrome","slide","PWA"],"relatedLinks":[]},{"date":"2018-05-27T10:23:32.908Z","title":"Web最新技術がてんこ盛りのreact-native-domから目が離せない - ナカザンドットネット","url":"http://blog.nkzn.info/entry/2018/05/26/020312","content":"React Native DOMというReact NativeをWebにPortするライブラリについての解説。\nどのような仕組みでReact NativeのものをWebにPortしているかについて","tags":["React","DOM","article"],"relatedLinks":[{"title":"vincentriemer/react-native-dom: An experimental, comprehensive port of React Native to the web.","url":"https://github.com/vincentriemer/react-native-dom"}]},{"date":"2018-05-27T10:37:31.649Z","title":"Drupal JavaScript Initiative: The Road to a Modern Administration UI | Lullabot","url":"https://www.lullabot.com/articles/drupal-javascript-initiative-the-road-to-a-modern-administration-ui","content":"DrupalはjQueryをコアに採用していたが、モダンなJavaScriptの仕組みを取り込むためにReactを採用することにした。\nこの決定をするために管理画面のプロトタイプを作成し、どのようなことを学び、課題を見つけたかについて。またフォームの問題についてなど","tags":["JavaScript","React","server","library","article","CMS"],"relatedLinks":[{"title":"jsdrupal/drupal-admin-ui: v fancy ⬅️✌️➡️","url":"https://github.com/jsdrupal/drupal-admin-ui"}]},{"date":"2018-05-28T01:01:01.506Z","title":"ECMAScript proposal updates at 2018-05 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2018/05/28/ecmascript-proposal-updates","content":"2018年5月に行われたTC39ミーティング結果のECMAScript ProposalのStatus変更点まとめ。\nOptional `catch`、JSON supersetがStage 4となった。","tags":["ECMAScript","proposal","news"],"relatedLinks":[]},{"date":"2018-05-28T13:17:27.292Z","title":"Prettier 1.13: Conquering the web! · Prettier","url":"https://prettier.io/blog/2018/05/27/1.13.0.html","content":"Prettier 1.13リリース。\nブラウザで動作するように、TypeScritp 2.9のサポート。\n`JSON.stringify`スタイルのフォーマットをサポートし`pacakge.json`とnpm/yarnとの整形の互換性を向上など","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2018-05-28T13:20:06.162Z","title":"vladocar/flexy: Flexy is minimal CSS framework made with Flex","url":"https://github.com/vladocar/flexy","content":"Flexboxを使った小さなレイアウトフレームワーク。\nカラムレイアウトをクラス名で指定できる。","tags":["CSS","library"],"relatedLinks":[]},{"date":"2018-05-28T15:02:15.218Z","title":"Assert(js) Conf 2018 - YouTube - YouTube","url":"https://www.youtube.com/playlist?list=PLZ66c9_z3umNSrKSb5cmpxdXZcIPNvKGw","content":"Assert(JS)カンファレンスの動画まとめ","tags":["JavaScript","testing","video"],"relatedLinks":[{"title":"Assert(js)","url":"https://www.assertjs.com/"}]},{"date":"2018-05-29T01:14:33.307Z","title":"popcodeorg/popcode: An HTML/CSS/JavaScript editor for use in the classroom","url":"https://github.com/popcodeorg/popcode","content":"JSFiddleのようなエディタ環境ウェブアプリ","tags":["HTML","CSS","JavaScript","Tools","editor"],"relatedLinks":[]},{"date":"2018-05-29T01:17:19.574Z","title":"ronami/minipack: 📦 A simplified example of a modern module bundler written in JavaScript","url":"https://github.com/ronami/minipack","content":"JavaScriptパーサを使った小さなbundlerの実装サンプル。\nどのようにbundlerを実装するかがコメント付きで紹介されている。","tags":["JavaScript","AST","example"],"relatedLinks":[{"title":"Build your own bundler by Ronen Amiel","url":"https://slides.com/ronenamiel/build-your-own-bundler-10-13#/"}]},{"date":"2018-05-29T01:24:49.403Z","title":"Release v4.10.0 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v4.10.0","content":"webpack v4.10.0リリース。\nWebAssemblyのTree SHakingをサポート(Dead Code Eliminationは未実装)、wasmのruntimeのファイルサイズを軽量化など","tags":["JavaScript","bundler","webpack","ReleaseNote"],"relatedLinks":[]},{"date":"2018-05-29T01:27:53.173Z","title":"xtuc/webassemblyjs: Toolchain for WebAssembly","url":"https://github.com/xtuc/webassemblyjs","content":"WebAssemblyのAST Toolchain。 Parser、Traverser、Printer、AST編集のヘルパー、整形ツールなどを揃えたmonorepo","tags":["AST","JavaScript","WebAssembly","library"],"relatedLinks":[]},{"date":"2018-05-29T01:33:02.635Z","title":"js-primer(JavaScript入門本)がオフラインで読めるようになりました | Web Scratch","url":"https://efcl.info/2018/05/25/js-primer-offline/","content":"js-primerがworkboxを使ってオフラインでも読めるようになった。 同じオフラインでもpdfやepubと違って内容が更新されれば、自動的に最新版を見られる。","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2018-05-29T01:40:43.412Z","title":"ブラウザのネットワークエラーをレポートさせるNetwork Error Loggingが来た - ASnoKaze blog","url":"https://asnokaze.hatenablog.com/entry/2018/05/28/210830","content":"Chrome開発版で実装されたNetwork Error Loggingについて。\nネットワークエラーが発生したときに指定したエンドポイントでレポートを送ることができる仕組み。\nDNSやTCP、TLSなどについてのエラーをクライアントから送信できる","tags":["Chrome","debug","network","article"],"relatedLinks":[]},{"date":"2018-05-29T23:44:51.724Z","title":"alangpierce/sucrase: Super-fast alternative to Babel for when you can target modern JS runtimes","url":"https://github.com/alangpierce/sucrase","content":"BabelのParserをforkして作られたJSX/Flow/TypeScriptなどをJSに変換するツール。\nES2015+が動く実行環境向けへコードを変換する際に、それ以外(JSX/Flow/TypeScript)の変換を高速に行うことが目的。\nBabelとは異なりプラグインのステップを省くことで変換速度を向上させている。","tags":["babel","jsx","flowtype","TypeScript","Tools"],"relatedLinks":[]},{"date":"2018-05-31T06:34:46.788Z","title":"New in Chrome 67  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/05/nic67","content":"Chrome 67リリース。\nDesktop PWA、Generic Sensor API、`BigInt`のサポート、開発者ツールの更新など","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2018-05-31T12:57:33.748Z","title":"hybridsjs/hybrids: UI library for creating Web Components with simple and functional API","url":"https://github.com/hybridsjs/hybrids/","content":"`lit-html`のようにCustom Elementを作成できる`html`や`define`などを提供するライブラリ。","tags":["WebComponents","library"],"relatedLinks":[]},{"date":"2018-05-31T14:29:49.574Z","title":"GoogleChromeLabs/critters: 🦔 A Webpack plugin to inline your critical CSS and lazy-load the rest.","url":"https://github.com/GoogleChromeLabs/critters","content":"クリティカルCSSのインライン化、外部ファイルのlazy loadとprefetchの対応を行うwebpack plugin。\n","tags":["webpack","plugin","performance"],"relatedLinks":[]},{"date":"2018-05-31T23:01:24.234Z","title":"Announcing TypeScript 2.9 | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2018/05/31/announcing-typescript-2-9/","content":"TypeScript 2.9リリース。\n`import()` typeの追加、JSONファイルをimportしたときに型推論がされるように、Tagged Template Stringの型改善など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"TypeScript 2.9 変更点 - Qiita","url":"https://qiita.com/utatti/items/9f6c60f11620f7df50c0"},{"title":"TypeScript 2.9.1 変更点 - Qiita","url":"https://qiita.com/vvakame/items/0b22e5e34023e4c5d074"}]},{"date":"2018-06-01T14:49:25.533Z","title":"Release 1.0.0-beta.5 · avajs/ava","url":"https://github.com/avajs/ava/releases/tag/v1.0.0-beta.5","content":"AVA 1.0.0-beta.5リリース。\n`ava.config.js`の設定ファイルのサポート、`t.throws`で`code`プロパティをサポートなど","tags":["JavaScript","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2018-06-02T23:06:50.216Z","title":"Release 8.6 “Follow Reason” · postcss/autoprefixer","url":"https://github.com/postcss/autoprefixer/releases/tag/8.6.0","content":"Autoprefixer 8.6リリース。\nCSS Gridの`gap`をサポートなど","tags":["CSS","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2018-06-02T23:27:55.235Z","title":"Testing Vue.js Applications: Edd Yerburgh: 9781617295249: Amazon.com: Books","url":"https://www.amazon.com/dp/1617295248/","content":"2018年8月31日発売。\nVue.jsのテスト本。","tags":["Vue","testing","book","JavaScript"],"relatedLinks":[]},{"date":"2018-06-03T02:48:24.124Z","title":"Release Notes for Safari Technology Preview 57 | WebKit","url":"https://webkit.org/blog/8307/release-notes-for-safari-technology-preview-57/","content":"Safari Technology Preview Release 57リリース。\nクロスオリジンWindow間でのアクセスを制限できる`Cross-Origin-Options` HTTPヘッダの試験的サポート、modern EME APIをデフォルトで有効化など。","tags":["webkit","ReleaseNote"],"relatedLinks":[]},{"date":"2018-06-03T23:12:46.503Z","title":"JavaScript engines: The Good Parts™ // slidr.io","url":"https://slidr.io/mathiasbynens/javascript-engines-the-good-parts#1","content":"JavaScriptエンジンの最適化パスについてのスライド。\nV8、Spidermonkey、Chackra、JavaScriptCoreそれぞれの最適化パスの流れやShapeと最適化が崩れるパターンについて","tags":["JavaScript","slide"],"relatedLinks":[]},{"date":"2018-06-04T01:22:07.642Z","title":"Alex1990/tiny-cookie: A tiny cookie manipulation plugin for the browser.","url":"https://github.com/Alex1990/tiny-cookie","content":"小さなクッキー操作ライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2018-06-04T15:04:10.045Z","title":"Reach Router - Overview","url":"https://reach.tech/router","content":"React向けのルーターライブラリ。\nReact Routerの元々の作者が作成していて、Focus Mangementなどのアクセシビリティが考慮されている。","tags":["JavaScript","React","library","accessibility"],"relatedLinks":[]},{"date":"2018-06-04T15:06:33.236Z","title":"Simplify Web Worker code with Comlink","url":"https://davidea.st/articles/comlink-simple-web-worker","content":"Web Workerの動作についての解説やComlinkを使ったWeb Workerの利用方法について","tags":["JavaScript","webworker","article"],"relatedLinks":[{"title":"GoogleChromeLabs/comlink: Comlink makes WebWorkers enjoyable.","url":"https://github.com/GoogleChromeLabs/comlink"}]},{"date":"2018-06-04T15:09:24.565Z","title":"GoogleChromeLabs/comlink: Comlink makes WebWorkers enjoyable.","url":"https://github.com/GoogleChromeLabs/comlink","content":"Proxyを使ったWeb Workerライブラリ。\nWorker内での実装をProxyして`postMessage`などのメッセージングを隠蔽してくれる","tags":["JavaScript","library","webworker"],"relatedLinks":[]},{"date":"2018-06-04T15:21:21.109Z","title":"Beyond SPAs: alternative architectures for your PWA  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/05/beyond-spa","content":"Service WorkerとExpressを使ったページ単位の(SPAではない)ウェブアプリのためのアーキテクチャと実装サンプルについて。\nルーティングをクライアントとサーバで共有し、パーシャルなViewをStream APIで取得しレンダリングする。また動的なメタ情報の渡し方についてなど","tags":["server","ServiceWorker","article","JavaScript"],"relatedLinks":[{"title":"GoogleChromeLabs/so-pwa: A progressive web app to read Stack Overflow content.","url":"https://github.com/GoogleChromeLabs/so-pwa"}]},{"date":"2018-06-04T15:29:55.100Z","title":"Jest 23: 🔥 Blazing Fast Delightful Testing · Jest","url":"https://facebook.github.io/jest/blog/2018/05/29/jest-23-blazing-fast-delightful-testing.html","content":"Jest 23リリース。\nInteractive Snapshot Modeの追加、非同期なカスタムmatcherを作成できるように、`jest-each`がコアに同梱、`toStrictEqual`などのmatcherの追加","tags":["JavaScript","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-06-05T00:13:45.249Z","title":"What’s New in Safari - Apple Developer","url":"https://developer.apple.com/safari/whats-new/","content":"Safari 12の変更予定。\nwatchOSで動作するように、`font-display`のサポート、ITP 2.0、CORBの一部をサポート、`.safariextz`スタイルのSafari拡張を非推奨化など","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2018-06-05T00:22:29.592Z","title":"Getting Started With CSS Layout — Smashing Magazine","url":"https://www.smashingmagazine.com/2018/05/guide-css-layout/","content":"CSSのレイアウトについての記事。\nFloat、Flex、Gridなどのレイアウトの仕組み。\nBoxとContents、Alignmentなどについて","tags":["CSS","article"],"relatedLinks":[]},{"date":"2018-06-05T00:32:08.884Z","title":"Keyframes.app","url":"https://keyframes.app/","content":"CSS animationのGUIエディタ。 CSS animationのプロパティを設定して、実際にアニメーションとして再生しながら変化するプロパティを決めたCSSを出力できる","tags":["CSS","Tools","editor"],"relatedLinks":[]},{"date":"2018-06-05T00:30:18.954Z","title":"marblejs/marble: Marble.js - functional reactive HTTP middleware framework built on top of Node.js platform, TypeScript and RxJS library.","url":"https://github.com/marblejs/marble","content":"Rxjsを使ったHTTPミドルウェアフレームワーク。\nNode.jsにおいてリクエスト、レスポンスに対する処理を書ける。","tags":["Rx","JavaScript","server","HTTP"],"relatedLinks":[]},{"date":"2018-06-06T12:21:00.805Z","title":"Yarn import now uses package-lock.json | Yarn Blog","url":"https://yarnpkg.com/blog/2018/06/04/yarn-import-package-lock/","content":"yarn 1.7.0で`package-lock.json`を`yarn.lock`としてimportできるようになった。\n","tags":["ReleaseNote","article","npm","yarn"],"relatedLinks":[{"title":"Competing lockfiles create poor UX · Issue #5654 · yarnpkg/yarn","url":"https://github.com/yarnpkg/yarn/issues/5654"}]},{"date":"2018-06-06T13:05:47.159Z","title":"10 Things I Regret About Node.js - Ryan Dahl - JSConf EU 2018 - YouTube","url":"https://www.youtube.com/watch?v=M3BM9TB-8yA&feature=youtu.be","content":"Node.jsの作成者であるryによるNode.js初期のデザインミスついての発表。\nまたTypeScriptのruntimeとして作成してるDenoの紹介。\nDenoのゴールはsandbox firstのセキュリティ、モジュールシステムの簡素化、ブラウザとの互換性など","tags":["node.js","video"],"relatedLinks":[{"title":"Node.js における設計ミス By Ryan Dahl - from scratch","url":"http://yosuke-furukawa.hatenablog.com/entry/2018/06/07/080335"}]},{"date":"2018-06-06T14:21:48.563Z","title":"JSConf EU 2018 - YouTube - YouTube","url":"https://www.youtube.com/playlist?list=PL37ZVnwpeshG2YXJkun_lyNTtM-Qb3MKa","content":"JSConf EU 2018の動画まとめ","tags":["JavaScript","Conference","video"],"relatedLinks":[]},{"date":"2018-06-07T01:28:59.037Z","title":"WaldoJeffers/conductor: Mix both synchronous and asynchronous code without hassle","url":"https://github.com/WaldoJeffers/conductor","content":"syncとasyncな処理を同様のコードフローで扱うためのUtilityライブラリ。\nmap、componse、pluckなど LodashやRamdaによく似たAPIを持つライブラリ。","tags":["JavaScript","library"],"relatedLinks":[{"title":"Why I’m building Conductor – Achille Urbain – Medium","url":"https://medium.com/@achille.urbain/why-im-building-conductor-fa780da821cd"}]},{"date":"2018-06-07T01:54:57.145Z","title":"Safari Technology Preview 58, with Safari 12 Features, is Now Available | WebKit","url":"https://webkit.org/blog/8327/safari-technology-preview-58-with-safari-12-features-is-now-available/","content":"Safari Technology Preview Release 58リリース。\nSafari 12相当の機能が含まれている。","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"What’s New in Safari - Apple Developer","url":"https://developer.apple.com/safari/whats-new/"}]},{"date":"2018-06-09T02:06:06.374Z","title":"Introduction · React","url":"https://chrisnoring.gitbooks.io/react/content/","content":"ReaactやRedux、MobXなどについての電子書籍","tags":["React","book"],"relatedLinks":[]},{"date":"2018-06-09T05:09:36.125Z","title":"garris/BackstopJS: Catch CSS curve balls.","url":"https://github.com/garris/BackstopJS","content":"CSSのリグレッションテストツール。\nヘッドレスブラウザでレンダリングして、描画結果の違いをテストできる","tags":["CSS","testing","library","Tools"],"relatedLinks":[]},{"date":"2018-06-09T05:39:58.520Z","title":"You Probably Don't Need Derived State - React Blog","url":"https://reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html","content":"React 16.3で導入された`getDerivedStateFromProps`のケーススタディ。\n`getDerivedStateFromProps`はpropsの変化を元にstateを更新するために利用する。どのような時に利用するべきか、しないべきかについて","tags":["React","article"],"relatedLinks":[]},{"date":"2018-06-09T06:02:54.444Z","title":"Flow から TypeScript に移行しました - てくすた","url":"http://texta.pixta.jp/entry/2018/06/07/120000","content":"FlowからTypeScriptへの移行について。\n移行の理由、移行の手順やツールの組み合わせについてなどについて","tags":["flowtype","TypeScript","article"],"relatedLinks":[]},{"date":"2018-06-09T12:21:44.383Z","title":"Release v6.1.0 · npm/npm","url":"https://github.com/npm/npm/releases/tag/v6.1.0","content":"npm 6.1.0リリース。\n`npm audit fix`の追加、`npm init <pkg>`がgit urlをサポートなど","tags":["npm","ReleaseNote"],"relatedLinks":[]},{"date":"2018-06-09T14:03:57.279Z","title":"Chromium Blog: Chrome 68 Beta: add to home screen, payment handler, page lifecycle","url":"https://blog.chromium.org/2018/06/chrome-68-beta-add-to-home-screen.html","content":"Chroem 68βリリース。\nPayment Handler API、Page Lifecycle API、`customElements.upgrade()`、 Keyboard lock APIのサポートなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2018-06-10T00:04:00.612Z","title":"mobx/CHANGELOG.md at master · mobxjs/mobx","url":"https://github.com/mobxjs/mobx/blob/master/CHANGELOG.md#500","content":"MobX 5.0.0リリース。\nObservableに`Proxy`を利用するようになり、IEなどProxyがない環境は非サポートに。\nまた、公開されるパッケージのコード自体もES2015となった。","tags":["JavaScript","ReleaseNote","library"],"relatedLinks":[]},{"date":"2018-06-10T12:09:46.988Z","title":"Assessing Loading Performance in Real Life with Navigation and Resource Timing  |  Web Fundamentals  |  Google Developers","url":"https://developers.google.com/web/fundamentals/performance/navigation-and-resource-timing/","content":"Navigation TimingとResource Timingについて。\nそれぞれのAPIの使い方や取得できるデータの意味、クロスオリジンのリソースの`Timing-Allow-Origin`ヘッダによる対応。\nまたRUMのデータとして集める場合のデータの送信方法として`navigation.sendBeacon`の使い方やfailbackについてなど","tags":["browser","performance","article","JavaScript"],"relatedLinks":[]},{"date":"2018-06-10T12:42:56.078Z","title":"これからpjaxを使う人に知っておいてほしいこと – Design Report – デザインレポート","url":"https://glitter-style.jp/labo/web-resource/master-the-pjax/","content":"pjaxについての連載記事。\npjaxの動作原理や利点、代表的な実装方法、利用する際の注意点、イベント管理、メモリリークの問題など、設計について書かれている","tags":["JavaScript","ajax","article"],"relatedLinks":[]},{"date":"2018-06-12T00:51:42.092Z","title":"2018 年の tree shaking | 株式会社カブク","url":"https://www.kabuku.co.jp/developers/tree-shaking-in-2018","content":"Tree Shakingと呼ばれるビルドの最適化がどのように行われるかについて。 webpackにおいてES modulesで書いてもTree Shankingされない場合について。 またRxJsでの例など","tags":["JavaScript","article","webpack"],"relatedLinks":[]},{"date":"2018-06-11T10:06:19.300Z","title":"Release Inferno v5.1.0 · infernojs/inferno","url":"https://github.com/infernojs/inferno/releases/tag/v5.1.0","content":"Inferno v5.1.0 リリース。\n`Inferno-devtools`の書き直しなど","tags":["JavaScript","React","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-06-11T22:57:22.835Z","title":"Almin 0.17リリース – executeの型付け、新しいReact Contextのサポート | Web Scratch","url":"https://efcl.info/2018/06/11/almin-0.17/","content":"Almin 0.17リリース。\nTypeScriptで`execute`の引数の型チェックができるように、React Context APIを使ったモジュールの公開、ファイルサイズの削減など","tags":["almin","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-06-12T00:42:50.394Z","title":"The GraphQL Guide","url":"https://graphql.guide/","content":"GraphQLについての書籍","tags":["GraphQL","book"],"relatedLinks":[]},{"date":"2018-06-12T00:46:17.132Z","title":"Deprecating cssnext","url":"https://moox.io/blog/deprecating-cssnext/","content":"`cssnext`がdeprecatedとなり、`postcss-preset-env`の利用が推奨されるようになった。\nマイグレーション方法や違いについてなど","tags":["CSS","PostCSS","article"],"relatedLinks":[{"title":"postcss-preset-env","url":"https://preset-env.cssdb.org/"},{"title":"A notice to cssnext users · Issue #32 · csstools/postcss-preset-env","url":"https://github.com/csstools/postcss-preset-env/issues/32"}]},{"date":"2018-06-12T00:59:14.960Z","title":"PhantomJSの開発が終了しリポジトリがアーカイブ化された - JSer.info","url":"https://jser.info/2018/06/11/phantomjs-ended/","content":"PhantomJSのリポジトリがArchieved(read-only)になり正式に開発が終了となった。","tags":["JavaScript","browser","article"],"relatedLinks":[]},{"date":"2018-06-14T10:33:24.069Z","title":"素のJavaScriptプロジェクトにtsconfig.jsonを置いといてVSCodeの便利さを享受する - Qiita","url":"https://qiita.com/terrierscript/items/a9826bc58d550d1b2764","content":"TypeScritptをJavaScript/JSDocの型チェックツールとして利用する方法について","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2018-06-14T15:15:25.842Z","title":"Keeping Node.js Fast: Tools, Techniques, And Tips For Making High-Performance Node.js Servers — Smashing Magazine","url":"https://www.smashingmagazine.com/2018/06/nodejs-tools-techniques-performance-servers/","content":"Node.jsサーバの`autocannon`を使ったベンチマーク、パフォーマンスのボトルネック調査、メモリリークの調査や改善などについて","tags":["node.js","article"],"relatedLinks":[]},{"date":"2018-06-14T15:21:56.831Z","title":"Netflix/pollyjs: Record, Replay, and Stub HTTP Interactions.","url":"https://github.com/Netflix/pollyjs","content":"HTTPリクエスト/レスポンスの記録、再生を行うJavaScriptライブラリとNode.jsサーバ。\nまたHTTPリクエストのインターセプトして任意のレスポンスを返せる。","tags":["HTTP","JavaScript","testing","node.js"],"relatedLinks":[]},{"date":"2018-06-16T12:25:29.813Z","title":"snipsco/yett: 🔐A small webpage library to control the execution of (third party) scripts","url":"https://github.com/snipsco/yett","content":"JavaScriptの読み込みをブラックリストで管理するライブラリ。\n`MutationObserver`や`document.create`をhookし、指定URLのJavaScriptを読み込みをブロックできる。","tags":["library","JavaScript","security"],"relatedLinks":[]},{"date":"2018-06-17T05:28:40.136Z","title":"📦 Parcel v1.9.0 — Tree Shaking, 2x faster watcher, and more! 🚀","url":"https://medium.com/@devongovett/parcel-v1-9-0-tree-shaking-2x-faster-watcher-and-more-87f2e1a70f79","content":"Parcel v1.9.0リリース。\nTree Shakingの実装、`sideEffects`のサポート、ファイル監視の改善、Sassの`~/` importのサポートなど","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[{"title":"parcel/changelog.md at master · parcel-bundler/parcel","url":"https://github.com/parcel-bundler/parcel/blob/master/changelog.md#190---2018-06-14"}]},{"date":"2018-06-17T05:31:18.967Z","title":"Detecting autofilled fields in Javascript – Tommy Brunn – Medium","url":"https://medium.com/@brunn/detecting-autofilled-fields-in-javascript-aed598d25da7","content":"フォームのautofillを検知する方法について。\nautofillにCSS animationをつけて、`animtaionstart`で発生を検知する方法について","tags":["CSS","JavaScript","article"],"relatedLinks":[]},{"date":"2018-06-17T07:45:51.530Z","title":"🚀 Introducing Akita: A New State Management Pattern for Angular Applications","url":"https://netbasal.com/introducing-akita-a-new-state-management-pattern-for-angular-applications-f2f0fab5a8","content":"Angular向けのステート管理ライブラリであるAkitaについての記事。","tags":["JavaScript","Angular","TypeScript","library","article"],"relatedLinks":[{"title":"datorama/akita: 🚀 Simple and Effective State Management for Angular Applications","url":"https://github.com/datorama/akita"}]},{"date":"2018-06-17T14:08:08.361Z","title":"JavaScript engine fundamentals: Shapes and Inline Caches · Mathias Bynens","url":"https://mathiasbynens.be/notes/shapes-ics","content":"JavaScriptエンジンがどのようにJavaScriptのコードを処理しているかについての解説。\nそれぞれのブラウザが持つJavaScript VMにおける最適化のパイプライン処理について","tags":["JavaScript","article","video"],"relatedLinks":[]},{"date":"2018-06-17T14:14:02.361Z","title":"ecrmnn/collect.js: 💎 Convenient and dependency free wrapper for working with arrays and objects","url":"https://github.com/ecrmnn/collect.js","content":"配列やオブジェクトに対するユーティリティ関数のライブラリ。\nLaravelが持つCollectionsをJavaScriptにportしたもの","tags":["JavaScript","library"],"relatedLinks":[{"title":"Collections - Laravel - The PHP Framework For Web Artisans","url":"https://laravel.com/docs/5.4/collections"}]},{"date":"2018-06-17T14:30:49.900Z","title":"Release v1.5.0 · GoogleChrome/puppeteer","url":"https://github.com/GoogleChrome/puppeteer/releases/tag/v1.5.0","content":"Puppeteer v1.5.0リリース。\n`BrowserContext`が追加され複数の独立したブラウザセッションを扱えるように、`Worker`クラスの追加、公式サイトが`pptr.dev`となるなど","tags":["JavaScript","Chrome","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2018-06-18T00:39:47.373Z","title":"Announcing: Greenkeeper 3 – Greenkeeper Blog","url":"https://blog.greenkeeper.io/announcing-greenkeeper-3-1504f5113998","content":"依存パッケージの管理サービスであるGreenkeeper 3リリース。\nmonorepoのサポート、`greenkeeper.json`の設定ファイルをサポート、コミットメッセージのカスタマイズができるようになるなど","tags":["webservice","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-06-18T07:07:08.397Z","title":"スラスラ読める JavaScriptふりがなプログラミング | 及川卓也, リブロワークス | 工学 | Kindleストア | Amazon","url":"https://www.amazon.co.jp/dp/B07DR76HSG/","content":"2018年6月22日発売\nJavaScriptのコードにルビでふりがなをつけて解説する書籍。","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2018-06-18T13:19:49.913Z","title":"Node.jsでつくるNode.js - もくじ - Qiita","url":"https://qiita.com/massie_g/items/3ee11c105b4458686bc1","content":"JavaScriptでJavaScriptのサブセットを作る話。\n「RubyでつくるRuby ゼロから学びなおすプログラミング言語入門」のNode.jsでの実装について。","tags":["JavaScript","node.js","AST","article"],"relatedLinks":[]},{"date":"2018-06-18T13:24:00.132Z","title":"Understanding the Almighty Reducer | CSS-Tricks","url":"https://css-tricks.com/understanding-the-almighty-reducer/","content":"`Array.prototype.reduce`についての記事。\n`reduce`メソッドの動作イメージや、動きについて動画を混じえて解説している。","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2018-06-19T01:18:35.470Z","title":"Using JavaScript modules on the web  |  Web Fundamentals  |  Google Developers","url":"https://developers.google.com/web/fundamentals/primers/modules","content":"JavaScriptモジュールの挙動や実装についての記事。\nブラウザでのscriptとmoduleの挙動の違い、Dynamic importと`import.meta`について。\nまた、bundleした場合とのパフォーマンスの差や小さくexportしたモジュールの方が有利な点やHTTP/2とPreload。\nChromeで実装が進められてるWeb Packagin、Layered API、Workerとの連携などについて","tags":["JavaScript","module","article"],"relatedLinks":[]},{"date":"2018-06-19T01:38:34.695Z","title":"基礎からはじめるReact入門連載一覧：CodeZine（コードジン）","url":"https://codezine.jp/article/corner/688","content":"React入門に関する連載記事。\nReactの基礎からRedux、Storybookなど外部ライブラリなどについて扱っている","tags":["React","article"],"relatedLinks":[]},{"date":"2018-06-19T01:42:17.776Z","title":"Isomorphic ES Modules - The blog of Ada Rose Cannon","url":"https://ada.is/blog/2018/06/15/isomorphic-es-modules/","content":"ES module形式で配布されているHyperHTMLを使ってブラウザとNode.jsで同じライブラリをそのまま`import`してウェブアプリを作成する話。","tags":["JavaScript","node.js","server","isomorphic"],"relatedLinks":[]},{"date":"2018-06-20T01:32:50.468Z","title":"React Native at Airbnb – Airbnb Engineering & Data Science – Medium","url":"https://medium.com/airbnb-engineering/react-native-at-airbnb-f95aa460be1c","content":"AirbnbでのReact Nativeについて。\nReact Nativeの技術的解説、上手くいった点、上手くいかなかった点。\nクロスプラットフォームアプリ開発の技術的/組織的な難しさなどから、当初の目標を達成できないためAirbnbではReact Nativeからネイティブに移行するという話。","tags":["React","ios","Android","JavaScript","article"],"relatedLinks":[{"title":"react-native-jp/react-native-at-airbnb-jp-translation","url":"https://github.com/react-native-jp/react-native-at-airbnb-jp-translation"}]},{"date":"2018-06-20T03:41:24.194Z","title":"Amazon.com: Mastering JavaScript Design Patterns - Third Edition: Create scalable and reliable applications with advanced JavaScript Design Patterns using reliable code. eBook: Tomas Corral: Kindle Store","url":"https://www.amazon.com/dp/B07D6LQNK3/","content":"2019年1月9日発売\nMastering JavaScript Design Patternsの第3版","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2018-06-22T06:18:11.377Z","title":"V8 JavaScript Engine: V8 release v6.8","url":"https://v8project.blogspot.com/2018/06/v8-release-68.html","content":"V8 v6.8リリース。\n関数自身が外の関数の不要な情報を持っていたのをリファクタリングしてメモリの改善。\n`Object.assign`をC++からJSの実装に変更してパフォーマンス改善、`TypedArray.prototype.sort`のパフォーマンス改善など","tags":["V8","ReleaseNote"],"relatedLinks":[]},{"date":"2018-06-22T06:23:43.538Z","title":"The Critical Request - Speaker Deck","url":"https://speakerdeck.com/benschwarz/the-critical-request","content":"First Meaningful Paintまでに必要なリソースへのリクエストと優先度についてのスライド。\npreloadなどによるwebfontの読み込み改善について","tags":["browser","performance","slide"],"relatedLinks":[]},{"date":"2018-06-22T06:25:54.707Z","title":"Node v10.5.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v10.5.0/","content":"Node.js 10.5.0リリース。\n`fs.stat`などがBigIntをサポート、`--experimental-worker`のフラグ付きでWorkerのサポートなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2018-06-22T13:23:15.195Z","title":"Release Notes for Safari Technology Preview 59 | WebKit","url":"https://webkit.org/blog/8332/release-notes-for-safari-technology-preview-59/","content":"Safari Technology Preview 59リリース。\nITP 2.0への更新、Web Animationsのデフォルト有効化。\nES Proposalの`Symbol.prototype.description`のサポート、BitIntの実装など","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"Web Animations in WebKit | WebKit","url":"https://webkit.org/blog/8343/web-animations-in-webkit/"}]},{"date":"2018-06-22T15:55:39.789Z","title":"Automated Dependency Updates with Renovate","url":"https://www.slideshare.net/teppeis/automated-dependency-updates-with-renovate-102769685","content":"リポジトリが依存するパッケージのバージョン更新をRenovateを使って自動化することについてのスライド。","tags":["JavaScript","npm","slide"],"relatedLinks":[{"title":"Renovate | Automated Dependency Updates","url":"https://renovatebot.com/"}]},{"date":"2018-06-22T16:06:28.262Z","title":"動かしながらさくっと身につく 今こそホンキで覚えるJavaScript[JS/ES2016対応] | 狩野 祐東 |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/dp/4802611242/","content":"2018年7月17日発売\n","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2018-06-23T04:02:34.728Z","title":"ESLint v5.0.0 released - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2018/06/eslint-v5.0.0-released","content":"ESLint 5.0.0リリース。\nNode.js 4のサポート終了、`eslint:recommended`の更新、ルールのデフォルトオプションの変更、Lint対象がないときにfatal errorとなるように。\nプラグイン周りの変更など","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"Migrating to v5.0.0 - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/docs/user-guide/migrating-to-5.0.0"}]},{"date":"2018-06-24T05:58:11.970Z","title":"Progressive web apps - App Center | MDN","url":"https://developer.mozilla.org/en-US/Apps/Progressive","content":"MDNのPWAチュートリアルガイド","tags":["PWA","tutorial"],"relatedLinks":[]},{"date":"2018-06-24T06:03:05.909Z","title":"社内勉強会TechLunchで\"JavaScript ASTことはじめ\"という発表をしました - Medley Developer Blog","url":"https://developer.medley.jp/entry/2018/06/22/130000","content":"JavaScriptのASTやAST Explorerの使い方について","tags":["JavaScript","AST","article"],"relatedLinks":[]},{"date":"2018-06-24T06:04:13.700Z","title":"Microsoft/license-checker-webpack-plugin: Webpack plugin that verifies licenses of all external dependencies in a compilation, and outputs them to a file.","url":"https://github.com/Microsoft/license-checker-webpack-plugin","content":"利用してるライブラリのライセンスチェックやまとめたライセンスファイルを生成するwebpackプラグイン","tags":["webpack","license"],"relatedLinks":[]},{"date":"2018-06-24T06:05:24.588Z","title":"Understanding Jest Mocks – Rick Hanlon II – Medium","url":"https://medium.com/@rickhanlonii/understanding-jest-mocks-f0046c68e53c","content":"jestのmock機能について解析。\n`jest.mock`、`jest.spy`などについて","tags":["JavaScript","testing","article"],"relatedLinks":[]},{"date":"2018-06-24T13:46:55.652Z","title":"react-ideal-image/introduction.md at master · stereobooster/react-ideal-image","url":"https://github.com/stereobooster/react-ideal-image/blob/master/introduction.md","content":"react-ideal-imageの画像表示の実装について。\nLazy Loading、プレースホルダー、LQIP、レスポンシブ、アダプティブな表示方法について解説している。","tags":["JavaScript","React","article"],"relatedLinks":[]},{"date":"2018-06-25T01:26:44.636Z","title":"Announcing winston@3.0.0! — GoDaddy Open Source Center","url":"https://godaddy.github.io/2018/06/12/announcing-winston-3/","content":"winston 3.0.0リリース。\n","tags":["node.js","library","ReleaseNote"],"relatedLinks":[{"title":"winston/CONTRIBUTING.md at master · winstonjs/winston","url":"https://github.com/winstonjs/winston/blob/master/CONTRIBUTING.md#what-makes-up-winston300"},{"title":"winston/CHANGELOG.md at master · winstonjs/winston","url":"https://github.com/winstonjs/winston/blob/master/CHANGELOG.md#v300--2018-06-12"}]},{"date":"2018-06-25T23:25:17.240Z","title":"Redux Refactoring Patterns with @ngrx/platform - Speaker Deck","url":"https://speakerdeck.com/gregonnet/platform","content":"ngrxについてのスライド。\nReduxのパターン、switch-caseのパターンとFactoryパターン、どのようにStateを扱うかについて","tags":["redux","Angular","リファクタリング","slide"],"relatedLinks":[]},{"date":"2018-06-25T23:31:19.275Z","title":"Simonwep/pickr: Flat, simple and hackable Color-Picker. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize.","url":"https://github.com/Simonwep/pickr","content":"依存のないカラーピッカーライブラリ","tags":["color","JavaScript","UI","library"],"relatedLinks":[]},{"date":"2018-06-28T14:47:02.639Z","title":"Where is CSS4? When is it coming out? - YouTube","url":"https://www.youtube.com/watch?v=Jtmkk6odggs","content":"CSS4はどこにあるのという問いに対する説明の動画。\nCSS3のときに仕様がmoduleに分解され、それぞれのModuleはLevel 3となった。\nその後のSpecはModuleごとにLevelをあげ、また新しく追加されたModuleはLevel 1から開始する。\nそのためCSS4という全体を表すものはないという話。","tags":["CSS","spec","video"],"relatedLinks":[]},{"date":"2018-06-28T14:49:38.759Z","title":"E2EテストをPhantomJSから、Puppeteer + Headless Chromeへ移行しました - LCL Engineers' Blog","url":"http://techblog.lclco.com/entry/2018/06/28/080000","content":"Capybara + PhantomJSで行っていたテストを、Puppeteer + Headless Chromeに移行していくという話。\nPuppeteerの機能紹介やデバッグ方法について。","tags":["browser","JavaScript","testing","article"],"relatedLinks":[]},{"date":"2018-06-28T14:57:34.759Z","title":"Firefox — Notes (61.0) — Mozilla","url":"https://www.mozilla.org/en-US/firefox/61.0/releasenotes/","content":"Firefox 61.0リリース。\nTLS 1.3のドラフトサポートをデフォルトで有効化、アクセシビリティインスペクタの実装。\n`PerformanceServerTiming`のサポート、Fetch APIの`credentials`のデフォルト値を`same-origin`に変更、WebVRがmacOSで有効化など","tags":["firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 61 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/ja/Firefox/Releases/61"}]},{"date":"2018-06-28T15:32:51.479Z","title":"Dev.Opera — What’s new in Chromium 67 and Opera 54","url":"https://dev.opera.com/blog/opera-54/","content":"Opera 54 (based on Chromium 67)リリース。\nGeneric Sensors、Custom Elementが既存のHTML Elementを拡張できるように、Stream APIがtransformをサポートなど","tags":["Opera","Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2018-06-28T15:51:33.010Z","title":"Swiip/compo: 🎼Compo·sing Web Compo·nents","url":"https://github.com/Swiip/compo","content":"WebComponentでUIを作成するための関数を提供するライブラリ。","tags":["WebComponents","JavaScript","library"],"relatedLinks":[{"title":"Announcing: compo – Matthieu Lux (@Swiip) – Medium","url":"https://medium.com/@Swiip_51904/announcing-compo-3ba9e15890a7"}]},{"date":"2018-06-29T09:55:55.325Z","title":"wg-effectiveness/process_jp.md at master · w3c/wg-effectiveness","url":"https://github.com/w3c/wg-effectiveness/blob/master/process_jp.md","content":"\"忙しい人のためのW3Cプロセス入門\"\nW3C Process for Busy Peopleの日本語訳","tags":["W3C","spec","translate"],"relatedLinks":[]},{"date":"2018-06-30T06:36:52.455Z","title":"Vue.js プロジェクトの爆発させかた #ichigayageek / How to explosion Vue.js project - Speaker Deck","url":"https://speakerdeck.com/potato4d/how-to-explosion-vue-dot-js-project","content":"Vueを使ったプロジェクトで遭遇する問題についてのスライド。\n規模が大きくなってきたときのステートの管理方法、デザイナーとの協業、既存のウェブアプリへの部分的な適応、別のテンプレートエンジンとの組み合わせなどについて","tags":["Vue","slide"],"relatedLinks":[]},{"date":"2018-06-30T12:54:27.250Z","title":"lighthouse/changelog.md at v3.0.0 · GoogleChrome/lighthouse","url":"https://github.com/GoogleChrome/lighthouse/blob/v3.0.0/changelog.md","content":"Lighthouse 3.0リリース。\nレポートUIの変更、それぞれのスコアのWeightの変更、First Contentful Paintの追加、RTTのコスト表示の追加など。 ","tags":["Chrome","performance","Tools","ReleaseNote"],"relatedLinks":[{"title":"Announcing Lighthouse 3.0  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/05/lighthouse3"}]},{"date":"2018-07-01T07:18:44.194Z","title":"kay-is/react-from-zero: A simple (99% ES2015 less) tutorial for React","url":"https://github.com/kay-is/react-from-zero","content":"Reactを一から学ぶチュートリアル。\nブラウザだけで動くReactのコードを見ながら、Reactについてを解説している。","tags":["React","tutorial"],"relatedLinks":[]},{"date":"2018-07-01T12:31:46.634Z","title":"mizchi/trans-loader: webpack-less frontend with service-worker","url":"https://github.com/mizchi/trans-loader","content":"Service Workerを使ってBabelやTypeScriptでの変換を行うスクリプト。\nnpmのモジュールをjspm.ioを使ってロードできる。","tags":["ServiceWorker","babel","TypeScript","npm","JavaScript","library"],"relatedLinks":[{"title":"trans-loader: node/webpack なしではじめるフロントエンドプロジェクト - Qiita","url":"https://qiita.com/mizchi/items/796a5c392d306a44a918"},{"title":"jspm.io - Native ES Modules CDN","url":"https://jspm.io/"}]},{"date":"2018-07-01T12:50:53.928Z","title":"Ecma latest news","url":"http://www.ecma-international.org/news/index.html","content":"ECMA-262 9th edition - ECMAScript® 2018リリース","tags":["ECMAScript","news"],"relatedLinks":[{"title":"ECMAScript® 2018 Language Specification","url":"https://www.ecma-international.org/ecma-262/9.0/"}]},{"date":"2018-07-01T22:40:50.174Z","title":"Web Performance Checklist – ITNEXT","url":"https://itnext.io/web-performance-checklist-6b616f3c6f0d","content":"ウェブアプリにおけるパフォーマンスのチェック項目のまとめ。\n最適化のアプローチについての概要まとめ","tags":["browser","performance","article"],"relatedLinks":[]},{"date":"2018-07-02T20:36:58.504Z","title":"kitze/JSUI: A powerful UI toolkit for managing JavaScript apps","url":"https://github.com/kitze/JSUI","content":"JavaScriptのプロジェクト管理GUI。\nGUIでアプリの作成、プロジェクトのダッシュボード、タスクの実行などができる","tags":["JavaScript","GUI","project"],"relatedLinks":[]},{"date":"2018-07-02T21:18:23.481Z","title":"Making Web Components Work | Mixpanel Engineering","url":"https://engineering.mixpanel.com/2018/06/12/making-web-components-work/","content":"Web Componentsを使って作ったパネルコンポーネントについての記事。\nsnabbdomを使ったVirtual DOMを使い描画し、Web Conponentsでのステート管理についてなど。","tags":["WebComponents","article"],"relatedLinks":[]},{"date":"2018-07-02T22:34:43.920Z","title":"AudioWorklet Design Pattern  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/06/audio-worklet-design-pattern","content":"AudioWorkletのデザインパターンについて。\nWebAssembly、SharedArrayBufferとの組み合わせての利用についてなど","tags":["JavaScript","web ","audio","article"],"relatedLinks":[]},{"date":"2018-07-02T22:38:57.501Z","title":"Introduction to Feature Policy  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/06/feature-policy","content":"Feature Policyについて。\nCSPはセキュリティのコントールをし、Feature Policyは機能に対してのコントールをする点について。\nFeature Policyの指定方法やどのようなときに使うべきかについて","tags":["browser","security","article","CSP"],"relatedLinks":[]},{"date":"2018-07-04T08:05:14.404Z","title":"Ember.js - Ember 3.2 Released","url":"https://emberjs.com/blog/2018/06/29/ember-3-2-released.html","content":"Ember 3.2リリース。\nテンプレートに`let`ヘルパーの追加、`Ember.Logger`などが非推奨に","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-07-05T00:55:50.499Z","title":"jest/CHANGELOG.md at v23.3.0 · facebook/jest","url":"https://github.com/facebook/jest/blob/v23.3.0/CHANGELOG.md","content":"Jest 23.3.0リリース。\nインラインでスナップショットテストをする`toMatchInlineSnapshot`と`toThrowErrorMatchingInlineSnapshot`の追加など","tags":["JavaScript","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-07-05T05:08:52.743Z","title":"Node v10.6.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v10.6.0/","content":"Node.js 10.6.0リリース。\n`require('dns').promises`の追加、`Atomics.wake`を`Atomics.notify`にリネームするECMAScriptの仕様追従など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2018-07-06T07:17:36.694Z","title":"フロントエンドの「想定外」に対応する考え方とTipsいくつか | ダーシマ・ヱンヂニヤリング","url":"https://necomesi.jp/blog/tsmd/posts/229","content":"ブラウザの設定により使わない機能を考慮したデザインについて。\nデフォルトフォント、Adblock、拡張機能、JavaScriptの無効化、Cookieの無効化/プライベートモードに対する対応などについて","tags":["browser","JavaScript"],"relatedLinks":[]},{"date":"2018-07-07T04:07:26.546Z","title":"The npm Blog — Announcing npm.community","url":"https://blog.npmjs.org/post/175587538995/announcing-npmcommunity","content":"npmに関するIssueはDiscourse(npm.community)で扱うようにするという話。\n既存のnpmリポジトリに立てられたIssueはアーカイブ化され、新規のIssueはnpm.communityの特定のカテゴリで扱うようになる。","tags":["npm","community","issue"],"relatedLinks":[{"title":"npm forum","url":"https://npm.community/"}]},{"date":"2018-07-07T04:23:13.676Z","title":"What Is Redux: A Designer’s Guide — Smashing Magazine","url":"https://www.smashingmagazine.com/2018/07/redux-designers-guide/","content":"Designer向けのReduxとはどういうもの？という解説。\nデータ受け取りどのようにコンポーネントの表示に反映させるかやデータ(State)変更、Optimistic UIなどについて図とともに概念を説明している","tags":["redux","article"],"relatedLinks":[]},{"date":"2018-07-07T04:38:38.337Z","title":"justadudewhohacks/face-api.js: JavaScript API for face detection and face recognition in the browser with tensorflow.js","url":"https://github.com/justadudewhohacks/face-api.js","content":"tensorflow.jsを使った顔検出/認識ライブラリ。\n","tags":["JavaScript","MachineLearning","library"],"relatedLinks":[]},{"date":"2018-07-07T04:42:09.603Z","title":"face-api.js — JavaScript API for Face Recognition in the Browser with tensorflow.js","url":"https://itnext.io/face-api-js-javascript-api-for-face-recognition-in-the-browser-with-tensorflow-js-bcc2a6c4cf07","content":"tensorflow.jsベースの顔検出/認識ライブラリであるface-api.jsについての記事。Face DetectionとFace Recognitionの実装方法や使い方についての解説","tags":["JavaScript","library","article"],"relatedLinks":[{"title":"justadudewhohacks/face-api.js: JavaScript API for face detection and face recognition in the browser with tensorflow.js","url":"https://github.com/justadudewhohacks/face-api.js"}]},{"date":"2018-07-08T15:07:27.561Z","title":"microstates/microstates.js: Composable State Primitives for JavaScript","url":"https://github.com/microstates/microstates.js","content":"Immutableなオブジェクトをデータ型とオブジェクトの指定をして作成するライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2018-07-08T15:08:41.789Z","title":"retejs/rete: JavaScript framework for visual programming and creating node editor","url":"https://github.com/retejs/rete","content":"ビジュアルプログラミングのためのフレームワーク。","tags":["JavaScript","library","program"],"relatedLinks":[]},{"date":"2018-07-08T15:11:55.191Z","title":"Optimization Auditing: A Deep Dive into Chrome's Dev Console — SitePoint","url":"https://www.sitepoint.com/optimization-auditing-a-deep-dive-into-chromes-dev-console/","content":"Chromeの開発者ツールの機能についての解説。\nコンソールやパフォーマンスなどのツールについてスクリーンショットとともに紹介している。","tags":["Chrome","debug","article"],"relatedLinks":[]},{"date":"2018-07-09T02:27:52.391Z","title":"ESLint v5.1.0 released - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2018/07/eslint-v5.1.0-released","content":"ESLint 5.1.0リリース。\n`no-catch-shadow`はdeprecatedとなり、代わりに`no-shadow`の利用を推奨している。","tags":["ESLint","ReleaseNote"],"relatedLinks":[]},{"date":"2018-07-09T16:10:00.288Z","title":"An adventure in sparse arrays","url":"https://remysharp.com/2018/06/26/an-adventure-in-sparse-arrays","content":"JavaScriptの配列におけるsparse array(疎の配列)についての記事。 配列に穴があるときに、ループやメソッドなど列挙する際の扱いなどについて","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2018-07-09T13:43:56.578Z","title":"jamiemccrindle/axax: Async Iterator Extensions for JavaScript e.g. map, reduce, filter, flatMap, etc.","url":"https://github.com/jamiemccrindle/axax","content":"Async Iteratorを使った`map`、`reduce`、`filter`、`flatMap`、`pipe`などの実装ライブラリ。\nRxJSやコレクション系ライブラリと似たメソッドを提供するライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2018-07-09T16:56:29.345Z","title":"Official Google Webmaster Central Blog: Using page speed in mobile search ranking","url":"https://webmasters.googleblog.com/2018/01/using-page-speed-in-mobile-search.html","content":"Googleのモバイル検索で\"Speed Update\"が有効化された。\n表示が遅いサイトは表示ランキングに影響する仕組み。","tags":["google","SEO","performance","news"],"relatedLinks":[{"title":"Chrome User Experience Report  |  Tools for Web Developers  |  Google Developers","url":"https://developers.google.com/web/tools/chrome-user-experience-report/"}]},{"date":"2018-07-10T01:58:31.829Z","title":"Seva Zaikov - Node.js REPL in Depth","url":"https://blog.bloomca.me/2018/07/09/nodejs-repl-in-depth.html","content":"Node.jsのREPLについての記事。\nREPLで利用できる特別なコマンド、自動的に使えるモジュールやモジュールとして`repl`を使う方法についてなど","tags":["node.js","article"],"relatedLinks":[]},{"date":"2018-07-11T00:52:50.622Z","title":"The CSS Paint API | CSS-Tricks","url":"https://css-tricks.com/the-css-paint-api/","content":"CSS Paint APIについての記事。\n新しいShapeの追加、カスタムプロパティとの連携方法について","tags":["CSS","JavaScript"],"relatedLinks":[]},{"date":"2018-07-13T08:08:16.745Z","title":"Vue.js Cheat Sheet","url":"https://flaviocopes.com/vue-cheat-sheet/","content":"Vueチートシート","tags":["Vue","チートシート"],"relatedLinks":[]},{"date":"2018-07-14T10:00:06.698Z","title":"The npm Blog — v6.2.0","url":"https://blog.npmjs.org/post/175871462900/v620","content":"npm 6.2.0リリース。\n`npm audit`にawkなどでパースしやすい`--parseable`オプションの追加、` sign-git-commit`の設定を追加など","tags":["npm","ReleaseNote"],"relatedLinks":[]},{"date":"2018-07-14T10:56:42.102Z","title":"Announcing TypeScript 3.0 RC | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2018/07/12/announcing-typescript-3-0-rc/","content":"TypeScript 3.0 RCリリース。\nmonorepo向けのサポートがメイン。\nProject Referencesによりmonorepo内の別パッケージの型定義を参照できるようになり、Build modeによって関連するパッケージのビルドをインクリメンタルに行える。\ntuples型の改善、`unknown`型の追加、Reactのdefault propsのサポートなど","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"TypeScript 3.0.0-RC 変更点 - Qiita","url":"https://qiita.com/vvakame/items/57a0559c45b88b2ae168"}]},{"date":"2018-07-14T11:05:24.609Z","title":"Programming TypeScript: Making Your JavaScript Applications Scale: Boris Cherny: 9781492037651: Amazon.com: Books","url":"https://www.amazon.com/dp/1492037656/","content":"2019年4月4日発売\nTypeScriptでのアプリケーション開発についての書籍","tags":["TypeScript","book"],"relatedLinks":[]},{"date":"2018-07-14T11:39:43.981Z","title":"Release v1.6.0 · GoogleChrome/puppeteer","url":"https://github.com/GoogleChrome/puppeteer/releases/tag/v1.6.0","content":"Puppeteer v1.6.0リリース。\n`page.waitForRequest`と`page.waitForResponse`のサポート。\n要素が現在のviewportに表示されているかを判定する`elementHandle.isIntersectingViewport`の追加など","tags":["Chrome","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-07-14T14:16:15.875Z","title":"Site Isolation for web developers  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/07/site-isolation","content":"Chrome 67でデフォルト有効化されたSite Isolationについて。\nレンダラープロセスを分離することで、サイドチャネル攻撃やオリジン超えの攻撃によって機密情報が盗まれるのを防止する。\nCORB、iframeなどにおけるloadとunloadにおける挙動の違いなどについて","tags":["Chrome","browser","security"],"relatedLinks":[{"title":"Google Online Security Blog: Mitigating Spectre with Site Isolation in Chrome","url":"https://security.googleblog.com/2018/07/mitigating-spectre-with-site-isolation.html"}]},{"date":"2018-07-14T23:06:57.930Z","title":"dubzzz/fast-check: Property based testing framework for JavaScript (like QuickCheck) written in TypeScript","url":"https://github.com/dubzzz/fast-check","content":"Property based testingを行うテストライブラリ。\n値のパターンや組み合わせを定義してランダムな値を生成してテストできる。\nまたテストが失敗した際には`seed`値を使って同じ組み合わせを再現してテストできる。","tags":["JavaScript","testing","library","TypeScript"],"relatedLinks":[]},{"date":"2018-07-15T01:44:05.715Z","title":"joshwcomeau/guppy","url":"https://github.com/joshwcomeau/guppy","content":"React向けのアプリケーション管理、タスク実行を行えるGUIアプリ。","tags":["React","GUI","Tools","software"],"relatedLinks":[]},{"date":"2018-07-16T00:17:28.979Z","title":"teadjs/tead: Lighting the way to simpler testing","url":"https://github.com/teadjs/tead","content":"シンプルなテストフレームワーク。\n`[actual, expected]`の組み合わせを返すだけでテストできる。","tags":["JavaScript","testing","library"],"relatedLinks":[]},{"date":"2018-07-16T14:38:57.247Z","title":"Life of a Pixel 2018 - Google スライド","url":"https://docs.google.com/presentation/d/1boPxbgNrTU0ddsc144rcXayGA_WF53k96imRH8Mp34Y/mobilepresent#slide=id.p","content":"Chromeのレンダリングの仕組みについてのスライド。\nDOM、Style、Layout、Paint、Rasterization。\n変更があったときに再レンダリングやCompositingなどの処理の流れなどについて。","tags":["browser","Chrome","slide"],"relatedLinks":[]},{"date":"2018-07-17T00:34:19.306Z","title":"Release 9.0 “A Mari Usque Ad Mare” · postcss/autoprefixer","url":"https://github.com/postcss/autoprefixer/releases/tag/9.0.0","content":"Autoprefixer 9.0、Browserslist 4.0、PostCSS 7.0.0リリース。\nNode.js 4のサポート終了など","tags":["CSS","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2018-07-17T00:46:44.698Z","title":"Browsh","url":"https://www.brow.sh/","content":"Firefoxをバックエンド(WebExtensions)に使ったテキストブラウザ。\nCSSやWebGL、画像や動画などの描画結果をテキストベースで閲覧できる。","tags":["browser","console","firefox"],"relatedLinks":[]},{"date":"2018-07-17T02:18:10.741Z","title":"Postmortem for Malicious Packages Published on July 12th, 2018 - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2018/07/postmortem-for-malicious-package-publishes","content":"`.npmrc`の内容を盗み取る`eslint-scope@3.7.2`と`eslint-config-eslint@5.0.2`が公開された問題についてのレポート。\nパスワードリスト攻撃で取られてたアカウントのtokenから直接publishされ、その後npm incによって全ユーザーのtokenがリセットされた。\n攻撃手法や対策について","tags":["ESLint","npm","security","node.js"],"relatedLinks":[{"title":"The npm Blog — Incident report: npm, Inc. operations incident of...","url":"https://blog.npmjs.org/post/175824896885/incident-report-npm-inc-operations-incident-of"},{"title":"2018/07/12 に発生したセキュリティ インシデント (eslint-scope@3.7.2) について - Qiita","url":"https://qiita.com/mysticatea/items/0141657e4478d9cf4614"}]},{"date":"2018-07-19T02:05:42.485Z","title":"Release Notes for Safari Technology Preview 61 | WebKit","url":"https://webkit.org/blog/8365/release-notes-for-safari-technology-preview-61/","content":"Safari Technology Preview 61リリース。\n`Element.toggleAttribute`のサポート、`fetch`の`credentials`のデフォルト値を`same-origin`へ変更など","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"Element.toggleAttribute | blog.jxck.io","url":"https://blog.jxck.io/entries/2018-07-20/toggle-attribute.html"}]},{"date":"2018-07-19T05:54:07.947Z","title":"Node v10.7.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v10.7.0/","content":"Node.js 10.7.0リリース。\n`console.timeLog()`の実装、`process.hrtime.bigint()`の実装、`--title`コマンドライン引数でプロセスのタイトルを指定できるようになるなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2018-07-19T08:22:23.935Z","title":"Connection-Aware Components | Max Böck - Frontend Web Developer","url":"https://mxb.at/blog/connection-aware-components/","content":"Network Information APIや`navigator.onLine`などを使った接続情報を考慮したReactコンポーネントの作り方について","tags":["JavaScript","article","React"],"relatedLinks":[]},{"date":"2018-07-20T01:31:59.781Z","title":"Compiler in JavaScript using ANTLR – DailyJS – Medium","url":"https://medium.com/dailyjs/compiler-in-javascript-using-antlr-9ec53fd2780f","content":"ANTLRを使ってコンパイラを作る話。\nECMAScriptを入力にしてPythonのコードを出力するコンパイラをどうのように作るかについて","tags":["JavaScript","article","AST"],"relatedLinks":[{"title":"antlr4 - npm","url":"https://www.npmjs.com/package/antlr4"}]},{"date":"2018-07-20T09:44:07.962Z","title":"Ember.js - Ember 3.3 Released","url":"https://emberjs.com/blog/2018/07/16/ember-3-3-released.html","content":"Ember 3.3リリース。\njQueryの依存をオプショナルにできるように","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Release v3.3.0 · emberjs/ember.js","url":"https://github.com/emberjs/ember.js/releases/tag/v3.3.0"}]},{"date":"2018-07-20T14:47:20.125Z","title":"Support the native graal packages by ChadKillingsworth · Pull Request #90 · google/closure-compiler-npm","url":"https://github.com/google/closure-compiler-npm/pull/90","content":"Closure Compilerにネイティブバイナリが同梱された(macOSとLinux)","tags":["JavaScript","Java","news","Tools"],"relatedLinks":[{"title":"Release 20180716.0.0 · google/closure-compiler-npm","url":"https://github.com/google/closure-compiler-npm/releases/tag/20180716.0.0"}]},{"date":"2018-07-21T02:28:52.028Z","title":"Element.toggleAttribute | blog.jxck.io","url":"https://blog.jxck.io/entries/2018-07-20/toggle-attribute.html","content":"属性の値をトグルをする`Element.prototype.toggleAttribute`について","tags":["DOM","JavaScript"],"relatedLinks":[]},{"date":"2018-07-21T09:01:05.400Z","title":"nathan/pax: The fastest JavaScript bundler in the galaxy.","url":"https://github.com/nathan/pax","content":"Rust製のJavaScript Bundler","tags":["Rust","JavaScript","bundler","Tools"],"relatedLinks":[]},{"date":"2018-07-22T01:43:13.673Z","title":"GoogleChromeLabs/ndb: ndb is an improved debugging experience for Node.js, enabled by Chrome DevTools","url":"https://github.com/GoogleChromeLabs/ndb","content":"Puppeteerを使ったNode.jsのデバッガーツール。\nNode.jsのアプリに対してChrome開発者ツールでデバッグできる。\n`node --inspect`に比べてコンソールパネルでの実行、ブレークポイントの対応、プロファイル周りなどが追加されている。","tags":["Chrome","node.js","Tools"],"relatedLinks":[]},{"date":"2018-07-22T11:00:48.756Z","title":"普通のHTMLの書き方","url":"https://hail2u.net/documents/html-best-practices.html","content":"HTMLの避けるべき非推奨な書き方、簡潔な書き方、セマンティック、アクセシビリティを考慮した書き方などについてのドキュメント。\nそれぞれの項目に悪い例と良い例つきで解説されている。よくある記述の仕様的な解説なども書かれている。\n","tags":["HTML","HTML5","document","spec"],"relatedLinks":[]},{"date":"2018-07-22T14:08:47.017Z","title":"PWACompat: the Web App Manifest for all browsers  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/07/pwacompat","content":"Web App Manifestから古いSafariやレガシーブラウザ向けにメタ要素を追加するライブラリ。","tags":["PWA","Tools","article","polyfill"],"relatedLinks":[{"title":"GoogleChromeLabs/pwacompat: PWACompat to bring Web App Manifest to older browsers","url":"https://github.com/GoogleChromeLabs/pwacompat"}]},{"date":"2018-07-22T14:22:53.994Z","title":"Operationalizing Node.js for Server Side Rendering – Airbnb Engineering & Data Science – Medium","url":"https://medium.com/airbnb-engineering/operationalizing-node-js-for-server-side-rendering-c5ba718acfc9","content":"AirbnbにおけるReactのサーバサイドレンダリングのパフォーマンスについての記事。JavaScriptがどのように非同期処理をしているかやボトルネックとなる場所についてなど","tags":["React","node.js","article"],"relatedLinks":[]},{"date":"2018-07-22T14:24:52.161Z","title":"ramhejazi/draxt: draxt.js – NodeList-like/jQuery-like package for File System (node.js)","url":"https://github.com/ramhejazi/draxt","content":"Node.jsの`fs`を配列などのようにメソッドチェーンで操作できるライブラリ","tags":["node.js","library"],"relatedLinks":[]},{"date":"2018-07-23T14:38:34.524Z","title":"Monthly Web の作り方 2018 年版 | blog.jxck.io","url":"https://blog.jxck.io/entries/2018-07-18/how-to-logging-monthly-web.html","content":"ウェブ標準に関する仕様や実装の一次情報について。\nブラウザ、WHATWG/W3C、TC39、IETFに関して、それぞれどのような形で情報が公開されているかについてまとめられている。","tags":["web","spec","proposal","article"],"relatedLinks":[]},{"date":"2018-07-23T14:42:54.566Z","title":"CanJS 5.0","url":"https://www.bitovi.com/blog/canjs-5","content":"CanJS 5.0リリース。","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-07-24T00:39:34.477Z","title":"imbrn/v8n: JavaScript fluent validation library.","url":"https://github.com/imbrn/v8n","content":"メソッドチェーンでバリデーションルールを書けるライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2018-07-25T02:20:08.726Z","title":"New in Chrome 68  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/07/nic68","content":"Chrome 68リリース。\nHTTPなサイトにはNot Secureの表示がでるように。\nPage Lifecycle APIのサポート、`customElements.upgrade()`のサポート、Service WorkerにおけるHTTPキャッシュのデフォルトの挙動を変更など","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Chrome Releases: Stable Channel Update for Desktop","url":"https://chromereleases.googleblog.com/2018/07/stable-channel-update-for-desktop.html"},{"title":"Chromium Blog: Chrome 68 Beta: add to home screen, payment handler, page lifecycle","url":"https://blog.chromium.org/2018/06/chrome-68-beta-add-to-home-screen.html"},{"title":"Fresher service workers, by default  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/06/fresher-sw"}]},{"date":"2018-07-25T02:25:28.273Z","title":"Page Lifecycle API  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/07/page-lifecycle-api","content":"Page Lifecycle APIについての解説。\nウェブページにライフサイクルの概念を導入する。`visibilitychange`など既存のイベントや新しく追加された`freeze`、`resume`などイベントの紹介、ライフサイクルにおけるStateについてを解説している。","tags":["JavaScript","Chrome","article","WebPlatformAPI"],"relatedLinks":[]},{"date":"2018-07-25T10:57:05.735Z","title":"A one year PWA retrospective – Pinterest Engineering – Medium","url":"https://medium.com/@Pinterest_Engineering/a-one-year-pwa-retrospective-f4a2f4129e05","content":"PinterestのモバイルサイトのPWA化についてのタイムライン。\nログインユーザーからログアウトユーザーへの適応、GestaltとUIレイアウト、bundleサイズについてなど","tags":["PWA","article"],"relatedLinks":[]},{"date":"2018-07-27T02:16:04.176Z","title":"thedaviddias/Front-End-Performance-Checklist: 🎮 The only Front-End Performance Checklist that runs faster than the others","url":"https://github.com/thedaviddias/Front-End-Performance-Checklist","content":"フロントエンドのパフォーマンスチェックリスト","tags":["browser","performance","document"],"relatedLinks":[]},{"date":"2018-07-28T01:50:14.342Z","title":"time-travel.md","url":"https://gist.github.com/jasonLaster/1e220992c294a571dd9b59abd084ccf2","content":"FirefoxのNightlyに入ったWebReplayの使い方や機能について。 一連の操作や状態を保存してブレークポイントからの状態をもどしていったり、リプレイできるデバッグ機能。バグの再現とデバッグなどに利用できる。","tags":["debug","firefox","article"],"relatedLinks":[]},{"date":"2018-07-28T03:26:36.590Z","title":"Redux vs. The React Context API","url":"https://daveceddia.com/context-api-vs-redux/","content":"React Contextの使い方や動作についての解説。Reduxでのステート管理との違いやContextはReduxを置き換えるものではない点についてなど","tags":["React","article"],"relatedLinks":[]},{"date":"2018-07-29T12:33:01.865Z","title":"Prettier 1.14: YAML Support · Prettier","url":"https://prettier.io/blog/2018/07/29/1.14.0.html","content":"Prettier 1.14リリース。\nYAMLのサポート、Front matterをサポート、`requirePragma`と`requirePragma`を各言語でサポート、CJK処理を改善してパフォーマンスの改善など","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2018-07-29T13:23:39.516Z","title":"Removing Babel's Stage Presets · Babel","url":"https://babeljs.io/blog/2018/07/27/removing-babels-stage-presets","content":"Babel 7では`babel-preset-stage-0`のようなStage Presetを公開しないことについて。\nStage Presetを削除することにした背景やProposalへのフィードバックについて。","tags":["babel","article"],"relatedLinks":[]},{"date":"2018-07-30T01:24:36.577Z","title":"Vue技术内幕","url":"http://hcysun.me/vue-design/","content":"Vue.jsのソースコードを解説する電子書籍。\nディレクトリ構造、オプションや初期化処理、リアクティブシステムの実装、テンプレートのパースとジェネレートの仕組み、Virtual DOMについてなど","tags":["Vue","JavaScript","ebook"],"relatedLinks":[]},{"date":"2018-07-30T14:46:59.226Z","title":"Angular v6.1 Now Available — TypeScript 2.9, Scroll Positioning, and more","url":"https://blog.angular.io/angular-v6-1-now-available-typescript-2-9-scroll-positioning-and-more-9f1c03007bb6","content":"Angular v6.1リリース。\nルーターの`scrollPositionRestoration`オプションでスクロール位置の保存に対応、TypeScript 2.9サポートなど","tags":["Angular","ReleaseNote"],"relatedLinks":[]},{"date":"2018-07-30T14:47:50.357Z","title":"cozmo/jsQR: A pure javascript QR code reading library. This library takes in raw images and will locate, extract and parse any QR code found within.","url":"https://github.com/cozmo/jsQR","content":"依存がないQRコードリーダライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2018-07-30T14:54:56.972Z","title":"Announcing the Ionic 4 Beta | The Official Ionic Blog","url":"https://blog.ionicframework.com/announcing-ionic-4-beta/","content":"クロスプラットフォームアプリ開発フレームワークのIonic 4 Betaリリース。","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-07-30T22:15:52.081Z","title":"Announcing TypeScript 3.0 | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2018/07/30/announcing-typescript-3-0/","content":"TypeScript 3.0リリース。\nProject references、可変長引数に型パラメータを適応できるように、Tuple型の改善、`unknown`型の追加、Reactの`defaultProps`の型のサポートなど","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"TypeScript 3.0.0-RC 変更点 - Qiita","url":"https://qiita.com/vvakame/items/57a0559c45b88b2ae168"}]},{"date":"2018-07-31T00:27:56.042Z","title":"perf-tools/performance at master · artifact-project/perf-tools","url":"https://github.com/artifact-project/perf-tools/tree/master/performance","content":"User Timing APIのpolyfillライブラリ","tags":["JavaScript","performance","library"],"relatedLinks":[]},{"date":"2018-07-31T00:33:03.705Z","title":"Logging Activity With The Web Beacon API — Smashing Magazine","url":"https://www.smashingmagazine.com/2018/07/logging-activity-web-beacon-api/","content":"`navigator.sendBeacon`を使ってページを離脱する前にログを送信する方法について。\nまたGDPRやDNTの対応について","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2018-08-01T23:32:09.287Z","title":"Node v10.8.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v10.8.0/","content":"Node v10.8.0リリース。\nnpm 6.2.0が同梱されるようになった。","tags":["node.js","npm","ReleaseNote"],"relatedLinks":[]},{"date":"2018-08-01T23:56:36.658Z","title":"Vue.js で XSS を作り込まないために気を付けること - SSTエンジニアブログ","url":"https://techblog.securesky-tech.com/entry/2018/08/01/110000","content":"Vue.jsでXSSが発生するポイントについての解説。\n`v-html`、`href`のバインディグ、サーバサイドのテンプレートとCSRでのエスケープ漏れなどについて","tags":["Vue","security","article","XSS"],"relatedLinks":[]},{"date":"2018-08-02T01:58:19.795Z","title":"React v16.4.2: Server-side vulnerability fix - React Blog","url":"https://reactjs.org/blog/2018/08/01/react-v-16-4-2.html","content":"React 16.4.2リリース。\nSSRにおいてユーザー入力をコンポーネントの属性名に渡せるとXSSが発生する問題を修正。\nminorごとに同様のpatchリリースが公開されている。\nVueとPreactも同様の問題があり、合わせてsecurity fixがリリースされた。","tags":["React","ReleaseNote","security"],"relatedLinks":[]},{"date":"2018-08-02T02:41:06.491Z","title":"Release Notes for Safari Technology Preview 62 | WebKit","url":"https://webkit.org/blog/8384/release-notes-for-safari-technology-preview-62/","content":"Safari Technology Preview 62リリース。\nITPデバッグモードの試験的追加、`JSON.stringify`の修正、HLSストリームのキャッシュを無効化、CSS Gridの`gap`プロパティにおける`calc`が動くように修正など","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2018-08-02T15:12:13.232Z","title":"JSDocで型チェックする - Qiita","url":"https://qiita.com/shisama/items/016288d38165d542fffd","content":"TypeScriptの`allowJs`と`checkJs`を使ったJavaScriptでの型チェックについて。\nJSDocで書いた型アノテーションや型定義ファイルを元に型チェックを行う方法について","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2018-08-07T00:50:35.162Z","title":"Chromium Blog: Chrome 69 Beta: CSS tricks, and more","url":"https://blog.chromium.org/2018/08/chrome-69-beta-av1-video-decoder-css.html","content":"Chrome 69βリリース。 CSS conic gradients、CSS scroll snap、CSS `env()` functionのサポート。\nReportingObserver API、Keyboard Map APIのサポートなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Audio/Video Updates in Chrome 69  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/08/chrome-69-media-updates"},{"title":"Deprecations and removals in Chrome 69  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/08/chrome-69-deps-rems"},{"title":"Chrome Platform Status","url":"https://www.chromestatus.com/features#browsers.chrome.desktop%3D69"}]},{"date":"2018-08-03T10:29:40.691Z","title":"The Cost Of JavaScript In 2018 – Addy Osmani – Medium","url":"https://medium.com/@addyosmani/the-cost-of-javascript-in-2018-7d8950fbb5d4","content":"JavaScriptのパフォーマンスコストについての記事。\nファイルサイズ、ロード時間、インタラクティブになるまでの時間、モバイルや低スペックマシンでのコスト。\nまたパフォーマンスを改善するパターンなどについて","tags":["JavaScript","article","performance"],"relatedLinks":[]},{"date":"2018-08-03T12:50:25.567Z","title":"TestCafe v0.21.0 Released | TestCafe","url":"http://devexpress.github.io/testcafe/blog/testcafe-v0-21-0-released.html","content":"TestCafe v0.21.0リリース。\nテストページをHTTPSでアクセスできるように、スクリーンショットのパスに変数を使えるようになるなど","tags":["browser","testing","E2E","ReleaseNote"],"relatedLinks":[]},{"date":"2018-08-04T11:11:11.037Z","title":"Dojo Version 3.0 | Dojo","url":"https://dojo.io/blog/2018/07/27/2018-07-27-Dojo-version-3-release/","content":"Dojo 3.0リリース。\nパッケージが細かく別れていたものを`@dojo/framework`に統合して利用できるように変更。マイグレーションスクリプトも公開されている。","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"framework/V3-Migration-Guide.md at master · dojo/framework","url":"https://github.com/dojo/framework/blob/master/docs/V3-Migration-Guide.md"}]},{"date":"2018-08-06T02:18:01.726Z","title":"I created the exact same app in React and Vue. Here are the differences.","url":"https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-vue-here-are-the-differences-e9a1ae8077fd","content":"VueとReactで同じTodoアプリを作って比較する記事。\n処理ごとにそれぞれのやり方を比較して紹介している。","tags":["Vue","React","article"],"relatedLinks":[]},{"date":"2018-08-06T02:35:36.613Z","title":"Fusion.js Documentation","url":"https://fusionjs.com/","content":"UberのプラグインベースなBrowser/Node.jsウェブフレームワーク。コアにプラグインの仕組みとDIの仕組みを持ち、ReactやRedux、KoaなどUberがよく利用しているものをプラグインとして導入できる。\nwebpackやbabelなどをラップするcliがあり、create-react-appのように設定ファイルを触らずに開発ができる。","tags":["JavaScript","library","plugin","browser","node.js"],"relatedLinks":[{"title":"Introducing Fusion.js: A Plugin-based Universal Web Framework","url":"https://eng.uber.com/fusionjs/"}]},{"date":"2018-08-06T10:25:07.537Z","title":"ちゃんと理解するCode Splitting - Qiita","url":"https://qiita.com/seya/items/06b160adb7801ae9e66f","content":"webpackにおけるCode Splittingの動作の解説。Code Splittingのメリットとデメリット。\nCode SplittingするUIのパターンやDynamic Import、`webpackPrefetch`オプション、VueやReactでの対応についてなど","tags":["webpack","article","JavaScript"],"relatedLinks":[]},{"date":"2018-08-06T12:59:43.890Z","title":"Frontend News","url":"https://frontendnews.io/","content":"フロントエンドに関する1週間に1つのTipsについてを更新するサイト","tags":["CSS","DOM","JavaScript","mail","web"],"relatedLinks":[]},{"date":"2018-08-06T13:10:04.636Z","title":"sasha240100/between.js: Lightweight JavaScript (ES6) tweening engine","url":"https://github.com/sasha240100/between.js","content":"AからBへ値の変化を扱えるライブラリ。\nTweening animationのような特定のイージングやループでの値の変化を扱う。","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2018-08-06T13:28:16.322Z","title":"ESLint v5.3.0 released - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2018/08/eslint-v5.3.0-released","content":"ESLint 5.3.0リリース。\n正規表現に関するルールが2つ、Async Functionに関するルールが2つ追加された。","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"ESLint v5.3.0 - Qiita","url":"https://qiita.com/mysticatea/items/eb99e18d6cc7c3bf9317"},{"title":"Promise のコンストラクタに渡した async function 内で throw しても rejected な Promise は作られない（常に fulfilled になる） - Humanity","url":"http://tyru.hatenablog.com/entry/2018/08/04/220530"}]},{"date":"2018-08-06T23:05:10.059Z","title":"Storybook Tutorial","url":"https://www.learnstorybook.com/","content":"Storybookのチュートリアル。\nReact、Angular、Vueに対応したStirybookでのコンポーネント開発やChromaticを使ったビジュアルテストなどについて書かれている","tags":["React","Angular","Vue","tutorial"],"relatedLinks":[{"title":"Chromatic visual testing for React","url":"https://www.chromaticqa.com/"}]},{"date":"2018-08-06T23:29:24.051Z","title":"Release 8.3.0 · developit/preact","url":"https://github.com/developit/preact/releases/tag/8.3.0","content":"Preact 8.3.0リリース。\n`getDerivedStateFromProps`と`getSnapshotBeforeUpdate`に対応。moduleを`.mjs`で出力するように、`setState`の挙動をReactに近づけるように修正など","tags":["React","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-08-08T01:08:59.285Z","title":"webhint: a hinting engine for the web – webhint – Medium","url":"https://medium.com/webhint/webhint-a-hinting-engine-for-the-web-ef0d3fa32ea9","content":"webhint(sonarwhal)のリリース。\nsonarwhalからwebhintへ名前の変更、起動時間の改善、`npm create hintrc`で設定ファイルを作成できるようになるなど","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2018-08-08T05:36:01.295Z","title":"V8 JavaScript Engine: V8 release v6.9","url":"https://v8project.blogspot.com/2018/08/v8-release-69.html","content":"V8 v6.9リリース。\nメモリ使用量の削減、WebAssemblyコンパイラの起動速度などの改善、DataViewの速度改善など","tags":["V8","ReleaseNote"],"relatedLinks":[]},{"date":"2018-08-08T09:15:10.129Z","title":"NaturalIntelligence/fast-xml-parser: Validate XML, Parse XML to JS/JSON and vise versa, or parse XML to Nimn rapidly without C/C++ based libraries and no callback","url":"https://github.com/NaturalIntelligence/fast-xml-parser","content":"Pure JavaScriptなXML to JSON、JSON to XMLの変換ライブラリ。\n","tags":["XML","JavaScript","library"],"relatedLinks":[]},{"date":"2018-08-08T23:07:13.802Z","title":"Announcing Dart 2 Stable and the Dart Web Platform – Dart – Medium","url":"https://medium.com/dartlang/dart-2-stable-and-the-dart-web-platform-3775d5f8eac7","content":"Dart 2リリース。","tags":["dart","ReleaseNote"],"relatedLinks":[{"title":"Dart 2 | Dart","url":"https://www.dartlang.org/dart-2"}]},{"date":"2018-08-09T09:06:13.920Z","title":"AngularJSのリプレースにAngularを選んだ話 - BizReach Tech Blog","url":"https://tech.bizreach.co.jp/posts/51/angular-upgrade/","content":"AngularJS(1.x)で書かれたページをパフォーマンスと将来性の問題からAngular(2以降)に移行した話。\n複数のアプリに対応できるようにUIコンポーネントをライブラリ化、Atomic Components、standard-versionを使ったバージョン管理についてなど","tags":["Angular","article"],"relatedLinks":[{"title":"大規模Angular SPA開発に立ち向かうためにアプリとUIを切り分けた話 - BizReach Tech Blog","url":"https://tech.bizreach.co.jp/posts/204/angular-upgrade-second/"}]},{"date":"2018-08-10T01:41:29.765Z","title":"Release v3.0.0 · lerna/lerna","url":"https://github.com/lerna/lerna/releases/tag/v3.0.0","content":"monorepo管理ツールのlerna 3.0.0リリース。\n`lerna publish`と`lerna version`コマンドに分離、`lerna changed`の追加。\n`lerna publish`時に自動的にGitへ`--no-verify`を渡すのをやめ`--commit-hook`オプションを追加、lerna自身をmonorepoで管理するようになるなど","tags":["JavaScript","monorepo","ReleaseNote","Tools"],"relatedLinks":[]},{"date":"2018-08-10T09:14:02.523Z","title":"Release v3.0.0 · karma-runner/karma","url":"https://github.com/karma-runner/karma/releases/tag/v3.0.0","content":"Karma 3.0.0リリース。\nデフォルトのタイムアウト時間の変更、`karma init`で`ChromeHeadless`を選択できるようになるなど","tags":["browser","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2018-08-11T10:35:00.625Z","title":"Vue CLI 3.0 is here! – The Vue Point – Medium","url":"https://medium.com/the-vue-point/vue-cli-3-0-is-here-c42bebe28fbb","content":"Vue CLI 3.0リリース。\nCLIが書き直されたバージョンでリッチな機能を多くもつ。\nejectしなくてもwebpackなどをカスタマイズできるように、プラグインシステム、ダッシュボードのGUI、開発サーバ、ビルドやModern Modeについてなど","tags":["Vue","console","Tools","ReleaseNote"],"relatedLinks":[{"title":"mozilla-neutrino/webpack-chain: A chaining API to generate and simplify the modification of Webpack configurations.","url":"https://github.com/mozilla-neutrino/webpack-chain"}]},{"date":"2018-08-12T09:16:05.080Z","title":"Introduction · Human Redux","url":"https://read.reduxbook.com/","content":"Reduxについての書籍。\nReduxの使い方、Selector、ルーティング、非同期処理やエラー処理、Redux Bundlerなどについて","tags":["redux","book"],"relatedLinks":[]},{"date":"2018-08-13T07:32:20.955Z","title":"Introducing Electron Fiddle – Felix Rieseberg – Medium","url":"https://medium.com/@felixrieseberg/introducing-electron-fiddle-1de2be1ba6e7","content":"ElectronアプリをJSFiddleのようなプレイグラウンドで開発できるアプリ。\nエディタにコードを書いてElectronアプリを実行したり、コードをgistに共有したり、アプリのパッケージ化できる","tags":["Electron","article","software","editor"],"relatedLinks":[{"title":"electron/fiddle: 🚀 The easiest way to get started with Electron","url":"https://github.com/electron/fiddle"}]},{"date":"2018-08-13T07:37:12.264Z","title":"Release v7.0.0-rc.0 · babel/babel","url":"https://github.com/babel/babel/releases/tag/v7.0.0-rc.0","content":"Babel 7 RCリリース。\n","tags":["babel","ReleaseNote"],"relatedLinks":[]},{"date":"2018-08-13T07:54:22.081Z","title":"JavaScript for impatient programmers","url":"http://exploringjs.com/impatient-js/","content":"JavaScriptの文法や機能についてのJavaScript初心者向けの書籍。\n各章ごとにエクササイズが用意されており、ES2018を含む主要な機能を一覧的に学べる書籍。","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2018-08-13T12:19:39.143Z","title":"React Native+Expoではじめるスマホアプリ開発 ~JavaScriptによるアプリ構築の実際~ | 松澤 太郎 |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/dp/4839966648/","content":"2018年8月29日発売\nReact Nativeでのアプリ開発についての書籍。","tags":["React","book","ios","Android"],"relatedLinks":[]},{"date":"2018-08-14T02:09:57.836Z","title":"Variable Scope in Modern JavaScript with var, let and const | Andy Carter","url":"https://andy-carter.com/blog/variable-scope-in-modern-javascript","content":"`var`、`let`、`const`の変数のスコープについて解説している記事。\n","tags":["JavaScript","article"],"relatedLinks":[{"title":"関数とスコープ · JavaScriptの入門書 #jsprimer","url":"https://asciidwango.github.io/js-primer/basic/function-scope/"}]},{"date":"2018-08-14T23:45:43.393Z","title":"Better tree shaking with deep scope analysis – webpack – Medium","url":"https://medium.com/webpack/better-tree-shaking-with-deep-scope-analysis-a0b788c0ce77","content":"webpackのTree Shakingではモジュール間同士の依存に関するDead Code Eliminationに動かないケースがあった。\nそのパターンを解決するプラグインとその動作の解説について","tags":["webpack","JavaScript","article"],"relatedLinks":[{"title":"vincentdchan/webpack-deep-scope-analysis-plugin: A webpack plugin for deep scope analysis","url":"https://github.com/vincentdchan/webpack-deep-scope-analysis-plugin"},{"title":"Unexpected code after tree-shake · Issue #6264 · webpack/webpack","url":"https://github.com/webpack/webpack/issues/6264"}]},{"date":"2018-08-15T12:32:23.415Z","title":"Vue.js入門 基礎から実践アプリケーション開発まで | 川口 和也, 手島 拓也, 野田 陽平, 喜多 啓介, 片山 真也 |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/dp/4297100916/","content":"2018年9月22日発売\nVue.jsについての書籍","tags":["Vue","book"],"relatedLinks":[]},{"date":"2018-08-16T02:54:52.032Z","title":"Release: npm@6.4.0 - 📣 announcements - npm forum","url":"https://npm.community/t/release-npm-6-4-0/1417","content":"npm 6.4.0リリース。\nIPv6が使える場合はIPv6を使うように、`npm audit`に`--audit-level`を追加など","tags":["npm","ReleaseNote"],"relatedLinks":[]},{"date":"2018-08-16T13:06:59.350Z","title":"Puppeteer Recorder - Chrome ウェブストア","url":"https://chrome.google.com/webstore/detail/puppeteer-recorder/djeegiggegleadkkbgopoonhjimgehda","content":"Chromeの操作を記録してPuppeteerで再生できるスクリプトを出力できるブラウザ拡張。\n","tags":["Chrome","Extension","testing"],"relatedLinks":[]},{"date":"2018-08-17T08:43:16.860Z","title":"deepsweet/foxr: 🦊 Node.js API to control Firefox","url":"https://github.com/deepsweet/foxr","content":"Firefoxをremote protocol経由で操作するNode.jsライブラリ。\nHeadlessモードにも対応し、APIはPuppeteerのサブセット互換のものを提供することを目的としている","tags":["firefox","API","node.js"],"relatedLinks":[]},{"date":"2018-08-17T14:10:59.250Z","title":"webpack 4.0 to 4.16: Did you know? – webpack – Medium","url":"https://medium.com/webpack/webpack-4-0-to-4-16-did-you-know-71e25a57fa6b","content":"webpack 4以降の変更点について。\n`optimization`に`automaticNameDelimiter`、`maxSize`オプションの追加。\nDynamic Importでpreloadなどを指定できる`webpackPrefetch`や、そのまま`import()`として出力するための`webpackIgnore`コメントのサポートなど。","tags":["webpack","article"],"relatedLinks":[]},{"date":"2018-08-19T12:53:24.794Z","title":"Angular Console","url":"https://angularconsole.com/","content":"Angular CLIのUIを提供することを目的にしたアプリ。\nAngular CLIでできる操作をGUIから行えるようにすることが目的。\n","tags":["Angular","console","GUI","software"],"relatedLinks":[{"title":"Angular Console — The UI for the Angular CLI – nrwl","url":"https://blog.nrwl.io/angular-console-the-ui-for-the-angular-cli-a5d0924240b7"}]},{"date":"2018-08-19T14:13:21.298Z","title":"Scroll to the future — Martian Chronicles, Evil Martians’ team blog","url":"https://evilmartians.com/chronicles/scroll-to-the-future-modern-javascript-css-scrolling-implementations","content":"ブラウザとスクロールについての歴史や変更についてをまとめた記事。\nスクロールバーのOSやブラウザでの表示の違い、`Element#scrollIntoView`やCSS `scroll-behavior`でのスクロールの挙動。\nまたstickyやIntersection Observer、`overscroll-behavior`プロパティなどについて","tags":["browser","UI","WebPlatformAPI","CSS","JavaScript"],"relatedLinks":[]},{"date":"2018-08-19T14:26:09.944Z","title":"Cross-tab Synchronization with the Web Locks API - Blog | SitePen","url":"https://www.sitepen.com/blog/2018/08/14/cross-tab-synchronization-with-the-web-locks-api/","content":"Web Locks APIを使ったタブ間同士のコミュニケーションについて。\nWeb Locks APIのユースケースや使い方について\n","tags":["WebPlatformAPI","Chrome","JavaScript","article"],"relatedLinks":[{"title":"WICG/web-locks: Cross-tab resource coordination API","url":"https://github.com/WICG/web-locks/"}]},{"date":"2018-08-19T14:43:40.364Z","title":"flowchart.js","url":"http://flowchart.js.org/","content":"テキストからSVGのフローチャートを作成するJavaScriptライブラリ。\n","tags":["JavaScript","SVG","library","グラフ"],"relatedLinks":[]},{"date":"2018-08-19T14:50:55.831Z","title":"Tonejs/Tone.js: A Web Audio framework for making interactive music in the browser.","url":"https://github.com/Tonejs/Tone.js","content":"Web Audio APIを使ったインタラクティブミュージックを作成するためのフレームワーク。\nMax/MSPインスパイアなシグナルプロセッシング向けの処理やモジュールを提供するのが目的","tags":["web ","audio","API","library"],"relatedLinks":[]},{"date":"2018-08-21T01:37:56.296Z","title":"spencermountain/spacetime: A lightweight javascript timezone library","url":"https://github.com/spencermountain/spacetime","content":"他のライブラリに依存していないタイムゾーンライブラリ。また、i18n APIには直接依存していない。歴史的なタイムゾーンの扱いを省略することでファイルサイズを小さくしている。","tags":["JavaScript","i18n","library"],"relatedLinks":[{"title":"Home · spencermountain/spacetime Wiki","url":"https://github.com/spencermountain/spacetime/wiki"}]},{"date":"2018-08-20T01:40:37.589Z","title":"JavaScript Data Structures and Algorithms: An Introduction to Understanding and Implementing Core Data Structure and Algorithm Fundamentals: Sammie Bae: 9781484239872: Amazon.com: Books","url":"https://www.amazon.com/dp/1484239873/","content":"2019年3月11日発売\nJavaScriptでのデータ構造やアルゴリズムについての書籍","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2018-08-20T10:00:54.870Z","title":"JavaScript engine fundamentals: optimizing prototypes · Mathias Bynens","url":"https://mathiasbynens.be/notes/prototypes","content":"JavaScriptエンジン(V8)の`prototype`の最適化の仕組みについての解説","tags":["JavaScript","V8"],"relatedLinks":[]},{"date":"2018-08-20T13:30:17.703Z","title":"JavaScript逆引きレシピ 第2版 達人が選んだ珠玉の現場ワザ（山田祥寛）｜翔泳社の本","url":"https://www.shoeisha.co.jp/book/detail/9784798157573","content":"2018年10月15日発売\nJavaScriptの逆引きリファレンス本","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2018-08-20T15:23:30.656Z","title":"Tangled World of Web Technology ― Are we safe? - Speaker Deck","url":"https://speakerdeck.com/lmt_swallow/tangled-world-of-web-technology-are-we-safe","content":"ブラウザでの新しい技術と今まである技術が絡んだ脆弱性についてのスライド。\nReactやVueといったデフォルトエスケープされるライブラリにおいてもXSSは起こるケースがあること。\nまた、Service WorkerやCSPなど新しい技術と今まである技術が絡み合うことで発生する問題などの紹介。","tags":["JavaScript","library","XSS","slide","security"],"relatedLinks":[]},{"date":"2018-08-21T00:09:47.452Z","title":"arguiot/TheoremJS: A Math library for computation in JavaScript","url":"https://github.com/arguiot/TheoremJS","content":"MathやNumber、代数、統計などに関する関数を集めたmathematicalフレームワーク","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2018-08-21T06:41:18.199Z","title":"jsdom/Changelog.md at master · jsdom/jsdom","url":"https://github.com/jsdom/jsdom/blob/master/Changelog.md#1200","content":"jsdom 12.0.0リリース。\nNode.js 8以降が必要になるように、`ResourceLoader`の追加、依存の更新など","tags":["JavaScript","DOM","ReleaseNote"],"relatedLinks":[]},{"date":"2018-08-24T04:53:46.175Z","title":"A brief guide to using WebpageTest - Frontend News #5","url":"https://frontendnews.io/editions/2018-08-22-a-brief-guide-to-webpagetest","content":"ウェブサイトのパフォーマンス計測サービスであるWebPagetestの使い方を解説した記事。\nそれぞれのビューの読み方や指標となる値などについて","tags":["browser","performance","webservice"],"relatedLinks":[]},{"date":"2018-08-24T05:47:13.050Z","title":"Webpagetestから始める継続的パフォーマンス改善","url":"http://azu.github.io/slide/2018/roppongijs/webpagetest-performance.html","content":"ウェブアプリの継続的なパフォーマンス改善についてのスライド。\nパフォーマンス改善と指標、それを測るための継続的な計測とサービスについて。\nWebPagetestを中心にどのように計測して可視化し、改善した結果を確認したりリグレッションを防ぐかについて","tags":["browser","performance","webservice","slide"],"relatedLinks":[]},{"date":"2018-08-24T10:00:01.684Z","title":"dep: a little Node.js dependency installer – Daijiro Wachi – Medium","url":"https://medium.com/@watilde/dep-a-little-node-js-dependency-installer-b8fead7596d3","content":"`package.json`の依存をインストールできる`dep`について。\n`npm`のコマンドと違って`install`、`lock`、`run`のみを扱う","tags":["node.js","article","npm"],"relatedLinks":[]},{"date":"2018-08-28T02:00:21.701Z","title":"Service Worker Caching Strategies Based on Request Types","url":"https://medium.com/dev-channel/service-worker-caching-strategies-based-on-request-types-57411dd7652c","content":"どの種類に対するリクエストかを判定できる`Request.destination`について。 `Request.destination`を使いキャッシュの戦略を変えるという話。注意点として、一部リクエストは空文字列となり判定できないという話。 \nまた`Request.mode`や`Request.url`などとの組み合わせについて","tags":["Fetch","ServiceWorker","article"],"relatedLinks":[]},{"date":"2018-08-26T04:40:42.899Z","title":"WorkerDOM: Concurrency for JavaScript programming with the DOM – Accelerated Mobile Pages Project","url":"https://amphtml.wordpress.com/2018/08/21/workerdom/","content":"WebWorkerの中で動くDOMの実装のアルファ版を公開したという話。\nメインスレッドでの処理が重なるとjankとなるため、WorkerスレッドでDOM APIの処理を行う実験的実装。\nHydrateしたデータでWorkerとの間をやりとりし、変更はMutationObserverで監視する","tags":["DOM","webworker","article","AMP","JavaScript"],"relatedLinks":[{"title":"WorkerDOM: JavaScript Concurrency and the DOM - Speaker Deck","url":"https://speakerdeck.com/cramforce/workerdom-javascript-concurrency-and-the-dom"},{"title":"ampproject/worker-dom: The same DOM API and Frameworks you know, but in a Web Worker.","url":"https://github.com/ampproject/worker-dom"}]},{"date":"2018-08-26T15:43:56.538Z","title":"rikschennink/fitty: ✨ Makes text fit perfectly","url":"https://github.com/rikschennink/fitty","content":"指定した要素に対してテキストのサイズを合わせるライブラリ。\nカスタムフォントなどにも対応している","tags":["JavaScript","DOM","library"],"relatedLinks":[]},{"date":"2018-08-26T15:58:54.361Z","title":"Why GraphQL: Advantages, Disadvantages & Alternatives - RWieruch","url":"https://www.robinwieruch.de/why-graphql-advantages-disadvantages-alternatives/","content":"GraphQLに関する連載記事。\nGraphQLの特徴、メリット、デメリット、Apolloについて。またApollo Serverとexpressを使ってGraphQLサーバを作成するチュートリアルなど","tags":["graphic","article","tutorial"],"relatedLinks":[{"title":"GraphQL Server Tutorial with Apollo Server and Express - RWieruch","url":"https://www.robinwieruch.de/graphql-apollo-server-tutorial/"}]},{"date":"2018-08-27T06:23:21.962Z","title":"Johnny-Five.io: Johnny-Five v1.0","url":"http://johnny-five.io/news/v1_0/","content":"Robotics Programming Frameworkの Johnny-Five v1.0リリース","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-08-27T07:00:43.120Z","title":"Release v1.1.0 · stimulusjs/stimulus","url":"https://github.com/stimulusjs/stimulus/releases/tag/v1.1.0","content":"Turbolinkと連携できるJavaScriptフレームワークのStimulus 1.1.0リリース。\n`@stimulus/polyfills`の追加、`data-action`属性で複数のactionを指定時にその順序を尊重するように、`DOMContentLoaded`で処理を開始するようになるなど","tags":["JavaScript","HTML","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-08-27T10:06:58.068Z","title":"Almin v0.18 – React Native compatible · Almin","url":"https://almin.js.org/blog/2018/08/27/almin-0.18.html","content":"ステート管理ライブラリのAlmin 0.18.0リリース。\nTypeScript 3.0に対応、React Nativeとの互換性の向上、ファイルサイズの削減など\n","tags":["JavaScript","library","ReleaseNote","almin"],"relatedLinks":[]},{"date":"2018-08-27T14:06:17.987Z","title":"Web Performance Made Easy: Google I/O 2018 edition  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/08/web-performance-made-easy","content":"ウェブサイトのパフォーマンスについての概要的な記事の。\nLightHouseやChromeの開発者ツールを使った不必要なリソースの把握。\nJavaScriptのサイズが起動速度に与える影響やファイルサイズの削減、レンダリングのボトルネックの取り除く方法などについて","tags":["browser","performance","Chrome","article"],"relatedLinks":[]},{"date":"2018-08-28T00:40:04.413Z","title":"Babel 7 Released · Babel","url":"https://babeljs.io/blog/2018/08/27/7.0.0","content":"Babel 7リリース。\nNode.js 4以下のサポート終了、`@babel`スコープへモジュールを移動、`es2015`のような年号プリセットを廃止し`preset-env`に移行、Stageプリセットを廃止。\n`babel.config.js`での設定をサポート、パフォーマンスの改善など。\nマイグレーションは`babel-upgrade`で行える。","tags":["babel","ReleaseNote"],"relatedLinks":[{"title":"babel/babel-upgrade: ⬆️ A tool for upgrading Babel versions (to v7): `npx babel-upgrade`","url":"https://github.com/babel/babel-upgrade"}]},{"date":"2018-08-28T00:46:15.562Z","title":"TypeScript and Babel 7 | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2018/08/27/typescript-and-babel-7/","content":"Babel 7の`@babel/typescript`について。\nBabelでTypeScriptのコードをJavaScriptへ変換(型情報を除去)できる。\n型チェックやいくつかのTS独自の構文をサポートしないという制限はあるが、Babelのエコシステム上でTSのコードを扱える。","tags":["TypeScript","babel","article"],"relatedLinks":[]},{"date":"2018-08-30T07:22:23.984Z","title":"Release Notes for Safari Technology Preview 64 | WebKit","url":"https://webkit.org/blog/8406/release-notes-for-safari-technology-preview-64/","content":"Safari Technology Preview 64リリース。\nWebWorkerの`name`オプションをサポート、Safari Push Notificationsでパーミッションを要求するのはユーザージェスチャ起因じゃないとできなくなるなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2018-09-01T02:41:53.497Z","title":"Chromium Blog: Charting Browser Interoperability","url":"https://blog.chromium.org/2018/08/charting-browser-interoperability.html","content":"ブラウザのAPIに関するinteroperabilityについての記事\n個別のブラウザ特有のAPIの数、メジャーブラウザすべてで実装されてるAPIの数などのデータの見方。\nまたそれらのAPIをどのように集めているかについてなど","tags":["browser","WebPlatformAPI"],"relatedLinks":[{"title":"Web API Confluence Dashboard","url":"https://web-confluence.appspot.com/#!/"}]},{"date":"2018-09-01T03:11:43.198Z","title":"Release v3.5.0 · fuse-box/fuse-box","url":"https://github.com/fuse-box/fuse-box/releases/tag/v3.5.0","content":"FuseBox 3.5.0リリース。\ntargetに`npm-server`, `npm-browser`, `npm-universal`を追加など","tags":["node.js","bundler","ReleaseNote"],"relatedLinks":[]},{"date":"2018-09-01T10:48:11.921Z","title":"dy/font-measure: Compute font metrics such as x-height, cap height, ascent, descent and tittle for any web font.","url":"https://github.com/dy/font-measure","content":"font familyを指定すると、そのfontのメトリクス情報を返してくれるライブラリ。 Canvasを使い計測している","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2018-09-01T09:41:49.078Z","title":"Release v0.80.0 · facebook/flow","url":"https://github.com/facebook/flow/releases/tag/v0.80.0","content":"Flow 0.80.0リリース。\nFlow lintのseverity算出の仕組みの変更、いつくかのlibdefの型を変更など","tags":["flowtype","ReleaseNote"],"relatedLinks":[]},{"date":"2018-09-02T08:01:24.347Z","title":"What's New In DevTools (Chrome 70)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/08/devtools","content":"Chrome 70の開発者ツールの変更点について。\nLive Expressions、ネットワークスロットリングをコマンドメニューから選択できるように、AudioContextに関するEvent Listener BreakPointのサポートなど","tags":["Chrome","article"],"relatedLinks":[]},{"date":"2018-09-02T08:21:51.351Z","title":"Best Practices For Mobile Form Design — Smashing Magazine","url":"https://www.smashingmagazine.com/2018/08/best-practices-for-mobile-form-design/","content":"モバイルでのフォームのデザインについての記事。\nラベルの置き方、フィールドのサイズ、確認項目、パスワードの表示、フィールドの分割、選択肢の置き方、アクセシビリティについてなど","tags":["mobile","design","article"],"relatedLinks":[]},{"date":"2018-09-02T09:27:49.609Z","title":"Introducing F2 – Sima – Medium","url":"https://medium.com/@SimaZwx/https-medium-com-simazwx-introducing-f2-c44fb4e74c2d","content":"モバイル向けに作られたインタラクティブグラフライブラリのF2について。","tags":["JavaScript","グラフ","library","mobile","article"],"relatedLinks":[{"title":"antvis/f2: 📱📈An elegant, interactive and flexible charting library for mobile.","url":"https://github.com/antvis/f2/"}]},{"date":"2018-09-02T12:35:35.176Z","title":"Using the React DevTools Profiler to Diagnose React App Performance Issues | Netlify","url":"https://www.netlify.com/blog/2018/08/29/using-the-react-devtools-profiler-to-diagnose-react-app-performance-issues/","content":"Reactの新しい開発者ツールのProfierを使ったパフォーマンスの問題の見つけ方について。\nReact Renderのcommits回数が多い問題を見つけて、debounceでcommitを減らすようにした話","tags":["React","performance","article"],"relatedLinks":[]},{"date":"2018-09-02T21:08:29.846Z","title":"マイクロサービス/API時代のフロントエンド開発 - ＠IT","url":"http://www.atmarkit.co.jp/ait/series/9324/","content":"BFF（Backends For Frontends）についての連載記事。\nUIのためAPIサーバであるBFFの役割、ユースケース、アンチパターンについてなど","tags":["BFF","server","API","article"],"relatedLinks":[]},{"date":"2018-09-03T07:04:48.652Z","title":"WebGL Insights 日本語版 - アスキードワンゴ","url":"https://asciidwango.jp/post/176833750840/webgl-insights-%E6%97%A5%E6%9C%AC%E8%AA%9E%E7%89%88","content":"2018年8月24日発売\nWebGL Insightsの翻訳本","tags":["WebGL","book"],"relatedLinks":[{"title":" WebGL Insights ","url":"http://www.webglinsights.com/"}]},{"date":"2018-09-04T01:52:46.435Z","title":"Array.prototype.sort について | メモログ","url":"https://memolog.org/2018/about-array-prototype-sort.html","content":"各ブラウザのJavaScriptエンジンのsotの実装について。 仕様では安定ソートを保証しないが、大体が安定ソートになっていっている。\nV8はV8 7.0/Chrome 70でTimesortになる。","tags":["JavaScript","V8","article"],"relatedLinks":[{"title":"Mathias Bynens on Twitter: &quot;Array.prototype.sort is now stable in @v8js v7.0 / Chrome 70! 🎉 Previously, V8 used an unstable QuickSort for arrays with more than 10 elements. Now, we use the stable TimSort algorithm. Demo: https://t.co/X3Y1psd7IM… https://t.co/LhPEE15hA0&quot;","url":"https://twitter.com/mathias/status/1036626116654637057"}]},{"date":"2018-09-04T02:01:17.280Z","title":"TypeScript導入で得られる「変えていく勇気」 / The courage to change by TypeScript - Speaker Deck","url":"https://speakerdeck.com/okunokentaro/the-courage-to-change-by-typescript","content":"TypeScriptを使ったアプリケーション開発についてのスライド。\n今のTypeScriptでは型定義ファイルの管理方法、途中から導入するための手段などが整備されている点について。\nまた型を活用したリファクタリングを行いやすいアーキテクチャについてなど","tags":["TypeScript","slide"],"relatedLinks":[]},{"date":"2018-09-04T02:18:13.811Z","title":"UpperCod/Atomico: 🔥 A small library to work with web components","url":"https://github.com/uppercod/atomico","content":"JSXをサポートしたWebComponentを作成するライブラリ。\nCustom ElementにReactライクなライフサイクルイベントを追加している","tags":["WebComponents","jsx","JavaScript","library"],"relatedLinks":[]},{"date":"2018-09-05T00:01:48.484Z","title":"New in Chrome 69  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/09/nic69","content":"Chrome 69リリース。\nCSS Scroll Snap、CSS `env`とDisplay cutouts、Web Locks API、OffscreenCanvasのサポートなど\n","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Chromium Blog: Chrome 69 Beta: CSS tricks, and more","url":"https://blog.chromium.org/2018/08/chrome-69-beta-av1-video-decoder-css.html"},{"title":"Chrome Platform Status","url":"https://www.chromestatus.com/features#browsers.chrome.desktop%3D69"}]},{"date":"2018-09-05T01:59:16.190Z","title":"Web performance review: TradeMe | Wildly Inaccurate","url":"https://wildlyinaccurate.com/web-performance-review-trademe/","content":"SpeedCurveで計測しながら、ページの表示のパフォーマンスを改善する話。\n何がボトルネックであるかを調べて、Hero Elementであるトップ画像の表示を早く表示するかについて。\nまた改善後もperformance budgetsをもとに修正し続けることについて","tags":["browser","performance","article"],"relatedLinks":[]},{"date":"2018-09-05T08:49:42.753Z","title":"Nuxt.jsビギナーズガイド―Vue.js ベースのフレームワークによるシングルページアプリケーション開発 | 花谷 拓磨 |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/dp/4863542569/","content":"2018年10月19日発売\nNuxt.jsについての書籍","tags":["Vue","book"],"relatedLinks":[]},{"date":"2018-09-07T13:24:43.399Z","title":"The Reporting API  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/09/reportingapi","content":"Reporting APIについて。\n指定したURLに対してCSP違反、Feature Policy違反、deprecationｍネットワークエラーなどのレポートを送信できる。\nまたレポートが送信されたかをデバッグする方法について","tags":["browser","WebPlatformAPI","article"],"relatedLinks":[]},{"date":"2018-09-08T02:59:45.540Z","title":"Node v10.10.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v10.10.0/","content":"Node.js 10.10.0リリース\n`fs`モジュールが`TypedArray`と`DataView`をサポート、`http2`モジュールがexperimentalではなくなった。\nまた`vm.compileFunction`の追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2018-09-08T03:18:28.182Z","title":"Developer Tools support for Web Components in Firefox 63 – Firefox Nightly News","url":"https://blog.nightly.mozilla.org/2018/09/06/developer-tools-support-for-web-components-in-firefox-63/","content":"Firefox 63でWeb Componentsがデフォルトで有効化され開発者ツールも`<template>`要素やShadow DOMなどに対応する","tags":["firefox","debug","WebComponents","article"],"relatedLinks":[]},{"date":"2018-09-08T03:32:06.021Z","title":"Practical React Native: Build Two Full Projects and One Full Game using React Native: Frank Zammetti: 9781484239384: Amazon.com: Books","url":"https://www.amazon.com/dp/1484239385/","content":"2019年3月10日発売\nReact Nativeについての書籍","tags":["JavaScript","React","book"],"relatedLinks":[]},{"date":"2018-09-08T03:33:50.445Z","title":"Browsers, Devices, and Fonts: A Designer's Guide to Fonts and How They Function on the Web: Gary Rozanc: 9781138612310: Amazon.com: Books","url":"https://www.amazon.com/dp/1138612316/","content":"2018年12月8日発売\nウェブタイポグラフィについての書籍。\nWeb Fontsとデザインについて","tags":["web","desin","fonts","book"],"relatedLinks":[]},{"date":"2018-09-08T03:51:17.817Z","title":"Jump Start Vue.js: Nilson Jacques: 9781925836097: Amazon.com: Books","url":"https://www.amazon.com/dp/1925836096/","content":"2019年2月25日発売\nVue、Vuex、Nuxt.jsについて簡潔に紹介する書籍","tags":["Vue","JavaScript","book"],"relatedLinks":[]},{"date":"2018-09-08T04:09:08.056Z","title":"Removing jQuery from GitHub.com frontend | GitHub Engineering","url":"https://githubengineering.com/removing-jquery-from-github-frontend/","content":"GitHubがjQueryの依存を外すまでの話。\njQueryの機能はウェブ標準で代替できるものが増え、また一部のjQueryのメソッドチェーンには意図通りではない挙動があった。\nコードで使われてる`jQuery`のメトリクスをとり可視化、ESLintを使ってjQueryの利用をCIでチェック、Polyfillを使うなどしてウェブ標準の実装に置き換えていった話。","tags":["github","jQuery","JavaScript","WebComponents","article"],"relatedLinks":[{"title":"dgraham/eslint-plugin-jquery: Disallow jQuery functions with native equivalents.","url":"https://github.com/dgraham/eslint-plugin-jquery#readme"}]},{"date":"2018-09-09T12:00:50.885Z","title":"Asynchronous Access to HTTP Cookies  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/09/asynchronous-access-to-http-cookies","content":"Chrome 69でOrigin Trialを開始した Cookie Store APIについて。\n`document.cookie` APIとは異なり非同期処理として扱え、値の変更も監視できる。\nまたServie Workerからも利用できるようになっている","tags":["Chrome","JavaScript","article"],"relatedLinks":[]},{"date":"2018-09-09T23:56:18.227Z","title":"Release fetch 3.0.0 · github/fetch","url":"https://github.com/github/fetch/releases/tag/v3.0.0","content":"Fetch polyfill 3.0.0リリース。\n`credentials`のデフォルト値を`same-origin`に変更、`Request`をキャンセルするための`signal`をサポート、仕様の追従など","tags":["Fetch","JavaScript","library","polyfill","ReleaseNote"],"relatedLinks":[]},{"date":"2018-09-10T06:28:02.256Z","title":"Release v16.5.0 · facebook/react","url":"https://github.com/facebook/react/releases/tag/v16.5.0","content":"React 16.5.0リリース。\nReact DevTools Profilerのサポート、`onAuxClick`のサポートなど","tags":["React","ReleaseNote"],"relatedLinks":[]},{"date":"2018-09-10T12:57:02.739Z","title":"Inside look at modern web browser (part 1)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/09/inside-browser-part1","content":"Chromeのプロセスについての連載。\nどのようにプロセス分離されているか、ページナビゲーションからの各処理の流れなどについて","tags":["Chrome","browser","article"],"relatedLinks":[]},{"date":"2018-09-10T14:34:42.417Z","title":"Firefox 62.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/62.0/releasenotes/","content":"Firefox 62.0リリース。\n開発者ツールでShape Path Editorの追加、CORSエラー表示の改善。\n`Array#flat`と`Array#flatMap`をデフォルト有効化、`import.meta`のサポート、WebDriver APIの更新など","tags":["firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 62 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/62"}]},{"date":"2018-09-10T14:43:11.829Z","title":"lusakasa/sqorn: A Javascript library for building SQL queries","url":"https://github.com/lusakasa/sqorn","content":"Tagged Template Literalを使ったSQLクエリビルダー","tags":["JavaScript","SQL","library"],"relatedLinks":[]},{"date":"2018-09-11T01:53:30.137Z","title":"A tour of JavaScript timers on the web | Read the Tea Leaves","url":"https://nolanlawson.com/2018/09/01/a-tour-of-javascript-timers-on-the-web/","content":"JavaScriptのタイマー処理についての解説。\nmicrotask、`setTimeout`/`setInterval`、\n`setImmediate`、\n`requestAnimationFrame`、`requestIdleCallback`について","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2018-09-11T02:02:20.026Z","title":"TypeScript with Babel: A Beautiful Marriage – DailyJS – Medium","url":"https://medium.com/dailyjs/typescript-babel-ce24f724398","content":"Babel 7の`@babel/preset-typescript`でサポートされたTypeScriptのコードコンパイルについて。\nユースケースや`.ts`をBabelでコンパイルして`tsc`で型チェックをする例などについて。","tags":["TypeScript","babel","article"],"relatedLinks":[]},{"date":"2018-09-12T10:50:19.445Z","title":"カクヨムでの縦組み表示の実装と、縦書きWebの将来に向けて (builderscon tokyo 2018) - Hatena Developer Blog","url":"http://developer.hatenastaff.com/entry/2018/09/11/152905","content":"縦書き表示を行った際のブラウザのバグや問題への対象方法について","tags":["CSS","HTML","article","browser"],"relatedLinks":[]},{"date":"2018-09-17T11:39:18.736Z","title":"SamVerschueren/tsd-check: Check TypeScript type definitions","url":"https://github.com/SamVerschueren/tsd-check","content":"TypeScriptの型定義チェックライブラリ。 Genericsを使ったassertionのように利用できる。","tags":["Tools","TypeScript","testing","library"],"relatedLinks":[]},{"date":"2018-09-13T10:15:20.752Z","title":"Introducing the React Profiler – React Blog","url":"https://reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html","content":"React 16.5でサポートされたプロファイルと開発者ツールについて。\n開発者ツールでの計測方法(dev/prod)、使い方などについて","tags":["React","performance","article"],"relatedLinks":[]},{"date":"2018-09-14T00:42:06.902Z","title":"Announcing TypeScript 3.1 RC | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2018/09/13/announcing-typescript-3-1-rc/","content":"TypeScript 3.1 RCリリース。\nMapped TypeでTupleやArrayの扱いを改善、関数にプロパティを定義できるように。\nまた破壊的な変更点として`lib.d.ts`をWeb IDLから生成するためベンダー独自の型が削除される。`typeof foo === \"function\"`でのtype gurdeの挙動の変更など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"Breaking Changes · Microsoft/TypeScript Wiki","url":"https://github.com/Microsoft/TypeScript/wiki/Breaking-Changes"}]},{"date":"2018-09-14T05:57:59.253Z","title":"Chromium Blog: Chrome 70 beta: shape detection, web authentication, and more","url":"https://blog.chromium.org/2018/09/chrome-70-beta-shape-detection-web.html","content":"Chrome 70リリース。\nShpae Detection APIのorigin trialの開始、 Web Authenticationで指紋認証をサポート、Web Workerで`name`オプション、TLS 1.3のサポート。\nWeb Components v0を非推奨化など","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2018-09-15T02:29:58.882Z","title":"Acorn 6.0.0 released - Acorn - discuss.Tern","url":"https://discuss.ternjs.net/t/acorn-6-0-0-released/230","content":"JavaScriptパーサのAcorn 6.0.0リリース。\nTypeScriptの型定義を同梱、`ecmaVersion`のデフォルト値を`9`に変更、いくつかの内部処理を別パッケージに分離など。\n","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-09-16T10:38:10.490Z","title":"Webフロントエンド パフォーマンス改善ハンドブックを公開しました - dwango on GitHub","url":"https://dwango.github.io/articles/web-frontend-performance-handbook/","content":"ウェブサイトのパフォーマンス改善についてのドキュメント。ランタイムとページロードタイムにおける問題の見つけ方や改善の事例についてまとめられたもの。","tags":["JavaScript","React","document","performance"],"relatedLinks":[{"title":"Introduction · Webフロントエンド パフォーマンス改善ハンドブック","url":"https://dwango-js.github.io/performance-handbook/"}]},{"date":"2018-09-16T03:58:16.397Z","title":"UmiJS","url":"https://umijs.org/","content":"Next.jsライクなJavaScriptフレームワーク。\nwebpackを使ったビルド、開発サーバ、Nuxt.jsのようなルーティング、プラグインでの拡張などをサポートしている。","tags":["JavaScript","library","Tools","React"],"relatedLinks":[]},{"date":"2018-09-16T07:57:36.875Z","title":"Why React16 is a blessing to React developers – freeCodeCamp.org","url":"https://medium.freecodecamp.org/why-react16-is-a-blessing-to-react-developers-31433bfc210a","content":"React 16で追加された機能の紹介。\n`componentDidCatch`のエラーハンドリング、Fragments、Portal、Custom DOM Attributesについて。\nRef周りのAPIやContext APIの追加、ライフサイクルの変更についてなど","tags":["React","article"],"relatedLinks":[]},{"date":"2018-09-17T01:33:45.016Z","title":"Vue Patterns","url":"https://learn-vuejs.github.io/vue-patterns/","content":"Vueにおけるパターンについてまとめたドキュメント。\n基本的なコンポーネントの宣言方法や使い方、エラーハンドリング、 Composition、HOCやRender Propsなどのパターンについて","tags":["Vue","tutorial","document"],"relatedLinks":[]},{"date":"2018-09-17T10:52:34.803Z","title":"axa-group/nlp.js: An NLP library built in node over Natural, with entity extraction, sentiment analysis, automatic language identify, and so more","url":"https://github.com/axa-group/nlp.js","content":"いろいろな自然言語に対応してるNLPライブラリ。\n言語の推定、Classifier、levenshtein距離など自然言語処理で使ういろいろな処理を実装している","tags":["JavaScript","library","nlp"],"relatedLinks":[]},{"date":"2018-09-17T11:39:37.726Z","title":"neonious/lowjs: A port of Node.JS with far lower system requirements. Community version for POSIX systems such as Linux, uClinux or Mac OS X.","url":"https://github.com/neonious/lowjs","content":"組み込み向けのファイルサイズが2MB程度のNode.jsポート。 V8の代わりにDuktapeを使っている。","tags":["JavaScript","node.js","library"],"relatedLinks":[]},{"date":"2018-09-17T11:02:41.851Z","title":"getgauge/taiko: A node.js library to automate chrome/chromium browser","url":"https://github.com/getgauge/taiko","content":"REPLでChromeを操作するコードを実行指定気、その操作するコードを出力できるツール。","tags":["Chrome","library","Tools","console"],"relatedLinks":[]},{"date":"2018-09-17T11:07:41.713Z","title":"intoli/user-agents: A JavaScript library for generating random user agents with data that's updated daily.","url":"https://github.com/intoli/user-agents","content":"任意のUA(User Agent)を生成するライブラリ。\nモバイルや特定の範囲のUAなどを指定して生成もできる。","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2018-09-17T11:43:02.416Z","title":"Operational Introduction to Algebraic Effects and Continuations","url":"https://gist.github.com/yelouafi/57825fdd223e5337ba0cd2b6ed757f53","content":"redux-sagaの作者によるJavaScriptでのAlgebraic Effectsについての連載。\nContinuation Passing Style (CPS)について","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2018-09-18T00:40:10.196Z","title":"Release v3.0.0 · janl/mustache.js","url":"https://github.com/janl/mustache.js/releases/tag/v3.0.0","content":"mustache.js 3.0.0リリース。\nプリミティブ型のプロパティのレンダリングに対応、`render`の第４引数にdelimiterを指定できるようにしキャッシュの問題を修正など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-09-18T01:50:35.848Z","title":"Vue conference and meetup videos from 2018 (Q1 digest) - MeetupFeed","url":"https://blog.meetupfeed.com/vue-conference-and-meetup-videos-from-2018-q1-digest/","content":"Vueに関するカンファレンスやイベントなどの発表、動画をまとめた記事。\n各発表の概要とリンクが紹介されている","tags":["article","video","Vue"],"relatedLinks":[]},{"date":"2018-09-19T03:51:59.268Z","title":"bokub/lyo: 📦 Node.js to browser - The easy way","url":"https://github.com/bokub/lyo","content":"Browserify、Babel、UglifyJSを使った設定ファイルを使わないブラウザ向けにbundleするツール。\nXOのようにopnionatedな設定を提供することで、設定自体をしなくても使えるようにしている。","tags":["JavaScript","bundler","Tools","console"],"relatedLinks":[]},{"date":"2018-09-19T04:31:51.833Z","title":"GoogleChromeLabs/worker-plugin: 🐳 Adds native Web Worker bundling support to Webpack.","url":"https://github.com/GoogleChromeLabs/worker-plugin","content":"`new Worker`指定したファイルを自動的にbundleするwebpackプラグイン","tags":["webpack","webworker","plugin"],"relatedLinks":[]},{"date":"2018-09-20T05:27:07.035Z","title":"What’s New in Safari - Apple Developer","url":"https://developer.apple.com/safari/whats-new/","content":"Safari 12リリース。\nwatchOSで動作するように、`font-display`のサポート、iPadでFullscreen APIのサポート。\nITP 2.0、CORBの一部をサポート、`.safariextz`スタイルのSafari拡張を非推奨化など","tags":["ReleaseNote","safari"],"relatedLinks":[]},{"date":"2018-09-21T04:39:16.465Z","title":"Announcing Gatsby 2.0.0 🎉🎉🎉 | GatsbyJS","url":"https://www.gatsbyjs.org/blog/2018-09-17-gatsby-v2/","content":"静的サイトジェネレータとして知られるGatsby 2.0.0リリース。\nRuntimeのサイズを削減、React 16、webpack 4、Babel 7に対応。\n`react-router`から`@reach/router`に変更。`layout`コンポーネントをプラグインに移動など","tags":["React","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2018-09-21T04:47:08.595Z","title":"KidkArolis/space-router: Minimal, yet awesome, universal router.","url":"https://github.com/KidkArolis/space-router","content":"ファイルサイズが小さなReact向けのルーターライブラリ","tags":["JavaScript","React","library"],"relatedLinks":[]},{"date":"2018-09-21T10:01:56.224Z","title":"一休.comスマホサイトのパフォーマンス改善（JavaScript編） - 一休.com Developers Blog","url":"https://user-first.ikyu.co.jp/entry/2018/09/20/090000","content":"Calibreを使ったパフォーマンス計測とBudgetの設定、ファイルサイズの削減による最適化、Vueの`v-if`と`v-show`の処理の違い、遅延ロードなどのパフォーマンス改善について","tags":["JavaScript","Vue","performance"],"relatedLinks":[]},{"date":"2018-09-23T02:17:29.994Z","title":"Release v2.0.0 · nuxt/nuxt.js","url":"https://github.com/nuxt/nuxt.js/releases/tag/v2.0.0","content":"Nuxt.js 2.0.0リリース。\nBabel7、webpack 4を使うように、serverとclientの成果物を別々のディレクトリに出力できるように、`nuxt.config.js`で`server`オプションのサポートなど","tags":["Vue","library","ReleaseNote"],"relatedLinks":[{"title":"Nuxt.js 2.0: Webpack 4, ESM Modules, create-nuxt-app and more! 💫","url":"https://medium.com/@nuxt_js/nuxt-js-2-0-webpack-4-esm-modules-create-nuxt-app-and-more-6936ce80d94c"}]},{"date":"2018-09-23T06:55:18.347Z","title":"Next.js 7 - Next.js Blog","url":"https://nextjs.org/blog/next-7/","content":"Next.js 7.0.0リリース。\nBabel 7、webpack 4へのアップグレード、`react-error-overlay`を使ったエラー表示を行うように。\nCSSに対してもDynamic Importをサポート、`assetPrefix`オプションのサポートなど","tags":["React","JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Release 7.0.0 · zeit/next.js","url":"https://github.com/zeit/next.js/releases/tag/7.0.0"}]},{"date":"2018-09-23T14:33:26.619Z","title":"React製のSPAのパフォーマンスチューニング実例 | リクルートテクノロジーズ　メンバーズブログ","url":"https://recruit-tech.co.jp/blog/2018/09/19/react_spa_performance_tuning/","content":"Reactコンポーネントの`shouldComponentUpdate`ライフサイクルメソッドの動作とパフォーマンスについて。\n`shouldComponentUpdate`の実装の違いによるコンポーネントの最適化の違いやボトルネックを開発者ツールで見つける方法についてなど","tags":["React","performance","article"],"relatedLinks":[]},{"date":"2018-09-24T00:06:33.702Z","title":"Release electron v3.0.0 · electron/electron","url":"https://github.com/electron/electron/releases/tag/v3.0.0","content":"Electron 3.0リリース。\nChrome 66、Node 10.2.0へのアップデート。`app.isPackaged`、`app.whenReady()`の追加、いくつかのAPIの名前を変更といった破壊的な変更も行われている。","tags":["Electron","ReleaseNote"],"relatedLinks":[{"title":"electron/breaking-changes.md at master · electron/electron","url":"https://github.com/electron/electron/blob/master/docs/api/breaking-changes.md#breaking-api-changes-30"}]},{"date":"2018-09-24T07:07:56.452Z","title":"JamesHenry/typescript-estree: A parser that converts TypeScript source code into an ESTree-compatible form","url":"https://github.com/JamesHenry/typescript-estree","content":"TypeScript Compilerを使ってTypeScriptコードからESTree互換のASTを出力するパーサライブラリ","tags":["TypeScript","JavaScript","AST","library"],"relatedLinks":[]},{"date":"2018-09-24T12:22:48.816Z","title":"「1⇒100」のために「0⇒1」を考える フロントエンド - Speaker Deck","url":"https://speakerdeck.com/mukai21/1-100-falsetameni-0-1-wokao-eru-hurontoendo","content":"1=>100のフェーズは長くこの段階での変更は難しいため、0=>1の段階で基礎を作ることの重要性についてのスライド。\n多人数開発でのコンポーネントガイド、PrettierやLint、テストとTypeScript、パッケージの更新を定期的に行うことについて","tags":["JavaScript","TypeScript","design","slide","設計"],"relatedLinks":[]},{"date":"2018-09-25T00:16:09.748Z","title":"Idle Until Urgent — Philip Walton","url":"https://philipwalton.com/articles/idle-until-urgent/","content":"すぐに実行するとコストが高いものを`requestIdleCallback`を使い遅延実行することでfirst input delay (FID)を改善するという話。\nそれらのパターンをまとめたidliveというライブラリの使い方やユースケースについて","tags":["JavaScript","performance","article"],"relatedLinks":[{"title":"GoogleChromeLabs/idlize: Helper classes and methods for implementing the idle-until-urgent pattern","url":"https://github.com/GoogleChromeLabs/idlize"}]},{"date":"2018-09-25T00:39:31.568Z","title":"レガシーなフロントエンドコードを整理するためにどう立ち向かったか - Misoca開発者ブログ","url":"https://tech.misoca.jp/entry/2018/09/21/110000","content":"jQueryで書かれていたDOM操作とロジックがべったりだったコードをどのようにリファクタリングしていったかについて。\nコードにおけるデータの読み書きの流れを整理どこまでをリファクタリング対象にするかを決めテストを書いて進めたかについて","tags":["JavaScript","リファクタリング","article"],"relatedLinks":[]},{"date":"2018-09-25T00:48:33.957Z","title":"できるキッズ　子どもと学ぶ　JavaScriptプログラミング入門 できるキッズシリーズ | 大澤文孝, できるシリーズ編集部 | 工学 | Kindleストア | Amazon","url":"https://www.amazon.co.jp/dp/B07HHR8J4B/","content":"2018年9月21日発売\nプログラミング教育としてのJavaScript本","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2018-09-25T00:56:45.273Z","title":"Firefox Reality Developers Guide","url":"https://blog.mozvr.com/firefox-reality-developers-guide/","content":"WebVRをサポートしているライブラリについて。\nまたVRアプリでの最適化で気をつける点やFirefox Realityでのデバッグ方法について書かれている。","tags":["VR","firefox","JavaScript"],"relatedLinks":[{"title":"Remote Debugging Firefox Reality","url":"https://blog.mozvr.com/remote-debugging-firefox-reality/"}]},{"date":"2018-09-25T08:46:32.480Z","title":"We're officially out of beta!","url":"https://www.cypress.io/blog/2018/09/20/cypress-is-officially-out-of-beta/","content":"Cypressが正式リリース。\n今後のロードマップとして、IE11を含むクロスブラウザ、Flakyテストを見つけるためのリトライと分析、GitHub連携などを予定している","tags":["E2E","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-09-26T02:00:24.297Z","title":"📦 Parcel v1.10.0 — Babel 7, Flow, Elm, and more! 🚀","url":"https://medium.com/@devongovett/parcel-v1-10-0-babel-7-flow-elm-and-more-c20736553573","content":"Parcel 1.10.0リリース。\nBabel 7、Flowの自動検出、Elm対応、インライン`<script>`と`<style>`の対応、HTMLのimportに対応など","tags":["JavaScript","bundler","ReleaseNote"],"relatedLinks":[]},{"date":"2018-09-26T02:16:52.554Z","title":"husky/CHANGELOG.md at master · typicode/husky","url":"https://github.com/typicode/husky/blob/master/CHANGELOG.md#100","content":"Git Hook管理ツールであるHusky 1.0.0リリース。\nNode.js 4のサポート終了、`scripts`フィールドから`husky`フィールドへ設定を移行、`.huskyrc`のサポートなど。\nマイグレーションは`husky-upgrade`コマンドで行える","tags":["JavaScript","library","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2018-09-27T04:46:20.737Z","title":"Release Notes for Safari Technology Preview 66 | WebKit","url":"https://webkit.org/blog/8414/release-notes-for-safari-technology-preview-66/","content":"Safari Technology Preview 66リリース。\nWeb Share API、CSS Conic Gradientsのサポート。\n実験的にWebRTC Unified Plan、Media Capabilities APIをサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2018-09-27T06:34:48.969Z","title":"Leko/hothouse: Continuous dependency update for Node.js project","url":"https://github.com/Leko/hothouse","content":"npmtとyarnに対応しているGreenkeeperのような依存パッケージの更新PRを出してくれるツール","tags":["npm","yarn","github","console","Tools"],"relatedLinks":[]},{"date":"2018-09-29T13:36:19.244Z","title":"SystemJS 2.0.0 Release","url":"https://guybedford.com/systemjs-2.0","content":"SystemJS 2.0.0リリース。 `s.js`でレガシーブラウザのサポート、`system.js`で新しいProposalや仕様などをサポートする方針。 Package Name MapsやWeb Assembly Integrationなどの実装など","tags":["JavaScript","ReleaseNote","library","module"],"relatedLinks":[]},{"date":"2018-09-29T13:44:07.223Z","title":"What's New in Vue Devtools 5.0 Beta","url":"https://www.telerik.com/blogs/whats-new-in-vue-devtools-5-beta","content":"Vue DevTools 5.0βについて。\nRouting Tab、Performance Tab、Settings Tab、VuexのStateの編集機能について","tags":["Vue","debug","Extension","article"],"relatedLinks":[{"title":"Release v5.0.0-beta.1 · vuejs/vue-devtools","url":"https://github.com/vuejs/vue-devtools/releases/tag/v5.0.0-beta.1"}]},{"date":"2018-10-01T03:35:32.877Z","title":"Payment Request API: 統合ガイド  |  Web  |  Google Developers","url":"https://developers.google.com/web/fundamentals/payments/","content":"Payment Request APIについての記事。\nPayment Request APIを使った取引のプロセス、APIの使い方、Feature Detectの方法などについて","tags":["Chrome","WebPlatformAPI","article"],"relatedLinks":[]},{"date":"2018-10-01T14:00:30.431Z","title":"Release Inferno v6.0.0-rc.0 · infernojs/inferno","url":"https://github.com/infernojs/inferno/releases/tag/v6.0.0-rc.0","content":"Inferno v6.0.0-rc.0リリース。\nFragmentsのサポート、`getDerivedStateFromProps`と`getSnapshotBeforeUpdate`のライフサイクルイベントをサポートなど","tags":["JavaScript","library","React","ReleaseNote"],"relatedLinks":[]},{"date":"2018-10-01T14:01:49.110Z","title":"Node.jsでのイベントループの仕組みとタイマーについて - 技術探し","url":"https://blog.hiroppy.me/entry/nodejs-event-loop","content":"Node.jsのイベントループのフェーズについての解説。\nNode.js/V8 ではどのようにイベントループを回しているかについて","tags":["node.js","article"],"relatedLinks":[]},{"date":"2018-10-01T14:05:36.483Z","title":"JavaScript typeof – LogRocket","url":"https://blog.logrocket.com/javascript-typeof-2511d53a1a62","content":"JavaScriptの`typeof`を使ったデータ型のチェックについて。\nまたプリミティブ型とWrapper objectについて","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2018-10-01T14:40:35.792Z","title":"ECMAScript proposal updates @ 2018-09 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2018/10/01/ecmascript-proposal-updates","content":"2018年9月に行われたTC39ミーティングで変更があったECMAScriptのProposalのまとめ。\n`JSON.parse`の拡張Proposalの追加、Temporal(Dates and Times)がStage 2になるなど","tags":["ECMAScript","proposal","news"],"relatedLinks":[]},{"date":"2018-10-01T15:00:14.875Z","title":"Release 1.0.0 · basecamp/trix","url":"https://github.com/basecamp/trix/releases/tag/1.0.0","content":"Basecampが作成しているリッチエディタのtrix 1.0.0がリリースされた。","tags":["JavaScript","editor","library","ReleaseNote"],"relatedLinks":[{"title":"Trix: A rich text editor for everyday writing","url":"https://trix-editor.org/"}]},{"date":"2018-10-01T15:13:21.271Z","title":"The Importance Of Manual Accessibility Testing — Smashing Magazine","url":"https://www.smashingmagazine.com/2018/09/importance-manual-accessibility-testing/","content":"アクセシビリティの手動テストや自動テスト関するリソースを紹介している記事","tags":["accessibility","article"],"relatedLinks":[]},{"date":"2018-10-02T00:09:40.062Z","title":"Array - 30 seconds of code","url":"https://30secondsofcode.org/","content":"JavaScriptのコードスニペット集。\n典型的な処理のスニペットをまとめている。","tags":["JavaScript","document"],"relatedLinks":[]},{"date":"2018-10-02T00:20:59.461Z","title":"Announcing TypeScript 3.1 | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/announcing-typescript-3-1/","content":"TypeScript 3.1リリース。\nMapped Tuple Type、namespaceを使わずに関数へプロパティ追加できるように、TypeScriptのバージョンごとに型を配布できる`typesVersions`フィールドをサポート。\n`then`をAsync/Awaitへリファクタリングできるようになるなど","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"TypeScript 3.1 の Mapped Tuple Typeについて - Qiita","url":"https://qiita.com/Quramy/items/c596b1bacf591da545b2"},{"title":"Breaking Changes · Microsoft/TypeScript Wiki","url":"https://github.com/Microsoft/TypeScript/wiki/Breaking-Changes#typescript-31"}]},{"date":"2018-10-02T00:35:53.199Z","title":"turtleDB: A JavaScript Framework for building offline-first, collaborative web apps","url":"https://hackernoon.com/turtledb-a-javascript-framework-for-building-offline-first-collaborative-web-apps-7183cd787163","content":"Offline-FirstなデータベースライブラリのturtleDBについて。\nクライアント側はIndexedDBでローカルに保存でき、サーバ側はMongoDBなどのアダプタとして動作する。オフラインではクライアントに保存でき、オンラインでは同期ができるような仕組み","tags":["JavaScript","データベース","library","article"],"relatedLinks":[{"title":"turtle-DB/turtleDB: Official turtleDB project","url":"https://github.com/turtle-DB/turtleDB"}]},{"date":"2018-10-02T00:40:51.655Z","title":"nw/node-release-lines: API for Node.js release metadata","url":"https://github.com/nw/node-release-lines","content":"Node.jsのリリース情報を取得できるライブラリ。\nLTSのバージョンやEOLなバージョンの取得、バージョンごとの状態を取得などができる","tags":["node.js","library"],"relatedLinks":[]},{"date":"2018-10-02T00:45:05.192Z","title":"Plans for the Next Iteration of Vue.js – The Vue Point – Medium","url":"https://medium.com/the-vue-point/plans-for-the-next-iteration-of-vue-js-777ffea6fabf","content":"Vue 3.0のロードマップについて。 クラスベースコンポーネント、Functional Component、コードベースをTypeSript化、Observer/Schedulerの分離、ES Proxyベースのobserverについて。 またProxyを使えないIE11も制限ありでサポート予定。","tags":["Vue","article"],"relatedLinks":[{"title":"[和訳] 次期 Vue (v3.0) の計画 / Plans for the Next Iteration of Vue.js - Qiita","url":"https://qiita.com/unecochan/items/ac206365745257d68926"}]},{"date":"2018-10-02T00:50:20.482Z","title":"Release Notes for Safari Technology Preview 66 | WebKit","url":"https://webkit.org/blog/8414/release-notes-for-safari-technology-preview-66/","content":"Safari Technology Preview 66リリース。 Web Share API、CSS Conic Gradientsのサポート。 試験的にWebRTC Unified Plan、Media Capabilities APIをサポートなど","tags":["ReleaseNote","safari"],"relatedLinks":[]},{"date":"2018-10-03T10:14:05.205Z","title":"Create React App 2.0: Babel 7, Sass, and More – React Blog","url":"https://reactjs.org/blog/2018/10/01/create-react-app-v2.html","content":"create-react-app 2.0リリース。\nBabel 7、webpack 4、Jest 23に更新。\nNode.js 6のサポート終了、IE11のサポートを行うpolyfillを分離、Proxyの設定方法変更、Service Workerをオプトインに変更など","tags":["React","ReleaseNote"],"relatedLinks":[]},{"date":"2018-10-05T04:13:45.322Z","title":"Content Security Policy Level 3におけるXSS対策 - pixiv inside","url":"https://inside.pixiv.blog/kobo/5137","content":"CSPのscript-srcとstrict-dynamicについて。\nドメインホワイトリストの問題とnonceによる実行制限について","tags":["CSP","security","browser","article"],"relatedLinks":[]},{"date":"2018-10-05T04:17:39.009Z","title":"Release v1.9.0 · GoogleChrome/puppeteer","url":"https://github.com/GoogleChrome/puppeteer/releases/tag/v1.9.0","content":"Puppeteer v1.9.0リリース。\nChromium 71.0に更新、async stack tracesのサポート、Browserifyでbundleできるようになりブラウザ上でも実行できるように。\n`frame.goto`や`frame.waitForNavigation`の追加など","tags":["Chrome","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-10-06T05:28:26.176Z","title":"ライブラリをES2015(ES6)で書いて公開する所から始めよう | Web Scratch","url":"https://efcl.info/2015/01/09/write-es6/","content":"Babelを使ったES2015以降のコードで書くプロジェクトのセットアップやnpmでライブラリ公開の準備などについてのチュートリアル。\nよくあるJavaScriptライブラリのディレクトリ構造などについて。\nBabel 7に対応する更新が行われた","tags":["babel","JavaScript","article","tutorial"],"relatedLinks":[]},{"date":"2018-10-06T06:06:37.902Z","title":"WebAssembly on Cloudflare Workers","url":"https://blog.cloudflare.com/webassembly-on-cloudflare-workers/","content":"Cloudflare Worker内でWebAssemblyが動作するようになった","tags":["WebAssembly","ServiceWorker","article"],"relatedLinks":[]},{"date":"2018-10-06T07:08:18.340Z","title":"What’s new in Microsoft Edge in the Windows 10 October 2018 Update - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog","url":"https://blogs.windows.com/msedgedev/2018/10/04/edgehtml-18-october-2018-update/","content":"Windows 10 October 2018 Updateに含まれるEdgeHTML 18の変更点について。\nWeb Authenticationの実装、Media autoplay policyの導入、CSS masking、background blendのサポート。\nWeb Notificationでbadgeをサポート、XSSフィルターの廃止など","tags":["MSEdge","ReleaseNote"],"relatedLinks":[{"title":"What's new in EdgeHTML 18 - Microsoft Edge Development | Microsoft Docs","url":"https://docs.microsoft.com/en-us/microsoft-edge/dev-guide?WT.mc_id=windowsdocs-twitter#new-apis-in-edgehtml-18"}]},{"date":"2018-10-07T04:08:38.919Z","title":"jamesseanwright/wax: An experimental, JSX-compatible renderer for the Web Audio API","url":"https://github.com/jamesseanwright/wax","content":"Web Audio APIをJSXを使って宣言的に記述できるライブラリ","tags":["jsx","web ","audio","library"],"relatedLinks":[]},{"date":"2018-10-07T14:47:03.774Z","title":"Working with Babel 7 and Webpack | The Basement","url":"https://www.thebasement.be/working-with-babel-7-and-webpack/","content":"Babel7とwebpackを使った設定方法についての解説記事。\n`@babel/preset-env`の`useBuiltIns`オプションやデバッグ方法についてなど","tags":["babel","webpack","article"],"relatedLinks":[]},{"date":"2018-10-08T03:02:47.977Z","title":"Ember.js - Ember 3.4 Released","url":"https://emberjs.com/blog/2018/10/07/ember-3-4-released.html","content":"Ember 3.4リリース。\n`<Tag />`のようにかぎ括弧で書けるように、Custom Component Managerの機能追加、`component#sendAction`を非推奨化など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Release v3.4.0 · emberjs/ember.js","url":"https://github.com/emberjs/ember.js/releases/tag/v3.4.0"}]},{"date":"2018-10-08T03:58:35.050Z","title":"On Node Framework Popularity – hueniverse","url":"https://hueniverse.com/on-node-framework-popularity-355fbde5cbe4","content":"Node.jsのサーバフレームワークアンケート結果について。\nExpress、Hapi、Koaなどの利用率や好み、使い続けるかについてのアンケート結果がまとめられている","tags":["node.js","library","article"],"relatedLinks":[]},{"date":"2018-10-08T06:57:37.294Z","title":"simov/request-compose: Composable HTTP Client","url":"https://github.com/simov/request-compose","content":"Node.js向けのComposeできるHTTPライブラリ。\n関数をcomposeしてHTTPリクエストやレスポンスの処理を行える。","tags":["JavaScript","node.js","library"],"relatedLinks":[{"title":"Composable HTTP Client for NodeJS - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/simov/composable-http-client-for-nodejs-83f"}]},{"date":"2018-10-08T13:05:47.155Z","title":"jsdom/Changelog.md at master · jsdom/jsdom","url":"https://github.com/jsdom/jsdom/blob/master/Changelog.md#1220","content":"JSDOM 12.2.0リリース。\nShadow DOMのサポート、`Element#toggleAttribute`メソッドのサポートなど","tags":["JavaScript","DOM","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-10-08T22:57:27.836Z","title":"terser-js/terser: JavaScript parser, mangler, optimizer and beautifier toolkit for ES6+","url":"https://github.com/terser-js/terser","content":"uglify-esをforkしたminifyツール。\nuglify-esがメンテナンスされていないため(uglify-js自体は開発されている)、ES2015+に対応することを目的に開発されている。","tags":["JavaScript","Tools","library"],"relatedLinks":[]},{"date":"2018-10-09T01:49:11.592Z","title":"Calls between JavaScript and WebAssembly are finally fast 🎉 - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2018/10/calls-between-javascript-and-webassembly-are-finally-fast-%F0%9F%8E%89/","content":"Firefox WebAssemblyで関数呼び出しが改善された話とその仕組みについて。\nWebAssemblyとJITの関係、WebAssemblyで最適化した関数とビルドイン関数の呼び出しの比較など","tags":["firefox","WebAssembly","article"],"relatedLinks":[]},{"date":"2018-10-09T02:28:35.833Z","title":"本書の対象読者及び目的 - Sound for Javascripters","url":"https://ongaku-daisukikko-club.gitbook.io/music-for-javascripter/","content":"Web Audio APIとMIDI Keyboardを使ってシンセサイザーを作る内容の書籍。\nCodesandboxを使いながらウェブブラウザ上でコードを書いてテストを行い実行していく。","tags":["web ","audio","book","JavaScript","testing"],"relatedLinks":[]},{"date":"2018-10-10T11:01:47.885Z","title":"JavaScript Visualizer","url":"https://javascriptvisualizer.com/","content":"JavaScriptコードの実行をステップごとにインタプリタ的に実行しながら、実行コンテキストがどのように変化しているかを見られるツール。","tags":["JavaScript","Tools"],"relatedLinks":[]},{"date":"2018-10-10T23:25:14.195Z","title":"Node v10.12.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v10.12.0/","content":"Node.js 10.12.0リリース。\n`util.inspect`に`sorted`オプションの追加、`fs.mkdir`に`recursive`オプションの追加、WebSockets over HTTP/2のサポート。\n`module.createRequireFromPath(filename)`の追加、`URL`とPathの相互変換するメソッドを`url`モジュールに追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"module: add createRequireFunction method by devsnek · Pull Request #19360 · nodejs/node","url":"https://github.com/nodejs/node/pull/19360"},{"title":"Discussion: File URLs in Node.js · Issue #22502 · nodejs/node","url":"https://github.com/nodejs/node/issues/22502"}]},{"date":"2018-10-11T12:04:47.540Z","title":"入門JavaScript フロントエンドエンジニアになるための基本と実践スキル | 玉川 純 |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/dp/4798153907/","content":"2018年11月28日発売。\n初心者向けのJavaScriptについての書籍","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2018-10-12T01:25:08.460Z","title":"What's New In DevTools (Chrome 71)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/10/devtools","content":"Chrome 71の開発者ツールの変更点について。\nDOM nodeをglobal variableとして保存できるように、HARファイルに`_initiator`と`_priority`を追加、PiPのbreakpointをサポートなど","tags":["chromre","debug","ReleaseNote"],"relatedLinks":[]},{"date":"2018-10-13T00:05:39.170Z","title":"ESLint v5.7.0 released - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2018/10/eslint-v5.7.0-released","content":"ESLint v5.7.0リリース。\n`no-tabs`ルールに`allowIndentationTabs`オプションの追加、`camelcase`ルールに`ignoreList`オプションの追加など","tags":["ESLint","ReleaseNote"],"relatedLinks":[]},{"date":"2018-10-13T00:15:06.710Z","title":"AddyOsmani.com - Start Performance Budgeting","url":"https://addyosmani.com/blog/performance-budgets/","content":"performance budgetとはなにかについての記事。performance budgetとして使うことがある指標やその設定例。\n新しい機能開発をするときにステークホルダーとの理解を共有に使うケースやトレードオフについてなど","tags":["browser","performance","article"],"relatedLinks":[]},{"date":"2018-10-13T07:31:49.249Z","title":"Release v4.0.1 · reduxjs/redux","url":"https://github.com/reduxjs/redux/releases/tag/v4.0.1","content":"Redux 4.0.1リリース。\n`.mjs`をサポート、unpkgフィールドを追加など","tags":["redux","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-10-14T00:27:55.842Z","title":"Release Inferno v6.0.0 · infernojs/inferno","url":"https://github.com/infernojs/inferno/releases/tag/v6.0.0","content":"Inferno v6.0.0リリース。\n`hydrate`を別パッケージに移行、スタイルプロパティがhyphenを使った命名規則に、Reactのライフサイクルイベントとの互換性向上。\nString refsを削除、CreateRef/ForwardRef APIの追加、Fragmentsのサポートなど","tags":["JavaScript","React","library","ReleaseNote"],"relatedLinks":[{"title":"inferno/v6-migration.md at master · infernojs/inferno","url":"https://github.com/infernojs/inferno/blob/master/docs/v6-migration.md"}]},{"date":"2018-10-14T11:50:07.700Z","title":"SinnerSchrader Tech Session '18 - 2018 - The Year of Web Components - Speaker Deck","url":"https://speakerdeck.com/dkundel/sinnerschrader-tech-session-18-2018-the-year-of-web-components","content":"Web Componentsについてのスライド。\nWeb Componentsを構成する仕様の紹介、ツールやフレームワークについて","tags":["WebComponents","slide"],"relatedLinks":[]},{"date":"2018-10-14T13:43:30.760Z","title":"What’s New in Create React App 2.0 Video Series – Elijah Manor – Medium","url":"https://medium.com/@elijahmanor/whats-new-in-create-react-app-2-0-video-series-4ffaaa7cb7df","content":"Create React App 2.0についてのスクリーンキャストと解説","tags":["React","tutorial","video","article"],"relatedLinks":[]},{"date":"2018-10-14T15:24:58.170Z","title":"npm and the future of JavaScript","url":"https://slides.com/seldo/npm-future-of-javascript#/","content":"npmとJavaScriptのエコシステムについてスライド。\nフロントエンドフレームワークやバックエンドフレームワークのシェアの変化、何にnpmを使っているかについてなど。","tags":["npm","JavaScript","library","slide"],"relatedLinks":[]},{"date":"2018-10-16T00:04:59.568Z","title":"lolex/History.md at master · sinonjs/lolex","url":"https://github.com/sinonjs/lolex/blob/master/History.md#300--2018-10-08","content":"  Sinon.jsでも使われるFake TimerライブラリであるLolex 3.0リリース。 `Clock#countTimers`の追加、negative tickは例外を投げるように変更など","tags":["JavaScript","ReleaseNote","library","testing"],"relatedLinks":[{"title":"sinon/History.md at master · sinonjs/sinon","url":"https://github.com/sinonjs/sinon/blob/master/History.md#700--2018-10-14"}]},{"date":"2018-10-15T01:31:43.152Z","title":"Release Notes for Safari Technology Preview 67 | WebKit","url":"https://webkit.org/blog/8419/release-notes-for-safari-technology-preview-67/","content":"Safari Technology Preview 67リリース。\nPointer Eventsを試験的にサポート、H264  Simulcastの有効化、`CSS.registerProperty`の`initialValue`プロパティのサポートなど ","tags":["safari","webkit","ReleaseNote"],"relatedLinks":[{"title":"CSS.registerProperty","url":"https://www.w3.org/TR/css-properties-values-api-1/#the-registerproperty-function"}]},{"date":"2018-10-15T04:45:59.941Z","title":"smooth-code/loadable-components: React code splitting made easy ✂️✨","url":"https://github.com/smooth-code/loadable-components","content":"Dynamic ImportやCode Splitting、SSRに対応したReactコンポーネントの動的ロードを扱うライブラリ","tags":["React","library"],"relatedLinks":[{"title":"loadable-components + TypeScriptでSSRとCSRに対応したdynamic importを実現する - 技術探し","url":"https://blog.hiroppy.me/entry/loadable-components"}]},{"date":"2018-10-15T23:42:16.150Z","title":"V8 release v7.0 · V8","url":"https://v8.dev/blog/v8-release-70","content":"V8 7.0リリース。\nEmbedded builtinsでのメモリ消費量の削減、WebAssembly ThreadsのOrigin Trialの開始、`Array#sort`が安定ソートになるなど","tags":["V8","ReleaseNote"],"relatedLinks":[{"title":"Getting things sorted in V8 · V8","url":"https://v8.dev/blog/array-sort"}]},{"date":"2018-10-15T23:49:10.516Z","title":"Webpack v3 → v4移行パッケージ対照表 - Qiita","url":"https://qiita.com/shimarin/items/17707fa575744ca0bd89","content":"webpack3から4への移行におけるオプションやプラグインなどの対応関係や変更点について","tags":["webpack","article"],"relatedLinks":[]},{"date":"2018-10-16T23:49:40.438Z","title":"New in Chrome 70  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/10/nic70","content":"Chrome 70リリース。\nDesktop PWA(Windows)のサポート、Credential Management APIで指紋認証をサポート、Web Workerで`name`オプション、TLS 1.3のサポート。 Web Components v0を非推奨化など","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Chrome Platform Status","url":"https://www.chromestatus.com/features#browsers.chrome.desktop%3D70"},{"title":"Chromium Blog: Chrome 70 beta: shape detection, web authentication, and more","url":"https://blog.chromium.org/2018/09/chrome-70-beta-shape-detection-web.html"},{"title":"Deprecations and removals in Chrome 70  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/09/chrome-70-deps-rems"}]},{"date":"2018-10-17T00:00:38.813Z","title":"terkelg/zet: Set() as it should be","url":"https://github.com/terkelg/zet","content":"`Set`を使った和集合、積集合などの演算をサポートしたライブラリ。\n`Set`同士の集合演算を行う`Set`のサブクラスライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2018-10-17T13:25:10.336Z","title":"Release 7.0.2 · zeit/next.js","url":"https://github.com/zeit/next.js/releases/tag/7.0.2","content":"Next.js 7.0.2リリース。\n7.0.0と7.0.1にあったエラー画面でのXSSが修正された。","tags":["JavaScript","React","security","ReleaseNote"],"relatedLinks":[]},{"date":"2018-10-18T06:09:04.274Z","title":"Gridsome - Build blazing fast websites with Vue.js and GraphQL","url":"https://gridsome.org/","content":"VueとGraphQLを使った静的サイトツール/フレームワーク。\nGatsby.jsインスパイアなフレームワークでGraphQL経由レイヤーを経由してデータソースにアクセスする。","tags":["Vue","GraphQL","Tools","library"],"relatedLinks":[]},{"date":"2018-10-19T00:18:54.204Z","title":"Version 7 of Angular — CLI Prompts, Virtual Scroll, Drag and Drop and more","url":"https://blog.angular.io/version-7-of-angular-cli-prompts-virtual-scroll-drag-and-drop-and-more-c594e22e7b8c","content":"Angular 7リリース。\nTypeScript 3.1のサポート、Virtual Scrollingの対応、CDKでDrag and Dropのサポート。\n`reflect-metadata`がproductionビルドに誤って含まれるケースを防止する改善など","tags":["Angular","ReleaseNote"],"relatedLinks":[{"title":"angular/CHANGELOG.md at master · angular/angular","url":"https://github.com/angular/angular/blob/master/CHANGELOG.md#700-2018-10-18"},{"title":"Angular 7リリースノート – Angular Blog日本語訳 | maesblog","url":"https://mae.chab.in/archives/60226"}]},{"date":"2018-10-19T01:08:07.481Z","title":"Node.jsにおけるプロトタイプ汚染攻撃とは何か - ぼちぼち日記","url":"https://jovi0608.hatenablog.com/entry/2018/10/19/083725","content":"Prototype pollutionについて。\nオブジェクトをマージする際などに`__proto__`プロパティによって意図しない書き換えが行われる問題について","tags":["JavaScript","security","node.js","article"],"relatedLinks":[]},{"date":"2018-10-20T01:29:02.205Z","title":"perf-tools/timekeeper at master · artifact-project/perf-tools","url":"https://github.com/artifact-project/perf-tools/tree/master/timekeeper","content":"指定区間の時間計測結果をコンソールやパフォーマンスタブ(Performance Timing API)に出力できるライブラリ","tags":["JavaScript","library","performance"],"relatedLinks":[]},{"date":"2018-10-20T04:56:46.969Z","title":"Angular 4アプリケーションをAngular 6に移行する | 株式会社カブク","url":"https://www.kabuku.co.jp/developers/migration-from-ng4-to-ng6","content":"Angular 4.xから6.xへの移行方法について。\nAngular 4のLTSが2018年9月で終了するため、6.xへどのように移行するかについて。\n移行した結果ビルド時間やファイルサイズが改善されたことについて","tags":["Angular","article"],"relatedLinks":[]},{"date":"2018-10-20T06:38:12.531Z","title":"マークアップをパワーアップするWAI-ARIA","url":"https://masup9.github.io/dist23/#/","content":"WAI-AIRAの目的、使い方、ユースケースについて解説しているスライド。\nrole、ステート、プロパティを付与したときにウェブブラウザやアクセシビリティの支援技術に伝わるかについて。","tags":["WAI-ARIA","slide"],"relatedLinks":[]},{"date":"2018-10-20T15:14:40.326Z","title":"On the Roadmap: Exact Objects by Default – Flow – Medium","url":"https://medium.com/flow-type/on-the-roadmap-exact-objects-by-default-16b72933c5cf","content":"Flow 0.84.0からExact Objects（`{| |}`相当）がデフォルトになる変更予定について。 その他のプロパティを許可する新しい構文として`{foo: number, ...}`を導入し、どのようにマイグレーションしていくかについて","tags":["article","flowtype"],"relatedLinks":[]},{"date":"2018-10-20T11:12:02.902Z","title":"f/graphql.js: A Simple and Isomorphic GraphQL Client for JavaScript","url":"https://github.com/f/graphql.js","content":"IsomorphicなGraphQLクライアントライブラリ","tags":["GraphQL","library","JavaScript"],"relatedLinks":[]},{"date":"2018-10-20T11:14:55.160Z","title":"segmentio/evergreen: 🌲 Evergreen React UI Framework by Segment","url":"https://github.com/segmentio/evergreen/","content":"SegmentによるReact UIフレームワーク","tags":["React","UI","library"],"relatedLinks":[]},{"date":"2018-10-21T08:34:58.902Z","title":"Re-ducksパターン：React + Redux のディレクトリ構成ベストプラクティス","url":"https://noah.plus/blog/021/","content":"Reduxの文脈で見るDucksパターンとRe-ducksパターンについて。 ファイルディレクトリ構造をどのようなルールにするかやそれによって解決できることについて","tags":["JavaScript","React","article","redux"],"relatedLinks":[]},{"date":"2018-10-21T05:54:42.803Z","title":"Tencent/omi: Next generation web framework in 4kb JavaScript (Web Components + JSX + Proxy + Store + Path Updating)","url":"https://github.com/Tencent/omi","content":"Web Componentsをベースにしたフレームワーク。\nJSXのサポート、ES Proxyを使った変更検知、Shadow DOMを使ったScoped CSSなど持っている\n","tags":["WebComponents","JavaScript","library"],"relatedLinks":[]},{"date":"2018-10-21T06:13:06.749Z","title":"StrongLoop - Announcing LoopBack 4 GA is Now Ready for Production Use!","url":"https://strongloop.com/strongblog/loopback-4-ga","content":"Node.js APIフレームワークのLoopBack 4GAリリース。\nコアがTypeScriptで書き直され、OpenAPI形式への出力対応。\nLTSポリシーも合わせて更新され、LoopBack 4は2021年4月までサポートされる予定。","tags":["node.js","library","ReleaseNote"],"relatedLinks":[{"title":"LoopBack 4","url":"https://v4.loopback.io/"}]},{"date":"2018-10-21T14:02:27.184Z","title":"nico3333fr/CSP-useful: Collection of scripts, thoughts about CSP (Content Security Policy)","url":"https://github.com/nico3333fr/CSP-useful","content":"CSPレポートのサンプルやノイズになってるCSPレポートなどについてまとめてるリポジトリ。またCSPのTipsやユースケースについて書かれている\n","tags":["CSP","testing","document"],"relatedLinks":[]},{"date":"2018-10-23T00:13:16.944Z","title":"Release v3.1.0 · karma-runner/karma","url":"https://github.com/karma-runner/karma/releases/tag/v3.1.0","content":"Karma 3.1.0リリース。\nsocket timeoutのオプション追加、ES modules対応、ファイルを強制的に更新する`refreshFile`メソッドの追加など","tags":["JavaScript","testing","E2E"],"relatedLinks":[]},{"date":"2018-10-23T01:13:43.765Z","title":"suchipi/fs-remote: Drop-in replacement for fs that lets you write to the filesystem from the browser","url":"https://github.com/suchipi/fs-remote","content":"`fs`のブラウザ向け実装と`fs`サーバのライブラリ。\n`fs`を行うサーバを立て、ブラウザからサーバにXHRやWebSocketsでアクセスする。","tags":["node.js","JavaScript","browser","library"],"relatedLinks":[]},{"date":"2018-10-25T00:50:25.176Z","title":"RuhrJS 2018 - Tobias Koppers - webpack and the challenge of WebAssembly - YouTube","url":"https://www.youtube.com/watch?v=k86Z_6_BJy0","content":"webpackのWebAssembly対応についての発表。\nWebAssembly APIやWebAssemblyの実行フェーズの解説。\nwebpackからwasmファイルを簡単に利用できるようにするため、どのようにwasmを扱うかやCode Splittingの対応についてなど","tags":["webpack","WebAssembly","slide","video"],"relatedLinks":[{"title":"slides/webpack-wasm-challenge.pdf at master · sokra/slides","url":"https://github.com/sokra/slides/blob/master/data/webpack-wasm-challenge.pdf"}]},{"date":"2018-10-25T06:15:32.529Z","title":"Node v11.0.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v11.0.0/","content":"Node.js 11.0.0リリース。\nV8 7.0へ更新、`http.request`メソッドのオプションがデフォルトではWHATWG URLでパースされるように。\nまた`TextEncoder`/`TextDecoder`が`util`からグローバルへ移動、`process.binding()`の非推奨化など","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"October Brings Node.js 10.x to LTS and Node.js 11 to Current!","url":"https://medium.com/@nodejs/october-brings-node-js-10-x-to-lts-and-node-js-11-to-current-ae19f8f12b51"}]},{"date":"2018-10-26T11:29:53.986Z","title":"jasmine/3.3.0.md at master · jasmine/jasmine","url":"https://github.com/jasmine/jasmine/blob/master/release_notes/3.3.0.md","content":"Jasmine 3.3リリース。\n`expect().withContext()`の追加、`toBeRejectedWith`の追加など","tags":["JavaScript","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2018-10-27T06:26:42.962Z","title":"Release Notes for Safari Technology Preview 68 | WebKit","url":"https://webkit.org/blog/8475/release-notes-for-safari-technology-preview-68/","content":"Safari Technology Preview 68リリース。\n`<input type=\"color\">`をデフォルトで有効化、`target=\"_blank\"`をデフォルトで`rel=noopener`にする変更。\nWebRTCでVP8をサポート、WebVTTでのインラインスタイルをサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2018-10-28T04:00:30.749Z","title":"gas-webpagetestでWebPagetestのパフォーマンス計測を自動化、可視化する | Web Scratch","url":"https://efcl.info/2018/10/22/gas-webpagetest/","content":"WebPagetestを使ったパフォーマンス計測を自動化、Google DataStudioを使ったデータの可視化について","tags":["performance","webservice","Tools","article"],"relatedLinks":[]},{"date":"2018-10-29T09:18:02.873Z","title":"React Conf 2018 - YouTube","url":"https://www.youtube.com/playlist?list=PLPxbbTqCLbGE5AihOSExAa4wUM-P42EIJ","content":"React Conf 2018の動画まとめ","tags":["React","Conference","video"],"relatedLinks":[{"title":"React Conf 2018 - Fall 2018 in Lake Las Vegas, Nevada","url":"https://conf.reactjs.org/"}]},{"date":"2018-10-29T09:40:19.585Z","title":"Release v4.0.0 · storybooks/storybook","url":"https://github.com/storybooks/storybook/releases/tag/v4.0.0","content":"Storybook 4.0.0リリース。\nBabel 7/webacpk 4へのアップデート、Ember/MarkoJS/Mithril/HTML/Svelte/Riotのサポート。\nモバイルの表示改善、theme変数の実装など","tags":["JavaScript","testing","Tools","ReleaseNote"],"relatedLinks":[{"title":"storybook/MIGRATION.md at master · storybooks/storybook","url":"https://github.com/storybooks/storybook/blob/master/MIGRATION.md#from-version-34x-to-40x"},{"title":"Storybook 4.0 is here! – Storybook – Medium","url":"https://medium.com/storybookjs/storybook-4-0-is-here-10b9857fc7de"}]},{"date":"2018-10-29T11:42:59.806Z","title":"実践AST FlowからTypeScriptへの変換","url":"https://talks.leko.jp/transform-flow-to-typescript-using-ast/#0","content":"FlowからTypeScriptへの変換を行うBabelプラグインについてスライド。\nBabelプラグインを書いてコード変換を行う話","tags":["flowtype","TypeScript","slide"],"relatedLinks":[{"title":"CureApp/babel-plugin-flow-to-typescript: Babel plugin to convert Flow code into TypeScript","url":"https://github.com/CureApp/babel-plugin-flow-to-typescript"}]},{"date":"2018-10-29T11:55:01.476Z","title":"React v16.6.0: lazy, memo and contextType – React Blog","url":"https://reactjs.org/blog/2018/10/23/react-v-16-6.html","content":"React 16.6.0リリース。\n`React.memo`、`React.lazy`、`static contextType`、`static getDerivedStateFromError()`のサポートなど。\nStrictModeで廃止予定のAPIのwarningを出すようになるなど","tags":["React","ReleaseNote"],"relatedLinks":[]},{"date":"2018-10-29T12:05:00.200Z","title":"The Intl.RelativeTimeFormat API  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/10/intl-relativetimeformat","content":"`Intl.RelativeTimeFormat`を相対時間のローカライズについて。","tags":["JavaScript","i18n","article"],"relatedLinks":[]},{"date":"2018-10-29T12:31:15.551Z","title":"Firefox 63.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/63.0/releasenotes/","content":"Firefox 63リリース。\nWeb Componentsのサポート、Media Capabilities API、Async Clipboard API のサポート。\nクロスブラウザ互換のために`Window.event`プロパティの実装、`Clear-Site-Data`ヘッダデフォルトで有効化など","tags":["firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 63 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/63"},{"title":"Firefox 63 Site Compatibility | Firefox Site Compatibility","url":"https://www.fxsitecompat.com/en-CA/versions/63/"}]},{"date":"2018-10-30T02:08:32.785Z","title":"jsdom/Changelog.md at master · jsdom/jsdom","url":"https://github.com/jsdom/jsdom/blob/master/Changelog.md#1300","content":"jsdom 13.0.0リリース。\n`canvas`パッケージの1.xをサポート終了し、`2.x`のみサポート。\nXML serializationのサポート、`addEventListener`で`passive`オプションのサポートなど","tags":["JavaScript","DOM","ReleaseNote"],"relatedLinks":[]},{"date":"2018-10-30T02:38:03.079Z","title":"gRPC-Web is going GA - Cloud Native Computing Foundation","url":"https://www.cncf.io/blog/2018/10/24/grpc-web-is-going-ga/","content":"gRPC-Webが正式にリリース。\nWebブラウザなどからgRPCを呼び出すためのクライアントライブラリ。","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-10-30T02:42:28.553Z","title":"Angular+Firebaseでチャットアプリを作る - Qiita","url":"https://qiita.com/Yamamoto0525/items/a76ea4b3924eeb82b0f9","content":"AngularとFirebaseを使ってチャットウェブアプリを作るハンズオン形式の連載","tags":["Angular","firebase","article"],"relatedLinks":[]},{"date":"2018-10-30T02:46:04.166Z","title":"私のReactのコンポーネント実装アンチパターン - Qiita","url":"https://qiita.com/seya/items/7a0d20da4de5fab14426","content":"Reactコンポーネントのアンチパターンについて。\nコンポーネントの分割と責務、Propsの渡し方などについて","tags":["React","article"],"relatedLinks":[]},{"date":"2018-10-30T02:53:36.968Z","title":"Asking for required annotations – Flow – Medium","url":"https://medium.com/flow-type/asking-for-required-annotations-64d4f9c1edf8","content":"Flow 0.85.0で修正が入った\"missing annotation\"についての解説記事。\n型annotationが存在しない場合に0.85.0からはエラーとなる。","tags":["flowtype","article"],"relatedLinks":[{"title":"Release v0.85.0 · facebook/flow","url":"https://github.com/facebook/flow/releases/tag/v0.85.0"}]},{"date":"2018-10-31T03:23:55.404Z","title":"Release v2.1.0 · facebook/create-react-app","url":"https://github.com/facebook/create-react-app/releases/tag/v2.1.0","content":"create-react-app 2.1.0リリース。\nBabelを使ったTypeScriptサポート。\n`create-react-app my-app --typescript`でTypeScriptプロジェクトとして作成できるようになった。","tags":["React","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2018-10-31T16:02:24.945Z","title":"Video.js 7.3: Responsive Layout, Fill Mode, createLogger | Video.js Blog","url":"https://blog.videojs.com/video-js-7-3-responsive-layout-fill-mode-createlogger/","content":"video.js 7.3リリース。\nFill Modeをplayer modeに格上げ、`createLogger`メソッドの追加など","tags":["video","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-11-03T05:21:06.075Z","title":"Making Sense of React Hooks – Dan Abramov – Medium","url":"https://medium.com/@dan_abramov/making-sense-of-react-hooks-fdbde8803889","content":"React v16.7.0-alphaで導入された\"Hooks\"のProposalについて。\n\nHooksが解決したい問題として巨大コンポーネント、重複ロジック、HOCなどの複雜なパターンをあげている。あわせてHooksの動作原理などについて書かれている。\nまた、Hooksはまだ試験的なものであるためフィードバックなどを求めている。","tags":["React","article","opinion","proposal"],"relatedLinks":[{"title":"Introducing Hooks – React","url":"https://reactjs.org/docs/hooks-intro.html"},{"title":"RFC: React Hooks by sebmarkbage · Pull Request #68 · reactjs/rfcs","url":"https://github.com/reactjs/rfcs/pull/68"},{"title":"Array destructuring for multi-value returns (in light of React hooks) - Google ドキュメント","url":"https://docs.google.com/document/d/1hWb-lQW4NSG9yRpyyiAA_9Ktytd5lypLnVLhPX9vamE/edit#heading=h.83axxx51uiaq"},{"title":"React Conf 2018のKeynoteで発表されたHooks、Concurrent Reactのまとめ - Cybozu Inside Out | サイボウズエンジニアのブログ","url":"https://blog.cybozu.io/entry/2018/11/02/113000"}]},{"date":"2018-11-03T15:09:09.294Z","title":"Node v11.1.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v11.1.0/","content":"Node.js 11.1.0リリース。\nICUのアップデート、REPLでトップレベル`await`のサポートなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2018-11-03T15:31:30.441Z","title":"Node.jsにおけるprototype汚染攻撃への対策 - SSTエンジニアブログ","url":"https://techblog.securesky-tech.com/entry/2018/10/31/","content":"Prototype pollution攻撃への対応方法について。\nMapや`Object.create(null)`で`__proto__`の上書きを防ぐ方法、ネイティブの実装を上書きしてしまう方法などについて","tags":["JavaScript","security","article"],"relatedLinks":[]},{"date":"2018-11-04T09:47:02.681Z","title":"Build a Bucket List Travel App with React and Material-UI (part 0) | appendTo","url":"https://appendto.com/2018/10/build-a-bucket-listing-travel-app-with-react-and-material-ui/","content":"ReactとMaterial UIを使ってトラベルウェブアプリを作る連載。\nスクレイピングしての候補データの取得、Pixabayを使っての画像取得、WikiVoyageを使ってので情報取得。\nそれらの情報を表示するウェブアプリを作成するチュートリアル。","tags":["tutorial","React","article"],"relatedLinks":[]},{"date":"2018-11-04T10:10:18.238Z","title":"Read Me - Squirrelly","url":"https://squirrelly.js.org/","content":"ファイルサイズの小さなテンプレートエンジン。Handlebarsのようなカスタムヘルパー、delimiterの指定、フィルター、プリコンパイル、HTML以外への出力などに対応している","tags":["JavaScript","library"],"relatedLinks":[{"title":"Introducing Squirrelly: a fast, lightweight, and simple JS template engine","url":"https://hackernoon.com/introducing-squirrelly-a-fast-lightweight-and-simple-js-template-engine-70a873d765c9"}]},{"date":"2018-11-04T10:14:29.443Z","title":"gruns/irondb: A relentless key-value store for the browser.","url":"https://github.com/gruns/irondb","content":"Cookie、IndexedDB、LocalStorageなどを重複して保存できるKey Valueストアライブラリ。\nEvercookieのように複数のストレージに保存することで、どれが消えても他のデータから復元できるようにしている。","tags":["JavaScript","browser","library"],"relatedLinks":[]},{"date":"2018-11-04T10:21:03.226Z","title":"frontarm/async-javascript-cheatsheet: Cheatsheet for promises and async/await","url":"https://github.com/frontarm/async-javascript-cheatsheet","content":"Async/Await、Promiseについてのチートシート","tags":["JavaScript","Promises","チートシート"],"relatedLinks":[]},{"date":"2018-11-04T10:51:23.867Z","title":"Stencil","url":"https://stenciljs.com/","content":"Web Componentsフレームワークとコンパイラー。フレームワークに則ったコンポーネント\nを書きWeb Components(Custom Elements)へコンパイルするツール。\nTypeScriptやJSXをサポートし、ランタイムでコンポーネントのライフサイクル、非同期レンダリングなどをサポートしている。","tags":["WebComponents","library","TypeScript","jsx"],"relatedLinks":[]},{"date":"2018-11-05T14:09:58.680Z","title":"Node v10.13.0 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v10.13.0/","content":"Node.js 10.13.0リリース。 Node.js 10.xがLong Term Support (LTS)となり、2021年4月までメンテンスされる。","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2018-11-05T14:12:44.094Z","title":"Web Performance 101: JS, CSS, HTTP, images & fonts | PerfPerfPerf","url":"https://3perf.com/talks/web-perf-101/","content":"ウェブパフォーマンスについてのスライドを文字起こししたもの。\nJavaScript、CSS、HTTP、Images、Fonts、Toolsについてそれぞれパフォーマンスの最適化についてのトピックが紹介されている。","tags":["performance","slide","browser"],"relatedLinks":[]},{"date":"2018-11-05T14:43:14.375Z","title":"chunqiuyiyu/ervy: Bring charts to terminal.","url":"https://github.com/chunqiuyiyu/ervy","content":"ターミナルにグラフを描画できるライブラリ。\nBar, Pie, Bullet,  Donut, Gauge, Scatterなどのグラフを描画できる","tags":["node.js","グラフ","library"],"relatedLinks":[]},{"date":"2018-11-05T15:02:16.947Z","title":"[JAPANESE] Why vue-cli needed a UI and what you can do with it","url":"https://slides.com/akryum/vue-cli-18-3-jp#/","content":"Vue CLIについてのスライド。\nVue CLIは\"Ease of Access\"のために様々な機能をもっている。\nビルドツールチェイン、`vue ui`、プラグインシステムについて。","tags":["Vue","console","Tools","slide"],"relatedLinks":[{"title":"Why vue-cli needed a UI and what you can do with it","url":"https://slides.com/akryum/vue-cli-18-3#/"}]},{"date":"2018-11-05T15:23:02.992Z","title":"V8 release v7.1 · V8","url":"https://v8.dev/blog/v8-release-71","content":"V8 v7.1リリース。\nパフォーマンスの最適化、Wasmで`postMessage`をサポート。`Intl.RelativeTimeFormat`のサポート、`globalThis` Proposalをサポートなど","tags":["V8","ReleaseNote"],"relatedLinks":[]},{"date":"2018-11-06T01:03:18.694Z","title":"GoogleChromeLabs/carlo: Web rendering surface for Node applications","url":"https://github.com/GoogleChromeLabs/carlo","content":"ユーザー環境にインストール済みのChromeとPuppeteer経由で通信してNodeとBrowserを連携できる開発ツール。 \nElectronのようなChromeをWebViewとしたアプリ開発ができる。Nodeからデータを送るといったことができ、Node向けのGUIフレームワークとして利用できる。","tags":["Chrome","Electron","library","node.js"],"relatedLinks":[]},{"date":"2018-11-06T01:59:34.478Z","title":"1年間単体テストを書き続けた現場から送る Vue Component のテスト / Vue Component Test - Speaker Deck","url":"https://speakerdeck.com/tsuchikazu/vue-component-test","content":"Vueコンポーネントのテストについてのスライド。\nライフサイクル、Props/Vuex State、UIのテストの方法などについて","tags":["Vue","slide","testing"],"relatedLinks":[]},{"date":"2018-11-06T02:08:49.080Z","title":"Reactで開発するチームが共通認識しておきたい重要な概念 - KitchHike Tech Blog","url":"https://tech.kitchhike.com/entry/2018/10/31/233000","content":"Reactを使ったチーム開発において認識を合わせてておくとスムーズな概念について。\nSFC、Flux/Redux、Context API、Renderパターン、SuspenseとHooksなどのトピックごとに解説とどのような方針をもって進めたかについて書かれている。","tags":["React","redux","article","設計","opinion"],"relatedLinks":[]},{"date":"2018-11-07T03:41:09.743Z","title":"Prettier 1.15: HTML, Vue, Angular and MDX Support · Prettier","url":"https://prettier.io/blog/2018/11/07/1.15.0.html","content":"Prettier 1.15リリース。\nHTML/Vue/Angular/MDXのサポート。\nフォーマットの改善、エラーメッセージの改善など","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2018-11-07T05:10:30.114Z","title":"Release v6.0.0-beta.1 · reduxjs/react-redux","url":"https://github.com/reduxjs/react-redux/releases/tag/v6.0.0-beta.1","content":"react-redux 6.0.0βリリース。\nReact Context に対応した。","tags":["React","redux","ReleaseNote"],"relatedLinks":[]},{"date":"2018-11-08T00:28:57.203Z","title":"Release Notes for Safari Technology Preview 69 | WebKit","url":"https://webkit.org/blog/8479/release-notes-for-safari-technology-preview-69/","content":"Safari Technology Preview 69リリース。\nCSS Conic Gradientsがデフォルトで有効化、CSS Painting APIの対応改善、Web SQL利用時にコンソールへ警告メッセージを追加など","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2018-11-09T14:57:24.730Z","title":"nystudio107 | An Annotated webpack 4 Config for Frontend Web…","url":"https://nystudio107.com/blog/an-annotated-webpack-4-config-for-frontend-web-development","content":"webpack 4の設定についての解説記事","tags":["webpack","article"],"relatedLinks":[]},{"date":"2018-11-10T06:42:16.044Z","title":"leoafarias/neardb: Simple document db made for globally distributed reads.","url":"https://github.com/leoafarias/neardb","content":"AWS S3、Google Cloud Storageなどに対応したデータベースライブラリ。\nCloudflare WorkerやLambda@Edgeなどで動かす目的のストレージライブラリ","tags":["browser","node.js","library"],"relatedLinks":[]},{"date":"2018-11-10T06:51:53.769Z","title":"Fullstack React: An Introduction to Hooks in React","url":"https://www.fullstackreact.com/articles/an-introduction-to-hooks-in-react/","content":"α公開されているReact Hooksの使い方やテスト方法についての解説記事。\n`useState`などそれぞれのAPIについての挙動や使い方について解説している","tags":["React","article"],"relatedLinks":[]},{"date":"2018-11-10T15:11:50.757Z","title":"sokra/rawact: [POC] A babel plugin which compiles React.js components into native DOM instructions to eliminate the need for the react library at runtime.","url":"https://github.com/sokra/rawact","content":"Reactで書かれたコンポーネントをDOM APIで書かれたものへ変換するBabelプラグイン。\nランタイムでReactを利用しなくても動くように変換する実験的なプラグイン","tags":["babel","React","plugin"],"relatedLinks":[]},{"date":"2018-11-11T09:19:31.097Z","title":"enquirer/enquirer: Stylish, intuitive and user-friendly prompt system.","url":"https://github.com/enquirer/enquirer","content":"ターミナルでの入力や選択などを補助するプロンプトライブラリ。\n値の種類別のプロンプトやアンケートの投票など高機能なCUIライブラリ","tags":["node.js","JavaScript","library"],"relatedLinks":[]},{"date":"2018-11-11T09:22:56.033Z","title":"ESLint v5.9.0 released - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2018/11/eslint-v5.9.0-released","content":"ESLint 5.9.0リリース。\n`--fix-type`オプションが追加され、`problem`、`suggestion`、`layout`の種類を選択して修正を適応できるようになっ","tags":["ESLint","ReleaseNote"],"relatedLinks":[]},{"date":"2018-11-12T09:18:08.446Z","title":"How to Use SVG Patterns as Backgrounds","url":"https://webdesign.tutsplus.com/tutorials/how-to-use-svg-patterns-as-backgrounds--cms-31507","content":"SVGパターンを背景として使う方法についての解説記事。\nCSS TilingとSVG `<pattern>`要素でのやり方やサポートブラウザについて","tags":["SVG","article"],"relatedLinks":[]},{"date":"2018-11-12T09:30:22.711Z","title":"Release 1.0.0-rc.2 · avajs/ava","url":"https://github.com/avajs/ava/releases/tag/v1.0.0-rc.2","content":"AVA 1.0.0 RC2リリース。\nスナップショットテストの改善、TypeScriptの型チェック改善など","tags":["JavaScript","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2018-11-12T12:14:57.662Z","title":"Announcing Test262 Report - javascript, testing, web standards - Bocoup","url":"https://bocoup.com/blog/announcing-test262-report","content":"各JavaScriptエンジンがECMAScriptの仕様テストであるTest262をどれだけパスしているかを一覧できるTest262 Reportというサイトについて","tags":["ECMAScript","JavaScript","testing","article"],"relatedLinks":[{"title":"Test262 Report","url":"https://test262.report/"}]},{"date":"2018-11-13T02:10:04.728Z","title":"GoogleChromeLabs/jsbi: JSBI is a pure-JavaScript implementation of the official ECMAScript BigInt proposal.","url":"https://github.com/GoogleChromeLabs/jsbi","content":"BitIntをJavaScriptのオブジェクトとして実装したライブラリ","tags":["JavaScript","library","ECMAScript"],"relatedLinks":[]},{"date":"2018-11-13T02:18:47.107Z","title":"Evercoder/culori: 🌈 A general-purpose color library for JavaScript.","url":"https://github.com/Evercoder/culori","content":"RGBやHSLなどの色空間の操作ライブラリ。","tags":["color","JavaScript","library"],"relatedLinks":[]},{"date":"2018-11-13T02:25:50.201Z","title":"The Definitive TypeScript Guide - Blog | SitePen","url":"https://www.sitepen.com/blog/2018/10/29/update-the-definitive-typescript-guide/","content":"TypeScript初心者向けのガイド。\nコンパイル方法、TypeScriptの型の解説、Type Guards、型定義ファイルなどについて","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2018-11-13T07:50:25.133Z","title":"Measure  |  web.dev","url":"https://web.dev/measure","content":"指定したURLに対してLighthouseを動かしてパフォーマンスレポートを取得できるツール。\nLighthouseのレポートをダウンロードできる","tags":["webservice","Tools","performance","gool"],"relatedLinks":[{"title":"Chromium Blog: PageSpeed Insights, now powered by Lighthouse","url":"https://blog.chromium.org/2018/11/pagespeed-insights-now-powered-by.html"}]},{"date":"2018-11-16T00:28:56.312Z","title":"Announcing TypeScript 3.2 RC | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2018/11/15/announcing-typescript-3-2-rc/","content":"TypeScript 3.2 RCリリース。\n`strictBindCallApply`オプションが追加され`bind`、`call`、`apply`の型付け改善、Object spread/restとGenericsの組み合わせを改善、BigIntサポート。\nCLIに`--showConfig`オプションの追加など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"TypeScript 3.2.0-RC 変更点 - Qiita","url":"https://qiita.com/vvakame/items/79557e00cfe6d3c612cd"}]},{"date":"2018-11-16T01:48:22.081Z","title":"Release Notes for Safari Technology Preview 70 | WebKit","url":"https://webkit.org/blog/8496/release-notes-for-safari-technology-preview-70/","content":"Safari Technology Preview 70リリース。\nHTTPなサイトに\"Not Secure\"表示が出るように変更。\n\nWeb AnimationsとIntersection Observerの対応改善、IndexedDBのデフォルトの最大容量が500MBに制限など","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"azu on Twitter: &quot;Safari TP 70でHTTPなサイトに&quot;Not Secure&quot;表示が出るようになった… &quot;","url":"https://twitter.com/azu_re/status/1063247013905481728"}]},{"date":"2018-11-16T08:40:43.919Z","title":"Heydon/bruck: A prototyping system built with web components and the Houdini Paint API","url":"https://github.com/Heydon/bruck","content":"Web ComponentsとCSS Paint APIを使ったワイヤーモックアップコンポーネントライブラリ","tags":["WebComponents","CSS","library"],"relatedLinks":[]},{"date":"2018-11-17T03:44:34.702Z","title":"GoogleWebComponents/model-viewer: Easily display interactive 3D models on the web and in AR!","url":"https://github.com/GoogleWebComponents/model-viewer","content":"glTF/GLB modelsを表示できるWeb Componentsライブラリ。\nResize Observer、Web Components、WebXRなどいろいろなAPIを使って実装されている","tags":["3D","JavaScript","library","WebComponents"],"relatedLinks":[]},{"date":"2018-11-17T05:22:16.464Z","title":"Micro Frontends の理論と実践  -価値提供を高速化する真のマイクロサービスのあり方- / The Theory and Practice of Micro Frontends - Speaker Deck","url":"https://speakerdeck.com/nobuhikosawai/the-theory-and-practice-of-micro-frontends","content":"マイクロフロントエンドのメリット、デメリットについてのスライド。\nデプロイや技術の独立性、疎結合、組織論、パフォーマンスの問題など。\nマイクロフロントエンドの実装や実装例について。キャッシュ、グロールバルステート、サービス間の状態の連動方法についてなど","tags":["JavaScript","設計","slide","Microservices"],"relatedLinks":[]},{"date":"2018-11-17T05:55:42.074Z","title":"The Accessibility Object Model (AOM) 日本語訳 | aom","url":"https://masup9.github.io/aom/","content":"JavaScriptからアクセシビリティツリーを操作するためのAccesiblity Object Modelドキュメントの日本語訳","tags":["accessibility","JavaScript","translate"],"relatedLinks":[]},{"date":"2018-11-18T08:47:12.102Z","title":"The Three Types of Performance Testing – CSS Wizardry – CSS Architecture, Web Performance Optimisation, and more, by Harry Roberts","url":"https://csswizardry.com/2018/10/three-types-of-performance-testing/","content":"3種類のパフォーマンステストについて。\nProactive, Reactive, Passiveの3分類でパフォーマンステストについて説明されている","tags":["JavaScript","browser","testing","article","performance"],"relatedLinks":[]},{"date":"2018-11-18T14:12:12.349Z","title":"The Power of Web Components - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2018/11/the-power-of-web-components/","content":"Web Componentsの概要的な記事。\nWeb Componentsを構成する`<template>`、Custom Elements、Shadow DOMについて解説している","tags":["WebComponents","article"],"relatedLinks":[]},{"date":"2018-11-18T14:36:55.126Z","title":"Handling Errors in JavaScript: the definite guide – gitconnected | Become a Better Developer","url":"https://levelup.gitconnected.com/the-definite-guide-to-handling-errors-gracefully-in-javascript-58424d9c60e6","content":"JavaScriptのエラーハンドリングについて。\ntry...catch、非同期処理、async functionとtry...catch。\nカスタムErrorオブジェクト、ユーザーへのエラー表示、エラーコードについてなど","tags":["JavaScript","article","node.js"],"relatedLinks":[]},{"date":"2018-11-18T14:38:24.621Z","title":"heyscrumpy/tiptap: A rich-text editor for Vue.js","url":"https://github.com/heyscrumpy/tiptap","content":"ProsemirrorとVueベースのリッチエディタライブラリ","tags":["JavaScript","Vue","library","editor"],"relatedLinks":[]},{"date":"2018-11-18T14:44:24.343Z","title":"Chrome Dev Summit 2018 - All Sessions - YouTube","url":"https://www.youtube.com/playlist?list=PLNYkxOF6rcIDjlCx1PcphPpmf43aKOAdF","content":"Chrome Dev Summit 2018の動画まとめ","tags":["Chrome","video"],"relatedLinks":[]},{"date":"2018-11-18T14:58:33.778Z","title":"React for the Angular Dev – Austin – Medium","url":"https://medium.com/@amcdnl/react-for-the-angular-dev-be21a39a382","content":"Angularユーザー向けのReactエコシステム解説記事。\n機能的な対応関係となるライブラリやツールなどのエコシステムの例、Angularとは異なりスタイルガイドが公式にあるわけではないなどスタンスの違いなどについて。","tags":["JavaScript","Angular","React","article"],"relatedLinks":[]},{"date":"2018-11-18T15:05:25.944Z","title":"What's in the future of the web? / Twitter","url":"https://mobile.twitter.com/i/moments/1062511192097214464","content":"Chrome Dev Summitで発表された内容に関する記事やリポジトリのまとめ","tags":["Chrome","article"],"relatedLinks":[]},{"date":"2018-11-19T08:40:26.777Z","title":"Home  |  web.dev","url":"https://web.dev/","content":"Googleのウェブパフォーマンス、セキュリティ、アクセシビリティ、SEOなどウェブ開発に関するドキュメントサイト","tags":["google","document"],"relatedLinks":[]},{"date":"2018-11-19T08:48:17.377Z","title":"自作フレームワークをつくって学ぶ 仮想DOM実践入門 | Black Everyday Company","url":"https://kuroeveryday.blogspot.com/2018/11/how-to-create-virtual-dom-framework.html","content":"Virtual DOMの仕組みについてVirtual DOMを実装しながら学んでいくチュートリアル。\nVirtual DOMとして作ったオブジェクトを実際のDOMにどのように反映するか差分の変更検知などの実装。\nまたHyperAppのようなActionの実行と表示更新のスケジュール管理のようなフレームワークとしての動きについてなど","tags":["VirtualDOM","JavaScript","tutorial","article"],"relatedLinks":[]},{"date":"2018-11-19T13:57:02.241Z","title":"Release v4.26.0 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v4.26.0","content":"webpack 4.26.0リリース。\nデフォルトのminifierをuglify-esからterserに変更","tags":["webpack","ReleaseNote"],"relatedLinks":[{"title":"terser-js/terser: JavaScript parser, mangler, optimizer and beautifier toolkit for ES6+","url":"https://github.com/terser-js/terser"}]},{"date":"2018-11-20T02:17:23.727Z","title":"The State of JavaScript 2018: Introduction","url":"https://2018.stateofjs.com/introduction/","content":"JavaScriptアンケートのState of JavaScript 2018の結果が公開された。\n言語、フレームワーク、データレイヤー、バックエンド、テスト、モバイルなどについてのアンケート結果と過去のデータからの推移についてが見られる。","tags":["JavaScript","アンケート"],"relatedLinks":[]},{"date":"2018-11-20T07:55:17.188Z","title":"google/js-green-licenses: JavaScript package.json License Checker","url":"https://github.com/google/js-green-licenses","content":"`package.json`にかかれている依存ライブラリのライセンスチェックツール。\nPull Reuqest対するチェックなども対応している","tags":["JavaScript","library","npm","ライセンス"],"relatedLinks":[]},{"date":"2018-11-21T13:59:47.706Z","title":"KidkArolis/jetpack: 🚀 Jetpack – a more convenient webpack dev server.","url":"https://github.com/KidkArolis/jetpack","content":"webpackベースの開発サーバ、ビルドツール。\nParcelのようにデフォルトの設定があり、設定なしで利用できることを目的としている。","tags":["webpack","Tools"],"relatedLinks":[]},{"date":"2018-11-24T02:23:28.473Z","title":"developit/htm: Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.","url":"https://github.com/developit/htm","content":"JSXライクなTagged Templatesライブラリ。babelプラグインでコンパイルも可能になっている。","tags":["HTML","babal","jsx","library"],"relatedLinks":[]},{"date":"2018-11-23T00:29:01.222Z","title":"wasmerio/wasmer: High-Performance WebAssembly JIT interpreter","url":"https://github.com/wasmerio/wasmer","content":"WebAssemblyファイル(`.wasm`と`.wat`)を実行できるスタンドアローンなツール。\n","tags":["WebAssembly","console","Tools","Rust"],"relatedLinks":[]},{"date":"2018-11-24T07:17:29.848Z","title":"Lets Build Web Components! Part 1: The Standards - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/bennypowers/lets-build-web-components-part-1-the-standards-3e85","content":"Web Componentsについての連載。\nWeb Componentsの構成要素、polyfill、読み込み方法、ライフサイクル、非同期ロード。\nまた`:host`や`<slot>`、スタイル、アクセシビリティ、Polymerなどのフレームワークについて","tags":["WebComponents","article"],"relatedLinks":[]},{"date":"2018-11-25T03:45:50.602Z","title":"areknawo/Rex: Your RegEx companion.","url":"https://github.com/areknawo/rex","content":"メソッドチェーンで正規表現を作成したり、マッチング、置換するライブラリ","tags":["JavaScript","正規表現","library","TypeScript"],"relatedLinks":[]},{"date":"2018-11-25T08:34:17.585Z","title":"seo_for_spa.pdf - Speaker Deck","url":"https://speakerdeck.com/kazuyaseki/seo-for-spa-cfb3706f-ae1d-4c6f-a83f-96dc2452f32b","content":"Google botに適切に解釈されるようにするための手法についてのスライド。\nGoogle botがChrome 41相当であることによる制限、タイムアウトの検証、Dynamic Rendering(prerender)やSSRなどの対策についてなど","tags":["browser","SEO","google","slide"],"relatedLinks":[]},{"date":"2018-11-26T01:42:09.462Z","title":"WebSockets - A Conceptual Deep-Dive | Ably Realtime","url":"https://www.ably.io/concepts/websockets","content":"WebSocketについての記事。 Cometのようなポーリングによる通信、WebSocketによるハンドシェイクについて。 `WebSocket`を使っての接続方法や著名なライブラリの紹介など","tags":["WebSocket","article","library"],"relatedLinks":[]},{"date":"2018-11-26T04:44:23.310Z","title":"boneskull/create-yo: Use any Yeoman generator with \"npm init\"","url":"https://github.com/boneskull/create-yo","content":"`npm init yo <generator>`できるYoeman向けのツール","tags":["npm","library"],"relatedLinks":[]},{"date":"2018-11-26T16:13:37.706Z","title":"Introduction · HTTP/3 explained","url":"https://http3-explained.haxx.se/en/","content":"HTTP/3とQUICについての解説ドキュメント。\nTCPとUDP、HTTP/2との違い、QUICの仕組みなどについて","tags":["http3","document"],"relatedLinks":[{"title":"http2 explained · GitBook (Legacy)","url":"https://legacy.gitbook.com/book/bagder/http2-explained/details"}]},{"date":"2018-11-26T16:49:06.418Z","title":"Idiomatic Redux: The History and Implementation of React-Redux · Mark's Dev Blog","url":"https://blog.isquaredsoftware.com/2018/11/react-redux-history-implementation/","content":"react-reduxの歴史と今後について\n今までのreact-reduxの実装とv6 β実装されてContext APIベースの実装。\nまた、React Hooksを使った実装のProposalについてなど","tags":["React","redux","article"],"relatedLinks":[]},{"date":"2018-11-27T00:57:23.462Z","title":"ZEIT – ncc: Node.js Compiler Collection","url":"https://zeit.co/blog/ncc","content":"Node.jsのプログラムを依存含めて1つのファイルにするnccについて。\nファイル1つにまとめることで配布性や実行時の起動時間のI/Oオーバヘッドの改善を目的としている。","tags":["node.js","Tools","article"],"relatedLinks":[{"title":"zeit/ncc: Node.js Compiler Collection","url":"https://github.com/zeit/ncc"}]},{"date":"2018-11-27T01:09:26.052Z","title":"Angular Webアプリケーションの最新設計手法.pdf - Speaker Deck","url":"https://speakerdeck.com/koumatsumot0/angular-webahurikesiyonfalsezui-xin-she-ji-shou-fa","content":"Angularのコンポーネント設計やステート管理についてのスライド","tags":["Angular","slide"],"relatedLinks":[]},{"date":"2018-11-27T01:30:11.142Z","title":"PWA導入の成果と課題 / nikkei-pwa-html5conf2018 - Speaker Deck","url":"https://speakerdeck.com/sisidovski/nikkei-pwa-html5conf2018","content":"PWAの導入と運用しての課題についてのスライド。\nService Workerによるパフォーマンスの改善、Add to HomeScreenのハンドリング、Performance Budgetの設定方法とパフォーマンス監視などについて","tags":["PWA","performance","slide"],"relatedLinks":[]},{"date":"2018-11-27T01:41:15.772Z","title":"Malicious code found in npm package event-stream downloaded 8 million times in the past 2.5 months | Snyk","url":"https://snyk.io/blog/malicious-code-found-in-npm-package-event-stream","content":"`event-stream@3.x`と`flatmap-stream`の問題について。\n`flatmap-stream`にwalletsからbitcoinを盗むコードが含まれており、`event-stream@3.x`がこのパッケージに依存していた問題について。\n現在`flatmap-stream`はnpmからunpublishされている","tags":["node.js","npm","library","security","article"],"relatedLinks":[{"title":"I don't know what to say. · Issue #116 · dominictarr/event-stream","url":"https://github.com/dominictarr/event-stream/issues/116"},{"title":"statement on event-stream compromise","url":"https://gist.github.com/dominictarr/9fd9c1024c94592bc7268d36b8d83b3a"}]},{"date":"2018-11-27T01:44:03.482Z","title":"HTTP and 5G (fixed1)","url":"https://www.slideshare.net/dynamis/httpp-and-5g-fixed1","content":"5G環境での通信試験についてのスライド。 \n5Gの試験環境における輻輳制御方法CUBICとBBRの比較、HTTP/1、HTTP/2、QUICの比較などについて","tags":["QUIC","browser","network","slide"],"relatedLinks":[]},{"date":"2018-11-27T01:49:49.077Z","title":"How we made Carousell’s mobile web experience 3x faster","url":"https://medium.com/carousell-insider/how-we-made-carousells-mobile-web-experience-3x-faster-bbb3be93e006","content":"carousellにおけるパフォーマンス改善について。\nPRPLパターン、Critical CSS、Lazy LOading、画像の圧縮とCDN、Service Workerの導入などについて","tags":["performance","article"],"relatedLinks":[]},{"date":"2018-11-27T02:13:56.503Z","title":"フロントエンド向けvalidator: favalidの紹介 - asterisc","url":"http://akito0107.hatenablog.com/entry/2018/11/23/195538","content":"バリデーターを関数で書いてcombineできるライブラリのfavalidについて","tags":["JavaScript","library","article"],"relatedLinks":[{"title":"akito0107/favalid: make your favorite validators.","url":"https://github.com/akito0107/favalid"}]},{"date":"2018-11-27T02:17:07.327Z","title":"Class features in NodeFest Japan - Google スライド","url":"https://docs.google.com/presentation/d/1nsR7QnPlyhlPj1ff4cYyARwcWrYM1j_fM7dpbFZM3K8/mobilepresent#slide=id.p","content":"ECMAScript ProposalのPrivate fieldsについてのスライド。\nprivateを実現するための構文として`#variable`を使う理由や経緯、構文、現在のStageについてなど","tags":["ECMAScript","proposal","slide"],"relatedLinks":[]},{"date":"2018-11-28T10:40:58.966Z","title":"Lazy loading (and preloading) components in React 16.6","url":"https://medium.com/@pomber/lazy-loading-and-preloading-components-in-react-16-6-804de091c82d","content":"`React.lazy()`を使ったコンポーネントの遅延ロードについて","tags":["React","article"],"relatedLinks":[]},{"date":"2018-11-28T22:47:39.343Z","title":"End-of-Life for Built-in JSDoc Support in ESLint - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2018/11/jsdoc-end-of-life","content":"ESLintのJSDocサポートが4.0.0でビルトインではなくなることについて。\nこれにあわせてJSDocパーサのDoctrineも更新されなくなる。\n既存のJSDoc関係のルールは別途プラグインとして切り出される。","tags":["ESLint","article"],"relatedLinks":[{"title":"eslint/doctrine: JSDoc parser","url":"https://github.com/eslint/doctrine"}]},{"date":"2018-11-29T02:04:59.170Z","title":"React 16.x Roadmap – React Blog","url":"https://reactjs.org/blog/2018/11/27/react-16-roadmap.html","content":"React 16.xのロードマップについて。\n16.7でReact Hooks、16.8でConcurrent Mode、16.9でSuspense for Data Fetchingをリリース予定。\nまた、React DOMのモダン化やSSRに対するSuspenseを検討中。","tags":["React","article"],"relatedLinks":[]},{"date":"2018-11-29T09:57:36.988Z","title":"What's New In DevTools (Chrome 72)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/11/devtools","content":"Chrome 72の開発者ツールの変更点。\nPerformance metricsのビジュアライズ、\"Copy JS path\"(セレクタを指定するコードのコピー)を追加、Lighthouseのアップデートなど","tags":["Chrome","article"],"relatedLinks":[]},{"date":"2018-11-29T13:19:21.745Z","title":"Dev.Opera — What’s new in Chromium 70 and Opera 57","url":"https://dev.opera.com/blog/opera-57/","content":"Opera 57 (based on Chromium 70)リリース。\nFeature Detectionの混乱をさけるために`ontouch*`イベントの属性はデスクトップにおいてデフォルトで無効化、`postMessage`に`targetOrigin`オプションの追加。\nWeb Components V1を非推奨化など","tags":["Opera","ReleaseNote"],"relatedLinks":[]},{"date":"2018-11-30T00:02:30.975Z","title":"Announcing TypeScript 3.2 | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2018/11/29/announcing-typescript-3-2/","content":"TypeScript 3.2リリース。`strictBindCallApply`オプションが追加され`bind`、`call`、`apply`の型付け改善、Object spread/restとGenericsの組み合わせを改善、BigIntサポート。 \n`tsconfig.json`の`extends`がnode_modulesのパスに対応など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2018-11-30T22:41:53.934Z","title":"Modern Frontend Testing with Cypress.io Framework - Snipcart","url":"https://snipcart.com/blog/frontend-testing-cypress","content":"Cypressを使ったE2Eテストについてのチュートリアル","tags":["E2E","testing","article"],"relatedLinks":[]},{"date":"2018-11-30T22:44:17.068Z","title":"Web workers vs Service workers vs Worklets","url":"https://bitsofco.de/web-workers-vs-service-workers-vs-worklets/","content":"Web Worker、Service Worker、Workletsの役割や動作についてを簡単に紹介している記事。\nブラウザのメインスレッドとは異なるスレッドでコードを実行するWorkerについて","tags":["webworker","webservice","article"],"relatedLinks":[]},{"date":"2018-11-30T23:58:11.518Z","title":"ECMAScript proposal updates @ 2018-11 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2018/12/01/ecmascript-proposal-updates","content":"2018年11月のTC39ミーティングで変更があったECMAScript Proposalのステータスまとめ","tags":["ECMAScript","proposal"],"relatedLinks":[]},{"date":"2018-12-02T00:53:30.634Z","title":"Scrimba","url":"https://scrimba.com/","content":"Angular、React、VueやTypeScriptなどのスクリーンキャストを公開しているサイト","tags":["React","Angular","Vue","TypeScript","video","tutorial"],"relatedLinks":[]},{"date":"2018-12-03T10:29:48.106Z","title":"What’s new in Create React App 2 – LogRocket","url":"https://blog.logrocket.com/whats-new-in-create-react-app-2-fe8f4f448c75","content":"Create React App 2.0での変更点について。\nTypeScript対応、Service Workerがオプトインに変更、Babel macrosの対応、`src/setupProxy.js`の対応など","tags":["React","article"],"relatedLinks":[]},{"date":"2018-12-03T13:26:57.775Z","title":"The Second Edition of \"Refactoring\"","url":"https://martinfowler.com/articles/refactoring-2nd-ed.html","content":"Refactoring 第二版がリリースされた","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2018-12-03T23:14:50.768Z","title":"How Does React Tell a Class from a Function? | Overreacted","url":"https://overreacted.io/how-does-react-tell-a-class-from-a-function/","content":"Reactが関数とクラスで書かれたコンポーネントを呼び分ける必要があるため、内部でどのように判別しているかについての解説","tags":["React","article"],"relatedLinks":[]},{"date":"2018-12-04T00:31:42.287Z","title":"CSS and Network Performance – CSS Wizardry – CSS Architecture, Web Performance Optimisation, and more, by Harry Roberts","url":"https://csswizardry.com/2018/11/css-and-network-performance/","content":"CSSのロードとパフォーマンスについての記事。\n非同期ロード、`@import`を避ける、CSSとJSのロード順の問題などについて","tags":["JavaScript","CSS","article","performance"],"relatedLinks":[]},{"date":"2018-12-06T00:01:11.265Z","title":"New in Chrome 71  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/12/nic71","content":"Chrome 71の変更点について。\n`Intl.RelativeTimeFormat()`のサポート、`text-underline-position`のサポート。\nFetch APIのcredentials-modeのデフォルト値が`omit`から`same-origin`へと変更など","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2018-12-06T00:18:54.702Z","title":"7.2.0 Released: Private Instance Methods · Babel","url":"https://babeljs.io/blog/2018/12/03/7.2.0.html","content":"Babel 7.2.0リリース。\nPrivate methods proposalのサポート、pipeline operator proposalのパースをサポート、replで変換過程を見られるタイムトラベルをサポートなど","tags":["babel","ReleaseNote"],"relatedLinks":[]},{"date":"2018-12-06T01:24:43.144Z","title":"Release Notes for Safari Technology Preview 71 | WebKit","url":"https://webkit.org/blog/8517/release-notes-for-safari-technology-preview-71/","content":"Safari Technology Preview 71リリース。\n`supported-color-schemes`のサポート、Intersection Observerの有効化、Web Authenticationの試験的サポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2018-12-07T05:46:46.972Z","title":"Release 8.4.0 · developit/preact","url":"https://github.com/developit/preact/releases/tag/8.4.0","content":"Preact 8.4.0リリース。\nTypeScriptの型定義を改善、パフォーマンスの改善など。\nまた次期メジャーバージョンのPreact Xについて書かれている","tags":["React","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-12-07T06:05:54.016Z","title":"Microsoft Edge: Making the web better through more open source collaboration - Windows Experience BlogWindows Experience Blog","url":"https://blogs.windows.com/windowsexperience/2018/12/06/microsoft-edge-making-the-web-better-through-more-open-source-collaboration/","content":"デスクトップMSEdgeはChromiumベース(Blink+V8)に移行し、すべてのWindowsバージョンやmacOS向けなどへ提供予定。\nJavaScriptエンジンのChakraCoreはEdge以外の利用のためサポートを続ける。","tags":["MSEdge","news"],"relatedLinks":[{"title":"MicrosoftEdge/MSEdge: Microsoft Edge","url":"https://github.com/MicrosoftEdge/MSEdge"},{"title":"Chromium adoption in Microsoft Edge and future of ChakraCore · Issue #5865 · Microsoft/ChakraCore","url":"https://github.com/Microsoft/ChakraCore/issues/5865"},{"title":"MicrosoftEdge/MSEdgeExplainers: Home for explainer documents originated by the Microsoft Edge team","url":"https://github.com/MicrosoftEdge/MSEdgeExplainers"}]},{"date":"2018-12-07T06:23:08.641Z","title":"puppeteer/experimental/puppeteer-firefox at master · GoogleChrome/puppeteer","url":"https://github.com/GoogleChrome/puppeteer/tree/master/experimental/puppeteer-firefox","content":"PuppeteerのFirefox版","tags":["firefox","node.js","library"],"relatedLinks":[]},{"date":"2018-12-07T11:00:24.394Z","title":"Google Developers Blog: Flutter 1.0: Google’s Portable UI Toolkit","url":"https://developers.googleblog.com/2018/12/flutter-10-googles-portable-ui-toolkit.html","content":"Flutter 1.0リリース。\nHummingbirdというウェブ向けの出力対応予定について","tags":["Flutter","ReleaseNote"],"relatedLinks":[{"title":"Hummingbird: Building Flutter for the Web – Flutter – Medium","url":"https://medium.com/flutter-io/hummingbird-building-flutter-for-the-web-e687c2a023a8"}]},{"date":"2018-12-07T11:13:27.919Z","title":"Processing.js 2008-2018","url":"https://blog.humphd.org/processing-js-2008/","content":"メンテンナンスモードであったProcessing.jsのリポジトリがアーカイブ化された。\nまたProcessing.jsの歴史について。後継ライブラリとしてはp5jsが開発されている。\n","tags":["JavaScript","library","news"],"relatedLinks":[{"title":"processing-js/processing-js: A port of the Processing visualization language to JavaScript.","url":"https://github.com/processing-js/processing-js/"}]},{"date":"2018-12-08T06:15:02.043Z","title":"Release v0.88.0 · facebook/flow","url":"https://github.com/facebook/flow/releases/tag/v0.88.0","content":"Flow 0.88.0リリース。\n`Function`と`Object`を`any`のaliasとして扱うように。\n`flow start --lazy-mode watchman`の追加、`flow config check`コマンドの追加など","tags":["flowtype","ReleaseNote"],"relatedLinks":[]},{"date":"2018-12-08T10:17:20.029Z","title":"jQueryへの依存を外す方法 - dely engineering blog","url":"https://tech.dely.jp/entry/2018/12/08/160000","content":"jQueryの依存を外すまでのフローについて。\npolyfill.io の利用、CoffeeScriptからTypeScriptへの移行。\njQueryをVanillaJS + polyfillで動くように書き直し、BackstopJSでビジュアルリグレッションテストする方法について。","tags":["JavaScript","CoffeeScript","TypeScript","リファクタリング","jQuery","article"],"relatedLinks":[]},{"date":"2018-12-08T10:21:54.053Z","title":"rowanmanning/proclaim: A simple assertion library for server and client side JavaScript.","url":"https://github.com/rowanmanning/proclaim","content":"古いブラウザや古いNode.jsでも動作するように書かれたassert系ライブラリ。\nchaiのようにassertの拡張メソッドも実装されている","tags":["JavaScript","library","testing"],"relatedLinks":[]},{"date":"2018-12-08T13:08:50.956Z","title":"ESLint v5.10.0 released - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2018/12/eslint-v5.10.0-released","content":"ESLint 5.10.0リリース。\n`padding-line-between-statements`にオプションの追加、\nJSDoc関係のルールである`require-jsdoc`と`valid-jsdoc`が非推奨になるなど","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"ESLint v5.10.0 - Qiita","url":"https://qiita.com/mysticatea/items/64a09c3bea4c06d84a2e"}]},{"date":"2018-12-08T14:25:48.138Z","title":"Node.js Everywhere with Environment Variables! – Node.js Collection – Medium","url":"https://medium.com/the-node-js-collection/making-your-node-js-work-everywhere-with-environment-variables-2da8cdf6e786","content":"Node.jsでの環境変数の使い方、`.env`を使った環境変数の定義と読み込み方法についてなど","tags":["node.js","article"],"relatedLinks":[]},{"date":"2018-12-09T01:09:01.700Z","title":"Yahoo! JAPANでの生体認証の取り組み（FIDO2サーバーの仕組みについて） - Yahoo! JAPAN Tech Blog","url":"https://techblog.yahoo.co.jp/advent-calendar-2018/webauthn/","content":"WebAuthn（Web Authentication）を使った生体認証でのログインフローについての解説","tags":["JavaScript","security","article"],"relatedLinks":[]},{"date":"2018-12-10T23:39:48.641Z","title":"ヤフー株式会社におけるWebフロントエンドの技術選定 - Yahoo! JAPAN Tech Blog","url":"https://techblog.yahoo.co.jp/advent-calendar-2018/yahoo-frontend/","content":"ヤフー株式会社における各サービスごとのフロントエンドに利用しているフレームワークやライブラリなどについて。\nそれぞれの技術を選定した理由などについてもまとめられている。","tags":["JavaScript","CSS","company","opinion"],"relatedLinks":[]},{"date":"2018-12-10T23:49:52.208Z","title":"Performance Calendar » data-s(h)aver strategies","url":"https://calendar.perfplanet.com/2018/data-shaver-strategies/","content":"ブラウザのデータセーバーが有効かを判定し、それに対してどのようなコンテンツを返すかについて。\nコンテンツ数の削減、自動再生の防止、解像度の低い画像の配信、データセーバーが有効になっていることの通知などについて","tags":["performance","article"],"relatedLinks":[]},{"date":"2018-12-11T00:00:54.719Z","title":"Compare HAR files","url":"https://compare.sitespeed.io/","content":"HARファイル同士を比較できるウェブサービス。\nそれぞれのリソースロードのタイムライン比較、動画、ファイルサイズのDiffなどを出してくれる","tags":["webservice","performance"],"relatedLinks":[{"title":"Performance Calendar » Sharing is caring: What’s new with comparing HAR files?","url":"https://calendar.perfplanet.com/2018/sharing-comparing-har-files/"}]},{"date":"2018-12-11T00:20:22.297Z","title":"🎉 Version 4.0 Now Default 🎉 – gulpjs – Medium","url":"https://medium.com/gulpjs/version-4-now-default-92c6cd4beb45","content":"gulp 4.0が正式リリース。\n`gulp.series`と`gulp.parallel`を追加。\nsourcemapsのデフォルトサポート、gulpfileからのexportをタスクとして扱えるように、`gulp`と`gulp-cli`の分離など","tags":["gulp","ReleaseNote"],"relatedLinks":[{"title":"Release v4.0.0 · gulpjs/gulp","url":"https://github.com/gulpjs/gulp/releases/tag/v4.0.0"}]},{"date":"2018-12-11T05:40:29.701Z","title":"simov/grant: OAuth Middleware for Express, Koa and Hapi","url":"https://github.com/simov/grant","content":"expressなどで使えるOAuth middleware。\npassportのように色々なサービスに対応している","tags":["OAuth","node.js","library"],"relatedLinks":[{"title":"How does this project compare to Passport? · Issue #77 · simov/grant","url":"https://github.com/simov/grant/issues/77"}]},{"date":"2018-12-11T12:11:57.215Z","title":"Wenzil/Mhysa: Dependency-free stream utils for Node.js","url":"https://github.com/Wenzil/Mhysa","content":"Node.js Streamを扱う\nTypeScriptで書かれているライブラリ。`fromArray`からStreamのラッパーを作成し`map`、`reduce`、`merge`、`duplex`などを使いStream処理できるライブラリ","tags":["node.js","TypeScript","library","JavaScript"],"relatedLinks":[]},{"date":"2018-12-11T14:59:33.100Z","title":"Firefox 64.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/64.0/releasenotes/","content":"Firefox 64.0リリース。\nFullscreen APIの接頭辞を削除、`requestFullscreen()`などがPromiseを返すように、macOSでWebVR APIを有効化。\n`XMLHttpRequest.getAllResponseHeaders()`がヘッダ名を小文字で返すようになるなど","tags":["firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 64 for developers | MDN","url":"https://developer.mozilla.org/ja/docs/Mozilla/Firefox/Releases/64"},{"title":"Firefox 64 サイト互換性情報 | Firefox サイト互換性情報","url":"https://www.fxsitecompat.com/ja/versions/64/"},{"title":"Firefox 64 Released - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2018/12/firefox-64-released/"}]},{"date":"2018-12-14T02:48:24.469Z","title":"Measuring the performance impact of Chrome extensions | DebugBear","url":"https://www.debugbear.com/blog/measuring-the-performance-impact-of-chrome-extensions","content":"Chrome拡張などがパフォーマンス計測に与える影響について","tags":["Chrome","performance","browser","Extension"],"relatedLinks":[]},{"date":"2018-12-14T02:50:36.774Z","title":"Chrome DevToolsを用いたメルカリWebのパフォーマンス計測 - Mercari Engineering Blog","url":"https://tech.mercari.com/entry/2018/12/12/090156","content":"Chromeの開発者ツールのネットワークパネルやパフォーマンスパネルの読み方について。\nスクリーンショットを元にそれぞれの要素が何を表しているかを説明している","tags":["Chrome","performance","article"],"relatedLinks":[]},{"date":"2018-12-14T08:00:20.173Z","title":"Ember.js - Ember 3.6 Released","url":"https://emberjs.com/blog/2018/12/13/ember-3-6-released.html","content":"Ember 3.6リリース。\nいくつかの制限はあるがES classをサポート。\n`new EmberObject()`を非推奨化し、`EmberObject.create()`の利用を推奨するようになるなど","tags":["Ember","ReleaseNote","JavaScript","library"],"relatedLinks":[]},{"date":"2018-12-14T22:00:05.472Z","title":"Introducing Background Fetch  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/12/background-fetch","content":"Chrome 71で試験的に導入されるBackground Fetchについて。\n","tags":["Chrome","Fetch","ServiceWorker"],"relatedLinks":[]},{"date":"2018-12-14T22:06:48.989Z","title":"An Introduction and Guide to the CSS Object Model (CSSOM) | CSS-Tricks","url":"https://css-tricks.com/an-introduction-and-guide-to-the-css-object-model-cssom/","content":"CSS Object Model (CSSOM) について。\nJavaScriptから要素のスタイルの取得、変更、Priorityや`@keyframes`などへのアクセス方法などについて","tags":["CSS","article"],"relatedLinks":[]},{"date":"2018-12-14T22:24:20.684Z","title":"Release v6.0.0 · reduxjs/react-redux","url":"https://github.com/reduxjs/react-redux/releases/tag/v6.0.0","content":"React Redux 6.0.0リリース。\nContext APIのサポート、`withRef`オプションは`forwardRef`オプションに置き換えなど","tags":["redux","ReleaseNote"],"relatedLinks":[]},{"date":"2018-12-15T13:38:54.149Z","title":"GoogleChromeLabs/quicklink: ⚡️Faster subsequent page-loads by prefetching in-viewport links during idle time","url":"https://github.com/GoogleChromeLabs/quicklink","content":"Viewportに表示されているリンクをアイドル時にprefetchを行うライブラリ","tags":["JavaScript","library","performance"],"relatedLinks":[]},{"date":"2018-12-15T13:40:42.507Z","title":"zeit/arg: Simple argument parsing","url":"https://github.com/zeit/arg","content":"シンプルなコマンドライン引数パーサライブラリ","tags":["JavaScript","node.js","library","TypeScript"],"relatedLinks":[]},{"date":"2018-12-16T00:56:42.455Z","title":"worker_threadsを使ったNode.js マルチスレッドプログラミング - kakts-log","url":"http://kakts-tec.hatenablog.com/entry/2018/12/14/005316","content":"Node.js 10.5.0で試験的にサポートされた`worker_threads`モジュールについて。\nNode.jsでのWorkerを使ったスレッド処理について","tags":["node.js","article"],"relatedLinks":[]},{"date":"2018-12-16T01:41:07.203Z","title":"混沌を極める jQuery のコードをいかにして Vue.js に頼らずに整理したか - Qiita","url":"https://qiita.com/cesare/items/c00acd7911afcba21224","content":"jQueryを使い書かれていたイベント処理が密結合で影響範囲が複雑化していた問題について。\nイベントのフローや影響範囲をViewで区切るなど、どのようにリファクタリングを進めたかについて","tags":["jQuery","JavaScript","リファクタリング"],"relatedLinks":[]},{"date":"2018-12-16T01:59:53.019Z","title":"Release 1.0 · avajs/ava","url":"https://github.com/avajs/ava/releases/tag/v1.0.1","content":"AVA 1.0リリース。\n`t.throws`の挙動の変更と`t.throwsAsync`の追加。\nBabel 7に対応、`ava.config.js`のサポートなど。\n破壊的な変更として`test`は名前を持つことが必須なり、`t.ifError`の削除など","tags":["JavaScript","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2018-12-17T07:02:02.291Z","title":"HTML5 Conference 2018 - YouTube","url":"https://www.youtube.com/playlist?list=PLeFZWzLJpZccuopdBjJAuod_tYGvVCIHv","content":"HTML5 Conference 2018の動画まとめ","tags":["HTML5","Conference","video"],"relatedLinks":[]},{"date":"2018-12-18T01:09:27.958Z","title":"Pika | Search modern module esm packages on npm","url":"https://www.pikapkg.com/","content":"ECMAScriptモジュールに対応したnpmパッケージを検索できるウェブサービス。\n\"module\"フィールドに対応しているパッケージを検索できる。\n","tags":["JavaScript","npm","ECMAScript","module","search","webservice"],"relatedLinks":[{"title":"Pika | What is Pika?","url":"https://www.pikapkg.com/about/"}]},{"date":"2018-12-18T01:19:47.836Z","title":"billboard.js 1.7.0 release!! – Jae Sung Park – Medium","url":"https://medium.com/@alberto.park/billboard-js-1-7-0-release-4944a2eb59fe","content":"D3.jsベースのグラフライブラリであるbillboard.js 1.7.0リリース。\nMulti Axes、`graph` theme、TypeScriptのサポートなど","tags":["JavaScript","グラフ","library","ReleaseNote"],"relatedLinks":[]},{"date":"2018-12-18T11:17:50.760Z","title":"V8 release v7.2 · V8","url":"https://v8.dev/blog/v8-release-72","content":"V8 v7.2.リリース。\n`async/await`、Spread Elementsなどのパフォーマンス改善、Publicクラスフィールド、`Intl.ListFormat`、`export * as foo from`のサポートなど","tags":["V8","ReleaseNote"],"relatedLinks":[]},{"date":"2018-12-20T07:17:54.319Z","title":"three.js超入門 第0回 3Dコンピュータグラフィックスの基礎 - Qiita","url":"https://qiita.com/watabo_shi/items/f7c559c3cdbcdd0f2629","content":"three.js入門の連載記事。\nthree.jsや3DCGの基本的な用語やレンダリング、インタラクションの実装などについて","tags":["3D","JavaScript","article"],"relatedLinks":[]},{"date":"2018-12-20T07:26:02.730Z","title":"Chromium Blog: Chrome 72 Beta: Public class fields, user activation and more","url":"https://blog.chromium.org/2018/12/chrome-72-beta-public-class-fields-user.html","content":"Chrome 72 Betaリリース。\nPublic class fieldsの実装、 User Activation Query APIのサポート、HPKPの削除、TLS 1.0と1.1を非推奨化など","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Chrome Platform Status","url":"https://www.chromestatus.com/features#browsers.chrome.desktop%3D72"},{"title":"Deprecations and removals in Chrome 72  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/12/chrome-72-deps-rems"}]},{"date":"2018-12-20T10:20:08.068Z","title":"Cloudworker  -  A local Cloudflare Worker Runner","url":"https://blog.cloudflare.com/cloudworker-a-local-cloudflare-worker-runner/","content":"Cloudflare Workers向けのスクリプトをローカルで動かすことを目的としたツール","tags":["JavaScript","node.js","cdn","ServiceWorker"],"relatedLinks":[{"title":"dollarshaveclub/cloudworker: Run Cloudflare Worker scripts locally","url":"https://github.com/dollarshaveclub/cloudworker"}]},{"date":"2018-12-25T02:31:52.274Z","title":"現代の JavaScript チュートリアル","url":"https://ja.javascript.info/","content":"https://javascript.info/ の翻訳サイト。 JavaScript、DOM APIについてのチュートリアルサイト","tags":["JavaScript","tutorial","translate","document"],"relatedLinks":[]},{"date":"2018-12-22T05:15:51.623Z","title":"Electron 4.0.0 | Electron Blog","url":"https://electronjs.org/blog/electron-4-0","content":"Electron 4.0.0リリース。\n`BrowserWindow`で`remote`モジュールを無効化できるように、WebContentsからの`remote.require`などをイベント処理できるようになるなど。\nmacOS 10.9のサポート終了、`app.makeSingleInstance()`を`app.requestSingleInstanceLock()`に変更など","tags":["Electron","ReleaseNote"],"relatedLinks":[]},{"date":"2018-12-23T05:48:16.804Z","title":"webpack 5 alpha feedback · Issue #8537 · webpack/webpack","url":"https://github.com/webpack/webpack/issues/8537","content":"webpack 5αがリリースされフィードバックを募集中。\nv4で非推奨となっているものを削除、`events`などNode.jsのコアモジュールのpolyfillを自動で入れないように変更、chunk idなどの変更など","tags":["webpack","ReleaseNote","issue"],"relatedLinks":[{"title":"changelog-v5/README.md at master · webpack/changelog-v5","url":"https://github.com/webpack/changelog-v5/blob/master/README.md"}]},{"date":"2018-12-23T10:43:21.837Z","title":"Release 2.0.0 · developit/htm","url":"https://github.com/developit/htm/releases/tag/2.0.0","content":"JSXライクなタグ関数を提供するHTM 2.0リリース。\nパフォーマンス改善、Babelプラグインの改善など","tags":["jsx","babel","JavaScript","library"],"relatedLinks":[]},{"date":"2018-12-24T03:46:42.172Z","title":"swc-project/swc: Super-fast alternative for babel","url":"https://github.com/swc-project/swc","content":"Rustで書かれたJavaScript Transpiler。\nBabelなどのようにECMAScriptバージョンに対応した変換を行う。","tags":["Rust","JavaScript","babel","Tools"],"relatedLinks":[]},{"date":"2018-12-24T15:10:09.538Z","title":"FOLIOの画像回帰テストの裏側 – Yosuke Kurami – Medium","url":"https://medium.com/@Quramy/folio%E3%81%AE%E7%94%BB%E5%83%8F%E5%9B%9E%E5%B8%B0%E3%83%86%E3%82%B9%E3%83%88%E3%81%AE%E8%A3%8F%E5%81%B4-c848030991bc","content":"画像ベースのビジュアルリグレッションテストの運用について。\nアニメーションやロードが発生する描画結果の画像キャプチャを安定して取る手法やStorybookとテストの段階的な導入についてなど","tags":["testing","article","UI"],"relatedLinks":[]},{"date":"2018-12-24T15:18:38.308Z","title":"Introduction - TypeScript Deep Dive 日本語版","url":"https://typescript-jp.gitbook.io/deep-dive/","content":"TypeScript Deep Diveの日本語訳","tags":["TypeScript","translate","document"],"relatedLinks":[{"title":"yohamta/typescript-book-jp: TypeScript Bookの日本語訳です。","url":"https://github.com/yohamta/typescript-book-jp"}]},{"date":"2018-12-25T02:05:46.256Z","title":"Bootstrap 4.2.1 · Bootstrap Blog","url":"https://blog.getbootstrap.com/2018/12/21/bootstrap-4-2-1/","content":"Bootstrap 4.2.1リリース。\nSpinner loading、Toast、Switchesコンポーネントの追加、いくつかのユーティリティクラスの追加。","tags":["CSS","ReleaseNote","library"],"relatedLinks":[]},{"date":"2018-12-25T02:11:28.013Z","title":"Bootstrap 3.4.0 · Bootstrap Blog","url":"https://blog.getbootstrap.com/2018/12/13/bootstrap-3-4-0/","content":"Bootstrap 3.4.0リリース(最新版は4.x系)\ndata属性に関するXSS脆弱性を修正(4.0では修正済み)","tags":["CSS","library","security","ReleaseNote"],"relatedLinks":[{"title":"Cross-Site Scripting (XSS) | Snyk","url":"https://snyk.io/vuln/npm:bootstrap:20160627"},{"title":"Fix some XSS in v3 by Johann-S · Pull Request #23687 · twbs/bootstrap","url":"https://github.com/twbs/bootstrap/pull/23687"}]},{"date":"2018-12-25T02:23:35.642Z","title":"I Used The Web For A Day Using A Screen Reader — Smashing Magazine","url":"https://www.smashingmagazine.com/2018/12/voiceover-screen-reader-web-apps/","content":"スクリーンリーダを実際にどのように使うかについて。\nVoiceOverを使っていくつかのサイトを元に、スクリーンリーダの動きやどのようにみえているのかなどについて","tags":["accessibility","article"],"relatedLinks":[]},{"date":"2018-12-27T04:52:22.399Z","title":"WebdriverIO v5 Released · WebdriverIO","url":"https://webdriver.io/blog/2018/12/19/webdriverio-v5-released.html","content":"WebdriverIO v5リリース。\n`wdio` CLIは`@wdio/cli`に移動、コマンドがselectorを受け取らないように、メソッドチェーンではなくasync/awaitベースに変更。\nその他にもコマンドのリネームなどのは快適な変更を多く含む","tags":["Selenium","browser","testing","library","ReleaseNote"],"relatedLinks":[{"title":"webdriverio/CHANGELOG.md at master · webdriverio/webdriverio","url":"https://github.com/webdriverio/webdriverio/blob/master/CHANGELOG.md#v500-2018-12-20"}]},{"date":"2018-12-27T05:18:26.671Z","title":"「GraphQL」徹底入門 ─ RESTとの比較、API・フロント双方の実装から学ぶ - エンジニアHub｜若手Webエンジニアのキャリアを考える！","url":"https://employment.en-japan.com/engineerhub/entry/2018/12/26/103000","content":"GraphQLの入門記事。\nGraphQLの利点、欠点、スキーマ/クエリの書き方、VariableやFragmentの使い方について。\nまたRelayの拡張や実際にGraphQLを使った実装例についてなど","tags":["GraphQL","tutorial","article"],"relatedLinks":[]},{"date":"2018-12-27T09:22:32.546Z","title":"Understanding Throttling and Debouncing – Bits and Pieces","url":"https://blog.bitsrc.io/understanding-throttling-and-debouncing-973131c1ba07","content":"ThrottlingとDebouncingについてそれぞれを実装しながら挙動を理解していく記事","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2018-12-29T04:26:14.619Z","title":"Release v1.0.0 · rollup/rollup","url":"https://github.com/rollup/rollup/releases/tag/v1.0.0","content":"Rollup 1.0.0リリース。\n破壊的な変更としてオプションのリネーム、`bundle.generate`の返す値のフォーマットの変更、`acorn@6`へアップデートなど","tags":["JavaScript","bundler","ReleaseNote"],"relatedLinks":[]},{"date":"2018-12-29T04:52:44.863Z","title":"FontoXML/fontoxpath: A minimalistic XPath 3.1 implementation in pure JavaScript","url":"https://github.com/FontoXML/fontoxpath","content":"XPath 3.1、XQuery 3.1の実装ライブラリ","tags":["JavaScript","xpath","library"],"relatedLinks":[]},{"date":"2018-12-31T08:17:03.650Z","title":"Comlink + Rust で言語とスレッドの垣根を越えた WebAssembly 開発 - Qiita","url":"https://qiita.com/3846masa/items/92d24e16ebb5151b08ba","viaURL":"https://github.com/jser/ping/issues/126","content":"Rustを使ったWebAssemblyライブラリの開発について。\nRustを使ったwasmのバインディングの作成、webpackを使ったロード方法について。\nまた、処理をメインスレッド外のWebWorkerで行いComlinkでのデータのやり取りする方法について","tags":["WebAssembly","webworker","Rust","article"],"relatedLinks":[]},{"date":"2018-12-31T10:15:15.694Z","title":"Babel 7 の主な変更点まとめ - Qiita","url":"https://qiita.com/soarflat/items/21b8955f992bf7d38581","viaURL":"https://github.com/jser/ping/issues/126","content":"Babel 7の主な変更点やマイグレーション方法について","tags":["babel","article"],"relatedLinks":[]},{"date":"2018-12-31T11:22:40.581Z","title":"jsincss | A JS-in-CSS stylesheet loader","url":"https://jsincss.com/","viaURL":"https://github.com/jser/ping/issues/126","content":"JavaScriptからテンプレートでCSSを生成でき、イベントによってリアクティブにCSSを変更できるライブラリ。\nプラグインで拡張できるようになっている。","tags":["JavaScript","CSS","library"],"relatedLinks":[{"title":"tomhodgins/jsincss: A JS-in-CSS stylesheet loader","url":"https://github.com/tomhodgins/jsincss"},{"title":"What is a JIC Stylesheet? - Responsive Style","url":"https://responsive.style/theory/what-is-a-jic-stylesheet.html"}]},{"date":"2018-12-31T13:00:34.325Z","title":"基礎からはじめるReact Native入門連載一覧：CodeZine（コードジン）","url":"https://codezine.jp/article/corner/772","content":"React Nativeについての連載記事。","tags":["React","iOS","Android","tutorial"],"relatedLinks":[]},{"date":"2018-12-31T13:09:00.088Z","title":"ECMAScript modules in Node.js: the new plan","url":"http://2ality.com/2018/12/nodejs-esm-phases.html","content":"Node.jsにおけるES Modulesの扱いについてのまとめ記事。\n`.mjs`のサポートについてやCommonJSとの相互運用性の問題、今後どのような方針が予定されているのかについて","tags":["node.js","article","module"],"relatedLinks":[]},{"date":"2018-12-31T13:13:02.845Z","title":"JavaScriptとWeb開発に関するInfoQトレンドレポート","url":"https://www.infoq.com/jp/articles/javascript-web-development-trends","content":"InfoQのJavaScriptに関するトレンドレポート。\nイノベーター、アーリーアダプター、アーリーマジョリティ、レイトマジョリティ、ラガードに分けて関連するライブラリ/フレームワーク/ツールについて紹介している。","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2018-12-31T13:31:46.776Z","title":"BabelEdit - Editor for JSON translation files for Angular & React","url":"https://www.codeandweb.com/babeledit","content":"JSONベースの翻訳ファイルエディタ。\nAngularやReactとの連携としたワークフローが紹介されている","tags":["i18n","React","Angular","software"],"relatedLinks":[]},{"date":"2018-12-31T13:33:00.152Z","title":"TypeScriptで実現する型安全な多言語対応（Angularを例に） | 株式会社カブク","url":"https://www.kabuku.co.jp/software_engineer/typescript-angular-i18n/","content":"翻訳ファイルをTypeScriptのコードとして表現することで型安全な翻訳定義を作成する方法について。\n翻訳ファイルをコードにするメリットとデメリットについてなど","tags":["Angular","i18n","TypeScript","article"],"relatedLinks":[]},{"date":"2018-12-31T13:35:53.364Z","title":"takefumi-yoshii/react-hooks-ogiri: Advent calendar of 2018. This is a showreel using a reaction hook.","url":"https://github.com/takefumi-yoshii/react-hooks-ogiri","content":"React Hooks APIを使ったUIコンポーネントのサンプル実装集","tags":["React","example","document"],"relatedLinks":[{"title":"React Hooks 大喜利 Advent Calendar 2018 - Qiita","url":"https://qiita.com/advent-calendar/2018/react-hooks-ogiri"}]},{"date":"2019-01-01T02:15:38.262Z","title":"WebdriverIO v5 Released · WebdriverIO","url":"https://webdriver.io/blog/2018/12/19/webdriverio-v5-released.html","content":"WebdriverIO v5リリース。\n`wdio` CLIは`@wdio/cli`に移動、コマンドがselectorを受け取らないように、メソッドチェーンではなくasync/awaitベースに変更。\nその他にもコマンドのリネームなどのは破壊的な変更を多く含む","tags":["Selenium","browser","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-01-03T14:20:39.722Z","title":"Learn JavaScript","url":"https://learnjavascript.online/","content":"JavaScriptについてテストを通るようにコードを書いて学べるサイト。\nそれぞれの項目に対して大量の練習問題があり、復習用にFlashcardsが用意されている。","tags":["JavaScript","tutorial","webservice"],"relatedLinks":[]},{"date":"2019-01-04T05:36:15.585Z","title":"facebookincubator/fbt: A JavaScript Internationalization Framework","url":"https://github.com/facebookincubator/fbt","content":"Facebookのi18n JavaScriptフレームワーク。\nソースコードからフレーズの収集、翻訳ファイルの管理、関数やJSXでの翻訳表示、babelプラグインなどを持ったi18nフレームワーク","tags":["JavaScript","u18","library","babel"],"relatedLinks":[]},{"date":"2019-01-04T15:04:58.119Z","title":"GoogleChromeLabs/webm-wasm: webm-wasm lets you create webm videos in JavaScript via WebAssembly.","url":"https://github.com/GoogleChromeLabs/webm-wasm","content":"webmをエンコードするWebAssemblyライブラリ","tags":["WebAssembly","library","JavaScript","C++"],"relatedLinks":[]},{"date":"2019-01-05T12:31:13.166Z","title":"Page Object pattern in JavaScript | LinkedIn","url":"https://www.linkedin.com/pulse/page-object-pattern-javascript-vladim%C3%ADr-gorej/","content":"Selenium WebDriverを使ったページオブジェクトパターンについて。\nページオブジェクトとはどのようなものか、要素の抽象化、遅延処理、ページオブジェクトにAssertを含めないことについてなど","tags":["JavaScript","testing","article"],"relatedLinks":[]},{"date":"2019-01-05T12:58:17.705Z","title":"Odi - server-side framework - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/dantsk/odi---server-side-framework-2ep7","content":"Node.js向けのサーバサイドフレームワーク。Decoratorを使った宣言的な定義やTypeScriptの`emitDecoratorMetadata`を使ったDTOなどを持つ。\n類似するコンセプトを持つNestjsとの違いについてなど","tags":["JavaScript","node.js","library","TypeScript","article"],"relatedLinks":[{"title":"Odi-ts/odi: 🌪🌌 Opinionated, Declarative, Idiomatic framework for building scalable, supportable, enterprise applications and servers.","url":"https://github.com/Odi-ts/odi"}]},{"date":"2019-01-07T01:24:48.615Z","title":"RunJS - Write and run JavaScript instantly","url":"https://projects.lukehaas.me/runjs/","content":"JavaScriptを実行した結果をside by sideで表示できるmacOS向けのアプリ","tags":["mac","JavaScript","software","node.js"],"relatedLinks":[]},{"date":"2019-01-07T01:31:36.608Z","title":"Neural networks in JavaScript | Scrimba.com","url":"https://scrimba.com/g/gneuralnetworks","content":"ニューラルネットワークライブラリであるBrain.jsのインタラクティブなチュートリアル","tags":["JavaScript","tutorial","library"],"relatedLinks":[{"title":"BrainJS/brain.js: 🤖 Neural networks in JavaScript","url":"https://github.com/BrainJS/brain.js"}]},{"date":"2019-01-07T14:16:10.816Z","title":"Release 2.9.0 · qunitjs/qunit","url":"https://github.com/qunitjs/qunit/releases/tag/2.9.0","content":"QUnit 2.9.0リリース","tags":["JavaScript","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2019-01-07T14:26:57.174Z","title":"Release v2.1.3 · facebook/create-react-app","url":"https://github.com/facebook/create-react-app/releases/tag/v2.1.3","content":"create-react-app 2.1.3リリース。\nwebpack-dev-server@3.1.10以下にあった脆弱性を修正したバージョンを取り込んでいる","tags":["react","webpack","ReleaseNote"],"relatedLinks":[{"title":"Sniffing Codes in Hot Module Reloading Messages - crblog","url":"https://blog.cal1.cn/post/Sniffing%20Codes%20in%20Hot%20Module%20Reloading%20Messages"},{"title":"Release v3.1.11 · webpack/webpack-dev-server","url":"https://github.com/webpack/webpack-dev-server/releases/tag/v3.1.11"},{"title":"npm","url":"https://www.npmjs.com/advisories/725"}]},{"date":"2019-01-08T02:20:27.472Z","title":"TypeScript Roadmap: January - June 2019 · Issue #29288 · Microsoft/TypeScript","url":"https://github.com/Microsoft/TypeScript/issues/29288","content":"TypeScriptのロードマップ。\nJS/JSDocの扱いの改善、TSLintではなくESLintでのTSのLint改善、パフォーマンス改善、CLIの改善、ドキュメントの改善、Playgroundの改善などに取り組んでいく","tags":["TypeScript","issue","article"],"relatedLinks":[]},{"date":"2019-01-10T00:46:38.729Z","title":"Babelで書かれたJavaScriptライブラリをTypeScriptへ移行する方法 | Web Scratch","url":"https://efcl.info/2019/01/09/babel-to-typescript-library/","content":"ライブラリのコードベースをTypeScriptへマイグレーションしていく方法について。\nBabelで行っていたES2015からの変換処理を`tsc`に移行し、コードベースをTypeScriptへと段階的に変換していくチュートリアル","tags":["JavaScript","babel","TypeScript","article","tutorial"],"relatedLinks":[]},{"date":"2019-01-10T00:51:31.929Z","title":"TypeScript 2.8: Conditional Types — Marius Schulz","url":"https://blog.mariusschulz.com/2019/01/09/typescript-2-8-conditional-types","content":"TypeScript 2.8で導入されたConditional Typesについて。\nConditional Typesを使った型の分岐処理について、さまざまなコード例を紹介している。\nNonNullable、Inferの利用例などについて","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2019-01-10T01:34:58.835Z","title":"Computer science in JavaScript 2019: Linked list - Human Who Codes","url":"https://humanwhocodes.com/blog/2019/01/computer-science-in-javascript-linked-list/","content":"JavaScriptでLinkedListを実装しながら、そのデータ構造について学ぶ記事","tags":["JavaScript","algorithm","article"],"relatedLinks":[]},{"date":"2019-01-10T02:05:27.851Z","title":"Storybook 4.1: Need for Speed – Storybook – Medium","url":"https://medium.com/storybookjs/storybook-4-1-need-for-speed-b05fd5f1e83d","content":"Storybook 4.1リリース。\nパフォーマンスの改善、React 15.xの後方互換性を追加、 CSS Resources addonの追加など","tags":["JavaScript","UI","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-01-11T05:07:34.133Z","title":"DominicTobias/keshi: A better in-memory cache for Node and the browser","url":"https://github.com/DominicTobias/keshi","content":"ブラウザとNode.jsで動くインメモリキャッシュライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2019-01-11T05:14:16.843Z","title":"Release Notes for Safari Technology Preview 73 | WebKit","url":"https://webkit.org/blog/8555/release-notes-for-safari-technology-preview-73/","content":"Safari Technology Preview 73リリース。\n`globalThis`のサポート、Web Inspectorでm3u8の中身をテキスト表示できるようになるなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2019-01-12T04:38:09.432Z","title":"Video.js 7.4 | Video.js Blog","url":"https://blog.videojs.com/video-js-7-4/","content":"Video.js 7.4リリース。\nLive UIのサポート、VoiceOverの対応などアクセシビリティの改善など","tags":["JavaScript","video","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-01-14T02:48:04.379Z","title":"Release v3.0.0 · juliangarnier/anime","url":"https://github.com/juliangarnier/anime/releases/tag/v3.0.0","content":"アニメーションライブラリのanime 3.0.0リリース。\n新しいイージング関数の追加、ライフサイクル系のコールバックを追加、keyframesシステムの刷新など。\n破壊的な変更点としてAPIが一部リネームされている","tags":["JavaScript","animation","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-01-14T06:46:12.698Z","title":"Release 1.1.0 · avajs/ava","url":"https://github.com/avajs/ava/releases/tag/v1.1.0","content":"AVA 1.1.0リリース。\n実行中のテストファイルのパスなどを取得できる`meta`オブジェクトの追加など","tags":["JavaScript","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2019-01-15T09:10:40.711Z","title":"Vue + Vue Router + Vuex + Laravelで写真共有アプリを作ろう (1) イントロダクション | Hypertext Candy","url":"https://www.hypertextcandy.com/vue-laravel-tutorial-introduction","content":"Vue.js + Vue Router + Laravelを使ったSPAアプリケーションを作成する連載記事。\n写真共有アプリを例にクライアントサイドとサーバサイドをどちらも作成していくチュートリアル","tags":["Vue","php","tutorial","article","JavaScript"],"relatedLinks":[]},{"date":"2019-01-16T00:42:16.463Z","title":"How To Learn CSS — Smashing Magazine","url":"https://www.smashingmagazine.com/2019/01/how-to-learn-css/","content":"CSSをどのように学ぶかについての記事。\nSelector、Boxモデル、Flow、Layout、Aligment、SizingなどCSSの基礎となる要素について解説やリソースを紹介している","tags":["CSS","article"],"relatedLinks":[]},{"date":"2019-01-16T00:48:52.673Z","title":"2018 JavaScript Rising Stars","url":"https://risingstars.js.org/2018/en/","content":"JavaScript関係のプロダクトにおける、2018年のGitHubスター数の増加数ランキングが公開された","tags":["JavaScript","github"],"relatedLinks":[]},{"date":"2019-01-16T01:03:56.199Z","title":"DoneJS 3","url":"https://www.bitovi.com/blog/donejs-3","content":"DoneJS 3リリース。\nCanJS 5.0、StealJS 2.0へのアップデートなど","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"CanJS 5.0","url":"https://www.bitovi.com/blog/canjs-5"},{"title":"donejs - Features","url":"https://donejs.com/Features.html#incremental-rendering"}]},{"date":"2019-01-16T01:40:49.265Z","title":"Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word] — Smashing Magazine","url":"https://www.smashingmagazine.com/2019/01/front-end-performance-checklist-2019-pdf-pages/","content":"フロントエンドに関するパフォーマンスチェックリスト","tags":["performance","article","browser"],"relatedLinks":[]},{"date":"2019-01-16T02:11:04.427Z","title":"Markdown Driven な scaffolding ツールを作った - wadackel.me","url":"https://blog.wadackel.me/2019/scaffdog/","content":"Markdownの1ファイルに複数のファイルテンプレートを書いて、複数ファイルを出力できるファイル生成ツール","tags":["Markdown","Tools","node.js"],"relatedLinks":[]},{"date":"2019-01-16T02:16:50.904Z","title":"Fast GIF parsing on the web with WASM + Wuffs - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/chromiumdev/fast-gif-parsing-on-the-web-with-wasm--wuffs-48l4","content":"GIFパースをEmscripten + WebAssemblyで行う話。\nどのようにbindingを作成し、デコード処理をして、Canvasで描画するかについて","tags":["WebAssembly","article"],"relatedLinks":[{"title":"Emscripten and npm  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2019/01/emscripten-npm"}]},{"date":"2019-01-16T02:24:50.264Z","title":"FromJS - An experimental data-flow analysis tool for front-end JavaScript","url":"http://www.fromjs.com/","content":"表示されている文字列がコードのどこで生成されているかをDOMインスペクトできるツール。\nHTMLを生成するDOM APIを上書きして、トレースできるようにしたChromeを立ち上げデバッグできるようにしている。","tags":["Chrome","DOM","Extension","babel","debug","Tools"],"relatedLinks":[]},{"date":"2019-01-17T14:17:17.420Z","title":"一休.comホテルページのスマホ版からjQuery依存を取り除くためにやったこと - 一休.com Developers Blog","url":"https://user-first.ikyu.co.jp/entry/goodbye-jquery","content":"jQuery依存を外すためのリファクタリング方法について。\njQueryと同等の機能の実装方法や外すことでのパフォーマンスの差異などについて。","tags":["jQuery","JavaScript","refacoring"],"relatedLinks":[]},{"date":"2019-01-17T23:41:22.638Z","title":"Release Workbox v4.0.0-beta.1 · GoogleChrome/workbox","url":"https://github.com/GoogleChrome/workbox/releases/tag/v4.0.0-beta.1","content":"Workbox 4.0.0β1リリース。\nウェブページで動作する`workbox-window`パッケージの追加、`workbox-cli`に`--watch`の追加など。\n破壊的な変更として`workbox-precaching`が書き直し、`skipWaiting`や`clientsClaim`が`workbox.core.*`へ移動するなど","tags":["ServiceWorker","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-01-18T12:25:18.503Z","title":"npm/libnpm: programmatic npm API","url":"https://github.com/npm/libnpm","content":"npm APIを操作できるライブラリ。\nパッケージやRegistry周りのAPI操作などが行える","tags":["npm","library"],"relatedLinks":[]},{"date":"2019-01-19T01:13:34.743Z","title":"The future of TypeScript on ESLint - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2019/01/future-typescript-eslint","content":"ESLintのTypeScript対応の今後について。\ntypescript-eslintという統合されたプロジェクトで、TypeScriptのパーサやルールの開発を行っていく予定。","tags":["TypeScript","ESLint","news"],"relatedLinks":[{"title":"typescript-eslint/typescript-eslint: Monorepo for all the tooling which enables ESLint to support TypeScript","url":"https://github.com/typescript-eslint/typescript-eslint"},{"title":"The Future of eslint-plugin-typescript · Issue #290 · bradzacher/eslint-plugin-typescript","url":"https://github.com/bradzacher/eslint-plugin-typescript/issues/290"}]},{"date":"2019-01-19T14:35:36.812Z","title":"Node v11.7.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v11.7.0/","content":"Node.js 11.7.0リリース。\n`zlib`モジュールがbrotliサポート、npm 6.5.0へアップデート、Workerがデフォルトで有効になるなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2019-01-20T08:13:05.137Z","title":"Prettier 1.16: HTML improvements and better CRLF handling · Prettier","url":"https://prettier.io/blog/2019/01/20/1.16.0.html","content":"Prettier 1.16リリース。\nCRLFの対応改善、babel(js)のパーサをアップデート、テストに利用できる`--check`フラグの追加など","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2019-01-20T09:26:48.856Z","title":"雰囲気でやってる人向けの Redux 再入門 - Speaker Deck","url":"https://speakerdeck.com/jmblog/fen-wei-qi-deyatuteruren-xiang-kefalse-redux-zai-ru-men","content":"Reduxでのステート管理についてのスライド。\nStore/State、Actionとdispatch、Reducer、Middlewareのそれぞれの役割や動作の流れについて解説している。","tags":["JavaScript","redux","slide"],"relatedLinks":[]},{"date":"2019-01-20T12:57:55.874Z","title":"Release 4.0.0 (2019-01-16) · GoogleChrome/lighthouse","url":"https://github.com/GoogleChrome/lighthouse/releases/tag/v4.0.0","content":"LightHouse 4.0.0リリース。\nPWAカテゴリを更新しスコア表示ではなくなった。`speed-index`がthrottlingに対応した倍率となるように変更、スコアで満点を取ったときの表示を追加など","tags":["Tools","ReleaseNote","browser","performance"],"relatedLinks":[]},{"date":"2019-01-20T13:06:17.260Z","title":"CSS Feature Toggles - Chrome ウェブストア","url":"https://chrome.google.com/webstore/detail/css-feature-toggles/aeinmfddnniiloadoappmdnffcbffnjg","content":"CSSの特定の機能を無効化するブラウザ拡張機能。\nGrid、Flexbox、Sticky、Transform、Shapes、`@supports`などを無効化できる","tags":["CSS","Chrome","Extension"],"relatedLinks":[{"title":"keithclark/css-feature-toggle-devtools-extension: A devtools extension for toggling CSS features allowing developers to see how pages/apps render in browsers that don't support modern CSS features","url":"https://github.com/keithclark/css-feature-toggle-devtools-extension"}]},{"date":"2019-01-20T13:11:47.991Z","title":"Web Page Usability Matters - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/addyosmani/web-page-usability-matters-3aok","content":"ウェブページのパフォーマンスを計測することにおける指標についての記事。\n多く4つのステップにわけ、その中で利用するメトリクスについて紹介している","tags":["browser","performance","article"],"relatedLinks":[]},{"date":"2019-01-20T13:23:31.080Z","title":"Porting 30K lines of code from Flow to TypeScript","url":"https://davidgom.es/porting-30k-lines-of-code-from-flow-to-typescript/","content":"3万行のFlowのコードをTypeScriptへ移行した話。\n元々tcombによるRuntime CheckからFlowへ移行し、Babel 7 + TypeScript presetへ移行した話。\n`tsc`を型チェッカーとして利用し、どのようにFlowからTypeScriptへ移行していったかについて。\nまた移行した結果サードパーティの型定義の改善などから、型のカバレッジが向上した話など","tags":["flowtype","TypeScript","article"],"relatedLinks":[{"title":"What I wish I had known before starting to use Flow","url":"https://davidgom.es/what-i-wish-i-had-known-before-starting-to-use-flow/"}]},{"date":"2019-01-22T02:10:39.496Z","title":"How to start a Node.js project | Phil Nash","url":"https://philna.sh/blog/2019/01/10/how-to-start-a-node-js-project/","content":"npmで公開されているコマンドラインツールを使って、Node.jsプロジェクトのセットアップを簡単に行う話。 ライセンス、gitinore、CoCファイルの作成、pacakge.jsonの作成を行うコマンドの紹介","tags":["node.js","npm","article"],"relatedLinks":[]},{"date":"2019-01-20T13:33:41.416Z","title":"wpk-cli/wpk: a friendly, intuitive, intelligent, and unofficial CLI for webpack","url":"https://github.com/wpk-cli/wpk","content":"webpackをラップしたCLI。\nwebpackの設定ファイルの作成や変更、ビルド、開発サーバの立ち上げ、`webpack-bundle-analyzer`を使ったbundleの解析などのコマンドを提供する","tags":["webpack","console","Tools"],"relatedLinks":[]},{"date":"2019-01-20T13:41:47.582Z","title":"lukeed/sockette: The cutest little WebSocket wrapper! 🧦","url":"https://github.com/lukeed/sockette","content":"`WebSocket`を扱う小さなライブラリ。\n自動再接続やイベントハンドリングのAPIを提供しているライブラリ","tags":["WebSocket","library","JavaScript"],"relatedLinks":[]},{"date":"2019-01-20T13:45:59.286Z","title":"crubier/code-to-graph: Transforms JS code 🙈into mermaid flowchart 🐵","url":"https://github.com/crubier/code-to-graph","content":"JavaScriptのコードから制御フローをgraphviz, mermaid flowchartなどの作図へ変換するツール","tags":["JavaScript","library","Tools","graphic"],"relatedLinks":[]},{"date":"2019-01-21T14:07:00.231Z","title":"JavaScript コードレシピ集 | 池田 泰延, 鹿野 壮 |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/dp/4297103680/","content":"2019年1月25日発売\nJavaScriptを使ったコード例を扱うレシピ本","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2019-01-21T14:35:45.621Z","title":"Callback を撲滅せよ - Yahoo! JAPAN Tech Blog","url":"https://techblog.yahoo.co.jp/javascript/nodejs/callback-to-promise/","content":"コールバックスタイルの非同期コードをPromiseのインターフェースに変更する際のスタイルについて。","tags":["node.js","JavaScript","Promises","article"],"relatedLinks":[]},{"date":"2019-01-22T01:45:28.401Z","title":"7.3.0 Released: Named capturing groups, private instance accessors and smart pipelines · Babel","url":"https://babeljs.io/blog/2019/01/21/7.3.0","content":"Babel 7.3.0リリース。\n`proposal-private-methods`がgetterをサポート、`proposal-pipeline-operator`で変換に対応、Named capturing groupsの対応など。\nTypeScript Parserがimport typeと`bigint`のサポートなど","tags":["babel","ReleaseNote"],"relatedLinks":[]},{"date":"2019-01-23T01:35:54.012Z","title":"Announcing TypeScript 3.3 RC | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2019/01/23/announcing-typescript-3-3-rc/","content":"TypeScript 3.3 RCリリース。\n関数呼び出しにおけるUnion Typesの扱いを改善、`--build --watch`でのインクリメンタルビルドを改善しビルド時間の改善など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2019-01-23T02:44:42.531Z","title":"GitLab NPM Registry | GitLab","url":"https://docs.gitlab.com/ee/user/project/packages/npm_registry.html","content":"GitLab　Premiumがnpm registryをサポート","tags":["npm","webservice","news"],"relatedLinks":[{"title":"GitLab 11.7 shipped with Releases, Multi-level Child Epics, and NPM Registry | GitLab","url":"https://about.gitlab.com/2019/01/22/gitlab-11-7-released/#support-for-private-go-packages-in-subgroups"}]},{"date":"2019-01-23T07:53:40.014Z","title":"What's New In DevTools (Chrome 73)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2019/01/devtools","content":"Chrome 73のDevToolsの更新点について。\nLogpointsの追加、コードカバレッジをJSONとして出力できるように、コンソールパネルでキーボードナビゲーションに対応、Geolocationを設定できるようになるなど。\nまたWebSocketsの\"Frames\"を\"Messages\"にリネームなど","tags":["Chrome","debug","article"],"relatedLinks":[]},{"date":"2019-01-24T03:09:11.900Z","title":"Release v4.0.0 · karma-runner/karma","url":"https://github.com/karma-runner/karma/releases/tag/v4.0.0","content":"Karma v4.0.0リリース。\nコードベースでネイティブのasync/awaitを利用するために、Node 6のサポートを終了など","tags":["node.js","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2019-01-24T03:13:47.732Z","title":"Release v1.0.0 · redux-saga/redux-saga","url":"https://github.com/redux-saga/redux-saga/releases/tag/v1.0.0","content":"redux-saga v1.0.0リリース。\n破壊的な変更としてDeprecatedなAPIを削除、APIのデフォルト値の変更やオプションの変更など。\nまた、`babel-plugin-redux-saga`でスタックトレースの改善や不適切な使い方に対する警告表示の追加など","tags":["redux","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-01-25T14:06:21.719Z","title":"Release Notes for Safari Technology Preview 74 | WebKit","url":"https://webkit.org/blog/8566/release-notes-for-safari-technology-preview-74/","content":"Safari Technology Preview 74リリース。\nFetch APIでabortするための`AbortController`のサポート、Visual Viewport APIの有効化、U2F HID Authenticationのサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2019-01-25T14:13:21.439Z","title":"Yarn's Future - v2 and beyond · Issue #6953 · yarnpkg/yarn","url":"https://github.com/yarnpkg/yarn/issues/6953","content":"Yarn 2.0のロードマップについて。\nlockファイルのフォーマット変更、PnPのデフォルト化、コードベースをTypeScriptでの書き直し、プラグインのサポート、ワークスペース対応の改善、`yarn constraints`の追加など","tags":["yarn","issue","news"],"relatedLinks":[]},{"date":"2019-01-26T01:30:58.087Z","title":"Node v11.8.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v11.8.0/","content":"Node.js 11.8.0リリース。\nSubresource IntegrityのようなPolicy機能が試験的に実装、node-reportモジュールを本体に取り込み`process.report`を試験的に実装など","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"Policies | Node.js v11.8.0 Documentation","url":"https://nodejs.org/api/policy.html"},{"title":"Process | Node.js v11.8.0 Documentation","url":"https://nodejs.org/api/process.html#process_process_report"},{"title":"nodejs/node-report: Delivers a human-readable diagnostic summary, written to file.","url":"https://github.com/nodejs/node-report"}]},{"date":"2019-01-26T07:49:08.789Z","title":"Jest 24: 💅 Refreshing, Polished, TypeScript-friendly · Jest","url":"https://jestjs.io/blog/2019/01/25/jest-24-refreshing-polished-typescript-friendly","content":"Jest 24リリース。\n`@babel/preset-typescript`を使ってTypeScriptをサポート、`test.todo`の追加、エラー表示の改善など","tags":["JavaScript","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2019-01-27T05:59:24.334Z","title":"Introducing Ionic 4: Ionic for Everyone | The Ionic Blog","url":"https://blog.ionicframework.com/introducing-ionic-4-ionic-for-everyone/","content":"Ionic 4リリース。\nAngular以外のフレームワークとしてReactとVueをサポート","tags":["Angular","Vue","React","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-01-27T13:52:31.623Z","title":"lernaでのmonorepoにおけるリリースフロー(Fixed/Independent) | Web Scratch","url":"https://efcl.info/2019/01/26/monorepo-release-flow/","content":"lernaを使ったmonorepoにおけるパッケージのリリースフローについて。\nlernaのmode(Fixed/Independent)のち外、monorepoでのpublishまでの流れ、Yarn Workspacesなどの利用についてなど","tags":["JavaScript","monorepo","article"],"relatedLinks":[]},{"date":"2019-01-28T09:40:31.348Z","title":"Release 1.2.0 · avajs/ava","url":"https://github.com/avajs/ava/releases/tag/v1.2.0","content":"AVA 1.2.0リリース。\nテストケースごとにtimeoutを設定できるようになるなど","tags":["JavaScript","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2019-01-28T14:10:32.764Z","title":"LiquidPlayer/LiquidCore: Node.js virtual machine for Android and iOS","url":"https://github.com/LiquidPlayer/LiquidCore","content":"AndroidとiOSアプリでNode.jsライムタイムを動かすライブラリ。\niOS向けにはV82JSC(JavaScript Core)のレイヤーを実装している","tags":["node.js","ios","Android","library"],"relatedLinks":[{"title":"LiquidCore/LiquidCoreiOS/LiquidCore/node-8.9.3 at master · LiquidPlayer/LiquidCore","url":"https://github.com/LiquidPlayer/LiquidCore/tree/master/LiquidCoreiOS/LiquidCore/node-8.9.3"}]},{"date":"2019-01-28T14:52:47.065Z","title":"reduxjs/redux-starter-kit: A simple set of tools to make using Redux easier","url":"https://github.com/reduxjs/redux-starter-kit","content":"Redux上に作られたフレームワーク。\nboilerplate codeを減らし、Reduxにおける一般的なユースケースをサポートするが目的。\nimmerを組み込んだReducerやActionの作成、selectorのサポートなど。","tags":["redux","JavaScript","library"],"relatedLinks":[{"title":"Discussion: Roadmap to 1.0 · Issue #82 · reduxjs/redux-starter-kit","url":"https://github.com/reduxjs/redux-starter-kit/issues/82#issuecomment-456261368"}]},{"date":"2019-01-29T01:25:29.209Z","title":"ericclemmons/polydev: Faster, route-centric development for Node.js apps with built-in Hot Module Replacement.","url":"https://github.com/ericclemmons/polydev","content":"Next.jsのようなディレクトリとルーティングの対応構造をもつNode.jsフレームワーク。\nリクエストがくるまで必要ないPartは読み込まない、HMRに対応してファイルの変更をすぐに反映するなどイテレーションのしやすさを目的に作られている","tags":["node.js","library","Development","yarn"],"relatedLinks":[]},{"date":"2019-01-29T01:32:07.518Z","title":"egoist/import-http: Import modules from URL instead of local node_modules","url":"https://github.com/egoist/import-http","content":"ブラウザやdenoのようにmoduleを`import m from \"https://\"`のように指定するためのwebpack, rollupプラグイン。\nモジュールのダウンロード、キャッシュ、import先の書き換えを行う。","tags":["webpack","JavaScript","plugin","module"],"relatedLinks":[]},{"date":"2019-01-29T01:41:36.601Z","title":"Release v2.4.0 · nuxt/nuxt.js","url":"https://github.com/nuxt/nuxt.js/releases/tag/v2.4.0","content":"Nuxt.js 2.4.0リリース。\nminor、major、EOLなどのリリース方針の決定。\n`nuxt-ts`によるTYpeScriptサポート、`<nuxt-link>`がviewport内のprefetchをデフォルトで行うように、modern modeの対応、`bin`スクリプトの対応など","tags":["Vue","library","ReleaseNote","node.js"],"relatedLinks":[{"title":"Nuxt.js and TypeScript as of Jan 2019 – Hai-iro – Medium","url":"https://medium.com/haiiro-io/nuxt-js-and-typescript-as-of-jan-2019-4d8674a91815"},{"title":"nuxt.js/RELEASE_PLAN.md at dev · nuxt/nuxt.js","url":"https://github.com/nuxt/nuxt.js/blob/dev/RELEASE_PLAN.md"}]},{"date":"2019-01-29T01:43:07.677Z","title":"nuxt.js/RELEASE_PLAN.md at dev · nuxt/nuxt.js","url":"https://github.com/nuxt/nuxt.js/blob/dev/RELEASE_PLAN.md","content":"Nuxt.jsのリリース方針について。\nminorは4週ごと、majorは6ヶ月ごと、各majorバージョンにセキュリティアップデートがでなくなりEOLとなるのは1年と2週間後となる。","tags":["Vue","library","document"],"relatedLinks":[]},{"date":"2019-01-29T01:45:48.403Z","title":"Parsing of `import()` fails in 4.29.0 (Compilation issue, related to dynamic import) · Issue #8656 · webpack/webpack","url":"https://github.com/webpack/webpack/issues/8656","content":"webpack 4.29.0 + npmで`import()`が失敗する問題について。\nnpmがacorn + acorn-dynamic-importのpeerDependencyの関係を無視したhoistを行うバグにより、`import()`がパースできなくなる。yarnでは発生していない、npmに修正のPull Requestがでている。","tags":["webpack","npm","issue"],"relatedLinks":[{"title":"install/dedupe: fix hoisting of packages with peerDeps by sokra · Pull Request #147 · npm/cli","url":"https://github.com/npm/cli/pull/147"}]},{"date":"2019-01-29T04:28:05.293Z","title":"Chrome Developer Tools 入門 | 電子書籍とプリントオンデマンド（POD） | NextPublishing（ネクストパブリッシング）","url":"https://nextpublishing.jp/book/10430.html","content":"2019年2月1日発売\nChrome Developer Toolsについての書籍","tags":["Chrome","debug","book"],"relatedLinks":[]},{"date":"2019-01-30T02:27:04.352Z","title":"Firefox 65.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/65.0/releasenotes/","content":"Firefox 65.0リリース。\nCSS `env()`のサポート、`Intl.RelativeTimeFormat`/`globalThis`の実装、Storage Access API/Readable Streamsをデフォルトで有効化。\nWebSocketsのHTTP/2対応、WebP画像のサポートなど","tags":["firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 65 for developers | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/65"},{"title":"Firefox 65 サイト互換性情報 | Firefox サイト互換性情報","url":"https://www.fxsitecompat.com/ja/versions/65/"},{"title":"Firefox 65: WebP support, Flexbox Inspector, new tooling & platform updates - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2019/01/firefox-65-webp-flexbox-inspector-new-tooling/"}]},{"date":"2019-01-30T02:41:26.560Z","title":"Release v2.0.0 · facebook/relay","url":"https://github.com/facebook/relay/releases/tag/v2.0.0","content":"GraphQL + ReactライブラリのRepay v2.0.0リリース。\nReactの新しいContext APIに対応、依存の更新、`replay-compiler`がPersisted Queriesのサポートなど","tags":["GraphQL","React","ReleaseNote","library"],"relatedLinks":[{"title":"Persisted Queries · Relay","url":"https://facebook.github.io/relay/docs/en/persisted-queries.html"}]},{"date":"2019-01-30T05:53:50.299Z","title":"New in Chrome 72  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2019/01/nic72","content":"Chrome 72リリース。\nPublic class fields、User Activation API、`Intl.format`のサポートなど。\nまたHPKPの削除、TLS 1.0と1.1を非推奨化など","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Chromium Blog: Chrome 72 Beta: Public class fields, user activation and more","url":"https://blog.chromium.org/2018/12/chrome-72-beta-public-class-fields-user.html"},{"title":"Chrome Platform Status","url":"https://www.chromestatus.com/features#browsers.chrome.desktop%3D72"},{"title":"Deprecations and removals in Chrome 72  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/12/chrome-72-deps-rems"}]},{"date":"2019-01-30T06:41:08.603Z","title":"Code-splitting for libraries—bundling for npm with Rollup 1.0","url":"https://levelup.gitconnected.com/code-splitting-for-libraries-bundling-for-npm-with-rollup-1-0-2522c7437697","content":"Rollupを使ってどのようにライブラリをbundleするかやnpmに公開するかについて。\numd、esm、cjs形式での配布について","tags":["JavaScript","npm","article"],"relatedLinks":[]},{"date":"2019-01-30T11:26:20.333Z","title":"ECMAScript 2019: the final feature set","url":"http://2ality.com/2018/02/ecmascript-2019.html","content":"ECMAScript 2019の入る機能が1月のTC39ミーティングで最終決定された。","tags":["ECMAScript","proposal","article"],"relatedLinks":[{"title":"proposals/finished-proposals.md at master · tc39/proposals","url":"https://github.com/tc39/proposals/blob/master/finished-proposals.md"}]},{"date":"2019-01-30T12:24:52.672Z","title":"ungap","url":"https://ungap.github.io/","content":"ECMAScriptやDOM APIに関するES5互換なPolyfillをまとめるプロジェクト。\nそれぞれのpolyfillがモジュールとして利用でき、1つのOrganizationとして管理するのが目的","tags":["JavaScript","polyfill","library"],"relatedLinks":[]},{"date":"2019-01-31T13:22:40.986Z","title":"Chrome University 2018 - YouTube","url":"https://www.youtube.com/playlist?list=PL9ioqAuyl6UIFAdsM5KU6P-hRJdh-BPmm","content":"ChromeとChrome OSのアーキテクチャについての発表動画まとめ。","tags":["Chrome","video"],"relatedLinks":[]},{"date":"2019-02-02T03:47:37.204Z","title":"Safari 12.1 Release Notes | Apple Developer Documentation","url":"https://developer.apple.com/documentation/safari_release_notes/safari_12_1_release_notes","content":"Safari 12.1のリリースノート(iOS 12.2/macOS 10.14.4の予定)。\nITPの強化、color schemeのサポート、Intersection Observer API、Web Share API、`<datalist>`のサポート。\nWebRTC Unified PlanとVP8サポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"Ricky Mondelloによる解説","url":"https://twitter.com/rmondello/status/1091073294202269696"}]},{"date":"2019-02-02T03:58:57.960Z","title":"Announcing TypeScript 3.3 | TypeScript","url":"https://blogs.msdn.microsoft.com/typescript/2019/01/31/announcing-typescript-3-3/","content":"TypeScript 3.3リリース。\n関数呼び出しにおけるUnion Typeの扱いを改善、`--build`の`--watch`でインクリメンタルビルドをサポートなど","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"TypeScript v3.3.0-rc 変更点 - Qiita","url":"https://qiita.com/vvakame/items/dadc91f0be6fc00085ae"}]},{"date":"2019-02-02T06:31:49.034Z","title":"Type Safe JavaScript with JSDoc – TruckJS – Medium","url":"https://medium.com/@trukrs/type-safe-javascript-with-jsdoc-7a2a63209b76","content":"JSDocと`jsconfig.json`での型チェックについて。\n`tsc`の`checkJS`機能を使ってJavaScriptのままJSDocの型チェック行う話","tags":["JavaScript","JSDoc","TypeScript","VSCode"],"relatedLinks":[]},{"date":"2019-02-03T04:41:31.810Z","title":"[ES2019] ECMAScript proposal updates @ 2019-01 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2019/02/03/ecmascript-proposal-updates","content":"2019年1月のTC39ミーティングでのECMAScript Proposalの更新まとめ。\n今回のミーティングまでにStage 4となったものがES2019となる。","tags":["ECMAScript","proposal","news"],"relatedLinks":[{"title":"proposals/finished-proposals.md at master · tc39/proposals","url":"https://github.com/tc39/proposals/blob/master/finished-proposals.md"},{"title":"ECMAScript 2019: the final feature set","url":"http://2ality.com/2018/02/ecmascript-2019.html"}]},{"date":"2019-02-03T13:28:33.287Z","title":"RTCQuicTransport Coming to an Origin Trial Near You (Chrome 73)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2019/01/rtcquictransport-api","content":"Chrome 73でQUICでの接続してデータのやりとりをするAPIである`RTCQuicTransport`のOrigin Trialが開始された。\nWebRTC NV(Next Version)への取り組みとして、UDP上のQUICを使ったLow Level APIの策定が目的。","tags":["WebRTC","QUIC","Chrome","article"],"relatedLinks":[{"title":"shampson/RTCQuicTransport-Origin-Trial-Documentation: Documentation and demos for developers using the RTCQuicTransport in Chrome's origin trial.","url":"https://github.com/shampson/RTCQuicTransport-Origin-Trial-Documentation"},{"title":"WebRTC over QUIC – V – Medium","url":"https://medium.com/@voluntas/webrtc-over-quic-d65425230ef"}]},{"date":"2019-02-04T13:19:17.563Z","title":"Severe Security Vulnerability in Bower’s Zip Archive Extraction | Snyk","url":"https://snyk.io/blog/severe-security-vulnerability-in-bowers-zip-archive-extraction/","content":"Bowerのzip/tarの解凍処理に脆弱性があり修正バージョンとしてBower 1.8.8がリリースされた。","tags":["JavaScript","security","article","ReleaseNote"],"relatedLinks":[{"title":"Release v1.8.8 · bower/bower","url":"https://github.com/bower/bower/releases/tag/v1.8.8"}]},{"date":"2019-02-04T13:37:13.464Z","title":"nextapps-de/flexsearch: Next-Generation full text search library for Browser and Node.js","url":"https://github.com/nextapps-de/flexsearch","content":"ブラウザとNode.jsで動く全文検索エンジンライブラリ。\nWebWorkerの対応や検索モードのオプションが用意されている","tags":["JavaScript","search ","library"],"relatedLinks":[]},{"date":"2019-02-05T00:32:42.171Z","title":"lukeed/httpie: A Node.js HTTP client as easy as pie! 🥧","url":"https://github.com/lukeed/httpie","content":"Node.js向けのシンプルなPromise HTTPライブラリ。\nNodeコアモジュールのみを利用している。","tags":["node.js","JavaScript","library"],"relatedLinks":[]},{"date":"2019-02-06T00:05:16.323Z","title":"Lightning-fast templates & Web Components: lit-html & LitElement - Polymer Project","url":"https://www.polymer-project.org/blog/2019-02-05-lit-element-and-lit-html-release","content":"lit-html 1.0とLitElement 2.0リリース。\nlit-htmlはTagged Templateを使ったHTMLテンプレート、LitElementはWeb Componentベースのクラスライブラリ","tags":["WebComponents","JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Lightning-fast templates & Web Components: lit-html & LitElement  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2019/02/lit-element-and-lit-html"}]},{"date":"2019-02-06T00:13:40.879Z","title":"Vue 2.6 released! – The Vue Point – Medium","url":"https://medium.com/the-vue-point/vue-2-6-released-66aa6c8e785e","content":"Vue 2.6リリース。\n`v-slot`ディレクティブの追加、Dynamic Directive Argumentsのサポート。\nライフサイクルhookがRejectedなPromiseを返した場合にエラーハンドリングできるように、コンパイルエラー表示の改善。\nまたes module版がパッケージに含まれるように","tags":["Vue","ReleaseNote"],"relatedLinks":[]},{"date":"2019-02-06T10:09:35.222Z","title":"React v16.8: The One With Hooks – React Blog","url":"https://reactjs.org/blog/2019/02/06/react-v16.8.0.html","content":"React 16.8リリース。\nHooksがデフォルトで有効化された。\nまたHooksのテスト向けに`ReactTestUtils.act()`が追加された。","tags":["React","ReleaseNote"],"relatedLinks":[]},{"date":"2019-02-07T15:36:49.643Z","title":"New Release: 2.10.0","url":"https://jshint.com/blog/2019-02-05/release-2-10-0/","content":"JSHint 2.10.0リリース。\n`esversion`オプションを追加し`7`,`8`,`9`を指定できるように。\nasync functionなどの構文をサポート","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2019-02-09T09:39:19.913Z","title":"Making wheel scrolling fast by default  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2019/02/scrolling-intervention","content":"Chrome 73から`wheel`イベントがデフォルトで`{ passive: true }`となる。","tags":["Chrome","JavaScript","article"],"relatedLinks":[]},{"date":"2019-02-10T03:03:38.415Z","title":"Chromium Blog: Chrome 73 Beta: Constructable stylesheets, a new RegExp function, and passive mouse events","url":"https://blog.chromium.org/2019/02/chrome-73-beta-constructable.html","content":"Chrome 73 Betaリリース。\nCSSOMを操作するConstructable Stylesheet Objectsのサポート、String#matchAllのサポート、`::part`のサポート。\n`wheel`イベントがデフォルトで`passive`となるように変更など","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Chrome Platform Status","url":"https://www.chromestatus.com/features#milestone%3D73"},{"title":"WICG/construct-stylesheets: API for constructing CSS stylesheet objects","url":"https://github.com/WICG/construct-stylesheets"}]},{"date":"2019-02-10T06:42:17.714Z","title":"Webpack bundle analysis, for every commit","url":"https://packtracker.io/","content":"webpackのbundleサイズの分析を行うウェブサービス。\nGitHub Checkに対応してコミットごとのbundleサイズやハッシュの変更によるキャッシュヒットの有無などをビジュアライズできる。\nOSSプロジェクトでは無料で利用できる。","tags":["webpack","webservice","github","CI"],"relatedLinks":[]},{"date":"2019-02-10T06:46:07.444Z","title":"Release v7.0.0 · h5bp/html5-boilerplate","url":"https://github.com/h5bp/html5-boilerplate/releases/tag/v7.0.0","content":"ウェブページのテンプレートプロジェクトのhtml5-boilerplate 7.0.0リリース。\nIE9/10に関する記述を削除、`theme-color`のmetaタグを追加、`secutiry.txt`についてを追加など","tags":["HTML5","template","ReleaseNote"],"relatedLinks":[{"title":"v7.0 Docs Update by coliff · Pull Request #2074 · h5bp/html5-boilerplate","url":"https://github.com/h5bp/html5-boilerplate/pull/2074"}]},{"date":"2019-02-10T13:30:58.098Z","title":"notion-cli/notion: Notion: the hassle-free JavaScript toolchain manager","url":"https://github.com/notion-cli/notion","content":"Rust製のNode.jsバージョン管理ツール。\nプロジェクトごとにNodeバージョンを切り替える仕組みやnpmで公開されているコマンドラインツールをインストールして利用する仕組みなどを持っている","tags":["Rust","node.js","npm","yarn","console","Tools"],"relatedLinks":[]},{"date":"2019-02-10T14:15:36.008Z","title":"TestCafe v1.0.0 Released | TestCafe","url":"https://devexpress.github.io/testcafe/blog/testcafe-v1-0-0-released.html","content":"TestCafe 1.0.0リリース。\nテストの実行を動画として録画できるように、`.testcaferc.json`の設定ファイルを追加、Live modeの統合、型定義ファイルの追加など","tags":["testing","JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Migration from TestCafe v0.x.y to v1.0.0 | TestCafe","url":"https://devexpress.github.io/testcafe/blog/migration-from-testcafe-v0-x-y-to-v1-0-0.html"}]},{"date":"2019-02-11T13:42:27.068Z","title":"Blog - Next.js 8 | Next.js","url":"https://nextjs.org/blog/next-8","content":"Next.js 8リリース。\nServerlessモードの追加、ビルド時のメモリ使用量改善、`env`で環境変数を定義できるように、出力するHTMLファイルサイズの改善。\n`<Head>`コンポーネントの重複の解決、`crossOrigin`オプションの追加、CSP対応など","tags":["React","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-02-11T14:39:21.050Z","title":"pikapkg/pack: 📦⚡️ npm package building, reimagined. https://www.pikapkg.com/blog/introducing-pika-pack/","url":"https://github.com/pikapkg/pack","content":"npmパッケージ公開向けにNodeやブラウザ、moduleなど様々な種類に向けたライブラリのビルドを行うbundleツール。\nそれぞれのビルド設定はプラグインになっており、必要なものをパイプラインに定義してまとめてビルドできる。","tags":["npm","bundler","Tools"],"relatedLinks":[{"title":"Pika | Introducing: @pika/pack","url":"https://www.pikapkg.com/blog/introducing-pika-pack/"}]},{"date":"2019-02-11T14:41:40.299Z","title":"Introducing swc 1.0 · swc","url":"https://swc-project.github.io/blog/2019/02/08/Introducing-swc-1.0","content":"Rust製のJavaScript Transpiler/Compilerのswc 1.0リリース。\nECMAScript 2019、JSX、TypeScriptサポートなど","tags":["Rust","bundler","ReleaseNote","JavaScript"],"relatedLinks":[{"title":"swc-project/swc: Super-fast javascript to javascript compiler written in rust","url":"https://github.com/swc-project/swc"}]},{"date":"2019-02-12T00:07:15.649Z","title":"What’s next for SemVer","url":"https://words.steveklabnik.com/what-s-next-for-semver","content":"SemVerプロジェクトにnpmやCargoなどのパッケージ管理ツールの人中心のGitHub Teamが作成され、RFCプロセスでの運用が開始されたという話","tags":["news"],"relatedLinks":[{"title":"SemVer’s New Maintainers | You’ve Been Haacked","url":"https://haacked.com/archive/2019/02/11/semver-collective/"}]},{"date":"2019-02-12T09:27:28.617Z","title":"Bootstrap 4.3.0 | Bootstrap Blog","url":"https://blog.getbootstrap.com/2019/02/11/bootstrap-4-3-0/","content":"Bootstrap 4.3.0リリース。\n`.stretched-link`、`.text-break`、`.rounded-sm`、`.modal-dialog-scrollable`、`.list-group-horizontal`のクラスの追加など","tags":["CSS","ReleaseNote"],"relatedLinks":[]},{"date":"2019-02-14T23:03:35.670Z","title":"Release: npm@6.8.0 - 📣 announcements - npm forum","url":"https://npm.community/t/release-npm-6-8-0/5352","content":"npm 6.8.0リリース。\nmonorepo対応として`repository`フィールドの`directory`プロパティでのパッケージディレクトリの指定についてのドキュメントを追加など","tags":["npm","ReleaseNote"],"relatedLinks":[]},{"date":"2019-02-15T01:15:05.242Z","title":"Node v11.10.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v11.10.0/","content":"Node v11.10.0リリース。\nnpm 6.7.0を同梱するように、`perf_hooks`にhistogramベースのAPIを追加、`tls`モジュールのクライアントに`session`イベントを追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2019-02-15T01:47:11.493Z","title":"Replacing a hot path in your app's JavaScript with WebAssembly  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2019/02/hotpath-with-wasm","content":"処理速度が重要な部分だけをwasmで書くという話。\nJavaScript、C、AssemblyScript、Rustの比較","tags":["WebAssembly","article","JavaScript"],"relatedLinks":[]},{"date":"2019-02-19T00:31:53.304Z","title":"modernserf/zebu: A compiler for little languages in tagged template strings","url":"https://github.com/modernserf/zebu","content":"tagged template literalを使いミニ言語を作成するライブラリ。 構文を定義して、それを扱うtagged funcitonを作成する。","tags":["JavaScript","library","document"],"relatedLinks":[]},{"date":"2019-02-15T21:15:56.917Z","title":"Trusted Types help prevent Cross-Site Scripting  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2019/02/trusted-types","content":"Chrome 73でTrusted Typesがフラグ付きで実装され、76までOrigin Trialとして試せる。\nTrustTypesはXSSのsinkとなる部分をポリシーでチェックする。\nポリシーに一致しない場合はエラーに落とすことで回避するAPIと仕組み","tags":["Chrome","XSS","HTML","JavaScript","article"],"relatedLinks":[]},{"date":"2019-02-17T12:15:46.129Z","title":"Release v1.2.0 · rollup/rollup","url":"https://github.com/rollup/rollup/releases/tag/v1.2.0","content":"Rollup 1.2.0リリース。\nHoisting時に変数名を衝突しないようにするためのリネームロジックを再実装、configファイルをCJSとしてexportしてもエラーとならないように修正など","tags":["JavaScript","bundler","ReleaseNote"],"relatedLinks":[]},{"date":"2019-02-18T08:54:26.350Z","title":"Constructable Stylesheets: seamless reusable styles  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2019/02/constructable-stylesheets","content":"Chrome 73で実装されたConstructable Stylesheetsについて。\n共有できるCSSオブジェクトを作成して複数のShadow RootsやDocumentに対して当てられるAPI。","tags":["CSS","JavaScript","article"],"relatedLinks":[]},{"date":"2019-02-18T12:05:50.761Z","title":"postlight/mercury-parser: 📜 Extracting content from the chaos of the web.","url":"https://github.com/postlight/mercury-parser","content":"ウェブサイトからメタデータやメインコンテンツを抽出するライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2019-02-18T12:41:08.400Z","title":"transloadit/uppy: The next open source file uploader for web browsers","url":"https://github.com/transloadit/uppy","content":"プラグインで拡張できるファイルアップロードライブラリ。\nUI、ローカルやリモートからのリソースの取得やアップロード先などをプラグインで指定できる。","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2019-02-18T13:06:48.059Z","title":"patrickhulce/third-party-web: Summary of which third party scripts are most responsible for excessive JavaScript execution on the web.","url":"https://github.com/patrickhulce/third-party-web","content":"HTTP Archiveのデータを元にしたウェブサイトにおけるサードパーティスクリプトの実行コストについての調査結果。\n広告、アクセス解析、SNS、動画などの項目別に平均のロード・タイムに与える影響や利用数などをまとめている","tags":["performance","browser","JavaScript"],"relatedLinks":[]},{"date":"2019-02-18T13:08:39.097Z","title":"Rendering on the Web  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2019/02/rendering-on-the-web","content":"CSR(クライアントサイドレンダリング)からSSR(サーバサイドレンダリング)などのウェブサイトのレンダリング手法やそれぞれの利点や欠点などをまとめた記事。\nまたService Workerを前提としたTrisomorphic Renderingについてなど","tags":["JavaScript","browser","performance","article","ServiceWorker"],"relatedLinks":[]},{"date":"2019-02-18T15:05:55.495Z","title":"cerebral/overmind: Overmind - Frictionless state management","url":"https://github.com/cerebral/overmind","content":"ステート管理ライブラリ。\n副作用をeffectsとして実装し、actionを発行して、Proxyを使ったStateの変更検知してViewの更新を行う。\nReact、Vue、Angularに対応したバインディングと開発者ツールが用意されている。","tags":["JavaScript","library","React","Vue","Angular","TypeScript"],"relatedLinks":[{"title":"Overmind - Frictionless state management","url":"https://overmindjs.org"},{"title":"Overmind introduction - YouTube","url":"https://www.youtube.com/watch?v=82Aq_ujnBQw"}]},{"date":"2019-02-18T22:47:27.136Z","title":"Release v6.0.0 · mochajs/mocha","url":"https://github.com/mochajs/mocha/releases/tag/v6.0.0","content":"Mocha 6.0.0リリース。\nNode.js 4のサポート終了、非推奨のコマンドラインオプションを削除、`Mocha.unloadFile`の追加、RCファイルでの設定をサポートなど","tags":["node.js","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2019-02-19T00:28:45.933Z","title":"Fly · Edge Applications","url":"https://fly.io/","content":"Edge ApplicationをJavaScriptで書けるCDNサービス。\nOSSで公開されているfly runtimeを使いLB、Cache、TLS、Networkに関する処理をEdgeで行える。\nService Worker互換のAPIも用意されていて、ローカルでもserverを立ててテストできるようになっている。","tags":["JavaScript","cdn","webservice","V8"],"relatedLinks":[{"title":"superfly/fly: Fly is an edge application runtime that makes it easy to build CDNs","url":"https://github.com/superfly/fly"}]},{"date":"2019-02-19T14:32:13.965Z","title":"patr0nus/DeskGap: A cross-platform desktop app framework based on Node.js and the system webview","url":"https://github.com/patr0nus/DeskGap/","content":"OSのWebViewの仕組みを利用したElectronライクなデスクトップアプリ作成フレームワーク。\nChromiumなどをbundleしないが、Node.jsをbundleしている。\nフレームワーク上では制限されたElectronライクなAPIとNode.jsの機能が利用できる。","tags":["node.js","mac","windows","Electron"],"relatedLinks":[]},{"date":"2019-02-26T01:05:59.652Z","title":"React – A JavaScript library for building user interfaces","url":"https://ja.reactjs.org/","content":"Reactサイトの日本語訳","tags":["React","translate"],"relatedLinks":[{"title":"Is React Translated Yet? ¡Sí! Sim! はい！ – React Blog","url":"https://reactjs.org/blog/2019/02/23/is-react-translated-yet.html"}]},{"date":"2019-02-21T11:11:41.499Z","title":"klaussinani/qoa: 💬 Minimal interactive command-line prompts","url":"https://github.com/klaussinani/qoa","content":"ターミナルで対話的なインタフェースを提供するNode.jsライブラリ。\nConfirm、Quiz、Secure Promptなど","tags":["node.js","library","console","UI"],"relatedLinks":[]},{"date":"2019-02-22T08:14:10.094Z","title":"Release Version 3.5.0 · knockout/knockout","url":"https://github.com/knockout/knockout/releases/tag/v3.5.0","content":"Knockout 3.5.0リリース。\n`foreach`バインディングの挙動の変更とパフォーマンスの改善、`ko.when`がPromiseを返すようになるなど","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-02-23T07:07:24.976Z","title":"Release: npm@6.9.0-next.0 - 📣 announcements - npm forum","url":"https://npm.community/t/release-npm-6-9-0-next-0/5553","content":"npm 6.9.0-next.0リリース。\nパッケージに別名をつけることができるpackage alias機能をサポート、`--before`オプションをサポートなど","tags":["npm","ReleaseNote"],"relatedLinks":[{"title":"install: add support for package aliases by zkat · Pull Request #3 · npm/cli","url":"https://github.com/npm/cli/pull/3"}]},{"date":"2019-02-23T07:10:01.994Z","title":"The npm Blog — Managing JavaScript in the Enterprise","url":"https://blog.npmjs.org/post/182958759735/managing-javascript-in-the-enterprise","content":"npm Enterpriseの正式リリース。\nSSO認証の対応やprivate registryのサポートなど","tags":["npm","news"],"relatedLinks":[{"title":"npm | Enterprise","url":"https://www.npmjs.com/products/enterprise"}]},{"date":"2019-02-24T05:31:12.136Z","title":"jariazavalverde/tau-prolog: An open source Prolog interpreter in JavaScript","url":"https://github.com/jariazavalverde/tau-prolog","content":"PrologインタプリタのJavaScript実装","tags":["JavaScript","program","library"],"relatedLinks":[]},{"date":"2019-02-24T08:58:06.570Z","title":"dsherret/conditional-type-checks: Types for testing TypeScript types.","url":"https://github.com/dsherret/conditional-type-checks","content":"Conditional Typeを使いTypeScriptの型Assertionを行うライブラリ","tags":["TypeScript","library","testing"],"relatedLinks":[]},{"date":"2019-02-24T10:16:18.226Z","title":"fagbokforlaget/simple-fs: Handles files on indexeddb like you would do in node.js (promise)","url":"https://github.com/fagbokforlaget/simple-fs","content":"IndexedDBを使ったファイルシステムライクなAPIを持ったブラウザ向けライブラリ","tags":["browser","JavaScript","library"],"relatedLinks":[]},{"date":"2019-02-25T15:25:08.972Z","title":"Fastify v2.0.0 is here – Fastify – Medium","url":"https://medium.com/@fastifyjs/fastify-v2-0-0-is-here-8275d613fba4","content":"Node.jsフレームワークのFastify 2.0.0リリース。\n`onError`、`preParsing`、`preSerialization`、`preValidation` hookの追加。\npluginのロードのタイムアウトを設定、シグネチャの一貫性の修正など","tags":["node.js","ReleaseNote","server"],"relatedLinks":[{"title":"Release v2.0.0 · fastify/fastify","url":"https://github.com/fastify/fastify/releases/tag/v2.0.0"}]},{"date":"2019-02-25T15:27:01.133Z","title":"AddyOsmani.com - JavaScript Loading Priorities in Chrome","url":"https://addyosmani.com/blog/script-priorities/","content":"link rel=preloadとscript要素の defer/async属性を組み合わせ際のLoadingやExecution Priorityについてまとめた記事","tags":["JavaScript","performance","browser","article"],"relatedLinks":[]},{"date":"2019-02-26T00:14:58.667Z","title":"namics/webpack-config-plugins: Provide best practices for webpack loader configurations","url":"https://github.com/namics/webpack-config-plugins","content":"webpackのloader設定をまとめたプラグイン。\nBabel、TypeScript、Sass、Font、Imageなどのビルドを行うプラグインが用意されている\n","tags":["webpack","設定"],"relatedLinks":[]},{"date":"2019-02-26T02:00:06.695Z","title":"TSLint in 2019 – Palantir Blog – Medium","url":"https://medium.com/palantir/tslint-in-2019-1a144c2317a9","content":"TSLintの今後について。\n今後TSLintは非推奨となり、TSLintからESLintへの移行パスを整備していくという話","tags":["TypeScript","article","Tools"],"relatedLinks":[]},{"date":"2019-02-26T01:47:20.786Z","title":"How @supports Works | CSS-Tricks","url":"https://css-tricks.com/how-supports-works/","content":"CSSの`@supports`の使い方やユースケースについて。\nまた、JavaScriptからのCSS Supportsを使ったFeature Detectについて","tags":["CSS","article"],"relatedLinks":[]},{"date":"2019-02-26T01:57:11.881Z","title":"Intelligent Tracking Prevention 2.1 | WebKit","url":"https://webkit.org/blog/8613/intelligent-tracking-prevention-2-1/","content":"Safari 12.1で導入されるITP 2.1について。 Partitioned Cookiesのサポート終了、document.cookieで作成したクッキーは生存期間が7日間のcapがつくように、DNTの削除など","tags":["safari","security","article"],"relatedLinks":[]},{"date":"2019-02-26T01:55:08.149Z","title":"yarnpkg/berry: 📦🐈 A modern, fast, reliable, package manager; part of the Yarn organization","url":"https://github.com/yarnpkg/berry","content":"yarn v2となるソースコードのリポジトリが公開された。\nv1のリポジトリと分けているのは、issueをハンドリングしやすくするため。\n現在はロードマップに予定した機能はある程度実装された状態で、一部の機能やドキュメントが足りていない状況。","tags":["yarn","news"],"relatedLinks":[{"title":"Yarn's Future - v2 and beyond · Issue #6953 · yarnpkg/yarn","url":"https://github.com/yarnpkg/yarn/issues/6953#issuecomment-466589196"},{"title":"👑 Say hello to Yarn v2 · Issue #1 · yarnpkg/berry","url":"https://github.com/yarnpkg/berry/issues/1"}]},{"date":"2019-02-28T00:50:56.375Z","title":"dyatko/arkit: Visualises JavaScript, TypeScript and Flow codebases as meaningful and committable architecture diagrams","url":"https://github.com/dyatko/arkit","content":"アーキテクチャのダイアグラムをファイルから生成するツール。。\nコードベースのファイルを指定して、その構造をPlant UMLやSVGなどの図に変換してくれるツール","tags":["JavaScript","Tools","SVG","UML"],"relatedLinks":[]},{"date":"2019-02-28T14:16:11.379Z","title":"February 2019 Security Releases | Node.js","url":"https://nodejs.org/en/blog/vulnerability/february-2019-security-releases/","content":"Node.jsのセキュリティ修正リリース。Node.js LTS全部に対して修正がででている。\nkeep-alive系のDoSが2種(どちらもimpactはlow)とOpenSSL脆弱性(Node 10+は影響なし)の修正がされている。","tags":["node.js","security","ReleaseNote"],"relatedLinks":[]},{"date":"2019-02-28T14:32:03.295Z","title":"Ember.js - Ember 3.8 Released","url":"https://emberjs.com/blog/2019/02/27/ember-3-8-released.html","content":"Ember 3.8リリース。\nElement Modifier Managerの追加、Array helperの追加など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-03-02T13:31:26.226Z","title":"HTML Snapshot Testing with Node","url":"https://spin.atomicobject.com/2019/02/13/html-snapshot-testing-with-node/","content":"HTMLのスナップショットを比較するスナップショットテストについての記事。\nスナップショットテストをどのように実装するかについて","tags":["JavaScript","article","testing"],"relatedLinks":[]},{"date":"2019-03-02T14:12:20.834Z","title":"Progressive React","url":"https://houssein.me/progressive-react","content":"Reactを中心にしたウェブアプリの改善についての話。\nReactレベルとアプリレベルでのパフォーマンスについて。\n`shouldComponentUpdate`での無駄なレンダリングの最小化、バンドルサイズとCode Splitting、キャッシュやSSRによる初期表示の改善、クリティカルパスの最適化などについて","tags":["React","article","performance"],"relatedLinks":[]},{"date":"2019-03-02T14:32:38.485Z","title":"autoNumeric/autoNumeric: autoNumeric is a standalone library that provides live as-you-type formatting for international numbers and currencies.","url":"https://github.com/autoNumeric/autoNumeric/","content":"通貨の入力を扱うライブラリ。\n既存の入力要素へバインディングして、通貨の入力に対するバリデーションや表示のフォーマットなどを行う","tags":["JavaScript","DOM","library"],"relatedLinks":[]},{"date":"2019-03-02T14:44:32.192Z","title":"Package Diff","url":"https://diff.intrinsic.com/","content":"npmパッケージのバージョン同士のDiffを表示できるサービス","tags":["npm","webservice","library"],"relatedLinks":[{"title":"Introducing Package Diff (for npm) – intrinsic – Medium","url":"https://medium.com/intrinsic/introducing-package-diff-for-npm-e6487cc9b434"}]},{"date":"2019-03-03T04:28:52.674Z","title":"pikapkg/web: Install npm dependencies that run directly in the browser. No Browserify, Webpack or import maps required.","url":"https://github.com/pikapkg/web","content":"Rollupを使って既存モジュールをES Modulesに変換するツール。\n変換済みのmoduleはブラウザからES moduleとしてimportできる","tags":["JavaScript","module","Development","Tools"],"relatedLinks":[]},{"date":"2019-03-04T10:27:22.695Z","title":"webpackとBabelの基本を理解する(1) ―webpack編― - Qiita","url":"https://qiita.com/koedamon/items/3e64612d22f3473f36a4","content":"webpack、Babelの役割とその設定方法のチュートリアル","tags":["webpack","babel","tutorial"],"relatedLinks":[]},{"date":"2019-03-05T12:51:26.201Z","title":"Release v5.0.0 · storybooks/storybook","url":"https://github.com/storybooks/storybook/releases/tag/v5.0.0","content":"Storybook 5.0.0リリース。\nデザインとURL構造の変更、ショートカットの変更、webpackのカスタム設定の引数を変更など","tags":["JavaScript","ReleaseNote","UI"],"relatedLinks":[{"title":"Storybook 5 Migration Guide – Storybook – Medium","url":"https://medium.com/storybookjs/storybook-5-migration-guide-d804b38c739d"},{"title":"Meet Storybook 5.0's new design – Storybook – Medium","url":"https://medium.com/storybookjs/meet-storybook-5-0s-new-design-fb5735bc2a81"},{"title":"Storybook 5.0 – Storybook – Medium","url":"https://medium.com/storybookjs/storybook-5-0-db1d0f9c83b8"}]},{"date":"2019-03-05T12:56:04.653Z","title":"Release Preact X is here 🎉 · developit/preact","url":"https://github.com/developit/preact/releases/tag/10.0.0-alpha.0","content":"Preact X α版リリース。\n`Fragment`、`componentDidCatch`、Hooks、`createContext`、CSS Custom Propertiesに対応など。\nまた`preact-compat`を別パッケージではなく`preact/compat`として同梱するようになるなど","tags":["React","library","ReleaseNote"],"relatedLinks":[{"title":"This.JavaScript - State of Frameworks & Libraries - YouTube","url":"https://youtu.be/DFF9eOlTWzY?t=3988"}]},{"date":"2019-03-05T15:37:52.396Z","title":"TestCafe v1.1.0 Released | TestCafe","url":"https://devexpress.github.io/testcafe/blog/testcafe-v1-1-0-released.html","content":"TestCafe 1.1.0リリース。\nTypeScript 3.3サポート、TypeScriptの型改善など","tags":["testing","JavaScript","E2E","ReleaseNote"],"relatedLinks":[]},{"date":"2019-03-06T01:16:56.817Z","title":"dyatko/arkit: Visualises JavaScript, TypeScript and Flow codebases as meaningful and committable architecture diagrams","url":"https://github.com/dyatko/arkit","content":"アーキテクチャのダイアグラムをファイルから生成するツール。 コードベースのファイルを指定して、その構造をPlant UMLやSVGなどの図に変換してくれるツール","tags":["JavaScript","Tools","SVG","UML"],"relatedLinks":[]},{"date":"2019-03-07T04:50:56.851Z","title":"Release 1.0.0 · tensorflow/tfjs","url":"https://github.com/tensorflow/tfjs/releases/tag/v1.0.0","content":"TensorFlow.js 1.0リリース。\nパフォーマンスの改善、`Tensor.array()`と `Tensor.arraySync()`の追加など","tags":["MachineLearning","library","JavaScript"],"relatedLinks":[]},{"date":"2019-03-12T00:18:44.577Z","title":"Feature policy","url":"https://featurepolicy.info/","content":"Feature Policyのデモサイト。 それぞれのポリシーのサポート状況やドキュメント、サンプルなどがまとめられている","tags":["JavaScript","browser","example","document"],"relatedLinks":[]},{"date":"2019-03-07T07:40:38.633Z","title":"Release: npm@6.9.0 - 📣 announcements - npm forum","url":"https://npm.community/t/release-npm-6-9-0/5911","content":"npm 6.9.0リリース。\n指定した日付より前のバージョンをインストールする`--before`オプションの追加、パッケージ名をaliasしてインストールするpackage aliasのサポートなど","tags":["npm","ReleaseNote"],"relatedLinks":[]},{"date":"2019-03-10T06:59:24.587Z","title":"rmdm/rmgr: Release resources gracefully","url":"https://github.com/rmdm/rmgr","content":"リソースを管理するライブラリ。\nリソースごとにinitializeとdispose時の処理を定義し、リソースの解放などを行うヘルパーライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2019-03-10T07:20:17.492Z","title":"Request Map Generator","url":"http://requestmap.webperf.tools/","content":"指定したURLのリクエストの関係をマップ表示して可視化するツール。\nWebPageTestの結果を利用している","tags":["webservice","performance","Tools"],"relatedLinks":[]},{"date":"2019-03-10T07:43:57.405Z","title":"twbs/rfs: Automated responsive font sizes","url":"https://github.com/twbs/rfs","content":"レスポンシブなフォントサイズを指定するCSS。\nSass、PostCSS、less、stylus版が用意されている","tags":["CSS","library","PostCSS"],"relatedLinks":[]},{"date":"2019-03-10T07:54:31.833Z","title":"Cache-Control for Civilians – CSS Wizardry – CSS Architecture, Web Performance Optimisation, and more, by Harry Roberts","url":"https://csswizardry.com/2019/03/cache-control-for-civilians/","content":"`Cache-Control` HTTPヘッダについての解説記事。\n`public`、`private`、`max-age`、`no-store`、`no-cache`、`immutable`、`stale-while-revalidate`などそれぞれの項目の解説。\nまたCache Bustingの手法などについても書かれている","tags":["HTTP","article"],"relatedLinks":[]},{"date":"2019-03-10T08:09:33.019Z","title":"Introduction · AnyProxy","url":"http://anyproxy.io/en/","content":"HTTPSやWebSocketなどに対応したローカルProxyツール。\nProxyしたログを閲覧するGUIもついている。","tags":["node.js","proxy","Tools"],"relatedLinks":[]},{"date":"2019-03-10T08:22:05.190Z","title":"JavaScript loose comparison (==) step by step","url":"https://felix-kling.de/js-loose-comparison/","content":"`==`がどのように値を比較するかをECMAScript仕様に定義されているアルゴリズムのステップごとにチェックするツール。","tags":["ECMAScript","JavaScript","spec"],"relatedLinks":[]},{"date":"2019-03-10T08:24:41.985Z","title":"jaames/iro.js: 🎨 Color wheel widget for JavaScript - with zero dependencies and a lovely SVG-based UI","url":"https://github.com/jaames/iro.js","content":"依存がないカラーピッカーライブラリ。SVGをベースにしたカラーピッカーUIを作成するライブラリ","tags":["SVG","color","library"],"relatedLinks":[]},{"date":"2019-03-10T22:13:17.462Z","title":"Marble.js 2.0 🔥 — reactive, better, functional, stronger","url":"https://medium.com/@jflakus/marble-2-reactive-better-functional-stronger-5924119d3098","content":"RxJSを使ったNode.js向けのHTTPフレームワークであるMarble.js 2.0リリース。 WebSocketsの対応、Contextを使ったDIの対応、io-tsを使ったバリデーションの対応など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-03-11T04:28:27.577Z","title":"jsdom/Changelog.md at master · jsdom/jsdom","url":"https://github.com/jsdom/jsdom/blob/master/Changelog.md#1400","content":"JSDOM 14.0.0リリース。\n`JSDOM.fragment()`がbrowsing contextを持たないframentsを作成するように変更、`element.blur()`のリグレッションの修正など","tags":["JavaScript","DOM","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-03-11T22:50:03.381Z","title":"vladocar/femtoJS: femtoJS - Really small JavaScript (ES6) library for DOM manipulation.","url":"https://github.com/vladocar/femtoJS","content":"一部のjQueryライクなDOM APIを提供するライブラリ。\nES2015+に対応したブラウザのみを対象にしている。","tags":["JavaScript","jQuery","library"],"relatedLinks":[{"title":"vladocar/nanoJS: Minimal standalone JS library for DOM manipulation","url":"https://github.com/vladocar/nanoJS"}]},{"date":"2019-03-11T23:26:40.124Z","title":"What's New In DevTools (Chrome 74)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2019/03/devtools","content":"Chrome 74の開発者ツールの変更点について。 CSS propertyの影響をハイライト、Lighthouse v4へアップデート、WebSocketのバイナリメッセージの表示対応。パフォーマンスパネルでLong taskを記録できるようになるなど。","tags":["Chrome","debug","article"],"relatedLinks":[]},{"date":"2019-03-12T00:16:29.816Z","title":"A Complete Guide to useEffect — Overreacted","url":"https://overreacted.io/a-complete-guide-to-useeffect/","content":"React Hooksの`useEffect`の動作や使い方、よくある質問について","tags":["React","article"],"relatedLinks":[]},{"date":"2019-03-13T02:46:32.169Z","title":"New in Chrome 73  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2019/03/nic73","content":"Chrome 73リリース。\nデスクトップ版でもPWAインストールの対応、Signed HTTP Exchanges、Constructable style sheetsのサポート、`String#matchAll`のサポート。\n`wheel`がデフォルトでPassiveに変更など","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Chrome Platform Status","url":"https://www.chromestatus.com/features#browsers.chrome.desktop%3D73"}]},{"date":"2019-03-14T08:07:09.476Z","title":"手元のコードのパフォーマンスを計測するperformance.markのスニペット | Web Scratch","url":"https://efcl.info/2019/03/14/performance-snnipet/","content":"`performance.mark`を使った特定のコードの処理時間や関連データを記録するスニペットについて。\n記録の計測とデータの収集を分けて行うことについて","tags":["JavaScript","performance","article"],"relatedLinks":[]},{"date":"2019-03-15T06:16:45.215Z","title":"Yahoo!ニュースにおけるBFFパフォーマンスチューニング事例","url":"https://www.slideshare.net/techblogyahoo/yahoobff","content":"Node.jsのサーバアプリ処理のボトルネックの調査方法やベンチマークのとり方、アプローチなどについてのスライド","tags":["node.js","performance","slide"],"relatedLinks":[]},{"date":"2019-03-16T01:29:24.956Z","title":"TypeScript | Announcing TypeScript 3.4 RC","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-3-4-rc/","content":"TypeScript 3.4 RCリリース。\n`--watch`の情報をファイルに保存して、その情報でビルドできる`--incremental`フラグの追加。\n`readonly`修飾子を配列とtupleに対して適応できるように、`const` assertionの追加、高階関数の型推論改善など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"Roadmap · Microsoft/TypeScript Wiki","url":"https://github.com/Microsoft/TypeScript/wiki/Roadmap#34-march-2019"},{"title":"Breaking Changes · Microsoft/TypeScript Wiki","url":"https://github.com/Microsoft/TypeScript/wiki/Breaking-Changes#typescript-34"},{"title":"TypeScript v3.4.0-rc 変更点 - Qiita","url":"https://qiita.com/vvakame/items/7f4a55fe15fc9bbe1a63"}]},{"date":"2019-03-16T05:03:48.056Z","title":"Node v11.12.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v11.12.0/","content":"Node.js 11.12.0リリース。\n`Array`などのビルトインオブジェクトをデフォルトでfreezeする`--frozen-intrinsics`フラグを実験的に追加など","tags":["node.js","JavaScript","ReleaseNote"],"relatedLinks":[]},{"date":"2019-03-16T07:04:15.364Z","title":"aruneko/WebUSB-MyNumberCard","url":"https://github.com/aruneko/WebUSB-MyNumberCard","content":"WebUSBを使ったマイナンバーカードのドライバ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2019-03-17T02:10:30.697Z","title":"sindresorhus/type-fest: A collection of essential TypeScript types","url":"https://github.com/sindresorhus/type-fest","content":"TypeScriptの型コレクションライブラリ","tags":["TypeScript","library"],"relatedLinks":[]},{"date":"2019-03-17T11:24:53.105Z","title":"A Complete React Redux Tutorial for 2019","url":"https://daveceddia.com/redux-tutorial/","content":"Reduxについてのチュートリアル。\nステートの管理方法、ActionのDispatch方法やその動き、Reactと一緒に使う方法などについて","tags":["redux","JavaScript","tutorial"],"relatedLinks":[]},{"date":"2019-03-17T11:45:34.694Z","title":"Node.js and Express Tutorial: Building and Securing RESTful APIs","url":"https://auth0.com/blog/node-js-and-express-tutorial-building-and-securing-restful-apis/","content":"Node.jsとExpressを使ってRest APIを作成するチュートリアル。\nAuth0を使ったjwt対応など","tags":["node.js","tutorial","API","article"],"relatedLinks":[]},{"date":"2019-03-17T11:51:41.768Z","title":"On the Road to WebRTC 1.0, Including VP8 | WebKit","url":"https://webkit.org/blog/8672/on-the-road-to-webrtc-1-0-including-vp8/","content":"Safari 12.1のWebRTC対応更新について。\nVP8コーデック、Simulcast、Unified Planの対応など。\nScreen capture APIの実験的サポート、古いWebRTC APIの非推奨化など","tags":["WebRTC","article","safari"],"relatedLinks":[]},{"date":"2019-03-17T11:57:02.325Z","title":"Update on Experimental Features in Node.js - NodeSource","url":"https://nodesource.com/blog/experimental-features-in-node.js","content":"Node.jsの実験的な機能についての紹介記事。\nWorker Threads、Performance Hooks、Diagnostic Report、Policis、ECMAScript Modulesについて","tags":["node.js","article"],"relatedLinks":[]},{"date":"2019-03-18T12:54:27.444Z","title":"CKEditor 5 v12.0.0 with inline widgets and distraction free editor released","url":"https://ckeditor.com/blog/CKEditor-5-v12.0.0-with-inline-widgets-and-distraction-free-editor-released/","content":"CKEditor 5 v12.0.0リリース。\nInline widgets、placeholderの対応、TableにMediaを埋め込めるように、inspector機能を持つデバッグモジュールの公開など","tags":["JavaScript","editor","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-03-18T13:01:23.113Z","title":"Releasing React Native 0.59 · React Native","url":"https://facebook.github.io/react-native/blog/2019/03/12/releasing-react-native-059","content":"React Native 0.59リリース。\nHooksの対応、JavaScriptCoreをアップデートし、64 bitサポートなど。一部のコアコンポーネントを外部ライブラリ化など","tags":["React","ios","andoi","ReleaseNote"],"relatedLinks":[]},{"date":"2019-03-18T23:32:11.950Z","title":"自社運営のWebアプリをPWA化した際にハマった話（OAuthなど） - APC 技術ブログ","url":"https://techblog.ap-com.co.jp/entry/2019/03/13/201027","content":"AndroidとiOSでのPWA対応についての記事。\nホームスクリーンアプリにすると動かなくなった機能とその対処法などについて","tags":["safari","article","PWA","Android","Chrome"],"relatedLinks":[]},{"date":"2019-03-20T02:11:21.819Z","title":"Release v7.4.0 · babel/babel","url":"https://github.com/babel/babel/releases/tag/v7.4.0","content":"Babel v7.4.0リリース。\ncore-js v3にアップデート、Partial application Proposal、Private Static Class Methods Proposalのサポートなど","tags":["babel","JavaScript","ReleaseNote"],"relatedLinks":[{"title":"Release 3.0.0 - 2019.03.19 · zloirock/core-js","url":"https://github.com/zloirock/core-js/releases/tag/v3.0.0"}]},{"date":"2019-03-20T03:04:40.645Z","title":"Release 3.0.0 - 2019.03.19 · zloirock/core-js","url":"https://github.com/zloirock/core-js/releases/tag/v3.0.0","content":"core-js 3.0.0リリース。\nECMAScript仕様への追従、Proposalの対応、DropされたProposalなどの機能を削除。\nまたパッケージを3つに分類(core-js,pure,bundle)、LiveScriptをJavaScriptに書き換えなど","tags":["JavaScript","polyfill","library","ReleaseNote"],"relatedLinks":[{"title":"core-js@3, babel and a look into the future","url":"https://github.com/zloirock/core-js/blob/master/docs/2019-03-19-core-js-3-babel-and-a-look-into-the-future.md"},{"title":"core-js/CHANGELOG.md at master · zloirock/core-js","url":"https://github.com/zloirock/core-js/blob/master/CHANGELOG.md#300---20190319"}]},{"date":"2019-03-21T02:47:13.990Z","title":"Firefox 66.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/66.0/releasenotes/","content":"Firefox 66.0リリース。\nメディアの自動再生がデフォルトでブロックされるように、Windows Helloの対応、AV1の有効化など。\nスクリーンシェアをする`getDisplayMedia` APIの対応、CSS Scroll Anchoringの対応、属性セレクタで大文字小文字を無視する`i`フラグをサポートなど","tags":["firefox","ReleaseNote"],"relatedLinks":[{"title":"Today’s Firefox Aims to Reduce Your Online Annoyances - The Mozilla Blog","url":"https://blog.mozilla.org/blog/2019/03/19/todays-firefox-aims-to-reduce-your-online-annoyances/#block-autoplay"},{"title":"Passwordless Web Authentication Support via Windows Hello | Mozilla Security Blog","url":"https://blog.mozilla.org/security/2019/03/19/passwordless-web-authentication-support-via-windows-hello/"},{"title":"AV1 is a royalty-free video compression format for the web","url":"https://research.mozilla.org/av1-media-codecs/"},{"title":"Firefox 66: The Sound of Silence – Mozilla Hacks – the Web developer blog","url":"https://hacks.mozilla.org/2019/03/firefox-66-the-sound-of-silence/"},{"title":"Firefox 66 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/ja/docs/Mozilla/Firefox/Releases/66"}]},{"date":"2019-03-22T00:19:17.903Z","title":"LLVM 8.0.0 Release Notes — LLVM 8 documentation","url":"http://releases.llvm.org/8.0.0/docs/ReleaseNotes.html#changes-to-the-webassembly-target","content":"LLVM 8.0.0リリース。\nWebAssembly Targetが\"experimental\"ではなくなり、デフォルトのTargetとしてサポートされた","tags":["LLVM","WebAssembly","ReleaseNote"],"relatedLinks":[]},{"date":"2019-03-22T00:22:08.171Z","title":"Release v2.5.0 · nuxt/nuxt.js","url":"https://github.com/nuxt/nuxt.js/releases/tag/v2.5.0","content":"Nuxt.js 2.5.0リリース。\n`nuxt-ts`をインストールしなくてもよくなり、Nuxt.js本体でTypeScriptをサポート。\nBabel 7.4とcore-js 3へのアップデート、`.nuxtignore`のサポートなど。","tags":["Vue","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-03-22T14:57:14.365Z","title":"q-nick/npm-gui: Graphic tool for managing javascript project dependencies - in a friendly way.","url":"https://github.com/q-nick/npm-gui","content":"npmのGUIツール。\n依存のインストール、更新、scriptの実行を行う。\nnpm、yarnなどに対応している","tags":["npm","GUI","software"],"relatedLinks":[]},{"date":"2019-03-22T15:39:52.519Z","title":"Release Notes for Safari Technology Preview 78 | WebKit","url":"https://webkit.org/blog/8676/release-notes-for-safari-technology-preview-78/","content":"Safari Technology Preview 78リリース。\nPointer Eventsの有効化、開発者ツールでCPU使用率やエネルギー影響率を見られるようになるなど","tags":["safari","webkit","ReleaseNote"],"relatedLinks":[]},{"date":"2019-03-23T03:41:17.431Z","title":"Chromium Blog: Chrome 74 beta: reducing unwanted motion, private class fields, and feature policy API","url":"https://blog.chromium.org/2019/03/chrome-74-beta-reducing-unwanted-motion.html","content":"Chrome 74 betaリリース。\nCSS `prefers-reduced-motion: reduce`、private class field、Feature PolicyのJS API、\n`Intl.Locale`のサポート。\n`window.open`をunload中に呼び出せなくなるなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Chrome Platform Status","url":"https://www.chromestatus.com/features#browsers.chrome.desktop%3D74"}]},{"date":"2019-03-23T03:54:15.900Z","title":"V8 release v7.4 · V8","url":"https://v8.dev/blog/v8-release-74","content":"V8 v7.4リリース。\nJIT-lessオプションを追加、WebAssembly Threads、Private class fields、`Intl.Locale`のサポートなど","tags":["V8","ReleaseNote"],"relatedLinks":[]},{"date":"2019-03-23T05:44:53.298Z","title":"francisrstokes/hexnut: 🔩 Hexnut is a middleware based, express/koa like framework for web sockets","url":"https://github.com/francisrstokes/hexnut","content":"WebSocketsをベースにしたExpress/Koaライクなサーバフレームワーク","tags":["WebSocket","node.js","library"],"relatedLinks":[]},{"date":"2019-03-24T11:27:37.288Z","title":"jakearchibald/idb: IndexedDB, but with promises","url":"https://github.com/jakearchibald/idb","content":"IndexedDBのPromiseラッパーライブラリ。","tags":["JavaScript","IndexedDB","library"],"relatedLinks":[]},{"date":"2019-03-24T12:20:48.237Z","title":"tomi/fromfrom: A JS library written in TS to transform sequences of data from format to another","url":"https://github.com/tomi/fromfrom/","content":"LINQインスパイアなデータ変換を扱うライブラリ。\nデータ変換処理をメソッドチェーンでパイプライン処理できる。\nIteratorをベースにした実装となっていて、遅延実行ができる。","tags":["JavaScript","TypeScript","library"],"relatedLinks":[{"title":"Announcing fromfrom - a LINQ inspired library to transform sequences of data in JS. — Futurice","url":"https://www.futurice.com/blog/announcing-fromfrom/"}]},{"date":"2019-03-25T23:09:18.335Z","title":"Release v7.0.0-beta.0 · reduxjs/react-redux","url":"https://github.com/reduxjs/react-redux/releases/tag/v7.0.0-beta.0","content":"React-Redux 7βリリース。\n`useRedux()`のHooks APIをサポート、Batched Updatesの対応、`store`をPropsとして渡せる機能をテストのために再実装など","tags":["React","redux","ReleaseNote"],"relatedLinks":[{"title":"React-Redux Roadmap: v6, Context, Subscriptions, and Hooks · Issue #1177 · reduxjs/react-redux","url":"https://github.com/reduxjs/react-redux/issues/1177"}]},{"date":"2019-03-26T01:22:55.441Z","title":"ES5 to ESNext — here’s every feature added to JavaScript since 2015","url":"https://medium.freecodecamp.org/es5-to-esnext-heres-every-feature-added-to-javascript-since-2015-d0c255e13c6e","content":"ES5からES.nextまでに増えた機能を紹介している記事。\nES2015, 201, 2017, 2018, 2019(候補)についてそれぞれ追加された構文や機能を紹介している","tags":["ECMAScript","JavaScript","article"],"relatedLinks":[]},{"date":"2019-03-26T01:33:51.296Z","title":"React Training: React Router v5","url":"https://reacttraining.com/blog/react-router-v5/","content":"React Router 5リリース。\nReact 16との互換性改善、bundle済みファイルを配布するように`<Route path>`が配列を受け取れるように。\nminorアップデートだが、react-router-domとバージョンを合わせるためにmajorアップデートとしてリリースされた。","tags":["React","library","ReleaseNote"],"relatedLinks":[{"title":"Release v5.0.0 · ReactTraining/react-router","url":"https://github.com/ReactTraining/react-router/releases/tag/v5.0.0"}]},{"date":"2019-03-26T02:16:05.502Z","title":"A complete guide to threads in Node.js – LogRocket","url":"https://blog.logrocket.com/a-complete-guide-to-threads-in-node-js-4fa3898fe74f","content":"Node.jsの`worker_threads`モジュールについて。\n基本的な使い方やイベント、threads間でのメモリ共有、`MessageChannel`を使ってのportでのメッセージング、メインスレッドかの判定などについて","tags":["node.js","article"],"relatedLinks":[]},{"date":"2019-03-26T02:30:25.158Z","title":"ノンプログラマ向けGASレクチャ - Google スライド","url":"https://docs.google.com/presentation/d/1nHxLlNwNg23j_bp0JBgRhjUQpnm0E_S5OK4VAXiS2y8/edit#slide=id.g54702a7210_0_0","content":"Google Apps Script(GAS)についてのスライド。\n基本的なJavaScriptの書き方や解説、スプレッドシートで動かすスクリプトや外部連携などのGASの使い方について","tags":["JavaScript","google","slide"],"relatedLinks":[{"title":"ノンプログラマ向けのGASレクチャ資料を公開します。 - Qiita","url":"https://qiita.com/sakaimo/items/4eee96ed254f42ba88c1"}]},{"date":"2019-03-26T12:01:52.617Z","title":"Vue.observable & TypeScriptで手早く安心できる状態管理を手に入れる - Qiita","url":"https://qiita.com/mugi_uno/items/cb48e5d3178891f94fa7","content":"Vue 2.6で追加された`Vue.observable`について","tags":["Vue","article","TypeScript"],"relatedLinks":[]},{"date":"2019-03-29T00:08:43.170Z","title":"Node v11.13.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v11.13.0/","content":"Node.js 11.13.0リリース。\n`events`モジュールにPromiseを返す`once`を追加、`node-heapdump`モジュールを`v8.heapdump` APIとしてコアに統合。\n`worker.moveMessagePortToContext`の追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2019-03-29T09:07:29.945Z","title":"bluebill1049/react-hook-form: 📋 React hook for form validation without the hassle","url":"https://github.com/bluebill1049/react-hook-form","content":"React Hooksでフォームを扱うライブラリ","tags":["React","library"],"relatedLinks":[]},{"date":"2019-03-30T02:48:18.377Z","title":"Announcing TypeScript 3.4 | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-3-4/","content":"TypeScript 3.4リリース。\nビルドの情報をファイルに保存して、次回の起動時にその情報で続けてビルドできる`--incremental`フラグの追加。\nreadonly修飾子を配列とtupleに対して適応できるように、const assertionの追加、高階関数の型推論改善。\n`globalThis`のサポートとTop-level `this`の型のサポートなど","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2019-03-31T03:03:36.677Z","title":"Expo CLI and SDK web support beta – Exposition","url":"https://blog.expo.io/expo-cli-and-sdk-web-support-beta-d0c588221375","content":"Expoがreact-native-webを使ったブラウザサポート。`platforms`に`web`が追加された。\nいくつかのexpoモジュールもweb対応している。","tags":["React","article","JavaScript"],"relatedLinks":[{"title":"necolas/react-native-web: React Native for Web","url":"https://github.com/necolas/react-native-web"},{"title":"expo/web-examples: Examples of using Expo in the browser.","url":"https://github.com/expo/web-examples"},{"title":"web-examples/FEATURES.md at master · expo/web-examples","url":"https://github.com/expo/web-examples/blob/master/docs/FEATURES.md"}]},{"date":"2019-03-31T05:35:05.636Z","title":"Standardizing WASI: A system interface to run WebAssembly outside the web - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2019/03/standardizing-wasi-a-webassembly-system-interface/","content":"ブラウザ以外でもWebAssemblyを実行するための標準化を行うWASIについて。\n各プラットフォームでも動くポータブルなバイナリとプラグラムごとのサンドボックスセキュリティを原則にしたデザイン。\nCloudABIのCapability-based securityを元にしたセキュリティモデルをもつ。","tags":["WebAssembly","article"],"relatedLinks":[{"title":"Announcing Lucet: Fastly’s native WebAssembly compiler and runtime","url":"https://www.fastly.com/blog/announcing-lucet-fastly-native-webassembly-compiler-runtime"},{"title":"WASI","url":"https://wasi.dev/"},{"title":"CraneStation/wasmtime: Standalone JIT-style runtime for WebAsssembly, using Cranelift","url":"https://github.com/CraneStation/wasmtime"},{"title":"Introducing CloudABI","url":"https://cloudabi.org/"}]},{"date":"2019-03-31T06:19:47.267Z","title":"ilearnio/module-alias: Register aliases of directories and custom module paths in Node","url":"https://github.com/ilearnio/module-alias","content":"webpackのaliasのように読み込むモジュールをマッピングで切り替えるNode.jsライブラリ。\n`Module._resolveFilename`を上書きすることで実現している。","tags":["node.js","library"],"relatedLinks":[]},{"date":"2019-04-01T00:06:53.683Z","title":"Introducing experimental integrity policies to Node.js | Snyk","url":"https://snyk.io/blog/introducing-experimental-integrity-policies-to-node-js/","content":"Node.js 11.8.0で試験的に導入されたPolicy機能について。\nウェブブラザにおけるSubresource Integrity相当の機能をNode.jsのモジュールロードに対して行う","tags":["node.js","article","security"],"relatedLinks":[]},{"date":"2019-04-01T10:53:49.090Z","title":"ECMAScript proposal updates @ 2019-03 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2019/04/01/ecmascript-proposal-updates","content":"2019年3月のTC39ミーティングでのECMAScript Proposal Stageの変更点をまとめたもの。\n`String.prototype.matchAll`がStage 4になった","tags":["ECMAScript","proposal","article"],"relatedLinks":[]},{"date":"2019-04-01T14:05:35.578Z","title":"Release v5.0.0 · vuejs/vue-devtools","url":"https://github.com/vuejs/vue-devtools/releases/tag/v5.0.0","content":"vue-devtools 5.0.0リリース。\nルーティングタブ、パフォーマンスタブ、設定タブの追加、\npropsやvuexのstateを編集できるようになるなど","tags":["Vue","debug","Tools","browser","Extension","ReleaseNote"],"relatedLinks":[]},{"date":"2019-04-01T14:13:35.711Z","title":"Raathigesh/majestic: ⚡ Zero config GUI for Jest","url":"https://github.com/Raathigesh/majestic/","content":"JestのGUIツール。\n","tags":["JavaScript","testing","GUI","Tools"],"relatedLinks":[]},{"date":"2019-04-02T01:49:05.899Z","title":"Understanding Event Emitters | CSS-Tricks","url":"https://css-tricks.com/understanding-event-emitters/","content":"Event Emitterを実装しながらEvent Emitterを学ぶ話","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2019-04-02T01:59:10.901Z","title":"An Overview of JavaScript Testing in 2019 – Welldone Software – Medium","url":"https://medium.com/welldone-software/an-overview-of-javascript-testing-in-2019-264e19514d0a","content":"JavaScriptのテスト周りについてまとめた記事。\nテストの種類、ツール、フレームワークなどを紹介している","tags":["JavaScript","article","testing"],"relatedLinks":[]},{"date":"2019-04-09T00:06:47.557Z","title":"leebyron/react-loops: React Loops works with React Hooks as part of the React Velcro Architecture","url":"https://github.com/leebyron/react-loops","content":"forループするReactコンポーネントライブラリ。","tags":["React","library","JavaScript"],"relatedLinks":[]},{"date":"2019-04-04T06:24:22.898Z","title":"jeffijoe/typesync: Install missing TypeScript typings for dependencies in your package.json.","url":"https://github.com/jeffijoe/typesync","content":"`package.json`から関連する@typesのパッケージをインストールしてくれるツール","tags":["npm","node.js","TypeScript","console","toll"],"relatedLinks":[]},{"date":"2019-04-05T09:16:27.135Z","title":"typeless-js/typeless: A complete toolkit for building scalable React apps with Typescript.","url":"https://github.com/typeless-js/typeless","content":"Reduxの典型的なケースをビルトインで持つ、React+Redux+Rxjsを前提としたステート管理ライブラリ。\nReact Hooksに対応し、Reactに合わせたライフサイクルアクションをもつ。","tags":["React","redux","TypeScript","library"],"relatedLinks":[]},{"date":"2019-04-06T00:11:49.124Z","title":"アメブロ2019: こえのブログでのPWA","url":"https://developers.cyberagent.co.jp/blog/archives/20506/","content":"こえのブログでのフロント周りの設計について。\nFastly CDN前提のURL構造、Cloud Speech-to-Textを使った文字起こし、vmsgを使ったクライアントでエンコードしてからのアップロード、Web Componentsの利用。\n初回訪問と再訪問の最適化、performance budgetの設定など","tags":["PWA","article","JavaScript","browser","performance"],"relatedLinks":[]},{"date":"2019-04-09T00:11:05.979Z","title":"docker-node/BestPractices.md at master · nodejs/docker-node","url":"https://github.com/nodejs/docker-node/blob/master/docs/BestPractices.md","content":"DockerにおけるNode.jsのベストプラクティスについて書かれたドキュメント。\n環境変数、Ctrl + Cのシグナルが送れない問題、yarnのアップデート、root周りの設定、`CMD`でnpm run-script経由ではなく直接実行することについてなど","tags":["Docker","node.js","document"],"relatedLinks":[]},{"date":"2019-04-07T02:19:24.870Z","title":"New WebKit Features in Safari 12.1 | WebKit","url":"https://webkit.org/blog/8718/new-webkit-features-in-safari-12-1/","content":"Safari 12.1のWebKit周りの変更点について。\nダークモードの対応、ITP 2.1へのアップデート、Payment Request API、WebRTCの改善、EME API/MSEの対応。\nIntersection Observer、Web Share APIの対応、Web Inspectorの改善など","tags":["safari","article"],"relatedLinks":[]},{"date":"2019-04-07T04:11:24.220Z","title":"Scroll Anchoring in Firefox 66 - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2019/03/scroll-anchoring-in-firefox-66/","content":"CSS Scroll Anchoringについて。\nどのように動作するかの解説","tags":["CSS","article"],"relatedLinks":[]},{"date":"2019-04-07T04:53:51.056Z","title":"Managing Z-Index In A Component-Based Web Application — Smashing Magazine","url":"https://www.smashingmagazine.com/2019/04/z-index-component-based-web-application/","content":"コンポーネントベースにおけるz-indexの管理方法について。\nStacking Context、z-indexの管理、オーバーレイについて","tags":["CSS","article"],"relatedLinks":[]},{"date":"2019-04-07T12:16:04.073Z","title":"codex-team/editor.js: A block-styled editor with clean JSON output","url":"https://github.com/codex-team/editor.js","content":"ブロックスタイルのエディタライブラリ。\nブロックごとの記述をJSONとして出力できる。","tags":["JavaScript","editor","library"],"relatedLinks":[]},{"date":"2019-04-07T12:42:56.791Z","title":"Release v2.6.0 · nuxt/nuxt.js","url":"https://github.com/nuxt/nuxt.js/releases/tag/v2.6.0","content":"Nuxt.js v2.6.0リリース。\ncore-js 2と3の両方をサポート、2.5で入った`ready()`に関するBreaking Changeをrevertなど","tags":["Vue","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-04-08T00:35:30.549Z","title":"Release 3.13.1 · nodeca/js-yaml","url":"https://github.com/nodeca/js-yaml/releases/tag/3.13.1","content":"js-yaml 3.13.1リリース。\n`load()`で悪意のあるyamlファイルを読むと任意のコードを実行できる脆弱性の修正。","tags":["JavaScript","library","security","ReleaseNote"],"relatedLinks":[{"title":"Arbitrary Code Execution in js-yaml | Snyk","url":"https://snyk.io/vuln/SNYK-JS-JSYAML-174129"},{"title":"Fix possible code execution in (already unsafe) load() by rlidwka · Pull Request #480 · nodeca/js-yaml","url":"https://github.com/nodeca/js-yaml/pull/480"}]},{"date":"2019-04-08T10:55:40.254Z","title":"Request’s Past, Present and Future · Issue #3142 · request/request","url":"https://github.com/request/request/issues/3142","content":"Node.jsのHTTPライブラリである`request`モジュールがメンテンスモードとなる。\n新しい機能追加やBreaking Changesを入れないメンテンスモードとなる予定について書かれている。","tags":["node.js","HTTP","library","issue","news"],"relatedLinks":[{"title":"Alternative libraries to request · Issue #3143 · request/request","url":"https://github.com/request/request/issues/3143"}]},{"date":"2019-04-08T15:34:27.582Z","title":"Home | PreVue","url":"https://prevue.io/","content":"Vue.jsを使ったUIプロトタイピングツール","tags":["Vue","Tools","design"],"relatedLinks":[]},{"date":"2019-04-08T15:32:29.911Z","title":"mgechev/codelyzer: Static analysis for Angular projects.","url":"https://github.com/mgechev/codelyzer","content":"TSLintを使ったAngularコンポーネントのLintルールセット","tags":["Angular","TypeScript","Tools"],"relatedLinks":[]},{"date":"2019-04-08T22:13:06.750Z","title":"kognise/water.css: A just-add-css collection of styles to make simple websites just a little nicer","url":"https://github.com/kognise/water.css","content":"HTML要素のベーススタイルを定義したライブラリ。\n要素に対するスタイルを提供するため、特別なクラスを提供していない。","tags":["CSS","library"],"relatedLinks":[]},{"date":"2019-04-09T00:06:15.229Z","title":"Microsoft Edge preview builds: The next step in our OSS journey | Windows Experience Blog","url":"https://blogs.windows.com/windowsexperience/2019/04/08/microsoft-edge-preview-builds-the-next-step-in-our-oss-journey/","content":"Chromiumを使ったMicrosoft Edgeのプレビュー版がリリースされた。 Beta、Dev、Canaryビルドを用意し、今後はmacOSの対応なども行う。","tags":["MSEdge","Chrome","browser","ReleaseNote"],"relatedLinks":[{"title":"What to expect in the new Microsoft Edge Insider Channels - Microsoft Edge Blog","url":"https://blogs.windows.com/msedgedev/2019/04/08/microsoft-edge-preview-channel-details/#veEezTt4cKDiSZ0P.97"}]},{"date":"2019-04-10T22:34:27.023Z","title":"CatSnake11/Webpack-Ops: 📁 Webpack bundle visualization // optimization // config tool","url":"https://github.com/CatSnake11/Webpack-Ops","content":"webpackダッシュボードツール。\nbundle結果のビジュアライズ、最適化設定をテストして設定ファイルの生成などを行える","tags":["webpack","Tools"],"relatedLinks":[]},{"date":"2019-04-10T22:47:04.524Z","title":"jQuery 3.4.0 Released | Official jQuery Blog","url":"http://blog.jquery.com/2019/04/10/jquery-3-4-0-released/","content":"jQuery 3.4.0リリース。\nscriptタグの`nomodule`と`nonce`をサポート、`Object.prototype` pollutionの脆弱性を修正、Sizzleが提供するCSSセレクタを非推奨に。","tags":["jQuery","ReleaseNote"],"relatedLinks":[]},{"date":"2019-04-11T00:20:44.587Z","title":"Ember.js - Ember 3.9 Released","url":"https://blog.emberjs.com/2019/04/10/ember-3-9-released.html","content":"Ember 3.9リリース。\njQueryをデフォルトで外すために`Ember.$()`など非推奨化、`.volatile()`と`.property()`ではなくネイティブのgetter/setterを利用を推奨するようになるなど","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Release v3.9.0 · emberjs/ember.js","url":"https://github.com/emberjs/ember.js/releases/tag/v3.9.0"},{"title":"Ember.js - Deprecations","url":"https://deprecations.emberjs.com/v3.x/"}]},{"date":"2019-04-13T10:51:25.245Z","title":"ESLint v6.0.0-alpha.0 released - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2019/04/eslint-v6.0.0-alpha.0-released","content":"ESLint 6.0.0アルファリリース。\nインストールしたプラグインの読み込み方法の変更、`eslint:recommended`の更新、ルールのデフォルトの挙動を一部変更など","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"ESLint v6.0.0 の変更点まとめ - Qiita","url":"https://qiita.com/mysticatea/items/274347ff9473b26b575a"}]},{"date":"2019-04-13T11:42:28.250Z","title":"Node v11.14.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v11.14.0/","content":"Node.js 11.14.0リリース。\n`fs.promises`がStableに、`readline`の`Symbol.asyncIterator`対応がStableになるなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2019-04-14T00:28:33.907Z","title":"Release v7.0.1 · reduxjs/react-redux","url":"https://github.com/reduxjs/react-redux/releases/tag/v7.0.1","content":"React-Redux 7.0リリース。 `connect`が`React.memo`とHooks　APIを使うように、Subscriptionの動作を変更、`batch`APIの追加、`store`をPropsとして渡せる機能をテストのために再実装など","tags":["React","redux","ReleaseNote"],"relatedLinks":[]},{"date":"2019-04-14T10:20:05.808Z","title":"Prettier 1.17: More quotes options and support for shared configs · Prettier","url":"https://prettier.io/blog/2019/04/12/1.17.0.html","content":"Prettier 1.17リリース。\nオブジェクトのquote設定をする`--quote-props`の追加、shared configのサポート、TypeScript 3.4の`readonly`修飾子をサポートなど","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2019-04-14T10:38:31.896Z","title":"commenthol/date-holidays: worldwide holidays","url":"https://github.com/commenthol/date-holidays","content":"祝日判定ライブラリ。\n各国ごとの祝日の定義を持っている。","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2019-04-14T23:59:42.734Z","title":"Form Validation in Under an Hour with Vuelidate | CSS-Tricks","url":"https://css-tricks.com/form-validation-in-under-an-hour-with-vuelidate/","content":"VueのフォームバリデーターライブラリのVuelidateについて","tags":["Vue","library","article"],"relatedLinks":[]},{"date":"2019-04-15T00:02:57.872Z","title":"niklasvh/html2canvas: Screenshots with JavaScript","url":"https://github.com/niklasvh/html2canvas","content":"HTMLをCanvasに描画してHTMLのスクリーンショットを撮るJavaScriptライブラリ。\n","tags":["JavaScript","HTML","canvas","library","browser"],"relatedLinks":[]},{"date":"2019-04-15T00:18:49.703Z","title":"seek-oss/playroom: Design with JSX, powered by your own component library.","url":"https://github.com/seek-oss/playroom","content":"JSX/Reactのコンポーネントプレイグラウンドツール。\nさまざまなViewportでプレビューしながらコンポーネントのプロトタイピングができる","tags":["React","Tools","UI"],"relatedLinks":[]},{"date":"2019-04-15T00:35:00.524Z","title":"packem/packem: 📦⚡ A precompiled JavaScript module bundler","url":"https://github.com/packem/packem","content":"Rust製のJavaScriptモジュールBundler。\nJavaScriptプラグインを書いて拡張もできる。","tags":["JavaScript","Rust","Tools","bundler"],"relatedLinks":[]},{"date":"2019-04-17T12:53:42.861Z","title":"TypeScript再入門「がんばらないTypeScript」で、JavaScriptを“柔らかい”静的型付き言語に（gfx執筆） - エンジニアHub｜若手Webエンジニアのキャリアを考える！","url":"https://employment.en-japan.com/engineerhub/entry/2019/04/16/103000","content":"ゆるい型付けの設定で始めるTypeScriptについて。\n","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2019-04-17T12:56:41.557Z","title":"Do you really know how a lockfile works for yarn and npm packages? | Snyk","url":"https://snyk.io/blog/making-sense-of-package-lock-files-in-the-npm-ecosystem/","content":"yarnの`yarn.lock`、npmの`package-lock.json`が実際にどのように動いているのかについて。\nアプリケーションとライブラリのロックファイルについて","tags":["npm","yarn","JavaScript","node.js","library"],"relatedLinks":[]},{"date":"2019-04-17T12:57:40.179Z","title":"alibaba/rax: [ v1.0 released] The fastest way to build universal application.","url":"https://github.com/alibaba/rax","content":"ReactライクなAPIを持つUniversalなViewライブラリであるRax 1.0.0リリース。\nHooks APIにも対応している。\n","tags":["React","library","JavaScript","ReleaseNote"],"relatedLinks":[]},{"date":"2019-04-19T02:20:07.845Z","title":"Release v5.0.0 · sindresorhus/np","url":"https://github.com/sindresorhus/np/releases/tag/v5.0.0","content":"npm publishするnp 5.0.0リリース。\n2要素認証を新しく公開するパッケージに関しては自動で有効化、公開に失敗したときのロールバック処理の改善など","tags":["npm","ReleaseNote"],"relatedLinks":[]},{"date":"2019-04-19T13:33:53.910Z","title":"Release Notes for Safari Technology Preview 80 | WebKit","url":"https://webkit.org/blog/8825/release-notes-for-safari-technology-preview-80/","content":"Safari Technology Preview 80リリース。\nResizeObserverのサポート、`window.open`の第二引数で`noreferrer`のサポート、`contentWindow`のサポートなど。\nまたLegacy Safari Extensionsのサポート終了など","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2019-04-19T15:00:32.731Z","title":"A horrifying globalThis polyfill in universal JavaScript · Mathias Bynens","url":"https://mathiasbynens.be/notes/globalthis","content":"`globalThis`のpolyfillとその動作原理についての解説。","tags":["ECMAScript","JavaScript","polyfill","article"],"relatedLinks":[]},{"date":"2019-04-20T00:30:35.311Z","title":"Blog - Next.js 8.1 | Next.js","url":"https://nextjs.org/blog/next-8-1","content":"Next.js 8.1リリース。\nAMPサポートが追加された。\nコンポーネント内でAMPとの処理分岐でのhybrid対応、`next export`でAMPでの出力とバリデーション","tags":["React","AMP","ReleaseNote"],"relatedLinks":[]},{"date":"2019-04-20T01:37:06.423Z","title":"stryker-mutator/stryker: Mutation testing for JavaScript and friends","url":"https://github.com/stryker-mutator/stryker","content":"Mutation testingライブラリ。\nテストコードをテストするためのフレームワーク。\nmochaやjestなど各種テストフレームワークと連携して動作する。","tags":["testing","library","JavaScript","C#","scala"],"relatedLinks":[{"title":"stryker-mutator/stryker-handbook: A comprehensive guide to the stryker ecosystem","url":"https://github.com/stryker-mutator/stryker-handbook#readme"},{"title":"stryker/packages/core at master · stryker-mutator/stryker","url":"https://github.com/stryker-mutator/stryker/tree/master/packages/core#readme"},{"title":"Blog - Stryker Mutator","url":"https://stryker-mutator.io/blog/2017-01-17/introduction-to-mutation-testing"}]},{"date":"2019-04-20T11:10:04.044Z","title":"Release 10.0.0-beta.0 Reconcilertron · developit/preact","url":"https://github.com/developit/preact/releases/tag/10.0.0-beta.0","viaURL":"https://github.com/jser/jser.info/pull/104","content":"Preact 10.0.0-beta.0リリース。\n`Fragments`の安定化、条件分岐を含む描画のパフォーマンス改善、コンポーネントの上下関係を考慮した更新処理を行うように修正など","tags":["React","library","JavaScript","ReleaseNote"],"relatedLinks":[]},{"date":"2019-04-21T13:00:54.756Z","title":"Content Security Policy: A successful mess between hardening and mitigation - Speaker Deck","url":"https://speakerdeck.com/mikispag/content-security-policy-a-successful-mess-between-hardening-and-mitigation","viaURL":"https://github.com/jser/jser.info/pull/104","content":"GoogleにおけるCSPについてのスライド。Google domainのCSPのカバレッジや60%以上のXSSはCSPでブロックできている。\nCSP導入の4つのLevelと導入ステップ、ホワイリストの問題とnonce-based CSP、CSPとデプロイのトレードオフについてなど。\nCSP対応のリファクタリング手法などについて","tags":["CSP","browser","security","slide"],"relatedLinks":[{"title":"Content Security Policy Level 3におけるXSS対策 - pixiv inside","url":"https://inside.pixiv.blog/kobo/5137"}]},{"date":"2019-04-21T13:46:22.367Z","title":"lancedikson/bowser: a browser detector","url":"https://github.com/lancedikson/bowser","viaURL":"https://github.com/jser/jser.info/pull/104","content":"User-Agentを元にブラウザ名やバージョンなどを構造的なデータとして取得できるライブラリ","tags":["JavaScript","browser","library"],"relatedLinks":[]},{"date":"2019-04-23T01:28:29.418Z","title":"Front-end Developer Handbook 2019 - Learn the entire JavaScript, CSS and HTML development practice!","url":"https://frontendmasters.com/books/front-end-handbook/2019/","viaURL":"https://github.com/jser/jser.info/pull/104","content":"フロントエンド開発についての概要や技術項目ごとのリソースをまとめた電子書籍の2019年版","tags":["JavaScript","book","links"],"relatedLinks":[]},{"date":"2019-04-22T15:00:24.544Z","title":"sindresorhus/file-type: Detect the file type of a Buffer/Uint8Array/ArrayBuffer","url":"https://github.com/sindresorhus/file-type","viaURL":"https://github.com/jser/jser.info/pull/104","content":"Content sniffingをしてファイルの種類を判定するNode.jsライブラリ","tags":["node.js","JavaScript","library"],"relatedLinks":[]},{"date":"2019-04-22T22:36:52.594Z","title":"Experimental Node.js: testing the new performance hooks","url":"https://blog.logrocket.com/experimental-node-js-testing-the-new-performance-hooks-31fcdd2a747e","viaURL":"https://github.com/jser/jser.info/pull/104","content":"Node.jsの`perf_hooks`の使い方についての記事。\nモジュールのロード時間やURLへのリクエスト時間を計測を例に紹介している","tags":["node.js","performance","article"],"relatedLinks":[]},{"date":"2019-04-22T23:34:45.425Z","title":"Svelte 3: Rethinking reactivity","url":"https://svelte.dev/blog/svelte-3-rethinking-reactivity","viaURL":"https://github.com/jser/jser.info/pull/104","content":"コンパイル前提のUIフレームワークであるSvelte 3リリース。\n今までの仕組みを書き直したため、テンプレート構文、API、ウェブサイトが変更されている。\n変更検知の仕組みが大きく変わり、`set` APIではなく、reactiveな変数を`$:`で宣言しコンパイル時に変更を追跡するコードを生成する方法に変更された","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-04-23T01:22:32.707Z","title":"The perfect unit test","url":"https://javascriptplayground.com/the-perfect-javascript-unit-test/","viaURL":"https://github.com/jser/jser.info/pull/104","content":"Unit Testの書き方について。\nテストケース名の書き方、テストをSetup、コード実行、Assertの3つのステップに分解して書くことについて","tags":["JavaScript","testing","article"],"relatedLinks":[]},{"date":"2019-04-23T01:24:26.882Z","title":"A RealWorld Comparison of Front-End Frameworks with Benchmarks (2019 update)","url":"https://medium.freecodecamp.org/a-realworld-comparison-of-front-end-frameworks-with-benchmarks-2019-update-4be0d3c78075","viaURL":"https://github.com/jser/jser.info/pull/104","content":"\"RealWorld\"というベンチマークアプリの各JavaScriptフレームワークなどの実装を比較した記事。\nパフォーマンス、出力されたコードのファイルサイズ、Line of Code(LOC)でそれぞれを比較した結果をまとめている","tags":["JavaScript","library","article","benchmark"],"relatedLinks":[{"title":"gothinkster/realworld: &quot;The mother of all demo apps&quot; — Exemplary fullstack Medium.com clone powered by React, Angular, Node, Django, and many more 🏅","url":"https://github.com/gothinkster/realworld"}]},{"date":"2019-04-23T01:33:45.661Z","title":"isInputPending: Facebook's first browser API contribution - Facebook Code","url":"https://code.fb.com/developer-tools/isinputpending-api/","viaURL":"https://github.com/jser/jser.info/pull/104","content":"`navigator.scheduling.isInputPending()`を使いユーザーの操作中は、キューにためた処理を実行しないように制御する方法について。\nロード処理が完了するまでユーザーが操作できない時間であるFirst Input Delay (FID) を軽減する手法について","tags":["JavaScript","performance","browser"],"relatedLinks":[{"title":"First Input Delay  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2018/05/first-input-delay"}]},{"date":"2019-04-25T02:38:01.623Z","title":"Release v3.0.0 · facebook/create-react-app","url":"https://github.com/facebook/create-react-app/releases/tag/v3.0.0","content":"create-react-app v3.0.0リリース。\nJest 24、React Hooks、ESLintでTypeScriptをLintするように、`tsconfig.json`の`baseUrl`をサポートなど","tags":["React","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2019-04-25T03:02:39.041Z","title":"Release electron v5.0.0 · electron/electron","url":"https://github.com/electron/electron/releases/tag/v5.0.0","content":"Electron v5.0.0リリース。\nChromium 73、Node 12.0.0にアップデート。\n`ELECTRON_DISABLE_SANDBOX`でsandboxの無効化に対応。\nCookies APIのPromise対応、BrowserWindowで複数のBrowserViewをサポート、iframeに対してnode integrationの設定ができるようになるなど","tags":["Electron","ReleaseNote"],"relatedLinks":[]},{"date":"2019-04-25T03:12:53.707Z","title":"New in Chrome 74  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2019/04/nic74","content":"Chrome 74の変更点について。\nprivate class fieldsの対応、`prefers-reduced-motion`のサポート、feature policy apiのサポートなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2019-04-25T06:32:06.972Z","title":"TypeScript AST Viewer","url":"https://ts-ast-viewer.com/","content":"TypeScriptのコードのASTビューアツール。\nコードを生成するASTのコードも出力される","tags":["TypeScript","AST","Tools"],"relatedLinks":[]},{"date":"2019-04-26T09:26:13.182Z","title":"Node v12.0.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v12.0.0/","content":"Node.js 12.0.0リリース。\nV8 7.4へアップデート、TLS 1.3のサポート、http parserが`llhttp`に変更、`os.type()`の追加など。\n試験的な機能としてWorker Threads、Diagnostic Reports、Heap Dumps、ES Modulesのサポートなど","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"Introducing Node.js 12 – Node.js Foundation – Medium","url":"https://medium.com/@nodejs/introducing-node-js-12-76c41a1b3f3f"},{"title":"The new ECMAScript module support in Node.js 12","url":"http://2ality.com/2019/04/nodejs-esm-impl.html"}]},{"date":"2019-04-27T13:12:17.297Z","title":"Release v1.15.0 · GoogleChrome/puppeteer","url":"https://github.com/GoogleChrome/puppeteer/releases/tag/v1.15.0","content":"Puppeteer 1.15.0リリース。\nChromium 75.0.3765.0へアップデート、`puppeteer.devices`と`puppeteer.errors`の追加、リクエストInterceptionの問題を修正など","tags":["Chrome","node.js","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-04-28T02:54:53.207Z","title":"O'Reilly Japan - Node.jsデザインパターン 第2版","url":"https://www.oreilly.co.jp/books/9784873118734/","content":"2019年05月18日発売\nNode.jsのデザインパターンについての書籍","tags":["node.js","JavaScript","book"],"relatedLinks":[{"title":"Node.jsデザインパターン 第2版 サポートページ — マーリンアームズ株式会社","url":"https://www.marlin-arms.com/support/nodejs-design-patterns/"}]},{"date":"2019-04-28T02:57:27.007Z","title":"Programming TypeScript - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920158059.do","content":"TypeScriptについての入門書","tags":["TypeScript","book"],"relatedLinks":[]},{"date":"2019-04-28T07:02:25.238Z","title":"Color accessibility: tools and resources to help you design inclusive products, by Stéphanie Walter - UX designer & Mobile Expert.","url":"https://stephaniewalter.design/blog/color-accessibility-tools-resources-to-design-inclusive-products/","content":"アクセシビリティとカラー、コントラスト関係のツールやリソースのまとめ","tags":["color","accessibility","article"],"relatedLinks":[]},{"date":"2019-04-28T07:15:13.694Z","title":"documentation/CHANGELOG.md at master · documentationjs/documentation","url":"https://github.com/documentationjs/documentation/blob/master/CHANGELOG.md#1010-2019-04-25","content":"コードからドキュメントを生成するツールであるdocumentationjs 10.1.0リリース。\nTypeScriptをサポート","tags":["document","JavaScript","TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2019-04-29T06:32:21.040Z","title":"infinitered/gluegun: A delightful toolkit for building Node-powered CLIs.","url":"https://github.com/infinitered/gluegun","content":"Node.jsのコマンドラインツール向けのフレームワーク。\nコマンドのテンプレート、コマンドライン引数のパースやハンドリング、Util処理などを含んでいる。","tags":["node.js","console","library"],"relatedLinks":[]},{"date":"2019-04-29T06:43:32.635Z","title":"gkozlenko/node-video-lib: Node.js Video Library / MP4 & FLV parser / HLS muxer","url":"https://github.com/gkozlenko/node-video-lib","content":"依存がないMP4とFLVのパーサ、HLS muxerライブラリ","tags":["node.js","JavaScript","video","HLS","library"],"relatedLinks":[]},{"date":"2019-04-29T09:01:06.548Z","title":"faast.js · Serverless batch computing made simple","url":"https://faastjs.org/","content":"serverlessを使ったバッチ処理を行うフレームワーク。\nバッチの各処理を関数としてローカル、AWS lambda、Google Cloud Functionsで実行できる。またデプロイやクリーンアップのワークフローを管理できる。","tags":["serverless","library","JavaScript","TypeScript"],"relatedLinks":[{"title":"faast.js vs other · faast.js","url":"https://faastjs.org/docs/comparison"}]},{"date":"2019-04-29T11:54:50.144Z","title":"Comparing JVM alternatives to JavaScript","url":"https://renato.athaydes.com/posts/comparing-jvm-alternatives-to-js.html","content":"JavaからJavaScriptに変換するツールの比較記事。\nパフォーマンス、コードファイルサイズ、コード行数について","tags":["JavaScript","Java","article"],"relatedLinks":[]},{"date":"2019-04-30T01:43:20.099Z","title":"AddyOsmani.com - Native image lazy-loading for the web!","url":"https://addyosmani.com/blog/lazy-loading/","content":"画像やiframeの遅延ロードなどを行う`loading`属性について。\n属性値として`lazy`、`eager`、`auto`が設定できることやFeature Detection、Fallbackの書き方についてなど","tags":["Chrome","WebPlatformAPI","HTML","article"],"relatedLinks":[]},{"date":"2019-04-30T03:31:41.412Z","title":"PixiJS v5 lands – Goodboy Digital – Medium","url":"https://medium.com/goodboy-digital/pixijs-v5-lands-5e112d84e510","content":"PixiJS 5.0.0リリース。\nWebGLがデフォルトとなり、Cnavas版は`pixi.js-legacy`として提供されるように。globalに`PIXI`オブジェクトを追加しないでimportできるように。\nRendererのシグネチャの変更、\n`PIXI.Mesh`の追加、\nGraphics Holesの対応改善など","tags":["JavaScript","WebGL","canvas","library","game"],"relatedLinks":[{"title":"Release v5.0.0 · pixijs/pixi.js","url":"https://github.com/pixijs/pixi.js/releases/tag/v5.0.0"},{"title":"v5 Migration Guide · pixijs/pixi.js Wiki","url":"https://github.com/pixijs/pixi.js/wiki/v5-Migration-Guide"}]},{"date":"2019-04-30T08:58:22.472Z","title":"Stub navigator API in end-to-end tests | Better world by better software","url":"https://glebbahmutov.com/blog/stub-navigator-api/","content":"Cypressを使いBattery status APIのStubをしながらテストをするチュートリアル。\n`navigator`をどのようにstubしてテストするかについて","tags":["E2E","browser","testing","article"],"relatedLinks":[]},{"date":"2019-05-03T00:04:32.896Z","title":"jQuery 3.4.1: triggering focus events in IE and finding root elements in iOS 10 | Official jQuery Blog","url":"http://blog.jquery.com/2019/05/01/jquery-3-4-1-triggering-focus-events-in-ie-and-finding-root-elements-in-ios-10/","content":"jQuery 3.4.1リリース。\nIE10-IE11で`trigger`の問題を修正、iOS 10.0-10.2でのclickの問題を修正、AMDとしてロードしたときの問題を修正など","tags":["jQuery","ReleaseNote"],"relatedLinks":[]},{"date":"2019-05-03T00:12:50.900Z","title":"Release Notes for Safari Technology Preview 81 | WebKit","url":"https://webkit.org/blog/8834/release-notes-for-safari-technology-preview-81/","content":"Safari Technology Preview 81リリース。\n印刷時のスタイルで`@page`によるmarginのサポート、`frame-ancestors` CSPを`X-Frame-Options`ヘッダより優先するように。\n`requestAnimationFrame`の実行タイミングの問題を修正など","tags":["webkit","safari","ReleaseNote"],"relatedLinks":[{"title":"177484 – requestAnimationFrame should execute before the next frame","url":"https://bugs.webkit.org/show_bug.cgi?id=177484"}]},{"date":"2019-05-05T05:31:48.916Z","title":"Chromium Blog: Chrome 75 Beta: low latency canvas contexts, sharing files, and numeric separators","url":"https://blog.chromium.org/2019/05/chrome-75-beta-low-latency-canvas.html","content":"Chrome 75 Betaリリース。\nCanvasに低遅延レンダリングのための`desynchronized`オプションを追加、Web Shareでファイルをサポート、ES ProposalのNumeric separatorsをサポート。\nCSPの`script-src-attr`ディレクティブのサポート、Cache-Controlの`stale-while-revalidate`のサポートなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Chrome Platform Status","url":"https://www.chromestatus.com/features#milestone%3D75"},{"title":"Low-latency rendering with the desynchronized hint  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2019/05/desynchronized"}]},{"date":"2019-05-05T06:26:39.955Z","title":"oclif/cli-ux: CLI IO utilities","url":"https://github.com/oclif/cli-ux","content":"ターミナルのCLIを提供するNode.jsライブラリ。\npromptやconfirmなどの対話操作、URLのリンク表示、spinner、アノテーション、table表示など","tags":["node.js","library"],"relatedLinks":[]},{"date":"2019-05-05T06:40:04.605Z","title":"The CSS Handbook: a handy guide to CSS for developers","url":"https://medium.freecodecamp.org/the-css-handbook-a-handy-guide-to-css-for-developers-b56695917d11","content":"CSSについてのガイド。\n基本的なCSSのプロパティの解説からunit、レイアウト、アニメーションなど幅広く書かれている","tags":["CSS","article"],"relatedLinks":[]},{"date":"2019-05-06T07:27:48.463Z","title":"Release 7.0.0 · websockets/ws","url":"https://github.com/websockets/ws/releases/tag/7.0.0","content":"WebSocketクライアント & サーバの`ws` 7.0.0リリース。\nNode.js 6のサポート終了、コンストラクタでNode.jsの`url`オブジェクトではなく`URL`オブジェクトを受け取るように変更。\n`readyState`が`OPEN`ではないときの`ping`、`pong`の挙動変更など\n","tags":["WebSocket","node.js","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-05-06T07:34:12.183Z","title":"Laconia · Create well-crafted serverless applications, effortlessly","url":"https://laconiajs.io/","content":"Node.jsのserverlsssフレームワーク。Hexagonal Architectureで依存を外から渡せるような構造にしてテストしやすくしている。\nLong Task向けのbatch処理を行うモジュールも提供されている。","tags":["node.js","server","library"],"relatedLinks":[]},{"date":"2019-05-07T00:26:04.000Z","title":"Hyper Blog","url":"https://hyper.is/blog","content":"Electron製のターミナルであるHyper 3リリース。 `hterm`から`xterm.js`に変更してWebGL Rendererを使うように、IPCのバッチ処理でパフォーマンス改善など","tags":["Electron","console","software","ReleaseNote"],"relatedLinks":[]},{"date":"2019-05-06T13:52:44.462Z","title":"Release v4.0.0 · facebook/relay","url":"https://github.com/facebook/relay/releases/tag/v4.0.0","content":"GraphQLとReact向けのフレームワークであるRelay 4.0.0リリース。\nContainerの引数に`graphql` tagを渡すのではなくオブジェクトを受け付けるように変更、client schema extensionsのフルサポートなど","tags":["GraphQL","library","ReleaseNote"],"relatedLinks":[{"title":"Building the New facebook.com with React, GraphQL and Relay","url":"https://developers.facebook.com/videos/2019/building-the-new-facebookcom-with-react-graphql-and-relay/"}]},{"date":"2019-05-07T00:25:47.569Z","title":"Babylon.js 4.0 Is Here! – Babylon.js – Medium","url":"https://medium.com/@babylonjs/babylon-js-4-0-is-here-d725b5b02e9b","content":"WebGLベースの3Dゲーム向けフレームワークのBabylon.js 4.0.0リリース。 Visual Scene Inspectorの導入、ファイルサイズやパフォーマンスの改善、物理エンジンとしてAmmo.jsをサポートなど","tags":["WebGL","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-05-06T14:22:32.280Z","title":"Revisiting prefers-reduced-motion, the reduced motion media query | CSS-Tricks","url":"https://css-tricks.com/revisiting-prefers-reduced-motion-the-reduced-motion-media-query/","content":"CSSの`prefers-reduced-motion`の解説と使い方についての記事。\nアクセシビリティ、プログレッシブ・エンハンスメントの考え、CSS Variablesと組み合わせた実装について","tags":["CSS","animation","article","accessibility"],"relatedLinks":[]},{"date":"2019-05-06T22:57:01.239Z","title":"Optimizing Performance With Resource Hints — Smashing Magazine","url":"https://www.smashingmagazine.com/2019/04/optimization-performance-resource-hints/","content":"Resource Hintsについての記事。\n`dns-prefetch`、`preconnect`、`prefetch`、`prerender`をそれぞれどのような場合に利用するかについて。`as`属性についてなど","tags":["browser","performance"],"relatedLinks":[]},{"date":"2019-05-07T00:19:37.726Z","title":"microsoft/react-native-windows: A framework for building native Windows apps with React.","url":"https://github.com/Microsoft/react-native-windows","content":"React Native for Windows。\nReact NativeでネイティブなWindowsアプリ(UWP)を作成するフレームワーク。","tags":["React","windows","library"],"relatedLinks":[]},{"date":"2019-05-07T00:22:58.663Z","title":"Microsoft Edge – All the news from Build 2019 - Microsoft Edge Blog","url":"https://blogs.windows.com/msedgedev/2019/05/06/edge-chromium-build-2019-pwa-ie-mode-devtools/","content":"ChromiumベースのMSEdgeにはサードパーティトラッキングのブロックができるPrivacy Tools、表示しているサイトをIE互換するIE modeが搭載される予定","tags":["MSEdge","Chrome","IE","news"],"relatedLinks":[]},{"date":"2019-05-07T01:17:37.703Z","title":"gulp4再入門 gulpfileの分割とnodeモジュールの利用 - Qiita","url":"https://qiita.com/masato_makino/items/ad11058e1a8a009abbdf","content":"gulp4ベースの入門記事。\ngulp taskの定義方法、タスクファイルの分割、gulpプラグインとNodeモジュールについて","tags":["gulp","article"],"relatedLinks":[]},{"date":"2019-05-08T13:07:37.250Z","title":"Release v5.0.0 · GoogleChrome/lighthouse","url":"https://github.com/GoogleChrome/lighthouse/releases/tag/v5.0.0","content":"Lighthouse 5.0.0リリース。\nWordpressなど特定のスタックに対するレポートを表示するStack Packsの追加、Performance budgetsの対応、Lighthouse plugins","tags":["browser","performance","Tools","ReleaseNote"],"relatedLinks":[{"title":"GoogleChrome/lighthouse-stack-packs: Lighthouse Stack Packs","url":"https://github.com/GoogleChrome/lighthouse-stack-packs"},{"title":"Performance Budgets (Keep Request Counts Low And File Sizes Small)  |  Tools for Web Developers  |  Google Developers","url":"https://developers.google.com/web/tools/lighthouse/audits/budgets"},{"title":"lighthouse/plugins.md at master · GoogleChrome/lighthouse","url":"https://github.com/GoogleChrome/lighthouse/blob/master/docs/plugins.md#plugin-config"}]},{"date":"2019-05-09T00:21:48.176Z","title":"Official Google Webmaster Central Blog: The new evergreen Googlebot","url":"https://webmasters.googleblog.com/2019/05/the-new-evergreen-googlebot.html","content":"Google検索botが最新版のChromiumレンダリングエンジンを使うように変更された","tags":["google","search","news","browser","Chrome"],"relatedLinks":[{"title":"Fix Search-related JavaScript problems  |  Search  |  Google Developers","url":"https://developers.google.com/search/docs/guides/fix-search-javascript"}]},{"date":"2019-05-10T08:10:13.235Z","title":"wapm | WebAssembly Package Manager","url":"https://wapm.io/","content":"WebAssemblyのパッケージマネージャとレジストリ","tags":["WebAssembly","webservice"],"relatedLinks":[]},{"date":"2019-05-11T09:23:19.688Z","title":"microsoft/frontend-bootcamp: Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux","url":"https://github.com/Microsoft/frontend-bootcamp","content":"Microsoftのフロントエンドワークショップ教材。\nHTML、CSS、JavaScript、TypeScriptについて扱う2日分のコンテンツ","tags":["MS","HTML","CSS","JavaScript","tutorial"],"relatedLinks":[]},{"date":"2019-05-11T09:27:08.452Z","title":"manzinello/mailgo: 💌 mailgo, a different mailto (WIP)","url":"https://github.com/manzinello/mailgo","content":"`mailto:`なリンクをクリックした時にメニューを表示してくれるライブラリ。\nGmailやOutlookで開くやコピーなどを選択できる","tags":["JavaScript","library","mail"],"relatedLinks":[]},{"date":"2019-05-12T09:44:20.547Z","title":"Node v12.2.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v12.2.0/","content":"Node.js 12.2.0リリース。\n`--trace-tls`オプションの追加、`Module.createRequireFromPath()`を非推奨化し、`URL`でのパスも受け取れるようにした`module.createRequire`を追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2019-05-12T10:32:25.959Z","title":"Web at Google I/O 2019 - YouTube","url":"https://www.youtube.com/playlist?list=PLNYkxOF6rcIATmAmz7HcCzongGvQEtx8i","content":"Google I/O 2019のウェブセッションの動画まとめ","tags":["google","video","Conference"],"relatedLinks":[]},{"date":"2019-05-12T10:42:12.453Z","title":"comlink/CHANGELOG.md at master · GoogleChromeLabs/comlink","url":"https://github.com/GoogleChromeLabs/comlink/blob/master/CHANGELOG.md#v3---v4","content":"ES Proxyを使ったWorkerライブラリのComlink 4.0.0リリース。\nNode.jsの`worker_thread`をサポート、APIのリネーム、パフォーマンスの改善など","tags":["JavaScript","webworker","library","ReleaseNote"],"relatedLinks":[{"title":"Surma on Twitter: &quot;I sneakily released Comlink v4 just before #io19! ➡️Smaller than v3 (~1.1kb) 🗜 ➡️10x faster on low-end devices (we needed that for https://t.co/TQBh7GNv2g!) 🏎💨 ➡️Better API naming 💫 ➡️Better folder structure 🙏 ➡️Support for workers in Node 11+ 🤯 https://t.co/v4PNytvkfq… https://t.co/mksFf7uxPu&quot;","url":"https://twitter.com/DasSurma/status/1127266398185484288"}]},{"date":"2019-05-12T10:57:33.799Z","title":"victorvoid/dinoql: A customizable GraphQL style query language for interacting with JavaScript objects.","url":"https://github.com/victorvoid/dinoql","content":"GraphQL構文でオブジェクトからデータを取得できるクエリライブラリ。\nAlias、Cache、Fragmentsなどをサポートしている","tags":["GraphQL","JavaScript","library"],"relatedLinks":[]},{"date":"2019-05-12T12:48:15.289Z","title":"SameSite cookies explained  |  web.dev","url":"https://web.dev/samesite-cookies-explained/","content":"`SameSite` Cookieについての解説。`SameSite`の設定値である`Strict`、`Lax`、`None`の動作の解説。\nChrome 76で`SameSite`が未指定の場合に`SameSite=Lax`をデフォルトとする試験的フラグが追加されるなど","tags":["security","browser","Chrome","article"],"relatedLinks":[{"title":"HTTP クッキーをより安全にする SameSite 属性について (Same-site Cookies) | ラボラジアン","url":"https://laboradian.com/same-site-cookies/"}]},{"date":"2019-05-12T13:13:32.496Z","title":"React  |  web.dev","url":"https://web.dev/react","content":"web.dev のReactウェブアプリの最適化についてのチュートリアル。\nBundle size、無限リスト、Service Worker、プリレンダリング、アクセシビリティについて","tags":["React","tutorial"],"relatedLinks":[]},{"date":"2019-05-12T13:54:11.004Z","title":"Data | Third-Party Web","url":"https://www.thirdpartyweb.today/","content":"HTTP Archiveのクロールデータを元にした、サードパーティスクリプトの影響度を可視化したサイト","tags":["performance","webservice","Tools"],"relatedLinks":[]},{"date":"2019-05-13T02:50:38.576Z","title":"A Guide to Node.js Logging - Twilio","url":"https://www.twilio.com/blog/guide-node-js-logging","content":"Node.jsでログ出力についての記事。\nConsole API、pinoを使ったログ出力、ライブラリのログ、chalkなどで装飾されているログをプレーンな出力にする方法などについて","tags":["node.js","article"],"relatedLinks":[]},{"date":"2019-05-13T23:50:12.415Z","title":"Release v1.16.0 · GoogleChrome/puppeteer","url":"https://github.com/GoogleChrome/puppeteer/releases/tag/v1.16.0","content":"Puppeteer 1.16.0リリース。\n`browser.isConnected()`、`target.worker()`のサポート。\n`accessibility.snapshot()`が`root`オプションをサポートなど","tags":["Chrome","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-05-14T00:48:41.734Z","title":"Introducing GitHub Package Registry - The GitHub Blog","url":"https://github.blog/2019-05-10-introducing-github-package-registry/","content":"GitHubのパッケージレジストリサービスのベータ公開がされた。\nnpm、gem、dockerなどに対応していて、GitHubのTeamパーミッションに紐付いて管理できるprivate registry。\nGitHubのReleaseや検索にも表示されるようになる","tags":["github","news","npm"],"relatedLinks":[{"title":"GitHub Package Registry: Your packages, at home with their code","url":"https://github.com/features/package-registry"}]},{"date":"2019-05-14T00:50:59.712Z","title":"ng-conf 2019 - YouTube","url":"https://www.youtube.com/playlist?list=PLOETEcp3DkCpimylVKTDe968yNmNIajlR","content":"Angularのカンファレンスであるng-confg 2019の動画一覧。","tags":["Angular","video","Conference"],"relatedLinks":[{"title":"Angular - All Talks from ng-conf 2019","url":"https://nitayneeman.com/posts/all-talks-from-ng-conf-2019/"},{"title":"ng-conf 2019 Note","url":"https://www.notion.so/ng-conf-2019-Note-10b9443262a54fb9bd8586cc25a449c7"}]},{"date":"2019-05-14T01:01:29.694Z","title":"msgpack/msgpack-javascript: MessagePack for JavaScript/ECMA-262","url":"https://github.com/msgpack/msgpack-javascript","content":"MessagePackのJavaScript実装。\nブラウザとNode.jsどちらでも動作し、Async Iteratorを使いストリーム処理ができるようになっている。","tags":["JavaScript","library","TypeScript"],"relatedLinks":[{"title":"TypeScriptで MessagePack encoder/decoder を実装した - Islands in the byte stream","url":"https://gfx.hatenablog.com/entry/2019/05/07/102341"}]},{"date":"2019-05-14T01:06:59.724Z","title":"AWS Lambda adds support for Node.js v10","url":"https://aws.amazon.com/jp/about-aws/whats-new/2019/05/aws_lambda_adds_support_for_node_js_v10/","content":"AWS LambdaがNode.js 10をサポート。","tags":["aws","Lambda","node.js","news"],"relatedLinks":[]},{"date":"2019-05-14T01:12:35.127Z","title":"Node.js v12の気になる変更点 / #kng6 - Speaker Deck","url":"https://speakerdeck.com/masashi/number-kng6","content":"Node.js 12の変更点についてまとめたスライド","tags":["node.js","slide"],"relatedLinks":[]},{"date":"2019-05-15T12:25:28.991Z","title":"Release v3.14.0 · lerna/lerna","url":"https://github.com/lerna/lerna/releases/tag/v3.14.0","content":"monorepo管理ツールのlerna 3.14.0リリース。\nnpm publish時の2要素認証(OTP)のサポート、`--conventional-prerelease`と`--conventional-graduate`のサポートなど","tags":["monorepo","Tools","JavaScript","ReleaseNote"],"relatedLinks":[]},{"date":"2019-05-16T05:41:33.098Z","title":"Release v2.7.0 · nuxt/nuxt.js","url":"https://github.com/nuxt/nuxt.js/releases/tag/v2.7.0","content":"Nuxt.js 2.7.0リリース。\nサーバサイドのログもブラウザコンソールに表示されるように、`store/`ディレクトリのファイル監視の改善など","tags":["Vue","ReleaseNote"],"relatedLinks":[{"title":"Nuxt.js v2.7.0 の変更点と注目のポイントまとめ - Qiita","url":"https://qiita.com/potato4d/items/43b4f17c73aebc7a2154"}]},{"date":"2019-05-16T13:19:45.852Z","title":"TypeScript 3.0: The unknown Type — Marius Schulz","url":"https://mariusschulz.com/blog/typescript-3-0-the-unknown-type","content":"TypeScript 3.0で導入された`unknown` typeについての解説。\n`any` typeとの違い、`unknown` typeに対して任意の操作ができない点、`unknown` typeは型を絞り込んでから使う点について","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2019-05-16T13:46:13.223Z","title":"Reakit","url":"https://reakit.io/","content":"アクセシビリティを考慮したReactコンポーネントライブラリ。\nReact Hooksへの対応や基礎的なコンポーネントを提供し、コンポーネントを組み合わせ利用できるようにすることを目的にしている。","tags":["React","accessibility","library"],"relatedLinks":[]},{"date":"2019-05-17T15:19:46.732Z","title":"Announcing TypeScript 3.5 RC | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-3-5-rc/","content":"TypeScript 3.5 RCリリース。\n型チェックとビルドのパフォーマンス改善、`Omit`ヘルパー型を追加、Union型の改善など。\n破壊的な変更としてGeneric type parameterのデフォルトが`{}`から`unknown`へと変更、`target:es5`時に`Object.keys`がプリミティブ型を受け取らないように変更など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2019-05-18T02:12:01.933Z","title":"JSでDoSる/ Shibuya.XSS techtalk #11 - Speaker Deck","url":"https://speakerdeck.com/masatokinugawa/shibuya-dot-xss-techtalk-number-11?slide=6","content":"JavaScriptで例外が発生するパターンやNode.jsでクラッシュするケーススタディについてのスライド","tags":["JavaScript","node.js","slide","security"],"relatedLinks":[]},{"date":"2019-05-18T02:30:18.403Z","title":"V8 release v7.5 · V8","url":"https://v8.dev/blog/v8-release-75","content":"V8 v7.5リリース。\nWebAssemblyのコンパイル結果を暗黙的にキャッシュする変更、ECMAScript ProposalのNumeric separatorsを実装。\nネットワークからスクリプトを読み込みながらパースする際に、メインスレッドによってブロックされる問題を解消など","tags":["V8","ReleaseNote"],"relatedLinks":[]},{"date":"2019-05-18T02:40:36.534Z","title":"Faster smarter JavaScript debugging in Firefox DevTools - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2019/05/faster-smarter-javascript-debugging-in-firefox/","content":"Firefox 67の開発者ツールの改善点について。\nロードパフォーマンスの改善、Break Pointの改善やLog Pointの対応、Web Workerスクリプトとの切り替えを改善、Source Mapを使った細かい表示の改善など","tags":["firefox","debug","performance","article"],"relatedLinks":[]},{"date":"2019-05-18T13:38:47.464Z","title":"Release Notes for Safari Technology Preview 82 | WebKit","url":"https://webkit.org/blog/8921/release-notes-for-safari-technology-preview-82/","content":"Safari Technology Preview 82リリース。\nFetch APIの`keepAlive`オプションのサポート、Web GPU APIを`navigator.gpu`に移動など","tags":["safari","webkit","ReleaseNote"],"relatedLinks":[]},{"date":"2019-05-19T14:15:27.448Z","title":"DasSur.ma – Raw WebAssembly","url":"https://dassur.ma/things/raw-wasm/","content":"WebAssemblyがstack-based VMであるとはどういうことかを見ていく記事。\nWebAssembly text形式であるwatを手書きして、WebAssemblyでのモジュールの定義、関数の定義と呼び出し、メモリの確保、wasmの読み込みについて。","tags":["WebAssembly","JavaScript","browser"],"relatedLinks":[{"title":"Understanding WebAssembly text format - WebAssembly | MDN","url":"https://developer.mozilla.org/en-US/docs/WebAssembly/Understanding_the_text_format"}]},{"date":"2019-05-20T00:31:47.735Z","title":"const assertions are the killer new TypeScript feature","url":"https://blog.logrocket.com/const-assertions-are-the-killer-new-typescript-feature-b73451f35802","content":"TypeScript 3.4で導入されたconst assertionについて。\nリテラルの型拡大を防いだり、オブジェクトのプロパティを`readonly`にできるなど","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2019-05-21T02:17:20.578Z","title":"Inside Microsoft’s surprise decision to work with Google on its Edge browser - The Verge","url":"https://www.theverge.com/2019/5/6/18527550/microsoft-chromium-edge-google-history-collaboration","content":"MSEdgeがChromiumベースになった背景について。\n最初はEdgeの利用率、最新の機能の実装遅れなどの問題を解決する選択肢の一つだったが、組織改編、Septagonというプロトタイプ、切り替えの公表から実際の作業に入った話など","tags":["MSEdge","Chrome","インタビュー","OSS","google","MS"],"relatedLinks":[]},{"date":"2019-05-20T15:37:45.830Z","title":"Accessibility Insights","url":"https://accessibilityinsights.io/","content":"アクセシビリティのチェックを補助するブラウザ拡張。\nアクセシビリティのチェック綱目を可視化したり、FastPassとAssessmentの2つのシナリオでのテストをサポートしている。","tags":["accessibility","Chrome","windows","Extension"],"relatedLinks":[{"title":"microsoft/accessibility-insights-web: Accessibility Insights for Web","url":"https://github.com/Microsoft/accessibility-insights-web"},{"title":"Introduction to Accessibility Insights for Web - YouTube","url":"https://www.youtube.com/watch?v=U6NY8Cxym5g"}]},{"date":"2019-05-20T15:46:45.271Z","title":"Google Fonts is Adding font-display 🎉—zachleat.com","url":"https://www.zachleat.com/web/google-fonts-display/","viaURL":"https://github.com/jser/ping/issues/143","content":"Google Fontsが`display`パラメータで`font-display`プロパティの指定をサポートしたことについて。","tags":["google","fonts","article"],"relatedLinks":[{"title":"display=swapとはなにか - MOL","url":"https://t32k.me/mol/log/font-display-swap/"}]},{"date":"2019-05-21T01:03:02.082Z","title":"Introducing the first Microsoft Edge preview builds for macOS - Microsoft Edge Blog","url":"https://blogs.windows.com/msedgedev/2019/05/20/microsoft-edge-macos-canary-preview/","content":"MSEdgeのmacOS対応版がInsider Previewでリリースされた","tags":["MSEdge","mac ","ReleaseNote"],"relatedLinks":[]},{"date":"2019-05-21T01:57:40.628Z","title":"esxjs/esx: Like JSX, but native and fast","url":"https://github.com/esxjs/esx","content":"JSXライクな構文をサポートしたTagged Templateライブラリ。\nまたReactをesxの構文に変換するBabelプラグインもあり、ReactのSSRテンプレートエンジンとしても利用できる","tags":["jsx","React","node.js","library"],"relatedLinks":[]},{"date":"2019-05-21T02:11:44.488Z","title":"[Web フロントエンド] 状態更新ロジックをフレームワークから独立させる | Kabuku Developers Blog","url":"https://www.kabuku.co.jp/developers/framework-agnostic-state-modification","content":"immerを使ったステート更新ロジックに分け、Angular、Vue、Reactなどのフレームワーク内に組み込む方法について。","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2019-05-22T11:36:38.677Z","title":"Node v12.3.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v12.3.0/","content":"Node.js v12.3.0リリース。\n`wasm`ファイルをimportできる`--experimental-wasm-modules`オプションの追加、`Readable.from`の追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2019-05-22T11:53:52.351Z","title":"Ember.js - Ember 3.10 Released","url":"https://blog.emberjs.com/2019/05/21/ember-3-10-released.html","content":"Ember 3.10リリース。\nネストしたコンポーネントやビルトインコンポーネントを`<Input />`のようにAngle bracketで記述できるように、Decoratorのサポートなど","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-05-24T13:40:07.369Z","title":"projectfluent/fluent.js: JavaScript implementation of Project Fluent","url":"https://github.com/projectfluent/fluent.js","content":"ローカライズフレームワーク。\nFTLという構文で記述し、`Intl`オブジェクトをベースにしたローカライズを行う。","tags":["i18n","library"],"relatedLinks":[]},{"date":"2019-05-24T15:44:49.608Z","title":"Folding the DOM - Josh W. Comeau's Blog","url":"https://www.joshwcomeau.com/posts/folding-the-dom/","content":"CSSを使って画像の折りたたみ表現を実装していくチュートリアル。\nPosition、Transform、Perspectiveを組み合わせて折りたたみのアニメーションを実装していく話","tags":["CSS","JavaScript","React","article","tutorial"],"relatedLinks":[]},{"date":"2019-05-24T15:50:36.890Z","title":"Strict null checking the Visual Studio Code codebase","url":"https://code.visualstudio.com/blogs/2019/05/23/strict-null","content":"VSCodeのコードベースでTypeScriptのstrict null checkを有効化した話。\n`strictNullCheck`が`false`のときによく起きていた問題と1800ファイルあるコードをどのように修正していったかについて。\n`strictNullCheck`を有効化した`tsconfig.json`を作り、`files`に追加しながら修正していった","tags":["VSCode","TypeScript","article"],"relatedLinks":[]},{"date":"2019-05-25T23:49:58.141Z","title":"Graphics Team ships WebRender MVP! – Mozilla Gfx Team Blog","url":"https://mozillagfx.wordpress.com/2019/05/21/graphics-team-ships-webrender-mvp/","content":"Firefox 67でNVIDIAのグラフィックカードを利用してるユーザー(4%)向けて、GPUベースのレンダラであるWebRenderをロールアウトしていくリリーススケジュールについて","tags":["firefox","article"],"relatedLinks":[]},{"date":"2019-05-26T00:05:14.628Z","title":"yankouskia/hurried: ⚡️ JavaScript library for parallel code execution","url":"https://github.com/yankouskia/hurried","content":"`worker_thread`モジュールを使ったNode.js向けのThreadライブラリ","tags":["node.js","JavaScript","library"],"relatedLinks":[]},{"date":"2019-05-26T06:39:34.190Z","title":"azu/exponential-backoff-generator: Exponential backoff generator. Provide robust retry function.","url":"https://github.com/azu/exponential-backoff-generator","content":"Generatorを使ったExponential backoffライブラリ。\nasync/awaitと組み合わせて非同期処理のリトライを`for...of`で記述できる。","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2019-05-26T10:59:17.992Z","title":"sghall/react-vertex: React Vertex | Hooks-based WebGL library for React","url":"https://github.com/sghall/react-vertex","content":"HooksベースなWebGLを扱うReactコンポーネント","tags":["WebGL","React","library"],"relatedLinks":[]},{"date":"2019-05-27T00:30:03.360Z","title":"Rocketseat/unform: ReactJS form library to create uncontrolled form structures with nested fields, validations and much more!","url":"https://github.com/Rocketseat/unform","content":"Uncontrolledなフォームを扱うReactコンポーネント。\nバリデーション、構造的なデータ、リセットなどの機能を提供している","tags":["React","library"],"relatedLinks":[]},{"date":"2019-05-27T10:26:40.602Z","title":"wagerfield/parallax: Parallax Engine that reacts to the orientation of a smart device","url":"https://github.com/wagerfield/parallax","content":"ブラウザのViewportのサイズやスクロール、マウスの動きなどの変化を監視できるライブラリ。","tags":["JavaScript","library","browser"],"relatedLinks":[]},{"date":"2019-05-27T14:19:40.412Z","title":"vitalets/await-timeout: A Promise-based API for setTimeout / clearTimeout","url":"https://github.com/vitalets/await-timeout","content":"Promiseベースの`setTimeout`、`clearTimeout`のラッパーライブラリ。\n既存のPromiseオブジェクトてもタイムアウトを設定できる","tags":["Promises","JavaScript","library"],"relatedLinks":[]},{"date":"2019-05-27T14:28:53.350Z","title":"Handling Errors in Vue.js","url":"https://www.raymondcamden.com/2019/05/01/handling-errors-in-vuejs","content":"Vueでのエラーハンドリングについての記事。\n`Vue.config.errorHandler`、`Vue.config.warnHandler`、`renderError`、`errorCaptured`について","tags":["Vue","article"],"relatedLinks":[]},{"date":"2019-05-28T00:47:03.379Z","title":"Release 4.17.0 · expressjs/express","url":"https://github.com/expressjs/express/releases/tag/4.17.0","content":"express 4.17.0リリース。 middlewareとしてBodyをBufferへパースする`express.raw`、Bodyをテキストにパースする`express.text`の追加。\n`X-Forwarded-Host`でカンマ区切りの複数Hostに対応など","tags":["node.js","server","ReleaseNote"],"relatedLinks":[]},{"date":"2019-05-27T14:57:51.976Z","title":"Paint Holding - reducing the flash of white on same-origin navigations  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2019/05/paint-holding","content":"Chrome 76でページ遷移時にページを真っ白にするのではなく、最後の描画を維持した状態で切り替わるようにするPaint Holdingという仕組みが入るという話","tags":["Chrome","article","browser","dart"],"relatedLinks":[]},{"date":"2019-05-27T15:32:13.780Z","title":"SPAにおける状態管理: 関数型のアプローチも取り入れるフロントエンド系アーキテクチャの変遷 - エンジニアHub｜若手Webエンジニアのキャリアを考える！","url":"https://employment.en-japan.com/engineerhub/entry/2019/05/23/103000","content":"SPAにおける状態管理の変化について。\nBackbone.jsでのModel/View/Controller、Two Way Data-Binding、Fluxなどの状態管理の問題と解決したことについて","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2019-05-28T00:36:03.199Z","title":"WebAssembly at eBay: A Real-World Use Case","url":"https://www.ebayinc.com/stories/blogs/tech/webassembly-at-ebay-a-real-world-use-case/","content":"WebAssemblyのユースケースとしてバーコードリーダを実装した話。\nC++からemscriptenでコンパイルしたwasmを使うことで、JavaScriptの実装よりもFPSが上がった。\nしかし、カメラの特性により認識率がいまいち上がらず、C++の実装2つとJavaScriptの実装を組み合わせて利用した話","tags":["WebAssembly","JavaScript","article"],"relatedLinks":[]},{"date":"2019-05-28T01:00:22.204Z","title":"Firefox 67.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/67.0/releasenotes/","content":"Firefox 67.0リリース。\nパフォーマンスや開発者ツールの改善、`Cross-Origin-Opener-Policy`の実装。\n開発者ツールからCanvas debugger、Web Audio Editor、Shader editorを削除など","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 67 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/ja/docs/Mozilla/Firefox/Releases/67"},{"title":"Deprecated tools - Firefox Developer Tools | MDN","url":"https://developer.mozilla.org/ja/docs/Tools/Deprecated_tools"},{"title":"Firefox 67 サイト互換性情報 | Firefox サイト互換性情報","url":"https://www.fxsitecompat.com/ja/versions/67/"}]},{"date":"2019-05-28T23:47:44.852Z","title":"async/CHANGELOG.md at master · caolan/async","url":"https://github.com/caolan/async/blob/master/CHANGELOG.md#v300","content":"async 3.0.0リリース。\n`async`モジュールのメソッドがcallbackを指定していない場合に、Promiseを返すように、コレクションメソッドでAsync Generatorのサポート、`cargoQueue`の追加など。\nまた、ES2015のコードベースになったため、古いブラウザやNode 4以下のサポート終了。","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-05-29T14:00:37.110Z","title":"Node v10.16.0 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v10.16.0/","content":"Node v10.16.0(LTS)リリース。\nnpm 6.9.0への更新、`zlib`モジュールのbrotliサポートのバックポート、`events`モジュールの`once`メソッドのバックポートなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2019-05-29T14:26:12.738Z","title":"W3C and WHATWG to work together to advance the open Web platform | W3C Blog","url":"https://www.w3.org/blog/2019/05/w3c-and-whatwg-to-work-together-to-advance-the-open-web-platform/","content":"W3CはHTMLとDOMに関する標準策定をやめ、WHATWGが策定しているLiving Standardを共同で策定していくことに合意した。\nまた、WHATWGはレビュードラフトと呼ばれる定期的なスナップショットをだし、これをW3Cプロセスに従う形で勧告まで進めるなどのプロセスの変更について書かれている。","tags":["W3C","WHATWG","news"],"relatedLinks":[]},{"date":"2019-05-31T04:40:43.304Z","title":"Version 8 of Angular — Smaller bundles, CLI APIs, and alignment with the ecosystem","url":"https://blog.angular.io/version-8-of-angular-smaller-bundles-cli-apis-and-alignment-with-the-ecosystem-af0261112a27","content":"Angular 8.0.0リリース。\nmodern build(es2015)とlegacy build(es5)を出し分けロードするDifferential Loadingの有効化。\nRoute ConfigでDynamic Importsを使うように、CLI向けにBuilders APIの追加。\nIvyを`enableIvy`で試せるようになるなど","tags":["Angular","ReleaseNote"],"relatedLinks":[{"title":"Introducing CLI Builders – Angular Blog","url":"https://blog.angular.io/introducing-cli-builders-d012d4489f1b"},{"title":"angular/CHANGELOG.md at master · angular/angular","url":"https://github.com/angular/angular/blob/master/CHANGELOG.md#800-2019-05-28"}]},{"date":"2019-06-01T02:35:03.727Z","title":"Release Notes for Safari Technology Preview 83 | WebKit","url":"https://webkit.org/blog/8967/release-notes-for-safari-technology-preview-83/","content":"Safari Technology Preview 83リリース。\nWebAuthNのデフォルト有効化、CSSの`line-break: anywhere`、`display: flow-root`のサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2019-06-01T14:05:01.516Z","title":"Release v0.19.0 · axios/axios","url":"https://github.com/axios/axios/releases/tag/v0.19.0","content":"axios 0.19.0リリース。\nNode.jsでレスポンスがgzipなどでかつ204の場合に例外が発生する問題を修正、`maxContentLength`の設定を無視してリクエストを継続するDosにつながる問題を修正など。","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Release v0.18.1 · axios/axios","url":"https://github.com/axios/axios/releases/tag/v0.18.1"},{"title":"Destroy stream on exceeding maxContentLength (fixes #1098) by resure · Pull Request #1485 · axios/axios","url":"https://github.com/axios/axios/pull/1485"}]},{"date":"2019-06-02T15:01:02.729Z","title":"Announcing TypeScript 3.5 | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-3-5/","content":"TypeScript 3.5リリース。\n型チェックのパフォーマンス改善、`--incremental`ビルドのパフォーマンス改善、`Omit`ヘルパー型の追加など。\n破壊的な変更として型パラメータの型が不明な場合の型が`{}`から`unknown`へ変更など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"What's new in TypeScript · microsoft/TypeScript Wiki","url":"https://github.com/Microsoft/TypeScript/wiki/What's-new-in-TypeScript#typescript-35"},{"title":"Breaking Changes · microsoft/TypeScript Wiki","url":"https://github.com/Microsoft/TypeScript/wiki/Breaking-Changes#typescript-35"},{"title":"TypeScript v3.5.1 変更点 - Qiita","url":"https://qiita.com/vvakame/items/e7bbaff54db8fbf986bb"}]},{"date":"2019-06-02T15:03:56.823Z","title":"Release v2.8.0 · nuxt/nuxt.js","url":"https://github.com/nuxt/nuxt.js/releases/tag/v2.8.0","content":"Nuxt.js 2.8.0リリース。\nSSRログの表示を改善、ビルド中のインジケータ表示の改善など","tags":["Vue","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-06-02T15:11:56.877Z","title":"Release 2.0.0 · avajs/ava","url":"https://github.com/avajs/ava/releases/tag/v2.0.0","content":"AVA 2.0.0リリース。\nNode.js 8.9.4以降のサポート、snapshotが作られていない場合はCIで失敗するように、assertionメッセージが文字列ではない場合は例外を投げるようになるなど。\n","tags":["JavaScript","testing","node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2019-06-02T15:23:03.118Z","title":"Zdog · Round, flat, designer-friendly pseudo-3D engine for canvas and SVG","url":"https://zzz.dog/","content":"擬似的な3D描画を行うCanvas、SVGライブラリ。","tags":["SVG","canvas","library"],"relatedLinks":[]},{"date":"2019-06-03T00:40:02.981Z","title":"What's New In DevTools (Chrome 76)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2019/05/devtools","content":"Chrome 76の開発者ツールの変更点について。\nネットワークパネル設定のUIの変更、WebSocketメッセージをHARファイルとしてエクスポートできるように、合計メモリ消費量のリアルタイム表示、Background Fetchのデバッグ機能など。","tags":["Chrome","article"],"relatedLinks":[]},{"date":"2019-06-03T00:42:31.322Z","title":"atomicojs/atomico: Small library for the creation of interfaces based on web-components, only using functions and hooks.","url":"https://github.com/atomicojs/atomico","content":"Web ComponentsベースのJSXでのDOM定義とReact HooksライクなAPIを提供するライブラリ","tags":["WebComponents","library"],"relatedLinks":[]},{"date":"2019-06-03T14:55:49.085Z","title":"mholt/PapaParse: Fast and powerful CSV (delimited text) parser that gracefully handles large files and malformed input","url":"https://github.com/mholt/PapaParse","content":"CSVパーサライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2019-06-03T15:01:57.689Z","title":"Verdaccio 4 released !!! · Verdaccio","url":"https://verdaccio.org/blog/2019/05/19/15-verdaccio-4-release.html","content":"npm registryのOSS実装であるVerdaccio 4リリース。\nUIの刷新、`npm star`/`npm profile`のサポート、JWTサポート、Pluginsサポートの改善など","tags":["npm","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2019-06-04T00:12:30.960Z","title":"JSConf EU 2019 - YouTube","url":"https://www.youtube.com/playlist?list=PL37ZVnwpeshHwJPVBqEnZild7QHWhdufu","content":"JSConf EU 2019の動画まとめ","tags":["JavaScript","Conference","video"],"relatedLinks":[{"title":"JSConf EU 2019","url":"https://2019.jsconf.eu/"}]},{"date":"2019-06-04T00:20:33.707Z","title":"イメージで伝われ！図解JavaScriptの非同期処理 - メモを揉め","url":"http://memowomome.hatenablog.com/entry/js_async_viz","content":"JavaScriptの同期処理と非同期処理の動作の違い、非同期処理の実装方法や考え方について","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2019-06-05T13:21:53.103Z","title":"urql","url":"https://formidable.com/open-source/urql/","content":"React Hooksに対応したGraphQLを扱うReact向けライブラリ。\nQueryの取得状態や取得結果を使ったコンポーネントを扱える","tags":["GraphQL","React","library"],"relatedLinks":[{"title":"Urql, Grown Up","url":"https://formidable.com/open-source/urql/"}]},{"date":"2019-06-05T13:54:06.600Z","title":"Node v12.4.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v12.4.0/","content":"Node.js 12.4.0リリース。\n`import`文でJSONを読み込める` --experimental-json-modules`フラグの追加、V8 heap profilerを扱う`--heap-prof`フラグの追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2019-06-08T01:40:25.634Z","title":"実践TypeScript ~ BFFとNext.js&Nuxt.jsの型定義~ | 吉井 健文 |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/dp/483996937X/","content":"2019年6月26日発売\nTypeSctiptとNext.js、Nuxt.jsについての書籍","tags":["TypeScript","book"],"relatedLinks":[]},{"date":"2019-06-08T01:51:42.649Z","title":"Audits in Web Inspector | WebKit","url":"https://webkit.org/blog/8935/audits-in-web-inspector/","content":"Safariの開発者ツールに追加されたAudit Tabについて。\nデフォルトではアクセシビリティについてのAuditが含まれていて、自分でAuditのルールを定義して追加できるようになっている。\n例としてESLintを`*.js`に対して実行するAuditルールが挙げられている。","tags":["safari","debug","article"],"relatedLinks":[{"title":"Creating Web Inspector Audits | WebKit","url":"https://webkit.org/blog/8937/creating-web-inspector-audits/"}]},{"date":"2019-06-08T10:16:21.021Z","title":"npmfs - home","url":"https://npmfs.com/","content":"npmに公開されているパッケージのソースコードビューアサービス。\n特定のバージョンのコードを参照したり、バージョン間のDiffを見られるようになっている。","tags":["npm","webservice"],"relatedLinks":[]},{"date":"2019-06-09T10:57:51.720Z","title":"mathjs v6: a monolith turned modular - Jos de Jong","url":"https://josdejong.com/blog/2019/06/08/mathjs-v6-a-monolith-turned-modular/","content":"matchjs v6リリース。\nモジューラーなアプローチで利用できるように変更。\nグローバルな設定ではなく`create`関数で依存と設定から特定の機能を作れるように、ES moduleでimportした際にtree-shakingができるように。\nまた`number`のみをサポートしたバージョンも同梱されている。","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"mathjs/HISTORY.md at develop · josdejong/mathjs","url":"https://github.com/josdejong/mathjs/blob/develop/HISTORY.md#2019-06-08-version-600"}]},{"date":"2019-06-09T11:09:35.350Z","title":"lukeed/tinydate: A tiny (340B) reusable date formatter. Extremely fast!","url":"https://github.com/lukeed/tinydate","content":"ファイルサイズが小さなDate Formatterライブラリ。","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2019-06-09T11:13:15.128Z","title":"An introduction to the MediaRecorder API - Twilio","url":"https://www.twilio.com/blog/mediastream-recording-api","content":"MediaRecorder APIで音声の録音とダウンロードを行うチュートリアル","tags":["JavaScript","audio","tutorial","article"],"relatedLinks":[]},{"date":"2019-06-09T11:26:51.706Z","title":"ECMAScript proposal updates @ 2019-06 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2019/06/09/ecmascript-proposal-updates","content":"2019年6月のTC39ミーティングでStage変更があったECMAScript Proposalのまとめ。\nDynamic ImportがついにStage 4となった。","tags":["ECMAScript","proposal","article"],"relatedLinks":[]},{"date":"2019-06-10T12:35:48.269Z","title":"Inside Frontend #3 - YouTube","url":"https://www.youtube.com/playlist?list=PLZFhK-XSlb82hef6Sxyqcc-6e8xVTbaIE&app=desktop","content":"Inside Frontend #3 の動画一覧","tags":["HTML","CSS","JavaScript","node.js","video","Conference"],"relatedLinks":[{"title":"Inside Frontend | 2019年5月18日 Frontendカンファレンスを渋谷Abema Towersで開催","url":"https://inside-frontend.com/"}]},{"date":"2019-06-10T13:08:42.099Z","title":"Storybook 5.1","url":"https://medium.com/storybookjs/storybook-5-1-50afd02b5bbb","content":"Stroybook 5.1リリース。\nReact Nativeの再対応、A11y addonの改善、Context addonの追加、TypeScrip向けのpresetを追加など","tags":["開発環境","UI","Tools","ReleaseNote"],"relatedLinks":[{"title":"Real-time accessibility testing with Storybook","url":"https://medium.com/storybookjs/instant-accessibility-qa-linting-in-storybook-4a474b0f5347"},{"title":"Intro to Presets","url":"https://storybook.js.org/docs/presets/introduction/"}]},{"date":"2019-06-10T13:12:49.687Z","title":"Dive into IndexedDB","url":"https://flaviocopes.com/indexeddb/","content":"PromiseベースのIndexedDBラッパーである`idb`を使ったIndexedDBについてのチュートリアル。\nデータの追加、削除、マイグレーションについて","tags":["JavaScript","article"],"relatedLinks":[{"title":"jakearchibald/idb: IndexedDB, but with promises","url":"https://github.com/jakearchibald/idb"}]},{"date":"2019-06-10T13:51:22.209Z","title":"Enabling Modern JavaScript on npm","url":"https://jasonformat.com/enabling-modern-js-on-npm/","content":"npmにパッケージとして公開するモジュールについて。\nBundleツールなどの変化によって、Transpile済みのファイルのみを配布すると利用者は最適化ができない問題について。\n`package.json`の`\"main\"`、`\"module\"`、`\"unpkg\"`フィールドと配布するモジュールの形式やパッケージ作者が配布時に気をつける点。\nまたmicrobundleや`@pika/pack`などのパッケージ配布の補助ツールについてなど","tags":["JavaScript","article","npm"],"relatedLinks":[]},{"date":"2019-06-10T14:46:12.610Z","title":"Release v3.0.0 · mqttjs/MQTT.js","url":"https://github.com/mqttjs/MQTT.js/releases/tag/v3.0.0","content":"MQTT.js 3.0.0リリース。\nMQTT 5.0をサポート。","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-06-10T16:19:47.903Z","title":"CSS Grid Level 2 - subgrid is coming to Firefox - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2019/06/css-grid-level-2-subgrid-is-coming-to-firefox/","content":"CSS Grid Level 2のサブグリッドについて","tags":["CSS","article"],"relatedLinks":[]},{"date":"2019-06-12T14:12:24.245Z","title":"仕事ですぐに使えるTypeScript — 仕事ですぐに使えるTypeScript ドキュメント","url":"https://future-architect.github.io/typescript-guide/index.html","content":"TypeScriptについて学ぶためのドキュメント。\n基本的なJavaScriptの書き方、型の書き方、アプリケーションの作成についてなど","tags":["TypeScript","book","tutorial"],"relatedLinks":[{"title":"TypeScript教育用コンテンツ公開のお知らせ | Future Tech Blog - フューチャーアーキテクト","url":"https://future-architect.github.io/articles/20190612/"}]},{"date":"2019-06-13T00:46:36.517Z","title":"Release v2.5.0 · fastify/fastify","url":"https://github.com/fastify/fastify/releases/tag/v2.5.0","content":"Node.jsウェブフレームワークのfastify 2.5.0リリース。\nレスポンスタイムを取得できる`Reply#getResponseTime`の追加など","tags":["node.js","server","library"],"relatedLinks":[]},{"date":"2019-06-13T06:01:22.611Z","title":"Pika CDN - Pika","url":"https://www.pika.dev/cdn","content":"ES Moduleに対応したnpmモジュールCDNサービス。\nUA別に最適化したビルド結果のパッケージを返すことができる。","tags":["JavaScript","module","webservice"],"relatedLinks":[]},{"date":"2019-06-13T23:47:52.134Z","title":"Release v7.1.0 · reduxjs/react-redux","url":"https://github.com/reduxjs/react-redux/releases/tag/v7.1.0","content":"React-Redux 7.1.0リリース。\nReact Hooksに対応、`useSelector`の第2引数に`deps`オプションの追加など","tags":["React","redux","library","ReleaseNote"],"relatedLinks":[{"title":"Hooks · React Redux","url":"https://react-redux.js.org/next/api/hooks"}]},{"date":"2019-06-14T03:06:31.567Z","title":"Release v0.101.0 · facebook/flow","url":"https://github.com/facebook/flow/releases/tag/v0.101.0","content":"FlowType v0.101.0リリース。\ninexact object syntaxである`...`のlintに対応、関数の型パラメータのデフォルト型を指定可能になるなど","tags":["JavaScript","flowtype","ReleaseNote"],"relatedLinks":[{"title":"On the Roadmap: Exact Objects by Default – Flow – Medium","url":"https://medium.com/flow-type/on-the-roadmap-exact-objects-by-default-16b72933c5cf"},{"title":"flow - allow type parameter defaults in function declarations by tanhauhau · Pull Request #10084 · babel/babel","url":"https://github.com/babel/babel/pull/10084"}]},{"date":"2019-06-14T07:30:28.787Z","title":"Release Notes for Safari Technology Preview 85 | WebKit","url":"https://webkit.org/blog/9281/release-notes-for-safari-technology-preview-85/","content":"Safari Technology Preview 85リリース。\nPointer Eventsの対応改善、`Promise.allSettled`の実装、ES PropoaslのNumeric Separatorを実装など","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2019-06-15T10:42:09.119Z","title":"New in Chrome 75  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2019/06/nic75","content":"Chrome 75リリース。\n低遅延Canvasを利用できる`desynchronized`オプションのサポート、Web Share APIがファイルをサポート、ES ProposalのNumeric separatorのサポート。\nまた、`playsInline`のサポート、HTTPヘッダの`stale-while-revalidate`レスポンスディレティブのサポート、CSPで`script-src-attr`ディレクティブなどを追加など","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Google Developers Japan: Chrome 75: 低遅延キャンバス コンテキスト、ファイル共有、数値セパレータ","url":"https://developers-jp.googleblog.com/2019/06/chrome-75.html"}]},{"date":"2019-06-15T10:45:16.946Z","title":"How to Use the Web Share API | CSS-Tricks","url":"https://css-tricks.com/how-to-use-the-web-share-api/","content":"Web Share APIの使い方についての記事。サポートブラウザやFeature Detect、APIの使い方について。\nまたサポートしていない場合のFallbackについて","tags":["WebPlatformAPI","JavaScript","article"],"relatedLinks":[]},{"date":"2019-06-15T13:44:01.692Z","title":"tradingview/lightweight-charts: Financial lightweight charts built with HTML5 canvas","url":"https://github.com/tradingview/lightweight-charts","content":"Financial Chartライブラリ","tags":["グラフ","library"],"relatedLinks":[]},{"date":"2019-06-16T00:23:57.216Z","title":"nikersify/jay: 😎 Supercharged JavaScript REPL","url":"https://github.com/nikersify/jay","content":"`require`で外部npmモジュールの自動インストール、`require`キャッシュの破棄などの機能を含んだNode REPL。","tags":["node.js","Tools"],"relatedLinks":[]},{"date":"2019-06-16T12:59:23.263Z","title":"The modern PWA Cheat Sheet by Maximiliano Firtman | JSConf EU 2019 - YouTube","url":"https://www.youtube.com/watch?v=cybhV88KLfI","content":"PWAについての発表動画。\nライフサイクル、Web API、iOS、Web APKsやアプリとしての配布についてなど","tags":["PWA","video"],"relatedLinks":[]},{"date":"2019-06-16T13:01:58.470Z","title":"josdejong/workerpool: Offload tasks to a pool of workers on node.js and in the browser","url":"https://github.com/josdejong/workerpool","content":"ブラウザのWeb WorkerやNode.jsの`worker_threads`に対応したWorker Poolライブラリ。","tags":["node.js","JavaScript","library"],"relatedLinks":[]},{"date":"2019-06-16T13:03:16.267Z","title":"TypeScript Playground | The unofficial playground for advanced TypeScript users","url":"https://playground.type-puzzle.org/","content":"`@types/*`モジュールの型も解決できるTypeScript  Playground","tags":["TypeScript","Tools"],"relatedLinks":[{"title":"「外部パッケージの型定義もインストールし推論できるTypeScript playgroundを作った」という題で登壇してきました＋スライドの補足 | WEB EGG","url":"https://blog.leko.jp/post/introduce-the-new-typescript-playground-for-advanced-use/"}]},{"date":"2019-06-16T13:10:03.172Z","title":"The State of CSS 2019","url":"https://2019.stateofcss.com/","content":"State of CSS 2019のアンケート結果。\nFlexboxやGridなどのレイアウト、単位、Pre & Post Processors、エディタやツールなどの利用についてのアンケート結果","tags":["CSS","アンケート"],"relatedLinks":[]},{"date":"2019-06-17T01:20:45.758Z","title":"Unpacking hoisting","url":"http://2ality.com/2019/05/unpacking-hoisting.html","content":"`var`や`function`などのHoistingの動作を別の角度から解説した記事。\nES2015からはスコープのTopに移動するという説明になっているという話。","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2019-06-17T20:22:10.012Z","title":"Why we prefer CSS Custom Properties to SASS variables | CodyHouse","url":"https://codyhouse.co/blog/post/css-custom-properties-vs-sass-variables","content":"Sassの変数とCSS Custom Propertiesの役割の違いについて。\nCSS Custom Propertiesを使った場合の利点についてなど","tags":["CSS","article"],"relatedLinks":[]},{"date":"2019-06-20T00:32:57.761Z","title":"yankouskia/get-browser: 💻 Lightweight tool to identify the browser (+ mobile/desktop detection)📱","url":"https://github.com/yankouskia/get-browser/","content":"UserAgentベースのブラウザ判定ライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2019-06-20T07:18:53.010Z","title":"V8 release v7.6 · V8","url":"https://v8.dev/blog/v8-release-76","content":"V8 7.6リリース。\n`JSON.parse`、`Object.freeze`された配列のパフォーマンス改善。\nES Proposalの`Promise.allSettled`の実装、`BigInt`と`Intl.DateTimeFormat`の対応改善など","tags":["V8","ReleaseNote"],"relatedLinks":[]},{"date":"2019-06-20T12:43:21.073Z","title":"React-axe で React アプリケーションのアクセシビリティを向上させる - Mercari Engineering Blog","url":"https://tech.mercari.com/entry/2019/06/18/190000","content":"React-axeでReactアプリケーションのアクセシビリティについてをチェックすることについて。\nReact-axeで自動的にチェックできる項目とできない項目についてなど","tags":["React","article","accessibility"],"relatedLinks":[]},{"date":"2019-06-20T15:09:47.783Z","title":"The npm Blog — Protecting Package Publishers: npm Token Security...","url":"https://blog.npmjs.org/post/185680936500/protecting-package-publishers-npm-token-security","content":"GitHubにnpmのtokenが誤って公開された場合に自動的にrevokeされるようになった。","tags":["npm","Github","security"],"relatedLinks":[]},{"date":"2019-06-21T00:05:48.460Z","title":"Introducing Microsoft Edge preview builds for Windows 7, Windows 8, and Windows 8.1 - Microsoft Edge Blog","url":"https://blogs.windows.com/msedgedev/2019/06/19/introducing-microsoft-edge-preview-builds-for-windows-7-windows-8-and-windows-8-1/","content":"Chromium版MSEdgeのプレビュービルドがWindows 7、8、8.1に対応した。","tags":["MSEdge","ReleaseNote"],"relatedLinks":[]},{"date":"2019-06-21T23:45:18.299Z","title":"pirix-gh/ts-toolbelt: 👷 Higher type safety for TypeScript","url":"https://github.com/pirix-gh/ts-toolbelt","content":"TypeScriptの型ユーティリティライブラリ","tags":["TypeScript","library"],"relatedLinks":[]},{"date":"2019-06-23T01:50:51.253Z","title":"daybrush/scenejs: 🎬 Scene.js is JavaScript & CSS timeline-based animation library","url":"https://github.com/daybrush/scenejs","viaURL":"https://github.com/jser/ping/issues/145","content":"CSS Animationベースのアニメーションライブラリ","tags":["JavaScript","animation","library"],"relatedLinks":[]},{"date":"2019-06-23T11:25:16.220Z","title":"ESLint v6.0.0 released -","url":"https://eslint.org/blog/2019/06/eslint-v6.0.0-released","viaURL":"https://github.com/jser/ping/issues/145","content":"ESLint 6.0.0リリース。\n`eslint;recommended`のルール更新、プラグインの読み込み時の動作変更、不正な設定値のチェックの厳密化、正規表現をオプション値として受け付ける場合に`u`フラグをデフォルトとするように変更など","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"Migrating to v6.0.0 -","url":"https://eslint.org/docs/user-guide/migrating-to-6.0.0"},{"title":"ESLint v6.0.0 の変更点まとめ - Qiita","url":"https://qiita.com/mysticatea/items/274347ff9473b26b575a"}]},{"date":"2019-06-23T13:41:21.002Z","title":"Bringing service workers to Google Search  |  web.dev","url":"https://web.dev/google-search-sw/","viaURL":"https://github.com/jser/ping/issues/145","content":"Google検索でのService Worker利用と工夫について。\nNavigation Preloadでのオーバーヘッドの対応、SWのScopeの問題とルーティング、SWでクッキーが扱えない問題の対応、ユーザー毎にSWスクリプトの動的作成。\nSWスクリプトの`Cache-Control`の設定、アプリに合わせたSWの設定についてなど\n","tags":["JavaScript","ServiceWorker","article"],"relatedLinks":[]},{"date":"2019-06-24T12:03:30.940Z","title":"Array.prototype.flat and Array.prototype.flatMap · V8","url":"https://v8.dev/features/array-flat-flatmap","content":"ES2019で入る予定のArray#flatとArray#flatMapの使い方について","tags":["JavaScript","ECMAScript","article"],"relatedLinks":[]},{"date":"2019-06-24T12:43:09.801Z","title":"microsoft/just: The task library that just works","url":"https://github.com/microsoft/just","content":"Task Runner/Build library。\n`just-task`ではgulpのようにタスクを定義して実行できる。`just-scripts`というTypeScript/Jest/webpackなどを簡単に扱えるビルドライブラリが用意されている。","tags":["JavaScript","Tools"],"relatedLinks":[{"title":"Just ____ · The task library that just works","url":"https://microsoft.github.io/just/"}]},{"date":"2019-06-24T22:41:58.287Z","title":"[Release News] TOAST UI Grid 4.0 is Finally Here! - TOAST UI - Medium","url":"https://medium.com/@toastui/release-news-toast-ui-grid-4-0-is-finally-here-585934ddf091","content":"Preactを使ったグリッドUIライブラリのTOASTUI Grid 4.0リリース。\nファイルサイズの削減、TypeScriptに書き換え、Column Virtual Scrollの対応など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"nhn/tui.grid: 🍞🔡 The Powerful Component to Display and Edit Data. Experience the Ultimate Data Transformer!","url":"https://github.com/nhn/tui.grid#features"}]},{"date":"2019-06-25T00:40:18.637Z","title":"rfcs/0000-function-api.md at function-apis · vuejs/rfcs","url":"https://github.com/vuejs/rfcs/blob/function-apis/active-rfcs/0000-function-api.md","content":"VueにReact HooksのようなFunction-basedコンポーネントを導入するRFCが公開された。\nVue 2.x、3.xを対象に後方互換性を保った新しい機能として追加するProposal。","tags":["Vue","proposal","issue"],"relatedLinks":[{"title":"Function-based Component API by yyx990803 · Pull Request #42 · vuejs/rfcs","url":"https://github.com/vuejs/rfcs/pull/42"},{"title":"Function-based component API (extended discussion) · Issue #55 · vuejs/rfcs","url":"https://github.com/vuejs/rfcs/issues/55"}]},{"date":"2019-06-27T11:36:38.835Z","title":"The Secret of Good Electron Apps","url":"https://jlongster.com/secret-of-good-electron-apps","content":"Electronアプリのパターンについての記事。\nメモリの消費を抑えるために、バックグラウンドサーバを作り必要なデータを都度読み込んで返すようにする。\nまた開発時はバックグラウンドサーバの代わりに別のウィンドウを使うことでデバッグがしやすくなることについてなど","tags":["Electron","article","debug"],"relatedLinks":[{"title":"jlongster/electron-with-server-example: An example Electron app with a backend server all wired up via IPC","url":"https://github.com/jlongster/electron-with-server-example"}]},{"date":"2019-06-27T13:48:27.938Z","title":"The Layout Instability API  |  web.dev","url":"https://web.dev/layout-instability-api","content":"Chrome 74で試験的に実装されているレイアウトの意図しない変化を監視するLayout Instability APIについて。\nロード後に非同期なタイミングで要素の位置が変化するといった現象を検知できるAPI","tags":["Chrome","WebPlatformAPI","article"],"relatedLinks":[{"title":"WICG/layout-instability: A proposal for a Layout Instability specification","url":"https://github.com/WICG/layout-instability"}]},{"date":"2019-06-27T14:18:30.610Z","title":"Release: npm@6.9.1 - 📣 announcements - npm forum","url":"https://npm.community/t/release-npm-6-9-1/8435","content":"npm 6.9.1リリース。\n`npm token create`のバグ修正、`npm --global outdated`が動かない問題の修正など","tags":["npm","ReleaseNote"],"relatedLinks":[]},{"date":"2019-06-29T05:51:54.271Z","title":"mixer/webpack-bundle-compare: A tool for comparing webpack bundle stats","url":"https://github.com/mixer/webpack-bundle-compare","content":"webpackのbundleファイルを分析するツール。\nwebpack pluginとしてstatsファイルを出力し、それを読みんで分析結果を表示するDashboardツール","tags":["webpack","Tools"],"relatedLinks":[]},{"date":"2019-06-29T06:25:10.843Z","title":"Node v12.5.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v12.5.0/","content":"Node.js 12.5.0リリース。\nV8スナップショットをデフォルトで有効化し起動時間の削減、V8とOpenSSLのアップデート、`worker.terminate()`がPromiseを返すように変更など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2019-06-30T06:07:42.057Z","title":"Hello Darkness, My Old Friend  |  web.dev","url":"https://web.dev/prefers-color-scheme","content":"Dark Modeについての記事。\nアクセシビリティツールとしての効果、バッテリー消費を削減する事があることについて。\nまたOSでのDark Modeの設定方法、ウェブサイド側のMedia Queryを使った判定や`prefers-color-scheme`でのDark Mode","tags":["Chrome","browser","article"],"relatedLinks":[]},{"date":"2019-06-30T06:22:26.455Z","title":"Release Notes for Safari Technology Preview 86 | WebKit","url":"https://webkit.org/blog/9375/release-notes-for-safari-technology-preview-86/","content":"Safari Technology Preview 86リリース。\n`String.prototype.matchAll`のサポート、CSSの`tab-size`プロパティのサポート、Web Shading Language(WHLSL)の試験的実装など","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"Web High Level Shading Language | WebKit","url":"https://webkit.org/blog/8482/web-high-level-shading-language/"}]},{"date":"2019-06-30T14:57:32.140Z","title":"Analysis of an Exploited NPM Package || Jarrod Overson - YouTube","url":"https://www.youtube.com/watch?v=2cyib2MgvdM","content":"`event-stream@3.3.6`と`flatmap-stream`などnpmパッケージに悪意あるコードが含まれていた事件についての解説をしてる発表動画。\nどのような攻撃コードが含まれていたのかや時系列、影響範囲などについて","tags":["npm","node.js","video"],"relatedLinks":[{"title":"event-stream vulnerability explained - Zach Schneider","url":"https://schneider.dev/blog/event-stream-vulnerability-explained/"},{"title":"The npm Blog — Details about the event-stream incident","url":"https://blog.npmjs.org/post/180565383195/details-about-the-event-stream-incident"}]},{"date":"2019-07-03T13:56:46.447Z","title":"Ecma latest news","url":"https://www.ecma-international.org/news/index.html","content":"ECMAScript 2019リリース。\nECMAScript 2019がEcma総会で承認された。","tags":["ECMAScript","news"],"relatedLinks":[{"title":"Standard ECMA-262","url":"https://www.ecma-international.org/publications/standards/Ecma-262.htm"}]},{"date":"2019-07-01T15:05:59.773Z","title":"Object.fromEntries · V8","url":"https://v8.dev/features/object-fromentries","content":"ES2019で入った`Object.fromEntries`についての解説。\nIterableからObjectを作成して返すAPI。\nMapとObject間のやり取りに利用できる","tags":["ECMAScript","article","JavaScript"],"relatedLinks":[]},{"date":"2019-07-03T02:42:56.900Z","title":"The cost of JavaScript in 2019 · V8","url":"https://v8.dev/blog/cost-of-javascript-2019","content":"V8におけるJavaScriptのパースコストについての記事。\nMain ThreadとWorker Thread、JSONのパースコストについてなど","tags":["JavaScript","article","performance"],"relatedLinks":[]},{"date":"2019-07-03T10:31:17.194Z","title":"Yarn support for security alerts - The GitHub Blog","url":"https://github.blog/2019-07-02-yarn-support-for-security-alerts/","content":"GitHub Security Alertがyarn.lockをサポート","tags":["Github","security","news","yarn"],"relatedLinks":[]},{"date":"2019-07-03T14:33:13.503Z","title":"AbemaTVにおけるCSS is too fragile問題に対する解 / Solution of \"CSS is too fragile\" by AbemaTV - Speaker Deck","url":"https://speakerdeck.com/kubosho/solution-of-css-is-too-fragile-by-abematv","content":"CSS Modulesにおいてディレクトリ変更で問題が発生したケースについてのスライド。\n読み込み順を明示的定義する方法に変更することで、読み込み順によってスタイルが変わってしまう問題を解決する話","tags":["CSS","slide"],"relatedLinks":[]},{"date":"2019-07-04T00:49:51.489Z","title":"adobe/ferrum: Features from the rust language in javascript: Provides Traits/Type classes & an advanced library for working with sequences/iterators in js","url":"https://github.com/adobe/ferrum","content":"オブジェクトのIteratate、\nSymbolをつかったRustインスパイアなTraits/Typeclassesなどを提供するライブラリ","tags":["JavaScript","library","Rust"],"relatedLinks":[]},{"date":"2019-07-04T00:56:39.358Z","title":"Reinventing Firefox for Android: a Preview - Future Releases","url":"https://blog.mozilla.org/futurereleases/2019/06/27/reinventing-firefox-for-android-a-preview/","content":"GeckoViewを搭載したAndroid向けのFirefox Previewが公開された。\nFirefox for Androidに比べてパフォーマンスの改善、Tracking Protectionがデフォルトで有効といった違いがある。","tags":["Firefox","Android","article"],"relatedLinks":[{"title":"GeckoView in 2019 - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2019/06/geckoview-in-2019/"}]},{"date":"2019-07-06T04:49:02.395Z","title":"Release v7.5.0 · babel/babel","url":"https://github.com/babel/babel/releases/tag/v7.5.0","content":"Babel 7.5.0リリース。\ndynamic importのサポートを`@babel/preset-env`に追加、\n`babel-plugin-transform-typescript`がnamespaceをサポートなど","tags":["babel","ReleaseNote"],"relatedLinks":[{"title":"7.5.0 Released: dynamic import and F# pipelines · Babel","url":"https://babeljs.io/blog/2019/07/03/7.5.0"}]},{"date":"2019-07-09T03:26:53.446Z","title":"frenic/csstype: Strict TypeScript and Flow types for style based on MDN data","url":"https://github.com/frenic/csstype","content":"MDNのデータをつかいCSSプロパティのTypeScript型定義を生成したライブラリ","tags":["TypeScript","CSS","library"],"relatedLinks":[]},{"date":"2019-07-06T03:23:24.990Z","title":"tilk/digitaljs: Teaching-focused digital circuit simulator","url":"https://github.com/tilk/digitaljs","content":"ブラウザで動作する教育用の電子回路シミュレータ","tags":["JavaScript","Tools"],"relatedLinks":[]},{"date":"2019-07-06T12:21:04.384Z","title":"Release 0.7.0 · markedjs/marked","url":"https://github.com/markedjs/marked/releases/tag/v0.7.0","content":"marked 0.7.0リリース。\nXSS脆弱性を修正、`sanitize`と`sanitizer`オプションを非推奨化しDOMPurifyなどの外部ライブラリの利用を推奨するように変更。\nTableサポートをGFMオプションに移動など","tags":["JavaScript","Markdown","security","ReleaseNote"],"relatedLinks":[]},{"date":"2019-07-07T14:20:13.372Z","title":"Automatically detect memory leaks with Puppeteer - Article by Christoph Guttandin - Media Codings","url":"https://media-codings.com/articles/automatically-detect-memory-leaks-with-puppeteer","content":"Puppeteerを使ってウェブページのメモリリークテストを書く方法について。\n`page.queryObjects`を使って処理前後のHeapにあるオブジェクトの数を比較することでテストする方法について","tags":["JavaScript","browser","testing"],"relatedLinks":[{"title":"page.evaluateHandle(pageFunction[, ...args])","url":"https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#pageevaluatehandlepagefunction-args"},{"title":"page.queryObjects(prototypeHandle)","url":"https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#pagequeryobjectsprototypehandle"},{"title":"standardized-audio-context/memory.js at master · chrisguttandin/standardized-audio-context","url":"https://github.com/chrisguttandin/standardized-audio-context/blob/master/test/integration/memory.js"}]},{"date":"2019-07-07T14:32:33.925Z","title":"Announcing React Native 0.60 · React Native","url":"https://facebook.github.io/react-native/blog/2019/07/03/version-60","content":"React Native 0.60リリース。\nアクセシビリティの改善、スタート画面の変更、AndroidXのサポート、CocoaPodsの対応改善、コアからコミュニティに移動した`NetInfo`、`WebView`、`Geolocation`を削除など","tags":["React","iOS","Android","ReleaseNote"],"relatedLinks":[{"title":"releases/CHANGELOG.md at master · react-native-community/releases","url":"https://github.com/react-native-community/releases/blob/master/CHANGELOG.md#060"}]},{"date":"2019-07-07T14:58:05.861Z","title":"jsdoctypeparser/jsdoctypeparser: Parser module for JsDoc or Closure Compiler format type-annotation.","url":"https://github.com/jsdoctypeparser/jsdoctypeparser","content":"JSDocパーサライブラリ。\nClosure Compiler形式、TypeScript形式などに対応していていて、JSDOcをパースしてASTを出力する。","tags":["JavaScript","JSDoc","library"],"relatedLinks":[]},{"date":"2019-07-07T15:04:51.898Z","title":"Request.destinationでリソースの種類別にキャッシュ戦略 | フロントエンドBlog | ミツエーリンクス","url":"https://www.mitsue.co.jp/knowledge/blog/frontend/201907/05_0944.html","content":"Fetch APIの`Request.destination`について。\nService Workerで取得先のリソースの種類に応じたキャッシュの切り分けなどについて","tags":["Fetch","article"],"relatedLinks":[]},{"date":"2019-07-08T12:05:09.500Z","title":"Blog - Next.js 9 | Next.js","url":"https://nextjs.org/blog/next-9","content":"Next.js 9リリース。\nTypeScriptのビルトインサポート、Next.jsのコアをTypeScriptで書き直し、Dynamically Routingのサポート、`api/`でAPI Routesのサポート。\nまた、ページごとのconfigをサポート、ビルドの最適化など","tags":["React","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-07-08T12:29:50.917Z","title":"Using Slots In Vue.js — Smashing Magazine","url":"https://www.smashingmagazine.com/2019/07/using-slots-vue-js/","content":"VueのSlotについての記事。\n`<slot>`の使い方、`v-slot`ディレクトティブ、Scoped Slotについて。\nまた再利用可能なコンポーネントの書き方についてなど","tags":["Vue","article"],"relatedLinks":[]},{"date":"2019-07-08T15:12:22.333Z","title":"Fetch API: Building a Fetch Polyfill From Scratch (For Fun and Promise)","url":"https://www.valentinog.com/blog/fetch-api/","content":"Fetch APIの簡単なPolyfillを書きながら、Fetch APIとPromiseについて学ぶ記事。","tags":["Fetch","article"],"relatedLinks":[]},{"date":"2019-07-08T15:22:11.861Z","title":"greggman/twgl.js: A Tiny WebGL helper Library","url":"https://github.com/greggman/twgl.js","content":"WebGLヘルパーライブラリ","tags":["WebGL","JavaScript","library"],"relatedLinks":[]},{"date":"2019-07-08T15:30:46.346Z","title":"Node v12.6.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v12.6.0/","content":"Node.js 12.6.0リリース。\n`child_process.exec`/`execFile`の返すPromiseオブジェクトが`child`プロパティを持つように、`process.resourceUsage()`の追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2019-07-09T03:23:05.845Z","title":"CSS Custom Properties In The Cascade — Smashing Magazine","url":"https://www.smashingmagazine.com/2019/07/css-custom-properties-cascade/","content":"CSS Custom Propertiesについての記事。\nコンポーネント側の変数の定義とカスケーディング、コンポーネントとCSS Custom Propertiesなど応用的な内容","tags":["CSS","article"],"relatedLinks":[]},{"date":"2019-07-10T11:42:20.842Z","title":"WebDriver is Coming to Safari in iOS 13 | WebKit","url":"https://webkit.org/blog/9395/webdriver-is-coming-to-safari-in-ios-13/","content":"iOS 13でSafariにWebDriverサポートが追加されたことについて。\niOS SafariでのWebDriver対応について","tags":["safari","webdriver","article"],"relatedLinks":[]},{"date":"2019-07-10T13:49:40.031Z","title":"Firefox 68.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/68.0/releasenotes/","content":"Firefox 68.0リリース。\nFirefox ESRとなるバージョン。\n開発者ツールのネットワークパネルで特定のURLをブロックできるように、Android版でVisual Viewport APIの有効化、CSS Scroll Snapの仕様追従など","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 68: BigInts, Contrast Checks, and the QuantumBar - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2019/07/firefox-68-bigints-contrast-checks-and-the-quantumbar/"},{"title":"Firefox 68 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/68"}]},{"date":"2019-07-14T05:09:34.355Z","title":"Snyk research team discovers severe prototype pollution security vulnerabilities affecting all versions of lodash | Snyk","url":"https://snyk.io/blog/snyk-research-team-discovers-severe-prototype-pollution-security-vulnerabilities-affecting-all-versions-of-lodash/","content":"lodash 4.17.12で修正されたPrototype Pollutionの脆弱性についての解説。","tags":["JavaScript","library","security","article"],"relatedLinks":[{"title":"Node.jsにおけるプロトタイプ汚染攻撃とは何か - ぼちぼち日記","url":"https://jovi0608.hatenablog.com/entry/2018/10/19/083725"},{"title":"Changelog · lodash/lodash Wiki","url":"https://github.com/lodash/lodash/wiki/Changelog#v41712"}]},{"date":"2019-07-14T05:34:37.065Z","title":"Release Notes for Safari Technology Preview 87 | WebKit","url":"https://webkit.org/blog/9414/release-notes-for-safari-technology-preview-87/","content":"Safari Technology Preview 87リリース。\n`console.countReset`、`console.timeLog`の実装など","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2019-07-14T14:34:01.342Z","title":"Web Components update: more time to upgrade to v1 APIs  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2019/07/web-components-time-to-upgrade","content":"ChromeのWeb Components v0 APIの廃止のスケジュールについて。\nChrome 80で削除予定、コマンドラインフラグでのテスト方法、Polyfillについてなど","tags":["WebComponents","article"],"relatedLinks":[]},{"date":"2019-07-14T15:01:14.353Z","title":"EasyGraphQL","url":"https://easygraphql.com/","content":"GraphQLツールキット。\nGraphQLのパーサ、モック、テストツール、トレーシングライブラリなど。\nまたFirebaseやnowでGraphQLサーバを動かすツールなどを公開している。","tags":["GraphQL","library"],"relatedLinks":[]},{"date":"2019-07-15T02:45:18.850Z","title":"paulrosen/abcjs: javascript for rendering abc music notation","url":"https://github.com/paulrosen/abcjs","content":"ブラウザで楽譜をレンダリングするライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2019-07-15T03:11:19.971Z","title":"facebook/hermes: Hermes is a small and lightweight JavaScript engine optimized for running React Native on Android.","url":"https://github.com/facebook/hermes","content":"React NativeのAndroid向けのJavaScriptエンジン。\nJavaScriptをレジスターベースのバイトコードにコンパイルし、モバイルでも高速に実行することが目的。","tags":["JavaScript","Android","React"],"relatedLinks":[]},{"date":"2019-07-15T03:28:10.334Z","title":"QuickJS Javascript Engine","url":"https://bellard.org/quickjs/","content":"ES2019の仕様を実装したJavaScriptエンジン。\nCで実装されていて、外部依存を持たない。","tags":["JavaScript","software","C言語"],"relatedLinks":[]},{"date":"2019-07-15T05:26:45.415Z","title":"Yomguithereal's Shenanigans - Implementing an efficient LRU cache in JavaScript","url":"https://yomguithereal.github.io/posts/lru-cache","content":"JavaScriptでのLRUの実装について。\nDouble Linked Listの仕組み、Mapを使った実装。\nLRUの更新コストの大部分は削除にあることなどについて","tags":["JavaScript","article","algorithm"],"relatedLinks":[]},{"date":"2019-07-15T05:27:50.649Z","title":"Release v1.0.0 · quasarframework/quasar","url":"https://github.com/quasarframework/quasar/releases/tag/v1.0.0","content":"Vueを使ったUIフレームワークのQuasar 1.0.0リリース。","tags":["Vue","UI","library"],"relatedLinks":[{"title":"Quasar 1.0","url":"https://medium.com/quasar-framework/quasar-1-0-4bc696d60c1b"}]},{"date":"2019-07-15T14:34:27.807Z","title":"Normalize CSS or CSS Reset?! - Elad Shechter - Medium","url":"https://medium.com/@elad/normalize-css-or-css-reset-9d75175c5d1e","content":"CSSのアーキテクチャに関する連載記事。\nCSS ResetとNormalizeのアプローチの比較、ファイル構成、複数サイト向けのレイヤー構成についてなど","tags":["CSS","article"],"relatedLinks":[]},{"date":"2019-07-15T14:37:31.185Z","title":"lesnitsky/webgl-month: 🎓 Daily WebGL tutorials","url":"https://github.com/lesnitsky/webgl-month","content":"WebGLチュートリアル","tags":["WebGL","tutorial","article"],"relatedLinks":[]},{"date":"2019-07-16T00:06:01.350Z","title":"How Google Pagespeed works: Improve Your Score and Search Engine Ranking","url":"https://calibreapp.com/blog/how-pagespeed-works/","content":"GoogleのPageSpeed Insights(PSI) 5.0について。\nPSI 5.0のスコアはLighthouseと同じになったことやLighthouseのスコア計算の仕組み、TTIの影響についてなど","tags":["google","performance","browser","article"],"relatedLinks":[{"title":"Release Notes  |  PageSpeed Insights  |  Google Developers","url":"https://developers.google.com/speed/docs/insights/release_notes"}]},{"date":"2019-07-23T00:48:54.560Z","title":"laverdet/isolated-vm: Secure & isolated JS environments for nodejs","url":"https://github.com/laverdet/isolated-vm","viaURL":"https://github.com/jser/ping/issues/149","content":"V8 Isolateを使ってNode.jsからJavaScriptを隔離した環境で実行するライブラリ","tags":["node.js","library","V8","JavaScript"],"relatedLinks":[]},{"date":"2019-07-18T11:32:03.207Z","title":"Ember.js - Ember 3.11 Released","url":"https://blog.emberjs.com/2019/07/15/ember-3-11-released.html","content":"Ember 3.11リリース。\n`...attributes`構文のサポート、`{{fn}}` helper、`{{on}}` modifierの追加。\n`Function.prototype.observes`の非推奨化など","tags":["JavaScript","ReleaseNote"],"relatedLinks":[]},{"date":"2019-07-18T11:42:27.629Z","title":"Use React.memo() wisely","url":"https://dmitripavlutin.com/use-react-memo-wisely/","content":"`React.memo()`の役割と使い方について","tags":["React","performance","article"],"relatedLinks":[]},{"date":"2019-07-18T11:49:49.197Z","title":"Recommended security update | Yarn Blog","url":"https://yarnpkg.com/blog/2019/07/12/recommended-security-update/","content":"Yarn 1.17.3リリース。\n`*.yarnpkg.com`、`*.npmjs.org`, `*.npmjs.com`のレジストリに対する通信は自動的にhttpsで通信するようにする修正","tags":["yarn","ReleaseNote","security"],"relatedLinks":[]},{"date":"2019-07-20T14:01:58.107Z","title":"Announcing TypeScript 3.6 Beta | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-3-6-beta/","content":"TypeScript 3.6 ベータリリース。\nGenerator/Iteratorの型改善、 Array Spreadの変換の改善、Promiseの`await`忘れなどのエラー表示改善など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2019-07-21T07:20:21.852Z","title":"Google deprecates XSS Auditor for Chrome | The Daily Swig","url":"https://portswigger.net/daily-swig/google-deprecates-xss-auditor-for-chrome","content":"MSEdgeに続いてChromeのXSS Auditorも非推奨となることについて。","tags":["Chrome","XSS","article"],"relatedLinks":[]},{"date":"2019-07-22T00:09:26.765Z","title":"zerobias/effector: The state manager ☄️","url":"https://github.com/zerobias/effector","content":"ステート管理ライブラリ。\nEventsやEffectsを使い、StoreのStateを更新という一連の流れの名前空間を管理するDomainのAPIを提供しています。\nVueやReactなどUIフレームワーク向けのアダプターも提供しています。","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2019-07-22T12:48:03.259Z","title":"IntrinsicLabs/osgood: Osgood is a secure, fast, and simple platform for running JavaScript HTTP servers.","url":"https://github.com/IntrinsicLabs/osgood","content":"Rustで書かれたV8ベースのHTTPサーバ。ルーティングのハンドラはWorkerとして実行され、リクエストに対するレスポンスを返す","tags":["V8","server","Rust"],"relatedLinks":[{"title":"Introducing Osgood - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/tlhunter/introducing-osgood-4k1m"}]},{"date":"2019-07-22T12:53:23.365Z","title":"ES proposal: private class fields","url":"https://2ality.com/2019/07/private-class-fields.html","content":"ECMAScript Proposalのprivate class fieldsについて","tags":["ECMAScript","proposal","article"],"relatedLinks":[]},{"date":"2019-07-22T13:25:33.291Z","title":"Is postMessage slow? — DasSur.ma","url":"https://dassur.ma/things/is-postmessage-slow/","content":"`postMessage`のパフォーマンスについての記事。Structured Clone algorithmとJSONシリアライズでのパフォーマンス比較。\nImmerJSを使った送信するオブジェクトの最小化、ArrayBufferのtransferableなバイナリフォーマットのパフォーマンス。\n100kbまではオブジェクト、それ以上のサイズならバイナリを検討することについて。","tags":["JavaScript","browser","performance","article"],"relatedLinks":[]},{"date":"2019-07-22T13:46:19.470Z","title":"gajus/lightship: Abstracts readiness/ liveness checks and graceful shutdown of Node.js services running in Kubernetes.","url":"https://github.com/gajus/lightship","content":"Kubernetesのヘルスチェックなどに対する抽象層を提供するNode.jsライブラリ","tags":["Kubernetes","node.js"],"relatedLinks":[]},{"date":"2019-07-22T14:10:01.337Z","title":"Datadog と Lighthouse を利用した WebPerf の継続的計測 | mediba Creator × Engineer Blog","url":"https://ceblog.mediba.jp/post/186341145447/webperf-measuring-with-lighthouse-and-datadog","viaURL":"https://github.com/jser/ping/issues/149","content":"Lighthouseで計測した値をDatadogに保存してメトリクスの可視化を行う方法について","tags":["browser","performance","article"],"relatedLinks":[]},{"date":"2019-07-22T23:29:49.238Z","title":"ehmicky/test-each: 🤖 Repeat tests. Repeat tests. Repeat tests.","url":"https://github.com/ehmicky/test-each","viaURL":"https://github.com/jser/ping/issues/149","content":"Data Driven Testingを行うためのヘルパーライブラリ。\nデータからテストケースを作成するためのイテレートやSeed値を元にしたランダムな値を生成してテストできる","tags":["JavaScript","library","testing"],"relatedLinks":[]},{"date":"2019-07-22T23:49:07.108Z","title":"Weak references and finalizers · V8","url":"https://v8.dev/features/weak-references","viaURL":"https://github.com/jser/ping/issues/149","content":"`WeakMap`、`WeakSet`のweakの動作について。\nまたECMAScript Proposalである`WeakRef`と`FinalizationGroup`について。","tags":["JavaScript","ECMAScript","proposal","article"],"relatedLinks":[{"title":"tc39/proposal-weakrefs: WeakRefs","url":"https://github.com/tc39/proposal-weakrefs"}]},{"date":"2019-07-23T01:03:02.061Z","title":"Introduction - Content Security Policy","url":"https://csp.withgoogle.com/docs/index.html","viaURL":"https://github.com/jser/ping/issues/149","content":"CSP(Content Security Policy)についての解説サイト。\nCSPとはどのようにXSSを防ぐのか、使う理由/使わない理由、CSPの設定、FAQなどが書かれている","tags":["CSP","security","browser","XSS"],"relatedLinks":[]},{"date":"2019-07-23T01:09:52.812Z","title":"Node.js 12: The future of server-side JavaScript - LogRocket Blog","url":"https://blog.logrocket.com/node-js-12/","viaURL":"https://github.com/jser/ping/issues/149","content":"Node.js 12の主な変更点について。\nV8の更新によるパフォーマンス改善、TLS 1.3の対応、ヒープサイズがメモリサイズによって決まるように、HTTPパーサの改善、Diagnostic reportsやheap dumpの同梱など。\nまた`worker_thread`のexperimentalフラグが外れ、試験的な機能としてES modulesの対応など","tags":["node.js","article"],"relatedLinks":[]},{"date":"2019-07-25T10:59:51.041Z","title":"What's New In DevTools (Chrome 77)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2019/07/devtools","content":"Chrome 77の開発者ツールの更新点について。\n要素のスタイルをコピーできるよう、Layout Instabilityの可視化、Lighthouse 5.1へのアップデート、ネットワークパネルにPrefetch cacheの表示が出るように。\nまた、Push通知などがApplicationパネルで確認できるようになるなど","tags":["Chrome","debug","article"],"relatedLinks":[]},{"date":"2019-07-25T11:10:17.506Z","title":"Release v2.0.1 · MithrilJS/mithril.js","url":"https://github.com/MithrilJS/mithril.js/releases/tag/v2.0.1","content":"mithril.js 2.0リリース。\n破壊的変更として`m.redraw()`がデフォルトで非同期となり`m.redraw.sync()`の追加、`m.withAttr`の削除など。\nまた、`m.request`が`timeout`や`responseType`のサポート、IE10以下のサポート終了など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-07-25T16:14:32.650Z","title":"入門Node.jsプログラミング（JonathanWexler 吉川邦夫 吉川邦夫）｜翔泳社の本","url":"https://www.shoeisha.co.jp/book/detail/9784798158624","content":"2019年09月25日発売\nGet Programming with Node.jsの翻訳本。\nES2015をベースにしたNode.js入門本","tags":["node.js","book","JavaScript","translate"],"relatedLinks":[]},{"date":"2019-07-26T13:48:28.208Z","title":"cube-js/cube.js: 📊 Cube.js - Open Source Analytics Framework","url":"https://github.com/cube-js/cube.js","content":"Analyticsフレームワーク。\n分析データを保存、解析するためのバックエンドと分析したデータをグラフ表示、検索するためのフロントエンドを持つフレームワーク。\nデータベースはMySQL、Postgres、BigQuery、redshiftなどの各種データベースに対応している。","tags":["JavaScript","データベース","library"],"relatedLinks":[]},{"date":"2019-07-26T13:59:35.821Z","title":"Node v12.7.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v12.7.0/","content":"Node v12.7.0リリース。\nnpm 6.10.0へアップデート、`pkg-exports` Proposalの試験的サポート、Policyのチェックを行う`--policy-integrity=sri`オプションの追加。\nまた、DockerのMemory制限(linux cgroupsでの設定)を正しく取得するように修正など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2019-07-26T21:51:03.307Z","title":"Understanding service worker life cycle - Vipul Nema - Medium","url":"https://medium.com/@vipulnema2610/understanding-service-worker-life-cycle-b6580aa4eb50","content":"Service Workerのライフサイクルの解説","tags":["ServiceWorker","article"],"relatedLinks":[]},{"date":"2019-07-26T22:08:51.957Z","title":"Release v5.2.0 · GoogleChrome/lighthouse","url":"https://github.com/GoogleChrome/lighthouse/releases/tag/v5.2.0","content":"Lighthouse 5.2.0リリース。\nChrome 77に搭載予定。サードパーティスクリプトのパフォーマンスへの影響を表示できるように、メインスレッドの合計ブロック時間の計測など","tags":["Chrome","performance","ReleaseNote"],"relatedLinks":[{"title":"patrickhulce/third-party-web: Data on third party entities and their impact on the web.","url":"https://github.com/patrickhulce/third-party-web"}]},{"date":"2019-07-26T22:42:44.633Z","title":"Keeping things fresh with stale-while-revalidate  |  web.dev","url":"https://web.dev/stale-while-revalidate/","content":"Chrome 75とFirefox 68でサポートされた`stale-while-revalidate` HTTPヘッダサポートについて。\n一定時間はキャッシュを利用するが、同時にバックグラウンドでキャッシュを更新する。\n`Cache-Control: max-age=1, stale-while-revalidate=59`の挙動解説やユースケースなどについて","tags":["browser","HTTP","article","performance"],"relatedLinks":[]},{"date":"2019-07-26T23:36:23.878Z","title":"Modern Script Loading","url":"https://jasonformat.com/modern-script-loading/","content":"scirpt要素でES Moduleに対応したモダンビルドとlagacyビルドの読み分けについて。","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2019-07-29T23:54:44.122Z","title":"ScrapboxでのServiceWorkerとCacheの活用 - daiiz","url":"https://scrapbox.io/daiiz/Scrapbox%E3%81%A7%E3%81%AEServiceWorker%E3%81%A8Cache%E3%81%AE%E6%B4%BB%E7%94%A8","content":"Service Workerを使ったキャッシュ戦略についてのスライド。\n`request.destination`を使ったリクエスト判定、Quotaの容量と使用量、`X-Serviceworker-Cache`のレスポンスヘッダでのキャッシュ判定、キャッシュの更新についてなど","tags":["ServiceWorker","slide","browser","JavaScript"],"relatedLinks":[]},{"date":"2019-07-26T23:43:27.866Z","title":"The npm Blog — Monorepos and npm","url":"https://blog.npmjs.org/post/186494959890/monorepos-and-npm","content":"npmを使ったmonorepoについて。\nlernaを使ったmonorepoの管理について紹介されている","tags":["npm","article"],"relatedLinks":[{"title":"lerna/lerna: A tool for managing JavaScript projects with multiple packages.","url":"https://github.com/lerna/lerna"}]},{"date":"2019-07-26T23:45:10.602Z","title":"Release v4.38.0 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v4.38.0","content":"webpack v4.38.0 リリース。\nProgressPluginのパフォーマンス改善、chunk graphを生成時に親子関係を追跡することでインクリメントビルド時のchunk生成パフォーマンスを改善など","tags":["webpack","ReleaseNote"],"relatedLinks":[]},{"date":"2019-07-28T12:38:17.926Z","title":"Release v2.0.0 · vuetifyjs/vuetify","url":"https://github.com/vuetifyjs/vuetify/releases/tag/v2.0.0","content":"VueでMaterial Designを行うUIライブラリのVuetify 2.0リリース。\nMaterial Design 2に対応、新しいコンポーネントの追加など。\n1.5からのマイグレーションガイドも併せて公開されている","tags":["Vue","UI","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-07-29T14:53:28.427Z","title":"The Complete Introduction to React","url":"https://jscomplete.com/learn/complete-intro-react","content":"React初心者向けに書かれたガイド。\nReactの基本的な書き方、JSX、コンポーネント、Hooks API、ユーザー入力の扱い方、副作用の管理についてなど","tags":["React","document","tutorial"],"relatedLinks":[]},{"date":"2019-07-29T23:04:12.561Z","title":"Release electron v6.0.0 · electron/electron","url":"https://github.com/electron/electron/releases/tag/v6.0.0","content":"Electron 6.0.0リリース。\nChromium 76へのアップデート、Cookies APIでPromiseのサポート、macOSでTouch IDでの認証を行う`promptForTouchID()`の追加など。\nsandboxed renderersで非推奨となっていた`require('fs')`などでrequireできる挙動の削除など。代わりに明示的な `remote.require` を使う必要がある。","tags":["Electron","ReleaseNote"],"relatedLinks":[{"title":"Chromium Blog: Chrome 76 Beta: dark mode, payments, new PWA features and more","url":"https://blog.chromium.org/2019/06/chrome-76-beta-dark-mode-payments-new.html"}]},{"date":"2019-08-01T12:40:40.435Z","title":"New in Chrome 76  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2019/07/nic76","content":"Chrome 76リリース。\nStage 4となった`Promise.allSettled()`の実装、`Blob#text()`/`Blob#arrayBuffer()`/`Blob#stream()`の追加。\nFetch Metadataリクエストヘッダ(`Sec-Fetch-*`)の実装、フラグ付きでCookieのデフォルトが`SameSite=Lax`となる変更が入るなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Chrome Platform Status","url":"https://www.chromestatus.com/features#milestone%3D76"},{"title":"Deprecations and removals in Chrome 76  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2019/06/chrome-76-deps-rems"},{"title":"w3c/webappsec-fetch-metadata: WebAppSec has adopted sec-metadata as fetch-metadata","url":"https://github.com/w3c/webappsec-fetch-metadata"}]},{"date":"2019-08-01T12:53:09.734Z","title":"When a rewrite isn’t: rebuilding Slack on the desktop","url":"https://slack.engineering/rebuilding-slack-on-the-desktop-308d6fe94ae4","content":"Slack Desktopのアーキテクチャをどのようにリファクタリングしたかについて。\njQuery+SignalからReact+Reduxへの移行。\n既存のコードベースを維持しつつ、徐々にモダンへ移行していく戦略について。\n名前空間オブジェクトとモジュールの混在時における相互運用性。古いコードは新しいコードを直接importできず、新しいコードは古いコードを直接importできないという`legacy-interop`の概念の導入。\nMulti workspaceを意識した書き換えによってメモリ使用量の削減の効果などがあったことについてなど","tags":["slack","JavaScript","refacoring","article"],"relatedLinks":[]},{"date":"2019-08-01T13:11:06.221Z","title":"harttle/liquidjs: A shopify compatible Liquid template engine in pure JavaScript.","url":"https://github.com/harttle/liquidjs","content":"Liquid互換のテンプレートエンジンのJavaScript実装","tags":["JavaScript","library","template","TypeScript"],"relatedLinks":[]},{"date":"2019-08-02T11:54:56.203Z","title":"unshiftio/url-parse: Small footprint URL parser that works seamlessly across Node.js and browser environments.","url":"https://github.com/unshiftio/url-parse","content":"Browser、Node.js、Workerで動くURLパースライブラリ","tags":["JavaScript","library","browser","node.js"],"relatedLinks":[]},{"date":"2019-08-02T13:57:06.851Z","title":"Arkweid/lefthook: Fast and powerful Git hooks manager for any type of projects.","url":"https://github.com/Arkweid/lefthook","content":"Git Hooksをymlで管理できるツール。\nNode.jsやRubyなどパッケージマネージャーでインストールできる","tags":["git","node.js","ruby","Tools"],"relatedLinks":[]},{"date":"2019-08-06T01:50:07.669Z","title":"WebMemex/freeze-dry: Snapshots a web page to get it as a static, self-contained HTML document.","url":"https://github.com/WebMemex/freeze-dry","viaURL":"https://github.com/jser/ping/issues/154","content":"ウェブサイトのDOMとリソースのスナップショットを取るライブラリ","tags":["JavaScript","library","DOM"],"relatedLinks":[]},{"date":"2019-08-03T02:57:22.175Z","title":"daybrush/moveable: ↔️ ↕️ 🔄 Moveable! Draggable! Resizable! Scalable! Rotatable! Warpable!","url":"https://github.com/daybrush/moveable","viaURL":"https://github.com/jser/ping/issues/151","content":"要素のドラッグ、リサイズなどのイベントハンドリングを扱うライブラリ","tags":["JavaScript","library","DOM"],"relatedLinks":[]},{"date":"2019-08-03T06:49:12.998Z","title":"Release Workbox v5.0.0-alpha.0 · GoogleChrome/workbox","url":"https://github.com/GoogleChrome/workbox/releases/tag/v5.0.0-alpha.0","viaURL":"https://github.com/jser/ping/issues/151","content":"Service WorkerフレームワークのWorkbox 5αリリース。\nService WorkerのRuntimeをCDNからではなく、ローカルを生成したものを使うように。\n`injectManifest`で置換されるプレースホルダが`[]`から`self.__WB_MANIFEST`に変更など","tags":["ServiceWorker","ReleaseNote","JavaScript"],"relatedLinks":[]},{"date":"2019-08-04T07:51:35.703Z","title":"@Databases · Database libraries for Node.js that protect you from SQL Injection","url":"https://www.atdatabases.org/","content":"Tagged Template LiteralベースのSQLクエリエスケープライブラリ。\nTagged Template Literalで書いたSQL文からクエリとパラメータを分解して取り出し、その結果をデータベースエンジンにわたすことで安全なSQLエスケープを行う目的。\nPostgres、MySQL、SQLiteなどに対応してる","tags":["JavaScript","TypeScript","SQL","library","security"],"relatedLinks":[]},{"date":"2019-08-05T00:00:56.747Z","title":"kerimdzhanov/dotenv-flow: Loads environment variables from .env.[development|test|production][.local] files for Node.js® projects.","url":"https://github.com/kerimdzhanov/dotenv-flow","content":"`.env`や`.env.development`ファイルなどを環境によって読み分けるライブラリ。","tags":["node.js","library"],"relatedLinks":[]},{"date":"2019-08-05T13:59:35.490Z","title":"Release 10.0.0-rc.1 Biggus Fixus · preactjs/preact","url":"https://github.com/preactjs/preact/releases/tag/10.0.0-rc.1","content":"Preact 10.0.0 RC1リリース。\nPreact 8.xから10へのマイグレーションガイドが公開された。\nまたメンテナンスリリースとして8.5.0も公開された","tags":["React","JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Release v8.5.0 · preactjs/preact","url":"https://github.com/preactjs/preact/releases/tag/v8.5.0"}]},{"date":"2019-08-05T16:10:45.576Z","title":"プロダクト間共通の React コンポーネントライブラリを運用する話 - SmartHR Tech Blog","url":"https://tech.smarthr.jp/entry/2019/08/01/151100","viaURL":"https://github.com/jser/ping/issues/154","content":"アプリケーション間の共通UIをライブラリ化することについて。\nReact + TypeScript + Styled Componentsでの実装、Storybookでのプレビューやreg-suitでの回帰テストについてなど","tags":["React","UI","library","TypeScript","article"],"relatedLinks":[]},{"date":"2019-08-06T02:06:14.194Z","title":"Changelog for 16.9 (TODO: add date) by gaearon · Pull Request #16254 · facebook/react","url":"https://github.com/facebook/react/pull/16254","viaURL":"https://github.com/jser/ping/issues/154","content":"React 16.9 RC.0リリース。\n`<React.Profiler>`の追加、非推奨となっていた`UNSAFE_*`のライフサイクルメソッドに対する警告を表示、`<a href=\"javascript:\">`に対して警告を出すように。\nまた、DevToolsで`useState`の編集、Suspenseのトグル表示に対応、テスト用の`act`がAsync対応など","tags":["React","ReleaseNote","issue"],"relatedLinks":[{"title":"Warn for javascript: URLs in DOM sinks by sebmarkbage · Pull Request #15047 · facebook/react","url":"http://example.com/"}]},{"date":"2019-08-06T01:54:42.963Z","title":"JavaScript for impatient programmers","url":"https://exploringjs.com/impatient-js/index.html","viaURL":"https://github.com/jser/ping/issues/154","content":"Dr.AxelのJavaScript入門本","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2019-08-08T15:35:34.578Z","title":"epicmaxco/vuestic-admin: Free and Beautiful Vue.js Admin Template","url":"https://github.com/epicmaxco/vuestic-admin","content":"Vueを使った管理画面テンプレート","tags":["Vue","library"],"relatedLinks":[]},{"date":"2019-08-09T11:13:18.316Z","title":"TestCafe v1.4.0 Released | TestCafe","url":"https://devexpress.github.io/testcafe/blog/testcafe-v1-4-0-released.html","content":"TestCafe v1.4.0リリース。\nTestページに対してスクリプトファイルを追加できるようになるなど","tags":["testing","E2E","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-08-09T11:24:25.952Z","title":"クライアントサイドからサーバサイドまで破壊するテンプレートエンジンを利用した攻撃と対策","url":"https://azu.github.io/slide/2019/template-engine/template-engine-security.html","content":"テンプレートとセキュリティについてのスライド。\nテンプレートエンジンの種類、クライアントサイド/サーバサイドのテンプレートを使った脆弱性、テンプレートを機能として提供する場合の問題についてなど。\n古典的なサーバサイドレンダリングとVue等テンプレートを持つのクライアントサイドレンダリングを組み合わせたときの発生しやすい問題についてなど","tags":["JavaScript","template","security","slide","node.js"],"relatedLinks":[]},{"date":"2019-08-09T23:26:32.280Z","title":"ES proposal: `globalThis`","url":"https://2ality.com/2019/08/global-this.html","content":"ECMAScript Proposalの`globalThis`の解説。\nグローバルスコープを参照するための仕様で、`this`との動きの違い、各実行環境で`globalThis`が参照するオブジェクトについてなど。","tags":["ECMAScript","JavaScript","article"],"relatedLinks":[]},{"date":"2019-08-10T00:13:45.162Z","title":"Release Notes for Safari Technology Preview 89 | WebKit","url":"https://webkit.org/blog/9497/release-notes-for-safari-technology-preview-89/","content":"Safari Technology Preview 89リリース。\n`<script>`の`referrerpolicy`属性をサポート、`console.screenshot`で`ImageData`などをコンソールへの出力をサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2019-08-10T02:14:06.705Z","title":"React v16.9.0 and the Roadmap Update – React Blog","url":"https://reactjs.org/blog/2019/08/08/react-v16.9.0.html","content":"React 16.9.0リリース。\n`UNSAFE_*`としていたコンポーネントのライフサイクルメソッドに警告を表示、`<a href>`に`javascript:`スキームのURLを指定した場合に警告を表示するように。\nコンポーネントののテストを行う`act()`関数がAsync Functionwをサポート、`<React.Profiler>`コンポーネントの追加など","tags":["React","ReleaseNote"],"relatedLinks":[{"title":"Update on Async Rendering – React Blog","url":"https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html"}]},{"date":"2019-08-10T03:34:29.222Z","title":"Native lazy-loading for the web  |  web.dev","url":"https://web.dev/native-lazy-loading/","content":"`<img>`や`<iframe>`の`loading`属性での遅延ロードについて。\n`loading`属性のFeature Detect、Polyfill、Chrome for AndroidのLite mode(Data Saver)の対応についてなど","tags":["WebPlatformAPI","HTML","article","Chrome"],"relatedLinks":[]},{"date":"2019-08-11T12:13:41.752Z","title":"Release v3.1.0 · facebook/create-react-app","url":"https://github.com/facebook/create-react-app/releases/tag/v3.1.0","content":"create-react-app 3.1.0リリース。\nESLint 6のサポート、ESLintの設定カスタマイズの対応、`IMAGE_INLINE_SIZE_LIMIT`の環境変数対応など","tags":["React","ReleaseNote","Tools"],"relatedLinks":[]},{"date":"2019-08-12T06:49:25.355Z","title":"Pika CI/CD","url":"https://www.pika.dev/cicd/","content":"Pull Requestごとにnpmパッケージを作成できるPikaのGitHub App。\nPull Requestごとに固有のパッケージを作成してテストできる","tags":["npm","webservice","ci"],"relatedLinks":[]},{"date":"2019-08-12T11:59:56.154Z","title":"Getting More Out of Vue Async Components - Abdelrahman' Blog","url":"https://logaretm.com/blog/getting-more-out-of-vue-async-components/","content":"Vueでのコンポーネントの非同期ロードの活用方法について。\n非同期コンポーネントを使ってコンテンツに必要なコンポーネントだけをロードする方法について","tags":["Vue","article","JavaScript"],"relatedLinks":[]},{"date":"2019-08-13T00:47:28.270Z","title":"Joyee Cheung: Web APIs in Node.js Core: Past, Present, and Future","url":"https://2019.jsconf.eu/joyee-cheung/web-apis-in-nodejs-core-past-present-and-future.html","content":"Node.js CoreとWeb標準のAPIについての発表の動画と書き起こし。\nNode.js Coreに`URL`やPerformance APIなどのWeb API互換の実装がされていることや、なぜそのような互換実装が行われているのかについて。\nまた、どのように実装するものを決めているかについてなど","tags":["node.js","video","slide"],"relatedLinks":[]},{"date":"2019-08-13T00:58:53.682Z","title":"Interesting use cases for JavaScript bitwise operators - LogRocket Blog","url":"https://blog.logrocket.com/interesting-use-cases-for-javascript-bitwise-operators/","content":"JavaScriptのビット演算子について。\nビット演算を利用したフラグ管理の実装についてなど","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2019-08-13T01:00:10.460Z","title":"How to Reduce Your Vue.JS Bundle Size With Webpack - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/ratracegrad/how-to-reduce-your-vue-js-bundle-size-with-webpack-4gpf","content":"Webpackを使ったVue.jsで書いたアプリケーションのbundleサイズの最適化についての記事。\nwebpack-bundle-analyzerを使っての分析、不要なものをbundleから外すようにする方法などについて\n","tags":["webpack","Vue","performance","article"],"relatedLinks":[]},{"date":"2019-08-13T01:48:18.331Z","title":"Release v1.0.0 · webpack-contrib/style-loader","url":"https://github.com/webpack-contrib/style-loader/releases/tag/v1.0.0","content":"webpackのCSSを扱うloaderであるstyle-loader 1.0.0リリース。\n`injectType`オプションのサポート、`convertToAbsoluteUrls`や`transform`オプションの削除、`attrs`を`attributes`にリネームなど","tags":["webpack","plugin","CSS","ReleaseNote"],"relatedLinks":[]},{"date":"2019-08-14T08:43:11.632Z","title":"V8 release v7.7 · V8","url":"https://v8.dev/blog/v8-release-77","content":"V8 v7.7リリース。\nメモリ使用量の削減、WebAssemblyのバックグラウンドコンパイルの並列化の改善、`Error#stack`作成のパフォーマンス改善。\n`Intl.NumberFormat` APIのサポートなど","tags":["V8","ReleaseNote"],"relatedLinks":[]},{"date":"2019-08-15T05:03:10.599Z","title":"Release v2.0.0 · typescript-eslint/typescript-eslint","url":"https://github.com/typescript-eslint/typescript-eslint/releases/tag/v2.0.0","content":"typescript-eslint v2.0.0リリース。\nNode.js 6のサポート終了、非推奨となっていた`prefer-interface`や`no-triple-slash-reference`の削除、recommended設定の更新など","tags":["TypeScript","ESLint","ReleaseNote"],"relatedLinks":[]},{"date":"2019-08-15T13:24:14.657Z","title":"The npm Blog — npm CLI Roadmap - Summer 2019","url":"https://blog.npmjs.org/post/186983646370/npm-cli-roadmap-summer-2019","content":"npm cliのロードマップについて。\nv6では細かなバグ修正が中心、v7ではインストールのロジックを大きく変更する予定。\nv7ではyarnのようなworkspacesサポートや`peerDependencies`をインストールするように変更、resolusionsのサポート、`yarn.lock`も読めるようになる予定。\nv8ではTinkのようなnode_modulesにインストールしない仕組みを検討していく","tags":["npm","article"],"relatedLinks":[]},{"date":"2019-08-15T13:36:11.066Z","title":"Divjoy - The React Codebase Generator","url":"https://divjoy.com/","content":"CSSフレームワーク、JavaScriptフレームワーク、認証基盤、Mail、フォーム、アクセス解析を組み合わせを選択してウェブサイトのテンプレートを生成してくれるジェネレータツール。","tags":["CSS","JavaScript","Tools","webservice"],"relatedLinks":[]},{"date":"2019-08-15T13:49:40.260Z","title":"🚀 Parcel 2.0.0-alpha.1 is here! 📦 - devongovett - Medium","url":"https://medium.com/@devongovett/parcel-2-0-0-alpha-1-is-here-8b160c6e3f7e","content":"Parcel 2.0.0-alpha.1リリース。\n`.parcelrc`でプラグインのオプションを設定できるように、multiple targetsとbundle splittingのサポート。\nまたブラウザでの実行などを考えてファイルシステムの抽象レイヤーを追加など","tags":["bundler","ReleaseNote"],"relatedLinks":[]},{"date":"2019-08-15T14:15:32.658Z","title":"Nullish Coalescing と Optional Chaining | blog.jxck.io","url":"https://blog.jxck.io/entries/2019-08-14/nullish-coalescing-optional-chaining.html","content":"ECMAScript Proposal Stage 3のNullish Coalescing と Optional Chainingについての解説。","tags":["ECMAScript","JavaScript","article"],"relatedLinks":[]},{"date":"2019-08-15T15:10:28.737Z","title":"Largest Contentful Paint  |  web.dev","url":"https://web.dev/largest-contentful-paint/","content":"Chrome77で利用できるようになるLargest Contentful Paint (LCP) APIについて。Viewport内で大きなコンテンツが表示されるまでの時間を表す指標。\nPerformanceObserverやElement Timing APIを使った値の取得方法について","tags":["Chrome","performance","article"],"relatedLinks":[]},{"date":"2019-08-16T13:59:05.624Z","title":"Introducing the New React DevTools – React Blog","url":"https://reactjs.org/blog/2019/08/15/new-react-devtools.html","content":"Reactの新しい開発者ツールについての紹介とチュートリアルについて。\nReact DevTools 4.0.0では、パフォーマンスの改善、コンポーネントスタック、フィルター、レンダリング関係の可視化、Hooksサポートの改善。\nまたSuspenseのサポートや\"Why did this render?\"機能の追加など","tags":["React","article","debug"],"relatedLinks":[{"title":"React DevTools tutorial","url":"https://react-devtools-tutorial.now.sh/"},{"title":"react/CHANGELOG.md at master · facebook/react","url":"https://github.com/facebook/react/blob/master/packages/react-devtools/CHANGELOG.md#400-august-15-2019"}]},{"date":"2019-08-17T01:14:48.469Z","title":"August 2019 Security Releases | Node.js","url":"https://nodejs.org/en/blog/vulnerability/aug-2019-security-releases/","content":"HTTP/2の実装に関するDoS攻撃手法に対応するアップデートが各Node.jsバージョン向けにリリースされた","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"Node v8.16.1 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v8.16.1/"},{"title":"Node v10.16.3 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v10.16.3/"},{"title":"Node v12.8.1 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v12.8.1/"},{"title":"security-bulletins/2019-002.md at master · Netflix/security-bulletins","url":"https://github.com/Netflix/security-bulletins/blob/master/advisories/third-party/2019-002.md"},{"title":"JVNVU#98433488: HTTP/2 の実装に対するサービス運用妨害 (DoS) 攻撃手法","url":"https://jvn.jp/vu/JVNVU98433488/"}]},{"date":"2019-08-17T02:53:07.031Z","title":"Announcing TypeScript 3.6 RC | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-3-6-rc/","content":"TypeScript 3.6 RCリリース。\nGeneratorsの型改善、Array Spreadの仕様に合わせた変換の改善、Promiseの型エラーの改善。\n`--target es2015`でUnicodeの変数名をサポート、Ambient ClassesとFunctionがマージできるようになるなど","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2019-08-17T13:09:37.921Z","title":"ehmicky/nve: Run any Node.js version","url":"https://github.com/ehmicky/nve","content":"Node.jsのバージョンを指定してスクリプトを実行するコマンドラインツール","tags":["node.js","Tools"],"relatedLinks":[]},{"date":"2019-08-17T22:40:35.033Z","title":"goldbergyoni/javascript-testing-best-practices: 📗🌐 🚢 Comprehensive and exhaustive JavaScript & Node.js testing best practices (August 2019)","url":"https://github.com/goldbergyoni/javascript-testing-best-practices","content":"JavaScriptのテストについてのドキュメント。\nテストの構造、バックエンド、フロントエンド、CIなどについて書かれている","tags":["JavaScript","testing","document"],"relatedLinks":[]},{"date":"2019-08-19T05:43:34.822Z","title":"Release 2.3.0 · avajs/ava","url":"https://github.com/avajs/ava/releases/tag/v2.3.0","content":"AVA 2.3.0リリース。\nECMAScript ProposalのStage 3と4の構文を含んだコードを扱えるように、TypeScript型定義のGenerics型パラメータの初期値を`{}`から`unknown`に変更など","tags":["JavaScript","testing","node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2019-08-19T08:33:13.489Z","title":"Introduction to Svelte","url":"https://daveceddia.com/svelte-intro/","content":"UIフレームワークであるSvelteについて。\nSvelteの特徴について紹介している。\nコンパイル、リアクティブな変更、イベントハンドラの書き方、未使用なCSSに関する警告表示などの機能について","tags":["JavaScript","UI","library","article"],"relatedLinks":[]},{"date":"2019-08-20T01:05:43.636Z","title":"ai/size-limit: Calculate the real cost to run your JS app or lib to keep good performance. Show error in pull request if the cost exceeds the limit.","url":"https://github.com/ai/size-limit/","content":"ファイルサイズの閾値を指定して、そのサイズを超えてないかをテストできるツール。\nアプリケーション、大きなライブラリ、小さなライブラリ向けのプリセットが用意されている。\nファイルサイズやロードにかかる時間をテストできる。","tags":["JavaScript","Tools","library"],"relatedLinks":[]},{"date":"2019-08-20T01:07:47.914Z","title":"ESLint v6.2.0 released - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2019/08/eslint-v6.2.0-released","content":"ESLint v6.2.0リリース。\nECMAScript 2020に入る予定のDynamic Import、`BigInt`のサポート、`function-call-argument-newline`のルールを追加など","tags":["ESLint","ReleaseNote"],"relatedLinks":[]},{"date":"2019-08-20T01:26:07.987Z","title":"<Now Go Bang!> Announcing meSpeak.js 2.0","url":"https://www.masswerk.at/nowgobang/2019/mespeak_2_0","content":"Text to SpeechライブラリのmeSpeak.js 2.0リリース。\nEmscriptenを使ってC++からJavaScriptにコンパイルしたspeak.jsをベースに、もジューラな設計にしている。\nWebWorkerの対応や音声/言語定義のロード機能などが行われている","tags":["audio","JavaScript","library","C++"],"relatedLinks":[{"title":"kripken/speak.js: Text-to-Speech in JavaScript using eSpeak","url":"https://github.com/kripken/speak.js"}]},{"date":"2019-08-27T02:09:24.598Z","title":"Release v2.0.0 · date-fns/date-fns","url":"https://github.com/date-fns/date-fns/releases/tag/v2.0.0","content":"date-fns 2.0.0リリース。\n日付文字列の代わりに`parseISO`などでパースしたオブジェクトを受け取るように変更、`format`関数を仕様変更、モジュール名をcamelCaseに変更、関数名や引数の順番の変更など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"date-fns v2 pre-releases change log","url":"https://gist.github.com/kossnocorp/a307a464760b405bb78ef5020a4ab136#v200"},{"title":"date-fns/CHANGELOG.md at master · date-fns/date-fns","url":"http://example.com/"}]},{"date":"2019-08-21T08:23:36.574Z","title":"Release v2.9.0 · nuxt/nuxt.js","url":"https://github.com/nuxt/nuxt.js/releases/tag/v2.9.0","content":"Nuxt.js 2.9.0リリース。\nNode.js 8.9.0未満のサポート終了、TypeScriptサポートが`nuxt-ts`に外部化、vue-meta 2.0.0にアップデートなど","tags":["Vue","TypeScript","library","ReleaseNote"],"relatedLinks":[{"title":"Nuxt TypeScript","url":"https://typescript.nuxtjs.org/"},{"title":"Migration from Nuxt 2.8 | Nuxt TypeScript","url":"https://typescript.nuxtjs.org/migration.html"}]},{"date":"2019-08-21T13:36:16.230Z","title":"Node v12.9.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v12.9.0/","content":"Node.js 12.9.0リリース。\nV8 7.6へアップデート、`stream`のReadbleStreamに`readableEnded`、WritableStreaに`writableEnded`プロパティの追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2019-08-21T13:41:31.791Z","title":"Microsoft Edge Insider Channels","url":"https://www.microsoftedgeinsider.com/en-us/download","content":"ChromiumのMicrosoft Edgeのベータ版がリリースされた","tags":["MSEdge","news"],"relatedLinks":[]},{"date":"2019-08-24T05:21:40.660Z","title":"clean-code-typescript | TypeScriptの為のクリーンコード","url":"https://msakamaki.github.io/clean-code-typescript/","content":"clean-code-typescriptの翻訳","tags":["TypeScript","document","translate"],"relatedLinks":[{"title":"labs42io/clean-code-typescript: Clean Code concepts adapted for TypeScript","url":"https://github.com/labs42io/clean-code-typescript"}]},{"date":"2019-08-24T05:24:42.337Z","title":"Learning CSS by reading specs","url":"https://www.chenhuijing.com/blog/learning-css-by-reading-specifications/","content":"CSSの仕様でCSSを学ぶ話","tags":["CSS","spec","article"],"relatedLinks":[]},{"date":"2019-08-25T01:21:15.332Z","title":"Promise.allSettled と Promise.any | blog.jxck.io","url":"https://blog.jxck.io/entries/2019-08-20/promise-allsettled-any.html","content":"ECMAScript Proposalの`Promise.allSettled`と`Promise.any`を含めたPromiseの状態に対するハンドリングについてのまとめ","tags":["Promises","JavaScript","ECMAScript","article"],"relatedLinks":[]},{"date":"2019-08-25T15:22:10.231Z","title":"nodegui/nodegui: A library for building cross-platform native desktop applications with JavaScript and CSS like styling.","url":"https://github.com/nodegui/nodegui","content":"Node.jsのQtバインディングライブラリ。\nQtを使ったGUIをNode.jsから作成できる。","tags":["JavaScript","node.js","GUI","library"],"relatedLinks":[{"title":"🐕 Announcing NodeGUI and React NodeGUI - Build native desktop apps with Javascript and CSS 🎉 | Blog","url":"https://blog.atulr.com/nodegui-intro/"}]},{"date":"2019-08-25T15:33:30.329Z","title":"pagemap · mini map for web pages · larsjung.de","url":"https://larsjung.de/pagemap/","content":"Canvasを使ってウェブサイトのminimapを描画するライブラリ","tags":["JavaScript","library","canvas"],"relatedLinks":[]},{"date":"2019-08-26T00:06:51.872Z","title":"Progressive Web Apps in multi-origin sites  |  web.dev","url":"https://web.dev/multi-origin-pwas/","content":"クロスオリジンなサイト間でのPWAについて。\nService Worker、キャッシュ、Promptなどについて。\n複数のoriginでのPWAは難しい問題について","tags":["ServiceWorker","article","PWA"],"relatedLinks":[]},{"date":"2019-08-26T12:01:38.059Z","title":"Announcing styled-components v5: Beast Mode 💪🔥 - 💅 styled-components - Medium","url":"https://medium.com/styled-components/announcing-styled-components-v5-beast-mode-389747abd987","content":"styled-components v5 ベータリリース。\n破壊的な変更はなし。パフォーマンスの改善、React DevToolsの対応改善、RTLのサポートなど","tags":["React","CSS","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-08-26T12:11:42.687Z","title":"parcel-bundler/watcher: 👀 A native C++ Node module for querying and subscribing to filesystem events","url":"https://github.com/parcel-bundler/watcher","content":"C++で書かれたファイル監視のNode.jsライブラリ。Parcelで利用されている。\n監視しているファイルの状態をsnapshotで保存でき、watcherが起動してないときの差分も検出できる。","tags":["node.js","C++","library"],"relatedLinks":[]},{"date":"2019-08-26T13:57:38.478Z","title":"Release: 6.11.0 - 📣 announcements - npm forum","url":"https://npm.community/t/release-6-11-0/9572","content":"npm 6.11.0リリース。\npeerDependenciesをOptionalと明示できる`peerDependenciesMeta`フィールドの追加。インストール時の警告を抑制できる","tags":["npm","ReleaseNote"],"relatedLinks":[{"title":"Implements peerDependenciesMeta by arcanis · Pull Request #224 · npm/cli","url":"https://github.com/npm/cli/pull/224"},{"title":"Optional Peer Dependencies by arcanis · Pull Request #105 · yarnpkg/rfcs","url":"https://github.com/yarnpkg/rfcs/pull/105"}]},{"date":"2019-08-27T02:07:39.672Z","title":"Puppeteerで不要なCSSを消す - Cybozu Inside Out | サイボウズエンジニアのブログ","url":"https://blog.cybozu.io/entry/2019/08/20/170000","content":"PuppeteerでCSSカバレッジを取り、PostCSSでCSSを編集して使われてないCSSを削除する話","tags":["CSS","JavaScript","AST","article"],"relatedLinks":[]},{"date":"2019-08-27T02:11:46.439Z","title":"GoogleChromeLabs/dynamic-import-polyfill: A fast, tiny polyfill for dynamic import() that works in all module-supporting browsers","url":"https://github.com/GoogleChromeLabs/dynamic-import-polyfill","content":"Dynamic `import()`のpolyfillライブラリ。","tags":["JavaScript","library","polyfill"],"relatedLinks":[]},{"date":"2019-08-27T02:38:03.804Z","title":"Using Native JavaScript Modules in Production Today — Philip Walton","url":"https://philipwalton.com/articles/using-native-javascript-modules-in-production-today/","content":"ES moduleをそのまま使うためのテクニックについての話。\nRollupをつかってnpmモジュールごとにES moduleのchunkを作成し、`<script module`でのロード、`modulepreload`でのpreload。\nDynamic Importでの動的ロードとpolyfill、ES moduleをサポートしてない環境への`<script nonmodule>`での読み込みについてなど。","tags":["JavaScript","module","article"],"relatedLinks":[]},{"date":"2019-08-29T02:31:15.488Z","title":"Announcing TypeScript 3.6 | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-3-6/","content":"TypeScript 3.6リリース。\n Generatorsの型チェック改善、`--downlevelIteration`フラグでArray Spreadの仕様に合わせた変換の改善、Promiseの型エラーの改善。 `--target es2015`でUnicodeの変数名をサポート、Ambient ClassesとFunctionがマージできるようになるなど。\nまた、Playgroundが https://typescript-play.js.org ベースに更新されるなど","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2019-08-29T14:54:35.739Z","title":"Dojo","url":"https://dojo.io/blog/version-6-dojo","content":"Dojo 6リリース。\n","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-08-31T13:04:59.433Z","title":"finom/check-imports: Check imports in JS files and update package.json dependencies","url":"https://github.com/finom/check-imports","content":"コードに書かれている`import`文や`require`関数などを分析して、`package.json`の依存関係を更新するツール","tags":["JavaScript","Tools"],"relatedLinks":[]},{"date":"2019-09-01T14:47:28.998Z","title":"ESLint v6.3.0 released - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2019/08/eslint-v6.3.0-released","content":"ESLint v6.3.0リリース。\n`eslint --init`でTypeScriptの設定のサポート、設定ファイルに`reportUnusedDisableDirectives`を指定できるように","tags":["ESLint","ReleaseNote"],"relatedLinks":[]},{"date":"2019-09-01T23:29:57.002Z","title":"Optional chaining · V8","url":"https://v8.dev/features/optional-chaining","content":"ECMAScript Proposal Stage 3であるOptional Chain(`?.`)とnullish coalescing `??` operatorについて。\n`lodash.get`をどのように置き換えられるかの例など","tags":["ECMAScript","article","JavaScript"],"relatedLinks":[]},{"date":"2019-09-02T13:56:36.793Z","title":"Using with puppeteer · Jest","url":"https://jestjs.io/docs/puppeteer","content":"Jest内でpuppeteerを使う方法についてのドキュメント","tags":["JavaScript","Chrome","testing","document"],"relatedLinks":[]},{"date":"2019-09-02T14:04:07.380Z","title":"antoinechalifour/memento: Memento is a development-only tool that caches HTTP calls once they have been executed.","url":"https://github.com/antoinechalifour/memento","content":"開発時にAPIへのリクエストをキャッシュして、モックサーバとして利用できるようにするツール。","tags":["node.js","JavaScript","Tools"],"relatedLinks":[]},{"date":"2019-09-02T14:11:07.139Z","title":"現代フロントエンドに欠かせないwebpackとBabelを理解しよう - Speaker Deck","url":"https://speakerdeck.com/mukai21/xian-dai-hurontoendoniqian-kasenaiwebpacktobabelwoli-jie-siyou","content":"Babelやwebpackが何をやっているのかについてのスライド。\nBabelがどのようにコードを変換しているのかやwebpackがどのようにモジュールを扱っているのかについて","tags":["babel","webpack","slide"],"relatedLinks":[]},{"date":"2019-09-02T14:14:43.905Z","title":"CONNECT-platform/connective: agent-based reactive programming library for typescript","url":"https://github.com/connect-platform/connective","content":"RxJSを使って作られたデータコントールフローライブラリ","tags":["JavaScript","library","TypeScript"],"relatedLinks":[]},{"date":"2019-09-02T14:30:27.156Z","title":"Introducing Feathers 4: A framework for real-time apps and REST APIs","url":"https://blog.feathersjs.com/introducing-feathers-4-a-framework-for-real-time-apps-and-rest-apis-afff3819055b","content":"Node.jsフレームワークのFeathers 4リリース。\nコアライブラリがTypeScriptで書き直され型定義ファイルを同梱するように、認証の仕組みを作り直しプラグインで拡張できるようになるなど。\n認証周りの仕組みの変更に伴うマイグレーションガイドも公開されている。","tags":["node.js","ReleaseNote","library"],"relatedLinks":[{"title":"Feathers | A framework for real-time applications and REST APIs","url":"https://feathersjs.com/"},{"title":"Authentication | FeathersJS","url":"https://docs.feathersjs.com/guides/basics/authentication.html#registering-a-user"},{"title":"Migrating | FeathersJS","url":"https://docs.feathersjs.com/guides/migrating.html"},{"title":"Authentication next · Issue #1045 · feathersjs/feathers","url":"https://github.com/feathersjs/feathers/issues/1045"}]},{"date":"2019-09-02T15:53:37.029Z","title":"MarkdownやAsciidoc中に書いたJavaScriptのサンプルコードをdoctestするツールを書いた | Web Scratch","url":"https://efcl.info/2019/09/02/power-doctest-markdown-asciidoc/","content":"MarkdownやAsciidocのコードブロック内のJavaScriptコードをdoctestするツールやライブラリについて。\nコメントで式の期待する評価結果を書くと、assertに変換してテストできる。","tags":["JavaScript","testing","document","article","node.js"],"relatedLinks":[{"title":"azu/power-doctest: JavaScript Doctest for JavaScript, Markdown and Asciidoc.","url":"https://github.com/azu/power-doctest"}]},{"date":"2019-09-02T16:19:34.948Z","title":"Creating an Object Validator in JavaScript the Test-Driven Development Way | Nick Scialli","url":"https://nick.scialli.me/creating-an-object-validator-the-tdd-way/","content":"オブジェクトのvalidatorをTDDで実装していく話。\nテスト、実装、リファクタリングの流れについて","tags":["JavaScript","testing","article"],"relatedLinks":[]},{"date":"2019-09-03T02:28:36.841Z","title":"The Baseline Interpreter: a faster JS interpreter in Firefox 70 - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2019/08/the-baseline-interpreter-a-faster-js-interpreter-in-firefox-70/","content":"Firefox 70に入るJavaScriptのBaseline Interpreterについて。\n既存のベースラインJITのコードと上手く共有し、jitScriptと呼ばれる新しくバイトコードインタプリタを追加することでパフォーマンスの改善につながったという話","tags":["Firefox","JavaScript"],"relatedLinks":[]},{"date":"2019-09-03T02:35:00.157Z","title":"Release 6.0.0 · systemjs/systemjs","url":"https://github.com/systemjs/systemjs/releases/tag/6.0.0","content":"systemjs 6.0.0 リリース。\n`System.onload`のhookを追加、`systemjs-importmap`でのImportMap定義の合成をサポート、`System.resolve`が同期処理に変更など","tags":["JavaScript","library","module","ReleaseNote"],"relatedLinks":[]},{"date":"2019-09-04T02:10:59.559Z","title":"Firefox 69.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/69.0/releasenotes/","content":"Firefox 69.0リリース。\nEnhanced Tracking Protection (ETP)の有効化。\nCSSの`@supports`がセレクタをサポート.\nまたECMAScript ProposalのPublic class fieldのサポート、Resize Observerのサポート、`queueMicrotask`のサポートなど。\n`<keygen>`要素の削除やCSS `user-select`のprefixなしに対応、ネットワークパネルにCSPでブロックされた理由の表示など","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 69 — a tale of Resize Observer, microtasks, CSS, and DevTools - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2019/09/firefox-69-a-tale-of-resize-observer-microtasks-css-and-devtools/"},{"title":"Firefox 69 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/69"},{"title":"Firefox 69 Site Compatibility | Firefox Site Compatibility","url":"https://www.fxsitecompat.dev/versions/69/"}]},{"date":"2019-09-05T05:54:05.156Z","title":"Node v12.10.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v12.10.0/","content":"Node.ja 12.10.0リリース。\n`fs.rmdir`に`recursive`オプションの追加、`fs.createWriteStrea`に`emitClose`オプションの追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2019-09-06T11:38:50.697Z","title":"Release Notes for Safari Technology Preview 91 | WebKit","url":"https://webkit.org/blog/9526/release-notes-for-safari-technology-preview-91/","content":"Safari Technology Preview 91リリース。\nTLS 1.0、1.1の無効化、`unhandledrejection`のサポート。\nES Proposalのhashbang、Optional Chainingのサポート","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2019-09-07T01:25:04.255Z","title":"What's New In DevTools (Chrome 78)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2019/09/devtools","content":"Chrome 78の開発者ツールの変更点について。\nAuditがRequest Blockingなどと連携するように、Lighthouse 5.2へアップデートしLargest Contentful Paintのサポートなど","tags":["Chrome","debug","article"],"relatedLinks":[]},{"date":"2019-09-07T04:28:54.214Z","title":"Debugging WebAssembly Outside of the Browser - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2019/09/debugging-webassembly-outside-of-the-browser/","content":"wasmtimeとGDB/LLDBを使ったWebAssemblyのデバッグ方法について。\nLLDBでブレークポイントを貼ったり、変数をinspectしたりするデモ","tags":["WebAssembly","debug","article","video"],"relatedLinks":[]},{"date":"2019-09-08T05:48:39.506Z","title":"7.6.0 Released: Private static accessors and V8 intrinsic syntax · Babel","url":"https://babeljs.io/blog/2019/09/05/7.6.0","content":"Babel 7.6.0リリース。\nPrivate static Accessorsのサポート、Nullish coalescing operator (`??`)。\nまたV8の内部処理を呼び出すintrinsic runtime functions(`%`)のパースをサポートなど","tags":["babel","ReleaseNote","JavaScript"],"relatedLinks":[]},{"date":"2019-09-08T15:17:06.370Z","title":"jhwohlgemuth/tomo-cli: A friendly command line tool designed to help create sustainable software using web technology","url":"https://github.com/jhwohlgemuth/tomo-cli","content":"開発環境のジェネレータツール。\n特定のライブラリやツールに対するセットアップをコマンドでインストール、アンインストールできる。","tags":["node.js","Tools"],"relatedLinks":[]},{"date":"2019-09-10T02:38:02.937Z","title":"Full Stack Open 2019","url":"https://fullstackopen.com/en/","content":"React, Redux, Node.js, MongoDB, GraphQLを使ってウェブアプリを作成しながら学べるコース。\nヘルシンキ大学の教材。","tags":["node.js","JavaScript","React","tutorial"],"relatedLinks":[]},{"date":"2019-09-08T15:25:24.015Z","title":"An Introduction to D3.js","url":"https://wattenberger.com/blog/d3","content":"D3.jsのモジュールについての紹介記事。\nモジュールごとの機能や使い方について","tags":["d3.js","JavaScript","tutorial"],"relatedLinks":[]},{"date":"2019-09-08T23:46:38.210Z","title":"A simple homemade JavaScript obfuscator","url":"https://antoinevastel.com/javascript/2019/09/04/home-made-obfuscator.html","content":"Shift-ASTを使ったコードの難読化スクリプトの作り方について。\nASTを使ったコード変換、terserを使った圧縮と変数名のリネーム、難読化したコードのテストについてなど","tags":["JavaScript","AST","article"],"relatedLinks":[]},{"date":"2019-09-09T00:04:04.107Z","title":"5 Handy Applications of JavaScript Array.from()","url":"https://dmitripavlutin.com/javascript-array-from-applications/","content":"`Array.from`の使い方やユースケースについて。\n配列のコピー、指定要素でfillした配列の作成、配列の要素のユニーク化など","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2019-09-09T10:39:41.276Z","title":"これからはじめるVue.js実践入門 | 山田 祥寛 |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/dp/4815601828/","content":"2019年8月22日発売\nVue.jsの入門書","tags":["Vue","book"],"relatedLinks":[]},{"date":"2019-09-09T16:12:12.708Z","title":"malijs/mali: A minimalistic gRPC microservice framework for Node.js","url":"https://github.com/malijs/mali","content":"gRPCを使ったNode.jsフレームワーク。\nkoaライクなmiddlewareのサポートや、gRPCのMetadataサポートなどをしている。","tags":["node.js","library"],"relatedLinks":[]},{"date":"2019-09-10T00:08:44.758Z","title":"Release v0.6.1 · pikapkg/web","url":"https://github.com/pikapkg/web/releases/tag/v0.6.1","content":"Module Bundlerの@pika/web 0.6リリース。\nJavaScriptではない静的なアセットのサポート、monorepoサポート、Babelを使った最適化のサポートなど","tags":["npm","node.js","Tools","module","bundler","ReleaseNote"],"relatedLinks":[]},{"date":"2019-09-10T02:44:03.129Z","title":"void in JavaScript and TypeScript","url":"https://fettblog.eu/void-in-javascript-and-typescript/","content":"JavaScriptでの`void`とTypeScriptでの`void`について。\n`void`演算子は常に`undefined`を返す、TypeScriptで`void`と`undefined`を返す型の違いについてなど","tags":["JavaScript","TypeScript","article"],"relatedLinks":[]},{"date":"2019-09-11T11:59:23.661Z","title":"TypeScript 3.7 Iteration Plan · Issue #33352 · microsoft/TypeScript","url":"https://github.com/microsoft/TypeScript/issues/33352","content":"TypeScript 3.7のロードマップ。\nECMAScript Private Fields、Optional Chaining、Nullish Coalescingへの対応、`--declaration`と`--allowJs`の組合せに対応など。\nまた`typescript`パッケージサイズの削減、`@types`パッケージをGitHub Package Registryにもpublishするようにし、ハンドブックの更新なども予定されている。","tags":["TypeScript","issue"],"relatedLinks":[]},{"date":"2019-09-12T13:08:05.703Z","title":"How to build a plugin system on the web and also sleep well at night","url":"https://www.figma.com/blog/how-we-built-the-figma-plugin-system/","content":"プラグインとして追加されるサードパーティコードを安全にウェブブラウザで実行するための仕組みについて。\n`<inline-iframe>`、JavaScriptインタプリタの利用、ProposalのRealms(shim)を使ったサンドボックスについて","tags":["JavaScript","security","article","plugin"],"relatedLinks":[{"title":"tc39/proposal-realms: ECMAScript Proposal, specs, and reference implementation for Realms","url":"https://github.com/tc39/proposal-realms"},{"title":"Agoric/realms-shim: Spec-compliant shim for Realms TC39 Proposal","url":"https://github.com/Agoric/realms-shim"}]},{"date":"2019-09-13T07:16:32.792Z","title":"Release DOMPurify 2.0.0 · cure53/DOMPurify","url":"https://github.com/cure53/DOMPurify/releases/tag/2.0.0","content":"DOMpurify 2.0.0リリース。\nTrusted Typesが利用できる場合でも`RETURN_TRUSTED_TYPE`オプションを渡したときのみ、Trusted Typesを使うように変更","tags":["DOM","security","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-09-13T07:52:56.813Z","title":"Google Developers Blog: Flutter news from GDD China: uniting Flutter on web and mobile, and introducing Flutter 1.9","url":"https://developers.googleblog.com/2019/09/flutter-news-from-gdd-china-flutter1.9.html?m=1","content":"Flutter 1.9 リリース。\nWebサポートがメインリポジトリにマージされた。","tags":["Flutter","ReleaseNote"],"relatedLinks":[]},{"date":"2019-09-14T12:40:19.601Z","title":"Caniuse and MDN compatibility data collaboration - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2019/09/caniuse-and-mdn-compat-data-collaboration/","content":"MDN Compat DataをCan I Useのウェブサイトにマージ。\nCan I Use上でMDNのデータを元にした機能やサポートブラウザが見られるようになった。","tags":["WebPlatformAPI","article"],"relatedLinks":[]},{"date":"2019-09-14T15:05:14.256Z","title":"Web Development with Node and Express, 2nd Edition - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920261216.do","content":"2019年10月発売\nNode.jsとExpressについての書籍","tags":["JavaScript","node.js","book"],"relatedLinks":[]},{"date":"2019-09-14T15:10:37.481Z","title":"ESLint v6.4.0 released - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2019/09/eslint-v6.4.0-released","content":"ESLint 6.4.0リリース。\n`no-import-assign`、`prefer-regex-literals`、`default-param-last`のルールを追加。\n一部ルールが`enforceForClassMembers`オプションでクラス構文をサポートするようになるなど\n","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"ESLint v6.4.0 - Qiita","url":"https://qiita.com/mysticatea/items/4164b162fb37dcc443a1"}]},{"date":"2019-09-15T05:12:51.090Z","title":"Can I email… Support tables for HTML and CSS in emails","url":"https://www.caniemail.com/","content":"メール内で特定のHTMLタグやCSSが利用できるかをメールクライアントのサポート状態を検索できるサービス。\n","tags":["mail","HTML","webservice"],"relatedLinks":[]},{"date":"2019-09-16T15:05:32.286Z","title":"A lighter V8 · V8","url":"https://v8.dev/blog/v8-lite","content":"V8のLite modeについて。\nメモリが少ないデバイス向けのモードで、消費メモリの削減を目的としている。","tags":["V8","article"],"relatedLinks":[]},{"date":"2019-09-16T15:11:15.214Z","title":"WebGPU and WSL in Safari | WebKit","url":"https://webkit.org/blog/9528/webgpu-and-wsl-in-safari/","content":"Safari Technology Preview 91からベータサポートされているWebGPU APIとWSLについて。\nWebGPUのパイプライン処理の最適化、ランタイムのパフォーマンス、Web Shading Language(WSL)について紹介されている","tags":["safari","article"],"relatedLinks":[]},{"date":"2019-09-16T15:12:50.677Z","title":"daumann/ECMAScript-new-features-list: A comprehensive list of new ES features, including ES2015 (ES6), ES2016 (ES7), ES2017 (ES8), ES2018 (ES9), ES2019 (ES10)","url":"https://github.com/daumann/ECMAScript-new-features-list","content":"ECMAScriptのバージョンごとに追加された機能/構文とサンプルコードをまとめたリポジトリ","tags":["ECMAScript","JavaScript","document"],"relatedLinks":[]},{"date":"2019-09-16T15:14:27.473Z","title":"Release v4.0.0 · immerjs/immer","url":"https://github.com/immerjs/immer/releases/tag/v4.0.0","content":"Immer 4.0.0リリース。\ndevelopment modeでは、すべての値はdeep frozenされた状態で保存されるようになった。\nまたウェブサイトのドキュメント更新など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Introduction to Immer · Immer","url":"https://immerjs.github.io/immer/docs/introduction"}]},{"date":"2019-09-16T15:30:47.691Z","title":"nanoSQL 2","url":"https://nanosql.io/","content":"SQL builderライブラリ。\nインメモリ、ブラウザのIndexedDBやLocalstorage、Node.jsからMySQLやRedixなどさまざまなデータべースに対して動作する","tags":["SQL","library","TypeScript","JavaScript","browser"],"relatedLinks":[]},{"date":"2019-09-16T15:34:20.340Z","title":"X3D: Declarative 3D for the Modern Web","url":"https://blog.scottlogic.com/2019/08/27/declarative-3d-for-the-modern-web.html","content":"宣言的な3D表現を行うX3Dという仕様とX3DOMという実装について。\nSVGのようにHTML中にタグを書くことで3D表示を行う","tags":["3D","HTML","article","JavaScript"],"relatedLinks":[]},{"date":"2019-09-16T23:59:18.712Z","title":"New in Chrome 77  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2019/09/nic77","content":"Chrome 77リリース。\nLargest Contentful Paint(LCP)、`formdata`イベント、`formAssociated`プロパティ、`loading`属性によるLazy Loadのサポートなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"More capable form controls  |  web.dev","url":"https://web.dev/more-capable-form-controls/"}]},{"date":"2019-09-17T00:01:35.587Z","title":"Release 2.4.0 · avajs/ava","url":"https://github.com/avajs/ava/releases/tag/v2.4.0","content":"AVA 2.4.0リリース。\n`t.try()`をフラグ付きでサポートなど","tags":["node.js","JavaScript","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-09-19T14:06:05.178Z","title":"faboulaws/fakingoose: An automatic fixture generator for mongoose using the schema definition","url":"https://github.com/faboulaws/fakingoose","content":"データスキーマからダミデータを生成してくれるライブラリ","tags":["JavaScript","testing","library"],"relatedLinks":[]},{"date":"2019-09-20T11:06:36.714Z","title":"Moving Firefox to a faster 4-week release cycle - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2019/09/moving-firefox-to-a-faster-4-week-release-cycle/","content":"Firefoxのリリースサイクルが7週ごとから4週ごとへと変更される予定について。\n一方でFirefox ESRのリリースサイクルは変更されない。","tags":["Firefox","news"],"relatedLinks":[]},{"date":"2019-09-20T11:41:57.661Z","title":"Safari 13 Release Notes | Apple Developer Documentation","url":"https://developer.apple.com/documentation/safari_release_notes/safari_13_release_notes","content":"Safari 13の変更点について。\nFIDO2のセキュリティキー、`__Secure-`と`__Host-`のクッキーprefix、Pointer Events、Visual Viewport APIのサポートなど。\niOS 13のSafariでWebDriverのサポート、WebSQLの削除など","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"WebDriver is Coming to Safari in iOS 13 | WebKit","url":"https://webkit.org/blog/9395/webdriver-is-coming-to-safari-in-ios-13/"}]},{"date":"2019-09-21T11:10:29.599Z","title":"jasmine/3.5.0.md at master · jasmine/jasmine","url":"https://github.com/jasmine/jasmine/blob/master/release_notes/3.5.0.md","content":"Jasmine 3.5リリース。\n`toHaveBeenCalledWith`のエラー結果の出力の改善、`resolveTo`と`rejectWith`の追加、カスタム非同期Matcherを定義する`addAsyncMatchers`の追加など","tags":["JavaScript","library","ReleaseNote","testing"],"relatedLinks":[]},{"date":"2019-09-22T01:16:29.375Z","title":"Chromium Blog: Chrome 78 Beta: a new Houdini API, native file system access and more","url":"https://blog.chromium.org/2019/09/chrome-78-beta-new-houdini-api-native.html","content":"Chrome 78 Betaリリース。\nCSS Custom Propertiesを使ったアニメーションのサポート、Native File System APIとSMS Receiver APIのorigin trialの開始など。\nWebSocketsにおけるArrayBufferのダウンロード速度の改善、User Timing API Level 3のサポート。\nまた、Sync HXRがunload時などには禁止、XSS Auditorの削除など","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Smarter custom properties with Houdini’s new API  |  web.dev","url":"https://web.dev/css-props-and-vals/"}]},{"date":"2019-09-22T02:03:44.952Z","title":"Fresher service workers, by default  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2019/09/fresher-sw","content":"Chrome 78では`importScript`で読み込むファイルも変更があればHTTP Cacheはデフォルトで無視されるようになった。\nChrome 68で追加された`updateViaCache`オプションを使ってHTTP Cache-Controlを見るかを制御できる。","tags":["Chrome","ServiceWorker","article"],"relatedLinks":[]},{"date":"2019-09-22T04:52:20.327Z","title":"Storybook 5.2 - Storybook - Medium","url":"https://medium.com/storybookjs/storybook-5-2-794958b9b111","content":"Storybook 5.2リリース。\nMDXを使ったドキュメントを書けるDocsPageの追加、Storyをモジュールとして作れるCSFのサポート。\nTypeScriptのサポート、React Hooksのサポート、 Standalone modeなど","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[{"title":"Storybook DocsPage - Storybook - Medium","url":"https://medium.com/storybookjs/storybook-docspage-e185bc3622bf"},{"title":"Component Story Format - Storybook - Medium","url":"https://medium.com/storybookjs/component-story-format-66f4c32366df"}]},{"date":"2019-09-23T10:00:53.365Z","title":"Backbone.Model に 型をつけて剥がす - Typing to destroy Backbone.Model - Speaker Deck","url":"https://speakerdeck.com/fsubal/backbone-dot-model-ni-xing-wotuketebo-gasu-typing-to-destroy-backbone-dot-model?slide=34","content":"Backbone.Modelに型をつけてリファクタリングしていく話。\nBackbone.ModelをただのJSONとして扱い、JSONのスナップショットに対してテスト行う","tags":["backbone.js","TypeScript","JavaScript","slide","refacoring"],"relatedLinks":[]},{"date":"2019-09-23T10:14:35.894Z","title":"✩ Wikipedia's JavaScript initialisation on a budget","url":"https://phabricator.wikimedia.org/phame/live/7/post/175/wikipedia_s_javascript_initialisation_on_a_budget/","content":"Wikipediaの初期表示に読み込むJavaScriptのファイルサイズを削減した話。\n目標のbudgeを28KBと設定してどのように初期ロードのJavaScriptサイズを減らしていったかについて","tags":["JavaScript","refacoring","performance","article"],"relatedLinks":[]},{"date":"2019-09-23T10:08:51.170Z","title":"Practical Ways to Write Better JavaScript - Stack Overflow Blog","url":"https://stackoverflow.blog/2019/09/12/practical-ways-to-write-better-javascript/","content":"より良いJavaScriptを書くためにどうするかという記事。\nTypeScriptを使う、ES2015+の機能を活用する、分散を考える。\nLint、テストを行うなどについて","tags":["JavaScript","TypeScript","article"],"relatedLinks":[]},{"date":"2019-09-23T22:20:57.361Z","title":"Intelligent Tracking Prevention 2.3 | WebKit","url":"https://webkit.org/blog/9521/intelligent-tracking-prevention-2-3/","content":"Safari 13(iOS 13/macOS Catalina)に実装されたITP 2.3について。\nCookieからLocalStorageに保存場所を移行したサードパーティトラッカーに対する制限の追加、`document.referrer`にもeTLD+1の制限を追加、デバッグモードの改善など","tags":["safari","privacy","article"],"relatedLinks":[]},{"date":"2019-09-24T00:13:37.518Z","title":"Techniques to make a web app load fast, even on a feature phone","url":"https://web.dev/load-faster-like-proxx/","content":"PROXXのローディングパフォーマンスに利用したテクニックの紹介記事。\nWebPageTestを使ったリソースロードのwaterfall分析、コネクション数の削減、preload、prerendering、CSSのインライン化、Code Splittingなどについて","tags":["JavaScript","performance","article"],"relatedLinks":[]},{"date":"2019-09-25T12:19:48.066Z","title":"Handling API request race conditions in React","url":"https://sebastienlorber.com/handling-api-request-race-conditions-in-react","content":"ネットワークの遅延などにより複数のリクエストが送信され、リクエストが成功タイミングとUIの状態が一致しなくなる問題について。\nReactを例に、リクエストに問題があった場合にどのように問題を回避するかについて書かれている。\n不要なレスポンスを無視、リクエストをキャンセルなどの実装方法について","tags":["JavaScript","React","article"],"relatedLinks":[]},{"date":"2019-09-26T11:12:31.707Z","title":"React Training: React Router v5.1","url":"https://reacttraining.com/blog/react-router-v5-1/","content":"React Router 5.1リリース。\nHooks APIの追加サポート。\n`useParams`、`useLocation`、`useHistory`などのAPIが追加されている。","tags":["React","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-09-26T11:16:17.102Z","title":"Announcing React Native 0.61 with Fast Refresh · React Native","url":"https://facebook.github.io/react-native/blog/2019/09/18/version-0.61","content":"React Native 0.61リリース。\nFast Refresh = live reload + hot reloading。\n`use_frameworks!`を使った場合のCocoapodの問題を修正、React 16.9へアップデート、`useWindowDimensions` Hook APIの追加など。","tags":["React","iOS","Android","ReleaseNote"],"relatedLinks":[]},{"date":"2019-09-28T02:13:00.628Z","title":"Release 16.10.0 (September 27, 2019) · facebook/react","url":"https://github.com/facebook/react/releases/tag/v16.10.0","content":"React 16.10.0リリース。\nExperimentalなSchedulerのメモリ消費の改善、`requestAnimationFrame`ではなく`postMessage`を使ったより短いインターバルでのチェックの実装。\n`useSubscription`のバグ修正など","tags":["React","ReleaseNote"],"relatedLinks":[]},{"date":"2019-09-28T06:30:42.487Z","title":"chroventer/endb: Simple key-value database with multi adapter support","url":"https://github.com/chroventer/endb","content":"MySQLやRedisなどをバックエンドにできるKVSライブラリ","tags":["node.js","JavaScript","library"],"relatedLinks":[]},{"date":"2019-09-28T07:39:50.248Z","title":"Webtest.app - Testing websites with and without adblocker","url":"https://webtest.app/?url=https://jser.info","content":"ウェブサイトにuBlock OriginなどのAdblockを経由した場合のブロックされたリクエストやCookie、ページサイズ、パフォーマンスメトリクスの比較結果を計測するツール","tags":["webservice","Tools","performance"],"relatedLinks":[]},{"date":"2019-09-28T14:48:34.151Z","title":"V8 release v7.8 · V8","url":"https://v8.dev/blog/v8-release-78","content":"V8 v7.8リリース。\nScript StreamingによるJavaScriptのロードパフォーマンスの改善、オブジェクトのDestructuringのパフォーマンス改善。\nまたV8 APIとしてWebAssembly C/C++ APIを公式にサポートなど","tags":["V8","ReleaseNote"],"relatedLinks":[]},{"date":"2019-09-28T23:57:43.414Z","title":"Node v12.11.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v12.11.0/","content":"Node v12.11.0リリース。\nV8 7.7へアップデート、`worker_thread`モジュールがStableになるなど。","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2019-09-29T10:15:16.874Z","title":"Release v2 Cosmic Jellyfish · gpujs/gpu.js","url":"https://github.com/gpujs/gpu.js/releases/tag/2.0.0","content":"gpu.js 2.0.0リリース。\nVideo inputのサポート、`gpu.setInjectedNative()`の追加、`mode`オプションに`dev`を追加など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-09-29T12:03:01.318Z","title":"oframe/ogl: Minimal WebGL framework","url":"https://github.com/oframe/ogl","content":"WebGLフレームワーク。\n抽象度は低めで、Math/Core/Extrasのモジュールから構成される","tags":["WebGL","library"],"relatedLinks":[]},{"date":"2019-09-29T12:21:05.813Z","title":"valentinogagliardi/Little-JavaScript-Book: The Little JavaScript Book","url":"https://github.com/valentinogagliardi/Little-JavaScript-Book","content":"JavaScriptについての書籍","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2019-09-29T12:23:35.713Z","title":"TypeScript Tutorial for Beginners: The Missing Guide (2019)","url":"https://www.valentinog.com/blog/typescript/","content":"初心者向けのTypeScriptチュートリアル。\n","tags":["TypeScript","tutorial","article"],"relatedLinks":[]},{"date":"2019-09-29T13:39:02.507Z","title":"Working with GitHub Actions | Jeff Rafter","url":"https://jeffrafter.com/working-with-github-actions/","content":"Node.js + TypeScriptでGitHub Actionsを作成するチュートリアル。\n`@actions/core`の使い方やGitHub APIへのリクエスト、デバッグ方法、テスト方法などについて","tags":["node.js","Github","Actions","article","testing"],"relatedLinks":[]},{"date":"2019-09-30T00:05:10.395Z","title":"Why Your Angular App Is Not Working: 7 Common Mistakes - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/valeriopisapia/why-your-angular-app-is-not-working-7-common-mistakes-2ba1","content":"Angularアプリでよくある間違いとその修正方法について","tags":["Angular","article"],"relatedLinks":[]},{"date":"2019-09-30T00:45:56.200Z","title":"swyx Writing | Why JavaScript Tooling Sucks","url":"https://www.swyx.io/writing/js-tooling/","content":"JavaScriptのツールがなぜ難しいのかについての話。\nJavaScriptの始まり、巨大なコミュニティ、ターゲットの変遷、ボトムアップ、オーナーシップやsemver、ツールを作る人と使う人、Fundingの問題、良い所なども含めて書かれている。\nJavaScriptアプリケーションの97%はnpmから来ているため、OSSの問題はJavaScriptの問題と見られることについてなど","tags":["JavaScript","community","Tools","opinion","article"],"relatedLinks":[]},{"date":"2019-10-03T01:43:41.508Z","title":"Release Preact X - Virtuous DOM and the Fragments of Suspense · preactjs/preact","url":"https://github.com/preactjs/preact/releases/tag/10.0.0","content":"Preact X(10.0.0)リリース。\n`Fragments`、`componentDidCatch`、`createContext`のサポート、Hooks APIのサポートなど","tags":["React","library","ReleaseNote"],"relatedLinks":[{"title":"What's new in Preact X | Preact: Fast 3kb React alternative with the same ES6 API. Components & Virtual DOM.","url":"https://preactjs.com/guide/v10/whats-new/"},{"title":"Upgrading from Preact 8.x | Preact: Fast 3kb React alternative with the same ES6 API. Components & Virtual DOM.","url":"https://preactjs.com/guide/v10/upgrade-guide/"}]},{"date":"2019-10-04T02:39:03.284Z","title":"Accessibility Support","url":"https://a11ysupport.io/","content":"スクリーンリーダごとのWAI-ARIAなどのアクセシビリティサポート状況についてまとめているサイト。\nCan I Use...のアクセシビリティ版","tags":["accessibility","webservice","WAI-ARIA"],"relatedLinks":[]},{"date":"2019-10-04T06:18:38.986Z","title":"Release v3.2.0 · facebook/create-react-app","url":"https://github.com/facebook/create-react-app/releases/tag/v3.2.0","content":"create-react-app 3.2.0リリース。\n`yarn build --profile`でproduction buildでのプロファイル対応、`TSC_COMPILE_ON_ERROR`のサポートなど","tags":["React","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2019-10-09T00:22:33.973Z","title":"cevek/ttypescript: Over TypeScript tool to use custom transformers in the tsconfig.json","url":"https://github.com/cevek/ttypescript","content":"TypeScriptのコンパイル処理に対して、プラグインで変換処理を追加できるTypeScriptコンパイラーのラッパー","tags":["TypeScript","Tools","plugin"],"relatedLinks":[]},{"date":"2019-10-06T06:51:30.093Z","title":"I created the exact same app in React and Vue. Here are the differences. [2019 Edition]","url":"https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-vue-here-are-the-differences-2019-edition-42ba2cab9e56","content":"ReactとVueでのTodoアプリを例にした比較。\nReact Hooksに対応したバージョン","tags":["React","Vue","JavaScript","article"],"relatedLinks":[]},{"date":"2019-10-06T09:59:47.828Z","title":"vuejs/vue-next","url":"https://github.com/vuejs/vue-next","content":"Vue 3候補のソースコードが公開された","tags":["Vue","Github","news"],"relatedLinks":[]},{"date":"2019-10-06T11:36:36.429Z","title":"algolia/shipjs: Take control of what is going to be your next release.","url":"https://github.com/algolia/shipjs","content":"リリースの準備とリリースを行うツール。\nsemantic-releaseとは異なりすべてを自動で行うのではなく、Pull Requestを作成して、手動で確認やCHANGELOGの更新をしてからリリースを行うといったプロセスが取れる。","tags":["JavaScript","npm","Tools","CI "],"relatedLinks":[]},{"date":"2019-10-08T02:16:11.151Z","title":"Announcing TypeScript 3.7 Beta | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-3-7-beta/","content":"TypeScript 3.7 Betaリリース。\nOptional Chaining、Nullish Coalescing、Assertion Functionsのサポート。\n`--declaration`と`--allowJs`の組み合わせのサポート、`// @ts-nocheck`の追加など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"TypeScript 3.7 Iteration Plan · Issue #33352 · microsoft/TypeScript","url":"https://github.com/microsoft/TypeScript/issues/33352"}]},{"date":"2019-10-08T02:33:21.953Z","title":"Fixing layout instability  |  web.dev","url":"https://web.dev/fixing-layout-instability/","content":"`PerformanceObserver`でCumulative Layout Shift (CLS)を計測し、どのようなレイアウトの変化が起きてるのかをWebPageTestで確認する方法について。\nまた、実際にプレースホルダーデータを使ってlayout instabilityを修正する方法について。","tags":["Chrome","performance","JavaScript","article"],"relatedLinks":[{"title":"Measuring Cumulative Layout Shift (CLS) in WebPageTest - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/chromiumdev/measuring-cumulative-layout-shift-cls-in-webpagetest-5cle"}]},{"date":"2019-10-08T07:17:30.043Z","title":"Release v5.5.0 · GoogleChrome/lighthouse","url":"https://github.com/GoogleChrome/lighthouse/releases/tag/v5.5.0","content":"Lighthouse 5.5.0リリース。\nLargest Contentful Paint(LCP)のサポート","tags":["Tools","ReleaseNote","Chrome"],"relatedLinks":[]},{"date":"2019-10-08T08:53:15.532Z","title":"fengyuanchen/cropperjs: JavaScript image cropper.","url":"https://github.com/fengyuanchen/cropperjs","content":"Image Cropperライブラリ。\n画像の切り抜き、回転、移動などができる画像加工を行うライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2019-10-08T09:36:29.544Z","title":"Version 1.0 released : Node-RED","url":"https://nodered.org/blog/2019/09/30/version-1-0-released","content":"フローベースのビジュアルエディタを使って、Node.jsで動くプログラムを作成できるツールキットであるNode-RED 1.0リリース。\n","tags":["node.js","IoT","ReleaseNote"],"relatedLinks":[]},{"date":"2019-10-08T13:47:12.859Z","title":"Bin-Huang/prray: \"Promisified\" Array, comes with async method supports(such as mapAsync). And it is compatible with normal array.","url":"https://github.com/Bin-Huang/prray","content":"コールバック関数にAsync Functionを取るArrayの実装ライブラリ","tags":["JavaScript","Promises","library"],"relatedLinks":[]},{"date":"2019-10-09T00:46:55.934Z","title":"Announcing the webhint v1 browser extension for Microsoft Edge - Microsoft Edge Blog","url":"https://blogs.windows.com/msedgedev/2019/09/30/announcing-the-webhint-v1-browser-extension-for-microsoft-edge/","content":"webhint browser extension 1.0.0リリース。\nプラグインでカスタマイズできるウェブサイト向けのLintツールのブラウザ拡張版。 MDN browser compat dataを使ったクロスブラウザの互換情報の表示、カラーコントラストについてのHintの追加など","tags":["browser","Tools","ReleaseNote","Extension","accessibility"],"relatedLinks":[{"title":"webhint, the hinting engine for web best practices","url":"http://example.com/"},{"title":"The webhint browser extension v1 release - webhint - Medium","url":"https://medium.com/webhint/the-webhint-browser-extension-v1-release-df9044ddaf69"}]},{"date":"2019-10-09T00:15:18.779Z","title":"How to read a Web Page Test waterfall chart - Frontend Web Developer, Oxfordshire, UK - Matt Hobbs","url":"https://nooshu.github.io/blog/2019/10/02/how-to-read-a-wpt-waterfall-chart/","content":"WebPageTestのウォーターフォールチャートの読み方について。\n図の要素ごとに解説やHTTP/1.1とHTTP/2での流れの違いなどについて書かれている","tags":["webservice","performance","browser","article"],"relatedLinks":[]},{"date":"2019-10-09T23:54:02.916Z","title":"The new evergreen Bingbot simplifying SEO by leveraging Microsoft Edge | Webmaster Blog","url":"https://blogs.bing.com/webmaster/october-2019/The-new-evergreen-Bingbot-simplifying-SEO-by-leveraging-Microsoft-Edge","content":"BingがChromiumベースのMSEdgeを採用。\nクロールするBingbotがChrome相当になり、定期的に最新のStableにアップデートされる。","tags":["MSEdge","Chrome","SEO","news"],"relatedLinks":[]},{"date":"2019-10-10T14:33:43.961Z","title":"lirantal/is-website-vulnerable: finds publicly known security vulnerabilities in a website's frontend JavaScript libraries","url":"https://github.com/lirantal/is-website-vulnerable","content":"指定したURLに脆弱性のあるライブラリが使われているかを判定するツール。\nSynxベースの脆弱性判定をしている。","tags":["JavaScript","security","Tools"],"relatedLinks":[]},{"date":"2019-10-11T00:01:30.903Z","title":"Release v9.1.0 · zeit/next.js","url":"https://github.com/zeit/next.js/releases/tag/v9.1.0","content":"Next.js 9.1.0リリース。\n`src/pages`ディレクトリのサポート、`next export`で`public/`ディレクトリへ出力できるように","tags":["node.js","React","ReleaseNote"],"relatedLinks":[]},{"date":"2019-10-11T05:09:30.798Z","title":"leeoniya/uPlot: An exceptionally fast, tiny time series chart","url":"https://github.com/leeoniya/uPlot","content":"ファイルサイズが小さな時系列グラフライブラリ","tags":["JavaScript","chart","library"],"relatedLinks":[]},{"date":"2019-10-11T11:58:18.797Z","title":"Top-level await · V8","url":"https://v8.dev/features/top-level-await","content":"Top-level `await`について。\nTop-level `await`のユースケースや実行順序などの挙動についてなど","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2019-10-11T13:46:23.815Z","title":"webpack 5 beta feedback · Issue #9802 · webpack/webpack","url":"https://github.com/webpack/webpack/issues/9802","content":"webpack 5βリリース。\nNode.jsコアモジュールの自動Polyfillの削除、Long TermキャッシュのためにChunkとModule Idのハッシュアルゴリズムの変更、オプション名の変更など。\nファイルシステムキャッシュ設定の追加、Tree Shakingの改善、`output.ecmaVersion`オプションの追加。\nまた試験的な機能として、`asset` module typeの追加、Top Level `await`のサポートなど","tags":["webpack","ReleaseNote"],"relatedLinks":[{"title":"changelog-v5/MIGRATION GUIDE.md at master · webpack/changelog-v5","url":"https://github.com/webpack/changelog-v5/blob/master/MIGRATION%20GUIDE.md"},{"title":"changelog-v5/README.md at master · webpack/changelog-v5","url":"https://github.com/webpack/changelog-v5/blob/master/README.md"}]},{"date":"2019-10-15T00:46:51.122Z","title":"What's new in Chrome 78 - LogRocket Blog","url":"https://blog.logrocket.com/whats-new-in-chrome-78/","content":"Chrome 78の変更点について。\nCSS opacityの`%`サポート、ES ProposalのOptional Chaining、`unload`時の制限、User Timing Lv3、WebSocketStreamのサポートなど。\n\nOrigin TrialとしてサポートされたNative File System APIやSMS Receiver APIについてなど","tags":["Chrome","article"],"relatedLinks":[]},{"date":"2019-10-12T14:42:03.172Z","title":"Node v12.12.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v12.12.0/","content":"Node.js 12.12.0リリース。\n`fs.opendir()`、`fs.Dir`の追加、`--enable-source-maps`でのスタックトレースのSource Mapサポートなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2019-10-12T23:01:31.592Z","title":"devforth/painterro: Painterro - JavaScript painting plugin","url":"https://github.com/devforth/painterro","content":"画像エディタライブラリ","tags":["Image","JavaScript","library"],"relatedLinks":[]},{"date":"2019-10-14T13:09:01.380Z","title":"luwes/sinuous: Small, fast, reactive UI library","url":"https://github.com/luwes/sinuous","content":"`htm`構文、Hyperscript、JSXに対応したUIライブラリ。\nobservableな値監視の仕組みも提供し、小さなファイルサイズでUIを作成できるようにすることが目的","tags":["JavaScript","UI","library","jsx"],"relatedLinks":[{"title":"developit/htm: Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.","url":"https://github.com/developit/htm"}]},{"date":"2019-10-14T13:36:07.440Z","title":"Blog - Introducing Create Next App | Next.js","url":"https://nextjs.org/blog/create-next-app","content":"`create-next-app`がNext.jsの公式プロジェクトになった。","tags":["JavaScript","React","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2019-10-15T00:33:46.214Z","title":"Same-Site Cookies By Default | text/plain","url":"https://textslashplain.com/2019/09/30/same-site-cookies-by-default/","content":"Chrome 80でされるSameSite=Laxのデフォルト化について。\nCookieのSecurityとPrivacyの問題、Same-Site Cookiesの目的、CSRF攻撃からの保護、HTTPOnly属性やSecure属性にういて。\nまたSame-Siteがデフォルトとなった場合の実際の影響や他のブラウザの対応、2分間の緩和についてなど","tags":["Chrome","security","article"],"relatedLinks":[]},{"date":"2019-10-15T00:43:17.534Z","title":"Vue.js Performance Tips / #v_kansai 11 - Speaker Deck","url":"https://speakerdeck.com/masashi/number-v-kansai-11","content":"Vue.jsアプリのパフォーマンス改善についてのスライド。\nIntersectionObserverを使った表示サれたことの検知、画像の遅延ロード、Hydrationの遅延実行などについて","tags":["Vue","performance","slide"],"relatedLinks":[]},{"date":"2019-10-17T14:22:36.335Z","title":"Release v4.0.0 · vuejs/vue-cli","url":"https://github.com/vuejs/vue-cli/releases/tag/v4.0.0","content":"Vue CLI 4.0.0リリース。\nNightwatch、Jest、PWAサポートの改善、依存のメジャーアップデートなどが含まれる","tags":["Vue","console","Tools","ReleaseNote"],"relatedLinks":[{"title":"Migrating from v3 | Vue CLI","url":"https://cli.vuejs.org/migrating-from-v3/"}]},{"date":"2019-10-18T07:27:35.239Z","title":"What's New In DevTools (Chrome 79)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2019/10/devtools","content":"Chrome 79の開発者ツールについて。\nブロックされてるCookieの理由表示、コードカバレッジ機能の改善、ネットワークリクエストのコールスタックの表示など","tags":["Chrome","debug","article"],"relatedLinks":[]},{"date":"2019-10-18T08:14:27.183Z","title":"Release v5.6.0 · GoogleChrome/lighthouse","url":"https://github.com/GoogleChrome/lighthouse/releases/tag/v5.6.0","content":"lighthouse v5.6.0リリース。\nStack packでAngular、React、AMP、Magentoのサポートし、フレームワーク固有のメトリクスの追加など","tags":["Chrome","performance","Tools","ReleaseNote"],"relatedLinks":[{"title":"GoogleChrome/lighthouse-stack-packs: Lighthouse Stack Packs","url":"https://github.com/GoogleChrome/lighthouse-stack-packs"}]},{"date":"2019-10-19T06:54:32.517Z","title":"Developing with Node.js on Windows | Microsoft Docs","url":"https://docs.microsoft.com/en-us/windows/nodejs/index","content":"WSL 2を使ったWindows向けのNode.js開発のチュートリアル","tags":["node.js","tutorial","windows"],"relatedLinks":[]},{"date":"2019-10-19T07:27:36.845Z","title":"middyjs/middy: 🛵 The stylish Node.js middleware engine for AWS Lambda","url":"https://github.com/middyjs/middy","content":"aws lambdaのhandlerに対して前後に処理を加えられるmiddlewareライブラリ","tags":["node.js","aws","Lambda","library"],"relatedLinks":[]},{"date":"2019-10-19T10:15:05.229Z","title":"TestCafe v1.6.0 Released | TestCafe","url":"https://devexpress.github.io/testcafe/blog/testcafe-v1-6-0-released.html","content":"TestCafe 1.6.0リリース。\nフルページスクリーンショットのサポート、スクリーンショットオプションの変更など","tags":["browser","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-10-19T15:05:22.454Z","title":"meriyah/meriyah: A 100% compliant, self-hosted javascript parser - https://meriyah.github.io/meriyah","url":"https://github.com/meriyah/meriyah","content":"JavaScriptのコードをESTree ASTフォーマットにパースできるJavaScriptパーサライブラリ","tags":["JavaScript","AST","library"],"relatedLinks":[{"title":"buntis/buntis: A 100% compliant, self-hosted typescript parser that emits an ESTree-compatible AST","url":"https://github.com/buntis/buntis"}]},{"date":"2019-10-19T23:10:01.176Z","title":"Release Notes for Safari Technology Preview 94 | WebKit","url":"https://webkit.org/blog/9609/release-notes-for-safari-technology-preview-94/","content":"Safari Technology Preview 94リリース。\nCSS Shadow Partsの`::part()`の疑似要素をサポート、httpsで`Cache-Control: no-store`のHTTPヘッダで配信されたページもBFCacheに入るように変更など","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2019-10-19T23:26:52.377Z","title":"Vanilla JavaScript and HTML - No frameworks. No libraries. No problem. - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/pluralsight/vanilla-javascript-and-html-no-frameworks-no-libraries-no-problem-2n99","content":"フレームワークを使わずにDOM APIを使ってウェブページを作成するチュートリアル。\n`<template>`タグを使ったコンポーネントの作成、レンダリングなどについて","tags":["JavaScript","DOM","article"],"relatedLinks":[]},{"date":"2019-10-20T14:16:08.211Z","title":"Firefox's New WebSocket Inspector - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2019/10/firefoxs-new-websocket-inspector/","content":"Firefox 71の開発者ツールでWebSockets Inspectorが新しくなる。\nWS protocolのデータがJSON、Socket.IO、SockJS等の場合にデータをInspectできるように、またWSトラフィックの停止と再開ボタンの追加など","tags":["Firefox","debug","WebSocket","article"],"relatedLinks":[]},{"date":"2019-10-21T10:38:54.562Z","title":"Node v12.13.0 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v12.13.0/","content":"Node.js 12.13.0リリース。\nNode.js 12.xのLTS(Long Term Support)となるバージョンで、2022年4月までメンテナンスされる。\nnpm 6.12.0へのアップデートなど","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"nodejs/Release: Node.js Foundation Release Working Group","url":"https://github.com/nodejs/Release"}]},{"date":"2019-10-22T02:38:53.017Z","title":"Release electron v7.0.0 · electron/electron","url":"https://github.com/electron/electron/releases/tag/v7.0.0","content":"Electron v7.0.0リリース。\n","tags":["Electron","ReleaseNote"],"relatedLinks":[]},{"date":"2019-10-22T02:47:11.504Z","title":"vega/vega-lite: A concise grammar of interactive graphics, built on Vega.","url":"https://github.com/vega/vega-lite","content":"宣言的なデータでインタラクティブなグラフを作成できるライブラリ","tags":["JavaScript","library","graphic"],"relatedLinks":[]},{"date":"2019-10-22T02:48:48.044Z","title":"SameSite Cookie - Speaker Deck","url":"https://speakerdeck.com/masashi/samesite-cookie","content":"SameSite Cookieについてのスライド。\nSameSite CookieとCSRF、Cookieの属性、SameSite Cookieの動作とオプション(Strict, Lax, None)、ウェブサイトへの影響について","tags":["browser","slide","security"],"relatedLinks":[]},{"date":"2019-10-23T16:14:06.663Z","title":"Functional Design Patterns for Express.js by Jonathan Lee Martin | The Pragmatic Bookshelf","url":"https://pragprog.com/book/d-jmexpress/functional-design-patterns-for-express-js","content":"関数型プログラミングのパターンとExpressについての書籍","tags":["node.js","book","関数型プログラミング"],"relatedLinks":[]},{"date":"2019-10-23T16:42:45.401Z","title":"Node v13.0.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v13.0.0/","content":"開発版となるNode.js 13リリース。\nV8 7.8へのアップデート、Full ICUがデフォルト化、Node.js自体のビルド環境の変更など","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"Node.js 12 to LTS and Node.js 13 is here! - Node.js Foundation - Medium","url":"https://medium.com/@nodejs/node-js-12-to-lts-and-node-js-13-is-here-e28d6a4a2bd"}]},{"date":"2019-10-29T01:33:42.750Z","title":"Firefox 70.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/70.0/releasenotes/","content":"Firefox 70リリース。\nEnhanced Tracking Protection (ETP)の有効化、開発者ツールの改善やWebSocket Inspectorの改善など。\nES ProposalのNumeric separatorsに対応、Workerスクリプトの読み込み時にMIME typeを確認するように、Web Audio APIの仕様追従など","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 70 — a bountiful release for all - Mozilla Hacks - the Web developer blog","url":"http://example.com/"},{"title":"Firefox's New WebSocket Inspector - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2019/10/firefoxs-new-websocket-inspector/"},{"title":"Firefox 70 for developers - Mozilla | MDN","url":"http://example.com/"}]},{"date":"2019-10-24T01:08:06.539Z","title":"Preparing for the Future with React Prereleases – React Blog","url":"https://reactjs.org/blog/2019/10/22/react-release-channels.html","content":"Reactのリリースチャンネルについて。\nLatest(Stable)、Next(リポジトリのmasterと同等)、Experimental(masterに加えて実験的な機能)の3つのチャンネルがあることについて。\nそれぞれの利用方法や目的、またRFCとExperimentalについて","tags":["React","article"],"relatedLinks":[]},{"date":"2019-10-24T01:18:40.145Z","title":"Release v1.0 Final! · reduxjs/redux-starter-kit","url":"https://github.com/reduxjs/redux-starter-kit/releases/tag/v1.0.0","content":"Redux Starter Kit 1.0リリース。\nReduxのラッパーでboilerplate codeを減らしたり、簡単に利用できることを目的にしたツールセット。\n作者は現在のReduxのメンテナーの一人である3markerikson。","tags":["React","redux","ReleaseNote","library"],"relatedLinks":[{"title":"Idiomatic Redux: Redux Starter Kit 1.0 · Mark's Dev Blog","url":"https://blog.isquaredsoftware.com/2019/10/redux-starter-kit-1.0/"}]},{"date":"2019-10-24T01:24:34.826Z","title":"New in Chrome 78  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2019/10/nic78","content":"Chrome 78リリース。\n`CSS.registerProperty`のサポート、`importScripts()`でロードしたService Workerスクリプトもバイト単位で更新チェックが行われるように。\nOrigin TrialとしてNative File System、SMS Receiverのサポートなど。\nその他としてXSS Auditorの削除など","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"What's New In DevTools (Chrome 78)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2019/09/devtools"},{"title":"current deprecations","url":"https://www.chromestatus.com/features#browsers.chrome.status%3A%22Deprecated%22"},{"title":"V8 release v7.8 · V8","url":"https://v8.dev/blog/v8-release-78"},{"title":"Deprecations and removals in Chrome 78  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2019/09/chrome-78-deps-rems"},{"title":"Chrome Platform Status","url":"https://www.chromestatus.com/features/5640265926705152"}]},{"date":"2019-10-25T12:55:37.013Z","title":"Announcing TypeScript 3.7 RC | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-3-7-rc/","content":"TypeScript 3.7RCリリース。\nOptional Chaining、Nullish Coalescing、Assertion Functionsのサポート。 \n`never`を返す関数を呼び出した場合の型推論の改善、`--declaration`と`--allowJs`の組み合わせのサポート、`// @ts-nocheck`の追加など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2019-10-26T01:31:02.641Z","title":"Release v2.0.0 · GoogleChrome/puppeteer","url":"https://github.com/GoogleChrome/puppeteer/releases/tag/v2.0.0","content":"Puppeteer 2.0.0リリース\nChromium 79へのアップデート、Node 6以下のサポート終了、`page.screenshot`をViewportに合わせる変更など。\nまた、`page.emulateTimezone`、`page.emulateMediaType`、`page.emulateMediaFeatures`の追加など","tags":["Chrome","ReleaseNote","library"],"relatedLinks":[]},{"date":"2019-10-26T01:42:38.130Z","title":"JavaScript Promiseの本 v2リリース、ES2015+に対応、Async Functionの章を追加 | Web Scratch","url":"https://efcl.info/2019/10/23/promises-book-v2/","content":"JavaScript Promise本 v2リリース。\nサンプルコードをES2015ベースに変更、Async Functionの章の追加、`Promise#finally`の解説を追加など","tags":["JavaScript","book"],"relatedLinks":[{"title":"JavaScript Promiseの本","url":"https://azu.github.io/promises-book/"}]},{"date":"2019-10-26T02:03:33.249Z","title":"JavaScript: The Definitive Guide, 7th Edition - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920048633.do","content":"2019年7月発売\nOreillyのJavaScript本(通称サイ本)の第7版","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2019-10-27T11:21:29.297Z","title":"Prototype Pollution in Kibana","url":"https://slides.com/securitymb/prototype-pollution-in-kibana","content":"KibanaにあったPrototype pollutionの脆弱性を使ったRCEについての解説スライド。\n`__proto__.env`で任意の環境変数を読み込ませてspawnするのを見つけ、`NODE_OPTIONS`と`/proc/self/environ`を使い環境変数にコードを仕込み実行させる手法の解説","tags":["JavaScript","security","slide"],"relatedLinks":[]},{"date":"2019-10-27T14:23:17.460Z","title":"Time to First Byte: What It Is and Why It Matters – CSS Wizardry – CSS Architecture, Web Performance Optimisation, and more, by Harry Roberts","url":"https://csswizardry.com/2019/08/time-to-first-byte-what-it-is-and-why-it-matters/","content":"Time to First Byte (TTFB)についての解説。\nTTFBに含まれるであろう処理の種類、それを明示できるServer-Timingヘッダについて","tags":["browser","performance","article"],"relatedLinks":[]},{"date":"2019-10-28T14:38:10.047Z","title":"Electron 7.0.0 | Electron Blog","url":"https://electronjs.org/blog/electron-7-0","content":"Electron 7.0.0リリース。\nWindows on Arg(64bit)の対応、非同期IPCの`ipcRenderer.invoke()`と`ipcMain.handle()`の追加、`nativeTheme` APIの追加など。\nElectron 4.xはサポート終了となる。","tags":["Electron","ReleaseNote"],"relatedLinks":[]},{"date":"2019-10-29T01:31:47.056Z","title":"WebAuthN 実際導入してどうだったか","url":"https://kasecato.github.io/web-study-webauthn-nulab/","content":"Web Authentication APIについてのスライド。\nセキュリティデバイスの登録における設計、ChromeやmacOSのTouch IDにおけるハマりどころ(プロファイルに紐づくなど)などについて","tags":["WebAuthentication","slide"],"relatedLinks":[]},{"date":"2019-10-29T01:38:29.782Z","title":"OpenJS Foundation launches new professional certification program to support the future of Node.js development - OpenJS Foundation","url":"https://openjsf.org/blog/2019/10/22/openjs-foundation-launches-new-professional-certification-program-to-support-the-future-of-node-js-development/","content":"OpenJS Foundation(Node.js Foundation)がNode.jsのアプリケーション開発とサービス開発における2種類の認定プログラムを開始した","tags":["node.js","news"],"relatedLinks":[]},{"date":"2019-10-31T00:12:17.112Z","title":"mciastek/sal: 🚀 Performance focused, lightweight scroll animation library 🚀","url":"https://github.com/mciastek/sal","content":"Intersection Observerを使ったスクロールアニメーションライブラリ。","tags":["JavaScript","library","animation"],"relatedLinks":[]},{"date":"2019-10-31T02:15:09.304Z","title":"Release v0.111.0 · facebook/flow","url":"https://github.com/facebook/flow/releases/tag/v0.111.0","content":"FlowType 0.111.0リリース。\nObject spread構文によるオブジェクトのマージにおける型推論の改善。\nパフォーマンス改善に向けた試験的なフラグとして`experimental.minimal_merge`の追加など","tags":["flowtype","ReleaseNote"],"relatedLinks":[{"title":"Now you can spread disjoint unions without getting errors!","url":"https://medium.com/flow-type/spreads-common-errors-fixes-9701012e9d58"}]},{"date":"2019-11-01T07:47:40.811Z","title":"React Conf 2019 - YouTube","url":"https://www.youtube.com/playlist?list=PLPxbbTqCLbGHPxZpw4xj_Wwg8-fdNxJRh","content":"React Conf 2019の動画一覧","tags":["React","video"],"relatedLinks":[{"title":"React Conf 2019 - Fall 2019 in Lake Las Vegas, Nevada","url":"https://conf.reactjs.org/"}]},{"date":"2019-11-01T12:32:54.352Z","title":"SameSite cookie recipes","url":"https://web.dev/samesite-cookie-recipes/","content":"SameSite Cookiesへの対応方法について。\nSameSite=Noneに対応していないUAの対策として、LegacyなCookieととSameSite属性をつけたCookieを両方渡すパターンについてなど","tags":["browser","security"],"relatedLinks":[]},{"date":"2019-11-03T13:48:34.205Z","title":"mikro-orm/mikro-orm: TypeScript ORM for Node.js based on Data Mapper, Unit of Work and Identity Map patterns. Supports MongoDB, MySQL, MariaDB, PostgreSQL and SQLite databases.","url":"https://github.com/mikro-orm/mikro-orm","content":"TypeScriptで書かれたMongoDB、MySQL、PostgreSQLなどのORMマッパーライブラリ","tags":["TypeScript","rnode","library","MySQL","MongoDB"],"relatedLinks":[]},{"date":"2019-11-04T07:37:29.845Z","title":"ReactHooksでvideoを乗りこなす - Speaker Deck","url":"https://speakerdeck.com/narirou/reacthookstevideowocheng-rikonasu","content":"React Hooksを使ってVideoプレイヤーを作成することについてのスライド。\n`<video>`要素の持つ複雑なステート管理、更新頻度に合わせたステートの分離、React Hooksの利用についてなど","tags":["React","video","slide"],"relatedLinks":[]},{"date":"2019-11-04T11:50:26.150Z","title":"kroitor/asciichart: Nice-looking lightweight console ASCII line charts ╭┈╯ for NodeJS, browsers and terminal, no dependencies","url":"https://github.com/kroitor/asciichart","content":"コンソールでAscii線グラフを描画するライブラリ","tags":["JavaScript","graphic","library","console"],"relatedLinks":[]},{"date":"2019-11-04T12:02:51.607Z","title":"The npm Blog — Release: 6.12.1","url":"https://blog.npmjs.org/post/188679949625/release-6121","content":"npm 6.12.1リリース。\nNode.js 13のサポートなど","tags":["npm","ReleaseNote"],"relatedLinks":[]},{"date":"2019-11-04T12:21:12.760Z","title":"Hands-on guide: developing & deploying Node.js apps in Kubernetes","url":"https://learnk8s.io/nodejs-kubernetes-guide/","content":"Express+MongoなNode.jsアプリをDockerで動かして、それをminikubeを使ってローカルのKubernatesクラスタで動かし、スケーリングをテストするチュートリアル記事","tags":["node.js","Docker","kubernetes","article","tutorial"],"relatedLinks":[]},{"date":"2019-11-04T12:35:26.745Z","title":"Release v5.0.0 · immerjs/immer","url":"https://github.com/immerjs/immer/releases/tag/v5.0.0","content":"Immer 5.0.0リリース。\nMapとSetのサポート","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-11-04T13:03:22.304Z","title":"Building (And Re-Building) the Airbnb Design System | Maja Wichrowska & Tae Kim - YouTube","url":"https://www.youtube.com/watch?v=fHQ1WSx41CA&list=PLPxbbTqCLbGHPxZpw4xj_Wwg8-fdNxJRh&index=10&t=0s","content":"Airbnbのデザインシステムの過去、現在、未来についての発表。\n最初はフラグメンテーションが問題になり、CSS-in-JSを使ってデザインをDSLに寄せたら複雑化しパフォーマンスが問題になった。\n柔軟性とパフォーマンスをちょうどよく取れるモジューラなアーキテクチャを目指し再構築しているという話","tags":["Design","React","video"],"relatedLinks":[]},{"date":"2019-11-05T00:05:30.662Z","title":"5 TypeScript tips to improve your applications","url":"https://nehalist.io/5-typescript-tips-to-improve-your-architecture/","content":"TypeScriptの型Tips。\nUtility types、`unknown`型の利用、Loolup Types、ライブラリの型の拡張、ビルトインオブジェクトの型についてなど","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2019-11-04T23:58:58.018Z","title":"Official Google Webmaster Central Blog [EN]: Get faster with the new Speed report in Search Console","url":"https://webmasters.googleblog.com/2019/11/search-console-speed-report.html","content":"Google Search ConsoleにChrome UX Reportを使った速度に関するレポートが一般公開された。\nPC、モバイルごとに速度がLow、Middle、Fastの分類をして、その原因や改善方法の情報を提供する画面が追加された","tags":["google","SEO","performance"],"relatedLinks":[]},{"date":"2019-11-04T23:54:49.505Z","title":"Getting your sites ready for the new Microsoft Edge - Microsoft Edge Blog","url":"https://blogs.windows.com/msedgedev/2019/11/04/edge-chromium-release-candidate-get-ready/","content":"MSEdge on ChromiumのRCリリース。\nWebDriverの対応、Puppeteerの対応、IEDriverServer使ったMSEdgeのIEモードでの起動方法についてなど","tags":["MSEdge","ReleaseNote"],"relatedLinks":[]},{"date":"2019-11-06T01:24:28.439Z","title":"Announcing TypeScript 3.7 | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-3-7/","content":"TypeScript 3.7リリース。\nPlaygroundで更新内容を確認できるようになった。\nOptional Chainig、Nullish Coalescing、Assertion Functionsのサポート、エラーレポートの改善、`@ts-nockeck`をtsファイルでサポートなど。\n`never`型のコントールフロー改善、`--declaration`と`--allowJs`を組みあせて利用できるように.\n`useDefineForClassFields`のフラグ付きでクラスフィールドに`declare`を利用できるように、","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2019-11-08T14:56:59.004Z","title":"GoogleChromeLabs/native-url: Node's url module implemented using the built-in URL API.","url":"https://github.com/GoogleChromeLabs/native-url","content":"Node.jsの`url`モジュールを`URL`オブジェクトを使って実装したpolyfillライブラリ。\nネイティブのURL APIを使うことで、ファイルサイズが小さくなる。webpackなどのaliasで差し替える方法についても書かれている","tags":["JavaScript","URL","library","node.js"],"relatedLinks":[]},{"date":"2019-11-09T02:10:00.283Z","title":"Prettier 1.19: Long awaited Vue option, TypeScript 3.7 and new JavaScript features · Prettier","url":"https://prettier.io/blog/2019/11/09/1.19.0.html","content":"Prettier 1.19リリース。\n`--vue-indent-script-and-style`オプションの追加、TypeScript 3.7のサポート、ES Proposalのpartial application構文のサポートなど。\n","tags":["JavaScript","Tools","Vue","ReleaseNote"],"relatedLinks":[]},{"date":"2019-11-09T07:52:03.732Z","title":"7.7.0 Released: Error recovery and TypeScript 3.7 · Babel","url":"https://babeljs.io/blog/2019/11/05/7.7.0","content":"Babel 7.7.0リリース。\nTop-Level `await`のサポート、TypeScript 3.7サポート。\nパースエラーでも結果のASTとエラーを返せる`errorRecovery`オプションの追加、`.babelrc.cjs`を設定ファイルとして認識するように、メモリ消費量の改善など","tags":["babel","ReleaseNote"],"relatedLinks":[]},{"date":"2019-11-09T08:05:36.566Z","title":"Release v6.13.0 · npm/cli","url":"https://github.com/npm/cli/releases/tag/v6.13.0","content":"npm 6.13.0リリース。\n`npm fund`で依存パッケージの`funding`フィールドをリスト表示できるように、`npm help <command> --viewer browser`で表示するヘルプをgatsbyベースに変更など","tags":["npm","ReleaseNote"],"relatedLinks":[]},{"date":"2019-11-12T02:07:38.204Z","title":"The npm Blog — Updates to Community, Docs & more...","url":"https://blog.npmjs.org/post/188841555980/updates-to-community-docs-more","content":"npmの最近の変更と今後について。\nnpmのフォーラム( https://npm.community/ )はアーカイブ化しバグ関係の管理はGitHub Issuesに再び移動、npm 6.13で`npm fund`のサポートなど。\nまたnpm v7の変更予定としてパフォーマンスの改善、GitHubのPRからのインストール、Node 6と8のサポート終了、peerDepsをデフォルトでインストールするように変更など","tags":["npm","article","news"],"relatedLinks":[{"title":"Release v6.13.0 · npm/cli","url":"http://example.com/"}]},{"date":"2019-11-09T14:41:27.720Z","title":"pvdz/tenko: An 100% spec compliant ES2020 JavaScript parser written in JS","url":"https://github.com/pvdz/tenko","content":"JavaScriptで書かれたJavaScriptパーサライブラリ。\nES2015+の構文のパースをサポート、またESTree、Acorn、Babel形式のAST出力に対応している。","tags":["JavaScript","AST","library"],"relatedLinks":[{"title":"pvdz/zeparser2: Next version of my JS (ES5) parser","url":"https://github.com/pvdz/zeparser2"},{"title":"pvdz/zeparser3: ZeParser3 was renamed to Tenko -> https://github.com/pvdz/tenko","url":"https://github.com/pvdz/zeparser3"}]},{"date":"2019-11-09T14:47:55.257Z","title":"manuelbieh/geolib: Zero dependency library to provide some basic geo functions","url":"https://github.com/manuelbieh/geolib","content":"地理座標系の計算を行うライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2019-11-09T15:12:14.151Z","title":"Client-Side SQL Query Parsing with ANTLR | Rockset","url":"https://rockset.com/blog/client-side-sql-query-parsing-with-antlr/","content":"ANTLRを使ったSQL構文のパーサをJavaScriptで書く方法についての記事","tags":["JavaScript","SQL","article"],"relatedLinks":[]},{"date":"2019-11-10T11:13:10.814Z","title":"Announcing Dart 2.6 with dart2native: Compile Dart to self-contained, native executables","url":"https://medium.com/dartlang/dart2native-a76c815e6baf","content":"Dart 2.6リリース。\n`dart2native` compilerでmacOSやWindows、Linux向けのネイティブコードの出力をサポート、`dart:ffi`の改善など","tags":["dart","ReleaseNote"],"relatedLinks":[]},{"date":"2019-11-10T15:18:53.446Z","title":"lirantal/lockfile-lint: Lint an npm or yarn lockfile to analyze and detect security issues","url":"https://github.com/lirantal/lockfile-lint","content":"`pacage-lock.json`や`yarn.lock`のチェックツール。\nポリシーに反する依存がロックファイル含まれていないかチェックするLintツール。","tags":["npm","yarn","security","Tools","testing"],"relatedLinks":[{"title":"Why npm lockfiles can be a security blindspot for injecting malicious modules | Snyk","url":"https://snyk.io/blog/why-npm-lockfiles-can-be-a-security-blindspot-for-injecting-malicious-modules/"}]},{"date":"2019-11-11T15:42:21.116Z","title":"The 2019 Web Almanac","url":"https://almanac.httparchive.org/en/2019/","content":"HTTP Archiveのレポートと解説を合わせた書籍。\nページコンテンツ、UX、Publishing,\nDistributingについて","tags":["browser","HTTP","book"],"relatedLinks":[]},{"date":"2019-11-12T02:02:13.689Z","title":"GoogleChrome/lighthouse-ci: Automate running Lighthouse for every commit, viewing the changes, and preventing regressions","url":"https://github.com/GoogleChrome/lighthouse-ci","content":"継続的にlighthouseの結果を計測し、設定したbudgetに対するassertionを行うためのCIツール。\nlighthouseの結果を記録して、項目ごとにAssertionsを設定でき、コミットごとにそのパフォーマンスのリグレッションが発生してないかを継続的にチェックできるツール。","tags":["browser","performance","CI ","testing"],"relatedLinks":[{"title":"treosh/lighthouse-ci-action: Run Lighthouse in CI using Github Actions","url":"https://github.com/treosh/lighthouse-ci-action"}]},{"date":"2019-11-12T02:05:58.436Z","title":"Rethinking frontend APM - LogRocket Blog","url":"https://blog.logrocket.com/rethinking-frontend-apm/","content":"LogRocketにLogRocket MetricsというFrontend向けのパフォーマンスモニタリング機能が追加された。\nAPM(Application Performance Management)機能で、フロントエンドに関するいろいろなメトリクスを計測し、モニタリングやアラートを設定できる","tags":["webservice","performance","article"],"relatedLinks":[]},{"date":"2019-11-19T02:07:01.617Z","title":"フロントエンドエンジニアのためのセキュリティ対策 ~XSS編~ / #frontkansai 2019 - Speaker Deck","url":"https://speakerdeck.com/masashi/number-frontkansai-2019","content":"XSSについてのスライド。\nXSSの種類(Reflected、Stored、DOM Based)の紹介とそれぞれの典型的な対策。\nまた、CSPやTruested Typesなどの予防策についてなど","tags":["XSS","JavaScript","slide"],"relatedLinks":[{"title":"これからのフロントエンドセキュリティ - Speaker Deck","url":"https://speakerdeck.com/hasegawayosuke/korekarafalsehurontoendosekiyuritei"}]},{"date":"2019-11-15T15:27:56.605Z","title":"Upcoming notification permission changes in Firefox 72 - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2019/11/upcoming-notification-permission-changes-in-firefox-72/","content":"Firefox 72で通知の許可ポップアップはユーザーインタラクション起因じゃないと表示されなくなる件について","tags":["Firefox","security","article"],"relatedLinks":[]},{"date":"2019-11-16T15:05:36.874Z","title":"Build your own React","url":"https://pomb.us/build-your-own-react/","content":"Reactのようなコンポーネントのレンダリングの仕組み、Hooksの仕組みを実装しながら見ていく記事","tags":["React","JavaScript","tutorial","article"],"relatedLinks":[]},{"date":"2019-11-17T04:54:32.660Z","title":"NodeBB/NodeBB: Node.js based forum software built for the modern web","url":"https://github.com/NodeBB/NodeBB","content":"Node.js製のフォーラムウェブアプリ","tags":["node.js","BBS"],"relatedLinks":[]},{"date":"2019-11-17T04:57:06.278Z","title":"Integrate your data, APIs, and cloud services in minutes - Pipedream","url":"https://pipedream.com/","content":"Node.jsでコードとして書けるIFTTT的なウェブサービス。\nSlackやGitHubなどからイベントを受け取り、コードで処理して、別のサービスにデータを送ることができる","tags":["node.js","webservice","API"],"relatedLinks":[]},{"date":"2019-11-17T04:59:30.247Z","title":"Chrome Dev Summit 2019 - All Sessions - YouTube","url":"https://www.youtube.com/playlist?list=PLNYkxOF6rcIDA1uGhqy45bqlul0VcvKMr","content":"Chrome Dev Summmit 2019の動画一覧","tags":["Chrome","video","Conference"],"relatedLinks":[]},{"date":"2019-11-17T11:30:33.108Z","title":"Handling Errors in Express | Zell Liew","url":"https://zellwk.com/blog/express-errors/","content":"Expressのエラーハンドリングについての記事。\n`express-async-handler`を使ったasyncのエラーハンドリング、`http-errors`を使ったエラーオブジェクトの作成、カスタムエラーハンドリングやFallbackについてなど","tags":["node.js","article"],"relatedLinks":[]},{"date":"2019-11-17T12:05:40.196Z","title":"Metrics","url":"https://web.dev/metrics/","content":"ウェブサイトのパフォーマンスメトリクスについての解説。\nFCP、LCP、FID、TTI、TBT、CLSについてそれぞれの解説、計測方法、改善方法が書かれている。","tags":["Chrome","performance","tutorial","browser"],"relatedLinks":[]},{"date":"2019-11-17T12:43:43.735Z","title":"The Front-End Tooling Survey 2019 - Results - AshleyNolan.co.uk - Blog and Portfolio for Ashley Watson-Nolan","url":"https://ashleynolan.co.uk/blog/frontend-tooling-survey-2019-results","content":"JavaScriptやCSSのツールに関するアンケートをするThe Front-End Tooling Survey 2019の結果が公開された。\nプリプロセッサ、フレームワーク、Lint、Bundler、Testing、Performance、Accessiblityなどについてのアンケート","tags":["JavaScript","CSS","アンケート","article"],"relatedLinks":[]},{"date":"2019-11-17T12:53:47.655Z","title":"Building a native add-on for Node.js in 2019 - Sqreen Blog","url":"https://blog.sqreen.com/building-a-native-add-on-for-node-js-in-2019/","content":"Node.jsのネイティブアドオンの作り方。\nN-APIのバージョンとNode.jsの対応表、NANを使ったネイティブアドオンの書き方について","tags":["node.js","article"],"relatedLinks":[]},{"date":"2019-11-18T13:09:19.013Z","title":"Publishing Typings to DefinitelyTyped - Level Up Coding","url":"https://levelup.gitconnected.com/publishing-typings-to-definitelytyped-d4e0777e40f5","content":"`@types`パッケージの作成方法、削除方法、DefinitelyTypedへのPull Requestの出し方、テストについてなど","tags":["TypeScript","npm","article"],"relatedLinks":[]},{"date":"2019-11-18T13:23:13.199Z","title":"NeekSandhu/onigasm: Oniguruma regex library on the web using WebAssembly","url":"https://github.com/NeekSandhu/onigasm","content":"正規表現エンジンであるOnigurumaのWebAssembly版","tags":["JavaScript","WebAssembly","library"],"relatedLinks":[]},{"date":"2019-11-19T02:04:56.397Z","title":"Bytecode Alliance","url":"https://bytecodealliance.org/articles/announcing-the-bytecode-alliance","content":"Mozilla、Fastly、Intel、Red Hatが中心となってWebAssemblyのセキュアなエコシステムを作ることが目的のBytecode Allianceという団体が発足した。\nnpmを例にした現在のエコシステムでの攻撃事例、Nanoprocessと呼ばれるSandboxの仕組みについても書かれている。","tags":["WebAssembly","news"],"relatedLinks":[]},{"date":"2019-11-19T15:06:35.884Z","title":"Test-Driven React: Find Problems Early, Fix Them Quickly, Code with Confidence by Trevor Burnham | The Pragmatic Bookshelf","url":"https://pragprog.com/book/tbreact/test-driven-react","content":"テスト駆動でのReactアプリケーション開発についての書籍","tags":["React","testing","book"],"relatedLinks":[]},{"date":"2019-11-21T16:07:57.372Z","title":"Core: Migrate from AMD to ES modules 🎉 by mgol · Pull Request #4541 · jquery/jquery","url":"https://github.com/jquery/jquery/pull/4541","content":"jQueryのコードベースがAMDからES modulesに書き換えられた","tags":["jQuery","issue","module","news"],"relatedLinks":[]},{"date":"2019-11-22T04:10:10.307Z","title":"Release Notes for Safari Technology Preview 96 | WebKit","url":"https://webkit.org/blog/9658/release-notes-for-safari-technology-preview-96/","content":"Safari Technology Preview 96リリース。\nWeb Animations APIをデフォルトで有効化、`navigator.clipboard.read()`の実装など","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2019-11-22T05:13:50.174Z","title":"Node v13.2.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v13.2.0/","content":"Node.js 13.2.0リリース。\n`--experimental-modules`のフラグが外れたため、デフォルトでES Modulesが利用できるように。\n`worker_threads`に`resourceLimits`オプションの追加、`child_process`などに`serialization`オプションの追加など","tags":["node.js","ReleaseNote","module"],"relatedLinks":[{"title":"ECMAScript Modules | Node.js v13.2.0 Documentation","url":"https://nodejs.org/api/esm.html"},{"title":"Announcing core Node.js support for ECMAScript modules","url":"https://medium.com/@nodejs/announcing-core-node-js-support-for-ecmascript-modules-c5d6dc29b663"}]},{"date":"2019-11-23T11:24:17.385Z","title":"Node.js 12.x runtime now available in AWS Lambda | AWS Compute Blog","url":"https://aws.amazon.com/jp/blogs/compute/node-js-12-x-runtime-now-available-in-aws-lambda/","content":"AWS LambdaがNode.js 12.xをサポート","tags":["aws","Lambda","node.js","news"],"relatedLinks":[]},{"date":"2019-11-23T12:30:02.896Z","title":"TestCafe v1.7.0 Released | TestCafe","url":"https://devexpress.github.io/testcafe/blog/testcafe-v1-7-0-released.html","content":"TestCafe v1.7.0リリース。\nテストコード内で実行してるブラウザやOSの情報を取得できる`t.browser`オブジェクトのサポートなど","tags":["browser","testing","E2E","ReleaseNote"],"relatedLinks":[]},{"date":"2019-11-24T02:03:54.621Z","title":"Faster apps with JSON.parse (Chrome Dev Summit 2019) - YouTube","url":"https://www.youtube.com/watch?v=ff4fgQxPaO0","content":"オブジェクトリテラルより`JSON.parse`した方が、パフォーマンスが良い理由についての解説動画。\nJSONには出現するトークンが限定されているためオブジェクトリテラルよりパースが高速にできること、SSRでのユースケースなどについて紹介している。\n10kB以上など大きなデータに関しては`JSON.parse`を使うことを推奨している","tags":["JavaScript","JSON","performance","video"],"relatedLinks":[{"title":"The cost of JavaScript in 2019 · V8","url":"https://v8.dev/blog/cost-of-javascript-2019#json"}]},{"date":"2019-11-24T02:20:04.665Z","title":"Web Framework Fastify Joins OpenJS Foundation as an Incubating Project - OpenJS Foundation","url":"https://openjsf.org/blog/2019/11/20/web-framework-fastify-joins-openjs-foundation-as-an-incubating-project/","content":"Node.jsのウェブアプリケーションフレームワークであるFastifyがOpenJS FoundationのIncubating Projectとなった。","tags":["node.js","library","news"],"relatedLinks":[{"title":"Fastify, Fast and low overhead web framework, for Node.js","url":"https://www.fastify.io/"}]},{"date":"2019-11-24T02:39:46.969Z","title":"EasyDB","url":"https://easydb.io/","content":"Node.jsやPythonから24時間使えるKVSなDBを作ってくれるウェブサービス。\nアカウントを作ると72時間使うことができ、永続化したい場合は$5/monthで利用できる。\nハッカソンなどの一時的なイベント向けのデータベースサービス。","tags":["DB ","webservice","node.js","npm","python"],"relatedLinks":[]},{"date":"2019-11-24T14:24:18.578Z","title":"jeremydaly/lambda-api: Lightweight web framework for your serverless applications","url":"https://github.com/jeremydaly/lambda-api","content":"AWS Lambda向けのNode,jsフレームワーク。\n依存がなく、HTTPメソッド対するルーティング、HTTPリクエスト/レスポンスに対する基本的な処理を持っている","tags":["node.js","aws","Lambda","library"],"relatedLinks":[]},{"date":"2019-11-24T14:48:27.412Z","title":"CanJS 6.0","url":"https://www.bitovi.com/blog/canjs-6.0","content":"CanJS 6.0リリース。\nWebComponentベースになり、コンポーネントのPropsの型システムの刷新、Proxyを使ったObservableObjectの仕組みなどが導入された。\nマイグレーションガイドとツールも公開されている。\n","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Migrating to CanJS 6 | upgrade | Guides | CanJS — Build CRUD apps in fewer lines of code.","url":"https://canjs.com/doc/migrate-6.html#MigratetoObservableObjectandObservableArrayformodels"},{"title":"Using Codemods | upgrade | Guides | CanJS — Build CRUD apps in fewer lines of code.","url":"https://canjs.com/doc/guides/upgrade/using-codemods.html"}]},{"date":"2019-11-24T14:51:08.930Z","title":"liyasthomas/postwoman: 👽 API request builder - A free, fast, and beautiful alternative to Postman https://postwoman.io 🔥","url":"https://github.com/liyasthomas/postwoman","content":"REST API、WebSockets、GraphQLに対応したAPIへのリクエスト/レスポンスをテストできるツール。","tags":["webservice","API","Tools"],"relatedLinks":[]},{"date":"2019-11-25T02:56:11.268Z","title":"Cropping Images to a specific Aspect Ratio with JavaScript • PQINA","url":"https://pqina.nl/blog/cropping-images-to-an-aspect-ratio-with-javascript/","content":"Canvasを使って画像を切り抜きするチュートリアル。チュートリアルではカバーできてない画像を扱う際の問題についてなど","tags":["JavaScript","canvas","article"],"relatedLinks":[]},{"date":"2019-11-26T02:06:25.642Z","title":"ESLint v6.7.0 released - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2019/11/eslint-v6.7.0-released","content":"ESLint 6.7.0リリース。\nルールからSuggestionの候補を提供するAPIの追加、設定ファイルに`ignorePatterns`を記述できるようになるなど。\nまた`no-constructor-return `などのルールを新規に5つ追加など","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"ESLint v6.7.0 - Qiita","url":"https://qiita.com/mysticatea/items/377b6ca6558dc253159b"}]},{"date":"2019-11-26T02:18:08.144Z","title":"Regular expressions in JavaScript: lookaround assertions by example","url":"https://2ality.com/2019/10/regexp-lookaround-assertions.html","content":"JavaScriptの正規表現の先読み/後読みのパターンについて。","tags":["JavaScript","RegExp","article"],"relatedLinks":[]},{"date":"2019-11-27T04:03:07.694Z","title":"Release Workbox v5.0.0-rc.1 · GoogleChrome/workbox","url":"https://github.com/GoogleChrome/workbox/releases/tag/v5.0.0-rc.1","content":"Workbox 5.0.0 RC1リリース","tags":["JavaScript","ServiceWorker","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-11-28T02:55:00.711Z","title":"子どもから大人までスラスラ読める JavaScriptふりがなKidsプログラミング ゲームを作りながら楽しく学ぼう！ - インプレスブックス","url":"https://book.impress.co.jp/books/1118101174","content":"JavaScriptのコードと本文にふりがなをふったプログラミングの書籍\nHTMLとJavaScriptを使ったゲームを作りながらプログラミングについてを学ぶ内容","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2019-11-29T17:15:47.763Z","title":"JavaScript frameworks security report 2019 | Snyk","url":"https://snyk.io/blog/javascript-frameworks-security-report-2019/","content":"Angular(JS)、React、jQueryについてのセキュリティレポート。\n脆弱性の個数や影響範囲、脆弱性報告、セキュリティ機能についてなど","tags":["Angular","React","jQuery","security","article"],"relatedLinks":[]},{"date":"2019-11-29T17:20:32.645Z","title":"KilledByAPixel/JSONCrush: Compress JSON into URL friendly strings","url":"https://github.com/KilledByAPixel/JSONCrush","content":"JSON文字列をURLセーフにエンコード/デコードするライブラリ","tags":["JSON","URL","library","JavaScript"],"relatedLinks":[]},{"date":"2019-11-30T17:00:48.463Z","title":"connor4312/cockatiel: A resilience and transient-fault-handling library that allows developers to express policies such as Backoff, Retry, Circuit Breaker, Timeout, Bulkhead Isolation, and Fallback. Inspired by .NET Polly.","url":"https://github.com/connor4312/cockatiel","content":".NET Pollyをインスパイアしたエラーハンドリングと復帰処理ライブラリ。\nバックオフアルゴリズム、キャンセル、リトライ、サーキットブレーカー、タイムアウト、同時呼び出しの制限、フォールバックなどを行う","tags":["JavaScript","TypeScript","library",".net"],"relatedLinks":[{"title":"App-vNext/Polly: Polly is a .NET resilience and transient-fault-handling library that allows developers to express policies such as Retry, Circuit Breaker, Timeout, Bulkhead Isolation, and Fallback in a fluent and thread-safe manner. From version 6.0.1, Polly targets .NET Standard 1.1 and 2.0+.","url":"https://github.com/App-vNext/Polly"}]},{"date":"2019-12-01T03:41:03.371Z","title":"grubersjoe/reflow: Babel plugin to transpile Flow code to TypeScript with CLI wrapper","url":"https://github.com/grubersjoe/reflow","content":"FlowのコードをTypeScriptのコードに変換するCLI。","tags":["flowtype","TypeScript","console","Tools"],"relatedLinks":[]},{"date":"2019-12-01T14:23:32.066Z","title":"billinghamj/fix-es-imports: Fixes your ES import paths - from Node-style to explicit filenames","url":"https://github.com/billinghamj/fix-es-imports","content":"`require`では省略可能なモジュールインポートの`index.js`や拡張子を追加するツール。\nECMAScriptでは拡張子などは省略できないため、`import`文を修正する目的のツール","tags":["node.js","ECMAScript","module","Tools"],"relatedLinks":[]},{"date":"2019-12-01T14:57:49.322Z","title":"open-source-labs/reactime: Chrome extension for state debugging in React applications","url":"https://github.com/open-source-labs/reactime","content":"ReactアプリケーションのStateをデバッグするブラウザ拡張。\nその時点のStateの表示、Stateの変化を記録して、特定の時点のStateを再現できる。","tags":["React","debug","Chrome","Extension"],"relatedLinks":[]},{"date":"2019-12-01T15:20:50.305Z","title":"GraphQLを用いたサイトに おけるパフォーマンス改善 （ECサイトを題材に）/ Improving online shopping site performance which using the GraphQL - Speaker Deck","url":"https://speakerdeck.com/nobuhikosawai/improving-online-shopping-site-performance-which-using-the-graphql","content":"GraphQLのパフォーマンス改善についてのスライド。\nDatadog APMを使ったサーバサイドのGraphQLのクエリトレースの読み方、フロントエンドの不必要なデータを取得するクエリの改善方法について。\nクエリと画面を紐付けるためにFragmentとColocation","tags":["GraphQL","performance","slide"],"relatedLinks":[{"title":"Using fragments - Client (React) - Apollo GraphQL Docs","url":"https://www.apollographql.com/docs/react/data/fragments/"}]},{"date":"2019-12-01T15:21:45.912Z","title":"I created the exact same app in Vue and Svelte. Here are the differences.","url":"https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-vue-and-svelte-here-are-the-differences-c649f8d4ce0a","content":"VueとSvelteで同じTodoアプリを作成しての比較記事。","tags":["JavaScript","Vue","article"],"relatedLinks":[]},{"date":"2019-12-01T15:33:18.628Z","title":"Style Guide · Redux","url":"https://redux.js.org/style-guide/style-guide","content":"Reduxのスタイルについての公式ドキュメント。\nEssential、Strongly Recommended、Recommendedの3つのカテゴリでスタイルに対するガイドをまとめている","tags":["redux","document"],"relatedLinks":[]},{"date":"2019-12-02T14:17:22.143Z","title":"Release v10.0.0 · sindresorhus/got","url":"https://github.com/sindresorhus/got/releases/tag/v10.0.0","content":"Node.js向けHTTPクライアントのGot 10.0.0リリース。\nTypeScriptで書き直されたバージョン。\nNode.js 10未満のサポート終了、`query`を`searchParams`にリネーム、`encoding`を`responseType`にリネーム、`json`オプションの変更など。\nDNS cacheのサポート、`maxRedirects`オプションの追加など","tags":["node.js","HTTP","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-12-02T16:42:15.138Z","title":"Who Can Use","url":"https://whocanuse.com/","content":"背景色、文字色、文字サイズを指定してプレビューでき、コントラスト比やWCAGグレードを算出してくれるツール","tags":["accessibility","Tools"],"relatedLinks":[]},{"date":"2019-12-03T02:31:04.810Z","title":"neomjs/neo: The webworkers driven UI framework (BETA version)","url":"https://github.com/neomjs/neo","content":"WebWorkerベースのUIフレームワーク。\nWorker内でコンポーネントの処理を行う","tags":["JavaScript","webworker","library","UI"],"relatedLinks":[{"title":"neomjs/neo: The webworkers driven UI framework (BETA version)","url":"https://github.com/neomjs/neo"},{"title":"neo/VISION.md at dev · neomjs/neo","url":"https://github.com/neomjs/neo/blob/dev/.github/VISION.md"}]},{"date":"2019-12-03T03:05:52.459Z","title":"FAB — Frontend Application Bundles","url":"https://fab.dev/","content":"フロントエンドアプリケーションをホスティングにデプロイする際のパッケージングや配信するNode.jsサーバについて決めた仕様。\nフレームワークごとに出力形式が異なり、ホスティング環境ごとに設定が異なるのを補うための中間フォーマット","tags":["JavaScript","bundler","Tools","spec","document"],"relatedLinks":[{"title":"@fab/static","url":"https://github.com/fab-spec/fab/tree/next/packages/fab-static"}]},{"date":"2019-12-03T03:08:05.357Z","title":"Linc – The Perfect CI/CD Pipeline for your Frontend","url":"https://linc.sh/","content":"フロントエンドアプリケーション向けのCI。CDウェブサービス。\nhttps://fab.dev/ のパッケージをサポートしており、コミットごとテスト、アプリケーションのプレビューができる。","tags":["CI ","CD","webservice","JavaScript"],"relatedLinks":[]},{"date":"2019-12-03T03:20:21.010Z","title":"Announcing GraalWasm — a WebAssembly engine in GraalVM","url":"https://medium.com/graalvm/announcing-graalwasm-a-webassembly-engine-in-graalvm-25cd0400a7f2","content":"GraalVMでWebAssemblyのサポート。\nGraalVMのTrufle API使ってWebAssemblyバイナリに対するインタープリタを実装し、Wasmを実行できるようにしている。 ","tags":["WebAssembly","Java","VM","article"],"relatedLinks":[]},{"date":"2019-12-04T13:50:19.200Z","title":"What's New In DevTools (Chrome 80)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2019/12/devtools","content":"Chrome 80の開発者ツールの変更点について。\nコンソールで`let`や`const`の再定義が可能に、DWARFをサポートしWebAssemblyのソースデバッグに対応、ネットワークパネルの改善、デフォルトのUAリストの更新など。\nまた、Coverageが関数毎とブロッグ毎を選択できるようになるなど","tags":["Chrome","debiug","article"],"relatedLinks":[{"title":"Improved WebAssembly debugging in Chrome DevTools  |  Google Developers","url":"https://developers.google.com/web/updates/2019/12/webassembly"}]},{"date":"2019-12-04T14:04:18.998Z","title":"Improved WebAssembly debugging in Chrome DevTools  |  Google Developers","url":"https://developers.google.com/web/updates/2019/12/webassembly","content":"Chrome 80でDWARFのサポートが入った。\nWebAssemblyのデバッグ時に元のソースコードとの対応したブレークポイントの設定やステップ実行が可能になる。\nDWARFはバイナリ向けのSource Mapのような仕様で、バイナリに対してデバッグ用の情報を埋め込むためのデータフォーマット","tags":["Chrome","WebAssembly","article"],"relatedLinks":[{"title":"Dwarf Home","url":"http://dwarfstd.org/"}]},{"date":"2019-12-04T14:29:13.298Z","title":"Node v13.3.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v13.3.0/","content":"Node.js 13.3.0リリース。\nExperimentalな`fs.rmdir`のリトライオプションの変更、HTTPのヘッダサイズを指定する`maxHeaderSize`を`http.Server`ごとに指定できるように、WASIのサポートなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2019-12-04T14:40:17.811Z","title":"alyssaxuu/flowy: The minimal javascript library to create flowcharts ✨","url":"https://github.com/alyssaxuu/flowy","content":"フローチャートを作成するライブラリ。\nブロッグをD&Dしてフローチャートを作成できるGUI、フローチャートをJSONとしてインポート/エクスポートできる","tags":["JavaScript","library","graphic"],"relatedLinks":[]},{"date":"2019-12-05T15:02:19.178Z","title":"Release v3.3.0 · facebook/create-react-app","url":"https://github.com/facebook/create-react-app/releases/tag/v3.3.0","content":"create-react-app 3.3.0リリース。\nカスタムテンプレートを指定できる`--template`引数のサポート。\nOptional Chaining/Nullish Coalescing Operators/Numeric Separatorsのサポートなど","tags":["React","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-12-10T00:44:47.581Z","title":"World Wide Web Consortium (W3C) brings a new language to the Web as WebAssembly becomes a W3C Recommendation","url":"https://www.w3.org/2019/12/pressrelease-wasm-rec.html.en","content":"WebAssemblyがW3C Recommendationになった。","tags":["WebAssembly","W3C","news"],"relatedLinks":[]},{"date":"2019-12-07T07:15:57.220Z","title":"Firefox 71.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/71.0/releasenotes/","content":"Firefox 71.0リリース。\n開発者ツールのコンソールがmulti-line modeをサポート、デバッガーがInline variable previewをサポート、ネットワークのRequest Blockingをサポート。\nまた、Web Sockets Inspectorがデフォルトで有効化された。\nMedia Session APIの実装、WindowsでPicture-in-Pictureのサポート、TLS 1.0と1.1がDeprecatedになるなど","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 71 for Developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/71"},{"title":"Firefox 71 サイト互換性情報 | Firefox サイト互換性情報","url":"https://www.fxsitecompat.dev/ja/versions/71/"},{"title":"News from Firefox on Mobile, Private Network and Desktop - The Mozilla Blog","url":"https://blog.mozilla.org/blog/2019/12/03/news-from-firefox-on-mobile-private-network-and-desktop/#PiP"}]},{"date":"2019-12-08T00:35:59.100Z","title":"Web Performance Calendar » Reading a WebPageTest Waterfall Chart","url":"https://calendar.perfplanet.com/2019/reading-a-webpagetest-waterfall-chart/","content":"WebPageTestのウォーターフォールチャートの読み方。\nチャートの要素の解説、典型的な問題の解説など","tags":["browser","performance","webservice","article"],"relatedLinks":[{"title":"How to read a WebPageTest waterfall chart - Frontend Web Developer, Oxfordshire, UK - Matt Hobbs","url":"https://nooshu.github.io/blog/2019/10/02/how-to-read-a-wpt-waterfall-chart/"}]},{"date":"2019-12-08T23:39:46.480Z","title":"Release v6.0.0 · sindresorhus/meow","url":"https://github.com/sindresorhus/meow/releases/v6.0.0","content":"Node.js CLI向けのライブラリであるmeow 6.0.0リリース。\nNode.js 8未満のサポート終了、TypeScriptの型定義ファイルの同梱、`number`型のサポート、`hardRejection`オプションの追加など\n","tags":["node.js","console","library"],"relatedLinks":[]},{"date":"2019-12-09T00:17:35.535Z","title":"Improving Tracking Prevention in Microsoft Edge - Microsoft Edge Blog","url":"https://blogs.windows.com/msedgedev/2019/12/03/improving-tracking-prevention-microsoft-edge-79/","content":"MSEdge on ChromiumにTracking Preventionが試験的に実装された。\nFirefoxのETPと似たDisconnectのリストを使ったトラッカーのストレージアクセス、ネットワークアクセスのブロック。\nユーザーのサイトエンゲージメントスコアが `4.1` 以上となっている組織ドメインは対象から除外される。\n保護レベルとしてBasic、Blanced、Strictの設定ができるようになっている。","tags":["MSEdge","privacy","article"],"relatedLinks":[{"title":"Today’s Firefox Blocks Third-Party Tracking Cookies and Cryptomining by Default - The Mozilla Blog","url":"https://blog.mozilla.org/blog/2019/09/03/todays-firefox-blocks-third-party-tracking-cookies-and-cryptomining-by-default/"}]},{"date":"2019-12-09T14:40:39.204Z","title":"mikeal/reg: Native ESM Package Manager","url":"https://github.com/mikeal/reg","content":"ExperimentalなECMAScript Modulesパッケージマネージャー。\nIPLDでデータを定義している。","tags":["ECMAScript","JavaScript","module","Tools","node.js"],"relatedLinks":[{"title":"IPLD - The data model of the content-addressable web","url":"https://ipld.io/"}]},{"date":"2019-12-09T14:47:51.453Z","title":"Upcoming Browser Behavior Changes: What Developers Need to Know","url":"https://auth0.com/blog/browser-behavior-changes-what-developers-need-to-know/","content":"SameSite Cookieの仕組みの解説、対応方法について","tags":["Chrome","browser","security","article"],"relatedLinks":[]},{"date":"2019-12-09T23:02:33.950Z","title":"nodejs/webcrypto: Implementation of WebCrypto API as an npm package","url":"https://github.com/nodejs/webcrypto","content":"WebCrypto APIのNode.js向けの実装","tags":["node.js","library"],"relatedLinks":[]},{"date":"2019-12-10T00:23:33.163Z","title":"Release 10.1.0 This suspense is killing me · preactjs/preact","url":"https://github.com/preactjs/preact/releases/tag/10.1.0","content":"Preact 10.1.0リリース。\nPreact DevToolsのサポート、`<SuspenseList>`コンポーネントのサポートなど","tags":["React","library","ReleaseNote"],"relatedLinks":[{"title":"Preact Devtools","url":"https://preactjs.github.io/preact-devtools/"}]},{"date":"2019-12-10T00:40:27.291Z","title":"Web Performance Calendar » The ugly truth about optimising beautiful images","url":"https://calendar.perfplanet.com/2019/the-ugly-truth-about-optimising-beautiful-images/","content":"画像の最適化とパフォーマンスについて。\n単純に画像サイズを削減しただけでは、体験が向上しないケースもあることについて。\nLazy Loading、別のものによって表示されるまでブロックされてるケース。\n画像の最適化前に取り組むべきサイトのボトルとなりうる項目について","tags":["Image","performance","browser"],"relatedLinks":[]},{"date":"2019-12-10T00:43:55.688Z","title":"cristianbote/goober: 🥜 goober, a less than 1KB 🎉css-in-js alternative with a familiar API","url":"https://github.com/cristianbote/goober","content":"ファイルサイズの小さなCSS-in-JSの実装ライブラリ","tags":["JavaScript","CSS","library"],"relatedLinks":[]},{"date":"2019-12-10T00:47:15.631Z","title":"ECMAScript proposal updates @ 2019-12 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2019/12/07/ecmascript-proposal-update","content":"2019年12月のTC39ミーティングでステータスの変更があったECMAScript Proposalのまとめ。\nOptional ChainingとNullish coalescing OperatorがStag 4となりES2020に入ることが決まった。","tags":["ECMAScript","proposal","article"],"relatedLinks":[{"title":"proposals/finished-proposals.md at master · tc39/proposals","url":"https://github.com/tc39/proposals/blob/master/finished-proposals.md"}]},{"date":"2019-12-12T07:25:05.208Z","title":"The npm Blog — Binary Planting with the npm CLI","url":"https://blog.npmjs.org/post/189618601100/binary-planting-with-the-npm-cli","content":"npm 6.13.3以下とyarn 1.12.0以下で、\n悪意あるパッケージをインストールするとシステムのコマンドを書き換えできる脆弱性があった。\nnpm 6.13.4、yarn 1.12.1でそれぞれ修正されている","tags":["npm","yarn","ReleaseNote","security"],"relatedLinks":[{"title":"Release v1.21.1 · yarnpkg/yarn","url":"https://github.com/yarnpkg/yarn/releases/tag/v1.21.1"}]},{"date":"2019-12-13T05:37:18.933Z","title":"Start TypeScript Leaving JavaScript as JS - Speaker Deck","url":"https://speakerdeck.com/ginpei/start-typescript-leaving-javascript-as-js","content":"`allowJs`と`checkJs`を使ったJavaScriptからのTypeScriptの導入について","tags":["JavaScript","TypeScript","slide"],"relatedLinks":[]},{"date":"2019-12-14T12:47:43.878Z","title":"JSON Parser with JavaScript | Tan Li Hau","url":"https://lihautan.com/json-parser-with-javascript/","content":"`JSON.parse`を自作しながら、パーサの作り方について学ぶ記事","tags":["JSON","article","JavaScript"],"relatedLinks":[]},{"date":"2019-12-14T12:50:06.058Z","title":"Deep JavaScript: Theory and techniques","url":"https://exploringjs.com/deep-js/","content":"Dr. AxelによるJavaScriptの実践的なテクニックについて扱う書籍","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2019-12-15T11:39:57.354Z","title":"Modeling State with TypeScript | Azavea","url":"https://www.azavea.com/blog/2019/12/12/modeling-state-with-typescript/","content":"TypeScriptの`interface`でそれぞれのステートの型を定義し、ステートが取れる次のステートを定義する方法について。\nCondictional Typesを使った実装方法、それぞれのステート型に対するエラーメッセージの定義などについて","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2019-12-16T11:14:17.659Z","title":"［モダンJavaScript＆ゲームで2倍楽しい］グラフィックスプログラミング入門 ——リアルタイムに動く画面を描く。開発者直伝の基本 | 杉本 雅広 |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/dp/4297110857/","content":"2020年1月18日発売\nJavaScriptを使った2Dゲームでのグラフィックスプログラミングの入門書","tags":["JavaScript","book","game"],"relatedLinks":[]},{"date":"2019-12-16T11:16:56.724Z","title":"2019年のWebGLデバッグツール状況 - Qiita","url":"https://qiita.com/naotaro0123/items/0d5fe877354562a6d1d1","content":"WebGL系のデバッグツールの開発状況のまとめ","tags":["WebGL","debug","JavaScript","article"],"relatedLinks":[]},{"date":"2019-12-16T11:34:23.608Z","title":"oatw/luda: A library helps to build cross-framework UI components.","url":"https://github.com/oatw/luda","content":"UIコンポーネントを扱うライブラリ。\njQueryのようなAPIでコンポーネントの定義、ライフサイクル、Mixin、組み込みコンポーネントを提供するライブラリ","tags":["JavaScript","UI","library"],"relatedLinks":[]},{"date":"2019-12-16T11:42:50.724Z","title":"theodo/falco: Falco helps you monitor, analyze, and optimize your websites.","url":"https://github.com/theodo/falco","content":"WebPageTestの実行と結果の管理ダッシュボードを提供するツール。\n","tags":["performance","Tools"],"relatedLinks":[]},{"date":"2019-12-16T12:20:43.184Z","title":"Mongoose 101 | Zell Liew","url":"https://zellwk.com/blog/mongoose/","content":"Mongooseを使ったMongoDBの使い方チュートリアル。\nSchemaの定義、データの追加、更新、検索、削除について","tags":["MongoDB","node.js","tutorial"],"relatedLinks":[]},{"date":"2019-12-16T14:51:44.809Z","title":"skovy/cooky-cutter: 🍪 Object factories for testing in TypeScript","url":"https://github.com/skovy/cooky-cutter","content":"TypeScriptで特定の構造のデータを生成するファクトリライブラリ。\nファクトリに対してGenericsで型を渡し、型に一致するテストデータを生成する。\nランダムな値、連番な値、ファクトリの合成などのヘルパー関数も提供する","tags":["TypeScript","JavaScript","library"],"relatedLinks":[]},{"date":"2019-12-17T00:02:35.942Z","title":"nrdobie/superjson: JSON serializer with support for custom Classes and more JavaScript built-in objects.","url":"https://github.com/nrdobie/superjson","content":"クラスのシリアライズやビルトインオブジェクトのサポートを追加したJSON serializers/deserializers。\nDateやMapなどの対応、独自クラスのカスタム定義の追加、`JSON`オブジェクトと入れ替える機能も持っている","tags":["JavaScript","library","TypeScript","JSON"],"relatedLinks":[{"title":"Here comes SuperJSON - One Dead Pixel - Medium","url":"https://medium.com/one-dead-pixel/here-comes-superjson-d7f7776f7e2a"}]},{"date":"2019-12-17T00:05:22.321Z","title":"Release 10.1.1 · preactjs/preact","url":"https://github.com/preactjs/preact/releases/tag/10.1.1","content":"Preact 10.1.1リリース。\n`preact/debug`を使ってるデバッグ時の警告にコンポーネントのスタックトレースが表示できるようになるなど","tags":["React","library","ReleaseNote"],"relatedLinks":[]},{"date":"2019-12-17T00:17:11.270Z","title":"December 2019 Security Releases | Node.js","url":"https://nodejs.org/en/blog/vulnerability/december-2019-security-releases/","content":"npm 6.13.3以下に含まれていた脆弱性の対応のため、npm 6.13.4へのアップデートを含むNode.jsの各バージョンが2019-12-17リリースされる。","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"The npm Blog — Binary Planting with the npm CLI","url":"http://example.com/"},{"title":"Previous Releases | Node.js","url":"https://nodejs.org/en/download/releases/"}]},{"date":"2019-12-17T00:14:42.833Z","title":"Node.js のWASIモジュールについて - kakts-log","url":"http://kakts-tec.hatenablog.com/entry/2019/12/16/221941","content":"Node.js v13.3.0で試験的にサポートされたWASI対応について。\n`wasi`モジュールを使ってWebAssemblyの実行方法について","tags":["node.js","article","WebAssembly"],"relatedLinks":[{"title":"Node v13.3.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v13.3.0/"}]},{"date":"2019-12-19T02:17:17.428Z","title":"V8 release v8.0 · V8","url":"https://v8.dev/blog/v8-release-80","content":"V8 v8.0リリース。\nメモリ消費量の改善、ビルドインの高階関数の最適化、Optional ChainingとNullish coalescingのサポートなど","tags":["V8","ReleaseNote"],"relatedLinks":[]},{"date":"2019-12-19T07:26:55.909Z","title":"The State of JavaScript 2019","url":"https://2019.stateofjs.com/","content":"State of JavaScript 2019のアンケート結果が公開された","tags":["JavaScript","アンケート"],"relatedLinks":[]},{"date":"2019-12-20T02:55:03.411Z","title":"Release Notes for Safari Technology Preview 97 | WebKit","url":"https://webkit.org/blog/9672/release-notes-for-safari-technology-preview-97/","content":"Safari Technology Preview 97リリース。\nResize Observerを有効化、`Clipboard.readText``String#replaceAll`、Picture-in-Picture Web APIのサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2019-12-22T10:02:51.090Z","title":"Chromium Blog: Chrome 80, Content Indexing, ES Modules and More","url":"https://blog.chromium.org/2019/12/chrome-80-content-indexing-es-modules.html","content":"Chrome 80βリリース。\nContent IndexingとContact Picker APIのOrigin Trialサポート、Web Worker中でES Modulesを利用できるように。\nFetch APIが`Sec-Fetch-Dest`ヘッダをサポート、Text URL Fragmentsのサポート。\nWeb Components v0の削除など","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Indexing your offline-capable pages with the Content Indexing API","url":"https://web.dev/content-indexing-api/"},{"title":"A contact picker for the web","url":"https://web.dev/contact-picker/"}]},{"date":"2019-12-22T11:07:16.899Z","title":"Structure and Interpretation of Computer Programs, JavaScript Adaptation","url":"https://sicp.comp.nus.edu.sg/","content":"SICPのJavaScript版","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2019-12-22T12:17:27.577Z","title":"alpinejs/alpine: A rugged, minimal framework for composing JavaScript behavior in your markup.","url":"https://github.com/alpinejs/alpine","content":"HTMLの属性にディレクティブを指定することでリアクティブな動作を実装できる小さなフレームワーク。","tags":["JavaScript","DOM","UI","library"],"relatedLinks":[]},{"date":"2019-12-22T12:27:06.631Z","title":"anephenix/sarus: A WebSocket JavaScript library","url":"https://github.com/anephenix/sarus","content":"WebSocketライブラリ。\nイベントハンドリング、自動再接続、メッセージのQueuing、リトライ、永続化のサポートなど","tags":["JavaScript","WebSocket","library"],"relatedLinks":[]},{"date":"2019-12-22T13:29:34.807Z","title":"Release v1.0.0 · aframevr/aframe","url":"https://github.com/aframevr/aframe/releases/tag/v1.0.0","content":"A-Frame 1.0.0リリース。\nWebXR仕様のサポート、WebXR gamepadsモジュール、WebXR ARモジュール(experimental)のサポート、Three.jsのアップデートなど","tags":["AR","JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"A-Frame v1.0.0 - WebXR Support, AR Mode – A-Frame","url":"https://aframe.io/blog/aframe-v1.0.0/"}]},{"date":"2019-12-22T14:55:26.898Z","title":"An Update on CDNJS","url":"https://blog.cloudflare.com/an-update-on-cdnjs/","content":"JavaScriptライブラリをCloudflareのCDN経由で配布するCDNJSについて。\nCDNJSの今後について","tags":["cdn","JavaScript","article"],"relatedLinks":[]},{"date":"2019-12-23T01:32:44.491Z","title":"Node v13.5.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v13.5.0/","content":"Node.js v13.5.0リリース。\n終了時にスタックトレースを出力する`--trace-exit`のサポートなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2019-12-23T10:09:19.145Z","title":"sinon/CHANGELOG.md at master · sinonjs/sinon","url":"https://github.com/sinonjs/sinon/blob/master/CHANGELOG.md#800--2019-12-22","content":"Sinon.js 8.0.0リリース。\nlolexをアップグレードしasync timerメソッドに対応、`sinon.spyCall`と`sinon.sandbox.create`の削除など","tags":["JavaScript","testing","library","ReleaseNote"],"relatedLinks":[{"title":"sinonjs/lolex: Fake setTimeout and friends (collectively known as &quot;timers&quot;). Useful in your JavaScript tests. Extracted from Sinon.JS","url":"https://github.com/sinonjs/lolex"}]},{"date":"2019-12-23T12:57:18.661Z","title":"Feature watch: ECMAScript 2020","url":"https://2ality.com/2019/12/ecmascript-2020.html","content":"ECMAScript 2020(予定)のProposalまとめ","tags":["ECMAScript","proposal","article"],"relatedLinks":[]},{"date":"2019-12-23T13:13:39.539Z","title":"ESLint v6.8.0 released - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2019/12/eslint-v6.8.0-released","content":"ESLint 6.8.0リリース。\n`.eslintrc.cjs`のサポート、`--no-error-on-unmatched-pattern`フラグの追加など。\nまた誤検知が多かった`require-atomic-updates`ルールは`eslint:recommended`から削除されるなど","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"ESLint v6.8.0 - Qiita","url":"https://t.co/JXqs24flN0"}]},{"date":"2019-12-24T22:59:29.742Z","title":"Release v4.0.5 · reduxjs/redux","url":"https://github.com/reduxjs/redux/releases/tag/v4.0.5","content":"Redux 4.0.5リリース。\nメモリリークの修正、TypeScriptの型定義改善など","tags":["redux","ReleaseNote"],"relatedLinks":[]},{"date":"2019-12-24T23:06:29.801Z","title":"Release tfjs-backend-wasm-v1.5.1-alpha5: Update tfjs-backend-wasm to 1.5.1-alpha5. (#2610) · tensorflow/tfjs","url":"https://github.com/tensorflow/tfjs/releases/tag/tfjs-backend-wasm-v1.5.1-alpha5","content":"TensorFlow.jsのWebAssemblyバックエンドがアルファリリース。\n","tags":["JavaScript","WebAssembly","library","ReleaseNote"],"relatedLinks":[{"title":"TensorFlow on Twitter: &quot;We’re excited to release the Alpha of our WebAssembly backend for TensorFlow.js! 🎉 WASM has wider device support and better numerical stability while getting competitive with WebGL for smaller models. Share your feedback here → https://t.co/PqwNOGDRKZ https://t.co/f5NthyUcHe&quot; / Twitter","url":"https://twitter.com/TensorFlow/status/1208153137774813187"}]},{"date":"2019-12-25T00:11:54.269Z","title":"TypeScript で書く React コンポーネントを基礎から理解する - Qiita","url":"https://qiita.com/sangotaro/items/3ea63110517a1b66745b","content":"ReactのTypeScript型定義の扱い方について。\nコンポーネントの型、Childrenの型、既存のHTML要素のProps拡張などについて","tags":["React","TypeScript","article"],"relatedLinks":[{"title":"typescript-cheatsheets/react-typescript-cheatsheet: Cheatsheets for experienced React developers getting started with TypeScript","url":"http://example.com/"}]},{"date":"2019-12-25T00:10:47.604Z","title":"Server-Sent Events (SSE): A conceptual deep dive | Ably Realtime","url":"https://www.ably.io/concepts/server-sent-events","content":"Server-Sent Events (SSE)のコンセプトと使い方について。\nサポートブラウザ、ExpressでのSSEなレスポンスの返し方についてなど","tags":["JavaScript","node.js","article"],"relatedLinks":[]},{"date":"2019-12-26T12:16:20.419Z","title":"New WebKit Features in Safari 13 | WebKit","url":"https://webkit.org/blog/9674/new-webkit-features-in-safari-13/","content":"iOS/iPad/macOSでのSafari 13の変更点についての紹介記事。\nPointer Events、Visual Viewport API、ITP(Intelligent Tracking Prevention)、FIDO2、WebDriverのサポートになどについて","tags":["safari","article"],"relatedLinks":[]},{"date":"2019-12-27T06:52:55.069Z","title":"JSMonday - Publishing a TypeScript Library","url":"https://www.jsmonday.dev/articles/18/publishing-a-typescript-library","content":"TypeScriptでライブラリを書いて、npm publishするまでのチュートリアル。\nTypeScriptの導入、Jestでのテスト、Codecovでのコードカバレッジ、npm run-scriptの設定など","tags":["TypeScript","library"],"relatedLinks":[]},{"date":"2019-12-30T04:13:01.095Z","title":"Making of: Best of 2019 – Johan Ronsse","url":"https://johanronsse.be/2019/12/28/making-of-best-of-2019/","content":"Best of 2019というサイトをどのように作ったかについての記事。\nSvelteとCSSフレームワーク Ygdirを使った開発、Figmaを使ったデザイン、Notionを使ったコンテンツ管理などについて","tags":["article","Development"],"relatedLinks":[{"title":"Ygdir - Documentation","url":"https://ygdir.dev/"}]},{"date":"2019-12-30T04:37:40.948Z","title":"Discovering Svelte: Adding, Editing and Estimating Tasks In The Pomodoro Technique App | Barbarian Meets Coding","url":"https://www.barbarianmeetscoding.com/blog/2019/12/29/discovering-svelte-adding-some-tasks-and-pomodoros","content":"TODOアプリを作りながらSvelteについて学ぶ記事。\nSvelteのLifeCyle hook、`$:`のラベルを使ったReactiveな仕組みについて","tags":["Svelte","JavaScript","article"],"relatedLinks":[]},{"date":"2019-12-30T04:39:25.961Z","title":"初学者向けpackage.jsonハンズオン - Qiita","url":"https://qiita.com/segur/items/6eebb70ec2de03016dde","content":"`npm`コマンドと`package.json`についての初心者向けチュートリアル記事。\nパッケージのインストール、アンインストール、SemVer、ロックファイルについてなど","tags":["node.js","npm","article"],"relatedLinks":[]},{"date":"2019-12-30T05:13:08.261Z","title":"Node.jsでのCLIの作り方と便利なライブラリまとめ - Qiita","url":"https://qiita.com/toshi-toma/items/ea76b8894e7771d47e10","content":"Node.jsでCLIを作る場合の作り方やCLI向けのライブラリについて","tags":["node.js","console","Tools","article"],"relatedLinks":[]},{"date":"2019-12-30T07:09:12.138Z","title":"React.memo を使ったパフォーマンス最適化について - 30歳からのプログラミング","url":"https://numb86-tech.hatenablog.com/entry/2019/12/20/222412","content":"`React.memo`と`useCallback`を使ったメモ化とパフォーマンスの最適化についての記事","tags":["React","article","performance"],"relatedLinks":[]},{"date":"2019-12-30T12:29:20.617Z","title":"Base Web - Visual Regression Testing","url":"https://baseweb.design/blog/visual-regression-testing/","content":"Visual Regression Testingについての記事。\nVisual Regression Testingの目的、導入する際の方法、ワークフローについてなど","tags":["browser","testing","article"],"relatedLinks":[]},{"date":"2019-12-31T01:21:18.655Z","title":"bbc/peaks.js: JavaScript UI component for interacting with audio waveforms","url":"https://github.com/bbc/peaks.js","content":"音声の波形を表示するUIコンポーネント。\nWeb Audioベースの波形生成と`audiowaveform`を使い事前に音声波形を生成したものも利用できる。","tags":["JavaScript","sound","library"],"relatedLinks":[{"title":"bbc/audiowaveform: C++ program to generate waveform data and render waveform images from audio files","url":"https://github.com/bbc/audiowaveform"}]},{"date":"2019-12-31T08:54:29.778Z","title":"saitoeku3/use-lazyload-ref: 🖼️Custom hook to use lazy load easily","url":"https://github.com/saitoeku3/use-lazyload-ref","content":"`src`属性の遅延ロードを`ref`と`data-src`属性の指定することで行うReact Hooksを使ったライブラリ","tags":["React","library","JavaScript"],"relatedLinks":[{"title":"React で簡単に遅延読み込みを実装できるライブラリを作りました - 陽気なサイとエクストリーム！","url":"http://example.com/"}]},{"date":"2019-12-31T02:00:34.736Z","title":"Ember.js - Ember 3.15 \"Octane\" Released","url":"https://blog.emberjs.com/2019/12/20/ember-3-15-released.html","content":"Ember 3.15リリース。\nEmber Octaneが正式リリースとなり、`ember new`でのデフォルトとなった。\nまた`Component#isVisible`、`{{partial}}`、`window.ENV`が非推奨となった。","tags":["Ember","ReleaseNote"],"relatedLinks":[{"title":"Ember.js - Octane is Here","url":"https://blog.emberjs.com/2019/12/20/octane-is-here.html"}]},{"date":"2019-12-31T02:07:27.902Z","title":"Ember.js - Octane is Here","url":"https://blog.emberjs.com/2019/12/20/octane-is-here.html","content":"Ember 3.15で導入されたOctaneについて。\nGlimmer Componentsの導入、Element ModifiersでのLifeCyleHooksを使った振る舞いの実装、`@tracked`を使ったReactiveなモデルの実装など。\nその他にはチュートリアルの刷新、Dev Toolsのアップデートなど","tags":["Ember","article"],"relatedLinks":[{"title":"Ember.js Classic vs Octane: a cheat sheet","url":"https://ember-learn.github.io/ember-octane-vs-classic-cheat-sheet/"},{"title":"Glimmer","url":"https://glimmerjs.com/"}]},{"date":"2019-12-31T08:28:54.401Z","title":"ganapativs/react-spectrum: Generate colorful text placeholders 🎨","url":"https://github.com/ganapativs/react-spectrum","content":"カラフルなテキストプレースホルダを生成するReactコンポーネント","tags":["React","library"],"relatedLinks":[]},{"date":"2019-12-31T10:36:15.756Z","title":"Release Tesseract.js v2.0.0 · naptha/tesseract.js","url":"https://github.com/naptha/tesseract.js/releases/tag/v2.0.0","content":"Emscriptenを使ったOCRライブラリのTesseract.js 2.0リリース。\ntesseract　v４．１へのアップデート、複数の原語の認識をサポート、画像フォーマット(png,jpg,bmpなど)のサポート、WebAssemblyやWebWorkerのサポートでパフォーマンス改善など","tags":["JavaScript","OCR","library","WebAssembly"],"relatedLinks":[{"title":"Why I refactor tesseract.js v2? - Jerome Wu - Medium","url":"https://medium.com/@jeromewus/why-i-refactor-tesseract-js-v2-50f750a9cfe2?"}]},{"date":"2020-01-01T00:25:37.207Z","title":"machinelearnjs/machinelearnjs: Machine Learning library for the web and Node.","url":"https://github.com/machinelearnjs/machinelearnjs","content":"TypeScriptで書かれたMLライブラリ","tags":["TypeScript","MachineLearning","library"],"relatedLinks":[]},{"date":"2020-01-02T11:51:21.886Z","title":"hjkcai/typesafe-joi: A fork of joi that produces typed validation results in TypeScript","url":"https://github.com/hjkcai/typesafe-joi","content":"データバリデーターであるjoiのTypeScriptフォークライブラリ。\n大部分は互換性のあるAPIだが、一部はType SafeにするためAPIを変更している。","tags":["TypeScript","JavaScript","library"],"relatedLinks":[]},{"date":"2020-01-04T10:54:23.584Z","title":"antvis/G6: ♾ A Graph Visualization Framework in JavaScript","url":"https://github.com/antvis/G6","content":"データビジュアライズライブラリ。\nグラフの情報とデータを渡すことでビジュアライズしてくれるライブラリ","tags":["graphic","JavaScript","library"],"relatedLinks":[]},{"date":"2020-01-05T16:18:18.166Z","title":"shellyln/tynder: TypeScript friendly Data validator for JavaScript.","url":"https://github.com/shellyln/tynder","content":"TypeScriptライクなDSLでスキーマを定義し、実行時にデータの型を検証を行うバリデーションライブラリ。","tags":["JavaScript","library","Tools"],"relatedLinks":[{"title":"TypeScriptの型定義を使って、実行時にデータの検証を行う - Shellylのブログ","url":"https://shellyln.hatenablog.com/entry/2020/01/05/161345"}]},{"date":"2020-01-06T00:14:20.623Z","title":"mocha/CHANGELOG.md at master · mochajs/mocha","url":"https://github.com/mochajs/mocha/blob/master/CHANGELOG.md#%E2%80%8B700--2020-01-05","content":"Mocha 7.0.0リリース。\nNode.js v6.xのサポート終了、一部コマンドライン引数のリネーム、`Mocha`コンストラクタのオプションとコマンドラインオプションをあわせるように変更など。\nまた、`mocha.opts`ファイルが非推奨となった。","tags":["JavaScript","testing","library","ReleaseNote"],"relatedLinks":[{"title":"Soft deprecate &quot;mocha.opts&quot; · Issue #3910 · mochajs/mocha","url":"https://github.com/mochajs/mocha/issues/3910"}]},{"date":"2020-01-06T02:08:08.716Z","title":"mroderick/plete: Vanilla autocomplete component","url":"https://github.com/mroderick/plete","content":"依存のないautocomplete UIライブラリ。\nModern browserを対象としている。","tags":["JavaScript","UI","library","WAI-ARIA"],"relatedLinks":[]},{"date":"2020-01-06T07:16:30.970Z","title":"Understanding positioning in CSS - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/huijing/understanding-positioning-in-css-7mn","content":"CSSのBox modelとpositionについての記事。","tags":["CSS","article"],"relatedLinks":[]},{"date":"2020-01-06T08:18:18.378Z","title":"BiB/i あらため Bibi v1.0.0 を公開しました | ふらここ、こ","url":"https://fracoco.co/2020/01/03/bibi-v1.html","content":"JavaScriptで書かれているEpubリーダのBibi v1.0.0リリース。\nZIPファイルの展開にWasmを使うBibi Zip Loaderによる高速化、UIの改善、epubの対応改善など","tags":["epub","JavaScript","ReleaseNote"],"relatedLinks":[{"title":"lunascape/bibi-zip-loader","url":"https://github.com/lunascape/bibi-zip-loader"}]},{"date":"2020-01-06T08:23:45.884Z","title":"Release v0.115.0 · facebook/flow","url":"https://github.com/facebook/flow/releases/tag/v0.115.0","content":"Flow v0.115.0リリース。\nTypes First modeではexportされたclassやfunctionは再定義できなくなるなど。\n","tags":["flowtype","ReleaseNote"],"relatedLinks":[{"title":"What the Flow team has been up to - Flow - Medium","url":"https://medium.com/flow-type/what-the-flow-team-has-been-up-to-54239c62004f"}]},{"date":"2020-01-07T00:03:51.054Z","title":"Blog - Next.js 9.1.7 | Next.js","url":"https://nextjs.org/blog/next-9-1-7","content":"Next.js 9.1.7リリース。\nクライアントのビルドサイズの削減、ビルド結果表示の変更、ビルドインのpolyfillとしして`fetch`、URL、`Object.assign`の追加、`reactStrictMode`オプションの追加など","tags":["JavaScript","React","ReleaseNote"],"relatedLinks":[{"title":"Release v9.1.7 · zeit/next.js","url":"https://github.com/zeit/next.js/releases/tag/v9.1.7"}]},{"date":"2020-01-07T02:08:23.205Z","title":"How to move your project to TypeScript - at your own pace - Twilio","url":"https://www.twilio.com/blog/move-to-typescript","content":"プロジェクトのコードをTypeScriptに移行するポイントについての記事。\nVSCodeの`settings.json`での`checkJs`、`tsconfig.json`を使った`allowJs`と`checkJs`の設定、JSからTSへのリファクタリング、`strict`の設定などについて","tags":["JavaScript","TypeScript","VSCode","article"],"relatedLinks":[]},{"date":"2020-01-08T13:20:54.424Z","title":"Release throw new Preact('10.2.0') · preactjs/preact","url":"https://github.com/preactjs/preact/releases/tag/10.2.0","content":"Preact 10.2.0リリース。\n`useErrorBoundary` hookのサポート、`lazy()`がnamed exportsに対応など","tags":["JavaScript","React","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-01-09T08:20:32.134Z","title":"Firefox 72 — our first song of 2020 - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2020/01/firefox-72-our-first-song-of-2020/","content":"Firefox 72リリース。\nフラグ付きでコンソールのAsync Stack Traceの対応、CSSのShadow Parts(`::part()`)、CSS Motion Pathの対応。\n通知許可の求めるにはユーザーインタラクションのイベント内で行う必要があるように変更、Nullish coalescing operator、`formdata`イベントの対応など","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 72 for Developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/72"},{"title":"Firefox 72.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/72.0/releasenotes/"},{"title":"Firefox 72 Site Compatibility | Firefox Site Compatibility","url":"https://www.fxsitecompat.dev/en-CA/versions/72/"}]},{"date":"2020-01-09T14:25:59.394Z","title":"Node v12.14.1 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v12.14.1/","content":"Node.js 12.14.1リリース。\n`v8.serialize`と`v8.deserialize`がStable APIとなるなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2020-01-09T14:39:55.358Z","title":"Node v13.6.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v13.6.0/","content":"Node.js 13.6.0リリース。\n正規表現にマッチするかをテストできる`assert.match()`と`assert.doesNotMatch()`の実装、\n`EventEmitter.on`のAsync Iterator対応。\nStreamに対する`fs`の実装を指定できるオプションの追加、`error`イベントを副作用なしに監視できる`EventEmitter.errorMonitor` Symbolを追加。\n`perf_hooks`モジュールがStable APIになるなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2020-01-10T00:36:28.914Z","title":"Release Notes for Safari Technology Preview 98 | WebKit","url":"https://webkit.org/blog/9689/release-notes-for-safari-technology-preview-98/","content":"Safari Technology Preview 98 リリース。\n`OffscreenCanvas.convertToBlob`のサポート、CSSの`clamp()`のサポート。\n`beforeunload`や`unload`時の同期XHRが禁止される変更など","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2020-01-10T02:46:13.171Z","title":"Guide to Web Authentication","url":"https://webauthn.guide/","content":"Web Authenticationの基本的な目的や使い方について書かれた記事","tags":["WebAuthentication","article"],"relatedLinks":[]},{"date":"2020-01-10T02:57:14.603Z","title":"Chromium Blog: Introducing quieter permission UI for notifications","url":"https://blog.chromium.org/2020/01/introducing-quieter-permission-ui-for.html","content":"Chrome 80で入る通知などのパーミッションデザインの変更について。\nQuiet UIと呼ばれる新しい許可UIの追加と設定方法について。\nまたChrome UX Reportのデータをもとに、通知の受け入れ率が低いサイトは自動的にquieter promptsにする変更などが追加される予定。","tags":["Chrome","article"],"relatedLinks":[]},{"date":"2020-01-11T02:46:35.144Z","title":"Announcing TypeScript 3.8 Beta | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-3-8-beta/","content":"TypeScript 3.8 Betaリリース。\n`import type`/`export type`で型定義だけをimport/exportできるように、Stage 3のECMAScript Private Fieldsに対応。\nTop-Level `await`に対応、`target`と`module`が`es2020`をサポート、`watchOptions`の追加など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2020-01-11T04:16:15.165Z","title":"Release v2.9.0 · date-fns/date-fns","url":"https://github.com/date-fns/date-fns/releases/tag/v2.9.0","content":"date-fns 2.9.0リリース。\n`eachYearInterval`、`eachMonthInterval`、`isExists`の追加。\nオブジェクトでまとめてDateを操作する`add`と`sub`の追加など\n","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-01-12T00:45:29.511Z","title":"7.8.0 Released: ECMAScript 2020, .mjs configuration files and @babel/cli improvements · Babel","url":"https://babeljs.io/blog/2020/01/11/7.8.0","content":"Babel 7.8.0リリース。\nES2020のサポートをデフォルト化、`babel.config.mjs`など設定ファイルの対応を整理、`--copy-ignored`と`--out-file-extension`のサポートなど。\nまた 8.0.0に向けた準備などについて書かれている","tags":["babel","ReleaseNote"],"relatedLinks":[{"title":"Babel 8 Release Plan · Issue #10746 · babel/babel","url":"https://github.com/babel/babel/issues/10746"}]},{"date":"2020-01-12T09:11:18.593Z","title":"Release Version 16.0.0 · jsdom/jsdom","url":"https://github.com/jsdom/jsdom/releases/tag/16.0.0","content":"jsdom 16.0.0リリース。\nNode.js 10未満のサポート終了、`dom.runVMScript()`の廃止、`prototype`使った`Window`間のプロパティ共有の廃止など。`window.getSelection()`のサポート、Timerのメモリリークを修正など","tags":["JavaScript","DOM","ReleaseNote","library"],"relatedLinks":[]},{"date":"2020-01-12T12:21:19.567Z","title":"Release V1 RELEASE! @pika/web is now Snowpack · pikapkg/snowpack","url":"https://github.com/pikapkg/snowpack/releases/tag/v1.0.1","content":"Snowpack 1.0.0リリース。\nインストール時にES Modulesとして読み込めるモジュールを配置することで、変更ごとにビルドしないでアプリケーション開発できることを目的にしている。\n`@pika/web`からSnowpackにリネーム、`--optimize`でのtree-shakingサポート等。","tags":["JavaScript","bundler","Tools"],"relatedLinks":[{"title":"Snowpack","url":"https://www.snowpack.dev/"}]},{"date":"2020-01-12T12:53:38.709Z","title":"qawolf/qawolf: 🐺Create browser tests 10x faster","url":"https://github.com/qawolf/qawolf","content":"PupeteerとJestを使ったテストフレームワーク。\n操作を記憶してテストケースとSelectorを作成でき、CIに実行結果の動画をアップロードのサポートなどをしている。\nAutomatic waiting、Keyboard eventsなどをサポートしている","tags":["Chrome","testing","library","TypeScript"],"relatedLinks":[{"title":"QA Wolf","url":"https://docs.qawolf.com/"}]},{"date":"2020-01-12T13:58:40.792Z","title":"Advancing the web framework ecosystem","url":"https://web.dev/advancing-framework-ecosystem-cds-2019/","content":"Chromeチームが最近取り組んでいるいウェブフレームワークの最適化ついて。\nAngular、Next.js、Nuxt.js、Babelについてのパフォーマンス最適化などの取り組みを紹介している","tags":["Chrome","google","JavaScript","library","article"],"relatedLinks":[]},{"date":"2020-01-13T02:29:47.051Z","title":"babel/preset-modules: A Babel preset that targets modern browsers by fixing engine bugs (will be merged into preset-env eventually)","url":"https://github.com/babel/preset-modules","content":"@babel/preset-envにマージされる予定の、Modern Browser向けの最適化を目的にしたBabel Preset。\nMSEdgeなどのES Modulesをサポートしているが一部構文にバグがあるケースなどにも対応している。","tags":["babel","library","JavaScript"],"relatedLinks":[]},{"date":"2020-01-13T02:23:34.759Z","title":"Raw WebGPU","url":"https://alain.xyz/blog/raw-webgpu","content":"WebKitやChromiumに試験的に実装されているWebGPUについてのチュートリアル。Vulkan、DirectX 12、Metalを扱うことを目的としたWeb API、基本的な使い方について解説している","tags":["article","Chrome","safari","WebGL","WebPlatformAPI"],"relatedLinks":[{"title":"WebGPU","url":"https://gpuweb.github.io/gpuweb/"}]},{"date":"2020-01-13T10:55:27.011Z","title":"GoogleCloudPlatform/wombat-dressing-room: proxy designed to reduce the attack surface of npm publish","url":"https://github.com/GoogleCloudPlatform/wombat-dressing-room","content":"GitHubリポジトリに紐付いたnpm publishをするための認証トークンを発行するシステム。npm registryに対する2FA Proxy。\nトークンと該当するGitHubのタグがある場合にのみpublishでき、トークンはパッケージごとに異なるため流出しても特定のパッケージのみに影響を抑える目的。","tags":["npm","Github","security"],"relatedLinks":[{"title":"Wombat Dressing Room, an npm publication proxy on GCP | Google Open Source Blog","url":"https://opensource.googleblog.com/2020/01/wombat-dressing-room-npm-publication_10.html"}]},{"date":"2020-01-14T13:44:02.828Z","title":"Release v7.0.0-esm1 (experimental) · mochajs/mocha","url":"https://github.com/mochajs/mocha/releases/tag/v7.0.0-esm1","content":"MochaのES Modules対応のExperimental版がリリースされた","tags":["node.js","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-01-16T00:01:10.543Z","title":"New year, new browser - The new Microsoft Edge is out of preview and now available for download | Windows Experience Blog","url":"https://blogs.windows.com/windowsexperience/2020/01/15/new-year-new-browser-the-new-microsoft-edge-is-out-of-preview-and-now-available-for-download/","content":"ChromiumベースのMicrosoft Edgeが公開された。\nWindows 7+、macOSに対応したバージョンが配布されている。","tags":["MSEdge","Chrome","ReleaseNote"],"relatedLinks":[{"title":"Upgrading to the new Microsoft Edge - Microsoft Edge Blog","url":"https://blogs.windows.com/msedgedev/2020/01/15/upgrading-new-microsoft-edge-79-chromium/"},{"title":"Download New Microsoft Edge Browser | Microsoft","url":"https://www.microsoft.com/en-us/edge"}]},{"date":"2020-01-17T11:58:23.475Z","title":"mustache.js/CHANGELOG.md at master · janl/mustache.js","url":"https://github.com/janl/mustache.js/blob/master/CHANGELOG.md#400--16-january-2020","content":"テンプレートエンジンであるmustache 4.0.0リリース。\n`.to_html()`メソッドの削除、テンプレートのキャッシュの仕組みをカスタマイズできるようになるなど。","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-01-17T12:09:30.852Z","title":"wasm3/wasm3: 🚀 The fastest WebAssembly interpreter","url":"https://github.com/wasm3/wasm3","content":"WebAssemblyのインタープリター","tags":["WebAssembly"],"relatedLinks":[]},{"date":"2020-01-18T14:37:35.342Z","title":"TestCafe v1.8.0 Released | TestCafe","url":"https://devexpress.github.io/testcafe/blog/testcafe-v1-8-0-released.html","content":"TestCafe v1.8.0リリース。\nChromium版MSEdgeをサポートなど","tags":["E2E","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-01-19T14:45:42.818Z","title":"ECMAScript Archives","url":"https://www.ecma-international.org/archive/ecmascript/","content":"ECMAScript Archives Page。\n過去のECMAScript仕様に関するT39MTGのミーティングログのアーカイブやドキュメント。\n1996年から2015年までのアーカイブ","tags":["ECMAScript","spec"],"relatedLinks":[]},{"date":"2020-01-19T14:49:22.585Z","title":"logaretm/villus: A tiny and fast GraphQL client for Vue.js","url":"https://github.com/logaretm/villus","content":"Vue.js向けのGraphQLクライアントライブラリ。","tags":["Vue","GraphQL","library"],"relatedLinks":[{"title":"Announcing Villus - A tiny and fast GraphQL Client for Vue.js - Abdelrahman' Blog","url":"https://logaretm.com/blog/2020-01-11-announcing-villus/"}]},{"date":"2020-01-19T14:56:53.856Z","title":"Blog - Next.js 9.2 | Next.js","url":"https://nextjs.org/blog/next-9-2","content":"Next.js 9.2リリース。\nビルトインでCSSファイルをimportできるように、`.module.css`でCSS Modulesとしてimportできるように。\nCode Splittingに関するwebpackの設定を変更し、chunks作成時の戦略を変更など","tags":["JavaScript","React","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-01-19T22:58:13.423Z","title":"Release 3.0.0 · avajs/ava","url":"https://github.com/avajs/ava/releases/tag/v3.0.0","content":"AVA 3リリース。\n`ava debug`コマンドの追加、`--node-arguments`オプションの追加。\nNode 10未満のサポート終了、Babelが同梱ではなくなり別パッケージとしてインストールする形に変更、ES Modulesのサポートなど","tags":["node.js","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-01-20T10:45:07.321Z","title":"gjtorikian/isBinaryFile: Detects if a file is binary in Node.js. Similar to Perl's -B","url":"https://github.com/gjtorikian/isBinaryFile","content":"ファイルがバイナリかどうかを判定するNode.jsライブラリ","tags":["node.js","library"],"relatedLinks":[]},{"date":"2020-01-21T00:31:18.427Z","title":"ブラウザで何が起こっているのかを知る Reporting API と ReportingObserver | blog.jxck.io","url":"https://blog.jxck.io/entries/2020-01-18/reporting.html","content":"ブラウザで起きたエラーレポートなどを送信、監視するReporting APIとReportingObserverについて","tags":["CSP","browser","WebPlatformAPI","article"],"relatedLinks":[]},{"date":"2020-01-21T02:06:11.111Z","title":"Cookie 概説 - 30歳からのプログラミング","url":"https://numb86-tech.hatenablog.com/entry/2020/01/19/004420","content":"ブラウザとexpressを使ったCookieの設定と属性などのCookieの仕組みについての解説記事。\nExpires、Max-Age、Domain、Path，Secure属性、HttpOnly属性、SameSite属性についての解説","tags":["HTTP","node.js","security"],"relatedLinks":[]},{"date":"2020-01-23T12:06:31.761Z","title":"microsoft/playwright: Node library to automate Chromium, Firefox and WebKit browsers","url":"https://github.com/microsoft/playwright","content":"Chromium、WebKit、Firefoxを操作できるNode.jsライブラリ。\nPuppeteerと同じチームが開発していて、クロスブラウザ向けの抽象化されたAPIを提供する目的。\nWebDriverよりも機能的なDriver、分かりやすいAPI、setTimeout-freeな自動化を目的としている","tags":["node.js","JavaScript","browser","Chrome","Firefox","webkit","library","Selenium","webdriver"],"relatedLinks":[]},{"date":"2020-01-23T12:12:38.750Z","title":"Puppeteer Sandbox | Headless Chrome Playground","url":"https://puppeteersandbox.com/","content":"ブラウザからPuppeteerを扱うコードを書いて実行結果を取得できるSandboxツール","tags":["JavaScript","browser","Tools"],"relatedLinks":[]},{"date":"2020-01-23T12:16:39.218Z","title":"Release 🎉 HTM 3 is here! · developit/htm","url":"https://github.com/developit/htm/releases/tag/3.0.0","content":"HTM 3リリース。\nStaticなTreeを判別してキャッシュ出来るように、Preact Xに対応、`babel-plugin-htm`に自動importのオプションを追加など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-01-23T12:25:59.005Z","title":"Node v13.7.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v13.7.0/","content":"Node v13.7.0リリース。\n`module`モジュールにSource Mapを扱うAPIを追加、`process`に`uncaughtExceptionMonitor`リスナーの追加など","tags":["node.js","ReleaseNote","sourcemap"],"relatedLinks":[]},{"date":"2020-01-23T12:31:15.370Z","title":"Release Notes for Safari Technology Preview 99 | WebKit","url":"https://webkit.org/blog/9992/release-notes-for-safari-technology-preview-99/","content":"Safari Technology Preview 99リリース。\nFlashのサポートを削除、CSSの`image-set()`をサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2020-01-25T13:33:05.938Z","title":"Debug z-index stacking content with 3D View in the Microsoft Edge DevTools - Microsoft Edge Blog","url":"https://blogs.windows.com/msedgedev/2020/01/23/debug-z-index-3d-view-edge-devtools/","content":"MSEdgeの開発者ツールに、`z-index`のスタックコンテキストをビジュアライズする3D Views機能が実験的に実装された","tags":["MSEdge","debug"],"relatedLinks":[]},{"date":"2020-01-26T09:24:22.935Z","title":"ResizeObserver in WebKit | WebKit","url":"https://webkit.org/blog/9997/resizeobserver-in-webkit/","content":"Safari Technology Preview 80で実装されたResizeObserverについて。\nResizeObserverによる要素に対するリサイズの監視などの使い方、イベントが発生する流れについての解説、利用例などについて","tags":["safari","DOM","WebPlatformAPI"],"relatedLinks":[{"title":"Release Notes for Safari Technology Preview 80 | WebKit","url":"https://webkit.org/blog/8825/release-notes-for-safari-technology-preview-80/"}]},{"date":"2020-01-27T14:07:26.945Z","title":"💡🎁 JavaScript Visualized: Generators and Iterators - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/lydiahallie/javascript-visualized-generators-and-iterators-e36","content":"Generators、Iteratorsの動きをコードとコンソールの表示をあわせて見られるようにして解説している記事","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2020-01-27T14:12:10.841Z","title":"Replacing Mocha with Jest","url":"https://akoskm.com/2020/01/22/mocha-jest-react-testing.html","content":"MochaからJestへのマイグレーション方法について。\nMochaの機能のJestでの代用方法について紹介されている。","tags":["JavaScript","testing","library","article"],"relatedLinks":[]},{"date":"2020-01-27T14:18:53.621Z","title":"All questions | TypeOfNaN JavaScript Quizzes","url":"https://quiz.typeofnan.dev/","content":"JavaScriptに関するクイズサイト。\nJavaScriptについてのクイズとその解説が掲載されている","tags":["JavaScript","webservice"],"relatedLinks":[]},{"date":"2020-01-27T14:22:54.038Z","title":"Inside node: What happens when we execute a script?","url":"https://blog.s1h.org/inside-node-executing-a-script/","content":"Node.jsでスクリプトを実行するまでにどのような処理が行われているのかをコードから見ていく記事。\n`node`のコマンドライン引数の処理、ファイルのロード、`module`でのスクリプトをのコンパイル、libuvを使ったイベントループでのコード実行の流れについて","tags":["node.js","article"],"relatedLinks":[]},{"date":"2020-01-27T14:24:56.032Z","title":"Release v4.8.0 · pnpm/pnpm","url":"https://github.com/pnpm/pnpm/releases/tag/v4.8.0","content":"パッケージ管理ツールのpnpm 4.8.0リリース。\nモジュールのインタラクティブアップデートを行う`pnpm update --interactive`の追加など","tags":["npm","ReleaseNote"],"relatedLinks":[]},{"date":"2020-01-27T14:37:25.842Z","title":"Release v1.30.0 · rollup/rollup","url":"https://github.com/rollup/rollup/releases/tag/v1.30.0","content":"Rollup 1.30.0リリース。\ndynamic importsのsplit chunksのロジックの改善。\nCode Splitting時にentry chunksで空importを行う最適化のためをON/OFFできるようにする`hoistTransitiveImports`オプションの追加など","tags":["JavaScript","bundler","ReleaseNote"],"relatedLinks":[]},{"date":"2020-01-27T14:38:26.345Z","title":"Release 3.1.0 · avajs/ava","url":"https://github.com/avajs/ava/releases/tag/v3.1.0","content":"AVA 3.1.0リリース。\n`@ava/typescript`パッケージでTypeScriptサポートなど","tags":["JavaScript","TypeScript","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2020-01-28T02:55:55.964Z","title":"Adapt · React for your infrastructure.","url":"https://adaptjs.org/","content":"Reactを使ってpulumiなどのようにインフラをコード管理するツール。\nHooks API、コンポーネント、JSXで設定を書ける。\n環境やプロバイダーなどの分離はStyleという形で分離できるようにしている。","tags":["React","Infrastructure","Tools"],"relatedLinks":[]},{"date":"2020-01-29T08:55:18.224Z","title":"Manning | Deep Learning with JavaScript","url":"https://www.manning.com/books/deep-learning-with-javascript","content":"TensorFlow.jsを使ったDeep Learningについての書籍","tags":["JavaScript","MachineLearning","book"],"relatedLinks":[]},{"date":"2020-01-29T15:08:23.542Z","title":"プログラミングTypeScript ―スケールするJavaScriptアプリケーション開発 | Boris Cherny, 今村 謙士, 原 隆文 |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/dp/4873119049/","content":"2020年3月16日発売\nProgramming TypeScriptの翻訳本","tags":["TypeScript","book"],"relatedLinks":[]},{"date":"2020-01-30T01:51:16.158Z","title":"Release v2.1.0 · puppeteer/puppeteer","url":"https://github.com/puppeteer/puppeteer/releases/tag/v2.1.0","content":"Puppeteer v2.1.0 リリース。\nChromium 80へアップデート、Firefoxをサポートなど","tags":["JavaScript","Chrome","browser","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-01-31T03:01:37.940Z","title":"What's New In DevTools (Chrome 81)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2020/01/devtools","content":"Chrome 81の開発者ツールの変更点について。\nブロックされたCookieに色をつけるように、ネットワークパネルで`Copy as Node.js fetch`の追加、Source Mapのエラーをコンソールに表示など","tags":["Chrome","debug","article"],"relatedLinks":[]},{"date":"2020-02-01T12:03:04.690Z","title":"New PWABuilder release! - PWABuilder - Medium","url":"https://medium.com/pwabuilder/new-pwabuilder-release-b2932f4722a5","content":"PWABuilderのアップデート。\nTrusted Web Activityを使ったAndroid向けのパッケージングに対応、パッケージングするためのガイドの刷新など","tags":["ProgressiveWebApp","Tools","ReleaseNote"],"relatedLinks":[{"title":"PWABuilder","url":"https://www.pwabuilder.com/"},{"title":"GoogleChromeLabs/llama-pack: Llama Pack 🦙 is a Command Line Interface (CLI) that helps developers to create a Project for an Android application that launches an existing Progressive Web App (PWAs) using a Trusted Web Activity.","url":"https://github.com/GoogleChromeLabs/llama-pack"}]},{"date":"2020-02-01T12:15:02.630Z","title":"cutenode/mingine: A module to get the minimum usable engine(s)","url":"https://github.com/cutenode/mingine","content":"依存してるnpmパッケージの`engines`フィールドから、`engines`ごとのminimumなバージョンを算出するライブラリ","tags":["npm","node.js","Tools","library"],"relatedLinks":[]},{"date":"2020-02-01T12:22:28.300Z","title":"The npm Blog — Changes to npm Unpublish Policy - January 2020","url":"https://blog.npmjs.org/post/190553543620/changes-to-npm-unpublish-policy-january-2020","content":"npmのunpublish policyの変更。\n今まで24時間以内だったらunpublishできたのが、72時間以内ならunpublish出来るように変更された。\nまたダウンロード数が300未満、別の公開モジュールから依存されていない、メンテナが単独の条件を満たす場合もunpublishが可能となった。","tags":["npm","news"],"relatedLinks":[{"title":"policies/unpublish.md at master · npm/policies","url":"https://github.com/npm/policies/blob/master/unpublish.md"}]},{"date":"2020-02-02T02:44:49.954Z","title":"JavaScript Libraries Are Almost Never Updated Once Installed","url":"https://blog.cloudflare.com/javascript-libraries-are-almost-never-updated/","content":"CDN経由でサイトに埋め込まれているJavaScriptライブラリは一度インストールされたあとにアップデートされることが殆どないというデータについて","tags":["JavaScript","library","article"],"relatedLinks":[]},{"date":"2020-02-02T03:48:04.513Z","title":"Introducing Yarn 2 ! 🧶🌟 - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/arcanis/introducing-yarn-2-4eh1","viaURL":"https://github.com/jser/ping/issues/158","content":"Yarn 2について。\nYarn v1はlegacyになり、今後のStableはv2(berry)に切り替わる予定。\nデフォルトでCacheをリポジトリに配置するように変更、CLIの出力の変更、`npx`と同じような`yarn dlx`の追加、`patch:`/`portal:`の対応。\nWorkspaceのコマンド改善、Workspaceの検証をするConstraintsの追加。\nパッケージごとにビルドするかを設定可能に、`yarn run`でOS間のシェルの違いをノーマライズするように、Lockファイルのフォーマット変更、パッケージはRead-Onlyに変更など","tags":["yarn","JavaScript","npm","ReleaseNote"],"relatedLinks":[{"title":"Migration | Yarn - Package Manager","url":"https://next.yarnpkg.com/advanced/migration"},{"title":"Plug'n'Play | Yarn - Package Manager","url":"https://next.yarnpkg.com/features/pnp"},{"title":"Zero-Installs | Yarn - Package Manager","url":"https://next.yarnpkg.com/features/zero-installs"}]},{"date":"2020-02-02T04:05:44.372Z","title":"Meteor 1.9 (Node.js 12) and new Roadmaps - Meteor Blog","url":"https://blog.meteor.com/meteor-1-9-node-js-12-and-new-roadmaps-cb993277d444","viaURL":"https://github.com/jser/ping/issues/158","content":"Meteor 1.9リリース。\nNode.js 12をサポート、Galaxy(Metorのホスティング環境)のロードマップについて","tags":["JavaScript","node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2020-02-05T01:49:01.518Z","title":"まもなくやってくる Vue.js 3 - Speaker Deck","url":"https://speakerdeck.com/kazupon/mamonakuyatutekuru-vue-dot-js-3","content":"Vue.js 3についてのスライド。\nComposition API、ライフサイクルフック、DI(`provide`,`inject`)、ReactライクなPortalとSuspense、CSSの独自擬似クラスの追加。\nまたフィルターの削除、グローバル状態の整理などについて","tags":["Vue","slide"],"relatedLinks":[]},{"date":"2020-02-05T03:40:30.943Z","title":"Release Releaaaaaaaaaaaaaaaaaaase · preactjs/preact","url":"https://github.com/preactjs/preact/releases/tag/10.3.0","content":"Preact 10.3.0リリース\nBuilt-In要素を継承したCustom Elementに対応、バグ修正など","tags":["React","JavaScript","ReleaseNote"],"relatedLinks":[]},{"date":"2020-02-05T06:43:02.835Z","title":"Electron 8.0.0 | Electron Blog","url":"https://www.electronjs.org/blog/electron-8-0","content":"Electron 8.0.0リリース。\nChromium 80、V8 8.0、Node.js 12.13.0へのアップデート。\nChromeビルトインのスペルチェッカーを利用できるように、IPCにV8の Structured Clone Algorithmを利用することでパフォーマンスの改善など。\n`session.preconnect`、`tray.displayBalloon`、`contents.executeJavaScriptInIsolatedWorld`などのAPI追加。\n今回のリリースでElectron 5.xはEOL(End Of Support)となった。","tags":["Electron","ReleaseNote","V8","node.js"],"relatedLinks":[]},{"date":"2020-02-07T00:40:46.597Z","title":"Announcing TypeScript 3.8 RC | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-3-8-rc/","content":"TypeScript 3.8RCリリース。\nType-Only Imports/Exports、ECMAScript Private Fields、Top-Level awaitのサポート。\nまた`checkJS`におけるJSDocの`@public`、`@private`、`@protected`をサポート、`watchOptions`の追加など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2020-02-07T00:58:48.212Z","title":"New in Chrome 80  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2020/02/nic80","content":"Chrome 80リリース。\nWebWorkerで`type:\"module\"`のサポート、Optional Chainingのサポート。\nまたOrigin TrialとしてContact Picker API、Notification triggers、Web Serialのサポートなど\n","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2020-02-07T14:39:09.298Z","title":"TensorFlow.js for React Native is here! — The TensorFlow Blog","url":"https://blog.tensorflow.org/2020/02/tensorflowjs-for-react-native-is-here.html","content":"Tensorflow.js for React Nativeが一般公開された","tags":["MachineLearning","React","mobile","article"],"relatedLinks":[]},{"date":"2020-02-07T14:54:22.723Z","title":"Release Notes for Safari Technology Preview 💯 | WebKit","url":"https://webkit.org/blog/10024/release-notes-for-safari-technology-preview-100/","content":"Safari Technology Preview 100リリース。\nWeb Inspector Referenceへのリンクの追加、Web InspectorのCanvas Tab がGraphics Tabにリネームなど","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"Web Inspector Reference | WebKit","url":"https://webkit.org/web-inspector/"}]},{"date":"2020-02-11T06:31:15.021Z","title":"single-spa/single-spa: Microfrontends made easy","url":"https://github.com/single-spa/single-spa","content":"各種フレームワーク向けのアダプターを用意してるMicrofrontendsフレームワーク。\nそれぞれのフレームワークを使ったアプリを同一ページで扱うために必要なライフサイクルを管理するフレームワーク。\n","tags":["MicroFrontend","library"],"relatedLinks":[]},{"date":"2020-02-11T06:35:13.359Z","title":"V8 Runtime Overview  |  Apps Script  |  Google Developers","url":"https://developers.google.com/apps-script/guides/v8-runtime","content":"Google Apps ScriptでV8が利用できるようになった","tags":["GAS","news"],"relatedLinks":[]},{"date":"2020-02-11T06:50:47.068Z","title":"Himenon/code-dependency: A work efficiency tool for visualizing code dependencies on a browser.","url":"https://github.com/Himenon/code-dependency","content":"dependency-cruiserを使ったモジュールの依存関係図を生成してブラウザで表示できるツール","tags":["JavaScript","Tools","server"],"relatedLinks":[{"title":"dependency-cruiser","url":"https://qiita.com/himenoglyph/items/f28a9905e3b30e6cb213"}]},{"date":"2020-02-11T06:54:58.659Z","title":"Release 3.3.0 · avajs/ava","url":"https://github.com/avajs/ava/releases/tag/v3.3.0","content":"AVA 3.3.0リリース。\nECMAScript Modulesなテストファイルに対応","tags":["JavaScript","node.js","library","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2020-02-11T07:10:50.181Z","title":"Version 9 of Angular Now Available — Project Ivy has arrived!","url":"https://blog.angular.io/version-9-of-angular-now-available-project-ivy-has-arrived-23c97b63cfa3","content":"Angular 9リリース。\nIvyがデフォルトとなりbundleファイルサイズなどの改善、`TestBed`の再実装でのテストパフォーマンスの改善、TypScript 3.7のサポートとテンプレートの型チェックオプションの追加。\nビルドエラーやスタックトレースの改善など","tags":["Angular","ReleaseNote"],"relatedLinks":[{"title":"Angular - Angular Ivy","url":"https://angular.io/guide/ivy"}]},{"date":"2020-02-11T07:14:27.887Z","title":"Release v1.0.0 · scala-js/scala-js","url":"https://github.com/scala-js/scala-js/releases/tag/v1.0.0","content":"Scala.js 1.0.0リリース","tags":["scala","JavaScript","ReleaseNote"],"relatedLinks":[]},{"date":"2020-02-11T07:52:03.039Z","title":"ECMAScript proposal updates @ 2020-02 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2020/02/11/ecmascript-proposal-update.md","content":"2020年2月のTC39 MTGでのECMAScript Proposalの変更点まとめ","tags":["ECMAScript","proposal","article"],"relatedLinks":[]},{"date":"2020-02-11T16:20:49.290Z","title":"myliang/x-spreadsheet: A web-based JavaScript（canvas） spreadsheet","url":"https://github.com/myliang/x-spreadsheet","content":"依存のないSpreadSheetの実装ライブラリ。Canvasを使って描画をしている。","tags":["JavaScript","library","canvas"],"relatedLinks":[]},{"date":"2020-02-12T02:14:37.913Z","title":"request - npm","url":"https://www.npmjs.com/package/request","content":"Node.js向けのHTTPクライアントである`request`モジュールがDeprecatedとなった。\n","tags":["npm","node.js","HTTP","library","news"],"relatedLinks":[{"title":"Request’s Past, Present and Future · Issue #3142 · request/request","url":"https://github.com/request/request/issues/3142#issuecomment-584745385"},{"title":"Alternative libraries to request · Issue #3143 · request/request","url":"https://github.com/request/request/issues/3143"}]},{"date":"2020-02-12T02:34:02.947Z","title":"Serenity/JS | Serenity/JS","url":"https://serenity-js.org/","content":"Acceptance testingフレームワーク。\nScreenplay PatternでActorを中心にしたテストシナリオを書き、クロスブラウザでの受け入れテストを行う","tags":["E2E","testing","library","JavaScript"],"relatedLinks":[]},{"date":"2020-02-12T02:40:23.296Z","title":"Use Cloudflare JavaScript Workers to Deploy Your Static Generated Site (SSG)","url":"https://levelup.gitconnected.com/use-cloudflare-javascript-workers-to-deploy-you-static-generated-site-ssg-1c518e078646","content":"CloudflareのWorkersを使ったSSG(Static SIte Generator)の実装とデプロイについて。\nNext.jsを使った例を紹介している","tags":["webservice","ServiceWorker","article"],"relatedLinks":[]},{"date":"2020-02-13T12:54:17.953Z","title":"OpenChakra","url":"https://openchakra.app/","content":"Chakra UIを使ったサイトを構築できるビジュアルエディタ。D&Dでコンポーネントを組み立てでき、その結果をCodeSandboxにコードとして出力できる。\n","tags":["React","GUI","editor"],"relatedLinks":[{"title":"Chakra UI | Design System built with React","url":"https://chakra-ui.com/"}]},{"date":"2020-02-13T12:58:17.678Z","title":"Chakra UI | Design System built with React","url":"https://chakra-ui.com/","content":"Reactを使ったUIコンポーネントライブラリ。\n一貫性のある組み合わせが可能なコンポーネントを作ることを目的としていて、WAI-ARIAの対応、テーマ機能などを持っている。","tags":["React","UI","library","WAI-ARIA"],"relatedLinks":[]},{"date":"2020-02-13T13:18:33.464Z","title":"Node v12.16.0 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v12.16.0/","content":"Node 12.16.0リリース。\n実験的な機能として`assert.match`と`assert.doesNotMatch`の追加。\n`child_process`が`serialization`オプションをサポート、`--trace-exit`、`--trace-uncaught`の追加、`perf_hooks`がStable APIとなるなど。","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2020-02-13T13:23:39.771Z","title":"Firefox 73 is upon us - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2020/02/firefox-73-is-upon-us/","content":"Firefox 73リリース。\nHTMLFormElementに`requestSubmit`メソッドの追加、開発者ツールのコンソールがスタイルをサポート、DNS over HTTPSのプロバイダーにNextDNSを追加","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 73.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/73.0/releasenotes/"},{"title":"Firefox 73 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/docs/Mozilla/Firefox/Releases/73"},{"title":"Firefox 73 Site Compatibility | Firefox Site Compatibility","url":"https://www.fxsitecompat.dev/versions/73/"}]},{"date":"2020-02-14T06:34:36.995Z","title":"Chromium Blog: Chrome 81: Near Field Communications, Augmented Reality, and More","url":"https://blog.chromium.org/2020/02/chrome-81-near-field-communications.html","content":"Chrome 81 ベータリリース。\nOriginal Trialとしてモバイル向けのWeb NFC、`scheduler.postTask`のサポート、Mixed Contentの自動アップグレード、TLS 1.0と1.1の削除など","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2020-02-16T14:55:47.149Z","title":"最新のブラウザで変わるCookieの取り扱いやPrivacyの考え方 - Speaker Deck","url":"https://speakerdeck.com/yosuke_furukawa/zui-xin-falseburauzadebian-warucookiefalsequ-rixi-iyaprivacyfalsekao-efang","content":"ブラウザのサードパーティクッキーやトラッキング防止周りの機能についてのスライド。\nSafariのITP、FIrefoxのETP、SameSite Cookie。\nCNAME CloakingやSafariの提案しているAd click attribution、ChromeのPrivacy Sandboxについてなど","tags":["browser","security","privacy","slide"],"relatedLinks":[]},{"date":"2020-02-17T15:00:49.341Z","title":"evanw/esbuild: An extremely fast JavaScript bundler and minifier","url":"https://github.com/evanw/esbuild","content":"Go言語製のJavaScript Bundler。\nCommonJS/ES Modules、Source Map、Minifier、JSXなどに対応している","tags":["golang","bundler"],"relatedLinks":[]},{"date":"2020-02-17T15:08:57.538Z","title":"Announcing Ionic 5! | The Ionic Blog","url":"https://ionicframework.com/blog/announcing-ionic-5/","content":"Ionic 5リリース。\niOS 13に合わせたデザインの更新、Ionic Animationsの追加、Ioniconsの更新、Angular 9のIvyへの対応","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Introducing Ionic Animations | The Ionic Blog","url":"https://blog.ionicframework.com/introducing-ionic-animations/"}]},{"date":"2020-02-17T15:22:24.669Z","title":"Adding notification permission data to the Chrome User Experience Report","url":"https://developers.google.com/web/updates/2020/02/notification-permission-data-in-crux","content":"Chrome User Experience Reportに通知許諾ダイアログのデータが追加された","tags":["Chrome","article"],"relatedLinks":[]},{"date":"2020-02-17T15:51:01.661Z","title":"volument/baretest: An extremely fast and simple JavaScript test runner.","url":"https://github.com/volument/baretest","content":"自己実行可能なテストフレームワーク。\n`test`関数といくつかのライフサイクルを提供する小さなテストフレームワーク。","tags":["JavaScript","testing","library"],"relatedLinks":[{"title":"Baretest — An extremely minimalistic alternative to Jest","url":"https://volument.com/baretest"}]},{"date":"2020-02-17T16:05:01.335Z","title":"Mirage JS • An API mocking library for frontend developers","url":"https://miragejs.com/","content":"APIモッキングライブラリ。\nブラウザで動くサーバを実装し、リクエストに対するレスポンスを定義できる。\n`fetch`や`XMLHttpRequest`をインターセプトすることで実装している。","tags":["JavaScript","HTTP","testing","library"],"relatedLinks":[]},{"date":"2020-02-17T16:10:07.714Z","title":"Release v2.0 · FullHuman/purgecss","url":"https://github.com/FullHuman/purgecss/releases/tag/v2.0.5","content":"使われてないCSSを削除するPurgeCSS 2.0.0リリース。\n非同期化、CSS Variablesの対応、Node.js 8以下のサポート終了","tags":["CSS","Tools","ReleaseNote"],"relatedLinks":[{"title":"PurgeCSS 2.0 - Full Human - Medium","url":"https://medium.com/full-human/purgecss-2-0-c0e812e6c4f6"}]},{"date":"2020-02-18T01:50:36.846Z","title":"FullCalendar - JavaScript Event Calendar","url":"https://fullcalendar.io/","content":"カレンダーUIライブラリ。","tags":["JavaScript","library","UI"],"relatedLinks":[]},{"date":"2020-02-22T15:27:10.193Z","title":"Announcing TypeScript 3.8 | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-3-8/","content":"TypeScript 3.8リリース。\n`import type`/`export type`の追加、Stage 3のES Private Fields、Top-Level `await`のサポート。\n`tartet`と`module`オプションに`es2020`を追加、`watchOptions`で`--watch`時の挙動を設定できるようになるなど","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2020-02-23T10:13:28.800Z","title":"Understanding the “Initial”, “Inherit” and “Unset” CSS Keywords","url":"https://medium.com/@elad/understanding-the-initial-inherit-and-unset-css-keywords-2d70b7121695","content":"CSSの`initial`、`inherit`、`unset`、`revert`について。\nCSS プロパティの初期値の違いやそれぞれの意味について","tags":["CSS","article"],"relatedLinks":[]},{"date":"2020-02-23T10:29:48.592Z","title":"Node v13.9.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v13.9.0/","content":"Node v13.9.0リリース。\n`async_hooks`モジュールに`executionAsyncResource`を追加、`crypto`モジュールに`diffieHellman`を追加。\nDiagnostic Reportがworker_thredsをサポート","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"Diagnostic Report | Node.js v13.9.0 Documentation","url":"https://nodejs.org/api/report.html"}]},{"date":"2020-02-25T02:29:11.092Z","title":"What's coming in ESLint v7.0.0 - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2020/02/whats-coming-in-eslint-7.0.0","content":"ESLint 7.0.0での変更予定について。\n`CLIEngine`クラスは廃止され新しく`ESLint`クラスが導入される、Node.jsやCommonJS関係のルールは`eslint-plugin-node`に移行される。\ndirective commentsにコメントを書けるように、`~/.eslintrc`の利用に警告がでるように、デフォルトのignore patternsの更新など","tags":["ESLint","article"],"relatedLinks":[]},{"date":"2020-02-24T11:27:11.679Z","title":"benawad/destiny: Prettier for File Structures","url":"https://github.com/benawad/destiny","content":"プロジェクトのファイル構造をコンポーネントごとに分けるように編集するツール","tags":["JavaScript","Tools","React"],"relatedLinks":[]},{"date":"2020-02-24T11:42:00.394Z","title":"Release Initial Release: 1.0.0 · reduxjs/cra-template-redux","url":"https://github.com/reduxjs/cra-template-redux/releases/tag/v1.0.0","content":"create-react-app向けのReduxテンプレート。\n`npx create-react-app my-app --template redux` でセットアップできる。\nRedux Toolkitを利用している","tags":["React","redux","Tools"],"relatedLinks":[{"title":"Redux Toolkit | Redux Toolkit","url":"https://redux-toolkit.js.org/"}]},{"date":"2020-02-24T11:50:01.205Z","title":"suchipi/hex-engine: A modern 2D game engine for the browser.","url":"https://github.com/suchipi/hex-engine","content":"Canvasを使った2Dゲームエンジンライブラリ。ReactインスパイアなAPIを持つ。\n音声同期、スプライトシートやアニメーション、物理エンジンなどのサポート。\nまたAseprite、Tiled、BMFontなどのオーサリングツールもサポートしている。","tags":["canvas","game","library","JavaScript"],"relatedLinks":[{"title":"Aseprite - Animated sprite editor & pixel art tool","url":"https://www.aseprite.org/"},{"title":"Tiled Map Editor | A flexible level editor","url":"https://www.mapeditor.org/"},{"title":"BMFont - AngelCode.com","url":"https://www.angelcode.com/products/bmfont/"}]},{"date":"2020-02-24T12:23:29.002Z","title":"The Circuit Breaker Pattern","url":"https://blog.bearer.sh/circuit-breaker-design-pattern/","content":"Node.jsでCircuit Breakerパターンをしながら学んでいくチュートリアル","tags":["node.js","article"],"relatedLinks":[{"title":"Building a Circuit Breaker in Node.js (Part 1)","url":"https://blog.bearer.sh/build-a-circuit-breaker-in-node-js/"}]},{"date":"2020-02-24T12:59:31.999Z","title":"Release 3.4.0 · avajs/ava","url":"https://github.com/avajs/ava/releases/tag/v3.4.0","content":"AVA 3.4.0リリース。\nテストを失敗させずにAssertionを試せる`t.try()`のサポートなど","tags":["JavaScript","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2020-02-24T14:52:42.841Z","title":"仮想DOMは本当に“速い”のか？ DOM操作の新しい考え方を、フレームワークを実装して理解しよう - エンジニアHub｜若手Webエンジニアのキャリアを考える！","url":"https://employment.en-japan.com/engineerhub/entry/2020/02/18/103000","content":"Virtual DOMとは何かやどのように実装されているかについて。\nなぜVirtual DOMではレンダリングが遅くなりにくいかについて","tags":["VirtualDOM","article"],"relatedLinks":[]},{"date":"2020-02-24T15:31:21.211Z","title":"Aborting a fetch request","url":"https://meetguns.com/blog/aborting-a-fetch-request/","content":"`AbortController`を使ってFetchのキャンセルを行う方法について","tags":["JavaScript","Fetch","article"],"relatedLinks":[]},{"date":"2020-02-25T02:10:18.643Z","title":"Angular 9: What’s New?","url":"https://auth0.com/blog/angular-9-whats-new/","content":"Angular 9の変更点についての解説","tags":["Angular","article"],"relatedLinks":[]},{"date":"2020-02-28T11:12:20.646Z","title":"Akryum/guijs: 🐣️ The app that makes your #devlife easier.","url":"https://github.com/Akryum/guijs","content":"JavaScriptプロジェクト向けのGUIアプリ","tags":["node.js","GUI"],"relatedLinks":[]},{"date":"2020-02-28T11:28:41.144Z","title":"React v16.13.0 – React Blog","url":"https://reactjs.org/blog/2020/02/26/react-v16.13.0.html","content":"React 16.13.0リリース。\n不適切な使い方に対する警告の追加、`React.createFactory`と`ReactDOM.unstable_createPortal`を非推奨化。\nhydrationに関する警告にコンポーネントスタックを表示するようになるなど","tags":["React","ReleaseNote"],"relatedLinks":[]},{"date":"2020-02-28T11:35:51.648Z","title":"Cookie Status :: Current Status Of Browser Tracking Prevention | cookiestatus.com","url":"https://www.cookiestatus.com/","content":"ブラウザごとのトラッキング対策、Cookieの1st party/3rd partyに対する取り組みなどをまとめているサイト","tags":["browser","privacy"],"relatedLinks":[]},{"date":"2020-02-28T11:41:09.476Z","title":"Cliqz - Secure browser with built-in quick search","url":"https://cliqz.com/","content":"Privacyを重視したウェブブラウザ/検索エンジン。\nFirefoxの拡張から始まったブラウザでFirefoxをForkしたものを使っている\nhttps://0x65.dev/blog/2019-12-17/why-we-forked-firefox-and-not-chromium.html","tags":["browser","privacy","Firefox"],"relatedLinks":[]},{"date":"2020-02-28T13:28:29.602Z","title":"Understanding the ECMAScript spec, part 1 · V8","url":"https://v8.dev/blog/understanding-ecmascript-part-1","content":"ECMAScript仕様で使われる構文などの読み方について。\n`[[Expression]]`のInternal Slot、Internal Method、Completion records、`?` 構文について","tags":["ECMAScript","spec","article"],"relatedLinks":[]},{"date":"2020-03-01T03:17:44.129Z","title":"edtr-io/edtr-io: Edtr.io is an open source WYSIWYG in-line web editor written in React. Its plugin architecture makes Edtr.io lean and extensive at the same time.","url":"https://github.com/edtr-io/edtr-io","content":"ReactベースのWYSIWYGエディタ。\n","tags":["JavaScript","library","React"],"relatedLinks":[]},{"date":"2020-03-01T08:28:44.992Z","title":"jaredpalmer/tsdx: Zero-config CLI for TypeScript package development","url":"https://github.com/jaredpalmer/tsdx","content":"TypeScriptでnpmパッケージを開発する向けのツールキット。\nBuild、Test、Lintや最適化周りの設定などがビルトインされている。","tags":["TypeScript","JavaScript","npm","Tools"],"relatedLinks":[]},{"date":"2020-03-01T14:07:38.009Z","title":"Announcing Scala.js 1.0.0 - Scala.js","url":"https://www.scala-js.org/news/2020/02/25/announcing-scalajs-1.0.0/","content":"Scala.js 1.0.0リリース。\n0.6.xから変更点やマイグレーション方法について","tags":["scala","JavaScript","ReleaseNote"],"relatedLinks":[]},{"date":"2020-03-02T00:39:42.663Z","title":"Getting Started with Ember Octane: Building a Blog - Ember Igniter","url":"https://emberigniter.com/getting-started-ember-octane-tutorial/","content":"Ember Octaneを使ってブログを作るチュートリアル。\nEmber 3.15で導入されたEmber Octaneを使ってEmberがどのように動いているかを学びながらブログを作るチュートリアル記事","tags":["JavaScript","article","tutorial"],"relatedLinks":[{"title":"Marak/faker.js: generate massive amounts of realistic fake data in Node.js and the browser","url":"https://github.com/marak/Faker.js/"}]},{"date":"2020-03-02T12:52:56.114Z","title":"How Autotracking Works","url":"https://www.pzuraq.com/how-autotracking-works/","content":"Ember OctaneのAutotrackingがどのように動いているかの解説記事。\n","tags":["Ember","JavaScript","article"],"relatedLinks":[]},{"date":"2020-03-02T13:07:48.355Z","title":"swyx Writing | Metrics, Logs, and Traces in JavaScript Tools","url":"https://www.swyx.io/writing/js-tools-metrics-logs-traces/","content":"JavaScript/Node.jsでのビルドやパッケージなどのメトリクス、ログ、スタックトレースなどのデータのとり方やライブラリなどについての紹介記事","tags":["JavaScript","performance","article"],"relatedLinks":[]},{"date":"2020-03-02T14:07:32.208Z","title":"facebookexperimental/rome: An experimental JavaScript toolchain","url":"https://github.com/facebookexperimental/rome","content":"外部依存のないJavaScript compiler、bundler、Linter、Formatter、開発サーバなどを含むツールキット。\nBabelとYarnを作ったsebmck製。","tags":["JavaScript","Tools"],"relatedLinks":[]},{"date":"2020-03-02T14:12:34.835Z","title":"Rome, a new JavaScript Toolchain","url":"https://jasonformat.com/rome-javascript-toolchain/","content":"Romeのアーキテクチャについて。\nRome自体がmonorepoでcompilerからbundlerまで含むため、重たいASTの処理のコストを軽減できる。\nまたコンパイルもモジュールごとにWorkerで実行していて、bundlerは単一スコープが問題となるが、コンパイル結果にファイル名を入れることで回避している仕組みについてなど","tags":["JavaScript","article","bundler"],"relatedLinks":[]},{"date":"2020-03-02T14:20:38.673Z","title":"Source maps in Node.js - Node.js - Medium","url":"https://medium.com/@nodejs/source-maps-in-node-js-482872b56116","content":"Node.js 12.12.0からフラグ付きで実装されたSource Map対応について。","tags":["node.js","sourcemap","article"],"relatedLinks":[]},{"date":"2020-03-02T14:33:15.544Z","title":"petersalomonsen/wasm-git: GIT for nodejs and the browser using https://libgit2.org compiled to WebAssembly with https://emscripten.org","url":"https://github.com/petersalomonsen/wasm-git","content":"libgitをEmscriptenでWebAssemblyにコンパイルしたライブラリ。\nブラウザとNode.jsで動作する","tags":["git","WebAssembly","library"],"relatedLinks":[]},{"date":"2020-03-02T14:34:45.026Z","title":"TomPrograms/stormdb: 🌩️ StormDB is a tiny, lightweight, 0 dependency, easy-to-use JSON-based database for NodeJS, the browser or Electron.","url":"https://github.com/tomprograms/stormdb","content":"ブラウザ、Node.jsで動作するJSONデータベースライブラリ。\n","tags":["JavaScript","node.js","library","CoreData","JSON"],"relatedLinks":[]},{"date":"2020-03-02T14:37:21.530Z","title":"JasonEtco/actions-toolkit: 🛠 A toolkit for building GitHub Actions in Node.js","url":"https://github.com/JasonEtco/actions-toolkit","content":"GitHub Actionsを書くための処理を集めたJavaScriptライブラリ、ツールキット。\n","tags":["JavaScript","library","Github","Actions"],"relatedLinks":[]},{"date":"2020-03-02T23:44:00.080Z","title":"ブラウザとnode.jsに両対応したライブラリを作りたいときのWebpackレシピ集 - Qiita","url":"https://qiita.com/riversun/items/1da0c0668d0dccdc0460","content":"ライブラリをwebpackでbundleしてscriptタグで読み込める形式にして配布する際の`output`設定のパターンについて。","tags":["JavaScript","webpack","article"],"relatedLinks":[]},{"date":"2020-03-05T02:08:38.898Z","title":"Clinic.js - An Open Source Node.js performance profiling suite by NearForm","url":"https://clinicjs.org/","content":"NearFormのNode.jsパフォーマンスモニタリングツールセット","tags":["node.js","performance"],"relatedLinks":[]},{"date":"2020-03-05T03:03:15.929Z","title":"Node v13.10.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v13.10.0/","content":"Node.js 13.10.0リリース。\n`async_hooks`モジュールに非同期コンテキストにおけるストレージ機能を提供する`AsyncLocalStorage`の追加。\nStream#pipelineがGenerator functionをサポート、`vm.measureMemory`メソッドの実装など","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"AsyncLocalStorage","url":"https://nodejs.org/api/async_hooks.html#async_hooks_class_asynclocalstorage"}]},{"date":"2020-03-06T15:22:32.482Z","title":"Release v2.0.0 · rollup/rollup","url":"https://github.com/rollup/rollup/releases/tag/v2.0.0","content":"Rollup 2.0.0リリース。\nNode 10未満のサポート終了、APIのリネームや同梱されるASTの型定義の変更など。\nまたNode.js 13のconditional exportsに試験的に対応など","tags":["JavaScript","bundler","ReleaseNote"],"relatedLinks":[]},{"date":"2020-03-08T13:25:25.546Z","title":"What is New in Version 1.0 · isomorphic-git","url":"https://isomorphic-git.org/blog/2020/02/25/version-1-0-0","content":"isomorphic-git 1.0リリース。\nTypeScriptの型改善、`init`や`checkout`、`commit`などのデフォルトの動作の変更、非推奨だったAPIの削除など。","tags":["git","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-03-09T00:26:38.473Z","title":"Release v6.0.0 · immerjs/immer","url":"https://github.com/immerjs/immer/releases/tag/v6.0.0","content":"immer.js 6.0.0リリース。\nES5やMapのサポートなどを明示的なメソッドを呼び出しするように変更など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-03-09T07:56:35.429Z","title":"p5.js 1.0 is Here! - Processing Foundation - Medium","url":"https://medium.com/processing-foundation/p5-js-1-0-is-here-b7267140753a","content":"ビジュアルコーディングライブラリのp5.js 1.0リリース。\n全体的にライブラリを書き直し。`image()`関数のGIFアニメーションサポート、`circle()`や`square()`関数なの追加、エラーメッセージの国際化など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Release 1.0.0 · processing/p5.js","url":"https://github.com/processing/p5.js/releases/tag/1.0.0"}]},{"date":"2020-03-09T13:33:52.755Z","title":"0から始めるNode.jsパフォーマンスチューニング | kohsweblog","url":"https://blog.koh.dev/2020-03-04-nodejs-performance/","content":"Node.jsアプリのパフォーマンス計測、改善についての記事。\nヒープやulimitの設定、cluster対応、プロファイリングの手法、よくある問題についてなど","tags":["node.js","performance","article"],"relatedLinks":[]},{"date":"2020-03-09T13:41:40.960Z","title":"klaussinani/qoa: Minimal interactive command-line prompts","url":"https://github.com/klaussinani/qoa","content":"インタラクティブなCUIを提供するためのNode.jsライブラリ。\nテキスト入力や選択肢などのインタラクティブなプロンプトを提供する","tags":["node.js","library","console"],"relatedLinks":[]},{"date":"2020-03-09T14:02:41.999Z","title":"Introducing AdonisJS (v5 Preview)","url":"https://blog.adonisjs.com/introducing-adonisjs-v5/","content":"Node.jsアプリフレームワークであるAdonisJS v5プレビューリリース。\nTypeScriptベースに書き直し、パフォーマンス改善。\nSigned Routesの対応、Health Checksモジュールの追加、ORMであるLucidの改善など","tags":["node.js","library","ReleaseNote","TypeScript"],"relatedLinks":[{"title":"adonisjs/core: 🚀 The Node.js Framework highly focused on developer ergonomics, stability and confidence","url":"https://github.com/adonisjs/core"}]},{"date":"2020-03-10T23:10:51.088Z","title":"Firefox 74.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/74.0/releasenotes/","content":"Firefox 74.0リリース。\nOptional chaining operatorのサポート、Feature PolicyとCross-Origin-Resource-Policyの有効化、TLS 1.0と1.1の削除など。\nクロスオリジンのiframeではデフォルトでFullscreenやカメラなどが無効となる変更など","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 74 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/docs/Mozilla/Firefox/Releases/74"},{"title":"Firefox 74 Site Compatibility | Firefox Site Compatibility","url":"https://www.fxsitecompat.dev/versions/74/"},{"title":"Geolocation, fullscreen, camera, mic, screen capture requests from cross-origin <iframe> are now disabled by default | Firefox Site Compatibility","url":"https://www.fxsitecompat.dev/en-CA/docs/2020/geolocation-fullscreen-camera-mic-screen-capture-requests-from-cross-origin-iframe-are-now-disabled-by-default/"}]},{"date":"2020-03-11T10:13:41.341Z","title":"Release Worker Plugin 4.0 · GoogleChromeLabs/worker-plugin","url":"https://github.com/GoogleChromeLabs/worker-plugin/releases/tag/4.0.2","content":"webpack向けのWorker Plugin 4.0リリース。\nES Modulesのサポート、`worker-plugin/loader!<path>`のサポート、`SharedWorker`のサポートなど","tags":["webpack","webworker","plugin","ReleaseNote"],"relatedLinks":[]},{"date":"2020-03-11T11:55:34.089Z","title":"Observable","url":"https://observablehq.com/@mitvis/introduction-to-d3","content":"インタラクティブなD3.js入門記事","tags":["JavaScript","library","graphic","article"],"relatedLinks":[]},{"date":"2020-03-11T11:56:23.494Z","title":"Alternatives to enums in TypeScript","url":"https://2ality.com/2020/02/enum-alternatives-typescript.html","content":"TypeScriptでのenumとunion typesについて","tags":["JavaScript","TypeScript","article"],"relatedLinks":[{"title":"さようなら、TypeScript enum | Kabuku Developers Blog","url":"https://www.kabuku.co.jp/developers/good-bye-typescript-enum"}]},{"date":"2020-03-13T21:12:39.711Z","title":"Node v13.11.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v13.11.0/","content":"Node.js 13.11.0リリース。\n`AsyncLocalStorage#enterWith`の追加、`--jitless`オプションを`NODE_OPTIONS`に指定できるように、`wasi`モジュールに`returnOnExit`オプションを追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2020-03-14T20:08:08.238Z","title":"vriad/zod: Typescript-first schema validation with static type inference","url":"https://github.com/vriad/zod","content":"TypeScriptの型チェックとRuntimeでの型チェックを行うスキーマライブラリ。\nライブラリが提供するAPIを使ってスキーマを定義する","tags":["TypeScript","library"],"relatedLinks":[{"title":"Designing the perfect Typescript schema validation library","url":"https://vriad.com/blog/zod/"}]},{"date":"2020-03-15T19:59:56.753Z","title":"Blog - Next.js 9.3 | Next.js","url":"https://nextjs.org/blog/next-9-3","content":"Next.js 9.3リリース。\nビルド時にデータを取得する`getStaticProps`、ビルド時にDynamic Routingとデータを元にページを生成する`getStaticPaths`の追加。\nサーバサイドでリクエストごとに呼び出される`getServerSideProps`の追加。\nSassをビルトインサポート、`pages/404.js`で静的な404ページのカスタマイズができるようになるなど","tags":["React","library","ReleaseNote"],"relatedLinks":[{"title":"Next.js 9.3: 新世代の静的サイト生成、Built-in Sassのサポート - Qiita","url":"https://qiita.com/mottox2/items/5f01015e74c55c4df1be"}]},{"date":"2020-03-15T21:08:46.319Z","title":"Slow Code HATES him! Optimising a web app from 1 to 60fps","url":"https://blog.scottlogic.com/2020/02/17/minesweeper-optimisation.html","content":"マインスイーパ的な100x100のセルを更新するゲームのパフォーマンス最適化について。\nステートと更新する領域の最適化、DOMレイアウトのトリガーとなるCSSの削除、透明テキストの削除、レイヤーの分割、Canvasを使ったレンダリングなどについて","tags":["JavaScript","canvas","performance","article"],"relatedLinks":[]},{"date":"2020-03-16T16:08:27.945Z","title":"The History of the URL","url":"https://blog.cloudflare.com/the-history-of-the-url/","content":"URLの歴史についての記事。\nURLがどのようにできたのかの経緯、フラグメント、Basic認証などについて","tags":["URL","history","article"],"relatedLinks":[]},{"date":"2020-03-17T00:28:33.145Z","title":"Bootstrap 5 release date and what's new about it - Themesberg","url":"https://themesberg.com/blog/design/bootstrap-5-release-date-and-whats-new","content":"Bootstrap 5の変更予定についての紹介記事。\njQueryの削除、IE 10のサポート終了、SVGアイコンなど","tags":["CSS","JavaScript","article"],"relatedLinks":[{"title":"twbs/icons: Official open source SVG icon library for Bootstrap.","url":"https://github.com/twbs/icons"}]},{"date":"2020-03-17T00:31:45.725Z","title":"‘CSS X’ | W3C Blog","url":"https://www.w3.org/blog/2020/03/css-x/","content":"CSS 4はなぜないのかについての解説記事。CSSの仕様開発の歴史、現在のCSS仕様に全体としてのLevelがない理由についてなど","tags":["CSS","history","article"],"relatedLinks":[]},{"date":"2020-03-17T00:37:50.936Z","title":"lukeed/uid: A tiny (134B) and fast utility to generate random IDs of fixed length","url":"https://github.com/lukeed/uid","content":"指定文字数のランダムな英数文字列を生成するライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2020-03-17T00:42:32.228Z","title":"Build a Native Desktop GIF Searcher App Using NodeGui — SitePoint","url":"https://www.sitepoint.com/build-native-desktop-gif-searcher-app-using-nodegui/","content":"QtベースのNode.js向けのGUIフレームワークであるNodeGuiを使ってアプリを作るチュートリアル記事。\nGIPHY APIを使ってGIFファイル表示するアプリの開発をしながら、NodeGuiについて見ていく記事","tags":["JavaScript","node.js","GUI","tutorial","AR"],"relatedLinks":[]},{"date":"2020-03-17T00:48:31.742Z","title":"type-only imports — A new TypeScript feature that benefits Babel users","url":"https://levelup.gitconnected.com/improving-babel-support-for-typescript-with-type-only-imports-28cb209d9460","content":"TypeScriptの`isolatedModules`とBabelのTypeScriptサポートの挙動について。\n曖昧なre-exportの問題とTypeScript 3.8で導入された`import type`/`export type`での解決について。\n","tags":["TypeScript","babel","article"],"relatedLinks":[]},{"date":"2020-03-17T01:11:34.308Z","title":"JavaScript: The First 20 Years","url":"http://www.wirfs-brock.com/allen/posts/866","content":"ECMAScript 2015のEditorであるAllen Wirfs-BrockによるJavaScriptの歴史についての論文。\n","tags":["JavaScript","ECMAScript","history","paper "],"relatedLinks":[]},{"date":"2020-03-17T01:13:28.930Z","title":"RedwoodJS - Bringing Full-stack to the JAMstack","url":"https://redwoodjs.com/","content":"JAMstackフレームワーク。\nReact、GraphQL、Prismaを使ったフレームワーク","tags":["JavaScript","GraphQL","React","library"],"relatedLinks":[{"title":"Prisma - Database tools for modern application development","url":"https://www.prisma.io/"}]},{"date":"2020-03-17T11:19:02.590Z","title":"npm is joining GitHub - The GitHub Blog","url":"https://github.blog/2020-03-16-npm-is-joining-github/","content":"npm incがGitHubに買収された。\nnpm private registryはGitHub Package Registryに移行していく方針で、npmはpublic registryとCLIに注力していく方針","tags":["npm","Github","news"],"relatedLinks":[{"title":"The npm Blog — Next Phase Montage","url":"https://blog.npmjs.org/post/612764866888007680/next-phase-montage"}]},{"date":"2020-03-17T11:43:19.565Z","title":"Release 6.0.0-beta.0 (2020-03-11) · GoogleChrome/lighthouse","url":"https://github.com/GoogleChrome/lighthouse/releases/tag/v6.0.0-beta.0","content":"Lighthouse 6.0.0βリリース。\nMetricsの更新、performanceスコア計算方法の変更。\nまた、Cumulative Layout Shift (CLS)、文字コード、アクセシビリティに関するAuditの追加など","tags":["Chrome","performance","Tools","ReleaseNote"],"relatedLinks":[{"title":"Cumulative Layout Shift (CLS)","url":"https://web.dev/cls/"}]},{"date":"2020-03-18T17:21:43.289Z","title":"npmのprivate registryからGitHub Packages Registryに移行する","url":"https://tech.plaid.co.jp/npm-private-registry-to-github-packages-registry/","content":"GitHub Packages Registryへの移行記事。\nnpmとGitHubの同名スコープの衝突問題。GitHub ActionsでのGitHub Packages Registryへのpublishフロー、Registry変更時のパッケージの静的、動的なチェックについてなど","tags":["node.js","npm","Github","Actions","article","JavaScript"],"relatedLinks":[]},{"date":"2020-03-18T17:27:43.843Z","title":"Chrome Releases: Upcoming Chrome and Chrome OS releases","url":"https://chromereleases.googleblog.com/2020/03/upcoming-chrome-and-chrome-os-releases.html","content":"2020年3月17日に予定していたChrome 81のリリースは延期。\n今のところスケジュールは未定とのこと。","tags":["Chrome","news"],"relatedLinks":[]},{"date":"2020-03-18T17:46:54.447Z","title":"ryanelian/ts-polyfill: Runtime polyfills for TypeScript libs, powered by core-js!","url":"https://github.com/ryanelian/ts-polyfill","content":"tsconfig.jsonの`lib`に合わせたpolyfillを提供するライブラリ","tags":["TypeScript","library"],"relatedLinks":[]},{"date":"2020-03-20T06:24:31.877Z","title":"Release v7.0.0 · nestjs/nest","url":"https://github.com/nestjs/nest/releases/tag/v7.0.0","content":"NestJS 7リリース。\n`type-graphql`パッケージから`@nestjs/graphql`パッケージに移行、\n`ParseArrayPipe`と`ParseBoolPipe`のtransformer pipeを追加など","tags":["JavaScript","node.js","library","ReleaseNote"],"relatedLinks":[{"title":"Announcing NestJS 7: What’s New - Trilon Consulting","url":"https://trilon.io/blog/announcing-nestjs-7-whats-new"}]},{"date":"2020-03-20T10:25:04.152Z","title":"Node.jsでUnhandled RejectionsのときにExit Statusが0となる問題を回避する | Web Scratch","url":"https://efcl.info/2020/03/20/node-unhandled-rejections-exit-status/","content":"Node.jsでのUnhandled Rejectionsの問題について。\n意図しない正常終了を避ける方法としてのエラーハンドリング、`unhandledRejection`イベント、`--unhandled-rejections`オプションについて","tags":["node.js","JavaScript","article"],"relatedLinks":[]},{"date":"2020-03-21T12:11:41.383Z","title":"7.9.0 Released: Smaller preset-env output, Typescript 3.8 support and a new JSX transform · Babel","url":"https://babeljs.io/blog/2020/03/16/7.9.0","content":"Babel 7.9.0リリース。\npreset-envにmodule/npnmoduleパターンをサポートするオプションの追加。Babel 8.0でデフォルト化する予定。\nTypeScript 3.8とFlow 0.120のサポート。ReactのRFCがでている新しいJSXの変換に対応など","tags":["babel","ReleaseNote"],"relatedLinks":[]},{"date":"2020-03-21T12:53:54.412Z","title":"TSerの遊び場：TS playground plugin","url":"https://talks.leko.jp/our-toys-your-sandbox/#0","content":"TypeScript PlaygroundのPluginについて","tags":["TypeScript","slide","plugin"],"relatedLinks":[]},{"date":"2020-03-22T00:22:17.334Z","title":"Prettier 2.0 “2020” · Prettier","url":"https://prettier.io/blog/2020/03/21/2.0.0.html","content":"Prettier 2.0リリース。\nTypeScript 3.8をサポート、CLIでファイル名に`*`が含まれている場合をサポート。\nNode.js 10未満のサポート終了、デフォルト設定の一部変更など。\n\n- `trailingComma`:`es5`\n- `arrowParens`: `always`\n- `endOfLine`: `lf`","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2020-03-22T10:24:52.076Z","title":"elninotech/uppload: 📁 Uppload is a better JavaScript image uploader with 30+ plugins","url":"https://github.com/elninotech/uppload","content":"プラグインで様々なサービスに対応している画像アップロードライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2020-03-23T12:25:04.598Z","title":"The 2019 Web Almanac","url":"https://almanac.httparchive.org/ja/2019/","content":"HTTP Archiveのデータ元にしたレポートであるWeb Almanacの日本語訳。","tags":["browser","performance","web ","HTTP","book"],"relatedLinks":[]},{"date":"2020-03-23T23:20:41.433Z","title":"luciopaiva/heapify: The fastest JavaScript priority queue out there. Zero dependencies.","url":"https://github.com/luciopaiva/heapify","content":"優先度付きキューの実装ライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2020-03-24T00:05:17.365Z","title":"Implementing single-file Web Components","url":"https://ckeditor.com/blog/implementing-single-file-web-components/","content":"Web ComponentsでVueのようなSingle file componentを実装する記事。\nコンポーネントをFetchし、ファイル内をパースしてTemplate、CSS、JavaScriptを取りだす。\nScriptを`import`するために、データURLからBlobを作成しModuleとして読み込むハックについてなど","tags":["JavaScript","WebComponents","article"],"relatedLinks":[]},{"date":"2020-03-24T00:21:08.135Z","title":"luruke/browser-2020: Things you can do with a browser in 2020 ☕️","url":"https://github.com/luruke/browser-2020","content":"ブラウザ/Chromeに実装されている新しいAPIについての概要をまとめたもの。","tags":["browser","WebPlatformAPI","article","Chrome"],"relatedLinks":[]},{"date":"2020-03-24T00:33:54.606Z","title":"Introduction to AntV / Jiazhe Wang / Observable","url":"https://observablehq.com/@jiazhewang/introduction-to-antv","content":"データビジュアライズライブラリのAntVについての紹介記事。\n","tags":["JavaScript","graphic","library","article"],"relatedLinks":[{"title":"AntV team","url":"https://github.com/antvis"}]},{"date":"2020-03-24T07:40:09.325Z","title":"SecretlintでAPIトークンや秘密鍵などのコミットを防止する | Web Scratch","url":"https://efcl.info/2020/03/24/secretlint/","content":"ファイル内にAWSやGCPなどのCredentialsを含んでいないかチェックできるLintツール。\nDockerやNode.jsから利用できる。プロジェクトや個人環境にpre-commit hookで組み込んだり、CIでうっかり秘匿情報が入ってないかをチェックできる。\nルールはNode.jsで自作して追加できる。","tags":["security","node.js","Tools","Docker","article"],"relatedLinks":[{"title":"secretlint/secretlint: Pluggable linting tool to prevent committing credential.","url":"https://github.com/secretlint/secretlint"}]},{"date":"2020-03-25T11:10:47.003Z","title":"Release v1.3.0 · reduxjs/redux-toolkit","url":"https://github.com/reduxjs/redux-toolkit/releases/tag/v1.3.0","content":"Redux Toolkit 1.3.0リリース。\nステートの正規化を管理を手助けする`createEntityAdapter`、非同期処理のパターンを提供する`createAsyncThunk`の追加。\nStoreのmutationを検知してエラー通知する仕組みの追加など","tags":["redux","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-03-26T12:54:19.758Z","title":"Full Third-Party Cookie Blocking and More | WebKit","url":"https://webkit.org/blog/10218/full-third-party-cookie-blocking-and-more/","content":"iOS 13.4、Safari 13.1のITPについて。\n3rd-party cookieは基本的にブロック、LocalStorageを含むストレージは最後のインタラクションから7日後に削除され、`document.referrer`はoriginのみとなった。\nストレージ削除のカウントのルールについてはホームに追加したアプリやSafariを起動していない日はカウントしないなどの例外がある","tags":["safari","security","privacy","article"],"relatedLinks":[]},{"date":"2020-03-26T13:02:06.367Z","title":"Chrome DevTools // slidr.io","url":"https://slidr.io/bmeurer/chrome-devtools#1","content":"Chrome DevToolsについてのスライド。\nDevToolsのアーキテクチャ、機能の紹介など","tags":["Chrome","debug","ESLint"],"relatedLinks":[]},{"date":"2020-03-27T01:39:12.123Z","title":"Chrome Releases: Chrome and Chrome OS release updates","url":"https://chromereleases.googleblog.com/2020/03/chrome-and-chrome-os-release-updates.html","content":"延期していたChromeのリリーススケジュールについて。Chrome 82はキャンセルされ83に統合される予定。\n\n- Chrome 81: 2020-04-07\n- Chrome 82: キャンセル\n- Chrome 83: 2020-05-19","tags":["Chrome","news"],"relatedLinks":[]},{"date":"2020-03-27T01:58:45.331Z","title":"chrvadala/node-ble: Bluetooth Low Energy (BLE) library written with pure Node.js (no bindings) - baked by Bluez via DBus","url":"https://github.com/chrvadala/node-ble","content":"Pure Node.jsなBLEライブラリ","tags":["node.js","Bluetooth","library"],"relatedLinks":[]},{"date":"2020-03-27T02:00:15.787Z","title":"kriasoft/node-sqlite at v4","url":"https://github.com/kriasoft/node-sqlite/tree/v4","content":"Node.jsのSQLiteクライアントライブラリ","tags":["SQLite","node.js","library"],"relatedLinks":[]},{"date":"2020-03-27T07:43:27.178Z","title":"Node v13.12.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v13.12.0/","content":"Node.js 13.12.0リリース。\nnpm 6.14.4へのアップデート、`Object.prototype.__proto__`の書き込みを無効化する`--disable-proto`オプションの追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"Disable __proto__ · Issue #31951 · nodejs/node","url":"https://github.com/nodejs/node/issues/31951"}]},{"date":"2020-03-27T08:33:16.600Z","title":"🐛よくハマったFlexboxのバグまとめ｜たかもそ｜note","url":"https://note.com/takamoso/n/n32c4e6904cf7","content":"CSS Flexboxのブラウザの挙動の違いや仕様についてなど","tags":["CSS","article"],"relatedLinks":[]},{"date":"2020-03-28T04:09:07.137Z","title":"TypeScript Weekly","url":"https://www.typescript-weekly.com/","content":"TypeScriptについてのWeeklyメールマガジン","tags":["TypeScript","mail"],"relatedLinks":[]},{"date":"2020-03-28T04:18:06.454Z","title":"Announcing TypeScript 3.9 Beta | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-3-9-beta/","content":"TypeScritp 3.9βリリース。\n`Promise.all`の型改善、`awaited` typeの追加、ビルドパフォーマンスの改善、Type Errorとなることを期待する`// @ts-expect-error`コメントの追加など。\nまた、ECMAScript仕様にあわせてGetter/Setterをトランスパイルするとenumerableだったのをnon-enumerableに変更するなど","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2020-03-28T06:45:38.540Z","title":"heremaps/harp.gl: harp.gl - web map rendering engine","url":"https://github.com/heremaps/harp.gl","content":"three.jsを使った3Dマップレンダリングエンジンライブラリ","tags":["JavaScript","WebGL","library"],"relatedLinks":[]},{"date":"2020-03-28T23:51:24.342Z","title":"初心者からちゃんとしたプロになる　JavaScript基礎入門 | 西畑 一馬, 須郷 晋也, 岡島 美咲, 扇 克至, 岩本 大樹 | 工学 | Kindleストア | Amazon","url":"https://www.amazon.co.jp/dp/B0863LYNQQ/","content":"2020年3月25日発売\nJavaScriptとVueについての書籍","tags":["JavaScript","Vue","book"],"relatedLinks":[]},{"date":"2020-03-30T13:19:49.079Z","title":"What’s new in react-query v1.0 - LogRocket Blog","url":"https://blog.logrocket.com/whats-new-in-react-query-v1-0/","content":"React Hooksで非同期処理を扱うreact-query 1.0の変更点について","tags":["JavaScript","React","library","article"],"relatedLinks":[{"title":"tannerlinsley/react-query: ⚛️ Hooks for fetching, caching and updating asynchronous data in React","url":"https://github.com/tannerlinsley/react-query"}]},{"date":"2020-03-30T13:29:31.322Z","title":"UI Fabric is evolving into Fluent UI - Microsoft 365 Developer Blog","url":"https://developer.microsoft.com/en-us/office/blogs/ui-fabric-is-evolving-into-fluent-ui/","content":"MSのUIフレームワークであるUI FabricがFluent UIにリネームした。\nパッケージネームも`@fluentui`のscopeで公開されるが、互換性のために`@uifabric`も公開され続ける。\nまた、今後のロードマップについて","tags":["JavaScript","React","library","article"],"relatedLinks":[{"title":"microsoft/fluentui: We've moved! UI Fabric is now Fluent UI - A set of React components for building Microsoft web experiences.","url":"https://github.com/microsoft/fluentui"}]},{"date":"2020-03-30T13:42:36.644Z","title":"CS253 - Web Security","url":"https://web.stanford.edu/class/cs253/","content":"スタンフォード大学のWeb Securityコースのスライドと動画。\nブラウザからサーバまで攻撃/防御視点でのセキュリティについて学ぶ","tags":["browser","web ","server","security","slide","video"],"relatedLinks":[]},{"date":"2020-03-30T13:57:28.027Z","title":"HTML DOM - Common tasks of managing HTML DOM with vanilla JavaScript","url":"https://htmldom.dev/","content":"ライブラリを使わずにDOM API使ってできることを逆引きリファレンス的に紹介しているサイト","tags":["JavaScript","DOM","document"],"relatedLinks":[]},{"date":"2020-03-30T13:59:56.653Z","title":"Version 9.1 of Angular Now Available — TypeScript 3.8, faster builds, and more","url":"https://blog.angular.io/version-9-1-of-angular-now-available-typescript-3-8-faster-builds-and-more-eb292f989428","content":"Angular 9.1リリース。\nTypeScript 3.8サポート、ビルドパフォーマンスの改善、`ng e2e`が`grep`オプションをサポート、rtlのサポートなど","tags":["Angular","ReleaseNote"],"relatedLinks":[]},{"date":"2020-04-01T10:30:58.766Z","title":"ブラウザ/セキュリティ/プライバシー周りの一次情報に近い二次情報の情報源をまとめたもの","url":"https://gist.github.com/azu/7e879fd0c4598476b93aecd4d8dbb511","content":"ブラウザの新しいAPIやリリースなどの追い方や参考リソースのまとめ","tags":["browser","article","MSEdge","Firefox","Chrome","safari","webkit"],"relatedLinks":[]},{"date":"2020-04-02T14:29:12.407Z","title":"Lezer","url":"https://lezer.codemirror.net/","content":"インクリメンタルなパースを行うパーサシステムライブラリ。\n文法を定義し、パースをインクリメンタルに行いエラー復帰なども対応したASTを生成するパーサジェネレータ。\nエディタのシンタックスハイライトのような用途で利用でき、CodeMirrorチームによって開発されている。","tags":["JavaScript","library","AST"],"relatedLinks":[]},{"date":"2020-04-03T11:42:42.190Z","title":"lirantal/npq: 🎖safely* install packages with npm or yarn by auditing them as part of your install process","url":"https://github.com/lirantal/npq","content":"npmやyarnでパッケージをインストールする際に、パッケージのダウンロード数、READMEのうむ、インストールスクリプト、Snykでのチェックを行うCLI","tags":["npm","console","Tools"],"relatedLinks":[]},{"date":"2020-04-03T12:25:34.089Z","title":"Release ES2020 Candidate · tc39/ecma262","url":"https://github.com/tc39/ecma262/releases/tag/es2020","content":"ES2020のリリース候補が公開された。\n`import.meta`もES2020に含まれている。","tags":["ECMAScript","spec","ReleaseNote"],"relatedLinks":[]},{"date":"2020-04-03T12:29:25.931Z","title":"engine262/engine262: An implementation of ECMA-262 in JavaScript","url":"https://github.com/engine262/engine262","content":"JavaScriptによるECMAScript実装。\nJavaScript開発者が新しい言語機能のプロトタイピングを簡単にできるようにするのが目的","tags":["JavaScript","ECMAScript","spec"],"relatedLinks":[]},{"date":"2020-04-03T14:05:43.648Z","title":"WebdriverIO v6 Released · WebdriverIO","url":"https://webdriver.io/blog/2020/03/26/webdriverio-v6-released.html","content":"WebdriverIO v6リリース。\nNode 8のサポート終了、Puppeteerの統合と`devtools`パッケージのデフォルト化、`request`から`got`への移行によるパフォーマンスの改善、TypeScriptサポートなど","tags":["webdriver","ReleaseNote","library"],"relatedLinks":[]},{"date":"2020-04-04T05:00:26.764Z","title":"Chromium Blog: Temporarily rolling back SameSite Cookie Changes","url":"https://blog.chromium.org/2020/04/temporarily-rolling-back-samesite.html","content":"Chrome 80で段階的にロールアウトされていたデフォルトをSameSite=Laxとする変更を、一時的にロールバックしてデフォルトを変更しないようにするとのこと。\n再展開は夏を目標にしている。","tags":["Chrome","news","security"],"relatedLinks":[{"title":"SameSite Updates - The Chromium Projects","url":"https://www.chromium.org/updates/same-site"}]},{"date":"2020-04-04T05:52:51.950Z","title":"Keyboard Event Viewer","url":"https://w3c.github.io/uievents/tools/key-event-viewer.html","content":"JavaScriptのKeyboard Eventビューア","tags":["JavaScript","Keyboard","Tools","DOM"],"relatedLinks":[]},{"date":"2020-04-04T07:45:35.182Z","title":"ECMAScript proposal updates @ 2020-04 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2020/04/04/ecmascript-proposal-update","content":"2020-03から2020-04にかけて行われたTC39MTGで変更があったProposalのまとめ。\n`import.meta`がStage 4となり、ECMAScript 2020に含まれる。","tags":["ECMAScript","proposal","article"],"relatedLinks":[{"title":"Release ES2020 Candidate · tc39/ecma262","url":"https://github.com/tc39/ecma262/releases/tag/es2020"}]},{"date":"2020-04-05T07:52:31.686Z","title":"New WebKit Features in Safari 13.1 | WebKit","url":"https://webkit.org/blog/10247/new-webkit-features-in-safari-13-1/","content":"Safari 13.1の変更点について。\niPadOS 13.4でのPointer Eventsの対応。Web Animations API、Async Clipboard API、ResizeObserver、Picture-in-Pictureのサポート。\nES ProposalのNullish coalesing operator(`??`)のサポート、CSS Shadow Partsのサポート、ITPのアップデートなど\n","tags":["safari","webkit","ReleaseNote"],"relatedLinks":[]},{"date":"2020-04-05T23:48:21.952Z","title":"LCH colors in CSS: what, why, and how? | Lea Verou","url":"http://lea.verou.me/2020/04/lch-colors-in-css-what-why-and-how/","content":"CSS Color Modules Level 4で定義されているLCHカラーについて。\nLCHとは何かやなぜ導入されているのかについて。RGBと比較してより多くの色にアクセスできる点などについて解説している","tags":["CSS","article"],"relatedLinks":[]},{"date":"2020-04-06T13:11:25.061Z","title":"フロントエンド x RTC界隈の最近とこれから - console.lealog();","url":"https://lealog.hateblo.jp/entry/2020/04/02/094225","content":"WebRTC周りのWeb Platform APIのステータスやProposalについて。\nWebTransport、WebRTC-QUIC、WebCodecs、WebSocketStreamなどの関連するAPIについて","tags":["WebRTC","JavaScript","article"],"relatedLinks":[]},{"date":"2020-04-07T01:34:36.657Z","title":"caroso1222/notyf: 👻 A minimalistic, responsive, vanilla JavaScript library to show toast notifications.","url":"https://github.com/caroso1222/notyf","content":"依存がないToast通知を行うUIライブラリ。","tags":["JavaScript","UI","library"],"relatedLinks":[]},{"date":"2020-04-07T01:37:16.552Z","title":"A QUIC Update for Node.js","url":"https://www.nearform.com/blog/a-quic-update-for-node-js/","content":"Node.jsでのQUICプロトコルの実装について。\nQUICの概要や、Node.js Coreに追加する目的で実装している `quic` モジュールについて","tags":["node.js","article","QUIC"],"relatedLinks":[{"title":"nodejs/quic: Exploring a QUIC implementation for Node.js core","url":"https://github.com/nodejs/quic"}]},{"date":"2020-04-08T17:41:10.032Z","title":"Release 10.4.0 · preactjs/preact","url":"https://github.com/preactjs/preact/releases/tag/10.4.0","content":"Preact 10.4.0リリース。\nvnodeの厳密な比較によるパフォーマンス改善、SSR時にhydrationがうまく行かなかった際のfallbackを追加など","tags":["React","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-04-11T01:35:14.151Z","title":"jQuery 3.5.0 Released! | Official jQuery Blog","url":"https://blog.jquery.com/2020/04/10/jquery-3-5-0-released/","content":"jQuery 3.5.0リリース。\n`jQuery.htmlPrefilter`の正規表現のタグ展開によってXSSが発生する問題の修正。これによって`$(\"<div><div/></div>\")` のようなself-closedなタグと他のタグの組わせの挙動が変更される破壊的な変更も含まれる。\n4.0で削除される予定の`:even`と`:odd`の代わりに`.even()`と`.odd()`を追加など","tags":["jQuery","ReleaseNote"],"relatedLinks":[{"title":"3.5 incompatible with FullCalendar 3 · Issue #4664 · jquery/jquery","url":"https://github.com/jquery/jquery/issues/4664"}]},{"date":"2020-04-12T01:43:34.400Z","title":"Firefox 75: Ambitions for April - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2020/04/firefox-75-ambitions-for-april/","content":"Firefox 75リリース。\n開発者ツールのコンソールにInstant evaluation previewsの追加、Async Stack Traceの対応。\n`<img loading=lazy>`での画像の遅延ロードのサポート、CSSの`min()`/`max()`/`clamp()`のサポート、Web Animations APIの改善など。\n","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 75.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/75.0/releasenotes/"},{"title":"Firefox 75 Site Compatibility | Firefox Site Compatibility","url":"https://www.fxsitecompat.dev/versions/75/"},{"title":"Firefox 75 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/ja/docs/Mozilla/Firefox/Releases/75"}]},{"date":"2020-04-12T05:12:10.776Z","title":"New in Chrome 81  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2020/04/nic81","content":"延期していたChrome 81リリース。\n次のChrome 82はスキップされ83が3週間早くリリースされる。\nBadging APIのサポート、Intl.DisplayNamesの実装、Origin TrialとしてWeb NFC APIの追加など","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2020-04-12T05:28:00.157Z","title":"Release Notes for Safari Technology Preview 104 | WebKit","url":"https://webkit.org/blog/10264/release-notes-for-safari-technology-preview-104/","content":"Safari Technology Preview 104リリース。\n(macOSの開発版で)HTTP3をフラグ付きでサポート、CSSの`:is()`のサポート、WebRTC HEVC(H.265)のサポートなど","tags":["webkit","safari","ReleaseNote"],"relatedLinks":[{"title":"H265 / HEVC, hardware accelerated, in #Webrtc – DONE … well, almost. | WebRTC by Dr Alex","url":"http://webrtcbydralex.com/index.php/2020/04/03/h265-hevc-hardware-accelerated-in-webrtc-done-well-almost/"}]},{"date":"2020-04-13T09:29:23.300Z","title":"Hopding/pdf-lib: Create and modify PDF documents in any JavaScript environment","url":"https://github.com/Hopding/pdf-lib","content":"PDFを作成できるNode.jsライブラリ","tags":["PDF","library","node.js"],"relatedLinks":[]},{"date":"2020-04-13T12:28:53.878Z","title":"Web Animations in Safari 13.1 | WebKit","url":"https://webkit.org/blog/10266/web-animations-in-safari-13-1/","content":"Safari 13.1でサポートされたWeb Animations APIについて","tags":["CSS","safari","article"],"relatedLinks":[]},{"date":"2020-04-13T12:43:09.200Z","title":"WebSocketStream: integrating streams with the WebSocket API","url":"https://web.dev/websocketstream/","content":"PromiseベースであるWebSocketStream APIについての記事。\n`ReadableStream`や`WritableStream`などの基本的な使い方、Backpressureについて、Streamの閉じ方についてなど","tags":["WebSocket","strem","article"],"relatedLinks":[]},{"date":"2020-04-13T12:53:35.004Z","title":"Digging into the Privacy Sandbox","url":"https://web.dev/digging-into-the-privacy-sandbox/","content":"プライバシー保護に関するAPIセットであるPrivacy Sandboxについての紹介記事。\n現在のPrivacy Sandboxに関係するProposalの概要やゴール、関連する用語の解説など","tags":["privacy","Chrome","article"],"relatedLinks":[]},{"date":"2020-04-13T13:14:41.387Z","title":"Under-the-hood of web bundlers (e.g. Webpack) - ITNEXT","url":"https://itnext.io/under-the-hood-of-web-bundlers-e-g-webpack-926e868f7f5e","content":"JavaScriptのBundlerについての発表動画の記事版。\nbundlerの行っていることの解説、小さなコンパイラを作りながらbundlerの動作の解説、実際にbundlerを使ってウェブアプリを出力するところまでを解説している。","tags":["JavaScript","bundler","article","video"],"relatedLinks":[{"title":"Under-the-hood of web bundlers (e.g. Webpack) - YouTube","url":"https://www.youtube.com/watch?v=JAY10_75vFw"},{"title":"craigtaub/our-own-webpack: Our own version of Webpack in <200 lines","url":"https://github.com/craigtaub/our-own-webpack"}]},{"date":"2020-04-14T00:56:12.372Z","title":"電子情報学特論：Chromiumのアーキテクチャを解き明かす - Google スライド","url":"https://docs.google.com/presentation/d/1AzBcuN-dmctk7v1IMZHivfpFAiXwCnsjyJS3wQ4sgE4/preview#slide=id.g82989a6582_1_134","content":"Chromiumのプロセスアーキテクチャについてのスライド。\nマルチプロセスアーキテクチャ、埋め込みコンテンツでのSpectreのメモリ読み取り、iframeでのSite Isolation、ChromeのGCの実装についてなど。\nまたレンダリング処理がParsing、Style、Layering、Rasterのステージに分けていて中間データをそれぞれ扱うことで動的な変更に対応している話など","tags":["Chrome","slide","architecture","security"],"relatedLinks":[]},{"date":"2020-04-14T02:33:45.109Z","title":"JavaScript Primer 迷わないための入門書 | azu, Suguru Inatomi |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/dp/4048930737/","content":"2020年4月27日発売\nJavaScriptの入門書。\nhttps://jsprimer.net/ の書籍版。","tags":["JavaScript","book"],"relatedLinks":[{"title":"JavaScript Primerの書籍版が4月27日に発売予定です！ | Web Scratch","url":"https://efcl.info/2020/04/14/pre-jsprimer/"}]},{"date":"2020-04-16T12:49:58.186Z","title":"Node v13.13.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v13.13.0/","content":"Node.js 13.13.0リリース。\n`fs.readv`の追加、`fs.readSync`に`offset`と`length`オプションの追加、`dns.ALL`フラグの追加。\nHTTPヘッダサイズのデフォルト値を8KBから16KBに変更など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2020-04-16T22:13:31.861Z","title":"Release v3.0.0 · puppeteer/puppeteer","url":"https://github.com/puppeteer/puppeteer/releases/tag/v3.0.0","content":"Puppeteer 3.0.0リリース。\nChromium 81にアップデート、Firefox Nightlyのバイナリをインストールできるように、Node.js 8のサポート終了など。\n","tags":["Chrome","Firefox","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-04-18T15:31:52.581Z","title":"Chromium Blog: Chrome 83 Beta: Cross-site Scripting Protection, Improved Form Controls, and Safe Cross-origin Resource Sharing","url":"https://blog.chromium.org/2020/04/chrome-83-beta-cross-site-scripting.html","content":"Chrome 83 Betaリリース。\nCSPとしてTrusted Typeを指定できるように、Form UI/Accessibilityの改善、COOPとCOEPの実装。\nOrigin Trialとして新しくNative File System、` Performance.measureMemory()`、`Scheduler.postTask()`の追加。\nその他には、ARIA Annotations 1.3 draftの対応、Barcode Detection API、CSSの`@supports selector()`のサポートなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Improving form controls in Microsoft Edge and Chromium - Microsoft Edge Blog","url":"https://blogs.windows.com/msedgedev/2019/10/15/form-controls-microsoft-edge-chromium/"},{"title":"Making your website &quot;cross-origin isolated&quot; using COOP and COEP","url":"https://web.dev/coop-coep/"},{"title":"The Native File System API: Simplifying access to local files","url":"https://web.dev/native-file-system/"}]},{"date":"2020-04-19T02:21:02.580Z","title":"速習 TypeScript 第2版 速習シリーズ | 山田祥寛 | 工学 | Kindleストア | Amazon","url":"https://www.amazon.co.jp/dp/B086JKVGPB/","content":"TypeScriptについての電子書籍","tags":["TypeScript","book"],"relatedLinks":[{"title":"【新刊紹介】『速習 TypeScript 第2版』発売、最新の3.8系にも対応：CodeZine（コードジン）","url":"https://codezine.jp/article/detail/12203"}]},{"date":"2020-04-19T11:00:47.263Z","title":"Vuln Cost - security scanner for VS Code | Snyk","url":"https://snyk.io/security-scanner-vuln-cost/","content":"VSCodeで`require`、`import`しているモジュールの脆弱性の数を表示する拡張機能","tags":["VSCode","security","Tools"],"relatedLinks":[]},{"date":"2020-04-19T11:06:52.662Z","title":"vime-js/vime: All your media player needs in one place - a modern alternative to Videojs and Plyr. Supports Html5, Hls, Dash, YouTube, Vimeo, Dailymotion and more to come.","url":"https://github.com/vime-js/vime","content":"プラグインで拡張できるVideoプレイヤーライブラリ。\n機能ごとにモジュール化されているため、必要なモジュールだけを利用できる。","tags":["JavaScript","plugin","video","library"],"relatedLinks":[]},{"date":"2020-04-19T11:23:31.402Z","title":"AddyOsmani.com - Profiling React.js Performance","url":"https://addyosmani.com/blog/profiling-react-js/","content":"Reactアプリのレンダリングパフォーマンスの計測方法について。\nExperimentalなReact Profiler API、Interaction tracingを使った方法。\nPuppeteerやUser Timing API、Lighthouseを使ったReactに依存しない計測についてなど","tags":["React","performance","article"],"relatedLinks":[]},{"date":"2020-04-19T11:42:03.689Z","title":"aeroheim/midori: library for animated image backgrounds","url":"https://github.com/aeroheim/midori","content":"Canvas/WebGLを使った背景画像のアニメーションを描画するライブラリ。\n読み込んだ背景画像に対してtransitionsやeffectsを設定できる。","tags":["JavaScript","WebGL","library"],"relatedLinks":[]},{"date":"2020-04-19T11:43:52.042Z","title":"yusufnb/verify-json: verify-json","url":"https://github.com/yusufnb/verify-json","content":"JSONバリデーションライブラリ。\nスキーマを定義してJSONオブジェクトをバリデーションできる","tags":["JSON","library"],"relatedLinks":[]},{"date":"2020-04-19T12:43:32.783Z","title":"A Tour of Inline Caching with Delete | WebKit","url":"https://webkit.org/blog/10298/inline-caching-delete/","content":"`delete`演算子でプロパティを削除するオブジェクトの構造が変わって構造IDが変わることで、構造IDをkeyにしてキャッシュするInline Cachingが無効化されて遅くなる問題について。\nJSCではこのdeleteによる削除遷移に対する最適化を行うことで、Emberのデバッグビルドのようなdeleteを多用するアプリでのパフォーマンスを改善したという話","tags":["webkit","performance","article","JavaScript"],"relatedLinks":[]},{"date":"2020-04-19T13:48:24.188Z","title":"Making your website \"cross-origin isolated\" using COOP and COEP","url":"https://web.dev/coop-coep/","content":"`SharedArrayBuffer`など高度な機能は`self.crossOriginIsolated`が`true`の場合に利用できる。\n`crossOriginIsolated`を有効にするには、`Cross-Origin-Embedder-Policy`と`Cross-Origin-Opener-Policy`の対応が必要という話。\n`Cross-Origin-*` HTTPヘッダーの動きについての解説","tags":["Chrome","security","article"],"relatedLinks":[{"title":"Raise the bar for SharedArrayBuffer via postMessage() by annevk · Pull Request #4734 · whatwg/html","url":"https://github.com/whatwg/html/pull/4734"},{"title":"COOP and COEP explained - Google ドキュメント","url":"https://docs.google.com/document/d/1zDlfvfTJ_9e8Jdc8ehuV4zMEu9ySMCiTGMS9y0GU92k/edit"},{"title":"Understanding &quot;same-site&quot; and &quot;same-origin&quot;","url":"https://web.dev/same-site-same-origin/"}]},{"date":"2020-04-19T14:28:25.598Z","title":"Release v1.7.0 · pikapkg/snowpack","url":"https://github.com/pikapkg/snowpack/releases/tag/v1.7.0","content":"Snowpack 1.7.0リリース。\n`--env`のサポート、Babelプラグインの更新、JSXとTypeScriptのサポート。\nまた Snowpack 2.0に向けて変更予定について書かれている","tags":["npm","browser","Tools","ReleaseNote","bundler"],"relatedLinks":[]},{"date":"2020-04-19T14:38:38.412Z","title":"State of Vue Apr 16 2020 - Google スライド","url":"https://docs.google.com/presentation/d/1LHp-8hEtXEMSE1fd6YLAhYmtndQelQKbWlGggZKe4y8/edit#slide=id.p","content":"Vue.js 3βリリースについてのスライド。\nVue 3の主な変更について。\nComposition API、Fragment、Teleport、Suspense、Custom Renderer APIの対応など。\nまた、Tree-shakingの対応によるファイルサイズの削減やTypeScriptのサポートについて","tags":["Vue","slide"],"relatedLinks":[{"title":"vue-next/CHANGELOG.md at master · vuejs/vue-next","url":"https://github.com/vuejs/vue-next/blob/master/CHANGELOG.md#300-beta1-2020-04-16"}]},{"date":"2020-04-19T14:46:15.548Z","title":"Speed Up Your Angular App - 14 Angular Optimization Tips | GrapeCity","url":"https://www.grapecity.com/blogs/14-ways-to-speed-up-your-angular-app","content":"Angular 9を使ったアプリの最適化Tips。\n\n","tags":["Angular","article","performance"],"relatedLinks":[]},{"date":"2020-04-20T14:21:37.461Z","title":"What's new in ECMAScript 2020 | Strict Mode","url":"https://www.strictmode.io/articles/whats-new-es2020/","content":"ES2020で追加される構文やメソッドについての紹介記事","tags":["ECMAScript","JavaScript","article"],"relatedLinks":[]},{"date":"2020-04-20T14:29:13.265Z","title":"CSS via inline variables","url":"https://codepen.io/WebReflection/pen/gOawwew","content":"`style`属性にCSS Custom Propertiesを定義して、CSS側でCSS Custom Propertiesの変数の読み取りと初期値を指定するパターン。\n利用側でCSS値をinjectできる仕組み","tags":["CSS","HTML","example"],"relatedLinks":[{"title":"(20) Andrea Giammarchi on Twitter: &quot;a legitimate use case for inline style attribute is, imho, variables declarations: • if the user disabled CSS, no layout changes • it's SSR compatible out of the box, no Shadow DOM needed • it doesn't shadow !important, but you could add !important https://t.co/gBaPjlYvMS https://t.co/T5Tewjh2dD&quot; / Twitter","url":"https://twitter.com/WebReflection/status/1252172398406877185"}]},{"date":"2020-04-21T23:32:48.309Z","title":"zeit/swr: React Hooks library for remote data fetching","url":"https://github.com/zeit/swr","content":"データの取得を扱うReact Hooksライブラリ。\nデータの取得、リトライ、`mutate`による再取得、定期的な取得、SSRの対応、Suspenseの対応など","tags":["React","library","Fetch"],"relatedLinks":[]},{"date":"2020-04-23T00:52:44.990Z","title":"Release v11.0.0 · sindresorhus/got","url":"https://github.com/sindresorhus/got/releases/tag/v11.0.0","content":"Node.js向けHTTPクライアントのGot 11.0.0リリース。\nHTTP2をオプトインでサポート。\n`electron.net`のサポート終了、Pagination APIがStableに、`got.stream`の`encoding`オプションの変更、`dnsCache`オプションの変更など","tags":["node.js","library","ReleaseNote"],"relatedLinks":[{"title":"szmarczak/cacheable-lookup: A cacheable dns.lookup(…) that respects TTL","url":"https://github.com/szmarczak/cacheable-lookup"}]},{"date":"2020-04-23T09:38:41.025Z","title":"node-fetch v3 beta is out! - Antoni Kepinski - Medium","url":"https://medium.com/@kepinski/node-fetch-v3-beta-is-out-9fbb8091999","content":"node-fetch 3の変更予定について。\nNode.js 10未満のサポート終了、`browser`フィールドの削除、`res.textConverted()`の削除。\nData URLのサポート、`Blob`の実装、UTF8 URLハンドリングの改善、`highWaterMark`オプションの追加など","tags":["node.js","HTTP","article"],"relatedLinks":[{"title":"node-fetch/node-fetch: A light-weight module that brings window.fetch to Node.js","url":"https://github.com/node-fetch/node-fetch"}]},{"date":"2020-04-23T11:24:18.843Z","title":"Node v14.0.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v14.0.0/","content":"Node.js 14.0.0リリース。\nV8 8.1へアップデート、Diagnostic ReportがStableに、`fs/promises`の追加など。\nExperimentalとしてWASIのサポート、ECMAScript ModulesのExperimental Warningの削除など","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"Node.js version 14 available now - Node.js - Medium","url":"https://medium.com/@nodejs/node-js-version-14-available-now-8170d384567e"},{"title":"Node.js v14の主な変更点 - 別にしんどくないブログ","url":"https://shisama.hatenablog.com/entry/2020/04/22/011221"}]},{"date":"2020-04-24T21:38:13.904Z","title":"developit/web-worker: Consistent Web Workers in browser and Node.","url":"https://github.com/developit/web-worker","content":"UniversalなWebWorkerライブラリ。\nNode.jsの`worker_threads`とブラウザの`Worker`に対応している。","tags":["JavaScript","node.js","browser","webworker","library"],"relatedLinks":[]},{"date":"2020-04-26T06:03:38.871Z","title":"ezhmd/opencv-wasm: Precompiled OpenCV 4.3.0 to JavaScript + WebAssembly for node.js environment","url":"https://github.com/ezhmd/opencv-wasm","content":"OpenCV.jsのWebAssemblyビルドをパッケージとして配布しているライブラリ","tags":["WebAssembly","graphic","library"],"relatedLinks":[]},{"date":"2020-04-26T12:17:05.586Z","title":"Release 1.0.0 · markedjs/marked","url":"https://github.com/markedjs/marked/releases/tag/v1.0.0","content":"Markdownパーサ、コンパイラのmarked 1.0.0リリース。\n`marked.use`でパーサに対してカスタマイズ処理ができるように","tags":["Markdown","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-04-26T12:21:28.738Z","title":"ESLint v7.0.0-rc.0 released - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2020/04/eslint-v7.0.0-rc.0-released","content":"ESLint v7.0.0-rc.0リリース。\n非同期処理の対応をした新しいESLint APIの追加、Node関係のルールは`eslint-plugin-node`が扱うためコアに含まれるNode関係のルールを非推奨化。\nエラーレポート位置情報の修正など","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"mysticatea/eslint-plugin-node: Additional ESLint's rules for Node.js","url":"https://github.com/mysticatea/eslint-plugin-node"}]},{"date":"2020-04-27T14:02:46.034Z","title":"Release 10.0.0 · highlightjs/highlight.js","url":"https://github.com/highlightjs/highlight.js/releases/tag/10.0.0","content":"シンタックスハイライトライブラリのhighlight.js 10.0.0リリース。\nコードベースをES2015似変更しIEのサポート終了。\n`before:highlight`、`after:highlight` プラグインAPIの追加、それぞれの言語に`name`属性を追加など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"highlight.js/VERSION_10_BREAKING_CHANGES.md at master · highlightjs/highlight.js","url":"https://github.com/highlightjs/highlight.js/blob/master/VERSION_10_BREAKING_CHANGES.md"}]},{"date":"2020-04-27T14:55:46.856Z","title":"bikeshaving/crank: Write JSX-driven components with functions, promises and generators.","url":"https://github.com/bikeshaving/crank","content":"ReactのようにJSXでコンポーネントを扱うライブラリ。\n非同期コンポーネントをPromiseとGeneratorを使って扱えるようにしている。","tags":["JavaScript","library","React"],"relatedLinks":[{"title":"Crank.js | Introducing Crank","url":"https://crank.js.org/blog/introducing-crank"}]},{"date":"2020-04-27T15:15:14.156Z","title":"mohebifar/vidact: A compiler that converts React-compatible codes to VanillaJS with no Virtual DOM","url":"https://github.com/mohebifar/vidact","content":"ReactライクなコードをプレーンなJavaScriptに変換するコンパイラとランタイム。\nSvelteと似たコンセプトで、Babelプラインとして実装したコンパイラでReact/JSXなコードを同等のDOM表現に変換する目的","tags":["babel","React","JavaScript","library"],"relatedLinks":[]},{"date":"2020-04-27T15:28:44.812Z","title":"Release Notes for Safari Technology Preview 105 | WebKit","url":"https://webkit.org/blog/10428/release-notes-for-safari-technology-preview-105/","content":"Safari Technology Preview 105リリース。\n仕様に準拠して`type=module`の`cross-origin`のデフォルト値を`anonymous`に変更。\nStage 3のES Proposalであるproposal-logical-assignmentを実装など","tags":["safari","webkit","ReleaseNote"],"relatedLinks":[{"title":"tc39/proposal-logical-assignment: A proposal to combine Logical Operators and Assignment Expressions","url":"https://github.com/tc39/proposal-logical-assignment"}]},{"date":"2020-04-28T00:34:43.310Z","title":"lukeed/rosetta: A general purpose internationalization library in 292 bytes","url":"https://github.com/lukeed/rosetta","content":"シンプルなローカライズライブラリ","tags":["JavaScript","i18n","library"],"relatedLinks":[]},{"date":"2020-04-28T00:44:37.861Z","title":"The Cost of Javascript Frameworks - Web Performance Consulting | TimKadlec.com","url":"https://timkadlec.com/remembers/2020-04-21-the-cost-of-javascript-frameworks/","content":"HTTP Archiveのデータを元にjQuery、Vue、Angular、Reactを使っているサイトでのメトリクスの比較について。\nそれぞれのライブラリを利用しているサイトのファイルサイズ、モバイル/デスクトップでのCPU消費時間について。\nまたjQueryと組み合わせているサイトとそうでないサイトの比較。\nReact単独のサイトではメインスレッドのCPU処理が増える傾向について","tags":["browser","JavaScript","performance","article"],"relatedLinks":[]},{"date":"2020-04-28T00:52:54.146Z","title":"A Taste of WebGPU in Firefox - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2020/04/experimental-webgpu-in-firefox/","content":"WebGPUについての記事。\nWebGLとWebGPUの違い、コンテキストの分離、パイプラインの状態のカプセル化、バインディングモデルについて。\nまたFirefoxのWebGPU実装について","tags":["WebGL","WebGPU","Firebug"],"relatedLinks":[]},{"date":"2020-04-29T04:39:53.118Z","title":"Node v12.16.3 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v12.16.3/","content":"Node.js 12.16.3リリース。\nExperimentalで実装されているconditional exportsに関するwarningメッセージが削除された","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2020-05-01T07:35:51.251Z","title":"rinsuki/play-flv-in-browser: Play FLV in Browser!","url":"https://github.com/rinsuki/play-flv-in-browser","content":"ffmepgをWebAssemblyにコンパイルしたものを使ってflv/mp4をブラウザで再生するデモ","tags":["flash","video","WebAssembly","JavaScript","browser"],"relatedLinks":[]},{"date":"2020-05-03T02:06:42.862Z","title":"Tackling TypeScript: Upgrading from JavaScript","url":"https://exploringjs.com/tackling-ts/","content":"Dr. AxelによるTypeScriptの入門書","tags":["TypeScript","book"],"relatedLinks":[]},{"date":"2020-05-03T12:54:03.156Z","title":"addaleax/gen-esm-wrapper: Generate ESM wrapper files for CommonJS modules","url":"https://github.com/addaleax/gen-esm-wrapper","content":"CommonJSからESM Wrapperを生成するツール","tags":["node.js","CommonJS","ECMAScript","module"],"relatedLinks":[]},{"date":"2020-05-04T09:06:14.297Z","title":"Announcing TypeScript 3.9 RC | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-3-9-rc/","content":"TypeScript 3.9 RCリリース。\n`Promise.all`の型改善、ビルドパフォーマンスの改善、Type Errorとなることを期待する`// @ts-expect-error`コメントの追加など。 また、ECMAScript仕様にあわせてGetter/Setterをトランスパイルするように変更など\n`awaited` typeは延期","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2020-05-04T09:07:41.973Z","title":"What’s in that .wasm? Introducing: wasm-decompile · V8","url":"https://v8.dev/blog/wasm-decompile","content":"`wasm-decompile`でのWebAssemblyのデコンパイルについて","tags":["WebAssembly","article"],"relatedLinks":[{"title":"wabt/decompiler.md at master · WebAssembly/wabt","url":"https://github.com/WebAssembly/wabt/blob/master/docs/decompiler.md"}]},{"date":"2020-05-04T16:54:50.754Z","title":"jesseduffield/lazynpm: terminal UI for npm","url":"https://github.com/jesseduffield/lazynpm","content":"lazygit, lazydockerライクなnpmのターミナルUIツール。\nパッケージの情報表示、パッケージの管理、スクリプトの実行など","tags":["npm","console","UI"],"relatedLinks":[]},{"date":"2020-05-05T15:24:46.431Z","title":"jQuery 3.5.1 Released: Fixing a Regression | Official jQuery Blog","url":"http://blog.jquery.com/2020/05/04/jquery-3-5-1-released-fixing-a-regression/","content":"jQuery 3.5.1リリース。\njQuery 3.5.0でのリグレッションを修正。3.5ではXSSに対するセキュリティ修正のため、意図的に後方互換性がない部分も含まれる","tags":["jQuery","ReleaseNote"],"relatedLinks":[]},{"date":"2020-05-06T12:06:28.524Z","title":"Firefox 76: Audio worklets and other tricks - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2020/05/firefox-76-audio-worklets-and-other-tricks/","content":"Firefox 76リリース。\n開発者ツールの改善、Audio workletsのサポート、CSS System Colorsのサポート、未知のプロトコルへのNavigation移動をブロックするように変更など","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 76 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/76"},{"title":"Firefox 76 Site Compatibility | Firefox Site Compatibility","url":"https://www.fxsitecompat.dev/en-CA/releases/76/"},{"title":"Firefox 76.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/76.0/releasenotes/"}]},{"date":"2020-05-07T03:45:15.416Z","title":"Jest 26: Tick Tock · Jest","url":"https://jestjs.io/blog/2020/05/05/jest-26","content":"Jest 26リリース。\n`@sinonjs/fake-timers`ベースの新しいFake Timerの追加、`it`や`describe`などをexportする`@jest/globals`の追加、Native ESMのサポートなど。\nいくつかのコアモジュールでES5のビルドを提供しないように変更し、Node.js 8未満のサポートを終了。\n今後の変更として、Jest 27でデフォルトのtestRunner\"jest-circus\"に変更しenvironmentを\"node\"に変更する。\nまた、Jest 28で\"jest-jasmine2\"と\"jest-environment-jsdom\"を削除予定。","tags":["JavaScript","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-05-07T03:51:56.961Z","title":"antfu/i18n-ally: 🌍 All in one i18n extension for VS Code","url":"https://github.com/antfu/i18n-ally","content":"VSCode上に作られたi18n編集システム。\nエディタ上で翻訳キーの代わりに翻訳結果の表示などローカライズの支援をする拡張機能。\nさまざまなフレームワークに対応している","tags":["VSCode","i18n","Extension","EmEditor"],"relatedLinks":[]},{"date":"2020-05-07T03:55:20.022Z","title":"window.location Cheatsheet - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/samanthaming/window-location-cheatsheet-4edl","content":"`window.location`オブジェクトのプロパティやメソッドの挙動を解説している記事","tags":["JavaScript","チートシート","article"],"relatedLinks":[]},{"date":"2020-05-07T03:57:54.313Z","title":"Quantum JavaScript (Q.js)","url":"https://quantumjavascript.app/","content":"量子回路シミュレーターライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2020-05-07T04:03:57.544Z","title":"Release v1.6.0 · mdx-js/mdx","url":"https://github.com/mdx-js/mdx/releases/tag/v1.6.0","content":"MarkdownにJSXを拡張するMDX 1.6.0リリース。\nVueをベータサポート","tags":["JavaScript","Markdown","ReleaseNote"],"relatedLinks":[]},{"date":"2020-05-07T04:32:10.516Z","title":"Improved Next.js and Gatsby page load performance with granular chunking","url":"https://web.dev/granular-chunking-nextjs/","content":"webpackの`SplitChunksPlugin`を行うことでNext.js 9.2やGatsbyのページ間でのCommon chunkを分けた話。\nHTTP/2における`maxInitialRequests`の設定によるcリクエスト数の増加の影響調査、ルーティングとchunkの分離についてなど","tags":["webpack","article"],"relatedLinks":[{"title":"feat(gatsby): enable granular chunks by wardpeet · Pull Request #22253 · gatsbyjs/gatsby","url":"https://github.com/gatsbyjs/gatsby/pull/22253"}]},{"date":"2020-05-07T04:41:11.271Z","title":"Web Vitals","url":"https://web.dev/vitals/","content":"ウェブページのパフォーマンス計測の重なメトリクスをCore Web Vitalsとしてまとめたという話。\nCore Web VitalsはLargest Contentful Paint(LCP)、First Input Delay(FID)、Cumulative Layout Shift(CLS)。\n同時に`web-vitals`というそれぞれのメトリクスを計測できるライブラリも提供し、 PageSpeed InsightsやSearch Consoleなどもそれぞれ対応していく予定","tags":["Chrome","performance","article","JavaScript"],"relatedLinks":[{"title":"GoogleChrome/web-vitals: Essential metrics for a healthy site.","url":"https://github.com/GoogleChrome/web-vitals"},{"title":"GoogleChrome/web-vitals-extension: A Chrome extension to measure essential metrics for a healthy site","url":"https://github.com/GoogleChrome/web-vitals-extension"}]},{"date":"2020-05-08T14:02:07.090Z","title":"Distributed Node.js - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920342762.do","content":"Node.jsでのスケーラブルなバックエンドサービス開発についての書籍","tags":["node.js","book"],"relatedLinks":[]},{"date":"2020-05-08T14:04:52.946Z","title":"React: Up & Running, 2nd Edition - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920252696.do","content":"Reactの入門書の第2版","tags":["React","book"],"relatedLinks":[]},{"date":"2020-05-08T15:13:08.185Z","title":"V8 release v8.3 · V8","url":"https://v8.dev/blog/v8-release-83","content":"V8 8.3リリース。\nArrayBufferのGC改善、 WebAssemblyで最大4GBのメモリを利用できるように、TypedArrayにおけるprototypeチェーンのバグを修正など","tags":["V8","ReleaseNote"],"relatedLinks":[]},{"date":"2020-05-09T08:51:19.476Z","title":"Rebuilding our tech stack for a new Facebook.com - Facebook Engineering","url":"https://engineering.fb.com/web/facebook-redesign/","content":"Facebook.com のリデザインにおけるパフォーマンス改善について。\nAtomicなCSSを生成して初期ロードに必要なCSSの削減、`rem`を使ったフォントサイズコントール。\nSVGをReactコンポーネントとしてロード、Dynamic Importを使ったコンポーネントの動的ロード、JavaScript Budgetの導入、GraphQLを使ったラウンドトリップの削減など","tags":["facebook","React","CSS","performance","article"],"relatedLinks":[]},{"date":"2020-05-09T09:00:07.952Z","title":"ESLint v7.0.0 released - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2020/05/eslint-v7.0.0-released","content":"ESLint 7.0.0リリース。\n破壊的な変更としてNode.js 8以下のサポート終了、`eslint:recommended`の更新、ルールの更新、デフォルトの無視ファイルの変更など。\n非同期処理に対応した`ESLint`クラスの追加、ディレクティブコメントに説明が書けるようになるなど","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"ESLint v7.0.0 の変更点まとめ - Qiita","url":"https://qiita.com/mysticatea/items/0931a7d910fcb91733ee"},{"title":"Migrating to v7.0.0 - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/docs/user-guide/migrating-to-7.0.0"}]},{"date":"2020-05-09T09:10:32.194Z","title":"Node v14.2.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v14.2.0/","content":"Node v14.2.0リリース。\nNode内部メソッドの`common.mustCall() `を`assert.CallTracker`として試験的に利用できるように。\nWorkerに`stackSizeMb`オプションの追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2020-05-09T09:31:02.845Z","title":"The npm Blog — npm v7 Series - Introduction","url":"https://blog.npmjs.org/post/617484925547986944/npm-v7-series-introduction","content":"npm 7のロードマップについて。\narboristを使った依存関係の分析の刷新、`peerDependencies`の自動インストール、`acceptDependencies`のサポート。\nまた`package-lock.json`の形式変更と`yarn.lock`に関する処理の追加。workspaces機能(yarn workspaces相当)、overrides機能(yarnのresolusions相当)の追加、段階的な公開を行う`--stage`オプションの追加など","tags":["npm","article"],"relatedLinks":[{"title":"npm/arborist: npm's tree doctor","url":"https://github.com/npm/arborist"}]},{"date":"2020-05-09T14:04:29.562Z","title":"An in-depth guide to performance optimization with webpack - LogRocket Blog","url":"https://blog.logrocket.com/guide-performance-optimization-webpack/","content":"webpackでのbundleサイズの分析、改善方法についてのチュートリアル。\nエントリポイントの分離、サードパーティライブラリの分離、chunkのグループ化、ルーティングごとのcode splitting、`runtimeChunk`でのmanifestファイルの統一。\nexternalsでのCDNの利用、Tree ShakingでDead Code削除、Performance Budgetの設定などをステップごとに見ていく記事","tags":["webpack","performance","article"],"relatedLinks":[{"title":"doppelmutzi/react-performance-strategies at manifest-splitting","url":"https://github.com/doppelmutzi/react-performance-strategies/tree/manifest-splitting"}]},{"date":"2020-05-11T09:30:24.246Z","title":"Deno Weekly","url":"https://denoweekly.com/","content":"Denoに関する週刊のメールマガジン","tags":["mail","deno"],"relatedLinks":[]},{"date":"2020-05-11T09:32:39.247Z","title":"sindresorhus/slugify: Slugify a string","url":"https://github.com/sindresorhus/slugify","content":"文字列からURLやファイル名などに使えるslug文字列を作成するライブラリ　","tags":["JavaScript","node.js","library"],"relatedLinks":[]},{"date":"2020-05-11T09:34:08.652Z","title":"nikersify/pico: Take browser screenshots in Javascript 📸","url":"https://github.com/nikersify/pico","content":"SVGの`<foreignObject>`を使ってHTMLのスクリーンショットを作成するライブラリ","tags":["JavaScript","SVG","library"],"relatedLinks":[]},{"date":"2020-05-11T13:19:09.706Z","title":"Using Buffers in Node.js | DigitalOcean","url":"https://www.digitalocean.com/community/tutorials/using-buffers-in-node-js","content":"Node.jsの`Buffer`の基本的な使い方についての解説記事","tags":["node.js","article"],"relatedLinks":[]},{"date":"2020-05-11T13:24:48.441Z","title":"詳解HTTP/2（BarryPollard 北原憲 一ノ瀬太樹 洲崎俊 北原憲 一ノ瀬太樹 洲崎俊 新井悠 国分裕 長谷川陽介）｜翔泳社の本","url":"https://www.shoeisha.co.jp/book/detail/9784798163789","content":"2020年06月15日発売\nHTTP/2 in Actionの翻訳本","tags":["HTTP2","book","translate"],"relatedLinks":[]},{"date":"2020-05-11T14:32:29.235Z","title":"Comparing Ember Octane and React","url":"https://www.pzuraq.com/comparing-ember-octane-and-react/","content":"Ember OctaneとReactを比較した記事。\nそれぞれのフレームワークで同じコードを書くとどのような違いがあるかやそれぞれの仕組みについて","tags":["Ember","React","article"],"relatedLinks":[]},{"date":"2020-05-11T22:59:47.210Z","title":"Blog - Next.js 9.4 | Next.js","url":"https://nextjs.org/blog/next-9-4","content":"Next.js 9.4リリース。\nFast Refreshをデフォルトで有効化、`stale-while-revalidate`ライクな Incremental Static Regenerationをベータサポート。\nNode.js側にも`fetch`を自動的にpolfyill、`reportWebVitals`のサポート、Absolute ImportsとAliasesのサポートなど","tags":["React","ReleaseNote","library"],"relatedLinks":[]},{"date":"2020-05-11T23:03:30.208Z","title":"shqld/tish: A typescript utils for shell operations. Totally Promise, Multi-platform, Optimized, Lazy✌️","url":"https://github.com/shqld/tish","content":"シェルスクリプトのような処理をTypeScriptで書けるutilライブラリ。\nコマンドの実行やパイプ処理などを扱う","tags":["JavaScript","TypeScript","ShellScript","library"],"relatedLinks":[]},{"date":"2020-05-13T13:26:45.395Z","title":"Announcing TypeScript 3.9 | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-3-9/","content":"TypeScript 3.9リリース。`Promise.all`の型改善、ビルドパフォーマンスの改善、Type Errorとなることを期待する`// @ts-expect-error`コメントの追加など。 また、ECMAScript仕様にあわせてGetter/Setterをトランスパイルするように変更など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2020-05-15T13:50:23.031Z","title":"Release Notes for Safari Technology Preview 106 | WebKit","url":"https://webkit.org/blog/10580/release-notes-for-safari-technology-preview-106/","content":"Safari Technology Preview 106リリース。\nCSSの`:where()` pseudo-classのサポート、ES2020のBigIntをサポート、`Intl.RelativeTimeFormat`のサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2020-05-16T02:32:12.526Z","title":"Raynos/npm-bin-deps: NPR allows you to run your CLI dependencies without having a copy in node_modules.","url":"https://github.com/Raynos/npm-bin-deps","content":"npm run-scriptからコマンドとして利用するパッケージを`package.json`に`binDependencies`として定義して、利用するツール","tags":["npm","node.js","Tools"],"relatedLinks":[]},{"date":"2020-05-16T02:40:57.730Z","title":"How to use prefers-reduced-motion in React · Josh W Comeau","url":"https://joshwcomeau.com/react/prefers-reduced-motion/","content":"Reactで`prefers-reduced-motion`を利用したアニメーションの削減を実装する方法について。\nReact hooksを使った実装、SSRを考慮したパターンについて","tags":["React","JavaScript","article"],"relatedLinks":[]},{"date":"2020-05-16T03:18:39.732Z","title":"Production Ready State Management for React | Kea 2.0","url":"https://kea.js.org/","content":"React向けのステート管理ライブラリ。\nActions、Reducers、Listeners、Loaders、Selectors、Valuesを扱う","tags":["React","JavaScript","library"],"relatedLinks":[]},{"date":"2020-05-16T04:34:05.245Z","title":"Deno 1.0","url":"https://deno.land/v1","content":"Deno 1.0リリース。\nV8を使ったJavaScript/TypeScriptランタイム。\nオプトインで機能を有効化でき、formatterなどを同梱していて、Go言語ライクなStandard libraryを持っている。","tags":["deno","ReleaseNote","node.js"],"relatedLinks":[]},{"date":"2020-05-16T05:51:06.052Z","title":"What's New In DevTools (Chrome 84)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2020/05/devtools","content":"Chrome 84の開発者ツールの変更点について。\nパフォーマンスパネルにWeb Vitalsを反映した項目の追加、PromiseオブジェクトのStatusをコンソールに表示するように、CSS `revert` プロパティのサポートなど","tags":["Chrome","debug","article"],"relatedLinks":[]},{"date":"2020-05-16T05:54:35.452Z","title":"addyosmani/puppeteer-webperf: Automating Web Performance testing with Puppeteer 🎪","url":"https://github.com/addyosmani/puppeteer-webperf","content":"Puppeteerを使ったパフォーマンス計測のメトリクス取得などのスニペットリポジトリ","tags":["Chrome","performance","JavaScript","example"],"relatedLinks":[]},{"date":"2020-05-16T06:08:19.366Z","title":"Kite Launches AI-Powered JavaScript Completions - Code Faster with Kite","url":"https://www.kite.com/blog/product/kite-launches-ai-powered-javascript-completions/","content":"機械学習ベースのコード補完ツールであるKiteがJavaScriptの補完に対応したという話","tags":["JavaScript","editor","article"],"relatedLinks":[]},{"date":"2020-05-16T06:42:40.923Z","title":"How an anti ad-blocker works: Reverse-engineering BlockAdBlock","url":"https://xy2.dev/article/re-bab/","content":"AdBlockのBlockerの実装を見ていく話。","tags":["ad ","JavaScript","article"],"relatedLinks":[]},{"date":"2020-05-16T08:08:49.974Z","title":"sandersn/downlevel-dts: Convert a new d.ts to one that works with older versions of Typescript","url":"https://github.com/sandersn/downlevel-dts","content":"TypeScriptの型定義のダウングレードを行うツール。\nTypeScriptの古い機能を使って新しい機能を再現するように型定義を変換するツール","tags":["TypeScript","Tools"],"relatedLinks":[]},{"date":"2020-05-16T12:43:58.808Z","title":"ReactEurope 2020 - YouTube","url":"https://www.youtube.com/playlist?list=PLCC436JpVnK0Q4WHoB85ZYBwcCyTaMgAl","content":"React Europe 2020の動画一覧","tags":["React","Conference","video"],"relatedLinks":[{"title":"ReactEurope - The original European React.js &amp; Native conference on May 14-15th, 2020 in Paris, France","url":"https://www.react-europe.org/"}]},{"date":"2020-05-16T14:24:39.362Z","title":"JavaScript: The Definitive Guide, 7th Edition - O'Reilly Media","url":"http://shop.oreilly.com/product/0636920048633.do","content":"JavaScriptについての書籍。\nサイ本 第7版","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2020-05-16T14:49:01.209Z","title":"Focused Session: Performance profiling for Web Applications with Sam Saccone - YouTube","url":"https://www.youtube.com/watch?v=j9LW94EN7n4","content":"ウェブアプリケーションのボトルネックの見つけ方について動画。\n初期ロードのネットワークにおけるクリティカルパスの問題とpreload、\n操作中のパフォーマンスのボトルネックの見つけ方についてのケーススタディ","tags":["performance","video","debug","browser"],"relatedLinks":[{"title":"nodeschool April 18 2020 - webperf - Google スライド","url":"https://docs.google.com/presentation/d/1K9QKmQdZ51OU4DKGmXL_8R4KS4N-WVtZZEqZA9g4STA/edit#slide=id.p"}]},{"date":"2020-05-18T11:41:15.309Z","title":"facebookexperimental/Recoil: Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.","url":"https://github.com/facebookexperimental/Recoil","content":"React向けのステート管理ライブラリ。","tags":["React","JavaScript","library"],"relatedLinks":[]},{"date":"2020-05-18T12:12:53.311Z","title":"Fast and reliable cross-browser testing with Playwright 🎭","url":"https://medium.com/@arjunattam/fast-and-reliable-cross-browser-testing-with-playwright-155c0e8a821f","content":"Playwright 1.0.0リリース。\nChrome、Firefox、SafariをサポートしたPuppeteer-likeなAPIを持つクスブラウザテストフレームワーク。\n時間ではなくイベントに対して待機できる仕組み、複数のページをまたいだコンテキストの定義、さまざまなブラウザAPIに対応している","tags":["browser","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-05-20T14:26:40.281Z","title":"What's New in Lighthouse 6.0","url":"https://web.dev/lighthouse-whats-new-6.0/","content":"Lighthouse 6.0リリース。\nWeb Vitalsに基づく新しいメトリクスとしてLCP/CLSの追加、Performanceスコア計算の変更。\n新しいAuditsとして、Unused JavaScript、axe-coreベースのAccessibility Auditなどの追加。\nLighthouse拡張はPageSpeed Insights APIを使うように変更など","tags":["browser","Chrome","performance","ReleaseNote"],"relatedLinks":[{"title":"Release v6.0.0 · GoogleChrome/lighthouse","url":"https://github.com/GoogleChrome/lighthouse/releases/tag/v6.0.0"},{"title":"Lighthouse Scoring calculator","url":"https://googlechrome.github.io/lighthouse/scorecalc/"},{"title":"GoogleChrome/lighthouse-ci: Automate running Lighthouse for every commit, viewing the changes, and preventing regressions","url":"https://github.com/GoogleChrome/lighthouse-ci"}]},{"date":"2020-05-21T13:36:35.690Z","title":"Node v14.3.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v14.3.0/","content":"Node.js 14.3.0リリース。\nREPLでoutput previewの改善、Top-Level Awaitのサポートなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2020-05-21T14:04:16.953Z","title":"Preparing for AppCache removal","url":"https://web.dev/appcache-removal/","content":"ChromeのAppCache削除プラン。\nChrome 90で完全に消える予定。\nChrome on iOSではService Workerが使えないため、代用方法はない環境もある。他のブラウザでのAppCacheの削除予定についてなど","tags":["Chrome"],"relatedLinks":[]},{"date":"2020-05-21T14:13:32.765Z","title":"New in Chrome 83  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2020/05/nic83","content":"Chrome 83リリース。\nTrusted Typesのサポート、フォームコントロールUIのアップデート、COOPとCOEPの実装。\nOrigin Trialとして`performance.measureMemory()`や`Scheduler.postTask()`の追加。\nその他にはBarcode Detection APIやCSS ` prefers-color-scheme`のサポートなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Chromium Blog: Chrome 83 Beta: Cross-site Scripting Protection, Improved Form Controls, and Safe Cross-origin Resource Sharing","url":"https://blog.chromium.org/2020/04/chrome-83-beta-cross-site-scripting.html"}]},{"date":"2020-05-22T12:35:29.485Z","title":"Release v3.0.0 · typescript-eslint/typescript-eslint","url":"https://github.com/typescript-eslint/typescript-eslint/releases/tag/v3.0.0","content":"typescript-eslint 3.0.0リリース。\nESLint 7をサポート、TS 3.9のサポート。 \nNode.js 8とTypeScript 3.2のサポート終了。\n`recommended`と`recommended-requiring-typechecking`が`eslint-recommended`を継承するように変更。\nルールのデフォルト値の変更、Deprecatedなルールの削除など。\n","tags":["TypeScript","ESLint","ReleaseNote"],"viaURL":"https://github.com/jser/ping/issues/160","relatedLinks":[]},{"date":"2020-05-22T23:35:28.693Z","title":"Electron 9.0.0 | Electron Blog","url":"https://www.electronjs.org/blog/electron-9-0","content":"Electron 9.0.0リリース。\nChromium 83、Node 12.14、V8 8.3へアップデート。\n`enableRemoteModle`オプションを使わずに`remote`モジュールを使うことを非推奨化、`app.enableRendererProcessReuse`をデフォルトで`true`に変更など。\nその他には、スペルチェッカーの改善、PDFビューアの有効化など","tags":["Electron","ReleaseNote"],"viaURL":"https://github.com/jser/ping/issues/160","relatedLinks":[]},{"date":"2020-05-23T07:12:59.522Z","title":"Introduction - Nuxt Content","url":"https://content.nuxtjs.org/","content":"Nuxt.jsからMarkdown、JSON、CSVなどのコンテンツデータを取得して、埋め込めるNext.jsモジュール。\n","tags":["Vue","JavaScript","library"],"viaURL":"https://github.com/jser/ping/issues/160","relatedLinks":[]},{"date":"2020-05-23T13:30:16.854Z","title":"Chromium Blog: The Science Behind Web Vitals","url":"https://blog.chromium.org/2020/05/the-science-behind-web-vitals.html","content":"Web Vitalsの背景にあるUX調査について。\nLCPの2.5秒未満、CLSの0.1未満、FIDの100ミリ秒未満の推奨値の算出に関する調査についてまとめた記事","tags":["performance","Chrome","browser","article"],"viaURL":"https://github.com/jser/ping/issues/160","relatedLinks":[]},{"date":"2020-05-24T03:17:00.851Z","title":"Site Isolation 及び Web のセキュリティモデルの更新 | blog.jxck.io","url":"https://blog.jxck.io/entries/2020-05-22/site-isolation.html","content":"異なるサイトのコードの実行やリソースを読み込みを観測することで情報を取得できるサイドチャネル攻撃を防止する仕組みについて。\nブラウザのプロセスを分離する方法とウェブサイト側でオプトインとしてクロスオリジンリクエストを制御する仕組みについて。","tags":["browser","security","article"],"viaURL":"https://github.com/jser/ping/issues/160","relatedLinks":[]},{"date":"2020-05-24T14:32:56.004Z","title":"cacjs/cac: Simple yet powerful framework for building command-line apps.","url":"https://github.com/cacjs/cac","content":"コマンドラインツール向けのライブラリ。\n引数パーサ、ヘルプ表示、バージョン表示、サブコマンドの仕組みを持っている","tags":["JavaScript","console","library"],"relatedLinks":[]},{"date":"2020-05-24T14:35:57.695Z","title":"loreanvictor/rxxpress: An Experimental Mashup of RxJS and Express","url":"https://github.com/loreanvictor/rxxpress/","content":"RxJSを使ったExpressライクなサーバライブラリ。\nExpressのRouterと組み合わせ利用できるように設計されている","tags":["Rx","node.js","server","library"],"relatedLinks":[]},{"date":"2020-05-25T13:22:13.769Z","title":"Introducing App Service Static Web Apps - Microsoft Tech Community - 1394451","url":"https://techcommunity.microsoft.com/t5/azure-app-service/introducing-app-service-static-web-apps/ba-p/1394451","content":"Azureの静的サイトホスティングサービスのApp Service Static Web Appsについて。\nルーティングルール、GitHubアカウントなどを使った認証、Azure FunctionsでのサーバAPIの実装、GitHub Actionsを使ったデプロイなどができる","tags":["webservice","Azure","article"],"relatedLinks":[]},{"date":"2020-05-25T13:26:19.484Z","title":"WebGL guide (part 1/2)","url":"https://xem.github.io/articles/webgl-guide.html","content":"WebGL/GLSLについてのチュートリアル","tags":["WebGL","tutorial"],"relatedLinks":[]},{"date":"2020-05-25T13:38:42.585Z","title":"umijs/umi-request: A request tool based on fetch.","url":"https://github.com/umijs/umi-request","content":"Fetch APIベースのHTTPリクエストライブラリ","tags":["Fetch","browser","node.js","library"],"relatedLinks":[]},{"date":"2020-05-25T14:04:26.424Z","title":"module bundlerの作り方(準備編) - 技術探し","url":"https://blog.hiroppy.me/entry/create-module-bundler-preparation","content":"BabelのJavaScriptパーサを使って基本的なmodule bundlerを作成するチュートリアル","tags":["webpack","bundler","JavaScript","article"],"relatedLinks":[]},{"date":"2020-05-25T14:17:11.807Z","title":"swyx Writing | IE11 Mainstream End Of Life in Oct 2020","url":"https://www.swyx.io/writing/ie11-eol/","content":"IE 11の「メインストリーム」でのサポート終了についての意見/記事。\nWindows 10のextended supportは2025年までだが、「メインストリーム」のサポートは2020年までのため、IE 11の「メインストリーム」サポートも2020年までではという話。\nChromiumベースのMSEdgeのリリースと、Windows Updateでのロールアウト、IE 11のシェア、IE 11のサポートを終了しているサービスについてなど","tags":["IE","article","opinion"],"relatedLinks":[]},{"date":"2020-05-26T12:43:52.239Z","title":"xFAANG/askql: AskQL is a query language that can express any data request","url":"https://github.com/xFAANG/askql","content":"実行できるコードをリクエストとして利用するクエリ言語。\nAskQLは、プログラミング言語ライクなクエリ(AskScript)を書いたものをコード(AskCode)に変換してサーバへ送信し、Sandbox機構をもつAskVMで実行した結果をJSONとして返す","tags":["JavaScript","TypeScript","library","GraphQL","API"],"relatedLinks":[]},{"date":"2020-05-26T23:24:24.295Z","title":"7.10.0 Released: Class Fields in preset-env, '#private in' checks and better React tree-shaking · Babel","url":"https://babeljs.io/blog/2020/05/25/7.10.0","content":"Babel 7.10.0リリース。\nES2015のUnicode escapeをES5に変換する`@babel/plugin-transform-unicode-escapes`の追加。\nES Module AttributesのProposalのパースを行う`babel-plugin-syntax-module-attributes`の追加。\n`import.meta`のパースをデフォルトでサポート、`preset-react`に`/*#__PURE__#/`アノテーションをつけるプラグインの追加。\ncore-js以外も選べるpolyfillエンジンの追加など","tags":["babel","ReleaseNote"],"relatedLinks":[{"title":"babel/babel-polyfills: A set of Babel plugins that enable injecting different polyfills with different strategies in your compiled code.","url":"https://github.com/babel/babel-polyfills"}]},{"date":"2020-05-26T23:35:28.505Z","title":"babel/babel-polyfills: A set of Babel plugins that enable injecting different polyfills with different strategies in your compiled code.","url":"https://github.com/babel/babel-polyfills","content":"Babelのpolyfillエンジン。\ncore-jsやes-shimsなどpolyfillを選択できる。\npolyfillモジュールをinject方法として`entry-global`、`usage-global`、`usage-pure`をもつ","tags":["babel","polyfill"],"relatedLinks":[]},{"date":"2020-05-28T12:16:35.408Z","title":"Node v12.17.0 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v12.17.0/","content":"Node v12.17.0リリース。\n`--experimental-modules`なしにES Modulesを利用可能に、Experimental APIとして`AsyncLocalStorage`の追加、REPLの改善。\nDiagnostic ReportがStableに、`server.headersTimeout`のデフォルト値の変更など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2020-05-28T14:26:43.181Z","title":"Introducing Snowpack 2.0","url":"https://www.snowpack.dev/posts/2020-05-26-snowpack-2-0-release/","content":"Snowpack 2.0リリース。\nES Modulesをネイティブに使った開発を行うためのビルドシステム。\n開発時はファイルごとにビルドを行い、production buildではwebpackやparcelを使ってbundleしたビルドを行う。\nBuild ScriptsやPluginでのカスタマイズを行えるようになっている。\nデフォルトではesbuildを使ってjs,jsx,ts,tsxのビルドを行う","tags":["bundler","Tools","JavaScript","ReleaseNote"],"relatedLinks":[]},{"date":"2020-05-29T10:16:49.906Z","title":"Riot.jsで簡単Webアプリケーション開発 | 桑原 聖仁 |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/dp/4863543115/","content":"2020年6月23日発売予定\nRiot.jsについての書籍","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-05-29T10:32:34.942Z","title":"otiai10/lookpath: The minimum and most straightforward way to check if command exists and where the executable is, WITHOUT spawning subprocess","url":"https://github.com/otiai10/lookpath","content":"`which`などのコマンドを使わずに、実行ファイルのパスを取得するNode.jsライブラリ","tags":["node.js","library"],"relatedLinks":[]},{"date":"2020-05-29T13:31:32.313Z","title":"Jamstack_conf_virtual_2020 - YouTube","url":"https://www.youtube.com/playlist?list=PL58Wk5g77lF8jzqp_1cViDf-WilJsAvqT","content":"Jamstack Conf 2020の動画一覧","tags":["JavaScript","Conference","video"],"relatedLinks":[{"title":"Jamstack Conf 2020 - Virtual & San Francisco","url":"https://jamstackconf.com/"}]},{"date":"2020-05-29T14:23:52.020Z","title":"11 years of Node: Let’s have an honest conversation - Anna Henningsen (LNUG May 2020) - YouTube","url":"https://www.youtube.com/watch?v=TthueRgvVQ4","content":"Node.js開発の現状について話。\nNode.jsはsmall coreと言われていたが、今は40以上のモジュールが入った巨大なリポジトリでもある。\nNode.jsのコアには非推奨となったモジュール/追加されたモジュール/レガシーなコードが混ざっている。\nそのため開発はバランスを取るのが難しく、これはESMサポートにおいても起きている。\n一方で、CollaboratorsやN-APIなどうまくいっている部分もある。\nまた、Denoとエコシステムについてなど","tags":["node.js","video","slide","deno"],"relatedLinks":[{"title":"11 years of Node: Let’s have an honest conversation - Google スライド","url":"https://docs.google.com/presentation/d/1zyN4JjRtIuzgSLLqUGgyu7X6fEAGNjFHBy4ZZm0ueOc/edit#slide=id.g87684983d8_0_47"}]},{"date":"2020-05-29T14:59:51.680Z","title":"Release Notes for Safari Technology Preview 107 | WebKit","url":"https://webkit.org/blog/10585/release-notes-for-safari-technology-preview-107/","content":"Safari Technology Preview 107リリース。\nWeb Inspectorの改善、`Intl.Locale`/`BigInt.asIntN`/`BigInt.asUintN`の実装。\nHTTPリファラのサイズを4KBに制限するように変更など","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2020-05-29T15:03:28.663Z","title":"Tools to measure Core Web Vitals","url":"https://web.dev/vitals-tools/","content":"Core Web Vitalsのメトリクスを計測するツールの紹介記事","tags":["performance","Tools","browser","article"],"relatedLinks":[]},{"date":"2020-05-30T15:03:03.313Z","title":"Release v5.0.2 · pnpm/pnpm","url":"https://github.com/pnpm/pnpm/releases/tag/v5.0.2","content":"npmパッケージ管理ツールのpnpm 5.0リリース。\nパフォーマンスの改善、ハッシュ + hardlinkベースのキャッシュの仕組みへの変更に伴う一部設定の削除など。\nまた、`pnpm publish`時にGitのStageがcleanかを判定する`git-checks`がデフォルトで有効化など\n","tags":["npm","ReleaseNote"],"relatedLinks":[]},{"date":"2020-05-30T15:08:45.051Z","title":"Understanding client-side JavaScript frameworks - Learn web development | MDN","url":"https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks","content":"MDNのJavaScriptフレームワークのチュートリアル。\nReact、Ember、Vueについてのチュートリアルがある","tags":["document","JavaScript","library","tutorial"],"relatedLinks":[]},{"date":"2020-05-30T15:51:30.483Z","title":"Chromium Blog: Chrome 84 Beta: Web OTP, Web Animations, New Origin Trials and More","url":"https://blog.chromium.org/2020/05/chrome-84-beta-web-otp-web-animations.html","content":"Chrome 84 Betaリリース。\nWeb OTP API、Web Animationsの改善。\nOrigin Trialとして非同期のCookie Stoer API、Idle Detection API、 Origin isolation、WebAssembly SIMDの追加。\nMixed ContentのAutoupgrade、CSSの`revert`キーワードのサポート、JSでは Private Methods and Accessors、WeakRefのサポートなど","tags":["Chrome","ReleaseNote","V8"],"relatedLinks":[]},{"date":"2020-05-30T15:54:13.889Z","title":"Detect inactive users with the Idle Detection API","url":"https://web.dev/idle-detection/","content":"ユーザー/スクリーンがアクティブではない常態かを判定するAPI。\nChrome 84でOrigin Trialとして提供されている。\nuserとscreenのidle状態、変更検知ができる。利用には`notifications`のパーミッションを取得する必要がある。","tags":["Chrome","WebPlatformAPI","article","proposal"],"relatedLinks":[]},{"date":"2020-05-30T15:58:37.598Z","title":"Chromium Blog: Resuming SameSite Cookie Changes in July","url":"https://blog.chromium.org/2020/05/resuming-samesite-cookie-changes-in-july.html","content":"7月14日にリリース予定のChrome 84安定版に合わせて、一時的に停止していたSameSite Cookieのロールアウトが再開される予定","tags":["Chrome","security","news"],"relatedLinks":[]},{"date":"2020-05-30T16:08:17.357Z","title":"deeppatel234/webpack-report: Webpack Build Analysis Plugin","url":"https://github.com/deeppatel234/webpack-report","content":"webpackのbundleされたファイルの依存関係、ビルド時間などのビルド情報、chunkやモジュールなどのサイズのビジュアライズをしてくれるプラグイン。","tags":["webpack","performance","plugin"],"relatedLinks":[]},{"date":"2020-05-30T16:17:41.061Z","title":"The Svelte Compiler Handbook | Tan Li Hau","url":"https://lihautan.com/the-svelte-compiler-handbook/","content":"Svelteのコンパイルプロセスを解説している記事。","tags":["JavaScript","article"],"relatedLinks":[{"title":"Compile Svelte in your head (Part 1) | Tan Li Hau","url":"https://lihautan.com/compile-svelte-in-your-head-part-1/"}]},{"date":"2020-05-31T05:44:09.121Z","title":"divy-work/autopilot-deno: Cross-platform desktop automation library for Deno.","url":"https://github.com/divy-work/autopilot-deno","content":"キーボードやマウスなどデスクトップ処理の自動化を行うDeno向けのライブラリ","tags":["deno","Rust","library"],"relatedLinks":[]},{"date":"2020-05-31T05:48:03.527Z","title":"RoughNotation","url":"https://roughnotation.com/","content":"Underline、Box、Highlightなどを手書き風の描画をアニメーションできるライブラリ。\n手書き処理にはRoughJSを利用している\n","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2020-05-31T05:56:42.632Z","title":"Pug 3.0.0 - RollingVersions - Medium","url":"https://medium.com/rollingversions/pug-3-0-0-2897d6dec294","content":"テンプレートエンジンのPug 3.0.0リリース。\nBufferに対するフィルターをサポート、`each ... of ...`構文のサポートなど","tags":["JavaScript","template","library","ReleaseNote"],"relatedLinks":[{"title":"Release pug@3.0.0 · pugjs/pug","url":"https://github.com/pugjs/pug/releases/tag/pug%403.0.0"}]},{"date":"2020-05-31T06:22:52.271Z","title":"The process: Making Vue 3 – Increment: Frontend","url":"https://increment.com/frontend/making-vue-3/","content":"Vue 3の作成プロセスについての記事。\nVue 3でなぜ書き直しをしているのかやアーキテクチャの変更について","tags":["Vue","article"],"relatedLinks":[]},{"date":"2020-06-04T10:59:45.756Z","title":"June 2020 Security Releases | Node.js","url":"https://nodejs.org/en/blog/vulnerability/june-2020-security-releases/","content":"Node.jsのセキュリティアップデートそれぞれのバージョンがアップデートされている\n\n- Node.js v10.21.0 (LTS)\n- Node.js v12.18.0 (LTS)\n- Node.js v14.4.0 (Current)\n","tags":["node.js","security","ReleaseNote"],"relatedLinks":[]},{"date":"2020-06-04T12:04:12.055Z","title":"webpackの次のバージョンで入るassetModulesの紹介 - 技術探し","url":"https://blog.hiroppy.me/entry/webpack-asset-modules","content":"webpack 5で導入される予定のAsset Modulesについて\nraw-loader. file-loader, url-loaderの代わりとなるplugin","tags":["webpack","article"],"relatedLinks":[]},{"date":"2020-06-04T12:25:32.358Z","title":"New in Firefox 77: DevTool improvements and web platform updates - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2020/06/new-in-firefox-77-devtool-improvements-and-web-platform-updates/","content":"Firefox 77リリース。\n開発者ツールのSource Mapロード時間の改善、デバッガーのステップ実行の改善、ネットワークパネルの改善など。\nまたString#replaceAllの実装、JPEG画像がExifデータに基づいて回転するように、`maxlength`以上の長さの文字列をペーストした場合に切り詰めしないように変更など","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 77 サイト互換性情報 | Firefox サイト互換性情報","url":"https://www.fxsitecompat.dev/ja/releases/77/"},{"title":"Firefox 77 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/77"},{"title":"Firefox 77.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/77.0/releasenotes/"}]},{"date":"2020-06-04T14:26:59.057Z","title":"mvasilkov/assert-equal-html: Assert the equality of two HTML fragments","url":"https://github.com/mvasilkov/assert-equal-html","content":"HTMLの断片同士を比較する関数。\nパーサでHTMLをパースしてその結果を比較している","tags":["HTML","testing","library"],"relatedLinks":[]},{"date":"2020-06-06T02:15:06.667Z","title":"HTML5 Boilerplate 8.0.0 Released – HTML + CSS + JavaScript","url":"https://htmlcssjavascript.com/web/html5-boilerplate-8-0-0-released/","content":"HTML5 Boilerplate 8.0.0リリース。\n`npx create-html5-boilerplate`の追加、Pracelを使ったサンプルの追加、jQueryの削除、レガシーIE向けのブラウザアップグレードプロンプトを削除など","tags":["HTML5","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2020-06-06T06:08:55.368Z","title":"Agoric/SES-shim: SES (Secure EcmaScript) is a secure runtime for executing third-party code safely","url":"https://github.com/Agoric/ses-shim","content":"SES(Secure EcmaScript)のshimライブラリ。\nオブジェクトの書き換えできなくしたり環境できなくした環境でコードを実行する機能、セキュリティモデル。\n一種のsandboxでコードを実行するための仕様の実装。","tags":["security","JavaScript","library"],"relatedLinks":[{"title":"Securing JavaScript Modules - Agoric - Medium","url":"https://medium.com/agoric/ses-support-for-ecmascript-modules-28fc1beb709c"}]},{"date":"2020-06-06T06:13:51.616Z","title":"Securing JavaScript Modules - Agoric - Medium","url":"https://medium.com/agoric/ses-support-for-ecmascript-modules-28fc1beb709c","content":"Secure EcmaScript (SES)についての記事。\nSESにおけるObject-capability model、SES shimsの実装、compartment(enviroment)について","tags":["security","ECMAScript","JavaScript","article"],"relatedLinks":[]},{"date":"2020-06-07T02:02:37.929Z","title":"ESLint v7.2.0 released - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2020/06/eslint-v7.2.0-released","content":"ESLint 7.2.0リリース。\nES2020で入る予定のNullish coalescing operatorや`import.meta`などをサポート(Optional Chainはまだ未サポート)。\n`no-extra-parens`に`enforceForFunctionPrototypeMethods`オプションの追加など","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"ESLint v7.2.0 - Qiita","url":"https://qiita.com/mysticatea/items/9215050e4546c1e2d486"}]},{"date":"2020-06-07T07:26:42.106Z","title":"React TypeScript Cheatsheets | React TypeScript Cheatsheets","url":"https://react-typescript-cheatsheet.netlify.app/","content":"TypeScript + Reactについてのドキュメント。\nコンポーネントや特定の機能における型定義の方法、型定義のパターン、TypeScriptへの移行方法などついて書かれてる。","tags":["React","TypeScript","document"],"relatedLinks":[]},{"date":"2020-06-08T12:37:44.350Z","title":"Case study: Analyzing Notion app performance · PerfPerfPerf","url":"https://3perf.com/blog/notion/","content":"Notionのページをリバースエンジニアリングしてパフォーマンスの改善ポイントを見ていく話。\nロード関するJavaScriptコードの分離、初期化処理の遅延実行、webpackの`concatenateModules`オプション。\n利用していないコードの削除、core-jsの複数バージョンが含まれる問題、サードパーティスクリプトの遅延ロード、SSR時のstateの渡し方とscriptのpreloadについてなど","tags":["jacvas","performance","browser","article"],"relatedLinks":[]},{"date":"2020-06-08T14:14:33.167Z","title":"Service Worker Lifecycle Explained | Felix Gerschau","url":"https://felixgerschau.com/service-worker-lifecycle-update/","content":"Service Workerのライフサイクルについて解説した記事","tags":["ServiceWorker","article"],"relatedLinks":[]},{"date":"2020-06-08T14:16:40.771Z","title":"developit/redaxios: The Axios API, as an 800 byte Fetch wrapper.","url":"https://github.com/developit/redaxios","content":"Fetch APIを使ったAxiosライクなAPIを実装する目的のHTTPライブラリ","tags":["JavaScript","library","Fetch"],"relatedLinks":[]},{"date":"2020-06-08T14:19:05.443Z","title":"大規模改修の裏でTypeScriptとテスト導入をすすめた話 - Speaker Deck","url":"https://speakerdeck.com/pittan/da-gui-mo-gai-xiu-falseli-detypescripttotesutodao-ru-wosusumetahua","content":"テストがないJavaScriptのコードをTypeScriptへの移行とテストコードを少しずつ追加していく話。\n段階的なTypeScriptへの移行について","tags":["JavaScript","Prototype.js","slide"],"relatedLinks":[]},{"date":"2020-06-08T14:25:58.335Z","title":"TC39 Podcast","url":"https://tc39er.us/","content":"ECMAScriptの策定グループであるTC39についてのPodcast","tags":["TC39","podcast","ECMAScript"],"relatedLinks":[]},{"date":"2020-06-08T14:45:51.713Z","title":"angular.js/CHANGELOG.md at master · angular/angular.js","url":"https://github.com/angular/angular.js/blob/master/CHANGELOG.md#180-nested-vaccination-2020-06-01","content":"AngularJS 1.8.0リリース。\njQuery 3.5で修正されたXSSの問題に対するために、一部非互換な変更を含むセキュリティアップデート","tags":["Angular","ReleaseNote"],"relatedLinks":[{"title":"jQuery Core 3.5 Upgrade Guide | jQuery","url":"https://jquery.com/upgrade-guide/3.5/"}]},{"date":"2020-06-09T02:32:29.080Z","title":"garronej/denoify: 🦕For NPM module authors that would like to support Deno but do not want to write and maintain a port for it.","url":"https://github.com/garronej/denoify","content":"npmモジュールをDenoから読み込めるように変換するtranspiler。\n`fs`などの互換モジュールの変換なども行う","tags":["node.js","deno","Tools"],"relatedLinks":[]},{"date":"2020-06-09T02:45:48.654Z","title":"画像による Layout Shift が無くなる Web がやって来る - mizdra's blog","url":"https://www.mizdra.net/entry/2020/05/31/192613","content":"ブラウザのデフォルトスタイルシートに`aspect-ratio`の指定が入ることで、widthとheight属性に値を入れることでLayout Shiftが抑えられることについて\n\n```\nimg {\n  aspect-ratio: attr(width) / attr(height);\n}\n```","tags":["browser","article"],"relatedLinks":[]},{"date":"2020-06-10T23:11:51.851Z","title":"Release v8.0.0 · mochajs/mocha","url":"https://github.com/mochajs/mocha/releases/tag/v8.0.0","content":"Mocha 8.0.0リリース。\nNode 10未満のサポート終了、`mocha.opts`のサポート終了、`enableTimeout()`の削除など。\n`--parallel`でパラレルテストをサポート、`--require`オプションでES Modulesを読み込めるようになるなど","tags":["node.js","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-06-13T02:50:00.682Z","title":"Release v5.0.0 · ReactTraining/history","url":"https://github.com/ReactTraining/history/releases/tag/v5.0.0","content":"history.js 5.0.0リリース。\nHTML5 history APIをサポートしてないブラウザのサポート終了、TypeScriptのサポート、ファイルサイズの削減など。\n","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-06-13T05:14:23.429Z","title":"小さなEventEmitterライブラリ - eventmitを書いた | Web Scratch","url":"https://efcl.info/2020/06/13/eventmit/","content":"1種類のイベントに対して1つのオブジェクトを作るEventEmitter的なライブラリについて。","tags":["JavaScript","library","article"],"relatedLinks":[{"title":"azu/eventmit: Simple EventEmitter. A single event object per an event.","url":"https://github.com/azu/eventmit"}]},{"date":"2020-06-13T05:26:51.484Z","title":"Release v1.1.0 · denoland/deno","url":"https://github.com/denoland/deno/releases/tag/v1.1.0","content":"Deno v1.1.0 リリース。\n`deno eval -p`の追加、`deno lint`コマンドの追加、ファイルシステムのメソッドが`file:`なURLをサポートなど","tags":["deno","ReleaseNote"],"relatedLinks":[]},{"date":"2020-06-15T13:04:42.783Z","title":"Release v2.0.0 · rwaldron/johnny-five","url":"https://github.com/rwaldron/johnny-five/releases/tag/v2.0.0","content":"IoTフレームワークのjohnny-five 2.0リリース","tags":["JavaScript","IoT","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-06-15T13:30:53.787Z","title":"JSMonk/hegel: An advanced static type checker","url":"https://github.com/JSMonk/hegel","content":"JavaScriptで書かれたJavaScriptの型チェッカ。\n型アノテーションを書くことで型チェックを行える。TypeScriptとは異なり静的な型チェックが通った場合に実行時エラーが出ないような実装をしている。ライブラリの型チェックにはTypeScriptの型定義ファイルを利用できる。","tags":["JavaScript","TypeScript","Tools"],"relatedLinks":[{"title":"What & Why | Hegel","url":"https://hegel.js.org/docs"}]},{"date":"2020-06-15T14:53:47.159Z","title":"bcoe/http2spy: test helpers for working with Node.js' http2 module","url":"https://github.com/bcoe/http2spy","content":"`http2`モジュールのspyライブラリ","tags":["HTTP2","node.js","library","testing"],"relatedLinks":[]},{"date":"2020-06-15T14:56:59.969Z","title":"GoogleCloudPlatform/require-so-slow: `require`s taking too much time? Profile 'em.","url":"https://github.com/GoogleCloudPlatform/require-so-slow","content":"npmモジュールのロード時間をChrome Timeline Viewerで見られるようにプロファイルを取るツール。\nモジュール内での`require`にかかっている時間を可視化できる","tags":["node.js","performance","Tools"],"relatedLinks":[]},{"date":"2020-06-15T15:02:58.748Z","title":"Introducing the MDN Web Docs Front-end developer learning pathway - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2020/06/introducing-the-mdn-web-docs-front-end-developer-learning-pathway/","content":"MDNのフロントエンド開発者向けのドキュメントについての紹介記事","tags":["JavaScript","mdn","document","article"],"relatedLinks":[]},{"date":"2020-06-15T15:04:02.854Z","title":"The complete guide to CSS media queries | Polypane browser for developers","url":"https://polypane.app/blog/the-complete-guide-to-css-media-queries/","content":"CSS Media Queryの使い方の解説。\n構文的な使い方の解説、ユースケースについて","tags":["CSS","article"],"relatedLinks":[]},{"date":"2020-06-15T15:06:53.433Z","title":"Release Notes for Safari Technology Preview 108 | WebKit","url":"https://webkit.org/blog/10840/release-notes-for-safari-technology-preview-108/","content":"Safari Technology Preview 108リリース。\n`ParentNode.replaceChildren()`の実装、Async Clipboard APIで`\"image/png\"`の読み込みをサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2020-06-15T15:10:15.111Z","title":"Release v4.0.0 · puppeteer/puppeteer","url":"https://github.com/puppeteer/puppeteer/releases/tag/v4.0.0","content":"Puppeteer v4.0.0リリース。\nNode.jsの`events`への依存を削除、`page.isJavaScriptEnabled()`の追加など","tags":["Chrome","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-06-15T15:14:55.927Z","title":"bradtraversy/vanillawebprojects: Mini projects built with HTML5, CSS & JavaScript. No frameworks or libraries","url":"https://github.com/bradtraversy/vanillawebprojects","content":"ライブラリやフレームワークを使わずにHTML/JavaScript/CSSで書いたアプリケーションのサンプル集","tags":["JavaScript","example"],"relatedLinks":[]},{"date":"2020-06-17T00:02:41.836Z","title":"Ecma latest news","url":"https://www.ecma-international.org/news/index.html","content":"ECMAScript 2020とECMAScript 2020 Internationalization APIが正式リリース","tags":["ECMAScript","spec","ReleaseNote"],"relatedLinks":[]},{"date":"2020-06-18T03:00:31.370Z","title":"Bootstrap 5 alpha! | Bootstrap Blog","url":"https://blog.getbootstrap.com/2020/06/16/bootstrap-5-alpha/","content":"Bootstrap 5αリリース。\njQueryの依存削除、IEのサポート終了、CSS Custom Propertiesでのカスタマイズの対応、formやgridの対応改善、Utilities APIの追加など","tags":["CSS","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-06-19T13:50:17.903Z","title":"Release v2.13.0 · nuxt/nuxt.js","url":"https://github.com/nuxt/nuxt.js/releases/tag/v2.13.0","content":"Nuxt.js 2.13.0リリース。\n`target: static`の追加、`.env`をビルトインサポート、`@nuxt/components`でのAuto Discoryオプションの追加など。\nまた、Nuxt.jsの利用情報を送信するようになり、オプトアウトのためのオプションの追加など","tags":["Vue","library","ReleaseNote"],"relatedLinks":[{"title":"nuxt/telemetry: Nuxt Telemetry","url":"https://github.com/nuxt/telemetry#opting-out"},{"title":"nuxt/components: Scan and auto import components for Nuxt.js 2.13+","url":"https://github.com/nuxt/components"}]},{"date":"2020-06-19T15:25:00.051Z","title":"mswjs/msw: Seamless REST/GraphQL API mocking library for browser and Node.","url":"https://github.com/mswjs/msw","content":"HTTPモックライブラリ。\nService Workerを使う方法、Fetch、XHR、`http`モジュールをinterceptする方法を提供している。\nリクエストに対するレスポンスを定義して、ブラウザとNode.jsでそれぞれHTTPリクエストのテストができるライブラリ","tags":["JavaScript","browser","node.js","ServiceWorker","library","testing"],"relatedLinks":[]},{"date":"2020-06-20T05:42:57.964Z","title":"📦 Parcel 2 beta 1: improved stability, tree shaking, source map performance, and more! 🚀","url":"https://medium.com/@devongovett/parcel-2-beta-1-improved-stability-tree-shaking-source-map-performance-and-more-78179779e8b7","content":"Parcel 2 beta 1リリース。\nTree shakingのデフォルト有効化、Source Mapのパフォーマンス改善Content hashingの改善、モジュール解決エラーの改善など。\n非互換な変更としてはConfigの変更、サーバモードでも`dist`ディレクトリに出力するように変更、Plugin APIの変更なども含まれている","tags":["bundler","ReleaseNote"],"relatedLinks":[]},{"date":"2020-06-20T13:18:47.805Z","title":"jspm.dev Release - jspm.org","url":"https://jspm.org/jspm-dev-release","content":"jspmのCDNとしてdev.jspm.ioの代わりとなるjspm.devが公開された。\nES Modulesに対して最適化されたCDNで、Rollupを使ってレスポンス時間が短くなるように事前に最適化している。\nパッケージのSubpathに対応、Node.jsの`export`フィールドなどに対応している","tags":["JavaScript","module","news","cdn"],"relatedLinks":[]},{"date":"2020-06-20T14:31:13.343Z","title":"Dojo 7 Has Arrived","url":"https://dojo.io/blog/version-7-dojo","content":"Dojo 7リリース。\nWidgetsをTSXで書けるように、Custom Elements の対応改善、データとWidgetsを切り離して扱えるDojo Resourcesの追加、i18nの対応改善など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Announcing Dojo 7 Widgets","url":"https://dojo.io/blog/version-7-dojo-widgets"}]},{"date":"2020-06-21T03:59:03.194Z","title":"ESLint v7.3.0 released - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2020/06/eslint-v7.3.0-released","content":"ESLint 7.3.0リリース。\n新しいルールとして`no-promise-executor-return`と`no-unreachable-loop`の追加。\n設定値にJSONで扱えない値を入れると正しく動作しなくなるリグレッションが含まれるため修正バージョンもリリースされる予定。","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"ESLint v7.3.0 - Qiita","url":"https://qiita.com/mysticatea/items/e155bd2fee35c22ee423"}]},{"date":"2020-06-21T05:42:24.827Z","title":"milesj/interweave: 🌀 React library to safely render HTML, filter attributes, autowrap text with matchers, render emoji characters, and much more.","url":"https://github.com/milesj/interweave","content":"HTML文字列をレンダリングできるReactコンポーネント。\n指定したタグのみを許可したり、自動リンク、絵文字の対応、SSRなどに対応している","tags":["React","HTML","library"],"relatedLinks":[]},{"date":"2020-06-21T06:30:09.667Z","title":"JSSpec | jsspec.github.io","url":"https://jsspec.github.io/","content":"RSpecライクなContextを持ったテストフレームワーク。\n`subject`というグローバル変数に対してテストのコンテキストを割り当ててテストコードを書けるようになっている。","tags":["JavaScript","library","testing"],"relatedLinks":[]},{"date":"2020-06-23T02:03:28.445Z","title":"marcello3d/lascaux-sketch: Lascaux Sketch 2 is an open source web-based digital painting tool","url":"https://github.com/marcello3d/lascaux-sketch","content":"WebGLを使ったお絵かきツール。\nJava AppletのLascaux SketchをWebGLベースに移植したもの","tags":["JavaScript","WebGL","Tools"],"relatedLinks":[]},{"date":"2020-06-23T02:06:46.895Z","title":"vitejs/vite: Native-ESM powered web dev build tool. It's fast.","url":"https://github.com/vitejs/vite","content":"Vite 1.0.0βリリース","tags":["Vue","Tools","bundler","ReleaseNote"],"relatedLinks":[]},{"date":"2020-06-23T02:15:13.439Z","title":"Safari 14 Beta Release Notes | Apple Developer Documentation","url":"https://developer.apple.com/documentation/safari-release-notes/safari-14-beta-release-notes","content":"Safari 14ベータの変更点。\nWebExtensionsの拡張に対応、HTTP/3のサポート、Flashのサポート終了。\nJavaScriptでは、BigInt、EventTargetの継承、Public class fieldのサポート。\nCSSでは、`is()`、`:where()`、image-orientationのサポート。\nその他にはWebP、Picture in Pictureのサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"Safari Web Extensions | Apple Developer Documentation","url":"https://developer.apple.com/documentation/safariservices/safari_web_extensions"},{"title":"Browser support for JavaScript APIs - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Browser_support_for_JavaScript_APIs"}]},{"date":"2020-06-23T02:51:34.394Z","title":"JavaScriptライブラリを読むときのコツ | blog.ojisan.io","url":"https://blog.ojisan.io/how-to-read-js","content":"JavaScriptライブラリのコードリーディングについて","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2020-06-23T02:53:49.073Z","title":"WebAssembly and the Elusive Universal Binary","url":"https://kripken.github.io/talks/2020/universal.html#/","content":"WebAssemblyでのCross PlatformなUniversal Binaryについてのスライド。\nネイティブバイナリに比べて28%程度の速度低下でUniversal Binaryが実現できているという話","tags":["WebAssembly","slide"],"relatedLinks":[]},{"date":"2020-06-23T02:57:38.326Z","title":"slides/ModuleFederationWebpack5.md at master · sokra/slides","url":"https://github.com/sokra/slides/blob/master/content/ModuleFederationWebpack5.md","content":"webpack 5で導入予定のModule Federationについてのスライド。\nFederationでの最適化や動作、既存のDLLやExternalsとの違いについて話されている","tags":["webpack","slide"],"relatedLinks":[{"title":"Module Federation | webpack","url":"https://webpack.js.org/concepts/module-federation/"}]},{"date":"2020-06-25T03:47:08.392Z","title":"Version 10 of Angular Now Available - Angular Blog","url":"https://blog.angular.io/version-10-of-angular-now-available-78960babd41","content":"Angular 10.0.0リリース。\nAngular MaterialにDate Range Pickerの追加。\nCommonJSを取り込むと警告がでるように、`ng new`に`--strict`オプションの追加、TypeScript 3.9へのアップデート、デフォルトのbrowserslistsの更新など","tags":["Angular","ReleaseNote"],"relatedLinks":[]},{"date":"2020-06-25T15:49:27.867Z","title":"Talking TypeScript with the engineer who leads the team - Stack Overflow Blog","url":"https://stackoverflow.blog/2020/06/15/talking-typescript-with-ryan-cavanaugh/","content":"TypeScriptのプロジェクトリードであるRyan Cavanaughのインタビュー。\n作られた理由、Angularでの採用がターニングポイント、チーム構成、エディタとコンパイラサービス、JavaScriptのエコシステムについて","tags":["TypeScript","Interview","Microsoft"],"relatedLinks":[]},{"date":"2020-06-25T15:50:40.728Z","title":"Async Clipboard API | WebKit","url":"https://webkit.org/blog/10855/async-clipboard-api/","content":"Safari 13.1でサポートされたAsync Clipboard APIについて。\nクリップボードの読み書き、Security/Privacyにおける制限について","tags":["safari","article"],"relatedLinks":[]},{"date":"2020-06-26T21:56:49.618Z","title":"Announcing TypeScript 4.0 Beta | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-0-beta/","content":"TypeScript 4.0 Betaリリース。\nVariadic Tuple Types、Labeled Tuple Elements、コンストラクタからClass Propertyの推論ができるように。\n`catch`節の変数が`any`から`unknown`に変更。\nStage 3のlogical assignmentをサポート、`jsxFragmentFactory`オプションのサポート、VSCodeでPartial Editing Modeのサポートなど。","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2020-06-27T13:34:19.382Z","title":"What's New In DevTools (Chrome 85)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2020/06/devtools","content":"Chrome 85の開発者ツールの変更点について。\nCSSOM経由で追加されたCSSを編集に対応、Lighthouse 6にアップデート、App shortcutsについての警告に対応、`respondWith`がTimingタブに表示。\nパフォーマンスパネルにJavaScriptのコンパイルキャッシュの情報を表示するようになるなど","tags":["Chrome","article"],"relatedLinks":[]},{"date":"2020-06-27T14:09:24.933Z","title":"webpack 5 Miniseries - Tobias Koppers, webpack - YouTube","url":"https://www.youtube.com/watch?v=3c-RFpaiUT8&list=PLyspMSh4XhLP-mqulUMcaqTbLo-ZJxSX5&index=34&t=0s","content":"webpack 5の変更についての紹介動画。\n自動的なNode.jsのpolyfillの削除、生成コードのESバージョンを選択、ビルドのパフォーマンスやキャッシュの改善、最適化の改善やログの改善、Module Federationについてなど","tags":["webpack","video"],"relatedLinks":[]},{"date":"2020-06-27T14:11:20.835Z","title":"OpenJS World 2020 - YouTube","url":"https://www.youtube.com/playlist?list=PLyspMSh4XhLP-mqulUMcaqTbLo-ZJxSX5","content":"OpenJS World 2020の動画一覧","tags":["JavaScript","video","Conference"],"relatedLinks":[{"title":"OpenJS World | Linux Foundation Events","url":"https://events.linuxfoundation.org/openjs-world/"}]},{"date":"2020-06-28T13:29:04.524Z","title":"Release Notes for Safari Technology Preview 109 with Safari 14 Features | WebKit","url":"https://webkit.org/blog/10875/release-notes-for-safari-technology-preview-109-with-safari-14-features/","content":"Safari Technology 109リリース。\nSafari 14の変更も含まれる。\nWebExtensions、Private report、Web Authentication、private class fieldsのサポート。\nFlashのサポート終了など。","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"Safari 14 Beta Release Notes | Apple Developer Documentation","url":"https://developer.apple.com/documentation/safari-release-notes/safari-14-beta-release-notes"}]},{"date":"2020-06-28T14:17:21.417Z","title":"Refactoring optional chaining into a large codebase: lessons learned – Lea Verou","url":"https://lea.verou.me/2020/06/refactoring-optional-chaining-into-a-large-codebase-lessons-learned/","content":"ES2020で入ったOptional Chainingを使ったリファクタリングについて。\nOptional Chainingに書き換えできるパターン、書き換えてはいけないパターンについてなど","tags":["JavaScript","article","refacoring"],"relatedLinks":[]},{"date":"2020-06-28T14:19:54.711Z","title":"ealush/vest: Vest - effortless validations","url":"https://github.com/ealush/vest","content":"バリデーションライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2020-06-28T14:23:44.138Z","title":"nastyox/Rando.js: The world's easiest, most powerful random function.","url":"https://github.com/nastyox/Rando.js","content":"指定範囲のランダムな値を生成するライブラリ。\n\n","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2020-06-28T15:06:56.464Z","title":"Reactのレンダリングに関する完全ガイド - Qiita","url":"https://qiita.com/hellokenta/items/6b795501a0a8921bb6b5","content":"Complete Guide to React Rendering Behaviorの翻訳。\nレンダリングとコミットのフェーズ、レンダリングの動作、パフォーマンスの測定、再レンダリングのタイミングについてなど","tags":["React","article","translate"],"relatedLinks":[{"title":"Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior · Mark's Dev Blog","url":"https://blog.isquaredsoftware.com/2020/05/blogged-answers-a-mostly-complete-guide-to-react-rendering-behavior/"}]},{"date":"2020-06-29T15:00:23.448Z","title":"Tracking Prevention in WebKit | WebKit","url":"https://webkit.org/tracking-prevention/","content":"Safariのトラッキング防止について解説しているドキュメント。\nFirst-Party、Third-PartyでのCookie、Storageの制限、Fingerprintingに利用できるため実装しないWeb API、ITPについてなど","tags":["safari","privacy","security"],"relatedLinks":[{"title":"Tracking Prevention Policy | WebKit","url":"https://webkit.org/tracking-prevention-policy/"}]},{"date":"2020-06-29T15:25:34.919Z","title":"hapi.js on Twitter: \"Some un-hapi and joi-less news...\" / Twitter","url":"https://twitter.com/hapijs/status/1275887984114413569","content":"Node.jsフレームワークであるhapiのコア開発者がhapiの開発を終了するという宣言をした。\n","tags":["node.js","server","library","news"],"relatedLinks":[{"title":"Slack | end | hapi hour","url":"https://app.slack.com/client/T6ATU7T16/C015JQPME23/thread/C015JQPME23-1593110366.302100"},{"title":"hapi.dev - The simple, secure framework developers trust","url":"https://hapi.dev/"}]},{"date":"2020-07-01T10:53:21.130Z","title":"Release v1.0.0-beta.1 · vuejs/composition-api","url":"https://github.com/vuejs/composition-api/releases/tag/v1.0.0-beta.1","content":"Vue 2向けのComposition API実装である@vue/composition-api 1.0.0 beta  1リリース","tags":["Vue","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-07-02T02:58:44.206Z","title":"New in Firefox 78: DevTools improvements, new regex engine, and abundant web platform updates - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2020/06/new-in-firefox-78/","content":"Firefox 78リリース。ESRの更新バージョン。\nコンソールにPromiseのエラーをより詳細に表示、ネットワークパネルでリクエストの失敗理由の表示などの開発者ツールの改善。\nCSSの`:is`と`:where`のサポート、`:read-only`と`:read-write`のprefixなしをサポート。\n正規表現のNamed Cature Groupsをサポート、`ParentNode.replaceChildren`のサポート。\nTLS 1.0と1.1の削除など","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 78.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/78.0/releasenotes/"},{"title":"Firefox 78 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/docs/Mozilla/Firefox/Releases/78"}]},{"date":"2020-07-02T03:00:20.100Z","title":"Release v0.14.0 · video-dev/hls.js","url":"https://github.com/video-dev/hls.js/releases/tag/v0.14.0","content":"hls.js 0.14.0リリース。\n\n","tags":["HLS","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-07-02T05:24:48.142Z","title":"Node v14.5.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v14.5.0/","content":"Node v14.5.0リリース。\nV8 8.3へアップデート、`EventTarget`を試験的に実装など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2020-07-03T13:04:51.356Z","title":"V8 release v8.4 · V8","url":"https://v8.dev/blog/v8-release-84","content":"V8 8.4(Chrome 84)リリース。\nWebAssembly SIMD APIがOrigin Trialで利用できるように、`WeakRef`のサポート、Private methodsとaccessorsのサポートなど","tags":["V8","ReleaseNote"],"relatedLinks":[]},{"date":"2020-07-04T02:36:17.800Z","title":"Release v5.0.0 · puppeteer/puppeteer","url":"https://github.com/puppeteer/puppeteer/releases/tag/v5.0.0","content":"Puppeteer v5.0.0リリース。\n`page.emulateMedia`を `page.emulateMediaType`に変更。\nDirect requireを削除し、オブジェクトとして読み込むように変更など","tags":["Chrome","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2020-07-04T06:01:46.039Z","title":"Release Version 6.0.0 · react-hook-form/react-hook-form","url":"https://github.com/react-hook-form/react-hook-form/releases/tag/v6.0.0","content":"React Hook Form 6.0.0リリース。\n","tags":["React","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-07-04T06:03:23.947Z","title":"preactjs/compressed-size-action: GitHub Action that adds compressed size changes to your PRs.","url":"https://github.com/preactjs/compressed-size-action","content":"JavaScriptファイルのビルドサイズの変更を通知するGitHub Actions。\n","tags":["Github","Actions","library","node.js","npm"],"relatedLinks":[]},{"date":"2020-07-04T07:25:59.841Z","title":"Sign-in form best practices","url":"https://web.dev/sign-in-form-best-practices/","content":"`<form>`/`<input>`/`<label>`/`<button>`を使ったフォーム作成についてチェックリスト的な記事","tags":["HTML","accessibility","article"],"relatedLinks":[]},{"date":"2020-07-04T15:36:27.323Z","title":"tom-sherman/immurl: 🔗 A tiny immutable URL library, backed by the native whatwg URL.","url":"https://github.com/tom-sherman/immurl","content":"`URL`のimmutable版","tags":["JavaScript","URL","library"],"relatedLinks":[]},{"date":"2020-07-05T12:27:19.863Z","title":"Overview | Tooling.Report","url":"https://bundlers.tooling.report/","content":"browserify, parcel, rollup, webpackなどのbundlerの機能比較サイト","tags":["bundler","Tools","document"],"relatedLinks":[]},{"date":"2020-07-05T13:10:35.311Z","title":"Vue 3: mid 2020 status update · Issue #183 · vuejs/rfcs","url":"https://github.com/vuejs/rfcs/issues/183","content":"Vue 3のステータスについて。\n7月にRC、8月に正式リリースの予定。","tags":["Vue","news"],"relatedLinks":[]},{"date":"2020-07-05T13:22:16.106Z","title":"antfu/vue-demi: 🎩 Creates Universal Library for Vue 2 & 3","url":"https://github.com/antfu/vue-demi","content":"Vue2と3に対応したライブラリを作成するためのライブラリ。\nVue2と3に互換性がないためどちらにも対応したライブラリを作るためのツールキット的なライブラリ\n","tags":["Vue","library"],"relatedLinks":[{"title":"Make Libraries Working with Vue 2 and 3 - Anthony Fu","url":"https://antfu.me/posts/make-libraries-working-with-vue-2-and-3/"},{"title":"Vue 3: mid 2020 status update · Issue #183 · vuejs/rfcs","url":"https://github.com/vuejs/rfcs/issues/183#issuecomment-651944231"}]},{"date":"2020-07-05T13:35:44.853Z","title":"はじめに - サバイバルTypeScript","url":"https://book.yyts.org/","content":"プログラミング経験のある人がTypeScriptを学ぶことを目的とした書籍","tags":["TypeScript","document","ebook"],"relatedLinks":[]},{"date":"2020-07-06T12:52:48.999Z","title":"Release 3.10.0 · avajs/ava","url":"https://github.com/avajs/ava/releases/tag/v3.10.0","content":"AVA 3.10.0リリース。\n`.only()`を利用中にスナップショットをアップデートしないように、`t.timeout`にメッセージオプションを追加、`t.try()`や`t.snapshot()`がhook中に実行できないように修正など","tags":["node.js","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-07-06T13:21:08.633Z","title":"Creating an Application Performance Monitor Using Node 14 New and Experimental Features | Medium","url":"https://medium.com/@erickwendel/node-v14-x-is-up-deep-diving-into-new-features-ace6dd89ac0b","content":"Node.js 14で利用できるExperimentalな機能を使ってアプリケーションのモニタリングをするAgentを作るという話。\nAsync Local Storage、Diagnostic Reportsについて","tags":["node.js","article"],"relatedLinks":[]},{"date":"2020-07-06T13:24:29.946Z","title":"web.dev LIVE","url":"https://web.dev/live/","content":"web.devのセッション動画まとめ。\n","tags":["Conference","video","google","Chrome"],"relatedLinks":[]},{"date":"2020-07-07T12:26:04.310Z","title":"Grunt 1.2.0 released - Grunt: The JavaScript Task Runner","url":"https://gruntjs.com/blog/2020-07-03-grunt-1.2.0-released","content":"Grunt 1.2.0リリース。\nプラグインの読み込みが`require.resolve`ベースで行えるように、CoffeeScriptの依存を削除、長いコマンド名での無限ループのバグを修正など","tags":["Grunt","ReleaseNote"],"relatedLinks":[]},{"date":"2020-07-08T13:02:16.984Z","title":"Release v3.0.0 · fastify/fastify","url":"https://github.com/fastify/fastify/releases/tag/v3.0.0","content":"Fastify v3リリース。\nExpress middlewareを使う場合は`fastify-express`プラグインを使うように、loggerのserializersのシグネチャーの変更、TypeScriptの型定義の変更など","tags":["node.js","server","library","ReleaseNote"],"relatedLinks":[{"title":"Fastify v3 released - Fastify - Medium","url":"https://medium.com/@fastifyjs/fastify-v3-released-da4601d79a5"}]},{"date":"2020-07-09T13:29:53.151Z","title":"Introducing the Storage Access API - Microsoft Edge Blog","url":"https://blogs.windows.com/msedgedev/2020/07/08/introducing-storage-access-api/","content":"ストレージへのアクセス権限を持っているかを判定、許諾を得るStorage Access APIについて。\n`hasStorageAccess()`でのアクセスチェック、`requestStorageAccess()`でのリクエストについて。\nまたiframeの`sandbox`属性や、許諾ダイアログについてなど","tags":["Chrome","MSEdge","article"],"relatedLinks":[]},{"date":"2020-07-09T15:11:25.421Z","title":"Perf Track","url":"https://perf-track.web.app/","content":"HTTP ArchiveとChrome UX Reportのデータを元にしたフレームワークごとのサイトデータのまとめ。\nAngular、Vue、ReactなどのフレームワークごとにWeb Vitalsの値、サイトのJavaScript/画像のサイズなどを一覧できる","tags":["JavaScript","performance","Tools","library"],"relatedLinks":[]},{"date":"2020-07-10T15:03:32.930Z","title":"FontCDN: Search and Proxy for Google web fonts","url":"https://fontcdn.toolforge.org/","content":"Wikimediaのweb fonts CDNサービス","tags":["fonts","webservice","cdn"],"relatedLinks":[]},{"date":"2020-07-10T16:33:21.093Z","title":"Yarn 2.1 🐱‍🏍 Git Workspaces, Focused Installs, Loose mode, Live Playground, ... - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/arcanis/yarn-2-1-git-workspaces-focused-installs-loose-mode-live-playground-4kfc","content":"Yarn 2.1リリース。\n`node_modules`を使うインストールの互換性改善、`git:` protocolの対応改善、`package-lock.json`などからどのパッケージマネージャかを判定するように。\n","tags":["yarn","ReleaseNote"],"relatedLinks":[]},{"date":"2020-07-11T02:32:14.007Z","title":"Foal TS - Node.JS and TypeScript framework for building web applications","url":"https://foalts.org/","content":"Node.jsフレームワーク。\nDecoratorを使ったルーティング、バリデーション、DI、TypeORMを使ったDBなどをもつHTTPサーバフレームワーク","tags":["node.js","TypeScript","library"],"relatedLinks":[{"title":"TypeORM","url":"https://github.com/typeorm/typeorm"}]},{"date":"2020-07-12T15:01:16.456Z","title":"malinajs/malinajs: Frontend compiler, inspired by Svelte","url":"https://github.com/malinajs/malinajs","content":"SvelteライクなJavaScriptにコンパイルされるUIフレームワーク。\nSvelteとは異なる変更検知の仕組みやDOM更新の仕組みを使う\n","tags":["JavaScript","Tools","library"],"relatedLinks":[{"title":"I created the same app in Svelte.js and Malina.js. Here are the differences. | by Oleg Nechaev | JavaScript In Plain English | Jul, 2020 | Medium","url":"https://medium.com/javascript-in-plain-english/svelte-js-and-malina-js-b33c55253271"}]},{"date":"2020-07-12T15:20:19.176Z","title":"Dates and Times in JavaScript – Igalia Compilers Team","url":"https://blogs.igalia.com/compilers/2020/06/23/dates-and-times-in-javascript/","content":"現在Stage 2のECMAScript ProposalであるTemporalについて。\nDateとTimeの扱いを改善する目的の新しいビルトインオブジェクトで、実際のユースケースに適しているかのフィードバックを募集しているという話。","tags":["ECMAScript","JavaScript","spec","library","article"],"relatedLinks":[{"title":"Temporal documentation","url":"https://tc39.es/proposal-temporal/docs/index.html"},{"title":"tc39/proposal-temporal: Provides standard objects and functions for working with dates and times.","url":"https://github.com/tc39/proposal-temporal"}]},{"date":"2020-07-13T13:22:22.315Z","title":"ryansolid/solid: A declarative, efficient, and flexible JavaScript library for building user interfaces.","url":"https://github.com/ryansolid/solid","content":"JSXで書いてDOM APIを使ったRuntimeで動かすUIフレームワークとコンパイラ。\nReact HooksライクなReactivityやControl Flowを扱うComponentを持っている。","tags":["JavaScript","library","Tools","React","jsx","TypeScript"],"relatedLinks":[{"title":"Why SolidJS: Do we need another JS UI Library? - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/ryansolid/why-solidjs-do-we-need-another-js-ui-library-1mdc"}]},{"date":"2020-07-13T13:35:58.140Z","title":"Make smaller, faster and more secure native apps | Tauri Studio","url":"https://tauri.studio/","content":"WebViewを使ったデスクトップアプリケーションフレームワーク。\nHTML、JS、CSSを使ったフロントエンドとRustを使ったバックエンドでアプリケーションを作成できる。","tags":["Rust","JavaScript","Electron"],"relatedLinks":[{"title":"Creating Tiny Desktop Apps With Tauri And Vue.js — Smashing Magazine","url":"https://www.smashingmagazine.com/2020/07/tiny-desktop-apps-tauri-vuejs/"}]},{"date":"2020-07-14T01:49:25.736Z","title":"The future of the hapi project · Issue #4113 · hapijs/hapi","url":"https://github.com/hapijs/hapi/issues/4113","content":"現在のコアメンテナーが今年でメンテナンス終了を予定しているhapiの今後について。\nhapiのTechnical Steering Committee (TSC)を設立して、コミュニティでメンテナンスしていく方針について。\nメンテナーがTSCに移ったら新しいmajorバージョンをリリースする予定","tags":["node.js","issue","news"],"relatedLinks":[{"title":"The future of the hapi project, a prelude · Issue #4111 · hapijs/hapi","url":"https://github.com/hapijs/hapi/issues/4111"}]},{"date":"2020-07-14T02:06:15.793Z","title":"Skypack","url":"https://www.skypack.dev/","content":"JavaScript Package CDNサービス。\n元Pika CDN。\nnpmパッケージをES Moudulesとして読み込めるCDN。\nパッケージバージョンの指定、minifyなどの最適化したビルドの配布、UAに合わたtranspileとpolyfillを含めたビルドの配布などができる","tags":["JavaScript","cdn","library"],"relatedLinks":[]},{"date":"2020-07-14T02:28:30.083Z","title":"Release v1.2.0 · denoland/deno","url":"https://github.com/denoland/deno/releases/tag/v1.2.0","content":"Deno 1.2.0リリース。\n`deno bundle`でlock fileのサポート、\nUser-timing　APIベースの`performance` APIの追加、`deno info --json`のサポートなど","tags":["deno","ReleaseNote"],"relatedLinks":[]},{"date":"2020-07-15T12:35:43.604Z","title":"New in Chrome 84  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2020/07/nic84","content":"Chrome 84リリース。\nContent Indexing API、Wake lock API、`WeakRef`のサポート。\nOrigin trialsとしてIdle detection、Web Assembly SIMDのサポート。\nSame Site Cookieのロールアウトの再開、TLS 1.0と1.1のサポートの削除など","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"V8 release v8.4 · V8","url":"https://v8.dev/blog/v8-release-84"},{"title":"Chromium Blog: Chrome 84 Beta: Web OTP, Web Animations, New Origin Trials and More","url":"https://blog.chromium.org/2020/05/chrome-84-beta-web-otp-web-animations.html"}]},{"date":"2020-07-16T13:41:06.778Z","title":"Building Micro-Frontends: the book - Building Micro-Frontends","url":"https://www.buildingmicrofrontends.com/","content":"MicroFrontendについての書籍。\nDAZNでのMicroFrontendアーキテクチャについて","tags":["MicroFrontend","book"],"relatedLinks":[]},{"date":"2020-07-16T13:58:44.551Z","title":"adobe/react-spectrum: A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.","url":"https://github.com/adobe/react-spectrum","content":"WAI-ARIAとコンポーネントの状態管理をするReact Hooks、AdobeのデザインシステムのReactコンポーネントの実装のライブラリ。\nWAI-ARIAやキーボード操作などのアクセシビリティ、i18の仕組みなどを提供することが目的","tags":["React","library","accessibility","i18n","Keyboard"],"relatedLinks":[{"title":"React Spectrum","url":"https://react-spectrum.adobe.com/index.html"}]},{"date":"2020-07-17T05:59:29.127Z","title":"richardanaya/tour_of_rust: A tour of rust's language features","url":"https://github.com/richardanaya/tour_of_rust","content":"WebAssemblyのツアー式チュートリアル","tags":["WebAssembly","tutorial"],"relatedLinks":[]},{"date":"2020-07-17T13:32:05.385Z","title":"breejs/bree: Bree is the best job scheduler for Node.js with support for cron, dates, ms, later, and human-friendly strings. Uses workers and spawns sandboxed processes. Supports async/await, retries, throttling, concurrency, and cancelable jobs (graceful shutdown). Simple, fast, and the most lightweight tool for the job. Made for Forward Email and Lad.","url":"https://github.com/breejs/bree","content":"Node.jsのjob scheduler/cron処理ライブラリ","tags":["node.js","library"],"relatedLinks":[]},{"date":"2020-07-17T13:55:44.632Z","title":"getify/moduloze: Convert CommonJS (CJS) modules to UMD and ESM formats","url":"https://github.com/getify/moduloze","content":"CommonJSをUMDとES Modulesに変換するツール","tags":["node.js","module","Bluetooth"],"relatedLinks":[]},{"date":"2020-07-18T00:46:10.477Z","title":"iamakulov/awesome-webpack-perf: A curated list of webpack tools for web performance","url":"https://github.com/iamakulov/awesome-webpack-perf","content":"webpackのパフォーマンス関係のプラグイン、Loaderのまとめ。\n最適化を行うloaderやbundleの分析を行うプラグインなどをまとめたもの","tags":["webpack","plugin","performance"],"relatedLinks":[]},{"date":"2020-07-18T02:23:51.404Z","title":"Zizzamia/perfume.js: Web performance library for measuring all User-centric performance metrics","url":"https://github.com/zizzamia/perfume.js","content":"ブラウザのさまざまなパフォーマンスメトリクスを取得できるJavaScriptライブラリ。\nNavigation Timing、Element Timing、Web Vitalsなどに対応している","tags":["JavaScript","performance","library"],"relatedLinks":[]},{"date":"2020-07-18T16:23:11.501Z","title":"Vue 3 is now in RC! · Issue #189 · vuejs/rfcs","url":"https://github.com/vuejs/rfcs/issues/189","content":"Vue 3 RCリリース。\nマイグレーションガイドも合わせて公開されている。","tags":["Vue","library","ReleaseNote"],"relatedLinks":[{"title":"Introduction | Vue.js","url":"https://v3.vuejs.org/guide/migration/introduction.html"}]},{"date":"2020-07-20T13:06:41.232Z","title":"Release 2.0.0 · naver/billboard.js","url":"https://github.com/naver/billboard.js/releases/tag/2.0.0","content":"D3.jsベースのチャートライブラリであるbillboard.js 2.0.0リリース。\nTypeScriptでの書き直し、ファイルサイズとパフォーマンスの改善、一部オプションのシグネチャーの変更、`.transform()`の非推奨化など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"📊 billboard.js 2.0 is out! 🎉🎊, more smaller and faster. | by Jae Sung Park | Jul, 2020 | Medium","url":"https://medium.com/@alberto.park/billboard-js-2-0-is-out-15e84b52ab11"},{"title":"CHANGELOG v2 · naver/billboard.js Wiki","url":"https://github.com/naver/billboard.js/wiki/CHANGELOG-v2"}]},{"date":"2020-07-20T13:12:52.759Z","title":"ESLint v7.5.0 released - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2020/07/eslint-v7.5.0-released","content":"ESLint 7.5.0リリース。\nOptional Chainingのサポート、`id-blacklist`を非推奨化し`id-denylist`に変更など","tags":["ESLint","ReleaseNote"],"relatedLinks":[]},{"date":"2020-07-20T15:44:50.570Z","title":"Generating UUIDs at scale on the Web | by Matthieu Wipliez | Teads Engineering | Jul, 2020 | Medium","url":"https://medium.com/teads-engineering/generating-uuids-at-scale-on-the-web-2877f529d2a2","content":"クライアントサイトでのUUID生成について。\n`URL.createObjectURL`と`crypto.getRandomValues`を使ったランダムなUUIDの生成とcollisionについて","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2020-07-20T16:03:26.599Z","title":"lukeed/dequal: A tiny (305B) utility for check for deep equality","url":"https://github.com/lukeed/dequal","content":"deep-equalライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2020-07-20T16:03:40.621Z","title":"lukeed/klona: A tiny (423B) and fast utility to \"deep clone\" Objects, Arrays, Dates, RegExps, and more!","url":"https://github.com/lukeed/klona","content":"deep-cloneライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2020-07-20T16:05:56.366Z","title":"Announcing the Release of Apollo Client 3.0 - Apollo Blog","url":"https://www.apollographql.com/blog/announcing-the-release-of-apollo-client-3-0/","content":"GraphQL ClientのApollo Client 3.0リリース。\n`InMemoryCache`に`evict()`や`gc()`などを追加、`makeVar`によるReactive variablesの追加など。","tags":["GraphQL","JavaScript","library"],"relatedLinks":[{"title":"Release 3.0.0 · apollographql/apollo-client","url":"https://github.com/apollographql/apollo-client/releases/tag/v3.0.0"}]},{"date":"2020-07-20T16:21:49.951Z","title":"Dynamic CSS Components Without JavaScript: Every Layout","url":"https://every-layout.dev/blog/css-components/","content":"style属性でCSS Custom Propertyを指定することで、CSSに対して値を渡す方法について。\n","tags":["CSS","article"],"relatedLinks":[{"title":"なぜ私たちはCSSフレームワークを使わないのか - Scott Tolinksi氏、Reactive Conf","url":"https://www.infoq.com/jp/profile/-Shoji-Shigeki/"}]},{"date":"2020-07-21T02:18:55.478Z","title":"eslint-plugin-vue で来たる Vue.js 3 のリリースに備えよう - BASE開発チームブログ","url":"https://devblog.thebase.in/entry/2020/07/16/141446","content":"ESLintを使ったVue 3の対応チェックについて。\nVueで非推奨となった機能やVue3で廃止される機能をESLintでチェックする話","tags":["ESLint","Vue","article"],"relatedLinks":[]},{"date":"2020-07-22T14:32:43.996Z","title":"Node v14.6.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v14.6.0/","content":"Node.js 14.6.0リリース。\n`imports` fieldの実装、`vm`に`microtaskMode`オプションの追加、`fs`のfile descriptorに`trackUnmanagedFds`オプションの追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"module: package &quot;imports&quot; field by guybedford · Pull Request #34117 · nodejs/node","url":"https://github.com/nodejs/node/pull/34117"}]},{"date":"2020-07-22T15:00:42.550Z","title":"Svelte <3 TypeScript","url":"https://svelte.dev/blog/svelte-and-typescript","content":"SvelteのTypeScriptサポート。\nテンプレートにTypeScriptで書けるようになり、型チェックが行える。\nエディタはLSPを使ったサポートを実装している","tags":["Svelte","TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2020-07-25T05:43:24.427Z","title":"Create App - your tool for starting a new webpack or Parcel project","url":"https://createapp.dev/","content":"webpackやparcelの設定ジェネレータ。\n使いたいJavaScriptやCSSのフレームワーク、Lintツールなどを選択するとそれを導入できるwebpackやparcelの設定ファイルを出力してくれるツール","tags":["JavaScript","Tools","webpack"],"relatedLinks":[]},{"date":"2020-07-26T12:52:14.083Z","title":"HTML5 Worker Test","url":"https://html5workertest.com/","content":"WebWorkerで利用できるAPIについてブラウザごとにまとめた対応表","tags":["webworker","browser"],"relatedLinks":[]},{"date":"2020-07-26T13:35:36.504Z","title":"TypeScript Contribution Diary: // @ts-expect-error | Goldblog","url":"http://blog.joshuakgoldberg.com/ts-expect-error/","content":"`@ts-expect-error`wおどのように実装したのかについて","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2020-07-26T13:53:40.449Z","title":"returntocorp/semgrep: Lightweight static analysis for many languages. Find bug variants with patterns that look like source code.","url":"https://github.com/returntocorp/semgrep","content":"ASTベースのコード検索ツール。\nPython/JavaScript/Go/Java/C/JSONなどに対してパターンマッチでの検索ができる","tags":["console","Tools","search"],"relatedLinks":[]},{"date":"2020-07-26T14:33:01.958Z","title":"wixplosives/pleb: a casual publisher","url":"https://github.com/wixplosives/pleb","content":"monorepoのnpm publishで行うツール。\ngitコミットハッシュベースのcanaryリリースを行うこともできる","tags":["npm","Tools"],"relatedLinks":[]},{"date":"2020-07-26T14:51:55.899Z","title":"ECMAScript proposal updates @ 2020-07 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2020/07/26/ecmascript-proposal-update","content":"2020-07のTC39ミーティングでステータスが変わったECMAScript Proposalのまとめ。\n`Promise.any`、WeakRefs、Logical Assignment Operators、Numeric separatorsがStage 4となりES2021に入る予定","tags":["ECMAScript","proposal","news"],"relatedLinks":[]},{"date":"2020-07-26T15:17:58.426Z","title":"V8 release v8.5 · V8","url":"https://v8.dev/blog/v8-release-85","content":"V8 8.5リリース。\nStage 4の`Promise.any`と`AggregateError`、String#replaceAll、Logical assignment operatorsの実装。\nWebAssemblyでMulti-valueのサポート、BigIntsの値を渡せるようになるなど","tags":["V8","ReleaseNote"],"relatedLinks":[]},{"date":"2020-07-26T15:33:17.459Z","title":"Chromium Blog: Chrome 85: Upload Streaming, Human Interface Devices, Custom Properties with Inheritance and More","url":"https://blog.chromium.org/2020/07/chrome-85-upload-streaming-human.html","content":"Chrome 85 beta リリース。\nOrigin TrialとしてFetch upload streaming、WebHID、Declarative Shadow DOM、Portalsのサポート。\nMixed Contentの画像に関するAutoupgradeの追加、AVIFフォーマットのサポート、CSSの`conetnt-visibility`、`counter-set`プロパティのサポート。\n`color-scheme`プロパティの`only`を削除、Referrer Policyのデフォルト値を`strict-origin-when-cross-origin`に変更。Cookieで`Secure`属性がない`SameSite=None`のサポート終了など","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2020-07-27T15:45:42.597Z","title":"hugojosefson/minimum-node-version: Figures out the lowest version of Node.js that satisfies engines.node in package.json.","url":"https://github.com/hugojosefson/minimum-node-version","content":"依存してるライブラリの`engines`フィールドを満たす最小のNode.jsバージョンを検索するツール","tags":["node.js","Tools"],"relatedLinks":[]},{"date":"2020-07-27T15:59:17.490Z","title":"Web Speed Hackathon Online 出題のねらいと解説 · CyberAgentHack/web-speed-hackathon-online Wiki","url":"https://github.com/CyberAgentHack/web-speed-hackathon-online/wiki/Web-Speed-Hackathon-Online-%E5%87%BA%E9%A1%8C%E3%81%AE%E3%81%AD%E3%82%89%E3%81%84%E3%81%A8%E8%A7%A3%E8%AA%AC","content":"ウェブアプリケーションのパフォーマンス改善ハッカソンの解説。\nフロントエンド、バックエンド、ビルド処理での最適化についてハッカソンのアプリを題材に解説している","tags":["performance","article","webpack","babel","CSS"],"relatedLinks":[{"title":"CyberAgentHack/web-speed-hackathon-online","url":"https://github.com/CyberAgentHack/web-speed-hackathon-online"}]},{"date":"2020-07-28T02:14:34.852Z","title":"Release 3.11.0 · avajs/ava","url":"https://github.com/avajs/ava/releases/tag/v3.11.0","content":"AVA 3.11.0リリース。\n`t.like()` assertionの追加。","tags":["node.js","testing","ReleaseNote","library"],"relatedLinks":[]},{"date":"2020-07-28T02:28:40.382Z","title":"A Mental Model to think in Typescript","url":"https://leandrotk.github.io/tk/2020/07/a-mental-model-to-think-in-typescript/","content":"TypeScriptの型システム、コンパイルエラーとランタイムエラーの違いについてなどについて解説している記事","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2020-07-28T02:40:51.569Z","title":"Wiki.js","url":"https://wiki.js.org/","content":"Node.js製のWikiエンジン","tags":["wiki","node.js","webservice","library"],"relatedLinks":[]},{"date":"2020-07-29T13:53:19.250Z","title":"Firefox 79: The safe return of shared memory, new tooling, and platform updates - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2020/07/firefox-79/","content":"Firefox 79リリース。\n非同期処理のスタックトレースのサポート、デバッガの改善。\n`target=_blank`のリンクに対して暗黙的に`rel=noopener`を同じ処理をするように、`crossOriginIsolated`が有効の場合に`SharedArrayBuffer`が利用可能に。\nStage 4の`Promise.any`、Logical assignment、WeakRefのサポート。\nWebAssemblyのBulk memory operations、Reference types、Threads のサポートなど","tags":["Firefox","relre"],"relatedLinks":[{"title":"Firefox 79.0, See All New Features, Updates and Fixes","url":"(https://www.mozilla.org/en-US/firefox/79.0/releasenotes/)"},{"title":"Firefox 79 for developers - Mozilla | MDN","url":"(https://developer.mozilla.org/docs/Mozilla/Firefox/Releases/79)"}]},{"date":"2020-07-29T15:05:55.364Z","title":"Performance monitoring with Lighthouse CI","url":"https://web.dev/lighthouse-ci/","content":"Lighthouse CIについての記事。\n設定方法、CIでテストとして使う方法、GitHub Actionの連携について","tags":["Chrome","performance","Tools","article"],"relatedLinks":[]},{"date":"2020-07-29T15:14:29.143Z","title":"Safely reviving shared memory - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2020/07/safely-reviving-shared-memory/","content":"FirefoxでSpectreへの対応として無効になっていた`SharedArrayBuffer`が再度利用できるようになる話。\nプロセス分離、`Cross-Origin-Opener-Policy`と`Cross-Origin-Embedder-Policy`でCross-origin isolationについて。\n","tags":["Firefox","security","JavaScript"],"relatedLinks":[{"title":"Why you need &quot;cross-origin isolated&quot; for powerful features","url":"https://web.dev/why-coop-coep/"}]},{"date":"2020-07-31T06:50:19.498Z","title":"7.11.0 Released: ECMAScript 2021 support in preset-env, TypeScript 4.0 support, printing config and the future of `babel-eslint` · Babel","url":"https://babeljs.io/blog/2020/07/30/7.11.0","content":"Babel 7.11.0リリース。\nStage 4となったProposalのLogical Assignment、Numeric Separatorのサポート、TypeScript 4.0で追加される構文のサポート。\nStage 1のDecimal Literalをサポート、`BABEL_SHOW_CONFIG_FOR`での設定出力をサポート、`babel-eslint`が`@babel/eslint-parser`に移動など","tags":["babel","ReleaseNote"],"relatedLinks":[]},{"date":"2020-07-31T07:04:07.273Z","title":"Snowpack 2.7","url":"https://www.snowpack.dev/posts/2020-07-30-snowpack-2-7-release/","content":"フロントエンドビルドツールのSnowpack 2.7リリース。\nPlugin APIの変更、`snowpack.config.json`の書式の変更など。\nどちらもv2の間は後方互換性があるが、新しい形式に移行を推奨している。","tags":["JavaScript","bundler","ReleaseNote"],"relatedLinks":[]},{"date":"2020-08-03T03:47:10.399Z","title":"Release v3.0.0 · ykzts/node-xmlhttprequest","url":"https://github.com/ykzts/node-xmlhttprequest/releases/tag/v3.0.0","content":"Node.jsでのXMLHttpRequestの実装ライブラリであるnode-xmlhttprequest 3.0.0リリース","tags":["node.js","XHR","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-08-03T04:05:29.753Z","title":"Speculation in JavaScriptCore | WebKit","url":"https://webkit.org/blog/10308/speculation-in-javascriptcore/","content":"Filip PizloによるJavaScriptCoreの投機的コンパイル、JITについて詳しい解説。\nJavaScriptCoreにおける4層のコンパイル処理の解説、投機的コンパイル、再コンパイル、プロファイリング、インラインキャッシュなど。\n投機的コンパイルは動的に型付けの言語においてどんな型を持っているかを推測して最適化する手法。その推測には、複数の実行層を使ったプロファイリングなどを基にして最適化を行う話","tags":["JavaScript","JIT","webkit"],"relatedLinks":[]},{"date":"2020-08-03T05:18:41.500Z","title":"A new default Referrer-Policy for Chrome: strict-origin-when-cross-origin","url":"https://developers.google.com/web/updates/2020/07/referrer-policy-new-chrome-default","content":"ChromeのReferrer-Policyのデフォルト値が`strict-origin-when-cross-origin`に変更されることによる影響について。\n`Origin`や`Sec-Fetch-Site`での代替えなどについて","tags":["Chrome","security","article"],"relatedLinks":[{"title":"Referer and Referrer-Policy best practices","url":"https://web.dev/referrer-best-practices/"}]},{"date":"2020-08-03T14:21:08.392Z","title":"Blog - Next.js 9.5 | Next.js","url":"https://nextjs.org/blog/next-9-5","content":"Next.js 9.5リリース。\n`revalidate`、`basePath`、`trailingSlash`のオプションの追加、`rewrites`と`redirects`の設定が可能になった。\nPage Bundleのビルドキャッシュの有効化、ProductionでReactのプロファイルができるようになるなど","tags":["JavaScript","React","ReleaseNote","library"],"relatedLinks":[]},{"date":"2020-08-03T14:34:55.958Z","title":"lamplightdev/aeon: A lightweight date picker built with web components that can be used anywhere","url":"https://github.com/lamplightdev/aeon","content":"Date PickerのWeb Componentsライブラリ","tags":["JavaScript","UI","library"],"relatedLinks":[]},{"date":"2020-08-03T14:51:46.337Z","title":"【翻訳】Date and Times in JavaScript - from scratch","url":"https://yosuke-furukawa.hatenablog.com/entry/2020/07/28/102821","content":"Dateを置き換えるProposalであるTemporalについての翻訳","tags":["JavaScript","ECMAScript","proposal","translate"],"relatedLinks":[]},{"date":"2020-08-03T14:55:24.988Z","title":"apoorv-mishra/moment-guess: A utility package for guessing date's format","url":"https://github.com/apoorv-mishra/moment-guess","content":"多種多様な日付文字列をパースして、その日付にマッチするフォーマットを返すツール","tags":["JavaScript","library","Tools"],"relatedLinks":[]},{"date":"2020-08-03T15:07:41.223Z","title":"Different versions of your site can be running at the same time - JakeArchibald.com","url":"https://jakearchibald.com/2020/multiple-versions-same-time/","content":"デプロイ中に複数のバージョンが同じサイトで動く問題についてどのように対処するかという話。\n再ビルドによるchunkファイルの404、Storageスキーマの変更、APIレスポンスの変更に対してどのような対策を取るかについて書かれている","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2020-08-04T02:11:34.724Z","title":"Webブラウザ上で純粋なHTTPだけで単方向リアルタイム通信を可能にするHTTPのストリーミングアップロードが遂にやってくる - nwtgck / Ryo Ota","url":"https://scrapbox.io/nwtgck/Web%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E4%B8%8A%E3%81%A7%E7%B4%94%E7%B2%8B%E3%81%AAHTTP%E3%81%A0%E3%81%91%E3%81%A7%E5%8D%98%E6%96%B9%E5%90%91%E3%83%AA%E3%82%A2%E3%83%AB%E3%82%BF%E3%82%A4%E3%83%A0%E9%80%9A%E4%BF%A1%E3%82%92%E5%8F%AF%E8%83%BD%E3%81%AB%E3%81%99%E3%82%8BHTTP%E3%81%AE%E3%82%B9%E3%83%88%E3%83%AA%E3%83%BC%E3%83%9F%E3%83%B3%E3%82%B0%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89%E3%81%8C%E9%81%82%E3%81%AB%E3%82%84%E3%81%A3%E3%81%A6%E3%81%8F%E3%82%8B","content":"Chrome 85βで実装されているFetch upload streamingについての記事","tags":["Fetch","article"],"relatedLinks":[]},{"date":"2020-08-04T02:13:34.122Z","title":"Ink 3 - Vadim's Blog","url":"https://vadimdemedes.com/posts/ink-3","content":"Reactを使ったコンソールUIライブラリであるInk 3リリース。\nパフォーマンスの改善、`<Color>`は`<Text>`コンポーネントにマージ、`useInput`や`useFocus`などのHookの提供など","tags":["React","console","ReleaseNote","library"],"relatedLinks":[{"title":"Release v3.0.0 · vadimdemedes/ink","url":"https://github.com/vadimdemedes/ink/releases/tag/v3.0.0"}]},{"date":"2020-08-06T15:36:52.562Z","title":"Changes to SameSite Cookie Behavior - A Call to Action for Web Developers - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2020/08/changes-to-samesite-cookie-behavior/","content":"FirefoxもCookieの`SameSite`属性をデフォルトLaxに変更していくという話。\n現時点ではBetaでテストしているが、Stableリリースのスケジュールは未定。\n","tags":["Firefox","security","article"],"relatedLinks":[]},{"date":"2020-08-06T15:43:16.715Z","title":"TestCafe v1.9.0 Released | TestCafe","url":"https://devexpress.github.io/testcafe/blog/testcafe-v1-9-0-released.html","content":"TestCafe v1.9.0リリース。\nMulti Windowのテストをサポート、失敗したAssertionsのDiffの詳細を表示するようになるなど","tags":["browser","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2020-08-06T15:46:12.463Z","title":"indexeddbshim/IndexedDBShim: A polyfill for IndexedDB using WebSql","url":"https://github.com/indexeddbshim/IndexedDBShim","content":"WebSQL、SQLiteを使ったブラウザとNode.jsで動くIndexedDBのpolyfill","tags":["node.js","JavaScript","library"],"relatedLinks":[]},{"title":"Announcing the new TypeScript Website | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-the-new-typescript-website/","comment":"TypeScriptの公式サイトがアップデートされた。","tags":["TypeScript","article"],"date":"2020-08-09T17:23:27.120Z","content":"TypeScriptの公式サイトがアップデートされた。","relatedItems":[{"title":"Announcing TypeScript 4.0 Beta | TypeScript","URL":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-0-beta/"}]},{"date":"2020-08-10T03:26:56.445Z","title":"Announcing TypeScript 4.0 RC | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-0-rc/","content":"TypeScript 4.0 RCリリース。 Variadic Tuple Types、Labeled Tuple Elements、コンストラクタからClass Propertyの推論ができるように。 `catch`節の変数が`any`から`unknown`に変更。 Stage 4のlogical assignmentをサポート、`jsxFragmentFactory`オプションのサポート、`--incremental`と`--noEmit`の組み合わせをサポート。\nTypeScript公式ウェブサイトの刷新など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2020-08-10T06:17:10.997Z","title":"Introducing Rome","url":"https://romefrontend.dev/blog/2020/08/08/introducing-rome.html","content":"JavaScriptツールチェインのRomeベータリリース。\nJavaScript Compiler、Bundler、Tester、Linterなどを包含的に含むモノリシックツール","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[],"relatedItems":[{"title":"Rome Frontend Toolchain","url":"https://romefrontend.dev/"}]},{"date":"2020-08-10T07:02:55.105Z","title":"Setting Up Redux For Use In A Real-World Application — Smashing Magazine","url":"https://www.smashingmagazine.com/2020/08/redux-real-world-application/","content":"React + Redux + @reduxjs/toolkitを使ったアプリケーション開発のチュートリアル","tags":["React","redux","tutorial"],"relatedLinks":[]},{"date":"2020-08-10T07:57:40.093Z","title":"How To Launch Child Processes in Node.js | DigitalOcean","url":"https://www.digitalocean.com/community/tutorials/how-to-launch-child-processes-in-node-js","content":"Node.jsの`child_process`についての記事","tags":["node.js","article"],"relatedLinks":[]},{"date":"2020-08-10T08:19:12.892Z","title":"shikijs/shiki: A beautiful Syntax Highlighter.","url":"https://github.com/shikijs/shiki","content":"TextMateの構文を使ったシンタックスハイライトをしたHTMLを出力できるライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2020-08-10T09:47:04.127Z","title":"microfrontends/english.md at master · phodal/microfrontends","url":"https://github.com/phodal/microfrontends/blob/master/english.md","content":"Microfrontendについての記事。\nMicroServiceがサービス間の依存を切り離すのに対して、MicroFrontendは複数のアプリケーションを1つのアプリケーションに見えるように集約する。\nルーティングによる分散/iframeのコンテナの利用/MicroFrontEnd/アプリケーションをモジュール化/Web Componentsでの実装についての比較。\nMicroFrontendのコンセプト、mooaでのMicroFrontend設計について。\nLazy LoadingとRoutingだけでビルド時に統合をすると個別のアプリケーションをデプロイできなくなる問題、サブアプリケーションモデルでの複数チームの並行開発について　　 \n","tags":["MicroFrontend","article","opinion"],"relatedLinks":[{"title":"phodal/microfrontends: Micro-frontend Architecture in Action-微前端的那些事儿","url":"https://github.com/phodal/microfrontends"}]},{"date":"2020-08-10T16:12:37.154Z","title":"Migrating Large TypeScript Codebases To Project References","url":"https://engineering.shopify.com/blogs/engineering/migrating-large-typescript-codebases-project-references","content":"大きなTypeScriptのコードベースのビルド速度や解析速度をProject Referencesで改善した話。\nどのようにProject Referencesへ移行したかについて","tags":["TypeScript","article"],"relatedLinks":[{"title":"TypeScript: Handbook - Project References","url":"https://www.typescriptlang.org/docs/handbook/project-references.html"}],"relatedItems":[]},{"date":"2020-08-11T00:45:13.883Z","title":"A Roadmap for Angular. At the beginning of 2020 at ng-conf… | by Jules Kremer | Aug, 2020 | Angular Blog","url":"https://blog.angular.io/a-roadmap-for-angular-1b4fa996a771","content":"Angularのロードマップが公開された。\nTypeScript 4.0への対応、RxJS v7への対応、Trusted Typesのサポートなどが進行中。\n将来的な予定としてZone.jsのオプショナル化、Legacy View Engineの削除、NgModulesの削除などが予定されている。","tags":["Angular","document","article"],"relatedLinks":[{"title":"Angular - Angular Roadmap","url":"https://angular.io/guide/roadmap"}]},{"date":"2020-08-11T02:05:15.328Z","title":"React v17.0 Release Candidate: No New Features – React Blog","url":"https://reactjs.org/blog/2020/08/10/react-v17-rc.html","content":"React 17.0 RCリリース。\nReactの内部的な仕組みの更新をしたため、メジャーアップデートしている。\n新しいバージョンのReactから古いバージョンReactのルートコンポーネントをLazy Loadして利用できるようにするGradual Upgradesが主な目的。\nイベントの仕組みを変更し複数のReactを同一ページ内で動くように、イベントの仕組みが変わったためEvent Poolongを削除、エラー時のコンポーネントスタックの改善など。","tags":["React","ReleaseNote"],"relatedLinks":[{"title":"reactjs/react-gradual-upgrade-demo: Demonstration of how to gradually upgrade an app to a new version of React","url":"https://github.com/reactjs/react-gradual-upgrade-demo/"}]},{"title":"Node.jsでプロトタイプ汚染後に任意コード実行まで繋げた事例 - knqyf263&#39;s blog","url":"https://knqyf263.hatenablog.com/entry/2020/08/11/050342","content":"Node.jsにおけるプロトタイプ汚染の実例を紹介している記事","tags":["JavaScript","article","security"],"date":"2020-08-11T11:55:39.130Z","relatedItems":[{"title":"Node.jsにおけるprototype汚染攻撃への対策 - SSTエンジニアブログ","url":"https://techblog.securesky-tech.com/entry/2018/10/31/"}],"viaURL":"https://jserinfo.slack.com/archives/C017HJ3EJ6M/p1597143272.029200"},{"date":"2020-08-11T13:24:03.460Z","title":"Release v6.0.0 · storybookjs/storybook","url":"https://github.com/storybookjs/storybook/releases/tag/v6.0.0","content":"Storybook 6.0.0リリース。\nTypeScriptのビルトインサポート、ストーリー関数の最初の引数にArgsオブジェクトを渡すように、addon-knobsの代わりとなるaddon-controlsの導入。\n複数のStoryboardを1つのStorybookにまとめることができるようになるなど。\nまた5.3から6.0へのマイグレーションガイドも公開されている","tags":["JavaScript","UI","Tools","ReleaseNote"],"relatedLinks":[{"title":"storybook/CHANGELOG.md at next · storybookjs/storybook","url":"https://github.com/storybookjs/storybook/blob/next/CHANGELOG.md#600-august-10-2020"},{"title":"storybook/MIGRATION.md at next · storybookjs/storybook","url":"https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#from-version-53x-to-60x"}]},{"date":"2020-08-12T13:12:59.794Z","title":"The npm Blog — npm v7 Series - Beta Release! And: SemVer-Major...","url":"https://blog.npmjs.org/post/626173315965468672/npm-v7-series-beta-release-and-semver-major","content":"npm 7 betaリリース。\n`peerDependencies`がデフォルトでインストールされるようになり、過去の挙動を再現する`--legacy-peer-deps`の追加された。\n`acceptDependencies`のサポート、`package-lock.json`の形式変更と`yarn.lock`のサポート、`workspaces`フィールドのサポートなど。\nまた、npm run-scriptにおける`npm_package_*`と`npm_package_*`の環境変数の削除などが行われている","tags":["npm","ReleaseNote"],"relatedLinks":[]},{"date":"2020-08-12T13:17:49.136Z","title":"Node v14.8.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v14.8.0/","content":"Node.js 14.8.0リリース。\nTop-Level Awaitのデフォルトサポート、`async_hooks`モジュールに`AsyncResource.bind`の追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2020-08-15T04:15:06.350Z","title":"Release Version 8.0.0 · acornjs/acorn","url":"https://github.com/acornjs/acorn/releases/tag/8.0.0","content":"JavaScriptパーサであるAcorn 8.0.0リリース。\nECMAScript moduleとしてロードできるように、`ecmaVersion`オプションが必須となった","tags":["JavaScript","ECMAScript","library"],"relatedLinks":[]},{"date":"2020-08-15T06:13:21.195Z","title":"The Golden Rule of Generics","url":"https://effectivetypescript.com/2020/08/12/generics-golden-rule/","content":"TypeScriptのGenericsを使うべきかを判断するとき目安として「型パラメーターは2回表示されるとき」というルールについて。\nいろいろなコード例ともにGenericsの利用例を紹介している","tags":["TypeScript","article"],"relatedLinks":[{"title":"Handbook Page","url":"https://microsoft.github.io/TypeScript-New-Handbook/everything/#guidelines-for-writing-good-generic-functions"}]},{"date":"2020-08-15T07:23:01.437Z","title":"Update for Customers Using PhoneGap and PhoneGap Build | by Adobe I/O | Aug, 2020 | PhoneGap","url":"https://blog.phonegap.com/update-for-customers-using-phonegap-and-phonegap-build-cc701c77502c","content":"ウェブ技術を使ってネイティブアプリを作れるPhoneGapのビルドサービスが2020年10月で終了する。\n代替としてApache Cordova、Ionicなどがあることについて。","tags":["JavaScript","app","news"],"relatedLinks":[]},{"date":"2020-08-15T08:36:11.659Z","title":"ealush/vest: Vest ✅ Declarative validations framework","url":"https://github.com/ealush/vest","content":"テストフレームワークライクなバリデーションライブラリ。\nテストコードのようにバリデーションのコードを書けるライブラリ。","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2020-08-16T02:12:54.141Z","title":"Optimizing CSS for faster page loads - Tomas Pustelnik's personal website","url":"https://pustelto.com/blog/optimizing-css-for-faster-page-loads/","content":"CSSのCritical Pathの最適化について。\nCSSのロードタイムに与える影響、Critical CSSの分離と遅延ロード、CSSのCode Splittingについて","tags":["CSS","article","performance"],"relatedLinks":[]},{"date":"2020-08-16T09:44:17.169Z","title":"twilco/kosmonaut: A web browser engine for the space age","url":"https://github.com/twilco/kosmonaut","content":"ServoをインスパイアしたRust製のブラウザエンジン。","tags":["Rust","browser"],"relatedLinks":[]},{"date":"2020-08-16T09:51:17.433Z","title":"20.0.0 Release Notes · Issue #4138 · hapijs/hapi","url":"https://github.com/hapijs/hapi/issues/4138","content":"hapi 20.0.0リリース。\nコアメンテナーが交代しTechnical Steering Committee (TSC) ベースのプロジェクトに変更がメインのアップデート。\n`@hapi/joi`から`@hapi/validate`に変更、Node.js 14のサポートなど","tags":["node.js","library","ReleaseNote"],"relatedLinks":[{"title":"The future of the hapi project · Issue #4113 · hapijs/hapi","url":"https://github.com/hapijs/hapi/issues/4113"}]},{"date":"2020-08-16T13:04:23.021Z","title":"Run JavaScript Everywhere.","url":"https://nodejs.dev/","content":"Node.jsについての入門ドキュメントサイト","tags":["node.js","document"],"relatedLinks":[]},{"date":"2020-08-16T14:15:11.629Z","title":"Shopify/web-foundation: Principles, decision logs, best practices, and common configuration for building web apps at Shopify","url":"https://github.com/Shopify/web-foundation","content":"Shopifyのウェブ開発における設定やその解説ドキュメントをまとめたリポジトリ","tags":["document"],"relatedLinks":[]},{"date":"2020-08-17T11:40:23.390Z","title":"Native mobile apps in JavaScript. Fast and secure framework. - Tabris","url":"https://tabris.com/","content":"React NativeのようにJavaScriptで書いてOSネイティブのUIを描画できるモバイルアプリ作成フレームワーク。","tags":["JavaScript","Native","iOS","Android","library"],"relatedLinks":[]},{"date":"2020-08-17T12:32:48.710Z","title":"Node.js and the struggles of being an EventTarget","url":"https://www.nearform.com/blog/node-js-and-the-struggles-of-being-an-eventtarget/","content":"Node.jsに`EventTarget`がなぜ実装されたのかについて。\nNode.jsにFethやAbortControllerなどのウェブ標準のAPIを実装するためにブラウザと互換性のある`EventTarget` APIが必要である点について。\n`EventTarget`を実装するにあたっての互換性、複数継承、パフォーマンスの問題をどう解決したかについて","tags":["node.js","article"],"relatedLinks":[]},{"date":"2020-08-18T00:47:28.299Z","title":"emscripten/ChangeLog.md at master · emscripten-core/emscripten","url":"https://github.com/emscripten-core/emscripten/blob/master/ChangeLog.md#200-08102020","content":"C/C++などをWebAssemblyにコンパイルするEmscripten 2.0リリース。\nfastcomp backendの削除、Python 2のサポートを削除。\nまた例外情報のメタデータをJSではなく`WebAssembly.Memory`に保存することで例外処理がスレッドセーフになるような変更など","tags":["WebAssembly","JavaScript","library","Tools","ReleaseNote"],"relatedLinks":[{"title":"Remove fastcomp · Issue #11319 · emscripten-core/emscripten","url":"https://github.com/sbc100"}]},{"date":"2020-08-18T00:53:11.066Z","title":"Release 2.11.0 · qunitjs/qunit","url":"https://github.com/qunitjs/qunit/releases/tag/2.11.0","content":"QUnit 2.11.0リリース。\nNode.js 10未満のサポートを削除、`assert.true`と`assert.false`の追加、HTMLレポートの検索改善など","tags":["JavaScript","test","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-08-18T00:54:35.027Z","title":"Ajv Joins OpenJS Foundation as an Incubation Project - OpenJS Foundation","url":"https://openjsf.org/blog/2020/08/14/ajv-joins-openjs-foundation-as-an-incubation-project/","content":"JSON SchemaバリデーターであるAjvがOpenJS Foundationに入った。","tags":["JSON","library","news","JavaScript"],"relatedLinks":[{"title":"Evgeny Poberezkin - Ajv JSON Schema validator: Mozilla MOSS grant and OpenJS Foundation","url":"https://www.poberezkin.com/posts/2020-08-14-ajv-json-validator-mozilla-open-source-grant-openjs-foundation.html"}]},{"date":"2020-08-19T15:09:46.172Z","title":"ts-migrate: A Tool for Migrating to TypeScript at Scale | by Sergii Rudenko | Airbnb Engineering & Data Science | Aug, 2020 | Medium","url":"https://medium.com/airbnb-engineering/ts-migrate-a-tool-for-migrating-to-typescript-at-scale-cd23bfeb5cc","content":"JavaScriptからTypeScriptへのマイグレーションを補助する`ts-migrate`について。\n`.js`を`.ts`にリネーム、codemodベースでの`any`などの型付け、コンパイルエラーになる部分を`// @ts-expect-error`コメントで抑制していきマイグレーションする。","tags":["JavaScript","TypeScript","article"],"relatedLinks":[{"title":"airbnb/ts-migrate: A tool to help migrate JavaScript code quickly and conveniently to TypeScript","url":"https://github.com/airbnb/ts-migrate"}]},{"date":"2020-08-19T15:13:44.941Z","title":"Release 2.8.0 · pikapkg/snowpack","url":"https://github.com/pikapkg/snowpack/releases/tag/snowpack%402.8.0","content":"snowpack 2.8.0リリース。\n`snowpack build --watch`の追加、`--polyfill-node`でNodeコアモジュールのpolyfillを追加できるようになるなど","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2020-08-20T10:34:19.014Z","title":"Release v1.3.0 · Polymer/lit-html","url":"https://github.com/Polymer/lit-html/releases/tag/v1.3.0","content":"lit-html 1.3.0リリース。\nTrusted Typesのサポートなど","tags":["JavaScript","DOM","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-08-21T13:32:13.951Z","title":"What's New In DevTools (Chrome 86)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2020/08/devtools","content":"Chrome 86のDevToolsの変更点について。\nMediaパネルの追加、コンテキストメニューから要素のスクリーンショットを撮影できるように。\nWebFontで`local()`がない場合をエミュレート、Idle Detectionのエミュレート、`prefers-reduced-data`のエミュレート機能の追加。\nLighthouse 6.2へアップデート、ApplicationパネルにFrameの情報を追加、`X-Client-Data`のデコードをサポートなど","tags":["Chrome","article"],"relatedLinks":[]},{"date":"2020-08-21T13:50:19.567Z","title":"Announcing TypeScript 4.0 | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-0/","content":"TypeScript 4.0リリース。\nVariadic Tuple Types、Labeled Tuple Elements、Class Propertyの型がConstructorから推論されるように。\nES2021で入る予定のLogical Operators and Assignment Expressionsのサポート。\n`catch`節のデフォルトが`unknown`となるように、`jsxFragmentFactory`オプションのサポート、`--incremental`と`--noEmit`の組み合わせをサポート","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2020-08-21T15:18:14.141Z","title":"axios/CHANGELOG.md at master · axios/axios","url":"https://github.com/axios/axios/blob/master/CHANGELOG.md#0200-august-20-2020","content":"Axios 0.20.0リリース。\nBOMを含むJSONに対応、`maxBodyLength`オプションの追加、`decompress`オプションの追加など","tags":["HTTP","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-08-21T15:34:03.463Z","title":"Protect your resources from web attacks with Fetch Metadata","url":"https://web.dev/fetch-metadata/","content":"Fetch Metadataの`Sec-Fetch-*`ヘッダの解説。\nSame-OriginとCross-Siteの区別、それぞれの`Sec-Fetch-*`ヘッダの解説、クロスサイトリクエストを使った攻撃の判定と対策などについて","tags":["Chrome","article","security"],"relatedLinks":[]},{"date":"2020-08-22T08:01:54.026Z","title":"azu/kvs: Key-Value storage library for Browser, Node.js, and In-Memory.","url":"https://github.com/azu/kvs","content":"ブラウザとNode.jsで動作するUniversalなKey-ValueなStorageライブラリ。\n同じインターフェイスをもつIndexedDBやファイルベースなどの実装があり、マイグレーションをサポートしている。\nそれぞれの実装は個別に分かれていて、それぞれのパッケージは1kb(gzip)程度のサイズとなっている。\n","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2020-08-23T15:00:35.699Z","title":"Release 5.0.0 · cypress-io/cypress","url":"https://github.com/cypress-io/cypress/releases/tag/v5.0.0","content":"Cypress 5.0.0リリース。\n`cypress-plugin-retries`が非推奨化され、Cypress自体でリトライの設定できるように。\nサポート対象をTypeScript 3.4+、Node.js 10+に変更、`__dirname`と`__filename`の末尾に`/`が含まれなくなるなど","tags":["JavaScript","browser","ReleaseNote","testing"],"relatedLinks":[{"title":"Release 5.0.0 · cypress-io/cypress","url":"https://github.com/cypress-io/cypress/releases/tag/v5.0.0"}]},{"date":"2020-08-23T15:42:40.153Z","title":"Elderjs/elderjs: Elder.js is an opinionated static site generator and web framework for Svelte built with SEO in mind.","url":"https://github.com/elderjs/elderjs","content":"Svelteを使った静的サイトジェネレーター。\n規約ではなく`route.js`による柔軟なパーマネントリンクの生成、`data.js`でビルドに必要なものをまとめて取得して、静的なサイトを生成するためのツール。","tags":["JavaScript","Svelte","library"],"relatedLinks":[]},{"date":"2020-08-24T10:23:19.391Z","title":"keiya01/react-performance-testing: A library to test runtime performance in React","url":"https://github.com/keiya01/react-performance-testing","content":"Reactコンポーネントのレンダリング回数やレンダリング時間を計測できるライブラリ。\nReactにmonkey patchを当てて計測している。","tags":["React","testing","library"],"relatedLinks":[{"title":"Reactでレンダリング回数やレンダリングにかかる時間をユニットテストでテストできるライブラリを開発しました - Qiita","url":"https://qiita.com/keiya01/items/93d83911fb44170717c2"}]},{"date":"2020-08-24T12:50:45.316Z","title":"HexEd.it - Browser-based Online and Offline Hex Editing","url":"https://hexed.it/","content":"ブラウザベースのバイナリエディタ","tags":["browser","editor","Tools"],"relatedLinks":[]},{"date":"2020-08-25T02:39:19.801Z","title":"Release electron v10.0.0 · electron/electron","url":"https://github.com/electron/electron/releases/tag/v10.0.0","content":"Electron 10.0.0リリース。\nChromium 85、V8 8.5、Node.js 12.16へアップデート。\n`enableRemoteModule`を`false`に変更、`app.allowRendererProcessReuse`を`true`に変更。\n`contents.backgroundThrottling`プロパティの追加、`sameSite`情報を取得できるように、`worldSafeExecuteJavaScript`オプションの追加など","tags":["Electron","ReleaseNote"],"relatedLinks":[]},{"date":"2020-08-25T02:57:47.857Z","title":"Prettier 2.1: new --embedded-language-formatting option and new JavaScript/TypeScript features! · Prettier","url":"https://prettier.io/blog/2020/08/24/2.1.0.html","content":"Prettier 2.1リリース。\n`--embedded-language-formatting`フラグの追加、`--ignore-unknown`フラグの追加、TypeScript 4.0のサポート。\nES ProposalのPipeline operator、Record and Tuple構文のサポートなど","tags":["JavaScript","TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2020-08-25T14:23:06.670Z","title":"dsherret/ts-morph: TypeScript Compiler API wrapper for static analysis and programmatic code changes.","url":"https://github.com/dsherret/ts-morph","content":"TypeScript Compiler APIのラッパーライブラリ。\nTypeScriptのAST操作やファイル操作などを扱えるAPIを提供する","tags":["TypeScript","AST","library"],"relatedLinks":[]},{"date":"2020-08-26T13:42:41.849Z","title":"Firefox 80.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/80.0/releasenotes/","content":"Firefox 80.0リリース。\nES2020の`export * as namespace`構文のサポート。\n`window.open()`が`outerWidth`と`outerHeight`を無視するように、`Cache-Control`が設定されている場合に`Pragma`ヘッダは無視されるようになるなど","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 80 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/80#Changes_for_web_developers"},{"title":"Firefox 80 Site Compatibility | Firefox Site Compatibility","url":"https://www.fxsitecompat.dev/en-CA/releases/80/"}]},{"date":"2020-08-26T14:01:33.079Z","title":"Vue.js with TSX - From Vue 2.x to Vue 3 #v_tokyo11 - Speaker Deck","url":"https://speakerdeck.com/potato4d/vue-dot-js-with-tsx-from-vue-2-dot-x-to-vue-3-number-v-tokyo11","content":"VueでのTSX利用についてスライド。\nVue2/Vue3でのTSXの利用方法と制限、VueのSFCとTSXの比較など","tags":["Vue","jsx","TypeScript","slide"],"relatedLinks":[]},{"date":"2020-08-26T14:21:09.962Z","title":"content-visibility: the new CSS property that boosts your rendering performance","url":"https://web.dev/content-visibility/","content":"Chrome 85で実装されたCSS `content-visibility`プロパティについて。\nCSS Containmentに依存した仕様。\nDOMのサブツリーに予測できる空間を定義することで、ブラウザがレンダリングを省略して最適化するための仕組み。\n`display: none`、`visibility: hidden`との違い、`content-visibility`プロパティのユースケースとしての無限スクロールなどについて","tags":["CSS","article","Chrome","performance"],"relatedLinks":[]},{"date":"2020-08-27T12:02:56.407Z","title":"Release v6.0.0 · d3/d3","url":"https://github.com/d3/d3/releases/tag/v6.0.0","content":"D3.js 6.0.0リリース。\nES2015のIteraable、Map、Setを利用するように、bowerの対応を削除。\n`d3-selection`などのイベントの仕組みを変更、`d3-collection`の非推奨化など","tags":["d3.js","JavaScript","library"],"relatedLinks":[{"title":"d3/CHANGES.md at master · d3/d3","url":"https://github.com/d3/d3/blob/master/CHANGES.md#changes-in-d3-60"}]},{"date":"2020-08-27T23:57:09.214Z","title":"gluesql/gluesql: GlueSQL is quite sticky, it attaches to anywhere.","url":"https://github.com/gluesql/gluesql","content":"ライブラリとしてのSQLデータベース。\nRustとWebAssembly(JavaScript)での実装が提供されている。\nJavaScript版はInMemoery、LocalStorageなどで動作する","tags":["Rust","JavaScript","DB "],"relatedLinks":[]},{"date":"2020-08-27T23:58:23.095Z","title":"davidkpiano/xactor: Actors for the modern web","url":"https://github.com/davidkpiano/xactor","content":"TypeScriptでのActorモデルの実装ライブラリ","tags":["JavaScript","TypeScript","library"],"relatedLinks":[]},{"date":"2020-08-28T00:03:52.348Z","title":"New in Chrome 85  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2020/08/nic85","content":"Chrome 85リリース。\nCSS `content-visibility`の実装、CSS PropertiesをCSSで定義する`@property`の実装、AVIF画像のサポート。\nOrigin TrialとしてFetch APIのStreaming requests、WebHID、Declarative Shadow DOM、Portalのサポート。\nまた、Referrer Policyのデフォルト値を`strict-origin-when-cross-origin`に変更など","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2020-08-28T00:06:19.386Z","title":"V8 release v8.5 · V8","url":"https://v8.dev/blog/v8-release-85","content":"V8 8.5リリース。\nES2021予定の`Promise.any`と`AggregateError`のサポート、String#replaceAllのサポート、Logical assignment operatorsのサポート。\nWebAssemblyのbaseline compilerであるLiftoffが全てのプラットフォームで使われるようになるなど","tags":["V8","ReleaseNote"],"relatedLinks":[]},{"date":"2020-08-28T23:28:56.976Z","title":"Yarn 2.2 🚅🌟 Dedupe, Faster, Lighter, ... - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/arcanis/yarn-2-2-dedupe-faster-lighter-ha5","content":"Yarn 2.2リリース。\n`yarn dedupe`の追加、パフォーマンス改善、オプトアウト方式でYarnの利用情報をDatadogに送るように","tags":["yarn","ReleaseNote"],"relatedLinks":[{"title":"berry/CHANGELOG.md at master · yarnpkg/berry","url":"https://github.com/yarnpkg/berry/blob/master/CHANGELOG.md#220"}]},{"date":"2020-08-30T15:34:17.727Z","title":"ztext.js | 3D Typography for the Web","url":"https://bennettfeely.com/ztext/","content":"3Dタイポグラフィライブラリ。\n文字列を3D表示するライブラリ","tags":["JavaScript","library","fonts"],"relatedLinks":[]},{"date":"2020-08-31T08:10:24.694Z","title":"testimio/root-cause","url":"https://github.com/testimio/root-cause","content":"PuppeteerとPlaywrightを使ったE2Eテストの補助ツール。\nそれぞれの実行ステップをスクリーンショットで保存、コンソールログやネットワーク(HAR)ファイルの保存してレポートからテストが失敗した原因を検証できる。\n単独で動かす方法とJestやMochaなどのテストフレームワークに統合するライブラリを提供している。","tags":["JavaScript","browser","library","Tools","testing"],"relatedLinks":[{"title":"Root Cause - Fast authoring of AI-stabilized end-to-end tests—codeless, coded, or both","url":"https://www.testim.io/root-cause/"},{"title":"Testim Root Cause overview","url":"https://help.testim.io/docs/root-cause"}]},{"date":"2020-08-31T08:42:06.401Z","title":"Bnaya/objectbuffer: JavaScript Object like api, backed by an arraybuffer","url":"https://github.com/Bnaya/objectbuffer","content":"`ArrayBuffer`をバックエンドに使ったオブジェクトデータライブラリ。\n通常のオブジェクトはWeb Workerなどに渡す際にコピーされるが、`ArrayBuffer`などのTransferableなオブジェクトならコピーせずに渡せるのを目的にしている。","tags":["JavaScript","library","webworker"],"relatedLinks":[]},{"date":"2020-08-31T08:49:38.929Z","title":"edwinm/carbonium: Carbonium, for easy manipulation of the DOM","url":"https://github.com/edwinm/carbonium","content":"Proxyを使ったDOM操作ライブラリ。\nセレクタで要素選択し、選択した複数の要素に対してまとめて`style`や`classList`などのDOM APIでの操作を行えるライブラリ","tags":["JavaScript","DOM","library"],"relatedLinks":[]},{"date":"2020-08-31T10:32:19.559Z","title":"Introducing Danfo.js, a Pandas-like Library in JavaScript — The TensorFlow Blog","url":"https://blog.tensorflow.org/2020/08/introducing-danfo-js-pandas-like-library-in-javascript.html","content":"PandasインスパイアなライブラリであるDanfo.jsについて。\nTensorFlow.jsと組み合わせて利用できる","tags":["MachineLearning","JavaScript","library","article"],"relatedLinks":[{"title":"opensource9ja/danfojs: danfo.js is an open source, JavaScript library providing high performance, intuitive, and easy to use data structures for manipulating and processing structured data.","url":"https://github.com/opensource9ja/danfojs"}]},{"date":"2020-08-31T10:41:31.473Z","title":"theheadless.dev - Learn Puppeteer & Playwright","url":"https://theheadless.dev/","content":"PuppeteerとPlaywrightの使い方やユースケースについて紹介しているサイト。\n基本的な使い方、E2Eテストやスクレイピングなどのユースケースごとの使い方について紹介している","tags":["JavaScript","browser","document"],"relatedLinks":[]},{"date":"2020-09-01T13:24:49.356Z","title":"Release 13.7.0 · stylelint/stylelint","url":"https://github.com/stylelint/stylelint/releases/tag/13.7.0","content":"stylelint 13.7.0リリース。\n`*-blacklist`、`*-requirelist`, `*-whitelist`を非推奨化し、` *-disallowed-list`, `*-required-list`にリネーム。\n`stylelint-disable`コメントに説明を書けるように","tags":["JavaScript","CSS","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2020-09-02T22:44:25.727Z","title":"Minimal React: getting started with the frontend library","url":"https://2ality.com/2020/08/minimal-react.html","content":"snowpack、react、htm、immerを使ったReactのチュートリアル","tags":["React","tutorial","article"],"relatedLinks":[]},{"date":"2020-09-02T23:06:48.037Z","title":"ESLint v7.8.0 released - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2020/08/eslint-v7.8.0-released","content":"ESLint 7.8.0リリース。\n`ecmaScript`オプションが`2021`に対応しLogical assignment operators、numeric separatorsに対応。\n","tags":["ESLint","ReleaseNote"],"relatedLinks":[]},{"date":"2020-09-02T23:19:02.707Z","title":"Release v4.0.0 · typescript-eslint/typescript-eslint","url":"https://github.com/typescript-eslint/typescript-eslint/releases/tag/v4.0.0","content":"TypeScript-ESLint 4.0.0リリース。\nOptional ChainingとdecoratorsのASTを変更、Scope解析を改善して`no-unused-vars`などのルールを改善、`ban-ts-comment`のデフォルト値を変更など。\nまたTypeScript 4.0にはTypeScript-ESLint 3.10.0で対応している。","tags":["TypeScript","ESLint","ReleaseNote"],"relatedLinks":[]},{"date":"2020-09-04T00:32:23.474Z","title":"webpack 5 release plan · Issue #11406 · webpack/webpack","url":"https://github.com/webpack/webpack/issues/11406","content":"webpack 5リリースまで予定について。\nwebpack 5は2020年10月10日リリース予定で、RCは9月にリリースする予定。\n細かいバグはwebpack 5リリース後に修正する予定とのこと。","tags":["webpack","news","issue"],"relatedLinks":[]},{"date":"2020-09-04T13:14:02.997Z","title":"andnp/SimplyTyped: yet another Typescript type library for advanced types","url":"https://github.com/andnp/SimplyTyped","content":"TypeScriptの型ユーティリティライブラリ。\n型定義の補助やランタイムでの補助関数などを提供する","tags":["TypeScript","library"],"relatedLinks":[]},{"date":"2020-09-05T04:32:06.807Z","title":"Chromium Blog: Chrome 86: Improved Focus Highlighting, WebHID, and More","url":"https://blog.chromium.org/2020/09/chrome-86-improved-focus-highlighting.html","content":"Chrome 86ベータリリース。\nCSS 擬似クラスの`:focus-visible`、擬似要素の`::marker`をサポート。\nDocument Policy、`FetchEvent.handled`、Shadow DOM Distribution API、`ParentNode.replaceChildren()`のサポートなど。\nまたOrigin TrialとしてWebHID API、Window placement API、`<meta name=\"battery-savings\">`などのサポート。\nその他にはFTPのサポートが非推奨となるなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"window-placement/EXPLAINER.md at master · webscreens/window-placement","url":"https://github.com/webscreens/window-placement/blob/master/EXPLAINER.md"},{"title":"battery-savings/explainer.md at master · chrishtr/battery-savings","url":"https://github.com/chrishtr/battery-savings/blob/master/explainer.md"}]},{"date":"2020-09-06T03:36:43.497Z","title":"この書籍について · JavaScript Plugin Architecture","url":"https://azu.github.io/JavaScript-Plugin-Architecture/","content":"JavaScriptのプラグインアーキテクチャについて扱う小さな書籍。\njQuery、ESLint、Connect、gulp、Reduxのプラグインの仕組みを実装しながら紹介している。","tags":["JavaScript","plugin","book"],"relatedLinks":[{"title":"Release v2.0.0 · azu/JavaScript-Plugin-Architecture","url":"https://github.com/azu/JavaScript-Plugin-Architecture/releases/tag/v2.0.0"}]},{"date":"2020-09-07T14:28:31.919Z","title":"Underscore.js","url":"https://underscorejs.org/#1.11.0","content":"underscore 1.10.0リリース。\nそれぞれの関数を個別のES Modulesにし、ES Modulesのエントリーポイントとして`underscore-esm.js`を追加。\n`_.isArrayBuffer`、`_.isDataView`、`_.isTypedArray`の追加、`_.flatten`がdepthを指定する第2引数をサポートなど","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-09-07T16:09:00.967Z","title":"Introducing: Modern Web","url":"https://modern-web.dev/blog/introducing-modern-web/","content":"ウェブ開発の汎用ツールとガイドに取り組むModern Webというプロジェクトについて。\nまずはWeb Test Runnerというブラウザを使ったテストツールをリリースしている。\n今後Web Dev Serverのような開発用サーバや開発ガイドなどに取り組んでいく予定とのこと","tags":["WebComponents","article","testing"],"relatedLinks":[{"title":"modernweb-dev/web: Guides, tools and libraries for modern web development.","url":"https://github.com/modernweb-dev/web"}]},{"date":"2020-09-08T03:13:46.848Z","title":"Introducing Modular Underscore—Julian Gonggrijp","url":"https://juliangonggrijp.com/article/introducing-modular-underscore.html","content":"underscore 1.11.0でのES Modulesへの移行とその利用方法についての記事。\n既存(モノリシック)とES Modulesの利用方法、ビルドサイズの最適化、Underscore 2.0についてなど","tags":["JavaScript","library","article"],"relatedLinks":[]},{"date":"2020-09-08T03:21:02.399Z","title":"Browsers may throttle requestAnimationFrame","url":"https://mattperry.is/writing-code/browsers-may-throttle-requestanimationframe-to-30fps","content":"`requestAnimationFrame`のフレームレートがブラウザによって抑制される条件について。\niOSのlow-power mode、Safariのcross-origin iframesの条件下では抑制される点について。\nまた、Firefoxにおいて`performance.now()`の精度の抑制されていることとcross-origin isolateについて。","tags":["JavaScript","animation","article"],"relatedLinks":[]},{"date":"2020-09-08T03:24:11.218Z","title":"mizchi/minlink: Minimum(> 1kb) and isomorphic worker wrapper with comlink like rpc.","url":"https://github.com/mizchi/minlink","content":"Web Worker/Node.jsの`worker_thread`でRPCをするためのライブラリ。\ncomlinkのように関数呼び出しで`postMessage`のやりとりをする","tags":["JavaScript","webworker","node.js","library"],"relatedLinks":[{"title":"minlink - browser/node で使える Worker ラッパー - mizdev","url":"https://mizchi.dev/202009061729-minlink-and-minify-tech"}]},{"date":"2020-09-08T03:25:59.699Z","title":"Update on Adobe Flash Player End of Support - Microsoft Edge Blog","url":"https://blogs.windows.com/msedgedev/2020/09/04/update-adobe-flash-end-support/","content":"MSEdgeではFlash Playerを2021年1月のEdge 88の削除する予定。\nこの削除スケジュールはChromiumにあわせたもの","tags":["MSEdge","flash","news"],"relatedLinks":[{"title":"Flash Roadmap - The Chromium Projects","url":"https://www.chromium.org/flash-roadmap#TOC-Flash-Support-Removed-from-Chromium-Target:-Chrome-88---Jan-2021-"}]},{"date":"2020-09-08T03:27:04.475Z","title":"Release 2.0.0: ECMAScript 2020対応 · asciidwango/js-primer","url":"https://github.com/asciidwango/js-primer/releases/tag/v2.0.0","content":"JavaScript入門書のJavaScript Primer 2.0.0リリース。\nES2020の`String.prototype.matchAll`、`globalThis`、BigInt、Nullish coalescing(`??`)、Optional chainin（`?.`）に対応など","tags":["JavaScript","ECMAScript","book","ReleaseNote"],"relatedLinks":[{"title":"JavaScript Primer 2.0 - ECMAScript 2020に対応した入門書を公開しました | Web Scratch","url":"https://efcl.info/2020/09/01/jsprimer-2.0/"}]},{"date":"2020-09-08T13:59:05.878Z","title":"type-challenges/type-challenges: Collection of TypeScript type challenges with online judge","url":"https://github.com/type-challenges/type-challenges","content":"TypeScriptの型定義の問題に挑戦できる問題集","tags":["TypeScript","tutorial"],"relatedLinks":[]},{"date":"2020-09-09T15:26:17.382Z","title":"brahmosjs/brahmos: Super charged JavaScript library with modern React API and native templates.","url":"https://github.com/brahmosjs/brahmos","content":"ReactのようなAPIとJSXで記述できるUIライブラリ。\nBabel pluginでJSXをTagged Template Literalに変換し、lit-htmlのような形でレンダリングする","tags":["React","jsx","library","babel"],"relatedLinks":[]},{"date":"2020-09-10T08:37:05.847Z","title":"Node v14.10.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v14.10.0/","content":"Node.js 14.10.0リリース。\nランダムなintegerを返す`crypto.randomInt()`の追加、`performance.eventLoopUtilization()`の追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2020-09-11T12:11:45.598Z","title":"Release 2.0.0 (2020-09-10) · serverless/serverless","url":"https://github.com/serverless/serverless/releases/tag/v2.0.0","content":"Serverless Frameworkのserverless 2.0リリース。\nNode.js 10未満のサポート終了、`slss`のaliasを削除、AWSの`httoApi`の`timeout`設定の削除など","tags":["node.js","library","ReleaseNote","serverless"],"relatedLinks":[]},{"date":"2020-09-11T13:55:56.314Z","title":"AVIF has landed - JakeArchibald.com","url":"https://jakearchibald.com/2020/avif-has-landed/","content":"AV1 video由来の画像フォーマットであるAVIFについて。\njpeg、WebP、AVIFのサイズや画質の比較。\nAVIFのエンコード、デコード時間、プログレッシブ表示できないといった特徴についてなど","tags":["browser","Image","article"],"relatedLinks":[{"title":"How to Use AVIF: The New Next-Gen Image Compression Format — Lightspeed","url":"https://reachlightspeed.com/blog/using-the-new-high-performance-avif-image-format-on-the-web-today/"}]},{"date":"2020-09-12T07:32:54.694Z","title":"DevTools architecture refresh: Migrating to JavaScript modules  |  Web","url":"https://developers.google.com/web/updates/2020/09/migrating-to-js-modules","content":"Chrome Dev Toolsのコードベースを独自モジュールシステムからES Modulesに移行した話。\n標準であるES Modulesの利点、移行戦略、exportの変更/importの変更の段階的な移行について。\nまた技術的な負債により初期の見積もり(数週間)よりも大きく時間(数ヶ月)かかったことについてなど","tags":["JavaScript","Chrome","article","refacoring"],"relatedLinks":[]},{"date":"2020-09-12T10:21:18.656Z","title":"cookie-universal/packages/cookie-universal at master · microcipcip/cookie-universal","url":"https://github.com/microcipcip/cookie-universal/tree/master/packages/cookie-universal","content":"ブラウザとNode.jsで動くCookieを扱うライブラリ。\n","tags":["browser","node.js","library","JavaScript"],"relatedLinks":[]},{"date":"2020-09-13T07:35:20.568Z","title":"microsoft/playwright-cli: CLI for common Playwright actions. Record and generate Playwright code, inspect selectors and take screenshots.","url":"https://github.com/microsoft/playwright-cli","content":"PlaywrightのCLI。\n操作を記録して再生するコードの生成、要素のInspect、スクリーンショット、PDFの生成などの機能をもっている","tags":["node.js","browser","console","Tools"],"relatedLinks":[]},{"date":"2020-09-14T07:49:53.829Z","title":"ngneat/edit-in-place: A flexible and unopinionated edit in place library for Angular applications","url":"https://github.com/ngneat/edit-in-place","content":"クリックしたらその場で編集できるedit in placeを提供するAngular向けのライブラリ","tags":["JavaScript","library","Angular"],"relatedLinks":[]},{"date":"2020-09-14T14:52:15.144Z","title":"JavaScript for Data Science","url":"https://js4ds.org/","content":"データサイエンティスト向けのJavaScriptの入門書","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2020-09-14T14:55:14.023Z","title":"sabljakovich/mongoose-execution-time: Mongoose plugin for measuring and logging query execution time","url":"https://github.com/sabljakovich/mongoose-execution-time","content":"mongooseでqueryの実行時間をログ出力するライブラリ","tags":["MongoDB","JavaScript","library"],"relatedLinks":[]},{"date":"2020-09-14T14:56:55.069Z","title":"Release v1.4.0 · denoland/deno","url":"https://github.com/denoland/deno/releases/tag/v1.4.0","content":"Deno 1.4.0リリース。\nWebSocket APIの実装、`Deno.systemMemoryInfo()`の追加。\nまた、unstableな機能として`deno run --watch`、`deno test --coverage`の追加など","tags":["deno","ReleaseNote"],"relatedLinks":[]},{"date":"2020-09-15T01:38:36.269Z","title":"Leading-Trim: The Future of Digital Typesetting | by Ethan Wang | Microsoft Design | Aug, 2020 | Medium","url":"https://medium.com/microsoft-design/leading-trim-the-future-of-digital-typesetting-d082d84b202","content":"CSS `leading-trim`プロパティについて","tags":["CSS","article"],"relatedLinks":[]},{"date":"2020-09-15T01:58:41.438Z","title":"microsoft/FluidFramework: Library for building distributed, real-time collaborative web applications","url":"https://github.com/microsoft/FluidFramework","content":"分散型リアルタイムコラボレーションのためのウェブアプリケーションフレームワーク。\n","tags":["JavaScript","library","webservice"],"relatedLinks":[]},{"date":"2020-09-15T02:02:55.828Z","title":"A Practical Guide to the Web Cryptography API - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/voraciousdev/a-practical-guide-to-the-web-cryptography-api-4o8n","content":"Web Cryptography APIの基本的な使い方。\nEncryption、Decryption、転送や保存について","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2020-09-15T02:13:07.356Z","title":"Release snowpack@2.11.1 · pikapkg/snowpack","url":"https://github.com/pikapkg/snowpack/releases/tag/snowpack%402.11.1","content":"snowpack 2.11.1リリース。\nesbuildなどをベースにした`@snowpack/plugin-optimize`の追加、`build --watch`でHMR/Livereloadの対応。\nまた、`@snowpack/plugin-webpack`でもHTMLのminifyをするようになるなど。","tags":["bundler","ReleaseNote","JavaScript"],"relatedLinks":[]},{"date":"2020-09-15T02:38:17.716Z","title":"ten1seven/what-input: A global utility for tracking the current input method (mouse/pointer, keyboard or touch).","url":"https://github.com/ten1seven/what-input","content":"ユーザーの入力状態をトラッキングするライブラリ。\n現在の入力状態がmouse, keyboard, touchなのかを判定できる","tags":["JavaScript","library","browser","DOM"],"relatedLinks":[]},{"date":"2020-09-15T02:57:30.464Z","title":"Release v1.4.0 · microsoft/playwright","url":"https://github.com/microsoft/playwright/releases/tag/v1.4.0","content":"playwright 1.4.0リリース。\nplaywright-cliを正式リリース、Chromium 86/Firefox 80/WebKit 14へアップデート。\n`elementHandle.waitForElementState()`と`elementHandle.waitForSelector()`の追加など","tags":["browser","library","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2020-09-15T12:24:48.052Z","title":"Moment.js | Docs","url":"https://momentjs.com/docs/#/-project-status/","content":"Moment.jsのプロジェクトステータスについてのドキュメントが追加された。\nMoment.jsに新しい機能の追加などはしないメンテンスモードであるということについてや代替となるライブラリとしてLuxon、Day.js、date-fns、js-jodaの紹介をしている。\nまた、ECMA-402の`Intl`オブジェクトとTemporal Proposalについて紹介している","tags":["JavaScript","news","library"],"relatedLinks":[{"title":"Luxon","url":"https://moment.github.io/luxon/"},{"title":"Day.js · 2kB JavaScript date utility library","url":"https://day.js.org/"},{"title":"Manual | js-joda","url":"https://js-joda.github.io/js-joda/"},{"title":"date-fns - modern JavaScript date utility library","url":"https://date-fns.org/"}]},{"date":"2020-09-16T14:19:45.362Z","title":"flareact/flareact: Edge-rendered React framework built for Cloudflare Workers","url":"https://github.com/flareact/flareact","content":"Cloudflare WorkerのEdgeで動くReactフレームワーク","tags":["React","cdn","library"],"relatedLinks":[{"title":"Rendering React on the Edge with Flareact and Cloudflare Workers","url":"https://blog.cloudflare.com/rendering-react-on-the-edge-with-flareact-and-cloudflare-workers/"}]},{"date":"2020-09-17T13:09:34.952Z","title":"Release 8.0 “President Ose” · postcss/postcss","url":"https://github.com/postcss/postcss/releases/tag/8.0.0","content":"PostCSS 8.0リリース。\nNode.js 8以下のサポート終了、ES2015のコードをそのまま配布するように、`postcss.vendor` APIの削除。\nPostCSS Plugin APIの変更、パーサの改善、Source Mapサポートの改善、TypeScriptのサポートなど","tags":["CSS","library","ReleaseNote","JavaScript"],"relatedLinks":[{"title":"Release 10.0 “Alis volat propriis” · postcss/autoprefixer","url":"https://github.com/postcss/autoprefixer/releases/tag/10.0.0"},{"title":"PostCSS 8.0: Plugin migration guide — Martian Chronicles, Evil Martians’ team blog","url":"https://evilmartians.com/chronicles/postcss-8-plugin-migration"}]},{"date":"2020-09-19T07:12:11.107Z","title":"Release v3.0.0 One Piece · vuejs/vue-next","url":"https://github.com/vuejs/vue-next/releases/tag/v3.0.0","content":"Vue 3.0.0リリース。\nコードベースをTypeScriptで書き直し、コアモジュールのパッケージ化。\nComposition API、Teleport、Fragmentsのサポート。\n実験的なAPIとして`<script setup>`と`<style vars>`のサポート。\n破壊的な変更として`Vue.*`以下のグローバルAPIをインスタンスAPIに移動、Template Directiveの挙動の変更、ライフサイクルオプション名のリネーム、Filterの削除など。\nまた、Vue 3.0.0時点ではIE 11のサポートは含まれていない。","tags":[""],"relatedLinks":[{"title":"Evan You // Keynote: Live Free Online Announcement // Vuejs Global Online - YouTube","url":"https://www.youtube.com/watch?v=Vp5ANvd88x0"},{"title":"Introduction | Vue.js","url":"https://v3.vuejs.org/guide/migration/introduction.html"}]},{"date":"2020-09-19T07:24:25.154Z","title":"Announcing TypeScript 4.1 Beta | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-beta/","content":"TypeScript 4.1 Betaリリース。\nTemplate Literal Types、Mapped TypesでKeyのRemappingをサポート、再帰的なConditional Typesのサポート。\nインデックスアクセス時に`undefined`となる可能性を考慮する`noUncheckedIndexedAccess`オプションの追加、`baseUrl`なしで`paths`オプションを指定できるように。\n破壊的な変更として、`new Promise`における`resolve`関数の引数がOptionalではなくなるなど","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2020-09-19T15:42:03.389Z","title":"nextauthjs/next-auth: Authentication for Next.js","url":"https://github.com/nextauthjs/next-auth","content":"Next.js向けのAuthentication library。\nAuth0、Apple、Facebook、Googleなどいろいろなプロバイダーに対応している。","tags":["React","library","OAuth"],"relatedLinks":[]},{"date":"2020-09-20T13:15:52.295Z","title":"JSchallenger","url":"https://www.jschallenger.com/","content":"JavaScriptのテストを通るように関数を実装するJavaScriptの練習問題集","tags":["JavaScript","tutorial"],"relatedLinks":[]},{"date":"2020-09-20T13:16:50.465Z","title":"web-padawan/vanilla-colorful: A tiny color picker custom element for modern web apps","url":"https://github.com/web-padawan/vanilla-colorful","content":"依存がないカラーピッカーの実装ライブラリ","tags":["JavaScript","library","color"],"relatedLinks":[]},{"date":"2020-09-20T13:18:45.687Z","title":"How to Simplify SVG Code Using Basic Shapes | CSS-Tricks","url":"https://css-tricks.com/how-to-simplify-svg-code-using-basic-shapes/","content":"SVGを手書きするチュートリアル","tags":["SVG","tutorial"],"relatedLinks":[]},{"date":"2020-09-20T13:26:58.487Z","title":"Kea 2.2: The TypeScript Release | Kea 2.2","url":"https://kea.js.org/blog/kea-2.2/","content":"React向けのステート管理ライブラリであるKea 2.2リリース。\nTypeScriptのサポート","tags":["React","JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"TypeScript | Kea 2.2","url":"https://kea.js.org/docs/guide/typescript/"}]},{"date":"2020-09-20T13:29:00.034Z","title":"Working with JavaScript Media Queries | CSS-Tricks","url":"https://css-tricks.com/working-with-javascript-media-queries/","content":"JavaScriptでのMediaQueryの利用方法について。\n`window.matchMedia`の使い方、`resize`イベントを見る場合とのパフォーマンスの違いについて","tags":["JavaScript","CSS","article"],"relatedLinks":[]},{"date":"2020-09-20T13:55:36.274Z","title":"Introducing Source Order Viewer in the Microsoft Edge DevTools - Microsoft Edge Blog","url":"https://blogs.windows.com/msedgedev/2020/09/15/source-order-viewer-edge-devtools/","content":"MSEdge/Chrome 85に実験的な機能として要素のソースコードにおける順番を表示する機能が追加された。\nCSS Grid/FlexboxなどのCSSの機能で要素の順番を変更しやすくなったため、スクリーンリーダーなどの読み上げで問題が起きるケースを分かりやすくデバッグする機能。\nWCAG C27の\"DOMの順序を表示順序と一致させる\"の実装をデバッグする目的の機能。","tags":["MSEdge","Chrome","debug","article","accessibility"],"relatedLinks":[{"title":"Source Order Matters | Adrian Roselli","url":"https://adrianroselli.com/2015/09/source-order-matters.html"},{"title":"Source Order Viewer in Canary | Adrian Roselli","url":"https://adrianroselli.com/2020/08/source-order-viewer-in-canary.html"},{"title":"C27: Making the DOM order match the visual order | Techniques for WCAG 2.0","url":"https://www.w3.org/TR/WCAG20-TECHS/C27.html"},{"title":"C27: DOM の順序を表示順序と一致させる | WCAG 2.0 達成方法集","url":"https://waic.jp/docs/WCAG-TECHS/C27"}]},{"date":"2020-09-20T13:59:12.849Z","title":"BGJar | Free svg background image generator for your websites","url":"https://bgjar.com/","content":"SVGでパターン背景を生成するジェネレーターツール","tags":["SVG","Tools"],"relatedLinks":[]},{"date":"2020-09-20T14:05:22.454Z","title":"How to detect fullscreen mode using CSS – Amit Merchant – A blog on PHP, JavaScript and more","url":"https://www.amitmerchant.com/how-to-detect-fullscreen-mode-using-css/","content":"CSS Media Queryを使ってブラウザがフルスクリーンであるかを判定する方法について。\n`display-mode: fullscreen`をMedia Queryを使い判定することでフルスクリーンとなった場合の処理やCSSを実装できる","tags":["CSS","JavaScript","article"],"relatedLinks":[]},{"date":"2020-09-20T14:17:46.147Z","title":"Managing several displays with the Multi-Screen Window Placement API","url":"https://web.dev/multi-screen-window-placement/","content":"Chrome 86でOrigin Trialとして実装されているMulti-Screen Window Placement APIについて。\n複数のスクリーンかの判定、それぞれのスクリーン情報の取得、スクリーン変更の検知、フルスクリーン化するスクリーンの指定についてなど","tags":["JavaScript","Chrome","article","WebPlatformAPI"],"relatedLinks":[]},{"date":"2020-09-21T06:28:58.534Z","title":"Rewriting Facebook's \"Recoil\" React library from scratch in 100 lines","url":"https://bennetthardwick.com/blog/recoil-js-clone-from-scratch-in-100-lines/","content":"Recoil的なObserver Patternのステート管理を実装しながら仕組みを見ていく話","tags":["JavaScript","React","library","article"],"relatedLinks":[]},{"date":"2020-09-21T06:33:51.628Z","title":"pmndrs/jotai: 👻 Primitive, flexible state management for React","url":"https://github.com/pmndrs/jotai","content":"RecoilインスパイアなReact向けのステート管理ライブラリ。\nプリミティブな値をAtomでwrap、unwrapするAPIをもつ。\nUtilsとしてAtomを使ったHigh Level APIを提供する","tags":["JavaScript","React","library"],"relatedLinks":[]},{"date":"2020-09-21T23:35:02.641Z","title":"V8 release v8.6 · V8","url":"https://v8.dev/blog/v8-release-86","content":"V8 8.6リリース。\nJavaScriptエンジンのFuzzingツールであるJS-Fuzzerの公開、`Number.prototype.toString`のパフォーマンス改善。\n`Atomics.notify`にリネームされたため`Atomics.wake`の削除、Wasmのパフォーマンス改善など","tags":["V8","ReleaseNote"],"relatedLinks":[]},{"date":"2020-09-24T12:40:24.442Z","title":"Introducing the New JSX Transform – React Blog","url":"https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html","content":"新しいJSXの変換の仕組みについて。\nReact 17、Babel 7.9.0から対応している。\nコンポーネント内で`import React from \"react\"`が不要となり、パフォーマンスの改善や仕様のシンプル化が目的","tags":["React","jsx","article"],"relatedLinks":[{"title":"rfcs/0000-create-element-changes.md at createlement-rfc · reactjs/rfcs","url":"https://github.com/reactjs/rfcs/blob/createlement-rfc/text/0000-create-element-changes.md"}]},{"date":"2020-09-24T13:07:46.659Z","title":"Release 10.5.0 - JSX Reloaded · preactjs/preact","url":"https://github.com/preactjs/preact/releases/tag/10.5.0","content":"Preact 10.5.0リリース。\n新しいJSXの変換に対応したRuntimeの追加、 hydrationにおけるSuspend & Resumeの改善など","tags":["React","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-09-24T13:39:30.313Z","title":"Release DOMPurify 2.1.0 · cure53/DOMPurify","url":"https://github.com/cure53/DOMPurify/releases/tag/2.1.0","content":"DOMpurify 2.1.0リリース。\njQueryのメソッドはデフォルトで対応したため`SAFE_FOR_JQUERY`フラグを削除、mXSSの修正とコード整理など","tags":["DOM","XSS","library","JavaScript","ReleaseNote"],"relatedLinks":[]},{"date":"2020-09-24T14:39:10.606Z","title":"Firefox 81.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/81.0/releasenotes/","content":"Firefox 81リリース。\niframe要素の`sandbox`属性が`allow-downloads`をサポート、`Content-Disposition` HTTPヘッダにおいてクオートで囲まれていないファイル名に対応。\nJavaScriptのMIMEタイプではないWorkerスクリプトは`new Worker()`で読み込めないように変更など","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 81 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/docs/Mozilla/Firefox/Releases/81"},{"title":"Worker scripts with wrong MIME type will be blocked from loading with Worker() or SharedWorker() (Breaking) | Firefox Site Compatibility","url":"https://www.fxsitecompat.dev/docs/2020/worker-scripts-with-wrong-mime-type-will-be-blocked-from-loading-with-worker-or-sharedworker/"}]},{"date":"2020-09-24T15:19:35.715Z","title":"balazsbotond/urlcat: A URL builder library for JavaScript.","url":"https://github.com/balazsbotond/urlcat","content":"URLの結合(join)、パラメータクエリの生成(query)、置換(subst)するライブラリ。\n","tags":["JavaScript","URL","library"],"relatedLinks":[]},{"date":"2020-09-25T09:57:49.420Z","title":"codemix/ts-sql: A SQL database implemented purely in TypeScript type annotations.","url":"https://github.com/codemix/ts-sql","content":"TypeScript 4.1のTemplate Literal Typeを使ってSQL構文からクエリ結果の型を返す型ライブラリ","tags":["TypeScript","SQL","library"],"relatedLinks":[]},{"date":"2020-09-26T06:43:24.692Z","title":"Content delivery networks (CDNs)","url":"https://web.dev/content-delivery-networks/","content":"CDNについての記事。\nCDNの仕組み、キャッシュのEvictionとPurging、Private/PublicなリソースでのCache-Control設定、動的/静的なコンテンツにおける設定の考え方。\nキャッシュヒット率(CHR)の計測と改善方法、CDNのパフォーマンス機能としての圧縮/TLS 1.3/minificationについてなど","tags":["network","cdn","performance","article"],"relatedLinks":[]},{"date":"2020-09-26T06:43:59.434Z","title":"Feature watch: ECMAScript 2021","url":"https://2ality.com/2020/09/ecmascript-2021.html","content":"ECMAScript 2021に入る予定のProposalまとめ","tags":["ECMAScript","article"],"relatedLinks":[]},{"date":"2020-09-26T07:04:23.904Z","title":"sumup-oss/performance-observer: Generic interface for PerformanceObserver API.","url":"https://github.com/sumup-oss/performance-observer","content":"Performance Observerのラッパーライブラリ。\n指定したメトリクスを取得するAPIを提供する","tags":["JavaScript","performance","library"],"relatedLinks":[]},{"date":"2020-09-26T11:24:38.646Z","title":"Detached window memory leaks","url":"https://web.dev/detached-window-memory-leaks/","content":"`window.open`で開いたウィンドウにおけるメモリリークについて。\n切り離したwindowでメモリリークが起きる原理、heap snapshotや`performance.memory` APIでのメモリの増減の見方。\nまたメモリリークを避ける方法としてリファレンスを消す方法、WeakRefを使う方法、直接のリファレンスを持たない方法についてなど","tags":["JavaScript","DOM","article"],"relatedLinks":[]},{"date":"2020-09-26T13:31:43.689Z","title":"ECMAScript proposal updates @ 2020-09 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2020/09/26/ecmascript-proposal-updat","content":"2020年9月のTC39ミーティングで更新されたECMAScript Proposalのまとめ。\n","tags":["ECMAScript","proposal"],"relatedLinks":[]},{"date":"2020-09-27T03:38:45.501Z","title":"jtbennett/create-ts-project: Create Typescript monorepo projects with project references, jest, eslint and prettier configured and ready for development.","url":"https://github.com/jtbennett/create-ts-project","content":"TypeScript monorepo向けの管理ツール。\nTypeScript Project References、Yarn、Jest、ESLint、Pretitterなどが入ったCreact React Appのようなツールを目指している","tags":["TypeScript","monorepo","Tools"],"relatedLinks":[]},{"date":"2020-09-27T04:47:27.669Z","title":"Publishing Node modules with TypeScript and ES modules - LogRocket Blog","url":"https://blog.logrocket.com/publishing-node-modules-typescript-es-modules/","content":"TypeScriptで書いたライブラリをTree Shakingできるような設定で配布できるようにするチュートリアル。","tags":["TypeScript","node.js","library","article"],"relatedLinks":[]},{"date":"2020-09-27T14:07:01.827Z","title":"ESLint v7.10.0 released - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2020/09/eslint-v7.10.0-released","content":"ESLint 7.10.0リリース。\n`no-inline-comments`に`ignorePattern`オプションの追加など","tags":["ESLint","ReleaseNote"],"relatedLinks":[]},{"date":"2020-09-28T22:44:22.753Z","title":"Atomic CSS-in-JS","url":"https://sebastienlorber.com/atomic-css-in-js","content":"Atomic CSSについての記事。\nutility-firstなCSSを示す言葉だが、命名が難しい問題やutility-firstなライブラリであるTailwindのようなライブラリを使うと未使用のクラスが残る問題などの問題がある。\nCSS-in-JSと組み合わせることでこの問題を解決するatomic CSS-in-JSについて。\n例としてFacebookのStylexについてを紹介している。","tags":["CSS","JavaScript","article"],"relatedLinks":[{"title":"Tech stack rebuild for a new Facebook.com - Facebook Engineering","url":"https://engineering.fb.com/web/facebook-redesign/"},{"title":"Building the New Facebook with React and Relay | Frank Yan - YouTube","url":"https://www.youtube.com/watch?v=9JZHodNR184"}]},{"date":"2020-09-30T16:13:02.469Z","title":"Node v14.13.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v14.13.0/","content":"Node.js 14.13.0リリース。\n`exports`フィールドで`*`パターンのサポート、CommonJSとESMのinteropに関する実装の追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2020-10-01T13:39:26.334Z","title":"mobx/CHANGELOG.md at mobx6 · mobxjs/mobx","url":"https://github.com/mobxjs/mobx/blob/mobx6/CHANGELOG.md#600","content":"MobX 6.0.0リリース。\n`decorate`を削除し`makeObservable`と`makeAutoObservable`の追加。\nProxy APIなしでも動作するようになるなど。\nDecoratorを使ったコードをマイグレーションするツールとして`mobx-undecorate`も公開している。","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Migrating from MobX 4/5 · MobX","url":"https://mobx.js.org/migrating-from-4-or-5.html#migrating-from-mobx-45-"}]},{"date":"2020-10-01T14:20:11.238Z","title":"yamalight/graffiti: Minimalistic GraphQL framework","url":"https://github.com/yamalight/graffiti/","content":"fastify/graphql-compose/Mongooseを使ったGraphQLフレームワーク","tags":["GraphQL","node.js","library"],"relatedLinks":[]},{"date":"2020-10-01T16:17:54.666Z","title":"bytedance/IconPark: Transform an SVG icon into multiple themes, and generate React icons，Vue icons，svg icons","url":"https://github.com/bytedance/IconPark","content":"SVGアイコン集。\nReact、Vueのコンポーネントとしても利用できる。","tags":["SVG","Vue","React","library"],"relatedLinks":[]},{"date":"2020-10-02T16:16:14.453Z","title":"The npm Blog — Release v7.0.0-rc.0","url":"https://blog.npmjs.org/post/630786103662821376/release-v700-rc0","content":"npm 7.0.0 RCリリース","tags":["npm","ReleaseNote"],"relatedLinks":[]},{"date":"2020-10-02T16:26:48.023Z","title":"Bootstrap 5 Alpha 2 | Bootstrap Blog","url":"https://blog.getbootstrap.com/2020/09/29/bootstrap-5-alpha-2/","content":"Bootstrap 5 Alpha 2リリース。\n`.carousel-dark`の追加、`.dropdown-menu-dark`の追加、closeボタンのデザイン変更、Utilクラスの追加など","tags":["CSS","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-10-04T15:37:56.148Z","title":"JQuery to React: How we rewrote the HelloSign Editor - Dropbox","url":"https://dropbox.tech/application/jquery-to-react--how-we-rewrote-the-hellosign-editor","content":"jQueryで書かれた署名アプリをReactに移行した話。\n移行する際にUIを再設計するべきか、アプリの構造、UIに対するStateの設計、Storybookを使ったデバッグ環境などについて。","tags":["jQuery","React","article"],"relatedLinks":[]},{"date":"2020-10-04T15:42:02.130Z","title":"a11yresources - A growing list of accessibility tools and resources","url":"https://a11yresources.webflow.io/","content":"アクセシビリティに関するリソースのまとめ","tags":["accessibility","Tools"],"relatedLinks":[]},{"date":"2020-10-05T14:22:12.060Z","title":"Declarative Shadow DOM","url":"https://web.dev/declarative-shadow-dom/","content":"Chrome 85に実験フラグ付きで実装されたDeclarative Shadow DOMについて。\n`<tempalte>`要素の`showroot`属性で宣言的にShadow Root宣言できる。\nSSRの対応、`getInnerHTML()`でのShaowRootの取得、Custom Elementの`attachShadow()`の挙動、細かい挙動の解説など","tags":["WebComponents","article"],"relatedLinks":[]},{"date":"2020-10-05T15:20:47.923Z","title":"What's New In DevTools (Chrome 87)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2020/10/devtools","content":"Chrome 87のDevToolsの変更点について。\nCSS Gridのデバッグ機能、WebAuthタブの追加、Lighthouse 6.4へのアップデート、resource-typeとurlでのフィルターができるように。\nCOEPとCOOPのレポート先の表示、CSS Overviewでコントラストの問題の表示、ショートカットのカスタマイズができるように","tags":["Chrome","debug","article"],"relatedLinks":[]},{"date":"2020-10-05T15:53:08.499Z","title":"Robot - a fast 1kB functional library for creating Finite State Machines","url":"https://thisrobot.life/","content":"ステートマシンでのステート管理ライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2020-10-05T15:54:32.160Z","title":"happykit/flags: 🏳 Feature Flags for Next.js","url":"https://github.com/happykit/flags","content":"Next.js向けのFeature Flag管理ライブラリとウェブサービス","tags":["JavaScript","Next.js","library","webservice"],"relatedLinks":[]},{"date":"2020-10-06T01:36:51.213Z","title":"Indicium: V8 runtime tracer tool · V8","url":"https://v8.dev/blog/system-analyzer","content":"V8/Chromeの実行ログからInline CacheとMapがどのように動いているかをトレース、デバッグ、分析するツール","tags":["V8","debug","Tools"],"relatedLinks":[{"title":"Indicium","url":"https://v8.github.io/tools/head/system-analyzer/"}]},{"date":"2020-10-06T03:21:04.321Z","title":"Release v6.4.0 · GoogleChrome/lighthouse","url":"https://github.com/GoogleChrome/lighthouse/releases/tag/v6.4.0","content":"Lighthouse 6.4.0リリース。\n`large-javascript-libraries`のAuditをexperimentalで追加、`unsized-images`のAuditを追加など","tags":["Chrome","performance","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2020-10-06T03:21:44.003Z","title":"ffmpegwasm/ffmpeg.wasm: FFmpeg for browser and node, powered by WebAssembly","url":"https://github.com/ffmpegwasm/ffmpeg.wasm","content":"ffmpegをWebAssemblyとして動かすライブラリ","tags":["JavaScript","Image","library","WebAssembly"],"relatedLinks":[]},{"date":"2020-10-07T13:24:31.125Z","title":"Node v12.19.0 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v12.19.0/","content":"Node v12.19.0リリース。\n`import`フィールドのサポート、cryptoモジュールに`randomInt`関数の追加。\n`module.parent`の非推奨化など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2020-10-07T13:43:27.788Z","title":"New in Chrome 86  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2020/10/nic86","content":"Chrome 86リリース。\nFile System Access API、CSS 擬似クラスの`:focus-visible`、Document-Policyヘッダなどのサポート。\nOrigin TrialとしてWebHID API、Multi-Screen Window Placement APIなどのサポート。\nWeb Components v0の削除、FTPサポートの非推奨化。","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2020-10-08T08:46:49.958Z","title":"doc22940/browserslist-user-agent-regexp","url":"https://github.com/doc22940/browserslist-user-agent-regexp","content":"`browserslist`の定義からサポートするブラウザのUser Agentにマッチする正規表現を出力するツール","tags":["JavaScript","browser","library","Tools"],"relatedLinks":[]},{"date":"2020-10-08T08:58:51.515Z","title":"boa-dev/boa: Boa is an embeddable and experimental Javascript engine written in Rust. Currently, it has support for some of the language.","url":"https://github.com/boa-dev/boa","content":"Rustで書かれたJavaScriptエンジン。\nRustのプロジェクトに組み込んだり、JavaScriptインタープリタをWebAssemblyとして動かすことができる","tags":["JavaScript","Rust","library"],"relatedLinks":[]},{"date":"2020-10-08T13:51:55.113Z","title":"Release v9.5.4 · vercel/next.js","url":"https://github.com/vercel/next.js/releases/tag/v9.5.4","content":"Next.js 9.5.4リリース。\nオープンリダイレクト脆弱性のセキュリティ修正","tags":["Next.js","React","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-10-08T14:16:42.236Z","title":"awslabs/diagram-maker: A library to display an interactive editor for any graph-like data.","url":"https://github.com/awslabs/diagram-maker","content":"AWSのダイアグラムエディタ。\nライブラリとして利用でき、プラグインで拡張可能になっていて、UIはPreactとReduxを使って書かれている。","tags":["aws","JavaScript"],"relatedLinks":[{"title":"Diagram Maker: Open sourcing IoT visualization | AWS Open Source Blog","url":"https://aws.amazon.com/jp/blogs/opensource/diagram-maker-open-sourcing-iot-visualization/"}]},{"date":"2020-10-09T12:23:33.525Z","title":"Release Notes for Safari Technology Preview 114 | WebKit","url":"https://webkit.org/blog/11300/release-notes-for-safari-technology-preview-114/","content":"Safari Technology Preview 114リリース。\n`Intl.DateTimeFormat`の`dateStyle`/`timeStayle`/`dayPeriod`のサポート、`Intl.Segmenter`のサポート。\nPaint Timingの有効化、WebGL2の有効化、`loading=lazy`の実装など","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2020-10-10T06:56:40.729Z","title":"tuananh/camaro: camaro is an utility to transform XML to JSON, using Node.js binding to native XML parser pugixml, one of the fastest XML parser around.","url":"https://github.com/tuananh/camaro","content":"XMLをJSONに変換するライブラリ。\nC++で書かれていてWebAssemblyにコンパイルしたものを利用するライブラリ","tags":["JavaScript","XML","JSON","library","WebAssembly"],"relatedLinks":[]},{"date":"2020-10-10T12:51:47.410Z","title":"Release v17.0.0 · browserify/browserify","url":"https://github.com/browserify/browserify/releases/tag/v17.0.0","content":"Browserify 17.0.0リリース。\nshimライブラリの`events`、`path`、`stream`、`util`をNode.js 10+互換となるようにアップデート。\n`.json`ファイルのrequire時にJSONのバリデーションを行うように","tags":["browserify","ReleaseNote"],"relatedLinks":[]},{"date":"2020-10-10T13:54:11.909Z","title":"RDambrosio016/RSLint: A (WIP) Extremely fast JavaScript linter and Rust crate","url":"https://github.com/RDambrosio016/RSLint","content":"Rustで書かれたJavaScript Lintツール。","tags":["Rust","JavaScript","eslinn"],"relatedLinks":[]},{"date":"2020-10-11T02:11:23.109Z","title":"Webpack 5 release (2020-10-10) | webpack","url":"https://webpack.js.org/blog/2020-10-10-webpack-5-release/","content":"webpack 5リリース。\n破壊的な変更として、自動的なNode.jsのpolyfillの削除、デフォルトの出力コードにES2015が含まれるように、非推奨のオプションの削除やオプション名の変更など。\n機能追加として、Asset modules、JSON Modules、`import.meta`、Worker script、Module Federation、Async modulesのサポート。\nまた、`target`オプションが`browserslist`をサポート、CommonJSのTree Shakingをサポート、コード生成とTree Shakingの改善など","tags":["webpack","ReleaseNote"],"relatedLinks":[{"title":"To v5 from v4 | webpack","url":"https://webpack.js.org/migrate/5/"},{"title":"webpack@5の主な変更点まとめ - 技術探し","url":"https://blog.hiroppy.me/entry/webpack5"}]},{"date":"2020-10-12T12:36:39.090Z","title":"webpack-cli/CHANGELOG.md at master · webpack/webpack-cli","url":"https://github.com/webpack/webpack-cli/blob/master/CHANGELOG.md#400-2020-10-10","content":"webpack-cli 4.0.0リリース。\nwebpack 5に対応、Webpack Bundle Analyzerを実行する`--analyze`フラグの追加、`--env`フラグの追加、`init`コマンドの追加など","tags":["webpack","console","Tools"],"relatedLinks":[{"title":"webpack-cli/packages/webpack-cli at master · webpack/webpack-cli","url":"https://github.com/webpack/webpack-cli/tree/master/packages/webpack-cli"},{"title":"webpack-contrib/webpack-bundle-analyzer: Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap","url":"https://github.com/webpack-contrib/webpack-bundle-analyzer"}]},{"date":"2020-10-12T13:09:56.337Z","title":"Release v5.9.0 · pnpm/pnpm","url":"https://github.com/pnpm/pnpm/releases/tag/v5.9.0","content":"pnpm 5.9.0リリース。\nYarnのPlug'n'Playをサポート、`symlink`を無効化できる設定の追加など","tags":["npm","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2020-10-12T13:34:32.505Z","title":"Gaining security and privacy by partitioning the cache  |  Web","url":"https://developers.google.com/web/updates/2020/10/http-cache-partitioning","content":"Chrome 86でのCache partitioningについて。\n今まではアクセスするリソースのURLのみでCache Keyを構成していたが、今後はアクセス元のサイトなどもCache Keyに利用されるという話。\nアクセス元のサイトとアクセスするリソースのURLのDouble-keying、アクセス元のサイトとiframeのサイトとアクセスするリソースのURLのTriple-keyingのキャッシュについて","tags":["Chrome","HTTP","article"],"relatedLinks":[{"title":"shivanigithub/http-cache-partitioning","url":"https://github.com/shivanigithub/http-cache-partitioning/"}]},{"date":"2020-10-12T13:47:37.513Z","title":"Bringing the browser developer tools to Visual Studio Code - Microsoft Edge Blog","url":"https://blogs.windows.com/msedgedev/2020/10/01/microsoft-edge-tools-vscode/","content":"Microsoft Edge Tools for VS Code extensionリリース。\nVSCode内でMSEdgeを使ったプレビュー、デバッグができる。\nヘッドレスモードの対応、Networkパネルの対応などをしている","tags":["MSEdge","VSCode","plugin"],"relatedLinks":[]},{"date":"2020-10-12T13:51:17.880Z","title":"RocktimSaikia/meta-fetcher: 🔎 Tiny URL meta-data fetcher(scrapper) for Node.js","url":"https://github.com/RocktimSaikia/meta-fetcher","content":"ウェブサイトのメタ情報を取得するすnode-fetchベースのスクレイピングライブラリ","tags":["node.js","library"],"relatedLinks":[]},{"date":"2020-10-12T14:13:19.157Z","title":"mljs/ml: Machine learning tools in JavaScript","url":"https://github.com/mljs/ml","content":"機械学習向けのツールを集めたライブラリ","tags":["MachineLearning","JavaScript","library"],"relatedLinks":[]},{"date":"2020-10-12T14:21:24.152Z","title":"Understanding TypeScript Generics — Smashing Magazine","url":"https://www.smashingmagazine.com/2020/10/understanding-typescript-generics/","content":"TypeScriptのGenericsについての記事。\nGenericsの使い方、ユースケースについて","tags":["TypeScript","tutorial","article"],"relatedLinks":[]},{"date":"2020-10-12T14:27:59.003Z","title":"Using WebXR With Babylon.js — Smashing Magazine","url":"https://www.smashingmagazine.com/2020/10/using-webxr-with-babylonjs/","content":"WebXRについてのチュートリアル。\nWebXR、3DoF、6DoFの解説。\nbabylon.jsを使ったWebXRのシーンの作成、デバッグ方法について","tags":["WebXR","WebGL","article","tutorial"],"relatedLinks":[]},{"date":"2020-10-13T01:07:22.070Z","title":"Schniz/fnm: 🚀 Fast and simple Node.js version manager, built in Rust","url":"https://github.com/Schniz/fnm","content":"Rustで書かれたNode.jsのバージョン管理ツール。","tags":["node.js","Tools","Rust"],"relatedLinks":[]},{"date":"2020-10-13T04:51:46.558Z","title":"samizdatco/skia-canvas: A canvas environment for Node.js","url":"https://github.com/samizdatco/skia-canvas","content":"Skiaを使ったNode.jsでのCanvas実装","tags":["node.js","canvas","library"],"relatedLinks":[]},{"date":"2020-10-15T22:59:57.543Z","title":"Release v5.1.0 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v5.1.0","content":"webpack 5.1.0リリース。\n`cleverMerge`、`EntryOptionPlugin`、`DynamicEntryPlugin`をPublic APIに変更。\ntry-catch内で`require`を使ってモジュールの有無を判定する処理がエラーとなる問題の修正","tags":["webpack","ReleaseNote"],"relatedLinks":[{"title":"[5.0.0] require() of a non-existing package in a try-catch block is broken · Issue #11639 · webpack/webpack","url":"https://github.com/webpack/webpack/issues/11639"}]},{"date":"2020-10-17T08:00:53.552Z","title":"7.12.0 Released: TypeScript 4.1, strings as import/export names, and class static blocks · Babel","url":"https://babeljs.io/blog/2020/10/15/7.12.0","content":"Babel 7.12.0リリース。\nTypeScript 4.1のサポート、\nStage 2 proposalのClass static blocksのサポート。\nimport/export名をECMAScriptの変更に追従、Import assertionsのパースをプラグインに切り出しなど","tags":["babel","ReleaseNote"],"relatedLinks":[]},{"date":"2020-10-17T09:12:27.362Z","title":"sciter – Multiplatform HTML/CSS UI Engine for Desktop and Mobile Application","url":"https://sciter.com/","content":"アプリ組み込み向けのHTML/CSSエンジン。\nバイナリサイズが小さいアプリを作るためのフレームワークで、HTML/CSSのサブセットとスクリプトエンジンをもっている。","tags":["JavaScript","HTML","CSS","software"],"relatedLinks":[{"title":"Open Source Sciter Engine by Andrew Fedoniouk (a.k.a. c-smile) — Kickstarter","url":"https://www.kickstarter.com/projects/c-smile/open-source-sciter-engine?ref=thanks-tweet"}]},{"date":"2020-10-17T10:06:00.069Z","title":"フロントエンド開発入門 プロフェッショナルな開発ツールと設計・実装 | 安達 稜, 武田 諭 |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/dp/4798061778/","content":"2020年10月9日発売\nウェブフロントエンドとエコシステムについての書籍","tags":["HTML","CSS","JavaScript","book","Tools"],"relatedLinks":[]},{"date":"2020-10-17T12:47:26.396Z","title":"Node v14.14.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v14.14.0/","content":"Node v14.14.0リリース。\n`fs.rm`の追加、`res.setHeader`などでヘッダを配列として渡せるようになるなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2020-10-17T16:11:19.444Z","title":"accrefs - Webアクセシビリティの参考資料まとめ","url":"https://accrefs.jp/","content":"ウェブアクセシビリティについての資料をまとめたページ","tags":["accessibility","links"],"relatedLinks":[]},{"date":"2020-10-18T11:47:46.698Z","title":"min(), max(), and clamp(): three logical CSS functions to use today","url":"https://web.dev/min-max-clamp/","content":"CSSの`min()`、`max()`、`clamp()`関数についての記事。","tags":["CSS","article"],"relatedLinks":[]},{"date":"2020-10-18T12:37:38.158Z","title":"Chromium Blog: Chrome 87 Beta: WebAuthn in DevTools, Pan/Tilt/Zoom, Flow Relative Shorthands and More","url":"https://blog.chromium.org/2020/10/chrome-87-beta-webauthn-in-devtools.html","content":"Chrome 87ベータリリース。\nDevToolsにWebAuthnタブを追加、カメラのpan/tilt/zoomのサポート、cross-origin isolationのサポート。\nまた、`isInputPending`、Service WorkerでRangeリクエストのサポート、`postMessage`で渡せるTransferable Streamsのサポートなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2020-10-18T12:50:13.017Z","title":"GraphQLの基礎の基礎 - Qiita","url":"https://qiita.com/shotashimura/items/3f9e04b93e79592030a4","content":"Node.jsでのGraphQL APIサーバの実装についての記事","tags":["node.js","JavaScript","GraphQL","article"],"relatedLinks":[]},{"date":"2020-10-19T00:29:16.923Z","title":"Liaison – A love story between the frontend and the backend","url":"https://liaison.dev/","content":"バックエンド、フロントエンドを含んだフルスタックなJavaScriptフレームワーク。","tags":["JavaScript","node.js","library"],"relatedLinks":[]},{"date":"2020-10-19T00:29:41.222Z","title":"Presenting v7.0.0 of the npm CLI - The GitHub Blog","url":"https://github.blog/2020-10-13-presenting-v7-0-0-of-the-npm-cli/","content":"npm 7リリース。\n破壊的な変更として、peerDependenciesを自動インストールするように、package-lock.jsonの形式変更とyarn.lockのサポート、`npm audit`の出力内容の変更。\n機能追加として、Workspacesのサポート、`npm exec`の追加など","tags":["npm","ReleaseNote"],"relatedLinks":[{"title":"Release v7.0.0 · npm/cli","url":"https://github.com/npm/cli/releases/tag/v7.0.0"}]},{"date":"2020-10-19T11:45:14.599Z","title":"MTG/essentia.js: JavaScript library for music/audio analysis and processing powered by WebAssembly","url":"https://github.com/MTG/essentia.js","content":"C++で書かれた音声/音楽処理ライブラリであるEssentiaをWebAssemblyにコンパイルしたJavaScriptラッパーライブラリ。","tags":["JavaScript","WebAssembly","C++","library"],"relatedLinks":[{"title":"Essentia","url":"https://essentia.upf.edu/"}]},{"date":"2020-10-19T11:47:41.797Z","title":"TimvanScherpenzeel/detect-gpu: Classifies GPUs based on their 3D rendering benchmark score allowing the developer to provide sensible default settings for graphically intensive applications.","url":"https://github.com/TimvanScherpenzeel/detect-gpu","content":"WebGLを使った3DレンダリングのベンチマークからGPUの判定、クラス分けをするライブラリ","tags":["JavaScript","WebGL","library","performance"],"relatedLinks":[]},{"date":"2020-10-19T12:33:26.448Z","title":"Create TypeScript declarations from JavaScript and JSDoc - Human Who Codes","url":"https://humanwhocodes.com/snippets/2020/10/create-typescript-declarations-from-javascript-jsdoc/","content":"JSDocからTypeScriptの型定義ファイルを生成する方法について。\nTypeScriptの出力オプションで`emitDeclarationOnly`と`allowJs`を組み合わせることでJSDocからd.tsを作成できる","tags":["TypeScript","JavaScript","article"],"relatedLinks":[]},{"date":"2020-10-19T12:34:00.898Z","title":"Video processing with WebCodecs","url":"https://web.dev/webcodecs/","content":"Chrome 86でOrigin Trialとして導入されたWebCodecsについて。\n動画と音声のエンコードとデコードができるAPI。\n`VideoTrackReader`、`VideoEncoder`、`VideoDecoder`について","tags":["JavaScript","WebPlatformAPI","Chrome","article"],"relatedLinks":[]},{"date":"2020-10-20T05:33:31.924Z","title":"bytedance/bytemd: A hackable Markdown editor component built with Svelte","url":"https://github.com/bytedance/bytemd","content":"Svelteで書かれたmarkdownエディタライブラリ。UIフレームワークなしで動かすことができ、React、Vue向けのバインディングが用意されている","tags":["JavaScript","Markdown","editor","library"],"relatedLinks":[]},{"date":"2020-10-22T08:30:22.572Z","title":"sinclairzx81/typebox: JSON Schema Type Builder with Static Type Resolution for TypeScript","url":"https://github.com/sinclairzx81/typebox","content":"JSON SchemaをTypeScriptで定義するbuilder関数を提供するライブラリ","tags":["TypeScript","JSON","library"],"relatedLinks":[]},{"date":"2020-10-22T13:07:18.574Z","title":"React v17.0 – React Blog","url":"https://reactjs.org/blog/2020/10/20/react-v17.html","content":"React 17.0リリース。\n複数のバージョンを同時に動かして段階的なアップグレードを目的としたリリース。\n関連してイベントのdelegateの仕組みの変更、新しいJSXの変換に対応している。\n新しいJSXの変換については0.14.x, 15.x, 16.xへバックポートされている","tags":["React","JavaScript","ReleaseNote","library"],"relatedLinks":[]},{"date":"2020-10-22T13:33:30.857Z","title":"Firefox 82.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/82.0/releasenotes/","content":"Firefox 82リリース。\nserver-sent eventsのinspectのサポート、Media Session APIのデフォルト有効化、起動時のパフォーマンスの改善など。\nまた、クロスオリジンでの`window.name`は常に空文字列を返すように変更された","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 82 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/82"},{"title":"Coming through with Firefox 82 - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2020/10/coming-through-with-firefox-82/"}]},{"date":"2020-10-22T13:51:22.193Z","title":"Introducing Microsoft Edge preview builds for Linux - Microsoft Edge Blog","url":"https://blogs.windows.com/msedgedev/2020/10/20/microsoft-edge-dev-linux/","content":"MSEdge Dev ChannelのLinuxビルドが公開された","tags":["MSEdge","linux","news"],"relatedLinks":[]},{"date":"2020-10-22T13:55:54.234Z","title":"sysgears/webpack-virtual-modules: Webpack Virtual Modules is a webpack plugin that lets you create, modify, and delete in-memory files in a way that webpack treats them as if they were physically presented in the file system.","url":"https://github.com/sysgears/webpack-virtual-modules","content":"webpackでビルド時に特定のパスに特定のコードがあるように見せるwebpack plugin。\nwebpackのビルド中に仮想的なモジュールを追加できる","tags":["webpack","plugin"],"relatedLinks":[]},{"date":"2020-10-22T22:34:28.572Z","title":"developit/snarkdown: A snarky 1kb Markdown parser written in JavaScript","url":"https://github.com/developit/snarkdown","content":"ファイルサイズが小さなMarkdown to HTMLライブラリ","tags":["Markdown","JavaScript","library","HTML"],"relatedLinks":[]},{"date":"2020-10-22T23:36:50.234Z","title":"ブラウザとNode.jsで動く1kBのキーバリューストレージライブラリを書いた | Web Scratch","url":"https://efcl.info/2020/10/23/kvs/","content":"ファイルサイズが小さなKey-Valueストレージライブラリ。\nブラウザ(IndexedDB、LocalStorage)、Node.js(ファイル)で動作し、マイグレーションAPI、TypeScriptでのスキーマをサポートしている","tags":["JavaScript","TypeScript","library","article"],"relatedLinks":[{"title":"azu/kvs: Lightweight key-value storage library for Browser, Node.js, and In-Memory.","url":"https://github.com/azu/kvs"}]},{"date":"2020-10-23T11:20:00.563Z","title":"npm public roadmap","url":"https://github.com/npm/roadmap/projects/1","content":"npmのロードマップ","tags":["npm","Github","document"],"relatedLinks":[{"title":"Introducing the npm public roadmap and a new feedback process - The GitHub Blog","url":"https://github.blog/2020-10-22-introducing-the-npm-public-roadmap-and-a-new-feedback-process/"}]},{"date":"2020-10-24T08:35:43.740Z","title":"Release v4.0.0 · facebook/create-react-app","url":"https://github.com/facebook/create-react-app/releases/tag/v4.0.0","content":"create-react-app 4.0.0リリース。\nReact 17/新しいJSXの変換の対応、TypeScript 4、ESLint 6、Jest 26へアップデート。\nFast Refresh、workboxの対応改善、Web Vitalsレポート対応の追加など","tags":["React","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2020-10-24T09:09:41.101Z","title":"Release Notes for Safari Technology Preview 115 | WebKit","url":"https://webkit.org/blog/11333/release-notes-for-safari-technology-preview-115/","content":"Safari Technology Preview 115リリース。\nWeb Audio APIをprefixなしに変更、`HTMLMediaElement.setSinkId`のサポート、CSS `math-style`のサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2020-10-24T13:47:19.246Z","title":"openplayerjs/openplayerjs: Lightweight HTML5 video/audio player with smooth controls and ability to play VAST/VPAID/VMAP ads","url":"https://github.com/openplayerjs/openplayerjs","content":"動画/音楽プレイヤーライブラリ。\nIE11+のサポート、キャプション、VAST/VPAIDの動画広告のサポート、カスタマイズができるようになっている。\nHLSはhls.js、MPEG-DASHはdash.jsを使いサポートしている","tags":["JavaScript","video","audio","library"],"relatedLinks":[]},{"date":"2020-10-26T12:22:26.390Z","title":"piscinajs/piscina: A fast, efficient Node.js Worker Thread Pool implementation","url":"https://github.com/piscinajs/piscina","content":"Node.js向けのworker poolライブラリ。\nmjsのサポート、AbortControllerを使ったキャンセルのサポート、バックプレッシャーなどをサポートしている","tags":["node.js","JavaScript","library"],"relatedLinks":[{"title":"Learning to Swim with Piscina, the node.js worker pool","url":"https://www.nearform.com/blog/learning-to-swim-with-piscina-the-node-js-worker-pool/"}]},{"date":"2020-10-26T12:43:29.035Z","title":"Node v15.0.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v15.0.0/","content":"Node.js 15.0リリース。\n破壊的な変更としてN-API 7へアップデート、npm 7へアップデート、V8 8.6へアップデート、\n`unhandledRejection=throw`をデフォルトに変更、URLの仕様追従。\nAbortControllerとEventTargetのサポート、`crypto`モジュールがWeb Crypto APIをサポート。\n試験的な機能として、QUICのサポート、`timers/promise`と`stream/promises`の追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"Node.js v15.0.0 is here!. This blog was written by Bethany… | by Node.js | Oct, 2020 | Medium","url":"https://nodejs.medium.com/node-js-v15-0-0-is-here-deb00750f278"},{"title":"Node.js v15 の主な変更点 - 別にしんどくないブログ","url":"https://shisama.hatenablog.com/entry/2020/10/21/004612"},{"title":"10月20日にメジャーアップデートとしてリリースされたNode.js v15の紹介 | watilde's blog","url":"https://blog.watilde.com/2020/10/20/node-js-v15/"},{"title":"Node.js 15 release: Updated handling of rejections, npm 7, N-API Version 7, and more – IBM Developer","url":"https://developer.ibm.com/blogs/nodejs-15-release-blog/"}]},{"date":"2020-10-27T01:37:57.543Z","title":"Redirection from Internet Explorer to Microsoft Edge for compatibility with modern web sites | Microsoft Docs","url":"https://docs.microsoft.com/en-us/deployedge/edge-learnmore-neededge","content":"IEと非互換のサイトをIEで閲覧したときに、MSEdgeへ自動的にリダイレクトされる仕組みがMSEdge 87に入った。\n非互換かどうかはMicrosoftのリスト管理で判定される。また自動的にリダイレクトするかどうかはグループポリシーで設定できる","tags":["IE","MSEdge","browser","document"],"relatedLinks":[]},{"date":"2020-10-27T01:51:38.266Z","title":"Sass: LibSass is Deprecated","url":"https://sass-lang.com/blog/libsass-is-deprecated","content":"C++で書かれたLibSass(`node-sass`)が非推奨となった。\nDartで書かれたSass(`sass`)がメインで開発され、LibSassは機能追加や新しい構文のサポートはしないメンテナンスモードとなっている。","tags":["Sass","news"],"relatedLinks":[{"title":"sass/libsass: A C/C++ implementation of a Sass compiler","url":"https://github.com/sass/libsass"},{"title":"sass/dart-sass: The reference implementation of Sass, written in Dart.","url":"https://github.com/sass/dart-sass"}]},{"date":"2020-10-27T02:18:41.634Z","title":"Cumulative Layout Shift in Practice | NicJ.net","url":"https://nicj.net/cumulative-layout-shift-in-practice/","content":"Cumulative Layout Shift (CLS)について。\nCLSとはどのようなメトリクスなのか、適正なスコアとその計算式、CLSが悪いとどのような問題が起きやすいのかについて。\nRUMとSyntheticでの計測ツールやライブラリ、Chrome Dev Toolsでのデバッグ方法について","tags":["browser","performance","article"],"relatedLinks":[]},{"date":"2020-10-28T08:47:39.107Z","title":"Node v14.15.0 (LTS) | Node.js","url":"https://nodejs.org/ja/blog/release/v14.15.0/","content":"Node.js 14.15.0リリース。\nNode.js 14のLTS(Long Term Support)となるバージョン。\nNode.js 14は2023年4月までサポートされる","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"nodejs/Release: Node.js Release Working Group","url":"https://github.com/nodejs/Release"}]},{"date":"2020-10-28T15:10:22.540Z","title":"Release v1.5.0 · denoland/deno","url":"https://github.com/denoland/deno/releases/tag/v1.5.0","content":"Deno 1.5.0リリース。\n破壊的な変更として`isolatedModules`をデフォルトで有効化されている。\n`deno bundle --no-check`のサポート、型チェックしない場合はswcを使うことで高速化、`alert`/`confirm`/`promp`のサポートなど","tags":["deno","ReleaseNote"],"relatedLinks":[{"title":"swc","url":"https://github.com/swc-project/swc"},{"title":"TypeScript compiler in Rust · Issue #5432 · denoland/deno","url":"https://github.com/denoland/deno/issues/5432#issuecomment-716890189"},{"title":"Deno 1.5 Release Notes","url":"https://deno.land/posts/v1.5"}]},{"date":"2020-10-28T15:16:45.784Z","title":"pprof を使って nodejs アプリケーションのプロファイルを取る - その手の平は尻もつかめるさ","url":"https://moznion.hatenadiary.com/entry/2020/10/05/121259","content":"pprof-nodejsを使ってNode.jsアプリケーションのプロファイルを取得してpprofツールで見る方法について","tags":["node.js","performance","Tools","article"],"relatedLinks":[{"title":"google/pprof-nodejs: pprof support for Node.js","url":"https://github.com/google/pprof-nodejs"}]},{"date":"2020-10-29T12:24:56.809Z","title":"Blog - Next.js 10 | Next.js","url":"https://nextjs.org/blog/next-10","content":"Next.js 10リリース。\n画像の最適化とImage CDNからの読み込みに対応する`next/image`の追加、i18n Routingの対応。\nReact 17の対応、Fast Refreshの対応改善、Dynamic Routing時に`next/link`に対して`as`が多くのケースで不要に、`@next/codemod`コマンドの追加など","tags":["Next.js","ReleaseNote"],"relatedLinks":[{"title":"next/image | Next.js","url":"https://nextjs.org/docs/api-reference/next/image"},{"title":"Advanced Features: Internationalized Routing | Next.js","url":"https://nextjs.org/docs/advanced-features/i18n-routing"}]},{"date":"2020-10-30T12:40:45.208Z","title":"JavaScript Standard Style","url":"https://standardjs.com/changelog.html#1600---2020-10-28","content":"Standard JS 16.0.0リリース。\nglobやフォルダ指定の挙動をESLintと合わせるように、`extensions`オプションのサポート、React/JSXに関するルールの追加など","tags":["ESLint","ReleaseNote"],"relatedLinks":[]},{"date":"2020-10-31T04:16:10.254Z","title":"mongodb-js/boxednode: 📦 boxednode – Ship a JS file with Node.js in a box","url":"https://github.com/mongodb-js/boxednode","content":"Node.jsアプリケーションをシングルバイナリ化するツール","tags":["node.js","library","Tools"],"relatedLinks":[]},{"date":"2020-10-31T04:22:53.311Z","title":"\"SurviveJS - Webpack\" - Further webpack 5 updates","url":"https://survivejs.com/blog/webpack-book-webpack-5-updates/","content":"webpackについて電子書籍であるSurviveJSがwebpack5に対応した","tags":["webpack","book"],"relatedLinks":[]},{"date":"2020-10-31T04:27:06.386Z","title":"O'Reilly Japan - ハンズオンNode.js","url":"https://www.oreilly.co.jp/books/9784873119236/","content":"2020年11月17日発売\nNode.jsの入門書","tags":["node.js","book"],"relatedLinks":[]},{"date":"2020-10-31T04:27:52.028Z","title":"O'Reilly Japan - ハンズオンJavaScript","url":"https://www.oreilly.co.jp/books/9784873119229/","content":"2020年11月17日発売\nJavaScriptの入門書","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2020-11-02T04:32:27.541Z","title":"dbohdan/classless-css: A list of classless CSS themes/frameworks with screenshots","url":"https://github.com/dbohdan/classless-css","content":"クラスをつけないでHTML要素自体にスタイルをあてるCSSテーマ/フレームワークのまとめ","tags":["CSS","library","links"],"relatedLinks":[]},{"date":"2020-11-02T14:04:41.107Z","title":"JSエコシステムぶらり探訪(4): npmとコマンドライン - Qiita","url":"https://qiita.com/qnighy/items/faddc72389f6c94421e1","content":"`npx`/`npm exec`/`yarn exec`の動作、npmとyarnのライフサイクルスクリプトの実行順序、`npm link`/`yarn link`の挙動についてなど","tags":["npm","yarn","article"],"relatedLinks":[]},{"date":"2020-11-02T14:31:53.751Z","title":"aidenybai/lucia: 🟪 Tiny library for tiny web apps.","url":"https://github.com/aidenybai/lucia","content":"VueやAlpine.jsのようにDOMにテンプレートを書いてデータバインディングするViewライブラリ","tags":["JavaScript","DOM","UI","library"],"relatedLinks":[]},{"date":"2020-11-02T14:35:52.489Z","title":"jlfwong/speedscope: 🔬 A fast, interactive web-based viewer for performance profiles.","url":"https://github.com/jlfwong/speedscope","content":"flamegraphビューアー。\nブラウザの開発者ツールのプロファイル、Ruby/Python/Goなどのプロファイルの読み込みに対応している","tags":["JavaScript","Tools","performance"],"relatedLinks":[]},{"date":"2020-11-02T14:39:01.710Z","title":"Release v4.4.0 · slevithan/xregexp","url":"https://github.com/slevithan/xregexp/releases/tag/v4.4.0","content":"xRegExp v4.4.0 リリース。\nUnicode 13.0.0にアップデート、TypeScriptに対応、IE11 + core-js 3.6.0+での無限ループの修正","tags":["JavaScript","RegExp","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-11-02T15:46:23.825Z","title":"JavaScript's Memory Management Explained","url":"https://felixgerschau.com/javascript-memory-management/","content":"JavaScriptでのメモリ管理について","tags":["JavaScript","performance","article"],"relatedLinks":[]},{"date":"2020-11-03T03:00:10.272Z","title":"MDN Web Docs evolves! Lowdown on the upcoming new platform - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2020/10/mdn-web-docs-evolves-lowdown-on-the-upcoming-new-platform/","content":"MDNの今後について。\nアーキテクチャやワークフローをWikiベースからGitHubベースに変更。\n初期リリースでは既存のローカライズ済みの記事はアーカイブとなりPRでの変更はできない、今後は主要なページと言語においての機械翻訳やコミュニティでの手動翻訳の対応を検討しているという話。","tags":["mdn","article","translate"],"relatedLinks":[]},{"date":"2020-11-03T06:01:25.499Z","title":"krzkaczor/ts-essentials: All basic TypeScript types in one place 🤙","url":"https://github.com/krzkaczor/ts-essentials","content":"TypeScriptの型ユーティリティライブラリ。\n","tags":["TypeScript","library"],"relatedLinks":[]},{"date":"2020-11-04T13:30:43.076Z","title":"Tracing TypeScript Compiler. はじめに | by Yosuke Kurami | Oct, 2020 | Medium","url":"https://quramy.medium.com/tracing-typescript-compiler-4dcb96ab54e1","content":"TypeScriptのコンパイルパフォーマンスの調査方法について。\n4.1で追加される`--generateTrace`を使ったプロファイルデータの読み方について","tags":["TypeScript","performance","article"],"relatedLinks":[]},{"date":"2020-11-04T14:02:00.309Z","title":"Announcing TypeScript 4.1 RC | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-rc/","content":"TypeScript 4.1 RCリリース。\n Template Literal Types、Mapped TypesでKeyのRemappingをサポート、再帰的なConditional Typesのサポート。 インデックスアクセス時に`undefined`となる可能性を考慮する`noUncheckedIndexedAccess`オプションの追加。\n`baseUrl`なしで`paths`オプションが利用可能に、`checkJs`は暗黙的に`allowJs`を有効化するように、新しいJSXの変換に対応。\n破棄的な変更として`Promise`の`resolve`の引数がオプショナルではなくなるなど","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2020-11-07T08:15:54.043Z","title":"Release 3.7.0 - 2020.11.06 · zloirock/core-js","url":"https://github.com/zloirock/core-js/releases/tag/v3.7.0","content":"core-js 3.7.0リリース。\nECMAScript/Proposalの仕様に準拠した変更、Node.jsでの`queueMicroTask`の実行順序の問題を修正、一部環境でのバグを修正など","tags":["JavaScript","polyfill","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-11-07T08:19:07.833Z","title":"sql-js/sql.js: A javascript library to run SQLite on the web.","url":"https://github.com/sql-js/sql.js/","content":"SQLiteをWebAssemblyにコンパイルしてJavaScriptで動かすライブラリ。\n既存のsqliteファイルをimport/exportできる。","tags":["SQLite","WebAssembly","library","JavaScript"],"relatedLinks":[]},{"date":"2020-11-07T08:37:43.851Z","title":"mattpocock/sextant: A development tool to chart application flows, then implement them in code","url":"https://github.com/mattpocock/sextant","content":"シーケンス図のGUIエディタでデータフローとGraphQLのPayloadを入力し、対応するTypeScriptの型を生成するツール。","tags":["JavaScript","Tools","graphic","GraphQL"],"relatedLinks":[]},{"date":"2020-11-07T14:30:28.800Z","title":"Node v15.1.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v15.1.0/","content":"Node v15.1.0リリース。\n診断ツール向けの`diagnostics_channel`モジュールを実験的に追加、`spawn`イベントの追加。\n`dns`モジュールに`setLocalAddress`の追加`v8`モジュールに`takeCoverage`と`stopCoverage`の追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2020-11-07T16:03:12.610Z","title":"What's the deal with SvelteKit?","url":"https://svelte.dev/blog/whats-the-deal-with-sveltekit","content":"Svelte上に作られているNext.jsライクなSapperがSvelte自体に統合されSvelteKitとなる予定について。\nRollupとSnowpackを使ったモジュール単位のビルド方式となり、Adaptorによって各種プラットフォームに対応した形でアプリを生成できる用になる予定との話。","tags":["Svelte","article"],"relatedLinks":[]},{"date":"2020-11-09T13:21:29.487Z","title":"Building a type checked url router from scratch","url":"https://ja.nsommer.dk/articles/type-checked-url-router.html","content":"TypeScript 4.1で実装されるTemplate Typeを使って、文字列でのルーティングに対して型をつける方法を見ていく記事","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2020-11-09T15:44:15.031Z","title":"Release 3.0.0 · socketio/socket.io-client","url":"https://github.com/socketio/socket.io-client/releases/tag/3.0.0","content":"Socket.IO 3.0リリース。\n`maxHttpBufferSize`が100MBから1MBに変更、CORSの設定がオプション化、Cookieをデフォルトでは使わないように、APIの変更など。\nまたコードベースをTypeScriptで書き直し、`onAny`/`offAny`の追加、socket.io-msgpack-parserを同梱など","tags":["WebSocket","library","ReleaseNote"],"relatedLinks":[{"title":"Socket.IO 3 Release | Socket.IO","url":"https://socket.io/blog/socket-io-3-release/"},{"title":"Migrating from 2.x to 3.0 | Socket.IO","url":"https://socket.io/docs/migrating-from-2-x-to-3-0/"}]},{"date":"2020-11-09T15:49:23.658Z","title":"gajus/http-terminator: Gracefully terminates HTTP(S) server.","url":"https://github.com/gajus/http-terminator","content":"expressなどのNode.jsの`http.Server`の実装に対してgraceful shutdownを行うライブラリ","tags":["node.js","library","server"],"relatedLinks":[]},{"date":"2020-11-10T01:26:57.602Z","title":"Top problems I got switching to Vue 3 – Ghiura Alexandru","url":"https://ghalex.com/2020/11/03/top-problems-i-got-switching-from-vue-2-to-3/","content":"Vue 2からVue 3への移行でのハマりどころについての記事。\n`v-model`のデフォルトプロパティ名の変更、フィルターの廃止、Vue.useを使っている外部コンポーネントがある問題について","tags":["Vue","article"],"relatedLinks":[]},{"date":"2020-11-10T01:40:34.253Z","title":"Distributed Systems with Node.js - Thomas Hunter II","url":"https://thomashunter.name/distributed-systems-with-nodejs","content":"2020年11月4日発売\nNode.jsアプリケーションでの分散システムについて。\nNode.jsで書いたアプリケーションのでのobservable, scalable, resilientについて書かれている","tags":["node.js","book","performance","server"],"relatedLinks":[]},{"date":"2020-11-10T02:12:00.383Z","title":"Lets start TypeScript ~Vue3 + Express で TypeScript 入門してみよう~","url":"https://zenn.dev/is_ryo/books/10ef5a30196e16110bc1","content":"Express + PostgresSQL + Vue + TypeScriptでTodoアプリを作るチュートリアル","tags":["Vue","TypeScript","PostgreSQL","node.js","express","tutorial"],"relatedLinks":[]},{"date":"2020-11-10T02:58:00.890Z","title":"Code-splitting and minimal edge latency: the perfect match | Fastly","url":"https://www.fastly.com/blog/code-splitting-and-minimal-edge-latency-the-perfect-match","content":"create-react-appで作られたエディタアプリのパフォーマンス改善について。\nコードエディタにmonaco-editorを使いメインのJSが大きくなっているため、chunkに分離する話。\nまたchunkのようなscriptに対しては`prefetch`や`preload`は逆効果になる場合もある問題やread-onlyの場合でもmonaco-editorを読み込んでいる問題について。\nread-onlyの場合はPrismJSを使ってシンタックスハイライトだけのコンポーネントにすることでサイズを小さくする話","tags":["React","performance","article"],"relatedLinks":[]},{"date":"2020-11-10T16:57:46.311Z","title":"ESM","url":"https://esm.sh/","content":"esbuildで依存を含めてbundleしたパッケージを配布するnpm CDNサービス。\nnpmパッケージをdenoからES Modulesとして読み込めるようにpolyfillの仕組みも用意されている","tags":["ECMAScript","JavaScript","deno","cdn","library"],"relatedLinks":[]},{"date":"2020-11-11T14:47:23.081Z","title":"Node v15.2.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v15.2.0/","content":"Node v15.2.0リリース。\n`events`にイベント名を指定してリスナーを取得する`getEventListeners`の追加、`fs`の`writeFile`/`readFile`がAbortSignal対応など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2020-11-11T23:34:29.285Z","title":"trivago/prettier-plugin-sort-imports: A prettier plugin to sort imports in typescript and javascript files by the provided RegEx order.","url":"https://github.com/trivago/prettier-plugin-sort-imports","content":"import文の順番をソートするprettier plugin","tags":["JavaScript","plugin"],"relatedLinks":[]},{"date":"2020-11-12T12:37:24.961Z","title":"Bootstrap 5 Alpha 3 | Bootstrap Blog","url":"https://blog.getbootstrap.com/2020/11/11/bootstrap-5-alpha-3/","content":"Bootstrap 5 Alpha 3リリース。\n`.card`ベースのアコーディオンの代わりとなる`.accordion`の追加、`.btn-block`の削除、Utilitiesクラスの追加など","tags":["CSS","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-11-12T13:38:48.842Z","title":"Version 11 of Angular Now Available | by Mark Techson | Nov, 2020 | Angular Blog","url":"https://blog.angular.io/version-11-of-angular-now-available-74721b7952f7","content":"Angular 11リリース。\nフォントの自動インライン化の対応、Component Test Harnessesがすべてのコンポーネントに対応、Language Serviceの対応改善、HMRをCLIの引数で有効化できるように。\nその他には、webpack5の実験的サポートなど","tags":["Angular","ReleaseNote"],"relatedLinks":[{"title":"angular/CHANGELOG.md at master · angular/angular","url":"https://github.com/angular/angular/blob/master/CHANGELOG.md#1100-2020-11-11"}]},{"date":"2020-11-14T00:30:51.369Z","title":"open-source-labs/Recoilize: Recoil developer tool","url":"https://github.com/open-source-labs/Recoilize","content":"recoilのデバッグツール","tags":["JavaScript","debug","Tools","React"],"relatedLinks":[]},{"date":"2020-11-14T05:50:06.043Z","title":"vinissimus/next-translate: i18n tool for Next.js 10 🌍 - Load page translations and use them in an easy way!","url":"https://github.com/vinissimus/next-translate","content":"Next.js向けのi18nツール","tags":["Next.js","i18n","library"],"relatedLinks":[]},{"date":"2020-11-14T06:00:57.188Z","title":"What's New In DevTools (Chrome 88)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2020/11/devtools","content":"Chrome 88の開発者ツールの変更点について。\nCSS angleのビジュアライズ、AVIFがサポートされていない状態をエミュレートできるように、storage quota sizeのエミュレートに対応。\nPerformanceパネルにWeb Vitalsレーンを追加、ApplicationパネルにCross-Origin Isolatedの状態を表示、network initiatorのコピーに対応。\n実験的な機能としてCSS Flexboxのデバッグ機能、ショートカットカスタマイズを追加など","tags":["Chrome","article"],"relatedLinks":[]},{"date":"2020-11-14T13:24:45.699Z","title":"angular-eslint/angular-eslint: Monorepo for all the tooling related to using ESLint with Angular","url":"https://github.com/angular-eslint/angular-eslint","content":"Angular向けのESLintプラグインセット。\nCodelyzer/TSLintからのマイグレーションを目的にしている","tags":["Angular","ESLint"],"relatedLinks":[]},{"date":"2020-11-15T01:12:42.500Z","title":"felixfbecker/dom-to-svg: Library to convert a given HTML DOM node into an accessible SVG \"screenshot\".","url":"https://github.com/felixfbecker/dom-to-svg","content":"`<foreignObject>`を使わずに、DOMからSVGを作成するライブラリ。\nDOM上のWAI-ARIAやリンクなども維持した状態のSVGを作成する","tags":["DOM","SVG","JavaScript","library"],"relatedLinks":[]},{"date":"2020-11-15T01:35:53.071Z","title":"Release v0.22.0 · ryansolid/solid","url":"https://github.com/ryansolid/solid/releases/tag/v0.22.0","content":"UI作成ライブラリのsolid v0.22.0リリース。\n`splid-js/dom`を非推奨化し、`solid-js/web`を代わりに利用。\n`dev`オプションのサポート、CDNのJSだけで動かせるように`solid-js/html`などを同梱、`renderToWebStream`や`createMutable`の追加など","tags":["DOM","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-11-15T07:44:45.338Z","title":"Optimize React Apps PageSpeed Insights Score - thetuteur","url":"https://thetuteur.com/optimize-react-apps-pagespeed-insights-score/","content":"Reactアプリのパフォーマンス改善。\n未使用のJavaScriptを削除、コンポーネントのLazy Load、TTFBを短縮するためにレスポンスのキャッシュ。\n`react-lazy-load-image-component`を使って画像の遅延ロード、`react-lazy-hydration`を使い初期ロードでのCPU処理を減らす方法。\nまた、CSSの非同期ロード、`critical`を使ってUAごとに対してクリティカルパスCSSの生成などについて","tags":["React","performance","article"],"relatedLinks":[]},{"date":"2020-11-15T14:20:14.420Z","title":"TypeScript: Prefer Interfaces — @ncjamieson","url":"https://ncjamieson.com/prefer-interfaces/","content":"TypeScriptの`type`と`interface`の違いについて。\n`interface`は名前で参照されるのに対して、`type`で定義した型はインライン化されることがある。そのため`type`を使った場合に`d.ts`が肥大化する問題について","tags":["TypeScript","article"],"relatedLinks":[{"title":"10 Insights from Adopting TypeScript at Scale | Tech At Bloomberg","url":"https://www.techatbloomberg.com/blog/10-insights-adopting-typescript-at-scale/"}]},{"date":"2020-11-15T14:23:37.093Z","title":"Performance · microsoft/TypeScript Wiki","url":"https://github.com/microsoft/TypeScript/wiki/Performance","content":"TypeScriptのコンパイルパフォーマンスについてまとめられているページ。\n`type`と`interface`、Base TypeとUnion Type、Project Reference、tsconfig.jsonの設定による最適化について","tags":["TypeScript","performance","article"],"relatedLinks":[]},{"date":"2020-11-15T14:28:20.402Z","title":"davnicwil/react-frontload: Async data loading for React components, on client & server","url":"https://github.com/davnicwil/react-frontload","content":"React向けのData Loaderライブラリ。\nコンポーネントでAPIを叩いてデータの取得、取得中の表示を扱える。クライアントとサーバでそれぞれ対応するAPIを用意してhydrationも扱える","tags":["React","library","server"],"relatedLinks":[]},{"date":"2020-11-15T14:30:55.887Z","title":"acot-a11y/acot: More accessible web, all over the world.","url":"https://github.com/acot-a11y/acot","content":"ESLintライクなプラグインシステムをもったAccessibilityテストフレームワーク。","tags":["ESLint","accessibility","Tools"],"relatedLinks":[]},{"date":"2020-11-15T14:38:41.336Z","title":"Next.js Conf 2020 - YouTube","url":"https://www.youtube.com/playlist?list=PLBnKlKpPeagnT2Cmv4giCbosfrbKnuYTD","content":"Next.js Conf 2020の動画一覧","tags":["Next.js","video","Conference"],"relatedLinks":[]},{"date":"2020-11-16T00:20:27.677Z","title":"Lunuy/iterable-weak: Iterable WeakSet / WeakMap using ES2021 WeakRef","url":"https://github.com/Lunuy/iterable-weak","content":"WeakRefを使ったIterableなWeakMap/WeakSetの実装ライブラリ。\nIterateできるように要素を参照するが、WeakRefのFinalizationRegistryを使って参照を解放するようになっている","tags":["JavaScript","library","ECMAScript"],"relatedLinks":[]},{"date":"2020-11-16T00:20:44.148Z","title":"Angular: ESLintサポートの現状 2020 Autumn | <output type=text>","url":"https://blog.lacolaco.net/2020/11/angular-state-of-linting-2020/","content":"AgularにおけるTSLint/ESLintでのLintの今後について。\nTSLintはAngular 12で非推奨となる予定で、ESLintへの対応はコミュニティベースで進んでいるという話\n","tags":["Angular","ESLint","article"],"relatedLinks":[{"title":"angular-eslint/angular-eslint: Monorepo for all the tooling related to using ESLint with Angular","url":"https://github.com/angular-eslint/angular-eslint"}]},{"date":"2020-11-16T00:21:38.783Z","title":"Official Google Webmaster Central Blog: Timing for bringing page experience to Google Search","url":"https://webmasters.googleblog.com/2020/11/timing-for-page-experience.html","content":"2021年5月からCore Web Vitals(LCP、FID、CLS)のスコアがGoogle検索結果のシグナルに使われる。\nウェブパフォーマンスが検索結果のランキングへ影響を与えるようになる","tags":["google","SEO","performance","article","search"],"relatedLinks":[]},{"date":"2020-11-16T00:23:36.791Z","title":"alephjs/aleph.js: The React Framework in Deno.","url":"https://github.com/alephjs/aleph.js","content":"Deno向けのReactを使ったNext.jsライクなフレームワーク","tags":["deno","React","library"],"relatedLinks":[]},{"date":"2020-11-16T00:23:56.516Z","title":"JavaScriptモダンプログラミング完全ガイド [堅牢なコードを効率的に開発できる! ] (impress top gearシリーズ) | Cay S. Horstmann, 吉川 邦夫 |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/dp/4295010561/","content":"2020年12月21日発売\nModern JavaScript for the Impatientの翻訳本","tags":["JavaScript","book"],"relatedLinks":[{"title":"Amazon | Modern JavaScript for the Impatient (English Edition) [Kindle edition] by Horstmann, Cay S. | Languages & Tools | Kindleストア","url":"https://www.amazon.co.jp/dp/B08F5HFWBH/"}]},{"date":"2020-11-16T00:27:20.738Z","title":"microsoft/Web-Dev-For-Beginners: 24 Lessons, 12 Weeks, Get Started as a Web Developer","url":"https://github.com/microsoft/Web-Dev-For-Beginners","content":"ウェブ開発のチュートリアル集、レッスン。HTML/CSS/JSについてやアプリ開発についての学習コンテンツ","tags":["HTML","CSS","JavaScript","tutorial"],"relatedLinks":[]},{"date":"2020-11-17T12:46:58.823Z","title":"BlackFan/client-side-prototype-pollution: Prototype Pollution and useful Script Gadgets","url":"https://github.com/BlackFan/client-side-prototype-pollution","content":"Prototype Pollution攻撃の事例を集めたリポジトリ。\nさまざまなライブラリに対してのPrototype Pollutionのコード例をまとめている","tags":["JavaScript","security","XSS"],"relatedLinks":[]},{"date":"2020-11-18T19:49:28.280Z","title":"Tailwind CSS v2.0 – Tailwind CSS","url":"https://blog.tailwindcss.com/tailwindcss-v2","content":"Tailwind CSS 2.0リリース。\n破壊的な変更としてIE11のサポートを終了、Node 10以下のサポートを終了、一部クラス名の変更など。\n機能追加としてカラーパレットの追加、ダークモードのサポート、`2xl` breakpointの追加。\nフォーム向けのプラグインとして`@tailwindcss/forms`の追加、`@apply`の対応改善、`overflow-ellipsis`と` overflow-clip`の追加など","tags":["CSS","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-11-18T20:07:06.277Z","title":"Firefox 83 is upon us - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2020/11/firefox-83-is-upon-us/","content":"Firefox 83リリース。\n開発者ツールで`scroll`のデバッグ改善、\nCSS `conic-gradient`関数のサポート、WebRenderのサポート対象の追加など","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 83 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/docs/Mozilla/Firefox/Releases/83"}]},{"date":"2020-11-18T20:57:38.036Z","title":"Electron 11.0.0 | Electron Blog","url":"https://www.electronjs.org/blog/electron-11-0","content":"Electron 11.0.0リリース。\nChromium 87/V8 8.7/Node.js 12.18.3へアップデート。\nApple M1のサポート、`app.createThumbnailFromPath()`、`webContents.forcefullyCrashRenderer()`の追加など","tags":["Electron","ReleaseNote"],"relatedLinks":[{"title":"Release electron v11.0.0 · electron/electron","url":"https://github.com/electron/electron/releases/tag/v11.0.0"}]},{"date":"2020-11-18T23:16:18.522Z","title":"mkay581/cookie-store: A polyfill for the Cookie Store API","url":"https://github.com/mkay581/cookie-store","content":"Cookie Store API のPolyfillライブラリ","tags":["JavaScript","library","polyfill"],"relatedLinks":[]},{"date":"2020-11-18T23:40:28.586Z","title":"New in Chrome 87  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2020/11/nic87","content":"Chrome 87リリース。\nDevToolsにWebAuthnタブを追加、カメラのpan/tilt/zoomのサポート、Service WorkerでRangeリクエストのサポート。\nCookie Store API、`Intl.Segmenter`、`isInputPending`、`postMessage`にStreamsを渡せるようになるなど。\nまた、FTPをデフォルトで無効化。","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Chrome Platform Status","url":"https://www.chromestatus.com/features#milestone%3D87"}]},{"date":"2020-11-18T23:51:16.418Z","title":"101arrowz/fflate: High performance (de)compression in an 8kB package","url":"https://github.com/101arrowz/fflate","content":"deflate,gzip,zlibのcompress/decompressをサポートしているライブラリ。\nファイルサイズの小ささとパフォーマンスを主な目的としていて、Workerでの非同期処理にも対応している","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2020-11-20T00:44:10.868Z","title":"Announcing TypeScript 4.1 | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-1/","content":"TypeScript 4.1リリース。\nTemplate Literal Types、Mapped TypesでKeyのRemappingをサポート、再帰的なConditional Typesのサポート。 インデックスアクセス時に`undefined`となる可能性を考慮する`noUncheckedIndexedAccess`オプションの追加。\n`baseUrl`なしで`paths`オプションを指定できりように、新しいJSXの変換に対応。\n破壊的な変更として、`new Promise`における`resolve`関数の引数がOptionalではなくなるなど\n","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2020-11-20T05:28:42.550Z","title":"Back/forward cache","url":"https://web.dev/bfcache/","content":"Chrome 87(Android)からcross-siteにおけるナビゲーションでBFCacheが有効化される。\nBFCacheの動作、BFCacheで表示されたかの判定方法、BFCacheされない条件とBFCacheからの処理の再開方法について。\nまた、Google Analyticsのアクセス解析とBFCache、パフォーマンス計測に対する影響についてなど","tags":["Chrome","article"],"relatedLinks":[]},{"date":"2020-11-20T11:51:37.817Z","title":"Prettier 2.2: new JavaScript parsers, TS 4.1 and ESM standalone bundles · Prettier","url":"https://prettier.io/blog/2020/11/20/2.2.0.html","content":"Prettier 2.2.リリース。\nJavaScriptで`espree`と`meriyah`のパーサをサポート、TypeScript 4.1サポート、standalone版を同梱するようになるなど","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2020-11-20T13:09:53.940Z","title":"microsoft/playwright-test: Build a cross-browser end-to-end test suite with Playwright.","url":"https://github.com/microsoft/playwright-test","content":"Playwrightを使ったE2Eテストフレームワーク。\nJestライクなAssertion、PlaywrightとFolioを使ったテスト、Snapshotテストとしてビジュアルテスティングをサポートしている。","tags":["E2E","browser","test","library"],"relatedLinks":[{"title":"microsoft/folio: A customizable test framework to build your own test frameworks","url":"https://github.com/microsoft/folio"}]},{"date":"2020-11-20T13:12:27.489Z","title":"microsoft/folio: A customizable test framework to build your own test frameworks","url":"https://github.com/microsoft/folio","content":"テストフレームワークを作るためのテストフレームワーク。\nTest Fixture、Annotation APIでFlaky Testsの宣言やリトライ、テストの生成などを行える","tags":["JavaScript","library","testing"],"relatedLinks":[]},{"date":"2020-11-20T13:15:16.708Z","title":"kuu/hls-parser: A simple library to read/write HLS playlists","url":"https://github.com/kuu/hls-parser","content":"HLS playlistのパーサ、ジェネレーターライブラリ。\nApple Low-Latency HLS形式もサポートしている","tags":["HLS","JavaScript","library"],"relatedLinks":[]},{"date":"2020-11-20T13:17:53.552Z","title":"ceifa/wasmoon: A real lua VM with JS bindings made with webassembly","url":"https://github.com/ceifa/wasmoon","content":"Lua VMをWebAssemblyに変換して、JavaScriptからLuaのコードを実行するライブラリ。","tags":["JavaScript","library","Lua"],"relatedLinks":[]},{"date":"2020-11-20T13:44:15.136Z","title":"Release Notes for Safari Technology Preview 116 | WebKit","url":"https://webkit.org/blog/11348/release-notes-for-safari-technology-preview-116/","content":"Safari Technology Preview 116リリース。\nAudioWorklet APIをデフォルトで有効化、MediaRecorderの改善、Storage Access APIをper frameからper pageに変更など","tags":["webkit","safari","ReleaseNote"],"relatedLinks":[]},{"date":"2020-11-21T04:01:56.258Z","title":"PrimeFaces – Ultimate UI Framework","url":"https://www.primefaces.org/","content":"Angular, React, Vue, JSFに対応したUIフレームワーク","tags":["Angular","React","Vue","library","UI","Java"],"relatedLinks":[]},{"date":"2020-11-21T15:21:50.499Z","title":"Web 技術の調査方法 | blog.jxck.io","url":"https://blog.jxck.io/entries/2020-11-19/how-to-track-web-standards.html","content":"ウェブ技術に関連する仕様、ステータス、議論内容の調べ方について。\nBrowser、IETF、W3C/WHAWG、TC39について","tags":["article","browser","spec","proposal"],"relatedLinks":[]},{"date":"2020-11-22T02:56:20.600Z","title":"ECMAScript proposal updates @ 2020-11 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2020/11/22/ecmascript-proposal-updat","content":"2020-11におけるTC39 MeetingでのECMAScript Proposalのステータ変更のまとめ","tags":["ECMAScript","proposal","news"],"relatedLinks":[]},{"date":"2020-11-22T14:44:02.979Z","title":"Release v5.0.0 · typicode/husky","url":"https://github.com/typicode/husky/releases/tag/v5.0.0","content":"git hook管理ツールのhusky 5.0.0リリース。`npm install husky@next`でインストールできる。\nライセンスをMITからLicense Zero Parity + MITに変更。\nGit 2.9+の`core.hooksPath`を使ったGit Hookの仕組みに変更、インストール時に自動でHook有効化はせずに明示的に`husky install`で有効化するように変更など","tags":["JavaScript","git ","Tools","ReleaseNote"],"relatedLinks":[{"title":"Patron License 1.0.0","url":"https://patronlicense.com/versions/1.0.0"}]},{"date":"2020-11-24T00:45:07.837Z","title":"Typescript-TDD/ts-auto-mock: Typescript transformer to unlock automatic mock creation for interfaces and classes","url":"https://github.com/Typescript-TDD/ts-auto-mock","content":"TypeScriptの型定義から自動的にモックをつくるTypeScript Plugin。\nttypescriptとts-patchを経由したTypeSriptのtransformとして動作する","tags":["TypeScript","plugin","test"],"relatedLinks":[]},{"date":"2020-11-24T04:55:55.703Z","title":"Storybook 6.1","url":"https://storybook.js.org/blog/storybook-6-1/","content":"Storybook 6.1リリース。\nビルドパフォーマンスの改善、Asynchronous loadersの追加、React 17の対応、Angular 11の対応など","tags":["JavaScript","UI","Tools","ReleaseNote","React","Angular"],"relatedLinks":[]},{"date":"2020-11-25T13:20:48.630Z","title":"Node v12.20.0 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v12.20.0/","content":"Node.js 12.20.0リリース。\nNode.js 14からのbackportが中心。\n`fs.FSWatcher`に`ref()`と`unref()`を追加、`http.Agent`に`scheduling`オプションの追加、package.jsonでexports patternsのサポートなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2020-11-26T11:51:39.213Z","title":"Release 3.8.0 - 2020.11.26 · zloirock/core-js","url":"https://github.com/zloirock/core-js/releases/tag/v3.8.0","content":"core-js 3.8.0リリース。\n`Array#at`、`Number.range`、`Array.filterOut`、`Array#uniqueBy`の追加など","tags":["JavaScript","polyfill","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-11-26T12:32:18.735Z","title":"optoolco/tonic: A Low Profile Component Framework. Stable, Minimal, Auditable, and Build-Tool-Free.","url":"https://github.com/optoolco/tonic","content":"Web Componentsフレームワーク。\nコンポーネントの作成、`html`メソッドでのJSXライクなテンプレート、Proposでの値渡し、State、ライフサイクルイベントをもつ。\nビルドせずに使える。","tags":["WebComponents","library"],"relatedLinks":[]},{"date":"2020-11-27T13:36:00.449Z","title":"Package Phobia","url":"https://packagephobia.com/","content":"npmパッケージの依存を含めたインスールサイズ、パッケージのみのサイズを取得できるウェブサービス","tags":["JavaScript","node.js","npm","webservice"],"relatedLinks":[]},{"date":"2020-11-27T13:39:34.714Z","title":"lukeed/uvu: uvu is an extremely fast and lightweight test runner for Node.js and the browser","url":"https://github.com/lukeed/uvu","content":"実行速度を目的にしたテストフレームワーク。\nテストファイル自体が実行でき、Native ES Modulesのサポート、ブラウザでも動作する。\n`test`と`suite`メソッド、`uvu/assert`モジュールを持っている","tags":["node.js","JavaScript","browser","testing","library"],"relatedLinks":[]},{"date":"2020-11-29T15:33:24.504Z","title":"Operator Lookup - Search JavaScript operators","url":"https://www.joshwcomeau.com/operator-lookup/","content":"JavaScriptの演算子の意味を検索できるサイト","tags":["JavaScript","search","ECMAScript","Tools"],"relatedLinks":[]},{"date":"2020-11-29T15:54:02.458Z","title":"FormidableLabs/urql: The highly customizable and versatile GraphQL client with which you add on features like normalized caching as you grow.","url":"https://github.com/FormidableLabs/urql","content":"GraphQLクライアントライブラリ。\nGraphQLへのリクエスト、キャッシュ、Reactなどのライブラリに対応している。\nExchangesという拡張の仕組みやデバッグ用の開発者ツールを持っている","tags":["GraphQL","JavaScript","library"],"relatedLinks":[]},{"date":"2020-11-29T15:58:30.114Z","title":"funbox/harold: Compares frontend project bundles","url":"https://github.com/funbox/harold","content":"プロジェクトのフロントエンド周りのファイルサイズなどのスナップショットを取り、スナップショット同士を比較できるツール。\nプロジェクトのファイルサイズやビルド時間の変化などを計測できる","tags":["JavaScript","Tools"],"relatedLinks":[]},{"date":"2020-11-29T16:00:42.136Z","title":"panva/jose: Universal \"JSON Web Almost Everything\" - JWA, JWS, JWE, JWT, JWK with no dependencies","url":"https://github.com/panva/jose","content":"UniversalなJWA, JWS, JWE, JWT, JWKの実装ライブラリ。\nブラウザではWeb Cryptography APIを利用している。","tags":["JWT","JavaScript","library"],"relatedLinks":[]},{"date":"2020-11-29T16:03:21.913Z","title":"How To Secure Node.js Applications with a Content Security Policy | DigitalOcean","url":"https://www.digitalocean.com/community/tutorials/how-to-secure-node-js-applications-with-a-content-security-policy","content":"Node.jsアプリでのCSP実装についてのチュートリアル記事。\nCSPの設定方法、フォントや画像などの埋め込み許可の例、Nonceの設定、CSP Reporting APIとレポートの受け取り方法についてなど","tags":["node.js","CSP","article"],"relatedLinks":[]},{"date":"2020-11-29T16:17:39.627Z","title":"TypeScriptToLua","url":"https://typescripttolua.github.io/","content":"TypeScriptで書いてLuaのコードを出力するツール。\n既存Luaコードに対しては型定義ファイルで対応し、TypeScriptを使った型安全とIDEサポートを得た状態でLuaのコードを生成できる。","tags":["TypeScript","Lua","Tools"],"relatedLinks":[]},{"date":"2020-12-01T02:13:06.784Z","title":"Release Workbox v6.0.0 · GoogleChrome/workbox","url":"https://github.com/GoogleChrome/workbox/releases/tag/v6.0.0","content":"Workbox 6.0.0リリース。\nwebpack 5の対応、Strategy/Pluginの仕組みの変更、`workbox-recipes`パッケージの追加など。\nWorkboxの`skipWaiting`はDeprecatedとなり、Service Workerの`self.skipWaiting()`を使うのを推奨するようになるなど","tags":["ServiceWorker","ReleaseNote","JavaScript","library"],"relatedLinks":[]},{"date":"2020-12-01T02:25:19.777Z","title":"talentlessguy/tinyhttp: ⚡ 0-legacy, tiny & fast web framework as a replacement of Express","url":"https://github.com/talentlessguy/tinyhttp","content":"express-likeなAPIを持つNode.jsウェブフレームワーク。\nexpress middlewareとの互換性を持ち、async functionをサポートしている","tags":["express","JavaScript","library"],"relatedLinks":[]},{"date":"2020-12-02T13:43:09.136Z","title":"Release v6.5.0 · GoogleChrome/lighthouse","url":"https://github.com/GoogleChrome/lighthouse/releases/tag/v6.5.0","content":"Lighthouse v6.5.0リリース。\nLCPとなる要素がPreloadされているかを判定する`preload-lcp-image`のAuditを追加など","tags":["Chrome","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2020-12-02T14:04:54.065Z","title":"yeonjuan/html-eslint: ESLint plugin for linting HTML","url":"https://github.com/yeonjuan/html-eslint","content":"ESLint上でHTMLのLintをするプラグインとルール","tags":["ESLint","HTML","Tools"],"relatedLinks":[]},{"date":"2020-12-02T23:55:56.339Z","title":"The State of CSS 2020","url":"https://2020.stateofcss.com/en-US/","content":"The State of CSS 2020のアンケート結果が公開された。\nCSSの機能ごとの認知、Preprocessorの選択、CSSフレームワークの利用状況、方法論、CSS-in-JS、ツール、リソースなどの項目についてアンケート結果が公開されている","tags":["CSS","アンケート"],"relatedLinks":[]},{"date":"2020-12-03T13:13:17.536Z","title":"A Deep Dive Into CSS Grid minmax()","url":"https://ishadeed.com/article/css-grid-minmax/","content":"CSS Gridの`minmax()`、`autofit`、`autofill`について。\n","tags":["CSS","article"],"relatedLinks":[]},{"date":"2020-12-04T05:59:53.954Z","title":"preactjs/wmr: 👩‍🚀 The tiny all-in-one development tool for modern web apps.","url":"https://github.com/preactjs/wmr","content":"RollupベースのJSやCSSのビルド、開発サーバ、Prerenderなどの機能を持ったウェブフロント開発ツールキット","tags":["React","Tools","JavaScript"],"relatedLinks":[]},{"date":"2020-12-04T13:03:09.770Z","title":"Snowpack v3.0 Release Candidate","url":"https://www.snowpack.dev/posts/2020-12-03-snowpack-3-release-candidate","content":"snowpack 3.0 RCリリース。\nnpmパッケージの`import`をSkypackのCDN経由でダウンロードするStreaming NPM Importsのサポート、esbuildを使った最適化のサポート。\nDevサーバのルーティングサポート、snowpackのJavaScript　APIの変更など","tags":["JavaScript","bundler","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2020-12-05T06:00:11.216Z","title":"The npm Blog — Release v7.1.0","url":"https://blog.npmjs.org/post/636604708661886976/release-v710","content":"npm 7.1.0リリース。\n`package.json`の`scripts`を書き換える`npm set-script`コマンドの追加、引数なしの`npm exec`にインタラクティブモードの追加など","tags":["npm","ReleaseNote"],"relatedLinks":[]},{"date":"2020-12-07T12:21:12.831Z","title":"Learning from Mini Apps—W3C TPAC Breakout Session","url":"https://blog.tomayac.com/2020/11/05/learning-from-mini-apps-w3c-tpac-breakout-session/","content":"中国のMini Appsについてのスライド。\nMini Appsの仕組みや実装方法、Dev Toolsでのデバッグ方法、パーミッションやセキュリティモデルについてなど","tags":["slide","JavaScript"],"relatedLinks":[]},{"date":"2020-12-07T12:23:50.320Z","title":"フロントエンド（React Testing Library）で TDD（テスト駆動開発）をする","url":"https://zenn.dev/higa/articles/34439dc279c55dd2ab95","content":"JavaScriptでTDDをしながら実装を書いていくチュートリアル記事。\n","tags":["JavaScript","tutorial","test","article"],"relatedLinks":[]},{"date":"2020-12-07T12:35:01.416Z","title":"Chromium Blog: Chrome 88: Digital Goods, Lighting Estimation in Augmented Reality, and More","url":"https://blog.chromium.org/2020/12/chrome-88-digital-goods-lighting.html","content":"Chrome 88 betaリリース。\n`target=_blank`のリンクを暗黙的に`rel=noopener`として扱うように、`addEventListener`に`signal`オプションの追加、CSS `aspect-ratio`のサポート。\n`Permissions-Policy` Headerのサポート、FTPサポートの削除、Web Components v0の削除など","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2020-12-07T13:02:18.566Z","title":"naugtur/debugging-aid: Experimental tools for debugging Node.js apps without pausing","url":"https://github.com/naugtur/debugging-aid","content":"Node.jsの`perf_hooks`などを使ったrequireするだけでinstrumentsを仕込めるモジュール集","tags":["node.js","debug","library"],"relatedLinks":[]},{"date":"2020-12-07T13:10:28.449Z","title":"Release v1.1.0 · aframevr/aframe","url":"https://github.com/aframevr/aframe/releases/tag/v1.1.0","content":"WebXRフレームワークのAFrame v1.1.0リリース。\nWebXR compositor layers、WebXR DOM Overlays、WebXR immersive navigation、WebXR hand trackingのサポート。\nOculus Quest 2のコントローラーのサポートなど","tags":["WebXR","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-12-08T01:08:23.157Z","title":"Web Performance Calendar » Human performance metrics","url":"https://calendar.perfplanet.com/2020/human-performance-metrics/","content":"RUMでのパフォーマンスモニタリングとパフォーマンスに関するユーザーアンケートの結果に相関があったというWikipediaでの話。\nページの読み込み時間の中央値が120ミリ秒増加すると、ユーザー満足度が2％低下するなどわずかな変化でも満足度に影響が出たという話。","tags":["performance","article"],"relatedLinks":[]},{"date":"2020-12-08T01:53:08.550Z","title":"Beaker Browser 1.0","url":"https://beakerbrowser.com/2020/12/02/beaker-1-0.html","content":"Hypercore Protocol(aka. dat)を扱うブラウザであるBeaker Browser 1.0リリース。\nHypercore Protocolを使ったP2Pでサイトを作成でき、サイトのフォーク、共有できる","tags":["browser","p2p","Hypercore","software"],"relatedLinks":[]},{"date":"2020-12-09T11:08:24.111Z","title":"Roadmap 2021 (2020-12-08) | webpack","url":"https://webpack.js.org/blog/2020-12-08-roadmap-2021/","content":"webpackの今後のロードマップについて。\nエッジケースへの対応、ESMの対応改善、モジュールとしてのCSSやHTML、エントリポイントとしてのHTML。\nSource Mapのパフォーマンス改善、Nodeの`exports`などの対応、CommonJSのTree Shakingの改善、マルチスレッドの対応など。\nいろいろな項目を検討しているという話","tags":["webpack","article"],"relatedLinks":[]},{"date":"2020-12-09T22:32:40.856Z","title":"Node v15.4.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v15.4.0/","content":"Node.js 15.4.0リリース。\n`child_process.execFile`/EventTarget/StreamがAbortSignalをサポート、`response.setHeader`がメソッドチェーンできるように。\nExperimentalとして`worker_threads`モジュールにBroadcastChannelを実装など。\n","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2020-12-09T23:05:05.574Z","title":"Chrome Developers","url":"https://developer.chrome.com/","content":"Google Chromeの新機能、DevToolsのドキュメント、拡張のドキュメントなどを扱うChromeのポータルサイト","tags":["Chrome","document"],"relatedLinks":[{"title":"Welcome to the new developer.chrome.com! - Chrome Developers","url":"https://developer.chrome.com/blog/welcome/"}]},{"date":"2020-12-09T23:20:53.419Z","title":"Automating audits with AutoWebPerf","url":"https://web.dev/autowebperf/","content":"WebPageTestやPageSpeed Insightsなどを使い、特定のサイトのパフォーマンスを計測したデータをGoogle Sheetsに出力し、パフォーマンスダッシュボードを作成するツール。","tags":["Chrome","performance","browser","Tools"],"relatedLinks":[{"title":"Added URL connector that runs a single test with a specific URL.","url":"https://github.com/GoogleChromeLabs/AutoWebPerf/commit/a39097aea673515b0316dcd6a931deb892e017f5"}]},{"date":"2020-12-10T06:04:10.932Z","title":"Deno 1.6 Release Notes","url":"https://deno.land/posts/v1.6","content":"Deno 1.6リリース。\n`deno compile`でバイナリを出力できるように、`deno lsp`でDenoビルトインのLSPが利用できるように、TypeScript 4.1へアップデート。\nまた、Deno 1.5で初期値が`true`となった`isolatedModules`の設定を変更できないようになるなど","tags":["deno","ReleaseNote"],"relatedLinks":[]},{"date":"2020-12-11T12:49:24.322Z","title":"gildas-lormeau/SingleFile: Web Extension for Firefox/Chrome/MS Edge and CLI tool to save a faithful copy of an entire web page in a single HTML file","url":"https://github.com/gildas-lormeau/SingleFile","content":"ウェブサイトをシングルファイルのHTMLとして保存できるブラウザ拡張とCLI","tags":["Firefox","Chrome","Extension","console","Tools"],"relatedLinks":[]},{"date":"2020-12-12T00:52:30.416Z","title":"polyfill を深堀りする - mizdra's blog","url":"https://www.mizdra.net/entry/2020/12/05/234806","content":"polyfill、transpile、shimの違いについて。","tags":["JavaScript","polyfill","library","article"],"viaURL":"https://blog.willnet.in/entry/2020/12/11/100000","relatedLinks":[]},{"date":"2020-12-16T08:02:25.912Z","title":"Announcing Nexus 1.0: A Major Release for Type-Safe, Code-First GraphQL APIs","url":"https://www.prisma.io/blog/announcing-the-release-of-nexus-schema-v1-b5eno5g08d0b","content":"コードファーストなGraphQL APIサーバであるNexus 1.0リリース。\nnullableの扱いを変更、ドキュメントサイトの刷新、JSDoでのドキュメントサポートなど","tags":["prisma","GraphQL","library","ReleaseNote"],"viaURL":"https://blog.willnet.in/entry/2020/12/11/100000","relatedLinks":[{"title":"graphql-nexus/nexus: Code-First, Type-Safe, GraphQL Schema Construction","url":"https://github.com/graphql-nexus/nexus"}]},{"date":"2020-12-16T08:12:00.902Z","title":"Release v3! (But technically 3.2.0 😂) · tannerlinsley/react-query","url":"https://github.com/tannerlinsley/react-query/releases/tag/v3.2.0","content":"React Query 3リリース。\n`QueryCache`と`QueryClient`の分離、`useInfiniteQuery`が両方向をサポート、`react-query-devtools`は`react-query`パッケージに同梱されるように","tags":["React","JavaScript","library","ReleaseNote"],"viaURL":"https://blog.willnet.in/entry/2020/12/11/100000","relatedLinks":[{"title":"Migrating to React Query 3 | React Query | TanStack","url":"https://react-query.tanstack.com/guides/migrating-to-react-query-3"}]},{"date":"2020-12-16T08:38:49.685Z","title":"And now for … Firefox 84 - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2020/12/and-now-for-firefox-84/","content":"Firefox 84リリース。\nAccessiblity Inspectorに\"Tabbing Order\"の表示を追加、`PerformancePaintTiming`のサポート。\nAppCacheの削除、`http://localhost`などのループバックアドレスから読まれたリソースをMixed Contentとして扱わないように変更など","tags":["Firefox","ReleaseNote"],"viaURL":"https://blog.willnet.in/entry/2020/12/11/100000","relatedLinks":[{"title":"Firefox 84 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/docs/Mozilla/Firefox/Releases/84"}]},{"date":"2020-12-16T14:38:34.003Z","title":"Release 4.0.0 · facebook/flux","url":"https://github.com/facebook/flux/releases/tag/4.0.0","content":"flux 4.0.0リリース。\nflux自体はメンテナンスモードとなっている。\nfbjsのアップデート、Babel 7との互換性に関する周ウエイ、React 17をPeerDependenciesに追加","tags":["Flux","JavaScript","library","ReleaseNote"],"viaURL":"https://blog.willnet.in/entry/2020/12/11/100000","relatedLinks":[]},{"date":"2020-12-16T14:49:37.326Z","title":"Welcome Yari: MDN Web Docs has a new platform - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2020/12/welcome-yari-mdn-web-docs-has-a-new-platform/","content":"MDNの新しいバージョン(Yari)が公開された。\nGitHubとMarkdownを使ったコンテンツ管理となり、Jamstackアプローチなサイト構成になる。\n翻訳に関しては初期の方針を変更し、日本語/中国語/フランス語のTier 1言語に関しては手動での翻訳を受け付けられるようにする。","tags":["mdn","news","document"],"viaURL":"https://blog.willnet.in/entry/2020/12/11/100000","relatedLinks":[{"title":"MDN Web Docs","url":"https://developer.mozilla.org"},{"title":"An update on MDN Web Docs’ localization strategy - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2020/12/an-update-on-mdn-web-docs-localization-strategy/"}]},{"date":"2020-12-16T15:01:53.751Z","title":"Chrome Developer Summit 2020 - YouTube","url":"https://www.youtube.com/playlist?list=PLNYkxOF6rcIDzLmWaDwfHVZJl1Q5RFgOR","content":"Chrome Developer Summit 2020の動画一覧。\nそれぞれの動画に字幕/翻訳がついている","tags":["Chrome","Conference","video"],"viaURL":"https://blog.willnet.in/entry/2020/12/11/100000","relatedLinks":[{"title":"Chrome Dev Summit 2020","url":"https://developer.chrome.com/devsummit/"}]},{"date":"2020-12-16T15:12:08.396Z","title":"AddyOsmani.com - The Import On Interaction Pattern","url":"https://addyosmani.com/blog/import-on-interaction/","content":"ユーザーがUIを必要となったタイミングで、リソースを遅延ロードするという話。\nクリックしたタイミングでウィジェットをロードして表示するなど。いろいろなサイトの事例ごとに遅延ロードで取得するリソースのサイズ、インタラクションに関するパフォーマンスの違いについてまとめられている。\nまた、ReactやVueでの実装、静的なものへの置き換えについてなど","tags":["JavaScript","performance","article"],"viaURL":"https://blog.willnet.in/entry/2020/12/11/100000","relatedLinks":[]},{"date":"2020-12-17T02:34:23.025Z","title":"Introduction to Event Loop Utilization in Node.js - NodeSource","url":"https://nodesource.com/blog/event-loop-utilization-nodejs","content":"`perf_hooks`の`eventLoopUtilization()`を使ったEvent Loop Utilization (ELU)の収集について。\nスケーリングのメトリクスにイベントループの使用率(ELU)を使う話、CPU使用率との比較、モジュールの使い方について","tags":["node.js","article","performance"],"viaURL":"https://blog.willnet.in/entry/2020/12/11/100000","relatedLinks":[]},{"date":"2020-12-17T02:38:28.939Z","title":"v1.10.0: New Compiler Options API, Resize and Screenshot Support for Child Windows | TestCafe","url":"https://devexpress.github.io/testcafe/blog/v1-10-0-new-compiler-options-api-resize-and-screenshot-support-for-child-windows.html","content":"TestCafe v1.10.0リリース。\nChild Windowのスクリーンショットやリサイズのサポート、TypeScript CompilerオプションのAPIを追加、Shadow DOMへアクセスするメソッドの追加など","tags":["browser","testing","E2E","ReleaseNote"],"viaURL":"https://blog.willnet.in/entry/2020/12/11/100000","relatedLinks":[]},{"date":"2020-12-17T02:49:01.364Z","title":"Publish, ship, and install modern JavaScript for faster applications","url":"https://web.dev/publish-modern-javascript/","content":"modern browserとlegacy browser向けにJavaScriptのbundleを分けて配布する際に、ビルドやwebpackでのbundleを最適化するプラグインについての紹介記事","tags":["JavaScript","article"],"viaURL":"https://blog.willnet.in/entry/2020/12/11/100000","relatedLinks":[]},{"date":"2020-12-17T02:58:58.259Z","title":"rafgraph/rollpkg: Convention over configuration way to create packages with Rollup and TypeScript","url":"https://github.com/rafgraph/rollpkg","content":"TypeScriptとRollupを使ったパッケージ開発のためツールキット。\nCJS、ESMなどの各種モジュールのビルド、tsconfigやprettierなどのプリセット、ビルド時に開発向けのコードを取り除く仕組みなどをもつ","tags":["JavaScript","bundler","TypeScript","Tools"],"viaURL":"https://blog.willnet.in/entry/2020/12/11/100000","relatedLinks":[]},{"date":"2020-12-18T05:28:47.451Z","title":"Release v7.0.0 · GoogleChrome/lighthouse","url":"https://github.com/GoogleChrome/lighthouse/releases/tag/v7.0.0","content":"Lighthouse 7.0.0リリース。\nNode.js 10のサポート終了。\nPWAカテゴリの変更、アクセシビリティのテストに使う`axe-core`のアップデート、nightlyを`lighthouse@next`としてインストールできるようになる。\nまた、スクリーンショットがフルページとなりレポートのファイルサイズが増加するなど","tags":["Chrome","performance","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2020-12-19T01:00:19.824Z","title":"cincheo/jsweet: A Java to JavaScript transpiler.","url":"https://github.com/cincheo/jsweet","content":"JavaのコードからTypeScript/JavaScriptのコードに変換するTranspiler","tags":["Java","JavaScript","Tools"],"relatedLinks":[]},{"date":"2020-12-19T01:03:37.703Z","title":"Moiva.io - Measure and compare JavaScript libraries","url":"https://moiva.io/","content":"npmパッケージの同士を比較できるツール。\nNPMダウンロード数、Bundlephobiaでのサイズ、ThoughWorks、Google　Trends、GitHubのStar/Pulseなどを並べて見れるツール","tags":["npm","webservice","Tools"],"relatedLinks":[]},{"date":"2020-12-19T01:23:02.063Z","title":"Release v4.0.0 · less/less.js","url":"https://github.com/less/less.js/releases/tag/v4.0.0","content":"Less 4.0.0リリース。\n破壊的な変更としてmixinの呼び出し方のチェックをより厳密に変更、`math`オプションの初期値を`parens-division`に変更など。\n`min()`/`max()`のサポート改善、`isdefined()`の追加など","tags":["CSS","ReleaseNote"],"relatedLinks":[]},{"date":"2020-12-21T14:46:30.422Z","title":"Announcing Stimulus 2.0 - Announcements - Stimulus Discourse","url":"https://discourse.stimulusjs.org/t/announcing-stimulus-2-0/1482","content":"Basecampで使われているStimulus 2.0リリース。\nControllerで`values`と`classes`プロパティを追加、EventListnerの`once`と`passive`のサポートなど。\n`data`属性に`identifier`を含めて使うように変更、`input`要素を`change`から`input`イベントで監視するように変更など","tags":["JavaScript","rails","library","ReleaseNote"],"relatedLinks":[{"title":"Release v2.0.0 · stimulusjs/stimulus","url":"https://github.com/stimulusjs/stimulus/releases/tag/v2.0.0"}]},{"date":"2020-12-21T15:07:00.732Z","title":"f/honst: Fixes your dataset according to your rules.","url":"https://github.com/f/honst","content":"オブジェクトの配列に対してルールを元にデータを編集するライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2020-12-21T15:32:33.844Z","title":"Release v6.0.0 · fb55/htmlparser2","url":"https://github.com/fb55/htmlparser2/releases/tag/v6.0.0","content":"htmlparser2 6.0.0リリース","tags":["HTML","library","ReleaseNote"],"relatedLinks":[]},{"date":"2020-12-21T15:34:55.499Z","title":"Cloudflare Pages","url":"https://pages.cloudflare.com/","content":"Cloudflareの静的サイトホスティングサービス。\nNetlifyやVercelのようにコミット/PRごとのレプビューURLの生成、Cloudflare Workersを使ったFaaSの仕組みを持っている","tags":["cloudflare","webservice"],"relatedLinks":[{"title":"Introducing Cloudflare Pages: the best way to build JAMstack websites","url":"https://blog.cloudflare.com/cloudflare-pages/"}]},{"date":"2020-12-21T15:39:09.598Z","title":"Agamnentzar/ag-psd: Javascript library for reading and writing PSD files","url":"https://github.com/Agamnentzar/ag-psd","content":"PSDファイルの読み書きをするライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2020-12-21T16:09:21.375Z","title":"Micro Frontends Architecture Patterns","url":"https://zenn.dev/okmttdhr/books/8c977618755cb68ad2c0","content":"Micro Frontendsを始めとしたアーキテクチャパターンについての電子書籍","tags":["MicroFrontend","architecture","book"],"relatedLinks":[]},{"date":"2020-12-21T16:17:55.833Z","title":"asos-craigmorten/opine: Fast, minimalist web framework for Deno ported from ExpressJS.","url":"https://github.com/asos-craigmorten/opine","content":"expressをDeno向けのポートしたウェブサーバライブラリ","tags":["deno","library","express"],"relatedLinks":[]},{"date":"2020-12-21T16:51:19.969Z","title":"Release v0.13.0 · developit/microbundle","url":"https://github.com/developit/microbundle/releases/tag/v0.13.0","content":"ライブラリを配布用にbundleするmicrobundle 0.13.0リリース。\n`--css`フラグを追加し、CSSをデフォルトでは外部ファイル(`external`)として出力し、`inline`でインライン化できるように。\n","tags":["JavaScript","library","ReleaseNote","Tools"],"relatedLinks":[]},{"date":"2020-12-22T05:03:30.694Z","title":"Introducing Zero-Bundle-Size React Server Components – React Blog","url":"https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html","content":"Reactで試験的に実装されたReact Server Componentsについて。\nリクエストごとにサーバコンポーネントをレンダリングした結果をJSON(JSX + Slot表現)として返し、クライアントではレンダリング結果を使いレンダリングできる仕組み。\nサーバサイドでコンポーネントをレンダリングすることで、レンダリング結果のみを扱うクライアントでは不要なライブラリを含めずに扱えるためサイズを減らせる。\nコンポーネントレベルでのSSRとHydrateを行える仕組み。","tags":["React","article"],"relatedLinks":[{"title":"RFC: React Server Components by josephsavona · Pull Request #188 · reactjs/rfcs","url":"https://github.com/reactjs/rfcs/pull/188"},{"title":"Data Fetching with React Server Components - YouTube","url":"https://www.youtube.com/watch?v=TQQPAU21ZUw&feature=emb_title"}]},{"date":"2020-12-22T05:11:18.676Z","title":"Conditional JavaScript - JavaScript - Dev Tips","url":"https://umaar.com/dev-tips/242-considerate-javascript/","content":"選択的にモジュールをダウンロードする際に利用できるウェブAPIとブラウザのサポートについて。\nメモリ、CPU数、バッテリー、ストレージの空き容量、ネットワーク、saveDataなど","tags":["JavaScript","performance","article"],"relatedLinks":[]},{"date":"2020-12-22T12:30:51.481Z","title":"Announcing Volta 1.0.0 | Volta","url":"https://blog.volta.sh/2020/12/21/announcing-volta-100/","content":"Nodeやnpmのバージョン管理ツールであるVolta 1.0.0リリース。\n","tags":["JavaScript","node.js","Rust","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2020-12-23T02:36:14.217Z","title":"msn0/mdn-polyfills: MDN polyfills - from, forEach, filter, find, findIndex, assign, includes, create, entries, of, repeat, startsWith, endsWith, toggleAttribute, bind, MouseEvent, CustomEvent, padEnd, padStart","url":"https://github.com/msn0/mdn-polyfills","content":"MDNに載っているJavaScriptやDOM APIのpolyfillをまとめたパッケージ","tags":["JavaScript","mdn","library","polyfill"],"relatedLinks":[]},{"date":"2020-12-23T03:02:01.806Z","title":"jsDocs.io","url":"https://www.jsdocs.io/","content":"npmパッケージに含まれるTypeScriptの型定義ファイルをベースに自動的にドキュメントを生成して表示できるサービス","tags":["npm","JavaScript","library","webservice"],"relatedLinks":[]},{"date":"2020-12-23T10:05:26.344Z","title":"Node v15.5.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v15.5.0/","content":"Node v15.5.0リリース。\n`child_process`と`stream`がAbortSignalをサポート、`querystring.stringify()`がBigIntをサポートなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2020-12-25T23:46:06.896Z","title":"Release 4.0.0 · fuse-box/fuse-box","url":"https://github.com/fuse-box/fuse-box/releases/tag/v4.0.0","content":"FuseBox 4.0リリース。\n破壊的な変更として`homeDir`、`output`、`useSigleBundle`の削除。\n`watch`オプションを`watcher`にリネーム、\n`output`オプションの代わりに`bundles.distRoot`を使うように変更など\n","tags":["bundler","Tools","ReleaseNote"],"relatedLinks":[{"title":"Changelog fuse 3 to 4 · FuseBox","url":"https://fuse-box.org/docs/development/changelog-fuse-compiler"}]},{"date":"2020-12-27T14:26:02.592Z","title":"CSS Containment によるパフォーマンス改善 — HACK The Nikkei","url":"https://hack.nikkei.com/blog/advent20201219/","content":"CSS Containmentの`contain: content`によるPaint Timeの改善について。\n","tags":["browser","performance","article"],"relatedLinks":[]},{"date":"2020-12-28T08:11:25.250Z","title":"Webブラウザセキュリティ ― Webアプリケーションの安全性を支える仕組みを整理する – 技術書出版と販売のラムダノート","url":"https://www.lambdanote.com/collections/frontpage/products/wbs","content":"2021年1月5日 発売\nウェブセキュリティについての書籍。\nSOP、CORS、CSPなどのOriginを境界にしたセキュリティ機構、ブラウザのプロセス分離モデル、Cookieについてなど","tags":["browser","security","book"],"relatedLinks":[]},{"date":"2020-12-28T12:18:32.027Z","title":"jameslittle230/stork: 🔎 Impossibly fast web search, made for static sites.","url":"https://github.com/jameslittle230/stork","content":"Rustで書かれたindexerとWebAssemblyを使った検索ライブラリ。\n検索対象のファイルからインデックスファイルを作り、それを元にした検索機能/UIを提供するライブラリ","tags":["JavaScript","Rust","WebAssembly"],"relatedLinks":[]},{"date":"2020-12-28T12:26:35.346Z","title":"devbridge/js-unused-exports","url":"https://github.com/devbridge/js-unused-exports","content":"JavaScriptのファイルから使われてない関数、ファイルを抽出するツール。\n細かい無視オプションやaliasの対応などのオプションをもっている。\n","tags":["JavaScript","Tools"],"relatedLinks":[]},{"date":"2020-12-29T02:24:04.123Z","title":"Web Performance Calendar » Strategies for Telemetry Exfiltration (aka Beaconing In Practice)","url":"https://calendar.perfplanet.com/2020/beaconing-in-practice/","content":"ブラウザからメトリクスデータを送信するときの戦略について。\n`navigator.sendBeacon`/Fetch/XHR/pixel imageでの送信、どのタイミングで送信するかのライフサイクルイベントの到達信頼性についての調査。\nローカルストレージでの再送やService Workerでのバッファ、Reporting APIについてなど。\n","tags":["article","browser","WebPlatformAPI"],"relatedLinks":[]},{"date":"2020-12-29T02:28:45.719Z","title":"Maximally optimizing image loading for the web in 2021","url":"https://www.industrialempathy.com/posts/image-optimizations/","content":"画像の読み込みの最適化についてまとめた記事。\nwidthとheightでのCLSの回避、`content-visibility`、AVIF、`srcset`と`size`属性、Cache-Controlヘッダ、`loading`属性と`decoding`属性。\nプレースホルダー画像を使う方法についてなど","tags":["article","performance","browser"],"relatedLinks":[]},{"date":"2020-12-29T02:36:50.602Z","title":"War stories: The move from Flow to TypeScript","url":"https://react.christmas/2020/2","content":"約15日でFlowからTypeScriptのマイグレーションした話。\njs-unused-exportsを使った使われてないファイルの削除、flow-to-tsを使った変換、ESLintを使ったフォーマットの修正。\nコードのフリーズとマイグレーションの目標について","tags":["flowtype","TypeScript","article"],"relatedLinks":[]},{"date":"2020-12-29T02:52:27.903Z","title":"CSS Snapshot 2020","url":"https://www.w3.org/TR/2020/NOTE-css-2020-20201222/","content":"CSS Snapshot 2020リリース","tags":["CSS","spec","ReleaseNote"],"relatedLinks":[{"title":"CSS Snapshot 2020 日本語訳","url":"https://momdo.github.io/css-2020/"},{"title":"CSS Snapshot 2020が発行されました | フロントエンドBlog | ミツエーリンクス","url":"https://www.mitsue.co.jp/knowledge/blog/frontend/202012/23_1049.html"},{"title":"Working Group Note: CSS Snapshot 2020 | W3C News","url":"https://www.w3.org/blog/news/archives/8820"}]},{"date":"2020-12-29T03:00:33.622Z","title":"cross-env is \"finished\" (now in maintenance mode) · Issue #257 · kentcdodds/cross-env","url":"https://github.com/kentcdodds/cross-env/issues/257","content":"cross-envがメンテナンスモードとなりアーカイブされた。\n機能として完成しているため、これ以上機能追加することはないため。セキュリティアップデートと新しいNode.jsへの対応は続けるメンテナンスモードとなった","tags":["node.js","library","news"],"relatedLinks":[]},{"date":"2020-12-29T03:03:55.102Z","title":"JavaScript Performance in the Wild 2020 | CatchJS","url":"https://catchjs.com/Blog/PerformanceInTheWild","content":"https://tranco-list.eu/ のデータを元にサイトをPuppeteerでクロールして集めたパフォーマンスに関するデータセットについて。\nKaggleでデータセットを公開している。\nHTTPのプロトコルバージョン、サードパーティリソース、ライブラリとそれぞれのメトリクスの関係性などについて。\n2.2%のサイトでjQueryのロードをしていないためにエラーが発生していることなどについて","tags":["article","performance","browser"],"relatedLinks":[]},{"date":"2021-01-01T01:23:50.706Z","title":"g-plane/typed-query-selector: Better typed `querySelector` and `querySelectorAll`.","url":"https://github.com/g-plane/typed-query-selector","content":"Template Literal Typeを使って`document.querySelector`の引数から返す要素の型を推論するライブラリ","tags":["TypeScript","library"],"relatedLinks":[]},{"date":"2021-01-04T10:25:57.300Z","title":"xstyled - A utility-first CSS-in-JS framework built for React. - xstyled","url":"https://xstyled.dev/","content":"React向けのUtility-firstなCSS-in-JSフレームワーク。\nCSS-in-JSライブラリとしてstyled-componentsまたはemotionを使い、TailwindのようなUtilityスタイルを指定できるコンポーネントを提供する目的。\nstyled-systemをインスパイアしている","tags":["React","CSS","library","TypeScript"],"relatedLinks":[{"title":"Styled System","url":"https://styled-system.com/"},{"title":"Release 🚀 v2.0.0 · gregberge/xstyled","url":"https://github.com/gregberge/xstyled/releases/tag/v2.0.0"}]},{"date":"2021-01-04T11:16:40.817Z","title":"TabFS","url":"https://omar.website/tabfs/","content":"ブラウザのタブをファイルシステムとしてマウントするブラウザ拡張","tags":["Chrome","Firefox","WebExtension"],"relatedLinks":[]},{"date":"2021-01-04T12:45:05.489Z","title":"Nullstack - Full-stack Javascript Components","url":"https://nullstack.app/","content":"同じコンポーネントでブラウザとNode.jsで動くコードを扱うフルスタックフレームワーク。\n`.njs`という拡張子でライフサイクルメソッドとJSXを使ったコンポーネントを書くことで、SSRやHydrateなどを行う。\nサーバで動くコードは`static async`で書き、インスタントメソッドはブラウザ向けの処理となり、`context`オブジェクトで値をやり取りする。\nビルドするとブラウザとサーバのコードをそれぞれbundleしたファイルを出力する。","tags":["JavaScript","node.js","browser","library"],"relatedLinks":[]},{"date":"2021-01-05T06:44:46.966Z","title":"Reactチュートリアル1：犬画像ギャラリーを作ろう","url":"https://zenn.dev/likr/articles/6be53ca64f29aa035f07","content":"Reactを使ったウェブアプリケーションの開発チュートリアル。\nReactの基本的な使い方、コンポーネント、Netlifyを使った公開方法について","tags":["React","tutorial"],"relatedLinks":[]},{"date":"2021-01-05T14:43:38.954Z","title":"Amazon.co.jp: Web配信の技術―HTTPキャッシュ・リバースプロキシ・CDNを活用する: 田中 祥平: 本","url":"https://www.amazon.co.jp/dp/4297119250/","content":"2021年2月13日 発売","tags":["book","cdn","HTTP"],"relatedLinks":[]},{"date":"2021-01-05T14:56:23.195Z","title":"2021年のウェブ標準とブラウザ：新春特別企画｜gihyo.jp … 技術評論社","url":"https://gihyo.jp/design/column/newyear/2021/web-standards-and-browsers","content":"2020年におけるHTML、CSS、DOM APIに変化についてまとめた記事。\nまた、IE 11と旧Edgeのサポート状況、UA Client HintやPrivacy Sandboxなどの取り組みについてなど幅広くウェブ(標準)の状況について扱っている","tags":["HTML","CSS","DOM","article","spec","browser"],"relatedLinks":[]},{"date":"2021-01-05T15:08:50.338Z","title":"2021年のWebアクセシビリティ：新春特別企画｜gihyo.jp … 技術評論社","url":"https://gihyo.jp/design/column/newyear/2021/web-accessibility-prospect","content":"ウェブアクセシビリティの仕様のステータスについての記事。\n2020年のWCAGの変更点、WCAGのデジュール標準としてのISO/JIS版のステータス。\n策定作業中のWCAG 3.0、WAI-ARIA 1.2についてなど","tags":["accessibility","article","spec"],"relatedLinks":[]},{"date":"2021-01-05T15:45:56.569Z","title":"Node v15.5.1 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v15.5.1/","content":"Node.js 15.5.1リリース。\nDoSにつながる脆弱性とHTTP Request Smugglingの脆弱性の修正を含むセキュリティアップデート。\nNode.js 10, 12, 14にそれぞれ同様のセキュリティリリースがされている","tags":["node.js","security","ReleaseNote"],"relatedLinks":[]},{"date":"2021-01-05T15:46:12.852Z","title":"Denoからnpmパッケージを使用するノウハウ","url":"https://zenn.dev/uki00a/articles/how-to-use-npm-packages-in-deno","content":"Denoからnpmに公開されたパッケージを利用する方法について。\nskypack、esm.sh、jspm.devを使った方法について。\nまた、JavaScriptで書かれたパッケージを型チェックする仕組みとしての`X-TypeScript-Types`ヘッダと`@deno-types`について","tags":["deno","TypeScript","npm","article"],"relatedLinks":[]},{"date":"2021-01-06T00:45:52.059Z","title":"kripod/otion: Atomic CSS-in-JS with a featherweight runtime","url":"https://github.com/kripod/otion","content":"runtimeでのatomic CSS-in-JSの実装ライブラリ","tags":["CSS","JavaScript","library"],"relatedLinks":[]},{"date":"2021-01-06T00:46:26.111Z","title":"atlassian-labs/compiled: Build time atomic CSS-in-JS. Baked and ready to serve.","url":"https://github.com/atlassian-labs/compiled","content":"build timeでのAtomic CSS-in-JSの実装ライブラリ","tags":["CSS","JavaScript","library"],"relatedLinks":[]},{"date":"2021-01-06T01:57:18.418Z","title":"Yord/shargs: 🦈 shargs is a library for building command-line argument parsers.","url":"https://github.com/Yord/shargs","content":"コマンドライン引数パーサライブラリ。\nサブコマンド、スペルミスの訂正、REPLなどに対応している","tags":["node.js","JavaScript","console","library"],"relatedLinks":[]},{"date":"2021-01-06T02:35:13.375Z","title":"Wasmer 1.0. By leveraging Wasm for software… | by Syrus Akbary | Wasmer | Jan, 2021 | Medium","url":"https://medium.com/wasmer/wasmer-1-0-3f86ca18c043","content":"WebAssembly RuntimeであるWasmer 1.0リリース。\nWasmファイルを`.dll`などにプリコンパイルする`wasmer compile`の追加、クロスコンパイルの対応、エラーレポートの改善など","tags":["WebAssembly","ReleaseNote","Tools"],"relatedLinks":[{"title":"wasmer/CHANGELOG.md at master · wasmerio/wasmer","url":"https://github.com/wasmerio/wasmer/blob/master/CHANGELOG.md#100---2021-01-05"}]},{"date":"2021-01-07T03:08:10.977Z","title":"O1dMate/dns-host: Simple, lightweight DNS server written in pure JavaScript with no external dependencies.","url":"https://github.com/O1dMate/dns-host","content":"Node.jsの`dgram`コアパッケージを使ったDNSサーバの実装ライブラリ","tags":["node.js","library"],"relatedLinks":[]},{"date":"2021-01-07T03:12:36.985Z","title":"Vanilla Hooks (outside React). Hooks are a pattern, not something… | by Andrea Giammarchi | JavaScript In Plain English | Jan, 2021 | Medium","url":"https://medium.com/javascript-in-plain-english/vanilla-hooks-outside-react-860471e5f95c","content":"uhooksを使ってReact HooksライクにDOM APIを使ったTODOアプリを書く話。","tags":["JavaScript","DOM","library","article"],"relatedLinks":[{"title":"WebReflection/uhooks: micro hooks: a minimalistic client/server hooks' implementation","url":"https://github.com/WebReflection/uhooks"}]},{"date":"2021-01-07T03:26:13.434Z","title":"Release Notes for Safari Technology Preview 118 | WebKit","url":"https://webkit.org/blog/11439/release-notes-for-safari-technology-preview-118/","content":"Safari Technology Preview 118リリース。\nWeb InspectorにNetworkリクエストのinterceptをするUIの追加。\nECMAScript Proposalの`Array#at`をサポート、Private Click Measurementの設定をexperimentalから標準UIに移動など","tags":["safari","webkit","ReleaseNote"],"relatedLinks":[{"title":"tc39/proposal-relative-indexing-method: A TC39 proposal to add an .at() method to all the basic indexable classes (Array, String, TypedArray)","url":"https://github.com/tc39/proposal-relative-indexing-method"}]},{"date":"2021-01-08T02:06:38.703Z","title":"Release v7.4.0 · npm/cli","url":"https://github.com/npm/cli/releases/tag/v7.4.0","content":"npm 7.4.0リリース。\n`--foreground-scripts`の追加、`npm publish --dry-run`の修正など","tags":["npm","ReleaseNote"],"relatedLinks":[]},{"date":"2021-01-08T08:41:29.836Z","title":"menduz/typed-url-params: TypeSystem based parser for url parameters","url":"https://github.com/menduz/typed-url-params","content":"path-to-regexpのようなルーティング文字列に対する型推論をTemplate Literarl Typeで行うライブラリ","tags":["TypeScript","library"],"relatedLinks":[]},{"date":"2021-01-10T02:59:20.450Z","title":"js-yaml/CHANGELOG.md at master · nodeca/js-yaml","url":"https://github.com/nodeca/js-yaml/blob/master/CHANGELOG.md#400---2021-01-03","content":"js-yaml 4.0.0リリース。\n`safe{Load,LoadAll,Dump}`などを`load`/`loadAll`/`dump`にリネームしsafeメソッドをデフォルトに変更。\nunsafeな挙動は外部パッケージの`js-yaml-js-types`に移動、numberのパースをYAML 1.2準拠に変更、`dump`の出力を一部変更など。\nその他には`.mjs`のサポート、prototype pollutionに関する挙動の修正など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"js-yaml/migrate_v3_to_v4.md at master · nodeca/js-yaml","url":"https://github.com/nodeca/js-yaml/blob/master/migrate_v3_to_v4.md"},{"title":"nodeca/js-yaml-js-types: Extra js types for js-yaml","url":"https://github.com/nodeca/js-yaml-js-types"}]},{"date":"2021-01-10T03:41:37.908Z","title":"mistlog/react-peg: A react style parser generator based on PEG.js","url":"https://github.com/mistlog/react-peg","content":"PEG.jsの構文定義をJSXで書けるライブラリ。\nTypeScriptのTSXを使うことで、構文に対する型チェックをしながら、構文定義をコンポーネントのように書けるようにすることが目的。","tags":["TypeScript","jsx","library"],"relatedLinks":[]},{"date":"2021-01-10T03:58:29.810Z","title":"phodal/clean-frontend: Clean Frontend Architecture：整洁前端架构","url":"https://github.com/phodal/clean-frontend","content":"フロントエンドでのクリーンアーキテクチャについて。\nUIフレームワークにおけるロジックの偏り、クリーンアーキテクチャの概念的な解説や実装ガイド","tags":["JavaScript","architecture","article","Chinese"],"relatedLinks":[]},{"date":"2021-01-11T12:56:23.917Z","title":"byte-js/byte: A easy JavaScript Runtime Engine that aims towards productivity","url":"https://github.com/byte-js/byte","content":"簡単なコマンドラインツールを作れることを目的にしたV8とRustを使ったJavaScriptのRuntime","tags":["Rust","V8","console","Tools"],"relatedLinks":[{"title":"denoland/rusty_v8: V8 javascript bindings for Rust","url":"https://github.com/denoland/rusty_v8"}]},{"date":"2021-01-11T14:49:01.774Z","title":"crossorigin 属性の仕様を読み解く","url":"https://nhiroki.jp/2021/01/07/crossorigin-attribute","content":"CORSに関するrequest modeとcredentials modeの振る舞いを指定する`crossorigin`属性について。\n`<img>`, `<script>`, `<link rel=preconnect>`における`crossorigin`属性の指定による振る舞いの解説。\nFetch APIでの表現方法について。","tags":["HTML","WHATWG","JavaScript","spec","article"],"relatedLinks":[]},{"date":"2021-01-11T14:56:13.336Z","title":"Nx: Extensible Dev Tools for Monorepos","url":"https://nx.dev/","content":"JavaScriptのmonorepoプロジェクトを扱う開発ツール。\n目的に合わせたmonorepoの作成、task runnerの管理、VSCode拡張を使ったUIをもつ。\n依存グラフを使ったキャッシュ、インクリメンタルビルド、Nx Cloudを使ったリモートキャッシュなどを行う","tags":["monorepo","Tools","JavaScript"],"relatedLinks":[]},{"date":"2021-01-11T14:59:52.798Z","title":"The ESM move · Discussion #15 · sindresorhus/meta","url":"https://github.com/sindresorhus/meta/discussions/15","content":"sindresorhusパッケージの`\"type\":\"module\"`によるESMのネイティブ対応の計画についてのIssue","tags":["node.js","library","issue"],"relatedLinks":[]},{"date":"2021-01-11T15:13:06.060Z","title":"Checka11y.css - CSS stylesheet to quickly highlight a11y concerns","url":"https://checka11y.jackdomleo.dev/","content":"CSSでHTMLのアクセシビリティをチェックするスタイルシート。\n類似するツールとしてhttps://ffoodd.github.io/a11y.css/ がある。","tags":["accessibility","CSS"],"relatedLinks":[]},{"date":"2021-01-11T15:16:38.039Z","title":"cloudfour/lighthouse-parade: A Node.js command line tool that crawls a domain and gathers lighthouse performance data for every page.","url":"https://github.com/cloudfour/lighthouse-parade","content":"Lighthouseでクロールしてパフォーマンス計測した結果をCSVとしてまとめるツール。\n複数のページの結果をSpreadsheetなどに集めて分析する目的","tags":["Chrome","performance","Tools"],"relatedLinks":[]},{"date":"2021-01-11T15:27:31.503Z","title":"Check your JS with TS","url":"https://whistlr.info/2021/check-js-with-ts/","content":"JSDocとTypeScriptを使って、JavaScriptのコードを型チェックする方法について。\ntsconfig.jsonの設定、JSDocでの型定義、JavaScriptから`.d.ts`ファイルをimportして型定義をJSDocに利用する方法など","tags":["JavaScript","TypeScript","article"],"relatedLinks":[]},{"date":"2021-01-12T01:56:05.409Z","title":"Slowfil.es – Demonstate and observe slow-loading resources","url":"https://slowfil.es/","content":"レイテンシを再現したリソースの配信をテストできるサービス。\nscript要素の`async`属性や`defer`属性の動作のテストなどリソースのレイテンシに関するパフォーマンステストに利用できる。","tags":["webservice","HTTP","performance","Tools"],"relatedLinks":[{"title":"slowfil.es – a service for slow assets with high priority | Stefan Judis Web Development","url":"https://www.stefanjudis.com/notes/slowfil-es-a-service-for-slow-assets-with-high-priority/"},{"title":"Oh The Scripts We'll Load - A Performance Talk by Tim Kadlec - YouTube","url":"https://www.youtube.com/watch?v=tr6aHw8I32M"}]},{"date":"2021-01-12T02:02:10.399Z","title":"An additional non-backtracking RegExp engine · V8","url":"https://v8.dev/blog/non-backtracking-regexp","content":"V8にバックトラックをしない正規表現エンジンをフラグ付きで実装したという話。\nバックトラックによってReDoSのような指数関数的にマッチする問題が知られていて、これを解決するためにバックトラックを使わないアルゴリズムの実装をしたという話","tags":["V8","RegExp","article"],"relatedLinks":[]},{"date":"2021-01-12T13:03:56.907Z","title":"egoist/tsup: Bundle your TypeScript library with no config, powered by esbuild.","url":"https://github.com/egoist/tsup","content":"esbuildを使ったTypeScriptのコードをbundleしてesm,cjs,iife形式のコードを出力するツール","tags":["JavaScript","TypeScript","Tools"],"relatedLinks":[]},{"date":"2021-01-12T13:19:58.755Z","title":"JavaScript［完全］入門 | 柳井 政和 | コンピュータ・IT | Kindleストア | Amazon","url":"https://www.amazon.co.jp/dp/B08PKHSVFZ/","content":"2021年2月4日 発売\nJavaScriptの入門書","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2021-01-13T15:57:27.520Z","title":"tw-in-js/twind: The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.","url":"https://github.com/tw-in-js/twind","content":"Tailwind CSSをCSS-in-JSで行うライブラリとツール。\nTemplate Literalを使ったクラスの生成するAPI、SSR向けにCSSファイルの作成、ビルド無しでTailwindクラスを利用するshimライブラリなどを提供する。","tags":["CSS","JavaScript","library"],"relatedLinks":[]},{"date":"2021-01-13T16:04:12.165Z","title":"State of JS 2020","url":"https://2020.stateofjs.com/en-US/","content":"JavaScript開発者アンケートであるState of JS 2020の結果が公開された。\n言語、ライブラリ、ツール、エディタ、リソースなど各項目ごとに認知、満足度、興味、利用しているかなどをアンケートをとったもの","tags":["JavaScript","アンケート"],"relatedLinks":[]},{"date":"2021-01-14T12:17:01.710Z","title":"TomerAberbach/grfn: 🦅 A tiny (~400B) utility that executes a dependency graph of async functions as concurrently as possible.","url":"https://github.com/TomerAberbach/grfn","content":"Promiseを使った非同期処理のコントロールフローを管理するライブラリ。\nデバッグ用にコントールフローの図を生成する機能を持っている","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2021-01-14T12:45:03.340Z","title":"Snowpack v3.0","url":"https://www.snowpack.dev/posts/2021-01-13-snowpack-3-0","content":"Snowpack 3.0リリース。\nStreaming Importsのサポート、esbuildを使ったbundleの最適化のサポート、JavaScript APIの更新など","tags":["JavaScript","ECMAScript","debug","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2021-01-14T12:55:19.464Z","title":"natemoo-re/microsite: A fast, opinionated static site generator powered by Snowpack. Build simple static sites with fool-proof performance by leveraging automatic partial hydration.","url":"https://github.com/natemoo-re/microsite","content":"SnowpackとPreactを使ったNext.jsライクなディレクトリ構造のルールを持った静的サイトジェネレーター","tags":["JavaScript","Tools","React"],"relatedLinks":[]},{"date":"2021-01-15T05:57:21.192Z","title":"Release v6.0.0 · karma-runner/karma","url":"https://github.com/karma-runner/karma/releases/tag/v6.0.0","content":"Karma 6.0.0リリース。\n`customFileHandlers`と`customScriptTypes`の削除、不正なオプションを渡した時にエラーを出すようになるなど","tags":["browser","testing","ReleaseNote","library"],"relatedLinks":[]},{"date":"2021-01-16T06:16:07.156Z","title":"Node v15.6.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v15.6.0/","content":"Node.js 15.6.0リリース。\n`child_process`に`overlapped`オプション、`.fork`がAbortSinalに対応。\n`crypto`モジュールに`randomUUID`メソッドの追加、X509Certificate APIのサポート。\n`server.listen`がAbortSignalをサポート、`http.Agent`の`scheduling`オプションにLIFOアルゴリズムを追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2021-01-16T07:30:36.311Z","title":"Announcing TypeScript 4.2 Beta | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-2-beta/","content":"TypeScript 4.2 Betaリリース。\nTuple TypesでRest Elementをサポート、Type Aliasの型追跡の改善、template literal typesの改善。\n`noPropertyAccessFromIndexSignature`オプションの追加、`abstract new`のサポートなど。\nまた、`--explainFiles`でなぜファイルが含まれるかを表示できるようになるなど","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2021-01-16T07:38:23.923Z","title":"Adobe Flash Player End of Life","url":"https://www.adobe.com/products/flashplayer/end-of-life.html","content":"Adobe Flash Playerが2021年1月12日でサポートを終了した。","tags":["flash","browser","news"],"relatedLinks":[]},{"date":"2021-01-16T08:06:12.962Z","title":"github/jtml: Write HTML in JavaScript, using template-tags.","url":"https://github.com/github/jtml","content":"GitHubのlit-htmlインスパイアなテンプレートレンダリングライブラリ。\nWHAWG HTMLで提案中のTemplate Partsの実装を含んでいる","tags":["JavaScript","HTML","library","WebComponents"],"relatedLinks":[]},{"date":"2021-01-16T08:12:58.806Z","title":"Catalyst","url":"https://github.github.io/catalyst/","content":"GitHubのWeb Componentsライブラリ。\nCustom Elementの登録、Stimulusインスパイアな`data-action`属性を使ったイベントリスナー、Custom Element内からHTMLの要素を紐付けるクエリ機能を持っている。","tags":["Github","WebComponents","library"],"relatedLinks":[{"title":"Removing jQuery from GitHub.com frontend - The GitHub Blog","url":"https://github.blog/2018-09-06-removing-jquery-from-github-frontend/"}]},{"date":"2021-01-17T04:45:03.288Z","title":"znck/vue-developer-experience: A collection of tools for vue ecosystem.","url":"https://github.com/znck/vue-developer-experience","content":"Vueに関するツール、VSCodeプラグインを扱うリポジトリ。\n静的解析ツール、パーサ、ASTヘルパー、VScode向けのプラグインなどが含まれている","tags":["Vue","Tools","VSCode","plugin"],"relatedLinks":[]},{"date":"2021-01-17T04:55:35.608Z","title":"Reflections for 2020-2021 | The Vue Point","url":"https://blog.vuejs.org/posts/hello-2021.html","content":"Vueの2020年の取り組みと2021の取り組み予定について。\nVue 2から3へのマイグレーションツール、Vue CLIのwebpack 5対応、Vue 3のIE 11対応、Vue 2.7のリリースなどを予定している。","tags":["Vue","article"],"relatedLinks":[{"title":"Roadmap","url":"https://github.com/vuejs/vue/projects/6"}]},{"date":"2021-01-17T13:48:10.931Z","title":"imolorhe/altair: ✨⚡️ A beautiful feature-rich GraphQL Client for all platforms.","url":"https://github.com/imolorhe/altair","content":"GraphQLクライアントのIDE","tags":["GraphQL","EmEditor","Tools"],"relatedLinks":[]},{"date":"2021-01-17T13:51:57.321Z","title":"Announcing Scala.js 1.4.0 - Scala.js","url":"https://www.scala-js.org/news/2021/01/12/announcing-scalajs-1.4.0/","content":"Scala.js 1.4.0リリース","tags":["scala","JavaScript","ReleaseNote"],"relatedLinks":[]},{"date":"2021-01-18T01:36:47.498Z","title":"Front-End Performance Checklist 2021 — Smashing Magazine","url":"https://www.smashingmagazine.com/2021/01/front-end-performance-2021-free-pdf-checklist/","content":"フロントエンドパフォーマンスチェックリスト。\nサマリ版のPDFと詳細な解説をした記事で構成されている。\n全部で77コの項目があり、パフォーマンスの文化、メトリクスの設定や収集、さまざまなパフォーマンスTipsについて書かれている","tags":["performance","article"],"relatedLinks":[]},{"date":"2021-01-18T02:00:26.576Z","title":"Deno in 2020","url":"https://deno.land/posts/deno-in-2020","content":"Denoの2020年の変更点のサマリと2021年のロードマップについて。","tags":["deno","article"],"relatedLinks":[]},{"date":"2021-01-20T03:05:46.285Z","title":"IPFS Support in Brave","url":"https://brave.com/ipfs-support/","content":"BraveがP2PプロトコルであるIPFS(InterPlanetary File System)をサポート。\nBrave 1.19.x以降では、ゲートウェイとローカルノードを使ったIPFSURIの解決ができるようになる。","tags":["browser","news","IPFS","p2p"],"relatedLinks":[{"title":"Brave Integrates IPFS","url":"https://brave.com/brave-integrates-ipfs/"}]},{"date":"2021-01-21T00:21:57.223Z","title":"How to Solve the Infinite Loop of React.useEffect()","url":"https://dmitripavlutin.com/react-useeffect-infinite-loop/","content":"Reactの`useEffect`の中でStateを更新した場合になぜ無限ループが起きるのか、またその修正方法について","tags":["React","JavaScript","article"],"relatedLinks":[]},{"date":"2021-01-21T12:20:23.021Z","title":"forgojs/forgo: An ultra-light UI runtime","url":"https://github.com/forgojs/forgo","content":"JSXで書けるUIライブラリ。\nReactとは違いコンポーネント内でもDOM APIを扱う形になっていて、再レンダリングも手動で行う。\nファイルサイズの小ささやフレームワークの抽象を少なくして、DOM APIを知っていれば扱えるようにするのが目的。","tags":["React","jsx","library","JavaScript"],"relatedLinks":[]},{"date":"2021-01-23T03:20:37.930Z","title":"Release v5.17.0 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v5.17.0","content":"webpack 5.17.0リリース。\n実験的な機能として、Dynamic Importしているモジュールをアクセスした時にビルドできる`experiments.lazyCompilation`オプションを追加。\n起動時にすべてをビルドしないことで、利用してないエントリポイントがビルドパフォーマンスに影響を与えないようにする目的。","tags":["webpack","ReleaseNote"],"relatedLinks":[{"title":"liximomo/lazy-compile-webpack-plugin: Boost webpack startup time by lazily compiling dynamic imports","url":"https://github.com/liximomo/lazy-compile-webpack-plugin"}]},{"date":"2021-01-24T12:54:23.925Z","title":"The Node.js Runtime  |  Cloud Functions Documentation  |  Google Cloud","url":"https://cloud.google.com/functions/docs/concepts/nodejs-runtime#nodejs_14_public_preview","content":"Cloud FunctionがNode.js 14をpublic previewとしてサポート","tags":["GCP","node.js","news"],"relatedLinks":[]},{"date":"2021-01-24T12:58:06.503Z","title":"Migrating Puppeteer to TypeScript  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2021/01/puppeteer-typescript","content":"PuppeteerのコードベースをJavaScriptからTypeScriptの移行するどのように取り組んでいるかについて","tags":["JavaScript","TypeScript","article"],"relatedLinks":[{"title":"Upgrading DevTools' architecture to the modern web - YouTube","url":"https://www.youtube.com/watch?v=BHogHiiyuQk"}]},{"date":"2021-01-24T13:31:32.916Z","title":"Deno 1.7 Release Notes","url":"https://deno.land/posts/v1.7","content":"Deno 1.7リリース。\n`deno compile`のサイズ改善とクロスコンパイルの対応、Data URLのimportをサポート、`deno fmt`のMarkdownサポート。\nSteram APIをWHATWGに準拠するように修正、Web Workerに`permissions`でDeno独自のパーミッションを指定可能に。\n`--location`フラグを使って相対URLのFetchに対応、FetchのリクエストbodyにStreamを指定可能になるなど。\n破壊的な変更としてDeno APIsの変更やUnstable APIとして`Deno.resolveDns`のサポートが含まれる。","tags":["deno","ReleaseNote"],"relatedLinks":[{"title":"Release v1.7.0 · denoland/deno","url":"https://github.com/denoland/deno/releases/tag/v1.7.0"},{"title":"Deno 1.7.0 がリリースされたので新機能や変更点の紹介","url":"https://zenn.dev/magurotuna/articles/55575eb16ae422"}]},{"date":"2021-01-24T15:33:12.749Z","title":"Nodepack","url":"https://nodepackjs.com/","content":"Node.jsウェブフレームワーク。\nプロジェクトを管理するためのCLIとそれを拡張するプラグインシステムをもつ","tags":["node.js","library","Tools"],"relatedLinks":[]},{"date":"2021-01-25T12:54:42.300Z","title":"JSitor - JavaScript, HTML, CSS, online editor","url":"https://jsitor.com/","content":"jsfiddle的なHTML/CSS/JSを書いて公開できるPlaygroundサービス。\nMonaco Editorを使ったエディタ、整形機能を持っている","tags":["JavaScript","HTML","CSS","editor","webservice"],"relatedLinks":[]},{"date":"2021-01-25T14:54:19.553Z","title":"ブラウザの作り方 - Speaker Deck","url":"https://speakerdeck.com/keiya01/burauzafalsezuo-rifang","content":"Let's build a browser engine!を参考にブラウザのレンダリングエンジンを作りながら、どのようにHTMLやCSSのパースからレンダリングしているのかという話","tags":["browser","Rust","slide"],"relatedLinks":[{"title":"keiya01/kamaitachi: `kamaitachi` is a simple browser.","url":"https://github.com/keiya01/kamaitachi"},{"title":"Let's build a browser engine! Part 1: Getting started","url":"https://limpet.net/mbrubeck/2014/08/08/toy-layout-engine-1.html"}]},{"date":"2021-01-25T23:38:40.543Z","title":"Open Web Docs - Open Collective","url":"https://opencollective.com/open-web-docs/updates/introducing-open-web-docs","content":"MDNのようなウェブプラットフォームのドキュメントに対して長期的に取り組んでいくためのプロジェクト。MozillaなどのブラウザベンダーやW3Cなどがメンバーにいる。\n当面はMDNへのコントリビューションをしていく。","tags":["document","news","mdn"],"relatedLinks":[{"title":"Supporting Open Web Docs to deliver web developer documentation - Microsoft Edge Blog","url":"https://blogs.windows.com/msedgedev/2021/01/25/welcome-open-web-docs/"},{"title":"Introducing Open Web Docs","url":"https://web.dev/open-web-docs/"},{"title":"Welcoming Open Web Docs to the MDN family - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2021/01/welcoming-open-web-docs-to-the-mdn-family/"},{"title":"Open Web Docs | Igalia","url":"https://www.igalia.com/2021/01/25/Open-Web-Docs.html"},{"title":"Welcome to Open Web Docs! | W3C Blog","url":"https://www.w3.org/blog/2021/01/welcome-to-open-web-docs/"},{"title":"project/membership-expectations.md at main · openwebdocs/project","url":"https://github.com/openwebdocs/project/blob/main/steering-committee/membership-expectations.md"}]},{"date":"2021-01-26T02:13:23.590Z","title":"The Secret Parameter, LFR, and Potential RCE in NodeJS Apps","url":"https://blog.shoebpatel.com/2021/01/23/The-Secret-Parameter-LFR-and-Potential-RCE-in-NodeJS-Apps/","content":"Expressで`hbs`(handlebars)を使っている際に`res.render`の第2引数にユーザー入力をそのまま渡してしまうと、`layout`プロパティによって任意のファイルを読める問題について。\nまた、Handlerbars 4.0.14未満にあった脆弱性と組み合わせることでRCEにつながるという話","tags":["JavaScript","node.js","security","express","article"],"relatedLinks":[{"title":"pillarjs/hbs: Express view engine wrapper for Handlebars","url":"https://github.com/pillarjs/hbs"},{"title":"Express 4.x - API リファレンス","url":"https://expressjs.com/ja/api.html#res.render"}]},{"date":"2021-01-27T03:04:03.904Z","title":"January brings us Firefox 85 - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2021/01/january-brings-us-firefox-85/","content":"Firefox 85リリース。\nFlashのサポート終了。\nCSSでPrefixなしの`:focus-visible`をサポート、`<link rel=\"preload\">`のサポート。\nES Proposal Stage 3のTop-Level awaitのサポート、`at()`メソッドのサポートなど。\nまた、Network partitioningの導入など\n","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 85.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/85.0/releasenotes/"},{"title":"Firefox 85 Cracks Down on Supercookies - Mozilla Security Blog","url":"https://blog.mozilla.org/security/2021/01/26/supercookie-protections/"},{"title":"Gaining security and privacy by partitioning the cache  |  Web","url":"https://developers.google.com/web/updates/2020/10/http-cache-partitioning#what_is_the_impact_of_this_behavioral_change"},{"title":"Firefox 85 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/85"}]},{"date":"2021-01-27T05:54:40.219Z","title":"azu/express-lazy-router: Lazy loading for express router","url":"https://github.com/azu/express-lazy-router","content":"expressのRouterを遅延ロードするライブラリ。\nts-node-devとか@babel/registerでruntime compileしているケースで、起動時に全コンパイルじゃなくて分散コンパイルできるようにする目的","tags":["express","TypeScript","library","node.js"],"relatedLinks":[]},{"date":"2021-01-28T01:16:47.520Z","title":"When to use HTTPS for local development","url":"https://web.dev/when-to-use-local-https/","content":"ローカル開発でもHTTPSが必要なものと`localshot`について。\nまた、ローカルでの開発に使うべきTLDについて","tags":["HTTPS","debug","article"],"relatedLinks":[{"title":"How to use HTTPS for local development","url":"https://web.dev/how-to-use-local-https/"}]},{"date":"2021-01-28T13:37:05.920Z","title":"WebReflection/linkedom: A triple-linked lists based DOM implementation.","url":"https://github.com/WebReflection/linkedom","content":"Node.js向けのHTML/DOMの実装ライブラリ。\n基本的なユースケースにおけるHTML文字列のパース、DOM APIを一定のパフォーマンスで実現できるものを目指している。\nDOM標準互換を目指すのではなく、basichtmlの置き換えを目的に治している。","tags":["HTML","DOM","JavaScript","node.js","library"],"relatedLinks":[{"title":"WebReflection/basicHTML: A NodeJS based, standard oriented, HTML implementation.","url":"https://github.com/WebReflection/basicHTML#readme"}]},{"date":"2021-01-28T14:32:15.471Z","title":"Release Notes for Safari Technology Preview 119 | WebKit","url":"https://webkit.org/blog/11525/release-notes-for-safari-technology-preview-119/","content":"Safari Technology Preview 119リリース。\nSpeechRecognition APIの有効化、CSS `aspect-ratio`プロパティのサポート改善、`prefers-contrast: more`のサポートなど。\nWebAssemblyで`memory.copy`、`memory.init`、`memory.fill`をフラグ付きでサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"bulk-memory-operations/Overview.md at master · WebAssembly/bulk-memory-operations","url":"https://github.com/WebAssembly/bulk-memory-operations/blob/master/proposals/bulk-memory-operations/Overview.md"},{"title":"Media Queries Level 5","url":"https://drafts.csswg.org/mediaqueries-5/#prefers-contrast"}]},{"date":"2021-01-29T11:37:55.036Z","title":"Release v7.5.0 · npm/cli","url":"https://github.com/npm/cli/releases/tag/v7.5.0","content":"npm 7.5.0リリース。\nnpmパッケージのDiffを取得する`npm diff`コマンドの追加など","tags":["npm","ReleaseNote"],"relatedLinks":[{"title":"npm diff - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/ruyadorno/npm-diff-23dh"}]},{"date":"2021-01-29T12:24:48.479Z","title":"Visitor pattern in TypeScript | Writing | Kirill Vasiltsov","url":"https://www.kirillvasiltsov.com/writing/visitor-pattern-typescript/","content":"TypeScriptのinterfaceを使ったVisitor Patternの実装方法についての記事","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2021-01-29T12:50:51.523Z","title":"Chromium Blog: Chrome 89 Beta: Advanced Hardware Interactions, Web Sharing on Desktop, and More","url":"https://blog.chromium.org/2021/01/chrome-89-beta-advanced-hardware.html","content":"Chrome 89ベータリリース。\nWebHID API、Web NFC、Web Serial APIのデフォルト有効化、デスクトップでのWeb Sharingの有効化。\nCross-origin opener policy reporting API、Manifastに`display_override`の追加。\n`performance.measureUserAgentSpecificMemory() `の追加、Streams APIがByte Streamsをサポート。\nその他にはTop-Level awaitのサポートなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2021-01-30T08:44:41.953Z","title":"WebRTC 1.0 is a W3C Recommendation | W3C News","url":"https://www.w3.org/blog/news/archives/8897","content":"WebRTC 1.0がW3C Recommendationとなった","tags":["W3C","WebRTC","news"],"relatedLinks":[{"title":"Web Real-Time Communications (WebRTC) transforms the communications landscape; becomes a World Wide Web Consortium (W3C) Recommendation and multiple Internet Engineering Task Force (IETF) standards","url":"https://www.w3.org/2021/01/pressrelease-webrtc-rec.html.en"},{"title":"WebRTC is now a W3C and IETF standard","url":"https://web.dev/webrtc-standard-announcement/"}]},{"date":"2021-01-31T15:10:43.610Z","title":"TOAST UI Chart 4.0 is here! | TOAST UI :: Make Your Web Delicious!","url":"https://ui.toast.com/weekly-pick/en_20210126","content":"グラフライブラリのTOAST UI Chart v4.0リリース。\n依存をなくしファイルサイズの削減、レスポンシブサポート、ライブアップデートに対応したグラフの追加、テーマオプションの改善など。\nv3からのマイグレーションガイドも公開している","tags":["JavaScript","chart","library","ReleaseNote"],"relatedLinks":[{"title":"tui.chart/v4.0-migration-guide-en.md at main · nhn/tui.chart","url":"https://github.com/nhn/tui.chart/blob/main/docs/v4.0-migration-guide-en.md"}]},{"date":"2021-02-01T00:46:21.186Z","title":"Cypress vs Selenium vs Playwright vs Puppeteer speed comparison | Checkly blog","url":"https://blog.checklyhq.com/cypress-vs-selenium-vs-playwright-vs-puppeteer-speed-comparison/","content":"テストフレームワークの実行速度について比較した記事。\nPuppeteer、Playwright、WebDriverIO、Selenium、Cypressをいくつかのシナリオで比較している。\n","tags":["JavaScript","browser","E2E","article","testing"],"relatedLinks":[{"title":"Puppeteer vs Selenium vs Playwright, a speed comparison | Checkly blog","url":"https://blog.checklyhq.com/puppeteer-vs-selenium-vs-playwright-speed-comparison/"}]},{"date":"2021-02-01T01:00:20.662Z","title":"CKEditor 5 v25.0.0 with flexible annotations, improved text blocks handling and performance fixes","url":"https://ckeditor.com/blog/CKEditor-5-v25.0.0-with-flexible-annotations-improved-text-blocks-handling-and-performance-fixes/","content":"CKEditor 5 v25.0.0リリース。\nReDoSの問題の修正、コンテンツブロックの動作改善、大量のテキストのフォーマットのパフォーマンス改善、画像管理の改善など","tags":["JavaScript","editor","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-02-01T13:54:52.801Z","title":"shinyoshiaki/werift-webrtc: WebRTC Implementation for TypeScript (Node.js)","url":"https://github.com/shinyoshiaki/werift-webrtc","content":"Node.jsでのWebRTCの実装。\nSTUN、TURN、ICE、DataChannel、MediaChannelなどの実装","tags":["WebRTC","JavaScript","library"],"relatedLinks":[]},{"date":"2021-02-01T14:05:05.428Z","title":"alesgenova/post-me: 📩 Use web Workers and other Windows through a simple Promise API","url":"https://github.com/alesgenova/post-me","content":"Worker、Window(iframe)間のメッセージングライブラリ。\nPromiseベースのAPIでWindowとWorker間でメッセージのやり取りができる","tags":["JavaScript","webworker","library","Promises","TypeScript"],"relatedLinks":[]},{"date":"2021-02-02T01:37:46.133Z","title":"`undefined` vs. `null` revisited","url":"https://2ality.com/2021/01/undefined-null-revisited.html","content":"`undefined`と`null`について。\n`undefined`と`null`の歴史、`undefined`と`nulll`が言語的に発生するケース。言語的に特別扱いされるケース、どれを値がない値として使うかについて","tags":["JavaScript","article","opinion"],"relatedLinks":[]},{"date":"2021-02-02T01:49:56.907Z","title":"Release v5.3.4 · vuejs/vue-devtools","url":"https://github.com/vuejs/vue-devtools/releases/tag/v5.3.4","content":"Vue DevTools 5.3.4リリース。\nUniversal XSS脆弱性の修正","tags":["Vue","Extension","ReleaseNote","security","browser"],"relatedLinks":[{"title":"Vue.js devtools Universal XSS (Chrome extension) · Issue #1353 · vuejs/vue-devtools","url":"https://github.com/vuejs/vue-devtools/issues/1353"}]},{"date":"2021-02-02T02:20:18.206Z","title":"Babel 8 Release Plan · Issue #10746 · babel/babel","url":"https://github.com/babel/babel/issues/10746","content":"Babel 8のRoadmap Issue","tags":["babel","issue"],"relatedLinks":[]},{"date":"2021-02-02T02:28:00.369Z","title":"willmendesneto/perf-marks: The isomorphic, simplest, and lightweight solution for User Timing API in Javascript - 🚀 only 208B 🚀. Tree-shaking and entry points built-in. Simple as that!","url":"https://github.com/willmendesneto/perf-marks","content":"User Timing APIのラッパーライブラリ。\nブラウザとNode.js(`perf_hooks`)で利用できる。\nUser Timing APIのラップ、サポートしているかの判定処理、関数のプロファイル機能などを提供する","tags":["performance","JavaScript","library","node.js","browser"],"relatedLinks":[]},{"date":"2021-02-03T01:33:49.747Z","title":"npm 7 is now Generally Available - GitHub Changelog","url":"https://github.blog/changelog/2021-02-02-npm-7-is-now-generally-available/","content":"npm 7がlatestとしてリリースされ、`npm install --global npm`でnpm 7がインストールされるようになった","tags":["npm","ReleaseNote"],"relatedLinks":[]},{"date":"2021-02-03T12:18:53.163Z","title":"Release v6.0.0 · puppeteer/puppeteer","url":"https://github.com/puppeteer/puppeteer/releases/tag/v6.0.0","content":"Puppeteer v6.0.0リリース。\n`aria/*` selectorが非表示などスキップされた要素にはマッチしないように変更、TypeScriptの型定義を同梱するようになるなど。\nまた、Chromiumのアップデート、`page.emulateNetworkConditions`の追加、Apple M1のサポートなど","tags":["Chrome","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-02-03T12:44:57.204Z","title":"Node v15.8.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v15.8.0/","content":"Node.js 15.8.0リリース。\n`crypto`モジュールに`generatePrime`と`checkPrime`メソッドを追加、npm 7.5.0へアップデート。\n`dgram.createSocket`と`readline.question`がAbortSignalをサポートなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2021-02-06T08:10:22.046Z","title":"Replay: Record and replay web applications","url":"https://replay.io/","content":"リプレイデバッグサービス。\nFirefoxベースのリプレイを記録/再生するためのブラウザをオープンソースとして公開している\nhttps://github.com/RecordReplay/","tags":["browser","webservice","debug"],"relatedLinks":[]},{"date":"2021-02-06T08:26:50.467Z","title":"Release v4.0.0 · vuejs/vuex","url":"https://github.com/vuejs/vuex/releases/tag/v4.0.0","content":"Vuex 4.0リリース。\nVue 3サポート、インストールプロセスの変更、Vue 3に合わせたbundleの配布など。\n","tags":["Vue","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-02-06T08:34:03.017Z","title":"samthor/gumnut: JS parser in Web Assembly / C","url":"https://github.com/samthor/gumnut","content":"Cで書かれたJavaScriptパーサをWebAssemblyにコンパイルして扱う、JavaScriptパーサライブラリ。\n","tags":["JavaScript","library","WebAssembly"],"relatedLinks":[]},{"date":"2021-02-07T13:13:33.879Z","title":"Node.js 14.x runtime now available in AWS Lambda | AWS Compute Blog","url":"https://aws.amazon.com/jp/blogs/compute/node-js-14-x-runtime-now-available-in-aws-lambda/","content":"AWS LambdaがNode.js 14をサポート","tags":["node.js","aws","Lambda","news"],"relatedLinks":[]},{"date":"2021-02-07T15:12:39.144Z","title":"Node By Numbers 2020 - NodeSource","url":"https://nodesource.com/blog/node-by-numbers-2020","content":"NodesourceのLinux環境向けのNode.jsの2020年を数字で振り返る記事。\nrpmとdebのダウンロード数、地域、バージョンごとのダウンロード数など。\nセキュリティリリースがあった場合にはダウンロードのスパイクが発生している点についてなど","tags":["node.js","article"],"relatedLinks":[]},{"date":"2021-02-07T15:15:37.023Z","title":"davidjbradshaw/eslint-config-auto: Automatically configure ESLint based on project dependencies","url":"https://github.com/davidjbradshaw/eslint-config-auto","content":"プロジェクトの`package.json`を元にAirbnbのルールを基本としたESLintルール設定を自動で行うツール","tags":["ESLint","Tools"],"relatedLinks":[]},{"date":"2021-02-08T14:20:29.419Z","title":"SMS OTPの自動入力によるリスクとその対策 - Akaki I/O","url":"https://akaki.io/2021/sms_otp_autofill","content":"iOSとAndroidにおけるSMS OTPの自動入力(`autocomplete=\"one-time-code\"`)の動作の検証。\nフィッシングなどの攻撃への利用やDomain-bound codesでの自動入力の検証や仕様などについて","tags":["security","HTML","article","iOS","Android"],"relatedLinks":[]},{"date":"2021-02-08T15:02:02.978Z","title":"生 WebGL と TypeScript で Vercel のロゴを作る","url":"https://zenn.dev/ixkaito/articles/webgl-typescript-vercel-logo","content":"WebGLを使って図形を描画するまでをstep by stepで解説しているチュートリアル","tags":["WebGL","JavaScript","article","tutorial","TypeScript"],"relatedLinks":[]},{"date":"2021-02-09T02:08:57.449Z","title":"useEncapsulation | Kyle Shevlin","url":"https://kyleshevlin.com/use-encapsulation","content":"React Componentで扱うStateをCustom Hooksで構築するパターンについて。\nCustom HooksにまとめることでStateや操作をカプセル化したり、依存関係がわかりやすくなるなど","tags":["React","article"],"relatedLinks":[]},{"date":"2021-02-09T02:38:27.571Z","title":"Typicode's blog - Husky 5","url":"https://blog.typicode.com/husky-5/","content":"Git Hooksを扱うhusky 5が正式リリース。\n依存なしに変更、ライセンスがMITからLicense Zero's Parity Licenseに変更。\n4.xからのマイグレーションツールも公開している。","tags":["JavaScript","library","Tools","git ","ReleaseNote"],"relatedLinks":[{"title":"typicode/husky-4-to-5: Quickly migrate your hooks from husky v4 to v5","url":"https://github.com/typicode/husky-4-to-5"}]},{"date":"2021-02-09T02:40:24.526Z","title":"Introducing Private Click Measurement, PCM | WebKit","url":"https://webkit.org/blog/11529/introducing-private-click-measurement-pcm/","content":"iOS 14.5ベータでSafariとアプリでできるPrivate Click Measurement(PCM)についての解説。\nトラッカーからプライバシーを保護しながら、広告のコンバージョンを遅延して送信する仕組みについて","tags":["safari","iOS","privacy","ad ","article"],"relatedLinks":[]},{"date":"2021-02-09T03:17:23.670Z","title":"10 bad TypeScript habits to break this year","url":"https://startup-cto.net/10-bad-typescript-habits-to-break-this-year/","content":"TypeScriptでの良くない習慣について。\n何故良くないのかと、どうするべきなのについて書かれている。\n`strict`、`||`、`any`、`as`、Optional、Genricsの名前、真偽値チェック、`!!`、`!= null`などについて","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2021-02-10T14:20:10.416Z","title":"tildeio/simple-html-tokenizer: A lightweight JavaScript library for tokenizing non-`<script>` HTML expected to be found in the `<body>` of a document","url":"https://github.com/tildeio/simple-html-tokenizer","content":"HTMLをパースしてトークナイズするライブラリ","tags":["JavaScript","HTML","library"],"relatedLinks":[]},{"date":"2021-02-11T01:43:04.586Z","title":"Ethan-Arrowood/undici-fetch: A WHATWG Fetch implementation based on @nodejs/undici","url":"https://github.com/Ethan-Arrowood/undici-fetch","content":"Node.js向けのFetch APIの実装ライブラリ。\nundiciをベースに実装している。","tags":["node.js","Fetch","library"],"relatedLinks":[{"title":"nodejs/undici: An HTTP/1.1 client, written from scratch for Node.js","url":"https://github.com/nodejs/undici"}]},{"date":"2021-02-11T06:15:08.045Z","title":"Release v4.0.0 · lerna/lerna","url":"https://github.com/lerna/lerna/releases/tag/v4.0.0","content":"lerna 4.0.0リリース。\nNode.js 10未満のサポート終了、依存のアップデートなど","tags":["JavaScript","monorepo","ReleaseNote"],"relatedLinks":[]},{"date":"2021-02-12T13:19:58.646Z","title":"vercel/nft: Node.js dependency tracing utility","url":"https://github.com/vercel/nft","content":"JavaScriptファイルの依存関係をトレースするライブラリ。\n`node_modules`などを含むモジュールが依存するファイルパスを取得できる","tags":["JavaScript","module","library","CommonJS","TypeScript"],"relatedLinks":[]},{"date":"2021-02-13T04:19:14.181Z","title":"Announcing TypeScript 4.2 RC | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-2-rc/","content":"TypeScript 4.2 RCリリース。\nTuple TypesでRest Elementをサポート、Type Aliasの型追跡の改善、オブジェクトではないオペランドに対する`in`演算子のチェックを追加。`noPropertyAccessFromIndexSignature`オプションの追加、`abstract new`のサポート、、`--explainFiles`フラグの追加など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2021-02-13T13:51:18.003Z","title":"gzuidhof/sunder: A minimal framework for Service Workers (such as Cloudflare Workers).","url":"https://github.com/gzuidhof/sunder","content":"Service WorkerやCloudflare Worker向けのルーティングライブラリ","tags":["ServiceWorker","cloudflare","library","JavaScript"],"relatedLinks":[]},{"date":"2021-02-15T13:03:05.283Z","title":"Dynamic Static Typing In TypeScript — Smashing Magazine","url":"https://www.smashingmagazine.com/2021/01/dynamic-static-typing-typescript/","content":"expressのルーティングの型を書きながら、TypeScriptの高度な型について見ていくチュートリアル","tags":["TypeScript","article","express"],"relatedLinks":[]},{"date":"2021-02-15T13:14:11.675Z","title":"zeroturnaround/sql-formatter: A whitespace formatter for different query languages","url":"https://github.com/zeroturnaround/sql-formatter","content":"JavaScriptで書かれたSQLのフォーマッター","tags":["JavaScript","SQL","library"],"relatedLinks":[]},{"date":"2021-02-15T13:15:09.334Z","title":"Release v2.0.0 · markedjs/marked","url":"https://github.com/markedjs/marked/releases/tag/v2.0.0","content":"marked 2.0.0リリース","tags":["Markdown","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-02-15T13:39:00.126Z","title":"eBay Launches Marko 5","url":"https://tech.ebayinc.com/engineering/ebay-launches-marko-5/","content":"Marko 5リリース。\nコンパイラにBabelを使うように、webpackとRollupでのbundleに対応、`@marko/testing-library`の追加、VScodeなどのエディタ拡張のサポートなど。\n","tags":["JavaScript","library","template","ReleaseNote"],"relatedLinks":[{"title":"Upgrading to Marko 5","url":"https://markojs.com/docs/marko-5-upgrade/"}]},{"date":"2021-02-15T14:54:22.091Z","title":"WebdriverIO v7 Released | WebdriverIO","url":"https://webdriver.io/blog/2021/02/09/webdriverio-v7-released/","content":"WebdriverIO v7リリース。\nNode.js 10のサポート終了、TypeScriptでの書き直し、Cucumber v7へアップデート、Lightouse連携の改善。\n`browser.checkPWA()`の追加、`@babel/register`や`ts-node`がインストールされている場合に自動的にコンパイルする`autoCompileOpts`の追加など","tags":["webdriver","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-02-15T14:56:14.172Z","title":"Generators in Javascript: How to use them - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/karimelghamry/generators-in-javascript-how-to-use-them-372d","content":"generator関数の使い方とユースケースについて","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2021-02-15T15:12:14.113Z","title":"Release v2.15.0 · nuxt/nuxt.js","url":"https://github.com/nuxt/nuxt.js/releases/tag/v2.15.0","content":"Nuxtjs 2.15.0リリース。\nNode.js 10のサポート終了、YarnのPlug'n'Playのサポート、`@nuxt/components` v2へのアップデートなど","tags":["Vue","library","ReleaseNote"],"relatedLinks":[{"title":"nuxt/components: Scan and auto import components for Nuxt.js 2.13+","url":"https://github.com/nuxt/components#migration-guide"},{"title":"nuxt-contrib/jiti: Runtime Typescript and ESM support for Node.js","url":"https://github.com/nuxt-contrib/jiti"}]},{"date":"2021-02-15T15:20:44.930Z","title":"Lazy Load Routes in Vue with webpack Dynamic Comments | CSS-Tricks","url":"https://css-tricks.com/lazy-load-routes-in-vue-with-webpack-dynamic-comments/","content":"Vue Routerを使った遅延ロードについての解説記事。\nwebpackでのchunkの分離、`webpackChunkName`でのchunkのファイル名の指定についてなど","tags":["Vue","article"],"relatedLinks":[]},{"date":"2021-02-15T15:25:14.318Z","title":"mizdra/eslint-interactive","url":"https://github.com/mizdra/eslint-interactive","content":"ESLintをルールごとにチェックして、ルールごとに`--fix`での修正をインタラクティブにできるコマンドラインツール","tags":["ESLint","Tools"],"relatedLinks":[{"title":"rule ごとに高速に eslint --fix できるツールを作った - mizdra's blog","url":"https://www.mizdra.net/entry/2021/02/11/211856"}]},{"date":"2021-02-16T03:01:36.431Z","title":"Just(js): On Javascript Performance","url":"https://just.billywhizz.io/blog/on-javascript-performance-01/","content":"Just(js)はどのような最適化をしてTechempowerのベンチマークのスコアをあげていったかについての記事","tags":["JavaScript","benchmark","performance","article","C++"],"relatedLinks":[{"title":"Introduction - TechEmpower Framework Benchmarks","url":"https://www.techempower.com/benchmarks/#section=intro"}]},{"date":"2021-02-16T03:05:50.449Z","title":"Write videos in React | Remotion","url":"https://www.remotion.dev/","content":"Reactを使って動画を作るための開発環境とライブラリ","tags":["React","video","library"],"relatedLinks":[]},{"date":"2021-02-17T16:05:25.875Z","title":"Announcing Vite 2.0 - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/yyx990803/announcing-vite-2-0-2f0a","content":"フレームワークに依存しない開発環境ツールのVite 2.0リリース。\n公式のテンプレートを用意しVue以外もサポート、WMRをインスパイアしたRollupを拡張したプラグインのサポート、CSSの扱いを改善。\nまた、試験的にSSRのサポートしている。","tags":["Vue","JavaScript","ReleaseNote","Tools"],"relatedLinks":[{"title":"Migration from v1 | Vite","url":"https://vitejs.dev/guide/migration.html#config-options-change"}]},{"date":"2021-02-18T07:51:01.056Z","title":"Node v15.9.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v15.9.0/","content":"Node.js 15.9.0リリース。\n`fs/promises`に`watch()`を追加、`fs.watch`がAbortSignalをサポート、`timers/promises`で`setInterval`をasync iteratorとして扱えるように","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2021-02-19T02:45:21.066Z","title":"Release 3.9.0 - 2021.02.19 · zloirock/core-js","url":"https://github.com/zloirock/core-js/releases/tag/v3.9.0","content":"core-js 3.9.0リリース。\nES Proposal Stage 1の`Array#findLast()`、`Array#findLastIndex()`のサポート。","tags":["JavaScript","polyfill","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-02-20T14:15:05.865Z","title":"Interview with Ryan Dahl, Node.js & Deno creator by Evrone","url":"https://evrone.com/ryan-dahl-interview","content":"Node.jsとDenoの作者であるRyan Dahlのインタビュー記事。\nJavaScript/TypeScript、Denoの設計、プログラミング言語の特性と問題領域、オープンソースについてなど","tags":["deno","Interview","article","JavaScript","opinion"],"relatedLinks":[]},{"date":"2021-02-21T03:50:34.189Z","title":"ThomasAribart/json-schema-to-ts: Infer TS types from JSON schemas 📝","url":"https://github.com/ThomasAribart/json-schema-to-ts","content":"JSON SchemaからTypeScriptの型推論をするライブラリ","tags":["JSON","TypeScript","library"],"relatedLinks":[]},{"date":"2021-02-21T03:53:49.220Z","title":"Release v2.0.0 · svg/svgo","url":"https://github.com/svg/svgo/releases/tag/v2.0.0","content":"SVG最適化ツールであるSVGO 2.0リリース。\n設定ファイルの書式の変更、CLIでinline json configを渡せないように変更、Node.js APIの変更。\nまた、ブラウザ向けのbundleを同梱するようになるなど","tags":["SVG","Tools","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-02-22T14:23:18.040Z","title":"Understanding Z-Index in CSS","url":"https://ishadeed.com/article/understanding-z-index/","content":"CSSの`z-index`について図とともに視覚的に学べるチュートリアル。\nスタックコンテキスト、スタックコンテキストを作るプロパティ、`z-index`との関係について","tags":["CSS","tutorial"],"relatedLinks":[]},{"date":"2021-02-23T04:02:59.074Z","title":"Release v1.0.0-rc.1 · video-dev/hls.js","url":"https://github.com/video-dev/hls.js/releases/tag/v1.0.0-rc.1","content":"hls.js 1.0.0 RC1リリース。\n破壊的な変更としてAPIの一部変更、Promiseへ依存するようになった。\nLow-Latency HLSサポート、実験的にIMSC1の基本的な機能をサポートなど","tags":["HLS","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-02-23T04:08:19.312Z","title":"Release v5.24.0 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v5.24.0","content":"webpack 5.24.0リリース。\nConcatenationするモジュールを探索する際のパフォーマンス改善","tags":["webpack","ReleaseNote"],"relatedLinks":[{"title":"improve performance of finding modules for concatenation by sokra · Pull Request #12745 · webpack/webpack","url":"https://github.com/webpack/webpack/pull/12745"}]},{"date":"2021-02-23T04:19:31.295Z","title":"7.13.0 Released: Records and Tuples, granular compiler assumptions, and top-level targets · Babel","url":"https://babeljs.io/blog/2021/02/22/7.13.0","content":"Babel 7.13.0リリース。\n`targets`の設定をTop-Levelに書くことで各プラグインがその設定を利用するように、仕様のエッジケースを無視してより小さなコードを出力する`assumptions`オプションの追加。\nES Proposal Stage 2のRecordsとTuplesのサポート、Flowの`this`パラメータのサポート、TypeScript 4.2のサポートなど。\nまた、`@babel/runtime`がNode.jsの`exports`フィールドに対応するなど","tags":["babel","ReleaseNote"],"relatedLinks":[]},{"date":"2021-02-23T04:50:56.438Z","title":"Using AbortController as an Alternative for Removing Event Listeners | CSS-Tricks","url":"https://css-tricks.com/using-abortcontroller-as-an-alternative-for-removing-event-listeners/","content":"Chrome 88から`addEventListener`がAbort Signalに対応したため、`removeEventListener`を使わずにイベントリスナーを解除できるという話","tags":["DOM","JavaScript","article"],"relatedLinks":[]},{"date":"2021-02-23T04:56:24.831Z","title":"Listify a JavaScript Array","url":"https://kentcdodds.com/blog/listify-a-java-script-array","content":"`Intl.ListFormat`を使うことで、\"A, B, and C\"のような言語に応じたandとorの表現を作成できるという話","tags":["JavaScript","i18n","article"],"relatedLinks":[]},{"date":"2021-02-23T13:45:17.136Z","title":"w3c/browser-statuses: Implementation support information of Web technologies on main desktop and mobile browsers","url":"https://github.com/w3c/browser-statuses","content":"Can I Use、Chrome Platform Status、MDN、WebKit Feature Statusのデータをノーマライズしたデータセット。\nAPIごとにブラウザやPolyfillのサポート状況を取得できるライブラリ。","tags":["browser","WebPlatformAPI","library"],"relatedLinks":[]},{"date":"2021-02-24T02:21:13.812Z","title":"Introducing State Partitioning - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2021/02/introducing-state-partitioning/","content":"Firefox 86でETPのStrictモードを使っている際に有効化されたState Partitioningについて。\nCookieの保存もサイトごとのdoubled keyとなり、3rd party cookieなども分離される。\nSSOなどを壊さないようにopenerを使った動作に対するヒューリスティックな回避策やStorage Access APIについても書かれている","tags":["Firefox","security","article"],"relatedLinks":[{"title":"State Partitioning - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Privacy/State_Partitioning"},{"title":"Firefox 86 Introduces Total Cookie Protection - Mozilla Security Blog","url":"https://blog.mozilla.org/security/2021/02/23/total-cookie-protection/"}]},{"date":"2021-02-24T02:35:08.813Z","title":"A Fabulous February Firefox — 86! - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2021/02/a-fabulous-february-firefox-86/","content":"Firefox 86リリース。\nETPのStrict ModeでState Partitioningを導入、Dev Toolsで`iframe`のinspectionを改善。\nCSSでprefixなし`:autofill`のサポート、`Intl.DisplayNames`をデフォルトで有効化など。\nまた、異なるドメインからページをロードした際に`Window.name`が空文字列となるように変更されている","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 86.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/86.0/releasenotes/"},{"title":"Firefox 86 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/86"},{"title":"Note Window.name privacy behavior in Firefox 86+ by Rumyra · Pull Request #9129 · mdn/browser-compat-data","url":"https://github.com/mdn/browser-compat-data/pull/9129"}]},{"date":"2021-02-24T02:39:38.404Z","title":"Announcing TypeScript 4.2 | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-2/","content":"TypeScript 4.2リリース。\nTuple TypesでRest Elementをサポート、Type Aliasの型追跡の改善、オブジェクトではないオペランドに対する`in`演算子のチェックを追加。`noPropertyAccessFromIndexSignature`オプションの追加、`abstract new`のサポートなど","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2021-02-24T02:58:54.992Z","title":"Streams—The definitive guide","url":"https://web.dev/streams/","content":"WHATWG Streamsについての解説記事。\nコンセプト、仕組み、`ReadableStream`/`WritableStream`/`TransformStream`の使い方と`pipeTo`での連携。\nFetch API、Text Encoding、Compression、File System API、Web SocketsなどStreamをサポートしているAPIについても紹介している","tags":["WHATWG","stream","article"],"relatedLinks":[]},{"date":"2021-02-24T03:06:22.596Z","title":"February 2021 Security Releases | Node.js","url":"https://nodejs.org/en/blog/vulnerability/february-2021-security-releases/","content":"Node.jsのセキュリティアップデートとして10.x、12.x、14.x、15.xがそれぞれリリースされている。\nHTTP2のunknownProtocolを使ったDoSの修正、`--inspect`時のDNS rebindingの修正、OpenSSLのセキュリティアップデート","tags":["node.js","ReleaseNote","security"],"relatedLinks":[]},{"date":"2021-02-26T13:55:25.661Z","title":"Introducing Env: a better way to read environment variables in JavaScript - Human Who Codes","url":"https://humanwhocodes.com/blog/2021/02/introducing-env-javascript-environment-variables/","content":"環境変数のよくある問題を回避するライブラリについて","tags":["JavaScript","library","article"],"relatedLinks":[]},{"date":"2021-02-27T04:49:24.556Z","title":"CSS-in-JS support in DevTools  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2021/02/css-in-js","content":"Chrome 85 DevToolsのCSS-in-JSの対応について。\n今まではCSSOM APIで追加されたルールのスタイルは編集できなかったが、編集できるようになったという話","tags":["Chrome","debug","CSS","article"],"relatedLinks":[]},{"date":"2021-02-28T12:47:03.406Z","title":"JavaScript performance beyond bundle size | Read the Tea Leaves","url":"https://nolanlawson.com/2021/02/23/javascript-performance-beyond-bundle-size/","content":"JavaScriptのBundle sizeとランタイムのCPUコスト、メモリ使用量、電力使用量の調べ方について。\nBundle SizeについてはBundlePhobiaやWeb Vitalsなどで分かるようになってきているが、パフォーマンスはもっと多面的なものであるため、他のメトリクスをどのように見るかについて","tags":["JavaScript","performance","article"],"relatedLinks":[{"title":"BundlePhobia ❘ cost of adding a npm package","url":"https://bundlephobia.com/"}]},{"date":"2021-02-28T12:56:51.420Z","title":"How Web Content Can Affect Power Usage | WebKit","url":"https://webkit.org/blog/8970/how-web-content-can-affect-power-usage/","content":"CPU、GPU、ネットワークなどが電力消費に与える影響について。\nバックグラウンド時にCPU消費をなくす方法、Web InspectorのEnergy Impactの表示について","tags":["safari","webkit","debug","article"],"relatedLinks":[]},{"date":"2021-02-28T13:05:25.280Z","title":"Why JavaScript Developers Should Prefer Axios Over Fetch | by Sabesan Sathananthan | Feb, 2021 | Better Programming","url":"https://betterprogramming.pub/why-javascript-developers-should-prefer-axios-over-fetch-294b28a96e2c","content":"Fetch APIとaxiosの比較。\nレスポンスデータの自動変換、エラー処理、ダウンロードのprogress処理、アップロードのprogress処理、HTTPのインターセプト、タイムアウト、並列リクエストについて比較している","tags":["JavaScript","Fetch","article"],"relatedLinks":[]},{"date":"2021-02-28T13:25:01.398Z","title":"jcubic/tagger: Zero Dependency, Vanilla JavaScript Tag Editor","url":"https://github.com/jcubic/tagger","content":"依存のないタグ入力UIライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2021-02-28T13:40:47.823Z","title":"wynntee/joss: JOSS can serialize almost every JavaScript data type and data structure, so data can be seamlessly exchanged between browsers and servers (Deno or Node.js).","url":"https://github.com/wynntee/joss","content":"JOSSというJavaScriptオブジェクトのシリアライズ、デシアライズの仕様とそのリファレンス実装ライブラリ。\nBigInt、循環参照、疎な配列、`-0`などJSONにはない部分もサポートしている。\nブラウザ、Node、Denoで動作する","tags":["JavaScript","library"],"relatedLinks":[{"title":"JS Open Serialization Scheme","url":"https://www.wynntee.com/projects/serialization/specification/index.html"}]},{"date":"2021-02-28T14:54:48.181Z","title":"Use CSS Variables instead of React Context | Epic React by Kent C. Dodds","url":"https://epicreact.dev/css-variables/","content":"CSS-in-JSを使ったThemeコンポーネントのようなテーマの切り替えをCSS Custom Propertiesで実装してみる話。\n実装の違い、レンダリングフローの違いについて","tags":["React","CSS","article"],"relatedLinks":[]},{"date":"2021-02-28T15:52:00.169Z","title":"React Context を export するのはアンチパターンではないかと考える | stin's blog","url":"https://blog.stin.ink/articles/do-not-export-react-context","content":"React Contextをモジュールからexportするのではなく、Custom Hookとしてexportするという話。","tags":["React","article"],"relatedLinks":[]},{"date":"2021-03-01T05:45:49.561Z","title":"andrewcourtice/harlem: Simple, unopinionated, lightweight and extensible state management for Vue 3","url":"https://github.com/andrewcourtice/harlem","content":"Vue 3向けのステート管理ライブラリ。\npluginでVue DevToolsへの対応や、SSR、Storage保存、トランザクション対応などができる。","tags":["Vue","JavaScript","TypeScript","library"],"relatedLinks":[]},{"date":"2021-03-01T12:10:44.377Z","title":"CORS 完全手冊（一）：為什麼會發生 CORS 錯誤？ - Huli","url":"https://blog.huli.tw/2021/02/19/cors-guide-1/","content":"CORSの概念、対応方法、よくある間違い、CORB/CORP/COEP/COOPなどオリジン関連のルール、セキュリティ的な問題についての連載記事。\nクロスオリジンリクエストはなぜブロックされるのか、CORSの仕様解説、CORSのキャッシュ、CORSの設定ミスなどについて","tags":["CORS","security","browser","article"],"relatedLinks":[]},{"date":"2021-03-01T13:34:47.107Z","title":"GoudekettingRM/link-overview-jsworld-2021","url":"https://github.com/GoudekettingRM/link-overview-jsworld-2021","content":"JS World 2021のスライドや動画のまとめ","tags":["JavaScript","Conference","video","slide"],"relatedLinks":[{"title":"JS World - Online Conference by Frontend Love","url":"https://frontenddeveloperlove.com/"}]},{"date":"2021-03-01T13:42:33.029Z","title":"React テスト応用、テストに悩む人へ","url":"https://zenn.dev/tkdn/books/react-testing-patterns","content":"ReactコンポーネントとHooksのテストについての書籍。","tags":["React","testing","book"],"relatedLinks":[]},{"date":"2021-03-01T21:32:12.144Z","title":"What's New In DevTools (Chrome 90)  |  Web  |  Google Developers","url":"https://developers.google.com/web/updates/2021/02/devtools","content":"Chrome 90のDev Toolsの変更点について。\nCSS flexboxのデバッグツールの追加、Core Web Vitalsのオーバーレイ表示、\nIssues tabの改善、CSS color-gamutのエミュレート機能の追加。\nDev Toolsを開いた状態でのデバッグのパフォーマンス改善、`fn.displayName`のサポートを非推奨化など","tags":["Chrome","debug","article"],"relatedLinks":[]},{"date":"2021-03-03T02:03:13.439Z","title":"Gatsby v3 Incremental Builds in OSS, new Gatsby Image, and more | Gatsby","url":"https://www.gatsbyjs.com/blog/gatsby-v3/","content":"Gatsby 3.0リリース。\n破壊的変更としてNode.js 12未満のサポート終了、webpack 5/ESLint 7へアップデート、globalの`graphql`ではなくimportして使うように変更、APIの変更など。\nローカルでは実際にアクセスされたページだけをビルドすることで、全体を再構築せずにビルドできるように","tags":["React","GraphQL","ReleaseNote"],"relatedLinks":[{"title":"Migrating from v2 to v3 | Gatsby","url":"https://www.gatsbyjs.com/docs/reference/release-notes/migrating-from-v2-to-v3/"}]},{"date":"2021-03-03T02:33:05.193Z","title":"jQuery 3.6.0 Released! | Official jQuery Blog","url":"https://blog.jquery.com/2021/03/02/jquery-3-6-0-released/","content":"jQuery 3.6.0リリース。\nJSONPのリクエスト時に、エラーレスポンスがJSONを返した場合の挙動を変更。\n`.force()`のバグを修正など\n\n","tags":["jQuery","JSON","ReleaseNote"],"relatedLinks":[]},{"date":"2021-03-03T02:55:28.442Z","title":"Deno 1.8 Release Notes","url":"https://deno.land/posts/v1.8","content":"Deno 1.8.0リリース。\n試験的にWebGPU APIのサポート。\nICUに対応しECMA i18n APIである`Intl` オブジェクトなどのサポート。`DENO_AUTH_TOKENS`でモジュールを取得する際の認証トークンをサポート、Exit sanitierを`Deno.test`に追加、`deno fmt`がJSONをサポート、TypeScript 4.2へアップデート。\nImport Map、`Deno.permissions`、`Deno.link`、`Deno.symlink` APIがそれぞれStable APIとなった。\n","tags":["deno","ReleaseNote"],"relatedLinks":[]},{"date":"2021-03-03T12:52:55.939Z","title":"serverless-stack/serverless-stack: Serverless Stack (SST) is a framework that makes it easy to build serverless apps.","url":"https://github.com/serverless-stack/serverless-stack","content":"AWS CDKを使ったserverless管理、開発ツール。\nLambdaの開発、デプロイ、ビルドやLintの設定、各種AWSスタックとの連携などを含む","tags":["serverless","aws"],"relatedLinks":[]},{"date":"2021-03-04T00:56:09.438Z","title":"New Microsoft Edge to replace Microsoft Edge Legacy with April’s Windows 10 Update Tuesday release - Microsoft Tech Community","url":"https://techcommunity.microsoft.com/t5/microsoft-365-blog/new-microsoft-edge-to-replace-microsoft-edge-legacy-with-april-s/ba-p/2114224","content":"Microsoft Edge Legacyは2021年3月9日でサポート終了される。\nまた、2021年4月13に削除されるセキュリティアップデートが配信され、同時に新しいChromiumベースのMSEdgeがインストールされる。","tags":["MSEdge","news"],"relatedLinks":[]},{"date":"2021-03-05T02:00:15.129Z","title":"Chromium Blog: Speeding up Chrome's release cycle","url":"https://blog.chromium.org/2021/03/speeding-up-release-cycle.html","content":"Chromeのリリースサイクルが6週間ごとから4週間ごとに短縮される。","tags":["Chrome","news"],"relatedLinks":[]},{"date":"2021-03-08T01:34:57.227Z","title":"Announcing the New TypeScript Handbook | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-the-new-typescript-handbook/","content":"TypeScript Handbookが刷新された。\n\n","tags":["TypeScript","document"],"relatedLinks":[{"title":"TypeScript: The starting point for learning TypeScript","url":"https://www.typescriptlang.org/docs/"}]},{"date":"2021-03-08T04:49:34.577Z","title":"NightlyCommit/twing: First-class Twig engine for Node.js","url":"https://github.com/NightlyCommit/twing","content":"テンプレートエンジンであるTwigのJavaScript実装ライブラリ","tags":["template","JavaScript","library"],"relatedLinks":[]},{"date":"2021-03-08T13:10:06.776Z","title":"Mini apps - web.dev","url":"https://web.dev/mini-apps/","content":"Mini appsのエコシステムの記事","tags":["article"],"relatedLinks":[]},{"date":"2021-03-08T13:16:33.228Z","title":"Electron 12.0.0 | Electron Blog","url":"https://www.electronjs.org/blog/electron-12-0","content":"Electron 12.0.0リリース。\nChromium 89、V8 8.9、Node.js 14.16へアップデート。\n`exposeInMainWorld`がオブジェクト以外をサポート、`webFrameMain` APIの追加など。\n`contextIsolation`と`worldSafeExecuteJavaScript`がデフォルトで`true`に変更、`remote`モジュールが非推奨となり`@electron/remote`外部モジュール化","tags":["Electron","ReleaseNote"],"relatedLinks":[{"title":"electron/remote: Bridge JavaScript objects from the main process to the renderer process in Electron.","url":"https://github.com/electron/remote"}]},{"date":"2021-03-08T13:27:10.114Z","title":"Release v6.0.0 · pixijs/pixi.js","url":"https://github.com/pixijs/pixi.js/releases/tag/v6.0.0","content":"pixi.js 6.0.0リリース。\nTypeScriptの型改善、DeprecatedとなっていたAPIの削除、`alpha`オプションのデフォルト値を`true`に変更、`FAIL_IF_MAJOR_PERFORMANCE_CAVEAT`のデフォルト値を`false`に変更など","tags":["JavaScript","game","library","ReleaseNote","canvas","WebGL"],"relatedLinks":[]},{"date":"2021-03-08T13:46:43.840Z","title":"JakePartusch/serverlessui: A command-line utility for deploying serverless applications to AWS. Complete with custom domains, deploy previews, TypeScript support, and more.","url":"https://github.com/JakePartusch/serverlessui","content":"AWSへserverlessアプリケーションをデプロイするためのツール。\nCDKを使って静的なサイトとlambdaなどのデプロイを一括で行う","tags":["aws","serverless","Tools"],"relatedLinks":[]},{"date":"2021-03-08T14:04:48.273Z","title":"Hiding Content Responsibly | Kitty Giraudel","url":"https://kittygiraudel.com/2021/02/17/hiding-content-responsibly/","content":"コンテンツの非表示を意味するCSSやWAI-ARIA属性のそれぞれの動作とアクセシビリティ的な挙動についてのまとめ。\nデータ、ビジュアル、レイアウト、セマンティクス、コンテンツ、キーボード、ポインター、スタイルなどの状態について","tags":["HTML","CSS","accessibility","article"],"relatedLinks":[{"title":"removal techniques and implications","url":"https://codepen.io/vincent-valentin/full/JjGmxzV"}]},{"date":"2021-03-08T14:24:39.740Z","title":"nanojsx/nano: 🎯 SSR first, lightweight 1kB JSX library.","url":"https://github.com/nanojsx/nano","content":"JSXを使ったSSR firstなUIライブラリ。\n指定したコンポーネントのみをHydrate、Lazy Hydrateができ、ビルトインでRouterやHead周りのコンポーネントを持っている。\nReactライクなライフサイクルメソッドやHooksの処理を持っている。","tags":["jsx","React","library"],"relatedLinks":[{"title":"Nano JSX • Lightweight 1kB JSX library","url":"https://nanojsx.github.io/"}]},{"date":"2021-03-08T14:52:14.770Z","title":"Google Developers Blog: Announcing Flutter 2","url":"https://developers.googleblog.com/2021/03/announcing-flutter-2.html","content":"Flutter 2リリース。\nWebサポートとデスクトップサポートがStableとなり、Dart 2.12をサポート。\niOSでAutocompleteとScaffoldMessengerのサポートなど","tags":["Flutter","ReleaseNote"],"relatedLinks":[{"title":"Dart 2.12","url":"https://medium.com/dartlang/announcing-dart-2-12-499a6e689c87"},{"title":"Flutter web support hits the stable milestone | Flutter","url":"https://medium.com/flutter/flutter-web-support-hits-the-stable-milestone-d6b84e83b425"},{"title":"What’s New in Flutter 2. by Chris Sells | Mar, 2021 | Medium | Flutter | Flutter","url":"https://medium.com/flutter/whats-new-in-flutter-2-0-fe8e95ecc65"}]},{"date":"2021-03-09T12:59:06.962Z","title":"Release v0.9.0 · evanw/esbuild","url":"https://github.com/evanw/esbuild/releases/tag/v0.9.0","content":"esbuild 0.9.0リリース。\npackage.jsonの`exports`フィールドのサポート、`esbuild.startService()` APIの削除、bannerとfooterを言語ごとに指定できるように","tags":["JavaScript","Tools","relre"],"relatedLinks":[]},{"date":"2021-03-12T00:33:15.705Z","title":"Release Notes for Safari Technology Preview 122 | WebKit","url":"https://webkit.org/blog/11577/release-notes-for-safari-technology-preview-122/","content":"Safari Technology Preview 122リリース。\n実験フラグ付きでCSS `:focus-visible`とCSS Color 5の実装を追加。\nES ProposalのPrivate method、Top-Level await、RegExp Match Indicesのサポート。\nWorkerで`type: module`をサポート、Paint Timingの有効化など","tags":["safari","webkit","ReleaseNote"],"relatedLinks":[]},{"date":"2021-03-13T02:37:14.928Z","title":"Debugging layout shifts","url":"https://web.dev/debugging-layout-shifts/","content":"Layout Instability APIでのCumulative Layout Shift (CLS)の計測とCLSの特定とデバッグ方法について","tags":["performance","debug","article"],"relatedLinks":[]},{"date":"2021-03-13T03:10:59.404Z","title":"Chromium Blog: Chrome 90 Beta: AV1 Encoder for WebRTC, New Origin Trials, and More","url":"https://blog.chromium.org/2021/03/chrome-90-beta-av1-encoder-for-webrtc.html","content":"Chrome 90 Betaリリース。\nAV1 Encoderのサポート。\nOrigin Trialとして`getCurrentBrowsingContextMedia()`、Breakout Box、WebAssembly Exception Handlingのサポート。\nCSSの`aspect-ratio`とwidthかheightが指定されているときに推論されるように、`:state`、`overflow: clip`のサポート。\nFeature-Policyに代わるPermissions-Policy、`StaticRange`のサポートなど。\n`navigator.plugins`と`navigator.mimeTypes`が空要素を返すようになるなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2021-03-13T03:25:51.205Z","title":"Digging Into CSS Logical Properties","url":"https://ishadeed.com/article/css-logical-properties/","content":"RTLに対応したCSSの書き方と`margin-inline-end`について。","tags":["CSS","article"],"relatedLinks":[]},{"date":"2021-03-13T13:34:18.303Z","title":"Announcing React Native 0.64 with Hermes on iOS · React Native","url":"https://reactnative.dev/blog/2021/03/12/version-0.64","content":"React Native 0.64リリース。\niOSでもJSエンジンのHermesを利用可能に、MetroでInline Requiresがデフォルトで有効化、HermesがES Proxyのサポート、React 17へアップデートなど","tags":["React","iOS","Android","ReleaseNote"],"relatedLinks":[]},{"date":"2021-03-13T13:39:41.566Z","title":"Post-Spectre Web Development","url":"https://w3c.github.io/webappsec-post-spectre-webdev/","content":"Spectre以後のウェブ開発における脅威モデルと戦略についてのドキュメント。\nIsolation、サブリソース、クロスオリジンを意図した操作についてなど","tags":["security","document"],"relatedLinks":[]},{"date":"2021-03-15T12:33:15.576Z","title":"sveltejs/kit: A monorepo for SvelteKit and friends","url":"https://github.com/sveltejs/kit","content":"SvelteKitのソースコードが公開された","tags":["Svelte","JavaScript","Tools","news"],"relatedLinks":[]},{"date":"2021-03-15T12:53:18.639Z","title":"What is SvelteKit? | SK Incognito","url":"https://sk-incognito.vercel.app/learn/what-is-sveltekit","content":"SvelteKitのチュートリアルサイト","tags":["Svelte","tutorial"],"relatedLinks":[]},{"date":"2021-03-15T13:30:00.421Z","title":"レシピサービスのフロントエンドに CSS in JS を採用した話 - クックパッド開発者ブログ","url":"https://techlife.cookpad.com/entry/2021/03/15/090000","content":"emotionを使ったCSS-in-JSについて。\nstyled-componentsの記法ではなくString Stylesを採用した理由、stylelintを使ったLint、Jestを使ったスナップショットテストについてなど","tags":["React","CSS","article"],"relatedLinks":[]},{"date":"2021-03-15T13:31:56.595Z","title":"JavaScript: What is the meaning of this?","url":"https://web.dev/javascript-this/","content":"いろいろなケースの`this`の意味について解説している記事","tags":["JavaScript","article"],"relatedLinks":[{"title":"関数とthis · JavaScript Primer #jsprimer","url":"https://jsprimer.net/basic/function-this/"}]},{"date":"2021-03-15T13:41:25.328Z","title":"Cloud9c/taro: A lightweight 3D game engine for the web.","url":"https://github.com/Cloud9c/taro","content":"three.jsとcannon-esを使った3Dゲームエンジンライブラリ","tags":["JavaScript","3D","game","library"],"relatedLinks":[]},{"date":"2021-03-15T13:46:09.356Z","title":"rsms/estrella: Lightweight and versatile build tool based on the esbuild compiler","url":"https://github.com/rsms/estrella","content":"esbuildとtscのラッパーツール。\nesbuildでビルドしながら、tscでの型チェックを同時に実行できるビルドツール","tags":["JavaScript","Tools","bundler"],"viaURL":"https://dev.to/walpolea/through-the-pipeline-an-exploration-of-front-end-bundlers-ea1","relatedLinks":[{"title":"Through the pipeline: An exploration of front-end bundlers - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/walpolea/through-the-pipeline-an-exploration-of-front-end-bundlers-ea1"}]},{"date":"2021-03-15T13:49:17.413Z","title":"Release ES2021 Candidate March 2021 · tc39/ecma262","url":"https://github.com/tc39/ecma262/releases/tag/es2021-candidate-2021-03","content":"ECMAScript 2021のリリース候補が公開された。ECMAScript 2021に入る予定の機能は決定され仕様もフリーズされたため、masterブランチはES 2022となった","tags":["ECMAScript","spec","ReleaseNote"],"viaURL":"https://dev.to/walpolea/through-the-pipeline-an-exploration-of-front-end-bundlers-ea1","relatedLinks":[{"title":"ECMAScript 2021: the final feature set","url":"https://2ality.com/2020/09/ecmascript-2021.html"},{"title":"proposals/finished-proposals.md at master · tc39/proposals","url":"https://github.com/tc39/proposals/blob/master/finished-proposals.md"}]},{"date":"2021-03-15T13:57:08.891Z","title":"Beyond Console.log() – Level up Your Debugging Skills - SitePoint","url":"https://www.sitepoint.com/beyond-console-log-level-up-your-debugging-skills/","content":"Console APIやChrome DevToolsを使ったデバッグについての記事。\nログフォーマット、Console APIの紹介、Dev Tools上で使える関数、Overrides、VScodeとの連携についてなど","tags":["console","debug","JavaScript","article","Chrome"],"viaURL":"https://dev.to/walpolea/through-the-pipeline-an-exploration-of-front-end-bundlers-ea1","relatedLinks":[]},{"date":"2021-03-15T14:31:43.787Z","title":"Socket.IO 4.0.0 | Socket.IO","url":"https://socket.io/blog/socket-io-4-release/","content":"Socket.IO 4.0.0リリース。\n破壊的な変更としてサーバ側の`io.to()`がimmutableに変更、protocolは互換性を維持している。\n`pingTimeout`のデフォルト値を5秒から20秒へ変更、Utilityメソッドの追加、`autoUnref`オプションの追加など","tags":["WebSocket","node.js","library","ReleaseNote"],"viaURL":"https://dev.to/walpolea/through-the-pipeline-an-exploration-of-front-end-bundlers-ea1","relatedLinks":[{"title":"Migrating from 3.x to 4.0 | Socket.IO","url":"https://socket.io/docs/v3/migrating-from-3-x-to-4-0/"},{"title":"fix: set default protocol version to 3 to allow backward compatibilit… by simonemazzoni · Pull Request #616 · socketio/engine.io","url":"https://github.com/socketio/engine.io/pull/616"}]},{"date":"2021-03-15T23:19:03.509Z","title":"The Death of a Node.js Process - Thomas Hunter II","url":"https://thomashunter.name/posts/2021-03-08-the-death-of-a-nodejs-process","content":"Node.jsにおけるプロセス終了とエラーについて。\nuncaughtException、unhandledRejectionでのエラーのキャッチと`process.exit`でのプロセス終了方法。\nまた、Signalとそれをハンドリングできるかどうかについてのまとめ","tags":["node.js","article"],"viaURL":"https://dev.to/walpolea/through-the-pipeline-an-exploration-of-front-end-bundlers-ea1","relatedLinks":[]},{"date":"2021-03-16T19:19:21.937Z","title":"Mitigate cross-site scripting (XSS) with a strict Content Security Policy (CSP)","url":"https://web.dev/strict-csp/","content":"ドメインの許可リストのCSPよりも、strict設定のCSPを推奨するという話。\nnonceとstrict-dynamicベースのCSP設定で防げるXSS、nonceベースとhashベースのCSPの設定、CSPの導入手順について","tags":["CSP","article","security"],"viaURL":"https://dev.to/walpolea/through-the-pipeline-an-exploration-of-front-end-bundlers-ea1","relatedLinks":[]},{"date":"2021-03-18T14:19:18.470Z","title":"Node v15.12.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v15.12.0/","content":"Node.js 15.12.0リリース。\n`crypto.create{Public,Private}Key`がJWKオブジェクトをサポート、`fs.promises`のwriteFileとreadFileのパフォーマンス改善。\n`AbortSignal.abort()`の実装、`worker`モジュールに`{get,set}EnvironmentData`を追加など","tags":["node.js","ReleaseNote"],"viaURL":"https://dev.to/walpolea/through-the-pipeline-an-exploration-of-front-end-bundlers-ea1","relatedLinks":[{"title":"fs.promises.readFile is 40% slower than fs.readFile · Issue #37583 · nodejs/node","url":"https://github.com/nodejs/node/issues/37583"}]},{"date":"2021-03-18T14:48:40.829Z","title":"V8 release v9.0 · V8","url":"https://v8.dev/blog/v8-release-90","content":"V8 v9.0リリース。\n`RegExp#insices`の実装、`super`のプロパティアクセスのパフォーマンス改善、JavaScriptからWasmの関数を呼ぶときのパフォーマンスを改善など","tags":["V8","ReleaseNote"],"viaURL":"https://dev.to/walpolea/through-the-pipeline-an-exploration-of-front-end-bundlers-ea1","relatedLinks":[]},{"date":"2021-03-19T03:27:14.944Z","title":"Release v7.3.0 · GoogleChrome/lighthouse","url":"https://github.com/GoogleChrome/lighthouse/releases/tag/v7.3.0","content":"Lighthouse 7.3.0リリース。\n新しいauditとしてcsp-xssを試験的に追加。","tags":["performance","Tools","ReleaseNote","Chrome"],"viaURL":"https://dev.to/walpolea/through-the-pipeline-an-exploration-of-front-end-bundlers-ea1","relatedLinks":[{"title":"new_audit: csp-xss by adamraine · Pull Request #12044 · GoogleChrome/lighthouse","url":"https://github.com/GoogleChrome/lighthouse/pull/12044"}]},{"date":"2021-03-20T13:10:56.972Z","title":"jasmine/3.7.0.md at main · jasmine/jasmine","url":"https://github.com/jasmine/jasmine/blob/main/release_notes/3.7.0.md","content":"Jasmine 3.7リリース。\nNode.jsのSource Mapsに対応、Array.prototypeを拡張している際にテストが一部落ちる問題の修正、`.and.callFake`がGenerator関数をサポートなど","tags":["JavaScript","library","ReleaseNote","testing"],"viaURL":"https://dev.to/walpolea/through-the-pipeline-an-exploration-of-front-end-bundlers-ea1","relatedLinks":[{"title":"Source maps in Node.js. Supporting the many flavors of… | by Node.js | Medium","url":"https://nodejs.medium.com/source-maps-in-node-js-482872b56116"}]},{"date":"2021-03-22T01:11:36.890Z","title":"ECMAScript proposal updates @ 2021-03 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2021/03/22/ecmascript-proposal-update","content":"2021年3月のTC39でECMAScript Proposalのステータス変更のまとめ。\nModule FragmentsがStage 1へ、`Array#findLast`がStage2へ、TemporalがStage 3へ更新など","tags":["ECMAScript","news"],"viaURL":"https://dev.to/walpolea/through-the-pipeline-an-exploration-of-front-end-bundlers-ea1","relatedLinks":[{"title":"JavaScript の Module Fragments について","url":"https://sosukesuzuki.dev/posts/stage-0-module-fragments/"}]},{"date":"2021-03-22T12:52:13.504Z","title":"101arrowz/isoworker: Isomorphic workerization with context support","url":"https://github.com/101arrowz/isoworker","content":"WebWorkerと`worker_threds`に対応したWorkerライブラリ。\nInline CodeをWorkerコードを作成し、Workerに対してクラスや関数を含めたデータを渡して実行した結果を取得できる","tags":["browser","node.js","library"],"viaURL":"https://dev.to/walpolea/through-the-pipeline-an-exploration-of-front-end-bundlers-ea1","relatedLinks":[]},{"date":"2021-03-22T13:04:02.647Z","title":"Supabseチームはどのようにフロントエンドの高速化に成功したのか - バンクーバーで考え中","url":"https://jp.taishikato.com/posts/making-the-supabase-dashboard-supa-fast","content":"Making the Supabase Dashboard Supa-fastの翻訳記事。\nベースラインと目標設定、バンドルサイズの改善、パフォーマンス文化について","tags":["performance","article"],"viaURL":"https://dev.to/walpolea/through-the-pipeline-an-exploration-of-front-end-bundlers-ea1","relatedLinks":[{"title":"Making the Supabase Dashboard Supa-fast","url":"https://supabase.io/blog/2020/12/13/supabase-dashboard-performance"}]},{"date":"2021-03-22T13:12:23.583Z","title":"Charts.css","url":"https://chartscss.org/","content":"CSSを使ったグラフライブラリ。\n様々な種類のチャートの表示に対応している。","tags":["CSS","library"],"viaURL":"https://dev.to/walpolea/through-the-pipeline-an-exploration-of-front-end-bundlers-ea1","relatedLinks":[]},{"date":"2021-03-22T13:32:39.414Z","title":"The #1 tip to familiarize with new JavaScript Codebases","url":"https://www.kevinpeters.net/the-fastest-way-to-understand-new-code-bases","content":"`code-complexity`を使ったコードの複雑度分析について。\nComplexityとChurnについて\n","tags":["JavaScript","article"],"viaURL":"https://dev.to/walpolea/through-the-pipeline-an-exploration-of-front-end-bundlers-ea1","relatedLinks":[{"title":"simonrenoult/code-complexity: Measure the churn/complexity ratio. Higher values mean hotspots where refactorings should happen.","url":"https://github.com/simonrenoult/code-complexity"}]},{"date":"2021-03-22T13:47:55.893Z","title":"taoqf/node-html-parser: A very fast HTML parser, generating a simplified DOM, with basic element query support.","url":"https://github.com/taoqf/node-html-parser","content":"HTMLパーサとDOM APIライブラリ。\nパースした結果のオブジェクトでDOM APIライクな操作ができる。","tags":["HTML","DOM","library"],"viaURL":"https://dev.to/walpolea/through-the-pipeline-an-exploration-of-front-end-bundlers-ea1","relatedLinks":[]},{"date":"2021-03-22T14:02:41.414Z","title":"CSS Auditing Tools — Smashing Magazine","url":"https://www.smashingmagazine.com/2021/03/css-auditing-tools/","content":"CSSのAuditツールについての記事。\nCSSセレクタの詳細度、複雑度の測定、Code Coverage、継続的な分析など","tags":["CSS","article","Tools"],"viaURL":"https://dev.to/walpolea/through-the-pipeline-an-exploration-of-front-end-bundlers-ea1","relatedLinks":[]},{"date":"2021-03-22T14:20:21.609Z","title":"Next 10 years of Node.js — Understanding the needs of the Node.js constituencies | by Node.js | Mar, 2021 | Medium","url":"https://nodejs.medium.com/next-10-years-of-node-js-understanding-the-needs-of-the-node-js-constituencies-2f95a1df6a6f","content":"Node.jsの次の10年について","tags":["node.js","article"],"viaURL":"https://dev.to/walpolea/through-the-pipeline-an-exploration-of-front-end-bundlers-ea1","relatedLinks":[{"title":"nodejs/next-10: Repository for discussion on strategic directions for next 10 years of Node.js","url":"https://github.com/nodejs/next-10"}]},{"date":"2021-03-23T02:47:41.104Z","title":"sinon/CHANGELOG.md at master · sinonjs/sinon","url":"https://github.com/sinonjs/sinon/blob/master/CHANGELOG.md#1000--2021-03-22","content":"Sinon.js 10.0.0リリース。\nIE 11、Legacy Edge、Legacy Safariのサポートを終了。","tags":["JavaScript","testing","library","ReleaseNote"],"viaURL":"https://dev.to/walpolea/through-the-pipeline-an-exploration-of-front-end-bundlers-ea1","relatedLinks":[]},{"date":"2021-03-23T03:25:53.522Z","title":"Hello from tRPC | tRPC","url":"https://trpc.io/","content":"HTTP通信のデータレイヤーライブラリ。\nTypeScriptとyup/zodなどのバリデーターを使ったサーバ側のAPIエンドポイントを定義し、その型をクライアントからも利用できる。\nReact向けのHooks/SSR対応のクライアントライブラリも公開されている。","tags":["JavaScript","browser","node.js","library","TypeScript","React","Next.js"],"viaURL":"https://dev.to/walpolea/through-the-pipeline-an-exploration-of-front-end-bundlers-ea1","relatedLinks":[]},{"date":"2021-03-23T03:30:55.286Z","title":"Learning TensorFlow.js","url":"https://learning.oreilly.com/library/view/learning-tensorflowjs/9781492090786/","content":"2021年7月発売\nTensorFlow.jsの入門書","tags":["JavaScript","MachineLearning","book"],"viaURL":"https://dev.to/walpolea/through-the-pipeline-an-exploration-of-front-end-bundlers-ea1","relatedLinks":[]},{"date":"2021-03-25T07:30:01.537Z","title":"Developing Web Components with TypeScript - Native Web Development Using Thin Libraries | Jörg Krause | Apress","url":"https://www.apress.com/gp/book/9781484268391","content":"TypeScriptを使ったWeb Components開発についての書籍","tags":["TypeScript","WebComponents","book"],"relatedLinks":[]},{"date":"2021-03-25T07:38:15.280Z","title":"Release v7.7.0 · npm/cli","url":"https://github.com/npm/cli/releases/tag/v7.7.0","content":"npm 7.7.0リリース。\nnpm run-scriptと`npm exec`が`--workspace`フラグでworkspacesをサポートなど","tags":["npm","ReleaseNote"],"relatedLinks":[]},{"date":"2021-03-25T08:10:44.025Z","title":"Firefox 87.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/87.0/releasenotes/","content":"Firefox 87.0リリース。\nReferrer Policyのデフォルト値を`strict-origin-when-cross-origin`に変更、トラッカーのスクリプトをローカルで置き換えるSmartBlock。\nDevToolsで`prefers-color-scheme`のシミュレートなど","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 87 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/87"},{"title":"Firefox 87 trims HTTP Referrers by default to protect user privacy - Mozilla Security Blog","url":"https://blog.mozilla.org/security/2021/03/22/firefox-87-trims-http-referrers-by-default-to-protect-user-privacy/"},{"title":"Firefox 87 introduces SmartBlock for Private Browsing - Mozilla Security Blog","url":"https://blog.mozilla.org/security/2021/03/23/introducing-smartblock/"}]},{"date":"2021-03-26T03:06:06.148Z","title":"TypeScriptの型定義からバリデーションコードを生成するツールを書いた | Web Scratch","url":"https://efcl.info/2021/03/26/create-validator-ts/","content":"TypeScriptの型定義からAjvとJSON Schemaを使ったバリデーションコードを生成するツールについて。\nまた、リクエストをバリデーションせずにMongoなどのNoSQLのクエリにわたすと発生するNoSQL Injectionについて","tags":["TypeScript","security","express","article","Tools"],"relatedLinks":[{"title":"azu/create-validator-ts: Create JSON Schema validator from TypeScript.","url":"https://github.com/azu/create-validator-ts"}]},{"date":"2021-03-27T02:40:35.368Z","title":"seek-oss/vanilla-extract: Zero-runtime Stylesheets-in-TypeScript","url":"https://github.com/seek-oss/vanilla-extract","content":"CSSをTypeScriptで書いて、スコープ付きのCSS Variablesを含んだCSSファイルに展開するツール。\nBabelとwebpackを使いビルド時にCSSファイルを生成し、HTML側にはクラス名のみが入る。","tags":["CSS","JavaScript","Tools"],"relatedLinks":[]},{"date":"2021-03-27T16:11:40.121Z","title":"Release v8.0.0 · ajv-validator/ajv","url":"https://github.com/ajv-validator/ajv/releases/v8.0.0","content":"JSON SchemaバリデーターのAjv 8.0.0リリース。\nJSON Schema draft-2020-12のサポート、JSON Type Definition(JTD)の仕様と揃えるために`instancePath`を`dataPath`にリネームなど。","tags":["JSON","library","JavaScript","ReleaseNote"],"relatedLinks":[{"title":"JSON Type Definition","url":"https://jsontypedef.com/"}]},{"date":"2021-03-27T16:27:44.805Z","title":"JSON Type Definition","url":"https://jsontypedef.com/","content":"コードジェネレーター向けにJSONで型定義を表現する仕様。IETF/RFC 8927として策定中。\nJTDはコード生成を意識して作られているのでコンパクトな仕様、エラーに関しても仕様で定義されているため実装に依存しにくいポータブルなものを目指している。JSONまたはYAMLで記述できる。","tags":["JSON","TypeScript","program","spec"],"relatedLinks":[]},{"date":"2021-03-28T03:24:07.494Z","title":"Manning | Testing JavaScript Applications","url":"https://www.manning.com/books/testing-javascript-applications","content":"2021年4月13日発売。\nJavaScriptのテストについての書籍。\nフロントエンド、バックエンド、React、E2Eテスト、CI/CDについて","tags":["JavaScript","book","testing"],"relatedLinks":[]},{"date":"2021-03-28T06:55:08.482Z","title":"toplenboren/simple-git-hooks: A simple git hooks manager for small projects","url":"https://github.com/toplenboren/simple-git-hooks","content":"Git hooksを管理するnpmモジュール。\n`simple-git-hooks`コマンドを実行するとpackage.jsonや`.simple-git-hooks.js`に定義したGit Hookスクリプトを`.git/hooks/*`にインストールする。","tags":["npm","git ","library"],"relatedLinks":[]},{"date":"2021-03-29T17:21:25.257Z","title":"Deno Deploy","url":"https://deno.com/deploy","content":"Denoを扱うFaaS。\nCloudflare Workersと同じくService Worker APIをベースにしていて、DenoのスクリプトをCDN Edgeで動かせるサービス。","tags":["deno","webservice","ServiceWorker"],"relatedLinks":[]},{"date":"2021-03-30T04:04:38.982Z","title":"billboard.js 3.0 release: D3.js v6 support & new candlestick type! | by Jae Sung Park | Mar, 2021 | Medium","url":"https://netil.medium.com/billboard-js-3-0-release-d3-js-v6-support-new-candlestick-type-9bd74af6a753","content":"billboard.js 3.0リリース。\nD3.js v6へアップデート、Candlestick Chartの追加、`.export()` API がサイズ指定をサポートなど","tags":["JavaScript","SVG","graphic","library","ReleaseNote"],"relatedLinks":[{"title":"Release 3.0.0 · naver/billboard.js","url":"https://github.com/naver/billboard.js/releases/tag/3.0.0"}]},{"date":"2021-03-30T04:16:54.277Z","title":"React State Management Libraries and How to Choose","url":"https://daveceddia.com/react-state-management/","content":"Reactのステート管理方法/ライブラリの比較。\n`useState`/`useReducer`、Redux、MobX、Recoil、react-query、XStateについて利点と欠点について書かれている","tags":["React","JavaScript","library","article"],"relatedLinks":[{"title":"JS 状態管理ライブラリ探索記 – Introduction - to-R Media","url":"https://www.to-r.net/media/js-state-libraries-introduction/"}]},{"date":"2021-03-30T04:31:25.968Z","title":"Handling User Permissions in JavaScript | CSS-Tricks","url":"https://css-tricks.com/handling-user-permissions-in-javascript/","content":"JavaScriptでパーミッションのビジネスロジックを実装する方法についての記事。\nSingle source of truthであること、変更が簡単であこと、テスト可能で有ることを意識した設計と実装方法について","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2021-03-30T04:42:51.771Z","title":"Blog - Next.js 10.1 | Next.js","url":"https://nextjs.org/blog/next-10-1","content":"Next.js 10.1リリース。\nwebpack 5をopt-inで対応、パッケージサイズの改善、`next/image`がApple M1の対応や`layout`オプションの追加サポートなど。\nその他には、500ページのカスタマイズ、`router.push`や`router.replace`時にページトップへスクロールするように変更など","tags":["Next.js","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-03-30T06:02:11.968Z","title":"Making the slowest 'fast' page | Tune The Web","url":"https://www.tunetheweb.com/blog/making-the-slowest-fast-page/","content":"Lighthouse/WebVitalで満点な遅いページを作る方法について。\n意図して表示を遅らせることでスコアをあげるという実験。現実的には遅い\"fast\"なサイトは、スコアを上げる以外の意味はないため概念実証としての話。","tags":["performance","article","opinion"],"relatedLinks":[]},{"date":"2021-03-30T06:10:41.951Z","title":"Google Developers Japan: Spectre の影響を受けないウェブを作るための概念実証について","url":"https://developers-jp.googleblog.com/2021/03/a-spectre-proof-of-concept-for-spectre.html","content":"A Spectre proof-of-concept for a Spectre-proof webの翻訳記事。\nSpectreの脆弱性、ブラウザ上でのSpectreのデモ、ブラウザでのSpectre対策としてのプロセス分離について","tags":["browser","security","CPU","Chrome","article"],"relatedLinks":[{"title":"Google Online Security Blog: A Spectre proof-of-concept for a Spectre-proof web","url":"https://security.googleblog.com/2021/03/a-spectre-proof-of-concept-for-spectre.html"},{"title":"leaky.page","url":"https://leaky.page/"}]},{"date":"2021-03-30T22:26:33.321Z","title":"Node v12.22.0 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v12.22.0/","content":"Node.js 12.22.0リリース。\n`--http-parser=legacy`を非推奨化、ES ModulesをStable化、`NAPI_VERSION`を`8`に変更。\n`v8.takeCoverage()`、`v8.stopCoverage()`、`worker.performance.eventLoopUtilization()`の追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2021-03-31T09:42:31.319Z","title":"Release v6.0.0 · typicode/husky","url":"https://github.com/typicode/husky/releases/tag/v6.0.0","content":"husky 6.0.0リリース。\n5.0.0はParity Publicライセンスとしてリリースされ、30日経過したので6.0.0ではMITライセンスとなった。\n","tags":["JavaScript","Tools","license","ReleaseNote"],"relatedLinks":[]},{"date":"2021-03-31T14:34:01.195Z","title":"mistlog/typetype: A programming language designed for typescript type generation","url":"https://github.com/mistlog/typetype","content":"TypeScriptの型書くDSLのパーサとジェネレーター。\nConditional Typeを表現する`if`、Mapped Typesを表現する`for`などを使って型定義を書ける。\nパーサはreact-pegを使い、パースしたASTからBabelを通してTSのコードを出力している","tags":["TypeScript","library"],"relatedLinks":[{"title":"mistlog/react-peg: A react style parser generator based on PEG.js","url":"https://github.com/mistlog/react-peg"}]},{"date":"2021-04-01T14:42:48.450Z","title":"Node v15.13.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v15.13.0/","content":"Node.js 15.13.0リリース。\nウェブとの互換性を目的として`buffer`モジュールに`btoa`と`atob`メソッドを実装など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2021-04-02T00:10:29.856Z","title":"Announcing TypeScript 4.3 Beta | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-3-beta/","content":"TypeScript 4.3 Betaリリース。\nsetterにgetterとは異なる型を指定できるように、`override`キーワードの追加、Template String Typeの改善。\nPrivate Class Elements(fields/methods/accessors)のサポート、Promiseオブジェクトを条件式に渡してしまうミスのチェックを追加。\nその他には、`static` Index Signatureのサポートなど","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2021-04-02T12:56:49.254Z","title":"Release v5.30.0 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v5.30.0","content":"webpack 5.30.0リリース。\n`cache.type: \"memory\"`でwatch中に`[contenthash]`などを使うと、ファイル変更ごとにゴミがメモリに貯まる問題の改善。\n`cache.maxGenerations`と`cache.maxAge`で不要となったキャッシュを削除できるように","tags":["webpack","JavaScript","ReleaseNote"],"relatedLinks":[{"title":"SourceMapDevTool plugin leaks memory in watch mode · Issue #12947 · webpack/webpack","url":"https://github.com/webpack/webpack/issues/12947"},{"title":"memory usage improvements, add GC support for memory cache, persistent cache only mode by sokra · Pull Request #12990 · webpack/webpack","url":"https://github.com/webpack/webpack/pull/12990"}]},{"date":"2021-04-02T13:02:18.125Z","title":"Release v1.0.0 · video-dev/hls.js","url":"https://github.com/video-dev/hls.js/releases/tag/v1.0.0","content":"HLS.js 1.0.0リリース。\nApple Low-Latency HLSのサポート、fmp4 streamのサポート改善、コードベースをTypeScriptに書きなおしなど。\n破壊的な変更として`backBufferLength`のデフォルト値の変更、イベントのシグネチャの変更など","tags":["JavaScript","HLS","library","ReleaseNote"],"relatedLinks":[{"title":"hls.js/MIGRATING.md at master · video-dev/hls.js","url":"https://github.com/video-dev/hls.js/blob/master/MIGRATING.md#migrating-from-hlsjs-0x-to-1x"}]},{"date":"2021-04-03T07:57:57.188Z","title":"egoist/esbuild-register: Transpile JSX, TypeScript and esnext features on the fly with esbuild","url":"https://github.com/egoist/esbuild-register","content":"esbuildを使ったruntimeでの変換ツール。\n@babel/registerやts-node/registerのように`--require`に指定して変換処理をする","tags":["JavaScript","Tools","node.js"],"relatedLinks":[]},{"date":"2021-04-03T08:10:08.097Z","title":"FicusJS - a set of lightweight functions for developing applications using web components","url":"https://docs.ficusjs.org/","content":"Web Componentsでアプリケーションを開発する目的のライブラリセット。\nコンポーネントの作成、`uhtml`/`lit-html`/`htm`などを使ったレンダリング、Storeでのステート管理などの機能を提供する","tags":["WebComponents","library"],"relatedLinks":[{"title":"Developing Without a Build (1): Introduction - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/open-wc/developing-without-a-build-1-introduction-26ao"}]},{"date":"2021-04-03T08:46:03.875Z","title":"Proposal for dropping ie11 support in Vue 3 · Discussion #296 · vuejs/rfcs","url":"https://github.com/vuejs/rfcs/discussions/296","content":"Vue 3ではIE 11のサポートをしないというRFC。\n代わりにVue 2.xへ3.xの機能をバックポートすることに注力するというProposal。","tags":["Vue","IE","proposal"],"relatedLinks":[]},{"date":"2021-04-04T14:14:45.945Z","title":"Accessible Vue – The Why and How of building inclusive apps in Vue.js","url":"https://accessible-vue.com/","content":"ウェブアクセシビリティとVueでの実装についての書籍","tags":["Vue","accessibility","book"],"viaURL":"https://github.com/jser/ping/issues/162","relatedLinks":[{"title":"Accessible Vue by Marcus Herrmann [Leanpub PDF/iPad/Kindle]","url":"https://leanpub.com/accessible-vue"}]},{"date":"2021-04-05T01:56:46.881Z","title":"Release v2.0.0 · js-reporters/js-reporters","url":"https://github.com/js-reporters/js-reporters/releases/tag/v2.0.0","content":"JavaScriptのテストフレームワークのレポートの共通インターフェイスを定義する目的のjs-reporters 2.0.0リリース。\n`SummaryReporter`の実装、Proposalの更新など","tags":["JavaScript","test","library","ReleaseNote","spec"],"viaURL":"https://github.com/jser/ping/issues/162","relatedLinks":[]},{"date":"2021-04-05T11:38:59.745Z","title":"Storybook 6.2","url":"https://storybook.js.org/blog/storybook-6-2/","content":"Storybook 6.2リリース。\nVue 3とSvelteサポート、Yarn 2のPnp/npm 7/ESMのサポート、webpack 5をopt-inでサポート。\nControlsで関数やReact要素、Blobをサポートなど","tags":["JavaScript","debug","Tools","ReleaseNote"],"viaURL":"https://github.com/jser/ping/issues/162","relatedLinks":[]},{"date":"2021-04-05T11:50:42.909Z","title":"React Hooksのみでドラッグ＆ドロップの並び替えを実装する","url":"https://zenn.dev/uttk/articles/b90454baec68c8","content":"Reactで要素の並び替えをD&Dする実装についての記事。\nマウスイベントとCSSを使ったD&D、要素の重なりの判定、要素の入れ替えのアニメーションなどを実装しながら見ていく記事","tags":["React","article","tutorial"],"viaURL":"https://github.com/jser/ping/issues/162","relatedLinks":[]},{"date":"2021-04-05T21:56:32.902Z","title":"Organize Kubernetes manifests in JavaScript | Kosko","url":"https://kosko.dev/","content":"kubernetesのmanifestをJavaScript/TypeScriptで書けるツール。","tags":["kubernetes","JavaScript","Tools"],"viaURL":"https://github.com/jser/ping/issues/162","relatedLinks":[]},{"date":"2021-04-05T22:06:57.860Z","title":"特定の端末のみで起こる WebView プチフリーズを Tracing を利用して追った話 - SmartNews Engineering Blog","url":"https://developer.smartnews.com/blog/2021/03/chrome_tracing/","content":"WebViewのパフォーマンスデバッグについての記事。\nChromeのRemote Inspectを使ってデバイスに接続し、プロファイルやTracingを使ったボトルネックの調査方法について","tags":["Chrome","webview","performance","article"],"viaURL":"https://github.com/jser/ping/issues/162","relatedLinks":[]},{"date":"2021-04-08T06:16:23.269Z","title":"Release v2.20.0 · date-fns/date-fns","url":"https://github.com/date-fns/date-fns/releases/tag/v2.20.0","content":"date-fns 2.20.0リリース。\n`eachMinuteOfInterval`, `nextWednesday`, `nextThursday`, `nextFriday`, `nextSaturday`, `nextSunday` の追加など","tags":["JavaScript","library","ReleaseNote"],"viaURL":"https://github.com/jser/ping/issues/162","relatedLinks":[]},{"date":"2021-04-08T08:09:24.187Z","title":"Evolving the CLS metric","url":"https://web.dev/evolving-cls/","content":"CLSのスコア計算のロジックの変更について。\n1秒のギャップ/最大5秒のセッションウィンドウでLayout Shiftを検出して、その合計をCLSのスコアとする予定について","tags":["performance","Chrome","article"],"viaURL":"https://github.com/jser/ping/issues/162","relatedLinks":[{"title":"Feedback wanted: The road to a better layout shift metric for long-lived pages","url":"https://web.dev/better-layout-shift-metric/"}]},{"date":"2021-04-08T08:17:58.699Z","title":"April 2021 Security Releases | Node.js","url":"https://nodejs.org/en/blog/vulnerability/april-2021-security-releases/","content":"Node.jsのセキュリティアップデート。\nOpenSSL関係が2件、`y18n`のprototype pollutionに関するアップデート。\nNode.js v10.24.1, v12.22.1, v14.16.1, v15.14.0がそれぞれリリースされている","tags":["node.js","security","ReleaseNote"],"viaURL":"https://github.com/jser/ping/issues/162","relatedLinks":[]},{"date":"2021-04-08T11:54:34.317Z","title":"Cookpad Online Spring Internship 2021 - YouTube","url":"https://www.youtube.com/playlist?list=PLGT7Exkshx4ifQpZkjim4yJN52D00Ej3c","content":"JavaScript/TypeScript/React/Next.jsの概要を紹介する動画","tags":["JavaScript","React","tutorial","video"],"viaURL":"https://github.com/jser/ping/issues/162","relatedLinks":[]},{"date":"2021-04-10T12:42:10.869Z","title":"Release v5.0.1 · verdaccio/verdaccio","url":"https://github.com/verdaccio/verdaccio/releases/tag/v5.0.1","content":"npm registryの実装であるverdaccio 5.0リリース。\nnpm token createのサポートがデフォルト化、native moduleへの依存の問題からtokenの保存にleveldbではなくlowdbを利用するように。","tags":["npm","library","ReleaseNote"],"relatedLinks":[{"title":"typicode/lowdb: ⚡️ lowdb is a small local JSON database powered by Lodash (supports Node, Electron and the browser)","url":"https://github.com/typicode/lowdb"}]},{"date":"2021-04-12T23:07:51.802Z","title":"はじめに | 好奇心旺盛な人のためのWebRTC","url":"https://webrtcforthecurious.com/ja/","content":"WebRTC For The Curiousの日本語訳","tags":["WebRTC","translate","book"],"relatedLinks":[]},{"date":"2021-04-13T11:38:41.801Z","title":"DevTools architecture refresh: migrating DevTools to TypeScript - Chrome Developers","url":"https://developer.chrome.com/blog/migrating-to-typescript/","content":"Chrome DevToolsのコードベースを\nClosure Compilerベースの型チェックからTypeScriptに移行する話。\nなぜ移行するのか、TypeScriptの型推論の評価、移行のオプションですべてのTSエラーを修正する方法を選んだ理由、マイグレーションの分析などについて","tags":["Chrome","article","TypeScript"],"relatedLinks":[]},{"date":"2021-04-13T12:05:36.266Z","title":"The definitive guide to profiling React applications","url":"https://blog.asayer.io/the-definitive-guide-to-profiling-react-applications","content":"React DevToolsを使ったプロファイルとパフォーマンス改善について。\nDevToolsのFlamegraphなどの各種グラフの読み方、renderやcommitの意味、`Profiler`コンポーネントについて。\n入力に対してデータの取得と更新を行うコードを例にしたプロファイラを使った改善の例など","tags":["React","performance","article"],"relatedLinks":[]},{"date":"2021-04-13T13:03:21.522Z","title":"Cloudflare Pages is now Generally Available","url":"https://blog.cloudflare.com/cloudflare-pages-ga/","content":"Cloudflare PagesがGAとなり一般公開された。\nNetlifyライクな`_redirects`ファイルのサポート。\n今後はGitLab/Bitbucket連携、webhooks、A/B testing、Cloudflare Workersとの連携強化をしていく予定","tags":["news","webservice"],"relatedLinks":[]},{"date":"2021-04-13T13:24:30.513Z","title":"ES2021 edition of “JavaScript for impatient programmers”","url":"https://gist.github.com/rauschma/e9c00fddc17e73fab6ce6c22b2e78e17","content":"JavaScript for impatient programmersのES2021版がリリース。\nES2021版の変更点について書かれている","tags":["ECMAScript","JavaScript","news","book"],"relatedLinks":[{"title":"JavaScript for impatient programmers (ES2021 edition)","url":"https://exploringjs.com/impatient-js/"}]},{"date":"2021-04-13T13:30:52.307Z","title":"Release Version 7.0.0 · react-hook-form/react-hook-form","url":"https://github.com/react-hook-form/react-hook-form/releases/tag/v7.0.0","content":"React Hook Form 7.0.0リリース。\n`register`の使い方の変更、`valueAs*`が`validate`の前に処理されるように、APIの返り値や引数の変更などが含まれている。\nマイグレーション用のツールも合わせて公開されている。","tags":["React","JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Migrate From V6 to V7 | React Hook Form - Simple React forms validation","url":"https://react-hook-form.com/migrate-v6-to-v7/"}]},{"date":"2021-04-13T14:55:16.631Z","title":"ivanhofer/typesafe-i18n","url":"https://github.com/ivanhofer/typesafe-i18n","content":"依存のないi18nライブラリ。\nTypeScriptを使った翻訳漏れのチェック、pluralなどのtransformerサポート、rollupやCLIを使った最適化などをサポートしている","tags":["JavaScript","TypeScript","i18n","library"],"relatedLinks":[]},{"date":"2021-04-14T12:17:56.321Z","title":"lukejacksonn/servor: Dependency free file server for single page app development","url":"https://github.com/lukejacksonn/servor","content":"依存のないローカルサーバライブラリ。\nファイル変更でリロード、起動時にブラウザやエディタで開く、httpsの対応のオレオレ証明生成などに対応している","tags":["node.js","server","console","Tools"],"relatedLinks":[]},{"date":"2021-04-14T12:27:49.046Z","title":"Comparing the New Generation of Build Tools | CSS-Tricks","url":"https://css-tricks.com/comparing-the-new-generation-of-build-tools/","content":"esbuild, Snowpack, Vite, wmrを比較した記事。\nそれぞれのツールの特徴や使い方、サポートしているファイル、production buildなどについて比較している。","tags":["JavaScript","Tools","article"],"relatedLinks":[]},{"date":"2021-04-14T12:46:07.014Z","title":"Deno 1.9 Release Notes | Deno Blog","url":"https://deno.com/blog/v1.9","content":"Deno 1.9リリース。\nHTTP/2なウェブサーバの実装、opcallの改善、Blob URLのサポート。\n`--allow-env`と`--allow-run`で個別の指定ができるように、`--prompt`でインタラクティブにパーミッションの許可ができるように。\n`Deno.listenTls`でALPNのサポート、tsconfig.jsonの`useDefineForClassFields`をデフォルト化など","tags":["deno","ReleaseNote"],"relatedLinks":[]},{"date":"2021-04-15T14:24:02.228Z","title":"New in Chrome 90 - Chrome Developers","url":"https://developer.chrome.com/blog/new-in-chrome-90/","content":"Chrome 90リリース。\n`overflow: clip`のサポート、AV1 Encoderサポート、Declarative Shadow DOMのサポートなど。\nFeature PolicyがPermissions Policyにリネーム、アドレスバーのデフォルトプロトコルが`https`に変更など","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2021-04-15T14:37:01.987Z","title":"Headless UI v1.0 – Tailwind CSS","url":"https://blog.tailwindcss.com/headless-ui-v1","content":"Headless UI 1.0リリース。\nReactとVueのスタイルなしのUIコンポーネントの実装で、Tailwind CSSと組み合わせる目的で作られている。","tags":["React","Vue","library","accessibility","lib"],"relatedLinks":[{"title":"tailwindlabs/headlessui: Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.","url":"https://github.com/tailwindlabs/headlessui"}]},{"date":"2021-04-15T14:58:16.352Z","title":"Introducing CSS Grid Inspector | WebKit","url":"https://webkit.org/blog/11588/introducing-css-grid-inspector/","content":"Safari Technology Preview 123で導入されたCSS Grid Inspectorの紹介","tags":["safari","debug","article"],"relatedLinks":[]},{"date":"2021-04-16T05:02:46.100Z","title":"Release v6.0.0 · pnpm/pnpm","url":"https://github.com/pnpm/pnpm/releases/tag/v6.0.0","content":"pnpm 6.0.0リリース。\nNode.js 10のサポート終了、`pre`/`post` scriptを自動で実行しないように、lockfileのフォーマットを変更、`pnpx`が自動的にパッケージをインストールはしないようになるなど。\n`pnpm link`が`--global`をつけたときにglobal modulesとリンクするように、`pnpm fetch`コマンドの追加など","tags":["npm","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2021-04-18T02:15:28.506Z","title":"helmet/CHANGELOG.md at main · helmetjs/helmet","url":"https://github.com/helmetjs/helmet/blob/main/CHANGELOG.md#450---2021-04-17","content":"Expressのセキュリティヘッダを扱うhelmet 4.5.0リリース。\nCross-Origin isolationを扱うCOEP、COOP、CORPヘッダに対応など","tags":["node.js","express","library","ReleaseNote"],"relatedLinks":[{"title":"Making your website &quot;cross-origin isolated&quot; using COOP and COEP","url":"https://web.dev/coop-coep/"}]},{"date":"2021-04-18T03:19:24.786Z","title":"Real-world CSS vs. CSS-in-JS performance comparison - Tomas Pustelnik's personal website","url":"https://pustelto.com/blog/css-vs-css-in-js-perf/","content":"Styled Componentsを使ったCSS-in-JSと\nlinaria を使ってCSSファイルに分離した場合のパフォーマンスを比較した記事。\nサイズ、Lighthouseなどを使ったRuntimeのパフォーマンス計測","tags":["CSS","JavaScript","performance","article"],"relatedLinks":[]},{"date":"2021-04-18T15:34:43.729Z","title":"React-pdf - Announcing react-pdf v2.0","url":"https://react-pdf.org/blog/announcing-react-pdf-v2","content":"ReactでPDFを作成するreact-pdf v2.0リリース。\nレイアウトとレンダリングの分離、SVGサポート、Hooks APIの追加など","tags":["React","PDF","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-04-20T01:14:06.429Z","title":"Never too late for Firefox 88 - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2021/04/never-too-late-for-firefox-88/","content":"Firefox 88リリース。\n`:user-valid`と`:user-invalid`の実装、`RegExp#indices`の実装、`AbortSignal.abort()`の実装、FTPサポートの無効化など","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 88 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/88"},{"title":"Firefox 88.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/88.0/releasenotes/"}]},{"date":"2021-04-20T02:21:06.170Z","title":"HTML Inputs and Labels: A Love Story | CSS-Tricks","url":"https://css-tricks.com/html-inputs-and-labels-a-love-story/","content":"LabelとInputについての記事。\nアクセシビリティを考慮したラベルの扱い方について","tags":["HTML","accessibility","article"],"relatedLinks":[]},{"date":"2021-04-20T02:26:12.944Z","title":"Debug Web Vitals in the field","url":"https://web.dev/debug-web-vitals-in-the-field/","content":"Web VitalsのメトリクスとをJavaScriptで取得して、実際にどの要素がスコアに影響してるのかをデバッグする方法について","tags":["browser","Chrome","performance","article"],"relatedLinks":[{"title":"GoogleChromeLabs/web-vitals-report: Measure and report on your Web Vitals data in Google Analytics","url":"https://github.com/GoogleChromeLabs/web-vitals-report"}]},{"date":"2021-04-20T02:31:02.196Z","title":"Waterfaller - find and fix all the slowdowns on your web page to boost speed and core web vital scores","url":"https://waterfaller.dev/","content":"Web Vitalsの指標とリソースのロードをウォーターフォールチャートで表示し、なぜSlowdownしてるのかの解説と修正方法を提示してくれるツール。","tags":["webservice","performance","Tools"],"relatedLinks":[]},{"date":"2021-04-20T02:34:16.376Z","title":"An In-Depth Guide To Measuring Core Web Vitals — Smashing Magazine","url":"https://www.smashingmagazine.com/2021/04/complete-guide-measure-core-web-vitals/","content":"Web Vitalsについての記事。\nWeb VitalsのLCP/FID/CLSの解説、Lighthouse/Google Search Consoleのレポート読み方、CrUXのデータの読み方や分析方法などについて。\n","tags":["browser","Chrome","performance","article"],"relatedLinks":[]},{"date":"2021-04-20T02:38:43.482Z","title":"Slow and Steady: Converting Sentry’s Entire Frontend to TypeScript | Product Blog • Sentry","url":"https://blog.sentry.io/2021/04/12/slow-and-steady-converting-sentrys-entire-frontend-to-typescript","content":"SentryのコードをベースをTypeScriptへマイグレーションした話。\n戦略として教育、新しいコードをTSで書く、既存のコードをTSに変換をしていった。\n徐々に変換していくこと、少しずつ複雑な型にしていくこと、TypeScriptを最新に保つことなどを教訓としてあげている。","tags":["article","TypeScript","refacoring"],"relatedLinks":[]},{"date":"2021-04-20T02:41:35.385Z","title":"callstack/linaria: Zero-runtime CSS in JS library","url":"https://github.com/callstack/linaria","content":"CSS-in-JSでスタイルを書いて、そのスタイルをCSSファイルに分離するライブラリとツールキット。","tags":["CSS","JavaScript"],"relatedLinks":[]},{"date":"2021-04-20T02:44:00.274Z","title":"Cumulative Layout Shift Debugger (CLS) - webvitals.dev","url":"https://webvitals.dev/cls","content":"Cumulative Layout Shift(CLS)のデバッグツール","tags":["Tools","browser","performance","webservice"],"relatedLinks":[]},{"date":"2021-04-20T22:36:44.554Z","title":"Node v16.0.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v16.0.0/","content":"Node.js 16.0.0リリース。\nV8 9.0へアップデート、`timers/promises`の追加、Apple Silicon向けのprebuiltバイナリの配布など。\n`fs.rmdir`の`recursive`オプションの非推奨化、`process.binding`を使ったアクセスの非推奨化、`module.createRequireFromPath`の削除など。\nこれに加えてNode 15での変更であるnpm 7へのアップデートなどが含まれている","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"Node.js 16 available now. We are excited to announce the release… | by Node.js | Apr, 2021 | Medium","url":"https://nodejs.medium.com/node-js-16-available-now-7f5099a97e70"}]},{"date":"2021-04-20T23:19:30.982Z","title":"Release v11.5.0 · raineorshine/npm-check-updates","url":"https://github.com/raineorshine/npm-check-updates/releases/tag/v11.5.0","content":"npm-check-updates 11.5.0リリース。\nyarnの自動検出に対応","tags":["npm","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2021-04-21T13:28:13.580Z","title":"Release v9.0.0 · puppeteer/puppeteer","url":"https://github.com/puppeteer/puppeteer/releases/tag/v9.0.0","content":"Puppeteer 9.0.0リリース。\nChromium 91へアップデート、Apple M1のサポート、`FileChooser.cancel()`が同期処理になるなど","tags":["Chrome","browser","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-04-23T12:12:30.216Z","title":"Understanding TypeScript's Popularity | Notes","url":"https://orta.io/notes/js/why-typescript","content":"TypeScriptがなぜ人気となったのかを主要なイベントのタイムラインや類似するツールと比較しながら見ている記事。\n","tags":["TypeScript","article","history","opinion"],"relatedLinks":[]},{"date":"2021-04-23T12:30:28.974Z","title":"mhmd-22/ezgesture: Small js library for enabling gesture events","url":"https://github.com/mhmd-22/ezgesture","content":"ドラッグ、スワイプ、ピンチイン/アウトを扱うライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2021-04-23T12:50:04.210Z","title":"Chromium Blog: Chrome 91: Handwriting Recognition, WebXR Plane Detection and More","url":"https://blog.chromium.org/2021/04/chrome-91-handwriting-recognition-webxr.html","content":"Chrome 91ベータリリース。\nOrigin Trialとして、Service Workerのmanifestの`capture_links`、WebTransport、WebXR Plane Detection API。\nTimerの解像度を仕様準拠の値に変更、WebSockets over HTTP/2のサポート、Service WorkerでES Modulesのサポートなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"sw-launch/declarative_link_capturing.md at main · WICG/sw-launch","url":"https://github.com/WICG/sw-launch/blob/main/declarative_link_capturing.md"}]},{"date":"2021-04-25T02:39:43.231Z","title":"Release v4.1.0 · reduxjs/redux","url":"https://github.com/reduxjs/redux/releases/tag/v4.1.0","content":"Redux 4.1.0リリース。\nエラーメッセージをproduction buildから除外することでファイルサイズの改善など","tags":["redux","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-04-26T00:58:33.158Z","title":"Headless WYSIWYG Text Editor – tiptap editor","url":"https://www.tiptap.dev/","content":"PromiseMirrorベースのWYSIWYGエディタライブラリ。\nVue、React、Svelteなどに対応、Y.jsを使ったリアルタイムコラボレーションの対応、シンタックスハイライトやMarkdownの記法を使ったショートカットに対応している","tags":["JavaScript","editor","library"],"relatedLinks":[]},{"date":"2021-04-26T13:40:31.060Z","title":"The GraphQL Guide","url":"https://graphql.guide/","content":"GraphQLについての書籍と動画。\nJohn ResigとLoren Sands-RamshawによるGraphQLのガイド。\nGraphQLの解説、フロントエンド、バックエンド、React、Vue、Android、iOSについて扱う","tags":["GraphQL","book","video"],"relatedLinks":[{"title":"Releasing The GraphQL Guide. John Resig’s book on GraphQL is here! | by Loren Sands-Ramshaw | Apr, 2021 | The GraphQL Guide","url":"https://blog.graphql.guide/releasing-the-graphql-guide-d9be04747148"}]},{"date":"2021-04-26T13:45:53.182Z","title":"Vue.js UI/UX Library - Inkline","url":"https://inkline.io/","content":"Vue向けのUIフレームワーク","tags":["Vue","UI","library"],"relatedLinks":[]},{"date":"2021-04-26T14:09:09.518Z","title":"Prisma – The Complete ORM for Node.js & TypeScript","url":"https://www.prisma.io/blog/prisma-the-complete-orm-inw24qjeawmb","content":"Node.jsとTypeScript向けのORMマッパーであるPrimaがProduction Readyとなった。\nスキーマからTypeScriptの型定義を出力して利用できるPrisma Client、データモデルからPrisma Migrate、GUIでデータの閲覧と変更ができるPrisma Studioを持つ","tags":["node.js","TypeScript","MySQL","PostgreSQL","article"],"relatedLinks":[{"title":"Node.js & TypeScript向けの完璧なORM","url":"https://zenn.dev/kanasugi/articles/a082bd39c5bdf2"}]},{"date":"2021-04-26T14:11:23.853Z","title":"Style Check","url":"https://style-check.austingil.com/","content":"CSSを読み込んでHTML要素に対するスタイルの影響をチェックできるツール","tags":["CSS","Tools"],"relatedLinks":[]},{"date":"2021-04-26T14:37:48.279Z","title":"Using asynchronous web APIs from WebAssembly","url":"https://web.dev/asyncify/","content":"Emscriptenで非同期を扱うAsyncify、C++とJS間の値を変換するEmbind、JavaScriptを組み合わせてWasmから非同期のWebPlatformAPIを扱う方法について。","tags":["WebAssembly","JavaScript","article"],"relatedLinks":[{"title":"GoogleChromeLabs/asyncify: Standalone Asyncify helper for Binaryen","url":"https://github.com/GoogleChromeLabs/asyncify"}]},{"date":"2021-04-26T14:57:48.562Z","title":"The great SameSite confusion :: jub0bs.com","url":"https://jub0bs.com/posts/2021-01-29-great-samesite-confusion/","content":"cross-site/same-siteとcross-origin/samte-originの違いについての解説記事。\nSame-Site Cookieの動作とメカニズムについて","tags":["security","article"],"relatedLinks":[{"title":"same-site/cross-site, same-origin/cross-originをちゃんと理解する","url":"https://zenn.dev/agektmr/articles/f8dcd345a88c97"}]},{"date":"2021-04-27T02:22:52.952Z","title":"Overflow Issues In CSS — Smashing Magazine","url":"https://www.smashingmagazine.com/2021/04/css-overflow-issues/","content":"ページの幅を突き抜ける要素の問題と対策についての記事。\n要素やCSSプロパティごとに問題の原因や対応方法について紹介している。\nまたoverflowしている要素の見つけた方などのデバッグ方法について","tags":["CSS","article"],"relatedLinks":[]},{"date":"2021-04-28T03:27:27.745Z","title":"Future of Angular E2E & Plans for Protractor · Issue #5502 · angular/protractor","url":"https://github.com/angular/protractor/issues/5502","content":"AngularでのE2EテストフレームワークであるProtractorの開発終了のスケジュールについて。\n他のテストフレームワークが充実してきているので、2021年5月にDprecatedとし、2020年末に開発終了とするスケジュールについて。\n","tags":["Angular","E2E","issue","news","testing"],"relatedLinks":[]},{"date":"2021-04-28T04:04:10.055Z","title":"itsjavi/jsx-runtime: Extremely lightweight JSX runtime (<2KB) to write JSX without React in TypeScript or JavaScript.","url":"https://github.com/itsjavi/jsx-runtime","content":"JSXで書いて変換するとStandaloneで動作するコードを出力するJSX TransformerとRuntime","tags":["jsx","babel","Tools","TypeScript"],"relatedLinks":[]},{"date":"2021-04-28T14:26:19.461Z","title":"Fower","url":"https://fower.vercel.app/","content":"TailwindcssライクなUtility-firstのCSS in JSライブラリ。\nReactやVue、またスタイルをJavaScriptで生成するためReact Nativeにも対応する。\nUtilityベースのスタイルをPropsとして指定し、TSXや各フレームワーク用のコード補完に対応している。","tags":["JavaScript","CSS","library","React","Vue","Svelte"],"relatedLinks":[{"title":"Fower v1.0. After half a year’s efforts, today… | by forsigner | Apr, 2021 | ITNEXT","url":"https://itnext.io/fower-v1-0-8df48723de0b"}]},{"date":"2021-04-30T12:22:16.245Z","title":"7.14.0 Released: New class features enabled by default, TypeScript 4.3, and better CommonJS interop · Babel","url":"https://babeljs.io/blog/2021/04/29/7.14.0","content":"Babel 7.14.0リリース。\nStage 4となったclass fieldsをpreset-envがデフォルトでサポート、`importInterop: \"node\"`オプションの追加、TypeScript 4.3のサポート。\nまた、Stage 1のES Proposalである`async do` expressionのサポートなど","tags":["babel","ReleaseNote"],"relatedLinks":[{"title":"Release v7.14.0 · babel/babel","url":"https://github.com/babel/babel/releases/tag/v7.14.0"}]},{"date":"2021-04-30T12:55:36.319Z","title":"rxjs/CHANGELOG.md at master · ReactiveX/rxjs","url":"https://github.com/ReactiveX/rxjs/blob/master/CHANGELOG.md#700-2021-04-29","content":"RxJS 7.0.0リリース。\nTypeScript 4.2未満のサポート終了、`rxjs-compat`の削除、`lift`をexposeしないように、各種演算子のAPI変更など","tags":["JavaScript","Rx","library","ReleaseNote"],"relatedLinks":[{"title":"RxJS - Breaking Changes in Version 7","url":"https://rxjs.dev/deprecations/breaking-changes"}]},{"date":"2021-04-30T15:11:48.208Z","title":"React17のevent delegationの破壊的変更を理解する","url":"https://zenn.dev/co9xs/articles/react17-event-delegation","content":"React 17のevent delegationの変更についての記事。\n実際に動作が変わるサンプルを元に、React 17でのevent delegationの仕組みの変化について解説している","tags":["React","article"],"relatedLinks":[{"title":"React v17.0 Release Candidate: 新機能「なし」 – React Blog","url":"https://ja.reactjs.org/blog/2020/08/10/react-v17-rc.html"}]},{"date":"2021-04-30T15:20:58.080Z","title":"New WebKit Features in Safari 14.1 | WebKit","url":"https://webkit.org/blog/11648/new-webkit-features-in-safari-14-1/","content":"Safari 14.1の変更点について。\nFlexbox Gap、macOSでDate&Time input、Web Speech API、MediaRecorder API、WeMのサポートなど。\nJavaScriptのClass Fields、WekRefのサポート、i18n APIのサポート改善、WebAssemblyのThreadingのサポートなど。\nまた、Private Click Measurementをデフォルトで有効化、Storage AccessAPIの更新など。","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2021-05-01T15:27:18.470Z","title":"How to Use ECMAScript Modules in Node.js","url":"https://dmitripavlutin.com/ecmascript-modules-nodejs/","content":"Node.jsでのECMAScript modulesの使い方についての記事。\nモジュールモード、モジュールのimportの方法、Dynamic Import、CommonJSなモジュールのimport、`import.meta`についてなど","tags":["node.js","article"],"relatedLinks":[]},{"date":"2021-05-02T22:44:23.989Z","title":"Release yargs v17.0.0 · yargs/yargs","url":"https://github.com/yargs/yargs/releases/tag/v17.0.0","content":"コマンドライン引数パーサーのyargs 17.0.0リリース。\n破壊的な変更として、Node.js 10のサポート終了、PrivateメソッドにPrivate Fieldsを使うように変更、`reset()`メソッドを非推奨化など。\nNode v14.8.0からTop-Level Awaitをサポートしたため、`yargs()`や`parseAsync`など色々な処理で非同期処理に対応するように変更など","tags":["JavaScript","node.js","deno","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-05-03T07:53:26.908Z","title":"Build an HTTPS-intercepting JavaScript proxy in 30 seconds flat | HTTP Toolkit","url":"https://httptoolkit.tech/blog/javascript-mitm-proxy-mockttp/","content":"mockttpを使ったhttpsのサイトをProxyで書き換える方法についての紹介記事","tags":["node.js","library","article"],"relatedLinks":[{"title":"httptoolkit/mockttp: Powerful friendly HTTP mock server & proxy","url":"https://github.com/httptoolkit/mockttp"}]},{"date":"2021-05-03T10:03:54.444Z","title":"Multithreaded JavaScript","url":"https://learning.oreilly.com/library/view/multithreaded-javascript/9781098104429/","content":"2021年11月発売\nJavaScriptでのマルチスレッドについての書籍。\nWeb Worker、Service Worker、SharedWorkerなどについて","tags":["JavaScript","webworker","ServiceWorker","book"],"relatedLinks":[]},{"date":"2021-05-04T05:13:45.290Z","title":"Node.js 10がサポート終了したので、Node.js 12以降だとできるようになることをまとめる","url":"https://zenn.dev/azu/scraps/bb1106a04ed9e6","content":"Node.js 12から利用できるようになったNode.jsのAPIや機能、V8アップデートによるECMAScriptサポートについてまとめた記事。","tags":["node.js","article"],"relatedLinks":[]},{"date":"2021-05-04T05:36:55.852Z","title":"ECMAScript proposal updates @ 2021-04 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2021/05/04/ecmascript-proposal-update","content":"2021年4月のTC39 MeetingsでStageが変わったProposalのまとめ。\nClass Field/Private MethodsがStage 4となり、ES2022に入ることが決まった","tags":["ECMAScript","proposal","news"],"relatedLinks":[]},{"date":"2021-05-04T11:51:08.162Z","title":"Mantine","url":"https://mantine.dev/","content":"ReactコンポーネントとHooksのフレームワーク。\nCSS-in-JSにはJSSを利用している。","tags":["React","library","UI"],"relatedLinks":[{"title":"cssinjs/jss: JSS is an authoring tool for CSS which uses JavaScript as a host language.","url":"https://github.com/cssinjs/jss"}]},{"date":"2021-05-04T12:42:15.816Z","title":"Hosting SQLite databases on Github Pages - (or any static file hoster) - phiresky's blog","url":"https://phiresky.github.io/blog/2021/hosting-sqlite-databases-on-github-pages/","content":"WebAssemblyにコンパイルしたSQLiteと参照用のSQLiteファイルを用意し、必要な部分だけを取得できる仕組みを作ったという話。\nDBファイルをすべてメモリへ載せないで使うために、HTTP Rangeリクエストを使って必要なchunkだけを取得するHTTPベースの仮想ファイルシステムを作っている。\nSQLiteのDBのページサイズやスキーマ情報から必要な部分だけをRangeリクエストで取得している。","tags":["SQLite","JavaScript","WebAssembly","article"],"relatedLinks":[]},{"date":"2021-05-04T12:42:52.919Z","title":"Introducing CloudFront Functions – Run Your Code at the Edge with Low Latency at Any Scale | AWS News Blog","url":"https://aws.amazon.com/jp/blogs/aws/introducing-cloudfront-functions-run-your-code-at-the-edge-with-low-latency-at-any-scale/","content":"AWS CloudFrontでCDNエッジな処理をJavaScriptでかけるサービス。\nECMAScript 5.1互換なJavaScript、処理時間が1ms以内、メモリは2MB以内、パッケージサイズは10kb以下のファイルサイズ、Network/File IOなし","tags":["aws","JavaScript","webservice","cdn","article"],"relatedLinks":[]},{"date":"2021-05-05T02:56:43.516Z","title":"プロフェッショナルWebプログラミング　JavaScript | 柳井 政和 | 工学 | Kindleストア | Amazon","url":"https://www.amazon.co.jp/dp/B092QQJQF4/","content":"ウェブページを動作させることに絞ったJavaScriptの入門書","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2021-05-05T03:12:14.576Z","title":"How we use Web Components at GitHub - The GitHub Blog","url":"https://github.blog/2021-05-04-how-we-use-web-components-at-github/","content":"GitHubでのWeb Componentsについて。\nRails ViewComponentとCatalystを使ったWeb Componentsの組み込み、GitHub Elementsの公開についてなど","tags":["WebComponents","Github","JavaScript","article"],"relatedLinks":[{"title":"github/github-elements: GitHub's Web Component collection.","url":"https://github.com/github/github-elements"}]},{"date":"2021-05-06T14:46:45.396Z","title":"Bootstrap 5 | Bootstrap Blog","url":"https://blog.getbootstrap.com/2021/05/05/bootstrap-5/","content":"Bootstrap 5リリース。\nIEのサポート終了、jQueryの削除。\noffcanvasコンポーネント、cardの代替えとなるaccordionコンポーネントの追加。\nFormとLayoutの変更、RTLのサポート、SassのUtility APIの追加など。\n","tags":["CSS","library","ReleaseNote","JavaScript"],"relatedLinks":[{"title":"Migrating to v5 · Bootstrap v5.0","url":"https://getbootstrap.com/docs/5.0/migration/"}]},{"date":"2021-05-07T02:58:21.559Z","title":"Underscore.js","url":"https://underscorejs.org/#1.13.0","content":"underscore 1.13.0リリース。\nECMAScript Modulesのサポート。\n1.12.1では`_.template`の`variable`オプション経由でのCode Injectionができる脆弱性も修正されている。","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-05-07T12:19:50.589Z","title":"リソースの読み込みを助けるウェブブラウザ API の世界","url":"https://nhiroki.jp/2021/05/06/resource-loading-apis","content":"先読みや読み込みの優先度などウェブブラウザにおけるリソースロードのHintとなるAPIや仕組みについてのまとめ","tags":["browser","WebPlatformAPI","article"],"relatedLinks":[]},{"date":"2021-05-09T12:41:12.303Z","title":"Hello, Modules!. JavaScript Modules, also known as ESM… | by Sindre Sorhus | May, 2021 | 🦄 Sindre Sorhus’ blog","url":"https://blog.sindresorhus.com/hello-modules-d1010b4e777b","content":"Node.js 10のサポートが終了したことで、ESMへの移行をどのようにするかについての記事。\nESMのメリット、パッケージのメンテナ向けの移行ガイドについて","tags":["ECMAScript","node.js","article"],"relatedLinks":[]},{"date":"2021-05-09T12:47:39.357Z","title":"sinclairzx81/hammer: Build Tool for Browser and Node Applications","url":"https://github.com/sinclairzx81/hammer","content":"esbuildをベースにしたparcelのようにHTMLをエントリポイントにしたビルド/開発ツール","tags":["JavaScript","HTML","Tools"],"relatedLinks":[]},{"date":"2021-05-10T14:11:13.666Z","title":"Prettier 2.3. In which assignments are consistent, short keys non-breaking, and Handlebars official · Prettier","url":"https://prettier.io/blog/2021/05/09/2.3.0.html","content":"Prettier 2.3リリース。\nJavaScriptのフォーマットの大きめな変更、Handlebarsサポートをalphaからreleaseに変更、JSON5/JSONのフォーマットの修正など","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2021-05-10T14:25:06.015Z","title":"React と Vue に関する XSS アンチパターン","url":"https://zenn.dev/yuuhu04/books/xss-anti-pattern-of-react-and-vue","content":"ReactとVueにおけるXSSのパターンについて書かれた文章。\nReactとVueのエスケープの仕組み、フレームワークが保護しないケースとXSSが発生するパターンについて書かれている","tags":["React","Vue","XSS","document"],"relatedLinks":[]},{"date":"2021-05-11T01:41:02.062Z","title":"A Guide To Newly Supported, Modern CSS Pseudo-Class Selectors — Smashing Magazine","url":"https://www.smashingmagazine.com/2021/04/guide-supported-modern-css-pseudo-class-selectors/","content":"最近のCSSで扱える擬似クラスの紹介記事。\n任意の`a`にマッチする`:any-link`、フォーカスしてる要素を扱う`:focus-visible`と`:focus-within`、セレクタを扱う`:is()`と`where()`と`:has()`、`:empty`など","tags":["CSS","article"],"relatedLinks":[]},{"date":"2021-05-11T01:48:43.385Z","title":"Svelte Summit Spring 2021 簡易まとめ","url":"https://zenn.dev/tomoam/articles/889618f2e6e62f","content":"Svelte Summit Springの動画と概要のまとめ","tags":["Svelte","video","Conference"],"relatedLinks":[{"title":"Svelte Summit is a FREE whole-day online event.","url":"https://sveltesummit.com/"}]},{"date":"2021-05-11T01:55:08.022Z","title":"google/zx: A tool for writing better scripts","url":"https://github.com/google/zx","content":"シェルスクリプトのような処理をJavaScriptで書けるNode.js製のツール。\nTop-Level awaitを使ってシェルコマンドをそのまま使える`$`やHTTP通信するfetchなどが同梱されている。","tags":["ShellScript","node.js","Tools"],"relatedLinks":[]},{"date":"2021-05-11T01:55:18.030Z","title":"jsxtools/cqfill: Polyfill for CSS Container Queries","url":"https://github.com/jsxtools/cqfill","content":"CSS Container Queriesのpolyfill。\nPostCSSと組み合わせて利用できる","tags":["CSS","JavaScript","polyfill","library"],"relatedLinks":[]},{"date":"2021-05-11T02:00:26.030Z","title":"Chapter 8: CSS | CSS-Tricks","url":"https://css-tricks.com/chapter-8-css/","content":"CSSの歴史についての記事。\nLie、IE3のCSS実装、W3CのCSS WG、NetscapeのJSSS。\ndoctype宣言でのスイッチと後方互換性、fantasai、CSS3でのモジューラアプローチについてなど","tags":["CSS","history","article"],"relatedLinks":[]},{"date":"2021-05-12T09:01:22.291Z","title":"What do you not like about DefinitelyTyped as a user and contributor? · Issue #44030 · microsoft/TypeScript","url":"https://github.com/microsoft/TypeScript/issues/44030","content":"DefinitelyTypedへの意見を募集しているIssue","tags":["TypeScript","issue"],"relatedLinks":[]},{"date":"2021-05-12T12:21:48.026Z","title":"Node v14.17.0 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v14.17.0/","content":"Node v14.17.0リリース。\n試験的に`diagnostics_channel`を追加、`crypto.randomUUID()`の追加。\nまた、Node.js 15で実装されていたコアモジュールにおける`AbortController`と`AbortSignal`の対応をバックポートなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2021-05-13T12:44:50.488Z","title":"Writing A Type Safe Store | Lachlan Miller","url":"https://lachlan-miller.me/articles/advanced-type-a-type-safe-store-for-vue-3","content":"Vueのステート管理ライブラリであるPiniaのType SafeなStoreの型定義の解説","tags":["Vue","TypeScript","article"],"relatedLinks":[{"title":"posva/pinia: 🍍 Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support","url":"https://github.com/posva/pinia/"}]},{"date":"2021-05-13T16:09:16.017Z","title":"Deno 1.10 Release Notes | Deno Blog","url":"https://deno.com/blog/v1.10","content":"Deno 1.10リリース。\n`deno test`がisolateした状態でparallelにテストを実行、`permissions`の指定に対応、出力の変更、コメントのコードの型チェックに対応など。\n`Worker.postMessage`がstructured clone algorithmに対応、localStorageなどのWeb Storage APIに対応。\n`WebAssembly.Memory`が`shared`オプションに対応、`--import-map`へリモートURLを指定できるようになるなど","tags":["deno","ReleaseNote"],"relatedLinks":[]},{"date":"2021-05-14T23:32:55.426Z","title":"Announcing TypeScript 4.3 RC | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-3-rc/","content":"TypeScript 4.3 RCリリース。\nsetterにgetterとは異なる型を指定できるように、`override`キーワードの追加、Template String Typeの改善。\nPrivate Class Elements(fields/methods/accessors)のサポート、`static` Index Signatureのサポート。\n`ConstructorParameters`がAbstract classをサポート、Genericsにおける型の絞り込みの改善、Promiseオブジェクトを条件式に渡してしまうミスのチェックを追加。\nその他には、`.tsbuildinfo`のサイズ改善、watch時の初回ビルドの改善など。","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2021-05-15T00:33:13.753Z","title":"Next Gen CSS: @container | CSS-Tricks","url":"https://css-tricks.com/next-gen-css-container/","content":"`@container`についての記事。\n親要素には`contain`プロパティを指定する必要がある点、`@container`でのレスポンシブデザインについて","tags":["CSS","article"],"relatedLinks":[]},{"date":"2021-05-15T01:55:03.716Z","title":"Angular v12 is now available. It’s that time again, friends — we’re… | by Mark Techson | May, 2021 | Angular Blog","url":"https://blog.angular.io/angular-v12-is-now-available-32ed51fbfd49","content":"Angular 12リリース。\nView Engineは非推奨となりIvyがデフォルトへと移行、Legacy i18n Message IDsからの移行ツール、インラインSaaSのサポートなど。\nTypeScript 4.2へのアップデート、webpack 5を実験的にサポート、IE11サポートの廃止など","tags":["Angular","ReleaseNote"],"relatedLinks":[{"title":"Release 12.0.0 · angular/angular","url":"https://github.com/angular/angular/releases/tag/12.0.0"},{"title":"Angular - Migrating legacy localization IDs","url":"https://angular.io/guide/migration-legacy-message-id"}]},{"date":"2021-05-16T06:07:18.750Z","title":"Cross-browser tracking vulnerablity in Tor, Safari, Chrome and Firefox - FingerprintJS","url":"https://fingerprintjs.com/blog/external-protocol-flooding/","content":"ブラウザからURLスキームでアプリを開くときの挙動を利用してフィンガープリントできるという話。\n未知のプロトコルを開く際にはダイアログでの確認やユーザインタラクションが必要となっている。\nしかし、それぞれのブラウザで既知のプロトコルや`about:blank`を使ったSOPでの抜け道で、どのアプリがインストールされているかを判定できるという話","tags":["browser","security","privacy","article"],"relatedLinks":[]},{"date":"2021-05-16T12:34:12.033Z","title":"coderaiser/simport: Import like with require but using async","url":"https://github.com/coderaiser/simport","content":"ESMなNode.jsで`require`、`__filename`、`__dirname`などのshim機能を提供するライブラリ","tags":["node.js","library"],"relatedLinks":[]},{"date":"2021-05-16T19:02:53.453Z","title":"V8 release v9.1 · V8","url":"https://v8.dev/blog/v8-release-91","content":"V8 v9.1リリース。\nTop-level awaitのデフォルトサポート、`#foo in obj`のPrivate brand checksのサポートなど","tags":["V8","ReleaseNote"],"relatedLinks":[]},{"date":"2021-05-17T13:08:49.221Z","title":"DocBaseのフロントエンド改修をどのように進めたか – KRAY Inc.","url":"https://kray.jp/blog/how-to-docbase-renewal/","content":"Backbone + Marionette + CoffeeScriptで書かれていたウェブサービスをReact + TypeScriptに一括で移行した話。\nE2Eを使ったテスト、構造を維持しながらReact化、コンポーネントへの分離などの移行の方法についてなど","tags":["CoffeeScript","React","TypeScript","refacoring","article"],"relatedLinks":[]},{"date":"2021-05-17T13:11:29.001Z","title":"Announcing Docusaurus 2 Beta | Docusaurus","url":"https://docusaurus.io/blog/2021/05/12/announcing-docusaurus-two-beta","content":"Docusaurus 2 Betaリリース","tags":["React","document"],"relatedLinks":[]},{"date":"2021-05-17T14:36:07.075Z","title":"Babel is used by millions, so why are we running out of money? · Babel","url":"https://babeljs.io/blog/2021/05/10/funding-update.html","content":"Babelの資金の状態、ロードマップ、寄付について。","tags":["babel","article"],"relatedLinks":[{"title":"Babel Roadmap · Babel","url":"https://babeljs.io/docs/en/roadmap#babel-2021-roadmap"}]},{"date":"2021-05-18T02:31:30.533Z","title":"styled-componentsの採用と既存資産を捨てた理由 - Cybozu Inside Out | サイボウズエンジニアのブログ","url":"https://blog.cybozu.io/entry/2020/06/25/105457","content":"Sassで書かれていたスタイルをCSS in JSに移行する話。\nstyled-componentsを使って書く場合にスタイリングとJSXを分離するためのルール、Sassの変数を抽出して移行するスクリプトについてなど","tags":["CSS","React","article","saas"],"relatedLinks":[]},{"date":"2021-05-18T14:10:05.859Z","title":"argyleink/transition.css: Drop-in CSS transitions","url":"https://github.com/argyleink/transition.css","content":"いろいろなCSS transitionを集めたCSSライブラリ","tags":["CSS","library"],"relatedLinks":[]},{"date":"2021-05-20T02:31:51.964Z","title":"Recoil 0.3.0 | Recoil","url":"https://recoiljs.org/blog/2021/05/14/0.3.0-released/","content":"Recoil 0.3.0リリース。\nRecoilRootに`override`オプションの追加、selectorに`GetCallback`を追加。\n次の0.4で`snapshot.retain()`していないsnapshotを使うと例外が発生するようになる","tags":["React","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-05-20T12:28:15.774Z","title":"Chromium Blog: Update on User-Agent String Reduction in Chrome","url":"https://blog.chromium.org/2021/05/update-on-user-agent-string-reduction.html","content":"ChromeのUser-Agent固定化のロードマップ。\nChrome 92で`navigator.userAgent`などのdeprecated化、reduced UA stringをオプトインで導入、デフォルト化など7段階でのマイグレーションフェーズについて","tags":["Chrome","article"],"relatedLinks":[{"title":"User-Agent Reduction - The Chromium Projects","url":"https://www.chromium.org/updates/ua-reduction"}]},{"date":"2021-05-21T02:16:32.898Z","title":"Introducing Firefox's new Site Isolation Security Architecture - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2021/05/introducing-firefox-new-site-isolation-security-architecture/","content":"FirefoxのSite Isolationのアーキテクチャについての記事。\neTLDベースのSiteごとにプロセス分け、メモリを相互に分離した状態でリソースをロードすることで、Spectreなどのサイドチャネル攻撃を防止する。\nまた、サブフレームもトップレベルが異なるSiteなら、別プロセスで読むこむようになっている。","tags":["Firefox","security","article"],"relatedLinks":[]},{"date":"2021-05-21T14:01:21.057Z","title":"The future of Internet Explorer on Windows 10 is in Microsoft Edge | Windows Experience Blog","url":"https://blogs.windows.com/windowsexperience/2021/05/19/the-future-of-internet-explorer-on-windows-10-is-in-microsoft-edge/","content":"IE11のデスクトップアプリケーションとしてのサポートは2022年6月15日で終了し、MSEdgeのIEモードで引き続き2029年までサポートする予定。","tags":["IE","news","MSEdge"],"relatedLinks":[{"title":"Internet Explorer は Microsoft Edge へ – Windows 10 の Internet Explorer 11 デスクトップアプリは 2022 年 6 月 15 日にサポート終了 - Windows Blog for Japan","url":"https://blogs.windows.com/japan/2021/05/19/the-future-of-internet-explorer-on-windows-10-is-in-microsoft-edge/"},{"title":"「Internet Explorer 11 デスクトップ アプリケーションのサポート終了」の発表に関連する FAQ - Windows Blog for Japan","url":"https://blogs.windows.com/japan/2021/05/19/internet-explorer-11-desktop-app-retirement-faq/"}]},{"date":"2021-05-21T14:45:03.198Z","title":"The Humble <img> Element And Core Web Vitals — Smashing Magazine","url":"https://www.smashingmagazine.com/2021/04/humble-img-element-core-web-vitals/","content":"`<img>`についてLCP、CLS、FIDのメトリクスに関する最適化の仕方についてのガイド","tags":["Image","performance","article"],"relatedLinks":[]},{"date":"2021-05-21T14:54:25.003Z","title":"Release v7.5.0 · GoogleChrome/lighthouse","url":"https://github.com/GoogleChrome/lighthouse/releases/tag/v7.5.0","content":"Lighthouse 7.5.0リリース。\nSource Mapベースのファイルツリーを可視化するTreemap表示の追加、新しいCLSへの対応を追加など","tags":["Chrome","performance","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2021-05-21T15:05:56.994Z","title":"Node v16.2.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v16.2.0/","content":"Node v16.2.0リリース。\n`import.meta.resolve`が`URL`オブジェクトをサポート、Workerが作成された際にtriggerされる`worker`イベントを`process`に追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2021-05-21T15:15:58.169Z","title":"DOM Events","url":"https://domevents.dev/","content":"DOMイベントの流れをBubbling、Capture、Passiveなどのオプションごとに動きを可視化できるツール","tags":["DOM","event","Tools"],"relatedLinks":[]},{"date":"2021-05-24T01:47:40.897Z","title":"Release v10.0.0 · TypeStrong/ts-node","url":"https://github.com/TypeStrong/ts-node/releases/tag/v10.0.0","content":"TypeScriptのコンパイルをRuntime時に行うts-node 10.0.0リリース。\n`--script-mode`の挙動をデフォルト化し、古い挙動を再現する`--cwd-mode`を追加。\nNode.js 10のサポート終了、`--show-config`の追加、`--transpiler`オプションでSWCを使ったtrasnpileに対応など。\nまたウェブサイトが更新されている。","tags":["node.js","TypeScript","ReleaseNote"],"relatedLinks":[{"title":"Third-party transpilers | ts-node","url":"https://typestrong.org/ts-node/docs/transpilers/"},{"title":"ts-node | ts-node","url":"https://typestrong.org/ts-node/"}]},{"date":"2021-05-24T14:03:28.672Z","title":"オリジナルのJavaScriptライブラリを公開しよう","url":"https://zenn.dev/yusuke99/books/fcd96342f5cb1b468799","content":"JavaScriptのライブラリをnpmに公開するチュートリアル。\nライブラリの実装とテスト、npmへの公開、GitHub ActionsでのCIからpublish、Scoped Packagesについてなど","tags":["JavaScript","npm","Github","Actions","tutorial"],"relatedLinks":[]},{"date":"2021-05-24T15:02:08.166Z","title":"Introducing WebContainers: Run Node.js natively in your browser","url":"https://blog.stackblitz.com/posts/introducing-webcontainers/","content":"Node.jsをブラウザで動かすWebContainersについて。\nNode.jsのランタイムをブラウザで動かし、ブラウザ自体をSandboxとしてNode.jsのコードをセキュアに実行するための仕組み。\nVirtual FSとNetworkingを実装し、各プロセスをWorkerとして起動してメッセージングすることでマルチプロセスのサポートしている。\nPOSIXなシェルとしてjshという実装と、npm/yarnクライアントとしてturboという実装を持っている","tags":["node.js","browser","webworker","WebAssembly","article"],"relatedLinks":[{"title":"stackblitz/webcontainer-core","url":"https://github.com/stackblitz/webcontainer-core"},{"title":"AngularAir - StackBlitz with Eric Simons and Dominic Elm - YouTube","url":"https://www.youtube.com/watch?v=5F9qH-ea5Qk"}]},{"date":"2021-05-24T15:18:22.337Z","title":"rtk-incubator/rtk-query: Experimental data fetching and caching addon for Redux Toolkit","url":"https://github.com/rtk-incubator/rtk-query","content":"Redux Toolkitを使うデータ取得と状態管理をするQueryライブラリ。\n宣言的なAPIの定義、データの取得、キャッシュやリトライ、Prefetching、React Hooks、Open APIから自動生成などに対応している。\n将来的にはRedux Toolkitに同梱することを目標にしている。","tags":["redux","HTTP","library","React"],"viaURL":"https://zenn.dev/himorishige/articles/9d47f3d8b50342","relatedLinks":[]},{"date":"2021-05-24T15:24:19.117Z","title":"ngneat/variabless: JS & CSS - A Match Made in Heaven 💎","url":"https://github.com/ngneat/variabless","content":"JavaScriptからCSS Variablesの定義を含んだCSSを生成するツール","tags":["JavaScript","CSS","Tools"],"viaURL":"https://zenn.dev/himorishige/articles/9d47f3d8b50342","relatedLinks":[]},{"date":"2021-05-24T15:33:35.988Z","title":"Migrate to User-Agent Client Hints","url":"https://web.dev/migrate-to-ua-ch/","content":"`navigator.userAgent`などがDeprecatedとなり固定化されるため、その代わりとなるUser-Agent Client Hintsについて。\nJavaScriptのAPIとしての`navigator.userAgentData`と`navigator.userAgentData.getHighEntropyValues`。\nHTTPヘッダUA Client Hintを扱う`Accept-CH`と`Sec-CH-UA-*`について。\nまた、Client HintからレガシーなUA文字列を作成するライブラリについてなど","tags":["Chrome","article","privacy"],"viaURL":"https://zenn.dev/himorishige/articles/9d47f3d8b50342","relatedLinks":[{"title":"Chromium Blog: Update on User-Agent String Reduction in Chrome","url":"https://blog.chromium.org/2021/05/update-on-user-agent-string-reduction.html"},{"title":"GoogleChromeLabs/uach-retrofill: This snippet illustrates how to reconstruct the legacy navigator.userAgent string value from the modern navigator.userAgentData values.","url":"https://github.com/GoogleChromeLabs/uach-retrofill"}]},{"date":"2021-05-25T02:31:40.530Z","title":"Renaming N-API to Node-API. This post was contributed by the… | by Node.js | May, 2021 | Medium","url":"https://nodejs.medium.com/renaming-n-api-to-node-api-27aa8ca30ed8","content":"Node.jsのネイティブアドオン用のAPIの名前をN-APIをNode-APIへ変更するという話。\n変更のモチベーションについて解説している","tags":["node.js","article"],"viaURL":"https://zenn.dev/himorishige/articles/9d47f3d8b50342","relatedLinks":[{"title":"Renaming N-API to Node-API. This post was contributed by the… | by Node.js | May, 2021 | Medium","url":"https://nodejs.medium.com/renaming-n-api-to-node-api-27aa8ca30ed8"}]},{"date":"2021-05-25T02:49:06.694Z","title":"Web worker meets worker threads - threads.js","url":"https://threads.js.org/","content":"ブラウザのWeb WorkerとNode.jsの`worker_threads`を使ったWorker管理ライブラリ。\nasync functionとObservablesの対応、thread pools、webpack向けのpluginを持っている","tags":["node.js","library","webworker"],"viaURL":"https://zenn.dev/himorishige/articles/9d47f3d8b50342","relatedLinks":[]},{"date":"2021-05-25T13:31:59.286Z","title":"WebAssembly: The Definitive Guide","url":"https://learning.oreilly.com/library/view/webassembly-the-definitive/9781492089834/","content":"2021年12月発売予定\nWebAsseblyについての書籍","tags":["WebAssembly","book"],"viaURL":"https://zenn.dev/himorishige/articles/9d47f3d8b50342","relatedLinks":[]},{"date":"2021-05-25T14:55:21.606Z","title":"sinon/CHANGELOG.md at master · sinonjs/sinon","url":"https://github.com/sinonjs/sinon/blob/master/CHANGELOG.md#1110--2021-05-25","content":"sinon.js 11.1.0リリース。\nPromiseをFakeする`sinon.promise()`の実装など","tags":["JavaScript","testing","library","ReleaseNote"],"viaURL":"https://zenn.dev/himorishige/articles/9d47f3d8b50342","relatedLinks":[]},{"date":"2021-05-26T11:59:58.637Z","title":"Jest 27: New Defaults for Jest, 2021 edition ⏩ · Jest","url":"https://jestjs.io/blog/2021/05/25/jest-27","content":"Jest 27リリース。\nデフォルトが大きく変わるリリースとなっていて、`jest-circus`のデフォルト化、fake timersのデフォルトを`@sinonjs/fake-timers`ベースの`modern`に変更している。\n機能追加として、失敗したテストをインタラクティブに実行できるように、inline snapshotsをprettierの依存なく実行できるようになど。\nまた、`done`の複数回呼び出しをエラーとしたり、Promiseを返すのと`done`の混在を禁止したり、TypeScriptの型を厳密化するといった変更も含まれる","tags":["JavaScript","testing","node.js","library","ReleaseNote"],"viaURL":"https://zenn.dev/himorishige/articles/9d47f3d8b50342","relatedLinks":[{"title":"Release 27.0.0 · facebook/jest","url":"https://github.com/facebook/jest/releases/tag/v27.0.0"}]},{"date":"2021-05-26T21:16:45.182Z","title":"Announcing TypeScript 4.3 | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-3/","content":"TypeScript 4.3リリース\nsetterにgetterとは異なる型を指定できるように、`override`キーワードの追加、Template String Typeの改善。\nPrivate Class Elements(fields/methods/accessors)のサポート、`static` Index Signatureのサポート。\n`ConstructorParameters`がAbstract classをサポート、Genericsにおける型の絞り込みの改善、Promiseオブジェクトを条件式に渡してしまうミスのチェックを追加。\nその他には、`.tsbuildinfo`のサイズ改善、watch時の初回ビルドの改善など。","tags":["TypeScript","ReleaseNote"],"viaURL":"https://zenn.dev/himorishige/articles/9d47f3d8b50342","relatedLinks":[]},{"date":"2021-05-26T21:47:27.981Z","title":"Announcing Vendure v1.0 | Vendure E-commerce","url":"https://www.vendure.io/blog/2021/05/announcing-vendure-v1.0/","content":"GraphQL/TypeScriptベースのeコマースフレームワークであるVendure v1.0リリース。","tags":["node.js","ReleaseNote","GraphQL"],"viaURL":"https://zenn.dev/himorishige/articles/9d47f3d8b50342","relatedLinks":[{"title":"vendure-ecommerce/vendure: A headless GraphQL ecommerce framework for the modern web","url":"https://github.com/vendure-ecommerce/vendure"}]},{"date":"2021-05-29T06:14:06.110Z","title":"Optimized images for Nuxt","url":"https://image.nuxtjs.org/","content":"Nuxt.js向けの画像最適化モジュール","tags":["Vue","library"],"viaURL":"https://zenn.dev/himorishige/articles/9d47f3d8b50342","relatedLinks":[]},{"date":"2021-05-29T08:23:58.526Z","title":"wwwtyro/candygraph: Fast by default, flexible 2D plotting library.","url":"https://github.com/wwwtyro/candygraph","content":"パフォーマンスに目的を置いた2Dグラフ描画ライブラリ","tags":["graphic","library","JavaScript"],"viaURL":"https://zenn.dev/himorishige/articles/9d47f3d8b50342","relatedLinks":[]},{"date":"2021-05-29T09:15:58.506Z","title":"Learn CSS","url":"https://web.dev/learn/css/","content":"CSSについて一通り扱うチュートリアル講座。\nBox Model、セレクタ、詳細度、CSSの単位などの基本的な概念から、GridやFlexboxなどのレイアウト、ColorやmarginなどのCSSプロパティの解説、擬似クラスや疑似要素などを扱う","tags":["CSS","tutorial"],"viaURL":"https://zenn.dev/himorishige/articles/9d47f3d8b50342","relatedLinks":[]},{"date":"2021-05-29T13:23:34.458Z","title":"ECMAScript proposal updates @ 2021-05 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2021/05/29/ecmascript-proposal-update","content":"2021年5月のTC39ミーティングでStageの変更があったProposalのまとめ。\nTop-Level awaitとRegExp Match IndicesがStage 4となりES2022に含まれることが決まった","tags":["ECMAScript","proposal","news"],"viaURL":"https://zenn.dev/himorishige/articles/9d47f3d8b50342","relatedLinks":[]},{"date":"2021-05-29T13:50:30.189Z","title":"5 steps to faster web fonts /// Iain Bean","url":"https://iainbean.com/posts/2021/5-steps-to-faster-web-fonts/","content":"Web Fontsのローディングについての連載。\n`font-display`でのテキストの表示と切り替わるタイミングのまとめ","tags":["CSS","fonts","article"],"viaURL":"https://zenn.dev/himorishige/articles/9d47f3d8b50342","relatedLinks":[]},{"date":"2021-05-29T14:09:51.988Z","title":"lume/autolayout: Apple's Auto Layout and Visual Format Language for JavaScript (using cassowary constraints)","url":"https://github.com/lume/autolayout","content":"Auto LayoutとVisual Format Languageの実装ライブラリ","tags":["JavaScript","library"],"viaURL":"https://zenn.dev/himorishige/articles/9d47f3d8b50342","relatedLinks":[]},{"date":"2021-05-30T07:39:06.780Z","title":"plantain-00/type-coverage: A CLI tool to check type coverage for typescript code","url":"https://github.com/plantain-00/type-coverage","content":"TypeScriptの型カバレッジを出すツール","tags":["TypeScript","Tools"],"viaURL":"https://zenn.dev/himorishige/articles/9d47f3d8b50342","relatedLinks":[]},{"date":"2021-05-30T12:33:46.214Z","title":"xqq/mpegts.js: HTML5 MPEG2-TS Stream Player","url":"https://github.com/xqq/mpegts.js","content":"flv.jsをベースにしたMPEG-2 TS steram playerライブラリ。\nHTTPとWebSocketを使ったMPEG-2 TS streamの再生、低遅延、低スペックマシンでも再生できることを目的にしている。\nflv.jsベースであるため、FLV containerもサポートしている。","tags":["JavaScript","video","library"],"viaURL":"https://zenn.dev/himorishige/articles/9d47f3d8b50342","relatedLinks":[]},{"date":"2021-05-30T23:55:34.847Z","title":"New Release: 2.13.0","url":"https://jshint.com/blog/2021-05-30/release-2-13-0/","content":"JSHint 2.13.0リリース。\n`export * as ns from`、`import.meta`、Dynamic `import()`、Optional Chaining、Nullish Coalescingのサポートなど","tags":["JavaScript","Tools","ReleaseNote"],"viaURL":"https://zenn.dev/himorishige/articles/9d47f3d8b50342","relatedLinks":[]},{"date":"2021-05-31T14:05:12.554Z","title":"Lit 2.0: Meet Lit, all over again! – Lit","url":"https://lit.dev/blog/2021-04-21-lit-2.0-meet-lit-all-over-again/","content":"Lit 2.0 RCリリース。\n`lit-html`と`LitELement`を一つにまとめて`lit`パッケージの公開、ウェブサイトの刷新がおコン割れている。\nファイルサイズやパフォーマンスの改善、SSRの対応などが含まれている","tags":["JavaScript","WebComponents","library","ReleaseNote"],"viaURL":"https://zenn.dev/himorishige/articles/9d47f3d8b50342","relatedLinks":[{"title":"Lit Launch Event - YouTube","url":"https://www.youtube.com/watch?v=f1j7b696L-E"},{"title":"Introducing &quot;Lit&quot; for Web Components","url":"https://zenn.dev/takanorip/articles/640f9fe9c6c8ca"}]},{"date":"2021-05-31T14:25:42.378Z","title":"vanilla-extract — Zero-runtime Stylesheets-in-TypeScript.","url":"https://vanilla-extract.style/","content":"vanilla-extract v1.0リリース。\nTypeScriptでスタイルをJSとして`.css.ts`に書いて`class`属性に指定したものをコンパイルすると、CSSファイルを生成するフレームワークに依存しないツールキット。\nビルド時に静的に展開されるAPIと実行時に動作するDynamic API、webpackやViteなどの各種ツールに対応したプラグインが用意されている。","tags":["CSS","JavaScript","TypeScript","Tools"],"relatedLinks":[{"title":"🧁🍨 Mark Dalgleish on Twitter: &quot;🧁🎉 Announcing vanilla-extract v1.0! 💪 Locally scoped, type-safe styles, variables + themes. 🦄 Minimal abstraction over CSS. 🛠 Framework agnostic, w/ integrations for webpack, esbuild, Vite + Snowpack. ✅ Now stable + production ready. 🙇‍♂️ Enjoy! https://t.co/Ejaf4anfbj&quot; / Twitter","url":"https://twitter.com/markdalgleish/status/1398158090294292482"}]},{"date":"2021-05-31T23:34:40.459Z","title":"Release v10.0.0 · puppeteer/puppeteer","url":"https://github.com/puppeteer/puppeteer/releases/tag/v10.0.0","content":"puppeteer 10.0.0リリース。\nNode.js 10のサポート終了、起動してから最初のページのロード待ちをするかどうかを決める`waitForInitialPage`オプションの追加など","tags":["Chrome","browser","ReleaseNote","library"],"relatedLinks":[]},{"date":"2021-06-03T07:31:49.443Z","title":"devongovett/dprint-node: A node API for the dprint TypeScript and JavaScript code formatter","url":"https://github.com/devongovett/dprint-node","content":"Rustで書かれたdprintを使ったコードフォーマッター","tags":["JavaScript","Rust","library"],"relatedLinks":[]},{"date":"2021-06-03T12:50:06.503Z","title":"An introduction to WebAssembly for JavaScript Developers","url":"https://pascalpares.appspot.ovh/webassembly-for-javascript-developers/","content":"WebAssemblyのJavaScript APIについての解説記事。\nWasmファイルのロード、コンパイル、WasmからJSのコールバック関数の呼び出し、Dynamic Link、グローバル変数、文字列の渡し方、Shared Memory Bufferなどについて","tags":["WebAssembly","node.js","JavaScript","tutorial"],"relatedLinks":[]},{"date":"2021-06-04T14:30:52.727Z","title":"What's New In DevTools (Chrome 92) - Chrome Developers","url":"https://developer.chrome.com/blog/new-in-devtools-92/","content":"Chrome 92のDevToolsの変更点について。\nCSS gridエディタ、REPL内で`const`の再定義ができるように、Source order viewerの追加。\nCORSのエラーメッセージの改善、NetworkのフィルターにWasm typeを追加、UA Client Hintの対応。\nExperimentsとしてChrome DevTools Protocolを見るProtocol Monitor、Puppeteer Recorderの追加など","tags":["Chrome","debug","article"],"relatedLinks":[]},{"date":"2021-06-04T14:36:16.101Z","title":"Release v8.0.0 · GoogleChrome/lighthouse","url":"https://github.com/GoogleChrome/lighthouse/releases/tag/v8.0.0","content":"Lighthouse 8.0.0リリース。\nパフォーマンススコアの計算式の変更、レポートをメトリクス別にフィルターできるように、`csp-xss`のAuditの追加など。\n","tags":["Chrome","performance","Tools","ReleaseNote"],"relatedLinks":[{"title":"lighthouse/v8-perf-faq.md at master · GoogleChrome/lighthouse","url":"https://github.com/GoogleChrome/lighthouse/blob/master/docs/v8-perf-faq.md"}]},{"date":"2021-06-05T14:26:49.421Z","title":"htmlplus/core: HTMLPLUS is a native, framework-less, and lightweight library that is purely developed with Javascript. All HTMLPLUS components are customizable and configurable.","url":"https://github.com/htmlplus/core","content":"Web Componentsで作られたUIライブラリ。\nReactとVue向けのバインディングも提供している","tags":["WebComponents","React","Vue","library"],"relatedLinks":[]},{"date":"2021-06-05T15:42:03.748Z","title":"kawmra/typist-json: A simple runtime JSON type checker.","url":"https://github.com/kawmra/typist-json","content":"スキーマを定義するビルダー関数とチェッカーライブラリ。\n定義したスキーマをTypeScriptの型として利用できる。\n","tags":["TypeScript","JSON","library"],"relatedLinks":[{"title":"TypeScript 向けの軽量ランタイム JSON 型チェッカーを作った","url":"https://zenn.dev/kawmra/articles/0aad8dca56f1da"}]},{"date":"2021-06-05T15:47:35.177Z","title":"progfay/benefit-from-end-of-ie: List of APIs that will be available due to IE termination","url":"https://github.com/progfay/benefit-from-end-of-ie","content":"IEのみがサポートしていないAPIをまとめたもの。\nMDNのデータをベースにHTML、JS、CSS、SVGのAPIを一覧できる","tags":["IE","WebPlatformAPI","document"],"relatedLinks":[]},{"date":"2021-06-07T13:54:37.752Z","title":"Electron 13.0.0 | Electron Blog","url":"https://www.electronjs.org/blog/electron-13-0","content":"Electron 13.0.0リリース。\nChrome 91、Node.js 14.16.0、V8 9.1へアップデート。\n`process.contextIsolated`、`session.storagePat`、`process.contextId`の追加。\nWebContentsの`new-window`イベントがDeprecatedとなり`webContents.setWindowOpenHandler()`を推奨するようになるなど","tags":["Electron","ReleaseNote"],"relatedLinks":[]},{"date":"2021-06-07T14:03:21.221Z","title":"EvandroLG/ts-audio: ts-audio is an agnostic library that makes it easy to work with AudioContext and create audio playlists in the browser","url":"https://github.com/EvandroLG/ts-audio","content":"AudioContext APIを使った音楽再生ライブラリ。\n複数の音声の連続再生などをサポートしている","tags":["JavaScript","library","audio","TypeScript"],"relatedLinks":[]},{"date":"2021-06-07T14:40:35.919Z","title":"UI Security - Thinking Outside the Viewport | Microsoft Browser Vulnerability Research","url":"https://microsoftedge.github.io/edgevr/posts/ui-security-thinking-outside-the-viewport/","content":"ブラウザUIのセキュリティバグを例に、UIにおけるセキュリティバグをどのようにチェックするかについて解説している記事","tags":["MSEdge","browser","security","article"],"relatedLinks":[]},{"date":"2021-06-07T14:43:50.475Z","title":"Making JavaScript run fast on WebAssembly | Bytecode Alliance","url":"https://bytecodealliance.org/articles/making-javascript-run-fast-on-webassembly","content":"Wasmで動くJavaScriptエンジンを作る話。\nWasmをサンドボックスとしてJavaScriptを実行できる点と、JavaScriptエンジンの初期化とRuntimeの高速化の手法について書かれている。","tags":["JavaScript","WebAssembly","security","article"],"relatedLinks":[{"title":"bytecodealliance/wizer: The WebAssembly Pre-Initializer","url":"https://github.com/bytecodealliance/wizer"}]},{"date":"2021-06-07T15:26:26.596Z","title":"Testy/TestyTs: ✔️ Modern TypeScript testing framework.","url":"https://github.com/Testy/TestyTs","content":"Decoratorを使ったTypeScriptテストフレームワーク","tags":["TypeScript","testing","library"],"relatedLinks":[]},{"date":"2021-06-07T15:31:26.728Z","title":"Node.js API Table","url":"https://nodejs-api-table.netlify.app/","content":"Node.jsのモジュールやAPIがどのバージョンで追加されたのかを一覧できるサイト。","tags":["node.js","API","document"],"relatedLinks":[{"title":"Next.js で Node.js の API がいつ入ったのかわかる表を作る","url":"https://zenn.dev/sosukesuzuki/articles/f00bc24600f2d8"}]},{"date":"2021-06-07T15:46:02.745Z","title":"Looking fine with Firefox 89 - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2021/06/looking-fine-with-firefox-89/","content":"Firefox 89リリース。\nMedia Queryの`forced-colors`、フォントロード時の視差を調整する`line-gap-override`/`ascent-override`/`descent-override`の実装。\nTop-level `await`をデフォルトで有効化、64bitマシンでArrayBufferが2GB以上のサイズを扱えるように、`PerformanceEventTiming`のサポートなど。","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 89 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/89"},{"title":"Firefox 89.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/89.0/releasenotes/"}]},{"date":"2021-06-07T16:00:08.187Z","title":"Chromium Blog: Chrome 92: Web Apps as File Handlers, New JavaScript Features, and More","url":"https://blog.chromium.org/2021/06/chrome-92-web-apps-as-file-handlers-new.html","content":"Chrome 92 betaリリース。\nOrigin TrialとしてFile Handling API、Shared Element Transitions。\n`@font-face`の`size-adjust`、V9.2へのアップデート、SharedArrayBuffersがCross Origin Isolateされたページに限定されるなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2021-06-07T16:13:44.920Z","title":"Release v9.0.0 · mochajs/mocha","url":"https://github.com/mochajs/mocha/releases/tag/v9.0.0","content":"Mocha 9.0.0リリース。\nNode.js 10のサポート終了、ESMサポート、`--dry-run`オプションのサポート。\n非推奨だった`utils.lookupFiles()`の削除など","tags":["node.js","testing","JavaScript","ReleaseNote"],"relatedLinks":[]},{"date":"2021-06-08T01:52:43.943Z","title":"Node v16.3.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v16.3.0/","content":"Node v16.3.0リリース。\nnpm 7.15.1へのアップデートでnpmのworkspaceコマンドが色々追加された","tags":["node.js","npm","ReleaseNote"],"relatedLinks":[]},{"date":"2021-06-08T02:47:41.329Z","title":"Release v3.1.0 Pluto · vuejs/vue-next","url":"https://github.com/vuejs/vue-next/releases/tag/v3.1.0","content":"Vue 3.1.0リリース。\nVue 2からのMigration Buildとして`@vue/compat`の追加。\n`app.config.isCustomElement`とコンポーネントの`delimiters`オプションを非推奨化してコンポーネントの`compilerOptions`オプションをサポート。\n`v-is`を非推奨化して`is=\"vue:xxx\"`のサポートなど","tags":["Vue","ReleaseNote"],"relatedLinks":[]},{"date":"2021-06-09T13:51:25.792Z","title":"Introducing libSquoosh","url":"https://web.dev/introducing-libsquoosh/","content":"リサイズや圧縮などの画像処理を行うSquooshをライブラリとして利用できるlibSquooshの紹介記事。","tags":["node.js","Image","library","article"],"relatedLinks":[{"title":"squoosh/libsquoosh at dev · GoogleChromeLabs/squoosh","url":"https://github.com/GoogleChromeLabs/squoosh/tree/dev/libsquoosh"}]},{"date":"2021-06-13T16:30:34.667Z","title":"Introducing the Memory Inspector - Chrome Developers","url":"https://developer.chrome.com/blog/memory-inspector/","content":"Chrome 91でDevToolsに追加されたMemory Inspectorについての記事。\nArrayBuffersのバイトをエンディアンを選択して見れる。またDWARFを使うことでC++やWasmのメモリも見れることについて","tags":["Chrome","article"],"relatedLinks":[]},{"date":"2021-06-13T16:49:39.126Z","title":"Release v7.0.0 · d3/d3","url":"https://github.com/d3/d3/releases/tag/v7.0.0","content":"D3.js v7.0.0リリース。\nESMの対応、nullの対応を変更、`d3.selectAll`などでArray-likeをArrayに変換して扱うように。\n機能追加として`d3.mode`、`d3.flatGroup`、`d3.flatRollup`、`transition.selectChild`の追加など","tags":["JavaScript","SVG","d3.js","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-06-14T03:12:18.901Z","title":"Release v0.7.0 · nextapps-de/flexsearch","url":"https://github.com/nextapps-de/flexsearch/releases/tag/0.7.0","content":"JavaScriptで書かれた全文検索エンジンのflexsearch 0.7.0リリース。\n一から書き直されている。\nメモリ消費量やパフォーマンスの改善、Bidirectional Contextのサポート、Node.jsの`worker_thread`の対応など。","tags":["JavaScript","search","library","ReleaseNote"],"relatedLinks":[{"title":"flexsearch/0.7.0.md at 0.7.0 · nextapps-de/flexsearch","url":"https://github.com/nextapps-de/flexsearch/blob/0.7.0/doc/0.7.0.md"}]},{"date":"2021-06-14T10:22:22.822Z","title":"Deno 1.11 Release Notes | Deno Blog","url":"https://deno.com/blog/v1.11","content":"Deno 1.11リリース。\nDocker Imageの追加、Web Crypto APIsの改善と`crypto.randomUUID`のサポート、Fetch APIが`AbortSignal`をサポート。\nまた`deno lint`がStableとなり、`deno compile`でDynamic Importのサポート、`Text{Encoder,Decodeer}Stream`のサポートなど。","tags":["deno","ReleaseNote"],"relatedLinks":[{"title":"Deno 1.11.0 がリリースされたので新機能や変更点の紹介","url":"https://zenn.dev/magurotuna/articles/deno-release-note-1-11-0"}]},{"date":"2021-06-14T12:28:55.712Z","title":"From AVIF to WebP: A New Smashing Book By Addy Osmani — Smashing Magazine","url":"https://www.smashingmagazine.com/2021/06/image-optimization-book-release/","content":"画像フォーマット、画像の圧縮、ロード方法、レンダリング、Core Web Vitalsなどについての書籍","tags":["Image","book"],"relatedLinks":[]},{"date":"2021-06-14T13:51:43.208Z","title":"Strykerを使ってTypeScriptでMutation Testingする","url":"https://zenn.dev/daikik/articles/8cd20776991a9c","content":"Stryker-jsを使ったMutation Testingについて。\n","tags":["JavaScript","testing","article"],"relatedLinks":[]},{"date":"2021-06-14T14:12:45.200Z","title":"Securing Your Website With Subresource Integrity | CSS-Tricks","url":"https://css-tricks.com/securing-your-website-with-subresource-integrity/","content":"JavaScriptを配布するCDNやS3 bucketなどが書き換えられた場合にウェブサイトへの軽減するためのSubresource Integrity (SRI)の使い方についての記事。","tags":["security","JavaScript","article"],"relatedLinks":[]},{"date":"2021-06-14T14:19:59.632Z","title":"Release 2.16.0 · qunitjs/qunit","url":"https://github.com/qunitjs/qunit/releases/tag/2.16.0","content":"QUnit 2.16.0リリース。\n`QUnit.test.each`メソッド、`failOnZeroTests`オプション、TAPレポーターの対応。\n`QUnit.module`でPromiseを返した場合に警告がでるようになるなど","tags":["JavaScript","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-06-14T15:31:03.377Z","title":"🎉 Announcing Plotly.js 2.0! - Graphing Library / Plotly.js - Plotly Community Forum","url":"https://community.plotly.com/t/announcing-plotly-js-2-0/53675","content":"Plotly.js 2.0リリース。\nIE 9/10のサポート終了、非推奨のAPI、`Plotly.plot()`や`plotly.d3`などの削除。\nCSPの`usafe-eval`への対応、Custom Bundleの作成方法の追加など","tags":["JavaScript","chart","library","ReleaseNote"],"relatedLinks":[{"title":"Release v2.0.0 · plotly/plotly.js","url":"https://github.com/plotly/plotly.js/releases/tag/v2.0.0"}]},{"date":"2021-06-14T15:36:11.090Z","title":"What's coming in ESLint v8.0.0 - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2021/06/whats-coming-in-eslint-8.0.0","content":"ESLint v8.0.0の変更予定について。\n破壊的な変更として、Node 10のサポート終了、`meta.hasSuggestions`と`meta.fixable`がそれぞれ必須に、`CLIEngine`の削除など。\nまたES2022のサポート、利用してない`eslint-disable`ディレクトリの`--fix`に対応などを予定している。","tags":["ESLint","article"],"relatedLinks":[]},{"date":"2021-06-15T00:42:48.142Z","title":"Release 5.0.0 · Unitech/pm2","url":"https://github.com/Unitech/pm2/releases/tag/5.0.0","content":"Nodeのプロセス管理ツールのpm2 5.0.0リリース。\nローカルのシステムモニタリングが新しくなり、サーバメトリクスの表示が追加された。。\npm2.io へ送信するデータをJSON Patchベースの差分にすることで転送量の削減など\n","tags":["node.js","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2021-06-15T00:47:26.788Z","title":"Introducing Astro: Ship Less JavaScript","url":"https://astro.build/blog/introducing-astro","content":"JavaScriptを含まない静的サイトを生成できるSSGツール。\nIsland Architectureのようにインタラクティブな部分だけJavaScriptを含んだコンポーネントを利用できるようになっている。","tags":["JavaScript","Tools","ReleaseNote","performance"],"relatedLinks":[{"title":"snowpackjs/astro: 🚀🧑‍🚀 Keep your eyes to the skies, astronauts!","url":"https://github.com/snowpackjs/astro"}]},{"date":"2021-06-15T00:47:45.716Z","title":"The Plan for React 18 – React Blog","url":"https://reactjs.org/blog/2021/06/08/the-plan-for-react-18.html","content":"React 18のαリリースと変更予定について。\nAutomatic batchingと`flushSync`の追加、SuspenseのSSRサポートと`pipeToNodeWritable`の追加、Concurrentモードのopt-inサポート。\n新しいrender APIである`createDOM`の追加、バグを見つけるためにStrictModeではコンポーネントを2重にレンダリングするようなるなど。\nまた、ReactのWorking Groupのリポジトリが作成されている。","tags":["React","ReleaseNote"],"relatedLinks":[{"title":"Discussions · reactwg/react-18","url":"https://github.com/reactwg/react-18/discussions"},{"title":"Automatic batching for fewer renders in React 18 · Discussion #21 · reactwg/react-18","url":"https://github.com/reactwg/react-18/discussions/21"},{"title":"Upgrading to React 18 on the server · Discussion #22 · reactwg/react-18","url":"https://github.com/reactwg/react-18/discussions/22"},{"title":"New feature: startTransition · Discussion #41 · reactwg/react-18","url":"https://github.com/reactwg/react-18/discussions/41"},{"title":"Replacing render with createRoot · Discussion #5 · reactwg/react-18","url":"https://github.com/reactwg/react-18/discussions/5"},{"title":"Adding Strict Effects to StrictMode · Discussion #19 · reactwg/react-18","url":"https://github.com/reactwg/react-18/discussions/19"}]},{"date":"2021-06-15T00:50:37.420Z","title":"Release v0.153.0 · facebook/flow","url":"https://github.com/facebook/flow/releases/tag/v0.153.0","content":"Flow 0.153.0リリース。\n`this`を使うクラスのメソッドを変数に入れて`this`のbindの解除をエラーとするように、`flow fix`コマンドで自動修正を適用できるように","tags":["flowtype","ReleaseNote"],"relatedLinks":[{"title":"Sound Typing for “this” in Flow. In our most recent post, we alluded to… | by Daniel Sainati | Flow | Jun, 2021 | Medium","url":"https://medium.com/flow-type/sound-typing-for-this-in-flow-d62db2af969e"}]},{"date":"2021-06-15T00:51:10.512Z","title":"CSS Layout Generator","url":"https://layout.bradwoods.io/","content":"CSS Grid Layoutのジェネレーターツール。\nCSS Gridのプロパティを変更しながら、どのような表示になるかを確認できる","tags":["CSS","Tools","webservice"],"relatedLinks":[]},{"date":"2021-06-17T13:04:55.960Z","title":"Wasmer 2.0, Its a big deal!","url":"https://wasmer.io/posts/wasmer-2.0","content":"WebAssembly RuntimeのWasmer　２．０リリース。\nSIMD、Reference Typesへの対応、パフォーマンスの改善など。","tags":["WebAssembly","ReleaseNote"],"relatedLinks":[{"title":"Release 2.0.0 · wasmerio/wasmer","url":"https://github.com/wasmerio/wasmer/releases/tag/2.0.0"}]},{"date":"2021-06-17T13:20:55.183Z","title":"Introducing Undici@4. After a few years since the first… | by Node.js | Jun, 2021 | Medium","url":"https://nodejs.medium.com/introducing-undici-4-1e321243e007","content":"Node.js向けのHTTPクライアントあるUndici 4リリース。\nNode.js 10のサポート終了、ウェブサイトの公開。\nHTTPパーサにllhttpのWasmビルドを利用、`maxRedirections`でのリダイレクトサポート、nockをインスパイアしたモックのサポートなど","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"Release v4.0.0 - Unified API, Docs Site, WASM, Redirect and Mocking · nodejs/undici","url":"https://github.com/nodejs/undici/releases/tag/v4.0.0"},{"title":"Node.js Undici","url":"https://undici.nodejs.org/#/"}]},{"date":"2021-06-17T13:25:21.633Z","title":"Release v1.0.0 · pmndrs/jotai","url":"https://github.com/pmndrs/jotai/releases/tag/v1.0.0","content":"React向けのステート管理ライブラリのJotai 1.0.0リリース。\n","tags":["JavaScript","library","ReleaseNote","React"],"relatedLinks":[]},{"date":"2021-06-17T13:34:25.375Z","title":"Release v1.6.0 : RTK Query! · reduxjs/redux-toolkit","url":"https://github.com/reduxjs/redux-toolkit/releases/tag/v1.6.0","content":"redux toolkit 1.6.0リリース。\n別プロジェクトとして開発していたRTK(Redux Toolkit) Queryが同梱された。","tags":["redux","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-06-17T13:36:54.148Z","title":"concrete-utopia/utopia: Design ❤️ Code","url":"https://github.com/concrete-utopia/utopia","content":"ReactコンポーネントをGUIでPropsやスタイルを設定できるデザインツール。\nGUIで設定した内容はコードと同期する","tags":["React","Design","Tools"],"relatedLinks":[]},{"date":"2021-06-17T14:28:50.232Z","title":"Blog - Next.js 11 | Next.js","url":"https://nextjs.org/blog/next-11","content":"Next.js 11リリース。\nESLint連携、パフォーマンス改善、Scriptロードコンポーネントの`next/script`を追加、`next/image`で画像のサイズを検出して設定できるように、webpack 5がデフォルト化。\nCreate React Appからのマイグレーションツールも公開されている。","tags":["Next.js","ReleaseNote"],"relatedLinks":[{"title":"Basic Features: ESLint | Next.js","url":"https://nextjs.org/docs/basic-features/eslint"}]},{"date":"2021-06-19T13:55:56.722Z","title":"Release Notes for Safari Technology Preview 126 with Safari 15 Features | WebKit","url":"https://webkit.org/blog/11727/release-notes-for-safari-technology-preview-126-with-safari-15-features/","content":"Safari Technology Preview 126リリース。\nSafari 15相当の変更を含む。\n`autocomplete=one-time-code`の対応、`theme-color`と`media`のサポート。\nJavaScriptではTop-Level `await`、WorkerでのESMサポート、Error Causeのサポートなど。\nMediaSession API、iPadでVP9とWebMのハードウェアアクセラレーションが有効化、WebMでOpusコーデックをサポートなど。\nWebAssemblyのStreaming compilationとReference typesのサポートなど。\nまた、WebGL 2とWeb Share Level 2のサポートなど。\nその他には、iOSとiPadOSでSafariの拡張をサポートし、`declarativeNetRequest` APIの実装など","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"Safari 15 Beta Release Notes | Apple Developer Documentation","url":"https://developer.apple.com/documentation/Safari-Release-Notes/safari-15-beta-release-notes"},{"title":"tc39/proposal-error-cause: TC39 proposal for accumulating errors","url":"https://github.com/tc39/proposal-error-cause"}]},{"date":"2021-06-19T13:58:31.184Z","title":"vueuse/vueuse: Collection of essential Vue Composition Utilities for Vue 2 and 3","url":"https://github.com/vueuse/vueuse","content":"VueのComposition API向けのUtilityを集めたライブラリ","tags":["JavaScript","Vue","library"],"relatedLinks":[]},{"date":"2021-06-20T13:18:32.232Z","title":"Tailwind CSS v2.2 – Tailwind CSS","url":"https://blog.tailwindcss.com/tailwindcss-2-2","content":"Tailwind CSS v2.2リリース。\nJITモードの変更、CLIを書き直して`--watch`などのサポート。\nJITモードで、`before`/`after`/ `first-letter`/`first-line`などの疑似要素のサポート。\nまた、`selection`や`mark` variantのサポート、`color:`などのtypeをつけることで柔軟な値指定ができるようになるなど","tags":["CSS","library","ReleaseNote"],"relatedLinks":[{"title":"Release v2.2.0 · tailwindlabs/tailwindcss","url":"https://github.com/tailwindlabs/tailwindcss/releases/tag/v2.2.0#changes-and-deprecations"}]},{"date":"2021-06-21T12:37:30.282Z","title":"Release 3.15.0 - 2021.06.21 · zloirock/core-js","url":"https://github.com/zloirock/core-js/releases/tag/v3.15.0","content":"core-js 3.15.0リリース。\nRegExpのnamed capture group、`dotAll`フラグのサポート、組み込み用のJavaScriptエンジン向けなどにAnnex Bの機能polyfillを追加など","tags":["JavaScript","polyfill","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-06-21T13:21:39.792Z","title":"A Visual Guide to NodeJS Streams. In NodeJS, stream module provides the… | by Deepal Jayasekara | Jun, 2021 | Deepal’s Blog","url":"https://blog.insiderattack.net/a-visual-guide-to-nodejs-streams-9d2d594a9bf5","content":"Node.jsのStreamについての解説記事。\nReaable. Writable, Duplex, Transform,  Piping Streamについてそれぞれ図とともに動作を紹介している。\nまた、back pressureとhighWaterMarkについて","tags":["node.js","stream","article"],"relatedLinks":[]},{"date":"2021-06-21T13:40:13.773Z","title":"plexinc/papr: MongoDB TypeScript-aware Models","url":"https://github.com/plexinc/papr","content":"Type SafeなMongoDB向けのモデルライブラリ。","tags":["TypeScript","MongoDB","library"],"relatedLinks":[{"title":"Papr: Type-safe Node.js models for MongoDB | Plex Labs","url":"https://medium.com/plexlabs/papr-type-safe-node-js-models-for-mongodb-c841e8b23429"}]},{"date":"2021-06-21T14:42:39.309Z","title":"CSS System Colors - Jim Nielsen’s Blog","url":"https://blog.jim-nielsen.com/2021/css-system-colors/","content":"文字色と背景色のLight/Darkモードの切り替え対応はOSのシステムカラーを扱う`color-scheme: light dark;`とシステムカラーを指定できる`Canvas`値を使って対処する話","tags":["CSS","article"],"relatedLinks":[]},{"date":"2021-06-22T00:29:31.048Z","title":"Benchmarking JavaScript Memory Usage - WebPageTest Blog","url":"https://blog.webpagetest.org/posts/benchmarking-javascript-memory-usage/","content":"`performance.measureUserAgentSpecificMemory()`でのメモリ使用量の取得と他のメトリクスとメモリ使用量に相関についての記事。\nページロード時においての、JavaScriptのサイズがメモリ使用量と相関関係の調査、各種フレームワークを利用しているサイトごとのメモリ使用量の調査など","tags":["JavaScript","article","performance"],"relatedLinks":[]},{"date":"2021-06-24T02:15:52.232Z","title":"[Release News] TOAST UI Editor 3.0 is here! | by TOAST UI | Jun, 2021 | Medium","url":"https://toastui.medium.com/release-news-toast-ui-editor-3-0-is-here-6ed2a09160e6","content":"MarkdownエディタのTOAST UI Editor 3.0リリース。\nProsemirrorベースに変更することでCodeMirror、squire、to-markの依存を削除。\nMarkdownの構文をカスタマイズができるように、`widgetRules`の追加、デザインの変更など","tags":["Markdown","editor","library","ReleaseNote","JavaScript"],"relatedLinks":[{"title":"tui.editor/v3.0-migration-guide.md at master · nhn/tui.editor","url":"https://github.com/nhn/tui.editor/blob/master/docs/v3.0-migration-guide.md"}]},{"date":"2021-06-24T02:20:09.357Z","title":"Ecma International approves new standards - Ecma International","url":"https://www.ecma-international.org/news/ecma-international-approves-new-standards-4/","content":"ECMAScript 2021が正式リリースされた","tags":["ECMAScript","news"],"relatedLinks":[]},{"date":"2021-06-24T13:20:49.855Z","title":"Release 3.0.0 · developit/mitt","url":"https://github.com/developit/mitt/releases/tag/3.0.0","content":"Event EmitterライブラリのMitt 3.0リリース。\n`.off(type)`で同じtypeのすべてのlistenersを消せるように、TypeScriptの型の改善、`exports`フィールドの対応","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-06-25T00:11:46.726Z","title":"Storybook 6.3","url":"https://storybook.js.org/blog/storybook-6-3/","content":"Storybook 6.3リリース。\nメジャー、アウトラインなどの視覚的なデバッグ機能の追加、`@storybook/testing-vue`と`@storybook/testing-react`でのテストのサポート。\nAngular 12、Lit 2のサポート、webpack 5のサポートのStable化、Viteのサポート。\n`--modern`モードでESMでの実行できるようになるなど","tags":["JavaScript","debug","Tools","ReleaseNote"],"relatedLinks":[{"title":"Storybook for Vite","url":"https://storybook.js.org/blog/storybook-for-vite/"}]},{"date":"2021-06-25T00:18:37.710Z","title":"An updated timeline for Privacy Sandbox milestones","url":"https://blog.google/products/chrome/updated-timeline-privacy-sandbox-milestones/","content":"ChromeのPrivacy Sandboxのマイルストーン更新。\nサードパーティCookieの廃止は二段階で、2022後半に移行APIをリリースし、2023年半ばからサードパーティCookieを段階的に廃止していく予定。","tags":["Chrome","security","privacy","article"],"relatedLinks":[]},{"date":"2021-06-26T12:27:30.056Z","title":"Let's Learn About Aspect Ratio In CSS - Ahmad Shadeed","url":"https://ishadeed.com/article/css-aspect-ratio/","content":"CSSの`aspect-ratio`プロパティの使い方やサポートしてないブラウザへの対応についてなど","tags":["CSS","article"],"relatedLinks":[]},{"date":"2021-06-27T23:51:31.001Z","title":"[TypeScript] 用 ts-migrate 仙女棒讓 JS 專案瞬間 migrate 成 TS | by Hannah Lin | Hannah Lin | Jun, 2021 | Medium","url":"https://medium.com/hannah-lin/%E7%94%A8-ts-migrate-%E4%BB%99%E5%A5%B3%E6%A3%92%E8%AE%93-js-%E5%B0%88%E6%A1%88%E7%9E%AC%E9%96%93migrate-%E6%88%90-typescript-75610522f1a5","content":"`ts-migrate`を使ったJavaScriptからTypeScriptへの移行についての記事。\n`ts-migrate`の基本的な使い方、個別のプラグインやソースコードの一部だけを変換していく方法について\n","tags":["JavaScript","TypeScript","article"],"relatedLinks":[]},{"date":"2021-06-28T12:53:38.785Z","title":"Release 7.6.0 · cypress-io/cypress","url":"https://github.com/cypress-io/cypress/releases/tag/v7.6.0","content":"Cypress 7.6.0リリース。\n`.type()`のデフォルトdelayを変更できるように、`cypress open`の改善、`cy.intercept`の`req`に`query`プロパティの追加。\nwebpack 5でハングしないように、`cy.intercept`でのマルチバイトの問題の修正など","tags":["E2E","browser","testing","ReleaseNote","JavaScript"],"relatedLinks":[]},{"date":"2021-06-28T13:11:50.674Z","title":"Demystifying styled-components","url":"https://www.joshwcomeau.com/react/demystifying-styled-components/","content":"styled-componetsのミニクローンを作りながら仕組みについて学ぶ記事。\nCSSOMを使ったスタイルの操作、コンポーネントのスタイル合成などについて","tags":["JavaScript","CSS","article","jsx"],"relatedLinks":[]},{"date":"2021-06-28T13:18:57.060Z","title":"npm/libnpmexec: npm exec (npx) Programmatic API","url":"https://github.com/npm/libnpmexec","content":"`npx exec`相当の処理をするライブラリ","tags":["npm","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-06-28T13:21:01.596Z","title":"Release 3.0.0 · micromark/micromark","url":"https://github.com/micromark/micromark/releases/tag/3.0.0","content":"CommonMark準拠のMarkdownパーサであるmicromark 3.0.0リリース。","tags":["markdon","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-06-28T13:25:24.984Z","title":"Release v1.0.0 · solidjs/solid","url":"https://github.com/solidjs/solid/releases/tag/v1.0.0","content":"JSXを扱う宣言的なUIコンポーネントフレームワークのSolid 1.0.0リリース。","tags":["JavaScript","ReleaseNote","library"],"relatedLinks":[]},{"date":"2021-06-28T14:27:06.092Z","title":"Release 3.0.0: ECMAScript 2021対応 · asciidwango/js-primer","url":"https://github.com/asciidwango/js-primer/releases/tag/v3.0.0","content":"JavaScript入門書のJavaScript Primer 3.0リリース。\nECMAScript 2021の対応など","tags":["ECMAScript","JavaScript","book","ReleaseNote"],"relatedLinks":[{"title":"ES2021に対応したJavaScript Primer 3.0を公開しました - JavaScript入門 | Web Scratch","url":"https://efcl.info/2021/06/28/jsprimer-3.0/"}]},{"date":"2021-06-29T00:08:08.531Z","title":"Release v5.41.0 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v5.41.0","content":"webpack 5.41.0リリース。\n`experiments.outputModule: true`の実験フラグで、ECMAScript Modules形式の出力、Dynamic Importを使ったchunk読み込みなどの基本的な実装","tags":["webpack","library","ReleaseNote","ECMAScript","module"],"relatedLinks":[]},{"date":"2021-06-29T00:27:39.995Z","title":"Temporal: getting started with JavaScript’s new date time API","url":"https://2ality.com/2021/06/temporal-api.html","content":"ECMAScript Proposal Stage 3のTemporalについての解説記事。\nTimes、Time zones、Calendarsの概念について、基本的なTemporal APIの使い方、ユースケースごとの使い方についてなど","tags":["JavaScript","ECMAScript","proposal","article"],"relatedLinks":[]},{"date":"2021-06-29T01:09:33.712Z","title":"uhyo/eslint-plugin-import-access","url":"https://github.com/uhyo/eslint-plugin-import-access","content":"JSDocの`@package`相当のチェックをするESLintルール","tags":["TypeScript","ESLint","Tools"],"relatedLinks":[{"title":"eslint-plugin-import-accessではじめるディレクトリ単位カプセル化","url":"https://zenn.dev/uhyo/articles/eslint-plugin-import-access"}]},{"date":"2021-07-01T12:23:48.436Z","title":"The State of WebAssembly 2021","url":"https://blog.scottlogic.com/2021/06/21/state-of-wasm.html","content":"WebAssemblyについての開発者アンケート。\nどの言語を使っているか、どの用途に利用しているか、求める機能などについて","tags":["WebAssembly","article","アンケート"],"relatedLinks":[]},{"date":"2021-07-04T02:54:56.809Z","title":"Saul-Mirone/milkdown: 🍼 Plugin driven WYSIWYG markdown editor.","url":"https://github.com/saul-mirone/milkdown/","content":"ProsemirrorとremarkベースのWYSIWYG markdownエディタライブラリ","tags":["Markdown","JavaScript","editor","library"],"relatedLinks":[]},{"date":"2021-07-04T02:55:17.966Z","title":"Release Support caching dependencies and LTS aliases · actions/setup-node","url":"https://github.com/actions/setup-node/releases/tag/v2.2.0","content":"`actions/setup-node` 2.2.0リリース。 `lts/*`などのLTS構文のサポート、`cache`オプションで`npm`と`yarn`での依存キャッシュをサポートなど","tags":["Github","Actions","node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2021-07-04T02:57:23.324Z","title":"Announcing TypeScript 4.4 Beta | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-4-beta/","content":"TypeScript 4.4 Betaリリース。 Control Flow Analysisの改善、Index SignaturesにSymbolやTemplate Stringを利用できるように。\nCatch節のデフォルトを`unknown`型にする`useUnknownInCatchVariables`オプションの追加。\noptionalと`undefined`値の区別をする`exactOptionalPropertyTypes`オプションの追加。\ndeclarationの生成や`strict`モードでのビルドパフォーマンスの改善も含まれている","tags":["Prototype.js","ReleaseNote"],"relatedLinks":[]},{"date":"2021-07-04T11:39:07.836Z","title":"niksy/promise-any-ponyfill: `Promise.any` ponyfill.","url":"https://github.com/niksy/promise-any-ponyfill","content":"`Promise.any`のpolyfillライブラリ","tags":["JavaScript","Promises","polyfill"],"relatedLinks":[]},{"date":"2021-07-04T12:03:13.657Z","title":"RenderingNG - Chrome Developers","url":"https://developer.chrome.com/blog/renderingng/","content":"ChromeのレンダリングエンジンであるBlinkの新しいアーキテクチャであるRenderingNGの主要プロジェクトのまとめ記事。\nCompositeAfterPaint、LayoutNG、BlinkNG、Viz、OffscreenCanvas、VideoNGなどについて","tags":["Chrome","blink","article"],"relatedLinks":[]},{"date":"2021-07-05T18:40:43.897Z","title":"tinyhttp/malibu: 🏄 Framework-agnostic CSRF middleware for modern Node.js","url":"https://github.com/tinyhttp/malibu","content":"CSRF対策のexpress middleware。","tags":["node.js","library"],"relatedLinks":[]},{"date":"2021-07-05T18:43:02.971Z","title":"Migrating from Capybara to Puppeteer - Engineering Blog - Wealthfront","url":"https://eng.wealthfront.com/2021/06/25/migrating-from-capybara-to-puppeteer/","content":"E2EテストをCapybaraからPuppeteerに移行した話。\nE2Eテストフレームワークの選択と、移行する目的であった実行時間の短縮について","tags":["puppeteer","Chrome","testing","article"],"relatedLinks":[]},{"date":"2021-07-05T18:56:36.841Z","title":"Release 4.0.0-rc.13 · immutable-js/immutable-js","url":"https://github.com/immutable-js/immutable-js/releases/tag/v4.0.0-rc.13","content":"imutable-js 4.0.0 RC12リリース。\nforkであった`immutable-js-oss`の変更内容をマージし、コミュニティによるメンテナンスを再開するリリース。","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Immutable.js is essentially unmaintained · Issue #1689 · immutable-js/immutable-js","url":"https://github.com/immutable-js/immutable-js/issues/1689"},{"title":"Integrate immutable-js-oss fork into main repository by jdeniau · Pull Request #1833 · immutable-js/immutable-js","url":"https://github.com/immutable-js/immutable-js/pull/1833"}]},{"date":"2021-07-05T19:23:53.205Z","title":"Designing a Dataflow Editor With TypeScript and React | Protocol Labs Research","url":"https://research.protocol.ai/blog/2021/designing-a-dataflow-editor-with-typescript-and-react/","content":"ReactとTypeScriptでデータフローエディタを作る際の設計についての記事。\nデータフローの状態の設計、スキーマオブジェクトから各Nodeの型定義を取り出す仕組みをGenericsを使って扱う方法について。\n","tags":["TypeScript","React","article","ElasticSearch"],"relatedLinks":[{"title":"joeltg/react-dataflow-editor","url":"https://github.com/joeltg/react-dataflow-editor"}]},{"date":"2021-07-05T22:09:01.466Z","title":"Encoding data for POST requests - JakeArchibald.com","url":"https://jakearchibald.com/2021/encoding-data-for-post-requests/","content":"Fetchのbodyに安全にエンコードしたデータを渡す方法について。\n`URLSearchParams`、`FormData`、`blob`、JSONを使った方法について紹介している","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2021-07-05T22:18:13.021Z","title":"Image To Text Conversion With React And Tesseract.js (OCR) — Smashing Magazine","url":"https://www.smashingmagazine.com/2021/06/image-text-conversion-react-tesseract-js-ocr/","content":"Tesseract.jsを使った画像のOCRとCanvasを使った下処理についての記事。\n","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2021-07-05T22:33:03.574Z","title":"vite/CHANGELOG.md at main · vitejs/vite","url":"https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#240-2021-07-05","content":"Vite 2.4.0リリース。\n`new URL(url, import.meta.url)`のサポート、`server.fsServe`を`server.fs`にリネーム、`server.fs.strict`オプションの追加など","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[{"title":"Static Asset Handling | Vite","url":"https://vitejs.dev/guide/assets.html#the-public-directory"}]},{"date":"2021-07-05T22:34:31.394Z","title":"vuejs/petite-vue: 5kb subset of Vue optimized for progressive enhancement","url":"https://github.com/vuejs/petite-vue","content":"VueサブセットのAPIとテンプレートをもったライブラリ。\nファイルサイズを小さくすることを目的にしている。","tags":["Vue","library","JavaScript"],"relatedLinks":[]},{"date":"2021-07-06T13:38:53.483Z","title":"How does Node.js load its built-in/native modules? | Joyee Cheung's Blog","url":"https://joyeecheung.github.io/blog/2021/07/06/how-does-node-js-load-its-builtins-native-modules/","content":"Node.js内のJavaScriptで書かれたビルトインモジュールは、Node.jsバイナリにどのように保存されて読み込まれているかについて。\nバイナリファイルの読み取り専用のデータセクションに保存されており、bootstrapでV8を使ってコンパイルやSnapshotsを扱う仕組みをもっている。","tags":["node.js","article"],"relatedLinks":[]},{"date":"2021-07-07T15:13:49.693Z","title":"O'Reilly Japan - 初めてのWebGL 2 第2版","url":"https://www.oreilly.co.jp/books/9784873119373/","content":"2021年07月21日発売\nWebGLの入門書","tags":["WebGL","JavaScript","book"],"relatedLinks":[]},{"date":"2021-07-11T13:30:56.385Z","title":"html2canvas/CHANGELOG.md at master · niklasvh/html2canvas","url":"https://github.com/niklasvh/html2canvas/blob/master/CHANGELOG.md#100-2021-07-04","content":"HTMLをCanvasにしてスクリーンショットを取るhtml2canvas 1.0.0リリース","tags":["JavaScript","canvas","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-07-11T13:50:33.720Z","title":"Release v8.0.0 · nestjs/nest","url":"https://github.com/nestjs/nest/releases/tag/v8.0.0","content":"Nest.js 8.0.0リリース。\nLoggerクラスの改善、API Versioningのサポートなど","tags":["node.js","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-07-11T14:26:05.143Z","title":"Resource inlining in JavaScript frameworks","url":"https://web.dev/aurora-resource-inlining/","content":"Next.jsとAngularのGoogle FontsのCritical CSSのインライン化について。\nFontをロードするCSSをインライン化することでCLSの最適化ができるという話","tags":["Next.js","Angular","CSS","performance","article"],"relatedLinks":[]},{"date":"2021-07-12T02:26:07.656Z","title":"npm audit: Broken by Design — Overreacted","url":"https://overreacted.io/npm-audit-broken-by-design/","content":"devDependenciesとして使うツールにおけるnpm auditの報告のほとんどがReDoSの脆弱性になってしまっている問題について。\n本番で動くdependenciesのみをチェックする`npm audit --production`、公開するパッケージをインライン化する方法とその問題、エコシステムへの問題提起的な記事","tags":["npm","node.js","library","opinion","article"],"relatedLinks":[]},{"date":"2021-07-12T12:17:53.632Z","title":"FrontLabsOfficial/vue-tiny-validate: 💯 Tiny (2.5KB minified) Vue Validate Composition","url":"https://github.com/FrontLabsOfficial/vue-tiny-validate","content":"Vue Composition API向けのバリデーションライブラリ","tags":["Vue","library"],"relatedLinks":[]},{"date":"2021-07-12T12:25:57.837Z","title":"lucacasonato/dext.ts: The Preact Framework for Deno","url":"https://github.com/lucacasonato/dext.ts","content":"Deno向けのNext.jsをインスパイアしたPreactを使ったウェブフレームワーク。","tags":["deno","Next.js"],"relatedLinks":[]},{"date":"2021-07-12T12:47:51.810Z","title":"TypeScript and native ESM on Node.js","url":"https://2ality.com/2021/06/typescript-esm-nodejs.html","content":"TypeScriptでのESMの対応方法について。\n`package.json`の`\"type\": \"module\"`設定、`exports`フィールドと`typesVersions`フィールド、`import`するファイルの拡張子設定などについて","tags":["TypeScript","npm","node.js","article"],"relatedLinks":[]},{"date":"2021-07-12T13:42:53.431Z","title":"jQueryからTypeScript・Reactまで - Viteで始めるモダンで高速な開発環境構築 - ICS MEDIA","url":"https://ics.media/entry/210708/","content":"Viteの基本的な使い方についての記事。\nライブラリ、TypeScript、画像などのアセットの利用、設定ファイル、IE11対応についてなど","tags":["Tools","article"],"relatedLinks":[]},{"date":"2021-07-13T02:07:15.168Z","title":"Access Guide","url":"https://accessguide.io/","content":"WCAG 2.1の解説サイト。\nどのように実装するか、どのようにテストするか、実際の例について\n","tags":["accessibility","document"],"relatedLinks":[]},{"date":"2021-07-13T05:25:53.925Z","title":"Release 8.9.2 · mermaid-js/mermaid","url":"https://github.com/mermaid-js/mermaid/releases/tag/8.9.2","content":"mermaid 8.9.2で `%%{init: {<JSON_OBJECT>}}%%` の設定記法を使ったXSS脆弱性とPrototype pollutionの脆弱性が修正されている。","tags":["JavaScript","diagram","library","ReleaseNote","security"],"relatedLinks":[{"title":"#1106238 Client-Side DOS via Mermaid Prototype Pollution vulnerability","url":"https://hackerone.com/reports/1106238"}]},{"date":"2021-07-13T15:05:21.145Z","title":"Firefox 90 supports Fetch Metadata Request Headers - Mozilla Security Blog","url":"https://blog.mozilla.org/security/2021/07/12/firefox-90-supports-fetch-metadata-request-headers/","content":"Firefox 90でFetch Metadata Request Headersをサポート。\n`Sec-Fetch-Site`などの`Sec-Fetch-*`のリクエストヘッダをサポートしている","tags":["Firefox","security","article"],"relatedLinks":[{"title":"Protect your resources from web attacks with Fetch Metadata","url":"https://web.dev/fetch-metadata/"}]},{"date":"2021-07-13T15:12:48.648Z","title":"Firefox 90.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/90.0/releasenotes/","content":"Firefox 90リリース。\nES Proposal Stage 4のPrivate class fieldsをデフォルトでサポート、Stage 3のString/Arrayの`at()`をサポート。\nFTPサポートの削除、WheelEventの互換性を改善など","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 90 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/90"},{"title":"tc39/proposal-relative-indexing-method: A TC39 proposal to add an .at() method to all the basic indexable classes (Array, String, TypedArray)","url":"https://github.com/tc39/proposal-relative-indexing-method"}]},{"date":"2021-07-13T15:19:06.896Z","title":"Release 2.27.0 · prisma/prisma","url":"https://github.com/prisma/prisma/releases/tag/2.27.0","content":"Node.js向けのORMであるPrisma 2.27.0リリース。\nMongoDBをプレビューサポート、M1 Macのサポート、pnpmでインストールできない問題を修正など","tags":["TypeScript","node.js","MongoDB","ReleaseNote"],"relatedLinks":[{"title":"Start from scratch with MongoDB (15 min) | Prisma Docs","url":"https://www.prisma.io/docs/getting-started/setup-prisma/start-from-scratch/mongodb-typescript-mongodb"}]},{"date":"2021-07-14T03:22:55.711Z","title":"Javascript Decorators","url":"https://javascriptdecorators.org/","content":"ECMAScript ProposalのDecoratorsを試せるPlaygroundツール","tags":["JavaScript","ECMAScript","proposal","Tools","debug"],"viaURL":"https://zenn.dev/sykmhmh/articles/086eef9300ac2d","relatedLinks":[{"title":"tc39/proposal-decorators: Decorators for ES6 classes","url":"https://github.com/tc39/proposal-decorators"}]},{"date":"2021-07-14T12:48:45.373Z","title":"Node v16.5.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v16.5.0/","content":"Node.js 16.5.0リリース。\nWHATWG Stream APIを試験的にサポート。","tags":["node.js","ReleaseNote"],"viaURL":"https://zenn.dev/sykmhmh/articles/086eef9300ac2d","relatedLinks":[]},{"date":"2021-07-15T15:19:21.346Z","title":"Release v1.0.0 · vuejs/composition-api","url":"https://github.com/vuejs/composition-api/releases/tag/v1.0.0","content":"Vue 2向けのComposition APIを提供する@vue/composition-api 1.0.0リリース。\n","tags":["Vue","library","ReleaseNote"],"viaURL":"https://zenn.dev/sykmhmh/articles/086eef9300ac2d","relatedLinks":[]},{"date":"2021-07-16T01:48:57.957Z","title":"elad2412/the-new-css-reset: The New Simple and Lighter CSS Reset","url":"https://github.com/elad2412/the-new-css-reset","content":"`unset`や`:where`などの新しい機能を使ったCSS resetライブラリ","tags":["CSS","library"],"relatedLinks":[]},{"date":"2021-07-16T08:14:59.662Z","title":"mrbbot/miniflare: 🔥 Fully-local Cloudflare Workers Simulator","url":"https://github.com/mrbbot/miniflare","content":"Cloudflare Workersのローカルで動くシミュレータツール。\nローカル開発時に`wrangler dev`の代わりとして利用できる","tags":["cloudflare","debug"],"relatedLinks":[]},{"date":"2021-07-16T21:01:53.607Z","title":"Release v7.20.0 · npm/cli","url":"https://github.com/npm/cli/releases/tag/v7.20.0","content":"npm 7.20.0リリース。\n`package.json`の値を読み書きできる`npm pkg`コマンドの追加、`npm config`に`--location`フラグの追加など","tags":["npm","ReleaseNote"],"relatedLinks":[]},{"date":"2021-07-17T00:42:55.510Z","title":"Release v6.0.0 · riot/riot","url":"https://github.com/riot/riot/releases/tag/v6.0.0","content":"Riot.js 6.0.0リリース。\nTypeScriptでcastがエラーとなる問題の修正、より厳密な型定義へ変更など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-07-17T09:36:11.723Z","title":"Deno 1.12 Release Notes | Deno Blog","url":"https://deno.com/blog/v1.12","content":"Deno 1.12リリース。\nWeb Crypto APIの改善、REPLでTypeScriptのコードとimport文のサポート、`MessagePort`と`MessageChannel`のサポート。\n`deno test`に`--shuffle`と`--fail-test`の追加、`fetch`にProxyするための`client`オプションの追加。\n`WeakRef`のバグ修正、Chrome DevToolsの対応改善など\n","tags":["deno","ReleaseNote"],"relatedLinks":[{"title":"Release v1.12.0 · denoland/deno","url":"https://github.com/denoland/deno/releases/tag/v1.12.0"},{"title":"Deno 1.12.0 がリリースされたので新機能や変更点の紹介","url":"https://zenn.dev/magurotuna/articles/deno-release-note-1-12-0"}]},{"date":"2021-07-17T13:16:32.263Z","title":"Vue 3 Migration Build: safely upgrade your app to Vue 3 (Pt. 1) | Vue Mastery","url":"https://www.vuemastery.com/blog/vue-3-migration-build/","content":"`@vue/compat`を使ったVue 3へのマイグレーションについての記事","tags":["Vue","article"],"relatedLinks":[]},{"date":"2021-07-19T04:38:16.332Z","title":"ECMAScript proposal updates @ 2021-07 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2021/07/19/ecmascript-proposal-update","content":"2021年7月のTC39 MeetingでStageが変更されたProposalのまとめ。\nPrivate FieldsのBrand ChecksがStage 4へ、RealmsがStage 3となった","tags":["ECMAScript","proposal","news"],"relatedLinks":[]},{"date":"2021-07-19T12:58:52.314Z","title":"Release v4.0.0 · mongodb/node-mongodb-native","url":"https://github.com/mongodb/node-mongodb-native/releases/tag/v4.0.0","content":"MongoDB Node.js Driver 4.0リリース。\nMongoDB 5.0をサポート。\nTime Series Collectionsをサポート、SecondaryでSnapshotの読み取りをサポートなど","tags":["node.js","MongoDB","library","ReleaseNote"],"relatedLinks":[{"title":"Launched Today: MongoDB 5.0, Serverless Atlas, and the Evolution of our Application Data Platform | MongoDB","url":"https://www.mongodb.com/blog/post/launched-today-mongodb-5-0-serverless-atlas-evolution-application-data-platform"}]},{"date":"2021-07-19T13:16:10.897Z","title":"The Road to Ember 4.0","url":"https://blog.emberjs.com/the-road-to-ember-4-0/","content":"Ember 4.0のロードマップについて。\nEmber 4は2021年9月20日にリリース予定。\nEmberのメジャーアップデートには新しい機能は含まないため、DeprecatedなAPIの削除、Ember Classicが廃止となりOctaneへのアップデートを推奨。\nまた、IEのサポートを終了予定。","tags":["Ember","JavaScript","article"],"relatedLinks":[]},{"date":"2021-07-19T13:20:52.508Z","title":"grafana/k6: A modern load testing tool, using Go and JavaScript - https://k6.io","url":"https://github.com/grafana/k6","content":"GoとJavaScriptを使った負荷テストツール。\nJavaScriptでスクリプトを書いて、負荷/性能テストができる。","tags":["golang","JavaScript","TEST"],"relatedLinks":[{"title":"Our exciting next step - k6 is now part of Grafana Labs!","url":"https://k6.io/blog/joining-grafana-labs/"}]},{"date":"2021-07-19T13:55:27.448Z","title":"The performance effects of too much lazy-loading","url":"https://web.dev/lcp-lazy-loading/","content":"HTTP Archiveのデータによる`loading=lazy`はウェブサイトの17%で使われていて、その大部分はWordPressのサイトとなっている。\nWordPressのサイトはLazy LoadingをAbove the foldな画像に対しても行っていたため、Lazy Loadしない場合に比べてLCPが悪化している問題について。","tags":["performance","article"],"relatedLinks":[]},{"date":"2021-07-20T02:15:33.006Z","title":"tc39_study_2 - Speaker Deck","url":"https://speakerdeck.com/jxck/tc39-study-2","content":"ECMAScript Proposal紹介の詰め合わせ的なスライド","tags":["ECMAScript","proposal","slide"],"relatedLinks":[]},{"date":"2021-07-22T08:18:27.953Z","title":"Tak-Iwamoto/ptera: Ptera is DateTime library for Deno","url":"https://github.com/Tak-Iwamoto/ptera","content":"Deno向けの日付操作ライブラリ","tags":["deno","JavaScript","library"],"relatedLinks":[{"title":"DenoのDateTimeライブラリPteraをリリースしました","url":"https://zenn.dev/tak_iwamoto/articles/8b32b27bd577b1"}]},{"date":"2021-07-24T02:07:51.811Z","title":"ajitid/fzf-for-js: Do fuzzy matching using FZF algorithm in JavaScript","url":"https://github.com/ajitid/fzf-for-js","content":"コマンドラインツール向けの曖昧(あいまい)検索であるFZFのアルゴリズムをJavaScriptに移植したライブラリ","tags":["JavaScript","library","search"],"relatedLinks":[]},{"date":"2021-07-26T00:59:24.095Z","title":"ES-Community/nsecure: Node.js security CLI / API that allow you to deeply analyze the dependency tree of a given package / directory","url":"https://github.com/ES-Community/nsecure","content":"ディレクトリや特定のパッケージのnpmパッケージへの依存を分析するツール。\nコードをパースして、利用しているnpmパッケージのメタデータ、ライセンス、セキュリティ情報などの一覧を取得する","tags":["node.js","npm","security","Tools"],"relatedLinks":[]},{"date":"2021-07-26T12:33:52.243Z","title":"Privacy Sandbox Timeline","url":"https://privacysandbox.com/timeline/","content":"Privacy Sandboxのロードマップとタイムライン","tags":["Chrome","privacy","document"],"relatedLinks":[]},{"date":"2021-07-26T12:48:53.346Z","title":"URLPattern brings routing to the web platform","url":"https://web.dev/urlpattern/","content":"path-to-regexpのようにURLのパターンマッチを扱う`URLPattern`オブジェクトについて。\n基本的な使い方、キャプチャ、ブラウザサポートとPolyfillについて","tags":["JavaScript","Chrome","WebPlatformAPI","article"],"relatedLinks":[]},{"date":"2021-07-26T13:20:49.524Z","title":"tangramxyz/tangram: Tangram is an all-in-one automated machine learning framework.","url":"https://github.com/tangramxyz/tangram","content":"機械学習フレームワーク。\nコマンドラインで学習したモデルを作成し、各種言語のFFIなライブラリから予測ができる。\nJavaScriptにWasmビルドを公開している。\nまたモデルのパフォーマンスダッシュボードをブラウザで見れるようになっている。","tags":["MachineLearning","library","Rust","JavaScript","ruby ","python","golang"],"relatedLinks":[]},{"date":"2021-07-26T14:12:53.913Z","title":"Version 2.0 released : Node-RED","url":"https://nodered.org/blog/2021/07/20/version-2-0-released","content":"IoTデバイスなどを扱うビジュアルプログラミング環境のNode-RED 2.0.0リリース。\n","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"Release 2.0.0: Milestone Release · node-red/node-red","url":"https://github.com/node-red/node-red/releases/tag/2.0.0"}]},{"date":"2021-07-26T14:16:54.983Z","title":"udecode/plate: A plugin framework for building rich text editors with slate.","url":"https://github.com/udecode/plate","content":"slateベースのリッチテキストエディタライブラリ。\nプラグインで機能を追加できるようになっていて、さまざまなプラグインが用意されている。","tags":["JavaScript","editor","React","library"],"relatedLinks":[]},{"date":"2021-07-26T14:34:33.828Z","title":"Easier browser debugging with Developer Tools integration in Visual Studio Code - Microsoft Edge Blog","url":"https://blogs.windows.com/msedgedev/2021/07/16/easier-debugging-developer-tools-in-visual-studio-code/","content":"VSCodeからChromeとMSEdgeのDebuggerに接続するvscode-js-debug拡張について。\nDAP(Debug Adapter Protocol)のProtocol Adapterを使い、VScodeからブラウザのデバッグに接続している。","tags":["VSCode","browser","debug","article"],"relatedLinks":[{"title":"microsoft/vscode-js-debug: The VS Code JavaScript debugger","url":"https://github.com/microsoft/vscode-js-debug"}]},{"date":"2021-07-26T14:56:18.231Z","title":"ちいさな Web ブラウザを作ってみよう","url":"https://browserbook.shift-js.info/","content":"Rustでウェブブラウザを作りつつ、ブラウザのレンダリングの仕組み、全体の流れ、セキュリティについて学習する教材。","tags":["browser","book","Rust","security"],"relatedLinks":[]},{"date":"2021-07-26T15:18:51.999Z","title":"actuallyakash/spacers: 🔳 when you need more __space__","url":"https://github.com/actuallyakash/spacers","content":"D&Dで要素に対してpaddingやmarginなどのスペースを設定できるライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2021-07-26T15:22:00.401Z","title":"davewasmer/devcert: Local HTTPS development made easy","url":"https://github.com/davewasmer/devcert","content":"ローカルで開発用のHTTPSサーバの作成を補助するライブラリ。\n任意のドメインに対する証明書の作成、マシンへのルート証明書のインストールなどローカルでHTTPSサーバを起動するのを補助するツール。","tags":["node.js","SSL","debug","Tools"],"relatedLinks":[]},{"date":"2021-07-27T01:37:06.480Z","title":"Fastly Launches New Era of Highly-Secure Serverless JavaScript With Zero Cold Starts | Fastly","url":"https://www.fastly.com/press/press-releases/fastly-launches-new-era-of-highly-secure-serverless-javascript-with-zero","content":"FastlyのCompute@EdgeがJavaScriptをサポート","tags":["WebAssembly","cdn","JavaScript","article"],"relatedLinks":[{"title":"JS on Wasm with Nick Fitzgerald (JS Party #183) |> Changelog","url":"https://changelog.com/jsparty/183"}]},{"date":"2021-07-27T12:23:45.760Z","title":"How to Eliminate Render-Blocking Resources: a Deep Dive","url":"https://sia.codes/posts/render-blocking-resources/","content":"レンダリングブロッキングの要素となるJavaScriptとCSSについて。\nレンダリングブロックされるとどのようにパフォーマンスへ影響があるのか、WebPageTestを使った確認方法、レンダリングブロッキングの削除方法についてなど","tags":["JavaScript","CSS","browser","performance","article"],"relatedLinks":[]},{"date":"2021-07-27T12:51:27.914Z","title":"nicoespeon/abracadabra: Automated refactorings for VS Code (JS & TS) ✨ It's magic ✨","url":"https://github.com/nicoespeon/abracadabra","content":"JavaScriptとTypeScriptのリファクタリングを補助するVSCode拡張。\nWebStormのようにコードのQuick Fixを提供している","tags":["VSCode","refacoring","plugin","JavaScript"],"relatedLinks":[]},{"date":"2021-07-29T00:58:27.708Z","title":"How do Chrome extensions impact browser performance?","url":"https://www.debugbear.com/blog/chrome-extension-performance-2021","content":"ブラウザ拡張がウェブサイトのパフォーマンスにどのように影響を与えているかについての記事。\nCPU負荷、初回のレンダリングへの影響、バックグラウンでのCPU処理、、メモリ消費量。\nまたAdBlocker系とデータ量やメモリ消費量の削減について","tags":["browser","Extension","performance","article"],"relatedLinks":[]},{"date":"2021-07-29T04:59:39.479Z","title":"BlueBlazin/thislang: An implementation of a subset of javascript in that subset of javascript.","url":"https://github.com/BlueBlazin/thislang","content":"JavaScriptでのJavaScript subsetの実装。","tags":["JavaScript","AST","language"],"relatedLinks":[]},{"date":"2021-07-29T15:05:58.809Z","title":"Headless UI v1.4: The One With Tabs – Tailwind CSS","url":"https://blog.tailwindcss.com/headless-ui-v1-4","content":"Headless UI 1.4リリース。\nTagコンポーネントの追加、`Disclosures`と`Popover`のPanel内に`Button`を置くとPanelを閉じれるように","tags":["React","Vue","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-07-30T12:12:39.635Z","title":"Yarn 3.0 🚀🤖 Performances, ESBuild, Better Patches, ... - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/arcanis/yarn-3-0-performances-esbuild-better-patches-e07","content":"Yarn 3.0リリース。\nNode.js 10のサポート終了、`.pnp.cjs`にリネーム、`@yarnpkg/pnpify`を3つのパッケージに分解など。\n`exports`フィールドのサポート、pnpライクなハードリンクのサポート、シェル構文のサポート改善、 ESBuildのサポートなど","tags":["yarn","ReleaseNote"],"relatedLinks":[{"title":"berry/CHANGELOG.md at master · yarnpkg/berry","url":"https://github.com/yarnpkg/berry/blob/master/CHANGELOG.md#300"}]},{"date":"2021-07-31T00:28:48.145Z","title":"arcanis/clipanion: Type-safe CLI library with no runtime dependencies","url":"https://github.com/arcanis/clipanion","content":"CLI向けのコマンドライン引数パーサライブラリ。\nネストされたコマンドのサポート、typanionと連携したバリデーション、ヘルプのサポートなど。\nYarnで利用されている。","tags":["JavaScript","node.js","console","library","TypeScript"],"relatedLinks":[]},{"date":"2021-07-31T01:22:56.866Z","title":"Release 3.16.0 - 2021.07.30 · zloirock/core-js","url":"https://github.com/zloirock/core-js/releases/tag/v3.16.0","content":"core.js 3.16.0リリース。\nStage 3の`Array#findLast`、Stage 1の`Array#filterOut`と`Array#groupBy`のサポート。\nDenoのサポートなど","tags":["JavaScript","polyfill","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-07-31T01:25:25.334Z","title":"Node v16.6.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v16.6.0/","content":"Node.js 16.6.0リリース。\nV8 9.2へアップデート、`http2`のセキュリティ修正など","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"V8 release v9.2 · V8","url":"https://v8.dev/blog/v8-release-92"}]},{"date":"2021-07-31T03:53:04.160Z","title":"Recoil 0.4 | Recoil","url":"https://recoiljs.org/blog/2021/07/30/0.4.0-release/","content":"Recoil 0.4リリース。\nキャッシュポリシーを`cachePolicy_UNSTABLE`で設定できるように、トランザクションをする`useRecoilTransaction_UNSTABLE`で利用できるように。\nTypeScriptの型改善など","tags":["React","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-08-02T12:42:13.660Z","title":"WebView2 and Electron | Electron Blog","url":"https://www.electronjs.org/blog/webview2","content":"ElectronとWindowsのWebView2のアーキテクチャ的な違いについて。\n","tags":["Electron","windows","article"],"relatedLinks":[]},{"date":"2021-08-02T12:48:15.295Z","title":"Chromium Blog: Chrome 93: Multi-Screen Window Placement, PWAs as URL Handlers, and More","url":"https://blog.chromium.org/2021/07/chrome-93-multi-screen-window-placement.html","content":"Chrome 93 betaリリース。\nOrigin Trialとして`Cross-Origin-Embedder-Policy：credentialless`、URL Handlersの追加など。\n`AbortSignal.abort()`メソッドのサポート、Stage 3のError causeと`Object.hasOwn`のサポート。\nClient Hint Headerの`Sec-CH-Prefers-Color-Scheme`の追加やUA Client Hintの更新など","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2021-08-03T00:49:54.645Z","title":"1065085 - Implement window.{alert, prompt, confirm} removal from cross-origin iframes - chromium","url":"https://bugs.chromium.org/p/chromium/issues/detail?id=1065085","content":"Chrome 92でcross origin iframeからのalert/dialog/promptが無効化された。\n回避方法として、Chrome 96まで有効なReverse Origin Trial、ダイアログUIを自作する方法、postMessageを使って親ドキュメントでダイアログを出す方法など。","tags":["Chrome","security","DOM","news"],"relatedLinks":[{"title":"Remove alert(), confirm(), and prompt for cross origin iframes - Chrome Platform Status","url":"https://www.chromestatus.com/feature/5148698084376576"},{"title":"Proposal: Disallow cross-origin iframes usage of window.{alert, confirm, prompt} · Issue #5407 · whatwg/html","url":"https://github.com/whatwg/html/issues/5407"},{"title":"google chrome - JavaScript dialogs alert(), confirm() and prompt() in cross origin iframe does not work any longer - Stack Overflow","url":"https://stackoverflow.com/questions/68492434/javascript-dialogs-alert-confirm-and-prompt-in-cross-origin-iframe-does-n"},{"title":"Chrome Enterprise release notes - Google Chrome Enterprise Help","url":"https://support.google.com/chrome/a/answer/7679408#92&zippy=%2Cchrome"},{"title":"Intent to Remove: Cross origin subframe JS Dialogs","url":"https://groups.google.com/a/chromium.org/g/blink-dev/c/hTOXiBj3D6A/m/gFXmgIz9AwAJ"},{"title":"Cross Origin iframe からの alert/confirm/prompt 呼び出しの無効化 | blog.jxck.io","url":"https://blog.jxck.io/entries/2021-08-02/3rd-party-iframe-dialog.html"}]},{"date":"2021-08-03T01:52:35.210Z","title":"crcn/sift.js: Use Mongodb queries in JavaScript","url":"https://github.com/crcn/sift.js","content":"JavaScriptのオブジェクトに対してMongoDB Queryライクな構文や演算子で検索できるライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2021-08-03T01:56:22.059Z","title":"GraphQLクライアントにurqlをおすすめしたい","url":"https://zenn.dev/adwd/articles/f4c5c5120467bb","content":"GraphQLクライアントライブラリのurqlについて。\nレスポンスをキャッシュの仕組みとキャッシュを履きする仕組みについて","tags":["JavaScript","GraphQL","article"],"relatedLinks":[]},{"date":"2021-08-03T03:37:22.929Z","title":"Release Version 16.7.0 · jsdom/jsdom","url":"https://github.com/jsdom/jsdom/releases/tag/16.7.0","content":"jsdom 16.7.0リリース。\n`AbortSignal.abort()`のサポート、`getBoundingClientRect()`の返り値に`x`と`y`を追加。\n`<textarea>`の改行コードのノーマライゼーションを仕様に準拠するように変更など","tags":["JavaScript","DOM","library","ReleaseNote"],"relatedLinks":[{"title":"The WHATWG Blog — Newline normalizations in form submission","url":"https://blog.whatwg.org/newline-normalizations-in-form-submission"}]},{"date":"2021-08-07T13:36:19.546Z","title":"Release v6.12.0 · pnpm/pnpm","url":"https://github.com/pnpm/pnpm/releases/tag/v6.12.0","content":"pnpm 6.12.0リリース。\n`pnpm env use --global <version>`でNode.jsをインストールして利用できるように。\nNode.jsのバージョン管理ツールとしてpnpmを利用できるように","tags":["npm","ReleaseNote"],"relatedLinks":[{"title":"Using pnpm as a Node.js version manager · Discussion #3434 · pnpm/pnpm","url":"https://github.com/pnpm/pnpm/discussions/3434"}]},{"date":"2021-08-07T13:39:59.852Z","title":"O'Reilly Japan - Reactハンズオンラーニング 第2版","url":"https://www.oreilly.co.jp/books/9784873119380/","content":"Learning React, 2nd Editionの翻訳本","tags":["React","book","JavaScript"],"relatedLinks":[]},{"date":"2021-08-07T15:32:00.941Z","title":"Super Duper Secure Mode | Microsoft Browser Vulnerability Research","url":"https://microsoftedge.github.io/edgevr/posts/Super-Duper-Secure-Mode/","content":"V8のCVEのうち45%がJITに関連するものであり、それを防ぐためのJIT lessモードであるSuper Duper Secure Mode（SDSM）について。\nJITのありなしでのパフォーマンスの違いについてなど","tags":["MSEdge","security","article"],"relatedLinks":[]},{"date":"2021-08-07T15:50:17.524Z","title":"Preact 2021 - What if? @Trivago - Google スライド","url":"https://docs.google.com/presentation/d/1sZyETbDiacqAznlEGEpfyPz0q37Q-12bOB5Mq3OtyKQ/edit#slide=id.p","content":"Preactの今後についてのスライド。\nIEのサポートを切ってworkaroundsコードの削除、再帰ではなくループを使うことでコールスタックの改善、コマンドパターンでの処理といった新しいレンダラーの構想について。\ndeoptimizationをなくすことでパフォーマンスを改善していく","tags":["React","slide"],"relatedLinks":[]},{"date":"2021-08-07T15:53:40.199Z","title":"Replacing Sass · Discussion #44 · Shopify/polaris","url":"https://github.com/Shopify/polaris/discussions/44","content":"ShopifyのDesign SystemであるPolarisにおけるCSSフレームワークの選定についての議論。\nSassを置き換えるためにTailwind CSS、CSS Modules、Stitches、vanilla-extractを比較している。\nvanilla-extractを有力候補として選択している。","tags":["CSS","opinion","issue"],"relatedLinks":[{"title":"Solution analysis for Polaris Foundations - Google スプレッドシート","url":"https://docs.google.com/spreadsheets/d/1rxrRTlbNWiLVu-Q5IK7xh5O1FmWcjyAS2XN7jiPrhYM/edit#gid=0"}]},{"date":"2021-08-07T16:24:06.065Z","title":"Bootstrap 5.1.0 | Bootstrap Blog","url":"https://blog.getbootstrap.com/2021/08/04/bootstrap-5-1-0/","content":"Bootstrap 5.1.0リリース。\n新しいCSS Gridの仕組みをオプトインで使えるように、Placeholdersの追加、Horizontal collapseのサポートなど","tags":["CSS","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-08-07T16:29:14.426Z","title":"Release v5.49.0 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v5.49.0","content":"webpack 5.49.0リリース。\nimportでhttp(s)なURLをモジュールを読み込める`experiments.buildHttp`オプションの追加。\nダウンロードしたモジュールは`webpack.lock.data/**`以下に保存され、`webpack.lock`でのロックファイルで管理される。","tags":["webpack","ReleaseNote"],"relatedLinks":[{"title":"add `experiments.buildHttp` by sokra · Pull Request #13925 · webpack/webpack","url":"https://github.com/webpack/webpack/pull/13925"},{"title":"Experiments","url":"https://github.com/webpack/webpack/projects/9"}]},{"date":"2021-08-09T14:11:13.503Z","title":"V8 release v9.3 · V8","url":"https://v8.dev/blog/v8-release-93","content":"V8 9.3リリース。\nJITコンパイラのSparkplugにBatch Compilationを導入してコンパイル速度の改善。\n`Object.hasOwn`、Error Causeのサポートなど","tags":["V8","JavaScript","ReleaseNote"],"relatedLinks":[]},{"date":"2021-08-09T15:22:57.703Z","title":"Release V1.1.0 - Interrupting Cow · solidjs/solid","url":"https://github.com/solidjs/solid/releases/tag/v1.1.0","content":"Solid 1.1.0リリース。\nhydrateに対応した`createUniqueId`の追加、ObservableなどをSignalに変換する`from`の追加。\n`enabledScheduling`でConcurrent RenderingとTransition時の割り込み処理のサポート、`startTransition`の追加など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-08-10T02:54:15.772Z","title":"JavaScript needs more helper functions for iteration (map, filter, etc.) – where should we put them?","url":"https://2ality.com/2021/08/iteration-helpers.html","content":"IterableなオブジェクトをIterationするためのアプローチについての記事","tags":["JavaScript","ECMAScript","article"],"relatedLinks":[]},{"date":"2021-08-10T02:56:07.708Z","title":"Chrome DevToolsのRenderingタブを活用しよう | フロントエンドBlog | ミツエーリンクス","url":"https://www.mitsue.co.jp/knowledge/blog/frontend/202107/28_1056.html","content":"Chrome DevToolsのRenderingタブの機能紹介記事","tags":["Chrome","debug","article"],"relatedLinks":[]},{"date":"2021-08-10T03:09:06.209Z","title":"Vue 3.2 Released! | The Vue Point","url":"https://blog.vuejs.org/posts/vue-3.2.html","content":"Vue 3.2リリース。\n`<script setup>`と`<style>`での`v-bind`をStableに変更、`defineCustomElement`でCustom Elementを作成できるようになる。\nまたRuntimeとCompileのパフォーマンス改善、Node.js環境に依存しないSSRのStream APIの追加など","tags":["Vue","ReleaseNote"],"relatedLinks":[{"title":"vue-next/CHANGELOG.md at master · vuejs/vue-next","url":"https://github.com/vuejs/vue-next/blob/master/CHANGELOG.md#320-2021-08-09"}]},{"date":"2021-08-12T04:46:17.248Z","title":"August 2021 Security Releases | Node.js","url":"https://nodejs.org/en/blog/vulnerability/aug-2021-security-releases/","content":"Node.jsのセキュリティアップデート。\nそれぞれ対応するNode v12.22.5 (LTS)、 Node v14.17.5 (LTS)、Node v16.6.2がリリースされている。\nDNSライブラリc-aresのセキュリティ修正、`http2`のstreamを閉じた際のUse after freeの修正。\n`rejectUnauthorized`に`undefined`を渡すと期限切れの証明書を受け付けていた問題の修正など","tags":["node.js","security","ReleaseNote"],"relatedLinks":[]},{"date":"2021-08-12T11:11:55.689Z","title":"Hopping on Firefox 91 - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2021/08/hopping-on-firefox-91/","content":"Firefox 91リリース。\nVisual Viewport API、Intl.DateTimeFormatの改善、Error Causeのサポートなど。\nまたGamepad APIがSecure Contextでのみ動作するようになる変更など","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 91.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/91.0/releasenotes/"},{"title":"Firefox 91 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/91"}]},{"date":"2021-08-12T21:54:20.102Z","title":"Blog - Next.js 11.1 | Next.js","url":"https://nextjs.org/blog/next-11-1","content":"Next.js 11.1リリース。\nオープンリダイレクタの脆弱性の修正、experimentalでNode.jsのESMをサポート、Rust製のJS/TSコンパイラのSWCを利用できるようになるなど。\n`node-fetch`のkeepAliveをデフォルトで有効化、Source Map/ESLint/`next/image`の改善など","tags":["Next.js","ReleaseNote"],"relatedLinks":[]},{"date":"2021-08-15T14:51:16.707Z","title":"Announcing TypeScript 4.4 RC | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-4-rc/","content":"TypeScript 4.4 RCリリース。\nControl Flow Analysisの改善、Index SignaturesにSymbolやTemplate Stringを利用できるように。\nCatch節のデフォルトを`unknown`型にする`useUnknownInCatchVariables`オプションの追加。\noptionalと`undefined`値の区別をする`exactOptionalPropertyTypes`オプションの追加。\nまた、ES Proposal Stage 3のclass static blockをサポート。\ndeclarationの生成や`strict`モードでのビルドパフォーマンスの改善も含まれている","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2021-08-15T15:12:01.586Z","title":"JavaScript Development: Making a Web Worker optional | by Tobias Uhlig | Aug, 2021 | ITNEXT","url":"https://itnext.io/javascript-development-making-a-web-worker-optional-f23a13490b28","content":"重たいロジックを別のWeb Workerで分けることには意味があるが、スレッドがほとんどアイドル状態の場合にWorkerを分けるとpostMessage分の遅延が発生してしまう。\nWorkerとして分けて実行していた処理を、同じAPIを維持しつつ同じスレッドで実行するように処理を変更するアプローチについて。\nneo.mjs 2.3.4ではどのように対応したかについて。","tags":["JavaScript","webworker","article"],"relatedLinks":[{"title":"neomjs/neo: The application worker driven frontend framework","url":"https://github.com/neomjs/neo"}]},{"date":"2021-08-16T01:59:10.275Z","title":"Release v6.0.0 · vueuse/vueuse","url":"https://github.com/vueuse/vueuse/releases/tag/v6.0.0","content":"vueuse 6.0.0リリース。\nVue 3.2の`effectScope` APIに対応、`createSharedComposable`/`toReactive`/`useEventBus`の追加。\n`useStorage`にonErrorコールバックの追加など","tags":["Vue","ReleaseNote","library"],"relatedLinks":[]},{"date":"2021-08-16T04:20:42.306Z","title":"craigmichaelmartin/pure-orm: A Node.js SQL toolkit for writing native SQL queries yielding pure business objects","url":"https://github.com/craigmichaelmartin/pure-orm","content":"ORMライブラリ。\nBusiness Object(BO)とData Access Object(DAO)を使ってDBとのデータをやり取りする。\nDAOはクエリビルダーではなく、生に近いSQL構文を利用する","tags":["DB","node.js","library"],"relatedLinks":[]},{"date":"2021-08-16T04:23:30.477Z","title":"microlinkhq/keyv: Simple key-value storage with support for multiple backends.","url":"https://github.com/microlinkhq/keyv","content":"redis/mongo/SQLite/MySQL/PostgreSQLなどの各種バックエンドに対応したKVSライブラリ。\n","tags":["JavaScript","node.js","library"],"relatedLinks":[]},{"date":"2021-08-16T12:04:10.678Z","title":"jlongster/absurd-sql: sqlite3 in ur indexeddb (hopefully a better backend soon)","url":"https://github.com/jlongster/absurd-sql","content":"sql.jsのIndexedDBバックエンド","tags":["SQL","JavaScript","IndexedDB","library"],"relatedLinks":[{"title":"A future for SQL on the web","url":"https://jlongster.com/future-sql-web"}]},{"date":"2021-08-16T12:40:55.835Z","title":"<Lazy> rendering in Vue to improve performance | by Martin Malinda | Vue.js Developers | Aug, 2021 | Medium","url":"https://medium.com/js-dojo/lazy-rendering-in-vue-to-improve-performance-dcccd445d5f","content":"Vueでの遅延レンダリングを使ったパフォーマンス改善について。\nレンダリングのタイミングをずらす、Intersection Observerを使ってviewportに入るタイミングでレンダリング、無限リストの実装についてなど","tags":["Vue","article","performance"],"relatedLinks":[]},{"date":"2021-08-16T13:48:15.500Z","title":"Slinkity","url":"https://slinkity.dev/","content":"静的サイトジェネレータである11tyにReact/Vue/Svelteなどのコンポーネントをimportとして利用できるようにする拡張","tags":["JavaScript","Tools","React","Vue","Svelte"],"relatedLinks":[]},{"date":"2021-08-16T22:47:23.874Z","title":"Modern web apps without JavaScript bundling or transpiling","url":"https://world.hey.com/dhh/modern-web-apps-without-javascript-bundling-or-transpiling-a20f2755","content":"Rails 7.0でwebpacker(webpack)ではなくimport mapsベースのbundlerを使わないアプローチをデフォルトにすることを検討しているという話。","tags":["rails","JavaScript","article"],"relatedLinks":[{"title":"rails/importmap-rails: Use ESM with importmap to manage modern JavaScript in Rails without transpiling or bundling.","url":"https://github.com/rails/importmap-rails/"},{"title":"Replace webpack with importmapped Hotwire as default js by dhh · Pull Request #42999 · rails/rails","url":"https://github.com/rails/rails/pull/42999"},{"title":"Alpha preview: Modern JavaScript in Rails 7 without Webpack - YouTube","url":"https://www.youtube.com/watch?v=PtxZvFnL2i0"}]},{"date":"2021-08-16T22:56:57.776Z","title":"Don’t attach tooltips to document.body - Atif Afzal","url":"https://atfzl.com/don-t-attach-tooltips-to-document-body","content":"`document.body`直下にツールチップ表示用の要素を追加すると、多くの要素のスタイル更新処理が行われパフォーマンスの問題となった話。\nどのようにレイアウト計算の影響を確認したか、ツールチップを表示用の要素をラップすることでスタイル更新の影響範囲を小さくした話","tags":["JavaScript","DOM","CSS","performance","article"],"relatedLinks":[]},{"date":"2021-08-16T23:05:38.735Z","title":"CSS Grid tooling in DevTools - Chrome Developers","url":"https://developer.chrome.com/blog/css-grid-tooling/","content":"Chrome DevToolsのCSS Gridのデバッグ機能と追加されたCDP(chrome devtools protocol)について。\nDevToolsのGridのオーバーレイ表示を永続化、DOMの変更を即時反映、ComputedなStyleでの要素検索を実現するために、CDPに対して新しいコマンドを実装したという話。","tags":["CSS","Chrome","debug","article"],"relatedLinks":[]},{"date":"2021-08-18T23:51:53.588Z","title":"SpeedVitals - Optimize your Website for Web Vitals","url":"https://speedvitals.com/","content":"ウェブサイトのパフォーマンス計測をしてCore Web Vitalsの改善方法を提示するウェブサービス。\n計測結果からLCPのスコアの改善方法、レイアウトシフトの視覚化など改善に関する情報を提示する","tags":["webservice","performance"],"relatedLinks":[{"title":"Introducing SpeedVitals Alpha Version! - SpeedVitals","url":"https://blog.speedvitals.com/introducing-speedvitals/#more-20"}]},{"date":"2021-08-18T23:53:32.145Z","title":"geist-org/react: Modern and minimalist React UI library.","url":"https://github.com/geist-org/react","content":"VercelのデザインをインスパイアしたReactのUIフレームワーク","tags":["React","library"],"relatedLinks":[]},{"date":"2021-08-19T00:02:06.780Z","title":"The State Of Mobile First and Desktop First - Ahmad Shadeed","url":"https://ishadeed.com/article/the-state-of-mobile-first-and-desktop-first/","content":"CSSを書くときにMobileとDesktop向けのどちらを先に書くかについて。\nMobileとDesktopのどちらかを先に書いて、もう一方をMedia Queryで上書きしたときのコード量や拡張性の違いについて。\nまた、ベースとそれぞれを書いた場合やFlexboxやContainer Queryといった最近の機能を使って書いた場合についてなど","tags":["CSS","article"],"relatedLinks":[]},{"date":"2021-08-20T13:52:04.397Z","title":"Announcing React Native 0.65 · React Native","url":"https://reactnative.dev/blog/2021/08/17/version-065","content":"React Native 0.65リリース。\nHermes 0.8にアップグレードし、Hadesというガベージコレクタの実装、ECMAScript i18n APIのサポート、Apple M1のサポートなど。\n","tags":["React","iOS","Android"],"relatedLinks":[]},{"date":"2021-08-22T06:19:59.006Z","title":"Release v9.1.0 · mochajs/mocha","url":"https://github.com/mochajs/mocha/releases/tag/v9.1.0","content":"Mocha 9.1.0リリース。\n`--fail-zero`、`--node-option`のサポート、`JSON`レポーターの追加など","tags":["node.js","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-08-22T13:58:32.697Z","title":"mouseover 中に表示される DOM のデバッグ | blog.jxck.io","url":"https://blog.jxck.io/entries/2021-08-20/how-to-debug-mouseover.html","content":"mouseover中に表示されるDOM要素を開発者ツールでデバッグする方法について","tags":["DOM","debug","article"],"relatedLinks":[]},{"date":"2021-08-22T14:11:56.757Z","title":"Release Notes for Safari Technology Preview 130 | WebKit","url":"https://webkit.org/blog/11958/release-notes-for-safari-technology-preview-130/","content":"フラグ付きで`Array.prototype.findLast`と`Array.prototype.findLastIndex`のサポート、WebAudioでWebM/Opusコンテナのサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2021-08-23T11:52:32.596Z","title":"Testing | Next.js","url":"https://nextjs.org/docs/testing","content":"Next.jsにおけるテストについてのドキュメント。\nCypressを使ったE2EテストとJest + React Testing Libraryを使ったテストの方法について紹介している。","tags":["Next.js","React","testing","document"],"relatedLinks":[{"title":"Delba de Oliveira on Twitter: &quot;We've just released the first iteration of the Next.js Testing Docs: https://t.co/jhe7zSigt3 🧪 We wanted to provide a starting point for those looking to set up Next.js with 3 commonly used testing tools: @cypress_io, @fbjest and React @TestingLib.&quot; / Twitter","url":"https://twitter.com/delba_oliveira/status/1427307677709967362"}]},{"date":"2021-08-23T12:54:41.575Z","title":"'return await promise' vs 'return promise' in JavaScript","url":"https://dmitripavlutin.com/return-await-promise-javascript/","content":"`return await promise`と`return promise`で動作が異なるケースについて。\n`try...catch`で囲まれている場合には、`await`によってthrowされると結果が異なる","tags":["Promises","JavaScript","article"],"relatedLinks":[]},{"date":"2021-08-24T02:47:55.577Z","title":"johnsoncodehk/volar: ⚡ Fast Vue Language Support Extension","url":"https://github.com/johnsoncodehk/volar","content":"Vue 3をサポートするVSCode向けの拡張機能。\n`.vue`ファイルのTypeScriptの型チェックやテンプレートのlanguage serverを提供する","tags":["Vue","TypeScript","VSCode","plugin"],"relatedLinks":[]},{"date":"2021-08-24T04:44:58.812Z","title":"Release v4.0.0 · mdn/browser-compat-data","url":"https://github.com/mdn/browser-compat-data/releases/tag/v4.0.0","content":"MDNなどで使われるウェブ技術の互換性リストであるbrowser-compat-data 4.0.0リリース。\nスキーマに`preview`と`accepts_flags`の追加、Denoを追加、XPathとXSLTのデータが不完全であるため削除など","tags":["mdn","JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Deno on MDN | Deno Blog","url":"https://deno.com/blog/deno-on-mdn"}]},{"date":"2021-08-24T04:49:10.899Z","title":"複数リポジトリ間におけるeslint・prettierの設定共通化 - LIVESENSE ENGINEER BLOG","url":"https://made.livesense.co.jp/entry/2021/08/24/083000","content":"ESLintの設定を社内で共有管理するために、scoped packagesとして公開して利用方法について","tags":["ESLint","article"],"relatedLinks":[]},{"date":"2021-08-25T00:10:40.565Z","title":"The npm registry is deprecating TLS 1.0 and TLS 1.1 | The GitHub Blog","url":"https://github.blog/2021-08-23-npm-registry-deprecating-tls-1-0-tls-1-1/","content":"npm registryでTLS 1.0とTLS 1.1を非推奨化し、2021年9月29日でサポートを終了する予定。\nNode.js 0.10.0未満のバージョンを使っているケースやカスタムしたバイナリを使っているケースが対象となるがすでに99%はTLS 1.2を利用しているとのこと。","tags":["npm","Github","security","news"],"relatedLinks":[]},{"date":"2021-08-25T00:26:25.839Z","title":"@open-wc/semantic-dom-diff - npm","url":"https://www.npmjs.com/package/@open-wc/semantic-dom-diff","content":"DOM/HTMLのassertionライブラリ。\nHTML文字列を比較したテストができる。","tags":["DOM","HTML","JavaScript","library"],"relatedLinks":[]},{"date":"2021-08-25T02:38:13.170Z","title":"Why WASM is not the future of Babylon.js | by Babylon.js | Aug, 2021 | Medium","url":"https://babylonjs.medium.com/why-wasm-is-not-the-future-of-babylon-js-5832b09c9b10","content":"WebAssemblyはC++などのネイティブな言語をコンパイルして利用するのが目的であるため、TypeScriptで書かれたBabylon.jsをWasmにする正当な理由がまだないという話。\nWasmとJS間のコミュニケーションコストやデバッグが難しい、メモリ管理なども含むためサイズが大きくなるなどの問題点について。\nまた、Babylon.jsの物理エンジンなどの一部領域ではWasmをすでに利用していることなどについても書かれている。","tags":["WebAssembly","article","JavaScript"],"relatedLinks":[]},{"date":"2021-08-25T02:43:57.798Z","title":"From Create-React-App to Next | Kitty Giraudel","url":"https://kittygiraudel.com/2021/08/24/from-cra-to-next/","content":"create-react-appで書かれていたアプリをNext.jsに移行した話。\nボイラープレート、`<head>`、ルーティング、コンポーネントのDynamic Import、Styling、CSR/SSR、Lintなどについて。\nまた`<Link>`以外はどちらの環境でも実行できたため、移行の動作確認として両方の環境で動かしてテストする方法について","tags":["React","Next.js","article"],"relatedLinks":[]},{"date":"2021-08-26T00:10:28.641Z","title":"Node v16.8.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v16.8.0/","content":"Node.js 16.8.0リリース。\n`stream.Duplex.from`、 `stream.Readable.isDisturbed(stream)`の追加。\n`util`モジュールに`toUSVString`の追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2021-08-26T12:21:30.274Z","title":"unjs/unplugin: Unified plugin system for Vite, Rollup, and Webpack","url":"https://github.com/unjs/unplugin","content":"Vite/Rollup/webpack pluginを同じコードから作成するライブラリ","tags":["vite","rollup","webpack","plugin","library"],"relatedLinks":[]},{"date":"2021-08-27T03:04:12.577Z","title":"Announcing TypeScript 4.4 | TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-4/","content":"TypeScript 4.4リリース。\nControl Flow Analysisの改善、Index SignaturesにSymbolやTemplate Stringを利用できるように。\nCatch節のデフォルトを`unknown`型にする`useUnknownInCatchVariables`オプションの追加。\noptionalと`undefined`値の区別をする`exactOptionalPropertyTypes`オプションの追加。\nまた、ES Proposal Stage 3のclass static blockをサポート。\n`tsc --help`の表示を改善、ビルドパフォーマンスの改善も含まれている","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2021-08-27T14:26:34.899Z","title":"Chromium Blog: Chrome 94 Beta: WebCodecs, WebGPU, Scheduling, and More","url":"https://blog.chromium.org/2021/08/chrome-94-beta-webcodecs-webgpu.html","content":"Chrome 94 Betaリリース。\nOrigin Trialとして、HTTP status code 103 Early Hintsを実験的にサポート。\nWebCodecs、`scheduler.postTask()`、`MediaStreamTrackGenerator`/`MediaStreamTrackProcessor`のサポート。\nSelf Profiling APIのサポートなど。\nまた、WebSQLがサードパーティコンテキストでは非推奨となり、`navigator.plugins`/ `navigator.mimeTypes`は固定された値を返すように変更されるなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2021-08-27T14:37:19.402Z","title":"Private Network Access update: Introducing a deprecation trial - Chrome Developers","url":"https://developer.chrome.com/blog/private-network-access-update/","content":"Chromeでのnon-secureなウェブサイトからPrivate Network Accessを制限するロードマップについて。\nChrome 94でnon-secureなPublicウェブサイトからPrivate Networkへのリクエストを送れなくなり、逆Origin Trialを開始している。\nChrome 102で逆Origin Trialを終了し、完全に制限される。","tags":["Chrome","security","article"],"relatedLinks":[]},{"date":"2021-08-29T00:44:12.447Z","title":"Gotta pack 'em all! | Packemon","url":"https://packemon.dev/","content":"ライブラリ向けのビルドツール。\nNode.js(mjs,cjs)、ブラウザ(ESM、UMD)向けのビルドを一括でできる。\nまた、設定に応じたpackage.jsonの書き換え、Babelを使ったESM向けのコード変換、mjsで利用できない機能をビルド時にチェック、パッケージのメタデータのバリデーションなどができる。","tags":["JavaScript","TypeScript","browser","node.js","bundler","Tools","library"],"relatedLinks":[{"title":"azu/packemon-demo: Packemon demo package","url":"https://github.com/azu/packemon-demo"}]},{"date":"2021-08-29T01:01:41.966Z","title":"5alidz/tiny-schema-validator: JSON schema validator","url":"https://github.com/5alidz/tiny-schema-validator","content":"Schemaを定義してバリデーションができるbuilderライブラリ。\n作成したSchemaオブジェクトはTypeScriptの型としても利用できる。","tags":["TypeScript","JavaScript","library"],"relatedLinks":[]},{"date":"2021-08-29T01:07:26.071Z","title":"Announcing SWR 1.0 – SWR","url":"https://swr.vercel.app/blog/swr-v1","content":"データ取得するReact HooksライブラリのSWR 1.0リリース。\n`fallback`オプションの追加、Immutable Modeの追加、`provider`オプションの追加、`useSWRConfig`の追加。\nまた、Middlewareの対応、一部APIの変更、デフォルトの`fetcher`を定義しなくなるなど","tags":["React","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-08-30T11:48:53.454Z","title":"Release 27.1.0 · facebook/jest","url":"https://github.com/facebook/jest/releases/tag/v27.1.0","content":"Jest 27.1.0リリース。\n`snapshotFormat`オプションの追加、Node.js 16で追加された`node:` prefixのモジュールをサポートなど","tags":["node.js","JavaScript","testing","library","ReleaseNote"],"relatedLinks":[{"title":"Modules: CommonJS modules | Node.js v16.8.0 Documentation","url":"https://nodejs.org/api/modules.html#modules_core_modules"}]},{"date":"2021-08-30T12:43:32.209Z","title":"mongoose/CHANGELOG.md at master · Automattic/mongoose","url":"https://github.com/Automattic/mongoose/blob/master/CHANGELOG.md#600--2021-08-24","content":"mongoose 6.0リリース。\nMongoDB Driver 4.0サポート、`sanitizeFilter`と`Trusted()`メソッドの追加、`default`に関数を渡せるように、Documentの変更をProxyで検知できるように。\n破壊的な変更として、`createConnection(uri)`がthenableではなくなる、同じQueryを再実行はエラーにになる,`strictQuery`オプションを`strict`にリネーム。\nまた、デフォルトの挙動を変更に関連して不要となったオプションの削除やTypeScriptの型定義の変更など","tags":["MongoDB","node.js","library","ReleaseNote"],"relatedLinks":[{"title":"Mongoose v6.0.2: Migrating to Mongoose 6","url":"https://mongoosejs.com/docs/migrating_to_6.html"},{"title":"Introducing Mongoose 6.0.0 | www.thecodebarbarian.com","url":"https://thecodebarbarian.com/introducing-mongoose-6.html"}]},{"date":"2021-08-30T13:08:18.191Z","title":"Introducing Portal Windows for Electron","url":"https://blog.tandem.chat/portal-windows/","content":"Tandemで利用しているElectronで他のウィンドウをミラーリングするライブラリについて。\n他のアプリのウィンドウをReactコンポーネントとして描画、スクリーンシェアなどに利用できる。","tags":["React","Electron","article"],"relatedLinks":[{"title":"cryptagon/portal-windows: Render and position native windows as simply as you render and position tooltips in your React app.","url":"https://github.com/cryptagon/portal-windows"}]},{"date":"2021-08-30T13:17:06.813Z","title":"Why lab and field data can be different (and what to do about it)","url":"https://web.dev/lab-and-field-data-differences/","content":"PageSpeed Insightsなどに表示されている定点観測データであるLab dataとRUMであるField dataについて。\nそれぞれのデータの違い、計測方法、キャッシュの状態、AMP/SXG、BFCacheなどの影響について。\nLabとFieldがどちらもある場合は、Field dataがよりユーザーの体験に近いことについて。","tags":["Chrome","performance","article"],"relatedLinks":[]},{"date":"2021-08-30T13:56:14.812Z","title":"Modern client-side routing: the App History API","url":"https://web.dev/app-history-api/","content":"Chrome 95にてフラグ付きで実装されたApp History APIについて。\n問題のあるHistory APIを置き換えるAPI。\n`navigation`イベントでのナビゲーションの検知、`transitionWhile(promise)`での遷移中/成功/失敗の表現、ナビゲーションエラー時のロールバックなどの具体例について。\nまた、Historyの管理、状態の管理、FormのSubmitにおけるナビゲーションを扱える点についてなど","tags":["Chrome","WebPlatformAPI","article"],"relatedLinks":[{"title":"WICG/app-history: The app history API provides a web application-focused way of managing same-origin same-frame history entries and navigations.","url":"https://github.com/WICG/app-history"}]},{"date":"2021-08-30T14:10:09.674Z","title":"NAN to Node-API Migration: A Short Story - NodeSource","url":"https://nodesource.com/blog/NAN-to-Node-API-migration-a-short-story","content":"Node.jsのnative addonを開発時に利用するNANとNode-API(N-API)について。\nNode-APIはV8に依存しないnative addon開発のために追加され、NANからNode-APIに移行しながら、Node-APIの使い方について見ていく記事。","tags":["node.js","C++","article"],"relatedLinks":[]},{"date":"2021-08-30T22:45:54.361Z","title":"GoogleChromeLabs/ProjectVisBug: FireBug for designers › Edit any webpage, in any state https://a.nerdy.dev/gimme-visbug","url":"https://github.com/GoogleChromeLabs/ProjectVisBug","content":"デザイナー向けのDevTools","tags":["browser","Extension","debug","Design"],"relatedLinks":[{"title":"VisBug","url":"https://visbug.web.app/"}]},{"date":"2021-08-31T22:55:04.262Z","title":"google/schema-dts: JSON-LD TypeScript types for Schema.org vocabulary","url":"https://github.com/google/schema-dts","content":"Schema.orgのvocabularyに対応したJSON-LDのTypeScript型定義ライブラリ。","tags":["JSON","TypeScript","library"],"relatedLinks":[{"title":"JSON-LD - JSON for Linking Data","url":"https://json-ld.org/"}]},{"date":"2021-09-01T10:54:48.061Z","title":"Electron 14.0.0 | Electron Blog","url":"https://www.electronjs.org/blog/electron-14-0","content":"Electron 14.0.0リリース。\nChromium 93、Node.js 14.17.0、V8 9.3にアップデート。\n破壊的な変更として`app.allowRendererProcessReuse`オプションの削除、`worldSafeExecuteJavaScript`オプションを削除してデフォルト化。\n`remote`モジュールを削除し、`@electron/remote`という外部モジュール化など。\n","tags":["Electron","ReleaseNote"],"relatedLinks":[]},{"date":"2021-09-01T11:00:48.543Z","title":"August 31 2021 Security Releases | Node.js","url":"https://nodejs.org/en/blog/vulnerability/aug-2021-security-releases2/","content":"Node.jsのセキュリティアップデート。\nOpenSSLとnpm 6.x系の脆弱性の修正が含まれていて、Node.js v12.22.6 (LTS)とNode.js v14.17.6 (LTS)がリリースされている。","tags":["node.js","security","ReleaseNote"],"relatedLinks":[{"title":"npmにも影響があるnode-tarのパストラバーサルの脆弱性 CVE-2021-32804 | yamory Blog","url":"https://yamory.io/blog/cve-2021-32804-node-tar-reproduce/"}]},{"date":"2021-09-04T03:35:18.794Z","title":"Release Selenium 4.0.0 RC 1 · SeleniumHQ/selenium","url":"https://github.com/SeleniumHQ/selenium/releases/tag/selenium-4.0.0-rc-1","content":"Selenium 4.0.0 RC 1リリース","tags":["Selenium","ReleaseNote"],"relatedLinks":[]},{"date":"2021-09-04T03:40:49.608Z","title":"asmcss/assembler: A modern UI framework","url":"https://github.com/asmcss/assembler","content":"`x-style`という仮想プロパティをスタイルとして展開するUtility-firstなUIフレームワーク。","tags":["CSS","UI","library","JavaScript"],"relatedLinks":[]},{"date":"2021-09-04T04:52:47.159Z","title":"ECMAScript proposal updates @ 2021-08 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2021/09/04/ecmascript-proposal-update","content":"2021年8月のTC39ミーティングでのECMAScript Proposalの変更まとめ。\nClass Static Block、`hasOwn`、`.at()`がそれぞれStage 4となり、ES2022に入ることが決まった。","tags":["ECMAScript","proposal","article","news"],"relatedLinks":[]},{"date":"2021-09-04T11:34:13.044Z","title":"Release v3.0.0 · node-fetch/node-fetch","url":"https://github.com/node-fetch/node-fetch/releases/tag/v3.0.0","content":"node-fetch 3.0.0リリース。\nESMのサポート、Node.js 12未満のサポート終了、`timeout`オプションの削除、`highWaterMark`オプションの追加など","tags":["node.js","Fetch","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-09-04T12:29:57.045Z","title":"jQuery UI 1.13.0-rc.2 released | jQuery UI Blog","url":"https://blog.jqueryui.com/2021/09/jquery-ui-1-13-0-rc-2-released/","content":"jQuery UI 1.13.0-rc.2リリース。\n5年ぶりとなるリリース。\n最近jQueryとの互換性を改善する目的のリリースであるため、非互換な変更は含まない。","tags":["jQuery","UI","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-09-05T01:23:43.303Z","title":"React Cookbook","url":"https://learning.oreilly.com/library/view/react-cookbook/9781492085836/","content":"Reactについての書籍。\nルータ、ステート、GraphQL、UI、セキュリティ、テスト、アクセシビリティ、パフォーマンスなどのトピックごとに書かれたクックブック","tags":["React","book"],"relatedLinks":[]},{"date":"2021-09-06T11:20:57.443Z","title":"Stitches 1.0.0 — Stitches","url":"https://stitches.dev/blog/stitches-1.0.0","content":"CSS-in-JSフレームワークであるStitches 1.0.0リリース。\n","tags":["CSS","JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Release v1.0.0 · modulz/stitches","url":"https://github.com/modulz/stitches/releases/tag/v1.0.0"}]},{"date":"2021-09-06T11:40:15.235Z","title":"bundle - a quick npm package size checker","url":"https://bundle.js.org/","content":"ブラウザ上でskypack.devとesbuild-wasmを使ってコードをbundleして、bundle sizeをチェックするツール。","tags":["JavaScript","cdn","Tools","browser"],"relatedLinks":[]},{"date":"2021-09-06T11:50:37.193Z","title":"niksy/isomorphic-timers-promises: `timers/promises` for client and server.","url":"https://github.com/niksy/isomorphic-timers-promises","content":"Node.jsの`timers/promises` polyfillライブラリ","tags":["JavaScript","browser","node.js","library","polyfill"],"relatedLinks":[]},{"date":"2021-09-06T12:02:16.187Z","title":"microsoft/ts-gyb: Generating native code interfaces from TypeScript","url":"https://github.com/microsoft/ts-gyb","content":"TypeScriptのinterfaceからmustache templatesを使ってコード生成するツール。\nTypeScriptのinterfaceから別の言語のboilerplateを生成する目的のツール。","tags":["TypeScript","Tools"],"relatedLinks":[]},{"date":"2021-09-06T13:22:55.995Z","title":"ss2021 - 日本ソフトウェア科学会 プログラミング論研究会 (JSSST-SIGPPL) (Special Interest Group on Programming and Programming Languages)","url":"http://ppl.jssst.or.jp/index.php?ss2021","content":"「JavaScript処理系とChromeブラウザの実装技術」についてのスライドまとめ。\n","tags":["JavaScript","V8","blink","slide"],"relatedLinks":[]},{"date":"2021-09-07T01:21:10.325Z","title":"JavaScriptのIterator / Generatorの整理","url":"https://zenn.dev/qnighy/articles/112af47edfda96","content":"IteratorとGeneratorについての解説記事","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2021-09-07T01:35:36.459Z","title":"sachinchoolur/replace-jquery: Automatically finds jQuery methods from existing projects and generates vanilla js alternatives.","url":"https://github.com/sachinchoolur/replace-jquery","content":"jQueryに依存したコードから、利用しているjQueryのメソッドの代替コードを生成するツール。\n指定したjQueryのメソッドのみを含んだutilityコードを生成できる。","tags":["JavaScript","jQuery","Tools"],"relatedLinks":[]},{"date":"2021-09-08T00:07:54.690Z","title":"Node v16.9.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v16.9.0/","content":"Node v16.9.0リリース。\nプロジェクトごとにnpm/yarn/pnpmなどのパッケージマネージャを切り替えてインストールできるCorepackのサポート。\nV8 9.3へアップデートし`Object.hasOwn`とError Causeをサポート、`stream.compose`の追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"Corepack | Node.js v16.9.0 Documentation","url":"https://nodejs.org/dist/latest-v16.x/docs/api/corepack.html"},{"title":"V8 release v9.3 · V8","url":"https://v8.dev/blog/v8-release-93"}]},{"date":"2021-09-08T14:09:20.707Z","title":"Release 3.0.1 · prisma/prisma","url":"https://github.com/prisma/prisma/releases/tag/3.0.1","content":"Prisma 3.0.1リリース。3からSemverにそったリリースとなった。\nReferential Actions、Named Constraints、Microsoft SQL/Azure SQL、Node-APIなどがGAとなった。\n破壊的な変更として`prisma db seed`の仕組みの変更、`null`をクエリに指定できなくして`JsonNull`/`DbNull`/`AnyNull`のいずれかを使うようにする変更も含まれる。","tags":["database","JavaScript","library","ReleaseNote"],"viaURL":"https://mag.osdn.jp/21/09/09/164400","relatedLinks":[]},{"date":"2021-09-08T14:20:31.091Z","title":"Ember 3.28 and 4.0 Beta Released","url":"https://blog.emberjs.com/ember-3-28-released/","content":"Ember 3.28 and 4.0 Betaリリース。\n","tags":["Ember","ReleaseNote"],"viaURL":"https://mag.osdn.jp/21/09/09/164400","relatedLinks":[]},{"date":"2021-09-09T11:32:01.839Z","title":"Prettier 2.4: new bracketSameLine option and TypeScript 4.4 support! · Prettier","url":"https://prettier.io/blog/2021/09/09/2.4.0.html","content":"Prettier 2.4リリース。\nTypeScript 4.4サポート、`jsxBracketSameLine`オプションを`bracketSameLine`オプションに置き換えなど","tags":["JavaScript","Tools","ReleaseNote"],"viaURL":"https://mag.osdn.jp/21/09/09/164400","relatedLinks":[]},{"date":"2021-09-09T11:55:49.915Z","title":"Nightwatch v2.0-alpha is Released | Nightwatch.js Blog","url":"https://nightwatchjs.org/blog/nightwatch-v2-alpha-is-released.html","content":"Nightwatch v2.0-alphaリリース。\n`selenium-webdriver`を利用するように、WebDriver Actions APIのサポート、Chrome Dev Tools Protocolのサポート。\n`.ensure` assertionの追加、`perform()`などでWebDriver objectを直接扱えるように、Async/Awaitの対応改善など","tags":["E2E","JavaScript","library","ReleaseNote","Selenium"],"viaURL":"https://mag.osdn.jp/21/09/09/164400","relatedLinks":[]},{"date":"2021-09-09T12:05:15.034Z","title":"Time for a review of Firefox 92 - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2021/09/time-for-a-review-of-firefox-92/","content":"Firefox 92リリース。\nCSSの`accent-color`と`size-adjust`をサポート、Stage 4 `Object.hasOwn`のサポートなど。\nまた、`selectionchange`イベントで`input`や`textarea`内の選択範囲の変更も検知するようになるなど","tags":["Firefox","ReleaseNote"],"viaURL":"https://mag.osdn.jp/21/09/09/164400","relatedLinks":[{"title":"Firefox 92 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/92"},{"title":"Firefox 92.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/92.0/releasenotes/"}]},{"date":"2021-09-09T13:41:48.282Z","title":"Spook.js","url":"https://www.spookjs.com/","content":"leaky.page が同じページ内での話だったの対して、ウェブサイト間や拡張機能間まで話を広げたSpectreについての論文。\nChromeはメモリを圧迫するとeTLD+1の範囲でプロセスがまとまる。まとまったプロセス内でV8の癖を使って投機的実行攻撃して別サイトのメモリデータを読み込むという話。","tags":["Chrome","security","paper"],"viaURL":"https://mag.osdn.jp/21/09/09/164400","relatedLinks":[{"title":"Google Developers Japan: Spectre の影響を受けないウェブを作るための概念実証について","url":"https://developers-jp.googleblog.com/2021/03/a-spectre-proof-of-concept-for-spectre.html"}]},{"date":"2021-09-09T23:42:28.004Z","title":"Release Workbox v6.3.0 · GoogleChrome/workbox","url":"https://github.com/GoogleChrome/workbox/releases/tag/v6.3.0","content":"Workbox 6.3.0リリース。\n`integrity`属性が指定されているリソースに対するprecachingの修正、IDBの書き込みに`{ durability: 'relaxed' }`を使うように。\nBroadcastCacheUpdateに`notifyAllClients`オプションの追加、`Vary:`ヘッダに対するデバッグログを追加など","tags":["ServiceWorker","library","JavaScript","ReleaseNote"],"viaURL":"https://mag.osdn.jp/21/09/09/164400","relatedLinks":[]},{"date":"2021-09-11T12:04:48.916Z","title":"What’s New With DevTools: Cross-Browser Edition — Smashing Magazine","url":"https://www.smashingmagazine.com/2021/09/devtools-cross-browser-edition/","content":"ブラウザごとの開発者ツールの機能紹介記事","tags":["browser","debug","article"],"viaURL":"https://mag.osdn.jp/21/09/09/164400","relatedLinks":[]},{"date":"2021-09-13T11:52:09.878Z","title":"Migrating Notion's marketing site to Next.js","url":"https://www.notion.so/blog/migrating-notion-marketing-to-next-js","content":"Notion マーケティングサイトをNext.jsへ移行した話。\nReactで書かれたアプリケーションのコードとマーケティングサイトのコードを共有することで組み込みのデモがうごかせるようになった話。\nルーティングでの切り替えとテスト、CSSの対応などについて","tags":["React","Next.js","article"],"viaURL":"https://mag.osdn.jp/21/09/09/164400","relatedLinks":[]},{"date":"2021-09-13T12:04:39.814Z","title":"wizardpisces/tiny-sass-compiler: Another sass compiler write from scatch，runnable on both node and browser","url":"https://github.com/wizardpisces/tiny-sass-compiler","content":"JavaScriptで書かれたSassコンパイル。\nブラウザとNode.jsで動作する。","tags":["Sass","JavaScript","Tools","CSS"],"viaURL":"https://mag.osdn.jp/21/09/09/164400","relatedLinks":[]},{"date":"2021-09-13T12:16:11.250Z","title":"JavaScript Eventing Deep Dive","url":"https://web.dev/eventing-deepdive/","content":"Event Capturing/Event Bubbling phaseの動きについての記事。\nそれぞれphaseにおいてEventの流れを止める`stopPropagation()`、`stopImmediatePropagation()`、`preventDefault()`の動作についての解説。","tags":["JavaScript","DOM","article"],"viaURL":"https://mag.osdn.jp/21/09/09/164400","relatedLinks":[]},{"date":"2021-09-13T12:51:59.779Z","title":"TypeScriptハンズオン | 掌田津耶乃 | 工学 | Kindleストア | Amazon","url":"https://www.amazon.co.jp/dp/B09D76MB7B/","content":"ハンズオン形式のTypeScript入門書","tags":["TypeScript","book"],"viaURL":"https://mag.osdn.jp/21/09/09/164400","relatedLinks":[{"title":"TypeScriptハンズオン - 秀和システム あなたの学びをサポート！","url":"https://www.shuwasystem.co.jp/book/9784798065335.html"}]},{"date":"2021-09-13T12:54:29.515Z","title":"Journey with Icons Continues","url":"https://antfu.me/posts/journey-with-icons-continues","content":"Viteでアイコンコンポーネントをオンデマンドでビルドして利用できるunplugin-iconsについて。\nアイコンのデータにはIconifyを使い、アイコンコンポーネントをロードした際にVite側でSVGベースのアイコンコンポーネントを作成して返す仕組みについて。","tags":["JavaScript","React","Vue","article"],"viaURL":"https://mag.osdn.jp/21/09/09/164400","relatedLinks":[{"title":"Iconify - Unified icons framework","url":"https://iconify.design/"},{"title":"antfu/unplugin-icons: 🤹 Access thousands of icons as components on-demand universally.","url":"https://github.com/antfu/unplugin-icons"}]},{"date":"2021-09-14T00:19:49.503Z","title":"Introducing Flow Enums. As announced in an earlier post, Flow… | by George Zahariev | Flow | Sep, 2021 | Medium","url":"https://medium.com/flow-type/introducing-flow-enums-16d4239b3180","content":"FlowTypeに導入された`enum`について","tags":["flowtype","article"],"viaURL":"https://mag.osdn.jp/21/09/09/164400","relatedLinks":[{"title":"TypeScript Enums vs. Flow Enums. The Flow team recently announced Flow… | by George Zahariev | Flow | Sep, 2021 | Medium","url":"https://medium.com/flow-type/typescript-enums-vs-flow-enums-83da2ca4a9b4"}]},{"date":"2021-09-14T00:59:15.725Z","title":"フロントエンドのテストは皆のためのもの | POSTD","url":"https://postd.cc/frontend-testing-is-for-everyone/","content":"Front-End Testing is For Everyoneの翻訳記事。\nテストがチェックする範囲とチェックするツールについてまとめたもの。\nユニットテスト、結合テスト、E2Eテスト、アクセシビリティテスト、ビジュアルリグレッションテスト、パフォーマンステストについて書かれている。","tags":["testing","article"],"viaURL":"https://mag.osdn.jp/21/09/09/164400","relatedLinks":[{"title":"Front-End Testing is For Everyone | CSS-Tricks","url":"https://css-tricks.com/front-end-testing-is-for-everyone/"}]},{"date":"2021-09-15T14:35:54.288Z","title":"Chromium Blog: User-Agent Reduction Origin Trial and Dates","url":"https://blog.chromium.org/2021/09/user-agent-reduction-origin-trial-and-dates.html","content":"ChromeのUser-Agent変更のスケジュール。\nChrome 95からOrigin Trialを使ったオプトインで導入、Chrome 100から徐々に削減していき、からChrome 113でUAと関連APIのデータの削減が完了する予定。","tags":["Chrome","article"],"viaURL":"https://mag.osdn.jp/21/09/09/164400","relatedLinks":[]},{"date":"2021-09-16T12:29:20.196Z","title":"フロントエンド刷新のために DevTools を作って開発を捗らせる - Cybozu Inside Out | サイボウズエンジニアのブログ","url":"https://blog.cybozu.io/entry/2021/09/13/080000","content":"Closure Tools向けのDevToolsについて","tags":["google","debug","JavaScript","library","article"],"viaURL":"https://mag.osdn.jp/21/09/09/164400","relatedLinks":[]},{"date":"2021-09-16T12:30:35.288Z","title":"Vueの再描画されたコンポーネントをハイライトするChrome拡張を作った","url":"https://zenn.dev/yuichkun/articles/e4e8c7e633439c","content":"React DevToolsのように描画された要素をハイライトするVue向けのデバッグ拡張について","tags":["Vue","debug","Tools","article"],"viaURL":"https://mag.osdn.jp/21/09/09/164400","relatedLinks":[{"title":"yuichkun/vue-devtool-flash-updates: A handy tool that highlights re-rendered components.","url":"https://github.com/yuichkun/vue-devtool-flash-updates"}]},{"date":"2021-09-18T05:27:53.335Z","title":"Material-UI is now MUI! - MUI","url":"https://mui.com/blog/material-ui-is-now-mui/","content":"マテリアルデザインのReact実装として開始したMaterial-UIがMUIへとリネームされた。\nこれに伴ってパッケージが`@material-ui`から`@mui`へと変更され、ウェブサイトもリニューアルされた。","tags":["UI","JavaScript","React","library","ReleaseNote"],"viaURL":"https://mag.osdn.jp/21/09/09/164400","relatedLinks":[]},{"date":"2021-09-18T05:35:59.298Z","title":"Vue2のプロジェクトをVue3へマイグレーションする","url":"https://zenn.dev/azukiazusa/articles/c8d76eb56f5fd8","content":"vue-cliを使っているプロジェクトをVue2からVue3へのマイグレーションするチュートリアル。\n`@vue/compat`、`eslint-plugin-vue`導入し、それぞれのAPIの変更に対応し、`@vue/comat`を取り除くまでの流れを解説している。","tags":["Vue","article","tutorial"],"viaURL":"https://mag.osdn.jp/21/09/09/164400","relatedLinks":[]},{"date":"2021-09-18T06:21:50.347Z","title":"The Future of CSS: Cascade Layers (CSS @layer) – Bram.us","url":"https://www.bram.us/2021/09/15/the-future-of-css-cascade-layers-css-at-layer/","content":"CSSの`@layer`について。\nCSSの詳細度解決の前段としてレイヤーを作成して、スタイルの定義ができるCascade Layersの仕様。\nレイヤーが詳細度より優先されるため、意図しないスタイルの上書きなどを制御しやすくなる","tags":["CSS","article"],"viaURL":"https://mag.osdn.jp/21/09/09/164400","relatedLinks":[]},{"date":"2021-09-20T15:00:43.858Z","title":"Is Nuxt 3 Ready?","url":"https://nuxtjs.org/v3/","content":"Nuxt 3は2021年10月12日にリリース予定","tags":["Vue","news","library"],"relatedLinks":[]},{"date":"2021-09-20T15:05:26.125Z","title":"Small Bundles, Fast Pages: What To Do With Too Much JavaScript | Calibre","url":"https://calibreapp.com/blog/bundle-size-optimization","content":"JavaScriptのbundle sizeを小さく保つにどうするかについての記事。\nbundle sizeとパフォーマンスへの影響、bundle sizeの可視化、特定のパッケージの利用をESLintで禁止する方法、遅延ロード、Modern Browser向けのビルド分離などについて","tags":["JavaScript","performance","article"],"relatedLinks":[]},{"date":"2021-09-20T15:18:22.783Z","title":"Deno 1.14 Release Notes | Deno Blog","url":"https://deno.com/blog/v1.14","content":"Deno 1.14リリース。\n`deno lint`と`deno fmt`がオプションをサポート、`URLPattern`のサポート。`fetch`がMutual TLSをサポートなど。\nまた、unstableな機能としてFile locking APIsのサポート、URL parsingや`std/http`モジュールのパフォーマンス改善など。\nその他には、TypeScript 44、V8 9.4へのアップデートなども含まれる。","tags":["deno","ReleaseNote"],"relatedLinks":[{"title":"Deno 1.14.0 がリリースされたので新機能や変更点の紹介","url":"https://zenn.dev/magurotuna/articles/deno-release-note-1-14-0"}]},{"date":"2021-09-20T15:21:41.203Z","title":"typicode/xv: A simple, fast and small test runner with native ESM support","url":"https://github.com/typicode/xv","content":"ESMを扱うテストフレームワーク。\n各テストケースを`export`構文でexportして、そのテストケースを実行した結果を表示するCLIを提供する","tags":["node.js","ECMAScript","module","testing","library"],"relatedLinks":[]},{"date":"2021-09-21T00:38:27.011Z","title":"iframe sandboxでユーザー入力スクリプトを実行する - Speaker Deck","url":"https://speakerdeck.com/syumai/iframe-sandboxdeyuzaru-li-sukuriputowoshi-xing-suru","content":"iframeを使ったユーザー入力のスクリプト実行についてのスライド。\nCross OriginでのWindow Objectを使ってコードを実行して、postMessageでその結果を取得する方法について。\nまたpostMessageのoriginとsourceチェックについて","tags":["JavaScript","security","slide"],"relatedLinks":[]},{"date":"2021-09-21T00:44:58.051Z","title":"CSS Almanac | CSS-Tricks","url":"https://css-tricks.com/almanac/","content":"CSSのリファレンス。\nCSSのセレクタ、プロパティごと解説がまとまっている","tags":["CSS","dictionary","document"],"relatedLinks":[]},{"date":"2021-09-21T02:22:12.299Z","title":"Intro to D3.js","url":"https://yangdanny97.github.io/intro-to-d3/","content":"D3 v5+に対応したチュートリアル","tags":["d3.js","tutorial"],"relatedLinks":[]},{"date":"2021-09-21T02:24:21.408Z","title":"What's New In DevTools (Chrome 95) - Chrome Developers","url":"https://developer.chrome.com/blog/new-in-devtools-95/","content":"Chrome 95の開発者ツールの変更点について。\nCSS Unitの選択UIの追加、Isssuesタブの改善、Lighthouse 8.4のサポートなど","tags":["Chrome","debug","article"],"relatedLinks":[]},{"date":"2021-09-21T11:33:47.329Z","title":"Blazor Developers Can Now Create Custom Elements, Render Components from JavaScript -- Visual Studio Magazine","url":"https://visualstudiomagazine.com/articles/2021/09/16/aspnet-core-updates.aspx","content":".NET 6 RC1でBlazorがCustom Elementをサポートし、BlazorコンポーネントをCustom Elementとして利用できるようになった。","tags":[".net","C#","WebComponents","article"],"relatedLinks":[{"title":"Announcing .NET 6 Release Candidate 1 - .NET Blog","url":"https://devblogs.microsoft.com/dotnet/announcing-net-6-release-candidate-1/"},{"title":"AspLabs/src/BlazorCustomElements at main · aspnet/AspLabs","url":"https://github.com/aspnet/AspLabs/tree/main/src/BlazorCustomElements"}]},{"date":"2021-09-22T11:11:33.337Z","title":"gvergnaud/ts-pattern: 🎨 The exhaustive Pattern Matching library for TypeScript, with smart type inference.","url":"https://github.com/gvergnaud/ts-pattern","content":"TypeScriptでのパターンマッチライブラリ","tags":["TypeScript","library"],"relatedLinks":[]},{"date":"2021-09-22T11:40:46.029Z","title":"Announcing Lit 2 stable release – Lit","url":"https://lit.dev/blog/2021-09-21-announcing-lit-2/","content":"Lit 2リリース。\nclassベースのDirectives API、非同期Directives、Reactive Controllersの追加。\n要素全体に対して影響を与えられるElement expressions、タグ名などに変数を使えるStatic expressionsの追加。\nまた、実験的にSSRのサポートなど","tags":["WebComponents","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-09-22T22:52:00.380Z","title":"Node v16.10.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v16.10.0/","content":"Node v16.10.0リリース。\nコネクションごとに最大のリクエスト数を制限する`server.maxRequestsPerSocket`オプションの追加。\n`$HOME/.node_modules`などを探索しない`--no-global-search-paths`フラグの追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2021-09-23T07:23:45.090Z","title":"Electron 15.0.0 | Electron","url":"https://www.electronjs.org/blog/electron-15-0/","content":"Electron 15.0.0リリース。\nElectron 15から8週間ごとのメジャーアップデートとなる。\nChromium 94、Node.js 16.5.0、V8 9.4へアップデート、`nativeWindowOpen`のデフォルト値を`true`へ変更、`safeStorage` APIの追加など","tags":["Electron","ReleaseNote"],"relatedLinks":[{"title":"Release electron v15.0.0 · electron/electron","url":"https://github.com/electron/electron/releases/tag/v15.0.0"},{"title":"safeStorage | Electron","url":"https://www.electronjs.org/docs/latest/api/safe-storage/"}]},{"date":"2021-09-24T05:25:22.254Z","title":"cesanta/elk: A low footprint JavaScript engine for embedded systems","url":"https://github.com/cesanta/elk","content":"組み込み向けの小さなJavaScriptエンジン","tags":["JavaScript","Tools"],"relatedLinks":[]},{"date":"2021-09-24T06:47:43.279Z","title":"Chromium Blog: Chrome 95 Beta: Secure Payment Confirmation, WebAssembly Exception Handling and More","url":"https://blog.chromium.org/2021/09/chrome-95-beta-secure-payment.html","content":"Chrome 95 betaリリース。\nOrigin TrialとしてAccess HandleをFile System Access APIに追加。\nPerformance Observerに`droppedEntriesCount`の追加、EyeDropper APIの追加、`self.reportError()`の追加、`URLPattern`の追加など。\nまた、FTP URLのサポート終了、数字で終わるIPv4アドレスではないホスト名のサポートを廃止など","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2021-09-24T06:55:30.714Z","title":"Miniflare is now an official part of the Workers ecosystem 🎉 · cloudflare/miniflare@e1cb97f","url":"https://github.com/cloudflare/miniflare/commit/e1cb97f9891b2818f4be5715ee467668a39f7f80","content":"Cloudflare WorkersのsimulatorであるMiniflareがCloudflare公式となった","tags":["cloudflare","Tools","news","testing"],"relatedLinks":[]},{"date":"2021-09-24T12:28:12.547Z","title":"es-module-shims/CHANGELOG.md at 1.0.0 · guybedford/es-module-shims","url":"https://github.com/guybedford/es-module-shims/blob/1.0.0/CHANGELOG.md","content":"ES Module Shims 1.0.0リリース。\nlexerがWasmを利用していたため`unsafe-eval`のCSP設定が必要となっていたが、asm.jsビルドを使いデフォルトでCSPに対応した。\nまた、パフォーマンスについてはほぼ同等で、Safariに関してはasm.js版の方が早くなっている。","tags":["ECMAScript","module","polyfill","ReleaseNote"],"relatedLinks":[{"title":"feat: make the CSP asm.js build the main entry by guybedford · Pull Request #193 · guybedford/es-module-shims","url":"https://github.com/guybedford/es-module-shims/pull/193"},{"title":"feat: asm.js build by guybedford · Pull Request #86 · guybedford/es-module-lexer","url":"https://github.com/guybedford/es-module-lexer/pull/86"},{"title":"content-security-policy/CSP.md at master · WebAssembly/content-security-policy","url":"https://github.com/WebAssembly/content-security-policy/blob/master/proposals/CSP.md"}]},{"date":"2021-09-24T12:46:35.630Z","title":"vite/packages/plugin-react at main · vitejs/vite","url":"https://github.com/vitejs/vite/tree/main/packages/plugin-react","content":"ViteのReact Plugin。\n`@vitejs/plugin-react-refresh`を置き換えるプラグイン","tags":["React","vite","plugin"],"relatedLinks":[]},{"date":"2021-09-24T14:24:55.393Z","title":"Manifest V2 support timeline - Chrome Developers","url":"https://developer.chrome.com/docs/extensions/mv3/mv2-sunset/","content":"Chrome拡張のmanifest v3のロードマップ。\n2022年1月17日に新しくmanifest v2の拡張は申請できなくなる。\n2023年1月に既存のv2拡張は更新もできなくなる。","tags":["Chrome","Extension","news"],"relatedLinks":[]},{"date":"2021-09-25T01:30:54.238Z","title":"ESLint v8.0.0-rc.0 released - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2021/09/eslint-v8.0.0-rc.0-released","content":"ESLint v8.0.0-rc.0リリース。","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"Migrating to v8.0.0 - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/docs/8.0.0/user-guide/migrating-to-8.0.0"}]},{"date":"2021-09-27T10:52:05.051Z","title":"Fullstack app with TypeScript, Next.js, Prisma & GraphQL","url":"https://www.prisma.io/blog/fullstack-nextjs-graphql-prisma-oklidw1rhw","content":"Next.js/Prisma/GraphQLを使ったアプリケーション開発についてのチュートリアル。","tags":["node.js","tutorial","article","prisma","Next.js","GraphQL"],"relatedLinks":[]},{"date":"2021-09-27T12:11:44.070Z","title":"Get Your Head Straight - Speaker Deck","url":"https://speakerdeck.com/csswizardry/get-your-head-straight","content":"パフォーマンスの問題を見つけるために`<head>`の中身を表示するct.cssについてのスライド。\n`<script>`や`<style>`について3rd partyであるかやブロッキングしてるかなどを可視化してくれる","tags":["performance","slide","CSS"],"relatedLinks":[{"title":"🧠 ct.css – Let’s take a look inside your <head>","url":"https://csswizardry.com/ct/"}]},{"date":"2021-09-27T13:04:10.275Z","title":"BuilderIO/partytown: Relocate resource intensive third-party scripts off of the main thread and into a web worker. 🎉","url":"https://github.com/BuilderIO/partytown","content":"サードパーティスクリプトをWorker内で動かしてメインスレッドのブロッキングを防ぐライブラリ。\nWorker内でのDOM操作をProxyして、同期XHRで通信し、その通信をService Workerでインターセプトしてメインスレッドと非同期でやり取りした結果をWorkerに返している。","tags":["JavaScript","library","performance"],"relatedLinks":[{"title":"Introducing Partytown 🎉: Run Third-Party Scripts From a Web Worker - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/adamdbradley/introducing-partytown-run-third-party-scripts-from-a-web-worker-2cnp"}]},{"date":"2021-09-27T13:28:03.706Z","title":"Stimulus 3","url":"https://world.hey.com/hotwired/stimulus-3-c438d432","content":"Stimulus 3 リリース。\nパッケージ名が`stimulus`から`@hotwired/stimulus`へと変更された。\nAction Parametersのサポート、デフォルト値のサポート、`debug`オプションの追加など","tags":["JavaScript","rails","library","ReleaseNote"],"relatedLinks":[{"title":"Comparing v2.0.0...v3.0.0 · hotwired/stimulus","url":"https://github.com/hotwired/stimulus/compare/v2.0.0...v3.0.0"}]},{"date":"2021-09-27T13:54:58.875Z","title":"Introducing Gatsby 4 | Gatsby","url":"https://www.gatsbyjs.com/gatsby-4/","content":"Gatsby 4ベータリリース。\nHTMLの生成を実際にアクセスするときまで遅延するDeferred Static Generation(DSG)のサポート、SSRのサポート、parallel queryでのビルド時間の改善など","tags":["React","library","ReleaseNote"],"relatedLinks":[{"title":"Matteo Frana on Twitter: &quot;@chatsidhartha Can you explain me briefly the differences between Gatsby DSG and ISR? Thank you! I'm looking forward to testing Gatsby 4.&quot; / Twitter","url":"https://twitter.com/matfrana/status/1442225069158248449"},{"title":"Run Gatsby 4 with DSG and SSR on Netlify today | Netlify","url":"https://www.netlify.com/blog/2021/09/16/run-gatsby-4-with-dsg-and-ssr-on-netlify-today/"}]},{"date":"2021-09-27T14:08:27.389Z","title":"What's new in React 18? | Yagmur Cetin Tas","url":"https://yagmurcetintas.com/journal/whats-new-in-react-18","content":"React 18で予定されている変更の概要をまとめた記事","tags":["React","article"],"relatedLinks":[]},{"date":"2021-09-30T11:31:44.334Z","title":"Chrome user device characteristics report - Chrome Developers","url":"https://developer.chrome.com/en/blog/device-characteristics/","content":"Chromeの使用統計データから、RAM、コア数、ネットワークの接続種類、WebGLのハードウェアサポートについてのデータを国ごとにまとめたレポート。\nAndroid、Windows、ChromeOSにおいての統計データがまとめられている","tags":["Chrome","article","document"],"relatedLinks":[{"title":"Chrome User Device Characteristics - Google ドキュメント","url":"https://docs.google.com/document/d/1BPz0UnQGotX0dACmJbHbbXFJa38jxmKhhNQ2RLj5Gms/edit"}]},{"date":"2021-09-30T11:55:17.623Z","title":"Explore JavaScript Dependencies With Lighthouse Treemap","url":"https://sia.codes/posts/lighthouse-treemap/","content":"Lighthouse v7.5.0で追加されたLighthouse Treemapについて。\nSource Mapを使ってページのファイルサイズを一覧できる","tags":["Chrome","debug","article","performance"],"relatedLinks":[{"title":"Release v7.5.0 · GoogleChrome/lighthouse","url":"https://github.com/GoogleChrome/lighthouse/releases/tag/v7.5.0"}]},{"date":"2021-09-30T12:29:31.372Z","title":"vite/CHANGELOG.md at main · vitejs/vite","url":"https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#260-2021-09-29","content":"Vite 2.6.0リリース。\nデフォルトのminifyをterserからesbuildに変更、script要素の`async`属性のサポート、\n`.astro`のサポート。\nまた、importしているファイルが別のファイルをimportするように連鎖しているケースで、連鎖的にimportされるファイルを事前にtransformする仕組みの追加など","tags":["vite","ReleaseNote"],"relatedLinks":[{"title":"feat: default build.minify to esbuild by yyx990803 · Pull Request #5041 · vitejs/vite","url":"https://github.com/vitejs/vite/pull/5041"},{"title":"feat: async script module support, close #3163 by patak-js · Pull Request #4864 · vitejs/vite","url":"https://github.com/vitejs/vite/pull/4864"},{"title":"feat: support .astro files by drwpow · Pull Request #5038 · vitejs/vite","url":"https://github.com/vitejs/vite/pull/5038"},{"title":"feat: pre transform direct imports before requests hit the server by yyx990803 · Pull Request #5037 · vitejs/vite","url":"https://github.com/vitejs/vite/pull/5037"}]},{"date":"2021-10-01T07:18:36.033Z","title":"Release Notes for Safari Technology Preview 133 | WebKit","url":"https://webkit.org/blog/11975/release-notes-for-safari-technology-preview-133/","content":"Safari Technology Preview 133リリース。\nCSSの`calc()`内で`sin()`, `cos()`, `tan()`, `e`, `pi`のサポート。\nCSS Cascade Layersを実験的にサポート、ES Proposal Stage3の`Temporal`をフラグ付きで実装。\n`BroadcastChannel`の有効化、COOPとCOEPヘッダーをサポートし`self.crossOriginIsolated`時に`SharedArrayBuffer`を利用できるようになるなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2021-10-02T04:41:37.114Z","title":"dolanmiu/docx: Easily generate .docx files with JS/TS with a nice declarative API. Works for Node and on the Browser.","url":"https://github.com/dolanmiu/docx","content":"JavaScriptでdocxファイルを生成するライブラリ。\nビルダー関数で組み立ててコンテンツを作成できる。","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2021-10-03T13:48:02.505Z","title":"Announcing TypeScript 4.5 Beta - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-5-beta/","content":"TypeScript 4.5 Betaリリース。\n`module: node12`でのESMサポート、`.mjs`と`.cjs`に対応する拡張子として`.mts`と`.cts`の追加、`package.json`の`exports`フィールドに対応。\nTypeScriptがビルトインで持つ`lib`の型定義を`dependencies`としてロックできるように。\n`Awaited`型の追加、Top-Level awaitに対応した`module: es2022`のサポート、Condition Typesにおいて一部末尾最適化するように。\nimport名に対する`type` modifierのサポート、ES ProposalのPrivate Field Presence Checks、Import Assertionsのサポートなど","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2021-10-03T14:01:05.675Z","title":"passport/CHANGELOG.md at master · jaredhanson/passport","url":"https://github.com/jaredhanson/passport/blob/master/CHANGELOG.md#050---2021-09-23","content":"Passport 0.5リリース。\n破壊的な変更として`IncomingMessage`をprototype拡張して`login()`などを追加するmonkey patchが削除された。\n代わりに`app.use(passport.initialize())`のようにmiddlewareとして拡張するように変更など","tags":["node.js","express","library","ReleaseNote"],"relatedLinks":[{"title":"Comparing v0.4.1...v0.5.0 · jaredhanson/passport","url":"https://github.com/jaredhanson/passport/compare/v0.4.1...v0.5.0"}]},{"date":"2021-10-03T14:15:46.371Z","title":"Guidelines for choosing a Node.js framework - Simon Plenderleith","url":"https://simonplend.com/guidelines-for-choosing-a-node-js-framework/","content":"Node.jsのフレームワークを選ぶときに考えること、見るべきポイントについて。\nどのフレームワークを選ぶべきかコンテキストによって異なる。\nそのため、ユースケース、フレームワークの書き方、Promiseの対応、ドキュメント、コミュニティ、プロジェクトの健全性などの見方について書かれている。","tags":["node.js","JavaScript","library","article","opinion"],"relatedLinks":[]},{"date":"2021-10-03T14:21:54.858Z","title":"Accessible Palette: Create color systems with consistent lightness and contrast","url":"https://accessiblepalette.com/","content":"コントラスト比などのアクセシビリティに考慮した色を選ぶカラーパレットツール。\n","tags":["accessibility","color","Tools"],"relatedLinks":[{"title":"Accessible Palette: stop using HSL for color systems | Wildbit","url":"https://wildbit.com/blog/2021/09/16/accessible-palette-stop-using-hsl-for-color-systems"}]},{"date":"2021-10-03T14:24:08.225Z","title":"Can I include a tag to a tag? Based on HTML Spec WHATWG","url":"https://caninclude.glitch.me/","content":"HTMLの要素同士の入れ子関係が許容されているかをチェックできるツール。","tags":["HTML","Tools","spec"],"relatedLinks":[]},{"date":"2021-10-03T14:26:52.919Z","title":"ESLint rules for migrating projects from CommonJS to ESM","url":"https://gist.github.com/Jaid/164668c0151ae09d2bc81be78a203dd5","content":"CommonJSではなくECMAScript Modulesを使うときに関係するESLintルールと設定まとめ。\n","tags":["ESLint","ECMAScript","module","CommonJS","article"],"relatedLinks":[]},{"date":"2021-10-03T14:41:22.799Z","title":"Announcing React Native 0.66 · React Native","url":"https://reactnative.dev/blog/2021/10/01/version-066","content":"React Native 0.66リリース。\nAndroidの新しいBluetooth権限に対応、M1 macのサポート改善、Hermes 0.9.0へのアップデート。\nNightlyビルドが`@nightly`のdist-tagで公開されるようになり`yarn upgrade react-native@nightly`でインストールができるようになるなど","tags":["React","Native","ReleaseNote"],"relatedLinks":[]},{"date":"2021-10-04T12:20:11.329Z","title":"How to write about web performance | Read the Tea Leaves","url":"https://nolanlawson.com/2021/09/12/how-to-write-about-web-performance/","content":"ウェブパフォーマンスの記事の難しさとベンチマークについて。\nブラウザのパフォーマンスについて書くときに、どのような点に気をつけて書くと良いのかについて","tags":["performance","article","opinion"],"relatedLinks":[]},{"date":"2021-10-06T13:40:03.719Z","title":"Core:Manipulation: Add basic TrustedHTML support by mgol · Pull Request #4927 · jquery/jquery","url":"https://github.com/jquery/jquery/pull/4927","content":"jQueryにTrusted Typesのサポートが実装された。\njQuery 4.0に含まれる予定","tags":["jQuery","XSS","security","issue"],"relatedLinks":[{"title":"Have Trusted Types API built directly into the jQuery Core Files · Issue #4409 · jquery/jquery","url":"https://github.com/jquery/jquery/issues/4409"}]},{"date":"2021-10-06T14:25:52.478Z","title":"google/safevalues","url":"https://github.com/google/safevalues","content":"Trutsted TypesベースのHTML、JavaScript、URLの文字列処理をするヘルパーライブラリ","tags":["JavaScript","security","library","DOM"],"relatedLinks":[]},{"date":"2021-10-06T14:34:15.840Z","title":"Safe DOM manipulation with the Sanitizer API","url":"https://web.dev/sanitizer/","content":"Sanitizer APIのProposalについて。\nHTML文字列をサニタイズするAPIと`Element#setHTML`での設定方法について。\nDomPurifyなどとは異なりサニタイズしたHTML文字列ではなく、HTMLElementを返すAPIを持つ","tags":["WebPlatformAPI","security","JavaScript","article"],"relatedLinks":[]},{"date":"2021-10-07T05:39:09.907Z","title":"lukeed/tsm: TypeScript Module Loader","url":"https://github.com/lukeed/tsm","content":"Node.jsの`--loader`や`--require`に対応したTypeScriptのloaderライブラリ。\nts-nodeのように扱える。内部的にはesbuildを使っている","tags":["TypeScript","ECMAScript","module","Tools"],"relatedLinks":[]},{"date":"2021-10-08T11:54:06.240Z","title":"Release v8.0.0 · npm/cli","url":"https://github.com/npm/cli/releases/tag/v8.0.0","content":"npm 8.0.0リリース。\nNode.js 10のサポート終了、Node.jsモジュール(`require(\"npm\")`)としてのサポートを終了など。\n2021-10-26にリリース予定のNode.js 16 LTSに含まれる\n","tags":["npm","ReleaseNote"],"relatedLinks":[{"title":"deps: `npm@8` · Issue #40168 · nodejs/node","url":"https://github.com/nodejs/node/issues/40168"}]},{"date":"2021-10-08T15:37:37.648Z","title":"Release v4.0.0 · immutable-js/immutable-js","url":"https://github.com/immutable-js/immutable-js/releases/tag/v4.0.0","content":"immutable-js v4.0.0リリース。\nMITライセンスへ変更、TypeScriptとFlowの型を改善、ドキュメントの更新。\n破壊的な変更として、`merge`と`mergeDeep`の挙動変更、`Iterable`をCollectionにリネーム、APIの削除や追加などが含まれる。\nまた、CollectionがECMAScriptのIterable protocolの実装となるように変更など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-10-09T14:35:19.142Z","title":"Node v16.11.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v16.11.0/","content":"Node.js v16.11.0リリース。\nnpm 8.0.0を同梱するように。","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2021-10-09T14:46:25.018Z","title":"Lots to see in Firefox 93! - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2021/10/lots-to-see-in-firefox-93/","content":"Firefox 93リリース。\nAVIFのサポート、ECMAScript Proposal Stage 4のStatic initialization blocksのサポート。\n`ElementInternals.shadowRoot`と `HTMLElement.attachInternals`のサポートなど","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 93 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/93"},{"title":"Firefox 93.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/93.0/releasenotes/"}]},{"date":"2021-10-09T15:10:52.613Z","title":"jQuery UI 1.13.0 released | jQuery UI Blog","url":"https://blog.jqueryui.com/2021/10/jquery-ui-1-13-0-released/","content":"jQuery UI 1.13.0リリース\njQuery 1.7以下のサポートを終了し、1.8以降の最新のバージョンを含むjQueryに対応。\nこのリリースをもってjQuery UIはメンテナンスモードとなり、今後はセキュリティやバグ修正のみとなる","tags":["jQuery","GUI","library"],"relatedLinks":[{"title":"jQuery maintainers update and transition jQuery UI as part of overall modernization efforts | jQuery UI Blog","url":"https://blog.jqueryui.com/2021/10/jquery-maintainers-update-and-transition-jquery-ui-as-part-of-overall-modernization-efforts/"}]},{"date":"2021-10-09T15:12:26.629Z","title":"jQuery maintainers continue modernization initiative with deprecation of jQuery Mobile - OpenJS Foundation","url":"https://openjsf.org/blog/2021/10/07/deprecation-of-jquery-mobile/","content":"jQuery Mobileは2021-10-07をもってDeprecatedとなった。\n同じくjQuery UIもメンテナンスモードとなった。","tags":["jQuery","mobile","ReleaseNote","library"],"relatedLinks":[]},{"date":"2021-10-10T06:13:58.607Z","title":"Have Single-Page Apps Ruined the Web? | Transitional Apps with Rich Harris, NYTimes - YouTube","url":"https://www.youtube.com/watch?v=860d8usGC0o","content":"SPAとMPAについて。\nSPAにはパフォーマンスなどの欠点があるが、MPAにはナビゲーションやステートなどの欠点がある。\nアプリケーションはSPAとMPAで二分されるものではなく、Next.jsやSvelteKitなどは両方の長所をとるアプローチをしていて、それをTransitionalAppsと呼ぼう的な話","tags":["JavaScript","opinion","video"],"relatedLinks":[{"title":"Rich Harris on Twitter: &quot;i recorded a talk for https://t.co/aMw9AtvdSC — https://t.co/GETYZ6JW47 — about whether you should build multi-page apps (MPAs) or single-page apps (SPAs). spoiler: the answer is 'neither'. or 'both', depending on your definitions. here's the condensed tweet thread version:&quot; / Twitter","url":"https://twitter.com/Rich_Harris/status/1446601175197880325"}]},{"date":"2021-10-10T09:06:09.688Z","title":"Release v0.39.0 · nvm-sh/nvm","url":"https://github.com/nvm-sh/nvm/releases/tag/v0.39.0","content":"Nodeバージョン管理ツールのnvm 0.39.0リリース。\nWSL/MSYS/Cygwin環境のWindowsをサポート","tags":["npm","Tools"],"relatedLinks":[]},{"date":"2021-10-11T15:21:45.954Z","title":"Web Streams Everywhere (and Fetch for Node.js) | CSS-Tricks","url":"https://css-tricks.com/web-streams-everywhere-and-fetch-for-node-js/","content":"Web Streams APIについて。\n基本的な使い方、Node 17から利用できるNode.js Streamからの変換について","tags":["node.js","WHATWG","stream","article"],"relatedLinks":[]},{"date":"2021-10-12T03:32:58.719Z","title":"ESLint v8.0.0 released - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2021/10/eslint-v8.0.0-released","content":"ESLint v8.0.0リリース。\n破壊的な変更としてNode 10のサポート終了\n、`codeframe`と`table`のフォーマッターをコアから削除、`eslint:recommended`の更新。\nまた、`ESLint`クラスを追加し`CLIEngine`クラスを削除、`eslint/lib`のエントリーポイントの削除など。\n機能追加としてES2020のサポート、使われていない`eslint-disable`コメントを削除できるようになるなど","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"Migrating to v8.0.0 - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/docs/user-guide/migrating-to-8.0.0"}]},{"date":"2021-10-12T03:41:33.458Z","title":"Release v5.0.0 · typescript-eslint/typescript-eslint","url":"https://github.com/typescript-eslint/typescript-eslint/releases/tag/v5.0.0","content":"TypeScript ESLint 5.0.0リリース。\nESLint 8へアップデート、Node 10のサポート終了。\n`eslint-recommended`のルールを更新、ルールの変更、ASTの更新など","tags":["ESLint","TypeScript","ReleaseNote"],"relatedLinks":[{"title":"ESLint v8.0.0 released - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2021/10/eslint-v8.0.0-released"}]},{"date":"2021-10-14T14:24:00.842Z","title":"Announcing Parcel v2!","url":"https://parceljs.org/blog/v2/","content":"Parcel v2リリース。\nプラグインの仕組みを刷新、Tree Shakingをデフォルト化、SWCベースのJavaScriptコンパイラに変更、ModernとLegacyビルドの出し分け、Image optimizerの追加。\nbundleのインライン化、ライブラリ向けのビルドのサポート、開発時はリクエストされたタイミングで遅延ビルドできるようになるなど。\nその他にもSource MapライブラリをRustで書き直してパフォーマンス改善やファイル監視の仕組みの改善などが含まれている","tags":["JavaScript","bundler","ReleaseNote"],"relatedLinks":[{"title":"Migration","url":"https://parceljs.org/getting-started/migration/"}]},{"date":"2021-10-15T03:49:01.274Z","title":"PrivacyTests.org: open-source tests of web browser privacy","url":"https://privacytests.org/","content":"ブラウザごとのFinger PrintingやTracking対策などのPrivacy機能をまとめたサイト。\n","tags":["browser","privacy"],"relatedLinks":[]},{"date":"2021-10-16T04:05:42.403Z","title":"Practical Svelte - Create Performant Applications with the Svelte Component Framework | Alex Libby | Apress","url":"https://www.apress.com/gp/book/9781484273739","content":"Svelteを使ったウェブアプリケーション開発の入門書","tags":["Svelte","book"],"relatedLinks":[]},{"date":"2021-10-16T14:39:32.201Z","title":"Deno 1.15 Release Notes | Deno Blog","url":"https://deno.com/blog/v1.15","content":"Deno 1.15リリース。\nWeb Crypto APIの更新、FFIの改善、`deno uninstall`コマンドの追加、`deno lint --watch`の追加。\n`Deno.test`がネストしたテストケースをサポート、V8 9.5へアップデート、Node.js互換のモジュールを利用できる`--compat`フラグの追加など","tags":["deno","ReleaseNote"],"relatedLinks":[{"title":"Deno v1.15で導入されたNode.js互換モードについて","url":"https://zenn.dev/uki00a/articles/node-compat-mode-introduced-in-deno-v1-15"}]},{"date":"2021-10-16T15:28:46.392Z","title":"Sairyss/domain-driven-hexagon: Guide on Domain-Driven Design, Hexagonal architecture, best practices etc.","url":"https://github.com/Sairyss/domain-driven-hexagon","content":"ドメイン駆動設計(DDD)についてのガイド。\n主にDDDに関係する用語、設計、TypeScriptでのサンプルを用いた技術的な戦術についての解説をまとめたもの。","tags":["DDD","document","TypeScript"],"relatedLinks":[]},{"date":"2021-10-17T15:48:46.120Z","title":"Nuxt - Introducing Nuxt 3 Beta","url":"https://nuxtjs.org/announcements/nuxt3-beta/","content":"Nuxt 3 betaリリース。\nVue 3とViteへの対応。\n新しいサーバエンジンのNitro Engineを導入することで、通常のNode.jsサーバ、Serverless、Service Workerなど様々な形でデプロイできるようになっている。","tags":["Vue","Next.js","ReleaseNote"],"relatedLinks":[]},{"date":"2021-10-18T13:07:08.344Z","title":"oslabs-beta/sapling: Sapling - A convenient way to traverse your React app in VS Code","url":"https://github.com/oslabs-beta/sapling","content":"Reactのコンポーネントツリーをエディタのサイドパネルに表示するVSCode拡張。\nRootとなるコンポーネントを含むファイルを選ぶと、そのコンポーネントが含むコンポーネントをツリーとして表示してくれる","tags":["VSCode","React","Extension"],"viaURL":"https://oss.capital/","relatedLinks":[{"title":"Sapling - Visual Studio Marketplace","url":"https://marketplace.visualstudio.com/items?itemName=team-sapling.sapling"},{"title":"Introducing Sapling: a VS Code Extension for Traversing React Component Hierarchy | by Team Sapling | Oct, 2021 | JavaScript in Plain English","url":"https://javascript.plainenglish.io/introducing-sapling-a-vs-code-extension-for-traversing-your-react-component-hierarchy-3ac94d95887e"}]},{"date":"2021-10-18T13:16:57.065Z","title":"GitHub Advisory Database now powers npm audit | The GitHub Blog","url":"https://github.blog/2021-10-07-github-advisory-database-now-powers-npm-audit/","content":"`npm audit`がGitHub Advisory Databaseをみるようになった","tags":["npm","security","Github","news"],"viaURL":"https://oss.capital/","relatedLinks":[]},{"date":"2021-10-18T13:30:43.456Z","title":"Release v7.0.0 · pinojs/pino","url":"https://github.com/pinojs/pino/releases/tag/v7.0.0","content":"pino 7.0.0リリース。\nログの処理を別Threadなどに渡せる`pino.transport()`の追加、`pino.multistream()`の追加、TypeScriptの型を同梱するようになるなど","tags":["node.js","library","ReleaseNote"],"relatedLinks":[{"title":"Welcome to pino@7.0.0 - and the era of worker_thread transport - NearForm","url":"https://www.nearform.com/blog/pino7-0-0-pino-transport-worker_thread-transport/"}]},{"date":"2021-10-18T14:55:18.976Z","title":"RF21 – Naman Goel – Rethinking CSS - Introducing Stylex - YouTube","url":"https://www.youtube.com/watch?v=ur-sGzUWId4","content":"FacebookのAtomic CSSの実装であるStylexについての動画。\nStylexはReact-Nativeライクなスタイルの書き方をするツールキット、Atomic CSSによって線形的に増えるCSSの量を非線形にできる。\n2021年末にベータ版をリリースする予定。","tags":["facebook","React","CSS","video"],"relatedLinks":[{"title":"Facebook CSS-in-JS Solution Stylex Introduced at React Finland 2021","url":"https://www.infoq.com/news/2021/10/facebook-css-js-stylex/"}]},{"date":"2021-10-18T14:58:20.370Z","title":"React Finland 2021 - Talks - YouTube","url":"https://www.youtube.com/playlist?list=PL-a9lBflNu2opNHeISTnlHgGVlI7oGLXi","content":"React Finland 2021の動画一覧","tags":["React","video"],"relatedLinks":[{"title":"React Finland 2021 - Sessions - YouTube","url":"https://www.youtube.com/playlist?list=PL-a9lBflNu2rhk1vr3yr4mdRzzUb_nj5P"}]},{"date":"2021-10-20T02:11:49.411Z","title":"Node v17.0.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v17.0.0/","content":"Node v17.0.0リリース。\n`readline`モジュールのPromise対応、OpenSSL 3.0へのアップデート、V8 9.5へアップデート、npm 8.0.0へのアップデート、スタックトレースにNodeバージョンを表示など。\nまたウェブ標準の`strcturedClone()`と`DOMException`をサポート","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"Node.js 17 is here!. This blog was written by Bethany… | by Node.js | Node.js Collection | Oct, 2021 | Medium","url":"https://medium.com/the-node-js-collection/node-js-17-is-here-8dba1e14e382"},{"title":"Release v8.0.0 · npm/cli","url":"https://github.com/npm/cli/releases/tag/v8.0.0"}]},{"date":"2021-10-20T03:46:12.300Z","title":"A Visual Guide to React Rendering - Cheat Sheet | Alex Sidorenko","url":"https://alexsidorenko.com/blog/react-render-cheat-sheet/","content":"Reactのレンダリングのビジュアライズ","tags":["React","cheatsheet","article"],"relatedLinks":[]},{"date":"2021-10-22T02:12:38.344Z","title":"Gatsby: The Definitive Guide","url":"https://learning.oreilly.com/library/view/gatsby-the-definitive/9781492087502/","content":"Gatsbyの入門書","tags":["JavaScript","React","book"],"relatedLinks":[]},{"date":"2021-10-22T02:19:29.705Z","title":"Chromium Blog: Chrome 96 Beta: Conditional Focus, Priority Hints, and More","url":"https://blog.chromium.org/2021/10/chrome-96-beta-conditional-focus.html","content":"Chrome 96 betaリリース。\nChromeバージョン 100をテストできるフラグの追加。\nOrigin TrialとしてConditional Focus、Priority Hintsの追加。\nBFCacheがDeskopでも有効化、CSS `:autofill`擬似クラスとMedia Queryの`prefers-contrast`をサポート。\nHTTPS DNS Recordsのサポート、WebAssemblyのCSP対応で`wasm-unsafe-eval`をサポートなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2021-10-22T02:22:55.944Z","title":"Optimizing resource loading with Priority Hints","url":"https://web.dev/priority-hints/","content":"Chrome 96 betaでのOrigin Trialで実装されたPriority Hintsについて。\n`importance`属性を使ってリソースロードの優先度のHintを定義できる。","tags":["Chrome","browser","article","performance"],"relatedLinks":[]},{"date":"2021-10-23T01:49:56.077Z","title":"[Early Preview] New React Documentation by rachelnabors · Pull Request #3965 · reactjs/reactjs.org","url":"https://github.com/reactjs/reactjs.org/pull/3965","content":"Reactの新しいドキュメントのベータ版がリリース","tags":["React","issue","document"],"relatedLinks":[]},{"date":"2021-10-23T01:57:11.731Z","title":"Core Web Vitals Checker | Calibre","url":"https://calibreapp.com/tools/core-web-vitals-checker","content":"Chrome User Experience Report (CrUX)のデータを元にWebVitalのスコアをチェックするツール","tags":["performance","Tools","Chrome"],"relatedLinks":[]},{"date":"2021-10-25T11:57:05.571Z","title":"Security issue: compromised npm packages of ua-parser-js (0.7.29, 0.8.0, 1.0.0) - Questions about deprecated npm package ua-parser-js · Issue #536 · faisalman/ua-parser-js","url":"https://github.com/faisalman/ua-parser-js/issues/536","content":"マルウェアを含むua-parser-js 0.7.29/0.8.0/1.0.0が公開されていたため、\nそれぞれpatch versionとして0.7.30/0.8.1/1.0.1がリリースされた。","tags":["npm","security","issue","news"],"relatedLinks":[{"title":"Newly Found npm Malware Mines Cryptocurrency on Windows, Linux, macOS Devices","url":"https://blog.sonatype.com/newly-found-npm-malware-mines-cryptocurrency-on-windows-linux-macos-devices"}]},{"date":"2021-10-25T12:58:34.957Z","title":"TypeScript 4.5 以降で ESM 対応はどうなるのか？","url":"https://zenn.dev/teppeis/articles/2021-10-typescript-45-esm","content":"TypeScriptのESM対応について。","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2021-10-25T13:22:39.637Z","title":"Monitor your web application with the Reporting API","url":"https://web.dev/reporting-api/","content":"Chrome 96から利用できる`Reporting-Endpoints`について。\n`Report-To`はDeprecatedとなり`Reporting-Endpoints`を使うようになる。\nCSPエラー、ネットワークエラー、ポリシーエラーのレポート先を指定できる","tags":["Chrome","browser","article"],"relatedLinks":[{"title":"Reporting API: Isolate reports per-document and support the Reporting-Endpoints header - Chrome Platform Status","url":"https://www.chromestatus.com/feature/5712172409683968"},{"title":"Migrate to Reporting API v1","url":"https://web.dev/reporting-api-migration/#migration-steps"}]},{"date":"2021-10-25T15:35:20.794Z","title":"Yarn 3.1 🎃👻 Corepack, ESM, pnpm, Optional Packages ... - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/arcanis/yarn-31-corepack-esm-pnpm-optional-packages--3hak","content":"Yarn 3.1リリース。\n`yarn init -2`でCorepackの対応、PnPでのEMSサポート、`nodeLinker: pnpm`のサポート。\n`optionalDependencies`で指定したアーキテクチャだけをダウンロードする`supportedArchitectures`の設定を追加、`wrokspaces`コマンドに`--since`フラグの追加","tags":["yarn","ReleaseNote"],"relatedLinks":[{"title":"berry/CHANGELOG.md at master · yarnpkg/berry","url":"https://github.com/yarnpkg/berry/blob/master/CHANGELOG.md#310"},{"title":"Different strategy for installing platform-specific binaries · Issue #789 · evanw/esbuild","url":"https://github.com/evanw/esbuild/issues/789#issuecomment-901467782"}]},{"date":"2021-10-26T05:01:07.472Z","title":"流麗なJavaScript 第3版 (no starch pressress) | マリン・ハーバーベーク, イノウ |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/dp/4802613377/","content":"Eloquent JavaScriptの翻訳本","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2021-10-26T14:08:18.911Z","title":"Release v1.2.0 - Masters of the Universe · solidjs/solid","url":"https://github.com/solidjs/solid/releases/tag/v1.2.0","content":"Solid v1.2.0リリース。\nCustom Rendererのサポート、`html`テンプレートリテラルでSpread構文のサポートなど","tags":["jsx","ReleaseNote","library"],"relatedLinks":[]},{"date":"2021-10-27T00:39:40.504Z","title":"Node v16.13.0 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v16.13.0/","content":"Node.js 16のLong Term Support (LTS)となる16.13.0がリリースされた。\n2024-04-30までメンテナンスされる。","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2021-10-27T01:03:48.930Z","title":"Blog - Next.js 12 | Next.js","url":"https://nextjs.org/blog/next-12","content":"Next.js 12リリース。\nSWCベースのビルドに対応、Middlwareの対応、React 18(Server-Side StreamingとReact Server Components)に対応。\nwebpackの`buildHttp`を使ったURL Importsに対応、クローラーbotに対するISRの最適化、AVIFの対応など","tags":["Next.js","ReleaseNote"],"relatedLinks":[]},{"date":"2021-10-27T02:13:26.327Z","title":"New WebKit Features in Safari 15 | WebKit","url":"https://webkit.org/blog/11989/new-webkit-features-in-safari-15/","content":"Safari 15の変更点について。\nWebExtensionsの対応、`theme-color`の対応、CSSの`aspect-ratio`、`list-style-type`に新しい属性値の追加など。\nJavaScriptのTop-Level `await`、Error Cause、Private class methodsの対応。\nまた、WebGL 2、Web Share API、1秒以内の制限付きで`requestAnimationFrame`を間に入れたユーザージェスチャが伝搬するようになるなど。\nその他には、iPadでのVP9/WebMのハードウェアアクセラレーション対応、Private Click Measurementの更新、`autocomplete=one-time-code`の対応など","tags":["safari","article"],"relatedLinks":[]},{"date":"2021-10-27T02:18:31.528Z","title":"unjs/unstorage: 🌍 💾 Universal Storage Layer","url":"https://github.com/unjs/unstorage","content":"localForageなどのようにdriverを切り替え可能なKVSライブラリ。","tags":["JavaScript","library"],"relatedLinks":[{"title":"localForage/localForage: 💾 Offline storage, improved. Wraps IndexedDB, WebSQL, or localStorage using a simple but powerful API.","url":"https://github.com/localForage/localForage"},{"title":"azu/kvs: Lightweight key-value storage library for Browser, Node.js, and In-Memory.","url":"https://github.com/azu/kvs"}]},{"date":"2021-10-28T11:30:54.931Z","title":"Release Pinia v2.0.0 · posva/pinia","url":"https://github.com/posva/pinia/releases/tag/pinia%402.0.0","content":"Vueのステート管理ライブラリのPinia v2.0.0リリース。","tags":["Vue","JavaScript","library"],"relatedLinks":[]},{"date":"2021-10-30T15:44:19.293Z","title":"7.16.0 Released: ESLint 8 and TypeScript 4.5 · Babel","url":"https://babeljs.io/blog/2021/10/29/7.16.0","content":"Babel 7.16.0リリース。\n`@babel/preset-env`がClass static blocksを含むように、TypeScript 4.5のサポート。\npipeline operatorのHack topic tokenのオプションをサポート、ESLint 8のサポートなど","tags":["babel","ReleaseNote"],"relatedLinks":[]},{"date":"2021-10-31T01:17:19.857Z","title":"dominikg/tsconfck: A utility to find and parse tsconfig files without depending on typescript","url":"https://github.com/dominikg/tsconfck","content":"`tsconfig.json`の探索や設定内容を取得するライブラリ。\n`extends`した内容も取得できる。","tags":["TypeScript","library","toool"],"relatedLinks":[]},{"date":"2021-10-31T13:32:10.996Z","title":"mizchi/mints","url":"https://github.com/mizchi/mints","content":"TypeScriptのコードから型を取り除くツール。\nファイルサイズの小さいTypeScript to JavaScriptのツールの作成を目的にしている。","tags":["TypeScript","Tools","library"],"relatedLinks":[{"title":"mints: 5.7kb の TypeScript コンパイラを作った","url":"https://zenn.dev/mizchi/articles/minimum-tsc-mints"}]},{"date":"2021-10-31T13:38:27.341Z","title":"Photoshop's journey to the web","url":"https://web.dev/ps-on-the-web/","content":"Photoshopをウェブで動かすためにGoogleとAdobeが取り組んだことについて。\nEmscriptenを使ってC++をWebAssemblyにコンパイルしたが、マルチスレッド/デバッグ/高性能なストレージが不足していたためそれを補う機能開発。\nまたWebComponentとLitを使ったUIについて","tags":["Chrome","WebAssembly","article"],"relatedLinks":[]},{"date":"2021-10-31T13:40:07.296Z","title":"Spectrum Web Components","url":"https://opensource.adobe.com/spectrum-web-components/","content":"AdobeのデザインシステムであるSpectrumのWeb Components実装。\nLitをベースにしている。","tags":["adobe","WebComponents","library","JavaScript"],"relatedLinks":[]},{"date":"2021-10-31T13:48:34.652Z","title":"OptimalBits/bull: Premium Queue package for handling distributed jobs and messages in NodeJS.","url":"https://github.com/OptimalBits/bull","content":"Redisベースの分散JobキューNode.jsライブラリ","tags":["node.js","library"],"relatedLinks":[]},{"date":"2021-10-31T13:53:29.062Z","title":"Supercharge Your NodeJS With Rust | yield code();","url":"https://yieldcode.blog/supercharge-nodejs-with-rust/","content":"Neonを使いRustでNode APIを使ったNative Moduleを作り、Node.jsから利用する方法についての解説記事","tags":["node.js","Rust","article"],"relatedLinks":[]},{"date":"2021-11-01T13:39:10.462Z","title":"mithi/react-philosophies: 🧘 Things I think about when I write React code 🧘","url":"https://github.com/mithi/react-philosophies","content":"Reactを使ったコードを書くときに考えることについて書かれたドキュメント","tags":["React","document"],"relatedLinks":[]},{"date":"2021-11-01T14:07:29.138Z","title":"Polight/lego: 🚀 Web-components made lightweight & Future-Proof.","url":"https://github.com/Polight/lego","content":"HTMLファイルに書いた`<template>`、`<script>`、`<style>`からCustom Elementを作成するツールとRuntimeライブラリ。\n","tags":["JavaScript","WebComponents","library","Tools"],"relatedLinks":[]},{"date":"2021-11-01T14:27:09.656Z","title":"Release v5.0.0-alpha.0 · reduxjs/redux","url":"https://github.com/reduxjs/redux/releases/tag/v5.0.0-alpha.0","content":"Redux 5.0.0 αリリース。\nコードベースをTypeScriptに書き換えている","tags":["redux","JavaScript","TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2021-11-01T14:30:37.882Z","title":"Reflection at Reflect: The Reflect and Proxy APIs | Reflect","url":"https://reflect.run/articles/reflection-at-reflect/","content":"ReflectとProxyの基本的な使い方についての解説記事。","tags":["ECMAScript","proxy","article"],"relatedLinks":[]},{"date":"2021-11-02T02:35:08.706Z","title":"Spectre の脅威とウェブサイトが設定すべきヘッダーについて","url":"https://blog.agektmr.com/2021/11/browser-security.html","content":"ウェブサイトでのクロスサイト/クロスオリジンに関連するセキュリティヘッダーについて。\nSpectre後のサイドチャネル攻撃に関係するヘッダーの解説など","tags":["browser","security","article","privacy"],"relatedLinks":[]},{"date":"2021-11-02T02:45:06.710Z","title":"Release AVA 4 Release Candidate 1 · avajs/ava","url":"https://github.com/avajs/ava/releases/tag/v4.0.0-rc.1","content":"AVA 4 RC1リリース。\n破壊的な変更としてNode 10のサポート終了、スナップショットファイルの形式変更、`t.cb()`と`t.end()`の削除など。\n`worker_threads`の対応、親ディレクトリの`ava.config`ファイルを探索するように、ESMの対応など","tags":["node.js","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-11-02T06:39:59.093Z","title":"JavaScript（第7版） | Ohmsha","url":"https://www.ohmsha.co.jp/book/9784873119700/","content":"2021年12月2日発売\nサイ本 7版の翻訳本","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2021-11-03T11:35:18.300Z","title":"Release v11.0.0 · puppeteer/puppeteer","url":"https://github.com/puppeteer/puppeteer/releases/tag/v11.0.0","content":"puppeteer 11.0.0リリース。\nOut of Processなiframeのwaitをサポートする`Page.waitForFrame()`と`frame.isOOPFrame()`の追加。\nHTTP Requestのinitiatorを取得できるようになるなど","tags":["Chrome","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-11-06T05:54:38.121Z","title":"Recoil 0.5 | Recoil","url":"https://recoiljs.org/blog/2021/11/03/0.5.0-release","content":"Recoil 0.5リリース。\nキャッシュをクリアできる`useRecoilRefresher_UNSTABLE()`の追加。\n`onSet`のコールバックに`isReset`を追加、`getLoadable()`/`getPromise()`/`getInfo_UNSTABLE()`の追加など","tags":["React","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-11-06T06:23:50.633Z","title":"React Router v6 | Remix","url":"https://remix.run/blog/react-router-v6","content":"React Router v6リリース。\nReact Hooksベースで再実装、`<Route>`のネストの改善、`<Link to>`の値に相対パスの解釈を`<Route path>`を基準にするように変更など","tags":["React","library","ReleaseNote"],"relatedLinks":[{"title":"React Router v6 | Remix","url":"https://remix.run/blog/react-router-v6#upgrading-to-react-router-v6"},{"title":"React Router | Upgrading from v5","url":"https://reactrouter.com/docs/en/v6/upgrading/v5"}]},{"date":"2021-11-06T06:29:56.198Z","title":"Announcing TypeScript 4.5 RC - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-5-rc/","content":"TypeScript 4.5 RCリリース。\n4.5 betaで導入されていたESM対応の`module: node12`はリリースが延期となった。","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2021-11-06T06:41:45.070Z","title":"What's new in PageSpeed Insights","url":"https://web.dev/whats-new-pagespeed-insights/","content":"新しいPageSpeed Insightsの画面解説。\n計測データとCrUXデータ(Lab)が混在していたが、CrUXのデータはOrigin Summaryというタブに分離された。\nCore Web Vitalsのスコア表示などが含まれる予定","tags":["google","performance","article"],"relatedLinks":[]},{"date":"2021-11-06T06:50:13.985Z","title":"urin/qrono: 🕥 Just right date time library","url":"https://github.com/urin/qrono","content":"Immutableな日付操作ライブラリ。\nUTCとローカル時間のみを扱うことで、夏時間のあいまいな時間を正確に扱う。","tags":["JavaScript","library"],"relatedLinks":[{"title":"こういうのでいいんだよ、な JavaScript日付時刻ライブラリ Qrono","url":"https://zenn.dev/urin/articles/6ca9cf8174fd92"}]},{"date":"2021-11-06T06:53:17.270Z","title":"Nightwatch v2 is Now in Beta | Nightwatch.js Blog","url":"https://nightwatchjs.org/blog/nightwatch-v2-beta-is-available.html","content":"Nightwatch v2リリース。\nChrome DevTools ProtocolとWebDriver BiDIのサポート、CucumberJSのサポートなど","tags":["E2E","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-11-06T07:07:44.060Z","title":"Malware found in coa and rc, two npm packages with 23M weekly downloads - The Record by Recorded Future","url":"https://therecord.media/malware-found-in-coa-and-rc-two-npm-packages-with-23m-weekly-downloads/","content":"`coa`と`rc`パッケージにマルウェアが含まれていたバージョンがpublishされていた問題について。\n現在は無効化されているが、それぞれ次のバージョンが問題となっている。\n\n- coa: 2.0.3, 2.0.4, 2.1.1, 2.1.3, 3.0.1, 3.1.3\n- rc: 1.2.9, 1.3.9, 2.3.9","tags":["npm","security","article"],"relatedLinks":[{"title":"Embedded malware in coa · GHSA-73qr-pfmq-6rp8 · GitHub Advisory Database","url":"https://github.com/advisories/GHSA-73qr-pfmq-6rp8"},{"title":"Embedded malware in rc · GHSA-g2q5-5433-rhrf · GitHub Advisory Database","url":"https://github.com/advisories/GHSA-g2q5-5433-rhrf"}]},{"date":"2021-11-06T07:41:51.552Z","title":"V8 release v9.7 · V8","url":"https://v8.dev/blog/v8-release-97","content":"V8 v9.7リリース。\nArrayとTypedArrayに`findLast`と`findLastIndex`の実装。","tags":["V8","ReleaseNote"],"relatedLinks":[]},{"date":"2021-11-06T07:56:47.121Z","title":"Record, replay and measure user flows - Chrome Developers","url":"https://developer.chrome.com/docs/devtools/recorder/","content":"Chrome 97の開発者ツールにプレビュー実装されたRecorder panelについて。\nユーザー操作を記録し再生できる。またユーザーフローとPerformance計測を組み合わせられる。\n記録した内容は編集したり、Puppeteerスクリプトとして出力できる。","tags":["Chrome","article","debug"],"relatedLinks":[]},{"date":"2021-11-07T13:50:03.821Z","title":"TypeScriptのJSDocサポートでできること、できないこと","url":"https://zenn.dev/qnighy/articles/56917d9bf9077b","content":"TypeScriptのJSDocによる型アノテーションについての解説。\nTypeScriptとJSDocの型アノテーションでの表現力の違い、JSDocでの型アノテーションの書き方について","tags":["TypeScript","JavaScript","article"],"relatedLinks":[]},{"date":"2021-11-07T14:14:37.428Z","title":"Angular v13 is now Available. We’re back with the brand new release… | by Mark Thompson (@marktechson) | Nov, 2021 | Angular Blog","url":"https://blog.angular.io/angular-v13-is-now-available-cce66f7bc296","content":"Angular 13リリース。\nIvyがデフォルトとなったためView Engineを削除、Angular Package Format(APF)が`exports`フィールドのサポート、IE 11のサポート終了。\nAngular CLIが永続ビルドキャッシュをサポート、テスト時にDOMのクリーンアップがデフォルト化など","tags":["Angular","ReleaseNote"],"relatedLinks":[]},{"date":"2021-11-08T10:40:44.083Z","title":"Release v4.0.0 · markedjs/marked","url":"https://github.com/markedjs/marked/releases/tag/v4.0.0","content":"markded 4.0.0リリース。\nESMの対応、default exportを削除したため`import { markded } from \"marked\"`のnamed importを利用するに変更など","tags":["Markdown","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-11-09T01:36:58.514Z","title":"Shopify/hydrogen: React-based framework for building dynamic, Shopify-powered custom storefronts.","url":"https://github.com/Shopify/hydrogen","content":"Shopifyのストアフロントを作成するReactベースのフレームワーク。\nViteとReactをベースにしていて、React ServerSide Componentsを利用している。","tags":["React","vite","library"],"relatedLinks":[{"title":"Meet Hydrogen: A React Framework For Dynamic, Contextual And Personalized E-Commerce — Smashing Magazine","url":"https://www.smashingmagazine.com/2021/11/hydrogen-react-framework-dynamic-contextual-personalized-ecommerce/"}]},{"date":"2021-11-09T02:15:25.616Z","title":"A Comprehensive Guide To Error Handling In Node.js - Honeybadger Developer Blog","url":"https://www.honeybadger.io/blog/errors-nodejs/","content":"Node.jsのエラーハンドリングについての記事。\n例外、コールバック、Promise、EventEmitterそれぞれにおけるエラーのハンドリング。\nカスタムエラーでの分類、Operational ErrorとProgrammer Errorの違い。\nまたOperation Errorが発生したときの対処方法とProgrammer Errorの防止策について","tags":["JavaScript","node.js","article"],"relatedLinks":[]},{"date":"2021-11-09T02:22:39.663Z","title":"インクリメンタルに新しい技術を取り入れる方法。TypeScriptへの移行を例にしたプロセス","url":"https://tech.plaid.co.jp/karte-blocks-incremental-development/","content":"JavaScriptをTypeScriptを段階的に移行する方法について。\n最初からしっかりとした型をつける方法とゆるい型に変換してから型をつける方法の比較、マイグレーションの順番、型を使ったAPIバリデーション、VueからReactへの段階的な移行など。\nインクリメンタルな移行するときのポイントについて。\n","tags":["JavaScript","TypeScript","node.js","React","Vue","article"],"relatedLinks":[]},{"date":"2021-11-09T02:31:07.499Z","title":"Etsy’s Journey to TypeScript - Code as Craft","url":"https://codeascraft.com/2021/11/08/etsys-journey-to-typescript/","content":"TypeScriptの採用戦略についての記事。\n厳密な型付けへの移行方法、typescript-eslintを使った一部の汎用型と構文の禁止、APIへの型付けについて。\nTypeScriptの型チェックのパフォーマンス問題のデバッグ、教育について","tags":["TypeScript","ESLint","article"],"relatedLinks":[]},{"date":"2021-11-09T02:38:26.988Z","title":"Web Performance Metrics Cheatsheet","url":"https://bitsofco.de/web-performance-metrics-cheatsheet/","content":"ウェブパフォーマンスのメトリクスチートシート。\n4つのステージにグループ分けし、それぞれに関連するメトリクスをまとめている","tags":["performance","cheatsheet"],"relatedLinks":[]},{"date":"2021-11-10T06:54:45.107Z","title":"Node v17.1.0 (Current) | Node.js","url":"https://nodejs.org/uk/blog/release/v17.1.0/","content":"Node.js 17.1.0リリース。\nES ModulesのImport AssertionによるJSONのimportができるように。\n\n```js\nimport fooData from './foo.json' assert { type: 'json' };\n```","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2021-11-13T07:39:34.276Z","title":"Bundle Scanner - Identify NPM libraries included in Javascript files","url":"https://bundlescanner.com/","content":"指定したURLでどのようなJavaScriptファイルがあり、そのJavaScriptファイルから利用されているnpmモジュールを抽出するツール。","tags":["npm","Tools","webservice"],"relatedLinks":[]},{"date":"2021-11-13T15:33:17.366Z","title":"Reconstructing TypeScript, part 0: intro and background","url":"https://jaked.org/blog/2021-09-07-Reconstructing-TypeScript-part-0","content":"TypeScriptの型チェッカーを実装しながら、TypeScriptの型について学ぶ連載記事。\nパーサにはBabelを使い、パースしたASTと型情報をチェックする型チェッカーを実装していく","tags":["TypeScript","article","babel","AST"],"relatedLinks":[]},{"date":"2021-11-14T00:35:24.438Z","title":"niksy/node-stdlib-browser: Node standard library for browser.","url":"https://github.com/niksy/node-stdlib-browser","content":"Node.js Core Modulesのブラウザ向けpolyfillをまとめたライブラリ。","tags":["node.js","polyfill","library","browser"],"relatedLinks":[]},{"date":"2021-11-14T01:07:14.312Z","title":"Release eslint-config-airbnb-v19.0.0 · airbnb/javascript","url":"https://github.com/airbnb/javascript/releases/tag/eslint-config-airbnb-v19.0.0","content":"eslint-config-airbnb 19.0.0リリース。\nESLint 8のサポート","tags":["ESLint","config","ReleaseNote"],"relatedLinks":[{"title":"eslint v8 support · Issue #2478 · airbnb/javascript","url":"https://github.com/airbnb/javascript/issues/2478"}]},{"date":"2021-11-14T03:48:04.902Z","title":"Mastering TypeScript Template Literal Types | by Jose Granja | Nov, 2021 | Better Programming","url":"https://betterprogramming.pub/mastering-typescript-template-literal-types-f4131a94ffb1","content":"Typescript 4.1 で追加されたTemplate Literal Typeについての解説記事。\n基本的な使い方、制限、Utility Type、`infer`と組み合わせた型を推論する書き方やMapped Typesとの組み合わせについてなど","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2021-11-14T12:00:18.669Z","title":"koskimas/kysely: A type-safe typescript SQL query builder","url":"https://github.com/koskimas/kysely","content":"TypeScriptで書かれたSQLクエリビルダー。\nPostgreSQLとMySQLに対応したクエリの作成と実行ができる。\nSchemaを型として定義し、その型を元にクエリを構築できる。","tags":["TypeScript","PostgreSQL","MySQL","library","node.js"],"relatedLinks":[]},{"date":"2021-11-15T13:53:08.091Z","title":"gajus/liqe: Lightweight and performant Lucene-like parser and search engine.","url":"https://github.com/gajus/liqe","content":"検索演算子のパーサライブラリ","tags":["search","JavaScript","library"],"relatedLinks":[]},{"date":"2021-11-15T14:02:46.303Z","title":"SharedArrayBuffer と過渡期な cross-origin isolation の話","url":"https://blog.agektmr.com/2021/11/cross-origin-isolation.html","content":"`SharedArrayBuffer`や高分解能Timerを利用するためにはcross origin isolationな状態が必要となる。\ncross origin isolationな状態にするための条件であるHTTPヘッダについての解説。","tags":["browser","Chrome","article"],"relatedLinks":[]},{"date":"2021-11-15T14:05:59.754Z","title":"Copy CSS as JavaScript - Chrome DevTools - Dev Tips","url":"https://umaar.com/dev-tips/249-copy-css-as-js/","content":"Chromeの開発者ツールでCSSプロパティをJavaScriptsのCamelCaseなプロパティをもつオブジェクトとしてコピーできるようになった。\nCSSパネルからCSS in JSのObejct Stylesでコピーできる","tags":["Chrome","debug","article"],"relatedLinks":[]},{"date":"2021-11-15T14:29:56.824Z","title":"Less Absolute Positioning With Modern CSS - Ahmad Shadeed","url":"https://ishadeed.com/article/less-absolute-positioning-modern-css/","content":"CSSの`position: absolute`を使わなくても同等の表現ができるという紹介。\nGridを使った要素の重ね、`order`を使った表示順の変更、`aspect-ratio`を使った画像のアスペクト比の指定など。\nまた`position: absolute`を使った方が良いユースケースについて","tags":["CSS","article"],"relatedLinks":[]},{"date":"2021-11-16T14:42:59.738Z","title":"Release Notes for Safari Technology Preview 135 | WebKit","url":"https://webkit.org/blog/12040/release-notes-for-safari-technology-preview-135/","content":"Safari Technology Preview 135リリース。\nCSSの`accent-color`のサポート、`flex-basis: content`のサポート。\n`loading`属性を使った画像の遅延ロードをサポート。\n120Hzのディスプレイでは120Hzでスクロールアニメーションが動くように","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2021-11-16T15:02:39.221Z","title":"wrangler 2.0 — a new developer experience for Cloudflare Workers","url":"https://blog.cloudflare.com/wrangler-v2-beta/","content":"Cloudflare WorkersのCLIであるwrangler 2.0リリース。\n`wrangler dev <filename>`で設定なしでデプロイ、開発できるように、`--public <path>`での静的アセットの指定をサポート。\n`--local`でMiniflareベースのオフラインで動くローカルモードをサポート","tags":["cloudflare","webworker","ReleaseNote"],"relatedLinks":[]},{"date":"2021-11-17T14:54:18.126Z","title":"Release 0.6.0 – Info sections, bailouts, state change locations, open in editor and more · lahmatiy/react-render-tracker","url":"https://github.com/lahmatiy/react-render-tracker/releases/v0.6.0","content":"Reactの意図しないレンダリングを見つけるデバッグツールのreact-render-tracker 0.6.0リリース。","tags":["React","debug","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-11-17T14:58:38.250Z","title":"Electron 16.0.0 | Electron","url":"https://www.electronjs.org/blog/electron-16-0","content":"Electron 16.0.0リリース。\nChromium 96、Node.js 16.9.1、V8 9.6へアップデート。\nWebHID APIのサポート、native modulesをビルドするためにnode-gypを使っているプロジェクトでは`--force-process-config`が必要となる変更になど","tags":["Electron","ReleaseNote"],"relatedLinks":[]},{"date":"2021-11-17T15:00:21.915Z","title":"Announcing Serverless Framework v3 Beta","url":"https://www.serverless.com/blog/serverless-framework-v3-beta","content":"Serverless Framework v3 Betaリリース。\n`serverless`コマンドの出力の改善、`--verbose`のサポート、非推奨だったAPIの削除など","tags":["serverless","node.js","ReleaseNote"],"relatedLinks":[{"title":"Serverless Framework - Upgrading to v3","url":"https://www.serverless.com/framework/docs/guides/upgrading-v3"}]},{"date":"2021-11-17T15:23:33.944Z","title":"Release v9.0.0 · GoogleChrome/lighthouse","url":"https://github.com/GoogleChrome/lighthouse/releases/tag/v9.0.0","content":"Lighthouse v9.0.0リリース。\nNode 12のサポート終了、いくつかのauditを削除。\nページ遷移を含むAuditをとるAudit User Flowsをサポートなど","tags":["Chrome","performance","Tools","ReleaseNote"],"relatedLinks":[{"title":"Lighthouse user flows","url":"https://web.dev/lighthouse-user-flows/"}]},{"date":"2021-11-19T14:21:31.149Z","title":"Announcing TypeScript 4.5 - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-5/","content":"TypeScript 4.5リリース。\nTypeScriptがビルトインで持つ`lib`の型定義を`dependencies`としてロックできるように。\n`Awaited`型の追加、Top-Level awaitに対応した`module: es2022`のサポート、Condition Typesにおいて一部末尾最適化するように。\nimport名に対する`type` modifierのサポート、ES ProposalのPrivate Field Presence Checks、Import Assertionsのサポートなど","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2021-11-20T15:29:16.992Z","title":"React 18 is now in beta · Discussion #112 · reactwg/react-18","url":"https://github.com/reactwg/react-18/discussions/112","content":"React 18 betaリリース。\n`useSyncExternalStore`(`useMutableSource`をリネーム)、`useId`、`useInsertionEffect`の追加など","tags":["React","ReleaseNote"],"relatedLinks":[]},{"date":"2021-11-21T05:01:02.402Z","title":"divriots/browser-vite: Vite in the browser.","url":"https://github.com/divriots/browser-vite","content":"ViteをブラウザのService Workersで動かすプロジェクト","tags":["vite","ServiceWorker","Tools"],"relatedLinks":[]},{"date":"2021-11-21T06:01:39.770Z","title":"Chrome Devtools による フロントエンドパフォーマンスの計測","url":"https://zenn.dev/koki_tech/articles/9deb70d0a9befb","content":"Chromeの開発者ツールのパフォーマンスタブの読み方の図解","tags":["Chrome","debug","article"],"relatedLinks":[]},{"date":"2021-11-23T05:09:15.291Z","title":"クリエイティブコーディングの教科書","url":"https://zenn.dev/baroqueengine/books/a19140f2d9fc1a","content":"JavaScriptとCanvasを使ったクリエティブコーディングについての電子書籍。\nCanvasでの描画、画像処理、探索アルゴリズム、アニメーション表現についてなど","tags":["JavaScript","canvas","book"],"relatedLinks":[]},{"date":"2021-11-23T08:04:39.209Z","title":"Remix v1 | Remix","url":"https://remix.run/blog/remix-v1","content":"ReactベースのウェブフレームワークであるRemix v1リリース。\nCLI、ルーティング、ライフサイクルメソッド、React Hooksなどを提供する。\nクライアントサーバモデルで、サーバが返すデータをフィルターし、最小限のデータにすることを目的にした`loader`関数などを持つ。\nfly.ioやCloudflare Workersなどサーバ側をEdgeで動かすことを目的にしている。","tags":["React","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-11-23T11:47:47.030Z","title":"Reimagine Atomic CSS","url":"https://antfu.me/posts/reimagine-atomic-css","content":"Atomic CSSについて。\n事前生成 + PruneのTaildinwのアプローチ、オンデマンド生成のTailwindCSSについて。\nまた、Atomic CSSエンジンのUnoCSSを作っているという話。","tags":["CSS","article"],"relatedLinks":[]},{"date":"2021-11-23T11:54:08.903Z","title":"What's New In DevTools (Chrome 96) - Chrome Developers","url":"https://developer.chrome.com/blog/new-in-devtools-96/","content":"Chrome96の開発者ツールの変更点について。\nCSS Overviewパネルの追加、`prefers-contrast`とAuto Dark Themeのエミュレート機能の追加。\nNetworkパネルにPayloadタブの追加、試験的にReporting APIパネルを追加など","tags":["Chrome","debug","article"],"relatedLinks":[]},{"date":"2021-11-23T13:33:35.036Z","title":"Release v6.0.0 · sindresorhus/execa","url":"https://github.com/sindresorhus/execa/releases/tag/v6.0.0","content":"execa 6.0.0リリース。\nESMのみのサポートに変更、default exportを削除しnamed exportに変更など","tags":["node.js","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-11-23T13:38:33.652Z","title":"Migrating from Puppeteer to Playwright | Checkly","url":"https://www.checklyhq.com/guides/puppeteer-to-playwright/","content":"PuppeteerからPlaywrightの移行方法についての記事。\nAPIの対応表、マイグレーション方法、Playwrightのauto-waiting、二つの違いについてなど","tags":["browser","testing","Tools","article"],"relatedLinks":[]},{"date":"2021-11-23T13:41:10.015Z","title":"Bun - fast JavaScript & CSS bundler","url":"https://bun.sh/","content":"Zigで書かれたJavaScript/TypeScript/CSSに対応したTranspiler/Bundlerツール","tags":["babel","webpack","Tools"],"relatedLinks":[]},{"date":"2021-11-23T13:44:47.285Z","title":"Release v4.0.0 · emberjs/ember.js","url":"https://github.com/emberjs/ember.js/releases/tag/v4.0.0","content":"Ember 4.0.0リリース","tags":["Ember","ReleaseNote"],"relatedLinks":[{"title":"Ember 3.28 and 4.0 Beta Released","url":"https://blog.emberjs.com/ember-3-28-released"}]},{"date":"2021-11-23T14:05:43.288Z","title":"d-kimuson/type-predicates-generator: generating predicates and assertion function by type definitions.","url":"https://github.com/d-kimuson/type-predicates-generator","content":"TypeScriptのコードからtype predicatesをするassertion関数を生成するツール","tags":["TypeScript","library","Tools"],"relatedLinks":[{"title":"TypeScriptの型定義から型ガードを自動生成する type-predicates-generator の紹介","url":"https://zenn.dev/kimuson/articles/type_predicates_generator"}]},{"date":"2021-11-24T22:54:06.556Z","title":"Release 3.0.0 · emscripten-core/emscripten","url":"https://github.com/emscripten-core/emscripten/releases/tag/3.0.0","content":"Emscripten 3.0.0リリース","tags":["WebAssembly","ReleaseNote","LLVM"],"relatedLinks":[]},{"date":"2021-11-26T12:15:38.405Z","title":"Prettier 2.5: TypeScript 4.5 and MDX v2 comment syntax! · Prettier","url":"https://prettier.io/blog/2021/11/25/2.5.0.html","content":"Prettier 2.5リリース。\nTypeScript 4.5のサポート、MDX v2のコメント構文をサポート、HTMLの`class`属性を複数行に整形していたのを1行に戻す変更など","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2021-11-26T12:38:02.919Z","title":"Release 8.4 “President Camio” · postcss/postcss","url":"https://github.com/postcss/postcss/releases/tag/8.4.0","content":"PostCSS 8.4リリース。\nWarningとErrorにRangeを指定できるように、プラグインが指定されていない場合にパース処理を実際にアクセスするまで遅延させるように。\nパッケージサイズの削減など","tags":["CSS","JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2021-11-26T12:41:30.116Z","title":"Release v9.1.0 · GoogleChrome/lighthouse","url":"https://github.com/GoogleChrome/lighthouse/releases/tag/v9.1.0","content":"Lighthouse v9.1.0リリース。\nNext.js向けのauditを追加など","tags":["Chrome","performance","Tools","ReleaseNote"],"relatedLinks":[{"title":"feat: Add Stack Pack for Next.js by kyliau · Pull Request #66 · GoogleChrome/lighthouse-stack-packs","url":"https://github.com/GoogleChrome/lighthouse-stack-packs/pull/66"}]},{"date":"2021-11-28T01:08:59.680Z","title":"postcss-rs/postcss-rs: 🚀 Fast and 100% API compatible postcss replacer, built in Rust","url":"https://github.com/postcss-rs/postcss-rs","content":"PostCSSのRust実装","tags":["PostCSS","Rust"],"relatedLinks":[]},{"date":"2021-11-28T03:20:28.783Z","title":"Release 12.0.0 · puppeteer/puppeteer","url":"https://github.com/puppeteer/puppeteer/releases/tag/v12.0.0","content":"Puppeteer 12.0.0リリース。\nChromium 97.0.4692.0へアップデート、Firefoxで`userDataDir`の指定をサポートなど","tags":["Chrome","Firefox","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-11-28T07:58:46.776Z","title":"Deno のこれまでとこれから JSConf JP 2021","url":"https://kt3k.github.io/talk_jsconfjp2021/#1","content":"Denoの設計や採用事例についてのスライド。\nまた現在進めているNode.js互換モードについて。","tags":["deno","node.js","slide"],"relatedLinks":[{"title":"Improve Node Compat Mode · Issue #12577 · denoland/deno","url":"https://github.com/denoland/deno/issues/12577"}]},{"date":"2021-11-30T00:51:39.645Z","title":"Release v6.4.0 · storybookjs/storybook","url":"https://github.com/storybookjs/storybook/releases/tag/v6.4.0","content":"Storybook 6.4.0リリース。\nInteractions stories、ESLintプラグインの追加など","tags":["JavaScript","debug","Tools","ReleaseNote"],"relatedLinks":[{"title":"storybook/addons/interactions at next · storybookjs/storybook","url":"https://github.com/storybookjs/storybook/tree/next/addons/interactions"},{"title":"storybookjs/eslint-plugin-storybook: Official ESLint plugin for Storybook","url":"https://github.com/storybookjs/eslint-plugin-storybook"}]},{"date":"2021-11-30T00:59:34.161Z","title":"Release v5.0.0 · chalk/chalk","url":"https://github.com/chalk/chalk/releases/tag/v5.0.0","content":"Chalk 5.0.0リリース。\npure ESMに変更、default exportからnamed exportへ変更。\nまた、`keyword()`/`hsl()`/`hsv()`/`hwb()`/`ansi()`を削除、Template Literalを`chalk-template`パッケージに移行など","tags":["node.js","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-11-30T01:11:20.862Z","title":"CI 環境でのユニットテストの実行時間を2倍速くした話 (Jest + Mongo DB + Circle CI) - ミツモア Tech blog","url":"https://engineering.meetsmore.com/entry/2021/01/21/134930","content":"Jestでのユニットテストの実行時間の削減についての記事。\nテストの並列化、変更したファイルのみをテスト、Worker単位でのDBの初期化、CIでキャッシュについて","tags":["node.js","jest","testing","article"],"relatedLinks":[]},{"date":"2021-11-30T01:51:12.682Z","title":"Publish ESM and CJS in a single package","url":"https://antfu.me/posts/publish-esm-and-cjs","content":"CommonJSとESMのデュアルフォーマットでのパッケージ公開について。\n`package.json`の`exports`フィールドでの使い分け、tsupとunbuildのビルドについて。\nESMでは利用できないCommonJSの`__dirname`などの補完方法について","tags":["node.js","CommonJS","ECMAScript","module","article"],"relatedLinks":[]},{"date":"2021-11-30T02:42:17.649Z","title":"Tamagui — React Native + Web UI kit","url":"https://tamagui.dev/","content":"React NativeとWebに対応したスタイリングライブラリ。\nPropsでスタイルを渡し、コンパイル時にはAtomic CSSが生成されて、コンポーネントにはクラス名が指定される。","tags":["React","CSS","Design","Tools","library"],"relatedLinks":[]},{"date":"2021-11-30T02:58:10.894Z","title":"berstend/node-safe: 🤠 Make using Node.js safe again with Deno-like permissions","url":"https://github.com/berstend/node-safe","content":"macOSのsandbox機能を利用してDenoライクなSandboxの仕組みを実装したNodeの実行ツール。\n`--allow-read`、`--allow-net`など許可リストを指定してスクリプト実行やnpm/yarn/npxにも対応している。","tags":["node.js","macOS","security","deno","library","Tools"],"relatedLinks":[]},{"date":"2021-11-30T03:16:23.363Z","title":"New – Real-User Monitoring for Amazon CloudWatch | AWS News Blog","url":"https://aws.amazon.com/jp/blogs/aws/cloudwatch-rum/","content":"CloudWatchでRUMを取得できるサービスがリリースされた。\nJavaScriptのタグを埋め込むことで、Web Vitalsなどのメトリクスデータなどを取得できる。","tags":["aws","webservice","performance","article"],"relatedLinks":[{"title":"aws-observability/aws-rum-web: Amazon CloudWatch RUM Web Client","url":"https://github.com/aws-observability/aws-rum-web"}]},{"date":"2021-11-30T20:57:27.718Z","title":"primo-af/primo: a simpler, all-in-one way to develop and manage websites","url":"https://github.com/primo-af/primo","content":"静的なサイトを管理、開発するためのCMSアプリ。\nSvelteベースで作られていて、デスクトップアプリでサイトを編集ができ、バックエンドはSupabaseベースのものが公開されている。","tags":["Svelte","CMS","OpenSource","software"],"relatedLinks":[]},{"date":"2021-12-01T15:12:30.320Z","title":"Node v17.2.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v17.2.0/","content":"Node.js 17.2.0リリース。\n`async_hooks`モジュールに`asyncWrapProviders`を追加、AbortSignalに`reason`を追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2021-12-04T14:04:52.478Z","title":"Rust + Node-APIでクロスプラットフォーム向けnpmパッケージを公開する - 別にしんどくないブログ","url":"https://shisama.hatenablog.com/entry/2021/12/03/054437","content":"napi-rsを使ったRustで書いたコードをNode.jsのnative modulesとして利用する方法について。\nアーキテクチャごとのバイナリをpublishしoptionalDependenciesとして定義することで、`postinstall`を不要にする方法について。","tags":["Rust","node.js","article"],"relatedLinks":[]},{"date":"2021-12-04T14:06:40.810Z","title":"denoland/dnt: Deno to npm package build tool.","url":"https://github.com/denoland/dnt","content":"Deno向けに書かれたモジュールをNode.jsで利用できるように変換するツール。","tags":["deno","node.js","Tools","library"],"relatedLinks":[{"title":"dnt というツールについて - Qiita","url":"https://qiita.com/kt3k/items/8947fddc9f580ba32307"}]},{"date":"2021-12-05T08:19:31.111Z","title":"The 2021 Web Almanac","url":"https://almanac.httparchive.org/en/2021/","content":"HTTP Archiveのデータ元にしたレポートであるWeb Almanacの2021年版。\nブラウザのテクノロジーやウェブの状態を確認できるレポート","tags":["book","browser","HTTP"],"relatedLinks":[]},{"date":"2021-12-06T06:55:31.501Z","title":"JSConf JP 2021 Track A - YouTube","url":"https://www.youtube.com/playlist?list=PL42hYWKFRfN7cg6c3uM4_tAxbybVzG3ao","content":"JSConf JP 2021の動画一覧","tags":["JavaScript","Conference","video"],"relatedLinks":[{"title":"JSConf JP 2021 Track B - YouTube","url":"https://www.youtube.com/playlist?list=PL42hYWKFRfN7XWswj9wcC0j4191KNJuO3"},{"title":"JSConf JP 2021 Track C - YouTube","url":"https://www.youtube.com/playlist?list=PL42hYWKFRfN4l-KXE-2xzy95dRKPtCg0V"},{"title":"JSConf JP","url":"https://jsconf.jp/2021/"}]},{"date":"2021-12-06T13:18:58.639Z","title":"Open Props: sub-atomic styles","url":"https://open-props.style/","content":"CSS custom propertiesを使ったライブラリ。","tags":["CSS","library"],"relatedLinks":[]},{"date":"2021-12-07T03:17:48.252Z","title":"react-router 作り方","url":"https://zenn.dev/stin/articles/how-to-develop-react-router","content":"react-routerが内部的に利用している`history`ライブラリを使ったルータの作り方についての記事","tags":["React","history","library","article"],"relatedLinks":[]},{"date":"2021-12-07T15:44:15.462Z","title":"重いサイトを軽くしろ！年末年始は #WebSpeedHackathon 2021 に挑戦しよう | CyberAgent Developers Blog","url":"https://developers.cyberagent.co.jp/blog/archives/32747/","content":"ウェブパフォーマンスを改善するハッカソン教材","tags":["performance","example","article"],"relatedLinks":[{"title":"CyberAgentHack/web-speed-hackathon-2021","url":"https://github.com/CyberAgentHack/web-speed-hackathon-2021"}]},{"date":"2021-12-08T02:54:46.118Z","title":"BuilderIO/mitosis: Write components once, run everywhere. Compiles to Vue, React, Solid, Angular, Svelte, and more.","url":"https://github.com/BuilderIO/mitosis","content":"JSXベースコンポーネントを定義し、それをReact/Angular/Vue/Solid/Svelteなどの各種フレームワークを使ったコードへと変換できるツール。\nUIフレームワークの中間言語","tags":["jsx","JavaScript","library"],"relatedLinks":[]},{"date":"2021-12-08T03:12:27.023Z","title":"Web Performance Calendar » HTTP compression","url":"https://calendar.perfplanet.com/2021/http-compression/","content":"ロスレスデータ圧縮の圧縮レベルと速度のバランスについて。\ngzip、brotli、zstd、圧縮レベルのトレードオフについて。\nまた、バイナリコンテンツの2重圧縮の問題などについて","tags":["HTTP","performance","article"],"relatedLinks":[]},{"date":"2021-12-08T03:16:14.081Z","title":"The Jamstack Book","url":"https://www.manning.com/books/the-jamstack-book","content":"2022年4月26日発売予定\nJamstackについての書籍","tags":["Jamstack","book"],"relatedLinks":[]},{"date":"2021-12-08T03:28:51.880Z","title":"Svelte Summit Fall 2021 - YouTube","url":"https://www.youtube.com/playlist?list=PL8bMgX1kyZTg2bI9IOMgfBc8lrU3v2itt","content":"Svelte Summit Fall 2021の動画まとめ","tags":["Svelte","video","Conference"],"relatedLinks":[{"title":"Svelte Summit Fall 2021","url":"https://card.zenn.dev/?url=https%3A%2F%2Fwww.youtube.com%2Fplaylist%3Flist%3DPL8bMgX1kyZTg2bI9IOMgfBc8lrU3v2itt"}]},{"date":"2021-12-08T03:32:18.759Z","title":"plentico/plenti: Static Site Generator with Go backend and Svelte frontend","url":"https://github.com/plentico/plenti","content":"SvelteとGo言語を使った静的サイトジェネレータ","tags":["Svelte","Tools","golang"],"relatedLinks":[]},{"date":"2021-12-08T03:44:14.589Z","title":"Online CSS Analyzer - Project Wallace","url":"https://www.projectwallace.com/analyze-css","content":"URLを指定してサイトが利用しているCSSを解析するツール。\nサイズ、セレクタ数、詳細度、色、フォントの指定などについての分析結果を表示する","tags":["CSS","Tools","webservice"],"relatedLinks":[]},{"date":"2021-12-08T03:53:01.478Z","title":"WebAssembly and Back Again: Fine-Grained Sandboxing in Firefox 95 - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2021/12/webassembly-and-back-again-fine-grained-sandboxing-in-firefox-95/","content":"Firefox 95に含まれるRLBoxというWebAssemblyを使ったSandboxの仕組みについて。\nプロセスの分離はオーバヘッドが大きくなりやすい。分離したいコードをWasmに変換し、Wasmをwasm2cでC言語に変換してネイティブコードへ変換し利用する。\nWasmを経由することで指定外のメモリ空間にアクセスできないことを保証している。","tags":["WebAssembly","security","article"],"relatedLinks":[]},{"date":"2021-12-09T01:08:50.115Z","title":"capricorn86/happy-dom: A jsdom alternative with support for server side rendering of web components.","url":"https://github.com/capricorn86/happy-dom","content":"JSDOMのようにNode.jsでDOM APIを利用できるようにする目的のライブラリ。\nサーバサイドレンダリング向けのパッケージも公開されている。","tags":["JavaScript","DOM","node.js","library"],"relatedLinks":[]},{"date":"2021-12-10T01:55:54.067Z","title":"Tailwind CSS v3.0 – Tailwind CSS","url":"https://tailwindcss.com/blog/tailwindcss-v3","content":"Tailwind CSS v3.0リリース。\nJust-in-Time Modeのエンジンを刷新、Box Shadow Colorの追加、CSS Scroll Snapのサポート、Multi-column layoutのサポートなど。","tags":["CSS","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-12-11T10:35:34.695Z","title":"Akryum/peeky: Test framework for curious minds 🐈️ Powered by Vite ⚡️","url":"https://github.com/Akryum/peeky","content":"Viteを使ったテストフレームワーク。\nテスト開発用のGUIをもっている","tags":["vite","testing","library"],"relatedLinks":[]},{"date":"2021-12-12T13:04:54.088Z","title":"Release 13.0.0 · puppeteer/puppeteer","url":"https://github.com/puppeteer/puppeteer/releases/tag/v13.0.0","content":"puppeteer 13.0.0リリース。\n`already-handled`のtypoを修正","tags":["Chrome","library","ReleaseNote"],"relatedLinks":[]},{"date":"2021-12-12T13:49:40.262Z","title":"Release Notes for Safari Technology Preview 136 | WebKit","url":"https://webkit.org/blog/12137/release-notes-for-safari-technology-preview-136/","content":"Safari Technology Preview 136リリース。\n`contain: paint`、`revert-layer`、`flex-basis: content`のサポート。\n`Temporal.Instant`の実装、WebExtensionのManigest V3をサポートなど","tags":["safari","ReleaseNote","WebExtension"],"relatedLinks":[]},{"date":"2021-12-12T14:20:47.522Z","title":"Improving CLS at BuzzFeed — Part 1 | BuzzFeed Tech","url":"https://tech.buzzfeed.com/improving-cumulative-layout-shift-at-buzzfeed-part-1-8b7ead2381dd","content":"BuzzFeedでのWeb Vitalsの計測と改善についての連載記事。\nRUMとSynthetic MonitingでのCLSスコアのモニタリング、RUMのログからCLSを発生させている要素の特定と修正、サードパーティの埋め込みコンテンツによるCLSの改善など","tags":["article","performance"],"relatedLinks":[{"title":"Improving CLS at BuzzFeed — Part 2 | BuzzFeed Tech","url":"https://tech.buzzfeed.com/improving-cumulative-layout-shift-at-buzzfeed-part-2-2a846adeb097"},{"title":"Improving CLS at BuzzFeed — Part 3 | BuzzFeed Tech","url":"https://tech.buzzfeed.com/improving-cumulative-layout-shift-at-buzzfeed-part-3-3a36240861e4"}]},{"date":"2021-12-12T14:26:50.322Z","title":"GitHub Actions: GitHub-hosted runners now run Node.js 16 by default | GitHub Changelog","url":"https://github.blog/changelog/2021-12-10-github-actions-github-hosted-runners-now-run-node-js-16-by-default/","content":"GitHub ActionsのNode.jsのデフォルトがNode.js 16に変更","tags":["Github","Actions","node.js","news"],"relatedLinks":[]},{"date":"2021-12-13T12:26:46.649Z","title":"New in Node.js: `node:` protocol imports","url":"https://2ality.com/2021/12/node-protocol-imports.html","content":"`node:` protocolでのNode.jsのビルトインモジュールの参照について。","tags":["node.js","article"],"relatedLinks":[]},{"date":"2021-12-14T22:22:07.728Z","title":"Release v5.0.0 · facebook/create-react-app","url":"https://github.com/facebook/create-react-app/releases/tag/v5.0.0","content":"create-react-app v5.0.0リリース。\nwebpack 5、Jest 27、ESLint 8、PostCSS 8へのアップデート。\ntailwind.config.jsのサポート、依存のバージョン固定を削除、Node 10と12のサポート終了など","tags":["React","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2021-12-14T22:56:52.481Z","title":"New WebKit Features in Safari 15.2 | WebKit","url":"https://webkit.org/blog/12140/new-webkit-features-in-safari-15-2/","content":"Safari 15.2の変更点について。\nWasmで利用可能なメモリが4GBに拡張、COOP/COEP HTTPヘッダをサポートし、crossOriginIsolated時はSharedArrayBuffer/Wasmスレッドが利用可能に。\nCanvasで`colorSpace: \"display-p3\"`をサポートなど","tags":["safari","ReleaseNote","WebAssembly"],"relatedLinks":[]},{"date":"2021-12-14T23:21:30.636Z","title":"Debug memory leaks with the Microsoft Edge Detached Elements tool - Microsoft Edge Blog","url":"https://blogs.windows.com/msedgedev/2021/12/09/debug-memory-leaks-detached-elements-tool-devtools/","content":"MSEdgeの開発者ツールのDetached Elementsについて。\nDOMツリーから切り離された要素を一覧でき、DOMのメモリリークをデバッグできる機能。\n","tags":["MSEdge","debug","article"],"relatedLinks":[]},{"date":"2021-12-15T00:07:03.058Z","title":"Release 5.0.0 – ESM support, CSS Selectors Level 4 · css/csso","url":"https://github.com/css/csso/releases/tag/v5.0.0","content":"CSS minifyのCSSO 5.0.0リリース。\nCSS Selectors Level 4のサポート、ESMとCJSでのdual moduleに変更など","tags":["CSS","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2021-12-16T14:10:41.527Z","title":"Release v8.3.0 · npm/cli","url":"https://github.com/npm/cli/releases/tag/v8.3.0","content":"npm 8.3.0リリース。\n`overrides`フィールドでのパッケージの依存バージョンの上書きをサポートなサポートなど","tags":["npm","ReleaseNote"],"relatedLinks":[{"title":"rfcs/0036-overrides.md at main · npm/rfcs","url":"https://github.com/npm/rfcs/blob/main/accepted/0036-overrides.md"}]},{"date":"2021-12-16T14:15:29.421Z","title":"Release 3.20.0 - 2021.12.16 · zloirock/core-js","url":"https://github.com/zloirock/core-js/releases/tag/v3.20.0","content":"core-js 3.20.0リリース。\n`structuredClone`と`DOMException`の実装、Stage 3の`Array.prototype.groupByToMap`のサポート。\nStage 1の`String.cooked`、Stage 0の`Function.prototype.unThis`と`Function.{isCallable, isConstructor}`のサポートなど","tags":["JavaScript","polyfill","ReleaseNote"],"relatedLinks":[]},{"date":"2021-12-18T02:50:24.910Z","title":"Turborepo","url":"https://turborepo.org/","content":"monorepoのビルドツール。\nインクリメンタルビルド、ビルドキャッシュ、リモートキャッシングなどの機能を持っている。\n","tags":["Tools","monorepo","npm"],"relatedLinks":[{"title":"vercel/turborepo: The High-performance Build System for JavaScript & TypeScript Codebases","url":"https://github.com/vercel/turborepo"},{"title":"Vercel acquires Turborepo to accelerate build speed and improve developer experience – Vercel","url":"https://vercel.com/blog/vercel-acquires-turborepo"}]},{"date":"2021-12-18T14:08:22.066Z","title":"Deno 1.17 Release Notes","url":"https://deno.com/blog/v1.17","content":"Deno 1.17リリース。\nImport assertionsのサポート、リモートモジュールの型チェックをスキップする`--no-check=remote`の追加、`AbortSignal#throwIfAborted`のサポート。\nまた、`Deno.test`のoverloads APIを追加、`--watch`フラグで外部ファイルのWatchをサポート。\nUnstableとして`Deno.connectTls()`がALPNの指定をサポート、timerがプログラムの終了をブロックさせなくする`Deno.unrefTimer`の追加など。","tags":["deno","ReleaseNote"],"relatedLinks":[]},{"date":"2021-12-18T14:29:22.542Z","title":"The State of CSS 2021","url":"https://2021.stateofcss.com/","content":"CSSについて開発者アンケートであるThe State of CSS 2021が公開された。\nCSSの機能、Pre/Post Processors、フレームワーク、CSS in JS、ツールやリソースなどの項目ごとのアンケート結果が公開されている","tags":["CSS","Survey"],"relatedLinks":[]},{"date":"2021-12-19T03:38:39.698Z","title":"Web Performance Calendar » CSS me not","url":"https://calendar.perfplanet.com/2021/css-me-not/","content":"CSSファイルの肥大化を避けるために不要なCSSを検知する方法について。\nCSSファイルの読み込みをToggleするブックマークレット、Chrome開発者ツールのCoverageツール、UnCSSで各セレクタに`background-image`のログを仕込む方法について。","tags":["CSS","performance","article"],"relatedLinks":[]},{"date":"2021-12-19T12:15:27.164Z","title":"t12t/a11y-components","url":"https://github.com/t12t/a11y-components","content":"アクセッシブルなコンポーネントについてのリンク集","tags":["UI","accessibility","links"],"relatedLinks":[]},{"date":"2021-12-19T12:16:31.010Z","title":"React Conf 2021 Recap – React Blog","url":"https://reactjs.org/blog/2021/12/17/react-conf-2021-recap.html","content":"React Conf 2021の動画まとめ","tags":["React","video","Conference"],"relatedLinks":[]},{"date":"2021-12-19T13:25:39.448Z","title":"Shopify/react-native-skia: High-performance React Native Graphics using Skia","url":"https://github.com/Shopify/react-native-skia","content":"React Native向けのSkia bindingライブラリ","tags":["React","iOS","Android"],"relatedLinks":[]},{"date":"2021-12-20T10:15:24.294Z","title":"Updates from the 87th meeting of TC39 - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/hemanth/updates-from-the-87th-meeting-of-tc39-44e4","content":"2021年12月のTC39 MeetingによるECMAScriptのProposalステータスの変更点まとめ","tags":["ECMAScript","article","news"],"relatedLinks":[]},{"date":"2021-12-20T10:41:58.863Z","title":"quick-lint/quick-lint-js: quick-lint-js finds bugs in JavaScript programs","url":"https://github.com/quick-lint/quick-lint-js","content":"C++で書かれたJavaScriptのLintツール","tags":["JavaScript","ESLint","C++","Tools"],"relatedLinks":[{"title":"Faster, easier, friendlier: how quick-lint-js will take over ESLint","url":"https://quick-lint-js.com/blog/version-1.0/"}]},{"date":"2021-12-20T10:48:07.691Z","title":"Deep-copying in JavaScript using structuredClone","url":"https://web.dev/structured-clone/","content":"`structuredClone`でのdeep cloneについて。\nshallow cloneとの比較、`structuredClone`でコピーできないデータの制限について。","tags":["JavaScript","DOM","API","article"],"relatedLinks":[]},{"date":"2021-12-21T06:53:25.996Z","title":"Ember 4.0 released","url":"https://blog.emberjs.com/ember-4-0-released/","content":"Ember 4.0リリース。\n新しい機能追加ではなく、非推奨の機能を削除するメジャーアップデート。\n3.xで非推奨となったAPIの削除、Ember CLIに`--ci-provider`のフラグを追加しデフォルトをGitHub Actionsに変更など","tags":["Ember","ReleaseNote"],"relatedLinks":[]},{"date":"2021-12-21T12:50:12.854Z","title":"facebookincubator/infima: A UI framework that provides websites with the minimal CSS and JS needed to get started with building a modern responsive beautiful website","url":"https://github.com/facebookincubator/infima","content":"Docusaurusで開発されているCSSフレームワーク\n","tags":["CSS","library","UI"],"relatedLinks":[]},{"date":"2021-12-28T14:00:05.372Z","title":"ステップアップJavaScript フロントエンド開発の初級から中級へ進むために（サークルアラウンド株式会社 佐藤 正志 小笠原 寛）｜翔泳社の本","url":"https://www.shoeisha.co.jp/book/detail/9784798169835","content":"2022年1月14日発売","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2021-12-28T14:09:28.079Z","title":"zthxxx/react-dev-inspector: jump to local IDE code directly from browser React component by just a simple click","url":"https://github.com/zthxxx/react-dev-inspector","content":"Reactコンポーネントにデバッグ情報を埋め込んで、ブラウザから直接エディタでコンポーネントを開くツール。\nBabelやwebpack、Viteなどのプラグインとして変換できる","tags":["React","debug","Tools","library"],"relatedLinks":[]},{"date":"2021-12-29T15:10:23.305Z","title":"unjs/mlly: 🤝 Missing ECMAScript module utils for Node.js","url":"https://github.com/unjs/mlly","content":"ECMAScript ModulesのUtilityライブラリ。\n`resolve`や`import()`でインポートできるモジュール名の判定、CommonJSで利用できた`__dirname`などのpolyfill","tags":["ECMAScript","node.js","library","polyfill"],"relatedLinks":[]},{"date":"2021-12-29T15:35:30.646Z","title":"Rust + wasmでJS向けの形態素解析ライブラリを作ってnpmで公開する","url":"https://zenn.dev/higumachan/articles/a42f1ee50bbb8d","content":"wasm-packを使ってRustライブラリをWasmに変換して利用するNode.jsライブラリを公開する方法について","tags":["Rust","npm","WebAssembly","article"],"relatedLinks":[]},{"date":"2021-12-29T15:46:53.731Z","title":"Node.jsのネイティブES Modulesサポートが抱える問題を解決するBabelプラグインを書いた","url":"https://zenn.dev/qnighy/articles/6267716578c76d","content":"ESMとCJS間のinteropを扱うBabelプラグインとコマンドラインツール。\nNode.jsのネイティブESMサポートは`__esModule`を扱わないため、Babelなどで変換されたCJSを扱うときに違いが発生する。この違いを吸収する目的のツール","tags":["node.js","ECMAScript","module","babel"],"relatedLinks":[{"title":"qnighy/node-cjs-interop: Babel plugin and helper functions for interoperation between Node.js native ESM and Babel ESM","url":"https://github.com/qnighy/node-cjs-interop"}]},{"date":"2021-12-30T01:44:01.096Z","title":"CSS in 2022 – Bram.us","url":"https://www.bram.us/2021/12/27/css-in-2022/","content":"2022年にブラウザがサポートしそうなCSSの機能紹介。\nContainer Queries、Cascade Layers、Color Functions、新しいViewport Units、`:has()`、` overscroll-behavior`。\nSubgrid、`accent-color`、Media Queryでの比較演算子など。\nまた、実験的な段階ものとしてNesting、`@scope`、`@when`、`@else`、Scroll-Linked Animations、`@property`などについても紹介している。","tags":["CSS","article"],"relatedLinks":[]},{"date":"2021-12-30T01:49:37.068Z","title":"ECMAScript2020言語仕様　私的日本語訳","url":"https://xn--ecmascript2020-tt9vf572amitfjlc.com/","content":"ECMAScript 2020の仕様書の翻訳","tags":["ECMAScript","spec","translate","document"],"relatedLinks":[{"title":"ECMAScript仕様輪読会 #1 - esspec","url":"https://scrapbox.io/esspec/ECMAScript%E4%BB%95%E6%A7%98%E8%BC%AA%E8%AA%AD%E4%BC%9A_%231"}]},{"date":"2021-12-30T09:46:10.665Z","title":"Node.js と ID について - Qiita","url":"https://qiita.com/martinheidegger/items/425112e84f7c12148d90","content":"衝突しないIDやIDの生成についての記事。\nUUIDv4は衝突しないが、ID自体が長く、ソートに対応していない。\n時間軸を短く区切った時に衝突しにくくソート可能なUUIDv6とULIDについて。\nまた、人にとって読みやすいIDの生成やユーザーが定義するIDについて","tags":["node.js","article","JavaScript","algorithm"],"relatedLinks":[]},{"date":"2021-12-30T11:52:35.748Z","title":"Aslemammad/vite-plugin-cloudflare: 🔥Building Cloudflare workers is faster and easier using vite-plugin-cloudflare with node builtins like process and stream","url":"https://github.com/Aslemammad/vite-plugin-cloudflare","content":"Viteとminiflareを使ったCloudflare Workersの開発ツール","tags":["vite","cloudflare","Tools","library"],"relatedLinks":[]},{"date":"2022-01-02T00:10:52.984Z","title":"jasmine/4.0.0.md at main · jasmine/jasmine","url":"https://github.com/jasmine/jasmine/blob/main/release_notes/4.0.0.md","content":"Jasmine 4.0.0リリース\nES2017+をもつ実行環境のサポートとなるためIEのサポートを終了、RubyとPythonのパッケージは開発を終了など。\n`beforeAll`と`beforeEach`のエラーハンドリングの改善、globalにAPIを追加しない`noGlobals()`を追加など","tags":["jasmine","JavaScript","testing","library","ReleaseNote"],"relatedLinks":[{"title":"Upgrading_to_jasmine_4.0","url":"https://jasmine.github.io/tutorials/upgrading_to_Jasmine_4.0"}]},{"date":"2022-01-02T00:22:40.795Z","title":"What's new in Svelte: January 2022","url":"https://svelte.dev/blog/whats-new-in-svelte-january-2022","content":"開発中のSvelteKitの変更点について。\n`precompress`オプションでのbrotli圧縮のサポート、`config.kit.prerender.concurrency`オプションを追加、CSSをJSより優先してpreloadするように。\nVite 2.7へのアップデート、設定を変更したときにサーバを自動的に再起動するようになるなど","tags":["Svelte","ReleaseNote"],"relatedLinks":[]},{"date":"2022-01-02T07:14:10.787Z","title":"vitebook/vitebook: 🔥 Blazing fast alternative to Storybook. Powered by Vite.","url":"https://github.com/vitebook/vitebook","content":"ViteベースのStorybookの代替実装","tags":["vite","debug","Tools"],"relatedLinks":[]},{"date":"2022-01-04T14:38:47.501Z","title":"helmet/CHANGELOG.md at main · helmetjs/helmet","url":"https://github.com/helmetjs/helmet/blob/main/CHANGELOG.md#500---2022-01-02","content":"helmet 5.0.0リリース。\nECMAScript Modules対応、\n`contentSecurityPolicy`オプションのデフォルト値を変更。\nCOEP、COOP、CORP、Origin-Agent-Clusterヘッダをデフォルトで有効化","tags":["node.js","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-01-05T05:08:02.784Z","title":"Release AVA 4 · avajs/ava","url":"https://github.com/avajs/ava/releases/tag/v4.0.0","content":"AVA 4リリース。\n`worker_threads`を使った並列実行をデフォルト化、\nShared workersをStableに変更。\n親ディレクトリの`ava.config.*`ファイルを探索するように、Snapshotのフォーマット変更、前回失敗したテストファイルを最初にテストするように、ESMサポートなど。","tags":["node.js","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-01-05T07:18:48.325Z","title":"Ember 4.1 Released","url":"https://blog.emberjs.com/ember-4-1-released/","content":"Ember 4.1リリース。\n`@ember/service`が`service`をexportするように、`RouterService`に`refresh`を追加、`@cached`の有効化など。\nまた、`AutoLocation`クラスを非推奨化など","tags":["Ember","ReleaseNote"],"relatedLinks":[]},{"date":"2022-01-05T14:52:41.619Z","title":"ブラウザバック時の表示を最適化する Yahoo!ニュースの取り組み事例 - Yahoo! JAPAN Tech Blog","url":"https://techblog.yahoo.co.jp/entry/2022010530253635/","content":"ブラウザバックかどうかを判定して処理する方法とBFCacheを使ってブラウザバックされたかを判定して処理する方法について。\nバック時のスクロール位置の保存、BFCacheが有効となる条件、BFCacheにおけるログの問題などについて","tags":["JavaScript","article","browser"],"relatedLinks":[]},{"date":"2022-01-05T15:03:48.317Z","title":"Release 1.2.0-beta.0 · vercel/swr","url":"https://github.com/vercel/swr/releases/tag/1.2.0-beta.0","content":"React向けのQueryライブラリであるSWR 1.2.0 betaリリース。\n`mutate`に即時的な更新をする`optimisticData`とエラーが発生した場合にロールバックする`rollbackOnError`オプションの追加など","tags":["React","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-01-05T15:25:25.248Z","title":"DioxusLabs/dioxus: Elegant React-like library for building user interfaces for desktop, web, mobile, SSR, liveview, and more.","url":"https://github.com/dioxuslabs/dioxus","content":"RustでReactライクな宣言的なUI表現を持ったUIフレームワーク。\nRSX!マクロを使った宣言的なUI表現、React HooksライクなAPIを持つ。\nブラウザ向けにはWasmに変換し利用し、デスクトップやモバイルなどはWebViewとネイティブのRustを元に動作する。","tags":["Rust","React","library"],"relatedLinks":[{"title":"Introduction - Dioxus Documentation","url":"https://dioxuslabs.com/guide/"}]},{"date":"2022-01-06T01:21:34.570Z","title":"ざっくりつかむ　CSS設計 | マイナビブックス","url":"https://book.mynavi.jp/ec/products/detail/id=126973","content":"CSS設計手法やツールについての書籍","tags":["CSS","book"],"relatedLinks":[]},{"date":"2022-01-06T07:59:46.038Z","title":"parcel/CHANGELOG.md at v2 · parcel-bundler/parcel","url":"https://github.com/parcel-bundler/parcel/blob/v2/CHANGELOG.md#210---2021-01-05","content":"Parcel 2.1.0リリース。\n`node_modules`をデフォルトでtranspileするように変更。\nSharedArrayBufferを使ったグラフデータ構造に書き換えパフォーマンスの改善、開発時は遅延コンパイルすることでパフォーマンス改善、HMRのバグ修正など","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2022-01-06T08:07:02.443Z","title":"solid/CHANGELOG.md at main · solidjs/solid","url":"https://github.com/solidjs/solid/blob/main/CHANGELOG.md#130---2021-1-5","content":"Solid 1.3.0リリース。\n`renderToStream` APIを追加し、HTML Streamingの対応、Error BoundariesをSSR時でも機能するように。\n`hydrate`関数が`renderId`をサポートし、複数のSolidアプリをそれぞれhydrateできるように、`createReaction` APIの追加など。\nまた実験的なAPIとして、`enableExternalSource`、`refetchResources`の追加など","tags":["JavaScript","React","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-01-06T08:37:26.437Z","title":"Vite in the browser - ‹div›RIOTS","url":"https://divriots.com/blog/vite-in-the-browser","content":"ブラウザ上でViteを動かすbrowser-viteの仕組みについて。\nHTTP serverをService Workerベースに変更、ファイルシステムの依存を削除しin-memoryで動かすように、Bundlerの仕組みをプラグインでサーバへ移動、クロスブラウザ対応。\nHMRで使われていたWebSocketsをpostMessageベースに変更などを行い、ブラウザ上でViteを動かしているという話。\nNode.jsをブラウザで動かすWebContainersとは異なり、Firefox/Chrome/Safariで動作するようになっている。","tags":["vite","browser","article"],"relatedLinks":[{"title":"divriots/browser-vite: Vite in the browser.","url":"https://github.com/divriots/browser-vite"}]},{"date":"2022-01-07T09:51:59.775Z","title":"AntoineW/luge: Luge","url":"https://github.com/AntoineW/luge","content":"HTMLに属性を指定することでアニメーションできるライブラリ","tags":["CSS","JavaScript","library","animation"],"relatedLinks":[]},{"date":"2022-01-07T10:19:03.468Z","title":"shiguredo/media-processors: Media Processors","url":"https://github.com/shiguredo/media-processors","content":"背景ぼかしやノイズ抑制など処理をブラウザで行うライブラリ","tags":["JavaScript","browser","video","audio","library"],"relatedLinks":[]},{"date":"2022-01-07T15:43:20.996Z","title":"Improving Core Web Vitals, A Smashing Magazine Case Study","url":"https://www.smashingmagazine.com/2021/12/core-web-vitals-case-study-smashing-magazine/","content":"Core Web Vitalsの改善とCrUXのメトリクスを掘り下げた記事。\nLCPなどを改善したが、CrUXのデータが改善されなかった点を掘り下げていき、特定地域のデータによって統計データが歪んでいたことを特定した方法について。\nCDNがカバーしきれてない地域などが問題となっていたため、`SaveData`ヘッダと`prefers-reduced-data`を元にWeb Fontのロードを減らした話。","tags":["performance","article"],"relatedLinks":[]},{"date":"2022-01-10T05:22:05.814Z","title":"2021 JavaScript Rising Stars","url":"https://risingstars.js.org/2021/en","content":"JavaScript関係のツールやライブラリなどの2021年のGitHub Starでのランキング。\n各カテゴリごとのランキングやコメントも合わせて紹介されている。","tags":["JavaScript","library","Tools","article","Github"],"relatedLinks":[{"title":"JavaScript ライジングスター 2021","url":"https://risingstars.js.org/2021/ja"}]},{"date":"2022-01-10T12:58:13.888Z","title":"Container Queries | 12 Days of Web","url":"https://12daysofweb.dev/2021/container-queries/","content":"CSS Container queryの定義、利用方法、ユースケースについて","tags":["CSS","article"],"relatedLinks":[]},{"date":"2022-01-10T13:06:42.482Z","title":"New JavaScript features • JavaScript for impatient programmers (ES2022 edition)","url":"https://exploringjs.com/impatient-js/ch_new-javascript-features.html#new-in-es2022","content":"JavaScript for impatient programmers (ES2022 edition)リリース。\nES2022のPrivate/Public Fields、Top-level await、Error Cause。\nArrayとStringの`.at()`メソッド、RegExp match indices、`Object.hasOwn()`メソッドについて追加されている。","tags":["ECMAScript","book"],"relatedLinks":[]},{"date":"2022-01-10T13:34:34.372Z","title":"Introducing fuite: a tool for finding memory leaks in web apps | Read the Tea Leaves","url":"https://nolanlawson.com/2021/12/17/introducing-fuite-a-tool-for-finding-memory-leaks-in-web-apps/","content":"fuiteというメモリリークのデバッグツールについて。\nPuppeteerを使ってシナリオベースの操作をし、指定回数繰り返した結果のメモリリークを確認できる。\n実行時にBreak Pointを貼ってブラウザの処理を止め、Chrome DevToolsと接続して開発者ツールによってデバッグができる。","tags":["browser","debug","article","Tools"],"relatedLinks":[{"title":"nolanlawson/fuite: A tool for finding memory leaks in web apps","url":"https://github.com/nolanlawson/fuite"},{"title":"Fixing memory leaks in web applications | Read the Tea Leaves","url":"https://nolanlawson.com/2020/02/19/fixing-memory-leaks-in-web-applications/"},{"title":"Debugging a memory leak with fuite - YouTube","url":"https://www.youtube.com/watch?v=H0BHL2lo89M"}]},{"date":"2022-01-10T14:17:36.890Z","title":"Web Performance Calendar » JS Self-Profiling API In Practice","url":"https://calendar.perfplanet.com/2021/js-self-profiling-api-in-practice/","content":"JavaScript Self-Profiling APIについての解説記事。\nサンプリングされたプロファイルを取るAPIとなっていて、RUMのような実際のエンドユーザーでの実行結果を取得できる。\nDocument Policyでの有効化、APIの使い方、ユースケース、プロファイルのデータ形式と取得データの制限などについて。\nCORSに対応していないCross-Origin ScriptsのJavaScript関数は、プロファイル上では見えないことやJS以外のデータがプロファイルに入らない点などについて。","tags":["JavaScript","performance","article"],"relatedLinks":[{"title":"WICG/js-self-profiling: Proposal for a programmable JS profiling API for collecting JS profiles from real end-user environments","url":"https://github.com/WICG/js-self-profiling"}]},{"date":"2022-01-10T14:28:40.164Z","title":"mozilla/glean: Modern cross-platform telemetry","url":"https://github.com/mozilla/glean","content":"Rust/Kotlin/Swift/Python/JavaScript(ブラウザとブラウザ拡張とNode.js)/Qtに対応したクロスプラットフォームなTelemetry SDK","tags":["kotlin","swift","python","node.js","library","performance","Mozilla","Rust"],"relatedLinks":[]},{"date":"2022-01-11T02:09:33.375Z","title":"January 10th 2022 Security Releases | Node.js","url":"https://nodejs.org/en/blog/vulnerability/jan-2022-security-releases/","content":"Node.jsのセキュリティ修正が12.x, 14.x, 16.x, 17.x それぞれでリリースされている。\nSubject Alternative Name (SAN)に関する修正が2つ含まれていて、この修正は`--security-revert`フラグで戻すことができる。\nまた、Relative Distinguished Namesの扱いに関する修正や`console.table`のPrototype Pollutionの修正が含まれている","tags":["node.js","security","ReleaseNote"],"relatedLinks":[{"title":"Release 2022-01-10, Version 14.18.3 'Fermium' (LTS), @richardlau · nodejs/node","url":"https://github.com/nodejs/node/releases/tag/v14.18.3"}]},{"date":"2022-01-11T02:26:14.480Z","title":"Chromium Blog: Chrome 98 Beta: Color Gradient Vector Fonts, Region Capture Origin Trial, and More","url":"https://blog.chromium.org/2022/01/chrome-98-beta-color-gradient-vector.html","content":"Chrome 98 betaリリース。\nCOLRv1 Color Gradient Vector Fontsのサポート、Chromeのバージョン100をテストできるフラグの追加。\nOrigin Trialとして、Region Captureの追加。\nその他では、`contains-intrinsic-size: auto`のサポート、`AudioContext.outputLatency`のサポート、`color-scheme`での`only`のサポート。\n`structuredClone()`のサポート、SubresourcesからPrivate Networkへのアクセス時にPreflight Requestが求められるように変更など","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2022-01-11T02:56:34.237Z","title":"Frontend Web Performance: The Essentials [0] | by Matthew Costello | Dec, 2021 | Medium","url":"https://medium.com/@matthew.costello/frontend-web-performance-the-essentials-0-61fea500b180","content":"ウェブパフォーマンスやブラウザのレンダリングについての記事。\nChrome開発者ツールでLayout, Paint, Compositeとはどのようなレンダリングステップで行われているのかみていく記事。\nCSS Animationを例に、Chrome開発者ツールでそれぞれのレンダリングステップを可視化する方法について書かれている","tags":["browser","performance","debug","article"],"relatedLinks":[]},{"date":"2022-01-11T03:00:15.253Z","title":"colorsなどのnpmパッケージに悪意あるコードが含まれている問題について","url":"https://zenn.dev/azu/articles/d56615b2e11ad1","content":"colors.jsにDoS攻撃のコードを入れたものがpublishされていた問題について。\nnpmパッケージの直接的/間接的依存のチェック方法やYarnの`resolutions`、npm 8.3+の`overrides`でのバージョン固定方法について。","tags":["npm","security","article"],"relatedLinks":[]},{"date":"2022-01-12T11:32:28.083Z","title":"Release v5.66.0 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v5.66.0","content":"webpack 5.66.0リリース。\nNode.jsのESMからCJSをimportする際にnamed importできる形式で出力できる`libraryTarget: commonjs-static`を追加。\nCSSのネイティブサポートを目的とする実験的なフラグとして`experiments.css`を追加など","tags":["webpack","ReleaseNote"],"relatedLinks":[{"title":"webpack 5.66.0 add library type: commonjs-static","url":"https://gist.github.com/azu/eed67b26171fbb0643024ce3e1c85b35"}]},{"date":"2022-01-13T01:27:15.738Z","title":"Announcing Parcel CSS: A new CSS parser, compiler, and minifier written in Rust!","url":"https://parceljs.org/blog/parcel-css/","content":"Parcel 2.2.0で、Rustで書かれたCSS parser/compiler/minifierが導入された。\nパフォーマンスやCSSのminifyのサイズなどが改善されている。","tags":["JavaScript","CSS","bundler","ReleaseNote"],"relatedLinks":[{"title":"Release v2.2.0 · parcel-bundler/parcel","url":"https://github.com/parcel-bundler/parcel/releases/tag/v2.2.0"},{"title":"Parcel CSS: A New CSS Parser, Transformer, and Minifier, a New CSS Parser | CSS-Tricks - CSS-Tricks","url":"https://css-tricks.com/parcel-css/"}]},{"date":"2022-01-14T01:02:59.171Z","title":"A Visual Guide to useEffect | Alex Sidorenko","url":"https://alexsidorenko.com/blog/useeffect/","content":"Reactの`useEffect`の動きをビジュアライズした連載記事","tags":["React","article"],"relatedLinks":[]},{"date":"2022-01-14T12:38:14.542Z","title":"Understanding JavaScript Promises","url":"https://ebooks.humanwhocodes.com/promises","content":"Promisesについての書籍","tags":["Promises","book","JavaScript"],"relatedLinks":[]},{"date":"2022-01-14T13:12:00.737Z","title":"Discontinued Long Term Support for AngularJS | by Mark Thompson (@marktechson) | Jan, 2022 | Angular Blog","url":"https://blog.angular.io/discontinued-long-term-support-for-angularjs-cc066b82e65a","content":"2021年12月31日でAngularJS(1.x)のLTSが終了した。\nこれ以降、AngularJSのメンテナンスは行われなくなる。","tags":["Angular","JavaScript","news"],"relatedLinks":[]},{"date":"2022-01-15T12:45:12.923Z","title":"A brief introduction of vite-plugin-federation | by Vueshenzhen | Jan, 2022 | Medium","url":"https://medium.com/@vueshenzhen/a-brief-introduction-of-vite-plugin-federation-9e998b2e43b","content":"ViteでwebpackのModule Federationをするプラグインについて。\nwebpack側をremoteにして、webpackとの統合もできる。","tags":["vite","plugin","article"],"relatedLinks":[{"title":"originjs/vite-plugin-federation: Module Federation for vite & rollup","url":"https://github.com/originjs/vite-plugin-federation"}]},{"date":"2022-01-16T23:13:24.848Z","title":"fox1t/turborepo-remote-cache: open-source implementation of the Turborepo custom remote cache server.","url":"https://github.com/fox1t/turborepo-remote-cache","content":"Turboのremote cache serverのオープンソース実装","tags":["monorepo","node.js","server"],"relatedLinks":[]},{"date":"2022-01-17T02:46:05.891Z","title":"An update from the Faker team | Faker","url":"https://fakerjs.dev/update.html","content":"Faker.jsはコミュニティでのメンテナンスとなり`@faker-js/faker`としてForkされた。\nForkではVersion 6 alphaの開発を進めていて、TypeScriptに書き直し、ドキュメントサイトの公開されている。\nまた、Open Collectiveを使ったFundingについて","tags":["JavaScript","library","news"],"relatedLinks":[]},{"date":"2022-01-17T02:54:39.017Z","title":"Replit - Ace, CodeMirror, and Monaco: A Comparison of the Code Editors You Use in the Browser","url":"https://blog.replit.com/code-editors","content":"JavaScriptで書かれたコードエディタライブラリであるAce、Monaco、CodeMirror 6を比較した記事","tags":["JavaScript","editor","library","article"],"relatedLinks":[]},{"date":"2022-01-17T03:10:12.940Z","title":"Reactを取り巻く状態管理の潮流を学ぼう。HooksやServer Componentsなどの登場で何が変わるか - エンジニアHub｜Webエンジニアのキャリアを考える！","url":"https://eh-career.com/engineerhub/entry/2022/01/13/090000","content":"Reactの状態管理についての記事。\nReact外で管理するRedux/XState、React中で管理するRecoil、フロントの状態を一時的なキャッシュとして扱うQuery系のSWRやreact-queryについて","tags":["React","JavaScript","article"],"relatedLinks":[]},{"date":"2022-01-17T04:56:50.641Z","title":"JavaScriptのレガシー挙動を定めたAnnex Bをひたすら読む記事","url":"https://zenn.dev/qnighy/articles/1d96f2c0c662f6","content":"ECMAScriptの仕様書で互換性のために非推奨のものとして定義されているAnnex Bについて","tags":["ECMAScript","browser","spec","article"],"relatedLinks":[{"title":"Annex Bを読む、の補足と附録","url":"https://zenn.dev/qnighy/articles/550be3a1f42707"}]},{"date":"2022-01-17T05:13:39.608Z","title":"TypeScript解読アシスタント | TypeScript入門『サバイバルTypeScript』","url":"https://typescriptbook.jp/code-reading-assistant","content":"TypeScriptのコード中の構文の名前やリファレンスへのリンクを表示するツール","tags":["TypeScript","Tools","document"],"relatedLinks":[]},{"date":"2022-01-17T05:32:05.158Z","title":"ngneat/elf: 🧙‍♀️ A Reactive Store with Magical Powers","url":"https://github.com/ngneat/elf","content":"RxJSを使ったステート管理ライブラリ。\nAngularのAkitaの人が作っている。","tags":["JavaScript","library"],"relatedLinks":[{"title":"Welcome to elf Discussions! · Discussion #5 · ngneat/elf","url":"https://github.com/ngneat/elf/discussions/5#discussioncomment-1437521"}]},{"date":"2022-01-17T07:04:01.128Z","title":"Release Rhino 1.7.14 · mozilla/rhino","url":"https://github.com/mozilla/rhino/releases/tag/Rhino1_7_14_Release","content":"JavaでのJavaScript実装であるRhino 17.14リリース。\nPromiseの実装、BigIntの実装、Template Literalの実装、`String.raw`の実装、`globalThis`の実装、`**`演算子の実装など。\nまた、ES2019でのJSON supersetの変更やプロパティ名のショートハンドの対応なども含まれている。","tags":["Java","JavaScript","library"],"viaURL":"https://github.com/jser/ping/issues/167","relatedLinks":[]},{"date":"2022-01-17T09:02:43.895Z","title":"Announcing NAPI-RS v2 | NAPI-RS Docs","url":"https://napi.rs/blog/announce-v2","content":"RustでNodeのNative Modulesを書けるNAPI-RS v2リリース。\n`#[napi]`マクロ、TypeScriptの型定義とJavaScriptのバインディングファイルの生成、`async fn`の対応など","tags":["Rust","node.js","library","ReleaseNote"],"viaURL":"https://github.com/jser/ping/issues/167","relatedLinks":[]},{"date":"2022-01-17T09:30:27.619Z","title":"Form Validation Using JavaScript's Constraint Validation API","url":"https://blog.openreplay.com/form-validation-using-javascript-s-constraint-validation-api","content":"FormのHTML要素、CSS、JavaScriptでのバリデーションについての記事。","tags":["JavaScript","HTML","article"],"viaURL":"https://github.com/jser/ping/issues/167","relatedLinks":[]},{"date":"2022-01-18T02:36:08.126Z","title":"Release Eleventy v1.0.0: First! · 11ty/eleventy","url":"https://github.com/11ty/eleventy/releases/tag/v1.0.0","content":"静的サイトジェネレータであるEleventy v1.0.0リリース","tags":["Tools","ReleaseNote"],"viaURL":"https://github.com/jser/ping/issues/167","relatedLinks":[]},{"date":"2022-01-18T02:40:38.188Z","title":"Release v13.0.0 · facebook/relay","url":"https://github.com/facebook/relay/releases/tag/v13.0.0","content":"relay 13.0.0リリース。\nrelay-compilerをRustで書き直して、パフォーマンスの改善やディレクティブの追加。\nrelay-configの削除など","tags":["GraphQL","library","ReleaseNote"],"viaURL":"https://github.com/jser/ping/issues/167","relatedLinks":[{"title":"Introducing the new Relay compiler | Relay","url":"https://relay.dev/blog/2021/12/08/introducing-the-new-relay-compiler/"}]},{"date":"2022-01-18T11:22:04.102Z","title":"Release v0.25.0 · axios/axios","url":"https://github.com/axios/axios/releases/tag/v0.25.0","content":"axios 0.25.0リリース。","tags":["HTTP","JavaScript","library"],"viaURL":"https://github.com/jser/ping/issues/167","relatedLinks":[]},{"date":"2022-01-18T23:59:35.295Z","title":"WebAppPentestGuidelines/graphQLGuideLine","url":"https://github.com/WebAppPentestGuidelines/graphQLGuideLine","content":"GraphQLにおける脆弱性の診断ガイド。\nよくある問題としてIntrospection Queryが有効となっているケース、DoSとなるクエリ、レースコンディションなどについて解説している。\nまた診断や調査に使えるツールの紹介など","tags":["GraphQL","security","document"],"viaURL":"https://github.com/jser/ping/issues/167","relatedLinks":[]},{"date":"2022-01-19T12:14:20.877Z","title":"Node v17.4.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v17.4.0/","content":"Node.js 17.4.0リリース。\nEventEmitterとAsyncResourceを連携する`EventEmitterAsyncResource`を追加、ReadableStreamに`map`と`filter`を追加など","tags":["node.js","ReleaseNote"],"viaURL":"https://github.com/jser/ping/issues/167","relatedLinks":[{"title":"addaleax/eventemitter-asyncresource: AsyncResource integration for EventEmitter","url":"https://github.com/addaleax/eventemitter-asyncresource"}]},{"date":"2022-01-20T08:48:22.517Z","title":"Announcing React Native 0.67 · React Native","url":"https://reactnative.dev/blog/2022/01/19/version-067","content":"React Native 0.67リリース。\n`DatePickerAndroid`の削除、Hermes 0.9.0へアップデートなど","tags":["React","Native","ReleaseNote"],"relatedLinks":[]},{"date":"2022-01-21T01:33:12.079Z","title":"Structure and Interpretation of Computer Programs | The MIT Press","url":"https://mitpress.mit.edu/books/structure-and-interpretation-computer-programs-1","content":"2022年4月 発売\nSICPのJavaScript版","tags":["JavaScript","program","book"],"relatedLinks":[{"title":"sicp.comp.nus.edu.sg/","url":"https://sicp.comp.nus.edu.sg/"}]},{"date":"2022-01-21T12:57:33.179Z","title":"Deno 1.18 Release Notes","url":"https://deno.com/blog/v1.18","content":"Deno 1.18リリース。\nWeb Cryptography APIの実装、`deno.json`を自動で参照するように、Error Causeをスタックトレースに反映。\n`Deno.test`のstep APIがstableに、FFI APIの改善、V8 snapshotsの圧縮方法をV8 zlibからlzとzstdに変更して起動速度の改善など","tags":["deno","ReleaseNote"],"relatedLinks":[]},{"date":"2022-01-21T13:27:23.072Z","title":"Release Notes for Safari Technology Preview 138 | WebKit","url":"https://webkit.org/blog/12176/release-notes-for-safari-technology-preview-138/","content":"Safari Technology Preview 138リリース。\n`:focus-visible`、Media Queryの`resolution`、CSS Containmentをデフォルトで有効化。\nService Workerの`NavigationPreloadManager`を有効化、Service Workerを経由したファイルダウンロードをサポートなど","tags":["safari","webkit","ReleaseNote"],"relatedLinks":[]},{"date":"2022-01-21T13:41:49.504Z","title":"Vue 3 as the New Default | The Vue Point","url":"https://blog.vuejs.org/posts/vue-3-as-the-new-default.html","content":"2022年2月7日にVue 3が`vue@next`から`vue@latest`へと変更され、`vue`パッケージのStableバージョンとなる。\nこの変更に合わせてCDNでのlastestの参照先、ドキュメント、GitHubリポジトリも変更される。","tags":["Vue","news"],"relatedLinks":[]},{"date":"2022-01-22T04:14:28.978Z","title":"Release v5.67.0 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v5.67.0","content":"webpack 5.67.0リリース。\nAssertModuleに`outputPath`オプションの追加。\n`output.trustedTypes: true`の場合は`eval-source-map`でもTrusted Typesに対応したコードを出力するようになど","tags":["webpack","ReleaseNote"],"relatedLinks":[]},{"date":"2022-01-23T01:45:48.187Z","title":"npm: A Free Guide for Beginners | CSS-Tricks - CSS-Tricks","url":"https://css-tricks.com/a-complete-beginners-guide-to-npm/","content":"npmとは何か、基本的な使い方についての連載記事","tags":["npm","tutorial"],"relatedLinks":[]},{"date":"2022-01-23T01:53:53.134Z","title":"Vanilla List • The Vanilla JavaScript Repository","url":"https://vanillalist.top/","content":"依存がないライブラリのまとめサイト","tags":["npm","JavaScript","library","webservice"],"relatedLinks":[]},{"date":"2022-01-23T03:43:12.456Z","title":"mo.js","url":"https://mojs.github.io/","content":"図形の描画とアニメーションのライブラリ","tags":["JavaScript","animation","library"],"relatedLinks":[]},{"date":"2022-01-23T03:46:33.117Z","title":"tinyplex/tinybase: A tiny, reactive JavaScript library for structured state and tabular data.","url":"https://github.com/tinyplex/tinybase","content":"テーブル的なデータ構造の状態管理ライブラリ","tags":["JavaScript","database","library"],"relatedLinks":[]},{"date":"2022-01-23T12:14:48.775Z","title":"Remix vs Next.js | Remix","url":"https://remix.run/blog/remix-vs-next","content":"Next.jsのEコマースを例に、RemixとNext.jsを比較した記事。\nアーキテクチャの違い、CDN Edgeでの実行、データの更新についての比較など","tags":["JavaScript","React","article"],"relatedLinks":[]},{"date":"2022-01-23T13:02:58.420Z","title":"Mocking With Undici Like a Pro","url":"https://fusebit.io/blog/undici-mocking/","content":"Node.js向けのHTTPクライアントのUndiciのモックサポートについての記事。\n`MockAgent`使ったモックについて","tags":["JavaScript","testing","node.js","article"],"relatedLinks":[]},{"date":"2022-01-24T11:19:47.946Z","title":"Announcing TypeScript 4.6 Beta - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-6-beta/","content":"TypeScript 4.6 Betaリリース。\n型推論の改善がメインとなっている。再帰型、インターフェースへのインデックスアクセス、関数の引数における型推論の改善。\n`checkJs`が有効時に、JavaScriptの構文エラーのチェックを改善。\n`--generateTrace`で出力できるビルドのトレースデータを分析するための`@typescript/analyze-trace`パッケージの公開など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"@typescript/analyze-trace - npm","url":"https://www.npmjs.com/package/@typescript/analyze-trace"}]},{"date":"2022-01-24T23:34:59.340Z","title":"TypeScript: Cheat Sheets","url":"https://www.typescriptlang.org/cheatsheets","content":"TypeScriptの構文や型についてのチートシート。\nControl Flow Analysis、Interface、Type、 Classについて","tags":["TypeScript","cheatsheet"],"relatedLinks":[]},{"date":"2022-01-25T10:34:23.070Z","title":"webtoon/psd: A lightweight Adobe Photoshop .psd/.psb file parser in typescript with zero-dependency for WebBrowser and NodeJS","url":"https://github.com/webtoon/psd","content":"JavaScript製のPSD/PSBファイルパーサ。\nPSDファイルを読み込みPSDの画像とレイヤー情報などを取得、トラバース処理などができる。","tags":["JavaScript","photoshop","library"],"viaURL":"https://jserinfo.slack.com/archives/C017HJ3EJ6M/p1643105089012700","relatedLinks":[]},{"date":"2022-01-25T10:45:39.687Z","title":"DataDog/build-plugin: Track your build performances like never before.","url":"https://github.com/DataDog/build-plugin","content":"どのloader/plugin/依存関係などでビルド時間がかかっているかを表示するwebpackとesbuildのプラグイン。\nDatadogと連携する機能も持っている。","tags":["webpack","bundler","performance","plugin"],"viaURL":"https://jserinfo.slack.com/archives/C017HJ3EJ6M/p1643105089012700","relatedLinks":[]},{"date":"2022-01-26T03:15:26.317Z","title":"Ember v4 TypeScript Support Update","url":"https://blog.emberjs.com/ember-v4-typescript-support-update/","content":"EmberのTypeScriptの型定義について。\n現在は`@types`としてめんてなんすされていて、4.xの対応と変更点について。\nまた、TypeScriptの型定義をEmber自体に同梱することについての議論をしているという話。","tags":["Ember","TypeScript","article"],"viaURL":"https://jserinfo.slack.com/archives/C017HJ3EJ6M/p1643105089012700","relatedLinks":[{"title":"RFC: Official TypeScript support by chriskrycho · Pull Request #724 · emberjs/rfcs","url":"https://github.com/emberjs/rfcs/pull/724"}]},{"date":"2022-01-29T01:19:49.238Z","title":"ESLint v8.8.0 released - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2022/01/eslint-v8.8.0-released","content":"ESLint 8.8.0リリース。\nLint結果に`eslint-disable`で抑制されたメッセージを取得できる`suppressedMessages`プロパティの追加","tags":["ESLint","ReleaseNote"],"relatedLinks":[]},{"date":"2022-01-29T08:13:54.852Z","title":"How React server components work: an in-depth guide","url":"https://blog.plasmic.app/posts/how-react-server-components-work/","content":"React server components (RSC)の仕組みについての解説記事。\nReact server componentsとは何か、コンポーネントのシリアライズの仕組み、コンポーネントの取得とSuspense、RSCのデータ形式などについて","tags":["React","article"],"relatedLinks":[]},{"date":"2022-01-29T11:24:05.908Z","title":"Recoil 0.6 | Recoil","url":"https://recoiljs.org/blog/2022/01/28/0.6.0-release","content":"Recoil 0.6リリース。\nReact 18に対応、`useRecoilCallback()`のコールバックに`refresh`関数の追加など。\n破壊的な変更として、`effects_UNSTABLE`を`effects`にリネームなど","tags":["React","library","ReleaseNote"],"relatedLinks":[{"title":"Release 0.6.0 · facebookexperimental/Recoil","url":"https://github.com/facebookexperimental/Recoil/releases/tag/0.6.0"}]},{"date":"2022-01-29T14:18:59.905Z","title":"Release v2.0.0 · nightwatchjs/nightwatch","url":"https://github.com/nightwatchjs/nightwatch/releases/tag/v2.0.0","content":"Nightwatch 2.0リリース。\nPlugin APIの追加、`nightwatch.conf.cjs`のサポート、chai expectのアップデート。\nAssertion/Element Commnd/Mouse ActionsのAPIの追加や`--devtools`フラグの追加など","tags":["E2E","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-01-30T10:44:46.040Z","title":"Learning TypeScript","url":"https://learning.oreilly.com/library/view/learning-typescript/9781098110321/","content":"2022年9月発売予定\nTypeScriptの入門書","tags":["TypeScript","book"],"relatedLinks":[]},{"date":"2022-02-01T02:11:34.378Z","title":"Release v7.0.0-alpha.0 · pnpm/pnpm","url":"https://github.com/pnpm/pnpm/releases/tag/v7.0.0-alpha.0","content":"pnpm 7.0.0 αリリース。\n破壊的な変更として、`pnpm -r exec|run|add`の対象にRootを含まないように変更、`--filter`がglobを扱うように変更。\n`npm run <script>`に対して`--`なしで引数を渡せるように、Side effects cacheがデフォルトで有効化、`pnpm dlx`のaliasとして`pnpx`の追加など","tags":["npm","pnpm","ReleaseNote"],"relatedLinks":[]},{"date":"2022-02-01T02:44:52.869Z","title":"How Prime Video updates its app for more than 8,000 device types - Amazon Science","url":"https://www.amazon.science/blog/how-prime-video-updates-its-app-for-more-than-8-000-device-types","content":"Prime Videoアプリの特定の部分にWebAssemblyを利用したという話。\nレガシーデバイスやブラウザではWasmが利用できないため、JavaScript VMとWasm VMどちらでも実行できるようにしていて、そのアーキテクチャにどのように移行していったのかについて。","tags":["JavaScript","WebAssembly","article"],"relatedLinks":[]},{"date":"2022-02-01T02:46:48.161Z","title":"V8 release v9.9 · V8","url":"https://v8.dev/blog/v8-release-99","content":"V8 v9.9リリース。\nIntl.Locale APIにプロパティ追加、`Intl.supportedValuesOf`の追加など","tags":["V8","ReleaseNote"],"relatedLinks":[]},{"date":"2022-02-01T03:05:23.755Z","title":"100万行の大規模なJavaScript製システムをTypeScriptに移行するためにやったこと | CyberAgent Developers Blog","url":"https://developers.cyberagent.co.jp/blog/archives/34364/","content":"JSDocを使ったTypeScriptへの移行について。\n依存関係を見て優先度をつけてのTypeScript化、`checkJs`オプションを使ったJavaScriptにJSDocベースの型付け、チームの知識共有についてなど","tags":["TypeScript","article","refactoring"],"relatedLinks":[]},{"date":"2022-02-02T03:09:22.301Z","title":"Node v14.19.0 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v14.19.0/","content":"Node.js 14.19.0リリース。\nCorepackを14.xにもbackport、ICU 70.1へアップデート、native addonのロードを無効にできる`--no-addons`フラグの追加、ルート証明書のアップデートなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2022-02-03T01:29:51.359Z","title":"7.17.0 Released: RegExp 'v' mode and ... 🥁 decorators! · Babel","url":"https://babeljs.io/blog/2022/02/02/7.17.0","content":"Babel 7.17.0リリース。\nDecorators Proposalを最新のものへ対応する`\"version\": \"2021-12\"`オプションの追加、Stage 2の正規表現リテラルの`v`フラグと`\\q`シーケンスのサポート。\nStage 2のPipe Operatorに`topicToken`として`^^`と`@@`を選択できるオプションの追加、`@babel/register`に実験的なworkerの実装を追加など","tags":["babel","ReleaseNote"],"relatedLinks":[{"title":"tc39/proposal-regexp-set-notation: UTS18 set notation in regular expressions","url":"https://github.com/tc39/proposal-regexp-set-notation/"},{"title":"tc39/proposal-pipeline-operator: A proposal for adding a useful pipe operator to JavaScript.","url":"https://github.com/tc39/proposal-pipeline-operator"},{"title":"tc39/proposal-decorators: Decorators for ES6 classes","url":"https://github.com/tc39/proposal-decorators/"}]},{"date":"2022-02-04T00:35:33.577Z","title":"Introducing Wolvic | Igalia","url":"https://www.igalia.com/2022/02/03/Introducing-Wolvic.html","content":"IgaliaがFirefox Realityを引き継ぐ形でXR向けのブラウザであるWolvicを公開予定。\nWolvicはOculusやHTC Viveなどで利用できるブラウザ。","tags":["browser","news","VR"],"relatedLinks":[{"title":"Update on Firefox Reality","url":"https://blog.mozilla.org/mozilla/update-on-firefox-reality/"},{"title":"Welcome to Wolvic","url":"https://wolvic.com/"},{"title":"Igalia/wolvic: A fast and secure browser for standalone virtual-reality and augmented-reality headsets.","url":"https://github.com/Igalia/wolvic"}]},{"date":"2022-02-05T07:30:59.218Z","title":"Chromium Blog: Chrome 99: CSS Cascade Layers, a New Picker for Input Elements, and More","url":"https://blog.chromium.org/2022/02/chrome-99-css-cascade-layers-new-picker.html","content":"Chrome 99 betaリリース。\nCSS Cascade Layers、`showPicker()`のサポート。\nOrigin Trialsとしてmanifestの`user_preferences`フィールドの追加。\nCSSの`calc()`が`Infinity`や`NaN`をサポート、`color-scheme`が`only`キーワードをサポート、Canvas 2Dに機能を追加など。\nまた、Battery Status APIの削除、`font-family`から`-webkit-standard`のサポートを削除など","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2022-02-05T11:10:07.842Z","title":"Release v27.5.0 · facebook/jest","url":"https://github.com/facebook/jest/releases/tag/v27.5.0","content":"Jest v27.5.0リリース。\n`expect.closeTo`の追加、`mockFn.mock.lastCall`の追加など","tags":["JavaScript","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-02-07T11:20:23.920Z","title":"Test IE mode in Microsoft Edge with Internet Explorer Driver - Microsoft Edge Blog","url":"https://blogs.windows.com/msedgedev/2022/02/01/test-ie-mode-in-microsoft-edge-internet-explorer-driver/","content":"MSEdgeのIE mode使ったテスト方法についての記事","tags":["MSEdge","IE","article"],"relatedLinks":[]},{"date":"2022-02-07T12:13:50.447Z","title":"ngneat/falso: All the Fake Data for All Your Real Needs 🙂","url":"https://github.com/ngneat/falso","content":"さまざまな種類のダミーデータを作って返すライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2022-02-07T13:56:25.015Z","title":"MDX 2 | MDX","url":"https://mdxjs.com/blog/v2/","content":"MDX 2リリース。\n破壊的な変更として、ESM形式のみのサポート、`@mdx-js/*`パッケージの各種変更などが含まれる。\nHTMLタグ内のMarkdown記法のサポート、`{}`でのJavaScript式のサポートなど","tags":["Markdown","jsx","ReleaseNote"],"relatedLinks":[{"title":"Migrating from v1 to v2 | MDX","url":"https://mdxjs.com/migrating/v2/"}]},{"date":"2022-02-08T04:02:42.716Z","title":"Introducing the Dialog Element | WebKit","url":"https://webkit.org/blog/12209/introducing-the-dialog-element/","content":"Safari 15.4で実装される`<dialog>`要素についての解説。\n","tags":["safari","article","HTML"],"relatedLinks":[]},{"date":"2022-02-08T04:15:57.350Z","title":"fetch() In Node.js Core: Why You Should Care","url":"https://fusebit.io/blog/node-fetch/","content":"Node.js 17.5に実験フラグ付きでFetch APIが実装されたことについて。\nUnidiciベースの`fetch()`がなぜNode Coreに追加されたのかについて。\nNode.jsにおけるHTTPスタックの今後やユーザーがあまり意識せずにHTTP/2と3をサポートする方法における議論の一部としてUnidici/Fetchが扱われている","tags":["node.js","Fetch","article"],"relatedLinks":[]},{"date":"2022-02-08T04:22:52.865Z","title":"Electron 17.0.0 | Electron","url":"https://www.electronjs.org/blog/electron-17-0","content":"Electron 17.0.0リリース。\nChromium 98、Node.js 16.13.0、V8 9.8へアップデート。\n`webContents.getMediaSourceId()`の追加。\nまた、`desktopCapturer.getSource`がmain processのみから利用できるようになり、rendererからは削除された。","tags":["Electron","ReleaseNote"],"relatedLinks":[]},{"date":"2022-02-08T15:32:27.925Z","title":"A list of every web API in Deno","url":"https://deno.com/blog/every-web-api-in-deno","content":"Denoが実装しているWeb APIの紹介記事","tags":["deno","article","WebPlatformAPI"],"relatedLinks":[]},{"date":"2022-02-09T03:58:34.968Z","title":"SOLID: The Software Design and Architecture Handbook","url":"https://solidbook.io/","content":"ソフトウェアアーキテクチャについての書籍。\nコードにはTypeScriptを使っていて、TDD、OOP、DDDについて扱っている。","tags":["JavaScript","book","DDD","architecture"],"relatedLinks":[]},{"date":"2022-02-09T12:32:34.258Z","title":"Node v16.14.0 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v16.14.0/","content":"Node.js 16.14.0リリース。\nNode.js 17からのbackportが中心。\nimport assertions構文でのJSON importのサポート、`asyncWrapProviders`の公開、`EventEmitterAsyncResource`の追加。\n`AbortSignal.timeout()`の追加、`timers/promises`に`scheduler` APIの追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2022-02-09T13:02:38.053Z","title":"In-depth of tnpm rapid mode - how we managed to be 10 second faster than pnpm - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/atian25/in-depth-of-tnpm-rapid-mode-how-could-we-fast-10s-than-pnpm-3bpp","content":"npmレジストリのミラーレジストリであるcnpmベースにしたtnpmというnpmレジストリ/ツールについて。\n高速なパッケージのインストールを実現するために、FUSEを利用した仕組みや一時的な変更に対応するためのOverlayFSを使った仕組みについて","tags":["npm","article","performance"],"relatedLinks":[]},{"date":"2022-02-10T04:11:25.187Z","title":"Release 5.0.0 · google/zx","url":"https://github.com/google/zx/releases/tag/5.0.0","content":"zx 5.0.0リリース。\nYAMLのサポート、\n`.ts`のビルトインサポートを削除、Node.js 16未満のサポート終了など","tags":["ShellScript","JavaScript","node.js","library"],"relatedLinks":[]},{"date":"2022-02-10T04:17:42.116Z","title":"Release v2.3.0 · parcel-bundler/parcel","url":"https://github.com/parcel-bundler/parcel/releases/tag/v2.3.0","content":"Parcel 2.3.0リリース。\nParcelでParcel自体のいくつかの依存関係を事前にbundleするように変更。\nNode Core ModulesのpolyfillやBabel/PostCSSの依存関係をオンデマンドでインストールするように変更など","tags":["JavaScript","bundler","ReleaseNote"],"relatedLinks":[{"title":"Reduce the number of npm dependencies needed by parcel by devongovett · Pull Request #7576 · parcel-bundler/parcel","url":"https://github.com/parcel-bundler/parcel/pull/7576"}]},{"date":"2022-02-11T03:58:35.253Z","title":"Release v8.5.0 · npm/cli","url":"https://github.com/npm/cli/releases/tag/v8.5.0","content":"npm 8.5.0リリース。\nworkspace内でのnpm installなどのコマンドがコンテキストに基づいて実行されるように変更など","tags":["npm","ReleaseNote"],"relatedLinks":[{"title":"RFC: npm workspaces: auto switch context based on cwd by ruyadorno · Pull Request #343 · npm/rfcs","url":"https://github.com/npm/rfcs/pull/343"}]},{"date":"2022-02-11T06:22:26.637Z","title":"Release Notes for Safari Technology Preview 140 | WebKit","url":"https://webkit.org/blog/12255/release-notes-for-safari-technology-preview-140/","content":"Safari Technology Preview 140リリース。\nCSSの`:has()`擬似クラスのサポート、`FetchEvent.handled`のサポート、`form.requestSubmit()`の有効化。\nscript要素がサポートしているtypeを判定する\n`HTMLScriptElement.supports(type)`の実装など","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"Add FetchEvent.handled (#1397) by tingshao · Pull Request #1496 · w3c/ServiceWorker","url":"https://github.com/w3c/ServiceWorker/pull/1496"},{"title":"HTMLScriptElement.supports() - Web APIs | MDN","url":"https://developer.mozilla.org/en-US/docs/Web/API/HTMLScriptElement/supports"}]},{"date":"2022-02-11T11:24:10.588Z","title":"papyrs/stylo: Another kind of rich text editor","url":"https://github.com/papyrs/stylo","content":"ContentEditableベースのWYSIWYGなWeb Components","tags":["WebComponents","library","JavaScript"],"relatedLinks":[]},{"date":"2022-02-12T12:18:32.433Z","title":"Announcing TypeScript 4.6 RC - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-6-rc/","content":"TypeScript 4.6 RCリリース。\n再帰型、インターフェースへのインデックスアクセス、関数の引数における型推論の改善。\n`--target es2022`のサポート、`checkJs`が有効時のJavaScriptの構文エラーのチェックを改善。\n`--generateTrace`で出力できるビルドのトレースデータを分析するための`@typescript/analyze-trace`パッケージの公開など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2022-02-12T14:53:20.633Z","title":"vite/CHANGELOG.md at main · vitejs/vite","url":"https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#280-2022-02-09","content":"Vite 2.8.0リリース。\n`vite preview`のデフォルトportの変更、Workerとしてbundleする対象を`URL`使ったものへと変更、設定に`worker`オプションを追加など。\nまた、パッケージのファイルサイズの削減など","tags":["vite","ReleaseNote"],"relatedLinks":[]},{"date":"2022-02-13T11:47:51.838Z","title":"Implementing DDD, CQRS and… by Alex Lawrence [PDF/iPad/Kindle]","url":"https://leanpub.com/implementing-ddd-cqrs-and-event-sourcing","content":"JavaScriptで書かれたDDD/CQRS/Event Sourcingについての書籍。\nドメイン駆動設計の理論的な話から、JavaScript/Node.jsを使った実装について。\nEvent Sourcingでは、ブラウザ上のUIと`EventSource`を使ったRead Modelについても扱っている","tags":["JavaScript","TypeScript","DDD","book"],"relatedLinks":[{"title":"Why my book uses Node.js and JavaScript - Alex Lawrence","url":"https://www.alex-lawrence.com/posts/why-my-book-uses-nodejs-and-javascript/"}]},{"date":"2022-02-13T11:53:52.725Z","title":"Release v28.0.0-alpha.0 · facebook/jest","url":"https://github.com/facebook/jest/releases/tag/v28.0.0-alpha.0","content":"Jest 28αリリース。\n27で`jest-circus`がデフォルトとなったため、JSDOMとjasmin2のenviromentをデフォルトでは含めないように変更。\n`package.json`の`exports`フィールドに対応など","tags":["JavaScript","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-02-13T22:15:24.173Z","title":"hikerpig/pintora: An extensible text-to-diagrams library that works in both browser and node.js","url":"https://github.com/hikerpig/pintora","content":"Mermaid.jsやPlantUMLのようにテキストでダイアグラムを書くライブラリ。\nSequence Diagram、Component Diagram、Activity Diagram、Mind Mapなどの形式に対応していて、プラグインでカスタマイズできる\n","tags":["JavaScript","library","graphic"],"relatedLinks":[]},{"date":"2022-02-14T11:07:44.877Z","title":"checkly/puppeteer-to-playwright: Puppeteer to Playwright conversion script","url":"https://github.com/checkly/puppeteer-to-playwright","content":"Puppeter向けのスクリプトをPlaywright向けに変換するツール","tags":["puppeteer","Tools","refactoring"],"relatedLinks":[]},{"date":"2022-02-14T12:23:28.346Z","title":"Aslemammad/react-worker-components-plugin: ⚡ Something like react server components, but web workers instead of a server","url":"https://github.com/Aslemammad/react-worker-components-plugin","content":"importしたReactコンポーネントをreact-worker-componentsを使ってWebWorkerで動かすように変換するViteプラグイン","tags":["React","vite","plugin"],"relatedLinks":[{"title":"dai-shi/react-worker-components: React Worker Components simplify using Web Workers","url":"https://github.com/dai-shi/react-worker-components"}]},{"date":"2022-02-14T12:29:10.129Z","title":"ESLint v8.9.0 released - ESLint - Pluggable JavaScript linter","url":"https://eslint.org/blog/2022/02/eslint-v8.9.0-released","content":"ESLint 8.9.0リリース。\n`env`に`es2016`/`es2018`/`es2019`/`es2022`オプションの追加、ES3のコードでは`\"use strict\"`を無視するように変更など","tags":["ESLint","ReleaseNote"],"relatedLinks":[]},{"date":"2022-02-14T12:35:27.322Z","title":"Firefox 97.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/97.0/releasenotes/","content":"Firefox 97リリース。\nCSSの`cap`と`ic` unitをサポート、`@scroll-timeline`と`animation-timeline`のサポート、CSS cascade layersをデフォルトで有効化。\n`AbortController.abort()`/`AbortSignal.throwIfAborted()`/`AbortSignal.reason`プロパティのサポートなど","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 97 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/97"}]},{"date":"2022-02-14T13:14:02.871Z","title":"How the Angular Compiler Works. The Angular Compiler (which we call… | by Alex Rickabaugh | Feb, 2022 | Angular Blog","url":"https://blog.angular.io/how-the-angular-compiler-works-42111f9d2549","content":"Angular Compilerがどのように動いているかについての解説記事。\nどのようにAngular componentのテンプレートの型チェックをして変換しているのかについて。\n","tags":["Angular","TypeScript","article"],"relatedLinks":[]},{"date":"2022-02-14T13:29:39.659Z","title":"Web パフォーマンスとプロダクト KPI の相関を可視化する話 2022ver - ドクターズプライム Official Blog","url":"https://blog.drsprime.com/entry/2022/02/10/170000","content":"Web VitalsのメトリクスをGoogle Analyticsに送信し、Google データポータルで可視化する方法について","tags":["performance","JavaScript","Chrome","article"],"relatedLinks":[]},{"date":"2022-02-14T13:43:14.841Z","title":"Node v17.5.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v17.5.0/","content":"Node.js 17.5.0リリース。\n`--experimental-fetch`フラグ付きでundiciベースのFetch APIの実装を追加、Streamにiterator-helper proposalの実装など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2022-02-15T13:04:10.831Z","title":"Release 5.0.0-beta.1 · expressjs/express","url":"https://github.com/expressjs/express/releases/tag/v5.0.0-beta.1","content":"Express 5.0.0 beta 1リリース。\n","tags":["node.js","express","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-02-16T14:14:03.648Z","title":"The State of JS 2021","url":"https://2021.stateofjs.com/en-US/","content":"State of JS 2021のアンケート結果が公開された。\n言語、フレームワーク、ツール、ライブラリを評価するときの基準、リソースなどについてのアンケート結果がまとめられている","tags":["JavaScript","Survey"],"relatedLinks":[]},{"date":"2022-02-17T12:23:52.773Z","title":"HTML解体新書-仕様から紐解く本格入門 | 太田 良典, 中村 直樹 |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/dp/4862465277/","content":"2022年4月15日発売\nHTMLやウェブアクセシビリティについての書籍","tags":["HTML","book","accessibility"],"relatedLinks":[]},{"date":"2022-02-17T12:38:35.216Z","title":"The File System Access API with Origin Private File System | WebKit","url":"https://webkit.org/blog/12257/the-file-system-access-api-with-origin-private-file-system/","content":"Safariに実装されたFile System Acccess APIについて。\nOriginごとに分離されたPrivateなファイルシステムとなっていて、ブラウザ外からはアクセスできない。\nFile System Access APIの基本的な使い方について","tags":["safari","JavaScript","IndexedDB"],"relatedLinks":[{"title":"File System Access API - Web APIs | MDN","url":"https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API"}]},{"date":"2022-02-17T13:20:57.814Z","title":"Release v9.4.0 · GoogleChrome/lighthouse","url":"https://github.com/GoogleChrome/lighthouse/releases/tag/v9.4.0","content":"Lighthouse v9.4.0リリース。\n\n","tags":["Chrome","performance","ReleaseNote"],"relatedLinks":[]},{"date":"2022-02-17T13:23:25.846Z","title":"textareaをカスタマイズできるReact用のライブラリを作成しました","url":"https://zenn.dev/inokawa/articles/946ba7be927f44","content":"textarea要素に対してオーバーレイする要素をおいて、テキストの装飾やイベントを設定できるReactライブラリについて","tags":["JavaScript","React","article"],"relatedLinks":[{"title":"inokawa/rich-textarea: A small customizable textarea for React to colorize, highlight, decorate texts, offer autocomplete and much more.","url":"https://github.com/inokawa/rich-textarea"}]},{"date":"2022-02-19T05:52:42.436Z","title":"Deno 1.19 Release Notes","url":"https://deno.com/blog/v1.19","content":"Deno 1.19リリース。\n`Deno.File`を`Deno.FsFile`にリネームし、`Deno.File`をdeprecatedに変更。\n依存関係をリポジトリ内のファイルとして管理する`deno vendor`コマンドの追加、`Deno.FsFile`や`Deno.Conn`などがWeb Streamsに対応。\n`CompressionStream`/`DecompressionStream`のサポート、`console.log`が循環参照の表示に対応、`Deno.listen`がUnix socketsに対応など。\nまた、unstableなAPIとして、`Deno.getUid`、`Deno.networkInterfaces`の追加など。","tags":["deno","ReleaseNote"],"relatedLinks":[]},{"date":"2022-02-20T11:24:39.674Z","title":"JS framework for native web components | Minze","url":"https://minze.dev/","content":"WebCompoenntsを作成するためのフレームワーク。","tags":["WebComponents","library"],"relatedLinks":[]},{"date":"2022-02-20T11:52:23.065Z","title":"Release v1.2.0 · remix-run/remix","url":"https://github.com/remix-run/remix/releases/tag/v1.2.0","content":"Remix v1.2.0リリース。\n`serverBuildTarget`オプションを追加しデプロイターケットごとに最適化した出力となるように、`server`オプションでカスタムサーバを指定できるように。\nNodeのビルトインモジュールを使っている場合にshimが入るように、`serverDependenciesToBundle`でCJS向けの出力する際にESMパッケージをbundleできるようになるなど","tags":["React","server","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-02-20T13:42:02.530Z","title":"Blog - Next.js 12.1 | Next.js","url":"https://nextjs.org/blog/next-12-1","content":"Next.js 12.1リリース。\nAPIサーバで`unstable_revalidate`を使ってISRのページをrevalidateできるように、`next/jest`の追加、SWCの改善とMinifyの対応。\n試験的な機能として`outputStandalone`オプションでNext.jsをサーバで動かすのに必要なファイルのみを出力できるように、React 18の対応など","tags":["Next.js","ReleaseNote"],"relatedLinks":[]},{"date":"2022-02-21T13:47:59.850Z","title":"Yarn 3.2 🚢🔮 Libc, Yarn Explain, Next Major, ... - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/arcanis/yarn-32-libc-yarn-explain-next-major--o22","content":"Yarn 3.2リリース。\n`optionalDependencies`に`libc`フィールドの追加、`yarn explain`コマンドの追加、UIの改善など。\n次のメジャーアップデートであるYarn 4.xの変更予定についても書かれている","tags":["yarn","ReleaseNote"],"relatedLinks":[]},{"date":"2022-02-21T14:11:31.447Z","title":"jimmywarting/native-file-system-adapter: File system, based on the spec reference implementation","url":"https://github.com/jimmywarting/native-file-system-adapter/","content":"File System Access APIのpolyfillライブラリ。\n対象をアダプタで切り替えることができ、Node.jsやDenoやIndexedDBなどをサポートしている。","tags":["node.js","library","polyfill"],"relatedLinks":[]},{"date":"2022-02-22T03:00:01.346Z","title":"ghiscoding/lerna-lite: automate your workspace version & publish by using conventional-changelog-commits","url":"https://github.com/ghiscoding/lerna-lite","content":"lernaから`version`/`publish`/`run`コマンドを取り出したfork。\n","tags":["monorepo","Tools","library"],"relatedLinks":[{"title":"Lerna is largely unmaintained · Issue #2703 · lerna/lerna","url":"https://github.com/lerna/lerna/issues/2703#issuecomment-1036971049"}]},{"date":"2022-02-22T03:37:34.441Z","title":"Monorepo Explained","url":"https://monorepo.tools/","content":"monorepoの解説とツールの比較サイト。\nBazel/Gradle/Lage/Lerna/Nx/Rush/Turborepoについてキャッシュや分散タスクなどの各機能について比較している","tags":["monorepo","Tools","JavaScript","library"],"relatedLinks":[]},{"date":"2022-02-22T13:24:42.243Z","title":"Release v6.32.0 · pnpm/pnpm","url":"https://github.com/pnpm/pnpm/releases/tag/v6.32.0","content":"pnpm 6.32.0リリース。\nインストールスクリプトを実行できるパッケージを指定する`onlyBuiltDependencies`の追加、`overrides`フィールドが`pnpm add`に対して反映されるようになるなど","tags":["pnpm","ReleaseNote"],"relatedLinks":[]},{"date":"2022-02-23T07:34:15.313Z","title":"Astro 0.23 Release Notes | Astro","url":"https://astro.build/blog/astro-023/","content":"Astro 0.23リリース。\nHTML以外のビルドに対応、`set:html`と`set:text`ディレクティブの追加、`PUBLIC_` prefixの環境変数はフロントエンドへ公開するように変更。\nまた、次のバージョンではコンポーネント内のテキストを自動的にHTMLエスケープするよう変更予定。","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-02-23T09:47:29.438Z","title":"JoshuaKGoldberg/TypeStat: Converts JavaScript to TypeScript and TypeScript to better TypeScript.","url":"https://github.com/JoshuaKGoldberg/TypeStat","content":"JavaScriptのコードにTypeScriptの型をつけてTypeScriptのコードベースに変換するツール","tags":["JavaScript","TypeScript","Tools"],"relatedLinks":[]},{"date":"2022-02-23T12:39:14.910Z","title":"Node v17.6.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v17.6.0/","content":"Node.js 17.6.0リリース。\nStreamにIterator helperの`map`などをメソッドを追加すると壊れるモジュールがあったため、仕様への準拠を一時的にrevert。\n`--experimental-https-modules`のフラグ付きでHTTP URLをESMモジュールとしてロードできるように。\nまた`process.on(\"multipleResolves\", ...)`がDeprecatedとなった。","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"stream: add map method to Readable: by benjamingr · Pull Request #40815 · nodejs/node","url":"https://github.com/nodejs/node/pull/40815"}]},{"date":"2022-02-25T13:20:24.114Z","title":"What's New In DevTools (Chrome 99) - Chrome Developers","url":"https://developer.chrome.com/blog/new-in-devtools-99/","content":"Chrome 99の開発者ツールの変更点について。\nWebSocketsのThrottilingに対応、Reporting APIのパネルを追加、ANSI escape codeを使ったコンソールログのスタイリングをサポートなど","tags":["Chrome","article","debug"],"relatedLinks":[]},{"date":"2022-02-27T20:16:41.532Z","title":"Release v1.8.0-rc.0 · reduxjs/redux-toolkit","url":"https://github.com/reduxjs/redux-toolkit/releases/tag/v1.8.0-rc.0","content":"Redux Toolkit v1.8.0-rc.0リリース。\n`@rtk-incubator/action-listener-middleware`パッケージを追加、`configureStore`の型定義の改善など","tags":["redux","library","ReleaseNote"],"relatedLinks":[{"title":"New experimental &quot;action listener middleware&quot; package available · Discussion #1648 · reduxjs/redux-toolkit","url":"https://github.com/reduxjs/redux-toolkit/discussions/1648"}]},{"date":"2022-02-28T11:45:47.100Z","title":"How to publish Deno modules to NPM","url":"https://deno.com/blog/dnt-oak","content":"Denoで書かれたライブラリをNode.js向けにnpmへ公開する方法について。\nHTTPフレームワークであるoakをdntを使ってNode.jsでも動かすように変換して公開した方法について","tags":["deno","node.js","npm","article"],"relatedLinks":[{"title":"denoland/dnt: Deno to npm package build tool.","url":"https://github.com/denoland/dnt/"},{"title":"feat: add experimental support for Node.js by kitsonk · Pull Request #479 · oakserver/oak","url":"https://github.com/oakserver/oak/pull/479"}]},{"date":"2022-02-28T11:49:16.739Z","title":"microsoft/TypeScript-Compiler-Notes: A repo containing notes about the TypeScript Compiler codebase","url":"https://github.com/microsoft/TypeScript-Compiler-Notes","content":"TypeScriptのコンパイラーについてのメモをまとめたリポジトリ。\n重要な変更のPRのまとめ、コンパイルプロセスの解説やContributeする方法ついてなど書かれている","tags":["TypeScript","document"],"relatedLinks":[]},{"date":"2022-02-28T11:56:22.636Z","title":"vinodotdev/node-to-rust","url":"https://github.com/vinodotdev/node-to-rust/","content":"JavaScriptユーザ向けのRust入門書","tags":["JavaScript","Rust","book"],"relatedLinks":[]},{"date":"2022-02-28T12:01:42.316Z","title":"xataio/screenshot: A zero-dependency browser-native way to take screenshots powered by the native web MediaDevices API.","url":"https://github.com/xataio/screenshot","content":"`MediaDevices.getDisplayMedia`を使ったスクリーンショットライブラリ。\n画面の表示そのものをキャプチャ画像として取得できる","tags":["JavaScript","library","Image","browser"],"relatedLinks":[{"title":"Xata | New Open Source Library: Announcing @xata.io/screenshot","url":"https://www.xata.io/blog/introducing-screenshot/"}]},{"date":"2022-02-28T12:15:01.424Z","title":"leafac/caxa: 📦 Package Node.js applications into executable binaries 📦","url":"https://github.com/leafac/caxa","content":"Node.jsアプリケーションを単一の実行バイナリにパッケージングするツール。\nNode.jsとアプリを含む自己解凍型アーカイブとして扱うことで、`fs`などへのpatchをせずにパッケージングしている","tags":["node.js","Tools"],"relatedLinks":[]},{"date":"2022-02-28T12:47:54.606Z","title":"A Complete Guide to CSS Cascade Layers | CSS-Tricks - CSS-Tricks","url":"https://css-tricks.com/css-cascade-layers/","content":"CSS Cascade Layersの解説記事。\nCascade Layersの基本的な使い方、Important layers、Layerの優先度、sub layerについてなど","tags":["CSS","article"],"relatedLinks":[]},{"date":"2022-03-03T22:51:12.774Z","title":"Release v5.70.0 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v5.70.0","content":"webpack v5.70.0リリース。\nESMにおける`require.context`相当の機能として`import.meta.webpackContext`を追加。\nESMサポートの対象にNode.js 12を追加など","tags":["webpack","ReleaseNote"],"relatedLinks":[]},{"date":"2022-03-03T23:11:11.051Z","title":"Release v0.14.24 · evanw/esbuild","url":"https://github.com/evanw/esbuild/releases/v0.14.24","content":"esbuild v0.14.24リリース。\ntargetに`es2022`をサポート、`define`オプションインデックス指定の場合も置換できるように、`--mangle-quoted`の追加など","tags":["JavaScript","bundler","ReleaseNote"],"relatedLinks":[]},{"date":"2022-03-03T23:17:10.331Z","title":"A new year, a new MDN - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2022/03/a-new-year-a-new-mdn/","content":"MDNのデザインとロゴの更新について。\nまた、追加機能や追加コンテンツを提供する予定のMDN Plusというサブスクリプションサービスについて","tags":["mdn","article"],"relatedLinks":[{"title":"MDN Web Docs","url":"https://developer.mozilla.org/"}]},{"date":"2022-03-05T13:33:45.381Z","title":"Release Notes for Safari Technology Preview 141 | WebKit","url":"https://webkit.org/blog/12434/release-notes-for-safari-technology-preview-141/","content":"Safari Technology Preview 141リリース。\nCSS `overflow: clip`の有効化、import assertion構文をフラグ付きで実装、CSPの`wasm-unsafe-eval`を実装など","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2022-03-05T13:48:39.836Z","title":"Working together on Interop 2022 | WebKit","url":"https://webkit.org/blog/12288/working-together-on-interop-2022/","content":"ブラウザの相互運用性に取り組むInterop 2022について。\nApple/Google/Microsoft/Mozilla/Bocoup/Igaliaなどが協力して、ウェブプラットフォームでフォーカスしているエリアについての相互運用性の取り組みについて。\nWPTを使った計測やフォーカスしたエリアについての紹介など","tags":["browser","article","testing","WebPlatformAPI"],"relatedLinks":[{"title":"web-platform-tests dashboard","url":"https://wpt.fyi/interop-2022"},{"title":"Interop 2022: browsers working together to improve the web for developers","url":"https://web.dev/interop-2022/"},{"title":"Microsoft Edge and Interop 2022 - Microsoft Edge Blog","url":"https://blogs.windows.com/msedgedev/2022/03/03/microsoft-edge-and-interop-2022/"},{"title":"Announcing Interop 2022 - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2022/03/interop-2022/"},{"title":"Bocoup and Interop 2022 - web standards - Bocoup","url":"https://bocoup.com/blog/interop-2022"},{"title":"Igalia and Interop 2022 | Igalia","url":"https://www.igalia.com/news/interop2022.html"}]},{"date":"2022-03-06T07:29:58.177Z","title":"Announcing TypeScript 4.6 - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-6/","content":"TypeScript 4.6リリース。\nDestructuringとUnionの組み合わせ、再帰型、インターフェースへのインデックスアクセス、関数の引数における型推論の改善。\n`--target es2022`のサポート、`checkJs`が有効時のJavaScriptの構文エラーのチェックを改善。","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2022-03-06T13:30:42.556Z","title":"Release v28.0.0-alpha.7 · facebook/jest","url":"https://github.com/facebook/jest/releases/tag/v28.0.0-alpha.7","content":"Jest v28.0.0-alpha.7リリース。\n複数のマシンでテストを分割して実行できる`--shared`フラグの実装など","tags":["jest","ReleaseNote"],"relatedLinks":[{"title":"feat: implement `--shard` option by marionebl · Pull Request #12546 · facebook/jest","url":"https://github.com/facebook/jest/pull/12546"}]},{"date":"2022-03-06T13:32:17.187Z","title":"Release v6.0.0-alpha.0 · styled-components/styled-components","url":"https://github.com/styled-components/styled-components/releases/tag/v6.0.0-alpha.0","content":"styled-components v6.0.0-alpha.0リリース。\nTypeScriptでの書き直し、stylis v4へのアップデート、Node.js 14未満のサポート終了など","tags":["React","CSS","library","ReleaseNote"],"relatedLinks":[{"title":"[breaking] stylis v4 by probablyup · Pull Request #3241 · styled-components/styled-components","url":"https://github.com/styled-components/styled-components/pull/3241"}]},{"date":"2022-03-06T14:21:56.510Z","title":"Release v10.7.0 · TypeStrong/ts-node","url":"https://github.com/TypeStrong/ts-node/releases/tag/v10.7.0","content":"ts-node v10.7.0リリース。\n`--esm`フラグと`ts-node-esm`バイナリを追加など","tags":["TypeScript","ReleaseNote","node.js"],"relatedLinks":[]},{"date":"2022-03-07T01:51:22.682Z","title":"nodeshift/nodejs-reference-architecture: The Red Hat and IBM Node.js Reference architecture. The teams 'opinion' on what components our customers and internal teams should use when building Node.js applications and guidance for how to be successful in production with those components.","url":"https://github.com/nodeshift/nodejs-reference-architecture","content":"Node.jsプロジェクトのアーキテクチャやライブラリの選定などについてのリファレンスをまとめたガイドライン。\nDockerやnpm周りの設定、ジャンルごとのライブラリやフレームワーク、運用回りのロギングやトレースなど一通りの内容がまとめられている","tags":["node.js","document","Docker"],"relatedLinks":[{"title":"Node.js Reference Architecture | Node.JS Reference Architecture","url":"https://nodeshift.dev/nodejs-reference-architecture/"}]},{"date":"2022-03-07T13:36:24.954Z","title":"フロントエンドのデザインパターン","url":"https://zenn.dev/morinokami/books/learning-patterns-1","content":"patterns.dev の翻訳本。\nReactやJavaScriptにおけるデザインパターンの解説","tags":["JavaScript","architecture","book","React"],"relatedLinks":[{"title":"Patterns.dev - Modern Web App Design Patterns","url":"https://www.patterns.dev/"}]},{"date":"2022-03-08T03:16:00.390Z","title":"Chromium Blog: Chrome 100 Beta: Reduced User-Agent Strings, Multi-Screen Window Placement, and More","url":"https://blog.chromium.org/2022/03/chrome-100-beta-reduced-user-agent.html","content":"Chrome 100 betaリリース。\nChrome 100がUA文字列を削減する前の最後のバージョン隣、101から段階的にUA文字列を削減していく。\nMulti-Screen Window Placement APIの追加、\nOrigin TrialとしてMedia Source ExtensionsをWorkerで動かせるように。\n`AbortSignal.prototype.throwIfAborted()`の追加、`HIDDevice forget()`の追加など。","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Chromium Blog: User-Agent Reduction Origin Trial and Dates","url":"https://blog.chromium.org/2021/09/user-agent-reduction-origin-trial-and-dates.html"}]},{"date":"2022-03-08T23:55:26.725Z","title":"How to Upgrade to the React 18 Release Candidate – React Blog","url":"https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html","content":"React 18 RCリリース。\nIEのサポートを終了。\nReactDOMの`render` APIをDeprecatedとし、`createRoot` APIの利用を推奨するように。\nSSR APIの`renderToNodeStream`を非推奨化し、Suspenseをサポートした`renderToPipeableStream`と`renderToReadableStream`を追加。\n`setState`のステート更新を自動的にバッジ処理するようにし、オプトアウト用の`flushSync`APIを追加。\nまた、ReduxなどのReact外でステート管理するライブラリ向けに`userId`/`useSyncExternalStore`/`useInsertionEffect` APIを追加。\n開発時は`<StrictMode>`でunmountとmountでの再マウントをテストするように挙動を変更。\n`global.IS_REACT_ACT_ENVIRONMENT`でテスト環境かどうかを設定できるように。","tags":["React","ReleaseNote"],"relatedLinks":[]},{"date":"2022-03-09T14:44:17.826Z","title":"Micro State Management with React Hooks | Packt","url":"https://www.packtpub.com/product/micro-state-management-with-react-hooks/9781801812375","content":"Reactでのステート管理について書籍","tags":["React","library","book"],"relatedLinks":[]},{"date":"2022-03-10T02:14:54.559Z","title":"Node v17.7.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v17.7.0/","content":"Node.js v17.7.0リリース。\n`net.Socket`と`net.Server`に`noDelay`/`keepAlive`/`keepAliveInitialDelay`オプションの追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2022-03-10T18:26:48.892Z","title":"Learn PWA","url":"https://web.dev/learn/pwa/","content":"PWAについて学べるチュートリアル。","tags":["PWA","tutorial"],"relatedLinks":[]},{"date":"2022-03-10T18:36:37.200Z","title":"daisyUI — Tailwind CSS Components","url":"https://daisyui.com/","content":"UIコンポーネントの見た目を提供するTailwindプラグイン。\nクラス名にコンポーネントの指定することでUIを定義し、カスタムはクラス名にTailwindのUtilityを指定することで行う","tags":["CSS","library"],"relatedLinks":[]},{"date":"2022-03-13T11:06:38.895Z","title":"Typed Ember is now the Ember TypeScript Core Team!","url":"https://blog.emberjs.com/typed-ember-is-now-the-ember-type-script-core-team/","content":"EmberのTypeScriptサポートをコアのサブチームとして進めるという話。\nEmber CLIへの統合、Glintでのテンレプーと型チェック、Ember自体の型定義の改善、RFCのTypeScriptへの影響調査などを行うチーム","tags":["Ember","TypeScript","article"],"relatedLinks":[{"title":"0724-road-to-typescript","url":"https://emberjs.github.io/rfcs/0724-road-to-typescript.html"},{"title":"typed-ember/glint: TypeScript powered tooling for Glimmer templates","url":"https://github.com/typed-ember/glint"}]},{"date":"2022-03-13T11:35:36.954Z","title":"A Proposal For Type Syntax in JavaScript - TypeScript","url":"https://devblogs.microsoft.com/typescript/a-proposal-for-type-syntax-in-javascript/","content":"TypeScriptチームが、実行時には消去可能なコメントとしての型構文をECMAScriptのProposalとして提案するという話","tags":["TypeScript","ECMAScript","article"],"relatedLinks":[{"title":"giltayar/proposal-types-as-comments: ECMAScript proposal for type syntax that is erased - Stage 0","url":"https://github.com/giltayar/proposal-types-as-comments"}]},{"date":"2022-03-13T11:57:25.878Z","title":"Release v8.0.0 · vueuse/vueuse","url":"https://github.com/vueuse/vueuse/releases/tag/v8.0.0","content":"vueuse v8.0.0リリース。\n`@vueuse/core/nuxt`を削除し、代わりに`@vueuse/nuxt`を公開。\n`useTimeoutPoll`/`useDateFormat`/`useGamepad`/`useFileSystemAccess`/`useChangeCase`の追加など","tags":["Vue","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-03-13T13:25:11.321Z","title":"JavaScript naming conflicts: How existing code can force proposed features to be renamed","url":"https://2ality.com/2022/03/naming-conflicts.html","content":"ECMAScriptの新しいProposalが既存のWebを壊すbreak the webがどのように起きるかについての解説記事。\nビルトインのprototoypeの変更、プロパティ名の競合、グローバル名の衝突、withによる衝突など","tags":["JavaScript","ECMAScript","issue"],"relatedLinks":[]},{"date":"2022-03-13T13:40:36.665Z","title":"Release v8.0.0 · breejs/bree","url":"https://github.com/breejs/bree/releases/tag/v8.0.0","content":"JobスケジューラーのBree 8.0.0リリース。","tags":["node.js","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-03-15T02:55:14.115Z","title":"Release v1.20.0 · microsoft/playwright","url":"https://github.com/microsoft/playwright/releases/tag/v1.20.0","content":"playwright v1.20.0リリース。\nスクリーンショットAPIにアニメーションの無効化、特定の箇所を隠す`mask`オプションの追加。\n`expect().toMatchSnapshot()`がanomymouse snapshotsのサポート、`maxDiffPixels`と`maxDiffPixelRatio`オプションの追加。\nテストの設定に`fullyParallel`モートを追加など","tags":["browser","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-03-15T03:39:20.136Z","title":"New WebKit Features in Safari 15.4 | WebKit","url":"https://webkit.org/blog/12445/new-webkit-features-in-safari-15-4/","content":"Safari 15.4の変更点について。\n`<dialog>`要素のサポート、CSSの`:has()`擬似クラス、Cascade Layers、CSS Containmentのサポート。\nViewport Unitsとして`lvh`や`svh`などのサポート、`:focus-visible`擬似クラスのサポート、`calc()`でのmath functionのサポート。\n非標準な`-webkit-` prefixをいくつかのCSSプロパティから削除。\nBroadcastChannel、`window.scroll`の`scroll-behavior`プロパティ、`structuredClone`、File System Access APIのサポート。\nES2022の`at()`メソッドと`Object.hasOwn()`メソッド、Stage 3のProposalである`findLast()`メソッドのサポートなど。\n`Intl`の実装を仕様に準拠するように更新、Web App Manifestの対応改善、`navigationPreload`のサポートなど。\n`requestVideoFrameCallback()`のサポート、CSP Lv3のサポート改善、XSS Auditorの削除など","tags":["webkit","safari","ReleaseNote"],"relatedLinks":[]},{"date":"2022-03-15T03:47:30.625Z","title":"WebGPU — All of the cores, none of the canvas — surma.dev","url":"https://surma.dev/things/webgpu/","content":"WebGPUについて解説記事。\nWebGLはOpenGLのラッパーであるが、WebGPUは独自の抽象化レイヤーを持っている、またWGSLというWebGPUのシェーディング言語について","tags":["WebGPU","article"],"relatedLinks":[]},{"date":"2022-03-16T05:52:16.847Z","title":"Prettier 2.6: new singleAttributePerLine option and new JavaScript features! · Prettier","url":"https://prettier.io/blog/2022/03/16/2.6.0.html","content":"Prettier 2.6.リリース。\nTypeScript 4.6のサポート、`parser`オプションに`acorn`を追加、`--no-plugin-search`フラグの追加、`.swcrc`ファイルを考慮するように修正など","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2022-03-18T06:42:32.538Z","title":"wilsonzlin/minify-html: Extremely fast and smart HTML + JS + CSS minifier, available for Rust, Node.js, Python, Java, and Ruby","url":"https://github.com/wilsonzlin/minify-html","content":"RustベースのHTML minifier。\nRust/Node/Java/Python/Ruby向けのパッケージも公開されている","tags":["HTML","Bluetooth","library","Rust"],"relatedLinks":[]},{"date":"2022-03-20T14:58:35.815Z","title":"twitterdev/twitter-api-typescript-sdk: A TypeScript SDK for the Twitter API","url":"https://github.com/twitterdev/twitter-api-typescript-sdk","content":"Twitterの公式JavaScript SDK","tags":["twitter","node.js","library","JavaScript","TypeScript"],"relatedLinks":[]},{"date":"2022-03-20T15:19:00.224Z","title":"Deno 1.20 Release Notes","url":"https://deno.com/blog/v1.20","content":"Deno 1.20リリース。\nパフォーマンスの改善、`Accept-Encoding`を見て自動的にHTTP Response Bodyを圧縮するように。\n`deno bench`コマンド、`deno task`コマンド、`deno.json`が`importMap`オプションをサポート。\n`deno test`に`--trace-ops`フラグをつけた時のみデバッグ用の詳細な情報を表示するように変更。\n破壊的な変更として、WorkerとTestに対してパーミッションのデフォルト値が\"inherit\"だったのを\"none\"に変更など","tags":["deno","ReleaseNote"],"relatedLinks":[]},{"date":"2022-03-21T13:11:44.279Z","title":"An update on the New Architecture Rollout · React Native","url":"https://reactnative.dev/blog/2022/03/15/an-update-on-the-new-architecture-rollout","content":"React Native 0.68.0では新しいArchitecture Templateが導入される。\nopt-inで導入でき、JavaScriptエンジンとしてHermesが有効化される。","tags":["React","Native","article"],"relatedLinks":[]},{"date":"2022-03-21T13:40:05.219Z","title":"Release v6.0.0 · faker-js/faker","url":"https://github.com/faker-js/faker/releases/tag/v6.0.0","content":"Faker 6.0.0リリース。\nFakerがコミュニティでのメンテナンスになってから最初のメジャリリース。\nパッケージは`@faker-js/faker`として公開されている。ESMのサポート、TypeScriptの型定義の同梱など","tags":["JavaScript","library","testing","ReleaseNote"],"relatedLinks":[{"title":"Migrating from Faker v5 to v6 | Faker","url":"https://fakerjs.dev/migration-guide-v5/"},{"title":"An update from the Faker team | Faker","url":"https://fakerjs.dev/update.html"}]},{"date":"2022-03-21T14:29:54.230Z","title":"A11yAutomation","url":"https://a11y-automation.dev/","content":"アクセシビリティの問題について項目ごとに解説とLint/自動テスト/手動テストでのチェック方法、関連するWCAGなどドキュメントがまとめられているサイト","tags":["accessibility","document","Tools"],"relatedLinks":[]},{"date":"2022-03-21T14:43:01.087Z","title":"Upgrading Next.js for instant performance improvements – Vercel","url":"https://vercel.com/blog/upgrading-nextjs-for-instant-performance-improvements","content":"Next.jsのデモアプリのNext.jsをアップデートしながら変更点を紹介しながらパフォーマンスがどのぐらい変わるかを紹介している記事。\n`getStaticProps`を使った初期データの取得の改善、`next/image`での画像最適化、Dynamic Routes/API Routesの利用、NextAuthの利用など。\nまた`next/dynamic`を使った動的インポート、Fontのインライン化や開発パフォーマンスの向上などについて","tags":["Next.js","article"],"relatedLinks":[]},{"date":"2022-03-21T15:02:08.542Z","title":"Shader Park","url":"https://shaderpark.com/","content":"High Level APIで2D/3Dのシェーダーをインタラクティブに書けるプラットフォーム。\n","tags":["WebGL","webservice","JavaScript"],"relatedLinks":[]},{"date":"2022-03-23T00:39:29.905Z","title":"Node v17.8.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v17.8.0/","content":"Node.js 17.8.0リリース。\n`PerformanceObserver`で`http`トレースができるようになるなど","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"http: trace http(s) client by perf_hooks by theanarkh · Pull Request #42345 · nodejs/node","url":"https://github.com/nodejs/node/pull/42345"}]},{"date":"2022-03-24T00:41:22.729Z","title":"PgTyped - Node.jsで型安全にSQLを管理するには | HiCustomer Lab - HiCustomer Developer's Blog","url":"https://tech.hicustomer.jp/posts/type-safe-sql-library-for-nodejs/","content":"SQLからTypeScriptの型とコードを生成するPgTypedについて。\n","tags":["PostgreSQL","TypeScript","article"],"relatedLinks":[{"title":"adelsz/pgtyped: pgTyped - Typesafe SQL in TypeScript","url":"https://github.com/adelsz/pgtyped"}]},{"date":"2022-03-24T00:48:57.542Z","title":"Parcel v2.4.0","url":"https://parceljs.org/blog/v2-4-0/","content":"Parcel v2.4.0リリース。\n@parcel/cssがデフォルト化された。\nそれに伴い、cssnano/autoprefixer/PostCSSの設定などが無視されるなどの変更が含まれる。","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2022-03-24T14:37:58.518Z","title":"tajo/ladle: 🥄 Develop, test and document your React components faster.","url":"https://github.com/tajo/ladle","content":"ViteベースのStorybookの代替実装","tags":["JavaScript","React","debug","Tools","vite"],"relatedLinks":[{"title":"Introducing Ladle | Ladle","url":"https://www.ladle.dev/blog/introducing-ladle/"}]},{"date":"2022-03-24T15:02:28.494Z","title":"Introducing Ladle | Ladle","url":"https://www.ladle.dev/blog/introducing-ladle/","content":"ViteベースのStorybook代替実装であるLadleについて。\nビルド時間の短縮といったパフォーマンスの改善などが主な目的で作られている","tags":["JavaScript","React","Tools","debug","vite"],"relatedLinks":[{"title":"tajo/ladle: 🥄 Develop, test and document your React components faster.","url":"https://github.com/tajo/ladle"}]},{"date":"2022-03-25T14:30:39.340Z","title":"Introducing MDN Plus: Make MDN your own - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2022/03/introducing-mdn-plus-make-mdn-your-own/","content":"MDN Plusについて。\nページの変更通知、ページのお気に入り機能、オフライン機能などが利用できるサブスクリプションの有料機能。\n現在はUSとCanadaで利用できる。","tags":["mdn","article"],"relatedLinks":[]},{"date":"2022-03-27T23:12:02.227Z","title":"MattiasBuelens/web-streams-polyfill: Web Streams, based on the WHATWG spec reference implementation","url":"https://github.com/MattiasBuelens/web-streams-polyfill","content":"Web Streamのpolyfillライブラリ","tags":["browser","stream","polyfill"],"relatedLinks":[]},{"date":"2022-03-28T12:31:55.199Z","title":"Release ES2022 Candidate March 2022 · tc39/ecma262","url":"https://github.com/tc39/ecma262/releases/tag/es2022-candidate-2022-03","content":"ECMAScript 2022 リリース候補版のリリース","tags":["ECMAScript","ReleaseNote"],"relatedLinks":[]},{"date":"2022-03-28T12:32:39.363Z","title":"Release ES Intl 2022 Candidate · tc39/ecma402","url":"https://github.com/tc39/ecma402/releases/tag/es2022-candidate","content":"ECMAScript 2022 Internationalizatio APIのリリース候補版のリリース。","tags":["ECMAScript","i18n","ReleaseNote"],"relatedLinks":[]},{"date":"2022-03-28T12:41:03.738Z","title":"Release Notes for Safari Technology Preview 142 | WebKit","url":"https://webkit.org/blog/12522/release-notes-for-safari-technology-preview-142/","content":"Safari Technology Preview 142リリース。\nCSS Subgrid/CSS Container Queries/CSS Motion Pathをデフォルトで有効化。\nES Proposal Stage3のShadow Realmsをデフォルトで有効化、Shared Workersの実装。\n実験的な`<model>`要素の実装など","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"explainers/README.md at main · WebKit/explainers","url":"https://github.com/WebKit/explainers/blob/main/model/README.md"}]},{"date":"2022-03-28T12:51:13.542Z","title":"Remixing React Router | Remix","url":"https://remix.run/blog/remixing-react-router","content":"RemixとReact Routerのリポジトリをマージする方針について。\nRemixをReact Routerのリポジトリへマージし、Remixというリポジトリ名に変更する予定について。","tags":["Remix","article"],"relatedLinks":[]},{"date":"2022-03-29T02:04:41.086Z","title":"Decorators (sans metadata) to stage 3, per 2022.03.28 TC39 · tc39/proposals@eced71d","url":"https://github.com/tc39/proposals/commit/eced71d59d7c34e0f173fdec6b6fb477fc2e0371","content":"ECMAScript ProposalのDecoratorがStage 3となった。","tags":["ECMAScript","proposal","news"],"relatedLinks":[]},{"date":"2022-03-29T02:21:59.645Z","title":"npm-scripts を書く時の手癖 - mizdra's blog","url":"https://www.mizdra.net/entry/2022/03/24/093000","content":"npm-scriptsの基本的なパターン、npm-run-allを使った複数のコマンドを実行するパターン、コードを使ったscriptを扱うパターンなどについての記事。","tags":["npm","node.js","article"],"relatedLinks":[]},{"date":"2022-03-29T03:00:38.585Z","title":"Tao of Node - Design, Architecture & Best Practices | Alex Kondov - Software Engineer","url":"https://alexkondov.com/tao-of-node/","content":"Node.jsでのウェブアプリケーション開発おけるプラクティスについての記事","tags":["node.js","article"],"relatedLinks":[]},{"date":"2022-03-29T03:01:42.026Z","title":"ブラウザ自動操作技術の深層へ、直接触れて学ぶ WebDriver と Chrome DevTools Protocol - Speaker Deck","url":"https://speakerdeck.com/hgsgtk/webdriver-cdp-using-php","content":"WebDriver APIとChrome DevTools Protocol(CDP)についてのスライド。\nそれぞれのAPIを使ってブラウザ操作を自動化する処理をどのように書くのかについて","tags":["testing","webdriver","Chrome","slide","php"],"relatedLinks":[]},{"date":"2022-03-30T13:52:16.809Z","title":"React v18.0 – React Blog","url":"https://reactjs.org/blog/2022/03/29/react-v18.html","content":"React 18リリース。\nConcurrent Renderingに対応するための変更と新しいAPIが追加される。\nsetStateの呼び出しを自動的にバッチ化とopt-outするための`flushSync`を追加、ページ遷移時の状態を扱うTransition APIを追加。\nクライアントに`createRoot`/`hydrateRoot`、サーバに`renderToPipeableStream`/`renderToReadableStream`を追加。\n`<StrictMode>`が開発時は再マウントをテストする挙動に変更、`useId`/`useSyncExternalStore`/`useInsertionEffect`のHooksの追加など。","tags":["React","ReleaseNote"],"relatedLinks":[{"title":"How to Upgrade to React 18 – React Blog","url":"https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html"}]},{"date":"2022-03-31T08:55:22.353Z","title":"Performance Tool in Firefox DevTools Reloaded - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2022/03/performance-tool-in-firefox-devtools-reloaded/","content":"Firefoxのパフォーマンスタブが新しくなる。\nプロファイルを記録し、そのパフォーマンスデータを https://profiler.firefox.com/ で表示と共有ができるようになる。","tags":["Firefox","performance","article"],"relatedLinks":[{"title":"Firefox Profiler","url":"https://profiler.firefox.com/"}]},{"date":"2022-03-31T09:06:16.554Z","title":"What's New In DevTools (Chrome 100) - Chrome Developers","url":"https://developer.chrome.com/blog/new-in-devtools-100/","content":"Chrome 100の開発社ツールの変更点について。\n`@support`のサポート、Recorderで`data-test`属性などのサポート、記録済みのセレクタの変更をサポート。\n\"Droppped frames\"を\"Partially presented frames\"という表現に変更など","tags":["Chrome","article"],"relatedLinks":[]},{"date":"2022-03-31T09:35:19.071Z","title":"nuxodin/dialog-polyfill: \"insert and thats it\"-dialog-polyfill","url":"https://github.com/nuxodin/dialog-polyfill","content":"Dialog要素のpolyfillライブラリ","tags":["HTML","polyfill","JavaScript"],"relatedLinks":[]},{"date":"2022-04-01T14:49:03.468Z","title":"Release v6.3.0 · remix-run/react-router","url":"https://github.com/remix-run/react-router/releases/tag/v6.3.0","content":"React Router 6.3.0リリース。\nv5からv6に移行を補助するための`react-router-dom-v5-compat`モジュールの追加","tags":["React","library","ReleaseNote"],"relatedLinks":[{"title":"Official v5 to v6 Migration Guide · Discussion #8753 · remix-run/react-router","url":"https://github.com/remix-run/react-router/discussions/8753"}]},{"date":"2022-04-02T13:32:04.297Z","title":"When does React render your component?","url":"https://www.zhenghao.io/posts/react-rerender","content":"Reactコンポーネントがいつレンダリングされるかについて書かれた記事。\nReactコンポーネントが再レンダリングされる条件、PropsとChildコンポーネントのレンダリング、Contextと再レンダリングについてなど","tags":["React","article","performance"],"relatedLinks":[]},{"date":"2022-04-02T14:55:11.028Z","title":"Chromium Blog: Chrome 101: Federated Credential Management Origin Trial, Media Capabilities for WebRTC, and More","url":"https://blog.chromium.org/2022/03/chrome-101-federated-credential.html","content":"Chrome 101ベータリリース。\nUA文字列の削減の開始。\nOrigin TrialとしてFedCMの追加、Priority Hintsがデフォルトで有効化。\n`AudioContext.outputLatency`の実装、CSSの`ont-palette`プロパティの実装、MediaCapabilities APIがWebRTCをサポート。\nThird-Party contextでのWebSQLのサポートを削除など","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Chromium Blog: User-Agent Reduction Origin Trial and Dates","url":"https://blog.chromium.org/2021/09/user-agent-reduction-origin-trial-and-dates.html"}]},{"date":"2022-04-03T04:46:06.112Z","title":"Announcing React Native 0.68 · React Native","url":"https://reactnative.dev/blog/2022/03/30/version-068","content":"React Native 0.68リリース。\n依存関係のアップデート、opt-inでNew Architectureへの対応に対応。\nReact 18の対応は含まれていない。","tags":["React","iOS","Android","ReleaseNote"],"relatedLinks":[]},{"date":"2022-04-03T04:53:30.113Z","title":"Release 0.7.0 · facebookexperimental/Recoil","url":"https://github.com/facebookexperimental/Recoil/releases/tag/0.7.0","content":"Recoil 0.7.0リリース。\n`atom()`と`atomFamily()`に`default`オプションを追加、Snapshotに`getStoreID()`メソッドの追加など","tags":["React","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-04-03T05:52:05.039Z","title":"ECMAScript proposal updates @ 2022-03 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2022/04/03/ecmascript-proposal-update","content":"2022年3月のTC39 MeetingでのECMAScript ProposalのStage変更まとめ。\nType AnnotationsがStage 1に、DecoratorがStage 3となった。","tags":["ECMAScript","proposal","news"],"relatedLinks":[{"title":"Updates from the 89th TC39 meeting - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/hemanth/updates-from-the-89th-tc39-meeting-5bkf"}]},{"date":"2022-04-04T11:54:03.754Z","title":"nicolo-ribaudo/jest-light-runner: A Jest runner that runs tests directly in bare Node.js, without virtualizing the environment.","url":"https://github.com/nicolo-ribaudo/jest-light-runner","content":"Jest向けの軽量なRunner。\n`jest-runner`からテストケースごとのIsolationのサポートを取り除くことで、テストの実行をより早くしている。","tags":["jest","node.js","library"],"relatedLinks":[]},{"date":"2022-04-04T13:10:59.782Z","title":"Understanding Layout Algorithms","url":"https://www.joshwcomeau.com/css/understanding-layout-algorithms/","content":"CSSのレイアウトアルゴリズム(レイアウトモード)について。\nそれぞれのレイアウトアルゴリズムによって同じプロパティでもどのように処理されるかは異なる。プロパティはレイアウトアルゴリズムという関数に渡される引数のようなものという話。","tags":["CSS","article"],"relatedLinks":[]},{"date":"2022-04-04T14:43:52.749Z","title":"vite/CHANGELOG.md at main · vitejs/vite","url":"https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#290-2022-03-30","content":"Vite 2.9.0リリース。\n依存関係のscanとpre-bundleの処理を改善、実験的にCSSのSource Mapのサポート、Web WorkerのSource Mapサポートの改善。\nGlob Importsに`{ as: 'raw' }`を追加し、`{ assert: { type: 'raw' }}`は非推奨化。\nPlugin向けの変更として、ClientとServer間をWebSocketsでやりとりできるAPIの追加など","tags":["vite","ReleaseNote"],"relatedLinks":[]},{"date":"2022-04-04T14:52:49.666Z","title":"Shakerphobia","url":"https://shakerphobia.netlify.app/","content":"npmパッケージ時からimportするものを指定し、Tree Shaking後のbundle sizeを計測するツール","tags":["JavaScript","Tools","bundler"],"relatedLinks":[]},{"date":"2022-04-05T02:23:45.024Z","title":"Locale Aware Sorting in JavaScript","url":"https://elijahmanor.com/byte/js-locale-sort","content":"`Intl.Collator`を使ったローカライズされた文字列のソートについて","tags":["i18n","JavaScript","article"],"relatedLinks":[]},{"date":"2022-04-05T02:30:29.215Z","title":"Electron 18.0.0 | Electron","url":"https://www.electronjs.org/blog/electron-18-0","content":"Electron 18.0.0リリース。\nChromium 100、Node.js 16.13.2、V8 10.0へアップデート。\nElectron 15で`nativeWindowOpen: true`がデフォルトとなったため、これを無効化するためだけに残されていた`nativeWindowOpen`オプションが削除された。","tags":["Electron","ReleaseNote"],"relatedLinks":[]},{"date":"2022-04-07T13:16:20.585Z","title":"Astro 1.0 Beta Release | Astro","url":"https://astro.build/blog/astro-1-beta-release/","content":"Astro 1.0 betaリリース。\n2022年6月8日に正式リリースの予定。","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2022-04-07T13:38:04.424Z","title":"プロを目指す人のためのTypeScript入門　安全なコードの書き方から高度な型の使い方まで：書籍案内｜技術評論社","url":"https://gihyo.jp/book/2022/978-4-297-12747-3","content":"2022年4月22日発売\nTypeScriptの入門書","tags":["TypeScript","book"],"relatedLinks":[]},{"date":"2022-04-07T13:59:03.390Z","title":"Announcing Rome Formatter","url":"https://rome.tools/blog/2022/04/05/rome-formatter-release","content":"Rustに書き直されたRomeのFormatterがリリースされた。\nPrettierの挙動をベースにしていて、opt-inで構文エラーのコードに対する整形も対応している。","tags":["JavaScript","Rust","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2022-04-10T01:50:40.776Z","title":"Release v8.0.0 · cucumber/cucumber-js","url":"https://github.com/cucumber/cucumber-js/releases/tag/v8.0.0","content":"Cucumber.js 8.0.0リリース。\n","tags":["JavaScript","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2022-04-10T02:10:44.364Z","title":"Announcing RedwoodJS 1.0 and $1M Funding","url":"https://tom.preston-werner.com/2022/04/04/redwood-v1-and-funding.html","content":"React/GraphQL/Prisma/Jest/Storybookを組み合わせたアプリケーションフレームワークであるRedwoodJS 1.0リリース。\n","tags":["JavaScript","library","ReleaseNote","React","GraphQL","prisma","jest"],"relatedLinks":[{"title":"Redwood 1.0.0-rc.final is Available 🚀 - Announcements / Releases and Upgrade Guides - RedwoodJS Community","url":"https://community.redwoodjs.com/t/redwood-1-0-0-rc-final-is-available/2902"}]},{"date":"2022-04-10T11:36:40.873Z","title":"Announcing TypeScript 4.7 Beta - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-7-beta/","content":"TypeScript 4.7 betaリリース。\nNode.jsのECMAScript Moduleサポートを再び有効化、`moduleDetection`オプションの追加。\nCompuatedプロパティに対するコントロールフロー解析の改善、オブジェクトにおける関数の型推論の改善。Genericsの型を指定したaliasを定義できる Instantiation Expressionsをサポート。\n`infer`に対する`extends`での推論条件の追加をサポート、型が共変(`in`)/反変(`out`)/不変(`in out`)なのかを指定できるアノテーションを追加。\nモジュール解決持の探索方法をカスタマイズする`moduleSuffixes`オプションの追加、`import type`とReference Commentで`resolution-mode`を指定できるように。","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2022-04-10T12:22:38.973Z","title":"Release Notes for Safari Technology Preview 143 | WebKit","url":"https://webkit.org/blog/12563/release-notes-for-safari-technology-preview-143/","content":"Safari Technology Preview 143リリース。\nCSS Container Queriesの改善、CSS Cascade Layersの改善。Web Animation APIの改善。\nPermissions APIをデフォルトで有効化、`inert`属性をデフォルトで有効化。","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"HTMLElement.inert - Web API | MDN","url":"https://developer.mozilla.org/ja/docs/Web/API/HTMLElement/inert"}]},{"date":"2022-04-10T13:05:56.169Z","title":"04.01.2022 - TypeScript/How the compiler compiles","url":"https://www.huy.rocks/everyday/04-01-2022-typescript-how-the-compiler-compiles","content":"TypeScript CompilerがどうやってTypeScritのコードをコンパイル、エラーを報告しているかについての解説記事","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2022-04-10T13:09:28.719Z","title":"AgnosticUI/agnosticui: AgnosticUI is a set of UI primitives that start their lives in clean HTML and CSS. These standards compliant components are then copied to our framework implementations in: React, Vue 3, Angular, and Svelte.","url":"https://github.com/agnosticui/agnosticui","content":"UIコンポーネントフレームワーク。\nプレーンなJSからも利用でき、React/Angular/Svelte/Vueなどの各種UIフレームワーク向けのパッケージも公開されている。","tags":["UI","library"],"relatedLinks":[]},{"date":"2022-04-11T09:22:03.913Z","title":"Turborepo 1.2 | Turborepo","url":"https://turborepo.org/blog/turbo-1-2-0","content":"Turborepot 1.2リリース。\n対象をフィルターできる`--filter`フラグの追加、`--dry-run`フラグの追加。\nパフォーマンスの改善、キャッシュの整合性をHMACで検証できる`signature`オプションの追加など","tags":["monorepo","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2022-04-11T10:07:43.457Z","title":"Making of: The Sanitizer API (Nullcon 2022) - Google スライド","url":"https://docs.google.com/presentation/d/1eLmIZkY7auD8xT-Q6AzBKM_ASFHH8Z5fMyfeoSbSH-k/view#slide=id.g82761e80df_0_1948","content":"Sanitizer APIについてのスライド。 \nDOM XSSを防ぐSanitizer APIがサニタイズしたHTML文字列を返すAPIではない理由、`setHTML` APIについて","tags":["DOM","API","security","slide"],"relatedLinks":[{"title":"Sanitizer API creating mock context-element can cause XSS when used in different context · Issue #42 · WICG/sanitizer-api","url":"https://github.com/WICG/sanitizer-api/issues/42"},{"title":"1669945 - Sanitizer bypass if the sanitized markup is assigned to srcdoc","url":"https://bugzilla.mozilla.org/show_bug.cgi?id=1669945"}]},{"date":"2022-04-11T11:39:04.402Z","title":"Release v8.0.0-rc.0 · reduxjs/react-redux","url":"https://github.com/reduxjs/react-redux/releases/tag/v8.0.0-rc.0","content":"React-Redux v8.0.0-rc.0リリース。\n`@types/react-readux`に存在した`DefaultRootState`の型定義を削除など","tags":["React","redux","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-04-11T23:24:15.658Z","title":"ECMAScript proposal “Change Array by copy”: four new non-destructive Array methods","url":"https://2ality.com/2022/04/change-array-by-copy.html","content":"ECMAScript Proposal Stage 3のChange Array by copyについて。\nArrayのメソッドには破壊的なメソッドが混ざっていたが、それに対応する非破壊的なメソッドを追加するProposal","tags":["ECMAScript","proposal","article"],"relatedLinks":[]},{"date":"2022-04-11T23:57:53.717Z","title":"goldbergyoni/javascript-testing-best-practices: 📗🌐 🚢 Comprehensive and exhaustive JavaScript & Node.js testing best practices (April 2022)","url":"https://github.com/goldbergyoni/javascript-testing-best-practices","content":"JavaScriptのテストについてのドキュメント。 テストの構造、バックエンド、フロントエンド、CIなどについて書かれているjavascript-testing-best-practicesがアップデートされた","tags":["JavaScript","testing","news"],"relatedLinks":[]},{"date":"2022-04-12T22:46:47.169Z","title":"Release 2.0.0-beta.0 · vercel/swr","url":"https://github.com/vercel/swr/releases/tag/2.0.0-beta.0","content":"SWR 2.0.0-beta.0リリース。\nリモートの副作用のあるリクエストを扱う`useSWRMutation`の追加。\n破壊的な変更としてFetcherには複数の引数として展開しないように変更など","tags":["React","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-04-12T22:58:17.877Z","title":"antfu/vue-starport: 🛰 Shared component across routes with animations","url":"https://github.com/antfu/vue-starport","content":"ページをまたいでで同じコンポーネントを表示、遷移アニメーションを行うVueコンポーネント。\n共有するコンポーネントをRootに引き上げることで、ページ間で同じコンポーネントのインスタンスを維持している。","tags":["Vue","library"],"relatedLinks":[]},{"date":"2022-04-16T08:10:01.255Z","title":"ThomasAribart/json-schema-to-ts: Infer TS types from JSON schemas 📝","url":"https://github.com/ThomasAribart/json-schema-to-ts","content":"JSON SchemaからTypeScriptの型へ変換するライブラリ","tags":["JSON","TypeScript","library"],"relatedLinks":[]},{"date":"2022-04-16T08:15:08.277Z","title":"Release 3.22.0 - 2022.04.15 · zloirock/core-js","url":"https://github.com/zloirock/core-js/releases/tag/v3.22.0","content":"core-js v3.22.0リリース。\nChange Array by copy proposalの仕様追従、`atob`/`btoa`の修正、compat dataの更新など","tags":["JavaScript","polyfill","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-04-16T08:18:41.893Z","title":"New React 18 features and changes - Xebia","url":"https://xebia.com/new-react-18-features-and-changes/","content":"React 18の変更点についての解説。\nConcurrent renderer、createRoot/hydrateRootとonRecoverableErrorについて。\nAutomatic batchingとflushSync。\n新しく追加されたHooks APIであるuseTransition/useDeferredValue、useId、useSyncExternalStore、useInsertionEffectについて","tags":["React","article"],"relatedLinks":[]},{"date":"2022-04-16T08:23:13.907Z","title":"なぜ我々はsession.cookieを変更しなければならなかったのか - BASEプロダクトチームブログ","url":"https://devblog.thebase.in/entry/2022/04/13/114714","content":"Public Suffix Listへの追加申請と、ブラウザに同梱されるタイミングの話。\nブラウザの復元機能によって、変更前と変更後の同名Cookieが存在してしまう問題とブラウザごとの挙動の違いについて。","tags":["browser","privacy","article"],"relatedLinks":[]},{"date":"2022-04-16T08:26:38.296Z","title":"Release v1.4.0 · remix-run/remix","url":"https://github.com/remix-run/remix/releases/tag/v1.4.0","content":"Remix v1.4.0リリース。\n`remix`という単独のパッケージを参照させる\"magic imports\"という仕組みのために、`node_modules`を直接編集してたがpnpmなどで動かない問題があった。\nそのため、それぞれのパッケージを参照するようにするためのマイグレーションスクリプトの公開とそれに関連する変更が含まれている。","tags":["JavaScript","Remix","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-04-16T08:29:35.646Z","title":"Shopify/javy: JS to WebAssembly toolchain","url":"https://github.com/Shopify/javy","content":"JavaScriptのコードを実行するWebAssembly。\nJavaScriptエンジンにはQuickJSを利用している。\nShopifyで利用されている。","tags":["JavaScript","WebAssembly","Tools"],"relatedLinks":[]},{"date":"2022-04-16T08:50:03.971Z","title":"Building a dialog component","url":"https://web.dev/building-a-dialog-component/","content":"`<dialog>`要素を使ったダイアログの作成とアクセシビリティについての記事。\nダイアログ表示とユーザー入力を無視する`inert`属性、`autofocus`属性、ESCキーでの非表示。\n`<dialog>`要素のスタイル、Header/Footerのデザイン、`overscroll-behavior`でのbody scroll lock、JavaScriptとの連携方法について","tags":["HTML","article","accessibility"],"relatedLinks":[]},{"date":"2022-04-16T08:50:55.308Z","title":"facebook/lexical: Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.","url":"https://github.com/facebook/lexical","content":"テキストエディタを作るためのJavaScriptフレームワーク。\nエディタの状態をdouble-bufferingで管理している。\n状態の変更をdiff/patchで表示に反映させる。\nまたcontentEditableを使っているが、外部からの変更をMutationObserverで監視し、エディタの状態を更新している。","tags":["JavaScript","editor","library"],"relatedLinks":[]},{"date":"2022-04-17T00:37:27.419Z","title":"Release v8.0.0 · reduxjs/react-redux","url":"https://github.com/reduxjs/react-redux/releases/tag/v8.0.0","content":"React-Redux v8.0.0リリース。\nコードベースをTypeScriptに書き換え、APIの互換性は維持している。\n`useSyncExternalStore`を使ったReact 18の対応、TypeScriptの型定義から`DefaultRootState`を削除、`connectAdvanced`の削除など","tags":["React","redux","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-04-18T11:48:24.246Z","title":"util: add parseArgs module by bcoe · Pull Request #42675 · nodejs/node","url":"https://github.com/nodejs/node/pull/42675","content":"Node.jsにコマンドライン引数のパースをする`util.parseArgs`を追加するProposal","tags":["node.js","proposal","issue"],"relatedLinks":[{"title":"pkgjs/parseargs: Polyfill of future proposal for `util.parseArgs()`","url":"https://github.com/pkgjs/parseargs"}]},{"date":"2022-04-18T11:50:07.863Z","title":"ehmicky/wild-wild-path: 🤠 Object property paths with wildcards and regexps 🌵","url":"https://github.com/ehmicky/wild-wild-path","content":"`*`と正規表現でマッチしたオブジェクトのプロパティの取得と設定ができるライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2022-04-18T12:38:25.173Z","title":"Release v13.1.0 · testing-library/react-testing-library","url":"https://github.com/testing-library/react-testing-library/releases/tag/v13.1.0","content":"react-testing-library 13.1.0リリース。\nReact 18のHooksをテストするための`renderHook` APIを追加。","tags":["React","testing","library","ReleaseNote"],"relatedLinks":[{"title":"feat: Add `renderHook` by eps1lon · Pull Request #991 · testing-library/react-testing-library","url":"https://github.com/testing-library/react-testing-library/pull/991"},{"title":"testing-library/react-hooks-testing-library: 🐏 Simple and complete React hooks testing utilities that encourage good testing practices.","url":"https://github.com/testing-library/react-hooks-testing-library#a-note-about-react-18-support"}]},{"date":"2022-04-18T13:12:09.861Z","title":"Release 2.0.0-beta.1 · vercel/swr","url":"https://github.com/vercel/swr/releases/tag/2.0.0-beta.1","content":"SWR 2.0.0-beta.1リリース。\n`useSWR`が`isLoading`を返すように、`keepPreviousData`オプションの追加など","tags":["React","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-04-18T13:32:09.096Z","title":"Boost Resource Loading With fetchpriority, a New Priority Hint — Smashing Magazine","url":"https://www.smashingmagazine.com/2022/04/boost-resource-loading-new-priority-hint-fetchpriority/","content":"リソースロードの優先度を定義する`fetchpriority`属性について。\n","tags":["HTML","performance","Fetch","article"],"relatedLinks":[{"title":"WICG/priority-hints: A browser API to enable developers signal the priorities of the resources they need to download.","url":"https://github.com/WICG/priority-hints"},{"title":"HTMLIFrameElement.fetchpriority - Web APIs | MDN","url":"https://developer.mozilla.org/en-US/docs/Web/API/HTMLIFrameElement/fetchpriority"}]},{"date":"2022-04-18T13:34:43.389Z","title":"从 Turborepo 看 Monorepo 工具的任务编排能力 · Issue #13 · worldzhao/blog","url":"https://github.com/worldzhao/blog/issues/13","content":"monorepoにおける依存関係の管理、タスクのスケジューリング、バージョン管理について。\nタスクの並列実行、トポロジカルソース、TurborepoとRushのアプローチ、リモートキャッシュについての解説。","tags":["monorepo","article","JavaScript"],"relatedLinks":[]},{"date":"2022-04-19T21:34:29.318Z","title":"WebAssembly 2.0 First Public Working Drafts | W3C News","url":"https://www.w3.org/blog/news/archives/9509","content":"WebAssembly 2.0 First Public Working Draftが公開された","tags":["WebAssembly","proposal","news"],"relatedLinks":[]},{"date":"2022-04-21T12:40:13.239Z","title":"Release v7.0.0 · inikulin/parse5","url":"https://github.com/inikulin/parse5/releases/tag/v7.0.0","content":"HTMLパーサのparse5 7.0.0リリース。\nESMモジュール化、TypeScriptで書き直し型定義を同梱するように、`parse5-serializer-stream`の削除など。\nまた、パフォーマンスが改善されている","tags":["HTML","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-04-21T12:42:58.960Z","title":"Release packemon@2.0.0 · milesj/packemon","url":"https://github.com/milesj/packemon/releases/tag/packemon%402.0.0","content":"ライブラリ向けのモジュールbundlerであるpackemon　2.0.0リリース。\nIE向けのビルドを削除、Node 14未満のサポート終了、\nSWCのサポートなど","tags":["npm","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-04-21T12:45:34.423Z","title":"Release 3.12.0 · prisma/prisma","url":"https://github.com/prisma/prisma/releases/3.12.0","content":"Prisma 3.12.0リリース。\nMongoDBがGenerally Availableとなった","tags":["prisma","MongoDB","ReleaseNote"],"relatedLinks":[]},{"date":"2022-04-21T20:56:24.727Z","title":"How Jotai Specifies Package Entry Points · Daishi Kato's blog","url":"https://blog.axlight.com/posts/how-jotai-specifies-package-entry-points/","content":"`exports`フィールドについての記事。\n`default`と`import`指定を使ったESMとCJSの対応、一部ツールのための`package.json`や`module`指定のfallback、TypeScriptの`.d.ts`の対応などについて。\n","tags":["node.js","library","article"],"relatedLinks":[]},{"date":"2022-04-21T22:00:28.223Z","title":"Release v4.2.0 · reduxjs/redux","url":"https://github.com/reduxjs/redux/releases/tag/v4.2.0","content":"Redux v4.2.0リリース。\n`@reduxjs/toolkit`への移行を促すために、`createStore` APIをDeprecatedにして、`legacy_createStore` APIを追加。","tags":["redux","library","ReleaseNote"],"relatedLinks":[{"title":"Mark `createStore` as deprecated · Issue #4325 · reduxjs/redux","url":"https://github.com/reduxjs/redux/issues/4325"},{"title":"Why Redux Toolkit is How To Use Redux Today | Redux","url":"https://redux.js.org/introduction/why-rtk-is-redux-today"}]},{"date":"2022-04-22T21:17:43.298Z","title":"Deno 1.21 Release Notes","url":"https://deno.com/blog/v1.21","content":"Deno 1.21リリース。\n明示的に型チェックをする`deno check`コマンドを追加し、次のリリースで`deno run`の型チェックはデフォルトでは無効にする予定。\n`globalThis.reportError`と`error`イベントをサポート、`deno repl`に`--eval-file`フラグを追加。\n`deno fmt`と`deno lint`がデフォルトでキャッシュされるように。\nUnstableなAPIとして、`Deno.spawn`/`Deno.spawnChild`/`Deno.spawnSync`の追加。\n`deno test`のBDDライクな`describe`や`it`などのメソッドを追加、STDに`spy`/`stub`/`assertSnapshot`/`FakeTime`を追加など","tags":["deno","ReleaseNote"],"relatedLinks":[{"title":"Implement new two-tier subprocess API · Issue #11016 · denoland/deno","url":"https://github.com/denoland/deno/issues/11016"}]},{"date":"2022-04-22T23:15:10.896Z","title":"Release v2.5.0 · parcel-bundler/parcel","url":"https://github.com/parcel-bundler/parcel/releases/tag/v2.5.0","content":"Parcel v2.5.0リリース。\nWebExtension Manifest v3をサポート、`__dirname`と`__filename`の変換を修正、`process.env`に対する`in`演算子をサポートなど","tags":["JavaScript","Tools","bundler","ReleaseNote"],"relatedLinks":[]},{"date":"2022-04-24T01:11:55.010Z","title":"Node.js 18 is now available! | Node.js","url":"https://nodejs.org/en/blog/announcements/v18-release-announce/","content":"Node.js 18.0.0リリース。\n2022年10月にLTSとなる予定のメジャーバージョン。\n`fetch` API、Web Streams API、`Blob`/`broadcastChannel` APIなどウェブ標準をサポート。\n`node:test`モジュールの追加、`--node-snapshot-main`の追加、V8 10.1へアップデートなど。\nまた、`server.headersTimeout`と`server.requestTimeout`のデフォルト値の変更など","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"Release 2022-04-19, Version 18.0.0 (Current), @BethGriggs · nodejs/node","url":"https://github.com/nodejs/node/releases/tag/v18.0.0"},{"title":"Node.js v18 の主な変更点 - 別にしんどくないブログ","url":"https://shisama.hatenablog.com/entry/2022/04/20/011103"}]},{"date":"2022-04-24T12:46:38.269Z","title":"Nuxt - Announcing Nuxt 3 Release Candidate","url":"https://nuxtjs.org/announcements/nuxt3-rc/","content":"Nuxt 3 RCリリース。\nVue 3、TypeScript、Viteのサポート。\nサーバーエンジンのNitroとポータブルな出力の対応など","tags":["Vue","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-04-24T13:07:52.947Z","title":"unjs/nitro: ⚗️ Build and deploy universal JavaScript servers","url":"https://github.com/unjs/nitro","content":"Nuxt 3で利用されているサーバエンジン。\nディレクトリベースのルーティング、Vercel/AWS Lambada/Cloudflare Workersなどのプロバイダにデプロイできるサーバコード生成機能を持つ","tags":["server","JavaScript","library"],"relatedLinks":[]},{"date":"2022-04-24T14:11:33.136Z","title":"How We Migrated from Javascript and Flow to TypeScript at Osome - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/frolovdev/how-we-migrated-from-javascript-and-flow-to-typescript-at-osome-4661","content":"JavaScriptとFlowTypeからTypeScriptへのマイグレーションをした話。\ndepcruiseでの依存グラフのチェック、Flow to TSとTS Migrateを使った移行、型がついたコードのカバレッジを調べるツールについて","tags":["TypeScript","flowtype","article"],"relatedLinks":[]},{"date":"2022-04-24T14:12:56.093Z","title":"plantain-00/type-coverage: A CLI tool to check type coverage for typescript code","url":"https://github.com/plantain-00/type-coverage","content":"型がついている(`any`ではない)TypeScriptのコードカバレッジを出すツール","tags":["TypeScript","Tools"],"relatedLinks":[]},{"date":"2022-04-26T03:11:19.560Z","title":"eolme/i18nano: Lightweight translation module with functionality similar to react-i18next","url":"https://github.com/eolme/i18nano","content":"React向けのi18nコンポーネント。\n言語ごとのファイルをDynamic Importでロードできるようになっている","tags":["React","i18n","library"],"relatedLinks":[]},{"date":"2022-04-26T03:15:47.231Z","title":"Jest 28: Shedding weight and improving compatibility 🫶 · Jest","url":"https://jestjs.io/blog/2022/04/25/jest-28","content":"Jest 28リリース。\nテストを分割して実行できる`--shard`オプションの追加、`exports`フィールドの対応、fakeTimersの改善、GitHub Actionsのreporters対応。\n`testEnvironmentOptions`をインラインコメントで定義できるように、`fetch`などのグローバル対応、ESM対応の改善など","tags":["JavaScript","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-04-30T03:02:13.810Z","title":"Release 4.18.0 · expressjs/express","url":"https://github.com/expressjs/express/releases/tag/4.18.0","content":"express 4.18.0リリース。\n`res.download`に`root`オプションの追加、cookieに`priority`オプションの追加。\nまた、`res.status`にNumber以外を渡すケースををDeprecatedに変更など","tags":["node.js","express","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-04-30T04:02:56.799Z","title":"shuding/tilg: A magical React Hook that helps you debug components.","url":"https://github.com/shuding/tilg","content":"React ComponnetのレンダリングやライフサイクルをデバッグできるHooksライブラリ。\nコンポーネントのPropsやStateの変化をログに出し、なぜ再レンダリングされたかをみれるライブラリ","tags":["React","debug","library"],"relatedLinks":[]},{"date":"2022-04-30T04:13:37.206Z","title":"tdewolff/minify: Go minifiers for web formats","url":"https://github.com/tdewolff/minify","content":"Go言語で実装されたHTML/JSON/JS/SVG/XMLのminifyツール。\nPythonとNode.js向けのバインディングが用意されている","tags":["HTML","JavaScript","JSON","SVG","golang","Tools"],"relatedLinks":[]},{"date":"2022-04-30T04:41:28.450Z","title":"Chromium Blog: Chrome 102: Window Controls Overlay, a Host of Finished Origin Trials, PWAs as File Handlers and More","url":"https://blog.chromium.org/2022/04/chrome-102-window-controls-overlay-host.html","content":"Chrome 102 betaリリース。\nWindow Controls Overlay、`inert`属性、Navigation API、`hidden=until-found`のサポート。\nOrigin Private File System extension(OPFS)のAccessHandle APIのサポート。\nWebHIDに`exclusionFilters`オプションの追加、Private IPへのサブリソースリクエスト時にPreflightの発生と警告が出るように、WebRTCのSDP Plan Bを削除。","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2022-04-30T13:14:50.258Z","title":"Remotion 3.0 | Remotion","url":"https://www.remotion.dev/blog/3-0","content":"Reactで動画を作成するRemotion 3.0リリース。\nエンコーディングのパフォーマンス改善、動画をレンダリングできる`renderMedia` API、エラー表示の改善、React 18のサポートなど","tags":["React","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-04-30T23:40:23.998Z","title":"Release 18.1.0 (April 26, 2022) · facebook/react","url":"https://github.com/facebook/react/releases/tag/v18.1.0","content":"React v18.1.0リリース。\nバグ修正が主な変更。\n`use-subscription`のshimの実装が`use-sync-external-store`をラップしただけの実装へと変更された。","tags":["React","ReleaseNote"],"relatedLinks":[]},{"date":"2022-05-01T01:43:39.644Z","title":"Release v7.0.0 · pnpm/pnpm","url":"https://github.com/pnpm/pnpm/releases/tag/v7.0.0","content":"pnpm v7.0.0リリース。\nNode.js 12のサポート終了、root packageは`pnpm -r exec`などの対象からデフォルトで除外するように変更。`--filter`がglobをサポート、`@types/*`を自動的にhoistしないようになるなど。","tags":["pnpm","ReleaseNote"],"relatedLinks":[]},{"date":"2022-05-01T02:05:37.615Z","title":"Release v3.0.0 · capricorn86/happy-dom","url":"https://github.com/capricorn86/happy-dom/releases/tag/v3.0.0","content":"Happy DOM 3.0.0リリース。\nTargetをES5からES2022に変更、WindowをVM contextとなるように変更など","tags":["DOM","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-05-01T02:09:12.207Z","title":"Release v8.8.0 · npm/cli","url":"https://github.com/npm/cli/releases/tag/v8.8.0","content":"npm v8.8.0リリース。\n`file:`で指定されたプロジェクト外への依存をsymlinkではなくコピーでインストールできる`--install-links`フラグが追加された。","tags":["npm","ReleaseNote"],"relatedLinks":[]},{"date":"2022-05-01T05:31:33.367Z","title":"Cypress 9.6.0: Easily test multi-domain workflows with cy.origin","url":"https://cypress.io/blog/2022/04/25/cypress-9-6-0-easily-test-multi-domain-workflows-with-cy-origin/","content":"Cypress 9.6.0リリース。\nCypressはブラウザ内でテストを実行するためマルチドメインに関わるテストはSame Origin Policyで上手く行かないケースがあった。\nこれを解決するために`cy.origin` APIがフラグ付きで実装された。","tags":["browser","testing","library","ReleaseNote"],"relatedLinks":[{"title":"Release 9.6.0 · cypress-io/cypress","url":"https://github.com/cypress-io/cypress/releases/tag/v9.6.0"}]},{"date":"2022-05-01T05:40:06.567Z","title":"Non-interactive Elements with the inert attribute | WebKit","url":"https://webkit.org/blog/12578/non-interactive-elements-with-the-inert-attribute/","content":"`inert`属性についての解説記事。\n今まではfocusは`tabindex`、クリックは`pointer-events`、選択範囲は`user-select`、`aria-hidden`などの各種対応が必要だったが、まとめて不活性として設定できる属性。","tags":["browser","HTML","article"],"relatedLinks":[]},{"date":"2022-05-01T05:52:25.840Z","title":"frouriojs/notios","url":"https://github.com/frouriojs/notios","content":"npm run-scriptsをインタラクティブに複数実行、その実行状況やログを確認できるCUIを提供するツール。\nnpm-run-allのラッパーであるため、npm-run-allと同様のコマンドも提供している。","tags":["npm","Tools","debug"],"relatedLinks":[{"title":"Node.jsモノレポ開発のターミナルログ混雑解消のための新作CLIツールnotiosを紹介","url":"https://zenn.dev/luma/articles/nodejs-new-cli-tool-notios"}]},{"date":"2022-05-01T06:11:07.230Z","title":"Release v10.0.0 · mochajs/mocha","url":"https://github.com/mochajs/mocha/releases/tag/v10.0.0","content":"Mocha v10.0.0リリース。\nNode.js 12のサポート終了、IE11のサポート終了、AMD/RequireJSのサポート終了、Growlサポートの終了、`bin/mocha`を`bin/mocha.js`にリネームなど","tags":["JavaScript","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-05-03T01:57:19.138Z","title":"“Tao of Node - Design, Architecture & Best Practices” 日本語翻訳","url":"https://jqk.life/tao-of-node-japanese","content":"https://alexkondov.com/tao-of-node/ の翻訳","tags":["node.js","article","translate"],"relatedLinks":[]},{"date":"2022-05-03T02:09:54.544Z","title":"The State of Frontend 2022","url":"https://tsh.io/state-of-frontend/","content":"The Software Houseによるフロントエンドに関するアンケート結果。\nフレームワーク、ライブラリ、TypeScript、SSG、ホスティング、Microfrontend、テスト、アクセシビリティ、パフォーマンス、SEOなどの各項目についてのアンケート結果が公開されている","tags":["Survey","web ","JavaScript","CSS","document"],"relatedLinks":[]},{"date":"2022-05-03T02:13:00.975Z","title":"Node.js 18 Introduces Prefix-Only Core Modules","url":"https://fusebit.io/blog/node-18-prefix-only-modules/","content":"`node:test`のようにnode prefixを付けたコアモジュールを扱う理由についての解説記事。\n新しい名前を追加するときの対応コスト、Typosquattingのような攻撃を回避するため。","tags":["node.js","article"],"relatedLinks":[]},{"date":"2022-05-03T14:28:29.592Z","title":"Node v18.1.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v18.1.0/","content":"Node.js 18.1.0リリース。\n`WebAssembly.compileStreaming()`と`WebAssembly.instantiateStreaming()`の実装。\n`node:test`を使ったテストを実行する`node --test`フラグの追加","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2022-05-07T17:06:58.982Z","title":"Primitives – Radix UI","url":"https://www.radix-ui.com/","content":"React向けのUIフレームワーク","tags":["UI","React","library","accessibility"],"relatedLinks":[]},{"date":"2022-05-08T03:47:21.567Z","title":"Announcement: Passing the torch · Issue #3121 · lerna/lerna","url":"https://github.com/lerna/lerna/issues/3121","content":"lernaのメンテナンスはNxを開発してるNrwlが引き継ぐとアナウンスされた。","tags":["monorepo","Tools","news"],"relatedLinks":[]},{"date":"2022-05-09T01:34:48.788Z","title":"httptoolkit/mockrtc: Powerful friendly WebRTC mock peer & proxy","url":"https://github.com/httptoolkit/mockrtc","content":"WebRTCのモックサーバ、Proxy、テストライブラリ。\n","tags":["WebRTC","testing","library","proxy"],"relatedLinks":[]},{"date":"2022-05-09T08:24:56.110Z","title":"TypeScript におけるモジュール関連オプションの整理. TypeScript 4.7 で “module” という名前で始まる… | by Yosuke Kurami | May, 2022 | Medium","url":"https://quramy.medium.com/typescript-%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8B%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB%E9%96%A2%E9%80%A3%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%AE%E6%95%B4%E7%90%86-efdf860a7c4","content":"TypeScriptのモジュール周りのオプションについて","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2022-05-09T09:00:29.748Z","title":"Babylon.js 5.0: Beyond the Stars. Our mission is to create one of the… | by Babylon.js | May, 2022 | Medium","url":"https://babylonjs.medium.com/babylon-js-5-0-beyond-the-stars-2d11d4c3d07","content":"Babylon.js 5.0リリース。\nWebGPUのサポート、Animation Curve Editorのサポート、Performance Profilerの刷新、GUI Editorのベータサポートなど","tags":["WebGL","WebGPU","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-05-09T09:03:51.975Z","title":"yisibl/resvg-js: A high-performance SVG renderer and toolkit, powered by Rust based resvg and napi-rs.","url":"https://github.com/yisibl/resvg-js","content":"Rust製のresvgベースのSVGライブラリ。\nNode.js向けのNative ModulesとWebAssembly版が用意されている。","tags":["Rust","JavaScript","library"],"relatedLinks":[]},{"date":"2022-05-09T23:53:27.522Z","title":"WinterCG","url":"https://wintercg.org/","content":"サーバやCDN Edge RuntimeのAPI標準化についてのワーキンググループ。\nDeno、Cloudflare、Vercel、Node.jsが参加している。","tags":["deno","node.js","cloudflare","community"],"relatedLinks":[{"title":"A Community Group for Web-interoperable JavaScript runtimes","url":"https://blog.cloudflare.com/introducing-the-wintercg/"},{"title":"Announcing the Web-interoperable Runtimes Community Group","url":"https://deno.com/blog/announcing-wintercg"}]},{"date":"2022-05-10T15:44:39.110Z","title":"kawamataryo/suppress-ts-errors: CLI tool to add comments to suppress type errors in TypeScript","url":"https://github.com/kawamataryo/suppress-ts-errors","content":"TypeScriptでコンパイルエラーとなる箇所に`@ts-expect-error`を追加できるツール。\n`strict: true`への移行時などに暫定的に型エラーを無視するためのツール","tags":["TypeScript","Tools","Vue"],"relatedLinks":[{"title":"TypeScriptを&quot;strict: true&quot;で使いたい全ての人へ〜suppress-ts-errorsの紹介","url":"https://zenn.dev/ryo_kawamata/articles/suppress-ts-errors"}]},{"date":"2022-05-10T15:47:53.562Z","title":"Release 14.0.0 · puppeteer/puppeteer","url":"https://github.com/puppeteer/puppeteer/releases/tag/v14.0.0","content":"Puppeteer v14.0.0リリース。\nNode.js 12のサポート終了。\nM1 Mac向けのChromiumをダウンロードする`PUPPETEER_EXPERIMENTAL_CHROMIUM_MAC_ARM=1`フラグの追加、ESMのサポートなど","tags":["puppeteer","ReleaseNote","Chrome"],"relatedLinks":[]},{"date":"2022-05-11T02:16:40.611Z","title":"プライバシーサンドボックス - Chrome Developers","url":"https://developer.chrome.com/ja/docs/privacy-sandbox/","content":"Privacy Sandboxについての翻訳まとめ","tags":["privacy","Chrome","translate"],"relatedLinks":[]},{"date":"2022-05-11T02:46:13.921Z","title":"Performance insights: Get actionable insights on your website's performance - Chrome Developers","url":"https://developer.chrome.com/docs/devtools/performance-insights/","content":"Chrome 102でDevToolsに導入されるPerformance insightsパネルについて。\nパフォーマンスとWeb Vitalsに関連する内容を整理して表示するパネル。","tags":["Chrome","performance","article"],"relatedLinks":[{"title":"Performance insights panel | DevTools Tips - YouTube","url":"https://www.youtube.com/watch?v=5PFmGeCZDvw"}]},{"date":"2022-05-11T11:45:01.062Z","title":"Release v1.22.19 · yarnpkg/yarn","url":"https://github.com/yarnpkg/yarn/releases/tag/v1.22.19","content":"yarn v1.22.19リリース。\nnpmのWebAuthn対応との互換性を修正","tags":["yarn","ReleaseNote"],"relatedLinks":[{"title":"Enhanced 2FA experience for your npm account | The GitHub Blog","url":"https://github.blog/2022-05-10-enhanced-2fa-experience-for-your-npm-account/"}]},{"date":"2022-05-11T12:51:55.460Z","title":"State of CSS 2022","url":"https://web.dev/state-of-css-2022/","content":"2022年にモダンブラウザがサポートして利用できるようになるCSSと今後利用できるようになるCSSについて。\n","tags":["CSS","article"],"relatedLinks":[]},{"date":"2022-05-11T13:31:32.865Z","title":"wrangler 2.0 — a new developer experience for Cloudflare Workers","url":"https://blog.cloudflare.com/wrangler-v2-beta/","content":"Cloudflare WorkersのCLIであるwrangler 2.0がリリース。\n`wrangler.toml`の設定ファイルなしでも動作するように、`--local`でminiflareを使ってローカルでのエミュレートに対応、`wrangler dev`でのデバッグの対応など","tags":["cloudflare","ReleaseNote"],"relatedLinks":[{"title":"10 things I love about Wrangler v2.0","url":"https://blog.cloudflare.com/10-things-i-love-about-wrangler/"}]},{"date":"2022-05-11T14:31:11.380Z","title":"Release v1.2.0 - support of yarn/pnpm `workspace:` protocol · ghiscoding/lerna-lite","url":"https://github.com/ghiscoding/lerna-lite/releases/tag/v1.2.0","content":"lerna-lite v1.2.0リリース。\n`workspace:` protocolのサポート","tags":["JavaScript","monorepo","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2022-05-12T00:55:09.438Z","title":"JavascriptDB","url":"https://javascriptdb.com/","content":"SQLiteを使ったORM的な要素が入ったJavaScript DB。\nデータを配列やオブジェクトとして読み書きでき、filterやpushなどのAPIがそのままDBの読み書きとなる。","tags":["JavaScript","SQLite","library"],"relatedLinks":[]},{"date":"2022-05-12T12:55:17.871Z","title":"Release v8.10.0 · npm/cli","url":"https://github.com/npm/cli/releases/tag/v8.10.0","content":"npm v8.10.0リリース。\n`--omit-lockfile-registry-resolved`フラグの追加。","tags":["npm","ReleaseNote"],"relatedLinks":[]},{"date":"2022-05-13T03:05:36.973Z","title":"i-net-software/JWebAssembly: Java bytecode to WebAssembly compiler","url":"https://github.com/i-net-software/JWebAssembly","content":"Java bytecodeをWebAssemblyにコンパイルするコンパイラー。\nJavaをブラウザで実行する目的","tags":["Java","WebAssembly"],"relatedLinks":[]},{"date":"2022-05-13T03:11:17.489Z","title":"wooorm/starry-night: Syntax highlighting, like GitHub","url":"https://github.com/wooorm/starry-night","content":"textmate構文をサポートしたSyntax highlighterライブラリ。\ngithub/linguistの定義などを利用して、ファイルサイズは大きいがGitHubやエディタと同じようなハイライトを作成する目的","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2022-05-13T03:21:59.013Z","title":"Improving the HTTP Archive pipeline and dataset by 10x - Announcements - HTTP Archive","url":"https://discuss.httparchive.org/t/improving-the-http-archive-pipeline-and-dataset-by-10x/2372","content":"HTTP Archiveのアーキテクチャが変更され、データセットが10倍となるというアナウンス。\nデータ量が増えるためBigQueryのクエリ費用も増える可能性がある。またホームページからセカンダリページのクロールにも対応していく予定。","tags":["HTTP","web ","BigQuery","news"],"relatedLinks":[]},{"date":"2022-05-13T06:32:09.542Z","title":"Node.js 16.x runtime now available in AWS Lambda | AWS Compute Blog","url":"https://aws.amazon.com/jp/blogs/compute/node-js-16-x-runtime-now-available-in-aws-lambda/","content":"AWS LambdaでNode.js 16が利用できるようになった","tags":["aws","Lambda","ReleaseNote"],"relatedLinks":[]},{"date":"2022-05-13T07:00:23.596Z","title":"Announcing TypeScript 4.7 RC - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-7-rc/","content":"TypeScript 4.7 RCリリース。\nBetaからの変更として、Node.jsはEOLとなったため、`target`の指定は`node16`へと変更された。","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"Announcing TypeScript 4.7 Beta - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-7-beta/"}]},{"date":"2022-05-13T07:09:36.476Z","title":"Release v1.4.0 - Level Up! · solidjs/solid","url":"https://github.com/solidjs/solid/releases/tag/v1.4.0","content":"Solid v1.4.0リリース。\n`createStore`でトップレベルの配列の変更を検知できるように、Deferred Streamingのリリース、Resource Readsの安定化。\nまた、Custom Renderersを複数組み合わせて利用できるようになるなど","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2022-05-13T07:11:24.996Z","title":"Release v7.1.0 · pnpm/pnpm","url":"https://github.com/pnpm/pnpm/releases/tag/v7.1.0","content":"pnpm v7.1.0リリース。\n`package.json`の`libc`フィールドのサポートなど","tags":["pnpm","ReleaseNote"],"relatedLinks":[]},{"date":"2022-05-13T08:10:26.202Z","title":"Release v1.22.0 · microsoft/playwright","url":"https://github.com/microsoft/playwright/releases/tag/v1.22.0","content":"playwright v1.22.0リリース。\nPlaywright TestにComponent Testingを試験的に実装、WAI-ARIA roleなどで要素を選択できるRole selectorの対応。\nまたScreenshot Assertionの安定性のためにデフォルトではアニメーションの無効化などの変更が含まれている。","tags":["browser","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-05-13T20:37:33.509Z","title":"dflex-js/dflex: The sophisticated Drag and Drop library you've been waiting for 🥳","url":"https://github.com/dflex-js/dflex","content":"UIフレームワークに依存しないD&Dライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2022-05-13T22:53:06.867Z","title":"Meta Open Source is transferring Jest to the OpenJS Foundation","url":"https://engineering.fb.com/2022/05/11/open-source/jest-openjs-foundation/","content":"JestがOpenJS Foundationに移管される。\nMeta社以外の人のContributionsが多くなったため。","tags":["JavaScript","testing","OpenSource","article","news"],"relatedLinks":[{"title":"Jest Project Moves to OpenJS Foundation with Meta Open Source Contribution - OpenJS Foundation","url":"https://openjsf.org/blog/2022/05/11/openjs-foundation-welcomes-jest/"}]},{"date":"2022-05-15T07:28:51.934Z","title":"Release Notes for Safari Technology Preview 145 | WebKit","url":"https://webkit.org/blog/12629/release-notes-for-safari-technology-preview-145/","content":"Safari Technology Preview 145リリース。\nContainer Queriesのサポート改善、`<dialog>`要素のダークモード対応、`setTimeout(fn, 0)`とした時に自動的に追加される1msのclampを削除。\nService Workersに`WindowClient.navigate()`と`WindowClient.openWindow()`の実装など","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2022-05-16T14:05:08.641Z","title":"Webフロントエンド基礎研修 ~歴史から学ぶ、現場のスタンダードな開発~ - Google スライド","url":"https://docs.google.com/presentation/d/e/2PACX-1vSjF1cp8fAdMKwFkLmtFT66e-UCD6zanO5KLsuRFmWyZ-8c06YQmgWT750Aqai2JfqHRARYWlkDLfaB/pub#slide=id.gb7224c087c_0_0","content":"SPA、React、TypeScript、SSR、CDNについての導入的なスライド。\n","tags":["HTML","JavaScript","CSS","slide"],"relatedLinks":[]},{"date":"2022-05-16T21:17:59.836Z","title":"New WebKit Features in Safari 15.5 | WebKit","url":"https://webkit.org/blog/12669/new-webkit-features-in-safari-15-5/","content":"Safari 15.5リリース。\nHTMLの`inert`属性のサポート、CSPで`worker-src`ディレクティブのサポート。\nその他には`background-attachement: fixed`のバグ修正、`position: sticky`のバグ修正、HLS再生時のバグ修正、WebGLのmultisamplingのバグ修正など","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"Safari 15.5 Beta Release Notes | Apple Developer Documentation","url":"https://developer.apple.com/documentation/safari-release-notes/safari-15_5-release-notes"},{"title":"iOS 15 + WebGL 2 issue | Page 2 - Unity Forum","url":"https://forum.unity.com/threads/ios-15-webgl-2-issue.1176116/page-2"}]},{"date":"2022-05-16T21:39:01.975Z","title":"alan2207/bulletproof-react: 🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.","url":"https://github.com/alan2207/bulletproof-react","content":"Reactアプリケーションに関するアーキテクチャガイド。\nプロジェクト構成、スタイル、ディレクトリ構造、コンポーネント、状態管理、テスト、エラー処理、セキュリティ、パフォーマンスなどについてのプラクティスをまとめたもの","tags":["React","architecture","document"],"relatedLinks":[]},{"date":"2022-05-16T22:03:19.771Z","title":"バンドル最適化マニアクス at tfconf - Speaker Deck","url":"https://speakerdeck.com/mizchi/bandoruzui-shi-hua-maniakusu-at-tfconf","content":"TreeShakingとDead Code Eliminationについてスライド。\nBundler(rollup)とMinifier(terser)がどのように定数展開や不要なコードを削除しているのかについて","tags":["JavaScript","performance","slide"],"relatedLinks":[]},{"date":"2022-05-16T22:06:52.525Z","title":"esbuild-kit/tsx: Node.js runtime enhanced with esbuild for loading TypeScript & ESM","url":"https://github.com/esbuild-kit/tsx","content":"esbuildを使ってTypeScript変換しながら実行するツール。\nESMとCJSをそれぞれ扱うloaderを持っていて、package.jsonの`type`フィールドによって自動でloaderを切り換えて扱える","tags":["TypeScript","jsx","node.js","library"],"relatedLinks":[]},{"date":"2022-05-18T13:26:44.166Z","title":"Web at I/O 2022 - YouTube","url":"https://www.youtube.com/playlist?list=PLNYkxOF6rcIDKuCU73tmdRN_-mI3tKFPD","content":"Google I/O 2022のWeb関係の動画まとめ","tags":["google","web ","video","Conference"],"relatedLinks":[]},{"date":"2022-05-18T13:42:11.063Z","title":"markdoc/markdoc: A powerful, flexible, Markdown-based authoring framework.","url":"https://github.com/markdoc/markdoc","content":"Markdownベースのドキュメントオーサリングライブラリ。\nパーサ、バリデーション、カスタムタグなどを拡張に対応している。\nmarkdown-itのtokenize結果をもとにASTを組み立て、それをレンダリングするRendererを持つ","tags":["Markdown","document","library"],"relatedLinks":[]},{"date":"2022-05-19T14:40:12.242Z","title":"Deno 1.22 Release Notes","url":"https://deno.com/blog/v1.22","content":"Deno 1.22.0リリース。\nデフォルトの型チェックの対象が依存関係を含まないローカルのみとなる。\n`Deno.emit()`を削除、Worker内でも`Deno`名前空間がデフォルトで有効化、`--no-config`フラグの追加。\n`Navigator.userAgent`のサポート、`Response.json()`静的メソッドの追加など","tags":["deno","ReleaseNote"],"relatedLinks":[{"title":"Release v1.22.0 · denoland/deno","url":"https://github.com/denoland/deno/releases/tag/v1.22.0"}]},{"date":"2022-05-19T14:50:58.602Z","title":"Release v6.5.0 · storybookjs/storybook","url":"https://github.com/storybookjs/storybook/releases/tag/v6.5.0","content":"Storybook v6.5.0リリース。\nwebpack 5のlazy compilationをサポート、React 18の`createRoot`のサポート、MDX2のサポート。\nまた、Viteの設定ファイルがある場合は、自動的にViteを使うように変更されている。","tags":["JavaScript","debug","Tools","ReleaseNote"],"relatedLinks":[{"title":"storybook/MIGRATION.md at next · storybookjs/storybook","url":"https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#from-version-64x-to-650"}]},{"date":"2022-05-20T12:12:18.479Z","title":"7.18.0 Released: Destructuring private elements and TypeScript 4.7 · Babel","url":"https://babeljs.io/blog/2022/05/19/7.18.0","content":"Babel v7.18.0リリース。\nTypeScript 4.7のoptional variance(`in`/`out`)、instantiation expressionsなどに対応。\nStage 2のPrivate destructuringのサポート、`regenerator-runtime`を自動的にinline化する変更など","tags":["babel","ReleaseNote"],"relatedLinks":[]},{"date":"2022-05-20T12:17:16.440Z","title":"Release v4.0.0 · capricorn86/happy-dom","url":"https://github.com/capricorn86/happy-dom/releases/tag/v4.0.0","content":"Happy DOM v4.0.0リリース。\nVoid Elementのシリアライズバグを修正。\n`<img />`を`<img>`にシリアライズ、一方でSVG要素は`<circle />`を`<circle></circle>`へとシリアライズするように修正。","tags":["DOM","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-05-21T04:56:47.702Z","title":"Release v2.2.0 · MithrilJS/mithril.js","url":"https://github.com/MithrilJS/mithril.js/releases/tag/v2.2.0","content":"mithril.js v2.2.0リリース。","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-05-21T05:43:29.115Z","title":"honojs/hono: Ultrafast web framework for Cloudflare Workers. Fast, but not only fast.","url":"https://github.com/honojs/hono","content":"Cloudflare Workers向けのルーティングライブラリ","tags":["cloudflare","library","JavaScript"],"relatedLinks":[]},{"date":"2022-05-21T06:25:36.793Z","title":"The Surprising Truth About Pixels and Accessibility: should I use pixels or rems?","url":"https://www.joshwcomeau.com/css/surprising-truth-about-pixels-and-accessibility/","content":"`px`と`rem`について。\n`px`指定はブラウザのデフォルトフォントサイズの影響を受けないが`rem`は影響を受ける。\n使う場所による違い、デフォルトフォントサイズを大きくして確認する方法、ルートのフォントサイズを小さくする問題についてなど","tags":["CSS","fonts","accessibility","article"],"relatedLinks":[]},{"date":"2022-05-23T11:58:32.430Z","title":"Playwright 1.22: Component Tests (preview) Overview - YouTube","url":"https://www.youtube.com/watch?v=y3YxX4sFJbM","content":"Playwright v1.22で試験的に実装されたComponent Tests機能の解説動画。\nどのような仕組みでブラウザにコンポーネントをmountしているか、コンポーネントのテスト実行、デバッガーとの連携、キーボード入力やスクリーンショットの撮影などについて","tags":["playwright","JavaScript","browser","testing","video"],"relatedLinks":[{"title":"Release v1.22.0 · microsoft/playwright","url":"https://github.com/microsoft/playwright/releases/tag/v1.22.0"}]},{"date":"2022-05-23T12:09:51.103Z","title":"Node v18.2.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v18.2.0/","content":"Node.js 18.2.0リリース。\nOpenSSLのセキュリティ修正、`http.Server`に`closeAllConnections`と`closeIdleConnections`を追加。\n`perf_hooks`に`PerformanceResourceTiming`のサポートを追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2022-05-23T12:21:44.321Z","title":"nvh95/jest-preview: Debug your Jest tests. Effortlessly.🛠🖼","url":"https://github.com/nvh95/jest-preview","content":"Jestで実行中のテストに`debug()`関数を仕込むことで、実行中のテストが作成したHTMLをブラウザでプレビューしながらデバッグできるライブラリ。\n","tags":["jest","browser","testing","library"],"relatedLinks":[]},{"date":"2022-05-23T12:42:35.203Z","title":"adriancooney/puppeteer-heap-snapshot: API and CLI tool to fetch and query Chome DevTools heap snapshots.","url":"https://github.com/adriancooney/puppeteer-heap-snapshot","content":"Puppeteerを使いサイトへアクセスして、Heap Snapshotを取得し、そのSnapshotから特定のプロパティ名にマッチするオブジェクトを取り出すスクレイピングライブラリ。","tags":["puppeteer","library","Tools"],"relatedLinks":[{"title":"Web Scraping via Javascript Runtime Heap Snapshots - Adrian Cooney's Blog","url":"https://www.adriancooney.ie/blog/web-scraping-via-javascript-heap-snapshots"}]},{"date":"2022-05-24T02:16:56.369Z","title":"Release electron v19.0.0 · electron/electron","url":"https://github.com/electron/electron/releases/tag/v19.0.0","content":"Electron v19.0.0リリース。\nChromium 102、V8 10.2、Node.js 16.14.2にアップデート。\nElectron 20からpreload scriptsは自動的にsandboxで実行される。\nそのため、`nodeIntegration: true` かつ `sandbox`が無指定の場合に警告が出るようになった。","tags":["Electron","ReleaseNote"],"relatedLinks":[]},{"date":"2022-05-24T02:32:12.381Z","title":"Release v7.0.0 · faker-js/faker","url":"https://github.com/faker-js/faker/releases/tag/v7.0.0","content":"Faker v7.0.0リリース。\ndefault exportを削除、ES2020をサポートしている環境をターゲットに変更、Node.js 12のサポート終了など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-05-24T03:04:56.663Z","title":"Blog - Layouts RFC | Next.js","url":"https://nextjs.org/blog/layouts-rfc","content":"Next.jsの新しいLayout RFCを解説する記事。\n`app/`というディレクトリでopt-inする形となり、`layout.js`と`page.js`というファイル名の命名規則使ったルーティングとレイアウトの仕組みについて。\nまた、この新しいLayout RFCではReact Server Componentsがデフォルトとなることについてなど","tags":["Next.js","article","proposal"],"relatedLinks":[{"title":"RFC: Layouts · Discussion #37136 · vercel/next.js","url":"https://github.com/vercel/next.js/discussions/37136"}]},{"date":"2022-05-24T14:46:15.487Z","title":"Migrating millions of lines of code to TypeScript","url":"https://stripe.com/blog/migrating-to-typescript","content":"AirtableのcodemodをベースにFlowTypeからTypeScriptへの切り替えをおこなった話。\nマイグレーションスクリプト、Lintやテストの下準備などを行いコードロックした1日でコードベースをまとめて移行したという話。","tags":["flowtype","TypeScript","article"],"relatedLinks":[{"title":"The continual evolution of Airtable’s codebase: Migrating a million lines of code to TypeScript | by Caleb Meredith | The Airtable Engineering Blog | Medium","url":"https://medium.com/airtable-eng/the-continual-evolution-of-airtables-codebase-migrating-a-million-lines-of-code-to-typescript-612c008baf5c"}]},{"date":"2022-05-25T03:12:44.451Z","title":"Shopify/remote-ui","url":"https://github.com/Shopify/remote-ui","content":"UIの定義をWeb WorkerなどのUIスレッド以外で行い、メッセージパッシングして受け取ったオブジェクトからレンダリングすることでSandboxに利用できるツールキット。\nDOMライクなAPIやReact/Vue向けのAPIが用意されていて、ユーザーにUIツリーの定義を書いてもらい、それをレンダリングするホスト環境を別途実装できる。\nShopifyやStripe Appsで利用されている。","tags":["JavaScript","React","Vue","webworker","security","library"],"relatedLinks":[{"title":"Remote Rendering: Shopify’s Take on Extensible UI — Development (2022)","url":"https://shopify.engineering/remote-rendering-ui-extensibility"}]},{"date":"2022-05-25T14:53:04.831Z","title":"Release v5.0.0 · lerna/lerna","url":"https://github.com/lerna/lerna/releases/tag/v5.0.0","content":"lerna v5.0.0リリース。\nNx社にメンテナンスが移行してからの初のリリース。\nNode.js 12以下のサポート終了、auditの問題が出ていたパッケージのアップデートなど。","tags":["JavaScript","monorepo","ReleaseNote"],"relatedLinks":[]},{"date":"2022-05-26T13:30:00.840Z","title":"Announcing TypeScript 4.7 - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-7/","content":"TypeScript 4.7リリース。\nNode.jsのECMAScript Moduleをサポート、`.mts`/`.cts`のサポート。\n`moduleDetection`オプションの追加。 Compuatedプロパティに対するコントロールフロー解析の改善、オブジェクトにおける関数の型推論の改善。\nGenericsの型を指定したaliasを定義できる Instantiation Expressionsをサポート、inferに対するextendsでの推論条件の追加をサポート。\n型が共変(in)/反変(out)/不変(in out)なのかを指定できるアノテーションを追加、モジュール解決時の探索方法をカスタマイズする`moduleSuffixes`オプションの追加。\n`import type`/`import()`/Reference Commentでresolution-modeを指定できるようになるなど","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"TypeScript 4.7 と Native Node.js ESM | by Yosuke Kurami | May, 2022 | Medium","url":"https://quramy.medium.com/typescript-4-7-%E3%81%A8-native-node-js-esm-189753a19ba8"}]},{"date":"2022-05-26T13:43:35.469Z","title":"Release v10.8.0 · TypeStrong/ts-node","url":"https://github.com/TypeStrong/ts-node/releases/tag/v10.8.0","content":"ts-node v10.8.0リリース。\nTypeScript 4.7で追加されたECMAScript Modules in Node.jsのサポート。\nimport時の拡張子をマッピングする`experimentalResolver`オプションの追加。\nNode.jsの`--experimental-specifier-resolution`フラグに対応する`experimentalSpecifierResolution`オプションの追加など","tags":["TypeScript","node.js","library","ReleaseNote"],"relatedLinks":[{"title":"Announcing TypeScript 4.7 - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-7/"}]},{"date":"2022-05-26T14:05:38.520Z","title":"Release v8.11.0 · npm/cli","url":"https://github.com/npm/cli/releases/tag/v8.11.0","content":"npm v8.11.0リリース。\n`npm birthday`をDeprecatedに変更。\n`npm pkg`コマンドがあるため`npm set-script`をDeprecatedに変更。\n`--global`と`--local`フラグをそれぞれDeprecatedとなり、`--location=global/local`の利用を推奨するようになるなど。","tags":["npm","ReleaseNote"],"relatedLinks":[]},{"date":"2022-05-26T14:46:18.010Z","title":"Parcel v2.6.0","url":"https://parceljs.org/blog/v2-6-0/","content":"Parcel 2.6.0リリース。\nReactのError overlayに対応、HMRとSource Mapが一緒に動作するように修正。\nCSSモジュールにローカルスコープ変数の概念を追加、未使用のCSS変数をツリーシェイクできるように。\nまた`var(--name from \"./vars.modulecss\")`のようにファイルから変数をimportする独自の構文を追加など。\nその他には、importがglobでのインポートできるようになるなど","tags":["JavaScript","bundler","ReleaseNote"],"relatedLinks":[]},{"date":"2022-05-29T15:26:43.087Z","title":"Ember 4.4 Released","url":"https://blog.emberjs.com/ember-released-4-4/","content":"Ember 4.4リリース。\n`{{unique-id}}`の有効化、`ember generate`で生成されるテストテンプレートのモジュールを変更可能に、`hasListeners`を公開APIに変更など","tags":["Ember","ReleaseNote"],"relatedLinks":[]},{"date":"2022-05-29T15:35:52.222Z","title":"Component toolkit for creating live-running code editing experiences | Sandpack","url":"https://sandpack.codesandbox.io/","content":"CodeSandboxのライブコーディング向けのブラウザSandbox環境(エディタ/プレビュー)を作れるライブラリ。\nReact向けのコンポーネント、各種ライブラリ向けのテンプレート、書いたコードをCodesandbox上で開く機能を持っている。","tags":["JavaScript","bundler","library","React"],"relatedLinks":[]},{"date":"2022-05-29T15:47:31.311Z","title":"Chromium Blog: Chrome 103 Beta: Early Navigation Hints, a Host of Completed Origin Trials, and More","url":"https://blog.chromium.org/2022/05/chrome-103-beta-early-navigation-hints.html","content":"Chrome 103 Betaリリース。\nOrigin TrialとしてFederated Credentials Managementのサポート。\n103 Early Hints HTTPのサポート、`AbortSignal.timeout()`のサポート、Elementに対して`aria*`プロパティの追加。\n`deflate-raw`の圧縮型式をサポート、Form要素が`rel`属性のサポート。\nまた、Sandbox iframeでのcustom protocolのナビゲーションをブロックと`allow-top-navigation-to-custom-protocols`の追加など。","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2022-05-30T15:18:16.557Z","title":"Avoiding Puppeteer Antipatterns","url":"https://serpapi.com/blog/puppeteer-antipatterns/","content":"Puppeteerのアンチパターンについての記事。\n","tags":["JavaScript","puppeteer","article"],"relatedLinks":[]},{"date":"2022-05-31T15:00:01.098Z","title":"google/wireit: Wireit upgrades your npm scripts to make them smarter and more efficient.","url":"https://github.com/google/wireit","content":"Turborepoのようにnpm run-scriptsの依存関係を定義し、実行結果をキャッシュできるツール。\n差分があった時だけビルドするインクリメンタルビルド、ファイル変更を監視してのビルド、CIでのキャッシュの永続化の仕組みをもつ","tags":["npm","Tools"],"relatedLinks":[]},{"date":"2022-06-01T03:44:15.092Z","title":"Release v1.0.0-alpha.1 · axios/axios","url":"https://github.com/axios/axios/releases/tag/v1.0.0-alpha.1","content":"axios v1.0.0-alpha.1リリース。","tags":["HTTP","library"],"relatedLinks":[]},{"date":"2022-06-01T03:46:06.786Z","title":"Release v5.0.0 · mdn/browser-compat-data","url":"https://github.com/mdn/browser-compat-data/releases/tag/v5.0.0","content":"browser-compat-data 5.0.0リリース。\nESMの対応、TypeScriptの対応。\n`matches`の削除、`__meta`オブジェクトの追加、`upstream`フィールドの追加、`impl_url`の追加など","tags":["JavaScript","JSON","library","mdn","ReleaseNote"],"relatedLinks":[]},{"date":"2022-06-01T03:57:27.635Z","title":"The balance has shifted away from SPAs | Read the Tea Leaves","url":"https://nolanlawson.com/2022/05/21/the-balance-has-shifted-away-from-spas/","content":"クライアントサイドルーティングを扱うものとしてのSPAは、ページ移動の問題がブラウザ側で解決されてきているので、ナビゲーション問題を解決するためだけにSPAである必要性はなるなるのではという話。\nブラウザ側のPaint holdingやBF Cacheなどの実装によってMPAでも問題なく高速なナビゲーションが可能になってきている点や、後続する記事ではSPAの長所や改善についても書かれている。\nまた、近年まではSPAを扱うフレームワークが主流だったが、AstroやQwikなどのMPAを扱うフレームワークも増えてきているため選択肢は変わってくるのではという話","tags":["JavaScript","HTML","opinion","article"],"relatedLinks":[{"title":"More thoughts on SPAs | Read the Tea Leaves","url":"https://nolanlawson.com/2022/05/25/more-thoughts-on-spas/"},{"title":"State is hard: why SPAs will persist | Read the Tea Leaves","url":"https://nolanlawson.com/2022/05/29/state-is-hard-why-spas-will-persist/"}]},{"date":"2022-06-01T13:49:52.073Z","title":"jridgewell/trace-mapping: Trace the original position through a source map","url":"https://github.com/jridgewell/trace-mapping","content":"source-mapパッケージと互換性のあるAPIを提供するライブラリ。\nsource-mapパッケージとは異なりWebAssemblyを利用せずに書かれている。","tags":["sourcemap","JavaScript","library"],"relatedLinks":[]},{"date":"2022-06-03T11:35:30.231Z","title":"pkg.land - find NPM alternative packages","url":"https://pkg.land/","content":"npmパッケージの代替パッケージを検索できるサービス","tags":["npm","search","webservice"],"relatedLinks":[]},{"date":"2022-06-03T11:46:31.279Z","title":"Node v18.3.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v18.3.0/","content":"Node.js 18.3.0リリース。\n`util`モジュールに`parseArgs`を追加、`http`モジュールに`uniqueHeaders`オプションを追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"pkgjs/parseargs: Polyfill of proposal for `util.parseArgs()`","url":"https://github.com/pkgjs/parseargs"}]},{"date":"2022-06-03T12:08:02.999Z","title":"Angular v14 is now available!. We are excited to announce the release… | by Emma Twersky | Jun, 2022 | Angular Blog","url":"https://blog.angular.io/angular-v14-is-now-available-391a6db736af","content":"Angular 14リリース。\nプレビュー機能としてstandalone componentsの追加、Angular Formsの型付けの改善、エラーメッセージをproduction buildではエラーコードのみに変更。\nTypeScript 4.7のサポート、Angular CLIの改善など","tags":["Angular","ReleaseNote"],"relatedLinks":[]},{"date":"2022-06-03T23:05:25.414Z","title":"Announcing Cypress 10 with Component Testing Beta!","url":"https://cypress.io/blog/2022/06/01/cypress-10-release/","content":"Cypress 10リリース。\nCypress Appの刷新、Component Testingがベータになった。","tags":["E2E","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-06-05T07:21:32.209Z","title":"Web Browser Engineering","url":"https://browser.engineering/","content":"Pythonでブラウザのレンダリングエンジンを作りながらWebページの仕組みについて学ぶ本。\nHTMLのパース、レイアウト、CSSのパース、クリックの処理、Browser ChromeのUI実装、HTTPリクエストの処理、DOM APIの実装、CookieとSameSiteの実装。\nSkiaを使ったレンダリングとブレンディング、スケジューリング、アニメーションなどについて扱う","tags":["browser","python","book"],"viaURL":"https://shuheikagawa.com/blog/2022/06/03/toy-browser/","relatedLinks":[{"title":"Why Python? | Web Browser Engineering","url":"https://browser.engineering/blog/why-python.html"}]},{"date":"2022-06-05T14:54:07.028Z","title":"Svelvet","url":"https://svelvet.io/","content":"フローチャートを描画するSvelte component","tags":["Svelte","diagram","library"],"relatedLinks":[]},{"date":"2022-06-05T15:26:45.232Z","title":"histoire-dev/histoire: ⚡ Fast and beautiful interactive component playgrounds, powered by Vite","url":"https://github.com/histoire-dev/histoire","content":"Viteを使ったStorybook的なツール","tags":["vite","Vue","Tools"],"relatedLinks":[]},{"date":"2022-06-06T11:51:08.965Z","title":"スラスラわかるJavaScript 新版（桜庭 洋之 望月 幸太郎）｜翔泳社の本","url":"https://www.shoeisha.co.jp/book/detail/9784798173269","content":"2022年07月13日 発売\nJavaScriptの入門書","tags":["JavaScript","bok"],"relatedLinks":[]},{"date":"2022-06-06T12:01:21.826Z","title":"Release v3.16.0 · mishoo/UglifyJS","url":"https://github.com/mishoo/UglifyJS/releases/tag/v3.16.0","content":"UflifyJS 3.16.0リリース。\n入力をES Modulesとして扱う`--module`フラグを追加など","tags":["JavaScript","library","Tools"],"relatedLinks":[]},{"date":"2022-06-06T12:54:24.882Z","title":"vue/CHANGELOG.md at main · vuejs/vue","url":"https://github.com/vuejs/vue/blob/main/CHANGELOG.md#270-alpha1-2022-05-31","content":"Vue.js 2.7αリリース。\nVue 2.xの最後のminorリリース候補となり、Vue 2.7の正式リリースから18ヶ月後の2023年末にはVue 2.xはEOLとなる予定。\nComposition APIのフルサポート、ESMビルドに`ref`などのnamed exportを追加など","tags":["Vue","ReleaseNote"],"relatedLinks":[{"title":"Filip Rakowski 🇺🇦 on Twitter: &quot;Vue 2 end of life at the end of 2023 #vuejs https://t.co/luvk1lt3U6&quot; / Twitter","url":"https://twitter.com/filrakowski/status/1532281407942365184"}]},{"date":"2022-06-06T12:58:35.569Z","title":"Processing Arrays non-destructively: `for-of` vs. `.reduce()` vs. `.flatMap()`","url":"https://2ality.com/2022/05/processing-arrays-non-destructively.html","content":"Arrayのfilter/map/some/every/reduce/flatMapメソッドやfor ofなど、どれを使うべきかについて。\nそれぞれの機能の紹介といつ使うべきかについて","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2022-06-06T13:08:41.152Z","title":"JavaScript のメディアタイプと RFC 9239 | blog.jxck.io","url":"https://blog.jxck.io/entries/2022-05-31/text-javascript.html","content":"JavaScriptのMIME Typesについて","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2022-06-06T13:11:17.800Z","title":"Introducing Opportunities & Experiments: Taking the Guesswork out of Performance - WebPageTest Blog","url":"https://blog.webpagetest.org/posts/introducing-opportunities-and-experiments/","content":"WebPageTestにOpportunitiesとExperiments機能が追加された。\nOpportunitiesはパフォーマンスやアクセシビリティを改善する項目をサジェストし実際に適用して結果がどうなるかを計測できる機能。\nExperimentsはEdgeのProxyを通して一時的にサイトを書き換えて再計測できる。\n","tags":["performance","article"],"relatedLinks":[]},{"date":"2022-06-06T13:14:50.387Z","title":"WebReflection/highlighted-code: A textarea builtin extend to automatically provide code highlights based on one of the languages available via highlight.js","url":"https://github.com/WebReflection/highlighted-code","content":"textareaにシンタックスハイライトをオーバーレイできるライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2022-06-06T13:32:57.894Z","title":"cyco130/vavite: Develop server-side applications with Vite","url":"https://github.com/cyco130/vavite","content":"Viteをサーバサイドに組み込むためのExpressなどに対応したMiddlewareやViteプラグイン。\nViteを使ってサーバサイドのコードのTranspile、Live Reload、SSRなどに対応するための仕組みをを提供する。\nまた、本番ビルド時には開発用のDevServerの参照を消すVite Pluginも提供している。","tags":["vite","node.js","server","library"],"relatedLinks":[]},{"date":"2022-06-06T13:38:41.721Z","title":"npm security update: Attack campaign using stolen OAuth tokens | The GitHub Blog","url":"https://github.blog/2022-05-26-npm-security-update-oauth-tokens/","content":"HerokuとTravis CIからGitHub OAuth Tokenの流出に関連して、npmが管理していたプライベートリポジトリからAWSへのアクセスキーが盗まれ、npmの一部情報が漏洩した。\n2015年のユーザー情報(ユーザー名/メールアドレス/パスワードハッシュ)、2021年のプライベートnpmパッケージのメタデータ、2022年の全てのプライベートパッケージの名前とバージョンが漏洩した。","tags":["npm","security","news"],"relatedLinks":[]},{"date":"2022-06-06T13:45:39.060Z","title":"Release Add support for lts/-n aliases · actions/setup-node","url":"https://github.com/actions/setup-node/releases/tag/v3.3.0","content":"GitHub ActionsでNode.js環境を設定するactions/setup-node 3.3.0リリース。\n`node-version: lts/-1` のようにLTSの相対指定をサポート。\n3.2.0では、`current`と`latest`のaliasをサポートしている。","tags":["Github","Actions","ReleaseNote"],"relatedLinks":[{"title":"Release Support caching dependencies and LTS aliases · actions/setup-node","url":"https://github.com/actions/setup-node/releases/tag/v2.2.0"},{"title":"Release Add current, node, latest aliases · actions/setup-node","url":"https://github.com/actions/setup-node/releases/tag/v3.2.0"}]},{"date":"2022-06-07T00:34:47.223Z","title":"Release v11.9.0 · sverweij/dependency-cruiser","url":"https://github.com/sverweij/dependency-cruiser/releases/tag/v11.9.0","content":"dependency-cruiser 11.9.0リリース。\nMarkdownレポートをサポート","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-06-09T15:16:59.914Z","title":"News from WWDC22: WebKit Features in Safari 16 Beta | WebKit","url":"https://webkit.org/blog/12824/news-from-wwdc-webkit-features-in-safari-16-beta/","content":"Safari 16 Betaの変更点について。\nContainer Queries、Push API、Subgridのサポート。\nCSSの`overscroll-behavior`のサポート、Shared Workerのサポート、Formの`requestSubmit()`メソッドをサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"Safari 16 Beta Release Notes | Apple Developer Documentation","url":"https://developer.apple.com/documentation/safari-release-notes/safari-16-release-notes"}]},{"date":"2022-06-10T11:45:47.467Z","title":"Release v1.5.0 · ghiscoding/lerna-lite","url":"https://github.com/ghiscoding/lerna-lite/releases/tag/v1.5.0","content":"lerna-lite 1.5.0リリース。\nロックファイルを更新する`--sync-workspace-lock`フラグを追加など","tags":["JavaScript","npm","Tools"],"relatedLinks":[]},{"date":"2022-06-10T12:05:24.756Z","title":"Fastify v4 GA. After two years we are excited to… | by Fastify | Jun, 2022 | Medium","url":"https://medium.com/@fastifyjs/fastify-v4-ga-59f2103b5f0e","content":"Fastify 4.0.0リリース。\n`reply.send`を呼び出すの必須に、`setErrorHandler`の処理順の一貫性を改善、Pino v8へアップデート、`fastify.listen`の可変長引数を非推奨化など","tags":["node.js","server","library","ReleaseNote"],"relatedLinks":[{"title":"Release v4.0.0 · fastify/fastify","url":"https://github.com/fastify/fastify/releases/tag/v4.0.0"}]},{"date":"2022-06-11T06:32:59.187Z","title":"Bringing forward the End-of-Life Date for Node.js 16 | Node.js","url":"https://nodejs.org/en/blog/announcements/nodejs16-eol/","content":"Node.js 16のEOLがOpenSSL 1.1.1のEOLと同日の2023年9月11日までに繰り上げられた。","tags":["node.js","news"],"relatedLinks":[]},{"date":"2022-06-11T06:36:45.231Z","title":"ranyitz/qnm: cli utility for querying the node_modules directory","url":"https://github.com/ranyitz/qnm","content":"node_modulesにインストールされているパッケージのバージョンや最新のバージョンや公開日などの情報を表示できるコマンドラインツール。\nまた、パッケージのサイズや依存している個数なども表示できる","tags":["npm","Tools"],"relatedLinks":[]},{"date":"2022-06-11T13:47:00.904Z","title":"fastify/fastify-dx: A Full Stack Framework based on Fastify and Vite. Built for great developer experience without compromising on performance and stability.","url":"https://github.com/fastify/fastify-dx","content":"FastifyとViteを使ったフレームワーク。\n","tags":["node.js","debug","Tools"],"relatedLinks":[]},{"date":"2022-06-12T11:25:52.176Z","title":"PlasmoHQ/plasmo: The browser extension framework","url":"https://github.com/PlasmoHQ/plasmo","content":"ブラウザ拡張向けのフレームワーク。\nReactとTypeScriptのサポート、Manifest V3、Live Reloading、`.env`のサポート、各拡張Storeへのデプロイの対応など","tags":["browser","Extension","library"],"relatedLinks":[]},{"date":"2022-06-12T11:43:43.825Z","title":"First-party cookie recipes","url":"https://web.dev/first-party-cookie-recipes/","content":"First-Party Cookieを設定する際のCookieの属性の指定について。\n通常のFirst-Party Cookieとサブドメインを持つサイトのパターンについてそれぞれ解説が書かれている。\n`__Host` prefix、`Secure`属性、`Domain`属性を指定しないこと、`Path`属性、`HttpOnly`属性、`SameSite`属性についてなど","tags":["browser","article"],"relatedLinks":[]},{"date":"2022-06-13T21:59:51.091Z","title":"ECMAScript proposal updates @ 2022-06 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2022/06/13/ecmascript-proposal-update","content":"2022年6月のTC39ミーティングにおけるECMAScript Proposalのステータス変更のまとめ","tags":["ECMAScript","news"],"relatedLinks":[]},{"date":"2022-06-13T22:14:19.765Z","title":"Release 3.23.0 - 2022.06.14 · zloirock/core-js","url":"https://github.com/zloirock/core-js/releases/tag/v3.23.0","content":"core-js v3.23.0リリース。\n`Array.prototype.findLast`をstableに移動、`Array.prototype.groupBy`を`Array.prototype.group`にリネームなど","tags":["JavaScript","library","polyfill","ReleaseNote"],"relatedLinks":[]},{"date":"2022-06-14T08:55:45.566Z","title":"Prettier 2.7: new --cache CLI option and TypeScript 4.7 syntax! · Prettier","url":"https://prettier.io/blog/2022/06/14/2.7.0.html","content":"Prettier 2.7リリース。\n`--cache`フラグの追加、TypeScript 4.7のサポートなど","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2022-06-15T00:30:09.822Z","title":"Release 10.8.0 · preactjs/preact","url":"https://github.com/preactjs/preact/releases/tag/10.8.0","content":"Preact 10.8.0リリース。\nVitestとの互換性のためにSubpackagesへ`exports`フィールドを追加、`createRoot`/`hydrateRoot` APIのReactとの互換性を改善など","tags":["JavaScript","React","ReleaseNote"],"relatedLinks":[]},{"date":"2022-06-15T03:27:23.779Z","title":"Release v1.6.0 · remix-run/remix","url":"https://github.com/remix-run/remix/releases/tag/v1.6.0","content":"Remix v1.6.0リリース。\n`remix`パッケージをDeprecatedとして、`@remix-run/*`の個別のパッケージからImportすることを推奨するように。","tags":["JavaScript","library","ReleaseNote","Remix"],"relatedLinks":[]},{"date":"2022-06-15T03:30:39.605Z","title":"Release 7.0.0 · google/zx","url":"https://github.com/google/zx/releases/tag/7.0.0","content":"zx 7.0.0リリース。\nTypeScriptでの書き直し、`within()`、`echo()` APIの追加。\n`--eval`フラグのサポート、REPLのサポートなど","tags":["shell","node.js","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-06-15T03:42:07.177Z","title":"Release 18.2.0 (June 14, 2022) · facebook/react","url":"https://github.com/facebook/react/releases/tag/v18.2.0","content":"React v18.2.0リリース。\n`onRecoverableError`の第二引数にcomponent stackの情報を渡すように。\nHydrate時にブラウザの拡張機能などによってHTMLが変更されているとレンダリングが壊れる問題を修正など","tags":["React","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-06-16T12:44:52.929Z","title":"Release v0.14.44 · evanw/esbuild","url":"https://github.com/evanw/esbuild/releases/tag/v0.14.44","content":"esbuild 0.14.44リリース。\n`copy` loaderのサポート、package.jsonで定義したself-referencesのサポート。\n`tsconfig.json`の`alwaysStrict`がある場合に`\"use strcit\"`を追加するようになるなど","tags":["JavaScript","bundler","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2022-06-16T12:58:03.434Z","title":"Deno 1.23 Release Notes","url":"https://deno.com/blog/v1.23","content":"Deno 1.23.0リリース。\n`deno run`などでデフォルトでタイプチェックをしないように変更、`Deno.sleepSync`を削除、`deno task`が`--cwd`フラグをサポート。\n`deno task`がcat/xargs/redirectをサポート、CompressionStreamとDecompressionStreamが`\"deflate-raw\"`をサポート。\nTypeScript 4.7をサポートなど","tags":["deno","ReleaseNote"],"relatedLinks":[{"title":"Release v1.23.0 · denoland/deno","url":"https://github.com/denoland/deno/releases/tag/v1.23.0"}]},{"date":"2022-06-17T00:39:01.596Z","title":"taozhi8833998/node-sql-parser: Parse simple SQL statements into an abstract syntax tree (AST) with the visited tableList and convert it back to SQL","url":"https://github.com/taozhi8833998/node-sql-parser","content":"SQLパーサ/ジェネレータライブラリ。\nBigQuery、DB2、Hive、MariaDB、MySQL、PostgresQL、SQLiteなどのSQLに対応している","tags":["JavaScript","SQL","library"],"relatedLinks":[]},{"date":"2022-06-18T00:24:07.218Z","title":"Release v2.0.0 · redwoodjs/redwood","url":"https://github.com/redwoodjs/redwood/releases/tag/v2.0.0","content":"Redwood 2.0.0リリース。\n`import/order`のLintルールの変更、独自のインフラにデプロイする場合の設定の変更、`useRequireAuth`の挙動を変更など","tags":["node.js","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-06-18T12:21:41.948Z","title":"A build system for the JavaScript ecosystem | moon","url":"https://moonrepo.dev/","content":"Rustで書かれたJavaScriptなmonorepo向けのプロジェクト管理ツール。\nパッケージの依存グラフに基づいたタスクの実行、\nキャッシュ、リモートキャッシュ、インクリメンタルビルドなどの機能を提供する","tags":["monorepo","Tools"],"relatedLinks":[]},{"date":"2022-06-19T04:45:31.616Z","title":"Release 2.0.0-beta.4 · vercel/swr","url":"https://github.com/vercel/swr/releases/tag/2.0.0-beta.4","content":"SWR 2.0.0-beta.4リリース。\n`preload`関数の追加、`SWRConfig`で設定をoverrideできるようになるなど","tags":["React","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-06-19T08:13:12.477Z","title":"Release Inferno v8.0.0 · infernojs/inferno","url":"https://github.com/infernojs/inferno/releases/tag/v8.0.0","content":"Inferno v8.0.0リリース。\n`componentDidAppear`と`componentWillDisappear`の追加、`href=javascript:`に警告を表示するように。\n破棄的な変更としてIEのサポート終了、`inferno-component`パッケージの削除、`inferno-devtools`パッケージの削除など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-06-19T15:39:06.859Z","title":"Release Version 20.0.0 · jsdom/jsdom","url":"https://github.com/jsdom/jsdom/releases/tag/20.0.0","content":"jsdom 20.0.0リリース。\nNode.js 14未満のサポート終了、`crypto.getRandomValues()`の実装、`addEventListener`が`signal`オプションのサポートなど","tags":["JavaScript","DOM","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-06-19T16:12:14.386Z","title":"Release v0.14.46 · evanw/esbuild","url":"https://github.com/evanw/esbuild/releases/tag/v0.14.46","content":"esbuild v0.14.46リリース。\n構文ごとに機能のサポートを無効化するかを指定できるように、TypeScript 4.7のサポート、`--define`がoptional chianingをサポートなど","tags":["JavaScript","bundler","ReleaseNote"],"relatedLinks":[]},{"date":"2022-06-20T13:24:51.800Z","title":"Notes on maintaining an internal React component library | Gabe's blog","url":"https://www.gabe.pizza/notes-on-component-libraries/","content":"社内でReactコンポーネントライブラリを作るときのプラクティスについての記事。\n間違った状態を受け入れる型を避ける、子となるコンポーネント自体にmarginを持たせない、コンポーネントのwidthは幅全体を占めるようにする。\nコンポーネントのPropsとして`className`や`style`は公開しないようにする、ElementのPropsを継承しないようにする。\n相互依存するコンポーネントにはReact Contextを使う、一緒に利用するコンポーネントはオブジェクトとしてまとめてexportする。\nメジャーアップデートと共にcodemodを提供する、開発者がどのように使ってるかを分析、ビジュアルリグレッションテストを設定するなど","tags":["React","article"],"relatedLinks":[]},{"date":"2022-06-20T13:49:50.085Z","title":"Release v1.0.0 · sindresorhus/ow","url":"https://github.com/sindresorhus/ow/releases/tag/v1.0.0","content":"関数でスキーマを定義してバリデーションするow 1.0.0リリース。\nNode.js 12のサポート終了、TypeScript 4.7が必須に、Pure ESM化など。","tags":["JavaScript","TypeScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-06-20T14:08:35.347Z","title":"JSConf Budapest 2022 - YouTube","url":"https://www.youtube.com/playlist?list=PL37ZVnwpeshGuMZrOZzEo8QLBjjpbtBGm#budapest2022","content":"JSConf Budapest 2022の動画一覧","tags":["JavaScript","Conference","video"],"relatedLinks":[{"title":"JSConf Budapest 2022","url":"https://jsconfbp.com/"}]},{"date":"2022-06-20T14:20:51.504Z","title":"Using web streams on Node.js","url":"https://2ality.com/2022/06/web-streams-nodejs.html","content":"Node.jsでのWeb Streamについての記事。\n基本的な使い方、Asynchronous Iterationとの組み合わせ、Streamへの変換、ReadableStream/WritableStream/TranformStream。\nStreamのbackpressure、バイナリを扱うByte Stream、`node:stream`が公開するヘルパー関数についてなど","tags":["node.js","stream","article"],"relatedLinks":[]},{"date":"2022-06-20T14:38:05.933Z","title":"Lerna 5.1 — New website, new guides, new Lerna example repo, distributed caching support and speed! | by Juri Strumpflohner | Jun, 2022 | Nrwl","url":"https://blog.nrwl.io/lerna-5-1-new-website-new-guides-new-lerna-example-repo-distributed-caching-support-and-speed-64d66410bec7","content":"Lerna 5.1について。\nNxコマンドと連携できる仕組みの追加、ドキュメントサイトの刷新など。\nまた今後のロードマップについて","tags":["JavaScript","Tools","monorepo","article"],"relatedLinks":[{"title":"Release v5.1.0 · lerna/lerna","url":"https://github.com/lerna/lerna/releases/tag/v5.1.0"},{"title":"Running Tasks | Lerna","url":"https://lerna.js.org/docs/core-concepts/running-tasks"},{"title":"Lerna 2022 Plans · Discussion #3140 · lerna/lerna","url":"https://github.com/lerna/lerna/discussions/3140"}]},{"date":"2022-06-21T02:52:14.886Z","title":"Internet Explorer 11 has retired and is officially out of support—what you need to know | Windows Experience Blog","url":"https://blogs.windows.com/windowsexperience/2022/06/15/internet-explorer-11-has-retired-and-is-officially-out-of-support-what-you-need-to-know/","content":"Internet Explorerが2022年6月15日をもってサポートを終了となった。\n今後はIEを開くとMSEdgeへリダイレクトされるようになる。","tags":["IE","news"],"relatedLinks":[]},{"date":"2022-06-21T02:59:39.358Z","title":"AbortController is your friend","url":"https://whistlr.info/2022/abortcontroller-is-your-friend/","content":"AbortControllerについての記事。\nAbortControllerとAbortSignalの使い方について。\n`addEventListner`との組み合わせ、複雑な処理の停止、React Hooksでの利用、AbortSignalのヘルパー処理についてなど","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2022-06-21T03:00:27.742Z","title":"coder-mike/microvium: A compact, embeddable scripting engine for applications and microcontrollers for executing programs written in a subset of the JavaScript language.","url":"https://github.com/coder-mike/microvium","content":"組み込み向けのJavaScriptエンジン。\n64kBのメモリ制限やJavaScriptの機能も制限されているが、小さなメモリフットプリントで動かすのを目的としている","tags":["JavaScript","Tools","library"],"relatedLinks":[]},{"date":"2022-06-21T03:01:29.989Z","title":"Vue 2.7 is Now in Beta! | The Vue Point","url":"https://blog.vuejs.org/posts/vue-2-7-beta.html","content":"Vue 2.7 Betaリリース。\nVue 3からのバックポートとして`defineComponent()`、`h()`、`useSlot()`、`useAttrs()`、`useCssModules()`のサポート。\nまたESMビルドにはnamed exportとして提供されることについてや、Vue 3との動作の違いについてなど","tags":["Vue","ReleaseNote"],"relatedLinks":[]},{"date":"2022-06-22T13:06:02.297Z","title":"Ecma International approves new standards - Ecma International","url":"https://www.ecma-international.org/news/ecma-international-approves-new-standards-5/","content":"ECMAScript 2022、ECMAScript 2022 Internationalization APIが正式にリリースされた。","tags":["ECMAScript","ReleaseNote"],"relatedLinks":[]},{"date":"2022-06-24T01:16:53.460Z","title":"[webkit-dev] WebKit is now on GitHub","url":"https://lists.webkit.org/pipermail/webkit-dev/2022-June/032312.html","content":"WebKitのリポジトリがGitHubへ移行する","tags":["webkit","Github","news"],"relatedLinks":[{"title":"WebKit/WebKit: Home of the WebKit project, the browser engine used by Safari, Mail, App Store and many other applications on macOS, iOS and Linux.","url":"https://github.com/WebKit/WebKit"}]},{"date":"2022-06-25T03:50:52.636Z","title":"Announcing React Native 0.69 · React Native","url":"https://reactnative.dev/blog/2022/06/21/version-069","content":"React Native 0.69リリース。\nReact 18のサポート、HermesとReact Native一緒にリリースする方針へ変更など","tags":["React","Native","ReleaseNote"],"relatedLinks":[]},{"date":"2022-06-25T03:54:13.502Z","title":"CodeMirror 6.0","url":"https://marijnhaverbeke.nl/blog/codemirror-6.html","content":"CodeMirror 6がStableリリースされた。\n`codemirror`パッケージのStableが6となり、CodeMirror 5のリポジトリはLegacyとなった。","tags":["JavaScript","editor","library","ReleaseNote"],"relatedLinks":[{"title":"codemirror/codemirror5: In-browser code editor (version 5, legacy)","url":"https://github.com/codemirror/codemirror5"},{"title":"CodeMirror","url":"https://codemirror.net/"}]},{"date":"2022-06-27T00:29:12.936Z","title":"Release 2.5.0 · socketio/socket.io","url":"https://github.com/socketio/socket.io/releases/tag/2.5.0","content":"Socket.IO 2.5.0リリース。\nセキュリティ修正として`maxHttpBufferSize`のデフォルト値を100MBから1MBに変更など","tags":["WebSocket","library","ReleaseNote","security"],"relatedLinks":[]},{"date":"2022-06-27T14:36:59.418Z","title":"When You Should Prefer Map Over Object In JavaScript","url":"https://www.zhenghao.io/posts/object-vs-map","content":"MapとObjectの使い分けについての記事。\nObjectを使うときとObjectの問題、Mapの使い方とMapのベンチマーク。","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2022-06-27T14:51:11.111Z","title":"astoilkov/main-thread-scheduling: Fast and consistently responsive apps using a single function call","url":"https://github.com/astoilkov/main-thread-scheduling","content":"Main Threadでの処理をUIの表示や操作をブロックせずに行うためのスケジューリングライブラリ。\nScheduling APIを意識したAPIとなっている。\n`requestIdleCallback()`や`postMessage()`などを使いキューを管理する。\nまた、`navigator.scheduling.isInputPending()`を使いユーザー入力をブロックしないようにタスクを実行できる。","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2022-06-27T15:13:13.899Z","title":"JavaScript Primer 4.0.0: ECMAScript 2022に対応したJS本 | Web Scratch","url":"https://efcl.info/2022/06/19/jsprimer-4/","content":"JavaScript Primer 4.0.0リリース。\nES2022の対応とSandpackを使ったエディタが組み込まれた。","tags":["JavaScript","ECMAScript","book","ReleaseNote"],"relatedLinks":[{"title":"Release v4.0.0: ES2022 · asciidwango/js-primer","url":"https://github.com/asciidwango/js-primer/releases/tag/v4.0.0"}]},{"date":"2022-06-27T15:29:26.233Z","title":"Find and fix problems in your JavaScript code - ESLint - Pluggable JavaScript Linter","url":"https://eslint.org/","content":"ESLintのウェブサイトがリニューアルされた","tags":["ESLint","news"],"relatedLinks":[]},{"date":"2022-06-27T15:33:29.367Z","title":"Release Version 14.0.0 · open-source-labs/reactime","url":"https://github.com/open-source-labs/reactime/releases/tag/v14.0.0","content":"State管理のタイムトラベルデバッグツールのReactime v14.0.0リリース。\nReact Routerのステートをサポートなど","tags":["React","library","ReleaseNote","debug"],"relatedLinks":[]},{"date":"2022-06-27T15:36:31.750Z","title":"Release v2.0.0 · foliojs/fontkit","url":"https://github.com/foliojs/fontkit/releases/tag/v2.0.0","content":"fontkit v2.0.0リリース。\nNode.js特有の機能に対する依存を削除し、ブラウザでも利用できるよう変更。\nBufferの代わりにUint8Array/TextEncoder/TextDecoderを利用するなど","tags":["fonts","JavaScript","library","ReleaseNote","browser"],"relatedLinks":[]},{"date":"2022-06-27T15:38:13.136Z","title":"Release v14.0.0 · angular-eslint/angular-eslint","url":"https://github.com/angular-eslint/angular-eslint/releases/tag/v14.0.0","content":"Angular ESLint v14.0.0リリース。\nAngular 14のサポート、Node.js 12のサポート終了、インラインテンプレートをLintする際のVirtual filenameの変更など","tags":["Angular","ESLint","ReleaseNote"],"relatedLinks":[]},{"date":"2022-06-27T16:01:09.108Z","title":"Announcing TypeScript 4.8 Beta - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-8-beta/","content":"TypeScript 4.8 Betaリリース。\n`unknown`は`{} | null | undefined`と同様になり関連するコントロールフロー分析の改善、Template String Typesでの`infer`の改善。\n`--build`/`-watch`/`--incremental`におけるビルドパフォーマンスの改善、オブジェクトリテラルや配列リテラルを`==`や`===`で比較した場合にエラーとなるように。\nBinding patternの型推論の改善、`--watch`の安定性の改善など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2022-06-27T16:09:06.923Z","title":"timocov/dts-bundle-generator: Tool to generate a single bundle of dts","url":"https://github.com/timocov/dts-bundle-generator","content":"TypeScriptの型定義をbundleするツール","tags":["TypeScript","Tools"],"relatedLinks":[]},{"date":"2022-06-28T03:45:14.399Z","title":"Sensemaking: Angular without SSR is faster than Next.js with SSR. I have the data.","url":"https://alexkrupp.typepad.com/sensemaking/2022/06/angular-without-ssr-is-faster-than-nextjs-with-ssr-i-have-the-data.html","content":"Angular(SSRあり/なし)とNext.jsのショーケースに掲載されているサイトのパフォーマンス計測をして比較した記事。\n両方フレームワークのパフォーマンススコアの平均と中央値は大体同じ傾向となったという話","tags":["Angular","React","performance","article","opinion"],"relatedLinks":[]},{"date":"2022-06-29T02:00:19.415Z","title":"WebKit/standards-positions: WebKit's positions on emerging web specifications","url":"https://github.com/WebKit/standards-positions","content":"ウェブ標準のProposalに対するWebKitのポジションを管理するリポジトリ。","tags":["webkit","proposal","safari","apple"],"relatedLinks":[]},{"date":"2022-06-29T11:48:02.137Z","title":"Blog - Next.js 12.2 | Next.js","url":"https://nextjs.org/blog/next-12-2","content":"Next.js 12.2リリース。\nMiddlewareがStableに、On-Demand ISRのStableに。\nAPI RouteとSSRをCloudflare Workersを使ったEdgeで動かす`runtime`オプションを追加など。\n`next/image`の改善、SWCプラグインのサポート、React 18のサポート改善など","tags":["Next.js","ReleaseNote"],"relatedLinks":[]},{"date":"2022-07-02T06:19:33.079Z","title":"Fresh 1.0","url":"https://deno.com/blog/fresh-is-stable","content":"DenoとPreactを使ったウェブフレームワークであるFresh 1.0リリース。","tags":["deno","React","ReleaseNote"],"relatedLinks":[{"title":"Release 1.0.0 · denoland/fresh","url":"https://github.com/denoland/fresh/releases/tag/1.0.0"}]},{"date":"2022-07-02T06:29:46.928Z","title":"Release Notes for Safari Technology Preview 148 | WebKit","url":"https://webkit.org/blog/12992/release-notes-for-safari-technology-preview-148/","content":"Safari Technology Preview 148リリース。\nCSSでは`:has()`擬似クラスのサポート改善、`text-indent`プロパティで`each-line`をサポート、`:modal`擬似クラスのサポートなど。\n`<link>`要素の`nonce`属性のサポート。\nITPでCookieのcapをScript-Writeable Storageと同じlast user interactionから7days、interactionない場合は24hで消えるように変更。","tags":["webkit","ReleaseNote","safari"],"relatedLinks":[{"title":"text-indent - CSS: Cascading Style Sheets | MDN","url":"https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent"},{"title":"Full Third-Party Cookie Blocking and More | WebKit","url":"https://webkit.org/blog/10218/full-third-party-cookie-blocking-and-more/"}]},{"date":"2022-07-02T06:39:49.767Z","title":"Release v6.0.0 · capricorn86/happy-dom","url":"https://github.com/capricorn86/happy-dom/releases/tag/v6.0.0","content":"Happy DOM v6.0.0リリース。\n複数windowに関する問題を修正、`Document.createRange()`/`Document.getSelection()`、`Text.splitText()`のサポートなど","tags":["JavaScript","DOM","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-07-02T06:55:05.053Z","title":"Date and Time Pickers for All – React Spectrum Blog","url":"https://react-spectrum.adobe.com/blog/date-and-time-pickers-for-all.html","content":"React AriaとReact Spectrumで日付入力のUIをサポート。\nアクセシビリティ、国際化、カスタマイズ性などを持った日付フィールド/カレンダーのUIコンポーネントを提供する。\nまた併せて複数のタイムゾーン/カレンダーシステム/ロケールをサポートした日付ライブラリも公開している。","tags":["JavaScript","React","library","ReleaseNote","accessibility"],"relatedLinks":[{"title":"@internationalized/date – Internationalized","url":"https://react-spectrum.adobe.com/internationalized/date/index.html"}]},{"date":"2022-07-02T07:23:11.826Z","title":"Release v1.23.0 · microsoft/playwright","url":"https://github.com/microsoft/playwright/releases/tag/v1.23.0","content":"playwright v1.23.0リリース。\nharファイルを使ったNetwork Replay機能の追加、`<select multiple>`に対応する`toHavevalues()`の追加、テキストマッチの`ignoreCase`オプションを追加など","tags":["JavaScript","browser","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-07-02T07:28:26.790Z","title":"Release 4.0.0 · prisma/prisma","url":"https://github.com/prisma/prisma/releases/tag/4.0.0","content":"Prisma 4.0.0リリース。\n`extendedIndexes`/`filterJson`/`improvedQueryRaw`がGAに。\nNode.js 12のサポート終了、`DbNull`/`JsonNull`/`AnyNull`はobject型に変更、statement cache sizeのデフォルト値を変更など","tags":["JavaScript","database","library","ReleaseNote"],"relatedLinks":[{"title":"Upgrade to Prisma 4 | Prisma Docs","url":"https://www.prisma.io/docs/guides/upgrade-guides/upgrading-versions/upgrading-to-prisma-4"}]},{"date":"2022-07-02T07:30:58.351Z","title":"Release v7.4.0 · pnpm/pnpm","url":"https://github.com/pnpm/pnpm/releases/tag/v7.4.0","content":"pnpm v7.4.0リリース。\n依存関係にpatchファイルをあてる`patchedDependencies`フィールドと`pnpm patch`コマンドの追加。\nproductionの依存だけをインストールして、デプロイ用にコピーする`pnpm deploy`コマンドの追加など","tags":["npm","pnpm","ReleaseNote"],"relatedLinks":[]},{"date":"2022-07-02T07:54:29.738Z","title":"ニコニコ生放送 WebフロントエンドのKubernetes移行ハンドブック 2022 | ニコニコ生放送 Webフロントエンド Kubernetes移行ハンドブック 2022","url":"https://dwango.github.io/nicolive-kubernetes-migration-handbook-2022/","content":"Kubernatesにおけるフロントエンドの管理についてのガイド","tags":["kubernetes","document"],"relatedLinks":[{"title":"大規模サービスのBFFサーバーをKubernetesに移行した記事で書いていないこと","url":"https://zenn.dev/himenon/articles/0e049f65c462a1"}]},{"date":"2022-07-02T09:26:13.154Z","title":"Vue 2.7 \"Naruto\" Released | The Vue Point","url":"https://blog.vuejs.org/posts/vue-2-7-naruto.html","content":"Vue 2.7リリース。\nVue 2.xの最後のminorアップデートとなり、Vue 2は1年半後の2023年末にサポートが終了する予定。","tags":["Vue","ReleaseNote"],"relatedLinks":[]},{"date":"2022-07-02T15:34:49.896Z","title":"codemix/deprank: Use PageRank to find the most important files in your codebase.","url":"https://github.com/codemix/deprank","content":"dependency-cruiserを使って依存グラフを作りページランクを出すツール。","tags":["JavaScript","Tools"],"viaURL":"https://zenn.dev/mikana0918/articles/344861f49f7190","relatedLinks":[]},{"date":"2022-07-03T12:21:10.019Z","title":"ブラウザ, Node, Cloudflareでも動くDenoモジュール開発","url":"https://zenn.dev/dajiaji/articles/c5340c38d11d4d","content":"Deno向けのコードをベースにして、dntを使ってNode.js向けのパッケージを作成、Cloudflare Workersでの動作テストをするパッケージの開発について。\n","tags":["deno","node.js","cloudflare","library","article"],"viaURL":"https://zenn.dev/mikana0918/articles/344861f49f7190","relatedLinks":[]},{"date":"2022-07-04T12:30:36.575Z","title":"jestでDBありのテストを高速化する | kohsweblog","url":"https://blog.koh.dev/2022-07-02-jest-speedup/","content":"Jestで実行するテストのパフォーマンス改善についての記事。\nローカルではmaxWorkers、CIはshardを使いテストを並列に実行することで、実行時間を短くする方法について","tags":["JavaScript","testing","performance","article"],"viaURL":"https://zenn.dev/mikana0918/articles/344861f49f7190","relatedLinks":[]},{"date":"2022-07-04T13:06:03.316Z","title":"縦書きHTMLにおける文字の向きはどのように定まるか - ドワンゴ教育サービス開発者ブログ","url":"https://blog.nnn.dev/entry/2022/07/01/180000","content":"縦書きHTMLの表示についての記事。\nCSSの`writing-mode`と`text-orientation`での文字の向きの扱い、フォントとVertical_Orientationごとの表示の差異、ブラウザの実装の差異などについて","tags":["HTML","CSS","fonts","article"],"viaURL":"https://zenn.dev/mikana0918/articles/344861f49f7190","relatedLinks":[]},{"date":"2022-07-08T13:41:02.624Z","title":"samchon/typescript-json: Runtime type checkers and 5x faster JSON.stringify()","url":"https://github.com/samchon/typescript-json","content":"ttypescriptなどを使ったコード変換とRuntimeを合わせたJSONライブラリ。\nTypeScriptの型を使ったRuntimeでの型チェック、`JSON.stringify`相当の処理を提供する","tags":["TypeScript","JSON","Tools","library"],"viaURL":"https://zenn.dev/mikana0918/articles/344861f49f7190","relatedLinks":[]},{"date":"2022-07-11T00:08:00.467Z","title":"応答性を示す新しい指標「INP」 | フロントエンドBlog | ミツエーリンクス","url":"https://www.mitsue.co.jp/knowledge/blog/frontend/202207/06_1002.html","content":"ユーザー操作に対するインタラクションにかかった時間を計測するメトリクスであるINP(Interaction to Next Paint)について。\nFIDとは異なりページのロード後に関する値を計測する。\nCrUX、LighthouseのTimespanモード、Web Vitalsでの計測データの取り方についてなど","tags":["JavaScript","performance","article"],"viaURL":"https://zenn.dev/mikana0918/articles/344861f49f7190","relatedLinks":[{"title":"Interaction to Next Paint (INP)","url":"https://web.dev/inp/"}]},{"date":"2022-07-11T06:39:21.473Z","title":"Announcing support for WASI on Cloudflare Workers","url":"https://blog.cloudflare.com/announcing-wasi-on-workers/","content":"Cloudflare WorkersでWASIに対応したWebAssemblyファイルを実行するライブラリがサポートされたことについて","tags":["cloudflare","WebAssembly","article"],"relatedLinks":[]},{"date":"2022-07-11T07:49:50.532Z","title":"oven-sh/bun: Incredibly fast JavaScript runtime, bundler, transpiler and package manager – all in one.","url":"https://github.com/oven-sh/bun","content":"JavaScriptCoreとZig言語を使って書かれたJavaScriptのRuntime。\nBundler/TSのTranspiler/Task Runerを同梱し、npm互換のパッケージマネージャーやNode-API(N-API)互換の実装、FetchなどのWeb APIの実装をもつ。","tags":["JavaScript","Tools","Bun "],"relatedLinks":[]},{"date":"2022-07-11T13:18:38.759Z","title":"jcubic/wayne: Service Worker Routing library for in browser HTTP requests","url":"https://github.com/jcubic/wayne","content":"Service Worker向けのルーティングライブラリ","tags":["ServiceWorker","library"],"relatedLinks":[]},{"date":"2022-07-11T14:56:03.407Z","title":"Blogged Answers: How I Estimate NPM Package Market Share (and how Redux usage compares to other libraries) · Mark's Dev Blog","url":"https://blog.isquaredsoftware.com/2022/07/npm-package-market-share-estimates/","content":"npmパッケージのシェアを読み取るかについて、Reactとステート管理ライブラリを例に解説している記事。\nnpmパッケージのダウンロード数、GitHubの依存数を絶対数として見た時の問題点や相対的に見る方法についてなど","tags":["npm","React","redux","article"],"relatedLinks":[]},{"date":"2022-07-11T15:02:09.747Z","title":"oguimbal/pg-mem: An in memory postgres DB instance for your unit tests","url":"https://github.com/oguimbal/pg-mem","content":"In-memoryのPostgresエミュレーターライブラリ。\nPostgresを使ったテストで利用する目的","tags":["JavaScript","node.js","PostgreSQL","library","testing","deno"],"relatedLinks":[]},{"date":"2022-07-13T06:56:17.782Z","title":"Flutter前史: ChromeがFlutterになるまで","url":"https://zenn.dev/mjhd/articles/680a19ae893c1e","content":"Flutterの歴史を振り返る動画について。\nBlinkのForkから始まり、JavaScriptからDartへの切り替え、DOMからCanvasへの切り替えなどについて","tags":["Flutter","history","article"],"relatedLinks":[{"title":"Before Flutter | Rubber Duck Engineering | Episode #100 - YouTube","url":"https://www.youtube.com/watch?v=xqGAC5QCYuQ&list=TLGGp4ABzxMuimsxMjA3MjAyMg"},{"title":"Before Flutter - Google スライド","url":"https://docs.google.com/presentation/d/1Yhch7KkNC5wbkcsc9p5XkWouEha2hex65l6Pca_SqkM/edit#slide=id.g11cbab926eb_0_0"}]},{"date":"2022-07-13T06:59:47.199Z","title":"NestJS製GraphQLサーバの起動が遅かったので調査した話 - もうずっといなかぐらし","url":"https://katainaka0503.hatenablog.com/entry/2022/07/09/190340","content":"GraphQLのスキーマからTypeScriptのファイルを生成するツールのボトルネックを調べて修正した話。\n`0x`を使ったボトルネック分析、`ts-morph`でのTypeScript ASTの変換のパフォーマンス問題の修正についてなど\n","tags":["TypeScript","Tools","article"],"relatedLinks":[]},{"date":"2022-07-13T12:35:45.206Z","title":"Executing shell commands from Node.js","url":"https://2ality.com/2022/07/nodejs-child-process.html","content":"Node.jsの`node:child_process`モジュールでのコマンドの実行についての解説。\nspawnとexecの解説、spawnとexecの違い、Streamでの出力の読み取り、AbortControllerを使ったプロセスの終了、同期と非同期についてなど","tags":["node.js","article"],"relatedLinks":[]},{"date":"2022-07-13T12:47:04.767Z","title":"Tailwind DX","url":"https://gimli.app/tailwinddx.html","content":"Tailwind用のChrome拡張。\nTailwindのクラスをChrome DevTools上で変更できる。","tags":["Chrome","Extension","CSS","Tools"],"relatedLinks":[]},{"date":"2022-07-13T13:10:29.948Z","title":"vite/CHANGELOG.md at v3.0.0 · vitejs/vite","url":"https://github.com/vitejs/vite/blob/v3.0.0/packages/vite/CHANGELOG.md","content":"Vite 3.0.0リリース。\nデフォルトのビルドターゲットをESMとDynamic Import/`import.meta`をサポートしてるブラウザに変更、オプションの変更や削除、デフォルトportを5173に変更。\nminifyに利用する`terser`パッケージへの依存をオプショナルへ変更、`import.meta.glob`の仕様変更、Wasmファイルのimport方法を変更など","tags":["vite","ReleaseNote"],"relatedLinks":[]},{"date":"2022-07-13T13:40:08.660Z","title":"July 7th 2022 Security Releases | Node.js","url":"https://nodejs.org/en/blog/vulnerability/july-2022-security-releases/","content":"Node.js 14/16/18のセキュリティリリース。","tags":["node.js","security","ReleaseNote"],"relatedLinks":[]},{"date":"2022-07-15T20:03:54.954Z","title":"Node v18.6.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v18.6.0/","content":"Node.js 18.6.0リリース。\nESM Loader Hooksが更新され、複数の`--loader`を指定した場合の順番の変更。またloaderの実装は`shortCircuit`を返すのが必須となった。","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"Custom ESM loaders: Who, what, when, where, why, how - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/jakobjingleheimer/custom-esm-loaders-who-what-when-where-why-how-4i1o"}]},{"date":"2022-07-16T23:57:49.663Z","title":"luxon/CHANGELOG.md at master · moment/luxon","url":"https://github.com/moment/luxon/blob/master/CHANGELOG.md#300-2022-07-09","content":"luxon 3.0.0リリース。\n","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Add condition for system setZone by davkub · Pull Request #1206 · moment/luxon","url":"https://github.com/moment/luxon/pull/1206"}]},{"date":"2022-07-17T00:02:10.059Z","title":"NestJS v9 is now available - Trilon Consulting","url":"https://trilon.io/blog/nestjs-9-is-now-available","content":"NestJS v9リリース。\nREPLの追加、`ConfigurableModuleBuilder`の追加、Durable providersの追加など","tags":["node.js","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-07-17T11:28:15.732Z","title":"tuplo/numberfmt: Number formatting using a text pattern and native Intl.NumberFormat()","url":"https://github.com/tuplo/numberfmt","content":"`Intl.NumberFormat`ベースの数値の整形ライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2022-07-18T12:48:32.574Z","title":"Release v5.8.0 · nodejs/undici","url":"https://github.com/nodejs/undici/releases/tag/v5.8.0","content":"undici 5.8.0リリース。\nCRL injectionとCookie扱いに関するセキュリティ修正","tags":["node.js","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-07-18T13:10:15.136Z","title":"Version 3.0 released : Node-RED","url":"https://nodered.org/blog/2022/07/14/version-3-0-released","content":"Node-RED 3.0 リリース。\nエディタのアップデート、aceに代わってmonaco editorがデフォルト化、`runtimeState`オプションの追加、`diagnostics`オプションの追加など","tags":["node.js","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-07-18T13:38:35.543Z","title":"Applying SOLID principles in React | Konstantin Lebedev blog","url":"https://konstantinlebedev.com/solid-in-react/","content":"ReactとSOLID原則について","tags":["React","article"],"relatedLinks":[]},{"date":"2022-07-18T21:26:47.114Z","title":"Hermes as the Default · React Native","url":"https://reactnative.dev/blog/2022/07/08/hermes-as-the-default","content":"React Native 0.7.0でHermesがデフォルトとなることについて。\nJavaScriptCoreとHermesの比較、ABI非互換性の問題、HermesへのECMAScript i18n APIサポートについてなど","tags":["React","Native","article"],"relatedLinks":[]},{"date":"2022-07-18T21:32:34.510Z","title":"danielroe/magic-regexp: A compiled-away, type-safe, readable RegExp alternative","url":"https://github.com/danielroe/magic-regexp","content":"正規表現を組み立てるビルダー関数を提供するライブラリ。\nまた、ビルダー関数を正規表現リテラルへと変換するNuxt/Vite/Next.js向けのプラグインなども公開している。","tags":["RegExp","JavaScript","library"],"relatedLinks":[]},{"date":"2022-07-19T11:52:21.498Z","title":"ESLint v8.20.0 released - ESLint - Pluggable JavaScript Linter","url":"https://eslint.org/blog/2022/07/eslint-v8.20.0-released/","content":"ESLint 8.20.0リリース。\npreprocessorsにおけるパースエラーなどをLintエラーとして報告するようになるなど","tags":["ESLint","ReleaseNote"],"relatedLinks":[]},{"date":"2022-07-19T22:44:19.992Z","title":"Cloudscape – Cloudscape Design System","url":"https://cloudscape.design/","content":"AWSで使われているデザインシステム。\nデザインシステムの原則を書いたドキュメント、Reactコンポーネント、利用する時のパターンから構成されている。","tags":["aws","Design","accessibility","document"],"relatedLinks":[]},{"date":"2022-07-20T01:12:56.189Z","title":"Vite 3 が採用した CJS Proxy による Dual Package 構成","url":"https://zenn.dev/teppeis/articles/2022-07-npm-dual-pacakge-cjs-proxy","content":"Viteが利用してるCJSとESMをdual packagesに対応する手法について。\nCJSからESMを扱うために、非同期な関数のexportはDynamic Importsを含むラッパーを公開し、同期的な関数のexportはesbuildなどでbundle済みのものを公開する","tags":["ECMAScript","vite","node.js","article"],"relatedLinks":[]},{"date":"2022-07-20T01:15:49.258Z","title":"rety: Live coding without the stress","url":"https://rety.verou.me/","content":"textareaなどに対するコーディングの動きを記録し、リプレイできるライブラリ。\nプレゼンテーションなどでライブコーディング的なデモを行う用途で作られている。","tags":["JavaScript","library","presentation"],"relatedLinks":[{"title":"LeaVerou/rety: Record typing on one or more editors and replay it at will, to simulate live coding","url":"https://github.com/leaverou/rety"}]},{"date":"2022-07-20T01:20:04.834Z","title":"Defensive CSS","url":"https://defensivecss.dev/","content":"CSSで幅を超えたときにデザインが崩れる問題への対応をまとめたサイト。\nFlexbox、画像サイズ、折り返し文字列。アイコンと文字の被り、背景画像の繰り返し、Viewportのサイズなどの問題について","tags":["CSS","document"],"relatedLinks":[]},{"date":"2022-07-20T02:47:08.099Z","title":"yaakov123/hagana: NodeJS runtime protection for supply chain attacks","url":"https://github.com/yaakov123/hagana","content":"Node.jsの`fs`や`child_process`モジュールなどを上書きして、アクセスできるネットワークや実行できるコマンドなどを制限するライブラリ。\nデフォルトでは`node_modules`以下に含まれるサードパーティのライブラリに対して制限を追加する","tags":["node.js","security","library"],"relatedLinks":[]},{"date":"2022-07-21T00:28:13.829Z","title":"Safari 15.6 Release Notes | Apple Developer Documentation","url":"https://developer.apple.com/documentation/safari-release-notes/safari-15_6-release-notes","content":"Safari 15.6リリース。\nCSSの`:modal`擬似クラスのサポート、バグ修正など","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"New WebKit Features in Safari 15.6 | WebKit","url":"https://webkit.org/blog/13009/new-webkit-features-in-safari-15-6/"}]},{"date":"2022-07-21T13:13:01.612Z","title":"はじめに - NestJSの強化書 βversion","url":"https://docs.nest-book.jp/","content":"NestJSについての書籍。\nNestJSの特徴、機能、使い方について解説しているサイト。また、NestJSでGraphQLを扱う方法も解説している。","tags":["node.js","library","book","GraphQL"],"relatedLinks":[]},{"date":"2022-07-21T22:49:53.573Z","title":"Deno 1.24 Release Notes","url":"https://deno.com/blog/v1.24","content":"Deno 1.24リリース。\n`deno check`のパフォーマンス改善、`unhandledrejection`/`beforeunload`/`unload`イベントのサポート、`import.meta.resolve()`の追加。\nFFIの改善、`deno test --parallel`フラグのサポート、stdに`semver`モジュールを追加など","tags":["deno","ReleaseNote"],"relatedLinks":[]},{"date":"2022-07-23T03:25:08.426Z","title":"modfy/nominal: 🔒 The new way to do types in typescript.","url":"https://github.com/modfy/nominal","content":"TypeScriptでnominal typeを扱う型とユーティリティライブラリ","tags":["TypeScript","library"],"relatedLinks":[]},{"date":"2022-07-23T09:36:59.856Z","title":"Release v7.6.0 · pnpm/pnpm","url":"https://github.com/pnpm/pnpm/releases/tag/v7.6.0","content":"pnpm v7.6.0リリース。\n`node-linker`が有効時はデフォルトでONとなる`prefer-symlinked-executables`オプションの追加、`pnpm deploy`のバグ修正など","tags":["pnpm","ReleaseNote"],"relatedLinks":[]},{"date":"2022-07-24T13:26:54.680Z","title":"Release v1.24.0 · microsoft/playwright","url":"https://github.com/microsoft/playwright/releases/tag/v1.24.0","content":"playwright v1.24.0リリース。\n設定でウェブサーバを複数定義できるように、`test.describe`のタイトルを省略できるように、Component Testに`beforeMount`と`afterMount`のHookを追加など","tags":["playwright","ReleaseNote"],"relatedLinks":[]},{"date":"2022-07-24T14:43:49.891Z","title":"Payload launches 1.0 | Blog | Payload CMS","url":"https://payloadcms.com/blog/payload-launches-version-1","content":"Headless CMSのPayload 1.0リリース。","tags":["CMS","ReleaseNote"],"relatedLinks":[{"title":"payloadcms/payload: Free and Open-source Headless CMS and Application Framework built with TypeScript, Node.js, React and MongoDB","url":"https://github.com/payloadcms/payload"}]},{"date":"2022-07-24T14:48:08.359Z","title":"Updates from the 91st TC39 meeting - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/hemanth/updates-from-the-91th-tc39-meeting-779","content":"2022-07のTC39ミーティングでのECMAScript Proposalのアップデート内容について。\nHashbangがStage 4へ、Import ReflectionがStage 2となるなど","tags":["ECMAScript","proposal","news"],"relatedLinks":[]},{"date":"2022-07-24T15:01:01.595Z","title":"5t3ph/css-browser-support: Query for CSS brower support data, combined from caniuse and MDN, including version support started and global support percentages.","url":"https://github.com/5t3ph/css-browser-support","content":"特定のCSSの機能をどのブラウザがサポートしているかを検索できるライブラリ。\nデータにはMDNとCan I useを利用している","tags":["CSS","mdn","browser","library"],"relatedLinks":[]},{"date":"2022-07-25T13:51:38.902Z","title":"Release v5.74.0 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v5.74.0","content":"webpack v5.74.0リリース。\n`resolve.extensionAlias`オプションの追加、Static Blockを含むES2022のコードをサポート、`ProvidePlugin`におけるTree Shakingのサポート。\nwatchのパフォーマンスの改善など","tags":["webpack","ReleaseNote"],"relatedLinks":[{"title":"Improve watch performance by using stable identities for Snapshot iterables by gluxon · Pull Request #15991 · webpack/webpack","url":"https://github.com/webpack/webpack/pull/15991"}]},{"date":"2022-07-25T13:55:19.983Z","title":"Release 3.24.0 - 2022.07.25 · zloirock/core-js","url":"https://github.com/zloirock/core-js/releases/tag/v3.24.0","content":"core-js v3.24.0リリース。\nIterator helpers prosapoの仕様追従、新しいサポートターゲットとしてBun/Hermes/Oculus Browserの追加など","tags":["JavaScript","polyfill","library","ReleaseNote","Bun"],"relatedLinks":[]},{"date":"2022-07-25T14:40:50.395Z","title":"The CSS behind Figma - Ahmad Shadeed","url":"https://ishadeed.com/article/figma-css/","content":"FigmaのアプリそのものにおけるFlexboxとCSS Gridの使い方についてみていく記事。\nボタンの配置や位置合わせアイコンにおけるGridの利用法、レイヤーのツリー構造を表現するFlexboxの利用法について","tags":["CSS","figma","article"],"relatedLinks":[]},{"date":"2022-07-26T03:49:52.749Z","title":"Avoiding <img> layout shifts: aspect-ratio vs width & height attributes - JakeArchibald.com","url":"https://jakearchibald.com/2022/img-aspect-ratio/","content":"`<img>`とaspect-ratioの指定についての記事。\nCSSの`aspect-ratio`プロパティ、widthとheightを使ったaspect-ratioのhintについてなど","tags":["HTML","article"],"relatedLinks":[]},{"date":"2022-07-26T12:59:48.672Z","title":"Release v9.0.0 · vueuse/vueuse","url":"https://github.com/vueuse/vueuse/releases/tag/v9.0.0","content":"vueuse v9.0.0リリース。\n`isSupported`を`Ref<boolean>`に変更、型名を`Use` prefixに統一。\n多くのUse関数の引数に関数を渡せるように、`@vueuse/math`パッケージの追加など","tags":["Vue","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-07-27T15:32:52.422Z","title":"Node v18.7.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v18.7.0/","content":"Node.js 18.7.0リリース。\n`process.exit(code)`の`code`に数値以外を渡すケースをDeprecatedに変更、`CustomEvent`の実装、http serverに`dropRequest`イベントを実装など","tags":["node.js","serverless"],"relatedLinks":[]},{"date":"2022-07-27T15:36:22.126Z","title":"Release v1.2.0 · video-dev/hls.js","url":"https://github.com/video-dev/hls.js/releases/tag/v1.2.0","content":"hls.js v1.2.0リリース。\nIE 11のサポート終了、CMAF CCのサポート、バグ修正や安定性の向上など","tags":["HLS","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-07-28T00:09:26.417Z","title":"Expanding testing for the Privacy Sandbox for the Web","url":"https://blog.google/products/chrome/update-testing-privacy-sandbox-web/","content":"Privacy Sandboxのロードマップの更新について。\nPrivacy Sandbox APIのリリースは2023年Q3まで延期され、サードパーティクッキーの段階的な廃止は2024年後半まで延期された。","tags":["Chrome","privacy","news"],"relatedLinks":[]},{"date":"2022-07-28T05:42:20.849Z","title":"ronami/HypeScript: 🐬 A simplified implementation of TypeScript's type system written in TypeScript's own type system","url":"https://github.com/ronami/HypeScript","content":"TypeScriptの型システムをTypeScriptの型で実装したもの。","tags":["TypeScript","Tools"],"relatedLinks":[]},{"date":"2022-07-28T12:42:03.996Z","title":"losfair/blueboat: All-in-one, multi-tenant serverless JavaScript runtime.","url":"https://github.com/losfair/blueboat","content":"Cloudflare WorkersのようなV8 Isolatesでマルチテナント実行できるJavaScript実行環境。\nエンジンはRustで書かれていて、実行するJSスクリプトはFetch APIやRequest/Responseのようなウェブ標準互換のAPIが一部利用できる。","tags":["JavaScript","serverless","cloudflare","Tools"],"relatedLinks":[]},{"date":"2022-07-31T12:22:16.611Z","title":"🌕 moonでのmonorepo管理とpackemonでのCJS/ESMのdual package","url":"https://azu.github.io/slide/2022/moa/moon-packemon.html","content":"monorepo管理ツールのmoonとCJS/MJS対応のライブラリビルドツールのpackemonについてのスライド","tags":["monorepo","Tools","slide","JavaScript"],"relatedLinks":[]},{"date":"2022-07-31T14:07:19.124Z","title":"新しいビューポートの単位（sv*、lv*、dv*） | フロントエンドBlog | ミツエーリンクス","url":"https://www.mitsue.co.jp/knowledge/blog/frontend/202207/28_0755.html","content":"CSSのview portのunitについての記事","tags":["CSS","article"],"relatedLinks":[]},{"date":"2022-07-31T23:39:18.896Z","title":"ehmicky/safe-json-value: ⛑️ JSON serialization should never fail","url":"https://github.com/ehmicky/safe-json-value","content":"例外を投げないJSONのシリアライズを提供するライブラリ。\nシリアライズできないときは`error`プロパティにエラーを入れ、例外となる値は結果から除外するなどしている。","tags":["JavaScript","library","JSON"],"relatedLinks":[]},{"date":"2022-08-01T00:49:51.366Z","title":"TypeScriptとReact/Next.jsでつくる 実践Webアプリケーション開発：書籍案内｜技術評論社","url":"https://gihyo.jp/book/2022/978-4-297-12916-3","content":"2022年7月22日 発売。\nNext.jsの入門本","tags":["Next.js","TypeScript","book"],"relatedLinks":[]},{"date":"2022-08-01T13:43:41.239Z","title":"Skeleton","url":"https://skeleton.brainandbonesllc.com/","content":"SvelteとTailwindを使ったUIコンポーネントライブラリ","tags":["Svelte","CSS","library"],"relatedLinks":[]},{"date":"2022-08-01T14:10:42.261Z","title":"Help pick a syntax for CSS nesting - Chrome Developers","url":"https://developer.chrome.com/blog/help-css-nesting/","content":"CSSのネスト構文についてのアンケート。\nSCSS/Less/Stylusのようにネストをするケース、`@nest`を使うケース、ブラケットを使うケースについての意見を募集している","tags":["CSS","article","アンケート"],"relatedLinks":[]},{"date":"2022-08-01T14:32:57.846Z","title":"Announcing Docusaurus 2.0 | Docusaurus","url":"https://docusaurus.io/blog/2022/08/01/announcing-docusaurus-2.0","content":"静的サイトジェネレータのDocusaurus v2リリース。\nMDXのサポート、サイドバーの自動生成、プラグインシステム刷新、テーマの再構築など","tags":["React","document","ReleaseNote"],"relatedLinks":[]},{"date":"2022-08-02T00:22:23.416Z","title":"Release electron v20.0.0 · electron/electron","url":"https://github.com/electron/electron/releases/tag/v20.0.0","content":"Electron v20.0.0リリース。\n`nodeIntegration: true`と`sandbox: false`の組み合わせを設定しない限り、RenderersがデフォルトでSandbox化されるように変更など","tags":["Electron","ReleaseNote"],"relatedLinks":[]},{"date":"2022-08-03T02:50:33.350Z","title":"Release v7.0.0 · riot/riot","url":"https://github.com/riot/riot/releases/tag/v7.0.0","content":"Riot.js v7.0.0リリース。\nESM bundleの改善、runtime `slots`の追加、bundleサイズの改善など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-08-03T02:52:12.146Z","title":"Release Inferno v8.0.0 · infernojs/inferno","url":"https://github.com/infernojs/inferno/releases/tag/v8.0.0","content":"Inferno v8.0.0リリース。\nコンポーネントのライフサイクルメソッドに`componentWillMove`/`componentDidAppear`/`componentWillDisappear`を追加、`javascript:`へのリンクに対して警告を追加、TypeScriptの型定義の改善など","tags":["JavaScript","DOM","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-08-03T02:55:14.670Z","title":"Release v16.0.0 · puppeteer/puppeteer","url":"https://github.com/puppeteer/puppeteer/releases/tag/v16.0.0","content":"Puppeteer v16.0.0リリース。\nCDP(Chrome DevTools Protocol)のauto-attachメカニズムを使うことで、PageやFrameへの接続の安定性を改善するなど","tags":["puppeteer","ReleaseNote"],"relatedLinks":[]},{"date":"2022-08-04T12:14:00.663Z","title":"Release v2.7.0 · parcel-bundler/parcel","url":"https://github.com/parcel-bundler/parcel/releases/tag/v2.7.0","content":"Parcel v2.7.0リリース。\nプラグイン設定ファイルの拡張子`.cjs`が利用できるように、React Freshで`@emotion/react`をサポートなど","tags":["JavaScript","bundler","ReleaseNote"],"relatedLinks":[]},{"date":"2022-08-06T02:46:17.373Z","title":"Chromium Blog: Chrome 105 Beta: Custom Highlighting, Fetch Upload Streaming, and More","url":"https://blog.chromium.org/2022/08/chrome-105-beta-custom-highlighting.html","content":"Chrome 105 betaリリース。\nCustom Highlight APIの実装、Container Queryの実装、`:has`擬似クラスの実装、Fetch Upload Streamingの実装など。\n`navigator.mediaDevices.getDisplayMedia`に`systemAudio`オプションの追加、HTML Sanitizer APIの追加、`import.meta.resolve()`メソッドの追加、`Response.json()`メソッドの追加。\nWebSQLがSecure Context以外では利用できなくなるように、Cookieのドメイン属性に非Ascii文字のサポートの廃止など","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2022-08-06T10:58:36.028Z","title":"Release bun v0.1.7 · oven-sh/bun","url":"https://github.com/oven-sh/bun/releases/tag/bun-v0.1.7","content":"Bun 0.1.7リリース。\n`bun init`コマンドの追加、`bun install`がprivate npm registryのサポート、`bun installl`がプロジェクトルートの`prepare`などのlifecycle hookに対応など","tags":["Bun","JavaScript","ReleaseNote"],"relatedLinks":[]},{"date":"2022-08-06T11:11:27.647Z","title":"Everything You Need to Know About JavaScript Import Maps - Honeybadger Developer Blog","url":"https://www.honeybadger.io/blog/import-maps/","content":"Import Mapsについての記事。\nImport Mapsの使い方、動的なImport Mapsの作り方、ファイル名のハッシュとキャッシュ、同じモジュールの複数バージョンの利用、CDNの利用など","tags":["ECMAScript","JavaScript","article"],"relatedLinks":[]},{"date":"2022-08-07T05:00:09.508Z","title":"sofn-xyz/mailing: Build, test, send emails with React","url":"https://github.com/sofn-xyz/mailing","content":"Reactコンポーネントを使ってメールコンテンツの開発ができるツールキット。\nMJMLをベースにしていて、ローカルでメールのレンダリング結果を見ながらコンポーネントベースでメールコンテンツを作成できる","tags":["JavaScript","React","mail","library"],"relatedLinks":[{"title":"MJML - The Responsive Email Framework","url":"https://mjml.io/"}]},{"date":"2022-08-07T05:01:45.755Z","title":"mjmlio/mjml: MJML: the only framework that makes responsive-email easy","url":"https://github.com/mjmlio/mjml","content":"MJMLマークアップ言語を元にレスポンシブなメールを作成できるフレームワーク","tags":["mail","JavaScript","library"],"relatedLinks":[]},{"date":"2022-08-08T12:53:49.387Z","title":"500ms to 1.7ms In React: A Journey And A Checklist | Orizens","url":"https://orizens.com/blog/500ms-to-1-7ms-in-react-a-journey-and-a%20checklist/","content":"Reactアプリのパフォーマンスをどう改善していくかについて。\nコンポーネントの分割、メモ化、プロファイラーを使ったCustom Hooksの問題の追い方について","tags":["React","performance","article"],"relatedLinks":[]},{"date":"2022-08-08T13:38:18.134Z","title":"Parsing command line arguments with `util.parseArgs()` in Node.js","url":"https://2ality.com/2022/08/node-util-parseargs.html","content":"Node.js 18.3.0で追加された`utils`モジュールの`parseArgs`関数について","tags":["node.js","article"],"relatedLinks":[{"title":"Util | Node.js v18.7.0 Documentation","url":"https://nodejs.org/api/util.html#utilparseargsconfig"}]},{"date":"2022-08-08T13:56:56.200Z","title":"Checking if a JavaScript native function is monkey patched · mmazzarolo.com","url":"https://mmazzarolo.com/blog/2022-07-30-checking-if-a-javascript-native-function-was-monkey-patched/","content":"JavaScriptでネイティブ関数がmonkey patchによって上書きされているかを判定する方法について。","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2022-08-09T03:59:33.298Z","title":"Release v8.16.0 · npm/cli","url":"https://github.com/npm/cli/releases/tag/v8.16.0","content":"npm v8.16.0リリース。\nCSSセレクタライクなクエリで依存関係を検索できる`npm query`コマンドの追加など","tags":["npm","ReleaseNote"],"relatedLinks":[{"title":"Introducing the new npm Dependency Selector Syntax | GitHub Changelog","url":"https://github.blog/changelog/2022-08-03-introducing-the-new-npm-dependency-selector-syntax/"}]},{"date":"2022-08-09T04:03:04.445Z","title":"LINE MUSIC のパフォーマンスを向上させた Vue3 マイグレーション","url":"https://engineering.linecorp.com/ja/blog/vue3-migration-with-improved-line-music-performance/","content":"Vue 2.xからVue 3へのアップグレード方法とbundle sizeの変化についての記事。","tags":["Vue","performance","article","refactoring"],"relatedLinks":[]},{"date":"2022-08-09T23:36:09.615Z","title":"Astro 1.0 | Astro","url":"https://astro.build/blog/astro-1/","content":"Astro 1.0リリース。\nSSR Buildsの追加、画像の最適化をする`<Image>`と`<Picture>`の追加、MDXサポート、Vite 3.0へアップグレード","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[{"title":"Astro 1.0 Beta Release | Astro","url":"https://astro.build/blog/astro-1-beta-release/"}]},{"date":"2022-08-10T12:41:00.851Z","title":"Release v0.15.0 · evanw/esbuild","url":"https://github.com/evanw/esbuild/releases/tag/v0.15.0","content":"esbuild v0.15.0リリース。\nYarnのpnpをサポート","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2022-08-12T08:41:16.977Z","title":"Announcing TypeScript 4.8 RC - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-8-rc/","content":"TypeScript 4.8 RCリリース。\n`strictNullChecks`が有効時に`unknown`は`{} | null | undefined`と同様になり関連するコントロールフロー分析の改善、Template String Typesでの`infer`の改善。 `--build`/`-watch`/`--incremental`におけるビルドパフォーマンスの改善、オブジェクトリテラルや配列リテラルを`==`や`===`で比較した場合にエラーとなるように。\nBinding patternの型推論の改善、`--watch`の安定性の改善など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2022-08-12T10:44:30.380Z","title":"Release Notes for Safari Technology Preview 151 | WebKit","url":"https://webkit.org/blog/13093/release-notes-for-safari-technology-preview-151/","content":"Safari Technology Preview 151リリース。\nCSSの`color-mix()`関数のサポート、media queryの`scan`をサポート、`:dir`擬似クラスのサポート。\niframeのlazy loadingをデフォルト化、XHRのabortを仕様に準拠するように修正など","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2022-08-12T11:15:25.270Z","title":"Objects, Functions, and Type Narrowing | Learning TypeScript","url":"https://www.learningtypescript.com/articles/objects-functions-and-type-narrowing?s=t","content":"TypeScriptのNarrowingについて。\n変数オブジェクトのプロパティ、関数呼び出し、関数の引数における型のNarrowingの挙動について","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2022-08-13T12:46:26.777Z","title":"pemistahl/grex-js: A JavaScript / WebAssembly library for generating regular expressions from user-provided test cases","url":"https://github.com/pemistahl/grex-js","content":"文字列の配列からそれにマッチする正規表現を生成するライブラリ","tags":["JavaScript","RegExp","library"],"relatedLinks":[]},{"date":"2022-08-14T12:18:13.633Z","title":"Will Bun JavaScript Take Node's Crown","url":"https://semaphoreci.com/blog/javascript-bun","content":"Node.js/Deno/Bunのベンチマーク比較記事","tags":["node.js","deno","Bun","JavaScript","benchmark","article"],"relatedLinks":[]},{"date":"2022-08-17T02:03:14.446Z","title":"Node v16.17.0 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v16.17.0/","content":"Node.js 16.17.0リリース。\n`util.parseArgs`、ESM Loader Hooks API、`node:test`モジュール、Web Crypto APIの互換性改善のbackport","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2022-08-17T12:27:29.495Z","title":"Why is CrUX data different from my RUM data?","url":"https://web.dev/crux-and-rum-differences/","content":"CrUXとRUMの違い、CrUXの統計データについて。\n","tags":["Chrome","performance","article"],"relatedLinks":[]},{"date":"2022-08-17T13:01:06.813Z","title":"Release v0.22.0 · vitest-dev/vitest","url":"https://github.com/vitest-dev/vitest/releases/tag/v0.22.0","content":"vitest 0.22.0リリース。\nカバレッジツールとして`c8`と`istanbul`を選択できるようになり、`@vitest/coverage-c8`と`@vitest/coverage-istanbul`がPeerDependencyへと変更するなど","tags":["vite","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2022-08-17T13:06:56.425Z","title":"Big Changes Ahead for Deno","url":"https://deno.com/blog/changes","content":"Denoの今後について。\nFFIの改善、`npm:` URLを使ってnpmモジュールをインストールできるようになり互換性の向上、コードからドキュメントを自動生成できるようになるアップデートを予定している","tags":["deno","news"],"relatedLinks":[]},{"date":"2022-08-18T03:15:23.273Z","title":"Release 3.0.0-alpha.0 · prettier/prettier","url":"https://github.com/prettier/prettier/releases/tag/3.0.0-alpha.0","content":"prettier 3.0.0-alpha.0リリース。\nESMの対応、Node.js 12のサポート終了、Public APIの非同期か、`trailingComma`のデフォルト値が`all`へ変更など","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2022-08-18T03:35:47.479Z","title":"outline is your friend - Manuel Matuzović","url":"https://www.matuzo.at/blog/2022/focus-outline/","content":"CSSの`outline`プロパティについての記事。","tags":["CSS","article"],"relatedLinks":[]},{"date":"2022-08-18T03:41:58.869Z","title":"The blind programmers who created screen readers - The Verge","url":"https://www.theverge.com/23203911/screen-readers-history-blind-henter-curran-teh-nvda","content":"スクリーンリーダのJAWSとNVDAがどのような経緯で作られたのかの歴史についての記事","tags":["accessibility","software","history","article"],"relatedLinks":[]},{"date":"2022-08-21T12:42:48.142Z","title":"Release v1.9.0-alpha.0 · reduxjs/redux-toolkit","url":"https://github.com/reduxjs/redux-toolkit/releases/tag/v1.9.0-alpha.0","content":"Redux Toolkit v1.9.0-alpha.0リリース。\n`merge` mutationの追加、`createReducer`にオブジェクトを渡すスタイルをDeprecatedへ変更、`createAsyncThunk.withTypes()`の追加など","tags":["redux","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-08-21T12:50:53.883Z","title":"Release v2.7.0 · cloudflare/miniflare","url":"https://github.com/cloudflare/miniflare/releases/tag/v2.7.0","content":"miniflare 2.7.0リリース。\n`fetch`リクエストをモックするAPIの追加、Durable ObjectをflushするAPIの追加など","tags":["cloudflare","node.js","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-08-21T13:16:59.398Z","title":"Buf | Connect-Web: It's time for Protobuf and gRPC to be your first choice in the browser","url":"https://buf.build/blog/connect-web-protobuf-grpc-in-the-browser","content":"gRPCのクライアントライブラリであるconnect-webについて。\nProtocol BufferからTypeScriptのクライアントコードを生成して利用できる。","tags":["grpc","TypeScript","article"],"relatedLinks":[{"title":"bufbuild/connect-web: Simple, reliable, interoperable. A better gRPC-Web.","url":"https://github.com/bufbuild/connect-web"}]},{"date":"2022-08-21T13:29:33.023Z","title":"Working with file system paths on Node.js","url":"https://2ality.com/2022/07/nodejs-path.html","content":"Node.jsの`path`モジュール、minimatchでのglobについての解説。\nまた、URLとファイルパスの変換について","tags":["node.js","URL","article"],"relatedLinks":[]},{"date":"2022-08-22T12:48:35.497Z","title":"react-pdf-viewer/react-pdf-viewer: A React component to view a PDF document","url":"https://github.com/react-pdf-viewer/react-pdf-viewer","content":"pdf.jsを使ったPDFビューアReactコンポーネント","tags":["React","PDF","library"],"relatedLinks":[]},{"date":"2022-08-22T14:40:13.286Z","title":"Running WordPress in the Browser","url":"https://wasmlabs.dev/articles/wordpress-in-the-browser/","content":"WebAssemblyを使ってWordPressをブラウザで動かす話。\nPHPとSQLiteをそれぞれEmscriptenを使ってWasmへとコンパイルし、WordPressを動かす。\nService Workerを使ったループバックの実装についてなど","tags":["wordpress","SQLite","WebAssembly","article"],"relatedLinks":[]},{"date":"2022-08-24T01:55:50.889Z","title":"Oven: the company behind Bun","url":"https://oven.sh/","content":"BunはOvenという会社を立ち上げ、資金調達をした。\n今後のロードマップとして、Bunを動かすエッジサーバのホスティング、Node.js向けに書かれたフレームワークのサポートの改善、半年以内にStable版を出すことを目標にしている。","tags":["Bun","news","company"],"relatedLinks":[]},{"date":"2022-08-24T02:32:22.353Z","title":"rayepps/radash: Functional utility library - modern, simple, typed, powerful","url":"https://github.com/rayepps/radash","content":"lodashのようなユーティリティコレクションライブラリ。\nそれぞれの関数が独立していて、シンプルなコードとして読めるように書かれている","tags":["JavaScript","library"],"relatedLinks":[{"title":"Lodash is dead. Long live Radash. | by Ray Epps | Vanguards of Code | Aug, 2022 | Medium","url":"https://medium.com/vanguards-of-code/lodash-is-dead-long-live-radash-d9d52abf428b"}]},{"date":"2022-08-24T12:58:21.030Z","title":"Typescipt is terrible for library developers: We spend a disproportionate amount of time on types","url":"https://erock.prose.sh/typescript-terrible-for-library-developers","content":"ライブラリにおけるTypeScriptの型の複雑さについて。\nデバッグ、複雑さ、テスト、メンテナンスの難しさについて","tags":["TypeScript","article","opinion"],"relatedLinks":[]},{"date":"2022-08-24T15:13:14.068Z","title":"Building a Typechecker from scratch | Dmitry Soshnikov | Education","url":"https://www.dmitrysoshnikov.education/p/typechecker","content":"JavaScriptで型チェッカーを一から作成していく講座","tags":["TypeScript","video","tutorial"],"relatedLinks":[]},{"date":"2022-08-25T03:01:07.501Z","title":"Node v18.8.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v18.8.0/","content":"Node.js 18.8.0リリース。\nユーザーランドでのスナップショットを作成/復元できる`--build-snapshot`と`--snapshot-blob`の追加。現時点ではCJS/ESMはサポートしてないため、一つのファイルのみを扱える。","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2022-08-25T04:22:22.166Z","title":"Release Notes for Safari Technology Preview 152 | WebKit","url":"https://webkit.org/blog/13137/release-notes-for-safari-technology-preview-152/","content":"Safari Technology Preview 152リリース。\nECMAScript Proposal Stage 3のSymbols as WeakMap keysの実装、Compression Streams APIの実装など","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2022-08-25T06:25:38.076Z","title":"Release v1.25.0 · denoland/deno","url":"https://github.com/denoland/deno/releases/tag/v1.25.0","content":"Deno v1.25.0リリース。\n`deno init`コマンドの追加、Unstableな機能として`npm:` prefixでnpmパッケージをロードできるようになるなど","tags":["deno","ReleaseNote"],"relatedLinks":[]},{"date":"2022-08-25T06:31:46.224Z","title":"Using :has() as a CSS Parent Selector and much more | WebKit","url":"https://webkit.org/blog/13096/css-has-pseudo-class/","content":"CSSの`:has()`擬似クラスについて。\n親セレクターとしての利用、Gridの利用、`>`との違い、sibling combinators(`~`と`+`)との組み合わせなどについて","tags":["CSS","article"],"relatedLinks":[]},{"date":"2022-08-27T02:57:50.409Z","title":"Jest 29: Snapshot format changes · Jest","url":"https://jestjs.io/blog/2022/08/25/jest-29","content":"Jest 29リリース。\nNode 12のサポート終了、`snapshotFormat`オプションの変更、`jsdom`のアップデート","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-08-27T15:31:59.215Z","title":"ESLint v8.23.0 released - ESLint - Pluggable JavaScript Linter","url":"https://eslint.org/blog/2022/08/eslint-v8.23.0-released/","content":"ESLint 8.23.0リリース。\nopt-inで新しい設定ファイルである`eslint.config.js`が利用できるように。\n`no-fallthrough`と`no-warning-comments`にオプションを追加など","tags":["ESLint","ReleaseNote"],"relatedLinks":[]},{"date":"2022-08-27T15:49:52.308Z","title":"jQuery 3.6.1 Maintenance Release | Official jQuery Blog","url":"https://blog.jquery.com/2022/08/26/jquery-3-6-1-maintenance-release/","content":"jQuery 3.6.1リリース。\nfocusの問題の修正、`addClass`に空文字がある場合の問題の修正、CSS Property ValueをCSSの仕様に準拠してホワイトスペースをトリムするように修正など","tags":["jQuery","ReleaseNote"],"relatedLinks":[]},{"date":"2022-08-27T15:57:05.908Z","title":"Announcing TypeScript 4.8 - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-8/","content":"TypeScript 4.8リリース。\n`strictNullChecks`が有効時に`unknown`は`{} | null | undefined`と同様になり関連するコントロールフロー分析の改善、Template String Typesでの`infer`の改善。 `--build`/`-watch`/`--incremental`におけるビルドパフォーマンスの改善、オブジェクトリテラルや配列リテラルを`==`や`===`で比較した場合にエラーとなるように。\nBinding patternの型推論の改善、`--watch`の安定性の改善など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2022-08-27T16:23:25.672Z","title":"Why your website should be under 14kB in size | endtimes.dev","url":"https://endtimes.dev/why-your-website-should-be-under-14kb-in-size/","content":"TCP slow startにより14600 bytes(約14kb)でラウンドトリップが発生するため、14kbより大きい場合にラウンドトリップ分の遅延が起きるという話。\nHTTP/3 QUICでもほぼ同じサイズでの輻輳制御が推奨されている。","tags":["HTTP","performance","article"],"relatedLinks":[]},{"date":"2022-08-28T07:19:00.168Z","title":"Release v1.5.0 - Batch to the Future · solidjs/solid","url":"https://github.com/solidjs/solid/releases/tag/v1.5.0","content":"Solid v1.5.0リリース。\n`batch`での処理を修正、`createResource`に`ssrLoadFrom`オプションの追加とResourceに対してロード状態を表現する`state`フィールドを追加。\nSSRのパフォーマンス改善、パッケージの`exports`フィールドに対応など","tags":["JavaScript","library","DOM","ReleaseNote"],"relatedLinks":[]},{"date":"2022-08-28T11:53:27.318Z","title":"Installing and running Node.js bin scripts","url":"https://2ality.com/2022/08/installing-nodejs-bin-scripts.html","content":"Node.jsパッケージでインストールするコマンドについての記事。\nインストール方法、どこへインストールされるか、ローカルのパッケージのリンク、npxとキャッシュについてなど","tags":["node.js","article"],"relatedLinks":[]},{"date":"2022-08-28T15:26:38.363Z","title":"httptoolkit/brotli-wasm: A reliable compressor and decompressor for Brotli, supporting node & browsers via wasm","url":"https://github.com/httptoolkit/brotli-wasm","content":"Node.jsとブラウザをサポートしてBrotliのCompress/Decompressライブラリ。\nWebAssemblyを利用している","tags":["JavaScript","library","WebAssembly"],"relatedLinks":[]},{"date":"2022-08-29T14:49:55.467Z","title":"apify/crawlee: Crawlee—A web scraping and browser automation library for Node.js that helps you build reliable crawlers. Fast.","url":"https://github.com/apify/crawlee","content":"ウェブサイトのクローラーフレームワーク。\nリンクを辿るクローリング、ページから情報を取得するスクレイピングを行うライブラリ。\n実際のブラウザを模倣する動作、セッションプール、Cheerio/Puppeteer/Playwrightを使ったスクレピングなどクローラー向けの機能セットをもつ","tags":["JavaScript","browser","library","node.js"],"relatedLinks":[{"title":"Crawlee: the web scraping and browser automation library | Apify Blog","url":"https://blog.apify.com/announcing-crawlee-the-web-scraping-and-browser-automation-library/"}]},{"date":"2022-08-30T02:11:00.687Z","title":"SpiderMonkey Newsletter (Firefox 104-105) | SpiderMonkey JavaScript/WebAssembly Engine","url":"https://spidermonkey.dev/blog/2022/08/29/newsletter-firefox-104-105.html","content":"Firefox 104と105でのSpinderMonkeyの変更点について。\nStage 3のShadowRealmsの実装、Stage 4の `findLast`と`findLastIndex`の実装、Intlの`formatRange`などで引数の大小に関する仕様変更に追従など。\nまた、モジュールの実装の改善を進め、Workerでの`type: module`の実装やImport Mapsの実装に取り組んでいる。","tags":["Firefox","JavaScript","article"],"relatedLinks":[]},{"date":"2022-08-30T02:21:26.969Z","title":"nadeesha/ts-prune: Find unused exports in a typescript project. 🛀","url":"https://github.com/nadeesha/ts-prune","content":"TypeScriptのコードから使用されていないexportsを検出するツール","tags":["TypeScript","Tools"],"relatedLinks":[{"title":"ep.129『不要な export をまとめて掃除！みんながほしかった CLI ts-prune』 | UIT INSIDE - LINE UIT の開発者による「最新のフロントエンド」をキャッチアップできる Podcast","url":"https://uit-inside.linecorp.com/episode/129"}]},{"date":"2022-08-30T02:38:52.623Z","title":"New Recipes for 3rd Party Cookies – text/plain","url":"https://textslashplain.com/2022/07/27/new-recipes-for-cookies/","content":"サードパーティクッキーに関する流れで提案されているCookies周りの仕様について。\nOriginとSubFrameの組み合わせでCookieの保存先を分割する`Partitioned`属性、Storage Access API、IdP向けのFedCM API。\nまた、Cookieはストレージの中でも特殊で、HTTPOnlyやCookieをデバイスから盗む攻撃を防止するTLS Token Bindingなど特別な機能があることについてなど","tags":["browser","privacy","article"],"relatedLinks":[]},{"date":"2022-08-30T02:41:51.151Z","title":"今時の CSRF 対策ってなにをすればいいの？ | Basicinc Enjoy Hacking!","url":"https://tech.basicinc.jp/articles/231","content":"CSRF攻撃に対する多層防御として利用できる対策手法について。\nCSRFトークン、カスタムリクエストヘッダ、SameSite Cookie、Double Submit Cookie、Originリクエストヘッダ、Sec-Fetchリクエストヘッダについて","tags":["browser","security","article"],"relatedLinks":[]},{"date":"2022-09-02T13:25:35.656Z","title":"frehner/modern-guide-to-packaging-js-library","url":"https://github.com/frehner/modern-guide-to-packaging-js-library","content":"JavaScriptライブラリを公開するときのガイド。\nESM/CJS/UMD形式の公開、Tree Shakingに対応する、minifyをしない、Source Mapをつける、外部ライブラリをコピーして含めないなど。\nまたpackage.jsonのフィールドについての解説など","tags":["node.js","JavaScript","library","document"],"relatedLinks":[]},{"date":"2022-09-03T00:43:32.881Z","title":"bluwy/whyframe: Develop components in isolation","url":"https://github.com/bluwy/whyframe","content":"iframe内にマークアップを描画するコンポーネントライブラリ。\nSvelte、Vue、Reactなど各種UIフレームワークに対応している","tags":["JavaScript","library","UI"],"relatedLinks":[]},{"date":"2022-09-03T00:51:21.285Z","title":"Release v6.0.0 beta 1 · styled-components/styled-components","url":"https://github.com/styled-components/styled-components/releases/tag/v6.0.0-beta.1","content":"styled-components v6.0.0-beta.1リリース。\nTypeScriptでの書き直し、stylis v4へのアップデート、Node.js 12のサポート終了などが含まれる\n","tags":["JavaScript","CSS","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-09-03T00:58:10.445Z","title":"Release v5.5.0 · lerna/lerna","url":"https://github.com/lerna/lerna/releases/tag/v5.5.0","content":"lerna v5.5.0リリース。\npnpm workspacesのサポート","tags":["monorepo","JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2022-09-04T08:54:54.881Z","title":"Modern alternatives to BEM - daverupert.com","url":"https://daverupert.com/2022/08/modern-alternatives-to-bem/","content":"CSSに`@layer`やWeb Componentsなどの新しい概念が増えたことで、CSSの設計がどのように変わっていくかについて。","tags":["CSS","architecture","article"],"relatedLinks":[]},{"date":"2022-09-04T09:02:28.166Z","title":"layerhub-io/react-design-editor: Image, Presentation and Video editor. React design editor using fabric.js. Canva clone","url":"https://github.com/layerhub-io/react-design-editor","content":"Reactで書かれたプレゼン、動画編集のエディタライブラリ。Canvaクローン。","tags":["React","video","editor","library"],"relatedLinks":[]},{"date":"2022-09-04T09:25:56.908Z","title":"Anonymous iframe origin trial: Easily embed iframes in COEP environments - Chrome Developers","url":"https://developer.chrome.com/blog/anonymous-iframe-origin-trial/","content":"`Cross-Origin-Embedder-Policy: require-corp`と`Cross-Origin-Opener-Policy: same-origin`のレスポンスヘッダを返すサイトではないと、クロスオリジン分離してiframeとして埋め込めない。\nこの問題を解決するために、iframe要素に`anonymous`属性について","tags":["browser","article"],"relatedLinks":[]},{"date":"2022-09-04T10:18:47.749Z","title":"[v3.0 Release branch] by lukastaegert · Pull Request #4549 · rollup/rollup","url":"https://github.com/rollup/rollup/pull/4549","content":"Rollup 3.0の変更点について。\nNode.js 12のサポート終了、ブラウザ向けのパッケージを`@rollup/browser`に分離、非推奨のメソッドの削除。\n`output.interop`に`compat`を追加、`--bundleConfigAsCjs`フラグの追加など","tags":["rollup","ReleaseNote"],"relatedLinks":[]},{"date":"2022-09-04T10:53:33.063Z","title":"package-manager-best-practices/npm.md at main · ossf/package-manager-best-practices","url":"https://github.com/ossf/package-manager-best-practices/blob/main/published/npm.md","content":"npmのセキュリティに関するベストプラクティスについてのドキュメント。\nCIの構成、依存関係の管理、ロックファイル、パッケージのリリース、レジストリについてなど","tags":["npm","security","document"],"relatedLinks":[{"title":"npm Best Practices for the Supply-Chain - Open Source Security Foundation","url":"https://openssf.org/blog/2022/09/01/npm-best-practices-for-the-supply-chain/"}]},{"date":"2022-09-04T11:10:20.278Z","title":"Things not available when someone blocks all cookies","url":"https://blog.tomayac.com/2022/08/30/things-not-available-when-someone-blocks-all-cookies/","content":"Cookieをブロックした状態で呼び出すと例外が発生するAPIについて\nlocalStorage、IndexedDB、Service Workers、Cookie APIなどについて","tags":["JavaScript","browser","article"],"relatedLinks":[]},{"date":"2022-09-04T13:48:53.969Z","title":"Release v0.23.0 · vitest-dev/vitest","url":"https://github.com/vitest-dev/vitest/releases/tag/v0.23.0","content":"vitest v0.23.0リリース。\nCJSとの互換性の改善、`retry`オプションの追加、`vitest bench`コマンドの追加、coverageのjson reporterの追加など","tags":["vite","ReleaseNote"],"relatedLinks":[]},{"date":"2022-09-04T13:53:25.461Z","title":"tinylibs/tinyspy: 🕵🏻‍♂️ minimal fork of nanospy, with more features","url":"https://github.com/tinylibs/tinyspy","content":"依存のないspyライブラリ","tags":["JavaScript","testing","library"],"relatedLinks":[]},{"date":"2022-09-04T14:44:57.817Z","title":"Release v7.10.0 · pnpm/pnpm","url":"https://github.com/pnpm/pnpm/releases/tag/v7.10.0","content":"pnpm v7.10.0リリース。\n`resolution-mode`に`time-based`の追加、`pnpm env remove`の追加など","tags":["pnpm","ReleaseNote"],"relatedLinks":[]},{"date":"2022-09-04T15:19:39.141Z","title":"flomesh-io/pipy: Pipy is a programmable proxy for the cloud, edge and IoT.","url":"https://github.com/flomesh-io/pipy","content":"C++で書かれたプログラマブルなProxy。\nスクリプティング言語としてJavaScriptで記述できる","tags":["JavaScript","proxy","C++","software"],"relatedLinks":[]},{"date":"2022-09-04T15:42:17.040Z","title":"Release v5.0.0 · avajs/ava","url":"https://github.com/avajs/ava/releases/tag/v5.0.0","content":"AVA v5.0.0 preリリース。\nNode.js 12以下のサポート終了、TypeScript 4.7未満のサポート終了など","tags":["JavaScript","node.js","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2022-09-05T13:59:08.987Z","title":"TestCafe v2.0.0 Released | Framework | Release Notes","url":"https://testcafe.io/404018/release-notes/framework/2022-8-31-testcafe-v2-0-0-released","content":"TestCafe 2.0.0リリース。\nTypeScriptのアップデート、JavaScriptのエラーを無視するオプションの追加など","tags":["browser","testing","E2E","ReleaseNote"],"relatedLinks":[]},{"date":"2022-09-05T14:23:48.851Z","title":"BetterTyped/hyper-fetch: ⚡ Backend agnostic fetching framework for any javascript environment - queues, caching, persistence, builders, commands, offline and more!","url":"https://github.com/BetterTyped/hyper-fetch","content":"UniversalなFetchライブラリ。\nBuilder APIで特定のエンドポイントを叩くコマンドを作成して利用する。\nキャッシュ、キュー管理、キャンセル、Prefetchingなどをサポートしている。","tags":["JavaScript","library","Fetch"],"relatedLinks":[]},{"date":"2022-09-05T14:39:55.832Z","title":"Implementing Promisable setTimeout | yield code(); - Dmitry Kudryavtsev","url":"https://yieldcode.blog/post/implementing-promisable-set-timeout","content":"`setTimeout`のPromise版の実装とAbortControllerを使ったキャンセルについて。\nまた、Node.jsの`timers/promises`について。","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2022-09-05T14:47:13.016Z","title":"実践 Node.js Native ESM — Wantedlyでのアプリケーション移行事例 | Wantedly Engineer Blog","url":"https://www.wantedly.com/companies/wantedly/post_articles/410531","content":"Node.jsのNative ESM対応について。\nESMとCJSの非互換性の問題と対処についてなど","tags":["node.js","ECMAScript","module","article"],"relatedLinks":[]},{"date":"2022-09-05T15:00:22.664Z","title":"Chromium Blog: Chrome 106 Beta: New CSS Features, WebCodecs and WebXR Improvements, and More","url":"https://blog.chromium.org/2022/09/chrome-106-beta-new-css-features.html","content":"Chrome 106 Betaリリース。\nOrigin Trialsとしてiframeの`anonymous`属性、Pop-Up APIの追加。\nAndroid WebViewでのClient Hintsをサポート、CSSの単位として`ic`をサポート、`Intl.NumberFormat` v3 APIをサポート、`WebCodecs`の`dequeue`イベントのサポートなど。\nCookieのドメイン属性の非ASCII文字を削除、HTTP/2 Pushのサポートの削除など","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2022-09-06T14:17:43.181Z","title":"雰囲気でパッケージマネージャーを作ろう","url":"https://zenn.dev/sa2knight/articles/d473ca2894b659","content":"npmのレジストリからパッケージをインストールするパッケージマネージャーを作りながら、パッケージマネージャーについて学ぶ記事","tags":["JavaScript","node.js","article","npm"],"relatedLinks":[]},{"date":"2022-09-06T15:33:13.614Z","title":"Announcing React Native 0.70 · React Native","url":"https://reactnative.dev/blog/2022/09/05/version-070","content":"React Native, 0.70.0リリース。\nHermesがデフォルトエンジンへと変更、iOSとAndroidでのCodegenの設定の統合、Androiのビルド環境の改善など","tags":["React","Native","ReleaseNote"],"relatedLinks":[]},{"date":"2022-09-06T15:49:21.472Z","title":"7.19.0 Released: Stage 3 decorators and more RegExp features! · Babel","url":"https://babeljs.io/blog/2022/09/05/7.19.0","content":"Babel 7.19.0リリース。\ndecoratorsとrecordAndTupleのデフォルト設定を変更、Stage 3のdecoratorsに対応するversionの追加、Duplicate named capturing groupsのサポートなど","tags":["babel","JavaScript","ReleaseNote"],"relatedLinks":[]},{"date":"2022-09-07T12:31:40.448Z","title":"Bytecode Alliance","url":"https://bytecodealliance.org/articles/wasmtime-10-performance","content":"WebAssemblyのコンパイラであるCraneliftとランタイムであるWasmtimeについて。\nどのようにWasmの実行を最適化するかについて","tags":["WebAssembly","article"],"relatedLinks":[]},{"date":"2022-09-07T23:34:24.124Z","title":"Release v2.8.0 · cloudflare/miniflare","url":"https://github.com/cloudflare/miniflare/releases/tag/v2.8.0","content":"miniflare 2.8.0リリース。\nVitestのサポート、`getMiniflareWaitUntil()`の追加、Web Streamsの互換性を修正、Queuesのエミュレートをサポートなど","tags":["cloudflare","JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2022-09-08T00:09:04.798Z","title":"preactjs/signals","url":"https://github.com/preactjs/signals","content":"PreactやReactで利用できるステート管理ライブラリ。\nRefのような値を含むシグナルオブジェクトを扱い、Propsとして渡しても途中のコンポーネントは再レンダリングをしない。\n一方で、値が変化したときにそのSignalを利用しているコンポーネントを再描画できるようにレンダリングの処理をHookする。\n","tags":["JavaScript","React","library","performance"],"relatedLinks":[{"title":"Introducing Signals | Preact: Fast 3kb React alternative with the same ES6 API. Components & Virtual DOM.","url":"https://preactjs.com/blog/introducing-signals/"}]},{"date":"2022-09-08T00:09:24.763Z","title":"Release v2.1.0 · nuxt/content","url":"https://github.com/nuxt/content/releases/tag/v2.1.0","content":"Nuxt Content 2.1.0リリース\nDocument Drivenモードの追加、`<Markdown>`が非推奨となり代わりの`<ContentSlot />`の追加など","tags":["Vue","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-09-09T10:43:31.572Z","title":"Release Notes for Safari Technology Preview 153 | WebKit","url":"https://webkit.org/blog/13148/release-notes-for-safari-technology-preview-153/","content":"Safari Technology Preview 153リリース。\nimport-assertionとJSONモジュールのサポート、`Temporal.PlainDateTime`をフラグ付きで実装。\nShadowDOMのImperative Slot APIを実装、`navigator.permissions.query`をWorkerでサポートなど","tags":["webkit","safari","ReleaseNote"],"relatedLinks":[{"title":"webcomponents/Imperative-Shadow-DOM-Distribution-API.md at gh-pages · WICG/webcomponents","url":"https://github.com/WICG/webcomponents/blob/gh-pages/proposals/Imperative-Shadow-DOM-Distribution-API.md"}]},{"date":"2022-09-09T10:48:48.218Z","title":"Blog - Next.js 12.3 | Next.js","url":"https://nextjs.org/blog/next-12-3","content":"Next.js 12.3リリース。\nTypeScriptの自動インストールに対応、`.env`などの変更にFast Refreshが対応、`next/future/image`コンポーネントの改善。\n実験的なオプションとして`unoptimized`の追加、SWCでコードを圧縮する`swcMinify`の追加など","tags":["Next.js","ReleaseNote"],"relatedLinks":[]},{"date":"2022-09-09T10:54:03.225Z","title":"Node v18.9.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v18.9.0/","content":"Node.js 18.9.0リリース。\n`diagnostics_channel`がprocess/workerをサポート、`os.machine()`メソッドの追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2022-09-11T12:09:20.152Z","title":"hand-dot/react-inspector: Easily detect React components source code from Chrome!","url":"https://github.com/hand-dot/react-inspector","content":"クリックしたReactコンポーネントのソースコードをエディタで開くChrome拡張","tags":["React","debug","Tools"],"relatedLinks":[{"title":"React開発を快適にするChrome拡張を公開したので見てください！","url":"https://zenn.dev/hand_dot/articles/a1523d8b0449ad"}]},{"date":"2022-09-11T12:14:33.259Z","title":"jasmine/4.4.0.md at main · jasmine/jasmine","url":"https://github.com/jasmine/jasmine/blob/main/release_notes/4.4.0.md","content":"Jasmine 4.4.0リリース。\nテストスイートのパフォーマンス改善","tags":["JavaScript","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-09-11T12:22:44.363Z","title":"GradeJS | Production Webpack Bundle Analyzer","url":"https://gradejs.com/","content":"URLのサイトのwebpackのproduction buildから、どのライブラリとバージョンが含まれているかを分析するツール","tags":["webpack","Tools","webservice"],"relatedLinks":[]},{"date":"2022-09-11T12:30:57.046Z","title":"frameable/el: Minimal JavaScript application framework / WebComponents base class","url":"https://github.com/frameable/el","content":"Web Componentsベースのウェブアプリケーションフレームワーク。\n","tags":["WebComponents","library"],"relatedLinks":[]},{"date":"2022-09-11T12:40:19.664Z","title":"AlexeyBoiko/DgrmJS: DgrmJS is a JavaScript library for creating SVG flow diagrams. The main goal of the library is to set up workflows in BPM (Business Process Management) systems. Works on desktop and mobile, has no dependency, 3.5 KB gzipped.","url":"https://github.com/AlexeyBoiko/DgrmJS","content":"SVGのフローダイアグラムエディタライブラリ","tags":["SVG","diagram","library","JavaScript"],"relatedLinks":[]},{"date":"2022-09-13T00:56:20.416Z","title":"Release v9.0.0-pre.0 · npm/cli","url":"https://github.com/npm/cli/releases/tag/v9.0.0-pre.0","content":"npm v9.0.0-pre.0リリース。\nNode.js 12のサポート終了。\nworkspacesでsemverのrangeを指定できるように、`npm birthday`コマンド、`npm bin`コマンドの削除、`npm pkg`コマンドがあるため`npm set-script`を削除。\nローカルパッケージをsymbolic linkではなくパッケージとしてインストールする`install-links`オプションのデフォルト値を`true`に変更など\n","tags":["npm","ReleaseNote"],"relatedLinks":[]},{"date":"2022-09-13T01:03:39.561Z","title":"WebKit Features in Safari 16.0 | WebKit","url":"https://webkit.org/blog/13152/webkit-features-in-safari-16-0/","content":"Safari 16の変更について。\nAVIF形式のサポート、Passkeysのサポート、Web Inspector Extensionsをサポート、CSSのContainer Queries、Subgridのサポート。\n`display: contents`のアクシビリティの改善\n、Motion Path、Overscroll Behavior, Shared Workersのサポート。\n`<form>.requestSubmit()`、`showPicker()`のサポート。","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"Safari 16 Release Notes | Apple Developer Documentation","url":"https://developer.apple.com/documentation/safari-release-notes/safari-16-release-notes"}]},{"date":"2022-09-13T01:08:44.157Z","title":"facebookincubator/memlab: A testing framework for finding JavaScript memory leaks and analyzing heap snapshots","url":"https://github.com/facebookincubator/memlab","content":"ウェブアプリケーションのメモリリークをシナリオベースで見つけるデバッグツール。\nシナリオを定義し、Puppeteerを使ったブラウザアクセスした前後のヒープスナップショットからメモリリークしているオブジェクトを見つけるツールとビューア。","tags":["JavaScript","debug","Tools","puppeteer"],"relatedLinks":[{"title":"MemLab: An open source framework for finding JavaScript memory leaks","url":"https://engineering.fb.com/2022/09/12/open-source/memlab/"}]},{"date":"2022-09-14T23:50:41.094Z","title":"Redwood 3.0.0 is now available! - Announcements / Releases and Upgrade Guides - RedwoodJS Community","url":"https://community.redwoodjs.com/t/redwood-3-0-0-is-now-available/3989","content":"Redwood v3.0.0リリース。\nNode.js 12のサポート終了、プリレンダリングの対応、TypeScriptのStrict Modeに対応、Fastify v4/Jest 29/Prisma v4へのアップデート。\nまた、WebAuthでのログイン/サインアップのサポートなど。","tags":["JavaScript","node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2022-09-17T05:11:54.016Z","title":"Announcing the Official TypeScript Types Public Preview","url":"https://blog.emberjs.com/announcing-official-typescript-types-public-preview/","content":"Ember 4.8.0 Beta 2以降ではTypeScriptの型定義が同梱される。\nプレビュー期間では`import 'ember-source/types';`で読み込み、安定したら完全に切り替え、semverポリシーに則って公開される","tags":["Ember","TypeScript","article"],"relatedLinks":[]},{"date":"2022-09-18T07:50:03.483Z","title":"skovhus/jest-codemods: Codemods for migrating to Jest https://github.com/facebook/jest 👾","url":"https://github.com/skovhus/jest-codemods","content":"Jestへの移行を補助するcodemod集。\nAva,Chai,expect.js,jasmine,mocha.should.js,tape,sinon.js からの移行ツールが用意されている。","tags":["jest","JavaScript","testing","Tools"],"relatedLinks":[]},{"date":"2022-09-19T11:49:22.020Z","title":"Release v9.4.0 · TypeStrong/ts-loader","url":"https://github.com/TypeStrong/ts-loader/releases/tag/v9.4.0","content":"ts-loader v9.4.0リリース。\n`.cjs`, `.mjs`, `.cts`, `.mts`のサポートなど","tags":["TypeScript","webpack","ReleaseNote"],"relatedLinks":[]},{"date":"2022-09-20T12:48:34.877Z","title":"lost-pixel/lost-pixel: Holistic visual regression testing framework for modern web 🖼 First class integration with Storybook, Ladle & other frontend libraries.","url":"https://github.com/lost-pixel/lost-pixel","content":"Storybookなどに対応したビジュアルリグレッションテストツール。\nGitHub Actionsを使ってスナップショットの更新できる","tags":["JavaScript","testing","Tools","Github","Actions"],"relatedLinks":[]},{"date":"2022-09-20T13:22:31.345Z","title":"Qwik and Qwik City have reached beta! 🎉","url":"https://www.builder.io/blog/qwik-and-qwik-city-have-reached-beta","content":"QwikとQwikを使ったメタフレームワークのQwik Cityが1.0 betaとなった。","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-09-20T13:47:53.214Z","title":"ts-safeql/safeql: Validate and auto-generate TypeScript types from raw SQL queries in PostgreSQL.","url":"https://github.com/ts-safeql/safeql","content":"TypeScriptで書いたSQL文に対して実際のデータベースと接続したLintするESLintプラグイン。\nPostgreSQL, Prisma, Sequelize, pg, postgresなどの対応している。","tags":["SQL","ESLint","Tools","library","TypeScript"],"relatedLinks":[]},{"date":"2022-09-20T14:24:32.071Z","title":"React Router 6.4 Release | Remix","url":"https://remix.run/blog/react-router-v6.4","content":"React Router 6.4リリース。","tags":["React","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-09-20T14:25:46.530Z","title":"The Basics of Remix | CSS-Tricks - CSS-Tricks","url":"https://css-tricks.com/the-basics-of-remix/","content":"Remixについての紹介記事","tags":["JavaScript","React","article"],"relatedLinks":[]},{"date":"2022-09-20T14:32:48.151Z","title":"tinylibs/tinybench: 🔎 A simple, tiny and lightweight benchmarking library!","url":"https://github.com/tinylibs/tinybench","content":"ベンチマークライブラリ。\nコールバック関数内で指定した処理の実行時間を比較できる。","tags":["JavaScript","benchmark","library"],"relatedLinks":[]},{"date":"2022-09-20T14:34:59.003Z","title":"anonrig/fast-querystring: A faster alternative to legacy node:querystring module","url":"https://github.com/anonrig/fast-querystring","content":"`querystring`と同様のAPIをもつクエリストリングを扱うライブラリ","tags":["JavaScript","node.js","library"],"relatedLinks":[]},{"date":"2022-09-20T14:42:40.325Z","title":"tokencss/tokencss","url":"https://github.com/tokencss/tokencss","content":"Design Tokensの定義とそれCSSから利用するためのプリプロセッサを提供するツール。","tags":["CSS","Tools","Design","PostCSS"],"relatedLinks":[]},{"date":"2022-09-20T15:00:41.651Z","title":"Infobip - Shift Conference (2022) - Google スライド","url":"https://docs.google.com/presentation/d/1r3cen2_8CyJX8xBLGxfgPQzkyrBcHTKOujfNHbWexig/edit#slide=id.g15408d936a2_0_3766","content":"最近実装やRFCが出ているnpm関係のセキュリティ機能とソフトウェアサプライチェーンについてスライド。\n`--before`での指定日以前のバージョンのインストール、Package Distributions、`npm query`コマンド。\nまた、バリデーションの強化として`npm audit signatures`、sigstoreの対応、Audit policiesについてなど","tags":["npm","security","slide"],"relatedLinks":[]},{"date":"2022-09-21T03:35:55.873Z","title":"Bytecode Alliance","url":"https://bytecodealliance.org/articles/wasmtime-1-0-fast-safe-and-production-ready","content":"WebAssemblyのruntimeであるWasmtime 1.0リリース","tags":["WebAssembly","ReleaseNote"],"relatedLinks":[]},{"date":"2022-09-21T13:49:10.999Z","title":"parcel-bundler/lightningcss: An extremely fast CSS parser, transformer, bundler, and minifier written in Rust.","url":"https://github.com/parcel-bundler/lightningcss","content":"Parcelで利用されているCSSのParser, Transformer, Minifier。\nRustで書かれている","tags":["Rust","CSS","library"],"relatedLinks":[]},{"date":"2022-09-21T13:53:44.013Z","title":"Release v1.26.0 · microsoft/playwright","url":"https://github.com/microsoft/playwright/releases/tag/v1.26.0","content":"playwright v1.26.0リリース。\nAssertionへのオプションの追加、`--pass-with-no-tests`フラグ、`--ignore-snapshots`フラグの追加など。\nまた、`waitUntil: domcontentloaded`のiframeに対する挙動が変更されている","tags":["playwright","ReleaseNote"],"relatedLinks":[]},{"date":"2022-09-23T06:23:46.957Z","title":"gioboa/vite-module-federation: Module Federation with Vite now is possible","url":"https://github.com/gioboa/vite-module-federation","content":"Module FederationをするVite Plugin","tags":["vite","plugin"],"relatedLinks":[]},{"date":"2022-09-24T06:16:16.622Z","title":"September 22nd 2022 Security Releases | Node.js","url":"https://nodejs.org/en/blog/vulnerability/september-2022-security-releases/","content":"Node.jsのセキュリティ修正としてv14.20.1 (LTS)、v16.17.1 (LTS)、v18.9.1 (Current)がリリースされた。\n`--inspect`におけるDNS rebinding、HTTP Request Smuggling、WebCryptoのWeak randomnessの問題の修正など","tags":["node.js","ReleaseNote","security"],"relatedLinks":[]},{"date":"2022-09-24T13:03:05.281Z","title":"Announcing TypeScript 4.9 Beta - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-9-beta/","content":"TypeScript 4.9 betaリリース。\n型キャストはせずに型の一致をチェックできる`satisfies`演算子の追加、`in`演算子での型の絞り込みの改善、`== NaN`をコンパイルエラーに変更など。\n`--watch`でのファイル監視のデフォルトを`useFsEvents`に変更、`exports`フィールドの`typeVersions`の優先度を修正など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"Typescript’s new ‘satisfies’ operator | by Cefn Hoile | Aug, 2022 | Medium","url":"https://medium.com/@cefn/typescript-satisfies-6ba52e74cb2f"}]},{"date":"2022-09-24T13:27:04.925Z","title":"Next.js Layouts RFC in 5 minutes – Vercel","url":"https://vercel.com/blog/next-js-layouts-rfc-in-5-minutes","content":"Next.jsのLayouts RFCについての解説記事","tags":["Next.js","article"],"relatedLinks":[]},{"date":"2022-09-24T13:48:45.922Z","title":"Japa - A simple yet powerful testing framework for Node.js","url":"https://japa.dev/docs","content":"Node.js向けのテストフレームワーク。\n`node`コマンドでテストが実行できる。\n基本的なテスト機能に加え、パラメタライズドテスト、テストへのタグ付けとフィルタリングなどをもつ。\nまたプラグインの仕組みをサポートしており、失敗したテストのみを再実行やTypeScriptの型チェックのテストなどをプラグインでサポートしている。","tags":["JavaScript","node.js","testing","library"],"relatedLinks":[]},{"date":"2022-09-28T22:58:33.870Z","title":"Zod Tutorial | Total TypeScript","url":"https://www.totaltypescript.com/tutorials/zod","content":"TypeScriptを使ったスキーマバリデーションライブラリのzodのチュートリアル動画。\nそれぞれ練習問題を見ながら進めていくないようになっている","tags":["TypeScript","tutorial","video"],"relatedLinks":[]},{"date":"2022-09-28T23:31:05.372Z","title":"Introducing workerd: the Open Source Workers runtime","url":"https://blog.cloudflare.com/workerd-open-source-workers-runtime/","content":"Cloudflare WorkersのJavaScript/WebAssembly runtimeであるworkerdが公開された。\nMiniflareでJSを使って実装していた部分もworkerdを使うものが公開されている。\nworkerd自体はSandboxではないが、SSRF防止するためのBindingとFetchの仕組みなども持っている。","tags":["cloudflare","ReleaseNote","C++"],"relatedLinks":[{"title":"Release v3.0.0-next.1 · cloudflare/miniflare","url":"https://github.com/cloudflare/miniflare/releases/tag/v3.0.0-next.1"},{"title":"cloudflare/workerd","url":"https://github.com/cloudflare/workerd"}]},{"date":"2022-09-28T23:35:08.819Z","title":"The Anatomy of an Isolate Cloud","url":"https://deno.com/blog/anatomy-isolate-cloud","content":"Deno DeployのIsolationのアプローチについて。\nV8のプロセスが独立していて、Runnerがリクエストに対して起動中のプロセス or プロセスを起動して実行する。\n基本的にはV8 Sandboxに依存していて、fsやnetの制限を設けている","tags":["deno","V8","article"],"relatedLinks":[]},{"date":"2022-09-28T23:36:21.282Z","title":"Release Add support for engines.node and Volta · actions/setup-node","url":"https://github.com/actions/setup-node/releases/tag/v3.5.0","content":"GitHub Actionsのsetup-node 3.5.0リリース。\n`package.json`の`engines.node`とVoltaで指定したNode.jsのバージョンをサポート","tags":["Actions","node.js","ReleaseNote","Github"],"relatedLinks":[]},{"date":"2022-09-28T23:44:55.322Z","title":"Introducing Ezno","url":"https://kaleidawave.github.io/posts/introducing-ezno/","content":"Rustで実装しているTypeScript互換の型チェッカーとコンパイラであるEnzoについて。\n","tags":["Rust","TypeScript","article","opinion"],"relatedLinks":[]},{"date":"2022-09-28T23:47:34.644Z","title":"The 2022 Web Almanac","url":"https://almanac.httparchive.org/en/2022/","content":"Web Almanacの2022年版が公開された。\nHTTP Archiveのデータを元にしたウェブのステータスをまとめたレポート。\nHTML/CSS/JSを初めてアクセシビリティ/セキュリティ/サードパーティなど幅広いデータを扱ってる","tags":["web ","book","browser","JavaScript","CSS","HTML"],"relatedLinks":[]},{"date":"2022-09-29T02:44:45.848Z","title":"Release Notes for Safari Technology Preview 154 | WebKit","url":"https://webkit.org/blog/13207/release-notes-for-safari-technology-preview-154/","content":"Safari Technology Preview 154リリース。\nCSS `:dir`の有効化、`InputEvent.isComposing`のサポート、Scroll To Text Fragmentの有効化など","tags":["safari","serverless"],"relatedLinks":[]},{"date":"2022-09-29T02:49:58.428Z","title":"Release v0.5.0 · facebook/lexical","url":"https://github.com/facebook/lexical/releases/tag/v0.5.0","content":"lexical v0.5.0リリース。\nNotionライクなDraggable Blocksのサポート、LexicalTablePluginの安定化、Shdow Rootの対応など。\n一部のAPIには破壊的な変更も含まれている","tags":["JavaScript","React","ReleaseNote"],"relatedLinks":[]},{"date":"2022-09-29T02:53:09.583Z","title":"Shell scripting with Node.js","url":"https://exploringjs.com/nodejs-shell-scripting/","content":"Node.jsでshell scriptingを扱う書籍","tags":["node.js","book","ShellScript"],"relatedLinks":[]},{"date":"2022-09-29T02:59:39.196Z","title":"SPAセキュリティ超入門 | ドクセル","url":"https://www.docswell.com/s/ockeghem/K2PPNK-phpconf2022","content":"SPAにおいてよく起きるセキュリティの問題についてのスライド。\nクライアントサイドでのみバリデーションしている場合の認可制御不備、任意のHTMLを描画してしまうことによるXSS、CSRFについてなど","tags":["JavaScript","browser","XSS","SQL","security","slide"],"relatedLinks":[]},{"date":"2022-09-29T03:00:24.963Z","title":"Learn HTML","url":"https://web.dev/learn/html/","content":"HTMLについてを学習できるチュートリアル。","tags":["HTML","tutorial"],"relatedLinks":[{"title":"Introducing Learn HTML","url":"https://web.dev/introducing-learn-html/"}]},{"date":"2022-10-26T13:51:33.855Z","title":"Fluent React [Book]","url":"https://www.oreilly.com/library/view/fluent-react/9781098138707/","content":"2024年3月発売予定\nReactについての書籍","tags":["React","book"],"relatedLinks":[]},{"date":"2022-10-26T15:20:51.320Z","title":"Node v18.12.0 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v18.12.0/","content":"Node.js v18.12.0リリース。\nNode.js 18のLTSとなるバージョン。\nNode.js 18のLTSは2025年4月までメンテナンスされる予定。","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2022-10-26T15:29:43.074Z","title":"vite/CHANGELOG.md at main · vitejs/vite","url":"https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#320-2022-10-26","content":"Vite 3.2.0リリース。\nLibrary Modeで複数のエントリーポイントをサポート、`build.modulePreload`オプションの追加、ErrorOverlayのスタイルをカスタマイズできるようになるなど","tags":["vite","ReleaseNote"],"relatedLinks":[]},{"date":"2022-10-27T13:52:17.621Z","title":"7.20.0 Released: Deno target and TypeScript 4.9 · Babel","url":"https://babeljs.io/blog/2022/10/27/7.20.0","content":"Babel v7.20.0リリース。\nTypeScript 4.9のサポート、`@babel/preset-env`の`targets`としてDenoをサポート。\n合わせてbabel-loader 9.0.0をリリースし、webpack5未満のサポート終了とNode.js 12以下のサポート終了など","tags":["babel","ReleaseNote"],"relatedLinks":[]},{"date":"2022-10-28T14:49:37.065Z","title":"Deno 1.27: Major IDE Improvements","url":"https://deno.com/blog/v1.27","content":"Deno v1.27リリース。\nnpmパッケージの`@types`を利用できるように、Node-APIのサポート、Lockファイルのフォーマット変更など。\n`navigator.language` Web APIの実装、V8 10.8へ更新など","tags":["deno","ReleaseNote"],"relatedLinks":[]},{"date":"2022-10-29T11:01:06.514Z","title":"Release v7.0.0 · pixijs/pixijs","url":"https://github.com/pixijs/pixijs/releases/tag/v7.0.0","content":"PixiJS v7.0.0リリース。\nIEのサポート終了、polyfillの削除、InteractionManagerを削除しEventSystemをデフォルト化、`peerDependencies`を利用しないように変更など\n","tags":["JavaScript","canvas","library","ReleaseNote"],"relatedLinks":[{"title":"v7 Migration Guide · pixijs/pixijs Wiki","url":"https://github.com/pixijs/pixijs/wiki/v7-Migration-Guide"}]},{"date":"2022-10-29T19:28:38.386Z","title":"Release v3.0.279 · mozilla/pdf.js","url":"https://github.com/mozilla/pdf.js/releases/tag/v3.0.279","content":"pdf.js v3.0.279リリース。\nメジャーアップデートとなるリリースでEditor modeの追加、DeprecatedとなっているAPIの削除など","tags":["PDF","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-10-31T00:25:56.353Z","title":"sqlite3 wasm docs: About the sqlite3 WASM/JS Subproject","url":"https://sqlite.org/wasm/doc/trunk/about.md","content":"sqlite3をWebAssemblyとJavaScriptを使ってブラウザで動かすことを目的にした公式にサブプロジェクト。\n","tags":["SQLite","JavaScript","WebAssembly","library"],"relatedLinks":[]},{"date":"2022-10-31T12:29:59.352Z","title":"Release v1.9.0-rc.0 · reduxjs/redux-toolkit","url":"https://github.com/reduxjs/redux-toolkit/releases/tag/v1.9.0-rc.0","content":"Redux Toolkit v1.9.0-rc.0リリース。\n`autoBatchEnhancer`の追加、`fetchBaseQuery`でglobal optionを渡せるようになるなど","tags":["redux","ReleaseNote"],"relatedLinks":[]},{"date":"2022-10-31T13:04:02.613Z","title":"dudykr/stc: Speedy TypeScript type checker","url":"https://github.com/dudykr/stc","content":"Rustで書かれたTypeScriptの型チェッカー","tags":["TypeScript","Rust"],"relatedLinks":[{"title":"Open-sourcing the new TypeScript type checker","url":"https://kdy1.dev/posts/2022/10/open-sourcing-stc"}]},{"date":"2022-10-31T14:23:56.093Z","title":"Why We're Breaking Up with CSS-in-JS - DEV Community 👩‍💻👨‍💻","url":"https://dev.to/srmagura/why-were-breaking-up-wiht-css-in-js-4g9b","content":"CSS-in-JSのランタイムパフォーマンス問題についての記事。\n","tags":["CSS","JavaScript","article","opinion"],"relatedLinks":[]},{"date":"2022-10-31T14:27:39.918Z","title":"Airbnb's Trip to Linaria | The Airbnb Tech Blog","url":"https://medium.com/airbnb-engineering/airbnbs-trip-to-linaria-dc169230bd12","content":"AirbnbでCSS-in-JSとしてreact-with-stylesを開発し使っていたが、パフォーマンスとメンテナンス性の問題から、Linariaへ移行していくという話","tags":["CSS","article","opinion"],"relatedLinks":[{"title":"airbnb/react-with-styles: Use CSS-in-JavaScript with themes for React without being tightly coupled to one implementation","url":"https://github.com/airbnb/react-with-styles"}]},{"date":"2022-11-01T21:57:31.546Z","title":"Announcing TypeScript 4.9 RC - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-9-rc/","content":"TypeScript 4.9 RCリリース。\n型キャストはせずに型の一致をチェックできる`satisfies`演算子の追加、`in`演算子での型の絞り込みの改善、`accessor`キーワードのサポート、`== NaN`をコンパイルエラーに変更など。\n`--watch`でのファイル監視のデフォルトを`useFsEvents`に変更、値と型を同じ`exports`フィールドの`typeVersions`の優先度を修正など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2022-11-01T23:57:52.821Z","title":"Mixing It Up: Remix Joins Shopify to Push the Web Forward — Development (2022)","url":"https://shopify.engineering/remix-joins-shopify","content":"ShopifyがRemixを買収し、RemixはShopifyの下で開発を継続する。\nShopifyのHydrogenにもRemixのdata loadingパターンを組み込むなどの変更をしていく予定。\nまた、同時にVanilla ExtractのCreatorであるMark DalgleishもRemixに参加する予定となっている。","tags":["Remix","news"],"relatedLinks":[{"title":"Remixing Shopify | Remix","url":"https://remix.run/blog/remixing-shopify"},{"title":"Roadmap • Hydrogen: Shopify’s headless commerce framework","url":"https://hydrogen.shopify.dev/roadmap/"},{"title":"🧁 Mark Dalgleish on Twitter: &quot;I'm super excited to announce that next week I'm joining the @remix_run team at @Shopify.&quot; / Twitter","url":"https://twitter.com/markdalgleish/status/1587519372771217409"}]},{"date":"2022-11-02T01:39:12.291Z","title":"【脱ランタイムCSS in JS】styled-componentsを別のCSS in JSに自動置換するCLIツールの開発","url":"https://zenn.dev/yukiyada/articles/0ac6ef8d566b96","content":"styled-componentsをlinariaやvanilla-extractに移行するツールの仕組みについての記事","tags":["CSS","article","Tools"],"relatedLinks":[]},{"date":"2022-11-05T10:35:37.253Z","title":"React Router-ing Remix | Remix","url":"https://remix.run/blog/react-routering-remix","content":"React RouterにRemixのData APIを移動した話。\n破壊的な変更なしにどのように処理を移動しているかについて。Feature Flagを使いビルド時に処理を削って互換性を担保しつつ、新しい機能を試せるようにしていることについてなど。","tags":["React","Remix","article"],"relatedLinks":[{"title":"React Router 6.4 Release | Remix","url":"https://remix.run/blog/react-router-v6.4"}]},{"date":"2022-11-07T12:46:16.152Z","title":"vuetifyjs/vuetify: 🐉 Material Component Framework for Vue","url":"https://github.com/vuetifyjs/vuetify/releases/tag/v3.0.0","content":"Vuetify v3.0.0リリース。\n現時点では`vuetify@next`でインストールできる。","tags":["Vue","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-11-07T13:01:32.841Z","title":"Full Stack Components | Epic Web Dev by Kent C. Dodds","url":"https://www.epicweb.dev/full-stack-components","content":"Remixの`useFetcher`を使った保留状態をもつUIコンポーネントの実装について","tags":["Remix","React","article"],"relatedLinks":[]},{"date":"2022-11-07T13:06:31.520Z","title":"Release v4.0.0-alpha.0 · vitejs/vite","url":"https://github.com/vitejs/vite/releases/tag/v4.0.0-alpha.0","content":"Vite v4.0.0-alpha.0リリース。\nrollup 3にアップグレード","tags":["vite","ReleaseNote"],"relatedLinks":[]},{"date":"2022-11-08T09:16:50.130Z","title":"What is a realm in JavaScript? · Gal Weizman","url":"https://weizman.github.io/page-what-is-a-realm-in-js/","content":"Realmとは何かという解説記事。\n","tags":["JavaScript","ECMAScript","security","article"],"relatedLinks":[]},{"date":"2022-11-08T13:20:12.830Z","title":"Release Notes for Safari Technology Preview 157 | WebKit","url":"https://webkit.org/blog/13575/release-notes-for-safari-technology-preview-157/","content":"Safari Technology Preview 157リリース。\nCSSの`@font-feature-settings`のサポート、ES2022のclass static initialization blocksのサポート、WebCodecs APIのサポート改善。\n`Sec-Fetch-Site` HTTPヘッダのサポート、Aレコードを使ったthird-party CNAME Cloakingに対するCookieの7日間制限を実装など。","tags":["safari","webkit","ReleaseNote"],"relatedLinks":[]},{"date":"2022-11-08T13:54:46.089Z","title":"個人ブログの Next.js v13 移行でやったことまとめ","url":"https://zenn.dev/panda_program/scraps/6c66f160636969","content":"Next.js 13へのアップデートについての記事。\n`pages/`から`app/`への移行をした場合のコンポーネントの変更、外部ツールの対応などについて","tags":["Next.js","JavaScript","article"],"relatedLinks":[]},{"date":"2022-11-08T13:59:53.827Z","title":"Release v21.0.0 · hapijs/hapi","url":"https://github.com/hapijs/hapi/releases/tag/v21.0.0","content":"hapi 21.0.0リリース。\nNode.js 12のサポート終了、JSONPのサポート終了し、Node.js 18のサポートの追加など。\nまたhapiのプラグインなどはhapi v20+以上のみをサポートするようになる変更も含まれている","tags":["node.js","server","library","ReleaseNote"],"relatedLinks":[{"title":"21.0.0 Release Notes · Issue #4386 · hapijs/hapi","url":"https://github.com/hapijs/hapi/issues/4386"}]},{"date":"2022-11-08T14:20:11.044Z","title":"Deprecate array prototype extensions","url":"https://rfcs.emberjs.com/id/0848-deprecate-array-prototype-extensions/","content":"Ember.jsでの配列のprototype拡張をしないようにするProposal。\nEmber.js 4.9.0ではprototype拡張をデフォルトで無効とする変更を入れる予定となっている","tags":["Ember","proposal"],"relatedLinks":[{"title":"Release Release 4.9.0-beta.0 · ember-cli/ember-cli","url":"https://github.com/ember-cli/ember-cli/releases/tag/v4.9.0-beta.0"}]},{"date":"2022-11-08T14:28:51.720Z","title":"Announcing Rome v10 — first stable release of our fast linter and formatter for JavaScript and TypeScript","url":"https://rome.tools/blog/2022/11/08/rome-10.html","content":"Rome v10リリース。\nRustに書き換えてからの初のStableリリース。\nPrettierライクなFormatterとESLintライクなルールを含むLinterが利用できる","tags":["JavaScript","Rust","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2022-11-09T02:44:09.529Z","title":"Changelog | Cypress Documentation","url":"https://docs.cypress.io/guides/references/changelog#11-0-0","content":"Cypress 11.0.0リリース。\nコンポーネントテストのStable化、V8スナップショットを使った起動パフォーマンスの改善、`cy.*Cookie()` APIでドメインを指定できるように。\n破壊的な変更として、コンポーネントのテストに関連するAPIや設定の変更など","tags":["JavaScript","browser","testing","E2E","ReleaseNote"],"relatedLinks":[]},{"date":"2022-11-09T03:07:39.423Z","title":"Nov 3 2022 Security Releases | Node.js","url":"https://nodejs.org/en/blog/vulnerability/november-2022-security-releases/","content":"Node.jsのセキュリティアップデートとしてそれぞれのバージョンが更新された\n\n- Node.js v14.21.1 (LTS)\n- Node.js v16.18.1 (LTS)\n- Node.js v18.12.1 (LTS)\n- Node.js v19.0.1 (Current)\n","tags":["node.js","seuc","ReleaseNote"],"relatedLinks":[]},{"date":"2022-11-11T15:43:42.607Z","title":"Parcel v2.8.0","url":"https://parceljs.org/blog/v2-8-0/","content":"Parcel 2.8.0リリース。\n大規模なアプリケーションでのビルド時間とバンドルサイズの削減、HMRのincrementl buildのパフォーマンス改善、Tree Shakingの改善によるバンドルサイズの削減など","tags":["parcel","bundler","JavaScript","Tools","ReleaseNote"],"relatedLinks":[{"title":"Release v2.8.0 · parcel-bundler/parcel","url":"https://github.com/parcel-bundler/parcel/releases/tag/v2.8.0"}]},{"date":"2022-11-11T15:48:04.379Z","title":"Node.js Security Best Practices | Node.js","url":"https://nodejs.org/en/docs/guides/security/","content":"Node.jsのセキュリティベストプラクティス。\nDoS攻撃対策、`--inspect`を本番で利用しない、パッケージの公開、タイミング攻撃、サードパーティモジュールとpolicy-integrity、npm経由のサプライチェーン攻撃についてなど","tags":["node.js","security","document"],"relatedLinks":[]},{"date":"2022-11-14T11:46:14.479Z","title":"Release v98 · ije/esm.sh","url":"https://github.com/ije/esm.sh/releases/tag/v98","content":"ES Module CDNの esm.sh がTree Shakingをサポート","tags":["ECMAScript","module","cdn","ReleaseNote"],"relatedLinks":[]},{"date":"2022-11-14T11:57:10.723Z","title":"Client-side prototype pollution | Web Security Academy","url":"https://portswigger.net/web-security/prototype-pollution","content":"Prototype PollutionというJavaScriptにおける脆弱性について。\nPrototype Pollutionの見つけ方、Prototype Pollutionを使った攻撃や対策について","tags":["browser","security","tutorial"],"relatedLinks":[]},{"date":"2022-11-14T14:50:24.594Z","title":"Deno 1.28: Featuring 1.3 Million New Modules","url":"https://deno.com/blog/v1.28","content":"Deno v1.28リリース。\nnpmパッケージのインストールと実行ができる`npm:`をStableに変更、ロックファイルの自動検出に対応。\nまた、unstable APIとして`Deno.Command`を追加、V8 10.9へのアップデートなど","tags":["deno","ReleaseNote"],"relatedLinks":[]},{"date":"2022-11-15T13:37:05.603Z","title":"Node v19.1.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v19.1.0/","content":"Node.js v19.1.0リリース。\n`node:test`が`mock`オブジェクトをサポート、`fs.watch`に`recursive`オプションを追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2022-11-15T15:38:00.624Z","title":"Gatsby 5: The Fastest Gatsby Yet | Gatsby","url":"https://www.gatsbyjs.com/blog/gatsby-5/","content":"Gatsby 5リリース。\nSlice APIの追加、React Server Componentsを使ったPartial Hydrationの対応、Script Componentのサポートなど","tags":["React","ReleaseNote","library"],"relatedLinks":[{"title":"Migrating from v4 to v5 | Gatsby","url":"https://www.gatsbyjs.com/docs/reference/release-notes/migrating-from-v4-to-v5/"}]},{"date":"2022-11-16T01:42:20.268Z","title":"The evolution of scalable CSS","url":"https://frontendmastery.com/posts/the-evolution-of-scalable-css/","content":"大規模プロジェクトでもスケールするCSSのプラクティスの変遷についての記事。\n大規模のCSSの管理が難しい問題として名前空間が、名前をつけるのが難しい、リファクタリングやデバッグが難しい問題について。\nこれに対するアーキテクチャとしてOOCS、SMACSS、BEM、CSS-in-JS、Atomic CSS、Tailwindなどが解決している問題について。\n","tags":["CSS","article"],"relatedLinks":[]},{"date":"2022-11-17T00:44:43.502Z","title":"Release v11.1.0 · cypress-io/cypress","url":"https://github.com/cypress-io/cypress/releases/tag/v11.1.0","content":"Cypress v11.1.0リリース。\nNext.js v13のサポート、Vue2の`mount()`で`extensions.directives`をサポートなど","tags":["JavaScript","browser","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-11-17T01:03:32.686Z","title":"Announcing 3.0 • Nuxt","url":"https://nuxt.com/v3","content":"Nuxt 3リリース。\nVue 3、TypeScript、Viteのサポート、webpack 5のサポート、サーバーエンジンのNitroとポータブルな出力の対応など。\nまたIEのサポートを終了、Node.js 12のサポートを終了など","tags":["Vue","library","ReleaseNote"],"relatedLinks":[{"title":"Upgrade Guide • Nuxt","url":"https://nuxt.com/docs/getting-started/upgrade"}]},{"date":"2022-11-17T01:04:56.142Z","title":"Announcing TypeScript 4.9 - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-4-9/","content":"TypeScript 4.9リリース。\n型キャストはせずに型の一致をチェックできる`satisfies`演算子の追加、`in`演算子での型の絞り込みの改善、`accessor`キーワードのサポート、`== NaN`をコンパイルエラーに変更など。\n`--watch`でのファイル監視のデフォルトを`useFsEvents`に変更、値と型を同じ`exports`フィールドの`typeVersions`の優先度を修正など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2022-11-17T01:47:27.024Z","title":"Angular v15 is now available!. Over the past year we removed Angular’s… | by Minko Gechev | Nov, 2022 | Angular Blog","url":"https://blog.angular.io/angular-v15-is-now-available-df7be7f2f4c8","content":"Angular 15リリース。\nStandalone APIをStable化、Node.js 12のサポート終了など","tags":["Angular","ReleaseNote"],"relatedLinks":[{"title":"Release v15.0.0 · angular/angular","url":"https://github.com/angular/angular/releases/tag/15.0.0"}]},{"date":"2022-11-17T01:54:47.725Z","title":"LernaとGithub Actionsでmonorepoライブラリのリリースを楽にする - Link and Motivation Developers' Blog","url":"https://link-and-motivation.hatenablog.com/entry/2022/11/16/190305","content":"lernaを使ってmonorepoでライブラリをpublishする方法について","tags":["JavaScript","Github","Actions","library","article"],"relatedLinks":[]},{"date":"2022-11-17T01:58:20.146Z","title":"Release Notes for Safari Technology Preview 158 | WebKit","url":"https://webkit.org/blog/13584/release-notes-for-safari-technology-preview-158/","content":"Safari Technology Preview 158リリース。\nCSSの`font-size-adjust`プロパティの実装、フラグ付きで`contain-intrinsic-size`プロパティの実装、WebCodecsをデフォルトで有効化など","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2022-11-20T15:40:20.753Z","title":"The magical world of Particles with React Three Fiber and Shaders - Maxime Heckel's Blog","url":"https://blog.maximeheckel.com/posts/the-magical-world-of-particles-with-react-three-fiber-and-shaders/","content":"React Three Fiberを使ったパーティクルのレンダリングについてのチュートリアル","tags":["React","WebGL","article","tutorial"],"relatedLinks":[{"title":"The Study of Shaders with React Three Fiber - Maxime Heckel's Blog","url":"https://blog.maximeheckel.com/posts/the-study-of-shaders-with-react-three-fiber/"}]},{"date":"2022-11-20T15:49:23.246Z","title":"ECMAScript proposal: RegExp flag `/v` makes character classes and character class escapes more powerful","url":"https://2ality.com/2022/11/regexp-v-flag.html","content":"ECMAScript Proposal Stage 3のRegExpの`v`フラグについての解説。\n文字クラスとUnicode Property Escape、文字クラスの集合操作、case-insensitiveマッチの改善について","tags":["ECMAScript","proposal","article"],"relatedLinks":[]},{"date":"2022-11-20T15:59:13.434Z","title":"コードジャンプ可能な CSS Modules を実現する happy-css-modules の紹介 - mizdra's blog","url":"https://www.mizdra.net/entry/2022/11/14/102506","content":"Typed CSS Modulesとコードジャンプの問題について。\nTypeScriptのDeclaration Mapを使い、型定義ファイルではなくソースコードであるCSSそのものへジャンプする実装について","tags":["CSS","TypeScript","article"],"relatedLinks":[]},{"date":"2022-11-20T16:02:20.487Z","title":"AWS AppSync GraphQL APIs Supports JavaScript Resolvers | AWS News Blog","url":"https://aws.amazon.com/jp/blogs/aws/aws-appsync-graphql-apis-supports-javascript-resolvers/","content":"AWS AppSync GraphQL APIsのResolverとしてVTLに加えてJavaScriptが利用できるようになる。","tags":["aws","GraphQL","JavaScript","news"],"relatedLinks":[]},{"date":"2022-11-20T16:03:24.898Z","title":"Manifest v3 signing available November 21 on Firefox Nightly | Mozilla Add-ons Community Blog","url":"https://blog.mozilla.org/addons/2022/11/17/manifest-v3-signing-available-november-21-on-firefox-nightly/","content":"2022年11月21日からFirefoxの拡張機能ストアであるAMOに対してManifest V3の拡張をアップロードして署名できるようになる","tags":["Firefox","Extension","article"],"relatedLinks":[]},{"date":"2022-11-20T16:06:12.400Z","title":"Automate an isolated browser instance with just a few lines of code","url":"https://blog.cloudflare.com/introducing-workers-browser-rendering-api/","content":"Cloudflare WorkersからPuppeteerが利用できるRendering APIを導入予定という話。\ngVisorで管理されたBrowser Renderingを行うサンドボックス内でレンダリングを行いその結果を取得できる","tags":["cloudflare","puppeteer","article"],"relatedLinks":[]},{"date":"2022-11-20T16:11:00.503Z","title":"Release v1.28 · microsoft/playwright","url":"https://github.com/microsoft/playwright/releases/tag/v1.28.0","content":"playwright v1.28.0リリース。\nVSCodeからテストコードの生成を補助するPlaywright Toolsの追加、`test.describe.configure` APIの追加など","tags":["playwright","ReleaseNote"],"relatedLinks":[]},{"date":"2022-11-20T16:16:11.287Z","title":"メタフロントエンド開発者 プロフェッショナル認定証 | Coursera","url":"https://www.coursera.org/professional-certificates/meta-front-end-developer","content":"Metaのフロントエンド開発者入門むけのcoursera講座。\nHTML/CSS/JavaScriptとReact、UI/UXなどについて学ぶ講座","tags":["HTML","CSS","JavaScript","React","tutorial","video"],"relatedLinks":[]},{"date":"2022-11-21T00:35:21.158Z","title":"Release v7.17.0 · pnpm/pnpm","url":"https://github.com/pnpm/pnpm/releases/tag/v7.17.0","content":"pnpm v7.17.0リリース。\n`pnpm licenses list`コマンドの追加など","tags":["pnpm","ReleaseNote"],"relatedLinks":[]},{"date":"2022-11-21T12:59:51.082Z","title":"hadmean/hadmean: Generate powerful, fully functional, ready-to-be-deployed admin apps in seconds with just `npx hadmean`. No Javascript, no SQL, no components, no tutorials, and finally zero maintenance. Stop building and maintaining admin apps that you can auto-generate.","url":"https://github.com/hadmean/hadmean","content":"データベースのデータをみる管理画面を作成するジェネレータアプリ。\n","tags":["node.js","Tools"],"relatedLinks":[]},{"date":"2022-11-21T13:25:29.790Z","title":"Permissions-Policy Research - Google ドキュメント","url":"https://docs.google.com/document/d/14xHANU3n43PfJR_dCpEwVCiVYv12BAfGqOICNvd79R4/edit#","content":"Feature-PolicyとPermissions-Policyの対応や標準化についての調査ドキュメント。\nMDNのドキュメントのために調査されている。","tags":["browser","Chrome","spec","document"],"relatedLinks":[{"title":"Intent to document: Permissions-Policy · Issue #22347 · mdn/content","url":"https://github.com/mdn/content/issues/22347"}]},{"date":"2022-11-21T14:00:05.428Z","title":"Expiration Cap Removed From JavaScript Cookies In WebKit Browsers | Simo Ahava's blog","url":"https://www.simoahava.com/privacy/first-party-cookies-webkit-revisited/","content":"SafariのCookieの有効期限について。\nブラウザを利用した日で7日間未使用の場合の削除、ITPでのトラッキング分類された場合に24時間で削除、CNAME Cloakingでの7日間制限などについて","tags":["browser","safari","privacy"],"relatedLinks":[]},{"date":"2022-11-21T14:14:51.535Z","title":"JavaScript と比較しながら学ぶ TypeScript | Techpit","url":"https://www.techpit.jp/courses/248","content":"JavaScriptに型を付けながらTypeScriptについて学ぶ書籍","tags":["JavaScript","TypeScript","book"],"relatedLinks":[{"title":"[Techpit] JavaScriptと比較しながら学ぶTypeScriptという書籍をリリースしました！","url":"https://zenn.dev/ababup1192/articles/6873aa4b4109f2"}]},{"date":"2022-11-22T00:41:08.714Z","title":"State of JavaScript 2022","url":"https://survey.devographics.com/survey/state-of-js/2022","content":"2022年12月15日まで、JavaScript開発者向けのアンケートであるState Of JSが実施中。\n","tags":["JavaScript","Survey","news"],"relatedLinks":[]},{"date":"2022-11-23T00:30:58.831Z","title":"1Password/typeshare: Typeshare is the ultimate tool for synchronizing your type definitions between Rust and other languages for seamless FFI.","url":"https://github.com/1Password/typeshare","content":"アノテーションしたRustのコードからTypeScript/Swift/Kotlinの型定義を生成できるツール","tags":["Rust","TypeScript","kotlin","swift","golang","library","Tools"],"relatedLinks":[]},{"date":"2022-11-23T06:33:37.093Z","title":"Prettier 2.8: improve --cache CLI option and TypeScript 4.9 satisfies operator! · Prettier","url":"https://prettier.io/blog/2022/11/23/2.8.0.html","content":"Prettier 2.8リリース。\nTypeScript 4.9 `satisfies` operatorのサポート、`--cache-location`オプションの追加など","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2022-11-28T13:22:52.740Z","title":"es-meta/esmeta: ECMAScript Specification (ECMA-262) Metalanguage","url":"https://github.com/es-meta/esmeta","content":"ECMAScript仕様書のメタ言語ツール。\nECMAScriptの言語/仕様書のパーサとインタープリタを実装したメタツール。\n仕様書のアルゴリズムをステップ実行したり、デバッガーでBreak Pointを貼ったり、仕様書における内部状態を可視化できる。","tags":["ECMAScript","JavaScript","Tools"],"relatedLinks":[]},{"date":"2022-11-28T13:53:38.111Z","title":"Announcing Wasmer 3.0","url":"https://wasmer.io/posts/announcing-wasmer-3.0","content":"Wasmer 3.0リリース。\nWAPMパッケージを実行できる`wasmer run`コマンドの追加、`MemoryView`の追加。\nZigのクロスコンパイル機能を使ってWindow/Linux/macOSの実行ファイルを作成できるように","tags":["WebAssembly","ReleaseNote"],"relatedLinks":[{"title":"wasmer/migration_to_3.0.0.md at master · wasmerio/wasmer · GitHub","url":"https://github.com/wasmerio/wasmer/blob/master/docs/migration_to_3.0.0.md"}]},{"date":"2022-11-28T14:56:08.515Z","title":"Wasmはなぜセキュアなのか？","url":"https://zenn.dev/0kate/articles/83e48c177ff709","content":"Wasmerの実装を読みながら、WebAssemblyのセキュリティ機能がどのように実現されているについて","tags":["WebAssembly","article","security"],"relatedLinks":[]},{"date":"2022-11-28T15:09:07.196Z","title":"Announcing tRPC v10 | tRPC","url":"https://trpc.io/blog/announcing-trpc-10","content":"tRPC v10リリース。\nRouterの定義方法、`inferRouterInputs`と`inferRouterOutputs`の型定義を追加、Middlewareのシグネチャの変更など","tags":["TypeScript","library","ReleaseNote"],"relatedLinks":[{"title":"Migrate from v9 to v10 | tRPC","url":"https://trpc.io/docs/migrate-from-v9-to-v10"}]},{"date":"2022-11-28T15:10:32.242Z","title":"A Skeptic’s Guide to Functional Programming with JavaScript","url":"https://jrsinclair.com/skeptics-guide","content":"JavaScriptでの関数型プログラミングについての書籍","tags":["JavaScript","functional","book"],"relatedLinks":[]},{"date":"2022-11-29T03:51:01.866Z","title":"Node.js 18.x runtime now available in AWS Lambda | AWS Compute Blog","url":"https://aws.amazon.com/jp/blogs/compute/node-js-18-x-runtime-now-available-in-aws-lambda/","content":"AWS LambdaでNode.js 18をサポート","tags":["aws","Lambda","node.js","news"],"relatedLinks":[]},{"date":"2022-11-29T12:08:09.320Z","title":"Prerender2 という機能について | blog.bokken.io","url":"https://blog.bokken.io/articles/2022-11-24/about-prerender2.html","content":"Chromeで実装中のPrerender2について。\nSpeculation Rulesでプリレンダリングする対象を指定する新しい仕組みについて","tags":["Chrome","article"],"relatedLinks":[]},{"date":"2022-11-29T12:50:45.634Z","title":"デザインシステム開発優先度の「難しさ」と「対策」｜hikaru-takase /Loglass｜note","url":"https://note.com/99997373/n/n7dcb9092a90b","content":"マルチプロダクト化していく中で複数のプロダクトから参照できるデザインが必要となり、それを解決するためにデザインシステムをどのように進めていくかについて。\nデザイントークンの分離、コンポーネントの集中管理、小さく作り始めて広げていくなど","tags":["Design","article","opinion"],"relatedLinks":[]},{"date":"2022-11-29T13:22:56.529Z","title":"JSConf JP 2022 公開資料・Twitterリンクまとめ","url":"https://zenn.dev/yumemi_inc/articles/2022-11-27-jsconf-jp-2022","content":"JSConf JP 2022の動画とスライドのまとめ","tags":["JavaScript","Conference","slire","video"],"relatedLinks":[{"title":"JSConf JP","url":"https://jsconf.jp/2022/"}]},{"date":"2022-11-29T14:22:50.569Z","title":"TypeScript and native ESM on Node.js","url":"https://2ality.com/2021/06/typescript-esm-nodejs.html","content":"Node.jsでのESMと`exports`フィールドについての解説","tags":["node.js","TypeScript","article"],"relatedLinks":[]},{"date":"2022-11-29T14:32:41.264Z","title":"hyperstackjs · Hyperstack is a modern full-stack Node.js web framework for the pragmatic programmer","url":"https://hyperstackjs.io/","content":"Node.jsのウェブアプリケーションフレームワーク","tags":["node.js","JavaScript","library","server"],"relatedLinks":[]},{"date":"2022-12-01T13:03:29.857Z","title":"Electron 22.0.0 | Electron","url":"https://www.electronjs.org/blog/electron-22-0","content":"Electron 22.0.0リリース。\nChromium 108、Node.js 16.17.1、V8 10.8へのアップデート、`UtilityProcess`モジュールの追加、`new-window`イベントの非推奨化など。\nWindows 7/8/8.1をサポートする最後のElectronバージョンとなる。","tags":["Electron","ReleaseNote"],"relatedLinks":[]},{"date":"2022-12-04T05:26:56.258Z","title":"shuding/nextra: Simple, powerful and flexible site generation framework with everything you love from Next.js.","url":"https://github.com/shuding/nextra","content":"Next.jsとMDXベースの静的サイトジェネレータツール。\n","tags":["Next.js","library"],"relatedLinks":[]},{"date":"2022-12-04T15:18:52.814Z","title":"Release 5.0.0 · primus/eventemitter3","url":"https://github.com/primus/eventemitter3/releases/tag/5.0.0","content":"eventemitter3 5.0.0リリース。\nNode.js ESMのサポートなど","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-12-04T15:31:46.722Z","title":"How TypeScript 4.9 `satisfies` Your Prisma Workflows","url":"https://www.prisma.io/blog/satisfies-operator-ur8ys8ccq7zb","content":"TypeScript 4.9の`satisfies` operatorの使い方についての記事。\nPrismaやZodと合わせた使い方について","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2022-12-05T23:36:02.350Z","title":"ECMAScript proposal updates @ 2022-11 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2022/12/05/ecmascript-proposal-update","content":"2022年11月に行われたTC39 MeetingによってStatusが変化したECMAScript Proposalのまとめ。\n","tags":["ECMAScript","proposal","news"],"relatedLinks":[]},{"date":"2022-12-06T01:05:05.920Z","title":"Sass製SVG爆速表示ライブラリのご紹介 - dwango on GitHub","url":"https://dwango.github.io/articles/2022-12_nicolive_svg/","content":"CSSを使ってSVGを切り替える方法とそれを実装したライブラリについて。\nCSSの`mask-image`を使った方法と`animationstart`で切り替える方法についての比較","tags":["CSS","SVG","Cargo"],"relatedLinks":[]},{"date":"2022-12-06T01:28:21.420Z","title":"Image Formats for the Web | DebugBear","url":"https://www.debugbear.com/blog/image-formats","content":"ウェブ向けの画像フォーマットとどれを使うべきかについて。\nGIF/PNG/JPG/WebP/AVIF/SVGそれぞれの特性と推奨事項。また、AVIFは非可逆圧縮と可逆圧縮どちらもサポートしているが、可逆圧縮の結果はあまり良くない点についてなど","tags":["Image","performance","article"],"relatedLinks":[]},{"date":"2022-12-07T03:04:02.938Z","title":"Migrating from Vue 2 to Svelte","url":"https://escape.tech/blog/from-vue2-to-svelte/","content":"Vue 2からSvelteKitに移行したという話。","tags":["Vue","Svelte","article"],"relatedLinks":[]},{"date":"2022-12-07T03:16:46.584Z","title":"Working with Zustand | TkDodo's blog","url":"https://tkdodo.eu/blog/working-with-zustand","content":"React向けのステート管理ライブラリであるZustandについてのTips。\nパフォーマンスに関するTips、アクションとステートの分離、アクションをsetterではなくeventとして扱う、Storeのスコープを小さく保つなど","tags":["JavaScript","React","article"],"relatedLinks":[]},{"date":"2022-12-07T03:30:26.589Z","title":"An introduction to the LibJS JavaScript engine - Google スライド","url":"https://docs.google.com/presentation/d/1-chE3GTNFnNRwZqk4Bf3GCPV_nINfKG-NUTM4IeEnVc/edit#slide=id.p","content":"SerenityOS向けにスクラッチでJavaScriptエンジンを書いたというスライド。\nECMA-262の仕様を満たすJITなしのAST/Bytecodeインタープリタをどのように実装していったかについて","tags":["JavaScript","slide"],"relatedLinks":[]},{"date":"2022-12-07T03:52:50.601Z","title":"New in Chrome 108 - Chrome Developers","url":"https://developer.chrome.com/blog/new-in-chrome-108/","content":"Chrome 108の変更点について。\nviewportのunitとして`dvh`/`lvh`/`svh`を追加、Variable fontsのCOLRv1をサポート。\nFileSystemSyncAccessHandleのAPIを同期メソッドに変更、Permissions PolicyのOrigin指定に`*`(wildcard)を利用できるようになるなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2022-12-07T04:03:26.704Z","title":"Prerender pages in Chrome for instant page navigations - Chrome Developers","url":"https://developer.chrome.com/en/blog/prerender-pages/","content":"Chromeの新しいprerenderについて。\nアドレスバーでURLを入力する場合も信頼度に基づいてPrerenderを投機的に行う。\nまたSpeculation Rules APIでのprerenderのルール定義、prerenderをサーバ側で無効化する方法、prerenderされたかを判定する方法についてなど","tags":["Chrome","performance","article"],"relatedLinks":[]},{"date":"2022-12-07T04:49:05.982Z","title":"Speeding up the JavaScript ecosystem - one library at a time","url":"https://marvinh.dev/blog/speeding-up-javascript-ecosystem/","content":"不必要な型変換や関数内に関数を作らないことで多くのライブラリはパフォーマンスが改善するという話。\n実際のPostCSSプラグインやSVGOなどのコードを例に、どのような場所がパフォーマンスに影響していたかについて","tags":["JavaScript","performance","article"],"relatedLinks":[]},{"date":"2022-12-07T05:03:07.877Z","title":"New npm features for secure publishing and safe consumption | The GitHub Blog","url":"https://github.blog/2022-12-06-new-npm-features-for-secure-publishing-and-safe-consumption/","content":"npmにアクセスするスコープを設定できるfine-grained access tokenの追加、npmのウェブサイト上のCode explorerでコードを閲覧できるようになるなど","tags":["npm","security","article"],"relatedLinks":[]},{"date":"2022-12-07T07:53:47.016Z","title":"elysiajs/elysia: Fast, and friendly Bun web framework","url":"https://github.com/elysiajs/elysia","content":"Bun向けのウェブフレームワーク","tags":["Bun","library","JavaScript"],"relatedLinks":[]},{"date":"2022-12-10T13:43:47.195Z","title":"Bun v0.3.0","url":"https://bun.sh/blog/bun-v0.3.0","content":"Bun 0.3.0リリース。\n高負荷時メモリ消費量の改善、GCでのクラッシュを修正など安定性の向上。\nNode.js互換性として、`child_process`モジュール、`Error.captureStackTrace()` APIなどの追加。\n`console`をAsyncIterableに変更、`import`してるモジュールを自動的にnpmからインストールするように。\nNext.jsライクなルーティングをファイルシステムに対して行う`FileSystemRouter` APIの追加、`expect()`のmatchersの追加など","tags":["Bun","ReleaseNote"],"relatedLinks":[{"title":"Release Bun v0.3.0 · oven-sh/bun","url":"https://github.com/oven-sh/bun/releases/tag/bun-v0.3.0"}]},{"date":"2022-12-10T14:05:14.753Z","title":"Chromium Blog: Introducing passkeys in Chrome","url":"https://blog.chromium.org/2022/12/introducing-passkeys-in-chrome.html","content":"Chrome 108でPasskeysが利用可能になった","tags":["Chrome","security","article"],"relatedLinks":[]},{"date":"2022-12-10T15:09:56.864Z","title":"Ember 4.9 Released","url":"https://blog.emberjs.com/ember-4-9-released/","content":"Ember 4.9リリース。\nTypeScript 4.9のサポートなど","tags":["Ember","ReleaseNote"],"relatedLinks":[]},{"date":"2022-12-10T15:23:16.983Z","title":"Announcing the Tauri Mobile Alpha Release | Tauri Apps","url":"https://tauri.app/blog/2022/12/09/tauri-mobile-alpha/","content":"Tauri 2.0.0 alphaリリース。\niOS/Androidのモバイルアプリでの実行をサポートなど","tags":["JavaScript","Rust","mobile","ReleaseNote"],"relatedLinks":[]},{"date":"2022-12-10T15:29:12.685Z","title":"socketsupply/socket: Create networked, native, cross-platform software on mobile and desktop using HTML, CSS, and JavaScript.","url":"https://github.com/socketsupply/socket","content":"HTML、CSS、JavaScriptを使ってモバイルアプリ、デスクトップアプリを作成するツールキット。\nWebViewベースのアプリケーションを作成できるSDK","tags":["HTML","CSS","JavaScript","software"],"relatedLinks":[]},{"date":"2022-12-10T15:36:10.533Z","title":"DanielXMoore/Civet: The CoffeeScript of TypeScript","url":"https://github.com/DanielXMoore/Civet","content":"CoffeeScriptからTypeScriptへコンパイルできるCoffeeScriptコンパイラ。\nCoffeeScript2と互換性のある構文とES2015以降のサポート、TypeScriptの型アノテーションのサポートを目的に作られている。","tags":["CoffeeScript","TypeScript","Tools","program"],"relatedLinks":[]},{"date":"2022-12-10T15:41:59.570Z","title":"Announcing SWR 2.0 – SWR","url":"https://swr.vercel.app/blog/swr-v2","content":"SWR 2.0リリース。\n破壊的な変更として、Fetcherの引数の変更、キャッシュの内部構造の変更、ビルドターゲットをES2018に変更。\n`useSWRMutation`の追加、Optimistic UIに関するオプションを追加、SWR DevToolsに対応。\n`preload` APIの追加、状態として`isLoading`を追加、`keepPreviousData`オプションの追加、React 18の対応改善など","tags":["React","library","ReleaseNote"],"relatedLinks":[{"title":"SWR 2.0 の発表 – SWR","url":"https://swr.vercel.app/ja/blog/swr-v2"}]},{"date":"2022-12-11T00:49:44.319Z","title":"zenorocha/react-email: 💌 Build and send emails using React","url":"https://github.com/zenorocha/react-email","content":"メールコンテンツを作成するためのReactコンポーネントとレンダラー","tags":["React","mail","library"],"relatedLinks":[]},{"date":"2022-12-11T06:30:40.790Z","title":"Announcing Rome v11","url":"https://rome.tools/blog/2022/12/06/rome11/","content":"Rome v11リリース。\nTypeScript 4.9のサポート、`semicolons`オプションの追加、Lintルールの追加とLintのグループを追加など","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2022-12-11T10:18:52.473Z","title":"rafasofizada/pechkin: Pechkin is a modern, asynchronous, flexible and configurable Node.js library for handling file uploads (i.e. multipart/form-data requests), written in TypeScript.","url":"https://github.com/rafasofizada/pechkin","content":"`multipart/form-data`などのファイルアップロードを扱うNode.jsライブラリ。\n","tags":["node.js","library"],"relatedLinks":[]},{"date":"2022-12-11T10:38:24.590Z","title":"Release v0.16.0 · evanw/esbuild","url":"https://github.com/evanw/esbuild/releases/tag/v0.16.0","content":"esbuild v0.16.0リリース。\n破壊的な変更として`esbuild-<arch>`のパッケージを`@esbuild/<arch>`へと変更、`define`パラメータのバリデーションを追加。\nSVGのようにファイルをbase64する必要がない場合はしないように変更、`</script>`を自動エスケープするように変更、`--legal-comments`のデフォルトを`none`に変更など","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2022-12-11T11:01:21.693Z","title":"Interaction to Next Paint (INP)","url":"https://web.dev/inp/","content":"Interaction to Next Paint(INP)という操作してからの応答時間を測るパフォーマンスのメトリクスについて。\nINPが200msより大きいなら改善が必要、インタラクションにはどのようなものがあるかやFirst Input Delay(FID)との違いについて。\nまた、ブラウザでの計測方法やラボデータについて","tags":["Chrome","browser","performance","article"],"relatedLinks":[]},{"date":"2022-12-11T11:26:52.420Z","title":"Building data-centric apps with a reactive relational database","url":"https://riffle.systems/essays/prelude/","content":"UIの状態をブラウザ上のDB(SQLite)に全て持たせることで、アプリ開発を簡素化する研究。\nSQLiteをデータベースではなく、データストアとして利用する","tags":["JavaScript","SQLite","article"],"relatedLinks":[]},{"date":"2022-12-12T15:06:42.795Z","title":"Web Performance Calendar » Mobile Performance of Next.js Sites","url":"https://calendar.perfplanet.com/2022/mobile-performance-of-next-js-sites/","content":"Next.jsのショーケースに掲載されてるウェブサイトのモバイルにおけるパフォーマンスを計測した記事。\n","tags":["Next.js","performance","article"],"relatedLinks":[{"title":"Annie Sullivan: &quot;@clarkgunn this is a super int…&quot; - Indieweb.Social","url":"https://indieweb.social/@anniesullie/109479127815952360"}]},{"date":"2022-12-14T04:19:09.429Z","title":"jQuery 3.6.2 Released! | Official jQuery Blog","url":"https://blog.jquery.com/2022/12/13/jquery-3-6-2-released/","content":"jQuery 3.6.2リリース。\nCSS Variablesのバグ修正、`<template>`に対する`.contains()`の修正。\nCSSセレクタの`:has()`の仕様の問題でjQuery 1.3以降に影響があったが、仕様とChromeが修正された。","tags":["jQuery","ReleaseNote"],"relatedLinks":[]},{"date":"2022-12-14T14:16:31.478Z","title":"Vite 4.0 is out! | Vite","url":"https://vitejs.dev/blog/announcing-vite4.html","content":"Vite 4.0リリース。\nSWCをサポートする`@vitejs/plugin-react-swc`を追加、ES2020で出力するように変更、CSSを文字列としてインポートする方法の変更など","tags":["vite","ReleaseNote"],"relatedLinks":[]},{"date":"2022-12-15T00:33:23.774Z","title":"Announcing SvelteKit 1.0","url":"https://svelte.dev/blog/announcing-sveltekit-1.0","content":"SvelteKit 1.0リリース。\n","tags":["Svelte","ReleaseNote"],"relatedLinks":[{"title":"Migration guide · Discussion #5774 · sveltejs/kit","url":"https://github.com/sveltejs/kit/discussions/5774"}]},{"date":"2022-12-16T14:11:32.440Z","title":"Find the most expensive CSS selectors","url":"https://devtoolstips.org/tips/en/find-expensive-selectors/","content":"MSEdgeのDevToolsで、CSSセレクタの処理時間やマッチ回数を見る方法について","tags":["CSS","performance","article"],"relatedLinks":[]},{"date":"2022-12-18T14:23:57.008Z","title":"bluwy/publint: Lint packaging errors","url":"https://github.com/bluwy/publint","content":"npmパッケージのLintツール。\n`package.json`における`main`や`exports`フィールドがさまざまな環境で互換性のある書き方になっているかをチェックできるツール","tags":["node.js","Tools","npm"],"relatedLinks":[]},{"date":"2022-12-18T14:31:09.403Z","title":"Help choose the syntax for CSS Nesting | WebKit","url":"https://webkit.org/blog/13607/help-choose-from-options-for-css-nesting-syntax/","content":"CSSのネスト構文のProposalでどの構文がわかりやすいかというアンケートが実施されている","tags":["CSS","アンケート","article"],"relatedLinks":[]},{"date":"2022-12-18T15:03:40.606Z","title":"Storybook 7.0 beta","url":"https://storybook.js.org/blog/7-0-beta/","content":"Storybook 7.0 betaリリース。\nwebpack4、IE11、Node.js 14のサポート終了、`storiesOf` APIをデフォルトで無効化など。\nCSF3のデフォルト化、Viteのサポート、Test runnerとCode Coverageのサポートなど","tags":["JavaScript","debug","Tools","ReleaseNote"],"relatedLinks":[{"title":"Storybook 7 migration guide","url":"https://chromatic-ui.notion.site/Storybook-7-migration-guide-dbf41fa347304eb2a5e9c69b34503937"}]},{"date":"2022-12-18T15:21:11.218Z","title":"Web Performance Calendar » Web Performance APIs Appreciation Post","url":"https://calendar.perfplanet.com/2022/web-performance-apis-appreciation-post/","content":"新しめのウェブパフォーマンスAPIについての紹介記事。\nRender blocking status、Offscreen Canvas、OfflineAudioContext。\nAsync Image Decoding、`Image.decode()`、`loading=lazy`、`fetchpriority`、103 Early Hintsなどについて","tags":["JavaScript","browser","performance","article"],"relatedLinks":[]},{"date":"2022-12-18T15:37:31.677Z","title":"RUM Archive - Homepage","url":"https://rumarchive.com/","content":"Akamai mPulseの匿名化RUMデータセットのアーカイブを公開しているサイト。\n匿名化されたブラウザ情報やWeb Vitalsなどのウェブパフォーマンスに関するRUMデータをBigQueryに公開している。\n大規模なRUMデータセットをBigQueryで分析できる。","tags":["browser","performance","cdn","webservice"],"relatedLinks":[{"title":"Web Performance Calendar » An Introduction to the RUM Archive","url":"https://calendar.perfplanet.com/2022/an-introduction-to-the-rum-archive/"},{"title":"rum-archive/rum-archive: RUM Archive","url":"https://github.com/rum-archive/rum-archive"}]},{"date":"2022-12-19T12:45:52.704Z","title":"Release v1.29.0 · microsoft/playwright","url":"https://github.com/microsoft/playwright/releases/tag/v1.29.0","content":"playwright v1.29.0リリース。\n`route.fetch()`の追加、`locator.all()`の追加、`expect().toPass`の追加。\nテスト失敗時にページ全体のスクリーンショットを撮る`fullPage`オプションの追加など","tags":["playwright","ReleaseNote"],"relatedLinks":[]},{"date":"2022-12-19T13:48:30.641Z","title":"Node v19.3.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v19.3.0/","content":"Node.js v19.3.0リリース。\nNode.jsでのnpmのアップデートにおける\"Major Update\"を定義し、npm 9.2.0にアップデート。\n","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"Integrating with node · npm/cli Wiki","url":"https://github.com/npm/cli/wiki/Integrating-with-node"}]},{"date":"2022-12-20T02:39:46.996Z","title":"Release v0.16.10 · evanw/esbuild","url":"https://github.com/evanw/esbuild/releases/tag/v0.16.10","content":"esbuild v0.16.10リリース。\n`--legal-comments`のデフォルト値を元に戻し、ライセンスとそのライセンスコメントの起源となるファイル名をコメントに含めるように変更。","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2022-12-20T02:54:08.977Z","title":"Prisma Client Just Became a Lot More Flexible","url":"https://www.prisma.io/blog/client-extensions-preview-8t3w27xkrxxn","content":"PrismaにPrisma Client extensionsという拡張の仕組みがプレビュー実装された。\n`PrismaClient`に対して、メソッドの追加、フィルター処理の追加、クエリに対する処理の追加などができる拡張の仕組み","tags":["TypeScript","database","library","article"],"relatedLinks":[]},{"date":"2022-12-22T12:57:17.491Z","title":"TypeScript 4.9のas const satisfiesが便利。型チェックとwidening防止を同時に行う","url":"https://zenn.dev/moneyforward/articles/typescript-as-const-satisfies","content":"wideningを避ける`as const`と型推論の結果を保つ`satisfiers`演算子を組み合わせた、`as const satisfies`について","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2022-12-22T13:37:31.805Z","title":"ericclemmons/click-to-component: Option+Click React components in your browser to instantly open the source in VS Code","url":"https://github.com/ericclemmons/click-to-component","content":"クリックしたら該当するReactコンポーネントのファイルを開くデバッグ用ライブラリ","tags":["React","debug","library"],"relatedLinks":[]},{"date":"2022-12-22T22:38:11.751Z","title":"Deno 1.29: Custom npm registry support","url":"https://deno.com/blog/v1.29","content":"Deno v1.29リリース。\n`NPM_CONFIG_REGISTRY`でnpmレジストリを指定できるように、`deno install`コマンドを追加、REPLでの`npm:`サポート。\n`deno check --remote`を`--all`に変更、`--inspect-wait`フラグの追加、TypeScript 4.9のサポート。\nStdに`testing/types`モジュールの追加など","tags":["deno","ReleaseNote"],"relatedLinks":[]},{"date":"2022-12-23T02:13:03.717Z","title":"JavaScript for hackers by Gareth Heyes [Leanpub PDF/iPad/Kindle]","url":"https://leanpub.com/javascriptforhackers/","content":"ブラウザやJavaScriptの欠陥を見つけるハッカー向けのJavaScript本","tags":["JavaScript","security","book"],"relatedLinks":[]},{"date":"2022-12-23T13:32:01.702Z","title":"フロントエンド開発のためのセキュリティ入門 知らなかったでは済まされない脆弱性対策の必須知識（平野 昌士 はせがわ ようすけ 後藤 つぐみ）｜翔泳社の本","url":"https://www.shoeisha.co.jp/book/detail/9784798169477","content":"2023年02月13日 発売予定\nフロントエンドエンジニア向けのウェブセキュリティについての書籍","tags":["security","browser","JavaScript","book"],"relatedLinks":[]},{"date":"2022-12-24T06:45:30.135Z","title":"Bun v0.4","url":"https://bun.sh/blog/bun-v0.4.0","content":"Bun 0.4リリース。\n`bunx`コマンドを追加、`#!/usr/bin/env node`をbunで実行する`--bun`フラグを追加、Node.jsとの互換性の向上など。\n","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2022-12-24T10:57:38.476Z","title":"PuruVJ/neodrag: One Draggable to rule them all 💍","url":"https://github.com/PuruVJ/neodrag","content":"Svelte向けのD&Dライブラリ。\nReact/Vue/Solid/Vanilla向けのBindingも用意されている","tags":["JavaScript","Svelte","React","Vue","library"],"relatedLinks":[]},{"date":"2022-12-25T11:31:33.659Z","title":"Web Performance Calendar » HTTP/3 Prioritization Demystified","url":"https://calendar.perfplanet.com/2022/http-3-prioritization-demystified/","content":"各ブラウザのHTTP/3のPriorityの実装について調べた記事。\nブラウザとリソースの組み合わせでの優先度の違い、`priority`ヘッダと`PRIORITY_UPDATE`フレームの実装の違い。\n`fetchpriority`属性でブラウザ間の違いを減らせる点について","tags":["HTTP2","browser","article","performance"],"relatedLinks":[]},{"date":"2022-12-26T01:17:36.320Z","title":"Release v7.20.0 · pnpm/pnpm","url":"https://github.com/pnpm/pnpm/releases/tag/v7.20.0","content":"pnpm v7.20.0リリース。\n`pnpm config <get|set|delete|list>`コマンドの追加など","tags":["pnpm","ReleaseNote"],"relatedLinks":[]},{"date":"2022-12-26T01:23:05.184Z","title":"Release 3.27.0 - 2022.12.26 · zloirock/core-js","url":"https://github.com/zloirock/core-js/releases/tag/v3.27.0","content":"core-js v3.27.0リリース。\nStage 3のIterator Helpers/Set methods /Well-Formed Unicode Strings/Explicit resource managementの実装。\nStage 2のString.dedentの実装など","tags":["JavaScript","polyfill","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-12-26T01:31:40.010Z","title":"1冊ですべて身につくJavaScript入門講座 (１冊ですべて身につく) | Mana |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/dp/4815615756/","content":"2023年3月1日 発売。\nウェブデザイナー向けのJavaScriptについての書籍","tags":["JavaScript","animation","book"],"relatedLinks":[]},{"date":"2022-12-28T05:19:13.531Z","title":"Twemojiが2023年になると表示されなくなる(かもしれない)問題に対処する","url":"https://zenn.dev/yhatt/articles/60ce0c3ca79994","content":"MaxCDNが2022年で廃止となるため、twemojiなどMaxCDNをデフォルトで利用するライブラリが動かなくなるという話","tags":["cdn","news","twitter"],"relatedLinks":[{"title":"Clarify MaxCDN URLs now that MaxCDN is retiring · Issue #556 · twitter/twemoji","url":"https://github.com/twitter/twemoji/issues/556"}]},{"date":"2022-12-28T05:24:05.483Z","title":"Blog - Next.js 13.1 | Next.js","url":"https://nextjs.org/blog/next-13-1","content":"Next.js 13.1リリース。\n`app`ディレクトリの改善、外部ライブラリの`next-transpile-modules`を本体に統合、試験的に`modularizeImports`オプションの追加、Turbopackの改善など","tags":["Next.js","relre"],"relatedLinks":[{"title":"martpie/next-transpile-modules: [DEPRECATED] Next.js plugin to transpile code from node_modules","url":"https://github.com/martpie/next-transpile-modules"}]},{"date":"2022-12-28T05:26:14.232Z","title":"Release v100 · ije/esm.sh","url":"https://github.com/ije/esm.sh/releases/tag/v100","content":"ESMとしてnpmパッケージを扱えるPackage CDNのesm.sh v100リリース。\nWebサイトのアップデート、playgroundの追加。","tags":["ECMAScript","cdn","library","ReleaseNote"],"relatedLinks":[]},{"date":"2022-12-28T05:29:43.802Z","title":"Migrating a large, open-source React application to Next.js and Vercel – Vercel","url":"https://vercel.com/blog/migrating-a-large-open-source-react-application-to-next-js-and-vercel","content":"BBCのオープンソースとして公開されているフロントエンドを例にして、ReactアプリケーションをNext.jsベースに書き換える方法についての記事","tags":["React","Next.js","article"],"relatedLinks":[{"title":"bbc/simorgh: The BBC's Open Source Single Page Application. Contributions welcome! Used on some of our biggest websites, e.g.","url":"https://github.com/bbc/simorgh"}]},{"date":"2022-12-29T12:56:06.433Z","title":"実践Node.js入門 | 伊藤 康太 |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/dp/4297129566/","content":"2023年1月26日 発売。\nNode.jsでのCLIやアプリケーション開発についての書籍","tags":["node.js","book"],"relatedLinks":[]},{"date":"2022-12-31T15:11:56.779Z","title":"Auth.js","url":"https://authjs.dev/","content":"NextAuthはAuth.jsとなり、Next.js以外にもSvelteKitやSolidStartなどをサポートするようになった。","tags":["JavaScript","WebAuthentication","OAuth","library"],"relatedLinks":[]},{"date":"2023-01-01T11:20:45.830Z","title":"そろそろカスケードレイヤー(@layer)と向き合う","url":"https://zenn.dev/yend724/articles/20221227-fcz1jh70bhnqof2v","content":"CSSの@layerについての解説記事","tags":["CSS","article"],"relatedLinks":[]},{"date":"2023-01-01T11:52:17.286Z","title":"Prototype Pollution in JSON5 via Parse Method · CVE-2022-46175 · GitHub Advisory Database","url":"https://github.com/advisories/GHSA-9c47-m6qq-7p4h","content":"JSON5にprototype pollutionの脆弱性があり、2.2.2と1.0.2で修正された。\n","tags":["JSON","JavaScript","library","security","ReleaseNote"],"relatedLinks":[{"title":"Release v2.2.2 · json5/json5","url":"https://github.com/json5/json5/releases/tag/v2.2.2"},{"title":"Release v1.0.2 · json5/json5","url":"https://github.com/json5/json5/releases/tag/v1.0.2"}]},{"date":"2023-01-01T12:12:22.833Z","title":"Tamagui 1.0 🎉 — Tamagui","url":"https://tamagui.dev/blog/version-one","content":"React向けのUIフレームワークであるTamagui 1.0リリース。\nReact NativeとWebどちらも対応し、スタイリングライブラリも含む。1.0ではNativeとWebの互換性の向上やバンドルサイズの改善などが行われている。","tags":["React","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-01-01T14:01:42.664Z","title":"Vue.js","url":"https://v2.vuejs.org/lts/","content":"Vue 2のサポート終了は2023年12月31日。\nサポート終了後はセキュリティ修正を提供しない、拡張LTSはAngularJSと同じく外部企業に依頼する形となる予定","tags":["Vue","document"],"relatedLinks":[{"title":"2022 Year In Review | The Vue Point","url":"https://blog.vuejs.org/posts/2022-year-in-review.html"}]},{"date":"2023-01-04T01:34:07.505Z","title":"Release v0.16.13 · evanw/esbuild","url":"https://github.com/evanw/esbuild/releases/tag/v0.16.13","content":"esbuild v0.16.13リリース。\n`--metafile`でbundle時のメタデータを出力し、メタデータを可視化できるビューアサイトの実装など","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2023-01-05T14:23:08.359Z","title":"First-class Support for TypeScript · React Native","url":"https://reactnative.dev/blog/2023/01/03/typescript-first","content":"React Native 0.71でTypeScriptの型定義が同梱され、新しいテンプレートもデフォルトでTypeScriptを利用するようになった","tags":["React","Native","ReleaseNote"],"relatedLinks":[]},{"date":"2023-01-06T02:59:51.460Z","title":"Node v18.13.0 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v18.13.0/","content":"Node.js v18.13.0リリース。\n`File` APIの実装、`node:test`モジュールに`mock` APIの追加、v8 snapshot compressionを無効化して起動速度の向上など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2023-01-06T03:25:35.098Z","title":"Interop 2022: end of year update","url":"https://web.dev/interop-2022-wrapup/","content":"ウェブブラウザの相互運用性の取り組みであるInterop 2022の結果のまとめ","tags":["browser","article"],"relatedLinks":[]},{"date":"2023-01-06T03:26:20.774Z","title":"Miško HeveryのQwik記事シリーズ | POSTD","url":"https://postd.cc/series-qwik/","content":"Qwikシリーズの翻訳記事","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2023-01-06T03:33:41.162Z","title":"Release v6.4.0 · lerna/lerna","url":"https://github.com/lerna/lerna/releases/tag/v6.4.0","content":"lerna v6.4.0リリース。\n`lerna watch`コマンドの追加など","tags":["JavaScript","monorepo","ReleaseNote"],"relatedLinks":[]},{"date":"2023-01-06T03:35:52.231Z","title":"Gluon","url":"https://gluonjs.org/","content":"ChromeとFirefoxをWebViewの代わりにデスクトップアプリを作るフレームワーク。\nデスクトップブラウザの起動オプションで単独のアプリらしく起動させる。\nバックエンドにはNode.jsとDenoが利用でき、アプリと連携できるAPIが用意されている。","tags":["browser","node.js","deno","Tools","library"],"relatedLinks":[]},{"date":"2023-01-09T15:21:52.551Z","title":"Node v19.4.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v19.4.0/","content":"Node.js v19.4.0リリース。\n`buffer.isUtf8`の追加、どれぐらいの並列数を扱えるかを返す`os.availableParallelism`の追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2023-01-09T15:24:16.071Z","title":"The Safari bug that never was","url":"https://obyford.com/posts/the-safari-bug-that-never-was/","content":"Safari Technology Previewで発見したバグをWebKitに報告し修正されるまでの話","tags":["webkit","issue","article"],"relatedLinks":[]},{"date":"2023-01-09T15:38:32.693Z","title":"次世代 CSS 仕様が与えるコンポーネント時代の Web への影響 | blog.jxck.io","url":"https://blog.jxck.io/entries/2023-01-07/new-css-capabilities-for-component.html","content":"最近実装されているCSSの新しい仕様について。\n`@scope`, `@layer`, Nesting, `:is()`, `:where()`, `:has()`, `@container`などについて","tags":["CSS","article"],"relatedLinks":[]},{"date":"2023-01-11T07:38:21.097Z","title":"The State of JS 2022","url":"https://2022.stateofjs.com/en-US/","content":"JavaScript開発者アンケートのThe State of JS 2022の結果が公開された。\n回答者の属性ごとに、言語機能、ライブラリ、ツール、JSとTSの利用率、リソース、学習方法などについての解答結果が見られる。","tags":["JavaScript","Survey"],"relatedLinks":[]},{"date":"2023-01-12T15:28:34.574Z","title":"Release v1.10.0 · remix-run/remix","url":"https://github.com/remix-run/remix/releases/tag/remix%401.10.0","content":"Remix 1.10.0リリース。\n`@remix-run/router`というReact Routerとの共通基盤となるパッケージ(バイナリ)を使い再構築。\n`shouldRevalidate`関数のサポート、`useNavigation`/`useRevalidator`/`useRouteLoaderData` Hook APIの追加など","tags":["Remix","ReleaseNote"],"relatedLinks":[]},{"date":"2023-01-12T15:48:20.067Z","title":"NPM Kiosk - A new way to sell NPM packages","url":"https://npm-kiosk.remotion.dev/","content":"npmパッケージを販売するために、パッケージをインストールできるアクセストークン付きのパッケージを作成する方法について","tags":["npm","article"],"relatedLinks":[]},{"date":"2023-01-13T00:54:45.985Z","title":"All of Learn Accessibility! is available","url":"https://web.dev/learn-accessibility-available/","content":"アクセシビリティについて学べるLearn Accessibilityのコースが完成した","tags":["accessibility","article"],"relatedLinks":[{"title":"Learn Accessibility","url":"https://web.dev/learn/accessibility/"}]},{"date":"2023-01-13T01:01:37.395Z","title":"Release Notes for Safari Technology Preview 161 | WebKit","url":"https://webkit.org/blog/13686/release-notes-for-safari-technology-preview-161/","content":"Safari Technology Preview 161リリース。\n実験的にAudioSession Web API、WebCodecs AV1 のサポート。\nFullscreen APIに`-webkit-` prefixがつかなくなるように変更など","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2023-01-13T01:12:42.869Z","title":"Release v3.10.0 · rollup/rollup","url":"https://github.com/rollup/rollup/releases/tag/v3.10.0","content":"Rollup v3.10.0リリース。\noptional chainingに対するTree Shakingのサポートなど","tags":["rollup","ReleaseNote","library"],"relatedLinks":[]},{"date":"2023-01-13T01:45:32.731Z","title":"React Native 0.71: TypeScript by Default, Flexbox Gap, and more... · React Native","url":"https://reactnative.dev/blog/2023/01/12/version-071","content":"React Native 0.71リリース。\nTypeScriptがデフォルトでサポートされ、`@types/react-native`は不要となった。\nFlexboxの`gap`プロパティのサポート、`aria-*` propsのサポート、PointerEventsをopt-inでサポートなど。\n`propTypes`のサポートを一時的に復活、Hermesの改善など","tags":["React","Native","TypeScript","ReleaseNote"],"relatedLinks":[{"title":"Road to 0.71.0 · Discussion #41 · reactwg/react-native-releases","url":"https://github.com/reactwg/react-native-releases/discussions/41#discussioncomment-4089256"}]},{"date":"2023-01-13T02:10:12.175Z","title":"A new accessibility strategy for the GOV.UK Design System - Accessibility in government","url":"https://accessibility.blog.gov.uk/2023/01/06/a-new-accessibility-strategy-for-the-gov-uk-design-system/","content":"WCAG 2.2を満たすためのアクセシビティ改善とアクセシビリティの原則について。\nウェブアクセシビリティの4つの原則、ユニバーサルデザインの7つの原則、progressive enhancementについて","tags":["accessibility","article"],"relatedLinks":[{"title":"Introduction to Understanding WCAG | WAI | W3C","url":"https://www.w3.org/WAI/WCAG21/Understanding/intro#understanding-the-four-principles-of-accessibility"},{"title":"The 7 Principles | Centre for Excellence in Universal Design","url":"https://universaldesign.ie/What-is-Universal-Design/The-7-Principles/"},{"title":"Building a resilient frontend using progressive enhancement - Service Manual - GOV.UK","url":"https://www.gov.uk/service-manual/technology/using-progressive-enhancement"}]},{"date":"2023-01-13T02:20:26.977Z","title":"Dunks1980/bay.js: An easy to use, lightweight library for web-components.","url":"https://github.com/Dunks1980/bay.js","content":"`<template>`からWebComponentを作成して扱えるライブラり","tags":["JavaScript","template","WebComponents","library"],"relatedLinks":[]},{"date":"2023-01-13T02:25:33.994Z","title":"2022 JavaScript Rising Stars","url":"https://risingstars.js.org/2022/en","content":"JavaScript Rising Starsの2022年の結果が公開された。\nフロントエンドフレームワーク、React、Vue、バックエンド、ビルドツール、モバイル、CSS、テスト、デスクトップ、静的サイトジェネレータのStar数をもとにしたランキング。","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2023-01-13T02:30:41.027Z","title":"実践Node.js入門 ―基礎・開発・運用：書籍案内｜技術評論社","url":"https://gihyo.jp/book/2023/978-4-297-12956-9","content":"2023年1月17日発売。\nNode.jsの入門書","tags":["node.js","book","JavaScript"],"relatedLinks":[]},{"date":"2023-01-13T02:35:11.626Z","title":"Node.js にプロセスレベルの Permission が入りそうな話 - from scratch","url":"https://yosuke-furukawa.hatenablog.com/entry/2023/01/12/160406","content":"Node.jsで実装が進められているPermission Modelの実装について","tags":["node.js","security","article"],"relatedLinks":[{"title":"src,process: initial permission model implementation by RafaelGSS · Pull Request #44004 · nodejs/node","url":"https://github.com/nodejs/node/pull/44004"},{"title":"Permission Model · Issue #791 · nodejs/security-wg","url":"https://github.com/nodejs/security-wg/issues/791"}]},{"date":"2023-01-13T11:33:14.597Z","title":"rimraf/CHANGELOG.md at main · isaacs/rimraf","url":"https://github.com/isaacs/rimraf/blob/main/CHANGELOG.md#v40","content":"rimraf 4.0リリース。\nglobサポートを削除、Promiseを返すように変更、Node 14未満のサポート終了、TypeScriptでの書き直し。\nまたCJSとESMの両方に対応し、Windowsでのパフォーマンスの改善など","tags":["node.js","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-01-14T13:54:20.193Z","title":"tsmodule/tsmodule: TypeScript to ES Module loader and compiler.","url":"https://github.com/tsmodule/tsmodule","content":"TypeScriptでESMなパッケージを開発するツールキット","tags":["TypeScript","ECMAScript","Tools"],"relatedLinks":[]},{"date":"2023-01-14T14:30:49.055Z","title":"giusepperaso/structura.js: A very fast and lightweight Typescript library to create immutable states with a mutable syntax","url":"https://github.com/GiuseppeRaso/structura.js","content":"ImmerライクなImmutable処理のAPIを提供するライブラリ。\nFreezeをTypeScriptの型で表現することによって、オーバヘッドを減らしている。\n","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2023-01-14T14:34:50.967Z","title":"Release v0.17.0 · evanw/esbuild","url":"https://github.com/evanw/esbuild/releases/tag/v0.17.0","content":"esbuild v0.17.0リリース。\nincremental buildに関する処理を`context` APIに移動。\n`watch`と`serve`を同時に利用できるように、またServer Send Eventを使ったLive Reloadに対応、開発サーバがHTTPSに対応など","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2023-01-15T03:06:13.018Z","title":"改訂3版JavaScript本格入門　～モダンスタイルによる基礎から現場での応用まで：書籍案内｜技術評論社","url":"https://gihyo.jp/book/2023/978-4-297-13288-0","content":"2023年2月13日発売\nJavaScriptの入門書","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2023-01-15T03:13:10.618Z","title":"Release v0.197.0 · facebook/flow","url":"https://github.com/facebook/flow/releases/tag/v0.197.0","content":"Flow v0.197.0リリース。\nLocal Type Inferenceをopt-inで利用できるように。","tags":["flowtype","ReleaseNote"],"relatedLinks":[{"title":"Introducing: Local Type Inference for Flow | by Michael Matson Vitousek | Flow | Medium","url":"https://medium.com/flow-type/introducing-local-type-inference-for-flow-6af65b7830aa"}]},{"date":"2023-01-15T03:24:23.824Z","title":"LyraSearch/lyra: 🌌 Fast, in-memory, typo-tolerant, full-text search engine written in TypeScript.","url":"https://github.com/LyraSearch/lyra","content":"TypeScriptで書かれた全文検索エンジン","tags":["TypeScript","search ","library"],"relatedLinks":[]},{"date":"2023-01-16T03:14:17.746Z","title":"azu/eslint-cjs-to-esm: ESLint wrapper for migration from CJS to ESM.","url":"https://github.com/azu/eslint-cjs-to-esm","content":"CommonJSからESMへのマイグレーションを補助するツール。\nESLintをラップしていて、CJS to ESMを扱うルールをビルトインしている。\nimportしてるパスへの`.js`の追加や`require`/`exports`などのCJSでしか使えない機能の禁止など","tags":["node.js","JavaScript","ECMAScript","CommonJS","Tools","ESLint"],"relatedLinks":[]},{"date":"2023-01-17T00:41:00.587Z","title":"moon v0.22 - New pipeline, hashing, and caching, with Turborepo migration | moon","url":"https://moonrepo.dev/blog/v0.22","content":"monorepo管理ツールのmoon 0.22リリース。\nパイプラインの並列性を制御できるように、プロジェクトグラフのキャッシュと依存のインストールミスが減るように。\nTurborepoからのマイグレーションコマンドを追加、Bunのサポートなど","tags":["monorepo","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2023-01-17T06:50:06.605Z","title":"Safe Data Fetching in Modern JavaScript","url":"https://www.builder.io/blog/safe-data-fetching","content":"Fetch APIについての記事。\nFetch APIのエラーハンドリング、Axiosライクなエラーハンドリング、JSONをPOSTするときのハマりどころ、Fetchのラッパーについて","tags":["JavaScript","Fetch","article"],"relatedLinks":[]},{"date":"2023-01-18T03:41:25.808Z","title":"shuding/react-wrap-balancer: Simple React Component That Makes Titles More Readable","url":"https://github.com/shuding/react-wrap-balancer","content":"タイトル文字列の折り返しを読みやすくするためのReactコンポーネント","tags":["JavaScript","React","CSS","library","english"],"relatedLinks":[{"title":"Improving readability with React Wrap Balancer – Vercel","url":"https://vercel.com/blog/react-wrap-balancer#innovation-in-text-wrapping"}]},{"date":"2023-01-18T04:01:49.897Z","title":"Firefox 109.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/109.0/releasenotes/","content":"Firefox 109リリース。\n拡張機能がManifest V3に対応、`scrolled`イベントのサポートなど","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 109 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/109"}]},{"date":"2023-01-18T04:11:37.770Z","title":"`*.d.ts` ファイルをコミットする前に知ってほしい4つのこと","url":"https://zenn.dev/qnighy/articles/9a6a0041f2a1aa","content":"TypeScriptの`.d.ts`をソースコードとして含める必要がないケースについて。\nまた、含める場合にtsconfigの`typeRoot`や`types`は使わずに、コードからimportする方法や`includes`を使う方法について","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2023-01-18T04:17:18.116Z","title":"azu/tsconfig-to-dual-package: Node.js dual package tool that add package.json to tsconfig's `outDir`","url":"https://github.com/azu/tsconfig-to-dual-package","content":"TypeScriptでCJSとESMのDual packageを作成するためのツール。\n`tsc`のビルド結果があるディレクトリに対して、CJSとESMに対応した`package.json`を追加することでDual packageを作成する","tags":["TypeScript","library","node.js"],"relatedLinks":[]},{"date":"2023-01-18T23:50:29.937Z","title":"Bun v0.5 | Bun Blog","url":"https://bun.sh/blog/bun-v0.5.0","content":"Bun 0.5.0リリース。\n`workspaces`のインストールをサポート。\nNode.jsとの互換性として`node:dns`、`node:tls`、`node:net`、`node:readline`のサポート。\nモジュール解決時の識別子の優先度を変更など","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2023-01-22T13:11:12.530Z","title":"Next.js製アプリケーションのコンパイルを約100倍高速化した話","url":"https://zenn.dev/mkt/articles/543669021d9a1e","content":"Next.jsのビルド速度の問題を`.next/trace`のトレースデータを見て分析する方法について","tags":["Next.js","article","performance"],"relatedLinks":[{"title":"NextJs compiling extremely slow · Issue #29559 · vercel/next.js","url":"https://github.com/vercel/next.js/issues/29559#issuecomment-938431883"}]},{"date":"2023-01-22T13:15:30.804Z","title":"Why Not document.write()? – CSS Wizardry – Web Performance Optimisation","url":"https://csswizardry.com/2023/01/why-not-document-write/","content":"`document.write()`がなぜ遅いかについて。\n","tags":["JavaScript","article","performance"],"relatedLinks":[]},{"date":"2023-01-22T13:33:15.123Z","title":"Why Is My Jest Test Suite So Slow? | by Steven Lemon | Jan, 2023 | Bits and Pieces","url":"https://blog.bitsrc.io/why-is-my-jest-suite-so-slow-2a4859bb9ac0","content":"Jestのテストのパフォーマンスのボトルネックの調べ方について。\n起動時間、`jsdom`のロード、キャッシュ、テストファイルのロード、実際のテストの実行時間について。\nNode.jsのプロファイラーを使ってどこに問題があるかを調べる方法について","tags":["JavaScript","testing","article","performance"],"relatedLinks":[]},{"date":"2023-01-22T14:27:49.300Z","title":"Fixing a Memory Leak in a Production Node.js App","url":"https://kentcdodds.com/blog/fixing-a-memory-leak-in-a-production-node-js-app","content":"Node.jsのアプリケーションでメモリリークが発生し、実際にどのようにデバッグして問題を見つけていったかという記事。\n動画では`shiki`が使う`vscode-oniguruma`のメモリ解放処理を呼んでいないことが原因だと判断し、Workerで処理するように変更した。\nしかし、実際には`express-http-proxy`がリクエストURLを保持していて、Image CDNのURLが長いためメモリを圧迫していた。","tags":["node.js","JavaScript","debug","article","video"],"relatedLinks":[]},{"date":"2023-01-22T22:16:06.489Z","title":"Brooooooklyn/canvas: High performance skia binding to Node.js. Zero system dependencies and pure npm packages without any postinstall scripts nor node-gyp.","url":"https://github.com/Brooooooklyn/canvas","content":"native addonsを使ったskia backendのCanvas APIの実装ライブラリ。\nアーキテクチャに合わせたoptionalDependenciesでprebuildのSkiaを含めたバイナリがダウンロードされるため、システムに対して事前に依存をインストールを追加する必要がない","tags":["node.js","canvas","library"],"relatedLinks":[]},{"date":"2023-01-22T22:33:33.058Z","title":"Release v2.0.0-alpha.1 · reduxjs/redux-toolkit","url":"https://github.com/reduxjs/redux-toolkit/releases/tag/v2.0.0-alpha.1","content":"Redux Toolkit v2.0.0-alpha.1リリース。\nESM形式とCJS形式のDual Packageへの変更、`thunk`関数を`redux-thunk`パッケージへ移動。\nv2正式版にはImmer 10を含める予定など","tags":["library","redux","ReleaseNote"],"relatedLinks":[{"title":"Immer 10 proposals: Drop promises, default export, array.length patches, ES5 mode, and make getter / setter support opt-in · Issue #1015 · immerjs/immer","url":"https://github.com/immerjs/immer/issues/1015"}]},{"date":"2023-01-22T23:34:39.829Z","title":"Q1 Roadmap · Issue #17475 · denoland/deno","url":"https://github.com/denoland/deno/issues/17475","content":"Denoの2023 Q1のロードマップ。\n`deno.json`に直接import mapを埋め込めるように、`type=module`の`package.json`をサポート、`node:` prefixのサポート。\ndeno.land/x での semver指定のサポート、`deno bundle`をDeprecateにし、`deno pack`の追加など","tags":["deno","issue","proposal"],"relatedLinks":[]},{"date":"2023-01-23T03:03:27.784Z","title":"SSSVG: An Interactive SVG Reference | fffuel","url":"https://fffuel.co/sssvg/","content":"実際に触りながらSVGのタグを見れるリファレンスサイト","tags":["SVG","tutorial"],"relatedLinks":[]},{"date":"2023-01-23T03:20:14.978Z","title":"Optimize Time to First Byte","url":"https://web.dev/optimize-ttfb/","content":"Time to First Byte (TTFB)の改善について。\n`Serving-Timing`ヘッダを使い詳細化、CDNの利用、ページのリダイレクトを避ける、SSR時にStreaming Server Renderingを行う。\nService Workerを使ったキャッシュ戦略、103 Early Hintsについてなど","tags":["performance","browser","article"],"relatedLinks":[]},{"date":"2023-01-23T13:00:13.959Z","title":"amandaghassaei/gpu-io: A GPU-accelerated computing library for physics simulations and other mathematical calculations","url":"https://github.com/amandaghassaei/gpu-io","content":"WebGLを使ったGPU処理を扱うライブラリ","tags":["WebGL","JavaScript","library"],"relatedLinks":[]},{"date":"2023-01-24T09:45:40.145Z","title":"Safari 16.3 Release Notes | Apple Developer Documentation","url":"https://developer.apple.com/documentation/safari-release-notes/safari-16_3-release-notes","content":"Safari 16.3リリース。\n`fetch()`で`Content-Encoding: gzip`のコンテンツをダウンロードしたとき問題を修正、`Cross-Origin-Embedder-Policy`のバグを修正。\nCSPに`prefetch-src`ディレクティブの追加など","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"WebKit Features in Safari 16.3 | WebKit","url":"https://webkit.org/blog/13691/webkit-features-in-safari-16-3/"}]},{"date":"2023-01-24T13:16:49.719Z","title":"Release v29.4.0 · facebook/jest","url":"https://github.com/facebook/jest/releases/tag/v29.4.0","content":"Jest v29.4.0リリース。\n`equal`のアルゴリズムをカスタマイズできる`expect.addEqualityTesters()`の追加、オブジェクトのプロパティをモックする`jest.replaceProperty()`の追加など","tags":["JavaScript","jest","ReleaseNote"],"relatedLinks":[]},{"date":"2023-01-24T13:21:37.775Z","title":"Release v1.11.0 · remix-run/remix","url":"https://github.com/remix-run/remix/releases/tag/remix%401.11.0","content":"Remix 1.11.0リリース。\n`defer`を使ってレスポンス待ちを減らせるように、`@remix-run/css-bundle`でのCSSファイルのロード、CSS Modules、Vanilla Extractのサポート。\nFlat Routesをopt-inで利用できるように","tags":["Remix","ReleaseNote"],"relatedLinks":[{"title":"Flat Routes · Discussion #4482 · remix-run/remix","url":"https://github.com/remix-run/remix/discussions/4482"}]},{"date":"2023-01-25T00:35:53.094Z","title":"Astro 2.0 | Astro","url":"https://astro.build/blog/astro-2/","content":"Astro 2.0リリース。\nContent Collections APIの追加、SSGとSSRを組み合わせられるように、エラー表示の改善、HMRの改善、Vite 4.0へのアップデートなど","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-01-26T10:40:45.256Z","title":"deca-org/deca-ui: DecaUI is production-ready themeable component library built with StitchesJS.","url":"https://github.com/deca-org/deca-ui","content":"ReactのUIコンポーネントフレームワーク","tags":["React","library"],"relatedLinks":[]},{"date":"2023-01-26T12:17:10.283Z","title":"Deno 1.30: Built-in Node modules","url":"https://deno.com/blog/v1.30","content":"Deno v1.30リリース。\n`node:` prefixのサポート、`deno.json`にImport Mapsを定義できるように、`Deno.env.has(name)`の追加。\n`deno fmt`にセミコロンの設定を追加など","tags":["deno","ReleaseNote"],"relatedLinks":[]},{"date":"2023-01-28T12:32:32.927Z","title":"A Cure for React useState Hell?","url":"https://www.builder.io/blog/use-reducer","content":"useStateの代わりにuseReducerを使いStateの処理をまとめるという話","tags":["React","article"],"relatedLinks":[]},{"date":"2023-01-28T12:46:44.855Z","title":"The very first beta release of Eleventy v2.0 — Eleventy","url":"https://www.11ty.dev/blog/eleventy-v2-beta/","content":"Eleventy 2.0 Betaリリース。\n破壊的な変更として、Node.js 14未満のサポート終了、MarkdownでIndent Code Blockをデフォルトで無効化、非推奨のオプションを削除など。\nパッケージサイズの削減、ビルド時間の改善、`--incremental`の追加。\nまた`.webc`のWebComponentをサポートするプラグインの追加など。\n","tags":["JavaScript","template","ReleaseNote"],"relatedLinks":[]},{"date":"2023-01-28T12:48:30.621Z","title":"cyclic-software/s3fs: Drop in replacement for the Node.js fs library backed by AWS S3","url":"https://github.com/cyclic-software/s3fs","content":"AWS S3をバックエンドにした`fs`互換のAPIを持ったライブラリ","tags":["aws","node.js","library"],"relatedLinks":[]},{"date":"2023-01-28T12:49:33.797Z","title":"Release v1.0.0 · mswjs/msw","url":"https://github.com/mswjs/msw/releases/tag/v1.0.0","content":"MSW 1.0リリース","tags":["ServiceWorker","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-01-28T12:50:42.531Z","title":"Performance of WebAssembly runtimes in 2023 | Frank DENIS random thoughts.","url":"https://00f.net/2023/01/04/webassembly-benchmark-2023/","content":"WebAssembly runtimeのベンチマークの比較記事","tags":["WebAssembly","article","benchmark","performance"],"relatedLinks":[]},{"date":"2023-01-28T13:21:04.624Z","title":"Release v0.17.5 · evanw/esbuild","url":"https://github.com/evanw/esbuild/releases/tag/v0.17.5","content":"esbuild v0.17.5リリース。\nTypeScript 5.0 betaの`const`parameterとenumのサポートなど","tags":["JavaScript","bundler","ReleaseNote"],"relatedLinks":[]},{"date":"2023-01-28T13:31:57.777Z","title":"Announcing TypeScript 5.0 Beta - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-5-0-beta/","content":"TypeScript 5.0 Betaリリース。\nECMAScript Stage 3のDecoratorを実装、`const` type perameterの追加、`tsconfig.json`で複数の`extends`に対応、enumとunion型の改善。\n`--moduleResolution bundler`の追加と関連するオプションの追加、`exports`フィールのConditionを指定できる`--customConditions`の追加。\n`import`時に`type`修飾子を削除しそれ以外を残す`--verbatimModuleSyntax`オプションの追加、JSDocで`@satisfies`をサポートなど。\nまた、TypeScriptのコードベースをnamespaceからmoudleに移行し、パフォーマンス/メモリ/パッケージサイズの改善。\n`--target ES3`や`--out`などのオプションを非推奨に変更し、`--forceConsistentCasingInFileNames`をデフォルトでtrueに変更するといった変更も含まれている","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2023-01-28T13:34:48.821Z","title":"jakebailey/hereby: A simple Node.js task runner","url":"https://github.com/jakebailey/hereby","content":"TypeScriptのリポジトリで利用しているタスクランナー。\nESMで書いたタスクの定義ファイルを元にタスクを実行できる。gulpの代わりに利用されている。","tags":["TypeScript","Tools"],"relatedLinks":[]},{"date":"2023-01-29T13:18:59.433Z","title":"Scrollend, a new JavaScript event - Chrome Developers","url":"https://developer.chrome.com/blog/scrollend-a-new-javascript-event/","content":"スクロールが完了したことを通知する`scrollend`イベントについて","tags":["JavaScript","browser","article"],"relatedLinks":[]},{"date":"2023-01-31T04:42:34.926Z","title":"Replace Create React App recommendation with Vite by t3dotgg · Pull Request #5487 · reactjs/reactjs.org","url":"https://github.com/reactjs/reactjs.org/pull/5487#issuecomment-1409720741","content":"Create React App(CRA)がメンテナンスされていないが、今後どうするかというIssue。\nCRAの存在理由とCRAノコマンドを維持して、内部的に他のフレームワークのランチャーとして機能させるProposal。","tags":["React","proposal","issue"],"relatedLinks":[]},{"date":"2023-01-31T04:45:58.838Z","title":"逆引き 型ファースト Zod","url":"https://zenn.dev/terrierscript/books/2023-01-typed-zod","content":"Zodの逆引きリファレンス","tags":["TypeScript","book"],"relatedLinks":[]},{"date":"2023-02-01T10:47:18.557Z","title":"Release v2.0.0 · pmndrs/jotai","url":"https://github.com/pmndrs/jotai/releases/tag/v2.0.0","content":"Jotai 2.0.0リリース。\n`createStore` APIをexpose。\n破壊的な変更として、`get()`が自動でPromiseをresolveしないように、`initialValues`を`store`で渡すように変更など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-02-02T13:20:17.544Z","title":"Learn Images","url":"https://web.dev/learn/images/","content":"`<img>`タグなどの画像についてのチュートリアル。\nレスポンシブ画像、画像とCLSなどのパフォーマンスメトリクス、画像フォーマットごとの特徴、画像と配信について","tags":["tutorial","Image","article"],"relatedLinks":[]},{"date":"2023-02-02T14:11:56.726Z","title":"web-platform-tests dashboard","url":"https://wpt.fyi/interop-2023","content":"ブラウザ互換性に関して重点的に取り組む分野を決めたInterop 2023が開始された。\nCSSではContainer Queries、CSS Grid、`:has()`など。\nJSでは、Module、Offscreen Canvas、Pointer Eventsなど。\nそのほかにはURLやWebCodecsなどが重点分野として選ばれている。","tags":["browser","testing","web "],"relatedLinks":[{"title":"Interop 2023: continuing to improve the web for developers","url":"https://web.dev/interop-2023/"},{"title":"Announcing Interop 2023 - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2023/02/announcing-interop-2023/"},{"title":"Pushing Interop Forward in 2023 | WebKit","url":"https://webkit.org/blog/13706/interop-2023/"},{"title":"Microsoft Edge and Interop 2023 - Microsoft Edge Blog","url":"https://blogs.windows.com/msedgedev/2023/02/01/microsoft-edge-and-interop-2023/"},{"title":"Igalia and Interop 2023 | Igalia","url":"https://www.igalia.com/news/2023/interop2023.html"},{"title":"Interop 2023 - Bocoup","url":"https://bocoup.com/blog/interop-2023"}]},{"date":"2023-02-03T00:27:09.032Z","title":"ECMAScript proposal updates @ 2023-01 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2023/02/03/ecmascript-proposal-update","content":"2023年1月のTC39ミーティングでのProposalのステータス変更のまとめ。\nArrayにImmutableメソッドを追加するProposalがStage 4となりES2023に含まれる。\nNode.jsのAsyncStorage APIとよく似ているAsync Contextが提案された。","tags":["ECMAScript","proposal","news"],"relatedLinks":[]},{"date":"2023-02-03T13:16:07.948Z","title":"CodeIntelligenceTesting/jazzer.js: Coverage-guided, in-process fuzzing for the Node.js","url":"https://github.com/CodeIntelligenceTesting/jazzer.js","content":"libFuzzerベースのFuzzingライブラリ","tags":["JavaScript","testing","library"],"relatedLinks":[]},{"date":"2023-02-03T13:22:50.838Z","title":"Node v18.14.0 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v18.14.0/","content":"Node.js v18.14.0リリース。\nnpm 9.3.1を同梱するように変更。\nnpm 8から9は破壊的な変更を含むが、アップデートによるパッケージのテストに失敗がないこと、ロックファイルが自動で変更されないことなどを条件にNode.jsのminor updateで取り込まれる。","tags":["node.js","npm","ReleaseNote"],"relatedLinks":[{"title":"Integrating with node · npm/cli Wiki","url":"https://github.com/npm/cli/wiki/Integrating-with-node"}]},{"date":"2023-02-04T13:46:36.787Z","title":"tanekloc/tmsg: Type-safe i18n library for TypeScript apps. Based on and largely compatible with MessageFormat.","url":"https://github.com/tanekloc/tmsg","content":"messageformatの機能をサポートしたi18nライブラリ。\n型でテンプレートをパースすることで、テンプレートにない値を渡すとコンパイルエラーにできる","tags":["JavaScript","TypeScript","library","i18n"],"relatedLinks":[]},{"date":"2023-02-05T12:15:31.064Z","title":"shadcn/ui - Beautifully designed components built with Radix UI and Tailwind CSS.","url":"https://ui.shadcn.com/","content":"Radix UIとTailwind CSSを使ったReact UIフレームワーク","tags":["React","UI","library"],"relatedLinks":[]},{"date":"2023-02-07T11:19:38.206Z","title":"What's New In DevTools (Chrome 110) - Chrome Developers","url":"https://developer.chrome.com/en/blog/new-in-devtools-110/","content":"Chrome 110の変更点について。\nロード時にPerformanceタブをクリアするように、User Flowの改善、Source表示をデフォルトで整形するように、VueやTSXなどのシンタックスハイライトに対応。\nAuto Completeの改善など","tags":["Chrome","debug","Tools"],"relatedLinks":[]},{"date":"2023-02-07T11:37:43.555Z","title":"deps: replace url parser with Ada by anonrig · Pull Request #46410 · nodejs/node","url":"https://github.com/nodejs/node/pull/46410","content":"Node.jsの`URL`をada-urlというC++で実装したものに切り替える。\n現在のURLの実装と比較してパフォーマンスが改善されている。","tags":["node.js","URL","issue","performance"],"relatedLinks":[{"title":"deps: replace url parser with Ada by anonrig · Pull Request #46410 · nodejs/node","url":"https://github.com/nodejs/node/pull/46410"}]},{"date":"2023-02-07T12:14:19.205Z","title":"ElementInternals and Form-Associated Custom Elements | WebKit","url":"https://www.webkit.org/blog/13711/elementinternals-and-form-associated-custom-elements/","content":"Custom Elementの`ElementInternals`について。\nCustom Elementで`aria-*`属性を固定してしまう問題を`#internals.aria*`での回避、Form Validationを扱える`#internals.setFormValue`など。","tags":["WebComponents","article"],"relatedLinks":[]},{"date":"2023-02-07T14:50:50.441Z","title":"Node v19.6.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v19.6.0/","content":"Node.js v19.6.0リリース。\n`--experimental-loader`で読み込んだLoaderが、後ろで読み込むLoaderに対して適用されるように。\nnpm 9.4.0へアップデートし`--install-strategy=linked`をサポート","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2023-02-07T14:53:10.905Z","title":"Release v9.4.0 · npm/cli","url":"https://github.com/npm/cli/releases/tag/v9.4.0","content":"npm v9.4.0リリース。\npnpmライクなインストール戦略である`--install-strategy=linked`をサポート。\nIsolated modeと言われていたRFCの実装。","tags":["npm","ReleaseNote"],"relatedLinks":[{"title":"rfcs/0042-isolated-mode.md at main · npm/rfcs · GitHub","url":"https://github.com/npm/rfcs/blob/main/accepted/0042-isolated-mode.md"}]},{"date":"2023-02-07T15:04:37.049Z","title":"On building the enterprise-grade Node.js applications | Code Flashbacks","url":"https://www.codeflashbacks.com/announcing-the-enterprise-node-js-service-template/","content":"Node.jsでのエンタープライズアプリケーションを作る際のテンプレートプロジェクトについて。\nFastify、DDD、E2Eテスト、グローバルのエラー処理、分散トレース向けの`x-request-id`の設定、テスト、Type Safeな設定管理、Prismaを使ったDB管理などを含む","tags":["node.js","article"],"relatedLinks":[{"title":"lokalise/node-service-template: Batteries-included starter template for Node.js backend services","url":"https://github.com/lokalise/node-service-template"}]},{"date":"2023-02-08T22:12:48.795Z","title":"Release Notes for Safari Technology Preview 163 | WebKit","url":"https://webkit.org/blog/13839/release-notes-for-safari-technology-preview-163/","content":"Safari Technology Preview 163リリース。\nCSS GridのMasonry layoutをデフォルトで有効化、`StorageManager.estimate()`のサポート、Web Crypto APIがEd25519をサポート。\n非標準な`HTMLHeadElement.profile`や`HTMLFrameElement.location`などを削除","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2023-02-09T14:07:46.600Z","title":"Release v3.2.0 · nuxt/nuxt","url":"https://github.com/nuxt/nuxt/releases/tag/v3.2.0","content":"Nuxt.js v3.2.0リリース。\nNuxt DevToolsの追加、`useFetch`でのリクエストに自動的にCookieが付くように。\nサーバのコードからclient-only componentを取り除く`treeshakeClientOnly`がデフォルトで`true`へと変更など。","tags":["Vue","ReleaseNote","library"],"relatedLinks":[]},{"date":"2023-02-09T14:57:19.619Z","title":"Bringing Javascript to WebAssembly for Shopify Functions (2023)","url":"https://shopify.engineering/javascript-in-webassembly-for-shopify-functions","content":"JavaScriptをWasmにして実行する仕組みについて。\nQuickJSを使いJavaScriptをByteCodeにした`script.wasm`を作成し、`QuickJS.wasm`と動的にリンクして大部分を共有している。\n\nShopify Functionで利用されるが、非同期処理の制限や5ms未満での実行制限がある。現在はRustで作成したWasmより3枚ていど遅いが、今後はSpiderMonkeyの利用やJITについてやっていく。","tags":["WebAssembly","JavaScript","article"],"relatedLinks":[{"title":"Shopify/javy: JS to WebAssembly toolchain","url":"https://github.com/Shopify/javy"}]},{"date":"2023-02-12T13:29:13.605Z","title":"What's new in Lighthouse 10 - Chrome Developers","url":"https://developer.chrome.com/blog/lighthouse-10-0/","content":"Lighthouse 10リリース。\nスコアからTTIが削除され、CLSにスコアが移行する。\nAuditとしてBFCacheの検証、ペースト禁止の検証の追加。\nLighthouseの結果であるJSONの構造の変更など","tags":["browser","performance","Tools","ReleaseNote"],"relatedLinks":[{"title":"Release v10.0.0 · GoogleChrome/lighthouse","url":"https://github.com/GoogleChrome/lighthouse/releases/tag/v10.0.0"}]},{"date":"2023-02-12T15:02:13.135Z","title":"Electron 23.0.0 | Electron","url":"https://www.electronjs.org/blog/electron-23-0","content":"Electron 23.0.0リリース。\nChromium 110、Node.js 18.12.1、V8 11.0へのアップデート。\nWindows 7/8/8.1のサポートを終了、`scroll-touch-*`イベントの削除。\n機能追加としてWebUSB APIのサポートなど","tags":["Electron","ReleaseNote"],"relatedLinks":[]},{"date":"2023-02-13T07:16:21.848Z","title":"upgradejs/depngn: A CLI tool to find out if your dependencies support a given version of node.","url":"https://github.com/upgradejs/depngn","content":"インストールされている依存関係の`engines`フィールドを見て、指定したNode.jsバージョンが条件を満たすかを一覧できるツール","tags":["node.js","Tools"],"relatedLinks":[]},{"date":"2023-02-13T07:33:29.968Z","title":"Release v1 Because I finally got around to it · jquense/yup","url":"https://github.com/jquense/yup/releases/tag/v1.0.0","content":"スキーマを組み上げてバリデーションできるyup 1.0.0リリース。\n`tuple`の追加、bundleしたファイルを配布するように、`when` APIの変更、emailバリデーションをWHATWGの定義と同じものへ変更。\n`cast`に`ignore-optionality`オプションを追加、型処理のパフォーマンス改善と`Objectschema`クラスの追加など","tags":["TypeScript","library","ReleaseNote"],"relatedLinks":[{"title":"How do I migrate to v1 · Issue #1906 · jquense/yup","url":"https://github.com/jquense/yup/issues/1906"}]},{"date":"2023-02-14T01:37:29.716Z","title":"Release DOMPurify 3.0.0 · cure53/DOMPurify","url":"https://github.com/cure53/DOMPurify/releases/tag/3.0.0","content":"DOMpurify 3.0.0リリース。\nIEのサポートを終了、`ALLOW_SELF_CLOSE_IN_ATTRP`オプションの追加など","tags":["DOM","security","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-02-14T04:36:39.391Z","title":"Release 3.28.0 - 2023.02.14 · zloirock/core-js","url":"https://github.com/zloirock/core-js/releases/tag/v3.28.0","content":"core-js v3.28.0リリース。\nStage4となったChange Array by copy proposalをStableに移動。\nStage3の`JSON.parse` source text access、`ArrayBuffer.prototype.transfer`、Explicit Resource Managementを追加。\nStage 2のSymbol Predicatesを実装、Stage 1の`Number.range`を`Iterator.range`に変更など","tags":["JavaScript","polyfill","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-02-15T03:33:47.997Z","title":"WebContainers - Dev environments. In your web app. | WebContainers","url":"https://webcontainers.io/","content":"Node.jsをWebブラウザ上で動作させて、Playgroundなどに利用できるWebContainersのAPIとパッケージが公開された","tags":["node.js","JavaScript","library","webservice"],"relatedLinks":[]},{"date":"2023-02-15T03:53:21.007Z","title":"Speculation Rules API によるプリレンダリングのためのメトリクス設計","url":"https://nhiroki.jp/2023/02/13/metrics-for-prerendering","content":"Speculation Rules APIのPreRenderingについて。\nPrerenderした場合の`navigationStart`は事前実行のタイミングとなるため、`activationStart`というメトリクスが追加された点。\nまた、Predenderが実際に利用されているかの判定方法について","tags":["Chrome","performance","article"],"relatedLinks":[]},{"date":"2023-02-15T03:57:37.242Z","title":"Improved type safety in Storybook 7","url":"https://storybook.js.org/blog/improved-type-safety-in-storybook-7/","content":"Storybook 7でのTypeScriptの型について。\n`StroyObj`タイプや`satisfies`演算子を使ってexportするコンポーネントの定義に型を付ける話","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2023-02-15T04:00:30.244Z","title":"Introducing historical web performance data via the CrUX History API - Chrome Developers","url":"https://developer.chrome.com/en/blog/chrome-ux-report-history-api/","content":"CrUX History APIで1週間間隔のデータを6ヶ月間分の履歴が確認できるようになった。\nWebVitalsのデータを各ページレベルでも取得できるようになっている","tags":["Chrome","browser","performance"],"relatedLinks":[]},{"date":"2023-02-15T04:10:52.578Z","title":"Understanding App Directory Architecture In Next.js — Smashing Magazine","url":"https://www.smashingmagazine.com/2023/02/understanding-app-directory-architecture-next-js/","content":"Next.jsの`app`ディレクトリについての記事","tags":["Next.js","article"],"relatedLinks":[]},{"date":"2023-02-15T04:14:07.024Z","title":"Nextra 2 – Next.js Static Site Generator – The Guild","url":"https://the-guild.dev/blog/nextra-2","content":"Next.jsベースの静的サイトジェネレータであるNextra 2リリース。\nMDX2のサポート、Markdownのインポート、Next 13に対応、リモートのMarkdownファイルを読み込んでレンダリングできるように、FlexSearchを使った全文検索のサポートなど","tags":["Next.js","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-02-15T04:14:40.218Z","title":"A Historical Reference of React Criticism—zachleat.com","url":"https://www.zachleat.com/web/react-criticism/","content":"Reactに対する批判の歴史についての記事","tags":["React","article","history"],"relatedLinks":[]},{"date":"2023-02-15T04:17:44.124Z","title":"Design Patterns in TypeScript","url":"https://refactoring.guru/design-patterns/typescript","content":"TypeScriptでのデザインパターンについてまとめたサイト","tags":["TypeScript","document","book"],"relatedLinks":[]},{"date":"2023-02-15T04:20:03.751Z","title":"slashd-analytics/run: Run user-provided code in a Web Worker","url":"https://github.com/slashd-analytics/run","content":"Web Workerを一種のSandboxとして使い、任意のJSコードを実行するライブラリ","tags":["JavaScript","webworker","library"],"relatedLinks":[]},{"date":"2023-02-15T04:32:17.970Z","title":"core-js/2023-02-14-so-whats-next.md at master · zloirock/core-js · GitHub","url":"https://github.com/zloirock/core-js/blob/master/docs/2023-02-14-so-whats-next.md","content":"core-jsの歴史、財政的な問題、ロードマップについて。\nまた、多くのウェブサイトが複数のバージョンの`core-js`を同じページに読み込んでいるパッケージの依存関係の問題について","tags":["JavaScript","polyfill","article","OpenSource","opinion"],"relatedLinks":[]},{"date":"2023-02-15T12:10:12.110Z","title":"React.js: The Documentary - YouTube","url":"https://www.youtube.com/watch?v=8pDqJVdNa44","content":"Reactのドキュメンタリー。\nFacebook社内でのReactの誕生、社内でのBolt.jsとの選択、オープンソースとしての公開と最初の失敗、設計原則の周知、外部からのContributorと採用、Reactチームについて","tags":["React","video"],"relatedLinks":[]},{"date":"2023-02-15T14:49:13.128Z","title":"Firefox 110.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/110.0/releasenotes/","content":"Firefox 110リリース。\nContainer Queriesのサポート、Errorの`stack`プロパティがシリアライズされた際に含まれるように変更。\nReadableStreamがAsync Iterableとして利用できるようになるなど","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 110 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/110"}]},{"date":"2023-02-16T23:27:58.617Z","title":"codesandbox/nodebox-runtime: The open source version of the nodebox repository, a Node.js runtime for the browser","url":"https://github.com/codesandbox/nodebox-runtime","content":"Node.jsのコードをブラウザ上で動かすためのNode.js互換のランタイムを実装したライブラリ。","tags":["node.js","browser","JavaScript","library"],"relatedLinks":[{"title":"Announcing Sandpack 2.0 and a Node.js runtime for any browser","url":"https://codesandbox.io/blog/announcing-sandpack-2"}]},{"date":"2023-02-16T23:36:25.239Z","title":"Announcing Sandpack 2.0 and a Node.js runtime for any browser","url":"https://codesandbox.io/blog/announcing-sandpack-2","content":"Sandpack 2.0リリース。\nブラウザ上でNode.jsのコードを実行するNodeboxの追加。\nWebContainersとの違いとして、Nodeboxはサンプルコードの実行を意図しているので、完全なNode.jsのエミュレータではない点。一方で`SharedArrayBuffer`を使わないことで色々な環境でも動作するようになっている。","tags":["JavaScript","node.js","browser","ReleaseNote"],"relatedLinks":[]},{"date":"2023-02-17T01:54:40.181Z","title":"Release v0.200.0 · facebook/flow","url":"https://github.com/facebook/flow/releases/tag/v0.200.0","content":"Flow v0.200.0リリース。\ngenerics-escapeの問題の改善、型チェックの厳密化、数値と日付の比較を許可しないように変更など。\n`flow autofix`に`missing-local-annot`を追加など","tags":["flowtype","ReleaseNote"],"relatedLinks":[]},{"date":"2023-02-19T10:22:01.087Z","title":"Release v9.5.0 · npm/cli","url":"https://github.com/npm/cli/releases/tag/v9.5.0","content":"npm v9.5.0リリース。\n`npm publish --provenance`のサポート。現時点ではGitHub Actionsのみの限定的なサポートで、OICDを使ったCIからのpublishをサポートするための仕組み。","tags":["npm","ReleaseNote"],"relatedLinks":[{"title":"Automated publishing of npm packages from CI/CD · Issue #625 · npm/statusboard","url":"https://github.com/npm/statusboard/issues/625"},{"title":"RFC for linking packages to their source and build by feelepxyz · Pull Request #626 · npm/rfcs","url":"https://github.com/npm/rfcs/pull/626"}]},{"date":"2023-02-19T10:52:00.767Z","title":"Thursday February 16 2023 Security Releases | Node.js","url":"https://nodejs.org/en/blog/vulnerability/february-2023-security-releases/","content":"Node.jsのセキュリティアップデート。\nNode.js v18.14.1 (LTS)/v19.6.1 (Current)/v16.19.1 (LTS)/v14.21.3 (LTS)がそれぞれリリースされている。","tags":["node.js","security","news"],"relatedLinks":[]},{"date":"2023-02-19T11:56:29.357Z","title":"Release v3.0.0 · honojs/hono","url":"https://github.com/honojs/hono/releases/tag/v3.0.0","content":"Hono 3.0.0リリース。\n`req`を`Request`オブジェクトを拡張した`HonoRequest`オブジェクトに変更、StaticRouterの廃止、Validatorの変更。\nzodと組み合わせてrouterからレスポンスの型定義を作成できる`jsonT`とそれを利用するクライアントの`hono/client`の追加。\nwintercgのRuntime Keysの名前を返す`runtime()`の追加など","tags":["JavaScript","server","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-02-19T13:01:42.345Z","title":"State of React Native 2022","url":"https://results.stateofreactnative.com/","content":"React Nativeについての開発者アンケートであるState of React Native 2022の結果が公開された。","tags":["React","Native","Survey"],"relatedLinks":[]},{"date":"2023-02-19T13:13:27.589Z","title":"My talk on CSS runtime performance | Read the Tea Leaves","url":"https://nolanlawson.com/2023/01/17/my-talk-on-css-runtime-performance/","content":"CSSのRuntime Performanceについての動画。\nCSS Selectorの動作とコスト、レイアウトのパフォーマンスとCSS Containment、デバッグ方法について","tags":["CSS","performance","article","video"],"relatedLinks":[]},{"date":"2023-02-19T13:18:28.823Z","title":"How to Inspect Interactions in the Browser","url":"https://www.builder.io/blog/inspect-interactions-in-the-browser","content":"Chrome DevToolsのEmulate a focused pageを使ってHoverやFocus中に出る要素をInspectする方法について","tags":["Chrome","debug","article"],"relatedLinks":[]},{"date":"2023-02-19T13:26:40.919Z","title":"Release v5.0.0-alpha.0 · chaijs/chai","url":"https://github.com/chaijs/chai/releases/tag/v5.0.0-alpha.0","content":"chai v5.0.0-alpha.0リリース。\nPure ESMのパッケージに変更。\nNode.js 16未満のサポート終了、IEのサポート終了など","tags":["JavaScript","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-02-19T14:17:43.450Z","title":"Safari 16.4 Beta Release Notes | Apple Developer Documentation","url":"https://developer.apple.com/documentation/safari-release-notes/safari-16_4-release-notes","content":"Safari 16.4 Betaリリース。\nCSS Typed Object Model APIのサポート、Constructable Stylesheetsのサポート。\nDeclarative Shadow DOM、EmentInternals、Imperative Slot APIのサポート。\nRegExp lookbehind assertions、`import.meta.resolve`、`Atomics.waitAsync`、Import Mapsのサポートなど。\niframeの`loading=lazy`、`Clear-Site-Data` HTTPヘッダーのサポート。\nAudioSession Web APIのサブセットをサポート、Web Codecs APIの一部をサポート。\nWebAssembly SIMD、OffscreenCanvas(2Dのみ)、Compression Streams APIのサポート。\nFetch Metadata Request Headers、Scroll to Text Fragmentのサポート。\nScreen Orientation API、Screen Wake Lock API、UserActivation APIのサポート。\nホーム画面に追加されたWebアプリ限定でプッシュ通知、Badge APIをサポート。\nWeb Inspectorの改善、WebDriverでのShadow Rootsのサポート、CookieのSameSite属性をサポート。\nLockdownモードでキャッシュ系のAPIを無効化など\n","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"Web Push for Web Apps on iOS and iPadOS | WebKit","url":"https://webkit.org/blog/13878/web-push-for-web-apps-on-ios-and-ipados/"}]},{"date":"2023-02-20T03:36:03.780Z","title":"Popover API - JavaScript不要、HTMLのみでポップオーバーUI","url":"https://zenn.dev/yusukehirao/articles/popover-api-and-attributes","content":"HTMLの`popover`属性について。\n","tags":["HTML","accessibility","article"],"relatedLinks":[]},{"date":"2023-02-20T03:41:20.467Z","title":"Try out CSS Nesting today | WebKit","url":"https://webkit.org/blog/13813/try-css-nesting-today-in-safari-technology-preview/","content":"CSS NestingがSafari Technology Previewで利用できるようになったため、使い方についての紹介記事","tags":["CSS","article"],"relatedLinks":[]},{"date":"2023-02-21T15:04:55.560Z","title":"Release v8.0.0-alpha.0 · pnpm/pnpm","url":"https://github.com/pnpm/pnpm/releases/tag/v8.0.0-alpha.0","content":"pnpm v8.0.0-alpha.0リリース。\npeerDependenciesを自動インストールする`auto-install-peers`を`true`へ変更、`publishConfig.linkDirectory`を`true`に変更。\n`resolution-mode`のデフォルト値を`lowest-direct`に変更、lockfileをv6に変更など","tags":["pnpm","ReleaseNote"],"relatedLinks":[]},{"date":"2023-02-21T23:56:51.712Z","title":"Webアプリケーションアクセシビリティ──今日から始める現場からの改善：書籍案内｜技術評論社","url":"https://gihyo.jp/book/2023/978-4-297-13366-5","content":"2023年2月27日発売\nウェブアプリケーションに置けるアクセシビリティについての書籍","tags":["accessibility","book"],"relatedLinks":[]},{"date":"2023-02-23T10:29:04.967Z","title":"Learn Privacy","url":"https://web.dev/learn/privacy/","content":"ウェブサイトとPrivacyについてのチュートリアル。\n必要なデータだけを使う、サーバからのデータの削除とクライアントのデータをClear-Site-Dataでの削除、third-party scriptとcookie、Fingerprintingなど","tags":["privacy","tutorial"],"relatedLinks":[]},{"date":"2023-02-23T10:59:17.249Z","title":"What’s New With Lerna 6.5?. In case you missed it, Lerna version… | by Zack DeRose | Feb, 2023 | Nx Devtools","url":"https://blog.nrwl.io/whats-new-with-lerna-6-5-4a4f69371504","content":"Learna 6.5リリース。\n`lerna publish from-git`が冪等性を持つように、`lerna run <command>,<command>`で複数のスクリプトを実行できるように。\n`private: true`のパッケージも公開できる`leana publish --include-private`の追加など","tags":["JavaScript","monorepo","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2023-02-23T11:13:36.754Z","title":"natemoo-re/clack: Effortlessly build beautiful command-line apps","url":"https://github.com/natemoo-re/clack","content":"コマンドラインの対話的なプロンプトUIを作成するNode.jsライブラリ","tags":["node.js","JavaScript","library"],"relatedLinks":[]},{"date":"2023-02-23T11:56:00.418Z","title":"Node v19.7.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v19.7.0/","content":"Node.js v19.7.0リリース。\nnpm 9.5.0へアップデート、`util.aborted()`の追加、`--test-coverage`のサポート、Single Executableバイナリをサポートする初期実装を追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2023-02-24T13:01:19.096Z","title":"Blog - Next.js 13.2 | Next.js","url":"https://nextjs.org/blog/next-13-2","content":"Next.js 13.2リリース。\nNext SEOをインスパイアしたMetadata APIをサポート、Route Handlers APIのサポート、MDXをServer Side Componentで利用できるように。\nRustで書き直されたMDXパーサを利用できるように、`<Link>`の`href`が型安全に、エラーオーバレイの改善、Turbopackの改善。\nTurbopackが一部のwebpack loaderのサポート、Vercel Cache APIを利用したNext.js Cacheのサポートなど","tags":["Next.js","ReleaseNote"],"relatedLinks":[]},{"date":"2023-02-24T13:14:31.289Z","title":"Bun v0.5.7 | Bun Blog","url":"https://bun.sh/blog/bun-v0.5.7","content":"Bun 0.5.7リリース。\n`FormData`のサポート、GitとGitHubの依存をサポート、デフォルトで`setTimeout`がNode.jsと同じTimeoutオブジェクトを返すように変更。\n`fetch` APIが`AbortSignal`をサポート、`bun wiptest`コマンドを`bun test`にリネームなど","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2023-02-24T13:17:56.871Z","title":"Chrome’s Headless mode gets an upgrade: introducing `--headless=new` - Chrome Developers","url":"https://developer.chrome.com/articles/new-headless/","content":"Chromeの新しいHeadlessモードについて。\n`chrome --headless=new`で実行でき、Puppeteerなどからもopt-inで利用できる。\n今まではヘッドレス用の実装が分かれていたためメンテナンスの問題があったが、新しい実装ではヘッドレスありなしが統合される形となった。","tags":["Chrome","article","puppeteer"],"relatedLinks":[]},{"date":"2023-02-24T13:28:40.026Z","title":"Typescript Runtime Validators and DX, a type-checking performance analysis of zod/superstruct/yup/typebox - DEV Community","url":"https://dev.to/nicklucas/typescript-runtime-validators-and-dx-a-type-checking-performance-analysis-of-zodsuperstructyuptypebox-5416","content":"TypeScriptのスキーマバリデーションライブラリであるZod/Yup/Superstruct/Typebox/Light Typeのコンパイル時間のベンチマーク比較。","tags":["TypeScript","article","library"],"relatedLinks":[]},{"date":"2023-02-24T13:30:34.902Z","title":"🪄 | ts-rest","url":"https://ts-rest.com/","content":"Zodを使ったスキーマ共有型のRPCフレームワーク。","tags":["TypeScript","library"],"relatedLinks":[]},{"date":"2023-02-24T14:47:15.375Z","title":"Deno 1.31: package.json support","url":"https://deno.com/blog/v1.31","content":"Deno v1.31リリース。\n`package.json`をサポートし`scripts`や`dependencies`を扱えるように、Node-APIのサポートをStableに変更。\nDenoのランタイムにNode.jsの互換レイヤーを同梱するように変更。\n`deno bundle`コマンドを非推奨化、`deno fmt`のフラグから`--options-` prefixなしのオプション名を指定できるようになるなど","tags":["deno","ReleaseNote"],"relatedLinks":[]},{"date":"2023-02-25T07:29:04.502Z","title":"JavaScript Import maps, Part 1: Introduction | SpiderMonkey JavaScript/WebAssembly Engine","url":"https://spidermonkey.dev/blog/2023/02/23/javascript-import-maps-part-1-introduction.html","content":"Import Mapsについての記事。\nECMAScriptではModule Specifierで指定した文字列をどう解決するかがランタイムに任されている点。\nNode.jsとBrowserのModules解決の違い、Import Mapsでのランタイムの違いの吸収について","tags":["JavaScript","module","ECMAScript","article"],"relatedLinks":[]},{"date":"2023-02-27T15:39:49.897Z","title":"Changelog | Cypress Documentation","url":"https://docs.cypress.io/guides/references/changelog#12.7.0","content":"Cypress 12.7.0リリース。\n`cy.setCookie`で`HostOnly`のCookieを設定できるように、Cypress Component Testingsと連携するためのAPIを公開など","tags":["JavaScript","testing","browser","library","ReleaseNote"],"relatedLinks":[{"title":"Integrating with Cypress Component Testing | Cypress Documentation","url":"https://docs.cypress.io/guides/component-testing/third-party-definitions"}]},{"date":"2023-02-27T15:43:30.440Z","title":"Release v0.29.0 · vitest-dev/vitest","url":"https://github.com/vitest-dev/vitest/releases/tag/v0.29.0","content":"vitest v0.29.0リリース。\n試験的に依存関係をbundleして読み込むことでパフォーマンスを改善する`deps.experimentalOptimizer`オプションを追加。\nまた、`--no-threads`オプション使っている場合は、`--single-thread`や`deps.experimentalOptimizer`を代わりに使うことを推奨している。","tags":["vite","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2023-02-28T10:42:51.076Z","title":"Release 7.2.0 · google/zx","url":"https://github.com/google/zx/releases/tag/7.2.0","content":"zx 7.2.0リリース。\n`retry()`と`spinner()`ヘルパーの追加など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-03-01T12:23:51.373Z","title":"You Don't Need Rails to Start Using Hotwire","url":"https://www.akshaykhot.com/using-hotwire-without-rails/","content":"Railsを使わなくてもHotwireは使えるという話。\nHotwireの基本的な使い方について。","tags":["JavaScript","rails","library","article"],"relatedLinks":[]},{"date":"2023-03-01T21:59:59.806Z","title":"Buf | Connect for Node.js is now available","url":"https://buf.build/blog/connect-node-beta","content":"gRPC/Protocol Buffersを扱うConnect for Node.jsがリリースされた。","tags":["node.js","ProtocolBuffers","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-03-01T23:05:46.847Z","title":"moon v0.25 - Deno tier 2 support, CI insights, custom project languages, and more | moonrepo","url":"https://moonrepo.dev/blog/v0.25","content":"moon v0.25リリース。\nDenoのサポート、オフラインモードのサポート、プロジェクトレベルでTypeScriptの設定を上書きできるように、GitHub Actionsの追加など","tags":["monorepo","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2023-03-03T14:41:49.144Z","title":"Announcing TypeScript 5.0 RC - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-5-0-rc/","content":"TypeScript 5.0 RCリリース。\nECMAScript Stage 3のDecoratorを実装、`const` type perameterの追加、`tsconfig.json`で複数の`extends`に対応、enumとunion型の改善。\n`--moduleResolution bundler`の追加と関連するオプションの追加、`exports`フィールのConditionを指定できる`--customConditions`の追加。\n`import`時に`type`修飾子を削除しそれ以外を残す`--verbatimModuleSyntax`オプションの追加、JSDocで`@satisfies`をサポートなど。\nまた、TypeScriptのコードベースをnamespaceからmoudleに移行し、パフォーマンス/メモリ/パッケージサイズの改善。\n`--target ES3`や`--out`などのオプションを非推奨に変更し、`--forceConsistentCasingInFileNames`をデフォルトでtrueに変更するといった変更も含まれている","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2023-03-03T14:48:52.471Z","title":"Sentry’s Frontend Tests: Migrating from Enzyme to React Testing Library | Product Blog • Sentry","url":"https://blog.sentry.io/2023/02/23/sentrys-frontend-tests-migrating-from-enzyme-to-react-testing-library/","content":"ReactのテストライブラリであるEnzymeはReact 18をサポートする予定がないため、React Testing Libraryへの移行をした記事。\nReact Testing Libraryへの移行時に見つけた問題やどのようにマイグレーションしていったかについて","tags":["React","JavaScript","testing","article"],"relatedLinks":[]},{"date":"2023-03-03T15:25:15.627Z","title":"クライアントの Cookie などのデータを削除する Clear Site Data という仕様について | blog.bokken.io","url":"https://blog.bokken.io/articles/2023-02-28/about-clear-site-data.html","content":"`Clear-Site-Data` HTTPレスポンスヘッダについて","tags":["browser","article"],"relatedLinks":[]},{"date":"2023-03-05T13:46:24.949Z","title":"Node.js Toolbox","url":"https://nodejstoolbox.com/","content":"Node.jsライブラリをカテゴリ別にして比較表示できるサイト","tags":["node.js","library","search"],"relatedLinks":[]},{"date":"2023-03-05T23:21:43.247Z","title":"Sandworm: Keep Your JavaScript Code Secure and Compliant","url":"https://sandworm.dev/","content":"npmパッケージのAudit、ライセンス情報、依存関係ツリーの表示などを行うサービス","tags":["npm","webservice"],"relatedLinks":[]},{"date":"2023-03-06T12:24:50.915Z","title":"kaleidawave/ezno: A JavaScript compiler and TypeScript checker written in Rust with a focus on static analysis and runtime performance","url":"https://github.com/kaleidawave/ezno","content":"Rustで書かれたTypeScriptコンパイラ、型チェッカー。\t","tags":["TypeScript","Rust"],"relatedLinks":[]},{"date":"2023-03-06T23:30:01.818Z","title":"Experiments with the JavaScript Garbage Collector - DEV Community","url":"https://dev.to/codux/experiments-with-the-javascript-garbage-collector-2ae3","content":"WeakRefsの一部である`FinalizationRegistry`で登録したオブジェクトはいつGCによって回収されるのかについて。","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2023-03-06T23:37:44.376Z","title":"Release v111 · ije/esm.sh","url":"https://github.com/ije/esm.sh/releases/tag/v111","content":"esm.sh v111リリース。\n`deprecated`メッセージに対応、バージョン指定せずにリクエストした場合のTTLを10分に変更など\n","tags":["JavaScript","cdn","module"],"relatedLinks":[]},{"date":"2023-03-07T12:48:24.915Z","title":"Release v29.5.0 · facebook/jest","url":"https://github.com/facebook/jest/releases/tag/v29.5.0","content":"Jest v29.5.0リリース。\n`randomize`オプションでテストをランダムな順番で実行できるように、`workerThreads`オプションの追加、エラー出力のフォーマッターがError Causeのサポートなど\n","tags":["JavaScript","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2023-03-07T14:41:46.338Z","title":"Release v2.1.0 · vercel/swr","url":"https://github.com/vercel/swr/releases/tag/v2.1.0","content":"SWR v2.1.0リリース。\nリアルタイムデータソースをSubscribeできる`useSWRSubscription`の追加、`useSWRInfinite`に`parallel`オプションを追加など","tags":["JavaScript","React","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-03-08T12:00:59.957Z","title":"testing-library でユーザの気持ちになって書くフロントエンドのテスト","url":"https://zenn.dev/tnyo43/articles/39e4caa321d0aa","content":"testing-libraryを使ってテストコードとユーザーの操作を合わせる形で要素を選択して実装する方法について","tags":["JavaScript","testing","DOM","accessibility","article"],"relatedLinks":[]},{"date":"2023-03-08T12:04:49.295Z","title":"Node v18.15.0 (LTS) | Node.js","url":"https://nodejs.org/ja/blog/release/v18.15.0/","content":"Node.js v18.15.0リリース。\n`--test-coverge`の追加、`fs.statfs`の追加、プロセスで使用可能なメモリの量を取得する`process.constrainedMemory()`の追加、`buffer.isAscii`の追加","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2023-03-08T12:29:39.436Z","title":"New in Chrome 111 - Chrome Developers","url":"https://developer.chrome.com/blog/new-in-chrome-111/","content":"Chrome 111リリース。\nCSS Color Level 4のサポート、`:nth-child()`が擬似クラスセレクターのサポート、Style Container Queriesのサポート。\nStreaming declarative shadow DOM、View Transitions APIのサポート。\nOrigin TrialとしてDocument Picture-in-Pictureのサポート。\nWeb Payment APIに関する非推奨なAPIの削除など","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"What's New in DevTools (Chrome 111) - Chrome Developers","url":"https://developer.chrome.com/blog/new-in-devtools-111/"}]},{"date":"2023-03-09T13:36:54.005Z","title":"Release v5.76.0 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v5.76.0","content":"webpack v5.76.0リリース。\nパフォーマンスの改善など。","tags":["webpack","ReleaseNote"],"relatedLinks":[]},{"date":"2023-03-09T13:59:54.710Z","title":"open-draft/event-contract: Type-safe, implementation-agnostic event contract framework.","url":"https://github.com/open-draft/event-contract","content":"Type-Safeでイベントを実装するフレームワーク。\n`EventTarget`を使った`transport`が用意されていて、任意の仕組みでイベントを実装できる。\n`schema`によってzodを使ったRuntimeのType Checkもできるようになっている。","tags":["TypeScript","library"],"relatedLinks":[]},{"date":"2023-03-09T14:07:47.977Z","title":"jQuery 3.6.4 Released: Selector Forgiveness | Official jQuery Blog","url":"https://blog.jquery.com/2023/03/08/jquery-3-6-4-released-selector-forgiveness/","content":"jQuery 3.6.4リリース。\njQuery 3.6.3で入れた`CSS.supports`を使ってSelectorがネイティブなものかを判定する処理を元に戻している。\n`CSS.supports`と`querySelector`はセレクタの扱いに関して異なる部分があるため、元のtry-catchを使う実装に戻した。","tags":["jQuery","ReleaseNote"],"relatedLinks":[{"title":"[selectors] May new pseudos using forgiving parsing be introduced in the future? · Issue #8378 · w3c/csswg-drafts","url":"https://github.com/w3c/csswg-drafts/issues/8378"}]},{"date":"2023-03-10T14:23:44.873Z","title":"proto - A multi-language toolchain manager | moonrepo","url":"https://moonrepo.dev/proto","content":"Node.js,Deno,Bun,Go言語などに対応したバージョン管理ツール。\n","tags":["node.js","deno","Bun","golang","console","Tools"],"relatedLinks":[]},{"date":"2023-03-11T01:16:14.188Z","title":"Rspack","url":"https://www.rspack.dev/","content":"Rustで書かれたwebpack互換のbundler。\nwebpackを使うプロジェクトとの互換性や移行性を考慮していて、オプションやloaderも互換性ある形で実装している。","tags":["webpack","Rust","Tools"],"relatedLinks":[]},{"date":"2023-03-11T01:20:52.989Z","title":"Announcing Rspack - Rspack","url":"https://www.rspack.dev/blog/announcement.html","content":"Rustで書かれたwebpack互換のbundler。\nwebpackを使うプロジェクトとの互換性や移行性を考慮していて、オプションやloaderも互換性ある形で実装している。\n出力するランタイムコードもwebpackの出力との互換性を考慮していて、プラグインもJSで書けるようになっている。\nまた、webpackチームとも連携していて、webpackとの統合も計画している。","tags":["webpack","bundler","ReleaseNote"],"relatedLinks":[{"title":"Migration from webpack - Rspack","url":"https://www.rspack.dev/guide/migrate-from-webpack.html"},{"title":"Loader compat - Rspack","url":"https://www.rspack.dev/guide/loader-compat.html"},{"title":"Plugin compat - Rspack","url":"https://www.rspack.dev/guide/plugin-compat.html"}]},{"date":"2023-03-11T14:03:03.182Z","title":"Everything You Need to Know About the Gap After the List Marker | CSS-Tricks - CSS-Tricks","url":"https://css-tricks.com/everything-you-need-to-know-about-the-gap-after-the-list-marker/","content":"CSSの`::marker`擬似要素について","tags":["CSS","article"],"relatedLinks":[]},{"date":"2023-03-12T13:10:28.872Z","title":"Release v6.9.0 · remix-run/react-router","url":"https://github.com/remix-run/react-router/releases/tag/react-router%406.9.0","content":"React Router 6.9.0リリース。\n`lazy` propsをサポートし、コンポーネントを遅延ロードできるように","tags":["React","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-03-12T13:12:21.584Z","title":"Release v7.0.0-rc.0 · storybookjs/storybook","url":"https://github.com/storybookjs/storybook/releases/tag/v7.0.0-rc.0","content":"Storybook v7.0.0-rc.0リリース。","tags":["JavaScript","UI","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2023-03-13T08:32:01.259Z","title":"A Complete Guide to Pino Logging in Node.js | Better Stack Community","url":"https://betterstack.com/community/guides/logging/how-to-install-setup-and-use-pino-to-log-node-js-applications/","content":"pinoを使ったロギングについての解説記事","tags":["node.js","article"],"relatedLinks":[]},{"date":"2023-03-13T22:49:37.619Z","title":"antonmedv/finder: CSS Selector Generator 🗺","url":"https://github.com/antonmedv/finder","content":"DOM要素からuniqueなCSSセレクターを作成するライブラリ","tags":["JavaScript","CSS","library"],"relatedLinks":[]},{"date":"2023-03-13T22:58:21.246Z","title":"TypeScript's Migration to Modules - TypeScript","url":"https://devblogs.microsoft.com/typescript/typescripts-migration-to-modules/","content":"TypeScriptのコードベースをnamespaceからModuleに変更した話。\n変更によるパフォーマンスの改善、namespaceが使われていた歴史的経緯、マイグレーション方法、互換性についてなど","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2023-03-14T00:25:22.939Z","title":"Node.js Security Progress Report –  Permission Model Merged - OpenJS Foundation","url":"https://openjsf.org/blog/2023/03/13/node-js-security-progress-report-permission-model-merged/?hss_channel=tw-14538601","content":"Node.js Security Working Groupの2月の変更点。\nPermission Model、Node.js データベースの自動更新、メジャーリリース前のコントリビューションの扱いかを明確化など","tags":["node.js","security","article"],"relatedLinks":[]},{"date":"2023-03-14T22:45:46.058Z","title":"Firefox 111.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/111.0/releasenotes/","content":"Firefox 111リリース。\nHTMLの`translate`属性をサポート、CSS color functionsをフラグ付きでサポート。\nFile System Access APIのOrigin private file system (OPFS)をサポートなど","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 111 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/111"}]},{"date":"2023-03-16T03:01:49.278Z","title":"Node v19.8.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v19.8.0","content":"Node.js v19.8.0リリース。\n`Buffer.copyBytesFrom()`の追加、`AsyncLocalStorage.bind()`と`AsyncLocalStorage.snapshot()`の追加。\n`fs.openAsBlob()`の追加、`URLSearchParams`に`size` getterの追加、WASIに`version`を追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2023-03-16T14:08:35.543Z","title":"vite/CHANGELOG.md at main · vitejs/vite","url":"https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#420-2023-03-16","content":"Vite 4.2.0リリース。\nHTMLファイル内で`%ENV_NAME%`での環境変数の置換に対応、Source Mapsの改善、`exports`フィールドのSubpath importsに対応。\nTypeScript 5のサポートとesbuild 0.17へのアップデートなど","tags":["vite","ReleaseNote"],"relatedLinks":[]},{"date":"2023-03-17T15:16:39.565Z","title":"Introducing react.dev – React","url":"https://react.dev/blog/2023/03/16/introducing-react-dev","content":"Reactの新しいドキュメントサイトである react.dev が公開された。\nドメインが react.dev となり、React Hooksがデフォルトとなり、チュートリアルやAPIガイドも書き直されている。","tags":["React","document","news"],"relatedLinks":[]},{"date":"2023-03-18T00:15:22.836Z","title":"Announcing TypeScript 5.0 - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-5-0/","content":"TypeScript 5.0リリース。\nECMAScript Stage 3のDecoratorを実装、`const` type perameterの追加、`tsconfig.json`で複数の`extends`に対応、enumとunion型の改善。\n`--moduleResolution bundler`の追加と関連するオプションの追加、`exports`フィールのConditionを指定できる`--customConditions`の追加。\n`import`時に`type`修飾子を削除しそれ以外を残す`--verbatimModuleSyntax`オプションの追加、JSDocで`@satisfies`をサポートなど。\nまた、TypeScriptのコードベースをnamespaceからmoudleに移行し、パフォーマンス/メモリ/パッケージサイズの改善。\n`--target ES3`や`--out`などのオプションを非推奨に変更し、`--forceConsistentCasingInFileNames`をデフォルトでtrueに変更するといった変更も含まれている","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2023-03-18T11:32:50.563Z","title":"total-typescript/ts-reset: A 'CSS reset' for TypeScript, improving types for common JavaScript API's","url":"https://github.com/total-typescript/ts-reset","content":"TypeScriptのlibsの型定義を上書きする型定義ライブラリ。\n`JSON.parse`が`any`ではなく`unknown`を返すように変更したり、`.includes()`や`.has()`の型を厳密にするなどしている","tags":["TypeScript","library"],"relatedLinks":[]},{"date":"2023-03-19T14:02:08.645Z","title":"lagonapp/lagon: Deploy Serverless Functions at the Edge. Current status: Dev","url":"https://github.com/lagonapp/lagon","content":"V8とRustで書かれているJavaScriptランタイム。\n","tags":["V8","Rust","JavaScript","OpenSource"],"relatedLinks":[]},{"date":"2023-03-19T23:00:39.753Z","title":"Introducing \"safe npm\", a Socket npm Wrapper - Socket","url":"https://socket.dev/blog/introducing-safe-npm","content":"`npm`と`npx`にaliasして利用できるコマンド。\nインストール時にパッケージがマルウェアかインストール時にスクリプト実行するかなどをチェックしてからインストールできる","tags":["npm","article","security"],"relatedLinks":[{"title":"socket npm &amp; socket npx","url":"https://docs.socket.dev/docs/socket-npm-socket-npx"}]},{"date":"2023-03-21T13:34:26.919Z","title":"gajus/turbowatch: Extremely fast file change detector and task orchestrator for Node.js.","url":"https://github.com/gajus/turbowatch","content":"ファイルの変更を監視して、プロセスを再起動するライブラリ、ツール。","tags":["node.js","library"],"relatedLinks":[]},{"date":"2023-03-21T13:43:41.565Z","title":"Transformers.js","url":"https://xenova.github.io/transformers.js/","content":"ブラウザ上で動くTransformersライブラリ。\nHuggingFace Hubからのモデルのダウンロードに対応していて、BERTなどさまざまモデルでタスクを実行できる","tags":["browser","JavaScript","library","MachineLearning"],"relatedLinks":[]},{"date":"2023-03-22T03:05:00.622Z","title":"Practical WebAssembly [Book]","url":"https://www.oreilly.com/library/view/practical-webassembly/9781098142513/","content":"2024年5月発売\nWebAssemblyについての書籍。\nRustとAssemblyScriptでWasmを作成して利用する方法について","tags":["WebAssembly","book"],"relatedLinks":[]},{"date":"2023-03-22T03:16:10.814Z","title":"npm installとnpm ciの動作確認を簡単にやっておいた - Mitsuyuki.Shiiba","url":"https://bufferings.hatenablog.com/entry/2023/03/21/145023","content":"npm installとnpm ciとキャッシュについて。\n`npm install`は`node_modules/`を再利用できるが、安全ではないケースもある。\n`npm ci`は`node_modules/`を削除するため`~/.npm`をキャッシュとして使う必要があることについて。","tags":["npm","article","CI"],"relatedLinks":[{"title":"npm install と npm ci って結局どう使うの？2023年版 - Mitsuyuki.Shiiba","url":"https://bufferings.hatenablog.com/entry/2023/03/15/215044"}]},{"date":"2023-03-22T03:19:42.063Z","title":"styled-components/xstyled: A utility-first CSS-in-JS framework built for React. 💅👩‍🎤⚡️","url":"https://github.com/styled-components/xstyled","content":"xstyledがstyled-componentsのorganizationに移管された","tags":["JavaScript","CSS","news"],"relatedLinks":[{"title":"Evan Jacobs on Twitter: &quot;Excited to announce that xstyled is now part of the styled-components organization and we will begin to cross-pollinate improvements in the near future! Thank you so much @neoziro! https://t.co/uPk4sR9QsS&quot; / Twitter","url":"https://twitter.com/probablyup/status/1632385154814558210"}]},{"date":"2023-03-22T03:52:54.861Z","title":"anymaniax/orval: orval is able to generate client with appropriate type-signatures (TypeScript) from any valid OpenAPI v3 or Swagger v2 specification, either in yaml or json formats. 🍺","url":"https://github.com/anymaniax/orval","content":"OpenAPI SpecからAPIクライアントやモックサーバなどのコードを生成するツール。","tags":["OpenAPI","TypeScript","React","Tools","library"],"relatedLinks":[{"title":"OpenAPIからコードを自動生成！『Orval』のメリットと選定理由","url":"https://zenn.dev/hrbrain/articles/3ca5d37dd0b80e"}]},{"date":"2023-03-23T23:51:24.376Z","title":"Release Notes for Safari Technology Preview 166 | WebKit","url":"https://webkit.org/blog/13964/release-notes-for-safari-technology-preview-166/","content":"Safari Technology Preview 166リリース。\nCSSの`@counter-style`のサポート、JSの正規表現の`v`フラグの実装、HTMLの`popover`属性のサポート。\nHTTP 103のEarly Hintsに対応など","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2023-03-25T05:40:12.494Z","title":"Release v8.0.0-rc.0 · pnpm/pnpm","url":"https://github.com/pnpm/pnpm/releases/tag/v8.0.0-rc.0","content":"pnpm v8.0.0-rc.0リリース。\nNode.js 14のサポート終了、デフォルト設定の変更、ロックファイルの形式の変更など","tags":["pnpm","ReleaseNote"],"relatedLinks":[]},{"date":"2023-03-25T12:21:37.042Z","title":"gvergnaud/hotscript: A library of composable functions for the type-level! Transform your TypeScript types in any way you want using functions you already know.","url":"https://github.com/gvergnaud/hotscript","content":"TypeScriptの型レベル高階関数のライブラリ。\n型でパターンマッチを書くの利用できるような型関数を提供しているライブラリ","tags":["TypeScript","library"],"relatedLinks":[]},{"date":"2023-03-26T07:40:39.718Z","title":"Hello, Superflare","url":"https://superflare.dev/","content":"Cloudflare Workers/Pagesに特化したアプリケーションツールキット。\nD1 Database、R2 Storage、Cloudflare Queues、セッション管理、Durable Objectsを使ったBroadcastingをサポートしている。\nまたDBのマイグレーションの管理、Remixなどのフレームワークとの連携も行っている","tags":["cloudflare","node.js","JavaScript","library"],"relatedLinks":[]},{"date":"2023-03-26T11:31:24.125Z","title":"mamiksik/parrot-intellij: AI Commit Messages Autocomplete for InteliJ","url":"https://github.com/mamiksik/parrot-intellij","content":"コミットメッセージを自動生成するJetBrains/VSCode拡張。\nコミットメッセージを学習したモデルを利用する","tags":["JetBrains","plugin","LanguageModel"],"relatedLinks":[]},{"date":"2023-03-26T11:34:59.908Z","title":"ECMAScript proposal updates @ 2023-03 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2023/03/26/ecmascript-proposal-update","content":"2023年3月のTC39ミーティングでのECMAScript Proposalのステータス変更のまとめ。\n","tags":["ECMAScript","proposal","news"],"relatedLinks":[]},{"date":"2023-03-26T14:08:28.793Z","title":"sinclairnick/brail: 💌 Transactional email that feels different","url":"https://github.com/sinclairnick/brail","content":"Reactでメールのコンテンツを書けるメールツールキット。\nメール向けのUIコンポーネント、Linter、コンポーネントからHTMLメールを作成するジェネレータ、tRPCを使ったAPI、DevToolsなどが含まれる","tags":["React","mail","library","Tools"],"relatedLinks":[]},{"date":"2023-03-26T15:03:58.150Z","title":"PEAKS（ピークス）｜Jestではじめるテスト入門","url":"https://peaks.cc/books/testing_with_jest","content":"Jestを使ったテストの入門書","tags":["JavaScript","testing","book"],"relatedLinks":[]},{"date":"2023-03-27T13:32:43.495Z","title":"mayank99/ecsstatic: the predefinite CSS-in-JS library for vite","url":"https://github.com/mayank99/ecsstatic","content":"CSS-in-JSライブラリ。\n`css`タグ関数を使ってCSSを書き、Viteを使ってコンパイルするようになっている。\nSassにも対応してる","tags":["CSS","vite"],"relatedLinks":[]},{"date":"2023-03-27T14:45:24.480Z","title":"Deno 1.32: Enhanced Node.js Compatibility","url":"https://deno.com/blog/v1.32","content":"Deno v1.32リリース。\nTypeScript 5.0、V8 11.2へのアップデート。\nNode.jsとの互換性の改善、`deno compile`がWeb WorkerとDynamic Importをサポート、unstableなWebGPUのサポートを削除など。\nstd/encodingのcsv/yaml/toml/json/jsonc/front_matterをstd/のトップレベルに移動など。","tags":["deno","ReleaseNote"],"relatedLinks":[]},{"date":"2023-03-27T15:26:54.456Z","title":"Node.js compatibility for Cloudflare Workers – starting with Async Context Tracking, EventEmitter, Buffer, assert, and util","url":"https://blog.cloudflare.com/workers-node-js-asynclocalstorage/","content":"Cloudflare WorkersにNode.jsのCore Modulesの一部が実装されたという話。\n`nodejs_compat`というフラグが有効な場合に、AsyncLocalStorage/EventEmitter/Buffer/Assertなどが利用できる","tags":["cloudflare","node.js","article"],"relatedLinks":[]},{"date":"2023-03-28T15:13:13.740Z","title":"Release v0.17.14 · evanw/esbuild","url":"https://github.com/evanw/esbuild/releases/tag/v0.17.14","content":"esbuild v0.17.14リリース。\nTypeScript 5の`const` parameterをサポート、CSS nestingのサポートなど","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2023-03-28T15:16:26.774Z","title":"Release v8.0.0 · pnpm/pnpm","url":"https://github.com/pnpm/pnpm/releases/tag/v8.0.0","content":"pnpm v8.0.0リリース。\nNode.js 14のサポート終了、デフォルト設定の変更をし`peerDependencies`デフォルトでインストールするように。\nLockfileの形式とバージョンをアップデートなど","tags":["pnpm","ReleaseNote"],"relatedLinks":[]},{"date":"2023-03-28T15:19:08.449Z","title":"The origin private file system - Chrome Developers","url":"https://developer.chrome.com/articles/origin-private-file-system/","content":"Origin private file systemについて。\nメインスレッド、Web Workerでの利用、基本的なAPIとユースケースについて。","tags":["browser","JavaScript","article"],"relatedLinks":[]},{"date":"2023-03-28T15:36:35.364Z","title":"WebKit Features in Safari 16.4 | WebKit","url":"https://webkit.org/blog/13966/webkit-features-in-safari-16-4/","content":"Safari 16.4リリース。\n\n- `margin-trim`プロパティ、`lh` unit、CSS Typed Object Model APIのサポート、Constructable Stylesheetsのサポート\n- Declarative Shadow DOM、EmentInternals、Imperative Slot APIのサポート\n- RegExp lookbehind assertions、`import.meta.resolve`、`Atomics.waitAsync`、Import Mapsのサポート\n- iframeの`loading=lazy`、`Clear-Site-Data` HTTPヘッダーのサポート\n- AudioSession Web APIのサブセットをサポート、Web Codecs APIの一部をサポート\n- WebAssembly SIMD、OffscreenCanvas(2Dのみ)、Compression Streams APIのサポート\n- Fetch Metadata Request Headers、Scroll to Text Fragmentのサポート\n- Screen Orientation API、Screen Wake Lock API、UserActivation APIのサポート\n- ホーム画面に追加されたWebアプリ限定でプッシュ通知、Badge APIをサポート\n- Web Inspectorの改善、WebDriverでのShadow Rootsのサポート、CookieのSameSite属性をサポート\n- Lockdownモードでキャッシュ系のAPIを無効化するなど","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"Safari 16.4 Release Notes | Apple Developer Documentation","url":"https://developer.apple.com/documentation/safari-release-notes/safari-16_4-release-notes"},{"title":"2023-02-20のJS: Sandpack 2.0、Safari 16.4 Beta、Reactドキュメンタリー - JSer.info","url":"https://jser.info/2023/02/20/sandpack-2.0-safari-16.4-beta-react/"}]},{"date":"2023-03-29T01:45:43.480Z","title":"Introducing Nuxt DevTools · Nuxt","url":"https://nuxt.com/blog/introducing-nuxt-devtools","content":"Nuxt DevToolsの紹介。\nNuxtのページ、コンポーネント、自動インポート、Modules、Assets、Plugins、Hooks、設定、ステートなどのデバッグができるツール","tags":["Vue","article"],"relatedLinks":[]},{"date":"2023-03-29T01:52:15.357Z","title":"moon v1.0 - Official release! Project constraints, tagging, and more! | moonrepo","url":"https://moonrepo.dev/blog/moon-v1.0","content":"monorepo管理ツールのmoon v1.0リリース。\nプロジェクトのタグ付けのサポート、タグを使ったプロジェクト間の制約をサポート、環境変数の置換のサポートなど","tags":["monorepo","Rust","JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2023-03-30T14:44:15.147Z","title":"Node v16.20.0 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v16.20.0","content":"Node.js v16.20.0リリース。\nundici、npm、corepackのアップデート","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2023-04-02T15:40:26.400Z","title":"Announcing Rome v12","url":"https://rome.tools/blog/2023/03/28/rome12/","content":"Rome v12リリース。\nJSONのサポート、TypeScript 5.0のサポート、フラグ付きでImportのソートに対応。\nエラー表示の改善や`--config-path`フラグの追加など","tags":["JavaScript","Tools"],"relatedLinks":[]},{"date":"2023-04-03T13:41:25.066Z","title":"React Labs: What We've Been Working On – March 2023 – React","url":"https://react.dev/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023","content":"React Labsで進めているプロジェクトについて。\nReact Server Componentsで\"use client\"ディレクティブを使うようになり、サーバコンポーネントではasync/awaitを利用できるようになる予定。\nSuspenseでのCSSやFontのロード、`<meta>`などのビルドインサポート、Reactの最適化コンパイラの開発状況などについて","tags":["React","article"],"relatedLinks":[]},{"date":"2023-04-03T13:44:35.751Z","title":"Release v1.7.0 - U Can't Type This · solidjs/solid","url":"https://github.com/solidjs/solid/releases/tag/v1.7.0","content":"Solid v1.7.0リリース。\nTypeScriptのより厳密な型で書けるように改善、`onError`を置き換える`catchError`の追加など","tags":["JavaScript","React","ReleaseNote"],"relatedLinks":[]},{"date":"2023-04-03T13:49:17.542Z","title":"lxsmnsyc/seroval: Stringify JS values","url":"https://github.com/lxsmnsyc/seroval","content":"JavaScriptのオブジェクトをJavaScriptのコードやJSONのシリアライズ/デシリアライズするライブラリ。\nシリアライズするかを機能ごとの無効化するオプションを持っている","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2023-04-03T15:42:48.942Z","title":"RailsアプリのフロントエンドをじわじわとNext.jsにリプレースした話と、その振り返り - High Link テックブログ","url":"https://tech.high-link.co.jp/entry/Rails-application-replace-Next.js","content":"NginxでパスごとにRailsからNext.jsへリクエストを切り替えながら、移行していったという話。\n認証の問題、`<Link>`によるフロントエンドのルーティングとの齟齬の問題など移行時の対応について","tags":["Next.js","rails","article","JavaScript"],"relatedLinks":[]},{"date":"2023-04-03T15:44:00.548Z","title":"Release ES2023 Candidate April 2023 · tc39/ecma262","url":"https://github.com/tc39/ecma262/releases/tag/es2023-candidate-2023-04","content":"ECMAScript 2023 Candidateリリース。\n6月のEcma GAで承認されたら正式にリリースされる。","tags":["ECMAScript","ReleaseNote","spec"],"relatedLinks":[]},{"date":"2023-04-04T12:58:51.052Z","title":"wantedly/react-declassify: say goodbye to class components","url":"https://github.com/wantedly/react-declassify","content":"ReactのクラスコンポーネントをHooksを使うように変換するツール","tags":["React","JavaScript","Tools"],"relatedLinks":[]},{"date":"2023-04-04T13:09:12.212Z","title":"CSS text-wrap: balance - Chrome Developers","url":"https://developer.chrome.com/en/blog/css-text-wrap-balance/","content":"Chromeにフラグ付きで実装されているCSS `text-wrap: balance`について。\nテキストブロックの改行位置を調整するタイポグラフィ用のプロパティ","tags":["CSS","article"],"relatedLinks":[]},{"date":"2023-04-04T13:19:48.333Z","title":"What are source maps?","url":"https://web.dev/source-maps/","content":"Source Mapsとは何かについて。\nSource Mapsのフォーマット、読み方、ツールでのサポート、`x_google_ignoreList`の独自拡張などについて","tags":["sourcemap","article","debug"],"relatedLinks":[{"title":"The `x_google_ignoreList` source map extension - Chrome Developers","url":"https://developer.chrome.com/en/articles/x-google-ignore-list/"}]},{"date":"2023-04-04T13:59:57.566Z","title":"Bun v0.5.9 | Bun Blog","url":"https://bun.sh/blog/bun-v0.5.9","content":"Bun 0.5.9リリース。\nファイル変更を監視してプロセスを再起動する`bun --watch`のサポート、tarballの依存をサポート、バグ修正など。\n0.6.0ではReact Server Componentsをサポートする予定。","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2023-04-05T15:43:45.366Z","title":"unjs/magicast: 🧀 Programmatically modify JavaScript and TypeScript source codes with a simplified, elegant and familiar syntax powered by recast and babel.","url":"https://github.com/unjs/magicast","content":"JavaScriptのAST操作を簡単に行うためのライブラリ。\n","tags":["JavaScript","AST","library"],"relatedLinks":[]},{"date":"2023-04-06T14:39:58.042Z","title":"TypeScript 5.0 で追加された verbatimModuleSyntax とは何か？","url":"https://zenn.dev/teppeis/articles/2023-04-typescript-5_0-verbatim-module-syntax","content":"TypeScript 5.0で追加された`verbatimModuleSyntax`について。\n`import type`をそのまま削除し、`import`は残すというシンプルな動作について","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2023-04-06T14:42:36.065Z","title":"Electron 24.0.0 | Electron","url":"https://www.electronjs.org/blog/electron-24-0","content":"Electron 24.0.0リリース。\nChromium 112.0.5615.49、Node.js 18.12.1、V8 11.0へのアップデート。\n`nativeImage.createThumbnailFromPath(path, size)`の`maxSize`オプションを`size`オプションへ変更など","tags":["Electron","ReleaseNote"],"relatedLinks":[]},{"date":"2023-04-06T14:58:09.957Z","title":"Release Notes for Safari Technology Preview 167 | WebKit","url":"https://webkit.org/blog/14100/release-notes-for-safari-technology-preview-167/","content":"Safari Technology Preview 167リリース。\nCSS NestingでのTop Level `&`をサポート、Priority Hintsのサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2023-04-06T14:59:56.417Z","title":"TypeScript で\"moduleResolution\": \"Node\"は使わないほうがいい","url":"https://blog.s2n.tech/articles/dont-use-moduleresolution-node","content":"TypeScriptの`moduleResolution`オプションに指定できる`Node`/`NodeNext`/`Bundler`の挙動の違いについて","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2023-04-08T01:43:03.245Z","title":"Release @sveltejs/kit@1.15.2 · sveltejs/kit","url":"https://github.com/sveltejs/kit/releases/tag/%40sveltejs%2Fkit%401.15.2","content":"Svelte Kit 1.15.2リリース。\nCSRFに関する脆弱性が修正されているセキュリティリリース","tags":["Svelte","ReleaseNote"],"relatedLinks":[{"title":"Release @sveltejs/kit@1.15.1 · sveltejs/kit","url":"https://github.com/sveltejs/kit/releases/tag/%40sveltejs%2Fkit%401.15.1"}]},{"date":"2023-04-08T07:58:59.162Z","title":"JSPM - JSPM CLI Relaunch - Import Map Package Management","url":"https://jspm.org/jspm-cli","content":"JSPM 3.0リリース。\n全てのブラウザがImport Mapsをサポートしたので、JSPMのCLIをImport Mapsの管理に利用できるように大きく変更している","tags":["JavaScript","module","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2023-04-08T08:14:53.481Z","title":"Blog - Next.js 13.3 | Next.js","url":"https://nextjs.org/blog/next-13-3","content":"Next.js 13.3リリース。\nファイル名ベースのMetadata APIのサポート、Satoriを使った`ImageResponse`のサポート、App Routerでstatic exportのサポート。\n`@folder`の命名規則を使ったParallel RoutesとIntercepting Routeのサポートなど","tags":["Next.js","ReleaseNote"],"relatedLinks":[{"title":"Metadata | Next.js","url":"https://beta.nextjs.org/docs/api-reference/metadata#file-based-metadata"}]},{"date":"2023-04-09T14:34:29.910Z","title":"Node.js Secure Coding: Defending Against Command Injection Vulnerabilities","url":"https://www.nodejs-security.com/","content":"Node.jsのセキュリティについての書籍","tags":["node.js","book","security"],"relatedLinks":[]},{"date":"2023-04-09T14:52:46.812Z","title":"Release v0.30.0 · vitest-dev/vitest","url":"https://github.com/vitest-dev/vitest/releases/tag/v0.30.0","content":"vitest v0.30.0リリース。\nmonorepoをサポートするworkspace機能の追加、snapshotのロジックを`@vitest/snapshot`パッケージに移動など","tags":["vite","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-04-10T11:54:23.412Z","title":"Chrome 113 beta - Chrome Developers","url":"https://developer.chrome.com/en/blog/chrome-113-beta/","content":"Chrome 113 Betaリリース。\nCSS Media Queryで`overflow-inline`/`overflow-block`/`update`をサポート、`image-set()`のサポート。\n`Headers.getSetCookie`のサポート、WebGPUのサポート。\n`document.domain`への代入を代入を非推奨化など","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2023-04-12T12:56:51.654Z","title":"Node v19.9.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v19.9.0","content":"Node.js v19.9.0リリース。\n`TracingChannel`の追加、`URL.canParse`の追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2023-04-12T13:09:14.120Z","title":"Hexagon/croner: Trigger functions or evaluate cron expressions in JavaScript or TypeScript. No dependencies. Most features. Node. Deno. Bun. Browser.","url":"https://github.com/hexagon/croner","content":"cron構文で関数を実行できるジョブライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2023-04-12T13:14:37.287Z","title":"What's New in DevTools (Chrome 113) - Chrome Developers","url":"https://developer.chrome.com/en/blog/new-in-devtools-113/","content":"Chrome 113のDevToolsの変更点について。\nレスポンスのヘッダを書き換え可能に、`x_google_ignoreList`のオプションに対応。\nRecordパネルでassertionを追加できるように、JavaScript Profilerパネルを廃止など","tags":["Chrome","debug","article"],"relatedLinks":[]},{"date":"2023-04-12T13:57:11.933Z","title":"Storybook 7.0","url":"https://storybook.js.org/blog/storybook-7-0/","content":"Storybook 7.0リリース。\nUIデザインの刷新、Vite/Next.js/SvelteKit が設定なしで利用できるように、Framewors APIの追加、Story Format v3など","tags":["JavaScript","debug","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2023-04-12T14:28:06.157Z","title":"nitrogql/mod.rs at master · uhyo/nitrogql · GitHub","url":"https://github.com/uhyo/nitrogql","content":"GraphQLをTypeScriptで利用するためのツールキット。\nGraphQLの構文チェック、GraphQLファイルからTypeScriptの型定義の生成、GraphQLファイルをロードするloaderを提供する","tags":["TypeScript","GraphQL","library"],"relatedLinks":[]},{"date":"2023-04-12T14:31:29.949Z","title":"Announcing WCGI: WebAssembly + CGI","url":"https://wasmer.io/posts/announcing-wcgi","content":"WasmerがCGIサーバのWasmファイルの実行をする`wcgi`のサポートを追加した","tags":["WebAssembly","article"],"relatedLinks":[]},{"date":"2023-04-12T14:35:21.101Z","title":"Release v3.0.0 · liriliri/eruda","url":"https://github.com/liriliri/eruda/releases/tag/v3.0.0","content":"モバイルブラウザでも利用できる開発者ツールライブラリであるeruda 3.0リリース","tags":["browser","debug","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-04-12T14:39:10.910Z","title":"divriots/jampack: Optimizes static websites for best user experience and best Core Web Vitals scores.","url":"https://github.com/divriots/jampack","content":"静的サイトジェネレータなどによって出力されたHTML/CSS/JSや画像などを最適化するツール。\n画像の最適化、Above the foldの最適化、アセットの圧縮、`<img>`タグの属性の修正などを行う","tags":["JavaScript","performance","Tools","HTML"],"relatedLinks":[]},{"date":"2023-04-13T01:37:45.609Z","title":"open-draft/logger: Environment-agnostic, ESM-friendly logger for simple needs.","url":"https://github.com/open-draft/logger","content":"ESM-friendlyな`debug`モジュール的なロガーライブラリ。\n`DEBUG`環境変数に対応している","tags":["JavaScript","TypeScript","library"],"relatedLinks":[]},{"date":"2023-04-13T01:46:57.061Z","title":"Popularity of top frameworks on Netlify: Next.js, Gatsby, create-react-app","url":"https://www.netlify.com/blog/framework-popularity-on-netlify/","content":"Netlifyにデプロイされているアプリケーションが利用しているフレームワークの調査記事。\nReactベースのcreate-react-app/Next.js/Gatsbyが多く、続いてNuxtやVueとなっている。\nエンタープライズアカウントでの傾向の違いなどについて","tags":["article","JavaScript"],"relatedLinks":[]},{"date":"2023-04-13T12:41:24.345Z","title":"Node v18.16.0 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v18.16.0","content":"Node.js v18.16.0リリース。\nSingle execute applicationの初期実装を追加、URLパーサをAdaに変更しパフォーマンスの改善。","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2023-04-15T03:15:16.816Z","title":"Release v10.0.0 · vueuse/vueuse","url":"https://github.com/vueuse/vueuse/releases/tag/v10.0.0","content":"vueuse v10.0.0リリース。\n破壊的な変更として`isFunction`と`isString`を削除、`computedAsync`のデフォルト挙動をshallowに変更、`resolveRef`を`toRef`にリネーム、非推奨なAPIの削除など。\n機能追加として、`createReusableTemplate`/`createTemplatePromise`/`useAnimate`の追加など","tags":["Vue","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-04-15T05:18:52.992Z","title":"Release v2.0.0 · lerna-lite/lerna-lite","url":"https://github.com/lerna-lite/lerna-lite/releases/tag/v2.0.0","content":"lerna-lite 2.0.0リリース。\n`--use-nx`を削除、`lerna version`と`lerna publish`をオプショナルなコマンドに変更など","tags":["JavaScript","monorepo","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2023-04-16T13:42:28.317Z","title":"</> htmx ~ htmx 1.9.0 has been released!","url":"https://htmx.org/posts/2023-04-11-htmx-1-9-0-is-released/","content":"htmx 1.9.0リリース。\nView Transitions APIのサポート","tags":["HTML","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-04-17T15:34:22.910Z","title":"Release v10.0.0 · immerjs/immer","url":"https://github.com/immerjs/immer/releases/tag/v10.0.0","content":"Immer v10.0.0リリース。\nES5環境をサポート外にしたことでIEのサポート終了、プレーンなオブジェクトにおけるgetterとsetterをデフォルトでは無視することでパフォーマンスの改善。\nPromiseベースのReducerのサポート終了、`enableAllPlugins`を削除など\n","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-04-18T14:51:00.408Z","title":"yoavbls/pretty-ts-errors: 🔵 Make TypeScript errors prettier and human-readable in VSCode 🎀","url":"https://github.com/yoavbls/pretty-ts-errors","content":"TypeScriptの型エラーをわかりやすく表示するVSCode拡張","tags":["TypeScript","VSCode","Extension"],"relatedLinks":[]},{"date":"2023-04-18T15:03:02.766Z","title":"Firefox 112.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/112.0/releasenotes/","content":"Firefox 112リリース。\nHTMLの`inert`属性のサポート、CSSのExponential functionsをサポートなど","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 112 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/112"}]},{"date":"2023-04-18T15:30:03.856Z","title":"The Performance Golden Rule Revisited - Web Performance Consulting | TimKadlec.com","url":"https://timkadlec.com/remembers/2023-04-10-the-golden-rule-revisited/","content":"> エンドユーザーの応答時間の80～90％はフロントエンドに費やされる\n\nというウェブサイトのパフォーマンスにおけるGolden Ruleを現在のウェブサイトで再調査した記事","tags":["article","performance"],"relatedLinks":[]},{"date":"2023-04-18T15:31:32.014Z","title":"Trying Node.js Test Runner | Better world by better software","url":"https://glebbahmutov.com/blog/trying-node-test-runner/","content":"Node.jsの`node:test`モジュールを使ったテストと`node --test`での実行について","tags":["node.js","article","testing"],"relatedLinks":[]},{"date":"2023-04-18T15:39:52.996Z","title":"Release v116 · esm-dev/esm.sh","url":"https://github.com/esm-dev/esm.sh/releases/tag/v116","content":"esm.sh 116リリース。\n`esm.sh/gh/OWNER/REPO/PATH`でGitHubのリポジトリからファイルをロードできるように","tags":["cdn","JavaScript","ReleaseNote"],"relatedLinks":[]},{"date":"2023-04-19T02:38:03.521Z","title":"Node v20.0.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v20.0.0","content":"Node.js v20.0.0リリース。\n実験的にPermission Modelを追加、ESM Loader Hooksを別スレッドで実行するように、`import.meta.resolve()`を同期処理に変更。\nV8 11.3にアップデート、Test RunnnerをStableに変更、Single executable appsの改善、Web Crypto APIの互換性改善など","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"Node.js 20 Now Available - OpenJS Foundation","url":"https://openjsf.org/blog/2023/04/18/node-js-20-now-available/"}]},{"date":"2023-04-19T03:41:52.358Z","title":"Announcing TypeScript 5.1 Beta - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-5-1-beta/","content":"TypeScript 5.1 Betaリリース。\n`undefined`を`return`する関数の型の扱いを改善、getterとsetter間でそれぞれ異なる型を指定できるように、JSXの改善。\nNode.js 14.17未満のサポート終了、`typeRoots`の上向きのパッケージ解決を無効化など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2023-04-19T04:34:02.897Z","title":"HeyPuter/kv.js: Advanced in-memory caching module for JavaScript. For when you need caching but running Redis or Memcached would be an overkill.","url":"https://github.com/HeyPuter/kv.js","content":"RedisやMemcachedとよく似たコマンド(関数)をもつIn-MemoryなKVSライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2023-04-19T04:45:49.019Z","title":"新しいNext.jsの入門 ─ App DirectoryによるWeb開発をハンズオンで理解しよう - エンジニアHub｜Webエンジニアのキャリアを考える！","url":"https://eh-career.com/engineerhub/entry/2023/04/18/093000","content":"Next.jsのapp directoryを使ったアプリケーション開発のチュートリアル","tags":["Next.js","tutorial","article"],"relatedLinks":[]},{"date":"2023-04-21T14:39:56.829Z","title":"Vite 4.3 is out! | Vite","url":"https://vitejs.dev/blog/announcing-vite4-3.html","content":"Vite 4.3リリース。\n起動速度を40%から80%程度改善、HMRの処理時間を20%から40%程度改善など","tags":["vite","ReleaseNote"],"relatedLinks":[{"title":"How we made Vite 4.3 faaaaster 🚀 | sun0day's blog - lost in code","url":"https://sun0day.github.io/blog/vite/why-vite4_3-is-faster.html"}]},{"date":"2023-04-23T02:23:13.522Z","title":"Release v5.80.0 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v5.80.0","content":"webpack v5.80.0リリース。\n`import.meta`に対するdestructuringのサポート、`await`に対するdestructuringでのTree Shakingをサポート。\nESMで書かれたローダーをサポート、`exports`フィールドのwild cardパターンをサポートなど","tags":["webpack","ReleaseNote"],"relatedLinks":[]},{"date":"2023-04-26T11:05:44.659Z","title":"Badging for Home Screen Web Apps | WebKit","url":"https://webkit.org/blog/14112/badging-for-home-screen-web-apps/","content":"`navigator.setAppBadge` APIでのバッジの追加について","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2023-04-26T12:08:01.268Z","title":"alxolr | How to process a CSV file five times faster in NodeJs with Rust and Napi rs","url":"https://www.alxolr.com/articles/how-to-process-a-csv-file-five-times-faster-in-node-js-with-rust-and-napi-rs","content":"CSVをパースする処理をRustで書いて、Napi rsでNode.jsから利用する話","tags":["csv","node.js","Rust","article"],"relatedLinks":[]},{"date":"2023-04-26T12:17:38.118Z","title":"Introducing npm package provenance | The GitHub Blog","url":"https://github.blog/2023-04-19-introducing-npm-package-provenance/","content":"npmパッケージが、どのソースコードのコミット、ビルドの設定なのかのprovenanceを紐づけられる`--provenance`フラグをサポート。\n現在はGitHub Actionsからのpublishにおける紐付けをサポートしてる。\nサプライチェーンの問題が起きた時に、パッケージに含まれるprovenanceをチェックすることで、整合性がチェックできる","tags":["npm","security","article"],"relatedLinks":[{"title":"Introducing npm package SLSA provenance support | Open Source Insights","url":"https://blog.deps.dev/npm-provenance/"}]},{"date":"2023-04-27T00:17:03.019Z","title":"CSS update Media Query - Chrome Developers","url":"https://developer.chrome.com/en/blog/css-update-media-query/","content":"`update` Media Queryについて。\nデバイスのリフレットレートが`fast`/`slow`/`none`かを判定したスタイルを書ける。","tags":["CSS","article"],"relatedLinks":[]},{"date":"2023-04-27T00:21:18.771Z","title":"What's new in ECMAScript 2023 | pawelgrzybek.com","url":"https://pawelgrzybek.com/whats-new-in-ecmascript-2023/","content":"ES2023で追加される機能について。\n`Array.prototpype.findLast`、Hashbangのサポート、WeakMapのキーとしてSymbolが利用できるように。\n配列に対してimmutableな操作である`toReversed`/`toSorted`/`toSpliced`/`with`の追加など","tags":["ECMAScript","JavaScript","article"],"relatedLinks":[]},{"date":"2023-04-27T00:28:23.367Z","title":"Playground - React JSON Form","url":"https://bhch.github.io/react-json-form/playground/","content":"django-jsonform/JSON SchemaからFormを生成するReact Component","tags":["JavaScript","JSON","React","library"],"relatedLinks":[]},{"date":"2023-04-27T00:32:09.086Z","title":"CSS Custom Properties Beyond the :root · Matthias Ott – User Experience Designer","url":"https://matthiasott.com/notes/custom-properties-beyond-the-root","content":"なぜ`:root`でCSS Custom Propertyを定義するのかについて","tags":["CSS","article"],"relatedLinks":[]},{"date":"2023-04-27T08:05:55.637Z","title":"Release v1.33.0 · microsoft/playwright","url":"https://github.com/microsoft/playwright/releases/tag/v1.33.0","content":"playwright v1.33.0リリース。\n`locator.or()`の追加、`locator.filter`に`hasNot`と`hasNotText`オプションを追加、`toBeAttached` Assertioを追加など","tags":["playwright","ReleaseNote"],"relatedLinks":[]},{"date":"2023-04-29T13:11:16.970Z","title":"WebContainers now run on Safari, iOS, and iPadOS","url":"https://blog.stackblitz.com/posts/webcontainers-are-now-supported-on-safari/","content":"WebContainersがSafariをサポート","tags":["JavaScript","webservice","article"],"relatedLinks":[]},{"date":"2023-04-30T03:57:16.469Z","title":"Deno 1.33: Deno 2 is coming","url":"https://deno.com/blog/v1.33","content":"Deno v1.33リリース。\nunstable APIとしてDeno KVを追加、`deno.json`の形式変更、Dynamic Importと権限チェックの変更。\nNode.jsの互換性として`crypto`や`vm`の対応改善、npm pacakgeのキャッシュの改善など。\n`Deno.run`の非推奨化、`Deno.serve`のAPIの変更、`fs.exists`が非推奨ではなくなるなど","tags":["deno","ReleaseNote"],"relatedLinks":[{"title":"Deno KV 正式発表！cloudflare KVとcloudflare D1のいいとこ取り？ - Qiita","url":"https://qiita.com/access3151fq/items/ee1cf3e5fc35150dd910"}]},{"date":"2023-04-30T03:57:52.053Z","title":"Node.js v20 の主な変更点 - 別にしんどくないブログ","url":"https://shisama.hatenablog.com/entry/2023/04/24/083000","content":"Node.js 20の変更点について","tags":["node.js","article"],"relatedLinks":[]},{"date":"2023-04-30T04:01:13.711Z","title":"これから先も戦えるサードパーティスクリプト - Speaker Deck","url":"https://speakerdeck.com/nichimu/korekaraxian-mozhan-erusadopateisukuriputo","content":"サードパーティスクリプトのファイルサイズを小さく保つために、機能をプラグインとしてプロジェクトごとに取捨選択してビルドできるようにしているという話。\nまた、プラグイン間のデータのやり取りにはPub/Subを利用している点についてなど","tags":["JavaScript","slide"],"relatedLinks":[]},{"date":"2023-04-30T04:03:12.195Z","title":"現実世界におけるスキーマ設計の妥協 - Speaker Deck","url":"https://speakerdeck.com/sadnessojisan/xian-shi-shi-jie-niokerusukimashe-ji-notuo-xie","content":"JSON Schema/Swagger/zod/GraphQL/gRPCなどのスキーマとバリデーションについてのスライド。\n広く使われているJSON Schemaをベースにしたバリデーションを既存のアプリケーションに導入する話","tags":["JSON","JavaScript","slide"],"relatedLinks":[]},{"date":"2023-04-30T04:04:29.231Z","title":"A Gentle Introduction to Islands","url":"https://deno.com/blog/intro-to-islands","content":"Islands ArchitectureとDenoのFreshにおける実装について","tags":["JavaScript","deno","article"],"relatedLinks":[]},{"date":"2023-04-30T04:05:51.909Z","title":"Corepackを使ってNode.jsをアップデートする ⬆️⬆️","url":"https://azu.github.io/slide/2023/nodejs-corepack/corepack.html","content":"Node.js 14から18へのアップデート時に、npmも多く変わってしまっているので、Node.jsのアップデートとnpmのアップデートをCorepackを使って別々に行う方法についてのスライド。\nまた、Node.jsアップデート時に起きる問題をOS、native addon、peerDependencies、Node.jsそのものに分けて紹介している。","tags":["node.js","npm","slide"],"relatedLinks":[{"title":"Node.js 14から18へアップデートする方法について | Web Scratch","url":"https://efcl.info/2023/04/29/node.js-14-to-18/"}]},{"date":"2023-04-30T04:12:22.150Z","title":"フロントエンド開発のためのテスト入門 今からでも知っておきたい自動テスト戦略の必須知識 電子書籍｜翔泳社の本","url":"https://www.shoeisha.co.jp/book/detail/9784798178639","content":"フロントエンドのテストについての書籍。\nJest／Testing Library／Storybook／reg-suit／Playwrightなどについて","tags":["JavaScript","debug","testing","book"],"relatedLinks":[]},{"date":"2023-05-02T12:06:17.912Z","title":"Release v1.16.0 · remix-run/remix","url":"https://github.com/remix-run/remix/releases/tag/remix@1.16.0","content":"Remix 1.16.0リリース。\nCSS Modules/Vanilla Extract/PostCSSのサポートをStable化。tailwindのサポートをStable化。\nOpt-inで新しい`remix dev`を利用できるようになるなど。","tags":["Remix","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-02T12:22:05.338Z","title":"Release v5.0.0 · redwoodjs/redwood","url":"https://github.com/redwoodjs/redwood/releases/tag/v5.0.0","content":"Redwood v5.0.0リリース。\nReact 18、Chakra UI v2にアップグレード、Serverless-AWS deployのサポートを終了。\nデフォルトのターゲットをNode.js 18に変更など","tags":["JavaScript","node.js","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-02T13:32:52.512Z","title":"EmberData 5.X Update","url":"https://blog.emberjs.com/ember-data-5-x-update-2023-04-15/","content":"EmberData 5.xでは大きなパラダイムチェンジを入れる予定であるため、EmberData 4.12のLTSは6.xがリリースされるまで延長される予定。","tags":["Ember","article"],"relatedLinks":[]},{"date":"2023-05-02T13:35:02.978Z","title":"【Chrome DevTools】Performance Insightsでフロントエンドパフォーマンス改善","url":"https://zenn.dev/chot/articles/ce7296779048a2","content":"Chrome DevToolsのPerformance Insightsの使い方について。\nパフォーマンスタイムライン、メトリクスの読み方、何かブロックになっているかを見る方法について","tags":["Chrome","performance","article"],"relatedLinks":[]},{"date":"2023-05-02T13:52:22.001Z","title":"Introducing storage on Vercel – Vercel","url":"https://vercel.com/blog/vercel-storage","content":"VercelがUpstashベースのKV Storage、NeonベースのPostgres、Cloudflare R2ベースのBlobストレージのサポート","tags":["webservice","news"],"relatedLinks":[]},{"date":"2023-05-02T22:16:57.594Z","title":"docs: Add deprecation notice to Karma README · karma-runner/karma@450fdfd","url":"https://github.com/karma-runner/karma/commit/450fdfdac5b999967daec1020f1ac69cf9b854ab","content":"KarmaがDeprecatedとなり、今後は機能追加やバグ修正を受け付けないようになる。\n移行パスとしてJest、Web Test Runner、jasmine-browser-runner、Vitestなどを推奨している。","tags":["news","JavaScript","testing","library"],"relatedLinks":[{"title":"Moving Angular CLI to Jest and Web Test Runner | by Doug Parker | Apr, 2023 | Angular Blog","url":"https://blog.angular.io/moving-angular-cli-to-jest-and-web-test-runner-ef85ef69ceca"}]},{"date":"2023-05-03T14:57:06.870Z","title":"Qwik Reaches v1.0","url":"https://www.builder.io/blog/qwik-v1","content":"Qwik 1.0リリース。\n","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Release v1.0.0 · BuilderIO/qwik","url":"https://github.com/BuilderIO/qwik/releases/tag/v1.0.0"}]},{"date":"2023-05-04T00:51:00.531Z","title":"Node v20.1.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v20.1.0","content":"Node.js v20.1.0リリース。\n`CallTrakcer`をDeperecatedに変更、`readdir`/`opendir`メソッドに`recursive`オプションを追加、`cp`メソッドに`mode`フラグを追加。\n`http.createServer`メソッドに`highWaterMark`オプションを追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-04T02:34:31.149Z","title":"Angular v16 is here!. Six months ago, we reached a… | by Minko Gechev | May, 2023 | Angular Blog","url":"https://blog.angular.io/angular-v16-is-here-4d7a28ec680d","content":"Angular 16リリース。\n新しいReactiveの仕組みとしてAngular Signals利用できるように。\nSSRとHydrationのパフォーマンス改善、standalone APIへの移行ツールの追加、esbuildベースのビルドを利用できるように。\nKarmaをDeprecatedとし、JestとWeb Test Runnerのサポートを追加など","tags":["Angular","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-04T02:55:58.902Z","title":"Chrome 114 beta - Chrome Developers","url":"https://developer.chrome.com/en/blog/chrome-114-beta/","content":"Chrome 114 Betaリリース。\nCSSの`text-wrap: balance`の追加、`overflow: overlay`の追加。\nBFCacheが効かない理由をPerformanceNavigationTiming APIで取得できるように、Cookieの`Partitioned`属性に対応。\n`scrollend`イベント、Popover APIのサポートなど。\nOrigin TrialとしてBackground Blur APIを追加など","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-04T02:59:33.423Z","title":"Announcing Tauri 1.3.0 | Tauri Apps","url":"https://tauri.app/blog/2023/05/03/tauri-1-3/","content":"Tauri 1.3.0リリース。\nセキュリティの改善が主となるリリース。\nリモートIPCの対象を設定できるようになるなど","tags":["Rust","JavaScript","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-04T03:44:46.387Z","title":"Release v0.31.0 · vitest-dev/vitest","url":"https://github.com/vitest-dev/vitest/releases/tag/v0.31.0","content":"vitest v0.31.0リリース。\n`vi.hoisted`の追加、`test`に`repeats`オプションを追加など","tags":["vite","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-04T03:47:08.599Z","title":"React Canaries: Enabling Incremental Feature Rollout Outside Meta – React","url":"https://react.dev/blog/2023/05/03/react-canaries","content":"ReactにCanaryリリースが追加された。\n`npm install react@canary`で実験的な機能を含めたものをインストールできるようになる。","tags":["React","article"],"relatedLinks":[]},{"date":"2023-05-04T03:56:18.356Z","title":"Say Allo' to the new Inquirer (release of the rewrite) · SBoudrias/Inquirer.js · Discussion #1214","url":"https://github.com/SBoudrias/Inquirer.js/discussions/1214","content":"Node.jsのターミナルプロンプトライブラリであるinquirerが`@inquirer/prompts`として新しく公開された。\n全ての機能を含む`@inquirer/prompts`と個別の機能ごとのパッケージをそれぞれ公開されている。\n","tags":["node.js","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-04T03:58:10.191Z","title":"jsdom/Changelog.md at e5b8e8afdebee816862584cb7d45bdc6f86d54af · jsdom/jsdom","url":"https://github.com/jsdom/jsdom/blob/HEAD/Changelog.md#%E2%80%8B2200","content":"jsdom 22.0.0リリース。\nNode.js 14のサポート終了、`browserified`フィールドを使ったbrowser向けのbundleのサポートを終了など","tags":["JavaScript","DOM","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-04T03:58:45.829Z","title":"Announcing Babylon.js 6.0. Our mission is to build one of the most… | by Babylon.js | Apr, 2023 | Medium","url":"https://babylonjs.medium.com/announcing-babylon-js-6-0-dcb5f1662e3a","content":"Babylon.js 6.0リリース。\nHavokの物理エンジンの追加、パフォーマンス優先モードの追加、流体レンダリングのサポートなど。\nGUIエディタをStableへと変更。スクリーンリーダのサポート、ドキュメントの刷新など","tags":["JavaScript","3D","library","ReleaseNote","WebGL"],"relatedLinks":[]},{"date":"2023-05-04T04:10:39.940Z","title":"Exploring The Potential Of Web Workers For Multithreading On The Web — Smashing Magazine","url":"https://www.smashingmagazine.com/2023/04/potential-web-workers-multithreading-web/","content":"WebWorkerのユースケースについて","tags":["webworker","article"],"relatedLinks":[]},{"date":"2023-05-04T04:11:39.939Z","title":"Release v5.0.0 · markedjs/marked","url":"https://github.com/markedjs/marked/releases/tag/v5.0.0","content":"marked v5.0.0リリース。\nいくつかのオプションをdeprecateにし、代わりにパッケージ化。\nNode.js 14と16のサポートを終了。","tags":["Markdown","JavaScript","library"],"relatedLinks":[]},{"date":"2023-05-08T05:18:39.438Z","title":"Blog - Next.js 13.4 | Next.js","url":"https://nextjs.org/blog/next-13-4","content":"Next.js 13.4リリース。\nApp RouterをStableに変更、TurbopackをBetaに変更。\n実験的な機能としてServer Actionsを追加など","tags":["Next.js","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-08T15:55:32.773Z","title":"Astro 2.4 | Astro","url":"https://astro.build/blog/astro-240/","content":"Astro 2.4リリース。\n`scopedStyleStrategy`オプションの追加、`<Code />`コンポーネントの改善、SSR時にもサイトマップをサポート。\nフラグ付きでmiddlewareのサポート、CSSのインライン化のサポートなど","tags":["astro","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-09T12:29:10.336Z","title":"Unlighthouse - Site-wide Google Lighthouse · Unlighthouse","url":"https://unlighthouse.dev/","content":"サイトをクロールしてLighthouseによるスキャンをまとめてやってくれるツール。\nクロール対象をルーティングから定義もでき、結果をまとめたレポートを生成してくれる。","tags":["browser","JavaScript","Tools","performance","CI"],"relatedLinks":[]},{"date":"2023-05-09T12:58:14.189Z","title":"Release v0.1.10 · web-infra-dev/rspack","url":"https://github.com/web-infra-dev/rspack/releases/tag/v0.1.10","content":"rspack 0.1.10リリース。\n`compilation.modules`のサポート、`splitChunks`オプションの互換性の改善、Angularの初期サポートの追加など","tags":["webpack","rspack","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-09T13:08:45.504Z","title":"Release v8.4.0 · pnpm/pnpm","url":"https://github.com/pnpm/pnpm/releases/tag/v8.4.0","content":"pnpm v8.4.0リリース。\n`pnpm publish --provenance`をサポートなど","tags":["pnpm","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-09T13:30:38.845Z","title":"natemoo-re/ultramatter: <1kB frontmatter parser that supports a reasonable subset of YAML","url":"https://github.com/natemoo-re/ultramatter","content":"frontmatterをパースする小さなライブラリ。\nYAMLのサブセットのみを扱うことで、ファイルサイズを小さくしている。","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2023-05-09T13:53:04.158Z","title":"Origin Private File Systemを使ってブラウザ上でファイルを高速に操作しよう","url":"https://zenn.dev/cybozu_frontend/articles/origin-private-file-system","content":"Origin Private File Systemの基本的な使い方について","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2023-05-09T14:07:07.614Z","title":"vadimdemedes/ink-ui: 💄 Ink-redible command-line interfaces made easy","url":"https://github.com/vadimdemedes/ink-ui","content":"Inkを使ったターミナル向けのUIコンポーネント。\n対話的な入力フォーム、選択肢、ローディング、\nアラート、リスト表示などのコンポーネント","tags":["JavaScript","React","console","library"],"relatedLinks":[]},{"date":"2023-05-09T14:31:08.388Z","title":"5 Lessons Learned From Taking Next.js App Router to Production - Inngest Blog","url":"https://www.inngest.com/blog/5-lessons-learned-from-taking-next-js-app-router-to-production","content":"Next.jsのApp Routerについて。\nクライアントサイドのキャッシュとサーバサイドのキャッシュ、Search Parameterの扱い、ディレクトリ構造、学習リソースについて。","tags":["React","Next.js","article"],"relatedLinks":[]},{"date":"2023-05-09T14:52:13.325Z","title":"Chromium Blog: An Update on the Lock Icon","url":"https://blog.chromium.org/2023/05/an-update-on-lock-icon.html","content":"Chrome 117でメニューの鍵アイコンをやめて、調整アイコンに変更するという話","tags":["Chrome","security","article"],"relatedLinks":[]},{"date":"2023-05-10T00:12:11.553Z","title":"Firefox 113.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/113.0/releasenotes/","content":"Firefox 113リリース。\nCSSの`color()`/`lab()`/`lch()`などのサポート、`of <selector>`構文をサポート。\nCompression Streams APIのサポート、AV1 video codecをサポート。\nアクセシビリティエンジンを刷新し、スクリーンリーダなどを使った際のパフォーマンスを改善など。","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 113 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/113"},{"title":"Firefox 113 Significantly Boosts Accessibility Performance - Mozilla Accessibility","url":"https://blog.mozilla.org/accessibility/firefox-113-accessibility-performance/"},{"title":"Cache the World: Turbo Charging Firefox Accessibility Performance and Maintainability | Jantrid","url":"https://www.jantrid.net/2022/12/22/Cache-the-World/"}]},{"date":"2023-05-10T00:22:51.884Z","title":"Cache the World: Turbo Charging Firefox Accessibility Performance and Maintainability | Jantrid","url":"https://www.jantrid.net/2022/12/22/Cache-the-World/","content":"Firefox 113で入ったアクセシビリティエンジンの刷新の詳細。\nQuantumでパフォーマンスが低下したのを、キャッシュによって改善する取り組み。\nアクセシビリティツリーのキャッシュをするが、そのキャッシュを同期する仕組みについて","tags":["Firefox","accessibility","article"],"relatedLinks":[{"title":"Firefox 113 Significantly Boosts Accessibility Performance - Mozilla Accessibility","url":"https://blog.mozilla.org/accessibility/firefox-113-accessibility-performance/"}]},{"date":"2023-05-10T00:38:54.973Z","title":"React Application Architecture for Production | Packt","url":"https://www.packtpub.com/product/react-application-architecture-for-production/9781801070539","content":"Reactでのアプリケーション開発についての書籍。\n著者はbulletproof-reactの人","tags":["React","book"],"relatedLinks":[{"title":"PacktPublishing/React-Application-Architecture-for-Production: React Application Architecture for Production, published by Packt","url":"https://github.com/PacktPublishing/React-Application-Architecture-for-Production/tree/main"},{"title":"alan2207/bulletproof-react: 🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.","url":"https://github.com/alan2207/bulletproof-react"}]},{"date":"2023-05-10T13:59:41.400Z","title":"Release v120 · esm-dev/esm.sh","url":"https://github.com/esm-dev/esm.sh/releases/tag/v120","content":"esm.sh v120リリース。\nesm.shの処理をCloudflare Worker上でしている`esm-worker`パッケージを公開。\nbuild APIが`types`オプションをサポート。","tags":["JavaScript","cdn","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-10T23:37:56.419Z","title":"Announcing Dart 3. 100% sound null safety. Records… | by Michael Thomsen | Dart | May, 2023 | Medium","url":"https://medium.com/dartlang/announcing-dart-3-53f065a10635","content":"Dart 3リリース。\nnull safe、Record、パターンマッチ、クラスの改善。\nWebAssemblyへのコンパイルに対応など","tags":["dart","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-12T00:07:15.990Z","title":"jQuery 3.7.0 Released: Staying in Order | Official jQuery Blog","url":"https://blog.jquery.com/2023/05/11/jquery-3-7-0-released-staying-in-order/","content":"jQuery 3.7.0リリース。\n`uniqueSort`メソッドの追加、単位なしのCSSプロパティのサポート、パフォーマンスの改善。\n\nIEでは`focus`/`blur`が非同期で実行されるが、他のブラウザでは同期的に実行されるため、挙動の違いが発生していた。\nIEでも同期的に実行される`focusin`/`focusout`を使いシミュレートすることで修正された。","tags":["jquery]","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-12T14:49:33.499Z","title":"Announcing Vue 3.3 | The Vue Point","url":"https://blog.vuejs.org/posts/vue-3-3","content":"Vue 3.3リリース。\n`<script setup lang=\"ts\">`でのTypeScriptの型定義の改善、双方向バインディングを扱う`defineModel()`の追加など","tags":["Vue","TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-14T01:56:12.658Z","title":"jasmine/5.0.0.md at main · jasmine/jasmine · GitHub","url":"https://github.com/jasmine/jasmine/blob/main/release_notes/5.0.0.md","content":"Jasmine 5.0.0リリース。\nNode.js 12/14/16のサポート終了、テストの並列実行をサポートなど","tags":["JavaScript","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-14T12:16:30.381Z","title":"Rome v12.1.0","url":"https://rome.tools/blog/2023/05/10/rome12_1/","content":"Rome 12.1.0リリース。\nStage 3のDecoratorsのサポート、GitなどのVCSをサポートし`.gitignore`の設定などを利用できるように、ルールの追加や修正。\nstdinに対する`rome check`の対応、`rome migrate`コマンドの追加、ヘルプの改善など","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-16T04:29:35.575Z","title":"Release 7.0.0-alpha.0 · lerna/lerna","url":"https://github.com/lerna/lerna/releases/tag/7.0.0-alpha.0","content":"lerna 7.0.0-alpha.0リリース。\n`lerna bootstrap`/`add`/`link`コマンドを別のパッケージに分離し、本体には含めないように変更","tags":["JavaScript","monorepo","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-16T05:03:40.566Z","title":"microsoft/deoptexplorer-vscode: A VS Code extension to visualize deoptimizations in your JavaScript and TypeScript code running in V8 (i.e., NodeJS, Edge, Chrome, etc.).","url":"https://github.com/microsoft/deoptexplorer-vscode","content":"V8 のトレースログをVSCode上で可視化して最適化ができていない箇所を見つける拡張。\nCPUプロファイルの可視化、インラインキャッシュの状態、Deoptimizations、関数の状態などを可視化できる\n","tags":["VSCode","node.js","V8"],"relatedLinks":[]},{"date":"2023-05-16T05:10:47.614Z","title":"Introducing Deopt Explorer - TypeScript","url":"https://devblogs.microsoft.com/typescript/introducing-deopt-explorer/","content":"TypeScriptのパフォーマンスを改善するためにインラインキャッシュをちゃんと使えるようにコードをリファクタリングしたという話。\nインラインキャッシュとMonomorphic/Polymorphic/Megamorphic、Deopt Explorerを使った最適化されていない箇所の分析と修正について","tags":["TypeScript","V8","performance","article"],"relatedLinks":[]},{"date":"2023-05-16T21:48:44.338Z","title":"Nuxt 3.5 · Nuxt","url":"https://nuxt.com/blog/v3-5","content":"Nuxt 3.5リリース。\nVue 3.3へアップデート、Nitropack 2.4にアップデート、JSONペイロードのシリアライズの改善。\n`nuxt.config`ファイルで環境ごとの設定を書けるように、実験的にルーティングから型定義を生成する仕組みを追加など","tags":["Vue","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-16T21:54:37.151Z","title":"Release v13.0.0 · sverweij/dependency-cruiser","url":"https://github.com/sverweij/dependency-cruiser/releases/tag/v13.0.0","content":"モジュールの依存関係を分析するツールであるdependency-cruiser 13.0.0リリース。\nNode.js 14のサポート終了、yarn 1のPnPのサポート終了、Pure ESMのパッケージに変更。\n設定ファイルをESMで書けるように、`--config`で設定ファイルの渡さなくても自動で設定ファイルを探索するように変更、パフォーマンスの改善。","tags":["node.js","library","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-16T21:57:51.219Z","title":"Bun v0.6.0 | Bun Blog","url":"https://bun.sh/blog/bun-v0.6.0","content":"Bun 0.6.0リリース。\n`bun build`を追加しファイルをbundleとminifyできるbundler機能を追加、`bun build --compile`で単一実行可能ファイルを生成できるように。\n`import.meta.main`のサポート、`bun test`の改善、TypeScript 5.0のサポート、Import Attributesのサポート、Node.jsの互換性改善など","tags":["Bun","bundler","ReleaseNote"],"relatedLinks":[{"title":"The Bun Bundler | Bun Blog","url":"https://bun.sh/blog/bun-bundler"}]},{"date":"2023-05-19T02:32:29.507Z","title":"Astro 2.5 | Astro","url":"https://astro.build/blog/astro-250/","content":"Astro 2.5リリース。\nData collectionsとしてJSONやYAMLを扱える仕組みの追加、`compressHTML`でHTMLを圧縮できるように、コンポーネントを並列レンダリングできるように。\n実験的な仕組みとして`hybridOutput`オプションを追加、Custom client directivesの追加など","tags":["astro","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-19T06:03:19.938Z","title":"Node v20.2.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v20.2.0","content":"Node.js v20.2.0リリース。\n`http.createServer`に`rejectNonStandardBodyWrites`オプションを追加し、HEADリクエストにbodyがある場合にエラーとするように。\n`URL`クラスの`has`と`delete`に`value`引数を追加など","tags":["node.js","ReleaseNote"],"relatedLinks":[{"title":"Add value argument to URLSearchParams's has() and delete() by annevk · Pull Request #735 · whatwg/url","url":"https://github.com/whatwg/url/pull/735"}]},{"date":"2023-05-19T06:35:31.185Z","title":"Baseline","url":"https://web.dev/baseline/","content":"ブラウザによって広くサポートされている機能セットという定義を提供するBaselineについて。\nある機能が多くのブラウザでサポートされていてそれが使える状態かという軸で見る方法がなかったため、Baselineという定義をしていく取り組み。","tags":["browser","article"],"relatedLinks":[{"title":"Introducing Baseline","url":"https://web.dev/introducing-baseline/"},{"title":"Introducing Baseline: a unified view of stable web features | MDN Blog","url":"https://developer.mozilla.org/en-US/blog/baseline-unified-view-stable-web-features/"},{"title":"web-platform-dx/feature-set: Exploring how to present Web platform features adoptability","url":"https://github.com/web-platform-dx/feature-set"}]},{"date":"2023-05-19T06:37:33.659Z","title":"JS private class fields considered harmful – Lea Verou","url":"https://lea.verou.me/2023/04/private-fields-considered-harmful/","content":"ES2022で追加されたclassのprivate fieldsは、VueのようにProxyでReactiveな仕組みを実装するものと相性が悪いという話。","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2023-05-19T06:42:44.143Z","title":"JavaScript Primer 改訂2版 迷わないための入門書 | azu, Suguru Inatomi |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/dp/4048931105/","content":"2023年6月9日発売\nJavaScriptの入門書","tags":["JavaScript","book"],"relatedLinks":[{"title":"JavaScript Primer 改訂2版の予約が開始されました | Web Scratch","url":"https://efcl.info/2023/05/18/jsprimer-v2-yoyaku/"}]},{"date":"2023-05-19T22:14:29.712Z","title":"ESLint v8.41.0 released - ESLint - Pluggable JavaScript Linter","url":"https://eslint.org/blog/2023/05/eslint-v8.41.0-released/","content":"ESLint v8.41.0リリース。\n`shouldUseFlatConfig()`を追加、`indent`ルールのパフォーマンス改善など","tags":["ESLint","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-21T14:11:14.440Z","title":"WebKit Features in Safari 16.5 | WebKit","url":"https://webkit.org/blog/14154/webkit-features-in-safari-16-5/","content":"Safari 16.5リリース。\nCSS Nestingのサポート、`:user-valid`と`:user-invalid`の擬似クラスをサポート。\nLockdownモードでWebCodecs APIを無効化など","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"Safari 16.5 Release Notes | Apple Developer Documentation","url":"https://developer.apple.com/documentation/safari-release-notes/safari-16_5-release-notes"}]},{"date":"2023-05-21T14:33:33.950Z","title":"TypeScript 5.2 Iteration Plan · Issue #54298 · microsoft/TypeScript","url":"https://github.com/microsoft/TypeScript/issues/54298","content":"TypeScript 5.2で取り組む予定のIssue。\nECMAScript ProposalのDecorator Metadata、`using`の対応。\n明示的に型を定義せずに推論させるpartial type argument inferenceを扱う`_`の追加、`tsc`コマンドで変換プラグインを扱う仕組みの追加。\n並列解析でのパフォーマンス改善などに取り組む予定となっている","tags":["TypeScript","issue"],"relatedLinks":[]},{"date":"2023-05-21T14:38:40.212Z","title":"Improved local development with wrangler and workerd","url":"https://blog.cloudflare.com/wrangler3/","content":"wrangler 3.0.0リリース。\n`wrangler publish`を`wrangler deploy`にリネーム、`wrangler dev`でMiniflareと`worked` runtimeを使ったローカル環境での開発をデフォルトに変更","tags":["cloudflare","console","Tools","ReleaseNote"],"relatedLinks":[{"title":"Release wrangler@3.0.0 · cloudflare/workers-sdk","url":"https://github.com/cloudflare/workers-sdk/releases/tag/wrangler%403.0.0"}]},{"date":"2023-05-21T14:42:01.872Z","title":"Announcing TypeScript 5.1 RC - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-5-1-rc/","content":"TypeScript 5.1 RCリリース。\n`undefined`を`return`する関数の型の扱いを改善、getterとsetter間でそれぞれ異なる型を指定できるように、JSXの改善。\nNode.js 14.17未満のサポート終了、`typeRoots`の上向きのパッケージ解決を無効化など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-22T21:47:02.767Z","title":"Release v1.34.0 · microsoft/playwright","url":"https://github.com/microsoft/playwright/releases/tag/v1.34.0","content":"playwright v1.34.0リリース。\nNode.js 14のサポート終了、`playwright`と`@playwright/test`を両方インストールしてる場合に`npx playwright test`が動かなくなるように変更。\nUIモードでテストのステップを表示できるように、`testProject.teardown`プロパティのサポート、`locator.and()`の追加など。","tags":["browser","JavaScript","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-24T00:49:39.941Z","title":"Release v0.1.12 · web-infra-dev/rspack","url":"https://github.com/web-infra-dev/rspack/releases/tag/v0.1.12","content":"rspack v0.1.12リリース。\n`resolve.exportsFields`をサポート、Data URIのimportをサポートなど","tags":["webpack","bundler","ReleaseNote","JavaScript"],"relatedLinks":[]},{"date":"2023-05-26T01:31:49.438Z","title":"microsoft/devicescript: TypeScript for Tiny IoT Devices","url":"https://github.com/microsoft/devicescript","content":"Raspberry Pi PicoなどのIoTデバイス向けの処理をTypeScriptで書けるツールキット","tags":["TypeScript","Tools"],"relatedLinks":[]},{"date":"2023-05-26T01:38:46.987Z","title":"Introducing the popover API - Chrome Developers","url":"https://developer.chrome.com/en/blog/introducing-popover-api/","content":"`popover`属性について","tags":["browser","HTML","article"],"relatedLinks":[]},{"date":"2023-05-26T01:50:38.004Z","title":"Regular expressions in JavaScript - Honeybadger Developer Blog","url":"https://www.honeybadger.io/blog/javascript-regular-expressions/","content":"JavaScriptにおける正規表現の解説とユースケースについて","tags":["JavaScript","RegExp","article"],"relatedLinks":[]},{"date":"2023-05-26T02:07:37.219Z","title":"webpro/knip: ✂️ Find unused files, dependencies and exports in your JavaScript and TypeScript projects. Knip it before you ship it!","url":"https://github.com/webpro/knip","content":"未使用のファイル、未使用の依存関係、未使用のエクスポートなどを検出や削除できるツール。\nさまざまなツールのプラグインとして対応している。","tags":["JavaScript","TypeScript","Tools"],"relatedLinks":[]},{"date":"2023-05-26T02:16:12.089Z","title":"Chrome113でHTTPヘッダを上書きしていろんな状態をお試しできる - hogashi.*","url":"https://blog.hog.as/entry/2023/05/11/181952","content":"Chrome DevToolsでHTTPヘッダを書き換えられるようになった話","tags":["Chrome","article","debug"],"relatedLinks":[]},{"date":"2023-05-26T02:22:39.989Z","title":"Release v3.2.0 · honojs/hono","url":"https://github.com/honojs/hono/releases/tag/v3.2.0","content":"Hono 3.2.0リリース\n`LinearRouter`と`PatternRouter`の追加。実行環境に合わせたプリセットの追加、` app.mount()` APIの追加、cookie middlewareの追加など","tags":["JavaScript","server","library","ReleaseNote"],"relatedLinks":[{"title":"Honoのv3.2が出ました","url":"https://zenn.dev/yusukebe/articles/ee57dc12f34724"}]},{"date":"2023-05-26T02:23:49.786Z","title":"vanjs-org/van: 🍦VanJS (Vanilla JavaScript): World's smallest reactive UI framework","url":"https://github.com/vanjs-org/van","content":"ファイルサイズが小さなReactive UIフレームワーク","tags":["JavaScript","library","GUI"],"relatedLinks":[]},{"date":"2023-05-26T02:32:14.446Z","title":"mizchi/lizod","url":"https://github.com/mizchi/lizod","content":"zodライクなTypeScriptの型として利用できるバリデーションライブラリ。\nzodからメソッドチェーンや複雑なバリデーションを取り除いたAPIを作ることで、ファイルサイズが小さくなることを目的にしている","tags":["TypeScript","library"],"relatedLinks":[{"title":"lizod: 1kb 未満の zod の精神的後継","url":"https://zenn.dev/mizchi/articles/lizod-is-lightweight-zod"}]},{"date":"2023-05-26T02:33:05.519Z","title":"OpenJS Collab Summit 2023 - YouTube","url":"https://www.youtube.com/playlist?list=PLyspMSh4XhLO15jJD9Sj069fN18j12AbQ","content":"OpenJS Collab Summit 2023 の動画一覧","tags":["JavaScript","Conference","video"],"relatedLinks":[]},{"date":"2023-05-26T03:08:36.791Z","title":"Using the Web Vitals extension to debug Core Web Vitals issues","url":"https://web.dev/debug-cwvs-with-web-vitals-extension/","content":"Web Vitals extensionを使いWeb Vitalsに関する問題をデバッグする方法について","tags":["performance","browser","Chrome","Extension","article"],"relatedLinks":[{"title":"GoogleChrome/web-vitals-extension: A Chrome extension to measure essential metrics for a healthy site","url":"https://github.com/GoogleChrome/web-vitals-extension"}]},{"date":"2023-05-27T03:05:27.666Z","title":"Parcel v2.9.0","url":"https://parceljs.org/blog/v2-9-0/","content":"Parcel 2.9.0リリース。\n`exports`フィールドをopt-inでサポート、ESMで書かれた設定ファイルをサポート、ローカルのプラグインをサポート。\nデフォルトのminifyをSWCへ切り替え、`--trace`フラグで詳細なトレースデータを取得できるようになるなど","tags":["bundler","JavaScript","ReleaseNote"],"relatedLinks":[{"title":"Release v2.9.0 · parcel-bundler/parcel","url":"https://github.com/parcel-bundler/parcel/releases/tag/v2.9.0"}]},{"date":"2023-05-28T00:38:26.919Z","title":"Bun v0.6.4 | Bun Blog","url":"https://bun.sh/blog/bun-v0.6.4","content":"Bun 0.6.4リリース。\n`bun test`のパフォーマンス改善、`.env.test`や`.env.test.local`をロードできるように、`process.env.TZ`でタイムゾーンの変更に対応。\n`require.cache`でimport cacheを削除できるようになるなど、ログの改善など","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-28T00:56:52.377Z","title":"Deno 1.34: deno compile supports npm packages","url":"https://deno.com/blog/v1.34","content":"Deno v1.34リリース。\n`deno compile`が`npm:`に対応、`deno.json`でglobを指定できるように、IPアドレスに対するTLS証明書をサポート。\nunstable APIとして `Deno.createHttpClient()`を追加など","tags":["deno","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-29T01:44:41.143Z","title":"ECMAScript proposal updates @ 2023-05 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2023/05/27/ecmascript-proposal-update","content":"2023-05のTC39 MeetingでのECMAScript Proposalの変更点まとめ。\n`Atomics.waitAsync`、Well-Formed Unicode Strings 、RegExp `v` flag がStage 4となりES2024に入る。","tags":["ECMAScript","proposal","news"],"relatedLinks":[]},{"date":"2023-05-30T06:35:21.453Z","title":"Bun v0.6.5 | Bun Blog","url":"https://bun.sh/blog/bun-v0.6.5","content":"Bun 0.6.5リリース。\n以前はCommonJSをESMに変換して実行していたが、ネイティブにCommonJSをサポート。\n`npm_lifecycle_event`のサポートなど","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-31T13:22:23.272Z","title":"Release v5.0.0-beta.0 · reduxjs/redux","url":"https://github.com/reduxjs/redux/releases/tag/v5.0.0-beta.0","content":"Redux v5.0.0-beta.0リリース。\n`UnknownAction` typeの追加、ソースコードをTypeScriptにマイグレーション。\n`createStore`を非推奨に、dual packageの対応、IEのサポート終了など","tags":["redux","ReleaseNote"],"relatedLinks":[]},{"date":"2023-05-31T13:28:08.521Z","title":"O'Reilly Japan - 初めてのTypeScript","url":"https://www.oreilly.co.jp/books/9784814400362/?utm_mediun=referral","content":"2023年06月16日 発売。\nLearning TypeScriptの翻訳本","tags":["TypeScript","book"],"relatedLinks":[]},{"date":"2023-05-31T13:30:48.587Z","title":"stepci/garph: Fullstack GraphQL Framework for TypeScript","url":"https://github.com/stepci/garph","content":"GraphQL APIスキーマをビルダー関数で組み立てて、フロントとサーバで共有できるtRPCライクなGraphQLライブラリ。\n","tags":["TypeScript","GraphQL","library"],"relatedLinks":[]},{"date":"2023-06-01T00:07:20.267Z","title":"Electron 25.0.0 | Electron","url":"https://www.electronjs.org/blog/electron-25-0","content":"Electron 25.0.0リリース。\nChromium 114、Node.js 18.15.0、V8 11.4へアップデート。\nChromiumのネットワークスタックを使った`net.fetch` APIの追加、`protocol.handle` APIの追加。\n`protocol.{register,intercept}{Buffer,String,Stream,File,Http}Protocol` APIの非推奨化など","tags":["Electron","ReleaseNote"],"relatedLinks":[]},{"date":"2023-06-01T02:10:12.320Z","title":"Release sveltejs@4.0.0-next.0 · sveltejs/svelte","url":"https://github.com/sveltejs/svelte/releases/tag/svelte%404.0.0-next.0","content":"Svelte 4.0.0-next.0リリース。\nNode.js 14のサポート終了、webpack 4のサポート終了、パッケージサイズの改善など","tags":["Svelte","ReleaseNote"],"relatedLinks":[]},{"date":"2023-06-01T02:21:22.791Z","title":"React Handbook","url":"https://reacthandbook.dev/","content":"Reactハンドブック。\nReactでのアプリケーション開発についてのガイド","tags":["React","document"],"relatedLinks":[]},{"date":"2023-06-01T02:50:48.059Z","title":"300ms Faster: Reducing Wikipedia's Total Blocking Time","url":"https://www.nray.dev/blog/300ms-faster-reducing-wikipedias-total-blocking-time/","content":"WikipediaのTBTのパフォーマンス改善について。\n不要なJavaScriptの削除、event delegationを使った処理の最適化について","tags":["performance","article"],"relatedLinks":[]},{"date":"2023-06-01T03:06:22.553Z","title":"AbortSignal.any(), AbortSignal.timeout(), そして addEvnetListener() の Signal | blog.jxck.io","url":"https://blog.jxck.io/entries/2023-06-01/abort-signal-any.html","content":"AbortSignalを使ったリソース解放のパターンと`AbortSignal.any()`/`AbortSignal.timeout()`について","tags":["Fetch","article","JavaScript"],"relatedLinks":[]},{"date":"2023-06-01T04:47:43.708Z","title":"State of Node.js Performance 2023","url":"https://blog.rafaelgss.dev/state-of-nodejs-performance-2023","content":"Node.js 16, 18, 20でのベンチマーク比較。\nfsやeventsなどの内部ベンチマーク、HTTPサーバのベンチマーク比較など","tags":["node.js","performance","article"],"relatedLinks":[]},{"date":"2023-06-01T22:46:13.351Z","title":"Announcing TypeScript 5.1 - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-5-1/","content":"TypeScript 5.1リリース。\n`undefined`を`return`する関数の型の扱いを改善、getterとsetter間でそれぞれ異なる型を指定できるように、JSXの改善。\nNode.js 14.17未満のサポート終了、`typeRoots`の上向きのパッケージ解決を無効化など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2023-06-01T22:52:47.510Z","title":"Bun v0.6.6 | Bun Blog","url":"https://bun.sh/blog/bun-v0.6.6","content":"Bun 0.6.6リリース。\n`bun test`がGitHub Actions向けの出力をサポート、`bun test --only`/`bun test --todo`/`test.if()`/`describe.if()`の追加。\n`test()`が`timeout`オプションをサポート、`expect()`にmatcherを追加。\nFetch Upload Streamingのサポートなど","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2023-06-01T23:20:05.050Z","title":"Chrome 115 beta - Chrome Developers","url":"https://developer.chrome.com/en/blog/chrome-115-beta/","content":"Chrome 115 Betaリリース。\nスクロールベースのアニメーションである`ScrollTimeline`と`ViewTimeline`の追加、`WebAssembly.Module()`のメインスレッドでのモジュールサイズの制限を8MBに緩和。\nメインフレームのナビゲーションで自動的にHTTPSにアップデートし、HTTPへのフォールバックを行うように、Storage Partitioningをデフォルトで有効化など。\nOrigin TrialとしてCompute Pressure API、マジックコメントでのcompile hintsの追加、Storage Buckets APIの追加など。\n`document.domain`への代入を非推奨化、Mutation Eventsを非推奨化など","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2023-06-04T23:06:32.477Z","title":"JavaScript Macros in Bun | Bun Blog","url":"https://bun.sh/blog/bun-macros","content":"Bun 0.6.0で実装されたbundlerを使ったbundle時のマクロ展開について。\n`import ... with { type: 'micro' }`でマクロとして読み込み、bundle時にそのモジュールの評価結果を埋め込む機能。\n","tags":["Bun","article"],"relatedLinks":[]},{"date":"2023-06-07T14:10:54.384Z","title":"Astro 2.6: Middleware | Astro","url":"https://astro.build/blog/astro-260/","content":"Astro 2.6リリース。\nMiddlewares/`output: \"hybrid\"`/Custom client directivesのStable化。\nCSSをインライン化する`inlineStylesheets: \"auto\"`オプションの追加、実験的にリダイレクト機能の追加など","tags":["astro","ReleaseNote"],"relatedLinks":[]},{"date":"2023-06-08T05:07:33.535Z","title":"Open sourcing Ezno's checker and trying out / previewing the JavaScript type checker today · kaleidawave/ezno · Discussion #21","url":"https://github.com/kaleidawave/ezno/discussions/21","content":"Rustで書かれたTypeScriptの型チェッカーであるEnzoがリリースされた。\nまだサポートされていない構文なども多いがOxc CLIを通して利用できるようになった","tags":["TypeScript","Rust","ReleaseNote"],"relatedLinks":[{"title":"Release CLI v0.1.0 Ezno Type Checker · Boshen/oxc","url":"https://github.com/Boshen/oxc/releases/tag/v0.1.0"}]},{"date":"2023-06-08T23:12:21.661Z","title":"Release 7.0.0 · lerna/lerna","url":"https://github.com/lerna/lerna/releases/tag/7.0.0","content":"lerna 7.0.0リリース。\n`lerna bootstrap`/`add`/`link`は削除された。デフォルトでworkspacesを使うようになり、`useWorkspaces`オプションの削除。\n非推奨となっていたオプションの削除など","tags":["JavaScript","monorepo","ReleaseNote"],"relatedLinks":[{"title":"Legacy Package Management | Lerna","url":"https://lerna.js.org/docs/legacy-package-management"}]},{"date":"2023-06-09T11:58:01.754Z","title":"The origin private file system","url":"https://web.dev/origin-private-file-system/","content":"Origin private file systemについて。\nOriginごとのルートディレクトリがあり、メインスレッドまたはWeb Workerから利用できる。\nWeb Workerからは同期APIも利用できる。","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2023-06-09T12:29:50.843Z","title":"Node v20.3.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v20.3.0","content":"Node.js v20.3.0リリース。\nlibuv 1.45.0にアップデート、`AbortSignal.any()`の実装など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2023-06-10T13:12:54.735Z","title":"HTML 全体の CSS を取得して Shadow DOM に適用する | marmooo's blog","url":"https://marmooo.blogspot.com/2023/06/html-css-shadow-dom.html","content":"`document.styleShets`からスタイルを集めて`replaceSync`でスタイルシートを作り、`shadowRoot.adoptedStyleSheets`でスタイルシートを当てる方法について。","tags":["CSS","WebComponents","article"],"relatedLinks":[]},{"date":"2023-06-10T13:32:33.990Z","title":"Announcing Rspack 0.2 - Rspack","url":"https://www.rspack.dev/blog/announcing-0.2.html","content":"Rspack 0.2リリース。\nPlugin Hooksの追加、ESM形式のoutputに対応、`SplitChunksPlugin`の実装、Data URIのサポート、Vue/Svelte/NestJSの対応など","tags":["webpack","rspack","ReleaseNote"],"relatedLinks":[]},{"date":"2023-06-10T22:27:45.002Z","title":"Bun v0.6.8 | Bun Blog","url":"https://bun.sh/blog/bun-v0.6.8","content":"Bun v0.6.8リリース。\n`Bun.password`の追加、`bun:test`モジュールに`mock`/`spyOn`関数を追加。\n`Bun.serve`にブラウザからWebSocketsを使ったデバッガーに接続できる`inspector`オプションの追加など","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2023-06-10T23:22:04.937Z","title":"Tresjs/tres: Declarative ThreeJS using Vue Components","url":"https://github.com/tresjs/tres","content":"ThreeJSとVueを使った宣言的に3DのViewを作成できるライブラリ","tags":["Vue","WebGL","library"],"relatedLinks":[]},{"date":"2023-06-10T23:33:37.396Z","title":"Release v1.35.0 · microsoft/playwright","url":"https://github.com/microsoft/playwright/releases/tag/v1.35.0","content":"playwright v1.35.0リリース。\nUI modeでRoute APIが処理したリクエストを表示するように、スクリーンショットに`maskColor`オプションを追加、`uninstall`サブコマンドを追加。\nバイナリを`playwright`から`playwright-core`へリネームなど","tags":["playwright","ReleaseNote"],"relatedLinks":[]},{"date":"2023-06-10T23:37:25.044Z","title":"NakedJSX - Use JSX without React","url":"https://nakedjsx.org/","content":"JSXから静的なHTMLと小さなランタイムを生成するツールキット。\nScoped CSSを扱う機能、開発用サーバ、画像/CSS/HTML/JSの最適化して出力をする機能を持っている。","tags":["jsx","JavaScript","library"],"relatedLinks":[]},{"date":"2023-06-11T00:01:31.437Z","title":"RSC From Scratch. Part 1: Server Components · reactwg/server-components · Discussion #5","url":"https://github.com/reactwg/server-components/discussions/5","content":"React Server Components (RSC)を一から実装してみるチュートリアル。\nSSRとRSCの違い。\nJSXのHTMLへの変換しHTMLを返しレンダリング、入力状態を維持したままナビゲーションをするためにJSXをオブジェクトとして返しクライアントでレンダリング。","tags":["React","tutorial"],"relatedLinks":[]},{"date":"2023-06-11T00:49:31.301Z","title":"Modern CSS in Real Life - Chris Coyier","url":"https://chriscoyier.net/2023/06/06/modern-css-in-real-life/","content":"モダンなCSSの機能についてのスライドと解説。\nLogical Properties、Container Queries、Cascade Layers、CSS Colorsと`oklch()`、View Transitions APIについて","tags":["CSS","article","slide"],"relatedLinks":[]},{"date":"2023-06-11T00:52:42.022Z","title":"evanw/polywasm","url":"https://github.com/evanw/polywasm","content":"`globalThis.WebAssembly`のpolyfill実装。\nApple/SafariのLockdown Modeのように`WebAssembly` APIが利用できない環境でも、`.wasm`を実行するためのpolyfill。","tags":["WebAssembly","JavaScript","library","polyfill"],"relatedLinks":[]},{"date":"2023-06-12T02:50:31.600Z","title":"Release 3.31.0 - 2023.06.12 · zloirock/core-js","url":"https://github.com/zloirock/core-js/releases/tag/v3.31.0","content":"core-js v3.31.0リリース。\nProposal Stageの変更への対応。\nArray GroupingはStage 2へ降格し、静的メソッドである`Object.groupBy`を追加。\n`Promise.withResolvers`の追加など","tags":["JavaScript","library","polyfill","ReleaseNote"],"relatedLinks":[]},{"date":"2023-06-12T12:27:19.723Z","title":"Turborepo 1.10 – Turbo","url":"https://turbo.build/blog/turbo-1-10-0","content":"Turborepo 1.10リリース。\nPlopを使った`turbo gen`の追加、`.env`のサポート、`--env-mode`がStableに変更など","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[{"title":"Consistency Made Simple : PLOP","url":"https://plopjs.com/"}]},{"date":"2023-06-14T22:17:41.428Z","title":"Release v8.1.0 · reduxjs/react-redux","url":"https://github.com/reduxjs/react-redux/releases/tag/v8.1.0","content":"React-Redux v8.1.0リリース。\n開発モードでは`useSelector`が同じ入力に対して同じ結果を返すかをチェックする仕組みが追加された。\nselectorを同じ入力で2回呼び出し、異なる参照の場合は警告を出す仕組み","tags":["React","redux","ReleaseNote"],"relatedLinks":[]},{"date":"2023-06-17T06:47:08.514Z","title":"Fresh 1.2 – welcoming a full-time maintainer, sharing state between islands, limited npm support, and more","url":"https://deno.com/blog/fresh-1.2","content":"Deno向けのWeb FrameworkであるFresh 1.2リリース。\nメインメンテナーをPreactのMarvin Hagemeisterに交代。\nSigalsをhydrateできるように、`npm:`識別子の対応、HEADハンドラーの追加。\n`islands/`のサブディレクトリのサポート、プラグインが非同期処理に対応など","tags":["deno","library","ReleaseNote","React"],"relatedLinks":[]},{"date":"2023-06-17T06:49:18.950Z","title":"Release v10.0.0 · nestjs/nest","url":"https://github.com/nestjs/nest/releases/tag/v10.0.0","content":"NestJS v10.0.0リリース。\nNode.js 12, 14のサポート終了、`@nestjs/common`から`CacheModule`を削除など","tags":["node.js","library","ReleaseNote"],"relatedLinks":[{"title":"Migration guide - FAQ | NestJS - A progressive Node.js framework","url":"https://docs.nestjs.com/migration-guide"}]},{"date":"2023-06-17T07:06:49.694Z","title":"The Cloud is dead, long live the Cloud! Announcing Wasmer Edge","url":"https://wasmer.io/posts/announcing-wasmer-edge","content":"Wasmer Edgeのリリース。\nWebAssemblyのアプリケーションをWasmtimeで動かすプラットフォーム。\nShared nothingのアーキテクチャを採用した分散モノリスのアプローチ。","tags":["WebAssembly","webservice","article"],"relatedLinks":[]},{"date":"2023-06-17T07:11:08.289Z","title":"Fermyon • Experience the next wave of cloud computing. | Fermyon • Experience the next wave of cloud computing.","url":"https://www.fermyon.com/","content":"Spinというツールキットで作成したWebAssemblyアプリケーションをデプロイ、実行できるサーバレスプラットフォーム","tags":["WebAssembly","webservice"],"relatedLinks":[{"title":"The Next Generation of Serverless is Happening | Fermyon • Experience the next wave of cloud computing.","url":"https://www.fermyon.com/blog/next-generation-of-serverless-is-happening"}]},{"date":"2023-06-17T07:58:19.047Z","title":"Modern CSS For Dynamic Component-Based Architecture | Modern CSS Solutions","url":"https://moderncss.dev/modern-css-for-dynamic-component-based-architecture/","content":"モダンなCSSを使ったコンポーネントベースのアーキテクチャについて。\n`@layer`を使ったLayout、`:has()`やCustom Propertiesを使ったVariants。\n`@container style()`を使ったスタイルの条件分岐、Container QueryとMedia Queryによるブレークポイントでのデバイスサイズ出し分けの違いについてなど","tags":["CSS","article"],"relatedLinks":[]},{"date":"2023-06-18T13:03:55.001Z","title":"Release v5.0.0 ❤️ · gvergnaud/ts-pattern","url":"https://github.com/gvergnaud/ts-pattern/releases/tag/v5.0.0","content":"TypeScript向けのパターンマッチングライブラリであるts-pattern 5.0.0リリース。\n`.with`の動作変更、method chainのサポートなど","tags":["TypeScript","ReleaseNote","library"],"relatedLinks":[]},{"date":"2023-06-20T14:09:57.934Z","title":"TypeScript 5.2's New Keyword: 'using' | Total TypeScript","url":"https://www.totaltypescript.com/typescript-5-2-new-keyword-using","content":"TypeScript 5.2で実装予定のECMAScript Proposal Stage 3の`using`について。\nリソース解放のパターンを`using`構文としてサポートする","tags":["TypeScript","JavaScript","ECMAScript","proposal","article"],"relatedLinks":[{"title":"tc39/proposal-explicit-resource-management: ECMAScript Explicit Resource Management","url":"https://github.com/tc39/proposal-explicit-resource-management"},{"title":"ECMAScript Explicit Resource Management & `using` Declarations · Issue #52955 · microsoft/TypeScript","url":"https://github.com/microsoft/TypeScript/issues/52955"}]},{"date":"2023-06-20T14:17:14.206Z","title":"Introducing HTTP/3 Prioritization","url":"https://blog.cloudflare.com/better-http-3-prioritization-for-a-faster-web/","content":"HTTP/3 Extensible Prioritiesをサポートすることで、Webページの読み込みがどれぐらい改善されるかについて","tags":["HTTP3","performance","article","cloudflare"],"relatedLinks":[]},{"date":"2023-06-20T22:46:41.044Z","title":"Tuesday June 20 2023 Security Releases | Node.js","url":"https://nodejs.org/en/blog/vulnerability/june-2023-security-releases","content":"Node.jsのセキュリティアップデートとして、16.x/18.x/20.xがそれぞれ公開された。\n\n- Node.js v16.20.1 (LTS)\n- Node.js v18.16.1 (LTS)\n- Node.js v20.3.1 (Current)\n","tags":["node.js","ReleaseNote","security"],"relatedLinks":[]},{"date":"2023-06-20T22:56:07.690Z","title":"Web Apps on macOS Sonoma 14 Beta","url":"https://blog.tomayac.com/2023/06/07/web-apps-on-macos-sonoma-14-beta/","content":"macOS Sonomaのインストール可能なウェブアプリの動作について","tags":["macOS","safari","article"],"relatedLinks":[]},{"date":"2023-06-22T13:23:05.326Z","title":"Panda CSS - Build modern websites using build time and type-safe CSS-in-JS","url":"https://panda-css.com/","content":"CSS in JSフレームワーク。\nTypeScriptでType Safeにスタイルを書くことができ、ツールを通してCSSファイルとして出力することで、実行時にはJSが不要になっている。","tags":["CSS","TypeScript","Tools"],"relatedLinks":[]},{"date":"2023-06-22T13:33:07.343Z","title":"Codux | Visual IDE for React","url":"https://www.codux.com/","content":"Reactのビジュアルエディタ。\nGUIでコンポーネントを編集でき、コードも並べて編集できるエディタ。","tags":["React","editor","Tools"],"relatedLinks":[{"title":"Meet Codux: The React Visual Editor That Improves Developer Experience — Smashing Magazine","url":"https://www.smashingmagazine.com/2023/06/codux-react-visual-editor-improves-developer-experience/"}]},{"date":"2023-06-22T13:57:51.398Z","title":"Cyclic Dependency Space Toggles","url":"https://kizu.dev/cyclic-toggles/","content":"CSS Variablesを使ってロジックゲートを実装する方法について。\n循環参照するVariablesは無効となる仕様を利用し、Variablesにif文的な切り替えを実装する方法について。またなぜこのような仕様と実装になったのかについて","tags":["CSS","article"],"relatedLinks":[]},{"date":"2023-06-23T12:06:49.525Z","title":"Announcing Svelte 4","url":"https://svelte.dev/blog/svelte-4","content":"Svelte 4リリース。\nNode.js 14のサポート終了、CJSの出力は廃止しESMのみをサポートするように、Custom Elementsの対応を`tag`オプションから`customElement`オプションに変更。\n生成するファイルサイズの削減、ウェブサイトのドキュメントを刷新など","tags":["Svelte","ReleaseNote"],"relatedLinks":[{"title":"Svelte 4 migration guide • Docs • Svelte","url":"https://svelte.dev/docs/v4-migration-guide"},{"title":"Release svelte@4.0.0 · sveltejs/svelte","url":"https://github.com/sveltejs/svelte/releases/tag/svelte%404.0.0"}]},{"date":"2023-06-23T12:29:03.012Z","title":"Ember 5.0 Released","url":"https://blog.emberjs.com/ember-5-0-released/","content":"Ember 5.0リリース。\nEmberではメジャーアップデートは機能追加をせず、破壊的変更のみを行う。\n`AutoLocation`の削除、`@ember/error`パッケージの削除、`Ember.String`の削除など","tags":["Ember","ReleaseNote"],"relatedLinks":[]},{"date":"2023-06-23T23:26:57.529Z","title":"Release v6.14.0 · remix-run/react-router","url":"https://github.com/remix-run/react-router/releases/tag/react-router%406.14.0","content":"React Router 6.14.0リリース。\n`useSubmit`がJSONとTextをサポート。","tags":["React","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-06-26T12:19:11.743Z","title":"Release v0.18.9 · evanw/esbuild","url":"https://github.com/evanw/esbuild/releases/tag/v0.18.9","content":"esbuild v0.18.9リリース。\n`await using`の対応漏れの修正、autoprefixer的のようにCSSのprefixを自動で追加できるようになるなど","tags":["JavaScript","CSS","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2023-06-26T12:53:09.929Z","title":"Next.js App Router Update | Next.js","url":"https://nextjs.org/blog/june-2023-update","content":"Next.jsの最近の取り組みについて。\nApp RouterのStable化、巨大なアプリケーションでのパフォーマンスの改善、ドキュメントの改善。\nReactのServer Side Componentへの対応やServer Actionsについてなど","tags":["Next.js","article"],"relatedLinks":[]},{"date":"2023-06-26T13:19:49.477Z","title":"2023-06-24 DOMのテストがどんどん書きたくなるTesting Libraryの世界への招待 (#phpconfuk) - Google スライド","url":"https://docs.google.com/presentation/d/1j6sEAs0LF5jPXs_mHxvPreqK-lxEL3OxvQAFyXmxbZc/view#slide=id.g24bcedd6665_0_0","content":"DOMのテストライブラリであるTesting Libraryの考え方について。\nDOMを生成し、テスト対象をクエリで検索し、アサーションでテストする。\nクエリにはWAI-ARIA Roleやラベル、Test Idなどを指定するメソッドがあるがその優先度について。","tags":["JavaScript","testing","slide"],"relatedLinks":[{"title":"About Queries | Testing Library","url":"https://testing-library.com/docs/queries/about/"}]},{"date":"2023-06-27T11:06:09.606Z","title":"Bun v0.6.10 | Bun Blog","url":"https://bun.sh/blog/bun-v0.6.10","content":"Bun v0.6.10リリース。\nCommonJSの互換性を改善しwebpack動作するように、`require.main`のサポート、`__esModule`フラグを解釈するように。\n`fs.watch`の実装、V8の`Error.captureStackTrace`の実装。\n`bun install`時にライフサイクルスクリプトの実行を許可するパッケージを定義する`trustedDependencies`フィールドのサポートなど","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2023-06-29T00:16:01.494Z","title":"Release Notes for Safari Technology Preview 173 | WebKit","url":"https://webkit.org/blog/14378/release-notes-for-safari-technology-preview-173/","content":"Safari Technology Preview 173リリース。\nSafari 17で導入予定の機能が利用できるTechnology Preview。\nWeb Inspectorの再設計、ウェブアプリをDockに追加、JPEG XLのサポート、HEICのサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2023-06-29T00:32:36.638Z","title":"Release v3.0.0 · cloudflare/miniflare","url":"https://github.com/cloudflare/miniflare/releases/tag/v3.0.0","content":"miniflare v3.0.0リリース。\nworkerdを利用するのようになった。\nCLIが同梱されなくなり`wrangler`を経由してCLIとして利用できる。\nまたいくつかのAPIが削除や変更されている。","tags":["cloudflare","ReleaseNote","JavaScript"],"relatedLinks":[{"title":"⬆️ Migrating from Version 2 · Miniflare","url":"https://miniflare.dev/get-started/migrating"}]},{"date":"2023-06-29T00:36:14.894Z","title":"Module Federation: streamline your microfrontends","url":"https://module-federation.io/","content":"Microforntendsの開発を補助するModule Federationについてのウェブサイトが公開された。\nドキュメントやユースケース、使い方やサンプルプロジェクトなどが公開されている。","tags":["JavaScript","MicroFrontend","document"],"relatedLinks":[]},{"date":"2023-06-29T00:44:01.845Z","title":"The Cost Of JavaScript - 2023 - YouTube","url":"https://www.youtube.com/watch?v=ZKH3DLT4BKw","content":"JavaScriptのコストについての動画とスライド。\nJavaScriptのダウンロード、実行のコスト。\nCode SplittingやDynamic Importなどの最適化。\nIslands ArchitectureのPartial Hydration、QwikのResumalable Hydration、ReactのSelective Hydationについて。","tags":["JavaScript","video","performance"],"relatedLinks":[{"title":"The Cost Of JavaScript in 2023 - Speaker Deck","url":"https://speakerdeck.com/addyosmani/the-cost-of-javascript-in-2023?slide=31"}]},{"date":"2023-07-03T11:46:22.973Z","title":"Release v8.0.0-alpha.0 · pixijs/pixijs","url":"https://github.com/pixijs/pixijs/releases/tag/v8.0.0-alpha.0","content":"PixiJS v8.0.0-alpha.0リリース。\nWebGPUレンダラーとWebGLレンダラーの書き直し、変更されたものだけ更新するリアクティブレンダラー、高度なBlendモードをの追加など。\n初期化方法を非同期に変更、Graphics APIの刷新など","tags":["JavaScript","game","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-07-03T11:56:15.460Z","title":"ESLint v8.44.0 released - ESLint - Pluggable JavaScript Linter","url":"https://eslint.org/blog/2023/06/eslint-v8.44.0-released/","content":"ESLint v8.44.0リリース。\n`eslint.config.js`でPromiseを受け入れることで設定ファイル(CJS)からESMをロードできるように、espreeがRegExpの`v`フラグをサポート。\n`context.parserServices`プロパティを非推奨化など","tags":["ESLint","ReleaseNote"],"relatedLinks":[]},{"date":"2023-07-03T12:02:36.499Z","title":"Announcing TypeScript 5.2 Beta - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-5-2-beta/","content":"TypeScript 5.2 Betaリリース。\nStage 3 ProposalのExplicit Resource Management(`using`宣言)のサポート、Decorator Metadataのサポート。\nTupleにおけるラベルありなしの組み合わせの制限を削除、配列のUnion型の扱いの改善など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2023-07-03T12:31:19.662Z","title":"CommonJS is not going away | Bun Blog","url":"https://bun.sh/blog/commonjs-is-not-going-away","content":"BunがCommonJSをサポートするのはなぜかについて。\nCommonJSとECMAScript Moduleを比べると同期と非同期の違いがあるため起動時のロード時間が異なることや、すでに多くのCommonJSモジュールがあるため","tags":["Bun","CommonJS","article","ECMAScript","module"],"relatedLinks":[{"title":"CommonJS is hurting JavaScript","url":"https://deno.com/blog/commonjs-is-hurting-javascript"}]},{"date":"2023-07-03T12:44:43.298Z","title":"Ecma International approves new standards - Ecma International","url":"https://www.ecma-international.org/news/ecma-international-approves-new-standards-at-the-125th-general-assembly-27-june-2023/","content":"ECMAScript 2023がecma GAで承認されたため、正式にリリース。","tags":["ECMAScript","ReleaseNote"],"relatedLinks":[{"title":"Release ES2023 · tc39/ecma262","url":"https://github.com/tc39/ecma262/releases/tag/es2023"}]},{"date":"2023-07-03T22:40:06.413Z","title":"Release v4.0.0 · lquixada/cross-fetch","url":"https://github.com/lquixada/cross-fetch/releases/tag/v4.0.0","content":"cross-fetch 4.0.0リリース。\nNode.js 10と12のサポート終了、Node.js 18と20のサポート、Service WorkerとCloudflare Workersのサポートなど","tags":["JavaScript","browser","node.js","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-07-04T02:03:29.317Z","title":"Useful DevTools Tips and Tricks — Smashing Magazine","url":"https://www.smashingmagazine.com/2023/06/popular-devtools-tips/","content":"ブラウザの開発者ツールのTipsをまとめた記事","tags":["debug","browser","article"],"relatedLinks":[]},{"date":"2023-07-04T02:07:08.058Z","title":"Release v8.6.6 · pnpm/pnpm","url":"https://github.com/pnpm/pnpm/releases/tag/v8.6.6","content":"pnpm v8.6.6リリース。\nパフォーマンスの改善など","tags":["pnpm","performance","ReleaseNote"],"relatedLinks":[]},{"date":"2023-07-04T02:35:27.719Z","title":"Architecture of an early stage SAAS | Feelback Blog","url":"https://www.feelback.dev/blog/feelback-saas-launch-architecture/","content":"fly.io と Node.jsを使ったSaaSのアーキテクチャ解説。\nfly.ioを使った低コストなインフラの構成。\nクライアントとサーバどちらもNode.jsで、型付きRPCとしてhttpcを利用。\n管理画面はCloudflare Pagesにありhttpcを使って通信、ホームページやドキュメントにはAstroを利用している。\nまた、利用している外部サービスやmonorepoの構造についてなど","tags":["webservice","article","node.js"],"relatedLinks":[{"title":"httpc: function-based API made easy","url":"https://httpc.dev/"}]},{"date":"2023-07-04T02:41:44.865Z","title":"giuseppelt/httpc: Build function-based API with minimal code and end-to-end type safety","url":"https://github.com/giuseppelt/httpc","content":"TypeScriptで書いたサーバの関数をクライアントから同じように呼び出せるRPCツールキット。\nサーバで関数をexportしたコードからクライアントコードを生成する仕組みによって、サーバの関数と同じ関数と引数でAPIコールができる。","tags":["TypeScript","JavaScript","library","server"],"relatedLinks":[]},{"date":"2023-07-04T23:40:11.822Z","title":"Release v29.6.0 · jestjs/jest","url":"https://github.com/jestjs/jest/releases/tag/v29.6.0","content":"Jest 29.6.0リリース。\nCurrent Testでのsnapshotテストのサポート、非同期でエラーがthrowされた場合の問題を`rejectionHandled`イベントを使うことで修正など","tags":["jest","JavaScript","testing","library"],"relatedLinks":[]},{"date":"2023-07-05T00:55:29.553Z","title":"Release 0.2.5 · web-infra-dev/rspack","url":"https://github.com/web-infra-dev/rspack/releases/tag/0.2.5","content":"rspack 0.2.5リリース。\nWeb Workerのサポート、entryの`filename`オプションのサポート、HMRでCJSとESMが混在している場合にwarningを出すようになるなど","tags":["webpack","ReleaseNote","JavaScript","bundler"],"relatedLinks":[]},{"date":"2023-07-05T06:00:06.609Z","title":"Firefox 115.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/115.0/releasenotes/","content":"Firefox 115リリース。\nmacOS 10.14以下、Windows7/8/8.1がサポートされる最後のバージョンとなる。\n`contenteditable`におけるノード分割と結合の挙動を他のブラウザと揃えるように変更。\n` Array.fromAsync()`のサポート、ES2023の`Array.toReversed()`/`.toSorted()`/`.toSpliced()`/`.with()`のサポート。\n`Response.json()`、`URL.canParse()`のサポートなど。","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox users on macOS 10.12, 10.13 and 10.14 moving to Extended Support Release | Firefox ヘルプ","url":"https://support.mozilla.org/ja/kb/firefox-users-macos-1012-1013-1014-moving-to-extended-support"},{"title":"Firefox users on Windows 7, 8 and 8.1 moving to Extended Support Release | Firefox ヘルプ","url":"https://support.mozilla.org/ja/kb/firefox-users-windows-7-8-and-81-moving-extended-support"},{"title":"Firefox 115 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/115"},{"title":"Intent to Ship: Compatible join and split node direction in HTML editor","url":"https://groups.google.com/a/mozilla.org/g/dev-platform/c/Ob-T1HSe-4I?pli=1"}]},{"date":"2023-07-06T11:43:26.332Z","title":"Node v20.4.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v20.4.0","content":"Node.js v20.4.0リリース。\n`node:test`がTimerのMockをサポート、ECMAScript Stage 3のExplicit Resource Management(`using`)のサポートなど","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2023-07-06T12:04:08.155Z","title":"Bun v0.6.13 | Bun Blog","url":"https://bun.sh/blog/bun-v0.6.13","content":"Bun v0.6.13リリース。\n`bun:test`がDateのmockに対応、`Buffer.toString(\"base64\")`のパフォーマンス改善、`node:tls`と`node:net`の互換性の改善。\n`Buffer.isUtf8()`と`isAcii()`の実装、`WebSocket`クライアントのバグ修正など","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2023-07-07T01:48:32.281Z","title":"Prettier 3.0: Hello, ECMAScript Modules! · Prettier","url":"https://prettier.io/blog/2023/07/05/3.0.0.html","content":"Prettier 3.0リリース。\nMarkdownで日本語/中国語と英語の間にスペースを入れないように変更、CJKの禁則処理に対応。\nプラグインで非同期パーサをサポート、設定ファイルでESMをサポート、`trailingComma`のデフォルト値を`all`に変更など","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2023-07-09T12:47:30.871Z","title":"gibbok/typescript-book: The Concise TypeScript Book: A Concise Guide to Effective Development in TypeScript. Free and Open Source.","url":"https://github.com/gibbok/typescript-book","content":"TypeScriptの入門書","tags":["TypeScript","book","OpenSource"],"relatedLinks":[]},{"date":"2023-07-11T00:41:19.161Z","title":"Announcing typescript-eslint v6 | typescript-eslint","url":"https://typescript-eslint.io/blog/announcing-typescript-eslint-v6/","content":"typescript-eslint 6.0.0リリース。\nプリセットルールをグループに分けて、`strict-type-checked`/`stylistic`/`stylistic-type-checked`を追加、プリセットを組み合わせて設定するように変更。\n非推奨となったルールの削除、Node.js 14のサポート終了、ルールの設定変更など。\n開発者向けのAPIやASTの変更も含まれる。","tags":["TypeScript","ESLint","ReleaseNote"],"relatedLinks":[]},{"date":"2023-07-12T10:52:43.175Z","title":"Breaking Up with SVG-in-JS in 2023 | Jacob Groß | kurtextrem.de","url":"https://kurtextrem.de/posts/svg-in-js","content":"SVGをJSのbundleに含める問題とパフォーマンスについて","tags":["JavaScript","SVG","article","performance"],"relatedLinks":[]},{"date":"2023-07-12T11:08:17.439Z","title":"Boa release v0.17 - Boa","url":"https://boajs.dev/posts/2023-07-08-boa-release-17/","content":"Rustで書かれたJavaScriptパーサ/コンパイラーのBoa 0.17リリース。\nECMAScript Modulesに対応、test262のダッシュボードを追加。\n定数畳み込み、Hidden Classの最適化に対応。\n`--debug-object`フラグの追加、組み込みオブジェクトラッパーの追加、Intlのサポートなど","tags":["JavaScript","Rust","ReleaseNote"],"relatedLinks":[{"title":"Boa EcmaScript conformance","url":"https://boajs.dev/boa/test262/"}]},{"date":"2023-07-12T11:12:09.450Z","title":"アニメーションの実装が劇的に簡単になるFLIPテクニック","url":"https://katashin.info/posts/flip-animation/","content":"FLIP(First, Last, Invert, Play)というアニメーションのテクニックについて。\n複雑な座標計算をせずにアニメーションを実装する方法。","tags":["JavaScript","CSS","animation","article"],"relatedLinks":[]},{"date":"2023-07-12T11:19:54.898Z","title":"Release 5.0.0 · prisma/prisma","url":"https://github.com/prisma/prisma/releases/tag/5.0.0","content":"Prisma 5.0.0リリース。\n実験的な機能だった`jsonProtocol`/`fieldReference`/`extendedWhereUnique`をStableに変更。\nNode.js 14のサポート終了、暗黙的に配列とみなす\"array shortcuts\"のサポートを削除、非推奨のオプションの削除など","tags":["JavaScript","node.js","database","library","ReleaseNote"],"relatedLinks":[{"title":"Upgrade to Prisma 5","url":"https://www.prisma.io/docs/guides/upgrade-guides/upgrading-versions/upgrading-to-prisma-5"}]},{"date":"2023-07-12T11:47:44.340Z","title":"Release v6.0.0 · styled-components/styled-components","url":"https://github.com/styled-components/styled-components/releases/tag/v6.0.0","content":"styled-components v6.0.0リリース。\nNode.js 14のサポート終了、TypeScriptでの書き直し、ベンダープレフィックスをデフォルトでは省略するように変更、stylis v4へアップデートなど","tags":["CSS","JavaScript","alib","ReleaseNote"],"relatedLinks":[{"title":"styled-components: FAQs","url":"https://styled-components.com/docs/faqs#what-do-i-need-to-do-to-migrate-to-v6"}]},{"date":"2023-07-12T12:07:46.450Z","title":"Deno 1.35: A fast and convenient way to build web servers","url":"https://deno.com/blog/v1.35","content":"Deno v1.35リリース。\n`Deno.serve()`をStableに変更、Noe.jsとの互換性改善。\n標準モジュールの`semver`の書き直し、`html`モジュールの追加、`http/user_agent`の追加など","tags":["deno","ReleaseNote"],"relatedLinks":[]},{"date":"2023-07-12T20:35:27.310Z","title":"DevTools Tips: Record and replay user flows with the Recorder - Chrome Developers","url":"https://developer.chrome.com/en/blog/devtools-tips-4/","content":"Chrome DevToolsのRecord and Replay機能について。\n操作を記録して再生できる。再生に対してブレークポイントを設定したり、内容を編集、拡張機能を使ってCypressなどのテストフレームワーク向けに出力したりできる。","tags":["Chrome","debug","testing","Tools","article"],"relatedLinks":[]},{"date":"2023-07-12T20:36:44.242Z","title":"Bytecode Alliance — Welcoming Javy: A new hosted project","url":"https://bytecodealliance.org/articles/javy-hosted-project","content":"Shopifyによって作成されたJavaScriptを WebAssembly(JS + QuickJS)にコンパイルするJavyがBytecode Allianceのホストプロジェクトとなった。","tags":["JavaScript","WebAssembly","news"],"relatedLinks":[]},{"date":"2023-07-12T20:53:02.072Z","title":"Scroll-driven Animations","url":"https://scroll-driven-animations.style/","content":"Scroll-driven animationsのデモやユースケースについてまとめたサイト","tags":["JavaScript","CSS","animation","document"],"relatedLinks":[{"title":"A case study on scroll-driven animations performance - Chrome Developers","url":"https://developer.chrome.com/en/blog/scroll-animation-performance-case-study/"}]},{"date":"2023-07-12T21:01:57.649Z","title":"mdx-editor/editor: An open source rich text React component for markdown editing","url":"https://github.com/mdx-editor/editor","content":"MarkdownリッチエディタのReactコンポーネント。\n","tags":["Markdown","JavaScript","library"],"relatedLinks":[]},{"date":"2023-07-12T21:33:34.453Z","title":"CommonJSからES Modulesへの移行する方法。トップダウンかボトムアップか | Web Scratch","url":"https://efcl.info/2023/07/05/convert-to-esm/","content":"Node.jsにおけるESMへの移行は、依存関係の読み込み側に影響を与えるため、ボトムアップではなくトップダウンで段階的な移行ができるという話。\n依存ツリーの作成や段階的な移行をするための境界線の見つけ方、CJSからESMをインポートする回避策などについて","tags":["JavaScript","node.js","ECMAScript","CommonJS","article"],"relatedLinks":[]},{"date":"2023-07-14T12:56:58.028Z","title":"ECMAScript proposal updates @ 2023-07 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2023/07/14/ecmascript-proposal-update","content":"2023年7月のTC39 MeetingでのECMAScript Proposalのステータス変更のまとめ","tags":["ECMAScript","proposal","news"],"relatedLinks":[]},{"date":"2023-07-15T04:08:00.117Z","title":"Discontinued · Issue #533 · patriksimek/vm2","url":"https://github.com/patriksimek/vm2/issues/533","content":"Node.jsの`vm`モジュールを使ったSandboxを実現する目的の`vm2`に構造的なSandbox Escapeの脆弱性があるため、メンテナンスを終了するというアナウンス。\n脆弱性のPoCは2023年8月ごろに公開されるため、isolated-vmのようなモジュールへ移行を推奨している。","tags":["node.js","security","library","issue","news"],"relatedLinks":[{"title":"vm2 Sandbox Escape vulnerability · CVE-2023-37466 · GitHub Advisory Database","url":"https://github.com/advisories/GHSA-cchq-frgv-rjh5"},{"title":"laverdet/isolated-vm: Secure & isolated JS environments for nodejs","url":"https://github.com/laverdet/isolated-vm"}]},{"date":"2023-07-15T10:46:47.821Z","title":"Release v0.18.13 · evanw/esbuild","url":"https://github.com/evanw/esbuild/releases/tag/v0.18.13","content":"esbuild v0.18.13リリース。\n`DEV: doAnExpensiveCheck()`のようなラベル指定した処理を、`--drop-label`で削除できるように。\n","tags":["JavaScript","bundler","ReleaseNote"],"relatedLinks":[]},{"date":"2023-07-17T11:38:16.177Z","title":"URL.canParse","url":"https://davidwalsh.name/url-canparse","content":"URLがパースできるかを判定する`URL.canParse`メソッドについて\n","tags":["JavaScript","URL","article"],"relatedLinks":[{"title":"URL: canParse() static method - Web APIs | MDN","url":"https://developer.mozilla.org/en-US/docs/Web/API/URL/canParse_static"}]},{"date":"2023-07-17T11:53:43.029Z","title":"Release Notes for Safari Technology Preview 174 | WebKit","url":"https://webkit.org/blog/14390/release-notes-for-safari-technology-preview-174/","content":"Safari Technology Preview 174リリース。\nCanvas自体に設定された合計メモリ使用量の制限を削除など","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"Total Canvas Memory Use Exceeds The Maximum Limit - PQINA","url":"https://pqina.nl/blog/total-canvas-memory-use-exceeds-the-maximum-limit/"}]},{"date":"2023-07-19T11:54:01.639Z","title":"Node v18.17.0 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v18.17.0","content":"Node.js v18.17.0リリース。\nURLパーサのAda 2.0にアップデート、`URL.canParse`のサポート、Web Crypto APIの仕様との互換性の向上など","tags":["node.js","ReleaseNote"],"relatedLinks":[]},{"date":"2023-07-19T12:32:14.268Z","title":"Release 1.0.3 · kamranahmedse/driver.js","url":"https://github.com/kamranahmedse/driver.js/releases/tag/1.0.3","content":"サイトツアー表示をするDriver.js 1.0リリース。\nTypeScriptで書き直し、SVGをページ上に載せてハイライト表示をするように実装を変更、ドキュメントを刷新など","tags":["JavaScript","ReleaseNote","library"],"relatedLinks":[]},{"date":"2023-07-19T12:46:30.319Z","title":"coderaiser/putout: 🐊 Pluggable and configurable JavaScript Linter and code transformer with built-in ESLint and Babel support for js, jsx typescript, flow, markdown, yaml and json. Write declarative codemods in a simplest possible way 😏","url":"https://github.com/coderaiser/putout","content":"BabelとESLintをベースにしたcodemodのツールキット。\nビルトインルールとしてCommonJS to ESMなど多数の変換ルールを持っているが、それらを管理するツールとプラグインの仕組みを提供する。\n","tags":["JavaScript","AST","Tools"],"relatedLinks":[]},{"date":"2023-07-19T22:45:15.162Z","title":"Storybook 7.1","url":"https://storybook.js.org/blog/storybook-7-1/","content":"Storybook 7.1リリース。\nオンボーディングの追加、Emotionなどのスタイリングライブラリのセットアップを自動化、Vueのサポートの改善。\nFigma design addonをコアに取り込むなど","tags":["JavaScript","CSS","debug","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2023-07-20T07:44:17.115Z","title":"Chrome 116 beta - Chrome Developers","url":"https://developer.chrome.com/en/blog/chrome-116-beta/","content":"Chrome 116 betaリリース。\nCSS Motion Path、`display`と`content-visibility`に対してキーフレームアニメーションをサポート。\n`AbortSignal.any()`のサポート、Fetch APIの`getReader({mode: 'byob'})`をサポート、Document Picture-in-Pictureのサポート。\nPermissions Policy Originsに`*` wildcardの指定をサポート。\nOrigin TrialとしてCOOPの`restrict-properties`をサポート、EditContext APIのサポートなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Use a ReadableStream with byte source (formerly called ReadableByteStream) for .body · Issue #267 · whatwg/fetch","url":"https://github.com/whatwg/fetch/issues/267"},{"title":"ReadableStream.getReader() - Web API | MDN","url":"https://developer.mozilla.org/ja/docs/Web/API/ReadableStream/getReader"},{"title":"Wildcards in Permissions Policy Origins by arichiv · Pull Request #516 · w3c/webappsec-permissions-policy","url":"https://github.com/w3c/webappsec-permissions-policy/pull/516"},{"title":"w3c/edit-context: EditContext API","url":"https://github.com/w3c/edit-context"}]},{"date":"2023-07-20T11:11:23.107Z","title":"Fresh 1.3 – Simplified Route Components and More","url":"https://deno.com/blog/fresh-1.3","content":"Fresh 1.3リリース。\n非同期のルートコンポーネントをサポート、プラグインがルーティングやミドルウェアを定義できるように、`_500.tsx`でのエラーページのサポート、ErrorBoundaryのサポート。\n1ファイルから複数のislandsをexportできるように、`Deno.serve`のサポートなど","tags":["deno","library","ReleaseNote"],"relatedLinks":[{"title":"feat: support async route components by marvinhagemeister · Pull Request #1388 · denoland/fresh","url":"https://github.com/denoland/fresh/pull/1388"},{"title":"feat(server): plugins can add middlewares and routes by deer · Pull Request #1455 · denoland/fresh","url":"https://github.com/denoland/fresh/pull/1455"}]},{"date":"2023-07-20T11:54:25.661Z","title":"How React 18 Improves Application Performance – Vercel","url":"https://vercel.com/blog/how-react-18-improves-application-performance","content":"React 18のTransitions、Suspense、Server Componentsについて","tags":["React","article"],"relatedLinks":[]},{"date":"2023-07-20T12:38:40.292Z","title":"Release v0.18.14 · evanw/esbuild","url":"https://github.com/evanw/esbuild/releases/tag/v0.18.14","content":"esbuild v0.18.14リリース。\nCSS Modulesサポートの一貫として、`global-css` loaderと`local-css` loaderを追加し、CSSで`:local()`と`:global()`をサポートなど。","tags":["esbuild","ReleaseNote"],"relatedLinks":[]},{"date":"2023-07-20T12:48:27.026Z","title":"Security alert: social engineering campaign targets technology industry employees - The GitHub Blog","url":"https://github.blog/2023-07-18-security-alert-social-engineering-campaign-targets-technology-industry-employees/","content":"採用担当者や開発者になりすまし、プライベートリポジトリに招待、そのリポジトリをcloneしてインストールすると感染するマルウェアが仕込まれているという攻撃が増えている話。\nマルウェアはnpm install時に、ダウンロードして実行される仕組みになっているという話","tags":["Github","security","npm","article"],"relatedLinks":[{"title":"Phylum Discovers Sophisticated Ongoing Attack on NPM","url":"https://blog.phylum.io/sophisticated-ongoing-attack-discovered-on-npm/"}]},{"date":"2023-07-20T22:34:23.099Z","title":"Node v20.5.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v20.5.0","content":"Node.js v20.5.0リリース。\n`node:events`に`addAbortListener`を追加、`fs.readFileSync`でUTF-8のファイルを読み込むときのパフォーマンスを改善など","tags":["nodejs","ReleaseNote"],"relatedLinks":[]},{"date":"2023-07-21T12:28:48.431Z","title":"pkg-size | Find the true size of a npm package","url":"https://pkg-size.dev/","content":"WebContainersを使ってパッケージをインストールし、パッケージのインストール速度やインストールサイズをチェックできるサービス","tags":["npm","webservice","performance"],"relatedLinks":[]},{"date":"2023-07-22T04:31:29.275Z","title":"Bun v0.7.0 | Bun Blog","url":"https://bun.sh/blog/bun-v0.7.0","content":"Bun v0.7.0リリース。\nViteのサポート、`Worker` APIのサポート、`structuredClone()`のサポート、`AsyncLocalStorage`のサポート。\n実行時のパフォーマンスを犠牲にメモリ消費量を抑える`bun --smol`フラグのサポート、`bun test --bail=<number>`のサポート、Node.jsとの互換性改善など","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2023-07-23T14:41:33.081Z","title":"typescript-eslint v6 アップデートガイド","url":"https://zenn.dev/cybozu_frontend/articles/ts-eslint-v6-guide","content":"typescript-eslit v6 のプリセットの変更について","tags":["TypeScript","eslib","article"],"relatedLinks":[]},{"date":"2023-07-25T14:40:54.831Z","title":"Astro 2.9: View Transitions (experimental) | Astro","url":"https://astro.build/blog/astro-290/","content":"Astro 2.9リリース。\n試験的にView Transitionsのサポート、Redirectsオプションのサポート。\n再エクスポートをしてるライブラリのbundleを最適化など","tags":["astro","ReleaseNote"],"relatedLinks":[]},{"date":"2023-07-25T23:27:31.854Z","title":"fabian-hiller/valibot: The modular and type safe schema library for validating structural data 🤖","url":"https://github.com/fabian-hiller/valibot","content":"zodライクなスキーマをビルダー関数で組み立てバリデーションとTypeScriptの型として利用できるライブラリ。\n利用しているビルダー関数のみを含むBundleを作れるように、メソッドチェーンではなく関数を組み合わせてスキーマを定義するようになっている","tags":["TypeScript","library"],"relatedLinks":[{"title":"Introducing Valibot, a < 1kb Zod Alternative","url":"https://www.builder.io/blog/introducing-valibot"}]},{"date":"2023-07-27T09:51:18.025Z","title":"httptoolkit/brotli-wasm: A reliable compressor and decompressor for Brotli, supporting node & browsers via wasm","url":"https://github.com/httptoolkit/brotli-wasm","content":"BrotliのCompress/Decompressを扱うライブラリ。\nRustのBrotli CrateをWebAssemblyにコンパイルして利用する。","tags":["WebAssembly","JavaScript","library"],"relatedLinks":[]},{"date":"2023-07-28T01:33:34.522Z","title":"Release 3.32.0 - 2023.07.28 · zloirock/core-js","url":"https://github.com/zloirock/core-js/releases/tag/v3.32.0","content":"core-js v3.32.0リリース。\nArray grouping, `Promise.withResolvers`, Set methods, Iterator HelpersのStage変更に対応。\nStage 3の`Float16Array`, Stage 1の`Uint8Clamped`をサポートなど","tags":["JavaScript","polyfill","ReleaseNote"],"relatedLinks":[]},{"date":"2023-07-28T03:55:44.894Z","title":"Release Notes for Safari Technology Preview 175 | WebKit","url":"https://www.webkit.org/blog/14398/release-notes-for-safari-technology-preview-175/","content":"Safari Technology Preview 175 リリース。\nService Workerでrequestをリダイレクトした時にHashフラグメントがなくなる問題を修正。\n`.nodeValue`と`.textContent`に`null`代入時の動作を他のブラウザと合わせて、`null`を空文字として扱うように変更など","tags":["ReleaseNote","safari"],"relatedLinks":[{"title":"249323 – Make Attr.value/nodeValue/textContent not nullable","url":"https://bugs.webkit.org/show_bug.cgi?id=249323"},{"title":"Why can't Node's nodeValue use [TreatNullAs=EmptyString]? · Issue #259 · whatwg/dom","url":"https://github.com/whatwg/dom/issues/259"}]},{"date":"2023-07-28T05:04:15.045Z","title":"Release v1.19.0 · remix-run/remix","url":"https://github.com/remix-run/remix/releases/tag/remix%401.19.0","content":"Remix 1.19.0リリース。\nesbuildの`metafile.*`をビルドディレクトリに含めるように、`serverNodeBuiltinsPolyfill`オプションの追加など","tags":["Remix","ReleaseNote"],"relatedLinks":[]},{"date":"2023-07-28T05:05:53.699Z","title":"ESLint を使って JSDoc / TSDoc の記述を必須化する","url":"https://zenn.dev/wakamsha/articles/setup-eslint-plugin-jsdoc","content":"ESLintのルールでJSDocの記述をチェックする設定について","tags":["ESLint","article"],"relatedLinks":[]},{"date":"2023-07-28T05:07:51.132Z","title":"ServiceWorkerの落とし穴8選 - Repro Tech Blog","url":"https://tech.repro.io/entry/2023/07/27/105218","content":"Service Workerのライフサイクル、Cache-Controlヘッダでのキャッシュの動作、デバッグ、バグがあった時に停止方法などについて","tags":["ServiceWorker","article","JavaScript"],"relatedLinks":[]},{"date":"2023-07-28T05:24:21.993Z","title":"Release v6.0.0 · redwoodjs/redwood","url":"https://github.com/redwoodjs/redwood/releases/tag/v6.0.0","content":"Redwood v6.0.0リリース。\nViteをデフォルトのBundlerとして利用するように変更、Prisma 5へのアップデート、Storybook 7へのアップデート、firebaseのアップデートなど","tags":["nodejs","ReleaseNote","library"],"relatedLinks":[{"title":"Redwood v6.0.0 Upgrade Guide - Announcements / Releases and Upgrade Guides - RedwoodJS Community","url":"https://community.redwoodjs.com/t/redwood-v6-0-0-upgrade-guide/5044"}]},{"date":"2023-07-29T02:23:18.098Z","title":"Release v130 · esm-dev/esm.sh","url":"https://github.com/esm-dev/esm.sh/releases/tag/v130","content":"esm.sh v130リリース。\nminifyされたUMDをexportするCommonJSパッケージをサポート","tags":["JavaScript","cdn","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-07-29T12:35:37.797Z","title":"ESLint v8.46.0 released - ESLint - Pluggable JavaScript Linter","url":"https://eslint.org/blog/2023/07/eslint-v8.46.0-released/","content":"ESLint v8.46.0リリース。\nES2024の正規表現の`v`フラグをサポート、 flat configのエラーメッセージの改善など","tags":["ESLint","ReleaseNote"],"relatedLinks":[]},{"date":"2023-07-29T12:37:47.318Z","title":"ブラウザの戻る/進むを高速に！ヤフーにおけるBFCache有効化に向けた取り組み - Yahoo! JAPAN Tech Blog","url":"https://techblog.yahoo.co.jp/entry/2023072430429932/","content":"ChromeでのBFcache有効化の条件、デバッグ方法、BFCache有効時のパフォーマンスについて","tags":["browser","performance"],"relatedLinks":[{"title":"How Back/forward Cache Helped Yahoo! JAPAN News Increase Revenue by 9% on Mobile","url":"https://web.dev/yahoo-japan-news-bfcache/"}]},{"date":"2023-07-30T22:57:25.977Z","title":"Release Evergreen · riot/riot","url":"https://github.com/riot/riot/releases/tag/v9.0.0","content":"Riot.js v9.0.0リリース。\nバージョン番号を統一するため、バージョンをスキップしてv9へ。\nNode.js 14/16のサポート終了、BabelでのTranspileをしないように変更、boolean属性の挙動変更など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-08-01T00:06:17.626Z","title":"Release v6.0.0 · markedjs/marked","url":"https://github.com/markedjs/marked/releases/tag/v6.0.0","content":"marked v6.0.0リリース。\nコードベースをTypeScriptへの移行。\nこれに伴い@types/markedは非推奨となった。","tags":["Markdown","JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-08-02T12:26:49.182Z","title":"Firefox 116.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/116.0/releasenotes/","content":"Firefox 116リリース。\nHTTP/2のアップロードパフォーマンスの改善、CSP3 external hashesをサポート。\nFetchの`getReader({mode: 'byob'})`をサポートなど","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 116 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/116"}]},{"date":"2023-08-02T12:41:26.554Z","title":"Release v0.34.0 · vitest-dev/vitest","url":"https://github.com/vitest-dev/vitest/releases/tag/v0.34.0","content":"vitest v0.34.0リリース。\n`@vitest/coverage-c8`を`@vitest/coverage-v8`に変更、`server`オプションの追加に伴いオプションの移動、`deps.optimizer`をデフォルトで有効化など。\n`describe.sequential` APIの追加など","tags":["vite","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2023-08-02T12:46:06.322Z","title":"Bootstrap 5.3.1 | Bootstrap Blog","url":"https://blog.getbootstrap.com/2023/07/26/bootstrap-5-3-1/","content":"Bootstrap 5.3.1リリース。\nダークモードのカラーコントラストの改善、`.disabled`などで無効時のスタイルを追加など","tags":["CSP","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-08-02T12:57:00.688Z","title":"Remote Synthesis | Is Jamstack Officially Finished?","url":"https://remotesynthesis.com/blog/goodbye-jamstack/","content":"Netlifyが運営していたJamstack Community Discordが廃止されたことについて。\n","tags":["community","JavaScript","article"],"relatedLinks":[]},{"date":"2023-08-02T13:24:05.130Z","title":"Speeding up the dbt™ docs by 20x with React Server Components | Dagster Blog","url":"https://dagster.io/blog/dbt-docs-on-react","content":"古いAngularJSと巨大なJSONで動いていた`dbt docs`で生成されるサイトを、Next.jsとReact Server Componentsで置き換える話。\nどのように移植したのか、パフォーマンスがどのように改善されたのかについて","tags":["React","performance","article"],"relatedLinks":[]},{"date":"2023-08-03T03:32:33.004Z","title":"We migrated 50,000 lines of code to React Server Components | Mux","url":"https://www.mux.com/blog/what-are-react-server-components","content":"React Server Componentsについて。\nCSRとSSRとServer Componentについて。\nコンポーネントのツリーをServer Componentへ徐々に移行していく方法について","tags":["React","article"],"relatedLinks":[]},{"date":"2023-08-03T03:50:57.930Z","title":"KittyGiraudel/a11y-dialog: A very lightweight and flexible accessible modal dialog script.","url":"https://github.com/KittyGiraudel/a11y-dialog","content":"WAI-ARIAのダイアログパターンを実装したダイアログUIライブラリ","tags":["UI","accessibility","library"],"relatedLinks":[]},{"date":"2023-08-03T03:58:48.236Z","title":"Bun v0.7.1 | Bun Blog","url":"https://bun.sh/blog/bun-v0.7.1","content":"Bun v0.7.1リリース。\nESMのロードパフォーマンスの改善、`bun:sqlite`のSELECTの改善、workspaceでバージョン指定をサポート。\nnpmプライベートレジストリのサポート改善、Node.jsとの互換性改善、`MessagePort`と`MessageChannel`のサポート、Fetch APIが`file:`をサポートなど","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2023-08-04T01:13:32.681Z","title":"Bun v0.7.2 | Bun Blog","url":"https://bun.sh/blog/bun-v0.7.2","content":"Bun v0.7.2リリース。\n`node:worker_threads`、`node:diagnostics_channel`のサポート。\n`BroadcastChannel` APIのサポート、`Error`オブジェクトを`structuredClone`でcloneできるように修正。\nメモリリークの修正など","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2023-08-04T01:20:07.759Z","title":"Release v11.0.0 · GoogleChrome/lighthouse","url":"https://github.com/GoogleChrome/lighthouse/releases/tag/v11.0.0","content":"Lighthouse v11.0.0リリース。\nNode.js 16のサポート終了、`resource-summary`/`service-worker`/`first-contentful-paint-3g`のAuditを削除。\nINPのAuditをStableへと移行など","tags":["Chrome","performance","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2023-08-05T00:45:21.228Z","title":"Deno 1.36: More flexible security and expanded testing APIs","url":"https://deno.com/blog/v1.36","content":"Deno v1.36リリース。\n`--deny-*`の拒否フラグをサポート、`deno test`がJUnitレポーターをサポート、`node:test`のサポート。\nNode.jsとの互換性改善、モジュールのダウンロードにリトライを追加など","tags":["deno","ReleaseNote"],"relatedLinks":[]},{"date":"2023-08-05T00:47:54.184Z","title":"Astro 2.10: Persistent State in View Transitions | Astro","url":"https://astro.build/blog/astro-2100/","content":"Astro 2.10リリース。\nView Transition APIを使って指定した要素を永続的にする`transition:persist`ディレクティブの追加。\nまた合わせてAstro 3.0がベータリリースされている。","tags":["astro","ReleaseNote"],"relatedLinks":[]},{"date":"2023-08-05T01:35:50.030Z","title":"実践 Svelte入門：書籍案内｜技術評論社","url":"https://gihyo.jp/book/2023/978-4-297-13495-2","content":"Svelteの入門書","tags":["Svelte","book"],"relatedLinks":[]},{"date":"2023-08-07T01:54:57.192Z","title":"Bun v0.7.3 | Bun Blog","url":"https://bun.sh/blog/bun-v0.7.3","content":"Bun v0.7.3リリース。\n`bun test --coverage`のサポート、`bun test -t /pattern/`のサポート。\n`bun:sqlite`、`fs`のクラッシュの修正など","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2023-08-07T13:05:20.654Z","title":"1.0.0: Milestone for API stability · vanjs-org/van · Discussion #72","url":"https://github.com/vanjs-org/van/discussions/72","content":"Reactive UIフレームワークのVanJS 1.0リリース。","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Release 1.0.0: Milestone for API stability · vanjs-org/van","url":"https://github.com/vanjs-org/van/releases/tag/1.0.0"}]},{"date":"2023-08-07T13:55:35.084Z","title":"Bringing Sharp to WebAssembly and WebContainers","url":"https://blog.stackblitz.com/posts/bringing-sharp-to-wasm-and-webcontainers/","content":"C++で書かれたNative Addonの画像処理ライブラリであるsharpをWebContainersで利用できるようにWebAssemblyへコンパイルする話。\nemnapiを使ったNode APIの移植、libvipsをWasmへコンパイル。起動の同期処理化するためにしたEmscripten修正などについて","tags":["WebAssembly","Image","article"],"relatedLinks":[]},{"date":"2023-08-09T05:36:14.579Z","title":"Release v0.19.0 · evanw/esbuild","url":"https://github.com/evanw/esbuild/releases/tag/v0.19.0","content":"esbuild v0.19.0リリース。\nエントリーポイントにワイルドカードを指定できるように、Dynamic Importで変数を含めたパスをbundleできるように。\n`--packages=external`と`tsconfig.json`の`paths`の問題の修正、`.module.css`のデフォルトローダを`local-css`へ変更","tags":["esbuild","ReleaseNote"],"relatedLinks":[]},{"date":"2023-08-09T05:45:08.219Z","title":"npmgraph -","url":"https://npmgraph.js.org/","content":"npmパッケージの依存関係を可視化できるWebサービス。\n指定したパッケージまたは`package.json`から解析できる","tags":["npm","webservice","Tools"],"relatedLinks":[]},{"date":"2023-08-09T06:08:21.817Z","title":"A compilation of outstanding testing articles (with JavaScript) | Practica.js","url":"https://practica.dev/blog/a-compilation-of-outstanding-testing-articles-with-javaScript/","content":"テストに関する優れた記事/動画の概要を紹介している記事。","tags":["JavaScript","program","testing","article"],"relatedLinks":[]},{"date":"2023-08-09T13:35:35.836Z","title":"Vue.jsエコシステム動向2023 - Speaker Deck","url":"https://speakerdeck.com/kazupon/vue-dot-jsekosisutemudong-xiang-2023","content":"Vue周りのエコシステムについてのスライド。\nVue 3.3の改善内容やReactivity Transformが非推奨となった理由について。\nVueのLSP、Nuxt 3とNitroについてなど","tags":["Vue","slide"],"relatedLinks":[]},{"date":"2023-08-10T00:01:45.866Z","title":"Wednesday August 9th 2023 Security Releases | Node.js","url":"https://nodejs.org/en/blog/vulnerability/august-2023-security-releases","content":"Node.jsのセキュリティリリースとして次のバージョンが公開されている。\n\n- Node v20.5.1 (Current)\n- Node v18.17.1 (LTS)\n- Node v16.20.2 (LTS)\n\n実験的な機能であるPermissions policiesの修正とOpenSSLのアップデートが主な修正","tags":["nodejs","ReleaseNote","security"],"relatedLinks":[]},{"date":"2023-08-10T00:06:42.720Z","title":"Announcing TypeScript 5.2 RC - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-5-2-rc/","content":"TypeScript 5.2 RCリリース。\nStage 3 ProposalのExplicit Resource Management(`using`宣言)のサポート、Decorator Metadataのサポート。\nTupleにおけるラベルありなしの組み合わせの制限を削除、配列のUnion型の扱いの改善。\n`import type`では`.ts`ファイルをimportできるように修正、`module`オプションと`moduleResolution`オプションの間違った組み合わせのチェックを追加など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2023-08-10T12:50:25.054Z","title":"Release Notes for Safari Technology Preview 176 | WebKit","url":"https://webkit.org/blog/14401/release-notes-for-safari-technology-preview-176/","content":"Safari Technology Preview 176リリース。\nCSSの`contain-intrinsic-size: inherit`のサポート、`liner(...)` timing functionのサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2023-08-10T13:09:22.915Z","title":"Puppeteer in Node.js: Common Mistakes to Avoid | AppSignal Blog","url":"https://blog.appsignal.com/2023/02/08/puppeteer-in-nodejs-common-mistakes-to-avoid.html","content":"Puppeteerでのよくある間違いについての連載記事","tags":["puppeteer","article"],"relatedLinks":[]},{"date":"2023-08-11T04:43:36.222Z","title":"Updates to Storage Policy | WebKit","url":"https://webkit.org/blog/14403/updates-to-storage-policy/","content":"SafariのWeb StorageのPolicyについて。\nOriginごと/全体でのQuotaがあり、Quotaを超えると`QuotaExceededError`が発生する。\n利用されていないウェブサイトのデータはオリジンごとに削除される。また、ストレージの永続性を保証するためのStorage APIの使い方について","tags":["safari","JavaScript","article"],"relatedLinks":[]},{"date":"2023-08-11T06:47:07.108Z","title":"Blogged Answers: My Experience Modernizing Packages to ESM · Mark's Dev Blog","url":"https://blog.isquaredsoftware.com/2023/08/esm-modernization-lessons/","content":"あらゆる環境で動くJavaScriptのパッケージ公開の難しさについての記事。\nCJSとESMのdual package、TypeScriptの`moduleResolution`との互換性、UMD、webpack 4との互換性。\nNext.jsとReact Server Componentの問題についてなど。","tags":["JavaScript","npm","redux","article","opinion"],"relatedLinks":[]},{"date":"2023-08-11T07:01:30.570Z","title":"Module documentation (in progress)","url":"https://gist.github.com/andrewbranch/79f872a8b9f0507c9c5f2641cfb3efa6","content":"TypeScriptがモジュールに対してどのようなアプローチで扱っているについてのガイド。\n`moduleResolution`オプション、TypeScriptのモジュール解決の仕組み、ESMとCJSの相互運用性などについて","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2023-08-11T07:54:56.271Z","title":"Creating a recorder with Document Picture-in-Picture API | Contrast","url":"https://www.getcontrast.io/learn/using-document-picture-in-picture-and-insertable-streams-apis-to-record-your-screen-and-camera","content":"Document Picture-in-Picture APIを使って、カメラ表示と画面を合成して録画する方法について","tags":["JavaScript","Chrome","article"],"relatedLinks":[]},{"date":"2023-08-11T08:19:58.851Z","title":"A Blog Post With Every HTML Element","url":"https://www.patrickweaver.net/blog/a-blog-post-with-every-html-element/","content":"全てのHTML要素を含むブログ記事。\nそれぞれのタグについての説明が含まれている","tags":["HTML","article"],"relatedLinks":[]},{"date":"2023-08-11T10:06:02.140Z","title":"Deprecating the unload event - Chrome Developers","url":"https://developer.chrome.com/en/blog/deprecating-unload/","content":"Chrome 117から`unload`イベントがDeprecatedとなる。\n`unload`イベントはうまく動かないことが多くBFCacheを無効にする。\n代用として`visibilitychange`/`pagehide`イベントを推奨している。`unload`イベントを利用しているかを調べる方法についてなど","tags":["Chrome","JavaScript","article"],"relatedLinks":[]},{"date":"2023-08-13T23:48:24.440Z","title":"Google Online Security Blog: An update on Chrome Security updates – shipping security fixes to you faster","url":"https://security.googleblog.com/2023/08/an-update-on-chrome-security-updates.html","content":"Chrome 116から、2週間ごとのセキュリティリリースが1週間ごとのリリースへと短縮される。\n","tags":["Chrome","security","news"],"relatedLinks":[]},{"date":"2023-08-14T13:17:17.853Z","title":"Release v1.37.0 · microsoft/playwright","url":"https://github.com/microsoft/playwright/releases/tag/v1.37.0","content":"playwright v1.37.0リリース。\n`--shard`フラグで分割実行した結果のレポートを結合できる`merge-reports`コマンドの追加など","tags":["playwright","ReleaseNote"],"relatedLinks":[]},{"date":"2023-08-14T21:58:58.129Z","title":"Release v1.3.0 · vega/ts-json-schema-generator","url":"https://github.com/vega/ts-json-schema-generator/releases/tag/v1.3.0","content":"ts-json-schema-generator v1.3.0リリース。\n`satisfies`演算子のサポート、TypeScript 5へのアップデート、Bunのサポートなど","tags":["TypeScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-08-15T11:12:41.510Z","title":"Electron 26.0.0 | Electron","url":"https://www.electronjs.org/blog/electron-26-0","content":"Electron 26リリース。\nChromium 116, V8 11.2, Node.js 18.16.1へのアップデート。\n","tags":["Electron","ReleaseNote"],"relatedLinks":[]},{"date":"2023-08-16T06:46:44.078Z","title":"React - Speaker Deck","url":"https://speakerdeck.com/recruitengineers/react","content":"Reactの考え方についてのスライド。\nMPA/SPAの違いや課題、宣言的UIとしてのReact、コンポーネント、状態管理、レンダリング、副作用について","tags":["React","slide"],"relatedLinks":[]},{"date":"2023-08-16T12:32:32.864Z","title":"Release v13.4.16 · vercel/next.js","url":"https://github.com/vercel/next.js/releases/tag/v13.4.16","content":"Next.js v13.4.16リリース。\n実験的にplaywrightとmswを使ったtest modeを追加など","tags":["Next.js","ReleaseNote"],"relatedLinks":[{"title":"Next.jsにnext/testmodeという概念が出現しMSW x Playwrightのテストがやりやすくなりそう","url":"https://zenn.dev/uyas/articles/bc58a4bed15ed4"}]},{"date":"2023-08-16T13:30:06.777Z","title":"Using TypeScript – React","url":"https://react.dev/learn/typescript","content":"TypeScriptについてのReactの公式ドキュメント","tags":["React","TypeScript","document"],"relatedLinks":[]},{"date":"2023-08-16T13:33:40.027Z","title":"What's New in DevTools (Chrome 117) - Chrome Developers","url":"https://developer.chrome.com/en/blog/new-in-devtools-117/","content":"Chrome 117の開発者ツールの変更点について。\nNetworkでのコンテンツオーバーライドの改善、拡張機能のURLをフィルターする機能を追加、Fetchにおける実際のPriorityを確認できるように。\nサードパーティクッキーに関する警告や問題の説明を追加、prerenderのデバッグ機能を追加など","tags":["Chrome","debug","article"],"relatedLinks":[]},{"date":"2023-08-18T10:18:12.684Z","title":"Fresh 1.4 – Faster Page Loads, Layouts and More","url":"https://deno.com/blog/fresh-1.4","content":"Fresh 1.4リリース。\n事前コンパイルによるページ読み込みの改善、`<head>`/`<head>`/`<body>`タグを定義できるように、`_layout`フィアルのサポート。\n`defineRoute`/`defineLayout`/`defineApp`関数の追加、ルートグループの追加など","tags":["deno","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-08-19T23:30:34.946Z","title":"alvarlagerlof/rsc-parser: A parser for the React Server components when sent over the network","url":"https://github.com/alvarlagerlof/rsc-parser","content":"React Server Component(RSC)のデバッグをするブラウザ拡張。\nRSCのネットワークリクエストをパースし、ペイロードを可視化できる","tags":["Chrome","Extension","React","debug"],"relatedLinks":[]},{"date":"2023-08-23T03:51:43.490Z","title":"Release v29.6.3 · jestjs/jest","url":"https://github.com/jestjs/jest/releases/tag/v29.6.3","content":"Jest v29.6.3リリース。\n`@types/node`への依存を削除、watch modeでは常にworkerを使うように変更、minorバージョンで入ったmockに関する破壊的変更をrevertなど","tags":["jest","ReleaseNote"],"relatedLinks":[]},{"date":"2023-08-23T11:43:52.281Z","title":"Release v3.5.0 · honojs/hono","url":"https://github.com/honojs/hono/releases/tag/v3.5.0","content":"Hono v3.5.0リリース。\nSecurity Headersミドルウェアの追加、Cookieヘルパーの追加、Zod OpenAPIミドルウェアの追加。\n`queries`、`c.runtime()`、`app.handleEvent()` を非推奨化など","tags":["JavaScript","server","library"],"relatedLinks":[]},{"date":"2023-08-23T11:48:29.418Z","title":"Debugging speculation rules - Chrome Developers","url":"https://developer.chrome.com/en/blog/debugging-speculation-rules/","content":"Chromeの開発者ツールを使った`speculationrules`などの投機的なprefetchのデバッグ方法について","tags":["Chrome","debug","article"],"relatedLinks":[]},{"date":"2023-08-23T11:55:41.847Z","title":"Chrome 117 beta - Chrome Developers","url":"https://developer.chrome.com/en/blog/chrome-117-beta/","content":"Chrome 117 betaリリース。\nCSSの`@starting-style`ルール、`overlay`プロパティ、`transition-behavior`プロパティのサポート。\nCSS Gridに`subgrid`の実装、`text-wrap: pretty`のサポートなど。\nECMAScript Stage 3の`Object.groupBy`/`Map.groupBy`の実装、Iterator Helpersの実装。\n`Clear-Site-Data`ヘッダの値として`\"clientHints\"`と`\"*\"`を実装。\nURLパースをWHATWG URL標準に合わせるように修正。\nOrigin TraialとしてShared Brotli、WebSQLのdeprecation trial。\nまた`unload`イベントを非推奨へと変更など","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2023-08-23T12:14:52.209Z","title":"Release v9.0.0-alpha.0 · reduxjs/react-redux","url":"https://github.com/reduxjs/react-redux/releases/tag/v9.0.0-alpha.0","content":"React-Redux v9.0.0-alpha.0リリース。\nReact 18、Redux 5が必須へと変更。\nCJS/ESMのdual packageに対応、UMDビルドの削除、Server Componentとの互換性の改善など","tags":["React","redux","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-08-23T12:26:23.560Z","title":"Long Animation Frames API - Chrome Developers","url":"https://developer.chrome.com/en/articles/long-animation-frames/","content":"Long Task APIでは50ms以上占有するタスクがあることしか分からないため不完全な情報だった。\nLong Animation Frames APIはこの欠点を改善し、INPの改善に役立つ情報を提供する目的で追加された点について。\nLong Animation Frames API に含まれる情報(Attributes)やこれを利用したデバッグ方法について。","tags":["Chrome","performance","article"],"relatedLinks":[]},{"date":"2023-08-23T12:33:48.492Z","title":"Alt Text Hall of Fame – Celebrating well-written image descriptions.","url":"https://alttexthalloffame.org/","content":"画像の代替テキストについてのサイト。\nなぜ必要なのかと具体的にどういうキャプションを書くのかの具体的な例などを紹介している","tags":["accessibility","HTML","Image"],"relatedLinks":[]},{"date":"2023-08-24T13:08:52.146Z","title":"Bun v0.8.0 | Bun Blog","url":"https://bun.sh/blog/bun-v0.8.0","content":"Bun v0.8.0リリース。\n`--inspect`でのDebuggerサポート、`bun update`での依存関係のアップデートのサポート、SvelteKit/Nuxtのサポート。\nFetch APIのresponse body streamingのサポート、`File` contrustorのサポートなど","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2023-08-24T13:15:44.528Z","title":"Rspack 0.3 Release Announcement - Rspack","url":"https://www.rspack.dev/blog/announcing-0.3.html","content":"Rspack 0.3リリース。\nCSSの挙動をwebpackと合わせるオプションとして`experiments.css = true`を追加、post-css関係のloaderの変更など。\nWeb Workerのサポート、`builtin:swc-loader`のサポート、`RSPACK_PROFILE=ALL`でのプロファイルを取れるようになるなど","tags":["rspack","webpack","ReleaseNote"],"relatedLinks":[]},{"date":"2023-08-24T13:30:07.026Z","title":"Patterns for Reactivity with Modern Vanilla JavaScript | Frontend Masters","url":"https://frontendmasters.com/blog/vanilla-javascript-reactivity/","content":"JavaScriptでReactiveな処理をどう実装するかについて。\nEventTargetとCustomEventを使ったPubSub/Observerパターン、Proxyを使ったリフアクティブなオブジェクト、Signal。\nまたDOMの`MutationObserver`や`IntersectionObserver`などAPIについて","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2023-08-24T13:52:27.264Z","title":"Release v2.3.0 · parcel-bundler/watcher","url":"https://github.com/parcel-bundler/watcher/releases/tag/v2.3.0","content":"@parcel/watcher 2.3.0リリース。\nFreeBSDのサポート、Wasmバックエンドである`@parcel/watcher-wasm`パッケージの追加など","tags":["nodejs","C++","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-08-25T04:11:49.837Z","title":"Announcing TypeScript 5.2 - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-5-2/","content":"TypeScript 5.2リリース。\nStage 3 ProposalのExplicit Resource Management(`using`宣言)のサポート、Decorator Metadataのサポート。\nTupleにおけるラベルありなしの組み合わせの制限を削除、配列のUnion型の扱いの改善。\n`import type`では`.ts`ファイルをimportできるように修正、`module`オプションと`moduleResolution`オプションの間違った組み合わせのチェックを追加など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2023-08-26T04:40:27.427Z","title":"Nuxt 3.7 · Nuxt","url":"https://nuxt.com/blog/v3-7","content":"Nuxt v3.7リリース。\nWeb Streamと`Response`のサポート、capo.jsを使った`<head>`内の要素の最適化をサポート、Vite 4.4へのアップデート、Nitro 2.6へのアップデート。\n`tsconfig.json`の`baseUrl`ではなく相対パスを使うように変更、AsyncLocalStorageを使った非同期コンテキストのサポートなど","tags":["Vue","library","ReleaseNote"],"relatedLinks":[{"title":"Announcing Nitro 2.6 · UnJS","url":"https://unjs.io/blog/2023-08-25-nitro-2.6"}]},{"date":"2023-08-27T00:18:55.375Z","title":"Release v8.7.0 · pnpm/pnpm","url":"https://github.com/pnpm/pnpm/releases/tag/v8.7.0","content":"pnpm v8.7.0リリース。\n`worker_threads`を使ったパッケージの解凍処理でパフォーマンスの改善。\nv8.0.0では依存する最小バージョンをインストールする`resolution-mode: lowest`がデフォルトだったが、v8.7.0で`resolution-mode: highest`に変更。\n`pnpm import`がnpmのlockfileVersion 3をサポートなど","tags":["pnpm","ReleaseNote"],"relatedLinks":[]},{"date":"2023-08-29T03:34:26.369Z","title":"Protractor Deprecation Update August 2023 | by Mark Thompson (@marktechson) | Aug, 2023 | Angular Blog","url":"https://blog.angular.io/protractor-deprecation-update-august-2023-2beac7402ce0","content":"Protractorは2023年8月末でEOLとなるためサポートが終了する。\n終了に伴うよくある質問や他のテストツールへの移行方法について","tags":["JavaScript","browser","testing","article"],"relatedLinks":[]},{"date":"2023-08-30T12:52:47.973Z","title":"Announcing Biome","url":"https://biomejs.dev/blog/annoucing-biome","content":"RomeはBiomeという名前でプロジェクトをforkすることになった。\n会社としてのRome Tools Inc.は解散し連絡も取れないため、RomeのコアチームがBiomeというプロジェクトで新しくやり直すことになった。\nこれに伴い`rome`パッケージなども`@biome/*`へと変更される。","tags":["JavaScript","Tools","news"],"relatedLinks":[]},{"date":"2023-08-30T13:01:59.221Z","title":"Release v0.20.0 · nodejs/corepack","url":"https://github.com/nodejs/corepack/releases/tag/v0.20.0","content":"corepack 0.20.0リリース。\nCLIのコマンドのほとんどが変更された。古いコマンドも互換性のために維持されている。","tags":["nodejs","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2023-08-30T13:23:49.160Z","title":"Changelog | Cypress Documentation","url":"https://docs.cypress.io/guides/references/changelog#13-0-0","content":"Cypress 13.0.0リリース。\nNode.js 14のサポート終了、`video`オプションがデフォルトで`false`へと変更など","tags":["E2E","testing","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-08-31T00:39:37.499Z","title":"Release astro@3.0.0 · withastro/astro","url":"https://github.com/withastro/astro/releases/tag/astro%403.0.0","content":"Astro 3.0.0リリース。\nNode.js 16のサポート終了、`~/assets`のimport aliasがデフォルトでは含まれないように変更、`class:list`の挙動を変更、画像の最適化にSharpを使うように変更。\nScoped Styleに`:where`ではなくdata属性を使うように変更、ExperimentalだったView TransitionとImageオプションを削除しデフォルトで有効化。\nReact Fast Refreshが動作するようになるなど","tags":["astro","JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Astro 3.0 | Astro","url":"https://astro.build/blog/astro-3/"},{"title":"View Transitions 🚀 Astro Documentation","url":"https://docs.astro.build/en/guides/view-transitions/#upgrade-to-v30-from-v2x"},{"title":"Upgrade to Astro v3 🚀 Astro Documentation","url":"https://docs.astro.build/en/guides/upgrade-to/v3/"}]},{"date":"2023-08-31T01:44:13.150Z","title":"JavaScript Primer v5.0.0: ES2023の対応/CC BYライセンスに変更/Open Collectiveで支援できるようになりました | Web Scratch","url":"https://efcl.info/2023/08/31/jsprimer-v5/","content":"JavaScript入門書のjsprimer v5.0.0リリース。\nES2023のChange Array by copyの対応、`Array.prototype.{findLast, findLastIndex}`の対応。\nライセンスをCC BY-NCからCC BYへ変更など","tags":["JavaScript","book","ReleaseNote"],"relatedLinks":[]},{"date":"2023-08-31T11:57:44.907Z","title":"Introducing the scheduler.yield origin trial - Chrome Developers","url":"https://developer.chrome.com/en/blog/introducing-scheduler-yield-origin-trial/","content":"Chrome 115で実験的に実装されている`scheduler.yield`について。\n`setTimeout(..., 0)`はタスクキューの最後に追加するが、`scheduler.yield`はタスクキューの先頭に追加するという違いがあることについて","tags":["Chrome","JavaScript","article"],"relatedLinks":[]},{"date":"2023-08-31T12:22:40.625Z","title":"aerotoad/neboa: Type-safe NoSQL with Node & SQLite. 🌫️💽","url":"https://github.com/aerotoad/neboa","content":"Node.js向けのSQLiteバックエンドのORMライブラリ。\n","tags":["nodejs","SQLite","library","TypeScript"],"relatedLinks":[]},{"date":"2023-08-31T12:38:13.772Z","title":"The complexity of writing an efficient NodeJS Docker image - Specfy","url":"https://www.specfy.io/blog/1-efficient-dockerfile-nodejs-in-7-steps","content":"Node.jsのDocker Imageのビルドサイズの最適化について","tags":["Docker","article","nodejs"],"relatedLinks":[]},{"date":"2023-08-31T12:43:32.529Z","title":"14 Linting Rules To Help You Write Asynchronous Code in JavaScript - Maxim Orlov","url":"https://maximorlov.com/linting-rules-for-asynchronous-code-in-javascript/","content":"非同期(PromiseやAsync Function)に関するESLintルールの紹介記事。\nよくある非同期処理の間違いや問題を検知するESLintルールのまとめ","tags":["JavaScript","ESLint","article"],"relatedLinks":[]},{"date":"2023-09-01T03:08:58.544Z","title":"Release v10.0.0 · npm/cli","url":"https://github.com/npm/cli/releases/tag/v10.0.0","content":"npm v10.0.0リリース。\nNode.js 14と16のサポートの終了、libnpmpublishが409エラーの場合に再施行しないように変更など","tags":["npm","ReleaseNote"],"relatedLinks":[]},{"date":"2023-09-01T03:11:48.508Z","title":"JavaScript Primer v5.0.0: ES2023の対応/CC BYライセンスに変更/Open Collectiveで支援できるようになりました | Web Scratch","url":"https://efcl.info/2023/08/31/jsprimer-v5/","content":"JavaScript入門書のjsprimer v5.0.0リリース。\nES2023のChange Array by copyの対応、`Array.prototype.{findLast, findLastIndex}`の対応。\nライセンスをCC BY-NCからCC BYへ変更など","tags":["JavaScript","ReleaseNote","book"],"relatedLinks":[]},{"date":"2023-09-02T06:21:18.828Z","title":"Modern.js","url":"https://modernjs.dev/en","content":"ByteDanceのJavaScript向けのウェブアプリケーションフレームワーク。\nReactをベースにしたクライアントサイド向けのモデルやルーティング、Rspack/ESLint/Jestなどの統合、BFFのサポート、MicroFrontendのサポートなどをしている。","tags":["JavaScript","library","MicroFrontend"],"relatedLinks":[]},{"date":"2023-09-02T06:31:58.331Z","title":"Design Trade-offs in Bundler: The Rationale Behind Creating Rspack · web-infra-dev/wg · Discussion #1","url":"https://github.com/web-infra-dev/wg/discussions/1","content":"Rspackの開発の目的やwebpack/parcel/esbuild/rollupなどのbundlerのアーキテクチャについて。\nwebpackにはデバッグやパフォーマンスの問題があり、Vite/Rollupも大規模プロジェクトではパフォーマンスにビルド環境の差異の問題があり、esbuildはプラグインの柔軟性に問題がある。\nRollupはESMのみが第一級市民であり、RspackはwebpackとParcelと同じく言語に依存しないことを目的にしている。\nそれぞれのbundlerのプラグインAPIの設計と複雑性、ASTの再利用とパフォーマンスの問題、Tree ShakingをASTベースで行った場合の課題について。\nまた、今後のRspackが目指す方向して簡単に使えるようにすること、デバッグをしやすくすること、最適化をwebpackと同等以上にすること、リモートキャッシュなどについて触れている。","tags":["JavaScript","bundler","article","architecture"],"relatedLinks":[]},{"date":"2023-09-03T06:28:58.956Z","title":"nitrogql 1.0 release | nitrogql blog","url":"https://nitrogql.vercel.app/blog/release-1.0","content":"GraphQLからクライアントコードの生成とGraphQLのクエリの型チェック行うnitrogql 1.0リリース。","tags":["GraphQL","Tools","Rust","nodejs","TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2023-09-04T10:02:46.032Z","title":"Mofi - Snappy UIs With WebAssembly and Web Workers","url":"https://mofi.loud.red/blog/wasm-and-workers","content":"WebAssemblyでの処理をWebWorkerの中で動かし、メインスレッドをブロックせずに処理を行うという話。\nCPUのコア数を超えてWorkerを増やすと問題があるため、ワーカープールを作成しWorker数を制御している。またWorkerから進捗状況をメッセージングする方法についてなど","tags":["WebAssembly","webworker","article","JavaScript"],"relatedLinks":[]},{"date":"2023-09-04T11:44:04.164Z","title":"Nuxt 3　フロントエンド開発の教科書：書籍案内｜技術評論社","url":"https://gihyo.jp/book/2023/978-4-297-13685-7","content":"2023年9月22日発売\nNuxtについての書籍","tags":["Vue","library","book"],"relatedLinks":[]},{"date":"2023-09-05T04:15:52.635Z","title":"Node v20.6.0 (Current) | Node.js","url":"https://nodejs.org/ja/blog/release/v20.6.0","content":"Node.js v20.6.0リリース。\n`.env`をビルトインサポート、`import.meta.resolve`をフラグなしで利用できるように、`module.register()` APIの追加。\nLoaderの`load` hookがCommonJSをサポートし、非推奨の`require.extensions`を使わなくてもCommonJSを扱うcustom loaderを書けるようになるなど","tags":["nodejs","ReleaseNote"],"relatedLinks":[]},{"date":"2023-09-05T22:24:17.310Z","title":"Faster Vue.js Execution in Firefox - Mozilla Hacks - the Web developer blog","url":"https://hacks.mozilla.org/2023/09/faster-vue-js-execution-in-firefox/","content":"Vueなどが使うProxyの最適化を行うことで、TodoMVC-Vuewのパフォーマンスが40%改善される。\nFirefox 118のリリースにこの変更が含まれる予定。","tags":["Firefox","JavaScript","performance","article"],"relatedLinks":[]},{"date":"2023-09-05T23:11:16.808Z","title":"Release v4.0.0 · actions/checkout","url":"https://github.com/actions/checkout/releases/tag/v4.0.0","content":"actions/checkout v4.0.0リリース。\nNode.js 20を利用するように、`show-progress`オプションを追加など","tags":["Github","Actions","nodejs","ReleaseNote"],"relatedLinks":[]},{"date":"2023-09-06T02:14:44.101Z","title":"measuredco/puck: The self-hosted drag and drop editor for React.","url":"https://github.com/measuredco/puck","content":"D&Dで編集できるビジュアルエディタのReactコンポーネントライブラリ","tags":["React","editor ","library"],"relatedLinks":[]},{"date":"2023-09-07T06:05:07.510Z","title":"How we reduced the size of our JavaScript bundles by 33% - Dropbox","url":"https://dropbox.tech/frontend/how-we-reduced-the-size-of-our-javascript-bundles-by-33-percent","content":"Rollupを使ってCode Splitting/Tree Shakingを行うことでbundleサイズを小さくしたという話。\n一方でRollupはメモリ上に全てのコードを持つためCIのビルドが不安定になった点、細かいchunkだと圧縮効率があまりよくなかった点についてなど","tags":["JavaScript","bundler","article"],"relatedLinks":[]},{"date":"2023-09-08T00:22:39.529Z","title":"Making Sense of React Server Components","url":"https://www.joshwcomeau.com/react/server-components/","content":"React Server Componentsがどのように動くか、ClientとServerの境界線、利点についてなど","tags":["React","article"],"relatedLinks":[]},{"date":"2023-09-08T00:43:41.896Z","title":"nebrelbug/npm-to-yarn: Convert npm CLI commands to yarn, and vice versa","url":"https://github.com/nebrelbug/npm-to-yarn","content":"npmのコマンドをyarn/pnpm/bunのコマンドに変換するライブラリ","tags":["npm","yarn","pnpm","Bun","library"],"relatedLinks":[]},{"date":"2023-09-08T01:07:23.637Z","title":"State of CSS 2023","url":"https://2023.stateofcss.com/","content":"State of CSS 2023の結果が公開された。\nCSSの言語機能、フレームワーク、CSS in JS、ツールなどについてのアンケート結果が公開されている。","tags":["CSS","Survey"],"relatedLinks":[]},{"date":"2023-09-09T00:22:18.574Z","title":"Bun 1.0 | Bun Blog","url":"https://bun.sh/blog/bun-v1.0","content":"Bun v1.0リリース。\nNode.js互換のruntimeとコアパッケージの実装、TypeScriptのTranspiler、Bundler、npmのパッケージマネージャー、`bun test`でのテストツールを持つ。","tags":["Bun","ReleaseNote"],"relatedLinks":[{"title":"Bun 1.0 is here - YouTube","url":"https://www.youtube.com/watch?v=BsnCpESUEqM"}]},{"date":"2023-09-12T12:56:17.740Z","title":"Release v29.7.0 · jestjs/jest","url":"https://github.com/jestjs/jest/releases/tag/v29.7.0","content":"Jest v29.7.0リリース。\n`jest --init`に変わってセットアップができる`create-jest`パッケージの追加など","tags":["jest","JavaScript","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2023-09-12T22:45:16.141Z","title":"doc: mark v16.x as End-of-Life by targos · Pull Request #908 · nodejs/Release","url":"https://github.com/nodejs/Release/pull/908","content":"Node.js 16がEOLとなった","tags":["nodejs","news"],"relatedLinks":[{"title":"Bringing forward the End-of-Life Date for Node.js 16 | Node.js","url":"https://nodejs.org/en/blog/announcements/nodejs16-eol"}]},{"date":"2023-09-13T13:32:38.200Z","title":"New in Chrome 117 - Chrome Developers","url":"https://developer.chrome.com/en/blog/new-in-chrome-117/","content":"Chrome 117リリース。\nCSSのアニメーションに関する機能の追加、\nCSS subgridの実装。\nECMAScript Stage 3の`Object.groupBy`/`Map.groupBy`の実装、Iterator Helpersの実装など","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Chrome 117 beta - Chrome Developers","url":"https://developer.chrome.com/en/blog/chrome-117-beta/"}]},{"date":"2023-09-13T13:41:20.218Z","title":"Release v3.6.0 · honojs/hono","url":"https://github.com/honojs/hono/releases/tag/v3.6.0","content":"Hono v3.6.0リリース。\n`c.render()`と`c.setRenderer()`の追加、`c.var`の追加。\nHMRに対応するViteプラグインとして`@hono/vite-dev-server`を公開など","tags":["JavaScript","library","server","ReleaseNote"],"relatedLinks":[]},{"date":"2023-09-14T11:39:15.195Z","title":"isaacs/tshy","url":"https://github.com/isaacs/tshy","content":"TypeScriptのソースコードからESMとCJSのdual packageを作成するツール","tags":["TypeScript","Tools"],"relatedLinks":[]},{"date":"2023-09-14T12:15:40.627Z","title":"Chrome 118 beta - Chrome Developers","url":"https://developer.chrome.com/en/blog/chrome-118-beta/","content":"Chrome 118 betaリリース。\n`@scope`でのScoped Styles、Media QueryでJavaScriptが有効かを判定する`scripting`の追加。\n`tabIndex`が`0`以上のscoll containerにフォーカスできるように、`beforeunload`で`event.returnValue`が空文字の場合はダイアログを表示しないように変更。","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2023-09-14T12:22:46.935Z","title":"How to Pass a Component as a Prop in React | Total TypeScript","url":"https://www.totaltypescript.com/pass-component-as-prop-react","content":"ComponentをPropsとして渡す3つの方法について。\nJSXを渡す方法、Componentを渡す方法、`as`を使う方法について","tags":["React","article"],"relatedLinks":[]},{"date":"2023-09-14T12:29:52.573Z","title":"Next.Nav","url":"https://www.next-nav.com/","content":"Next.jsのルーティング情報からアプリケーションがどのような構造になっているかを表示、ルーティングの編集ができるVSCode拡張","tags":["Next.js","VSCode","Extension"],"relatedLinks":[]},{"date":"2023-09-14T23:16:02.874Z","title":"Efficient Node.js","url":"https://learning.oreilly.com/library/view/efficient-node-js/9781098145187/","content":"2024年8月発売\nNode.jsでのアプリケーション開発についての書籍","tags":["nodejs","book"],"relatedLinks":[]},{"date":"2023-09-15T00:54:57.232Z","title":"Bootstrap 5.3.2 | Bootstrap Blog","url":"https://blog.getbootstrap.com/2023/09/14/bootstrap-5-3-2/","content":"Bootstrap 5.3.2リリース。","tags":["CSS","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-09-15T07:20:17.335Z","title":"nuejs/nuejs: Build user interfaces with 10x less code. Alternative to React, Vue, and Svelte","url":"https://github.com/nuejs/nuejs/tree/master","content":"少ないコード量で書けることが目的のVue/Riot的なUIフレームワーク。","tags":["JavaScript","UI","Tools","library"],"relatedLinks":[]},{"date":"2023-09-16T00:44:57.412Z","title":"How to Find the Exact Line of an Infinite Loop Bug in the code | by Abdu Tawfik | Medium","url":"https://abduvik.medium.com/how-to-find-infinite-loops-in-javascript-using-devtools-ea5fc84aec73","content":"Chromeで無限ループが起きてる時にパフォーマンスのプロファイルを取る方法について。\n無限ループが起きるとProfile自体も完了しないため、記録を開始してタブのプロセスを強制的に停止すると取得できるという方法について。\nまた同期的な無限ループと非同期的な無限ループについて","tags":["Chrome","debug","article"],"relatedLinks":[]},{"date":"2023-09-17T02:18:40.166Z","title":"Bun v1.0.2 | Bun Blog","url":"https://bun.sh/blog/bun-v1.0.2","content":"Bun v1.0.2リリース。\n`bunx <pkg>@latest`で最新のパッケージが取得できないバグを修正、`bun --watch`のパフォーマンス改善。\nDateのパースにV8の実装を使雨ように、`URL.canParse`/`URLSearchParams.prototype.size`の実装など。","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2023-09-17T03:27:37.127Z","title":"Release v2.0.0 · remix-run/remix","url":"https://github.com/remix-run/remix/releases/tag/remix%402.0.0","content":"Remix 2.0.0リリース。\nReact 17のサポート終了、Node.js 14/16のサポート終了。\nV1からの移行は`v2_*`フラグを使うことで機能を一つずつ有効化して移行できる。\n2.0.0では`v2_*`フラグの削除、`remix.config.js`の設定やコマンドの変更などが含まれる。","tags":["Remix","ReleaseNote"],"relatedLinks":[{"title":"Remix v2 | Remix","url":"https://remix.run/blog/remix-v2"},{"title":"Upgrading to v2 | Remix","url":"https://remix.run/docs/en/main/start/v2"}]},{"date":"2023-09-19T05:40:47.091Z","title":"Node v18.18.0 (LTS) | Node.js","url":"https://nodejs.org/ja/blog/release/v18.18.0","content":"Node.js v18.18.0リリース。\n`node --import`フラグの追加、`node:fs`と`node:stream`でExplicit Resource Managementのサポートなど","tags":["nodejs","ReleaseNote"],"relatedLinks":[]},{"date":"2023-09-19T05:42:34.693Z","title":"Node v20.7.0 (Current) | Node.js","url":"https://nodejs.org/ja/blog/release/v20.7.0","content":"Node.js v20.7.0リリース。\n複数の`--env-file`指定をサポート、npm 10.xへのアップデート、`process.sourceMapsEnabled` APIの追加など","tags":["nodejs","ReleaseNote"],"relatedLinks":[]},{"date":"2023-09-19T22:47:22.426Z","title":"Next.js 13.5 | Next.js","url":"https://nextjs.org/blog/next-13-5","content":"Next.js 13.5リリース。\nパフォーマンスの改善、re-exportsするパッケージを最適化する`optimizePackageImports`オプションの追加。\n実験的な機能として、`next/image`に`unstable_getImgProps`を追加、`next dev --experimental-https`の追加。\nまた、`create-next-app`がBunをサポートなど","tags":["Next.js","ReleaseNote"],"relatedLinks":[]},{"date":"2023-09-21T12:11:43.899Z","title":"eslint-stylistic/eslint-stylistic: Monorepo for ESLint Stylistic plugins and configs","url":"https://github.com/eslint-stylistic/eslint-stylistic","content":"ESLintのスタイル関連のルールを管理するプロジェクト","tags":["ESLint","plugin"],"relatedLinks":[]},{"date":"2023-09-21T12:19:25.788Z","title":"Ladle v3 | Ladle","url":"https://ladle.dev/blog/ladle-v3","content":"Storybookの代替ツールであるLadle v3リリース。\nSWCをデフォルトのTranspilerに変更、Node.js 16のサポート終了、CSS in JSライブラリを追加の設定なしで動作するように","tags":["JavaScript","testing","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2023-09-22T09:57:29.643Z","title":"From WebGL to WebGPU - Chrome for Developers","url":"https://developer.chrome.com/en/blog/from-webgl-to-webgpu/","content":"WebGLとWebGPUの違いについて","tags":["WebGL","WebGPU","article"],"relatedLinks":[]},{"date":"2023-09-22T10:00:02.897Z","title":"Introducing runes","url":"https://svelte.dev/blog/runes","content":"Svelte 5はrunesという`$state`/`$derived`/`$effect`といったマクロを使いreactiveなステート管理を実現するという話。\n`$:`のラベルでのReactiveではアプリケーションが複雑になるとどれがReactiveなのかがわからなくなる問題があったため。","tags":["Svelte","article"],"relatedLinks":[]},{"date":"2023-09-22T10:13:52.433Z","title":"WebKit Features in Safari 17.0 | WebKit","url":"https://webkit.org/blog/14445/webkit-features-in-safari-17-0/","content":"Safari 17リリース。\nHTMLでは、`<search>`要素の対応、`popover`属性の対応。\nCSSでは、`font-size-adjust`、`text-transform`、`@counter-style`、`image-set()`の対応。\nJavaScriptでは、Storage API、正規表現の`v`フラグ(ES2024)、Stage 3のSet Operationsの対応。\n画像では、JPEG XL/HEIC/AV1コーデックのサポート。\n実験的なフラグの管理方法や開発者ツールの変更なども含まれる","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"Safari 17 Release Notes | Apple Developer Documentation","url":"https://developer.apple.com/documentation/safari-release-notes/safari-17-release-notes"}]},{"date":"2023-09-22T10:16:05.765Z","title":"TypeScript Origins: The Documentary - YouTube","url":"https://www.youtube.com/watch?v=U6s2pdxebSo","content":"TypeScriptのドキュメンタリー動画","tags":["TypeScript","video"],"relatedLinks":[]},{"date":"2023-09-22T11:19:25.788Z","title":"Deno 1.37: Modern JavaScript in Jupyter Notebooks","url":"https://deno.com/blog/v1.37","content":"Deno v1.37リリース。\n`deno jupyter --unstable`の追加、`deno test`に`--reporter=tap`レポーターを追加、Node.jsとの互換性改善。\nロックファイルの形式をversion 3にアップデート、`std/url`の追加、`std/ulid`の追加など","tags":["denoe","ReleaseNote"],"relatedLinks":[]},{"date":"2023-09-22T23:29:25.645Z","title":"Bun v1.0.3 | Bun Blog","url":"https://bun.sh/blog/bun-v1.0.3","content":"Bun v1.0.3リリース。\nTypeScriptの`emitDecoratorMetadata`をサポート、`module.parent`をサポート、`bun install`でのprivate registryのサポート。\n`console.Console`のサポート、`bunx`のバグ修正など","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2023-09-23T06:42:42.396Z","title":"State of HTML 2023 now open! • Lea Verou","url":"https://lea.verou.me/blog/2023/state-of-html-2023/","content":"HTMLについての開発者アンケートであるState of HTMLの回答の募集が始まった","tags":["HTML","Survey","article"],"relatedLinks":[{"title":"State of HTML 2023","url":"https://survey.devographics.com/en-US/survey/state-of-html/2023"}]},{"date":"2023-09-23T23:46:18.660Z","title":"Release v3.7.0 · honojs/hono","url":"https://github.com/honojs/hono/releases/tag/v3.7.0","content":"Hono v3.7.0リリース。\n`c.stream()`と`c.streamText()`を追加、`hono/testing`を追加、`hono/jwt`が`verify`/`descode`/`sign`関数をexportするように変更など","tags":["JavaScript","server","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-09-25T10:34:05.136Z","title":"7.23.0 Released: Decorator Metadata and many new `import` features! · Babel","url":"https://babeljs.io/blog/2023/09/25/7.23.0","content":"Babel v7.23.0リリース。\nStage 3のDecorator Metadataのサポート、Stage 3の`import source`のサポート。\nStage 2の`import defer`のサポート、Stage 1のOptional Chaining Assignmentのサポート、TypeScript 5.2のサポートなど。\nまたBabel 8がαリリースされている。","tags":["babel","ReleaseNote"],"relatedLinks":[]},{"date":"2023-09-25T12:53:14.692Z","title":"kurtextrem/awesome-performance-patches: 🚀⚡ Awesome lists about performance related patches/PRs.","url":"https://github.com/kurtextrem/awesome-performance-patches","content":"JavaScript/CSS/HTMLのパフォーマンス改善に関するPull Requestや記事などをまとめたリポジトリ","tags":["JavaScript","HTML","CSS","performance","links"],"relatedLinks":[]},{"date":"2023-09-26T13:51:43.678Z","title":"Firefox 118.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/118.0/releasenotes/","content":"Firefox 118リリース。\n`<search>`要素のサポート、CSSの数学関数(round、mod、rem、pow、sqrt、hypot、log、exp、abs、sign)をサポート。\nまた、Opaque Response Blockingが実装されている。","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 118 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/118"}]},{"date":"2023-09-27T09:47:05.334Z","title":"Vike","url":"https://vike.dev/","content":"ReactやVueなどに対応したNext.jsやNuxtのようなフレームワーク機能を提供するViteプラグイン。\nルーティングやサーバサイドレンダリングなどを機能を提供しつつ、ライブラリに依存しないのが特徴。\n","tags":["vite","plugin","library"],"relatedLinks":[]},{"date":"2023-09-27T21:41:46.286Z","title":"これからはじめるReact実践入門 | SBクリエイティブ","url":"https://www.sbcr.jp/product/4815619480/","content":"2023年9月28日発売\nReact、Next.jsについての書籍","tags":["React","Next.js","book"],"relatedLinks":[]},{"date":"2023-09-27T21:49:31.413Z","title":"Announcing Deno Queues","url":"https://deno.com/blog/queues","content":"Deno KVを使ったキューであるDeno Queuesについて","tags":["deno","article"],"relatedLinks":[]},{"date":"2023-09-28T11:30:18.909Z","title":"【2023年】SWR & TanStack Query比較","url":"https://zenn.dev/taisei_13046/articles/288e4470cfc45e","content":"SWRとTanStack Queryの比較記事。\nそれぞれのライブラリの特徴、APIインターフェース、機能的な違い、キャッシュの考え方の違いについてなど","tags":["React","article","library"],"relatedLinks":[]},{"date":"2023-09-28T22:19:32.323Z","title":"CSS Subgrid","url":"https://web.dev/css-subgrid/","content":"CSS subgridについて","tags":["CSS","article"],"relatedLinks":[]},{"date":"2023-09-28T22:23:20.502Z","title":"CSS Nesting and the Cascade | WebKit","url":"https://webkit.org/blog/14571/css-nesting-and-the-cascade/","content":"Safari Technology Preview 179でCSS Nestingが記号から始まらないといけないという制約を外すrelaxed parsing behaviorが実装された","tags":["CSS","article"],"relatedLinks":[]},{"date":"2023-09-29T03:01:57.773Z","title":"ECMAScript proposal updates @ 2023-09 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2023/09/29/ecmascript-proposal-update","content":"2023-09のTC39 MeetingでのECMAScript Proposalのステータス変更のまとめ。\nResizable and growable ArrayBuffersがStage 4となりES2024に入ることが決まった。\n","tags":["ECMAScript","proposal","news"],"relatedLinks":[]},{"date":"2023-09-29T03:39:05.978Z","title":"Astro 3.2: View Transitions improvements | Astro","url":"https://astro.build/blog/astro-320/","content":"Astro 3.2リリース。\n`data-astro-history=\"replace\"`の追加、`navigate` APIの追加、`<ViewTransitions 　/>`のアクセシビリティ対応など\n","tags":["astro","ReleaseNote"],"relatedLinks":[]},{"date":"2023-09-29T03:41:06.944Z","title":"Temporal API is Awesome · Taro","url":"https://taro.codes/posts/2023-08-23-temporal-api/","content":"ECMAScript Proposal Stage 3のTemporal APIについて。\n基本的な使い方やブラウザの実装状況についてなど","tags":["JavaScript","ECMAScript","article"],"relatedLinks":[]},{"date":"2023-09-29T08:26:27.299Z","title":"Node v20.8.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v20.8.0","content":"Node.js v20.8.0リリース。\nStreamのパフォーマンス改善、`vm`に`importModuleDynamically`オプションを追加、主にJestなどで起きていた`vm`のメモリリークの問題を修正など\n\n","tags":["nodejs","ReleaseNote"],"relatedLinks":[]},{"date":"2023-09-30T03:22:03.813Z","title":"Lit 3.0 Prerelease 2 and more! – Lit","url":"https://lit.dev/blog/2023-09-27-lit-3.0-prerelease-2/","content":"Lit 3.0.0-pre.1リリース。\nLit 3.0では、IE11のサポート終了、ECMAScript Proposal Stage 3のDecoratorの対応などが含まれる。","tags":["JavaScript","UI","library","ReleaseNote"],"relatedLinks":[{"title":"Release lit@3.0.0-pre.1 · lit/lit","url":"https://github.com/lit/lit/releases/tag/lit%403.0.0-pre.1"}]},{"date":"2023-09-30T11:33:48.920Z","title":"npm provenance general availability - The GitHub Blog","url":"https://github.blog/changelog/2023-09-26-npm-provenance-general-availability/","content":"npm provenanceを使ってパッケージを公開できるようになった。\nCI/CDからパッケージを公開する際に、コミットとパッケージを紐づけて公開できるようになる。\n","tags":["npm","news"],"relatedLinks":[]},{"date":"2023-09-30T11:47:11.050Z","title":"runk/node-chardet: Character encoding detection tool for NodeJS","url":"https://github.com/runk/node-chardet","content":"文字コード判定ライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2023-09-30T14:29:55.295Z","title":"A Socket API that works across JavaScript runtimes — announcing a WinterCG spec and Node.js implementation of connect()","url":"https://blog.cloudflare.com/socket-api-works-javascript-runtimes-wintercg-polyfill-connect/","content":"WinterCGで策定しているSocket APIについて\n","tags":["nodejs","cloudflare","API","article"],"relatedLinks":[{"title":"Sockets API","url":"https://sockets-api.proposal.wintercg.org/"}]},{"date":"2023-10-01T03:08:54.352Z","title":"instant-dev/instant: Build APIs with a Rails-inspired JavaScript ORM and Migrations for Postgres","url":"https://github.com/instant-dev/instant","content":"Rails/ActiveRecordをインスパイアしたORMマッパー、マイグレーション管理ツール。","tags":["JavaScript","library","database"],"relatedLinks":[]},{"date":"2023-10-01T03:11:46.587Z","title":"aidenybai/pattycake: Zero-runtime pattern matching","url":"https://github.com/aidenybai/pattycake","content":"ts-patternのパターンマッチをインライン化して、Runtimeライブラリの依存をなくすツール。","tags":["TypeScript","Tools","performance"],"relatedLinks":[{"title":"gvergnaud/ts-pattern: 🎨 The exhaustive Pattern Matching library for TypeScript, with smart type inference.","url":"https://github.com/gvergnaud/ts-pattern"}]},{"date":"2023-10-01T11:33:57.335Z","title":"Learning Vue","url":"https://learning.oreilly.com/library/view/learning-vue/9781492098812/","content":"2023年12月発売\nVueについての書籍","tags":["Vue","JavaScript","book"],"relatedLinks":[]},{"date":"2023-10-01T22:55:59.628Z","title":"Release 3.33.0 - 2023.10.02 · zloirock/core-js","url":"https://github.com/zloirock/core-js/releases/tag/v3.33.0","content":"core-js v3.33.0リリース。\n`RegExp.escape`の追加、compat dataのアップデートなど","tags":["JavaScript","polyfill","ReleaseNote"],"relatedLinks":[]},{"date":"2023-10-03T01:47:24.172Z","title":"tldraw/tldraw: a very good whiteboard","url":"https://github.com/tldraw/tldraw","content":"共同編集できるホワイトボードライブラリ。","tags":["JavaScript","library","illust","diagram","communication"],"relatedLinks":[]},{"date":"2023-10-03T04:15:42.358Z","title":"Release v1.0.0-beta.0 · vitest-dev/vitest","url":"https://github.com/vitest-dev/vitest/releases/tag/v1.0.0-beta.0","content":"vitest v1.0.0-beta.0リリース。\n`node:child_process`を使った並列実行をサポート、`pool`と`poolOptions`をサポートし関連する古いフラグを削除など","tags":["JavaScript","testing","library","ReleaseNote"],"relatedLinks":[{"title":"Feature: Support `child_process` runtime · Issue #64 · tinylibs/tinypool","url":"https://github.com/tinylibs/tinypool/issues/64"}]},{"date":"2023-10-03T13:08:46.644Z","title":"Bun v1.0.4 | Bun Blog","url":"https://bun.sh/blog/bun-v1.0.4","content":"Bun v1.0.4リリース。\n`Bun.serve()`のメモリ消費量の削減、`server.requestIP()`の追加、`Bun.plugin`でのvirtual modulesのサポート。\nFetchのtimeoutのデフォルト値を30秒から5分へ変更、DNS解決のバグを修正など","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2023-10-03T22:54:26.099Z","title":"Announcing TypeScript 5.3 Beta - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-5-3-beta/","content":"TypeScript 5.3 betaリリース。\nStage 3のImport Attributesをサポート、`resolution-mode`を`///`コメントで指定できるように。\n`switch(true)`でのNarrowingをサポート、`[Symbol.hasInstance]`と`insteanceof`を使ったNarrowingをサポート。\nパッケージ内のbundleファイルの重複を避けることで、パッケージサイズの改善など。","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2023-10-06T06:57:40.544Z","title":"Release v4.0.0 · rollup/rollup","url":"https://github.com/rollup/rollup/releases/tag/v4.0.0","content":"Rollup v4.0.0リリース。\nNode.js 14/16のサポート終了、パーサにAcornの代わりにSWCを使うように変更。\n非推奨なオプションの削除など","tags":["rollup","ReleaseNote"],"relatedLinks":[]},{"date":"2023-10-07T06:30:17.515Z","title":"Chrome 119 beta - Chrome for Developers","url":"https://developer.chrome.com/en/blog/chrome-119-beta/","content":"Chroem 119 betaリリース。\nWebSQLの削除、`SVGUseElement`でのData URLのサポート削除、非標準な`shadowroot`属性の削除。\nCSSでは、`:user-valid`/`:user-invalid`の擬似クラスをサポート。\nCookieのExpiresの最大値を400日にする変更を過去分に対しても反映。\nOrigin Trialとして`window.open()`に`fullscreen`パラメータを追加など","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2023-10-07T12:48:59.148Z","title":"Next.js 13 vs Remix: An In-depth case study","url":"https://prateeksurana.me/blog/nextjs-13-vs-remix-an-in-depth-case-study/","content":"Remix v2とNext.jsで同じアプリケーションを作りながら違いについて見ていく記事。\nルーティングとファイル構造、データの取得、ストリーミング、データの更新、エラー処理、キャッシュなどについて","tags":["React","Remix","Next.js","article"],"relatedLinks":[]},{"date":"2023-10-08T03:16:55.762Z","title":"nksaraf/vinxi: The JavaScript Server SDK","url":"https://github.com/nksaraf/vinxi","content":"`Bun.App`をインスパイアしたサーバメタフレームワーク。\nルーターを定義しパスごとにstatic/build/nodeなどのモードとハンドラーを定義し、定義に従ってビルドやサーバをビルドする。\nBundlerにVite、サーバにNitroを使い、特定のUIフレームワークに依存しない仕組みを作ること目的にしている。","tags":["vite","server","library"],"relatedLinks":[{"title":"The Bun Bundler | Bun Blog","url":"https://bun.sh/blog/bun-bundler#sneak-peek-bun-app"}]},{"date":"2023-10-08T03:52:22.514Z","title":"arktypeio/arktype: TypeScript's 1:1 validator, optimized from editor to runtime","url":"https://github.com/arktypeio/arktype","content":"TypeScriptの型定義の構文をスキーマのDSLとして利用するバリデーションライブラリ。\nスキーマの型として文字列を渡し、文字列の中にあるキーワードや演算子をパースして、型として解釈してくれる。","tags":["TypeScript","library"],"relatedLinks":[]},{"date":"2023-10-08T04:22:56.237Z","title":"ViteConf","url":"https://viteconf.org/23/replay/welcome","content":"ViteConfの動画一覧","tags":["vite","Conference","video"],"relatedLinks":[]},{"date":"2023-10-08T04:56:37.239Z","title":"State of Vite (ViteConf 2023) - Google スライド","url":"https://docs.google.com/presentation/d/1oZnjsPBnb3OB2HxU88vYkZLa54GV-xNKrF8XkOIqLAU/mobilepresent#slide=id.p","content":"Viteの現在と今後について。\nViteはDevビルドにesbuild、ProdビルドにRollupを使うためビルド結果に差異が出やすいなどの問題がある。\nそのため、Rollup互換を意識したRolldownというBundlerをRustで開発するという話。\nRspackチームと協力して進める予定で、\nRspackはwebpack互換であり、RolldownはRollup互換を目的にしている。","tags":["vite","slide","Rust","rollup","bundler"],"relatedLinks":[{"title":"Design Trade-offs in Bundler: The Rationale Behind Creating Rspack · web-infra-dev/wg · Discussion #1","url":"https://github.com/web-infra-dev/wg/discussions/1"},{"title":"rolldown-rs","url":"https://github.com/rolldown-rs/"},{"title":"Why Vite | Vite","url":"https://vitejs.dev/guide/why.html"}]},{"date":"2023-10-09T00:38:08.192Z","title":"Release v8.9.0 · pnpm/pnpm","url":"https://github.com/pnpm/pnpm/releases/tag/v8.9.0","content":"pnpm v8.9.0リリース。\nJSONでinstallation scriptsを許可するパッケージを指定できる`pnpm.onlyBuiltDependenciesFile`オプションの追加。\nキャッシュからコピー時にreflinksを使うことでインストール速度の改善など。\n","tags":["pnpm","ReleaseNote"],"relatedLinks":[{"title":"perf: use rclonefile to fix cloning on macOS by zkochan · Pull Request #7031 · pnpm/pnpm","url":"https://github.com/pnpm/pnpm/pull/7031"}]},{"date":"2023-10-10T00:23:33.768Z","title":"Release v1.8.0 - Bifröst · solidjs/solid","url":"https://github.com/solidjs/solid/releases/tag/v1.8.0","content":"Solid v1.8.0リリース。\nStreaming Serialization/Hydrationの改善。\n`<!--#-->`というコメントは、NginxなどのServer Side Includesで使われている構文で衝突していたため、`<!--$-->`に変更された。\n","tags":["Solid","JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Incompatibility between Solid's markers and nginx Server Side Includes (SSI) · Issue #262 · ryansolid/dom-expressions","url":"https://github.com/ryansolid/dom-expressions/issues/262"}]},{"date":"2023-10-10T12:46:48.085Z","title":"A comprehensive guide to the dangers of Regular Expressions in JavaScript | Sonar","url":"https://www.sonarsource.com/blog/vulnerable-regular-expressions-javascript/","content":"正規表現のバックトラッキングの問題について","tags":["JavaScript","RegExp","article"],"relatedLinks":[]},{"date":"2023-10-10T12:47:26.498Z","title":"The Hidden Performance Cost of NodeJS and GraphQL","url":"https://www.softwareatscale.dev/p/the-hidden-performance-cost-of-nodejs","content":"GraphQLでresolverの処理が増えるほどパフォーマンスが悪くなった原因を調査した記事。\nresolver内でPromiseの多用と`async_hooks`の利用がオーバーヘッドと関連しているという話。\n","tags":["nodejs","Promises","performance","article"],"relatedLinks":[]},{"date":"2023-10-10T12:59:23.556Z","title":"Japa","url":"https://japa.dev/docs/introduction","content":"Node.js向けのテストフレームワーク。\nUnit Testの機能に加え、プラグインとしてAPIのモック機能、Playwrightを使ったブラウザテスト、TypeScriptの型定義のテスト、Snapshot Testingなどの機能を持つ\n","tags":["JavaScript","nodejs","testing","library","Tools"],"relatedLinks":[]},{"date":"2023-10-11T00:28:51.652Z","title":"Lit Launch Day: Lit 3.0, Labs graduations, a compiler and more! – Lit","url":"https://lit.dev/blog/2023-10-10-lit-3.0/","content":"Lit 3.0リリース。\nIE11のサポート終了、最小の実行環境をES2021をサポートしてるブラウザへ変更。\nLit 2.0で非推奨となったAPIの削除、Stage 3のDecoratorの対応など。\nまた、新しいLitテンプレートコンパイラーの公開、Preact Signalsを統合するパッケージも公開されている。\n","tags":["JavaScript","UI","library","ReleaseNote"],"relatedLinks":[{"title":"Lit 3 upgrade guide – Lit","url":"https://lit.dev/docs/v3/releases/upgrade/"}]},{"date":"2023-10-11T13:21:45.063Z","title":"Bun v1.0.5 | Bun Blog","url":"https://bun.sh/blog/bun-v1.0.5","content":"Bun v1.0.5リリース。\nFetchのメモリリークを修正、`bun run --if-present`をサポート、`package-lock.json`を`bun.lockb`へ変換できる`bun pm migrate`コマンドを追加。\n`peerDependencies`を自動でインストールするように変更など\n","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2023-10-11T13:30:13.463Z","title":"Release v2.10.0 · parcel-bundler/parcel","url":"https://github.com/parcel-bundler/parcel/releases/tag/v2.10.0","content":"Parcel v2.10.0リリース。\n遅延コンパイルする対象を指定できる`--lazy [glob]`と`--lazy-excludes`を追加。\nRustモジュールを一つのパッケージにマージすることで重複Cratesを削除してサイズの削減、また並列処理の効率化によるパフォーマンス改善など。\n\n","tags":["parcel","ReleaseNote"],"relatedLinks":[]},{"date":"2023-10-11T13:34:50.363Z","title":"Fresh 1.5: Partials, client side navigation and more","url":"https://deno.com/blog/fresh-1.5","content":"Fresh 1.5リリース。\nページ遷移に該当領域のフラグメントだけを取得更新できる`<Partial>`の追加。\n現在のパスと一致する`<a>`要素に`data-current`を追加、カスタムビルドターゲットを指定できる`build.target`オプションを追加。\nesbuildを使ったbundleファイルの分析をするメタファイルの生成をサポート、エラーオーバーレイのサポートなど","tags":["deno","ReleaseNote","library"],"relatedLinks":[]},{"date":"2023-10-12T11:00:59.149Z","title":"Bun v1.0.6 | Bun Blog","url":"https://bun.sh/blog/bun-v1.0.6","content":"Bun v1.0.6リリース。\nnpmの`overrides`フィールド、yarnの`resolutions`フィールドをサポート。","tags":["Bun","yarn","npm","ReleaseNote"],"relatedLinks":[]},{"date":"2023-10-12T15:53:25.711Z","title":"Electron 27.0.0 | Electron","url":"https://www.electronjs.org/blog/electron-27-0","content":"Electron 27.0.0リリース。\nmacOS 10.13/10.14のサポート終了、`ipcRenderer.sendTo()` APIを非推奨化など","tags":["Electron","ReleaseNote"],"relatedLinks":[]},{"date":"2023-10-13T13:25:21.135Z","title":"Astro 3.3: Picture component | Astro","url":"https://astro.build/blog/astro-330/","content":"Astro 3.3リリース。\n`<picture />`コンポーネントの追加、シンタックスハイライトに使うライブラリを`shiki`から`shikiji`に変更など","tags":["astro","ReleaseNote"],"relatedLinks":[]},{"date":"2023-10-14T01:29:24.843Z","title":"Vite (Unstable) (dev branch) | Remix","url":"https://remix.run/docs/en/dev/future/vite","content":"RemixのViteサポート。\nViteのプラグインとしてRemixが動作するようになる。","tags":["Remix","vite","document"],"relatedLinks":[{"title":"Just use vite! · remix-run/remix · Discussion #7632","url":"https://github.com/remix-run/remix/discussions/7632"}]},{"date":"2023-10-14T12:22:51.758Z","title":"react-hookz/web: React hooks done right, for browser and SSR.","url":"https://github.com/react-hookz/web","content":"サーバサイドレンダリング時も動作するReact Hooksのコレクションライブラリ。\n`react-use`の後継的なライブラリとなることを意識して作られている","tags":["React","library"],"relatedLinks":[]},{"date":"2023-10-15T03:55:42.108Z","title":"Release v4.1.0 · rollup/rollup","url":"https://github.com/rollup/rollup/releases/tag/v4.1.0","content":"Rollup v4.1.0リリース。\nオブジェクトが持つオプションをビットフラグで管理しメモリ消費量を削減する改善が含まれる。","tags":["rollup","ReleaseNote"],"relatedLinks":[]},{"date":"2023-10-15T08:35:25.977Z","title":"elbywan/zap: Another [insert blazing fast synonyms] JavaScript package manager","url":"https://github.com/elbywan/zap","content":"Crystal言語で書かれたnpmパッケージマネージャー。\n","tags":["npm","package","console","Tools"],"relatedLinks":[]},{"date":"2023-10-16T11:26:58.858Z","title":"Limit the reach of your selectors with the CSS `@scope` at-rule - Chrome for Developers","url":"https://developer.chrome.com/articles/at-scope/","content":"CSS `@scope`についての記事。\n`@scope`によってセレクタの範囲を制限できるようになり、スコープは特異性には影響を与えない。\nまた、`@scope { }`とルートを指定せずに指定することscoped styleを扱うprelude-less `@scope`についてなど","tags":["CSS","article"],"relatedLinks":[]},{"date":"2023-10-16T11:42:00.992Z","title":"New in Chrome 118 - Chrome for Developers","url":"https://developer.chrome.com/en/blog/new-in-chrome-118/","content":"Chrome 118の変更点について。\nCSSの`@scope`ルールのサポート、Media QueryでJavaScriptが有効かを判定する`scripting`の追加。\nDevToolsの\"Sources\"パネルの改善、`zstd`のContent-Encodingをサポートなど。\n","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2023-10-16T11:44:35.246Z","title":"What's New in DevTools (Chrome 118) - Chrome for Developers","url":"https://developer.chrome.com/blog/new-in-devtools-118/","content":"Chrome 118の開発者ツールの変更点について。\nlocal overridesの改善、コード検索の改善、Sourcesパネルの改善、Lighthouse 11へのアップデートなど","tags":["Chrome","debug","article"],"relatedLinks":[]},{"date":"2023-10-16T11:56:16.727Z","title":"Write your own Zod","url":"https://zackoverflow.dev/writing/write-your-own-zod","content":"Zodのようなスキーマバリデーターを作る方法について。\nZodのようなスキーマオブジェクトから型をInferする方法、バリデーションの実装などについて。","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2023-10-16T12:42:36.349Z","title":"Flat config rollout plans - ESLint - Pluggable JavaScript Linter","url":"https://eslint.org/blog/2023/10/flat-config-rollout-plans/","content":"ESLintのConfigファイルの今後について。\nESLintでは、ESLint 9で`eslint.config.js`のFlat Configがデフォルトとなり、`.eslintrc.*`の形式は非推奨となる。\n`.eslinrc.*`のサポートはESLint 10で削除される予定となっている。","tags":["ESLint","article"],"relatedLinks":[]},{"date":"2023-10-17T13:16:21.873Z","title":"Release v0.3.7 · web-infra-dev/rspack","url":"https://github.com/web-infra-dev/rspack/releases/tag/v0.3.7","content":"rspack v0.3.7リリース。\n`experiments.rspackFuture.newResolver`で新しいResolverをOpt-inできるように。\nstyled-componentsのサポート、Vue 2でのCSSの抽出をサポートなど","tags":["rspack","ReleaseNote"],"relatedLinks":[]},{"date":"2023-10-17T13:18:07.036Z","title":"Rspress, the Rspack-based static site generator · web-infra-dev · Discussion #5","url":"https://github.com/orgs/web-infra-dev/discussions/5","content":"RspackベースのDocusarusu/VitePressライクな静的サイトジェネレータであるRspress 1.0.0リリース。","tags":["Rust","document","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2023-10-20T02:26:05.211Z","title":"The State of WebAssembly 2023","url":"https://blog.scottlogic.com/2023/10/18/the-state-of-webassembly-2023.html","content":"WebAssemblyについて開発者アンケートの結果","tags":["WebAssembly","Survey"],"relatedLinks":[]},{"date":"2023-10-21T04:08:44.390Z","title":"Release v3.8.0 · nuxt/nuxt","url":"https://github.com/nuxt/nuxt/releases/tag/v3.8.0","content":"Nuxt.js v3.8.0リリース。\nNuxt DevTools 1.0、`@nuxt/image`の自動インストール、アプリの構成を定義したメタファイルの出力に対応、NuxtLinkのデフォルトの挙動を設定できるように。\n`useAsyncData`と`useFetch`に`deep`オプションの追加、`getCachedData`でカスタムキャッシュをサポートなど","tags":["Vue","library","ReleaseNote"],"relatedLinks":[{"title":"Release v1.0.0 · nuxt/devtools","url":"https://github.com/nuxt/devtools/releases/tag/v1.0.0"}]},{"date":"2023-10-21T06:25:51.024Z","title":"Storybook 7.5","url":"https://storybook.js.org/blog/storybook-7-5/","content":"Storybook 7.5リリース。\nVite 5のサポート、`storiesOf`を非推奨化。\nNext.jsとAngularのサポート改善、Lit 3.0のサポートなど","tags":["Design","Development","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2023-10-21T13:18:21.744Z","title":"Announcing TanStack Query v5 | TanStack Blog","url":"https://tanstack.com/blog/announcing-tanstack-query-v5","content":"TanStack Query v5リリース。\nAPIの引数の形式を変更、Suspenseのサポート、開発者ツールの刷新など。\n","tags":["React","Vue","Solid","Svelte","HTTP","library","ReleaseNote"],"relatedLinks":[{"title":"Announcing TanStack Query v5 | TanStack Blog","url":"https://tanstack.com/blog/announcing-tanstack-query-v5"},{"title":"Migrating to TanStack Query v5 | TanStack Query Docs","url":"https://tanstack.com/query/v5/docs/react/guides/migrating-to-v5"}]},{"date":"2023-10-22T10:27:33.681Z","title":"AlexSergey/rockpack: Rockpack is a simple solution for creating React Application with Server Side Rendering, bundling, linting, testing within 5 minutes","url":"https://github.com/AlexSergey/rockpack","content":"Create React App的なReactでのアプリケーション開発をするツールキット","tags":["React","Tools","library","TypeScript"],"relatedLinks":[]},{"date":"2023-10-23T13:09:45.224Z","title":"Faster TypeScript builds with --isolatedDeclarations by Titian-Cornel Cernicova-Dragomir - GitNation","url":"https://portal.gitnation.org/contents/faster-typescript-builds-with-isolateddeclarations","content":"TypeScriptの型定義ファイルの出力をファイルごとに行える`--isolatedDeclarations`オプションを実装しているという話。\n現在のTypeScriptの型定義の生成は依存グラフや推論された型に依存している。\nいくつかの制限があるがファイルごとに独立して型定義を生成できるようにすることで、他のツールも型定義の生成が可能になり、またファイルごとに並列で処理できるためパフォーマンスが向上するという話。","tags":["TypeScript","video","performance"],"relatedLinks":[{"title":"Isolated declarations by dragomirtitian · Pull Request #53463 · microsoft/TypeScript","url":"https://github.com/microsoft/TypeScript/pull/53463"},{"title":"`--isolatedDeclarations` for standalone DTS emit · Issue #47947 · microsoft/TypeScript","url":"https://github.com/microsoft/TypeScript/issues/47947"}]},{"date":"2023-10-24T00:52:28.666Z","title":"Release: Yarn 4.0 🪄⚗️ | Yarn","url":"https://yarnpkg.com/blog/release/4.0","content":"Yarn 4.0リリース。\nNode.js 12/14/16のサポート終了、`yarn set version`は`packageManager`フィールドを更新するように。\nロックファイルとレジストリのメタデータが一致しているかを検証するHardened Modeの追加、制約エンジンをJSベースに置き換え。\n`yarn upgrade-interactive`と`yarn stage`をコアに取り込み、パフォーマンスの改善など","tags":["yarn","ReleaseNote"],"relatedLinks":[]},{"date":"2023-10-25T00:04:06.301Z","title":"Release v0.3.8 · web-infra-dev/rspack","url":"https://github.com/web-infra-dev/rspack/releases/tag/v0.3.8","content":"rspack v0.3.8リリース。\nTop-Level `await`のサポートなど","tags":["rspack","ReleaseNote"],"relatedLinks":[]},{"date":"2023-10-25T00:52:57.284Z","title":"Goodbye, Node.js Buffer — Sindre Sorhus","url":"https://sindresorhus.com/blog/goodbye-nodejs-buffer","content":"Node.jsの`Buffer`はブラウザとの互換性がないため、`Uint8Array`を代わりに使おうという話。\n現在の`Buffer`は`Uint8Array`のサブクラスとして実装されているが、`slice()`の動作の違いや移植性が悪いというなどの問題がある。\n`Uint8Array`を直接扱う方法やマイグレーションなどについて","tags":["nodejs","opinion","article"],"relatedLinks":[{"title":"Start moving to Uint8Array in new APIs? · Issue #41588 · nodejs/node","url":"https://github.com/nodejs/node/issues/41588"}]},{"date":"2023-10-25T10:49:42.886Z","title":"Node v20.9.0 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v20.9.0","content":"Node.js v20.9.0リリース。\nNode.js 20.x系のLTSとなるバージョン。\n2026年4月までメンテナンスされる予定。","tags":["nodejs","ReleaseNote"],"relatedLinks":[]},{"date":"2023-10-25T13:12:50.905Z","title":"BlinkOn 18 - Sunnyvale + Virtual - YouTube","url":"https://www.youtube.com/playlist?list=PL9ioqAuyl6UKYm7EYVa7FcKCR2kDCudII","content":"BlinkOn 18の動画まとめ","tags":["blink","Chrome","video","Conference"],"relatedLinks":[]},{"date":"2023-10-25T13:15:58.277Z","title":"JS Decorators Explained: 10 Years Journey to the Real Implementation | Binary Studio","url":"https://binary-studio.com/blog/ecmascript-decorators/","content":"現在Stage 3のDecoratorが、どのような今の形になったかについて","tags":["JavaScript","ECMAScript","article","history"],"relatedLinks":[]},{"date":"2023-10-25T13:17:45.191Z","title":"Node.js 21 is now available! | Node.js","url":"https://nodejs.org/en/blog/announcements/v21-release-announce","content":"Node.js v21リリース。\ncurrent(開発版)となるメジャーバージョン。\nFetch/WebStreams APIのStable化、V8 11.8へのアップデート、`node --test`でのglobのサポート。\nモジュールのデフォルトをESMにできる`--experimental-default-type`、Magic BytesでWasmを判定する`--experimental-wasm-modules`の追加。\n`fs.writeFile`に`flush`オプションの追加、StreamsとHTTPのパフォーマンス改善、`navigator`のグローバルオブジェクトをサポートなど","tags":["nodejs","ReleaseNote"],"relatedLinks":[{"title":"Node v21.0.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v21.0.0"}]},{"date":"2023-10-26T11:38:10.979Z","title":"JavaScriptビルドツールの整理 各ツールの機能と依存関係","url":"https://zenn.dev/nakaakist/articles/86457bf2908379","content":"Vite/Parcel/webpack/Rspack/Turbopack/Next.js/Rollup/esbuild/SWC/Bun/Babel/Terser の特徴と依存関係について。","tags":["vite","parcel","webpack","rspack","Next.js","bundler","article"],"relatedLinks":[]},{"date":"2023-10-26T21:06:37.751Z","title":"Next.js 14 | Next.js","url":"https://nextjs.org/blog/next-14","content":"Next.js 14リリース。\nNode.js 16のサポート終了、`next export`コマンドを非推奨化、`next/image`の`domains`オプションを非推奨化。\nServer ActionのStable化、Metadata APIの改善。\n実験的な機能として`<Suspense>`を使ったPartial Prerenderingのサポートなど","tags":["Next.js","ReleaseNote"],"relatedLinks":[{"title":"Release v14.0.0 · vercel/next.js","url":"https://github.com/vercel/next.js/releases/tag/v14.0.0"}]},{"date":"2023-10-26T21:25:21.751Z","title":"Astro 3.4: Page Partials | Astro","url":"https://astro.build/blog/astro-340/","content":"Astro 3.4リリース。\npage componentをpartial pageとして利用できる`partial`オプションをサポート、画像最適化のパフォーマンス改善。\n実験的な機能としてDev Overlayを追加など","tags":["astro","ReleaseNote"],"relatedLinks":[{"title":"Release astro@3.4.0 · withastro/astro","url":"https://github.com/withastro/astro/releases/tag/astro%403.4.0"}]},{"date":"2023-10-26T22:11:18.531Z","title":"Deprecation of formatting rules - ESLint - Pluggable JavaScript Linter","url":"https://eslint.org/blog/2023/10/deprecating-formatting-rules/","content":"ESLint v8.53.0でスタイル系のルール(スペースやセミコロンなどを扱うルール)は、非推奨となる。\nマイグレーション先としてスタイル系のルールをメンテナンスするESLint StylisticやPrettierなどのツールの利用を推奨している。","tags":["ESLint","article"],"relatedLinks":[{"title":"ESLint Stylistic | ESLint Stylistic","url":"https://eslint.style/"}]},{"date":"2023-10-26T23:24:33.374Z","title":"Release Release v1.6.0 · axios/axios","url":"https://github.com/axios/axios/releases/tag/v1.6.0","content":"axios v1.6.0リリース。\n`X-XSRF-TOKEN`というCookieが設定されている時に、`withCredentials`オプションが有効だと、別オリジンに対するリクエストにも`X-XSRF-TOKEN`の値が送信される脆弱性の修正","tags":["HTTP","library","ReleaseNote","security"],"relatedLinks":[]},{"date":"2023-10-27T23:09:45.623Z","title":"Release v8.10.0 · pnpm/pnpm","url":"https://github.com/pnpm/pnpm/releases/tag/v8.10.0","content":"pnpm v8.10.0リリース。\n`supportedArchitectures`で複数のアーキテクチャを指定できるように。\nホスト環境とDocker環境に両方のアーキテクチャのバイナリをインストール際などに利用できる。","tags":["pnpm","ReleaseNote"],"relatedLinks":[]},{"date":"2023-10-27T23:23:26.301Z","title":"Announcing WinterJS","url":"https://wasmer.io/posts/announcing-winterjs-service-workers","content":"WinterCG仕様に準拠したJavaScript Runtime。\nSpiderMonkeyをRuntimeとして使い、Service Workers APIを実装している。\nWasmerのWASIX準拠にしている。","tags":["JavaScript","WebAssembly","ServiceWorker","article"],"relatedLinks":[{"title":"wasmerio/winterjs: Winter is coming... ❄️","url":"https://github.com/wasmerio/winterjs"}]},{"date":"2023-10-28T02:55:13.935Z","title":"JavaScript JIT compiler - YouTube","url":"https://www.youtube.com/playlist?list=PLMOpZvQB55bcTsXzRcBjHJJb52OGWwNjr","content":"LadybirdのJavaScriptエンジンであるLibJSにJITを実装していく動画シリーズ。","tags":["JavaScript","C++","video"],"relatedLinks":[{"title":"serenity/Userland/Libraries/LibJS at master · SerenityOS/serenity","url":"https://github.com/SerenityOS/serenity/tree/master/Userland/Libraries/LibJS"}]},{"date":"2023-10-28T03:19:06.289Z","title":"Introducing MSW 2.0 - Mock Service Worker","url":"https://mswjs.io/blog/introducing-msw-2.0","content":"MSW 2.0リリース。\nNode.js 16のサポート終了、APIのシグネチャーの変更、ブラウザ向けのAPIを`msw/browser`へ移動。\n`ReadableStream`/`FormData`のモックをサポートなど","tags":["JavaScript","testing","library","ReleaseNote"],"relatedLinks":[{"title":"Release v2.0.0 · mswjs/msw","url":"https://github.com/mswjs/msw/releases/tag/v2.0.0"},{"title":"1.x → 2.x - Mock Service Worker","url":"https://mswjs.io/docs/migrations/1.x-to-2.x"}]},{"date":"2023-10-28T11:01:45.364Z","title":"Node v21.1.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v21.1.0","content":"Node.js v21.1.0リリース。\nAmbiguous fileがESMかを判定する`--experimental-detect-module`フラグの追加、Jestでのメモリリークの原因となっていた`vm.Script`のバグの修正など","tags":["nodejs","ReleaseNote"],"relatedLinks":[{"title":"Deep Dive: Node.jsのESMデフォルト化への道 - JSer.info","url":"https://jser.info/2023/10/18/node.js-roadmap-esm-by-default/"},{"title":"[Bug]: Memory consumption issues on Node JS 16.11.0+ · Issue #11956 · jestjs/jest","url":"https://github.com/jestjs/jest/issues/11956"}]},{"date":"2023-10-28T14:30:57.487Z","title":"joshmarinacci/node-pureimage: Pure JS implementation of the HTML Canvas 2D drawing API","url":"https://github.com/joshmarinacci/node-pureimage","content":"Pure JavaScriptなNode.js向けCanvas APIの実装ライブラリ。","tags":["nodejs","JavaScript","library"],"relatedLinks":[]},{"date":"2023-10-31T04:02:16.255Z","title":"Release v30.0.0-alpha.1 · jestjs/jest","url":"https://github.com/jestjs/jest/releases/tag/v30.0.0-alpha.1","content":"Jest v30.0.0-alpha.1リリース。\n`mts`/`cts`をデフォルトでサポート、fake timerの改善、SnapshotでError Causeをサポート、Prettier 3のサポートなど","tags":["jest","ReleaseNote"],"relatedLinks":[]},{"date":"2023-10-31T12:31:46.129Z","title":"サードパーティ Cookie の廃止に向けた準備 - Chrome for Developers","url":"https://developer.chrome.com/ja/blog/cookie-countdown-2023oct/","content":"Chromeの3rd party Cookieの廃止と代替Proposalについて","tags":["Chrome","article"],"relatedLinks":[]},{"date":"2023-10-31T13:02:22.423Z","title":"Vue Fes Japan 2023 資料 X ポストまとめ","url":"https://zenn.dev/punkshiraishi/scraps/bf3829dc79466b","content":"Vue Fes Japan 2023のスライドまとめ","tags":["Vue","Conference","slide"],"relatedLinks":[{"title":"Vue Fes Japan 2023","url":"https://vuefes.jp/2023/"}]},{"date":"2023-11-01T03:57:57.663Z","title":"Remix ❤️ Vite | Remix","url":"https://remix.run/blog/remix-heart-vite","content":"RemixのViteサポートについて。\nRemixがViteのプラグインとして導入できるようになり、Viteの開発サーバやビルド、プラグインの仕組みを使って開発できるようになる。\nまだCloudflareはサポートしていないが、今後サポート予定","tags":["React","Remix","vite","article"],"relatedLinks":[]},{"date":"2023-11-01T04:32:23.045Z","title":"Release v2.2.0 · remix-run/remix","url":"https://github.com/remix-run/remix/releases/tag/remix%402.2.0","content":"Remix 2.2.0リリース。\nViteのサポート、Fetcherにkeyを指定できるように。\n`future.v3_fetcherPersist`フラグで、Fetcherのクリーンアップの新しい挙動をopt-inできるようになるなど","tags":["Remix","React","JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Remix ❤️ Vite | Remix","url":"https://remix.run/blog/remix-heart-vite"}]},{"date":"2023-11-01T08:17:23.936Z","title":"Release 3.0.0 · facebook/docusaurus","url":"https://github.com/facebook/docusaurus/releases/tag/v3.0.0","content":"docusauru 3.0.0リリース。","tags":["React","document","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2023-11-01T22:53:17.416Z","title":"New in Chrome 119 - Chrome for Developers","url":"https://developer.chrome.com/en/blog/new-in-chrome-119/","content":"Chrome 119リリース。\nCookieのExpiresの最大値を400日にする変更を過去分に対して適応、WebSQLの削除。\nCSSの`:user-valid`/`:user-invalid`の擬似クラスのサポート、relative color構文のサポート、clip-pathプロパティの改善など","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2023-11-01T23:25:26.949Z","title":"WebAssembly Garbage Collection (WasmGC) now enabled by default in Chrome - Chrome for Developers","url":"https://developer.chrome.com/en/blog/wasmgc/","content":"Chrome 119でサポートされたWasmGCについて。\nWasm上に独自のGCを実装せずに、既存のGCを再利用できるようにするHeap管理の仕組みについて","tags":["Chrome","WebAssembly","article"],"relatedLinks":[]},{"date":"2023-11-03T00:10:14.887Z","title":"Deno 1.38: HTML doc generator and HMR","url":"https://deno.com/blog/v1.38","content":"Deno v1.38リリース。\n`deno doc --html`で静的なHTMLなドキュメントを生成をサポート。\n`--unstable-hmr`でHMRをサポート、`--unstable-byonm`でnpmなどでインストールした`node_modules`のnpmパッケージを利用できるように、`node:*`をサポート。\n`deno run --env`で`.env`のロードをサポート、`std/http`で`EventSource` APIのサポートなど。\nその他には、`http/server`の非推奨化、`std/io`の非推奨化、`std/wasi`の非推奨化などが含まれている。","tags":["deno","ReleaseNote"],"relatedLinks":[]},{"date":"2023-11-03T01:05:32.024Z","title":"フロントエンドの知識地図—— 一冊でHTML/CSS/JavaScriptの開発技術が学べる本：書籍案内｜技術評論社","url":"https://gihyo.jp/book/2023/978-4-297-13871-4","content":"2023年11月24日発売。\nフロントエンドの入門書","tags":["HTML","CSS","JavaScript","book"],"relatedLinks":[]},{"date":"2023-11-03T02:40:58.448Z","title":"Bun v1.0.8 | Bun Blog","url":"https://bun.sh/blog/bun-v1.0.8","content":"Bun v1.0.8リリース。\n`require()`のメモリリークを修正、`bun test`でモジュールのモックをサポート、`bun install`のバグ修正、`setTimeout(fn, 0)`のバグ修正など","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2023-11-03T03:00:38.736Z","title":"Chrome 120 beta - Chrome for Developers","url":"https://developer.chrome.com/en/blog/chrome-120-beta/","content":"Chrome 120 betaリリース。\nCSSの`@property`で`syntax:<image>`をサポート、maskingを`-webkit` prefixなしでサポート、nestingのrelaxed parsing behaviorに対応。\n`<details name>`のサポート、`FontFaceSet.check()`のサポート、Intersection Observerの`scrollMargin`オプションをサポート。\nFenced Framesの機能更新、`Permissions-Policy-Report-Only`ヘッダの対応。\n\nOrigin Trialとして、`priority`リクエストヘッダの対応、`Performance.measureUserAgentSpecificMemory()`などが含まれている。","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2023-11-03T04:41:41.887Z","title":"farm-fe/farm: Extremely fast Vite-compatible web build tool written in Rust","url":"https://github.com/farm-fe/farm","content":"Vite/Rollupプラグイン互換の仕組みを持ったRust製のBundlerツール。\nビルドパフォーマンス、devとproductionビルドでの一貫性、dev環境でbundleしないことでのリクエスト数の問題を解決する目的。\nモジュールをグループという単位でbundleして、リクエスト数を削減とキャッシュヒット率の向上を目的にしたPartial Bundlingという仕組みを持つ。","tags":["vite","rollup","bundler","Rust","Tools","JavaScript"],"relatedLinks":[{"title":"rfcs/rfcs/003-partial-bundling/rfc.md at main · farm-fe/rfcs","url":"https://github.com/farm-fe/rfcs/blob/main/rfcs/003-partial-bundling/rfc.md"}]},{"date":"2023-11-04T10:05:38.734Z","title":"Announcing TypeScript 5.3 RC - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-5-3-rc/","content":"TypeScript 5.3 RCリリース。\nStage 3のImport Attributesをサポート、`resolution-mode`を`///`コメントで指定できるように。\n`switch(true)`でのNarrowingをサポート、`[Symbol.hasInstance]`と`insteanceof`を使ったNarrowingをサポート。\nパッケージ内のbundleファイルの重複を避けることで、パッケージサイズの改善など。","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2023-11-07T11:29:34.041Z","title":"Announcing Angular.dev. Today, we are excited to launch… | by Emma Twersky | Nov, 2023 | Angular Blog","url":"https://blog.angular.io/announcing-angular-dev-1e1205fa3039","content":"Angularの新しい学習サイトが公開された。\nWebContainersを使いブラウザ情報で直接編集できるチュートリアルやドキュメントなどが用意されている","tags":["Angular","document","article"],"relatedLinks":[{"title":"Angular","url":"https://angular.dev/"}]},{"date":"2023-11-07T14:46:48.204Z","title":"oxc-project/javascript-parser-in-rust: Tutorial on writing a JavaScript Parser in Rust","url":"https://github.com/oxc-project/javascript-parser-in-rust","content":"JavaScriptのパーサをRustで書くこと関するガイドやチュートリアル","tags":["JavaScript","AST","Rust","tutorial"],"relatedLinks":[]},{"date":"2023-11-08T08:35:56.464Z","title":"N|Solid Runtime: NodeSource's Open Source Release for Node.js","url":"https://nodesource.com/blog/nsolid-oss-release","content":"Node.jsに詳細なメトリクスや細かい動作の制御などを組み込んだRuntimeであるN|SolidのコードがMITライセンスで公開された。","tags":["nodejs","OpenSource","ReleaseNote"],"relatedLinks":[{"title":"nodesource/nsolid: N|Solid Runtime","url":"https://github.com/nodesource/nsolid"}]},{"date":"2023-11-10T13:35:28.050Z","title":"Introducing Angular v17. Last month marked the 13th anniversary… | by Minko Gechev | Nov, 2023 | Angular Blog","url":"https://blog.angular.io/introducing-angular-v17-4d7033312e4b","content":"Angular v17リリース。\nNode.js 16のサポート終了、ドキュメントサイトの刷新、`@if`や`@for`などのbuilt-in control flowのサポート。\n新しいプロジェクトでのSSRにおけるhydrationがデフォルトで有効に、`ng serve`と`ng build`にViteとesbuildを利用するようになるなど","tags":["Angular","ReleaseNote"],"relatedLinks":[{"title":"Release v17.0.0 · angular/angular","url":"https://github.com/angular/angular/releases/tag/17.0.0"}]},{"date":"2023-11-11T01:55:27.907Z","title":"Astro 3.5: i18n Routing | Astro","url":"https://astro.build/blog/astro-350/","content":"Astro 3.5リリース。\nprefetchの機能をコアに統合、`<ViewTransitions handleForms />`を追加、`addMiddleware`を追加、Qwikのサポート。\n実験的な機能としてi18n Routing APIを追加、`contentCollectionCache`オプションを追加など","tags":["astro","ReleaseNote"],"relatedLinks":[{"title":"Release astro@3.5.0 · withastro/astro","url":"https://github.com/withastro/astro/releases/tag/astro%403.5.0"}]},{"date":"2023-11-13T07:47:41.105Z","title":"Prettier 3.1: New experimental ternaries formatting and Angular control flow syntax! · Prettier","url":"https://prettier.io/blog/2023/11/13/3.1.0.html","content":"Prettier 3.1リリース。\n`--experimental-ternaries`で三項演算子の新しい整形ルールを試せるように。\nBabel 7.23.0でサポートされた構文をサポート、Angular 17で追加されたcontrol flow構文のサポートなど","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2023-11-14T11:25:59.592Z","title":"SpeedVitals - Website Speed Test & Monitoring","url":"https://speedvitals.com/","content":"WebPageTestのように場所とデバイスを指定してパフォーマンステストができるサービス。\nURLを指定してLighthouseを使った計測データを閲覧できる","tags":["webservice","performance","Tools"],"relatedLinks":[]},{"date":"2023-11-15T01:20:11.855Z","title":"Node v21.2.0 (Current) | Node.js","url":"https://nodejs.org/blog/release/v21.2.0","content":"Node.js v21.2.0リリース。\n`import.meta.dirname`と`import.meta.filename`を追加、`fs/promises`にスタックトレースを追加。\n`navigator.language`/`navigator.platform`を追加、`--no-experimental-global-navigator`フラグを追加など。\n","tags":["nodejs","ReleaseNote"],"relatedLinks":[]},{"date":"2023-11-15T11:54:24.767Z","title":"Project Status: Maintenance Reboot · Issue #5027 · mochajs/mocha","url":"https://github.com/mochajs/mocha/issues/5027","content":"Mochaのプロジェクトをリブートしメンテナンスを再開するというアナウンス。","tags":["mocha","news","issue"],"relatedLinks":[]},{"date":"2023-11-15T12:01:31.271Z","title":"HTML DOM — Phuoc Nguyen","url":"https://phuoc.ng/collection/html-dom/","content":"DOM APIを使った逆引きリファレンス的なサイト","tags":["JavaScript","DOM","WebPlatformAPI","tutorial"],"relatedLinks":[]},{"date":"2023-11-15T12:05:56.743Z","title":"JetBrains JavaScript Day 2023 - YouTube","url":"https://www.youtube.com/playlist?list=PLQ176FUIyIUZmRHOyz_n9iy2qfHo4_GRT","content":"JetBrains JavaScript Day 2023の動画まとめ","tags":["JavaScript","Conference","video"],"relatedLinks":[]},{"date":"2023-11-15T12:25:39.584Z","title":"仕様と実装から読み解くHTMLのloading属性 - dwango on GitHub","url":"https://dwango.github.io/articles/html-loading-attribute/","content":"ブラウザごとの`img`/`iframe`の`loading=lazy`の挙動の違いについて","tags":["HTML","browser","article"],"relatedLinks":[]},{"date":"2023-11-16T11:26:40.152Z","title":"The end of third-party cookies and its impact on Miro apps and integrations | by Darren | Miro Engineering | Nov, 2023 | Medium","url":"https://medium.com/miro-engineering/the-end-of-third-party-cookies-and-its-impact-on-miro-apps-and-integrations-ee73358cda1e","content":"サードパーティCookieの廃止が埋め込みサイトに与える影響と対応策について。\n","tags":["browser","security","article"],"relatedLinks":[]},{"date":"2023-11-16T11:52:50.124Z","title":"A faster web in 2024 - rviscomi.dev","url":"https://rviscomi.dev/2023/11/a-faster-web-in-2024/","content":"GoogleのWeb Vitalsの指標としてFID(First Input Delay)の代わりにINP(Interaction to Next Paint)を利用するようになる変更について。\nINPを改善する方法としてのタスク分割、LCPとlazy loadingの問題、fetchpriotyやSpeculation Rules APIなどについて。","tags":["Chrome","performance","article"],"relatedLinks":[]},{"date":"2023-11-16T11:58:00.556Z","title":"Moving back to React","url":"https://daily.dev/blog/moving-back-to-react","content":"Next.jsとの互換性のためPreactからReactへ移行した話。\nPreactとReactの互換性の問題や実際に遭遇した問題についてなど","tags":["React","article","refactoring"],"relatedLinks":[]},{"date":"2023-11-16T12:10:47.264Z","title":"Bun v1.0.12 | Bun Blog","url":"https://bun.sh/blog/bun-v1.0.12","content":"Bun v1.0.12リリース。\n`bun -e \"<code>\"`のサポート、`bun --env-file <path>`のサポート、`import.meta.env`のサポート。\n`expect.unreachable()`の追加、`mock.module(...)`の改善など","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2023-11-16T23:22:08.755Z","title":"Vite 5.0 is out! | Vite","url":"https://vitejs.dev/blog/announcing-vite5","content":"Vite 5.0リリース。\nNode.js 14/16のサポート終了、Rollup 4へアップデート、CJS Node APIを非推奨化。\n`define`の置換方法をdevとproduction buildで同じ方法を使うように変更、devとpreviewでURL末尾のスラッシュの扱いが異なる問題を修正、非推奨なAPIの削除など","tags":["vite","ReleaseNote"],"relatedLinks":[{"title":"Migration from v4 | Vite","url":"https://vitejs.dev/guide/migration#deprecate-cjs-node-api"}]},{"date":"2023-11-18T23:20:30.418Z","title":"Bun v1.0.13 | Bun Blog","url":"https://bun.sh/blog/bun-v1.0.13","content":"Bun v1.0.13リリース。\n`node:http2`のサポートを改善し`@grpc/grpc-js`が動くように修正、`process.report.getReport()`をサポートしVite 5/Rollup 4が動くように修正。\n`with`ステートメントを含むファイルの変換をサポート、`Bun.spawn`のエラーを改善など","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2023-11-19T12:57:47.209Z","title":"フロントエンドカンファレンス沖縄 2023 公開資料・Xアカウントリンクまとめ","url":"https://zenn.dev/yumemi_inc/articles/2023-11-18-frontend-conf-okinawa-2023","content":"フロントエンドカンファレンス沖縄の動画とスライドのまとめ","tags":["HTML","JavaScript","CSS","Conference","video","slide"],"relatedLinks":[{"title":"フロントエンドカンファレンス沖縄2023","url":"https://frontend-conf.okinawa.jp/"}]},{"date":"2023-11-20T12:17:12.861Z","title":"Release 8.0.0 · vvo/iron-session","url":"https://github.com/vvo/iron-session/releases/tag/v8.0.0","content":"iron-session 8.0.0リリース。\nNext.js App Routerに対応し、APIも合わせて変更。","tags":["JavaScript","Next.js","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-11-20T23:17:26.896Z","title":"Announcing TypeScript 5.3 - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-5-3/","content":"TypeScript 5.3リリース。\nStage 3のImport Attributesをサポート、`resolution-mode`を`///`コメントで指定できるように。\n`switch(true)`でのNarrowingをサポート、`[Symbol.hasInstance]`と`insteanceof`を使ったNarrowingをサポート。\nパッケージ内のbundleファイルの重複を避けることで、パッケージサイズの改善など。","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2023-11-20T23:49:41.565Z","title":"Intlの今までとこれから - Speaker Deck","url":"https://speakerdeck.com/sajikix/intlnojin-madetokorekara","content":"ECMA-402のIntlオブジェクトについてのスライド。\nIntl APIの紹介、仕様バージョンごとの追加された機能、国際化や地域化を扱うためUnicodeなどの外部仕様に依存している点、Temporalとの組み合わせなどについて","tags":["i18n","JavaScript","ECMAScript","slide"],"relatedLinks":[]},{"date":"2023-11-21T23:42:39.136Z","title":"Firefox 120.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/120.0/releasenotes/","content":"Firefox 120リリース。\n`<source>`の`media`属性を再導入、`Date.parse()`でパースできる日付フォーマットの追加、HTTP 103 Early Hintsをサポート。\nその他には、Global Privacy Controlのサポート、CSSの`-moz-image-rect()`を削除など","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 120 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/120"}]},{"date":"2023-11-24T12:52:22.484Z","title":"Downloads by Major","url":"https://majors.nullvoxpopuli.com/","content":"npmのパッケージのダウンロード数をメジャーバージョン単位で比較できるサービス。\nメジャーアップデートへの移行がどれぐらい進んでいるかを確認できる","tags":["npm","webservice","Tools"],"relatedLinks":[]},{"date":"2023-11-26T03:55:08.218Z","title":"Node v20.10.0 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v20.10.0","content":"Node.js v20.10.0リリース。\nESMをデフォルト化に関する`--experimental-default-type`と`--experimental-detect-module`のフラグを追加。\n`fs.writeFile`に`flush`オプションを追加、`WebSocket`をグローバルに追加する`--experimental-websocket`フラグを追加。\nJestでメモリリークの原因となっていたVMScriptとDynamic Importに関する問題を修正など","tags":["nodejs","ReleaseNote"],"relatedLinks":[]},{"date":"2023-11-26T04:06:10.760Z","title":"The Valley of Code","url":"https://thevalleyofcode.com/","content":"ウェブ開発に関するチュートリアルサイト。\nHTTP/HTML/CSS/JavaScriptなどのウェブ開発に関するチュートリアルやGitHub/VSCodeなどの開発に関するガイドを扱う","tags":["JavaScript","CSS","HTTP","tutorial","HTML"],"relatedLinks":[]},{"date":"2023-11-26T04:20:56.116Z","title":"Getting started with CSS container queries | MDN Blog","url":"https://developer.mozilla.org/en-US/blog/getting-started-with-css-container-queries/","content":"CSSのContainer queryの紹介記事。\n親要素に対して`@container`のMedia Queryで条件を指定し、子要素に対してスタイルを設定できる。\n基本的な使い方、Container units(`cq*`)、Style queryについてなど","tags":["CSS","article"],"relatedLinks":[]},{"date":"2023-11-26T04:23:12.363Z","title":"State of JavaScript 2023","url":"https://survey.devographics.com/en-US/survey/state-of-js/2023","content":"JavaScriptの開発者アンケートであるState of JavaScript 2023の受付が開始されている","tags":["JavaScript","Survey"],"relatedLinks":[]},{"date":"2023-11-26T05:32:14.130Z","title":"Release v3.0.0 · lerna-lite/lerna-lite","url":"https://github.com/lerna-lite/lerna-lite/releases/tag/v3.0.0","content":"lerna-lite v3.0.0リリース。\nNode.js 16のサポート終了、`lerna run --use-nx`の削除など","tags":["JavaScript","monorepo","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2023-11-26T13:03:28.880Z","title":"Release v135 / Introducing esm.sh/run · esm-dev/esm.sh","url":"https://github.com/esm-dev/esm.sh/releases/tag/v135","content":"esm.sh v135リリース。\nJSXやTSのコード変換と実行できる\n`https://esm.sh/run`の追加など","tags":["JavaScript","cdn","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-11-27T23:10:47.209Z","title":"Biome formatter wins the Prettier challenge |","url":"https://biomejs.dev/blog/biome-wins-prettier-challenge","content":"Biome v1.4.0リリース。\nJS/TS/JSXのフォーマット結果をPrettier互換となるように改善。現時点ではPrettierの結果と96%一致する。いくつかのフォーマットは意図的な差分があることについても書かれている。\nフォーマットに関するオプション追加、`--config-path`フラグの追加、Lintルールの追加など","tags":["JavaScript","Rust","Tools","ReleaseNote"],"relatedLinks":[{"title":"Release CLI v1.4.0 · biomejs/biome","url":"https://github.com/biomejs/biome/releases/tag/cli%2Fv1.4.0"}]},{"date":"2023-11-28T11:29:40.383Z","title":"css-hooks/css-hooks: Hooks bring advanced CSS features to native inline styles.","url":"https://github.com/css-hooks/css-hooks","content":"style属性でスタイリングをするCSS in JSライブラリ。React/Preact/Solidに対応している。\nCSS custom propertiesを使って、`:hover`などの擬似クラスやMedia Queryに対するスタイルをstyle属性で実現している。","tags":["JavaScript","CSS","React","library"],"relatedLinks":[]},{"date":"2023-11-29T00:05:54.331Z","title":"tapjs/tsimp","url":"https://github.com/tapjs/tsimp","content":"ts-nodeのようにTypeScriptのコードを型チェックしながらコンパイルできるローダー。\nNode.js 20からサポートされている`Module.register()`を使って`node --import`で動作する。またデーモンとキャッシュを使うことで、不要な処理をスキップできる。","tags":["TypeScript","nodejs","Tools","library"],"relatedLinks":[]},{"date":"2023-11-29T05:28:02.686Z","title":"Release v9.0.0 · cosmiconfig/cosmiconfig","url":"https://github.com/cosmiconfig/cosmiconfig/releases/v9.0.0","content":"設定ファイルのローダーライブラリであるcosmiconfig 9.0.0リリース。\n`searchStrategy`オプションの追加、`$import:`のサポート。\nファイルシステムの権限で読み取り失敗したときにクラッシュする問題を修正など\n","tags":["nodejs","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-11-29T06:59:04.343Z","title":"Astro 4.0 Beta Release | Astro","url":"https://astro.build/blog/astro-4-beta/","content":"Astro 4.0 Betaリリース。\nVite 5へのアップデート、`<ViewTransitions />`に関するライフサイクルイベントを追加など","tags":["astro","ReleaseNote"],"relatedLinks":[]},{"date":"2023-11-30T00:01:40.650Z","title":"Node v18.19.0 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v18.19.0","content":"Node.js v18.19.0リリース。\nnpm 10へアップデート、`node:module`に`register` APIの追加、`import.meta.resolve`のサポート。\n`.js`のデフォルトの扱いをCJSからESMへと変更できる`--experimental-default-type`フラグのサポートなど。","tags":["nodejs","ReleaseNote"],"relatedLinks":[]},{"date":"2023-11-30T11:53:20.943Z","title":"Node.js Downloads","url":"https://nodedownloads.nodeland.dev/","content":"Node.jsのバージョンごとのダウンロード数をビジュアライズするサイト","tags":["nodejs","webservice"],"relatedLinks":[]},{"date":"2023-11-30T12:09:07.154Z","title":"architect/aws-lite: A simple, fast, extensible AWS client","url":"https://github.com/architect/aws-lite","content":"AWSのAPIクライアントライブラリ。\nAWS SDKのパフォーマンスやスタックトレースなどの問題に対応する目的で作成している。","tags":["aws","JavaScript","library"],"relatedLinks":[]},{"date":"2023-12-01T03:23:42.654Z","title":"Storybook 7.6","url":"https://storybook.js.org/blog/storybook-7-6/","content":"Storybook 7.6リリース。\nwebpackプロジェクトでもSWCを利用するように変更、`@storybook/test`のassertionをVitestのexpectに変更、Test modeの追加。\nreact-docgenのアップデートによる起動時間の改善、StoryshotsとVue2のサポートを非推奨化するなど","tags":["Development","debug","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2023-12-01T07:11:31.523Z","title":"Node v21.3.0 (Current) | Node.js","url":"https://nodejs.org/en/blog/release/v21.3.0","content":"Node.js v21.3.0リリース。\n`--disable-warning`フラグの追加、ルート証明書をNSS 3.95に更新、UTF-8の文字列を`fs.writeFileSync`で書き込む時のパフォーマンス改善など","tags":["nodejs","ReleaseNote"],"relatedLinks":[]},{"date":"2023-12-01T07:22:26.456Z","title":"Prettier's CLI: A Performance Deep Dive · Prettier","url":"https://prettier.io/blog/2023/11/30/cli-deep-dive","content":"PrettierのCLIのパフォーマンス改善について。\nglobのファイル探索の改善、INIファイルのパースの改善、キャッシュをデフォルト化、`console.log`の出力をバッファリングするように変更など","tags":["nodejs","JavaScript","performance","article"],"relatedLinks":[]},{"date":"2023-12-01T07:28:20.405Z","title":"Fluent React","url":"https://learning.oreilly.com/library/view/fluent-react/9781098138707/","content":"2024年3月発売。\nReactについての書籍","tags":["React","book"],"relatedLinks":[]},{"date":"2023-12-01T08:13:34.972Z","title":"CSS Containmentの仕組みを理解してレンダリングパフォーマンスをアップする１ 概要 | フロントエンドBlog | ミツエーリンクス","url":"https://www.mitsue.co.jp/knowledge/blog/frontend/202311/28_1448.html","content":"CSS Containmentについて","tags":["CSS","article"],"relatedLinks":[]},{"date":"2023-12-01T08:15:10.465Z","title":"tapjs/tsimp","url":"https://github.com/tapjs/tsimp","content":"ts-nodeのようにTypeScriptのコードを型チェックしながらコンパイルできるローダー。\nNode.js 20からサポートされている`Module.register()`を使って`node --import`で動作する。またデーモンとキャッシュを使うことで、不要な処理をスキップできる。","tags":["TypeScript","nodejs","library"],"relatedLinks":[]},{"date":"2023-12-01T23:54:56.330Z","title":"Fresh 1.6: Tailwind CSS plugin, simplified typings and more","url":"https://deno.com/blog/fresh-1.6","content":"Fresh 1.6リリース。\nTwindからTailwind CSSへの移行、`fresh.gen.ts`の自動生成結果がコンフリクトしにくい形式へと変更、Pluginからislandsが作成できるように。\nルーティングにURLPatternではなく正規表現を使うことでパフォーマンスを改善、Contextの型定義をまとめるなどの変更が含まれる","tags":["deno","library","ReleaseNote"],"relatedLinks":[{"title":"Release 1.6.0 · denoland/fresh","url":"https://github.com/denoland/fresh/releases/tag/1.6.0"},{"title":"Migrating to Tailwind | Fresh docs","url":"https://fresh.deno.dev/docs/examples/migrating-to-tailwind"},{"title":"Poor URLPattern performance · Issue #19861 · denoland/deno","url":"https://github.com/denoland/deno/issues/19861"}]},{"date":"2023-12-04T10:15:22.747Z","title":"unjs/unenv: 🕊️ Convert javaScript code to be runtime agnostic","url":"https://github.com/unjs/unenv/tree/main","content":"Node.js Core Modulesなどのpolyfillやモックを提供するライブラリ。\nNode.js向けのコードを他の実行環境でも動作させるためのライブラリ","tags":["nodejs","JavaScript","polyfill","library"],"relatedLinks":[]},{"date":"2023-12-04T22:48:46.101Z","title":"Release v5.0.0 · reduxjs/redux","url":"https://github.com/reduxjs/redux/releases/tag/v5.0.0","content":"Redux v5.0.0リリース。\nTypeScriptへの書き換え、CJS/ESMのdual packageに変更、ES2020形式で出力するように変更。\n`createStore`を非推奨としRedux Toolkitへの移行を推奨としている。\n","tags":["redux","JavaScript","ReleaseNote"],"relatedLinks":[]},{"date":"2023-12-04T22:59:35.682Z","title":"Release v2.0.0 · reduxjs/redux-toolkit","url":"https://github.com/reduxjs/redux-toolkit/releases/tag/v2.0.0","content":"Redux Toolkit v2.0.0リリース。\nRedux v5/Reselect 5.0へのアップデート、`createReducer`/`createSlice`の`extraReducers`におけるオブジェクト構文のサポートを削除。\n`middleware`オプションが配列ではなくコールバック関数のみを受け付けるように変更、型定義の変更など。\n`combineSlices`の追加、`createDynamicMiddleware`の追加、`autoBatchEnhancer`をデフォルトで有効化するなど","tags":["React","redux","library","ReleaseNote"],"relatedLinks":[{"title":"Migrating to RTK 2.0 and Redux 5.0 | Redux","url":"https://redux.js.org/usage/migrations/migrating-rtk-2"}]},{"date":"2023-12-05T04:51:13.686Z","title":"Release v6.0.0 · avajs/ava","url":"https://github.com/avajs/ava/releases/tag/v6.0.0","content":"AVA v6.0.0リリース。\nNpde.js 14/16のサポート終了、Watchモードの改善、`t.throws()`に`any`オプションを追加など","tags":["nodejs","JavaScript","jailbreak","ReleaseNote"],"relatedLinks":[]},{"date":"2023-12-05T05:02:56.163Z","title":"Release v1.0.0 · vitest-dev/vitest","url":"https://github.com/vitest-dev/vitest/releases/tag/v1.0.0","content":"vitest v1.0.0リリース。\n`node:child_process`を使った並列実行をサポート、`pool`と`poolOptions`をサポートし関連する古いフラグを削除など。\nSnapshotの形式の変更、カバレッジの改善、`--projet`オプションの追加など","tags":["vite","testing","ReleaseNote"],"relatedLinks":[]},{"date":"2023-12-06T05:33:32.387Z","title":"facebook/stylex: StyleX is the styling system for ambitious user interfaces.","url":"https://github.com/facebook/stylex","content":"FacebookのAtomic CSS in JSライブラリ。\nTypeScriptなどでType Safeにスタイルを定義、適用でき、ビルド時にCSSファイルへとコンパイルすることで実行時のコストを小さくしている。\n`stylex.create`でスタイルを定義、`stylex.props`で常に後ろが優先されるというマージルールでスタイルを適用できる。","tags":["JavaScript","CSS","library"],"relatedLinks":[]},{"date":"2023-12-06T08:10:59.763Z","title":"Astro 4.0 | Astro","url":"https://astro.build/blog/astro-4/","content":"Astro 4.0リリース。\nDevToolbarの追加、i18n Routingの追加、View Transition APIのサポートを改善、Loggingの改善。\n実験的な機能としてIncremental Content Cachingを追加など","tags":["astro","ReleaseNote"],"relatedLinks":[]},{"date":"2023-12-07T09:01:55.098Z","title":"Electron 28.0.0 | Electron","url":"https://www.electronjs.org/blog/electron-28-0","content":"Electron 28.0.0リリース。\nChromium 120.0.6099.56、Node.js 18.18.2にアップデート。\nECMAScript Moduesをサポートなど","tags":["Electron","ReleaseNote"],"relatedLinks":[]},{"date":"2023-12-08T01:11:29.661Z","title":"2020年から2023年までのCSSの変遷を振り返る - yamaScrapbox","url":"https://scrapbox.io/yamanoku/2020%E5%B9%B4%E3%81%8B%E3%82%892023%E5%B9%B4%E3%81%BE%E3%81%A7%E3%81%AECSS%E3%81%AE%E5%A4%89%E9%81%B7%E3%82%92%E6%8C%AF%E3%82%8A%E8%BF%94%E3%82%8B","content":"2020年以降に実装されたCSSの機能紹介","tags":["CSS","slide"],"relatedLinks":[]},{"date":"2023-12-08T02:21:28.869Z","title":"Web Performance Calendar » Fastest Way of Passing State to JavaScript, Re-visited","url":"https://calendar.perfplanet.com/2023/fastest-way-passing-state-javascript-revisited/","content":"SSRでステートを埋め込んで渡す方法のパフォーマンス比較。\nJSを出力する方法、InvalidなMime typeで埋め込む方法、JSONを埋め込む方法について","tags":["JavaScript","performance","article"],"relatedLinks":[]},{"date":"2023-12-08T02:22:10.503Z","title":"VueFes Japan 2023イベントレポート | gihyo.jp","url":"https://gihyo.jp/article/2023/11/vuefes-japan-2023-report","content":"VueFes Japan 2023のレポート記事","tags":["Vue","article"],"relatedLinks":[{"title":"Vue & Vite Rustify - Speaker Deck","url":"https://speakerdeck.com/kazupon/vue-and-vite-rustify"}]},{"date":"2023-12-08T02:28:28.860Z","title":"Release v3.11.0 · honojs/hono","url":"https://github.com/honojs/hono/releases/tag/v3.11.0","content":"Hono v3.11.0リリース。\n`hono/jsx`に`ErrorBoundary`の追加、`hono/dev`にルーティングの一覧を出力する`showRoutes`を追加。\n`c.jsonT()`をDeprecatedにして、`c.json()`がRPCでも利用できるようになるなど。","tags":["JavaScript","server","library","ReleaseNote"],"relatedLinks":[{"title":"Honoのv3.10とv3.11について","url":"https://zenn.dev/yusukebe/articles/d1be7aa06999cb"}]},{"date":"2023-12-08T12:51:05.421Z","title":"Ecosystem 2023 Recap | Electron","url":"https://www.electronjs.org/blog/ecosystem-2023-eoy-recap","content":"Electronのエコシステムのアップデートについての紹介記事。\nElectron Forge、Auto updatesの静的ストレージの対応、`@electron/windows-sign`について","tags":["Electron","article"],"relatedLinks":[]},{"date":"2023-12-08T12:53:53.362Z","title":"Release v14.0.0 · sindresorhus/got","url":"https://github.com/sindresorhus/got/releases/tag/v14.0.0","content":"Got v14.0.0リリース。\nNode.js 18のサポートを終了。","tags":["nodejs","HTTP","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-12-09T08:49:37.988Z","title":"実装で学ぶフルスタックWeb開発 エンジニアの視野と知識を広げる「一気通貫」型ハンズオン | 株式会社オープントーン, 佐藤 大輔, 伊東 直喜, 上野 啓二 |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/dp/4798179337/","content":"2023年12月18日発売\nNext.jsとDjangoでのウェブ開発についての書籍。\nサンプルアプリケーションを通してウェブシステム開発を学ぶ書籍","tags":["Next.js","React","python","book"],"relatedLinks":[]},{"date":"2023-12-10T11:25:36.754Z","title":"ECMAScript proposal updates @ 2023-11 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2023/12/10/ecmascript-proposal-update","content":"2023-11のTC39ミーティングでのECMAScript Proposalのステータス変更のまとめ。\nArray Groupingと`Promise.withResolvers`がStage 4となりES2024に含まれる。","tags":["ECMAScript","proposal","news"],"relatedLinks":[]},{"date":"2023-12-12T07:03:14.981Z","title":"WebKit Features in Safari 17.2 | WebKit","url":"https://www.webkit.org/blog/14787/webkit-features-in-safari-17-2/","content":"Safari 17.2リリース。\nHTMLでは、`<detail name>`のサポート、`<input autocomplete=\"one-time-code\">`のサポートなど。\nCSSでは、Nestingのルール緩和、`cap` unit、`rem()`/`mod()`/`round()`の追加、`mask-border`のサポート、Custom Highlight APIのサポートなど。\nJavaScriptでは、Import attributesのサポート。\nその他には、`<link rel=preload>`で`imagesizes`/`imagesrcset`属性でのresponsive imageをサポート。\nSVG画像を`<image crossorigin>`で読み込むときにCORSを考慮して扱えるように。\nFetch Priorityのサポート、HTML Formの`form.reportValidity()` APIをサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2023-12-12T12:18:46.696Z","title":"npm install --productionみたいなの色々ありすぎ問題","url":"https://zenn.dev/zawa_kyo/articles/d671e0935ae0c0","content":"`npm install --omit=dev`や`--production`、`--inculde`フラグについて","tags":["npm","article"],"relatedLinks":[]},{"date":"2023-12-12T13:53:03.490Z","title":"Vite は使ってないけど Jest を Vitest に移行する","url":"https://zenn.dev/sa2knight/articles/migrating_vitest_from_jest","content":"JestからVitestへの移行方法について","tags":["JavaScript","testing","article"],"relatedLinks":[]},{"date":"2023-12-13T09:38:22.829Z","title":"Oxlint General Availability | The JavaScript Oxidation Compiler","url":"https://oxc-project.github.io/blog/2023-12-12-announcing-oxlint.html","content":"Oxlintが公開された。\nESLintと同じようにJavaScriptやTypeScriptのLintをするツール。\nパフォーマンスを目的として設計されており、色々なESLintのルールをコアに取り込んでいる。","tags":["ESLint","JavaScript","Rust","ReleaseNote"],"relatedLinks":[]},{"date":"2023-12-14T11:44:22.798Z","title":"Onyx Programming Language","url":"https://onyxlang.io/","content":"WebAssemblyへとコンパイルできる言語","tags":["WebAssembly","program"],"relatedLinks":[{"title":"Onyx, a new programming language powered by WebAssembly","url":"https://wasmer.io/posts/onyxlang-powered-by-wasmer"}]},{"date":"2023-12-14T13:06:54.927Z","title":"Baseline's evolution on MDN | MDN Blog","url":"https://developer.mozilla.org/en-US/blog/baseline-evolution-on-mdn/","content":"主要なブラウザでサポートされてるかをわかりやすく表示するBaselineについて。\nMDNやcaniuseでのAPIのサポート状況の表示に利用されているBaselineの定義について","tags":["article","browser"],"relatedLinks":[{"title":"Baseline 2023  |  web.dev","url":"https://web.dev/blog/baseline2023?hl=en"}]},{"date":"2023-12-14T13:30:31.944Z","title":"Deno 1.39: The Return of WebGPU","url":"https://deno.com/blog/v1.39","content":"Deno v1.39リリース。\nWebGPU APIを再導入、`deno coverage --html`でHTMLのカバレッジレポートを表示できるように、`deno compile`の改善。\n`deno taak`で`node_modules/.bin/`へのPATHを通すように。\n`Object.prototype.__proto__`を有効化する`--unstable-unsafe-proto`フラグを追加。\nJestのexpect互換の`std/expect`を追加、コマンドライン引数のパースをする`std/cli`を追加など","tags":["deno","ReleaseNote"],"relatedLinks":[]},{"date":"2023-12-14T13:37:19.477Z","title":"Storybook for React Server Components","url":"https://storybook.js.org/blog/storybook-react-server-components/","content":"StorybookのReact Server Components(RSC)のサポートについて。\nRSCをクライアントサイドでレンダリングして対応予定。Storybook 8のα版で利用できるようになっている。","tags":["React","debug","article"],"relatedLinks":[]},{"date":"2023-12-14T14:16:48.455Z","title":"BuilderIO/hydration-overlay: Overlay for hydration errors with explicit diff between renders.","url":"https://github.com/BuilderIO/hydration-overlay","content":"ReactのHydrationでのmismatchのエラーをDiff表示するライブラリ。\nSSRとCSRでのレンダリング結果にズレがある場合にHydrationエラーのデバッグに利用できる。","tags":["React","debug","library"],"relatedLinks":[{"title":"Announcing React Hydration Overlay - Easily Squash Hydration Errors","url":"https://www.builder.io/blog/announcing-react-hydration-overlay"}]},{"date":"2023-12-15T01:03:07.604Z","title":"Announcing SvelteKit 2","url":"https://svelte.dev/blog/sveltekit-2","content":"SvelteKit 2リリース。\n`load`関数でのPromisesの扱いに一貫性を持たせるように、`paths.relative`をデフォルトで`true`に変更、`dangerZone.trackServerFetches`を削除など","tags":["Svelte","ReleaseNote"],"relatedLinks":[{"title":"Migrating to SvelteKit v2 • Docs • SvelteKit","url":"https://kit.svelte.dev/docs/migrating-to-sveltekit-2"},{"title":"Release @sveltejs/kit@2.0.0 · sveltejs/kit","url":"https://github.com/sveltejs/kit/releases/tag/%40sveltejs%2Fkit%402.0.0"}]},{"date":"2023-12-15T03:32:49.805Z","title":"1年かけてNext.jsのapp routerへ完全移行した話","url":"https://zenn.dev/urotea/articles/3fbaa77d77b788","content":"Next.jsのPage RouterからApp Routerへの移行について。\n移行の手順、App Routerへの移行後のメリットやデメリットについて。\nIntercepting Routesでのダイアログ管理、layoutやエラー画面の管理、キャッシュの問題について","tags":["Next.js","GraphQL","article"],"relatedLinks":[]},{"date":"2023-12-15T04:16:23.441Z","title":"一休レストランで Next.js App Router から Remix に乗り換えた話 - 一休.com Developers Blog","url":"https://user-first.ikyu.co.jp/entry/2023/12/15/093427","content":"Next.jsのApp RouterからRemix Runに移行した話。\nNext.jsのApp RouterではCache-Controlが暗黙的で変更できない問題、RemixではRequest/Responseを自由に変更できるなどの違いについて。","tags":["Next.js","Remix","article"],"relatedLinks":[]},{"date":"2023-12-15T04:29:49.048Z","title":"【月間9000万PVのPR TIMES】プレスリリース掲載ページの Next.js 移行でやったこと | PR TIMES 開発者ブログ","url":"https://developers.prtimes.jp/2023/12/13/replace-press-release-page-with-nextjs/","content":"Next.jsのPages Routerに移行し、キャッシュの処理はCDN(Fastly)に寄せるという話。","tags":["Next.js","article"],"relatedLinks":[]},{"date":"2023-12-18T02:26:30.010Z","title":"Movies App","url":"https://tastejs.com/movies/","content":"Next.js/Angular/NuxtJS/Astro/SolidJS/Svelte/Enhance/qwik/Lit などのフレームワークで同じ映画情報アプリを作ったものを比較できるサイト。","tags":["JavaScript","library","example"],"relatedLinks":[]},{"date":"2023-12-20T02:54:32.808Z","title":"Release v3.0.0 · date-fns/date-fns","url":"https://github.com/date-fns/date-fns/releases/tag/v3.0.0","content":"date-fns v3.0.0リリース。\nESMとCJSのdual pacakgeに変更、それぞれのファイルはnamed exportするように変更。TypeScriptの型を改善、引数の数のRuntime Checkを無くしてType Checkのみに変更、intevalの負数をサポート、IEのサポートを終了など","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-12-20T03:51:44.634Z","title":"Firefox 121.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/121.0/releasenotes/","content":"Firefox 121リリース。\n`<iframe loading=lazy>`のサポート、CSSの`text-wrap: balance`、`:has()`、`text-indent: each-ilne`のサポート。\nES2024の`Promise.withResolvers()`のサポート、`Date.parse()`で解釈できるフォーマットを追加。\n実験的な機能としてCustom Elementの`state`プロパティのサポート、`showPicker()`のサポートなど","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 121 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/121"}]},{"date":"2023-12-20T12:53:08.852Z","title":"Node.js v21 の主な変更点 - 別にしんどくないブログ","url":"https://shisama.hatenablog.com/entry/2023/12/16/151553","content":"Node.js v21の変更点について。\nFetchとWebStreamsのStable化、WebSocketの追加、`navigator.language`/`navigator.languages`の追加、ESMデフォルト化に関するフラグの追加。\n`import.meta.dirname`/`import.meta.filename`の追加、Test Runnerのglob指定に対応、`--disable-warning`フラグの追加など","tags":["nodejs","article"],"relatedLinks":[]},{"date":"2023-12-20T13:24:21.462Z","title":"From CSS madness to CSS Hooks — nsaunders.dev","url":"https://nsaunders.dev/posts/css-madness-to-hooks","content":"CSS Hooksで利用されているCSS Variablesを使ったfallback trickについて。\nCSS Variablesでは`initial`が指定されている場合はfallbackが使われ、空の値の場合は空の値が使われる。\nこの特性を使うことで、CSSだけでプログラムするようにスタイルのトグルが実現できる。","tags":["CSS","article"],"relatedLinks":[{"title":"CSS Hooks","url":"https://css-hooks.com/"}]},{"date":"2023-12-20T13:43:03.731Z","title":"Tailwind CSS v3.4: Dynamic viewport units, :has() support, balanced headlines, subgrid, and more - Tailwind CSS","url":"https://tailwindcss.com/blog/tailwindcss-v3-4","content":"Tailwind CSS v3.4リリース。\nDynamic viewport unitsのサポート、`:has()`のサポート、`*` variantの追加、`size-*` utilityの追加、Sub gridのサポートなど","tags":["CSS","library","ReleaseNote"],"relatedLinks":[]},{"date":"2023-12-20T13:57:19.720Z","title":"webui-dev/webui: Use any web browser as GUI, with your preferred language in the backend and HTML5 in the frontend, all in a lightweight portable lib.","url":"https://github.com/webui-dev/webui","content":"ブラウザやWebViewをGUIとして使い、バックエンドを任意の言語で書けるデスクトップアプリツール。\nバックエンドからブラウザのウィンドウ操作やブラウザとのやり取りをするSDKが色々な言語向けに用意されている","tags":["webview","browser","software"],"relatedLinks":[]},{"date":"2023-12-20T23:33:50.608Z","title":"December 20, 2023 Release – React Spectrum Releases","url":"https://react-spectrum.adobe.com/releases/2023-12-20.html","content":"React Aria Components v1リリース。\nReact Ariaの説明をするLanding Pageの公開、Storybookやスタイルを含むStarter Kitの公開など","tags":["React","library","ReleaseNote"],"relatedLinks":[{"title":"React Aria","url":"https://react-spectrum.adobe.com/react-aria/index.html"},{"title":"Getting Started – React Aria","url":"https://react-spectrum.adobe.com/react-aria/getting-started.html#starter-kit"}]},{"date":"2023-12-21T04:02:55.818Z","title":"Introducing Catalyst: A modern UI kit for React - Tailwind CSS","url":"https://tailwindcss.com/blog/introducing-catalyst","content":"TailwindのUI KitであるCatalystのリリース。\nスタイル付きのコンポーネントをコピーして使う有料のReactコンポーネント集。","tags":["UI","CSS","library","ReleaseNote","React"],"relatedLinks":[{"title":"Catalyst - Tailwind CSS Application UI Kit","url":"https://tailwindui.com/templates/catalyst"}]},{"date":"2023-12-22T13:18:28.581Z","title":"Bun v1.0.19 | Bun Blog","url":"https://bun.sh/blog/bun-v1.0.19","content":"Bun v1.0.19リリース。\n`bun-types`には色々問題があったため`@types/bun`に変更、`setTimeout`/`setInterval`のパフォーマンスを改善など","tags":["Bun","ReleaseNote","TypeScript"],"relatedLinks":[]},{"date":"2023-12-23T10:57:51.715Z","title":"TS Docs | Reference docs for npm packages","url":"https://tsdocs.dev/","content":"npmパッケージの型情報からtypedocを表示できるサービス。","tags":["TypeScript","npm","document","webservice"],"relatedLinks":[]},{"date":"2023-12-23T11:06:16.498Z","title":"Getting started with Web Performance 🚀 - HTMHell","url":"https://www.htmhell.dev/adventcalendar/2023/14/","content":"ウェブパフォーマンスの入門記事。\nなぜパフォーマンスが大事か、Core Web VitalsやLCP/INP/CLSといったメトリクスがどのような状態を計測してるのかの解説。\nパフォーマンスを計測する方法やツール、改善に対するTipsなど","tags":["performance","article"],"relatedLinks":[]},{"date":"2023-12-25T08:29:13.639Z","title":"Tailwind CSS実践入門：書籍案内｜技術評論社","url":"https://gihyo.jp/book/2024/978-4-297-13943-8","content":"2024年1月26日発売\nTailwind CSSについての書籍","tags":["CSS","book"],"relatedLinks":[]},{"date":"2023-12-27T06:01:44.910Z","title":"Release v8.13.1 · pnpm/pnpm","url":"https://github.com/pnpm/pnpm/releases/tag/v8.13.1","content":"pnpm v8.13.1リリース。\n`pnpm cat-index`/`pnpm cat-file`/`pnpm find-hash`コマンドの追加など\n","tags":["pnpm","ReleaseNote"],"relatedLinks":[]},{"date":"2023-12-27T11:01:26.560Z","title":"moment/CHANGELOG.md at develop · moment/moment","url":"https://github.com/moment/moment/blob/develop/CHANGELOG.md#2300-full-changelog","content":"moment 2.30.0リリース。\n","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"moment-2.30.0.md","url":"https://gist.github.com/ichernev/e277bcd1f0eeabb834f60a777237925a"}]},{"date":"2023-12-28T03:41:49.941Z","title":"Next.jsを4年間使用してたどりついた、エンタープライズアプリケーションのフロントエンド開発・構築手法 | POSTD","url":"https://postd.cc/how-i-approach-and-structure-enterprise-frontend-applications-after-4-years-of-using-nextjs/","content":"Next.jsのPages Routerでのアプリケーションアーキテクチャについて。\nNext.jsのディレクトリ構造、ツール、コーディングスタイルについてなど\n","tags":["Next.js","article","translate"],"relatedLinks":[]},{"date":"2023-12-29T01:32:46.724Z","title":"Release 3.35.0 - 2023.12.29 · zloirock/core-js","url":"https://github.com/zloirock/core-js/releases/tag/v3.35.0","content":"core-js v3.35.0リリース。\n`{ Map, Set, WeakMap, WeakSet }.{ from, of }`の`this`に関する挙動の変更など","tags":["JavaScript","library","polyfill","ReleaseNote"],"relatedLinks":[]},{"date":"2023-12-29T03:43:03.155Z","title":"Announcing Vue 3.4 | The Vue Point","url":"https://blog.vuejs.org/posts/vue-3-4","content":"Vue 3.4リリース。\nVueテンプレートのパーサーのパフォーマンス改善、`watchEffect`の改善、`defineModel`をStable APIに変更。\n`v-bind`が同名の場合の省略記法を追加、Hydrationのエラー表示を改善。\nグローバルTypeの`JSX`名前空間を登録しないように、実験的な機能だったReactivity Transformの削除など","tags":["Vue","ReleaseNote"],"relatedLinks":[]},{"date":"2023-12-29T11:18:04.489Z","title":"Web Performance Calendar » Measuring, monitoring and optimizing TTFB with Server timing","url":"https://calendar.perfplanet.com/2023/ttfb-server-timing-measuring-monitoring-optimizing/","content":"`Server-Timing` HTTP Response Headerについて。\n`Server-Timing`のフォーマット、Node,jsでレスポンスを組み立てる例など","tags":["performance","JavaScript","article"],"relatedLinks":[]},{"date":"2023-12-29T11:27:57.357Z","title":"Web Performance Calendar » Digging through Chrome traces: an introduction with an example","url":"https://calendar.perfplanet.com/2023/digging-chrome-traces-introduction-example/","content":"ChromeのTraceについて。\nDevToolsは現在のタブのデータだけだが、Chromeのシステムのトレースを見られる`chrome://tracing`について。\nDevToolsのパフォーマンスパネルとトレースの使い分け、トレースファイルのフォーマット、トレースとChromeのコードベースの対応の調べ方について。","tags":["Chrome","performance","article"],"relatedLinks":[]},{"date":"2023-12-31T01:55:34.239Z","title":"SvelteKit はどのようにコンパイルしているのか？","url":"https://blog.osstech.co.jp/posts/2023/11/how-sveltekit-compiles/","content":"SvelteKitのコンパイルの仕組みであるvite-plugin-svelteとViteについて。\n`/__inspect/`でのコンパイルの確認方法、Viteについて。","tags":["Svelte","vite","article"],"relatedLinks":[]},{"date":"2023-12-31T11:52:02.635Z","title":"speed-highlight/core: 🌈 Light, fast, and easy to use, dependencies free javascript syntax highlighter, with automatic language detection","url":"https://github.com/speed-highlight/core","content":"自動で言語を判定する機能を持つシンタックハイライトライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2024-01-01T09:49:17.360Z","title":"Vue.js","url":"https://v2.vuejs.org/eol/","content":"Vue 2は2023年12月31日でEnd of Life (EOL)となり、サポートが終了した。\n最終バージョンは2.7.16","tags":["Vue","news"],"relatedLinks":[]},{"date":"2024-01-01T23:47:31.077Z","title":"TypeScript Clearly & Quickly","url":"https://quick-lint-js.com/blog/version-3.0/","content":"Quick-lint-js 3.0リリース。\nTypeScriptのLintに対応、JSXのLintの改善など","tags":["JavaScript","TypeScript","ESLint","ReleaseNote"],"relatedLinks":[{"title":"Release 3.0.0 (2024-01-01) · quick-lint/quick-lint-js","url":"https://github.com/quick-lint/quick-lint-js/releases/tag/3.0.0"}]},{"date":"2024-01-01T23:58:49.597Z","title":"Astro ゆく年くる年","url":"https://zenn.dev/morinokami/articles/astro-2023-2024","content":"Astroの2023年の主要な変更点についてのまとめ。\nContent Collections、Hybrid Rendering、Middleware、Custom Client Directives、 Page Partials、Dev Toolbar。\nまた関連プロジェクトについてなど\n","tags":["astro","article"],"relatedLinks":[]},{"date":"2024-01-02T00:24:12.443Z","title":"Pagefind | Pagefind — Static low-bandwidth search at scale","url":"https://pagefind.app/","content":"静的サイト向けの全文検索エンジンとUIライブラリ。\n検索インデックスをchunkに分けて作成し、ブラウザから取得する検索インデックスも必要な部分だけをロードすることで、大きなサイトでも転送量を小さく保つ仕組みを持つ。\n\n","tags":["JavaScript","Rust","library","search","nodejs"],"relatedLinks":[]},{"date":"2024-01-02T00:39:13.635Z","title":"2023年のDenoの変更点やできごとのまとめ","url":"https://zenn.dev/uki00a/articles/whats-new-for-deno-in-2023","content":"Denoの2023年の主要な変更点について。\nNode.jsとの互換性のの改善、`deno.json`のオプションの追加、Deno KV/Queues/Cronの追加、実験的なパッケージマネージャの実装、`deno jupyter`コマンドの追加など。\nまた、`deno_std`のv1リリースに向けてモジュールの削除や構造の変更などが行われていることについて\n","tags":["deno","article"],"relatedLinks":[]},{"date":"2024-01-02T11:53:17.540Z","title":"Bun v1.0.21 | Bun Blog","url":"https://bun.sh/blog/bun-v1.0.21","content":"Bun v1.0.21リリース。\n`console.table()`のサポート、`bun:sqlite`のエラー表示やメモリ消費量の改善。\nLinuxで`blob.arrayBuffer()`のCOWをサポートしメモリ消費を改善、`bun build --public-path=<path>`のサポートなど","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2024-01-03T23:36:07.438Z","title":"Google shares update on next step toward phasing out third-party cookies in Chrome","url":"https://blog.google/products/chrome/privacy-sandbox-tracking-protection/","content":"2024年1月4日からChromeの1%のユーザーを対象にサードパーティCookieを無効にするテストを開始する","tags":["Chrome","privacy","news"],"relatedLinks":[{"title":"Preparing for the end of third-party cookies  |  Privacy Sandbox  |  Google for Developers","url":"https://developers.google.com/privacy-sandbox/blog/cookie-countdown-2023oct"}]},{"date":"2024-01-05T00:10:40.259Z","title":"2023 JavaScript Rising Stars","url":"https://risingstars.js.org/2023/en","content":"GitHubのスター数の比較をするJavaScript Rising Starsの2023年の結果が公開された","tags":["JavaScript","Github","news"],"relatedLinks":[]},{"date":"2024-01-05T06:52:33.933Z","title":"Astro 4.1 | Astro","url":"https://astro.build/blog/astro-410/","content":"Astro 4.1リリース。\ndev toolbarにアクセシビリティのauditを追加、`client:visible`に`rootMargin`オプションを追加、CookieのEncoding/Decodingオプションの追加など","tags":["astro","ReleaseNote"],"relatedLinks":[]},{"date":"2024-01-05T11:31:04.177Z","title":"More Than You Need to Know About ReactDOM.flushSync | JulesBlom.com","url":"https://julesblom.com/writing/flushsync","content":"Reactの`ReactDOM.flushSync`について。\nReactはデフォルトで状態の更新をまとめてレンダリングするが、`flushSync`では状態の更新をすぐにレンダリングできることについて","tags":["React","article"],"relatedLinks":[]},{"date":"2024-01-06T00:10:12.357Z","title":"Release v3.12.0 · honojs/hono","url":"https://github.com/honojs/hono/releases/tag/v3.12.0","content":"Hono v3.12.0リリース。\nOriginヘッダをチェックする`hono/csrf`の追加、実験的なAPIとして`hono/css`でのCSS in JSを追加など","tags":["JavaScript","server","library","ReleaseNote"],"relatedLinks":[]},{"date":"2024-01-08T03:50:59.850Z","title":"Release Version 23.2.0 · jsdom/jsdom","url":"https://github.com/jsdom/jsdom/releases/tag/23.2.0","content":"jsdom 23.2.0リリース。\nCSS selectorのエンジンを`nwsapi`から`dom-selector`へと変更。\n","tags":["JavaScript","DOM","ReleaseNote"],"viaURL":"https://press.stripe.com/working-in-public","relatedLinks":[{"title":"asamuzaK/domSelector: A CSS selector engine.","url":"https://github.com/asamuzaK/domSelector"},{"title":"dperini/nwsapi: Fast CSS Selectors API Engine","url":"https://github.com/dperini/nwsapi"}]},{"date":"2024-01-10T02:07:20.266Z","title":"Bun v1.0.22 | Bun Blog","url":"https://bun.sh/blog/bun-v1.0.22","content":"Bun v1.0.22リリース。\n`PerformanceObserver`/`performance.mark`/`performance.measure` APIの実装、Fetch APIのBrotliサポート。\n`console.table`のEastAsianWidthの対応改善など","tags":["Bun","ReleaseNote"],"viaURL":"https://press.stripe.com/working-in-public","relatedLinks":[]},{"date":"2024-01-10T08:44:54.832Z","title":"Biome v1.5 | Biome","url":"https://biomejs.dev/blog/biome-v1-5/","content":"Biome v1.5リリース。\nGitなどのVCSでの変更されたファイルだけを扱う`--changed`フラグの追加、`biome ci`でGitHubのProblem Matcherに合わせた出力をするように。\n`biome explain`の追加、Lintルールの追加など","tags":["JavaScript","Tools","ReleaseNote"],"viaURL":"https://press.stripe.com/working-in-public","relatedLinks":[{"title":"Biome の 2024年のロードマップの公開と v1.5.0 のリリース","url":"https://zenn.dev/cybozu_frontend/articles/biome-roadmap-2024"}]},{"date":"2024-01-11T02:31:45.619Z","title":"Node v20.11.0 (LTS) | Node.js","url":"https://nodejs.org/en/blog/release/v20.11.0","content":"Node.js v20.11.0リリース。\n`import.meta.dirname`/`import.meta.filename`を追加、`--disable-warning`フラグを追加、Streamのパフォーマンス改善など","tags":["nodejs","ReleaseNote"],"relatedLinks":[]},{"date":"2024-01-11T02:38:52.867Z","title":"Release v13.0.0 · capricorn86/happy-dom","url":"https://github.com/capricorn86/happy-dom/releases/tag/v13.0.0","content":"Happy DOM v13.0.0リリース。\nInternalなAPIをSymbolを使うことで直接はアクセスできないように変更、CORSのpreflightの対応改善、`window.open()`/`window.close()`のアポートなど","tags":["JavaScript","DOM","ReleaseNote"],"relatedLinks":[]},{"date":"2024-01-11T02:51:01.251Z","title":"【DDD入門】TypeScript × ドメイン駆動設計ハンズオン","url":"https://zenn.dev/yamachan0625/books/ddd-hands-on","content":"DDDのドメインモデリングや実装方法についてを見ていくチュートリアル。\nイベントストーミングでのドメインモデリング、PlantUMLを使ったモデル図の管理、TypeScriptを使った実装について紹介している","tags":["DDD","TypeScript","book"],"relatedLinks":[]},{"date":"2024-01-11T03:20:07.763Z","title":"Rspack 0.5 Release Announcement - Rspack","url":"https://www.rspack.dev/blog/announcing-0.5.html","content":"Rspack 0.5リリース。\nModule Federationのサポート、ビルトインで定義されていたデフォルトの変換(jsやts)を削除しユーザーが定義するように変更。\n`resolve.exntesions`のデフォルト値から`.ts`や`.tsx`などを削除、Deprecatedだった`builtins.*`オプションやloaderを削除など","tags":["JavaScript","bundler","ReleaseNote"],"relatedLinks":[]},{"date":"2024-01-11T03:21:23.970Z","title":"Amazon.co.jp: フロントエンドの知識地図—— 一冊でHTML/CSS/JavaScriptの開発技術が学べる本 eBook : 池田 泰延, 西原 翼, 松本 ゆき: Kindleストア","url":"https://www.amazon.co.jp/dp/B0CMCWZRP2/","content":"HTML/CSS/JavaScriptなどのフロントエンドについての書籍","tags":["JavaScript","HTML","CSS","book"],"relatedLinks":[]},{"date":"2024-01-11T03:32:01.962Z","title":"The chibivue Book | The chibivue Book","url":"https://ubugeeei.github.io/chibivue/","content":"Vueの仕組みを実装しながら、Virtual DOM/Reactivity System/Template Compiler/Single File Componentについて見ていくサイト。","tags":["Vue","JavaScript","book","tutorial"],"relatedLinks":[]},{"date":"2024-01-13T01:16:04.679Z","title":"Prettier 3.2: Support JSONC and Angular’s ICU expression · Prettier","url":"https://prettier.io/blog/2024/01/12/3.2.0.html","content":"Prettier 3.2リリース。\n`jsonc`パーサのサポート、AngularのICU expressionのサポート。","additionalNote":"基本的にはバグの修正という感じ","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2024-01-14T15:05:53.491Z","title":"Migrating from Zod to Valibot: A Comparative Experience | Matthew Kwong","url":"https://mwskwong.com/blog/migrating-from-zod-to-valibot-a-comparative-experience","content":"ZodからValibotへの移行してみての比較記事","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2024-01-15T01:26:53.978Z","title":"iDraw.js | iDraw.js","url":"https://idraw.js.org/docs/en-US/","content":"Canvasベースの図形の描画ライブラリとGUIエディタ。","tags":["JavaScript","canvas","library","editor"],"relatedLinks":[]},{"date":"2024-01-16T07:24:31.273Z","title":"Node.js — Node v21.6.0 (Current)","url":"https://nodejs.org/en/blog/release/v21.6.0","content":"Node.js v21.6.0リリース。\n`net.createConnection`にconnectionに関するイベントの追加、Permission Modelに`--allow-addons`を追加など","tags":["nodejs","ReleaseNote"],"relatedLinks":[]},{"date":"2024-01-17T13:27:22.955Z","title":"cloudflare/next-on-pages: CLI to build and develop Next.js apps for Cloudflare Pages","url":"https://github.com/cloudflare/next-on-pages","content":"Cloudflare PagesでNext.jsのアプリケーションを動かすツール","tags":["cloudflare","Next.js"],"relatedLinks":[]},{"date":"2024-01-18T13:11:27.293Z","title":"wevm/vocs: Minimal Documentation Framework, powered by React + Vite.","url":"https://github.com/wevm/vocs","content":"ReactとViteを使ったドキュメントサイトフレームワーク","tags":["React","vite","document","Tools"],"relatedLinks":[]},{"date":"2024-01-18T13:32:32.454Z","title":"Remix の SPA モード","url":"https://azukiazusa.dev/blog/remix-spa-mode/","content":"Remixに実験的に実装されているSPAモードについて","tags":["Remix","article"],"relatedLinks":[]},{"date":"2024-01-19T12:48:21.073Z","title":"React Libraries for 2024","url":"https://www.robinwieruch.de/react-libraries/","content":"Reactアプリケーション開発にカテゴリごとのライブラリやツール紹介","tags":["React","article","library"],"relatedLinks":[]},{"date":"2024-01-19T12:55:19.919Z","title":"Designing better target sizes","url":"https://ishadeed.com/article/target-size","content":"ユーザーがアクションをトリガーするためにクリックやタップする領域であるターゲットサイズについての記事。\nタッチサイズ、Spacing、フィードバック。\n実際のウェブサイトの例として、階層メニューのSafe Areaの三角形をclip-pathで定義する方法、ナビゲーションのUI、プレイヤーのUI、チェックボックスのUIなどについて。","tags":["CSS","Design","mobile"],"relatedLinks":[]},{"date":"2024-01-19T13:00:28.037Z","title":"penrose/penrose: Create beautiful diagrams just by typing notation in plain text.","url":"https://github.com/penrose/penrose","content":"テキストで宣言的に色々なダイアグラムを描画できるライブラリ。","tags":["diagram","library"],"relatedLinks":[]},{"date":"2024-01-20T02:09:49.874Z","title":"Astro 4.2 | Astro","url":"https://astro.build/blog/astro-420/","content":"Astro 4.2リリース。\n実験的なオプションとしてSpeculation Rules APIを使ったPrerenderingをサポート。`injectRoute`やファイルベースのルーティングが衝突した時の新しい優先度ルールをopt-inでサポート。\n`redirectToDefaultLocale`オプションを追加し、デフォルト言語へのリダイレクトを無効化できるように、アクセシビリティルールの追加など。","additionalNote":"Astro 4.2の内容としては、Specification Rules APIを使ったプリレンダリングを実験的にサポートしている。\nインジェクションルートとかのAPIとファイルベースのルーティング、コンフリクトしたときにどういう優先順位にするかという問題。この時に新しい優先のルールを利用できるGlobal Route Priorityというオプションを追加している。\nこれで衝突した時ログとかも出すようになったので、分かりやすくなるためのオプション、たぶん将来的にデフォルトになるだろうという感じです。\nRedirect Default Localeオプションは、URLをロケールを指定しなかった場合のデフォルトの言語、Redirectするってやつで、今までは必ず自動でRedirectされてたけど、`false`にすることでRedirectしなくてよくなるっていうのが追加された。\nDevToolsbarにアクセシビティルールも追加されている。\nあとはMarkdownのカスタマイズ可能な画像の最適化というのは、これはRemarkのプラグインでMarkdownのミドルウェアを書くようになりましたぐらいな感じなので、なんか特段言うことないかなって感じ。","tags":["astro","ReleaseNote"],"relatedLinks":[]},{"date":"2024-01-20T12:00:32.132Z","title":"Bun v1.0.24 | Bun Blog","url":"https://bun.sh/blog/bun-v1.0.24","content":"Bun v1.0.24リリース。\n\nBun Shellというzxのようにシェルスクリプトを扱うための`$`関数の追加、`perf_hooks`の互換性改善など","additionalNote":"Bun ShellといういわゆるZXみたいなシェルスクリプトを扱う仕組みが入って。あとはperf_hooksの改善が入って、他には基本的にはバグ修正って感じかな","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2024-01-21T01:27:04.592Z","title":"Parsing Javascript - Speaker Deck","url":"https://speakerdeck.com/brn/parsing-javascript","content":"JavaScript言語のパースについてスライド。\nパースの手法、JSはLL(1)の文法ではあるがBNFレベルでの厳密なパースが難しいため、手書きされることが多いことについて。\n正規表現リテラル/テンプレートリテラル/分割代入などのパースが難しい構文、PreParsingという最適化手法についてなど","tags":["JavaScript","ECMAScript","slide"],"relatedLinks":[]},{"date":"2024-01-21T01:44:31.135Z","title":"npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts - Socket","url":"https://socket.dev/blog/2023-npm-retrospective","content":"npmレジストリ上のパッケージの分析記事。\n毎月のダウンロード数、依存関係数が多いパッケージ、ダウンロード数が多いパッケージ、2023年に初めてリリースされてダウンロードが多いパッケージ。\nそのほかには、パッケージサイズが大きいパッケージやメンテナー数が多いパッケージについてなど","tags":["npm","article"],"relatedLinks":[]},{"date":"2024-01-21T01:48:20.616Z","title":"Introducing fsx: A modern filesystem API for JavaScript - Human Who Codes","url":"https://humanwhocodes.com/blog/2024/01/fsx-modern-filesystem-api-javascript/","content":"Node.jsやDenoのFile System APIを抽象化したライブラリ。\nファイル操作のログの取得やテスト用にメモリ上で動くAdapterの実装も含まれている。","tags":["nodejs","JavaScript","deno","article"],"relatedLinks":[{"title":"humanwhocodes/fsx: A modern filesystem API for JavaScript","url":"https://github.com/humanwhocodes/fsx"}]},{"date":"2024-01-21T09:52:23.142Z","title":"Release v2.0.0 · volarjs/volar.js","url":"https://github.com/volarjs/volar.js/releases/tag/v2.0.0","content":"volar v2.0.0リリース。\nコアをTypeScriptに依存しない形へと変更、`@volar/cdn`を非推奨化など","tags":["TypeScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2024-01-24T11:06:44.550Z","title":"Firefox 122.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/122.0/releasenotes/","content":"Firefox 122リリース。\n`<select>`の小要素として`<hr>`を許可するように、CSSの`offset-position`と`offset-path`プロパティをデフォルトで有効化。\n`ArrayBuffer.prototype.transfer()`の実装、SVGの`<use>`にData URLを利用できないように変更。\n実験的な機能としてDeclarative shadow DOM、Popover API、Clipboard API、`Intl.Segmenter`の実装など","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 122 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/122"}]},{"date":"2024-01-24T12:11:59.245Z","title":"The AHA Stack | AHA","url":"https://ahastack.dev/","content":"Astro x Htmx x Alpine.jsのAHA Stackについてのサイト","tags":["JavaScript","HTML","document"],"relatedLinks":[]},{"date":"2024-01-24T12:16:03.425Z","title":"chrisguttandin/worker-timers: A replacement for setInterval() and setTimeout() which works in unfocused windows.","url":"https://github.com/chrisguttandin/worker-timers","content":"ブラウザはタブがアクティブではない場合、intervalとtimeoutの最小値を強制的に変更する。\nWeb Workerではこの制限がないことを利用して、制限のない`setTimeout`と`setInterval`を提供するライブラリ","tags":["browser","webworker","JavaScript","library"],"relatedLinks":[]},{"date":"2024-01-25T00:24:54.299Z","title":"Release v5.90.0 · webpack/webpack","url":"https://github.com/webpack/webpack/releases/tag/v5.90.0","content":"webpack v5.90.0リリース。\n`node.{__filename,__dirname}`に`node-module`オプションの追加、バグ修正など","tags":["webpack","ReleaseNote"],"relatedLinks":[]},{"date":"2024-01-25T13:55:00.374Z","title":"Deno 1.40: Temporal API","url":"https://deno.com/blog/v1.40","content":"Deno v1.40リリース。\nTemporal APIのサポート、`import.meta.filename`/`import.meta.dirname`のサポート、`deno.json`の`imports`の指定方法を改善。\n`window`、`Deno.run()`、`Deno.serveHttp()`、`Deno.metrics()`などの古いAPIを非推奨化など","tags":["deno","ReleaseNote"],"relatedLinks":[]},{"date":"2024-01-26T11:42:42.068Z","title":"Safari 17.4 Beta Release Notes | Apple Developer Documentation","url":"https://developer.apple.com/documentation/safari-release-notes/safari-17_4-release-notes","content":"Safari 17.4 Betaリリース。\nCSSでは、`@scope`のサポート、Block Containersでの`align-content`をサポート。\nHTMLでは、`<select>`の中での`<hr>`のサポート。`<input type=checkbox switch>`のサポート。\nJSでは、`Promise.withResolvers`、`ArrayBuffer.prototype.transfer`、`Object.groupBy`のサポート。\niOSでVP8/VP9/WebMをサポート、Full Screen APIをサポート。\n","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2024-01-27T03:12:49.162Z","title":"Next.js App Router Caching: Explained! - YouTube","url":"https://www.youtube.com/watch?v=VBlSe8tvg4U","content":"Next.js App Routerでのキャッシュがどのように動くかについての動画。\nPages RouterとApp Routerのデフォルトのキャッシュの挙動の違い、`noCache()`/`cache()`でのキャッシュするかの制御、`revalidateTag()`での再検証。\n`useOptimistic()`やJavaScriptがない時の動作についてなど","tags":["Next.js","video","JavaScript"],"relatedLinks":[]},{"date":"2024-01-27T03:41:32.562Z","title":"Platform Tilt - Mozilla","url":"https://mozilla.github.io/platform-tilt/","content":"iOS/Android/Windowsなどのプラットフォーム上でのブラウザの格差い繋がる制約などについてまとめたサイト","tags":["browser","Mozilla","apple","google","Microsoft","document"],"relatedLinks":[]},{"date":"2024-01-28T02:33:11.233Z","title":"Release v0.20.0 · evanw/esbuild","url":"https://github.com/evanw/esbuild/releases/tag/v0.20.0","content":"esbuild v0.20.0リリース。\nDeno 1.40に対応、`node_modules`のパッケージないから探索するファイルの拡張子の優先順位を変更など","tags":["esbuild","ReleaseNote"],"relatedLinks":[]},{"date":"2024-01-28T05:45:03.423Z","title":"QuickJS Javascript Engine","url":"https://bellard.org/quickjs/","content":"QuickJSのES2023サポート。\n\n- ES2022のTop-Level await\n- ES2023のChange Array by copy、`Array.prototype.{findLast, findLastIndex}`\n- ES2024の`Object.groupBy`、`Promise.withResolvers`","additionalNote":"Quickjsのアップデートが来てた。変更ロールを見ると、かなりいろいろ含まれてて、ES2022 ES2023、で、ObjectGroupByteとかはES2024のやつが入ってて、あとはClassのstaticBlockとかは結構前だった気がする。\n細かいバグとか`OS.now()`みたいなメソッドが増えたり、正気表現周りのバグがいろいろなってるって感じ。\nイントロダクションによれば、ES2023のTest262が全部通ったと言ってるんで、ES2023のサポートとするのが妥当かなという感じ。","tags":["JavaScript","ReleaseNote"],"relatedLinks":[]},{"date":"2024-01-28T06:01:24.027Z","title":"Announcing AdonisJS v6","url":"https://adonisjs.com/blog/adonisjs-v6-announcement","content":"AdonisJS v6リリース。\nESMへの移行、Vite integrationのサポート。\nVineJSというバリデーションライブラリの作成、テストフレームワークやテンプレートエンジンなどのコアをパッケージとして切り出して利用できるようになるなど","tags":["JavaScript","nodejs","ReleaseNote","server"],"relatedLinks":[]},{"date":"2024-01-28T06:06:56.661Z","title":"Introduction","url":"https://bentocache.dev/docs/introduction","content":"AdonisJSから切り出されたキャッシュライブラリ。\nDriverでRedisなどのバックエンドプロバイダーの指定、Multi Tierによるキャッシュサイズに応じた多層化、Cache stampedeの対策などを実装している","tags":["nodejs","JavaScript","library"],"relatedLinks":[]},{"date":"2024-01-31T01:40:14.898Z","title":"Release v3.10.0 · nuxt/nuxt","url":"https://github.com/nuxt/nuxt/releases/tag/v3.10.0","content":"Nuxt.js v3.10.0リリース。\n実験的なオプションとして`sharedPrerenderData`を追加、`useId()`がSSR時にuniqueなIDを返すことを保証するように、アンチパターンの検出の強化など","tags":["Vue","library","ReleaseNote"],"relatedLinks":[]},{"date":"2024-02-02T13:04:18.696Z","title":"CodeMirror v6によるZennのMarkdownエディタの作り方","url":"https://zenn.dev/team_zenn/articles/zenn-markdown-editor-by-cm6","content":"CodeMirrot v6でのMarkdownエディタの実装方法について","tags":["JavaScript","editor","article","React"],"relatedLinks":[]},{"date":"2024-02-02T13:16:33.832Z","title":"SameSite属性とCSRFとHSTS - Cookieの基礎知識からブラウザごとのエッジケースまでおさらいする - Flatt Security Blog","url":"https://blog.flatt.tech/entry/samesite_csrf_hsts","content":"Cookieの属性について。\nSecure/HttpOnly/Domain/Path/SameSite属性、`__Secure-`/`__Host-` prefix、SameSite属性の挙動やブラウザのデフォルトの動作について。","tags":["HTTP","browser","security","article"],"relatedLinks":[]},{"date":"2024-02-02T13:43:11.865Z","title":"Learn Performance  |  web.dev","url":"https://web.dev/learn/performance?hl=en","content":"ブラウザのパフォーマンスについてのチュートリアル。\nリソースロードの最適化、JavaScriptの最適化、プリロード、Web Workerについてなど","tags":["performance","tutorial","browser"],"relatedLinks":[]},{"date":"2024-02-02T13:56:58.783Z","title":"Announcing TypeScript 5.4 Beta - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-5-4-beta/","content":"TypeScript 5.4 Betaリリース。\nクロージャーにおけるNarrowing結果の改善、`NoInfer` Utility Typeの追加。\nES2024の`Object.groupBy`/`Map.groupBy`をサポート、Import Attributesのサポート。\n`target: \"ES3\"`や`out`オプションなどを非推奨化など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"Feedback: 5.0 deprecations · Issue #51909 · microsoft/TypeScript","url":"https://github.com/microsoft/TypeScript/issues/51909"}]},{"date":"2024-02-02T14:04:09.793Z","title":"Interop 2024がスタート | フロントエンドBlog | ミツエーリンクス","url":"https://www.mitsue.co.jp/knowledge/blog/frontend/202402/02_1152.html","content":"ブラウザベンダーが注力して相互運用性に取り組むInterop 2024について。","tags":["browser","WebPlatformAPI","article"],"relatedLinks":[]},{"date":"2024-02-04T05:30:43.796Z","title":"Node.jsで機能やパッケージの非推奨メッセージを通知する方法 | Web Scratch","url":"https://efcl.info/2024/02/04/emitwarning/","content":"npmやNode.jsで非推奨のメッセージを通知する方法について。\nパッケージの非推奨化コードレベルの非推奨化、実行時の非推奨化について","tags":["npm","nodejs","article"],"relatedLinks":[]},{"date":"2024-02-05T01:20:38.023Z","title":"Tappy - Yahoo!デベロッパーネットワーク","url":"https://tappy.yahoo.co.jp/","content":"ウェブサイトのボタンなどのタップ成功率を計算して表示してくれるツール。\nタップミスが起きやすいボタンなのかの調査に利用できる。","tags":["webservice","Tools","mobile","accessibility"],"relatedLinks":[{"title":"スマホのタップ操作の成功率を算出するモデル ～ UIデザインにおけるユーザビリティの推定 - Yahoo! JAPAN Tech Blog","url":"https://techblog.yahoo.co.jp/entry/2021120930233778/"}]},{"date":"2024-02-05T01:44:11.035Z","title":"Import attributes · V8","url":"https://v8.dev/features/import-attributes","content":"ECMAScript Proposal Stage 3のImport attributesについて。\n`import ... from .... assert { type } `はセマンティクス的に問題があったため、`import ... from .... with { type }`へと変更された。","tags":["ECMAScript","article"],"relatedLinks":[]},{"date":"2024-02-05T06:39:01.973Z","title":"Release v9.0.1 · typicode/husky","url":"https://github.com/typicode/husky/releases/tag/v9.0.1","content":"husky v9.0.1リリース。\n`husk init`でセットアップを簡略化、git hookの書き方を単純化など","tags":["GIt","JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2024-02-05T06:51:07.295Z","title":"Learn Testing  |  web.dev","url":"https://web.dev/learn/testing","content":"自動テストについて学ぶチュートリアル。\nブラウザやNode.jsでのテスト、テストの種類、コンポーネントテスト、静的解析ツールなどについて","tags":["testing","tutorial","browser","nodejs"],"relatedLinks":[]},{"date":"2024-02-05T06:57:37.494Z","title":"Compression Streams are now supported on all browsers  |  Blog  |  web.dev","url":"https://web.dev/blog/compressionstreams?hl=en","content":"gzipの圧縮/解凍するCompressionStreamが全てのブラウザで利用できるようになった。","tags":["JavaScript","browser","WebPlatformAPI","article"],"relatedLinks":[]},{"date":"2024-02-06T13:28:00.732Z","title":"Hot Module Replacement is Easy - Bjorn Lu","url":"https://bjornlu.com/blog/hot-module-replacement-is-easy","content":"ViteのHot Module Replacement(HMR)の実装について。\nHMR APIの解説、HMRのライフサイクル、HMR propagation、HMRのクライアント実装についてなど","tags":["vite","article"],"relatedLinks":[]},{"date":"2024-02-06T23:27:47.070Z","title":"jQuery 4.0.0 BETA! | Official jQuery Blog","url":"https://blog.jquery.com/2024/02/06/jquery-4-0-0-beta/","content":"jQuery 4.0.0 Betaリリース。\nIE 10以下のサポートを終了、非推奨のAPIを削除、jQuery prototypeオブジェクトからArrayメソッドを削除、focusとblurのイベント順を上書きしないように変更。\n`FormData`のサポート、自動的にJSONPへfallbackする挙動を削除、コードベースをAMDからESMへの移行、Trusted Typesのサポートなど。\nIE 11のサポートは、jQuery 5で削除される予定。","tags":["jQuery","ReleaseNote"],"relatedLinks":[]},{"date":"2024-02-08T02:27:21.928Z","title":"Announcing Rsbuild v0.4 - Rsbuild","url":"https://deploy-preview-1520--rsbuild.netlify.app/community/releases/v0-4","content":"Rsbuild v0.4リリース。\nModule Federationをファーストクラスサポート、プラグインのHookの順番を制御する`order`オプションを追加、IEの問題に関するpostcss-flexbugs-fixesを削除など","tags":["JavaScript","Rust","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2024-02-08T14:00:46.894Z","title":"Storybook 8 Beta","url":"https://storybook.js.org/blog/storybook-8-beta/","content":"Storybook 8 Betaリリース。\nデフォルトのコンパイラをBabelからSWCに変更、モバイルUIの改善、テストパッケージを`@storybook/test`に統合、Node.js 16のサポートを終了、Yarn v1のサポートを終了など","tags":["JavaScript","Design","debug","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2024-02-08T14:12:33.171Z","title":"Vite 5.1 is out! | Vite","url":"https://vitejs.dev/blog/announcing-vite5-1.html","content":"Vite 5.1リリース。\n実験的なAPIとしてVite Runtime APIの追加、`.css?url`のサポート改善、循環インポートでのHMRの改善、パフォーマンスの改善など","tags":["vite","ReleaseNote"],"relatedLinks":[]},{"date":"2024-02-09T00:20:08.102Z","title":"awslabs/llrt: LLRT (Low Latency Runtime) is an experimental, lightweight JavaScript runtime designed to address the growing demand for fast and efficient Serverless applications.","url":"https://github.com/awslabs/llrt","content":"AWS Lambdaで利用できるQuickJSベースのJavaScript Runtime。\nサイズと起動速度を目的にしていて、Node.jsのコアモジュールを部分的に実装している。","tags":["JavaScript","aws","library"],"relatedLinks":[]},{"date":"2024-02-09T11:59:59.507Z","title":"CheerpJ 3.0 now generally available: Run any Java Application on Modern Browsers CheerpJ 3.0 now available: run any Java on modern browsers","url":"https://cheerpj.com/cheerpj-3-now-generally-available/","content":"ブラウザ上でJavaアプリケーションを動かすCheerpJ 3.0リリース。\n今まではAOT Java Compilerだったが、3.0ではWebAssemblyベースのJVM代替実装となってる。","tags":["Java","JavaScript","ReleaseNote"],"relatedLinks":[]},{"date":"2024-02-09T12:05:11.690Z","title":"Release v4.0.0 · honojs/hono","url":"https://github.com/honojs/hono/releases/tag/v4.0.0","content":"Hono v4.0.0リリース。\nStatic Site Generation(SSG)のサポート、クライアントサイドで動く`hono/jsx/dom`の追加など。\n併せてファイルベースのルーティングなどを持つフレームワークであるhonoxを公開している。","tags":["JavaScript","server","library","ReleaseNote"],"relatedLinks":[{"title":"honojs/honox: HonoX","url":"https://github.com/honojs/honox"}]},{"date":"2024-02-11T00:11:17.855Z","title":"From many to one: Moving our JavaScript code into a monorepo | Aha! software","url":"https://www.aha.io/engineering/articles/monorepo","content":"Gitの履歴を保ちながら、JavaScriptのmonorepo作る話。\nNx + pnpm、pnpm workspaces、Turborepo + pnpmの比較、Turborepoを選択した理由などについて","tags":["monorepo","JavaScript","article"],"relatedLinks":[]},{"date":"2024-02-11T10:43:43.995Z","title":"Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm - Socket","url":"https://socket.dev/blog/node-community-debates-enabling-corepack-unbundling-npm","content":"Node.jsのcorepackをデフォルト有効化した場合に、`npm`をNode.jsにバンドルするかどうかの議論について。\n","tags":["nodejs","npm","discussion","article"],"relatedLinks":[]},{"date":"2024-02-11T11:17:21.071Z","title":"StellateHQ/fuse: Fuse: The fastest way to build and query great APIs with TypeScript","url":"https://github.com/StellateHQ/fuse","content":"TypeScriptのコードベースでGraphQL APIの作成とクライアントを生成できるツールキット。","tags":["GraphQL","TypeScript","library"],"relatedLinks":[]},{"date":"2024-02-12T01:50:14.650Z","title":"FOSDEM 2024 - Fast JavaScript with Data-Oriented Design","url":"https://fosdem.org/2024/schedule/event/fosdem-2024-2773-fast-javascript-with-data-oriented-design/","content":"Firefox Profilerのパフォーマンスを改善する話。\nデータを大量に扱う必要があるアプリケーションで、どんなデータが来ても高速に処理できるようするかについて。\nデータがどのようにメモリに確保されるかのメモリレイアウトを意識したデータ指向設計での改善方法について","additionalNote":"Firefoxのプロファイルのパフォーマンスを改善する話\n\nこの話の特徴としては、プロファイラーなので大量のオブジェクトを扱う必要があってオブジェクトが多いとUIが遅くなるので、そのオブジェクトごとの処理時間を短縮しようという話をしている。\n\nそれを改善していくために、プロファイラーをテストするためにミニプロファイラーを作ってそこにsmall、medium、largeみたいなオブジェクトの量をごとにやってそれぞれのオブジェクトの処理時間を見ながら改善していくということをやっている。\n\n主にオブジェクトというのは結局JSONのデータなのでオブジェクトのフォーマット、プロファイルのフォーマットが大事でそのレイアウトを改善していくという話。\n\n最終的には3段階変化している。最初のやつは単純なサンプルごとのスタックがあってスタックの配列にオブジェクトの配列になっているみたいな単純なやつ人間が見やすい感じ。\n\nオブジェクトの計測結果をメモ化するのにマップを使っていてメモ化というかスタックフレームグラフなので前のスタックの上に重ねるために前のスタックの値を取る必要があるのでそれを取得するというのをやっているためにマップを使っている。\n\nマップだとオブジェクトの中は数字だけなのでリッチすぎるよねということでタイプダレイを使ってマップの代わりにするというのをやっている。タイプダレイだとインデックスで値を取るのでマップの代わりにインデックスをキーとして使うみたいな感じ。\n\n改善していくとオブジェクトの配列というのがリッチな構造になっていてオブジェクトは基本64バイト24×8×3オブジェクトのヘッダーがそもそも24バイト必要でそれぞれのプロパティごとにオブジェクトをやるのでこれは多分64ビットを超える可能性があるしあまり効率的ではないのでオブジェクトを使わないでオブジェクトのプロパティごとに配列を作るというのをやるとメモリー利用的に効率が良くなるとそれを使うことでメモリー消費量が抑えられるし実行時間も改善されるという話かな。\n\nまとめとしてはフォーマットを変えるので方法完成がありませんと配列なのでタイプ型とそこまで相性が良くないで間違えることはあるかもしれない。\n\nメリットとしてはメモリー効率が良くなるのとガベッジコレクションが得りやすくなるのでフリーズしづらくなるとあとは単純に速くなるという感じかな。\n\n考え方としては固定サイズのデータを使いましょう大きなデータには探索アルゴリズムがはねないようなものを使いましょう","tags":["JavaScript","performance","video","slide"],"relatedLinks":[]},{"date":"2024-02-13T01:07:45.026Z","title":"Release Release v0.28.0 · axios/axios","url":"https://github.com/axios/axios/releases/tag/v0.28.0","content":"Axios v0.28.0リリース。\nAxios v1.6.0で修正されたCSRFトークンの問題をバックポート。その他にもv1.x系での修正をバックポートしている。","tags":["JavaScript","HTTP","library","security","ReleaseNote"],"relatedLinks":[]},{"date":"2024-02-13T02:03:34.026Z","title":"Announcing typescript-eslint v7 | typescript-eslint","url":"https://typescript-eslint.io/blog/announcing-typescript-eslint-v7/","content":"typescript-eslint v7リリース。\nNode.js 16のサポート終了、ESLint Flat Configをサポートする`typescript-eslint`パッケージを追加。","tags":["TypeScript","ESLint","ReleaseNote"],"relatedLinks":[]},{"date":"2024-02-14T00:53:03.610Z","title":"JollyUI","url":"https://www.jollyui.dev/","content":"React Ariaを使ったshadcn/ui互換を目指すコンポーネント集","tags":["React","library"],"relatedLinks":[]},{"date":"2024-02-14T14:20:11.393Z","title":"Tempo • Dates by FormKit","url":"https://tempo.formkit.com/","content":"Intlオブジェクトベースの日付操作ライブラリ","tags":["JavaScript","ECMAScript","i18n","library"],"relatedLinks":[]},{"date":"2024-02-15T02:16:43.159Z","title":"ECMAScript proposal updates @ 2024-02 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2024/02/15/ecmascript-proposal-update","content":"2024年2月のTC39ミーティングでのProposalの変更まとめ。\nStage 2.7というステージが新しく追加された。\n`ArrayBuffer.prototype.transfer`はStage 4となりES2024に含まれることが決まった","tags":["ECMAScript","proposal","news"],"relatedLinks":[]},{"date":"2024-02-15T21:29:51.775Z","title":"React Labs: What We've Been Working On – February 2024 – React","url":"https://react.dev/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024","content":"React Compiler(aka. React Forgot)がinstagramの本番環境で利用され、今後数ヶ月以内に公開される予定。\nまた、次のメジャーバージョンであるReact 19に必要な機能が揃ったため、公開の準備を進めていくという話\n","tags":["React","article"],"relatedLinks":[]},{"date":"2024-02-17T05:49:30.296Z","title":"Next.js超入門 - 秀和システム あなたの学びをサポート！","url":"https://www.shuwasystem.co.jp/book/9784798071299.html","content":"Next.jsの入門書","tags":["Next.js","ebook"],"relatedLinks":[]},{"date":"2024-02-17T07:28:35.188Z","title":"kolodny/safetest","url":"https://github.com/kolodny/safetest?tab=readme-ov-file","content":"Netflixで利用しているコンポーネントフレームワーク。\nPlaywright、Vitest/Jestなどのテストフレームワーク、ReactやVueなどのUIフレームワークを組み合わたテストを行う。\nアプリケーションレベルのDIコンテナやテストのセットアップをコードで柔軟にした状態でPlaywrightを使ったテストを行う。","tags":["testing","browser","E2E","library"],"relatedLinks":[{"title":"Introducing SafeTest: A Novel Approach to Front End Testing | by Netflix Technology Blog | Feb, 2024 | Netflix TechBlog","url":"https://netflixtechblog.com/introducing-safetest-a-novel-approach-to-front-end-testing-37f9f88c152d"}]},{"date":"2024-02-17T08:27:37.901Z","title":"Release ES2024 Candidate February 2024 · tc39/ecma262","url":"https://github.com/tc39/ecma262/releases/tag/es2024-candidate-2024-02","content":"ECMAScript 2024候補のリリース。\n`ArrayBuffer.prototype.resize`/`ArrayBuffer.prototype.transfer`、RegExpの`v`フラグの追加。\n`Promise.withResolvers`、`Object.groupBy`/`Map.groupBy`の追加。\n`Atomics.waitAsync`、`String.prototype.isWellFormed`/`String.prototype.toWellFormed`の追加など","tags":["ECMAScript","spec","ReleaseNote"],"relatedLinks":[{"title":"Editorial: Describe changes in ES2024 by bakkot · Pull Request #3282 · tc39/ecma262","url":"https://github.com/tc39/ecma262/pull/3282"}]},{"date":"2024-02-17T08:52:42.537Z","title":"Bun v1.0.27 | Bun Blog","url":"https://bun.sh/blog/bun-v1.0.27","content":"Bun v1.0.27リリース。\n`Response`がAsync generatorとNode.jsの`Readable`をサポート、Bun Shellの改善など。\nまた、Bun Shellのエラー時のexit codeはv1.1では`1`となる変更が入る予定。\n","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2024-02-19T08:17:21.725Z","title":"pashak09/ts-expect-error-validator: Command-line tool to validate expected TypeScript errors","url":"https://github.com/pashak09/ts-expect-error-validator","content":"`@ts-expect-error`には指定したエラーコードだけを無視する機能はないため、`@ts-expect-error [Code]`のコメントで指定したエラーが起きるかをチェックできるツール。","tags":["TypeScript","test","Tools"],"relatedLinks":[]},{"date":"2024-02-20T01:14:44.752Z","title":"htmz - a low power tool for html","url":"http://leanrada.com/htmz/","content":"htmxのようにHTMLで宣言的にAjax的な表示を行う小さなスニペット。\n`<form action=\"/default#my-target\" target=htmz>`と指定しリクエスト結果を用意した`<iframe name=htmz>`に表示する。\niframeの描画結果を`#my-target`の要素と置換する仕組みなっている。","additionalNote":"仕組みとしてはターゲットを指定することでいわゆる`window.open target=_blank`みたいな感じと同じようにそのリクエストした結果をターゲットのフレームに表示することができる。\nこのiframeのオンロードで現在のURLハッシュの要素と置換するみたいな2-3行のスニペットがある感じ。\n仕組み的にはiframeとスニペットの3-4行くらいでHTMXのような感じのAJAXの動的なUIの作りができるようになっている。","tags":["HTML","JavaScript","library"],"relatedLinks":[]},{"date":"2024-02-20T05:15:54.839Z","title":"Node.js — Wednesday February 14 2024 Security Releases","url":"https://nodejs.org/en/blog/vulnerability/february-2024-security-releases","content":"Node.jsのセキュリティアップデートとしてNode.js 20.x, 18.x, 21.xをそれぞれ更新。\nOpenSSLの更新、Linuxのcapabilitiesに関するバグの修正、細工したHTTPリクエストでのDosに関する問題、パーミッションモデルの問題の修正など","tags":["nodejs","secu","ReleaseNote"],"relatedLinks":[]},{"date":"2024-02-20T05:39:48.720Z","title":"Redwood v7.0.0 Upgrade Guide - Announcements / Releases and Upgrade Guides - RedwoodJS Community","url":"https://community.redwoodjs.com/t/redwood-v7-0-0-upgrade-guide/5713","content":"Redwood v7リリース。\nNode.js 18のサポート終了、`prop-types`パッケージの依存を削除、dbAuthのセキュリティ改善に伴う破壊的な変更など","tags":["nodejs","library","ReleaseNote"],"relatedLinks":[{"title":"Release v7.0.0 · redwoodjs/redwood","url":"https://github.com/redwoodjs/redwood/releases/tag/v7.0.0"}]},{"date":"2024-02-20T05:44:13.365Z","title":"A novel technique for creating ergonomic and tree-shakable TypeScript libraries","url":"https://softwaremill.com/a-novel-technique-for-creating-ergonomic-and-tree-shakable-typescript-libraries/","content":"必要なメソッドを集める初期化とProxyオブジェクトを使うことで、zodのようにメソッドチェーンが可能でかつTree Shakingも可能なライブラリを作る方法について。\n小さなバリデーションライブラリを例に作り方や仕組みについてを解説してる。","tags":["JavaScript","TypeScript","article"],"relatedLinks":[{"title":"mieszkosabo/correttore","url":"https://github.com/mieszkosabo/correttore"}]},{"date":"2024-02-20T08:45:22.923Z","title":"Release v0.25.0 · nodejs/corepack","url":"https://github.com/nodejs/corepack/releases/tag/v0.25.0","content":"corepack v0.25.0リリース。\n内部的にNode.jsのBuilt-in `fetch`を使うように、`corepack cache {clean,clear}`を追加。\n`COREPACK_ENABLE_UNSAFE_CUSTOM_URLS=1`のフラグが有効な場合に、`packageManager`にカスタムURLを指定できるように。\n`COREPACK_ENABLE_DOWNLOAD_PROMPT=1`でキャッシュにないpackage managerをダウンロードする際にプロンプトを表示できるように。","tags":["nodejs","tool","ReleaseNote"],"relatedLinks":[]},{"date":"2024-02-21T05:13:59.546Z","title":"Electron 29.0.0 | Electron","url":"https://www.electronjs.org/blog/electron-29-0","content":"Electron 29.0.0リリース。\nChromium 122, Node.js 20.9.0, V8 12.2へのアップグレード。\nrenderer processから利用できる`webUtils`モジュールの追加、`ipcRenderer`そのものを`contextBridge`で公開できないように変更など","tags":["Electron","ReleaseNote"],"relatedLinks":[{"title":"Release electron v29.0.0 · electron/electron","url":"https://github.com/electron/electron/releases/tag/v29.0.0"}]},{"date":"2024-02-21T08:19:11.773Z","title":"Firefox 123.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/123.0/releasenotes/","content":"Firefox 123リリース。\n`<template>`要素が`shadowrootmode`属性をサポート、`Date.parse()`の互換性向上、103 Early Hintsの`rel=preload`をサポート。\n実験的な機能としてWeb Codecs APIをサポートなど","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 123 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/123"}]},{"date":"2024-02-23T01:19:25.509Z","title":"Announcing TypeScript 5.4 RC - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-5-4-rc/","content":"TypeScript 5.4 RCリリース。\nクロージャーにおけるNarrowing結果の改善、`NoInfer` Utility Typeの追加。\nES2024の`Object.groupBy`/`Map.groupBy`をサポート、Import Attributesのサポート。\n`target: \"ES3\"`や`out`オプションなどを非推奨化されたオプションは5.5で削除される予定。","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"Feedback: 5.0 deprecations · Issue #51909 · microsoft/TypeScript","url":"https://github.com/microsoft/TypeScript/issues/51909"}]},{"date":"2024-02-23T05:06:43.799Z","title":"Release v1.24.0 · parcel-bundler/lightningcss","url":"https://github.com/parcel-bundler/lightningcss/releases/tag/v1.24.0","content":"Lightning CSS v1.24.0リリース。\n`light-dark()`のfallbackに対応、CSS system colorsをサポート、Custom Propertiesと`@keyframes`のdedupeに対応など","tags":["CSS","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2024-02-24T12:03:53.148Z","title":"Bun v1.0.29 | Bun Blog","url":"https://bun.sh/blog/bun-v1.0.29","content":"Bun v1.0.29リリース。\n`string-width`互換APIを提供する`Bun.stringWidth(string)`を追加、Bun Shellで`2>&1`と`&>`をサポートなど","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2024-02-24T12:12:10.020Z","title":"Deno 1.41: smaller deno compile binaries","url":"https://deno.com/blog/v1.41","content":"Deno v1.41リリース。\n`deno compile`が生成するバイナリサイズの削減、Linux ARM64のサポート、Node.js互換性の改善など","tags":["deno","ReleaseNote"],"relatedLinks":[{"title":"Release v1.41.0 · denoland/deno","url":"https://github.com/denoland/deno/releases/tag/v1.41.0"}]},{"date":"2024-02-25T04:07:43.852Z","title":"fabiospampinato/fast-string-width: A fast function for calculating the visual width of a string once printed to the terminal.","url":"https://github.com/fabiospampinato/fast-string-width/tree/main","content":"`Intl.Segmenter`を使わない`string-width`の実装ライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2024-02-26T04:16:14.108Z","title":"JSDoc as an alternative TypeScript syntax","url":"https://alexharri.com/blog/jsdoc-as-an-alternative-typescript-syntax","content":"TypeScriptをJSDocのchekerとして利用する話。\nTypeScriptでの型定義とJSDocでの型定義の書き方を比較して紹介している。","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2024-02-26T07:12:50.770Z","title":"unadlib/mutability: A JavaScript library for transactional mutable updates","url":"https://github.com/unadlib/mutability","content":"Immer的なAPIを提供するmutativeを使い、トランザクションロールバック機能を持ったオブジェクトの更新を行うライブラリ。\nオブジェクトの更新処理中に例外が発生した場合は、途中までのオブジェクトの更新は破棄できる。","tags":["JavaScript","library"],"relatedLinks":[{"title":"unadlib/mutative: Efficient immutable updates, 2-6x faster than naive handcrafted reducer, and more than 10x faster than Immer.","url":"https://github.com/unadlib/mutative"}]},{"date":"2024-02-27T05:15:17.310Z","title":"実践Next.js —— App Routerで進化するWebアプリ開発：書籍案内｜技術評論社","url":"https://gihyo.jp/book/2024/978-4-297-14061-8","content":"2024年3月16日発売\nNext.jsについての書籍","tags":["Next.js","book"],"relatedLinks":[]},{"date":"2024-02-27T05:39:09.946Z","title":"TanStack Router（& Query）はSPA開発で求めていたものだった✨【Reactのルーティングとデータ取得】","url":"https://zenn.dev/aishift/articles/ad1744836509dd","content":"TanStack Routerの紹介記事","tags":["React","JavaScript","article"],"relatedLinks":[]},{"date":"2024-02-27T06:17:23.519Z","title":"Using localStorage in Modern Applications - A Comprehensive Guide | RxDB - JavaScript Database","url":"https://rxdb.info/articles/localstorage.html","content":"localStorage APIについて。\nlocalStorageは同期的なAPIでサイズや保存できるデータなどに制限があるが、一方で小さな値は高速に読み書きできる。\nどのような場合に利用する/しないか、IndexedDBなどとの比較","tags":["JavaScript","article"],"relatedLinks":[]},{"date":"2024-02-27T06:23:02.700Z","title":"Node.js 2023 Year in An Article","url":"https://blog.rafaelgss.dev/nodejs-2023-year-in-review","content":"2023年のNode.jsについて。\nNode.jsのリリース、CITGMのエコシステムのテスト、Node.jsのバイナリサイズや増えた依存関係、QUIC/OpenSSL 3.0.xのコスト、パフォーマンスの改善。\nPermission Modelによる権限モデル、セキュリティリリース、`.env`やWebSocket clientなどの新しい機能について","tags":["nodejs","article"],"relatedLinks":[]},{"date":"2024-02-27T06:28:18.364Z","title":"facebook/react-strict-dom: React Strict DOM (RSD) is a subset of React DOM, imperative DOM, and CSS that supports web and native targets","url":"https://github.com/facebook/react-strict-dom","content":"ウェブとネイティブのサポートを目的とするReact DOMのサブセットとなる実装","tags":["React","DOM","iOS","Android","library"],"relatedLinks":[]},{"date":"2024-02-27T06:29:42.244Z","title":"Remix Vite is Now Stable | Remix","url":"https://remix.run/blog/remix-vite-stable","content":"Remix 2.7.0リリース。\nSPAモードがStableに、`base`オプションのサポート、Remix ViteがCloudflare Pagesをサポート、Server Bundlesのサポート。\nクライアントコードとサーバコードを分離する仕組みとして`.server/`をサポート、`vite-env-only`でサーバのみから利用できるようにマークできるように。\nVite 5.1.0でサポートされた`.css?url`に対応、ビルド結果の出力とViteの互換性の改善など","tags":["Remix","vite","ReleaseNote"],"relatedLinks":[{"title":"Remix 2.7で安定版となったCloudflare PagesのVite対応の実現方法を読み解く","url":"https://zenn.dev/chimame/articles/e5bf3a18b7d4de"}]},{"date":"2024-02-27T06:31:35.926Z","title":"方能CDN - 合作伙伴","url":"https://funnull.com/Partner/","content":"https://polyfill.io/ はFunnull CDN(方能CDN)を運営するFunnull(南京妙彩文化传播有限公司)に売却され、2024-02-24以降の運用はFunnullが行う。","tags":["JavaScript","polyfill","news","webservice"],"relatedLinks":[{"title":"Jake on X: &quot;I've been in discussions with Funnull for many months and they will be the new maintainers and operators of the GitHub repo, which remains open source, and as of 24 Feb, they're starting to provide the service for https://t.co/29YaS03zrD.&quot; / X","url":"https://twitter.com/JakeDChampion/status/1761315227008643367"},{"title":"Polyfill.ioが中国企業に売却　背景と対応策は？ - ろぼいんブログ","url":"https://roboin.io/article/2024/02/26/polyfill-io-sells-to-chinese-company-what-you-need-to-know/"}]},{"date":"2024-02-28T12:24:59.266Z","title":"7.24.0 Released: Decorator updates and JSON modules imports · Babel","url":"https://babeljs.io/blog/2024/02/28/7.24.0","content":"Babel v7.24.0リリース。\nDecoratorの新しい仕様に対応、JSON Modulesのimportに対応する`\"@babel/plugin-proposal-json-modules\"`を追加。\nHermesベースのFlowパーサを利用する`experimental_useHermesParser`オプションの追加など","tags":["babel","ReleaseNote"],"relatedLinks":[]},{"date":"2024-02-29T02:54:45.316Z","title":"Parcel v2.12.0","url":"https://parceljs.org/blog/v2-12-0/","content":"Parcel v2.12.0リリース。\nImport Attributesを使ったmacroに対応、ブラウザ上で動作するREPLを公開、bundleにもLightning CSSを使うように変更。\nメモリ使用量を52%改善、書き込みのパフォーマンスの改善など","tags":["JavaScript","bundler","ReleaseNote"],"relatedLinks":[]},{"date":"2024-02-29T13:17:23.943Z","title":"MDN Curriculum","url":"https://developer.mozilla.org/en-US/curriculum/","content":"MDNのフロントエンドカリキュラム。\nソフトスキル的なものから、HTML/CSS/JavaScriptや開発で必要な一般的な知識などのリソースをまとめたもの","tags":["HTML","CSS","JavaScript","tutorial","accessibility"],"relatedLinks":[]},{"date":"2024-02-29T22:20:47.018Z","title":"Million Lint is in public beta | Million.js","url":"https://million.dev/blog/lint","content":"React向けのレンダリングパフォーマンスの分析ツール。\nプロファイルを仕込みレンダリング回数や実行時間などを回収し、VSCode拡張を使いコード上に問題を表示する。\n問題の改善方法については有料のLint++というサービスを利用する","tags":["React","performance","Tools","VSCode","article"],"relatedLinks":[]},{"date":"2024-03-01T00:13:33.730Z","title":"New options for Polyfill.io users - General - Fastly Community","url":"https://community.fastly.com/t/new-options-for-polyfill-io-users/2540","content":"Fastlyが`polyfill.io`の代替となる`polyfill-fastly.net`と`polyfill-fastly.io`を公開した。\n`polyfill.io`はFunnull CDNに買収され運営者が変わったため代替手段として提供する目的","tags":["webservice","polyfill","news","JavaScript"],"relatedLinks":[{"title":"FUNNULL CDN - Partners","url":"https://funnull.com/Partner/"}]},{"date":"2024-03-01T22:45:55.081Z","title":"polyfill.io now available on cdnjs: reduce your supply chain risk | The Cloudflare Blog","url":"https://blog.cloudflare.com/polyfill-io-now-available-on-cdnjs-reduce-your-supply-chain-risk","content":"Cloudflareが polyfill.io の代替CDNをcdnjs上に公開した","tags":["cloudflare","cdn","news"],"relatedLinks":[{"title":"cdnjs.cloudflare.com/polyfill","url":"https://cdnjs.cloudflare.com/polyfill/"}]},{"date":"2024-03-02T07:05:19.759Z","title":"Release 4.18.3 · expressjs/express","url":"https://github.com/expressjs/express/releases/tag/4.18.3","content":"express 4.18.3リリース。\nExpressの新しいTechnical Committeeでの初めてのリリース。\nexpressの開発を再開するための話し合いをExpress Forward Initiativeで行っていて、このプロセスを進める目的のリリースとなっている。","tags":["express","nodejs","ReleaseNote"],"relatedLinks":[{"title":"Release 4.18.3 by UlisesGascon · Pull Request #5505 · expressjs/express","url":"https://github.com/expressjs/express/pull/5505"},{"title":"Express Forward · Issue #160 · expressjs/discussions","url":"https://github.com/expressjs/discussions/issues/160"},{"title":"Express Forward Initiative · Issue #167 · expressjs/discussions","url":"https://github.com/expressjs/discussions/issues/167"}]},{"date":"2024-03-03T15:02:08.119Z","title":"wxt-dev/wxt: ⚡ Next-gen Web Extension Framework","url":"https://github.com/wxt-dev/wxt?tab=readme-ov-file","content":"Viteベースのブラウザ拡張開発フレームワーク。\n","tags":["browser","Extension","Tools"],"relatedLinks":[]},{"date":"2024-03-03T15:06:12.705Z","title":"electric-sql/pglite: Lightweight Postgres packaged as WASM into a TypeScript library for the browser, Node.js, Bun and Deno","url":"https://github.com/electric-sql/pglite","content":"PostgresのWebAssemblyビルド。\nブラウザ上でPostgresを動かせる。InMemory/ファイルシステム/IndexedDBにデータを保存できる。","tags":["PostgreSQL","WebAssembly","library"],"relatedLinks":[]},{"date":"2024-03-04T06:24:12.176Z","title":"JSR: the JavaScript Registry","url":"https://jsr.io/","content":"TypeScriptのコードのままpushできるDeno向けのパッケージレジストリサービス。\nnpm registryとしても振る舞うことで、npmなどからも利用できるようになっている。\nOIDC ID tokenに対応し、GitHub Actionsからパッケージを公開できるようになっている。","tags":["JavaScript","deno","nodejs","webservice"],"relatedLinks":[{"title":"Introducing JSR - the JavaScript Registry","url":"https://deno.com/blog/jsr_open_beta"}]},{"date":"2024-03-04T13:11:28.477Z","title":"Next.js vs. Remix - A Developer's Dilemma | Saeloun Blog","url":"https://blog.saeloun.com/2024/02/21/next.js-vs-remix/","content":"Next.jsとRemixの比較。\nルーティング、データ取得、mutate、エラー処理、コミュニティ、学習曲線、価格などについて","tags":["Next.js","Remix","article"],"relatedLinks":[]},{"date":"2024-03-04T13:42:14.849Z","title":"Bun v1.0.30 | Bun Blog","url":"https://bun.sh/blog/bun-v1.0.30","content":"Bun v1.0.30リリース。\n`exports`フィールドのパッケージ解決の条件を指定する`--conditions`フラグの追加、`expect.assertions()`/`expect.hasAssertions()`のサポートなど","tags":["Bun","ReleaseNote"],"relatedLinks":[{"title":"Command-line API | Node.js v21.6.2 Documentation","url":"https://nodejs.org/api/cli.html#-c-condition---conditionscondition"}]},{"date":"2024-03-05T02:40:16.373Z","title":"ESLint v8.57.0 released - ESLint - Pluggable JavaScript Linter","url":"https://eslint.org/blog/2024/02/eslint-v8.57.0-released/","content":"ESLint v8.57.0リリース。\n`eslint.config.mjs`と`eslint.config.cjs`のサポート、`loadESLint()`という`FlatESLint`と`LegacyESLint`の相互運用性のためのAPIを追加など","tags":["ESLint","ReleaseNote"],"relatedLinks":[]},{"date":"2024-03-06T08:44:33.851Z","title":"Release v8.0.0 · pixijs/pixijs","url":"https://github.com/pixijs/pixijs/releases/tag/v8.0.0","content":"PixiJS v8.0.0リリース。\n`pixi.js`の単体のパッケージに統合、初期化が非同期へと変更、Graphiscs APIの変更など","tags":["JavaScript","game","library","ReleaseNote"],"relatedLinks":[{"title":"v8 Migration Guide | PixiJS","url":"https://pixijs.com/guides/migrations/v8"}]},{"date":"2024-03-07T08:11:26.306Z","title":"Node.js — Node v21.7.0 (Current)","url":"https://nodejs.org/en/blog/release/v21.7.0","content":"Node.js v21.7.0リリース。\n`util.styleText(format, text)`関数を追加、`process.loadEnvFile(path)`と`util.parseEnv(content)`を追加。\n`.env`で複数行の値をサポート、`node:sea`にAPIを追加、`node:vm`に`importModuleDynamically`オプションを追加、`crypto.hash()`の追加など","tags":["nodejs","ReleaseNote"],"relatedLinks":[]},{"date":"2024-03-07T08:36:37.547Z","title":"Open-sourcing our progress on Tailwind CSS v4.0 - Tailwind CSS","url":"https://tailwindcss.com/blog/tailwindcss-v4-alpha","content":"Tailwind CSS v4 alphaリリース。\nOxideというRustで書かれたエンジンを追加、Lightning CSSを組み込むように変更。\nv4のロードマップについてなど","tags":["CSS","ReleaseNote"],"relatedLinks":[]},{"date":"2024-03-09T14:19:55.706Z","title":"WebKit Features in Safari 17.4 | WebKit","url":"https://webkit.org/blog/15063/webkit-features-in-safari-17-4/","content":"Safari 17.4の変更点について。\nHTMLでは、`<input type=\"checkbox\" switch>`のサポート、フォームの縦書き表示に対応、`<select>`の区切りに`<hr>`を使えるように。\nCSSでは、`@scope`のサポート、`::spelling-error`と`::grammar-error`の擬似要素のサポート、`content: \"foo\" / \"alt\"`で代替テキストをサポート。\nWeb APIでは、`element.checkVisibility()`のサポート、`AbortSignal.any()`のサポート。\nJSでは、ES2024の`Promise.withResolvers()`/`Object.groupBy()`/`Map.groupBy()`のサポート。","tags":["safari","ReleaseNote"],"relatedLinks":[{"title":"Safari 17.4 Release Notes | Apple Developer Documentation","url":"https://developer.apple.com/documentation/safari-release-notes/safari-17_4-release-notes"}]},{"date":"2024-03-09T14:21:37.677Z","title":"Eloquent JavaScript","url":"https://eloquentjavascript.net/","content":"Eloquent JavaScripの第4版(2024)が公開された","tags":["JavaScript","book"],"relatedLinks":[]},{"date":"2024-03-09T14:33:12.760Z","title":"rolldown-rs/rolldown: Fast Rust bundler for JavaScript with Rollup-compatible API.","url":"https://github.com/rolldown-rs/rolldown","content":"Rollup互換を目指すRustでのJavaScript Bundlerの実装。","tags":["rollup","Rust","vite","library"],"relatedLinks":[]},{"date":"2024-03-09T14:54:49.387Z","title":"Biome v1.6 | Biome","url":"https://biomejs.dev/blog/biome-v1-6/","content":"Biome v1.6リリース。\nAstro/Svelte/Vueのファイル内のJS/TS分析をサポート、`biome.jsonc`をサポート。\n`atributePosition`オプションの追加、ルールの更新など","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2024-03-09T15:01:11.320Z","title":"フルスクラッチして理解するOpenID Connect (1) 認可エンドポイント編 - エムスリーテックブログ","url":"https://www.m3tech.blog/entry/2024/03/05/150000","content":"OpenID ConnectのID ProviderをTypeScriptで実装していく連載","tags":["OpenID","TypeScript","article"],"relatedLinks":[]},{"date":"2024-03-10T02:37:00.915Z","title":"\"react-strict-dom\", why it's so great? | Szymon Rybczak","url":"https://szymonrybczak.dev/blog/react-strict-dom","content":"react-strict-domについて。\nReact Native for WebのアプローチではReact Nativeのプリミティブをウェブ向けに変換する互換Shimが大きかった。\nreact-strict-domでは逆のアプローチを採用し、DOM APIのサブセットをネイティブ側で扱う。","tags":["React","HTML","iOS","Android","article"],"relatedLinks":[{"title":"RFC: React DOM for Native (reduce API fragmentation) by necolas · Pull Request #496 · react-native-community/discussions-and-proposals","url":"https://github.com/react-native-community/discussions-and-proposals/pull/496"}]},{"date":"2024-03-10T12:33:44.986Z","title":"Why Should You Care About Package Metadata Interoperability? | OpenJS Foundation","url":"https://openjsf.org/blog/package-metadata-interoperability-collab-space-intro","content":"OpenJSで`package.json`のメタデータの相互運用性を向上させるためのワーキンググループが発足した。","tags":["nodejs","npm","article"],"relatedLinks":[{"title":"openjs-foundation/package-metadata-interoperability-collab-space: The goal of the Package Metadata Interoperability Collab Space is to improve how JavaScript developers define their packages across the ecosystem. The group is currently working to better understand package.json and how developers use it to define their projects.","url":"https://github.com/openjs-foundation/package-metadata-interoperability-collab-space"},{"title":"OpenJS Launches New Collaboration to Improve Interoperability of JavaScript Package Metadata  - Socket","url":"https://socket.dev/blog/openjs-improve-interoperability-of-javascript-package-metadata"}]},{"date":"2024-03-10T12:38:30.284Z","title":"Announcing TypeScript 5.4 - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-5-4/","content":"TypeScript 5.4リリース。\nクロージャーにおけるNarrowing結果の改善、`NoInfer` Utility Typeの追加、\n`--module preserve`の追加。\nES2024の`Object.groupBy`/`Map.groupBy`をサポート、Import Attributesのサポート。\n`target: \"ES3\"`や`out`オプションなどを非推奨化されたオプションは5.5で削除される予定。","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2024-03-10T13:08:10.796Z","title":"Ultimate Guide to Visual Testing with Playwright","url":"https://www.browsercat.com/post/ultimate-guide-visual-testing-playwright","content":"Playwrightを使ったビジュアルリグレッションテストについて","tags":["browser","test","article"],"relatedLinks":[]},{"date":"2024-03-11T00:56:07.391Z","title":"edmundhung/conform: A type-safe form validation library utilizing web fundamentals to progressively enhance HTML Forms with full support for server frameworks like Remix and Next.js.","url":"https://github.com/edmundhung/conform","content":"RemixやNext.jsでのサーバ側の処理にも対応したフォームライブラリ。\nZodなどと組み合わせてサーバ側でのバリデーションやReactの`useFormState`と組み合わせて動作する","tags":["React","Next.js","Remix","library"],"relatedLinks":[]},{"date":"2024-03-12T00:57:09.923Z","title":"WinterJS 1.0 · Blog · Wasmer","url":"https://wasmer.io/posts/winterjs-v1","content":"SpidermonkeyベースのWinterJS-compatibleなJavaScript RuntimeであるWinterJS 1.0リリース。\n","tags":["JavaScript","WebAssembly","ReleaseNote"],"relatedLinks":[]},{"date":"2024-03-12T01:10:51.631Z","title":"Speedometer 3.0: The Best Way Yet to Measure Browser Performance | WebKit","url":"https://webkit.org/blog/15131/speedometer-3-0-the-best-way-yet-to-measure-browser-performance/","content":"ウェブブラウザエンジンのベンチマークとして使われるSpeedometer 3.0リリース。\n同期と非同期処理の実行時間をより正確に計測、HTTP Archiveやnpmのダウンロード数を元にした利用されているフレームワークの調整。\nまた、今まではTodoMVCを利用していたが、Next.js/Nuxt を使ったメディアサイトやグラフィカルなダッシュボード、CodeMirrorとTipTapを使ったエディタなどもテストに追加など","tags":["browser","benchmark","performance","article"],"relatedLinks":[]},{"date":"2024-03-12T01:43:12.616Z","title":"Release v4.1.0 · honojs/hono","url":"https://github.com/honojs/hono/releases/tag/v4.1.0","content":"Hono v4.1.0リリース。\nWebSocket Helperの追加、Body Limit Middlewareの追加、出力ターゲットをES2022に変更など","tags":["Hono","JavaScript","server","library","ReleaseNote"],"relatedLinks":[]},{"date":"2024-03-14T00:51:17.670Z","title":"Release 5.11.0 · prisma/prisma","url":"https://github.com/prisma/prisma/releases/tag/5.11.0","content":"Prisma 5.11.0リリース。\nCloudflare Workers(Vercel Edge)などのEdge functionがプレビューサポートされた。","tags":["prisma","ReleaseNote"],"relatedLinks":[{"title":"Prisma ORM support for Edge functions is now in Preview","url":"https://www.prisma.io/blog/prisma-orm-support-for-edge-functions-is-now-in-preview"}]},{"date":"2024-03-14T01:28:05.784Z","title":"Server Actions時代のformライブラリconform","url":"https://zenn.dev/akfm/articles/server-actions-with-conform","content":"Server Actionsに対応したフォームライブラリであるConformについて","tags":["Next.js","React","article"],"relatedLinks":[{"title":"Conform / Overview","url":"https://conform.guide/"}]},{"date":"2024-03-14T01:46:15.582Z","title":"Storybook 8","url":"https://storybook.js.org/blog/storybook-8/","content":"Storybook 8リリース。\n破壊的な変更として、`storiesOf` APIの削除、`*.stories.mdx`の削除、StoryShots addonの削除、Yarn v1のサポート終了。\n機能追加として、Chromaticとの連携機能の実装、MSWを使ったReact Server Component(RSC)のサポート。\nそのほかには、SWCを使うことでビルドパフォーマンスの改善、`react-docgen`がデフォルトとなるように変更、`react`をpeerDependenciesから除外するなど","tags":["storybook","JavaScript","Design","debug","ReleaseNote"],"relatedLinks":[{"title":"Storybook: UI component explorer for frontend developers","url":"https://storybook.js.org/releases/8.0"},{"title":"storybook/MIGRATION.md at next · storybookjs/storybook","url":"https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#from-version-7x-to-800"}]},{"date":"2024-03-14T01:51:31.562Z","title":"devongovett/unplugin-parcel-macros","url":"https://github.com/devongovett/unplugin-parcel-macros","content":"Parcelのmacroと同じものをwebpack/rollup/Vite/esbuildで利用できるようにするプラグイン。\nimport attributesの構文を使いビルド時にマクロ的な処理を行う仕組み","tags":["parcel","plugin","webpack","rollup","vite","esbuild"],"relatedLinks":[]},{"date":"2024-03-14T02:03:37.031Z","title":"guidepup/virtual-screen-reader: Virtual Screen Reader is a screen reader simulator for unit tests.","url":"https://github.com/guidepup/virtual-screen-reader","content":"Unit Testに利用できるスクリーンリーダのシミュレータライブラリ","tags":["accessibility","test","library"],"relatedLinks":[{"title":"Simple setup: Virtual Screen Reader in Storybook - DEV Community","url":"https://dev.to/scottnath/simple-setup-virtual-screen-reader-in-storybook-2efo"}]},{"date":"2024-03-16T08:33:21.861Z","title":"Improved Cloudflare Workers testing via Vitest and workerd","url":"https://blog.cloudflare.com/workers-vitest-integration/","content":"VitestでCloudflare Workersのテストを行う方法について。\n`@cloudflare/vitest-pool-workers`を使うことで、Workerに対するUnit Testができる仕組みについて。\nVitestのCustom Poolを使うことで、テストをworkerdのプロセス内で実行している。","tags":["cloudflare","vite","test","article"],"relatedLinks":[{"title":"Vitest integration · Cloudflare Workers docs","url":"https://developers.cloudflare.com/workers/testing/vitest-integration/"}]},{"date":"2024-03-16T12:21:04.029Z","title":"MistCSS","url":"https://typicode.github.io/mistcss/","content":"CSSからReactコンポーネントを作成するツール。\nCSSを書いて、そのCSSからRectコンポーネントを生成する仕組みになっている。\ndata属性をPropsとして扱う、`@scope`でスコープを扱うなど","tags":["CSS","React","Tools"],"relatedLinks":[]},{"date":"2024-03-16T12:54:14.496Z","title":"Bun v1.0.31 | Bun Blog","url":"https://bun.sh/blog/bun-v1.0.31","content":"Bun v1.0.31リリース。\n`bun --print`の追加、Stdinからコードを実行できるように、`bun add --trust <pkg>`の追加、`bun pm trust`/`bun pm untrusted`の追加。\n`fetch()`に`unix`オプションを追加しUnix Socketsをサポート。\nNode.js 21.7.0で追加された`util.styleText`のサポートなど","tags":["Bun","ReleaseNote"],"relatedLinks":[{"title":"Node.js — Node v21.7.0 (Current)","url":"https://nodejs.org/en/blog/release/v21.7.0"}]},{"date":"2024-03-16T13:10:02.734Z","title":"Best Practices for Writing Tests with React Testing Library | ClarityDev blog","url":"https://claritydev.net/blog/improving-react-testing-library-tests","content":"React Testing LibraryでのReactコンポーネントのテストについて。\nコンポーネントをRoleでselectする方法やデバッグ方法、`userEvent`、\"not wrapped in act(...)\"の警告についてなど","tags":["React","test","article"],"relatedLinks":[]},{"date":"2024-03-17T13:15:10.201Z","title":"Nuxt 3.11 · Nuxt Blog","url":"https://nuxt.com/blog/v3-11","content":"Nuxt v3.11リリース。\nログ表示の改善、`usePreviewMode`の追加、`appMiddleware`の追加。\nサーバ専用の`.server.vue`とクライアント専用の`.client.vue`をサポートなど","tags":["Vue","library","ReleaseNote"],"relatedLinks":[]},{"date":"2024-03-18T12:24:07.366Z","title":"Elysia 1.0 - Lament of the Fallen | ElysiaJS","url":"https://elysiajs.com/blog/elysia-10","content":"Bun向けのHTTPサーバフレームワークのElysia 1.0リリース。\n起動時間の改善、Type Checkのパフォーマンス改善、`onBeforeHandle`などに`as`オプションを追加など","tags":["Bun","server","ReleaseNote"],"relatedLinks":[]},{"date":"2024-03-19T02:37:15.274Z","title":"Implementing Vertical Form Controls | WebKit","url":"https://www.webkit.org/blog/15190/implementing-vertical-form-controls/","content":"WebKitでのCSS `writing-mode`による縦書きフォームのサポートについて。","tags":["webkit","CSS","safari","article"],"relatedLinks":[]},{"date":"2024-03-19T02:41:08.014Z","title":"ECSS — Simple Rules for efficient CSS","url":"https://ecss.info/en/","content":"予測可能なCSSを書くためのデザインガイドとstylelintのルール","tags":["CSS","document","Tools"],"relatedLinks":[]},{"date":"2024-03-19T03:05:44.630Z","title":"エディター付きのReact開発環境を ブラウザーだけで実装した話 - Speaker Deck","url":"https://speakerdeck.com/steelydylan/edeitafu-kinoreactkai-fa-huan-jing-wo-burauzadakedeshi-zhuang-sitahua","content":"プレビュー機能付きのエディタの実装についてのスライド。\nエディタ上の重たい処理をWeb Worker上に逃す方法、Service Worker内でTypeScriptのトランスパイルの実装などについて","tags":["React","ServiceWorker","slide"],"relatedLinks":[]},{"date":"2024-03-19T14:35:11.804Z","title":"Runtime compatibility across JavaScript runtimes","url":"https://runtime-compat.unjs.io/","content":"Bun/Deno/Vercel/LLRT/Node.js/wasmer/workerdなどのJavaScript RuntimeのWinterCG API互換性をまとめたテーブル","tags":["JavaScript","document"],"relatedLinks":[]},{"date":"2024-03-20T05:34:13.343Z","title":"Announcing Rsbuild v0.5 - Rsbuild","url":"https://rsbuild.dev/community/releases/v0-5","content":"Rsbuild v0.5リリース。\nLightning CSSをopt-inでサポート、Custom Serverをサポート、SVGRプラグインの改善など","tags":["rspack","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2024-03-20T05:36:25.072Z","title":"Rsdoctor","url":"https://rsdoctor.dev/","content":"webpackやRspackのbundle結果を分析できるツール。\nbunde結果のサマリ、コンパイル/minifyの時間、loaderごとの処理時間やタイムライン、モジュールの依存関係の分析など","tags":["webpack","rspack","Tools"],"relatedLinks":[]},{"date":"2024-03-20T05:55:28.746Z","title":"Firefox 124.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/124.0/releasenotes/","content":"Firefox 124リリース。\n `AbortSignal.any()`のサポート、WebDriver BiDiの対応改善。\nフラグ付きで`SharedArrayBuffer.prototype.grow()`と` ArrayBuffer.prototype.resize()`のサポートなど","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 124 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/124"}]},{"date":"2024-03-24T03:09:59.970Z","title":"Node.js: The Documentary | An origin story - YouTube","url":"https://www.youtube.com/watch?v=LB8KwiiUGy0","content":"Node.jsについてのドキュメンタリー動画。\nNode.jsが作成された理由や初期の開発、Windowの対応とlibuv。\nRyan→Isaac→TJへのオーナーの移譲、Joyentでの停滞とio.jsのfork、io.jsとNode.jsがマージされるまでの話","tags":["nodejs","history","video"],"relatedLinks":[]},{"date":"2024-03-25T13:46:38.116Z","title":"Optimizing Javascript for fun and for profit","url":"https://romgrk.com/posts/optimizing-javascript","content":"JavaScriptのパフォーマンスの最適化について。パフォーマンスと可読性のトレードオフ。\n文字列の比較を避ける、異なる形状を避ける、配列やオブジェクトのメソッドを避けるといった実行時のコストを減らす工夫について","tags":["article","performance","JavaScript"],"relatedLinks":[]},{"date":"2024-03-26T05:22:36.337Z","title":"Announcing VitePress 1.0 | The Vue Point","url":"https://blog.vuejs.org/posts/vitepress-1.0","content":"VitePress 1.0リリース","tags":["vite","document","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2024-03-26T15:09:13.141Z","title":"Performance tooling in 2024 and beyond  |  Blog  |  Chrome for Developers","url":"https://developer.chrome.com/blog/perf-tooling-2024","content":"Chrome DevToolsに試験的に実装されていた\"Performance Insights\"パネルは2024年後半に削除される予定。\n\"Performance Insights\"は情報密度を減らすことを目的にしていたが、\"Performance\"パネルの方が使われていたという話","tags":["Chrome","performance","article"],"relatedLinks":[]},{"date":"2024-03-26T15:23:58.223Z","title":"Node.js — Diving into the Node.js Website Redesign","url":"https://nodejs.org/en/blog/announcements/diving-into-the-nodejs-website-redesign","content":"Node.jsのウェブサイトがNext.jsで新しく書き直された話。\nnextraでの静的サイトとして始めたがカスタム設定が多くなり、Next.jsをVercelで動かす形に変更した。\nこのリニューアルで既存の翻訳はリセットされたため、現時点では404となっており、今後Crowdinを使った翻訳の仕組みを導入予定。","tags":["nodejs","article"],"relatedLinks":[{"title":"Node.js — Run JavaScript Everywhere","url":"https://nodejs.org/en"}]},{"date":"2024-03-26T15:24:50.729Z","title":"Flow Nodes: How Type Inference Is Implemented","url":"https://effectivetypescript.com/2024/03/24/flownodes/","content":"TypeScriptのnarrowingがどのように動作しているかについて。\n上から下に型を絞り込んでいるのではなく、シンボルが参照されてるポイントから制御フローグラフを逆にたどることで型を絞り込む実装になっている話","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2024-03-26T15:25:48.455Z","title":"Chrome で text-spacing-trim プロパティがサポートされたぞ！！","url":"https://zenn.dev/inaniwaudon/articles/3ff8761773178c","content":"Chrome 123でサポートされたCSSのtext-spacing-trimプロパティについて","tags":["Chrome","CSS","article"],"relatedLinks":[]},{"date":"2024-03-26T15:31:21.310Z","title":"New in Chrome 123  |  Blog  |  Chrome for Developers","url":"https://developer.chrome.com/blog/new-in-chrome-123?hl=en","content":"Chrome 123リリース。\nCSSの`light-dark()`のサポート、\nService worker Static Routing APIのサポート、Content-Encoding: zstdをサポート。\nBFCacheが利用できなかった理由を取得できる`notRestoredReasons`のサポート、ES Proposal Stage 3のImport Attributesをサポートなど","tags":["Chrome","ReleaseNote"],"relatedLinks":[]},{"date":"2024-03-26T23:42:37.535Z","title":"Node.js — Node v18.20.0 (LTS)","url":"https://nodejs.org/en/blog/release/v18.20.0","content":"Node.js v18.20.0リリース。\nImport Attributesのサポート、`vm.Script`とDynamic Importに関するパフォーマンス改善をbackport(Jestでメモリリークする問題の改善)","tags":["nodejs","ReleaseNote"],"relatedLinks":[]},{"date":"2024-03-26T23:47:23.245Z","title":"Node.js — Node v20.12.0 (LTS)","url":"https://nodejs.org/en/blog/release/v20.12.0","content":"Node.js v20.12.0リリース。\n`crypto.hash()`の追加、`.env`を扱う`process.loadEnvFile(path)`と`util.parseEnv(content)`を追加。\n`net.createConnection`に接続試行に関するイベントを追加、`util.styleText(format, text)`を追加など","tags":["nodejs","ReleaseNote"],"relatedLinks":[]},{"date":"2024-03-26T23:58:48.535Z","title":"Release v10.4.0 · mochajs/mocha","url":"https://github.com/mochajs/mocha/releases/tag/v10.4.0","content":"Mocha v10.4.0リリース。\nError Causeの表示に対応","tags":["nodejs","test","library","ReleaseNote"],"relatedLinks":[]},{"date":"2024-03-27T00:53:02.265Z","title":"Release v9.0.0-beta.0 · pnpm/pnpm","url":"https://github.com/pnpm/pnpm/releases/tag/v9.0.0-beta.0","content":"pnpm v9.0.0-beta.0リリース。\nNode.js 16のサポート終了、Lockfileバージョンをv7に変更、`dedupe-injected-deps`を`true`に変更、`link-workspace-packages`を`false`に変更。\npre/post-scriptを実行する`enable-pre-post-scripts`を`true`に変更など","tags":["pnpm","ReleaseNote"],"relatedLinks":[]},{"date":"2024-03-28T02:38:40.605Z","title":"実践JavaScript!: プログラミングを楽しみながらしっかり身につける | 武舎 広幸 |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/dp/4274231739/","content":"練習問題が豊富なJavaScriptの入門書","tags":["JavaScript","book "],"relatedLinks":[]},{"date":"2024-03-29T08:17:35.692Z","title":"Release gulp v5.0.0 · gulpjs/gulp","url":"https://github.com/gulpjs/gulp/releases/tag/v5.0.0","content":"gulp v5.0.0リリース。\nNode.js 10.13未満のサポート終了、ストリームエンコードをUTF-8に変更、非推奨のローダーの削除。\n`gulpfile.cjs`と`gulpfile.mjs`をサポート、`swc`/`esbuild`/`sucrase`/`mdx`ローダーの追加、`extends`構文のサポートなど","tags":["gulp","ReleaseNote"],"relatedLinks":[]},{"date":"2024-03-31T12:34:29.525Z","title":"Iterator helpers · V8","url":"https://v8.dev/features/iterator-helpers","content":"Chrome 122でサポートされたES Proposal Stage 3のIterator Helpersについて。\nmap/filter/take/drop/flatMap/reduce/toArray/forEach/some/every/findなどの使い方について","tags":["V8","JavaScript","Chrome","article"],"relatedLinks":[{"title":"tc39/proposal-iterator-helpers: Methods for working with iterators in ECMAScript","url":"https://github.com/tc39/proposal-iterator-helpers"}]},{"date":"2024-03-31T12:51:38.128Z","title":"Deno 1.42: Better dependency management with JSR","url":"https://deno.com/blog/v1.42","content":"Deno v1.42リリース。\nJSRをサポートする`deno publish`と`deno add`コマンドを追加。\n`deno task`で実行するスクリプトをクロスプラットフォームで実行できる`#!/usr/bin/env -S`というshebangをサポート。\n`DENO_FUTURE=1`でDeno2に含まれる予定の変更をopt-inでテストできるように。","tags":["dneo","ReleaseNote"],"relatedLinks":[]},{"date":"2024-03-31T13:00:29.327Z","title":"light-dark() を使用して CSS のカラーパターンに依存する色を使用する  |  Articles  |  web.dev","url":"https://web.dev/articles/light-dark?hl=ja","content":"`light-dark()`を使うことでMedia Queryを使わずにLight Mode/Dark Modeで変化する値を扱えるという話","tags":["CSS","article"],"relatedLinks":[]},{"date":"2024-03-31T13:09:48.691Z","title":"JavaScript Visualized - Promise Execution","url":"https://lydiahallie.framer.website/blog/promise-execution","content":"Promiseの動作を仕様的な内部動作を使ってビジュアライズしている記事。\n非同期処理とMicrotask Queueについて","tags":["JavaScript","Promises","article","ECMAScript"],"relatedLinks":[]},{"date":"2024-03-31T13:42:48.167Z","title":"React Server Components now in RedwoodJS | RedwoodJS","url":"https://redwoodjs.com/blog/rsc-now-in-redwoodjs","content":"RedwoodJSでのReact Server Components(RSC)のサポートについて。\n今までのGraphQLでのweb/apiとRSCを使った場合のサーバの構成の違い、RSCの仕組みについてなど","tags":["React","article"],"relatedLinks":[]},{"date":"2024-03-31T14:05:53.359Z","title":"Flaky Tests In React: Detection, Prevention and Tools - Semaphore","url":"https://semaphoreci.com/blog/flaky-react","content":"testing-libraryを使ったReactのテストでの不安定なパターンと解消方法について。\n","tags":["React","test","article"],"relatedLinks":[]},{"date":"2024-03-31T14:24:01.004Z","title":"Introducing Babylon.js 7.0. Our mission is to build one of the most… | by Babylon.js | Mar, 2024 | Medium","url":"https://babylonjs.medium.com/introducing-babylon-js-7-0-a141cd7ede0d","content":"Babylon.js 7.0リリース。\nProcedural Geometry、Global Illumination、Gaussian Splat Renderingのサポート。\nApple Vision Proのサポート、MMDのコミュニティサポートの追加など","tags":["WebGL","JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Release 7.0.0 · BabylonJS/Babylon.js","url":"https://github.com/BabylonJS/Babylon.js/releases/tag/7.0.0"}]},{"date":"2024-03-31T14:28:39.357Z","title":"Radix Themes 3.0 – Radix UI","url":"https://www.radix-ui.com/blog/themes-3","content":"Radix Themes 3.0リリース。\nカスタムカラーパレットの作成ツールの公開、ダッシュボード向けのコンポーネントの追加、レイアウトコンポーネントに多数のPropsを追加など","tags":["JavaScript","UI","library","ReleaseNote"],"relatedLinks":[{"title":"Releases – Radix Themes","url":"https://www.radix-ui.com/themes/docs/overview/releases#300"}]},{"date":"2024-04-01T23:52:25.170Z","title":"Bun 1.1 | Bun Blog","url":"https://bun.sh/blog/bun-v1.1","content":"Bun v1.1リリース。\nWindowsサポート、クロスプラットフォームでスクリプトを実行できる`.bunx`ファイルのサポート。\n`WebSocket` APIのStable化、`performance.mark()`/`performance.measure()`のサポート、Fetch APIがBrotliをサポート。\nbuilt-in modulesがMacrosでの利用に対応、conditional exportsで`worker`サポート、`NODE_ENV`のデフォルト値を`undefined`に変更など","tags":["Bun","windows","ReleaseNote"],"relatedLinks":[]},{"date":"2024-04-04T00:45:34.226Z","title":"New Flow Language Features for React | by Alex Taylor | Flow | Apr, 2024 | Medium","url":"https://medium.com/flow-type/announcing-component-syntax-b6c5285660d0","content":"Flow v0.233.0で導入された`component`と`hook`構文について。\n通常の関数とは異なる構文にすることでPropsのread-onlyのチェック、refのチェック、Hooksのチェックなどが行える","tags":["flowtype","React","article"],"relatedLinks":[]},{"date":"2024-04-06T09:45:38.785Z","title":"Release 8.0.0 · google/zx","url":"https://github.com/google/zx/releases/tag/8.0.0","content":"zx 8.0.0リリース。\nパッケージサイズの削減、`$.sync`の追加、`input`オプションの追加、AbortControllerのサポート、`kill`メソッドの追加。\n`$.verbose`のデフォルト値を`false`に変更、`ssh` APIの削除など","tags":["JavaScript","ShellScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2024-04-07T14:27:31.151Z","title":"App Router移行時に0.01%の確率でCSR遷移が404エラーになる - とろろこんぶろぐ","url":"https://oisham.hatenablog.com/entry/2024/04/04/105444","content":"Next.jsではApp RouterとPages Routerが共存しているときは、パスがどちらのRouterかを判定するのに Bloom Filter を利用している。\nこの判定は確率的に判定ミスをするが、その際にはハードナビゲーションするため本来は問題が起きない。しかし、`basePath`オプションを利用時には問題があったという話。","tags":["Next.js","article"],"relatedLinks":[]},{"date":"2024-04-07T14:44:27.268Z","title":"The Framework Field Guide - Fundamentals | Unicorn Utterances","url":"https://unicorn-utterances.com/collections/framework-field-guide-fundamentals","content":"  Angular/React/Vueを一度に学べることを目的にした書籍。","tags":["JavaScript","React","Angular","Vue","book"],"relatedLinks":[]},{"date":"2024-04-07T14:47:58.867Z","title":"Breaking Down Next.js 14 | FocusReactive","url":"https://focusreactive.com/breaking-down-next-js-14/","content":"Next.js 14のApp Router/Server Components/Data Fetching/Caching/Metadata/Dynamic Image Generationについて。","tags":["Next.js","article"],"relatedLinks":[]},{"date":"2024-04-07T14:51:25.714Z","title":"History of JS interop in Dart. Support for Wasm just landed in the… | by Sigmund Cherem | Dart | Mar, 2024 | Medium","url":"https://medium.com/dartlang/history-of-js-interop-in-dart-98b06991158f","content":"DartのJavaScriptとの総合運用性の歴史について。\nDart 3.3で追加された`dart:js_interop`について","tags":["dart","JavaScript","article"],"relatedLinks":[]},{"date":"2024-04-08T12:23:58.075Z","title":"Learn JavaScript  |  web.dev","url":"https://web.dev/learn/javascript","content":"JavaScriptの基礎を学習するチュートリアル","tags":["JavaScript","tutorial"],"relatedLinks":[]},{"date":"2024-04-09T14:33:25.439Z","title":"Home | Ark UI","url":"https://ark-ui.com/","content":"React/Solid/Vueで、Panda CSS/Tailwind/Vanilla CSSに対応したHeadless UIコンポーネントライブラリ","tags":["JavaScript","UI","library"],"relatedLinks":[]},{"date":"2024-04-10T15:04:26.441Z","title":"Announcing Rspack v0.6 - Rspack","url":"https://www.rspack.dev/blog/announcing-0.6","content":"Rspack 0.6リリース。\nmini-css-extract-pluginの機能を組み込みサポート、デフォルトでTree Shakingを有効化。\nCSSの順番が複数のchunkで矛盾している場合に警告を表示するようになるなど","tags":["JavaScript","webpack","ReleaseNote"],"relatedLinks":[]},{"date":"2024-04-10T15:38:29.227Z","title":"Migrating 500+ tests from Mocha to Node.js | Astro","url":"https://astro.build/blog/node-test-migration/","content":"Mocha/Chaiから`node:test`/`node:assert`へテストを移行した話","tags":["nodejs","JavaScript","testing","article"],"relatedLinks":[]},{"date":"2024-04-11T01:33:11.705Z","title":"Node.js — Wednesday, April 10, 2024 Security Releases","url":"https://nodejs.org/en/blog/vulnerability/april-2024-security-releases-2","content":"Node.jsのセキュリティアップデートとして v18.20.2 (LTS)/v20.12.2 (LTS)/v21.7.3 (Current)がそれぞれリリース。\nWindowsにおける`child_process.spawn`のコマンドインジェクションの脆弱性の修正","tags":["nodejs","windows","security","ReleaseNote"],"relatedLinks":[]},{"date":"2024-04-11T01:41:04.823Z","title":"Optimizing WebKit & Safari for Speedometer 3.0 | WebKit","url":"https://webkit.org/blog/15249/optimizing-webkit-safari-for-speedometer-3-0/","content":"WebKitでSpeedometer 3.0のベンチマークに合わせた最適化を色々と取り入れた話。\n","tags":["webkit","safari","performance","article"],"relatedLinks":[]},{"date":"2024-04-11T02:10:33.481Z","title":"ESLint v9.0.0 released - ESLint - Pluggable JavaScript Linter","url":"https://eslint.org/blog/2024/04/eslint-v9.0.0-released/","content":"ESLint v9.0.0リリース。\nNode.js 18.18未満のサポート終了、Flat Configをデフォルト化、ビルトインのformatterの一部をパッケージに移動、JSDocのルールを削除。\n`eslint:recommende`の更新、`loadESLint()` APIの追加、RuleTesterのバリデーションの強化、ルールの書き方を変更など","tags":["ESLint","ReleaseNote"],"relatedLinks":[{"title":"Migrate to v9.x - ESLint - Pluggable JavaScript Linter","url":"https://eslint.org/docs/latest/use/migrate-to-9.0.0"}]},{"date":"2024-04-13T05:53:28.023Z","title":"Next.js 14.2 | Next.js","url":"https://nextjs.org/blog/next-14-2","content":"Next.js 14.2リリース。\nTurbopack RCをリリース、Server/Client Components間のTree Shakingの対応、CSSの読み込み順の問題の修正。\nClient側のRouter Cacheの期間を設定する`staleTimes`オプションの追加など\n","tags":["Next.js","ReleaseNote"],"relatedLinks":[]},{"date":"2024-04-14T13:44:57.485Z","title":"How we built JSR","url":"https://deno.com/blog/how-we-built-jsr","content":"JSRの技術的な作りについて。\nAPIサーバはRustで書かれていて、DBにはPostgresを利用している。\nフロントエンドにはFreshを使ったIslandsアーキテクチャにしている。\nFreshを動かすRendering Serverは各地にデプロイされるがAPI ServerはUSのみなので、Server間のやり取りでウォーターフォールが起きないようにまとめている。\nまた、npmの互換レイヤーであるtarballを作成するときに.tsから.d.tsを生成する処理をRustで書いている点についてなど","tags":["deno","JavaScript","npm","article"],"relatedLinks":[{"title":"feat: Add fast-check based TypeScript type definition generation by marvinhagemeister · Pull Request #379 · denoland/deno_graph","url":"https://github.com/denoland/deno_graph/pull/379"}]},{"date":"2024-04-15T14:59:20.273Z","title":"Release 🚀 Farm v1.0 is released! · farm-fe/farm","url":"https://github.com/farm-fe/farm/releases/tag/v1.0","content":"Vite/Rollup互換のプラグインを扱えるビルドツールであるFarm 1.0リリース。\nRustで書かれていて、キャッシュを使ったIncremental Build、Lazy Compilation、モジュールをグループ化してbundleできる。\nまた、devとproductionビルドで同じ戦略を使うため、一貫性があるのある結果になるように設計されている。","tags":["JavaScript","bundler","Rust","vite","ReleaseNote"],"relatedLinks":[]},{"date":"2024-04-16T03:15:33.571Z","title":"Biome v1.7 | Biome","url":"https://biomejs.dev/blog/biome-v1-7/","content":"Biome v1.7リリース。\nESLint/Prettierの設定からマイグレーションできる`biome migrate eslint`と`biome migrate prettier`コマンドを追加。\nGitのStagingファイルをチェックする`biome check --staged`の追加など","tags":["ESLint","Tools","ReleaseNote"],"relatedLinks":[{"title":"Release CLI v1.7.0 · biomejs/biome","url":"https://github.com/biomejs/biome/releases/tag/cli%2Fv1.7.0"}]},{"date":"2024-04-16T13:54:46.125Z","title":"Release v9.0.0 · pnpm/pnpm","url":"https://github.com/pnpm/pnpm/releases/tag/v9.0.0","content":"pnpm v9.0.0リリース。\nNode.js 16のサポート終了。\nmonorepo内のバージョン指定でのlinkをする`link-workspace-packages`を`false`に変更、pre/post scriptをデフォルトで実行するように変更。\nロックファイルのバージョンをv9に変更、Gitリポジトリのサブディレクトリのみをインストールできるように。","tags":["pnpm","ReleaseNote"],"relatedLinks":[]},{"date":"2024-04-17T03:32:56.327Z","title":"Panda CSS - The Origin Story - Segun Adebayo","url":"https://www.adebayosegun.com/blog/panda-css-the-origin-story","content":"Panda CSSがなぜ作られたのかについての話。\nChakra UIでCSSのパフォーマンスを向上する試みから、Vanilla ExtractでPoCを作成し、そこから同じ試みをしてるBox Extractorの作者と作業をマージして進めていった。\nPark UIやビデオチュートリアルの作成、名前をPandaにした話などについて","tags":["JavaScript","CSS","article","Interview"],"relatedLinks":[]},{"date":"2024-04-17T14:10:20.690Z","title":"Bun v1.1.4 | Bun Blog","url":"https://bun.sh/blog/bun-v1.1.4","content":"Bun v1.1.4リリース。\n`bun --filter='*'`でコマンドを並列に実行できるように、`bun install`のパフォーマンスを改善、`bun:sqlite`が`using`に対応など","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2024-04-17T14:27:10.080Z","title":"Chrome 124  |  Release notes  |  Chrome for Developers","url":"https://developer.chrome.com/release-notes/124","content":"Chrome 124リリース。\n`writingsuggestions`属性のサポート、`Sec-CH-UA-Form-Factors` client hintのサポート、Document Render-Blockingのサポート。\nWebSocketStream API、`setHTMLUnsafe`と`parseHTMLUnsafe`メソッドのサポート、ReadableStream APIがAsync Iterableに対応など","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"New in Chrome 124  |  Blog  |  Chrome for Developers","url":"https://developer.chrome.com/blog/new-in-chrome-124"}]},{"date":"2024-04-17T15:27:05.185Z","title":"sonic-technology/catena: Build type-safe APIs with ease","url":"https://github.com/sonic-technology/catena","content":"ExpressにType Safeなvalidationやmiddlewareなどの仕組みをつけるライブラリ","tags":["nodejs","TypeScript","library"],"relatedLinks":[]},{"date":"2024-04-17T15:28:09.011Z","title":"Node.js — Trip report: Node.js collaboration summit (2024 London)","url":"https://nodejs.org/en/blog/events/collab-summit-2024-london","content":"Node.js collaboration summit 2024で話されたことのサマリ記事。","tags":["nodejs","article"],"relatedLinks":[]},{"date":"2024-04-17T15:29:43.305Z","title":"Layer Cake","url":"https://layercake.graphics/","content":"SvelteベースのSVGなどのグラフィカルなデータを扱うライブラリ","tags":["Svelte","SVG","library"],"relatedLinks":[]},{"date":"2024-04-17T23:36:02.985Z","title":"ECMAScript proposal updates @ 2024-04 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2024/04/17/ecmascript-proposal-update","content":"2024年4月のTC39ミーティングでのECMAScript Proposalのステータス変更のまとめ。\nSignalsがStage 1に、`.union()`などの集合演算をするSetメソッドがStage 4に。","tags":["ECMAScript","proposal","news"],"relatedLinks":[]},{"date":"2024-04-18T05:04:41.834Z","title":"CSS in React Server Components","url":"https://www.joshwcomeau.com/react/css-in-rsc/","content":"React Server ComponentとCSSについての記事。\nLinaria、Panda CSS、Material UIのPigment CSSについて","tags":["Next.js","CSS","React","article"],"relatedLinks":[]},{"date":"2024-04-18T05:05:28.938Z","title":"「実装例から見る React のテストの書き方」をアップデートする","url":"https://zenn.dev/cybozu_frontend/articles/update-test-libraries","content":"React周りのツールやテストのアップデートについて。","tags":["JavaScript","Tools","article"],"relatedLinks":[]},{"date":"2024-04-18T05:07:15.907Z","title":"Release 3.37.0 - 2024.04.17 · zloirock/core-js","url":"https://github.com/zloirock/core-js/releases/tag/v3.37.0","content":"core-js v3.37.0リリース。\nSet methods ProposalをStableに追加、`Math.sumPrecise`のサポート、`Symbol.customMatcher`のサポートなど","tags":["JavaScript","polyfill","ReleaseNote"],"relatedLinks":[]},{"date":"2024-04-19T04:53:33.832Z","title":"Electron 30.0.0 | Electron","url":"https://www.electronjs.org/blog/electron-30-0","content":"Electron 30リリース。\nV8 12.4、Chromium 124、Node.js 20.11.1へアップデート。\nFile System APIをサポート、Cross Origin iframeにPermission Policyを使うように変更、`WebContentsView`/`BaseWindow`の廃止など","tags":["Electron","ReleaseNote"],"relatedLinks":[]},{"date":"2024-04-20T12:05:38.772Z","title":"Firefox 125.0.1, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/125.0.1/releasenotes/","content":"Firefox 125リリース。\n`Intl.Segmenter`のサポート、Popover APIのサポート、AV1コーデックのサポート、WasmのMulti Memoryをサポートなど","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 125 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/125"},{"title":"WebAssembly/multi-memory: Multiple per-module memories for Wasm","url":"https://github.com/WebAssembly/multi-memory"}]},{"date":"2024-04-22T00:14:27.338Z","title":"JSON Fixer","url":"https://jsonfixer.com/","content":"JSONっぽいものをJSONに修正してくれるツール","tags":["JSON","Tools"],"relatedLinks":[]},{"date":"2024-04-22T01:01:48.748Z","title":"React のルール – React","url":"https://ja.react.dev/reference/rules","content":"Rules of Reactの翻訳。\nReactでアプリケーションを書く時のルールについて書かれている","tags":["React","docue","translate"],"relatedLinks":[{"title":"Rules of React – React","url":"https://react.dev/reference/rules"}]},{"date":"2024-04-23T02:58:55.042Z","title":"Rspack v1.0 Release Plan · web-infra-dev/rspack · Discussion #6315","url":"https://github.com/web-infra-dev/rspack/discussions/6315","content":"Rspackのロードマップ。\n2024年7月にRspack 1.0をリリースする予定","tags":["JavaScript","rspack","article"],"relatedLinks":[]},{"date":"2024-04-25T00:05:09.833Z","title":"Node.js — Node.js 22 is now available!","url":"https://nodejs.org/en/blog/announcements/v22-release-announce","content":"Node.js 22リリース。\nV8 12.4へアップデート、`require()`でのESMモジュールのロードをサポートする`--experimental-require-module`フラグの追加。\nnpm run-scriptを実行する`node --run <script>`を追加、`node --watch`フラグを追加、WebSocketをデフォルトで有効化、`node:fs`に`glob`を追加。\nStreamのHigh Water Markのデフォルト値を16KiBから64KiBへ変更。","tags":["nodejs","ReleaseNote"],"relatedLinks":[]},{"date":"2024-04-25T13:44:17.692Z","title":"HTML attributes vs DOM properties - JakeArchibald.com","url":"https://jakearchibald.com/2024/attributes-vs-properties/","content":"HTMLの属性とDOMプロパティの違いについて。\n属性とプロパティの型の違い、大文字小文字の区別、Reflectionについて。\nまた、Preact/VueやReactなどのUIフレームワークでの扱いについてなど","tags":["HTML","DOM","JavaScript","article"],"relatedLinks":[]},{"date":"2024-04-25T14:19:10.503Z","title":"LavaMoat/LavaDome: Secure DOM trees isolation and encapsulation leveraging ShadowDOM","url":"https://github.com/LavaMoat/LavaDome","content":"Shadow DOMを使い同じOriginで実行されているJavaScriptからもアクセスできないDOMを扱うライブラリ","tags":["WebComponents","security","library"],"relatedLinks":[]},{"date":"2024-04-25T14:46:05.209Z","title":"React Native 0.74 - Yoga 3.0, Bridgeless New Architecture, and more · React Native","url":"https://reactnative.dev/blog/2024/04/22/release-0.74","content":"React Native 0.74リリース。\nレイアウトエンジンであるYoga 3.0へアップグレート、Bridgelessがデフォルトに変更、`onLayout`でのStateの更新がバッチ化されるように。\nAndroidの最小SDKバージョンを23 (Android 6.0)に変更、PropTypesの削除など","tags":["React","iOS","Android","ReleaseNote"],"relatedLinks":[]},{"date":"2024-04-26T01:08:41.892Z","title":"React 19 Beta – React","url":"https://react.dev/blog/2024/04/25/react-19","content":"React 19 Betaリリース。\nActionという概念の導入と`useActionState`/`useFormStatus`の追加。\n楽観的な更新を扱う`useOptimistic`、Promiseをunwrapする`use`の追加。\nServer Component/Server Actionのサポート、`fowardRef`が不要となるように変更。\nHydrationのエラーの表示の改善、`<Context>`自体が`<Context.Provider>`としての機能を持つように変更、`ref`のcleanup処理を定義できるように。\n`useDeferredValue`の第二引数に初期値をサポート、`<title>`などのメタデータタグのサポート、`<link ref=stylesheet>`でのスタイルシートのサポート。\n`<script async={true}>`のサポート、`preload`などの`<link rel=preload>`を扱う関数を追加。\nReact 18ではサードパーティによってHTMLが改変されたときはHydration時にレンダリングし直すことで消えていたが、残るように変更、Custme Elementのサポートなど。","tags":["React","ReleaseNote"],"relatedLinks":[]},{"date":"2024-04-26T01:14:41.164Z","title":"Release Version 2.0.0 · quilljs/quill","url":"https://github.com/quilljs/quill/releases/tag/v2.0.0","content":"Quill 2.0リリース。\nTypeScriptのビルトインサポート、`registry`の追加、ドキュメントモデルとの同期にInputEventを使うように変更。","tags":["JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Announcing Quill 2.0 - Knock Down Silos by Slab","url":"https://slab.com/blog/announcing-quill-2-0/"}]},{"date":"2024-04-26T01:48:11.381Z","title":"What’s new in Apollo Client 3.10 | Apollo GraphQL Blog","url":"https://www.apollographql.com/blog/whats-new-in-apollo-client-3-10","content":"Apollo Client 3.10リリース。\n`@apollo/client/testing/experimental`にMSWと連携してスキーマ駆動テストをする`createTestSchema`の追加、`client.watchFragment`の追加。\n`createQueryPreloader`をStableに変更など","tags":["GraphQL","JavaScript","library","ReleaseNote"],"relatedLinks":[{"title":"Release v3.10.0 · apollographql/apollo-client","url":"https://github.com/apollographql/apollo-client/releases/tag/v3.10.0"}]},{"date":"2024-04-26T01:58:27.478Z","title":"Announcing TypeScript 5.5 Beta - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-5-5-beta/","content":"TypeScript 5.5リリース。\n関数からtype predicatesを推論できるようになり、`Array.prototype.filter`などでの絞り込みが簡潔に書けるように。\nJSDocで`@import {foo} from \"foo\"`をサポート、正規表現の基本的な構文チェックをサポート、`isolatedDeclarations`をサポート。\n設定ファイル内で`${configDir}`のテンプレート値をサポート。\n`typescript`パッケージのサイズを削減、Named Importをサポート、`transpileDeclaration` APIの追加。\n`out`や`target: ES3`などの非推奨となっていたオプションを削除など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[{"title":"The Making of a TypeScript Feature: Inferring Type Predicates","url":"https://effectivetypescript.com/2024/04/16/inferring-a-type-predicate/"}]},{"date":"2024-04-29T04:19:31.267Z","title":"Bun v1.1.6 | Bun Blog","url":"https://bun.sh/blog/bun-v1.1.6","content":"Bun v1.1.6リリース。\nUDP Socketsのサポート、`node:dgram`をサポート、`dd-trace`や`@clickhouse/client`などが動作するようにバグ修正など","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2024-04-30T14:51:02.063Z","title":"MoonBit adds JS backend, up to 25x faster than native JS | MoonBit","url":"https://www.moonbitlang.com/blog/js-support","content":"Rustライクな構文でWebAssemblyへ出力できる言語/ツールキットであるMoonBitが、JavaScriptへの出力をサポート。\nIteratorのコストが減るような変換や文字列をUnicode Code Pointとして整数値で持つなどの工夫をしている","tags":["WebAssembly","JavaScript","article"],"relatedLinks":[]},{"date":"2024-05-01T01:42:40.003Z","title":"Announcement of Release - Module federation","url":"https://module-federation.io/blog/announcement.html","content":"Module Federation 2.0リリース。","tags":["JavaScript","webpack","rspack","ReleaseNote"],"relatedLinks":[]},{"date":"2024-05-03T01:30:44.619Z","title":"Bun v1.1.5 | Bun Blog","url":"https://bun.sh/blog/bun-v1.1.5","content":"Bun v1.1.5リリース。\n`bun build --compile`がクロスコンパイルに対応、`package.json`の末尾カンマを許可するように、`bun.report`の追加。\nImport Attributesで任意ファイルをtext/json/toml/fileとしてインポートできるようになるなど","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2024-05-03T01:45:23.252Z","title":"Node.js — Node v22.1.0 (Current)","url":"https://nodejs.org/en/blog/release/v22.1.0","content":"Node.js v22.1.0リリース。\nV8コンパイルキャッシュの保存場所を指定する`NODE_COMPILE_CACHE`環境変数を追加、Test Runnerに`--test-skip-pattern`フラグの追加など","tags":["nodejs","ReleaseNote"],"relatedLinks":[]},{"date":"2024-05-03T02:16:46.893Z","title":"ARIA Authoring Practices Guide | APG | WAI | W3C","url":"https://www.w3.org/WAI/ARIA/apg/","content":"WAI-ARIAを使ったデザインパターン、ランドマークの使い方、名前の付け方について紹介しているドキュメント","tags":["WAI-ARIA","accessibility","document"],"relatedLinks":[]},{"date":"2024-05-03T02:36:08.499Z","title":"remix/CHANGELOG.md at main · remix-run/remix","url":"https://github.com/remix-run/remix/blob/main/CHANGELOG.md#v290","content":"Remix 2.9.0リリース。\n`future.unstable_singleFetch`フラグで利用できるSingle Fetchの実装。\nFetch API/`undici`を使う`installGlobals({ nativeFetch: true })`の追加など","tags":["Remix","ReleaseNote"],"relatedLinks":[{"title":"🗺️ Single Data Fetch · remix-run/remix · Discussion #7640","url":"https://github.com/remix-run/remix/discussions/7640"},{"title":"Remix v2.9 で導入された Single Fetch","url":"https://azukiazusa.dev/blog/single-fetch-in-remix/"}]},{"date":"2024-05-03T02:47:51.737Z","title":"jacob-ebey/turbo-stream: A streaming data transport format that aims to support built-in features such as Promises, Dates, RegExps, Maps, Sets and more.","url":"https://github.com/jacob-ebey/turbo-stream","content":"PromiseやDateなどをシリアライズしてWeb Streamとして送受信するためのecode/decodeライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2024-05-03T03:01:03.286Z","title":"May 1, 2024 Release – React Spectrum Releases","url":"https://react-spectrum.adobe.com/releases/2024-05-01.html","content":"React Aria Components May 1, 2024リリース。\nSubmenu, unavailable menu items, DropZone, FileTriggerを正式サポート。\nColor Componentの追加、TreeViewをαリリース、`RouterProvider`の追加など","tags":["React","library","ReleaseNote"],"relatedLinks":[]},{"date":"2024-05-03T05:18:45.709Z","title":"Design System Generations. How to discuss and describe a design… | by Nathan Curtis | Medium","url":"https://medium.com/@nathanacurtis/design-system-generations-65f99960dc3d","content":"デザインシステムについての連載。\nデザインシステムとは何か、どのように実践するか、どのようにスケールするかについて","tags":["Design","article","opinion"],"relatedLinks":[]},{"date":"2024-05-03T05:23:26.139Z","title":"Popover API lands in Baseline  |  Blog  |  web.dev","url":"https://web.dev/blog/popover-api?hl=en","content":"Popover APIについての紹介記事。\n`popover`属性と`popovertarget`属性を使ったPopover APIの使い方について。\n`<dialog>`要素と`popover`属性の違いについて","tags":["HTML","JavaScript","article"],"relatedLinks":[]},{"date":"2024-05-03T05:30:01.662Z","title":"The Front End Developer/Engineer Handbook 2024","url":"https://frontendmasters.com/guides/front-end-handbook/2024/","content":"The Front End Developer/Engineer Handbookの2024年版","tags":["HTML","CSS","JavaScript","book"],"relatedLinks":[]},{"date":"2024-05-03T13:14:16.132Z","title":"Webフロントエンド版DX Criteria (v202402)/プロダクトのユーザー体験と変化に適応するチームのためのガイドライン","url":"https://dxcriteria.cto-a.org/frontend","content":"Webフロントエンド版DX Criteria","tags":["document"],"relatedLinks":[{"title":"日本CTO協会から、プロダクトのユーザー体験と変化に適応するチームのためのガイドライン『Webフロントエンド版DX Criteria』を4月24日に新公開 | 一般社団法人日本CTO協会のプレスリリース","url":"https://prtimes.jp/main/html/rd/p/000000024.000081310.html"}]},{"date":"2024-05-03T13:55:52.040Z","title":"Combining CSS :has() And HTML <select> For Greater Conditional Styling — Smashing Magazine","url":"https://www.smashingmagazine.com/2024/05/combining-css-has-html-select-conditional-styling/","content":"`<select>`と`:has()`を組み合わせて、選択した値によってスタイルを変化させる方法について","tags":["HTML","CSS","article"],"relatedLinks":[]},{"date":"2024-05-03T14:02:25.016Z","title":"Release 18.3.0 (April 25, 2024) · facebook/react","url":"https://github.com/facebook/react/releases/tag/v18.3.0","content":"React v18.3.0リリース。\nReact 19での変更予定の機能に対してDeprecatedの警告を出す実装が追加されている。","tags":["React","ReleaseNote"],"relatedLinks":[{"title":"React 19 Beta Upgrade Guide – React","url":"https://react.dev/blog/2024/04/25/react-19-upgrade-guide"}]},{"date":"2024-05-03T14:13:24.808Z","title":"Svelte 5 Release Candidate","url":"https://svelte.dev/blog/svelte-5-release-candidate","content":"Svelte 5 RCリリース。\nrunesの追加、Snippetsの追加、イベントハンドラーの記述方法の変更など。","tags":["Svelte","ReleaseNote"],"relatedLinks":[{"title":"Breaking changes • Docs • Svelte 5 preview","url":"https://svelte-5-preview.vercel.app/docs/breaking-changes"}]},{"date":"2024-05-07T14:15:45.210Z","title":"Release v0.21.0 · evanw/esbuild","url":"https://github.com/evanw/esbuild/releases/tag/v0.21.0","content":"esbuild v0.21.0リリース。\nStage 3のDecorator Proposalのサポート、プライベートメソッドの最適化、バグ修正など","tags":["JavaScript","bundler","ReleaseNote"],"relatedLinks":[]},{"date":"2024-05-08T08:50:42.769Z","title":"Release v1.6.0 · vitest-dev/vitest","url":"https://github.com/vitest-dev/vitest/releases/tag/v1.6.0","content":"vitest v1.6.0リリース。\n`--standalone`グラフのサポート、Snapshotをカスタマイズできる`snapshotEnvironment` オプションの追加。\n`browser.testerScripts`と`browser.indexScripts`オプションの追加。","tags":["vite","test","ReleaseNote"],"relatedLinks":[]},{"date":"2024-05-08T17:32:32.033Z","title":"Node.js の進化に伴い不要となったかもしれないパッケージたち","url":"https://zenn.dev/morinokami/articles/npm-uninstall","content":"Node.jsのコアモジュールなどに実装されたパッケージの機能紹介。\nFetch API、`.env`のロード、`util.styleText`、`node:test`、`--watch`フラグ、`glob`、`util.parseArgs`などについて","tags":["nodejs","article"],"relatedLinks":[]},{"date":"2024-05-08T17:43:01.375Z","title":"Release v4.3.0 · honojs/hono","url":"https://github.com/honojs/hono/releases/tag/v4.3.0","content":"Hono v4.3.0リリース。\nResponseに対するクライアント側での型推論の改善、`hono/jsx`のReactとの互換性改善、`createFactory`の追加など","tags":["Hono","ReleaseNote"],"relatedLinks":[]},{"date":"2024-05-10T14:29:15.200Z","title":"Astro 4.8 | Astro","url":"https://astro.build/blog/astro-480/","content":"Astro 4.8リリース。\n実験的な機能としてAstro Action、Request Rewritingの追加。\nパフォーマンスの改善や`injectRoute`のバグ修正など","tags":["astro","ReleaseNote"],"relatedLinks":[]},{"date":"2024-05-10T14:34:54.862Z","title":"Node.js — Node v20.13.0 (LTS)","url":"https://nodejs.org/en/blog/release/v20.13.0","content":"Node.js v20.13.0リリース。\nBufferの`base64`と`base64url`のパフォーマンス改善、`CustomEvent`と`node --watch`をStableに変更、`fs/promises`のスタックトレースの追加など","tags":["nodejs","ReleaseNote"],"relatedLinks":[]},{"date":"2024-05-10T15:11:23.164Z","title":"TypeScript の型検査にかかる時間を短縮した話","url":"https://zenn.dev/knowledgework/articles/speedup-typecheck","content":"TypeScriptの型チェックのパフォーマンスチェックと改善について","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2024-05-10T15:17:58.655Z","title":"Release v1.44.0 · microsoft/playwright","url":"https://github.com/microsoft/playwright/releases/tag/v1.44.0","content":"playwright v1.44.0リリース。\nアクセシビリティ用のAssertionを追加、`page.addLocatorHandler`に`noWaitAfter`オプションを追加、`page.removeLocatorHandler`メソッドを追加。\n前回失敗したテストだけを実行する`--last-failed`フラグの追加など","tags":["playwright","ReleaseNote"],"relatedLinks":[]},{"date":"2024-05-10T15:28:14.060Z","title":"Release v2.3.0 · mswjs/msw","url":"https://github.com/mswjs/msw/releases/tag/v2.3.0","content":"msw 2.3.0リリース。\nハンドラー内でのnhandled exceptionは500エラーとなるように変更、`unhandledException`イベントを追加など","tags":["JavaScript","test","library"],"relatedLinks":[]},{"date":"2024-05-11T04:35:10.181Z","title":"Release v9.0.0 · sindresorhus/execa","url":"https://github.com/sindresorhus/execa/releases/tag/v9.0.0","content":"execa v9.0.0リリース。\nzx的なTemplate Literalでのコマンド実行をサポート、行ごとに出力を処理できるように、入力や出力のフィルター、`verbose`モードの改善など","tags":["nodejs","ReleaseNote"],"relatedLinks":[{"title":"Execa 9: our biggest release. Execa runs commands in your scripts. | by ehmicky | Medium","url":"https://medium.com/@ehmicky/execa-9-release-d0d5daaa097f"}]},{"date":"2024-05-12T06:07:32.560Z","title":"Bun v1.1.8 | Bun Blog","url":"https://bun.sh/blog/bun-v1.1.8","content":"Bun v1.1.8リリース。\n`process.on(\"uncaughtException\")`と`process.on(\"unhandledRejection\")`のサポート。\n`node:zlib`でBrotli APIをサポート、Bun APIがExplicit Resource Managementをサポートなど","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2024-05-12T06:15:54.027Z","title":"Headless UI v2.0 for React - Tailwind CSS","url":"https://tailwindcss.com/blog/headless-ui-v2","content":"Headless UI v2.0リリース。\nFloating UIのanchor指定をサポート、Checkboxコンポーネント、Fieldsetコンポーネント、Comboboxが`virtual` propsをサポートなど","tags":["React","library","ReleaseNote"],"relatedLinks":[]},{"date":"2024-05-12T06:19:53.483Z","title":"Misconceptions about CSS Specificity – Bram.us","url":"https://www.bram.us/2024/05/05/misconceptions-about-css-specificity/","content":"CSSのSpecificityについて","tags":["CSS","article"],"relatedLinks":[]},{"date":"2024-05-12T06:22:01.953Z","title":"Monitor Third-Party Resources that Impact UX with Playwright","url":"https://www.checklyhq.com/blog/how-playwright-can-monitor-third-party-resources/","content":"PlaywrightのRequest Block/Delayを使ってユーザー影響のあるサードパーティスクリプトを特定する方法について","tags":["browser","test","article"],"relatedLinks":[]},{"date":"2024-05-12T06:27:46.562Z","title":"Release 7.0.0 · jasonkuhrt/graphql-request","url":"https://github.com/jasonkuhrt/graphql-request/releases/tag/7.0.0","content":"graphql-request 7.0リリース。\ncross-fetchのpolyfillを削除、Pure ESMに変更など","tags":["GraphQL","library","ReleaseNote"],"relatedLinks":[]},{"date":"2024-05-12T06:34:16.496Z","title":"Why Patching Globals Is Harmful - kettanaito.com","url":"https://kettanaito.com/blog/why-patching-globals-is-harmful","content":"Global APIにmonkey patchする弊害について。\nFetch APIの仕様を各種上書きしているReact/Next.js/Bunについて","tags":["Fetch","JavaScript","article","opinion"],"relatedLinks":[]},{"date":"2024-05-14T03:53:04.852Z","title":"WebKit Features in Safari 17.5 | WebKit","url":"https://webkit.org/blog/15383/webkit-features-in-safari-17-5/","content":"Safari 17.5の変更点について。\nCSSの`text-wrap: balance`、`light-dark()`、`@starting-style`、`@import <url> supports(<feature>)`のサポート。\nAV1 for WebCodecsのサポートなど","tags":["safari","ReleaseNote"],"relatedLinks":[]},{"date":"2024-05-14T14:03:54.632Z","title":"Firefox 126.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/126.0/releasenotes/","content":"Firefox 126リリース。\nzstdをサポート、CSSの`zoom`プロパティをサポート、`URL.parse()`をサポート、 Screen Wake Lock APIをサポート。\nCustom ElementのCustomStateSetと`:state()`擬似クラスをサポートなど","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 126 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/126"}]},{"date":"2024-05-16T00:03:29.311Z","title":"Merging Remix and React Router | Remix","url":"https://remix.run/blog/merging-remix-and-react-router","content":"RemixはReact Router v7としてリリースする予定という話。\nRemixとReact Routerは、Viteとサーバ以外はほぼ同等の機能になってきている。\nそのため、React RouterをRemixにマイグレーションするのではなく、React RouterをアップデートするだけでRemixの機能を使えるようにしたいという話。\n既存のRemixアプリは、import先のパッケージを`react-router`に変更するだけで動く予定という話。","tags":["React","Remix","article"],"relatedLinks":[]},{"date":"2024-05-16T00:11:23.638Z","title":"Angular 17 Update: Control Flow & App Builder Migration - ANGULARarchitects","url":"https://www.angulararchitects.io/blog/angular-17-update-control-flow-app-builder-migration/","content":"Angular 18が2024-05-20にリリースされるため、その前にAngular 17へアップデートしようという記事。\nAngular 17では新しい制御フローやViteへの変更なども含まれていて、アップデート方法について。","tags":["Angular","article"],"relatedLinks":[]},{"date":"2024-05-16T07:01:22.130Z","title":"Web Platform Status","url":"https://webstatus.dev/","content":"ウェブプラットフォームのブラウザのステータスをまとめてるページ。\n機能ごとのブラウザサポートの表示、検索などができる","tags":["browser","webservice"],"relatedLinks":[]},{"date":"2024-05-16T15:05:04.582Z","title":"Node.js — Node v22.2.0 (Current)","url":"https://nodejs.org/en/blog/release/v22.2.0","content":"Node.js v22.2.0リリース。\nfs.globが`withFileTypes`をサポート、`--inspect-wait=host:port`をサポート、`--experimental-policy`を削除。\n`node:test`に`test.plan`メソッドの追加など","tags":["nodejs","ReleaseNote"],"relatedLinks":[]},{"date":"2024-05-18T13:31:17.187Z","title":"Release 8.1.0 · google/zx","url":"https://github.com/google/zx/releases/tag/8.1.0","content":"zx 8.1.0リリース。\nESMとCJSの両方をサポート、Node.js 12から22までサポート、Deno 1.xとの互換性のサポート。\n`usePwsh()`の追加、`$.timeout`のサポート、`--cwd`フラグの追加など","tags":["nodejs","ShellScript","library","ReleaseNote"],"relatedLinks":[]},{"date":"2024-05-18T13:34:08.508Z","title":"Release v0.21.3 · evanw/esbuild","url":"https://github.com/evanw/esbuild/releases/tag/v0.21.3","content":"esbuild v0.21.3リリース。\ndecorator metadata proposalのサポート","tags":["esbuild","ReleaseNote"],"relatedLinks":[]},{"date":"2024-05-18T13:45:46.775Z","title":"Introducing Firebase App Hosting","url":"https://firebase.blog/posts/2024/05/introducing-app-hosting/","content":"Firebase App Hostingについて。\n設定なしでAngularとNext.jsをサポートするCloud Runベースのホスティングサービス","tags":["firebase","Next.js","Angular","article"],"relatedLinks":[]},{"date":"2024-05-18T14:28:31.306Z","title":"State of HTML 2023","url":"https://2023.stateofhtml.com/en-US/","content":"State of HTML 2023の結果が公開された。\nHTMLの要素や属性、Web Components、アクセシビリティ、課題や欲しい機能についてのアンケート","tags":["HTML","Survey"],"relatedLinks":[]},{"date":"2024-05-18T14:33:21.294Z","title":"Digging for SSRF in NextJS apps","url":"https://www.assetnote.io/resources/research/digging-for-ssrf-in-nextjs-apps","content":"Next.js 14.1.1で修正されたSSRFの脆弱性について。\nServer Actionsで`redirect()`を使ったパスリダイレクトをしてるAPIがある場合に、Next.jsから任意のURLに対してGETリクエストした内容を取得できるSSRF脆弱性について","tags":["Next.js","security","article"],"relatedLinks":[{"title":"Next.js Server-Side Request Forgery in Server Actions · CVE-2024-34351 · GitHub Advisory Database","url":"https://github.com/advisories/GHSA-fr5h-rqp8-mj6g"},{"title":"azu/nextjs-CVE-2024-34351: poc","url":"https://github.com/azu/nextjs-CVE-2024-34351"}]},{"date":"2024-05-19T13:05:43.521Z","title":"Introducing the CSS anchor positioning API  |  Blog  |  Chrome for Developers","url":"https://developer.chrome.com/blog/anchor-positioning-api","content":"CSS Anchor Positioning APIについて。\nコンセプト、基本的な使い方、popover属性や`<dialog>`との組み合わせ、`@position-try`での代替の位置指定、スクロールとの組み合わせなど","tags":["CSS","article"],"relatedLinks":[]},{"date":"2024-05-19T13:10:06.196Z","title":"React Compiler – React","url":"https://react.dev/learn/react-compiler","content":"React Compilerが実験的に公開された。\nBabelプラグインとして実装されていて、opt-inでの導入方法や`react-compiler-healthcheck`での互換性のチェック、ESLintプラグインについて書かれている","tags":["React","babel","document"],"relatedLinks":[]},{"date":"2024-05-19T13:20:24.779Z","title":"farzher/fuzzysort: Fast SublimeText-like fuzzy search for JavaScript.","url":"https://github.com/farzher/fuzzysort","content":"fuzzy searchライブラリ","tags":["JavaScript","search","library"],"relatedLinks":[]},{"date":"2024-05-20T01:06:15.215Z","title":"Release Release v1.7.0 · axios/axios","url":"https://github.com/axios/axios/releases/tag/v1.7.0","content":"axios v1.7.0リリース。\nFetch APIを使ったadapterを追加など","tags":["HTTP","library","JavaScript","ReleaseNote"],"relatedLinks":[]},{"date":"2024-05-21T00:40:34.849Z","title":"CVE-2024-4367 - Arbitrary JavaScript execution in PDF.js — Codean Labs","url":"https://codeanlabs.com/blog/research/cve-2024-4367-arbitrary-js-execution-in-pdf-js/","content":"細工したPDFファイルをPDF.jsで表示すると任意のJavaScriptが実行できるXSS脆弱性について。\nPDF.js v4.2.67で修正されている。また`isEvalSupported: false`にすることでも回避できる。\n","tags":["PDF","JavaScript","security","Electron","article"],"relatedLinks":[{"title":"PDF.js vulnerable to arbitrary JavaScript execution upon opening a malicious PDF · CVE-2024-4367 · GitHub Advisory Database","url":"https://github.com/advisories/GHSA-wgrm-67xf-hhpq"}]},{"date":"2024-05-23T13:23:18.766Z","title":"Bun v1.1.9 | Bun Blog","url":"https://bun.sh/blog/bun-v1.1.9","content":"Bun v1.1.9リリース。\n最大255 DNSレコードを最大30秒キャッシュするように、`dns.prefetch()`/` dns.getCacheStats()`の追加。\n`bun --no-clear-screen --watch`のサポート、`msw`のサポートなど","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2024-05-25T12:51:16.252Z","title":"Release @ark-ui/react@3.0.0 · chakra-ui/ark","url":"https://github.com/chakra-ui/ark/releases/tag/%40ark-ui%2Freact%403.0.0","content":"Ark UI 3.0リリース。\nReact/Vue/Solid対応版がそれぞれリリースされている。\n3.0では`Context`/`Format`コンポーネントの追加、`HiddenInput`の扱いの変更、React 19に対応など","tags":["JavaScript","React","library","ReleaseNote"],"relatedLinks":[]},{"date":"2024-05-25T13:12:26.961Z","title":"andrico1234/the-dilemmas-youll-face: The Dilemmas You'll Face When Creating Your First Component Library","url":"https://github.com/andrico1234/the-dilemmas-youll-face?tab=readme-ov-file","content":"コンポーネントライブラリを作成する際のガイド。\nライブラリを使う、npmパッケージとしての公開方法、リポジトリの構成、bundlerなどについて","tags":["UI","document"],"relatedLinks":[]},{"date":"2024-05-25T13:18:58.732Z","title":"CSSでチェックボックスやラジオボタンをカスタマイズする 2024年版: Days on the Moon","url":"https://nanto.asablo.jp/blog/2024/05/24/9686885","content":"チェックボックス（`<input type=\"checkbox\">`）やラジオボタン（`<input type=\"radio\">`）をCSSでカスタマイズする方法について。","tags":["HTML","CSS","article"],"relatedLinks":[]},{"date":"2024-05-26T12:55:28.177Z","title":"Next.js 15 RC | Next.js","url":"https://nextjs.org/blog/next-15-rc","content":"Next.js 15 RCリリース。\nReact 19 RCに対応、React Compilerを実験的にサポート、Hydration Error表示の改善。\nFetch/`GET` Route Handler/Client Routerをデフォルトでキャッシュしないように変更、Partial Prerenderingの`incremental`オプションを追加。\n遅延処理をする`next/after`を追加、`create-next-app`のアップデート。\n非推奨だった`@next/font`のサポート削除など","tags":["Next.js","ReleaseNote"],"relatedLinks":[]},{"date":"2024-05-26T13:38:27.703Z","title":"esbuild 最適化芸人 - Speaker Deck","url":"https://speakerdeck.com/exoego/esbuild-zui-shi-hua-yun-ren","content":"esbuildを使ってバンドルサイズを最適化することでAWS LambdaのCold Startの時間を短縮することについてのスライド。","tags":["Lambda","esbuild","slide"],"relatedLinks":[{"title":"exoego/esbuild-bundle-analyzer: Analyzes each PR's impact on esbuild bundle size","url":"https://github.com/exoego/esbuild-bundle-analyzer"}]},{"date":"2024-05-26T13:51:10.852Z","title":"SolidStart 1.0: The Shape of Frameworks to Come | SolidJS","url":"https://www.solidjs.com/blog/solid-start-the-shape-frameworks-to-come","content":"SolidStart 1.0リリース。","tags":["Solid","ReleaseNote"],"relatedLinks":[]},{"date":"2024-05-26T14:04:45.076Z","title":"Angular v18 is now available!. Today we are excited to share the next… | by Minko Gechev | May, 2024 | Angular Blog","url":"https://blog.angular.dev/angular-v18-is-now-available-e79d5ac0affe","content":"Angular v18リリース。\nzone.jsを使わない変更検知の仕組みを実験的にサポート、Material 3を正式サポート、Deferrable views/Built-in control flowをStableに変更。\nまた、Angular DevToolsの改善などが含まれている","tags":["Angular","ReleaseNote"],"relatedLinks":[]},{"date":"2024-05-26T14:06:13.435Z","title":"A virtual DOM in 200 lines of JavaScript – Marcelo Lazaroni – Developing for the Interwebs","url":"https://lazamar.github.io/virtual-dom/","content":"Virtual DOMを実装しながら仕組みについてみていく記事","tags":["JavaScript","DOM","article"],"relatedLinks":[]},{"date":"2024-05-26T14:16:51.493Z","title":"Understand errors and warnings better with Gemini  |  Chrome DevTools  |  Chrome for Developers","url":"https://developer.chrome.com/docs/devtools/console/understand-messages","content":"Chrome DevToolsのGeminiを使ったエラーの解説機能について。","tags":["Chrome","debug","LanguageModel","article"],"relatedLinks":[]},{"date":"2024-05-26T14:23:10.896Z","title":"Rethinking Text Resizing on Web. Airbnb has made significant strides in… | by Steven Bassett | The Airbnb Tech Blog | May, 2024 | Medium","url":"https://medium.com/airbnb-engineering/rethinking-text-resizing-on-web-1047b12d2881","content":"Airbnbのアクセシビリティの取り組みとしてテキストサイズ/ズームを考慮して、`rem`を優先として使う意思決定をした背景、テストのアプローチ、Figma/デザイナーとの連携方法についてなど","tags":["accessibility","article","CSS"],"relatedLinks":[]},{"date":"2024-06-01T02:53:54.134Z","title":"Introducing the ESLint Configuration Migrator - ESLint - Pluggable JavaScript Linter","url":"https://eslint.org/blog/2024/05/eslint-configuration-migrator/","content":"ESLint 9のFlatConfigへ移行するためのマイグレーションツールが公開された","tags":["ESLint","article"],"relatedLinks":[]},{"date":"2024-06-02T13:49:00.785Z","title":"デジタル庁デザインシステムβ版","url":"https://design.digital.go.jp/","content":"デジタル庁のデザインシステム。\nデザイン、コンポーネント、ガイドライン、アクセシビリティについてまとめられている","tags":["Design","accessibility","figma","document"],"relatedLinks":[]},{"date":"2024-06-02T13:55:09.189Z","title":"テスト自動化実践ガイド 継続的にWebアプリケーションを改善するための知識と技法 | 末村 拓也 |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/dp/4798172359/","content":"2024年7月30日発売\nCodeceptJSとPlaywrightを使ったE2Eテストについての書籍","tags":["E2E","test","playwright","book"],"relatedLinks":[]},{"date":"2024-06-02T14:24:06.801Z","title":"Release v2.0.0-beta.5 · vitest-dev/vitest","url":"https://github.com/vitest-dev/vitest/releases/tag/v2.0.0-beta.5","content":"vitest v2.0.0-beta.5リリース。\n`--merge-reports`がカバレッジをサポート、Promiseベースのmockに対するAssertionの追加、ブラウザモードの改善など","tags":["vite","test","library","ReleaseNote"],"relatedLinks":[]},{"date":"2024-06-02T14:29:51.759Z","title":"Prettier 3.3: New Flow features and a lot of bug fixes · Prettier","url":"https://prettier.io/blog/2024/06/01/3.3.0.html","content":"Prettier 3.3リリース。\nFlowに追加された`declare name`/`component`構文をサポート、`gql` template literal内のGraphQLをサポート、pnpmの`package.yaml`のサポートなど","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[{"title":"feat: support package.yaml and package.json5 by zkochan · Pull Request #1799 · pnpm/pnpm","url":"https://github.com/pnpm/pnpm/pull/1799"}]},{"date":"2024-06-02T14:55:34.282Z","title":"React 19の新機能まるわかり","url":"https://zenn.dev/uhyo/books/react-19-new","content":"React 19の変更点についてまとめた書籍。\nActionと`useTransition`、`useActionState`、`useOptimistic`、`use`などのHooksについて。\nまた、`<title>`などの対応、refCallback、Contextやrefの変更、`onCaughtError`オプションについてなど","tags":["React","book"],"relatedLinks":[{"title":"React 19を概念から理解する - Speaker Deck","url":"https://speakerdeck.com/player/98422ddec1914f339c53f9c299f80ce6?title=false&skipResize=true"}]},{"date":"2024-06-02T15:03:33.783Z","title":"Release v4.4.0 · honojs/hono","url":"https://github.com/honojs/hono/releases/tag/v4.4.0","content":"Hono v4.4.0リリース。\nJSRにパッケージを公開するように、`getConnInfo`を追加、`timeout` middlewareの追加など","tags":["Hono","ReleaseNote"],"relatedLinks":[]},{"date":"2024-06-02T15:06:09.200Z","title":"Announcing Rspack v0.7 - Rspack","url":"https://www.rspack.dev/blog/announcing-0-7","content":"Rspack v0.7リリース。\nLazy Compilationのサポート、CSSビルドのパフォーマンス改善。\nUnstableなJavaScript APIを非推奨化、`@import`は他のルールよりもあることをチェックするように。","tags":["JavaScript","bundler","ReleaseNote"],"relatedLinks":[{"title":"Release v0.7.0 · web-infra-dev/rspack","url":"https://github.com/web-infra-dev/rspack/releases/tag/v0.7.0"}]},{"date":"2024-06-02T15:10:51.325Z","title":"Deno 1.44: Private npm registries, improved Node.js compat, and performance boosts","url":"https://deno.com/blog/v1.44","content":"Deno v1.44リリース。\n`.npmrc`を使ったprivate npm registryのサポート、gRPC接続のサポート、V8のポインター圧縮によるメモリ使用量の削減。\n`Deno.exitCode`をStable化、`Response.prototype.bytes()`のサポートなど","tags":["dneo","ReleaseNote"],"relatedLinks":[]},{"date":"2024-06-03T12:38:21.442Z","title":"Live types in a TypeScript monorepo","url":"https://colinhacks.com/essays/live-types-typescript-monorepo","content":"monorepo内でパッケージとして分けたTypeScriptのコードをビルドなしで参照する方法について。\n`exports`と`tsconfig-paths`を使った方法、`publishConfig`と組み合わせてnpm registryにもpubilsh可能な手法について","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2024-06-03T12:55:24.226Z","title":"How 1Password Used Esbuild to Cut Browser Extension Build Times | 1Password","url":"https://blog.1password.com/new-extension-build-system/","content":"esbuildのbundleとtscを使った型チェックを並列で実行するパターン、esbuildのMetafileを使ってbundle sizeを分析する方法について","tags":["TypeScript","esbuild","article"],"relatedLinks":[]},{"date":"2024-06-07T15:10:51.152Z","title":"Announcing TypeScript 5.5 RC - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-5-5-rc/","content":"TypeScript 5.5 RCリリース。\n関数からtype predicatesを推論できるようになり、`Array.prototype.filter`などでの絞り込みが簡潔に書けるように。\nStage 3のSet Methodsをサポート。\nJSDocで`@import {foo} from \"foo\"`をサポート、正規表現の基本的な構文チェックをサポート、`isolatedDeclarations`をサポート。\n設定ファイル内で`${configDir}`のテンプレート値をサポート。\n`typescript`パッケージのサイズを削減、Named Importをサポート、`transpileDeclaration` APIの追加。\n`transpileModule`と`transpileDeclaration`でのビルド時間を改善。\n`out`や`target: ES3`などの非推奨となっていたオプションが無効化され、`ignoreDeprecations`オプションを指定しないと利用できなくなる変更など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2024-06-10T13:06:36.175Z","title":"Release CLI v1.8.0 · biomejs/biome","url":"https://github.com/biomejs/biome/releases/tag/cli%2Fv1.8.0","content":"Biome v1.8.0リリース。\n`biome clean`コマンドを追加、`biome lint`に`--only`と`--skip`フラグを追加、CSSのformatとlintをサポートなど","tags":["JavaScript","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2024-06-10T13:52:04.404Z","title":"power-assert-monorepo/packages/node at main · twada/power-assert-monorepo","url":"https://github.com/twada/power-assert-monorepo/tree/main/packages/node","content":"Node.jsの`--import`に対応したpower-assert","tags":["nodejs","JavaScript","test","library"],"relatedLinks":[]},{"date":"2024-06-10T14:11:09.700Z","title":"slevithan/regex: Context-aware regex template tag with best practices built-in and advanced features","url":"https://github.com/slevithan/regex","content":"正規表現をTagged Templateで書けるライブラリ","tags":["JavaScript","RegExp","library"],"relatedLinks":[]},{"date":"2024-06-10T14:35:24.010Z","title":"Data Fetching Patterns in Single-Page Applications","url":"https://martinfowler.com/articles/data-fetch-spa.html","content":"ReactのクライアントサイドでのData Fetchのパターンについて","tags":["React","article"],"relatedLinks":[]},{"date":"2024-06-10T14:44:57.947Z","title":"Storybook 8.1","url":"https://storybook.js.org/blog/storybook-8-1/","content":"Storybook 8.1リリース。\nStoryファイルを作成するUIの追加、Subpath importsを使ったモックの対応、Playwright Component Testの対応。\nReact 19/Angular 18のサポートなど","tags":["JavaScript","UI","test","ReleaseNote"],"relatedLinks":[]},{"date":"2024-06-10T15:05:14.834Z","title":"Release v1.0.0 · tinylibs/tinypool","url":"https://github.com/tinylibs/tinypool/releases/tag/v1.0.0","content":"tinypool 1.0.0リリース。\nNode.jsの`worker_threads`のWorker Poolの実装ライブラリ","tags":["nodejs","library","ReleaseNote"],"relatedLinks":[]},{"date":"2024-06-10T15:10:31.292Z","title":"Mastering Node.js Performance Hooks","url":"https://pavel-romanov.com/nodejs-performance-hooks-mastering-the-mental-model","content":"ユーザーの端末の影響を受けるwall clockとパフォーマンスの計測に適したmonotonic clockについて。\nNode.jsの`perf_hooks`モジュールで利用できる`PerformanceObserver`では monotonic clockの時間を取得でき、基本的な使い方についてなど","tags":["nodejs","performance","article"],"relatedLinks":[]},{"date":"2024-06-12T03:01:09.037Z","title":"Turborepo 2.0","url":"https://turbo.build/blog/turbo-2-0","content":"Turborepo 2.0リリース。\nターミナルUIの刷新、`persistent`オプションの追加、`turbo watch`の追加、ドキュメントの刷新など。","tags":["JavaScript","monorepo","Tools","ReleaseNote"],"relatedLinks":[]},{"date":"2024-06-12T03:23:46.626Z","title":"WebAssembly JSPI has a new API · V8","url":"https://v8.dev/blog/jspi-newapi","content":"WebAssemblyのJavaScript Promise Integrationについて","tags":["WebAssembly","Promises","article"],"relatedLinks":[]},{"date":"2024-06-12T03:32:17.256Z","title":"Firefox 127.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/127.0/releasenotes/","content":"Firefox 127リリース。\n`<base>`要素に`data:`と`javascript:`が指定できないように変更、Stage 3のSet Methodsをサポート、async Clipboard APIのサポートなど","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 127 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/127"}]},{"date":"2024-06-13T02:51:22.838Z","title":"Node.js — Node v22.3.0 (Current)","url":"https://nodejs.org/en/blog/release/v22.3.0","content":"Node.js v22.3.0リリース。\n`Buffer`に`bytes()`を実装、experimentalフラグ付きでTest RunnerでのSnapshot Testingを実装、`NODE_RUN_SCRIPT_NAME`を追加など","tags":["nodejs","ReleaseNote"],"relatedLinks":[]},{"date":"2024-06-13T04:47:11.943Z","title":"TypeScriptの型と値とバリデーション","url":"https://zenn.dev/mizchi/articles/typescript-type-value-validation","content":"TypeScriptは基本的にはJavaScriptへ型情報を付与するだけであるため、Runtimeの動作としてはJavaScriptと変わらないという話。\nバリデーションと型について","tags":["JavaScript","TypeScript","article"],"relatedLinks":[{"title":"TypeScript Design Goals · microsoft/TypeScript Wiki","url":"https://github.com/microsoft/TypeScript/wiki/TypeScript-Design-Goals"}]},{"date":"2024-06-13T04:47:41.739Z","title":"News from WWDC24: WebKit in Safari 18 beta | WebKit","url":"https://webkit.org/blog/15443/news-from-wwdc24-webkit-in-safari-18-beta/","content":"Safari 18 betaの変更点について。\nView Transition APIのサポート、Style Queriesのサポート、`@starting-style`と　`display: none`の組み合わせをサポート。\n`justify-content: safe center`のサポート、`content-visibility`をサポート。\n`<input type=date>`のアクセシビリティの改善、`URL.parse()`のサポート、JPEG2000のサポートを削除など","tags":["webkit","safari","ReleaseNote"],"relatedLinks":[]},{"date":"2024-06-15T11:48:24.960Z","title":"Nuxt 2 End-of-Life (EOL) · Nuxt Blog","url":"https://nuxt.com/blog/nuxt2-eol","content":"Nuxt 2は2024年6月30日でEnd-of-Life (EOL)となる。\nNuext 2.xの最終版となる2.18.0が6月末にリリースされる予定","tags":["Vue","news"],"relatedLinks":[]},{"date":"2024-06-15T11:57:19.007Z","title":"Nuxt 3.12 · Nuxt Blog","url":"https://nuxt.com/blog/v3-12","content":"Nuxt v3.12リリース。\nNuxt 4の動作をopt-inして試せる`compatibilityVersion: 4`オプションの追加、`multiApp`オプションの追加、不要になったexprimentalオプションの削除など","tags":["Vue","ReleaseNote"],"relatedLinks":[{"title":"Upgrade Guide · Get Started with Nuxt","url":"https://nuxt.com/docs/getting-started/upgrade#testing-nuxt-4"}]},{"date":"2024-06-15T12:04:28.927Z","title":"New in Chrome 126  |  Blog  |  Chrome for Developers","url":"https://developer.chrome.com/blog/new-in-chrome-126?hl=en","content":"Chrome 126リリース。\nCross-document view transitionsのサポート、CloseWatcher APIを再有効化。\nimport assertionの`assert`構文を削除など","tags":["Chrome","ReleaseNote"],"relatedLinks":[{"title":"Chrome 126  |  Release notes  |  Chrome for Developers","url":"https://developer.chrome.com/release-notes/126"}]},{"date":"2024-06-15T12:20:37.669Z","title":"ECMAScript proposal updates @ 2024-06 | ECMAScript Daily","url":"https://ecmascript-daily.github.io/ecmascript/2024/06/15/ecmascript-proposal-update","content":"2024年6月のTC39 MeetingにおけるECMAScript Proposalのステータス変更のまとめ。\n","tags":["ECMAScript","proposal","article"],"relatedLinks":[]},{"date":"2024-06-15T13:00:18.447Z","title":"Electron 31.0.0 | Electron","url":"https://www.electronjs.org/blog/electron-31-0","content":"Electron 31リリース。\nChromium 125、Node.js 20.14、V8 12.6へアップデート。\nWebSQLの削除、File System APIのサポートなど","tags":["Electron","ReleaseNote"],"relatedLinks":[]},{"date":"2024-06-16T13:35:02.467Z","title":"Release Version 8.12.0 · acornjs/acorn","url":"https://github.com/acornjs/acorn/releases/tag/8.12.0","content":"acorn 8.12.0リリース。\nES2025のduplicate capture group names in regular expressionsをサポートなど","tags":["JavaScript","ECMAScript","ReleaseNote"],"relatedLinks":[]},{"date":"2024-06-16T13:43:37.434Z","title":"Bun v1.1.13 | Bun Blog","url":"https://bun.sh/blog/bun-v1.1.13","content":"Bun v1.1.13リリース。\n`worker_thread`の`eval`オプションをサポート、`URL.createObjectURL`のサポート、`expect`のカスタムメッセージをサポートなど","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2024-06-16T14:02:29.834Z","title":"Codemod partnering with the React team","url":"https://codemod.com/blog/react-announcement","content":"React 19に関するcodemod","tags":["React","article"],"relatedLinks":[{"title":"codemod/packages/codemods/react/19 at main · codemod-com/codemod","url":"https://github.com/codemod-com/codemod/tree/main/packages/codemods/react/19"}]},{"date":"2024-06-16T14:08:02.698Z","title":"Build Stunning Responsive Card Tables with CSS4 & CSS5 - DEV Community","url":"https://dev.to/subu_hunter/build-stunning-responsive-card-tables-with-css4-css5-1fai","content":"Tableとscroll-snapを使ったカヌーセル的なカード型のテーブルデザインについて","tags":["CSS","article"],"relatedLinks":[]},{"date":"2024-06-18T13:23:27.047Z","title":"Node.js Security Progress Report: Redefining Security Processes and Key Initiatives | OpenJS Foundation","url":"https://openjsf.org/blog/nodejs-security-progress-report-may-2024?utm_content=297186945&utm_medium=social&utm_source=twitter&hss_channel=tw-91985735","content":"Node.jsのセキュリティについてのレポート。\n`--experimental-policy`の削除、Permission ModelのInitiative phaseの完了など","tags":["nodejs","article"],"relatedLinks":[]},{"date":"2024-06-20T15:11:20.441Z","title":"State of JavaScript 2023","url":"https://2023.stateofjs.com/en-US/","content":"State of JavaScript 2023の結果が公開された。\nJavaScriptの言語機能、フレームワーク、ツール、テスト、TypeScriptなどについてのアンケート","tags":["JavaScript","Survey"],"relatedLinks":[]},{"date":"2024-06-22T01:31:21.065Z","title":"Version 4.0 released : Node-RED","url":"https://nodered.org/blog/2024/06/20/version-4-0-released","content":"Node-RED 4.0リリース。\n","tags":["nodejs","ReleaseNote"],"relatedLinks":[]},{"date":"2024-06-22T02:24:31.866Z","title":"Announcing TypeScript 5.5 - TypeScript","url":"https://devblogs.microsoft.com/typescript/announcing-typescript-5-5/","content":"TypeScript 5.5リリース。\n関数からtype predicatesを推論できるようになり、`Array.prototype.filter`などでの絞り込みが簡潔に書けるように。\nStage 3のSet Methodsをサポート。\nJSDocで`@import {foo} from \"foo\"`をサポート、正規表現の基本的な構文チェックをサポート、`isolatedDeclarations`をサポート。\n設定ファイル内で`${configDir}`のテンプレート値をサポート。\n`typescript`パッケージのサイズを削減、Named Importをサポート、`transpileDeclaration` APIの追加。\n`transpileModule`と`transpileDeclaration`でのビルド時間を改善。\n`out`や`target: ES3`などの非推奨となっていたオプションが無効化され、`ignoreDeprecations`オプションを指定しないと利用できなくなる変更など","tags":["TypeScript","ReleaseNote"],"relatedLinks":[]},{"date":"2024-06-22T02:25:09.043Z","title":"TypeScript 5.5 で追加された正規表現構文チェックを理解する","url":"https://zenn.dev/cybozu_frontend/articles/349e9a778dfe0b","content":"TypeScript 5.5で実装された正規表現の構文チェックについて","tags":["TypeScript","RegExp","article"],"relatedLinks":[]},{"date":"2024-06-22T13:39:28.291Z","title":"Node.js — Node v20.15.0 (LTS)","url":"https://nodejs.org/en/blog/release/v20.15.0","content":"Node.js v20.15.0リリース。\n`node:test`が`plan`メソッドをサポート、`--inspect-wait`フラグを追加、`zlib.crc32()`を追加、`--disable-wasm-trap-handler`フラグを追加など","tags":["nodejs","ReleaseNote"],"relatedLinks":[]},{"date":"2024-06-26T13:56:36.590Z","title":"New JavaScript Set methods | MDN Blog","url":"https://developer.mozilla.org/en-US/blog/javascript-set-methods/","content":"ES2025に入るSet Methodsについて。\nFirefox 127で実装されている","tags":["JavaScript","ECMAScript","article"],"relatedLinks":[]},{"date":"2024-06-26T13:57:38.794Z","title":"TypeScript v4.9からv5.5で追加された機能のおさらい - STORES Product Blog","url":"https://product.st.inc/entry/2024/06/24/152109","content":"最近のTypeScriptに追加された構文や型推論の機能について","tags":["TypeScript","article"],"relatedLinks":[]},{"date":"2024-06-27T03:15:48.716Z","title":"Release ES2024 Candidate February 28th 2024 · tc39/ecma262","url":"https://github.com/tc39/ecma262/releases/tag/es2024-candidate-2024-02-28","content":"ECMAScript 2024がEcma GAで承認されたため正式にリリースされた。\n","tags":["ECMAScript","news"],"relatedLinks":[{"title":"Ecma International approves ECMAScript 2024: What’s new?","url":"https://2ality.com/2024/06/ecmascript-2024.html"}]},{"date":"2024-06-27T03:22:36.881Z","title":"Ecma International approves ECMAScript 2024: What’s new?","url":"https://2ality.com/2024/06/ecmascript-2024.html","content":"ES2024で追加された機能や構文についてのまとめ。\n`Object.groupBy`/`Map.groupBy`、`Promise.withResolvers`、`ArrayBuffers.prototype.resize`、`Atomics.waitAsync`など","tags":["ECMAScript","article"],"relatedLinks":[]},{"date":"2024-06-29T13:37:45.787Z","title":"Bun の非互換な拡張 API - moriken's project","url":"https://scrapbox.io/petamoriken/Bun_%E3%81%AE%E9%9D%9E%E4%BA%92%E6%8F%9B%E3%81%AA%E6%8B%A1%E5%BC%B5_API","content":"Bunの非標準な拡張APIについて","tags":["Bun","article"],"relatedLinks":[]},{"date":"2024-06-30T14:22:21.658Z","title":"e18e/e18e","url":"https://github.com/e18e/e18e","content":"JavaScriptのパッケージに関するガイドライン。\n依存を最新化するcleanup、無駄な依存を減らすspeedup、代替え方法を提供するlevelupという項目でそれぞれガイドが書かれている","tags":["JavaScript","npm","performance","document"],"relatedLinks":[]},{"date":"2024-06-30T14:24:28.369Z","title":"es-tooling/eslint-plugin-depend: An ESLint plugin for suggesting optimisations in choice of dependency, native equivalents, etc.","url":"https://github.com/es-tooling/eslint-plugin-depend","content":"ネイティブで利用できるため無駄な依存やメンテナンスされていないパッケージなどを検出するESLintルール","tags":["ESLint","plugin","npm"],"relatedLinks":[]},{"date":"2024-06-30T14:33:10.099Z","title":"Announcing Rspack v1.0 Alpha - Rspack","url":"https://www.rspack.dev/blog/announcing-1-0-alpha","content":"Rspack 1.0 Aplhaリリース\n`optimization.concatenateModule`の有効か、Lightning CSSをビルトインサポート。\nオプションを一部変更など","tags":["rspack","ReleaseNote"],"relatedLinks":[]},{"date":"2024-07-01T01:50:09.182Z","title":"Migrating to Next.js App Router with zero downtime — WorkOS","url":"https://workos.com/blog/migrating-to-next-js-app-router-with-zero-downtime","content":"Next.jsのPages RouterからApp Routerへの段階的な移行方法について。\n\n1. Next.jsのアップデート\n2. `useRouter`の移行\n3. 一時的な`/app/new`を作成\n4. `rewrites`を使ってクエリでのリダイレクト\n5. `/pages`の削除\n\nという手順で移行する方法について","tags":["Next.js","article"],"relatedLinks":[]},{"date":"2024-07-01T01:58:09.409Z","title":"Release Version 17.0.0 Release Notes · facebook/relay","url":"https://github.com/facebook/relay/releases/tag/v17.0.0","content":"Relay v17.0.0リリース。\nSchema Validationの追加、explicit error handlingとsemantic nullabilityを実験的に追加など","tags":["GraphQL","React","library","ReleaseNote"],"relatedLinks":[]},{"date":"2024-07-01T12:50:49.419Z","title":"React 19 and Suspense - A Drama in 3 Acts | TkDodo's blog","url":"https://tkdodo.eu/blog/react-19-and-suspense-a-drama-in-3-acts","content":"React 19 RCでのSuspense内の挙動の変更について。\nfetch-on-renderとrender-as-your-fetchのパターン、Fetch以外の非同期処理、React 19での修正予定についてなど","tags":["React","article"],"relatedLinks":[]},{"date":"2024-07-01T12:59:42.038Z","title":"Inline conditionals in CSS, now? • Lea Verou","url":"https://lea.verou.me/blog/2024/css-conditionals-now/","content":"CSSでif文を表現するテクニックについて。\nBinary Linear Interpolation、Toggles、Paused animations、Type Grinding、Variable animation nameなど","tags":["CSS","article"],"relatedLinks":[]},{"date":"2024-07-01T13:07:58.015Z","title":"Release v1.45.0 · microsoft/playwright","url":"https://github.com/microsoft/playwright/releases/tag/v1.45.0","content":"playwright v1.45.0リリース。\n時間を操作できるClock APIの追加、`--fail-on-flaky-tests`フラグの追加、`testConfig. respectGitIgnore`の追加など","tags":["playwright","ReleaseNote"],"relatedLinks":[]},{"date":"2024-07-01T13:10:05.302Z","title":"Introducing React-Admin V5","url":"https://marmelab.com/blog/2024/06/20/react-admin-v5.html","content":"React-admin v5 リリース","tags":["React","library","ReleaseNote"],"relatedLinks":[{"title":"Release 5.0.0 · marmelab/react-admin","url":"https://github.com/marmelab/react-admin/releases/tag/v5.0.0"}]},{"date":"2024-07-01T13:12:39.197Z","title":"Polyfill supply chain attack hits 100K+ sites","url":"https://sansec.io/research/polyfill-supply-chain-attack","content":"`polyfill.io`から読み込んでるコードにはマルウェア的なバックドアが含まれるようになったという話。","tags":["JavaScript","polyfill","security","news"],"relatedLinks":[]},{"date":"2024-07-03T00:45:30.113Z","title":"Release v0.22.0 · evanw/esbuild","url":"https://github.com/evanw/esbuild/releases/tag/v0.22.0","content":"esbuild v0.22.0リリース。\n`--platform=node`を指定した時に`--package=external`をデフォルトにしたが、AWS CDKなどで問題が起きたため0.23.0では元の挙動へとrevertされている。\nWindows7,8など古いOSのサポート終了、`es2024`のサポート、`@esbuild/wasi-preview1`パッケージの公開など","tags":["esbuild","ReleaseNote"],"relatedLinks":[{"title":"Release v0.23.0 · evanw/esbuild","url":"https://github.com/evanw/esbuild/releases/tag/v0.23.0"}]},{"date":"2024-07-04T14:18:59.989Z","title":"Bun v1.1.18 | Bun Blog","url":"https://bun.sh/blog/bun-v1.1.18","content":"Bun v1.1.18リリース。\n`.npmrc`のサポート、`enum`のinliningの対応、定数のfoldingの改善など","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2024-07-04T15:02:08.797Z","title":"Release 2024-07-02, Version 22.4.0 (Current), @targos · nodejs/node","url":"https://github.com/nodejs/node/releases/tag/v22.4.0","content":"Node.js 22.4.0リリース。\n実験的にWeb Storage API(`localStorage`/`sessionStorage`)のサポート、WebSocket APIをStableに変更など","tags":["nodejs","ReleaseNote"],"relatedLinks":[]},{"date":"2024-07-06T04:05:29.912Z","title":"Web Performance Guide | SpeedCurve","url":"https://www.speedcurve.com/web-performance-guide/","content":"ウェブパフォーマンスについてのサイト。\nビジネスのメトリクスとしてのパフォーマンス、WebVitals、最適化の手法について","tags":["performance","document"],"relatedLinks":[]},{"date":"2024-07-09T00:31:55.747Z","title":"Support typescript with --experimental-strip-types · Issue #208 · nodejs/loaders","url":"https://github.com/nodejs/loaders/issues/208","content":"Node.jsでTypeScriptのコード実行のサポートに関する議論が行われているIssue","tags":["nodejs","TypeScript","issue"],"relatedLinks":[]},{"date":"2024-07-09T00:32:46.734Z","title":"Release pnpm 9.5 · pnpm/pnpm","url":"https://github.com/pnpm/pnpm/releases/tag/v9.5.0","content":"pnpm v9.5.0リリース。\n複数のパッケージのバージョンをまとめて管理できるcatalogs機能を追加など","tags":["pnpm","ReleaseNote"],"relatedLinks":[]},{"date":"2024-07-09T00:33:57.074Z","title":"What's coming next for ESLint - ESLint - Pluggable JavaScript Linter","url":"https://eslint.org/blog/2024/07/whats-coming-next-for-eslint/","content":"ESLintの今後について。\n今まではJavaScriptのみをターゲットにしていたが、language pluginsによってjs以外の言語にも対応できるようにしたという話","tags":["ESLint","article"],"relatedLinks":[]},{"date":"2024-07-09T00:35:44.915Z","title":"Ladybird","url":"https://ladybird.org/announcement/","content":"LadybirdというSerenityOSの中で開発されていたブラウザがプロジェクトとして独立した。\nChromiumやWebKitなど既存のエンジンを使わずに一から書いているブラウザプロジェクト","tags":["browser","article"],"relatedLinks":[{"title":"SerenityOS","url":"https://serenityos.org/"}]},{"date":"2024-07-10T00:39:58.564Z","title":"Node.js — Monday, July 8, 2024 Security Releases","url":"https://nodejs.org/en/blog/vulnerability/july-2024-security-releases","content":"Node.jsのセキュリティアップデートとして\n\n- Node v22.4.1 (Current)\n- Node v20.15.1 (LTS)\n- Node v18.20.4 (LTS)\n\nがリリースされている。","tags":["nodejs","security","ReleaseNote"],"relatedLinks":[]},{"date":"2024-07-11T00:05:17.605Z","title":"pnpm 9.5 Introduces Catalogs: Shareable Dependency Version Specifiers - Socket","url":"https://socket.dev/blog/pnpm-9-5-introduces-catalogs-shareable-dependency-version-specifiers","content":"pnpm 9.5で導入されたカタログ機能について。\nmonorepoで同じパッケージのバージョンを参照させるパッケージのカタログを定義できる","tags":["pnpm","article"],"relatedLinks":[]},{"date":"2024-07-11T00:32:06.023Z","title":"ESModules プラットフォームとエコシステムの狭間で | poteboy","url":"https://poteboy.dev/posts/20240708-esm-platform-and-ecosystem","content":"モジュールの評価グラフとBundlerでのTop-Level awaitの扱いについて","tags":["ECMAScript","module","article"],"relatedLinks":[]},{"date":"2024-07-11T00:43:03.347Z","title":"How to use container queries now  |  Blog  |  web.dev","url":"https://web.dev/blog/how-to-use-container-queries-now?hl=en","content":"CSSのcontainer queryについて","tags":["CSS","article"],"relatedLinks":[]},{"date":"2024-07-11T00:44:11.420Z","title":"OpenAPI TypeScript","url":"https://openapi-ts.dev/","content":"OpenAPIのスキーマからTypeScriptの型定義やFetchするクライアントを扱えるツール/ライブラリ","tags":["TypeScript","OpenAPI","Tools","library"],"relatedLinks":[]},{"date":"2024-07-11T00:45:17.796Z","title":"Understanding React Compiler | Tony Alicea","url":"https://tonyalicea.dev/blog/understanding-react-compiler/","content":"React Compilerについて","tags":["React","article"],"relatedLinks":[]},{"date":"2024-07-13T05:53:37.825Z","title":"Deno 1.45: Workspace and Monorepo Support","url":"https://deno.com/blog/v1.45","content":"Deno v1.45リリース。\nnpm workspacesのサポート、Node.jsのコアパッケージとの互換性の向上、`--frozen`フラグの追加。\n`DENO_FUTURE=1`で`deno install <pkg>`ローカルにインストールするように変更、mpm life-cycle scriptのサポート。\n`deno init --lib`でJSRに対応したプロジェクトのセットアップをサポート、`deno vendor`を非推奨化。","tags":["deno","ReleaseNote"],"relatedLinks":[]},{"date":"2024-07-13T12:51:25.421Z","title":"Mako - Extremely fast, Production-grade web bundler","url":"https://makojs.dev/","content":"Rustで書かれたbundler","tags":["webpack","bundler","Rust","Tools","JavaScript"],"relatedLinks":[{"title":"Mako - Mako is Now Open Source","url":"https://makojs.dev/blog/mako-open-sourced"}]},{"date":"2024-07-13T13:05:30.439Z","title":"Firefox 128.0, See All New Features, Updates and Fixes","url":"https://www.mozilla.org/en-US/firefox/128.0/releasenotes/","content":"Firefox 128リリース。\nCSSのRelative color構文をサポート、`content`でのalt textをサポート。\n`ArrayBuffer.prototype.resize()`のサポート、`CSS.registerProperty()`のサポート。\n実験フラグ付きでCookies Having Independent Partitioned State (CHIPS)をサポートなど","tags":["Firefox","ReleaseNote"],"relatedLinks":[{"title":"Firefox 128 for developers - Mozilla | MDN","url":"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/128"}]},{"date":"2024-07-13T13:18:16.441Z","title":"toss/es-toolkit: A modern JavaScript utility library that's 2-3 times faster and up to 97% smaller—a major upgrade to lodash.","url":"https://github.com/toss/es-toolkit?tab=readme-ov-file","content":"lodash的なutilityライブラリ","tags":["JavaScript","library"],"relatedLinks":[]},{"date":"2024-07-13T13:49:17.563Z","title":"Bun v1.1.19 | Bun Blog","url":"https://bun.sh/blog/bun-v1.1.19","content":"Bun v1.1.19リリース。\nWindowsでFTL JITが有効化、Raspberry Pi 4のサポート、`pacakge.json`のインデントを維持するように変更など","tags":["Bun","ReleaseNote"],"relatedLinks":[]},{"date":"2024-07-14T10:50:15.539Z","title":"Moving from express to fastify, pt 1","url":"https://blog.val.town/blog/fastify/","content":"expressからfastifyへの段階的な移行について。\n`@fastify/express`を使うことでルーティングごとに移行していった話","tags":["nodejs","article"],"relatedLinks":[]},{"date":"2024-07-17T12:38:15.154Z","title":"動かして学ぶ！Next.js/React開発入門 | 三好アキ |本 | 通販 | Amazon","url":"https://www.amazon.co.jp/dp/4798184675/","content":"2024年09月19日発売\nNext.jsについての書籍","tags":["React","Next.js","book"],"relatedLinks":[]},{"date":"2024-07-17T12:39:23.670Z","title":"mjackson/fetch-super-headers: A drop-in replacement for JavaScript `Headers` with type-safe access","url":"https://github.com/mjackson/fetch-super-headers","content":"Type Safeな`Headers`互換のライブラリ","tags":["TypeScript","library"],"relatedLinks":[]},{"date":"2024-07-17T12:45:23.660Z","title":"Private Browsing 2.0 | WebKit","url":"https://webkit.org/blog/15697/private-browsing-2-0/","content":"SafariのPrivate Browsingモードについて。\nSafari 17では、Lint Tracking Protection、CNAME-cloakingの対策、Fingerpritingの対策。\nまた、third-party IPアドレスを使ったcloakingの対策、Storageやblob URLsのparititionなども行われている。","tags":["safari","privacy","article"],"relatedLinks":[]},{"date":"2024-07-17T12:49:04.160Z","title":"CSS Grid Generator","url":"https://cssgridgenerator.io/","content":"CSS Gridジェネレータ","tags":["CSS","Tools"],"relatedLinks":[]},{"date":"2024-07-17T13:01:52.040Z","title":"Poku - Making Testing Easy","url":"https://poku.io/","content":"Node.js/Bun/Denoで動作するテストフレームワーク。\n外部依存を最小限にして下位互換性を意識して作られており、assertionやサーバプロセスとの連携などテストフレームワークとして必要な機能を揃えている。","tags":["JavaScript","nodejs","Bun","deno","test","library"],"relatedLinks":[]},{"date":"2024-07-17T13:05:26.913Z","title":"Reading and writing Node.js streams","url":"https://blog.platformatic.dev/a-guide-to-reading-and-writing-nodejs-streams","content":"Node.js Streamについて。\nStreamの用途、Backpressure、基本的な読み込み、Async Iteratorを使った処理方法についてなど","tags":["nodejs","stream","article"],"relatedLinks":[]},{"date":"2024-07-17T13:16:33.819Z","title":"Misconceptions about view transitions  |  Blog  |  Chrome for Developers","url":"https://developer.chrome.com/blog/view-transitions-misconceptions?hl=en","content":"View Transition APIの現状の動作について。\nView Transition APIとスナップショットの動作、`blocking=render`との組み合わせについて","tags":["Chrome","article"],"relatedLinks":[]},{"date":"2024-07-17T13:24:15.539Z","title":"Release v2.0.0 · vitest-dev/vitest","url":"https://github.com/vitest-dev/vitest/releases/tag/v2.0.0","content":"vitest v2.0.0リリース。\n非推奨のオプションを削除、一部オプションのデフォルト値の変更。\nbrower modeの改善、`expect.poll `の追加、`test.for`の追加など","tags":["vite","test","ReleaseNote"],"relatedLinks":[{"title":"Migration Guide | Guide | Vitest","url":"https://vitest.dev/guide/migration.html#migrating-to-vitest-2-0"}]},{"date":"2024-07-18T00:24:44.490Z","title":"Node.js — Node v22.5.0 (Current)","url":"https://nodejs.org/en/blog/release/v22.5.0","content":"Node.js v22.5.0リリース。\n`node:sqlite`モジュールの追加、`--experimental-require-module`で`__esModule`プロパティを考慮するように、`matchesGlob`メソッドの追加。\n`worker_threads`に`postMessageToThread`メソッドを追加など","tags":["nodejs","ReleaseNote"],"relatedLinks":[]},{"date":"2024-07-18T00:28:52.489Z","title":"Second Beta of jQuery 4.0.0 | Official jQuery Blog","url":"https://blog.jquery.com/2024/07/17/second-beta-of-jquery-4-0-0/","content":"jQuery 4.0.0 beta 2リリース。\nESM Wrapperを使ったdual packagesのサポート、`hidden`属性などのbooleanと値を扱う属性のハンドリングのために`.attr`でboolean値の特別な処理を削除など\n","tags":["jQuery","ReleaseNote"],"relatedLinks":[]},{"date":"2024-07-20T06:58:32.315Z","title":"Node.js — Node v22.5.1 (Current)","url":"https://nodejs.org/en/blog/release/v22.5.1","content":"Node.js v22.5.1リリース。\nNode.js v22.5.0に含まれていた`npm ci`などがクラッシュするリグレッショ