￥2,420 税込

ポイント: 24pt (1%) 詳細はこちら

無料配送 4月23日水曜日にお届け
詳細を見る

または最も早い配送明日 4月22日にお届け（5 時間 59 分以内にご注文の場合）
詳細を見る

残り9点（入荷予定あり）在庫状況について

￥￥2,420 () 選択したオプションを含めます。最初の月の支払いと選択されたオプションが含まれています。詳細

出荷元

Amazon.co.jp

販売元

Amazon.co.jp

支払い方法

お客様情報を保護しています

すべて見る

ギフトの設定

￥484 税込

ポイント: 5pt (1%) 詳細はこちら

帯無です。状態は概ね良好ですが、中古本としてお考え下さい帯無です。状態は概ね良好ですが、中古本としてお考え下さい一部を表示

配送料 ¥257 4月25日-26日にお届け
詳細を見る

残り1点ご注文はお早めに在庫状況について

￥￥2,420 () 選択したオプションを含めます。最初の月の支払いと選択されたオプションが含まれています。詳細

選択した拡張機能は、この出品者では利用できません。詳細

${cardName}は選択した出品者では利用できません

${maxQuantity}より大きい数量の場合は${cardName}は使用できません。

この商品は、モチオー2 が販売、発送します。

Amazonの他の出品者

新品＆中古品 (34)件の出品：￥736 & 配送料無料

画像はありません

選択したカラーの画像がありません。
カラー：

このビデオを見るには、次をダウンロード Flash Player

著者をフォロー

谷拓樹

フォロー

Web制作者のためのCSS設計の教科書モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法単行本（ソフトカバー） – 2014/7/24

谷拓樹 (著)

138個の評価

すべてのフォーマットとエディションを見る

{"desktop_buybox_group_1":[{"displayPrice":"￥2,420","priceAmount":2420.00,"currencySymbol":"￥","integerValue":"2,420","decimalSeparator":null,"fractionalValue":null,"symbolPosition":"left","hasSpace":false,"showFractionalPartIfEmpty":true,"offerListingId":"0apZWfm5ctP37qtAPwAx8aFKfFNUdbCC6JomQ%2FmV5gF6nYKI7dlLkiJUYckx3L4qdWns5beYaN9PrIyEApq2jfMhGYPMEecTtMJECY%2FfQJKmyQ0scvvKP%2FixFJ%2FWrDf%2FWMctUc9x3Tc%3D","locale":"ja-JP","buyingOptionType":"NEW","aapiBuyingOptionIndex":0}, {"displayPrice":"￥484","priceAmount":484.00,"currencySymbol":"￥","integerValue":"484","decimalSeparator":null,"fractionalValue":null,"symbolPosition":"left","hasSpace":false,"showFractionalPartIfEmpty":true,"offerListingId":"0apZWfm5ctP37qtAPwAx8aFKfFNUdbCCFjtlcdOcyW2YHNT4NIcX7kA99zzL1srHbozvWdcsGUOlq%2Bcr8GLQVf5B87EzSuxME0zGg0SdSMY2BsNJFv4BZJ74l0dU%2BdPHlQXwffZog5zTh%2BQ9JxiPzhPm%2BhFFMN6LWQsaHOu4OlT2WmqAjFvVyHZRiQs%2FKkz7","locale":"ja-JP","buyingOptionType":"USED","aapiBuyingOptionIndex":1}]}

購入オプションとあわせ買い

あとで困るコードを書いてない?

「予測しやすい」「保守しやすい」「再利用しやすい」「拡張しやすい」

コンポーネントやCSSプリプロセッサを意識した設計・管理の実践など、
「ちゃんとCSSを書く」ためのプロの考え方を徹底解説!

「セレクタが複雑になってしまう……」
「オブジェクト指向CSSってなに?」
「考え方はわかったけど、どう組めばいいの?」

そんな人のバイブルになるのが、この本です。

