JavaScript

JavaScriptはオブジェクト指向スクリプト言語。主にブラウザ上でDHTMLの実現、ユーザ操作の補助、Ajaxと呼ばれる手法で高度なWebアプリケーション作成に利用される。

• ECMAScript - 言語仕様。現行の仕様はECMAS-262 ECMAScript Language Specification 3rd Editionとして文書化されている。
  • ネイティブオブジェクト - ECMAScriptで定義されているオブジェクト。StringやDateのように言語仕様に含まれているもの。
  • ホストオブジェクト - 言語仕様では定義されておらず、実装が提供するオブジェクト。windowやXMLHttpRequest。
• DOM - XMLやHTMLを扱うためのAPI仕様。表示されているHTML文書のDOMをJavaScriptで操作することでWebページを操作する。
• E4X - JavaScript中で直接XMLを扱うためのECMAScript拡張仕様、ブラウザによっては全く動かないのであまり使われていない。

JavaScriptの言語仕様部分。現在主要なブラウザが実装している仕様はECMAScript 3rd Editionである。次世代のブラウザには5th Editionが採用される予定。

• ECMA-262 3rd Edition
• ECMA-262 3rd Edition 日本語訳

ECMAScriptは言語仕様なので、HTML文書の操作（DHTML）の仕様は一切定められていない。DHTMLに関する共通仕様はW3CのDOMによって決められている。

ホストオブジェクト（window、navigator、location、history 等）には標準仕様がなく各ブラウザベンダが互いに様子見したり、協力しつつ実装しているようだ。ただ、XMLHttpRequestについてはHTML5で仕様化されるようだ。

Java等のオブジェクト指向はクラスベースのオブジェクト指向と呼ばれる。一方、JavaScriptはプロトタイプベース、あるいはインスタンスベースオブジェクト指向と呼ばれる。

クラスベースは、まず振る舞いとデータをクラスとして定義し、クラスを型とするインスタンスを作成する。そしてクラスで定義した操作を組み合わせてプログラミングする。プロトタイプベースでは、まずインスタンスを作成し、そのインスタンスに独自の性質を付加してプログラミングする。また別のインスタンスをプロトタイプとすることでプロトタイプとなったインスタンスの性質を引き継ぐことができる。

クラスに縛られないため、実行中の任意の場所でプロパティやメソッドをオブジェクト毎に変更したり、新しく追加したり、削除したりすることができる。これはStringやwindow等のビルトインオブジェクトも例外ではなく、同じStringのオブジェクトでもオブジェクトごとに別の振る舞いを持たせる事もできる

var a = new String("JavaScript");
var b = new String("JavaScript");
b.toString = function() { return this.valueOf() + "にゃー"; };
 
console.log(a.toString());  // "JavaScript"
console.log(b.toString());  // "JavaScriptにゃー"

• 関数
• クロージャ
• オブジェクト
• クラス
• 継承とオーバーライド

• ジェネレータ

• Stringを拡張する
• String#replaceに関数を渡す

• JavaScriptでCSSを動的に定義する
• addEventListenerメソッドのuseCaptureについて

• Ajax（エイジャックス）
• JavaScriptでXSLTを使う

ブックマークレットはブックマークに保存するJavaScript

• Bookmarklet

• Rhino - MDC - Javaで書かれたJavaScriptエンジン、JDK6に付属しているJavaScriptエンジンはこれ。
• JScript - WSH(Windows付属のスクリプト実行環境)、IEのJavaScriptエンジン、ASPの記述言語として利用される。WSHはWindowsコマンドプロンプト上で実行できる他、.js拡張子のスクリプトをダブルクリックで実行可能。最新版では、ActiveXオブジェクトや、.NETクラスライブラリを使うこともできる。

• SpiderMonkey - Firefox3のJavaScriptエンジン
• TraceMonkey - Firefox3.1、JIT技術による大幅な高速化
• JavaScriptCore - Safari
• Nitro - Safari4 (SquirrelFish Extremeから改名？)
• V8 - Google Chrome

言語機能拡張、ウィジェット・GUIコンポーネントの提供、クロスブラウザ、Ajax処理の簡易化等の機能を提供する。

その他

• Cotrol.Modal LightBox風モーダルダイアログ作成ライブラリ、要prototype.js
• jkl.calendar とりあえずカレンダーが欲しいときに便利

• SproutCore JavaScript単体ライブラリではなくサーバサイドとセットになっており、アプリケーション作成に特化されている

巨大ライブラリで通信負荷が気になる場合は、Gzip圧縮転送などを使う。

GoogleのサーバからjQuery等の各種ライブラリを取得できる。これを用いる事で開発者にはダウンロード設置の手間が省け、運用では負荷の低減、ユーザにはライブラリのキャッシュヒットの可能性が高くなり、高速化が期待できる（かも…）

http://code.google.com/intl/ja/apis/ajaxlibs/

直接読み込む

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" />

googleのライブラリを通して取得する

<script src="http://www.google.com/jsapi"></script>
<script>
  google.load("jquery", "1.3.1");
</script>

• FCKeditor
• TinyMCE
• jwysiwyg

TinyMCEとFCKeditorの違いを比較、TinyMCEは複数の1つのインスタンスで複数のテキストエリアに対応できるので、1画面上に二つのエディタを置くとき圧倒的に速い。

jwysiwygはjQueryプラグインとして提供されるライブラリ。