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

サーバーのグローバルIPアドレスが知りたいローカルIPじゃーないんだぁよコマンドですぐ見たい APIの設定とかするときに、サーバーのグローバルIPアドレスが知りたかったので、サクッと知る方法を教えてもらったのでメモしておきます。 グローバルIPアドレ...

BLACK LAGOONってどんなアニメ？BLACK LAGOONの評価は？ アニメ「BLACK LAGOON」をイッキ見しました。  BLACK LAGOONはちょっと前から気になっていたアニメで、第1期、第2期、OVAと全部含めて全29話です。   通勤途中にiPadにダウンロードして見...

npmのコマンドいつも忘れちゃうふとした時にやりたいことが思い出せないそんな人に向けたメモ 環境構築をする上で便利なパッケージ管理にnpmがあります。 npmでは使用するパッケージを簡単にインストールしたり、package.jsonに記載しているパッケージを一...

HTML5のバリデーションを無効にしたいinputの赤枠エラー表示だけ消したい HTML5から実装されたブラウザのバリデーション機能。 いろんなTypeを設定するだけで入力チェックをブラウザが行ってくれるので便利なんですが、エラー時の表示がイケてない。 特に...

MacにNode.jsをインストールしたいNodeのバージョン管理や切替を行いたいNodebrewって？npmってどうやって使えるようにするの？ 今回は開発環境の構築において、Node.jsのインストールについて書きます。 AngularJSやReact、Vueなどのフロント界隈の開発や...