![[PORTFOLIO]](https://to-portfolio.com/og.webp)
[PORTFOLIO]
ループのたびに世界を作り直すWebGLポートフォリオ。HTMLを取得すると本文に Reconstructing... の1語しか入っていない。
- クレジット
- Tomotsugu Oyamada
- 使用技術
- Next.jsThree.jsGSAPシェーダーサウンド
日本の開発者 Tomotsugu Oyamada によるソロ制作のポートフォリオ。本人の説明は「システム風の開発者ポートフォリオ。インタラクティブなWebGL、カスタムシェーダー、空間デザインを探求する、ループのたびに世界を作り直す生きたインターフェース」。Awwwards のエントリーには Introduction/Hero、About me、EXPT. LOGS(技術実験ログ)、初回訪問時のみのアセット読み込み、世界の再構築という5つの見どころが動画付きで並んでいます。
タグは Next.js / Three.js / GSAP / WebGL / Sound-Audio。WebFetch でトップページを取得すると本文には「Reconstructing...」の1語しか現れず、コンテンツがすべてJS実行後に構築される作りだと分かります。og:image は /og.webp。初回訪問時だけアセットをロードし、以降は再構築で見せるというローディング設計を、自分で見どころとして挙げている点が特徴的です。
【参考になるポイント】
・HTMLにはほぼ何も入っておらず、全部クライアント側で組み立てる。SEOと引き換えに演出を取る典型例
・「初回訪問のみアセットロード」を機能として明示している。重量級WebGLサイトの再訪コストに対する一つの回答
・EXPT. LOGS という実験ログのセクションを持ち、自分の試作をそのままコンテンツ化している
・※シェーダーやレンダリングの具体的な中身は未確認。JSバンドルの内容までは取得できていない
・※Awwwards は2026年7月15日時点で Nominee(バッチ一覧では Honorable Mention と記録されていたが、エントリーページ上の表示は Nominee)
