000%
LIVING
PLANET
Code breathes with the atmosphere.
静的な「情報の羅列」から、息づく「体験」へ。
大阪の気象データとリアルタイムに同期し、画面の中に息づく空を描き出す。スキルや作品といった静的な情報を、3D表現とモーションによって直感的な「体験」へと昇華させる。
02 / SELECTED WORKS
01
GitHub Planet
THREE.JS / VISUALIZATION
GitHubのコミット数を惑星として可視化する3Dビジュアライザー。
02
おてんきぐらし
NEXT.JS / PWA
今いる場所の天気が、アプリの世界に自動で反映される生活シミュレーション。雨は雨粒、雷はフラッシュ、雪は降雪モーションとして表現される。
03
ColdKeep
AI / IOT
スマホのマイクで水筒の音を解析し、氷の有無・残量・温度を推定するAIアシスタント。
04
reCAPTCHA Game
REACT / GO / WEBSOCKET
60秒以内に何回「人間」を証明できる？対戦型認証ゲーム。
05
でんしょうお
REACT / SUPABASE
小さな幸せを魚に乗せて流す、癒しと分かち合いのSNS。
03 / WHAT I CAN DO
TECH STACK
Frontend
Next.jsReactTypeScriptTailwind CSS
3D / Creative
Three.jsWebGLGLSLFramer Motion
Backend
Node.jsGoPostgreSQLSupabase
Other
WebSocketDockerPWAFigma
WHAT YOU CAN ASK
- →インタラクティブなLPやコーポレートサイト制作
- →3D・アニメーション表現を活用した没入感のあるUI開発
- →リアルタイム通信を使ったゲームやツール開発
- →フロントからバックエンドまで一気通貫での開発
- →IoT × AI を組み合わせたプロトタイプ・PoC開発
AWARDS
- ★ 最優秀賞 — 技育CAMP Vol.19 / うめきたTechBase
- ★ 優秀賞 — 技育CAMP Vol.10, Vol.14
- ◆ 決勝進出 — ヒーローズ・リーグ 2025
- ◆ 企業賞 — 技育博 Vol.6（ウイングアーク１ｓｔ）