ハイブリッドアプリのRFP/要件定義書/提案依頼書について

ハイブリッドアプリの開発の成否は、コードを書き始める前の要件定義でほぼ決まります。形態、機能境界、フレームワークとコスト、Must/WantとRFPの順に決めていくと、要件が固まります。

Web部分とネイティブ部分の境界線を要件で明確にしないまま発注すると、リリース後に致命的な手戻りが起きます。全体像をまだ把握していない方は、まずハイブリッドアプリ開発の完全ガイドから読むことをおすすめします。

形態選定を起点にする要件定義の進め方

ハイブリッド形態を中核の体験、処理の負荷、既存Web資産の観点で確認する図解。
WebViewとの相性と資産の流用可能性を合わせて見ます。

ハイブリッドアプリの要件定義は、「どんな機能が欲しいか」を並べることから始めてはいけません。

出発点は、自社が作りたいアプリの機能を洗い出したうえで、「その機能はそもそもハイブリッドという形態に合っているのか」を見極めることです。

ハイブリッドはコスト削減に有効な選択肢ですが、すべてのアプリに適しているわけではありません。形態が要件と合っていないと、後から必ず性能の壁にぶつかります。

ハイブリッド形態が自社要件に合うかの見極め

コンテンツ表示、フォーム入力、会員機能、商品一覧といった画面が中心であれば、ハイブリッドは相性の良い形態です。それは、既存のWebサイトやWebアプリのHTML・CSS・JavaScript資産をそのまま流用でき、iOSとAndroidを単一のコードベースで開発できるからです。さらに、開発と保守のコストも削減できます。

要件定義の最初の関門は、自社のアプリがどちら側に当たるかを正直に判定し、ハイブリッドで進めてよいかを意思決定することにあります。この判断を曖昧にしたまま「安いから」という理由だけでハイブリッドを選ぶと、後の手戻りを招きます。

形態が要件に合うかは、中核の機能がWebViewで成り立つかと、処理の重さで判断します。

  • 中核の体験:WebView(アプリ内に埋め込まれたブラウザ)で動く画面だけで成立するか
  • 処理の負荷:連写や高速描画、リアルタイム処理が中核になっていないか

高速で連写するカメラ、リアルタイムの動画処理、滑らかなアニメーションを多用するゲーム的なUIは、ハイブリッドと要件が合いません。大量データの高速描画が中核にある場合も同様です。いずれも、WebViewの描画性能の限界に直接ぶつかるためです。

既存Web資産の棚卸しとToBeの設計

ハイブリッドを選ぶと決めたら、次は既存のWeb資産(AsIs)を洗い出します。具体的には、自社にレスポンシブ対応のWebサイトやWebアプリがあるか、そのコードがどの程度アプリに流用できるかを確かめます。ハイブリッドの最大の利点は、既存Web資産の流用にあります。そのため、ここで流用できる資産の量を正確に把握することが、コスト削減の効果と見積りの精度を左右します。

そのうえで、アプリ化した後のあるべき姿(ToBe)を設計します。Webブラウザで見ていた体験を、アプリではどう変えるのかを描きます。

たとえば、プッシュ通知でユーザーを呼び戻すのか、ホーム画面に常駐させてリピート率を高めるのか、カメラ連携で新しい体験を加えるのかによって、必要な機能は変わります。

アプリにする目的とToBeを描いたうえで、それを実現するために必要な機能を逆算します。

ToBeを描かずに「とりあえずWebサイトをアプリにする」と進めると、ストアにあるだけで使われないアプリになりがちです。形態選定の妥当性は、関連記事のメリット・デメリットの比較もあわせてご覧いただくと、より理解が深まります。

既存Web資産は、次の観点で洗い出します。

  • 流用の範囲:既存のWebサイトやWebアプリを、アプリにどこまで流用できるか
  • 資産の整備:デザインシステムとAPIが、流用しやすい状態で整っているか

ポイント

中核の体験がWebViewで成立するかを先に判定し、成立しないと分かれば形態を見直します。コスト削減だけを理由にハイブリッドを選ばないことが、判断を誤らないための目安です。

WebViewとネイティブの機能境界の要件化

ハイブリッドアプリの機能をWebView実装、プラグイン実装、ネイティブ部分併用に分けた図解。
機能単位で実装先を分けると、境界を要件に落とし込めます。

形態とToBeを定めたら、いよいよハイブリッドアプリ要件定義の核心に入ります。「WebViewで作る部分」と「ネイティブのプラグインに任せる部分」の境界線を、機能要件に落とし込みます。

