ちゃんと使える力を身につける Web とプログラミングのきほんのきほん ［改訂 2 版］

ロングセラーが 8 年ぶりに全面改訂!

「これから Web プログラミングを学んでみたい」、
「色々なプログラミング言語に通用するような知識が欲しい」。
そんな風に思っている方にぴったりの 1 冊です。

本書では、例として PHP や JavaScript を取り上げながら、様々なプログラミング言語に共通する基本を学習していきます。言語によって少しずつ用語や特徴は違っていますが、根幹を理解しておくことで、新しい言語も短期間で身につけることができるでしょう。

また本書では、インターネットの仕組みや、Web ページがコンテンツを表示する仕組み、Cookie やセッション、フレームワークやライブラリ、データベースといった技術に関しても、包括的にまとめています。

プログラムに関係する一連の仕組みもちゃんと理解することで、しっかりとした長く使える知識を身につけることができます。

今回の改訂版では、内容をすべて現状に合わせて見直し、変更したほか、チーム開発やコンテナなど、近年の開発環境・体制を説明する章を追加しました。

(以下本書より抜粋・編集)
Chapter1 から Chapter3 では、インターネットや Web の仕組みを説明します。Web プログラムを作って動かすには、そもそも、それが動作する Web サーバが必要です。実際にインターネット上に Web プログラムを置く場合、Web サーバは、どのような環境のものを用意し、どこに構築すればよいのか、その要件も説明します。

Chapter4 と Chapter5 では、プログラミングの基本的な話をします。
この 2 つの章は、実際に、簡単に試せる構成にしました。
Chapter4 では、「XAMPP」という Web プログラムを実行できる環境をインストールし、PHP を使ってプログラムする方法を説明します。Chapter5 では、PHP を題材に、実際に簡単な Web プログラムを示しながら、プログラムの基本的な流れと構文を説明します。
言語は PHP ですが、ここで扱う内容は、文法の差こそあれ、どのようなプログラミング言語にも通用するものです。

Chapter6 以降は、応用です。実際の Web プログラム開発の現場では、どのような技術が使われているのか、そのトレンドを紹介します。
Chapter6 では、省力化できるライブラリや操作性を向上させる JavaScript の扱い方を説明します。Chapter7 では、ショッピングサイトで「カゴの中身」を実現するのに不可欠な、Cookie の仕組みを説明します。
そして Chapter8 では、データベースの使い方を説明します。最後の Chapter9 では、開発ツールやチーム開発、そして、ユーザー体験を向上させるいまどきのプログラミングの作り方など、実際に仕事で開発する場面で必要となる情報をまとめました。
Chapter 1 Web ブラウザで Web ページが表示される仕組み
Chapter 2 Web サーバから Web ブラウザにコンテンツが届くまで
Chapter 3 Web プログラムがコンテンツを作る仕組み
Chapter 4 Web プログラムを動かしてみよう
Chapter 5 Web プログラミングをしてみよう
Chapter 6 ライブラリや JavaScript を使ったプログラミング
Chapter 7 ユーザー情報を保存する Cookie とセッション情報、Web Storage
Chapter 8 データベースを使ったプログラミング
Chapter 9 いまどきのプログラミング

Web ページが表示されるまでに裏側で何が起きているのかを理解しながら、プログラミングの基本を身につけるための入門書が『ちゃんと使える力を身につける Web とプログラミングのきほんのきほん［改訂 2 版］』 (大澤 文孝 著、マイナビ出版、2023 年 1 月刊) です。版元は、これから Web プログラミングを学んでみたい人や、さまざまなプログラミング言語に通用する知識が欲しい人に向けた本と案内しており、例として PHP や JavaScript を取り上げながら、多くの言語に共通する基本を学ぶ構成です。版元の紹介文は改訂 2 版を「ロングセラーが 8 年ぶりに全面改訂」と説明しており、内容を全面的に見直したうえで、チーム開発やコンテナなどの開発環境と体制を説明する章を加えたと案内しています。

全 9 章の構成、Web の仕組みから開発の現場の道具まで

目次は第 1 章「Web ブラウザで Web ページが表示される仕組み」から第 9 章「いまどきのプログラミング」までの全 9 章です。第 2 章「Web サーバから Web ブラウザにコンテンツが届くまで」と第 3 章「Web プログラムがコンテンツを作る仕組み」を合わせた前半の 3 章で、インターネットと Web の仕組み、Web プログラムを動かす Web サーバーの要件を説明します。第 4 章「Web プログラムを動かしてみよう」では「XAMPP」という実行環境をインストールし、第 5 章「Web プログラミングをしてみよう」では PHP を題材に、簡単な Web プログラムを示しながらプログラムの基本的な流れと構文を扱います。版元が掲載する本書の抜粋によると、第 6 章以降は応用にあたり、第 6 章でライブラリと JavaScript の扱い方、第 7 章「ユーザー情報を保存する Cookie とセッション情報、Web Storage」でショッピングサイトのカゴの中身を実現する仕組み、第 8 章でデータベースの使い方を説明し、第 9 章に開発ツールやチーム開発など、仕事で開発する場面で必要になる情報をまとめたとされています。

HTTP の往復と状態の保持が分かると言語を替えても迷わない

Web プログラミングで初学者がつまずきやすいのは、文法そのものよりも、コードがどこで動いているのかが見えない点です。ブラウザーはサーバーへ要求を送り、サーバー側のプログラムがその要求に応じて HTML を組み立てて返します。JavaScript はその HTML を受け取ったブラウザーの側で動きます。この往復の図が頭に入っていないと、同じ画面の中でサーバーとブラウザーのどちらの処理が動いているのかを区別できず、エラーの原因を探す場所も決められません。さらに HTTP の要求は 1 回ごとに独立しているため、ログインした状態やカートの中身を次の画面へ引き継ぐには、Cookie とセッションのような仕組みで状態を持たせる必要があります。こうした土台は PHP に限らず、Python や Ruby、Java で Web アプリケーション を作る場合でも同じです。本書の前半の 3 章が扱うのは、この土台の部分です。

PHP と XAMPP で手を動かす前提と、別の言語を選ぶ人の注意

実際にコードを書くのは第 4 章と第 5 章からで、版元が掲載する本書の抜粋によると、この 2 つの章は簡単に試せる構成になっています。XAMPP は Web サーバーとデータベースなどをまとめて手元のパソコンに入れられる実行環境で、外部のサーバーを用意しなくても Web プログラムを動かせます。一方で、題材の言語は PHP と JavaScript です。Python や Java など別の言語で仕事をする予定がはっきりしているなら、本書で Web の仕組みと共通の考え方をつかんだあとに、その言語の入門書へ進む組み合わせになります。分野全体の本の選び方は Web 開発本ガイド にまとめています。

ブラウザーとサーバーとデータベースのつながりを一度通して理解しておきたい人、言語の文法書を読んでも Web の画面とコードが結びつかずに止まっている人にとって、本書は仕組みの説明と手を動かす章が同じ流れの中に置かれた一冊です。Web 系の開発に入る前の準備として、第 1 章から順に読み進めてみてください。