DEV
開発メモ
AstroのMarkdownにPikchrの図を埋め込む：ビルド時のSVG変換
このAstroサイトへPikchrを導入し、Markdownから参照した構成図をビルド時にインラインSVGへ変換できるようにしました。実際の表示例とremarkプラグインの実装を紹介します。
#markdownタグの記事
表示切り替え
DEV
開発メモ
AstroのMarkdownにアニメーション図を埋め込む：Starch DSLと共通コンポーネント
抽象的な概念や複雑な処理フローを説明するため、Starchを使ったアニメーション図とAstroの埋め込みコンポーネントを実装した事例を紹介します。
DEV
開発メモ
AstroにVHSを埋め込むには？
VHSの台本から生成したターミナルデモを、AstroのMarkdownから同じ表示コンポーネントで表示する構成と、Vercelのビルドを回避した方法を紹介します。
DEVDEVDEV
AstroのMarkdownにPikchrの図を埋め込む：ビルド時のSVG変換
このAstroサイトへPikchrを導入し、Markdownから参照した構成図をビルド時にインラインSVGへ変換できるようにしました。実際の表示例とremarkプラグインの実装を紹介します。
AstroのMarkdownにアニメーション図を埋め込む：Starch DSLと共通コンポーネント
抽象的な概念や複雑な処理フローを説明するため、Starchを使ったアニメーション図とAstroの埋め込みコンポーネントを実装した事例を紹介します。
AstroにVHSを埋め込むには？
VHSの台本から生成したターミナルデモを、AstroのMarkdownから同じ表示コンポーネントで表示する構成と、Vercelのビルドを回避した方法を紹介します。