<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5f6e7806-7a2c-47fb-867b-54742c37b10e/透明画像10001000.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5f6e7806-7a2c-47fb-867b-54742c37b10e/透明画像10001000.png" width="40px" /> ファストス

</aside>

Index



エディターとブラウザについて

(1)HTMLCSS課題で使用していたエディター

例:VSCode / WebStorm / Atom など

(2)Google Chromeにて『デベロッパーツール』を使用します。

Chromeでの『デベロッパーツール』の開き方 ・ WindowsOS ⇒ 『F12』 ・ MacOS ⇒ 『option』+『command』+『i』を同時に押し

Chrome DevTools の使い方

デベロッパーツールを開いたら『Console(コンソール)』と書いてあるタブメニューをクリックして下さい。

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/3f0aa737-fdb7-4b52-9944-5d38f04e8e74/2021-06-15.png

上記ConsoleにてJavascriptが動作しているかを確認していきます。

余談ですが、Elementsタブを選択すると表示画面のhtmlとcssを確認することが出来ます。

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/45799f95-cca0-4c49-8551-688cd2e0aaeb/2021-06-15_(2).png