67
Windows Phone / iOS / Android アプ リ同時開発のスス 2015/7/8 エクセルソフト株式会社 Business Development Manager 田淵 義人 [email protected] 03-5440-7875 / 080-7015-3586

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

Embed Size (px)

Citation preview

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

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

エクセルソフト株式会社

Business Development Manager

田淵義人

[email protected]

03-5440-7875 / 080-7015-3586

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

会社概要 名称 エクセルソフト株式会社

設立 平成3年7月1日

所在地 東京都港区三田3-9-9

資本金 1000万円

事業内容 ソフトウェアの開発・販売事業

主要取引先 伊藤忠テクノソリューションズ, インテル, SCSK, HPCシステムズ, NTTコムウェア, NTTデータ, シネックスインフォテック, 新日鉄住金ソリューションズ, ソニー, ソフトバンクBB, ダイワボウ情報システム, 東芝, 日本アイ・ビー・エム, 日本SGI, 日本電気, 日本ヒューレット・パッカード, 日本ユニシス, ネットワールド, 野村総合研究所, パナソニック, 日立製作所, 富士通, マイクロソフト, 三菱電機 等

関連会社 XLsoft Corporation アメリカ カリフォルニア州

「開発ツールはエクセルソフトで」をモットーに。

販売/サポートだけでなく、運用もお客様と一緒に考えます。

大きい会社ではありませんが、レスポンスの速さと技術の高さが自慢です。

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

自己紹介 • 田淵義人• エクセルソフトの Xamarin 担当。非開発者。

• Xamarin でググるとブログが出てきます。

• Twitter, SNS, Web, HTML5/CSS/JS, モバイル/ガジェット, Web マーケティングなどが好き

• Twitter: @ytabuchi

• facebook: ytabuchi.xlsoft

• Blog: http://ytabuchi.hatenablog.com/

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

はじめに

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

セッションゴール

・Xamarin ネイティブでの開発手法を知る・Xamarin.Forms での開発手法を知る・Xamarin.Forms に興味を持つ、使ってみる

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

アプリはスマホの利用時間の72%

• スマートフォンの利用時間全体のうち、アプリからの利用時間は Web ブラウザの約2.5倍で、全体の72%を占めている

http://www.netratings.co.jp/news_release/2014/10/Newsrelease20141001.html

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

分かってるところ

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

IPAの大規模調査から見える、企業のモバイル活用の現状

• 半分以上の企業でスマホタブレットを利用

http://news.mynavi.jp/articles/2015/01/16/ipa/

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

開発チームに必要なモノ

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

今までのアプリ開発

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

モバイル向けクロスプラットフォーム開発環境

“No silver bullet”

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

業務アプリ開発者×Xamarin

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

Xamarin(ザマリン)・ C# / .NET・ “ネイティブ” アプリ・ API 100% 移植・コード共通化

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

C# / .NET

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

Windows API

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

iOSAPI

100% 対応

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

AndroidAPI

100% 対応

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

.NET BCL (Mono)

• System.IO• ファイル操作

• System.NET• ネットワーク操作

• System.LINQ• データ操作の簡素化

• System.XML• XML 操作の簡素化

• System.Threading• 上記全般もですが、非同期処理の恩恵

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

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 >= 20select p;

Page 20: Windows Phone / iOS / Android アプリ同時開発のススメ
Page 21: Windows Phone / iOS / Android アプリ同時開発のススメ
Page 22: Windows Phone / iOS / Android アプリ同時開発のススメ
Page 23: Windows Phone / iOS / Android アプリ同時開発のススメ
Page 24: Windows Phone / iOS / Android アプリ同時開発のススメ

“ネイティブ” アプリ

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

“ネイティブ” アプリ

• ネイティブ UI / UX

• ネイティブ “パフォーマンス”

• ネイティブ API

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

API 100% 移植

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

iOS • Xamarin.iOS

• iOS 9 Beta 対応しました• 【速報】 iOS 9 対応の Xamarin.iOS Preview リリースのお知らせ - Xamarin 日本語情報

• Unified API / WatchKit 対応済み• iOS SDK リリースと同日

• Watch Kit Preview

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

Android • Android M Developer Preview 対応済み• 【さっそく】 Android M Developer Preview 対応版がリリースされました- Xamarin 日本語情報

