ブログ一覧に戻る

個人ブログ「FumiBlog」を公開しました

Other2026.03.07
FrontendNext.jsVercelmicroCMSブログ
個人ブログ「FumiBlog」を公開しました

はじめに

ブログを公開しました。

タイトルは FumiBlog

自分の名前「Atsushi(あつし)」から一文字取って「史(Fumi)」とし、語感がよかったのでこの名前にしました。

これから技術や学習の記録、日常の出来事を書き記していく場所として、ゆるく続けていければと思っています。

このブログについて

実はブログ公開は3回目

実は、ブログを作るのは今回が初めてではありません。

これまで 2回挫折 しています。

ただ、正確に言うと、1回目と2回目は「ブログを書きたい」というよりも、学生時代にフロントエンド開発やデザインの勉強の一環として実装したものでした。

1回目は「とりあえず作ってみよう」という気持ちでブログサイトを立ち上げました。

要件を整理することもなく、なんとなくSQLの勉強をしてみたり、公開の目処も立っていないのにサーバーを借りてみたりと、手探りで開発を進めていました。

しかし、サイトを作ること自体に満足してしまい、最低限の機能だけ実装して、肝心の記事を書くところまで続きませんでした。

2回目も同じようにブログを作りましたが、やはり 「作ること」自体が目的になってしまい、結局は中途半端なまま終わってしまいました。

最近は生成AIの発達によって、成果物だけでは個人の技術力が見えにくくなってきていると感じています。

だからこそ、自分の考えや試行錯誤を自由にアウトプットできる場所を作りたいと思い、今回改めてブログを公開することにしました。

とは言っても勉強目的で実装した面もある

とはいえ、今回のブログも純粋に「アウトプットの場」として作っただけではなく、勉強目的の側面もあります。

というのも、機能もデザインも中途半端な状態のまま放置してしまった過去のブログが、ずっと気になっていたからです。

昔の自分が途中まで作ったものをそのままにしておくのは、どこか気持ちの悪いものです。

以前よりも知識や技術が身についてきた今、改めてきちんと設計し直し、しっかりと形にして公開したいと思いました。

そんな気持ちもあり、ある意味では過去のブログの供養のような気持ちで開発を進めました。

今回のブログでは、できるだけシンプルで管理しやすい構成にしています。

使用している技術スタックは次の通りです。

  • Next.js (App Router) — フロントエンド
  • Storybook — UI コンポーネントの設計・管理
  • microCMS — 記事のコンテンツ管理
  • Vercel — ホスティング / デプロイ

フロントエンドは Next.js (App Router) を使用し、コンポーネント設計には Storybook を導入しています。

これにより、UIコンポーネントを独立して確認しながら開発できるようにしました。

記事の管理は microCMS を使用しています。

管理画面から記事を作成できるため、ローカル環境を立ち上げることなく、思いついたときにすぐ投稿できる構成です。

そしてデプロイには Vercel を使用しています。

Next.js との相性が良く、シンプルな構成で運用できる点が気に入っています。

このブログで書いていくこと

本業では 機械学習関連の開発 をしており、

趣味では アプリ開発やフロントエンドの勉強 をしています。

日々の開発や学習の中で得た知見を、ここに記録していけたらと思っています。

とはいえ、技術的な内容については Qiita でも記事を投稿しています。

そのため、このブログではあまり専門的すぎる内容にはせず、もう少し気軽に書ける場所にしたいと考えています。

例えば、

  • 読んだ技術本の所感
  • 作ったものの紹介
  • 日常で起きたことのレポート

といった内容を中心に、日常の出来事や感じたことなども含めて、自由に書いていく予定です。

Qiita や Zenn に投稿した技術記事も、このブログからまとめて見られるようにしています。

おわりに

まずは 「公開する」 という最初のハードルを越えることができました。

過去2回は途中で止まってしまいましたが、今回は 細く長く続けていくこと を目標にしています。

もしよければ RSS や X からフォロー していただけると嬉しいです。