破綻しやすいCSS、セレクタのリファクタリングなどの基本から、
OOCSS、SMACSS、BEMなどのコンポーネント設計のアイデア、
実際によくあるパターンのコードの組み方までを丁寧に解説。
また、注目されはじめた「Web Components」についても説明します。

第1章 CSSにおける設計とは
第2章 CSSの基本を振り返る
第3章コンポーネント設計のアイデア
第4章コンポーネント設計の実践
第5章 CSSプリプロセッサを用いた設計と管理
第6章コンポーネントの運用に必要なツール
第7章 Web Componentsの可能性

この商品に関する問題を報告する

本の長さ

215ページ
言語

日本語
出版社

インプレス
発売日

2014/7/24
寸法

18.6 x 1.4 x 23.3 cm
ISBN-10

4844336355
ISBN-13

978-4844336358

すべての詳細を表示

最大10%ポイント還元:

対象商品: Web制作者のためのCSS設計の教科書モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法

￥2,420

24ポイント(1%)

最短で4月23日水曜日のお届け予定です

残り9点（入荷予定あり）

この商品は、Amazon.co.jpが販売および発送します。

+

CSS設計完全ガイド ~詳細解説+実践的モジュール集

￥3,608

109ポイント(3%)

最短で4月23日水曜日のお届け予定です

在庫あり。

この商品は、Amazon.co.jpが販売および発送します。

+

Web制作者のためのSassの教科書改訂2版 Webデザインの現場で必須のCSSプリプロセッサ

￥1,242

12ポイント(1%)

最短で4月23日水曜日のお届け予定です

残り1点ご注文はお早めに

この商品は、ビットブックスが販売し、Amazon Fulfillment が発送します。

総額: $00

当社の価格を見るには、これら商品をカートに追加してください。

ポイントの合計: pt

もう一度お試しください

詳細

追加されました

これらの商品のうちのいくつかが他の商品より先に発送されます。

詳細の表示詳細の非表示

一緒に購入する商品を選択してください。

CSS設計完全ガイド ~詳細解説+実践的モジュール集
半田惇志

単行本（ソフトカバー）
61個の商品：￥792から
Web制作者のためのSassの教科書改訂3版　Webデザインの現場で必須のCSSプリプロセッサ (Web制作者のための教科書)
平澤隆（Latele）

単行本（ソフトカバー）
22個の商品：￥2,970から
HTML解体新書-仕様から紐解く本格入門
太田良典

単行本
38個の商品：￥2,400から
HTML&CSS Webデザイン現場レベルのコーディング・スキルが身につく実践入門
小豆沢健

単行本（ソフトカバー）
29個の商品：￥3,219から
【Amazon.co.jp限定】1冊ですべて身につくHTML & CSSとWebデザイン入門講座［第2版］（DL特典：Webデザイナーのポートフォリオの作り方入門講座） (１冊ですべて身につく)
Mana

単行本（ソフトカバー）
- カテゴリプログラミング入門書
38個の商品：￥2,280から
武器になるHTML
柴田宏仙

単行本（ソフトカバー）
40個の商品：￥1,640から

出版社より

	できるホームページ HTML&CSS入門 Windows 10/8.1/7対応	いちばんやさしいHTML5＆CSS3の教本人気講師が教える本格Webサイトの書き方	できるポケット HTML5&CSS3/2.1全事典	Web制作者のためのSassの教科書改訂2版 Webデザインの現場で必須のCSSプリプロセッサ	Web制作者のためのCSS設計の教科書モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法
	購入オプション
