Nginx

【Nginx】アクセスログをJSON形式に変更する方法

Nginxが出力するログを標準形式からJSON形式に変更する方法を説明します。なぜJSON形式にするのか?UbuntuでWebサーバーをNginxで運用していると、アクセスログを分析して「どのページが人気か」「エラーが出ていないか」といった...
Astro

【Astro入門】Tailwind CSSでレスポンシブな2カラムレイアウトを作る

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

【Astro入門】AstroにTailwind CSSとtypographyプラグインを導入する

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