割引: ￥ 66 (2%)
Kindle 価格: ￥3,223

(税込)

獲得ポイント:
194ポイント (6%)

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

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

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

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

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

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

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

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

著者をフォロー

田村 章吾
フォロー
何か問題が発生しました。後で再度リクエストしてください。

【特典PDF付き】現場のプロから学ぶ CSSコーディングバイブル Kindle版

田村 章吾 (著) 形式: Kindle版
5つ星のうち3.8 41
すべての形式と版を表示
------------------------

特典付きキャンペーン実施中! !



本書（紙版、Kindle版とも）をご購入いただいた方に、特典PDFをプレゼントするキャンペーン実施中です!



●特典PDF内容

CSSコーディングテクニック、ビルトインモジュール　リファレンスなど掲載の90ページ超のPDF





●キャンペーンの申し込み方法についてはこちら。

book.mynavi.jp/pcbook/blog/detail/id=124081

------------------------




CSSとSassの基本と設計、実装テクニックまで


本書は大きくCSSとSassについて学ぶChapter1～3と、サンプルサイトの制作プロセスを通じて現場で使えるスキルを養うChapter4の2部構成となっています。



Chpater01　CSSの基本と設計

CSSとはなにか、という話から、CSSの書き方、CSS設計まで解説します。CSS設計ではOOCSS（オーオーシーエスエス）、BEM(ベム)、SMACSS (スマックス)といった手法を解説します。



Chpater02　CSSの基礎知識

CSSを使いこなすために知っておいたいセレクタ、カスケードと継承、詳細度、ボックスモデル、マージンの相殺、デフォルトスタイルシートとリセットCSSなどの事項を取り上げ、解説していきます。



Chapter03　CSSを効率的に書くSass

CSSを管理・運用するのに使われるCSSプリプロセッサの1つ、Sassについて解説します。



Chpater04　サンプルで学ぶCSSコーディング

ここからはサンプルサイトを実際に設計しながら、コーディングのテクニックを学んでいきます。
コーディングガイドラインを考え、サイトの仕様を確認し、サイトで共通で使える部分を検討します。

それが終わったら、レイアウト作成、エレメント作成、コンポーネント作成、と順次デザイン・制作を進めていきます。



-----
本書はなるべく実際に案件に近い形でサンプルコードを作成し、 制作時に抑えておきたいポイントをまとめています。
Web業界の技術のスピード感は早いと言われますが一度スピードに乗ってしまえば、技術のキャッチアップもスムーズに行えるようになります。
本書を読むことで早い段階で「現場で使えるスキル」が身につき、さらにステップアップができるでしょう。
この本が、コーダーを目指す皆様の道しるべとなりますよう、願ってやみません。
（著者まえがきより）






田村章吾 (たむら しょうご)

ましじめ株式会社 代表

HTML&CSSコーダー

福岡県北九州市在住。

物の構造やバックグラウンドを見ることが好きで、自動車整備士の道へ。 その後デジタルハリウッドでWebサイトの制作を学びWeb業界に転職。

制作会社、フリーランスを経て、ましじめ株式会社を設立。

プロジェクトでは主にフロントエンド開発からCMSを利用したWebサイト制作を担当する。

サイトのメンテナンス、CMS構築の情報設計や大規模サイトのCSS設計を得意とする。




※この商品は固定レイアウト型の電子書籍です。
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。

※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします
Previous page
  1. 言語
    日本語
  2. 付箋メモ
    有効になっていません
  3. 出版社
    マイナビ出版
  4. 発売日
    2021/8/27
  5. ファイルサイズ
    72086 KB
  6. Page Flip
    有効にされていません
  7. Word Wise
    有効にされていません
  8. タイプセッティングの改善
    有効にされていません
  9. すべての詳細を表示
Next page
この本はファイルサイズが大きいため、ダウンロードに時間がかかる場合があります。Kindle端末では、この本を3G接続でダウンロードすることができませんので、Wi-Fiネットワークをご利用ください。
  この商品に関する問題を報告する
