enabled.CrudzooJavaScript開発についての試行錯誤シリーズReactなど今時のライブラリを使えない状況でも、JavaScript開発を上手に、楽しくできるように色々考えたことを書いた記事シリーズです。ベストプラクティスを追いながら自分の実力に合わせて記事も改善します。ESLintを使用してJavaScriptの開発効率を上げるESLintを使用すると、誤字、セミコロン、クオート、未使用の変数やブロックなど開発中に気づきにくいミスが見つけやすくなります。独自のルールを作成できるので同じコードを触る人でルールの統一がしやすく、不必要な差分を減らすことができます。この記事ではESlintの設定方法を紹介します。21納得するための、なぜフロントエンド開発でwebpackなどを用いた複雑なJavaScript開発環境を作るのかJavaScriptの開発環境を整えるのは難しく、プログラムではなく開発環境を揃える学習コストがかかりがち。フロントエンド開発に様々なツールを使い、開発環境が必要なのかをまとめました。30JavaScriptの変数宣言、var、let、constの使い方とオブジェクト型のコピー、更新についてJavaScriptの変数宣言、var、let、constの使い方の説明。変数にオブジェクト型を代入した時、直感的でない振る舞いをするオブジェクトや配列について解説し、それらのデータ更新やコピー方法をまとめました。24ライブラリなしのJavaScriptで作る、関数ファクトリを使ったCounterのサンプルライブラリなしのJavaScriptで関数ファクトリを採用しCounterを作る方法を紹介します。Closureを使うことでfunction内にprivateな変数、関数を定義できるため開発、保守、テストが行いやすいはずです。