text2image

任意のテキストを入力し、GitHub Flavored Markdown として画像にレンダリングして、クリップボードに転送する Web ページです。

機能

• 📝 テキスト入力: Markdown 形式のテキストを入力
• 🎨 レンダリング: GitHub Flavored Markdown としてリアルタイムでレンダリング
• 📋 クリップボードコピー: レンダリングした画像をクリップボードにコピー
• 📸 長文自動分割: 長文テキストは自動的に複数の画像に分割してダウンロード
• 🌏 マルチバイト文字対応: 日本語、中国語、韓国語などに対応
• 🚀 完全クライアントサイド: サーバー不要、全ての処理がブラウザ内で完結

使い方

1. GitHub Pages でホストされているページ にアクセス
2. 左側のテキストエリアに Markdown テキストを入力
3. 画像サイズを選択（Twitter/X 最適化サイズを推奨）
4. 「🎨 レンダリング」ボタンをクリックしてプレビューを表示
5. 「📋 画像をコピー/ダウンロード」ボタンをクリック
   • 短いテキスト: 画像がクリップボードにコピーされます
   • 長いテキスト: 複数の画像が自動的にダウンロードされます

キーボードショートカット

• Ctrl + Enter (Windows/Linux) または Cmd + Enter (Mac): レンダリング実行

長文テキストの扱い

選択した画像サイズ（例: X 16:9 1200x675px）を超える長文テキストは、自動的に複数の画像に分割されます。各画像は Twitter/X などのSNSに最適化されたサイズで生成され、連続して投稿することができます。

「自動 (コンテンツに合わせる)」を選択すると、全てのコンテンツが1枚の画像に収まります。

サポートする Markdown 機能

GitHub Flavored Markdown の主要な機能をサポート:

• 見出し (H1-H6)
• リスト (箇条書き、番号付き)
• 強調 (太字、斜体)
• コードブロック (シンタックスハイライト対応)
• テーブル
• 引用
• 水平線
• リンク
• チェックボックス

技術スタック

• Marked.js: GitHub Flavored Markdown パーサー
• html2canvas: HTML を Canvas に変換
• Clipboard API: クリップボードへの画像コピー
• 完全にクライアントサイドで動作、外部サーバー不要

ライセンス

MIT License