ここがハイブリッド特有の最重要工程です。境界の引き方を誤ると、性能不足やプラグイン不在による作り直しが発生します。

機能を一覧にし、それぞれをWebView側・プラグイン側・ネイティブ部分併用のどれで実現するかを、要件定義書に明記します。

WebView側とプラグイン側の機能仕分け

機能仕分けの基本は、まず各機能をWebViewだけで実現できるかどうかで分類することです。

コンテンツの表示、商品一覧や詳細、フォーム入力といった機能は、WebViewだけで問題なく動きます。会員登録・ログイン、カート、決済画面の表示も同様です。これらはHTML・CSS・JavaScriptの範囲で完結します。そのため、ハイブリッドの得意領域です。

要件定義書では、流用できる既存Web資産があれば、機能ごとに対応付けておきます。

一方で、プッシュ通知やカメラ撮影、GPS位置情報といったOS機能は、WebViewから直接は呼び出せません。生体認証や端末ストレージへのアクセス、ファイル操作も同じです。

これらはCordova・Ionic・Capacitorが提供するプラグインを介してネイティブ機能を呼び出す形で実現します。要件定義書では、OS機能ごとに「どのプラグインで実現するか」を書き出します。

ここで重要なのは、欲しいOS機能に対応するプラグインが本当に存在し、保守されているかを事前に検証することです。

プラグインが古くて新しいOSに対応していない、というケースは実際にあります。これを見落とすと、リリース直前に機能が動かない事故につながります。具体的にどの機能がどちら側になるかは、関連記事の必要機能の解説もあわせてご覧ください。

要件定義書では、次の観点を確かめます。

  • 機能の区分:WebViewだけで動く機能に、「WebView実装」と明記されているか
  • OSの追従:プラグインの対応OSが、リリース時点のOSに追いついているか

性能限界に触れる機能の見極め

機能仕分けでもっとも慎重を要するのが、性能限界に触れる機能の見極めです。プラグインが存在しても、ハイブリッドでは実用的な性能が出ない機能があります。代表例が高速カメラです。

学術的なベンチマーク(アムステルダム自由大学等の修士論文)では、iOSでネイティブのカメラ起動が平均5.85msだったのに対し、クロスプラットフォーム実装では平均247.87msと大きな遅延が報告されています。バーコードを連続スキャンするような用途では、この差が業務の停滞に直結します。

アプリの容量にも違いが出ます。同じ研究では、iOSでネイティブが1.3MBだったのに対し、クロスプラットフォームでは28.5MBと約22倍に肥大化したという報告があります。容量の大きさは、ダウンロード時の離脱や端末ストレージの圧迫につながります。

要件定義書では、こうした性能・容量のトレードオフを把握したうえで、「高速性が必須の機能」と「多少遅くても許容できる機能」を切り分けます。性能が必須の機能だけはネイティブを部分併用する、という設計判断を要件に書き込むことで、ハイブリッドの安さを活かしつつ、致命的な性能不足を避けられます。

性能限界に触れるかは、次の観点で確かめます。

  • 速さの要求:業務の中核になる機能が、洗い出されているか
  • 遅さの扱い:多少遅くても許容する機能の範囲が、要件で線引きされているか

ポイント

判断に迷ったら、その機能が性能の限界に触れるかで決めます。高速性が必須ならネイティブを併用し、多少の遅れを許容できるならWebViewで作ります。

フレームワーク選定とコスト要件の織り込み

機能境界を定めたら、それを実現するフレームワークの方針と、コストに関する要件を整理します。

ハイブリッドの代表的なフレームワークには、Cordova、Ionic、Capacitorがあり、それぞれ思想と保守性が異なります。

要件定義の段階で、どのフレームワークを前提とするか、あるいはベンダーの提案に委ねるかを決めます。また、その判断の基準を持っておくことが重要です。

Cordova・Ionic・CapacitorのRFPでの扱い

Cordovaは古くからあるWebView型の基盤で、既存Web資産を最短で動かせる反面、近年はメンテナンスの勢いが弱まり、プラグインの保守が止まるリスクがあります。

Ionicは、CordovaやCapacitorの上にUIコンポーネント群を載せたフレームワークで、見栄えの良い画面を効率的に作れます。

Capacitorは、Ionicチームが開発したモダンな後継基盤で、ネイティブプロジェクトを直接管理でき、新しいOSへの追従や保守性に優れます。新規開発であれば、保守性の観点からCapacitorを中心に据える判断が合理的なケースが多くなっています。

