モバイルアプリ
Proyectaでモバイル対応のWebアプリを構築。PWAは今すぐ使用可能。PWA BuilderによるiOS/Androidネイティブラッパーにも対応。
Proyectaが構築するのはWebアプリです。「スマートフォンにアプリを入れる」最速の方法は、レスポンシブなWebアプリです。オプションとしてProgressive Web App(PWA)として強化すれば、ユーザーはホーム画面にインストールでき、対応プラットフォームではプッシュ通知、オフラインサポート、フルスクリーン表示も利用できます。
App Store、Google Play、Microsoft Storeへのネイティブ配布には、公開済みのPWAをPWA Builderなどのツールでラップします。
最初から使える機能
Section titled “最初から使える機能”- Builderのレスポンシブビューポート切り替え機能 — 編集中にDesktop / Tablet / Mobileプレビューを切り替えられます
- モバイルファーストのAIプロンプト — レスポンシブレイアウトのリクエストに応じてAIが構築します
- Proyecta SDKによるプッシュ通知 — プッシュ通知を参照
- モバイル対応のBuilder UI — Proyecta自体がスマートフォンで動作するため、外出先でも開発できます
PWAという選択肢
Section titled “PWAという選択肢”ほとんどのアプリにとって、PWAが最適な答えです:
Add PWA support to my app:- Web app manifest with name, icons, theme color- Service worker with offline cache for the app shell- Service worker with update toast on new versionAIがマニフェストとService Workerをセットアップします。公開後、ユーザーは以下のことができます:
- モバイルブラウザでアプリを開く
- ブラウザメニューから Add to Home Screen(iOS)または Install app(Android)を選択する
- ホーム画面からネイティブアプリのように起動する
iOS 16.4以降のPWAはWeb Pushもサポートしているため、通知も機能します。設定方法はプッシュ通知を参照してください。
さらに進む:ネイティブラッパー
Section titled “さらに進む:ネイティブラッパー”App StoreやGoogle Playへの配信が必要な場合、推奨される方法は公開済みのPWAをラップすることです:
*.proyecta.liveサブドメイン(またはカスタムドメイン)にpublishする- pwabuilder.comを開き、URLを入力する
- ネイティブパッケージを生成する — Android(AAB)、iOS(Xcodeプロジェクト)、Windows(MSIX)
- 各ストアに申請する
詳細はApp Storeへの公開を参照してください。
注意すべき制限
Section titled “注意すべき制限”- ネイティブ機能を追加しない純粋なWebViewアプリはAppleに審査却下される場合があります。App Storeへの配信を検討している場合は、事前に把握しておいてください。
- iOSでのプッシュ通知は、ユーザーがまずSafariからPWAをインストールする必要があります(ラッパーからのインストールは不可)。
- カメラ、GPS、連絡先はすべてWeb APIで利用可能ですが、ネイティブ専用のAPI(HealthKit、ARKit)はPWAラッパーからはアクセスできません。
近日公開予定
Section titled “近日公開予定”- 真のネイティブシェルが必要なプロジェクト向けのReact Native / Expoネイティブテンプレート
- 代替ラッピング手段としてのCapacitorインテグレーション
- Builder内蔵のApp Store公開ウィザード(アイコン、スプラッシュスクリーン、ストア掲載文)
- Builderと同期したApp Storeメタデータ管理