Agenda 準備 : Windows ストアアプリ開発をはじめよう練習 : 遊びながら開発ツールに慣れよう学習 : デモで学ぶ Windows 8 固有の機能の実装方法実践 : ライブで体験テンプレートを使ったアプリ開発

Size: px

Start display at page:

Download "Agenda 準備 : Windows ストアアプリ開発をはじめよう練習 : 遊びながら開発ツールに慣れよう学習 : デモで学ぶ Windows 8 固有の機能の実装方法実践 : ライブで体験テンプレートを使ったアプリ開発"

せぴあがうん
5 years ago
Views:

2 Agenda 準備 : Windows ストアアプリ開発をはじめよう練習 : 遊びながら開発ツールに慣れよう学習 : デモで学ぶ Windows 8 固有の機能の実装方法実践 : ライブで体験テンプレートを使ったアプリ開発

3 関連情報やサンプルなど後日公開

4 準備 : Windows ストアアプリ開発をはじめよう

5 生まれ変わった Windows タッチが最優先の機能複数のフォームファクター Windows ストア新たな開発モデル

6 Windows ストアアプリ開発環境マシン理想はデュアルモニタ構成 (1 台はタッチ可能なもの ) 高速な開発マシンと低速なテスト用マシン OS: Windows 8 ( 仮想マシン上のインストール含む ) 開発ツール : Visual Studio 2012 ドキュメント : MSDN ライブラリサンプル : Windows SDK サンプル (300MB zip ファイル ) 開発体験テンプレート ( 後半でご紹介 ) Developer Camp 2012 Japan Fall

お名前.com デスクトップクラウド for Windows アプリ http://www.

7 お名前.com デスクトップクラウド for Windows アプリ Developer Camp 2012 Japan Fall

8 Windows 8 プラットフォーム Developer Camp 2012 Japan Fall

9 Windows ランタイムによる開発 Developer Camp 2012 Japan Fall

10 練習 : 遊びながら開発ツールに慣れよう

11 ツールの使い分け Visual Studio 2012 プログラミングデバッグテスト配置パッケージ化 Blend for Visual Studio 画面デザインコントロール作成アニメーション作成 Developer Camp 2012 Japan Fall

12 Demo Hello XAML / C#

13 XAML/C# による開発とデバッグ Blend for Visual Studio XAML によるデザインコントロールとテンプレート Visual State Manager Visual Studio 2012 による開発とデバッグ非同期呼び出し (async await) インテリセンスデバッガーブレークポイントステップ実行 Developer Camp 2012 Japan Fall

14 Demo Hello HTML / JS

15 HTML/JavaScript による開発とデバッグ Blend for Visual Studio HTML と CSS によるビジュアルデザイン Live DOM と対話モード画面モードと CSS メディアクエリー Visual Studio 2012 による開発とデバッグインテリセンスブレークポイントステップ実行 DOM Explorer とシミュレーター JavaScript コンソール Developer Camp 2012 Japan Fall

16 メディアプラットフォーム DRM Client Source Decoder Effects Encoder Sink Media Foundation PlayReady DirectX Windows Audio Session API

17 HTTP ストリーミング

18 Demo Hello XAML-DirectX / C++

19 XAML-DirectX / C++ による開発とデバッグ XAML と DirectX の同時レンダリング XAML <SwapChainBackgroundPanel /> C++/CX 11 auto, shared_ptr, lamda AMP (GPU での並列処理 ) DirectX デバッグサポートグラフィックスデバッガーなどの強化

20 学習 : デモで学ぶ Windows 8 固有の機能の実装方法

21 Windows ストアアプリ成功への鍵企画コンセプトブランディング第一印象 UX デザイン何度もリリース企画リリースデザインテスト実装

24 Windows 8 固有の機能を活用グリッドアプリケーションタッチ操作アプリバーコントラクトセマンティックズームアプリデータとローミングプロセスライフサイクルライブタイル検索共有スタートデバイス設定

26 アプリバー

27 コントラクト Windows ストアアプリではユーザーと OS / アプリの取り決めのことをコントラクトと呼んでいますアプリが実装できるコントラクト 1 検索コントラクト 2 設定コントラクト 3 ソース共有コントラクト 4 ターゲット共有コントラクト 5 スプラッシュスクリーン 6 ファイルピッカー

