ISBN: 978-4-297-10020-9
Bootstrap 4 フロントエンド開発の教科書
サポート終了
| 著者 | WINGSプロジェクト 宮本麻矢 朝平文彦 |
|---|---|
| 監修 | 山田祥寛 |
| 出版社 | 技術評論社 |
| 価格 | 3,280円（税別） |
| 判型 | B5変判・4色＋1色 |
| ページ数 | 480ページ |
| 発売日 | 2018年8月25日 |
| シリーズ | フロントエンド開発の教科書 |
| 対象レベル | 初中級 |
Bootstrap 4の基礎と活用方法を身につけよう
高性能／高機能CSSフレームワークとして高い人気を誇る「Bootstrap」の本格的な解説書です。最新のBootstrap 4に完全対応し、CSSフレームワークの基本から、CSSクラスを利用したスタイリング、コンポーネントやJavaScriptを利用したUI実装、オリジナルテーマによるカスタマイズ方法まで、Bootstrap 4の全機能が身につく内容になっています。
一歩先を目指すWebデザイナー＆Webフロントエンドエンジニアにお勧めの一冊です。
更新履歴
- 正誤訂正：2020年6月30日 更新
目次
- 第1章 イントロダクション
- 1.1 Webアプリケーションフレームワークの基本
- 1.2 Bootstrapの特徴
- 1.3 Bootstrapの歴史
- 1.4 Bootstrapの導入
- 第2章 Bootstrapのレイアウト
- 2.1 Bootstrapのグリッドシステム
- 2.2 列の自動レイアウト
- 2.3 レスポンシブなグリッドシステム
- 2.4 カラムの整列
- 2.5 カラムの並べ替え
- 2.6 レイアウトのためのユーティリティ
- 第3章 基本的なスタイリング
- 3.1 タイポグラフィ
- 3.2 コード
- 3.3 画像
- 3.4 テーブル
- 3.5 図表
- 3.6 Rebootによる初期設定
- 第4章 基本的なコンポーネント
- 4.1 ジャンボトロン
- 4.2 アラート
- 4.3 バッジ
- 4.4 プログレス
- 4.5 カード
- 4.6 メディアオブジェクト
- 第5章 ナビゲーションのコンポーネント
- 5.1 ナビゲーション
- 5.2 ナビゲーションバー
- 5.3 パンくずリスト
- 5.4 リストグループ
- 5.5 ページネーション
- 第6章 フォームとボタンのコンポーネント
- 6.1 フォーム
- 6.2 入力グループ
- 6.3 ボタン
- 6.4 ボタングループ
- 6.5 ドロップダウン
- 6.6 ドロップダウンのJavaScript使用
- 第7章 JavaScript を利用したコンポーネント
- 7.1 BootstrapのJavaScriptプラグイン
- 7.2 カルーセル
- 7.3 カルーセルのJavaScript使用
- 7.4 折り畳み
- 7.5 折り畳みのJavaScript使用
- 7.6 モーダル
- 7.7 モーダルのJavaScript使用
- 7.8 スクロールスパイ
- 7.9 スクロールスパイのJavaScript使用
- 第8章 ユーティリティ
- 8.1 Colorユーティリティ
- 8.2 Borderユーティリティ
- 8.3 Displayユーティリティ
- 8.4 Sizingユーティリティ
- 8.5 Spacingユーティリティ
- 8.6 Flexユーティリティ
- 8.7 Floatユーティリティ
- 8.8 Positionユーティリティ
- 8.9 Textユーティリティ
- 8.10 Vertical alignユーティリティ
- 8.11 その他のユーティリティクラス
- 第9章 Bootstrapでモックアップを作る
- 9.1 サイト概要とファイルの準備
- 9.2 新規ファイル作成
- 9.3 ヘッダーの作成
- 9.4 ナビゲーションバーの作成
- 9.5 メインビジュアルの作成
- 9.6 コンテンツ01（News）の作成
- 9.7 コンテンツ02（About）の作成
- 9.8 コンテンツ03（Menu）の作成
- 9.9 コンテンツ04（Coupon）の作成
- 9.10 コンテンツ05（Information）の作成
- 9.11 フッターの作成
- 9.12 リンクの設定と追加CSSの作成
- 9.13 下層ページ（Contact）の作成
- 第10章 Bootstrapのカスタマイズ
- 10.1 Bootstrapのオリジナルスタイルを上書きする
- 10.2 Sassを使ってカスタマイズする
- 10.3 CSS変数を利用する
正誤表
| 該当頁 | 該当箇所 | 修正刷 |
|---|---|---|
| 訂正箇所 | 訂正事項 | 更新日 |
| p.- | サポートサイト | 2刷 |
| https://www.wings.msn.to/ | https://wings.msn.to/ （www. ナシが正しいです） |
2018/08/30 |
| p.- | 本書サポートページ | 2刷 |
| https://www.wings.msn.to/index.php/-/A-03/978-4-297-10020-9/ | https://wings.msn.to/index.php/-/A-03/978-4-297-10020-9/ （www. ナシが正しいです） |
2018/08/30 |
| p.13 | 図1-13下の箇条書き部分 2行目 | 2刷 |
| Internte Explorer 9 | Internet Explorer 9 | 2018/11/02 |
| p.13 | 図1-13下の箇条書き部分 6行目 | 2刷 |
| グラフアイコン | グリフアイコン | 2018/11/02 |
| p.29 | 2.3.1項 「5段階のレイアウト制御」 本文4行目 | 2刷 |
| 画面幅が576px以下のSmallであれば「col-sm-」、768px以下であれば「col-md-」のように、 | 画面幅が576px以上のSmallであれば「col-sm-」、768px以上であれば「col-md-」のように、 | 2019/01/10 |
| p.61 | 3.1.11項 「リスト」 本文2行目 | 2刷 |
| 左マージンを削除 | 左パディングを削除 | 2019/01/31 |
| p.62 | 3.1.12項 「インラインリスト」 本文2行目 | 2刷 |
| 間にマージンを適用 | 間にパディングを適用 | 2019/01/31 |
| p.64 | 本文 下から2行目 | 2刷 |
| フォント設定やパディングサイズ、背景色や角丸形状（0.25rem）が定義されています。 | フォント設定が定義されています。 | 2019/01/31 |
| p.65 | 本文 下から4行目 | 2刷 |
| フォント設定やマージンサイズ、表示方法や角丸形状が定義されています。 | フォント設定やマージンサイズ、表示方法が定義されています。 | 2019/01/31 |
| p.82 | 表3-3 背景色「Dark」についての「クラス」の欄 | 2刷 |
| （空欄） | table-dark | 2019/01/31 |
| p.90 | 本文 最終行 | 2刷 |
| 画面幅が sm 以下で | 画面幅が sm 未満で | 2019/01/31 |
| p.90 | リスト3-79 コード内のコメント4か所 | 2刷 |
| 画面幅～以下 | 画面幅～未満 | 2019/01/31 |
| p.91 | 図3-45 吹き出し内 2か所 | 2刷 |
| 画面幅～以下 | 画面幅～未満 | 2019/01/31 |
| p.106 | コラム 本文 下から2行目 | 2刷 |
| 「SCSSファイルの準備」（P.444 参照） | 「SCSSファイルの準備」（P.443 参照） | 2019/01/31 |
| p.272 | リスト7-17 折り畳みの基本的な使用例(collapse-basic.html) 1-2行目 | - |
| <!-- 切替ボタン --> <p> |
（不要なので削除してください） | 2020/06/30 |
| p.318 | 本文 下から2行目 | 2刷 |
| 詳しくは、P.451 を参照 | 詳しくは、P.450 を参照 | 2019/01/31 |
FAQ
現在、FAQはありません。
ダウンロード
お問い合わせ
書籍に関するご質問や誤りのご報告、ご意見・ご感想などをお寄せください。
お問い合わせの前にFAQ・正誤表をご確認ください。すでに掲載済みの内容については個別回答が難しい場合があります。