SlideShare a Scribd company logo
1 of 64
Download to read offline
生まれ変わった Windows
 タッチが最優先の機能     複数のフォーム ファクター




  Windows ストア     新たな開発モデル
Windows 8 固有の機能を活用
   グリッド アプリケーション    検索


   タッチ操作
                     共有

   アプリバー
   コントラクト           スタート




   セマンティックズーム       デバイス


   アプリデータとローミング
    プロセスライフサイクル
                     設定


   ライブタイル、通知、プッシュ
http://msdn.microsoft.com/ja-jp/library/windows/apps/br230836.aspx
Windows ストア、開発者登録
                            http://bit.ly/WSAppReg
 Microsoft アカウントを作成
  法人の場合、共用できるアカウントを作成
 Windows ストアにアクセスするコンピュータを
  「信頼済み PC」に登録
 クレジットカードを準備 (少額決済の確認が必須)
 https://appdev.microsoft.com/StorePortals/ へアクセス
 法人登録の場合は、GeoTrust (Symantec) から届く
  メールをご確認
Windows 8 プラットフォーム
開発環境                   http://bit.ly/w8try



   Visual Studio 2012        Blend for Visual Studio
• プログラミング                  • 画面デザイン
• デバッグ、テスト                 • コントロール作成
• 配置、パッケージ化                • アニメーション作成
  ※ Windows 8 の環境は必須 (仮想マシンもOK)
お名前.com
デスクトップクラウド for Windows アプリ
 http://www.onamae-desktop.com/dev/
Windows 8                 iOS               Android
開発ツール      Visual Studio      Xcode               Eclipse + ADT

プログラミング    C++, C#, VB,       Objective-C         Java
言語         JavaScript
画面作成       Blend for Visual   Storyboard          Layout Editor
           Studio             Interface Builder
ブラウザー      IE 10              Safari              WebKit エンジン
エンジン       Trident            WebKit              のブラウザ
3Dレンダリング   DirectX 11         OpenGL ES 1.1/2.0 OpenGL ES
                                                1.0/1.1/2.0
Windows 8   iOS   Android


イベント   Viewを更新




Modelを更新 変更の通知
XAML/C# による開発とデバッグ
 Blend for Visual Studio
   XAML によるデザイン
   コントロールとテンプレート
   Visual State Manager
 Visual Studio 2012 による開発とデバッグ
   非同期呼び出し (async – await)
   インテリセンス
   デバッガー、ブレークポイント、ステップ実行
HTML/JavaScript による開発とデバッグ
 Blend for Visual Studio
   HTML と CSS による ビジュアル デザイン
   Live DOM と対話モード
   画面モードと CSS メディアクエリー
 Visual Studio 2012 による開発とデバッグ
   インテリセンス、ブレークポイント、ステップ実行
   DOM Explorer と シミュレーター
   JavaScript コンソール
DRM Client   Source   Decoder   Effects   Encoder   Sink
                         Media Foundation
PlayReady      DirectX          Windows Audio Session API
Windows ストア アプリ成功への鍵
    http://msdn.microsoft.com/ja-jp/library/windows/apps/hh465427
   企画、コンセプト、ブランディング
   第一印象
                   企画
   UX デザイン
   何度もリリース   リリース                                 デザイン




                                    テスト          実装
http://www.youtube.com/watch?v=fjUat8mugUw
http://design.windows.com
6 unit                        2 sub unit   1 column
             120px                         10px         80px

  5 unit              42pt
  100px                       ベースライン
  30px
                              20pt

  1 unit
  20px

                       11pt

                                     9pt

2 sub unit
10px
アプリバー
コントラクト
 Windows ストア アプリでは、ユーザーと OS / アプリの取り
  決めのことをコントラクトと呼んでいます
 アプリが実装できるコントラクト
 ① 検索コントラクト
 ② 設定コントラクト
 ③ ソース共有コントラクト
 ④ ターゲット共有コントラクト
 ⑤ スプラッシュ スクリーン
 ⑥ ファイルピッカー
http://msdn.microsoft.com/ja-jp/library/windows/apps/hh465251(v=VS.85).aspx
検索のしくみ
1.   検索ボックスは
     画面のメイン アプリが対象

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


3.   インストール済みで検索コントラクト
     を実装する アプリを一覧表示
検索のしくみ
4.   結果の候補は
     画面のメイン アプリが提供
     • サムネイルとタイトルは必須
     • 有力な結果または完全一致結果を表示
     • ユーザーは結果の詳細を直接表示可能
アプリの中断処理    アプリは終了前に
         5 秒以内に終わらせる   通知を受けない


ユーザー
がアプリ
を起動
          アプリは再開時に
           通知を受け取る


スプラッシュ
 スクリーン
トースト通知はライブ タイルと同じテンプレート アーキテクチ
ャを使用する
1. チャネル URI を要求する
2. 使用するクラウド サービスを登録
   する
3. 認証してプッシュ通知を配信する
http://bit.ly/WAMobileService
Windows ストア アプリの展開
 Windows ストアから配布する場合
  Windows ストアの開発者登録を完了後、アプリを申請
  審査に合格すると、Windows ストアに掲載
 企業内展開
  Windows ストアの審査は不要、必要な環境設定を行い、
  PowerShell などを利用してアプリをインストール
 Windows ストア アプリの開発者ライセンスが有効な PC
  開発者は、PowerShell を使ってテスト用アプリの
  インストールが可能
Windows アプリ認定キット (WACK)
 Windows ストアにアプリを提出する前の
  事前テスト用ツール
 パッケージの作成時に実行
 あるいは、手動で呼び出し (windows app で検索)
企業内展開
 Windows ストアへの申請は不要
 信頼された証明書を含んだパッケージを作成
 Windows 8 Pro, Windows 8 Enterprise, Windows RT
 サイドローディング用のキーを購入
 「信頼できるすべてのアプリのインストールを
 許可する」グループポリシーの設定が必須
        http://bit.ly/w8sideloding
PowerShell によるコマンド例
 インストール
  add-appxpackage C:¥app1.appx
 インストール済みのパッケージを一覧
  get-appxpackage
 アンインストール
  remove-appxpackage <PackageFullName>
http://msdn.microsoft.com/ja-jp/library/windows/apps/hh868262
http://bit.ly/iOStoWinRT

http://bit.ly/AndroidtoWinRT
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
© 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.

More Related Content

What's hot

Marshmallowで変更になったpermission
Marshmallowで変更になったpermissionMarshmallowで変更になったpermission
Marshmallowで変更になったpermissionPong Hiro
 
モバイルアプリケーション開発体験ハンズオン ~実装からビルド・テスト・ベータテスト配布まで~ Android 編
モバイルアプリケーション開発体験ハンズオン ~実装からビルド・テスト・ベータテスト配布まで~ Android 編モバイルアプリケーション開発体験ハンズオン ~実装からビルド・テスト・ベータテスト配布まで~ Android 編
モバイルアプリケーション開発体験ハンズオン ~実装からビルド・テスト・ベータテスト配布まで~ Android 編Masaki Takeda
 
Windows ストアアプリを HTMLで作成する
Windows ストアアプリをHTMLで作成するWindows ストアアプリをHTMLで作成する
Windows ストアアプリを HTMLで作成するNarami Kiyokura
 
Silverlight 5でぶり返すWPF不要論
Silverlight 5でぶり返すWPF不要論Silverlight 5でぶり返すWPF不要論
Silverlight 5でぶり返すWPF不要論Yuya Yamaki
 
Lightingコンポーネントベーシック開発
Lightingコンポーネントベーシック開発Lightingコンポーネントベーシック開発
Lightingコンポーネントベーシック開発Akihiro Iwaya
 
Visual Studio Online BUILD を本気で使いこなして品質&効率を劇的に上げる! [ Comm Tech Festival ] C-4
Visual Studio Online BUILD を本気で使いこなして品質&効率を劇的に上げる! [ Comm Tech Festival ] C-4Visual Studio Online BUILD を本気で使いこなして品質&効率を劇的に上げる! [ Comm Tech Festival ] C-4
Visual Studio Online BUILD を本気で使いこなして品質&効率を劇的に上げる! [ Comm Tech Festival ] C-4慎一 古賀
 
Web App Framework at SwapSkills vol28
Web App Framework at SwapSkills vol28Web App Framework at SwapSkills vol28
Web App Framework at SwapSkills vol28光一 原田
 
クロスプラットフォーム開発入門
クロスプラットフォーム開発入門クロスプラットフォーム開発入門
クロスプラットフォーム開発入門minazou67
 
Windows アプリケーション開発 はじめに ~ Windows アプリケーション開発初学者の方向け Visual Studio を使ったアプリケーショ...
Windows アプリケーション開発はじめに ~ Windows アプリケーション開発初学者の方向けVisual Studio を使ったアプリケーショ...Windows アプリケーション開発はじめに ~ Windows アプリケーション開発初学者の方向けVisual Studio を使ったアプリケーショ...
Windows アプリケーション開発 はじめに ~ Windows アプリケーション開発初学者の方向け Visual Studio を使ったアプリケーショ...Fujio Kojima
 
【JaSST'11 Kansai】 開発者とテスト担当者に最適なコラボレーションと効率化を!
【JaSST'11 Kansai】 開発者とテスト担当者に最適なコラボレーションと効率化を!【JaSST'11 Kansai】 開発者とテスト担当者に最適なコラボレーションと効率化を!
【JaSST'11 Kansai】 開発者とテスト担当者に最適なコラボレーションと効率化を!智治 長沢
 
Xamarin.Mac をこれからはじめるあなたへ
Xamarin.Mac をこれからはじめるあなたへXamarin.Mac をこれからはじめるあなたへ
Xamarin.Mac をこれからはじめるあなたへTsubasa Hirano
 
Windowsフォームで大丈夫か?一番良いのを頼む。
Windowsフォームで大丈夫か?一番良いのを頼む。Windowsフォームで大丈夫か?一番良いのを頼む。
Windowsフォームで大丈夫か?一番良いのを頼む。Yuya Yamaki
 
Android6.0 RuntimePermissionの実装と注意点
 Android6.0 RuntimePermissionの実装と注意点 Android6.0 RuntimePermissionの実装と注意点
Android6.0 RuntimePermissionの実装と注意点Katsuki Nakatani
 
ASP.NET MVC 2 ~新機能の紹介~
ASP.NET MVC 2 ~新機能の紹介~ASP.NET MVC 2 ~新機能の紹介~
ASP.NET MVC 2 ~新機能の紹介~Yoshitaka Seo
 
App006 os シェアトップの今
App006 os シェアトップの今App006 os シェアトップの今
App006 os シェアトップの今Tech Summit 2016
 
App006 os シェアトップの今
App006 os シェアトップの今App006 os シェアトップの今
App006 os シェアトップの今Tech Summit 2016
 
MTでのプレビューサイト制作
MTでのプレビューサイト制作MTでのプレビューサイト制作
MTでのプレビューサイト制作Kei Yoshida
 
Movable Type から BOT を作ろう! ~ Data API と Microsoft BOT Framework ~
Movable Type から BOT を作ろう! ~ Data API と Microsoft BOT Framework ~Movable Type から BOT を作ろう! ~ Data API と Microsoft BOT Framework ~
Movable Type から BOT を作ろう! ~ Data API と Microsoft BOT Framework ~Osamu Monoe
 
Android Mのruntime-permissionに潜む罠
Android Mのruntime-permissionに潜む罠Android Mのruntime-permissionに潜む罠
Android Mのruntime-permissionに潜む罠ak_shio_555
 
Android Studio開発講座
Android Studio開発講座Android Studio開発講座
Android Studio開発講座Keiji Ariyama
 

What's hot (20)

Marshmallowで変更になったpermission
Marshmallowで変更になったpermissionMarshmallowで変更になったpermission
Marshmallowで変更になったpermission
 
モバイルアプリケーション開発体験ハンズオン ~実装からビルド・テスト・ベータテスト配布まで~ Android 編
モバイルアプリケーション開発体験ハンズオン ~実装からビルド・テスト・ベータテスト配布まで~ Android 編モバイルアプリケーション開発体験ハンズオン ~実装からビルド・テスト・ベータテスト配布まで~ Android 編
モバイルアプリケーション開発体験ハンズオン ~実装からビルド・テスト・ベータテスト配布まで~ Android 編
 
Windows ストアアプリを HTMLで作成する
Windows ストアアプリをHTMLで作成するWindows ストアアプリをHTMLで作成する
Windows ストアアプリを HTMLで作成する
 
Silverlight 5でぶり返すWPF不要論
Silverlight 5でぶり返すWPF不要論Silverlight 5でぶり返すWPF不要論
Silverlight 5でぶり返すWPF不要論
 
Lightingコンポーネントベーシック開発
Lightingコンポーネントベーシック開発Lightingコンポーネントベーシック開発
Lightingコンポーネントベーシック開発
 
Visual Studio Online BUILD を本気で使いこなして品質&効率を劇的に上げる! [ Comm Tech Festival ] C-4
Visual Studio Online BUILD を本気で使いこなして品質&効率を劇的に上げる! [ Comm Tech Festival ] C-4Visual Studio Online BUILD を本気で使いこなして品質&効率を劇的に上げる! [ Comm Tech Festival ] C-4
Visual Studio Online BUILD を本気で使いこなして品質&効率を劇的に上げる! [ Comm Tech Festival ] C-4
 
Web App Framework at SwapSkills vol28
Web App Framework at SwapSkills vol28Web App Framework at SwapSkills vol28
Web App Framework at SwapSkills vol28
 
クロスプラットフォーム開発入門
クロスプラットフォーム開発入門クロスプラットフォーム開発入門
クロスプラットフォーム開発入門
 
Windows アプリケーション開発 はじめに ~ Windows アプリケーション開発初学者の方向け Visual Studio を使ったアプリケーショ...
Windows アプリケーション開発はじめに ~ Windows アプリケーション開発初学者の方向けVisual Studio を使ったアプリケーショ...Windows アプリケーション開発はじめに ~ Windows アプリケーション開発初学者の方向けVisual Studio を使ったアプリケーショ...
Windows アプリケーション開発 はじめに ~ Windows アプリケーション開発初学者の方向け Visual Studio を使ったアプリケーショ...
 
【JaSST'11 Kansai】 開発者とテスト担当者に最適なコラボレーションと効率化を!
【JaSST'11 Kansai】 開発者とテスト担当者に最適なコラボレーションと効率化を!【JaSST'11 Kansai】 開発者とテスト担当者に最適なコラボレーションと効率化を!
【JaSST'11 Kansai】 開発者とテスト担当者に最適なコラボレーションと効率化を!
 
