
Saifullah.Dev
使用スタックを NEXT_THREE_GSAP と1つの識別子のように掲げる、フロントエンド開発者の個人サイト。
- クレジット
- Saifullah Butt
- 使用技術
- Next.jsThree.jsGSAPWebGLサウンド
パキスタンのフロントエンド開発者 Saifullah Butt の個人ポートフォリオ。10年以上のキャリアと45件以上のプロジェクトを掲げ、アニメーション、インタラクション、没入感のある表現を軸に自分を売り込む構成です。
サイト内では現在のスタックを NEXT_THREE_GSAP という1つの識別子のような表記で掲げており、Next.js と Three.js と GSAP の組み合わせをそのまま看板にしています。Awwwards の要素タグには Infinite Scroll、Typography、Sound-Audio が並び、無限スクロールと音を伴う体験型のポートフォリオであることが分かります。
【参考になるポイント】
・スタック名をそのままビジュアル要素にしている。開発者ポートフォリオで「何が書けるか」を最短で伝える手として素直
・Sound-Audio タグが付く3Dポートフォリオは少数派。スクロールと音を組み合わせる場合、初回のユーザー操作までオーディオを再生できないブラウザ制約とどう付き合うかが見どころ
・og:image を webp で配信している(images/saifullah-og.webp)。OGP画像のwebp対応はSNS側で扱いが分かれるため、実運用で表示確認が要る領域
・※Three.js のバージョンやシーンの中身(.glb を読むのか手続き的に生成するのか)は未確認。バンドルの内容を取得できていない
・※2026年8月20日時点で Nominee。コミュニティ投票の平均は 8.43/10
