検索 - みる会図書館

検索対象: 10日でおぼえる JavaScript 入門教室 新版

10日でおぼえる JavaScript 入門教室 新版から 261件ヒットしました。

10日でおぼえる JavaScript 入門教室 新版


第 0 日 / オ リ エ ン テ ー シ ョ ン ・ 本 書 の 使 い 方 第 1 日 「 は じ め て の JavaScript 」 本 書 の 構 成 と ポ イ ン ト ど う や っ て 実 現 さ せ る の か を 学 び 、 今 ま で 作 っ た プ ロ グ ラ ム を 実 際 に 手 直 し し て 、 コ ー 「 じ ゃ ま に な ら な い JavaScript 」 と 「 オ プ ジ ェ ク ト 指 向 JavaScript 」 を 、 そ れ ぞ れ 具 体 的 に 第 6 日 「 JavaScript プ ロ グ ラ ミ ン グ の 新 し い ス タ イ ル 」 さ せ る こ と が で き る よ う に な り ま す 。 DOM と 合 わ せ て CSS を 操 作 す る こ と に よ り 、 さ ら に Web ペ ー ジ を ダ イ ナ ミ ッ ク に 変 化 CSS に 関 す る 短 い 復 習 を し て か ら 、 JavaScript に よ る CSS の 操 作 に つ い て 学 び ま す 。 第 5 日 「 CSS と JavaScript 」 つ い て 学 び ま す 。 Math オ プ ジ ェ ク ト の メ ソ ッ ド を 使 っ た よ り 高 度 な 計 算 な ど 、 JavaScript を 使 っ た 計 算 に ま ず 文 字 列 型 デ ー タ と 数 値 型 デ ー タ の そ れ ぞ れ の 特 徴 を 概 観 し 、 続 い て 四 則 計 算 か ら 第 4 日 「 JavaScript で 計 算 を す る 」 中 核 と な る 重 要 な 要 素 で す 。 り ま す 。 DOM は JavaScript と 合 わ せ て 、 ク ラ イ ア ン ト サ イ ド で の Web プ ロ グ ラ ミ ン グ の HTML 文 書 を 読 み 込 ん だ 後 で も 、 HTML 要 素 を 動 的 に 変 化 さ せ る こ と が で き る よ う に な で き る DOM に つ い て 学 び ま す 。 JavaScript を 使 っ て DOM を 操 作 す る こ と に よ り 、 JavaScript と 組 み 合 わ せ る こ と に よ っ て 、 HTML 文 書 を 自 由 に 変 化 ・ 加 工 す る こ と の 第 3 日 「 ロ OM を 使 う 」 そ れ ぞ れ の 概 念 を し つ か り 把 握 す る こ と が 、 JavaScript を 理 解 す る 上 で 重 要 で す 。 JavaScript の コ ア の 部 分 で あ る 、 変 数 と 配 列 ・ オ プ ジ ェ ク ト ・ 関 数 に つ い て 学 び ま す 。 第 2 日 「 変 数 ・ 配 列 ・ オ プ ジ ェ ク ト ・ 関 数 」 れ の こ と だ っ た の か 」 と 思 っ て い た だ け れ ば 十 分 で す 。 理 解 で き な く て も か ま い ま せ ん 。 後 の 章 で 詳 し く 学 ん だ と き に 、 「 あ の と き の あ れ は 、 ま た 変 数 や 関 数 と い っ た 概 念 を 学 習 し ま す 。 こ の 時 点 で は 、 プ ロ グ ラ ム の 中 身 が す べ て い た だ き ま す 。 そ れ と 同 時 に 、 JavaScript プ ロ グ ラ ミ ン グ に お け る 共 通 の ル ー ル を 学 び 、 簡 単 な プ ロ グ ラ ム を 通 じ て 、 JavaScript と は 実 際 に ど の よ う な も の な の か を 実 感 し て ド が ど の よ う に 変 わ る の か を 見 ま す 。 第 7 日 「 総 合 制 作 I 」 こ れ ま で 学 ん だ こ と の 応 用 と し て 、 DOM ス ク リ プ テ ィ ン グ の 手 法 を 使 っ た デ ス と フ ォ ト ア ル バ ム を 制 作 し ま す 。 ー タ ベ ー XVII

10日でおぼえる JavaScript 入門教室 新版


