2011年6月号
特別定価 1,470円
- サンプルデータのダウンロードには、当月号の目次に掲載しているIDとパスワードが必要です。
- サンプルデータに関する詳しい注意点については、このページの下部に記載している「サンプルデータについて」をご覧ください。
特集・特別企画
特集1:Webクリエイティブの10年
−記憶に刻むべき21世紀最初のディケード−
Web Designingが創刊されたのは2001年の5月。ちょうど10年前のことです。この間、Webは、その姿、形、役割、機能‥‥そのすべてを変えました。ホームページからWebサイトへ、blogやblogパーツの登場、モバイル・スマートフォンへとその活躍の場は広がり、ソーシャルネットワークが驚くような広がりを見せました。それは瞬く間のようでもあり、はるかな道のりだったようにも感じます。今回の特集記事では、Webにとって最も重要だったであろう21世紀最初の10年を、デザイン、Web標準、広告、インタラクションといった分野ごとにじっくりと振り返ります。
- 数字で見るWebの10年「数値に表れた、激しい時代の変化」
- Webデザインの10年「デザインの意味と形はどう変わったのか」
- Web標準を巡る10年「HTML のディケードは、本当に「失われた10年」なのか」
- Web広告の10年「TIAA受賞作に見る、変化し続けるWeb」
- Webインタラクションの10年「Webサイトに仕込まれた“仕掛け”の進化」
- 誌面を彩ったサイトで振り返る10年「あらためて振り返る、“新しさ”を作りだしたサイト」
- 雑誌『Web Designing』の10年「あの時、何がFeatureされたのか」
特集2:スマートフォン向けサイトUIの○と×
−iPhone/iPad/Android‥‥。多様なデバイスに対応したUIとは?−
日本でもAndroid搭載端末が次々と投入され、シェアを伸ばしています。今後、スマートフォンは携帯電話の半数を超えると予想されており、サイトを制作する上でもスマートフォン対応が必須となってくるはずです。その際には、ワンソースでスマートフォンにも対応する場合と、スマートフォン専用サイトを制作する場合が考えられます。そこで、本特集では、それぞれの場合に「すべきこと」と「してはならないこと」を解説するとともに、優れた先行事例についても紹介します。
- ntroduction_スマートフォンサイトの最新トレンド
- Tips_マルチデバイス対応サイトの○と×
- Case Study_HTML5によるマルチデバイス対応サイトの実際
- Tips_スマートフォン専用サイトの○と×
- Case Study_スマートフォンサイト最適化UIを探る
- Tools_Dreamweaver CS5.5のスマートフォン向け新機能
デザインにできることDialogue
−上田壮一×永原康史「伝わるようにする仕事」−
プロジェクトとプロダクトを通じて、環境問題や社会問題を考えて行動するきっかけづくりを行ってきたNPO「Think the Earthプロジェクト」。プロデューサーの上田壮一氏に、人とクリエーションについて聞きました。
【FocusOn】震災とクラウドとコミュニティ
−垣根を越えて連携したベンダーとユーザーグループ−
広大な地域が被災した東日本大震災では、情報インフラを確保することの重要性があらためて浮き彫りになりました。官公庁やNPOのサイトが次々と繋がりにくくなり、被災 者の安否や余震・放射能に関する情報が錯綜するなかで、クラウドベンダーやそのユーザー会の人々らは不眠不休の努力でそれを守ろうとしていました。その中でも重要な役割を担ったWindows Azureエバンジェリストの砂金信一郎氏と、Azureのユーザー会「JAZ」の冨田順氏に、当時の壮絶な模様を聞きました。
【FocusOn】Adobe Creative Suite 5.5の進化を探る
−HTML5とCSS3に対応し、コンテンツ提供領域を広げる−
Adobe Creative Suiteが、2010年のCS5登場して1年後のタイミングでCS5.5としてマイナーバージョンアップしました。全体の概要とともに、おもにモバイル向け開発のための新機能が加わった、本誌でなじみ深いDreamweaverやFlash Professionalなどの進化のポイントをまとめています。
【新連載】まんがAC部活動日誌
第一回「歪」
3月号の「Webイラストレーション」特集で紹介した「AC部」。彼らに、イラストやアニメなどを制作する上でのクリエイティブテクニックを解説してほしいとお願いしたら、マンガ原稿が送られてきました。というわけで、AC部によるマンガ連載、始まります。
連載企画
Web Designing Lab.
CSSLab._Multi-column Layoutによる段組表現
Text:浜俊太朗(ライブドア)
サンプルデータ「IDEA1」を見る
サンプルデータ「IDEA2」を見る
サンプルデータをダウンロードする
jQueryLab._柔軟に使えるフォームの入力チェック機能
Text:徳田和規、谷拓樹、長谷川広武
FlashLab._外部XMLを使った画像ファイルの読み込み
Text:沖良矢(世路庵)
「SECTION3」のサンプルデータを見る
サンプルデータをダウンロードする
GraphicLab._汚れやカスレなどのDUSTY要素の活用
Text:I&D.CO(宮川千春/木俣カイ)
サンプルデータ「IDEA1」を見る
サンプルデータ「IDEA2」を見る
サンプルデータ「IDEA3」を見る
サンプルデータをダウンロードする
Server Quick Reference
IPv4アドレスが枯渇すると、インターネットはどうなるのか
Text:井上聡
コラボプロジェクト「チョコバナナ」
Web Designingと吉本のコラボイベント、第2回企画会議!
movement
デジタルとアナログの間を揺れ動く名和晃平の感性、山日菜の切り絵展、最も革新的な幼児教育「レッジョ・アプローチ」の全貌に迫る ほか
今月のアーティスト/谷口真人
エキソニモのView-Source
Worldwide Creator's Archive
B-Reel/Webクリエイティブの本場が生んだ貫禄
WD Website Front
マイ・フェイバリット関西、aguije inc.:株式会社アグイジェ、NATURAL BEAUTY BASIC『go-round Show』、Magnum Pleasure Hunt、adidas 「SHOOTTER」、HOTEL ANTEROOM KYOTO ほか
Website Front Inside Story
サイト上の評判でバズが起きた「祝!九州縦断ウェーブ」
one's view
「技術を意識させない技術」
Text:土屋泰洋
JRA Japan World Cup3
「必需品への突然変異」
Text:清水幹太
Xbox Kinect in the hospital operating room
「ハイブリッドでユーザーに優しいUI」
Text:木村幸司(STARRYWORKS inc.)
Toyota Prius Projects
モノサシに目印
ディスカウント
Text & Visual:長谷川踏太(tomato)
ツクルヒト
上島真一(美篶堂、製本家)/綴じるをつくる つくるを綴じる
モバイルコンテンツ最前線
がぶ飲み探偵アカデミー:「製品の価値」を変えるモバイルの使い方
ハギハラ総研
位置情報データへの期待と不安
Text:萩原雅之
この仕事のカタチ
働き過ぎ? それとも働かなさすぎ?
Web Standards Plus
グラデーション、縮小、画像を制御するモジュール
Text:矢倉眞隆(ミツエーリンクス)
サンプルデータ「button.html」を見る
サンプルデータ「gallery.html」を見る
サンプルデータをダウンロードする
my first IA
IA界の注目人物や事例が集結した「IAサミット2011」
Text:長谷川敦士(コンセント)
橘塾
Web動画配信の帯域対策について
Text:橘守
フォトレタッチ・プラクティス
古びた財布を新品のように見せるテクニック
Text:苫米地和哉
Social Seeds
音楽ロッカーサービスの登場で考えるコンテツのあり方の変化
Text:野澤智朝(ニテンイチリュウ)
WD Reviews
STRATA FOTO CX 2
News Crawler
「第6回 JWDA WEBデザインアワード」受賞サイト決定!
マイクロソフト「IE 9」日本語版 など
その他
全国Web制作会社リスト
モニター&プレゼント
WD Square
Back Numbers
サンプルデータについて
- サンプルデータのダウンロードには、当月号の目次に掲載しているIDとパスワードが必要です。
- 各サンプルデータの著作権は、各データの作者に帰属します。
- サンプルデータをご利用の際の利用条件や連絡先などについては、圧縮データに同梱しているテキスト「readme.txt」をご覧ください。
- 各サンプルデータの内容に関しては間違いのないように十分注意しておりますが、もしこれらのデータを利用することによってトラブルや損失・損害が発生しても、各データの作者および(株)マイナビは一切責任を負いませんのでご了承ください。