本記事はFirebase公式ドキュメントを噛み砕いた内容になってます。 公式ドキュメントにはテストツールについて触れられておらず個人的に進めずらかったので、環境構築の部分とテストツールとしてJestを利用する方法を織り交ぜてまとめました。 エミュレータの嬉しいところ セキュリティルールのテストはFirestoreのローカルエミュレータを使用すると開発効率がUPします。 Firestoreのセキュリティルールが正しく記述できているかどうかをクライアント側でいちいち確認しようとすると、エラーが発生したときにPermission Deniedとしか出力されません。これでは原因調査がなかなか大変なのですが、ローカルエミュレータを使用するともう少し詳細な原因を提示してくれるのでルールの記述が捗って嬉しいです☺️ 前準備として FirebaseCLIでプロジェクトの設定は終わっている状態です。 fir

Firepresso - Yet Another WordPress - Hackathon 概要 Firebase Japan User Group（FJUG） と Singularity Society のFirebase Startup initiative が共催する第4回目のMeetupです。 FJUGはFirebaseに興味をもつ全ての人を歓迎いたします。 コンテンツ Firebaseを使い、WordPressのようなCMSを開発していただきます。 前半は設計、後半は実装をしていただきます。本イベントでは、Firestoreでのラフなデータ構造を共有して、それに基づいて、Web, iOS, Androidなど、各人各々の得意な環境で実装を行っていきます。実装はHackathonの後も継続して行い、Firebaseで動く新しいCMSを完成させることが目標です。みんなの力でFire

Web Bluetooth APIとFirebaseでIoTドールハウス的なものを作ってみた話 概要 ちょっと前のコミティアで自作のドールハウスもどき1を作って、その中の照明とか窓枠のディスプレイとかを来場者のスマホからリモコン制御できるようにしてみた話です。 Bluetooth機器はLED照明のPLAYBULBE、技術的にはWeb Bluetooth API・Firebase・Riot.js・ES6(ES2015)・anime.jsあたりつかってます。 作ったもの 窓の外の景色と室内の照明をスマホのブラウザをリモコンにしてコントロールできるようになってます。 ポイント： カメラでQRコードを読むだけでリモコンが一発起動。Webなのでインストール不要！ 複数人で同時操作もOK！他の人が景色や照明を変えると、手元のリモコン画面にも即座に反映 全てWeb技術で完結。半田ごてもラズパイも不要！（

新機能 connpass APIに新しく、所属グループを取得できるAPIやユーザーの参加イベントAPIを追加しました。各APIの詳細な仕様や利用方法につきましては、 APIリファレンス をご確認ください。またAPI利用希望の方は connpassのAPI利用について をご覧ください。 お知らせ 2024年9月1日より、connpassではスクレイピングを禁止し、利用規約に明記しました。以降の情報取得にはconnpass APIをご利用ください。APIご利用についてはヘルプページをご確認ください。 新機能 「QRコード読み取りによる出席機能」をリリースしました。事前に入場受付が必要な場合や、受付時に参加枠などによって個別の誘導が必要な場合にご利用ください。詳しくは こちら をご覧ください。

Firebase Japan User Group（FJUG）と Singularity Society の共催のハッカソンです。 FJUGはFirebaseに興味をもつ全ての人を歓迎いたします。 コミュニティのSlackがあるので、参加されていない方は参加お願いします！ https://firebase.asia/join ハッカソンに参加する自信はないけど応援はしたい！という人向けの「応援枠（もくもく会枠）」を新設しました! コンテンツ Windows 95を設計した日本人として有名な 中島 聡 さんをゲストにお迎えし講演をして頂きます。 ハッカソン優勝チームには賞品として「Oculus Quest」を贈呈します（チームで１つ・優勝チームメンバーでビンゴにて当選者を決める予定です）。 当日は、各人のスキルを考慮して、参加者でその場でチームを作ってハッカソンに参加していただきます。 事前

