並び順

ブックマーク数

期間指定

  • から
  • まで

41 - 80 件 / 661件

新着順 人気順

firebaseの検索結果41 - 80 件 / 661件

  • Nuxt + Firebaseで読書感想文を書けるWebアプリを開発しました - Qiita

    こんなサービスを作りました 『みんなの感想文』というWebアプリをリリースしました! 『みんなの感想文』 インターネット上で読書感想文を書けるサービスをリリースしました! 紙とペンがなくても感想文を書ける、そしてアーカイブとして残す世界を実現したくて作りました。400文字か200文字の原稿用紙で書くことができるので、みんなも書いてみてください📖https://t.co/DkCThMPpPl — フジワラユウタ@みんなの感想文 (@Fujiyama_Yuta) October 9, 2019 この記事について 今月から個人でサービスを開発・運営をしている人たちの組織「運営者ギルド」のOrganizationの一員として所属することになりました。 所属してから初めてのサービスローンチなので、忘れないうちに作った開発技術などを備忘録として残しておきます。合わせて個人開発の運用にかかっている費用

      Nuxt + Firebaseで読書感想文を書けるWebアプリを開発しました - Qiita
    • Firebaseで運用するKomercoの管理用アプリケーションの開発 - クックパッド開発者ブログ

      こんにちは。Komerco事業部エンジニアの高橋(id:yosuke403)です。「料理が楽しくなるマルシェアプリ」であるKomercoの開発を行っています。 Webサービス開発と聞くとユーザが利用するWebアプリやモバイルアプリの開発を思い浮かべますが、運営スタッフがサービスのデータを閲覧・更新するための管理用アプリケーションの開発も必要になることがほとんどです。 KomercoはバックエンドにFirebaseを活用しているのを一つの特徴としているサービスです。 今回はKomercoの開発事例を通して、Firebaseを用いた管理アプリケーション開発の知見をご紹介したいと思います。 Komercoの管理用アプリケーションについて KomercoではFirebaseのHostingを利用し、Webで管理用アプリケーション(以下、管理アプリ)を提供しています。 Komercoの管理アプリでで

        Firebaseで運用するKomercoの管理用アプリケーションの開発 - クックパッド開発者ブログ
      • 【Vue.js】【Firebase】routerを使ってログイン認証がないと見れないようにする設定方法 - かとのぼのマイコード・マイライフ

        この記事は、Vue.jsとFirebaseでログイン認証を実装した際、ログインしていないと見れない画面を設定したい場合のサンプルコードと解説です。 サンプルコードは、サーバーはFirebaseで、Vue-Routerを使っている前提で説明しています。 1.Vue-routerのログイン認証判定のポイントは「meta」と「requiresAuth」 2.「router.beforeEach」を設定することで画面遷移する前にログイン判定 3.実際のサンプルコード 1.Vue-routerのログイン認証判定のポイントは「meta」と「requiresAuth」 ログイン判定が必要なパスだと設定するには「ルートメタフィールド(要するにmeta情報)」を利用します。 ルートメタフィールド | Vue Router 「router.js」にVue-routerのコードを記述していますが、そのroute

          【Vue.js】【Firebase】routerを使ってログイン認証がないと見れないようにする設定方法 - かとのぼのマイコード・マイライフ
        • FirebaseだけでiOS版マッチングアプリ「Rose Me」をリリースするまでの話 - Qiita

          限定公開した日付になっていたので再投稿しました泣 普段は京都大学で学生をしており、iOSエンジニアとしての歴も3年目となりました。 NoSQLもFirebaseも全く触ったことのなかった僕が、バックエンド全てFirebaseで完結させた知見を残しておきます。 何を作ったのか ランディングページ https://app-rose.me/ AppStore https://apps.apple.com/us/app/rose-me/id1453049174?l=ja&ls=1 恋愛は試着する時代 という信念のもと、試着感覚のデートを提供するマッチングアプリRose Meを開発しました。 空いている時間に、好きな場所で1時間だけのデートのおさそいをして、ローズを送ることでデートに行きたいという気持ちを伝えることができます。 デート後に、お互いが気になるボタンを押していれば連絡はとりあうことができ

            FirebaseだけでiOS版マッチングアプリ「Rose Me」をリリースするまでの話 - Qiita
          • 1人で開発したら数ヶ月かかるマッチングサービスを、ローコード・ノーコードで3日で作った(Airtable/Notion/Zapier/Sendgrid/Firebase) - Qiita

            1人で開発したら数ヶ月かかるマッチングサービスを、ローコード・ノーコードで3日で作った(Airtable/Notion/Zapier/Sendgrid/Firebase)zapierAirtablelow-codeNotionnocode Airtable,Zapier,Notion,Sendgrid,Firebaseを使って仮説検証用のプロダクトを3日で1人で作りました❗️ その中身と作り方を共有します。 ISSUEへ移動しました 実際に作ったプロダクトの情報も発信しています。 購読お願いします。 今すぐプロダクトを動かしたかった 考えてるアイデアがあり、そのアイデアをプロダクトを作って検証しようと思っていました。 ですが、すでにお客さんが集まっているのでこれからプロダクトを作り始めていると、 確実に待機時間が発生してしまう状況でしたので、ノーコードとちょこっとコーディングをしてプロダク

              1人で開発したら数ヶ月かかるマッチングサービスを、ローコード・ノーコードで3日で作った(Airtable/Notion/Zapier/Sendgrid/Firebase) - Qiita
            • Nuxtアプリを無料で公開するときに試した5つの環境まとめ(Firebase/GAE/Netlify/Heroku) - Qiita

              最近Nuxtでいろいろ作っているけど、無料で使える環境をいろいろ試してる。 いろいろメリデメあるけど、SPAならNetlify/SSRならHerokuがよさそう。 いままで試したものをまとめてみた。 ほしかったもの 主に開発してるのがCGM系のWebサービスなので、 動的なOGP画像などが設定できる(OGP芸) カスタムドメインが使える 日次のランキング集計などの定期実行ができる が、無料でできて、なるべく実装が楽で、そこまで遅くないのがうれしい。 試した5つのパターン 試したのは以下の5パターン。試してみた順で記載。 Nuxt(SSR) + Cloud Function 起動がかなり遅かった。。実装も大変なのでNG Nuxt(SPA) + Firebase Hosting 構築はかなり楽。ただ、OGP芸が大変でFunctionsが必要 Nuxt(SPA) + Netlify プレレンダリ

                Nuxtアプリを無料で公開するときに試した5つの環境まとめ(Firebase/GAE/Netlify/Heroku) - Qiita
              • Firebaseのリソースをフルに使ってスクレイピングアプリ(個人用)を作った話 - Speaker Deck

                All slide content and descriptions are owned by their creators.

                  Firebaseのリソースをフルに使ってスクレイピングアプリ(個人用)を作った話 - Speaker Deck
                • Firebaseを置き換える?新時代baas supabaseを触ってみた

                  動機 techcrunchの記事にてfirebaseを置き換えると意気込んでいる、supabaseが資金調達をしたというニュースを見かけ、個人的にbackend as a serviceに興味があったので触ってみました。 GetStart 詳しく知りたい方はdocumentを見てください。自分の記事では実際に触ってみた感想を記述していきたいと思います。 料金 基本無料、データベースのバックアップなど取りたい、さらにスケールさせたい場合は月25ドルです。 個人開発の規模なら無料枠でも大丈夫そうです。 プロジェクトの立ち上げ データベースの名前とpasswordを入力してリージョンに東京を選択します。 これだけでプロジェクトを立ち上げて、数分でデータベース(PostgreSQL)が用意されます。 プロジェクトトップページをみるとデータベースだけではなく、認証とストレージが使用できる模様です。

                    Firebaseを置き換える?新時代baas supabaseを触ってみた
                  • FlutterとFirebaseで開発した 英語の瞬間翻訳トレーニングアプリ Lala の技術 - Qiita

                    どうも、shoheiです。 株式会社Neverの代表です。 今回はFlutterとFirebaseで開発した英語の瞬間翻訳トレーニングアプリ Lala の技術を紹介します。 アプリはこちらからダウンロードできます(無料でご利用できます)。 ・iOS https://apps.apple.com/jp/app/id1493691416 ・Android https://play.google.com/store/apps/details?id=com.gmail.hukusuke1007.lala 目次 概要 開発期間 設計 主な機能 UI/UXデザイン ユーザーレビュー マーケティング その他 終わりに 概要 まずはLalaの概要を紹介します。アプリストアの情報をそのまま掲載します。 Lalaは英語の会話力向上を目的とした瞬間翻訳トレーニングアプリです。 次々と出題される文章を瞬間的に翻訳

                      FlutterとFirebaseで開発した 英語の瞬間翻訳トレーニングアプリ Lala の技術 - Qiita
                    • Firebase + Google Spreadsheet + Glide でサーバレスな それっぽいWebサービスを作った話【HAPPY SEEDING / 後編】 - okadato の雑記帳

                      この記事は Firebase アドベントカレンダー 2019 18日目の記事です。 Firebase を活用して個人開発した結婚式の写真管理Webサービスのアーキテクチャなどについて書きます! さて前回記事になりますが、サービス自体の概要と開発の経緯についてまとめました。 今回は技術的背景の解説ということで、いきなりですが全体構成図をバーンと! 全体構成図バーン! 技術的には Firebase + Google Spreadsheet + Glide(というSaaS。詳細は後述) で構成しています。 以下では各要素を分類し、それぞれの役割について解説していきます。 Firebase部分 使用しているのは Firebase Hosting Cloud Functions Cloud Storage for Firebase の3つです(写真送信画面での手間を極力省くため、認証は噛ませていませ

                        Firebase + Google Spreadsheet + Glide でサーバレスな それっぽいWebサービスを作った話【HAPPY SEEDING / 後編】 - okadato の雑記帳
                      • Firebaseを採用する上で思っていることをちゃんと書く - Qiita

                        Help us understand the problem. What is going on with this article? これはなに? 先日投稿した君はまだ平成のアーキテクチャを使ってるのか?僕はFirebaseと令和の時代に行くぞ。の続きです。 思っていたよりもたくさんのフィードバックを頂いて驚いています。ありがとうございます。 伝えたいことが伝わっていてよかったなと思う一方、記事の内容の設計が微妙だったなという感じのご指摘もいただきました。この記事では、前回の記事を読んでいただいたみなさんが抱いたであろう疑問・懸念にお答えすることができればと思っています。 この記事だけ読んでもおそらく何の話かわからんとおもうので、先に前回の記事を読んで頂くと良いと思います。 Firebaseって銀の弾丸なの? 違います。 先の記事から引用しておきます。 大切なことは、解決したい問題を明ら

                          Firebaseを採用する上で思っていることをちゃんと書く - Qiita
                        • React + Firebase入門

                          初心者(バックエンドエンジニア)が書いた入門書です。 ・FirebaseAuth ・FirebaseStorage ・Firestore ・Realtime Database ・Hosting ・Cloud Functions の説明です。

                            React + Firebase入門
                          • React×Firebaseでちゃんと開発するときの環境構築手順と解説

                            はじめに ReactとFirebaseを用いてフロントエンド開発するにあたって、追加で入れておきたい各種パッケージや設定を組み込んだ環境構築手順です。 この記事で構築する環境は以下の通りです。 ローカルで開発した内容をGitHubにpushすると、構文チェック→テスト→ビルド→デプロイされます。 また、mainブランチにpushしたらFirebaseの本番環境にデプロイされ、developブランチにpushしたらFirebaseの開発環境にデプロイされます。 事前準備 環境構築をするにあたって、以下は事前に準備してください。 VS Codeのインストール GitHubのアカウント登録 Node.jsのインストール 今回はv16.14.0を利用します Firebaseのプロジェクト作成 GitHubリポジトリの作成 GitHubのリポジトリを作成します。 公開範囲はPublic,Privat

                              React×Firebaseでちゃんと開発するときの環境構築手順と解説
                            • 【個人開発】Flutter と Firebase で夫婦のタスク共有アプリを作った話 - Qiita

                              はじめに 先日、夫婦のタスク共有アプリ「Be a Buddy」をリリースしました。 育児、家事、本業の常駐エンジニアのすきま時間で約2年の開発期間をかけた私のエンジニア人生の集大成と言えるアプリになりました。 そこでこの記事では開発期間と今までのキャリアの振り返りをしたいと思います。 このアプリを開発しようと思ったきっかけ 娘が生まれて半年くらい経ったころから妻との間で家事の連携が取れなくなってきました。具体的にはこのような感じです。 食材の買い物の内容がかぶる 洗濯機回したけど、ふたりとも干さなかった 赤ちゃんのお世話で中途半端になってしまう家事が多発 必要なことを話し合う時間が取れない こういった問題を解決するために、やりかけの家事を共有できたり、パートナーに家事を頼めたり、何かトピック毎に話し合えたりするアプリが欲しくなり開発することにしました。 開発に着手する前に 開発するにあたっ

                                【個人開発】Flutter と Firebase で夫婦のタスク共有アプリを作った話 - Qiita
                              • KomercoとFirebaseの話【前編】 - Firestoreの設計パターン - クックパッド開発者ブログ

                                こんにちは。Komercoの高橋です。 Komercoがリリースされてからもうすぐ3年が経とうとしています。 クックパッドの新規事業「Komerco」ではバックエンドのほぼ全てをFirebaseで運用してします。 新規事業のためエンジニアの数はまだ少ないものの、Firebaseのおかげでエンジニアはサービス開発に専念できている状況で、昨年はWeb版のリリースや送料無料イベントもあり、ユーザ数がさらに増加してきています。 これまで多くの機能を開発してきましたが、その中でFirebaseをより有効に使えるよう試行錯誤してきました。 これからFirebaseを使おうか考えている人にも、今現在Firebaseを使っている人にも参考になるよう、Komercoで得た知見を書いていこうと思います。 前後編となっており、前半はFirestoreの設計についてお話しようと思います。 当たり前の機能だけどFi

                                  KomercoとFirebaseの話【前編】 - Firestoreの設計パターン - クックパッド開発者ブログ
                                • VPSを解約してFirebase Hostingにブログを移した | おそらくはそれさえも平凡な日々

                                  タイトルの通り。なんとなく自分のサイトを自分で運用したいと思っている。それはWebエンジニアとしてのポートフォリオ的な側面もあるし、それに加えて、自分の書いた文章を自分の管理下におきたい欲求があるのだと思う。 サブブログを、はてなブログに持っていますが(https://blog.song.mu)、これもまた、コンテンツはblogsync を使って管理しています。 このサイトはもともとVPS上のNginxから静的配信されており、 VPS上のgit bareリポジトリに直接push post-receive Hook で riji を呼び出してサイト再構築 という結構カッコいいフローを組んでいて 、これがなかなか気に入っていた。以下のような点が良かった。 国内のVPSへのgitリポジトリへのpushはかなり早い GitHubへのpushに少し引っかかりを感じるレベル とはいえコンマ数秒程度の違

                                    VPSを解約してFirebase Hostingにブログを移した | おそらくはそれさえも平凡な日々
                                  • 数百サイトがFirebaseのセキュリティルール設定を誤って合計1億2500万件の機密情報が公開されてしまっていた

                                    Firebaseのセキュリティルールの設定を誤っていることが原因で数百のサイトが平文パスワードや機密情報を含む合計1億2500万件のレコードを公開してしまっているとセキュリティエンジニアの「Logykk」「mrbruh」「xyzeva」という3人がブログに投稿しました。 900 Sites, 125 million accounts, 1 vulnerability - env.fail https://env.fail/posts/firewreck-1/ セキュリティエンジニアの3人はChattr.aiというサービスでFirebaseの設定が間違っていることを発見しました。Chatter.aiではウェブサイト上の正規ルートで登録するとアカウントの権利が適切に制限されるものの、FirebaseのAPIを直接使用してアカウントを作成するとFirebase上のデータベース全てに対する権限が取

                                      数百サイトがFirebaseのセキュリティルール設定を誤って合計1億2500万件の機密情報が公開されてしまっていた
                                    • 【HUGO】爆速で静的Webページ作成してFirebaseにデプロイしてみた | DevelopersIO

                                      社内でおすすめのWEBフレームワーク・ツールを教えてくださいとゆるく聞いたところこちらのツールを教えてもらったので触ってみました。 HUGOとは HUGOは静的なWebサイトを爆速で作成できるツールで、Goで書かれています。 (Gopherかわいい) The world’s fastest framework for building websites Hugo is one of the most popular open-source static site generators. With its amazing speed and flexibility, Hugo makes building websites fun again. 公式ページ 訳:静的WEBサイトが楽しくカンタンに作れちゃう世界最速のフレームワークだぜ! 良さそうですね!早速使ってみましょう。 インストール こ

                                        【HUGO】爆速で静的Webページ作成してFirebaseにデプロイしてみた | DevelopersIO
                                      • 認証サービスCognito・Auth0・Firebaseを比べる - s-takayanagi - BOOTH

                                        技術書典8で頒布予定でした。 ## 概要 ユーザーのIDを管理するのはWebサービスを展開する上で必要になりますが、独自で実装するにはハードルが高いです。外部のサービスを利用することでユーザーのサインアップとサインインを比較的簡単に実現できます。この本ではCognito User Pools、Auth0、Firebase Authenticationを中心にサービスの紹介と比較をします。 ## 本書の目的 「認証サービスCognito Auth0 Firebaseを比べる」を手にとっていただき、ありがとうございます。筆者はこれまで、CognitoUserPoolsを利用してオンプレミスで実装されていた認証システムの移行や、Keycloakを利用したシステムの構築を担当してきました。そのなかで、認証の機能を提供するサービスは数多くあるにもかかわらず、サービスを比較するような情報があまりないと

                                          認証サービスCognito・Auth0・Firebaseを比べる - s-takayanagi - BOOTH
                                        • ハッカソン的に作ったプロダクトを改善し、Firebaseを「ちゃんと」 使っていく話 / Migrate to Firebase friendly architecture

                                          2019年8月2日に #serverlessosaka で発表したスライドです。

                                            ハッカソン的に作ったプロダクトを改善し、Firebaseを「ちゃんと」 使っていく話 / Migrate to Firebase friendly architecture
                                          • Firebase公式のGitHubとHostingのインテグレーションが熱い🔥

                                            ウェブコンテンツをホスティングする際に Firebase Hosting という大変便利なサービスがあります。 2020/10/8にGitHub ActionsとFirebase Hostingの統合が強化され、より便利に利用できるようになったのでご紹介します。 なお、公式のドキュメントは以下となります。 現時点では機械翻訳のため、言語をEnglishにして読んだほうが正確です。 GitHubプルリクエストを介してライブチャンネルとプレビューチャンネルにデプロイする できるようになったこと できるようになったことは主に以下の3つです。 GitHub ActionsでPull requestを作成時に、プレビューサイトをデプロイできる GitHub ActionsでPull requestをマージ時に、本番サイトにデプロイできる Firebase CLIツールのコマンドでGitHub Act

                                              Firebase公式のGitHubとHostingのインテグレーションが熱い🔥
                                            • Amplify vs Firebase 比較してみた - Qiita

                                              サーバレスアーキテクチャの選択肢として、AWSのAmplify、GoogleのFirebaseが有力な候補となっているのではないでしょうか。 実際にAmplify・Firebaseの両者に触れ、比較・検討して得られた知見をまとめました。 ※直近プロダクトの開発にAmplifyを採用して進めてきたので、Amplifyを軸に記事を書いています。 API連携 AmplifyとFirebaseとで異なる特徴のひとつにAWS AppSync(GraphQLをすぐに利用できるフルマネージドサービス)を利用できる点があります。 自前でGraphQLを構築するのは手間がかかりますが、AmplifyのAPIモジュールは「AWS AppSync」をサポートしているので簡単に構築できます。DynamoDBやLambdaとのアクセスもシームレスに行えるので非常に便利です。 以下はその他のAppSyncのメリット

                                                Amplify vs Firebase 比較してみた - Qiita
                                              • Google I/O 2022 のFirebaseまとめ

                                                Google I/O 2022 Googleでは毎年5月に開発者向けの、主力サービスの今までの成果や今後の新機能などの大きな発表が行われています。当記事では、先日2022年5月11日〜12日にかけて行われたGoogle I/O 2022の中で発表されたFirebaseに関連する情報のみを整理し、まとめたものです。筆者による雑翻訳ですので正確では無い部分も含まれております点を予めご了承ください。 参照元 当記事は次にあげる2点を中心に関連する内容をまとめたものです。 動画:What's new in Firebase ブログ記事:What's new from Firebase at Google I/0 2022 ここからは、セッション「What's new in Firebase」で発表の行われたトピックをその発表順で掲載します。関連するFirebase系の別セッションの内容なども該当ト

                                                  Google I/O 2022 のFirebaseまとめ
                                                • 「青銀行の勘定系をFirebase前提で構築できるか?」というお題へのレスのまとめ

                                                  たなかこういち @Tanaka9230 ※拡散希望※ 10年と4000億円、延べ35万人月で達成した青銀行の勘定系刷新。メインフレームを残した部分、Unix系OSの上にJavaで書いた部分、等々だったが、、これもしFirebase前提にしてたら、、、 *コメの前提条件確認してください。 *理由が大事です。コメ大歓迎。 2020-01-22 10:07:58 たなかこういち @Tanaka9230 ◆前提条件、その1◆ ・GCPの上にメガバンの勘定系載せることの、政治的、法規制的制約は無いものとする。(これ以外の銀行業としての規制は考慮する。) ・Firebaseやその上での開発をやれる開発者を必要延べ人月調達することは可能だとする。(開発者のスキルレベルは普通に正規分布だとする。) 2020-01-22 10:07:58

                                                    「青銀行の勘定系をFirebase前提で構築できるか?」というお題へのレスのまとめ
                                                  • Nuxt.js(SPA)+FirebaseのWebアプリで初マイグレーションをしてけど、いろいろ失敗した話。。 - Qiita

                                                    これはただの失敗談です。。役に立つかわからないけど、誰かの参考になるといいな。。 Nuxt.js+Firebaseで開発したWebサービスをリリースして2ヶ月目くらい。 サービス止めて、初マイグレーションしてときの失敗談です。 サービスを止めてやりたかったこと いままではちょこっとした変更が多かったため、 サービスを止める必要なく、Nuxtアプリの更新だけで十分でしたが、 新しい機能を追加する際に、Firestoreのスキーマを変える必要が出てきました。 やりたいことは、 「 今までのデータを読み取って、別の形式に再構成する 」 という感じのことで、止めないとダメかなと。 メンテンナンスのときの手順 手順はこんな感じ。 メンテナンス画面に遷移するようにmiddlewareを変更 firestoreのルールを全部ブロックするように変更 スキーマ変更処理を実行 メンテナンス画面を解除し、hos

                                                      Nuxt.js(SPA)+FirebaseのWebアプリで初マイグレーションをしてけど、いろいろ失敗した話。。 - Qiita
                                                    • 風船屋さんを支える技術。200時間でゼロからweb検索システムを構築した裏側のすべて。(Next.js, Firebase...)

                                                      はじめに こんにちは、フロントエンドエンジニアの多田です。 フロントエンド領域の勉強をはじめて 1 年が経ち、今回個人でゼロからアニプラさん(バルーンショップを経営してる会社)のバルーンサイトの検索システムを作らせていただく機会に恵まれました。 開発にかけられる総時間が 200 時間(つまり工数 1 人月ちょいぐらい、、)というだいぶヤバめなチャレンジングな時間的制約の中、要件定義・デザイン・フロントエンド・バックエンド・インフラ周りまで通して全て 1 人で開発し、完成させることができました。 はじめてfigmaでデザインしてみた アニプラさんより記事を書く許可をいただいたので、開発の裏側の話を記事にまとめます。 開発したサイトはこちら ↓ (今回の記事のメインとなる Next.js で作ったバルーンプラン一覧検索画面) 本記事の内容 (ほぼ)個人開発においての、要件定義 → デザイン →

                                                        風船屋さんを支える技術。200時間でゼロからweb検索システムを構築した裏側のすべて。(Next.js, Firebase...)
                                                      • Flutter+Firebaseで課員の勤怠管理アプリを開発した話

                                                        2023年9月17日追記 内容は結構古くなっています。特にRiverpodはV2から変更が多くあります。 現在はStateNotifierよりNotifierが主流になっていたり、riverpod_generatorを使用したコード生成方式の方がriverpod_lintの恩恵を受けられるのでメリットもあります。 昔話として読んでください。 なぜ開発したのか?? 勤怠管理は恐らく、どこの企業さんでも専用の勤怠管理システムを利用しているのではないかと思います。実際、私が所属している企業でも勤怠管理システムがあり、普段はそれを利用しています。 11月末ごろの話... (部長) { 12月から2ヶ月間、この課だけフレックスタイム制のトライアルが始まります。} (課員の脳内) { まじっ!!?うちの会社が時代に追いつこうとしてる...なんか裏がありそう。} (部長) { あくまでもトライアルなので

                                                          Flutter+Firebaseで課員の勤怠管理アプリを開発した話
                                                        • アプリ内課金の定期購入(サブスクリプション)をFlutterとFirebaseで実装するときのポイント - Studyplus Engineering Blog

                                                          こんにちは、スタディプラスの須藤(id:kurotyann)です。 昨年の9月にFlutterとFirebaseで新規サービス「ポルト Porto」をリリースしました。 tech.studyplus.co.jp ポルトはアプリ内課金を未実装でローンチしました1。ローンチ時の決済手段は、Stripeを使ったWebクレジット決済(月額制で無料トライアル14日間)のみです。 高校生をメインターゲットとしながらもアプリ内課金がないのは大きな課題であったため、今年の2月25日にアプリ内課金をリリースしました。 そこで、今回は「FlutterとFirebaseに焦点をあてて」アプリ内課金の定期購入の実装ポイントを紹介します。 1. 技術選定 システム構成図 まず、システム構成図で全体像を示します。 アプリ内課金(定期購入) 定期購入のステータス変更通知 Flutter(アプリ側) Flutterにはア

                                                            アプリ内課金の定期購入(サブスクリプション)をFlutterとFirebaseで実装するときのポイント - Studyplus Engineering Blog
                                                          • esa.ioに分報っぽく投稿するアプリをReactとFirebaseで作った - yasuhisa's blog

                                                            こういう風に投稿すると(左)、esa.ioにこういう感じ(右)で投稿される分報風のアプリを自分用に年末年始に作りました。 作った動機 使った要素技術 Firebase Authentication Firebase Hosting + React Firebase Cloud Functions デプロイ自動化 所感 作った動機 きっと皆さんそうしているように、私も日々ログを残しながら作業をしている。仕事ではscrapboxを使っているが、プライベートではesa.ioを愛用している。プレビューを見つつmarkdownで書けたり、タグとカテゴリがいい感じに使えたりするところが気に入っている。あと、アイコンがかわいい。 ちゃんと作業をするときにはesa.ioにページを作るが、そうでない雑なものも記録したいときが度々ある。例えばこういうの。 今度コンビニ行ったとき、忘れずにXXXを買う 統計の本

                                                              esa.ioに分報っぽく投稿するアプリをReactとFirebaseで作った - yasuhisa's blog
                                                            • Firebase Authenticationなら多分これが一番早いと思います:シーホーちゃんとゆかいな仲間たち

                                                              「Firebase Authenticationなら認証も簡単」 そう考えてきた時期が俺にもありました。 僕は認証の処理を書くのが嫌いで、できれば避けて生きていきたいと考えております。 理由は主に以下になります。 - アプリケーションの本質的な価値を提供するところではない - にも関わらず手が抜けない - 登場人物が多く難しくなりがち しかし、現実は甘くなく意外とみなさんこだわりがあったりするもので、それにすべて応えると大変なことになります。 例えば… - SNS認証だけではなくメールアドレスとパスワードでの認証もサポートして欲しい - SNS認証だったとしても連絡がつくメールアドレスは確保したい などなど… SNS認証でアカウントを作った人がパスワードを忘れた方はこちらを押したらどうなる? 不安で夜も眠れません。 そんなあたなに本書は以下の内容について記載します。 - Firebase

                                                                Firebase Authenticationなら多分これが一番早いと思います:シーホーちゃんとゆかいな仲間たち
                                                              • Google I/O 2022で発表されたFirebaseの新機能をまとめてみた。 - Qiita

                                                                こんにちは。virapture株式会社でCEOしながらラグナロク株式会社でもCKOとして働いているもぐめっとです。 最近ラグナロクのCKOに就任しました。頑張ります! 本日は2022年のGoogleI/Oで発表されたfirebaseの新機能について紹介致します。 結論から言うと、Crashlyticsがやばい進化してます!!! Firebase Extension 今回もたくさん新しい機能を追加しました(15個) Stripe Extension Stripe Extensionを使ってサブスクをつかった場合の各種イベントを設定することができるようになりました。 例えば、キャンセルを行う場合のイベントを設定できるようになったりしています。 今回のデモではサブスクをキャンセルした時にキャンセルメールを送るようにコーディングしています。 Snapの拡張機能 Snapを使用してログインし、Sna

                                                                  Google I/O 2022で発表されたFirebaseの新機能をまとめてみた。 - Qiita
                                                                • Say hello to the helpful Firebase Emulator - a local first UI to boost your productivity

                                                                  Say hello to the helpful Firebase Emulator - a local first UI to boost your productivity Today we are extremely excited to introduce the Emulator UI to the Firebase community. The Emulator UI is a local web app that allows you to manage local emulators that make up the Firebase Local Emulator Suite. image of Emulator Suite overview Last year we released the Emulator Suite to simplify Firebase debu

                                                                    Say hello to the helpful Firebase Emulator - a local first UI to boost your productivity
                                                                  • Firebase Summit 2020のまとめと所感 - nabettu

                                                                    Over the past few months, we've seen that apps not only improve the way we live, they also enhance our ability to adapt to change. In 2020, more businesses and families have turned to apps to stay connected, productive, and entertained. https://firebase.googleblog.com/2020/10/whats-new-at-Firebase-Summit-2020.html?m=1

                                                                      Firebase Summit 2020のまとめと所感 - nabettu
                                                                    • Next.jsとFirebaseで質問箱のようなサービスを作る

                                                                      Next.jsとFirebaseを使って質問箱のようなサービスを作ってデプロイするまでを解説します。

                                                                        Next.jsとFirebaseで質問箱のようなサービスを作る
                                                                      • Service Worker によるセッション管理  |  Firebase

                                                                        フィードバックを送信 Service Worker によるセッション管理 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Firebase Auth では、Service Worker を使用して Firebase ID トークンを処理し、セッション管理を行うことができます。この方法には、次のような利点があります。 追加の作業を行わずに、サーバーからの HTTP リクエストに ID トークンを渡すことができます。 追加のラウンド トリップやレイテンシを発生させずに、ID トークンを更新できます。 バックエンドとフロントエンドのセッションを同期できます。この方法は、Realtime Database や Firestore などの Firebase サービスや、外部サーバーサイドのリソース(SQL データベースなど)にアクセスする必要のあるアプリケーションで

                                                                        • 2019年8月以降のお仕事を大募集 🐶 — Firebase / Flutter / iOS / Swift / SwiftUI

                                                                          [2019/07/24 追記] 募集締め切りましたある程度目処が立ってきたので今回の機会としては募集終わりにさせていただきます。色々お声がけいただき、とても感謝しています。 [2022/04/14 追記] 改めて、継続的にお仕事募集中ですFlutter/Firebaseなどのお仕事のご相談 記載の条件で改めてお仕事のご相談を受け付けております(記載の通り稼働に空きが無い状態が続いていて即お請けすることは難しい状況ですが)。 2017年8月頃からiGhost・iActorという2つの兄弟アプリの開発に従事していまして、2018年2月にリリース後ユーザーからとても高い評価を得つつがんばっておりましたが、社長が会社ごとクローズするという決断を急に下しました。これまでそちらでフルタイムで働いてましたが、2019年8月以降の仕事が急にゼロになった次第です。少なくとも今年いっぱいはそのサービスをやり切

                                                                            2019年8月以降のお仕事を大募集 🐶 — Firebase / Flutter / iOS / Swift / SwiftUI
                                                                          • Firebase ExtensionsのRun Subscription Payments with Stripeを使ってサブスク課金をコードを書かずに実装する - Qiita

                                                                            Firebase ExtensionsのRun Subscription Payments with Stripeを使ってサブスク課金をコードを書かずに実装するstripeFirebasecloudfunctionsSubscriptionFirestore こんにちは。もぐめっとです。 歳のせいか、おでこのシワが最近隠せません。 話は戻り、最近とうとうfirebase extensionsでstripeのextensionが発表されましたね! 🚨New Extensions alert! 🚨 We’re unveiling two brand new Extensions with @StripeDev that help you run subscription payments and send invoices in your web apps. Find them here

                                                                              Firebase ExtensionsのRun Subscription Payments with Stripeを使ってサブスク課金をコードを書かずに実装する - Qiita
                                                                            • Firebase Auth の力を 120% 引き出すためのハック集

                                                                              Ubie Discovery の @yukukotani です。 症状検索エンジン「ユビー」では Firebase Auth (GCP Identity Platform) をヘビーに使っています。その中で一部 Firebase Auth の想定を超えた使い方をしていて、それを実現するための無理矢理なハックを紹介します。 Capacitor 上で OAuth を動かす Capacitor (=WebView) 上で Web ブラウザと同じように OAuth をやろうとすると、以下のような問題に直面します。 Google などの認証プロバイダは WebView 内でのアクセスを弾く (参考) 認証プロバイダからのコールバックが端末のデフォルトブラウザで開かれてしまい、ネイティブアプリに戻ってこれない Capacitor の類似技術である Cordova でも同様の問題がありますが、Fireb

                                                                                Firebase Auth の力を 120% 引き出すためのハック集
                                                                              • 【Flutter】Web アプリを🚀爆速🚀で Firebase Hosting にデプロイする

                                                                                この記事でできあがるもの はじめに 自分の作ったものが web に公開されるのはうれしいことだ。 そのうれしさまず体験することで開発モチベが高まると思う。 10 分くらいでできるのでお試しあれ。 やっていくこと Flutter のサンプルアプリを Firebase Hosting を使って web 上に公開する。 開発環境 マシン: M1 MacBook Air エディタ: VSCode Flutter: 1.26.0-2.0.pre.402 • channel master 作業の全体像 Flutter アプリを作成 GitHub と連携 Firebase に新規プロジェクト作成 Firebase CLI のインストール GitHub Actions の手直し PUSH & DEPLOY 1. Flutter アプリを作成

                                                                                  【Flutter】Web アプリを🚀爆速🚀で Firebase Hosting にデプロイする
                                                                                • FirebaseのFirestoreに便利なクエリ「array-contains-any」「where-in」ってのができたからサンプルサイトとともに解説するぞ! - フロントエンドの地獄

                                                                                  前から噂されていた便利クエリarray-contains-anyおよびwhere-inがついにJSのSDK等に入ったので早速使ってみます! SDK入りたてでできたてホヤホヤのため、まだ公式ドキュメントには影も形もありません笑(2019/10/30現在) ※ 11/3追記 : 更に同じくwhereでのInクエリも発行できるようになっていたので、それについても追記しました! array-contains-any ってどんなの 今までwhereにarray-containsを指定すると、arrayに特定の値が入っているdocumentを検索できました。 実際のコードはこんな感じで、blogsコレクションの中で「tagsフィールドの中に"tech"が入っているドキュメント」を検索できます。 firebase .firestore() .collection("blogs") .where("tag

                                                                                    FirebaseのFirestoreに便利なクエリ「array-contains-any」「where-in」ってのができたからサンプルサイトとともに解説するぞ! - フロントエンドの地獄