> For the complete documentation index, see [llms.txt](https://docs.maiagent.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.maiagent.ai/maiagent-user-guide/maiagent-user-guide-ja/conversations/web-chat/citation-display.md). # 引用元の表示本ページでは、WebChat のチャットウィンドウにおける引用元表示の最適化機能について、多言語サポートと視覚表現の改善を含めてご紹介します。 ## 引用元表示とは？ AI アシスタントが質問に回答する際、その回答がナレッジベース内の特定のファイルやデータに基づいている場合、システムは回答の下に「引用元」を表示し、エンドユーザーに情報の出典をお知らせします。この機能は、情報の出典を証明する必要がある場面に特に適しています。例えば次のようなケースです。 * 法令照会アシスタント：条文の出典を表示 * 政策相談アシスタント：政策文書の出典を表示 * 製品カスタマーサポートアシスタント：製品マニュアルや公式文書を表示 * 医療情報アシスタント：医学文献の出典を表示 ## 引用元の表示位置引用元は AI アシスタントの回答内容の下に、わかりやすい形式で表示されます。 ``` AI アシスタントの回答内容... 📚 引用元： • 製品ユーザーマニュアル - 第 3 章 • よくある質問集 - 返品・交換ポリシー ``` ## 多言語サポート ### 自動言語適応 WebChat の引用元表示は、多言語の自動適応に対応しました。エンドユーザーが言語を切り替えると、引用元のインターフェース上のテキストも自動的に対応する言語へ切り替わります。 #### 対応言語 * **繁体字中国語**：引用來源、參考資料 * **簡体字中国語**：引用来源、参考资料 * **英語**：Citation、References ### 言語切り替えのタイミング WebChat は以下の状況に応じて自動的に言語を切り替えます。 1. **ブラウザの言語設定**：初回読み込み時に、ユーザーのブラウザの言語に応じて自動的に表示します 2. **手動切り替え**：ユーザーが WebChat 内で言語を切り替えると、引用元のテキストも同時に更新されます 3. **サイトの言語環境**：お客様のサイトが多言語に対応している場合、WebChat は自動的にサイトの言語設定に合わせます {% hint style="info" %} WebChat の言語設定方法については、こちらをご参照ください：[Web Chat 紹介の概要](https://github.com/Playma-Co-Ltd/maiagent-user-guide-gitbook/blob/main/ja/channels/README.md) {% endhint %} ## 視覚表現の最適化多言語サポートに加えて、引用元の視覚表現も最適化され、情報がより明確で読みやすくなりました。 ### 最適化項目 1. **余白の調整**：引用元と回答内容の間の余白がより適切になり、視覚的な階層がより明確になりました 2. **フォントスタイル**：引用元には、主要なコンテンツと区別するために異なるフォントスタイルを使用しています 3. **色の処理**：引用元には薄めの色を使用し、主要なコンテンツの閲覧を妨げません 4. **アイコン表示**：統一されたアイコンで引用元を示し、識別性を高めています ## ダークモードのサポート引用元表示はダークモードにも対応しています。エンドユーザーのデバイスがダークテーマを使用している場合、引用元のテキストと背景の色が自動的に調整され、暗い背景でもはっきりと表示されます。 ### ダークモード適応項目 * テキストの色が自動的に明るい色に調整されます * 背景の色がダークテーマに適応します * 主要なコンテンツとのコントラストを維持します {% hint style="success" %} ダークモードはユーザーのデバイス設定に応じて自動的に有効になり、手動での設定は不要です。 {% endhint %} ## 実際の活用シーン ### 🏛️ 行政の政策相談プラットフォーム **利用シーン**：住民がある補助政策の申請条件を問い合わせた際、AI アシスタントは回答を提供するだけでなく、政策公告の出典リンクも表示します。 **効果**： * 情報の信頼性を高める * 住民が完全な公告をさらに確認できる * 情報の正確性に対する住民の不安を軽減する ### ⚖️ 法律相談アシスタント **利用シーン**：ユーザーがある法令の規定を問い合わせた際、AI アシスタントは条文の出典と条番号を表示します。 **効果**： * 完全な法的根拠を提供する * ユーザーが原典の条文を確認できる * 相談サービスの専門性を高める ### 🏥 医療情報プラットフォーム **利用シーン**：患者が疾患に関する情報を問い合わせた際、AI アシスタントは、その情報がどの医学文献や健康教育記事に基づくものかを示します。 **効果**： * 情報の出典の透明性を提供する * 患者が情報の信頼性を理解できる * 医療情報の提供に関する規範要件に適合する ## 管理者設定 ### 引用元表示の有効化引用元表示機能はデフォルトで有効になっています。設定を調整したい場合は、次の手順で行います。 1. 「AI アシスタント」設定ページに入ります 2. 「回答設定」を選択します 3. 「引用元を表示」オプションを見つけます 4. スイッチを切り替えることで、有効化または無効化できます ### 引用元フォーマットのカスタマイズナレッジベースのファイルにメタデータを追加することで、引用元の表示フォーマットをカスタマイズできます。 * **ファイルタイトル**：引用元に表示されるファイル名 * **章番号**：具体的な章やページ番号を表示 * **公開日**：ファイルの公開日または更新日を表示 * **外部リンク**：原本ファイルへのリンクを提供 {% hint style="info" %} ナレッジベースのメタデータの設定方法については、こちらをご参照ください：[ファイル管理：タグおよびメタデータ](/maiagent-user-guide/maiagent-user-guide-ja/km/tags-and-metadata.md) {% endhint %} ## よくある質問 ### Q1：引用元には参照したすべてのファイルが表示されますか？そうとは限りません。システムは「最も関連性の高い」引用元を表示し、情報過多を避けるため、通常は 3〜5 件を超えません。 ### Q2：引用元を非表示にできますか？できます。AI アシスタント設定で「引用元を表示」オプションをオフにするだけです。 ### Q3：引用元の言語を特定の言語に固定できますか？引用元は自動的に WebChat の言語設定に合わせて表示されます。特定の言語に固定したい場合は、WebChat 設定で言語オプションを固定する必要があります。 ### Q4：引用元はリンクのクリックに対応していますか？対応しています。ナレッジベースのファイルに外部リンクを設定している場合、引用元はクリック可能なリンクとして表示されます。 ### Q5：ダークモードで引用元がはっきり見えない場合はどうすればよいですか？システムはすでにダークモード向けに最適化されています。それでも問題がある場合は、ブラウザのキャッシュの問題である可能性がありますので、キャッシュのクリアまたはページの再読み込みをお試しください。 --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://docs.maiagent.ai/maiagent-user-guide/maiagent-user-guide-ja/conversations/web-chat/citation-display.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.