FizzBuzz問題プログラムJavaScriptとは主にWeb制作・Webデザイン・Webアプリ開発で使われています。ブラウザに実行環境が実装されているので、動的なWebサイトやリッチなWebアプリで高度なUIの開発に使われています。サーバー側で動作する仕組み(Node.jsなど)にも用いられ、より軽量で高速なWebサービス開発にも使われています。Web環境以外にもマイクロソフト製品、アドビ製品やApple製品の機能拡張するために用いられたりもしています。普及率が非常に高く、Web関係の開発ではほぼ必須で登場します。GitHub製のAtom(アトム)というテキストエディタはJavaScriptとNode.jsの組み合わせで作れらています。JavaScriptを習得すれば様々な環境で役に立つでしょう。JavaScriptの動作環境ここではWebブラウザで動作するJavaScriptについて説明します。JavaScriptはWebブラウザに実行環境が実装されているので、特別な環境を作成することなく動作確認が行えます。プログラミングするための専用ツールはなく、エディターを使ってプログラミングします。プログラムはhtmlファイルやjsファイルに記述しても動作確認できますが、動作確認サイトを使えば、サイト内に直接プログラムを記述して動作確認できます。これらのサイトはサインアップしなくても利用できるので、ちょっとした動作確認をするときにはとても便利です。JavaScriptが使用できます。それ以外はMarkdownやSCSSなどのメタ言語やCoffeeScriptなどのスクリプトが使えます。英語サイトですが、画面は見やすく使いやすいです。・codinggroundほぼ全ての主要言語が使用できます。英語サイトですが、こちらも画面が大きく見やすいです。スマホなどのデバイスごとの表示を切り替えることができます。JavaScriptが使用できます。・ideoneほぼ全ての主要言語が使用できます。codinggroundのようなターミナルは表示されません。記述方法と特徴プログラムの記述はHTML内に宣言して実行できるようにします。これはJavaScriptが主にWebページ(HTML)に、より高度な動作や振る舞いを持たせるために用いられているからです。プログラムを実行するには、HTML内で<script>タグでコードを括ります。そのページが読み込まれる際にJavaScriptで記述したプログラムが実行されます。World」を表示する例です。</script></body></html>JavaScriptの記述を別ファイルに保存して実行することもできます。以下はindex.htmlとsample.jsファイルに分けた場合です。World';サンプルでは<script>タグを</body>の直前に配置しました。JavaScriptの処理内容がHTMLに影響する場合(JavaScriptを使ってページ表示内容を変更など)は、ブラウザがHTMLを読み込む最後にJavaScriptを実行するのがしばしば最適な方法だと言われています。それは、HTMLを読み込む前にJavaScriptを読み込むと処理によっては機能しない可能性があるためです。サンプルの処理はどこに置いても実行されますが、これは参考に知っておくといいでしょう。複雑な処理を書くようになってうまく動作しないときは、scriptの配置を変えてみても良いかもしれません。JavaScriptのプログラム文は変数の宣言方法以外に他のプログラムのものとは大きな違いは特にありません。・変数を宣言する時は変数名の前に「var」「let」「const」を記述します。num3;・関数、制御文は{}で囲みます。{}で囲まれた部分はブロックと呼ばれます。処理}・コマンド文は;で終わります。10;console.log(num);JavaScriptプログラム動作確認サイトを使っている場合はそこに直接プログラムを書いて動作確認をします。Webブラウザでファイルを読み込んで動作させる場合は、HTMLファイルもしくはJSファイルをエディタで作成してブラウザで表示します。先程も少し記述していますが、JavaScriptで変数を使う場合は以下の宣言をします。num;変数に型はありますが、変数に厳密な型宣言はなく全て「var」で宣言された変数を使って処理を行います。変数に代入する値によって型がきまります。World";JavaScriptはダブルクォーテーション、シングルクォーテーションのどちらでも文字列を表現できます。この2つの表現方法に特に違いはありません。World';そして、JavaScriptでは数値も文字列も混在して処理が可能です。countries」と表示されます。ブラウザのコンソール画面はブラウザによって表示方法が異なります。以下はChromeのコンソール表示です。ブラウザ画面に以下のように表示します。このようにJavaScriptは文字列と数値を混在して扱うことができます。便利な反面、思った動作にならないようなコーディングをしてしまう場合があるので気をつけましょう。変数には以下の型が利用できます。変数に格納されている値を計算したり、期待通りの値かどうかを評価したり、または文字列を連結したり、関数の結果を評価するときに使われます。し算”+”、引き算”-“、掛け算”*”、割り算”/”を行うときの演算子です。