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.
Xamarin を使うとど
んなことができる
の?
2015/10/21 JXUGC
名古屋
エクセルソフト株式会社
Business Development Manager
田淵 義人
ytabuchi@xlsoft.com
03-5440-...
Xamarin を使うと C# で
なんでもできます
2
宣伝 • ユーザーグループに是非ご参加ください
• https://www.facebook.com/groups/xm.jxug
• http://jxug.org
• Xamarin 日本語情報
• http://ytabuchi.hate...
自己紹介 • 田淵義人
• 目指せ!Xamarin エバンジェリスト
• 目指せ!開発もチョットデキル営業
• 目指せ!Xamarin でググれ の自己紹介
• Twitter を Xamarin でエゴサしてる
• Androider, Go...
アジェンダ・
ゴール
• クロスプラットフォーム開発の現状
• Xamarin 概要 (さらっと)
• Xamarin ネイティブの開発方法
• Xamarin.Forms の開発方法
• 事例
• 導入方法
5
アジェンダ・
ゴール
• クロスプラットフォーム開発の現状
• Xamarin 概要 (さらっと)
• Xamarin ネイティブの開発方法
• Xamarin.Forms の開発方法
• 事例
• 導入方法
6
Xamarin に興味を持つ
...
クロスプラットフォーム開
発の現状
7
モバイル対応
待ったなし
• スマートフォンからのインターネット利用
者、2015年冬にはPCを超える可能性
http://www.netrat
ings.co.jp/news_r
elease/2015/05/
Newsrelease2015...
分かってるところ
9
IPAの大規模
調査から見え
る、企業のモ
バイル活用の
現状
• 半分以上の企業でスマホタブレットを利用
http://news.myna
vi.jp/articles/201
5/01/16/ipa/
10
モバイルアプリ開発に求め
られるもの
11
今までのアプ
リ開発
12
モバイル向けクロス
プラットフォーム開発環境
“No silver bullet”
13
Xamarin(ザマリン)
・ C# / .NET / Visual Studio
・ “ネイティブ” アプリ
・ API 100% 移植
・ コード共通化
14
Xamarin のしくみ
15
Xamarin を
使用した開発
16
.NET BCL
(Mono)
• System.IO
• ファイル操作の共通化
• System.NET
• ネットワーク操作の共通化
• System.Linq
• データ操作の簡素化、共通化
• System.XML
• XML 操作の簡...
デモの前に開
発環境の説明
• Windows で開発したい
• Windows マシン (Android はこれのみで OK)
• Visual Studio 2013, 2015 を推奨
• Xamarin と Android SDK, J...
Xamarin ネイティブ デモ
23
デモ振り返り • サンプルプロジェクト
• GitHub
• Xamarin ネイティブの開発手法
• エクセルソフトのドキュメントページ の
• Hello, iPhone
• Hello, Android
• Storyboard Edit...
Location -
Android
• Location
• Location Services – Xamarin
• GPS Provider –正確な位置情報。電池使用量大。
• Network Provider – Wi-Fi と 3...
Location -
iOS
• Location
• Core Location – Xamarin
• Xamarin.iOS で GPS を使う – Qiita
• Map
• iOS Maps - Xamarin
• Xamarin.i...
ネイティブ イケる
29
Xamarin.Forms
30
Xamarin.For
ms - 画面の
共通化
UI “コード”の共
通化
ビルド時にネイ
ティブ UI にマッ
プ
XAML
31
32
Xamarin.Forms デモ
33
デモ振り返り • サンプルプロジェクト
• GitHub
• 先ほど Xamarin ネイティブで使用した PCL
を同じく使用
• Xamarin.Forms でネイティブ機能を使うに
は?
34
XLabs.Forms • Geolocator · XLabs/Xamarin-Forms-Labs
Wiki
• Sakenomyの開発経緯と内容をできるだけ
公開しちゃいます
36
@ytabuchi XLabs.FormsでIGeolo...
Xamarin.Mo
bile &その派
生
• Geolocator Plugin for Xamarin and
Windows
• Simple cross platform plugin to get GPS
location incl...
Xam.Plugin Geolocator - PCL
38
var locator = CrossGeolocator.Current;
var loc = await locator.GetPositionAsync(10000);
Lat...
事例
39
Sakenomy
株式会社エム
ティーアイ 様
http://www.xlsoft.
com/jp/products/
xamarin/apps_sa
kenomy.html
40
みんなのてん
こ
• Xamarin.Forms & BLE 活用事例
株式会社クレス
コ 様
http://www.xlsoft.
com/jp/products/
xamarin/apps_mi
nnano_tenko.htm
l
41
NHK 紅白
フェンリル株式
会社 様
http://biz.fenrir-
inc.com/applicati
on_development/
casestudy_app/n
hk_kouhaku.html
42
最新機能・その他サービス
43
Xamarin.For
ms for UWP
(Preview)
• 【速報】Xamarin.Forms for UWP Preview
版がリリースされました - Xamarin 日本語
情報
44
Xamarin
Android
Player
• Virtual Box ベースの高速 Android エミュ
レーター (Lollipop 対応)
https://xamarin.c
om/android-
player
http://yta...
Sketches • iOS, Forms などの REPL 環境
• Xamarin.Forms の UI 確認などに最適
https://www.youtu
be.com/watch?v=v
9vEhwomUEY&t=1
9m0s
http...
Xamarin
Insights
• Crash/Analytics データ収集サービス
• Xamarin ユーザーは無料
https://xamarin.c
om/insights
http://qiita.com/y
tabuchi/it...
Xamarin Test Cloud
48
Xamarin
Test Cloud
• UI 自動テストサービス
• ローカル版は Xamarin.UITest, Calabash
• 1,700台の実機
https://xamarin.c
om/test-
cloud#video
49
Xamarin Test Cloud
Xamarin.UITest デモ
50
XTC 資料 • Easily Automate Your Xamarin.Forms Apps
| Xamarin Blog
• Cheat Sheet – Xamarin
• Xamarin Test Cloud で UI 自動テストその1...
評価版
http://j.mp/xm-eval
52
T-Shirt Store • サンプルプロジェクトをダウンロードして
ビルドしてください。船便で Tシャツが届
きます!
http://xamarin.co
m/prebuilt/sharp
-shirt
53
価格情報 (オタカインデショウ?)
54
ライセンス • 1 開発者向け Subscription ライセンス
• 1 年間のバージョンアップと弊社から 1年
間のサポートが付属
• 1 年後に更新時のライセンス費用で更新
製品名 価格(税別)
Xamarin.iOS Business...
導入方法
56
社内の口説き
方
• トップ/上司が新しいもの好きか?
• 魅力チャンス!
• 社内に Swift/Objective-C 開発者がいるか
• 人件費チャンス!
• ライセンス 1人分は、20人日くらい。20 日で
iOS/Android アプ...
顧客の口説き
方
• 同じ API を使用するネイティブアプリであ
る事をアピール
• 仕様にネイティブの機能を沢山盛り込む
• アップデートが速いため最新 OS に追従し
やすい事をアピール
• ネイティブに「戻りやすい」ことをアピー
ル
•...
まとめ
59
Xamarin を使うと C# で
なんでもできます
60
Xamarin(ザマリン)
・ C# / .NET
・ “ネイティブ” アプリ
・ API 100% 移植
・ コード共通化
61
Xamarin を
使用した開発
62
Xamarin.For
ms - 画面の
共通化
UI “コード”の共
通化
ビルド時にネイ
ティブ UI にマッ
プ
XAML
63
Xamarin
Test Cloud
• UI 自動テストサービス
• ローカル版は Xamarin.UITest, Calabash
https://xamarin.c
om/test-
cloud#video
64
ご清聴ありがとう
ございます
ご質問がありましたら、田淵までお気軽にどうぞ
ytabuchi@xlsoft.com
080-7015-3586 / 03-5440-7875
Twitter: @ytabuchi
Blog: http://yta...
Upcoming SlideShare
Loading in …5
×