この記事は１ヶ月後の自分のネタ切れにつきアドベントカレンダーの記事ということになりました Why SPA や モバイルアプリ だととりあえず Firebase Functions に graphql エンドポイントを一個マウントして金で殴ってスケールさせるところからスタートするのがいいと思います。金の弾丸というやつです。 この環境は、query と mutation は実装できるけど、 Cloud Functions のライフサイクルの都合上、 wsバックエンドのsubscription は実装できません。そこは Firestore とか使ってなんとかできるんでいいかって感じ。 自分の用途としては、Firestore の write系は一律禁止、 read 系は firebase.rules で制御しつつ subscribe して、リアルタイムではない複雑な問い合わせやロジック検証付きの副

保存容量に違いはないんですが、それ以外は月とすっぽんじゃなく日なんですよ。 (　ﾟдﾟ)ポカーン CSから見たらCSFで作ったバケットは特別枠で、直接コールしてもCSFの料金体系じゃないか？という希望的観測はあるのですが、これについては経過を見て報告ですかね。 FireabaseのFunctionsの無料枠は小さいのでなんだかな～と思ってました。 だけど、FHのCDN付き無料枠10GBといい、CSFの月換算最大30GBの転送量といいFirebaseすご過ぎ・・・。 ＜追記＞ ようやくCSFとCSの無料枠の違いが判明。 https://firebase.google.com/docs/storage/gcp-integration?hl=ja#google_app_engine また、Cloud Storage 用 Firebase SDK は、Google App Engine 無料枠にあ

はじめにSlack は多くの連携アプリケーションがありますが、そのまま連携すると情報が溢れすぎてフィルタリングしたかったり、より効果的な通知をしたいなど、Slack 通知をカスタマイズしたくなるときがあります。そのような場合、サービス側の Web hooks と Google Cloud Functions を使って Slack 通知をカスタマイズするのがおすすめです。 今回その一例をご紹介します。 例: GitHub の特定のラベルが付いた issue 登録時に Slack 通知する今回は GitHub の特定のラベルが付いた issue の登録時だけ Slack に issue の内容を通知してみます。バグレポートのラベルがついている issue のみを Slack に通知するために作りました。Slack の GitHub 連携機能ではここまで細かいカスタマイズはできません。 手順以下

注意 現在、connpassユーザーのフォロー・フォロワー数が減少している問題が発生していることを確認しております。 こちらにつきましては、直近のTwitterAPIの仕様変更によりTwitter上でフォロー・フォロワー関係となっているconnpassユーザー情報が取得できなくなってしまっているためです。 機能改善 参加者一覧表CSVの文字エンコーディングをUTF-8に変更しました。詳しくはこちらをご覧ください。 機能改善 イベント編集時の「重複参加の許可」をデフォルトで「許可しない」から「許可する」に変更しました。詳しくは こちら をご確認ください お知らせ connpassアカウントのパスワードを設定することで、ソーシャル認証に依存しないログインも可能となります。詳しくは以下のヘルプをご確認ください。 - パスワードの設定 - ソーシャル認証ログインが出来なくなった場合の操作 イベント

モバイルアプリケーションの開発プロジェクトはあらゆる意味で速度との闘いです。 複雑化するシステムアーキテキチャやプラットフォーム、開発ツールのエコシステム。数多くある選択肢の中から私達は2018年にFirebaseを使い、1つのモバイルアプリケーションを開発しました。 本トークではその時の経…

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事はZOZOテクノロジーズ TECH BLOGにも同じ内容で投稿しています。よろしければ他の記事もご覧ください。 こんにちは！ ZOZOテクノロジーズ フロントエンドエンジニアの高橋（ニックネームはQ）です（@anaheim0894） 昨年12/26、毎年年末に行われる大忘年会（ZOZOCAMP2018）で、グループ会社も含めた1,000人規模でのリアルタイムアンケートを、FirebaseとVue.jsを使って制作しました。 当日会場にて弊社の昨年の事業紹介や、「楽しく働く」というコンセプトの動画を流し、動画の合間で質問をし動画と

