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

Tag

#MDX

2 本の記事があります。

原稿とノートパソコンに表示したブログのプレビューを見比べる書き手を描いた、淡いティールグレー背景の黒ペン風イラスト

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

Astroの下書きを、Cloudflare PagesのPRプレビューで確認する

draftをfalseにせず記事を確認できるように、Astroの出力を本番とPRプレビューで切り替えました。ビルド時の判定、RSSへの非掲載、noindex、実ビルドと公開URLでの検証を説明します。

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

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