どれでもないフレームワークは使わないので「どれでもない」に。(y/N)TypeScript、これはNoだな。選択を反転)❯◉ブラウザ◯ノードブラウザかな。(矢印キーを使用)❯JavaScriptYAMLJSONJSだな。/(ファイルのパス)/eslint_testお、成功した。ESLintの設定ファイルは.eslintrc.jsという隠しファイルになっているので、ファインダーで表示されるようにしませう。PC設定のカルマ開いてみるとESLintの設定が書かれている。}};ただし、一番下のrulesはまだ空っぽだな。ESLintの構文チェック実行テストファイルを作ってみる。test.jsという名前にて。alert("こんにちは、いぃえすりんと。');分かりやすい誤記として、文字列を囲うクオーテーションをダブルとシングル混在にしてみる。eslintコマンドの後ろにJSのファイル名を書けば実行される。✖1つの問題(1つのエラー、0つの警告)1:7とは1行目の7文字目という意味のはず。文字列が終了して(閉じられて)ないよ、と。修正して再実行それでは、これを修正してみようぞホトトギス!alert("こんにちは、いぃえすりんと。test.jsお、今度は何も起こらない。何も起こらないのは何も問題がない(便りが無いのは良い便り)ということのようだ!もう一つ実験。alert()をわざとタイプミスしてみる。alart()walart("こんにちは、いぃえすりんと。test.jsお、チェックに引っかかった。'alart'は定義されていませんno-undef✖1つの問題(1つのエラー、0つの警告)1:1は1行目の1文字目ということね。そんな関数は無いよ!と。ルールを自分で細かく追加できる設定ファイル.eslintrc.jsの中のrulesキーには自分で細かく設定が追加できるようだ。Qiita公式サイトにはルール一覧がある。below.デフォルトではルールは有効になっていません。構成ファイルの「extends」:「eslint:recommended」プロパティを使用すると、一般的な問題を報告するルールを有効にできます。このルールには、以下のチェックマークが付いています。"eslint:recommended"があったおかげでルールがなくても先ほどの構文チェックは動いたわけだ。最後にという事でESLintを事始めました。ブラウザのデベロッパーツールで調べるのもいいけど、コードを書いた瞬間にチェックしてもらえると時短になりますな。今はまだ手動でチェックしてるけど、自動チェックにもトライしたい。あと、ルールももっと細かく知りたい。フロントエンド開発環境シリーズ、次回は「コードフォーマッター」のprettierにトライしてみる。}のアイコン)見たいのかなと思っている。その次はフロントエンドでのテスト駆動開発のツールJest(JSのテストって意味だと思われる)もやってみる予定。23:39Tweet関連記事2019-12-25【JS】TypeScriptをGulpでコンパイルしてみるGulpの続きです。前回はAltCSSのSass(SCSS)をコンパイルしまし...2019-11-29【HTML】PugをGulpでコンパイルしてみる(メタ言語初コンパイル!)Gulpの続きです。前回はローカルにインストールができました。export)でどんなことができるのか事始めてみたVue.jsやNuxt.jsを理解する上で重要なJSの「モジュール」という...2019-11-01【Vue.js】Nuxt.jsのプロジェクトを作成するVue.jsの続きです。はてなブログProフロントエンドエンジニア。神奈川に住まう四十路のオジキ。DTP→Webデザイナーから転向し今に至る。引き続きコツコツの日々。(24)リンクTwitterInstagramYoutubeCodePenGitHubPinterestQuolaFacebooknoteQiitaはてなブログをはじめよう!idr_zzさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。