PWABuilder
1.0.0
プラットフォームとデバイス全体でプログレッシブWebアプリを作成する最も簡単な方法。
このレポは、Pwabuilderファミリーのツールにいくつかのプロジェクトがあります。
| ツール | 概要 | ソース | ドキュメント | 貢献する |
|---|---|---|---|---|
| pwabuilder.com | さまざまな店舗にPWAをパッケージ化する最良の方法。 | /apps/pwabuilder | pwabuilder docs | ウィキ |
| PWAスタジオ | PWA Studioは、VSCODEをプログレッシブWebアプリを構築するのに最適な開発者環境にしています。 | /apps/pwabuilder-vscode | PWAスタジオドキュメント | ウィキ |
| PWAスターター | 私たちの意見と制作は、新しいプロジェクトを作成するためのProgressive Webアプリ（PWA）テンプレートをテストしました。 | レポ | PWAスタータードキュメント | ウィキ |
| ドキュメント | ソース | 貢献する |
|---|---|---|
| docs.pwabuilder.com | /docs | ウィキ |
| blog.pwabuilder.com | /アプリ/ブログ | /アプリ/ブログ |
| コンポーネント | 概要 | ソース | ドキュメント | 貢献する |
|---|---|---|---|---|
<pwa-install> | 優れたPWAインストールエクスペリエンスのWebコンポーネント | PWAインストール | PWAインストール | ウィキ |
コンピューターに適切にインストールされているものが必要になります。
また、このプロジェクトに使用するTypeScriptにも精通している必要があります。これにより、VSCODEを使用するときにIntelliSenseからコーディングする際に、より多くのガイダンスが得られます。
開発のセットアップには、次のツールをお勧めします。
さらに、VSコードでプロジェクトを開くと、推奨される拡張機能をインストールするように求められます。
作業を計画しているプロジェクトのフォルダー（Example /Apps /Pwabuilder）に移動し、開始方法についてはREADMEに従ってください。
Projectフォルダーにnpm installを実行すると、すべての依存関係が自動的にインストールされて構築されます。
このモノレポは、慣れている他のモノレポスのように、ルートパッケージを使用しません。代わりに、プロジェクトは別のフォルダーに住んでおり、ほとんどが互いに独立しています。
ただし、プロジェクト間に依存関係がある場合、プロジェクトルートでnpm install実行すると、ツールはリンクと依存関係の構築を自動的に処理する必要があります。
たとえば/apps/pwabuilder library/site-analyticsに依存しています。この依存関係は、pwabuilder package.jsonで定義されています。
//package.json
"dependencies" : {
"@pwabuilder/site-analytics" : " file:../../libraries/site-analytics " ,
... Pwabuilderフォルダーでnpm install実行すると、 site-analyticsプロジェクトのnpm installとnpm run buildも実行されます。ほとんどの場合、依存関係に取り組んでいない限り、開発者はこれらのプロジェクトがどのようにリンクされているかを心配する必要はありません。
プロジェクトを動作させる自動リンクの場合、各プロジェクトに次のようなpreinstallスクリプトがあることを確認してください。
// package.json
"scripts" : {
"preinstall" : " node ../../scripts/setupDeps.js " ,
... Pwabuilderリポジトリ上のすべてのファイルは、MITライセンスの対象となります。プロジェクトのルートにあるライセンスファイルをお読みください。
このプロジェクトは、Microsoftのオープンソース行動規範を採用しています。詳細については、FAQのコードを参照するか、追加の質問やコメントについては[email protected]にお問い合わせください。
