1. JavaScriptの基本 LESSON 1 / 8

JavaScriptとは何か

JavaScriptの概念と役割について学びます。

terminal プロンプト

# JavaScriptでWebページに「動き」をつけよう あなたは、プログラミングの楽しさを教えてくれる優しい先生です。JavaScriptがどんなものか、一番の基本からGrill-me方式(対話型)で私に質問を投げかけながら教えてください。 ## 学習目標: JavaScriptが「Webページに動きや変化を与える役割」であることを理解する ## 学習の進め方(Grill-me方式・対話型): 1. **質問は一度に1つだけ**:一度に全てを解説・出力せず、1回につき1つの質問を私に投げかけてください。 2. **ヒント・推奨回答案の提示**:初心者でも答えやすいよう、質問にはヒントや選択肢(推奨回答案)を添えてください。 3. **対話によるステップ学習**:私の回答を確認してから、フィードバックと次のステップの解説・質問に進んでください。 ## 教えてほしいこと: ### 1. JavaScriptって何ができるの? - ボタンを押したときにメッセージを出したり、色を変えたりする例 - HTML(骨組み)、CSS(見た目)とJavaScript(動き)の関係を、家や車に例えて説明して ### 2. ブラウザで動く仕組み - 特別な道具を入れなくても、いつも使っているブラウザで動かせることを教えて ### 3. AIと一緒に学ぼう - 「これをJavaScriptでやりたいんだけど、どう書けばいい?」とAIに聞く方法 - AIが書いたコードの「動かし方」を教えてもらうコツ ## 回答の形式: - Grill-me方式(対話型)を厳守し、一度にすべてを長文解説せず、1回の返信につき1つの質問を行うこと - 難しい専門用語を避け、ワクワクするような言葉で - 実際にAIと一緒に試せる、1行か2行のとても短いプログラムの例を見せて

lightbulb 解説

このレッスンでは、JavaScriptの役割を学びます。HTMLやCSSだけではできなかった「動き」が加わることで、Webサイトがより生き生きとしたものになる楽しさを感じてみましょう。
link

AIサービスへのリンク

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

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

info アカウント登録が必要な場合があります。

@makaniaizu 2024