1. JavaScriptの基本 レッスン 2/9
JavaScriptの実行環境
JavaScriptの実行環境と基本的な書き方について学びます。
プロンプト
# JavaScriptの実行環境について教えて
あなたは親しみやすいJavaScript講師です。初心者にも分かりやすく説明してください。
## 学習目標:
JavaScriptの実行環境を理解し、基本的な実行方法を身につける
## 説明してほしい内容:
### 1. JavaScript実行環境の基本
- 実行環境とは何か
- 主な実行環境の種類
- ブラウザ環境(クライアントサイド)
- Node.js環境(サーバーサイド)
- それぞれの特徴と違い
### 2. ブラウザでの実行方法
- HTMLファイルに直接書く方法
```html
<script>
// JavaScriptコード
</script>
```
- 外部ファイルから読み込む方法
```html
<script src="script.js"></script>
```
- 配置場所による違い(head内 vs body末尾)
- 基本的な使い分け
### 3. 開発者ツールの使い方
- コンソールの開き方(F12キー)
- コンソールでのコード実行
- console.log()の使い方
- 簡単なデバッグ方法
### 4. Node.jsでの実行
- Node.jsとは何か
- ファイルの実行方法(`node filename.js`)
- REPLの使い方(`node`コマンド)
- ブラウザ環境との違い
### 5. 実践的な始め方
- 最初のJavaScriptファイル作成
- HTMLファイルとの組み合わせ
- よくある間違いと対処法
- 次のステップへの準備
## 回答形式:
- 見出しを使って整理
- 具体的なコード例を含める
- 初心者でも理解できる言葉で
- 実際に試せる簡単な例も紹介
解説
このプロンプトでは、JavaScriptの実行環境を体系的かつ詳細に学びます。厳格な要件定義により、ブラウザ環境からNode.js環境まで、あらゆる実行環境での効率的な開発手法を身につけることができます。
AIサービスへのリンク
以下のAIサービスにプロンプトを貼り付けて学習を進めることができます。すべて無料で利用可能です。
ChatGPT
OpenAIが提供する人気のAIチャットサービス。無料版は利用可能です。
Google Gemini
Googleが提供するAIチャットサービス。無料で利用できます。
Claude
Anthropicが提供するAIチャットサービス。無料版は利用可能です。
※ 各サービスの利用には、それぞれのサービスの利用規約が適用されます。
※ サービスによっては、アカウント登録が必要な場合があります。