Kindle 価格: ￥2,838

(税込)

獲得ポイント:
28ポイント (1%)

ご購入時にプロモーションが適用されます

これらのプロモーションはこの商品に適用されます:

一部のプロモーションは他のセールと組み合わせることができますが、それ以外のプロモーションは組み合わせることはできません。詳細については、これらのプロモーションに関連する規約をご覧ください。

今すぐお読みいただけます: 無料アプリ
を購読しました。 続刊の配信が可能になってから24時間以内に予約注文します。最新刊がリリースされると、予約注文期間中に利用可能な最低価格がデフォルトで設定している支払い方法に請求されます。
「メンバーシップおよび購読」で、支払い方法や端末の更新、続刊のスキップやキャンセルができます。
Kindleアプリのロゴ画像

無料のKindleアプリをダウンロードして、スマートフォン、タブレット、またはコンピューターで今すぐKindle本を読むことができます。Kindleデバイスは必要ありません。

ウェブ版Kindleなら、お使いのブラウザですぐにお読みいただけます。

携帯電話のカメラを使用する - 以下のコードをスキャンし、Kindleアプリをダウンロードしてください。

KindleアプリをダウンロードするためのQRコード

著者をフォロー

森本 恭平
フォロー
何か問題が発生しました。後で再度リクエストしてください。

現場のプロが本気で教える HTML/CSSデザイン講義 Kindle版

森本 恭平 (著), 平谷 奈緒子 (著), 中西 生乃 (著) 形式: Kindle版
5つ星のうち1.9 16
すべての形式と版を表示
向こう5年は通用する、本格プロの技術

※この電子書籍は、「固定レイアウト型」で配信されております。説明文の最後の「固定レイアウト型に関する注意事項」を必ずお読みください。

●本書の特色
CSSの設計からHTMLへの実装までが体系的に学べる
現場で実績のあるサンプルコードが手に入る

●こんな読者に向いています
・Webの専門学校を卒業し、制作会社に入社した人/Webエンジニア
・自分のWebサイト作成に限界を感じている人
・HTML/CSSマークアップ力をもう一段高めたい人
・最前線の現場でHTML/CSSがどう書かれているのかを知りたい人
・CSS設計の理論と実践を学びたい人

デザインの変更に強く、再利用が容易なWebサイトを作ろう！
マルチデバイス対応や頻繁なデザイン変更など、Webサイトに対する要求の多様化により、将来の拡張やメンテナンスを視野に入れた「CSS設計」のニーズが開発の現場で高まっている。
本書では、仕事でWebサイト作る人に必須の知識となる、CSS設計の基礎的な概念からその実装方法を、サンプルページを通して体系的に解説。導入から設計の基礎、Webサイトへの実装までが学べる。

●目次
Chapter 1　Sassコンパイル環境の構築
　1-1　ダウンロードファイルについて
　1-2　開発環境を構築しよう
Chapter 2　HTML/CSSとSassの基本
　2-1　HTML
　2-2　CSS
　2-3　Sass
Chapter 3　よいCSSを書くためのHTMLマークアップ ～CSS設計～
　3-1　デザインカンプを確認し、CSS設計を理解しよう
　3-2　サイト制作の下準備をしよう
　3-3　Headerを作成しよう
Chapter 4　Sassを使ったサイト制作 その1
　4-1　ヘッダーのスタイルを作成しよう
　4-2　レイアウトを作成しよう
Chapter 5　Sassを使ったサイト制作 その2
　5-1　メインイメージを作成しよう
　5-2　コンテンツ部分を作成しよう
　5-3　フッターを作成しよう
　5-4　フォルダを整理しよう
Chapter 6　プロらしく「魅せる」テクニック ～トップページの総仕上げ～
　6-1　アイコンフォントを活用しよう
　6-2　WebFontを利用しよう
　6-3　突発的な修正に上手に対応しよう
　6-4　Webページをレスポンシブ化しよう
Chapter 7　パーツの組み合わせによる「高速」Webページ制作
　7-1　キャンペーンページを作成しよう
　7-2　サイドバーのある画面を作ろう

