64

Windowsストアアプリ開発 オープンセミナー広島

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Windowsストアアプリ開発 オープンセミナー広島
Page 2: Windowsストアアプリ開発 オープンセミナー広島
Page 3: Windowsストアアプリ開発 オープンセミナー広島
Page 4: Windowsストアアプリ開発 オープンセミナー広島
Page 5: Windowsストアアプリ開発 オープンセミナー広島

生まれ変わった Windowsタッチが最優先の機能

新たな開発モデル

複数のフォーム ファクター

Windows ストア

Page 6: Windowsストアアプリ開発 オープンセミナー広島

Windows 8 固有の機能を活用

グリッドアプリケーション

タッチ操作

アプリバー

コントラクト

セマンティックズーム

アプリデータとローミング

プロセスライフサイクル

ライブタイル、通知、プッシュ

検索

共有

スタート

デバイス

設定

Page 7: Windowsストアアプリ開発 オープンセミナー広島
Page 8: Windowsストアアプリ開発 オープンセミナー広島

http://msdn.microsoft.com/ja-jp/library/windows/apps/br230836.aspx

Page 9: Windowsストアアプリ開発 オープンセミナー広島
Page 10: Windowsストアアプリ開発 オープンセミナー広島

Windows ストア、開発者登録

Microsoft アカウントを作成法人の場合、共用できるアカウントを作成

Windows ストアにアクセスするコンピュータを「信頼済み PC」に登録

クレジットカードを準備 (少額決済の確認が必須)

https://appdev.microsoft.com/StorePortals/ へアクセス

法人登録の場合は、GeoTrust (Symantec) から届くメールをご確認

http://bit.ly/WSAppReg

Page 11: Windowsストアアプリ開発 オープンセミナー広島
Page 12: Windowsストアアプリ開発 オープンセミナー広島

Windows 8 プラットフォーム

Page 13: Windowsストアアプリ開発 オープンセミナー広島
Page 14: Windowsストアアプリ開発 オープンセミナー広島

開発環境

Visual Studio 2012 Blend for Visual Studio

• プログラミング• デバッグ、テスト• 配置、パッケージ化

• 画面デザイン• コントロール作成• アニメーション作成

http://bit.ly/w8try

※ Windows 8 の環境は必須 (仮想マシンもOK)

Page 15: Windowsストアアプリ開発 オープンセミナー広島

お名前.com

デスクトップクラウド for Windows アプリ

http://www.onamae-desktop.com/dev/

Page 17: Windowsストアアプリ開発 オープンセミナー広島

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ストアアプリ開発 オープンセミナー広島

イベント Viewを更新

変更の通知Modelを更新

Windows 8 iOS Android

Page 19: Windowsストアアプリ開発 オープンセミナー広島
Page 20: Windowsストアアプリ開発 オープンセミナー広島
Page 21: Windowsストアアプリ開発 オープンセミナー広島
Page 22: Windowsストアアプリ開発 オープンセミナー広島

XAML/C# による開発とデバッグ

Blend for Visual Studio XAML によるデザイン

コントロールとテンプレート

Visual State Manager

Visual Studio 2012 による開発とデバッグ非同期呼び出し (async – await)

インテリセンス

デバッガー、ブレークポイント、ステップ実行

Page 23: Windowsストアアプリ開発 オープンセミナー広島

HTML/JavaScript による開発とデバッグ

Blend for Visual Studio HTML と CSS によるビジュアルデザイン

Live DOM と対話モード

画面モードと CSS メディアクエリー

Visual Studio 2012 による開発とデバッグ インテリセンス、ブレークポイント、ステップ実行

DOM Explorer とシミュレーター

JavaScript コンソール

Page 24: Windowsストアアプリ開発 オープンセミナー広島
Page 25: Windowsストアアプリ開発 オープンセミナー広島

Media FoundationSource Decoder Encoder SinkEffects

PlayReady DirectX Windows Audio Session API

DRM Client

Page 26: Windowsストアアプリ開発 オープンセミナー広島
Page 27: Windowsストアアプリ開発 オープンセミナー広島
Page 28: Windowsストアアプリ開発 オープンセミナー広島

Windows ストアアプリ成功への鍵

企画、コンセプト、ブランディング

第一印象

UX デザイン

何度もリリース

企画

デザイン

実装テスト

リリース

http://msdn.microsoft.com/ja-jp/library/windows/apps/hh465427

Page 29: Windowsストアアプリ開発 オープンセミナー広島

http://www.youtube.com/watch?v=fjUat8mugUw

Page 30: Windowsストアアプリ開発 オープンセミナー広島

http://design.windows.com

Page 31: Windowsストアアプリ開発 オープンセミナー広島

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ストアアプリ開発 オープンセミナー広島
Page 33: Windowsストアアプリ開発 オープンセミナー広島