28 検索のしくみ 1. 検索ボックスは画面のメインアプリが対象 2. クエリの候補は画面のメインアプリが提供アプリに検索結果がある語句をオートコンプリート 3. インストール済みで検索コントラクトを実装するアプリを一覧表示

29 検索のしくみ 4. 結果の候補は画面のメインアプリが提供サムネイルとタイトルは必須有力な結果または完全一致結果を表示ユーザーは結果の詳細を直接表示可能

33 アプリの中断処理 5 秒以内に終わらせるアプリは終了前に通知を受けないユーザーがアプリを起動アプリは再開時に通知を受け取るスプラッシュスクリーン

35 実践 : ライブで体験テンプレートを使ったアプリ開発

36 Windows 8 アプリ開発体験テンプレート日本マイクロソフトのエバンジェリストが作った Windows ストアアプリ用テンプレート Basic Photo テンプレート XAML/C# 用 Version 1.0 EntertainmentPhoto テンプレート XAML/C# 用 Version NewsReader テンプレート XAML/C# 用 Version 1.8 RSS Reader テンプレート HTML + JavaScript 用 Version 0.1 β Touch De Po テンプレート XAML/C# 用 Version Developer Camp 2012 Japan Fall

37 セマンティックズームトップ画面共有コントラクト設定コントラクトフィード内一覧検索コントラクトヘルプ画面記事詳細ブラウザーで表示

38 Demo の指令残り時間と相談しセッションラストに向けて UX-TV アプリを完成せよ! 仕様書っぽいのは 3 枚だけある

39 UX-TV アプリグループ 1 > グリッドテンプレート使ってね写真タイトル text text text text text text text text text

40 UX-TV アプリ選択したビデオの再生はスムーズストリーミングで頼むよ 1:08 / 4:27

41 UX-TV アプリその他の仕様トップ画面の表示は 8 ~ 10 コンテンツでフィード URL URL に規則があるようだ中略 >/< ファイル名 >.wmv 中略 >/< ファイル名 >_512.jpg 中略 >/< ファイル名 >.ism/manifest 必要な最低限のライブラリはセットアップ済セッション後半ど根性ですばやく頼む

42 Smooth Streaming Client SDK Beta 2 for Windows 8 Microsoft Media Platform : Player Framework オンデマンド再生ライブ再生 VC-1, H.264

43 まとめ Windows アプリの開発開発環境の準備 Visual Studio 2012 と Blend for Visual Studio Windows 8 固有の機能開発テンプレート Developer Camp 2012 Japan Fall

44 ありがとうございました Special @tomohn, Eva & AMM, my Boss Developer Camp 2012 Japan Fall 関係者の皆様コミュニティ友人の皆様

46 XAML と Blend for Visual Studio

48 Storyboard アニメーション時間毎のオブジェクトやプロパティの変化を管理再生停止などプログラムから操作 Developer Camp 2012 Japan Fall

54 画像や図形からコントロールの作成ステップ 1 素材を選択し右クリック [ コントロールの作成 ] Developer Camp 2012 Japan Fall

55 画像や図形からコントロールの作成ステップ 2 ベースとなるコントロールの選択 Developer Camp 2012 Japan Fall

56 画像や図形からコントロールの作成ステップ 3 [ 状態 ] パネル Developer Camp 2012 Japan Fall

57 C++ コンポーネント開発

58 以前 circle* p = new circle( 42 ); vector<shape*> vw = load_shapes(); for( vector<circle*>::iterator i = vw.begin(); i!= vw.end(); ++i ) { if( *i && **i == *p ) cout << **i << is a match n ; } auto p = make_shared<circle>( 42 ); vector<shared_ptr<shape>> vw = load_shapes(); for_each( begin(vw), end(vw), [&]( shared_ptr<circle>& s ) { if( s && *s == *p ) cout << *s << is a match n ; } ); for( vector<circle*>::iterator i = vw.begin(); i!= vw.end(); ++i ) { delete *i; } delete p; delete は不要自動ライフタイム管理例外セーフ

59 コンポーネント開発と利用 Portable Class Library 異なるプラットフォームに対応したコンポーネント C++ と JavaScript / C# / Visual Basic C++: Windows ランタイムコンポーネントの作成 JavaScript: コンポーネントの利用 C++ と C++ DLL の作成スタティックライブラリ Developer Camp 2012 Japan Fall

60 ゲームメディア

61 グラフィックスデバッガー Developer Camp 2012 Japan Fall

62 ゲームアプリ

