Angular.jsのRFP/要件定義書/提案依頼書について

Angular(旧称AngularJS/現行のAngular)でシステムを発注するときは、RFP(提案依頼書)や要件定義書で、技術選定基準と非機能要件を定めることが要になります。この記事は、技術選定や非機能要件のRFP化に迷う発注担当者の実務書として活用できます。

多くの解説はエンジニア視点に偏っており、発注企業が外注をコントロールしてリスクを最小化するための要件定義の作法は、ほとんど語られていません。そのため、発注側の視点で見ていきます。全体像をまだ把握していない方は、まずAngular.js開発の完全ガイドから読むことをおすすめします。

Angular採用を判断する技術選定基準

Angular採用を判断する技術選定基準のイメージ

RFPを書く前に固めておくべきは、「そもそもAngularが自社に合うのか」という技術選定基準です。

ここを曖昧にしたままベンダーに丸投げすると、ベンダーの得意な技術が提案され、自社に最適とは限らない構成を抱えることになります。だからこそ、発注側が選定基準を持つことが要件定義の出発点になります。

事業フェーズとチーム規模から逆算する選定基準

技術選定基準の第一は、事業フェーズとチーム規模です。3大フレームワークでは、Reactが世界標準で自由度が高く大規模やグローバル向き、Vueは学習コストが低く国内BtoBや中小向きとされます。

Angularは全部入りで規約が厳格なエンタープライズ向きと整理されます。誰が書いても似た構造になる特性は、人の入れ替わりが前提の長期プロジェクトで価値が高くなります。一方で、短命なプロジェクトではオーバースペックになりがちです。

短期で仮説検証するMVP(最小限の試作)では、学習コストの低いVueや軽量構成が向いています。一方で、複数チームで何年も保守する基幹周辺の業務システムでは、Angularの規約の強さが効きます。

そのため、RFPには事業特性を明記しておくべきです。想定する保守期間、開発するチームの数、将来の機能拡張の見込みを発注側が言語化すると、ベンダーは適切な技術を提案できます。

事業の寿命と成長スピードからROIを逆算する視点は、要件定義の冒頭に置くことが大切です。

  • 保守期間とチーム数:RFPの前提条件として、ベンダーに示す項目
  • 事業の寿命と成長スピード:ROIを逆算して技術の規模感を決める起点

riplaはフルスクラッチ受託と国内体制の立場から、エンジニアの好みではなく事業フェーズとROIで技術を選ぶという、発注側の視点を一貫させています。

要件定義の最初の打ち合わせで選定基準を一緒に言語化しておくと、後工程の手戻りを減らせます。

採用容易性とベンダーロックイン回避の基準

技術選定基準の第二は、採用容易性とベンダーロックイン回避です。どれほど優れた技術でも、その技術に精通したエンジニアを自社や周辺市場で確保できなければ、運用フェーズで保守が破綻します。

フリーランス案件データベースの一次データでは、フロントエンド技術者の単価がReact/TypeScriptで月額平均72〜80万円とされています。Next.jsでは平均約82万円と、トップ水準です。また、Stack Overflow Developer Survey 2025では、Reactの使用率が44.7%と圧倒的です。

Angularはこれより市場が小さいため、RFPでは「採用・調達のしやすさ」を選定基準として明記しておくべきです。

ベンダーロックインを避けることも、大切な観点です。ベンダーが独自に組んだ特殊な構成に乗ると、将来そのベンダー以外に保守を頼めなくなるおそれがあります。

これに対して、Angularのように仕様が標準化され、公式の作法に沿った構成であれば、別のベンダーや自社採用のエンジニアでも引き継ぎやすくなります。

RFPには「独自構成ではなく公式の標準作法に準拠すること」「ドキュメントと設計の引き継ぎ可能性を担保すること」を要件として盛り込み、将来のリプレイスしやすさも確保しておきましょう。

  • 採用の見通し:技術者の単価と市場の広さから、確保のしやすさを見る
  • 引き継ぎの可否:ドキュメントと設計を、別のベンダーや自社が受け継げるか

Angularの強みの一つは、規約が固く公式作法が明確なため、属人化を抑えやすい点にあります。

この強みは、ベンダーロックイン回避という要件と相性が良いものです。長期で複数ベンダーが関わる可能性のある業務システムでは、選定基準として積極的に評価できます。

