エンジニアの本棚

: Webプログラミング

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

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

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

: Webプログラミング

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

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

前回の投稿から期間が空いてしまいましたが、引き続きミニアプリを作っていきます。前回の投稿はこちらから。どんなアプリを作るかは【計画編】を見て下さい。今回はCRUDの実装を開始します ...

: Webプログラミング

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

2020/3/11 Firebase, React

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

: Webプログラミング

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

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

React + Firebaseでミニアプリを作っていきます。前回の記事で作るアプリの計画をしたので今回は実際にコードを書いていきます。前回の記事はこちらから↓ はじめ ...

: Webプログラミング

React + Firebaseのミニアプリを作る【計画編】

2020/3/10 Firebase, React

サンプルコードばかりでは申し訳ないので、今回から複数回に分けてReactでミニアプリを作っていきます。サーバー環境はなんでもいいのですが、簡単に使えるので今回はFirebaseを使います。 &nbs ...

: Webプログラミング

React.memoをサンプルを使って解説

2020/2/17 React

今回はパフォーマンス改善に有効なReact.memoについてサンプルを使ってまとめます。一言で言えば、React.memoはコンポーネントの不要な再レンダリングをさせないために使える高階コンポーネン ...

: その他

Udemyを使うなら英語の講義を受けるべき

2020/2/17 Udemy

みなさんはUdemyというサービスをご存知でしょうか？プログラミングを中心にデザインやビジネススキルなどの講義を動画で受けることの出来るサービスです。元々は海外のサービスですが、日本ではベネッセと提 ...

: Webプログラミング

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

2020/2/13 React

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

: Webプログラミング

ReactでのCSSの使いかたをまとめる

2020/2/10 CSS, JavaScript, React

Reactでのスタイリングの方法はかなり色々な方法があり、私自身いまいち整理できていなかったため、まとめてみます。大きく分けるとCSSでスタイリングする方法と、コンポーネントライブラリを使用する方法 ...

: Webプログラミング

React+axios+Material UIでスピナーとメッセージを表示する

2020/2/7 Material-UI, React

今回はReact + Material UIで通信中にスピナーを表示し、通信終了時にメッセージを表示するプログラムを作成します。非同期通信にはaxiosを利用します。こちらの記事でRe ...

« Prev 1 2 3 4 Next »

Search

かんりにん

プログラミングが好きで個人でツール、Webサービスなどを作っています。昔はPHPでWeb開発の仕事をしていました。最近はReact(MERNスタック)、Next.jsなど中心。Djangoもぼちぼち。

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 ...

© 2021 エンジニアの本棚