Yell for You 1.2

仕組み

Yell for You 1.2のフロントエンド、バックエンド、AI連携、音声処理の動作を確認できます。

System

面接支援の流れ

自分の情報と会社情報を事前に整理し、面接中は音声から質問を検知して、回答チャットへ自動で回答案を作ります。

1

プロフィールと会社スロットをアカウントに保存

2

社風・採用情報・URL・特筆事項と志望コースをもとに面接前メモを作成

3

Meet/Zoomのタブ音声を文字起こしして質問候補を検知

4

検知した質問を回答チャットへ自動送信し、回答案を生成

フロントエンド

Next.jsの画面でプロフィール、会社スロット、面接チャットを操作します。保存したプロフィール、会社情報、履歴はログイン中のアカウントに紐づいてSupabaseへ保存されます。

音声取得: getDisplayMedia / MediaRecorderAPIキー: ブラウザへ配布しない

バックエンド

サーバー側のRoute HandlerがAI APIを呼びます。文字起こし、質問判定、回答生成、企業リサーチはすべてサーバー経由で処理します。

/api/research-company/api/learn-interview-context/api/transcribe-audio/api/classify-question/api/generate-answer

AIモデルの役割

OpenAI APIを使う設定では、音声文字起こし、質問判定、回答生成、企業理解を用途別のOpenAIモデルに分けています。企業理解ではgpt-5.5とweb searchを使います。

面接中の動作

タブ音声を短い区間で文字起こしし、質問らしい文を検知すると自動で回答生成へ送ります。LLMの応答が遅い時は先に仮回答を表示します。

Data

キーとデータの扱い

APIキーはサーバー側の環境変数だけで扱います。ブラウザ、localStorage、GitHubには保存しません。

環境変数を見る
AI_PROVIDER=openai
NEXT_PUBLIC_AI_PROVIDER=openai
OPENAI_API_KEY=新しいAPIキー

OPENAI_TRANSCRIPTION_MODEL=gpt-realtime-whisper
OPENAI_TRANSCRIPTION_DELAY=low
OPENAI_AUDIO_NOISE_REDUCTION=near_field
OPENAI_CLASSIFIER_MODEL=gpt-5.4-nano
OPENAI_ANSWER_MODEL=gpt-5.4-mini
OPENAI_RESEARCH_MODEL=gpt-5.5

AI_MOCK_MODE=false