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 Phone / iOS / Android アプリ同時開発のススメ

2,242 views

Published on

2015/7/8 にインフラジスティックス・ジャパン様と共同で開催した Windows Phone / iOS / Android アプリ同時開発のススメ セミナーの資料です。

Published in: Technology
  • Be the first to comment

Windows Phone / iOS / Android アプリ同時開発のススメ

  1. 1. Windows Phone / iOS / Android アプ リ同時開発のスス メ 2015/7/8 エクセルソフト株式会社 Business Development Manager 田淵 義人 ytabuchi@xlsoft.com 03-5440-7875 / 080-7015-3586
  2. 2. 会社概要 名称 エクセルソフト株式会社 設立 平成3年7月1日 所在地 東京都港区三田3-9-9 資本金 1000万円 事業内容 ソフトウェアの開発・販売事業 主要取引先 伊藤忠テクノソリューションズ, インテル, SCSK, HPCシステムズ, NTTコム ウェア, NTTデータ, シネックスインフォテック, 新日鉄住金ソリューションズ, ソニー, ソフトバンクBB, ダイワボウ情報システム, 東芝, 日本アイ・ビー・エ ム, 日本SGI, 日本電気, 日本ヒューレット・パッカード, 日本ユニシス, ネッ トワールド, 野村総合研究所, パナソニック, 日立製作所, 富士通, マイク ロソフト, 三菱電機 等 関連会社 XLsoft Corporation アメリカ カリフォルニア州 「開発ツールはエクセルソフトで」をモットーに。 販売/サポートだけでなく、運用もお客様と一緒に考えます。 大きい会社ではありませんが、レスポンスの速さと技術の高さが自慢です。
  3. 3. 自己紹介 • 田淵義人 • エクセルソフトの Xamarin 担当。非開発者。 • Xamarin でググるとブログが出てきます。 • Twitter, SNS, Web, HTML5/CSS/JS, モバイル /ガジェット, Web マーケティングなどが好 き • Twitter: @ytabuchi • facebook: ytabuchi.xlsoft • Blog: http://ytabuchi.hatenablog.com/
  4. 4. はじめに
  5. 5. セッションゴール ・Xamarin ネイティブでの開発手法を知る ・Xamarin.Forms での開発手法を知る ・Xamarin.Forms に興味を持つ、使ってみる
  6. 6. アプリはスマ ホの利用時間 の72% • スマートフォンの利用時間全体のうち、ア プリからの利用時間は Web ブラウザの約 2.5倍で、全体の72%を占めている http://www.netrat ings.co.jp/news_r elease/2014/10/ Newsrelease2014 1001.html
  7. 7. 分かってるところ
  8. 8. IPAの大規模 調査から見え る、企業のモ バイル活用の 現状 • 半分以上の企業でスマホタブレットを利用 http://news.myna vi.jp/articles/201 5/01/16/ipa/
  9. 9. 開発チームに必要なモノ
  10. 10. 今までのアプ リ開発
  11. 11. モバイル向けクロス プラットフォーム開発環境 “No silver bullet”
  12. 12. 業務アプリ開発者 × Xamarin
  13. 13. Xamarin(ザマリン) ・ C# / .NET ・ “ネイティブ” アプリ ・ API 100% 移植 ・ コード共通化
  14. 14. C# / .NET
  15. 15. Windows API
  16. 16. iOS API 100% 対応
  17. 17. Android API 100% 対応
  18. 18. .NET BCL (Mono) • System.IO • ファイル操作 • System.NET • ネットワーク操作 • System.LINQ • データ操作の簡素化 • System.XML • XML 操作の簡素化 • System.Threading • 上記全般もですが、非同期処理の恩恵
  19. 19. C# で開発 • async/await, LINQ, ラムダ式などの実装が使 える • Java, Objective-C, Swift 記述不要 • NuGet ライブラリ、MS エコシステム • 31,490 unique packages • Json.NET, HttpClient, SQLite, RestSharp, Reactive Extensions, MvvmCross var ret = from p in List<Person> where p.Age >= 20 select p;
  20. 20. “ネイティブ” アプリ
  21. 21. “ネイティ ブ” アプリ • ネイティブ UI / UX • ネイティブ “パフォーマンス” • ネイティブ API
  22. 22. API 100% 移植
  23. 23. iOS • Xamarin.iOS • iOS 9 Beta 対応しました • 【速報】 iOS 9 対応の Xamarin.iOS Preview リ リースのお知らせ - Xamarin 日本語情報 • Unified API / WatchKit 対応済み • iOS SDK リリースと同日 • Watch Kit Preview
  24. 24. Android • Android M Developer Preview 対応済み • 【さっそく】 Android M Developer Preview 対 応版がリリースされました- Xamarin 日本語情 報 • Android Lollipop, Android wear 対応済み • 大体 1ヶ月~3ヶ月程して対応版リリース
  25. 25. DEMO Xamarin ネイティブ http://www.xlsoft.com/jp/products/xamarin/support.html の Hello, iPhone と Hello, Android を参照 https://github.com/ytabuchi/decode/tree/master/Phoneword http://jp.xlsoft.com/demo2/xamarin/Phoneword.zip
  26. 26. ポイント • Designer で簡単 UI 構築 • http://ytabuchi.hatenablog.com/entry/2015/06/ 02/205024 • ネイティブ API は「ほとんどネイティブ」 なのでネイティブのサイトを参照 • 逆引きObjective-C for iPhoneアプリ • http://www.objectivec-iphone.com/ • iPhoneアプリ開発の虎の巻 • http://iphone-tora.sakura.ne.jp/index.html • 逆引きAndroid入門 • http://www.adakoda.com/android/ • PCL になるべく多くの処理を纏める
  27. 27. コード共通化
  28. 28. Xamarin を 使用した開発
  29. 29. Xamarin.For ms - 画面の 共通化 UI “コード”の共 通化 ビルド時にネイ ティブ UI にマッ プ XAML
  30. 30. Pages Content MasterDetail Navigation Tabbed Carousel
  31. 31. Layouts Stack Absolute Relative Grid ContentView ScrollView Frame
  32. 32. Controls ActivityIndicator BoxView Button DatePicker Editor Entry Image Label ListView Map OpenGLView Picker ProgressBar SearchBar Slider Stepper TableView TimePicker WebView EntryCell ImageCell SwitchCell TextCell ViewCell
  33. 33. DEMO Xamarin.Forms https://github.com/ytabuchi/decode/tree/master/decodeDemo http://jp.xlsoft.com/demo2/xamarin/decodeDemo.zip
  34. 34. Json.NET, Absolute Layout, BoxView, Animation, Dependency Service
  35. 35. ポイント • 同一コード • Xamarin.Forms の基本 • NavigationPage などのページ • StackLayout などのレイアウト • BoxView, DatePicker, Button などのコントロール • http://www.xlsoft.com/jp/products/xamarin/xamarin _forms_intro.html • 画像 • http://developer.xamarin.com/guides/cross- platform/xamarin-forms/working-with/images/ • アニメーション • http://developer.xamarin.com/samples/xamarin- forms/BoxViewClock/ • Dependency Service • http://ytabuchi.hatenablog.com/entry/2015/04/01/ 184855
  36. 36. XAML, Data Binding, LINQ, ListView, Style, Trigger
  37. 37. ポイント • XAML • Data Binding • http://ytabuchi.hatenablog.com/entry/2015/07/06/181357 • http://ytabuchi.hatenablog.com/entry/2015/07/06/192526 • http://ytabuchi.hatenablog.com/entry/2015/04/22/021423 • https://github.com/ytabuchi/Study/tree/master/XF_DataSav eSample • IValueConverter • http://ytabuchi.hatenablog.com/entry/2015/06/18/012208 • LINQ • Style • http://ytabuchi.hatenablog.com/entry/2015/06/24/123446 • Trigger • http://developer.xamarin.com/guides/cross- platform/xamarin-forms/working-with/triggers/
  38. 38. 事例
  39. 39. NHK 紅白 フェンリル株式 会社 http://biz.fenrir-inc.com/application_development/casestudy_app/nhk_kouhaku.html
  40. 40. ルナルナ 体 温ノート 株式会社エム ティーアイ 様 http://www.xlsoft.com/jp/products/xamarin/apps_mti.html
  41. 41. 事例募集中 • 事例を頂いた方に T シャツプレゼントキャ ンペーンを実施しています。 • http://www.xlsoft.com/jp/products/xamarin/ap ps.html
  42. 42. 最新機能・その他サービス
  43. 43. Xamarin for Windows Store • Xamarin.Forms for Windows を使ってみた - Xamarin 日本語情報 • http://ytabuchi.hatenablog.com/entry/xamarinf orms-for-windows http://developer. xamarin.com/gui des/cross- platform/window s/store/
  44. 44. Xamarin Android Player • Virtual Box ベースの高速 Android エミュ レーター (Lollipop 対応) https://xamarin.c om/android- player http://ytabuchi.h atenablog.com/e ntry/2014/12/11/ 170945
  45. 45. Sketches • iOS, Forms などの REPL 環境 • Xamarin.Forms の UI 確認などに最適 https://www.youtu be.com/watch?v=v 9vEhwomUEY&t=1 9m0s http://qiita.com/yt abuchi/items/22b6 16d7558b41b4726 c
  46. 46. Xamarin Profiler • .NET Analyzer : Instrument, LogCat で追い きれない .NET のログを取得、可視化 http://xamarin.co m/profiler
  47. 47. Xamarin Insights • Crash/Analytics データ収集サービス • Xamarin ユーザーは無料 https://xamarin.c om/insights http://qiita.com/y tabuchi/items/2d a668482e91621ef 5ca
  48. 48. Xamarin Test Cloud
  49. 49. Xamarin Test Cloud • UI 自動テストサービス • ローカル版は Xamarin.UITest, Calabash • 1,200台の実機 https://xamarin.c om/test- cloud#video
  50. 50. Xamarin Test Cloud • 1,200台の実機
  51. 51. ホットです • 【Webinar】Xamarin Test Cloud の Webinar があります - Xamarin 日本語情報 • http://ytabuchi.hatenablog.com/entry/2015/07/ 08/010841 • Xamarin Test Cloud Now Available to All Xamarin Developers | Xamarin Blog • https://blog.xamarin.com/xamarin-test-cloud- now-available-to-all-xamarin-developers/ • Xamarin Test Cloud to Support Appium Framework | Xamarin Blog • https://blog.xamarin.com/xamarin-test-cloud- to-support-appium-framework/
  52. 52. 評価版 http://j.mp/xm-eval
  53. 53. T-Shirt Store • サンプルプロジェクトをダウンロードして ビルドしてください。船便で Tシャツが届 きます! http://xamarin.co m/prebuilt/sharp -shirt
  54. 54. 価格情報
  55. 55. ライセンス • 1 開発者向け Subscription ライセンス • 1 年間のバージョンアップと弊社から 1年 間のサポートが付属 • 1 年後に更新時のライセンス費用で更新 製品名 価格(税別) Xamarin.iOS Business ¥127,800 Xamarin.Android Business ¥127,800 Xamarin.iOS Enterprise ¥243,000 Xamarin.Android Enterprise ¥243,000
  56. 56. まとめ
  57. 57. Xamarin(ザマリン) ・ C# / .NET ・ “ネイティブ” アプリ ・ API 100% 移植 ・ コード共通化
  58. 58. Xamarin を 使用した開発
  59. 59. Xamarin.For ms - 画面の 共通化 UI “コード”の共 通化 ビルド時にネイ ティブ UI にマッ プ XAML
  60. 60. Xamarin Test Cloud • UI 自動テストサービス • ローカル版は Xamarin.UITest, Calabash https://xamarin.c om/test- cloud#video
  61. 61. ご清聴ありがとう ございます ご質問がありましたら、田淵までお気軽にどうぞ ytabuchi@xlsoft.com 080-7015-3586 / 03-5440-7875 Twitter: @ytabuchi Blog: http://ytabuchi.hatenablog.com/

×