Web Designing

ウェブデザイニング | Web Designing | 情報戦略でビジネスを加速させる 毎月18日発売

cover

2012年2月号

定価 1,470円

  • サンプルデータのダウンロードには、当月号の目次に掲載しているIDとパスワードが必要です。
  • サンプルデータに関する詳しい注意点については、このページの下部に記載している「サンプルデータについて」をご覧ください。

特集・特別企画

特集1:HTML5を始めよう

−今年こそ脱4.01! これからのHTML+CSSの書き方、考え方−

「HTML5」は、最初に複数のブラウザがサポートした仕様が「canvas要素」だったために動的なコンテンツ実現のための仕様として注目されましたが、実際には従来のHTMLコーディングのマークアップ記法をすべて刷新するものであり、今後のマークアップの基本となるものです。この特集では、やがて来るHTML5が当たり前の時代に備えて、HTML5の「本思想」「基本仕様」「マークアップ」などについて解説していきます。

  • INTRODUCTION(総論)_HTML5が制作環境に与える影響
  • 01_HTML5からのページ記述の基本記法
  • 02_HTML5のマークアップはアウトラインの理解から
  • 03_これだけは押さえたいHTML5の新要素、HTML4との違い
  • 04_CSS3の7つの主要な機能を理解する
  • 05_動的コンテンツを実現するHTML5
  • Column_HTML5とWebアクセシビリティ

previewpreview

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

特集2:“カワイイ”デザインの社会学

−作り手と受け手が生む感覚共有の時代へ−

結論から言ってしまうと、デザインは作り手と受け手による感覚共有の時代へ向かっているのかもしれません。「カワイイ」とはそのことを示すシンボリックな言葉である、と。いつからか、デザインの領域においてカワイイが評価軸として価値を持ちはじめました。けれども、そもそもカワイイとは、どのようなことなのでしょうか? そこで今回は、カワイイとデザインについてのユニークな研究について触れると同時に、プロダクト、ファッション、建築、エディトリアルといった作り手の方々にカワイイという表現について聞いてみました。本特集がWeb制作に携わるみなさんの一助になることを願いつつ、カワイイとデザインの深遠なる関係について、探ってみたいと思います。

  • 01_カワイイ談義:DRILL DESIGN(林裕輔/安西葉子) × 真壁智治(『カワイイデザインパラダイム研究』著者)
  • 02_チームカワイイ「カワイイデザイン研究」 〜 カワイイを定量化する「カワイイ臨界点」〜
  • 03_「カワイイデザイン」のケーススタディ 〜真壁智治氏が解説するカワイイデザインについて〜
  • 04_デザイナーが語る、「カワイイ」について
  • Column_もうひとつの視点   
    • カワイイ論――拡張する求心力:藤崎圭一郎

previewpreview

謹賀新年! これがクリエイターの「年賀状」!

−期間限定の見逃せないコンテンツが勢ぞろい−

毎年、クライアントワークでは発揮できないような実験的なアイデアや、自由なクリエイティビティが詰め込まれた、年賀状や年賀サイトのお知らせが届きます。ですが、ほとんどが期間限定、そして大々的に制作実績として紹介されることもあまりなく、あとから知って悔しい思いに駆られることもしばしば。今回は、編集部に届いた年賀状の数々、話題のあの会社の年賀コンテンツなどなどを、新年のご挨拶代わりにご紹介させていただきます。

preview

紹介事例リンク集

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

−プログラムは魔法の呪文−

今月から始まるこの連載では、プログラムの考え方を理解すべく、Webブラウザ上で動くプログラミング言語である「JavaScript」を素材に、基礎からゆる~りと学んでいきます。初回はまず、プログラミングとは何なのか、JavaScriptは何ができるのかを解説しましょう。アブラカタブラアブラカタブラ。「魔法の呪文=プログラム」を使いこなせれば、コンピュータに望み通りの指示を出せます。

preview

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

WF Inside Story

−ユーザーのいいね!を反映したトヨタ86の「ソーシャルカタログ」−

2011年11月末に初お披露目され、車愛好家の間で大きな話題を集めているトヨタのコンセプトカー「86(ハチロク)」。ブランドサイトでは86のさまざまな特徴が紹介されていて、各特徴に対してユーザーがいいね!やコメントを付けることができます。そして、いいね!の数に応じて表示が重み付けされる「ソーシャルカタログ」という革新的な見せ方がされているのです。この表現に至る思考や狙いを、制作スタッフの方々にうかがいました。

preview

TOYOTA 86 PROTOTYPE MODEL for TOKYO MOTOR SHOW 2011

肖像 -Web Craftman's Portrait-

-後藤基史/拠点は大分県、フィールドは世界、作るは独創的なHTMLサイト-

「あの人を知りたい」という読者の要望がもっとも多いWebデザイナーの一人、後藤基史氏(STRAIGHTLINE)は、フリーランスのWebデザイナーとして大分県に住んでいます。JavaScriptを使ったスマートなHTMLサイトのUI設計で知られる後藤氏が、活動開始からたったの2年で、どうやってこれほどの存在感を放つようになったのかを詳しく訊いてみました。

