現役システムエンジニアの備忘録

技術スキルや用語などの記録を残していきます

基礎

【JavaScript入門】初心者向けに特徴・歴史・できることをわかりやすく解説

投稿日:2019年4月1日 更新日:

JavaScriptとは?初心者向けに特徴・歴史・できることをわかりやすく解説

Web制作やWebシステム開発の現場で必ず触れる機会がある JavaScript。久しぶりに触ると「こんな書き方だったっけ?」と忘れてしまっていることも多いですよね。私自身もブランクがあり、再学習のために調べた内容を備忘録としてまとめました。



JavaScriptとは?

JavaScriptは、Webブラウザ上で動作するスクリプト言語です。ユーザーの操作に応じてページの表示を変えたり、Webサービスとのやり取りをスムーズにするために利用されます。

HTMLだけでは実現できない「動き」をページに与えることができ、現代のWebサイトでは欠かせない存在です。

身近な利用例としては次のようなものがあります。

  • ボタンをクリックしたときにアラートを表示する
  • 新しいウィンドウを開き、元の画面を操作する
  • スライドショーで画像を切り替える
  • ランキングや広告バナーを動的に表示する

このように、ユーザーが操作して動きが変わるページは、JavaScriptによって実現されています。



JavaScriptの特徴

JavaScriptは、ブラウザとテキストエディタさえあれば動かせるという手軽さが大きな特徴です。

Java や C#、C言語などのプログラミング言語では、Visual Studio や Eclipse といった開発環境を準備する必要がありますが、JavaScriptはインタプリタ言語のため、準備がほとんど不要です。

※インタプリタ言語とは?
コンパイル(ソースコードを実行前にまとめて機械語に変換する作業)を必要とせず、実行時に1行ずつ逐次変換しながら動作するプログラムのことです。

JavaScriptは、HTML内の <script> タグに直接記述するか、拡張子 .js の外部ファイルとして読み込むことで利用できます。

JavaScriptの歴史

JavaScriptは、もともとNetscape社が開発した「LiveScript」が原型です。その後、Sun Microsystems社との協力を経て「JavaScript」という名称に変更されました。

最初に搭載されたのは Netscape Navigator 2.0。その後、Microsoft社の Internet Explorer 3.0 にも JavaScript 互換の「JScript」が搭載されました。

しかし、ブラウザごとに実装が異なり、同じコードでも動作が違うという問題が発生。そこで標準化団体 ECMA が仕様を統一し、ECMAScript として標準化されました。

この標準化によって、JavaScriptは多くのブラウザで安定して動作するようになり、現在ではWeb以外の分野でも幅広く利用されています。

まとめ

  • JavaScriptはWebブラウザで動作するスクリプト言語
  • HTMLだけではできない「動き」を実現できる
  • ブラウザとテキストエディタだけで始められる手軽さが魅力
  • ECMAScriptとして標準化され、現在では幅広い用途で利用されている



関連リンク

-基礎
-

執筆者:

関連記事

【JavaScript入門】変数の基本を解説|宣言方法・命名規則・スコープの仕組みを初心者向けに紹介

JavaScriptの変数とは?宣言方法・命名規則・スコープを初心者向けにわかりやすく解説 変数とは、値や式を一時的に保存しておくための「箱」のようなものです。 変数を使うことでコードが読みやすくなり …

【JavaScript入門】breakとcontinueの使い方|ループ処理を制御する基本構文を初心者向けに解説

JavaScriptのbreakとcontinueの使い方|繰り返し処理を制御する基本構文を解説 JavaScriptの繰り返し処理(for / while / do…while)や sw …

【JavaScript入門】基本書式と記述ルールまとめ|命名規則・文字列・数値・セミコロンの使い方

JavaScriptの基本書式と記述ルールまとめ|初心者が知っておくべき注意点を解説 JavaScriptを書くときには、基本的な書式や命名ルール、文字列の扱いなど、知っておくべきポイントがいくつかあ …

【JavaScript入門】Ajaxとは?仕組み・特徴・XMLHttpRequestを初心者向けにわかりやすく解説

Ajaxとは?仕組み・特徴・JavaScriptとの関係を初心者向けにわかりやすく解説 近年、JavaScriptが再び注目を集めている理由のひとつが Ajax(エイジャックス) の普及です。 Goo …

【JavaScript入門】色の指定方法まとめ|16進数・色名・CSS指定の違いを初心者向けに解説

JavaScriptで色を指定する方法|16進数・色名・CSS指定を初心者向けに解説 JavaScriptで色を指定する方法は、HTML/CSS と同様に複数あります。代表的なのは次の2つです。 16 …