【技育CAMP2024】ハッカソン Vol.21 最優秀賞
ハッカソンで最優秀賞をいただいた「Science3Dlabo」という化学反応に焦点を当てた3D空間のWebサイトです。 主な使用技術 : React , Three.js , TypeScript 例))元素周期表からH(水素)を2回クリックし、Hの3Dオブジェクトを3D空間に出現させます。 そうしたらHをドラッグしもう一つのHに近づけると衝突反応を検知し、化学反応(爆発)が起きます。 このプロダクトでの僕の役割: アイデア出し、エフェクト作成、デザイン、プレゼン、資料作りが主な作業でした。他のメンバーと話し合い、フロント側のこと、デザインがやりたいと要望し任せてもらいました。 技術面で最も苦労したこと: 今回が初のReactだったんですがわからないことだらけでコンポーネントをどこまで細分化するのか、React-router-domなどルーティングの方法に最初は戸惑いました。順次調べつつ、先輩にお聞きしたりしてなんとなくはできていたのですが、問題はThree.jsのほうでして、メンバーの誰も触ったことがないという感じでして、全員夜中まで調べつつ、技術共有しつつというだいぶハードな開発になりました。 このプロダクトで得た経験: Git/GitHubの基本的な使い方、チーム開発を通してのタスク管理、任せてもらうという責任の重み、プログラミング技術/経験の向上です。