自己紹介
ジーズアカデミー講師 山崎と申します。
EdgeもコアはChromiumですから、デベロッパーツールは同じですからね。
今回、私のJavaScriptの授業（初級者向け）でのサポート動画をYoutube配信したものをまとめました。
一つ一つが奥が深く解説が長いので「ブックマーク」して見ることをおススメいたします
◆動画集一覧
HTML/CSS/JavaScripを使った制作には「Chromeデベロッパーツール」は必須スキルです！
デザインの調整、他サイトの構造見たり、エラーの確認、デバッグ等で良く使います。
※一部新しい機能は、今後追加していきます。
デベロッパーツールは奥が深いので、初学者には「#1,#2」だけをおススメします。
デベロッパーツールは奥が深い～
| タイトル | 対象 | 動画🔗 |
|---|---|---|
#1「 Elements/Console 」
|
Webデザイナー/ フロントエンド | https://youtu.be/PjZyPfXdJFA |
#2「 JavaScriptデバッガ― / Sources」
|
フロントエンド | https://youtu.be/TXi5g4J17ds |
#3「 ブラウザApplicaation機能 」
|
フロントエンド | https://youtu.be/DsHhKs9V03o |
#4「 Lighthouse 」
|
Webデザイナー/ フロントエンド | https://youtu.be/srayKfhg5Ho |
#5「 セキュリティ＆ネットワーク機能 」
|
Webデザイナー/ フロントエンド | https://youtu.be/Sn1oaEJwt0k |
#6「 CSSアニメーション検証機能 」
|
Webデザイナー | https://youtu.be/zICHhUf6-Nw |
| #7 新機能「 Recorder」を使って操作記録を残せ！ |
||
 |
Webデザイナー/ フロントエンド | https://youtu.be/4iH16Qj0j80 |
初学者のために「Webデザイナー/ フロントエンド」と領域を記載してますが、両方覚えて損にはなりません。
※一部、実務で使用してない機能は紹介だけにしてます。
今後も講義動画増えたら、こちらを更新していきます。
ブックマークしていただければ幸いです。