JavaScript 基礎マスター

全8章 - 40レッスン

チャプター1: JavaScript入門

1.1 JavaScriptとは何か 1.2 開発環境のセットアップ 1.3 最初のJavaScriptプログラム 1.4 実践演習: コンソール出力

チャプター2: 変数とデータ型

2.1 変数の宣言と代入 2.2 データ型とは 2.3 数値と文字列 2.4 真偽値と論理演算子 2.5 実践演習: 変数を使った計算

最初のJavaScriptプログラム

レッスン進捗 25% 完了

JavaScriptとHTMLの連携

JavaScriptは、HTMLファイルの中に記述したり、外部ファイルとして読み込んだりすることができます。まずは、HTMLファイル内に直接JavaScriptを記述する方法を見てみましょう。

<!DOCTYPE html>
<html>
<head>
    <title>JavaScriptの基本</title>
</head>
<body>
    <h1>Hello, JavaScript!</h1>
    
    <script>
        // ここにJavaScriptコードを書きます
        console.log("Hello, World!");
    </script>
</body>
</html>

ポイント: <script>タグの中にJavaScriptコードを記述します。 console.log()は、ブラウザのコンソールにメッセージを出力するための関数です。

外部JavaScriptファイルの読み込み

実際の開発では、JavaScriptコードは別ファイルに記述し、HTMLから読み込む方法が一般的です。これにより、HTMLとJavaScriptを分離して管理できます。

HTMLファイル (index.html):

<!DOCTYPE html>
<html>
<head>
    <title>JavaScriptの基本</title>
</head>
<body>
    <h1>Hello, JavaScript!</h1>
    
    <!-- 外部JavaScriptファイルの読み込み -->
    <script src="script.js"></script>
</body>
</html>

JavaScriptファイル (script.js):

// ここにJavaScriptコードを書きます
console.log("Hello from external JS file!");

ポイント: <script>タグのsrc属性に、JavaScriptファイルのパスを指定します。

JavaScriptの基本文法

それでは、JavaScriptの基本的な文法を見てみましょう。

// 1. コメント
// これは一行コメントです

/*
これは
複数行の
コメントです
*/

// 2. 値の出力
console.log("Hello, World!"); // コンソールに出力
alert("Hello, World!");       // ポップアップアラートを表示

// 3. 変数の宣言と代入
let message = "Hello, JavaScript!";
console.log(message);

// 4. 簡単な計算
let x = 5;
let y = 3;
let sum = x + y;
console.log("合計: " + sum);  // 文字列と数値の連結

ポイント: JavaScriptでは//または/* */でコメントを記述します。 letキーワードは変数を宣言するために使います。

1 / 4

// コメントを使って、以下のコードを分かりやすくしましょう

// メッセージを表示する
console.log("Hello, World!");

// 変数の定義と計算
let x = 10;
let y = 5;
let result = x + y;

// 計算結果の表示
console.log("計算結果: " + result);

// このレッスンで学んだこと:
// - JavaScriptをHTMLに組み込む方法
// - 外部JavaScriptファイルの読み込み方
// - コメントの書き方
// - console.logの使い方
// - 変数の宣言と計算方法

JavaScript 基礎マスター

最初のJavaScriptプログラム

JavaScriptとHTMLの連携

外部JavaScriptファイルの読み込み

JavaScriptの基本文法

ブラウザの開発者ツールを使う

ヘルプ

レッスンの進め方

キーボードショートカット