Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
VSUG DAY 2012 Winter (2012.12.15)Windows 8 ストア アプリ開発 Tips          小島 富治雄
自己紹介• 小島 富治雄• @Fujiwo• 福井コンピュータアーキテクト株式会社• Microsoft MVP C# (2005-2013)            VSUG DAY 2012 Winter 2012.12.15   2
アジェンダ1. Windows   2. Bing Map を         3. カメラを         4. ViewModel   ストア       使ってみよう                使ってみよう   アプリとは5. 単体...
本日の資料•   http://www.slideshare.net/Fujiwo/windo    ws-8-15634919•   http://slidesha.re/W3SrsK              VSUG DAY 2012 W...
1. Windows ストア アプリとは      VSUG DAY 2012 Winter 2012.12.15
Windows ストア アプリ       VSUG DAY 2012 Winter 2012.12.15
Windows 8二本立て!• Windows ストア アプリ• デスクトップ アプリ            VSUG DAY 2012 Winter 2012.12.15
Windows 8 のアプリ             デスクトップ アプリ                    Windows ストア アプリWindows 8    •   従来通り                      • 全画面x8...
マイクロソフト スタイル     VSUG DAY 2012 Winter 2012.12.15
Windows ストア アプリの特徴タッチ & マウス/キーボード基本フルスクリーン  カスケード ウィンドウじゃない  タイトルバー、従来のメニューがない横長  横スクロール        VSUG DAY 2012 Winter 2012....
Windows ストア アプリ新たな GUI への対応ライブタイル  バッチチャームアプリ バートースト通知セマンティック ズーム       VSUG DAY 2012 Winter 2012.12.15
WinRT        VSUG DAY 2012 Winter 2012.12.15
WinRT とは何か?Win32 API とは別の         Windows RunTime   Win32 API を置き換える   マイクロソフト スタイル アプリ(≒Windows ストア アプリ) 用        VSUG DA...
WinRT とは何か?COM ベースの API   .NET ではない   Win32 API よりはオブジェクト指向   C++ で書かれている        VSUG DAY 2012 Winter 2012.12.15
VSUG DAY 2012 Winter 2012.12.15
Windows ストア アプリ開発  C#/VB +            C++ +                    JavaScript   XAML              XAML                      + ...
言語プロジェクション      C++   (ネイティブ)                                   WinRT                                         (COMベース C#/V...
C#/VB では•       WinRT が使える    •   WinRT 仕様のクラス ライブラリも•       .NET が使える    •   .NET for Windows Store apps    •   .NET for ...
WinRT では多くの API が非同期に•       非同期呼び出しだらけ    •    タブレット等のデバイスで有効    •    50ms 以上掛かる可能性がある API は非同期版のみ•       非同期呼び出し?    •  ...
開発の例       VSUG DAY 2012 Winter 2012.12.15
私の開発環境Logicool Wireless Rechargeable Touchpad t650               VSUG DAY 2012 Winter 2012.12.15
私の開発環境     VSUG DAY 2012 Winter 2012.12.15
2. Bing Map を使ってみよう      VSUG DAY 2012 Winter 2012.12.15
Bing Maps SDK for Windows Store appshttp://visualstudiogallery.msdn.microsoft.com/bb764f67-6b2c-4e14-b2d3-17477ae1eaca    ...
Bing Maps SDK for Windows Store apps既存のアプリに NuGet で入れることも出来る                VSUG DAY 2012 Winter 2012.12.15
Bing Maps Account Centerhttp://www.bingmapsportal.com                 VSUG DAY 2012 Winter 2012.12.15
Bing Maps Account Center           VSUG DAY 2012 Winter 2012.12.15
Bing Maps Account Center           VSUG DAY 2012 Winter 2012.12.15
Bing Maps Application          VSUG DAY 2012 Winter 2012.12.15
Bing Map アプリの構成       VSUG DAY 2012 Winter 2012.12.15
Bing Map アプリの Package.appxmanifest                VSUG DAY 2012 Winter 2012.12.15
Bing Map アプリ - XAML<Page  x:Class="ShoPhotoInfo.MainPage"  IsTabStop="false"  xmlns="http://schemas.microsoft.com/winfx/20...
Bing Map アプリ - C#public sealed partial class MainPage : Page{  protected async override void OnNavigatedTo(NavigationEvent...
Bing Map アプリ - C# 続き static async Task<Geoposition> GetCurrentPosition() {    var geolocator = new Geolocator();    geoloc...
DEMO       VSUG DAY 2012 Winter 2012.12.15
3. カメラを使ってみよう     VSUG DAY 2012 Winter 2012.12.15
カメラ アプリの Package.appxmanifest               VSUG DAY 2012 Winter 2012.12.15
カメラ アプリ - XAML<Page  x:Class="ShoPhotoInfo.MainPage"  IsTabStop="false"  xmlns="http://schemas.microsoft.com/winfx/2006/xa...
写真撮影 - C#public static async Task<StorageFile> TakePhoto(){  var capture = new CameraCaptureUI();  var file = await captur...
写真の表示 - C#public static async Task<WriteableBitmap> CreateBitmapAsync(StorageFile file) {     var pixelSize = default(Size...
写真の表示 - C#async Task SetImageSource(StorageFile file){       var bitmap = await CreateBitmapAsync(file);       image.Sourc...
写真のファイルオープン - C# public static async Task<StorageFile> GetStorageFileAsync() {   var picker = new FileOpenPicker();   pick...
写真のファイル保存 - C#public static async Task SavePhoto(WriteableBitmap bitmap, string fileName){  var picker = new FileSavePicke...
写真のプロパティ(Exif) - C#public static async Task<ImageProperties>                 GetImagePropertiesAsync(StorageFile file){   ...
DEMO       VSUG DAY 2012 Winter 2012.12.15
4. ViewModel         VSUG DAY 2012 Winter 2012.12.15
ViewModel のサンプル                                         C#XAML       VSUG DAY 2012 Winter 2012.12.15
コード ビハインド - XAML<Grid>    <TextBox x:Name=“titleTextBox“                                 LostFocus="titleTextBox_LostFocus...
コードビハインド – C#public class Book{     string title = string.Empty;     public string Title { get { return title; } set { tit...
コードビハインド – C# public sealed partial class BookPage : Page{     Book book = new Book();    public BookPage()    {      Init...
ViewModel – C#public class Book : INotifyPropertyChanged{     public event PropertyChangedEventHandler PropertyChanged;   ...
ViewModel – C#public class AddBookCommand : ICommand{     public event EventHandler CanExecuteChanged;    readonly Book bo...
ViewModel - XAML<Page.Resources>    <viewModel:Book x:Key="book" /></Page.Resources><Grid DataContext="{Binding Source={St...
ViewModel その2 – C#public class ViewModelBase : INotifyPropertyChanged{     public event PropertyChangedEventHandler Proper...
ViewModel その2 – C#public class Book : ViewModelBase{     // public event PropertyChangedEventHandler PropertyChanged;     ...
DEMO       VSUG DAY 2012 Winter 2012.12.15
5. 単体テスト      VSUG DAY 2012 Winter 2012.12.15
単体テスト ライブラリ     VSUG DAY 2012 Winter 2012.12.15
単体テスト[TestClass]public class UnitTest1{     Book book;     AddBookCommand addCommand;   [TestInitialize]   public void Set...
単体テスト    [TestMethod]    public void AddCommandのCanExecuteが変化するか() {       Assert.IsFalse(addCommand.CanExecute(null));   ...
DEMO       VSUG DAY 2012 Winter 2012.12.15
6. ポータブル ライブラリ     VSUG DAY 2012 Winter 2012.12.15
XAML ファミリーXAMLファミリーでコードを共通化できないか?•  Windows Store アプリ•  Windows Phone アプリ•  Silverlight アプリ•  WPF アプリ        VSUG DAY 2012...
WPF と Silverlight の .NET          VSUG DAY 2012 Winter 2012.12.15
Phone と Store の .NET         VSUG DAY 2012 Winter 2012.12.15
ポータブル ライブラリ     VSUG DAY 2012 Winter 2012.12.15
ポータブル ライブラリ     VSUG DAY 2012 Winter 2012.12.15
ポータブル ライブラリclass Super { }class Sub : Super{   public int Number { get; set; }   public string Name { get; set; }}class Pr...
DEMO       VSUG DAY 2012 Winter 2012.12.15
7. Windows ストアへの提出      VSUG DAY 2012 Winter 2012.12.15
Windows ストア アプリ デベロッパー センター• http://msdn.microsoft.com/ja-JP/windows/apps• https://appdev.microsoft.com/StorePortals/     ...
Windows ストア アプリ デベロッパー センター           VSUG DAY 2012 Winter 2012.12.15
アプリ名の予約      VSUG DAY 2012 Winter 2012.12.15
アプリ名の予約     VSUG DAY 2012 Winter 2012.12.15
アプリ名の予約     VSUG DAY 2012 Winter 2012.12.15
Windows ストア アプリ 登録の手引きWindows 8 アプリ開発体験テンプレートhttp://msdn.microsoft.com/ja-jp/jj556277参考資料Windows ストア アプリ 登録の手引き本自習書では、Micr...
リジェクトの理由と対策    VSUG DAY 2012 Winter 2012.12.15
リジェクト理由2012/09/24お客様のアプリは、要件 4.1 を満たしていません。審査担当者からのコメント:There is no privacy policy in metadata regarding internetconnectio...
対処: プライバシーポリシープライバシーポリシーはじめにShos Software (以下「本サービス」) は、本サービスを利用する 全ての方 (以下「利用者」といいます) のプライバシーを尊重するために、 利用者の個人情報を以下の定義に従い、...
リジェクト理由2012/09/27お客様のアプリは、要件 2.4 を満たしていません。アプリがこの要件を満たしていないと見なされる一般的な理由は、アプリの主要なシナリオの 1 つに該当する部分を完了するために、ユーザーが Web ブラウザーにリ...
対処: …•   Windows 8 アプリ開発体験テンプレート    http://msdn.microsoft.com/ja-jp/jj556277    「NewsReader テンプレート XAML/C# 用」    で作ったアプリから...
リジェクト理由2012/09/25お客様のアプリは、要件 4.1 を満たしていません。             VSUG DAY 2012 Winter 2012.12.15
対処: プライバシーポリシーPrivacy PolicyShos Software takes the privacy of its users very respectfully. We also comply fully with the ...
対処: Package.appxmanifest          VSUG DAY 2012 Winter 2012.12.15
リジェクト理由2012/09/25お客様のアプリは、要件 6.5 を満たしていません。アプリがこの要件を満たしていないと見なされる一般的な理由:アプリが、1 つ以上の認定言語をサポートしていない。提出時に指定された言語の一部ではアプリが動作する...
対処: Package.appxmanifest<Resources> <Resource Language="x-generate" /></Resources>対処:<Resources> <Resource Language=“en" /...
リジェクト理由2012/09/25お客様のアプリは、要件 6.8 を満たしていません。アプリがこの要件を満たしていないと見なされる一般的な理由は、1 つ以上のスクリーンショットに、実際より良く見えるようなグラフィック処理が施されていることです。...
リジェクト理由2012/10/04お客様のアプリは、要件 1.2 を満たしていません。審査担当者からのコメント:You should add more detail to your app description, it read too ge...
リジェクト理由2012/09/28お客様のアプリは、要件 2.3 を満たしていません。 詳細情報アプリがこの要件を満たしていないと見なされる一般的な理由は、アプリ タイル、アプリ バー、設定チャーム ([バージョン情報] リンクを含む) が、プ...
Windows 8 Clinic•   http://msdn.microsoft.com/ja-jp/jj820154                VSUG DAY 2012 Winter 2012.12.15
8. お役立ちサイト     VSUG DAY 2012 Winter 2012.12.15
参考資料: 開発を始めるとき•   デベロッパー センター - Windows ストア アプリ    http://msdn.microsoft.com/ja-JP/windows/apps    Windows ストア アプリ開発は先ずここか...
参考資料: ブログ•   Windowsストアアプリ - 田中達彦のブログ - MSDN Blogs    http://blogs.msdn.com/b/ttanaka/archive/tags/windows_b930c830a230a23...
参考資料: 連載記事• 速習 Windowsストアアプリケーション - CodeZine  http://codezine.jp/article/corner/471• WinRT/Metro TIPS - Insider.NET - @IT ...
参考資料: ポータブル ライブラリ•   [Windows Store アプリ][XAML] Windows Store アプリと Windows Phone アプリ、    Silverlight アプリ、WPF アプリでソースコードを共通化...
参考資料: 単体テスト、ViewModel、その他•   Metroアプリをテストファーストするときのポイント - slideshare    http://www.slideshare.net/yasuhikoy/2520121201-tdd...
VSUG DAY 2012 Winter (2012.12.15)Windows 8 ストア アプリ開発 Tips          小島 富治雄
Upcoming SlideShare
Loading in …5
×

Windows 8 ストア アプリ 開発 Tips

12,106 views

Published on

VSUG DAY 2012 Winter (2012.12.15)
http://vsug.jp/tabid/228/EventID/22/Default.aspx

Published in: Technology
  • Be the first to comment

Windows 8 ストア アプリ 開発 Tips

  1. 1. VSUG DAY 2012 Winter (2012.12.15)Windows 8 ストア アプリ開発 Tips 小島 富治雄
  2. 2. 自己紹介• 小島 富治雄• @Fujiwo• 福井コンピュータアーキテクト株式会社• Microsoft MVP C# (2005-2013) VSUG DAY 2012 Winter 2012.12.15 2
  3. 3. アジェンダ1. Windows 2. Bing Map を 3. カメラを 4. ViewModel ストア 使ってみよう 使ってみよう アプリとは5. 単体テスト 6. ポータブル 7. Windows ス 8. お役立ち ライブラリ トアへの提出 サイト VSUG DAY 2012 Winter 2012.12.15
  4. 4. 本日の資料• http://www.slideshare.net/Fujiwo/windo ws-8-15634919• http://slidesha.re/W3SrsK VSUG DAY 2012 Winter 2012.12.15
  5. 5. 1. Windows ストア アプリとは VSUG DAY 2012 Winter 2012.12.15
  6. 6. Windows ストア アプリ VSUG DAY 2012 Winter 2012.12.15
  7. 7. Windows 8二本立て!• Windows ストア アプリ• デスクトップ アプリ VSUG DAY 2012 Winter 2012.12.15
  8. 8. Windows 8 のアプリ デスクトップ アプリ Windows ストア アプリWindows 8 • 従来通り • 全画面x86/x64 Win32 API • 新 API “WinRT” • .NET • C#/VB+XAML • Silverlight • JavaScript+HTML5 • ほとんどそのまま動作 • C++ + XAMLで ネイティブ アプリも可 • Windows Store で配布 (原則)Windows RT × • 審査ありARM VSUG DAY 2012 Winter 2012.12.15
  9. 9. マイクロソフト スタイル VSUG DAY 2012 Winter 2012.12.15
  10. 10. Windows ストア アプリの特徴タッチ & マウス/キーボード基本フルスクリーン カスケード ウィンドウじゃない タイトルバー、従来のメニューがない横長 横スクロール VSUG DAY 2012 Winter 2012.12.15
  11. 11. Windows ストア アプリ新たな GUI への対応ライブタイル バッチチャームアプリ バートースト通知セマンティック ズーム VSUG DAY 2012 Winter 2012.12.15
  12. 12. WinRT VSUG DAY 2012 Winter 2012.12.15
  13. 13. WinRT とは何か?Win32 API とは別の Windows RunTime Win32 API を置き換える マイクロソフト スタイル アプリ(≒Windows ストア アプリ) 用 VSUG DAY 2012 Winter 2012.12.15
  14. 14. WinRT とは何か?COM ベースの API .NET ではない Win32 API よりはオブジェクト指向 C++ で書かれている VSUG DAY 2012 Winter 2012.12.15
  15. 15. VSUG DAY 2012 Winter 2012.12.15
  16. 16. Windows ストア アプリ開発 C#/VB + C++ + JavaScript XAML XAML + HTML CLR ネイティブ Chakra WinRT VSUG DAY 2012 Winter 2012.12.15
  17. 17. 言語プロジェクション C++ (ネイティブ) WinRT (COMベース C#/VB CLR ネイティブ)(マネージ)JavaScript Chakra WinMD Windows MetaData VSUG DAY 2012 Winter 2012.12.15(型情報)
  18. 18. C#/VB では• WinRT が使える • WinRT 仕様のクラス ライブラリも• .NET が使える • .NET for Windows Store apps • .NET for Windows Store apps を使ったクラ ス ライブラリも • ポータブルクラスライブラリ (後述) も VSUG DAY 2012 Winter 2012.12.15
  19. 19. WinRT では多くの API が非同期に• 非同期呼び出しだらけ • タブレット等のデバイスで有効 • 50ms 以上掛かる可能性がある API は非同期版のみ• 非同期呼び出し? • APIの機能リクエストと結果受け取りが別※ これまでのプログラミング方法では複雑なコードに → async/await が有効 var client = new SyndicationClient(); var feed = await client.RetrieveFeedAsync(new Uri(feedUri)); VSUG DAY 2012 Winter 2012.12.15
  20. 20. 開発の例 VSUG DAY 2012 Winter 2012.12.15
  21. 21. 私の開発環境Logicool Wireless Rechargeable Touchpad t650 VSUG DAY 2012 Winter 2012.12.15
  22. 22. 私の開発環境 VSUG DAY 2012 Winter 2012.12.15
  23. 23. 2. Bing Map を使ってみよう VSUG DAY 2012 Winter 2012.12.15
  24. 24. Bing Maps SDK for Windows Store appshttp://visualstudiogallery.msdn.microsoft.com/bb764f67-6b2c-4e14-b2d3-17477ae1eaca VSUG DAY 2012 Winter 2012.12.15
  25. 25. Bing Maps SDK for Windows Store apps既存のアプリに NuGet で入れることも出来る VSUG DAY 2012 Winter 2012.12.15
  26. 26. Bing Maps Account Centerhttp://www.bingmapsportal.com VSUG DAY 2012 Winter 2012.12.15
  27. 27. Bing Maps Account Center VSUG DAY 2012 Winter 2012.12.15
  28. 28. Bing Maps Account Center VSUG DAY 2012 Winter 2012.12.15
  29. 29. Bing Maps Application VSUG DAY 2012 Winter 2012.12.15
  30. 30. Bing Map アプリの構成 VSUG DAY 2012 Winter 2012.12.15
  31. 31. Bing Map アプリの Package.appxmanifest VSUG DAY 2012 Winter 2012.12.15
  32. 32. Bing Map アプリ - XAML<Page x:Class="ShoPhotoInfo.MainPage" IsTabStop="false" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:ShoPhotoInfo" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" xmlns:bm="using:Bing.Maps"><Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}"> <bm:Map x:Name="map" Credentials=“自分の Bing Maps Key" ZoomLevel="16" /></Grid></Page> VSUG DAY 2012 Winter 2012.12.15
  33. 33. Bing Map アプリ - C#public sealed partial class MainPage : Page{ protected async override void OnNavigatedTo(NavigationEventArgs e) { map.Center = await GetCurrentLocation(); } VSUG DAY 2012 Winter 2012.12.15
  34. 34. Bing Map アプリ - C# 続き static async Task<Geoposition> GetCurrentPosition() { var geolocator = new Geolocator(); geolocator.DesiredAccuracy = PositionAccuracy.High; return await geolocator.GetGeopositionAsync(); } static async Task<Location> GetCurrentLocation() { var currentPosition = await GetCurrentPosition(); return new Location { Latitude = currentPosition.Coordinate.Latitude, Longitude = currentPosition.Coordinate.Longitude }; } VSUG DAY 2012 Winter 2012.12.15
  35. 35. DEMO VSUG DAY 2012 Winter 2012.12.15
  36. 36. 3. カメラを使ってみよう VSUG DAY 2012 Winter 2012.12.15
  37. 37. カメラ アプリの Package.appxmanifest VSUG DAY 2012 Winter 2012.12.15
  38. 38. カメラ アプリ - XAML<Page x:Class="ShoPhotoInfo.MainPage" IsTabStop="false" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:ShoPhotoInfo" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" xmlns:bm="using:Bing.Maps"><Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}"> <Image x:Name="image" /></Grid></Page> VSUG DAY 2012 Winter 2012.12.15
  39. 39. 写真撮影 - C#public static async Task<StorageFile> TakePhoto(){ var capture = new CameraCaptureUI(); var file = await capture.CaptureFileAsync(CameraCaptureUIMode.Photo); return file;} VSUG DAY 2012 Winter 2012.12.15
  40. 40. 写真の表示 - C#public static async Task<WriteableBitmap> CreateBitmapAsync(StorageFile file) { var pixelSize = default(Size); var bytes = default(byte[]); using (var stream = await file.OpenReadAsync()) { var decoder = await BitmapDecoder.CreateAsync(stream); pixelSize = new Size { Width = decoder.PixelWidth, Height = decoder.PixelHeight }; var pixelData = await decoder.GetPixelDataAsync(); bytes = pixelData.DetachPixelData(); } var bitmap = new WriteableBitmap((int)pixelSize.Width, (int)pixelSize.Height); using (var pixelStream = bitmap.PixelBuffer.AsStream()) { await pixelStream.WriteAsync(bytes, 0, bytes.Length); } return bitmap; 要 using System.Runtime.InteropServices.WindowsRuntime;} VSUG DAY 2012 Winter 2012.12.15
  41. 41. 写真の表示 - C#async Task SetImageSource(StorageFile file){ var bitmap = await CreateBitmapAsync(file); image.Source = bitmap;} VSUG DAY 2012 Winter 2012.12.15
  42. 42. 写真のファイルオープン - C# public static async Task<StorageFile> GetStorageFileAsync() { var picker = new FileOpenPicker(); picker.SuggestedStartLocation = PickerLocationId.PicturesLibrary; picker.ViewMode = PickerViewMode.Thumbnail; picker.FileTypeFilter.Add(".jpg"); picker.FileTypeFilter.Add(".jpeg"); picker.FileTypeFilter.Add(".png"); picker.FileTypeFilter.Add(".bmp"); return await picker.PickSingleFileAsync(); } VSUG DAY 2012 Winter 2012.12.15
  43. 43. 写真のファイル保存 - C#public static async Task SavePhoto(WriteableBitmap bitmap, string fileName){ var picker = new FileSavePicker(); picker.FileTypeChoices.Add("JPEGファイル", new List<string> { ".jpg", ".jpeg" }); picker.DefaultFileExtension = ".jpg"; picker.SuggestedFileName = fileName; picker.SuggestedStartLocation = PickerLocationId.PicturesLibrary; var file = await picker.PickSaveFileAsync(); if (file != null) await bitmap.WriteAsync(file);} VSUG DAY 2012 Winter 2012.12.15
  44. 44. 写真のプロパティ(Exif) - C#public static async Task<ImageProperties> GetImagePropertiesAsync(StorageFile file){ var imageProperties = await file.Properties.GetImagePropertiesAsync(); return imageProperties;} VSUG DAY 2012 Winter 2012.12.15
  45. 45. DEMO VSUG DAY 2012 Winter 2012.12.15
  46. 46. 4. ViewModel VSUG DAY 2012 Winter 2012.12.15
  47. 47. ViewModel のサンプル C#XAML VSUG DAY 2012 Winter 2012.12.15
  48. 48. コード ビハインド - XAML<Grid> <TextBox x:Name=“titleTextBox“ LostFocus="titleTextBox_LostFocus" /> <TextBlock x:Name=“bookTextBlock" /> <Button x:Name="addButton" Content="追加" /></Grid> VSUG DAY 2012 Winter 2012.12.15
  49. 49. コードビハインド – C#public class Book{ string title = string.Empty; public string Title { get { return title; } set { title = value; } } public bool IsValid { get { return !string.IsNullOrWhiteSpace(Title) && Price >= 0; } } public override string ToString() { return Title; }} VSUG DAY 2012 Winter 2012.12.15
  50. 50. コードビハインド – C# public sealed partial class BookPage : Page{ Book book = new Book(); public BookPage() { InitializeComponent(); titleTextBox.Text = book.Title; bookTextBlock.Text = book.ToString(); } void titleTextBox_LostFocus(object sender, Windows.UI.Xaml.RoutedEventArgs e) { book.Title = titleTextBox.Text; titleTextBox.Text = book.Title; bookTextBlock.Text = book.ToString(); addButton.IsEnabled = book.IsValid; }} VSUG DAY 2012 Winter 2012.12.15
  51. 51. ViewModel – C#public class Book : INotifyPropertyChanged{ public event PropertyChangedEventHandler PropertyChanged; string title = string.Empty; public string Title { get { return title; } set { if (value != title) { title = value; if (PropertyChanged != null) PropertyChanged(this, new PropertyChangedEventArgs("Title")); } } } public bool IsValid { get { return !string.IsNullOrWhiteSpace(Title) && Price >= 0; } } public AddBookCommand AddBook { get { return new AddBookCommand(this); }} public override string ToString() { return Title; }} VSUG DAY 2012 Winter 2012.12.15
  52. 52. ViewModel – C#public class AddBookCommand : ICommand{ public event EventHandler CanExecuteChanged; readonly Book book; public AddBookCommand(Book book) { this.book = book; book.PropertyChanged += delegate { if (CanExecuteChanged != null) CanExecuteChanged(this, EventArgs.Empty); }; } public bool CanExecute(object parameter) { return book.IsValid; }} VSUG DAY 2012 Winter 2012.12.15
  53. 53. ViewModel - XAML<Page.Resources> <viewModel:Book x:Key="book" /></Page.Resources><Grid DataContext="{Binding Source={StaticResource book}}" > <TextBox Text="{Binding Path=Title, Mode=TwoWay}" /> <TextBlock Text="{Binding}" /> <Button Content="追加" Command="{Binding Path=AddBook}"CommandParameter="{Binding}" /></Grid> VSUG DAY 2012 Winter 2012.12.15
  54. 54. ViewModel その2 – C#public class ViewModelBase : INotifyPropertyChanged{ public event PropertyChangedEventHandler PropertyChanged; protected void RaisePropertyChanged<PropertyType>( Expression<Func<PropertyType>> propertyExpression) { var propertyName = ((MemberExpression)propertyExpression.Body).Member.Name; RaisePropertyChanged(propertyName); } void RaisePropertyChanged(string propertyName) { if (PropertyChanged != null) PropertyChanged(this, new PropertyChangedEventArgs(propertyName)); }} VSUG DAY 2012 Winter 2012.12.15
  55. 55. ViewModel その2 – C#public class Book : ViewModelBase{ // public event PropertyChangedEventHandler PropertyChanged; string title = string.Empty; public string Title { get { return title; } set { if (value != title) { title = value; //if (PropertyChanged != null) // PropertyChanged(this, new PropertyChangedEventArgs("Title")); RaisePropertyChanged(() => Title); } } } public bool IsValid { get { return !string.IsNullOrWhiteSpace(Title) && Price >= 0; } } public AddBookCommand AddBook { get { return new AddBookCommand(this); }} public override string ToString() { return Title; }} VSUG DAY 2012 Winter 2012.12.15
  56. 56. DEMO VSUG DAY 2012 Winter 2012.12.15
  57. 57. 5. 単体テスト VSUG DAY 2012 Winter 2012.12.15
  58. 58. 単体テスト ライブラリ VSUG DAY 2012 Winter 2012.12.15
  59. 59. 単体テスト[TestClass]public class UnitTest1{ Book book; AddBookCommand addCommand; [TestInitialize] public void Setup() { book = new Book(); addCommand = new AddBookCommand(book); } VSUG DAY 2012 Winter 2012.12.15
  60. 60. 単体テスト [TestMethod] public void AddCommandのCanExecuteが変化するか() { Assert.IsFalse(addCommand.CanExecute(null)); book.Title = "Windows 8 入門"; book.Price = 2980; Assert.IsTrue(addCommand.CanExecute(null)); book.Title = ""; book.Price = 1000; Assert.IsFalse(addCommand.CanExecute(null)); book.Title = "WinRT 入門"; book.Price = -1; Assert.IsFalse(addCommand.CanExecute(null)); }} VSUG DAY 2012 Winter 2012.12.15
  61. 61. DEMO VSUG DAY 2012 Winter 2012.12.15
  62. 62. 6. ポータブル ライブラリ VSUG DAY 2012 Winter 2012.12.15
  63. 63. XAML ファミリーXAMLファミリーでコードを共通化できないか?• Windows Store アプリ• Windows Phone アプリ• Silverlight アプリ• WPF アプリ VSUG DAY 2012 Winter 2012.12.15
  64. 64. WPF と Silverlight の .NET VSUG DAY 2012 Winter 2012.12.15
  65. 65. Phone と Store の .NET VSUG DAY 2012 Winter 2012.12.15
  66. 66. ポータブル ライブラリ VSUG DAY 2012 Winter 2012.12.15
  67. 67. ポータブル ライブラリ VSUG DAY 2012 Winter 2012.12.15
  68. 68. ポータブル ライブラリclass Super { }class Sub : Super{ public int Number { get; set; } public string Name { get; set; }}class Program{ static void Main() { var sub = new Sub(); bool result1 = typeof(Sub).IsSubclassOf(typeof(Super)); bool result2 = sub.GetType().IsSubclassOf(typeof(Super)); bool result3 = sub.GetType().IsAssignableFrom(typeof(Super)); bool result4 = sub is Super; var properties1 = typeof(Sub).GetProperties(); }} VSUG DAY 2012 Winter 2012.12.15
  69. 69. DEMO VSUG DAY 2012 Winter 2012.12.15
  70. 70. 7. Windows ストアへの提出 VSUG DAY 2012 Winter 2012.12.15
  71. 71. Windows ストア アプリ デベロッパー センター• http://msdn.microsoft.com/ja-JP/windows/apps• https://appdev.microsoft.com/StorePortals/ VSUG DAY 2012 Winter 2012.12.15
  72. 72. Windows ストア アプリ デベロッパー センター VSUG DAY 2012 Winter 2012.12.15
  73. 73. アプリ名の予約 VSUG DAY 2012 Winter 2012.12.15
  74. 74. アプリ名の予約 VSUG DAY 2012 Winter 2012.12.15
  75. 75. アプリ名の予約 VSUG DAY 2012 Winter 2012.12.15
  76. 76. Windows ストア アプリ 登録の手引きWindows 8 アプリ開発体験テンプレートhttp://msdn.microsoft.com/ja-jp/jj556277参考資料Windows ストア アプリ 登録の手引き本自習書では、Microsoft アカウントの取得から Windows ストア アプリの審査登録までの手順を紹介します。Windows ストア アプリ開発のためのポイントより効率的にアプリのストア登録をしていただくためのヒントをまとめました。是非ご参照ください。アイコン作成用テンプレートストア申請のために必要となるサイズのアイコンを、より簡単につくっていただくためのテンプレートをご用意しました。 VSUG DAY 2012 Winter 2012.12.15
  77. 77. リジェクトの理由と対策 VSUG DAY 2012 Winter 2012.12.15
  78. 78. リジェクト理由2012/09/24お客様のアプリは、要件 4.1 を満たしていません。審査担当者からのコメント:There is no privacy policy in metadata regarding internetconnection.No privacy policy in Settings Charm VSUG DAY 2012 Winter 2012.12.15
  79. 79. 対処: プライバシーポリシープライバシーポリシーはじめにShos Software (以下「本サービス」) は、本サービスを利用する 全ての方 (以下「利用者」といいます) のプライバシーを尊重するために、 利用者の個人情報を以下の定義に従い、個人情報の適切な取り扱いに取り組んでまいります。■個人情報の定義個人情報とは、本サービスを通じて利用者から取得する氏名、年齢、メールアドレス、その他の利用者個人を特定できる情報のことを指します。 収集する個人情報は、利用者から本サービスにてご登録いただく情報に限られます。■個人情報の利用目的について本サービスは、利用者の個人情報を以下の目的で利用することができるものとします。本サービスならびにその他本サービスに関連する情報の提供のため利用者の本人確認のため本サービスの運営上必要な事項の通知 (電子メールによるものを含むものとします)本サービス上で、個人を特定できない範囲においての統計情報の作成および利用本サービスの新規開発に必要なデータの解析や分析 •契約や法律等に基づく権利の行使や義務の履行アフターサービス、各種問い合わせ対応のため •利用規約に反する態様でのご利用を防止するため■統計データの利用当社は、ユーザーの個人情報をもとに、個人を識別できないように加工した統計データを作成することがあります。個人を識別できない統計データについては、個人情報には当たらず、当社は何ら制限なく利用することができるものとします。■個人情報の共有ならびに利用制限について本サービスは、以下に定める場合を除いて、事前に利用者本人の同意を得ず、利用目的の達成に必要な範囲を超えて個人情報を利用または共有することはありません。法令により認められた場合利用者の皆様の同意があった場合人の生命、身体または財産の保護のために必要があり、さらに利用者の同意を得るのが困難な場合裁判所、検察庁、警察、税務署、弁護士会またはこれらに準じた権限を持つ機関から、個人情報の開示を求められた場合合併、営業譲渡その他の事由による事業の承継の際に、事業を承継する者に対して開示する場合■個人情報の安全管理について本サービスでは、個人情報の漏洩または毀損の防止ならびにその他個人情報の安全管理が行われるよう、個人情報の適切な監督を行います。 本サービスでは、業務遂行に必要な範囲内で、権限を与えられた者のみが個人情報を取り扱います。 個人情報の取扱いを外部に委託する場合には、機密保持契約を締結のうえ委託先を監督します。■個人情報の開示、訂正、削除について本サービスは、個人情報保護法その他の法令等に基づき、個人情報の開示、訂正、追加、削除、利用停止、消去、第三者提供の停止、利用目的の 通知の請求に対応いたします。 請求が本人確認不可能な場合や、個人情報保護法の定める要件を満たさない場合、ご希望に添えない場合があります。 なお、アクセスログなどの個人情報以外の情報については、原則として開示等はいたしません。■プライバシーポリシーの更新について本サービスは、個人情報保護を図るため、法令等の変更や必要に応じて、本プライバシーポリシーを改訂することがあります。 その際は、最新のプライバシーポリシーを本サービスに掲載いたします。本ページを都度ご確認の上、本サービスのプライバシーポリシーをご理解いただくよう お願いします。■プライバシーポリシーに関するお問い合わせ本サービスのプライバシーポリシーに関するお問い合わせは、下記までご連絡お願い致します。 VSUG DAY 2012 Winter 2012.12.15
  80. 80. リジェクト理由2012/09/27お客様のアプリは、要件 2.4 を満たしていません。アプリがこの要件を満たしていないと見なされる一般的な理由は、アプリの主要なシナリオの 1 つに該当する部分を完了するために、ユーザーが Web ブラウザーにリダイレクトされることです。 VSUG DAY 2012 Winter 2012.12.15
  81. 81. 対処: …• Windows 8 アプリ開発体験テンプレート http://msdn.microsoft.com/ja-jp/jj556277 「NewsReader テンプレート XAML/C# 用」 で作ったアプリから、 「Web ブラウザーで開く」機能を削除 VSUG DAY 2012 Winter 2012.12.15
  82. 82. リジェクト理由2012/09/25お客様のアプリは、要件 4.1 を満たしていません。 VSUG DAY 2012 Winter 2012.12.15
  83. 83. 対処: プライバシーポリシーPrivacy PolicyShos Software takes the privacy of its users very respectfully. We also comply fully with the Act on theProtection of Personal Information.Shos Software does not collect personally identifiable information (e.g., name, address, telephonenumber, e-mail address) unless you provide it to us. VSUG DAY 2012 Winter 2012.12.15
  84. 84. 対処: Package.appxmanifest VSUG DAY 2012 Winter 2012.12.15
  85. 85. リジェクト理由2012/09/25お客様のアプリは、要件 6.5 を満たしていません。アプリがこの要件を満たしていないと見なされる一般的な理由:アプリが、1 つ以上の認定言語をサポートしていない。提出時に指定された言語の一部ではアプリが動作するが、すべての言語では動作しない。アプリの [説明] ページに記載されている情報 (説明、機能、スクリーンショットなど) が、アプリのローカライズ量を反映していない。 VSUG DAY 2012 Winter 2012.12.15
  86. 86. 対処: Package.appxmanifest<Resources> <Resource Language="x-generate" /></Resources>対処:<Resources> <Resource Language=“en" /></Resources> VSUG DAY 2012 Winter 2012.12.15
  87. 87. リジェクト理由2012/09/25お客様のアプリは、要件 6.8 を満たしていません。アプリがこの要件を満たしていないと見なされる一般的な理由は、1 つ以上のスクリーンショットに、実際より良く見えるようなグラフィック処理が施されていることです。対処:審査担当者へのコメントBackground image will be choosen from 6 images randomly. VSUG DAY 2012 Winter 2012.12.15
  88. 88. リジェクト理由2012/10/04お客様のアプリは、要件 1.2 を満たしていません。審査担当者からのコメント:You should add more detail to your app description, it read too generic or vagueto adequately represent the apps unique value.対処:「説明」をより詳細に VSUG DAY 2012 Winter 2012.12.15
  89. 89. リジェクト理由2012/09/28お客様のアプリは、要件 2.3 を満たしていません。 詳細情報アプリがこの要件を満たしていないと見なされる一般的な理由は、アプリ タイル、アプリ バー、設定チャーム ([バージョン情報] リンクを含む) が、プロモーション資料に使用されていることです。対処:アプリの中の “Die Hard” を別の表現に変更。 VSUG DAY 2012 Winter 2012.12.15
  90. 90. Windows 8 Clinic• http://msdn.microsoft.com/ja-jp/jj820154 VSUG DAY 2012 Winter 2012.12.15
  91. 91. 8. お役立ちサイト VSUG DAY 2012 Winter 2012.12.15
  92. 92. 参考資料: 開発を始めるとき• デベロッパー センター - Windows ストア アプリ http://msdn.microsoft.com/ja-JP/windows/apps Windows ストア アプリ開発は先ずここから• Windows ストア アプリ プログラミングの開発者向け ダウンロード - デベロッパー センター - Windows ストア アプリ http://msdn.microsoft.com/ja-jp/windows/apps/br229516.aspx• Windows 8 アプリ開発体験テンプレート http://msdn.microsoft.com/ja-jp/jj556277• Windows アプリ アート ギャラリー - アプリに組み込めるイメージ素材集 http://msdn.microsoft.com/ja-jp/windowsphone/hh544699• Developer Camp 2012 Japan Fall - Channel 9 http://channel9.msdn.com/Events/Windows-Azure-DevCamps/Developer-Camp-2012-Japan-Fall 動画と資料• Windows Store app samples - デベロッパー センター - Windows ストア アプリ http://code.msdn.microsoft.com/windowsapps/• MSDN マガジン Windows 8 Special Issue 2012 http://msdn.microsoft.com/ja-jp/magazine/jj660298.aspx VSUG DAY 2012 Winter 2012.12.15
  93. 93. 参考資料: ブログ• Windowsストアアプリ - 田中達彦のブログ - MSDN Blogs http://blogs.msdn.com/b/ttanaka/archive/tags/windows_b930c830a230a230d730ea30_/• windows - Akira Onishis weblog - MSDN Blogs http://blogs.msdn.com/b/aonishi/archive/tags/windows/• WinRT - 荒井省三のBlog - MSDN Blogs http://blogs.msdn.com/b/shozoa/archive/tags/winrt/• Windows Store 開発者向けブログ - MSDN Blogs http://blogs.msdn.com/b/windowsstore_ja/• Windows8 - 眠るシーラカンスと水底のプログラマー http://coelacanth.heteml.jp/blog/category/windows8/• プログラミング ( Metro スタイル ) - biac の それさえもおそらくは幸せな日々@nifty http://bluewatersoft.cocolog-nifty.com/blog/metro/• [WinRT] - かずきのBlog@Hatena http://d.hatena.ne.jp/okazuki/searchdiary?word=%2A%5BWinRT%5D VSUG DAY 2012 Winter 2012.12.15
  94. 94. 参考資料: 連載記事• 速習 Windowsストアアプリケーション - CodeZine http://codezine.jp/article/corner/471• WinRT/Metro TIPS - Insider.NET - @IT http://www.atmarkit.co.jp/ait/subtop/features/da/ap_winrttips_index.html• Windows 8 APIの基礎 - ITpro http://itpro.nikkeibp.co.jp/article/COLUMN/20121206/442473/ VSUG DAY 2012 Winter 2012.12.15
  95. 95. 参考資料: ポータブル ライブラリ• [Windows Store アプリ][XAML] Windows Store アプリと Windows Phone アプリ、 Silverlight アプリ、WPF アプリでソースコードを共通化する方法に関する記事 http://blog.shos.info/archives/2012/11/windows_store_windows_phone_si.html• Windowsストアアプリで利用できるライブラリの種類 - もりひろゆきの日々是勉強 http://moriblog.kit- eng.com/2012/12/08/windows%E3%82%B9%E3%83%88%E3%82%A2%E3%82%A2%E3%83 %97%E3%83%AA%E3%81%A7%E5%88%A9%E7%94%A8%E3%81%A7%E3%81%8D%E3%82 %8B%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%81%AE%E7%A8 %AE%E9%A1%9E/• Win8ストア・アプリ WP8アプリ、両面撃破作戦 - slideshare http://www.slideshare.net/yasuhikoy/2520121201-win8-wp8 VSUG DAY 2012 Winter 2012.12.15
  96. 96. 参考資料: 単体テスト、ViewModel、その他• Metroアプリをテストファーストするときのポイント - slideshare http://www.slideshare.net/yasuhikoy/2520121201-tdd13• Windows 8 で MVVM パターンを使用する (機械翻訳) - MSDN マガジン http://msdn.microsoft.com/ja-jp/magazine/jj651572.aspx MVVM Light Toolkit http://mvvmlight.codeplex.com を使ったサンプル。• WinRT/Metro TIPS:多言語化対応を楽に行うには?[Win 8] - @IT http://www.atmarkit.co.jp/ait/articles/1211/08/news025.html• WinRT/Metro TIPS:文字列を多言語化対応するには?[Win 8] - @IT http://www.atmarkit.co.jp/ait/articles/1211/01/news069.html• WinRT/Metro TIPS:文字列リソースを使うには?[Win 8] - @IT http://www.atmarkit.co.jp/ait/articles/1210/25/news026.html 固定文字列を、多言語化対応などのために、文字列リソースとして別のファイルに分けて おく方法 VSUG DAY 2012 Winter 2012.12.15
  97. 97. VSUG DAY 2012 Winter (2012.12.15)Windows 8 ストア アプリ開発 Tips 小島 富治雄

×