初心者でも Windows 10 Mobile アプリを作りたい！

初心者でもWindows 10 Mobileアプリを作りたい！

@Naba0123 ナーバ

2016/3/26 プログラミング生放送第40回@金沢

はじめに

ロングセッションは初めてです

勉強会主催も初めてです

Universal Windows Platform初心者です

初めてなりに一生懸命頑張ります


初心者(の私)でもWindows 10 Mobile でも動くアプリを作りたくて奮闘した話

@Naba0123 ナーバ


セッションの流れ

Windows 10 Mobile について

UWP（Universal Windows Platform）について

C# + XAML で UWP アプリ開発紹介（雰囲気）

Windows Store にアプリを公開する


自己紹介


ナーバ（@Naba0123）

金沢移住５ヶ月目（新卒・転職済）

DMM.com Labo / PHP / JavaScript

Windows 10 Mobile / C# / UWP / StaffPad

新卒？転職？


東京で新卒入社

言われていた事と違う案件

通勤2時間の終電通勤（の時期もあった）

勉強会で DMM.comラボを知る

今に至る

Windows 10 Mobile

について


Windows 10 Mobile

(Windows Phone)

持ってますか？

20

16

/3/2

6 プ

ログラミング生放送

第4

0回

@金沢

Windows 10 Mobile とは

Windows 10 の Mobile 版

Microsoft アカウントでログイン

Windows ストア、OneDrive を PC と同期

メール、カレンダー、写真も PC と同期

Excel, Word, PowerPointも利用可能（一部編集有料）

Continuum で PC 化も可能（対応機種のみ）


Continuum


モニタに Windows 10 Mobile を接続

有線 or 無線

PC の UI で Windows 10 Mobile を操作

Excel, Word, PowerPoint

マウス、キーボード接続

Continuum 使用中でも本体も使用可能

マウスコンピューター

MADOSMA Q501A

WP8.1 Update 搭載 Q501 の W10M 版

日本の Windows Phone ブームの火付け役（と思ってる）

26,800円（税込）

買っておけば間違いはない（ユーザーが多い）


公式サイトより引用

トリニティNuAns NEO （ニュアンスネオ）

USB Type-C，カバー着せ替え

Coninuum対応

39,800円（税別）

お金に余裕があれば…



VAIO Phone Biz

先日発表されたハイスペック Win 10 M

Continuum, 5.5型, 3GB RAM

54,800円（税別）

とても…大きいです…



Windows 10 Mobile 端末は安い

16GB

86,800円+税


16GB

37,584円（税込）

MADOSMA HUAWEI GR5

8GB

26,800円（税込）

iPhone 6S


各社のアプリ展開

Apple 社製 Google 社製 Microsoft 社製

iPhone アプリ 20 50 64

Androidアプリ 3 99 74

Win M アプリ 0 1 105


引用元：http://pronama.azurewebsites.net/2016/03/03/apple-google-microsoft-apps/

2016年3月時点。Google Playのみ2月時点

Microsoft すごい

↓

Windows 10 Mobile買わなきゃ

アプリ数


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

星空予報 with 暮井慧


GPSから経度・緯度取得

OpenWeatherMap APIで天気を取得

時間帯、雲の量から星が見えるかどうかを判定しセリフを表示

構想１週間、実装１週間

UWP（Universal Windows Platform）

について


UWP (Universal Windows Platform) アプリ

Windows 10 を搭載したデバイス(PC, Mobile, Xbox, Surface Hub, IoT)

上で動作をするアプリケーション実行環境

一つのアプリを作成し Windows Store へ公開することで、

複数デバイスで動作をするアプリを作成できる


UWP の開発環境・言語

Windows 10 + Visual Studio 2015

C# (VB) + XAML (Extensible Application Markup Language)

JavaScript + HTML

C++ + XAML (DirectX/Extensible Application Markup Language)


UWPアプリ制作の流れ


制作

•目的のプラットフォームに適切なデザイン

•アプリポリシーに従った実装

審査

•アプリ情報の決定（名前、価格、説明等）

•ローカルで事前アプリチェックツールの実施

公開

•対象の端末でインストール

•楽しい！！！

C# + XAML でUWP アプリ開発


開発環境の準備

Windows 10

Visual Studio 2015 Community

個人利用であれば Professional 相当の機能が無料

Windows 10 SDK

Windows 10 アプリを開発するための開発者キット

Windows 10 Mobile エミュレーターもこの中


Windows 10 SDK


開発者モード

Windows 10 を開発者モードに切り替え

自作アプリの開発、端末へのインストールできるようになる


プロジェクトの作成


テンプレート

Visual C#

Windows

ユニバーサル

プロジェクト構成


MainPage.xaml

通常、初めに表示されるページ

Package.appxmanifest

使用する機能についての設定等

GUIで設定可能

Assets フォルダー

アプリに必要な画像等をまとめる

デフォルトアプリロゴが入ってる

ビュー作成 (XAML)

XAML (eXtensible Application Markup Language)

XML の拡張

UI 定義とロジックを分離

Visual Studio 2015 では

基本的なことは GUI 上で可能


ロジック作成 (C#)

データバインディング

ビューとロジックを結ぶ

処理したデータを表示させる

実際の処理を記述する以外の事は

VS2015が良い感じにやってくれる


プライバシー設定

必要機能のみをユーザーに提供する

インターネットを使用する

GPS を使用する

マイクを使用する

ユーザーに、アプリへの信頼を持ってもらう


デバッグ（ローカル）

PC 版として、

またはエミュレーターで実行

Windows 10 Mobile 実機が

無くてもデバッグ可能


デバッグ（Mobile 実機）

USB で PC と接続

Device デバッグを選択すると

実機でアプリを実行可能


デモ

DEMO

作るもの

「プロ生ちゃんマジ天使」

製造機


Windows Storeへの公開


ストア提出用パッケージの作成

バージョン情報

アプリ名

対象デバイス


Windows App Certification Kit

ストア提出の最低限チェック

（ちゃんと動くかどうか、UWP用のAPIで設計されているか、等）

を行ってくれるツール

予め審査項目がチェック出来るので

審査に通りやすくなる


Windows アプリ開発者登録

１回限りの開発者登録料： 1,847 円（3/25現在）

ダッシュボード

アプリのＤＬ数、評価一覧、

クラッシュ数、使用端末、等


審査に出す


価格

アプリの区分

年齢制限

説明書き

祈る

審査に落ちる


何故落ちたのかを教えてくれる

審査項目のどれに引っかかったか

自分の場合は、そもそもテストが

実行出来なかったらしい

ストアポリシー 10.3 項

審査に受かる


受かりましたメール

ストアで公開しました

レーティングは表示の通りになりました

プロ生ちゃんは全年齢対象

宣伝をする


自信を持って宣伝

まとめ


まとめ

Windows 10 Mobile は、これから Android, iOS と肩を並べる

アプリ数はまだまだ足りない（特に日本語アプリ）

Windows 10 + Visual Studio 2015 + UWP で楽々開発

開発者アカウントが安い (Apple 年間 11,800円、Google 単発 $25)

端末も安い

アプリ、作るしかないね


おわり？

20

16

/3/2

6 プ


第4

0回

@金沢

おわりに

本日はお忙しい中ありがとうございます

お世話になった全ての方に、感謝致します

次回（？）もよろしくお願いします


おわり。

20

16

/3/2

6 プ


第4

0回

@金沢

時間が余った？

StaffPad の紹介をします
