この記事はAndroid #2 Advent Calendar 2019の12/9の記事です。 前日は @tak-wisteria さんの「Android × TDD」でした。 はじめに Android Studioを普段使用している方で上記のアイコンがあるのをご存知でしょうか。 上記の👁の画像はゲーム画面などではなくAndroid Studioの一部を拡大したものです。 👁は若干不気味ですがAndroid開発をとても便利にしてくれます。 Android Studioでの👁のセットアップ方法と👁の使い方を説明します。 本記事ではMac OS 10.15, Android Studio 3.5を使用しています。 前編: 👁を追加する 1. 新規にプロジェクトを作成する File > New Project からプロジェクトを作成します。 サンプルではEmpty Activityを選
New for Firebase Hosting: request logging, Brotli compression, and internationalization
New for Firebase Hosting: request logging, Brotli compression, and internationalization We’re excited to announce several new features that make developing with Firebase Hosting even better! New features! Server-side analytics with Cloud Logging Our new integration with Cloud Logging gives you access to web request logs for your Hosting sites. Cloud Logging, previously known as Stackdriver Logging
この本は執筆途中ですが著者のリソース問題で更新を断念しました。このままお蔵入りさせるのも忍びないので途中までですが公開することにしました。ご留意の上適宜参照してください。また、Tailwind CSSなど古いバージョンに基づいているのでその点もご留意の上ご参照ください。
![[WIP]Next.jsとFirebaseによる実用Webアプリ開発](https://cdn-ak-scissors.b.st-hatena.com/image/square/874e75b6580735f12601fd23d6c62cd41b66f339/height=288;version=1;width=512/https%3A%2F%2Fstatic.zenn.studio%2Fimages%2Flogo-only-dark.png)
2021年、業務アプリ開発歴17年が初めてFlutter Firebase Dartを触りたくなった話 - Qiita
2021年、業務アプリ開発歴17年が初めてFlutter Firebase Dartを触りたくなった話AndroidDartFirebaseFlutter 筆者のスペック：Delphi の人です。業務アプリたるやみたいなことを普段は考えています。 ERP業務アプリケーション開発17年 言語：Java, JavaScript (Delphi, COBOL, C++, SQL？, HTML？, CSS？, 趣味では色々 フレームワーク？：Spring, jQuery, 他：Windows, UNIX全般, LINUX, データベースは何でも で3層構造を主に触って食ってきました。タイトルだけは今時風にしてみました。 以下 Web制作を諦めた初心者が半年でアプリをリリースした話（Flutter） を読んで全く単語が頭に入ってこなかったのと、頭から入りたい質として「あーん？こいつら信用できるん？」
Next.js × TypeScript × Firebase AuthenticationでGoogle認証を実装する - Qiita
概要 Next.js × TypeScript × Firebase Authenticationを用いたgoogle認証機能を実装してみました。 実装（Firebase側） プロジェクトを作成する Firebaseにアクセスし、新しいプロジェクトを作成します。 作成が完了したら、『ウェブ』というアイコンをクリックし、アプリ名の登録を行います。 アプリ名の登録が完了すると、下記のようなスクリプトが表示されるかと思います。 こちらはnextアプリ側で使うので、コピーしておきます。 var firebaseConfig = { apiKey: xxxxx authDomain: xxxxx, databaseURL: xxxxx, projectId: xxxxx, storageBucket: xxxxx, messagingSenderId: xxxxx, appId: xxxxx, me
GitHub - CSFrequency/react-firebase-hooks: React Hooks for Firebase.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.
Flutter初心者からステップアップしたい！ Firebaseと連携してアプリを制作する方法を知りたい！ と言った方向けにFlutterでFirebaseを利用する方法を丁寧に解説します。 各種設定から解説を行い、本書に沿って進めていけば動作するアプリケーションが作成できるハンズオン形式です。またある程度の有識者の方はFlutterとFirebaseでこんなことがしたい！という際に参照するレシピ本のように扱っていただくことも可能です。 本書の内容を活用できるようになればFirebaseを利用して実用的なアプリを作成できるようになるかと思います。以下が扱う内容になります。 - Authentication ○匿名ユーザでの認証 ○メールアドレスによるサインイン、サインアップ ○パスワード変更、メールアドレス変更 ○パスワードリセット機能 ○メールアドレスの有効化機能 - Cloud Fir
初めに Firebase Authenticationを使用すると簡単にアプリにユーザー認証の仕組みを実装することができます。 自前のWebサーバーでFirebase Authenticationのユーザー認証を検証したい場合、IDトークンをクライアントから送ることで実現できます。 このIDトークンとセキュリティについて記載します。 以下の記事も参考にしてください。 JWTでセッション管理してはいけない 登場する単語 IDトークン ユーザーの情報が含まれたJWT。 有効期限が1時間しかない。 更新トークン IDトークンを取得するために使用するトークン。 Webサーバーでのユーザー認証の流れ クライアントはFirebase Backendから更新トークンを使ってIDトークンを取得する。 クライアントはWebサーバーにIDトークンを送る。 WebサーバーはIDトークンを検証し、ユーザーを認証す
Firebase - Wikipedia
A/B Testing, App Indexing, Analytics, Authentication, Cloud Firestore, Cloud Functions, Cloud Messaging, Cloud Storage, Crashlytics, Dynamic Links, Hosting, In-App Messaging, ML Kit, Performance Monitoring, Predictions, Realtime Database, Remote Config, Test Lab, Firebase Extensions Firebase（ファイアベース）は、2011年にFirebase, Inc.が開発したモバイル・Webアプリケーション開発プラットフォームで、その後2014年にGoogleに買収された[5]。 2020年3月現在、Firebase
FabricからFirebaseへのマイグレーション
Fabric は 2020 年 3 月 31 日をもって、Firebase に統合されます。 https://get.fabric.io/roadmap そのため、Fabric で使っていた Beta や Crashlytics を Firebase にマイグレーションをする必要があります。 今回は、iOS と Android で Beta と Crashlytics を Firebase SDK に置き換えた話をします。 Firebase CrashlyticsFabric の移行フローに沿って、Firebase Console の操作をします。 その後、Firebase Console にある Crashlytics が Fabric と同期されるようになり、クラッシュイベントが表示されるようになります。 ここまでは簡単なのですが、Fabric で使っていた SDK を Firebas
Proud to present you Fakeflix, a Netflix Clone built with React, Redux, Firebase & Framer Motion
Proud to present you Fakeflix, a Netflix Clone built with React, Redux, Firebase & Framer Motion Hi guys, I'm proud to present you my latest project: Fakeflix. I have started this project with the purpose of learning how to structure a Web App of a mid-level complexity integrating the Redux logic and experiment with things like Redux Thunk, Redux Saga, Firebase and Framer Motion. It's a Netflix cl
前置き 便利なfirebase！ シンプルに導入の仕方を解説していきます😉 簡単なデータの書き込みと取得をしてみます🍒 ❓そもそもfirebaseとは 簡単に言うと オンラインにデータを保存できて 取得もできる優れものです！ 自分で1から作るとなると大変ですが firebaseを使えば簡単ですね🌟 https://firebase.google.com/docs/database ❓どんな時に使うか 例えば、チャットアプリ！ リアルタイムにデータを保存・同期できるので メッセージを送り合うことが簡単になります💌 例えば、フリマサイト！👕👖 会員情報とその会員が出品した商品が DBに保存されていきます。 それを会員はいつでも編集でき、 反映したらすぐ表示が変わるわけです💡 会員自身でデータが作れて編集もできる！ といった感じです🌟 ❓Referenceの読み方 基本的にfir
What's new from Firebase graphic After taking a hiatus in 2020, Google I/O is back and we’re excited to take part in this revamped, digital event to share the updates we’ve made to Firebase. Over the past year, apps helped us adapt and thrive in our new circumstances, and apps will no doubt continue to play an important role for many years to come. Our mission is to empower developers like you to
はじめに 概要 構成 目的 手順 1. idTokenの発行 2. idTokenの検証とcustomTokenの発行 3. customTokenをWKWebViewにセットし、初期化する 4. customTokenでログイン まとめ 参考にしたサイト はじめに ネイティブアプリ開発をしていて、部分的にwebview実装にする場合は多い。一方でその際にセッション共有など、ログイン状態をネイティブアプリとウェブの間で引き継ぐ必要が出てくる場合がある。 webview session share などでググると、そこそこ記事は出てくる↓ qiita.com qiita.com qiita.com しかし、Firebase Authを使ってユーザ認証をしている場合にどうやるのかというのがなかなかなかったので、今回はその部分をやってみた。 手順としては、以下の記事とほぼ同じになる。 stack
Firebase Firestoreでデータを管理しているiOSアプリに決済機能をつけたいと思い、stripeを使うことにしました。そこで得た「Firebase + stripe」だけで決済機能を作る方法を紹介したいと思います。 ゴールは以下のような感じ。 今回扱うのはstripeの「PAYMENTS」 stripeにはいくつかのサービスがあって、今回扱うのは「PAYMENTS」です。 https://stripe.com/jp それぞれの用途は、 PAYMENTS グッズを買うなどの単発の決済 BILLING 毎月のサブスクリプションなど CONNECT フリマアプリ等のCtoCの決済 となっていて、今回はユーザーが単発で決済して運営がそれを受け取るという用途の機能開発なのでPAYMENTSを使います。 手順 手順は以下のようになります。 stripe上に顧客(customer)を作成す
そもそもFirebaseとはhttps://firebase.google.com/?hl=ja モバイルアプリやWebアプリケーションを素早く作成するために役立つ様々な機能が揃ったプラットフォームです。2014年にGoogleが買収し、現在もGoogleのサービスとして提供されています。 こういったプラットフォームを安定して提供することは技術力もリソースも必要ですが、Firebaseは十分にアプリ開発に使えるクオリティに達しており、さすがGoogleという印象です。 本記事はエンジニアのための技術的な解説ではなく、事業責任者・PM（プロジェクトマネージャー）・デザイナーなどエンジニア以外の職種の方にFirebaseの仕組みや概念をご理解いただけるように紹介していきます。 Webアプリケーション開発に使える代表的なFirebaseの機能https://firebase.google.com
Build an Instagram Clone with React Native, Firebase Firestore, Redux, and Expo
Recreating a popular app is a fun way to learn a lot of complex programming skills. We've released a full course on the freeCodeCamp.org YouTube channel that will teach you how to build an Instagram clone using React Native, Firebase Firestore, Firebase storage, Redux, and Expo. The app includes an authentication system, database, storage, and more. SimCoder created this course. He's taught dozens
Nuxt.js(SSR)+FirebaseというWEBアプリの最強最終形態｜プログラミングが出来るようになるノート
Nuxt.js(SPA)でS3にデプロイする方法にはだいぶ慣れたが、SEOの観点からSPAには限界を感じ始めていた。実際に自分がデプロイしたWEBアプリのPVを観測して出した結論ではないけれど、いつまでも悶々としているよりも、SSRを出来るようになった方が自分の成長の為にも絶対に良いハズ。 SSRと言えどサーバーレスな構成にするのは譲れない。インスタンス管理はやはり面倒。オンプレで運用している方から見ればだいぶ贅沢な事言ってるなと思うだろうが…笑 Nuxt.jsの静的ホスティングやSPAは、 ・S3(AWS) ・Netlify ・Cloud Storage(GCP) と選択肢が多いが、SSRをサーバーレスで実装するとなると、 ・Lambda + API Gateway(AWS) ・Firebase(GCP) ・Fargate(AWS) を使う３つの選択肢が一般的だと思う。 ログイン認証とN
この記事はFlutterとFirebaseを利用してアプリ内課金(IAP)機能を実装するためのステップバイステップ実装ガイドです。 主にIAPを実装する際の肝となるレシート検証処理を、プラットフォーム別で詳細に解説します。 目次 in_app_purchaseパッケージの導入 Flutterでアプリ内課金を実装をするためのパッケージはいくつか存在しますが、今回はFlutterの公式ライブラリであるin_app_purchaseを採用します。 pubspec.yamlにパッケージを追加し、flutter pub getコマンドを実行します。 dependencies: in_app_purchase: 0.3.4 # 導入時点での最新版を確認すること 実装手順 具体的な実装手順に関しては 公式のデモプロジェクト に付属しているREADME.mdを参考にするのがおすすめです。 こちらのREAD
BlazorクライアントアプリケーションをFirebase Hostingにデプロイし、Firebase Databaseと連携したいと思います。 開発環境 Windows10 Visual Studio 2019 Preview .Net Core 3.0 Preview 9 Firebase CLI for Windows(beta) Firebaseの準備 Firebase-CLIを使えるようにする VisualStudioのプロジェクトをFirebaseにデプロイするために、Firebase-Cliを準備します。Firebase CLI for Windows(beta)は、Node.jsなどのインストールが不要なので便利です。 PATHを通しておきます。 Firebaseにログインし、新しいプロジェクトを作成 Firebaseアカウントを作成し、ログインして、新しいプロジェクトを
react-native-firebase(v6↑) + react-native-push-notificationを使ったプッシュ通知実装の注意点 - Qiita
#import <UserNotifications/UserNotifications.h> #import <RNCPushNotificationIOS.h> ... - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { ... UNUserNotificationCenter *center = [UNUserNotificationCenter currentNotificationCenter]; center.delegate = self; return YES; } ... - (void)userNotificationCenter:(UNUserNotificationCenter *)center d
nuxt.ts(nuxt.js+Typescript)でfirebaseをインジェクションしたい。 - Qiita
前書き nuxt.jsとFirebaseの組み合わせでなにか作るというのは結構ポピュラーらしく、qiitaでも検索するといろいろな記事が出てきます。私も大変お世話になりました。 nuxt.jsでFirebaseSDKを使う場合、多くはpluginディレクトリ内でfirebase.jsを用意してFirebase SDKを初期化し、各々のVueファイル内でimportするというのが定番のようです。 一方でnuxt.jsのインジェクションという機能を使うことで、いちいちvueファイル内でimportせずにFirebaseを呼び出せるようにする方法もあります。importの方がどこで何を使っているのか明示されてわかりやすいのですが、私は横着なのでインジェクションを使っています。 今回はそれをTypeScript導入済みのnuxt.jsでやってみようと思い、（警告が出ていますが）実際に動作させること
Next.jsにFirebase Authenticationを導入するときに考えるべきこと - Ateam Tech Blog
エイチームグループの子会社のエイチームライフデザインでフロントエンドエンジニアをしてます。小堀輝(@anneau)です。 今回はNext.jsとFirebase Authenticationについてお話ししようと思います。 はじめに ユーザーが複数端末を持つことが多い現代において、私たちが開発するWebアプリケーションでは、異なるデバイスで同じ体験をユーザーに提供するために、ユーザーIDを識別し、データを保存することはとても重要かと思います。 もちろん、独自にユーザーを識別するシステムを開発することは可能ですが、複雑なロジックになってしまい、メンテナンスコストが嵩んだり、不具合につながってしまう可能性があります。 そこで、議論のテーブルに上がってくるのが認証基盤を提供してくれるSaaS。 今回は、その中でもメジャーなFirebaseについて、実装する上で直面した課題をあげ、あらかじめ考えて
Flutterアプリから送信したFirebase AnalyticsのデータをBigQueryにエクスポートして解析する
はじめに こんにちは！Altive株式会社のFlutterアプリ開発者の小林遼太（@naipaka）です🦙 みなさんはアプリの利用状況を把握するためにどのような方法を使っていますか？ これまでFlutterでアプリを開発していて、Firebase Analyticsを使ってアプリの利用状況を確認することはあったのですが、 それだけだとアプリの利用状況の詳細を把握するのに不十分で、クライアントの要望に応えることができないことがありました。 Firebase Analyticsへ送信したデータをBigQueryにエクスポートして解析できるようにしたことでアプリの利用状況をより詳細に把握することができるようになったので、 今回はFlutterアプリから送信したFirebase AnalyticsのデータをBigQueryにエクスポートして解析するまでの手順をまとめました。 イベント送信 送信す
概要 先日Next.jsをFirebase Hosting + Cloud Functions For Firebaseにデプロイしてみましたが しばらくアクセスないタイミングでアクセスするとかなり重くて厳しかったので Firebase Hosting + SWRでサーバーサイドの処理なく開発できないか遊んでみた ついでに裏側のAPIをGraphQL(gqlgen)で作成してCloud RunにTerraform経由でデプロイ 全部書くと長くなりそうなので、後で振り返れるようにポイントポイントをメモしておく ローカル環境 これまで業務ではフロントエンド、バックエンド（API）どちらも 同じリポジトリに格納されているケースしか経験が無かったため 今回は実験的に別リポジトリにして、それぞれ独立させてみた バックエンド（API） GraphQL(gqlgen)の作成 業務ではRESTしか触ってな
概要 react-native-firebaseを組み込んだアプリでプッシュ通知を行う際の作業メモ。 具体的なソース実装よりは、権限設定などの事務的な内容多め。 前提として、react-native-firebaseと関連モジュール(/coreとか/messagingとか)はインストール済み(+pod installやAppDelegate.mの追記)で、GoogleService-Info.plistやgoogle-service.jsonはネイティブディレクトリに組み込み済みとする。 ※要するにreact-native-firebaseのイントロダクションは終わっている前提 【iOS】Apple Developersでやること 【Certificates, Identifiers & Profiles】から【Identifiers】のメニューを選択し、対象のアプリのIdentifier
フィードバックを送信 基本的なセキュリティ ルール コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Firebase セキュリティ ルールを使用すると、保存データへのアクセスを制御できます。ルールの構文は柔軟なので、データベース全体に対するすべての書き込みオペレーションから特定のドキュメントに対するオペレーションまで、あらゆるオペレーションに適格なルールを作成できます。 このガイドでは、アプリを設定してデータを保護する際に実装する、いくつかの基本的なユースケースについて説明します。ただし、ルールを作成するための言語とルールの動作についての詳細を確認してからルールの作成を始めることをおすすめします。 作成したルールにアクセスして更新するには、Firebase セキュリティ ルールの管理とデプロイで説明されている手順に従ってください。 デフォルト ルール: ロ
Use this extension to add a highly scalable counter service to your app. This is ideal for applications that count viral actions or any very high-velocity action such as views, likes, or shares. Since Cloud Firestore has a limit of one sustained write per second, per document, this extension instead shards your writes across documents in a _counter_shards_ subcollection. Each client only increment
2022年夏、 我々はアプリケーションのバックエンドとして利用していたFirebaseをやめる決断をした。それは事業とソフトウェアの成長に伴いユースケースが合わなくなってきたことが主な理由だ。 これはFirebase、特にNoSQLドキュメントデータベースであるFirestoreから自分たちでRDBを使ったREST APIを開発し移行する物語。 何を考え、何を行うか、RDBとは異なるデータ構造のFirestoreのデータをどのように再設計/開発/移行するかについて愚直に語ります。 同じような悩み、課題もつ皆さんになんらかのきっかけを与える45分に。 スピーカー： 西谷 圭介 氏 (CTO, Singular Perturbations Inc） セッションに関する情報： ・想定聴講者の役割/開発対象：Web バックエンド / サーバーサイド開発 ・セッションのトピック：Web バックエ
ReactNativeとFirebaseCloudMessagingでiOS Push通知~react-native-firebase編~ - Qiita
ReactNativeとFirebaseCloudMessagingでiOS Push通知~react-native-firebase編~iOSPush通知Firebasereactnative はじめに ネイティブアプリ(iOS)の技術検証で react-native-firebaseのテンプレートとFirebaseCloudMessaging(以下FCM)を使用し、 リモートPush通知(画像のアプリを閉じた状態での通知)を実装したので、簡単な手順と注意点をご紹介します。 Push通知に関する情報はたくさんあるのですが、古くて登録画面のUIが異なっていたり、 バージョン依存で動かなかったり、iOSのreact-native-firebaseの記事が少なかったので参考になれば幸いです。 対象読者 ReactNativeでiOSアプリを作成してみたい人 Firebaseを初めて触る人 FC
Flutterがめちゃくちゃ良いですね．なんと言ってもホットリロードとVSCodeが使える素晴らしさ．しかし，Flutterで開発していると初心者向けの記事か玄人向け（本当は僕の頭では理解できないだけ）の記事が多い気がします．下の上くらいの僕の記事を必要としている誰かのために，下の上の知識でSNSを作るには？なる記事を書いていきたいと思います．使っている状態管理はriverpod+StateNotifier+freezed+Hooksです． 今回の記事ではFirebase周りに焦点を当てていきます． まず宣伝 作ったアプリはこれです． （公式以外の）主な参考文献 Komercoの記事は，ほぼ完成してから読んだので参考にできてないですが非常に分かりやすかったです．（もっと前に読みたかった...） （以下で引用するときには上から[1]，[2]，[3]，[4]，[5]の記事と呼ばせていただきます
GitHub - flutter/pinball: Google I/O 2022 Pinball game built with Flutter and Firebase
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
流行りのViteを使ってフロントの環境を構築したので、備忘録として残しておきます firebaseなどの細かい設定方法に関しては、他の解説記事を貼っておきます 環境 Docker Vite Vue3 firebase M1 macを使ってます Docker周りのファイルの作成 FROM node:12.4.0-alpine WORKDIR /srv/app RUN npm install -g npm@8.1.3 RUN npm install -g @vue/cli@4.5.15 RUN npm install -g @vitejs/create-app RUN npm install -g vuex@next ADD . /srv/app ADD package.json /srv/app ↓ m1 macでscssを使うときは以下が必要です RUN apk update && apk
元々graphql-rubyとReactで生きていたんですが、どうやらHasuraなるものが良いらしいと知り、掲題のスタックで社内書籍管理サービスをつくってみました。 楽しかったのでちょっと書いてみます。 具体的には認証つきHasuraからusersを取得できるところまで。 Apolloは使わず、FetchでPOST投げちゃいます。 また、コード自体は本番運用に耐えうるものでは全くないので、 概念を理解する・触りを体験して全体像をつかむくらいの用途にとどめてください。 なお、Firebaseを利用する場合はCloudFunctionsを利用するので従量課金のBlazeプランにする必要があります。(といっても個人で遊ぶ分には無料枠で事足りる) 認証にAuth0を利用するのであればそこは考慮しなくてOKです。でもあれ真面目に使うとなると高いですよね(?) TL;DR HasuraはRDB版Fi
フィードバックを送信 Cloud Firestore の料金サンプルを見る コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 このページでは、簡単なチャットアプリの実例を使用して、Cloud Firestore の使用量と費用を計算します。これは正確な見積もりではありませんが、Cloud Firestore の使用量に対する課金の仕組みをよりよく理解するのに役立ちます。 Cloud Firestore 料金の要点 Cloud Firestore には無料枠が用意されており、費用をかけずに使い始めることができます。使用量と保存容量が無料枠の割り当てを超えると、実行するデータベース オペレーション、保存するデータ、使用するネットワーク帯域幅に応じて課金されます。 Cloud Firestore の使用量に対する課金は、次のカテゴリに分類されます。 オペレーション
こんにちは。virapture株式会社でCEOしながらラグナロク株式会社でもCKOとして働いている@mogmetです。 最近大きいライフイベントが起きて忙しい毎日を送ってます。 本日はFirebase Summit 2022で新機能がいくつか発表されたのでその内容について共有させていただきます。 主な内容は下記から引用しております。 では早速紹介します！ Firebase HostingでWebアプリをデプロイ Next.jsやAngular Universalなどの動的なWebフレームワークを簡単にデプロイできるようにすることができるようになりました！ firebase deployを実行するだけで使用しているフレームワークを自動的に検出し、ビルドを実行し、必要に応じてCloud Functionを生成し、必要な構成をセットアップしてデプロイ全体を処理します。 また、Vite、Preac
【vue.js】コンポーネント間のメソッドの呼び出し｜親から子（ref）、子から親（emit） – カツオ ＠FirebaseとVue.jsとNode.jsでWebサービス開発中
Vue.jsで別コンポーネントに定義しているメソッドの呼び出し方についてメモしておきたいと思います。別コンポーネントの呼び出しは大きく2つ存在します。 親から子（ref） 子から親（emit） 最初にサンプルの動作イメージです。 親が子どもに小遣いをあげる。（親から子に金額を渡します：ref） 子が親の財布からお金を盗る笑。（子から親に金額を渡します：emit） ①親から子のコンポーネントの呼び出し（ref） 属性を渡すだけでしたらpropsが使えるのですが、子のコンポーネントに記述のあるメソッドを呼び出す場合はrefがとても便利です。親からすると、自分のコンポーネントに記載があるメソッドと同じような記述で子のコンポーネントを呼び出すことができます。 親コンポーネント「parent」 <template> <div> <h2>親</h2> <p><button @click="callCh
前書き 少し前ですがFirebaseのハッカソンに参加してきました。 Firebaseは普段からごりごり業務で使っていて、使うことにそこまでは抵抗はない人って多いとは思いますが、、、 たくさん機能がある中でも、実際にサービスで使う機能って特定のものに限られますよね、、？ （Analytics, Crashlytics, RemoteConfig, ABTesting, Messaging, Predictions ...etc） 、、、と思っていて、せっかくハッカソンだし普段使わない機能を使いたい！というtryをしてみた結果、、 FirebaseのMLKitを使ってなんかしたい！にたどり着きました。笑 今回はその過程で学んだものをアウトプットしたいと思います。 実現したこと 内容 ①MLKitを使って顔認識させ、UI上に結果を反映 具体的には、顔に連動して左上のいらすとやも変わるようになっ
![[Swift]Firebase MLKitを使って動画の顔認識をさせる - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/d4e5aa215de4c7d251e985c5e5bb8025ebd75f9e/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-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9JTVCU3dpZnQlNURGaXJlYmFzZSUyME1MS2l0JUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJUEzJUUzJTgxJUE2JUU1JThCJTk1JUU3JTk0JUJCJUUzJTgxJUFFJUU5JUExJTk0JUU4JUFBJThEJUU4JUFEJTk4JUUzJTgyJTkyJUUzJTgxJTk1JUUzJTgxJTlCJUUzJTgyJThCJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0yY2NlNjBhMWYwNWNkYTRkMzc2YjRlNjZkMWVlNjMyYg%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwaGNyYW5lJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0xOWI2NGM0NTdlN2UxN2FjNDM3NTE4NWNiYWU2OTU0YQ%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Dd3f5f3ef3d52a868aed665b366f4792f)
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
Much more than a CMSFireCMS is an open source headless admin panel built by developers for developers. Get a back-office app/dashboard for your Firebase project in no time. FireCMS is more than a CMS. It's a fully extendable app that will become the heart of your project. Enjoy the most powerful features of Firebase and build your own custom back-office app/admin panel in no time. Easy to get star
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Firebaseと連携してAndroid Studioに👁を追加する方法 - Qiita
[WIP]Next.jsとFirebaseによる実用Webアプリ開発
Flutter × Firebase クックブック 【2020年版】
Firebase AuthenticationとIDトークンと更新トークンとセキュリティの話 - Qiita
【Nuxt.js】firebase導入編(firestore版)：データの追加 取得をしよう - Qiita
What’s new from Firebase at Google I/O 2021
iOS・Web間でFirebase Authを共有する方法 - komeの備忘録
「Firebase + stripe + iOS」でクレジットカード決済機能を作る - Qiita
Firebaseを使ってどんなWebアプリケーションが作れるの？
【Flutter + Firebase】アプリ内課金(IAP)のステップバイステップ実装ガイド【レシート検証】
BlazorアプリをFirebase Databaseと連携させる - Qiita
Next.jsとFirebase HostingでSWR。ついでにGraphQLとCloud Run
react-native-firebaseでmessagingを使う時にやる作業メモ
基本的なセキュリティ ルール | Firebase セキュリティ ルール
Distributed Counter | Firebase Extensions Hub
脱 Firebase. 我々はどう生きるか | AWS Dev Day 2022 Japan #AWSDevDay
Flutter製SNSを2ヶ月で作るために【Firebase編】
DcokerでVite + vue3 + firebase認証 環境構築 - Qiita
React + Firebase + Hasuraで体験する快適なGraphQL生活
Cloud Firestore の料金サンプルを見る | Firebase
Firebase Summit 2022で発表された新機能をまとめ紹介 - Qiita
[Swift]Firebase MLKitを使って動画の顔認識をさせる - Qiita
Firebase Summit 2021 で発表された新機能
FireCMS - Firestore/Firebase headless CMS