シーン 1
レンタルサーバーだけで動く、超実用的なAIチャットの作り方を紹介!
A futuristic AI chatbot interface on a laptop screen, high tech style., vertical 9:16, slow push-in, shallow depth of field, teal orange grade, negative space, narration-first
シーン 2
PHPファイル1つで動く「Kurage Light ChatBot」に、4つの神機能を足しました。
Simple PHP code file transforming into a chat bubble icon., vertical 9:16, data reveal, floating numbers, parallax layers, crisp caption-safe center
シーン 3
1つ目は、答えの根拠となる「参照資料」を表示する機能です。
Chatbot showing 'Source: Product List' under its answer., vertical 9:16, documentary reconstruction, practical light, soft shadows, slow lateral drift
シーン 4
AIが嘘をついても大丈夫なように、画面側で実在するファイルだけを抽出して表示します。
Filtering out fake text to show real document names., vertical 9:16, pull-back reveal, atmospheric haze, rule of thirds, film grain
シーン 5
2つ目は、曖昧な質問への「ボタンでの聞き返し」です。
Chatbot asking 'Which product?' with clickable buttons., vertical 9:16, slow push-in, shallow depth of field, teal orange grade, negative space, narration-first
シーン 6
全部聞き返すと使いにくいので、必要な時だけボタンを出すのがコツです。
Smart AI choosing when to show options vs direct answers., vertical 9:16, data reveal, floating numbers, parallax layers, crisp caption-safe center
シーン 7
3つ目は、API料金の爆発を防ぐ「1日の利用上限」設定。デモでは1日300回までです。
A shield icon protecting a wallet from high API costs., vertical 9:16, documentary reconstruction, practical light, soft shadows, slow lateral drift
シーン 8
途中でブラウザを閉じられても、トークンを正しくカウントする処理まで徹底しました。
Data logging even when a browser window is closed., vertical 9:16, pull-back reveal, atmospheric haze, rule of thirds, film grain
シーン 9
そして4つ目、在庫や防災情報など「外部データ」をAIに取らせる機能です。
AI connecting to an external database for real-time info., vertical 9:16, slow push-in, shallow depth of field, teal orange grade, negative space, narration-first
シーン 10
勝手にURLを決めさせない等の3つの制約を設けて、安全性を確保しています。
Security locks on API URLs and data encoding symbols., vertical 9:16, data reveal, floating numbers, parallax layers, crisp caption-safe center
シーン 11
「検索中」などの進捗を表示することで、ユーザーの安心感を高めます。
Loading spinner with text 'Checking disaster info...', vertical 9:16, documentary reconstruction, practical light, soft shadows, slow lateral drift
シーン 12
データベース不要。PHPとOpenAI互換API、特にDeepSeekで動きます。
Logo of PHP and DeepSeek connected by a simple line., vertical 9:16, pull-back reveal, atmospheric haze, rule of thirds, film grain