カスタマーレビュー	78	72	40	122	138
価格	— no data	￥2,200	￥1,980	￥1,242	￥2,420
対応言語	HTML/CSS	HTML/CSS	HTML/CSS	HTML/CSS	HTML/CSS
習熟度	入門	初級～中級	初級～中級	初級～中級	初級～中級
対象読者	・HTMLやCSSのコーディングをゼロから学びたい方・ホームページ作成ソフトで作ったデータを手直しできるようになりたい方・Web制作に携わる職業を目指していて、基礎を学びたい方	・Webサイトを作りたいが、WordPressなどのCMSではなく、HTMLとCSSで作りたい方・Web制作者を目指している方・Webサイトを運営している飲食店や小売店の店長・Web担当者	・これからHTML5とCSS3/2.1を学びはじめる方・日常的な業務でHTMLやCSSを扱う方	・Sassに触れたことがない方	・サイト制作においてステップアップしたいWeb制作者・HTML5＆CSS3へ切り替わるタイミングで、新しい知識を学ぼうとしているWeb制作者
本書で分かること	ホームページの仕組みや構成の考え方、FTPソフトを使ったホームページの公開やメンテナンス、HTMLやCSSのコーディングなど	講義+実習のワークショップ形式で、データベースを組み合わせた実践的なWebサイトを作りながら基礎を学べる	正式な仕様が勧告されたHTML5の要素(タグ)と、最新のブラウザーで実装されたCSS3/2.1のプロパティをすべて掲載	CSSをHTMLの構造に合わせて入れ子で書いていく「ネスト」、便利な「変数」、「演算」などのSassの基本機能、実践的なテクニック、新機能もカバーした全機能リファレンス	破綻しやすいCSS、セレクタのリファクタリングなどの基本、OOCSS、SMACSS、BEMなどのコンポーネント設計のアイデア、実際によくあるパターンのコードの組み方、Web Componentsの可能性など

商品の説明

著者について

谷拓樹(たに・ひろき)
株式会社サイバーエージェントフロントエンドエンジニア
中小企業向けのアプリケーション開発、スタートアップでのスマートフォンサイト制作などを経て、
現在はコミュニティサービスの開発、UIデザイン、テクニカルディレクションを担当している。
Frontrend、JS Girls、html5jなどのコミュニティ活動や講演活動、その他技術書の執筆もおこなう。
著書に『HTML5+CSS3で作る魅せるiPhoneサイト』(ラトルズ)など。
●Twitter:http://twitter.com/hiloki
●ブログ:http://inkdesign.jp
●GitHub:https://github.com/hiloki/

登録情報

出版社 ‏ : ‎ インプレス (2014/7/24)
発売日 ‏ : ‎ 2014/7/24
言語 ‏ : ‎ 日本語
単行本（ソフトカバー） ‏ : ‎ 215ページ
ISBN-10 ‏ : ‎ 4844336355
ISBN-13 ‏ : ‎ 978-4844336358
寸法 ‏ : ‎ 18.6 x 1.4 x 23.3 cm

Amazon 売れ筋ランキング: - 41,391位本 (本の売れ筋ランキングを見る)
- - 76位Web構築・管理
- - 1,306位電気・通信 (本)

カスタマーレビュー:
138個の評価

著者について

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

谷拓樹

Brief content visible, double tap to read full content.

Full content visible, double tap to read brief content.

Figma Japan株式会社

デザイナーアドボケイト

スタートアップから大手でのWebサービスの開発など幅広い経験を経て、現在はFigma Japan株式会社としてデザインツールの普及活動に従事。その他講演活動、技術書の執筆もおこなう。主な著書に「Web制作者のためのCSS設計の教科書」など。

カスタマーレビュー

138グローバルレーティング

評価はどのように計算されますか?

この商品をレビュー

カスタマーレビューを書く

お客様のご意見

お客様はこの書籍について、CSSの設計について学べると評価しています。実践的な内容で、理論と実践のバランスが良く、ノウハウの質が高いと感じています。また、無駄な記述もなく、質の高いノウハウが簡潔に紹介されているため、知識を深めることができると好評です。理論と実践のバランスが良いと評価されており、グッと理解が深まると感じているようです。

お客様の投稿に基づきAIで生成されたものです。カスタマーレビューは、お客様自身による感想や意見であり、Amazon.co.jpの見解を示すものではありません。

選択して詳細を見る

設計内容

7人のお客様が「設計」について述べています。7肯定的0否定的

