エンジニアの本棚

: Webプログラミング

React + Firebaseのミニアプリを作る【画像アップロード】

2020/3/27 Firebase, Material-UI, React, Redux

前回から引き続き、React + Firebaseでミニアプリを作成します。今回は画像のアップロードを行えるようにします。 React + Firebaseでの画像アップロードに関して ...

: Webプログラミング

【2020年】Google Trendsで見るReact・Vue・Angular

2020/4/11

皆さんはどんなフレームワーク、ライブラリを使っていますか？先日とあるYoutube(↓で取り上げます)のReact・Vue・Angularの比較動画を見ていたところ、Go ...

: Webプログラミング

React + Firebaseのミニアプリを作る【認証編3】

2020/3/27 Firebase, Material-UI, React, Redux

前回に続きReact + Firebaseのミニアプリを作っていきます。前回はログイン処理の実装途中でした。今回も引き続きログインを実装していきます。ロ ...

: Webプログラミング

React + Firebaseのミニアプリを作る【認証編2】

2020/3/22 Firebase, Material-UI, React, Redux

前回に続きReact + Firebaseのミニアプリを作っていきます。前回はユーザ登録を実装しました。今回はログイン機能を作っていきます。ログイン処理の全体像ログ ...

: Webプログラミング

React + Firebaseのミニアプリを作る【認証編】

2020/3/19 Firebase, Material-UI, React, Redux

前回に続きReact+Firebaseでミニアプリを作っていきます。前回の投稿はこちらから。どんなアプリを作るかは【計画編】を見て下さい。今回はFirebaseでの認証を実装していき ...

: Webプログラミング

React + Firebaseのミニアプリを作る【メッセージ&スピナー編】

2020/3/17 Firebase, Material-UI, React, Redux

引き続きReact + Firebaseでミニアプリを作っていきます。前回はFirebase REST APIを使ってCRUDを実装するところまで進めました。今回はスピナー(ローディング画面)の実 ...

: Webプログラミング

React + Firebaseのミニアプリを作る【実装編5】

2020/3/15 Firebase, Material-UI, React, Redux

前回に続きReact+Firebaseでミニアプリを作っていきます。前回の投稿はこちらから。どんなアプリを作るかは【計画編】を見て下さい。前回まででCreate, Read, Upd ...

: Webプログラミング

【React Router】action creator内でページ遷移する方法

2020/3/12 React, Redux

React + Redux環境でReact Routerを使っていると、ページ遷移のタイミングで困ることがあると思います。特に非同期通信を行う場合は、通信が終了したタイミングでページ遷移をしたい場合 ...

: Webプログラミング

React + Firebaseのミニアプリを作る【実装編4】

2020/3/12 Firebase, Material-UI, React

前回に続きReact+Firebaseでミニアプリを作っていきます。前回の投稿はこちらから。どんなアプリを作るかは【計画編】を見て下さい。前回まででCreate, Readまでは実装 ...

: Webプログラミング

React + Firebaseのミニアプリを作る【実装編3】

2020/3/11 Firebase, Material-UI, React

前回に続きReact+Firebaseでミニアプリを作っていきます。前回の投稿はこちらから。どんなアプリを作るかは【計画編】を見て下さい。前回はReduxのセットアップと、Fireb ...

« Prev 1 2 3 4 Next »

Search

かんりにん

プログラミングが好きで個人でツールなどを作っています。昔はPHPでWeb開発の仕事をしていました。最近は個人でDjangoのアプリを作ったり、Reactを使ってツールを作成したりしています。

Category

Archive

Twitter

PickUp

1: React(SPA)での認証についてまとめ

Reactでの認証は厄介です。 Reactでコードを書いているとReduxやら外部ライブラリやら様々な「覚えること」「理解すべきこと」が出てきますが、結局ググればなんとかなることが多いで ...

2: React Hook Formがいい感じ！

はじめに ReactでWebアプリケーションを作る際に自力でフォームを作成するのは、現実的に考えるとやらない方がいいです。自力でフォーム用の状態管理をしたり、バリデーションを細かく作り込むのは労力が必 ...

3: Reactでのコンポーネントライブラリをまとめる

Reactでのスタイリングの方法は大きく分けるとCSSでスタイリングする方法と、コンポーネントライブラリを使用する方法の2つがあります。前回はCSSでのスタイリングをまとめましたので、今回はコンポー ...

4: React+Firebaseでの画像アップロード

React + Firebaseでの画像アップロードが分かりづらかったのでまとめておきます。 FirebaseのCloud Storageというサービスを利用して画像を保存します。手順 ...

5: Material-UIでテーマを切り替えられるようにする

Material UIで複数のテーマをユーザが切り替えられるようにします。完成図はこちら。リロードしてもテーマは維持されたままになります。はじめにテーマをReactのContext ...

© 2020 エンジニアの本棚