Tried to touch Xamarin Forms for MacOS

1. Tried to touch Xamarin.Forms for MacOS
蜜葉 優

2. • H.N. :蜜葉 優 [@mitsuba yu]
• silkyfeel ,LLC CEO
• HoloMagicians
• Microsoft MVP for Windows Development
• UX Designer / Interaction Developer / Photographer
• Keynoteの表紙はいつも自分で撮影
• http://c-mitsuba.hatenablog.com
profile

3. • Xamarin Form for Mac OS ?
• サンプルコード
• やってみた
• まとめ
agenda

4. 2014年以来
やってなかった
Xamarin

5. MacOS App
ちょっとやったことある
is not チョットデキル

6. Xamarin.Forms
6

7. • 全てがGitHubに公開されている
• https://github.com/xamarin/Xamarin.Forms
• VS for MacにXamarinの環境を作っただけだと
アクセスできない機能にもアクセスできる
• AppはXAMLで開発できる <- うれしい
Xamarin.Forms

8. Xamarin.Forms for Mac OS
8

9. • 実は去年の今頃からGitHubのブランチにあったらしい
• 現在はmaster ブランチに統合されている
• VS for Macで開発できる <- Windowsはだめ
• XAMLで開発できる！！<- Storyboard 駆逐！！
これだけでまぢXamarinはいいぞって言える（？）
for Mac OS

10. for Mac OS
普通にxamarin環境作っても作れない

11. で、とりあえずサンプル

12. • VS for Macいれる
• GitHubのデータをダウンロード
• Xamarin.Forms.sln を開く
• .net coreだったりSDKだったりを要求され
るので、インストール
• Tizen関連のプロジェクトを殺す
まずはサンプル

13. • Xamarin.Platoforms.MacOSプロジェクト
を選択して、ビルド対象にする
まずはサンプル

14. • Gitのパッケージを復元する
まずはサンプル

15. • ビルド（めっちゃ時間かかる（15分ぐらい
まずはサンプル

16. • うごいた
まずはサンプル

17. で、やってみた。

18. • 空白フォームから作成
おれおれプロジェクト

19. • Mac用のプロジェクト
追加
おれおれプロジェクト

20. • Cocoa
おれおれプロジェクト

21. • app.macOS
おれおれプロジェクト

22. • いらない
おれおれプロジェクト

23. • いらない
おれおれプロジェクト

24. • masterでビルドしたdllを参照追加
おれおれプロジェクト

25. • プロジェクトも参照追加
おれおれプロジェクト

26. • Forms用に
コードをぺた
• https://qiita.com/askyq/items/
954c4fc379aab5f80a92
おれおれプロジェクト

27. • 赤線は右クリックでusing追加
おれおれプロジェクト

28. • さっきのデリゲートを登録
おれおれプロジェクト

29. おれおれプロジェクト

30. • みんなだいすきReactiveProperty
MVVM Challenge

31. • Could not install package
'System.ComponentModel.Annotations 4.1.0'.
• You are trying to install this package into a project that
targets '.NETPortable,Version=v4.5,Profile=Profile111', but
the package does not contain any assembly references or
content files that are compatible with that framework. For
more information, contact the package author.
MVVM Challenge

32. MVVM Challenge

33. • .Net Standardにすれば最新のRPが使えるらしい。
• 今回はPCLのままにして、2.9で。
MVVM Challenge

34. • VMつくる。
• 手書きusing
MVVM Challenge

35. • XAML
MVVM Challenge

36. まとめ

37. つらい！！！！

38. • サンプルプロジェクトは割りとさくっと動いた
• Qiitaの情報が古くて、おれおれプロジェクトを作るのに、
めっちゃハマった
• XAML方言のわからなさ
• Xamarin Previewer なにそれ？
• Visual Studio for Mac の イケてなさ
(手元のだと２sln開けないし、キーバインドちがうし、、
• R#erが恋しい
まとめ

39. • SwiftもStoryboardも勉強せずに、Macで動作する
プラットフォームができた！（強気
• プラットフォーム固有の実装はDependencyServiceを使えばな
りそう。
• 一応、iOS/Android/UWPとかと共有できるはず。
ってことは、一旦UWPにもビルドできるようにして、
それっぽいXAMLをVisual Studioで書いて、Macにもってくれ
ばワンチャンある？
まとめ

40. http://silkyfeel.jp/tanzanite