プロジェクトの保存と読み込み。
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" で完了です。リアルタイムコラボレーションには現在対応していません。
クラウド同期が任意なのはなぜですか。
サインアップは手間がかかるためです。エディタはアカウントなしで完全に動作します。クラウド同期は必要なユーザーのために存在しており、製品を使うためにアカウント作成を強いることはありません。