Shopify ストアを iOS App に：ストアを生かしたネイティブ App

ストアはウェブサイトです

Shopify のストアフロントはウェブサイトです。テーマが見た目を決め、顧客はブラウザで商品を見て、カートに追加し、チェックアウトします。iOS App ではないため、App Store には表示されません。

ただし、App に必要なものはほぼすべて Shopify にあります。商品、在庫、価格、カート、チェックアウト、注文です。iOS App のためにそれらを移す必要はありません。その上にネイティブの画面を作ります。

App ビルダーとラッパー

Shopify App Store には Mobile app builder カテゴリがあります。2026 年 10 月 1 日時点で 106 個の App が掲載されており、カテゴリには「独自ブランドの App から新商品や会員限定割引を顧客に直接通知」と説明されています。

もうひとつの方法は、ストアの URL をネイティブの外枠で囲むことです。しかし、これでは Apple のガイドライン 4.2 に抵触します。このガイドラインは、再パッケージしたウェブサイトを超える機能、コンテンツ、UI を App に求めています。ストアの URL を WebView で囲んだものは、再パッケージしたウェブサイトです。

Shopify が説明する 2 つの仕組み

Shopify の開発者向けドキュメントには、モバイル App に使う 2 つの仕組みが説明されています。Storefront API を使うと、App からストアの商品、コレクション、検索、カート、顧客アカウントを利用できます。Checkout Kit は、Shopify のチェックアウトを Swift App 内に表示するオープンソース SDK です。ブランド、チェックアウト設定、支払い方法も引き継がれます。Shop Pay と Apple Pay のボタンを商品ページやカートページに置き、ワンタップで購入することもできます。

AirBuild に持ち込む iOS App は、この 2 つの仕組みを中心に設計されます。注文はこれまでどおり Shopify の管理画面に届き、支払いは Shopify のチェックアウトを通ります。

ひとつのストアを App に

コーヒー豆を販売するストアを例にします。ウェブサイトの各ページには App 内にも対応する場所があり、iPhone に合った形に整えられます。

AirBuild に持ち込む流れ

1. リンクを入力

   ストアの URL と、App で何をしたいか、誰に使ってほしいかを一文で添えてウェイティングリストに登録します。たとえば「常連客向けで、いつも購入する豆を記憶する App」です。

2. AI チームが SwiftUI で App を構築

   AirBuild のプロダクト、デザイン、開発担当のエージェントがストアを読み取り、コレクション、商品、購入方法を把握して、ネイティブ iOS App を構築します。ストア自体は変更されません。

3. iPhone で試してから App Review へ

   App は TestFlight を通じて iPhone に届きます。実際に試し、普段の言葉で変更を依頼できます。準備ができたら、AirBuild が App Store の掲載情報を用意して申請し、審査状況を追跡します。審査担当者に返信し、指摘事項を修正して再申請します。

用意するもの

• ストアの URL。
• 最初に誰が使い、何をする App なのかを表す一文。ウェブサイトのすべてのページを App にする必要はありません。
• サブスクリプションやレビューなど、ストアが依存している Shopify App。その一文に名前を含めてください。
• Apple Developer Program への登録、または App の申請前に登録する予定と、プライバシーポリシーの URL。App Store Connect では、これがない申請は受け付けられません。

よくある質問