Experts.jp日本に、もっとエキスパートを。(1)「斉藤祐也の海外WEBテク定点観測」では、二週に一度、月曜日にお届けする海外のWeb開発に関する最新ニュースを厳選。important現在のWeb開発をJavaScriptなしに行うのはかなり難しいだろう。Archibald氏は今だからこそ、プログレシッブ・エンハンスメントが重要であると以下の3つのポイントから主張している。古いブラウザにおけるテストの工数を減らすことができるテストそのものの工数も減らすことができるパフォーマンス視点で利点が多いエスカレーターは通電しなければ階段として利用できるように、ウェブ開発においてもJavaScriptなしに最低限の動作を保証することの利点は大きい。AppWebページは早くロードされるだけではなく、早く実行される必要がある。その氏がモバイルWebアプリでも「早く実行」できるように実践した諸々を余さず共有。translateZ(0)を使ってコンポジションレイヤーを作成するなどを元に実際に実装を行い、その上で得た教訓も共有している。slowモバイルWebアプリには、パフォーマンスという超えなければならない大きな壁がある。この(3000文字を超える)記事ではなぜモバイルWebアプリはネイティブアプリにパフォーマンスという点で勝負にならないのか、JavaScriptのパフォーマンスはこの数年間はパフォーマンスがよくなっていない理由など、ソフトウェア、ハードウェアなど広い視野で、細かい調査に基づくデータを使って解説。問題を直視し理解することが問題解決への大切な第一歩。Slow?』が特に秀逸なので、こちらもあわせて読んでおきたい。この記事は、その組み合わせを実際に使って、動作するデモを作っていくチュートリアル。新しい仕様は「まだ使えないから」と思ってしまいがちだが、使えない今だからこそ、開発者の醍醐味が多く残っているとも言える。実際に記事ではスニペットも多く記載されているので、30分もあれば、すっかり動作するデモを作成し終えられると思うので、ぜひチャレンジしてほしい。KSS-node巨大化、複雑化していくウェブサイト/アプリで密かにJavaScriptよりも手が付けられない状態に陥りやすいのがCSS。救世主として現れたプリプロセッサの存在より、私自身は重要視しているスタイルガイドというドキュメントの存在。そのスタイルガイドの生成をCSSのコメントから自動で行なってくれるツールの1つであるKSS-nodeの紹介。Neath氏が公開しているRuby製のKSSをNode.jsにポートしたバージョン。Componentsを利用できるようにするためのツールであるPolymer。そのPolymerの開発者たち自らがQ&Aセッションを行ったイベントのサマリーがこの記事。イベントそのものも動画で見ることができるが、サマリーのみ読むだけでもPolymerの基礎について知ることができる。timesページロード速度の最適化が当たり前になりつつある昨今は、「何を基準にしてKPI化するか」という問題について、様々な回答が試みられている。この記事ではシングルページアプリケーションと呼ばれるような種類のアプローチを行った場合の計測ポイントについて紹介している。HarmfulPromises/A+という名前を見かける機会はこの一年で増えてきているが、その仕様についての解説を行うとともに、一見非常にシンプルで便利に思えるPromises/A+には危険も多く潜んでいると警鐘を鳴らしている。パフォーマンスへの影響、例外処理のハンドリングなどの落とし穴を紹介し、どのようなケースで利用するべきか、あるいはするべきでないかについても紹介している。Reactやや驚きで迎えられたFacebookが公開したUIビルドライブラリReactを使ってBackbone.jsのViewをリプレースした経験を紹介している記事。結果として満足のいくものが得られたようなので、試してみる価値は十分にありそうだ。AnalysisChrome開発ツールでも、WebPageTestのようなオンラインツールでも必ず見かけるリソースのネットワーク状況を示すウォーターフォールチャート。このチャートの読み取り方を知るだけでも多くのパフォーマンスに関する問題を解決できるのでぜひ覚えておきたい。DevToolsJavaScriptにおけるメモリー管理についてのスライド。Chromeの開発ツールを使ってメモリリークをどう見つけ出すかについて詳しく解説している。そもそもメモリとは、ガベージコレクションとは、そしてメモリリークとはなにかという基礎的な部分から丁寧に、わかりやすく解説してくれている。polyfillクライアントサイドのJavaScriptにおける大きな課題となっている、モジュール化。AMDやCommonJSのスタイルに基づいた解決はこれまでに幾つか提案され、プロダクションでも使われているが、このツールは、ECMAScript6の仕様として検討が進んでいるモジュール化を先取りして使えるようにする。プロダクションで使えるレベルではないが、今後に期待を込めて紹介。stackInternは次世代JavaScriptテスト・スタックの名に恥じない豊富な機能を備えたツール。Seleniumとの連携もお手のもの。TravisCIとの連動すらついてくるフルスタックのテストツール。Spectacularこちらも新進気鋭のJavaScriptのユニット・テストツール。Jasmineと似ている印象ながら、ユニット・テストと相性がよいCoffeeScriptでのテストを書くことを意識している(もちろんJavaScriptでも記述は可能)ツール。海外で話題の“ツール”atMedia.infoレスポンシブウェブのすべてではないが、重要なツールの一つであるメディアクエリはなかなかどうして記述が面倒。そんな面倒を回避するために作られたのがこのオンラインツール。実際のデバイスで開くだけで最適なメディアクエリを生成してくれる。RequireBinデモを作成して共有する、これほどシンプルでわかりやすい情報共有の方法はないが、RequireBinではbrowserifyというnpmをクライアントサイドで利用できるようにするツールを使い、JavaScriptに特化したデモ作成ツールとなっている。JavascriptOO.com非常に多くの、としか言えないくらい本当に多くのJavaScriptのツールの実行デモを見ることができるサイト。ユーザがデモを投稿されるため、新しく出たばかりのツールであってもデモを見ることができるケースが多い。★次回の「斉藤祐也の海外WEBテク定点観測」は、8月5日にお届け予定です。