chevron_left 実践で学ぶ、Google Chrome DevTools基礎

実践で学ぶ、Google Chrome DevTools基礎

PREMIUM

会員登録して、全てのスライドを見よう

1 / 35

授業の概要

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

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

などなど!

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

こんな人にオススメ

効率的に開発が出来ずに悩んでいる方