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.

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

4,152 views

Published on

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

Published in: Mobile
  • Be the first to comment

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

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

×