自動化

Zapier で Markdown を画像にする

Webhooks by Zapier を使えば、任意の Zap から Markdown を PNG・JPG・PDF にレンダリングできます。トリガーアプリは何でも構いません。レンダリングは POST 1 ステップです。

用途

こんな使われ方をしています

Airtable・Notion・フォームに新しい項目が入ったら、レンダリング済みカードを Slack や Discord に投稿する。

Markdown で書いたニュースレター草稿を PDF 化し、レビュー担当へ自動送信する。

AI が書いた Markdown を、SNS 予約投稿アプリに渡す前に画像化する。

セットアップ

01
「プロフィール → API tokens」でトークンを作成します。mti_ で始まり、一度しか表示されません。
02
アクションステップを追加し、「Webhooks by Zapier → Custom Request」を選びます。
03
メソッドを POST、URL を生成エンドポイントに設定します。Headers に Authorization（値は Bearer + トークン）と Content-Type（application/json）を追加します。
```
POST https://markdowntoimage.com/api/v1/images/generate
```
04
以下を Data フィールドに入れ、プレースホルダーを Markdown が入っているトリガー側のフィールドに置き換えます。
```
{
  "markdown": "{{content}}",
  "format": "png",
  "width": 800
}
```
05
Zapier が JSON レスポンスを自動解析するため、以降のどのステップからでも data imageUrl を選択できます。

テーマ、フォント、コードスタイル、PDF のページサイズなど全パラメータは API リファレンス.

サポート

Webhooks by Zapier は組み込みのプレミアムアプリなので、Zapier の有料プランが必要です。こちら側はトークン以外に用意するものはありません。

Custom Request はヘッダーを明示的に制御でき、Bearer トークンにはそれが必要です。通常の POST アクションでも設定は可能ですが、つまずきやすくなります。

使えます。よくある構成は「AI ステップが Markdown を書く → このステップで画像化 → 公開ステップで投稿」です。画像 URL は Webhook 以降のすべてのステップから参照できます。

JSON に手打ちせず、Zapier のフィールド選択機能から挿入してください。エスケープは Zapier が行います。書式エラーの大半は手書き JSON が原因です。