mcpField
S
spatie-javascript

spatie-javascript

github.com/spatie開発97532 回インストール6 日前に更新
リポジトリ

spatie-javascript について

JavaScript、TypeScript、Vueファイル、Prettier設定にSpatieの規約を適用するコーディングスキルです。開発者が参照ドキュメントから関連するルールを選ぶ手順も示します。

主な機能

  1. 01JavaScriptとTypeScriptのスタイル規約
  2. 02Vue単一ファイルコンポーネントの規則
  3. 03Prettier設定のガイダンス
  4. 04命名と関数の規則
  5. 05厳密等価と分割代入の指針

活用シーン

  1. 01JavaScriptの変更に一貫した規則を適用
  2. 02TypeScriptやVueコードの確認
  3. 03プロジェクトのPrettier設定

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/spatie/guidelines-skills --skill spatie-javascript

インストール後、Claude Code で/spatie-javascriptを入力して読み込まれたか確認します。

同梱ファイルreferences/spatie-javascript-guidelines.md

詳細

Spatie JavaScript ガイドライン

概要

Spatie の JavaScript コーディング規約を適用し、JS／TS コードの一貫性と読みやすさを保ちます。

適用するタイミング

  • JavaScript または TypeScript のコーディング作業を行う際に、このスキルを適用します。
  • .js、.ts、.jsx、.tsx、または .vue ファイルを扱う際に、このスキルを適用します。
  • プロジェクトの Prettier を設定する際に、このスキルを適用します。

対象範囲

  • 対象：JavaScript、TypeScript、Vue の単一ファイルコンポーネント、Prettier の設定。
  • 対象外：PHP、Laravel、CSS のみのファイル、サーバー設定。

ワークフロー

  1. 変更する JavaScript、TypeScript、Vue、または Prettier の成果物を特定します。
  2. references/spatie-javascript-guidelines.md を読み、関連するセクションに注目します。
  3. まず Prettier の設定を適用し、その後、変更に関係する言語規則を適用します。

基本ルール（概要）

  • 4 つのスペースによるインデント、120 文字の印字幅、シングルクォートを使用します。
  • const を優先し、再代入する場合にのみ let を使用します。var は使用しません。
  • 明確な単一行のアロー関数を除き、省略形の変数名は避けます。
  • 必ず厳密等価演算子を使用し、異なる型を比較する前に値を型変換します。
  • 宣言には function を使用し、適切な場合は匿名関数や簡潔な関数にアロー関数を使用します。
  • 関数は純粋に保ち、this の使用を制限し、オブジェクトの短縮記法を使用します。
  • オブジェクトと配列の分割代入を優先します。

参考資料

  • references/spatie-javascript-guidelines.md

コメント

Markdown 対応