KATAOKA Momoyo

10週間のAIフルスタック開発インターンシップで作成したプロジェクトをベースに、独自機能を追加して拡張したパーソナルポートフォリオサイトです。

このサイトのメイン機能は、AIとまるで私自身と話しているかのようにリアルな会話ができる音声通話機能です。
現在はWebSpeech APIを使用していますが、将来的には自分の音声モデルへの変更を予定しています。

また、チーム開発時には実装されていなかった以下の機能を、個人で追加開発しました。

追加した機能

・コンタクト機能
ユーザーが個人情報を入力すると、内容が自動で私のメールに送信される仕組みです。

・ミーティング予約機能
Googleカレンダーと連携しており、私の空き時間にミーティング予約が可能です。
予約が確定すると、Google Meetのリンクが自動生成され送信される仕組みになっています。

これらの機能は、インターンシップで学んだ

API連携
MCP（Model Context Protocol）
などの技術を応用し、オリジナル機能として実装しました。

現在もUI/UXの改善を進めており、このサイトは私の技術力を示すポートフォリオとして継続的にアップデートしています。

フルスタックAI開発で構築したパーソナルポートフォリオサイト

Full Stack Developer

10週間のIndustry Projectを修了し、Full Stack Developer Credentialを取得しました!

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

実績

出版と執筆

ポジティブ

学習欲

分析

JavaScript

HTML

仕事で使えるフロントエンドフレームワーク

仕事で使えるフロントエンド関連クラウドインフラ

仕事で使えるフロントエンドテストフレームワーク

仕事で使えるCSSフレームワーク

仕事で使えるフロントエンドツール

携わったプロダクト・サービスの種類

携わったプロダクト・サービスの段階

直接マネジメントしたことのある人数

開発経験のあるプロジェクトの規模（画面数）