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
UIレンダリングから見るクロスプラットフォーム開発
Search
Kuu
June 30, 2018
Programming
0
260
UIレンダリングから見るクロスプラットフォーム開発
Kuu
June 30, 2018
Tweet
Share
More Decks by Kuu
See All by Kuu
公的機関の発表資料に適合した作業環境がBEST__情報機器作業における労働衛生管_理のためのガイドラインについて__を添えて.pdf
fumiyakume
0
250
202212_Kotlinfest2022.pdf
fumiyakume
1
62
All for One なポストモーテム運用と工夫
fumiyakume
1
480
Android/iOSアプリを協調開発するチーム~~スクラム開発の実践とその先へ~~
fumiyakume
1
8.7k
Microdroidが 興味深い件について
fumiyakume
0
760
Gradle Plugin for Multi Module
fumiyakume
0
1.3k
Other Decks in Programming
See All in Programming
Bedrock Agentsレスポンス解析によるAgentのOps
licux
2
720
Compose でデザインと実装の差異を減らすための取り組み
oidy
1
300
Formの複雑さに立ち向かう
bmthd
1
720
Pulsar2 を雰囲気で使ってみよう
anoken
0
230
[JAWS-UG横浜 #79] re:Invent 2024 の DB アップデートは Multi-Region!
maroon1st
1
140
ISUCON14公式反省会LT: 社内ISUCONの話
astj
PRO
0
180
ARA Ansible for the teams
kksat
0
150
Honoとフロントエンドの 型安全性について
yodaka
4
250
最近のVS Codeで気になるニュース 2025/01
74th
1
250
社内フレームワークとその依存性解決 / in-house framework and its dependency management
vvakame
1
550
ペアーズでの、Langfuseを中心とした評価ドリブンなリリースサイクルのご紹介
fukubaka0825
2
300
一休.com のログイン体験を支える技術 〜Web Components x Vue.js 活用事例と最適化について〜
atsumim
0
110
Featured
See All Featured
Building an army of robots
kneath
302
45k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.5k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.4k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
310
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
Building Adaptive Systems
keathley
40
2.4k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
400
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Transcript
UI レンダリングから見るクロス プラットフォーム開発 #学生LT @名古屋
対象者 Web, アプリの基本的な知識を有する者 歓迎: クロスプラットフォームな開発をしたことがある人 歓迎: React Native のプロ
お持ち帰れるもの クロスプラットフォーム開発ツールの種類 自分にあった開発ツール選択術 上記をわかったような気持ち
自己紹介 くぅ@fumiya_kume Swift ❤ Kotlin 最近はサーバーレスに浮気中
UI レンダリングから見るクロス プラットフォーム開発 果たして人類は銀の弾丸を得ることができるのか
クロスプラットフォーム開発の定義 iOS, Android が対象 アプリケーションのコードの一部を共有しつつ開発できるツール C++ で共有とかは今回は排除
今回の見ていく対象 React Native React を応用してクロスプラットフォーム開発 Flutter Fuchsia 向けアプリ作るやつ iOS,Android でも動かせる
Xamarin C# で開発
UI レンダリングのプラットフォーム親和性
UI レンダリングのプラットフォーム親和性
Flutter UI レンダリングの 基礎
None
None
None
実際のレンダリングの実装 Google の開発している iOS, Android で動く Skia という描画ライブラリが存在 各プラットフォームのCanvas の上でSkia
を使い各UI をレンダリング もちろんイベントの扱いが存在するのでそんなに単純ではない
Xamarin.Android UI レンダリング
Xamarin.Android アプリ化への基礎 Android Native アプリを錬成するメタツール(語弊あり) Xamarin.Android をコンパイルすると... UI 記述 .axml
-> .xml ドメイン .cs + Java Library with JCW -> .dll on mono runtime
つまり? Xamarin.Android の UI はネイティブと等価な物を利用して記述する ネイティブのUI でレンダリングされる
UI レンダリングのプラットフォーム親和性
None