WEB+DB PRESS Vol.89 特集「詳解 Chrome Developer Tools」

Published at 2015-10-19

WEB+DB PRESS Vol.89が10月24日に発売されます！Vol.89は連載「Webフロントエンド最前線」をお休みして特集1の 「[詳細] Chrome Developer Tools」を@ahomuさんと担当させていただきました。

特集1は「詳解Chrome Developer Tools」。著者は@ahomuさん、@1000chさんという、連載「Webフロントエンド最前線」のお二人です。連載のほうはお休みですが、そのぶん「まさに詳解！」という網羅的な特集となっておりますので、お楽しみに！ #wdpress

— WEB+DB PRESS編集部 (@wdpress) 2015, 10月 26

特集1の目次

書き終えてみたらトータル36ページという着地で、かなり読み応えのある内容になっています。

ElementパネルとConsoleパネルを使ったWebページのデバッグにはじまり、ネットワーク処理・レンダリング処理・スクリプト処理それぞれに フォーカスしたパフォーマンスの調査と改善、そしてDevToolsの更なる便利機能と、5章構成になっています。

第1章 「Chrome Developer Tools 入門」

基本的な使い方を身に付ける

第2章 「ネットワーク処理の調査と改善」

データの転送を最適化し、Webページの初期表示を高速化する

第3章 「レンダリング処理の調査と改善」

ブラウザ内のイベントを可視化し、描画のボトルネックを取り除く

第4章 「JavaScript処理の調査と改善」

実行状態をプロファイリングし、コードを最適化する

第5章 「そのほかの便利機能」

開発環境のエミュレーション、モバイルデバイス連携、拡張機能

Web開発を加速させるために備えておくべき知識として

ブラウザの開発者ツールの登場によってWeb開発は比較にならない程効率化されました。今回はその中でもGoogle ChromeのDevToolsにフォーカスしていますが、その進化は留まることを知らず、機能も使い切れないほど豊富なので、この特集を読んでもらってDevToolsを使いこなすきっかけにしてもらえると嬉しいです。

佐藤 歩 (著), 泉水 翔吾 (著), 村田 賢太 (著), 門田 芳典 (著), 多賀 千夏 (著), 奥 一穂 (著), 伊藤 直也 (著), 鍛治 匠一 (著), 中山 裕司 (著), 高山 温 (著), 佐藤 太一 (著), 西尾 泰和 (著), 中島 聡 (著), はまちや2 (著), 竹原 (著), 青木 大祐 (著), WEB+DB PRESS編集部 (編集)