はじめての Web デザイン&プログラミング(ハジメテノウェブデザインアンドプログラミング)

Web ページ制作・ Web アプリケーション開発の入門書。
制作・開発の全体像を概観し、 Web のデザインとプログラミングの基礎を学べます。

HTML 、 CSS 、 JavaScript 、 PHP といった言語から、 Web API 、ライブラリ、非同期通信、データベースといった仕組みや技術まで...
初学者が最低限知っておくべき内容を凝縮しています。
これから Web 制作にかかわる人が本格的な学習の前に読む“ 1 冊目の本”として最適です。

＜特長＞
・覚えることも作業量も必要最小限で OK 。分厚い本が苦手でも安心。
・例題や練習問題を解いて、理解を深められる。
・実用的なアプリケーション (スケジュール管理アプリ) を作成できる。
Web デザイン編
Chapter 1 HTML による Web ページ作成
Chapter 2 CSS による装飾とレイアウト
Chapter 3 レスポンシブ Web デザイン
Web プログラミング編
Chapter 4 JavaScript の基本
Chapter 5 JavaScript によるデータ操作
Chapter 6 DOM 、 Form 、 jQuery
Chapter 7 サーバサイドプログラミング (PHP)
Chapter 8 非同期通信 Ajax
Chapter 9 グラフィックス描画 (Canvas)
Web アプリケーション編
Chapter 10 スケジュール管理アプリ

Web 制作の学習は、 HTML の本、 JavaScript の本、サーバーサイドの本と分野ごとに分厚い本が並んでいて、最初の一歩で何をどこまで学べばよいのか見通しが立ちません。『はじめての Web デザイン&プログラミング』 (村上祐治 著、森北出版、 2023 年 6 月刊、菊判) は、その見通しを先に与えることへ的を絞った入門書で、版元自身が「本格的な学習の前に読む 1 冊目の本」と位置づけています。覚えることも作業量も必要最小限で、分厚い本が苦手でも安心、というのが掲げられた特長です。

3 部 10 章の構成: HTML からアプリ完成まで

構成は 3 部 10 章です。 Web デザイン編で HTML によるページ作成、 CSS による装飾とレイアウト、レスポンシブ Web デザイン を押さえ、 Web プログラミング編で JavaScript の基本とデータ操作、 DOM ・ Form ・ jQuery 、PHP によるサーバサイドプログラミング、非同期通信 Ajax 、 Canvas によるグラフィックス描画へ進みます。仕上げの Web アプリケーション編では、学んだ要素を組み合わせてスケジュール管理アプリを作成します。例題と練習問題が用意され、手を動かして確かめながら進む教科書的な作りです。

効き目: 役割分担の全体地図を 1 冊目で持てる

この本の価値は、フロントエンドからサーバーサイド、非同期通信までの「役割の分担」を薄い一冊で一望できることです。 Web アプリケーションは、ブラウザ側の見た目と動き、サーバー側の処理、両者をつなぐ通信という分業で成り立っており、初学者の混乱の多くは自分が学んでいる技術がどの持ち場のものか分からないことから来ます。 176 ページで全体の地図を先に持てば、その後に HTML でも JavaScript でも PHP でも、分厚い専門書を「地図のどこを拡大する本か」と位置づけながら読めるようになります。

読む前の注意: 深掘りなしの前提と jQuery の採用

読む際の注意としては、各分野の深掘りはしない前提の本であることと、 2023 年刊でフロントエンドの道具立てに jQuery を採用していることが挙げられます。実務の主流が React などのフレームワークへ移った後の刊行ですが、 DOM 操作の基礎を最小限の道具で体験する教材としての選択と割り切って読むのが適切です。本書を終えて本格的に Web 開発へ進むなら、フロントエンド・サーバーサイドそれぞれの専門書が次の一冊になります。

向いている読者

これから Web 制作を学び始める学生や社会人、教養として Web アプリケーションの仕組みを一巡したい人、そして過去に分厚い入門書で挫折した人が、本書の読者像です。スケジュール管理アプリという完成品まで最短距離で到達させてくれる構成は、学習の最初期に欠かせない「作れた」という実感を早く届けてくれます。深く学ぶ前の助走として、無理のない投資で全体像が手に入る一冊です。