【Webアプリ開発】外注の流れを解説！フレームワークはどう選ぶ？

NEWS

ブログ

2023.03.24

2023.03.30

#Web #Webアプリ #Webアプリフレームワーク #Webアプリ流れ #webアプリ開発 #webアプリ開発流れ #web開発 #Web開発スキル #Web開発のトレンド #Web開発の例 #Web開発会社

「 webアプリ開発流れを知りたい」
「Webアプリ開発を外注したい」
「開発言語やフレームワークの選び方を知りたい」
新規サービスとして Webアプリ開発をしたくても、具体的な進め方まで把握している企業様は多くありません。
この記事では、Webアプリ開発を検討中の企業様向けに、Webアプリ開発の流れをご説明します。
開発を成功させるためには、多様なスキルセットを持った開発企業への依頼が得策です。コスト・スピード・品質を追求するベトナムのオフショア開発企業「カオピーズ」が解説します。

Webアプリとは？～他のアプリとの違い～

Webアプリは、ブラウザから利用するアプリケーションのことです。PC・スマホ・タブレットのブラウザから、いつでも利用できるメリットがあります。

Webアプリには以下のような種類があります。

通販サイト（Amazonなど）
ポータルサイト（Yahoo！Japanなど）
SNS（Twitterなど）
動画配信サイト（Netflixなど）

またWebサイトやPCアプリと混同されがちですが、以下のような違いがあります。

Webアプリ	アプリケーション機能を持つもの。ユーザーは自分のアカウントでログインして使用することが多い。
Webサイト	アプリケーション機能を持たないホームページやコーポレートサイト。例えばこの記事は、㈱カオピーズのコーポレートサイト内のページです。
PCアプリ	Windows PCやMacなどのパソコンにインストールするアプリ
スマホアプリ	App StoreやGoogle Playからダウンロードし、iPhone・Androidスマホで使用するアプリ

Webアプリ開発の手順は大きく6つ

Webアプリ開発の手順は、大きく6つに分かれます。
1.【アプリ要件】のヒアリング
2.【開発言語とフレームワーク】の選定
3. 【デプロイ環境】の選定
4.【開発モデル】の選定
5.【契約形態（請負型・ラボ型）】の選定
6.【お見積もり・ご契約】

これは外注時のステップですが、社内検討の段階でもこの流れを参考に進めることができます。

はじめに、開発したいアプリの仕様を決めます。自社にWebエンジニアがいる場合、開発チームを組み、開発言語やフレームワークの検討まで進めます。

自社で開発チームを組めない場合はアプリの概要を決め、早めに外注企業へ相談するのも有効な手段です。アプリの目的や規模に応じた、最適なアドバイスを受けることができます。

ここから、6つの手順をひとつずつ解説します。

手順①【アプリ要件】のヒアリング

クライアントから開発の相談を受けた開発企業は、はじめに徹底的なヒアリングを行います。およそ、以下のような項目について意識合わせを行います。

アプリの目的・完成イメージ

「オンラインストア」「SNS（ソーシャルネットワーキングサービス）」「動画配信」など、アプリケーションの目的と完成イメージを明確にします。

この際「USP（Unique Selling Proposition）」と呼ばれるサービスの独自性・強みがあると、ユーザーに提供できる価値が大きくなります。

アプリの機能・性能

アプリがユーザーに提供する機能を洗い出します。機能をはっきりさせておくと、開発ボリュームも明確になります。

また、近年はアプリの応答速度や利便性も重要視されています。参考にしている既存サービスがあれば、いくつかピックアップしておくとイメージが明確になります。

公開・非公開と利用者数

Webアプリはインターネット上に公開もできますし、社内システムとして非公開にすることもできます。サービスの規模・利用者数に応じてプラットフォームやインフラの検討を進めます。

手順②【開発言語とフレームワーク】の選定

Webアプリは、プログラミング言語でコーディングして開発します。また、「フレームワーク」と呼ばれるひな型を活用すると、開発が迅速かつ効率的に行えます。

フレームワークはプログラミング言語ごとにたくさんの種類があり、フロントエンド用（ユーザーに見える部分）とバックエンド用（ユーザーに見えないサーバーサイド）があります。

フロントエンド用フレームワークの代表例

Reac.js（JavaScript）
Vue.js（JavaScript）

バックエンド用フレームワークの代表例

Django（Python）
Laravel（PHP）
Ruby on Rails（Ruby）

※ 関連記事：カオピーズの技術力
※関連記事：Web開発 | トレンドや言語・フレームワークについて解説！

言語とフレームワーク選びの規準
上記以外にもフレームワークは数多く存在し、新しいものも続々と誕生しています。開発言語を含め、どれを選択すべきかわからないというクライアント様もたくさんいらっしゃいます。

選択肢は豊富にありますが、およそ以下のような規準で開発言語・フレームワークを選択すると良いでしょう。

機能が網羅されているか

アプリで必要な機能が備わっているフレームワークを選ぶと、開発期間・開発コストを大幅に削減できます。

例えばDjango（Python）では、「ユーザー認証」「サイトマップ生成」「コメント機能」などWebアプリでよく使われる機能が既に備わっています。

既存サービスでの実績

人気サイトで使用されているフレームワークは実績もさることながら、改善も頻繁に行われているため、安心して使用できます。また、開発者向けのコミュニティの有無も重要なポイントです。

Djangoで作られたサイト	YouTube、Instagramほか
Laravelで作られたサイト	時事通信ニュースほか
Railsで作られたサイト	クックパッド、食べログほか