WEB 写真報告書アプリ AP1.0

操作ガイド

株式会社 えびす建築研究所

目次「WEB 写真報告書アプリ」とは ............................................................................................................... i
操作フロー ..................................................................................................................................................... ii
1.

前準備 ..................................................................................................................................................... 1
1.1.

報告書用のデータを整理する ..................................................................................................... 1

1.2.

写真の編集を行う ......................................................................................................................... 11.3.

平面図の編集を行う ..................................................................................................................... 12.

専用 URL の生成 .................................................................................................................................. 23.

本アプリの起動 ..................................................................................................................................... 44.

データの入力・保存 ............................................................................................................................. 5
4.1.

基本情報の入力 ............................................................................................................................. 54.2.

平面図の登録 ................................................................................................................................. 54.3.

写真の登録 ..................................................................................................................................... 94.4.

総合所見の入力 ........................................................................................................................... 115.

報告書の PDF 印刷 ............................................................................................................................. 12

6.

報告書の編集・修正 ........................................................................................................................... 15

付録 1.

写真の形状の調整例 ............................................................................................................... 17

付録 2.

平面図の編集例 ....................................................................................................................... 19

付録 3.

報告書のサンプル ................................................................................................................... 24

「WEB 写真報告書アプリ」とは「WEB 写真報告書アプリ」（以下，本アプリという）は，Web ブラウザを利用して診断時の現場写真報告書および改修時の工事写真報告書を作成するアプリケーションで，「達人診断プロジェクト」の正規ユーザー様向け無償アプリとして開発されたものです。
これまでは主に文書作成ソフトや表計算ソフトで行われていた面倒な作業を Web ブラウザ上で行い，以下に示すような構成の写真報告書を作成できます。

表紙：物件名，調査日時，調査担当者

各階平面図

調査写真，写真タイトル，コメント

総合所見i

操作フロー
前準備 （本マニュアル 1ページ）

1.

報告書に用いるデータを1つのフォルダにまとめ，平面図と写真を編集します。

専用URLの生成 （本マニュアル 2 - 3ページ）

2.

達人診断プロジェクトのマイページにログインし，専用URL（報告書を作成するWebページのアドレス）を取得します。

本アプリの起動 （本マニュアル 4ページ）

3.

専用URLをクリックして本アプリを起動します。

4.1.

基本情報の入力 （本マニュアル 5ページ）

以下の基本情報を入力します。
• 物件名，物件名の副題• 調査日時，調査担当者• 調査写真の表紙に記載するコメント

4.2.

平面図の登録 （本マニュアル 5 - 8ページ）

建物平面図をアップロードし，説明を入力します。

4.3.

写真の登録 （本マニュアル 9 - 10ページ）

建物の現況写真または工事写真をアップロードし，タイトルと説明を入力します。

4.4.

総合所見の入力 （本マニュアル 11ページ）

建物の総合所見等を入力します。

5.

報告書のPDF印刷 （本マニュアル 12 - 14ページ）
報告書をPDF印刷します。

6.

報告書の編集・修正 （本マニュアル 15ページ）
レイアウト等を確認し，必要があればデータの編集や修正を行い再度PDF印刷します。

本アプリは Microsoft Edge および Google Chrome を推奨ブラウザとしています。
Mozzila Firefox や Safari 等，その他の Web ブラウザをお使いの場合は，報告書のレイアウトが崩れる場合があります。

ii

1.

前準備

1.1.

報告書用のデータを整理する

データ管理のため，下図に示すように，Web ブラウザにアップロードするデータをフォルダにまとめます。データをまとめるフォルダは各自で作成しておいてください。

ユーザーのパソコン対象建物の作業フォルダ
達人診断の建物データ

「診断書」
フォルダ

現況診断 写真報告書フォルダ

1.2.

補強設計 写真報告書フォルダ

現況診断時の写真データ（JPG画像等）

補強工事の写真データ（JPG画像等）

現況診断の平面図データ（PNGまたはJPG画像）

補強設計の平面図データ（PNGまたはJPG画像）

総合所見等の文書データ（テキストファイル等）

総合所見等の文書データ（テキストファイル等）

写真の編集を行う

