概要
https://tech.yappli.io/entry/cms_eslint_ai
詳細内容
## AIが提案する「モダンなeslint設定」の検証とチームへ導入した話
https://tech.yappli.io/entry/cms_eslint_ai
ヤプリのエンジニアが、AIにモダンなESLint設定を提案させ、チームレビューと調整を経て実際の開発プロジェクトに導入するまでの検証プロセスを報告した。
**Content Type**: ⚙️ Tools
**Language**: ja
**Scores**: Signal:5/5 | Depth:4/5 | Unique:4/5 | Practical:5/5 | Anti-Hype:5/5
**Main Journal**: 91/100 | **Annex Potential**: 90/100 | **Overall**: 92/100
**Topics**: [[ESLint設定, AI支援開発, フロントエンド, チーム開発, コード品質]]
ヤプリのフロントエンドエンジニアが、AI（Claude Code）を活用して既存のVue/NuxtプロジェクトにおけるESLint設定をモダン化する挑戦を報告している。記事は、複雑なESLint設定の見直しにAIが有効な「相談相手」となる可能性を探りつつ、実際のチーム開発における実践的な課題と解決策に焦点を当てている。
筆者はまず、ESLint設定の提案と各ルールの有効・NGパターンの解説をAIに依頼。AIは具体的な設定項目とわかりやすい説明を生成し、このアプローチに手応えを感じたという。しかし、これをチームに展開しレビューを求めたところ、AIの提案をそのまま適用する上での複数の重要な懸念点が浮上した。
主なフィードバックは以下の通りだ。第一に、ESLintの「Essential」ルールは既存の環境（`@nuxt/eslint`内の`plugin:vue/vue3-recommended`）で既に適用済みであり、重複する設定は不要であると指摘された。第二に、新たに導入する設定が既存コードに大量のエラーやウォーニングを発生させ、放置されることで開発者体験を著しく損ねる可能性が示唆された。特に自動整形を伴う設定は、複数レーンで同時進行するプロジェクトにおいて、意図しないコンフリクトを大量に引き起こす恐れがあるため、慎重な検討が必要とされた。第三に、CI/CDでlintエラーがデプロイをブロックする運用の場合、急な設定追加でデプロイ不能になるリスクを回避するため、まずはウォーニングとして導入し様子見することが提言された。
これらのチームからの建設的な意見と綿密なすり合わせの結果、AIが最初に提案した設定内容は大幅に精査され、実際の導入に至るルールは当初よりも大幅に削減された。筆者は、AIは複雑な設定の精査や説明において非常に頼りになる「良き相談相手」である一方で、実際のチーム開発においては、AIの出力を鵜呑みにせず、既存環境との整合性、開発者体験、CI/CDへの影響などを考慮したチーム内での合意形成が最も重要であり、そこに最も時間がかかると結論付けている。AIは強力なツールだが、最終的な決定と調整は人間の知見と協調が不可欠であるという、実践的な視点が強調されている。