企业官网建设流程全解析

• AI 应用
• 前端

Voyager は Gemini、AI Studio、Claude、ChatGPT 向けのブラウザ拡張機能スイートで、長い会話を一覧できるタイムライン、チャットを構造化するフォルダ、そして任意の Web サイトで使えるプロンプトマネージャー（DeepSeek Harness 対応）を提供します。本ガイドは 公式のクイックスタート を骨格に、インストールからタイムライン・フォルダ・プロンプト管理の 3 大機能を順に解説します。読み終える頃には、インストール手順、時間旅行（タイムライン）、整理整頓（フォルダ）、デジタル資産の蓄積（プロンプト管理）の 4 ステップを実際に使いこなせるようになります。

1. 準備完了：インストール経路を選ぶ

まだインストールしていない場合は、インストールガイド を参照してください。インストール済みなら、Gemini のページをリロードするだけで変化が現れます。

⚠️ Gemini Enterprise 版では、プロンプトマネージャーだけが利用可能な唯一の機能です。

公式ストア（推奨）

最も簡単な方法で、自動更新に対応しています。

• Chrome / Edge / Brave / Opera / Vivaldi：Chrome ウェブストアから入手可能
• Microsoft Edge：Edge Add-ons 版を保守・公開中（審査が遅れる場合は Chrome ウェブストア版や手動パッケージも利用可）
• Firefox：Firefox Add-ons から入手可能

手動インストール（最新版）

ストア審査は時間がかかるため、最新機能をいち早く試したい場合はこちらです。

Chrome / Edge / Brave / Opera：

1. Releases から最新のvoyager-chrome-vX.Y.Z.zipをダウンロード
2. 解凍する
3. chrome://extensionsを開く
4. 右上のデベロッパーモードをオンにする
5. パッケージ化されていない拡張機能を読み込むで解凍したフォルダを選択

Firefox：

1. Releases から最新のvoyager-firefox-vX.Y.Z.xpiをダウンロード
2. about:addonsを開く
3. ダウンロードした.xpiをドラッグ＆ドロップしてインストール（または ⚙️ →ファイルからアドオンをインストール）

XPI は Mozilla 公式の署名済みで、すべての Firefox バージョンに恒久的にインストールできます。

Safari（macOS）

Safari は直接配布に対応済みで、Xcode 変換は不要です。署名済みの.dmgをダウンロードしてインストールし、Safari の設定 > 拡張機能で有効化します。v1.6.0 以降、ウォーターマーク除去、画像エクスポート、Google Drive / iCloud 同期、応答完了通知、Sparkle 自動更新に対応しています。ネイティブ拡張機能の実装は Voyager/Extension ディレクトリにあり、Google Drive 同期（GoogleDriveService.swift）や iCloud 同期（ICloudSyncService.swift）は Swift ネイティブコードとして構成されています。

2. 時間を旅する：タイムラインで会話を「線」として見る

長い会話は迷宮です。スクロールで上へ下へと往復し、方向を見失います。Voyager は会話を一筋の「線」に変換します。画面右端の点の繋がりがあなたの航海図です。

基本操作の 3 つ

• 見る：マウスオーバーするだけで、その時点の発言内容をのぞき見できます
• 飛ぶ：クリックすれば、その瞬間へワープします
• 残す：長押し（約 0.5 秒）でスターを付け、脳のしおりとして保存します

マウスホイールを回し続けて指を痛める必要はありません。思考の速度で移動できます。

タイムラインの応用機能

• 瞬時に移動：クリックした場所へ即座にジャンプ
• ブックマーク：ノードを長押ししてスターを付与。再長押しで解除でき、スター付きノードはハイライト表示され、ヘッダーのスターアイコンからスター履歴パネルで一覧できます
• 階層化（実験的）：ノードを右クリックしてレベル（1〜3）を設定、子ノードを折りたたみ可能。深い議論の枝葉を一目で把握できます
• 幅の調整：タイムラインの内側の端をドラッグして幅を調整できます

スターは「会話にフラグを立てる」ようなもので、ひらめきの瞬間・完璧な回答・次回再開したいポイントを保存できます。クラウド同期 を有効にすると、スターはデバイス間で同期されます。

キーボードが生む速度