アプリバー

Page 34: Windowsストアアプリ開発 オープンセミナー広島

コントラクト

Windows ストアアプリでは、ユーザーと OS / アプリの取り決めのことをコントラクトと呼んでいます

アプリが実装できるコントラクト

① 検索コントラクト

② 設定コントラクト

③ ソース共有コントラクト

④ ターゲット共有コントラクト

⑤ スプラッシュ スクリーン

⑥ ファイルピッカー

http://msdn.microsoft.com/ja-jp/library/windows/apps/hh465251(v=VS.85).aspx

Page 35: Windowsストアアプリ開発 オープンセミナー広島

検索のしくみ

1. 検索ボックスは画面のメインアプリが対象

2. クエリの候補は画面のメインアプリが提供•アプリに検索結果がある語句をオートコンプリート

3. インストール済みで検索コントラクトを実装するアプリを一覧表示

Page 36: Windowsストアアプリ開発 オープンセミナー広島

検索のしくみ

4. 結果の候補は画面のメインアプリが提供•サムネイルとタイトルは必須

•有力な結果または完全一致結果を表示

•ユーザーは結果の詳細を直接表示可能

Page 37: Windowsストアアプリ開発 オープンセミナー広島
Page 38: Windowsストアアプリ開発 オープンセミナー広島
Page 39: Windowsストアアプリ開発 オープンセミナー広島

アプリの中断処理5 秒以内に終わらせる

アプリは終了前に通知を受けない

アプリは再開時に通知を受け取る

ユーザーがアプリを起動

スプラッシュスクリーン

Page 40: Windowsストアアプリ開発 オープンセミナー広島
Page 41: Windowsストアアプリ開発 オープンセミナー広島
Page 42: Windowsストアアプリ開発 オープンセミナー広島
Page 43: Windowsストアアプリ開発 オープンセミナー広島

トースト通知はライブ タイルと同じテンプレート アーキテクチャを使用する

Page 44: Windowsストアアプリ開発 オープンセミナー広島

1. チャネル URI を要求する

2. 使用するクラウド サービスを登録する

3. 認証してプッシュ通知を配信する

Page 45: Windowsストアアプリ開発 オープンセミナー広島

http://bit.ly/WAMobileService

Page 46: Windowsストアアプリ開発 オープンセミナー広島
Page 47: Windowsストアアプリ開発 オープンセミナー広島

Windows ストアアプリの展開

Windows ストアから配布する場合Windows ストアの開発者登録を完了後、アプリを申請審査に合格すると、Windows ストアに掲載

企業内展開Windows ストアの審査は不要、必要な環境設定を行い、PowerShell などを利用してアプリをインストール

Windows ストアアプリの開発者ライセンスが有効な PC開発者は、PowerShell を使ってテスト用アプリのインストールが可能

Page 48: Windowsストアアプリ開発 オープンセミナー広島
Page 49: Windowsストアアプリ開発 オープンセミナー広島
Page 50: Windowsストアアプリ開発 オープンセミナー広島
Page 51: Windowsストアアプリ開発 オープンセミナー広島
Page 52: Windowsストアアプリ開発 オープンセミナー広島

Windows アプリ認定キット (WACK)

Windows ストアにアプリを提出する前の事前テスト用ツール

パッケージの作成時に実行

あるいは、手動で呼び出し (windows app で検索)

Page 53: Windowsストアアプリ開発 オープンセミナー広島

企業内展開

Windows ストアへの申請は不要

信頼された証明書を含んだパッケージを作成

Windows 8 Pro, Windows 8 Enterprise, Windows RT

サイドローディング用のキーを購入

「信頼できるすべてのアプリのインストールを許可する」グループポリシーの設定が必須

http://bit.ly/w8sideloding

Page 54: Windowsストアアプリ開発 オープンセミナー広島

PowerShell によるコマンド例

インストールadd-appxpackage C:¥app1.appx

インストール済みのパッケージを一覧get-appxpackage

アンインストールremove-appxpackage <PackageFullName>

Page 55: Windowsストアアプリ開発 オープンセミナー広島
Page 56: Windowsストアアプリ開発 オープンセミナー広島

http://msdn.microsoft.com/ja-jp/library/windows/apps/hh868262

Page 57: Windowsストアアプリ開発 オープンセミナー広島

http://bit.ly/iOStoWinRT

http://bit.ly/AndroidtoWinRT

Page 59: Windowsストアアプリ開発 オープンセミナー広島

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ストアアプリ開発 オープンセミナー広島
Page 63: Windowsストアアプリ開発 オープンセミナー広島
Page 64: Windowsストアアプリ開発 オープンセミナー広島

© 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.