「まずはWebアプリで作って、使われるようならスマホアプリにしよう」。コストを抑えるための、よくある進め方です。ところが、いざスマホアプリにしたくなったとき、開発会社から「ほぼ作り直しです」と言われて驚く方も少なくありません。
「Webアプリで作ったあとに、やっぱりスマホアプリにしたくなったら、作り直しになるのか…」
先に結論をお伝えします。全部を作り直す必要はないことが多い一方で、「どこまで流用できるか」は最初の作り方で大きく変わります。 流用しやすいのは、データの保管や計算といった「裏側」と、画面の設計意図（業務の流れ）です。流用しにくいのは、画面の見た目の部品や、スマホ特有の機能に関わる部分です。そして、Webアプリを作る時点で3つのことを開発会社と決めておくだけで、あとからの追加費用はかなり抑えられます。
この記事では、WebアプリからスマホアプリにするときのパターンをWeb開発に詳しくない方向けに整理し、費用が変わる分かれ目、事前の確認事項、開発会社への質問例をまとめます。（情報は2026年10月時点のものです。）
なぜ「作り直し」と言われることがあるのか
Webアプリとスマホアプリは、どちらも「画面」と「裏側（データを保管・処理する部分）」でできています。
- 裏側：データベースや、業務ルールの計算、ログイン処理など。画面が変わっても基本は同じものを使えます。
- 画面：Webアプリはブラウザで動き、スマホアプリはiPhoneやAndroid向けに作った専用の画面で動きます。ここは部品の作りが違うため、そのまま移せないことがあります。
「作り直し」と言われるのは、多くの場合、次のような事情があるためです。
- 裏側と画面が一体で作られていて、画面だけを付け替えられない
- スマホアプリで使いたい機能（カメラ、通知、位置情報など）の扱いが、最初の設計に入っていない
- ログインやデータのやり取りの方式が、ブラウザ前提になっている
つまり「Webアプリだから作り直し」ではなく、「作り方によって流用できる範囲が違う」ということです。開発会社が悪いわけでも、発注者の判断が悪かったわけでもありません。
スマホアプリにする3つのパターンと、流用できる範囲
Webアプリをスマホで使えるようにする方法は、大きく3つあります。（費用・期間は案件で大きく変わるため、ここでは目安として「相対的な大きさ」だけを示します。）
| パターン | 中身 | 流用できる範囲 | 追加の作業量 | 向いているケース |
|---|---|---|---|---|
| ① スマホ対応のWebのまま使う（PWA） | ホーム画面に追加して、アプリのように使う | ほぼすべて | 小 | 社内向け、ストア公開が不要、機能がシンプル |
| ② Webの画面を包んでアプリにする（ハイブリッド） | Webの画面を専用の「入れ物」に入れてアプリとして配布 | 画面も裏側も大半 | 中 | ストア公開したい、カメラや通知など一部のスマホ機能を使いたい |
| ③ スマホ専用に作る（ネイティブ／Flutterなど） | iPhone・Android向けに画面を作る | 裏側と業務の設計 | 大 | 操作感や動作の速さが重要、スマホ機能を深く使う |
① PWA：いちばん手軽だが、できないこともある
PWA（＝ホーム画面に追加してアプリのように使えるWebアプリ）は、ストアへの公開が不要で、Webアプリをほぼそのまま使えるのが利点です。一方で、iPhoneで通知を受け取るには、制約があります。AppleのWebKitの公式ブログによると、iPhone・iPad（iOS／iPadOS 16.4以降）のWebアプリが通知を受け取るには、ホーム画面に追加されていることが条件で、通知の許可も利用者の操作（ボタンを押すなど）に応じて求める必要があります。
📰 出典：WebKit「Web Push for Web Apps on iOS and iPadOS」（2023年2月）
利用者に「ホーム画面に追加してください」とお願いする手間が発生するため、一般のお客様向けでは、通知の到達率や使い勝手を事前に確認しておく必要があります。
② ハイブリッド：Webの資産を生かしてストアにも出せる
たとえば Capacitor というツールは、公式サイトで「モダンなWebのコードをiOS・Android向けのアプリとして動かせる」ものとして紹介されており、既存のJavaScriptのプロジェクトにあとから加えられます。カメラなどスマホの機能も、プラグインという部品で使えます。
📰 出典：Capacitor 公式ドキュメント
ただし注意点があります。AppleのApp Store審査ガイドラインでは、「アプリには、単なるWebサイトの焼き直しを超える機能・内容・画面を含めること」と定められています。Webの画面を包んだだけのアプリは、審査で指摘される可能性があります。スマホならではの機能を何か加えるなど、ストア審査を通す工夫も作業量に含める必要があります。
📰 出典：Apple「App Store Review Guidelines」4.2 Minimum Functionality
ストア公開の流れについては、次の記事で詳しく解説しています。
③ ネイティブ・Flutterなど：画面は作り直し、裏側は生かせる
スマホ専用に画面を作る場合、画面の作り直しは避けられません。ただし、裏側（データベースや業務ルールを呼び出す「API」と呼ばれる窓口）が整っていれば、そこは流用できます。このため、費用が大きくかかるのは「画面」の部分で、「裏側」を含めたゼロからの作り直しにはなりません。
FlutterやReact Nativeといった、1つのコードでiPhone・Android両方を作る方法の違いは、こちらの記事で解説しています。
費用が変わる3つの分かれ目
同じ「スマホアプリ化」でも、費用が大きく変わるのは次の3点です。
分かれ目1：裏側が「API」として切り出されているか
画面と裏側が一体になっていると、スマホアプリからデータを呼び出せません。裏側の機能を、画面から独立した窓口（API＝アプリ同士がデータをやり取りするための取り決め）として用意してあれば、スマホアプリ側は画面を作るだけで済みます。
分かれ目2：ログインの方式が、スマホでも使えるものか
ブラウザ前提のログイン方式だと、スマホアプリ向けに作り直しが必要になることがあります。ログインの仕組みは、あとから変えると影響範囲が広いため、最初に確認しておく価値があります。
分かれ目3：スマホ機能を使う予定があるか
カメラでの撮影、通知、位置情報、オフラインでの利用などは、スマホアプリ化の際に追加の作業になりやすい部分です。「将来使うかもしれない機能」を最初に開発会社へ伝えておくと、設計に反映してもらえます。
Webアプリを作る時点で決めておきたい3つのこと
あとから慌てないために、最初の発注の段階で次の3つを開発会社と確認しておきましょう。
- 裏側をAPIとして分けて作るか：将来スマホアプリを作る可能性があることを伝え、その前提で作ってもらう
- スマホアプリ化の方法の候補：PWA・ハイブリッド・専用開発のどれを想定するか、判断の目安を決めておく
- 誰がどこまで作るか：スマホアプリも同じ開発会社に頼むのか、別の会社でも引き継げる資料（API仕様書など）を納品物に含めるか
「将来のことは分からない」という場合でも、「スマホアプリにするかもしれない」と一言伝えておくだけで、設計の選択肢が変わります。
やりがちな失敗
- 「画面がスマホで見られる」ことと「スマホアプリになる」ことを混同する：スマホで見やすく作られたWebアプリ（レスポンシブ対応）は、ストアで配布するアプリとは別物です。
- 「Webアプリを包めば安くアプリになる」と思い込む：前述のとおり、審査対応やスマホ機能の追加で別の作業が発生します。
- API仕様書をもらっていない：あとから他社が引き継ぐとき、裏側の仕様が分からず調査費用がかさみます。
発注者がやること チェックリスト
- ☐ 「スマホアプリにする可能性」があることを、最初の相談で開発会社に伝えた
- ☐ スマホで使いたい機能（カメラ・通知・位置情報など）を書き出した
- ☐ 利用者が誰か（社内か一般のお客様か）と、ストア公開が必要かを整理した
- ☐ 裏側がAPIとして分けて作られるか、確認した
- ☐ API仕様書など、あとから引き継げる資料が納品物に入っているか確認した
- ☐ スマホアプリ化のときの費用の目安（画面の作り直し範囲）を聞いた
開発会社への質問例
- 「将来スマホアプリにする場合、今回作るWebアプリのどの部分をそのまま使えますか？」
- 「裏側の機能は、スマホアプリからも呼び出せるように、画面と分けて作っていただけますか？」
- 「PWA、ハイブリッド、専用開発のうち、今回の用途ではどれが現実的ですか？それぞれの追加費用の目安を教えてください。」
- 「iPhoneで通知を使いたい場合、Webアプリのままでどこまで実現できますか？」
- 「API仕様書は納品物に含まれますか？ 別の会社が引き継ぐことはできますか？」
まとめ
- Webアプリからスマホアプリにするとき、作り直しになるのは主に画面の部分で、裏側は作り方次第で流用できる
- 方法は、PWA・ハイブリッド・専用開発の3つ。流用できる範囲と追加の作業量が違う
- 費用の分かれ目は、裏側がAPIとして分かれているか・ログイン方式・スマホ機能の有無
- Webアプリを作る時点で「スマホアプリにするかもしれない」と伝え、API仕様書を納品物に入れておくと、あとから困りにくい
なお、費用や期間はアプリの内容によって大きく変わります。自社の場合にどのパターンが合うかは、複数の候補を比べながら開発会社と相談してみてください。
あわせて読みたい関連記事
