Tweet
Tweet

Slide 1

Slide 1 text

UI レンダリングから見るクロス プラットフォーム開発 #学生LT @名古屋

Slide 2

Slide 2 text

対象者 Web, アプリの基本的な知識を有する者 歓迎: クロスプラットフォームな開発をしたことがある人 歓迎: React Native のプロ

Slide 3

Slide 3 text

お持ち帰れるもの クロスプラットフォーム開発ツールの種類 自分にあった開発ツール選択術 上記をわかったような気持ち

Slide 4

Slide 4 text

自己紹介 くぅ@fumiya_kume Swift ❤ Kotlin 最近はサーバーレスに浮気中

Slide 5

Slide 5 text

UI レンダリングから見るクロス プラットフォーム開発 果たして人類は銀の弾丸を得ることができるのか

Slide 6

Slide 6 text

クロスプラットフォーム開発の定義 iOS, Android が対象 アプリケーションのコードの一部を共有しつつ開発できるツール C++ で共有とかは今回は排除

Slide 7

Slide 7 text

今回の見ていく対象 React Native React を応用してクロスプラットフォーム開発 Flutter Fuchsia 向けアプリ作るやつ iOS,Android でも動かせる Xamarin C# で開発

Slide 8

Slide 8 text

UI レンダリングのプラットフォーム親和性

Slide 9

Slide 9 text

UI レンダリングのプラットフォーム親和性

Slide 10

Slide 10 text

Flutter UI レンダリングの 基礎

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

実際のレンダリングの実装 Google の開発している iOS, Android で動く Skia という描画ライブラリが存在 各プラットフォームのCanvas の上でSkia を使い各UI をレンダリング もちろんイベントの扱いが存在するのでそんなに単純ではない

Slide 15

Slide 15 text

Xamarin.Android UI レンダリング

Slide 16

Slide 16 text

Xamarin.Android アプリ化への基礎 Android Native アプリを錬成するメタツール（語弊あり) Xamarin.Android をコンパイルすると... UI 記述 .axml -> .xml ドメイン .cs + Java Library with JCW -> .dll on mono runtime

Slide 17

Slide 17 text

つまり？ Xamarin.Android の UI はネイティブと等価な物を利用して記述する ネイティブのUI でレンダリングされる

Slide 18

Slide 18 text

UI レンダリングのプラットフォーム親和性

Slide 19

Slide 19 text

No content