特集1：サイトデザインのためのグッドテンプレート集

−クリエイターが作った多様なCSS＋JavaScriptレイアウト−

HTML＋CSSやJavaScriptでサイトデザインをする場合、カラム構成や要素によって、ある程度レイアウトが決まってきます。そんなときにベースに使えたり、アイデア見本帳代わりに眺められるテンプレートがあるといいとは思いませんか？
この特集では、本誌お薦めのWebクリエイターによる秀逸なデザインで多様なレイアウトのテンプレートを14種、さらに各テンプレートに1～4種のバリエーション表現を加えたものも配布します。商用利用可能で、どんな場面にも使えます。また、テンプレートを紐解くことで、現場のクリエイターたちが、どのようなコードを書き、デザインをしているのか覗けるのも勉強になるでしょう。ぜひ読んで、ダウンロードして、使ってみてください。

テンプレートファイルのダウンロード

特集2：Tumblrサイト構築完全ガイド

−HTML／CSSカスタマイズで立派なサイトが作れるんです！−

さっと小型サイトを作りたい。更新は頻繁だけど、WordPressのカスタマイズに挑戦するのは大変。ソーシャルな伝達力が欲しいけど、Twitterでは味気ない。そういった時には、Tumblrで作ってしまいましょう。
Tumblrの更新性の高さや情報伝播の早さは、他のblogサービスやSNSとは違った独特なものです。しかも、HTMLとCSSでかなり自由にWebデザインができるのも、Tumblrの特徴の一つです。blogっぽくないデザインも自由自在です。企業や有名人のTumblrサイトがたくさん登場しているいま、Tumblrのカスタマイズガイドをお届けします。

movement特別編

−Kinectを使った本格的アトラクション「ミライセンシ」を西武園で体験してきました！−

今年3月、埼玉県所沢の西武園ゆうえんちに登場した「戦え！大作戦アトラ　ミライセンシ」は、参加者が主人公となり、数々のミッションをクリアしながらエンディングを目指すというロールプレイングアトラクションだ。実は、最終ステージとなるバトルゲームは、京都のワン・トゥー・テン・デザインがKinect for Windows＋Flashで作ったというのだ。これは体験してみるしかない！ということで、5月某日、いざ西武園ゆうえんちへ！

ミライセンシ
ミライセンシ | Works － 1→10design, Inc.

コラボプロジェクト「チョコバナナ」

−コラボ参加クリエイター募集！ 芸人と伺います−

今回は、読者の皆さんの中から、次なるコラボクリエイターを募集します！　「これぞ！」というコンテンツ企画が思いついた方、開発していただける方、お待ちしています。

チョコバナナ

WF Inside Story

オープンソースプロジェクトによるPerfumeの世界戦略

人気テクノポップユニットPerfumeのグローバルサイトでは、彼女たちのダンスから作成したモーションキャプチャデータや中田ヤスタカ氏によるトラックのフリー素材と、それらを利用するための各種ソースコードがオープンソースで配布されています。すでにこれらのデータを利用して作られたさまざまなムービーがオンライン上で公開され、作る楽しさや見る面白さの両面から大きな話題になり、バズを起こしています。アーティストの著作権をクリアするだけでも大変なことだと思いますが、なぜこのような前代未聞のプロモーションを展開することになったのでしょうか。サイトの企画制作を手がけたRhizomatiks真鍋大度氏、堀井哲史氏、木村浩康氏と、Perfumeが所属するレコード会社ユニバーサルミュージックの猪田彰司氏に話をうかがいました。

Perfume official global website

肖像 －Web Craftman's Portrait－

－花井浩之、栗山 淳（S2 Factory）／サーバルームからWeb広告の歴史を積み上げる－

今回インタビューしたのは、S2 Factoryという開発会社。バックエンドのインフラを設計、運用する技術者集団として10年以上に渡って日本のクリエイティブを支え、大きな信頼を寄せられている彼ら。Webシーンの裏方的存在ではあるものの、その仕事はフロントエンドと同じく挑戦の連続だったといいます。

S2Factory, Inc.

