学生ピッチ祭典の LP。80 軸の Tweak デザインシステム (enum 37 + slider 43) と LiquidMetal シェーダーで世界観を量産しつつ、Notion(認定団体マスタ) × Google Sheet(招待数) × 4S API(live 子孫数) を entryId で突合し、4S が落ちたら Sheet 値へ degrade する GUILD 運営基盤も自前実装。
SPIKES の見た目は「作り込み」ではなく「量産」で立っている。1 つの軸定義から全要素の見た目が生成され、テーマを差し替えるだけで別世界観のヒーローが生まれる。その中枢を実物シェーダーとモーショングラフィックスで見せる。
// MOTION 1つの液体金属シェーダーに7種のロゴを流す本番の render path。
// MOTION 実測80軸のうち1軸を6プリセットで切替え、世界観ごと量産する。
GUILD3 つのデータ源を 1 つの認定団体ランキングに束ね、重複人物は運営が承認する
// MOTION 3つのデータ源を1つの認定団体ランキングに束ねる本番の実装。
メイン LP だけ live で埋め込み、同じシステムから量産されたサブブランド LP や運営基盤はスクショと要点で紹介する（カードにマウスを重ねると中身が展開／自動スクロールする）。
// LIVE Hero は hero.mp4。WebGL は実質1個で「回さず済ませる」設計。
▲▼ auto-scroll
▲▼ auto-scroll
▲▼ auto-scroll
▲▼ auto-scroll
▲▼ auto-scroll
▲▼ auto-scrollenum 37 + slider 43 を単一真実源で型定義。buildTweakAttrs() が <html data-*> + CSS 変数へ純関数展開し、SSR で FOUC ゼロ。プリセットは noir / platinum / blade / dune / oilslick / solar の 6 種。
Notion(cron → Neon ミラー) × Google Sheet CSV × 4S API を entryId で突合。4S が落ちたら Sheet 値へ degrade し、取り切れなければ「概算」と明示する。落ちないランキング。
BLITZ / STAGE / SQUARE / POPUP / GUILD / NOMAD / HABATSU / STAFF / NEWS / MAP / 公休ジェネレーター…。1 つのデザインシステムから世界観別ヒーローを量産する。
live / frozen (1.5s → snapshot → context 解放) / static (WebGL 0) の 3 段と concurrency 3 の preload queue で、16 面の shader を context 上限に触れずに配る。
pii_vault / crypto-shred / tombstone / 個情法27条の org 隔離 (scopeToOrg) を自前実装。名寄せは auto (score 950) でも自動統合せず人間承認を通し、不変条件は vitest で固定する。
申請・突合・承認・追跡まで運営の裏側を丸ごと内製。正本は Neon(Postgres) の統合名鑑 DB、表記ゆれは normalizeOrgName() で正規化し、統合は承認 UI で目視確定する。
Latest projects
ディレクターズ葛藤 / IVS2026 MV「無限夢想家」 / XDEAL / IVS Event Frontend / 4S Referral Network / 熟と燗 / Metoree TVCM / IVS2025 AI CM Suite / Totally Startuped MV / Ojima Dental Clinic / STATION Ai / Paytner WebCM
