modern-javascript-patterns について
modern-javascript-patterns は、ES6+、関数型パターン、保守しやすいコードの実践を扱う JavaScript 開発者向けスキルガイドです。非同期処理や性能改善、移行の指針も含み、タスクに応じた検証を促します。
主な機能
- 01ES6+ の構文と実践
- 02関数型プログラミングパターン
- 03非同期処理と Promise
- 04性能最適化の指針
- 05可読性と保守性の向上
活用シーン
- 01レガシー JavaScript のリファクタリング
- 02コールバックから async/await への移行
- 03データ変換パイプラインの構築
- 04JavaScript の性能問題の調査
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/インストール後、Claude Code で/modern-javascript-patternsを入力して読み込まれたか確認します。
同梱ファイルresources/implementation-playbook.md
詳細
モダン JavaScript パターン
モダン JavaScript（ES6 以降）の機能、関数型プログラミングのパターン、クリーンで保守しやすく、パフォーマンスに優れたコードを書くためのベストプラクティスを習得するための包括的なガイドです。
このスキルを使用する場面
- レガシー JavaScript をモダンな構文にリファクタリングするとき
- 関数型プログラミングのパターンを実装するとき
- JavaScript のパフォーマンスを最適化するとき
- 保守しやすく読みやすいコードを書くとき
- 非同期処理を扱うとき
- モダンな Web アプリケーションを構築するとき
- コールバックから Promises／async-await に移行するとき
- データ変換パイプラインを実装するとき
このスキルを使用しない場面
- タスクがモダン JavaScript パターンと無関係な場合
- この範囲外の別の領域やツールが必要な場合
手順
- 目標、制約、必要な入力を明確にします。
- 関連するベストプラクティスを適用し、結果を検証します。
- 実行可能な手順と検証方法を提示します。
- 詳細な例が必要な場合は、
resources/implementation-playbook.mdを開きます。
リソース
- 詳細なパターンと例については、
resources/implementation-playbook.mdを参照してください。
制限事項
- タスクが上記の範囲に明確に当てはまる場合にのみ、このスキルを使用してください。
- 出力を、環境に応じた検証、テスト、または専門家によるレビューの代わりとして扱わないでください。
- 必要な入力、権限、安全上の境界、または成功基準が不足している場合は、作業を中止して確認を求めてください。
例の適用範囲
コードブロックは個別の例であり、名前を再宣言する場合があります。これらをまとめて、実行可能な単一のアプリケーションとして扱わないでください。クラスの例では、パスワード関連の操作を意図的に拒否しています。プライベートフィールドや文字列の接頭辞は、認証情報のハッシュ化ではありません。ハイライト用ヘルパーは、補間された値を HTML テキスト用にのみエスケープします。リテラルテンプレートは信頼できる状態に保ち、属性、URL、スクリプトには再利用しないでください。Fetch は HTTP エラーでも解決されるため、response.ok を確認し、レスポンスデータを検証して、明示的な期限とキャンセルを適用してください。再試行用ヘルパーが再試行するのは、ネットワーク障害のみです。ページネーションには、ページ数／レコード数の上限と、同じページの繰り返しを検出する仕組みが必要です。JSON によるクローン作成／メモ化では、JSON 以外の値や循環参照が失われたり、拒否されたりします。メモ化するキーには、保存容量の上限と、レシーバー／純粋性に関するルールも必要です。タイムアウトとの競争はネットワーク処理を中止しません。サポートされている場合は、AbortSignal を伝播させてください。