このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
-
#01 Chrome Developer Toolsとは？ (02:44) 無料公開中
- 概要
- 公式サイト
- 必要となる知識
- 必要となるツール
- 起動と終了の仕方
-
#02 Elementsパネルを使ってみよう (02:50) 無料公開中
- パネルの見方
- オブジェクトの操作
-
#03 Stylesを操作してみよう (02:48) 無料公開中
- スタイルの確認
- スタイルの変更
-
#04 Networkパネルを使ってみよう (02:58)
- Networkパネルの見方
- Cache/Cookieのクリア方法
-
#05 Sourcesパネルを使ってみよう (02:42)
- CSSの編集
- 編集履歴の確認
-
#06 JavaScriptのデバッグをしてみよう (02:02)
- エラーメッセージ
- JavaScriptの修正
-
#07 ブレークポイントを使おう (02:48)
- ブレークポイントの設定
- 挙動の確認
- 不具合の修正
- 動作確認
-
#08 他のパネルを見てみよう (02:13)
- Timeline
- Profile
- Resources
- Audits
-
#09 Consoleを使ってみよう (02:27)
- Consoleの使い方
- $0 ... $4
- $('h1')
- $$('p')
- copy()
-
#10 Emulationを使ってみよう (02:07)
- 横断検索
- エミュレーション
- その他設定項目
