実況ツイートメーカー（Live Tweeting Maker）

動画のリアタイ視聴を逃したときでも、録画・アーカイブを見ながらタイムスタンプ付きの実況コメントを記録できる、ブラウザ完結型の Web アプリです。

主な機能

• タイマー同期 — カウントダウン後にタイマーを開始し、HH:MM:SS.xx 形式（センチ秒まで）で経過時間を表示。+1s / -1s / +10s / -10s のオフセット調整で動画とのズレを補正できます。
• 実況投稿 — 画面下部に固定された入力欄から、Ctrl+Enter / Cmd+Enter または送信ボタンで投稿。その瞬間のタイマー時間がタイムスタンプとして自動付与されます。X（Twitter）の文字数制限（全角 140 字 / 半角 280 字）を意識したリアルタイムカウンターも付いています。
• データ管理 — 投稿内容は localStorage に自動保存。ページをリロードしてもタイムラインは復元されます（タイマーはリセットされた状態で起動）。JSON ファイルへのエクスポートと再インポートにも対応しています。

技術スタック

分類	採用技術
UI フレームワーク	React 19 + TypeScript
ビルドツール	Vite
スタイリング	Tailwind CSS
アイコン	Lucide React
データ保存	localStorage
ファイル入出力	ブラウザ File API（Blob / File）
デプロイ想定	GitHub Pages 等の静的ホスティング

ローカル開発

npm install
npm run dev

ビルド:

npm run build

リント:

npm run lint

ライセンス

MIT