Xamarin 紹介：Windows Phone / iOS / Android アプリ同時開発のススメ 2015/8/20 版

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

エクセルソフト株式会社

Business Development Manager

田淵義人

[email protected]

03-5440-7875 / 080-7015-3586

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

設立 平成３年７月１日

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

資本金 １０００万円

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

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

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

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

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

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

自己紹介 • 田淵義人• 目指せ！Xamarin エバンジェリスト

• 目指せ！開発もチョットデキル営業

• 目指せ！Xamarin でググれの自己紹介

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

• Twitter: @ytabuchi

• facebook: ytabuchi.xlsoft

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

アジェンダ • モバイル開発が必要な背景とモバイル開発に Xamarin を利用する背景

• Xamarin の仕組み

• Xamarin ネイティブの開発手法

• Xamarin.Forms の開発手法

• 事例・価格情報

セッションゴール

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

アンケート

iOS/Android をネイティブで開発したことがある

C#er だ

Xaml が好きだ

Mvvm を知っている

はじめに

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

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

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

分かってるところ

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

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

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

モバイルアプリ開発に求められるもの

今までのアプリ開発

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

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

“No silver bullet”

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

業務アプリ, 社内アプリ開発者×Xamarin

iOS / Androidネイティブアプリ開発者×Xamarin

Xamarin のしくみ

Windows API

iOSAPI

100% 対応

AndroidAPI

100% 対応

Xamarin を使用した開発

.NET BCL (Mono)

• System.IO• ファイル操作の共通化

• System.NET• ネットワーク操作の共通化

• System.Linq• データ操作の簡素化、共通化

• System.XML• XML 操作の簡素化、共通化

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

C# で開発 • 使い慣れた開発環境 Visual Studio で開発

• 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;

デモの前に開発環境の説明

• Windows で開発したい• Windows マシン (Android はこれのみで OK)

• Visual Studio 2013, 2015 を推奨

• Xamarin と Android SDK, Java など

• Mac マシン (iOS のビルドに必須)• Xcode と iOS SDK

• Xamarin

• Mac で開発したい• Mac マシン

• Xcode と iOS SDK

• Android SDK, Java

• Xamarin

デモ

デモ振り返り • サンプルプロジェクト• GitHub

• XLsoft サイトからのダウンロード

• Xamarin ネイティブの開発手法• エクセルソフトのドキュメントページの

• Hello, iPhone

• Hello, Android

• Storyboard Editor, Android Designer

• Segue や Intent の考え方

コード共通化

Xamarin を使用した開発

Xamarin.Forms - 画面の共通化

UI “コード”の共通化

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

XAML

Pages

Content MasterDetail Navigation Tabbed Carousel

Layouts

Stack Absolute Relative Grid ContentView ScrollView Frame

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

デモ

デモ振り返り • サンプルプロジェクト• GitHub

• XLsoft サイトからのダウンロード

• ViewCell を使用した ListView• Working with ListView (Xamarin 公式)

• Xamarin MVP Adam さんの Recipe

• ListView の Data Binding

• ViewModel での Data Binding １, ２, ３,

• IValueConverter

• Xamarin.Forms for Windows• Windows Phone / Windows ストア

事例

NHK 紅白

フェンリル株式会社様

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

みんなのてんこ

• Xamarin.Forms ＆ BLE 活用事例

株式会社クレスコ様

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

melocy(メロシー)

• Xamarin.Android + NDK 活用事例

株式会社 ignote

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

ルナルナ体温ノート

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

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

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

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/

Xamarin Android Player

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

https://xamarin.com/android-player

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

Sketches • iOS, Forms などの REPL 環境

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

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

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

Xamarin Profiler

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

http://xamarin.com/profiler

Xamarin Insights

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

• Xamarin ユーザーは無料

https://xamarin.com/insights

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

Xamarin Test Cloud

Xamarin Test Cloud

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

• 1,200台の実機

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

Xamarin Test Cloud

• 1,200台の実機

評価版

http://j.mp/xm-eval

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

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

価格情報

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

まとめ

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

Xamarin を使用した開発

Xamarin.Forms - 画面の共通化

UI “コード”の共通化

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

XAML

Xamarin Test Cloud

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

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

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

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