※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。 〈電子書籍版に関する注意事項〉 本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。 【1日30分からはじめる！ 制作現場の実践的コーティング】 本書は、HTML・CSSの基本をひと通り身につけた方を主な対象に、制作現場でプロとして活躍するために必要なWebコーディングの技術を解説したものです。 HTML・CSSのコーディング初心者を脱して間もないレベルと、制作現場の第一線で活躍できる技術レベルの間には、当然ですが大きなギャップがあります。本書は、このギャップを少しでも埋められるような内容を目指しました。 全7章構成の前半では、テキストエディターの設定、Node.jsやGulp、バージョン管理システムの導入といった効率的な開発環境を構築・整備する方法とともに、フロントエンド技術周辺の必要知識を解説。より効率的にコーディングするための環境を整えていきます。 後半では、デザインカンプやWebサイトを題材に、現場の実践的なコーディングを学んでいきます。Webページのレイアウトを「コンポーネント」単位で捉える視点を身につけ、事前のマークアップ設計やCSS設計を行った上でコーディングを進めるノウハウを習得できます。解説及びサンプルには、BEMやSass（SCSS記法）、初歩的なVue.jsを取り入れました。 〈こんな方にオススメ〉 ・制作現場のプロで活躍するコーディング技術を学びたい方 ・HTML・CSSの基本を習得したあと、ステップアップしたい方 ・フロンエンドの開発環境に関する知識を身につけたい方 〈本書の特長〉 ・1冊で、理論（読むパート）と実践（作るパート）の両方を習得できる ・記事ごとに学習時間の目安を設けており、学習教材としても利用しやすい ・作りながら覚えることで、学んだことをすぐに実践できる 〈本書の内容〉 ■Lesson 1　現場のコーディングとツール ■Lesson 2　フロントエンド技術の“いま” ■Lesson 3　開発環境の構築 ■Lesson 4　カンプからのコーディング設計 ■Lesson 5　BEMを使ったCSS設計 ■Lesson 6　Sass（SCSS）を取り入れる ■Lesson 7　Vue.jsを取り入れる