1.ウェブコンソールの表示の仕方

以下はFirefoxでの表示の仕方です。

ウェブコンソールを開く - 開発ツール | MDN

「Chrome」や「Edge」で表示する方法はそれぞれ，検索エンジンで調べてみてください。

補足：Chromeでの表示方法

• 画面右上のメニューアイコンをクリックし、表示されたメニューの中から「その他のツール」をクリックし、さらに「デベロッパーツール」をクリック
• ショートカットキー「Ctrl + Shift + I 」を入力する
• 「F12」キーを押す
• ページ上の任意の場所で「右クリック」、さらに「検証」を選択すると、右クリックした際にマウスカーソルがあった箇所のHTMLタグにフォーカスした状態で起動

補足：Edgeでの表示方法

• 画面右上の設定アイコンをクリックし、表示されたメニューの中から「その他のツール」をクリックし、さらに「開発者ツール」をクリック
• ショートカットキー「Ctrl + Shift + I 」を入力する
• 「F12」キーを押す
• ページ上の任意の場所で「右クリック」、次に「開発者ツールで調査する」を選択する

2.1. ウェブコンソールを使ってみよう

以下のプログラムの説明を通じて，Scriptsの使い方についても説明していきたいと思います。

まずは，以下のファイルを右クリックでダウンロードしてください。このファイルをBuilderで読み込めば，実験プログラムを確認することが出来ます。