ESLintでReactとES2015の構文チェック(eslint-config-airbnb) - dackdive's blog
ES2015の構文チェックと言えば ESLint ですね。 ESLint は "The pluggable linting utility" というだけあって、Rules と呼ばれる膨大なチェック項目の中から 自分がチェックしたい項目を取捨選択し、最終的に .eslintrc という設定ファイルを用意する必要があります。 ただ、さすがに一から自分でルールを構築するのは面倒なので、通常は Shareable Configs と呼ばれる機能を使い、他の人が大体いい感じにセットアップしたものを共有することができます。 eslint-config-airbnb もこの Shareable Configs の1つで、React に関する lint も含まれているのでとりあえずはここから始めるのが良さそうです。 インストールと設定 （package.json は作成済みとします） eslint-con
アロー関数式
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2016年9月. Learn more See full compatibility Report feedback アロー関数式は、従来の関数式の簡潔な代替構文ですが、意味的な違いや意図的な使用上の制限もあります。 アロー関数自身には this、arguments、super へのバインドがないので、メソッドとして使用することはできません。 アロー関数はコンストラクターとして使用することはできません。 new をつけて呼び出すと TypeError が発生します。 new.target キーワードにアクセスすることもできません。 アロ
JavaScriptのプログラミングエディタまとめ
ブラウザベースでJavascriptのプログラミングができるエディタをまとめて紹介します。何かと話題のES6の対応状況や、コード補完、シンタックスハイライトなどもチェックしてます。 Codiad Codiad Codiadは、ダウンロードしてオンプレミスで利用出来るWebベースのIDEです。PHPで作られていて、データベースも不要ですので導入にあたっての敷居は低いでしょう。高速な開発をサポートする、シンプルなエディタを目指しているとあります。デモで実際に操作できますので、本格的な利用を前に確認して見てはいかがでしょうか。 主な機能 40を超える言語のサポート シンタックスハイライト コード補完 複数ユーザーのサポート 編集画面の分割 リアルタイムの共同編集 ES6対応状況 ES6にも対応していて、シンタックスハイライトやコード補完も可能でした。 Codiad Web Based IDE b
ESLintについての細かいあれこれ - Qiita
{ "env": { "node" : true, "browser" : true }, "ecmaFeatures" : { "jsx": true, "objectLiteralShorthandMethods" : true }, "plugins": [ "react" ], "rules": { "react/display-name": 1, "semi" : [2 , "never"], "strict" : false, "key-spacing" : [2, { "beforeColon" : true, "afterColon" : true, }], "no-unused-vars": [1, {"vars" : "all", "args" : "after-used"} ], "no-comma-dangle" : false } } ES6 && JSXを使うの
import - JavaScript | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since May 2018. * Some parts of this feature may have varying levels of support. Learn moreSee full compatibilityReport feedback 静的な import 宣言は、他のモジュールによってエクスポートされた読み込み専用の動的バインドをインポートするために使用します。インポートしたバインドは、バインドをエクスポートしたモジュールによって更新される一方、インポートしているモジュールによって再割り当てすることができないために、「動的バイン
ESLint 最初の一歩
We're excited to announce that ESLint v6.0.0 has been released: https://t.co/EO4ZrZIMYM — ESLint (@geteslint) 2019年6月22日 ESLint は JavaScript のための静的検証ツールです。コードを実行する前に明らかなバグを見つけたり、括弧やスペースの使い方などのスタイルを統一したりするのに役立ちます。同様のツールとしては JSLint, JSHint 等があります。 ESLint の特色は、 すべての検証ルールを自由に on/off できる 自分のプロジェクトに合わせたカスタムルールを簡単に作れる 豊富なビルトイン ルール (5.0.0 時点で 260 個) に加えて、たくさんのプラグインが公開されている ECMAScript 2015 (ES6), 2016, 201
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オブジェクトリテラルのプロパティ/メソッドのいろんな書き方（ES6版） - Qiita