🎣 Fishing Annotation App

奈良先端科学技術大学院大学の小手川康太です． DPSWSの論文にて利用した，釣り行動に特化したアノテーションアプリケーションです．

🚀 概要

釣り動画のアノテーションを行うために開発したアプリケーションです． 動画をアップロードし，3つの釣り動作のボタンを押すとタイムスタンプが記録される仕組みです．

🛠 使用技術

フロントエンド

• Next.js
• React

バックエンド

• Flask
• Flask-CORS

その他

• Python
• JavaScript

フロントエンド

• Next.js
• React

バックエンド

• Flask
• Flask-CORS

その他

• Python
• JavaScript

📂 プロジェクト構成

Fishing_Annotation_App/
├── frontend/   # フロントエンド (Next.js)
├── backend/    # バックエンド (Flask)
│   ├── app.py  # Flask API
│   ├── requirements.txt  # バックエンドの依存関係

🔧 セットアップ方法

1. フロントエンドのセットアップ (Next.js)

cd frontend/video-annotation-app
npm install
npm run dev

アプリが http://localhost:3000 で起動します

2. バックエンドのセットアップ (Flask)

cd backend
python -m venv venv
source venv/bin/activate  # Windows の場合: venv\Scripts\activate
pip install -r requirements.txt
python app.py

APIサーバーが http://localhost:5001 で起動します

🌍 API エンドポイント

メソッド	エンドポイント	説明
POST	/get_metadata	動画ファイルのメタデータを取得

📝 備考