EUR 11.89 EUR11.89 税込
| 獲得予定ポイント: | +22 pt (1%) |
ご請求額:JPY 2,178
上のボタンを押すとKindleストア利用規約に同意したものとみなされます。支払方法及び返品等についてはこちら。
これらのプロモーションはこの商品に適用されます:
一部のプロモーションは他のセールと組み合わせることができますが、それ以外のプロモーションは組み合わせることはできません。詳細については、これらのプロモーションに関連する規約をご覧ください。
を購読しました。 続刊の配信が可能になってから24時間以内に予約注文します。最新刊がリリースされると、予約注文期間中に利用可能な最低価格がデフォルトで設定している支払い方法に請求されます。
「メンバーシップおよび購読」で、支払い方法や端末の更新、続刊のスキップやキャンセルができます。
エラーが発生しました。 エラーのため、お客様の定期購読を処理できませんでした。更新してもう一度やり直してください。
無料のKindleアプリをダウンロードして、スマートフォン、タブレット、またはコンピューターで今すぐKindle本を読むことができます。Kindleデバイスは必要ありません。
ウェブ版Kindleなら、お使いのブラウザですぐにお読みいただけます。
携帯電話のカメラを使用する - 以下のコードをスキャンし、Kindleアプリをダウンロードしてください。
最強のCSS設計 チーム開発を成功に導くケーススタディ Kindle版
このページの読み込み中に問題が発生しました。もう一度試してください。
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端末の場合)
※この電子書籍は、「固定レイアウト型」で配信されております。説明文の最後の「固定レイアウト型に関する注意事項」を必ずお読みください。
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端末の場合)
- 言語日本語
- 出版社SBクリエイティブ
- 発売日2015/10/23
- ファイルサイズ310.7 MB
この本はファイルサイズが大きいため、ダウンロードに時間がかかる場合があります。Kindle端末では、この本を3G接続でダウンロードすることができませんので、Wi-Fiネットワークをご利用ください。
この商品をチェックした人はこんな商品もチェックしています
ページ: 1 / 1 最初に戻る
商品の説明
著者について
堀口誠人
株式会社LIG フロントエンドエンジニア
Twitter:@seito_horiguchi
「まだ俺本気出してないから」が口癖だったが、
-2014年 第一回HTML5カルタ大会 優勝
-2014年 第一回ZenHack 優勝
など、2014年辺りからようやく本気を出し始める。
2015年からはオンライン学習動画サイト「スクー」で講師も担当。
授業の視聴率が大変高かったことを密かに喜んでいる。
株式会社LIG フロントエンドエンジニア
Twitter:@seito_horiguchi
「まだ俺本気出してないから」が口癖だったが、
-2014年 第一回HTML5カルタ大会 優勝
-2014年 第一回ZenHack 優勝
など、2014年辺りからようやく本気を出し始める。
2015年からはオンライン学習動画サイト「スクー」で講師も担当。
授業の視聴率が大変高かったことを密かに喜んでいる。
登録情報
- ASIN : B01MZDTPSS
- 出版社 : SBクリエイティブ
- アクセシビリティ : 詳細はこちら
- 発売日 : 2015/10/23
- 言語 : 日本語
- ファイルサイズ : 310.7 MB
- Text-to-Speech(テキスト読み上げ機能) : 有効になっていません。
- タイプセッティングの改善 : 有効にされていません
- X-Ray : 有効にされていません
- Word Wise : 有効にされていません
- 本の長さ : 199ページ
- Page Flip : 有効にされていません
- Amazon 売れ筋ランキング: Kindleストア - 659,349位 (Kindleストアの売れ筋ランキングを見る)
- Web構築・管理 - 762位
- コンピュータ・IT (Kindleストア) - 28,523位
- カスタマーレビュー:
カスタマーレビュー
星5つ中3.7つ
5つのうち3.7つ
10グローバルレーティング
評価はどのように計算されますか?
全体的な星の評価と星ごとの割合の内訳を計算するために、単純な平均は使用されません。その代わり、レビューの日時がどれだけ新しいかや、レビューアーがAmazonで商品を購入したかどうかなどが考慮されます。また、レビューを分析して信頼性が検証されます。
上位レビュー、対象国: 日本
レビューのフィルタリング中にエラーが発生しました。ページを再読み込みしてください。
- 2018年11月18日に日本でレビュー済みフォーマット: Kindle版 (電子書籍)Amazonで購入BEMの場合の汎用クラスの書き方や使い方など、気になっててもやもやしてたところが説明されていてとてもスッキリしました。ダメダメ事例がとても参考になりました。
- 2016年12月13日に日本でレビュー済みフォーマット: 単行本Amazonで購入内容自体はライトなもので、すでにSassを実務に取り入れていたり、緑色の「CSS設計の教科書」を読みこなしているひとにとっては、ちょっと物足りないかなと感じなくもない。
しかしながら、CSSからSassに移行したばかりの初学者が必ず一度はつまづくであろう点を丁寧にカバーしており、会話形式でわかりやすく解説しているので、これから使っていこうという人には最適な入門書かなと思う。
あとCSS設計についても、「CSS設計の教科書」よりもより実務に即した立場で解説されており、それぞれの設計指針の概要や思想を知るにはこちらのほうが良いかも。(※「CSS設計の教科書」もいいんだけど、あちらは一読した後にググって調べてみたり、公式リファレンスや書籍にあたって理解を深める必要がありそう)
あとはLIGが採用しているフローとかスケジュールとか設計指針、命名規則などの仕様を垣間見ることができるのは、小規模会社での開発者にとってもありがたいことかなと。
- 2017年3月29日に日本でレビュー済みフォーマット: Kindle版 (電子書籍)Amazonで購入他のレビューでも「CSS設計の教科書」と比較されて後発で新しい情報も少ないとございますが、OOCSSやBEMなどを細かく追求はwebの公式で掘り下げていくとして、こうやって取り入れればいいんだ的な例をもとに進めていくような本の内容でとても「取り入れ方・取り入れやすさ」の部分に重きを置いてる感じがしました。実際に本を読んでから取り入れようというハードルが軽くなるようなそんな1冊です。他のこういった本を読んで実践しなかったけどもう一度チャレンジしてみたい方はオススメです。
- 2015年10月24日に日本でレビュー済みフォーマット: 単行本近年登場した掲題の技術/指向をうまく作業効率化に結び付けられていない、あるいはそれらをまだ知らないチーム/人向けの書籍。
bemでクラス名を「nav__list__item__link」と書いてしまったり、ブロックにマージンをつけてしまったりなど、bemを使いはじめた人の「あるある」アンチパターンとその解決方法を対話形式でわかりやすく紹介してくれています。
また、bemとsassを活かした運用や、スタイルガイドジェネレーターについて、クラス名のネーミングなど、cssを書いていると必ず迷うことや気になることをやはりアンチパターンと共に紹介してくれています。
繰り返しになりますが、すべての項目において、ほぼ必ず「やってはダメ(だけどやりがち)」な例を示してからその解決方法を教えてくれる形式が非常に分かりやすかったです。sass/bemなどの最新css周りの書籍ならこれ一冊あれば充分な気がします。そのくらい役に立つ本です。