Xamarin を使うとどんなことができるの?

1,265 views

Published on

JXUGC #7 名古屋で発表した資料です。

Published in: Technology
  • Be the first to comment

Xamarin を使うとどんなことができるの?

  1. 1. Xamarin を使うとど んなことができる の? 2015/10/21 JXUGC 名古屋 エクセルソフト株式会社 Business Development Manager 田淵 義人 ytabuchi@xlsoft.com 03-5440-7875 / 080-7015-3586 1
  2. 2. Xamarin を使うと C# で なんでもできます 2
  3. 3. 宣伝 • ユーザーグループに是非ご参加ください • https://www.facebook.com/groups/xm.jxug • http://jxug.org • Xamarin 日本語情報 • http://ytabuchi.hatenablog.com • ペゾルドさんの Xamarin.Forms 本 (PDF) • http://bit.ly/xmfbook • Xamarin 本 • http://www.amazon.co.jp/dp/4822298345 (書 籍) • http://www.amazon.co.jp/gp/product/B00MN5 P6PY (Kindle)
  4. 4. 自己紹介 • 田淵義人 • 目指せ!Xamarin エバンジェリスト • 目指せ!開発もチョットデキル営業 • 目指せ!Xamarin でググれ の自己紹介 • Twitter を Xamarin でエゴサしてる • Androider, Google 信者 • Twitter: @ytabuchi • facebook: ytabuchi.xlsoft • Blog: http://ytabuchi.hatenablog.com/
  5. 5. アジェンダ・ ゴール • クロスプラットフォーム開発の現状 • Xamarin 概要 (さらっと) • Xamarin ネイティブの開発方法 • Xamarin.Forms の開発方法 • 事例 • 導入方法 5
  6. 6. アジェンダ・ ゴール • クロスプラットフォーム開発の現状 • Xamarin 概要 (さらっと) • Xamarin ネイティブの開発方法 • Xamarin.Forms の開発方法 • 事例 • 導入方法 6 Xamarin に興味を持つ アプリを作ってみる Xamarin を周りに紹介してくれる
  7. 7. クロスプラットフォーム開 発の現状 7
  8. 8. モバイル対応 待ったなし • スマートフォンからのインターネット利用 者、2015年冬にはPCを超える可能性 http://www.netrat ings.co.jp/news_r elease/2015/05/ Newsrelease2015 0526.html 8
  9. 9. 分かってるところ 9
  10. 10. IPAの大規模 調査から見え る、企業のモ バイル活用の 現状 • 半分以上の企業でスマホタブレットを利用 http://news.myna vi.jp/articles/201 5/01/16/ipa/ 10
  11. 11. モバイルアプリ開発に求め られるもの 11
  12. 12. 今までのアプ リ開発 12
  13. 13. モバイル向けクロス プラットフォーム開発環境 “No silver bullet” 13
  14. 14. Xamarin(ザマリン) ・ C# / .NET / Visual Studio ・ “ネイティブ” アプリ ・ API 100% 移植 ・ コード共通化 14
  15. 15. Xamarin のしくみ 15
  16. 16. Xamarin を 使用した開発 16
  17. 17. .NET BCL (Mono) • System.IO • ファイル操作の共通化 • System.NET • ネットワーク操作の共通化 • System.Linq • データ操作の簡素化、共通化 • System.XML • XML 操作の簡素化、共通化 • System.Threading • 上記全般もですが、非同期処理の恩恵 17
  18. 18. デモの前に開 発環境の説明 • 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 22
  19. 19. Xamarin ネイティブ デモ 23
  20. 20. デモ振り返り • サンプルプロジェクト • GitHub • Xamarin ネイティブの開発手法 • エクセルソフトのドキュメントページ の • Hello, iPhone • Hello, Android • Storyboard Editor, Android Designer • OS ネイティブの機能を使う方法 • PCL に共通処理を纏める方法 24
  21. 21. Location - Android • Location • Location Services – Xamarin • GPS Provider –正確な位置情報。電池使用量大。 • Network Provider – Wi-Fi と 3G で位置情報。電池使用量は少ない。精度に ばらつきアリ。 • Passive Provider – 他のアプリが取得した位置情報。 • AndroidでGPS(位置情報取得) - Qiita • Map • Part 2 - Maps API - Xamarin • Xamarin.Androidで地図を表示するには?(Google Maps使 用) - Build Insider マップ表示 • Xamarin.Androidで地図を操作するには?(Google Maps使 用) - Build Insider マップ移動 • Xamarin.Androidで地図にマーカーを表示するには?(Google Maps使用) - Build Insider ピン 26
  22. 22. Location - iOS • Location • Core Location – Xamarin • Xamarin.iOS で GPS を使う – Qiita • Map • iOS Maps - Xamarin • Xamarin.iOSで地図を表示するには?(MapKit 使用) - Build Insider Map 表示 • Xamarin.iOSで地図にマーカーを表示するに は?(MapKit使用) - Build Insider Pin 28
  23. 23. ネイティブ イケる 29
  24. 24. Xamarin.Forms 30
  25. 25. Xamarin.For ms - 画面の 共通化 UI “コード”の共 通化 ビルド時にネイ ティブ UI にマッ プ XAML 31
  26. 26. 32
  27. 27. Xamarin.Forms デモ 33
  28. 28. デモ振り返り • サンプルプロジェクト • GitHub • 先ほど Xamarin ネイティブで使用した PCL を同じく使用 • Xamarin.Forms でネイティブ機能を使うに は? 34
  29. 29. XLabs.Forms • Geolocator · XLabs/Xamarin-Forms-Labs Wiki • Sakenomyの開発経緯と内容をできるだけ 公開しちゃいます 36 @ytabuchi XLabs.FormsでIGeolocatorを DependencyService.Get<IGeolocator>();で呼び出しただけだとインスタンスか オブジェクトが無いと怒られている…? @AyaseSH そこでコピーして貼り付けですよ @ytabuchi ビルドエラーを直すのにGeolocationContinuousListener.cs と GeolocationSingleListener.cs も必要な感じでした。後System.Threading.Taskが 参照に追加できなくて詰んだ感じがするw 難しい!断念!
  30. 30. Xamarin.Mo bile &その派 生 • Geolocator Plugin for Xamarin and Windows • Simple cross platform plugin to get GPS location including heading, speed, and more. • Ported from Xamarin.Mobile to a cross platform API. • Map Control – Xamarin • Xamarin.Forms のマップコントロール 37
  31. 31. Xam.Plugin Geolocator - PCL 38 var locator = CrossGeolocator.Current; var loc = await locator.GetPositionAsync(10000); Lat.Text = "Lat: " + loc.Latitude.ToString(); Lon.Text = "Lon: " + loc.Longitude.ToString();
  32. 32. 事例 39
  33. 33. Sakenomy 株式会社エム ティーアイ 様 http://www.xlsoft. com/jp/products/ xamarin/apps_sa kenomy.html 40
  34. 34. みんなのてん こ • Xamarin.Forms & BLE 活用事例 株式会社クレス コ 様 http://www.xlsoft. com/jp/products/ xamarin/apps_mi nnano_tenko.htm l 41
  35. 35. NHK 紅白 フェンリル株式 会社 様 http://biz.fenrir- inc.com/applicati on_development/ casestudy_app/n hk_kouhaku.html 42
  36. 36. 最新機能・その他サービス 43
  37. 37. Xamarin.For ms for UWP (Preview) • 【速報】Xamarin.Forms for UWP Preview 版がリリースされました - Xamarin 日本語 情報 44
  38. 38. 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
  39. 39. 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
  40. 40. Xamarin Insights • Crash/Analytics データ収集サービス • Xamarin ユーザーは無料 https://xamarin.c om/insights http://qiita.com/y tabuchi/items/2d a668482e91621ef 5ca 47
  41. 41. Xamarin Test Cloud 48
  42. 42. Xamarin Test Cloud • UI 自動テストサービス • ローカル版は Xamarin.UITest, Calabash • 1,700台の実機 https://xamarin.c om/test- cloud#video 49
  43. 43. Xamarin Test Cloud Xamarin.UITest デモ 50
  44. 44. XTC 資料 • Easily Automate Your Xamarin.Forms Apps | Xamarin Blog • Cheat Sheet – Xamarin • Xamarin Test Cloud で UI 自動テストその1 (Android テストコード作成まで) - Youtube 51
  45. 45. 評価版 http://j.mp/xm-eval 52
  46. 46. T-Shirt Store • サンプルプロジェクトをダウンロードして ビルドしてください。船便で Tシャツが届 きます! http://xamarin.co m/prebuilt/sharp -shirt 53
  47. 47. 価格情報 (オタカインデショウ?) 54
  48. 48. ライセンス • 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 55
  49. 49. 導入方法 56
  50. 50. 社内の口説き 方 • トップ/上司が新しいもの好きか? • 魅力チャンス! • 社内に Swift/Objective-C 開発者がいるか • 人件費チャンス! • ライセンス 1人分は、20人日くらい。20 日で iOS/Android アプリ作れますか? • 評価版でサンプルを作る (短期間で) • 実績チャンス • 社内の Web サービスを見える化 57
  51. 51. 顧客の口説き 方 • 同じ API を使用するネイティブアプリであ る事をアピール • 仕様にネイティブの機能を沢山盛り込む • アップデートが速いため最新 OS に追従し やすい事をアピール • ネイティブに「戻りやすい」ことをアピー ル • 共通化で品質向上、コスト削減できること をアピール • Cordova でも UX をきちんと考えると別 UI になり、安くならない事をほのめかす 58
  52. 52. まとめ 59
  53. 53. Xamarin を使うと C# で なんでもできます 60
  54. 54. Xamarin(ザマリン) ・ C# / .NET ・ “ネイティブ” アプリ ・ API 100% 移植 ・ コード共通化 61
  55. 55. Xamarin を 使用した開発 62
  56. 56. Xamarin.For ms - 画面の 共通化 UI “コード”の共 通化 ビルド時にネイ ティブ UI にマッ プ XAML 63
  57. 57. Xamarin Test Cloud • UI 自動テストサービス • ローカル版は Xamarin.UITest, Calabash https://xamarin.c om/test- cloud#video 64
  58. 58. ご清聴ありがとう ございます ご質問がありましたら、田淵までお気軽にどうぞ ytabuchi@xlsoft.com 080-7015-3586 / 03-5440-7875 Twitter: @ytabuchi Blog: http://ytabuchi.hatenablog.com/ 65

×