エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Next.js と TypeScript で、vercel/og のOG画像を生成する - コムテブログ
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Next.js と TypeScript で、vercel/og のOG画像を生成する - コムテブログ
TL;DR Open Graph プロトコルと @vercel/og ライブラリを使用して、ソーシャルメディア画像生成の最適化... TL;DR Open Graph プロトコルと @vercel/og ライブラリを使用して、ソーシャルメディア画像生成の最適化方法を解説します。動的な Open Graph(OG)画像を生成するために、Vercel の @vercel/og ライブラリを使用して、Vercel Edge Functions を用いてソーシャルカード画像を計算・生成することができます。 つまり、分かりやすくいうと、CSS とテキストを使って画像を自動生成できる ということです。今までのようにアイキャッチ画像や OGP 画像を記事ごとに作る必要が無くなるので、とても便利です。 利点 画像生成に必要なコード量が少ないため、Edge Functions はほぼ瞬時に開始することができます。これにより、画像生成プロセスが迅速に行われ、Open Graph Debugger のようなツールによって認識されます。 HTM