お客様はこの書籍について、CSSの設計について学べると評価しています。筆者の考えを押し付けることなく、色んなデザインパターンや具体的なコンポーネントの設計手法を紹介する内容で、読み終わった後にまた読みたくなるような内容が好評です。無駄な記述がなく、質の高いノウハウが簡潔に紹介されているため、初学者こそ早い段階で手にすべき良書だと感じているようです。

"...ただただHTMLやCSS、JSを学んでいるのであれば、CSS設計を学びましょう。CSSの存在意味、CSSを効率よく使う方法、そして、CSS設計。 OOCSSを始めとし、SMACSS、BEM、FLOCSSを体系付けて学ぶことが可能です。..." もっと読む

"CSSの開発書というと、CSS3でこんな表現ができます！だとか、こんなグラフィックなことができます！といった部類の開発書が多い。..." もっと読む

"リファレンスなどとは違い、考え方、設計の仕方について学べる本です。 CSSの使い方を期待している人向けではなく、すでにかける人がどのように設計していけば運営上破綻しないかなどという定義の部分が書かれています。..." もっと読む

"情報が新鮮だし、無駄な記述もなく、質の高いノウハウが簡潔に紹介されている、良本。筆者の考えを押し付けるわけではなく、色んなデザインパターンだったり具体的なコンポーネントの設計手法だったりを紹介する感じなので、読み終わった後に自分なりの設計方法を考えさせられます。" もっと読む

5人のお客様が「内容」について述べています。5肯定的0否定的

お客様はこの書籍について、実践的な内容だと評価しています。理論と実践のバランスが良く、ノウハウの質が高いという意見があります。また、CSS設計についても、現段階での最新で必要な情報がぎゅっとまとめられているため、理解が深まると感じています。

"...もっとCSSを深堀したいと思って購入しました。ある程度理解が進んだとき、この本を手にすると、グッと理解が深まります。今の段階で出会えてよかったと思っています。" もっと読む

"...本書はそういったノウハウ、つまりCSSのアーキテクチャ、変化に対応しやすいCSSについて、一冊の本にまとめ、なおかつ体系的に著書の解説つきでまとめてあるので、たいへん読みやすい。..." もっと読む

"CSS設計について、現段階での最新で必要な情報がぎゅっとまとめられています。会社やチームで制作している場合はめちゃくちゃ大事だし、ルールをメンバーが共有することも必須だし、この本は絶対読んだ方が良いと断言できます。ただ、私はフリーランスで制作をする身。..." もっと読む

"...Webアプリケーション開発の現場では、プリプロセッサはデファクトになっていると思うので、実践的な内容と感じた。最後にはShadowDOMのようなこれからの技術にも言及されていて、少ないボリュームながらも現在のCSS周辺技術について俯瞰できる良書。" もっと読む

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

レビューのフィルタリング中にエラーが発生しました。ページを再読み込みしてください。

Amazonカスタマー
初学者にこそ読んで欲しい
2019年10月21日に日本でレビュー済み
Amazonで購入

専門学生です。

ただただHTMLやCSS、JSを学んでいるのであれば、CSS設計を学びましょう。CSSの存在意味、CSSを効率よく使う方法、そして、CSS設計。
OOCSSを始めとし、SMACSS、BEM、FLOCSSを体系付けて学ぶことが可能です。
Rubyなどを用いたWebアプリを開発する際にも必要になってくる技術です。

他の学校のことは知りませんが、僕が通ってる学校では学びません。
今後、Webサービスの開発で飯を食っていくのであれば必須ですし、入社してから学ぶには遅いくらい。CSS設計という言葉すら知らない人間もいるくらいですから、やっておいて差が出ることは間違いなしです。

続きを読む

16人のお客様がこれが役に立ったと考えています

役に立った