ポイント

Angularを採用するかは、事業の寿命と成長スピード、保守するチームの規模、採用のしやすさで判断します。短命な案件や採用市場が狭い場合は、Vueなど別の技術と比べて選ぶのが安全です。

RFPに盛り込むべきフロント特有の非機能要件

RFPに盛り込むべきフロント特有の非機能要件のイメージ

要件定義でもっとも抜けやすく、トラブルの温床にもなるのが、フロントエンド特有の非機能要件です。

「使いやすく」「速く」といった曖昧な言葉は、検収の段階で「言った言わない」の紛争を生み、追加の工数を発生させます。そのため、これらを定量的な数値に落とし込むことが、Angular案件に限らずフロント発注の鉄則です。

対応端末・性能・アクセシビリティの定量化

非機能要件は、検収できる数値として書くことが原則です。RFPに盛り込む代表的な定量項目は、対応端末、性能、アクセシビリティで、それぞれ数値で書きます。

  • 対応端末・ブラウザ:対象とする端末とブラウザの組み合わせ
  • 性能・アクセシビリティ:Lighthouseの点数目標とWCAGの準拠レベル

対応端末・ブラウザは、「主要な最新ブラウザの直近2バージョン」「スマートフォンは画面幅375px以上で崩れないこと」のように、具体的に指定します。

性能は、Googleの性能評価ツールLighthouseで「パフォーマンススコア何点以上」と数値目標を明記します。アクセシビリティは、Webアクセシビリティ指針WCAGの「どのレベル(A/AA等)まで準拠するか」を定めます。

これらを数値にしておけば、検収時に客観的に合否を判定でき、紛争を防げます。一方で、「フワッとした使いやすさ」のままだと、ベンダーは際限なく作り込みを求められ、工数が大きく膨らみます。

逆に発注側が定量基準を示せば、ベンダーは見積もりの精度を上げられ、双方にとって健全な契約になります。

Angularは標準でテスト基盤を備えているため、こうした品質基準の検証を仕組みに組み込みやすい点も、非機能要件を厳格に定める案件と相性が良いと言えます。

SSR要否と品質コードの要件化

要件定義で判断すべきもう一つの点が、SSR(サーバーサイドレンダリング)の要否です。SPA(単一ページで画面遷移するアプリ)は初期表示が遅くなりやすく、検索エンジン最適化(SEO)で不利になる場合があります。

AngularにもSSRの仕組みがあります。ただし、SSRを入れると構成が複雑になり、コストも上がります。

さらに、コード品質に関わる要件も定めておくと有効です。学術調査(604プロジェクト・約1,600万行)では、型を曖昧にする`any`型が1プロジェクトあたり平均261回使われていたとされます。

`any`型の使用頻度が高いほど、品質と理解しやすさが下がり、バグ解決時間が延びるという負の相関が実証されています。

AngularはTypeScriptが標準ですが、型を適切に使うかどうかで品質は変わります。

発注側がRFPに「`any`型の使用を最小限とすること」「静的解析ツールの基準を満たすこと」といったコード品質の要件を入れておくと、納品物の品質を担保しやすくなります。

  • SSRの要否:SEOの重要度と、初期表示速度の要件で判断する
  • コード品質:`any`型の使用範囲と、静的解析ツールの基準

社内業務システムでSEOが不要なら、SSRなしで十分なことも多いのです。

こうした非機能要件を、どこまで厳格に定めるかは、Angularの技術的な機能や特性とも密接に関わります。機能の中身を踏まえて要件を設計したい方は、冒頭で紹介した完全ガイドもあわせてご覧ください。

ポイント

対応端末、Lighthouseの点数、WCAGの準拠レベルは、検収で合否を判定できる数値かどうかが目安です。SEOが不要なら、SSRを省ける場合もあります。

見積もり評価と長期保守を織り込む要件設計

見積もり評価と長期保守を織り込む要件設計のイメージ

RFPの最後に詰めるべきは、見積もりをどう評価するかと、長期保守をどう要件に織り込むかです。

初期開発費だけで判断すると、運用フェーズで想定外のコストが膨らみ、TCO(総所有コスト)が当初見積もりを上回ることがあります。発注側が評価の基準を持つことが、見積もりの妥当性を見抜く鍵になります。

見積もりの落とし穴とTCO評価の要件化

