今週のエピソード
Chrome 42 ではプッシュ通知が導入され、Jacob Kaplan-Moss 氏がプログラマーに関する誤解を解き、プロトコルの相対 URL がアンチパターンに変わり、モバイル フレンドリーなバッジが Google にヒットし、First Aid Git による Git チップの採用、RAIL によるアプリの最適化が可能になりました。
Chrome 42 登場
今週 Chrome 42 が安定版になり、多くの新機能が追加されました。プッシュ通知によりタイムリーなアップデートをオプトインし、インストール バナーでページをホーム画面に保存するようユーザーに促すことができます。権限は API を使用できるかどうかを通知し、フェッチは XHR の代替として機能し、さらに ES6 クラスのサポートも含まれています。
https://twitter.com/ChromiumDev/status/590169593110335488
http://updates.html5rocks.com/2015/03/push-notifications-on-the-open-web
http://updates.html5rocks.com/2015/04/permissions-api-for-the-web
http://updates.html5rocks.com/2015/03/introduction-to-fetch
よくある誤解
今年の PyCon の基調講演の Jacob Kaplan-Moss は、開発者が 10 倍の能力は低いか、まったくひどい開発者であるという二分性を打ち破ります。こうした思い込みを取り除くことで、インポスター症候群などの問題への対処を改善し、有害な職場環境の改善に取り組むことができます。
https://www.youtube.com/watch?t=772&v=hIJdFxYlEKE
すべて TLS で送信する
プロトコル相対 URL はアンチパターンになりました。Paul Irish が今週ツイートした、URL からプロトコルを外す行為は、GitHub にヒットしたような Man-on-the-side 攻撃につながる可能性があるため、現在は推奨されていません。新しい推奨策として、アセットが SSL で利用可能な場合は、常に HTTPS 経由でリクエストします。
https://twitter.com/paul_irish/status/588502455530311680
https://www.paulirish.com/2010/the-protocol-relative-url/
http://www.netresec.com/?page=Blog&month=2015-03&post=China%27s-Man-on-the-Side-Attack-on-GitHub
R U モバイル フレンドリー？
サイトがモバイル フレンドリーかどうかを確認します。Google ウェブマスター ブログの最新の記事によると、Google 検索ではモバイル フレンドリーとみなされるサイトの横にラベルが追加される予定です。基準には、ユーザーがページを読む際にズームする必要がないこと、リンク間の間隔が十分にある、などがあります。モバイル フレンドリー テストでは、サイトが基準を満たしているかどうかを確認できます。ウェブの基礎で スキルアップしましょう
http://googlewebmastercentral.blogspot.com/2014/11/helping-users-find-mobile-friendly-pages.html
https://search.google.com/test/mobile-friendly
スピードアップ
Git の学習は大変な作業です。StackOverflow を見ると、Git に関連する 53, 000 件以上の質問が明らかになっていますが、今後支援していく予定です。First Aid Git は、Git に関するよくある質問を検索できるインデックスです。main ブランチに push した直後の変更を元に戻すにはどうすればよいでしょうか。答えなどを検索したり、pull リクエストを送信してインデックスに追加することもできます。
http://ricardofilipe.com/projects/firstaidgit/#/
軌道の最適化
60 fps は、スムーズなウェブ体験のための目標ですが、その高速性は見落とされがちです。この Udacity の無料コース（全 6 部）で、Paul Lewis と Cameron Pittman が、アプリのレスポンス、アニメーション、アイドル、読み込み（別名 RAIL）の 4 つの主な領域を最適化する方法を紹介します。ジャンク インベーダーを撃退し、DevTools のすべてを学びながら、ウェブアプリを高速化する秘訣を学びましょう。
https://www.udacity.com/course/browser-rendering-optimization--ud860
ScreenSavers With JavaScript（Yash Bhardwaj）
http://codepen.io/yashbhardwaj/full/hHgtE/
チュールの空間にスウィート カオス バイ ベイル
http://codepen.io/cathbailh/full/KpPjPg/
CSS Animation 101 - ヒーロー画像（Donovan Hutchinson）
http://codepen.io/donovanh/full/EjYeLa/
Linjer（Hakim El Hattab）
http://codepen.io/hakimel/full/zwxba/
Twitter の #LazyWebShow でご意見をお聞かせください
ウェブに関するその他のニュースについては、以下のリソースをご覧ください。 JavaScript Weekly: http://javascriptweekly.com/ Open Web Platform Daily: http://webplatformdaily.org/ HTML5 Weekly: http://html5weekly.com/
https://goo.gl/mQyv5L で Google Developers チャンネルに登録します。