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

まとめ

ご清聴ありがとうございます!

 

Weex

By azurewarth

Weex

WeexではじめるNative App 開発

  • 2,419