Webアプリとネイティブアプリの違い
判断軸1：オフラインでも利用したいか Webアプリの場合 ネイティブアプリの場合 判断軸2：端末機能をバックグラウンドで利用したいか Bluetoothを例に考える ネイティブアプリの場合 Webアプリの場合 Webアプリでもバックグラウンド処理が全くできないわけではない Webアプリとネイティブアプリの本質的な違い まとめ アプリ開発では、「Webアプリで作るべきか」「ネイティブアプリで作るべきか」という判断が必要になります。 近年ではWeb技術でも高度なUIを実現できるようになり、PWA（Progressive Web App）なども登場しています。 そのため、単純に「ネイティブアプリのほうが優れている」というわけではありません。 重要なのは、ユーザーが求める価値を実現するために、どちらの技術が適しているか判断することです。 Webアプリとネイティブアプリを選択する際には、様々な点を考慮する必要がありますが、この記事では、主に実現できる機能の違いにフォーカスをあてて、2つの判断軸について整理します。 判断軸1：オフラインでも利用したいか Webアプリとネイティブアプリの大きな違いの1つが、通信できない環境への対応です。 Webアプリの場合 Webアプリは基本的に、サーバーと通信しながら動作します。 ユーザー ↓ ブラウザ ↓ インターネット ↓ サーバー 例えば、データを登録する場合、 入力 ↓ サーバーへ送信 ↓ 保存完了 という流れになります。 そのため、通信できない環境では利用できない、または利用できる機能が制限されることが多いです。 ネイティブアプリの場合 ネイティブアプリでは、端末内部にデータを保存できます。 例えば、 ユーザー入力 ↓ 端末内へ保存 ↓ 通信復旧後にサーバー同期 という設計が可能です。 そのため、 電波の届かない場所での作業 災害現場での利用 航空機内での利用 山間部での作業記録 など、通信が不安定な環境ではネイティブアプリが有利になります。 判断軸2：端末機能をバックグラウンドで利用したいか スマートフォンには、 GPS Bluetooth NFC カメラ 各種センサー など、多くの端末機能があります。 Webアプリでも、ブラウザが提供するAPIを利用することで、一部の端末機能を利用できます。 例えば、 カメラでQRコードを読み取る 現在位置を取得する NFCタグを読み取る といった処理は、Webアプリでも実現できる場合があります。 しかし、Webアプリには大きな制約があります。 それは、ブラウザ上で実行される処理であるため、バックグラウンドで継続的に動作することが難しいことです。 Bluetoothを例に考える 例えば、温度センサーとBluetoothで通信するアプリを考えます。 ネイティブアプリの場合 アプリ起動 ↓ Bluetooth接続 ↓ アプリがバックグラウンドになる ↓ 継続的にデータ取得 ↓ サーバーへ送信 という設計が可能です。 ...