Blog 始めました

動機

勉強したことのアウトプットをあまり出来ていないのでそのための場所としてブログを作りたかった、というのがモチベーションです。 もちろん毎年同じことを思っているわけですが...。

背景

これまで自分は Hugo 等の静的サイトジェネレータ (SSG) を使ってブログを作成していました。 ただし、提供されているものを使うために色々と設定するのがストレスでした。 そこで、重い腰をあげて自分だけの色々融通が効くブログを作るか、と決心しました。 まぁ実際にブログを作ったのは Cursor の claude-3.5-sonnet 君です。 自分が Web 技術についてかなり曖昧な理解をしていることを自覚しているので、GPT の方が作るのが早いだろうと思ってポチポチ命令を書いていたら結局 1 日かかりました。 実際に自分の手で実装するのとどっちが早いのは分かりませんが、単純な作業をほぼノーコストでやってくれるのはありがたさを感じますね。

構成

このブログは下記の技術スタックで構成されています。

• TypeScript
• Next.js
• Tailwind CSS
• Bun

最初は流行りにのって Hono で作ろうと思いましたが Tailwind CSS の設定が上手くいかず脱落し、比較的情報が大量にある Next.js の方が Cursor に投げても大丈夫だろうということで Next.js を使いました。 とは言え、 最新のバージョンである 15 系 だと Props の満たす制約周りの解決が出来なかったりと色々問題が発生したため、自分の手を動かす必要がありました。 また、 Claude-3.5-sonnet に自分の打ち込んだ命令が悪いとは思いますが、勝手に命令と関係ないコード変更をしてくるため（例えば、ある機能を追加する命令をしたとすると、勝手にレイアウトの変更が入る等）、その部分の抑制を常に意識する必要があり若干ストレスでした。

コンポーネント図

今回作成したブログのコンポーネント図を載せておきます。

まとめ

• ブログを作成した
• claude-3.5-sonnet on Cursor は便利

突貫工事でブログを作ったため、様々な機能が不足している状況ですが、やる気が出たら機能追加します...（多分やらないな）。