📷 Photo Log 簡易マニュアル

現場写真+キャプションから A4 のフォトログ (PDF / Word / 画像 ZIP) を作るアプリ

1. このアプリでできること

ブラウザだけで動作する PWA です。iPhone Safari でホーム画面に追加して使うのがおすすめ。

📷 Photo Log v0.9.122 ☀ EN
📅 プロジェクト 0 件
📸 現場写真+キャプションから A4 の Photo Log（PDF / Word）を作るアプリです。
使い方（3ステップ）
1️⃣ ＋新規プロジェクト で日付・現場名・Proctor を入力
2️⃣ 📷撮影 または 🖼選択 で写真を追加 → タップしてキャプション編集
3️⃣ 右上の ⋮ メニューから PDF / Word / 画像で出力
＋ 新規プロジェクト

▲ 起動直後のプロジェクト一覧画面

2. プロジェクトの作成

1

下部の ＋ 新規プロジェクト をタップ

2

次の項目を入力:

  • 日付（必須）
  • 現場名（必須）
  • 場所名（任意）
  • Proctor（任意）
  • メモ（任意）— 現場メモ・申し送り事項。出力には含まれません。🎤 マークから音声入力も可能（対応ブラウザのみ）

日付・現場名・場所名は出力ファイル名と画面上部の識別行に使われます。

3

作成 をタップでプロジェクト作成完了

💡 後から編集したいときは: 一覧画面でプロジェクト行を 長押し、または開いている時は上部バー（日付・現場名）をタップすると編集モーダルが開きます。

3. 写真の追加と編集

プロジェクトを開いたら、画面下部の 📷 撮影 から写真を追加できます。「📋 その他 ▾」 をタップすると、🖼 写真から選択（カメラロールの既存写真）または 📝 写真なしで追加（キャプションだけ先に作成）が選べます。

←
4/29(水) デモ現場 STX-1
Proctor Dg
📎 ⋮
SPECIAL INSPECTION DAILY REPORT (PHOTOS)
▶🏢 外観・観察写真1 枚
▶🗺 図面マッピング
📋 写真一覧3 件
並び順: 撮影順 ▾ 複数選択
🔍 測定位置・Layer・種別で絞り込み
⚠ 未完了 3 件 タップで未完了のみ
☰
📷
EDG Test at NE corner, Layer 1
1 / 3 ・ 写真なし
›
☰
📷
Sand Corn Density Testing at NE corner, Layer 2
2 / 3 ・ 写真なし
›
☰
📷
RI Density Testing at SW area, Layer 1
3 / 3 ・ 写真なし
›

▲ プロジェクトを開いた画面（並び替えコントロール ON 時）

写真の編集

追加した写真をタップすると編集画面が開きます。

← 編集 1 / 3 Layer 1 1/2 ▾
📷
写真なし
📷 撮影 🖼 選択
📋 前のをコピー 📋 前のを Layer +1
EDG Test ▾
NE corner
SW area NE corner
1 ▾
＋ 枝番
キャプション（出力される文字）
EDG Test at NE corner, Layer 1
🔒 ピンを固定 ✕ ピンを削除
（図面プレビュー）
＋ − 100%
タップして位置を設定 ・ 同じ場所・種別のエントリに一括反映

▲ 編集画面: 種別・測定位置・Layer を入力するとキャプションが自動生成される

💡 同じ Layer で何枚も撮影した時: 編集画面の 📋 前のをコピー または 📋 前のを Layer +1 ボタンで、ひとつ前の写真の値を一気にコピー。Layer +1 はレイヤー番号だけ繰り上げて入力します。
💡 同じ場所の他の Layer エントリへ素早く移動: 編集画面右上の Layer N ▾ ピルから、同じ場所の別 Layer エントリにジャンプできます。連続編集の往復が楽になります。
💡 同じ条件の写真が複数あって、ログには 1 枚だけ出したい時: 編集画面の「ログに表示しない」にチェック。チェックした写真は PDF/Word に出ません（写真 ZIP には含まれます）。

4. 外観 / 視察写真

外観/視察セクション（リスト画面の上部）は通常の写真と別管理です。

新規 Appearance 撮影時は、直前に使った場所が自動でプリセットされるので連続撮影が楽です。

5. 図面マッピング（オプション機能）

有効化するには ⚙ 設定で「図面マッピング」を ON。プロジェクト内に図面（フロアプラン等）を登録し、各写真の撮影位置をピンで記録 → 図面 PDF として出力できます。

