22日前
※ この募集は締め切られました。
Next.jsのプロジェクトにSassのStylelintを導入したい
【教えてもらいたいこと】
プログラミング/フロントエンド JavaScript TypeScript React.js
【利用目的】
技術的な質問・相談, 個人開発相談
【具体的な相談内容】
【やりたいこと】
個人開発したNext.jsのコードに対してStylelintを導入したい
(ESLintは導入済み)
【困っていること】
Sass(SASS記法)の自動整形とエラーチェックのためにStylelintを導入しようと思ったのですがエラーでなかなかうまくいかない状態です
【お願いしたいこと】
Gitのリポジトリを共有するので、それに対してStylelintを導入してほしい。
(共有するコードは、Stylelintに関する記述を全部削除して綺麗な状態です)
Stylelintの細かい要件は以下のとおりです。
・css, SCSS記法, SASS記法どれにも対応したい
・stylelint-config-standard を導入したい(もしくはおすすめがあればそちらでも可)
・現在、スタイルは全部SASS記法で行っているが、リントのエラーが大量に出ているのでそれらは全部解されるような設定にしたい(インデントや@useを使うななどのエラーです)
・プロパティを自動並び替え(↓に補足あり)
【要相談事項】
プロパティの自動並び替えですが、
・基本はアルファベット順
・しかし、こちらで定義した順番を優先したい
みたいなことは可能でしょうか?(応募の際に可能かどうかを知りたいです)
例えば、
上からdisplay, color, font-size, font-weight.....みたいにこっちで設定ファイルにプロパティを書いておき、自動並び替えをした際に上から設定ファイルに書いたプロパティがまず順番に並び替わり、その次に書かなかったプロパティがアルファベット順に並び替わる。
みたいなイメージです。(近しいことができればいいです)
【希望相談スタイル】
技術的な質問・相談
【目安予算】
10000円
プロフィール
【サマリ】
業界歴は約10年で、UIデザインからフロントエンド開発までが主な領域になります。
直近はPMとして課題や施策の検討や、 AI(主にClaude Code)を用いたデザインから実装まで一気通貫でサービス運用もしています。
【技術】
・Figmaを用いたUI設計やデザインシステムの構築
・基本的なコーディングからReactなどを用いたWeb開発
・Claude Codeを用いたサービス運用、プロジェクトに応じたAIのドキュメントやルール設計
【略歴】
2017年3月に東京デザイン専門学校(グラフィックデザイン科 Web専攻)を卒業後、新卒入社で現:株式会社メンバーズ(東証一部上場)に3年間在籍。
人材採用系のサービスを運営する大手企業、不動産総合商社に常駐して、Web制作を中心とした様々なクリエイティブ業務に携わる。
2020年4月よりフリーランスとして活動を開始。
22日前