見積もりには、初期開発費以外にも落とし穴が潜んでいます。

そのほか、SLA(サービス品質保証)の水準と、納期遅延時のペナルティ条件も挙げられます。

単価のからくりにも注意が必要です。一次データでは、同じ月72万円の単価でも、エンジニアへの還元率が65%なら手取りは月約37万円、80%なら約46万円となり、年間で約108万円の差が生じます。

これは、ベンダーの体制や中間マージンによって費用構造が変わることを示しています。このため、見積もりの内訳を求めると、価格の妥当性を見抜く手がかりになります。

RFPには「費用の内訳と算定根拠を提示すること」を要件として明記しましょう。

  • 運用時の費用:インフラ費、ライセンス料、従量課金によるランニングコスト
  • 単価の内訳:エンジニアへの還元率で、手取りが大きく変わる

フロントエンドでは、近年のエッジホスティングなどで従量課金が運用時に跳ね上がるケースもあります。

これらを横並びで比較できる形でRFPに定めておけば、複数ベンダーの提案を公平に評価できます。

提案金額の安さだけでなく、TCOの観点で総額を評価の基準に据えることが、発注リスクを下げる要件設計の核心です。

自動移行を活かした長期保守の要件化

Angularを選ぶ大きな理由が長期保守のしやすさである以上、その強みを要件に織り込むことが合理的です。

国内企業のテックブログでは、受託保守の目線からAngularを評価する例も見られます。また、「後方互換が保たれ、保守コストが低い」という知見が共有されています。

RFPには「バージョンアップ時はng updateによる自動移行を基本とすること」「追従の保守体制を提示すること」を要件として盛り込むと、長期の保守コストを予測しやすくなります。

あわせて、技術選定や品質管理、デリバリー体制を評価する共通の物差しとして、日本CTO協会の「Webフロントエンド版 DX Criteria」をベンダーと共有する方法も有効です。

客観的な基準をRFPの評価に組み込むことで、発注側とベンダーの認識を揃え、提案の質を底上げできます。

Angularの自動移行という強みと、こうした評価基準を組み合わせれば、要件定義の段階から長期保守を見据えた発注が可能になります。

  • 自動移行(ng update):約6か月ごとのリリースに追従する前提の保守
  • 客観的な評価基準:DX Criteriaのように、技術選定や品質管理を評価する共通の物差し

riplaは、要件定義の段階からこうした非機能要件と長期保守の観点を一緒に整理し、ベンダー提案を横並びで評価できるRFP設計を支援します。

riplaは、技術を導入すること自体より、自社の事業にとってリスクが低く費用対効果の高い投資判断を重視し、発注側の立場で伴走します。

ポイント

見積もりは、初期開発費だけでなく、運用時のインフラ費やライセンス料、単価の内訳まで並べて比べます。提案金額の安さではなく、TCOでの総額を評価の基準にすると、発注リスクを下げられます。

まとめ

Angular.jsの要件定義のまとめイメージ

Angularを巡るRFPや要件定義書では、「Angularを使うこと」を目的にしないことが大切です。判断の出発点は、技術選定基準を事業フェーズとチーム規模の面から見ることです。採用容易性とベンダーロックイン回避も、あわせて確かめておきます。

そのうえで、フロント特有の非機能要件を数値にします。対応端末やLighthouseの基準点、WCAGの準拠レベルなど、検収できる数値に落とし込めば、工数の膨張と検収紛争を防げます。SSRの要否も、あわせて要件に明記します。

見積もりでは、インフラ費、ライセンス、SLA(サービス品質保証)の水準、納期遅延時のペナルティといった落とし穴になりやすい費用の内訳を求めます。また、単価のからくり(還元率で年間約108万円の差)も踏まえ、TCOで評価します。

さらに、Angularの自動移行(ng update)という長期保守の強みを要件に織り込み、DX Criteriaのような客観基準で提案を評価すれば、発注リスクは下がります。

riplaは、コンサルティングから開発まで一気通貫で支援できる企業です。Angularを含むフロントエンド技術の選定基準づくりから、非機能要件のRFP化、見積もり評価までを支えます。

また、長期保守を見据えた要件定義まで、発注側の立場で国内体制で伴走します。RFPや要件定義書の作成に迷われている場合は、ぜひお気軽にご相談ください。

会社紹介

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

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

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

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

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

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