テンプレートですぐできる すぐに身につく! HTML & CSS(テンプレートデスグデキル スグニミニツクレル エイチティーエムエルアンドシーエスエス)
個人サイトをつくろう!
その他- 著者:
- ガタガタ(ガタガタ)
- 出版社:
- マイナビ出版
- 出版日:
- 2021年08月24日頃
- ISBN:
- 9784839976002
- 在庫:
- 在庫あり
なぜ注目されているか
書籍紹介
現代の個人サイトをつくるための情報を 1 冊にあつめました。
==================================================================================
創作・同人サイトのためのテンプレート・プログラム配布・ノウハウ発信メディア
「do」 (https: / / do.gt-gt.org/) を運営する著者が、
HTML と CSS についてやさしく丁寧に解説します!
==================================================================================
本書は特典のテンプレートを使いながら、1 から HTML と CSS の基礎知識を身に付けられる、HTML & CSS 入門に最適な 1 冊です。
テンプレートを使いながら HTML と CSS を理解することで、手軽に知識を身に付けることができます。
<本書の特徴>
●はじめてでも HTML と CSS の基本をしっかり学べる
●イマドキの Web 事情にもしっかり対応。個人サイト×レスポンシブデザイン
●特典テンプレートを使って実践的に学べる!
●お好みのものを使ってサイトづくり!
嬉しい≪3 種≫の特典テンプレート & サンプルファイルつき!
<こんな人におすすめ!>
●ウェブサイトを自分で作ってみたい人
●HTML と CSS を基礎から学びたい人
●昔、個人サイトを作っていた人
<個人サイトって何?>
個人サイトと聞いて懐かしい気持ちになった方もいるのではないでしょうか。
個人サイトとはその名の通り、個人が作成し、運営しているウェブサイトのことです。
今から少し昔、Twitter や Pixiv がなかった時代、個人サイトといえば、イラストや漫画、小説を書く人たちにとっては欠かせない、コミュニケーションツールの 1 つでした。時折 Twitter でも「#個人サイト」がトレンドに上がるなど、当時個人サイトを持っていた人たちにとっては、「良き時代」の 1 ページとして、心に刻まれているのではないでしょうか。
本書の特典テンプレートを使えば、簡単に≪現代仕様≫の個人サイトをつくることができます。
HTML と CSS についてしっかり解説もしているので、昔の知識を今にアップデートしたい、という人にもピッタリな 1 冊です。
技書の森解説
Web 制作の学習で挫折する原因の一つは、白紙の状態から何を書けばいいのか分からないことです。本書はその壁を、完成済みのテンプレートを出発点にするアプローチで越えようとします。まずテンプレートを表示させ、「ここを変えるとどうなるか」を確認しながら HTML タグと CSS プロパティの役割を覚えていく構成です。
著者のガタガタ氏は、ゼロから積み上げる体系的な学習よりも「動くものをいじりながら理解する」学び方を好む読者を想定しています。テンプレートのバリエーションを追いながらレイアウトや配色の変更を体験できるため、「まず成果物が見たい」タイプの人にとってはモチベーションを保ちやすい設計です。
注意点として、テンプレートを改変する経験は実践的な感覚を養いますが、HTML の文書構造や CSS の設計思想を体系的に理解するには追加の学習が必要です。本書で「触って動かす楽しさ」を得たあとに、仕様を体系的にカバーする入門書へ進むと、表面的な暗記に陥らず理解が深まります。手を動かすきっかけとしての役割がはっきりした一冊です。
この本に興味がある方におすすめ
この本に関連
関連記事
技術書を Kindle で読むコツ - 電子書籍ならではの活用術
技術書を Kindle で効率的に読むための具体的なテクニックを紹介します。ハイライト、検索、フォントサイズの調整など、紙にはない電子書籍の強みを活かす方法。
Web デザイン本ガイド - HTML/CSS、Figma、Photoshop を学ぶ順番
Web デザインを独学する本の選び方を「コーディング、ツール、デザイン原則」の 3 本柱で整理。HTML/CSS の入門書、Figma と Photoshop の教本、レイアウトと配色の定番書を、2026 年 8 月時点の収載書から学ぶ順番つきで解説します。
技術書のタイトルに隠された法則 - 「入門」「実践」「詳解」の意味を読み解く
技術書のタイトルに使われる「入門」「実践」「詳解」などのキーワードには暗黙のルールがあります。タイトルだけで本のレベルと内容を見抜くコツを紹介します。
関連用語
Tailwind CSS
ユーティリティファーストの CSS フレームワークで、クラス名の組み合わせでスタイルを構築する
HTML
Web ページの構造を記述するマークアップ言語。Web を成り立たせる基礎技術
CSS Modules
CSS ファイルのクラス名を自動的にスコープ化し、名前衝突を防止する CSS のモジュール化手法
CSS-in-JS とは - styled-components/Emotion の仕組みと選定基準
CSS-in-JS は JavaScript 内で CSS を記述しコンポーネントスコープのスタイルを実現する手法。ランタイム型とゼロランタイム型の違い / パフォーマンス比較を解説
Markdown
プレーンテキストで記述し、HTML に変換できる軽量マークアップ言語
SPA
ページ遷移なしに動的にコンテンツを更新する Web アプリケーションのアーキテクチャ