オブジェクトなJavaScriptの基礎講座

◆ はじめに

ヤフーのJavaScriptディレクトリから来られた方、はじめまして！
私ことちゃいちゃんパパがここの管理人です。

ここは、プログラミング初心者の方に、JavaScriptをツールとして、プログラミングの雰囲気を体験してもらい、ついでにJavaScriptの基礎を習得してしまいましょう。ってコーナーです。

あくまでも、プログラミング習得の初歩がメインで、サンプルを期待して来られた方は、サンプル系をあたってみてください。

一通り読んだら、今度は、HTML、スタイルシート、CGI-Perlにも力を入れていますので、そちらも是非ご覧ください。 また、JavaScriptは、もちろん、Web関係すべてについての質問掲示板、WEB相談室があります。是非ご利用ください。

また、JavaScriptは、実は結構本格的なオブジェクト指向言語です。そこのところも、わかりやすく解説できたらと思っています。ご期待ください。

◆ サイト最新情報

• サイト最新情報（燈明日記）

• 本サイトで本コーナー以外で特に力を入れているコンテンツです。
• Perlノート
• VB-Tipsメモ
• 法華経ノート
• ちゃいちゃんパパの親バカ日記
• 法華経ブログ
• ご意見、ご感想、管理人連絡等はWEB相談室コメント掲示板へお願い致します。

◆ 目次

１. 基礎の基礎

1. JavaScriptってなに
2. 初めの一歩
3. 代入文の使い方（リテラル、変数、型、演算子、エスケープ文字）
4. for/while文の使い方
5. if/switch文の使い方
6. 関数について

２. オブジェクトの基礎

1. JavaScriptのオブジェクトについて
2. プロパティとメソッドについて
3. インスタンスとオブジェクトについて
4. カプセル化と継承について
5. オーバーライドと多重定義について
6. new演算子の謎
7. インスタンス変数とクラス変数

３. ビルドインオブジェクト

1. Array（配列）オブジェクト
2. Math（数学）オブジェクト
3. String（文字列）オブジェクト
4. Date（時間）オブジェクト
5. RegExp（正規表現）オブジェクト
6. Global(eval等)オブジェクト

４. ナビゲータオブジェクト

1. documentオブジェクト
2. Navigaterオブジェクト
3. historyオブジェクト
4. locationオブジェクト
5. linksオブジェクト
6. タイマー処理
7. forms/elements配列の使い方
8. 入出力ボックス処理
9. イメージオブジェクト
10. ウインドウ、フレームの管理

５. イベント

1. イベント処理
2. onBlurイベント処理（フォーカスを失ったとき）
3. onChangeイベント処理（値が変化したとき）
4. onClickイベント処理（クリックしたとき）
5. onFocusイベント処理（フォーカスを受けたとき）
6. onLoadイベント処理（ページがロードされたとき）
7. onMouseOverイベント処理（マウスがオブジェクトを通過したとき）
8. onSubmitイベント処理（Submitボタンがクリックさてたとき）
9. イベントハンドラオーバーライド適用方法

６. ＤＯＭの基礎

1. DOMってなに
2. はじめてのDOM
3. DOMによるスタイルの変更（その１）
4. DOMによるスタイルの変更（その２）
5. DOM in DOM

７. 応用

