【JavaScript】Atom を使って計算結果をリアルタイムに確認する

そろそろ,ツールを導入してプログラムの結果を素早く確認できるようにしましょう。

Atom のインストール

Atom はプログラムなどを書くためのテキストエディターと呼ばれるアプリで,無料で使えます。Download をクリックすれば自動的にインストールが始まり Atom が起動します。

インストールした Atom に機能を追加することで入力したプログラムの計算結果を画面の右側ですぐに確認できるようになります。

Atom の日本語化

インストールしたら,メニューなどを日本語化しましょう。画面左上のメニューから[File]→[Settings]を選択します。そのあと,画面左下のほうに[+Install]というボタンがあるのでクリックします。すると検索用の入力欄[Search Packages]が出てくるので,そこに「Japanese-menu」と入力します。入力欄の下にJapanese-menu のインストールボタンが出てくるのでクリックしましょう。これでメニューが日本語になりました。

atom-html-preview のインストール

上と同じ方法で今度は[html preview]を検索すると atom-html-preview が表示されるので,それをインストールします。あとは,[shift]+[ctrl]+[h] を押せば画面右側にプログラムの結果が表示されるようになります。プログラムを書き換えると,結果の画面も自動的に変わり,自分の入力したプログラムの動きをリアルタイムで確認できるようになります。