2016/03/26 に開催されたプログラミング生放送勉強会第40回@金沢で登壇した資料です。

1. 初心者でも
Windows 10 Mobile
アプリを作りたい！
@Naba0123 ナーバ
2016/3/26 プログラミング生放送 第40回@金沢

2. はじめに
 ロングセッションは初めてです
 勉強会主催も初めてです
 Universal Windows Platform 初心者です
 初めてなりに一生懸命頑張ります
2016/3/26 プログラミング生放送 第40回@金沢

3. 初心者(の私)でも
Windows 10 Mobile でも動く
アプリを作りたくて奮闘した話
@Naba0123 ナーバ
2016/3/26 プログラミング生放送 第40回@金沢

4. セッションの流れ
 Windows 10 Mobile について
 UWP（Universal Windows Platform）について
 C# + XAML で UWP アプリ開発紹介（雰囲気）
 Windows Store にアプリを公開する
2016/3/26 プログラミング生放送 第40回@金沢

5. 自己紹介
2016/3/26 プログラミング生放送 第40回@金沢
 ナーバ（@Naba0123）
 金沢移住５ヶ月目（新卒・転職済）
 DMM.com Labo / PHP / JavaScript
 Windows 10 Mobile / C# / UWP / StaffPad

6. 新卒？転職？
2016/3/26 プログラミング生放送 第40回@金沢
 東京で新卒入社
 言われていた事と違う案件
 通勤2時間の終電通勤（の時期もあった）
 勉強会で DMM.comラボ を知る
 今に至る

7. Windows 10 Mobile
について
2016/3/26 プログラミング生放送 第40回@金沢

8. Windows 10 Mobile
(Windows Phone)
持ってますか？
2016/3/26プログラミング生放送第40回@金沢

9. Windows 10 Mobile とは
 Windows 10 の Mobile 版
 Microsoft アカウントでログイン
 Windows ストア、OneDrive を PC と同期
 メール、カレンダー、写真も PC と同期
 Excel, Word, PowerPointも利用可能（一部編集有料）
 Continuum で PC 化も可能 （対応機種のみ）
2016/3/26 プログラミング生放送 第40回@金沢

10. Continuum
2016/3/26 プログラミング生放送 第40回@金沢
 モニタに Windows 10 Mobile を接続
 有線 or 無線
 PC の UI で Windows 10 Mobile を操作
 Excel, Word, PowerPoint
 マウス、キーボード接続
 Continuum 使用中でも本体も使用可能

11. マウスコンピューター
MADOSMA Q501A
 WP8.1 Update 搭載 Q501 の W10M 版
 日本の Windows Phone ブームの火付け役
（と思ってる）
 26,800円（税込）
 買っておけば間違いはない（ユーザーが多い）
2016/3/26 プログラミング生放送 第40回@金沢
公式サイトより引用

12. トリニティ
NuAns NEO （ニュアンスネオ）
 USB Type-C，カバー着せ替え
 Coninuum 対応
 39,800円（税別）
 お金に余裕があれば…
2016/3/26 プログラミング生放送 第40回@金沢
公式サイトより引用

13. VAIO Phone Biz
 先日発表されたハイスペック Win 10 M
 Continuum, 5.5型, 3GB RAM
 54,800円（税別）
 とても…大きいです…
2016/3/26 プログラミング生放送 第40回@金沢
公式サイトより引用

14. Windows 10 Mobile 端末は 安い
16GB
86,800円+税
2016/3/26 プログラミング生放送 第40回@金沢
16GB
37,584円（税込）
MADOSMA HUAWEI GR5
8GB
26,800円（税込）
iPhone 6S
公式サイトより引用

15. 各社のアプリ展開
Apple 社製 Google 社製 Microsoft 社製
iPhone アプリ 20 50 64
Android アプリ 3 99 74
Win M アプリ 0 1 105
2016/3/26 プログラミング生放送 第40回@金沢
引用元：http://pronama.azurewebsites.net/2016/03/03/apple-google-microsoft-apps/
2016年3月時点。Google Playのみ2月時点

16. Microsoft すごい
↓
Windows 10 Mobile
買わなきゃ

17. アプリ数
2016/3/26 プログラミング生放送 第40回@金沢
Apple Store Google Play Windows Store
2015/01 時点
123 万本
2015/01 時点
143 万本
2015/04 時点
64 万本
出典１：http://appllio.com/20150114-6081-google-play-surpassed-apple-app-store
出典２：http://taisy0.com/2015/04/30/50514.html

18. 星空予報 with 暮井 慧
2016/3/26 プログラミング生放送 第40回@金沢
 GPSから経度・緯度取得
 OpenWeatherMap API
で天気を取得
 時間帯、雲の量から
星が見えるかどうかを判定し
セリフを表示
 構想１週間、実装１週間

19. UWP
（Universal Windows Platform）
について
2016/3/26 プログラミング生放送 第40回@金沢

20. UWP (Universal Windows Platform) アプリ
 Windows 10 を搭載したデバイス(PC, Mobile, Xbox, Surface Hub, IoT)
上で動作をするアプリケーション実行環境
 一つのアプリを作成し Windows Store へ公開することで、
複数デバイスで動作をするアプリを作成できる
2016/3/26 プログラミング生放送 第40回@金沢

21. UWP の開発環境・言語
 Windows 10 + Visual Studio 2015
 C# (VB) + XAML (Extensible Application Markup Language)
 JavaScript + HTML
 C++ + XAML (DirectX/Extensible Application Markup Language)
