Upgrade to Pro — share decks privately, control downloads, hide ads and more …

OGP画像を生成するNode.jsのライブラリを作ってみた / Create a Node....

OGP画像を生成するNode.jsのライブラリを作ってみた / Create a Node.js module for generating Open Graph image

Kanazawa.js meetup #1 LT発表

Kentaro Matsushita

January 19, 2020
Tweet

More Decks by Kentaro Matsushita

Other Decks in Programming

Transcript

  1. OGP画像とは • Open Graph Protocol (OGP) • SNSにWebサイトをシェアしたときにタイトルや概要、サムネイルな どのWebサイト情報を正しく伝えるための標準規格 •

    OGP画像 • SNSでWebサイトをシェアしたときにタイムラインに表⽰される画像 • フォロワーの⽬を引いて、Webサイトを⾒てもらうのが⽬的で設定
  2. できること • 記事タイトルと作者名を含んだ画像⽣成 • 各種カスタマイズ機能 • テキスト周囲のパディング指定 • 出⼒画像サイズの指定 •

    背景⾊や背景画像の指定、作者のアイコン指定 • 任意のフォントの使⽤、フォントサイズやフォントカラーの指定 • タイムアウト設定