Firebase

Gakuです。 最近はもっぱら、flutterとfirebaseで開発を行っています。 firestoreはNoSQLということもあって癖がありますが、最近ようやく慣れてきて爆速開発環境でニヤニヤしてます。 (個人開発ならこれくらいの環境でいいんだよ！ そんなfirestoreですが、ソートを実施するためや、リストの制限のために、documentの生成時・変更時にcreatedAtとupdatedAtを必ず付与する設計にしている人も多いのではないでしょうか？ createdAtとupdatedAtカラムをdocumentの生成時に必ず付与するようにしてもいいのですが、firestore rul…

つい最近, 学生に見られてしまった42歳*1（外資コンサル企業マネージャー）です. 今, プライベート（いわゆる個人開発）でWebサービスを開発しようとしているのですが, Webサービスの性質上, 何らかの認証機能が必須 ↑が必須なのはわかるけど, 自分で開発（コードを書く）のは正直つらい（かつ自前で書くほどの要件でも無さそう） クラウド（今回はGoogle Cloud）で運用するのは決まってるので, 既存のクラウドサービスでどうにかならないか? といういい感じにサボる効率的なソリューションを探した結果, ワイ「どうやらCloud EndpointsとFirebaseでどうにかなるらしい🤔」 …

はじめに はじめまして！ askenで北米版アプリのサーバーサイド開発を担当している大倉と言います。サーバーサイド開発の他、データの抽出や可視化も担当しています。 北米版では全ての施策に対してABテストを行い、その結果を元に意思決定をしています。FirebaseのコンソールやGoogle Analyticsを使えば、コンバージョン率などの簡単な指標の確認はできます。しかし、コンバージョン率だけではなく、より細かい指標を分析したい場合は、独自でFirebaseのイベントログを解析し、分析する必要があります。北米版あすけんでは、上に添付している画像のレポートを利用して、ABテストの結果を可視化・分…

firebase.google.com firebase.flutter.dev 目的 firestoreでテキストベースのデータ保存はできるようになったものの、最近のアプリは何かしらのメディアを利用することが多く、それのためのインフラが必要 cloud storageをメディア用のストアとして、アップロード・ダウンロードできるようになればそれなりのアプリを作れそう やったこと 事前準備 firestoreと同様にセキュリティルールを設定した。認証ありの場合のみ許可 ローカルでのファイル選択のためにimage_pickerを、ファイル保存のためにpath_providerを利用した 画像保存の…

firebase.google.com pub.dev 目的 仕事で認証系の処理に関わることがあり、なんとなく興味がわいた。SDKの使い勝手や認証プロセスをどこまで抽象化しているのか気になった。 自分で何かサービスを作ろうとしたときに、もはや認証は避けて通れない気がした。明示的なログインがなくともユーザの区別はつけたくなりそう。また、Firebaseの他機能を利用しようとするとAuthは必須なのでいい機会だと思った やったこと 公式サイトを見ながら、匿名ログインとgoogleログインだけ試した(Androidのみ)。実際のログイン処理はSDK内でやってくれるので、開発者はライブラリの呼び出しと…

こんにちは。システム部の大澤です。 普段は北米版あすけんのiOSアプリを開発しています。 今回はGoogle Analyticsに送信する行動ログのイベントの実装を効率化したことについてまとめました。 Google Analyticsとは Google Analyticsはアプリの使用状況とユーザーエンゲージメントについて分析できる、無料のアプリ測定ソリューションです。 Google Analyticsは元々、WebのツールであったがFirebase Analyticsと統合されて、アプリも計測できるようになりました。 北米版あすけんでは行動ログのイベントを計測するためにFirebaseのSD…

本投稿は TECOTEC Advent Calendar 2021 の3日目の記事です。 次世代デジタル基盤開発事業部の飯田です。 昨年に引き続きFirebaseでサービスを運用してきた中でのあれこれをご紹介したいと思います。

はじめに これは2021年振り返りカレンダーの5日目の記事です． 前回はBitrise上でExpo OTAを行うワークフローを構築するという内容でした． serenard.hatenablog.com 今回は，最近の初期アプリにはほとんど使われてそうなFirebase周りのCI/CDと， 環境分けについて書いていきます． CI/CDの対象となるFirebaseのサービスはFirebase Functionです． また，storageやfirestoreのセキュリティールールのデプロイは 環境ごとに対象バケット名が少し変わったりするので， そこをどう分けて管理するかについてです． 仕様 今回は，…

(一応)マイクロマウスをメインでやっているが、周りの友人や、所属しているサークルにはWeb屋が多く、Webのこと多少分かってないと話についていけない部分が多々あった。そのため、Web実際に触らなくてはという思いがあった。また個人的にもWebには技術的興味があったので、2つ程Webアプリを作ってみた。自分の周りはLalavel+Reactをメインで使う人が多かったが、学習にそれほど時間をかけられなかったため、とりあえずReactよりは学習コスト低めと言われるVueで作ってみた。(本当はReactで作ってみたかったが、ReactHooksリリース以降関数コンポーネント？で作るのが主流っぽく、公式の…

はじめに Draft.js製テキストエディタに入力されたデータをFireStoreに保存する手順を記録します。 正確には、今回エディタのコンポーネントを取ってきているライブラリはDraft.jsではなく、react-draft-wysiwygというDraft.jsをさらに拡張させたライブラリになります。 ですが今回やりたいことであるデータの書き込みをする限りではエディタのコンポーネントに限っては2つのライブラリ間で何か特別な機能の差異があるわけではないので、実装する際は好きな方を使用してもらって問題ありません（Draft.jsのエディタでも今回やりたいことができるのは確認済み）。 ちなみに私が…

あなたはアプリを使ってクライアントや会社で働いているマーケティング担当者ですか？ この質問に「はい」と答えた場合、アプリ内の特定の場所にWebサイトの訪問者を誘導するための専用の戦略がありますか？ お持ちでない場合は、このブログが最適です。 ディープリンクを含む戦略がある場合は、このブログも役立ちます。 Firebase Dynamic Linksが、マーケティング戦略全体を後押ししながら、マーケターがアプリの目標を達成するのにどのように役立つかを学ぶために読んでください。 Firebase Dynamic Linksとは何ですか？Firebase Dynamic Linksに飛び込む前に、デ…

ツイート Kimihiko Kitase [emoji:4B0] @kkitase BigQuery からも Explainable AI がでたよー https://twitter.com/GoogleCloudTech/status/1483805953795502084 10:30 Google Devs Japan @googledevjp #ML モデルのデータを Vertex AI に取り込みましょう。4 種類のデータに対応しています : 🍽 イメージ 🍽 表 🍽 テキスト 🍽 動画 データセットの作成方法や管理方法を習得し、#VertexAI を使って… https://twit…

知り合いから、個人事業（教室系）を始めたいのでホームページを作りたいという話が挙がった。 これはフリーランスになるために実績を積む、またとないチャンス！教室の紹介ホームページならCMSでも十分作れるし、Azureのクラウドサーバーを使ってWordpress でWebサイトを構築した経験は何度もある。 それに、会社の業務でSSL証明書やドメインを新規取得・運用した経験もあるため、それらの経験も活かせば、構築して公開すること自体は問題ない。 後はSEO対策とデザインスキルだけが問題になる。こればかりは専門じゃないと難しい。 それについて依頼者に相談し、ページのデザインについては既存の同業他社のデザ…

みなさま、こんばんみ。タイトル通り退職エントリ的なあれです、本日、最終出社でした。現職では主にフロントエンジニアとしてNuxt.js/Firebaseを用いた、仮想通貨/NFT系のサービス開発に携わりました。約三年ほど。 なんで入ったのか 前の退職エントリ 参照 やってたこと 仮想通貨で翻訳依頼する漫画Viewer的なのや、NFTのマーケットプレイス的なやつを作りました。あとなぜか保険系のWEB受付サービスなんかも。最後の方はリードエンジニアっぽいことも若干やってました。リード(に繋がれた)エンジニア 技術要素的にはざっくり以下辺り。 Nuxt.js(2系) Node.js(backend) …

はじめに こんにちは。レバレジーズ株式会社エンジニアの加藤です。 今回は、私が所属しているHRテック事業部における新規SaaSの開発についてご紹介したいと思います。 事業領域について 私たちの事業部が扱う領域はHRTechといい、主に会社の人事業務に対するサービスを展開しています。「人事」と聞くと採用活動をイメージされることも多いですが、ここでは「従業員が入社し、退職するまでに関わる業務の全般」を指します。そのため、採用管理や勤怠管理、タレントマネジメント、給与管理などをはじめとした、さまざまなSaaSが存在しています。勤怠管理サービスなどは使ったことのある方も多いのでイメージしやすいのではな…

利用規約・プライバシーポリシー 1.はじめに ぱにーに（以下「当方」）は、スマートフォン用アプリケーション（以下「アプリ」）を開発・運用しています。本アプリのご使用によって、本規約に同意していただいたものとみなします。 2.収集する情報 アプリのご利用に際して、以下の利用者情報を取得いたします。 2.1 アプリケーションの利用状況の収集 当方が配信するアプリでは、広告配信のためにGoogle AdMob、利用状況解析のためにGoogle Firebase Analyticsを使用する場合がございます。 広告配信のために広告IDを取得していますが、個人を特定するためなどには使用しておりません。 …

私たちは最近、買い物からソーシャルメディアの閲覧、ビジネスの管理まで、すべてを携帯電話で行っています。 そのため、ユーザーエクスペリエンスを最適化して、ユーザーをアプリに長期間とどめ、アプリをより楽しんで、友だちと共有することがこれまで以上に重要になっています。 モバイルアプリを最適化しようとしている場合は、レイアウト、フォント、コピーなどをすでにいじくり回していると思いますが、おそらくまだ行っていないことが1つあります。それは、モバイルディープリンクです。 これは、ユーザーがアプリをどのように利用するかを大幅に向上させることができる小さな詳細ですが、それを利用している人はほとんどいません。 …

ウェブサイト分析に関しては、GoogleAnalyticsは誰にも負けません。 最新リリースであるGoogleAnalytics 4（GA4）のロールアウトにより、アプリケーション分析についても同じことが言えるようになりました。 Google Analytics 4は、最新世代のWeb分析プラットフォームとして設計されており、世界中のマーケターが重要な顧客の使用状況を効果的に分析するための基盤を提供します。 新しいレポート機能、拡張機能、および予測インサイトにより、現在のGoogleアナリティクスの設定に不可欠な追加機能になります。 Google Analytics 4とは何ですか？Googl…

最新のFirebaseをnpm install firebase でインストールしたのに、firebaseが読めないよ、という下記のエラーがでる。 ERROR in ./plugins/firebase.js Module not found: Error: Can't resolve 'firebase' in 'C:\Users\hakus\Desktop\nuxt-app\plugins' ▼原因 npmでインストールされる最新版のfirebaseパッケージがv9になったため、読み込み方が変わった。 最初にfirebaseオブジェクトをインポートしておいてから中の関数を使用するのではなく…