Firebase FunctionsとPuppeteerでスクレイピングの定期実行するのを作ってみた
作ったものフロント側は全く作ってないんですが、私が住んでいるバンクーバーのFront End Developerの平均給与をいくつかのサイトからスクレイピングしてFirebaseのデータベースへ格納するといったとてもシンプルなものを作りました。日本ではどれぐらいあるのかわからないんですが、こっちだとポジションの平均給与がユーザーからの自己申請で出てます。調べてて思ったんですが、サイトによってすごくばらつきがありました。 後々フロント側を作って公開しようと思います🚀 Firebase FunctionsFirebase Functionsっていつも個人的には読んでるんですが、正式にはCloud Functions for Firebaseです。Google Cloud Platformのサービスの一つCloud FunctionsをFirebaseと連携させる感じですね。基本的にはFire
LighthouseをFirebase Functionsから毎日叩いて本番環境のパフォーマンスを計測してみた - SMARTCAMP Engineer Blog
スマートキャンプの笹原です。 みなさんはWebサイトの、特にフロントのパフォーマンス改善を日頃から行っていますか？ 常に意識しているという方もいれば、気が向いたときにたまに見てみるなんてこともあるんじゃないかと思います。 今回はそんなパフォーマンスに常に意識を配れるように、毎日Lighthouseを叩いてみたのでその構成を紹介したいと思います。 Lighthouseとは 要件 処理の流れと制約 実際の構成 1. 定期的にCloud Tasksに各ページごとのTaskをEnqueueする TaskをEnqueueされるCloud Tasksのキュー作成 TaskをEnqueueするFunctionの作成 2. 各ページにLighthouseを実行しBiqQueryに結果を格納する 終わりに Lighthouseとは まずはLighthouseについて簡単な説明です。 Lighthouseとは
【改訂版】 Firebase Cloud Firestore rules tips
【改訂版】 Firebase Cloud Firestore rules tipsTuesday, December 11, 2018 この記事はFirebase Advent Calendar 2018の12日目の記事です。 以前にCloud Firestore rules tipsを書いてから時間が経過したことと、その記事を書いてから僕自信もより理解を深めることができたので、改訂版としてこの記事を書きます。 はじめに 基礎的な部分やリファレンスについては公式を参照するのが一番手っ取り早いです。 Cloud Firestore セキュリティ ルールを設定する Cloud Firestore セキュリティ ルールをカスタマイズする Cloud Firestore Security Rules Reference Basic 読み書きのルールは基本的に許可制 Firestoreのread/w
Vue.jsにおけるFirebaseの主要な機能の取扱い - Web系エンジニアのアウトプット練習場
はじめに はじめまして、@h_sakanoと申します。 このエントリーは、Firebase Advent Calendar 2018の4日目の記事です。 Vue.jsでFirebaseの主要なサービスを取扱う方法を、サンプルを交えながら紹介します。 Firebase Hosting Firebase Authentication Cloud Firestore Cloud Functions for Firebase Cloud Storage 今回使用するサンプルのリポジトリ https://github.com/h-sakano/advent-calendar-2018-app 目次 はじめに 今回使用するサンプルのリポジトリ 目次 Vueプロジェクトの作成 Vue CLI 3のインストール Vueプロジェクトの作成 動作確認 Firebaseのプロジェクト作成 Vueプロジェクトのデ
Nuxt + Firebase Authentication | shimar's blog
最近、個人でFirebaseをバックエンドとしたNuxtによるWebアプリケーションの開発をしています。その中で、Firebaseの機能の1つであるFirebase Authenticationを使用してユーザーの認証機能を実装してみました。この記事では、NuxtアプリでFirebase Authenticationによるユーザー認証機能を実装する方法について書いてみたいと思います。 はじめに ここで検討するアプリケーションは、次の仕様を前提としています。 Googleアカウントで利用可能である。 次のページを持つ。 ルートページ (/) ログインページ (/login) 認証されていないユーザーがルートページ(/)にアクセスした場合、ログインページ(/login)にリダイレクトする。 認証済みのユーザーがログインページ(/login)にアクセスした場合、ルートページ(/)にリダイレクトす
リアルタイムデータベース
Cloud Firestore入門
「【サポーターズ勉強会】リアルタイムデータベース Cloud Firestore入門」の登壇資料です。 https://supporterzcolab.com/event/476/ === # イベント概要 昨年10月にFirebaseでリリースされた、データベースサービスCloud Firestoreを紹介します。 Firestoreはクラウド上とリアルタイムでのデータのやり取りをクライアントのコードのみで実現できます。 今回の勉強会でFirestoreの基本的な使い方を理解して頂いて、アプリ開発の手助けになれば幸いです。 # こんな話をします - Firestoreの基本的な使い方 - Firestoreのデータ構成と設計で気をつけること - Firestoreのセキュリティルールと認証方法 - Firestoreを使ったサンプルプログラム紹介 # こんな方にオススメ - データをリア
FirebaseのCloud Functionでpuppeteerを動かす解説 - Kesinの知見置き場
先日、GAEとCloud Functionsでpuppeteerを動かすコードを紹介しているエントリが公開されました。 cloud.google.com puppeteer、というかChromeを動かすためには実は様々な依存ライブラリをインストールする必要があるのですが、Cloud Functionでは環境そのもののカスタマイズはできなかったので今まではpuppeteerを動かすことはできませんでした。 GAEとCloud Functionでnodejs 8が使えるようになったのと同時に、実行環境のベースのイメージが新しくなった（Ubuntu 18.04とのこと）のでpuppeteerが使えるようになったようです。 ちょっと試してみる分には、先程の記事のソースコードがgithubにアップされているので自分のGCPのプロジェクトにデプロイすることで動くことが確認できると思います。 ただFir
SQL Databases and the Firebase Database - The Firebase Database For SQL Developers #1
Check out more information about the Firebase Database in the official documentation: https://goo.gl/audH62 Welcome to the first video in the Firebase Database for SQL Developers series! This lesson compares the fundamentals of SQL database to NoSQL databases like the Firebase Database. Watch more videos from this series: https://goo.gl/ZDcO0a Subscribe to the Firebase Channel: https://goo.gl/
Next.js を Firebase hosting で動かしてSSRする - Qiita
いわゆるサーバーレス。 TL;DR すべてのリクエストを Firebase Functions に流して next.js に食わせた結果を返すとSSRになる。最高。 概要 Firebase Hosting は index.html を上げたら動いてくれる静的サイトホスティングだと思っていたが、 全てのルーティングを Firebase functions に全て受けさせる。こともできた GCP知らない人向けに 一応解説しておくと Firebase Function = Google Cloud Function ≒ AWS Lambda そんでもって、React で SSR したいとき、スクラッチでもいいけど、一番簡単なのは next.js。next.js 公式にも exmaples があり、読んでみたら勉強になったので解説してみる。 Firebase Hosting の設定 { "func
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
firebase-meetup-#11-2019-02-18
Firebase - Firestore | Yuuniworks Note
Firestore Database Design
Cloud Firestoreの勘所 パート2 — データ設計