JavaScript(JS)とはなにか。TouchTOPブログ一覧エンジニアリングJavaScript(JS)とはなにか。特徴や実現できること、Javaとの違い2021年4月5日JavaScript(JS)とはなにか。S.Nakamura・SEOコンサルタントエンジニアリング「JavaScriptってよく聞くけれど、なんのことなのか分からない」「結局、何ができるんだろう」とお困りではないでしょうか。この記事では、JavaScriptの概要や、JavaScriptを使って実現できる機能など、JavaScriptの基本についてまとめます。JSと訳され、Webページに動きを与えたり、仕掛けを与えたりすることができるプログラミング言語です。JavaScriptはユーザー側のWebブラウザと、Webサイトまたはウェブサービスの相互間のやりとりを、円滑にするために使われています。実質的に、私たちがブラウジングで体験できることのすべては、ブラウザの中で使われているJavaScriptの処理によるものといえます。JavaScriptの最大の強みは、Webサイトとサーバーとで情報の送受信をするためのタイムラグが発生しないということです。これは、通常サーバー側で処理する一連の処理・動作を、JavaScriptはユーザーが使うデバイス上ですぐにタスク処理できることに起因しています。補足:スクリプトとはスクリプトとは、コンパイルしないで即時に実行できるプログラムのことです。このようなプログラムを記述するために使われるのがスクリプト言語といいます。したがって、JavaScriptはスクリプト言語の一種といえます。通常、プログラミング言語は人間が理解しやすいように作られているため、コンピュータはプログラミング言語で作られたプログラムを理解することができません。そのため、プログラミング言語で作られたプログラムは、コンパイルという操作をします。コンパイルとは、プログラミング言語をコンピュータが理解できる形へ変換することを言います。Webブラウザの中には、「JavaScriptエンジン」と呼ばれるプログラムが埋め込まれています。ソースコード(スクリプト)解析し、その場で実行しています。JavaScriptで実現できることJavaScriptを使うと、例えば下記のような動きや仕掛けが実現できます。できることの1つとして、ページを読み進めるうちにグローバルメニューを表示させ続けることが挙げられます。トップページ上で画面を下にスクロールし続けてもメニューバーが画面上部に表示させ続けることができたりします。画像の拡大(ポップアップ表示)JSでは、画像のアルバムやリストをクリックないしポインターを合わせるだけで、画像を拡大表示させたりすることもできます。Googleマップの直観的操作JSでは、Googleマップでマウスを動かすことで、直感的に地図を操作することができます。画像スライダー(カルーセル)の作成JSでは、トップページに配置するメイン画像を次々に切り替え、限られた画面スペースで、魅力のある多くの情報を伝えることができます。送信前に記入チェックを行うことができます。補足:JavaScriptとJavaの違いJavaとJavaScriptは名前は似ていますが、全く別のプログラミング言語です。JavaScriptは、ユーザビリティの観点から、Webページに動きを付けたり、Webサービスの開発を行うために使用されます。クライアントサイド(クライアント端末で動作するプログラムの作成)で動作します。Javaは環境に依存せずどんな環境でも動作する言語であるといえます。Java仮想マシン上で動かす事によって、WindowsやMac、Linuxなどデバイスを問わず動かすことができるのです。サーバーサイドで使用されることが多く、業務システムやアプリ開発などの開発で使用されます。まとめると、Javaは、一度プログラムを書けば、どこでも実行できる汎用性の高いプログラミング言語であるのに対して、JavaScriptはWebページに動きをつけるために使用されるプログラミング言語であると言えます。まとめこの記事では、JavaScriptの概要や、JavaScriptを使って実現できる機能など、JavaScriptの基本について簡単にまとめました。参考になれば幸いです。関連タグプログラミング言語S.NakamuraSEOコンサルタント。インターン生から新卒社員となり、大手スポーツメーカや電機メーカーのサイト改善を実施。「クライエントとの誠実なコミュニケーション」をモットーにコンサルティングを行う。