Astro 【Astro入門】AstroにTailwind CSSとtypographyプラグインを導入する
これまでWordPressでサイトを作る際は、無料のテーマを使ってカスタマイズしたい部分のCSSを自分で書いていました。しかし今回は勉強も兼ねて、1からデザインをしていこうと思います。どのように開発を進めるのが良いかGemini先生に相談し...
Astro Astro 【Astro入門】Astro 5からAstro 6へのアップグレード手順 (Podman環境)
前回は本番環境の構築を行いました。前回の記事: 今回はAstro 6がリリースされたので、現在の環境をAstro 5からAstro 6へバージョンアップしていきます。Astro 5から6へのアップグレード方法AstroをPodmanでコンテ...
Ubuntu UbuntuでSSDの寿命と健康状態を確認する！smartctlコマンドの使い方
UbuntuでSSDの寿命を確認するには、smartctlコマンドを使用します。smartctlは、ハードディスク（HDD）やSSDの健康状態を自己診断するS.M.A.R.T.（Self-Monitoring, Analysis and R...
Astro 【Astro入門】PodmanとNginxで本番環境を構築！VPSへのサイト公開手順
前回からの続きです。【Astro入門】トップページに新着記事一覧を表示！getCollectionを使ったデータ取得と並び替え今回は、作成したサイトをインターネットに公開するための本番環境を構築していきます。本番環境の構成内容本番環境は以下...
Astro 【Astro入門】ブログとその他の記事を分ける！複数のコンテンツコレクションを作成・管理する方法
前回からの続きです。【Astro入門】トップページに新着記事一覧を表示！getCollectionを使ったデータ取得と並び替え今回は、Astroのコンテンツコレクションをさらに活用して、「日記用のブログ」と「専門的な技術記事」のディレクトリ...
Astro 【Astro入門】トップページに新着記事一覧を表示！getCollectionを使ったデータ取得と並び替え
前回からの続きです。【Astro入門】ブログ記事と画像の最適なディレクトリ構成！「1記事1フォルダ」管理とslug設定今回はブログのトップページに、新着記事を最新のものから10件取得して一覧表示させてみます。src/pages/index....
Ubuntu 【Ubuntu】パッケージの依存関係を調べる方法(apt depends)
Ubuntuでパッケージの依存関係を調べる方法です。依存しているパッケージ一覧を表示「apt depends」コマンドで、指定したパッケージの依存関係を表示させることが出来ます。apt depends パッケージ名 PreDepends (...
Astro 【Astro入門】ブログ記事と画像の最適なディレクトリ構成！「1記事1フォルダ」管理とslug設定
Astroで記事を作成する場合、どのようにディレクトリ構成で記事を管理するのが良いのか？そんな疑問が生じたので、色々と調査してみました。Astroの推奨構成「1記事=1ディレクトリ」従来の管理方法と懸念点現在は「src/content/bl...
Astro 【Astro入門】コンテンツコレクションでMarkdown記事を管理・表示する方法とURL（パーマリンク）の最適化
今回は、Astroの目玉機能である「コンテンツコレクション（Content Collections）」を導入して、Markdown（.md）形式で書いた記事を管理できるようにしていきます。コンテンツコレクションは、記事の「型（ルール）」を厳...
Astro 【Astro入門】SEOに強い共通レイアウト！タイトルと説明文を動的に変更する方法
前回はAstroのディレクトリ構造の解説と、全ページ共通のひな形となるレイアウト（BaseLayout.astro）を作成しました。前回の記事のリンク: 今回は、作成したレイアウトをさらに進化させ、SEO（検索エンジン対策）に欠かせない「ペ...