windowsストアアプリ開発 オープンセミナー広島
DESCRIPTION
TRANSCRIPT
![Page 1: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/1.jpg)
![Page 2: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/2.jpg)
![Page 3: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/3.jpg)
![Page 4: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/4.jpg)
![Page 5: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/5.jpg)
生まれ変わった Windowsタッチが最優先の機能
新たな開発モデル
複数のフォーム ファクター
Windows ストア
![Page 6: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/6.jpg)
Windows 8 固有の機能を活用
グリッドアプリケーション
タッチ操作
アプリバー
コントラクト
セマンティックズーム
アプリデータとローミング
プロセスライフサイクル
ライブタイル、通知、プッシュ
検索
共有
スタート
デバイス
設定
![Page 7: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/7.jpg)
![Page 8: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/8.jpg)
http://msdn.microsoft.com/ja-jp/library/windows/apps/br230836.aspx
![Page 9: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/9.jpg)
![Page 10: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/10.jpg)
Windows ストア、開発者登録
Microsoft アカウントを作成法人の場合、共用できるアカウントを作成
Windows ストアにアクセスするコンピュータを「信頼済み PC」に登録
クレジットカードを準備 (少額決済の確認が必須)
https://appdev.microsoft.com/StorePortals/ へアクセス
法人登録の場合は、GeoTrust (Symantec) から届くメールをご確認
http://bit.ly/WSAppReg
![Page 11: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/11.jpg)
![Page 12: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/12.jpg)
Windows 8 プラットフォーム
![Page 13: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/13.jpg)
![Page 14: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/14.jpg)
開発環境
Visual Studio 2012 Blend for Visual Studio
• プログラミング• デバッグ、テスト• 配置、パッケージ化
• 画面デザイン• コントロール作成• アニメーション作成
http://bit.ly/w8try
※ Windows 8 の環境は必須 (仮想マシンもOK)
![Page 15: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/15.jpg)
お名前.com
デスクトップクラウド for Windows アプリ
http://www.onamae-desktop.com/dev/
![Page 17: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/17.jpg)
Windows 8 iOS Android
開発ツール Visual Studio Xcode Eclipse + ADT
プログラミング言語
C++, C#, VB,
JavaScript
Objective-C Java
画面作成 Blend for Visual
Studio
Storyboard
Interface Builder
Layout Editor
ブラウザーエンジン
IE 10
Trident
Safari
WebKit
WebKit エンジンのブラウザ
3Dレンダリング DirectX 11 OpenGL ES 1.1/2.0 OpenGL ES
1.0/1.1/2.0
![Page 18: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/18.jpg)
イベント Viewを更新
変更の通知Modelを更新
Windows 8 iOS Android
![Page 19: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/19.jpg)
![Page 20: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/20.jpg)
![Page 21: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/21.jpg)
![Page 22: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/22.jpg)
XAML/C# による開発とデバッグ
Blend for Visual Studio XAML によるデザイン
コントロールとテンプレート
Visual State Manager
Visual Studio 2012 による開発とデバッグ非同期呼び出し (async – await)
インテリセンス
デバッガー、ブレークポイント、ステップ実行
![Page 23: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/23.jpg)
HTML/JavaScript による開発とデバッグ
Blend for Visual Studio HTML と CSS によるビジュアルデザイン
Live DOM と対話モード
画面モードと CSS メディアクエリー
Visual Studio 2012 による開発とデバッグ インテリセンス、ブレークポイント、ステップ実行
DOM Explorer とシミュレーター
JavaScript コンソール
![Page 24: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/24.jpg)
![Page 25: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/25.jpg)
Media FoundationSource Decoder Encoder SinkEffects
PlayReady DirectX Windows Audio Session API
DRM Client
![Page 26: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/26.jpg)
![Page 27: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/27.jpg)
![Page 28: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/28.jpg)
Windows ストアアプリ成功への鍵
企画、コンセプト、ブランディング
第一印象
UX デザイン
何度もリリース
企画
デザイン
実装テスト
リリース
http://msdn.microsoft.com/ja-jp/library/windows/apps/hh465427
![Page 31: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/31.jpg)
2 sub unit
10px
1 column
80px
5 unit
100px
6 unit
120px
ベースライン
1 unit
20px
42pt
20pt
11pt
9pt
2 sub unit
10px
30px
![Page 32: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/32.jpg)
![Page 33: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/33.jpg)
アプリバー
![Page 34: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/34.jpg)
コントラクト
Windows ストアアプリでは、ユーザーと OS / アプリの取り決めのことをコントラクトと呼んでいます
アプリが実装できるコントラクト
① 検索コントラクト
② 設定コントラクト
③ ソース共有コントラクト
④ ターゲット共有コントラクト
⑤ スプラッシュ スクリーン
⑥ ファイルピッカー
http://msdn.microsoft.com/ja-jp/library/windows/apps/hh465251(v=VS.85).aspx
![Page 35: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/35.jpg)
検索のしくみ
1. 検索ボックスは画面のメインアプリが対象
2. クエリの候補は画面のメインアプリが提供•アプリに検索結果がある語句をオートコンプリート
3. インストール済みで検索コントラクトを実装するアプリを一覧表示
![Page 36: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/36.jpg)
検索のしくみ
4. 結果の候補は画面のメインアプリが提供•サムネイルとタイトルは必須
•有力な結果または完全一致結果を表示
•ユーザーは結果の詳細を直接表示可能
![Page 37: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/37.jpg)
![Page 38: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/38.jpg)
![Page 39: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/39.jpg)
アプリの中断処理5 秒以内に終わらせる
アプリは終了前に通知を受けない
アプリは再開時に通知を受け取る
ユーザーがアプリを起動
スプラッシュスクリーン
![Page 40: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/40.jpg)
![Page 41: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/41.jpg)
![Page 42: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/42.jpg)
![Page 43: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/43.jpg)
トースト通知はライブ タイルと同じテンプレート アーキテクチャを使用する
![Page 44: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/44.jpg)
1. チャネル URI を要求する
2. 使用するクラウド サービスを登録する
3. 認証してプッシュ通知を配信する
![Page 46: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/46.jpg)
![Page 47: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/47.jpg)
Windows ストアアプリの展開
Windows ストアから配布する場合Windows ストアの開発者登録を完了後、アプリを申請審査に合格すると、Windows ストアに掲載
企業内展開Windows ストアの審査は不要、必要な環境設定を行い、PowerShell などを利用してアプリをインストール
Windows ストアアプリの開発者ライセンスが有効な PC開発者は、PowerShell を使ってテスト用アプリのインストールが可能
![Page 48: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/48.jpg)
![Page 49: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/49.jpg)
![Page 50: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/50.jpg)
![Page 51: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/51.jpg)
![Page 52: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/52.jpg)
Windows アプリ認定キット (WACK)
Windows ストアにアプリを提出する前の事前テスト用ツール
パッケージの作成時に実行
あるいは、手動で呼び出し (windows app で検索)
![Page 53: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/53.jpg)
企業内展開
Windows ストアへの申請は不要
信頼された証明書を含んだパッケージを作成
Windows 8 Pro, Windows 8 Enterprise, Windows RT
サイドローディング用のキーを購入
「信頼できるすべてのアプリのインストールを許可する」グループポリシーの設定が必須
http://bit.ly/w8sideloding
![Page 54: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/54.jpg)
PowerShell によるコマンド例
インストールadd-appxpackage C:¥app1.appx
インストール済みのパッケージを一覧get-appxpackage
アンインストールremove-appxpackage <PackageFullName>
![Page 55: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/55.jpg)
![Page 56: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/56.jpg)
http://msdn.microsoft.com/ja-jp/library/windows/apps/hh868262
![Page 57: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/57.jpg)
http://bit.ly/iOStoWinRT
http://bit.ly/AndroidtoWinRT
![Page 58: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/58.jpg)
![Page 59: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/59.jpg)
Windows 8 アプリ開発体験テンプレート
日本マイクロソフトのエバンジェリストが作った、Windows ストアアプリ用テンプレート Basic Photo テンプレート XAML/C# 用 Version 1.0
EntertainmentPhoto テンプレート XAML/C# 用 Version 1.0.0.4
NewsReader テンプレート XAML/C# 用 Version 1.9
RSS Reader テンプレート HTML + JavaScript 用 Version 1
Touch De Po テンプレート XAML/C# 用 Version 2.0
http://bit.ly/w8atemp
![Page 62: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/62.jpg)
![Page 63: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/63.jpg)
![Page 64: Windowsストアアプリ開発 オープンセミナー広島](https://reader034.vdocuments.pub/reader034/viewer/2022050722/547ce2c55806b5ea3f8b47f4/html5/thumbnails/64.jpg)
© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot
guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.