プログラミング

Redux toolkitを使用したReactプロジェクトの作成

Redux tookitの使い方がいまひとつ身に付きにくかったんですね。 だから、備忘録として、Redux Toolkitを使っての状態管理のサンプルをブログ記事としました。 Redux Toolkitを使うときに当該記事を参考にして作って...
プログラミング

Fierbase(V9)のonAuthStateChanged()の使い方をまとめてみた

Firebaseの認証機能の中に、現在ログインしているユーザーの情報を取得する関数にonAuthStateChanged()という関数があります。 ちょっと、使い方に癖があるので、備忘録的に記事にしました。 ちなみに、この処理を使っているソ...
プログラミング

FirebaseのAuthentication(認証)関連処理をReactで作ってみた

Udemyの『初心者がReactとfirebaseで作るモバイル対応PWAアプリケーション』という講座を学習して、 神谷 Firebaseって無料で使えるしAPIも分かり易そうだからいいんじゃね。簡単なDBならすぐ作れそうだし。Fireba...
プログラミング

Firebaseに作成したアプリに登録したユーザのパスワードを変更するためのReactのコードを解説

Firebaseに作成したReactのアプリに登録したユーザのパスワードを変更するための処理にフォーカスを当てて解説します。 ※ ソースはこちら:Github ※ アプリはこちら:「Firebaseに認証するだけのアプリ」 ※ パッケージの...
プログラミング

Firebaseに作成したアプリにGoogle ID登録したユーザーの退会処理ためのReactのコードを解説

Firebaseに作成したReactのアプリにGoogle IDで登録したユーザーの退会処理にフォーカスを当てて解説します。 ※ ソースはこちら:Github ※ アプリはこちら:「Firebaseに認証するだけのアプリ」 ※ パッケージの...
プログラミング

Firebaseに作成したアプリにメールとパスワードで登録したユーザーの退会処理ためのReactのコードを解説

Firebaseに作成したReactのアプリにメールとパスワードで登録したユーザーの退会処理にフォーカスを当てて解説します。 ※ ソースはこちら:Github ※ アプリはこちら:「Firebaseに認証するだけのアプリ」 ※ パッケージの...
プログラミング

Firebaseに作成したアプリにログインするためのReactのコードを解説

Firebaseに作成したReactのアプリにログインする処理にフォーカスを当てて解説します。 ※ ソースはこちら:Github ※ アプリはこちら:「Firebaseに認証するだけのアプリ」 ※ パッケージのバージョン:”firebase...
フリーランス生活

ブログ記事のサンプルコードを畳んで記事を読みやすくしたい(Cocoonのアコーディオン)

プログラミングの記事を書くようになって、プログラミングのコードを記事の中に載せることが多くなった。 このコードだが、コピペすることによって読者にも未来の自分にもプログラムを簡単に書けるように載せている。 しかし、長いコードをブログ記事に貼る...
プログラミング

Firebaseに作成したアプリにメールアドレスとパスワードでサインアップするReactのコードを解説

Firebaseに作成したReactのアプリにメールアドレスとパスワードでサインアップする処理にフォーカスを当てて解説します。 ※ ソースはこちら:Github ※ アプリはこちら:「Firebaseに認証するだけのアプリ」 ※ パッケージ...
プログラミング

Firebaseを使用したReactのアプリをレンタルサーバーにデプロイするときにいろいろやったこと

Reactのアプリを作成(「npx create-react-app」で作成したReactアプリを前提としています)し、ローカルサーバでのテストが終了。 githubにも保存して、さて、次に来るのはサーバーへのデプロイですね。 Fireba...