Firebase

はじめに 受注のあったアプリをFirebase+React+Typescriptで開発中です。 ページネーションと書きましたが、実際は次へと前へのボタン二つで実装です。 (※そして少々回りくどいかもしれません！！申し訳ありません！！) Firebaseのクエリでは本物ページネーションが難しいため、開発中のアプリはAlgoliaを導入しました。 Firebase+Algoliaの開発記事はまた書こうと思います。 流れ 今回使うメインのデータの型 interface USER { uid: string name: string createdAt: Date image: string } 今回…

もともとAndroid向けにFlutterでアプリを書いていて、iOS向けにビルドしようとなった際に、Firebaseがビルド出来ずにハマったのでメモ。 ハマったこと fatal error: could not build module 'firebase_core' こんなエラーが出る。 GitHubでIssueも上がっていた。 github.com 解決策 上記のissueではPodfile内に利用するFirebaseのコンポーネントを記載していく方法が言及されていたが、自分はそれでは解消せず。 結局このNoteに救われた。 note.com 自力でPod initやPod instal…

僕の場合、Expoでアプリを開発する時は、Firebaseを使うことがほとんどである。認証周りとかFirestoreとか便利だし。 ただ、それぞれ別々のリポジトリとして管理していると、いちいちフォルダ間の移動が大変だったりどこにどのファイルを作ったかを忘れたりと面倒なことが多々起こる。ファイルを探すのに指を使うのはエネルギーを消費するので、極力疲れることは避けたい。 なので、monorepoとして管理できたら、たびたび発生するめんどうくさい問題は解決するのではないかと考えた。 いろいろ調べた結果Lernaを使うと良いらしいことがわかったので、今回はLernaを用いてExpoとFirebaseの…

