本文へ移動

§03-13AI

Citation / 出典リンク

回答の根拠となる出典へリンクする。

生成された回答がどの情報に基づくかを確認でき、誤りを見分けやすくなる。正確性が問われる検索や要約の回答に添える。

実装のポイント

本文中の番号を出典リストへのアンカーリンクにし、ホバーでプレビューを出す。出典 URL は rel=「noopener」付きの新規タブで開く。

特徴
  • アクセシビリティ
デモで使っているもの
  • lucide-react
  • matchMedia
ソース
citation.tsx

このパターンが効く目的