もふもふ技術部

IT技術系mofmofメディア

firebase

RedwoodJSでFirebase認証(GitHubプロバイダ)してみた

RedwoodJSでFirebaseログインを試してみたログです。 以前の記事 RedwoodJSのファーストインプレッション RedwoodJS。認証もサポートが厚そう redwoodjs-auth ethereumまであるのは驚き 1. 手順通りにコマンドを実行 だいたいここに書いてある通りで動きそう…

新規サービスを作るときに使う技術選定

mofmofでは新規サービスをゼロから開発することが多くあります。 その際にshwldがどのように技術選定をしているのかを書いてみます。 こちらの記事がとても参考になる内容で、私なりにも書いてみようと思いこの記事を書いています。 https://zenn.dev/moga/a…

Expo, React Native, FirebaseでローカルのFirestoreエミュレータに接続する

個人で開発しているアプリで、Firestoreにつないだテストを実行したいなと思ったので、ローカルでのテストはFirebaseのエミュレータを使えば良いのではないかと考えた。Firebaseのエミュレータを使ったことがないので試しに使ってみます。 アプリケーション…

ZoomのAPIとFirebaseで参加者シャッフルSlack通知をつくった

mofmofでは毎日朝会をやっていて、発言の順番は全メンバーをシャッフルしたものをGASでSlack通知してます。これの課題が「全メンバー」って部分で、稼働日でないメンバーや子供の送迎や通院などで朝会欠席するメンバーも含まれてるんですよね。 なので「この…

React Native(Expo)とFirebaseでカップル向けアプリを作った - Qiita

この記事の背景と目的 最近、業務で「社内のPOと一緒に二ヶ月間でMVPとなるアプリを一つ作ってリリースする」という貴重な機会があった。 実際の開発は自分一人だったため、使ってみたい技術を自由に試してみることができ、非エンジニア職からの出戻りの自分…

Next.js を使ってみる(TypeScript + firebase + Recoil + vercel) その1

バックエンドはRuby on Railsを主に使っていますがフロントエンドはフレームワークをあまりつかっていないことに気づいたので試してみる 環境構築 TypeScriptを導入する tsconfig.jsonを作成する Firebaseでユーザーをいい感じに認証させる ユーザー認証 Rec…

React + Firebase + Hasuraで体験する快適なGraphQL生活

元々graphql-rubyとReactで生きていたんですが、どうやらHasuraなるものが良いらしいと知り、掲題のスタックで社内書籍管理サービスをつくってみました。 楽しかったのでちょっと書いてみます。 具体的には認証つきHasuraからusersを取得できるところまで。 …

Expo + ReactNative + FirebaseでFacebook認証を実装する

Expo + ReactNativeで認証機能の実装を試してみる。本当はTwitter認証を実装したいんだけど、公式の情報がFacebook認証だったので、まずはFacebook認証を実装する。 プロジェクトを準備 FirebaseとFacebook側の設定 認証機能を実装する プロジェクトを準備 …

Expo + ReactNative + Firestoreでラーメン一覧から詳細画面への画面遷移を実装する

前回、Firestoreから取得したデータを3カラムレイアウトで表示するところまで実装できたので、今回は、一覧画面から詳細画面へ遷移する実装をしてみる。 Expo + ReactNative + Firestoreで取得したデータを3カラムレイアウトで表示する とりあえず画面遷移だ…

【NoCode】ZapierでツイートをFirestoreへ保存する

最近熱い感があるNoCodeサービスを使って、webサービス開発にトライしたいなぁと思っていました。こんなサービスあったらいいなと思っても、ガッツリ作るのは腰が重かったり、既存サービスは課金しないと十分に使えなかったり…。NoCodeでサクッと作って、も…

Firebase Cloud FunctionsでTwitter Botを作る

昔開発したTwitter BotがどこぞやのVPSで動いていて、毎月ムダに数百円払っているので、モダンな環境に移行して節約したい。今どきはServerlessで出来るものはServerlessでやるのがスマート。移行先としてCloud Functionsにしようと思っているので、Twitter …

Expo + React Native + Firestoreでデータを取得してみる

前回React Native + Expoに入門してみて、これはだいぶイイのではと思ったので、もう少し踏み込んで試してみます。今回はFirebaseのFirestoreに接続してデータを引っ張ってくるところまでやります。 Expo + React Nativeに入門して、iOSネイティブのCollecti…

Vue.js + PWAはどの程度アプリに近いUXに出来るのか

WEBアプリだけど、UXをネイティブアプリに近づけることが出来るPWAを試してみる。 ぼくはネイティブアプリより、RailsのWEBアプリ開発の方が得意だし、世の中的にもWEBアプリの技術でネイティブ的なUXが実現出来るのは熱い。どの程度のものか確かめてみる。 …

Vue.jsで作ったサイトをFirebaseでホスティングする

前回、Vue.js + Firestoreを使用してラーメン一覧を表示するところまで作った。今度はこれをFirebaseでホスティングしてみる。 Vue.js + Firestoreでデータを取得してラーメン一覧を表示する いつもはホスティングはnetlifyを使っているんだけど、Firebaseに…

Vue.jsでFirebaseのFirestoreにアクセスしてデータを取得する

前回はvue-cli3で環境変数をどう扱うか試したので、続きをやります。 vue-cli3系を使ってvue.jsアプリケーションで環境変数を扱う 今回参考にしたページ とりあえずFirestoreにアクセス出来るところまで コンポーネントにしてみる 今回参考にしたページ Vue.…