LocalStorageとSessionStorageを使う

LocalStorage と SessionStorage は、クライアント側でキーと値のデータを保存するための、ブラウザベースの API です。LocalStorage は、ブラウザを閉じた後もデータを保持し、ユーザーの環境設定や設定に適しています。SessionStorage は、単一のブラウザセッション中のみデータを保持し、ショッピングカートのような一時的な情報に最適です。どちらの API も、`setItem()`、`getItem()`、`removeItem()`、`clear()` などの使いやすいメソッドを提供しています。これらは、サーバーリクエストよりもパフォーマンス上の利点があり、サーバー負荷を軽減します。ただし、ストレージ容量には制限があり、通常は約 5MB で、同じオリジン（origin）の JavaScript からデータにアクセスできるため、セキュリティ上の懸念事項が存在します。複雑なデータ構造は直接サポートされていません。サンプルコードでは、両方の API を使用してデータを設定および取得する方法を示しています。LocalStorage と SessionStorage のどちらを選択するかは、データの永続性の要件によって異なります。より大きなデータセットや機密性の高いデータには、代替のストレージソリューションが推奨されます。どちらの API も、適切に使用すれば、ユーザーエクスペリエンスを大幅に向上させます。制限とセキュリティを慎重に考慮することが不可欠です。