プログラミングchakra uiでReactのプロジェクトをスタイリングしてみよう
Reactのスタイリングをするためのライブラリには、二種類あって コンポーネントタイプ クラスで定義するタイプ といった感じです(このタイプの呼び方は私が考えたんで、別の言い方があるかもしれませんが)。 前者はchakra ui、Mater...
プログラミング
プログラミングreact-iconsの使い方
react-iconsには、さまざまなiconが用意されています。 これを使わない手はないと思い、その使い方をご紹介。 react-iconsのドキュメント react-iconsのドキュメントはこちらです。 VSCodeなどを使っていれば...
プログラミングReactの特定コンポーネントだけに適用するCSSを作りたい(css in js)
Reactのコンポーネントってとっても細分化されますよね。 それに、ある特定のCSSを適用させたいときには、「そのコンポーネントのタグだけに適用させたい」と考える場面は当然あるでしょう。 ということで、特定コンポーネントだけに適用できる『c...
プログラミングgit cloneをしたファイルを別のリポジトリにpushする方法
githubのリポジトリの名前付けを間違える githubのリポジトリの名前付けを間違えて、すでにgithubにpushしたファイルを別リポジトリにpushしたい。 と思ったわけですが、ちょいとカンタンにはいかなかったので、備忘録としてメモ...
プログラミングgithubにあるReactプロジェクトをcloneする
githubにアップロードしたReactのプロジェクトをクローンして使うための手順の紹介です。 多分、React以外のプロジェクトでも同じでしょうが、確認したのがReactのプロジェクトのため、Reactのプロジェクトとしました。 Reac...
マーケティングReactプロジェクトにおいてGoogleユーザーでFirebaseへの認証を実装する
ReactプロジェクトにおいてGoogleユーザーでFirebaseへの認証を実装するための具体的なコードのご紹介。 Firebase SDKはV9を使用しています。 Firebaseに認証を設定する方法はこちらから。 ファイル構成 とりあ...
プログラミングReactからFirebaseにアクセスするための環境設定
ReactのプロジェクトからFirebaseにアクセスするための設定方法をご紹介。 Firebaseにアクセスするための環境情報の設定 .env.localファイル プロジェクトのトップディレクトリ配下に「.env.local」ファイルを作...
プログラミングFirebaseに認証機能の設定をする
Firebaseを使えば、認証機能が簡単に組込めます。 そこで、まずはFirebase側の認証機能の設定をします。 認証設定の開始 作成したFirebaseのプロジェクトのページの左のメニューの「構築」-「Authentication」をク...
プログラミングFirebaseにアプリを追加する
FirebaseにiOS向け、アンドロイド向け、ウェブ向けなどのアプリを追加するプロセスを紹介します。 firebaseにウェブアプリを追加する 今回は、作成したプロジェクトにウェブアプリを追加します。 画面のウェブの所をクリック。 アプリ...
プログラミングFirebaseのセットアップ
いろいろなアプリを作るときに、 このデーター保存しておきたいな と思うときがあるでしょう。 思い当たるのは、 ・レンタルサーバーのmySQL ・amazonのAWS ・… とあると思いますが、それぞれそれなりに設定が難しそう。 そこで、Fi...