2016/9/10(土) の「わんくま 横浜勉強会 #08」で @chomado さんと発表したセッションです。 解説エントリーも併せてご覧ください http://ytabuchi.hatenablog.com/entry/2016/09/12/003000 Xamarin.Forms が大変なのは View の調整です。すぐに動くものが必要なプロトタイプやモック、View 要件を調整できる自社アプリやクライアントさんとちゃんと話せて要件を調整できる受託案件などであれば、Xamarin.Forms の利点を最大限生かした効率のよい開発ができます。 私個人としては、地雷を踏む可能性が高くても Xamarin.Forms が大好きなのでこれからも愛を込めてガンガン推していきたいと思います。（Xamarin が Xamarin.Forms を推しているので、どんどん使いやすくなっていくはずという期待を込めて）

1. Xamarin バッドノウハウ大全
2016/9/10 わんくま横浜
田淵義人＠エクセルソフト
Twitter: @ytabuchi
facebook: ytabuchi.xlsoft
ちょまど
Twitter: @chomado
facebook: chomado

2. 解説エントリー書きました
Xamarin バッドノウハウの解説
2

3. 自己紹介
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 日本語情報
3

4. 自己紹介( *ﾟ▽ﾟ* っ)З
https://chomado.com
http://aka.ms/chomado/
4

5. ゴール
Xamarin のバッドノウハウを知ったうえでも Xamarin っ
て楽しそう！という気持ちになってもらう
( *ﾟ▽ﾟ* っ)З

6. Xamarin 概要

7. Xamarin
7

8. C# 6.0
8
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();
}
}
};

9. ２つの開発手法
9
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はネイティブで個別に作りこむ

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

11. Xamarin.Android (Visual Studio)
11

12. Xamarin.iOS (Xamarin Studio)
12

13. Xamarin ネイティブ
13

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

15. Xamarin.Forms
15

16. XAML
16

17. 17
MVVM

18. 必要な知識
18
プラットフォーム
個別
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

19. 昔話

20. 過去発生した色々な問題
20

21. バッドノウハウ(という名のFAQ集)
Xamarin 開発で覚えておきたいこと

22. ちょまどさん、こんな感じでいくよ！
ヽ（ヽ *ﾟ▽ﾟ*）ノ わーい！
( *ﾟ▽ﾟ* っ)З ぽっぽー！
22

23. Xamarin の理解・心がけ編
Xamarin 開発をする前に覚えておきたいこと

24. Xamarin って C#er であれば誰でも簡単にスマホ
アプリが作れる魔法のツールなんでしょ？
そんなわけない！iOS/Android/C# の知識が全
部必要になる素晴らしいツールです！
( *ﾟ▽ﾟ* っ)З
24

25. Xamarin の開発をする上で大事なことって何だと
思う？
バグにめげない気持ち！
自分で何とかしようとする気持ち！
( *ﾟ▽ﾟ* っ)З
25

26. Xamarin.Forms ってどうなの？
バグにめげない気持ち！
OSS になったから困ったら
ソースを見よう！
( *ﾟ▽ﾟ* っ)З
26

27. 日本語ドキュメントが少なくて辛いんだけど？
みんなで頑張って増やしていこうね！
田淵さん引き続きよろしくです！
( *ﾟ▽ﾟ* っ)З
27

28. プロジェクト設定・ビルド編
Xamarin 開発をする上で覚えておきたいこと

29. インストール大変じゃない？
大変です！
( *ﾟ▽ﾟ* っ)З
(Xamarin Studio on Mac に関しては簡単)
29

30. Android のデバッグには何を使えばいいの？
実機！実機！
( *ﾟ▽ﾟ* っ)З
30

31. どのテンプレートで何が出来るのか良く分からん
Cross-Platformがいいよ！
( *ﾟ▽ﾟ* っ)З
31

32. Xamarin.Forms のプロジェクト作るの凄い時間が
かかるんだけど？
筋トレしてるといいよ！
( *ﾟ▽ﾟ* っ)З
32

33. これ何？
Xamarin.Forms で作る UWP プロジェクトのバー
ジョンだよ！Windows 10 Anniversary Update
SDK (10.0.14393) は選択しちゃダメだよ！
( *ﾟ▽ﾟ* っ)З
33

