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

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

基礎

【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として標準化され、現在では幅広い用途で利用されている



関連リンク

このブログは Xserver 上の WordPress で運用しています。
表示速度が速く、安定しているのでブログ初心者にもおすすめです。
レンタルサーバー エックスサーバー

-基礎
-

執筆者:

関連記事

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

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

【JavaScript入門】new・delete・with・thisの使い方|オブジェクト操作の基本を初心者向けに解説

JavaScriptのnew・delete・with・thisの使い方|オブジェクト操作の基本を初心者向けに解説 JavaScriptでは、オブジェクトを作成したり削除したり、オブジェクト名を省略して …

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

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

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

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

【JavaScript入門】関数の基本|定義方法・引数・return・呼び出し方を初心者向けに解説

JavaScriptの関数とは?定義方法・引数・return・呼び出し方を初心者向けに解説 JavaScriptでは、繰り返し使う処理をひとまとめにして再利用できるようにしたものを関数と呼びます。関数 …