注目hackernews2分
HTML-first設計で一夜にしてユーザー数2倍——Astro活用の実践事例
30秒で把握
- 1ReactアプリがクレームでDayから3日で撤去後、Astro HTML-firstに切替でユーザー2倍
- 2submit-redirectパターン＋バックエンド逐次保存でJS無効・旧ブラウザ・低速回線を網羅
- 3ブラウザ標準バリデーション活用でReactライブラリ保守コストを排除・WCAG AA準拠
要約
英国の規制公益事業者向け申請フォームで、Reactアプリが顧客クレームにより3日で撤去された後、HTML-firstのAstroベース実装に切り替えたところユーザー数が一夜で2倍になった。設計方針は「JavaScriptなしでも動作・低速回線・旧式ブラウザ対応・フォームデータの損失ゼロ」の4原則で、フォームウィザードの各ステップを独立したHTMLページとし、送信のたびにバックエンドへデータを保存する古典的なsubmit-redirectパターンを採用した。JavaScriptはWebコンポーネントによるプログレッシブエンハンスメントに限定し、ブラウザ標準のバリデーション機能を活用することでReactバリデーションライブラリの保守コストを排除した。画像アップロードをlocalstorage（5MB上限）に詰め込んでいた前任実装の失敗を反面教師に、アクセシビリティはWCAG AAに準拠させた。
あなたへの影響
社内でReact中心の開発文化が定着しているチームほど、公共フォームや申請系UIでHTML-firstアプローチの費用対効果を過小評価しがちになり得る。
推奨：次の大型フォーム案件では、初期要件定義段階でブラウザ標準バリデーション＋SSRリダイレクトパターンの採用可否を技術選定の選択肢に加えることを検討したい。