JavaScript– category –

前回記事の続編ということになります。まだみていないという方はどうぞ。 https://kazunaka.com/react-chat-app 独り言を呟いても更新をかけてしまうと、今までボヤいていたことが消えてしまいます。それでもいいならそのままでもOKですが、せっかくなので...

下記のようなチャット風アプリを作成したいと思います。 プロジェクト名は任せます。本記事では「chat-app」としています。 下記にてHellowWorldまで出力してください。できる人はそのまま進んでください。 https://kazunaka.com/react-helloworld/ Hellow...

①Firebaseの設定②Reactプロジェクト作成③認証のためのユーザ登録の実装④認証(ログイン・ログアウト)＆ユーザ削除 ← 今ここ前回の③認証のためのユーザ登録の実装からの続きをしていきます。ユーザが登録できたと思うので、いよいよログインの実装をし...

①Firebaseの設定②Reactプロジェクト作成③認証のためのユーザ登録の実装 ← 今ここ④認証(ログイン・ログアウト)＆ユーザ削除前回の②Reactプロジェクト作成からの続きをしていきます。認証に必要なユーザの登録のための実装をしていきます。 ファイルを...

①Firebaseの設定②Reactプロジェクト作成 ← 今ここ③認証のためのユーザ登録の実装④認証(ログイン・ログアウト)＆ユーザ削除前回の①Firebaseの設定からの続きをしていきたいと思います。こちらではReactのプロジェクトの作成＆前準備をしていきます。 React...

FirebaseとReactを使って簡単な認証機能を作っていきたいと思います。Firebase初心者やReact初心者向きの記事になります。①〜④のような流れで行っていきたいと思います。 ①Firebaseの設定 ← 今ここ②Reactプロジェクト作成③認証のためのユーザ登録の実装④認...

機能的にはメモは完成しましたが、このメモにはまだ致命的な弱点があります。ブラウザを更新したら追加したメモを「忘れる」ということです。余裕のある方は+αで「メモを忘れない」機能を追加しましょう。下記の記事からの続きになります。https://kazunak...

【プロジェクトの作成】 コマンドでプロジェクトを作成しましょう。ディレクトリを移動して、以下を実行してプロジェクトを作成します。 create-react-app calculator 「Success!」が表示されたらプロジェクトができていると思うので、コマンド操作で作成...

React + Reduxを使ってメモアプリを作成していきます。前準備・表示・新規作成・一覧表示・一件取得・一件更新・一件削除・情報保持・完成版という順でやっていきます。部分部分でコードを書いてありますが、分からなくなったら完成版を見てもらえればと思...

メモアプリ完成版ということで、全部のコードを載せておきたいと思います。動かない場合や参考になれば幸いです。*ディレクトリ「src」以下のファイルの編集になります。 【ファイル名】 action/index.js // アクション定義 export const READ_MEMOS = "RE...

一件更新⑥からの続きをしていきます。https://kazunaka.com/react-redux-memoapp-six/一件の削除ができるところまでいきます。(デザインはないです。) ファイルを編集 ＊コードの重複部分もありますが、どこに記載していいかを分かりやすくしたくて重複部...

一件取得⑤からの続きをしていきます。https://kazunaka.com/react-redux-memoapp-five/一件の更新ができるところまでいきます。 ファイルを編集 ディレクトリ「src」以下のファイルを編集していきます。＊コードの重複部分もありますが、どこに記載してい...

新規作成④からの続きをしていきます。https://kazunaka.com/react-redux-memoapp-four/一件の取得ができるところまでいきたいと思います。 ファイルを編集 ディレクトリ「src」以下のファイルを編集していきます。＊コードの重複部分もありますが、どこに...

新規作成③からの続きをしていきたいと思います。https://kazunaka.com/react-redux-memoapp-three/一覧が表示できるとこまでやっていきたいと思います。 ファイルを編集 ディレクトリ「src」以下のファイルを編集していきます。＊コードの重複部分もありま...

表示②からの続きをしていきたいと思います。https://kazunaka.com/react-redux-memoapp-two/ ファイルを編集 ディレクトリ「src」以下のファイルを編集していきます。＊コードの重複部分もありますが、どこに記載していいかを分かりやすくしたくて重複部分...

準備①からの続きをしていきたいと思います。https://kazunaka.com/react-redux-memoapp-one/ ファイルを編集 ディレクトリ「src」以下のファイルを編集していきます。actions/index.jsを編集していきます。メモのアクションを書いていきます。まずは表示が...

reactの環境設定がまだな方はこちらからお願いします。https://kazunaka.com/react-helloworld/ メモアプリの全体の流れが知りたい方はこちらを見てください。https://kazunaka.com/react-redux-memoapp-zero/ 前準備 インストール未の方はこちらをインス...

前回の記事でカウントアプリをReactバージョンとhttps://kazunaka.com/react-count-app/React + Reduxバージョンhttps://kazunaka.com/react-redux-count-app/を作成しました。どちらも同じ動きをしますが、Reduxの方がごちゃごちゃして分かりづらいかと思...

reactの環境設定がまだな方はこちらからお願いします。https://kazunaka.com/react-helloworld/ 前準備 今回「redux, react-redux」を使うので、インストール未の方は以下を実行してください。分からない方はとりあえずinstallを実行してもらって問題ない...

reactの環境設定がまだな方はこちらからお願いします。https://kazunaka.com/react-helloworld/ プロジェクトの作成 コマンドでcreate-react-appを実行して、プロジェクトを作成していきます。 $ create-react-app count_app 「Success!」が表示されたらプ...