Metro style apps using HTML5 from start to

•
本プレゼンテーション (以下、本書) で提供されている情報は、本書が
発表された時点における Microsoft の見解を述べたものです。市場
ニーズの変化に対応する必要があるため、本書は記載された内容の実
現に関する Microsoft の確約とはみなされないものとします。また本
書に記載された情報の正確さについて、保証するものではありません。
•
本書は情報の提供のみを目的としており、明示または黙示に関わらず、
本書について Microsoft はいかなる保証をするものでもありません。
•
本書に記載されている機能名や用語の日本語訳は、あくまでも暫定的
なものであり、将来変更される可能性があります。
パッケージとランタイム
HTML ホスト プロセス
アプリ コード
アプリ コンテナー
Web プラットフォーム
Internet Explorer
タブ
HTML ホスト プロセス
アプリ コード
Web プラットフォーム
アプリ コード
Web プラット
フォーム
アプリ コンテナー
Windows
Runtime
•
•
•
+
プロセス ライフサイクル
アプリの
起動
スプラッシュ
スクリーン
アクティブ化
スプラッシュ スクリーンの表示
DOMContentLoaded
Activated
アプリ データの読み込み、イベント
ハンドラーのセットアップ、UI の初期化
保存された状態の読み
込み、アクティブ化
パラメーターの処理
.onLoad
長時間のセットアップ処理を完了
HTML5 での Metro スタイル アプリ
Windows の強力な
機能を活用
イメージ タグ
?
ビデオ タグ
オーディオ タグ
function importFile() {
var picker = new Windows.Storage.Pickers.FileOpenPicker();
picker.fileTypeFilter.replaceAll([".jpg", ".bmp", ".gif", ".png"]);
picker.pickSingleFileAsync().then(function (file) {
//WinRT からファイル、バイト ストリームを格納
var blobUrl = URL.createObjectURL(file);
img.src = blobUrl;
}
http://forums.dev.windows.com
http://bldw.in/SessionFeedback