【Other】【CSS / jQuery / javascript】PWAでプッシュ通知を実装してみる（３）Firebaseでプッシュ通知に必要なトークンを処理する｜虹色ミツバチ
前回までの記事で、PWA化にはmagnifest.jsonとserviceworker.jsが必要と解説し、そのサンプルを掲載しました。 今回からは目標だったプッシュ通知について解説します。 プッシュ通知の仕組みとFirebaseを利用することにした経緯 PWAを使ったプッシュ通知では、ブラウザで「プッシュ通知を受け取る」設定をした時に、「トークン」が発行されます。 これはブラウザ単位で発行されるので、PCのGoogle ChromeとスマホのAndroidでは別々のトークンが発行されます。 この「トークン」に対して、PWAを利用したサイト（ウェブアプリ）の管理者がサーバーからCurlコマンドを叩くことでプッシュ通知を送信します。 すなわち、「トークン」をどこかに保存しておく必要がありそうです。 トークンを取得したとしても、プッシュ通知を１件１件送っていくのは時間がかかりそうな気がします。
ブラウザからメーラーアプリの受信トレイを起動する方法 | collabit（コラビット）｜不動産テック(RealEstateTech)企業
こんにちは。 コラビットのGrowthHackerソネ（@_kok____）です。 先日、メール認証率UPの施策として、申込み完了ページの改善を行ったのですが、その際ハマってしまいました。。。 何にハマったかというと、スマホの場合にURLスキームでメーラーアプリを起動したかったのですが、ググってもググってもmailtoで新規メールを立ち上げる方法ばかり。 私がやりたかったのは受信トレイを開くことだったので、思った以上に時間を費やしてしまったわけです。 そんなこんななので、やり方をまとめておきます！ iOSの場合 公式のドキュメントはコチラにありました。 公式ではmailtoで新規メールを作成する方法しかないのですが、messageというURLスキームを使えばメーラーの受信トレイを開くことができます！（公式のサポート外になってしまうかもしれませんが）
rem単位を用いたレスポンシブ対応ページの実装デモ
Tweet rem単位を用いたレスポンシブ対応ページの実装デモ はじめに 本技術のポイントは1つだけです。可変にしたい要素すべてのサイズ指定にrem単位を用いることにより、普通にやると面倒なレスポンシブ対応がfont-sizeのみの変更で済むことです。 このサイトがデモです。 （ウィンドウ幅を狭くしたり右上のチェックボックスを切り替えてみてください。） きっかけ 2015年9月ごろにAppleサイトのサポートページ（https://support.apple.com/ja-jp/HT...）を開いたところ、大きな表示崩れが生じていました。 Appleサイトのバグ(左: IE Edgeでの表示 右: Chromeでの表示) 画像提供元: 情報科学屋さんを目指す人のメモ CSSを解読したところ、要素のところどころにrem単位を用いたサイズ指定が施されていました。 これは単なる凡ミスではないと考
EAN/JAN→ASIN - 考える人、コードを書く人
最近, コードを書いてない。だから, というわけではないが, ちょっとわけがあってEAN/JANで検索するプログラムを書きたくなったので 今日はAmazon Web Service(以下, AWS)で少しだけ遊んでいた。 AWSでは書籍はEAN/JAN(ISBN13)*1で検索できないので, ASIN(ISBN10)に変換する必要がある。2007年以降に出版される書籍はISBN13に移行するので そのままEAN/JANを使えばいいらしいけど。 function ean_to_asin($strEAN){ if(!is_string($strEAN) || ($len = strlen($strEAN)) != 13){ die "番号が正しくない"; } $str = substr($strEAN, 3, 9); $sum = 0; for($i=0;$i<$len;$i++){ $sum
スマートフォンで数字キーボードに変更する（2015/01版) - Qiita
※サーバサイド/JavaScriptで切り替える想定 type="number"はブラウザ・バージョンごとに挙動が違う 数字を入力する項目にはtype="number"を使えばよさそうですがiOSで問題があります。 iOS6以下では数字ではなく数値の属性として使用するよう設計されてるようです。 ●iOS5以下 1000を入力する ⇒ カンマが入った1,000になる （pattern="\d" を設定することで回避可能？） ●iOS6以下 0123を入力する ⇒ 先頭の0が削られた123になる これでは郵便番号の入力には使えません。 （type="tel"は本来の対象と違いますし、ブラウザ側の仕様が変わる可能性があるので使いません） iOS7のバージョンシェアが90%に達したとはいえ、iOS6以下が10%もあるならば対応したいところです。 pattern="\d*"で数字キーボード以外に切り
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
