sennkuwu/wechat-style-extractor

これは何？

主な機能

• 01記事のリンクから色、フォントサイズ、行の高さ、余白を抽出します。
• 02タイトル、著者、カードなどのコンテンツ要素を識別します。
• 03元の画像、遅延読み込み画像、CSSの背景画像を保持します。
• 04記事のスタイルシートをインライン化し、グリッド、影、リスト、テーブルを維持します。
• 05スマートフォン幅のプレビューを表示し、結果をリッチテキストとしてコピーできます。

ユースケース

• 人気のWeChat公式アカウント記事のレイアウトパターンを調べる。
• WeChat記事の書式設定に使える、独自の再利用可能なテンプレートを作成する。
• WeChatエディターで公開する前に、スマートフォンでの記事の見え方を確認する。

クイックスタート

1. 1

   依存関係をインストールする

   npm install
2. 2

   開発サーバーを起動する

   npm run dev
3. 3

   本番用にビルドする（任意）

   npm run build

使う前に知っておきたいこと

• !Node.js 22.13 以降が必要です。
• !記事の取得は mp.weixin.qq.com のリンクでのみ動作します。また、WeChat ではセキュリティ確認ページが表示され、解析がブロックされることがあります。
• !スタイルの抽出はヒューリスティックに基づいており、WeChat エディターではインラインスタイルが完全に保持されない場合があります。

トピック

よくある質問

wechat-style-extractor とは？

WeChat公式アカウント記事から再利用可能なデザインテンプレートを抽出し、WeChatエディターに貼り付けられるリッチテキストとしてプレビューするツールです。 WeChat Style Extractorは、公開されているWeChat公式アカウント記事のリンクを受け取り、レイアウトを解析します。色、フォントサイズ、行の高さ、余白、カードなどのコンテンツ要素を集計し、検出した視覚的なパラメーターや各要素のルールを表示します。

wechat-style-extractor は無料で使えますか？ライセンスは？

wechat-style-extractor は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

wechat-style-extractor は今もメンテナンスされていますか？

半年以内に更新あり。wechat-style-extractor の最終コミットは 2026年9月5日 です。

wechat-style-extractor は何に使えますか？

人気のWeChat公式アカウント記事のレイアウトパターンを調べる。 WeChat記事の書式設定に使える、独自の再利用可能なテンプレートを作成する。 WeChatエディターで公開する前に、スマートフォンでの記事の見え方を確認する。

wechat-style-extractor のインストール方法は？

依存関係をインストールする: npm install 開発サーバーを起動する: npm run dev 本番用にビルドする（任意）: npm run build

wechat-style-extractor はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/sennkuwu/wechat-style-extractor