SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

翔泳社 新刊紹介(AD)

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

  • X ポスト
  • このエントリーをはてなブックマークに追加

  • X ポスト
  • このエントリーをはてなブックマークに追加

 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をはじめる

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

Amazon  SEshop  その他

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

著者:千貫りこ
発売日:2023年1月17日(火)
定価:2,750円(本体2,500円+税10%)

本書について

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

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
翔泳社 新刊紹介連載記事一覧

もっと読む

この記事の著者

渡部 拓也(ワタナベ タクヤ)

 翔泳社マーケティング課。MarkeZine、CodeZine、EnterpriseZine、Biz/Zine、ほかにて翔泳社の本の紹介記事や著者インタビュー、たまにそれ以外も執筆しています。

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

【AD】本記事の内容は記事掲載開始時点のものです 企画・制作 株式会社翔泳社

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/17000 2023/01/17 07:00

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング