DNET_CrossPlatformDevTools

クロスプラットフォーム開発ツール

• 戻る（スマホ）
  • スマホネイティブ
  • クロスプラットフォーム開発ツール

概要

ここではクロスプラットフォーム開発ツールを、

• HTML5ハイブリッド型
• ネイティブUI型
• 独自レンダラ型

に区分している。

詳細

HTML5ハイブリッド型

ハイブリッドアプリも参照。

WebViewの上でWebアプリケーションを動かす。

側（皮）ネイティブと呼ばれるネイティブUI型のWebView上にHTML5で描画され、
JavaScriptとスマホのブリッジが用意されているためネイティブ・アクセスが可能。

• Cordova (PhoneGap)
• Electron
• PWA（Progressive Web Apps）

ネイティブUI型

AndroidやiOSのUIシステムを別の言語やフレームワークから操作する。

• Xamarin, ReactNative, etc. 非常に色々ある。

• HTML5ハイブリッド型のように、
  WebViewではなく、ネイティブ描画される。

• Xamarin

• ReactNative

独自レンダラ型

独自の描画エンジンでUIを描画する。

• Unity

• Flutter

• その他
  Delphi、Adobe Airなど。

比較

• ReactNative vs Flutter
• ネイティブ vs クロスプラットフォーム

参考

• React Nativeとは何か？ 基本の仕組みと使いどころを理解する (1/3)：CodeZine（コードジン）
  https://codezine.jp/article/detail/11295

• FlutterとXamarinとAndroid Nativeと - eaglesakuraの技術ブログ
  https://eaglesakura.hatenablog.com/entry/2019/01/16/094951

Qiita

• Xamarin と React Native と Flutter の違いを正しく理解しよう
  https://qiita.com/amay077/items/dff88e7ce6868615a9bb

• iOS,Android両OSのアプリを開発するための手法検討
  https://qiita.com/hikarut/items/974e5782a3c0bf26f82a

• FlutterとReact Native(とXamarin)の正しい(?)比較
  https://qiita.com/Cat_sushi/items/5644443516ebb79b9ab3

• クロスプラットフォームフレームワーク比較 2020
  （Flutter, React Native, Xamarin, Unity）
  https://qiita.com/nskydiving/items/c13c949cc17c6f980a67

---

Tags: 移行, 開発環境, スマホ, クロスプラットフォーム, 開発基盤