[B! firebase] griefworkerのブックマーク

なるべくお金をかけずに個人アプリを運用したい - くりにっき

前々からこの手のことを書きたいとは思ってたけど id:k0kubun さんの下記エントリに触発されて書きました。 k0kubun.hatena blog.com tl;dr; 個人アプリ開発歴前提 Heroku GCP Google App Engine Cloud Run Firebase Cloud Functions GitHub Pages 2022/8/14追記 GitLab Pages 2022/5/7 17:00追記：ブコメレス tl;dr; HerokuやFirebaseを駆使すれば割と無料でいける若干お金を払えばもっと選択肢は増える個人アプリ開発歴 2001～2002年あたりから個人HPでアプリを公開。後にVectorにも公開アカウントは残ってるのでいまだにVectorからのレポートメールが毎月届いてます 2009年くらいから色々ウェブアプリを開発 Google A

griefworker 2022/05/07

リンク

型安全なFirestoreフレームワーク「Fireschema」の紹介

Firestore の JavaScript SDK では、withConverter() を使うと任意のコレクションに型をつけたり自動でデータをデコード/エンコードしたりできますが、コレクションの親子関係の情報は持たないので、SubCollection や Parent を参照するときは毎回手動でwithConverter を呼び出さなければなりません。また、Firestore のセキュリティルールで書き込み時に型チェックをするには手動でルールを記述する必要があり、構文も複雑になりやすいので、できれば TypeScript の型情報から自動でルールを生成したいところです。 Fireschemaを使うと、スキーマを宣言的に記述するだけで、親子関係を考慮したデータの型付け、デコード、セキュリティルールの生成などを自動で行うことができます。 Fireschemaの機能 Firestor

griefworker 2021/04/23

リンク

KomercoとFirebaseの話【前編】 - Firestoreの設計パターン - クックパッド開発者ブログ

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

griefworker 2021/04/22

リンク

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

griefworker 2020/09/30

リンク

Firebase ExtensionsのRun Subscription Payments with Stripeを使ってサブスク課金をコードを書かずに実装する - Qiita

Firebase ExtensionsのRun Subscription Payments withStripeを使ってサブスク課金をコードを書かずに実装する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

griefworker 2020/09/10

リンク

ちょっとでもセキュリティに自信がないなら、 Firebase Authentication を検討しよう

note のやらかしのあのへんについて。認証自作、 Rails 、 Devise - Diary パーフェクト Rails 著者が解説する devise の現代的なユーザー認証のモデル構成について - joker1007’s diary 認証サーバーの実装は本質的に難しいです。セキュリティが絡むものは﹁簡単な実装﹂などなく、プロアマ個人法人問わず、個人情報を守るという点で、同じ水準を要求されます。悪意あるハッカーは常にカモを探していて、もし認証が破られた場合、自分だけではなく大多数に迷惑が掛かります。初心者だから免責されるといったこともありません。全員が同じ土俵に立たされています。とはいえ、認証基盤を作らないといろんなサービスが成立しません。そういうときにどうするか。 Firebase Authentication で、タイトルの件なんですが、 Firebase Authenticat

griefworker 2020/08/18

Firebase Authentication 便利だった。確かに、個人開発ならこれでいいや。

firebase

リンク

Firebase をフロントエンドから適切に隠蔽するための「Hooks Injection パターン」 - JX通信社エンジニアブログ

取締役の小笠原(@yamitzky)です。JX通信社では、React 製のフロントエンドでも Clean Architecture で設計するなど、なるべく特定のバックエンドに依存しない設計を心がけたりもするのですが、一方で Firebase をラップした react-firebase-hooks などの﹁便利な Hooks﹂を使って開発スピードを加速したい、という課題を持っていました。そして先日、次の記事が話題になっていました。まさに﹁どう Firebase を隠蔽するか﹂と﹁どう Firebase を活用するか﹂を両立する悩みです。 blog.ojisan.io 結論を言うと﹁Hooks そのものを注入する﹂のが筋が良いのではないかと思っています。個人的に﹁Hooks Injection パターン﹂と名付けたこの方法をご紹介したいと思います。今回の記事の完成形はソースコードを公

griefworker 2020/08/12

リンク

next.js + vercel + firebase authentication で JWT の検証を行う + Graphql

今個人で作ってるアプリの認証 + Graphql の部分を抜き出して GitHub に公開した。 mizchi/next-boilerplate-20200727 next.js + vercel + firebase は (パーツを良く選べば) 最高 next.js はルーティングを持つページを作るには最高で、サーバー、静的サイト、JAM スタック、AMP と必要に応じて選択できる。React ベースならこれ一択。認証サーバーの実装は毎度疲れるし、Firebase Athunetication はこの点においては OAuth Secretを置くだけ + Custom Provider も作れるので、最高。それと比べて firestore は、ちょっと前に firestore べったりでアプリを試作したことがあったのだが、型がないためにかなり扱いづらく、また読み書きの速度が遅くパフ

griefworker 2020/07/28

リンク

Firebaseの存在をフロントエンドから隠蔽するために