• Android Lollipop, Android wear 対応済み

• 大体 1ヶ月~3ヶ月程して対応版リリース

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

DEMOXamarin ネイティブ

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

Page 30: Windows Phone / iOS / Android アプリ同時開発のススメ
Page 31: Windows Phone / iOS / Android アプリ同時開発のススメ

ポイント • 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 になるべく多くの処理を纏める

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

コード共通化

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

Xamarin を使用した開発

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

Xamarin.Forms - 画面の共通化

UI “コード”の共通化

ビルド時にネイティブ UI にマップ

XAML

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

Pages

Content MasterDetail Navigation Tabbed Carousel

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

Layouts

Stack Absolute Relative Grid ContentView ScrollView Frame

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

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

Page 38: Windows Phone / iOS / Android アプリ同時開発のススメ
Page 39: Windows Phone / iOS / Android アプリ同時開発のススメ

DEMOXamarin.Forms

https://github.com/ytabuchi/decode/tree/master/decodeDemo

http://jp.xlsoft.com/demo2/xamarin/decodeDemo.zip

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

Json.NET, Absolute Layout, BoxView, Animation, Dependency Service

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

ポイント • 同一コード• 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

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

XAML, Data Binding, LINQ, ListView, Style, Trigger

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

ポイント • 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/

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

事例

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

NHK 紅白

フェンリル株式会社

http://biz.fenrir-inc.com/application_development/casestudy_app/nhk_kouhaku.html

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

ルナルナ体温ノート

株式会社エムティーアイ様

http://www.xlsoft.com/jp/products/xamarin/apps_mti.html

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

事例募集中 • 事例を頂いた方に T シャツプレゼントキャンペーンを実施しています。• http://www.xlsoft.com/jp/products/xamarin/ap

ps.html

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

最新機能・その他サービス

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

Xamarin forWindows Store

• Xamarin.Forms for Windows を使ってみた -Xamarin 日本語情報• http://ytabuchi.hatenablog.com/entry/xamarinf

orms-for-windows

http://developer.xamarin.com/guides/cross-platform/windows/store/

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

Xamarin Android Player

• Virtual Box ベースの高速 Android エミュレーター (Lollipop 対応)

https://xamarin.com/android-player

http://ytabuchi.hatenablog.com/entry/2014/12/11/170945

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

Sketches • iOS, Forms などの REPL 環境

• Xamarin.Forms の UI 確認などに最適

https://www.youtube.com/watch?v=v9vEhwomUEY&t=19m0s

http://qiita.com/ytabuchi/items/22b616d7558b41b4726c

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

Xamarin Profiler

• .NET Analyzer : Instrument, LogCat で追いきれない .NET のログを取得、可視化

http://xamarin.com/profiler

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

Xamarin Insights

• Crash/Analytics データ収集サービス

• Xamarin ユーザーは無料

https://xamarin.com/insights

http://qiita.com/ytabuchi/items/2da668482e91621ef5ca

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

Xamarin Test Cloud

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

Xamarin Test Cloud

• UI 自動テストサービス• ローカル版は Xamarin.UITest, Calabash

• 1,200台の実機

https://xamarin.com/test-cloud#video

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

Xamarin Test Cloud

• 1,200台の実機

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

ホットです • 【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/

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

評価版

http://j.mp/xm-eval

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

T-Shirt Store • サンプルプロジェクトをダウンロードしてビルドしてください。船便で Tシャツが届きます!

http://xamarin.com/prebuilt/sharp-shirt

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

価格情報

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

ライセンス • 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

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

まとめ

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

Xamarin(ザマリン)・ C# / .NET・ “ネイティブ” アプリ・ API 100% 移植・コード共通化

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

Xamarin を使用した開発

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

Xamarin.Forms - 画面の共通化

UI “コード”の共通化

ビルド時にネイティブ UI にマップ

XAML

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

Xamarin Test Cloud

• UI 自動テストサービス• ローカル版は Xamarin.UITest, Calabash

https://xamarin.com/test-cloud#video

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

ご清聴ありがとうございます

ご質問がありましたら、田淵までお気軽にどうぞ[email protected] / 03-5440-7875Twitter: @ytabuchiBlog: http://ytabuchi.hatenablog.com/