LEARNING MENU
瀬長システムズ

JavaScriptの概要。JSとは?

JavaScriptの概要。JSとは?のヘッダー画像

この記事の要約 JavaScriptとは主にWebサイトなどの開発で、動きのあるページや高機能なサイト開発に欠かせないプログラミング言語です。JSとはJavaScriptを短く表したものです。

JavaScriptについて知りたいです。JSとは何ですか?
説明しよう

JavaScript(略してJS)はWebページに動きや機能を加えることができるプログラミング言語です。 ボタンを押したときのアニメーション、スクロールに応じて変化するデザイン、フォーム入力のチェックなど、 「ユーザーが触って動きがある」部分に使われることが多い言語です。

当サイトのトップページで表示されるグラデーションアニメーションも特別なライブラリやフレームワークを使わずにJavaScriptで実装しています。
このようにJavaScript単体でも工夫すれば多彩な表現が可能です。

JavaScriptはどんなプログラミング言語?

JavaScriptはもともと1995年にWebブラウザ上で動作するスクリプト言語として誕生しました。 当時は回線速度も遅く、画像や動画を多用するWebサイトは難しい時代でしたが、 JavaScriptは軽量なコードだけで画面に動きを与えることができたため、急速に普及しました。

しかし、ブラウザごとにJavaScriptの動作が少しずつ異なっていたため、 JavaScriptの仕様を統一するための標準規格として ECMAScript(エクマスクリプト)が制定されました。 現在では、各ブラウザはこの仕様に沿ったJavaScriptエンジンを搭載しており、 同じコードがどのブラウザでもほぼ同じように動作するようになっています。

JavaScriptがWebフロントエンド開発に広く使われ続けている理由は 「ブラウザに最初から実行環境が搭載されているため、特別な準備が不要」な点が大きいです。 メモ帳などのテキストエディタとブラウザがあれば、すぐに学習を始められます。

多機能や動きのあるWebサイトを作りたいならJavaScriptは必須なのですね!
ところでフロントエンドって何ですか?
フロントエンドとはユーザーが実際に目で見て触れるWebページの部分を指すよ。 HTMLで構造を作ってCSSで見た目を整え、JavaScriptで動きを加えることで 使いやすくインタラクティブな画面を作ることができます。

ECMAScriptについて

ECMAScriptはJavaScriptの仕様(ルール)を定めている標準規格です。 新しい記述方法や機能が追加されると、ブラウザもアップデートされて対応していきます。

学習するなら ES6(ES2015)以降がおすすめ

2015年に登場したES6(ES2015)では、変数宣言の方法(let・const)や 関数の記述が簡潔になるアロー関数など多くの改善が行われました。 古い書籍ではこれらが掲載されていない場合があるため、 学習する際はES6以降に対応した教材を選ぶことをおすすめします。

Web以外でJavaScriptは何ができる?

JavaScriptはWebサイト以外でもライブラリやフレームワークを通して様々な開発に利用できます。 ただし、これらを使うにはHTMLやCSSの基礎が必要になる場合があります。

Electron

JavaScriptでデスクトップアプリを開発できます。

React Native

JavaScriptの知識を活かしてスマホアプリを開発できます。

Node.js

JavaScriptをサーバー側の処理に利用できます(バックエンド開発)。

フロントエンドの主なライブラリ / フレームワーク

React

最新のWebアプリ開発でよく使われています。学習コストはやや高めですが需要も多いです。

Vue.js

比較的理解しやすく個人・中規模開発で人気があります。

jQuery

学習が容易で今も使われていますが、近年はReactやVueの方が主流になりつつあります。バージョン4が近々登場する可能性が高いのでとても期待しています。

他にも多くの選択肢がありますのでプロジェクトの目的や規模に応じて選ぶと良いでしょう。