-
スタートアップにてAIチャットボットのフロントエンド実装を担当
■ プロジェクトの目的
ユーザーフレンドリーなUI/UXによる情報アクセスの効率化と生産性向上。
バックエンドRAG機能を最大限に活用できるフロントエンド構築。
安定性と高速なアプリケーション提供。
保守・拡張性の高いNext.jsベースのコード構築。
BtoB利用に必要なセキュリティ要件の遵守。
■ 体制・人数
プロジェクトマネージャー (1名)
プロダクトオーナー (1名)
NLPエンジニア (2-3名)
バックエンドエンジニア (2-3名)
フロントエンドエンジニア (自分を含む 2-3名)
データエンジニア (1-2名)
QAエンジニア (1名)
（必要に応じて）デザイナー (1名)
■ 自分のポジション・役割
ポジション: フロントエンドエンジニア
役割:
UI/UX設計・実装 (Next.js, React, TypeScript)。
バックエンドAPI連携。
主要UIコンポーネント開発 (フォーム、検索結果、チャット)。
状態管理設計・実装。
レスポンシブデザイン対応。
パフォーマンス最適化。
テスト実装とコードレビュー。
セキュリティ要件に基づいた実装。
■ 目的を達成する上での課題
複雑なRAG機能の分かりやすいUI/UX実現。
多様なBtoBユースケースへの対応。
大量データや長い回答の適切な表示。
リアルタイムな応答性。
既存システムとのデザイン整合性。
セキュリティとアクセシビリティへの配慮。
■ 課題に対して取り組んだこと
ユーザー調査やプロトタイピングによるUI/UX検討。
検索補助やフィルタリング機能の実装。
回答の強調表示や根拠提示。
効率的なデータフェッチとレンダリング最適化。
既存デザインシステムの活用。
入力サニタイズやセキュリティ対策。
WAI-ARIA属性などを利用した実装。
■ ビジネス上の成果
顧客満足度の向上。
アプリケーション利用率の向上。
サポートコストの削減。
従業員の生産性向上。
ブランドイメージ向上への貢献。
データに基づいた改善の促進。