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
Avalonia UI を試す
Search
GtTmy
May 15, 2019
Technology
1
1.4k
Avalonia UI を試す
C#でマルチプラットフォームアプリケーション開発ができるAvaloniaUIを試してみました。お題として、画像ビューアーを作っています。
GtTmy
May 15, 2019
Tweet
Share
Other Decks in Technology
See All in Technology
生成AIがもたらす変革 / GitHubGalaxy_CyberAgent
cyberagentdevelopers
PRO
2
250
エムスリーマルチデバイスチーム紹介資料 / Introduction of M3 Multi Device Team
m3_engineering
1
180
Domain-driven Design: A Complete Example
ewolff
2
280
【リラン】AIの光と闇?失敗しないために知っておきたいAIリスクとその対応 ①政府の動き編
tkhresk
0
140
ワールドカフェ再び、そしてロール・ツール群の開発 / World Café Again, and Development of Suites of Roles and Tools
ks91
PRO
0
140
[2024년 5월 세미나] 생성형 AI와 함께하는 데이터 분석가 커리어
datarian
0
1.3k
グイグイ系QAエンジニアでやっていくよ!
____rina____
0
800
Exadata Database Service on Dedicated Infrastructure(ExaDB-D) UI スクリーン・キャプチャ集
oracle4engineer
PRO
2
1.7k
Oracle Cloud Infrastructureデータベース・クラウド:各バージョンのサポート期間
oracle4engineer
PRO
12
8k
TiDBにおけるテーブル設計と最適化の事例
cygames
0
820
[PyconUS 2024] Having fun with Pydantic and pattern matching
enforcerpl
0
200
5分で分かる(かもしれない) Vector engine for OpenSearch Serverless
tsukuboshi
1
440
Featured
See All Featured
The World Runs on Bad Software
bkeepers
PRO
61
6.8k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
How to train your dragon (web standard)
notwaldorf
76
5.2k
Bash Introduction
62gerente
605
210k
How GitHub (no longer) Works
holman
305
140k
Reflections from 52 weeks, 52 projects
jeffersonlam
345
19k
It's Worth the Effort
3n
180
27k
From Idea to $5000 a Month in 5 Months
shpigford
377
45k
BBQ
matthewcrist
80
8.8k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
23
1.7k
Designing for Performance
lara
601
67k
For a Future-Friendly Web
brad_frost
172
9k
Transcript
C#で マルチプラットフォームGUI アプリ開発 GtTmy (https://github.com/GtTmy)
マルチプラットフォームのGUIアプリ... だけじゃない!!!
AvaloniaUI http://avaloniaui.net/ .Net Framework, .Net Core, Monoで動作するGUIフレームワーク
.Net Framework ... Windows専用 .Net Core ... Windows/Mac/Linux対応 Mono ... .Net Framework のサブセット、Windows、Mac、Linux対応 WPF(.Net Frameworkで一般的なGUIフレームワーク)に近いAPI 今回は.Net Coreを用いて、本当にマルチプラットフォームか確認します 画像ビューアーを作ってみます 本発表を行っているツールが成果物です!!
環境 開発環境 Windows 10 Home Visual Studio
2019 Community Edition .Net Core 2.1 検証環境 Ubuntu 18.04 LTS on VirtualBox .Net Core 2.2
手順1 Visual studio拡張のインストール 公式を参照 -> http://avaloniaui.net/docs/quickstart/create-new-project
手順2 プロジェクト作成 • プロジェクトテンプレートから 「Avalonia Application」 を選択
手順3 各種ライブラリを追加 とりあえずWPF(従来のWindowsアプリ開発)でのアプリ開発で 定番の下記2ライブラリを入れてみる Prism ... MVVMアプリケーション開発支援
ReactiveProperty ... リアクティブプログラミング支援 問題なくビルドできた!
手順4 GUIを組み立てる • 一般的な WPFアプリ 開発と同じ
手順5 ロジックを書く 普通のC#アプリ開発と同様 特定のフォルダ内の画像を全列挙する Windowsのエクスプローラーの名前順と同じ順番で画像を読み込むために、自然順ソートを行う ライブラリ(NaturalSort.Extension) を利用
余談ですが、エクスプローラーのファイルの並びを自分で再現しようとすると超面倒です
手順6 Windowsでビルド & 実行
None
手順6 Ubuntuで実行 ソースコードを丸ごと移動 プロジェクトファイルのあるディレクトリで "dotnet run –framework=netcoreapp2.1" を実行
None
手順7 フォント周りが怪しいので。。。 フォントを直接指定
None
メリットは? 1.C#で書ける 2.従来のWPFアプリ開発とほぼ同じ 3. ランタイムがPCにインストールされていれば、それ以外のバイナリサイ ズは小さい 今回のデモアプリは109KB! 4. 既存の.Net資産が流用しやすい
.Net Frameworkを対象としたコードは若干の変更が必要だが、軽微
デメリットは? 1.V1まで到達してない ただし、開発は活発 2. Electron、Javaの方が先行事例が多い 3. 大規模アプリ開発の事例は...? 一応IDEを作ってる人たちがいます -> https://github.com/VitalElement/AvalonStudio
まとめ C#でもマルチプラットフォーム開発できます 画像ビューアーを作ってみた https://github.com/GtTmy/AvaloniaPictureViewer WPFで開発してた人なら敷居は低い インターネット上の情報量などに不安もあるが、開発は活発
次に作るクロスプラットフォームアプリの選択肢としていかがでしょう?