ポートフォリオ改修
2024-10-31
#diaryポートフォリオ（ras0q.com）を改修した。リニューアルというほど変わってないが、それでもそこそこ変更した。
まず、Deno Freshをやめた。
https://github.com/ras0q/ras0q.com/pull/101
Deno公式のSSRフレームワークということで興味も込みで使っていたが、そもそもSSRであるメリットが薄かった。サーバー側で実行する程重い処理もなく、トップページにデカデカとインタラクティブ要素を置くためそこだけアイランドにしたりして必要以上にコストがかかっていた。
また、Freshではファイルベースのルーティングを採用しているが、/aboutや/worksに分けずともトップページに全部書けば十分だと感じたのもFreshをやめた原因の一つである。
FreshではTypeScriptランタイム・formatter・linterはDeno、コンポーネントフレームワークはPreactを使っていたのでこの2つは残しつつ、コードのビルドをFreshからViteに変更した。
DenoでViteを使う方法はDeno公式でも紹介されており、思ってたよりもスムーズに使うとことができた（ReactではなくPreactを使うので一部追加でパッケージを入れたりする必要があるが）。
変更後は/aboutや/worksをトップページに統合し、スクロールで全てが見れるようにした。