Cocos Creator を使って Firebase Authentication を実装する | のい太ろぐ
Firebase プロジェクト作成適当にプロジェクト名を決めます。 今回は使わないので、Google アナリティクスは有効にしません。 Web アプリを有効にWeb アプリから Firebase にアクセス出来るようにします。 適当にアプリ名を決めます。 あとで必要になるのので、firebaseConfig をメモします。 匿名認証を有効に一番簡単な匿名認証で動作確認をするため、匿名認証を有効にします。 左メニューの開発項目から、Authentication を選択して、ログイン方法の匿名を有効にします。 Cocos Creator プロジェクト作成TypeScript を選択してプロジェクト作成をします。 TypeScript を選んだ理由は、Javascript の上位互換で、Javascript には無かった型の定義出来るからです。 ミスの少ないコーデングが出来るようになります。 プ
Firebase Firestoreのエミュレーターを使ってローカルで開発する
もしかしたら皆さん知ってたんでしょうか。おれは最近知りました。（普通にドキュメントに載ってる。） 先にまとめ エミュレーターがあればだいたいローカルで開発できるぞ Firebase コンソールみたいなウェブ UI で閲覧、編集もできる npx firebase init でインストール npx firebase emulators:start で起動 app.firestore().useEmulator("localhost", 8080); でアプリから接続 公式：Firebase Local Emulator Suite の概要 例：ginpei/firebase-emu-example Firestore 以外の Firebase の機能もあるんだけど、本稿では主に Firestore についてお話しします。 ※↓こんな感じです エミュレーターでできること 本物 Firestore
2020年の個人的Firebaseのまとめ
（この記事はFirebase アドベントカレンダー 2020の記事です） もうアドベントカレンダーの季節かーって感じですね。もともと引きこもるのが好きだったのが、引きこもる大義名分を得た年だったのでずっと家にいて季節感がなかった年でした。 そんなことは関係なく、2020年もFirebaseは進化していたのアップデート内容を個人的興味があったものまとめていきます。 Emulator Suite UI Emulator SuiteはローカルやCI/CDでFirebaseの機能をテストできるツールです。Emulator Suiteが出るまでは本物のFirebaseプロジェクトを利用する必要がありましたが、Emulatorの登場で複数人開発やCIでのテストもやりやすくなりました。 5月のリリースでEmulator SuiteにUIが付きより視覚的にローカルでのテストがしやすくなり、Firebase
Firebase × Vue.js で サクッとリアルタイムに反映される掲示板を作る · tanaken.me
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>board_app</title> <link href="index.css" rel="stylesheet"> </head> <body> <div id="board"> </div> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script> <script src="main.js"></script> </body> </html> <div id="board"> <h2>掲示板</h2> <ul class="lists" style="list-style-type: none"> <board-list v-for="list in li
firestore, vue.jsでリアルタイム同期のチャットを実装してみる [チュートリアル形式] - Qiita
以前までは、リアルタイム同期のwebアプリ※はwebsockets等を使用しなくては実現できませんでした。 でも今の時代にはFirebaseがあります！！！ FirebaseのFirestoreを使えば、リアルタイム同期のwebアプリを本当に数行で構築できてしまいます。 今回はそのサンプルとしてFirestoreとvue.jsを使い、リアルタイムでコメントが同期されるチャットを作成してみました。 この手の記事は既に色々あり、何番煎じかわからないのですが、Firebaseに初めて触る人でも理解できるよう、 わかりやすさ重視でスクショを多めに掲載しています。 ※ ここでいうリアルタイム同期は、プラウザをリロードせずとも常に他のクライアントで加えた変更が反映されること どんなwebアプリ？ リアルタイムでコメントが同期されるチャットアプリです。 コメントの追加 コメントの削除 が可能です。 ユー
![firestore, vue.jsでリアルタイム同期のチャットを実装してみる [チュートリアル形式] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/8423bd8be04ac4533edfde47366322b230bc769b/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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTIwZmlyZXN0b3JlJTJDJTIwdnVlLmpzJUUzJTgxJUE3JUUzJTgzJUFBJUUzJTgyJUEyJUUzJTgzJUFCJUUzJTgyJUJGJUUzJTgyJUE0JUUzJTgzJUEwJUU1JTkwJThDJUU2JTlDJTlGJUUzJTgxJUFFJUUzJTgzJTgxJUUzJTgzJUEzJUUzJTgzJTgzJUUzJTgzJTg4JUUzJTgyJTkyJUU1JUFFJTlGJUU4JUEzJTg1JUUzJTgxJTk3JUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgyJThCJTIwJTIwJTVCJUUzJTgzJTgxJUUzJTgzJUE1JUUzJTgzJUJDJUUzJTgzJTg4JUUzJTgzJUFBJUUzJTgyJUEyJUUzJTgzJUFCJUU1JUJEJUEyJUU1JUJDJThGJTVEJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz01NjE3NTAwZjE5Yzg0YzBmMGFjYTYwM2MxZmE0ZjkxMw%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDByeW8yMTMyJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz05NThhZDU4Y2E3YzAzZjYyMzcyMjcyMWU2ZGRjNDdhMw%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3De7ed80df41489302e2a3385e570b5cec)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Cocos Creator と SDKBOX を使って Firebase の Analytics を実装する
Firebase with Javascript - SDKBOX
Admob in Creator - SDKBOX
Firebase Cloud Firestore Security Rules Essentials