SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

新着記事一覧を見る

MarkeZine Day(マーケジンデイ)は、マーケティング専門メディア「MarkeZine」が主催するイベントです。 「マーケティングの今を網羅する」をコンセプトに、拡張・複雑化している広告・マーケティング領域の最新情報を効率的にキャッチできる場所として企画・運営しています。

直近開催のイベントはこちら!

MarkeZine Day 2026 Spring

CreatorZineピックアップ(AD)

デザイナーとエンジニアがそれぞれの視点で語る新HTML<portal>とは ヤフーが事例とともに紹介

Portals活用のメリットとデメリット

 新技術であるPortalsを活用するうえではとくに、メリット・デメリットの両方が存在することは想像に難くない。まず良い点について関氏は、SPA(シングルページアプリケーション)化が難しい場合でも、MPA(マルチページアプリケーション)のまま画面遷移をシームレスにできることを挙げた。

 「Portalsの優れた点は、既存のMPAアーキテクチャ上でも、画面遷移をシームレスにし、ユーザー体験を向上させることができることです。画面遷移をシームレスにするという意味では、SPA化するという選択肢ももちろんあると思います。しかし、開発コストの問題や、規模が大きいサービスで領域ごとに開発組織がわかれている場合などには、SPA化が難しいこともあるでしょう。ヤフーはまさに規模が大きいサービスを多く取り扱っているため、開発組織もわかれていることが多い。MPAのままシームレスな画面遷移を実現できるPortalsは、そういった点においてもとても有効だと感じています」

 また、PortalsがシンプルなAPIであるため、エンジニアだけでなくデザイナーでも扱いやすいことも大きな特徴だという。

 「たとえば、今回Yahoo!ニュースのPortalsの実装をメインで行ったのはデザイナーでした。デザイナーが理想とするユーザー体験、デザインを、そのままウェブアプリケーションに落とし込むことが可能になるので、ユーザー体験を効率的に向上することができると感じました」(関氏)

 一方、先進的であるがゆえに、まだ対応ブラウザが限定的なことには注意が必要だ。2020年2月時点では、利用するにはGoogle ChromeでPortalsのフラグを有効にしておく必要がある。「実際のサービスに導入するためには、何らかのフォールバックを用意しておく必要があります」と関氏は指摘する。

 また、インプレッションの計測においては、方法によっては要素でページを取得した時点でインプレッションが計測されてしまう場合があるとのこと。こういった点には十分留意しなければならないだろう。

 だがこうした注意点こそあれ、Portalsの活用が今後の標準になっていくだろうという期待が薄れることはない。萩野氏もPortalsを活用することで「デザイナーとして表現の幅が広がり楽しい」と感想を語る。

 「アプリのような体験をデザイナーでも作りやすくなったので、とても取り組む甲斐がありますね。そのうえで良いものを作るために必要なのは、プロトタイピングなどを『ともにつくる』という意識。デザイナーだけでは難しくエンジニアの力を借りるときもありますので、取り組みかたはとても重要です」

 最後に関氏はエンジニアの立場からPortalsの魅力について以下のように語り、プレゼンテーションを締めくくった。

 「エンジニアの立場からユーザーのストレスを軽減できるのが魅力だと思います。商品ページから検索ページへの遷移に時間がかかるというのは長年課題だったので、そのストレスを解消するためのひとつの方法なるはずです。もちろんほかにも手段はあるかと思いますが、そのひとつを見つけられたことはとても大きいのではないでしょうか」

この記事は参考になりましたか?

  • Facebook
  • X
  • note
CreatorZineピックアップ連載記事一覧

もっと読む

この記事の著者

井上 晃(イノウエ アキラ)

ITライター・エディター。モバイル業界を中心に取材し、IoTやロボットなどを含め、多岐にわたるテーマの記事を雑誌やWebメディアで執筆。雑誌・ムックの編集にも携わる。

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

提供:ヤフー株式会社

【AD】本記事の内容は記事掲載開始時点のものです 企画・制作 株式会社翔泳社

この記事は参考になりましたか?

この記事をシェア

MarkeZine(マーケジン)
2026/04/03 09:01 https://markezine.jp/article/detail/50389

Special Contents

PR

Job Board

PR

おすすめ

イベント

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング