タグ eslint
新着順 10 users 50 users 100 users 500 users 1000 usersVSCodeのRemote Development機能が革命的な話。 - Crieit
背景 今月始めにMicrosoftからRemote Development Extension Pack. というのが発表された。簡単に言うと、VSCodeでコードを書くOSとプラグインが実行されるOSを別にすることが出来る。 よくあるパターンで、「MacでNokogiriがビルドできません」「WindowsでESLintを実行するにはどうしたら良いですか」みたいな質問があ... 続きを読む
2018/07/12 に発生したセキュリティ インシデント (eslint-scope@3.7.2) について
2018 年 7 月 12 日に、ESLint 開発チームが管理する npm パッケージに悪意あるコードが挿入されるセキュリティ インシデントがありました。 ESLint からのアナウンス: https://eslint.org/blog/2018/07/postmortem-for-malicious-package-publishes npm からのアナウンス: https://status.npmjs.org/incidents/dn7c1fgr... 続きを読む
ESLint と Prettier の共存や競合についての答えとその根拠 | blog.ojisan.io
以前, ESLint の plugin と extend について解説した記事を書いた際に、Prettier と ESLint の共存設定について触れました。 いま Google で「Prettier ESLint」などで検索すると、最善とは言えない情報(重複した設定をしている)や根拠に欠ける情報が上の方に出てきており、混乱を助長していると思いましたので、根拠... 続きを読む
ESLint, Prettier, VS Code, npm scripts の設定: 2021春
eslint-plugin-prettier 時代の設定をずっと使っていたので、重い腰を上げてアップデートした作業メモ。 背景 Prettier 公式ドキュメントによれば、現在 eslint-plugin-prettier は以下の問題があるとして推奨していない。 エディタが真っ赤になる(人間が気にする必要のない問題なのに!) 直接実行するより遅い(同様... 続きを読む
npm で依存もタスクも一元化する - Qiita
タスク管理 package.json にはパッケージの依存を書いて npm install するのが基本だけど、 タスクの管理をどうするかというのは、別途また考えないといけない。 自分は gulp が良いと思っているが、 grunt や jake や make を使う人もいる。 また、たくさんオプションをつければほぼ一つのタスクが実行できてしまう browserify, jsh/eslint, m... 続きを読む
Prettier と ESLint の組み合わせの公式推奨が変わり plugin が不要になった
Prettier と ESLint の組み合わせの公式推奨が変わり plugin が不要になった2020-09-24(created) 前に書いた ESLint と Prettier の共存設定とその根拠について が公式推奨が変わったことにより一部間違った情報になっているのでその訂正記事です。 該当記事に書いた内容は Prettier と ESLint の関係を読み解く上で役立... 続きを読む
JavaScriptにセミコロンは入れるのか?入れないのか? - Qiita
結論 どちらでもいい セミコロン付けても付けなくても落とし穴はある ESLintを利用することで落とし穴を検知できる 私はセミコロンつけない派 自動セミコロン挿入とは 自動セミコロン挿入(automatic semicolon insertion) この仕組みのおかげでセミコロンを使わなくてもコードを書くことができ、コンパイラが行末を察し... 続きを読む
なぜ <div> に onClick がダメなのか?
■ はじめに <div>要素にonClickを定義しない方がいい、ということを聞いたことがあります。 みなさんも聞いたことないでしょうか? ただ、なぜ良くないのか? 理解してなかったので今回調べてみました。 ちなみに、ESLint でもそのような場合にワーニングを吐いてくれるものがあります。 ESLint の設定にもそれに対応す... 続きを読む
愚直にESLintを導入した話 - Mercari Engineering Blog
2017 - 07 - 31 愚直にESLintを導入した話 JavaScript こんにちは、エンジニアの @sota1235 です。 タイトルの通り、今回は愚直に改善をした話をします。 メルカリのJavaScript メルカリにおけるJavaScriptの活用場面は以下のようなものがあります。 メルカリWeb アプリ内Webview 社内ツール React Native Node.js製のbo... 続きを読む
JavaScriptツールチェインの統一を目指す「Rome」開発チームが起業、「Rome Tools, Inc.」を立ち上げ - Publickey
JavaScriptツールチェインの統一を目指す「Rome」開発チームが起業、「Rome Tools, Inc.」を立ち上げ 現在、モダンなJavaScript開発環境としては、ESLintに代表される構文チェッカーや、Babelに代表されるJavaScript変換ツール、モジュールを組み合わせるなどのバンドル操作を行うWebpackなど、さまざまなツールを組み合... 続きを読む
Vue + TypeScriptなプロジェクトにESLintを導入する - Please Drive Faster
2018 - 01 - 02 Vue + TypeScriptなプロジェクトにESLintを導入する TypeScript + VueなプロジェクトでESLintを使ってみて、現状必要なモジュールが複数あって少し複雑だったのでまとめておきます。 サンプルは以下です。 github.com 内容はどうでも良いんですが、こんな感じのすごく簡単なTODO風のアプリケーションです。 なぜEslintを使う... 続きを読む
僕が JavaScript 開発をするときの ESLint の設定ファイルの基本形 - BattleProgrammerShibata
2015-11-06 僕が JavaScript 開発をするときの ESLint の設定ファイルの基本形 JavaScript Setup eslint.org 目下のところ JSHint と JSLint 戦争は ESLint という第三勢力の登場によって僕の中でめでたく終結したので最近の JS 開発の際には ESLint を使っている。で、以下の .eslintrc (プロジェクト単位に作れる... 続きを読む
for...of を使うなってAirbnbが言ってたから使わないようにしてたら慣れた
概要 Airbnb の JavaScript Style Guide を適用する eslint のプラグイン eslint-config-airbnb を入れてコーディングをすると、 for ... of を使うなと怒られる。仕方ないので、map とか forEach とか every とか使っているうちに、for..of を使わないでやっていけるようになったという話。 1. 状況整理 1-1. 怒られる... 続きを読む
時代はESLint。JSLintでもJSHintでもなくESLint。 - Qiita
大本命。ESLint 2015年現在、JavaScriptのLinting toolといえばJSHintかJSLintみたいな風潮ありますが、もうESLintで行きましょう。 公式ページ github 大きな特徴 プラガブルな実装 全てのルールのON/OFFが可能 独自のルールの追加が可能 独自のフォーマッターでの出力が可能 ECMAScript 6 / React JSXをサポート Philos... 続きを読む
The future of TypeScript on ESLint - ESLint - 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... 続きを読む
JSのコードの自動整形に Prettier が便利だったので、 eslint とAtomから使えるように設定した - Qiita
JSのコードの自動整形に Prettier が便利だったので、 eslint とAtomから使えるように設定した prettier ESLint 続きを読む
今すぐ電子書籍(技術書)を書き始める方法と文章の自動チェック | Web Scratch
電子書籍開発環境 Markdownで書く電子書籍開発環境 Markdownで書く電子書籍開発環境というスライドで、GitBookとMarkdownで技術書(電子書籍)を書く話を紹介しました。 文章はtextlintで、コードはESLintとテストでチェックして、サンプルコードに対してテストを書けるプロジェクト構造について書かれています。 どのように表記揺れなどやコードの間違いを防ぎながら、書籍を開... 続きを読む
Prettierを使わない理由
この記事はPrettierを使用している人を非難したり、脱Prettierを推奨する事を目的としていません。 こういった考え方もあるということをひとつの意見としてご覧いただければ幸いです。 はじめに Prettierはコードフォーマッターとして広く使われているツールです。 コードスタイルに関する議論をなくすことを目的として... 続きを読む
ESLintのルールを自作しよう! - Yahoo! JAPAN Tech Blog
Yahoo! JAPAN Tech Advent Calendar 2015の4日目の記事です。一覧はこちら 12月から福岡勤務の穴井(@pirosikick)です。 私が所属しているリッチラボ株式会社(以下、リッチラボ)では、スマートフォン向けのリッチ広告の企画・開発と、ヤフー・ソニーと協業のクラウドファンディングサイト「First Flight」の開発・運用を行っています。 今回は、リッチ広告... 続きを読む
npmパッケージの公開用テンプレートを作ってみました | with TypeScript, Jest, ESLint, Prettier, etc. - m's blog
npm パッケージの公開用テンプレート を作ってみました。 本記事ではテンプレートの内容について、簡単に解説したいと思います。 以下は、2020/07/09 時点でテンプレートに含まれる内容です。 TypeScript CI/CD (publish by GitHub Actions) Jest ESLint Prettier EditorConfig husky ※ 上記以外の項目については、テン... 続きを読む
Node.js Foundationと、ESLintやAppiumなどをホストするJS Foundationが合併し「OpenJS Foundation」が発足 - Publickey
Node.js Foundationと、ESLintやAppiumなどをホストするJS Foundationが合併し「OpenJS Foundation」が発足 Node.jsの開発をホストするNode.js Foundationと、ESLintやAppium、jQueryなどの開発をホストするJS Foundationは合併することを発表。合併によって新しい団体である「OpenJS Foundation」が、Linux Foundation... 続きを読む
React + TypeScriptにESLintを導入するぞ。 | Ginpen.com
Node.js v10.16 react-scripts v3.0 TypeScript v3.5 ESLint v5.16 @typescript-eslint/eslint-plugin v1.13 手順 ESLint本体をインストール .eslintrc.js を生成、プラグイン類をインストール TypeScript 用プラグインを追加 ESLint の設定を更新 NPM スクリプト準備 初期状態から recommended な状態へ対応 ESLint 本... 続きを読む
ESLintで始めるTypeScriptの静的解析 - Speaker Deck
All slide content and descriptions are owned by their creators. 続きを読む
新しくなった eslint --init を試す - Qiita
ESLint v1.10.0 がリリースされました。 このリリースでは、ESLint の初期設定の面倒臭さを軽減するために eslint --init コマンドが改善されています。 具体的には、人気の共有設定から選択してインストールし、.eslintrc と package.json を自動的に更新するようになりました。 See Also: 共有設定でらくらく ESLint さっそく試してみます。 続きを読む
2015-10-25のJS: ESLint入門、ECMAScriptとは何か?、rollupとES6 modules - JSer.info
JSer.info #250 - ESLint v1.7.0がリリースされました。 .eslintrc内に"extends": "./foo.js"と書くことでJavaScriptファイルを継承出来るようになっています。 また、JavaScript - ESLint 最初の一歩 - Qiitaという記事では、ESLintの使い方、設定方法、エディタ、ES6関連のルールについてなどが紹介されています... 続きを読む