DEV
開発メモ
AstroのMarkdownにアニメーション図を埋め込む：Starch DSLと共通コンポーネント
抽象的な概念や複雑な処理フローを説明するため、Starchを使ったアニメーション図とAstroの埋め込みコンポーネントを実装した事例を紹介します。
#Astroタグの記事
表示切り替え
DEV
開発メモ
AstroにVHSを埋め込むには？
VHSの台本から生成したターミナルデモを、AstroのMarkdownから同じ表示コンポーネントで表示する構成と、Vercelのビルドを回避した方法を紹介します。
DEV
開発メモ
サイトリニューアルで活用したAstroの機能を技術解説
Asopi Techサイトのリニューアルで導入・活用したAstroの機能を技術的に解説。Content Collections、i18n対応、動的ルーティング、OG画像生成など実装ポイントを紹介します。
DEV
開発メモ
サイトを大幅リニューアル！新しいサイト構造とページをご紹介
Asopi Techサイトを全面リニューアルしました。多言語対応、OSSプロジェクト紹介ページ、サービス詳細LPなど新しいサイト構造と各ページの特徴をご紹介します。
DEV
DEV
DEV
DEV
DEV
DEVDEVDEVDEVDEVDEVDEVDEVDEV
AstroのMarkdownにアニメーション図を埋め込む：Starch DSLと共通コンポーネント
抽象的な概念や複雑な処理フローを説明するため、Starchを使ったアニメーション図とAstroの埋め込みコンポーネントを実装した事例を紹介します。
AstroにVHSを埋め込むには？
VHSの台本から生成したターミナルデモを、AstroのMarkdownから同じ表示コンポーネントで表示する構成と、Vercelのビルドを回避した方法を紹介します。
サイトリニューアルで活用したAstroの機能を技術解説
Asopi Techサイトのリニューアルで導入・活用したAstroの機能を技術的に解説。Content Collections、i18n対応、動的ルーティング、OG画像生成など実装ポイントを紹介します。
サイトを大幅リニューアル！新しいサイト構造とページをご紹介
Asopi Techサイトを全面リニューアルしました。多言語対応、OSSプロジェクト紹介ページ、サービス詳細LPなど新しいサイト構造と各ページの特徴をご紹介します。
pagefindでブラウザだけのサイト内検索機能を追加
Astroサイトに外部の検索エンジンなしでサイト内検索機能を追加
Astro.js 小ネタ集 その②
Astro.js でブログサイトを構築するためのアレコレ パート２
Astro.js 小ネタ集 その①
Astro.js でブログサイトを構築するためのアレコレ
GoogleアナリティクスのタグをAstroサイトに追加
GoogleアナリティクスのタグをAstroサイトに追加してみる。
技術ブログはじめました。
技術ブログの記事、書初め