Lightning TechTalks #2 〜フロントエンドで導入してよかったOSS〜 で発表させていただいたスライドです フラットコンフィグへの移行は最近新卒の方に一部やっていただきました 新卒エンジニアがESLintのFlat Config移行と格闘した話 - ドワンゴ教育サービス開発者ブログ ドワンゴ教育事業採用サイト
![ESLintのローカルルールで独自のコーディング規約を実装する](https://cdn-ak-scissors.b.st-hatena.com/image/square/af6150dff8378036a99020b6848858b16497ec82/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F786a70d03ca147ea8111c12baec932d5%2Fslide_0.jpg%3F27742138)
Using ESLint and Prettier in a TypeScript Projectpublished on February 10, 2019 When it comes to linting TypeScript code, there are two major linting options to choose from: TSLint and ESLint. TSLint is a linter that can only be used for TypeScript, while ESLint supports both JavaScript and TypeScript. In the TypeScript 2019 Roadmap, the TypeScript core team explains that ESLint has a more perform
ある程度Babelとか知ってる人向きです。 要約 Class Property DeclarationsでReactのPropTypes指定が捗る ESLintそのままではClass Property Declarationsに対応してない babel-eslintパーサ使えば解決(ただしestraverse-fbは手動で入れろ) 以上。estraverse-fb周りはそのうち修正されそう。 Class Property DeclarationsでReactのPropTypes指定が捗る ES.nextのClass Property Declarationsでクラスにプロパティ生やせるよう提案されている。 それを使えばReactのpropTypes指定が捗るようになる。やったぜ。 import React from 'react'; export default class MyButto
題名の通り、ざっと書き出し。 このあたりのことを相談された時に、手元のリポジトリを漁って「こんな感じでやってます」とやってたけど、 とりあえずこのURL渡して参考にしてもらうみたいなことができれば... ご注意 Xubuntu 14.04でやってるのでWindowsやOSXは未確認。 こじんまりした規模の開発で使っている構成なので、規模によっては向いていないかも。 サーバとはJSONとかのAPIでお話するだけの、SPAなフロントエンド用(ルーティングはハッシュチェンジ系向け)。 おしながき 共通用 nodeの管理 JavaScriptのLint プロジェクト用 プロジェクトディレクトリの下準備 タスクランナー HTMLと開発用Webサーバ CSSや画像ファイルなどのスタイルまわり JavaScriptまわり(モジュールバンドラ) プロダクション用のビルド テスト環境 APIサーバとつなぎな
環境webpack 1.11.0ESLint v1.2.1手順Webpackは既に導入済みであることを前提としています。 1. eslint-loader をインストールするeslint-loader をインストールします。これは、webpack から ESLintを読み込むためのローダーです。 $ npm install --save-dev eslint-loader 2. ESLintの設定ファイルを記述するプロジェクトのルートディレクトリ直下に .eslintrc ファイルを作成し、例えば以下のような内容を記述しておきます。 { "env": { "browser": true, "node": true, "es6": true }, "ecmaFeatures": { "modules": true }, "extends": "eslint:recommended", "ru
先日、とりあえずEmacsでESLintを使う環境を作ってみましたが。 umi-uyura.hatenablog.com チェック内容を設定しておかないと意味がないので、基本的なものだけでも設定しておこうと思い、調べてみました。 設定ファイル雛形の生成 そもそも、これまでESLintの導入まで至らなかったのは、設定項目が多すぎて、使うまで時間がかかりそうという印象があったからでした。 ところが、どうやら.eslintrcの雛形を生成してくれる機能がESLintにはあるもよう。 eslint --init を実行すると、ウィザード形式で.eslintrcを生成できます。 $ eslint --init ? What style of indentation do you use? Spaces # インデントのスタイルはスペース ? What quotes do you use for st
ESLint はデフォルトでは何も警告してくれず、しかも膨大な設定項目があるために使い始めが大変です。 ところで、ESLint は共有設定という仕組みを持っていて、誰でも "自分の設定" を共有することができます。 そして、使いはじめる人は共有された設定を使って簡単に ESLint を使い始めることができます。 共有設定の一部が気に入らなかった場合には、(設定ファイルを書いて) そこだけ自分好みに上書きできます。 この記事では、有名な共有設定を紹介していきます。 eslint-config-eslint 設定ファイル ES5 Only. ESLint 自身が使っている設定です。 インデント幅が 4 だったり、文字列がダブルクォーテーションだったりとオーナーの趣味が出ています。 私は好きです。
Node.js学園祭2015に行ってからESLintを導入したかった やっぱりJavaScriptって柔軟で優秀だから色んな書き方できるじゃないですか。 関数宣言の中に関数宣言やったり(うっ) 上記は関係ないんですけど、 私は自分のJavaScriptのコードに不安を感じることがあって Lintの導入は考えていました。 JavaScriptですから潮流が激しくて色々なツールがありますよね。 JSHint, JSLint, JSCS, そして ESLint。 ありすぎんのよ…どれなんだよと… 環境の構築のこだわりすぎて 本当に作りたいものがおろそかになる気がして Lintは考えることをやめていました(泣) こんな私の火付け役、それが表題のNode.js学園祭2015です。 Node.js学園祭2015「フロントエンドに秩序を取り戻す方法」を聞いて、 駄目だこいつ(私のコード)… 早くなんとか
やんなくちゃなー、と思っていたので Lint Like It’s 2015 — Medium を眺めながら、ahomu/es6-Kameita の JavaScript Linter を ESLint に乗り換えました。 Lint の設定つくるのがダルイ問題 本当にだるい。この投稿を書いている時点では .eslintrc を以下のようにしました。 スペースの入れ方については、強い意志をもって堅めの設定になっているはず。 max-params はちょい甘めです。consistent-this を全力で否定しているので、流用したい方は気をつけた方がよろしいかと。 { "parser": "babel-eslint", "env": { "browser": true, "node": true }, "rules": { "strict": 2, "default-case": 2, "no-
In my ongoing love affair with static code analysis tools, I wanted to find a good code linter for Javascript, to use with Sublime. More specifically, a React.js project, with Mocha for tests, and of course using the awesome ES6 syntax (with Babel). With a background in Ruby and Go, I'm used to some great tooling like Rubocop/BeautifyRuby/govet/gofmt/golint. I enjoy the tight feedback loop of runn
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く