React 【React】『論理 && 演算子』や三項演算子による条件分岐の特殊記法
はじめに
javascriptはコーディングをするたびにその記法に驚かせられます。でも覚えると便利なんですよね…笑今回は『論理 && 演算子』や三項演算子による条件分岐の特殊記法について話していきます。
論理 ...
React 
Javascript 【Javascript】array(0)なのに配列は値を保持している理由
問題と原因
Reduxでアプリを作成していた。
Reduxパターンを作成していた時、Array(0)を受け取った。
なのにその中身にはなんと値が入っていたのである。
何故だろうと考察していると非同期処理で混雑してい...
MaterialUI React×MaterialUIでfailed prop typeエラーが出た原因と解決方法
問題と原因
React,Reduxで個人開発をしていると、以下のエラーに遭遇。
Warning: Failed prop type: Material-UI: Either `children`, `image`, `src`...
React 【2022年4月更新】React useNavigateの画面遷移方法をまとめてみました
useNavigateを用いたReactの画面遷移方法をまとめてみました。react-router-domはv5からメソッド名が若干変わっています。
Firebase 「FirebaseError: Firebase Storage: User does not have permission to access」が出力される原因と解決法
原因
Errors while storage connecting => FirebaseError: Firebase Storage: User does not have permission to access 'ima...
Firebase 【初学者向き】CloudFirestoreのセキュリティルールの記法とその意味
CloudFirestoreのセキュリティルールの記法とその意味について話していきます。
セキュリティルールとは
Firebaseリソースへのアクセス制限を付与するもの。
それはGoogleが独自に作成したセキュリティル...
Firebase 【2021年最新】React×firebaseにて「Uncaught (in promise) FirebaseError: Missing or insufficient permissions.」エラーが出力される原因とその対策
react×firebaseにてCloudFirestoreを使用した際にエラーが出力された。
エラーの内容はこちら↓
Uncaught (in promise) FirebaseError: Missing or insuf...
git gitignoreの配置場所とディレクトリ自体を無視したい時
はじめに
gitignoreの使い方と特殊な使い方を紹介する
gitignoreの配置場所
基本的にはプロジェクトの一番上のルートに置く。
そこからみたディレクトリのパスを指定してあげることで、ファイルを無視するこ...
Firebase Reactでfirebaseを使用する時、APIKeyが合っているのにinvalid-api-keyと出力される原因
React×firebaseを実装しようとしていたが、なぜかエラーが出力される
問題
エラーがこちら
Uncaught t{code: "auth/invalid-api-key", message: "Your API...
git .gitignoreに記載したのにも関わらず、反映されない問題とその解決策
gitの管理から対象のファイルを外すために.gitignoreに追加してもgitの管理対象外にならないという事象が起きました
本記事ではこの問題に対する幾つかのアプローチを提示し、その解決策を紹介していきます
グローバルな....