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
120
Xamarinで割り勘アプリを作る
Ryosuke Uchiyama
January 31, 2020
Tweet
Share
More Decks by Ryosuke Uchiyama
See All by Ryosuke Uchiyama
AWSでサーバレスな書籍管理アプリを作る
step63r
0
19
PythonでSlack通知botを作る
step63r
0
6
ChatGPT実践
step63r
1
290
IoT実践! 行先予定表を電子ペーパーで作る
step63r
0
7
React x Socket.ioで人狼サーバを作る 第一章 フロントエンド実装
step63r
0
6
深層強化学習で東方AI 第一章 DQNの基本
step63r
0
180
Build 2021 プレイバック
step63r
0
29
WPFで実践アプリ開発! 第四章 機能の実装 Part 2
step63r
0
42
WPFで実践アプリ開発! 第三章 機能の実装 Part 1
step63r
0
110
Other Decks in Programming
See All in Programming
オンコール⼊⾨〜ページャーが鳴る前に、あなたが備えられること〜 / Before The Pager Rings
yktakaha4
1
560
Composerが「依存解決」のためにどんな工夫をしているか #phpcon
o0h
PRO
1
320
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
ohmori_yusuke
2
410
技術同人誌をMCP Serverにしてみた
74th
1
680
NPOでのDevinの活用
codeforeveryone
0
870
dbt民主化とLLMによる開発ブースト ~ AI Readyな分析サイクルを目指して ~
yoshyum
3
1.1k
The Modern View Layer Rails Deserves: A Vision For 2025 And Beyond @ RailsConf 2025, Philadelphia, PA
marcoroth
2
640
なぜ「共通化」を考え、失敗を繰り返すのか
rinchoku
1
660
効率的な開発手段として VRTを活用する
ishkawa
0
150
Railsアプリケーションと パフォーマンスチューニング ー 秒間5万リクエストの モバイルオーダーシステムを支える事例 ー Rubyセミナー 大阪
falcon8823
5
1.4k
TypeScriptでDXを上げろ! Hono編
yusukebe
1
410
状態遷移図を書こう / Sequence Chart vs State Diagram
orgachem
PRO
2
160
Featured
See All Featured
Producing Creativity
orderedlist
PRO
346
40k
Fireside Chat
paigeccino
37
3.5k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.4k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
980
We Have a Design System, Now What?
morganepeng
53
7.7k
Agile that works and the tools we love
rasmusluckow
329
21k
BBQ
matthewcrist
89
9.7k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
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