議事録エディタ

AIが出力した音声書き起こしJSON（話者ダイアライゼーション付き）を手動で修正するためのWebアプリ。
デジタル庁デザインシステムのカラーやスペーシングを参考にしたUIデザイン。PWA対応でオフラインでも動作します。

注意: 本プロジェクトはデジタル庁の公式プロダクトではなく、個人開発のツールです。

主な機能

• JSON読み込み — ボタンまたはドラッグ&ドロップで書き起こしJSONを読み込み
• 新規作成 / エクスポート — 新規作成、JSON保存、テキスト出力（クリップボードコピー）
• 話者管理 — 追加・削除・名前変更。数字キーで素早く話者を切り替え
• 発言カード操作 — 選択（単体・範囲・Ctrl）、テキスト編集、タイムスタンプ編集
• テキスト切り分け — 選択範囲を別カードとして分割
• ドラッグ&ドロップ — カードを並び替え
• セクション追加 — カード間に空カードを挿入
• カード削除 — ボタン・Deleteキー・複数一括
• Undo — Ctrl+Z で最大30ステップ戻る
• リストビュー / タイムラインビュー の切り替え
• 音声再生・同期 — 音声ファイルを開いて再生。再生位置に合わせてカードを自動ハイライト＆スクロール

技術スタック

項目	選定
ビルドツール	Vite
UIフレームワーク	React 19
PWA	vite-plugin-pwa
フォント	@fontsource/noto-sans-jp
ドラッグ&ドロップ	@dnd-kit
デプロイ先	GitHub Pages
CI/CD	GitHub Actions

セットアップ

npm install

開発

npm run dev

http://localhost:5173/minutes-editor/ で起動します。

ビルド

npm run build
npm run preview   # ビルド結果のプレビュー

デプロイ

main ブランチに push すると GitHub Actions が自動で GitHub Pages にデプロイします。

手動セットアップ

1. GitHub リポジトリの Settings → Pages で Source を gh-pages ブランチに設定
2. main に push すればデプロイが走る
3. https://<ユーザー名>.github.io/minutes-editor/ で公開

サンプルデータ

sample.json — アプリの機能を紹介する会議風のサンプルデータ（3名・22発言）が同梱されています。「JSON読み込み」からお試しください。

入力データ形式

[
  {
    "id": 1,
    "speaker": "Speaker_1",
    "start": 0.0,
    "end": 13.5,
    "text": "発言テキスト",
    "incomplete": false,
    "interrupted": false,
    "interrupted_by": null,
    "interruption": false
  }
]

ライセンス

ISC