「Firebase は安いし楽だしマジ最高」という一心で技術選定してしまったプロダクトが成功して見えてきた課題、割高なコスト・権限管理・カスタマイズ性、そして（特性やスキルセット的に）RDB 製品が適していたのに無理やり Firestore を採用したことによるデータ不整合。その結果チーム内で Firebase を抜ける機運が高まるも、Firebase べっとりなアプリケーションすぎて移行しづらいといった問題に出会うかもしれません。そのような場合に備え、Firebase の存在を隠蔽して開発することに挑戦してみましょう。注意: Firebase を剥がしているときに「俺、次は絶対そうするわ」と感じたものを書いているだけであり、まだ実際にはこのパターンでプロダクション導入していません。あくまで個人開発で試してみていけそうと思ったので、提案しますという体です。また Firebase

griefworker 2020/07/27

リンク

Firestore だけで Algolia を使わず全文検索 - Qiita

（この記事は先日2019年9月22日に開催された技術書典7にて頒布した『りあクト！ Firebaseで始めるサーバーレスReact開発』の「4-6. Firestore だけで全文検索を実現する」の内容を紹介したものです）やっぱりまだ Firestore で提供されない全文検索機能昨日（2019年9月26日）、スペインのマドリードで開催された Firebase Summit 2019 ですが、新機能が大量にリリースされて開発者は嬉しい悲鳴を上げているようです。詳しくは公式ブログやセッションの動画を参照していただくとして、個人的には Firebase Extension に可能性を感じてて、分散カウンターや Firestore コレクションの BigQuery 同期が手軽に使えるようになったの嬉しいですね。これからめっちゃ活用していきたいです。しかしそれでも今回も、Firestore

griefworker 2020/07/18

リンク

個人開発で100ヵ国以上が参加するトーナメントで世界1位を獲るまで - Qiita

はじめに Pioneerで1位を獲りました。このトーナメントは、世界100ヵ国以上から個人開発者/起業家が参加するアクセラレータープログラムとなっており、誰でも参加することができます。参加すると、週次で﹁その週どんなことをしたのか﹂、﹁どんなKPIを設定しているか﹂を提出し、他の参加者やメンター陣の評価によりポイントが付与され、順位が変動する仕組みが設けられています。したがって、数日で終わるイベントではなく、1ヶ月〜半年以上かけて行なわれます。また、上位ランクに入ると、Pioneerからトップランカープログラムの招待があり、GoogleやAmazonなど合計200K相当のクレジット、限定コミュニティへの参加や、著名起業家からのメンタリングを受けることもできるようになります。Pioneerの主催者が、シリアルアントレプレナーかつ、元Y CombinatorのパートナーでもあるDaniel

griefworker 2020/05/04

ブラウザ間の通話(WebRTC)はTwilio。

リンク

Flutter製アプリ「筋トレビフォーアフター」を元にFlutterと個人開発を学ぶ - Qiita

会社勤めをしながら個人開発をしているtakashiです。本記事では、Flutter製アプリ「筋トレビフォーアフター」を元にプロダクト開発の解説をしていきます。長文になりますが、重要な部分を絞り込み、コードも記事用のサンプルコードに書き換えているので記事を読み進めやすいと思います。アプリはこちら。無料でダウンロードできます。目次 1.Flutterを採用した理由 2.Flutterのキャッチアップ 3.設計 4.開発期間 5.アプリの規模感 6.初回起動時の画面説明 7.入力画面 8.入力ダイアログ 9.カレンダー管理 10.写真撮影とカメラライブラリ選択 11.データ登録完了時 12.ビフォーアフター比較画面 13.ビフォーアフターのロック 14.ビフォーアフターの履歴追加時 15.ビフォーアフターの履歴一覧画面 16.ビフォーアフターの履歴のシェア 17.写真管理画面 18.写真

griefworker 2020/04/24

リンク

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 プレレンダリ

griefworker 2020/03/23

リンク

【AWS, GCP, Azure, OracleCloud, Firebase】無料で使えるクラウドのサーバリソースまとめ【2020年1月版】 - Qiita

【AWS, GCP, Azure, OracleCloud, Firebase】無料で使えるクラウドのサーバリソースまとめ【2020年1月版】AWSAzureFirebaseoraclecloudGoogleCloud

griefworker 2020/01/06

ユーザーが増えてもスケールし、ユーザーが少なくても赤字にしない、そんな構成に無料で使えるクラウドサービスのリソースを駆使して挑戦するのが、個人開発の面白いところ。

リンク

2020 年、 React 軸で学ぶべき技術 - mizchi's blog

なぜ仮想 DOM という概念が俺達の魂を震えさせるのか - Qiitaから5年経ち、仮想 DOM を備えた React やそれを採用した Vue や他のライブラリも市民権を得たように思います。有用な技術が市民権を得る、というのはエコシステムが花開くことでもあります。新しいプロダクトを作る際の技術選定において、 TypeScript + React が常に正解というわけではないですが、このスタックはかなり強力だという手応えがあります。このスタックは得意のウェブフロントエンドは勿論、それ以外もとりあえず80点ぐらいの品質でプロトタイピングできる、というようなエコシステムになってきたような肌感があります。モダンフロントエンドだと TypeScript と Webpack は採用しているのを前提として、本記事では React を軸にその技術を活かすために、次の6個の技術を紹介

