練習場を8本追加（全273種）——PHP・GraphQL・NumPy/pandas・unittest・htmx・Preact・Chart.js・Web Components

道具集に8本が加わり、全 273 種になりました。どれも「書く → 実行 → 結果を見る」をブラウザの中だけで行えます。

プログラミング言語（4本）

• PHP を整える — PHP 8.4 をブラウザ内で実行します。<?php を書き忘れても補い、無限ループは6秒で止まります。変数・配列・関数・クラスの4課題。
• GraphQL を整える — スキーマ・データ・クエリの3欄を自分で書いて、クエリとミューテーションを試します。サーバーは要りません。
• NumPy・pandas を整える — Excel の「並べ替え」「絞り込み」「集計」を pandas のコードで書きます。最後の式が DataFrame なら表として表示します。
• unittest を整える — 標準ライブラリだけでテストを書いて実行します。落ちるテストを直して通す往復を体験でき、pytest との違いも解説しています。

フレームワーク（4本）

• htmx を整える — HTML に属性を足すだけで動く htmx を、サーバーの代わりに自分で書いた JSON が応答する仕組みで確かめます。
• Preact を整える — React と同じ API を、JSX コンパイラなしの htm テンプレートで書きます。選び方 の枠で React との向き不向きを比較できます。
• Chart.js を整える — CSV を貼ると棒・折れ線・円・複合のグラフが描けます。Excel のグラフとの対応表つき。
• Web Components を整える — ライブラリなしで独自の HTML タグを作ります。属性・slot・イベントの4課題で、Lit の前段としても使えます。

共通の約束

実行環境（PHP の WebAssembly、pandas、各ライブラリ）は配信元から初回に取得しますが、入力したコードやデータはサーバーへ送られません。各ページの右上の「リセット」で課題の初期コードに戻ります。