Webアプリがネイティブアプリ超え！？その進化の秘密に迫る

かつてWebアプリはデスクトップアプリに比べて動作が重かった時代がありましたよね？しかし今や、ネイティブアプリよりもスムーズに感じるWebアプリも登場しています。インタラクションは滑らかで、トランジションもスムーズ、全体的な体験が洗練されています。一体何が変わったのでしょうか？ ブラウザの性能向上、JavaScriptの高速化、CSS機能の強化などが考えられますが、もしかすると、開発者がWeb UIパターンをより洗練させただけかもしれません。

MobbinでアプリのWeb版とネイティブ版を比較してみると、Web版の方が実際にはよりレスポンスが良く感じられることがあります。これは未来の兆候なのでしょうか？それとも、ネイティブアプリが常に優位に立てる根本的な制約がまだ存在するのでしょうか？

正直、JSエンジンが速くなったり、ブラウザがGPUで加速されたり、開発者がUIパターンにめっちゃ詳しくなったり、色んな要素が混ざってるんだよね。それにReact/Vueとか最新CSSが加わって、ウェブアプリがもっさりしたページじゃなくて、ちゃんとしたソフトウェアって感じになったんだ。OSの深い部分ではまだネイティブが強いけど、ほとんどの用途では差はほぼなくなったんじゃないかな。

ウェブアプリは良くなったけど、デスクトップアプリは悪くなったよね。マシンが速くなったから、デスクトップの開発者が怠けて、効率的なソフトウェアを書くのを気にしなくなったんだよ。

ビジネスソフト、ソーシャルメディア、コンテンツとか、多くの種類のアプリにとって、高品質なウェブアプリは間違いなく未来だよ。Progressive Web Apps (PWA) が、オフライン機能、プッシュ通知、ホーム画面への「インストール」機能みたいなネイティブっぽい機能を追加して、最後の溝を埋めてるんだ。

ハイエンドなモバイルゲーム、プロ向けのビデオ編集、複雑な3Dレンダリングとかは、Metal (Apple) とか Vulkan (Android) みたいなネイティブAPIが提供するGPUへの直接的なローレベルアクセスが、WebGLとかWebGPUみたいなウェブベースの代替手段よりまだ優れてるけどね。

新しいタブでリンクが開く？ 特定のページをブックマークできる？ もしダメなら、サイトの方がマシだね。

(これらはウェブアプリでよくあるアンチパターンだよ)

スマホにアプリをインストールするのが昔から嫌いなんだよね。どうしても必要な時（例えば銀行とか）しかやらない。

ウェブアプリがあるなら、アプリストアからアプリをダウンロードするより、スマホのブラウザを開いてログインする方がずっといい。

個人的には、アプリストアがなくなって、すべてがブラウザでできるようになる未来を願ってる。

ただのわがままかな。

今は境界線がめっちゃ曖昧になってるよね。デバイスが速くなるにつれて、_労力1時間あたりの_パフォーマンスの差が小さくなってるんだ。

ウェブアプリは今やデスクトップでも使われてるし。WindowsのスタートメニューにはReactのコンテンツが含まれてるよ。

いや、そんなこと覚えてないな。もっさりしてるのは当たり前で、ネイティブGUIはずっとそうだったよ。Mac OSでは違ったのかもしれないけど、まずありえないと思う。理論的には、Web、ネイティブ、Flutter、ゲームエンジンとか、何を使っても素晴らしいGUIを作れるよ。ただ、Web技術を使う方が普通は簡単なんだ。

ブラウザがレベルアップして、開発者がやっと良いUXを理解した感じだよね。今じゃネイティブアプリの半分よりWebアプリの方がスムーズに動くし。

AppleがやっとWebアプリに意味のある標準を適用することにした（または、ある程度強制された）。なぜなら、一部の機能がうまく動作せず、回避策が必要だったから。そうなると、それらの機能を本当に使いたい場合は、Androidでも使えるようにアプリを2つのバージョンで作る必要があった。ネイティブアプリではなくWebアプリを使う意味がなくなっちゃうよね。

タップの遅延がなくなったみたいだね。あの「機能」のせいで、Webアプリの操作感がめちゃくちゃ悪くなってたんだよ。

正直、いろんな要素が組み合わさってると思う。ブラウザがめちゃくちゃ速くなったし、CSSとJSが進化してGPUアクセラレーションアニメーションが可能になったり、Web Workersや非同期レンダリングも使えるようになった。開発者もネイティブのパターンをコピーするんじゃなくて、Web向けのデザインを学んだし。Next.js、Svelte、ReactのConcurrent featuresみたいなフレームワークも、インタラクションをデフォルトでスムーズにしてくれる。とは言え、OSレベルでのより深い統合や生のパフォーマンスでは、まだネイティブアプリが勝るけど、ほとんどのユースケースでは、Webアプリはついに「十分」なレベルに達して、違いが気にならなくなったって感じかな。

バカで若い人たちが「ウェブサイト」の代わりに「ウェブアプリ」と呼び始めたとき。

ありえない。ウェブサイトをElectronと比較するんじゃなくて、完全にネイティブなものと比較するべきだ。ウェブテクノロジーを使わず、その方法を知ってる人が書いたやつと。

最後の点が重要。ゲームボーイのCPU/RAMスペックで動くGUIテキストエディタもあれば、起動するだけで16GBのRAMとGPUアクセラレーションが必要なものもある。

（アクセシビリティ、テーマ、その他のカスタマイズ、ローカル環境への統合などについては触れないでおこう…）

これは未来なのか、それともネイティブアプリの方が常に優れている根本的な限界があるのか？

何か質問したいのか、それともプロパガンダ記事を作りたいだけなのか？もちろん、Webには根本的な限界があるよ。

正直、数年前は「Webアプリ」って言葉に全然納得してなかったんだよね。ロード時間が無限に続く、低パフォーマンスなWebサイトってイメージしかなかったから。

でも、Canvaみたいな（デスクトップソフトの競合）大型Webアプリもあるし、PCソフトの強力なライバルとして登場してるツールの多くが、ただのWebアプリだったりする。

この背景にある理由を知りたいな。

ここ10年くらいハイブリッドアプリとPWAの開発をたくさんやってきたけど、マジで改善されてるよね。

2015年くらいは、小さなアプリ、ポイントアプリ、リストアプリ、業界特化型アプリ（フォーム入力とか、NFCやQRコードの読み取りとかのシンプルなものが多い）を作ってた。

ハイブリッドアプリは、ネイティブアプリやReact Native/Flutterでできることの多くはまだできないけど、かなり近づいてきてるし、専門のデベロッパーを雇うより圧倒的に安いから、「自分のアプリに必要な機能で、本当にネイティブツールが必要なものって何？」って自問自答する必要があるよね。

ネイティブアプリの方が悪くなってる。

WebAssemblyとWebGLも貢献してるよね。それに、ネイティブアプリによくElectronが使われるようになったのも大きい。