ネイティブ・Web・ハイブリッドアプリとは、一言でいうと何か?
一言でいうと、アプリの画面と処理を「OSの部品」で作るか、「Webの技術」で作るか、その組み合わせかの違いです。
ネイティブアプリは、Android なら Android の、iOS なら iOS の開発環境と部品を使って作り、ストアなどから端末にインストールします。Webアプリは HTML・CSS・JavaScript で作り、ブラウザで URL を開けば動きます。ハイブリッドアプリは、Webの技術で作った画面を、ネイティブアプリの中に組み込んだ表示部品(WebView)で動かします。
Android の公式ドキュメントは、WebView を「Web ページをアクティビティの画面の一部として表示できる」部品と説明し、アドレスバーや戻る・進むの操作など、ブラウザとしての機能は持たないとしています。ハイブリッドアプリは、この WebView を土台にしています。
- Webの画面HTML・CSS・JavaScript で作った画面と処理
- WebViewアプリの中の表示部品。アドレスバーや戻る・進むの操作は持たない
- ネイティブの外枠ストアなどから配布し、プラグインを通して端末機能を呼ぶ
- OS・端末Android や iOS。カメラ・電池・連絡先などの機能を公開する
ハイブリッドかどうかは、画面を WebView で描いているかで判断する。
典型的な構成を当サイトが整理したものです。
3つの方式は、開発・配布・端末機能でどう違うのか?
3方式の典型的な違いを並べます。実際の製品では、画面の一部だけを WebView にするなど、混ぜて使うことも多い点に注意してください。
| 項目 | ネイティブアプリ | Webアプリ | ハイブリッドアプリ |
|---|---|---|---|
| 主な開発技術 | OSごとの開発環境と言語 | HTML・CSS・JavaScript | Web の技術+ネイティブの外枠 |
| 動く場所 | 端末のOSの上で直接 | ブラウザの中 | ネイティブアプリの中の WebView |
| 配布の経路 | 公式ストアなど(審査あり) | URL で公開(ストアの審査なし) | 公式ストアなど(審査あり) |
| 更新の反映 | 新しい版を提出して配信 | サーバのファイルを更新すれば反映 | 外枠は提出が必要。Web の部分は作り方しだい |
| 端末機能 | OS が公開する機能を幅広く使える | ブラウザが公開する範囲に限られる | プラグインなどを通して使える |
| 複数OSへの対応 | OSごとに作るのが基本 | ブラウザがあれば同じコードで動く | Web の部分を共通にしやすい |
Apache Cordova は、HTML5・CSS3・JavaScript で複数のOS向けに開発できるオープンソースの枠組みで、WebView がアプリの画面全体を担う場合があること、プラグインを通じて電池・カメラ・連絡先などの端末機能を使えることを説明しています。
なお、WebView を使わずに複数のOS向けのアプリを作る開発フレームワークもあります。「複数のOSに対応している=ハイブリッド」とは限らないので、画面を WebView で描いているかで判断してください。
どの方式を選ぶか、どう判断すればよいのか?
方式の選び方を、当サイトの判断手順として4つの問いに分けます。試験では、条件に合う方式を選ばせる形が考えられます。
- 1
端末機能を深く使う?
センサや Bluetooth を深く使い速さも要るならネイティブ
- 2
ストアを通さず届けたい?
URL の共有で使ってもらい、すぐ更新を反映したいなら Webアプリ
- 3
Web の資産をストアでも?
既存の Web の画面を生かしてアプリとして配るならハイブリッド
- 4
Web のままインストールも?
ホーム画面に置きオフラインでも動かしたいなら PWA
試験では「条件 → 方式」の対応で選ぶ。PWA は Webアプリの発展形。
当サイトの判断手順です。
- 端末の機能をどこまで使うか:センサや Bluetooth などを深く使い、動作の速さも求めるなら、ネイティブが第一候補。
- ストアを通さずに届けたいか:URL を共有するだけで使ってもらいたい、すぐに更新を反映したいなら、Webアプリが第一候補。
- Web の資産を生かしつつストアにも置きたいか:既存の Web の画面を使いながら、アプリとして配りたいならハイブリッド。
- インストール体験も欲しいか:Webアプリのままホーム画面に置いたり、オフラインで動かしたりしたいなら、PWA を検討する。
4つめの PWA は Webアプリの発展形で、マニフェストと Service Worker を使います。MDN によると、インストールできるようにするには https で配信する必要があります。詳しくはPWAとはで扱います。WebKit によると、iOS・iPadOS 16.4 からは、ホーム画面に追加した Webアプリでも Web プッシュが使えるようになりました(2023年2月の発表)。
POINT
WebView で JavaScript からアプリの機能を呼べるようにする仕組みには注意が必要です。Android の公式ドキュメントは、addJavascriptInterface を使うと JavaScript がアプリを操作できるようになるため、信頼できない HTML を読み込む場合は危険だと警告しています。
モバイル2級では、どの範囲で、どう問われそうか?
MCPC の公式ページの図では、モバイルシステム技術検定 2級(100問・100分・4者択一)の出題カテゴリの一つ「モバイルインターネットとモバイルコンテンツ技術」の比率が20%と示されています(2026年9月27日確認)。当サイトでは、公式テキスト『モバイルシステム技術テキスト 第11版』の第9章「モバイルインターネットとコンテンツ技術」がこの範囲に当たると推定しています(章名からの当サイトの判断で、公式の対応表ではありません)。
4択での問われ方は、次のような型が考えられます。出題頻度の公式データはありません。
- 方式の定義:ハイブリッドアプリの説明を、ネイティブや Webアプリの説明と並べて選ばせる。
- 条件に合う方式:「ストアの審査なしで更新したい」などの条件から方式を選ばせる。
- WebView の役割:WebView がブラウザそのものではなく、アプリの中の表示部品であることを問う。
- 不適切な記述:「Webアプリは端末の機能を一切使えない」のような言い切りを見抜かせる。
OS側の仕組みはAndroidとiOSのアーキテクチャの違い、ストアの審査の流れはアプリの配布と審査の仕組みで扱います。試験全体はモバイルシステム技術検定2級とはへ。
どこで取り違えやすいのか?
選択肢を読んだら、「画面はどこで描くか」「どこから配るか」の2つを確かめてください。
| 取り違え | 正しい考え方 | 確認する問い |
|---|---|---|
| ハイブリッドはブラウザで動く | ネイティブアプリの中の WebView で動く | 外枠はブラウザか、アプリか |
| WebView はブラウザと同じもの | Web ページを表示する部品で、アドレスバーなどは持たない | ブラウザの機能まで含むか |
| Webアプリもストアの審査を受ける | Webアプリは URL で公開し、ストアを通さない | 配布の経路はどこか |
| Webアプリは端末機能を一切使えない | ブラウザが公開する範囲では使える | 「一切」と言い切れるか |
| 複数OS対応ならハイブリッド | WebView を使わない複数OS向けの方式もある | 画面を WebView で描いているか |
確認問題1
ハイブリッドアプリの説明を選べるか?
ハイブリッドアプリの説明として、最も適切なものはどれか。
選択肢を準備しています。「正解と解説を見る」は先に開けます。
正解と解説を見る
正解:4。ハイブリッドアプリは、Web の技術で作った画面をネイティブアプリの外枠の中の WebView で表示し、必要に応じてプラグインなどで端末の機能を呼び出します。
1はネイティブアプリの説明です。2は Webアプリの説明で、ブラウザで動く点がハイブリッドと違います。3はOSの上で動くスマホのアプリの説明として当てはまりません。
確認問題2
条件に合う方式を選べるか?
Webアプリの特徴に関する記述として、最も適切なものはどれか。
選択肢を準備しています。「正解と解説を見る」は先に開けます。
正解と解説を見る
正解:2。Webアプリはブラウザで URL を開けば動くため、ストアの審査を経ずに公開でき、サーバ側の更新がそのまま反映されます。
1はストアで配るネイティブアプリやハイブリッドアプリの説明です。3は言いすぎで、Webアプリが使える端末機能はブラウザが公開する範囲に限られます。4はインストールが必要なアプリの説明で、Webアプリの特徴と逆です。
確認問題3
WebView の注意点を説明できるか?
Android の WebView に関する記述として、最も適切なものはどれか。
選択肢を準備しています。「正解と解説を見る」は先に開けます。
正解と解説を見る
正解:1。Android の公式ドキュメントは、addJavascriptInterface を使うと JavaScript がアプリを操作できるようになり、信頼できない HTML が含まれると攻撃者のコードが実行される恐れがあると警告しています。
2は誤りで、WebView はアドレスバーなどのブラウザの機能を持たない表示部品です。3は逆で、WebView は Web ページをアクティビティの画面の一部として表示できます。4は言い切りすぎで、アプリ側の設定しだいで JavaScript から機能を呼べるため注意が必要です。
同じ「モバイルインターネットとモバイルコンテンツ技術」の問題を本番と同じ4択で試すなら、登録不要のモバイル2級の無料お試し20問で解説まで確認できます。