実践で学ぶ、Google Chrome DevTools基礎

Google ChromeのDevToolsについて基礎を解説します。
DevToolsが扱えるようになれば、エンジニアはブラウザ上で効率的な開発が行えるようになるほか、エンジニア以外でもサイトのクオリティチェックを行う上で効率化を計ることが出来ます。

例えば…
・ブラウザ上でHTML, CSS, JSを操作できる
・ロード時間にどれくらいかかっているかがわかる
・Webサイトの改善ポイントがわかる

などなど！

本授業では以下の項目を扱う予定です。
・Devtoolsとは
・Elements
・Console
・Network
・Resources
・Sources
・Timeline
・Pagespeed