FirebaseでPush通知を実現しよう！ Firebase Cloud Messagingを用いた通知システム
Firebase Cloud Messagingとは Firebase Cloud Messaging（以下FCM）は、Push通知の実装やコンバージョン取得等、運用をサポートする便利なツールです。簡易的なモック開発を行う際はもちろん、通常リリースするAndroid／iOSのアプリに共通の通知機能があるものを開発する際に非常に有効活用でき、モバイルアプリ開発では「なくてはならないもの」となっています。 今回はそんな便利なFCMのPush通知の機能について記述させていただきます。 （2023年8月時点でのFirebase管理画面上では、”Messaging”として今回の主題となる「通知（Push通知）」以外に「In-App Messaging」の2つの機能がまとめられています） FCMが対応するプラットフォーム FCMはiOS、Android、さらにはブラウザへのWeb Pushなど、主要な
Flutter + Firebase 簡単！メール認証の実装 - Qiita
今回やったこと 新規会員登録などで、会員登録後に登録したメールアドレスに届いたメールのリンクを踏むと登録完了となるアレです！ FirebaseAuthenticationを使ったお手軽なメール認証を、Flutterバージョンでお届けします。 コードだけサクッと知りたい方はこちらになります。 Firebase設定の手順を知りたい方は、さらに読み進んでください。 String mail; String password; Future shinUp() async { try { final _auth = FirebaseAuth.instance(); // バリデーション後のメールアドレスとパスワードでアカウント登録 await _auth.createUserWithEmailAndPassword(email: mail, password: password); // 確認メール送
FirebaseのE-mail認証でアドレスが正しいことを確認する
FirebaseのE-mail認証でアドレスが正しいことを確認する Firebaseの認証機能を使えば、面倒なログイン回りの処理がほとんど省略できて幸せになれます。 ほとんどの処理がかなり簡単に使えるのですが、1つ、E-mailが正しいことを確認する処理が若干マニュアルではわかりにくいので備忘録として残します currentUser.emailVerified Firebaseでは、E-mailでアカウントを作成した場合、すぐにアカウントが作成されてそのまま利用可能です。しかしユーザが本当に正しいメールアドレスを入力している保証はありません。 ちゃんと確認のメールを送って、それが届いて、メール本文中の確認用リンクを踏んで初めて「正しい」と確認できるのです。 ありがたいことにFireBaseではこの確認作業もあらかじめ用意されているので、いちいち自前で用意しなくても済みます。 ユーザがログイ
FirebaseのE-mail認証でアドレスが正しいことを確認する
Firebaseの認証機能を使えば、面倒なログイン回りの処理がほとんど省略できて幸せになれます。 ほとんどの処理がかなり簡単に使えるのですが、1つ、E-mailが正しいことを確認する処理が若干マニュアルではわかりにくいので備忘録として残します currentUser.emailVerified #Firebaseでは、E-mailでアカウントを作成した場合、すぐにアカウントが作成されてそのまま利用可能です。しかしユーザが本当に正しいメールアドレスを入力している保証はありません。 ちゃんと確認のメールを送って、それが届いて、メール本文中の確認用リンクを踏んで初めて「正しい」と確認できるのです。 ありがたいことにFireBaseではこの確認作業もあらかじめ用意されているので、いちいち自前で用意しなくても済みます。 ユーザがログインした際、 firebase.auth().currentUser
バックエンドを簡単に構築できる、GraphQLを使ったオープンソースのFirebase代替・「Nhost」
Nhostはバックエンド構築を容易にするGraphQLを使った100%オープンソースのFirebase代替です。インフラや認証の設定、CRUD APIの構築にかかる時間コストを削減し、開発者がより良いものを作れるようサポートするのがミッションのようです。 スケーラブルなWeb或いはモバイルのアプリ構築のためのサーバーレス・バックエンドで、認証や支払い等、アプリケーションに必須且つストレスのたまる作業のアレコレを概ね担ってくれます。 React、Next.js、Vue、FlutterなどのSDKも用意されているそうです。何より100%OSSというベンダーロックインの心配がない点だけでも導入検討の動機として十分ですね。ライセンスはMIT。 Nhost
セルフホスト可能なオープンソースのFirebase代替・「Appwrite」
Appwriteはセルフホスト可能なオープンソースのFirebase代替BaaSプラットフォームです。WebアプリだけでなくFlutterを利用したiOS/Androidのアプリ開発にも対応しています。 ドキュメントの保存やアクセス制御の管理、ユーザーの認証や管理、アプリやユーザーのファイルアップロード/ダウンロード/プレビュー、GEOやローカライゼーション、APIの使用状況追跡とリソース管理、バックエンドAPIの利用状況を視認できるコンソールなどなど開発をサポートしてくれる様々な機能を持っています。 Firebaseはアプリ開発者にとって重要なツールですが、重要であるほどGoogleの管理下である事に不安を抱く方も少なくないでしょう。AppwriteのようなOSS代替への移行も常に視野に入れておくのは一つのリスク管理と言えるかもしれません。ライセンスはBSD3条項との事です。 Appwr
数十分で始める、Svelte+Firebaseのアプリ生活。 - Qiita
序 数日前に、ES2015以降をお勉強するのに、Svelte REPLが楽しかったので、Svelte+Firebaseでwebアプリを作ってみたいと思った（最近、オウンドメディア的なものを作りたいなと思っているもので）。 Svelteとは？ JSを知っていてSvelteって何という人は、Svelteで始める頑張らないフロントエンド生活を参考にすると良い。作ってくれているtodoアプリをどうfirebase化するかは、良い例題となりそう。 SvelteFireを使って、１時間以内でアプリを作り始める。 Firebaseのエキスパートの方が作ってくださっているSvelteFireを元にすると、（朝食のカレーを作ったり食べたりしながら）ほぼ１時間でCloud firestoreに書き込めるところまで行けた。 フロントエンド: Firestore側: 以下、Windowsマシンでの作業前提。 ht
超簡単！1時間でできるFireBaseを使ったログイン機能の実装！（実装編） | ビジネスとIT活用に役立つ情報（株式会社アーティス）
今回はStep3から最後まで解説していきます。 Step3. コンソールで発行されたスクリプトをhtmlに貼り付ける 1. コンソールからプロジェクトの概要に進み、前回作ったアプリへを選択します。 2. スクリプトをコピーしてhtmlファイルのヘッダーに張り付けます。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- The core FireBase JS SDK is always required and must be listed first --> <script src="https://www.gstatic.com/firebasejs/8.6.2/firebase-app.js"></script> <!-- TODO: Add SDKs fo
Firebase入門 FireStore編(v9) ※編集中
参照(公式) 【はじめに】 公式のドキュメントを読んだ内容をまとめる。コピペして利用したいので説明とコードを合わせて記載する。 FireStoreを利用するにはFirebaseのセットアップとデータベースの作成を事前に行う必要がある。 セットアップは以下の記事参照。 ほかにも、データベースへのアクセス制限ルールなどを定義できるのだが、まだよくわかっていないので学習が完了したら執筆する予定。 【FireStoreの基本知識】 ロケーション firestoreページにてデータベースを作成するとロケーションを選択できる。 日本に近ければどこでもよいが公式から以下が提供されているので参考にする。 私は東京での利用を想定して「asia-northeast1」に設定。 ・公式ページ データ構想 この記事では「コレクション、ドキュメント、データ」という3つのワードが頻繁に出てくる。これは「NoSQL ド
Firebaseで1時間で簡単なWebチャットアプリが作れるハンズオン - Qiita
経緯 私Google系はド素人だったのでハンズオン勉強会に参加した所短時間でスムーズにざっくり理解できた気がするので自分なりに整理するために記事にしました。（開催元には許可頂いてます） 参加した勉強会 こちらの勉強会に参加しました。案内のとおり、若手エンジニアが多く私浮いてた気がしますが全く気にしてないです。若い世代のエンジニアと交流すると私もがんばらなきゃという気になります。 ハンズオンスライドがとてもわかりやすかったです。このスライドの手順さえあれば1時間で簡単に作れます。 こういうの作るの大変だけど自分自身勉強になるんだよね。 おそらく、Googleが提供しているここのFirebaseWebCodelabのチュートリアルから翻訳とカスタマイズして作成したんだと思います。 完成イメージ こんなのが作成できます。Google認証も簡単に実装できちゃう。 アプリの構成 作成するチャットアプ
Firebaseで完結するリッチなWebアプリ構築の勘所 - Qiita
先日、Togetter社長の@yositosiさんとひょんなことからお友達になり「なんかFirebase使って面白いことやろうよ」という話になったので一緒に面白いことをやりました。 この記事は、 Firebaseを使うと何ができるのか Nuxt.js/Vue.jsとFirebaseの勘所 Firestoreでの複雑なクエリ処理にどう対応するか などのトピックを中心に紹介していければと思っています。 なんとかPay Togetterの社長の@yositosiさんからFirebaseを使ったアプリ構築の話を頂きお手伝いさせていただいた、エイプリルフールの企画の「なんとかPay」というサービス。誰でも自由にPayを発行できる、昨今のPay蔓延している社会に物申しているようなそうでもないようなそんなサービス。 今回は技術周りで色々とお手伝いをさせていただきました！ 自分だけのPayが作れる リアル
Web開発が捗るFirebase入門！JavaScriptで「Webユーザー認証」機能を超お手軽に作るチュートリアル大公開！ - paiza times
どうも、まさとらん（@0310lan）です。 今回は、Webサービスなどを開発する際に、ユーザーの管理や識別などで必要になる「ユーザー認証」機能を、できるだけシンプルに作ってみたいと思います。 利用するのは、さまざまなバックエンド機能を提供するGoogleの【 Firebase 】です！ 非常に多機能なサービスですが扱いはとてもシンプルで、簡単なコードを覚えてしまえば誰でも活用できるはずです！ 自分でサーバーを用意する必要もなく、基本的な機能は無料で使えるので今すぐ始められるのも特徴と言えるでしょう。 ■始め方！ 今回は、「メールアドレス」と「パスワード」でログインする一般的な「ユーザー認証」ページの作成に挑戦してみましょう！ そこで、まずはFirebaseにアクセスして新規にプロジェクトを作成します。 好きな「➀プロジェクト名」と、自分の「➁国名」を指定します。 すると、プロジェクト
Firebase 公式動画から『Firestore の DB 設計の基礎』を学ぶ - Qiita
概要と投稿の背景 本投稿では、Firestore の DB 設計の基礎についてまとめます。 私は普段、都内の企業で Flutter エンジニアとして勤務しています。最近は Python/Django のバックエンド API や、Nuxt.js/Vue.js による Web フロントエンドのタスクにも取り組むことがあるのですが、業務レベルで Firestore を使いこなすような機会はありません。 ですが、趣味や個人で使用する範囲のアプリケーションを開発する際には、DB としての Firestore の便利さ・手軽さ・それでいて高機能な面に魅力を感じており、最近では NoSQL データベースや Firestore の特徴をうまく捉え、メリットを活かしながら、いろいろな規模のサービスを Firestore を用いて実現している例もかなりあるようです。 これから行おうとしている個人開発でも、Fi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GoogleのmBaaS「Firebase」を活用したスマートなアプリ開発一覧