Amazon スマイルSALE ゴールデンウィーク 開催中
期間限定！人気商品がお買い得。ポイントアップキャンペーン実施中
Amazon スマイルSALE ゴールデンウィーク を今すぐチェック

出版社より

CSS
CSS
CSS
CSS

商品の説明

出版社からのコメント

CSSとSassの基本と設計、実装テクニックまで

本書は大きくCSSとSassについて学ぶChapter1~3と、サンプルサイトの制作プロセスを通じて現場で使えるスキルを養うChapter4の2部構成となっています。


Chpater01 CSSの基本と設計
CSSとはなにか、という話から、CSSの書き方、CSS設計まで解説します。CSS設計ではOOCSS(オーオーシーエスエス)、BEM(ベム)、SMACSS (スマックス)といった手法を解説します。

Chpater02 CSSの基礎知識
CSSを使いこなすために知っておいたいセレクタ、カスケードと継承、詳細度、ボックスモデル、マージンの相殺、デフォルトスタイルシートとリセットCSSなどの事項を取り上げ、解説していきます。

Chapter03 CSSを効率的に書くSass
CSSを管理・運用するのに使われるCSSプリプロセッサの1つ、Sassについて解説します。

Chpater04 サンプルで学ぶCSSコーディング
ここからはサンプルサイトを実際に設計しながら、コーディングのテクニックを学んでいきます。
コーディングガイドラインを考え、サイトの仕様を確認し、サイトで共通で使える部分を検討します。
それが終わったら、レイアウト作成、エレメント作成、コンポーネント作成、と順次デザイン・制作を進めていきます。

-----
本書はなるべく実際に案件に近い形でサンプルコードを作成し、 制作時に抑えておきたいポイントをまとめています。
Web業界の技術のスピード感は早いと言われますが一度スピードに乗ってしまえば、技術のキャッチアップもスムーズに行えるようになります。
本書を読むことで早い段階で「現場で使えるスキル」が身につき、さらにステップアップができるでしょう。
この本が、コーダーを目指す皆様の道しるべとなりますよう、願ってやみません。
(著者まえがきより)


------------------------
特典付きキャンペーン実施中! !

本書(紙版、Kindle版とも)をご購入いただいた方に、特典PDFをプレゼントするキャンペーン実施中です!

●特典PDF内容
CSSコーディングテクニック、ビルトインモジュール リファレンスなど掲載の90ページ超のPDF


●キャンペーンの申し込み方法についてはこちら。
book.mynavi.jp/pcbook/blog/detail/id=124081
------------------------
--このテキストは、tankobon_softcover版に関連付けられています。

著者について

田村 章吾(たむら しょうご)
ましじめ株式会社 代表
HTML&CSSコーダー
福岡県北九州市在住。
物の構造やバックグラウンドを見ることが好きで、自動車整備士の道へ。 その後デジタルハリウッドでWebサイトの制作を学びWeb業界に転職。
制作会社、フリーランスを経て、ましじめ株式会社を設立。
プロジェクトでは主にフロントエンド開発からCMSを利用したWebサイト制作を担当する。
サイトのメンテナンス、CMS構築の情報設計や大規模サイトのCSS設計を得意とする。
 --このテキストは、tankobon_softcover版に関連付けられています。

登録情報

  • ASIN ‏ : ‎ B09953FYK8
  • 出版社 ‏ : ‎ マイナビ出版 (2021/8/27)
  • 発売日 ‏ : ‎ 2021/8/27
  • 言語 ‏ : ‎ 日本語
  • ファイルサイズ ‏ : ‎ 72086 KB
  • Text-to-Speech（テキスト読み上げ機能） ‏ : ‎ 有効になっていません。
  • X-Ray ‏ : ‎ 有効にされていません
  • Word Wise ‏ : ‎ 有効にされていません
  • 付箋メモ ‏ : ‎ 有効になっていません
  • カスタマーレビュー:
    5つ星のうち3.8 41

著者について

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

田村 章吾

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

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

カスタマーレビュー

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

この商品をレビュー

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

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

Amazon カスタマー
5つ星のうち5.0 CSS初学者はもちろんなんとなくCSS書いてるエンジニアにもオススメ
2021年10月14日に日本でレビュー済み
Amazonで購入
CSS初学者向けと書きましたが、CSSのプロパティに関して細かい説明やレイアウトテクニック的なことはそこまで書かれていません。

