Weexではじめる
Native App 開発
@KaraMisoRamen
株式会社 オロ
フロントエンドエンジニア
Weex とは
Weex とは
This page is powered by Google translate
Weexは、モバイルクロスプラットフォームの高性能UIを構築するためのフレームワークです。 Weexは、開発者がWebベースの構文を使用して、単一のコードベースでiOS、Android、Web UIを構築できるようにします。
.vue
Android native application
IOS native application
Weex
前前前世
.we
webpack
bundle.js
JS framework
Weex core
iOS & Android engine
Weex ページ
Weex ver 1
we-loader
Vue.js 2 に出会ってから
.vue
webpack
bundle.js
Vue.js 2 core
iOS & Android engine
Weex ページ
Weex ver 2
Weex core
Vue-loader
Vue.js web page is powered by Vue.js
Weex native app is powered by Vue.js, too.
DOM
BOM
BOM: window
navigator
screen
history
Layout:
Flexbox
<Navigator>
Native component
React native
RN core
Weex
Native
component
bundle.js
Weex core
Native
component
bundle.js
Write once, run everywhere
Vue-router
bundle.js *1
Weex-vue-router
bundle.js.length === pages.length
まとめ
ご清聴ありがとうございます！