益子貴寛のレビュー一覧

Ｗｅｂデザインに焦点を当てたＩＴ書

開発言語サイドからではなく、アウトプットする画面などのレイアウトサイドから
Webコンテンツを解説しています。

カラーで写真や、図表をつかって、見たらすぐわかる形になっています。
250頁あまりありますが、本文は、２段組みでけっこう細かい文字なので、辞書に準じ...続きを読むた集積感を感じました。
実例デザイン、ＣＯＬＵＭＮといったテーマごとに挿入された資料もあります。
詳細の目次とともに、４頁のインデックスにて、用語、テーマの逆引きもできます。

HTML5,CSS3,Javascript等 のコードなどの解説は、指定パラメータの書き方などがありますが、各言語の使い方は言語解説書を合わせてご確認ください。

各Chapter に関する内容は次のように感じました。
01　Ｗｅｂデザインの基本　作業の全体像を概説しています。
02　レイアウトの概要
03　色の基本と、組み合わせの解説
04　写真の概要
05　文字と書体の概要
06　コンテンツ技術言語の概要
07　インタラクションとは関係性のこと、ＵＩ，ＵＸ技術の概要
08　Ｗｅｂサイトの運用管理について

作業全体を把握するには、01,02,07,08　Ｗｅｂサイトの属性や表現方法は、 02,03,04,05　ＩＴ技術の対応については、 06,07,08 かと。

Contents

Introduction
Chapter01　Webデザインの基本
Section01　デザインとは何か
Section02　目的と目標を考える
Section03　ターゲットを想定する
Section04　コンセプトを決める
Section05　モバイルファーストとマルチデバイス対応
Section06　ワイヤーフレームやプロトタイプを作る
Section07　自発的にスケジュールを管理する
Section08　ワークフローの全体像
Chapter02　レイアウト
Section01　レイアウトは
Section02　レイアウトの原則
Section03　Webデザインにおけるレイアウト
Section04　Webデザインにおけるナビゲーションのレイアウト
Section05　レイアウトにおける視線誘導
Section06　タッチデバイス向けのレイアウト
Section07　レスポンシブWebデザイン
Chapter03　配色
Section01　色とは
Section02　色の三属性
Section03　トーン
Section04　補色・類似色・配色の調和
Section05　色の印象
Section06　カラーモード
Section07　利用者の視点に立った配色
Section08　Ｗｅｂサイトの目的に合った配色と比率
Section09　リンクの色の扱い
Chpater04　写真と図版
Section01　Ｗｅｂデザインにおける写真
Section02　Ｗｅｂデザインにおける図版
Section03　色調補正
Section04　写真のトリミング
Section05　解像度、ピクセルについて
Section06　画像のファイル形式
Chapter05　タイポグラフィ
Section01　書体とは
Section02　欧文書体と和文書体
Section03　書体ファミリー
Section04　書体の選び方
Section05　本文の組版
Section06　文字コードとブラウザの表示
Section07　最適なfont-family
Section08　Ｗｅｂフォントについて
Section09　Ｗｅｂフォントサービスの紹介
Section10　Ｗｅｂフォントの使い方
Chapter06　HTMLとCSS3
Section01　ＨＴＭＬ５の新概念
Section02　ＣＳＳのカスケーディング、詳細度、継承
Section03　ＣＳＳの作り方と管理
Section04　ＣＳＳでレイアウトする（Flexbox)
Section05　ＣＳＳでレイアウトする（CSS Grid)
Section06　メディアクエリーで作るレスポンシブＷｅｂレイアウト
Chapter07　インタラクション
Section01　インタラクティブデザインとは
Section02　インタラクティブデザインの基本
Section03　マイクロインタラクションとは
Section04　ＣＳＳをつかったインタラクション
Section05　Ｊａｖａｓｃｒｉｐｔとは
Section06　動きのあるサイトを作る時の注意点
Section07　ＳＶＧやＷｅｂＧＬをつかったインタラクションデザイン
Chpater08　運用とマーケティング
Section01　テスト環境と本番環境
Section02　公開前後のチェック作業
Section03　Ｗｅｂマーケティングの全体像
Section04　インターネット広告の種類
Section05　リスティング広告
Section06　ランディングページ最適化（ＬＰＯ）
Section07　検索エンジン最適化（ＳＥＯ）
Section08　オウンドメディア運用
Section09　ソーシャルメディアマーケティング
Section10　動画マーケティング
Section11　Ｇｏｏｇｌｅアナリスティクス
Section12　Ｇｏｏｇｌｅ　Ｓｅａｒｃｈ　Ｃｏｎｓｏｌｅとタクスマネージャー
Section13　Ｇｏｏｇｌｅの各種サービスの活用
Section14　ＷｅｂサイトのＰＤＣＡサイクル
ＩＮＤＥＸ

ISBN：9784815609610
出版社：SBクリエイティブ
判型：B5
ページ数：256ページ
定価：2400円（本体）
発売日：2017年03月01日 第1版第1刷
発売日：2021年08月24日 第2版第1刷
発売日：2022年07月06日 第2版第4刷

便利だという理由だけで、なんとなくCSSを使っていたプログラマこそ読むべし。

