Firebase

テストはfirebaseの設定ファイルいらないはずなので、pushしなくてもGitHub Actionsを回せるのだが、手元の開発環境では設定ファイル参照して、GitHub Actions実行時は設定ファイルを無視あるいはダミーする、みたいなことがいい感じにできないか考え中。 一応他の開発者の参考になればと思い、公開レポジトリにしているのでこの悩み。 github.com 結局ユーザには見える値なのでどうしても隠さなければいけない情報ではないのだけど、レポジトリに含まれてしまうのは気持ち悪いなと。 この辺の環境変数が使えそうだなぁということろまで。 nextjs.org

概要 FirestoreはNoSQLの中でもデータ構造に特徴があります。 本記事では私自身が実際に設計したデータ構造がサブコレクションでどう変わったかをみていくことで、サブコレクションでできることを書いていきたいと思います。 開発環境 Node (14.15.4) Firebase JavaScript SDK (8.2.4) Firestoreについて Googleが提供しているNoSQLのマネージドサービスです。 他のNoSQLと比較してWeb, Mobileからローカルデータベースのように利用できることやデフォルトで単一フィールドのインデックスが作成されていることが特徴です。 データ構造…

先日に引き続き今日も Firestore のセキュリティルール について書いていきたいと思います👀 今回はタイトルの通り、Firestore のドキュメントに書き込めるフィールドのバリデーションを行っていきたいと思います。 それではやっていく ということで、「こんな時はこうする！」的なことをつらつらと書いてみます。 指定したフィールド以外書き込めないようにしたい！ match /hoge/{hogeId} { allow create: if request.resource.data.keys().hasOnly(['name', 'age', 'createdAt', 'updatedAt…

この辺が参考になりそう。 qiita.com 調べてみるとDocker Composeでやってる例が多そう。 firestore local emulator を docker-composeで動かす - Qiita DockerでFirebase Local Emulator Suiteを起動する。 - Qiita これも参考になりそう。 zenn.dev import, exportできるのよい。テスト用のデータセット最初に作ってしまうのがよさそう。 importの際にCloud Functionsは発火しないのかな？

先日 Firestore のセキュリティールールで undefined かどうかの判定をするために下記のようなコードを書いていました👀 function isUndefined(data) { return data.hoge == undefined; } 実はこれ正しく動作しないので注意が必要です。サンプル実装などによく見かける下記のような null 判定はもちろん問題なく動作しますが、undefined ではできないみたいです。 function isUndefined(data) { return data.hoge == null; } 解決法 ググったら良い方法を発見できました✨ …

CloudFunctionsテスト導入。 このエラーが出る。 % yarn test yarn run v1.16.0 $ firebase emulators:exec 'jest' i emulators: Starting emulators: functions, firestore, hosting ⚠ functions: The following emulators are not running, calls to these services from the Functions emulator will affect production: auth, database…

今回は Firebase Cloud Messaging のトピック通知を Functions 経由で登録する方法を紹介していきたいと思います👩‍🌾 それではやっていく Node.js で実装していくので、とりあえず Firebase の Admin SDK を導入し、初期化します。 $ npm install firebase-admin --save const admin = require('firebase-admin'); admin.initializeApp(); 今回は notificationSettings というユーザ個別の通知設定のコレクションにドキュメントが作成され…

firebaseプロジェクトにテストを導入してみる。 馴染みがあるjestを使う。やり方は2種類。 Babelで使う Getting Started · Jest ts-jestを使う Jest - TypeScript Deep Dive 日本語版 直接Babelは使ってないのでts-jestで。型チェックも効く。 yarn add -D jest @types/jest ts-jest firebase-functions-test @firebase/rules-unit-testing 適当にテストを書くとLintエラー。import/exportがないモジュールは駄目。 index.…

そろそろテストを書いてみる。 firestoreのルールもテストしたいので、この際firestoreの設定も含めるようにしてみる。 index取得。 firebase firestore:indexes > firestore.indexes.json ルールはコピペするしかない？ firestore.rulesに書く。現状の内容をコピペ。一人しかwrite権限ナシ。 firebase.json編集 } ], "predeploy": "npm run build-public" + }, + "firestore": { + "rules": "firestore.rules", + "in…

はじめに 開発環境 本題 動作イメージ 全体の実装 AppDelegate.swift SceneDelegate.swift RootView.swift RootViewModel.swift HomeView.swift PushDetailView.swift PushDetailViewModel.swift WebView.swift 補足 おわりに 参考 はじめに Firebase Cloud Messagingで送信されたプッシュ通知を選択した時に、アプリの特定の画面に遷移する処理を実装してみたので記事に残します。 開発環境 macOS Catalina 10.15.7 Xco…

前の題が長くなりすぎたので、キリが付いていないのですが取り敢えず区切ります。 今回のお題は、Webページ遷移の技術と工夫についてですが、別途長文を書かなければいけなかったので、また後日に。 1月25日追記 先日の続きのお題、ページの遷移についてです。本当はデザイン系の方がPR性は強くて認知も良いのですが、どうにも足りません。 どんなページでも読込速度がコンバージョンに影響することはよく云われています、そこで高速化を実現する仕組みが必要となりますが、これは様々な種類が存在します。選択が分かれる所ですが、もちろん欠点も含んでいますが、テストしてみると非常に面白いです。トラッキングも打てるのでデメリ…

materializecssのSelectを入れたい。 https://materializecss.com/select.html selectは初期化が必要らしいのだが、next.jsからだと呼べない。 https://materializecss.com/select.html#initialization materialize-cssっていうnpmがあるので入れてみたけど、importで怒られる。 ReferenceError: window is not defined This error happened while generating the page. Any conso…

Cannot find 'FirebaseApp' in scopeになったら、下記。 https://github.com/firebase/firebase-ios-sdk/issues/6066#issuecomment-662580211 xcode消す pods/消す ワークスペース消す。 んで、finderからopenする。

完全に小ネタ 以下の記事を参考にしてFlutterでログイン機能を実装した。 FlutterでFirebase Authenticationを使ったGoogleアカウントログインを実装してみた ただ、「ログインさせる方法」は分かったけど、「既にログインできているかどうかを確認する方法」はどうなんだろう？ となった。 結論 import 'package:firebase_auth/firebase_auth.dart'; final FirebaseAuth _auth = FirebaseAuth.instance; FirebaseUser user = await _auth.curre…

開発情報 アプリ名：暗記する単語帳は『anki - アンキ‪』 開発言語：Swift (iOS) サーバー：Firebase インフラ：なし 公開日：2020-12-17 最新アップデート：2021-03-01 update!! ストアURL 暗記する単語帳は『anki - アンキ』 HANAUTA INC. 教育 無料 アプリ説明 ◉ anki（暗記→アンキ）はどういうアプリ？ • 暗記に特化した史上最強の単語帳アプリです。 • anki（アンキ）は、中学から高校で学習する全ての内容を単語帳にまとめた最強アプリです。 • この単語帳アプリでは、10万問以上の問題が収録されています。 • 単語…

やりたいこと iOSでFirebaseのStorageからファイルをダウンロードしたい。 現象 AndroidやUnity Editorではうまくいくのに、iOSだとUnknown Errorが発生して、ダウンロードできない。 原因 iOSに関してはfile://のようなuriを指定しなければならなかった 対処 GetFileAsyncにはfile://を含んだUriを指定する 保存したファイルを読み込む場合はfile://は不要 の２つのパスが必要になります。ここにサンプルコードがありました。 quickstart-unity/UIHandler.cs at master · firebas…

note.comこの記事は素晴らしいなー、と思ったので深夜のテンションで記事を書いてみようと思う。 まえおき 自分もエンジニアという職業に就いてからもうだいたい10年ぐらい経ったので、上記の記事に対して敬意を払いつつ、持論を展開してみようと思う。 プロジェクトが頓挫するために十分な思い込み 20代の時はそれほどソフトウェアエンジニアの市場価値が高くなかったこともあり「俺と一緒にプロジェクトやろうよ！」と声を掛けてもらうことも多かった。無償で。 twitterも今ほど一般的ではなく、アーリーアダプター層が使っている時代だったし、自分も面白がって色々な人と会っていたのだけれど、大体サービスの相談を…

今すぐ登録したい方へ このブログから登録の多いエージェントは下記の３つです★ （リンクをクリックすると公式サイトに飛びます） ✅【ダントツの１位】フォスターフリーランス【案件保有数5000件以上。業界20年の超老舗】 ✅【僅差で２位】エミリーエンジニア【４人に１人が初めてのフリーランス】 ✅【惜しくも３位】Midworks(ミッドワークス) 【リモート案件が超豊富。正社員並みの保障アリ】 こんにちは、mah(@RailsRubyMah6h)です。 このブログでは、 僕がIT未経験から約1年でフリーランスエンジニアになるまでの過程、 ノウハウなどを書いていきます。 今回は、 【Vue.js Nu…

Reactの続きです。以前作成したReact + CSS in JS + TypeScript環境にReact Routerを使ってルーティング設定をして複数ページを遷移できるSPAにします。helmetを使ってコンテンツだけでなくheadタグも動的に変更。さらに下層ページに直接アクセスすると404になる対策も行いました。それではいきましょう！

今すぐ登録したい方へ このブログから登録の多いエージェントは下記の３つです★ （リンクをクリックすると公式サイトに飛びます） ✅【ダントツの１位】フォスターフリーランス【案件保有数5000件以上。業界20年の超老舗】 ✅【僅差で２位】エミリーエンジニア【４人に１人が初めてのフリーランス】 ✅【惜しくも３位】Midworks(ミッドワークス) 【リモート案件が超豊富。正社員並みの保障アリ】 こんにちは、mah(@RailsRubyMah6h)です。 このブログでは、 僕がIT未経験から約1年でフリーランスエンジニアになるまでの過程、 ノウハウなどを書いていきます。 今回は、 【Vue.js】v-…

久々に Firebase Hosting を使おうとしてしたら firebase init の Project Setup で 既にあるプロジェクトを使おうと思い Use an existing project を選択すると Error: Failed to list Firebase projects. See firebase-debug.log for more info. になってしまった。 $ firebase init ######## #### ######## ######## ######## ### ###### ######## ## ## ## ## ## ## ## …

フィヨルドブートキャンプで、「Webを支える技術 -HTTP、URI、HTML、そしてREST」(以下、「Webを支える技術」)を読むという課題があったが、必要な前提知識に不足があり、理解が難しかった。 この本が難しい場合は『イラスト図解式 この一冊で全部わかるWeb技術の基本』(以下、「Web技術の基本」)が、イラストが多く最初にイメージを掴むのに最適とアドバイスをいただいたので、そちらを先に読むことにした。 www.amazon.co.jp 読み終わったので、読んだ中で学んだこと・調べたこと、感想を書いた。 <<無断転載にならないよう気をつけて書いたつもりですが、もしご指摘等ありましたら修…

Firebase HostingにはGoogleアナリティクスとの連携機能がついています。firebase.google.com僕はこれまで連携機能を使ったことがなく、Firebase Hostingを使っていても、タグやnpmでアナリティクスを導入していたのですが、この度初めて使ってみました。連携機能というやつを。基本的には、上記ドキュメントの通りに進めていけば問題ないのですが、Next.jsと組み合わせて使ったときに、2点引っかかったので、メモを残しておきます。 import firebase from 'firebase'; const config = { apiKey: 'XXXXX…