RFPでは、フレームワークを発注者が一方的に指定するより、「保守性と将来のOS追従を重視する」「既存のWeb資産(使用しているフレームワーク名)を流用したい」といった要件と制約を示すのが実務的です。そのうえで、最適なフレームワークの提案と理由をベンダーに求めます。

フレームワーク選定は、短期の作りやすさだけでなく、長期の保守リスクまで含めて要件化することが肝心です。

提案を受けたときは、次の観点で確かめます。

  • 提案の将来性:提案されたフレームワークが、数年後も保守される見込みがあるか
  • 保守の体制:社内またはベンダーに、そのフレームワークを保守できる人材がいるか

コスト削減と性能のトレードオフの要件化

ハイブリッドを選ぶ最大の動機はコスト削減です。iOSとAndroidを別々にネイティブ開発すると、おおむね二つ分の工数がかかりますが、ハイブリッドなら単一コードベースで両OSに対応できるためです。

また、開発費と保守費を抑えられます。要件定義書では、この「単一コードで両OS対応」という前提を明記し、コスト削減効果を見積りの土台にします。

一方で、コスト削減を狙ってハイブリッドを選んだはずが、結局ネイティブで作り直すことになり、かえって高くつくという失敗は珍しくありません。

コストを圧縮する手段として、AI駆動開発の活用もあります。riplaの関連会社(ぷらすわん合同会社)では、市場相場700〜1,500万円(13〜18人月)の案件を、AIコード自動生成と分割発注の組み合わせで実質8人月・約500万円に圧縮した事例があります。

ただし、コスト削減は性能限界とのトレードオフです。要件定義では、「安く作る」という目的のために、どこまでの性能を妥協できるかを明確にしておく必要があります。

たとえば、カメラはあれば便利だが業務の中核ではないので、多少遅くても許容する、という決め方があります。一方で、カメラ性能が事業の生命線であれば、そこだけネイティブを併用してでも担保する、という決め方もあります。

この妥協ラインを要件に書き込まないと、ベンダーは「全部ハイブリッドで安く」作ってしまい、後で性能不足が露呈します。

コスト要件は、次の観点で確かめます。

  • 必須性能:業務の中核になる機能で、譲れない性能要件が書かれているか
  • 開発方式:単一コードで両OS対応する前提が、見積りの土台として書かれているか

ポイント

フレームワークは、発注側が一方的に指定するより、要望と制約をRFPで示して提案を求めるのが実務的です。コストの安さと譲れない性能の両方を要件に書き、妥協できる範囲を決めておけば、見積りを同じ条件で比べられます。

Must/Wantの仕分けとRFP・見積り判断

Must機能とWant機能を、初期に必要かどうかで左右に分けた図解。
初期に必要な機能を絞ると、段階リリースの判断につながります。

機能とコストの要件が固まったら、それをRFP(提案依頼書)にまとめ、複数のベンダーに提案を依頼します。RFPの質が、集まる提案と見積りの質を決めます。

とくにハイブリッドでは、機能境界とMust/Want(必須・希望)の仕分けが明確であるほど、ベンダーは精緻な見積りを出せます。曖昧なRFPには曖昧な見積りしか返ってこず、横並びの比較ができません。

現場と経営層の板挟みを解くMust/Want仕分け

要件定義の現場では、しばしば「現場は多機能を求め、経営層はコストと短期リリースを求める」という板挟みが起きます。これを解くのがMust/Wantの仕分けです。

「これがないとアプリが成立しない」Must機能と、「あると望ましいが初期になくても運用できる」Want機能を明確に分け、社内で合意を取ります。

ハイブリッドの場合、性能限界に触れる機能をWantに振り分けられるかどうかが、ハイブリッド採用の可否を左右することもあります。

仕分けでは、各機能を「事業のKGIにどれだけ貢献するか」という基準で評価します。担当者の思い入れではなく、目的への貢献度で優先度を決めれば、社内の合意を取りやすくなります。すべてをMustにすると、予算オーバー時に削るものがなくなり、プロジェクトが頓挫します。

仕分けは、社内の板挟みを2つの判断に落とし込みます。

  • 初期の絞り込み:Mustを絞ってWantを段階リリースに回し、初期費用を抑えて、まず市場に出せること
  • 予算超過時の判断:どの機能を初期から外すかを冷静に選ぶための材料

RFP項目と見積りの妥当性の判断基準

保守体制は、とくに重要です。プラグインやフレームワークが将来のOS更新に追従できるか、誰が保守するのかを、RFPに明記させます。

集まった見積りの妥当性を判断するには、まず相場観を持つことです。アプリ開発費は、手法・対応OS・機能規模によって、数十万円から数千万円まで幅があります。

