特集1：Go HTML5, Go!

−変化の波に乗り遅れるな！　既存サイトの移行から先行事例まで−

Webを変える技術としてHTML5 が注目を集めつつあり、対応ブラウザやツールも出揃ってきました。しかし、「Webアプリケーションのプラットフォーム」「プラグインなしでマルチメディア要素を再生」といった側面ばかりが強調され、ある種のバズワードと化しているかもしれません。そこで本特集では、実際にHTML5とは何であり（あるいは、何ではないか）を明確化した上で、実際のHTML5によるサイト制作の方法を解説しました。また、すでに存在する優れた先行事例を制作者自身に説明してもらいました。
HTML5は未来の話ではなく、すでに走り始めている「今」なのです。

• Part1 Practice
  • Introduction＿HTML5のキーポイント
  • Practice01＿イチからHTML5を書いてサイトを作成する
  • Practice02＿メディアクエリを使って「レスポンシブなデザイン」を実装する
  • Practice Model＿既存サイトのHTML5化、「livedoor labs EDGE」の場合
• Part2 Case Study
  • Case Study01＿今までにないものを、新しい技術で（WEB WEB BOY）
  • Case Study02＿コーポレートサイトにおけるHTML5対応（EC Studio）
  • Case Study03＿iPadアプリとしてのHTML5（ニコニコ動画）
  • Case Study04＿HTML5をはじめとする最新技術の集大成（The Shodo）
  • Column＿世界の「最先端」事例に学ぶHTML5

サンプルデータをダウンロードする

特集2：8組19人のクリエイティブ

−ブラウザを越えたものづくりの原点−

インタラクティブデザインの魅力に迫るカンファレンス「dotFes2010@3331 Arts Chiyoda」の開催まであとわずか。でも、そもそもインタラクティブデザインって何なのでしょう？　dotFesに参加するクリエイターたちの、ものづくりにかける思いを集めるとその姿が見えてきました。

• 01＿松本典子（イメージソース）、西 崇徳（ノングリッド）
• 02＿河合育夫、真辺浩二、長井建一（ワン・トゥー・テン・デザイン）
• 03＿齋藤精一、堀 宏行（ライゾマティクス）
• 04＿尾﨑俊介、原 央樹、えとう ゆうこ（くるくる研究室）
• 05＿吉川佳一、細金卓矢、宮本拓馬（BOW）
• 06＿工藤 岳、河北啓史（チームラボ）
• 07＿宗 佳広、山田純也（ココノヱ）
• 08＿千房けん輔、赤岩やえ（エキソニモ）

掲載サイトリンク集

言葉のデザイン 2010 パブリッシングプロジェクト

第4回レポート「デザイナー達のオンスクリーン」

原研哉、永原康史両氏が毎回、さまざまな分野の専門家を招き、オンスクリーンでのタイポグラフィを考える会「言葉のデザイン2010」。第四回研究会は、松本弦人と小泉均の両氏をゲストに招いて行われました。

【OnClick】この秋、本に触れよう

気鋭のセレクターがおすすめする

「読書の秋」ということで、気鋭のセレクターがおすすめする「見て楽しい」「読んで新しい」本を集めました。ビジュアルブックから科学の絵本まで、26冊。「デザインに活かす」「学ぶ、知る」「脳を刺激する」という3つのテーマで、3組の目利きたちが厳選した「ワケ」に注目してください。本の見方がちょっと変わるかもしれません。

NADiff a/p/a/r/t
SHIBUYA PUBLISHING & BOOKSELLERS
UTRECHT/NOW IDeA

BiND4特別講習

第1回：HTML5に対応したスライドショー作成ツール「SHiFT」に迫る

生産性の高いWebオーサリングツールとして定評のある「BiND for WebLiFE*」の最新版「4」がリリースされました。HTML5への対応をはじめ、数多くの新機能を搭載しています。そこで今回を含めた3回に渡って、新しいBiNDの魅力を紹介していきます。

BiND for WebLiFE*
作例を見る

【FocusOn】Ustream著作権の話

知っておきたい、知らなきゃできない

