Windows Phone /
iOS / Android アプ
リ同時開発のスス
メ
2015/8/20
エクセルソフト株式会社
Business Development Manager
田淵 義人
ytabuchi@xlsoft.com
03-5440-7875 / 080-7015-3586
会社概要 名称 エクセルソフト株式会社
設立 平成3年7月1日
所在地 東京都港区三田3-9-9
資本金 1000万円
事業内容 ソフトウェアの開発・販売事業
主要取引先 伊藤忠テクノソリューションズ, インテル, 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.netrat
ings.co.jp/news_r
elease/2014/10/
Newsrelease2014
1001.html
分かってるところ
IPAの大規模
調査から見え
る、企業のモ
バイル活用の
現状
• 半分以上の企業でスマホタブレットを利用
http://news.myna
vi.jp/articles/201
5/01/16/ipa/
モバイルアプリ開発に求め
られるもの
今までのアプ
リ開発
モバイル向けクロス
プラットフォーム開発環境
モバイル向けクロス
プラットフォーム開発環境
“No silver bullet”
Xamarin(ザマリン)
・ C# / .NET / Visual Studio
・ “ネイティブ” アプリ
・ API 100% 移植
・ コード共通化
業務アプリ, 社内アプリ
開発者
×
Xamarin
iOS / Android
ネイティブアプリ開発者
×
Xamarin
Xamarin のしくみ
Windows
API
iOS
API
100% 対応
Android
API
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 >= 20
select 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.For
ms - 画面の
共通化
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 1, 2, 3,
• IValueConverter
• Xamarin.Forms for Windows
• Windows Phone / Windows ストア
事例
NHK 紅白
フェンリル株式
会社 様
http://biz.fenrir-
inc.com/applicati
on_development/
casestudy_app/n
hk_kouhaku.html
みんなのてん
こ
• Xamarin.Forms & BLE 活用事例
株式会社クレス
コ 様
http://www.xlsoft.
com/jp/products/
xamarin/apps_mi
nnano_tenko.htm
l
melocy(メロ
シー)
• Xamarin.Android + NDK 活用事例
株式会社 ignote
http://www.xlsoft.
com/jp/products/
xamarin/apps_me
locy.html
ルナルナ 体
温ノート
株式会社エム
ティーアイ 様
http://www.xlsoft.
com/jp/products/
xamarin/apps_mt
i.html
最新機能・その他サービス
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/
Xamarin
Android
Player
• Virtual Box ベースの高速 Android エミュ
レーター (Lollipop 対応)
https://xamarin.c
om/android-
player
http://ytabuchi.h
atenablog.com/e
ntry/2014/12/11/
170945
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
Xamarin
Profiler
• .NET Analyzer : Instrument, LogCat で追い
きれない .NET のログを取得、可視化
http://xamarin.co
m/profiler
Xamarin
Insights
• Crash/Analytics データ収集サービス
• Xamarin ユーザーは無料
https://xamarin.c
om/insights
http://qiita.com/y
tabuchi/items/2d
a668482e91621ef
5ca
Xamarin Test Cloud
Xamarin
Test Cloud
• UI 自動テストサービス
• ローカル版は Xamarin.UITest, Calabash
• 1,200台の実機
https://xamarin.c
om/test-
cloud#video
Xamarin
Test Cloud
• 1,200台の実機
評価版
http://j.mp/xm-eval
T-Shirt Store • サンプルプロジェクトをダウンロードして
ビルドしてください。船便で Tシャツが届
きます!
http://xamarin.co
m/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.For
ms - 画面の
共通化
UI “コード”の共
通化
ビルド時にネイ
ティブ UI にマッ
プ
XAML
Xamarin
Test Cloud
• UI 自動テストサービス
• ローカル版は Xamarin.UITest, Calabash
https://xamarin.c
om/test-
cloud#video
ご清聴ありがとう
ございます
ご質問がありましたら、田淵までお気軽にどうぞ
ytabuchi@xlsoft.com
080-7015-3586 / 03-5440-7875
Twitter: @ytabuchi
Blog: http://ytabuchi.hatenablog.com/

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