こんな感じで画像の縦横比を変えずに指定したサイズにリサイズする React Component を作りました。 横長画像の場合 縦長画像の場合 画像の長辺を枠に合わせ縦横比を変えずに画像全体が枠内に収まるようにリサイズするものです。 画像の縦横比を保ったままの…

webpackとは http://webpack.github.io webpackは依存関係のあるJSやCSSなどを、まとめてくれるビルドツールです。 webpackにはLoaderという仕組みがあり、ソースコードに適用する処理を柔軟に設定することができ、 そのLoaderを使うことで、scssやJSXなどで…

ESLintの導入 まずはnpmからESLintをインストール $ npm install --save-dev eslint eslint-plugin-react 設定ファイルの生成 ESLint の魅力は、ルールを自由に設定出来ることです。 設定ファイルの生成は --init を使って設定ファイルを作成すると簡単です…