Firestoreではtransaction機能が使え、複数の書き込みをまとめることができます。 transactionを使用するときには、以下のコードのようにrunTransactionを利用します。2つ目の引数にトランザクションの内容を書いた関数を渡します。 await runTransaction(db, async (transaction) => { // TODO ここにトランザクションの内容を書く }) コールバックに渡ってくるtransactionにはgetとset、update、deleteが用意されています。addがありませんね。 addはdoc()とset()を組み合わせ…

Firestoreのセキュリティルールで数値の範囲を制限することができます。悪意のあるユーザにより思わぬ値を登録されてしまい、誤動作を起こすことを防げます。 フィールドの大小比較を使う 数値の範囲を指定するには、フィールドの値を大小比較します。 例えば、"age"(年齢)フィールドを18以上65以下に制限するには以下のように記述します。 allow create, update: if request.resource.data.age >= 18 && request.resource.data.age <= 65 数値の範囲の使用例 例として参加登録フォームを作ってみます。 データ構造はこ…

Firestoreのセキュリティルールで文字列の長さを制限することができます。悪意のあるユーザによりとても長い文字列が登録されてしまい、結果過大な請求が発生するのを防ぐためにも、文字列の長さを制限しておくのはおすすめです。 string.size() 文字列のstring.size()メソッドを使用することで文字列の長さを取得できます。これと大小比較を組み合わせてルールを作成します。 例えば、"text"フィールドを16文字以下に制限するには以下のように記述します。 allow create, update: if request.resource.data.text.size() <= 16…

JX通信社はPyCon JP 2021のゴールドスポンサーとしてスポンサーさせていただきました。 今回弊社平瀬さんがLocastの内容で登壇されました！内容はこちらからご覧ください。 speakerdeck.com その際、会社のブースではPythonを使ったミニゲームを実施していました。 PyCon JP 2021について PythonのカンファレンスであるPyCon JP 2021はオンラインとオフラインでのハイブリッド開催となりました。スポンサーブースはオンラインのみで、Discordのチャンネルに参加者の方に入っていただき、そこで会社の紹介や、参加者の方と交流するという流れになっていま…

環境 macOS Big Sur version 11.4 Mac Book Pro M1 チップ Unity Hub : Unity 2020.3.22f1 firebase : firebase_unity_sdk_8.6.2 エラー内容 FIreStoreのパッケージを入れようとしてAndroidDependencysが勝手に行われ，その中でエラーが生じていた． Resolving Android Dependencies が進まずに途中で終わってしまった． ERROR: Gradle failed to fetch dependencies. Failed to run '/Users…

こんにちは、技術広報のyayawowoです。 フロントエンドエンジニアの皆様、今のフロントエンドを楽しんでおりますでしょうか？ 変化の多いフロントエンド領域を楽しむために・・・ ラクスが開催している 「フロントエンド LT会」で発表された資料をご紹介します！ フレームワークや開発言語別にまとめておりますので、興味があるところだけを少し摘まむのも大歓迎です。 9月に開催した「フロントエンドLT会 - vol.4」は、参加者が500名越えとなるイベントなりました。 2022/1/19(水)に「フロントエンドLT会 - vol.5」を開催しますので、ご興味ある方は是非登壇/視聴申込よろしくお願いいた…

iOS（ないしAppleプラットフォーム全般）のFirebaseといえばこれまでインストール方法はCocoaPodsが基本だったが、バージョン8.0.0からSwiftPMでもインストールできるようになっている。 https://firebase.google.com/docs/ios/installation-methods#swift-package-manager firebase-ios-sdk/SwiftPackageManager.md at master · firebase/firebase-ios-sdk · GitHub さて、Firebase Analyticsと組み合わせ…

医療・介護・ヘルスケア・シニアライフの4つの領域で高齢社会の情報インフラを構築している株式会社エス・エム・エスでサービス横断で技術的な課題を解決して回っている@okazu_dmです。 直近はSREとしての業務などがメインでしたが、本日は私が運用を担当していた全社横断の利用規約とプライバシーポリシー(以下、利用規約等とします)の管理&配信サービス(以降、社内のコードネームであるnomosと呼びます)について紹介します。 nomosとは nomosは、上述したとおり利用規約等を管理、配信するサービスです。2019年の夏には一旦開発が完了した段階で私が引き継ぎました。引き継ぎから実際に活用されるまで…

【問題】 Firebase v9対応をしていたところ、以下のようなFirestoreのセキュリティルールが常にnullと評価されていたallow read: if request.auth != null;【解決方法】 firestoreをexporしている箇所で import { initializeApp } from 'firebase/app' import type { FirebaseOptions } from 'firebase/app' import { getFirestore, setLogLevel } from 'firebase/firestore' import …

【これはUnipos Advent Calendar 2021の1日目の記事です】 PRを作ると自動でFirebase HostingのPreviewチャネルにデプロイが行われ、デプロイされたチャネルのURLがコメントされる。コミットが積まれるたびに新しくデプロイされ、コメントのURLも更新される。そういうGithub Actionsを最近作ったので備忘メモ。 Github Actionsがつけるコメントの雰囲気 今回はFirebase Hostingを使っているので、やっていることはFirebaseExtended/action-hosting-deployとほぼ同じだけれど、これを応用すれ…

初めに こんにちは。トレタ CTO の鄧（でん）です。 今年も残り少なくなってきたので、少し早いかもしれませんがこの怒涛のような一年の振り返りをさせて頂ければと思います。 プロダクト 2021 年は主に 3 本の柱に絞って開発を進めております。 O/X（Order Experience、より良い顧客体験を実現するためのメニュー / POS システム） B/X（Booking Experience、より良い顧客体験を実現するための予約管理システム） CC（飲食店向けのコンタクトセンター） それぞれ事業として違うフェーズになっていたり、技術的な制限が異なってたりするので事業を横断するときのコンテキ…

受講したのはこの講座 【2021年最新版】はじめてのAngular入門 実践シングルページアプリケーション（SPA）開発 | Udemy 講座の概要はこんな感じ TypeScriptの軽いレクチャー 公式のチュートリアルを改変したアプリケーション作成 RxJSの理解のためのレクチャー Firebaseを利用したチャットアプリケーションの作成 感想 勉強にはなったけど、身の回りの人にこの講座を勧めるかと言われたらNoだなぁという感想。 前半のTypeScriptのレクチャーはこれだけ抑えておけば良い、というほどではないし、最初のアプリケーション作成は説明も含めて公式のチュートリアルをこなしたほう…

はじめに 最近会社でようやくiPadが支給されたので、実務(電気設備導入業務)で役立ちそうなアプリを開発してみようと考えました。 セキュリティや情報管理の問題をクリアでき、会社でも使用できて、比較的に簡単に作れるアプリということで電気設備用の計算機を製作しました。 目次 はじめに 目次 どんなアプリか？ 開発環境 アプリ構成 個人的に初めて挑戦したこと 今後について 参考サイト どんなアプリか？ 電気負荷の大きさに応じて、電源ケーブルサイズや電圧降下を計算します。 また、電圧と電流から各種電力値を計算します。 これまでは資料を読みながら電卓を叩いていましたが、自動的に計算することで計算ミスや時…