← すべてのプロジェクト

個人 · 2026

このポートフォリオ

ゼロから書き直した私のポートフォリオ:サーバーレンダリング、WebAssemblyによるインタラクション、問い合わせフォーム、GitHubのリアルタイム活動。

このポートフォリオ

ストーリー

以前のバージョンはThree.jsとFramer Motionを使ったNext.jsのサイトでした。Leptos(Rust)で書き直しました:AxumサーバーがページごとにHTMLを描画し、その後ブラウザがWebAssemblyでインタラクティブにします。

内容:ページをスクロールすると描かれていく地下鉄の路線図、S-Printを紹介するインタラクティブな路線、ライト/ダークのテーマ、ターミナル、そして検証、スパム対策、セキュリティヘッダーを備え、SMTPのサーバー関数で送信される問い合わせフォーム。

ここから得たこと

最初から最後まで単一の言語で書くと、作り直しがとても安全になります。ただしWebAssemblyが読み込まれる前の体験にも気を配ることが条件です。