griefworker 2020/01/04

React+TypeScript+Firebaseはかなり強力。

リンク

[Xamarin.Forms] Firebase Crashlytics を導入してみた (Android & iOS) | DevelopersIO

Xamarin.FormsアプリにFirebase Crashlyticsを導入してみました。いろいろとハマったので、手順をまとめました。以前、Xamarin.FormsアプリにFirebase Analyticsを導入してみましたが、せっかくなので、Firebase Crashlyticsも追加導入してみました。Q‥なぜXamarin？A‥趣味です！目次環境 Xamarin.Formsアプリの作成とFirebaseプロジェクトの作成 Androidの準備 Firebase Crashlyticsの導入(Android) strings.xmlにユニークIDを追加 Firebase Crashlyticsの初期化︵Android︶ Firebaseプロジェクト設定︵Android︶アプリの実行と接続確認︵Android︶ビルドエラー対応例外発生してアプリが落ちる改めてア

griefworker 2019/07/22

リンク

[Xamarin.Forms] Firebase Analyticsを導入してみたので、手順をまとめた！ (Android & iOS) | DevelopersIO

[Xamarin.Forms] Firebase Analyticsを導入してみたので、手順をまとめた！ (Android & iOS) Xamarin プロジェクトでFirebase Analyticsを導入してみたので、手順をまとめました。 Xamarin.Forms側からも呼んでみました！ 2019年10月31日に﹁AndroidとiOS向けのGoogle Analytics﹂のサポートが終了します。 Google アナリティクス開発者サービス SDK の終了というわけで、移行する前準備として、XamarinでFirebase Analyticsを試してみました。Q‥なぜXamarin？A‥趣味です！ Firebase Analyticsのイベントについては、下記をどうぞ！ Firebase Analyticsのイベント送信について調べた | Developers.IO 目次環

griefworker 2019/07/22

リンク

Cloud Firestoreを実践投入するにあたって考えたこと - Qiita

はじめに Firebase Realtime DBを実践投入するにあたって考えたことを読んで頂いてありがとうございます。　多くの方から﹁いいね﹂を頂いて、今回のこの記事を書くモチベーションになりました本当にありがとうございました！さて、CloudFirestoreは、Firebase Realtime Databaseとは全く違うデータベースです。特にSubCollectionやQueryが導入されたことにより、リレーションシップの設計に関して大きく異なります。この記事では、主にCloudFirestoreにおけるリレーションシップの設計方法から、アプリ・CloudFunctionsに至るまでを幅広く解説して行こうと思います。次の記事ではデータベースの歴史を解説しています。 RDBの限界とNoSQLの登場 Cloud Firestoreでの開発について私の経験上確実に断言できるこ

griefworker 2019/06/10

リンク

Firebase入門フリマアプリを作りながら、認証・Firestore・Cloud Functionsの使い方を学ぼう！｜ハイクラス転職・求人情報サイト AMBI（アンビ）

ハイクラス求人TOP IT記事一覧Firebase入門フリマアプリを作りながら、認証・Firestore・Cloud Functionsの使い方を学ぼう！ Firebase入門フリマアプリを作りながら、認証・Firestore・Cloud Functionsの使い方を学ぼう！ Firebaseでは、バックエンドやインフラに精通したメンバーがいなくても、モバイルやWebフロントの開発に集中できます。Authentication、Firestore、Cloud Functions、さらにセキュリティルールまで、クックパッドの岸本卓（@_sgr_ksmt）さんが、実践的に解説します。 Firebaseをご存じでしょうか？ Firebaseを利用したことはありますか？今回は「Firebaseをこれから使ってみたい！」「絶賛使っているけど、初めてでどう開発したらいいかよく分からない……」という方

griefworker 2019/06/07

Firebase 入門するにあたって知りたかったことほとんど書いてある。

firebase

リンク

Firebaseで完結するリッチなWebアプリ構築の勘所 - Qiita

先日、Togetter社長の@yositosiさんとひょんなことからお友達になり﹁なんかFirebase使って面白いことやろうよ﹂という話になったので一緒に面白いことをやりました。この記事は、 Firebaseを使うと何ができるのかNuxt.js/Vue.jsとFirebaseの勘所 Firestoreでの複雑なクエリ処理にどう対応するかなどのトピックを中心に紹介していければと思っています。なんとかPay Togetterの社長の@yositosiさんからFirebaseを使ったアプリ構築の話を頂きお手伝いさせていただいた、エイプリルフールの企画の﹁なんとかPay﹂というサービス。誰でも自由にPayを発行できる、昨今のPay蔓延している社会に物申しているようなそうでもないようなそんなサービス。今回は技術周りで色々とお手伝いをさせていただきました！自分だけのPayが作れるリアル

griefworker 2019/04/16

リンク

はてなブックマーク

タグ

関連タグで絞り込む (22)

firebaseに関するgriefworkerのブックマーク (32)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス