HTML5 JavaScript API
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
「[[.NET 開発基盤部会 Wiki>http://dotnetdevelopmentinfras...
-[[戻る>JavaScript]]
*目次 [#g74eb0c1]
#contents
*概要 [#a2f7483e]
[[HTML5>HTML#x3122b27]]から追加されたJavaScript API。
*詳細 [#kef28299]
**ネットワーク [#d57894e9]
***Fetch [#ed4c9d33]
XMLHttpRequestの強化版
-参考
--Fetch API - Web API | MDN~
https://developer.mozilla.org/ja/docs/Web/API/Fetch_API
***ServiceWorker [#e637dc3d]
[[PWA（Progressive Web Apps）]]で使用される。
-参考
--Service Worker API - Web API | MDN~
https://developer.mozilla.org/ja/docs/Web/API/Service_Wor...
**ストレージ [#c060ea9a]
[[HTML5>HTML#x3122b27]]のストレージ機能には以下のものがあ...
***WebStorage [#wb728540]
-最もポピュラー
-キーバリュー型のストレージ
-2種類ある。
--永久に保存される LocalStorage
--セッション中のみ保存される SessionStorage
--比較
---Web Storage－HTML5のAPI、および、関連仕様~
http://www.htmq.com/webstorage/
-参考
--Web Storage API - Web API | MDN~
https://developer.mozilla.org/ja/docs/Web/API/Web_Storage...
--連載：人気順に説明する初めてのHTML5開発：~
ブラウザでストレージ？ Web Storageを使いこなそう - ＠IT~
http://www.atmarkit.co.jp/ait/articles/1108/12/news093.html
---SessionStorage Sample~
http://www.atmarkit.co.jp/ait/files/20110812/sessionStora...
---LocalStorage Sample~
http://www.atmarkit.co.jp/ait/files/20110812/localStorage...
---LocalStorage 使用例 Sample~
http://www.atmarkit.co.jp/ait/files/20110812/localStorage...
***WebSQL Database [#va2a4b08]
-RDB（SQLite依存）のため、標準化が停止されている。
-しかし、スマホ用ブラウザで唯一のため、未だに利用されてい...
***Indexed Database [#x2100a0a]
-オブジェクト型ストレージ（NoSQL）
-[[WebSQL Database>#va2a4b08]]からIndexed Databaseへの移...
-参考
--IndexedDB API - Web API | MDN~
https://developer.mozilla.org/ja/docs/Web/API/IndexedDB_API
***Application Cache [#a42f1d14]
非推奨化 → [[ServiceWorker>#e637dc3d]]
***参考 [#i3fa00db]
-ストレージ - HTML5 Rocks~
http://www.html5rocks.com/ja/features/storage
-モダンブラウザのストレージ容量と調査方法まとめ - HTML5 R...
http://www.html5rocks.com/ja/tutorials/offline/quota-rese...
**ファイル操作 [#qda2543b]
***File [#p7ac0483]
-FileSystem API（非標準）の代替
-ブラウザ上の[[HTML5>HTML#x3122b27]]から~
ファイルの選択とそのデータへのアクセスが可能になる。
-参考
--File and Directory Entries API - Web API | MDN~
https://developer.mozilla.org/ja/docs/Web/API/File_and_Di...
--File System Access API - Web API | MDN~
https://developer.mozilla.org/en-US/docs/Web/API/File_Sys...
***参考 [#e57231d6]
-JavaScript でのローカル ファイルの読み込み - HTML5 Rocks~
http://www.html5rocks.com/ja/tutorials/file/dndfiles/
**位置情報 [#r2164651]
***Geolocation [#m275f618]
**並列スレッド処理 [#vb214cbc]
***[[Web Workers>JavaScriptのスレッド処理#r3f78883]] [#r9...
**ドラッグ＆ドロップ [#xc6d8a1b]
***Drag and Drop [#yadc0a15]
**グラフィック描画 [#gdb1a045]
***[[Canvas>JavaScriptのエフェクト処理#s3ad021b]] [#r5052...
**履歴操作 [#z03cc410]
***History [#s6229dff]
**その他 [#wf2486f7]
***[[WebRTC]] [#caa4fc9c]
***[[WebAuthn>https://techinfoofmicrosofttech.osscons.jp/...
*参考 [#a7fc7347]
**MDN [#ba728bcc]
-Web API~
https://developer.mozilla.org/ja/docs/Web/API
**＠IT [#kf197bf1]
-~Insider.NET > 業務アプリInsider > 人気順に説明する初め...
http://www.atmarkit.co.jp/ait/subtop/features/dotnet/app/...
--位置情報をブラウザで活用！ Geolocationを使いこなそう（2...
--ブラウザでストレージ？ Web Storageを使いこなそう（2011/...
--アドインなしで実現可能！ ドラッグ＆ドロップを使いこなそ...
--DOM操作の主流になるか！？ セレクタAPIを使いこなそう（20...
--双方向通信を実現！ WebSocketを使いこなそう （2011/11/11）
--JavaScriptでファイル操作！？ File APIを使いこなそう（20...
--列処理を実現！Web Workersを使いこなそう（2012/01/13）
--Webアプリもオフライン実行？ Indexed Databaseを使いこな...
終了行:
「[[.NET 開発基盤部会 Wiki>http://dotnetdevelopmentinfras...
-[[戻る>JavaScript]]
*目次 [#g74eb0c1]
#contents
*概要 [#a2f7483e]
[[HTML5>HTML#x3122b27]]から追加されたJavaScript API。
*詳細 [#kef28299]
**ネットワーク [#d57894e9]
***Fetch [#ed4c9d33]
XMLHttpRequestの強化版
-参考
--Fetch API - Web API | MDN~
https://developer.mozilla.org/ja/docs/Web/API/Fetch_API
***ServiceWorker [#e637dc3d]
[[PWA（Progressive Web Apps）]]で使用される。
-参考
--Service Worker API - Web API | MDN~
https://developer.mozilla.org/ja/docs/Web/API/Service_Wor...
**ストレージ [#c060ea9a]
[[HTML5>HTML#x3122b27]]のストレージ機能には以下のものがあ...
***WebStorage [#wb728540]
-最もポピュラー
-キーバリュー型のストレージ
-2種類ある。
--永久に保存される LocalStorage
--セッション中のみ保存される SessionStorage
--比較
---Web Storage－HTML5のAPI、および、関連仕様~
http://www.htmq.com/webstorage/
-参考
--Web Storage API - Web API | MDN~
https://developer.mozilla.org/ja/docs/Web/API/Web_Storage...
--連載：人気順に説明する初めてのHTML5開発：~
ブラウザでストレージ？ Web Storageを使いこなそう - ＠IT~
http://www.atmarkit.co.jp/ait/articles/1108/12/news093.html
---SessionStorage Sample~
http://www.atmarkit.co.jp/ait/files/20110812/sessionStora...
---LocalStorage Sample~
http://www.atmarkit.co.jp/ait/files/20110812/localStorage...
---LocalStorage 使用例 Sample~
http://www.atmarkit.co.jp/ait/files/20110812/localStorage...
***WebSQL Database [#va2a4b08]
-RDB（SQLite依存）のため、標準化が停止されている。
-しかし、スマホ用ブラウザで唯一のため、未だに利用されてい...
***Indexed Database [#x2100a0a]
-オブジェクト型ストレージ（NoSQL）
-[[WebSQL Database>#va2a4b08]]からIndexed Databaseへの移...
-参考
--IndexedDB API - Web API | MDN~
https://developer.mozilla.org/ja/docs/Web/API/IndexedDB_API
***Application Cache [#a42f1d14]
非推奨化 → [[ServiceWorker>#e637dc3d]]
***参考 [#i3fa00db]
-ストレージ - HTML5 Rocks~
http://www.html5rocks.com/ja/features/storage
-モダンブラウザのストレージ容量と調査方法まとめ - HTML5 R...
http://www.html5rocks.com/ja/tutorials/offline/quota-rese...
**ファイル操作 [#qda2543b]
***File [#p7ac0483]
-FileSystem API（非標準）の代替
-ブラウザ上の[[HTML5>HTML#x3122b27]]から~
ファイルの選択とそのデータへのアクセスが可能になる。
-参考
--File and Directory Entries API - Web API | MDN~
https://developer.mozilla.org/ja/docs/Web/API/File_and_Di...
--File System Access API - Web API | MDN~
https://developer.mozilla.org/en-US/docs/Web/API/File_Sys...
***参考 [#e57231d6]
-JavaScript でのローカル ファイルの読み込み - HTML5 Rocks~
http://www.html5rocks.com/ja/tutorials/file/dndfiles/
**位置情報 [#r2164651]
***Geolocation [#m275f618]
**並列スレッド処理 [#vb214cbc]
***[[Web Workers>JavaScriptのスレッド処理#r3f78883]] [#r9...
**ドラッグ＆ドロップ [#xc6d8a1b]
***Drag and Drop [#yadc0a15]
**グラフィック描画 [#gdb1a045]
***[[Canvas>JavaScriptのエフェクト処理#s3ad021b]] [#r5052...
**履歴操作 [#z03cc410]
***History [#s6229dff]
**その他 [#wf2486f7]
***[[WebRTC]] [#caa4fc9c]
***[[WebAuthn>https://techinfoofmicrosofttech.osscons.jp/...
*参考 [#a7fc7347]
**MDN [#ba728bcc]
-Web API~
https://developer.mozilla.org/ja/docs/Web/API
**＠IT [#kf197bf1]
-~Insider.NET > 業務アプリInsider > 人気順に説明する初め...
http://www.atmarkit.co.jp/ait/subtop/features/dotnet/app/...
--位置情報をブラウザで活用！ Geolocationを使いこなそう（2...
--ブラウザでストレージ？ Web Storageを使いこなそう（2011/...
--アドインなしで実現可能！ ドラッグ＆ドロップを使いこなそ...
--DOM操作の主流になるか！？ セレクタAPIを使いこなそう（20...
--双方向通信を実現！ WebSocketを使いこなそう （2011/11/11）
--JavaScriptでファイル操作！？ File APIを使いこなそう（20...
--列処理を実現！Web Workersを使いこなそう（2012/01/13）
--Webアプリもオフライン実行？ Indexed Databaseを使いこな...
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
