Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
eslintのプラグインを作成した話
Search
hirasa
February 08, 2022
1
120
eslintのプラグインを作成した話
eslintのプラグインを作成した話
hirasa
February 08, 2022
Tweet
Share
More Decks by hirasa
See All by hirasa
redux使うのやめました
hirasa
1
500
dev_server_proxyのススメ
hirasa
0
140
Featured
See All Featured
It's Worth the Effort
3n
187
28k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
A Tale of Four Properties
chriscoyier
161
23k
Scaling GitHub
holman
463
140k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
Gamification - CAS2011
davidbonilla
81
5.5k
Building an army of robots
kneath
306
46k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
Navigating Team Friction
lara
190
15k
Transcript
Eslintのプラグインを 作成した話 平崎 葵(ひらさき まもる) 2022/02/08 Saitama.js vol.2発表資料 https://saitamajs.connpass.com/event/233089/
⾃⼰紹介 平崎葵(ひらさきまもる) クーガー株式会社 所属 https://couger.co.jp u フロントエンド、サーバサイドエンジニア u バーチャルヒューマンエージェントの開発 趣味:
ドラム、作曲
発表内容 Eslintのプラグインを作成して、npmパッケージとして公開した話 u どういうものを作ったのか u なぜ作ったのか u どう使うのか u どう作ったのか
どういうものを作ったのか コーディングルールをeslintでチェック ▪npmパッケージ https://www.npmjs.com/package/@hirasaki/eslint-plugin-coding-rules ▪github https://github.com/hirasaki1985/eslint-plugin-coding-rules
なぜ作ったのか コードレビューを⾃動化したい ▪⼀例で、フロント側の設計例 • ServiceやRepository, WebAPIを直接componentから呼び出されたくない • Organisms〜Atomのコンポーネントでreduxを直接使われたくない
どう使うのか u https://github.com/hirasaki1985/eslint-plugin-coding-rules#rule-details Pathの書き⽅はmicromatchを選択。 https://github.com/micromatch/micromatch
どう作ったのか u Typescriptで実装。 u テストはjestを使⽤。 u Buildはtsupを使⽤。 ▪Eslintのプラグインの構成について • metaとcreateから構成されている。
• meta: ルールのメタ情報 • Create: ルールを実装したオブジェクトを返す。 ▪参考 https://eslint.org/docs/developer-guide/working-with-rules
参考 u https://speakerdeck.com/texmeijin/eslintfalsedu-zi-ruruzuo-cheng- nitiyarenzisitahua u https://techblog.yahoo.co.jp/javascript/how-to-create-eslint-rules/ u https://azu.github.io/JavaScript-Plugin-Architecture/ja/ESLint/ 公式 u
https://eslint.org/docs/developer-guide/architecture
エンジニア募集中 https://couger.co.jp/news/career/ カジュアル⾯談実施中︕ u フロントエンドエンジニア u DevOpsエンジニア u AI/機械学習エンジニア u
サーバアプリケーションエンジニア