それでも初学者にオススメするのは、実務でつまずきやすい設計の視点でコーディングの進め方や管理方法が書かれている点です。
今では当たり前になってるSASSの書き方から、CSSの設計の基本的かつ多人数で作業する時の考え方など、とても丁寧に書かれています。
はじめて実務される方でCSSの管理面で不安な方、過去に仕事でCSS管理がぐちゃぐちゃになって修正時に疲弊してる方にも良い内容だと思います。
5人のお客様がこれが役に立ったと考えています
役に立った
 レポート
nishiaki
5つ星のうち5.0 HTML/CSSコーディングしてる人におすすめのバイブル
2021年8月29日に日本でレビュー済み
Amazonで購入
全くの初心者の方には、最初読むのが大変かもしれない部分はありますが、ある程度書けるようになってきた人には、なぜそうするのか？という考え方や理由がわかり、役に立つと思います。
また実務で、HTML/CSSコーディングしてる人が
これまでなんとなく書いてたことなども、わかりやすくまとめてあり、まさに多くの人のバイブルになりえる本だと思います。

このバイブルを基に、もっと効率的で、もっと短く、もっと読みやすく、もっとメンテナンスしやすく記述できるように精進していきたいと思います。
12人のお客様がこれが役に立ったと考えています
役に立った
 レポート
あばた
5つ星のうち1.0 記述ミスが多い
2021年11月18日に日本でレビュー済み
Amazonで購入
全体的に記述ミスが多く残念。特にサンプルコードと書籍のクラス名に相違があるのはひどい。
2人のお客様がこれが役に立ったと考えています
役に立った
 レポート
シン・unknown秀明
5つ星のうち2.0 文章が上手ではない・全体の約3分の1が不要・誰に向けた本なのかわからない。だがサイト制作の流れは知ることができる。
2022年3月4日に日本でレビュー済み
Amazonで購入
結論から言うとウェブサイト制作の流れの一例を知りたい方は買ってもよいと思う。

以下、読んだ感想。

①文章構成が上手ではない
　ほとんど同じ内容がそのまま繰り返されていることがあるが、構成を変えれば無駄な頁を割かず、より簡潔に伝えることができるし、その方が読む側としても違和感を感じず、内容に集中できる。

②文章の書き方が上手ではない
　抽象的な表現・専門的な表現に対して、「○○とはどういうことでしょうか。」と疑問提起した後、説明に入る箇所がいくつかある。しかしその後に続く説明は、とくに具体化されているわけではなく、それどころかさらに専門的な言葉が使われていることがあり、結局どういうことなのか分からない。
　この他にも具体性がない箇所が多々ある。

③書き間違いやテキスト装飾ミスなどが見られる
　細かいところなので人によって構わないという方もいるかと思うが、誤字や消し忘れ、テキスト装飾のミスが目立ち、内容に集中できない。
　特に見過ごせないのがSassに関する第三章で、複数のサンプルコードに「$base-color:#ccc;」が書かれ続けていること。これのせいで、サンプルコードに対する説明の意味が分からなくなっている。

④第三章のSassに関する部分がすべて要らない
　この部分は約80頁以上、本書全体の約3分の1ある。この量に対して内容は、具体的な説明がほとんどなく、ネットで調べれば出てくるような内容がポンポンと置かれているだけ。適当にコピペしたのではないかと思うほど内容が薄い。

　しかしこれは仕方がない。本書はSassに関する専門書ではなく、あくまで実践的なコーディングの流れを教えてくれるものだから。とはいえ、これほどの頁数を割くのであれば、この部分は別に本を書いてもらって、ほかの部分をより詳しく書いてもらいたかった。
　本書全体に言えることだけど、説明不足なところが多い（第三章は特に）。
　制作の流れを教えるのであれば、ターゲットは未だ実戦経験がないけど、基本的な知識らある人間だと思う。そうだとすれば、Sassに関する薄っぺらい話は不要。もしそうではなくSassに関する知識のない人も含めているのであれば、この内容が何になるというのか、さっぱりわからない。
6人のお客様がこれが役に立ったと考えています
役に立った
 レポート
