AIキャラクター生成Webアプリ開発

対応内容詳細

• 下層ページ構築
• 動的ページ（以下のフロー）

  利用規約→生成画面→生成中画面→完了画面

• 静的ページ（3p）

実装面

• フォーム選択でのデータ連携。
• バックエンドの方と連携して実装。
• API構築、連携を考慮した画面仕様設計。
• 状態管理設計（生成中／完了／エラー）

コメント

キャラクター生成機能を持つWebアプリにおいて、フロントエンド開発を担当しました。

利用規約 → 入力（生成画面）→ 生成中 → 完了までの一連のフローを設計・実装し、ユーザー入力データをもとにキャラクター生成結果を表示する機能を構築しました。

生成画面では、選択式と自由入力をタブで切り替えるUIを実装し、入力データの管理およびAPI連携を考慮した画面設計を行いました。

また、生成中・完了・エラーといった状態ごとの画面遷移および状態管理を設計し、ユーザー体験を意識した実装を行いました。

各画面におけるバリデーション処理やエラーハンドリングも実装し、バックエンドと連携しながら安定したデータフローの構築に貢献しました。