概要

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

リポジトリの統計情報

• スター数: 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拡張。実装はシンプルで拡張しやすい。

リポジトリ情報：

• 名前: bookmark-is-learned
• 説明: 收藏到就是学到，解决光收藏不看的问题。收藏的当下立刻学习或者丢弃
• スター数: 30
• 言語: JavaScript
• URL: https://github.com/iamzifei/bookmark-is-learned
• オーナー: iamzifei
• アバター: https://avatars.githubusercontent.com/u/399680?v=4

READMEの抜粋：

📚 收藏到就是学到

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

English | 中文

---

功能特点

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