# Handball Tactics - ハンドボール作戦盤

> ハンドボールの戦術を無料で作成・共有できるWeb作戦盤アプリ

## 概要

Handball Tacticsは、ハンドボールのコーチや選手がチーム戦術を視覚的に作成し、共有できる無料のWebアプリケーションです。

## 主な機能

- **戦術の作成**: 選手やボールをドラッグして配置
- **動きの記録**: フレーム単位で選手の動きを記録
- **再生機能**: 記録した動きをアニメーション再生（0.25x〜2x速度調整可能）
- **DFフォーメーション**: 6-0、5-1、3-2-1、4-2、3-3をワンクリック切替
- **描画ツール**: 矢印、直線、フリーハンドで動線を描画
- **URL共有**: 作成した戦術をURLで共有

## 対象ユーザー

- ハンドボールのコーチ・監督
- 部活動の顧問
- 社会人チームのプレイヤー
- ハンドボールを学びたい初心者

## 技術仕様

- フロントエンド: React + TypeScript + Vite
- キャンバス: Konva.js (react-konva)
- スタイリング: Tailwind CSS
- 状態管理: Zustand
- バックエンド: Cloudflare Pages Functions
- データベース: Cloudflare D1
- ホスティング: Cloudflare Pages

## 対応環境

- PC（Chrome、Firefox、Safari、Edge）
- タブレット
- スマートフォン
- インストール不要（Webブラウザで動作）

## 利用料金

無料

## URL

https://hb-tactics.pages.dev/

## 連絡先

GitHub: https://github.com/sousousore1/hb_tactics