Xamarin.Mac をこれからはじめるあなたへ
Xamarin.Mac をこれからはじめるあなたへXamarin.Mac をこれからはじめるあなたへ
Xamarin.Mac をこれからはじめるあなたへ
 
Windowsフォームで大丈夫か?一番良いのを頼む。
Windowsフォームで大丈夫か?一番良いのを頼む。Windowsフォームで大丈夫か?一番良いのを頼む。
Windowsフォームで大丈夫か?一番良いのを頼む。
 
Android6.0 RuntimePermissionの実装と注意点
 Android6.0 RuntimePermissionの実装と注意点 Android6.0 RuntimePermissionの実装と注意点
Android6.0 RuntimePermissionの実装と注意点
 
ASP.NET MVC 2 ~新機能の紹介~
ASP.NET MVC 2 ~新機能の紹介~ASP.NET MVC 2 ~新機能の紹介~
ASP.NET MVC 2 ~新機能の紹介~
 
App006 os シェアトップの今
App006 os シェアトップの今App006 os シェアトップの今
App006 os シェアトップの今
 
App006 os シェアトップの今
App006 os シェアトップの今App006 os シェアトップの今
App006 os シェアトップの今
 
MTでのプレビューサイト制作
MTでのプレビューサイト制作MTでのプレビューサイト制作
MTでのプレビューサイト制作
 
Movable Type から BOT を作ろう! ~ Data API と Microsoft BOT Framework ~
Movable Type から BOT を作ろう! ~ Data API と Microsoft BOT Framework ~Movable Type から BOT を作ろう! ~ Data API と Microsoft BOT Framework ~
Movable Type から BOT を作ろう! ~ Data API と Microsoft BOT Framework ~
 
Android Mのruntime-permissionに潜む罠
Android Mのruntime-permissionに潜む罠Android Mのruntime-permissionに潜む罠
Android Mのruntime-permissionに潜む罠
 
Android Studio開発講座
Android Studio開発講座Android Studio開発講座
Android Studio開発講座
 

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

Developr Camp 2012 Japan Fall Day2 Special Session - Visual Studio 2012 で始める ...
Developr Camp 2012 Japan Fall Day2 Special Session - Visual Studio 2012 で始める ...Developr Camp 2012 Japan Fall Day2 Special Session - Visual Studio 2012 で始める ...
Developr Camp 2012 Japan Fall Day2 Special Session - Visual Studio 2012 で始める ...Developer Camp 2012 Japan Fall
 
Dev camp2012jpn day2special
Dev camp2012jpn day2specialDev camp2012jpn day2special
Dev camp2012jpn day2specialKatsuhito Katoh
 
マイクロソフトWeb開発の今と今後
マイクロソフトWeb開発の今と今後マイクロソフトWeb開発の今と今後
マイクロソフトWeb開発の今と今後Akira Inoue
 
jQuery と MVC で実践する標準志向 Web 開発
jQuery と MVC で実践する標準志向 Web 開発jQuery と MVC で実践する標準志向 Web 開発
jQuery と MVC で実践する標準志向 Web 開発Akira Inoue
 
Internet Explorer 9 の新機能「固定サイト」 (Pinned sites)
Internet Explorer 9 の新機能「固定サイト」 (Pinned sites)Internet Explorer 9 の新機能「固定サイト」 (Pinned sites)
Internet Explorer 9 の新機能「固定サイト」 (Pinned sites)shigeya
 
Adobe Edge Inspectを利用してデバッグ
Adobe Edge Inspectを利用してデバッグAdobe Edge Inspectを利用してデバッグ
Adobe Edge Inspectを利用してデバッグKeisuke Todoroki
 
DEV-001_オープンソース エディタ Visual Studio Code の極意
DEV-001_オープンソース エディタ Visual Studio Code の極意DEV-001_オープンソース エディタ Visual Studio Code の極意
DEV-001_オープンソース エディタ Visual Studio Code の極意decode2016
 
Windows ストアアプリから使かえるセンサーAPIとデバイスAPI
Windows ストアアプリから使かえるセンサーAPIとデバイスAPIWindows ストアアプリから使かえるセンサーAPIとデバイスAPI
Windows ストアアプリから使かえるセンサーAPIとデバイスAPIOsamu Monoe
 
SAPPORO CEDEC 2014 Visual Studio Tools for Unity
SAPPORO CEDEC 2014 Visual Studio Tools for UnitySAPPORO CEDEC 2014 Visual Studio Tools for Unity
SAPPORO CEDEC 2014 Visual Studio Tools for UnityAkira Onishi
 
Microsoft × Unity - Visual Studio Tools for Unityを使った開発・デバッグ、Unityによるユニバーサル W...
Microsoft × Unity - Visual Studio Tools for Unityを使った開発・デバッグ、Unityによるユニバーサル W...Microsoft × Unity - Visual Studio Tools for Unityを使った開発・デバッグ、Unityによるユニバーサル W...
Microsoft × Unity - Visual Studio Tools for Unityを使った開発・デバッグ、Unityによるユニバーサル W...Akira Onishi
 