レポート
栫勝宏
早くに出会えてよかった。
2020年3月26日に日本でレビュー済み
Amazonで購入
プログラミングを勉強してフロント部分が面白くなって来ました。
それから、もっと綺麗なコードを書けるようになりたい。もっとCSSを深堀したいと思って購入しました。
ある程度理解が進んだとき、この本を手にすると、グッと理解が深まります。
今の段階で出会えてよかったと思っています。

続きを読む

3人のお客様がこれが役に立ったと考えています

役に立った

レポート
通りすがり
css設計の知見が得られる数少ない本
2016年9月3日に日本でレビュー済み
Amazonで購入
cssの設計の話が書かれている本は、
まだまだ数が少なく非常に参考になりました。

この本のすべてを参考にするにはハードルは高いですし、独特な考えが多いです。

しかし、この本で前提として語られているBEMやsmacssなどはしっかりと理解しておかないと、cssの設計をするのは難しいと思います。

この本を読んで、筆者が提唱しているflocssまでを取り入れるのは難しいと思いますが、BEMやsmacssなどを適切に取り入れて設計をしたいなと思いました。

続きを読む

6人のお客様がこれが役に立ったと考えています

役に立った

レポート
396
初学者こそ早い段階で手にすべき良書。FLOCSSのみについて絞るなら著者の別書を。
2019年4月20日に日本でレビュー済み
Amazonで購入
中級者を対象にしているといったレビューもありますが、むしろ初学者のうちにこの本を手にすることは今後のマークアップスキル向上速度を大きく飛躍させること間違いありません。
CSSの設計手法の考え方を身につけるには非常に優れておりよくまとまっています。

また著者が考案した、本書で紹介しているSMACCS、BEM、MCSSを取り入れた設計方法FLOCSSについては、本書より詳細な内容での解説を「柴犬でもわかるFLOCSS」を2018年に著者自身が販売しています。

CSS設計の概念から知りたい初学者は本書を、FLOCSSの詳細を知りたい方は「柴犬でもわかるFLOCSS」をおすすめ致します。

続きを読む

30人のお客様がこれが役に立ったと考えています

役に立った

レポート
Kanbe
FLOCSSを導入予定の方は買わなくて大丈夫
2018年11月9日に日本でレビュー済み
Amazonで購入
急遽FLOCSSを導入することになりましたので購入しました。
結論から言うと、FLOCSS導入には著者のブログとgithubに詳細な説明と実際のサンプルデータが置いてありますので、ぶっちゃけこの本は必要ありません。
発行は約4年前で、著者が考案したFLOCSSは当時まだ考案中だったようで、FLOCSSに関しては8ページくらいです。
そんなFLOCSSも現在はかなり浸透しているのでフロントエンドの移り変わりは速いですね。

内容としては中盤まではOOCSS、SMACSSやMCSSなどコンポーネント設計についての説明や先人たちのCSSへのアプローチの歴史を知る事ができます。
後半は実際の設計についての具体例が書かれています。が、この辺りも著者のブログやネット上で学べるかと思います。

リファレンスというよりかはCSSの読み物として純粋に楽しめました。
kindleで1000円くらいで購入しましたが、レビューを書いている今は2000円のようで変動があるようです。

CSSを学ばれる方は紫色のSassの教科書がおすすめです。数年前に購入しましたが今もたまに開いています。
最近は改訂版が出たようですね。

続きを読む

21人のお客様がこれが役に立ったと考えています

役に立った

レポート
x
世界中から集められたモダンなCSS開発ノウハウが1冊に凝縮！
2014年8月2日に日本でレビュー済み
Amazonで購入
CSSの開発書というと、CSS3でこんな表現ができます！だとか、こんなグラフィックなことができます！といった部類の開発書が多い。CSSはWebデザイナーが片手間にやるようなものだと思われがちだが、現在のサイクルの速いWebアプリ開発現場においてはCSSエンジニアという役割が重要だと個人的に考えている。

しかし、そのような人材は貴重で海外（必ずしもアメリカだけとは限らない）に点在して、彼らのノウハウもブログ等で散見されている程度である。本書はそういったノウハウ、つまりCSSのアーキテクチャ、変化に対応しやすいCSSについて、一冊の本にまとめ、なおかつ体系的に著書の解説つきでまとめてあるので、たいへん読みやすい。

