5. モダンJavaScript レッスン 1/6
ES6の新機能
ES6(ECMAScript 2015)で導入された新機能について学びます。
プロンプト
あなたは、モダンJavaScript(ES6以降)に精通したシニアソフトウェアエンジニアです。
以下の指示に厳密に従い、ES6(ECMAScript 2015)の主要な新機能について解説するドキュメントを作成してください。
# ターゲット読者
JavaScript(ES5)の基本文法は理解しているが、ES6のモダンな機能にまだ慣れていない開発者。
# 達成目標
読者がES6の各機能の概念、利点、具体的な書き方を理解し、実務コードに適用できるようになること。
# 出力形式
- 全体をMarkdown形式で記述してください。
- 最初に「**ES6の全体的な利点**」と「**ES5との互換性(トランスパイルの必要性など)**」について、それぞれ簡潔にまとめてください。
- 次に、後述の「**解説対象リスト**」にある各機能について、以下の構造フォーマットを厳守して個別のセクションを作成してください。
- `## 機能名`
- **概要**: 機能の目的と役割を1〜2文で簡潔に説明。
- **コード例**: ES5とES6のコードを比較する形式で提示。コードブロックには必ず `javascript` を指定。
- **主な利点**: その機能がもたらすメリットを箇条書きで1〜3点に絞って記述。
# 解説対象リスト
1. `let` / `const`
2. アロー関数
3. テンプレートリテラル
4. 関数のデフォルトパラメータ
5. レストパラメータとスプレッド構文
6. 分割代入
7. クラス
8. モジュール (`import`/`export`)
9. `Promise`
10. `Map` / `Set`
11. `Symbol`
12. イテレータとジェネレータ
13. `Proxy` と `Reflect`
# 制約事項
- 挨拶や前置き、結びの言葉は一切不要です。
- 各機能の説明は、指定された構造と順序に厳密に従ってください。
- 専門用語を正確に使用し、プロフェッショナルなトーンを維持してください。
- コード例は、機能の核心を理解するための、簡潔で実践的なものにしてください。
解説
このプロンプトでは、ES6(ECMAScript 2015)で導入された新機能を詳しく学びます。ES6は現代のJavaScript開発の基盤となる重要なバージョンであり、多くの便利な機能が追加されました。
AIサービスへのリンク
以下のAIサービスにプロンプトを貼り付けて学習を進めることができます。すべて無料で利用可能です。
ChatGPT
OpenAIが提供する人気のAIチャットサービス。無料版は利用可能です。
Google Gemini
Googleが提供するAIチャットサービス。無料で利用できます。
Claude
Anthropicが提供するAIチャットサービス。無料版は利用可能です。
※ 各サービスの利用には、それぞれのサービスの利用規約が適用されます。
※ サービスによっては、アカウント登録が必要な場合があります。