写真の形状が縦長または横長である場合，それらがアプリ上で正しく表示されない場合がある
ので，写真をトリミングして形を調整します。調整方法の一例を付録 1 に掲載しているので，必要に応じてご参照ください。

1.3.

平面図の編集を行う

写真と平面図との対応関係を明示するため，平面図に写真番号等を書き入れるなどの編集を行います。編集方法の一例を付録 2 に掲載しているので，必要に応じてご参照ください。
本アプリでは，画像のトリミングや画像への文字入れなどの画像編集を行うことはできません。写真および平面図の編集は，アップロード前に別のアプリで行う必要があります。

12.

専用 URL の生成
本アプリの専用 URL（報告書を作成する Web ページのアドレス）は，以下の手順 1‐手順 3 により生成されます。
手順1.

達人診断プロジェクトの Web ページにアクセスし，マイページにログインします。
［会員登録／ログイン］ボタンをクリック

登録されているメールアドレスとパスワードを入力し，［ログイン］ボタンをクリック

手順2.

［Web 報告書作成］ボタンをクリックします。
［Web 報告書作成］ボタンをクリック

有効なライセンスが存在しない場合は，マイページにログインしても［Web 報告書作成］ボタンは現れず，本アプリを利用した報告書の作成はできません。

2手順3.

『Web 報告書』ページの［報告書を作成］ボタンをクリックし，本アプリの専用 URL を生成します。
利用規約を確認のうえ，［報告書を作成］ボタンをクリック「専用 URL」が生成された

1． 登録されているメールアドレスには，「【達人診断】Web 写真報告書 URL について」という件名のメールが届きます。本アプリを（再）起動するために必要となるので，本メールは捨てないでください。

専用 URL2． 上記のメールが届かない場合は，ドメイン指定受信設定やメールの件名による受信拒否設定などをご確認のうえ，ドメイン名が“ebi-ken.co.jp”のメールを受け取れるように設定し，再度本節の手順 1‐手順 3 を行ってください。

33.

本アプリの起動
本アプリの専用 URL をクリックすると本アプリが起動します。
Web ブラウザ，またはメールに記載の専用 URL をクリック

Web ブラウザが立ち上がり，本アプリの入力フォームを表示する

1． URL の有効期間は 1 週間です。有効期間内であれば，URL をクリックして何度でも本アプリを起動できます。
2． 上記の有効期間を過ぎた場合は，再度専用 URL を生成して本アプリを起動してく。なお，期限切れの URL 内のデータを新しださい（⇒ 「2. 専用 URL の生成」）
い URL に引き継ぐことはできません。再度データをアップロードする必要があります。

44.

データの入力・保存

4.1.

基本情報の入力

物件名や調査日時などの情報は，『基本情報入力』ページに入力して保存します。保存が終わったら平面図の登録に進みます。
基本情報を入力［保存］ボタンをクリックして入力したデータを保存［次へ］ボタンをクリックして平面図の登録へ進む［保存］ボタンをクリックせずに次のページへ移動した場合やページを更新した場
合，入力した情報はクリアされます。

4.2.

平面図の登録建物の平面図は『平面図 登録』ページにて，以下の手順 1‐手順 6 により登録します。
手順1.

［ファイルの選択］ボタンをクリックします。
［ファイルの選択］ボタンをクリック

5

手順2.

平面図を選択して［開く］ボタンをクリックします。
平面図を選択する。キーボードの[Ctrl]
キーを押しながらクリックすると，複数の画像を一度に選択可能［開く］ボタンをクリック

手順3.

画像をアップロードします。
［アップロード］ボタンが現れるので，クリックして画像をアップロードする

1． アップロードできるファイル形式は“JPG”や“PNG”などに限られます。アップロードできないファイルは「開く」ダイアログボックスには表示されません。
2． ファイル容量の合計が 10 MB を超えている場合，それらはアップロードできません。なお，特にエラーメッセージ等は表示されません。そのような場合は複数回に分けて画像をアップロードするか，画像のファイルサイズを小さくするなどして，1 回当たりのファイル容量の合計が 10 MB を超えないようにしてください。

6

手順4.

平面図に対する説明文を入力して保存します。
『説明』欄に平面図の説明文を入力［更新］ボタンをクリックして説明文を保存
手順5.

