今 · WebRTCでスマホとペアリング 第04号 · 2026 デザインは無料 · 公開は月額€19.99
Screenshotify
ヘルプ · 保存と読み込み

プロジェクトの保存と読み込み。

要点: 自動保存は600 msごとにlocalStorageへ書き込まれます。ページを再読み込みしても作業は保持されます。サインイン済みユーザーはクラウド保存も利用できます。完全な可搬性を確保するにはJSONとしてエクスポートしてください。

3つの保存レイヤー

Screenshotifyは該当する場合、作業を同時に3か所へ保存します。

  • ブラウザのlocalStorage最後の編集から600 msデバウンスされて書き込まれます。ページの再読み込みやブラウザの再起動をまたいで保持されます。このデバイス上のこのブラウザに紐付けられます。
  • クラウド(Supabase)。サインイン済みの場合、同じ自動保存がユーザーIDをキーとしたSupabaseプロジェクトにも書き込まれます。デバイスやブラウザをまたいで使用できます。
  • JSONエクスポート。手動・オンデマンド。ヘッダーの "Save" → "Export as JSON" をクリックすると、リポジトリにコミットしたり、メール送付したり、アーカイブしたりできる単一の.jsonファイルをダウンロードできます。

プロジェクトの読み込み方法

サインイン済みのブラウザでは、開いたときに最新のクラウドプロジェクトが読み込まれます。プロジェクトを切り替えるには、ヘッダーのプロジェクト名をクリック → "Projects" → 選択してください。JSONファイルから読み込む場合は、プロジェクト名をクリック → "Load from JSON" → ファイルを選択してください。

サインインしていない場合は、開いたときにブラウザローカルの最新プロジェクトのみ復元されます。このブラウザ内の以前のプロジェクトにはアクセスできません。プロジェクト履歴にはサインインが必要です。

複数プロジェクトの並行作業

Screenshotifyを複数のブラウザタブで開くと、それぞれが独自の作業状態を持ちます。自動保存はタブごとに実行され、最後の書き込みが有効になります。本格的な並行作業(例:ASOテスト用にバリアントAとバリアントBを並べて作業)には、サインインして2つの別々のクラウドプロジェクトを作成してください。

JSONの実際の内容

プロジェクトJSONに含まれる内容。パネル定義、レイヤー配列、グローバル背景、言語リスト、アクティブ言語、プロジェクト名、自動保存設定、エクスポートフォーマットリスト、そしてアップロードされたスクリーンショットのインラインdata-URLs。スクリーンショット5枚付き5パネルのカルーセルの平均サイズは5~15 MB(スクリーンショットが大半を占めます)。gzipで圧縮すると約30%のサイズになります。

元に戻す・やり直す

セッションごとに500-stepの履歴を保持します。Cmd/Ctrl+Zで元に戻し、Cmd/Ctrl+Shift+Zでやり直しができます。別のプロジェクトを読み込むかページを再読み込みすると履歴はリセットされます(自動保存は現在の状態を保持しますが、履歴は保持されません)。

よくある質問

再読み込みしたらすべて消えました。

ブラウザのlocalStorageは、プライベート/シークレットモードを使用した場合や、ブラウザのストレージ容量を超えた場合にクリアされることがあります(Safariの積極的な7日間ストレージ分離ポリシーがよくある原因です)。クラウド側で復元するにはサインインしてください。長時間のセッション中は定期的にJSONをエクスポートすることをお勧めします。

コラボレーターとプロジェクトを共有できますか。

JSONとしてエクスポートし、Drive / Notion / Slack 経由でファイルを共有してください。相手のエディタにJSONをドロップ → "Load from JSON" で完了です。リアルタイムコラボレーションには現在対応していません。

クラウド同期が任意なのはなぜですか。

サインアップは手間がかかるためです。エディタはアカウントなしで完全に動作します。クラウド同期は必要なユーザーのために存在しており、製品を使うためにアカウント作成を強いることはありません。

エディタを開く →