これからFirebaseでプロジェクトを始めようとする全ての人が知っておくべきこと v8→v9リリース
環境 ・MacOS BigSur（11.5.2） ・VScode（1.59.1） ・Node.js (16.1.1） ・Firebase （9.0.0）←New! ・yarn (1.22.11) ・TypeScript(4.4.2) 対象 ・これからFirebaseでプロジェクトを始めようとする人 ✍️8月25日以前に出された教材やチュートリアル、記事、そして現時点での日本語の公式ドキュメントを参考にしようとしている人は特に！ ・教材や記事、ハンズオン通りにFirebaseでプロジェクトを始めたのに原因不明のエラーぶつかった人 ・8月25日以前にFirebaseプロジェクト作っている人 ※この記事は2021年9月1日時点の情報です ※情報ソースはFirebaseの公式ドキュメント及び公式に発表されているリリースノートとブログを参考にしています はじめに 早速本題に入りますが、つい先日（20
esa.ioに分報っぽく投稿するアプリをReactとFirebaseで作った - yasuhisa's blog
こういう風に投稿すると(左)、esa.ioにこういう感じ(右)で投稿される分報風のアプリを自分用に年末年始に作りました。 作った動機 使った要素技術 Firebase Authentication Firebase Hosting + React Firebase Cloud Functions デプロイ自動化 所感 作った動機 きっと皆さんそうしているように、私も日々ログを残しながら作業をしている。仕事ではscrapboxを使っているが、プライベートではesa.ioを愛用している。プレビューを見つつmarkdownで書けたり、タグとカテゴリがいい感じに使えたりするところが気に入っている。あと、アイコンがかわいい。 ちゃんと作業をするときにはesa.ioにページを作るが、そうでない雑なものも記録したいときが度々ある。例えばこういうの。 今度コンビニ行ったとき、忘れずにXXXを買う 統計の本
React x Firebase のCIを Github Actions で組む方法｜yiio
前提 - React 16.13 - Firebase 8.6 アプリ自体は Create React App で組みました。 FirebaseのAPIキーはリポジトリにあげるの避けたいので、環境変数（REACT_APP_FIREBASE_API_KEY）にしておきます。その他の設定はenvファイルに出します。 .env.production REACT_APP_FIREBASE_AUTH_DOMAIN=your-project.firebaseapp.com REACT_APP_FIREBASE_DATABASE_URL=https://your-project.firebaseio.com REACT_APP_FIREBASE_PROJECT_ID=your-project REACT_APP_FIREBASE_STORAGE_BUCKET=your-project.appspot.c
Firebaseでお手軽！データ管理画面をつくる | フューチャー技術ブログ
はじめにこんにちは！ 2017年9月入社の柏木です。夏休み自由研究連載13日目の記事です！ 🏖️ 昨日は【入門】私を苦しめたDynamoDBという読み応えたっぷりの記事でした。 今回は、Firebaseを使って画面を開発してみようと思います。 本記事のゴール下記を最短経路で作ってみます。 システムアドミンの人が使うようなマスタデータ管理画面を想定して、限られたユーザーにアクセスを制限すべく、認証機能も入れました。 Typescript×Reactのアプリを立ち上げる Firebaseのデータベース（Firestore）にデータを用意する Firebase Hostingを用いてデプロイする Firestoreに格納されているデータを画面に表示する Firebase Authenticationで認証する 環境 macOS Catalina (v10.15.6) Node.js (v14.
Cloud Functions で構築したREST APIをFirebase認証で保護する。そして自前RESTサーバのAPIにもFirebase認証を適用する。 - Qiita
export const echo = functions.https.onRequest((request, response) => { const task = request.body response.send(JSON.stringify(task)) }) とは別に functions.https.onCall という方式もあるようで、今回はそちらをつかってみます。そしてそれをスタート地点にして、Functions上に構築したREST API を、Firebaseの認証機能で保護するやり方を考えてみようとおもいます。 ついでに、自前で構築したRESTサーバにも、Firebaseの認証を組み込んでみようと思います。 TL;DR functions.https.onRequest でRESTなサービスを作ったばあい認証チェックなどは自動では行われない。従って作り込みが必要ではある
Firebase Hosting + Firebase Authenticationで簡単な認証サイトを作ってみよう
以前執筆した記事ではFirebase Authenticationの特徴や認証の仕組みについて解説しました。今回は実際に、認証を実装したWebアプリを作っていく様子をお見せしたいと思います。Firebase Authenticationを使うとこんな簡単にログイン画面が作れるんだということを実感していただける内容になっていると思います。今回作成するデモアプリは Angular, React, Vue といったフロントエンドフレームワークを使っていないので、これらのフレームワークに馴染みのない方でも簡単に作ることができると思います。 これらのツールのインストール手順を紹介します。 すでにインストールしている場合はスキップしてください。 Node.js のインストール Windows, MacOS https://nodejs.org/ja/download/ から使用しているOSに対応するイ
Firebase Analyticsの導入を検討している担当者へ送る、Firebase Analyticsの特徴とモバイルアプリ向けGoogleアナリティクスとの比較、活用例をご紹介！ - Real Analytics （リアルアナリティクス）
今回の記事は、ウェブアナリスト・コンサルタントとして株式会社プリンシプルで活躍されているRayさんにご提供いただきました。 大作です！ありがとうございます。*1 twitter.com それでは、早速どうぞ！ Firebase Analyticsについて ①イベントヒットデータとしての集計 ②自動収集イベント ③BIツールに接続する際はBigQueryを ④カスタム定義がユーザープロパティに ⑤カスタムレポートが存在しない ⑥データ保持期間設定が厳しい Firebase Analyticsをより活用するポイント ①BigQueryと接続してより詳細なデータを入手・可視化 ②AnalyticsデータからセグメントをしてA/Bテストをしながらアプリ改善 ③広告やGoogle Play、Slack等とも連携が可能 これからFirebase Analyticsの導入をされる場合 ①収集すべき指標
[Swift] FirebaseでToDoリストを作ってみた for clean architecture - Qiita
はじめに Firebaseを勉強したので、簡単なToDoリストを作ってみます。 方針 ・設計手法は、クリーンアーキテクチャを採用 ・データの管理は、FirebaseのRealtime Databaseを採用 前提知識 ・Firebaseの導入方法 ・Firebaseによる認証方法 ・FirebaseによるRealtime Databaseの使い方 ゴール ユーザごとにToDoリストを管理するアプリを作ります。 画面構成は、ログイン画面、ToDo一覧画面と、ToDo登録画面です。 （会員登録機能、ログアウト機能については、割愛します。） （１）ログイン画面 ・メールアドレス、パスワードを入力し、ログインボタンを押下すると、ToDo一覧画面へ遷移する （２）ToDo一覧画面 ・ToDo一覧を表示する ・該当行をタップするとToDoを完了済みとする（取り消し線で消す） ・プラスボタンを押下すると
![[Swift] FirebaseでToDoリストを作ってみた for clean architecture - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/5b516f6c1859d9da08ee21aafba6cfc07790f6ef/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCU3dpZnQlNUQlMjBGaXJlYmFzZSVFMyU4MSVBN1RvRG8lRTMlODMlQUElRTMlODIlQjklRTMlODMlODglRTMlODIlOTIlRTQlQkQlOUMlRTMlODElQTMlRTMlODElQTYlRTMlODElQkYlRTMlODElOUYlMjBmb3IlMjBjbGVhbiUyMGFyY2hpdGVjdHVyZSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9NDc2NmZhMzdiNWRjODc2MzA5YzY2YjAxMjE1YWU1YmQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBlS3VzaGlkYSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9M2QwYTlhNTJjNzUzNmQwOTk5NTA3NDgxZTRlMmZjZmE%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-U1RW44OG44OD44Kv%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D834144ee64c4ce86acf8b3502a7a2827)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
