購入オプション

Kindle 価格:	￥2,420 (税込)
獲得ポイント:	24ポイント (1%)

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

プロモーションコードまたはギフトカードを入力してください

最強のCSS設計　チーム開発を成功に導くケーススタディ Kindle版

堀口誠人 (著) 形式: Kindle版

7個の評価

その他の形式およびエディションを表示する他の形式およびエディションを非表示にする

価格

新品

中古品

Kindle版 (電子書籍)

"もう一度試してください。"

￥2,420

—

単行本

"もう一度試してください。"

￥1,846

￥5,294

￥1,802

CSS設計を実践的に解説したはじめての書籍！

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

CSS設計にベストプラクティスはありません。どのような設計にも必ずメリットとデメリットが存在します。そのため、どのようなプロジェクトにも完璧に適応できるCSSを設計する方法はないのです。
ではどうすればいいのか？　ある程度のところで妥協するしかないのか？　というとそうではありません。その時々に応じたベターな設計を行うことはできるのです。
本書が定義する最強のCSS設計とは、「対象のプロジェクトにがっちり最適化されたCSS設計」のことです。最強のCSS設計を目指すためには、まずプロジェクトの概要や周囲の環境をしっかりと把握する必要があります。そして、プロジェクトの進行中に起こりうる失敗パターンを想定し、それを的確に回避して成功パターンへと導ける設計のこと。それが最強のCSS設計です。
本書では、最強のCSS設計を目指し、そのために必要なノウハウを順を追って解説します。

●目次
CHAPTER01 実践的なCSS設計とは
　01-01 これまでのCSS設計
CHAPTER02 CSS設計のためのさまざまな手法
　02-01 OOCSS
　02-02 SMACSS
　02-03 BEM
　ほか
CHAPTER03 Sassを導入しよう
　03-01 CSSメタ言語とは
　03-02 Sassの導入
　03-03 CSS設計に役立つSassの機能
CHAPTER04 ケーススタディ（1） OOCSS、SMACSS編
　04-01 プロローグ
　04-02 OOCSSの基本
　04-03 SMACSSの基本
　04-04 Layoutの活用
　04-05 エピローグ
CHAPTER05 ケーススタディ（2） BEM編
　05-01 プロローグ
　05-02 BEMの基本
　05-03 さまざまなModifierの使い方
　ほか
CHAPTER06 ケーススタディ（3）こんなときどうする？
　06-01 JavaScriptのフック
　06-02 引き継いだプロジェクトのCSS設計が解読できない
　06-03 モジュール？　コンポーネント？　言葉の意味がいろいろありすぎてわからない！
　06-04 ソースコードの内容がわからない！
　06-05 既存のモジュールの存在に気づかず、同じようなコードを書いてしまった！
　06-06 ちょっとしたスタイルを気軽に付与するテクニックが知りたい！
　06-08 クラス名をつけるのにすごく迷う！
　ほか

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

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

■推奨環境
・タブレットなど大きいディスプレイを備えた端末
・Wi-Fiネットワーク経由でのダウンロード（Kindle端末の場合）

本の長さ

199ページ
言語:

日本語
出版社

SBクリエイティブ
発売日

2015/10/23
ファイルサイズ

318103 KB
Page Flip

有効にされていません
Word Wise

有効にされていません
タイプセッティングの改善

有効にされていません
すべての詳細を表示

この本はファイルサイズが大きいため、ダウンロードに時間がかかる場合があります。Kindle端末では、この本を3G接続でダウンロードすることができませんので、Wi-Fiネットワークをご利用ください。

販売： Amazon Services International, Inc.
Kindle 電子書籍リーダー

Kindle Paperwhite

Kindle Paperwhite（第5世代）

Kindle Voyage

Kindle

Kindle Oasis
Fire タブレット

Kindle Fire HD（第1世代）

Kindle Fire

Kindle Fire HDX 8.9''

Kindle Fire HDX

Kindle Fire HD（第2世代）

Fire HDX 8.9 Tablet

Fire HD 7 Tablet

Fire HD 6 Tablet
Kindle 無料読書アプリ

Kindle for Android (スマートフォン)

Kindle for Android (タブレットPC)

Kindle for iPhone

Kindle for iPod Touch

Kindle for iPad

Kindle for PC

Kindle for Mac
利用可能な端末

【注目の新刊】：紙とKindle本が同日発売の新刊、予約中のタイトルをご紹介。今すぐチェック｜ 【待望のKindle化】：紙書籍で人気を博した本の電子化新着情報をご紹介。今すぐチェック

※この商品は固定レイアウトで作成されており、タブレットなど大きなディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。

タブレット端末での読書には無料アプリ Kindle for iPad、 Kindle for Android をご利用ください。

この商品を見た後に買っているのは？

ページ: 1 / 1 最初に戻るページ: 1 / 1

商品の説明

著者について

堀口誠人
株式会社LIG フロントエンドエンジニア
Twitter:@seito_horiguchi

「まだ俺本気出してないから」が口癖だったが、
-2014年第一回HTML5カルタ大会優勝
-2014年第一回ZenHack 優勝
など、2014年辺りからようやく本気を出し始める。
2015年からはオンライン学習動画サイト「スクー」で講師も担当。
授業の視聴率が大変高かったことを密かに喜んでいる。 --このテキストは、tankobon_hardcover版に関連付けられています。

内容（「BOOK」データベースより）

