nkr@エンジニア– Author –

①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!」が表示されたらプ...

面倒な環境設定。既にインストール済みの場合もあると思います。バージョンの確認をしてインストール済みかどうかを確認してください。 Node.jsのインストール 下記のURLをクリックします。https://nodejs.org/ja/LTS版をダウンロードインストールが完了し...

例外オブジェクトとExceptionクラス 例外の実態(難しく言うと)□java.langパッケージの中のExseptionクラスのサブクラスのインスタンス 前回記事より例よりよろしければ下記読んで見てください。 https://kazunaka.com/java-base-try-catch/ 数字を0で割り...

pythonのスクレイピングで一件だけ(find_element_by_css_selector)の取得の場合、もし取れないであったり、なかったりするとエラーが起きてしまいます。＊ driverの作り方は前記事を参考にしてください。https://kazunaka.com/%e3%82%b9%e3%82%af%e3%83%ac...

【try〜catch】 例外とは、□コンパイル時にエラーがなくても、プログラム実行時に発生したトラブル□ランタイムエラーともいう 例外の発生例□数字を0で割った場合□ファイルへの入出力　■存在していると思ったファイルがない、　■ハードディスク容量一杯で書...