WebView

WebViewとは、GUIパーツである。

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

概要

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

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

内部にはChromeなどのブラウザと同様のレンダリングエンジンが入っており(AndroidはChromeと同じBlinkエンジンだが、他はSafariと同じWebKitを使用しているものが多いが元をたどれば同じだ)、WebViewの部品内ではブラウザ同様にHTML + CSS + JavaScriptでインタラクティブなプログラムの製作が可能になる。

用途

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

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

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

メリット

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

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

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

デメリット

基本的にブラウザと同じなので、ブラウザと同じセキュリティホールを突かれる可能性がある。これについてはプラットフォームに脆弱性がある場合もあるのでWebViewに限ったことではないが、多機能だけに予想外の組み合わせが発生する可能性もある。また、利用人口が多いだけにブラウザのセキュリティホールに関する情報は多い。セキュリティホールを探す人口が多いからなので、危険性が高いという話では必ずしもないが、セキュリティ情報へのフォローアップは負担になると考えられる。

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

関連動画

関連項目

• ブラウザ / Web / オープンソース
• ユーザーインターフェース
• GUI
• アプリ
• React
• HTML / CSS / JavaScript
• Gmail / LINE: WebViewを利用しているアプリ
• プログラミング関連用語の一覧