AIエージェントで会話できる自己紹介ページの開発

現在、オーストラリアでITを専攻しながら学んでいます。
また、10週間のフルスタックのAIエージェント開発のチームプロジェクトインターンシップに携わり、会話型AIと実際の業務ロジックを統合するシステム設計を経験しました。

その経験を活かし、自分自身を題材に、会話・予約・実行まで可能な“デジタルツイン型の紹介ページ”を個人で開発しました。

この紹介ページは、単なる自己紹介サイトではありません。

私が寝ているときや予定が入っているときでも、
まるで私と直接会話しているかのように質問し、理解し、さらにはミーティング予約まで完結できるプラットフォームです。

実装した主な機能

フロントエンドはNext.js（App Router）、
バックエンドはPrisma + PostgreSQL（Neon）を使用し、
Vercelで本番デプロイしています。

AIが「予約しました」と言っても、実際に空いていなければ意味がありません。

サーバー側での空き時間チェック、重複防止ロジック、
そして会話体験を壊さない設計に特に苦労しました。

“自然な会話”と“正確な業務処理”を両立させる設計を意識しました。

当初はElevenLabsとVapiを用いた音声通話機能を実装していましたが、無料クレジット上限に達し、通話が途中で切れる問題が発生しました。

そこで、

という設計変更を行いました。

Web Speechを使用することで、自分自身の声を使うことができないこととロボットと話しているような感じになってしまうことがデメリットですが、コストと安定性を踏まえた設計になっております。
将来的には自分自身の声に変え、より自分と話しているかのようなカスタム音声モデルを導入する予定です。

OAuthとService Accountの違いを十分に理解できておらず、
リダイレクトURI設定でつまずきました。

最終的にService Accountへ切り替え、
サーバー間認証にすることでシンプルかつ安全な設計に改善しました。

認証方式の選択がアーキテクチャに大きく影響することを実感しました。

単に動くものを作るのではなく、
「実際に使える仕組み」を構築する視点が身についたと感じています。

将来的には、個人ポートフォリオを超えた
“AIによる拡張型プレゼンスプラットフォーム”へ発展させたいと考えています。

AIエージェントで会話できる自己紹介ページの開発

Momoyo Kataoka