固定レイアウト型に関する注意事項（必ずお読みください）
この電子書籍は、全ページ画像の「固定レイアウト型」で配信されております。以下の点にご注意し、購入前にプレビュー表示をご確認の上、ご購入ください。

■使用できない機能
・文字拡大（ピンチイン・ピンチアウトは可能ですが、画面におさまらない場合は画面をスワイプ）／文字のコピー／マーク／ハイライト／文字列検索／辞書の参照／Web検索／引用

■推奨環境
・タブレットなど大きいディスプレイを備えた端末
・Wi-Fiネットワーク経由でのダウンロード（Kindle端末の場合）
Previous page
  1. 本の長さ
    299ページ
  2. 言語
    日本語
  3. 付箋メモ
    有効になっていません
  4. 出版社
    SBクリエイティブ
  5. 発売日
    2016/8/16
  6. ファイルサイズ
    125445 KB
  7. Page Flip
    有効にされていません
  8. Word Wise
    有効にされていません
  9. タイプセッティングの改善
    有効にされていません
  10. すべての詳細を表示
Next page
この本はファイルサイズが大きいため、ダウンロードに時間がかかる場合があります。Kindle端末では、この本を3G接続でダウンロードすることができませんので、Wi-Fiネットワークをご利用ください。
Amazon スマイルSALE ゴールデンウィーク 開催中
期間限定！人気商品がお買い得。ポイントアップキャンペーン実施中
Amazon スマイルSALE ゴールデンウィーク を今すぐチェック

商品の説明

著者について

●森本 恭平(もりもときょうへい)
ヤフー株式会社勤務。Web制作者/フロントエンドエンジニア。Yahoo! JAPANの広告管理ツールの制作とYahoo! JAPANのスマートフォンの共通UIの設計および管理に携わる。著作・翻訳実績に、『一人から始めるユーザーエクスペリエンス』(丸善出版)、『HTML5モバイルアプリケーションフレームワーク Sencha Touchパーフェクトガイド』(アスキー・メディアワークス)がある(いずれも共作)。

●平谷 奈緒子(ひらやなおこ)
ヤフー株式会社勤務。Webデザイナー/フロントエンドエンジニア。

●中西 生乃(なかにしいくの)
ヤフー株式会社勤務。Webデザイナー/フロントエンドエンジニア。

登録情報

  • ASIN ‏ : ‎ B01K3SZGR0
  • 出版社 ‏ : ‎ SBクリエイティブ (2016/8/16)
  • 発売日 ‏ : ‎ 2016/8/16
  • 言語 ‏ : ‎ 日本語
  • ファイルサイズ ‏ : ‎ 125445 KB
  • Text-to-Speech（テキスト読み上げ機能） ‏ : ‎ 有効になっていません。
  • X-Ray ‏ : ‎ 有効にされていません
  • Word Wise ‏ : ‎ 有効にされていません
  • 付箋メモ ‏ : ‎ 有効になっていません
  • 本の長さ ‏ : ‎ 299ページ
  • カスタマーレビュー:
    5つ星のうち1.9 16

著者について

著者をフォローして、新作のアップデートや改善されたおすすめを入手してください。
森本 恭平

森本 恭平

Brief content visible, double tap to read full content.
Full content visible, double tap to read brief content.

著者の本をもっと発見したり、よく似た著者を見つけたり、著者のブログを読んだりしましょう

カスタマーレビュー

星5つ中1.9つ
5つのうち1.9つ
16グローバルレーティング

この商品をレビュー

他のお客様にも意見を伝えましょう
カスタマーレビューを書く

上位レビュー、対象国： 日本

トロ
5つ星のうち1.0 これはとんでも無い本です
2018年12月16日に日本でレビュー済み
Amazonで購入
酷評が多いですが中身は良いそうなので購入してみましたが、
誤植の多さ故なのか思い通りに進まず断念しました。

2018.12月現在 正誤表がアップされていますが、まだまだ間違いがあります。
82P 突然制作してもいない libフォルダが出てくる
82P-83P _reset.cssが次のページではreset.cssになっている
まだまだあります。

