NEXTORA
AboutServiceWorksContact

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

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

対応内容詳細

  • 下層ページ構築
  • 動的ページ(以下のフロー)

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

  • 静的ページ(3p)

実装面

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

コメント

  • 生成画面は、選択式と自由入力で分かれており、タブ機能で切り替え可能。
  • 生成中画面は、選択内容に沿った質問が表示され、完了画面で回答が表示される仕組み。
  • 生成したキャラクターは、ギャラリー画面に一覧として表示される。
  • 画面ごとのバリーデション対応を実装し、エラーの場合はエラー画面へ遷移。