Hugo

1. はじめに しぴぴぴ！バーチャルストリーマーのしぴちゃんです。 今回はしぴブログを作ったときの話（めっちゃ前だな）をします。 詳細は展開できるようにしているので、簡単に読みたい人は詳細を閉じたまま読んで、詳細に知りたい部分だけ展開して読むといいと思います。 詳細部分はAI生成ベースなのでご了承ください。 ブログを始めたい。どうやるんだ 「ブログを開設したいけど、Webサイトの構築方法がわからない」という状況から始まりました。個人で開設できる無料のブログサービスはたくさんありますが、せっかくなのでしぴサイトに合体する形式にしようと思いました。 詳細の例 こんな感じで詳細を展開して読むことができます。しぴぴぴ！ AIを活用すれば、知識がなくても実装できる Webサイト構築の経験がない状態でも、ChatGPTやClaudeなどのLLM（大規模言語モデル）に相談しながら進めることで、外部サービスを利用せず自分のブログを開設することができました。 この記事は、単なる「手順書」ではなく、以下の点に重点を置いています： 問題解決のプロセス：何を考え、どう判断したのか AIの使い方：「丸投げ」ではなく、実行→相談→実行のループを繰り返すスタイル ブログを作る実装方法の入門記事ではなく、「こういう思考プロセスで進めれば、知識がなくてもソフトウェアを作成できる」という実例を示すことが目的です。 2. 前提：課題の整理 「ブログを開設したい」という漠然とした要件 最初は単に「ブログを開設したい」という要件しかありませんでした。 詳細：具体的な課題 例えば、以下のような課題がありました： どんなWebサイト構成にするのか 既存のメインサイト（www.cppp-cpchan.org）と、ブログをどう組み合わせるのか ドメイン構成：サブドメイン（blog.cppp-cpchan.org）か、サブディレクトリ（www.cppp-cpchan.org/blog/）か 技術スタックの選択 ブログを構築するツール：何を使う？ ホスティング：どこに置く？ コスト：無料で実現できるか？ 運用の工夫 ブログ記事をどう執筆・管理するのか デプロイ（手元の記事をWebサイトとして見えるようにする）をどう自動化するのか AIに相談する効果 実装前に大枠をAIに相談することで、以下のようなメリットが得られます： 複数の選択肢：各方法のメリット・デメリットを示してくれる 判断根拠：なぜその方法が適切なのかの理由が示される 新しい気付き：自分では思いつかなかった観点が提示される 教訓：AIに相談する前に、自分で「何が問題なのか」「何を決めるべきか」を整理することが重要です。 3. 設計フェーズ：トレードオフの検討 ドメイン構成の選択 最初の大きな決定は、ブログをどの場所に配置するかでした。 詳細：サブドメイン vs サブディレクトリの検討 選択肢1：サブドメイン方式（blog.cppp-cpchan.org） メリット： ブログが独立したサイトとして管理できる ブログ固有の設定やテーマを自由に選択可能 別々のGitHubリポジトリで管理できるため、分離が明確 別々のデプロイサイクルで運用可能 デメリット： DNS設定でCNAMEレコードの追加が必要 SEO的にはメインドメインの権威性を分散させる可能性 選択肢2：サブディレクトリ方式（www.cppp-cpchan.org/blog/） メリット： メインサイトのドメイン権威性を活用できる（SEO的に有利） 統一されたサイト構造 DNS設定の変更が不要 デメリット： メインサイトと同じリポジトリまたは複雑なデプロイ設定が必要 Hugo設定でbaseURLやパスの調整が複雑になる可能性 最終判断：サブドメイン方式を選択した理由 サブドメイン方式（blog.cppp-cpchan.org） を選びました。 理由は以下の通りです： 管理の簡単さ：Obsidian → Hugo のワークフローが独立して管理できる 技術的な柔軟性：Hugo固有の設定やプラグインを自由に使用可能 将来の拡張性：ブログが成長しても独立性を保てる 教訓：各選択肢のメリット・デメリットを理解したうえで、「自分の優先順位」を基準に判断することが大切です。 ...