# 📑 ブックマーク大アイコン サイドパネル（Bookmark Big Icons）

拡張ボタンをクリックすると、Chrome の**右サイドパネル**が開き、ブックマークを**アイコン＋太字ラベルの縦一覧**で表示します。行間は詰めて 1 画面に多く並ぶようにしています。フォルダは「▶▶▶」で中に入り、**マウスのサイドボタンで戻る / 進む**（戻るで 1 階層上、進むで戻る前の階層へ）。

サイドパネルなので、Web ページを見ながら横に開きっぱなしにできます。

## できること

- 起動時はブックマークバーの中身を表示
- フォルダをタップで中へ、**マウスのサイドボタンで戻る / 進む**。トップ階層まで戻ると「ブックマークバー / その他のブックマーク」の一覧
- ブックマークをクリックで新しいタブに開き、サイドパネルは閉じる（Ctrl / ⌘ + クリックはバックグラウンドタブで開き、パネルは開いたまま）
- **ドラッグ＆ドロップで並べ替え・移動**: 行をつまんで上下にドラッグで並べ替え。フォルダ行の中央に落とすとそのフォルダの中へ、上下端に落とすとその位置へ挿入。ドラッグ中に上部に出る「⬆ 上のフォルダへ移動」に落とすと 1 階層上へ移動
- **右クリックでメニュー**: 新しいタブで開く / URL をコピー / 名前を変更 / 削除（フォルダは中身ごと削除、確認あり）。「ブックマークバー」など特別なフォルダは名前変更・削除不可
- アイコンは各サイトのファビコン（`_favicon` API）。取得できないものは 🌐、フォルダは 📁
- **URL は表示しません**。ラベルはブックマーク名（名前が空のときだけドメイン名）
- ブックマークを追加・削除・並べ替え・名前変更すると自動で反映

## インストール方法（Chrome / Edge）

1. このフォルダ（`manifest.json` が入っているフォルダ）を**消さない場所**に置く
2. ブラウザで `chrome://extensions` を開く
3. 右上の「デベロッパー モード」をオンにする
4. 「パッケージ化されていない拡張機能を読み込む」をクリックし、この `bookmark-icons` フォルダを選択する
5. ツールバーの拡張ボタンをクリック → 右サイドパネルが開く

> サイドパネルを閉じるときはパネル右上の × 、または拡張ボタンをもう一度クリック。
> Chrome 114 以降が必要（Side Panel API）。

## 権限について

| 権限 | 用途 |
|---|---|
| `bookmarks` | ブックマーク・フォルダの読み取りと、ドラッグでの並べ替え・移動、右クリックメニューからの名前変更・削除 |
| `favicon` | 各ブックマークのファビコン画像の取得 |
| `sidePanel` | 右サイドパネルの表示 |
| `tabs` | クリックしたブックマークを新しいタブで開く |

外部への通信はありません。

## カスタマイズ

- アイコン・文字の大きさ・行間: `sidepanel.css` の `.row`（`padding` / `gap` / `font-size`）と `.row .ico img`（`width/height`）
- 起動時に表示する階層: `sidepanel.js` 冒頭の `stack`（`"1"` = ブックマークバー、`"2"` = その他のブックマーク、`"0"` = トップレベル一覧）
- サイドパネルを左右どちらに出すかは Chrome 側の設定（サイドパネルのメニュー）で切り替え