まとめ：Vue.jsモバイルハイブリッドアプリフレームワーク-2017年第4四半期に更新

ハイブリッドモバイルアプリとプログレッシブウェブアプリはますます一般的になっています。モバイルデバイスとのやり取りをよりクリーンで簡単にアクセスできるようにするために、事前に作成されたUIコンポーネントとAPIのセットを提供するプロジェクトがいくつかあります。 Vue.js2.0を使用してハイブリッドアプリまたはWebアプリを作成できるようにするものをいくつか紹介します。このリストは、完全なエクスペリエンスを提供し、一般的なタッチおよびスワイプジェスチャなどをサポートするフレームワークに制限されています。

最終更新日は2017年12月4日です。

現時点では、NativeScriptとWeexはアルファ品質であるため、まだ深刻なものには使用できませんが、追加できるようにしたいと考えています。それらはすぐに。

Onsen UI

OnsenUIは強力なUIキットです。主な目標は、完全にネイティブに見えるコンポーネントとネイティブに動作するコンポーネントを提供することです。その結果、プラットフォーム固有のアニメーション、ジェスチャー、およびレイアウトが含まれます。 iOSとMaterialDesign Webコンポーネントの両方に、 Angle1 、 Angle 2 + 、[ X168X] React 、そしてもちろん Vue2。 iPhoneXのahemの癖にも対応します。

Onsenはまた、アプリのサイズをできるだけ小さくしようとします。これは、低速のモバイルデバイスや接続を処理する場合の速度にかなりの影響を与える可能性があります。

Quasar （下記）と比較すると、Onsenのコンポーネントは少しネイティブで不格好ではありませんが、現時点ではコンポーネントコレクションは少なくなっています。

Onsenは、各コンポーネントの理解とデバッグをはるかに簡単にする一連のインタラクティブなチュートリアルも提供しています。この記事でレビューしたほとんどのフレームワークと同様に、Onsenでは、コードをハイブリッドモバイルアプリとして実際にパッケージ化するためにCordovaを使用する必要があります。ただし、Onsenの背後にある会社は、CLIと、このプロセスを簡素化するためのオプションのWebベースのツールであるMonacaを提供しています。

流れ落ちる

積極的に開発：はい
開発状況：安定
人気：〜5,700つ星
ライセンス： Apache 2.0
ドキュメントの品質：完全
ドキュメント言語：英語
設計仕様の精度：高
テーマ：マテリアル、iOS、カスタム-プラットフォームの自動検出
ターゲットプラットフォームのバージョン： Android 4.4以降、iOS 8以降、追加のCordovaターゲット
プラットフォームAPIラッパー：なし/コルドバ経由
リポジトリ： https://github.com/OnsenUI/OnsenUI

結論（TL; DR）

温泉は活発なコミュニティ、頻繁なリリースサイクル、そしてその背後にある会社を持っているように見えるので、優れた選択肢です。この記事のさまざまなオプションのうち、ネイティブの外観、長期的なサポート、信頼性、またはツールについて心配している場合は、OnsenUIがおそらく適しています。ただし、日付ピッカーなど、いくつかのコンポーネントを犠牲にする必要がある場合があります。

クエーサーフレームワーク

Onsen と同様に、Quasarフレームワークも初期セットアップと開発を高速化するCLIツールを提供します。 Quasarは、このリストで Electron も明示的にターゲットとする唯一のフレームワークであり、QuasarとCordovaの両方にラッパーを提供します。その結果、デスクトップコンポーネントラウンドアップにランクインしました。

Quasarは、アプリの開発中に遭遇する可能性のあるさまざまなトピックをカバーする優れたドキュメントと、さまざまなコンポーネントおよびそれらすべての優れたドキュメントを提供します。

ただし、Quasarが苦しんでいる最大の領域は、デフォルトのテーマセットです。マテリアルとiOSのどちらのテーマもまったく…正しく見えません。彼らには少し不気味の谷の感覚があるので、Quasarを選択した場合は、自分のユースケースに合わせてデフォルトのテーマを変更するのに時間を費やしたいと思うかもしれません。（おそらく、変更をQuasarリポジトリに送信し直しますか？）

流れ落ちる

積極的に開発：はい
開発状況：安定
人気：〜4,200つ星
ライセンス： MIT
ドキュメントの品質：完全
ドキュメント言語：英語
設計仕様の精度：低
テーマ：素材、iOS、カスタム
ターゲットプラットフォームのバージョン： Android〜4.1、iOS 7以降、任意のCordovaターゲット、任意のElectronターゲット
プラットフォームAPIラッパー：なし/CordovaまたはElectron経由
リポジトリ： https://github.com/quasarframework/quasar

結論（TL; DR）

Quasarは、サポートされるターゲットプラットフォームの数がユニークであり、広範なドキュメントとサポートを提供します。ただし、組み込みのテーマは正確に仕様が正確ではないため、プロ仕様のアプリをリリースする場合は、いくつかの作業が必要になる場合があります。

ただし、これらの懸念事項の関連性が低い趣味のプロジェクトでは、Quasarが最適な選択肢のようです。

フレームワーク7

フレームワーク7は非常に人気があります。それはかなり長い間存在していて、多くの中小企業によって生産に使用されてきました。

もともとはiOSのみを念頭に置いて開発されましたが、その後、Framework7はマテリアルデザインにも拡張されました。両方のプラットフォームのテーマは優れたデザインであり、ネイティブコントロールとかなりうまく調和しています。ただし、アニメーションとジェスチャーは少し奇妙に感じますが、その理由はわかりません。追加のボーナスとして、Framework7はを介して拡張できるように設計されています。プラグインは、それらの大部分がVueではなく、単純なバニラの使用のために設計されているようですが。

非常に多くのコンポーネントが含まれており、それらに対応するためのドキュメントがかなり含まれています。ただし、少なくともすぐに使用できるカスタムテーマはサポートされていないようです。 CSSオーバーライドを使用して自分で行う必要がある場合があります。

流れ落ちる

積極的に開発：はい
開発状況：安定
人気：〜11,300つ星
ライセンス： MIT
ドキュメントの品質：まともな
ドキュメント言語：英語、中文（中国語）
設計仕様の精度：高
テーマ：マテリアル、iOS-プラットフォームの自動検出
ターゲットプラットフォームのバージョン： Android〜4.1、iOS 7以降、任意のCordovaターゲット
プラットフォームAPIラッパー：なし/コルドバ経由
リポジトリ： https://github.com/framework7io/Framework7

結論（TL; DR）

フレームワーク7は、ハイブリッドWebアプリに必要なほぼすべてを提供する実証済みのフレームワークです。

ただし、Framework 7は、独自のルーティングおよびDOM管理システムを使用することを選択する代わりに、選択を許可するよりも独自の組み込みライブラリを使用することを好み、テーマの選択をほとんど提供しません。それでよければ、一緒に行きましょう。

不足している、または追加する必要があると思われるものがある場合、またはアプリUIフレームワークの選択についてお知らせしたい場合は、ご意見をお聞かせください。

h2 :: after {背景：なし！重要; }