ほか2017/09/02WPJ編集部FREE28FacebookTwitterHatenaPocket今週公開した記事の中から、この週末に読んでおきたい注目記事をまとめて紹介。今週は、JavaScriptでメディアクエリを利用するテクニック、Cycle.jsがReactより優れている理由、Google検索の最新リッチ機能など、話題の記事を中心に8本をセレクト。JavaScriptで実装している機能をメディアクエリと連携させるためのちょっとしたテクニックを紹介します。【アプリ開発ヒント】Cycle.jsがReactよりも優れていると私が思うこれだけの理由いま、もっとも人気のあるReactですが、私は検討の結果Cycle.jsを選びました。Cycle.jsの概要や使い方、魅力をお伝えします。【ちょっとブレイク】モバイルファーストで進化し続けるGoogle検索の最新リッチ機能まとめいまなおアップデートを繰り返し、進化を続けるGoogle検索。最近のアップデートで変わった検索結果の表示について紹介します。【知っトクと重宝】10分でできる!写真のクオリティをプロっぽく引き上げるPhotoshopの手法4選Webサイトのメインビジュアルといえば、かっこいい写真が欠かせませんよね。Photoshopで少し作業するだけで写真をもっと魅力的にする方法を紹介します。Compomentsを使うと、既存のコンポーネントを使い回ししたり、簡単にカスタマイズしたりできます。Polymerを使って、GoogmeMapのコーポネントを作ってみましょう。【しっかり勉強】本格的なタイムラインアニメが作れる最強ライブラリーTimelineMaxの使い方JavaScriptでFlashライクなWebアニメーションを作れる「GreenSock」。タイムラインを使った本格的なアニメーションの作り方、思い通りに動かすコツを解説します。【基本を復習】CSS初学者の最初の壁「スタイルの継承」をしっかり理解するCSSの初学者が最初につまづくのが「継承」ではないでしょうか。無駄なコードや無効なコードを書かないように、CSSの継承をしっかり理解しましょう。【エンジニア必読】PHPでWebアプリ開発!人気テンプレートエンジン「Twig」を使ってみようPHPを使った本格的なWebアプリ開発に欠かせないのが、テンプレートエンジン。セキュリティ対策やデバッグがしやすく、人気のあるテンプレートエンジン「Twig」を紹介します。