DEV-008_Developing on the Edge. ~Web プラットフォームと Cordova~
DEV-008_Developing on the Edge. ~Web プラットフォームと Cordova~DEV-008_Developing on the Edge. ~Web プラットフォームと Cordova~
DEV-008_Developing on the Edge. ~Web プラットフォームと Cordova~decode2016
 
Solution semniar vs2013_multi_device-1209-new
Solution semniar vs2013_multi_device-1209-newSolution semniar vs2013_multi_device-1209-new
Solution semniar vs2013_multi_device-1209-newShotaro Suzuki
 
【17-D-6】.NETアセンブリの宿命
【17-D-6】.NETアセンブリの宿命【17-D-6】.NETアセンブリの宿命
【17-D-6】.NETアセンブリの宿命Developers Summit
 
2011年マイクロソフト テクノロジー振り返り~開発編~
2011年マイクロソフト テクノロジー振り返り~開発編~2011年マイクロソフト テクノロジー振り返り~開発編~
2011年マイクロソフト テクノロジー振り返り~開発編~Takeshi Shinmura
 
Microsoft Edge F12 開発者ツール
Microsoft Edge F12 開発者ツールMicrosoft Edge F12 開発者ツール
Microsoft Edge F12 開発者ツールYoshihisa Ozaki
 
Visual Studio 2019 GA ! ~ 最新情報 & これからの開発スタイル
Visual Studio 2019 GA ! ~ 最新情報 & これからの開発スタイルVisual Studio 2019 GA ! ~ 最新情報 & これからの開発スタイル
Visual Studio 2019 GA ! ~ 最新情報 & これからの開発スタイルAkira Inoue
 
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向Tsutomu Ogasawara
 
Android が巨大すぎてお困りのあなたへ~組み込み Windows の今と、これから~
Android が巨大すぎてお困りのあなたへ~組み込み Windows の今と、これから~Android が巨大すぎてお困りのあなたへ~組み込み Windows の今と、これから~
Android が巨大すぎてお困りのあなたへ~組み込み Windows の今と、これから~Shin-ya Koga
 
デスクトップ アプリ開発における Visual Studio の進化
デスクトップ アプリ開発における Visual Studio の進化デスクトップ アプリ開発における Visual Studio の進化
デスクトップ アプリ開発における Visual Studio の進化Katsuhiro Aizawa
 
ボット開発でも DevOps! BotBuilder のテスト手法
ボット開発でも DevOps! BotBuilder のテスト手法ボット開発でも DevOps! BotBuilder のテスト手法
ボット開発でも DevOps! BotBuilder のテスト手法Kenichiro Nakamura
 

Similar to Windowsストアアプリ開発 オープンセミナー広島 (20)

Developr Camp 2012 Japan Fall Day2 Special Session - Visual Studio 2012 で始める ...
Developr Camp 2012 Japan Fall Day2 Special Session - Visual Studio 2012 で始める ...Developr Camp 2012 Japan Fall Day2 Special Session - Visual Studio 2012 で始める ...
Developr Camp 2012 Japan Fall Day2 Special Session - Visual Studio 2012 で始める ...
 
Dev camp2012jpn day2special
Dev camp2012jpn day2specialDev camp2012jpn day2special
Dev camp2012jpn day2special
 
マイクロソフトWeb開発の今と今後
マイクロソフトWeb開発の今と今後マイクロソフトWeb開発の今と今後
マイクロソフトWeb開発の今と今後
 
jQuery と MVC で実践する標準志向 Web 開発
jQuery と MVC で実践する標準志向 Web 開発jQuery と MVC で実践する標準志向 Web 開発
jQuery と MVC で実践する標準志向 Web 開発
 
Internet Explorer 9 の新機能「固定サイト」 (Pinned sites)
Internet Explorer 9 の新機能「固定サイト」 (Pinned sites)Internet Explorer 9 の新機能「固定サイト」 (Pinned sites)
Internet Explorer 9 の新機能「固定サイト」 (Pinned sites)
 
Adobe Edge Inspectを利用してデバッグ
Adobe Edge Inspectを利用してデバッグAdobe Edge Inspectを利用してデバッグ
Adobe Edge Inspectを利用してデバッグ
 
DEV-001_オープンソース エディタ Visual Studio Code の極意
DEV-001_オープンソース エディタ Visual Studio Code の極意DEV-001_オープンソース エディタ Visual Studio Code の極意
DEV-001_オープンソース エディタ Visual Studio Code の極意
 
Windows ストアアプリから使かえるセンサーAPIとデバイスAPI
Windows ストアアプリから使かえるセンサーAPIとデバイスAPIWindows ストアアプリから使かえるセンサーAPIとデバイスAPI
Windows ストアアプリから使かえるセンサーAPIとデバイスAPI
 