34. Xamarin.Forms まだワーニングが出るんだけど？
ビルドすると
多分消えるよ！
( *ﾟ▽ﾟ* っ)З
34

35. Xamarin.Forms のバージョンが古くね？
JXUG のテンプレートを
使うといいよ！
( *ﾟ▽ﾟ* っ)З
35

36. Android のサポートライブラリーはバージョンアップ
すべき？
固定バージョンが必要だから
アップデートしちゃダメだよ！
( *ﾟ▽ﾟ* っ)З
36

37. ターゲットって何？
対応 OS で変わるよ！
Profile 7 と 49 がいいよ！
( *ﾟ▽ﾟ* っ)З
37

38. Profile 変えようとしたら何コレ？
Xamarin.Forms ライブラリを全部削除してから変
更するとできるよ！
( *ﾟ▽ﾟ* っ)З
38

39. Xamarin.Forms の Android プロジェクトのビルド
に凄い時間がかかるんだけど？
初回のビルドは絶対止めちゃダメだよ！
2回目からは早いよ！筋トレだよ！
( *ﾟ▽ﾟ* っ)З
39

40. No resource found that matches the given
name
Android SDK をインストールしてね！
6.0, 5.1, 5.0, 4.4, 4.1, 4.0 が必要だよ！
( *ﾟ▽ﾟ* っ)З
40

41. Resource.Designer.cs に No resource found っ
てエラーが鬼のように出た！＞＜
Android サポートライブラリのバージョンが違ったり
すると出ることがあるよ！
( *ﾟ▽ﾟ* っ)З
41

42. Android プロジェクトをビルドするとめっちゃ文字
化けするんだけど！
Android SDK を最新にするか最新にしすぎてたら
戻すと良いらしいよ！
( *ﾟ▽ﾟ* っ)З
42

43. Android アプリで配置エラーが出たよ…
エミュレーター起動し終わってる？
落としちゃダメだよ！
( *ﾟ▽ﾟ* っ)З
43

44. ビルドに失敗するようになったらどうすれば良い？
Unzipping failed ってなに？
すべてのプロジェクトの
bin obj を消すんじゃ…
%LOCALAPPDATA%¥Xamarin も消すんじゃ…
( *ﾟ▽ﾟ* っ)З
44

45. Surface Pro 4 で Visual Studio Emulator for
Android に配置できない＞＜
Hyper-V の設定を
見直すといいよ！
( *ﾟ▽ﾟ* っ)З
45

46. デバッグビルドが途中で終わるんだけど…
なぜか SD カードにインストール
されることがあるみたいよ！
( *ﾟ▽ﾟ* っ)З
46

47. Android の Layout.axml が開けないんだけど？
Android SDK をインストールしてね！
6.0, 5.1, 5.0, 4.4, 4.1, 4.0 が必要だよ！
( *ﾟ▽ﾟ* っ)З
47

48. UWP ビルド出来ない…＞＜
プラットフォームを x86 にするか
チェックを付けるといいよ！
( *ﾟ▽ﾟ* っ)З
48

49. Material Design を設定したのにステータスバーが
黒いんだけど？
Target を 5.0 以上にするの！
( *ﾟ▽ﾟ* っ)З
49

50. iOS に行こうか…
はい！
( *ﾟ▽ﾟ* っ)З
50

51. Mac Remote Agent がすぐ切れるよ…
Mac 側を有線接続して、ディスプレイをオンのまま
にするといいよ！(省電力)
( *ﾟ▽ﾟ* っ)З
51

52. Storyboard が開けないんだけど…
iOS SDK と Xcode と Xamarin が
最新になってるか確認してみて！
( *ﾟ▽ﾟ* っ)З
52

53. iOS Simulator を Mac で確認するの面倒なんだ
けど？
iOS Simulator for Windows を使うといいよ！
今は快適だよ！
( *ﾟ▽ﾟ* っ)З
53

54. iOS アプリのビルド時間、長くない？
筋トレするといいよ！
( *ﾟ▽ﾟ* っ)З
54

55. 開発編
Xamarin 開発をする際に思い出してほしいこと

56. Intellisense が効かなくなった…
最近大丈夫だね！
( *ﾟ▽ﾟ* っ)З
56

