1. / 46
UnoPlatform 入門
1
城東.NET #42
2020年03月18日
石崎 充良

2. / 46
自己紹介
石崎 充良 ( @mishi_cs )
Microsoft MVP for Developer Technologies
言語： C# XAML
活動：
・C# もくもく会 (connpass)
・城東.NET (connpass)
・C# Tokyo (connpass)
2

3. / 46
UnoPlatform
3

4. / 46
Uno Platform
カナダ nventive 社が作っている UWP の XAML でクロスプラットフォームできる開発
プラットフォーム。C#/.NET。Android / iOS は Xamarin の上に乗っている。
4https://platform.uno/how-it-works/

5. / 46
生まれるソリューション
5
Shared Project
Shared Project の中に
UWP の XAML

6. / 46
実行
6

7. / 46
作ってみる
7

8. / 46
プロジェクトテンプレートの追加
8

9. / 46
テンプレートから作成
9
タグがないので名前で検索
ライブラリと App があるので注意
（App を選択）

10. / 46
生まれるソリューション
10
Shared Project
Shared Project の中に
UWP の XAML

11. / 46
実行
11

12. / 46
うまく実行できると
12

13. / 46
•コードを書いてみる
•プラットフォーム毎のコード
•ページ遷移
•リストの表示
•データバインディング
•WebAPI
13

14. / 46
•コードを書いてみる
•プラットフォーム毎のコード
•ページ遷移
•リストの表示
•データバインディング
•WebAPI
14

15. / 46
コードを書いてみる
15

16. / 46
XAML
16
TextBox 3 つと
TextBlock 1 つ、
Button ひとつ
※完全に UWP の XAML

17. / 46
イベントハンドラも作られる
17
新しいイベント ハンドラー
※完全に UWP のコード
プロパティ ウィンドウからも可
※完全に UWP のコード

18. / 46
コードビハインド
18
Button クリックで、
TextBox 3 つの値を
結合して TextBlock に表示
※完全に UWP のコード

19. / 46
実行
19

20. / 46
UWP
20

21. / 46
WASM
21

22. / 46
Android
22

23. / 46
iOS
23

24. / 46
クロスプラットフォーム
24
UWP
WebAssembly
Android iOS

25. / 46
•コードを書いてみる
•プラットフォーム毎のコード
•ページ遷移
•リストの表示
•データバインディング
•WebAPI
25

26. / 46
一部
表示おかしくない？
26

27. / 46
これ
27

28. / 46
プリプロセッサ
28
iOS の場合だけマージンを変更

29. / 46
XAML
29
プラットフォーム毎にマージンを変更

30. / 46
•コードを書いてみる
•プラットフォーム毎のコード
•ページ遷移
•リストの表示
•データバインディング
•WebAPI
30

31. / 46
ページ遷移
31

32. / 46
遷移のコード
32
１ページ目 ２ページ目

33. / 46
実行
33

34. / 46
•コードを書いてみる
•プラットフォーム毎のコード
•ページ遷移
•リストの表示
•データバインディング
•WebAPI
34

35. / 46
リストの表示
35

36. / 46
リスト表示のコード
36
XAML
コード

37. / 46
実行
37

38. / 46
•コードを書いてみる
•プラットフォーム毎のコード
•ページ遷移
•リストの表示
•データバインディング
•WebAPI
38

39. / 46
データバインディング
39

40. / 46
データバインディングのコード
40
XAML
ViewModel

41. / 46
実行
41

42. / 46
•コードを書いてみる
•プラットフォーム毎のコード
•ページ遷移
•リストの表示
•データバインディング
•WebAPI
42

43. / 46
Web API
43

44. / 46
いつもの HttpClient で
44

45. / 46
まとめ
45

46. / 46
まとめ
•UWP の知識が活かせる
•とりあえず一通り作れそう
•でもまだまだこれから
46

47. / 46
ありがとうございました。
47