発注先別の人月単価は、フリーランス60〜80万円、中小開発会社80〜120万円、大手SIer150〜300万円が目安です。この差は、中間マージンや組織維持費によるものです(出典:ぷらすわん調べ)。

ハイブリッドは両OS同時開発で工数を抑えられるため、ネイティブを二本作る見積りより安くなるのが通常です。

見積りがこの理屈と合っているか、「開発一式」のような不透明なまとめになっていないかを確認します。そのうえで、機能ごと・工程ごとの内訳開示を求めて精査します。

要件定義とRFPが詳細であるほど、ベンダーは精緻な見積りを出さざるを得ず、ブラックボックスを解明できます。riplaはフルスクラッチ受託と国内開発の立場から、要件の透明な整理と見積り内訳の明示を重視しています。

RFPに書く内容は、大きく2つに分かれます。

  • 目的と前提:アプリ化の目的とKGI、ハイブリッドを選ぶ前提、既存Web資産の状況
  • 要件と条件:機能要件(WebView・プラグイン・ネイティブ併用の区分、Must/Want)、性能要件、フレームワークへの要望、予算とスケジュール

性能要件には、許容できる遅延と必須の高速性を書き込みます。

ポイント

Must/Wantは、KGIへの貢献度を基準に仕分けます。見積りは、両OS同時開発の工数の理屈と合っているか、機能ごと・工程ごとの内訳が示されているかで判断します。

まとめ

ハイブリッドアプリの要件定義とRFPは、機能の列挙からではなく、作りたい体験がWebViewで成立するかを判定する形態適合から始めるのが鉄則です。そのうえで、各機能をWebView実装・プラグイン実装・ネイティブ併用に仕分け、高速カメラのような性能限界に触れる機能を見極めます。

フレームワーク(Cordova、Ionic、Capacitor)は、発注側が一方的に指定するのではなく、要望をRFPに示してベンダーの提案を求めます。新規開発なら、保守性の観点からCapacitorが有力です。

単一コードで両OS対応するというコスト削減効果と、譲れない性能要件の両方を明記します。Must/WantをKGI貢献度で仕分けてRFPに落とせば、見積りを横並びで比較できます。

さらに、相場(人月単価はフリーランス60〜80万円、中小開発会社80〜120万円、大手SIer150〜300万円。出典:ぷらすわん調べ)に照らして、見積りの妥当性も判断できます。

ハイブリッドはコスト削減に有効な形態ですが、その安さは要件定義の精度に支えられています。形態適合の判定とWebView・ネイティブの境界の明記を怠ると、性能不足で作り直しになり、かえって割高になります。

riplaは、フルスクラッチ受託と国内開発、AI駆動でコストを3分の1に圧縮した知見を組み合わせ、発注企業と協働で支援しています。支援の範囲は、形態選定から、機能境界の仕分け、フレームワーク選定、RFP作成までです。全体像の確認には、あらためて完全ガイドをご活用ください。

会社紹介

株式会社riplaでは、お客様の事業・ユーザー・業務に最適化したオーダーメイド型システムを、構想策定・要件定義から開発・改善まで一気通貫で支援。事業会社でIT・DXを経験したプロフェッショナルによる高い要件定義力・システム設計力を活かし、事業成果の最大化に伴走します。

また、当社独自の開発テンプレート「Boxシリーズ」による標準機能の高速開発と、AI駆動開発の独自フレームワーク「GoDD」による独自機能のAI実装を組み合わせることで、低コスト・短期間で開発を実現いたします。

もし、システム開発やプロダクト開発に関するご要望がございましたら、お気軽にお問い合わせください。

・サービス概要資料のURLはこちら >>>
・お問合せページのURLはこちら >>>
・お役立ち資料のURLはこちら >>>

執筆者プロフィール
張田谷凌央
張田谷凌央

株式会社ripla 代表取締役CEOとして、システムパッケージ活用、システム開発、データ分析、生成AI活用、SaaS開発、アプリ開発、EC構築など、幅広い領域で企業のDX推進と事業成長を支援している。事業会社でIT・DXを経験したプロフェッショナルが集う株式会社riplaにおいて、お客様の事業・ユーザー・業務に最適化したオーダーメイド型システムを構想策定・要件定義から開発・改善まで一気通貫で支援し、単なるシステム納品にとどまらず、クライアントと同じ目線で事業成果の最大化に向けた伴走支援を行う。早稲田大学卒業後、ラクスル株式会社、LINEヤフー株式会社にて事業開発やDX推進などに従事した後、株式会社riplaを創業。