SAPPORO CEDEC 2014 Visual Studio Tools for Unity
SAPPORO CEDEC 2014 Visual Studio Tools for UnitySAPPORO CEDEC 2014 Visual Studio Tools for Unity
SAPPORO CEDEC 2014 Visual Studio Tools for Unity
 
Microsoft × Unity - Visual Studio Tools for Unityを使った開発・デバッグ、Unityによるユニバーサル W...
Microsoft × Unity - Visual Studio Tools for Unityを使った開発・デバッグ、Unityによるユニバーサル W...Microsoft × Unity - Visual Studio Tools for Unityを使った開発・デバッグ、Unityによるユニバーサル W...
Microsoft × Unity - Visual Studio Tools for Unityを使った開発・デバッグ、Unityによるユニバーサル W...
 
DEV-008_Developing on the Edge. ~Web プラットフォームと Cordova~
DEV-008_Developing on the Edge. ~Web プラットフォームと Cordova~DEV-008_Developing on the Edge. ~Web プラットフォームと Cordova~
DEV-008_Developing on the Edge. ~Web プラットフォームと Cordova~
 
Solution semniar vs2013_multi_device-1209-new
Solution semniar vs2013_multi_device-1209-newSolution semniar vs2013_multi_device-1209-new
Solution semniar vs2013_multi_device-1209-new
 
【17-D-6】.NETアセンブリの宿命
【17-D-6】.NETアセンブリの宿命【17-D-6】.NETアセンブリの宿命
【17-D-6】.NETアセンブリの宿命
 
2011年マイクロソフト テクノロジー振り返り~開発編~
2011年マイクロソフト テクノロジー振り返り~開発編~2011年マイクロソフト テクノロジー振り返り~開発編~
2011年マイクロソフト テクノロジー振り返り~開発編~
 
Microsoft Edge F12 開発者ツール
Microsoft Edge F12 開発者ツールMicrosoft Edge F12 開発者ツール
Microsoft Edge F12 開発者ツール
 
Visual Studio 2019 GA ! ~ 最新情報 & これからの開発スタイル
Visual Studio 2019 GA ! ~ 最新情報 & これからの開発スタイルVisual Studio 2019 GA ! ~ 最新情報 & これからの開発スタイル
Visual Studio 2019 GA ! ~ 最新情報 & これからの開発スタイル
 
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向
 
Android が巨大すぎてお困りのあなたへ~組み込み Windows の今と、これから~
Android が巨大すぎてお困りのあなたへ~組み込み Windows の今と、これから~Android が巨大すぎてお困りのあなたへ~組み込み Windows の今と、これから~
Android が巨大すぎてお困りのあなたへ~組み込み Windows の今と、これから~
 
デスクトップ アプリ開発における Visual Studio の進化
デスクトップ アプリ開発における Visual Studio の進化デスクトップ アプリ開発における Visual Studio の進化
デスクトップ アプリ開発における Visual Studio の進化
 
ボット開発でも DevOps! BotBuilder のテスト手法
ボット開発でも DevOps! BotBuilder のテスト手法ボット開発でも DevOps! BotBuilder のテスト手法
ボット開発でも DevOps! BotBuilder のテスト手法
 

More from Akira Onishi

OpenShift Ready、エンジニア視点によるデジタル変革への備え
OpenShift Ready、エンジニア視点によるデジタル変革への備え OpenShift Ready、エンジニア視点によるデジタル変革への備え
OpenShift Ready、エンジニア視点によるデジタル変革への備え Akira Onishi
 
Unite 2014 Seattle を踏まえて Unityゲーム開発 on Windows
Unite 2014 Seattle を踏まえて Unityゲーム開発 on WindowsUnite 2014 Seattle を踏まえて Unityゲーム開発 on Windows
Unite 2014 Seattle を踏まえて Unityゲーム開発 on WindowsAkira Onishi
 
ユニバーサル Windows アプリ開発
ユニバーサル Windows アプリ開発ユニバーサル Windows アプリ開発
ユニバーサル Windows アプリ開発Akira Onishi
 
クラウドを利用したWindows ストアアプリ開発 ~ Windows Azure と連携する ~
クラウドを利用したWindows ストアアプリ開発 ~ Windows Azure と連携する ~クラウドを利用したWindows ストアアプリ開発 ~ Windows Azure と連携する ~
クラウドを利用したWindows ストアアプリ開発 ~ Windows Azure と連携する ~Akira Onishi
 
Xamarin + Visual Studio によるマルチプラットフォーム対応アプリ開発 - iOS, Android, Windows に対応しよう
Xamarin + Visual Studio によるマルチプラットフォーム対応アプリ開発 - iOS, Android, Windows に対応しようXamarin + Visual Studio によるマルチプラットフォーム対応アプリ開発 - iOS, Android, Windows に対応しよう
Xamarin + Visual Studio によるマルチプラットフォーム対応アプリ開発 - iOS, Android, Windows に対応しようAkira Onishi
 
