最近話題の dev.to で、og:imageを記事タイトルから生成しているのが良かったので、 このブログでも 記事タイトルからog:imageを生成するようにしました 。 dev.toのog:imageは、 Cloudinary という、 URLのクエリ文字列で画像処理をできるSaaSを使って動的に生成していますが、本記事ではこれとは別のアプローチを取ります。 Pupeteer を使って自前で生成するというやりかたです。 Puppeteerとは Headless Chrome を操作するためのNode.js用ライブラリです。Selenium WebDriver と同じようなものですが、Chromeに特化していて、シンプルなAPIを持っているのが特徴です。npm installするだけでChromium1もいっしょにダウンロードしてくれるので、お手軽に使いはじめられます。 方法 og:im