Uno Platform 入門 2020/04/03

M
/ 47
Uno Platform 入門
1
C# TOKYO オンライン
2020年04月03日
石崎 充良
/ 47
自己紹介
石崎 充良 ( @mishi_cs )
Microsoft MVP for Developer Technologies
言語: C# XAML
活動:
・C# もくもく会 (connpass)
・城東.NET (connpass)
・C# Tokyo (connpass)
2
/ 47
Uno Platform
3
/ 47
Uno Platform
カナダ nventive 社が作っている UWP の
XAML でクロスプラットフォームできる
開発プラットフォーム。
C#/.NET。
UWP はそのまま UWP 。
Android / iOS は Xamarin の上に乗って
いる。
4https://platform.uno/how-it-works/
/ 47
Xamarin とは
・Android / iOS の API を C# から使えるようにしたもの
・C# (.NET) のライブラリを使えるようにしたもの
5
ロジックのみ共通化
UIはネイティブで個別に作りこむ
Shared C# App Logic
iOS
C# UI
Android
C# UI
Windows
C# UI
/ 47
API を C# から使えるようにした
薄いラッパーとも呼ばれる。
6
Android / Java Xamarin / C#
/ 47
UWP
7
/ 47
UWP
8
C# で Windows デバイスのアプリを作る技術の最先端
C# エンジニアの多くが学んでいる
/ 47
Uno Platform
カナダ nventive 社が作っている UWP の
XAML でクロスプラットフォームできる
開発プラットフォーム。
C#/.NET。
UWP はそのまま UWP 。
Android / iOS は Xamarin の上に乗って
いる。
9https://platform.uno/how-it-works/
/ 47
生まれるソリューション
10
Shared Project
Shared Project の中に
UWP の XAML
/ 47
実行
11
/ 47
作ってみる
12
/ 47
プロジェクトテンプレートの追加
13
/ 47
テンプレートから作成
14
タグがないので名前で検索
ライブラリと App があるので注意
(App を選択)
/ 47
生まれるソリューション
15
Shared Project
Shared Project の中に
UWP の XAML
/ 47
うまく実行できると
16
/ 47
•コードを書いてみる
•プラットフォーム毎のコード
•ページ遷移
•リストの表示
•データバインディング
•WebAPI
17
/ 47
•コードを書いてみる
•プラットフォーム毎のコード
•ページ遷移
•リストの表示
•データバインディング
•WebAPI
18
/ 47
XAML
19
TextBox 3 つと
TextBlock 1 つ、
Button ひとつ
※完全に UWP の XAML
/ 47
イベントハンドラも作られる
20
新しいイベント ハンドラー
※完全に UWP のコード
プロパティ ウィンドウからも可
※完全に UWP のコード
/ 47
イベントハンドラ
21
Button クリックで、
TextBox 3 つの値を
結合して TextBlock に表示
※完全に UWP のコード
/ 47
実行
22
/ 47
UWP
23
/ 47
WASM
24
/ 47
Android
25
/ 47
iOS
26
/ 47
クロスプラットフォーム
27
UWP
WebAssembly
Android iOS
/ 47
•コードを書いてみる
•プラットフォーム毎のコード
•ページ遷移
•リストの表示
•データバインディング
•WebAPI
28
/ 4729
/ 47
表示おかしくない?
30
/ 47
これ
31
/ 47
プリプロセッサ [ C# 機能 ]
32
iOS の場合だけマージンを変更
/ 47
XAML [ XAML 機能 ]
33
プラットフォーム毎にマージンを変更
/ 47
•コードを書いてみる
•プラットフォーム毎のコード
•ページ遷移
•リストの表示
•データバインディング
•WebAPI
34
/ 47
遷移のコード [ UWP の API ]
35
1ページ目 2ページ目
/ 47
実行
36
/ 47
•コードを書いてみる
•プラットフォーム毎のコード
•ページ遷移
•リストの表示
•データバインディング
•WebAPI
37
/ 47
リスト表示のコード [ UWP の API ]
38
XAML
コード
/ 47
実行
39
/ 47
•コードを書いてみる
•プラットフォーム毎のコード
•ページ遷移
•リストの表示
•データバインディング
•WebAPI
40
/ 47
データバインディング [ UWP の API ]
41
XAML
ViewModel
/ 47
実行
42
/ 47
•コードを書いてみる
•プラットフォーム毎のコード
•ページ遷移
•リストの表示
•データバインディング
•WebAPI
43
/ 47
いつもの HttpClient [ C# のクラス ]
44
/ 47
まとめ
45
/ 47
まとめ
•C#、クラスライブラリの知識が活きる
•UWP の知識が活きる
•とりあえず十分触り始められる
46
/ 47
まとめ
•とりあえず始めましょう!
47
/ 47
ありがとうございました。
48
1 von 48

Recomendados

C# Tokyo Guide 2020/04/03 von
C# Tokyo Guide 2020/04/03C# Tokyo Guide 2020/04/03
C# Tokyo Guide 2020/04/03m ishizaki
388 views16 Folien
C# Tokyo コミュニティ説明 2021/01/29 版 von
C# Tokyo コミュニティ説明 2021/01/29 版C# Tokyo コミュニティ説明 2021/01/29 版
C# Tokyo コミュニティ説明 2021/01/29 版m ishizaki
555 views15 Folien
「推しが100万部売れて欲しい!」 推し技術書LT大会 発表スライド von
「推しが100万部売れて欲しい!」 推し技術書LT大会 発表スライド「推しが100万部売れて欲しい!」 推し技術書LT大会 発表スライド
「推しが100万部売れて欲しい!」 推し技術書LT大会 発表スライドm ishizaki
534 views20 Folien
C# Tokyo コミュニティ案内 von
C# Tokyo コミュニティ案内C# Tokyo コミュニティ案内
C# Tokyo コミュニティ案内m ishizaki
781 views15 Folien
C# Tokyo コミュニティ説明 20200925 von
C# Tokyo コミュニティ説明 20200925C# Tokyo コミュニティ説明 20200925
C# Tokyo コミュニティ説明 20200925m ishizaki
332 views15 Folien
Visual Studio Code で C# でのアプリ開発 von
Visual Studio Code で C# でのアプリ開発Visual Studio Code で C# でのアプリ開発
Visual Studio Code で C# でのアプリ開発m ishizaki
8.9K views35 Folien

Más contenido relacionado

Was ist angesagt?

C# Tokyo guide 2020/12/25 von
C# Tokyo guide 2020/12/25C# Tokyo guide 2020/12/25
C# Tokyo guide 2020/12/25m ishizaki
348 views15 Folien
C# Tokyo コミュニティについて 20200522 von
C# Tokyo コミュニティについて 20200522C# Tokyo コミュニティについて 20200522
C# Tokyo コミュニティについて 20200522m ishizaki
371 views16 Folien
C# Tokyo 案内 2020/08/26 von
C# Tokyo 案内 2020/08/26C# Tokyo 案内 2020/08/26
C# Tokyo 案内 2020/08/26m ishizaki
216 views15 Folien
モバイルディスプレイ von
モバイルディスプレイモバイルディスプレイ
モバイルディスプレイm ishizaki
575 views16 Folien
C# Tokyo Guide 2020/06/26 von
C# Tokyo Guide 2020/06/26C# Tokyo Guide 2020/06/26
C# Tokyo Guide 2020/06/26m ishizaki
489 views17 Folien
Uno Platform 入門 von
Uno Platform 入門Uno Platform 入門
Uno Platform 入門m ishizaki
321 views47 Folien

Was ist angesagt?(20)

C# Tokyo guide 2020/12/25 von m ishizaki
C# Tokyo guide 2020/12/25C# Tokyo guide 2020/12/25
C# Tokyo guide 2020/12/25
m ishizaki348 views
C# Tokyo コミュニティについて 20200522 von m ishizaki
C# Tokyo コミュニティについて 20200522C# Tokyo コミュニティについて 20200522
C# Tokyo コミュニティについて 20200522
m ishizaki371 views
C# Tokyo 案内 2020/08/26 von m ishizaki
C# Tokyo 案内 2020/08/26C# Tokyo 案内 2020/08/26
C# Tokyo 案内 2020/08/26
m ishizaki216 views
モバイルディスプレイ von m ishizaki
モバイルディスプレイモバイルディスプレイ
モバイルディスプレイ
m ishizaki575 views
C# Tokyo Guide 2020/06/26 von m ishizaki
C# Tokyo Guide 2020/06/26C# Tokyo Guide 2020/06/26
C# Tokyo Guide 2020/06/26
m ishizaki489 views
Uno Platform 入門 von m ishizaki
Uno Platform 入門Uno Platform 入門
Uno Platform 入門
m ishizaki321 views
C# Tokyo はじめました von m ishizaki
C# Tokyo はじめましたC# Tokyo はじめました
C# Tokyo はじめました
m ishizaki284 views
Bait and switch von m ishizaki
Bait and switchBait and switch
Bait and switch
m ishizaki470 views
C# Tokyo コミュニティについて Short 版 von m ishizaki
C# Tokyo コミュニティについて Short 版C# Tokyo コミュニティについて Short 版
C# Tokyo コミュニティについて Short 版
m ishizaki627 views
私が ASP.NET を選ぶ理由 von m ishizaki
私が ASP.NET を選ぶ理由私が ASP.NET を選ぶ理由
私が ASP.NET を選ぶ理由
m ishizaki845 views
C# Tokyo guide 20191024 von m ishizaki
C# Tokyo guide 20191024C# Tokyo guide 20191024
C# Tokyo guide 20191024
m ishizaki236 views
デスクトップアプリ最新事情201912 von m ishizaki
デスクトップアプリ最新事情201912デスクトップアプリ最新事情201912
デスクトップアプリ最新事情201912
m ishizaki345 views
5月13日 JapanAndroidGroup - Hamamatsu c# go von Atsuya Tsuchikawa
5月13日 JapanAndroidGroup - Hamamatsu c# go5月13日 JapanAndroidGroup - Hamamatsu c# go
5月13日 JapanAndroidGroup - Hamamatsu c# go
Blazor でアプリを作ろう! ~テンプレートインストールから最初のデバッグ実行まで~ von m ishizaki
Blazor でアプリを作ろう! ~テンプレートインストールから最初のデバッグ実行まで~Blazor でアプリを作ろう! ~テンプレートインストールから最初のデバッグ実行まで~
Blazor でアプリを作ろう! ~テンプレートインストールから最初のデバッグ実行まで~
m ishizaki193 views
まんまとリレーションされた話 von m ishizaki
まんまとリレーションされた話まんまとリレーションされた話
まんまとリレーションされた話
m ishizaki153 views
Visual Studio Code でプログラムをデバッグしよう! von m ishizaki
Visual Studio Code でプログラムをデバッグしよう!Visual Studio Code でプログラムをデバッグしよう!
Visual Studio Code でプログラムをデバッグしよう!
m ishizaki1.5K views

Similar a Uno Platform 入門 2020/04/03

Cross-Platform ができる Xamarin について von
Cross-Platform ができる Xamarin についてCross-Platform ができる Xamarin について
Cross-Platform ができる Xamarin についてm ishizaki
817 views40 Folien
Uno Platform さわってみた von
Uno Platform さわってみたUno Platform さわってみた
Uno Platform さわってみたm ishizaki
151 views31 Folien
Xamarin で クラシックデスクトップ 2 von
Xamarin で クラシックデスクトップ 2Xamarin で クラシックデスクトップ 2
Xamarin で クラシックデスクトップ 2m ishizaki
471 views28 Folien
Windows 10 対応のデスクトップアプリを 作る技術(事前公開版) von
Windows 10 対応のデスクトップアプリを 作る技術(事前公開版)Windows 10 対応のデスクトップアプリを 作る技術(事前公開版)
Windows 10 対応のデスクトップアプリを 作る技術(事前公開版)一希 大田
3K views46 Folien
Xamarin で始めるクロスプラットフォーム開発 von
Xamarin で始めるクロスプラットフォーム開発Xamarin で始めるクロスプラットフォーム開発
Xamarin で始めるクロスプラットフォーム開発m ishizaki
8.7K views49 Folien
Xamarin ハンズオン Android の部 von
Xamarin ハンズオン Android の部Xamarin ハンズオン Android の部
Xamarin ハンズオン Android の部m ishizaki
511 views19 Folien

Similar a Uno Platform 入門 2020/04/03(20)

Cross-Platform ができる Xamarin について von m ishizaki
Cross-Platform ができる Xamarin についてCross-Platform ができる Xamarin について
Cross-Platform ができる Xamarin について
m ishizaki817 views
Uno Platform さわってみた von m ishizaki
Uno Platform さわってみたUno Platform さわってみた
Uno Platform さわってみた
m ishizaki151 views
Xamarin で クラシックデスクトップ 2 von m ishizaki
Xamarin で クラシックデスクトップ 2Xamarin で クラシックデスクトップ 2
Xamarin で クラシックデスクトップ 2
m ishizaki471 views
Windows 10 対応のデスクトップアプリを 作る技術(事前公開版) von 一希 大田
Windows 10 対応のデスクトップアプリを 作る技術(事前公開版)Windows 10 対応のデスクトップアプリを 作る技術(事前公開版)
Windows 10 対応のデスクトップアプリを 作る技術(事前公開版)
一希 大田3K views
Xamarin で始めるクロスプラットフォーム開発 von m ishizaki
Xamarin で始めるクロスプラットフォーム開発Xamarin で始めるクロスプラットフォーム開発
Xamarin で始めるクロスプラットフォーム開発
m ishizaki8.7K views
Xamarin ハンズオン Android の部 von m ishizaki
Xamarin ハンズオン Android の部Xamarin ハンズオン Android の部
Xamarin ハンズオン Android の部
m ishizaki511 views
デスクトップアプリ最新事情 2018/10 von m ishizaki
デスクトップアプリ最新事情 2018/10デスクトップアプリ最新事情 2018/10
デスクトップアプリ最新事情 2018/10
m ishizaki2.3K views
Xamarin.Forms オリジナルタイマーアプリを作ろうハンズオン von m ishizaki
Xamarin.Forms オリジナルタイマーアプリを作ろうハンズオンXamarin.Forms オリジナルタイマーアプリを作ろうハンズオン
Xamarin.Forms オリジナルタイマーアプリを作ろうハンズオン
m ishizaki2.4K views
Xamarin.Android ハンズオン 2018/11 von m ishizaki
Xamarin.Android ハンズオン 2018/11Xamarin.Android ハンズオン 2018/11
Xamarin.Android ハンズオン 2018/11
m ishizaki506 views
Xamarin.Android ハンズオン von m ishizaki
Xamarin.Android ハンズオンXamarin.Android ハンズオン
Xamarin.Android ハンズオン
m ishizaki487 views
いま考えられる限り最も速く対話型アプリを開発する方法 von Kenichiro Nakamura
いま考えられる限り最も速く対話型アプリを開発する方法いま考えられる限り最も速く対話型アプリを開発する方法
いま考えられる限り最も速く対話型アプリを開発する方法
Kenichiro Nakamura248 views
わんくま名古屋 #37 (20151114) Windows 10 UWP アプリ開発入門(実践編) von Yasuhiko Yamamoto
わんくま名古屋 #37 (20151114) Windows 10 UWP アプリ開発入門(実践編)わんくま名古屋 #37 (20151114) Windows 10 UWP アプリ開発入門(実践編)
わんくま名古屋 #37 (20151114) Windows 10 UWP アプリ開発入門(実践編)
Yasuhiko Yamamoto3.7K views
The Fastest Possible Way to Develop an Interactive App von LINE Corporation
The Fastest Possible Way to Develop an Interactive AppThe Fastest Possible Way to Develop an Interactive App
The Fastest Possible Way to Develop an Interactive App
LINE Corporation806 views
5分で(は終わらなかった)分かるXamarin(開発者向け) von Yoshito Tabuchi
5分で(は終わらなかった)分かるXamarin(開発者向け)5分で(は終わらなかった)分かるXamarin(開発者向け)
5分で(は終わらなかった)分かるXamarin(開発者向け)
Yoshito Tabuchi1.6K views
わんくま名古屋#36 (20150725) Windows 10 ユニバーサル Windows アプリ開発入門 von Yasuhiko Yamamoto
わんくま名古屋#36 (20150725) Windows 10 ユニバーサル Windows アプリ開発入門わんくま名古屋#36 (20150725) Windows 10 ユニバーサル Windows アプリ開発入門
わんくま名古屋#36 (20150725) Windows 10 ユニバーサル Windows アプリ開発入門
Yasuhiko Yamamoto3.5K views
Computer Vision と Translator Text API 使ってみた von Yoshito Tabuchi
Computer Vision と Translator Text API 使ってみたComputer Vision と Translator Text API 使ってみた
Computer Vision と Translator Text API 使ってみた
Yoshito Tabuchi528 views

Más de m ishizaki

継承辺りのもしかしたらマイナーかもしれない C# von
継承辺りのもしかしたらマイナーかもしれない C#継承辺りのもしかしたらマイナーかもしれない C#
継承辺りのもしかしたらマイナーかもしれない C#m ishizaki
1.1K views32 Folien
継承辺りのもしかしたらマイナーかもしれない C# von
継承辺りのもしかしたらマイナーかもしれない C#継承辺りのもしかしたらマイナーかもしれない C#
継承辺りのもしかしたらマイナーかもしれない C#m ishizaki
24 views32 Folien
Visual Studio を使わず .NET する von
Visual Studio を使わず .NET するVisual Studio を使わず .NET する
Visual Studio を使わず .NET するm ishizaki
278 views76 Folien
Xamarin で良くやっていたあれを MAUI でする話 von
Xamarin で良くやっていたあれを MAUI でする話Xamarin で良くやっていたあれを MAUI でする話
Xamarin で良くやっていたあれを MAUI でする話m ishizaki
915 views61 Folien
「スタバ」する話 von
「スタバ」する話「スタバ」する話
「スタバ」する話m ishizaki
232 views59 Folien
エンジニアと「スタバ」ツイートについて von
エンジニアと「スタバ」ツイートについてエンジニアと「スタバ」ツイートについて
エンジニアと「スタバ」ツイートについてm ishizaki
199 views10 Folien

Más de m ishizaki(20)

継承辺りのもしかしたらマイナーかもしれない C# von m ishizaki
継承辺りのもしかしたらマイナーかもしれない C#継承辺りのもしかしたらマイナーかもしれない C#
継承辺りのもしかしたらマイナーかもしれない C#
m ishizaki1.1K views
継承辺りのもしかしたらマイナーかもしれない C# von m ishizaki
継承辺りのもしかしたらマイナーかもしれない C#継承辺りのもしかしたらマイナーかもしれない C#
継承辺りのもしかしたらマイナーかもしれない C#
m ishizaki24 views
Visual Studio を使わず .NET する von m ishizaki
Visual Studio を使わず .NET するVisual Studio を使わず .NET する
Visual Studio を使わず .NET する
m ishizaki278 views
Xamarin で良くやっていたあれを MAUI でする話 von m ishizaki
Xamarin で良くやっていたあれを MAUI でする話Xamarin で良くやっていたあれを MAUI でする話
Xamarin で良くやっていたあれを MAUI でする話
m ishizaki915 views
「スタバ」する話 von m ishizaki
「スタバ」する話「スタバ」する話
「スタバ」する話
m ishizaki232 views
エンジニアと「スタバ」ツイートについて von m ishizaki
エンジニアと「スタバ」ツイートについてエンジニアと「スタバ」ツイートについて
エンジニアと「スタバ」ツイートについて
m ishizaki199 views
Build 2022 / Uno Platform von m ishizaki
Build 2022 / Uno PlatformBuild 2022 / Uno Platform
Build 2022 / Uno Platform
m ishizaki130 views
7 つの Blazor von m ishizaki
7 つの Blazor7 つの Blazor
7 つの Blazor
m ishizaki408 views
C# Tokyo コミュニティ説明 202205 版 von m ishizaki
C# Tokyo コミュニティ説明 202205 版C# Tokyo コミュニティ説明 202205 版
C# Tokyo コミュニティ説明 202205 版
m ishizaki1.2K views
仮想環境に MAUI 環境を構築する話 von m ishizaki
仮想環境に MAUI 環境を構築する話仮想環境に MAUI 環境を構築する話
仮想環境に MAUI 環境を構築する話
m ishizaki428 views
Windows フォームアプリ 2022 von m ishizaki
Windows フォームアプリ 2022Windows フォームアプリ 2022
Windows フォームアプリ 2022
m ishizaki707 views
C# 9 のおすすめ新機能 von m ishizaki
C# 9 のおすすめ新機能C# 9 のおすすめ新機能
C# 9 のおすすめ新機能
m ishizaki1.1K views
秋葉原 C# もくもく会 von m ishizaki
秋葉原 C# もくもく会秋葉原 C# もくもく会
秋葉原 C# もくもく会
m ishizaki183 views
「推しが100万部売れて欲しい!」 推し技術書LT大会 von m ishizaki
「推しが100万部売れて欲しい!」 推し技術書LT大会「推しが100万部売れて欲しい!」 推し技術書LT大会
「推しが100万部売れて欲しい!」 推し技術書LT大会
m ishizaki143 views
C# 7・8 の復習 von m ishizaki
C# 7・8 の復習C# 7・8 の復習
C# 7・8 の復習
m ishizaki729 views
C# Tokyo について 20200729 von m ishizaki
C# Tokyo について 20200729C# Tokyo について 20200729
C# Tokyo について 20200729
m ishizaki397 views
C#7の新機能 von m ishizaki
C#7の新機能C#7の新機能
C#7の新機能
m ishizaki380 views

Uno Platform 入門 2020/04/03