中でも笑ってしまったのが、正誤表にもある
「本ダウンロードファイルのsanitizeというフォルダの中に、執筆時点のバージョン（v3.2.0）を入れました。 最新版は使用せず、このファイルをご使用ください。」
とのことですが、いざDLしてみたらファイル名が_snitize.scss と誤字ってます(笑

流石にここは間違ってないだろう。という箇所で著者がとんでも無い間違いをするので、思いもよら無い箇所で躓きます。
まあ自分自身で検証していかないといけないのでそういう意味では鍛えられる親切な本かもしれませんね(笑

-------------
(追記)折角なので読み進めていますが、
最新のダウンロードファイルの作業ファイルのdistフォルダにjsファイルがありません。
1版の誤植は仕方ないにしろ、後から編集のできるダウンロードファイルでこれでは、本当に残念です。
役に立った
 レポート
Amazon カスタマー
5つ星のうち4.0 中級者以上向けかな
2017年1月3日に日本でレビュー済み
Amazonで購入
ここのレビュー、内容がひどいものが多いですねぇ。
ここまで書籍とは関係ないことが中心に書かれていると逆に興味がわいて買ってみました(笑)

マークアップエンジニア歴3年ですが、読んでみた客観的な感想としては、
・評価する点は、BEMを基本にしたCSSコーディング技法が具体的に書かれていたこと。
・残念だった点は、チュートリアル的にコードをくみ上げていくという流れになっておらず、読む上でリズム感がなかったところ。

個人的な感想としては、本の内容自体悪いものではないし、CSS設計を採り入れた具体例やコーディング規約といった、サイト構築や運営の際に知っておくべき技術をまとめ上げてくれている点に好感が持てた。

レビューに書いてある編集者がどうのこうのという点については、なんだかよく分からない。
何のためかは知らないが、同じ人物が複数のアカウントを使って作為的に書いているんだろなというのが感想。あくまでも個人的な見解ですが。

まぁ、HTML/CSSの中級以上の人や、サイト作りのやり方を一から見直したい人には良い本じゃないでしょうか。
6人のお客様がこれが役に立ったと考えています
役に立った
 レポート
Amazon カスタマー
5つ星のうち1.0 カス
2017年2月11日に日本でレビュー済み
Amazonで購入
yahooで勤めてるヤツ
この程度の詳細でしか説明できないのか
購入して残念でした。正直、誰にでもおすすめできないと思います。

本当に残念な教科書にもならない。クズだ
2人のお客様がこれが役に立ったと考えています
役に立った
 レポート
Amazon カスタマー
5つ星のうち1.0 間違いが多すぎて内容に集中できない
2016年9月23日に日本でレビュー済み
Amazonで購入
他の方のレビューにもありますが、間違いや誤植が多すぎます。
2016年9月23日現在、サポートサイトで訂正情報が随時アップされているようですが全然間に合っていません。
中級者以上を対象としているので、ある程度は自身の知識やサンプルファイルで補完が出来る方にとっては良いんじゃないでしょうか。
14人のお客様がこれが役に立ったと考えています
役に立った
 レポート
十六茶
5つ星のうち2.0 担当編集はヌルすぎる。猛省しろ！
2016年9月26日に日本でレビュー済み
三省堂で購入。
三省堂は「三回反省」が由来らしいが
この本を担当した編集は三回でも足りない。猛省しろ！

致命的な誤植が多い。
どーせ、外注にぶん投げなんだろ。
ゲラ通して１回でも読んだのか？
それぐらいちゃんとやれ。
赤字だらけ‥コッチは校正のバイトじゃないんだよ！
こんな状態で販売するなんて恥ずかしくないの？
恥だよ恥。webの修正稿も間違ってる。
・
本のレベルデザインが意味不明。
この内容でCSSの詳細度や
webfontの解説で10ページとか必要？
へんに間口を広げようとしているけど、
それよりもっと詳しく書く部分あるでしょ。
・
平易な内容だからいいけど、構成もわかりづらい。
目線が離れる作りというか丁寧な仕事じゃない。
担当編集はプロしての矜持もセンスもない。
・
著者の巻頭言はいいですね。「想い」が形になっている‥内容・ルールは勉強になりました。
12人のお客様がこれが役に立ったと考えています
役に立った
 レポート
falcon
5つ星のうち3.0 自分で解析する気力のある人にはおすすめ
2017年7月22日に日本でレビュー済み
現場で役立ちそうな情報に絞って掲載されているため、参考になる場面は多いかと思います。
ですが、唐突に説明にないクラスが出てきたり、ソースの内容が変わっていたり、
書いてある通りに手を動かしても期待する結果にならないことも多く、初学者には少々敷居が高く感じました。
初学者にも読めそうなくらい丁寧に説明してあるだけに残念でした。
幸い、githubに正誤表と完成版のサンプルがあるので、
そちらを見ながら間違いを解析する気力がある方には良い資料になると思います。
2人のお客様がこれが役に立ったと考えています
役に立った
 レポート
Amazon カスタマー
5つ星のうち1.0 あまりにもひどい誤植・・・・。最後にはこの書籍の間違いを確認している気分になりました。
2016年12月16日に日本でレビュー済み
入社してすぐ会社で中級から上級者向けレベルの研修書籍として渡されました。HTML/CSSの基礎知識はありました。
初心者向けの書籍ではありません。
内容自体はとても参考になりました。

が、、、あまりに誤植がひどいです。
左のページと右のページの内容が急に変わります。
それがすべての章において頻発・・・。
画像と文章の説明が違う。画像ファイルに画像が足りない。
大事な説明が赤字付きでどうどうと間違えて記載されています。
また太字であるはずの部分が太字でなかったり、どこを追加記載すればいいかわからない。
まるでテキストの間違いを探している気分になりました。
こんな本初めてです・・・。

一番信じられなかったことは最初のページにある正誤情報の確認方法の説明を信じて、(当たり前のことですよね)正誤情報を確認したところ、

WEBサイトを見て「正誤表」を確認して下さい。なお、正誤情報のリンクがクリックできない場合は正誤情報はありませんと書かれています。
現在のところリンクはクリックできず。正誤情報はないのだと思いテキスト中盤まで進んでしまったことです。

あまりにもおかしいと思いamazonの他の方のレビューを読んで驚愕しました。サポートサイトに正誤情報が更新されていると・・・。
検索して探し出しました。
あまりにも誤植が多すぎてサポートサイトを立ち上げてそちらに情報を載せてるんでしょうか・・・。
サポートサイトの立ち上げはお知らせとして小さく載っているのみ、そちらに正誤情報を記載していますなどページ内に説明はなし。

そして、載っている正誤情報がすべてではありません。
私がひとつひとつ作っていたたところ載せるのが恥ずかしいほどの誤植を確認していますので。
作者の方はこれだけ誤植が多いのにまだ確認していんでしょうか。
最新のダウンロードファイルですら画像ファイル足りません。
7人のお客様がこれが役に立ったと考えています
役に立った
 レポート
denim23
5つ星のうち4.0 SASSでの制作が学べます。
2016年10月14日に日本でレビュー済み
いきなりメインとなる参照ファイルが間違っているの
はいただけませんが、現時点ではダウンロードファイルは
修正されたのか問題ないようです。

本の最後のほうに「この本が少しむずかしく感じられたかたは
html+cssの知識がまだあやふやなので再復習を...」
まさに私がそのレベルですが、

それでもうまくいかなかったら章ごとにサンプルファイルが
あるので部分的にコピーすればなんとか最後までは
たどりつけました。

個人的な感想として、
「Sass」って具体的にこういうフォルダ（ファイル）構成に
するのか、とかBEMのCSS設計思想ってこういうことか、とか
これからはFlexBox使おう、とか学べることが多かったです。
あとTIPSで別出版社の本を推薦されていたりするのも好印象です。
サンプルサイトのデザインも今風でいいです。

本のタイトルはもう少し内容にあわせて考えてほしかったですね。
6人のお客様がこれが役に立ったと考えています
役に立った
 レポート
問題を報告

この商品には、不適切な内容が含まれていますか?
報告
この商品は、著作権を侵害していると思いますか?
報告
この商品には、品質または書式設定の問題が含まれていますか?
報告