UniApp チュートリアル

UniApp は、Vue.js を使用してクロスプラットフォームアプリケーションを開発するフロントエンドフレームワークであり、DCloud 社によって開発・保守されています。

UniApp の核心的な目標は「一度の開発で、複数のプラットフォームにリリース」であり、開発効率を大幅に向上させ、マルチプラットフォーム適応の作業量を削減します。

UniApp の登場により、開発効率が大幅に向上し、多プラットフォーム開発のコストが削減されました。

UniApp は Apache License 2.0 のオープンソースライセンスを採用しており、開発者はコードを自由に使用・修正・再配布できます。

本チュートリアルを学ぶ前に知っておくべきこと

UniApp を学ぶには、HTML、CSS、JavaScript、Vue.js の基礎知識が必要です。これらの知識をすでに習得していれば、UniApp の学習は非常に簡単になるでしょう！

まだ完全に理解していなくても心配はいりません。以下のチュートリアルで先に慣れておきましょう：

UniApp のコード作成では、基本言語として js、vue、css のほか、ts、scss などの CSS プリコンパイラが含まれます。

UniApp の核心的な強みはそのクロスプラットフォーム能力にあります。従来の開発方式では、各プラットフォームごとに異なるコードを書く必要がありましたが、UniApp は一つのコードで複数のプラットフォームに対応し、重複した作業を削減します。

UniApp アプリ

UniApp は Vue.js ベースのクロスプラットフォーム開発フレームワークで、DCloud 社によって開発・保守されています。開発者は一つのコードを使用して、複数のプラットフォームに同時にリリースできます。その中には次のものがあります：

  • WeChat ミニプログラム

  • H5 ウェブページ

  • Android および iOS アプリ

  • Alipay ミニプログラム

  • Baidu ミニプログラム

  • ByteDance ミニプログラム

  • Quick App

  • QQ ミニプログラム

  • 360 ミニプログラム

  • およびその他の多くのプラットフォーム。

UniApp と他のフレームワークの比較

特徴UniAppTaroFlutterReact Native
開発言語Vue.jsReactDartJavaScript/TypeScript
クロスプラットフォーム対応ミニプログラム、H5、アプリミニプログラム、H5、アプリAndroid、iOS、WebAndroid、iOS
性能ネイティブに近い中程度高性能中程度
学習コスト低い（Vue.js 構文）中程度（React 構文）高い（Dart 言語）中程度（React 構文）
エコシステムとコミュニティ豊富豊富急成長中非常に豊富

関連リンク

その他の拡張