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
-
技術文書・技術解説
[Jamf Japan 合同会社] MDMだけでモバイルセキュリティは十分? 不足する対策を16項目でチェック -
事例
[Wrike Japan 株式会社] 世界的な家電メーカーが実践する「クリエイティブプロセス効率化」の方法とは? -
事例
[Wrike Japan 株式会社] 世界的テクノロジー企業に学ぶ、プロセス標準化とプロジェクト納品自動化の秘訣 -
事例
[Wrike Japan 株式会社] ソニー・ピクチャーズ テレビジョンに学ぶ、次世代サービスデリバリーのヒント -
事例
[Wrike Japan 株式会社] ソミック石川に学ぶ、ICT浸透後に直面した「工数管理」の課題と解決策
こんなメディアも見られています
TechTargetジャパンに関連する情報をお探しであれば、こちらのメディアもお役に立てるかもしれません。
ベンダーコンテンツ PR
From Informa TechTarget
SpecialPR
アクセスランキング
-
1
「Copilot」はなぜ放置される? “議事録要約止まり”を脱する処方箋
-
2
脱VMwareの前提が崩れる BroadcomのVDDK公開停止で確認すべき点
-
3
なぜOpenAIやAnthropicのAIは「脱走」したのか 情シスが迫られるエージェント統制
-
4
Oracle巨大ITプロジェクトはなぜつまずいたのか 8年で導入1割、追加で170億ドル
-
5
「Microsoft一択」で本当にいいのか 知らぬ間にライセンス費用が膨らむ真相
-
6
ANAが専用回線から移行した「NaaS」の全貌 ネットワーク準備が数カ月から数週間に
-
7
「プログラマー不要論」にThe Linux Foundationが示した答え
-
8
Microsoft製品でここまで自動化できる 情シスがやめられる手作業10選
-
9
「高すぎるGPU」を捨てAI推論をCPUへ Armが示す電力とコストの現実解
-
10
100億円の「Linux更新」を回避 みずほ銀行が選んだ“おきて破り”のRHEL延命策
ホワイトペーパーランキング PR
-
1
マンガで解説:「ゼロトラスト」「SASE」の必要性とメリット
-
2
5回聞くだけじゃ足りない? トヨタ式「なぜなぜ分析」の正しい実践方法
-
3
インシデント対応工数を約3割削減、東京ガスの事例に学ぶ監視体制刷新のコツ
-
4
AIエージェントで多様な日常業務を効率化するための入門ガイド
-
5
JR西日本ITソリューションズが「監視業務の属人化」を解消した方法とは?
-
6
国税庁の次世代基幹システム「KSK2」稼働開始に向けて、対応すべき変更点とは?
-
7
5分で分かる「セキュア大容量ファイル転送サービス」の機能とメリット
-
8
ドラマで分かる、標的型攻撃メールの被害を受ける企業と回避できる企業の分岐点
-
9
「脱Excel」か「Excel快適化」か? 現場にやさしい業務改善の進め方
-
10
少額減価償却資産が40万円未満へ拡大、令和8年度税制改正で押さえるべき変更点
TechTargetジャパン SNS
インフォメーション
注目情報をチェック
TechTargetジャパンをフォロー