2016/3/26 プログラミング生放送 第40回@金沢

22. UWPアプリ制作の流れ
2016/3/26 プログラミング生放送 第40回@金沢
制作
• 目的のプラットフォームに適切なデザイン
• アプリポリシーに従った実装
審査
• アプリ情報の決定（名前、価格、説明等）
• ローカルで事前アプリチェックツールの実施
公開
• 対象の端末でインストール
• 楽しい！！！

23. C# + XAML で
UWP アプリ開発
2016/3/26 プログラミング生放送 第40回@金沢

24. 開発環境の準備
 Windows 10
 Visual Studio 2015 Community
 個人利用であれば Professional 相当の機能が無料
 Windows 10 SDK
 Windows 10 アプリを開発するための開発者キット
 Windows 10 Mobile エミュレーターもこの中
2016/3/26 プログラミング生放送 第40回@金沢

25. Windows 10 SDK
2016/3/26 プログラミング生放送 第40回@金沢

26. 開発者モード
 Windows 10 を開発者モードに切り替え
 自作アプリの開発、端末へのインストールできるようになる
2016/3/26 プログラミング生放送 第40回@金沢

27. プロジェクトの作成
2016/3/26 プログラミング生放送 第40回@金沢
 テンプレート
 Visual C#
 Windows
 ユニバーサル

28. プロジェクト構成
2016/3/26 プログラミング生放送 第40回@金沢
 MainPage.xaml
 通常、初めに表示されるページ
 Package.appxmanifest
 使用する機能についての設定等
 GUIで設定可能
 Assets フォルダー
 アプリに必要な画像等をまとめる
 デフォルトアプリロゴが入ってる

29. ビュー作成 (XAML)
 XAML (eXtensible Application Markup Language)
 XML の拡張
 UI 定義とロジックを分離
 Visual Studio 2015 では
基本的なことは GUI 上で可能
2016/3/26 プログラミング生放送 第40回@金沢

30. ロジック作成 (C#)
 データバインディング
 ビューとロジックを結ぶ
 処理したデータを表示させる
 実際の処理を記述する以外の事は
VS2015が良い感じにやってくれる
2016/3/26 プログラミング生放送 第40回@金沢

31. プライバシー設定
 必要機能のみをユーザーに提供する
 インターネットを使用する
 GPS を使用する
 マイクを使用する
 ユーザーに、アプリへの信頼を持ってもらう
2016/3/26 プログラミング生放送 第40回@金沢

32. デバッグ（ローカル）
 PC 版として、
または エミュレーターで実行
 Windows 10 Mobile 実機が
無くてもデバッグ可能
2016/3/26 プログラミング生放送 第40回@金沢

33. デバッグ（Mobile 実機）
 USB で PC と接続
 Device デバッグを選択すると
実機でアプリを実行可能
2016/3/26 プログラミング生放送 第40回@金沢

34. デモ
DEMO
作るもの
「プロ生ちゃんマジ天使」
製造機
2016/3/26 プログラミング生放送 第40回@金沢

35. Windows Store
への公開
2016/3/26 プログラミング生放送 第40回@金沢

36. ストア提出用パッケージの作成
 バージョン情報
 アプリ名
 対象デバイス
2016/3/26 プログラミング生放送 第40回@金沢

37. Windows App Certification Kit
 ストア提出の最低限チェック
（ちゃんと動くかどうか、UWP用のAPIで設計されているか、等）
を行ってくれるツール
 予め審査項目がチェック出来るので
審査に通りやすくなる
2016/3/26 プログラミング生放送 第40回@金沢

38. Windows アプリ 開発者登録
 １回限り の開発者登録料： 1,847 円 （3/25現在）
 ダッシュボード
 アプリのＤＬ数、評価一覧、
クラッシュ数、使用端末、等
2016/3/26 プログラミング生放送 第40回@金沢

39. 審査に出す
2016/3/26 プログラミング生放送 第40回@金沢
 価格
 アプリの区分
 年齢制限
 説明書き
 祈る

40. 審査に落ちる
2016/3/26 プログラミング生放送 第40回@金沢
 何故落ちたのかを教えてくれる
 審査項目のどれに引っかかったか
 自分の場合は、そもそもテストが
実行出来なかったらしい
 ストアポリシー 10.3 項

41. 審査に受かる
2016/3/26 プログラミング生放送 第40回@金沢
 受かりましたメール
 ストアで公開しました
 レーティングは表示の通りになりました
 プロ生ちゃんは全年齢対象

42. 宣伝をする
2016/3/26 プログラミング生放送 第40回@金沢
 自信を持って宣伝

43. まとめ
2016/3/26 プログラミング生放送 第40回@金沢

44. まとめ
 Windows 10 Mobile は、これから Android, iOS と肩を並べる
 アプリ数はまだまだ足りない（特に日本語アプリ）
 Windows 10 + Visual Studio 2015 + UWP で 楽々開発
 開発者アカウントが安い (Apple 年間 11,800円、Google 単発 $25)
 端末も安い
 アプリ、作るしかないね
2016/3/26 プログラミング生放送 第40回@金沢

45. おわり？
2016/3/26プログラミング生放送第40回@金沢

46. おわりに
 本日はお忙しい中ありがとうございます
 お世話になった全ての方に、感謝致します
 次回（？）もよろしくお願いします
2016/3/26 プログラミング生放送 第40回@金沢

47. おわり。
2016/3/26プログラミング生放送第40回@金沢

48. 時間が余った？
 StaffPad の紹介をします
2016/3/26 プログラミング生放送 第40回@金沢