このページでは、アスキー・メディアワークスが発行する「Web Professional Books」シリーズの書影データ、目次などの関連情報をダウンロードできます。誌面やブログ等で紹介される際に自由にお使いください。

【Web Professional Books既刊ラインナップ】

Google上位表示 64の法則

「<h1>に検索語を入れる」「ページ内の検索後の頻度が重要」といった「都市伝説」を統計的に分析。テクニック論に陥ることなく、検索結果の事実とSEO要素の相関から、Googleの「核心」に迫った。

基本情報

書影データ

帯なし 帯あり
帯なし
[JPEG/RGB] [EPS/CMYK] 		帯あり
[JPEG/RGB] [EPS/CMYK]

目次

第１章 オーソリティ
［仮説１］ ページランクが高いと上位に表示されやすい
［仮説２］ Webサイトの重要度はドメイン年齢で判断される
［仮説３］ インデックス数が多いほどSEO的に有利だ
第２章 コンテンツ
［仮説４］ 本文の文字数が多いと情報が豊かと判断される
［仮説５］ 名詞の数が多いと上位に表示されやすい
［仮説６］ Googleは画像よりもテキストを重視している
［仮説７］ 検索キーワードはページ上部にあるとよい（第1キーワード）
［仮説８］ 検索キーワードはページ上部にあるとよい（第2キーワード）
［仮説９］ 検索キーワードはページ上部にあるとよい（第3キーワード）
［仮説10］ 複合キーワードは最初の単語が重視される（2単語）
［仮説11］ 複合キーワードは最初の単語が重視される（3単語）
［仮説12］ 検索キーワードがページ内に多くあるとよい
［仮説13］ 検索キーワードがWebサイト全体で多くあるとよい
［仮説14］ キャッシュで同色の複合語はつながりの強い組み合わせである
［仮説15］ キャッシュで色分けされる単語はつながりの弱い複合語である
［仮説16］ 関連キーワードを多く含むコンテンツを作るとよい
［仮説17］ 類似キーワードを多く含むコンテンツを作るとよい
第３章 ヘッダー
［仮説18］ メタディスクリプションは検索順位と関係がない
［仮説19］ メタディスクリプションに検索キーワードを入れても無駄
［仮説20］ メタキーワードは検索順位と関係がない
［仮説21］ メタキーワードに検索キーワードを入れても無駄
［仮説22］ インデックスを拒否しても検索結果に表示されることがある
［仮説23］ リダイレクト元のWebページは上位表示されない
［仮説24］ クローラーが読み違えないようにCSSは外部参照がよい
［仮説25］ クローラーが読み違えないようにJavaScriptは外部参照がよい
［仮説26］ タイトルの文字数は35文字以内がよい
［仮説27］ ページタイトルには検索キーワードを入れるとよい
［仮説28］ ページタイトル冒頭に検索キーワードがあるとよい
［仮説29］ ページタイトルと<h1>、<h2>要素は同じがよい
［仮説30］ Webサイト内の各ページは異なるタイトルを付けるべき
［検証］ 多くのWebマスターがURLの正規化を使っている
第４章 見出しと強調
［仮説31］ <h1>要素はページ内に1つだけがよい
［仮説32］ <h1>要素の文字数は多すぎるとペナルティーがある
［仮説33］ <h1>要素に検索キーワードを入れるとよい
［仮説34］ <h1>要素の冒頭に検索キーワードがあるとよい
［仮説35］ <h1>要素は<body>要素の冒頭にあるとよい
［仮説36］ <h1>要素は画像よりテキストのほうがSEO的に有利
［仮説37］ <h1>は他のhn要素の親要素として記述するべき
［仮説38］ ページ内に<h2>要素が多いとよい
［仮説39］ <h2>要素は長すぎるとペナルティーがある
［仮説40］ <h2>要素に検索キーワードを入れるとよい
［仮説41］ <h2>要素の冒頭に検索キーワードを入れるとよい
［仮説42］ <h2>要素は<body>要素の冒頭にあるとよい
［仮説43］ <h2>要素は画像よりテキストのほうがSEO的に有利
［仮説44］ ページ内に<h3>、<h4>要素が多いとよい
［仮説45］ <h3>、<h4>要素の文字数は長すぎるとペナルティーがある
［仮説46］ <h3>、<h4>要素に検索キーワードを入れるとよい
［仮説47］ <hn>要素に続けて検索キーワードに関する文章を書くとよい
［仮説48］ <strong>や<b>要素は検索エンジンにも強調効果がある
［仮説49］ <strong>や<b>要素に検索キーワードを入れるとよい
第５章 ユーザビリティー
［仮説50］ alt属性を記述してもSEO的には意味がない
［仮説51］ alt属性は長すぎるとペナルティーがある
［仮説52］ title属性を記述してもSEO的には意味がない
［仮説53］ 無意味なタグが多いと検索順位が下がる
［仮説54］ リンク切れが多いと検索順位が下がる
［仮説55］ HTMLの入れ子が深いと検索順位が下がる
［仮説56］ Webサイトの階層が深いと検索順位が下がる
［仮説57］ 302リダイレクトを使うと検索順位が下がる
第６章 リンク
［仮説58］ サイト内リンクが多いと検索順位が上がる
［仮説59］ サイト外リンクは検索順位とは関係ない
［仮説60］ サイト内外へのリンクはリンク数のバランスが評価されている
［仮説61］ 同じURLへのリンクは数を増やしても評価は同じ
［仮説62］ 自分よりも高いページランクのWebページにリンクを張るとよい
［仮説63］ 検索キーワードに関連するWebページにリンクを張るとよい
［仮説64］ ソーシャルブックマーク数が多いと上位に表示されやすい

