★HTML5のAPI、および、関連仕様
以下は、ウェブアプリケーションを作成する際に、必要になりそうな技術仕様の一覧です。 HTML5から追加・標準化されたAPI（Application Programming Interface）が中心ですが、それ以外の関連仕様も含まれています。
■新要素・属性
仕様の名称 |
簡単な紹介 |
スタイリング要素・属性が廃止される一方で、情報の意味を表す新しい要素・属性が追加されたことで、 HTML 4に比べてより明確に文書構造を示せるようになっています。 HTML5リファレンス http://www.w3.org/TR/html5/ |
|
ユーザーにプラグインをインストールしてもらうことなく、 動画や音声を標準のHTMLやJavaScriptからシンプルに扱えます。 video要素、audio要素をJavaScriptから操作する http://www.w3.org/TR/html5/video.html |
|
フォーム機能の拡張 HTML5 Forms |
フォームに関する新しい属性や属性値が多数追加され、 入力必須・妥当性チェック・入力補助などの機能が、標準のHTMLの属性で実現できます。 フォーム機能の拡張 http://www.w3.org/TR/html5/forms.html http://www.w3.org/TR/html5/the-input-element.html http://www.w3.org/TR/html5/the-button-element.html |
■グラフィック
仕様の名称 |
簡単な紹介 |
canvas要素 Canvas 2D Context |
|
SVG Scalable Vector Graphics |
|
WebGL |
■ユーザーの位置情報
仕様の名称 |
簡単な紹介 |
■ファイル・データ操作
仕様の名称 |
簡単な紹介 |
ドラッグ＆ドロップ Drag and drop |
|
ファイル API File API |
JavaScriptでユーザーのローカル環境に保存されているファイルを扱えるようになります。 http://www.w3.org/TR/FileAPI/ http://www.w3.org/TR/file-writer-api/ http://www.w3.org/TR/file-system-api/ |
Clipboard API and events |
■ストレージ、および、データベース
仕様の名称 |
簡単な紹介 |
ウェブ ストレージ Web Storage |
JavaScriptでユーザーのローカル環境へのデータの保存・上書き・削除・全クリアなどの操作を行うことができます。 クッキー（HTTP cookie）とよく似ていますが、 保存できる容量が大きいため、例えば、オフラインでもウェブアプリケーションを動作させられるだけの 必要十分なデータを保存させられます。 Web Storage http://www.w3.org/TR/webstorage/ |
Indexed Database API |
ユーザーのローカル環境（ブラウザ）に、key-value型で保存するストレージをデータベースとして利用する仕様です。 SQLを使用することはできませんが、インデックス作成やトランザクション処理などのデータベースとしての基本機能を備えています。 Indexed Database API ※現在のところ、解説は途中までです http://www.w3.org/TR/IndexedDB/ |
Web SQL Database （仕様開発中止） |
ユーザーのローカル環境（ブラウザ）にデータを保存して、 SQLの使えるリレーショナル・データベースを可能にする仕様として策定されていましたが、 2010年11月18日、W3CはWeb SQL Databaseの仕様開発の中止して、これ以上継続する予定が無いことを発表しました。 http://www.w3.org/TR/webdatabase/ |
■通信
仕様の名称 |
簡単な紹介 |
オフライン ウェブ アプリケーション Offline Web Applications |
キャッシュマニフェストを指定することで、 インターネットに接続していないオフラインの状態でも、 ユーザーがウェブアプリケーション（ウェブサイト）を利用できるようになります。 オフライン ウェブ アプリケーション http://www.w3.org/TR/offline-webapps/ http://dev.w3.org/html5/spec/offline.html |
The WebSocket API |
|
Web Workers |
|
HTML5 Web Messaging |
|
Server-Sent Events |
|
Progress Events |
|
XMLHttpRequest |
|
Cross-Origin Resource Sharing |
|
Web Notifications |
■改良
仕様の名称 |
簡単な紹介 |
HTML Microdata |
HTML中に小さなデータ、例えば、要素に関するメタデータなどを埋め込んで、より詳しい情報を提供することが可能になります。 その要素の意味合いをコンピュータが理解しやすくなるでしょう。 http://dev.w3.org/html5/md/ |
Selectors API |
ウェブページ内の要素などを操作する際に、CSSのセレクタを引数にすることで、対象となる要素などをより的確、かつ、簡単に特定できるようになります。 http://www.w3.org/TR/selectors-api/ http://www.w3.org/TR/selectors-api2/ |
Element Traversal Specification |
|
Session history and navigation |
■ウィジット
仕様の名称 |
簡単な紹介 |
Widget Packaging and XML Configuration |
|
Widget Interface |
■デバイス
仕様の名称 |
簡単な紹介 |
HTML Media Capture |
|
The Media Capture API |
|
The System Information API |
|
DeviceOrientation Event Specification |
■数学
仕様の名称 |
簡単な紹介 |
MathML |
■ウェブ パフォーマンス
仕様の名称 |
簡単な紹介 |
Navigation Timing |
|
Resource Timing |
|
Performance Timeline |
|
User Timing |
|
Page Visibility |
|
Timing control for script-based animations |
|
Efficient Script Yielding |
■スタイリング
仕様の名称 |
簡単な紹介 |
CSS2を拡張・発展させたCSSの次世代バージョンです。 アニメーション・透明化・角丸などがCSSの指定だけで実現できます。 CSS3リファレンス |