preview

STRAIGHTLINE

デザインにできることDialogue

久保田晃弘×永原康史「つくりかたの未来の未来」

カッティングマシンや3Dプリンタ、コンピュータミシンなど設備の整ったオープンな場を提供し、「デジタルファブリケーション」を伝える久保田晃弘氏をゲストに迎え、デジタルファブリケーション元年と言われた2011年、そしてその先にあるものづくりの未来について話を聞きました。

preview

FabLab Japan
芸術衛星「ARTSAT」

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

今回の記事は、他社の雑誌へとつながる壮大な実験となっております。エキソニモさ~ん、こんなことやって大丈夫なんでしょうか!?

preview

http://exonemo.com/wf/

まんがAC部活動日誌

第九回「絵コンテの描き方」

4コマ漫画と絵コンテってこんな密接な関係が! 編集部も絶賛の自分ロボが大活躍してくれました。

preview

AC部

連載企画

Web Designing Lab.

CSSLab._CSSによる最も簡単なアコーディオンメニュー
Text:秋葉秀樹

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

jQueryLab._パララックス効果で奥行きを与えて目を惹く
Text:徳田和規谷拓樹長谷川広武

SECTION1のサンプルデータを見る
SECTION2のサンプルデータを見る
SECTION3のサンプルデータを見る
.waypoint()イベントで実装したサンプルデータを見る
サンプルデータをダウンロードする

SmartphoneLab._jQuery Mobileはじめの一歩
Text:Coding Factory

「SECTION1」のサンプルデータを見る
「SECTION1」の「角丸が解除されたボタン」のサンプルデータを見る(※これ以外のサンプルは、以下のデータをダウンロードして、ご確認ください)
サンプルデータをダウンロードする

FlashLab._Flash Player 11の新機能「Stage3D」入門
Text:池田泰延(ClockMaker

preview

「Starlingによる炎のパーティクル」を見る
ゲームに発展させたサンプルデータを見る
サンプルデータをダウンロードする

Server Quick Reference

バックボーン回線の仕組み
Text:井上聡

movement

AdobeのWebミュージアムで森万里子の最新インスタレーション、地球人としてのあり方を考える一冊、注目の日本画家・松井冬子の全貌を探る、第15回文化庁メディア芸術祭 受賞作品発表!、3Dプロジェクションマッピング最新レポート ほか

Worldwide Creator's Archive

Acne Production/よく働くこと。そして結果が生まれる

Acne Production

WD Website Front

凄腕職人街、SPERM VISUALIZER、しんねんことば| 郵便年賀.jp、UNIQLO THANKS A MILLION、RANA007、dots by internavi、なめこぱらだいす、NIKE VISION、Sony Tablet S、CHRISTIAN DADA ほか

WD Website Front

preview

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

one's view

「俺だけ」の情報収集術」
Text:浦野大輔
Flipboard for iPhone

「技術の森に出かけよう」
Text:清水幹太
i-1グラアプリ
i1グラアプリ- YouTube

「Facebookで自らをプロデュース」
Text:宗佳広(ココノヱ
Coosy Inc. - Facebook

「次の行き場所」
Text:川口 聡
Path

モノサシに目印

ねこのきもち
Text & Visual:長谷川踏太(tomato)

ツクルヒト

押忍!手芸部(部長)/つくる自由を(部活で)取り戻せ

THE『押忍!手芸部』

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

ハピネスクエスト:ユーザーと自販機とを「なかよし」にするO2O

previewpreview

ハピネスクエスト

Web Standards Plus

W3C仕様書をコミュニケーションツールに
Text:矢倉眞隆(ミツエーリンクス

CSS Regionsモジュール仕様書

この仕事のカタチ

「あの頃」から割とキツめのメッセージ

橘塾

最適なWeb戦略体制を構築できる布陣とは
Text:橘守

Social Seeds

ビジネス拡大の可能性をもたらす「Genbook」の予約機能
Text:野澤智朝(ニテンイチリュウ

preview

Genbook

WD Reviews

Adobe Touch Apps

News Crawler

2011年世界の急上昇ワード、2011検索ワードランキング
Google 被災地域のストリートビューを公開 ほか

ハギハラ総研

企業サイトのアクセスが減りはじめた
Text:萩原雅之

その他

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

お詫びと訂正

「謹賀新年! これがクリエイターの「年賀状」!」にて、誌面で紹介した内容に誤りがありました。お詫びするとともに、以下のように訂正させていただきます。

P025 上から二段目
(誤)TYOID
(正)TYO Inc. / ID division

サンプルデータについて

  • サンプルデータのダウンロードには、当月号の目次に掲載しているIDとパスワードが必要です。
  • 各サンプルデータの著作権は、各データの作者に帰属します。
  • サンプルデータをご利用の際の利用条件や連絡先などについては、圧縮データに同梱しているテキスト「readme.txt」をご覧ください。
  • 各サンプルデータの内容に関しては間違いのないように十分注意しておりますが、もしこれらのデータを利用することによってトラブルや損失・損害が発生しても、各データの作者および(株)マイナビは一切責任を負いませんのでご了承ください。