（必要に応じて）平面図の並び順を変更して保存します。
赤枠内をドラッグ＆ドロップすると，アップロードした平面図の並び順を変更できる［並び順を保存］ボタンをクリックして，変更後の並び順を保存する

1． 説明の保存は画像ファイルごとに［更新］ボタンをクリックすることで行います。
複数の画像ファイルの説明を一度に保存することはできません。
［更新］ボタンの対象となっている説明のみが保存されます。
2． 報告書において，『説明』に入力した文章の表示可能文字数には上限があります。
例えば用紙サイズが「A4」，拡大・縮小倍率が「160 %」，余白が「規定値」の場合，上限は全角 36 文字となっています。上限を超えた部分は報告書には表示されない
ので，その場合は報告書内に収まるように文章を編集してください。

7

手順6.

（必要に応じて）平面図を削除します。
『削除』にチェックを入れる［更新］ボタンをクリック

該当のファイルが削除される

平面図の登録を終えたら写真の登録に進みます。

［次へ］ボタンをクリックすると，写真の登録へ進む［戻る］ボタンをクリックすると，基本情報の入力に戻れる［並び順を保存］ボタンをクリックせずに次のページへ移動した場合やページを更新した場合，並び替えはキャンセルされます。

8

4.3.

写真の登録

写真は『写真 登録』ページにて，以下の手順 1‐手順 6 により登録します。
手順1.

［ファイルの選択］ボタンをクリックします。
［ファイルの選択］ボタンをクリック

手順2.

写真を選択して［開く］ボタンをクリックします。
写真を選択する。キーボードの[Ctrl]キーを押しながらクリックすると，複数の写真を一度に選択可能［開く］ボタンをクリック

手順3.

写真をアップロードします。
［アップロード］ボタンが現れるので，クリックして写真をアップロードする

1． アップロードできるファイル形式は“JPG”や“PNG”などに限られます。アップロードできないファイルは「開く」ダイアログボックスには表示されません。
2． ファイル容量の合計が 10 MB を超えている場合，それらはアップロードできません。なお，特にエラーメッセージ等は表示されません。そのような場合は複数回に分けて写真をアップロードするか，写真のファイルサイズを小さくするなどして，1 回当たりのファイル容量の合計が 10 MB を超えないようにしてください。
9

手順4.

写真に対する説明文を保存します。
以下の情報を入力する。
『説明 1』：写真のタイトル『説明 2』：写真へのコメント［更新］ボタンをクリック
手順5.

（必要に応じて）写真の並び順を変更します。その方法は平面図の場合と同様です（⇒「4.2 平面図の登録」の手順 5）。

手順6.

（必要に応じて）写真を削除します。その方法は平面図の場合と同様です（⇒ 「4.2 平面図の登録」の手順 6）。

写真の登録を終えたら，総合所見の入力に進みます。

［次へ］ボタンをクリックすると，総合所見等の入力へ進む［戻る］ボタンをクリックすると，平面図の登録に戻れる

1． 説明 1，説明 2 の保存は写真ごとに［更新］ボタンをクリックして行います。複数の写真の説明をまとめて保存することはできません（［更新］ボタンの対象となっている説明のみが保存されます）。
『説明 1』，『説明 2』に入力した文章の 1 行当たりの表示可能文字
2． 報告書において，数には上限があります。例えば用紙サイズが「A4」，拡大・縮小倍率が「160 %」，余白が「規定値」の場合，上限は全角 19 文字となっています。上限を超えた部分は改行表示されますが，アップロードした画像のサイズによっては写真が文字に重なるなど，レイアウトが崩れる場合があります。
3． ［並び順を保存］ボタンをクリックせずに次のページへ移動した場合やページを更新した場合，並び替え・削除操作はキャンセルされます。

10

4.4.

総合所見の入力

建物の総合所見等は『総合所見』ページで入力して保存します。保存が終わったら報告書の印刷に進みます。
『総合所見』に総合所見や詳細等を入力する［保存］ボタンをクリックして，入力した内容を保存［戻る］ボタンをクリックすると，写真の登録に戻れる

