本連載では，DOM（Document Object Model）を使ったJavaScriptの新しいコーディング手法について紹介していきます。 近年，AJAXの台頭をきっかけに，JavaScriptを使ったブラウザのリッチ・クライアント化が進んできました。これまでは，サーバー側のプログラムでページを書き換えることで，ブラウザの表示に変化を与えてきました。しかし，現在では，ページの表示を変化させるだけであれば，ほとんどのことはJavaScriptのみで対処することが可能です。それを実現するのがDOMなのです。 ブラウザのリッチ・クライアント化により，JavaScriptに求められる要求は，複雑さを増すばかりです。本連載では，DOMの基礎を学び，DOMならではのコーディング手法について紹介していきます。 まず，第1回ではDOMとは何なのか，そしてDOMで何ができるのかを解説していきます。 DO

アコーディオン1 こんにちは、ぼくはアコーディオン1号です。 アコーディオン2 こんにちは、ぼくはアコーディオン2号です。 アコーディオン3 こんにちは、ぼくはアコーディオン3号です。 html <dl> <dt>アコーディオン1</dt> <dd>こんにちは、ぼくはアコーディオン1号です。</dd> <dt>アコーディオン2</dt> <dd>こんにちは、ぼくはアコーディオン2号です。</dd> <dt>アコーディオン3</dt> <dd>こんにちは、ぼくはアコーディオン3号です。</dd> </dl> $(function () { $("dd:not(:first)").css("display","none"); $("dt:first").addClass("select"); $("dl dt").click(function(){ var cont = $(this).nex

JavaScriptの基本～実用的な関数までサンプル付きで解説。 ロールオーバー、ウィンドウ操作、連動プルダウン、入力チェック（正規表現含む）など、 サイト制作に使える実用的なスクリプトを紹介。コピペで使えます。 JavaScriptでDOM（Document Object Model）のメソッド・プロパティを使ってページ上のノードにアクセスするサンプルも追加しました。

JSONは，構造化されたデータを記述するための，テキスト・ベースのデータ記述言語の一つです。JavaScript（ECMAScript）でオブジェクト・リテラルを記述する構文をそのまま使っているため，人間が読んでわかりやすく，プログラムでも容易に処理できるという特徴があります。 例えば， { "name":"Nikkei Software", "price":980 } という文字列は，それぞれnameという名前の文字列“Nikkei Software”，priceという名前の数値980を持つデータをJSON形式で記述した例です。 JavaScriptプログラム中でこのJSON形式データを処理するには，evalメソッドを使います。evalメソッドは，引数として与えた文字列をJavaScriptプログラムとして解釈するメソッドで，JSON形式の文字列をオブジェクトにしてくれます。 人間にもコ

はじめに 「マンガでわかるJavaScript」は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。 架空の高校生たちに教える形式で、プログラムの基礎から応用を、解説していきます。一通りのマンガを読めば、かなり実践的なところまで、プログラムを書けるようにしていきます。 （マンガは、左上から右下へと読みます） プログラムというと、けっこう大変そうに思えますが、この講座のテーマは「面倒くさいことを楽にする」です。面倒臭がりで、手抜き大好きの女子高生を主人公にして、楽しくプログラムを学んでいくことにします。 主な対象読者は「これからプログラムを学んでみたい人」「Webの世界に関わっていてJavaScriptを学んでみたい人」「昔JavaScriptを触っていたけど最新のトレンドが分からないので改めて学んでみたい人」などです。初心者だけでなく、Webデ