マウスを使いたくない場合は、Vim モード風のキーボードナビゲーションが使えます。デフォルトのショートカットは以下の通りです。

カスタマイズ：拡張機能の設定を開き、ショートカットの入力欄をクリックして任意のキー・組み合わせを押すだけです（n/p、,/.など自由に設定可能）。

流動モードでは連打時にアニメーションがキューに入って滑らかに再生され、跳躍モードでは即座に反応して最高速度で移動します。

実装の裏側

ショートカットは KeyboardShortcutService が担当しており、デフォルト設定は keyboardShortcut.ts と合わせて確認できます：

• previousがk、nextがj、firstとlastはsequenceLength: 2の連打方式（gg/GG）で定義されています
• 連打判定はSEQUENCE_TIMEOUT_MS = 500ミリ秒以内の 2 回押下で成立します（KeyboardShortcutService.ts）
• 入力フィールドやcontenteditableでのタイピング中はショートカットを無視し、IME 変換中（event.isComposingやキーコード 229）も誤発火を防ぎます
• 設定はchrome.storage.syncに保存され、chrome.storage.onChangedでタブ間同期されます。つまりキーボード設定はデバイスをまたいで統一されます

3. 整理整頓：フォルダでチャットを構造化する

左側のチャットリストでは、チャットを掴んでドラッグ＆ドロップするだけでフォルダに整理できます。階層化（フォルダの中にフォルダ）も、名前の変更も思いのまま。脳内のノイズを一掃し、清々しさだけを残せます。

基本操作

• ドラッグ＆ドロップ：チャットをフォルダへ落とす直感的な物理フィードバック
• 階層構造：プロジェクトの中にサブプロジェクトを、フォルダの中にフォルダを作成して自由に構造化
• フォルダ間隔：コンパクトからゆったりまでサイドバーの密度を調整（Mac Safari ではリアルタイム反映されない場合があるため、ページ再読み込みで反映）
• インスタント同期：デスクトップで整理すればノートパソコンにも即反映
• 複数選択：チャット項目を長押しすると複数選択モードに入り、一括操作が可能
• 名前変更：フォルダをダブルクリックで直接リネーム
• アイコン自動付与：Gem のタイプ（コーディング、クリエイティブなど）を自動検出し、適切なアイコンを割り当て

プラットフォーム別の機能差

共通機能：ドラッグ＆ドロップ、名前変更、複数選択、スマートアイコン認識、階層構造、Google Drive 同期。AI Studio 対応の高度な機能は順次追加予定です。

Gemini 限定機能：

• フォルダに入れた会話をメインリストから隠す：拡張機能ポップアップ →フォルダ設定でオンにすると、メインリストは進行中の会話だけに。初回フォルダ収納時にカードが表示されワンクリックで有効化できます（「後で」を選べば再表示なし）。アーカイブされた会話は削除されず、フォルダ内からいつでもアクセスできます
• カスタムカラー：フォルダのアイコンをクリックして 7 つのデフォルトカラーから選択、またはカラーピッカーで任意の色を設定（folder.ts のFolder.colorフィールドに対応）
• アカウント隔離：ヘッダーの「人物」アイコンをクリックすると他の Google アカウントの会話を瞬時にフィルタリング。複数アカウント運用時のワークスペースをクリーンに保ちます
• AI 自動整理：ワンクリックで現在の会話構造をコピーし、Gemini に貼り付けて JSON フォルダプランを生成 → フォルダパネルのメニューからフォルダをインポート→または JSON を直接貼り付けで即インポート。デフォルトはマージ戦略（既存の整理を壊さず新規フォルダと割り当てを追加）、プロンプトは設定言語を自動使用します
• フォルダをプロジェクト化：Claude Projects に着想を得た軽量実装。ポップアップでフォルダをプロジェクトとして有効化→ フォルダを右クリックして指示を設定→ 新しいチャットのフォルダピッカーで選択 → 初回送信時に指示が一時的に先頭へ付与され、会話は自動的にそのフォルダへ格納されます。同じフォルダ内のチャット同士が記憶を共有したり内容を読み合ったりすることはなく、下書きの自動保存に隠し指示が混入することもありません

AI Studio 限定機能：サイドバー幅のドラッグ調整、Library リストからの直接ドラッグ＆ドロップ。