1． 「3. 本アプリの起動」で述べた通り，有効期間切れの URL 内のデータを新しいURL に引き継ぐことはできません。総合所見は文書データとして（⇒ 「1.1. 報告書用のデータを整理する」）内に保存し，いつでも再現できるようにしておいてください。
2． 報告書において，『総合所見』に入力した文章の 1 行当たりの表示可能文字数には上限があります。例えば用紙サイズが「A4」，拡大・縮小倍率が「160 %」，余白が「規定値」の場合，上限は 1 行当たり全角 37 文字となっています。
『総合所見』に入力した文章は報告書内では自動改行されず，上限を超えた部分は報告書には表示されないので，複数行に渡る文章を入力したい場合は欄内で文章を適宜改行してください。
3． ［保存］ボタンをクリックせずにページを更新した場合や別のページへ移動した場合，入力した情報はクリアされます。

11

5.

報告書の PDF 印刷
報告書は以下の手順 1‐手順 4 により PDF 印刷します。

手順1.

［報告書作成］ボタンをクリックします。
［報告書作成］ボタンをクリック

手順2.

Web ブラウザ上に報告書が表示されるので，これを印刷します。

［設定など］をクリック表示されるリストの「印刷」をクリッ
ク

ここでは Microsoft Edge を用い，現況写真報告書を PDF 出力する場合を例として取り上げています。ブラウザによっては詳細が異なる場合がございます。

12

手順3.

印刷プレビューでレイアウト等を確認した後に，プリンターのリストから“Microsoft Printto PDF”を選択します。用紙サイズや文字サイズ等を設定してください。
プレビューでレイアウト等を確認

プリンターのリストから，“Microsoft Print to PDF”を選択

レイアウト（縦長／横長），ページ（印刷範囲），カラー／白黒を設定

必要に応じて「その他の設定」をクリック（次ページ参照）
手順4.

［印刷］ボタンをクリックして印刷結果を保存すると，ブラウザ上の報告書が PDF として印刷されます。
［印刷］ボタンをクリック

PDF を保存する場所を選択

適当なファイル名を入力［保存］ボタンをクリック

13その他の設定一覧

以下の項目を設定できる：
用紙サイズ

拡大／縮小 (%)：文章・画像の拡大率を設定



シートごとのページ数：用紙 1 枚当たりのページ数を設定



余白：用紙の余白の大きさを設定

オプション

ヘッダーとフッター：ヘッダーとフッターの表示／非表示の切り替え

背景のグラフィックス：Web ページの背景画像を印刷に含めるか，含めないかを切り替え（本アプリには背景画像はないので，この項目は印刷結果には影響しない）

14

6.

報告書の編集・修正作成した報告書の編集・修正は本アプリ上で，以下の手順 1‐手順 4 で行います（印刷した PDFを編集する機能は提供していません）。
手順1.

Web ブラウザ上に報告書を表示している場合は，Web ブラウザの「戻る」をクリックします。本アプリを起動していない（Web ブラウザを閉じている）場合は，当該報告書のURL をクリックして本アプリを起動します（⇒ 「3. 本アプリの起動」）。
Web ブラウザに報告書を表示している場合は「戻る」をクリック

手順2.

編集・修正したい情報があるページまで「戻る」ボタンで戻るか，「進む」ボタンで進みます。

手順3.

データ等の編集・修正を行います（⇒ 「4. データの入力・保存」）。編集・修正後はデータ等の保存・更新を忘れずに行ってください。

手順4.

報告書を再度印刷します（⇒ 「5. 報告書の PDF 印刷」）
。

15

16

付録 1. 写真の形状の調整例
ここでは一例として，Windows に標準で備わっている「フォト」を用いた写真のトリミング方法を紹介します。
手順1

トリミングしたい画像ファイルを開きます。
トリミングしたい画像ファイルをダブルクリック「フォト」が起動して画像が開く［トリミング］

手順2［トリミング］をクリックして切り取る領域を設定します。
四隅の○をドラッグして切り取る領域を設定

白枠内側が残る領域

白枠外側のグレー部が切り取られる
領域

縦長の写真

17

縦長の場合と同様，四隅の○をドラッグして切り取る領域を設定

横長の写真

手順3

［コピーを保存］をクリックし，現況診断 写真報告書フォルダまたは補強設計 写真報

告書フォルダにデータを保存します。
［コピーを保存］をクリック