ツクルヒト

−鈴木康広（アーティスト）／ひらめきの探し方−

横浜の突堤で披露された「未知への鼻」、瀬戸内国際芸術祭で公開された「ファスナーの船」、さらには「まばたき」「空気」「時間」‥‥。現代アーティストである鈴木康広さんが作品として取り上げたテーマは多岐に渡ります。一見、そこには何の共通項もないように思えますが、よくよく見ていくと、我々の普段の生活の中にある「あたりまえ」のことに「新しい視点を与える」ものだということに気付きます。その固定観念や既成概念にとらわれない発想は、どのように生み出されるのでしょうか。

Yasuhiro Suzuki

エキソニモの「ウェブにふれる」Vol.9

「立場逆転編」

エキソニモがついに執筆を放棄しました！　詳細は誌面で！

http://exonemo.com/wf/

まんがAC部活動日誌

第十四回「ガラパゴッシャー」

ガラパゴスなクリエイター集団AC部が、ガラケーのナイスデザインを提案します。たまには、とことんガラパゴったデザインもいいかもしれませんよ。

AC部

Web Designing Lab.

jQuery Lab.＿シンプルな写真ギャラリーを実装する
Text：徳田和規、谷拓樹

SECTION1のサンプルデータを見る
SECTION2のサンプルデータを見る
SECTION3のサンプルデータを見る
サンプルデータをダウンロードする

Smartphone Lab.＿フリックを独自実装してスマホ的な技法を学ぶ
Text：Coding Factory

「SECTION1」のサンプルデータを見る
「SECTION2」のサンプルデータを見る
「SECTION3」のサンプルデータを見る
サンプルデータをダウンロードする

Flash Lab.＿手軽にトゥイーンを実装できる「Tween24」
Text：池田泰延

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

Adobe CS Lab.＿プロトタイプデザインのためのワークフロー New!
Text：樋口泰行

Server Quick Reference

ホスティングサービスの料金や乗換時期の判断基準
Text：井上聡

movement

JR九州の新幹線などを手がける水戸岡鋭治の鉄道デザイン、奇想天外の“天外”！ TENGAI GALLERYが中目黒にオープン、時代に対する鋭い感性と毒。仲條正義の新作個展　ほか

Worldwide Creator's Archive

Goodmorning Technology／コペンハーゲンから世界へ

Goodmorning Technology

WD Website Front

ECLIPS LIVE FROM FUJIYAMA by SOLAR POWER、紙切包丁、アサヒドライゴルフ、UDS 株式会社コーポレートサイト、太宰府天満宮、ダーツにしやがれ！、NIKE Better World　ほか

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

【新著者登場】one's view

「夢を見せる技術」
Text：清水幹太
The Story of Send / Google

「たくらみのデータベース」
Text：林智彦（nuuo）
Don't date him girl（Facebook）

「zip、zip、zip！」
Text：谷口暁彦
1MB zip

「WebGL×野球盤にみるブラウザゲームの可能」 New!
Text：原一成
ハチャメヂャーリーグ

モノサシに目印

抽象折り紙
Text & Visual：長谷川踏太（tomato）

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

−iQON：PC向けからモバイル向けサービスへの「ピボット」−

iQON

Hop, Step, JavaScript! ～プログラムの基礎をイチから学習～

−一度の命令で同じ物をいくつも作れる「関数」−

テストの解答をダウンロードする

この仕事のカタチ

Webの個性は福井で探すべし？
Text：小泉森弥

橘塾

「直帰率リスト＝改善リスト」と捉えよ
Text：橘守

Social Seeds

SNSを通して個人が売買できる「仮想陳列ケース」サービス
Text：野澤智朝（ニテンイチリュウ）

ShopLocket

News Crawler

デジハリ「STUDIO新宿」オープン、デジタルステージ「LiVE for WebLiFE*」発売、Google世界のスマートフォン利用調査、One show 2012受賞結果発表、「Coda 2」リリース　ほか

ハギハラ総研

日本ではなぜChromeの比率が低いのか
Text：萩原雅之

その他

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