Unity on Windows 8.1
Unity on Windows 8.1Unity on Windows 8.1
Unity on Windows 8.1Akira Onishi
 
CEDEC 2013 Unity on Windows 8
CEDEC 2013 Unity on Windows 8CEDEC 2013 Unity on Windows 8
CEDEC 2013 Unity on Windows 8Akira Onishi
 
Windows Phoneの 企業内活用方法、 社内向けアプリ開発と展開
Windows Phoneの企業内活用方法、社内向けアプリ開発と展開Windows Phoneの企業内活用方法、社内向けアプリ開発と展開
Windows Phoneの 企業内活用方法、 社内向けアプリ開発と展開Akira Onishi
 
Web リソースを活用した簡単アプリケーション開発(Windows Phone)
Web リソースを活用した簡単アプリケーション開発(Windows Phone)Web リソースを活用した簡単アプリケーション開発(Windows Phone)
Web リソースを活用した簡単アプリケーション開発(Windows Phone)Akira Onishi
 

More from Akira Onishi (10)

OpenShift Ready、エンジニア視点によるデジタル変革への備え
OpenShift Ready、エンジニア視点によるデジタル変革への備え OpenShift Ready、エンジニア視点によるデジタル変革への備え
OpenShift Ready、エンジニア視点によるデジタル変革への備え
 
Unite 2014 Seattle を踏まえて Unityゲーム開発 on Windows
Unite 2014 Seattle を踏まえて Unityゲーム開発 on WindowsUnite 2014 Seattle を踏まえて Unityゲーム開発 on Windows
Unite 2014 Seattle を踏まえて Unityゲーム開発 on Windows
 
ユニバーサル Windows アプリ開発
ユニバーサル Windows アプリ開発ユニバーサル Windows アプリ開発
ユニバーサル Windows アプリ開発
 
クラウドを利用したWindows ストアアプリ開発 ~ Windows Azure と連携する ~
クラウドを利用したWindows ストアアプリ開発 ~ Windows Azure と連携する ~クラウドを利用したWindows ストアアプリ開発 ~ Windows Azure と連携する ~
クラウドを利用したWindows ストアアプリ開発 ~ Windows Azure と連携する ~
 
Vs xamarin
Vs xamarinVs xamarin
Vs xamarin
 
Xamarin + Visual Studio によるマルチプラットフォーム対応アプリ開発 - iOS, Android, Windows に対応しよう
Xamarin + Visual Studio によるマルチプラットフォーム対応アプリ開発 - iOS, Android, Windows に対応しようXamarin + Visual Studio によるマルチプラットフォーム対応アプリ開発 - iOS, Android, Windows に対応しよう
Xamarin + Visual Studio によるマルチプラットフォーム対応アプリ開発 - iOS, Android, Windows に対応しよう
 
Unity on Windows 8.1
Unity on Windows 8.1Unity on Windows 8.1
Unity on Windows 8.1
 
CEDEC 2013 Unity on Windows 8
CEDEC 2013 Unity on Windows 8CEDEC 2013 Unity on Windows 8
CEDEC 2013 Unity on Windows 8
 
Windows Phoneの 企業内活用方法、 社内向けアプリ開発と展開
Windows Phoneの企業内活用方法、社内向けアプリ開発と展開Windows Phoneの企業内活用方法、社内向けアプリ開発と展開
Windows Phoneの 企業内活用方法、 社内向けアプリ開発と展開
 
