なぜ <div> に onClick がダメなのか？

2023/06/18 144 users onclick div 要素 みなさん 設定

■ はじめに <div>要素にonClickを定義しない方がいい、ということを聞いたことがあります。 みなさんも聞いたことないでしょうか？ ただ、なぜ良くないのか？ 理解してなかったので今回調べてみました。 ちなみに、ESLint でもそのような場合にワーニングを吐いてくれるものがあります。 ESLint の設定にもそれに対応す... 続きを読む

JavaScriptにセミコロンは入れるのか？入れないのか？ - Qiita

2022/08/14 155 users セミコロン Qiita コンパイラ 落とし穴 結論

結論 どちらでもいい セミコロン付けても付けなくても落とし穴はある ESLintを利用することで落とし穴を検知できる 私はセミコロンつけない派 自動セミコロン挿入とは 自動セミコロン挿入(automatic semicolon insertion) この仕組みのおかげでセミコロンを使わなくてもコードを書くことができ、コンパイラが行末を察し... 続きを読む

JavaScriptツールチェインの統一を目指す「Rome」開発チームが起業、「Rome Tools, Inc.」を立ち上げ － Publickey

2021/05/05 117 users Publickey Rome Webpack Babel 統一

JavaScriptツールチェインの統一を目指す「Rome」開発チームが起業、「Rome Tools, Inc.」を立ち上げ 現在、モダンなJavaScript開発環境としては、ESLintに代表される構文チェッカーや、Babelに代表されるJavaScript変換ツール、モジュールを組み合わせるなどのバンドル操作を行うWebpackなど、さまざまなツールを組み合... 続きを読む

ESLint, Prettier, VS Code, npm scripts の設定: 2021春

2021/02/18 252 users Prettier エディタ npm scripts 重い腰

eslint-plugin-prettier 時代の設定をずっと使っていたので、重い腰を上げてアップデートした作業メモ。 背景 Prettier 公式ドキュメントによれば、現在 eslint-plugin-prettier は以下の問題があるとして推奨していない。 エディタが真っ赤になる（人間が気にする必要のない問題なのに！） 直接実行するより遅い（同様... 続きを読む

Prettier と ESLint の組み合わせの公式推奨が変わり plugin が不要になった

2020/09/24 177 users Prettier Plugin Created 組み合わせ

Prettier と ESLint の組み合わせの公式推奨が変わり plugin が不要になった2020-09-24(created) 前に書いた ESLint と Prettier の共存設定とその根拠について が公式推奨が変わったことにより一部間違った情報になっているのでその訂正記事です。 該当記事に書いた内容は Prettier と ESLint の関係を読み解く上で役立... 続きを読む

ESLint と Prettier の共存や競合についての答えとその根拠 | blog.ojisan.io

2020/06/24 275 users Prettier blog.ojisan.io 共存 競合

以前, ESLint の plugin と extend について解説した記事を書いた際に、Prettier と ESLint の共存設定について触れました。 いま Google で「Prettier ESLint」などで検索すると、最善とは言えない情報（重複した設定をしている）や根拠に欠ける情報が上の方に出てきており、混乱を助長していると思いましたので、根拠... 続きを読む

VSCodeのRemote Development機能が革命的な話。 - Crieit

2019/05/04 699 users nokogiri vscode Crieit pack Mac

背景 今月始めにMicrosoftからRemote Development Extension Pack. というのが発表された。簡単に言うと、VSCodeでコードを書くOSとプラグインが実行されるOSを別にすることが出来る。 よくあるパターンで、「MacでNokogiriがビルドできません」「WindowsでESLintを実行するにはどうしたら良いですか」みたいな質問があ... 続きを読む

2018/07/12 に発生したセキュリティ インシデント (eslint-scope@3.7.2) について

2018/07/12 385 users インシデント npm セキュリティ アナウンス パッケージ

2018 年 7 月 12 日に、ESLint 開発チームが管理する npm パッケージに悪意あるコードが挿入されるセキュリティ インシデントがありました。 ESLint からのアナウンス: https://eslint.org/blog/2018/07/postmortem-for-malicious-package-publishes npm からのアナウンス: https://status.npmjs.org/incidents/dn7c1fgr... 続きを読む

Vue + TypeScriptなプロジェクトにESLintを導入する - Please Drive Faster

2018/01/02 117 users TypeScript Vue github.com サンプル

2018 - 01 - 02 Vue + TypeScriptなプロジェクトにESLintを導入する TypeScript + VueなプロジェクトでESLintを使ってみて、現状必要なモジュールが複数あって少し複雑だったのでまとめておきます。 サンプルは以下です。 github.com 内容はどうでも良いんですが、こんな感じのすごく簡単なTODO風のアプリケーションです。 なぜEslintを使う... 続きを読む

愚直にESLintを導入した話 - Mercari Engineering Blog

2017/07/31 125 users メルカリ アプリ内WebView sota1235 タイトル

2017 - 07 - 31 愚直にESLintを導入した話 JavaScript こんにちは、エンジニアの @sota1235 です。 タイトルの通り、今回は愚直に改善をした話をします。 メルカリのJavaScript メルカリにおけるJavaScriptの活用場面は以下のようなものがあります。 メルカリWeb アプリ内Webview 社内ツール React Native Node.js製のbo... 続きを読む

npm で依存もタスクも一元化する - Qiita

2014/11/16 248 users npm Qiita package.json Gulp タスク

タスク管理 package.json にはパッケージの依存を書いて npm install するのが基本だけど、 タスクの管理をどうするかというのは、別途また考えないといけない。 自分は gulp が良いと思っているが、 grunt や jake や make を使う人もいる。 また、たくさんオプションをつければほぼ一つのタスクが実行できてしまう browserify, jsh/eslint, m... 続きを読む