vgnz93hs vgnz93hsについて 作品

ホームページ 3

Vercelを使って、Next.jsで作成したホームページです。マークダウンからページを作成する機能をつけました。

高校1年生のときに、将来的な拡張も考えて、Next.jsでホームページを作りたいと思って作りました。

上部には「RC Line」「RC Flow」などのアプリ紹介、中部には制作した作品の一覧が並び、下部にはYouTube、Threads、Instagramへのリンクボタンが配置されている。白を基調としたシンプルでモダンなデザイン。ポートフォリオサイトの「作品」一覧ページ。グリッド状に多くのプロジェクトカードが並んでいる。「RC Line (Swift)」、「RC Flow (JavaScript, HTML)」、「RC Tracing (JavaScript)」、「360度動画リフレームツール (Swift)」など、各カードにはタイトル、制作日、使用技術のタグが表示されている。ScratchやBlender、C言語など多岐にわたる技術を用いた作品が時系列で掲載されている。
上部には「RC Line」「RC Flow」などのアプリ紹介、中部には制作した作品の一覧が並び、下部にはYouTube、Threads、Instagramへのリンクボタンが配置されている。白を基調としたシンプルでモダンなデザイン。ポートフォリオサイトの「作品」一覧ページ。グリッド状に多くのプロジェクトカードが並んでいる。「RC Line (Swift)」、「RC Flow (JavaScript, HTML)」、「RC Tracing (JavaScript)」、「360度動画リフレームツール (Swift)」など、各カードにはタイトル、制作日、使用技術のタグが表示されている。ScratchやBlender、C言語など多岐にわたる技術を用いた作品が時系列で掲載されている。

バージョン2の時と同じ用に、JSONファイルに書いたページ情報が表示されるだけでなく、ページ本文もマークダウンファイルに書くだけで自動的に反映されるようにしました。

「プロジェクターのシミュレーション」というタイトルの作品詳細ページ。暗い部屋の中でプロジェクターから光が放たれ、壁に反射している様子を描いた2枚の比較画像が中央に配置されている。テキストでは、自作のレンダリングエンジン「RC Tracing」を使用していることや、部屋にスモークのエフェクトを加えて光の筋を表現していることなど、制作の背景やこだわりが解説されている。