大阪府豊中市の地域情報に特化したAIチャットボット「豊中navi」を、2026年3月より一般公開しました。グルメ・観光・スポーツから子育て・行政手続きまで、豊中に関するあらゆる質問に、個性豊かな2体のAIキャラクターがお答えします。
PCウエブブラウザ・スマートフォンでご利用ください
サービス概要
「豊中navi」は、豊中市に関する情報をリアルタイムで回答するAIチャットボットサービスです。2体のキャラクターが役割を分担し、幅広いジャンルの質問に対応します。
🏉 とよボット（TY-BT）
《キャラ設定》
生まれも育ちも豊中。市内在住の大学研究員。グルメ・カフェ・観光・イベント・ラグビーなど、街の情報全般を大阪弁で元気よくご案内します。
🌸 とよミー（TY-MI）
《キャラ設定》
元保育士で2児の母。子育て・保育・教育・行政手続き・医療・福祉など、暮らしに密着した情報を温かく丁寧にご案内します。
特徴
豊中naviのシステムの核心は、「意味を理解する検索」にあります。 これが従来の検索を根本から変えるアプローチです。
「Chat-GPTに投げて聞くだけ・・」とは全く違うものです
「賢く答える」AIと「賢く探す」AI、大きく二つの役割を担う AI処理を実装しています。
どれだけ良い情報をデータベースに蓄積しても、 問いかけの意味を理解する精度が低ければ正しい情報を 引き出せません。 「日本語の意味を理解して検索するAIを組み込んでいる」 というのが、豊中naviの大きな特徴です。
「保育所」「子育て支援」「待機児童」のような 日本語特有の表現や概念を、より正確に意味として捉えます。
豊中naviの主要言語は日本語なので、ここの精度が そのまま回答精度に直結します。
『子どもを預けたい』と聞けば『保育所』の情報が届く。
『カフェ』と検索されなくても、『ゆっくり休みたい』 『仕事できる場所』という意図を読んで動く。
「キーワードが一致しなくても、意味が近い情報を引き出せる」—— これが従来の検索を根本から変えるアプローチであり、 ユーザーが本当に求めていることに応えられる仕組みです。
処理システムは３レイヤーで構成しています
| Layer 1 (言語処理) | 大阪弁・キャラクター・文脈理解で「人らしく答える」 |
| Layer 2 (Embedding） | 意味を理解して「正しい情報を探す」 |
| Layer 3（RAG / データベース） | 豊中に特化したデータを「正確に蓄積・提供する」 |
技術スタック
最新のWebフロントエンド技術とAI APIを組み合わせ、セキュアかつスケーラブルな構成で構築しています。
| カテゴリ | 採用技術 |
|---|---|
| フロントエンド | Next.js 15 / React 19（App Router） |
| ホスティング | Vercel（GitHub連携・AUTOデプロイ） |
| AIチャット | Anthropic Claude API（claude-sonnet-4-6） |
| AIキャラクター振り分け | Anthropic Claude API（claude-haiku-4-5） |
| テキスト埋め込み（Embedding） | Voyage AI — voyage-multilingual-2（1024次元） |
| ベクターデータベース | Supabase pgvector |
| ドメイン | toyo-navi.jp |
| 管理ダッシュボード | Next.js /admin/dashboard + recharts（Pie / Bar / Line） |
| 利用ログDB | Supabase query_logs テーブル（RLS有効・IPアドレス不取得） |
| 管理認証 | 環境変数設定（Vercel管理） |
| アクセス解析 | Google Analytics 4 |
システムフロー（概略）
ユーザーの質問が届いてから回答が返るまで、以下の流れで処理されます。
- 質問受信 & キャラクター振り分け
ユーザーの質問内容をAIが解析し、とよボット（TY-BT）ととよミー（TY-MI）のどちらが担当するかを自動判定します。 - RAG検索（知識ベース照合）
質問文をベクトルデータに変換しSupabaseに蓄積された豊中市の情報データベースから関連情報を高速検索します。 - 回答生成
検索で得た情報をコンテキストとしてAnthropic Claude が各キャラクターのペルソナに沿った回答文を生成します。 - 回答表示
キャラクターアイコンとともに、自然な大阪弁で回答をユーザーに届けます。
プライバシー設計
システム全体の設計思想 「プライバシーに配慮したデータ収集」
- ❌ IPアドレス不取得
- ❌ ユーザーエージェント詳細不取得
- ❌ 個人を特定できる情報は一切収集しない
- ❌ 位置情報は取得しない
- ✅ session_id はブラウザ localStorage で生成した匿名UUID（サーバー非紐付け）
- ✅ device_type は mobile / desktop の2値のみ（大まかなUA判定）
- ✅ 質問のカテゴリを記録
- ✅ 質問テキストを記録（ナレッジベストして活用）
- ✅ 回答の成否（情報の過不足・整合性の検証に活用）
情報の入手元・データソース
豊中naviが参照する情報は、以下の信頼性の高い公開情報をもとに構築しています。
- 豊中市オープンデータ（豊中市公式）
市が公開する施設情報・行政データ・統計情報などを活用しています。 - 豊中報道（地域情報ウェブサイト）
豊中市内のニュース・イベント・街の話題など、地域に根ざした情報を広く公開されています。 - 豊中ラグビースクール 公式ウェブサイト
スポーツ・ラグビー関連の情報源として参照しています。
これらのデータはBFS（幅優先探索）クローラーによって定期収集・チャンク分割された後、ベクトルデータベースに格納されます。回答生成時には関連チャンクを自動的に抽出し、最新かつ正確な情報提供を目指しています。
免責事項
豊中naviが提供する情報は、上記データソースの公開情報をもとにAIが生成したものです。以下の点についてあらかじめご了承ください。
- 回答の正確性は、各データソースの情報精度および更新状況に依存します。最新情報と異なる場合があります。
- AIが生成する回答には、誤りや不正確な情報が含まれる可能性があります。重要な事項については、必ず各公式機関・窓口にてご確認ください。
- アクセス集中時やシステムメンテナンス時には、サービスが一時的に利用できない場合があります。
- 本サービスの情報を利用した結果生じたいかなる損害についても、運営者は責任を負いかねます。
あとがき ― 豊中への思いと、このサービスについて
豊中に暮らして、もうすこしで30年になります。二人の子どもが生まれ、育ち、いまはそれぞれ社会人として羽ばたいていきました。振り返れば、子育てを通じて「豊中でよかった」と感じる場面の多かったこと。住まいとしても、子どもたちの育ちの場としても、この街には本当に助けられてきました。
子育てが一段落したのを機に、ふと考えました。「この街のために、自分にできることはなんだろう」と。
クリエイティブとシステムインテグレーション、ふたつの領域を行き来してきた自分にとって、「届ける」手段はデジタルコンテンツ以外に思いつきません。であれば、豊中の魅力を多くの人に伝えることで、この街がもっと賑わいを増すお手伝いができるのではないか。そんな気持ちから、このアプリケーションサービスの開発を始めました。
情報の核となっているのは、豊中市が公開しているオープンデータを主な情報ソースとして利用し、地域の話題や口コミなどは、Web検索の情報を取り込んで表示しています。（出典元のURLを開示しています）そして自身も長年関わってきた豊中ラグビースクールのウェブサイトを情報ソースとして活用しています。正確な情報をベースにしながらも、「おもしろく、楽しく」伝えることを大切にしました。
自前で運用しているウエブアプリサービスですので、アクセスが集中した際の負荷や、AIトークンの消費による応答精度の変動、運用コストなど、課題がないわけではありません。それでも、一人でも多くの方に楽しんでいただけるコンテンツになれば・・そう思いながら、この街への恩返しのつもりで運用しています。
AS DESIGN ASSOCIATES Inc.
代表取締役・クリエイティブディレクター 澤田 章太郎