React 【React】create-react-app実行時にtimeoutエラーが出力する原因と対策 今回の現象 Reactのプロジェクトを作成しようとするときは以下のようなコマンドを入力すると思います。 create-react-app front その際に以下のようなエラーに遭遇しました。 npm ERR! c... 2022.03.26 React
Docker docker-compose runでcreate-react-appを実行したときにtimeoutエラーが出る原因と対策 docker-compose runでcreate-react-appを実行したときに「Socket timeout」エラーが出た際には「timeout=100000」を指定してあげることで解消されることでしょう!! 2022.03.26 DockerReact
React React入門から少し脱したい!無料地図サービスを使って遊ぶ Reactでちょっといけたアプリをつくってみたい! webアプリを作ってみたいけど何を作ればいいかわからない! 人の手助けに少しでもなればと思いこの記事を書きました。 この記事を読んで地図サービスがこんなけ簡単に使えるな... 2022.03.02 Reactモチベーション
Firebase Firebase×React×ReduxでAuthenticationとFirestore Databaseを実装した時の備忘録その2 こちらはパート2です。前回までの実装はこちらから 実装手順 ReactやFirebaseが導入されている前提で話を進めていきます。 長くなってしまったので2つに分けて投稿します。 以下の順番で話を進めていきます。 ... 2021.09.03 FirebaseReact
Firebase Firebase×React×ReduxでAuthenticationとFirestore Databaseを実装した時の備忘録その1 はじめに React×Redux×Firebaseを使って認証機能を実装しました。その際にReducksパターンを使用して、 状態遷移を実装したので、その時に使用したコードと、その簡単な動きをメモしておきます。 一連のア... 2021.09.02 FirebaseReact
Firebase エラー「GoogleAuthProvider is not a constructor」が出た時の対処法 問題 GoogleのOAuth認証を実現しようとsignInWithPopupを宣言したところ以下のようなエラーが発生。 出力されたエラー TypeError: _firebase__WEBPACK_IMPO... 2021.08.31 FirebaseReact
Firebase 【手元で動かせます】Firebase Authenticationの実装をCODEPENでやってみた はじめに Firebase×React×MaterialUIにて個人開発を行いました。 その際に使用したFirebase Authenticationについて、書いていきます。 Firebaseのドキュメントを見て「ウォ... 2021.08.30 FirebaseReact
React 【解決】ReactにてA network errorというエラーが出力された時 問題 React×Reduxで非同期処理を実装している際に以下ようなエラーに遭遇。 FirebaseのcreateUserWithEmailAndPasswordという非同期処理を実現しようとしている。 A networ... 2021.08.26 React
React 【動かして試せます】Reactにおけるpropsで変数や関数を渡す方法 本記事の目的 今日はReactにおけるPropsを完全理解するために3ケースにおけるPropsの使い方を紹介していこうと思います。 Reactの導入に関しては今回割愛させていただきます。 CodePenというオンラインで... 2021.08.24 React
Firebase React×Firebaseでデプロイしても白い画面しか表示されない原因とその対処法 問題と原因 FIrebase Hostingでアプリをデプロイしたのですが、デプロイ先のURLを開いても白い画面のまま止まってしまうという現象に陥りました。 問題はHostingで公開するディレクトリの設定が間違っていたことで... 2021.08.19 FirebaseReact