sidePanel

Tab & Bookmark Panel

サイドパネルでタブとブックマークを効率的に管理し、ブラウジング体験を向上させるChrome拡張機能です。

🚀 主な機能

1. タブ & ブックマーク管理

• 直感的なサイドパネル: ブラウザの横で常にアクセス可能な管理インターフェース。
• ドラッグ&ドロップによるウィンドウ切り離し: タブをパネルの背景にドロップするだけで、新しいウィンドウとして切り離せます。
• フォルダ操作: パネル内から直接ブックマークフォルダの作成・削除が可能。
• レスポンシブレイアウト: パネルの幅に応じて、詳細表示からアイコンのみのミニマル表示まで4段階（Large, Normal, Compact, Minimal）に自動で切り替わります。

2. YouTube 拡張ツール

• スクロール連動ミニプレイヤー: 動画の再生中にスクロールアウトすると、画面右下にフローティングプレイヤーを自動表示。
  • 5段階のサイズ調整: 小（400x225）から特大（800x450）まで好みに合わせて設定可能。
  • クイックコントロール: プレイヤー上での再生/停止、元の位置への復帰、クローズ操作に対応。
• サイドバー配置の固定機能: 画面幅に関わらず、右サイドバー（おすすめ動画）を常に動画の下に回り込ませる「常に下（1カラム）」レイアウトを強制し、大画面でも没入感のある視聴環境を提供します。
• スマートレイアウト: サイドパネル表示中、YouTubeのおすすめ動画リストを縦並び形式に最適化し、狭い幅でも視認性を確保します。

3. ページコンテンツ抽出

• Markdown/HTML形式で取得: 現在のページ内容を瞬時にテキスト抽出。
• プレビュー機能: コピー前に抽出内容を確認可能。ドキュメント作成やAIへのプロンプト利用に最適です。

4. カスタマイズ & 快適性

• テーマ切り替え: ライトモード、ダークモード、OS設定に連動するシステムモードの3種類に対応。
• プライバシー配慮: データの処理はすべてローカル（ブラウザ内）で完結。外部サーバーへのデータ送信は行いません。

🛠️ 技術スタック

• Core: Vanilla JavaScript, HTML5, CSS3
• Chrome API: sidePanel, tabs, bookmarks, storage, scripting
• Library: marked.js (Markdown プレビュー用)

📦 インストール方法

1. chrome://extensions/ を開く。
2. 「デベロッパー モード」をオンにする。
3. 「パッケージ化されていない拡張機能を読み込む」を選択。
4. 本プロジェクトのルートディレクトリを選択。

🔒 プライバシーについて

本拡張機能は、ユーザーの閲覧履歴やブックマーク情報、ページ内容を外部のサーバーに送信することはありません。すべての機能はブラウザ内でのみ動作します。