わかばちゃんと学ぶ Web サイト制作の基本

本書は 4 コママンガを交えて、ユーモアたっぷりに Web サイト製作の基本を初心者向けにわかりやすく解説しています。Web サイトを制作する前の企画の段階から、HTML や CSS、JavaScript はもちろん、Web サイトの企画や公開、運営などについても触れています。これから Web デザイン・Web サイト製作をはじめたい人にオススメの 1 冊です。

Web サイトを自分で作ってみたい初心者が、HTML や CSS を書く前の企画と、公開や運営を含む制作の流れを、マンガを手がかりにひととおり見渡すための入門書です。『わかばちゃんと学ぶ Web サイト制作の基本』 (湊川あい 著、シーアンドアール研究所、2016 年 6 月刊) は、書誌の紹介文によれば、4 コママンガを交えてユーモアたっぷりに Web サイト製作の基本を初心者向けに解説した本で、これから Web デザインや Web サイト製作を始めたい人に向けた 1 冊と案内されています。書誌の副題では Windows と Mac の両方への対応がうたわれています。

企画、公開、運営も含む Web 制作の範囲

紹介文が挙げる範囲は、コードの書き方だけにとどまりません。Web サイトを制作する前の企画の段階から始まり、HTML や CSS、JavaScript はもちろん、サイトの企画や公開、運営などについても触れると説明されています。

HTML と CSS、JavaScript の役割分担をつかむ

Web ページは、文書の構造を表す HTML、見た目を決める CSS、動きを付ける JavaScript の 3 つの層で組み立てられています。見出しや段落、リンクといった意味の骨組みを HTML で書き、色や余白、配置を CSS で整え、ボタンを押したときの反応のような振る舞いを JavaScript で加える、という分担です。初心者がつまずきやすいのは、この分担があいまいなまま見た目を HTML の側で作り込んでしまい、後から直しにくいページになることです。さらに、実際のサイトはファイルを書いただけでは誰にも見られません。誰に何を伝えるかを決める企画と、サーバーに置いてアドレスでアクセスできるようにする公開、更新を続ける運営があって初めて、サイトとして役目を果たします。本書は紹介文で企画と公開、運営にも触れると説明されています。

2016 年刊のマンガ入門が向く読者

この本は 2016 年 6 月の刊行で、その時点の Web 制作の環境を前提にしています。HTML と CSS の基本的な考え方は変わりにくい一方、レイアウトの組み方やブラウザーの対応状況、公開に使うサービスの手順は刊行後も変わっているため、書かれた手順は公式の情報と突き合わせながら進めるのが確実です。文字の多い技術書を開く前に全体像をつかみたい人や、職場や趣味で Web サイトを任され、何から手を付ければよいかを知りたい人に向いています。反対に、レイアウトの手法やデザインの原則を深く学びたい場合は、Web デザインの本を選ぶ順番 を参考に、目的に合う専門書を次の 1 冊として用意しておくと学びがつながります。

Web サイト制作の入口で、コードの書き方だけでなく、作る前に決めることや作った後にすることまで含めて全体の地図を手に入れたい人にとって、マンガで敷居を下げた本書は最初の 1 冊として手に取りやすい選択です。サイトの企画を思い描きながら、わかばちゃんと一緒に読み進めてみてください。