使い方ガイド

修正指示ツールの基本的な使い方から応用まで、わかりやすく解説します。

はじめに

修正指示ツールは、WebサイトのURLまたは画像に対して修正指示を書き込み、リンク一つで共有できる無料ツールです。 デザイナー・ディレクター・クライアントの間でのフィードバックを、よりわかりやすく伝えることができます。

スクリーンショット自動撮影

URLを入力するだけでWebサイトのスクリーンショットを自動で撮影します。

直感的なアノテーション

矩形・ピン・フリーハンド・テキストで画像に直接修正指示を書き込めます。

リンク一つで共有

登録不要でゲストとして作成し、生成されたリンクを送るだけで共有完了。

プロジェクト作成

プロジェクトは2つの方法で作成できます。ログイン不要でゲストとして利用でき(14日間保存)、 Googleアカウントでログインするとプロジェクトの保存期間が30日に延長され、月10件まで作成可能でダッシュボードから管理できます。

1

URLからスクリーンショット

  1. トップページまたは「新規作成」ページでURLを入力します(例: https://example.com
  2. PC表示(1280px)またはSP表示(375px)を選択します
  3. 「撮影」ボタンをクリック。数秒でスクリーンショットが撮影されてエディターが開きます
ヒント: Basic認証が必要なステージング環境には「ベーシック認証が必要な場合」を展開してIDとパスワードを入力してください。
2

画像をアップロード

  1. 「画像をアップロード」エリアに画像をドラッグ&ドロップするか、クリックしてファイルを選択します
  2. 対応形式: JPEG / PNG / GIF / WebP(ゲスト: 最大1MB、無料プラン: 最大5MB)
  3. アップロード完了後、自動的にエディターが開きます

アノテーション

エディター画面では、ツールバーから4種類のアノテーションツールを選択して画像に修正指示を書き込めます。 各アノテーションには番号が自動で振られます(#1, #2, #3...)。

矩形選択

R

ドラッグして範囲を囲みます。修正したいエリアを明確に指定するときに使います。

「このボタン全体のデザインを変えてください」など、範囲が広い指示に最適。

ピン

P

クリックした位置にピンを立てます。特定の一点を指し示すときに使います。

「このテキストの誤字を修正してください」など、ピンポイントの指示に最適。

フリーハンド

F

マウスドラッグで自由に線を描きます。複雑な形状や流れを示すときに使います。

「この部分を囲んで強調してください」など、形状を伝えたいときに最適。

テキスト

T

画像上の任意の位置にテキストを直接配置します。

「NEW」「要確認」などのラベルを画像上に直接書き込みたいときに最適。

色と太さの設定

カラー(4色)

赤(Red)
青(Blue)
緑(Green)
黒(Black)

線の太さ(3段階)

ズーム・パン操作

マウスホイール ズームイン/アウト
中ボタンドラッグ パン(画面移動)
Space + ドラッグ パン(画面移動)
フィット ボタンで画像全体を表示

コメントとステータス管理

各アノテーションにはコメント(修正内容の詳細)を入力します。右パネルのコメント一覧から進捗を管理できます。

ステータスの種類

未対応

まだ対応されていない修正指示。デフォルトのステータスです。

対応中

現在対応作業中の修正指示。

対応済

対応が完了した修正指示。

コメントの活用

  • コメント一覧の番号(#1, #2...)をクリックすると、対応するアノテーションの位置にジャンプします
  • 参考画像をコメントに添付できます(ゲスト: 1枚まで、無料プラン: 3枚まで)
  • 共有リンク経由でも受け取り側がステータスを更新できます
  • 進捗サマリーでプロジェクト全体の対応状況を確認できます

応用機能

基本機能に加えて、プロジェクト管理を効率化する応用機能が利用できます。

リビジョン管理

1つのプロジェクト内で複数のバージョン(リビジョン)を管理できます。 修正の履歴を残しながら、段階的にデザインを改善していく際に便利です。

「新しいリビジョンを作成」で修正履歴を管理
各リビジョンごとにステータス(未対応/対応中/対応済)を設定可能
期日を設定して納期管理ができます

優先度・フィルター・検索

アノテーションが多くなった場合でも、優先度設定やフィルター機能で効率的に管理できます。

優先度の設定

各アノテーションに優先度を設定し、重要な修正を見逃しません。

フィルター機能

  • ステータス別(未対応/対応中/対応済)
  • 優先度別(高/中/低)
  • 色別(赤/青/緑/黒)

検索機能

コメント本文を検索して、特定の修正指示を素早く見つけられます。

キーボードショートカット

キーボードショートカットを使うことで、マウス操作なしで素早くツールを切り替えられます。

V選択ツール(移動・削除)
R矩形選択ツール
Pピンツール
Fフリーハンドツール
Tテキストツール
Spaceパンモード(画面移動)
Del選択中のアノテーションを削除
Esc選択解除・ダイアログを閉じる

CSVエクスポート

プロジェクト内の全アノテーションとコメントをCSV形式でエクスポートできます。 Excelやスプレッドシートで管理したい場合に便利です。

エディター右上のメニューから「CSVエクスポート」を選択
番号・ステータス・優先度・コメント・ページタイトルなどが含まれます
タスク管理ツールへのインポートや、報告書作成に活用できます

共有機能

作成した修正指示は、リンク一つで誰とでも共有できます。受け取った側はアカウント登録不要で閲覧できます。

共有リンクの発行手順

  1. 1
    エディター右上の「共有」ボタンをクリック
  2. 2
    「共有リンクを発行」をクリック。必要に応じてパスワードを設定可能
  3. 3
    生成されたURLをコピーしてクライアントやチームメンバーに送信

共有ビューでできること

  • アノテーションの閲覧
  • コメントの読み取り
  • ステータスの更新(未対応→対応済など)

共有ビューでできないこと

  • 新しいアノテーションの追加
  • アノテーションの削除・編集
  • プロジェクト設定の変更

チーム機能(組織)

Googleアカウントでログインすると、組織(チーム)を作成してメンバーを招待できます。 組織メンバーはプロジェクトを共同で管理できます。

組織の作成と招待手順

  1. 1
    ヘッダーのメニューから「組織」を選択し、「新しい組織を作成」をクリック
  2. 2
    組織名を入力して作成後、「メンバーを招待」からメールアドレスを入力
  3. 3
    招待メールが送信されます。受け取ったメンバーはリンクからGoogleログインして参加
  4. 4
    プロジェクト作成時に「組織のプロジェクトとして作成」を選択すると、メンバー全員がアクセス可能に

プランと制限

項目ゲスト無料プラン
保存期間14日30日
プロジェクト数無制限※月10件
ページ数/プロジェクト5枚20枚
ファイルアップロード1MB/枚5MB/枚
添付ファイル1MB/枚、1枚/コメント5MB/枚、3枚/コメント
組織・メンバー招待不可5人まで

※ ゲストは保存期間(14日)経過後に自動削除されるため実質的に無制限です

さっそく使ってみましょう

登録不要・完全無料で今すぐ始められます。

今すぐ始める