しがない文系プログラマ
5つ星のうち4.0 解説不足な部分はあるが、CSSを設計する上でとても参考になります。
2021年12月25日に日本でレビュー済み
GOOD
・新しいSCSSの説明が一通り揃っている。ネット上でも調べられる情報量だが、書籍としてまとめられている点には大いに価値がある。
・BEMなどの紹介に加えて、著者の命名規則の紹介があってとても参考になる。他にもリセットCSSに対する考え方もあってなるほどと思った。
・CSSの実践的な使い方が学習できる。安易に既存のアイコンに頼らず、擬似要素を使ってアイコンを作成していたのは良かった。

BAD
・版が浅いためか、誤字は多め。
・コードのビフォーアフターはハイライト等でわかりやすくして欲しかった。
・CSSに関しての解説は掘り下げが足りないと感じた。特に大事なdisplayプロパティに関してはblockとinlineしかちゃんと紹介しておらず、flexの説明が少ない。他にも解説なしのプロパティが多く使用されていて、自分で調べる必要あり。（一ページ辺りの文章量が少なめなので、できれば一つ一つ解説してくれると嬉しい）
・特典のダウンロードPDFの内容は中身が有用だった分、本編に入れて欲しかった…（個人的に書籍で読みたい方なので、PDFは読みづらい）

出版されたばかりの本なので荒削りな所を感じますが、現場でのCSS設計を行う上でとても参考になる良書籍だと思います。注意点としては、多少はCSSをかじっている程度の基礎知識は必要かな。
2人のお客様がこれが役に立ったと考えています
役に立った
 レポート
knp
5つ星のうち5.0 スキルアップしたい人は是非読んでほしい！
2021年9月7日に日本でレビュー済み
Amazonで購入
もっと効率良くはやくコーディングしたい！と思っている人は読むべき！
サンプルデータがダウンロードでるので、デザインと照らし合わせながら考え方や設計方法を学べます。
すぐに実務で役立つ情報がてんこ盛りでしたヾ(●'▽｀●)ノ
4人のお客様がこれが役に立ったと考えています
役に立った
 レポート
Kouyou
5つ星のうち5.0 初学者から中級者までわかりやすい
2021年10月8日に日本でレビュー済み
Amazonで購入
初学者にはわかりやすく、中級者には曖昧になっていた箇所をより深く理解することができると思います。
2人のお客様がこれが役に立ったと考えています
役に立った
 レポート
A
5つ星のうち3.0 使用頻度の低い本でした。
2022年5月16日に日本でレビュー済み
参考書の種類は、
タグやプロパティの意味や役割を調べる辞書型、
サンプルを淡々とこなして経験を積む実践型に大きく分かれると考えているのですが、
この本はそのどちらでもない分類に属していると感じました。
（もちろん個人の感想と、環境であることをご了承ください）
プロパティの説明は載っているのですが、基本的に「考え方」を重視した記述が多い印象で、
辞書型の本に求める、「答え」が必要なシチュエーションでは、この本を開いても、考え方の中から答えを見つけるのに時間がかかり、別の参考書を使っていました。
また、付属のサンプルデータをもとに実際に制作をおこなっていくチャプターがあるのですが、
文章も画像もすべてダミーのデザインとなっている為、制作やサイトににストーリー性、テーマがなく、あまり記憶に残らない作業になりました。
あげく、誤字やミスがいくつかあり、「書いてあることを書いても、書いてある通りにならない」というこの分野ではよくある致命的なことが起きます。
（レビュー投稿時では正誤表に更新もありませんでした。）
その為、サンプルを使った実践的な制作も、それ専用の本を開くことに。
デザインデータにテーマがある方が作り甲斐もありますし、面白いと感じました。

誤字脱字を除くと、何か特別不満があるわけではないのですが、
なぜか使う頻度が少なくなっている事実をできる限り言語化してみました。
2人のお客様がこれが役に立ったと考えています
役に立った
 レポート
問題を報告

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