キョのリファクタリング

はじめに お久しぶりです。 1年ぐらい記事の投稿を行わなかった！キョです！ 実は僕の2024年は色々ありまして、 これについては、個人ブログに投稿する予定です！ そしたら、本題に入りましょう！ 今回は個人ブログを作って見ましたので、 記録として、記事で残したいと思います。 同じく個人ブログを作りたい方も参考できたら幸いです！ 実現したいこと 今回ブログを作る上に、以下のことを実現したいです。 記事ファイルは単独で管理したい 理由は以下 ブログサイトを作るために利用する技術構成を変更したい時、記事ファイルを気にしなくていい 可能なら、記事ファイルを複数サイトに連携できるようにしたい（今回は個人ブログとZenn） ブログのデプロイはできるだけ簡単に！！！ できるだけコストを抑えたい 利用する技術についての調査 最初に考えた案 僕の場合、普段Notionといつツールを愛用していますので、 最初は、記事の管理はNotionで行い、 ブログはNotionAPI経由で記事を取って表示しようと思って、 以下の技術構成を考えていました。 記事管理：Notion 個人ブログサイト構築：Next.js サイトのホスティング：Vercel（Hobbyプランで無料） 最初は「いいね」と思いましたが、 よく考えて見ると、以下の課題がありました。 Zennとの自動連携ができなさそう Notionって、オフラインでの操作が大丈夫でしだっけ？ 最近の出来事で、ちょうどNotionのデータベースを更新しているタイミングで、Notionサーバーがダウンして困ったことがあった・・・ なので、この案を一旦保留にして、他の案を考えてみました。 利用決定になった案 僕は何かのアプリ、サイトを作る時は、 「より複雑！より多い、新しい技術！！」 で、作りたくなりがちです・・・（だから、やり始める前に諦めることが多いｗｗ） ちょっと落ち着いて考えて見たら、 ブログはコンテンツに重心を置かないと行けないと思いましたので、 やっぱりサイトの構築は簡単にできればできるほどいいと思いました。 最終的に視野に入ったのは「HUGO」というウェブサイトを構築するためのフレームワークでした。 HUGOはMarkdownのコンテンツフォーマットもサポートしているので、 Zennとの連携も簡単にできると思いました。 そして、HUGOで構築するサイトは静的サイトでしたので、 GitHub Pagesが使えるなと思って、 最終的な案は以下になりました。 記事管理：iCloud 個人ブログサイト構築：HUGO サイトのホスティング：GitHub Pages 注意点としては、GitHubのFreeプランの場合、GitHub Pagesはpublicのリポジトリでしか利用できない 戦闘開始！ 1.開発環境構築 まずは、HUGOをインストールします。 僕の開発環境はMacになっていますので、 Homebrewを利用してインストールします。 brew install hugo ※他の環境でのインストールは公式サイトを参照してください。 その他、Gitが必要です。 brew install git これで、開発環境構築が終わり！ 2.ブログ構築 1.ブログサイト作成 開発環境構築終わったら、実際にブログを作ってみます。 手順はすごく簡単でです。 ...

個人ブログを始めました！よろしくお願いします！