【WD EXPRESS 2007/09/05】定番Ajaxライブラリをまとめてみる
===【WD EXPRESS 2007/09/05】============================================
Web Designing 2007.09.05
Information EXPRESS http://book.mycom.co.jp/wd/
※毎月5日頃に発行する「WD EXPRESS」では、新着サイト情報や本誌連載陣の
お勧めサイト、読者プレゼントを紹介します。
========================================================================
おはようございます。WD EXPRESSです。酷暑と呼ばれた8月がやっと終わりま
したが、残暑の厳しさが依然続いていますね。体調を崩しがちなこんな時期で
も、目や耳に飛び込んできて何も考えずに楽しめるのが、映像の世界。いま発
売中の9月号の特集2「映像表現のバックステージ」では、実績あるWeb制作会
社のディレクターにWeb映像の何たるかをたっぷり語ってもらっています。映
像づくりの秘訣を、ぜひ読み取ってみてください！
■ N E W S I T E S I N F O R M A T I O N ■
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
編集部に寄せられた新作＆リニューアルサイト情報から、選りすぐりのものを
制作者の方々からのコメントとともにご紹介します。
▽ひらかたパーク（ザ・ブーンJACK編）
http://www.hirakatapark.co.jp/
「京阪電気鉄道（株）の運営するひらかたパークの、夏の重点商品であるプー
ル「ザ・ブーン」の特設サイトです。TOPページではプールの「ザ・ブーン」
を象徴する、迫力ある波にJACKされるFlashムービーをお楽しみください。各
施設もかわいいイラストMAPを使って、わかりやすく案内しています」
制作：（株）京阪エージェンシー http://www.keihan-ag.co.jp/
（株）ノース・ヒル http://www.north-hill.co.jp/
▽Simp's Shop 〜敏感肌用スキンケアシリーズ ショッピングサイト〜
http://simps.jp/
「忙しい女性に贈る新しいスキンケアシリーズ Simp's。4月末の敏感肌用化粧
品Simp's Lesson Program発売に併せ、サイトがリニューアルされた。さまざ
まなアニメーションで伝えるブランドストーリーやオリジナルキャラクターの
登場で、メインターゲットの女性へのわかりやすさと親しみやすさで商品を紹
介している」
制作：シナジーマーケティング（株） http://www.synergy-marketing.co.jp/
（株）ノエビア http://www.noevir.co.jp/
▽Awesome! クリエイターズポスターショップ
http://asm-shop.com/
「クリエイターの作品の発表の場でもある、アートポスターのショップを新規
オープンしました。クリエイターは無料でサイトを利用できます。Webが登場
した時代を彷彿させるようなどこか懐かしいデザインと、最新技術（CSSデザイ
ン、APIやASPの活用）を駆使したサイト構築です。各デザイナーの作品のポー
トレートととして使用できるようにし、デザイナーのPRの場として提供できる
ように設計しました」
制作：フロッグスデザイン http://www.frogsdesign.jp/
▽Blue Man Group（ブルーマン公式サイト）
http://blueman.jp
「ブルーマングループとは、ミュージック・アート・コメディーを融合させた
パフォーマス集団。オフブロードウェイで注目され、全米そしてヨーロッパを
席巻し、世界各地を熱狂させているグループです。彼らの持つ世界感、スケー
ルとどうコラボレーションできるか。表現一つひとつにこだわったブルーマン
日本公式サイトに仕上げました」
制作：スタジオゲット http://www.studioget.co.jp
▽健康で楽しい毎日を【いきいきナンパオ倶楽部】
http://www.ikiiki-nanpao.com/
「田辺製薬ヘルスケア製品「ナンパオ」の「いきいきナンパオ倶楽部」Ｗebサ
イトをリニューアル。“養生”を新たなキーワードとして、ナンパオの新たな
ブランド構築を行っています。ターゲットであるシニア層が普段使い慣れてい
る、テレビとリモコンに似せた大画面の映像と再生ボタンにより、違和感なく
スムーズに閲覧いただける映像インターフェイスを制作しました」
制作：（株)クインランド http://www.quinland.co.jp/
彩都メディアラボ（株） http://www.medialab.co.jp/
▽ミュージカル ラムネ公式サイト
http://www.musical-ramune.jp/
「名曲とともに昭和をよみがえらせるミュージカル「ラムネ」の公式サイト。
主人公が自分の激動の人生を、その時代を象徴する多くの日本の名曲と共に笑
いあり、涙ありで描くミュージカルを紹介します。Web上では、ミュージカル
の開催内容／出演者などの舞台情報のみではなく、オリジナルコンテンツとし
て各年代を象徴する曲と歌詞を、その時代を飾ったさまざまなイメージととも
に紹介します」
制作：ロックンロール食堂
kazepro http://www.kazepro.com/
OZ Inc. http://www.with-oz.jp/
▽Move on to the NEXT. Start with NEC
http://www.nec.com/nsp/ngn/
「NGN（Next Generation Network）を紹介するグローバルサイト。スペシャル
サイトとして位置づけ、HTML構造の読ませるだけのサイトではなく、視覚的に
も次世代感のある構成として、訴求効果を狙った提案。全画面Flashを最大限
に活用し、サイト全体をネットワーク図のように構成、図の中を飛び交うよう
に画面推移するビジュアルを展開」
制作：B-SHIKI Fld. 貴真 http://www.b-shiki.com
▽グラフィックデザイン会社 3KG
http://www.kgkgkg.com/
「3KGは、札幌を拠点としてアートディレクション、デザイン、イラスト、映
像など分野を問わず、幅広く活動するグラフィックデザイン会社です。大企業
から個人経営のお店まで、日本国内だけではなく、海外の仕事も手がけていま
す。他にもTシャツの生産やフリーペーパーの発行、イベント運営なども手が
けます」
制作：3KG
▽スリム アップ スリム
http://www.asahi-fh.com/sus/
「アサヒフードアンドヘルスケアのダイエット食品「スリム アップ スリム」
のリニューアルサイト。商品の認知やイメージアップと会員制のダイエットコ
ミュニティサイト「clubSUS」への誘導と活性化を図る目的で制作。マイペー
ジでは、日記や体重の推移グラフが表示されるダイエットダイアリーを、より
使いやすいblogのようなカレンダー付きインターフェイスにするなどの工夫を
施しました」
制作：（株）電通 http://www.dentsu.co.jp/
（株）たき工房 メディアエクステンション http://www.taki.co.jp
（有）スパイス・グラフィックス http://www.spiced-g.com
アサヒビジネスソリューションズ（株） http://www.n-ais.co.jp/
石島和季
ウラタダシ
▽Mozilla 24
http://www.mozilla24.com
「“24時間ノンストップ”というキーワードで、ネットでつながる地球規模の
Mozillaイベント（グローバルイベント）における特別サイトです。デザイン
面ではイベントの壮大感や期待感、同時にmozillaらしさを表現。Movable Type
と静的ページで制作し、技術面としてはthickbox.jsを利用して、インタラク
ティブなインターフェイスを実現。ページ内をi-frameで作成することで、
javascript OFFでの表示も対応」
制作：バーチャルコミュニケーションズ（株） http://www.virtualcom.co.jp/
◆当コーナー、および本誌「Website Front」に新規サイトの掲載を
希望の方は、こちらをご覧ください。
http://book.mycom.co.jp/wd/currentissue/websitefront.html#contact
┏ ◆Web Designing9月号発売中◆ ━━━━━━━━━━━━━━━━━━━━┓
========================================================================
特集1：“わかったつもり”のWeb知識
—GIFとPNG、StrictとTransitional、わかったふりをしていませんか？—
------------------------------------------------------------------------
特集2：映像表現のバックステージ
—百戦錬磨のWebディレクターが語る—
========================================================================
【特別付録小冊子】Microsoft Expression Blend チュートリアルブック
エクスペリエンス・デザインを極める3Dリッチコンテンツ作成講座
------------------------------------------------------------------------
【新連載】Hello, AIR WORLD :-)
Dreamweaverで作るAIRフォトギャラリー
------------------------------------------------------------------------
【短期集中連載】MITが生んだアート志向の開発環境「Processing」
「Particle Typography + Mail」の第一歩
／画像の色情報で変化するグラフィック
========================================================================
最新号の内容はこちらから → http://book.mycom.co.jp/wd/currentissue/
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
■ N O W R E C O M M E N D E D ■
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Web Designing 本誌の「Ajaxハジメマシタ」という連載を担当している古籏一
浩です。連載が始まってからすでに一年以上が経過しました。もはやAjaxとい
う呼称も一般的なものになり、当時は数えるほどしかなかったJavaScriptライ
ブラリも、いまや多数登場しています。その結果、今ではメジャーなライブラ
リ以外は淘汰されつつあります。
そこで今回は、現在定番とも言える（今後残りそうな）Ajaxライブラリを、一
挙にまとめてみました。
▽prototype.js
http://www.prototypejs.org/
最も多く使われているAjaxライブラリです。Ajaxライブラリとして注目されま
したが、実際にはJavaScriptの機能を拡張するライブラリ。世に出ているAjax
ライブラリの中には、これをベースにしたものが多くあります。
▽script.aculo.us
http://script.aculo.us/
prototype.jsをベースにして、エフェクト関連に特化したライブラリです。フ
ェードエフェクトやオートコンプリート（入力補助）、ドラッグ＆ドロップや
スライダーなど、いくつかのコントロール機能も装備しています。
▽Yahoo UI Library
http://developer.yahoo.com/yui/index.html
ユーザーインターフェイスまわりを得意とするライブラリです。ボタンやスラ
イダー、ウインドウやダイアログなど、かなりの数が揃っています。最新版で
はカラーピッカーや装飾可能なエディタなども装備されました。
▽jQuery
http://jquery.com/
prototype.jsで利用される$()を装備していますが、CSS 3での表記が可能で、
非常に短いコードでDOMのオブジェクトを制御できます。バージョンが上がる
につれて、速度も向上していますし、jQueryをベースにしたライブラリも増え
ています。
▽Dojo
http://dojotoolkit.org/
巨大なライブラリです。Yahoo UI Libraryも巨大ですが、その比ではありませ
ん。他のライブラリ（フレームワーク）と異なり、Dojo単体で完結する形で作
られています。つまり、すべての機能を網羅し、実装していることになります。
今回は定番ライブラリをまとめて紹介してみましたが、他にも小さくても秀逸
なライブラリがたくさんあります。Ajaxライブラリの利点は手軽でリッチな表
現が可能になるところです。これはと思うライブラリがあれば是非利用してみ
てださい。 （古籏一浩）
■ Book Reviews & Present ■
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
WD EXPRESS読者のみなさんに、おススメ書籍をご紹介する新コーナーです。
紹介した書籍のプレゼントもありますので、お楽しみに！
[『Dreamweaver CS3マスターブック for Windows & Macintosh』（1名）]=====
大倉美奈子 著 毎日コミュニケーションズ 刊 2,520円
Adobe Dreamweaver CS3を習得するためのガイドブック。特に頻度が高く使わ
れる機能を中心に初心者が取り組みやすい誌面構成となっており、手順に沿っ
て丁寧に解説されている。
http://book.mycom.co.jp/book/978-4-8399-2479-9/978-4-8399-2479-9.shtml
[『Web2.0 ネットビジネス最前線』（1名）]===============================
インフォシェル・佐藤和明 著 毎日コミュニケーションズ 刊 1,575円
Web2.0の本質と特徴、そしてサイト実例やネットビジネスとの関わりについて
解説する書。日本の最先端サイト（海外サイトの日本版も含む）10カ所の取材
記事で、各サイトの創業者や運営者の生の声に基づいて構成されている。
http://book.mycom.co.jp/book/978-4-8399-2245-0/978-4-8399-2245-0.shtml
[『Adobe Photoshop CS3 Essential Book Extended対応
Macintosh & Windows』（1名）]====
イシグロマサハル 著 毎日コミュニケーションズ 刊 2,520円
Photoshop CS3へのバージョンアップを考えている人向けの解説書。CS3の新機
能を中心に、Photoshopの重要機能を厳選して紹介する。修正前と後の画像デ
ータの作例を並べながら機能の役割や目的を理解させる内容だ。
http://book.mycom.co.jp/book/978-4-8399-2459-1/978-4-8399-2459-1.shtml
上記の書籍のいずれかが「欲しい！」という方は、下記の必要項目とWD EXPRESS
へのご意見・ご感想をメールにご記入の上、奮ってご応募ください。
件名：「WD EXPRESS プレゼント係」
応募先アドレス：wd_exp@mycom.co.jp
必要項目：お名前、住所、メールアドレス、欲しい書籍のタイトル、
「WD EXPRESS」もしくは「Web Designing」へのご意見・ご感想
締め切り：2007年10月4日（木曜）
■ E D I T O R S R O O M ■
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
今月から始まりました短期集中連載はご覧いただけたでしょうか？
「Processing」（http://processing.org/）は、オープンソースで提供されて
いるフリーの開発環境で、連載ではその特徴的な機能を用いたサンプルプログ
ラムと、実際にProcessingを使って制作された作品を紹介しています。著者の
田中孝太郎さん（http://dotimpac.to/）が作るサンプルプログラムは、本当
にびっくりするくらい短く簡潔なソースコードにまとまっているので、プログ
ラムが苦手な私も気構えることなく始められました。簡単なのに、多彩な表現
が可能なProcessing。だまされたと思って一度試してみてください。きっと、
みなさんも驚くはずです。
さらに、今回紹介した「Particle Typography + Mail」は、あのインスタレー
ションプロジェクト「BIGSHADOW」にも携わっている前川峻志さんが学生時代
に制作した作品だというから驚きです。サイト（http://generative.info/）
では、展示中の動画を見ることもできます。
芸術の季節も迫ってきました。今年の秋は「Processing」でアートしてみるの
もいいかもしれませんよ？ （macpas）
=========================================================================
サイト構築のためのトータルデザイン誌「Web Designing」
定価1,280円／毎月18日発売
バックナンバー揃ってます -> http://book.mycom.co.jp/wd/backnumber/
配信中止、アドレス変更 http://book.mycom.co.jp/wd/mm/
メールマガジンへのご意見・お問い合わせ wd_exp@mycom.co.jp
配信設定に関するお問い合わせ mailpub@mycom.co.jp
Copyright(C) 毎日コミュニケーションズ 2007 禁無断転載
=========================================================================