Web リソースを活用した簡単アプリケーション開発(Windows Phone)
Web リソースを活用した簡単アプリケーション開発(Windows Phone)Web リソースを活用した簡単アプリケーション開発(Windows Phone)
Web リソースを活用した簡単アプリケーション開発(Windows Phone)
 

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

  • 1.
  • 2.
  • 3.
  • 4.
  • 5. 生まれ変わった Windows タッチが最優先の機能 複数のフォーム ファクター Windows ストア 新たな開発モデル
  • 6. Windows 8 固有の機能を活用  グリッド アプリケーション 検索  タッチ操作 共有  アプリバー  コントラクト スタート  セマンティックズーム デバイス  アプリデータとローミング プロセスライフサイクル 設定   ライブタイル、通知、プッシュ
  • 7.
  • 9.
  • 10. Windows ストア、開発者登録 http://bit.ly/WSAppReg  Microsoft アカウントを作成 法人の場合、共用できるアカウントを作成  Windows ストアにアクセスするコンピュータを 「信頼済み PC」に登録  クレジットカードを準備 (少額決済の確認が必須)  https://appdev.microsoft.com/StorePortals/ へアクセス  法人登録の場合は、GeoTrust (Symantec) から届く メールをご確認
  • 11.
  • 13.
  • 14. 開発環境 http://bit.ly/w8try Visual Studio 2012 Blend for Visual Studio • プログラミング • 画面デザイン • デバッグ、テスト • コントロール作成 • 配置、パッケージ化 • アニメーション作成 ※ Windows 8 の環境は必須 (仮想マシンもOK)
  • 15. お名前.com デスクトップクラウド for Windows アプリ http://www.onamae-desktop.com/dev/
  • 16.
  • 17. Windows 8 iOS Android 開発ツール Visual Studio Xcode Eclipse + ADT プログラミング C++, C#, VB, Objective-C Java 言語 JavaScript 画面作成 Blend for Visual Storyboard Layout Editor Studio Interface Builder ブラウザー IE 10 Safari WebKit エンジン エンジン Trident WebKit のブラウザ 3Dレンダリング DirectX 11 OpenGL ES 1.1/2.0 OpenGL ES 1.0/1.1/2.0
  • 18. Windows 8 iOS Android イベント Viewを更新 Modelを更新 変更の通知
  • 19.
  • 20.
  • 21.
  • 22. XAML/C# による開発とデバッグ  Blend for Visual Studio  XAML によるデザイン  コントロールとテンプレート  Visual State Manager  Visual Studio 2012 による開発とデバッグ  非同期呼び出し (async – await)  インテリセンス  デバッガー、ブレークポイント、ステップ実行
  • 23. HTML/JavaScript による開発とデバッグ  Blend for Visual Studio  HTML と CSS による ビジュアル デザイン  Live DOM と対話モード  画面モードと CSS メディアクエリー  Visual Studio 2012 による開発とデバッグ  インテリセンス、ブレークポイント、ステップ実行  DOM Explorer と シミュレーター  JavaScript コンソール
  • 24.
  • 25. DRM Client Source Decoder Effects Encoder Sink Media Foundation PlayReady DirectX Windows Audio Session API
  • 26.
  • 27.
  • 28. Windows ストア アプリ成功への鍵 http://msdn.microsoft.com/ja-jp/library/windows/apps/hh465427  企画、コンセプト、ブランディング  第一印象 企画  UX デザイン  何度もリリース リリース デザイン テスト 実装
  • 31. 6 unit 2 sub unit 1 column 120px 10px 80px 5 unit 42pt 100px ベースライン 30px 20pt 1 unit 20px 11pt 9pt 2 sub unit 10px
  • 32.
  • 34. コントラクト  Windows ストア アプリでは、ユーザーと OS / アプリの取り 決めのことをコントラクトと呼んでいます  アプリが実装できるコントラクト ① 検索コントラクト ② 設定コントラクト ③ ソース共有コントラクト ④ ターゲット共有コントラクト ⑤ スプラッシュ スクリーン ⑥ ファイルピッカー http://msdn.microsoft.com/ja-jp/library/windows/apps/hh465251(v=VS.85).aspx
  • 35. 検索のしくみ 1. 検索ボックスは 画面のメイン アプリが対象 2. クエリの候補は 画面のメイン アプリが提供 • アプリに検索結果がある語句を オートコンプリート 3. インストール済みで検索コントラクト を実装する アプリを一覧表示
  • 36. 検索のしくみ 4. 結果の候補は 画面のメイン アプリが提供 • サムネイルとタイトルは必須 • 有力な結果または完全一致結果を表示 • ユーザーは結果の詳細を直接表示可能
  • 37.
  • 38.
  • 39. アプリの中断処理 アプリは終了前に 5 秒以内に終わらせる 通知を受けない ユーザー がアプリ を起動 アプリは再開時に 通知を受け取る スプラッシュ スクリーン
  • 40.
  • 41.
  • 42.
  • 44. 1. チャネル URI を要求する 2. 使用するクラウド サービスを登録 する 3. 認証してプッシュ通知を配信する
  • 46.
  • 47. Windows ストア アプリの展開  Windows ストアから配布する場合 Windows ストアの開発者登録を完了後、アプリを申請 審査に合格すると、Windows ストアに掲載  企業内展開 Windows ストアの審査は不要、必要な環境設定を行い、 PowerShell などを利用してアプリをインストール  Windows ストア アプリの開発者ライセンスが有効な PC 開発者は、PowerShell を使ってテスト用アプリの インストールが可能
  • 48.
  • 49.
  • 50.
  • 51.
  • 52. Windows アプリ認定キット (WACK)  Windows ストアにアプリを提出する前の 事前テスト用ツール  パッケージの作成時に実行  あるいは、手動で呼び出し (windows app で検索)
  • 53. 企業内展開  Windows ストアへの申請は不要  信頼された証明書を含んだパッケージを作成  Windows 8 Pro, Windows 8 Enterprise, Windows RT  サイドローディング用のキーを購入  「信頼できるすべてのアプリのインストールを 許可する」グループポリシーの設定が必須 http://bit.ly/w8sideloding
  • 54. PowerShell によるコマンド例  インストール add-appxpackage C:¥app1.appx  インストール済みのパッケージを一覧 get-appxpackage  アンインストール remove-appxpackage <PackageFullName>
  • 55.
  • 58.
  • 59. 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
  • 60.
  • 61.
  • 62.
  • 63.
  • 64. © 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.