モダンJavaScript チュートリアル集

 
JavaScript のシンボル Rhino

JavaScript (ECMAScript) のチュートリアルを集めました。

2009-10-05、1件追加しました。
合計で 17 件あります(コアJavaScript のみカウント)。

Amazonで検索:  javascript

目次

コアJavaScript

ここに集めたチュートリアルの何本かに目を通してみて下さい。 クライアントサイドJavaScript、サーバサイドJavaScript のいずれでも、 ここで身につけた 知恵 が大いに役立つハズです。


日付 記事

リファレンス

JavaScript
MDC

余程の込み入ったことを調べるのでなければ、ここの 「Core JavaScript ガイド」 で間に合うと思います。

JavaScript のオブジェクトモデルについて理解を深めるには、 クラスベース言語とプロトタイプベース言語 をお勧めします。 プロトタイプベース言語が初めてであれば、オブジェクトの世界観がガラリと変わると思います。

リファレンス

Under Translation of ECMA-262 3rd Edition
MetaGraphic Cell

処理系実装者向けなのでしょうか、かなり難解です。 同氏による解説 「スコープチェーンと実行コンテキストのメカニズムについて」 「プロトタイプチェーンについて」 は読みやすいです。

FAQ
2009-09-04

FAQ形式によるJavaScriptの本質がわかる超入門
風と宇宙とプログラム

Wiki

JavaScript language advanced Tips & Tricks (英語)
jslibs - Google Code

数行のコードとその実行結果の繰り返しになっており、詰将棋のような面白さがあります。

Wiki

Dev.Opera - 効率的な JavaScript
YukiWiki

"Efficient JavaScript" の日本語訳です。 パフォーマンス向上のためのヒントを得ることができます。

2007-12-13

2008-08-01
(第18回)

JavaScriptのイロハ
builder

第0回から第18回まである長い連載なので、 オブジェクト指向に突入する第9回から第18回(目次を見ても、それぞれが第何回なのか分らないのが難点ですが…) までを要約します。 1つ1つの記事は短かめなので、気軽に目を通すと良いと思います。

09-11: コンストラクタ、プロトタイプ、プロパティ
12-15: プロトタイプチェーン、継承、this、arguments
16-18: スコープ、Activation、スコープチェーン、クロージャ

2007-11-30

javascriptを初めて学ぶ人についてのおさらい。その1
ハタさんのブログ

JavaScript をこれほど簡潔にスッキリと説明した記事は見たことがありません。 この記事が多くの支持を集めたということは、 関数型プログラミングをベースにした説明でも十分に受け入れられる、 ということを表しているのでしょう。

2007-07-13

Part3 JavaScriptに学ぶ「言語の拡張性」
ITpro

JavaScript で有名な amachang が書いた記事です。 拡張性を軸に、プロトタイプベースのオブジェクト指向を解説しています。

2007-06-22

javascriptを理解するためのたった2つの大切なこと:改
はてな匿名ダイアリー

「9割ぐらいはハッシュ」で始まる、コンパクトで分かりやすい記事です。

2007-06-12

2007-09-25
(第4回)

Ajax時代のJavaScriptプログラミング再入門
@IT

第1回 開発環境(Firebug、Aptana)
第2回 高階関数、匿名関数、arguments、callee
第3回 スコープチェーン、クロージャ
第4回 コンストラクタ、プロトタイプチェーン

2007-02-26

2007-07-24
(第11回)

そろそろきっちりJavaScript
マイコミジャーナル

第1回から第6回までは、Firebug を操作しながら、無名関数、prototype、 プロトタイプチェーン、new演算子の働き を見ていきます。

第7回から第11回までは、prototype.js のコードリーディングです。

2006-12-19

境界を越える: JavaScript の言語機能
developerWorks

高階関数、動的型付け、オブジェクト・モデル について扱っています。

2006-11-01

知られざるJavaScriptの世界
ITpro

7つのポイントに分けて解説されています。 例えば 「関数がオブジェクトのコンストラクタになる」 「関数もオブジェクトである」 「継承ではプロトタイプの鎖をたどってメソッドを検索する」 などです。

同記事は JavaScriptがズバリ分かる の Part2 に再掲されています。

2006-06-13

エレガントな JavaScript を作成するための関数型プログラミングの使用
developerWorks

2006年(DHTML という単語が登場するくらい古い時代)にあって、 関数型プログラミングを全面に押し出して解説しているのが画期的です。

この記事を読むと、Haskell や Scheme などの関数型言語についても学習したくなるかも知れません。
関数型言語(関数型プログラミング)の勝利?

2005-12-01

2005-12-08
(第4回)

JavaScript 講座
CodeZine / Starry Night

JavaScript 暗黒時代の終焉を告げる貴重な1本です。 CodeZine には目次がが無いので、Starry Night の方にリンクしておきます。 目次は第8回相当まで立てられていますが、残念ながら第4回が投稿が最後です。

Internet
Archive

JavaScript Notes : JavaScript 深層
Hawk's W3 Laboratory

Internet Archive です。 運が良ければ見ることが出来ます。

実行コンテキスト、スコープチェーンなどを解説しています。 実行コンテキストは、JavaScript を理解する上でとても重要な概念だと思うのですが、ほとんど語られることがありません。 そういう意味では、とても貴重だと考えています。

Internet
Archive

Effective JavaScript
Dynamic Scripting

Internet Archive です。 運が良ければ見ることが出来ます。

JavaScript の仕様に“考え方”という命を吹き込みます。 内部プロパティ、内部メソッドを説明するあたりでは、 JavaScript を理解する上での最短ルートが見え隠れしている気がします。


見晴らしの良いところに立って、広い視野で JavaScript を眺めてみましょう。
JavaScript とクロージャ

クライアントサイドJavaScript

Webブラウザに組み込まれた JavaScript を使うには、DOM、Ajax、CSS、イベントモデル、クロスブラウザ と言った話題を避けて通ることが出来ません。 幸いにも、jQuery などのフレームワークの登場により、これらの扱いは格段に易しくなっています。 それでも、これらの話題を全く知らずに通ることは出来ません。

サーバサイドJavaScript

サーバサイドJavaScript は、まさに暗黒時代の真っ只中にあります。 Java などの他の言語に組み込まれて使われることはあっても、単独で使われるケースは少ないようです。 果たして、プログラミング言語を JavaScript 一本で統一しようという野望が果たされる日は来るのでしょうか。

開発ツール

ブラウザ上でデバッグ

統合開発環境(IDE)

インタラクティブシェル

更新履歴

日付 内容
2009-02-10 情報 /node/114, /node/218 へのアクセスを、このページ(/-/javascript-ecmascript)へリダイレクト。
2009-02-01 追加 セクション「サーバサイドJavaScript」を追加。
2009-01-28 追加 セクション「開発ツール」を追加。
2009-01-27 追加 セクション「クライアントサイドJavaScript」を追加。
2009-01-18 情報 都合により、URLとタイトルを変更して再出発。
2007-01-31 初版