cpdown：ウェブコンテンツをMarkdown形式のテキストとしてコピー 75

cpdown は実用的なブラウザプラグインで、主な機能はウェブページの内容をクリーンな Markdown 形式にコピーする手助けをすることです。これにより、従来のコピー方法で発生しがちな HTML タグの混在問題を解決します。ワンクリックでウェブページをコピーできるだけでなく、YouTube の動画字幕を抽出したり、ウェブ広告や不要な要素を自動的にフィルタリングしたりする機能も備えています。さらに、コンテンツのトークン数を表示するため、大規模言語モデル（LLM）との連携も容易です。また、キーボードショートカット操作にも対応しており、作業効率を大幅に向上させます。

機能特徴

• ワンクリックでウェブページをコピー：ブラウザのツールバーにある cpdown アイコンをクリックするか、キーボードショートカットを使用することで、ウェブページの内容を Markdown 形式ですばやくコピーできます。

• YouTube 動画の字幕を抽出：YouTube 動画を視聴する際に、動画の字幕を Markdown 形式で簡単にコピーできます。

• ウェブ広告や不要な要素を自動フィルタリング：ウェブページ内のスクリプト、スタイル、iframe などの不要な HTML 要素を自動的に除去し、コピーされるコンテンツをすっきりと整えます。

• コンテンツのトークン数を表示：コピーしたコンテンツのトークン数を表示する機能で、大規模言語モデル（LLM）との連携が必要なユーザーにとって非常に便利です。

• キーボードショートカット操作に対応：カスタムのキーボードショートカットで、すばやくコンテンツをコピーできます。

活用シーン

• コンテンツ制作者（ブロガー、記事ライターなど）：オンライン上のコンテンツをすばやく Markdown 形式に変換でき、エディタでのレイアウト編集が容易になります。

• 学術研究者：オンライン論文を読む際に、重要な情報を Markdown ドキュメントへ手軽にコピーして、整理や引用がしやすくなります。

• 知識の共有者：ソーシャルメディアやフォーラムなどで内容を共有する際に、ウェブページの内容をすばやく Markdown に整形でき、共有コンテンツをより明確でプロフェッショナルな見た目にできます。

技術スタック

• Cursor：開発者の開発体験を最適化します。

• WXT (Web Extension Toolkit)：ブラウザ拡張機能を構築するための基盤フレームワークです。

• React：ユーザーインターフェースを構築するための JavaScript ライブラリです。

• Shadcn UI：ユーザーインターフェースコンポーネントを提供します。

• Sonner：トースト通知機能を実現します。

• Tailwind CSS：スタイリングに便利な CSS フレームワークです。

• Defuddle と Mozilla Readability：ウェブページの本文を抽出し、HTML コードをクリーンアップするために使用されます。

• Turndown：HTML を Markdown に変換します。

• tiktoken：コピーしたコンテンツのトークン数を計算します。

プロジェクトの特徴

• ワンクリックでコピー：ツールバーのアイコンやショートカットキーからすばやくウェブページをコピーできます。

• コンテンツ抽出：Defuddle または Mozilla Readability のアルゴリズムを利用して本文を抽出し、不要な HTML 要素を取り除きます。

• カスタマイズ設定：抽出アルゴリズムの選択、成功時の通知の有無、お祝いアニメーションの有効化など、ユーザーのニーズに応じて設定を調整できます。

• クロスプラットフォーム対応：Chrome と Firefox ブラウザの両方をサポートしています。

使用方法

1. cpdown ブラウザプラグインをインストールする。

2. コピーしたいウェブサイトを開きます。

3. ブラウザのツールバーにある cpdown アイコンをクリックするか、キーボードショートカットを使用します。

4. ページの内容が Markdown 形式でクリップボードにコピーされます。

5. Markdown 形式の内容を、必要な任意の場所に貼り付けます。

オープンソースプロジェクトリンク

GitHub リポジトリ：https://github.com/ysm-dev/cpdown