今週のエピソード
Ember は Glimmer を Canary に搭載し、Semongo Akpem は非線形のストーリーを探求し、ウェブページは 2 MB 制限を破ります。Firefox 38 がリリースされ、Chrome は Android のデベロッパー チャンネルを取得し、プログラムによるコピーと貼り付けが Firefox に導入されます。
希望の光
Ember の新しいレンダリング エンジン、Glimmer が Canary 版になりました。React の Virtual DOM からインスピレーションを得た Glimmer は、DOM 全体ではなくバインディングの差分のみを変更することで改善を図っています。チームによると、これにより、dbmonster などのベンチマークでのパフォーマンスが劇的に向上します。Glimmer および Ember 2.0 への移行についての詳細は、このガイドをご参照ください。
http://emberjs.com/blog/2015/05/05/glimmer-merging.html
http://emberjs.com/blog/2015/05/10/run-up-to-two-oh.html
https://www.youtube.com/watch?v=o12-90Dm-Qs
スレッドに従う
集合知によるストーリーテリングについて見ていきましょう。Pixel Fable プロジェクトの作成者である Senongo Akpem が、最新のテクノロジーを利用して非線形型のストーリーを作成するプロセスについて説明します。彼は、『An Idea Lives On』などの追加の物語、Project Moon で取り上げられた並行的な物語、自身のサイトである Lost Nigeria で紹介されたマイクロ ストーリーなど、いくつかの例を体系化して実演しています。
https://www.youtube.com/watch?v=t7GGZwt5yVU
http://unahistoriaquedalavuelta.com/en/
http://lostnigeria.com/air-travel/
新たな発見
ウェブサイトに食事は必要か？Scott Jehl 氏は、平均的なウェブページの重さが 2 MB を超えており、その 62% が画像によるものであるとツイートしています。サイトのコストを示すプロジェクトのようなプロジェクトは、ユーザーにとって多額の利益をもたらす可能性があります。ピクチャや srcset などの新しい標準は、この問題の解決に役立ちますが、それらを活用するかどうかは開発者次第です。
https://twitter.com/scottjehl/status/595827049136267266
http://httparchive.org/interesting.php?a=All&l=Apr%2015%202015#bytesperpage
http://whatdoesmysitecost.com/test/150416_09_71875497c6009dd92716f8d9aa5f3af6
http://www.html5rocks.com/en/tutorials/responsive/picture-element/
https://www.chromestatus.com/metrics/feature/popularity#Picture
FIREFOX 38 リリース
Firefox 38 は今週、安定版でリリースされ、多くの改善が行われました。Mozilla Hacks ブログでよくご紹介したとおり、新しいリリースには、picture と img srcset の両方のサポート、Web Worker の Web ソケット、開いているすべてのタブにメッセージを投稿する BroadcastChannel、および一部の開発ツールの特典が含まれています。デベロッパー向けリリースノートは MDN で確認できます。
https://www.mozilla.org/en-US/firefox/38.0/releasenotes/
https://hacks.mozilla.org/2015/05/trainspotting-firefox-38/
http://www.smashingmagazine.com/2014/05/14/responsive-images-done-right-guide-picture-srcset/
https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API
https://developer.mozilla.org/en-US/Firefox/Releases/38
Android 上のデベロッパー
Android 版 Chrome に Dev チャンネルを追加しました。Chromium ブログで詳しく説明したとおり、新しい Dev チャンネルでは、デベロッパーは Chrome の初期バージョンを使用してサイトをテストしてバグを見つけ、最先端の機能を試すことができます。新しいチャンネルは少なくとも毎週更新され、Google Play ストアですでに提供されています。
https://twitter.com/addyosmani/status/593461414922170369
http://blog.chromium.org/2015/04/dev-channel-for-chrome-on-android.html
https://play.google.com/store/apps/details?id=com.chrome.dev
パスタをコピー
Firefox でプログラマティックなコピー&ペーストができるようになります。スレッドを実装してリリースする最近のインテントでは、Firefox ではユーザーのアクションに応じて execCommand メソッドによるコピーと貼り付けのサポートが追加される予定です。同様の動作は、Chrome 43、IE 10、Opera 29 ではすでにサポートされています。コピーと貼り付けについて詳しくは、HTML 5 Rocks に関する記事をご覧ください。
https://bugzilla.mozilla.org/show_bug.cgi?id=1012662
https://groups.google.com/forum/#!msg/mozilla.dev.platform/oWhmLMvGAD0/3eXWSRjJAZsJ
http://updates.html5rocks.com/2015/04/cut-and-copy-commands
Twitter の #LazyWebShow でご意見をお聞かせください
ウェブに関するその他のニュースについては、次のリソースをご覧ください。 JavaScript Weekly: http://javascriptweekly.com/
Open Web Platform Daily: http://webplatformdaily.org/
HTML5 ウィークリー: http://html5weekly.com/