bookmark-is-learned — ブックマークで学ぶChrome拡張

Tool

概要

bookmark-is-learned は「收藏到就是学到(保存=学習)」という発想にもとづくChrome拡張です。X(Twitter)上でコンテンツをブックマークすると同時に、AIにより要点を抽出してTLDR形式の要約(要点・手順・事実チェック評価など)を生成し、ローカルにMarkdownファイルとして保存します。複数のAIモデルをサポートし、折りたたみ表示や長文記事の自動展開にも対応。ブックマークが単なるリンクの蓄積で終わらず、即学習体験に変わる点が特徴です。

GitHub

リポジトリの統計情報

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

主な特徴

  • 一括要約(ワンクリック): ブックマーク操作で即座に要点を抽出し、TLDRを生成。要点、手順、事実確認の評価など構造化された出力を得られます。
  • マルチモデル対応: OpenAI(GPT系)、Anthropic(Claude)、Kimi(「月之暗面」)など複数APIに対応し、利用者の好みやコストに応じて切替可能です。
  • 深度あるコンテンツ抽出: 折りたたみコンテンツの自動展開やX Articlesの長文、引用・リツイートの長文取得など、元記事の全文に近い形で情報を取得します。
  • Markdownでローカル保存 & 履歴管理: 生成したTLDRと原文を含むMarkdownファイルを自動ダウンロードし、ローカルでのナレッジ管理や外部ツールへの取り込みを容易にします。

技術的なポイント

bookmark-is-learnedは典型的なChrome拡張の構成(content script + background script + UIスタイル)で実装されています。content.js がページ内のDOM操作や「表示をもっと見る」の自動クリック、記事本文の抽出を担当し、background.js がAPI呼び出しやファイルダウンロード、拡張の永続的処理を担います。AI要約は外部API(OpenAI/Anthropic/Kimi)へプロンプトを送ることで行い、ユーザー選択に応じてエンドポイントやモデルを切り替えます。生成結果はMarkdownテンプレートに整形して chrome.downloads API でローカル保存し、履歴は chrome.storage.local(または同等のローカルストレージ)へ保存してUIで確認できる設計です。カード積み重ね(non-blocking stack)UIは、連続してブックマークしても要約処理が並列に進行し、ユーザー操作を阻害しない工夫があります。多言語対応はプロンプト設計とUIラベルの国際化で実現しており、要約言語を指定してAPIへ渡す仕組みです。セキュリティ的にはAPIキーをクライアント側で扱うため、キー管理とレート制限、エラーハンドリング(タイムアウト・再試行)が重要になります。また、長文抽出やXの動的読み込みに対応するためのDOM変化監視(MutationObserver)や、コンテンツのクリーンアップ(不要なスクリプトや広告除去)といった実装上の工夫も見られます。

プロジェクトの構成

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

  • .gitignore: 一時ファイルや環境依存の除外設定
  • README.md: プロジェクト概要、使い方、対応モデルの説明
  • background.js: 拡張のバックグラウンド処理(API呼び出し、ダウンロード、メッセージ受け渡し)
  • content.css: ブックマーク時に表示されるカードやUIのスタイル定義
  • content.js: ページ内スクリプト(DOM取得、折りたたみ展開、記事抽出、backgroundへのメッセージ送信)
  • manifest.json: Chrome拡張の宣言(権限、content script、backgroundの設定)
  • popup.html / popup.js(想定): ユーザー設定画面やモデル選択UI(リポジトリにある場合)
  • utils.js(想定): Markdown生成やプロンプトテンプレート、API応答整形のヘルパー
  • locales / i18n(想定): 多言語ラベルや翻訳ファイル
  • その他設定ファイルやサンプルテンプレート …他 5 ファイル

各ファイルは拡張の役割ごとに分離されており、コンテンツ取得→要約リクエスト→保存というフローがファイル間のメッセージで連携する構成です。

まとめ

ブックマークを即座に学習に変える実用的なChrome拡張。実装はシンプルで拡張しやすい。

リポジトリ情報:

READMEの抜粋:

📚 收藏到就是学到

一款 Chrome 浏览器扩展,在你收藏 X (Twitter) 内容时,自动生成 AI 摘要并保存为本地 Markdown 文件,让每次收藏都变成一次学习。

English | 中文


功能特点

  • 一键摘要 — 点击收藏按钮,自动生成结构化 TLDR 摘要(要点提炼、步骤流程、事实核查评分)
  • 多模型支持 — 支持 OpenAI (GPT)、Claude (Anthropic)、Kimi (月之暗面) 三大模型
  • 深度内容提取 — 自动展开”显示更多”折叠内容,支持 X Articles 长文、引用/转发长帖的全文抓取
  • 卡片堆叠 — 支持连续快速收藏,多张 TLDR 卡片同时显示,互不阻塞
  • 历史记录 — 自动保存所有摘要,随时回顾,附带原帖链接
  • Markdown 归档 — 每次收藏自动下载 Markdown 文件到本地,包含 TLDR + 原文,方便知识管理
  • 多语言摘要 — 支持简体中文、繁體中文、English、日本語、한국어 -…