2010年1月号
特別定価 1,470円
- サンプルデータのダウンロードには、当月号の目次に掲載しているIDとパスワードが必要です。
- サンプルデータに関する詳しい注意点については、このページの下部に記載している「サンプルデータについて」をご覧ください。
特集･特別企画
特集1：ブラウザ表示のパフォーマンスを上げる
−CSS、JavaScript、サーバ設定‥‥Webデザイナーができる高速化テクニック—
「優れたWebサイト」たる条件はいくつか挙げられますが、サイトを開いた時に真っ先に問われるのは、表示の速さです。本特集では、Webデザイナーがサイト制作時・運営時にできるサイト高速化テクニックを、11カテゴリ17項目にギュッとまとめました。「@importは使わない」「jQueryはclass属性でなくid属性を指定して使う」「更新しないデータには有効期限を設定する」‥‥などなど、簡単な即効テクニックばかり。「表示の遅いWebサイト」から今すぐ卒業しましょう。
- はじめに
- 真のプロフェッショナルなら考えよう！ Webサイトのブラウザ表示パフォーマンス
- ハイパフォーマンス化テクニック
- 01_とにかくHTTPリクエストの数を減らす
- 02_外部CSSの読み込み方法が速度低下の引き金に
- 03_CSSの書き方をちょっと工夫して速度アップ
- 04_画像を最適化してファイルサイズをダイエット
- 05_HTML 側でのimg要素の指定に注意
- 06_CSSやJavaScript はMinify 化する
- 07_CSSやJavaScript はHTML の適切な位置に記述する
- 08_便利なJavaScript ライブラリに潜む落とし穴
- 09_インターネットの仕組みを考えて効率化
- 10_サーバ側でコンテンツをgzip圧縮して転送
- 11_更新しないデータには有効期限の設定を
-
ユーティリティツール紹介
- 「Pagetest」「Y!Slow」「PageSpeed」「Safari Webインスペクタ」「IBM Page Detailer」「HttpWatch」 ほか
-
おわりに
- なぜ今、Webサイトにパフォーマンスが求められるのか
「01 とにかくHTTPリクエストの回数を減らす」（通常版）を見る
「01 とにかくHTTPリクエストの回数を減らす」（CSS Sprite版）を見る
サンプルデータをダウンロードする
特集2：IAってなんだろう？
−ユーザーを迷わせないための情報設計−
情報をわかりやすく伝えるための技術「情報アーキテクチャ（IA）」。あいまいな「わかりやすさ」を体系化し、見る側にとってわかりやすく、探しやすいものにしようという技術のことです。そのIAの基本とも言うべき情報を、初めての人にもわかりやすいようにQ＆A形式で紹介しています。あなたのサイト制作にジワジワと効いてくるノウハウばかりです！
- IAって何だ？／IAってどんなもの？／サイトストラクチャって何だ？ どう作る？
- パンくずナビゲーションとは／グローバルナビゲーションとメインナビゲーション
- ページ内IAの考え方／ログ分析の活かし方／MTや、FlashにもIAって必要ですか？
- IAの勉強の仕方とは／IAってお金になりますか？
Flashイベント「FITC」がついに日本上陸
技術を学び、アイデアに刺激を受け、アートを楽しめる
【新連載】Web Standards Plus
2009年のWeb標準と2010年の展望
「Web標準Blog」を執筆している矢倉眞隆氏による新連載です。HTMLやCSSといったWeb標準に関するさまざまな技術の最新情報を紹介していきます。初回となる今号では、2009年のWeb標準を振り返りつつ、2010年の動向について予想しています。
【新著者登場】one's view
川田十夢 雑誌の可能性をうっかり広げたのである（AR）
連載企画
Web Designing Lab.
CSSLab.＿テーブルの構成要素を駆使した装飾
Text：枝川峻太朗（まぼろし）
サンプルデータ「IDEA1」を見る
サンプルデータ「IDEA2」を見る
サンプルデータ「IDEA3」を見る
サンプルデータをダウンロードする
Ajax/JavaScriptLab.＿情報をコンパクトに収めるアコーディオンメニュー
Text：中村享介
サンプルデータ「sample1」を見る
サンプルデータ「sample2」を見る
サンプルデータをダウンロードする
FlashLab.＿SharedObjectを閲覧履歴に活用する
Text：沖良矢（世路庵）
サンプルデータ「section1.html」を見る
サンプルデータ「section2.html」を見る
サンプルデータ「section3.html」を見る
サンプルデータをダウンロードする
GraphicLab.＿従来の処理に一工夫した背景イメージ
Text：瀧上園枝（Cyan, inc.）
サンプルデータ「IDEA1」を見る
サンプルデータ「IDEA2」を見る
サンプルデータ「IDEA3」を見る
サンプルデータをダウンロードする
HOSTING SERVICE Essence
サーバとは別にDNSの設定や管理を行える、ドメインネームサービスの活用法
Text：井上聡
movement
「Hollow」小谷元彦展、世界が注目『ラジカセのデザイン！』、
本誌連載の『ヤマムラ月報』書籍化 ほか
今月のアーティスト／高山陽介
デザインにできること
着るもののこと
Text：永原康史
エキソニモのView-Source
“ライフ is ゲーム” psyark
Text & Visual：エキソニモ
Worldwide Creator's Archive
RED Interactive Agency／厳しい制約の中で創造性を発揮するから、「価値」がある
WD Website Front
ナブ・ユー Singing in The Car、第57回全日本剣道選手権大会、全日本バーベイタム選手権、PUMA TRIBES、hotaru-san、イセタン HOW TO MAKE WONDER CHRISTMAS ほか
WD Website Front＿In-Depth Report
ANA国際線サービスサイト／ホスピタリティ溢れるブランドを表現する、こだわりのサイト設計
【新著者登場】one's view
「Web的レディ・メイド作品」
Text：川島高
Scroll Clock
「動きをつける勘どころ」
Text：寺井周平（trick7.com）
「動きをつける勘どころ」
「雑誌の可能性をうっかり広げたのである（AR）」
Text：川田十夢
Colors Teenagers
COLORSLAB
モノサシに目印
「くみとる」
Text & Visual：長谷川踏太（tomato）
モバイルコンテンツ最前線
ケータイ特有の機能や文化にマッチしたFlashコンテンツの制作
Text：安西渉（ORSO）
BiND Hack
クライアントワークで使える「旅行会社サイト」のテーマ作成
Text：樋口泰行（（有）樋口デザイン事務所）
ツクルヒト
飯田純久（傘作家）／思い重なる傘開く
ハギハラ総研
Twitterはキャズムを超えられるか
Text：萩原雅之
この仕事のカタチ
悩みの本音を仕分けてみれば
my first IA
タグをうまく使いこなしていますか？
Text：長谷川敦士（コンセント）
中川流「Web道」
第五回 「これから求められるWeb人材」編
Text：中川直樹（アンティー・ファクトリー）
橘塾
残された巨大マーケットへ営業を仕掛ける
Text：橘守
WD Reviews
Thunderbird 3.0、Shade 11 Professional ほか
News Crawler
W3C WebApp担当が語るHTML5の新技術
HTML5世代Webアプリのための「Chrome OS」 ほか
hrkr
僕が考える金閣寺コンテンツ
Text：家入一真
dualfront WD＿新サービスβ提供開始！
新作サイト情報をシェアしよう
ベビーアクション
manga & Text：横山裕一
その他
全国Web制作会社リスト
モニター&プレゼント
WD Square
Back Numbers
サンプルデータについて
- サンプルデータのダウンロードには、当月号の目次に掲載しているIDとパスワードが必要です。
- 各サンプルデータの著作権は、各データの作者に帰属します。
- サンプルデータをご利用の際の利用条件や連絡先などについては、圧縮データに同梱しているテキスト「readme.txt」をご覧ください。
- 各サンプルデータの内容に関しては間違いのないように十分注意しておりますが、もしこれらのデータを利用することによってトラブルや損失・損害が発生しても、各データの作者および（株）マイナビは一切責任を負いませんのでご了承ください。