鼻うたはOK、カラオケはNG。巷で話題の「Ust DJ」、実は「現状では」グレー?!　とにかくわかりにくい法律の話。さらにUstreamを巡る著作権の問題は、ちょうど大きな転換期を迎えているだけにややこしいのです。避けて通りたい気持ちは山々ですが、やるからには最低限の知識をふまえた上で、楽しく、気持ちよく！

（社）日本音楽著作権協会（JASRAC）
（株）イーライセンス
（株）ジャパン・ライツ・クリアランス（JRC）
USTREAM Asia「USTREAMで配信する前に」

Web Designing Lab.

CSSLab.＿管理しやすいトーナメント表
Text：佐藤とも子・サチコ（螺旋デザイン）

サンプルデータ「IDEA1」を見る
サンプルデータ「IDEA2」を見る
サンプルデータをダウンロードする

FlashLab.＿パーティクルを表現に取り入れる
Text：沖良矢（世路庵）

サンプルデータ「section1」を見る
サンプルデータ「section2」を見る
サンプルデータ「section3」を見る サンプルデータをダウンロードする

GraphicLab.＿デザイン処理した日本地図を制作する
Text：瀧上園枝

サンプルデータ「IDEA1」を見る
サンプルデータ「IDEA2」を見る
サンプルデータ「IDEA3」を見る
サンプルデータをダウンロードする

HOSTING SERVICE Essence

クラウドコンピューティングが意味するもの
Text：井上聡

movement

iPhone／iPod touch用の電子雑誌「bOOg」創刊！、“拡張する芸術”がテーマ「トランスフォーメーション展」、東京で「セミトラ展」開催　ほか
優秀作品決定！ Adobe AIR Contest 2010
今月のアーティスト／澤田知子

エキソニモのView-Source

ParisとLa Otaku
Text & Visual：エキソニモ

Worldwide Creator's Archive

skive／根底にある「主役は常にユーザー」という意識

skive

WD Website Front

UNIQLO LUCKY MACHINE、Let's PLAY!! 夜カジ体操、NIPPON COLORS - 日本の伝統色、A4折形　ほか

今月の掲載サイトリンク集へ

WD Website Front＿In-Depth Report

プログラミン／子供にプログラミングの構造を伝える仕組み

プログラミン

one's view

「それでも僕はAXEを買い続ける」
Text：長井健一（ワン・トゥー・テン・デザイン）
AXE SHOWER-NAVI

「毎日に、ゲームのような勝利感。」
Text：川村真司
EPICWIN

「自分が主人公になれるミュージックビデオ」
Text：小山智彦
The Wilderness Downtown

モノサシに目印

読者との距離感
Text & Visual：長谷川踏太（tomato）

ツクルヒト＿藤浩志企画制作室代表・美術家

藤浩志／ツクルことにだまされるな！

藤浩志企画制作室
かえっこ事務局

Dance with iPhone

大公開！　iPhonアプリの企画書とその作り方
Text：瀬尾浩二郎（面白法人カヤック）

Hi! Tweet

ハギハラ総研

ネットで小沢一郎が人気にみえた理由
Text：萩原雅之

この仕事のカタチ

数値に現れるP とDの「前のめり感」

Web Standards Plus

プレースホルダーには何を書くべきか？
Text：矢倉眞隆（ミツエーリンクス）

my first IA

サイト評価の観点からWebサイトを見直してみよう
Text：長谷川敦士（コンセント）

橘塾

映像が企業の業績に寄与する時代に突入
Text：橘守

モバイルコンテンツ最前線

位置情報共有サービス「ロケタッチ」：ペルソナの「小学生時代」を再現する
Text：中谷健一（トリムタブジャパン）

ロケタッチ

Social Seeds

いま位置情報SNS が盛り上がる理由と期待される効果
Text：野澤智朝（ニテンイチリュウ）

foursquare

WD Reviews

Adobe Photoshop Elements 9、Snatit 10、CorelDRAW Graphics Suite X5

News Crawler

IE 9 β版登場、W3CのテストではHTML5対応ナンバー1
阿部貴弘氏に聞くFlash→HTML5変換「FL2HTML5」　ほか

その他

全国Web制作会社リスト
モニター&プレゼント
WD Square
Back Numbers