関連リンク

↑ページトップへ

jQuery Mobile スマートフォンサイト デザイン入門

もうスマホサイトで手間取らない!　モバイルフレームワーク「jQuery Mobile」を使ったサイト制作の基本から、高度なカスタマイズまで、jQuery本売り上げNo.1の著者らが徹底解説。

※本書は、2011年5月～10月にかけてWeb Professionalに掲載した「西畑一馬のjQuery Mobileデザイン入門」を大幅に加筆・修正してまとめたものです。

基本情報

書影データ

帯なし 帯あり
帯なし
[JPEG/RGB] [EPS/CMYK] 		帯あり
[JPEG/RGB] [EPS/CMYK]

目次

第1章［ 導入編 ］jQuery Mobileを始める前の基礎知識
［1-1］jQuery Mobileとは
［COLUMN1］ スマートフォンサイトの制作・検証環境を作ろう
第2章［ 基礎編 ］サンプルで学ぶjQuery Mobileのキホン
［2-1］ スマホサイトのトップページを作ろう
［2-2］ 個別ページの作成とGoogleマップの表示
［2-3］ 問い合わせフォームの最適化とサイトの完成
第3章［ リファレンス編 ］もっと知りたいjQuery Mobileの使い方
［3-1］ ページの作成とページ遷移
［3-2］ リスト表示UIの基本とバリエーション
［3-3］ ヘッダー／フッターのカスタマイズ
［3-4］ コンテンツ領域のレイアウト
［3-5］ フォームUIの最適化
［COLUMN2］jQuery Mobileの初期設定
［COLUMN3] jQuery Mobileの使いどころ
第4章［ カスタマイズ編 ］jQuery Mobileでオリジナルデザイン
［4-1］ テーマをカスタマイズしてみよう
［COLUMN4］CSS3グラデーションを使う
［COLUMN5］Theme Rollerによるカスタマイズ
［4-2］セミカスタマイズでニュースサイトをデザイン
［COLUMN6］Webインスペクタを使おう
［4-3］フルカスタマイズで商品サイトをデザイン
［COLUMN7］jQuery MobileでGoogle Analyticsを導入する
［COLUMN8］CSS3をもっと学ぼう

関連リンク

↑ページトップへ

標準HTML5タグリファレンス

制作現場での使い勝手にこだわった、新しいタグリファレンス！ 軽くて開きやすい造本、見やすいレイアウトで、sectionやarticleなど新要素の使いどころも徹底解説。スマホ用Webアプリ付き。

基本情報

書影データ

帯なし 帯あり
帯なし
[JPEG/RGB] [EPS/CMYK] 		帯あり
[JPEG/RGB] [EPS/CMYK]

目次

