Chrome Developer Tools を使いこなす!必読エントリー5つ

Chrome Developer Tools を使いこなす!必読エントリー5つ

Chrome Developer Tools を使いこなす!必読エントリー5つ

こんにちはLatinです。もうすぐ世界が終わるらしいのでバシャログ。も今回が最後のエントリーになりそうです・・・。 あ、万が一終わらなかったらもちろんブログは継続していきます。(汗)

今回はChrome Developer Tools のエントリーのまとめです。

私自身はこれまで Firefox の Firebug を使っていましたが、やはりあの重たいブラウザ動作がイヤになり、 自然と Chrome を立ち上げる機会が増えていきました。
Firebug も Chrome Developer Tools も基本的に出来る事は同じなのですが、UI が変わっただけで結構最初は使い辛い印象をもったりしますよね。

そんな使い初めの時に参考にさせていただいたエントリーを紹介とともに、まとめさせていただきました。皆様、ありがとうございますです。

~入門編~

動画レッスン Chrome Developer Toolsの基礎 (全12回)

ドットインストール さん

動画でのオンラインレッスンが話題のドットインストールさんのレッスン動画。
ありがたいことにChrome Developer Toolsのレッスンもあります。

作業効率が10倍アップする Chrome Developer Tools の使い方

テックノート@ama-ch さん

スライドショーで概要と使い方を知る事ができます。
元々は社内勉強会用の資料らしいので、他人に説明する際にも参考になりそうです。

Google Chrome Developer Tools入門

Google Chrome Developer Tools入門 in DevFestX Sapporo さん

基本的なパネルの説明やショートカットキーの一覧など。

~応用編~

あなたが知らないかもしれない『Chrome Developer Tools』の裏ワザまとめ

IDEA * IDEA さん

各パネルの裏ワザ、Tipsのまとめ

~番外編~

Chrome Developer Toolsのテーマを開発者好みに切り替える裏ワザ

Chrome Life さん

デフォルトが見辛いという方はテーマを変える事もできるそうです。

  • このエントリーをはてなブックマークに追加

この記事を読んだ人にオススメ