【小学生でもわかる】v0のアプリで記録が読み込み直しても消えないようにする方法！置き場3つと選び方

どんな話？

「読書の記録」の記録が、読み込み直しても消えないようにした回です。置き場は、画面の中・ブラウザの中（localStorage）・データベースの3つ。ブラウザの中に保存するよう頼むと、1分40秒で作業が終わり、減ったクレジットは0.02ドル（約3円）。3冊入れて同じ窓で再読み込みすると、3冊とも残りました。ただ、約10分後に別の窓で開き直すと、見えませんでした。データベースは、Neonの同意の画面まで見て、同意はしていません。

この記事でわかること

• 記録の置き場は3つ。いま開いている画面の中、ブラウザの中（localStorage）、データベース。読み込み直して消えるなら、記録は画面の中にしかない
• 「このブラウザの中に保存する（localStorageを使う）」「データベースは使いません」と書いて頼むと、1分40秒で作業が終わり、減ったクレジットは0.02ドル（約3円）。同意の画面も、新しいアカウントも要らなかった
• 坊っちゃん・雪国・こころの3冊を入れて同じ窓で再読み込みすると、3冊とも残った。並びは読み終えた日の新しい順で、返事の横の増減の数字は「+25 / -3」
• 3冊を保存してから約10分後、Chromeの別の窓で同じチャットを開き直すと、一覧は「まだ記録がありません」に戻っていた。理由は確かめられていない。プレビューは、ふだん記録をためる場所にはしない
• localStorageは、ブラウザごと、端末ごと、アプリの住所ごとに別々。パソコンで入れた記録は、スマホからは見えない。バックアップはない
• Neonの行で「Install」を押すと、Vercelの「Checkout」という同意の画面が開いた。「Accept and Create」を押すと、3つの文書に同意したことになる。制作では、ここで止めてタブを閉じた

こんな人に

• v0で作ったアプリに記録を入れたのに、ページを読み込み直したら全部消えていて、「これでは使えない」と手が止まった人
• 同意もアカウントもなしですぐ使える保存の方法と、その限界を知りたい人
• データベースをつなぐ前に、何に同意して、何を決めておくのかを知りたい人

この話のTIPS

• コツlocalStorageには、ブラウザの一般的な仕組みとして、次の性質があります。ブラウザごと、端末ごとに別々。パソコンで入れた記録は、スマホからは見えません。アプリの住所ごとに別々。プレビューで入れた記録は、公開したURLのアプリからは見えません。ブラウザの履歴やデータを消すと、一緒に消えることがあります。バックアップはありません。
• 注意公式の説明では、データベースの種類によって、v0は表を作る・変える・消す命令を書いて実行できます。ありうる、と考えておくのが安全です。大事な記録を入れたあとは、表にかかわるお願いをするときに「いまある記録は消さないでください」と書き、v0が実行しようとしている内容を確かめてください。