第1章　HTML5の概要
［1-1］HTML5の背景／［1-2］HTML4、XHTMLとHTML5の違い／［1-3］要素、タグ、属性／［1-4］コンテンツ・モデルとカテゴリー／［1-5］セクションとアウトライン／［1-6］HTML5未対応のWebブラウザーへの対処
第2章　ルート要素とドキュメントメタデータ
HTML文書のルート…html／文書のメタデータ群…head／文書のタイトル…title／相対URLのベースとブラウジングコンテキストの指定…base／リソースへのリンクの指定…link／各種メタデータの指定…meta／埋め込みスタイルの指定…style
第3章　セクション
HTML文書のメインコンテンツ…body／文書内のセクション…section／文書内の個別記事…article／補足的な情報…aside／見出し…h1～h6／見出しのグループ化…hgroup／文書内のナビゲーション部分…nav／ヘッダー部分…header／フッター部分…footer／連絡先…address
第4章　コンテンツのグループ化
段落…p／区切り…hr／整形済み書式…pre／引用…blockquote／順序付きリスト…ol／順序なしリスト…ul／リストの項目…li／記述リスト…dl／用語、名前…dt／説明、定義…dd／図表などのフロー・コンテンツ…figure／図表などのキャプション…figcaption／汎用要素…div
第5章　テキスト
ハイパーリンク…a／強調…em／重要…strong／注釈…small／不正確、無関係…s／引証…cite／引用…q／定義…dfn／略語…abbr／日時…time／プログラムなどのコード…code／変数…var／出力サンプル…samp／入力…kbd／下付き…sub／上付き…sup／一般の文章との区別…i／注意…b／注意喚起…u／ハイライト…mark／ルビ…ruby／ルビとして振るテキスト…rt／かっこで囲むルビ…rp／双方向アルゴリズムからの分離…bdi／文字の流れる方向…bdo／特定部分を指定…span／改行…br／改行可能箇所…wbr
第6章　編集
追加…ins／削除…del
第7章　埋め込みコンテンツ
画像の表示…img／インラインフレーム…iframe／外部コンテンツの埋め込み…embed／オブジェクトの埋め込み…object／ｏbject要素のパラメータ…param／動画の再生…video／音声の再生…audio／動画、音声リソースのアドレス…source／メディア要素のテキスト・トラック…track／イメージマップ…map／イメージマップの領域定義…area／グラフィック描画用のキャンバス…canvas
第8章　テーブル
表…table／表の本体…tbody／表の見出し…thead／表の最後の見出し…tfoot／表の行…tr／表のデータセル…td／表の見出しセル…th／表のキャプション…caption／列のグループ化…colgroup／列…col
第9章　フォーム
フォーム…form／フィールドのグループ化…fieldset／フィールドのグループのキャプション…legend／フィールドのラベル…label／各種の入力…input／入力 隠し値…input type="hidden"／入力 各種1行テキストの入力…input 【1行入力系】／入力 日付、時刻の入力…input 【日時入力系】／入力 数値の入力…input type="number"／入力 大まかな数値の入力…input type="range"／入力 色の入力…input type="color"／入力 チェックボックス…input type="checkbox"／入力 ラジオボタン…input type="radio"／入力 アップロード…input type="file"／入力 送信…input type="submit"／入力 画像ボタンでの送信…input type="image"／入力 フォームのリセット…input type="reset"／ボタン…button／選択肢一覧からの選択…select／選択肢…option／選択肢のグループ化…optgroup／入力候補値のリスト…datalist／複数行テキストの入力…textarea／暗号鍵の送信…keygen／計算結果の表示…output／作業の進捗度の表示…progress／割合…meter
第10章　インタラクティブ
詳細部分の表示、非表示…details／details要素の要約…summary／コマンド…command／コマンドのリスト…menu
第11章　スクリプティング
スクリプトの組み込み…script／スクリプト非対応時の動作を指定…noscript
付録／索引関連リンク

関連リンク

↑ページトップへ

リスティング広告 プロの思考回路

Google AdWordsの元「インサイダー」を含む7名の著者が、リスティング広告、SEMの基本ノウハウ、実際の運用、将来展望までを解き明かした!　Yahoo!リスティング広告の新管理画面にも対応。

基本情報

書影データ

帯なし 帯あり
帯なし
[JPEG/RGB] [EPS/CMYK] 		帯あり
[JPEG/RGB] [EPS/CMYK]

目次

