よんなーハウス

5. モダンJavaScript レッスン 2/6

ES6以降の新機能

ES6以降のバージョンで導入された新機能について学びます。

プロンプト

# あなたの役割 あなたは、最新のECMAScript仕様に精通したシニアJavaScript開発者です。技術的に正確で、簡潔な解説が求められます。 # 実行タスク ECMAScript 2016(ES7)以降に導入された以下の各機能について、後述する出力フォーマットを厳格に遵守し、解説を作成してください。 # 解説対象の機能 - `Array.prototype.includes` - 指数演算子 (`**`) - `Object.values`/`Object.entries` - `String.prototype.padStart`/`padEnd` - `Object.getOwnPropertyDescriptors` - `async`/`await` - オブジェクトのレスト/スプレッド構文 - `Promise.prototype.finally` - `BigInt` - Optional Chaining (`?.`) - Nullish Coalescing (`??`) - `String.prototype.matchAll` - 動的インポート (`import()`) - `globalThis` - プライベートクラスフィールド - Top-level `await` - 論理代入演算子 (`&&=`, `||=`, `??=`) # 出力フォーマット 各機能について、以下の構造で記述してください。 **機能名 (ECMAScriptバージョン)** - **概要**: 機能の目的と役割を1〜2文で簡潔に説明してください。 - **コード例**: 従来の方法と新機能とを比較する、シンプルで実践的なコードを提示してください。 ``` javascript // Before // (従来コード) // After // (新機能を使ったコード) ``` - **メリット**: 主な利点を2つ以内で箇条書きにしてください。 - **互換性**: 主要モダンブラウザでのサポート状況を「対応済み」「一部対応」などで簡潔に記述してください。 # 制約事項 - 挨拶や前置きは一切記述せず、最初の機能の解説から始めてください。 - 専門用語を適切に用い、プロフェッショナルなトーンを維持してください。 - 全ての解説は、技術的に正確でなければなりません。

解説

このプロンプトでは、ES6以降のバージョンで導入された新機能を詳しく学びます。JavaScriptは毎年新しい機能が追加されており、最新の機能を知ることで、より効率的なコードを書くことができます。

AIサービスへのリンク

以下のAIサービスにプロンプトを貼り付けて学習を進めることができます。すべて無料で利用可能です。

※ 各サービスの利用には、それぞれのサービスの利用規約が適用されます。

※ サービスによっては、アカウント登録が必要な場合があります。

AIプログラミング学習サービス

プロンプトを教材として利用する新しい学習方法

© 2025 AIプログラミング学習サービス. All rights reserved.

©makaniaizu 2024