57. InitializeComponent に赤い波線が付く…
最近見ないね！
( *ﾟ▽ﾟ* っ)З
57

58. ここからは JXUG の沼に好んで入っていくアーリーア
ダプターの皆さんからいただいた実際に開発してて
遭遇したバッドノウハウを紹介していくよ！
ぽっぽー！！！
( *ﾟ▽ﾟ* っ)З
58

59. Visual Studio と Xamarin Studio で相互運用す
ると .csproj がゴリっと書き換わったりすることがあ
るみたいよ。
へー！ ( *ﾟ▽ﾟ* っ)З
59

60. Xamarin.Forms の Slider は Min を先に指定し
ないと落ちるみたい…
へー！ ( *ﾟ▽ﾟ* っ)З
60

61. Xamarin.Forms で PushModalAsync 表示をし
たときに、Navigation.ModalStack.Count の値が
iOSとAndroidで違うんだって。
へー！ ( *ﾟ▽ﾟ* っ)З
61

62. Xamarin.Forms の
Device.BeginInvokeOnMainThread は、
Android ではそのまま実行されるけど iOS はポス
トされてから実行されるので挙動が変わるんだって。
へー！ ( *ﾟ▽ﾟ* っ)З
62

63. Xamarin.Forms の StackLayout は設定がややこ
しいよ。特に XXXandExpand が闇みたいでレイア
ウトもバグるんだって。
へー！ ( *ﾟ▽ﾟ* っ)З
63

64. Xamarin.Forms の TapGestureRecognizer の
判定範囲が Android 側で広すぎて、スワイプと
かぶっておかしくなるらしいよ。
へー！ ( *ﾟ▽ﾟ* っ)З
64

65. Xamarin.Forms の PanGestureRecognizer は
iOS と Android でイベントが発火したり発火しな
かったりするんだって。
へー！ ( *ﾟ▽ﾟ* っ)З
65

66. Xamarin.Forms で InputTransparent=false にし
ても iOS と Android で下のコントロールにイベント
を透過できないことがあるらしいよ。
へー！ ( *ﾟ▽ﾟ* っ)З
66

67. Xamarin.Forms の Picker も闇らしいよ…
へー！ ( *ﾟ▽ﾟ* っ)З
67

68. Xamarin.Forms の ListView はメモリリークするん
だって…
へー！ ( *ﾟ▽ﾟ* っ)З
68

69. Xamarin.Forms の UWP 版 ListView だと仮想
化が有効にならないんだって。
へー！ ( *ﾟ▽ﾟ* っ)З
69

70. Android の View は Mono 側で GC してもしば
らく Java 側から握られてたりしてメモリから消える
までに時間が掛かるんだって。メモリリークじゃない
らしいよ。
へー！ ( *ﾟ▽ﾟ* っ)З
70

71. iOS、デバッグできる端末と launch failed でデ
バッグできない端末が未だにあるんだって。
へー！ ( *ﾟ▽ﾟ* っ)З
71

72. Xamarin.Forms ｪ…
うん…
( *ﾟ▽ﾟ* っ)З
72

73. 多謝
@omanuke
https://gist.github.com/omanuke/fc8dfe1e0a80b3ed4faf91259df46326
https://twitter.com/omanuke/status/773421753079037952
@qwerty2501
https://gist.github.com/qwerty2501/11e5bfd1cc368c19ddf693ffd1afe132
@AyaseSH
https://twitter.com/AyaseSH/status/773323882098941952
@amay077, @espresso3389, @nuits_jp, @Santea3173, @ticktackmobile
@chomado, @atsushieno
73

74. 参考資料
Windows で Xamarin 開発をしたい方はインストールする前
に読んでほしい - Xamarin 日本語情報
Xamarin for Visual Studio スタートアップ トラブルQA集 -
nuits.jp blog
74

75. まとめ
75

76. #Xamarinはいいぞ
それでも！
C# でモバイルアプリが作れる Xamarin が好き！

77. Xamarin
77

78. ２つの開発手法
78
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はネイティブで個別に作りこむ

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

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

81. 【宣伝】次回 JXUG は
JXUGC #17 お前の Xamarin アプリを見せてみろ！
81

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