LINEスタンプ制作代行サービス・LINEスタンプの作り方!

お電話でのお問い合わせ:03-6869-8600

stampfactory大百科事典

JavaScript

JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、異なるプログラミング言語である(後述の#歴史を参照)。一般的に、プロトタイプベースのオブジェクト指向スクリプト言語であると言われている。しかし、コンストラクタなどのクラスベースに見られる機能も取り込んでいる。実行環境が主にウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。JavaScriptという言葉は狭義にはMozillaが仕様を策定し実装しているスクリプト言語を指す。このスクリプト言語はEcmaインターナショナルでECMAScript (ECMA-262) として標準化されており、多くのウェブブラウザ等はこの標準化されたECMAScriptを実装している。たとえば、マイクロソフトによる実装はJScriptと呼ぶ。一般的にJavaScriptという言葉が使われるときはこのようなさまざまなECMAScriptの実装も含んだ幅広い意味でつかわれるので、どちらの意味でJavaScriptという言葉が使われているかは文脈で判断する必要がある。ECMAScriptは仕様自体に独自の拡張を条件付きで認める記述があり、現在主要なブラウザが実装しているスクリプト言語はすべてECMAScriptに準拠していることになる。広義の意味でこれをJavaScriptと呼ぶ場合、主要なブラウザが実装しているスクリプト言語はマイクロソフトやGoogle、アップルの実装も含めてJavaScriptである。なお、ウェブブラウザでよく実装されているAPIであるDOM (Document Object Model) はECMAScriptの仕様の一部ではないので、DOMの準拠の有無はECMAScriptの準拠の有無とは関係ない。一般的に、JavaScriptはプロトタイプベースのオブジェクト指向プログラミング言語であると言われている(クラスベースの言語と同様に、オブジェクト生成時にnew演算子を使ってコンストラクタを呼び出す場合が多いなど、厳密にはプロトタイプベースとクラスベースのハイブリッドと呼ぶべきである)。多くの場合はC言語に似た手続き型言語のようなスタイルで書かれるが、第一級関数をサポートしている(関数を第一級オブジェクトとして扱える)など、関数型言語の性質も持ち合わせている。そのような柔軟な設計から、いくつかのアプリケーションではマクロ言語としても採用されている。AptanaやEclipse、NetBeans、IntelliJ IDEAなどの統合開発環境はJavaScriptをサポートしており、大規模開発が可能になっている。また各処理系の実装の違いによる互換性の問題は、Prototype JavaScript FrameworkなどのJavaScriptライブラリが吸収することにより解決が図られている。さらにExt JSなどの本格的なGUIライブラリの登場により、デスクトップアプリケーションと遜色ないユーザインタフェースの構築が可能になった。また、 (DWR) などの技術の発達によりクライアント・サーバ間の通信が著しく容易になったことや、JettyなどのアプリケーションサーバがComet利用時のメモリ使用量の削減を実現したため、サーバからクライアントへの情報のプッシュ型の配信が実用的となった。JavaScriptはスレッド制御の命令をサポートしていないため、マルチスレッドのコードを書くことが困難だが、WHATWGによりWeb Workers APIの策定が進められており、バックグラウンド処理や非同期入出力の制御が容易に実現できるようになる。JavaScriptはネットスケープコミュニケーションズのブレンダン・アイクによって開発され、Netscape Navigator 2.0で実装された。開発当初は"LiveScript"と呼ばれていたが、1995年にサン・マイクロシステムズ(現・オラクル)が開発したプログラミング言語Javaが当時大きな注目を浴びており、ネットスケープとサン・マイクロシステムズが業務提携していた事もあったため、JavaScriptという名前に変更された。1996年にマイクロソフトのInternet Explorer 3.0に搭載されるようになると、その手軽さからJavaScriptは急速に普及していく。1997年、通信に関する標準を策定する国際団体EcmaインターナショナルによってJavaScriptの中核的な仕様がECMAScriptとして標準化され、多くのウェブブラウザで利用できるようになった。ネットスケープは、ウェブアプリケーション開発言語として自社のサーバ製品に実装したLiveWire JavaScriptも発表したが、こちらはあまり普及しなかった。JavaScriptの登場初期は、ブラウザベンダー間で言語仕様の独自拡張が行われていたため、ブラウザ間の互換性が極めて低かった。しかし現在では、ECMAScriptの策定により実装間の互換性は向上し、DOMなど関連仕様の実装に関する互換性も比較的高くなっている。ただ、現在でも特定のブラウザでしか実行できないECMAScript以前の古い構文や、ブラウザ独自のDOMを使ったコードが使用されている場合があり、互換性の問題が完全に解消されたわけではない。市場のブラウザ間互換性がある程度確立された2000年頃には、GoogleやAmazon等の大手企業もJavaScriptを積極的に利用し始めた。2005年、マイクロソフトが開発したJavaScriptの非同期通信を利用した技術にAjaxという名前が付けられたことによって、高機能なウェブアプリケーション開発言語の一つとして再び注目を集めた。Ajaxを利用している代表的なアプリケーションとして、Google マップやAmazon Diamond Searchなどがある。また最近では、Mozilla Firefox用アドオンのGreasemonkeyやOperaの標準機能、Google Chromeのエクステンションなどにおいて、「ユーザスクリプト」と呼ばれるウェブページ読み込み時に実行できるJavaScriptアプリケーションが登場している。以前はインタプリタ方式で実行されることが一般的であったため、実行速度はさほど速くなかったが、現在ではJITコンパイルなどを利用した各種の最適化がなされており、各ウェブブラウザのベンダーともに高速化を図ってしのぎを削っている。さらには、この高速化を受ける形で、Node.jsのようにサーバサイドでもJavaScriptを使う動きが見られる。2000年から2003年にかけて、現在のJavaScriptの後継バージョンとなるJavaScript 2.0を作ろうとした動きがあったが、ネットスケープとマイクロソフトの対立でまとまらなかった。当時ネットスケープが提案していた案はアドビのActionScript 2.0に引き継がれ、マイクロソフトの案はJScript .NETへと引き継がれた。その後ECMAScript 4の策定が進められ、2006年の時点でMozilla Foundationはこれに基づいてJavaScript 2.0を作成することを表明していた。MozillaはECMAScript 4の策定にあたって、Pythonの文法を一部取り込んだ案を提案しており、自身でもこれを実装している。しかしその後、ECMAScriptの標準化作業がMozilla、Adobe、Opera、Googleらが推すECMAScript 4と、Microsoft、Yahoo!らが推すECMAScript 3.1に事実上分裂してしまった影響から、2008年8月に大きな方針転換があり、JavaScript 2.0のベースを策定するプロジェクトとして新たに「ECMAScript Harmony」が発足した。同プロジェクトではECMAScript 3.1をベースとしつつも、ECMAScript 4に入る予定だった機能のいくつかを取り込む形で標準を策定する予定となっている。なお、ECMAScript 4で導入された名前空間・パッケージなどの機能は導入されない。JavaScriptの変数は var キーワードを使用して宣言できる。var x; // 変数xの宣言。値が未指定のため、特殊な値である undefined の状態となる。var y = 2; // 変数yの宣言。同時に 2 が設定される。上記例のスラッシュ2文字以降はコメントである。JavaScriptは言語仕様にI/Oが組み込まれておらず、それらは実行環境により提供される。ECMAScript 5.1の仕様では以下のように言及されている。この仕様の中では外部データの入力または計算結果の出力は供給しない。しかしながら、ほとんどの実行環境は console オブジェクトを持っており、そこにコンソール出力を行える。以下に最小のHello worldプログラムを示す。console.log("Hello World!");再帰関数は以下のように書ける。function factorial(n) {無名関数(またはラムダ式)の構文とクロージャの例は以下である。var displayClosure = function() {var inc = displayClosure();inc(); // 1 が返るinc(); // 2 が返るinc(); // 3 が返る可変長引数は以下のように記述する(arguments は特殊な変数である)。var sum = function() {sum(1, 2, 3); // 6 が返るvar v;v = 1;var getValue = (function(v) {})(v);v = 2;getValue(); // 1 が返る以下のサンプルコードは、様々なJavaScriptの機能を示したものである。/* 2つの数値の最小公倍数を求める */function LCMCalculator(x, y) { // コンストラクタ関数// オブジェクトのプロトタイプはコンストラクタ関数の prototype プロパティに格納するLCMCalculator.prototype = { // オブジェクトリテラル};// 汎用の出力関数の定義。この実装はWebブラウザ上でのみ動作する。function output(x) {// 注、配列の map() と forEach() は JavaScript 1.6 で追加されたメソッドである。// クラス生成と出力呼び出し。JavaScriptの関数の特性を利用した書き方。25, 55], [21, 56], [22, 58], [28, 56.map(function (pair) { // 配列リテラル + マッピング関数}).sort(function (a, b) { // 指定した比較関数を用いたソート}).forEach(function (obj) {上記コードをウェブブラウザ上で実行すると、以下の結果が表示される。LCMCalculator: a = 28, b = 56, gcd = 28, lcm = 56LCMCalculator: a = 21, b = 56, gcd = 7, lcm = 168LCMCalculator: a = 25, b = 55, gcd = 5, lcm = 275LCMCalculator: a = 22, b = 58, gcd = 2, lcm = 638JavaScriptは主にHTMLページにクライアント側のふるまいを持たせるために用いられており、これはダイナミックHTML (DHTML) としても知られている。JavaScriptはHTMLに直接埋め込まれまたはインクルードされ、Document Object Model (DOM) と組み合わせて用いられる。JavaScriptの使用例としては、以下のようなものがある。JavaScriptはサーバーではなくユーザーのブラウザ上で動作できることから、ユーザーの操作に対して素早く反応することができ、アプリケーションをよりレスポンシブにすることができる。さらにJavaScriptはHTML単独では対応できない操作、例えばキー入力などにも応答することができる。Gmailのようなアプリケーションでは、JavaScriptでUIロジックを実装し、さらにJavaScriptでサーバーから情報(例えばeメールのメッセージ)を取得することで、こうしたメリットを享受している。このような利点からAjaxは大きなトレンドとなった。(またはJavaScriptインタプリタやJavaScript実装)は、JavaScriptのソースコードを解釈してプログラムを実行するインタプリタである。最初のJavaScriptエンジンはネットスケープコミュニケーションズのブレンダン・アイクによりNetscape Navigatorウェブブラウザのために作成されたものであった。このエンジンはSpiderMonkeyと呼ばれており、C言語で実装されていた。これは後にECMA-262 Edition 3を満たすためにアップデートされた (JavaScript 1.5)。Rhinoエンジンも同じくNetscapeのNorris Boyd(後にGoogleに移籍)が主となって作成したもので、Javaにより実装されている。RhinoもECMA-262 Edition 3に準拠している。ウェブブラウザはJavaScriptの最も主要な実行環境である。ウェブブラウザは通常、Document Object Model (DOM) を扱うためのホストオブジェクトを提供する。一方でWebサーバもまた、JavaScriptの実行環境の一つとして存在する。JavaScriptのWebサーバでは、HTTPリクエストやレスポンスが直接ホストオブジェクトとして提供され、動的にWebページ自体を生成することができる。JavaScriptは主要ウェブブラウザの大半でサポートされている唯一の言語であることから、意図されたことではなかったが、様々な言語やフレームワークのコンパイル先の出力言語となっている。 動的な言語であることからパフォーマンスが制限されるにも関わらず、JavaScriptエンジンの性能向上によりこうした言語は予想外の発展を見せている。DOMとは、HTMLやXHTML (XML) で書かれたドキュメントにアクセスするためのAPIである。DOMは多くのプログラミング言語でライブラリやモジュールとして実装されているが、ウェブブラウザと統合しているJavaScriptの処理系では特に言語仕様として組み込まれており、DOMオブジェクトを介してアクセスできる。ただし、SpiderMonkeyなど単体のJavaScriptエンジンには組み込まれていない。以下はJavaScriptとDOMを含むWebページのごく単純な例である(HTML5構文)。代表的なJavaScriptライブラリは以下のとおり。

出典:wikipedia

LINEスタンプ制作に興味がある場合は、
下記よりスタンプファクトリーのホームページをご覧ください。