Web制作の最適な実装方法を学べる『プロのコーディングが身につくHTML/CSSスキルアップレッスン』発売

　CodeZineを運営する翔泳社より、1月17日（火）に書籍『プロのコーディングが身につくHTML/CSSスキルアップレッスン すぐに活かせてずっと現場で役立つ現場のテクニック』が発売となりました。初級者にありがちなお悩みポイントをピックアップし、最適な実装をするための手法を解説しています。

　本書はWeb制作に慣れてきた人が、もう一段階スキルアップするためのテクニックや知識を解説した書籍です。

　誰しも、慣れれば慣れるほど手癖やその場しのぎでコーディングしてしまいがちです。タグやプロパティについて「どうしてそれを選んだのか」を聞かれて答えられないということは、もしかしたら状況や目的に応じた最適な実装になっていないからかもしれません。

　そうした停滞感を打破するために、本書では現場の経験則をもとに、プロ目線でコーディングに関する悩みや課題を解決する手法を紹介しています。「sectionとarticleはどう使い分ければいいのか」「background-imageではなく、imgを使うべき画像とは？」「class名の位置はどのように判断すればいい？」というような細かいけれど大事なポイントを取り上げました。

　現場で活かせる知識だけでなく、コーディングに自信も持てるようになるのが本書の特徴です。初級者卒業を目指す人におすすめです。

目次

Lesson1　デザインカンプを正しく理解する
1-1　カンプから画像を書き出す
1-2　HTML/CSSファイルを新規作成する

Lesson2　プレーンなHTMLを作成する
2-1　HTMLについて知っておきたいこと
2-2　マークアップの準備
2-3　見出しをマークアップする
2-4　情報を区分化する
2-5　テキストをマークアップする
2-6　定番パーツをマークアップする
2-7　文法チェックする

Lesson3　デザイン実装のための情報を追加する
3-1　divタグでグループ化する
3-2　class/id名をつける
3-3　CMS に組み込みやすいコードを考える

Lesson4　ページのレイアウトを実装する
4-1　ページ全体をレイアウトする
4-2　実際にレイアウトしてみる
4-3　ナビゲーションのレイアウト
4-4　数値の単位に配慮する

Lesson5　パーツのデザインを作り込む
5-1　定番のパーツをスタイリングする
5-2　テキストのスタイリング

Lesson6　レスポンシブ対応する
6-1　レスポンシブ対応とは
6-2　異なる画像を表示する
6-3　テキストの改行位置を制御する
6-4　サイトナビゲーション
6-5　運用を見すえたカラムの実装
6-6　ブレイクポイント

Lesson7　ワンランク上のコーディングを目指す
7-1　「よいコード」を考える
7-2　開発者向けツールを活用する
7-3　Sassをはじめる

Amazon　 SEshop　 その他

プロのコーディングが身につくHTML/CSSスキルアップレッスン
すぐに活かせてずっと現場で役立つ現場のテクニック

著者：千貫りこ
発売日：2023年1月17日（火）
定価：2,750円（本体2,500円＋税10%）

本書について

本書は、入門レベルの知識だけでは切り崩せない、実務ならではのコーディングの悩み・課題を、プロの視点で解説します。仕様書を読むだけでは得られない「現場の経験則」をもとに、状況や目的に応じた、知識の組み合わせ方・選択肢の選び取り方がわかります。