これだけで基本がしっかり身につく HTML/CSS & Web デザイン 1 冊目の本(コレダケデキホンガシッカリミニツク エイチティーエムエルシーエスエスアンドウェブデザインイッサツメノホンク)
デザイン・グラフィックス- 著者:
- Capybara Design 竹内 直人/竹内 瑠美(カピバラデザイン タケウチ ナオト/タケウチ ルミ)
- 出版社:
- 翔泳社
- 出版日:
- 2021年10月14日頃
- ISBN:
- 9784798170114
- 在庫:
- 予約受付中
なぜ注目されているか
書籍紹介
技書の森解説
HTML と CSS を初めて学ぶ人が「まず 1 冊だけ選ぶなら」という場面を想定して構成された入門書です。コードの書き方だけでなく、配色やレイアウトといったデザインの視点も同時に扱う点が特徴で、「技術としてのマークアップ」と「見た目としてのデザイン」を分離せずに学べます。
Capybara Design の竹内直人氏・竹内瑠美氏による著作で、実際に手を動かしながらレスポンシブ対応のサイトを 1 つ作り上げる構成になっています。ステップごとの完成形が示されるため、途中で迷子になりにくい反面、進度はやや速めです。丁寧に読む人は 1 章ずつ時間をかけて取り組むほうが吸収しやすいでしょう。
翔泳社から刊行されており、同社のコードを中心に学ぶ書籍群とは異なり、デザイン工程の判断基準まで踏み込んでいるのが差別化点です。コーディングとデザインの両方を一度に掴みたい初学者に合う一方で、 JavaScript やバックエンドの話題は含まれないため、サイトに動きを加える段階では別の本へ進む必要があります。
言及 Qiita 記事 (1 件)
この本に興味がある方におすすめ
この本に関連
関連記事
Web デザイン本ガイド - HTML/CSS、Figma、Photoshop を学ぶ順番
Web デザインを独学する本の選び方を「コーディング、ツール、デザイン原則」の 3 本柱で整理。HTML/CSS の入門書、Figma と Photoshop の教本、レイアウトと配色の定番書を、2026 年 8 月時点の収載書から学ぶ順番つきで解説します。
YouTube と本の合わせ技が最強
動画で全体像をつかみ、本で深く理解する。YouTube とプログラミング本を組み合わせると、どちらか片方だけより効率よく学べます。
技術書と動画教材の使い分け - それぞれの強みを活かす
技術書と動画教材 (Udemy 等) の強みと弱みを比較し、学習目的に応じた最適な使い分け方を紹介します。
関連用語
HTML
Web ページの構造を記述するマークアップ言語。Web を成り立たせる基礎技術
Web アプリケーション
ブラウザを通じて利用するアプリケーション。インストール不要で幅広い端末で動く
フロントエンド
ユーザーが直接触れる画面側の開発領域。ブラウザ上の見た目と操作を担う
Tailwind CSS
ユーティリティファーストの CSS フレームワークで、クラス名の組み合わせでスタイルを構築する
Core Web Vitals
Google が定義した Web ページのユーザー体験を測定する 3 つの指標 (LCP, INP, CLS)
CSS Modules
CSS ファイルのクラス名を自動的にスコープ化し、名前衝突を防止する CSS のモジュール化手法