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
310
0
Share
UIレンダリングから見るクロスプラットフォーム開発
Kuu
June 30, 2018
More Decks by Kuu
See All by Kuu
OSSライブラリのVibe調査方法
fumiyakume
3
470
Vibe Codingの幻想を超えて-生成AIを現場で使えるようにするまでの泥臭い話.ai
fumiyakume
23
14k
Cursorを"導入"だけじゃなく"活用"まで メルカリ2000人展開のリアル
fumiyakume
31
44k
業務でVibe Codingするためのガイドレール モバイルアプリ開発編
fumiyakume
0
1.3k
大LLM時代にこの先生きのこるには-ITエンジニア編
fumiyakume
10
4.1k
Junie by JetBrainsという選択肢もありかもしれない。 解いてくれる課題
fumiyakume
0
1.7k
公的機関の発表資料に適合した作業環境がBEST__情報機器作業における労働衛生管_理のためのガイドラインについて__を添えて.pdf
fumiyakume
0
360
202212_Kotlinfest2022.pdf
fumiyakume
1
120
All for One なポストモーテム運用と工夫
fumiyakume
1
610
Other Decks in Programming
See All in Programming
Copilot CLI の継戦能力を高める コンテキスト管理
nozomutu
1
1.2k
Javaの型とAI時代に型が大事な理由 / java types and type in AI era
kishida
2
100
[2026年度第1回ORセミナー] 計画最適化ベンチャーと競技プログラミング人材
terryu16
0
240
Swiftのレキシカルスコープ管理
kntkymt
0
210
Spec-Driven Development with AI-Agents: From High-Level Requirements to Working Software
antonarhipov
2
440
作って学ぶ、 JSX (TSX) ランタイムの基本
syumai
7
1.5k
「AIで開発し、AIを届ける」をEvalでつなぐ 〜AIネイティブに始めるプロダクト開発の実践〜 / Connecting "Develop with AI, deliver AI" with Eval
rkaga
4
2.2k
AIエージェントと協働するCLI開発 — BunとOpenClawで学んだこと
yoshikouki
1
230
OSもどきOS
arkw
0
400
柔軟なPDFレイアウトエディタを支える型システム設計 — Discriminated UnionとConditional Typeの実践
minako__ph
4
1.4k
TAKTでAI駆動開発の品質を設計する
j5ik2o
6
860
Claspは野良GASの夢をみるか
takter00
0
160
Featured
See All Featured
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
830
Exploring anti-patterns in Rails
aemeredith
3
390
How STYLIGHT went responsive
nonsquared
100
6.2k
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
530
Designing Experiences People Love
moore
143
24k
What's in a price? How to price your products and services
michaelherold
247
13k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1.1k
Documentation Writing (for coders)
carmenintech
77
5.4k
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
210
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
430
The World Runs on Bad Software
bkeepers
PRO
72
12k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.2k
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