Android、iOS、Webで動くReact製のユニバーサルなネイティブアプリを構築するオープンソースフレームワーク。
dcloudio/uni-app
Vue.jsベースのクロスプラットフォームフレームワーク。1つのコードベースからiOS、Android、HarmonyOS、Web、多数のミニプログラム向けアプリを開発できます。
- スター
- 41,619
- フォーク
- 3,705
- 未解決の Issue
- 713
- 最終コミット
- 10 時間前
これは何?
uni-appは、Vue.jsでフロントエンドアプリケーションを構築するためのフレームワークです。1つのコードベースから、iOS、Android、HarmonyOS、レスポンシブWebに加え、WeChat、Alipay、Baidu、Douyin、Kuaishouなどの各種ミニプログラム、Quick Apps、HarmonyOSのアトミックサービス向けにアプリを公開できます。
プロジェクトには2つの世代があります。新しい世代で、このリポジトリのメインブランチでもあるuni-app xでは、JS、TS、UTSでページを記述でき、Appプラットフォーム上でネイティブにレンダリングされます。従来のuni-appはミニプログラムと同じアーキテクチャで動作し、JSでロジックを記述し、WebViewのレンダリングレイヤーを使用します。UTSはTypeScriptに似た言語で、AndroidではKotlin、iOSではSwift、HarmonyOSではArkTS、Webおよびミニプログラム向けにはJSにコンパイルされ、主にネイティブプラグインの拡張に使われます。
このリポジトリには、パフォーマンスベンチマークレポート、ドキュメント、サンプルプロジェクト、ソースコード、テストが含まれています。また、AIモデルのトレーニング用CLIや、開発を支援するuni-agentアシスタントなど、AI関連のツールも提供しています。
主な機能
- 011つのVueコードベースを、iOS、Android、HarmonyOS、Web、複数のミニプログラムプラットフォーム向けにコンパイルできます。
- 02uni-app xでページを記述する際に、JS、TS、UTSを利用できます。
- 03uni-app xでは、Appプラットフォーム上でネイティブビューを使ってレンダリングされます。
- 04UTSはターゲットに応じて、Kotlin、Swift、ArkTS、JSにコンパイルされます。
- 053つのAppプラットフォームにおけるView、Text、長いリストのレンダリングに関するベンチマークレポートが含まれています。
ユースケース
- 1つのプロダクトをモバイルアプリとWeChatまたはAlipayのミニプログラムの両方で公開する。
- 同じVueコードベースから、レスポンシブWebアプリとネイティブAppを構築する。
- UTSを使って、Appプラットフォーム向けのネイティブプラグインを作成する。
クイックスタート
- 1
まずは GitHub の hello uni-app x サンプルリポジトリをご覧ください
- 2
uni-app x ブランチのリポジトリをクローンし、examples フォルダーを確認してください
使う前に知っておきたいこと
- README に単一のインストールコマンドは記載されていないため、セットアップには外部のドキュメントやリポジトリへのリンクをたどる必要があります。
- ネイティブレンダリングの処理の一部は特定のプラットフォームを対象としており、Quick Experience の QR デモによると、一部の Quick App 機能は vivo、OPPO、Huawei でのみ利用できます。
トピック
よくある質問
- uni-app とは?
- Vue.jsベースのクロスプラットフォームフレームワーク。1つのコードベースからiOS、Android、HarmonyOS、Web、多数のミニプログラム向けアプリを開発できます。 uni-appは、Vue.jsでフロントエンドアプリケーションを構築するためのフレームワークです。1つのコードベースから、iOS、Android、HarmonyOS、レスポンシブWebに加え、WeChat、Alipay、Baidu、Douyin、Kuaishouなどの各種ミニプログラム、Quick Apps、HarmonyOSのアトミックサービス向けにアプリを公開できます。
- uni-app は無料で使えますか?ライセンスは?
- uni-app は Apache-2.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- uni-app は今もメンテナンスされていますか?
- 活発にメンテナンス中。uni-app の最終コミットは 2026年10月20日 です。
- uni-app は何に使えますか?
- 1つのプロダクトをモバイルアプリとWeChatまたはAlipayのミニプログラムの両方で公開する。 同じVueコードベースから、レスポンシブWebアプリとネイティブAppを構築する。 UTSを使って、Appプラットフォーム向けのネイティブプラグインを作成する。
- uni-app のインストール方法は?
- まずは GitHub の hello uni-app x サンプルリポジトリをご覧ください uni-app x ブランチのリポジトリをクローンし、examples フォルダーを確認してください
- uni-app はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/dcloudio/uni-app
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
JavaScriptまたはTypeScriptで、ネイティブUIとAPIを直接利用したiOS、Android、visionOSアプリを構築するフレームワーク。
Googleが提供する、単一のDartコードベースからネイティブコンパイルされたモバイル、Web、デスクトップアプリを構築するためのオープンソースSDK。
Reactを使って、JavaScriptのUIをネイティブのプラットフォームコンポーネントで描画するAndroid・iOSアプリを構築するフレームワーク。
ReactまたはVueを使い、WeChat/Alipayなどのミニプログラム、H5、React Nativeで動作するアプリを構築できる、オープンなマルチプラットフォーム・マルチフレームワークソリューションです。
FlutterベースのUIでWeb・デスクトップ・モバイルアプリを開発できる、フロントエンドの知識が不要なPythonフレームワーク。