第1章　どうやって効果を高めるのか？
［1-1］リスティング広告の「プロ」ってどんな人？
［1-2］最適なアカウント構成は実はどのECサイトでも同じ
［コラム]　ヤフーとグーグルの標準ツールを使ってみよう
［1-3］キーワードとLPの最適化は「定石」が確立されている
［1-4］後発でも勝てる！「キーワードの深掘り」
第2章　事例でわかる！プロの思考回路
［2-1］成功企業が知っている「掲載1位」のおいしい思い
［2-2］予算消化の無駄玉を減らす季節性キーワードの戦い方
［2-3］多品目、低利益率は自動入稿システムで勝つ！
［コラム］自動入稿システムはどんな業種・業態に向いている？
［コラム］自動入稿システムの設計
［2-4］成熟市場で申込数が10倍に！ニーズの見極めとサイト改善
［2-5］異なるニーズを振り分けてビッグキーワードを最適化
［2-6］月額課金サイトのROIをキーワード分析で改善
［2-7］キーワード数の多いアカウントをKPIに沿って最適化
［2-8］ディスプレイ広告でリスティング広告の裏をかく
第3章　アトリビューションとSEMの未来
［3-1］グーグルの方向性を読んでグーグルとの戦いに備える
［3-2］ホリスティックアプローチとアトリビューション分析
［3-3］「リスティング広告のプロ」がSEMをリードしていく

関連リンク

↑ページトップへ

iPhone+Android スマートフォンサイト制作入門

「PCサイトでiPhone対応を求められた」「Andoridでも見やすいサイトを作りたい」そんなWeb制作者の声に応える本ができました。サイト設計からHTML5/CSS3による制作まで、実例で解説。画面設計に便利な特製ノート付き。

※本書は、2010年7月～12月にかけてWeb Professionalに掲載した「実践！iPhone＆Androidサイト制作ガイド」をベースに、大幅に加筆・修正したものです。

基本情報

書影データ

帯なし 帯あり
帯なし
[JPEG/RGB] [EPS/CMYK] 		帯あり
[JPEG/RGB] [EPS/CMYK]

目次

第1章 [準備編] サイト制作の前に知りたい基礎知識
［1-1］ スマートフォンサイトとは
［1-2］ iPhone/Androidの仕様を理解する
［1-3］ iPhone/Androidサイトの制作環境を整える
[もっと知りたい(1)] 専用サイトだけじゃない、“スマートフォン対応”の方法を考える
第2章 [設計編] スマートフォンサイトの設計・デザイン
［2-1］ スマートフォンサイトの企画と構造設計
[もっと知りたい(2)] PC/ケータイとはここが違う、構造設計のコツ
［2-2］ ワイヤーフレームによる画面設計
[もっと知りたい(3)] スマートフォンならではの画面設計の工夫
[もっと知りたい(4)] ペーパープロトタイピングブックによる画面設計
［2-3］ グラフィックソフトでデザインカンプを作る
[もっと知りたい(5)] スマートフォンサイトをデザインするポイント
第3章 [制作編] HTML/CSSの作成とサイトの公開
［3-1］ HTMLの基本的なマークアップ
［3-2］ CSSでスマートフォンらしくスタイリング
[もっと知りたい(6)] HTML5/CSS3を学ぶ
［3-3］ 使いやすさをアップする仕上げの作業
[もっと知りたい(7)] URLリンクのいろいろな方法
［3-4］ PCとスマートフォンサイトを振り分ける
第4章 [実践編] サイト制作の実践テクニック
［4-1］いまあるサイトをCSSでスマートフォンに対応する
［4-2］iPhone風のスライドパネルを作る
［4-3］CSS3でデザインするタブパネルの制作
［4-4］スマートフォンサイトにバルーンポップアップを組み込む
[もっと知りたい(8)] CSS Transitionsによるアニメーション処理
［4-5］使いやすいフォームのデザイン
[もっと知りたい(9)] JavaScriptライブラリーの活用

関連リンク

↑ページトップへ

HTML5+JavaScript アイデア&実践サンプル

遊べるサンプルで最新Web技術を身につける!GPSナビ、ピアノ演奏、字幕付き動画プレーヤーなど、今すぐ試せる豊富なサンプルでHTML5 APIとJavaScriptの具体的な使い方を解説。

※本書は、2009年4月～2011年1月にかけてWeb Professionalに掲載した「古籏一浩のJavaScriptラボ」から好評だった記事を厳選し、加筆・修正して1冊にまとめたものです。

