推しアイデア
某ゲームがなければ人生はない みたいなアニメに出てくるチェスを再現
自我チェス
駒たちが**自我**を持っている
作った背景
駒に自我を持たせたかったため。
推し技術
React Three Fiber WebSpeechAPI Amazon Bedrock Full stack tsのmono repo Hono RPC
プロジェクト詳細
技術スタック
モノレポ管理: pnpm + Turborepo 言語: TypeScript フロントエンド: React + Vite + TanStack React Query + React Three Fiber バックエンド: Cloudflare Workers + Hono バリデーション: Zod 状態管理: Zustand コード品質: oxlint + oxfmt
こだわりポイント
とにかく開発体験を良くするようにしました。 Full Stack TSで、pnpm workspaceを使ったmono repo構成にしてます。
1.oxlint、oxfmtを使ってlintやformatを高速化
ox系はRustで作られてるツールで、とにかく早いのが特徴
oxlintは、ESLintより50 - 100倍早い
2. Hono RPC使って楽にバックエンドとフロントエンドを繋げる
HonoでAPI定義すると
フロント側でいい感じに補完が効いてくれる。
嬉しい
3. turbopackでビルドをCache
buildやlintでいい感じにキャッシュしてくれる。 特に変更ない時はキャッシュから引っ張って来てくれるので早い
4. GitHub ActionsでCI/CD
lintやformat、typechekやbuildをCIで実行。 また、mainやPR作成時にCloudflare Workersへ自動デプロイされる
PRの時の状態でDeployされるので、コードレビューが楽
