🎃

Chromeデベロッパーツールを全機能解説!!【動画集】

2022/02/24に公開

Chromeデベロッパーツール【全機能を解説】

ジーズアカデミー講師山崎と申します。MicrosoftMVPがChromeを解説するという動画です（笑）
※EdgeもコアはChromiumですから、デベロッパーツールは同じですからね。
今回、私のJavaScriptの授業（初級者向け）でのサポート動画をYoutube配信したものをまとめました。

HTML/CSS/JavaScripを使った制作には「Chromeデベロッパーツール」は必須スキルです！
デザインの調整、他サイトの構造見たり、エラーの確認、デバッグ等で良く使います。

◆対象
　Front ＝フロントエンドエンジニア向け
　Web ＝ Webデザイナー向け

タイトル	動画🔗
#1「 Elements/Console 」（ Web / Front ）	https://youtu.be/PjZyPfXdJFA
#2「デバッガ― 」（ Front ）	https://youtu.be/TXi5g4J17ds
#3「ブラウザApplicaation機能」（ Front ）	https://youtu.be/DsHhKs9V03o
#4「 Lighthouse 」（ Web / Front ）	https://youtu.be/srayKfhg5Ho
#5「セキュリティ＆ネットワーク機能」（ Web / Front ）	https://youtu.be/Sn1oaEJwt0k
#6「 CSSアニメーション検証機能」（ Web ）	https://youtu.be/zICHhUf6-Nw
#7 新機能「 Recorder」を使って操作記録を残せ! （ Web ）	https://youtu.be/4iH16Qj0j80

※この段階で100％理解はいりません。50％くらいの理解で「そんな機能あるのか」でOKです。
　必要になれば自然と使いだします。その時に覚えていけばOKです。