基本情報

書影データ

帯なし 帯あり
帯なし
[JPEG/RGB] [EPS/CMYK] 		帯あり
[JPEG/RGB] [EPS/CMYK]

目次

序章 HTML5とは？
第1章 スマートフォンとデバイスAPI
［1-1］ iPhoneをGPSナビにする
［1-2］ iPhoneで動く水準器
第2章 Canvas＆SVG - 画像
［2-1］ 赤色強調フィルターを作る
［2-2］ Flash不要のお絵かきツール
［2-3］ SVGで描くミニゲーム
[Column-1] Canvasに関する情報
第3章 Video - 動画
［3-1］ jQuery UIを使ったパノラマ動画プレーヤー
［3-2］ テロップが流れる動画プレーヤー
［3-3］ リアルタイムでエフェクトをかけるビデオエフェクター
[Column-2] SafariでOgg形式を再生する
第4章 Audio - 音楽
［4-1］ iTunes風音楽プレーヤー
［4-2］ iPad対応ブラウザーピアノ
［4-3］ Audio Data APIでFirefoxにソフトシンセ
［4-4］ Audio Data APIでブラウザーにシーケンサー
第5章 関連技術を使う
［5-1］ File APIを使ってローカルファイルをブラウザーから操作
［5-2］ File APIを使って自作するEPUBビューアー
［5-3］ Web Storageを使ってローカルディスクに保存
［5-4］ Web Workersを使った並列処理
[Column-3] iPhone/iPadでは制約の多いHTML5 Video&Audio

関連リンク

↑ページトップへ

人物、商品、生き物の魅力を引き出す96例
プロが教えるデジカメ撮影テクニック

プロカメラマン三浦健司氏が30年に及ぶ活躍で得たさまざまな撮影テクニックを、文章だけでなくイラストや写真で図解しました。さらにプロカメラマンだけが使っていた便利な機材も多数紹介し、撮影を効率的に進め、被写体を魅力に見せるために必要な情報やテクニックをまとめました。

基本情報

書影データ

帯なし 帯あり
帯なし
[JPEG/RGB] [EPS/CMYK] 		帯あり
[JPEG/RGB] [EPS/CMYK]

目次

