プログラミングで変数の命名が考えられないネーミングのために英単語を調べるのがめんどくさい 開発時の命名に困ったりしませんか？ コントロール名や変数名どうしよう・・・・？ 英単語調べたど、これであってる？？ 設計してる時やコード書いてる時、DB...

以前Let's Encryptを使用してNginxにSSL接続を行う方法を書きましたが、Let's EncryptのSSL証明書は有効期限が３ヶ月で終了してしまいます。 有効期限が切れる前にSSL証明書の更新が必要なのですが、今回は手動で更新する方法を書きます。 この記事でわか...

無料でSSL接続をしたいNginxでLet's Encryptを使いたい 前にCentOSにNginxをインストールする方法を書きましたが、今回はそのNginxのWebサーバーにSSL接続を可能にする方法です。 仕様するのは無料のSSL証明書Let's Encryptです。 Let's Encryptの設定方法...

React × Reduxの連載記事の6回目です。 今回はページングの処理を実装していきたいと思います。 前回の状態からサンプルページをいくつか追加し、routerによるページングができるところまでが今回のゴールです。 React Redux環境でページング処...

React × Reduxの連載記事の5回目です。 前回はMaterial-uiの実装を行い、デザインの変更を行いました。 今回もデザイン関連の設定になりますが、cssファイルを作成して、webpackで読み込んで反映させる方法を書きたいと思います。 複数のcssファ...

React × Reduxの連載記事の4回目です。 前回までで簡単なカウンターアプリがReact Reduxで出来上がっている状態なので、次はデザイン周りの実装をしていきたいと思います。 今回はMaterial-UIを追加実装してみたいと思います。 この記事でわかる...

React × Reduxの連載記事の3回目です。 今回はESLintのJavascriptコードスタイルを設定していきたいと思います。 ESLintを使用してJavascriptのコードスタイルガイドを導入している人は多いと思いますが、その中でもAirbnbのスタイルガイドが人...

React × Reduxの連載記事の2回目です。 今回は前回の環境構築編で作成したreact-reduxのsampleカウンターアプリを、Redux Toolkitを使ってducksパターンに変更していきたいと思います。 環境周りは変わりませんので、まだ開発環境ができてない人...

React × Reduxの連載記事を投稿していこうと思います。 第一回目はサラのMacに環境構築を行っていきます。 webpack4.42を使用してreact-reduxのsampleが動くところまでやってみたいと思います。 とりあえずプラグインやライブラリ等は追々検討し...

画像や画面からカラーコードを取得したい無料で簡単に使えるツールがいい 画面や画像から色を取得してカラーコードを調べたいことありませんか？ デザイン作成の時なんかに色味を合わせるためにカラーコードを調べたりすると思います。 その場合、RGBや16...

VPSを借りたけどサーバーをWebサーバーを建てたいCentOS8にNginxをインストールしたいAppStreamリポジトリではなく公式リポジトリからインストールしたい 最近サーバーを構築することがあったので、そのあたりを備忘録にまとめて行こうと思います。 今回は...

Javascriptで画像サイズ(高さと幅)を取得したいelement.naturalWidth/naturalHight以外の方法画面表示はしないでloadした状態で調べたい INPUTで指定した画像ファイルのサイズ(容量ではなくてHeightとWidth)をJS(Javascript)で取得したかったので、やり方...

写真から人物だけを抜き出したい簡単に画像の背景を透過したい有料のソフトは使えない 画像や写真を加工して何かしらのコンテンツを作成するときに、写っている人物だけ抜き出して、背景を透過させたいって思ったことありませんか？ フォトショップや、GIM...

DNSを変更したらエラーになったChromeでDNS_PROBE_FINISHED_NXDOMAINDNS_PROBE_FINISHED_NXDOMAINの原因は？DNS_PROBE_FINISHED_NXDOMAINの解決方法は？ DNSのネームサーバーを変更した後によく見かけるエラー。 DNS_PROBE_FINISHED_NXDOMAIN ちゃんとDNS...