『はじめに』も書かれてあるが、著者の方は10年のWeb開発のキャリアにおいて特にCSSコーディングに力を入れてる模様で、まさしく日本のCSSエンジニアと言える人だろう。事実、彼の公開しているCSSフレームワークも興味深い。そんな10年もCSSに取り組んできた人の知見が数千円で買えるのだから、安いものだろう。

続きを読む

42人のお客様がこれが役に立ったと考えています

役に立った

レポート
やま
CSSのコンポーネント化についての本
2014年12月4日に日本でレビュー済み
Amazonで購入
本書はCSSのコンポーネント化(部品化)についての本です。
本書を読めば既存のCSSをちょっと書き直して「修正しやすいCSS」が作れるというわけではなく、規約をしっかりと決め、適切な粒度で部品化することによって結果として「修正しやすいCSS」を作ることができます。

コンポーネント化のための規約としてOOCSS、SMACSS、BEM、MCSS、そして著者独自の手法であるFLOCSSを紹介し、次にコンポーネント化を実現するためのツールとしてSASSやデザインガイドを生成するKSSなどを紹介しています。また、最終章では将来への展望としてWebComopnentsを紹介しています。

本書で一番興味深く読めたのはOOCSSやBEMなどのコンポーネント化のための規約についての説明です。

OOCSSは「構造と見た目」「コンテナとコンテンツ」の分離を提案します。これは；CSSとして定義する最小単位の粒度を考えるときに利用できる考え方です。

SMACSSは「レイヤ化」の考え方を導入します。「プロジェクト共通」・「ページ固有」・「状態によって変化する」などスタイルが適応される範囲によって分割して整理します

BEMは「Block-Element-Modifier」という3つの構成要素として表現された階層構造を命名規則に反映することによって複雑な階層構造を持つスタイルの命名を容易にします

MCSSもSMACSSと同じく「レイヤ化」に関する手法ですが、スタイルが適応される範囲で分けるのではなく、レイヤ間に依存関係を持たせ、下層レイヤのコンポーネントを上層レイヤで装飾していく、という方式を使用しています

FLOCSSは上記手法を混ぜて作られたCSS構成案です。コンテナ(=Layout)とコンテンツ(=Object)を分けて管理し、コンテンツについては依存関係を持つComponentとProjectのレイヤで管理します。また、命名規則についてはBEMを使っています

これらの手法を使うのが正解だというわけではありませんが、自分でゼロからCSSの規約を考える場合には紹介されている規約をベースにして考えみるのは有用だと思います。

WindowsアプリやiOS、Androidなどでは簡単に出来ているGUIの部品化のために複雑な規約が必要である、ということの背景にCSSにはコンポーネント化のために重要な隠蔽・カプセル化の機能が足りておらず、それを補うために命名規約やコーディングルールで束縛する必要がある、ということのように感じます。
そうであるならばWebComponentsが主流になる未来が早く訪れることを願って止みません

続きを読む

7人のお客様がこれが役に立ったと考えています

役に立った

レポート
妹尾賢
最近のCSSのコーディンぐ技法について網羅
2015年3月4日に日本でレビュー済み
CSSはセレクタなどがグローバルとなるため、巨大で長期的な文書やWebサイトを管理する際には、保守が問題となる。これを防ぐためのテクニックについて、最近の手法などが多数紹介されている。

大まかには以下２点の原則を元に、classの命名規則の手法や使い分けなどについて説明している。
* 変化に対応しやすくするために、タグでなくclass属性で指定すること。
* 派生関係などがわかるように、classの命名規則を設けること。

このような最近のCSSの動向について網羅されていて参考になった。本自体もカラフルでみやすかった。

続きを読む

2人のお客様がこれが役に立ったと考えています

役に立った

レポート

画像はありません

著者をフォロー