ESLint+JestでJavaScriptのコードをテストするための解決策

JavaScript Web開発フロントエンド ESLint Jest

最近作成しているプロジェクトにJestを導入したのはいいが、ESLintを導入していたためにJestが使用できなくなって困ったので解決策の備忘録。いつもよりは内容短いです。サンプルコードは入れていません。今回の対象読者作成中のコードにESLintとJestを導…

2020-06-26

webpack入門その1（JavaScriptファイルをバンドルする）

フロントエンド Web開発 webpack

今回はフロントエンドで近年ほぼ必須となっているwebpackについて基本的な使い方を紹介する。ただし一気に全部紹介してしまうと、初見では意味がわかりづらい横文字も多く読んでいくうちによくわからずに挫折しかける人も多そうなのでシンプルにJavaScript…

2020-06-21

VSCodeでGitを利用する＋Github連携まで（WSL1編）

Web開発 Visial Studio Code WSL1 Git Github

先日VSCode上から初めてGitとGithubにリポジトリをプッシュしてきたので、備忘録として書く。 batファイルは使いません。今回の対象読者 Git・Githubとは何か把握されている方*1 Windows Subsystem for Linux（WSL1）を使われている方（先日正式版になったW…

2020-06-20

ESLint+PrettierでAirbnb JavaScript Styleを適用する

フロントエンド Web開発 ESLint Prettier Visial Studio Code

今回は有名なコーディングスタイルの一つであるAirbnb JavaScript Styleを適用し、JavaScriptで書かれたコードをスタイルにそって書けるようにする方法を紹介。今回の対象読者 ESLint・Prettierの基本的な使い方を使っていること Airbnb JavaScript Styleを…