0Pricing
TypeScript Academy · レッスン

実務でよく使われるルールセット

オープンソースや企業のプロジェクトで使われる一般的なESLint + Prettierのルールセットを適用し、設定の時間を短縮します

「実務でよく使われるルールセット」はCoddyKit上の無料TypeScript Academyレッスンです。 これはレッスン3/3です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはTypeScript Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 TypeScript Academyコースには全3レッスンが含まれています。

導入

目標：airbnb、standard、google などのコミュニティーのルールセットを使い、手動で調整せずに一貫したスタイルを実現します。

Airbnb の設定

Airbnb は、特に React で人気のある厳格なスタイルです。セミコロン、空白、React のベストプラクティスを強制します。

npm install --save-dev eslint-config-airbnb-typescript eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-react-hooks

Standard の設定

Standard はよりシンプルです。セミコロンを使わず、設定が最小限で、Node プロジェクトで広く使用されています。

npm install --save-dev eslint-config-standard eslint-plugin-import eslint-plugin-n eslint-plugin-promise

Google の設定

Google の設定は読みやすさと明瞭さを重視し、大規模なコードベースで使用されています。

npm install --save-dev eslint-config-google

設定の組み合わせ

複数の設定を拡張できます：Airbnb + Prettier + TS ルール。型情報を利用するルールには parserOptions.project が設定されていることを確認してください。

// .eslintrc.js example
module.exports = {
  extends: [
    "airbnb-typescript/base",
    "plugin:prettier/recommended"
  ],
  parserOptions: {
    project: "./tsconfig.json"
  }
}

チームでの統一

スタイルに関する議論が終わらなくなるのを避けるため、プロジェクトごとに 1 つのルールセットを選びます。チームで合意したら、機能の開発に集中します。

確認問題

簡単な確認：Airbnb や Standard のルールセットを使うのはなぜですか？

振り返り

振り返り：人気のある設定には Airbnb、Standard、Google があります。設定の手間を減らし、チーム間でコードの一貫性を保てます。

よくある質問

「実務でよく使われるルールセット」レッスンは無料ですか？

はい。「実務でよく使われるルールセット」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、TypeScript Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 TypeScript Academyコースには全3レッスンが含まれています。

「実務でよく使われるルールセット」で何を学びますか？

オープンソースや企業のプロジェクトで使われる一般的なESLint + Prettierのルールセットを適用し、設定の時間を短縮します ブラウザで直接実行するハンズオンコードでTypeScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

TypeScript Academyを始めるのに経験は必要ですか？

事前経験は必要ありません。CoddyKitのTypeScript Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン3/3です。

「実務でよく使われるルールセット」レッスンにはどのくらい時間がかかりますか？

ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このTypeScript Academyレッスンでコードを書いて実行できますか？

はい。すべてのTypeScript Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. ESLint + @typescript-eslint
  2. Prettier連携とルールの競合
  3. 実務でよく使われるルールセット
← TypeScript Academyに戻る