1. mailtoスキームの使い方(メール送信）
2. 曜日別ランダム文字列の表示(２次元配列）
3. 画像の切り替え(オンマウス）
4. 画像の切り替え２(クッキー）
5. サウンドの切り替え(複数Midファイルの扱い）
6. 買い物オーダーフォーム(ウインド間データの受け渡し）
7. 画像の切り替え３(DHTML）
8. スタイルシート切り替え（オブジェクト指向）
9. クッキーオブジェクト（ユーザ独自オブジェクト）
10. 選択メニューの連動（DOM利用）
11. ゲット引数オブジェクト（ページ間データの受け渡し）
12. ゲットUAオブジェクト

８．質問＆プロフィール

1. WEB相談室
2. プロフィール

◆ おわりに

おわりに、脱JavaScript初心者を目指す方や実用的なサンプルプログラムをお探しの方に、お薦めサイトと本を紹介いたします。

おすすめサイト

お勉強系

• ECMAScriptチュートリアル（勉強するなら超おすすめ）
• ECMA-262 3rd Edition（ECMAScript原典）
• Under Transration of ECMA-262 3rd Edition（上記の翻訳サイトです）
• うさのJavaScript講座
• JavaScriptのオブジェクト指向言語としての側面研究
• はぎさんのJavaScript Tips集

サンプル系

• JavaScript例文辞典
• JavaScript in Mugi's Homepage
• MAKOTO3.NET
• Script Tips Laboratory
• JavaScript Navigator

おすすめ本

以下の本以外に良い本があったら教えてください！

• JavaScipt第３版(サイ本) 監訳 村上 列　訳 安藤 進、垰井 正雄　　出版社 オライリー・ジャパン

◆ 本サイトのその他のコンテンツ

• Perlノート
  プログラム言語Perlの基礎的なところを解説しています。
• VB-Tipsメモ
  WINDOWS全般のTIPSです。
• HTML概説リファレンス
  HTML 4.01の概説リファレンスです。各社の独自要素も少し説明しています。
• CSS概説リファレンス
  カスケーディング・スタイル・シート・レベル２（ＣＳＳ２）の概説リファレンスです。
• WEB相談室
  Webページ作成に関しての相談や質問を承っています。
• 不思議な国のアドレス物語
  昔から、ネットワークで疑問に思っていたIPアドレスとMACアドレスの関係のところを重点に置いています。プログラマ系やWEB系の人達が、なんとなく理解しているネットワークで、あ〜なるほどなって思っていただければ、幸いです。
• ftpの使い方（ファイル転送）
  WINDOWS標準のコマンドプロンプトFTPとブラウザFTPを解説しています。フリーFTP等が使えない環境の人、必見です。
• オブジェクト指向 WITH JAVA
  はじめに『オブジェクトとは何か』から始まって、『デザインパターン』まで、わかりやすく解説していく予定です。
• アプレットなJavaの基礎講座
  JavaAppletの基礎的なところを解説し、各ページ毎にサンプルを用意しています。将来は、サーブレットやJava言語の基礎を解説していきたいと思っています。
• サーブレット・メモ
  サーブレットの基礎的なところを解説しています。
• はじめてのJAVAアプリケーション
  JAVAアプリケーションの基礎的なところを解説しています。
• ストリクトなHTMLの基礎講座
  昨今、トンデモHTML解説本＆サイトが氾濫する中、すこしでも、正しいHTMLをお伝えしたく作成しました。見た目でなく、意味的なマークアップを応援します。
• スタイルなCSSの基礎講座
  意味的なマークアップをしたからには、見た目は、スタイルシートしかありません。本講座は、カスケーディング・スタイル・シート・レベル２の音声関係を除くほぼ全プロパティを解説し、サンプルを用意しています。
• CGI-Perlの基礎講座
  KENTさんのCGI-Perl”fantasyボード”を、スッテプ毎に解説しています。それと、正規表現、sendmail関係、eval関数、sort関数等の解説もあります。将来は、perl言語の基礎を重点的に解説したいと思っています。
• 漢字起源と字解
  漢字は、機械的に暗記するのは辛いけど、漢字成り立ちのエピソードと一緒に覚えれば、楽しく学習ができると思うのです。
• ちゃいちゃんパパの親バカ日記
  燈明日記での家族ネタをまとめてみました。ちゃいちゃんファミリーの謎を知りたい方は、どうぞ！
• 法華経ノート
  すべての人が幸せになれると云う、２５００年前の奇跡の経典「法華経」を紹介しています。
• ダメだった人のためのサバイバル英語
  英語ダメ人間...、実は私、ちゃいちゃんパパのサバイバル英語です。
• ちゃいちゃん天使のページ
  これは、もう、読んでもらうしかないでしょう...。そして、是非、ちゃいちゃんのメッセージを受け取ってください。
• 究極の救い「飯田史彦氏の世界」
  生きがいシリーズのペストセラー作家、飯田史彦氏の素晴らしい人生観を紹介しています。
• 究極の学び「結城 浩氏の世界」
  わかりやすいC,Perl,Java等のプログラミング指南本で有名な、結城 浩氏を紹介しています。
• 天使からのメッセージ
  メールマガジン「天使からの贈り物」から...、それは、「生きがい」と「幸せ」のメッセージに満ちています！
• HTML概説リファレンス
  HTML 4.01の概説リファレンスです。各社の独自要素も少し説明しています。
• アクセスアップの基礎講座
  個人的な経験にもとづくアクセスアップ講座で、「究極のアクセスアップ」「悟りのアクセスアップ」「奥義のアクセスアップ」「生きがいのアクセスアップ」は、是非、読んで欲しいです。
• インターネットの基礎講座
  インターネットの基本的なコトを取り上げて、広く浅く、そして、初心者の方にも、わかりやすく理解できるように解説しています。 今後、インターネットの素朴な疑問、【謎】等を解明していきたいと思っています。
• 燈明日記インデックス
  燈明日記の過去ログです。1999年から書いています。結構な量があります。
• 燈明日記 （2009/01)New
• 燈明日記 （2008/12)
• 燈明日記 （2008/11)
• 燈明日記 （2008/10)
• 燈明日記 （2008/09)
• 燈明日記 （2008/08)
• 燈明日記 （2008/07)
• 燈明日記 （2008/06)
• 燈明日記 （2008/05)
• 燈明日記 （2008/04)
• 燈明日記 （2008/03)
• 燈明日記 （2008/02)
• 燈明日記 （2008/01)
• 燈明日記 （2007/12)
• 燈明日記 （2007/11)
• 燈明日記 （2007/10)
• 燈明日記 （2007/09)
• 燈明日記 （2007/08)
• 燈明日記 （2007/07)
• 燈明日記 （2007/06)
• 燈明日記 （2007/05)
• 燈明日記 （2007/04)
• 燈明日記 （2007/03)
• 燈明日記 （2007/02)
• 燈明日記 （2007/01)
• 燈明日記 （2006/12)
• 燈明日記 （2006/11)
• 燈明日記 （2006/10)
• 燈明日記 （2006/09)
• 燈明日記 （2006/08)
• 燈明日記 （2006/07)
• 燈明日記 （2006/06)
• 燈明日記（2006/01〜05)は、なしです。
• 燈明日記 （2005/12)
• 燈明日記 （2005/11)は、なしです。
• 燈明日記 （2005/10)
• 燈明日記 （2005/09)は、なしです。
• 燈明日記 （2005/08)
• 燈明日記 （2005/07)
• 燈明日記 （2005/06)
• 燈明日記（2005/04〜05)は、なしです。
• 燈明日記 （2005/03)
• 燈明日記 （2005/02)
• 燈明日記 （2005/01)
• 燈明日記 （2004/12)
• 燈明日記 （2004/11)
• 燈明日記 （2004/10)
• 燈明日記 （2004/09)
• 燈明日記 （2004/08)
• 燈明日記 （2004/07)
• 燈明日記 （2004/06)
• 燈明日記 （2004/05)
• 燈明日記 （2004/04)
• 燈明日記 （2004/03)
• 燈明日記 （2004/02)
• 燈明日記 （2004/01)
• 燈明日記 （2003/12)
• 燈明日記 （2003/11)
• 燈明日記 （2003/10)
• 燈明日記 （2003/09)
• 燈明日記 （2003/08)
• 燈明日記 （2003/07)
• 燈明日記 （2003/06)
• 燈明日記 （2003/05)
• 燈明日記 （2003/04)
• 燈明日記 （2003/03)
• 燈明日記 （2003/02)
• 燈明日記 （2003/01)
• 燈明日記 （2002/12)
• 燈明日記 （2002/11)
• 燈明日記 （2002/10)
• 燈明日記 （2002/09)
• 燈明日記 （2002/08)
• 燈明日記 （2002/07)
• 燈明日記 （2002/06)
• 燈明日記 （2002/05)
• 燈明日記 （2002/04)
• 燈明日記 （2002/03)
• 燈明日記 （2002/02)
• 燈明日記 （2002/01)
• 燈明日記 （2001/12)
• 燈明日記 （2001/11)
• 燈明日記 （2001/10)
• 燈明日記 （2001/09)
• 燈明日記 （2001/08)
• 更新日記 （2001/07)
• 更新日記 （2001/01/01〜2001/06/30)
• 更新日記 （2000/06/01〜2000/12/31)
• What's New （2000/01/01〜2000/05/31)
• What's New （1999/05/17〜1999/12/31)
• What's New （1999/01/12〜1999/05/16)