画像アノテーション作業が遅い本当の原因と、ブラウザだけで解決した話

Posted at 2026-03-10

画像にラベルを付ける作業、地味につらくないですか？

機械学習の教師データ作成、ゲーム開発の座標取得、マニュアル用のスクショへの注釈付け……
やってみると「なんかこれ、思ったより時間かかるな」となりがちな作業です。

で、いろいろ試してみたんですが、遅さの原因はツールじゃなかったという話をします。

原因：マウスとキーボードの「往復」が積み重なっている

LabelImgでもCVATでも、基本的なワークフローはこうなっています。

🖱️ クリックで点を置く
  ↓
⌨️ テキストを入力
  ↓
🖱️ クリックで点を置く
  ↓
⌨️ テキストを入力
  ↓
… ×ポイント数だけ繰り返す

1点ごとにマウスとキーボードの間で手が行き来する。
これが10点なら大したことないですが、100点・200点になると無視できない時間になります。

ツールを替えてもこのワークフロー自体が変わらない限り、根本的な改善にはなりません。

発想はシンプルです。

まず全部クリックして置く。テキストはあとでまとめて打つ。

🖱️ クリック → クリック → クリック → クリック → クリック
  ↓ 全部置き終わったら
⌨️ Tabキーで移動しながらまとめてテキスト入力

マウスを持ったまま全点を置ききる。
キーボードに持ち替えたら全点のテキストをまとめて入力する。

手の「往復」がゼロになります。

このワークフローを実現するツールを作りました。

ポイントこんば～ちゃ
https://laf-create.jp/tools/point/

主な機能はこんな感じです。

機能	内容
座標クリック取得	クリックでX・Y座標を記録。矢印キーで±1px微調整
テキストラベル付与	Tabキーで順送り入力。BULK EDITで一括設定も可
BOX描画	ドラッグで枠を描画。色・線種・角丸・ラベルを設定
セッション保存	JSONで保存して後から再開
PNG書き出し	アノテーション済み画像をそのままダウンロード
座標コピー	タブ区切りでクリップボードにコピー → そのまま表計算ソフトへ

URLを開いて画像をドラッグ＆ドロップするだけ。アカウント登録不要です。

画像上をクリックするだけで座標が記録されます。
ここではテキスト入力はしません。クリックに集中します。

左パネルの各行をTabキーで順送り。
同じテキストを複数点に入れるならBULK EDITで一括設定も可能です。

PNGで書き出すか、座標データをタブ区切りでコピーしてスプレッドシートやコードに貼り付けます。

比較項目	ポイントこんば～ちゃ	LabelImg	CVAT
インストール	不要	必要	必要
無料	◎ 完全無料	○	○
ワークフロー	◎ まとめ操作	△ 都度入力	△ 都度入力
動作環境	ブラウザのみ	Python必要	サーバー必要
起動速度	◎ 即起動	△ 起動待ち	△ 環境次第

LabelImgやCVATは高機能ですが「ちょっと座標を取りたいだけ」「環境構築したくない」という用途には重すぎることがあります。

開発者（平成初期生まれ）が個人サイト全盛期のネット文化に育ったので、こっそり仕込みました。

最新技術を、すこしだけ古いUIでラッピングした——そんなツールです。

フィードバックやバグ報告があればコメントいただけると嬉しいです。