現況診断 写真報告書フォルダまたは補強設計 写真報告書フォルダを保存先に設定（⇒ 「1.1 報告書用のデータを整理する」）

元データと区別がつくよう，適当な名前を付ける［保存］ボタンをクリック

18

付録 2. 平面図の編集例
ここでは一例として，T.S.の CAD 入力画面と，Windows に標準で備わっている「ペイント」を用いた平面図の編集方法を紹介します。
本アプリは T.S.と直接の関係はありません。ここでは平面図データの作成例として，T.S.の CAD 画面をキャプチャする方法を紹介していますが，T.S.を操作して本アプリ用の平面図データを作成することはできません。

手順1

モニタに表示されている内容を画像として保存します。
PC 画面の最前面に，T.S.の CAD 画面を表示させる[Alt]キーを押しながら，[Print Screen]キー（[Prt Sc]キー）を押す（ノート PCの場合，機種によっては[Fn]キーと[Alt]キーを押しながら[Prt Sc]キーを押下する必要あり）

19

手順2

Windows アクセサリの「ペイント」を起動します。
スタートボタンをクリック

Windows アクセサリをクリック展開されたリストの「ペイント」をクリック

ペイントが起動する

描画領域

20

手順3

保存した画像をペイントに貼り付けます。
「ホーム」タブ［貼り付け］ボタンをクリック

描画領域に，手順 1 で保存した画像が貼り付けられる

手順4

画像をトリミングします。
［選択］ボタンをクリック

マウスをドラッグして，切り出したい領域を選択［トリミング］ボタンをクリック：選択した領域がクリップボードに切り出される

21

手順5

画像にテキストを入力します。
［テキスト］ボタンをクリック

画像上のテキストを入力したい場所
をクリック「色 1」をクリックし，右側のカラーパレットから色を選択すると，入力する文字色を変更できる挿入されたテキストボックスにテキストを入力※ 入力したテキストを削除したい場合は，［元に戻す］ボタンまたはキーボードのショートカット[Ctrl] + [Z]により，入力前の状態に戻してください。

手順6（必要に応じて）直線を描画します。

［直線］ボタンをクリック

マウスをドラッグして直線を描画

22

手順7

画像に名前を付けて，PNG 画像または JPEG 画像として保存します。
「ファイル」タブ⇒「名前を付けて保存」の右黒三角⇒「PNG 画像」または「JGEP 画像」の順にクリック

現況診断 写真報告書フォルダまたは補強設計 写真報告書フォルダを保存先に設定（⇒ 「1.1 報告書用のデータを整理する」）

画像に適当な名前を付ける［保存］ボタンをクリック

23

付録 3. 報告書のサンプル
次ページ以降に写真報告書のサンプルを示します。必要に応じて，報告書作成時に参照してください。

24サンプル邸現況写真報告書
調査日時： 2022年2月22日
調査担当： 恵比寿太郎

平面図

1階平面図

2階平面図

調査写真
現況調査写真を次ページ以降に示す。

調査結果

説明1：タイトル①南東面外観説明2：コメント

全体的に健全と見られる②西面外観③西面外観下屋部

目地切れ等はない

亀裂等なく健全である④北面下屋部外観⑤南面基礎

特に劣化等はない

軽微なひび割れあり

⑥1階和室 その1⑦1階和室 その2

水シミ，剥離等なく床面も健全

特に劣化は見られない⑧下屋部台所⑨2階和室

目地の亀裂やタイル割れなどなく健全

内壁，床面共に健全

総合所見
本建物は築50年を超える旧耐震の建物であるが，内外壁共に留意すべき劣化事象は見受けられず，内部も健全であるものと考えられる。
建築年を考えると基礎は無筋コンクリートである可能性が高いので，シェルターの施行に当たっては基礎補強が必須と考えられる。
1階梁間方向の壁量が少ないため，本方向についてはシェルターの施工と共に面材耐力壁の設置も必須である。

Web 現場写真報告書システム
2022 年 6 月 14 日

初操作ガイド版

yyyy 年 mm 月 dd 日 第 2 版
編集

株式会社えびす建築研究所〒135-0024 東京都江東区清澄 2-14-8
E-mailtatujinCS@ebi-ken.co.jp

Tel03-5809-8336○c 株式会社えびす建築研究所