🚧
ZennみたいなOGP画像をAPIから作成できるアプリを作成中

2025/07/03に公開
無職になったので vibe coding やっていく.
OGP画像をAPIから作成できるアプリ, テンプレートを事前に作成しておく, を作成中．

個人ブログやメディアサイト向けのAPI.
テンプレート編集画面

APIで画像生成:
  curl -X POST http://localhost:3000/api/image \
    -H "Content-Type: application/json" \
    -d '{
      "templateId": "your-template-id",
      "placeholderValues": {
        "title": "Your Title Here",
        "description": "Your description text",
        "author": "Author Name"
      }
    }'

 モチベーションZenn, Note　みたいにいい感じのOGP画像を，ブログ作成したときに作ってほしい，から．

ブログを更新した時にAPI呼び出すようにする必要はある.
テンプレートの作成方法は一旦，jsxを書いてもらうことにした.
enhance:
画像アップロードしてリッチにテンプレ作れる機能
かっこいいテンプレをAIで生成してくれる機能
OGP画像作る試みの技術記事は何年も前からたくさん出てるが，サービス化してるのは見なかった.

 開発どうやってるのPRD作成して Claude Code 様にコード書いてもらいの ~ という当たり前の vibe coding
@vercel/og 使ってOGPは作成, 相性いいので next.js でフルスタック開発.
サーバー側で動く jsx renderer がなくて，最高にめんどくさいけど，自前でjsx parser を作った．
とりあえずローカルで動くものを作るのに，sqlite で create table するのもめんどくさく, lowdb というJSONベースのDBを発見. これが便利. アプリが固まってきたら sql で作るのが良い.
PRDを書くとは言っても vibe coding でデータ構造も変わりがちなので.

コアの部分はできたので，サービス化をこれからやっていきます.
モチベーション

開発どうやってるの

Discussion
