JavaScript単語

588件

ジャバスクリプト

2.6千文字の記事

掲示板へ

記事編集

JavaScript（ジャバスクリプト）はスクリプト言語の一種。Web ブラウザ上で動作させるためのスクリプトとして誕生した。

概要

ニコニコ動画など、近年のWeb サービスは見栄えや操作性を上げるためにJavaScriptを多用する傾向にある。JavaScriptに対応していない、または機能を制限しているブラウザでそのようなページを閲覧する場合、制作者の意図した表示・動作にならないことがある。

プログラミング言語であるJavaとは名前が似ているため間違われやすく、また本屋などではJavaのコーナーにJavaScript関連本が置かれていたりするが、Javaとは全く別の言語である。JavaScriptがNetscape Navigatorに搭載された当初はLive Sc riptという名前だったが、当時Netscape Communications(現AOL)はSun Mic ros ystems(現Oracle)と技術提携しており、アプレットというWeb ブラウザ上でJava プログラムを動かす形態で当時人気だったJavaにあやかってJavaScriptという名前に変更したらしい。

1997年にJavaScriptの技術はECMAScriptとして標準化されたため、これ以降JavaScriptはECMAScriptの仕様に基づいた実装の1つという位置づけになっている（ECMAScriptに基づいた実装例として、InternetExplorerのJScriptやAdobe FlashのActionScriptなどがある）。

2000年前半まではスクリプト言語というチープ感やセキュリティ問題等であまり好まれていない言語であったが、2005年にgoogleマップが話題となり、Ajaxという名称がつけられた頃から、非同期通信を可能にするツールとして一気に注目が集まった。

また2008年頃からWeb デザインにダイナミックな動きを与えるライブラリとしてjQueryが世界的な人気となり、単にシステムだけでなく、デザイン、インターフェース、はたまた PHPやRailsにおけるAjax通信においても欠かせない言語となった。

今日ではスマホが普及したことでWEB アプリ用開発環境としてJavaScript及びそれを発展させたフレームワークやライブラリが開発に欠かせないものとなっており、”何でもできる”、から、更に速さと軽さというフットワークへの要求に応えたものとなっている。そんな中で特に知られているのが、中～大規模向けのフルスタックフレームワークであるAngular（Google 開発）、小～大規模向けまで幅広く使える、JSX記法に則ったコンポーネント型フレームワークのReact（React.jsとは言わない）、そしてAngularの前身、Angular JSの開発メンバーがより発展的なフレームワークへと仕上げ、小～中規模の開発に向き、他ライブラリとの共用も可能なVue.jsの3つがお互いの需要を伸ばしている状態である。

サンプルコード

Hello, World!

ブックマークレット

アドレスバーにコピペで実行できる。新しくブックマークを作り、URLの代わりにこれを入力すればいつでも呼び出せる（ブックマークレットと呼ばれる所以）。ニコニコ動画ハッキング系の動画でたまに見かける「javascript:」で始まる呪文がこれ。

javascript: alert("Hello, World!");

オブジェクト指向的な書き方

まずsomething コンストラクタを作る。これはインスタンスにname プロパティを作り、仮引数 nameの値を代入するというもの。次にsomething コンストラクタのprototype プロパティにhelloメソッドを追加。これはインスタンスのname プロパティを参照し、その前後に「Hello, 」と「!」をくっつけてダイアログに表示させるというもの。そして実際にworldという名前でsomething コンストラクタのインスタンスを作る。この時の引数は'World'。最後にworld オブジェクトからhelloメソッドを呼ぶ。

function something(name) {

this.name = name;

}

something.prototype = {

hello: function() {

alert('Hello, ' + this.name + '!');

}

};

var world = new something('World');

world.hello();