図面の登録

  1. リスト画面の「🗺 図面マッピング」セクションを展開
  2. ＋ 図面を追加 をタップ
  3. 図面の名前を入力 → 画像（または PDF）ファイルを選択

PDF を選択した場合は1ページ目が自動的に画像化されます。

ピンを置く

写真の編集画面下部にミニ図面が表示されます。図面をタップすると、その位置に赤いピンが置かれます。

💡 ピンを誤って削除しても元に戻せます: ✕ ピンを削除を押すと「元に戻す」ボタン付きトーストが 5 秒間表示されます。タップで完全復元（ラベルのドラッグ位置含めて）。新しいピンを置くなど別の操作をすると Undo は自動で無効化されます。

図面ビューモーダル（「図面を見る」）

「図面を見る」で図面全体を全画面表示。以下の操作ができます:

💡 ピンの分け方を切り替え: モーダル上部の「ピンの分け方」で 場所ごと / レイヤーごと を切替。場所モードは「同じ STX-1 のレイヤー1〜5は同じピン」、レイヤーモードは「STX-1 の各レイヤーが個別のピン」になります。

PDF 出力

PDF出力時に自動修正（モーダル上部のトグル）はデフォルトON。微妙にズレているラベルが行・列に揃って綺麗に出力されます。意図的にピクセル単位で配置したいときだけ OFF にしてください。

⚠ ラベル重なりの自動警告: PDF出力後、ラベルが N 箇所で重なっているときは「⚠ ラベルが N 箇所で重なっています」トーストが表示されます。PDF 自体は保存されるので、内容を確認して必要なら図面ビューで調整 → 再出力してください。
💡 複数の図面を扱う: 「＋ 図面を追加」で何枚でも図面を登録できます。各図面行の ●/○ で切替、編集画面のピル（小さなボタン）でも切替可能です。一括出力 zip には全図面の PDF が含まれます。

6. 出力（PDF / Word / 画像）

画面右上の ⋮ メニューから出力します。

1 ページに最大 6 枚（2 列 × 3 行）の写真が並びます。キャプションは 1〜2 行まで（3 行以上になりそうな場合は自動でフォントが小さくなります）。
💡 並び順は出力にも反映されます: 写真一覧の並び順（撮影順 / Layer / 種別 / 測定位置）が、プレビュー / PDF / Word / 画像 ZIP すべてに反映されます。

7. ちょっと便利な機能

並び替え・複数選択

検索・フィルタ

表示・操作

8. 困ったときは

写真がアップロードできない (Safari)

iPhone のカメラは HEIC 形式で保存することがあります。アプリは HEIC に対応していますが、まだ問題が出る場合:

ストレージが満杯のエラー

写真は IndexedDB に保存され、ブラウザの容量を消費します。古いプロジェクトを 📦 一括出力 で zip 保存してから削除すると容量が空きます。⚙ 設定の「💾 ストレージ使用量」で現在の使用量とプロジェクト数・写真枚数が確認できます。

図面 PDF でラベルが重なる

同じ場所が複数の図面に出てくる

例: 1階と全体図の両方に STX-1 を表示したい場合、現状は 同じエントリのラベル位置はプラン間で共有されています。プランごとに別々のラベル位置を保存する機能は今後の検討課題です。

9. ⚠ 注意事項（データ保存について）

このアプリは サーバーにデータを送りません。プロジェクト・写真・図面はすべて、お使いのブラウザの内部ストレージ（IndexedDB / localStorage）に保存されます。 そのため、以下の操作で データが消える可能性 があります。十分にご注意ください。

🚨 これをやるとデータが全部消えます
  • ブラウザのキャッシュ / 閲覧データを削除（Safari「履歴と Web サイトデータを消去」など）
  • 「Web サイトデータを削除」系のクリーナーアプリを使う
  • ブラウザの再インストール / 端末の初期化
  • シークレットモード / プライベートブラウズ で使う（タブを閉じた瞬間にデータが消えます）

大事な作業の前後にやるべきこと

  1. 長期保存したいプロジェクトは、必ず 📦 一括出力 で .zip を端末に保存（写真本体・PDF・Word・全図面 PDF が入ります）
  2. 作業途中でも、こまめに 📄 PDF出力 や 🖼 画像出力 をして、ローカル / クラウドにバックアップ
  3. 古いプロジェクトはストレージを圧迫するので、出力 zip を保存してから削除

こんな使い方は避けてください

機種変更・引き継ぎ

その他の注意