WordPressとPWA

宇都宮　諒(@ryo511)

Wordbench羽田 第14回

2017-11-04

自己紹介

• 宇都宮　諒（うつのみや　りょう）​
• 株式会社 一休 宿泊事業本部 マーケティング部
• 職種は「フロントエンドエンジニア」
• 主なお仕事
  • 宿泊予約サービスのUI改善
  • 一休コンシェルジュの改善（の手伝い）
• ​Twitter: @ryo511
• 個人ブログ( https://ryo511.info/ )
  • Proudly powered by WordPress!

一休コンシェルジュ

• 上質なホテル・旅館を紹介するメディア
• powered by Wordpress!

Webの主流はモバイル

←はwordpress.comの数字

https://pro.similarweb.com​

モバイルWebの課題

• モバイルWebのユーザ体験は良くない
  • 低速回線
  • 低スペック端末
  • 画面を占有する広告

https://www.theverge.com/2015/7/20/9002721/the-mobile-web-sucks

PWAとは

• より良いユーザ体験を提供するWebサイトの作り方
  • セキュア
  • 高速
  • （UXが良いので）滞在時間が長い

https://www.youtube.com/watch?v=m-sCdS0sQO8

事例1：FT

• Financial Timesのアプリ版
• スマホのホーム画面にインストール可能
• オフラインでも記事が読める

https://app.ft.com

事例2：Forbes

• PWA化によって、読者数、滞在時間がともに向上

https://www.youtube.com/watch?v=m-sCdS0sQO8

メディアサイトは、

PWA化によって

大きな恩恵を受ける

WordpressとPWA

https://www.youtube.com/watch?v=Di7RvMlk9io

• Jetpackプラグイン開発中
  • https://github.com/Automattic/jetpack/tree/add/pwa

今やれること：AMP

https://ja.wordpress.org/plugins/amp/​

• WordPressプラグイン入れるだけ
• 検索エンジンにコンテンツが保存される
• SEOにも有利

まとめ

• モバイルWebのユーザ体験には課題がある
• PWA化によって、より良いユーザ体験を提供できるようになる
• WordPressの場合、プラグインを入れるだけでPWA化できるようになる予定