Upload
naba0123
View
2.777
Download
4
Embed Size (px)
Citation preview
初心者でもWindows 10 Mobileアプリを作りたい!
@Naba0123 ナーバ
2016/3/26 プログラミング生放送第40回@金沢
はじめに
ロングセッションは初めてです
勉強会主催も初めてです
Universal Windows Platform初心者です
初めてなりに一生懸命頑張ります
2016/3/26 プログラミング生放送第40回@金沢
初心者(の私)でもWindows 10 Mobile でも動くアプリを作りたくて奮闘した話
@Naba0123 ナーバ
2016/3/26 プログラミング生放送第40回@金沢
セッションの流れ
Windows 10 Mobile について
UWP(Universal Windows Platform)について
C# + XAML で UWP アプリ開発紹介(雰囲気)
Windows Store にアプリを公開する
2016/3/26 プログラミング生放送第40回@金沢
自己紹介
2016/3/26 プログラミング生放送第40回@金沢
ナーバ(@Naba0123)
金沢移住5ヶ月目(新卒・転職済)
DMM.com Labo / PHP / JavaScript
Windows 10 Mobile / C# / UWP / StaffPad
新卒?転職?
2016/3/26 プログラミング生放送第40回@金沢
東京で新卒入社
言われていた事と違う案件
通勤2時間の終電通勤(の時期もあった)
勉強会で DMM.comラボを知る
今に至る
Windows 10 Mobile
について
2016/3/26 プログラミング生放送第40回@金沢
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 化も可能(対応機種のみ)
2016/3/26 プログラミング生放送第40回@金沢
Continuum
2016/3/26 プログラミング生放送第40回@金沢
モニタに Windows 10 Mobile を接続
有線 or 無線
PC の UI で Windows 10 Mobile を操作
Excel, Word, PowerPoint
マウス、キーボード接続
Continuum 使用中でも本体も使用可能
マウスコンピューター
MADOSMA Q501A
WP8.1 Update 搭載 Q501 の W10M 版
日本の Windows Phone ブームの火付け役(と思ってる)
26,800円(税込)
買っておけば間違いはない(ユーザーが多い)
2016/3/26 プログラミング生放送第40回@金沢
公式サイトより引用
トリニティNuAns NEO (ニュアンスネオ)
USB Type-C,カバー着せ替え
Coninuum対応
39,800円(税別)
お金に余裕があれば…
2016/3/26 プログラミング生放送第40回@金沢
公式サイトより引用
VAIO Phone Biz
先日発表されたハイスペック Win 10 M
Continuum, 5.5型, 3GB RAM
54,800円(税別)
とても…大きいです…
2016/3/26 プログラミング生放送第40回@金沢
公式サイトより引用
Windows 10 Mobile 端末は安い
16GB
86,800円+税
2016/3/26 プログラミング生放送第40回@金沢
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
2016/3/26 プログラミング生放送第40回@金沢
引用元:http://pronama.azurewebsites.net/2016/03/03/apple-google-microsoft-apps/
2016年3月時点。Google Playのみ2月時点
Microsoft すごい
↓
Windows 10 Mobile買わなきゃ
アプリ数
2016/3/26 プログラミング生放送第40回@金沢
Apple Store Google Play Windows Store
2015/01 時点
123 万本
2015/01 時点
143 万本
2015/04 時点
64 万本
出典1:http://appllio.com/20150114-6081-google-play-surpassed-apple-app-store
出典2:http://taisy0.com/2015/04/30/50514.html
星空予報 with 暮井慧
2016/3/26 プログラミング生放送第40回@金沢
GPSから経度・緯度取得
OpenWeatherMap APIで天気を取得
時間帯、雲の量から星が見えるかどうかを判定しセリフを表示
構想1週間、実装1週間
UWP(Universal Windows Platform)
について
2016/3/26 プログラミング生放送第40回@金沢
UWP (Universal Windows Platform) アプリ
Windows 10 を搭載したデバイス(PC, Mobile, Xbox, Surface Hub, IoT)
上で動作をするアプリケーション実行環境
一つのアプリを作成し Windows Store へ公開することで、
複数デバイスで動作をするアプリを作成できる
2016/3/26 プログラミング生放送第40回@金沢
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回@金沢
UWPアプリ制作の流れ
2016/3/26 プログラミング生放送第40回@金沢
制作
•目的のプラットフォームに適切なデザイン
•アプリポリシーに従った実装
審査
•アプリ情報の決定(名前、価格、説明等)
•ローカルで事前アプリチェックツールの実施
公開
•対象の端末でインストール
•楽しい!!!
C# + XAML でUWP アプリ開発
2016/3/26 プログラミング生放送第40回@金沢
開発環境の準備
Windows 10
Visual Studio 2015 Community
個人利用であれば Professional 相当の機能が無料
Windows 10 SDK
Windows 10 アプリを開発するための開発者キット
Windows 10 Mobile エミュレーターもこの中
2016/3/26 プログラミング生放送第40回@金沢
Windows 10 SDK
2016/3/26 プログラミング生放送第40回@金沢
開発者モード
Windows 10 を開発者モードに切り替え
自作アプリの開発、端末へのインストールできるようになる
2016/3/26 プログラミング生放送第40回@金沢
プロジェクトの作成
2016/3/26 プログラミング生放送第40回@金沢
テンプレート
Visual C#
Windows
ユニバーサル
プロジェクト構成
2016/3/26 プログラミング生放送第40回@金沢
MainPage.xaml
通常、初めに表示されるページ
Package.appxmanifest
使用する機能についての設定等
GUIで設定可能
Assets フォルダー
アプリに必要な画像等をまとめる
デフォルトアプリロゴが入ってる
ビュー作成 (XAML)
XAML (eXtensible Application Markup Language)
XML の拡張
UI 定義とロジックを分離
Visual Studio 2015 では
基本的なことは GUI 上で可能
2016/3/26 プログラミング生放送第40回@金沢
ロジック作成 (C#)
データバインディング
ビューとロジックを結ぶ
処理したデータを表示させる
実際の処理を記述する以外の事は
VS2015が良い感じにやってくれる
2016/3/26 プログラミング生放送第40回@金沢
プライバシー設定
必要機能のみをユーザーに提供する
インターネットを使用する
GPS を使用する
マイクを使用する
ユーザーに、アプリへの信頼を持ってもらう
2016/3/26 プログラミング生放送第40回@金沢
デバッグ(ローカル)
PC 版として、
またはエミュレーターで実行
Windows 10 Mobile 実機が
無くてもデバッグ可能
2016/3/26 プログラミング生放送第40回@金沢
デバッグ(Mobile 実機)
USB で PC と接続
Device デバッグを選択すると
実機でアプリを実行可能
2016/3/26 プログラミング生放送第40回@金沢
デモ
DEMO
作るもの
「プロ生ちゃんマジ天使」
製造機
2016/3/26 プログラミング生放送第40回@金沢
Windows Storeへの公開
2016/3/26 プログラミング生放送第40回@金沢
ストア提出用パッケージの作成
バージョン情報
アプリ名
対象デバイス
2016/3/26 プログラミング生放送第40回@金沢
Windows App Certification Kit
ストア提出の最低限チェック
(ちゃんと動くかどうか、UWP用のAPIで設計されているか、等)
を行ってくれるツール
予め審査項目がチェック出来るので
審査に通りやすくなる
2016/3/26 プログラミング生放送第40回@金沢
Windows アプリ開発者登録
1回限り の開発者登録料: 1,847 円 (3/25現在)
ダッシュボード
アプリのDL数、評価一覧、
クラッシュ数、使用端末、等
2016/3/26 プログラミング生放送第40回@金沢
審査に出す
2016/3/26 プログラミング生放送第40回@金沢
価格
アプリの区分
年齢制限
説明書き
祈る
審査に落ちる
2016/3/26 プログラミング生放送第40回@金沢
何故落ちたのかを教えてくれる
審査項目のどれに引っかかったか
自分の場合は、そもそもテストが
実行出来なかったらしい
ストアポリシー 10.3 項
審査に受かる
2016/3/26 プログラミング生放送第40回@金沢
受かりましたメール
ストアで公開しました
レーティングは表示の通りになりました
プロ生ちゃんは全年齢対象
宣伝をする
2016/3/26 プログラミング生放送第40回@金沢
自信を持って宣伝
まとめ
2016/3/26 プログラミング生放送第40回@金沢
まとめ
Windows 10 Mobile は、これから Android, iOS と肩を並べる
アプリ数はまだまだ足りない(特に日本語アプリ)
Windows 10 + Visual Studio 2015 + UWP で楽々開発
開発者アカウントが安い (Apple 年間 11,800円、Google 単発 $25)
端末も安い
アプリ、作るしかないね
2016/3/26 プログラミング生放送第40回@金沢
おわり?
20
16
/3/2
6 プ
ログラミング生放送
第4
0回
@金沢
おわりに
本日はお忙しい中ありがとうございます
お世話になった全ての方に、感謝致します
次回(?)もよろしくお願いします
2016/3/26 プログラミング生放送第40回@金沢
おわり。
20
16
/3/2
6 プ
ログラミング生放送
第4
0回
@金沢
時間が余った?
StaffPad の紹介をします
2016/3/26 プログラミング生放送第40回@金沢