はじめに
開発環境が整っていることが多く、あまり意識していなかったので調べてみました。タイトルの通り「javascript」を実行する2つの方法をご紹介したいと思います。
この記事を見ながら実行すれば簡単に「javascript」が実行できるように出来るだけ細かく画像を載せて説明してあります。
想定レベル
プログラム初心者
コマンドプロンプトで実行
ファイルの作成
ファイルの作成を行います。今回はコマンドプロンプト上に「Hello, world!」と表示する処理を記述します。
まずは、テキストエディタを開き「WScript.Echo(“Hello, world!”);」と記述します。
![](https://i0.wp.com/neko-py.com/wp-content/uploads/2019/09/image2.png?resize=877%2C510&ssl=1)
そして「hello.js」というファイル名で保存します。
![](https://i0.wp.com/neko-py.com/wp-content/uploads/2019/09/image8.png?resize=1024%2C564&ssl=1)
これでファイルの作成は完了です。
コマンドプロンプトの起動
デスクトップの左下の検索窓に「cmd」と入力します。
そうすると赤枠で囲ったところにコマンドプロンプトが表示されるのでクリックします。
![](https://i0.wp.com/neko-py.com/wp-content/uploads/2019/09/image9.png?resize=337%2C607&ssl=1)
コマンドプロンプトが立ち上がりました。
![](https://i0.wp.com/neko-py.com/wp-content/uploads/2019/09/image3.png?resize=1024%2C564&ssl=1)
実行したいファイルのフォルダまで移動
次に作成したファイルが置いてあるフォルダに移動します。
下の画像では「C:\Users\hamag\Desktop\sample」に作成したファイルが置かれています。
フォルダのパスを全選択してコピー(「Ctr」+「C」)します。
![](https://i0.wp.com/neko-py.com/wp-content/uploads/2019/09/image7.png?resize=1024%2C572&ssl=1)
そうしたら先ほどのコマンドプロンプトに戻って「cd 」(スペースを入れる)の後にコピーしたパスを貼り付けます。左クリックで貼り付けできます。
$cd C:\Users\hamag\Desktop\sample
![](https://i0.wp.com/neko-py.com/wp-content/uploads/2019/09/image4.png?resize=1024%2C562&ssl=1)
ファイルの確認
移動した先に実行したファイルがあるか確認してみます。
「dir」と入力します。そうするとフォルダの配下にあるファイルが表示されます。「hello.js」が表示されているのでOKです。
$dir
![](https://i0.wp.com/neko-py.com/wp-content/uploads/2019/09/image5.png?resize=1024%2C560&ssl=1)
javascriptの実行
実行するには「cscript 【実行したいファイル】」この場合は、「cscript hello.js」と入力します。
入力すると、「Hello, world!」と表示されました。
$cscript hello.js
![](https://i0.wp.com/neko-py.com/wp-content/uploads/2019/09/image6.png?resize=1024%2C565&ssl=1)
ブラウザで実行
開発者ツールを起動する
コマンドプロンプトよりこちらのほうが手順が少ないので簡単です。
スポンサーリンク
まず、インターネットエクスプローラーを立ち上げ、「F12」を入力します。今回はGoogle Chromeですが基本どのインターネットエクスプローラーでも同じです。
![](https://i0.wp.com/neko-py.com/wp-content/uploads/2019/09/image10.png?resize=777%2C752&ssl=1)
「Console」のタブを選択し、「javascript:alert(“Hello”);」と入力しエンターキーを押します。
この処理は、ダイアログにメッセージを表示する処理です
javascript:alert("Hello");
![](https://i0.wp.com/neko-py.com/wp-content/uploads/2019/09/image11.png?resize=815%2C785&ssl=1)
メッセージが表示されました。「Hello」と表示されていますね。
![](https://i0.wp.com/neko-py.com/wp-content/uploads/2019/09/image12-1.png?resize=518%2C147&ssl=1)