システムアップデート

• ```plantuml コードブロックでUML図（シーケンス図、クラス図、ユースケース図、アクティビティ図など）をレンダリング。
• PlantUMLパブリックサーバーによる高品質SVG出力。ローカルのJavaインストール不要。

• ```infographic コードブロックでインフォグラフィックを視覚化。
• AntV Infographicエンジンを統合、約200種類のテンプレートを内蔵。
• リスト、フロー、比較など多様なレイアウトタイプに対応。

• 2つの構文をサポート：[文字]{注釈} と [文字]^(注釈)。
• モノルビ：文字数と音節数が一致する場合、各文字に個別の注釈を付与。
• スマートマッチング：音節が文字より多い場合は先頭N個を使用、文字が音節より多い場合はグループで表示。
• スペース、·、・ を音節区切りとしてサポート。

• \(...\) インライン数式と \[...\] ディスプレイ数式構文を新たにサポート。
• remark-math互換形式に自動変換、既存の $...$ / $$...$$ 構文と共存。

• npm で公開済み：npx markdowntoimage-mcp で即座にインストール可能。設定不要で、APIトークンを追加するだけです。
• 2つのツールを提供：
  • generate_image — Markdown を PNG/JPEG/WebP に変換。テーマ、コードスタイル、フォント、幅、品質などすべてのパラメータに対応。
  • get_usage — 月間APIクォータとクレジット残高を確認。
• 詳細なパラメータ記述：ツールスキーマに利用可能なすべてのテーマ、コードスタイル、フォントオプションが含まれており、AIモデルが最適な設定を自動選択できます。
• Stdioトランスポート：標準I/Oを通じて、Claude Desktop、Cursor、その他のMCPクライアントとすぐに連携可能。

claude_desktop_config.json に以下を追加：

{
  "mcpServers": {
    "markdowntoimage": {
      "command": "npx",
      "args": ["-y", "markdowntoimage-mcp"],
      "env": {
        "MTI_API_TOKEN": "mti_あなたのトークン"
      }
    }
  }
}

あとはClaudeに「このMarkdownを画像に変換して」と伝えるだけ。残りはClaudeが処理します。

• npm：npm install markdowntoimage-mcp
• APIトークン取得：プロフィール → APIトークン
• APIドキュメント：markdowntoimage.com/api-docs

• 画像生成API：POST /api/v1/images/generate — Markdownをコードハイライト、KaTeX数式、Mermaidダイアグラム、19種類のビジュアルテーマに完全対応したPNG、JPEG、WebP画像に変換します。
• 使用統計API：GET /api/v1/account/usage — 月間クォータとクレジット残高をリアルタイムで追跡できます。
• MCP互換スキーマ：GET /api/v1/schema — MCP（Model Context Protocol）ツール定義形式のAPIスキーマで、AIエージェントの統合に対応しています。
• 2つのレスポンスモード：urlモード（一時的な画像URL、24時間保持）またはbinaryモード（生の画像データ）から選択できます。

• 安全なトークン管理：プロフィールページからAPIトークンの作成、一覧表示、取り消しが可能です。トークンはSHA-256ハッシュとして保存され、シークレットは作成時に一度だけ表示されます。
• Bearerトークン認証：すべてのAPI呼び出しにシンプルな Authorization: Bearer mti_xxx ヘッダーを使用します。

• 月50回の無料リクエスト：すべてのアカウントに月50回の無料API呼び出しが付与されます（画像に透かしが含まれます）。
• クレジットベースのリクエスト：無料枠を超えた後は、各リクエストに1クレジットがかかり、透かしは自動的に削除されます。
• 使用ダッシュボード：APIトークンページで無料枠とクレジット残高を監視できます。

• インタラクティブなAPIドキュメント：新しい /api-docs ページに、エンドポイントドキュメント、パラメータリファレンス（テーマ、コードスタイル、フォントのすべての有効な値を含む）、cURL、Python、Node.js、Goのコード例が掲載されています。
• APIアナウンスバナー：サイト全体にバナーを表示し、新しいAPIの利用可能性をユーザーに通知します。

• テーマレンダリングの修正：themeパラメータがAPI生成画像に反映されない問題を修正しました。19種類のテーマすべてが正しく適用されるようになりました。
• フォントレンダリングの修正：fontFamilyパラメータ（例：inter、japanese）が読み込まれるが適用されない問題を修正しました。Google Fontsが正しくCSS font-family プロパティを設定するようになりました。

