前回は、AstroにTailwind CSSとそのプラグインである「typography」を追加しました。今回はTailwindを使って、サイトに以下のデザインを追加していくことにします。 2カラム化（メイン記事 + サイドバー） レスポン...

これまでWordPressでサイトを作る際は、無料のテーマを使ってカスタマイズしたい部分のCSSを自分で書いていました。しかし今回は勉強も兼ねて、1からデザインをしていこうと思います。どのように開発を進めるのが良いかGemini先生に相談し...

前回は本番環境の構築を行いました。前回の記事: 今回はAstro 6がリリースされたので、現在の環境をAstro 5からAstro 6へバージョンアップしていきます。Astro 5から6へのアップグレード方法AstroをPodmanでコンテ...

前回からの続きです。【Astro入門】トップページに新着記事一覧を表示！getCollectionを使ったデータ取得と並び替え今回は、作成したサイトをインターネットに公開するための本番環境を構築していきます。本番環境の構成内容本番環境は以下...

前回からの続きです。【Astro入門】トップページに新着記事一覧を表示！getCollectionを使ったデータ取得と並び替え今回は、Astroのコンテンツコレクションをさらに活用して、「日記用のブログ」と「専門的な技術記事」のディレクトリ...

前回からの続きです。【Astro入門】ブログ記事と画像の最適なディレクトリ構成！「1記事1フォルダ」管理とslug設定今回はブログのトップページに、新着記事を最新のものから10件取得して一覧表示させてみます。src/pages/index....

Astroで記事を作成する場合、どのようにディレクトリ構成で記事を管理するのが良いのか？そんな疑問が生じたので、色々と調査してみました。Astroの推奨構成「1記事=1ディレクトリ」従来の管理方法と懸念点現在は「src/content/bl...

今回は、Astroの目玉機能である「コンテンツコレクション（Content Collections）」を導入して、Markdown（.md）形式で書いた記事を管理できるようにしていきます。コンテンツコレクションは、記事の「型（ルール）」を厳...