HTML5 - ローカルデータアクセス

トップ > HTML5 > ローカルデータアクセス

ローカルデータアクセス

HTML5 では、Cookie よりもより柔軟で、より多くのアプリケーションデータをクライアント側(ローカル)に保存・参照できる仕組みがサポートされています。

それぞれの特徴は下記の様になります。

Cookie Web Storage Web SQL Database Indexed Database API
アクセス方式 Key-Value Key-Value SQL NoSQL
データ形式 Key-Value Key-Value 表形式 表形式
API setCookie()
getCookie
localStorage[]
sessionStorage[]
openDatabase()
executeSql()
indexedDB.open()
add() / get()
トランザクション処理 不可 不可 可能 可能
難易度 容易 容易 複雑 複雑
サーバへのデータ送信 必ず発生 発生しない 発生しない 発生しない
扱い可能データ量 4KB程度 5MB程度 5MB程度 5MB程度
サポート状況 安定して利用可能 IE8世代以降で安定しつつある 検討停止。廃止予定 普及までまだ時間がかかりそう

Copyright (C) 2015-2017 杜甫々
初版:2015年1月3日 最終更新:2017年12月31日
http://www.tohoho-web.com/html5/web_database.html