本文へスキップ
Hiraoku.dev
  • Blog
  • Talks
  • Works
  • About

Tag

#Frontend

1 本の記事があります。

ノートパソコンの横で女性が投稿カードとリンクカードを並べる、淡いブルーグレー背景の黒ペン風イラスト

Tech2026年10月17日·9 分で読めます

AstroのMarkdown・MDXで、Xの埋め込みとOGPリンクカードを表示する

単独のURLをリンクカードやXの投稿へ変換するため、AstroのHTML生成をrehypeで拡張しました。変換対象の選び方、ビルド時のOGP取得、Xの遅延読み込み、失敗時の表示を実装に沿って説明します。

  • MDX
  • Astro
  • OGP
  • Frontend

Hiraoku.dev

Software Engineer

  • Blog
  • Talks
  • Works
  • About
  • GitHub
  • X
  • Zenn
  • note
  • TECHSCORE BLOG
  • RSS
© 2026 Hiraoku.dev