作ったESLintstyled-componentseslint-pluginメリークリスマス。内定者アルバイトのまっきーです。書いたので今度は技術的な話をしようと思います。作ったので紹介します。eslint-plugin-styled-components-varname。簡単に言うと、デフォルトの設定でこんな感じです。つけて見やすくしようという方針です。)をつけているのもポイントです。これにより、コンポーネントの命名を見るだけで、どのようなコンポーネントか見分けやすくなります。コンポーネントを拡張スタイルしたものだとひと目でわかります。)}このルールの利点は以下のようなものです。jsx上で、通常のスタイルと、拡張スタイルの見分けやすい命名にかけるコストが減る命名が短くなる詳しく命名規則を考察まだ個人開発でしかこれを使ってないので、本当にこのルールを適用すれば良い感じの開発体験になるかはわかりません。みなさんに使っていただいて感想を聞きたいです。想定される懸念点をここで議論したいと思います。するという手もあると思います。jsx上で通常のスタイルなのか拡張スタイルなのか見分けがつきにくいというデメリットがあります。これも、jsx上で通常のスタイルなのか拡張スタイルなのか見分けがつきにくいというデメリットがあると思います。タグにスタイルをつけてるだけのものだな」と分かるという利点もあります。されるものではないので命名コストをかける必要性は低めです。以下のようなサンプルコードがあります。「これはButtonコンポーネントを拡張スタイルしたものだ」とわかったほうが良い気がします。その考え方だと同じタグやコンポーネントを複数使うとき、命名かぶるじゃん。命名できないよねというお話。渡す方式でスタイルを変えることが殆どです。いうのはままあるでしょう。すれば良いと思います。する、という方針が良さそうです。ここらへんの細かい命名規則は厳密に守る必要もなく、また、自然とそうなるものだと思います。ついていることによって通常のスタイルなのか拡張スタイルなのか見分けがつきやすいというメリットがあります。やって作ったかという話をすると、まあそんな難しいことをしていないのですが、話したいことがわりと多いので気が向いたら別記事にして上げようと思います。失敗した話...w)。自分もまだ少ししか使ってないですが、今の所使いやすいです。皆さんが使ってみた感想を聞きたいです。使わなくても議論はコメント欄やTwitterにどうぞ。気に入ったらスターよろしくおねがいします。クリスマスなので今から男だけでスノーボードに行ってきます。upLoginユーザーは見つかりませんでした。