Introduction Xamarin forms mac

1. Introduction to Xamarin.Forms for MacOS
- あるいは UWP から Mac App への布石 -
蜜葉 優

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

3. • H.N. :蜜葉 優 [@mitsuba yu]
• フリーデザイナー
• 最近は UWP, WPF, Unity
• Microsoft MVP for Windows Development
• UX Designer / Interaction Developer / Photographer
• Keynoteの表紙はいつも自分で撮影
• http://c-mitsuba.hatenablog.com
profile

4. • Xamarin Form for MacOSX ?
• サンプルプロジェクト動かしてみた
• １からプロジェクトを作る方法
• よりMacAppらしくするには
• まとめ
agenda

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

6. 日頃はMacユーザー・開発はWindowsユーザー
Windowsでちょこちょこ作ってるMY便利ツール
Macでも同じものが作りたくてやってみた

7. MacOSX App
ちょっとやったことある
is not チョットデキル
今日のお持ち帰り

8. Xamarin.Forms
8

9. • いろんなプラットフォームをXAML+C#で開発できる
• Formsの全てがGitHubに公開されている
• https://github.com/xamarin/Xamarin.Forms
• VS for MacにXamarinの環境を作ったのと違って
アクセスできないformsの機能にもアクセスできる
Xamarin.Forms

10. Xamarin.Forms for MacOSX
10

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

12. for MacOSX
普通にxamarin環境作っても作れない

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

14. • VS for Macいれる
• GitHubからformsのmasterをDL
• 落としたXamarin.Forms.sln を開く
• .net coreだったりSDKだったりを要求され
るので、インストール
まずはサンプル

15. ＿人人人人人人人人人人人人人人人人＿
＞ Tizen関連のプロジェクトを殺す ＜
￣Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y￣
まずはサンプル

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

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

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

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

20. で、どうやって自分の
プロジェクトつくるん？

21. で、やってみた。

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

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

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

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

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

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

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

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

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

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

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

33. おれおれプロジェクトできた

34. DEMO

35. おまけ

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

37. • 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

38. MVVM Challenge

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

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

41. • XAML
MVVM Challenge

42. おさらい

43. プロジェクト構成
AppApp.mac
共通プロジェクト個別Platform
呼び出し
• 実際に出力される.app
• プラットフォーム依存機能実装
• アプリの外側の実装
（ウィンドウの動きとか）
• 共通部分の実装
• 実際に利用するアプリの内部
• 依存機能は共通プロジェクトに
インタフェースを実装して呼出
（DependencyService）

44. from UWP

45. http://silkyfeel.jp/tanzanite

47. Forms.Macに実装してみる

48. 共通PにInterfaceを実装

49. 依存Pに実実装とDSを設定
＊DependencyService

50. 共通PからDSを呼び出し

51. XAML (今回はVM実装なし）

52. ListViewの仮想化

53. ListViewの仮想化

55. よりMacAppらしく

56. AppDelegateでWindowStyle

57. Dockで出し入れする

58. • 林檎の右のメニュー
• こいつを実装すると
ショートカットが
使えるようになる
MainMenuの実装

59. MainMenuの追加

60. • メインインタフェースにMainMenu記述
依存PのInfo.plist

61. • ショートカットが使えるようになった
依存PのInfo.plist

62. 依存PのInfo.plist

63. • VSforMacでMainMenu.xlbをダブルクリック
• 上がってきたXcodeで編集
MainMenu.xlbを編集

64. • 怖がらずにいらないものは、デザイナでクリック選択してDel
• About NewApp-もダブルクリックで名前変更
MainMenu.xlbを編集

65. • ちなみにMainMenuのプロパティがありはするけど、
new Menu()して代入しても、アプリには反映されな
い（Cocoaでもそうなので、仕方がない
• ここはXcodeを使うしかない
Xcode/Storyboardからの完全な脱却はできなかった
MainMenu.xlbを編集

66. 時間があればDEMO

67. できあがったものがこちら

68. まとめ

69. 茨の道では

70. いや、意外といけるんじゃね？

71. • サンプルプロジェクトは割りとさくっと動いた
• XAML方言に対する慣れは必要
• Animation(XAMLのStoryboard)はどうしたらいいんや、、、
• プラットフォーム固有の実装はDependencyServiceを使って。
• Xamarin Previewer なにそれ？
(iOS/Androidのみ)
• Visual Studio for Mac は イケてない
• R#erが恋しい -> そこでRiderですよ
まとめ（Forms)

72. • おれおれプロジェクトを作るのに、めっちゃハマった（1.5日）
• ただ、SwiftもStoryboardも勉強せずに、Macで動作する
プラットフォームができた！（強気
• 一応、iOS/Android/UWPとかと共有できるはず。
• 今回は勉強用に共通Pと依存Pと分けたけど、クロスプラット
フォームを捨てるなら１プロジェクトで完結できそう？
• 勘所がつかめれば小さいアプリぐらいなら作れる気がしてきた
まとめ (Forms.Mac)