GAミント至上主義

Web Monomaniacal Developer.

2018-11-01から1ヶ月間の記事一覧

Vue Router&Firebaseの認証付きページでログアウト後に任意のページに飛ばそうと思ったらハマった話

Vue RouterとFirebase Authenticationで認証が必要なページを作っていたが、ログアウト後に任意のページに飛ばそうと思ってもうまく行かなかった。 いろいろ試したけど、イベントリスナーonAuthStateChangedを多重登録しないよう事前にUnsubscribeしたら大丈…

Vue.jsからGTMを使ってGAのイベントを送る

ブログタイトルのGAはGoogle Analytics(以下GA)ではないですが、Google Tag Manager(以下GTM)でGAを読み込んでいる場合、独自イベントの送信がちょっと面倒です。下記のようなVueプラグインもあるけど、Vue.jsの環境はVue CLI 3で、GTMのタグはindex.htm…

GCP HTTPSロードバランサーにGoogleマネージドSSL証明書(β)を使う

βリリースされていることに今更気づきました。 GAEやFirebase HostingでもマネージドSSL証明書は追加されていたのでやっと来たという感じです。ドキュメントはまだ英語のみ? Creating and Using SSL Certificates | Load Balancing | Google Cloud これまで…

【解決】puppeteerを1.10にするとPDFの日本語が文字化けする問題

2018/11/13 追記 結論 Chromium 72.0.3606.0(Developer Build)を使ったところ直ったので、次のバージョン(1.11)では直るはず。 そのため1.10をスキップするだけで問題は解決しそう。追記ここまで yagish履歴書のHTML→PDF変換で使っているpuppeteerのバージ…

Vueのテンプレートのv-bind内でもJavaScriptのテンプレートリテラルが使えた

v-bind: (省略形は:)内で文字列を連結したいときはこれまで+でがんばってつっくけてたけど、テンプレートリテラルを使えることに気づいた。環境はVue CLI 3。developer.mozilla.orgbefore <img :src="img" :alt='format.title + "テンプレート" + index'>after <img :src="img" :alt='`${format.title}テンプレート ${index}`'></li>${}の分は増えるけど、クオーテーションを閉じたり、開いたり…

Firebase FunctionsでFirebase Authenticationの認証情報を使う

ユーザー側からFirebase Functionsの関数を実行する際、そのユーザーの認証情報を使って処理をしたい。 たとえば、決済とかで。最近はAmazon Primeビデオでエウレカセブンを見直してます。最初HTTPリクエストにトークンなどをつけて、firebase-adminを使って…