マガジンのカバー画像

TypeScript&React&Firebaseで何か

18
「TypeScript & React & Firebase で何かつくってみる」シリーズまとめ
運営しているクリエイター

#TypeScript

TypeScript & React & Firebase で何かつくってみる1 環境構築

この記事は初心者向けには違いないが, よくある「熟練者が初心者に入門を語る」スタイルではな…

Kentaro
4年前
9

TypeScript & React & Firebase で何かつくってみる2 環境構築2

それなりにいろいろつまづいたため, 環境構築だけで連載を2回も使うことになった. firebase-t…

Kentaro
4年前
2

TypeScript & React & Firebase で何かつくってみる3 React Hooks

さて, まずは React の簡単なサンプルコードでも動かしてみることにする. やはり古い. あとで…

Kentaro
4年前
8

TypeScript & React & Firebase で何かつくってみる4 Functions

正式名称は Cloud Functions for Firebase か. なぜ Firestore だけが固有名詞なのか. カード…

Kentaro
4年前
1

TypeScript & React & Firebase で何かつくってみる5 Functions 2

書きやすい今のうちに 5日連続投稿のバッチをもらっておくか. しかしこのバッチ,最大で365日連…

Kentaro
4年前
1

TypeScript & React & Firebase で何かつくってみる6 Functions 3

そろそろ思いつきだけで進めるのも限界がきたかな. ちょうどGWになるし じっくり考えたほうが…

Kentaro
4年前
2

TypeScript & React & Firebase で何かつくってみる7 Functions 4

前回の Functions の疑問が一つ解決したのでそれを書く. トランザクションで複数のドキュメントを扱う前回「トランザクションで複数のドキュメントにアクセスしたいときどうしたらよいかわからない」と書いたが, 答えは firebase ライブラリのソースコード内にあった. firestore.d.ts export class Transaction { : /** * Retrieves multiple documents from Firesto

TypeScript & React & Firebase で何かつくってみる8 Functions 5

Cloud Functions の話は前回で一旦終了のつもりだったが, 設計を進めている途中でもう一つ試し…

Kentaro
4年前
3

TypeScript & React & Firebase で何かつくってみる9 Firestore

既に使っているが, はっきりいって コレクションとドキュメントの違いもあいまいなまま使って…

Kentaro
4年前
1

TypeScript & React & Firebase で何かつくってみる10 Firestore 2

タイトルの「何か」の部分が徐々に固まってきた. この先も続けられそうならタイトルを変えよう…

Kentaro
4年前
2

TypeScript & React & Firebase で何かつくってみる11 Firestore 3

だんだん 話が入り組んできた. 丁寧に書くと長くなるし, 端折ると訳分かんなくなるし. 文章上…

Kentaro
4年前
2

TypeScript & React & Firebase で何かつくってみる12 HTML基礎

今日は見た目は結構いじったが新技術は全然出てこない. さすがに進捗がきつい. だが, ここま…

Kentaro
4年前
3

TypeScript & React & Firebase で何かつくってみる13 Firestore 4

第11回目 でカードを裏返せるようにしたが, その時の伏線を回収する. カードの裏面を非公開に…

Kentaro
4年前
3

TypeScript & React & Firebase で何かつくってみる14 Firebase改善失敗

ときどき応答が悪いのが気になってきた. そこでレスポンス速度改善の手立てを探してみたが, 結論を言えばあまり収穫はなかった. Cloud Functions のメモリ割り当て量を増やす以前どこかで見た メモリ割り当て増量による性能改善を試す. 上に書いてある「ソースコードから変更する方法」を試す. functions/src/index.ts const runtimeOption: functions.RuntimeOptions = { memory: '2GB'