2016年9月定例会「クロスプラットフォーム開発最前線」 http://japan-android-group.connpass.com/event/37788/ でお話ししたスライドです。 ネイティブ Android 開発者向けです。

1. Xamarin の特徴と開発手法概要
2016/9/7 2016年9月定例会「クロスプラット
フォーム開発最前線」
田淵義人＠エクセルソフト
Twitter: @ytabuchi
facebook: ytabuchi.xlsoft

2. 自己紹介
Xamarin コミュニティエバンジェリスト
2016年4月 Microsoft MVP Visual Studio and Development Technologies 受賞
Build Insider, マイナビニュース
.NET開発テクノロジ入門2016年版 (Xamarinの章)
Japan Xamarin User Group (ジェイザグ) 主催
Twitter: @ytabuchi
facebook: ytabuchi.xlsoft
Blog: Xamarin 日本語情報
2

3. ゴール
Xamarin の仕組み・開発手法を理解してもらう
面白そうだなと感じてもらう

4. 事例

5. Sakenomy
http://www.xlsoft.com/jp/p
roducts/xamarin/apps_sak
enomy.html
5

6. NHK 紅白
http://biz.fenrir-
inc.com/application_d
evelopment/casestudy
_app/nhk_kouhaku.ht
ml
6

7. アジェンダ
Xamarin 概要
Xamarin ネイティブでの開発
Xamarin.Forms での開発
まとめ

8. アジェンダ
Xamarin 概要
Xamarin ネイティブでの開発
Xamarin.Forms での開発
まとめ

9. Xamarin (ザマリン)
9

10. Xamarin
10

11. C# 6.0
11
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Net.Http;
using Newtonsoft.Json;
button.Click += async (sender, e) =>
{
using (var client = new HttpClient())
{
using (var reader = new StreamReader(await client.GetStreamAsync("xxx")))
{
var json = await reader.ReadToEndAsync();
var jsonModel = JsonConvert.DeserializeObject<List<Data>>(json)
.Where(x => x.Url.Contains("xamarin"))
.Select(x => x.Title).ToList();
}
}
};

12. ２つの開発手法
12
Shared C# App Logic
(PCL)
Shared XAML/C# UI Code
(Xamarin.Forms)
iOS
C# UI
Shared C# App Logic
(PCL)
Android
C# UI
Windows
C# UI
Xamarin.FormsXamarin Native
ロジックのみ共通化
UIはネイティブで個別に作りこむ

13. 必要な知識
13
プラットフォーム
個別
Xamarin Native
iOS API Objective-C, Swift Xcode
Android API Java Android Studio
Windows API Visual StudioC#
API 言語 統合開発環境
iOS API Objective-C, Swift Xcode
Android API Java Android Studio
Windows API Visual StudioC#
Xamarin.Forms
iOS API
Android API
Windows API
Objective-C, Swift Xcode
Java Android Studio
Visual StudioC#Xamarin.Forms
UI toolkit

14. アジェンダ
Xamarin 概要
Xamarin ネイティブでの開発
Xamarin.Forms での開発
まとめ

15. Xamarin ネイティブ
15
iOS
C# UI
Shared C# App Logic
(PCL)
Android
C# UI
Windows
C# UI
Xamarin Native
ロジックのみ共通化
UIはネイティブで個別に作りこむ

16. Layout
16

17. Activity + Layout
17
<LinearLayout ... >
<TextView ... />
<EditText ... />
<Button ... />
<TextView ... />
</LinearLayout>
[Activity(MainLauncher = true)]
public class MainActivity : Activity
{
protected override void OnCreate(Bundle bundle)
{
base.OnCreate(bundle);
SetContentView(Resource.Layout.Main);
var editText = FindViewById<EditText>
(Resource.Id.digitsInput);
...
}
...
}

18. アジェンダ
Xamarin 概要
Xamarin ネイティブでの開発
Xamarin.Forms での開発
まとめ

19. Xamarin.Forms
最大公約数
19
Shared C# App Logic
(PCL)
Shared XAML/C# UI Code
(Xamarin.Forms)
Xamarin.Forms

20. Xamarin.Forms
20

21. アジェンダ
Xamarin 概要
Xamarin ネイティブでの開発
Xamarin.Forms での開発
まとめ

22. Xamarin
22

23. ２つの開発手法
23
Shared C# App Logic
(PCL)
Shared XAML/C# UI Code
(Xamarin.Forms)
iOS
C# UI
Shared C# App Logic
(PCL)
Android
C# UI
Windows
C# UI
Xamarin.FormsXamarin Native
ロジックのみ共通化
UIはネイティブで個別に作りこむ

24. 興味を持ってくれた方は
参考資料・サンプル
24

25. デモで使用したプロジェクト
https://github.com/ytabuchi/XamarinNative/tree/master/ListViewSample
Xamarin.Android の ListView で Item を追加、削除したい（CustomAdapter）
Xamarin.Android の ListView で Item を追加、削除したい（ArrayAdapterと
SimpleListItem1）
https://github.com/ytabuchi/xamarin-forms/tree/master/XF_ListViewSample
MVVM な Xamarin.Forms プロジェクトの Model を UnitTest してみる - その１
MVVM な Xamarin.Forms プロジェクトの Model を UnitTest してみる - その２

26. ハンズオンレポジトリ
https://github.com/ytabuchi/XamarinHOL
26

27. Prebuilt サンプル
https://www.xamarin.com/prebuilt
27
Acquaint Sport Xamarin CRM My Shoppe

28. 【告知】次回 JXUG
JXUGC #17 お前の Xamarin アプリを見せてみろ！ -
connpass
28

29. ご清聴ありがとうございます
田淵義人＠エクセルソフト
Twitter: @ytabuchi
facebook: ytabuchi.xlsoft