64 WMV, WMA Windows Media Encoder Windows Media Service Windows Media Rights Manager Windows Media Player RTSP

65 Any Format Any Encoder IIS Media Services PlayReady Any Devices HTTP

66 Tools Microsoft PlayReady Windows Azure Media Encoder ios Smooth Streaming & Play Ready SDK for ios Smooth Streaming & PlayReady Client Porting Kits Xbox Application Development Kit Frameworks Microsoft Media Platform Player Framework Microsoft Media Platform Content Manager Microsoft Media Platform Video Editor Microsoft Media Platform Audience Insight

67 ファイル形式コーデック H.263, H.264 (Baseline, Main, High) AAC (LC, HE) VC-1 / WMV9 WMA (Standard, Voice, lossless, Pro) MP3 PCM, WAV, ADPCM MPEG-1 Audio (L1, L2)

68 主要なクラス HTML : <video> と <audio> XAML : MediaElement 再生シナリオ 1:08 / 4:27 Web / IIS からのプログレッシブダウンロード Windows Media サービスのストリーミング (XAML のみ ) ローカルファイルからの選択

69 主要なクラスエフェクトの利用用途

70 再生用のクラス MediaControl の設定メディアボタンの利用 Package.appxmanifest の宣言

71 Windows.Media.MediaProperties ビデオ音声静止画のエンコード用プロパティフォーマット ( コンテナ ) のプロパティエンコードプロファイルの作成 Windows.Media.Transcoding.MediaTranscoder

72 Microsoft PlayReady Client SDK for Metro Style Apps DRM のシナリオ

73 アプリの展開

74 Windows ストアアプリの展開 Windows ストアから配布する場合 Windows ストアの開発者登録を完了後アプリを申請審査に合格すると Windows ストアに掲載企業内展開 Windows ストアの審査は不要必要な環境設定を行い PowerShell などを利用してアプリをインストール Windows ストアアプリの開発者ライセンスが有効な PC 開発者は PowerShell を使ってテスト用アプリのインストールが可能 Developer Camp 2012 Japan Fall

79 Windows アプリ認定キット (WACK) Windows ストアにアプリを提出する前の事前テストパッケージの作成時に実行あるいは手動で呼び出し (windows app で検索 ) Developer Camp 2012 Japan Fall

80 実行から終了まで Developer Camp 2012 Japan Fall

81 Developer Camp 2012 Japan Fall

82 Windows ストア開発者登録 Microsoft アカウントを作成法人の場合共用できるアカウントを作成 Windows ストアにアクセスするコンピュータを信頼済み PC に登録クレジットカードを準備へアクセス法人登録の場合は GeoTrust (Symantec) から届くメールをご確認 Developer Camp 2012 Japan Fall

83 企業内展開 Windows ストアへの申請は不要信頼された証明書を含んだパッケージを作成信頼できるすべてのアプリのインストールを許可するグループポリシーの設定が必須 Developer Camp 2012 Japan Fall

84 信頼できるすべてのアプリのインストールを許可する Developer Camp 2012 Japan Fall

85 影響を受けるレジストリ Developer Camp 2012 Japan Fall

86 PowerShell によるコマンド例インストール add-appxpackage C: app1.appx インストール済みのパッケージを一覧 get-appxpackage アンインストール remove-appxpackage <PackageFullName> Developer Camp 2012 Japan Fall

87 GridView の ItemTemplate を Standard250x250ItemTemplate

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.

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

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション DE - 003 Windows 8.1 時代のクライアントアプリケーション開発日本マイクロソフト株式会社デベロッパー & プラットフォーム統括本部エバンジェリスト井戸文彦本セッションの目的 Windows 8.1 におけるデスクトップとストアアプリの違いと使い分けをご理解いただくこと今日の内容 Windows 8.1 プラットフォームデスクトップアプリ開発 Windows ストアアプリ開発

Agenda 準備 : Windows ストアアプリ開発をはじめよう 練習 : 遊びながら 開発ツールに慣れよう 学習 : デモで学ぶ Windows 8 固有の機能の実装方法 実践 : ライブで体験 テンプレートを使ったアプリ開発

Agenda 準備 : Windows ストアアプリ開発をはじめよう練習 : 遊びながら開発ツールに慣れよう学習 : デモで学ぶ Windows 8 固有の機能の実装方法実践 : ライブで体験テンプレートを使ったアプリ開発