kmtoki.github.io/blog

Next.js/Vercelから11ty.js/GithubPagesにした。ビルド時間が５倍くらい早くなって良かった気がしたが、生成してるページの数が全然違ってて比較にならんかったわ。11tyの素の機能だけではNext.jsでやってたことができなかったのだった。脱Reactをやって見たかったというのもある。結果、普通にReactって便利なんだなって思った。古き良きHTMLテンプレートエンジンなんか使ったりして平成を感じた。基本的にSSGしか使わないのにNext.jsはApp Routerに舵を切っているのでSSGにフォーカスしてるのでフレームワークに変えたかったというのもあった。コード量がだいぶ減ったも良いことかな。ZolaというRust製のSSGもためしけど標準のTagsを使おうと思うとMarkdownのヘッダーが見苦しい感じになるが気に入らなかった。

今までのmdファイルのヘッダーのデータを直した。dateをちゃんとparseできる形式にしたり、categoryをtagsになおして、一行スペースセパレートリストを普通にYAMLの形式に直したり。適当にrubyスクリプト書いた。

デプロイをVercelからGithub Pages/Actionsにした。Vercelのままでも問題ないんだけどせっかくだし他もためしてみるかで。ActionsでどうPagesにデプロイするんやとかわからんかったところをChatGPT先生に聞いて、Actionsのyaml書いてお願いしてみて出てきたやつコピペでそのまま動いたのでAIすげーってなった。今回の移行でChatGPT先生には結構助けられた。11ty.jsについてはあまり詳しくないようだったので、CSSを主に教えてもらった。検索するよりずっと早い。

これ書いてて、Astro.jsも試したくなってきたし、htmlxも試したくなってきたな。Astroより11tyのほうがビルドはだいぶ早いらしいので（本当か？）。11tyにしたわけだけど。色々試したいお年頃ではある。htmlxはReactではやり過ぎだろってことで人気になりつつあるらしいしらんけど。

久々にプログラミング的なことして楽しかった。