• ホームページタイトルの最適化：ホームページタイトルのタイポグラフィを調整し、おしゃれでタイトな美観を維持しながら、すべての文字が完全に見えるようにしました。
• AdSense レイアウトの修正：超ワイド画面（>2560px）でナビゲーションヘッダーがサイドバーのコンテンツを隠してしまうレイアウトの問題を解決しました。
• 重複 H1 の削除：SEO向上のためページ構造を最適化し、converter ページと markdown-to-cards ページで意味的に正しい単一の H1 タグのみになるようにしました。

• モジュール式翻訳システム：ローカライゼーションシステム全体をリファクタリングし、大きな JSON ファイルをモジュール式コンポーネントに分割して、メンテナンス性と読み込み速度を向上させました。
• 完全な言語サポート：サポートされているすべての言語（中国語、英語、スペイン語、ドイツ語、ポルトガル語、日本語）で、explore 機能の包括的な翻訳ファイルを追加しました。
• 不足しているメッセージの修正：スペイン語、中国語、その他のロケールでのさまざまな MISSING_MESSAGE エラーを修正し、シームレスなローカライズ体験を保証しました。

• サンプルコンテンツの更新：見出し階層のベストプラクティスに従うように、サンプルの Markdown テンプレートを更新しました。
• パフォーマンス：翻訳バンドルのサイズを削減することで、読み込み時間を最適化しました。

• ユーザーメディアライブラリ：アップロードされたファイル記録を自動的に保存するユーザーメディアライブラリを追加し、管理と再利用を容易にしました。
• 数式センタリング：数式のセンタリングを切り替える設定を追加し、数式レイアウトの柔軟性を向上させました。
• 透かしの最適化：Code、Mermaid、Formulaモードで生成された画像に "created by markdowntoimage.com" の透かしを追加しました。
• コードフォーマット：コードブロックのフォーマットを最適化しました。

• フォント読み込みの最適化：
  • フォント読み込みの問題を解決し、動的フォント読み込み戦略を調整しました。
  • Markdown to Cards のフォント読み込みを修正しました。
  • プレビューのフォント選択とフロントエンドの選択の不整合を修正しました。
  • ページ初期化時の document 未定義エラーを修正しました。
• 多言語対応の修正：多言語環境における翻訳キーの欠落を修正しました。

全く新しい Markdown to Cards 機能をリリースしました！Markdown テキストを美しいソーシャルメディア共有用カードに簡単に変換できるようになりました。

• 多彩なレイアウト: 様々なシーンに対応する複数のプリセットカードスタイルを提供します。
• スマートなタイポグラフィ: カード上の長文テキストの表示を自動的に最適化します。
• ソーシャル共有: 生成される画像のサイズは、Twitter、Instagram、小紅書（RED）などのプラットフォームに最適化されています。

生成される画像をブランドや個人のスタイルにより合わせるために、テーマのカスタマイズ機能を大幅に強化しました：

• カラーカスタマイズ: 見出し、本文、リンク、強調テキストの色を自由に修正できるようになり、プリセットテーマに限定されなくなりました。
• フォント選択: 厳選されたフォントを多数追加し、より豊かな日英混植効果をサポートします。
• 背景画像: カスタム背景画像のアップロードをサポートし、オーバーレイ（Overlay）やぼかし（Blur）効果のオプションを提供して、テキストをより鮮明にします。

• 日本語サポートの追加: 日本語サポートを正式に追加しました！🇯🇵
• 翻訳の最適化: 欠落していた翻訳（i18n）を全面的にチェックして修正し、多言語環境でのユーザー体験を向上させました。

• ロゴ表示: 一部のテーマでロゴの位置がずれる問題を修正しました。
• パフォーマンス最適化: 一括画像生成（Batch Images）のパフォーマンスと安定性を最適化しました。
• プレビュー最適化: プレビューキャッシュにより古いコンテンツが残る可能性がある問題を修正しました。
• 体験の細部: ユーザーが詳細を知ることができるように、「Powered by」リンクの表示を追加しました。

ぜひこれらの新機能を体験してみてください！ご提案や問題がございましたら、お気軽にフィードバックをお寄せください。