ポートフォリオ改修

ポートフォリオ（ras0q.com）を改修した。リニューアルというほど変わってないが、それでもそこそこ変更した。

まず、Deno Freshをやめた。

Fresh -> Vite by ras0q · Pull Request #101 · ras0q/ras0q.com

💄 Add gradient border on hover 💥 Use Vite instead of Fresh 💥 Join works page to top 💥 Serve nostr.json staticly 🔥 Remove unused files ♻️ Move sections to sections/ 🔧 Update config

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を使うので一部追加でパッケージを入れたりする必要があるが）。

Deploy a React app with Vite

変更後は/aboutや/worksをトップページに統合し、スクロールで全てが見れるようにした。

あとは文字の大きさ変えたりとか色々してるので ras0q.com や GitHub を直接見てください（力尽きた）。