</script>明らかな間違いがあると教えてくれるようだ。何行目のどこにあるか^で示してくれている。20px}改行やインデントをめちゃめちゃにしてやったゼィ。20px;}ちなみにCSSもboderとかわざとタイプミスして再実行してみたが、そのままだった。margin:0流石にコロン、セミコロンの区切りはちゃんと書かないとダメなんだな。最後!JSファイルをコード整形してみよう。script.jsを作って、また書き殴ってやる。keisan;}改行しなくていいとこを改行して、改行したほうがいいとこを繋げてみた。読みにくきこと山の如し。keisan;};キュッと締まったボディライン♪タイプミスがどうなるかテスト(HTMLとCSSはタイプミスは無視された)。*/お、今度はシンタックスエラーになった。keisan;JSの場合は途中にタイプミスがあると次の処理に進めないため、HTMLやCSSより厳密なんだろうな。最後にという事でPrettierでHTML、CSS、JSのコードを整形してみました。大きなエラーは教えてくれるし、コードが読みやすくなりました。(ESLintはもっと厳密にエラーチェックしてくれるが、反面、コードの体裁については指摘がない)それぞれの良し悪しがあって分野が異なるツールという印象。干渉させずに併用するには工夫が必要そうなので調べていきたく思います。次回はフロントエンドでテスト駆動開発!Jestにトライ。21:33Tweet関連記事2020-01-22【JS】ESLintで構文チェックを事始める以前、フロントエンドの開発環境についていろいろ調べた記事を...2019-12-17【CSS】Sass(SCSS)をGulpでコンパイルしてみるGulpの続きです。前回はHTMLテンプレートエンジンのEJSをコンパ...2019-11-01【Vue.js】Nuxt.jsのプロジェクトを作成するVue.jsの続きです。CLIのプロトタイプとプロジェクトを作るVue.jsの続きです。CLIをインストールしてみました。...2019-06-06p5.jsを習得するために参考になりそうなサイト、書籍、動画たちp5.jsの続きです。はてなブログProフロントエンドエンジニア。神奈川に住まう四十路のオジキ。DTP→Webデザイナーから転向し今に至る。引き続きコツコツの日々。(24)リンクTwitterInstagramYoutubeCodePenGitHubPinterestQuolaFacebooknoteQiitaはてなブログをはじめよう!idr_zzさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。