Cloudinaryを利用して、OGP画像を動的生成する

以前にOGP画像の動的生成の記事を書きましたが、より手間を掛けずに素早く画像を作る方法を見つけたので、紹介したいと思います。 OGP画像生成の歩み これまではnode-canvasを利用して、準備した背景画像内に記事タイトルをテキストとして描画して、画像を生成していました。 この方法は以下の課題を抱えていました。 テキスト描画調整の難易度が高い テキストの描画位置は座標指定のため、細部の調整が難しい行折返しは独自の計算ロジックがあり、コードの保守コストが高い ブログのビルド速度が遅い ブログビルドタイミングで画像生成を行うため、ビルド速度が低下する 今回、Cloudinaryという画像管理サービスを利用することで、これらの課題を解決することができました。 Cloudinaryとは 機能 画像やビデオの最適化配信が強みの画像・ビデオ管理のサービスです。今回のOGP画像生成に関連する機能として