Webtoon Bookmarker

制作の動機

NAVER ウェブトゥーンを愛読する中で、いつも読んでいる作品をその都度探して開くのが煩雑で、ブックマークページも別途遷移しなければならない不便さがありました。 これを解決するため、Chrome 拡張を作成してメインに新しいタブを差し込み、パースした作品の中からチェックしたものだけを表示する機能を作り、Chrome Extension Store に公開しました。

コメント

MV2 → MV3 マイグレーション、Chakra → shadcn 移行、Bun 自前ビルドパイプラインの 3 つを一度に整理しました。 韓国のウェブトゥーンドメインで実際に利用されている拡張機能です。

主な特徴

• 01Chrome Manifest V3 + chrome.storage.local: Content Script (DOM 操作) + Popup (React) 構成
• 02v1 → v2 再構築: Chakra UI → shadcn 移行、Vite/CRXJS → Bun 自前ビルドパイプライン
• 03Proxy オブジェクトでライブラリなしのリアクティブ状態管理 (Vanilla パターン)
• 04権限最小化: host_permissions 1 個 (comic.naver.com)、permissions 1 個 (storage)
• 05Bun ビルド + adm-zip でストア提出用 zip 自動生成、Vite/Webpack 依存ゼロ
• 06実ユーザー 30 名、1 年 5 ヶ月の無更新でも正常動作 (NAVER マークアップ安定)