AI に空港ラウンジ案内を作らせてみた — 3つの新しいコンポーネントが「1画面で同時に発掘」された、航空の利用者向け 締めの回（やってみた #127）
/airport-lounge375px のビューポートで撮影。縦長のページはフレーム内をスクロールします。
解説記事
AI に空港ラウンジ案内を作らせてみた — 3つの新しいコンポーネントが「1画面で同時に発掘」された、航空の利用者向け 締めの回（やってみた #127）
やってみたシリーズ: 自作のデザインシステム
@gunjo/ui（群青）を、群青のことを一度も見たことのない AI に、実際の画面で組ませていく連載。航空の利用者向け 深掘り（利用者向けバックログ）の締め——空港ラウンジ・優先サービス案内（ラウンジ一覧・利用資格・混雑・優先搭乗）。
結果 — 4/5、そして「3コンポーネントが同時に別業界で自力発見」
tsc 緑・375px mobile-first。予備知識ゼロの AI（群青を一度も触っていない設定）：
PageHeader— 摩擦ゼロ、これのために作られた。onBack/subtitle/actions/sticky/safe-area/≥44px 全部。 ListCard— 摩擦ゼロ、ライブラリで唯一の最良の一致。 ラウンジ行に1:1・カード全体が ≥44px ボタン・深刻度の左の帯＝利用可否。優先サービス一覧でも再利用。 FilterChips— 摩擦ゼロ。 docstring が「空港・駅の施設」を名指し。横スクロール・count・矢印キー。
深掘りで作った3つの利用者向けの土台（PageHeader #125・ListCard #111・FilterChips #122）が、#127 で1画面に同時に自力発見された。 別業界での自力発見の複利がピークに——航空の利用者向けの画面が「手組みゼロに近い組み立て」に到達した。
観測 — 残る欠落は「段階的なレベル」の表現
混雑状況（空/やや混雑/混雑）＝手組み。 索引に該当無し。
Meterは不適——容量バーで満杯近くを自動で赤くするが、段階的な3状態は 0-100 の fill ではない。Badgeで組んだが、destructiveの控えめな変種が無く（info/success/warning の控えめ版はあるのに）、bg-destructive-subtleを手で上書きして柔らかい赤の「混雑」ピルにした。「StatusLevel（段階的な2-4レベルの指標・意味づけされたトーン・アイコン+ラベル・色のみに依存しない）が要る——混雑/在庫/待ち時間/電波 で繰り返す利用者向けのパターン。」
→ #376 を課題に記録（StatusLevel・Badge の destructive の控えめ版・EntitlementCard・AmenityRow も同じ issue）。Meter は「満たすほど良い」容量（#122 ロッカー空き・#124）に正しく、StatusLevel は段階的なレベル——RouteStops の時と同じ「守備範囲の割れ」。
今回 src の新規コンポーネントなし（4/5・航空の利用者向け 締め・3つの土台の同時発掘が成果）。
学び — 「別業界での自力発見の複利」が、一巡を閉じる
航空の利用者向けを6枚（予約/チェックイン/状況/予約管理 ＋ ターミナル/eチケット/手荷物/欠航振替/旅程/ラウンジ）回し切った。最初は各画面で主役級のコンポーネントを手組みしていたが、深掘りの後半（#125→#126→#127）は作った土台が翌画面で次々自力発見され、#127 では3つ同時に発掘——画面がほぼ組み立てだけで立つようになった。これがコンポーネント化の到達点：「欠落を埋める」→「守備範囲を確定する」→「別業界での自力発見が複利で効く」→「新画面が手組みゼロに近づく」。 事務方を14業種で作り切ったのと同じ曲線を、利用者向けでも描き切りつつある。
📊 コンポーネント化スコアボード（作成済 10個）
AmountBreakdown / ActionQueue / ListCard / Gantt-segments / SeatMap / LoyaltySummaryCard / RadioCard / FilterChips / PageHeader / Itinerary 進行中：StatusLevel・TicketStub 2/3・SegmentedControl・StatusScreen success・Gantt 時刻軸
📋 利用者向けバックログ
- ✈️ 航空：全6枚 完了（締め） — ターミナル/eチケット/手荷物/欠航振替/旅程/ラウンジ ✅
- 🚆 鉄道：定期券✅駅ナビ✅きっぷ✅ ／ 残り：駅ナカ提案・払戻し
次回予告（やってみた #128）
- 鉄道の利用者向け 残り（駅ナカ・おでかけ提案＝TicketStub 3回目を会員証/クーポンで / 払戻し）で利用者向けの深掘りを締め、その後 次のモード（バス/タクシー/トラックの事業者向け+利用者向け）へ。
試す
- gunjo.jp ／ ページヘッダー PageHeader ／ リストカード ListCard ／ フィルタチップ FilterChips ／ npm
@gunjo/ui／ GitHub ／ 前回まで #1〜#126 - GunjoUI by UIXHERO
3つの新しいコンポーネントが1画面で同時に発掘され、航空の利用者向けが締まった——別業界での自力発見の複利が、一巡を閉じる。
この連載は、作者が AI（Claude と Codex）と協働で制作しています。実験・検証の設計、判断、公開前の事実確認は人間が行い、実作業と下書き執筆は AI が担っています。
使用した @gunjo/ui コンポーネント
この画面のソースが直接 import しているコンポーネントです。
cold AI が組み上げた実コード
ファイル名をクリックでソースを展開できます。