WebViewとは (ウェブビューとは) [単語記事]

WebViewとは、HTMLブラウズ機能を持つGUIパーツである。

割と一般的な名前のため同名のアプリがいくつかあるようだが、ここでは解説しない。

概要

アプリ開発ではボタンやチェックボックスなどのGUI部品を組み合わせてユーザーインターフェースを作るのだが、その際にWebViewという部品が使用できる。

内部にはChromeなどのブラウザと同様のHTMLレンダリングエンジンが入っており、WebViewの部品内ではブラウザ同様にHTML + CSS + JavaScriptでインタラクティブなプログラムの製作が可能になる。

使用しているエンジンは、AndroidではChromeと同じBlinkエンジンだが、他はSafariと同じWebKitを使用しているものが多い。が、元をたどれば同じだ。

採用環境

Androidではアプリの更新の一覧に名前が上がるので知っているユーザーもいるかもしれないが、他にもiOS・Windows・MacOSなどの各種プラットフォーム、JavaFX・FlutterなどのマルチプラットフォームGUIフレームワーク等に(若干名前にバリエーションはあるが)幅広く存在する。

ブラウザとの違い

ブラウザとの違いとしては、あくまでもGUI部品の一つなので、アプリ内の他の部品や機能と連携が可能という点である。ブラウザはセキュリティ上の問題からサンドボックスモデルを採用しているので、原則としてブラウザ内の要素からブラウザ外に働きかけることは出来ない。

用途

極端な話をすれば、WebViewを一つだけウィンドウいっぱいに貼り付けてGoogleやYahoo! Japanのトップページを表示させただけで、(色々機能は足りないが)世界シェアトップのブラウザであるGoogle Chromeに匹敵するHTML描画能力を持つブラウザアプリが製作出来てしまうと言っても過言ではない(もっとも既存ブラウザの丸パクリだが)。

実際のところは、WebViewを一つ貼り付けるだけというところまでは上記と一緒だが、SPA(Single Page Application)と呼ばれる1つのHTMLページだけでアプリの全機能をまかなうタイプのものを表示させるという使い方が多い。WebView外部とはハードウェアへのアクセスの際に連携するといった使い方になる。

メリットとデメリット

メリット

プラットフォーム環境の充実

プラットフォーム側としては、オープンソースになっているブラウザのレンダリングエンジンを取り込めば、タダで高機能のGUI部品を提供することができる。

開発コストの削減

アプリ開発者側としては、商用サイト構築などで大きな発展を遂げたWeb関連の開発技術・ライブラリをそのまま転用できるし、WebViewで表示させるHTML部分さえ書けば他のプラットフォームのWebViewに容易に移植できる。Webサイトに使用しているHTMLを流用することも考えられる。

ユーザー体験の向上

ユーザー側からのメリットは見えにくいが、製作コストの低下によりより良質なアプリが提供されること、他のプラットフォームやブラウザのWebページと同じ感覚で操作できるといった点があげられる。

デメリット

パフォーマンスの低下

ブラウザのエンジンを介することや、内部でスクリプト言語であるJavaScriptを使用していることなどにより、ネイティブアプリ開発を行った場合に比べると動作速度はやや遅くなる傾向がある。

ただし、ハードウェアの性能は年々向上しているので、体感速度には影響が出ないことも多い。

セキュリティ対応の負担

基本的にブラウザと同じなので、ブラウザと同じセキュリティホールを突かれる可能性がある。ネイティブ開発プラットフォームにも脆弱性問題は存在するのでWebViewに限ったことではないが、多機能だけにシンプルな部品を使用した場合には起きない予想外の組み合わせが発生する可能性もある。

また、利用人口が多いだけにブラウザのセキュリティホールに関する情報は多い。セキュリティホールを探す人口が多いからなのでWebViewの危険性が高いという話では必ずしもないが、セキュリティ情報へのフォローアップは負担になると考えられる。

バージョンアップ対応の負担

WebViewのバージョンは各アプリではなくプラットフォーム側が管理している。最近のブラウザはローリングリリース方式を取るものが主流なので、WebViewもそれにあわせて自動アップデートを繰り返すことになる。結果として、アプリ側は変化していないのにWebView側が勝手にアップデートしてアプリが動かなくなるという、何もしてないのに壊れた的展開が起こることがある。