第1章 プロの撮り方8つの基礎知識
1. やわらかいモノにはやわらかい光を、カタいものにはカタい光を
2. インパクト狙いなら広角 カタチを正確に撮るなら望遠で
3. 「見せたい部分だけピント合わせ」が画作りの基本
4. 「露出補正」で見た目どおりに明るさに
5. 「白とび」と「黒つぶれ」を防ぐ「ギザギザの山」
6. 白やグレーの紙で正しい色を決めるホワイトバランス
7. 扱いやすいJPEGと画像劣化しにくいRAW形式
8. ぶれずに撮れるカメラの構え方
Tips　すべての人にやさしい専門店「銀一」
第2章 プロが使っている撮影機材
1. 簡易スタジオとライトがあればプロ並みの写真が撮れる
2. 簡易スタジオは買って損のない万能撮影機材だ！
3. 現場で活躍するレフ板、三脚、テープ
4. やわらかい光を作るレフ板とディフューザー
Tips　安くてお得なレフ板自作
第3章 人物の魅力を引き出して撮る
1. 女性を美しく見せる「やわらかい光」
2. 男性を力強く見せる「カタい光」
3. 人物撮影のカメラ位置は大人も子供も「1/2」が基本
4. 指を細く美しく見せる「逆光」
5. 「髪年齢」が5歳は若返るヘアライン
6. 簡易スタジオを人物撮影の照明器具として使う
7. 暗い場所のヒンヤリ感を「ストロボ多灯ライティング」で
8. シャッターチャンスは手の動きで予測しろ！
9. 人柄を引き出す小道具と会話
Tips　顔のシミ・ホクロの取り方
第4章 簡易スタジオに入る小さなモノを撮る
1. ティッシュ箱の立体感を面積と明暗の比率で描写
2. 木球の丸みをグラデーションとやわらかい光で
3. お皿の「素材感」をライティングで撮り分ける
4. ハイライトで演出する靴べらの高級感
5. イメージカットに役立つLED製ライトセーバー
6. ダイヤモンドの輝きは「ライトドームS」で
7. 「ライトドームS」で時計のゴージャス感を演出
8. 商品の「世界観」を背景で説明する
9. 「エアトルソー」でパールのネックレスを数珠に見せない
10. キラキラゴールドの重量感は「金レフ」で
11. レンガや落ち葉も「撮影小物」
12. 並べ方とアングルの工夫で楽しさを伝える
13. 説明写真は「寄り」と「引き」を使い分ける
Tips　紙の写真をキレイに複写する
第5章 食べ物の魅力を撮る　
1. 食べ物の「美味しさ」を簡易スタジオで表現しよう
2. サイドライトで描写する揚げたて天ぷらのサクサク感
3. 黒毛和牛を高級に見せる黒と緑の「しつらえ」
4. コンビニ弁当もサイドライトで「ふっくらご飯」
5. 寿司の握りたて感はしつらえとサイドライトで
6. ハイライトと「青み」で強調するたまごの新鮮さ
7. ぷろぷるプリンはハイライトとグラデーションで描写
8. しっとりした和菓子の食感をサイドライトで
9. フルーツみつ豆の清涼感を下からの透過光で描写
10. イクラのぷりぷり感は透過光と「カラーコントロール」機能で
11. 干物の臭みをしつらえとハイライトで打ち消す
12. ピチピチのエビを融けない氷「ビッグダイヤ」で演出
13. スコッチの芳醇さを演出する「琥珀色ライティング」
14. ポテチのパッケージがテカらない「対角線ライティング」
15. 「対角線ライティング」なら袋の中の海苔もパリパリに
16. LEDライトと長時間露光で描写するショットバーの大人の雰囲気
17. カレーのとろみはハイライトで
18. 熱々ラーメンの湯気を「ストロボ多灯ライティング」で
19. ビールの「喉ごし爽やか」を表現する4つの手法
Tips　水滴とハイライトで描写する野菜のシャキシャキ感
第6章 ペットや花を撮る
1. キャッチライトでわんこを元気に見せる
2. ペットと飼い主のツーショットは人物用のライティングで
3. 望遠域で撮ればうさぎのプロポーションが歪まない
4. 「忍者レフ」を使えばまるで水中撮影
5. 広角レンズの歪みでバラの花のボリューム感
Tips　ペットの決定的瞬間は一眼レフが最適
第7章 透明なモノ反射するモノを撮る
1. 透過光で描写するボトルとワインビネガーの透明感
2. 赤ワインの味と香りをハイライトと映り込みで表現
3. ミネラルウォーターの清涼感をハイライトと屈折光で
4. 半透明素材の形状と質感は透過光とグラデーションで
5. 鏡やフォトフレームは「映り込み」を防いで「写し込む」
Tips　100円ショップの洗面器と手桶を透過光で高級品に見せる
第8章 簡易スタジオに入らないモノを撮る
1. ポージングとローアングルで見る人の視線をコントロール
2. 「あえて顔を撮らない」商品に注目させるテクニック
3. 「エアトルソー」で表現するキャミソールの立体感
4. チェストの歪みは望遠レンズで抑える
5. 会議室を撮影スタジオ代わりに 大きなモノをキレイに撮るには？
6. 室内撮影は広角レンズと女性目線で
Tips　電気製品の電源ケーブルを隠すには？
第9章 プロがよく使う画像処理
1. トリミングで写真の雰囲気を変える（Photoshop Elements 8.0)
2. 「再構成ツール」で背景の要素を凝縮（Photoshop Elements 8.0)
3. 「コピースタンプツール」で電線を消す（Photoshop Elements 8.0)
4. 「ぼかし」でマクロ撮影風の画像を作る（Capture　NX2）
5. 人物を強調する「ぼかし」（Capture NX2）
6. 美顔を作る「帰ってきてからレフ」（Capture NX2）
7. 「カラーコントロールポイント」で色変換（Capture NX2）
8. 「なめらか白飛ばし」で背景を白くする（Capture NX2）
9. 建物の歪みは「レンズ補正」で矯正（Photoshop CS4）
Tips　明度を上げたら彩度も上げる（Capture NX2）
付録プロカメラマンが本当は秘密にしておきたい撮影小道具
簡易スタジオと組み合わせて使える背景やセットサプライ

関連リンク

↑ページトップへ

Web制作の現場で使う jQueryデザイン入門

