PWAやSPAの時代に
WebサイトとWebアプリの境目がなくなった時、Web開発の現場はどうなるか
Webアプリ、モバイルアプリ、Webサイトの境が曖昧になり、それぞれの開発における独自性が消えている。プログレッシブWebアプリ(PWA)やシングルページアプリ(SPA)の構築を学ぶべきタイミングが来た。
企業のDevOps(運用開発)チームは、モバイルアプリ、Webアプリ、Webサイトをそれぞれ個別に提供するのではなく、Web開発戦略の下に統合する方向に動いている。この開発戦略では、モバイルアプリ・Webアプリ・Webサイトの3種類全ての特徴を兼ね備えた単一のアプリを構築する。具体的には同一ページ内で画面が遷移するシングルページアプリ(SPA)や、プッシュ通知機能などモバイルアプリ同じような機能を持ったプログレッシブWebアプリ(PWA)などだ。
PWAは2018年から5年程度で新しい開発プロジェクトの主流になると話すのは、調査会社Gartnerでアナリストを務めるエリザベス・ゴラシオ氏だ。従来のWebアプリ開発プロジェクトの手法は、用途によっては有用であることは変わらない。だが消費者が利用するモバイルアプリの50%は、2020年までにPWAになるだろう。
「これまでも、そしてこれからも、PWA開発はWebアプリ開発チームにとって不可欠なスキルになる。その場しのぎのアプリや、ミドルウェア・データベース・バックエンドと密接に連携し、冗長なユーザーエクスペリエンスを提供するような昔ながらのアプリは廃止すべきだ」(ゴラシオ氏)
マルチエクスペリエンス開発の準備
日用品メーカーのKimberly-Clarkは他の企業と同様、作成すべき膨大な量のデジタルエクスペリエンス全てを提供しようと取り組んでいる。同社がWebサイトとEコマースサイトの立ち上げに着手した2008年には、インターネットとモバイルデバイスを利用するユーザーは全世界で約4億人だった。2018年では40億人を超えるユーザーが、さまざまな種類のデバイスを利用してWebサイトにアクセスするようになっている――そう話すのは、Kimberly-Clarkでモバイル、IoT(モノのインターネット)、ユーザーエクスペリエンスのグローバルチームにおいてシニアマネジャーを務めるマシュー・デイビッド氏だ。
昨今のナレッジワーカーは、自身が使用するスマートフォン、タブレット、デスクトップなど複数のデジタルツール全てを通じ、エクスペリエンスが継続されることを期待している。「Webアプリとモバイルアプリの違いはない」とデイビッド氏は話す。そのため企業内の開発グループの境目もなくすべきだという。
Kimberly-Clarkでは効率を上げるため、一度分割した開発チームを再び統合している。「生き残るためだ。別々の入力フォームに対してそれぞれ開発チームを用意するのは非効率かつ非生産的だ」とデイビッド氏は説明する。
Twitterやグローバルメディア企業Forbes Mediaなどの著名企業は、PWA戦略とSPA戦略をうまく取り入れているが、こうしたアプリはまだなじみが薄い。一方で消費者は単純に機能の強化を望んでいる。例えばアプリへの機能追加や、複数の異なるプラットフォーム向けのモバイルアプリを個別にメンテナンスする必要がなくなることを望んでいる。こう話すのはIT製品のコンサルタント会社Soliant ConsultingのCTO(最高技術責任者)であるスティーブ・レーン氏だ。消費者に共通する別の願望としては、異なるデバイスで一貫したWebエクスペリエンスがある。このような願望を持つクライアントがPWAやSPAを必要としているかどうかを、開発者は判断できなければならないとレーン氏は話す。
Soliant Consultingで扱ったWebアプリ開発プロジェクトの事例を挙げる。顧客から複雑な電卓機能が求められたことがあった。旧時代のWebサイトに、製品仕様と価格見積もり機能を追加するための要件だという。PWAでもSPAでもこの目的を果たせるが、同社はよりシンプルなオプションとして、元のWebサイトにプラグインとして設置できるリッチなSPAを採用した。
新旧のスキルを両方必要とするPWA開発
「開発者にとってPWAは、本質的にはテクノロジーを幾つか加えたWebアプリにすぎない」と話すのは、市場調査会社Forrester Researchのアナリストであるマイケル・フェースマイア氏だ。Webアプリ製作の基礎的な技術は、現代においても有意義だといえる。HTML、JavaScript、CSS(Cascading Style Sheet)、Web統合開発環境などがその例だ。Webサイトにリッチなインタラクションを提供するためのライブラリ、例えばGoogleの「Angular」やFacebookの「React」などの開発フレームワークも、PWAの開発に適したツールを提供する。
フェースマイア氏によると、PWAアドオンの主要なテクノロジーは「サービスワーカーAPI」と「マニフェストファイル」だという。サービスワーカーとは、Webサイトのバックグラウンドで実行されるスクリプトを意味する。サービスワーカーはストレージ、キャッシュ、プッシュ通知、オフライン操作などの機能を可能にする。例えばキャッシュをあらかじめ読み込んでおくことより、サイトが立ち上がる速度を向上できる。一方のマニフェストファイルは、開発者がWebサイトの設計時に使用するJSON(JavaScript Object Notation)形式のメタデータファイルだ。このマニフェストファイルを使用して、最初に見せるWebページのURL、アイコンのデザイン、テーマの色などの設計要素を定義できるとフェースマイア氏は話す。
デイビッド氏によると、Kimberly-Clarkの開発者はチャット機能やアニメーション用のモーションUIを追加してPWAを強化しているという。チャット機能があれば、サイトのユーザーは「よくある質問」のページを検索するよりもユーザーフレンドリーな方法で、情報に素早くアクセスできる。アニメーションにも幾つか用途がある。例えばWebページが提供する機能に沿った行動ができるように顧客の目を引き付けたり、結果が表示されるまでの1~2秒間顧客の気をそらしたりといったことに使える。「数秒間の読み込み時間さえ許されない時代になった」と同氏は話す。
今後のマルチエクスペリエンスアプリ開発
PWAを構築するための開発ツールはまだ初期段階だ、とGartnerのゴラシオ氏は話す。DevOpsチームは上述したような開発ツールを、モバイルアプリ開発の統合開発ツール、つまり「モバイルアプリケーション開発プラットフォーム」(MADP)の機能で補いながら開発を進めている。ゴラシオ氏は、MADPベンダーがいずれコーディングしないで機能に合わせたアプリを構築するための統合開発ツールを提供すると考えている。このようなツールを「マルチエクスペリエンス開発プラットフォーム」(MXDP)と呼ぶ。
「MXDPが登場すれば、DevOpsチームはツール選択の必要に迫られる」とゴラシオ氏は話す。MXDPは機能を完備した統合パッケージになるだろう。だがそこにはロックインのリスクが浮かび上がる。これに対して、それぞれの分野で最善のツールを選ぶ「ベストオブブリード」型のマルチエクスペリエンスツールでは、メンテナンスや定期的な更新が必要になるだろう。
DevOpsチームは、今後訪れるWebアプリ開発の大きな変化に備える必要があるとデイビッド氏は話す。「やがて、Webサイトとアプリを別々にコーディングしていた時代を思い返して、苦笑することになるだろう」
Copyright © ITmedia, Inc. All Rights Reserved.
この記事の著者
関連記事
新着ホワイトペーパー PR
-
事例
[株式会社キーエンス] PCが苦手でも自動化できる ポポラマーマなど4事例に学ぶ「ナビ搭載型RPA」活用 -
製品資料
[株式会社キーエンス] 自分ひとりでデスクワークを効率化 「AI&ナビ搭載RPA」で実践する業務自動化 -
製品資料
[デジタルサーカス株式会社] Drupalサイト監査サービスでは何をどのように確認できるのか? -
事例
[横河ソリューションサービス株式会社] フィード・ワンの事例に学ぶ、基幹システム刷新を成功させるためのポイント -
事例
[横河ソリューションサービス株式会社] AGC 化学品カンパニーに学ぶ「Dynamics 365」導入 国内関係会社全体のDXも加速
こんなメディアも見られています
TechTargetジャパンに関連する情報をお探しであれば、こちらのメディアもお役に立てるかもしれません。
ベンダーコンテンツ PR
From Informa TechTarget
SpecialPR
アクセスランキング
-
1
PHPはそもそも必要か? 脆弱性で問われる自社サイト安全性と保守負担のバランス
-
2
Microsoft 365導入後も稟議は「Excelをメールで回覧」 承認が止まる理由
-
3
米国防総省で300万人分の個人情報が流出 その「意外な原因」と教訓
-
4
PHP2Shellの「事前の情報流出」でパニックに パッチ公開を巡る“混乱劇”
-
5
京王電鉄・東京メトロの被害から学ぶ境界防衛 ITの侵害はどこまで波及するか
-
6
「Microsoft 365」が乗っ取られる MFAを破る“本物の画面”の恐怖
-
7
PHP脆弱性「PHP2Shell」で2260万件に影響 情シスの緊急チェックリスト
-
8
金融・通信で情報漏えいが続出 IPAとJPCERT/CCが情シスに求める緊急点検
-
9
「GitLab」に最高深刻度の脆弱性 2014年以降の全版に影響を及ぼす恐れ
-
10
Microsoft 365侵害企業の9割はMFA導入済み 1002人調査で見えた盲点
ホワイトペーパーランキング PR
-
1
AI駆動攻撃にどう対抗する? 超速の攻撃からエンドポイントを保護する方法
-
2
経験豊富な即戦力人材に直接アプローチできる、「攻めの採用」への転換術
-
3
「IT史に名を残すシステム障害」8選
-
4
10G回線の真価をフルに享受するには? 導入前にチェックしたいポイント
-
5
SCS評価制度時代の「SASE選定」ガイド
-
6
HDDを使わない「SSDオンリー」が無謀なのはなぜ?
-
7
2026年のサイバーセキュリティには何が必要か? 最新データに学ぶ傾向と対策
-
8
「EDR」選定ガイド:比較・検討フェーズで整理すべきポイントを解説
-
9
MDMだけでは防げない? Appleデバイスに潜む5つのセキュリティギャップ
-
10
情報セキュリティ対策早分かりガイド:25の自社診断で弱点と解決策を理解
TechTargetジャパン SNS
インフォメーション
注目情報をチェック
TechTargetジャパンをフォロー