かんりにん

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

no image

Webプログラミング

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

2020/3/12    ,

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

Webプログラミング

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

2020/3/12    , ,

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

Webプログラミング

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

2020/3/11    , ,

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

Webプログラミング

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

2020/3/9    , ,

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

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でのスタイリングをまとめましたので、今回はコンポー ...