iconguccigu blog
2025/02/24
HonoX を使ってブログ作りました

個人ブログをはじめてみました。
拙い文章ですが練習もかねて少しずつでも更新できればと思います。

まずはブログがなんとかそれっぽい形にはなったのでここまでの過程をざっくりまとめてみます。

■ きっかけ

自分は業務でバックエンドをメインにやっていました。
ですが、最近フロントエンドも書かねばならなそうで慌てて勉強をはじめました。

そこでフロントエンドの勉強もかねて以前から作ってみたかったブログ作成に挑戦してみました。

■ 技術まわりについて

このブログはフレームワークとして Hono (HonoX)を使っています。

Hono は日本発祥のWebフレームワークです。
以下記事が詳しくまとめられており参考になりました。

また、HonoX はその Hono と Vite を組み合わせたメタフレームワークです。
Hono の開発者様がブログの Example も公開してくれているのでとても助かりました。

今回、HonoX を使った理由はざっくり以下です。

  • SSG ができる
    • ブログなので SSG でファイル作ってデプロイするだけにしたかった
  • シンプルでわかりやすい
    • 初めてなので初心者にも手を付けやすいものがよかった
    • ( 業務で Hono 使った Lambdalith なアプリを作ったことがあり、開発し易さは体感済みだった )

実際に初心者でも割と簡単に作ることができたと思います。
( 公式の Example や先人たちの記事がとても参考になりました )

ちょこちょこ詰まったところもありましたがそれはまた別途記事にしたいと思います。

ホスティングには Cloudflare Pages を使っています。

  • 無料で使える
  • HonoX がデフォルトで Cloudflare で扱えるようになっている (wranglerが入ってた)
    • Hono は当初、Cloudflare Workers(エッジ環境)特化とうコンセントで開発されたそうです
    • 名前の Hono(炎) も Cloudflare(炎) 由来だそう
  • 単に使ってみたかった
    • 業務ではAWSメインなのでこういうのは S3 + CloudFront とかになりがち

こちらも初めてだったのですが非常に簡単にデプロイまでできました。

ドメインは お名前.com で取りました。お名前.comのほうが安いので。
移管も簡単にできてよかったです。

■ 今後

まだまだできていない部分が多々あるので記事も書きつつアップデートできたらなと、、。
以下あたりはちゃんと実装したいと思います。

  • ダークモード
  • レスポンシブ
  • ページネート (必要なほど記事書ければ、、)
  • タグ検索 (これも必要なほど記事書ければ、、)