ホームCross-platformdidi/mpx
3,885

// 概要

Mpx は、ミニプログラムの開発体験とパフォーマンスを向上させるために設計された、強化されたクロスプラットフォームフレームワークであり、Vue ライクな開発スタイルによる効率的なアプリケーション構築をサポートします。徹底したパフォーマンス最適化と軽量なランタイムを通じて、複数のミニプログラムプラットフォームおよび Web 全体で同型的な出力を実現します。開発者は、強力なコンパイルおよびビルド機能と包括的なツールエコシステムを活用することで、クロスプラットフォーム開発と段階的な統合を容易に達成できます。

// 技術解説

Mpx は、ミニプログラムのネイティブ構文に基づいたクロスプラットフォーム開発フレームワークです。その中心的な設計思想は、単純なフレームワークの移行ではなくネイティブ機能の拡張にあり、ネイティブなミニプログラム開発の確実性を維持しつつ、Vue のような効率的な開発体験を提供します。軽量なランタイム(圧縮後わずか 14KB)とテンプレートレンダリング関数に基づくデータ依存関係追跡を通じて、業界トップクラスのパフォーマンスを実現しています。そのアーキテクチャはクロスプラットフォームコンパイルをサポートしており、1 セットのコードで WeChat、Alipay、Baidu、ByteDance、QQ、JD、Quick App、および Web プラットフォームへ効率的に出力できるため、マルチプラットフォーム対応の課題を大幅に解決します。

// 主要ハイライト

01
Vue のような開発体験を提供し、データリアクティビティ、Composition API、算出プロパティ、watch などの高度な機能をサポートします。
02
極めて高いランタイムパフォーマンスを誇り、コアフレームワークのサイズはわずか 14KB で、洗練されたバンドルサイズの最適化をサポートします。
03
Webpack 5 に基づく強力なコンパイルおよびビルド機能を備え、永続的なキャッシュと包括的な npm サブパッケージ出力をサポートします。
04
1 セットのコードで複数のプラットフォームでの実行を実現し、WeChat、Alipay、Baidu、ByteDance、QQ、JD、Web といった主要なプラットフォームをサポートします。
05
ネイティブのミニプログラム技術仕様と完全に互換性があり、段階的な導入をサポートしているため、開発者は既存のミニプログラムエコシステムをシームレスに利用できます。
06
TypeScript の型推論、I18n 国際化、Atomic CSS、SSR サーバーサイドレンダリングなど、豊富な機能を内蔵しています。

// ユースケース

01
WeChat、Alipay、Baidu、ByteDance、QQ、JD、Web を含む複数のプラットフォーム間で単一のコードベースを出力します。
02
Composition API、データリアクティビティ、単一ファイルコンポーネント開発をサポートし、Vue ライクな開発体験を提供します。
03
軽量なランタイムとコンパイル最適化を通じて、高性能なミニプログラムアプリケーションのビルドを実現します。

// クイックスタート

開発者は npm を通じて @mpxjs/cli ツールをグローバルにインストールし、'mpx create <project-name>' コマンドを使用してプロジェクトを初期化できます。依存関係をインストールした後、'npm run serve' を実行して開発環境を起動し、生成された dist ディレクトリをミニプログラム開発者ツールで開いてプレビューしてください。