もうJavaScriptのコピペは卒業!そんなWebデザイナーに、初めてのjQuery本がついに誕生。すぐ使える実践サンプル(商用利用可)で、Web制作に必要なことだけを効率的に学習。特製チートシート付。

※本書は、2009年7月～12月にかけてWeb Professionalに掲載した「Web制作の現場で使えるjQuery　UIデザイン入門」を加筆・修正して1冊にまとめたものです。

基本情報

書影データ

帯なし 帯あり
帯なし
[JPEG/RGB] [EPS/CMYK] 		帯あり
[JPEG/RGB] [EPS/CMYK]

目次

第1章 jQueryをはじめる前の基礎知識
［1-1］ jQueryとは
［1-2］ jQueryを使うための準備
[Column-1] GoogleのサーバーでjQueryを使う
第2章 サンプルで学ぶjQueryのキホン
［2-1］ jQueryの基本とセレクターの使い方
［2-2］ HTML/CSSを操作しよう
［2-3］ 「イベント」でタイミングを設定しよう
［2-4］ フォーム機能を使いこなそう
［2-5］ Ajaxを使ってみよう
［2-6］ アニメーション効果で動きを付けよう
[Column-2] jQueryと他のライブラリーの共存
第3章 現場で使えるデザインレシピ
［3-1］ CSS3セレクターでストライプテーブル
［3-2］ スライド式イメージギャラリー
［3-3］ なめらかアコーディオンパネル
［3-4］ ポータルサイト風タブパネル
［3-5］ 個性的な3種類のツールチップ
［3-6］ ロールオーバー付きナビゲーションバー
［3-7］ 透過PNG対応ロールオーバー
［3-8］ 多階層対応ドロップダウンメニュー
［3-9］ Lightbox風モーダルウィンドウ
［3-10］ ドラッグ＆ドロップで動くフローティングウィンドウ
［3-11］ バリデーション付きメールフォーム
［3-12］ Amazon風カルーセルパネル
［3-13］ Ajaxでスムーズページング
[Column-3] Firebugによるデバッグ
[Column-4] jQueryの高速化
第3章 現場で使えるデザインレシピ
［4-1］ jQueryプラグインとは？
［4-2］ 実務で使えるjQueryプラグイン
[Column-5] jQueryプラグインの自作

関連リンク

↑ページトップへ

現場でプロが培った Google Analyticsの使い方

月間4000万PVの「ASCII.jp」の運営で培った「Google Analytics」のノウハウを現場担当者が徹底解説。Analytics に秘められた設計思想から問題解決の具体的手法までが分かる決定版!

※本書は、2009年6月～2010年1月にかけてWeb Professionalに掲載した同名の連載記事を加筆・修正して1冊にまとめたものです。

基本情報

書影データ

帯あり 帯あり
帯なし
[JPEG/RGB] [EPS/CMYK] 		帯あり
[JPEG/RGB] [EPS/CMYK]

目次

第1章 入門編──Google Analyticsの基礎知識
［1-1］ 気づけば上達が早まるメニューの「並び順の意味」
［1-2］ 使い分けるのがプロ　Google Analyticsと他のツール
［1-3］ プロなら知っている「Webトラフィックの基本モデル」
第2章 リファレンス編──Google Analyticsの使い方
［2-1］ アカウントとプロファイルの必須設定はこれだ!!
［2-2］ 正確な計測に欠かせないサイトプロファイル設定
［2-3］ Google Analyticsのカスタマイズ機能
［2-4］ 属性や使用環境が分かる「ユーザー」レポート
［2-5］ 訪問の「きっかけ」が分かる「トラフィック」レポート
第3章 実践編──Google Analyticsによる問題解決
［3-1］ ノーリファラーの分析で常連ユーザーの特徴が分かる
［3-2］ リニューアルの成否をノーリファラーの指標で判定する
［3-3］ 離脱ページを分析してユーザーの感想を知る
［3-4］ SEOの方針を検索トラフィックを分析して決める
［3-5］ キーワードからユーザー層とサイトの相性を読む
［3-6］ 「このページじゃない」と思われたページを見つける
［3-7］ 参照トラフィックから読み解く新規ユーザー獲得のチャンス
［3-8］ 参照トラフィックの「冷やかし」と「真剣」を見分ける
［3-9］ 参照トラフィックの分析でライバルからユーザーを奪う

関連リンク

↑ページトップへ