AIキャラクター生成Webアプリ開発
担当:フロントエンド開発/Webアプリ開発/新規
タグ:AIキャラクター生成チーム制作
スキル:React.js,Next.jsTailwind CSSTypeScriptMicroCMS
実装期間:2025年6月15日 〜 2025年8月30日

対応内容詳細
- 下層ページ構築
- 動的ページ(以下のフロー)
利用規約→生成画面→生成中画面→完了画面
- 静的ページ(3p)
実装面
- フォーム選択でのデータ連携。
- バックエンドの方と連携して実装。
- API構築、連携を考慮した画面仕様設計。
- 状態管理設計(生成中/完了/エラー)
コメント
- 生成画面は、選択式と自由入力で分かれており、タブ機能で切り替え可能。
- 生成中画面は、選択内容に沿った質問が表示され、完了画面で回答が表示される仕組み。
- 生成したキャラクターは、ギャラリー画面に一覧として表示される。
- 画面ごとのバリーデション対応を実装し、エラーの場合はエラー画面へ遷移。