このブログの技術スタック

ブログを作ったので、最初の記事では使っている技術について書いておきます。

SvelteKitで作って、Cloudflareで配信

SvelteKitとSvelteを使っています。言語はTypeScriptです。

記事はビルド時にHTMLにして、Cloudflare Workers Static Assetsで配信しています。いわゆる静的サイトですが、検索やダークモードの切り替えはブラウザ側で動きます。

記事はMarkdown

この記事もMarkdownで書いています。本文と一緒にタイトルや日付、タグを書いて、サイトのコードと同じリポジトリに置いています。

更新するときはファイルを編集して、ビルドしてデプロイ。記事一覧やRSSにもその内容が反映されます。

開発まわり

パッケージ管理はpnpm、開発サーバーやビルドにはVite+を使っています。

テストはVitestとPlaywright。Markdownを読み込む処理を単体テストで、ページ遷移などをブラウザのテストで確認しています。型チェックやビルドとあわせて、GitHub Actionsでも実行しています。

おわりに

Codexでフルバイブコーディングしました。数年前にブログを作成したときはNext.js,Vercel,microCMSの構成で作りましたが、さすがに手でコードを書いていましたね。 以前は作って満足し、記事を一切書かなかったので、今回はそうならないようにしたいと思います。

（※この記事も、'おわりに' 以外はAIです）