Web アプリ入門

PHP を Web アプリ として動かすトピック。CLI で回していたコードを php -S localhost:8000 で立てた Web サーバー経由で ブラウザから叩く 形に拡張する。

このトピックで身につくこと

• リクエスト / レスポンスの往復を 1 行で説明できる
• php -S localhost:8000 で組み込みサーバーを立て、自作 PHP をブラウザに出せる
• URL の ?name=... を $_GET で受け取れる
• HTML form を書き、その送信を $_POST で受け取れる
• $_SERVER['REQUEST_URI'] / REQUEST_METHOD で簡易ルーターを書ける

前提知識の要点

連想配列が読める / echo が書ける の 2 点だけあれば始められる。$_GET / $_POST / $_SERVER は PHP が自動で作る スーパーグローバル (= どの関数からでも読める連想配列)。

<?php
$name = $_GET['name'] ?? 'guest';
echo "こんにちは、{$name}さん\n";

• ?? (null 合体) は「あればそれ、無ければ右側」。URL に ?name=... が無いケースに強くする定石
• $_GET / $_POST / $_SERVER の中身も結局はただの連想配列。アクセスは $arr['key'] と同じ

chapter 一覧

合計 6 chapter / 12 drill / 所要 2.5〜3 時間。

採点と「本物の Web」の二段構え

$_GET / $_POST は 本来 ブラウザ + Web サーバー経由でしか埋まらない。しかし採点ランナーは CLI で php answer.php を直実行する。そこで本トピックの drill は次の方針で書く。

1. 採点用スタブ で stdin からクエリ文字列を読み、parse_str で $_GET / $_POST を組み立てる
2. 採点ランナーが tests/input.txt を stdin に流し込む → CLI でも $_GET が埋まった状態を再現できる
3. 本物の動作確認 は各 chapter の README で php -S localhost:8000 を案内する

<?php
// 採点用: stdin に "name=太郎&age=20" を流し込む
$query = trim(fgets(STDIN) ?: '');
parse_str($query, $_GET);

// 以降は本物の Web アプリと同じ書き方
$name = $_GET['name'] ?? 'guest';
echo "こんにちは、{$name}さん\n";

「学習者はブラウザで体感、採点は CLI で検証」。両方やって初めて「Web アプリの中身」が腹落ちする。

進め方

1. 各 chapter の slide.md を読む (4〜5 分)

2. drill/ の問題を順番に解く (ch01 は読むだけ)

3. 余裕があれば php -S localhost:8000 でブラウザ起動を試す

つまづきポイント

関連トピック

トピックを並列で参照する全体地図は TOPICS_INDEX.md にある。

案件 (dojo_map.tsv) での参照

topic_slug    chapter_dir
web           topics/web/ch02-builtin-server
web           topics/web/ch03-get-params
web           topics/web/ch04-post-params
web           topics/web/ch05-html-form
web           topics/web/ch06-routing-basic

slug web で参照可。12-web / web どちらの path でもアクセスできる (シンボリックリンク)。