Development 【React-Redux】react-hot-loaderでHMR実装編 [初心者入門7日目]
React×Reduxの連載記事の7回目です。
今回は開発の効率をよくするためにHotReload(通称HMR)の実装とソースマップの出力設定を行いたいと思います。
HotReloadができるようになると、Devサーバーで実行...
Development 
Development プログラミング時の命名・ネーミングで困ったら[codic]が便利
プログラミングで変数の命名が考えられないネーミングのために英単語を調べるのがめんどくさい
開発時の命名に困ったりしませんか？
コントロール名や変数名どうしよう・・・・？
アイコン名を入力
英単語調べたど、これであ...
Development Let’s EncryptのSSL証明書を更新する方法
以前Let's Encryptを使用してNginxにSSL接続を行う方法を書きましたが、Let's EncryptのSSL証明書は有効期限が３ヶ月で終了してしまいます。
有効期限が切れる前にSSL証明書の更新が必要なのですが、今回は...
Development Let’s Encryptを使用してNginxにSSL接続を可能にする
無料でSSL接続をしたいNginxでLet's Encryptを使いたい
前にCentOSにNginxをインストールする方法を書きましたが、今回はそのNginxのWebサーバーにSSL接続を可能にする方法です。
仕様するの...
Development 【React-Redux】react-routerでルーティングを実装編 [初心者入門6日目]
React×Reduxの連載記事の6回目です。
今回はページングの処理を実装していきたいと思います。
前回の状態からサンプルページをいくつか追加し、routerによるページングができるところまでが今回のゴールです。
Re...
Development 【React-Redux】webpackでCSSを読み込んで反映編 [初心者入門5日目]
React×Reduxの連載記事の5回目です。
前回はMaterial-uiの実装を行い、デザインの変更を行いました。
今回もデザイン関連の設定になりますが、cssファイルを作成して、webpackで読み込んで反映させる方法を...
Development 【React-Redux】Material-UI実装編 [初心者入門4日目]
React×Reduxの連載記事の4回目です。
前回までで簡単なカウンターアプリがReact Reduxで出来上がっている状態なので、次はデザイン周りの実装をしていきたいと思います。
今回はMaterial-UIを追加実装して...
Development 【React-Redux】ESLintでAirbnbのJavaScriptスタイルガイド導入編 [初心者入門3日目]
React×Reduxの連載記事の3回目です。
今回はESLintのJavascriptコードスタイルを設定していきたいと思います。
ESLintを使用してJavascriptのコードスタイルガイドを導入している人は多いと思い...
Development 【React-Redux】ReduxToolkitでDucksパターン構築編 [初心者入門2日目]
React×Reduxの連載記事の2回目です。
今回は前回の環境構築編で作成したreact-reduxのsampleカウンターアプリを、Redux Toolkitを使ってducksパターンに変更していきたいと思います。
環境周...
Development 【React-Redux】webpackで環境構築編 [初心者入門1日目]
React×Reduxの連載記事を投稿していこうと思います。
第一回目はサラのMacに環境構築を行っていきます。
webpack4.42を使用してreact-reduxのsampleが動くところまでやってみたいと思います。
...