Requirements 以下のモジュール／環境を使います。 Vue.js Firebase Function nodemailer Gmail 言語はすべてJavscriptです。vue-cliはインストール済みとして話を進めます。 Overview Vuejs側で用意したメール送信ボタンを押すとFirebase Functionに用意されたメール送信プログラムが起動し、指定したアドレスにメールを送る流れです。 メールサーバーにはGmailを想定していますが、SengGridなどでも可能です。ただしその場合はクロスドメインの関係でfirebaseのプランを有料プランにアップグレードする必要があります。Gmailを利用する分には無料です。 サーバーサイド側の実装 1. firebase functionのインストール myproject +- .firebaserc # Hidden fi

2018年4月2日、Firebase Japan User Groupが主催するイベント「Firebase Japan User Group meetup 3」が開催されました。2011年に登場し、その後Googleが買収たことでクラウドプラットフォームの一員となったFirebase。その知見を共有するため、Firebaseをサービスに用いるエンジニアたちが一堂に会して、プレゼンテーションを行いました。「FirebaseとUnity」では、ゲームエンジニアのgremitoが登場。自身FirebaseとUnityを組み合わせて、フロントエンジニアがサーバーエンジニア無しでサービスインまで開発できてしまう、その仕組を解説します。この講演はcrash.academyでもご視聴いただけます。 UnityとFirebase gremito氏（以下、gremito）：では「FirebaseとUnity

こんばんは。 前回記事では、Google Home を IFTTT と Blynk サーバーを使って、LED の明るさをコントロールしましたが、Twitter で @robo8080 さんから、ESP32 のセンサー値を喋らせることができないかという質問がありました。 でも、前回記事の方法ではそれはできませんでした。 いろいろ試行錯誤していたら、@robo8080 さんはラズベリーパイを使って実現されていました。 ネット上では既にラズベリーパイで使う情報が出ていますね。 私は、ラズパイを持ち合わせていないので、ESP32 単独で実現してみました。 以下の動画をご覧ください。 前半はクラウド上のリアルタイムデータベースを ESP32 から送信して更新している様子です。 後半は Google Home の応答の様子です。 最後の方で、湿度が変化したので、リアルタイムデータベースが更新されている

日本語で話しかけることができるGoogle Homeに期待を込めて。タイトルのようにActions On Googleを作成してみましたのでやり方手順を共有してみようと思います。 作るものと手順 今回作ったのは、**”会社でグループによって振られる所属コードをGoogle Homeに教えてもらう”**と言うもの。 自グループの所属コードは、社内ポータルにあるドキュメントに記載されているのですが、いちいち探しに行くのが面倒なので、グループ名をGoogle Homeに問いかけて答えてくれるようにします。手間が省けますね！（メモしておけ？ メモを探すのがめんどくｓ） すごく個人的な内容であるため、Googleの審査に出すのもどうかと思うので、今回はテストモードで実行できるようになるところまで実装していこうと思います。 ※この投稿での所属コードは念のため、デタラメなものにマスクしてあります。 手順

Firebase Advent Calendar 2017 21日目の記事です。 フリーランスでフロントエンドを中心にエンジニアをやっているpotato4dです。 普段はVue.jsを中心に、案件を進めたりコミュニティに関わったりしていますが、今回はそんなVue界隈で今アツいフレームワークであるNuxt.jsとFirebaseを組み合わせて、SPA + SSRにAuthと Firestore を組み合わせたアプリケーションを高速で作る方法を、サンプルとあわせてご紹介します。 2019/10/16 追記 このサンプルは Firestore が存在しない Nuxt v1.x + RTDB 時代のコードを愚直に移行している ので全体的に資料が古くなっています。 インフラ構成については順次更新していますが、特にデータストア操作周りについては できるだけ参考にしないでください。 2019/07/02