まちがい工房 操作マニュアル

1. 概要

まちがい工房は、手持ちの写真や絵を読み込み、右側の絵に「まちがい（違い）」を加えて、間違い探しの問題用紙と答えの用紙をつくるアプリです。

• 色を変える・消す・反転・複製・ペン・スタンプ・文字の書き換え・印を消す、の8つの道具で違いをつくれます。
• 「おまかせで追加」を押すと、アプリが自然に見える違いを自動でつくります。
• つくった違いは一覧に番号つきで並び、難しさの目安も表示されます。
• 問題と答えを画像（PNG）で保存したり、A4 で印刷したりできます。続きを編集するための作業ファイルも保存できます。

2. 対象者

• 写真や絵から間違い探しの問題をつくりたい人
• 現場写真（配線のラベル、ネジの合いマークなど）を使って、確認・点検の練習用の教材をつくる担当者
• 問題用紙を印刷して配る人（なまえ・日付欄つきの用紙を出せます）

パソコンのブラウザでの利用を想定しています。スマートフォンやタブレットでも表示できますが、四角で囲む操作や細かい調整はマウスのほうが楽です。

3. 画面の見方

4. 基本の流れ

1. 画像を開く で写真や絵を選びます（練習なら サンプルの絵）。
2. 道具を選び、右の絵をクリックしたり四角で囲んだりして違いをつくります。または おまかせで追加 を押します。
3. 「まちがい」欄で数と難しさを確認し、不要なものは × で削除します。
4. 「保存・印刷」欄でタイトル（問題用紙に入ります）を入力します。
5. 問題を画像で保存 答えを画像で保存、または 印刷する で用紙を出します。
6. あとで続きをつくるときのために 作業ファイルを保存 しておきます。

5. 画像を開く・回す

画像を開く

• 画像を開く を押してファイルを選びます。
• 画像ファイルを画面にドラッグ＆ドロップしても開けます。
• コピーした画像を、画面上で Ctrl＋V（Mac は ⌘＋V）で貼り付けても開けます。
• 大きな画像は、長い辺が 960 ピクセルになるよう縮小して扱います。

画像を回す

• ↺90° ↻90° で 90 度ずつ回します。
• 「回転」のスライダーで −45〜45 度の傾きを細かく直せます（手を離すと反映）。傾けた場合は、余白が出ないよう内側の長方形で切り取られます。
• 回すと、それまでにつくった違いは消えます。先に向きを整えてから違いをつくってください。

6. 道具の使い方

操作はすべて右の「まちがいの絵」で行います。1回の操作が1か所の違いとして数えられます。

やり直し・答えの表示

• 1つ戻す（または Ctrl＋Z）で直前の違いを取り消します。
• 答えを表示 のチェックを外すと、右の絵の番号つきの枠が消え、仕上がりを確認できます。
• ほかの違いと重なると注意が表示されます。答え合わせで区別しにくくなるため、離して配置するのがおすすめです。

7. 文字を書き換える（文字の道具）

ラベルなどに印字された文字列の一部を変えて違いをつくります（例：ZD14 → ZD11）。

1. 道具バーで 文字 を選び、書き換えたい文字列をまるごと四角で囲みます。
2. アプリが印字を読み取り、「新しい文字」の入力欄に入れます。読み取り候補が複数あるときはボタンで表示されるので、正しいほうを押します。
3. 入力欄で、変えたい文字だけを書き換えます。印字に重ねたプレビューが右の絵に表示されます。
4. よければ 書き換える（または Enter）で確定します。やめるときは やめる（または Esc）。

うまく合わないとき

• 読み取りが違う：↻ 再読み込み、または切り抜き画像の向きボタンで向きを直して この向きで読み直す。
• 手で直したい：✎ 手書きで直す を開き、違っているマスに正しい文字を書くか、マスを選んでキー（画面のボタンまたはキーボード）で入力します。
• 向き・大きさ・位置：「向き」「大きさ」「横幅」「文字間隔」「位置」（矢印ボタンまたは矢印キー、Shift で5ずつ）で合わせます。
• 書き直す文字の選択：「書き直す文字」のボタンで、文字ごとに書き直す／そのままを切り替えられます。
• 見た目：「色」「太さ」「フォント」「にじみ」で印字に近づけます。
• 文字を消すだけ：文字を消すだけ で囲んだ範囲の印字を消します。
• 「読み取り表示」で、読み取った文字を絵の上のどこに出すか（枠の外／枠の中／表示しない）を選べます。

読み取りは英大文字・数字・一部の記号（- / ( ) [ ] . : + # _ *）に対応しています。初回は文字認識エンジンの準備に数秒〜数十秒かかります。

8. まちがいの一覧・おまかせ追加

• 一覧の各行にマウスを重ねると、その違いの場所が右の絵で強調されます。虫めがねボタンで場所を点滅表示、× で削除します。
• 各行に「目立つ／ふつう／見つけにくい」、欄の上に全体の「難しさの目安」（やさしい／ふつう／むずかしい）が出ます。変わった面積と色の差から判定した目安です。
• おまかせで追加：数（3／5／7か所）と違いの大きさ（さりげなく／ふつう／はっきり）を選んで押すと、自動で違いを追加します。写真に印字ラベルや色の印があれば、それも候補になります。自然に変えられる場所が足りないときは、指定より少なくなります。
• 全部消す：確認のあと、すべての違いを消します。

9. 保存・印刷

違いが1か所もないうちは、問題を画像で保存 答えを画像で保存 印刷する は押せません。

10. キー操作

11. 注意事項

• 画像の加工はブラウザの中で行います。ただし、文字の道具（読み取り）と印刷用 PDF の作成では、初回に外部の配信サーバーから部品（プログラム）を読み込むため、インターネット接続が必要です。
• 次の操作をすると、いまの違いは消えます（確認が表示されます）：新しい画像を開く、サンプルの絵を開く、画像を回す、作業ファイルを開く、全部消す。
• 自動の加工（消す・おまかせ追加・文字の読み取りなど）は、画像によっては不自然になったり、読み取りを誤ったりします。仕上がりは必ず目で確認し、答えの用紙と照らし合わせてから配布してください。
• 「難しさの目安」は機械的な判定です。実際の難しさとは異なる場合があります。
• 他人が権利を持つ写真・イラストを使う場合は、利用してよいものか確認してください。

12. 困ったとき