現場で使えるCSS設計。OOCSS、SMACSS、BEM…。CSS設計に関する理論はたくさんありますが、開発メンバーも規模も違うプロジェクトでそのまま使用できることはあまりありません。本書では、現実のプロジェクトに適用するために、既存のCSS設計手法をどうアレンジするべきかをケーススタディ形式でやさしく解説していきます。全フロントエンドエンジニア必携の1冊!! --このテキストは、tankobon_hardcover版に関連付けられています。

登録情報

ASIN : B01MZDTPSS
出版社 : SBクリエイティブ (2015/10/23)
発売日 : 2015/10/23
言語: : 日本語
ファイルサイズ : 318103 KB
Text-to-Speech（テキスト読み上げ機能） : 有効になっていません。
X-Ray : 有効にされていません
Word Wise : 有効にされていません
本の長さ : 199ページ

Amazon 売れ筋ランキング: - 56,650位Kindleストア (の売れ筋ランキングを見るKindleストア)
- - 166位Web構築・管理
- - 2,155位コンピュータ・IT (Kindleストア)

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

この商品をチェックした人はこんな商品もチェックしています

ページ: 1 / 1 最初に戻るページ: 1 / 1

カスタマーレビュー

星5つ		19%
星4つ		41%
星3つ		20%
星2つ 0% (0%)		0%
星1つ		20%

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

この商品をレビュー

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

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

レビューのフィルタリング中に問題が発生しました。後でもう一度試してください。

six

「CSS設計の教科書」と比較して

2017年3月29日に日本でレビュー済み

Amazonで購入

他のレビューでも「CSS設計の教科書」と比較されて後発で新しい情報も少ないとございますが、OOCSSやBEMなどを細かく追求はwebの公式で掘り下げていくとして、こうやって取り入れればいいんだ的な例をもとに進めていくような本の内容でとても「取り入れ方・取り入れやすさ」の部分に重きを置いてる感じがしました。実際に本を読んでから取り入れようというハードルが軽くなるようなそんな1冊です。他のこういった本を読んで実践しなかったけどもう一度チャレンジしてみたい方はオススメです。

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

役に立った

mabrouk725

すっきりしました。

2018年11月18日に日本でレビュー済み

Amazonで購入

BEMの場合の汎用クラスの書き方や使い方など、気になっててもやもやしてたところが説明されていてとてもスッキリしました。ダメダメ事例がとても参考になりました。

役に立った

pushbunt

これからSassをはじめるデザイナーに最適

2016年12月13日に日本でレビュー済み

Amazonで購入

内容自体はライトなもので、すでにSassを実務に取り入れていたり、緑色の「CSS設計の教科書」を読みこなしているひとにとっては、ちょっと物足りないかなと感じなくもない。
しかしながら、CSSからSassに移行したばかりの初学者が必ず一度はつまづくであろう点を丁寧にカバーしており、会話形式でわかりやすく解説しているので、これから使っていこうという人には最適な入門書かなと思う。
あとCSS設計についても、「CSS設計の教科書」よりもより実務に即した立場で解説されており、それぞれの設計指針の概要や思想を知るにはこちらのほうが良いかも。（※「CSS設計の教科書」もいいんだけど、あちらは一読した後にググって調べてみたり、公式リファレンスや書籍にあたって理解を深める必要がありそう）
あとはLIGが採用しているフローとかスケジュールとか設計指針、命名規則などの仕様を垣間見ることができるのは、小規模会社での開発者にとってもありがたいことかなと。

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

役に立った

甘タロ

smacss/bem/sassが上手く運用出来ていないチーム/人向け

2015年10月25日に日本でレビュー済み

近年登場した掲題の技術/指向をうまく作業効率化に結び付けられていない、あるいはそれらをまだ知らないチーム/人向けの書籍。
bemでクラス名を「nav__list__item__link」と書いてしまったり、ブロックにマージンをつけてしまったりなど、bemを使いはじめた人の「あるある」アンチパターンとその解決方法を対話形式でわかりやすく紹介してくれています。

また、bemとsassを活かした運用や、スタイルガイドジェネレーターについて、クラス名のネーミングなど、cssを書いていると必ず迷うことや気になることをやはりアンチパターンと共に紹介してくれています。

繰り返しになりますが、すべての項目において、ほぼ必ず「やってはダメ(だけどやりがち)」な例を示してからその解決方法を教えてくれる形式が非常に分かりやすかったです。sass/bemなどの最新css周りの書籍ならこれ一冊あれば充分な気がします。そのくらい役に立つ本です。

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

役に立った

Amazon Advertising 商品の露出でお客様の関心と反応を引き出す	Audible（オーディブル）本は、聴こう。最初の1冊は無料	アマゾンウェブサービス（AWS）クラウドコンピューティングサービス	Amazonアウトレット訳あり商品をお手頃価格で販売	Prime Now 好きな時間が選べる。最短2時間で届く

Amazonビジネス（法人購買）請求書払い法人価格・数量割引	Book Depository 送料無料で世界中にお届け	Shopbop 世界中の厳選されたファッションアイテム	Amazon Second Chance 譲ったり、下取りに出したりして有効活用。

購入オプション

最強のCSS設計 チーム開発を成功に導くケーススタディ Kindle版

この商品を見た後に買っているのは？

商品の説明

著者について

内容（「BOOK」データベースより）

著者略歴 (「BOOK著者紹介情報」より)

登録情報

この商品をチェックした人はこんな商品もチェックしています

カスタマーレビュー

この商品をレビュー

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

レビューのフィルタリング中に問題が発生しました。後でもう一度試してください。

最強のCSS設計　チーム開発を成功に導くケーススタディ Kindle版

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