Prettierを使わない理由

2024/03/30 59 users Prettier コードフォーマッター 議論 ツール 意見

この記事はPrettierを使用している人を非難したり、脱Prettierを推奨する事を目的としていません。 こういった考え方もあるということをひとつの意見としてご覧いただければ幸いです。 はじめに Prettierはコードフォーマッターとして広く使われているツールです。 コードスタイルに関する議論をなくすことを目的として... 続きを読む

なぜ <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を実行するにはどうしたら良いですか」みたいな質問があ... 続きを読む

The future of TypeScript on ESLint - ESLint - Pluggable JavaScript linter

2019/01/18 67 users Pluggable JavaScript linter

The future of TypeScript on ESLint A couple of weeks ago, the TypeScript team shared their roadmap in which they described formally adopting ESLint in their repo and working to improve TypeScript compatibility for ESLint: Linting Semantic rules in ESLint Parity with TSLint Speed & scalability Edi... 続きを読む

for...of を使うなってAirbnbが言ってたから使わないようにしてたら慣れた

2018/07/20 79 users Airbnb forEach every map コーディング

概要 Airbnb の JavaScript Style Guide を適用する eslint のプラグイン eslint-config-airbnb を入れてコーディングをすると、 for ... of を使うなと怒られる。仕方ないので、map とか forEach とか every とか使っているうちに、for..of を使わないでやっていけるようになったという話。 1. 状況整理 1-1. 怒られる... 続きを読む

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... 続きを読む

JSのコードの自動整形に Prettier が便利だったので、 eslint とAtomから使えるように設定した - Qiita

2017/05/03 64 users Qiita Prettier Atom コード

JSのコードの自動整形に Prettier が便利だったので、 eslint とAtomから使えるように設定した prettier ESLint 続きを読む

僕が JavaScript 開発をするときの ESLint の設定ファイルの基本形 - BattleProgrammerShibata

2015/11/06 89 users JSLint eslintrc 目下 戦争 プロジェクト単位

2015-11-06 僕が JavaScript 開発をするときの ESLint の設定ファイルの基本形 JavaScript Setup eslint.org 目下のところ JSHint と JSLint 戦争は ESLint という第三勢力の登場によって僕の中でめでたく終結したので最近の JS 開発の際には ESLint を使っている。で、以下の .eslintrc （プロジェクト単位に作れる... 続きを読む

今すぐ電子書籍(技術書)を書き始める方法と文章の自動チェック | Web Scratch

2015/09/28 62 users Web scratch 文章 電子書籍 自動チェック 技術書

電子書籍開発環境 Markdownで書く電子書籍開発環境 Markdownで書く電子書籍開発環境というスライドで、GitBookとMarkdownで技術書(電子書籍)を書く話を紹介しました。 文章はtextlintで、コードはESLintとテストでチェックして、サンプルコードに対してテストを書けるプロジェクト構造について書かれています。 どのように表記揺れなどやコードの間違いを防ぎながら、書籍を開... 続きを読む

時代はESLint。JSLintでもJSHintでもなくESLint。 - Qiita

2015/02/20 71 users JSHint Qiita フォーマッター GitHub 風潮

大本命。ESLint 2015年現在、JavaScriptのLinting toolといえばJSHintかJSLintみたいな風潮ありますが、もうESLintで行きましょう。 公式ページ github 大きな特徴 プラガブルな実装 全てのルールのON/OFFが可能 独自のルールの追加が可能 独自のフォーマッターでの出力が可能 ECMAScript 6 / React JSXをサポート Philos... 続きを読む

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

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

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