推しアイデア
指を使って操作します！ 特定のハンドジェスチャーによって必殺技も発動！？ オリジナルの素材を生かすことで独自の世界観を実現しています！
TRI-Survivor（下書き）
―
操作方法は己の「指」！！
作った背景
広告でよく見るサバイバーゲームに、メンバーから出たアイデアを詰め込むことで独創的なオリジナルゲームを作りました！
推し技術
React + PixiJS で高速かつスムーズ描画！ Go + Echoで堅牢なバックエンドAPI！ Devbox による統一された開発環境！
プロジェクト詳細
プロダクト概要
操作方法は己の「指」！！ 迫りくる敵の群れを倒しながら、パワーアップを選択して自機を強化し、可能な限り長く生き残ることを目指します。
画面遷移図
各画面
ここに各画面のUIと機能を記述
技術スタック
フロントエンド
フレームワーク: React (Vite) 使用言語: TypeScript ゲームロジック: PixiJS スタイリング: Tailwind CSS v4, shadcn/ui 状態管理: Zustand
バックエンド
使用言語: Go フレームワーク: Echo ORM: Bun データベース: PostgreSQL (Supabase) マイグレーション: golang-migrate(altasから変更)
「SQLを自分で管理する」という硬派な選択が、結局一番確実 「今何が実行されたか」がログで100%追えるのが安心感あり。
ホスティング
フロント：Cloudflare Pages バック：Cloud Run DB：Supabase
その他
環境管理: Devbox コンテナ化: Docker (DBなど) コードレビュー: CodeRabbit 校正ツール: Biome (フロントエンド), gofmt (バックエンド)
開発の進め方
Go初めて使ってます チームメンバーのうち2人はハッカソン初参加の初心者 今回のハッカソンはスケジュール的に開発の余裕がない＋初の技術導入＋メンバー2人はハッカソン初参加 =>事前準備はしっかりしました 技術選定やドキュメント周りの開発以外にかなり時間をかけました。
具体的な施策
- ドキュメントまとめ
- 開発マニュアル（開発ルールや開発手順）
- 環境構築
- 要件定義・技術選定
- CodeRabbitを導入
- GitHub Projectsを導入