第 8 日 「 Ajax の 基 本 」 Web ア プ リ ケ ー シ ョ ン 作 成 に 不 可 欠 で あ る Ajax の 、 基 本 的 な 仕 組 み を 学 び ま す 。 理 論 的 な 解 説 の 後 、 実 際 に 簡 単 な Ajax プ ロ グ ラ ム を 使 っ て 、 Ajax が ど う い っ た も の か を 理 解 し ま す 。 第 9 日 「 JavaScript ラ イ プ ラ リ 」 も は や 、 JavaScript プ ロ グ ラ ミ ン グ に な く て は な ら な い JavaScript ラ イ プ ラ リ の 使 い 方 に つ い て 学 習 し ま す 。 数 あ る ラ イ プ ラ リ の 中 か ら 、 Prototype と Dojo 、 jQuery の 3 つ を 例 に 、 ラ イ プ ラ リ を 使 う と ど ん な こ と が で き る の か を 、 簡 単 な プ ロ グ ラ ム を 実 際 に 作 っ て 体 験 し ま す 。 第 10 日 「 総 合 制 作 Ⅱ 」 最 初 に 、 JSONP と Web サ ー ビ ス に つ い て 学 び ま す 。 そ し て Ajax と JavaScript ラ イ プ ラ リ の 知 識 を 元 に 、 公 開 Web サ ー ビ ス API を 利 用 し た プ ロ グ ラ ム と 簡 単 な マ ッ シ ュ ア ッ プ も っ と JavaSc 「 ipt を 学 ぶ た め の 推 薦 図 書 サ イ ト を 制 作 し ま す 。 XVIII 面 ・ 応 用 面 で の チ ュ ー ト リ ア ル で す 。 ( 3 ) は 、 実 際 に プ ロ フ ェ ッ シ ョ ナ ル な レ ベ ル で JavaScript を 使 う 上 で の 、 さ ま ざ ま な 技 術 論 的 な 解 説 、 後 半 は JavaScript お よ び DOM の レ フ ァ レ ン ス に な っ て い ま す 。 ( 2 ) お よ び の 知 識 の あ る 人 が 理 解 を よ り 深 め る の に は 最 適 で す 。 ( 1 ) は 前 半 が JavaScript の 詳 細 な 理 い ず れ も 最 近 出 版 さ れ た も の で す 。 初 心 者 向 け で は あ り ま せ ん が 、 あ る 程 度 JavaScript 2 開 7 年 ( 3 ) Danny Goodman 著 「 JavaScript & DHTML Cookbook 2nd Edition 」 (O Reilly) (Apress) 2 開 7 年 ② Frank W. Zammetti 著 「 PracticaI JavaScript, D OM Scripting, and Aj ax Proj ects 」 2 開 6 年 く 日 本 語 訳 : 「 JavaScript 第 5 版 」 ( オ ラ イ リ ー ・ ジ ャ パ ン ) 2 開 7 年 > ( 1 ) David FIanagan 著 「 JavaScript: The Definitive Guide 5th Edition 」 (O'Reilly ) 深 く 勉 強 し た い 方 に は 、 以 下 の 本 を お 薦 め し ま す 。 べ て の 知 識 を 本 書 だ け で 身 に 付 け る の は 不 可 能 で す 。 本 書 を マ ス タ ー し た 上 で 、 さ ら に 「 10 日 間 で お ば え る 」 と い う コ ン セ プ ト お よ び ペ ー ジ 数 の 関 係 上 、 JavaScript に つ い て す

10日でおぼえる JavaScript 入門教室 新版


う こ ぞ JavaScript の 世 界 へ ! 2005 年 以 降 の Ajax プ ー ム が JavaScript の 世 界 に 与 え た 最 大 の 影 響 は 、 プ ロ グ ラ ミ ン グ 技 法 の 高 度 化 ・ 精 緻 化 で し た 。 そ れ 以 前 の JavaScript が 、 趣 味 の web ペ ー ジ 作 り の 道 具 と い う 色 彩 が 濃 か っ た と 同 時 に 、 Java や c + + な ど と 比 べ て 比 較 的 簡 単 に 習 得 で き る 、 敷 居 の 低 い プ ロ グ ラ ミ ン グ 言 語 だ っ た の に 対 し 、 最 近 の JavaScript は プ ロ フ ェ ッ シ ョ ナ ル な Web プ ロ グ ラ ミ ン グ に お け る 必 須 ア イ テ ム と な り 、 Ajax の 本 な ど を 読 ん で も 覚 え る こ と が 多 す ぎ て 何 か ら 手 を 付 け た ら い い の か 途 方 に 暮 れ て し ま う と い う 方 も 増 え て い る の で は な い か と 思 い ま す 。 本 書 は 、 「 10 日 で お ば え る シ リ ー ズ 」 の 中 の 1 冊 と し て 、 ま っ た く の 初 心 者 で も ス テ ッ プ を 踏 ん で JavaScript を 学 ぶ こ と に よ っ て 、 10 日 間 で JavaScript の 最 新 の 知 識 が 習 得 で き る よ う に 工 夫 を こ ら し て あ り ま す 。 学 習 の 効 率 性 を 考 え て 余 分 な ト ピ ッ ク は 極 力 省 く よ う に し た た め 、 本 書 1 冊 で JavaScript の す べ て を 網 羅 的 に カ バ ー す る こ と は で き ま せ ん が 、 こ の 本 を 読 み 終 え る こ ろ に は 、 少 な く と も 「 Ajax と は 何 か 」 「 オ プ ジ ェ ク ト 指 向 JavaScript プ ロ グ ラ ミ ン グ と は 何 か 」 「 JavaScript ラ イ プ ラ リ と JSONP を 使 っ て Web サ ー ビ ス を 組 み 合 わ せ た マ ッ シ ュ ア ッ プ サ イ ト を 作 る に は ど う し た ら い い の か 」 な ど 、 2007 年 末 現 在 の 最 先 端 の JavaScript に つ い て わ か る よ う に な る は す で す 。 ま た 、 初 心 者 だ け で な く あ る 程 度 JavaScript の 知 識 の あ る 方 が 、 さ ら に 最 新 の 知 識 ・ プ ロ グ ラ ミ ン グ 技 法 を 身 に 付 け る の に も 十 分 役 に 立 っ と 自 負 し て い ま す 。 こ の 数 年 で 、 Wiki や SNS 、 プ ロ グ な ど イ ン タ ー ネ ッ ト の 利 用 法 も ず い ぶ ん と 多 様 化 し て き ま し た 。 情 報 が 多 角 的 に 受 発 信 さ れ る メ デ ィ ア と し て の イ ン タ ー ネ ッ ト の 発 展 が 、 今 後 社 会 を ど う 変 え て い く の か 、 非 常 に 興 味 の あ る と こ ろ で す 。 そ の 中 に あ っ て 、 ク ラ イ ア ン ト 側 で リ ッ チ な ユ ー ザ ー イ ン タ ー フ ェ ー ス を 実 現 す る JavaScript の 役 割 は 、 ま す ま す 重 要 に な っ て い く こ と は 間 違 い な い で し よ う 。 本 書 を 通 じ て 1 人 で も 多 く の 方 が JavaScript の 面 白 さ に 目 覚 め 、 ま た JavaScript を 使 っ て イ ン タ ー ネ ッ ト の 発 展 に 寄 与 す る こ と に な っ た と し た ら 著 者 と し て こ の 上 な い 喜 び で す 。 287 年 12 月 北 カ リ フ ォ ル ニ ア の 寓 居 に て 岡 田 克 司

10日でおぼえる JavaScript 入門教室 新版


第 0 日 / オ リ エ ン テ ー シ ョ ン ・ JavaScript の 過 去 ・ 現 在 ・ 未 来 ① 「 じ ゃ ま に な ら な い JavaSc 「 ipt 」 1990 年 代 半 ば ご ろ の HTML は 、 文 書 の 構 造 (structure : タ イ ト ル 、 段 落 、 テ ー プ ル 、 etc. ) と 見 た 目 (presentation : 色 、 フ ォ ン ト の 種 類 、 フ ォ ン ト の 大 き さ 、 セ ン タ リ ン グ 、 etc. ) の 両 方 を 記 述 す る も の で し た 。 そ の 見 た 目 の 部 分 を CSS ( ス タ イ ル シ ー ト ) が 担 当 し 、 HTML は 構 造 記 述 に 特 化 す る 動 き が 進 め ら れ ま し た 。 JavaScript は 主 に Web ペ ー ジ の 振 る ま い (behavior) を 記 述 す る ツ ー ル で す が 、 こ れ も HTML の 中 に 書 く の で は な く 、 な る べ く HTML と 分 離 し て 外 部 フ ァ イ ル の 形 で 読 み 込 む よ う に し よ う 、 と い う 考 え が 主 流 に な っ て き て い ま す 。 そ う す る こ と に よ っ て 、 た と え ば 複 数 の 人 が そ れ ぞ れ HTML 、 CSS 、 JavaScript を 別 々 に 担 当 し て い る よ う な 場 合 に 、 間 違 っ て 他 の 部 分 に 手 を 加 え て し ま う と い う ミ ス も 防 げ ま す 。 ま た 、 全 体 に す っ き り と し て コ ー ド が 見 や す く な る と い う 利 点 が あ り ま す 。 そ れ に 合 わ せ て 、 JavaScript の 使 用 に 際 し て 、 何 か の 理 由 ( プ ラ ウ ザ が JavaScript に 対 応 し て い な い と か 、 ユ ー ザ ー の 意 志 で JavaScript を 動 か な い よ う に 設 定 し て あ る な ど ) で JavaScript が 動 作 し な い 場 合 で も 、 ま っ た く Web ペ ー ジ と し て 機 能 し な い よ う な 事 態 を 避 け る た め の 方 策 を 取 る こ と が 推 奨 さ れ る よ う に な っ て き ま し た 。 こ れ に つ い て は 、 「 第 6 日 」 で 詳 し く 取 り 上 げ ま す 。 ② ロ OM ス ク リ プ テ ィ ン グ 日 本 で も DOM ス ク リ プ テ ィ ン グ と い う 言 葉 を 、 よ く 聞 く よ う に な り ま し た 。 こ れ は JavaScript を 使 っ て 、 HTML 文 書 の DOM を 操 作 す る こ と で す 。 DOM ( ド キ ュ メ ン ト ・ オ プ ジ ェ ク ト ・ モ デ ル ) と い う 言 葉 は 初 め て だ と い う 方 は 、 HTML や XML と い っ た 文 書 の 要 素 構 造 を ツ リ ー 状 に 把 握 し て 、 そ れ ぞ れ の 要 素 の 位 置 を 変 え た り 、 新 し く 要 素 を 付 け 加 え た り 、 ま た 不 要 に な っ た 要 素 を 削 除 し た り す る た め の 機 能 ・ 仕 組 み の こ と だ と 思 っ て く だ さ い 。 JavaScript の 初 期 の 頃 は 、 一 度 HTML 文 書 を プ ラ ウ ザ で 読 み 込 ん だ 後 、 ス ク リ プ ト に よ っ て 動 的 に 内 容 を 変 え ら れ る の は フ ォ ー ム 部 分 の input 要 素 だ け で し た 。 初 期 の JavaScript に も 独 自 の HTML オ プ ジ ェ ク ト モ デ ル が あ っ た も の の 、 HTML の ど の 要 素 で も ア ク セ ス で き る わ け で は な く 、 JavaScript か ら 参 照 で き る の は 主 に フ ォ ー ム 内 の 要 素 に 限 定 さ れ て い ま し た 。 そ の 後 、 プ ラ ウ ザ ご と の 独 自 の オ プ ジ ェ ク ト モ デ ル の 拡 張 を 経 て 、 W3C DOM に よ る オ プ ジ ェ ク ト モ デ ル の 標 準 化 と 各 プ ラ ウ ザ に お け る DOM の 実 装 が 進 ん だ お か げ で 、 JavaScript を 使 え ば HTML の ど の 要 素 で も か な り 自 由 に 動 か し た り 変 更 し た り で き る よ う に な り ま し た 。 本 書 で も 、 最 近 の JavaScript の 主 流 で あ る DOM ス ク リ プ テ ィ ン グ の 枠 組 み に 沿 っ て 、 JavaScript を 学 習 し ま す 。 ③ オ プ ジ ェ ク ト 指 向 JavaScript C + + や Java と 同 じ く 、 JavaScript も オ プ ジ ェ ク ト 指 向 言 語 で す 。 JavaScript が 登 場 し た 当 初 は そ れ ほ ど オ プ ジ ェ ク ト 指 向 の 側 面 は 強 調 さ れ ま せ ん で し た が 、 2004 年 頃 か ら 、 JavaScript の オ プ ジ ェ ク ト に 最 初 か ら 備 わ っ て い る prototype オ プ ジ ェ ク ト を 通 じ た プ ロ パ テ イ や メ ソ ッ ド の 継 承 が 活 用 さ れ は じ め 、 ま た 、 コ ー ド の 記 述 自 体 も オ プ ジ ェ ク ト 指 向 に 沿 っ た プ ロ グ ラ ミ ン グ が 行 わ れ る よ う に な っ て き ま し た 。 : 「 じ ゃ ま に な ら な い 一 ー J a v a S c 「 i p t 」 は 、 ー u n 0 b S t 「 u S i V e ー avaScript を 日 本 語 訳 し た も の で す 。

10日でおぼえる JavaScript 入門教室 新版


第 0 日 / オ リ エ ン テ ー シ ョ ン ・ JavaSc 「 ipt プ ロ グ ラ ミ ン グ に 必 要 な も の た 情 報 の 捕 捉 ・ 加 工 ・ サ ー バ ー へ の 送 信 と い っ た 、 web サ イ ト の 機 能 を 高 め た り 、 リ ッ チ な ユ ー ザ ー エ ク ス ペ リ エ ン ス (RUE) を 提 供 し た り す る よ う な 、 地 味 で は あ る け れ ど も よ り 付 加 価 値 の あ る 使 い 方 へ と シ フ ト し て い ま す 。 Ajax と い う 手 法 の 発 明 ・ 普 及 に よ っ て 、 こ の 傾 向 は ま す ま す 強 ま っ て い ま す 。 こ の 先 も JavaScript は 、 Web プ ロ グ ラ ミ ン グ の 世 界 に お い て 中 心 的 存 在 で あ り 続 け る こ と は ほ ば 間 違 い な い で し よ う 。 ま た 、 前 項 で 列 挙 し た よ う な ト レ ン ド が 今 後 も 続 く も の と 思 わ れ ま す 。 最 新 の Firefox 2.0 で 実 装 さ れ て い る JavaScript 17 で は 、 XML の 作 成 や 配 列 に 関 す る 新 し い メ ソ ッ ド ・ 構 文 、 プ ロ ッ ク レ ベ ル の 変 数 ス コ ー プ な ど 言 語 的 に 充 実 が は か ら れ て い ま す 。 現 在 、 さ ら に 機 能 を 拡 張 す る た め に 、 JavaScript 2.0 の 仕 様 を 決 め る 作 業 が 進 め ら れ て い ま す 。 WWW の 標 準 化 を 進 め て き た の は W3C で 、 DOM 、 HTML 4.01 、 XHTML 1.0 、 XHTML 1.1 と い っ た 標 準 を 策 定 し て き ま し た 。 そ の 中 で も HTML に 関 し て は 徐 々 に 仕 様 を 厳 密 な も の に し て き た こ と か ら 、 そ れ が あ ま り に も 急 進 的 で 現 実 離 れ し た も の と な り つ つ あ る と し て 、 Apple 、 Mozilla 、 Opera が よ り 現 実 的 で 緩 や か な 新 し い 標 準 を 作 ろ う と い う 団 体 を 設 立 し ま し た 。 WHATSWG は W3C と は 別 に 、 HTML 4.01 の 次 の 世 代 の WWW の 仕 様 と し て 、 HTML5 の 制 定 作 業 を 進 め て い ま す 。 HTML5 で は Ajax が 標 準 化 さ れ 、 HTML 上 の フ ォ ー ム や コ ン ト ロ ー ル が 今 よ り は る か に 高 機 能 で 充 実 し た も の と な り 、 JavaScript を 使 っ て HTML 上 に グ ラ フ ィ ッ ク を 作 成 す る こ と も で き る よ う に な り ま す ( こ の グ ラ フ イ ッ ク 機 能 は canvas 要 素 を 使 う も の で 、 Firefox 1.5 以 降 や S ari に す で に 実 装 さ れ て い ま 0 日 JavaScript プ ロ グ ラ ミ ン グ に 必 要 な も の で は 具 体 的 に 、 JavaScript と は ど う や っ て 書 き 、 ど う や っ て 動 か す の で し よ う か ? C 言 語 や Java を 使 っ て プ ロ グ ラ ム を 作 る 場 合 は 、 ま ず ェ デ イ タ で テ キ ス ト 形 式 の コ ー ド を 書 き 、 最 後 に 人 間 が 書 い た コ ー ド を コ ン ピ ュ ー タ が 直 接 理 解 し て 実 行 で き る よ う に バ イ ナ リ 形 式 の 実 行 フ ァ イ ル に 変 換 す る コ ン パ イ ル と い う 作 業 が 必 要 に な り ま す 。 一 方 、 JavaScript の 場 合 に は コ ン パ イ ル 作 業 は な く 、 テ キ ス ト 形 式 で 書 い た コ ー ド を HTML フ ァ イ ル の 中 に 直 接 埋 め 込 む か 、 HTML フ ァ イ ル と は 別 に 作 ら れ た JavaScript の コ ー ド フ ァ イ ル を 読 み 込 む よ う に HTML 内 に script タ グ で 指 定 し て プ ラ ウ ザ に 読 み 込 み ま す 。 現 在 使 わ れ て い る プ ラ ウ ザ の ほ と ん ど す べ て に 、 JavaScript 工 ン ジ ン ( あ る い は JavaScript イ ン タ ー プ リ タ ) と い う 、 テ キ ス ト 形 式 で 書 か れ た JavaScript の コ ー ド を 解 釈 し て コ ン ピ ュ ー タ に 実 行 さ せ る た め の 仕 組 み が 実 装 さ れ て い ま す 。 本 書 で は 、 読 者 は 最 低 限 HTML に 関 す る 知 識 を 持 っ て い る こ と を 前 提 と し て い ま す 。 DOM や CSS を 使 っ た 最 新 の JavaScript プ ロ グ ラ ミ ン グ を 行 う に は 、 少 な く と も HTML JavaScript の 未 来 「 W3C 」 は 「 World Wide ー Web Consortium 」 の ー 略 で す 。 ー http://www.w3.0「g/ ー 「 W H A T S W G 」 は 一 「 Web Hypertext A p p ⅱ C a t i 0 n ー T e c h n 0 ー 0 g y Working G 「 oup 」 の 略 ー で す 。 http://www.whatwg. ー 0 「 g / ー い ま す 。 ー Script 1 .7 を 実 装 し て ー Fi 「 efox 2. O は Java ー JavaSc 「 ipt 1 .6 を 、 ー 1 .5 。 Firefox 1 .5 は ー て い る の は JavaScript よ び Ope 「 a9 で 実 装 し ー を 見 る と 、 旧 6 、 7 お : ー JavaScript へ の 対 応 ー ー ブ ラ ウ ザ で の ー 2007 年 末 現 在 の 最 新 の 総 称 で す 。 Web Cont 「 0 1 .0 」 Web FO 「 ms 2.0 + ー Applications 1 .0 十 : : 「 HTML5 」 は 、 「 Web ー

10日でおぼえる JavaScript 入門教室 新版


一 本 書 の 使 い 方 プ ロ グ ラ ミ ン グ 言 語 の 学 習 は 自 然 言 語 ( 英 語 や 中 国 語 な ど ) の 学 習 と 同 じ で 、 実 際 に 使 い な が ら 慣 れ る の が 上 達 の 近 道 で す 。 水 泳 の 本 を い く ら 読 ん で も 、 水 に 入 っ て 練 習 し な け れ ば 泳 ぎ は 上 達 し ま せ ん 。 こ の 本 を 読 む と き も 必 ず パ ソ コ ン を 前 に し て 、 実 際 に 自 分 で コ ー ド を 打 ち 込 ん で 、 動 か し て み て く だ さ い 。 ま た 、 一 部 変 え て み た り し て 、 ど の よ う に 結 果 が 変 わ る の か を 実 験 し て 確 か め る 0 本 書 の 基 本 コ ン セ プ ト お よ び 前 提 知 識 の も い い 勉 強 に な り ま す 。 い く は ず で す 。 で 簡 単 な プ ロ グ ラ ム を 作 っ て い く う ち に 、 次 第 に JavaScript に つ い て の 理 解 が 深 ま っ て い て は 大 ま か に で も わ か る よ う に な る と 思 い ま す 。 あ と は サ ン プ ル を 参 考 に し て 、 自 分 理 解 す る の は 難 し い か も し れ ま せ ん が 、 そ れ で も JavaScript と は ど ん な も の な の か に つ な い で し よ う 。 プ ロ グ ラ ミ ン グ は ま っ た く 初 心 者 、 と い う 方 は 一 度 読 ん だ だ け で は 全 部 か の JavaScript 特 有 の 考 え 方 に 慣 れ さ え す れ ば 、 本 書 を 読 み こ な す の は そ れ ほ ど 難 し く C + + や Java 、 perl な ど 、 何 ら か の プ ロ グ ラ ミ ン グ 言 語 の 知 識 が あ る 読 者 な ら 、 い く つ た 、 2 開 7 年 時 点 で の 最 先 端 の ト ピ ッ ク ま で カ バ ー し て い ま す 。 書 で は 、 JavaScript プ ロ グ ラ マ と し て 理 解 し て お く べ き ポ イ ン ト に 重 点 を 置 き ま し た 。 ま い な け れ ば 、 自 分 で 調 べ る に も 何 を 調 べ た ら い い の か 途 方 に 暮 れ る 結 果 と な り ま す 。 本 に レ フ ァ レ ン ス 本 を 開 い て い ま す 。 し か し 、 最 低 限 の 知 識 は 自 分 の も の と し て 理 解 し て や プ ロ バ テ ィ な ど す べ て が 頭 に 入 っ て い る わ け で は な く 、 新 し く プ ロ グ ラ ム を 作 る た び が あ る 以 上 、 本 書 で そ の す べ て を 盛 り 込 む の は 不 可 能 で す 。 筆 者 自 身 、 DOM の メ ソ ッ ド に 必 要 な 周 辺 知 識 は 山 の よ う に ふ く ら ん で い き ま し た 。 10 日 間 で 学 ぶ と い う 時 間 的 制 約 体 が 拡 張 さ れ て い っ た の は も ち ろ ん の こ と 、 CSS や DOM な ど JavaScript プ ロ グ ラ ミ ン グ 間 あ れ ば す べ て マ ス タ ー で き る ほ ど 簡 単 な も の で し た 。 そ の 後 、 JavaScript と い う 言 語 自 筆 者 が JavaScript を は じ め て 勉 強 し た 1996 年 頃 は 、 JavaScript の 最 も 詳 し い 本 で も 2 週 も か ま い ま せ ん の で 、 HTML の 基 礎 知 識 を 理 解 し て か ら 本 書 に 取 り か か っ て く だ さ い 。 い る こ と を 前 提 と し て い る た め 、 HTML の こ と は わ か ら な い と い う 方 は 簡 単 な 入 門 書 で と こ ろ ま で 切 り 込 ん で 解 説 し て い ま す 。 た だ し 、 HTML に つ い て の 基 本 的 知 識 は 持 っ て い っ て JavaScript の 表 面 だ け を な で る よ う な 妥 協 は せ ず 、 JavaScript と い う 言 語 の 奥 深 い ラ ミ ン グ の 初 心 者 に も わ か る よ う に 書 く こ と を 心 が け ま し た 。 し か し 、 入 門 書 だ か ら と い う 名 前 の 通 り 、 JavaScript に 関 す る 知 識 は ま っ た く 前 提 と し て い ま せ ん 。 ま た 、 プ ロ グ 本 書 の 基 本 コ ン セ プ ト は 「 JavaScript の 初 歩 か ら 最 前 線 へ の 最 短 コ ー ス 」 で す 。 入 門 と

10日でおぼえる JavaScript 入門教室 新版


0 JavaScript の 過 去 ・ 現 在 ・ 未 来 JavaScript の 過 去 1995 年 に 発 表 さ れ て か ら し ば ら く は 、 JavaScript と い え ば 「 素 人 が 趣 味 で 使 う も の 」 と い う イ メ ー ジ が つ き ま と っ て し ま い 、 Web プ ロ グ ラ ミ ン グ の 世 界 で は や や 片 隅 に お い や ら れ た 存 在 で し た 。 と い う の も 、 JavaScript と い う 言 語 自 体 が 、 ① C 言 語 や Java な ど に 比 べ て デ ー タ 型 な ど ル ー ル が ゆ る や か で 、 素 人 で も 少 し 勉 強 す れ ば す ぐ に 使 え る よ う に な る 反 面 、 い い か げ ん に 書 い た プ ロ グ ラ ム で も 動 い て し ま う 、 ② き ち ん と し た 開 発 環 境 が な く 、 大 規 模 な プ ロ グ ラ ム を 書 く の に 不 便 だ っ た 、 と い う の に 加 え 、 ③ lnternet Explorer (IE) と Netsc 叩 e と の シ ェ ア 争 い ( い わ ゆ る プ ラ ウ ザ 戦 争 ) の 時 代 と 重 な り 、 そ れ ぞ れ の 陣 営 が 独 自 の 機 能 拡 張 を 行 っ た 結 果 、 互 換 性 が な く な っ て し ま い 、 プ ロ グ ラ ム を 書 く と き に IE 用 と Netsc 叩 e 用 の 2 通 り の コ ー ド を 書 き 、 プ ラ ウ ザ の 種 類 に よ っ て 別 の コ ー ド を 実 行 さ せ な け れ ば な ら な い 面 倒 な 時 期 が あ っ た 、 な ど と い う 不 幸 が 重 な っ た た め で す 。 ① に つ い て は 、 最 近 の Ajax プ ー ム の お か げ で perl や Ruby と い っ た 本 格 的 な プ ロ グ ラ ミ ン グ 言 語 を 熟 知 し た プ ロ グ ラ マ が JavaScript の 世 界 に ど っ と 流 れ 込 み 、 オ プ ジ ェ ク ト 指 向 の 考 え を 取 り 入 れ た プ ロ グ ラ ミ ン グ ス タ イ ル を 持 ち 込 み 、 そ れ と 同 時 に 誰 で も 使 え る 便 利 な JavaScript ラ イ プ ラ リ が 急 速 に 発 達 し た た め 、 複 雑 な プ ロ グ ラ ム を 比 較 的 短 時 間 で 作 り 出 す こ と も 可 能 に な っ て き ま し た 。 ② に つ い て も 、 Firefox の ア ド オ ン ソ フ ト と し て 有 名 な Firebug を は じ め 、 JavaScript の た め の 便 利 な 開 発 ツ ー ル が 多 数 出 回 る よ う に な り ま し た 。 ③ に 関 し て は 、 2000 年 代 前 半 か ら の プ ラ ウ ザ が HTML 文 書 を 扱 う 仕 組 み の 標 準 化 (W3C DOM の 準 拠 な ど ) が 進 み 、 今 で は 1 つ の コ ー ド を 書 け ば ほ と ん ど の プ ラ ウ ザ で 動 く よ う に な り ま し た 。 こ れ に 加 え 、 2 開 5 年 頃 か ら の Web 20 や Ajax の プ ー ム で 、 Web ア プ リ ケ ー シ ョ ン な ど に 必 要 な リ ッ チ な ユ ー ザ ー イ ン タ ー フ ェ ー ス を 可 能 に す る た め の ツ ー ル と し て JavaScript が 見 直 さ れ 、 今 で は Web プ ロ グ ラ ミ ン グ の 開 発 に な く て は な ら な い 存 在 に な り ま し た 。 こ う し て 、 か っ て の 不 人 気 な 時 代 が 嘘 の よ う に 、 JavaScript の プ ロ グ ラ ミ ン グ 言 語 と し て の 地 位 は 向 上 し 、 プ ロ グ ラ マ 人 口 も 急 増 し ま し た 。 JavaScript の 現 在 2000 年 代 半 ば 以 降 、 Ajax 人 気 と と も に JavaScript プ ロ グ ラ ミ ン グ の 手 法 は 急 速 に 洗 練 さ れ 、 発 展 し て き ま し た 。 最 近 の JavaScript の ト レ ン ド と し て は 、 主 に 以 下 の 5 つ の 点 が 挙 げ ら れ ま す 。

10日でおぼえる JavaScript 入門教室 新版


少 な く と も IE 以 外 の プ ラ ウ ザ で も 動 作 確 認 を す べ き で し よ う 。 JavaScript 開 発 者 に 人 気 の あ る プ ラ ウ ザ は や は り JavaScript の 本 家 、 Mozilla Foundation の 作 っ て い る Firefox で す 。 特 に 、 Firebug と い う Web 開 発 用 の ア ド オ ン ソ フ ト を 不 ン ス ト ー ル す れ ば 、 JavaScript の デ バ ッ グ を 行 っ た り 、 あ る い は コ ン ソ ー ル 画 面 に 直 接 JavaScript の コ ー ド を 打 ち 込 ん で い ろ い ろ と 試 し て み た り す る こ と が で き ま す 。 本 書 で も Firefox と Firebug の 組 み 合 わ せ を 強 く お 勧 め し ま す 。 ・ 一 Mo ぉ ox File Edit 当 “ H 0 !. に 。 3 ! に 旦 中 : ブ ラ ウ ザ の シ ェ ア に つ 一 ー い て は 、 : http://en.wikipedia. ー org/wiki/Usage—Sha : re Of web b 「 owsers ー を 参 照 し ま し た 。 : 回 ム ホ ゅ DD す の 曰 ジ で 一 ~ ま 第 ・ F ⅸ ・ 。 bou 物 Fiie 表 示 ヘ ル づ 調 査 消 去 プ ロ プ ラ イ ル DOM コ ン ソ - ル 第 M ー ( ス ク リ プ ト Fi 「 ebug 実 行 清 去 コ ピ ′ Firebug に つ い て は 、 「 第 2 日 」 に イ ン ス ト ー ル 方 法 と 簡 単 な 操 作 法 を 解 説 し ま す 。 本 書 で は 、 そ の 後 も Firebug を 使 う こ と を 前 提 に し た 記 述 が 随 所 に あ り ま す が 、 Firebug 以 外 の 開 発 環 境 を お 使 い に な っ た と し て も 、 特 に 困 る こ と は あ り ま せ ん 。 「 第 2 日 」 の 最 初 に も 説 明 し ま す が 、 プ ラ ウ ザ の URL 入 力 欄 に 「 javascript: 」 と 打 ち 込 ん で 、 そ れ に 続 け て JavaScript コ ー ド を 書 く だ け で も コ ー ド を 実 行 す る こ と が で き ま す 。 た だ し 、 こ の 方 法 で は 長 い コ ー ド を 試 し に く い た め 、 何 ら か の JavaScript を 実 行 で き る 環 境 を 用 意 し た ほ う が JavaScript の 学 習 ・ 開 発 が 楽 に な る と 思 い ま す 。 マ イ ク ロ ソ フ ト の Visual studio を お 使 い の 場 合 は 、 VisuaI Studio Script Debugger と い う ソ フ ト が 付 属 し て い る の で 、 Firebug の 代 わ り に そ れ を 使 う こ と も で き ま す 。 ま た 、 マ イ ク ロ ソ フ ト の サ イ ト で は Microsoft script Debugger と い う 無 料 の デ バ ッ ガ が ダ ウ ン ロ ー ド で き ま す 。 こ れ は VisuaI Studio Script Debugger ほ ど 機 能 は あ り ま せ ん が 、 IE の ア ド オ ン ソ フ ト と し て 組 み 込 ん で 使 う こ と が で き ま す 。 た だ し サ ポ ー ト さ れ て い る の は Windows 98/ME と Windows XP/2000/NT 4.0 だ け で 、 Vista で は サ ポ ー ト さ れ て い な い よ う で す 。 Firefox と IE の 両 方 で 動 け ば 他 の プ ラ ウ ザ で も 動 く こ と は ほ ば 確 実 で す が 、 プ ラ ウ ザ に よ っ て DOM や CSS の バ グ が あ る こ と が た ま に あ る た め 、 で き れ ば Opera や Mac 版 の safari 、 Camino な ど で も 動 作 確 認 し た ほ う が い い で し よ う 。 ー Microsoft Script ー Debugger の ダ ウ ン ロ ー ド ベ ー ジ の URL は 、 ー http://www.micro ー soft.com/downloads ー /details. aspx?display : lang=ja&FamiIylD=e ー ー 606e71 f-ba7f-471 ー e-a57d-f2216d81 e ー ー c3d : で す 。

10日でおぼえる JavaScript 入門教室 新版


は じ め て の JavaScript 1 時 限 目 : HeIIo, world! 2 時 限 目 : 日 付 と 時 間 Ja aSc 「 ipt が ど う い う も の か を 知 る た め に は 、 ま ず JavaScript で 簡 単 な プ ロ グ ラ ム を 書 い て 、 実 際 に 動 か し て み る こ と が 最 も 近 道 で す 。 サ ン プ ル コ ー ド を 通 じ て Ja aSc 「 ipt を 使 う 上 で 共 通 す る 、 基 本 的 な ル ー ル や 形 式 に 慣 れ て く だ さ い 。

10日でおぼえる JavaScript 入門教室 新版


21 時 限 = ま ず 、 JavaScript の コ ー ド を 実 行 さ せ て 結 果 を 見 る の に 便 利 な ツ ー ル で あ る F ⅳ ebug の 使 い 方 を 覚 え 、 続 け て Ja aSc 「 ipt の 変 数 と デ ー タ 型 の 種 類 、 配 列 の 仕 組 み に つ い て 勉 強 し ま す 。 準 備 : Firebug の イ ン ス ト ー ル 【 変 数 ・ 配 列 ・ オ ブ ジ ェ ク ト ・ 関 数 ① 】 ~ 変 数 と 配 列 プ ロ グ ラ ミ ン グ 言 語 を 学 ん だ こ と の あ る 方 な ら 、 新 し く 習 っ た こ と を 実 際 に 使 っ り 、 こ う い っ た 場 合 は ど う な る ん だ ろ う と 疑 問 に 思 っ た こ と を 実 験 し て 確 か め て み た り す る こ と の 大 切 さ は わ か っ て い た だ け る と 思 い ま す 。 Firef 。 x の ア ド オ ン で あ る Firebug の コ ン ソ ー ル 機 能 を 使 え ば 、 手 間 を か け す に JavaScript の コ ー ド を 書 い て そ の 場 で 動 作 の 確 認 を で き る よ う に な り ま す 。 事 情 か あ っ て Firefox を イ ン ス ト ー ル で き な い 、 あ る い は Firebug を イ ン ス ト ー ル し た く な い と い う 場 合 は 、 コ ー ド の 書 き や す さ ・ 読 み や す さ ・ 再 利 用 の し や す さ と い う 点 で 劣 り ま す が 、 JavaScript を HTML フ ァ イ ル に 書 い て プ ラ ウ ザ で 読 み 込 む か 、 あ る い は も っ と 手 軽 な 方 法 と し て 、 プ ラ ウ ザ の URL 入 力 欄 に javascript : と 入 力 し て そ れ に 続 け て こ ん に ち は 。 : a の よ う に 、 コ ー ド を 1 行 で 続 け て 入 力 す る こ と に よ っ て 、 JavaScript の コ ー ド を 実 行 す る こ と も で き ま す 。 javascript : は 疑 似 プ ロ ト コ ル と 呼 ば れ る も の の 1 つ で 、 プ ラ ウ ザ に 対 し て JavaScript の コ ー ド で あ る こ と を 知 ら せ る た め の も の で す 。 alert(a); 0. 卩 “ “ れ Ⅷ ~ = " こ ん に ち は 。 ” 酖 ( 3 ) : マ ↓ 人 % を 00 ! ぷ 物 物 当 当 : , : 3 ノ 三 ロ M す 0 町 物 。 ! ☆ ー = ~ を w 翫 。 加 物 bb 翫 9 YouVe 0 W1th tabsy ・ し 52 ・ Save lnte 「 net ExplO 「 e 「 7 の U 日 L 入 力 欄 か ら JavaSc 「 ipt コ ー ド を 実 行 W 淋 dow 、 を に m を に こ ん に ぢ 訓 yc w を bpag ng 物 日 page you•re 00. by し 5 ⅵ 9 ね 0 ⅵ を ” and h001e P39 を bs ・ TO 9 供 鴃 d : ・ P 55 物 を CTRL keywhi!edcking ⅱ 0k5 ( 0 「 u 物 emidd n10 し 5 を button). ・ Cfickanytabwiththe mid 引 2010 し se b し れ 0 新 tO clO 驢 心 ・ PressALT+ENTERfrom the 記 255 ba 「 0 「 3 「 ( h boxtc open the 爬 厭 朝 anew ね b. ・ L03 「 0010 「 23b0 い bs ← ) Show 「 no 「 2 tab 5h0 ( し 圜 Don•t 由 ow 物 page 393 ⅵ 気 1 % マ elnternetlProtectedModeOn