写真管理 操作マニュアル

写真管理モジュールは、現場で撮影した写真を工種・日付ごとに整理・保管するアプリです。PC・スマートフォンの両方から利用できます。

ログイン方法

1. ブラウザで koji-cloud.gayosi.com/photo/ を開く
2. メールアドレスとパスワードを入力
3. 「ログイン」ボタンをクリック

ログアウト

画面右上のアカウントアイコンをタップ → 「ログアウト」を選択します。

写真は「案件（プロジェクト）」単位で管理されます。まず案件を作成してから写真をアップロードします。

案件の作成

1. PC：左サイドバーの「案件一覧」右上の「＋」ボタンをクリック
   スマホ：画面上部のセレクトボックス右の「＋」ボタンをタップ
2. モーダルで案件名・アイコン・工事場所・発注者・工期・メモを入力
3. 「保存」をタップして完了

案件の切り替え

PC：左サイドバーの案件一覧から目的の案件を選択します。スマホ：画面上部のセレクトボックスから選択します。

案件の編集・削除

案件名の横の ✏️ ボタンをタップすると編集モーダルが開きます。モーダル下部の「🗑 この案件を削除」から削除できます。

基本的な手順（1枚ずつ・行単位）

1. ツールバーの「＋ 行を追加」ボタンをクリック → 新しい写真行が追加される
2. 行の写真エリア（点線枠）にファイルをドロップ、またはエリアをクリックしてファイルを選択
3. 行右側（PC）で工種・撮影日・場所・備考を編集
4. ツールバーの「💾 保存」ボタンをクリックして確定

複数枚の一括追加（画面へのドラッグ＆ドロップ）

写真帳エリア全体に複数の画像ファイルをまとめてドロップすると、1ファイルにつき1行が自動作成されます。大量の写真を素早く登録する際に便利です。

1行に複数枚追加（最大30枚）

既存行の写真エリアに追加でファイルをドロップ、またはサムネイル横の「＋ 追加」をクリックすると、同じ行に写真を追加できます（1行最大30枚）。複数枚のうちメインに表示する写真はサムネイルの「⭐ メイン」ボタンで変更できます。

メイン画面では写真が工種・日付ごとにグループ化されて一覧表示されます。

写真行の見方

• 左側：メイン画像（大）
• 右側：追加画像のサムネイル（複数枚の場合）
• 下部テキスト：工種・撮影日・メモ

フィルター・並び順

画面上部のフィルターバーで表示する写真を絞り込めます。

• 工種ドロップダウンで工種を選択 → その工種の写真だけを表示（1種類のみ選択可）
• 月ドロップダウンで特定の月の写真を絞り込み
• 並び順ドロップダウン（手動 / 日付：新しい順 / 日付：古い順）で表示順を変更
• 「✕ リセット」ボタンでフィルターをすべて解除

ツールバーの 🖼️ ギャラリー ボタンを押すと、写真1枚1枚がサムネイルとして一覧表示されるギャラリービューに切り替わります。

ギャラリービューでできること

• 日付フィルター：特定の日付の写真だけを表示
• チェックボックス選択：ZIPダウンロードする写真を選択
• タップ：写真の全画面表示（ライトボックス）を開く

📐 バッジについて

サムネイルの左上に 📐 バッジが表示されている写真は、図面管理の図面ピンに紐付けられています。タップしてライトボックスを開くと、関連する図面の情報が確認できます。

写真をタップすると全画面で拡大表示されます。

操作方法

• 左右スワイプ（スマートフォン）：同じグループ内の前後の写真へ移動
• ← → ボタン（PC）：前後の写真へ移動
• ✕ ボタン：全画面表示を閉じる
• 背景タップ：全画面表示を閉じる

関連図面ピンの確認

図面管理アプリのピンに紐付けられた写真の場合、画面下部に「📐 関連図面ピン」パネルが自動表示されます。

• 紐付き図面名とピン名が一覧表示される
• 「図面を開く」ボタンをタップすると図面ビューワーへ直接移動（別タブで開く）
• 1枚の写真が複数の図面・複数のピンに紐付いている場合はすべて表示

ZIP一括ダウンロード

1. ツールバーの 🖼️ ギャラリー ボタンでギャラリービューに切り替え
2. ダウンロードしたい写真のチェックボックスにチェックを入れる
3. 「⬇️ ダウンロード（N枚）」ボタンをタップ
4. 進捗バーが表示され、完了するとZIPファイルが自動でダウンロードされる

情報の編集（PC）

写真行の右側にある各フィールドで直接インライン編集できます。

• 工種：プルダウンから選択（設定済みの工種リストから選ぶ。新規工種は「⚙ 設定」画面で追加）
• 撮影日：日付ピッカーから選択
• 場所・備考：自由テキスト入力
• 日付横の 📅 ボタン：その日の工程表を別タブで表示

編集後はツールバーの「💾 保存」ボタンをクリックして確定します。

情報の編集（スマホ）

写真行下部の「✏️ 編集」ボタンをタップすると編集シートが開きます。工種・日付・場所・備考を編集後「💾 保存して閉じる」をタップします。

写真の削除

• PC：行にホバーすると右端に現れる 🗑 ボタンをクリック → 確認後削除
• スマホ：編集シート下部の「🗑 この行を削除」をタップ
• 行内の特定の1枚だけ削除：サムネイル右上の「×」をクリック

行の並び替え

各行の左端にある ⠿ ハンドルをドラッグすると、行の順番を自由に入れ替えられます。並び替え後は「💾 保存」で確定します。

📄 PDF出力

ツールバーの「📄 PDF出力」ボタンをクリックすると、グループ化の方法を選択して工事写真帳をPDFとして出力できます。

• グループなし：写真を順番に並べて出力
• 月別：撮影月ごとにグループ化
• 工種別：工種ごとにグループ化

🔗 共有URL

ツールバーの「🔗 共有URL」ボタンをクリックすると、現在の案件の閲覧専用URLがクリップボードにコピーされます。URLを共有することでアカウントを持たない相手にも写真を閲覧してもらえます（閲覧のみ・編集不可）。

📅 工程表との連携

工程表アプリの日付メモ画面にある「📷 この日の写真を見る」ボタンをクリックすると、写真管理アプリが自動的に該当日の写真に絞り込んで開きます。また、写真行の日付横の 📅 ボタンをクリックするとその日の工程表を別タブで開けます。

図面管理モジュールで図面上にピンを打ち、写真を紐付けると、写真アプリ側からも確認できます。

紐付き写真の見分け方

• ギャラリービューで 📐 バッジが表示されている写真が紐付き済み
• その写真をタップしてライトボックスを開くと、画面下部に関連ピンのパネルが表示される

図面アプリへのジャンプ

ライトボックスの「📐 関連図面ピン」パネルにある「図面を開く」ボタンをタップすると、該当する図面のビューワーが別タブで開きます。