🎃

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

2022/02/24に公開約1,800字

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

自己紹介

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


◆「Chromeデベロッパーツール・全て学べる」トレーニング編

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です。


https://www.youtube.com/channel/UCmMFmjhf1BXB1tlLcbkVRrg

Discussion

ログインするとコメントできます