モバイルアプリ

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が対応して構築します
モバイルダッシュボードタブ — Appearance、Test、Publishの3ステップでアプリをインストール可能なモバイルアプリにする専用の Mobile パネルを搭載
プッシュ通知 — 詳細はプッシュ通知をご覧ください
モバイル対応のBuilder UI — Proyecta自体がスマートフォンで動作するため、外出先でも開発できます

Mobileタブについて

ダッシュボードを開いて Mobile タブに切り替えると、3つのステップからなるガイド付きフローが表示されます。

Appearance — アプリのアイコン、名前、テーマカラーを確認します。モバイルサポートがまだ設定されていない場合は、Set up mobile support をクリックすると、Proyectaがワンステップで設定してくれます。プロンプトを書く必要はありません。
Test — QRコードをスキャンして、実際のスマートフォンで公開済みアプリを開きます（モバイルでテストするを参照）。
Publish to App Store — アプリストアへのパッケージ化と申請のためのステップバイステップガイドです（アプリストアへの公開を参照）。

webappテンプレートには、Webアプリマニフェスト（site.webmanifest）とService Worker（sw.js）がすでに含まれています。これにより、インストール可能でオフライン対応のPWAの基盤が最初のビルドから整っており、MobileタブとAIがあなたのアプリに合わせてカスタマイズします。

PWAへの道

最も手軽な方法は、Mobileタブにある Set up mobile support ボタンを使うことです。より具体的に指定したい場合は、AIに直接リクエストすることもできます。

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

どちらの方法でも、マニフェストとService Workerが設定されます。公開後、ユーザーは以下のことができます。

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

iOS 16.4以降のPWAはWeb Pushにも対応しているため、通知も機能します。設定方法はプッシュ通知をご覧ください。

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

App StoreやGoogle Playへのリリースが必要な場合、公開済みのPWAをラップする方法が推奨されています。

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

詳細はアプリストアへの公開をご覧ください。

注意事項

AppleはネイティブWebViewアプリを却下する場合があります。ネイティブ機能を追加していない純粋なWebViewアプリは審査で却下されることがあります。App Storeをターゲットにする前に考慮してください。
iOSのプッシュ通知は、ユーザーがまずSafariからPWAをインストールする必要があります（ラッパーアプリからは不可）。
カメラ、GPS、連絡先はすべてWeb APIを通じて利用できますが、ネイティブ専用のAPI（HealthKit、ARKit）はPWAラッパーからはアクセスできません。

近日公開予定

ネイティブのReact Native / Expo テンプレート — 真のネイティブシェルが必要なプロジェクト向け
Capacitorインテグレーション — 代替のラッピング手段として
Builder内アプリストア公開ウィザード — アイコン、スプラッシュスクリーン、ストア掲載情報の作成
アプリストアのメタデータ管理 — builderと同期