バックナンバー
- サンプルデータのダウンロードには、当月号の目次に掲載している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.CSS Lab._テーブルの構成要素を駆使した装飾
Text:枝川峻太朗(まぼろし)サンプルデータ「IDEA1」を見る | サンプルデータ「IDEA2」を見る | サンプルデータ「IDEA3」を見る | サンプルデータをダウンロードする
Ajax/JavaScript Lab._情報をコンパクトに収めるアコーディオンメニュー
Text:中村享介サンプルデータ「sample1」を見る | サンプルデータ「sample2」を見る | サンプルデータをダウンロードする
Flash Lab._SharedObjectを閲覧履歴に活用する
Text:沖良矢(世路庵)サンプルデータ「section1.html」を見る | サンプルデータ「section2.html」を見る | サンプルデータ「section3.html」を見る | サンプルデータをダウンロードする
Graphic Lab._従来の処理に一工夫した背景イメージ
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とパスワードが必要です。
- 各サンプルデータの著作権は、各データの作者に帰属します。
- サンプルデータをご利用の際の利用条件や連絡先などについては、サンプルデータに同梱しているテキスト「お読みください.txt」をご覧ください。
- 各サンプルデータの内容に関しては間違いのないように十分注意しておりますが、もしこれらのデータを利用することによってトラブルや損失・損害が発生しても、各データの作者および毎日コミュニケーションズは一切責任を負いませんのでご了承ください。
