Your SlideShare is downloading. ×

PWA 4 Business

アシアル株式会社

•

May. 30, 2018

• •

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

1URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
PWAのビジネス活用まとめ
アシアル株式会社
Monacaプログラミング教育アドバイザ...

2URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
自己紹介

•

•
•
•

3URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
PWAとは何か？

4URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
ストアを経由せずにアプリ配信できる技術
• 審査不要
• 手数料不要
• 更新も自由に...

5URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
つまり
• 審査不要なので『組長サイト(注1)』もア
プリとして配信できる
• 決済方...

6URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
どうすればPWAでアプリが作れるの？
• HTML5技術を採用すればPWAア
プリが作...

7URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
PWAの仕組み
• PWAはブラウザ側の技術
•
•

8URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
PWAの仕組み - Cordovaとの違い
• 中間レイヤーが不要
•
•

9URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
Apache Cordovaはこんな感じ
ネイティブコード
HTML
コンテンツ
アプ...

10URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
PWAはこんな感じ
HTML
コンテンツ
アプリ本体はHTML5で実装
『Servi...

11URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
比較表

12URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
ビジネス的なインパクト
• アプリ開発の世界
•
•
•
•

13URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
ビジネス的なインパクト
• Webの世界
•

14URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
PWAを導入しているサイトの例

15URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
PWAを採用しているサイトの例
• Google Maps Go
• SUUMO
•...

16URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
Google Maps Go
• PWA版 Google Maps
•
• なんとス...

17URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved.
CROWD FARM
• 普通の通販サイト
• WordPress
• WooCom...

Next SlideShares

Upcoming SlideShare

MonacaとEducation活動の紹介

MonacaとEducation活動の紹介

Loading in …3

×

Check these out next

今から学ぶ！jQuery Mobile！

デブサミ2015「実践！クロスプラットフォームモバイルアプリ開発」

アシアル株式会社

AppStore申請を一式まるっと自動化する

Tomoki Hasegawa

Cordova (PhoneGap) で始める、スマホアプリ開発

kintone 連携スマホアプリの開発・配布体験

アシアル株式会社

mBaaS/C4SA　howto

書籍『Monacaで学ぶはじめてのプログラミング』講義スライド第2弾(体験版)

アシアル株式会社

書籍『Monacaで学ぶはじめてのプログラミング』講義スライド(体験版)

アシアル株式会社

PWA 4 Business

May. 30, 2018

• •

Download to read offline

PWAのビジネス活用まとめ

アシアル株式会社

PWAのビジネス活用まとめ

More Related Content

今から学ぶ！jQuery Mobile！

デブサミ2015「実践！クロスプラットフォームモバイルアプリ開発」

アシアル株式会社

AppStore申請を一式まるっと自動化する

Tomoki Hasegawa

Cordova (PhoneGap) で始める、スマホアプリ開発

kintone 連携スマホアプリの開発・配布体験

アシアル株式会社

mBaaS/C4SA　howto

書籍『Monacaで学ぶはじめてのプログラミング』講義スライド第2弾(体験版)

アシアル株式会社

書籍『Monacaで学ぶはじめてのプログラミング』講義スライド(体験版)

アシアル株式会社

HTML5ハイブリッドアプリ開発実践編

Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅

アシアル株式会社

アプリ開発者が使うAWS

Monaca事例から学ぶHTML5モバイルアプリの活用ポイント

アシアル株式会社

【Monaca編】クーポン配信アプリを作ろう！

ニフクラ mobile backend

WEBがネイティブに勝つために - kaumoCTOMeetup（いっちマン）

Ionicでハイブリッドアプリ入門①

Tomokatsu Iguchi

おしゃれCatalystに触ってみた

tomohiro morishita

今から学ぶ！jQuery Mobile！

デブサミ2015「実践！クロスプラットフォームモバイルアプリ開発」

アシアル株式会社

AppStore申請を一式まるっと自動化する

Tomoki Hasegawa

Cordova (PhoneGap) で始める、スマホアプリ開発

kintone 連携スマホアプリの開発・配布体験

アシアル株式会社

mBaaS/C4SA　howto

PHP実践 ~外部APIを使って情報を取得する~

あまログ「タオバオ画像検索」2019年版マニュアル

Apexで作成したrest apiをしっかり保護する方法

Kazuki Nakajima

ISACAってなんですか？

Noriyuki Yamaguchi

プロのSEO担当者が教える、人工リンクに依存しない内部SEOサイト改善のポイント先生：實川節朗

ウェブマスターツールの使い方徹底講座

ナイル株式会社

SORACOM UG Explorer 2018 - IoTxAIを活用した小売業向け店舗解析サービスの仕組みとノウハウ

紘之大田黒

ウェブアクセシビリティチェックツール開発者の頭ん中

#reco_tech OracleからAuroraへ feat. 開発しかやってこなかったエンジニア

これだけは抑えたいSEOの技術要件

ナイル株式会社

PayPalアカウントを使った便利で安心なプラットフォーム運用

Junichi Okamura

エンジニアによるグロースハック〜SEO編〜

社内勉強会を続けるには（2016.10.07 DevLove 関西）

株式会社MonotaRO Tech Team

Developers Summit Summer 2018 - 1日10TB以上の店舗映像を解析するサービスの仕組みとノウハウ

紘之大田黒

尼崎から世界へ！モノタロウの海外展開を支えるDevOps基盤 (デブサミ関西2016)

株式会社MonotaRO Tech Team

WordPress APIで作るモバイルアプリ

アシアル株式会社

PHP実践 ~外部APIを使って情報を取得する~

あまログ「タオバオ画像検索」2019年版マニュアル

Apexで作成したrest apiをしっかり保護する方法

Kazuki Nakajima

ISACAってなんですか？

Noriyuki Yamaguchi

プロのSEO担当者が教える、人工リンクに依存しない内部SEOサイト改善のポイント先生：實川節朗

ウェブマスターツールの使い方徹底講座

ナイル株式会社

書籍『Monacaで学ぶはじめてのプログラミング』発展資料（試験問題アプリ編）

アシアル株式会社

Onsen UI 2 開発における JS フレームワーク衝突事例集

アシアル株式会社

Web標準技術でiOS、Android両対応アプリを開発

アシアル株式会社

Cordovaの特徴と開発手法概要

アシアル株式会社

Html5/JSモバイルアプリ最前線

アシアル株式会社

Onsen UI の最近とこれから　〜国内サポートはじめました

アシアル株式会社

最新UIフレームワーク Onsen UI2でカッコイイWordPress連携アプリを作る方法

アシアル株式会社

Gartner summit 2016

アシアル株式会社

モバイル用Webフレームワーク最前線

アシアル株式会社

Monacaソリューションセミナー20160621

アシアル株式会社

20160308seminar2

アシアル株式会社

Nifty cloud mbaas

アシアル株式会社

創業明治33年の衣料卸問屋がﰀ アプリで挑むコミュニケーション変革 ﰀ ～MonacaとmBaaSを活用したﰀ ビジネスチャットアプリの紹介〜 ﰀ

アシアル株式会社

HTML5ハイブリッドアプリ開発で拓くビジネスチャンス

アシアル株式会社

HTML5によるモバイルアプリ開発が拓拓くビジネスチャンス

アシアル株式会社

HTML5ハイブリッドアプリの活用ポイント

アシアル株式会社

Onsen UI 2.0とUIライブラリの未来

アシアル株式会社

HTML5プロフェッショナル認定試験対策講座

アシアル株式会社

iOS/Android/Windows クロスプラットフォームモバイルアプリ開発

アシアル株式会社

Cordova×業務システム：失敗しないモバイル開発の秘訣

アシアル株式会社

書籍『Monacaで学ぶはじめてのプログラミング』発展資料（試験問題アプリ編）

アシアル株式会社

Onsen UI 2 開発における JS フレームワーク衝突事例集

アシアル株式会社

Web標準技術でiOS、Android両対応アプリを開発

アシアル株式会社

Cordovaの特徴と開発手法概要

アシアル株式会社

Html5/JSモバイルアプリ最前線

アシアル株式会社

Onsen UI の最近とこれから　〜国内サポートはじめました

アシアル株式会社

HYCU会社紹介

Yukiharu Yoshida

Cloudbase_サービス概要資料.pdf

DLL_言語系MicrosoftAIサービス最新情報_202302.pdf

Flutter Meetup Tokyo (#18) _ Osaka (#10).pdf

cp-6. 整数データと浮動小数データ

kunihikokaneko1

LUCIAN SOULS JA.pptx

cp-1. Microsoft Visual Studio 2019 C++ の使い方

kunihikokaneko1

MicroProfileの正しい使い方 (Java Developer Summit 2023)

Hirofumi Iwasaki

fukuoka03-rubima-reboot-rubyist-magazine-reboot.pdf

Kazuhiro Nishiyama

cp-12. 文字列

kunihikokaneko1

NGINX基本セミナー（セキュリティ編）～NGINXでセキュアなプラットフォームを実現する方法！

20230226ゆるあさ.pdf

kunihikokaneko1

Unicodeを触る

Google Workspace ご紹介資料（各プラン比較）.pptx

20230227 - Verifiable Credentialと画像を用いたSSOの実証と課題点.pdf

Yukishige Nakajo

Visual Studio 2013 の起動とプロジェクトの新規作成

kunihikokaneko1

co-2. メソッド定義と呼び出し

kunihikokaneko1

企業のオープンソース活動を支える Open Source Program Office (OSPO)

takanori suzuki

202112 のの会@関数Talk 33rd FunctionTalkInNotesKnowsWorkshop33rd

HYCU会社紹介

Yukiharu Yoshida

Cloudbase_サービス概要資料.pdf

DLL_言語系MicrosoftAIサービス最新情報_202302.pdf

Flutter Meetup Tokyo (#18) _ Osaka (#10).pdf

cp-6. 整数データと浮動小数データ

kunihikokaneko1

LUCIAN SOULS JA.pptx

PWA 4 Business

1. 1URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved. PWAのビジネス活用まとめアシアル株式会社 Monacaプログラミング教育アドバイザー岡本雄樹
2. 2URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved. 自己紹介  •  • • •
3. 3URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved. PWAとは何か？
4. 4URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved. ストアを経由せずにアプリ配信できる技術 • 審査不要 • 手数料不要 • 更新も自由にできる！
5. 5URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved. つまり • 審査不要なので『組長サイト(注1)』もアプリとして配信できる • 決済方法にAmazon Pay使ってもOK • 審査待ちせずに『恥ずかしい不具合』を今すぐFix ※注1 組長サイトの作り方 https://www.slideshare.net/lilyfan/kumicho
6. 6URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved. どうすればPWAでアプリが作れるの？ • HTML5技術を採用すればPWAアプリが作れます • WordPressならプラグイン一発で（一応）PWA対応できます。
7. 7URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved. PWAの仕組み • PWAはブラウザ側の技術 • •
8. 8URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved. PWAの仕組み - Cordovaとの違い • 中間レイヤーが不要 • •
9. 9URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved. Apache Cordovaはこんな感じネイティブコード HTML コンテンツアプリ本体はHTML5で実装ネイティブアプリ形式で配布ハードウェア機能を利用可能プラグインでネイティブ機能を拡張
10. 10URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved. PWAはこんな感じ HTML コンテンツアプリ本体はHTML5で実装『Service Worker』で色々できるコンテンツのキャッシュやPushなど
11. 11URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved. 比較表
12. 12URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved. ビジネス的なインパクト • アプリ開発の世界 • • • •
13. 13URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved. ビジネス的なインパクト • Webの世界 •
14. 14URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved. PWAを導入しているサイトの例
15. 15URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved. PWAを採用しているサイトの例 • Google Maps Go • SUUMO • 日経電子版 • CROWDFARM
16. 16URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved. Google Maps Go • PWA版 Google Maps • • なんとストアで配信中
17. 17URL : http://ja.monaca.io/ Copyright © Asial Corporation. All Right Reserved. CROWD FARM • 普通の通販サイト • WordPress • WooCommerce • SUPER PWA