Zenn の下書きデータを LocalStorage から復旧する

初稿: 2023-05-04
小松弘幸 (@komatsuh)

Zenn で記事を書いている途中で、しばらく席を外していたら、PC が自動更新のために再起動をして、ブラウザが強制終了をしたため、Zenn の下書きデータが消えてしまいました。こういうことってあるんですね。

下書きページを再度開くと 404 エラーになりました。

現実はきびしいですけれど、404 ねこちゃんはかわいいですね。

しかし Zenn ではブラウザを正常終了した場合などには、LocalStorage に保存された下書きデータから作業が再開できます。そこで今回のケースでも LocalStorage にデータが残っていることを期待して復旧を試みます。

結果、以下の手順で復旧できました。

1. zenn.dev を開く
2. ブラウザの Developer Tools を開く
3. 上部の Application タブを開く
4. 左部の Storage > Local Storage > https://zenn.dev/ を選択する
5. 中央の Key-Value テーブルの autosave-article-XXXX を選択する
6. Value に下書きが保存されているので、テキストをコピーして復旧する

Chrome で下書きを書いていましたので Chrome での手順ですが、だいたいのブラウザで同じことができるのではと思います。

下書きを途中でまめに保存していればよかったという話ではありますが、Zenn さんが LocalStorage に保存してくれていて助かりました。