スキップしてメイン コンテンツに移動

Vue Native: Vue.js を React Native に変換してネイティブアプリを作れるように

Vue Native

Vue.js を使ってスマホアプリを作成できるフレームワークが登場しました．

Vue.js は最近流行りの JavaScript のフロントエンドのフレームワークで，多くの Web アプリに使われるようになってきているのは周知の事実ですが，Vue.js のノウハウを活かしてハイブリッドアプリを作るフレームワークということですね．

Key feature として紹介されているのは

  • Declarative rendering
  • Two-way binding
  • Goodness of Vue ecosystem
  • Compiles to React Native
  • Completeness of React Native ecosystem

となっており，この中で注目されたいのは Compiles to React Native と Completeness of React Native ecosystem と書かれているように，Vue Native が React Native に変換されるということでしょう．

ブログの紹介記事 で

  • react-vue が Vue のファイルを React や React Native のコンポーネントにトランスパイルします． react-vue の作者のおかげで多くの問題が解決しました． Vue Native はそのフォークです．

  • すべての .vue ファイルは .js の React Native のコンポーネントファイルへと変換されます．

と説明されるように react-vue のプロジェクトのもと，React Native へと変換されて機能するようになっています．

一方 これに対する reddit のコメント では，

  • 「Weex や NativeScript-Vue と比較してどうなんだろう？ また別のネイティブアプリフレームワークが出てくる理由ってある？」

  • 「Vue のファンだけどこいつの利点が分からないな． ただの React Native のラッパーで，個人的にはメンテナ―や開発者に両方の複雑さを与えてるだけだと思う． Nativescript Vue が今の所最適解だと思う．」

  • 「困惑してるよ． 『ネイティブ』ってのは HTML ではなくプラットフォームのウィジェットを使うものじゃないのか？」

  • 「NativeScript Vue を上回る利点は何だ．」

等…

NativeScript や他のフレームワークよりも Vue Native がいいと言える積極的な理由が見当たらないことが挙げられています．

ラベル:

コメント

コメントを投稿

このブログの人気の投稿

Font Awesome のアイコンで Favicon を作成できるツール

Font Awesome のアイコンで Favicon を作成できるツール --- Font Awesome Favicon Generator は Font Awesome のアイコンを使って Favicon を作成できるツール です． Font Awesome はいいねやメール等の記号が数多く含まれるアイコンフォントで 多くの Web サイトで使用されています． このツールではそのアイコンの中から好みのものを選択して色やサイズを変更することで， 簡単ではありますが好みに応じた編集を行うことが出来ます． また，2つのアイコンをサイズを変更して重ねることができるので， 多少オリジナリティを出すことができるかもしれません．重なった部分は反転されます． 正直なところあまり上手く重ねられるようなアイコンがないので難しいところです． reddit で共有され多くのコメントがついているので， フィードバックすることでツールの今後の成長が期待できるかもしれません．
コメントを投稿
続きを読む

JavaScript + WebGL で iPhone の Animoji のような顔認識ができるライブラリの登場

JavaScript + WebGL で iPhone の Animoji のような顔認識ができるライブラリの登場 jeelizWeboji は Web カメラ の映像を WebGL と Deep Learning によって 表情認識 し，その結果を 3D や 2D の表情として表現できる ライブラリです． THREE.js ベースの 3D のデモ では実際に，Web カメラを使って 自分の顔を狐の 3D モデルにマッピングする のを確認できます． 使ってみたところでは，WebGL で GPU にオフロードされているので，想像以上にスムースに動作し，ひっかかりもなく表情認識がされているように思います． THREE.js は WebGL の分かりづらく面倒な API を高レベルの API でラップしてわかりやすくしているライブラリで，多くの Web ページで Web 上の 3D 表現のために使われています． 今回も 3D モデルを THREE.js のメッシュに変換するツール があるので，こちらのライブラリを使うことでより簡単に 3D を扱うことができますね． SVG ベースの 2D のデモ もあり，こちらも同様ですが， 2D のベクター画像をマッピングできる ので，3D とはまた違った表現をすることができそうです． ライセンスは Apache ライセンスで，商用・非商用問わず利用することができる ので，多くの場面で活躍することができます． Deep Learning の肝となるスクリプトは minify されて同梱されており，ニューラルネットワークモデルも用意されています． Deep Learning のような機械学習の知識やモデル生成のコストを意識することなく利用できるのが嬉しいところですね． すべてクライアントサイドで動作するので，サーバーサイドが必要ないものもポイントです．
コメントを投稿
続きを読む