LEARNING MENU
瀬長システムズ

JavaScriptの概要。JSとは?

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

この記事の要約 JavaScriptとは主にWebサイトの開発で動きのあるページや、近年ではアプリ開発にも使われるプログラミング言語です。略して「JS」とも呼ばれます。

JavaScriptについて知りたいです。JSとは何ですか?
Webページに命を吹き込むプログラミング言で、JavaScriptを略してJSと呼んだりするよ。また、JavaScriptのファイルの拡張子が「.js」なのも大きな要因です。

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

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

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

環境構築は不要。世界一、手軽に始められるプログラミング。 JavaScriptは1995年にWebブラウザ上で動作する言語として誕生しました。

JavaScript最大の特徴は、ブラウザさえあればすぐに動かせることです。 他の言語のように複雑な準備(環境構築)は必要ありません。今使っているブラウザと、メモ帳などのテキストエディタがあれば、今この瞬間から学習を始められます。

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

ECMAScriptについて

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

JavaScriptは昔、ブラウザごとに動作が微妙に違うという問題がありました。そこで作られた統一規格がECMAScript(エクマスクリプト)です。 現在ではどのブラウザもこのルールに従っているため、基本的に同じコードで同じように動きます。

学習するなら ES6(ES2015)以降がおすすめ! 古い書籍やサイトではこれ以前の書き方が載っていることがありますが、これから学ぶならES6以降に対応した教材を選ぶのが近道です。

  • letやconstを使った変数宣言
  • 記述を短くできる「アロー関数」

古い書籍ではこれらが掲載されていない場合があるため、 学習する際はES6以降に対応した教材を選ぶことをおすすめします。

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

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

Electron(エレクトロン)

PC向けのデスクトップアプリ開発にも使われています。

React Native(リアクト・ネイティブ)

JavaScriptの知識を使って、iPhoneやAndroidのスマホアプリが作れます。

Node.js(ノード・ジェイエス)

サーバー側(裏側の処理)もJavaScriptで書くことができます。

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

React(リアクト)

現在もっとも人気があり、多くの企業で採用されています。学習難易度は少し高いですが、求人も多く需要が高いです。

Vue.js(ビュー・ジェイエス)

Reactに比べて直感的に書きやすく、初心者や個人開発、中規模なプロジェクトで人気があります。

jQuery(ジェイクエリ)

かつてWeb制作の必須スキルでしたが、現在はReactやVueなどのモダンな技術が主流です。しかし、既存サイトの修正などで触れる機会はまだ多くあります。これから登場予定のバージョン4での進化に注目が集まっています。

この記事からみたよくある質問

プログラミング言語のJSとは何ですか?
JavaScriptの略した呼び方、またはJavaScriptのファイルの拡張子が(.js)なのでファイルのことを意味します。
JavaScriptはどんなプログラミング言語ですか?
Web開発でフロントエンドからバックエンドまで対応でき、フレームワークやライブラリを使えばアプリなども開発できる優れたプログラミング言語です。
JavaScriptのフレームワークとライブラリの違いを教えてください
フレームワークは土台が整っておりその上で機能するので、土台から離れることはできず厳格に設計されています。ライブラリは便利な道具のセットで使いたい特定の時に呼び出して使用します。
ECMAScript(エクマスクリプト)とは何ですか?
ECMAScriptはJavaScriptの仕様(ルール)を定めている標準規格です。この規格がないと様々な種類のブラウザはJavaScriptの動作がバラバラになってしまうでしょう。
JavaScriptのフレームワークやライブラリを複数同時に使うことはできますか?
JavaScriptのフレームワークは競合する可能性が高いので使用してはいけません。しかし、ライブラリは便利な道具のセットなので、例えばグラフを描くものや文字列に特化したものなど適材適所で併用して使うことができます。
JavaScriptについて質問をまとめました