Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Xamarinで割り勘アプリを作る
Search
Ryosuke Uchiyama
January 31, 2020
Programming
1
95
Xamarinで割り勘アプリを作る
Ryosuke Uchiyama
January 31, 2020
Tweet
Share
More Decks by Ryosuke Uchiyama
See All by Ryosuke Uchiyama
ChatGPT実践
step63r
1
180
深層強化学習で東方AI 第一章 DQNの基本
step63r
0
16
Build 2021 プレイバック
step63r
0
20
WPFで実践アプリ開発! 第四章 機能の実装 Part 2
step63r
0
23
WPFで実践アプリ開発! 第三章 機能の実装 Part 1
step63r
0
77
WPFで実践アプリ開発! 第二章 UI
step63r
0
85
WPFで実践アプリ開発! 第一章 Windowsアプリの歴史
step63r
0
190
数独ではじめるアルゴリズム 第三章 OCR
step63r
0
56
数独ではじめるアルゴリズム 第二章 UI
step63r
0
26
Other Decks in Programming
See All in Programming
仕様と実装で学ぶOpenTelemetry
drumato
2
190
Native Federation: The Future of Micro Frontends in Angular
manfredsteyer
PRO
0
160
2 週間で Twitter Bot を作ってみた
contour_gara
0
840
ソースコードを美しくたもつために ~コードレビューの認知限界を突破し、年間400リリースを達成する~
kotauchisunsun
1
150
Fast JSX: Don't clone props object #28768
yossydev
1
230
Apache Hive 4 on Treasure Data
ryukobayashi
1
470
Introducing Kotlin Multiplatform in an existing mobile app - Workshop Edition | AndroidMakers Paris
prof18
0
170
Direct Style Effect Systems The Print[A] ExampleA Comprehension Aid
philipschwarz
PRO
0
400
Sheets API使ってみた
toshi0383
2
180
Powerfully Typed TypeScript
euxn23
3
850
JavaScript Closure
asoluka
0
1.9k
From Spring Boot 2 to Spring Boot 3 with Java 21 and Jakarta EE
ivargrimstad
0
1.2k
Featured
See All Featured
How to Ace a Technical Interview
jacobian
273
22k
Principles of Awesome APIs and How to Build Them.
keavy
121
16k
The MySQL Ecosystem @ GitHub 2015
samlambert
244
12k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
275
13k
In The Pink: A Labor of Love
frogandcode
138
21k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
It's Worth the Effort
3n
180
27k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
8
3.5k
KATA
mclloyd
16
12k
Stop Working from a Prison Cell
hatefulcrawdad
266
19k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
Debugging Ruby Performance
tmm1
70
11k
Transcript
Xamarinで割り勘アプリを作る Ryosuke Uchiyama
ソースコード step63r/DrinkPartyBillSplit https://github.com/step63r/DrinkPartyBillSplit
10分で分かった気になるXamarin
今までのアプリ開発 iOS App Android App Windows App Objective-C Xcode Java
Eclipse C# Visual Studio
モバイル向けクロスプラットフォーム開発環境? No Silver Bullet 銀の弾丸などない
Xamarin • ネイティブAPIを100%移植 • ネイティブアプリを作成できる • C# / .NET /
Visual Studioで開発できる • コードを共通化できる • 画面も共通化できる
Xamarinネイティブ iOS C# UI Android C# UI Windows C# UI
Shared C# Backend
Xamarin.Forms Shared C# Backend Shared UI Code iOS Android Windows
もっと詳しく
Page群
Layout群
Control群 ActivityIndicat or BoxView Button DatePicker Editor Entry Image Label
ListView Map OpenGLView Picker ProgressBar SearchBar Slider Stepper TableView TimePicker WebView EntryCell ImageCell SwitchCell TextCell ViewCell
.NET StandardによるBCLの一元化
.NET StandardによるBCLの一元化
Portable Class Library (PCL)
MVVMパターン
WPFにおける見た目 <> C# XAML (MainWindow.xaml) コードビハインド (MainWindow.xaml.cs)
素直に分離 <> XAML (MainWindow.xaml) C# コードビハインド (MainWindow.xaml.cs) C# その他クラス 見た目
ロジック
データバインディングに最適化 <> XAML + コードビハインド C# C# その他クラス C# 見た目
ロジック データバインドの ソース
MVVMパターン View ViewModel Model データ バインディング コマンド メソッド呼出し プロパティ設定 変更通知
変更通知
なぜMVVMなのか • 見た目とロジックを分離できる • 分離できるのでテストコードが書きやすくなる • コードビハインドの記述が減る(複雑な描画処理の場合は必要) • UIスレッド外からの変更通知が容易に受け取れる •
Viewがインスタンスを持たなくてもオブジェクトの操作が可能になる
割り勘アプリ
開発環境 • Windows 10 Pro (64-bit) • SO-01H / Android
7.0 (Nugat) • Visual Studio Professional 2019 • .NET Standard 2.0 ※iOS版はビルド環境なしのため対象外
機能概要 • 飲み会の割り勘金額を計算する • 役職ごとに参加人数とうち主賓人数を入力し、精算額を按分する • 主賓の負担金額は0円とする • 役職は職位と名前で任意に設定できる •
割り勘金額計算ルールはなるべく柔軟に決められるようにする • 役職設定と飲み会データはXML形式で保存する
画面遷移 宴会一覧・追加 宴会詳細 メニュー 役職一覧・追加・削除
データモデル 飲み会クラス • 飲み会ID • 開催日付 • 飲み会名 • 参加者リスト
• 合計金額 役職クラス • 役職ID • 役職名 参加者クラス • 役職ID • 参加人数 • 主賓人数 割り勘後支払額クラス • 役職 • 支払人数 • 一人あたり金額 標準割り勘ルール • 割り勘金額を計算する 割り勘ルールインタフェース 計算
Data Models Party string ID DateTime Date string Name List<Attendee>
Attendees int TotalFee Grade int Id string Name Attendee Grade Grade int TotalCount int GuestCount SplitBill Grade Grade int Payer int Amount DefaultSplitRule CalculateAmountAsync() ISplitRule 計算
ファイルの保存先について • XamarinのファイルIOはプラットフォームにより異なる • なのでファイル作成や保存ロジックも本来ならばOS個別に書く必要がある • が、それはとてもめんどくさい(低レイヤはあまり深く考えたくない!) • そこで、PCL Storageというライブラリを使う
• これでXamarin.FormsのIOロジックを共通に呼び出せるようになる • ただし.NET Standardプロジェクトの場合、本当はNetStandard Storageを使 う必要があるが、Warningでビルドは通るのでひとまず無視する
Visual Studio 2019でXamarin Androidエミュレータ設定まで
インストール
Hyper-V /Windows Hypervisor Platform
Android SDK Manager
Android Device Manager
プロジェクトの作成
Demo
Appendix
参考文献 • 10分間で分かった気になれるXamarin概要 - Build Insider • 第1回:Xamarinでアプリを作ろう (1/5):特集:Visual StudioとXamarinで始めるiOS/Android/UWPアプリ開発
- @IT • Introducing .NET Standard – .NET Blog • プログラミングな日々: MVVMとは何か • Xamarin で ItemsControl っぽいコントロールを作りたい(1) - しっぽを追いかけて • GitHub - dsplaisted/PCLStorage: PCL Storage - Portable Storage APIs • Hyper-VでサクサクAndroidエミュレータを使おうと思ったらハマったはなし – Qiita