Vue + TypeScriptなプロジェクトにESLintを導入する - Please Drive Faster
TypeScript + VueなプロジェクトでESLintを使ってみて、現状必要なモジュールが複数あって少し複雑だったのでまとめておきます。 サンプルは以下です。 github.com 内容はどうでも良いんですが、こんな感じのすごく簡単なTODO風のアプリケーションです。 なぜEslintを使うか JavaScriptのためのLintingツールはたくさんありますが、Vueのroadmapにもある通り、Vueの公式スタイルガイドをサポートするESLintプラグインがESLintのメンテナによる公式プラグインとして作られています。 GitHub - vuejs/roadmap: Roadmap for the Vue.js project これからもVueの公式としてサポートされていくと思うので、特にこだわりがなければESLintを使うのが良いかと思います。 ESLint for Type
typescript-eslint-parserの導入でハマった話 - Qiita
typescript-eslint-parser を入れようとしてちょいちょいハマった やんごとなき事情でJavaScriptとTypeScriptが混ざっている場合前提なので、TypeScriptオンリーであればここまで困らないと考えられる TL;DR jsとtsが混在している場合、に--ext .js .tsみたいにjsファイルも一緒に食わせると色々コケて上手く使えない typescript用のコマンドにして、configを別途渡そう 一部のルールは上手く動かない 仕方ないけどdisableしよう // eslint-disable-lineとか// eslint-disable-next-line行単位の無効化が上手く動いてない ファイル先頭での指定に切り替えていこう 詳細 Typescript用に別途設定ファイルを用意する だいたいこんな感じで.eslintrc.jsがあると思う。
Reactでaタグの中にtarget='_blank'を書いたらESLintに怒られた話 - Qiita
経緯 適当に別タブを開くリンクをjsxで書いたら eslint-plugin-react の jsx-no-target-blank で怒られいました。 ほんとに知らなかったし、気軽にできちゃうからやばいな。っと思ったのでメモしておきます。 import React from 'react'; import ReactDOM from 'react-dom'; class Index extends React.Component { render() { return ( <a href="http://example.com" target="_blank" > アンカーリンク </a> ); } } ReactDOM.render( <Index />, document.getElementById('root') );
ESLint v2.0.0 の変更点まとめ - Qiita
前 - | 次 v2.1.0 The thing I'm most excited about in ESLint v2.0.0 is code path analysis: https://t.co/H9eqTpc0hF Amazing work by @mysticatea — Nicholas C. Zakas (@slicknet) 2015, 12月 12 ESLint v2.0.0 の変更点をまとめました。 前半に利用者向けの変更内容を、後半にプラグイン開発者向けの変更内容を記載しています。 単純なバグ修正は記載していません。 一覧したい場合は、右列のTOCをご利用ください。 公式情報: リリースノート 1.10.3 から 2.0.0 へのマイグレーション ガイド ピックアップ - 利用者に影響が大きそうな Breaking Changes: 削除された既存ルールのリスト ES
ESLint v2.0.0 released - ESLint - Pluggable JavaScript Linter
In this announcement, we are including all changes from each of the release candidates to make it easier to see what changed from the release candidates to now. As there are a lot of changes, we’ve created a migration guide describing the changes in great detail along with the steps you should take to address them. Not all ESLint users will be affected by the changes, however, the changes are big
ESLintの設定ファイルをブラウザでポチポチして作るツールを作った - Qiita
まだバグや設定できない項目が少しあるけど、ある程度使えるものができた＆作るの飽きてきたので一度公開する。 課題感 ESLintのルールが多すぎる 一つ一つドキュメントを見ながらエディターで設定ファイルを書くのが辛い。 「あーこれルールあるんだー」ってのに後で気づくことが多い （ただReact+Fluxで何か作りたかった） 機能 localStorageに自動保存しているので、途中でやめても大丈夫 import機能 技術的なメモ React + Redux Reactは0.14 最初はflummoxだったが、途中でreduxに乗り換え ドキュメントはmarkdownをmd2reactで表示 bundleするとサイズがバカでかくなるので、XHRで取得 出力するElementをカスタマイズしたかったので、forkした → @pirosikick/md2react HTMLに変換して使ったほうが良
textlintから学んだこと
textlintから学んだこと 自己紹介 azu @azu_re Web scratch, JSer.info アジェンダ What is textlint? CLIツールの設計思想 ASTのLintの仕組み モジュールに分けるべし インターフェースとしての問題 ドキュメントとしての問題 ドキュメント JSDocとd.ts textlint とは何か MarkdownやテキストをLintするツール ESLintのテキスト版！ MarkdownやテキストをASTにしてチェックする チェックルールをJavaScriptで書いて簡単に追加出来る Lintの仕組み Markdown or TextをASTに変換 ASTはTxtNodeというインターフェースを持つ 例えば、node.typeが"Header"という種類 node.rawにテキストの中身、node.locに行番号等の位置 txtnod
ESLint導入した - マルシテイア
導入した .eslintrc 厳し目のeslintrcできた · GitHub 一応ルール全部みてガチガチに設定してある。 ルール書いた ついでに業務にも導入したしルールも書いた。 ↓はコメント以外で日本語書いてたら怒るルール。 gist.github.com 書き方はドキュメントみたらすぐわかる。 ESTreeのノードが渡ってくるので、適当にソースコード取得して怒ってあげれば良い。 Documentation - ESLint - Pluggable JavaScript linter さくっと書けて楽しい。 出社と同時に設定を切り替える インデント、業務では4スペ、趣味では2スペなので、定時になったら.eslintrcのインデントを切り替える機能ほしい— 偽名 (@amagitakayosi) 2015, 9月 30 インデント、業務では2スペ、趣味では2スペで書いてるので、ESLin
ESLintのエラールール。日本語ざっくり解説[ベストプラクティス編] - Qiita
※こちらは2015/9/25日の古い記事です。（ESLint v1.5.1 released 22 September 2015） 現時点(2019/9/25)ではESLint v6.4.0です。 最新のドキュメントを読みに行くことを強くオススメします。 (近いうち新たに加筆してこちらに更新する予定です) こんにちは。森田と申します。芸人をしています。今回は ESLintのエラールール。日本語「ざっくりしたの」ないのか、と思ってぐぐしてもなさそうなので自分の勉強のためにも書きました。 こちらの記事は数あるカテゴリーの中の「ベストプラクティス編」です。 他カテゴリーはこちら ESLintのエラールール。日本語ざっくり解説[可能性あるエラー編] ESLintのエラールール。日本語ざっくり解説[スタイル編] ESLintのエラールール。日本語ざっくり解説[ES6編] ESLintが勧める「ベスト
![ESLintのエラールール。日本語ざっくり解説[ベストプラクティス編] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/ee40f3c4a4082af6644203e56e135d94a1e67bb3/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9RVNMaW50JUUzJTgxJUFFJUUzJTgyJUE4JUUzJTgzJUE5JUUzJTgzJUJDJUUzJTgzJUFCJUUzJTgzJUJDJUUzJTgzJUFCJUUzJTgwJTgyJUU2JTk3JUE1JUU2JTlDJUFDJUU4JUFBJTlFJUUzJTgxJTk2JUUzJTgxJUEzJUUzJTgxJThGJUUzJTgyJThBJUU4JUE3JUEzJUU4JUFBJUFDJTVCJUUzJTgzJTk5JUUzJTgyJUI5JUUzJTgzJTg4JUUzJTgzJTk3JUUzJTgzJUE5JUUzJTgyJUFGJUUzJTgzJTg2JUUzJTgyJUEzJUUzJTgyJUI5JUU3JUI3JUE4JTVEJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz02NDc1YjFhNGQyZTRmYTViZmUxZjc1Y2NiYzRmYTc5Ng%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBNLUlTTyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZDdmYWEyZjViNWRmODU3ZDUzYmY5ZDRiNzQyMDA0MTE%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D3e68d13de296632e981e279fdf746239)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - yarax/eslint-plugin-typelint: TypeLint is an ESlint plugin for optional static typing in JavaScript, based on JSDoc.
ESLint Past and Future
Project-specific lint rules with ESLint
GitHub - xojs/xo: ❤️ JavaScript/TypeScript linter (ESLint wrapper) with great defaults