「tk1975.com」に訪問していただき、誠にありがとうございます。
当Webサイトでは、CSSとJavascriptの基本を学び、意味づけしたマークアップの重要さを認識した方向けに、次に進むべき道の一つとして、JavascriptとCSSを組み合わせて実現するDOM Scriptingを紹介します。
ただのサンプル集としてではなく、実際に即利用できるフレームワークを提供していきたいと考えています。
サイト構成
制作環境と動作確認ブラウザ
| ディスプレイ | XGA（1024x768）以上 | |
|---|---|---|
| OS | Windows XP / Vista | Macintosh OS X（Leopard,Tiger） |
| マークアップ | xhtml 1.0 strict / xhtml 1.0 transitional | |
| CSS 2以上 | ||
| Javascript1.5以上 | ||
| 動作確認ブラウザ |
|
|
謝辞
すでに優れたJavascriptフレームワークは多数存在しています。
特に「prototype.js」と「jQuery」は有名で、すでに多くの書籍でも紹介されていたり、appleの公式サイトのリニューアル時に「jQuery」が実装されたのには衝撃を受けたものです。実際に自分もその恩恵に授かろうと「prototype.js」と「jQuery」の導入を試みたことがありました。結論からいうと、うまく利用することができませんでした。自分のスキル不足のせいで、思うように機能してくれなかったり、どこをどのように修正すればカスタマイズできるのか分からなかったのです。Javascriptに対する拒否反応が生まれてしまいました。
2007年秋、体調を崩し2ヶ月半ほど入院生活をよぎなくされたのですが、それを機会に体調がよいときはJavascript辞典を手にサンプルを眺めてはJavascriptで出来ることをいろいろ知りました。そして、そのときに出会った一冊の本が、ぼくに新たな道を示してくれました。「DOM Scripting 標準ガイドブック 〜やさしく学ぶ、JavaScriptとDOMによるWebデザイン〜」。そこに書かれているすべてが目に鱗（うろこ）でした。
「もしあなたがすでにCSSとXHTMLを使って自分のデザインを実際のWebページに変換しているなら、Web標準がいかに強力かをすでに知っていることになる。もう<font>タグを2度と使うことはないことを実感した時の興奮を覚えているだろうか。1個のCSSファイルを変更するだけで、サイト全体のデザインを変更できることを発見した時を覚えているだろうか。DOMはそれに等しいレベルの力を提供してくれるのだ。」
「DOM Scripting 標準ガイドブック 〜やさしく学ぶ、JavaScriptとDOMによるWebデザイン〜」のはじめに から引用
さらに、彼はこう続けます。
「私はDOMスクリプティングのクールな効果の説明だけを説明するつもりはない。DOMスクリプティングを使って、Webページをユーザブルでアクセシブルに強化する方法を紹介するつもりだ。」
この本の著者、Jermy Keithの考えに全くもって同意です。ぼくが知りたかったことの多くがそこには書かれていました。彼に感謝するとともに、そこから学び得た知識をぼくなりにアレンジしてこのWebサイトを運営していきたいと考えています。
また、彼と同様に、ほぼすべてのブラウザに組み込まれている「ソースを見る」という機能と、魅力的な振る舞いをJavascriptで実装した方々に知識を分け与えてくれたことに感謝したいと思います。どうもありがとうございます。
自己紹介
川上武範（かわかみたけのり）
1975年生まれ。
自称マークアップデザインエンジニア。
正しいマークアップ、SEO対策を意識したキーワード選び、デザインと文章の完全分離を意識したWebサイト制作が得意。
現在、Webコーダー兼SEO対策担当を経て、現在派遣社員として広告メディア会社にWebコーダーとして勤務する。
今後は最新のWeb情報をキャッチアップしながら、Web標準に準拠した制作を前提に、ビジュアルデザインを磨いたWebデザイナー、ユーザー視点の情報設計を行えるWebディレクターを目指して日々精進していく所存です。
- 連動連載Webサイト
- 「0から目指すWebマスター」
