Google Chrome でコンソールを表示する方法、およびコンソールで JavaScript のコードを実行する方法について解説します。
目次
コンソールを表示する
Google Chrome を起動します。
![](http://pam-inc.co.jp/wp-content/uploads/2024/06/p1-1.png)
Google Chrome でコンソールを表示するには画面右上のメニューアイコンをクリックし、表示されたメニューの中から「その他のツール」をクリックし、さらに「デベロッパーツール」をクリックしてください
![](http://pam-inc.co.jp/wp-content/uploads/2024/06/p1-2.png)
画面下部にデベロッパーツールが表示されます。(画面右側に表示される場合もあります)。
![](http://pam-inc.co.jp/wp-content/uploads/2024/06/p1-3.png)
※ デベロッパーツールはショートカットキーの Ctrl + Shift + I で表示することもできます。
「Console」メニューをクリックしてください。
![](http://pam-inc.co.jp/wp-content/uploads/2024/06/p1-4.png)
コンソールが表示されます。
![](http://pam-inc.co.jp/wp-content/uploads/2024/06/p1-5.png)
コンソールからJavaScriptのコードを実行する
コンソールでは簡単なコードを実行することができます。コードを入力したあと Enter キーを押すとすぐにコードが実行されます。
![](http://pam-inc.co.jp/wp-content/uploads/2024/06/p1-6.png)
![](http://pam-inc.co.jp/wp-content/uploads/2024/06/p1-7.png)
![](http://pam-inc.co.jp/wp-content/uploads/2024/06/p1-8.png)
![](http://pam-inc.co.jp/wp-content/uploads/2024/06/p1-9.png)
コンソールで複数行のコードを入力してから実行する
Google Chrome のコンソールでは Enter キーを押すとすぐにコードが実行されますが、コードを入力したあと Shift + Enter キーを押すとコードはすぐに実行されずに改行が行われます。複数行のコードを入力したあとでコードを実行したい場合に利用してください。
コードを入力したあと Shift + Enter キーを押すと改行が行わます。
![](http://pam-inc.co.jp/wp-content/uploads/2024/06/p1-10.png)
![](http://pam-inc.co.jp/wp-content/uploads/2024/06/p1-11.png)
同じ手順でコードを入力していきます。コードの入力が終わったら Enter キーを押してください。JavaScript のコードが実行されます。
![](http://pam-inc.co.jp/wp-content/uploads/2024/06/p1-12.png)
![](http://pam-inc.co.jp/wp-content/uploads/2024/06/p1-13.png)
Google Chrome でコンソールを表示する方法、およびコンソールで JavaScript のコードを実行する方法について解説しました。
チェックテスト
チェックテストを確認する
コンソールにJavaScriptという文字列を表示させるためのコードをdiscordで共有ください。