実装の裏側

• フォルダのデータモデルは core/types/folder.ts にあり、Folderはid・name・parentId（null ならルート）・isExpanded・任意のpinned/color/sortIndex/instructionsを持ちます。instructionsが「フォルダをプロジェクト化」の初回指示に対応します
• ドラッグ＆ドロップ時の並べ替えや階層移動は folderData.ts のmoveFolder・sortFolders・getFolderDepthで実装され、ピン留め優先 → sortIndex → 名前順（数値・大小文字を無視）という並び順が保証されています。子孫を含む一括削除（removeFolder）では循環参照のないことが前提です
• AI 自動整理のインポート処理は FolderImportExportService が担当します。エクスポート形式はgemini-voyager.folders.v1で、インポート時には ①形式・バージョン互換性の検証 → ②merge（重複フォルダ・会話をスキップ）またはoverwrite戦略 → ③インポート前の深いスナップショットをsessionStorageにバックアップ、という安全な流れで実行され、30 秒タイムアウトのロックにより同時インポートも防止されます。JSON はコードフェンス（json）付きテキストや余分な文章に囲まれた状態でも取り出してパース可能です

4. 宝石を保存：プロンプトマネージャーでデジタル資産を蓄積する

苦労して書き上げた優れたプロンプトをそのまま流してしまうのはもったいない。入力欄の✨ アイコンをクリックして保存し、#コード、#メール、#学術などのタグを付けましょう。次回はアイコンをクリックしてタグで検索し、ワンクリックで挿入するだけ。これは単なるチャットではなく、あなたのデジタル資産を蓄積するプロセスです。

パネルの進化：コンパクトリストと名前ラベル

• ビュー切替：検索バーの右端の≡ / ▦ボタンでコンパクトリスト（既定、1 行 1 プロンプト・一度に約 10 件表示、右側にタグ・展開・編集・削除）と快適表示（Markdown プレビュー全体、プロンプトが少ないときに最適）を切り替えます
• 必須の名前：プロンプト追加・編集時は名前欄への入力が必須。名前のない既存プロンプトは保持されますが、次回編集時に名前の追加が必要です
• 高速ホバープレビュー：コンパクトモードでは約250msのホバーで全文がフローティングツールチップに表示されます。ブラウザ標準のtitle属性（表示まで 1〜3 秒）より格段に高速です
• スラッシュ挿入：チャット入力欄で/に続けてプロンプト名の一部を入力すると一致する名前とタグだけが表示され、ホバーで本文を確認、左クリックまたはTab/Enterで選択すると入力欄に名前が強調トークンとして表示され、送信時には完全なプロンプト本文が使われます

すべてのサイトで利用可能

プロンプトマネージャーは Gemini と AI Studio に限らず、選択した任意の Web サイトで利用できます。

有効化手順：

1. ブラウザのツールバーにある Voyager アイコンをクリック
2. Prompt Managerセクションまでスクロール
3. Web サイトの URL を入力（例：chatgpt.com、claude.ai）
4. Add Websiteをクリックして権限を許可
5. 対象ページを再読み込みするとフローティングボタンが表示されます

人気の AI サイト例：chatgpt.com（ChatGPT）、claude.ai（Claude）、copilot.microsoft.com（Microsoft Copilot）、poe.com（Poe）

ローカルアプリ：localhost:3080や127.0.0.1:3080も同じように入力できます。DeepSeek Harness はlocalhost:3080で動作し、プロンプトマネージャーが通常のサイトと同様にマウントされます。

::: tip カスタム Web サイトではプロンプトマネージャー機能のみが有効になり、タイムラインやフォルダなど Gemini 専用機能は読み込まれません。 :::

出発：さらに深掘りする

上記 4 ステップで Voyager の主要ワークフローは揃いました。各機能をさらに掘り下げる場合は、以下を参照してください。

• タイムラインを使いこなす
• フォルダをマスターする
• プロンプトを管理する
• データを掌握する（エクスポート）
• インストールガイド

また、設定項目の全体像は settings ガイド、拡張機能全体の概要は メインインデックス で確認できます。プロンプトプラグインなどの拡張性に興味があれば plugins ドキュメント も併せてどうぞ。

• AI 应用
• 前端