リーンスタートアップとPWA
•
3 likes•2,824 views
PWA Night vol1 でのセッション PWAのお仕事のご相談はこちらで受け付けています！ https://www.tam-tam.co.jp/pwa/
More Related Content
What's hot
Similar to リーンスタートアップとPWA
Similar to リーンスタートアップとPWA (20)
Recently uploaded
Recently uploaded (18)
リーンスタートアップとPWA
- 3. Who? 角谷 仁 すみやひとし sumiya@tam-tam.co.jp https://www.facebook.com/hitoshi.sumiya.1 https://twitter.com/hitoshisum [経歴] ・TAM取締役 / プロデューサー / 制作チームマネージャ ・IT業界11年目=TAM歴 ・チームマネジメント歴7年 ・父親歴1年目
- 4. 不確実性の高い世の中
- 7. 「MVP」 最低限実用に足る製品 （Minimum Viable Product） Henrick Kniberg https://blog.crisp.se/2016/01/25/henrikkniberg/making-sense-of-mvp
- 18. ウェブアプリであれば改善のサイクルも回しやすい 要件定義 iOSアプリ開発 Androidアプリ開発 審査 要件定義 PWAでの開発 ネイティブアプリの場合 PWAの場合 要件定義 iOS/Androidアプリ開発 審査 ハイブリッドアプリの場合 審査開発 審査開発 開発要件定義 開発 リ リ ー ス リ リ ー ス リ リ ー ス 開発 リ リ ー ス リ リ ー ス リ リ ー ス リ リ ー ス 審査開発 審査開発 リ リ ー ス リ リ ー ス 審開発 開発 開発 リ リ ー ス リ リ ー ス リ リ ー ス 開発 開発 開発 リ リ ー ス リ リ ー ス リ リ ー ス バ ー ジ ョ ン ア ッ プ 対 応 バ ー ジ ョ ン ア ッ プ 対 応
- 23. 予算感？ 基本的にはWeb構築費＋PWA対応費 例）ウェブメディアサイト 簡易的な対応であれば1人月とか ・アプリライクなUI起動/ホームボタン ・App Shell部分のキャッシュ対応 ・コンテンツのキャッシュ/事前取得 ・プッシュ通知 ツール使う想定 ※あくまでご参照まで・・・
- 26. 3G回線も世の中的にはまだ多い 参照：CISCO 2017 white paper https://www.cisco.com/c/en/us/solutions/collateral/service-provider/visual-networking- index-vni/mobile-white-paper-c11-520862.html
- 27. 他にもPWAはネイティブに対して こんなメリットがあります。 ・「アップル税（手数料30%）」 Googleも30％ ・Webなら クレジット決済手数料 数％～（Stripeで3.6%） ストアの高い手数料を払わなくていい
- 28. PWAの効果
- 31. SNS Twitter Lite 2017年4月にリニューアルされてPWAに。 プッシュ通知やオフラインにも対応。 ・ページ/セッション65%増加 ・ツイート75%増加 ・直帰率20%減 ・再訪したユーザーには遅いネットワーク でも3秒以下で読み込みができるようです。 参照： https://www.suzukikenichi.com/blog/twitter-introduces-twitter-lite-as-pwa/
- 34. 新聞社/雑誌社 The Washington Post https://www.washingtonpost.com/pr/wp/2016/09/06/the-washington-post-to-roll-out-fastest-mobile-news-site/?utm_term=.29628d582b51
- 35. 不動産 Housing.com コンバージョン数 38%増加 離脱率 40% 減 セッション時間10%増加 ページ表示スピード 30%アップ 参照：https://developers.google.com/web/showcase/2016/housing
- 36. 旅行系 / ホテル WEGO ・読み込み速度が12秒→1秒未満に ・オーガニックユーザー12％増 ・平均セッション継続時間35％増 参照：https://developers.google.com/web/showcase/2017/wego
- 37. 旅行系 / ホテル Trivago コンバージョン97%アップ 参照：https://www.thinkwithgoogle.com/intl/en-gb/consumer- insights/trivago-embrace-progressive-web-apps-as-the-future-of-mobile/
- 38. 売り上げ300%アップ 旅行系 / ホテル The Best Western River North Hotel 参照：http://www.brewerdigitalmarketing.com/blog/case-study-bw-river-north
- 39. 「Flipkart Lite」 滞在時間70秒→3.5分 Re-engagement rate 40%上昇 ホームスクリーンからアクセスしたユーザーのCVR が70%アップ データ使用料が3倍減少 E-Commerce Flipkart 参照：https://developers.google.com/web/showcase/2016/flipkart
- 44. 注意点 インデックス可能なプログレッシブ ウェブアプリの構築方法 https://webmaster-ja.googleblog.com/2016/12/building-indexable-progressive-web-apps.html ● コンテンツをクロール可能にする（非同期→searchconsoleで確認） ● クリーン URL を提供する（ # や #! を使用しない） ● 正規 URL を指定する（canonical） ● どのデバイスにも最適なデザインにする（レスポンシブ） ● 反復型開発を行う（ちょっとずつ直して効果見る） ● プログレッシブ エンハンスメントを利用する（Service worke使えなければ無効に） ● Search Console でテストする（googleがクロールできるか） ● Schema.org 構造化データでアノテーションを追加する ● Open Graph や Twitter カードでアノテーションを追加する(拡散対策) ● 複数のブラウザでテストする ● ページ読み込みのパフォーマンスを測定する →2018年7月「Speed Update」 ものすごく遅いとユーザーに感じさせるページだけに影響し、影響を受けるクエリはごくわずかになる見込み https://www.suzukikenichi.com/blog/google-will-roll-out-speed-update-in-july-2018/
- 46. ご清聴ありがとうございました！