Soumettre la recherche
Mettre en ligne
Browser push notifications
•
3 j'aime
•
2,378 vues
Net Kanayan
Suivre
Technologie
Signaler
Partager
Signaler
Partager
1 sur 32
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
ブラウザアプリをつかってみよう
ブラウザアプリをつかってみよう
高見 知英
74thオンラインテキストブックマーク
74thオンラインテキストブックマーク
74th
chrome拡張機能で ブラウザにp5jsを召喚!
chrome拡張機能で ブラウザにp5jsを召喚!
takaguru
Http
Http
Net Kanayan
Image convert
Image convert
Net Kanayan
Js kusen
Js kusen
Net Kanayan
ES6 はじめました
ES6 はじめました
Net Kanayan
Basic vulnerability
Basic vulnerability
Net Kanayan
Recommandé
ブラウザアプリをつかってみよう
ブラウザアプリをつかってみよう
高見 知英
74thオンラインテキストブックマーク
74thオンラインテキストブックマーク
74th
chrome拡張機能で ブラウザにp5jsを召喚!
chrome拡張機能で ブラウザにp5jsを召喚!
takaguru
Http
Http
Net Kanayan
Image convert
Image convert
Net Kanayan
Js kusen
Js kusen
Net Kanayan
ES6 はじめました
ES6 はじめました
Net Kanayan
Basic vulnerability
Basic vulnerability
Net Kanayan
FileReader and canvas and server silde
FileReader and canvas and server silde
Net Kanayan
Osc16gm
Osc16gm
Net Kanayan
Open source
Open source
Net Kanayan
Http2入門の入門
Http2入門の入門
Net Kanayan
Es6 cognition
Es6 cognition
Net Kanayan
Fxos lt
Fxos lt
Net Kanayan
Ssl
Ssl
Net Kanayan
Blueberrypi
Blueberrypi
Net Kanayan
Windows store app html
Windows store app html
Net Kanayan
Sass less
Sass less
Net Kanayan
Ll xcode
Ll xcode
Net Kanayan
Web creed
Web creed
Net Kanayan
Js mvc
Js mvc
Net Kanayan
Tdd&peapro
Tdd&peapro
Net Kanayan
J S Smartphone
J S Smartphone
Net Kanayan
Nseg jquery mobile
Nseg jquery mobile
Net Kanayan
Smart phone gunma.web
Smart phone gunma.web
Net Kanayan
Smart phone
Smart phone
Net Kanayan
2010 12gunmaweb
2010 12gunmaweb
Net Kanayan
Html5 css3 websocket
Html5 css3 websocket
Net Kanayan
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Contenu connexe
Plus de Net Kanayan
FileReader and canvas and server silde
FileReader and canvas and server silde
Net Kanayan
Osc16gm
Osc16gm
Net Kanayan
Open source
Open source
Net Kanayan
Http2入門の入門
Http2入門の入門
Net Kanayan
Es6 cognition
Es6 cognition
Net Kanayan
Fxos lt
Fxos lt
Net Kanayan
Ssl
Ssl
Net Kanayan
Blueberrypi
Blueberrypi
Net Kanayan
Windows store app html
Windows store app html
Net Kanayan
Sass less
Sass less
Net Kanayan
Ll xcode
Ll xcode
Net Kanayan
Web creed
Web creed
Net Kanayan
Js mvc
Js mvc
Net Kanayan
Tdd&peapro
Tdd&peapro
Net Kanayan
J S Smartphone
J S Smartphone
Net Kanayan
Nseg jquery mobile
Nseg jquery mobile
Net Kanayan
Smart phone gunma.web
Smart phone gunma.web
Net Kanayan
Smart phone
Smart phone
Net Kanayan
2010 12gunmaweb
2010 12gunmaweb
Net Kanayan
Html5 css3 websocket
Html5 css3 websocket
Net Kanayan
Plus de Net Kanayan
(20)
FileReader and canvas and server silde
FileReader and canvas and server silde
Osc16gm
Osc16gm
Open source
Open source
Http2入門の入門
Http2入門の入門
Es6 cognition
Es6 cognition
Fxos lt
Fxos lt
Ssl
Ssl
Blueberrypi
Blueberrypi
Windows store app html
Windows store app html
Sass less
Sass less
Ll xcode
Ll xcode
Web creed
Web creed
Js mvc
Js mvc
Tdd&peapro
Tdd&peapro
J S Smartphone
J S Smartphone
Nseg jquery mobile
Nseg jquery mobile
Smart phone gunma.web
Smart phone gunma.web
Smart phone
Smart phone
2010 12gunmaweb
2010 12gunmaweb
Html5 css3 websocket
Html5 css3 websocket
Dernier
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
WSO2
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
sn679259
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Dernier
(10)
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Browser push notifications
1.
browser push notifications @kanayannet
2.
今日話すこと 1.push notificationって? 2.何故やろうと思ったか? 3.browser でどこまで可能? 4.実装方法 5.まとめ
3.
push notificationって? push 通知の事です。
4.
何故やろうと思ったか? 自作のアプリケーションで… (植物の栽培日記) 記録のつけ忘れ や 水のやり忘れ を push通知させたい!
5.
何故やろうと思ったか? メールだと迷惑メール設定とか面倒だし… ! native アプリから push通知も手だけど… ブラウザで作った方が作りやすいし…
6.
browser でどこまで可能? 3種類あった 1. W3C
push notification 2. Google Cloud Messaging for Chrome 3. safari push notifications
7.
browser でどこまで可能? W3C push
notification new Notification(‘hello world’,{! ! ! ! ! ! ! ! ! ! ! ‘body': ‘body!’! ! ! ! ! ! ! ! ! ! ! ! });
8.
browser でどこまで可能? 実はこれブラウザが開いてないと動きません。 W3C push
notification
9.
これじゃない!!
10.
browser でどこまで可能? Google Cloud
Messaging for Chrome と思ったら…
11.
既にやり方が広く日本語で 公開されている…
12.
browser でどこまで可能? safari push
notification ※ここから先の画像は apple社の公式ドキュメントを 引用しています。
13.
英語ドキュメントばかり.. これだ!!
14.
safari push notification
15.
電子証明書を取得する safari push notification
16.
Push Package を用意する (zip
ファイルにする) safari push notification
17.
結構面倒くさい.. safari push notification
18.
便利なライブラリがあります (grocer-pushpackager) safari push notification builder
= Grocer::Pushpackager::Package.new({ websiteName: farm-log', allowedDomains: [ https://farm-log.com ], iconSet: {:'16x16' => File.open('./icons/16x16.png'), ……… });
19.
※連携するライブラリに version依存 がいくつかあります。 safari push
notification version 0.0.1…
20.
21.
safari push notification ブラウザ<->サーバ間でやりとりするのは javascript
で行う。
22.
safari push notification これに成功すると…
23.
safari push notification apple社に
json データを送信する
24.
便利なライブラリがあります (grocer) safari push notification notification
= Grocer::SafariNotification.new(! device_token: '...', ! title: 'Hello world',! body: 'こんにちわ世界', ! action: ‘読む',! url_args: [‘/’] ! )!
25.
実際にやってみます safari push notification
26.
失敗用画像です safari push notification
27.
まとめ W3C push notification W3C
の push通知 で動くのは local(ブラウザプロセス内) だけか? (金澤 が 知らないだけ?)
28.
まとめ 参考: https://developer.mozilla.org/ W3C push
api というのがあるが…今のところ PC は全滅
29.
まとめ 参考: https://developer.mozilla.org/ firefox OS
の firefoxは動くらしいが…
30.
まとめ Google Cloud Messaging
for Chrome 便利そう やり方が日本語ドキュメントで公開中(@it) いずれ試してみたい
31.
まとめ 便利 まだ日本語ドキュメント少ない ! でも訳せば行ける ! ライブラリも枯れてないけど(version 依存注意) あるよ safari push
notification
32.
ご清聴ありがとうございました
Télécharger maintenant