月別アーカイブ:2020年02月

Webプログラミング

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

2020/3/11    ,

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

Webプログラミング

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

2020/3/10    , ,

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

Webプログラミング

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

2020/3/10    ,

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

Webプログラミング

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

2020/2/17    

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

その他

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

2020/2/17    

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

Webプログラミング

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

2020/2/13    

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

Webプログラミング

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

2020/2/10    , ,

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

Webプログラミング

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

2020/2/7    ,

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

no image

その他

【書評】現場で使える Django の教科書《基礎編》

2020/2/4    ,

「現場で使える Django の教科書《基礎編》」の書評を書いていきたいと思います。 Djangoは世界的に人気のあるWebアプリケーションフレームワークでこちらのランキングによると執筆時点で第6位に ...

デモ画面

Webプログラミング

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

2020/3/22    ,

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

© 2020 エンジニアの本棚