GPT-Question-Navigator の日本語ガイド

Tool
GPT-Question-Navigator の日本語ガイド

GPT-Question-Navigator の日本語ガイド

GPT-Question-Navigatorは、ChatGPTやGeminiなどの長い会話の中から「ユーザーが入力した質問（プロンプト）」を自動で抽出し、番号付きリストで表示、クリックで該当メッセージへジャンプしてハイライトする軽量ブラウザ拡張です。会話が長くなっても必要な質問に素早く戻れるように設計されており、視認性やナビゲーションの改善に役立ちます（約300字）。

https://github.com/ShiJinghao566/GPT-Question-Navigator

概要

GPT-Question-Navigatorは、ChatGPTやGeminiのような対話型AIサービスでの「長い会話」の中からユーザーが投げたプロンプト（質問）を自動的に抽出して一覧化し、クリック操作で該当メッセージへ瞬時に移動、目立つハイライトを付与するブラウザ拡張です。会話が多岐に渡る場合でも、過去の質問を探す手間を大幅に減らし、特定の質問とそれに対するAIの応答を速やかに参照できます。軽量で導入が簡単、UI上に番号付きリストを表示して直感的に操作可能にする点が特徴です。

GitHub

リポジトリの統計情報

  • スター数: 3
  • フォーク数: 0
  • ウォッチャー数: 3
  • コミット数: 8
  • ファイル数: 3
  • メインの言語: JavaScript

主な特徴

  • 会話内の「ユーザー入力（プロンプト）」を自動抽出し、番号付きリストで一元表示。
  • リストの項目をクリックすると該当メッセージへスクロールして視覚的にハイライト。
  • 新しいメッセージが追加された際に一覧を自動更新（リアルタイム監視）。
  • 軽量でシンプル、既存の会話UIに被害を与えない設計を目指す（簡単に導入できるブラウザ拡張）。

技術的なポイント

本プロジェクトはブラウザ拡張として動作することを前提に、主にコンテンツスクリプトによるDOM操作と監視（MutationObserver等）を核に設計されていると考えられます。会話画面内でユーザーが送信したメッセージを抽出するために、特定のDOM構造やクラス名、テキストノードのパターンをパースして「ユーザー発話」を判別するロジックを用いるはずです。取得したプロンプトは拡張UI側（サイドバーやフローティングパネル）に番号付きリストとしてレンダリングし、リスト選択時には該当要素へスクロール（scrollIntoView等）して、短期間のCSSトランジションでハイライトを付与します。

リアルタイム性を保つためにMutationObserverでDOMの変化を監視し、メッセージ追加時のみ差分検出して一覧を更新するアプローチが適切です。頻繁なDOM変化に対してはデバウンス／スロットリングを入れてパフォーマンスを維持します。また、ChatGPTやGeminiなど複数のサービスに対応するには、サービス毎のDOMセレクタ抽象化やフェールセーフなヒューリスティック（例：送信ボタン近傍のテキスト／タイムスタンプの存在）を用いると堅牢性が高まります。

拡張機能実装上は、manifest.json（拡張の権限やcontent_scripts定義）、コンテンツスクリプト（DOM抽出・監視・操作）、スタイル（ハイライトやパネルのCSS）、および必要に応じてオプションページや背景スクリプトを組み合わせる構成が想定されます。セキュリティ面では、ユーザーデータを外部に送信しない設計が求められ、コンテンツスクリプトはページ上の機密情報を扱うため最小限の権限設定が望まれます。最後に、UIの変更でDOM構造が変わると抽出ロジックが壊れやすい点に注意し、エレメント候補の複数パターン対応やアップデート対応のしやすさを考慮すると実運用での信頼性が向上します。

プロジェクトの構成

主要なファイルとディレクトリ：

  • Effects: dir
    • 視覚効果（ハイライトのCSSやアニメーション）や一時的なUI要素を格納しているディレクトリと推測されます。ハイライト用のスタイルやトランジション制御、エフェクトの初期化コードが含まれる可能性があります。
  • GPT Question Navigator: dir
    • 拡張の主要ロジック（DOM抽出、リスト生成、イベントハンドラ、MutationObserverの設定など）を含むディレクトリでしょう。コンテンツスクリプトやUIレンダリングのコードが収められている想定です。
  • README.md: file
    • 機能説明、インストール方法、対応ブラウザや使い方の概要が記載されています。リポジトリの使い方と特徴を把握するための最初の参照先です。

上記以外はファイル数が少ない軽量リポジトリのため、manifestの定義や最小限のCSS/JSのみで構成されている可能性が高いです。拡張の拡張性を高めるなら、サービス別のパーサーや設定画面（オプションページ）を追加すると良いでしょう。

まとめ

長いAI会話で過去の質問を素早く参照できる、実用的で軽量なブラウザ拡張です。

リポジトリ情報：

READMEの抜粋：

GPT Question Navigator

一个轻量级的浏览器扩展，用于在 ChatGPT / Gemini 的长对话中快速导航用户提问（User Prompts）。

A lightweight browser extension that helps you quickly navigate user questions (prompts) in long ChatGPT / Gemini conversations.

✨ Features | 功能特性

  • 自动提取当前对话中的所有用户提问，并生成编号列表
    Automatically extracts all user prompts in the current conversation and displays them as a numbered list

  • 点击列表项即可跳转到对应消息，并进行高亮提示
    Click to jump to the corresponding message with visual highlighting

  • 新消息出现时自…