古写真をスマホのカメラ映像に重ね、同じ場所・同じ構図から「時層写真」を撮影・比較・公開するためのツールです。画像は端末内だけで処理され、サーバーには送られません。
- 読み込む古写真を選びます（複数可・最大10枚）。
- 合わせる「カメラを起動する」を押し、古写真をドラッグで移動、2本指で拡縮・回転して風景に重ねます。
- 撮るシャッターを押すと「合成あり」「カメラのみ」の2枚ができます。撮影後はスライダー比較・仕上げ編集・HTML書き出しへ。
3つのモード
| カメラ | 現地でカメラ映像に古写真を重ねて撮影します。基本のモードです。 |
|---|
| 画像比較 | 撮影済みの2枚（現在の写真／合成写真）を読み込み、スライダー比較・仕上げ編集・HTML書き出しをします。 |
|---|
| 画像合成 | 手持ちの現在写真（静止画）を背景に古写真を重ねて合成します。カメラを使わないので、帰ってから机上で作業できます。 |
|---|
どのモードでも、撮影・合成のあとは同じ流れ（撮影結果 → 時層の重ね合わせ → 仕上げ編集）に進みます。
カメラ画面の操作
| 戻る | カメラを終了して撮影結果へ。撮影結果は保存されます。 |
|---|
| 設定 | 不透明度・拡縮・回転・トリミング（上下左右）、前後カメラの反転、4:3 / 16:9、グリッド、リセット。パネルは下にスワイプするか、外側をタップして閉じます。 |
|---|
| 撮影 | 「合成あり」と「カメラのみ」の2枚を生成します。 |
|---|
| 一時非表示 | 古写真を隠して今の風景だけを確認します。撮影結果には影響しません。 |
|---|
| 1x | ズーム | 0.5x / 1x / 2x とスライダー。対応機種では超広角などレンズも切り替わります。 |
|---|
| 使い方 | この画面を表示します。 |
|---|
古写真の合わせ方
- 1本指ドラッグ：移動
- 2本指ピンチ：拡縮 ／ 2本指をひねる：回転
- 細かい調整は設定パネルのスライダーで。「リセット」で初期位置に戻ります。
- まず建物の輪郭や道路の線など動かないものを合わせ、不透明度を下げて確認するとズレが見つけやすくなります。
撮影後の確認画面では「再撮影」「保存して次の画像」「保存して終了」を選べます。複数枚読み込んだときは、次の古写真に切り替えて続けて撮影できます。
撮影後：保存・比較・仕上げ・HTML書き出し
- 撮影結果：「合成あり」「カメラのみ」の2枚を保存します（iPhoneでは共有シートから「画像を保存」）。撮影地の位置情報（GPS）を画像のEXIFに記録します。
- 時層の重ね合わせ：スライダーで前後を比較します。矢印ボタンでスライドの向き（←→↑↓）を変えられます。
- 仕上げ編集：不透明度の再調整、形状（四角・円・自由）でのトリミング、境界ぼかしで古写真を風景になじませます。「表示」でスライダーに反映、「保存」で合成画像1枚を保存します。
- HTMLを生成：ビフォーアフタースライダーのHTMLを書き出します。Webサイトに載せる場合は画像を別途アップロードし、
src="…" のパスを差し替えてください。「画像をHTMLに埋め込む」をオンにすると単体で開けるHTMLになり、その場で見せたりファイルで送ったりできます（Web掲載には非推奨）。
- 追加撮影／再撮影（リセット）：撮影結果を保持したまま続けて撮影／すべて消してやり直します。
PCでの操作（マウス・キーボード）
| ドラッグ | 古写真の移動 |
|---|
| ホイール | 拡縮（Shift＋ホイールで回転） |
|---|
| ←→↑↓ | 1px 移動（Shift で 10px） |
|---|
| + / - | 拡縮 |
|---|
| [ / ] | 回転 1°（Shift で 10°） |
|---|
PCではWebカメラのほか、「画像合成」モードで手持ちの写真同士を重ねる作業に向いています。
うまくいかないとき・ヒント
- カメラが起動しない：HTTPS のページで開いているか、ブラウザのカメラ許可（端末の設定 → ブラウザ → カメラ）を確認してください。
- 位置情報が記録されない：位置情報の許可を確認してください。許可しなくても撮影はできます。
- 保存先：iPhone は共有シートから「画像を保存」で写真アプリへ。PC はダウンロードフォルダに保存されます。
- ホーム画面に追加：ブラウザの共有メニュー →「ホーム画面に追加」で、アプリのように全画面で使えます。一度開いた後は電波の弱い場所でも起動できます。
- 誤ってページを更新してしまったら：読み込んだ古写真・撮影結果・仕上げ編集・位置合わせは端末内（ブラウザの保存領域）に自動保存されていて、次に開いたときに「前回の続きを復元できます」から戻せます。外部には送信されません。「再撮影（リセット）」「破棄する」のほか、ブラウザのサイトデータを削除しても消えるので、必要な画像はその都度保存してください。