コンテンツにスキップ

モバイルアプリ

Proyectaでモバイル対応のWebアプリを構築。PWAは今すぐ使用可能。PWA BuilderによるiOS/Androidネイティブラッパーにも対応。

Proyectaが構築するのはWebアプリです。「スマートフォンにアプリを入れる」最速の方法は、レスポンシブなWebアプリです。オプションとしてProgressive Web App(PWA)として強化すれば、ユーザーはホーム画面にインストールでき、対応プラットフォームではプッシュ通知、オフラインサポート、フルスクリーン表示も利用できます。

App Store、Google Play、Microsoft Storeへのネイティブ配布には、公開済みのPWAをPWA Builderなどのツールでラップします。

  • Builderのレスポンシブビューポート切り替え機能 — 編集中にDesktop / Tablet / Mobileプレビューを切り替えられます
  • モバイルファーストのAIプロンプト — レスポンシブレイアウトのリクエストに応じてAIが構築します
  • Proyecta SDKによるプッシュ通知プッシュ通知を参照
  • モバイル対応のBuilder UI — Proyecta自体がスマートフォンで動作するため、外出先でも開発できます

ほとんどのアプリにとって、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 version

AIがマニフェストとService Workerをセットアップします。公開後、ユーザーは以下のことができます:

  • モバイルブラウザでアプリを開く
  • ブラウザメニューから Add to Home Screen(iOS)または Install app(Android)を選択する
  • ホーム画面からネイティブアプリのように起動する

iOS 16.4以降のPWAはWeb Pushもサポートしているため、通知も機能します。設定方法はプッシュ通知を参照してください。

さらに進む:ネイティブラッパー

Section titled “さらに進む:ネイティブラッパー”

App StoreやGoogle Playへの配信が必要な場合、推奨される方法は公開済みのPWAをラップすることです:

  1. *.proyecta.liveサブドメイン(またはカスタムドメイン)にpublishする
  2. pwabuilder.comを開き、URLを入力する
  3. ネイティブパッケージを生成する — Android(AAB)、iOS(Xcodeプロジェクト)、Windows(MSIX)
  4. 各ストアに申請する

詳細はApp Storeへの公開を参照してください。

  • ネイティブ機能を追加しない純粋なWebViewアプリはAppleに審査却下される場合があります。App Storeへの配信を検討している場合は、事前に把握しておいてください。
  • iOSでのプッシュ通知は、ユーザーがまずSafariからPWAをインストールする必要があります(ラッパーからのインストールは不可)。
  • カメラ、GPS、連絡先はすべてWeb APIで利用可能ですが、ネイティブ専用のAPI(HealthKit、ARKit)はPWAラッパーからはアクセスできません。
  • 真のネイティブシェルが必要なプロジェクト向けのReact Native / Expoネイティブテンプレート
  • 代替ラッピング手段としてのCapacitorインテグレーション
  • Builder内蔵のApp Store公開ウィザード(アイコン、スプラッシュスクリーン、ストア掲載文)
  • Builderと同期したApp Storeメタデータ管理