はじめに
リンクカード、使いたいなと思っていた。リンクカードとはリンクをカード形式で表示したものだ(そのまま)。ただ、例えばObsidian上で表示させるだけならプラグインで何とかなるのだが、汎用性を持たせるのはなかなか難しい。
↑Auto Card Linkプラグイン
私の場合、Quartzで作成したサイト上でリンクカードを作ろうと思うとCustom componentを作らないといけないだろうし、基になるObsidian上でも同様に表示させるのはかなり難しい。
Vercel使えないか
少し前にGitHubでプロフィール画面的なのを作った。GitHub Readme Statsというのを他の人が使っているのをみて、かっこよいなと思ったからである。
この時に、Vercelというサービスを使用するのだが、これが結構強いサービスだと感じた。無料でJavaScriptまたはTypeScriptでAPIを構築できるのだ。
こんなのがほしい
URLをエンドポイントに持ち、OGPやリンクカードを画像として返す。ウェブスクレイピングのライブラリさえあれば、恐らくHTMLから必要なデータを抜いて作れるはずだ。画像を返すAPIであれば、マークダウン記法でどのプラットフォームでも動くはずなのだ。
Claude Codeさんお願いします！
98%くらいClaude Codeに作ってもらったリポジトリがこちら。
たとえば、下記のようにマークダウンで書くとする(ドメインは各自)。
[](https://github.com)これが、
こうなる。
ウェブスクレイピングはcheerioというライブラリを使っているようだ。cheerioでurlからtitleとdescriptionとog:imageを取得して、SVGで配置して返す。
メリット・デメリット
良い点は
- 常に最新の情報を取得できること
- APIの仕様を変更したら全てが反映されること
- エンドポイントを好みで追加できること
- どのプラットフォームでも使えること
悪い点は
- APIの処理としては若干重い
- 記法を知る第3者に使われてしまう(Vercelの無料枠を使われてしまう)
前者はキャッシュを長めに取れば初回以外マシだろう。後者は、仕様が不安定なAPIを第3者が使うメリットがないことと、どうせ無料であるということで許容する。
おわりに
Vercel、いいですね。