アルパカログ

JavaScript・TypeScript

📅  2020-10-14

Firebaseでアプリケーションを作るときは、データベースとしてFirestoreを使うのが便利です。FirestoreはクラウドベースのNoSQLで、FirebaseやGCPから簡単に扱うことができます。このエントリでは、Firestoreの簡単な使い方とFirestoreルールの設定方法を紹介します。

続きを読む
📅  2020-10-07

Reactアプリで表示を切り替えるためにコンポーネントをアンマウントしたときに、エラーが出ることがあります。このエントリでは、Reactコンポーネントのアンマウント時のエラーを修正する方法を紹介します。

続きを読む
📅  2020-09-30

react-router-domを使うと、ReactでURLパスによるページ遷移を実装することができます。しかし、ReactやSPAに慣れていない人にとっては、react-router-domの使い方に少し戸惑うかもしれません。このエントリでは、react-router-domを使ったページ遷移の実装方法を紹介します。

続きを読む
📅  2020-09-24

ReactアプリにGoogleログインを実装したいときは、Firebase AuthenticationとFirebase SDKを使うと簡単です。むしろ、Firebase AuthenticationやGCPコンソールでのOAuthクライアントの設定の方でハマりがちかもしれません。このエントリでは、ReactアプリにGoogleログインを実装する際の方法を、トラブルシューティングと共に紹介します。

続きを読む
📅  2019-04-08

AngularJSで、ユーザーの権限によって表示を切り替えるという認可っぽいことをしたいケースがあります。「認可っぽいこと」と言っているのは、データは取得できてしまうものの、非表示にすることでそれらしく見せているためです。このエントリでは、AngularJSでユーザーの権限によって表示を切り替える方法を説明します。

続きを読む
📅  2019-03-04

Angular.js + Firestoreという構成では、クライアントライブラリとしてAngularFire2を使うケースが多いと思います。メタデータを含めたデータを返す`snapshotChanges()`をスタブするのは少し面倒です。このエントリでは、AngularJSのテストでAngularFire2のsnapshotChangesをスタブする方法を紹介します。

続きを読む