[B! web][javascript] simarのブックマーク

simar id:simar

webとjavascriptに関するsimarのブックマーク (6)

webブラウザにPush通知送るサーバとjsのサンプル - DRYな備忘録
このドキュメントは以下の２つのドキュメントをよりプリミティブに理解するためのDRYな備忘録です。 Adding Push Notifications to a Web App | Web | Google Developers The Web Push Protocol | Web | Google Developers 背景かつてサーバからブラウザにプッシュ通知を送りたい（非WebSocket、非ロングポーリング） - DRYな備忘録　これ書いたけど、改めてProgressive Web Appのドキュメント行ったらアホみたいに分かりづらくなってて不条理を感じたので書きます。サーバからPush通知がブラウザに対して送れて、ブラウザのjsが閉じててもServiceWorkerが生きてるからNotificationが出る、っていうやつです。最近だとウェブのGmailと
simar 2018/06/21
web

javascript

push
リンク
FRESH! における Web プッシュ通知機能〜実装編〜 | CyberAgent Developers Blog
はじめまして。FRESH! でフロントエンドの開発をしている池田 (こりら) です。この記事では、Web Push の実装概要や FRESH! における Web プッシュ通知機能〜機能設計編〜をもとに、実際に FRESH! でどのように Web Push 通知機能を実装したのかを紹介します。アジェンダ Web Push の実装概要 Web Notifications API Web Push API Firebase Cloud Messaging (FCM) Service Worker push イベント notificationclick イベント FRESH! における Web プッシュ通知の実装 FCM に関連する処理をユーティリティ化通知に関する実装チュートリアルの実装チャンネルページ・登録情報の管理ページの実装各ブラウザの個別対応 Chrome (59) Fi
simar 2018/06/21
web

javascript

push
リンク
ウェブアプリにプッシュ通知を追加する | Google Codelabs
Google uses AI techno logy to translate content into your preferred language. AI translations can contain errors. 1. 概要プッシュメッセージングは、ユーザーとの再エンゲージメントを簡単かつ効果的に行う方法です。この Codelab では、ウェブアプリにプッシュ通知を追加する方法について説明します。学習内容プッシュメッセージングのユーザー登録と登録解除の方法受信したプッシュメッセージの処理方法通知の表示方法通知のクリックへの対応方法必要なもの Chrome 52 以降 Chrome 用のウェブサーバー、または任意のウェブサーバーテキストエディタ HTML、CSS、JavaScript、Chrome DevTools に関する基礎知識サンプルコード（セット
simar 2018/06/21
web

javascript

push
リンク
[改訂版] Web Pushでブラウザにプッシュ通知を送ってみる - Qiita
はじめにブラウザやプッシュ通知サービスによらず、標準化された手順でブラウザにプッシュ通知が可能になるWeb Pushに関連する技術仕様のRFC化が完了し、ブラウザとプッシュサービスへの実装もかなり整ってきています。そこで、Web Pushの使い方を改めて整理してみます。なお、本記事は、Web Pushでブラウザにプッシュ通知を送ってみるのアップデートとなっています。旧記事との差分 PushManager.supportedContentEncodingsがサポートされ、ブラウザが対応するContent-Encodingの種類を確認できるようになりました。Chrome 60以降、Microsoft Edge (EdgeHTML 17)が対応しています。 IETF仕様の変更により、aes128gcmというContent-Encodingが規定されました。Chrome 60以降、Firef
simar 2018/06/21
web

push

javascript
リンク
進化が止まらない！CSS3アニメーションを簡単に利用できるスクリプトやスタイルシートのまとめ
スクロールをトリガーに要素をアニメーションで表示したり、ページを表示した時にちょっとしたエフェクトを加えたり、ボタンのホバー時に気持ちいいアニメーションを加えたり、CSS3のアニメーションを簡単に加えることができるリソースを紹介します。 Story Box Story Box -GitHub スクロールをトリガーに54種類のアニメーションを簡単に実装できるjQueryのプラグイン。アニメーションは非常に軽快で、デモ：ユニークの派手なアニメーションでも快適です。 ScrollMagic ScrollMagic -GitHub Appleのプロダクトページのように次々に要素を表示したり、簡単にパララックスを加えたり、特定の要素をスクロール時にピンで留めて表示したりなど、スクロール系のエフェクトは全部できてしまう感じです。スマフォなどレスポンシブ対応はもちろん、水平スクロール、無限スクロール、
simar 2015/02/15
アニメーションのまとめ。

web

css

javascript
リンク
Bower
...psst! While Bower is maintained, we recommend using Yarn and Vite for front-end projects. Read how to migrate! Web sites are made of lots of things — frameworks, libraries, assets, and utilities. Bower manages all these things for you. Keeping track of all these packages and making sure they are up to date (or set to the specific versions you need) is tricky. Bower to the rescue! Bower can mana
simar 2014/04/25
javascript

web

node
リンク
1