CSSというとデザイナーの領域だと思いがちだが、プログラマこそマークアップの重要性をきちんと理解し、しっかり構造化されたXHTMLを構築しなければならないということが分かるだろう。CSSを作成するのがプログラマであろうと...続きを読むデザイナーであろうとプロセスは同じだ。コーディンクとデザインの分離によって、あらゆるWEBページを効率よく開発することが可能となる。このようなXHTML+CSSのメリットについて、本書では冒頭のページで説明している。７人で執筆しているのにもかかわらずチグハグな感じを受けないのは、この一本筋の通ったポリシーによるところが大きい。

本書には現場で活躍しているプロのワザがぎっしりと詰め込まれているので、即座に実践で活用できそうだ。ポイントを突いた説明と惜しみなく挿入された図表によって、初心者にもとっつきやすい構成となっている。レガシーブラウザへの対応方法はもちろん、さまざまなデバイス（携帯電話、ゲーム機、テレビ画面、iPhone等）のCSSデザインについての解説もある。XHTML+CSSのキホンから応用まで、幅広い知識とナマの技術を習得できるだろう。

まずはこの一冊をマスターし、不足分をインターネットや他の書物で補うことをオススメする。

HTMLの大部分を網羅している教科書。新しいものも出して欲しいが、今でも参考になる部分はかなり多い。細かいところはとても詳細に書いてあり役に立ちます。初心者には難しいかもしれませんが１冊もっておいても損はしないです。

内容が少し古くなっているけれど、WEB標準について知るのであれば必読と思われる。但し、初学者には少し難しい気がする。ある程度、HTMLやCSSについて理解した後読むと、納得するところが多い。boxモデルやfloatした要素の挙動など非常に丁寧。

ちょっとだけHTMLとCSSをかじっているが、詳しい書き方は知らない。
という状態でこの本で勉強しました。

マークアップ言語の仕組み・コーディングの基礎などから、サイトで利用する画像の加工・様々なブラウザや端末でのUIについてまで広く書かれていて、ある程度の力まで上げることができる。（と思っている...続きを読む）
良くあるソースと実行例と記述の仕方がずらーーーっと書かれているのではなく、ちゃんと分かり易い日本語で、仕組みが説明されていて、
すんなり理解できる感じ。
もちろん、ソース・実行例・パラメータも書いてある。

自分勝手に汚いコードを書いていたのが正され、ちゃんと細かい仕組みなど理解できました。

非常に良い本だ。辞書のように使える。決して色あせない内容で、王道を行く内容だ。手元に置いて何度も参考にすべ基本だ。

xhtml+cssというものを体系的に学べる。マークアップがどういうことかよく分かった。プロのテクニックも満載。

サーバーガーデンの益子 貴寛さんの著書であるWEB業界にいるなら是非とも読んでおくべき教科書。全608ページとボリュームのありますが、ひとつひとつのカテゴリがしっかりと解説されており、他のWEB標準系の本とは格別にわかる理解できる。そして、自信につながる。あなたのWEB制作における技術や精神が変わる...続きを読むと思います。

バイブルです。分からないキーワードを索引で探して開いて読む、が定番の使い方です。「テレビの側にワールドアトラス（私が愛用している地図帳の名前）」のように、「パソコンの側にWeb標準の教科書」です。

■新人研修本

みんなの教科書といえばこれ。
読まないとメカ長に手帳の角でぶん殴られる。
ほんとの初心者が理解するのは大変だが、ちょっと慣れてから読むといろんな発見がある。

XHTMLとCSSだけでなく，Webブラウザの歴史やアクセシビリティなどについても記述あり。カバーしている範囲が広く，まさに教科書といった本。ただ，HTMLを書いたことのない人にはとっつきにくいかも。さまざまなデバイスに対応したサイトが増えていくことを願いつつ。

分かりやすい・詳しい・（リファレンスとしても）使いやすい。

これ読んでなかったら、今ごろHTML書くのあきらめて焼き鳥屋にでもなっていたかもしれません。

XHTMLとCSSの勉強を始めるにあたり購入。まさに教科書。私にとって、XHTML+CSSの先生です。

xhtmlとcssを始めるにあたり、まず読んでおく必要がある一冊。特にcssプロパティについて詳しい。

仕様に基づいた記述ができるかどうかはおいといて大丈夫だとしても、cssについてはそのような生半可なものではない。まずは包丁を研ぐことから覚える必要がある。

後輩に教える為に購入した1冊。
本当に教科書って感じで、順序だてて書いてあるので、教えるときには便利です。

教科書の名に恥じない出来。詳細な解説は逐一納得させられます。ただ、ある程度のHTMLやCSSの知識がないと要点がつかみにくい構成かも。

ののレビュ
だんなの買った本なのに私が独占して使ってます（笑）
正しいHTML(XHTML)を書くための手引書として使っています☆
HTMLとは何ぞや？という人には向きませんが…
少し分かっている人にはお勧めです☆

教科書の名はダテじゃなかった！
何か思い出せない時、もっといい方法を考えたいときにふと読みふけってしまいそうな一冊です。

ウエブデザイナーなら誰もが知ってると思われる超有名サイトCYBER@GARDENの運営者の著書。
初心者には難しいが、ある程度理解が深まってきたら非常にためになる本。