0Pricing
JavaScript Academy · レッスン

最初のProgramとI/O（console、Browserのalert）

最初の小さなprogramを書き、I/Oを練習します。どのruntimeでもconsole出力を、browserではalertを使います。

「最初のProgramとI/O（console、Browserのalert）」はCoddyKit上の無料JavaScript Academyレッスンです。 これはレッスン3/3です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはJavaScript Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 JavaScript Academyコースには全3レッスンが含まれています。

導入

目標: メッセージをわかりやすく安全に表示します。どこでもconsole.logを使い、ブラウザではalertを使います。

  • 小さなプログラム
  • コンソールの基礎
  • フォールバック付きのアラート

最初のコンソール出力

簡単な関数を作成して呼び出し、console.log で結果を出力します。

// A tiny first program
function hello(name) {
  return "Hello, " + name + "!";
}

const message = hello("Coder");
console.log(message);

読みやすいコンソールログ

短くラベル付けされた行は、小さな画面でも確認しやすくなります。

// Keep logs short and labeled for mobile
const level = 1;
const user = "Ayla";

console.log("User:", user);
console.log("Level:", level);

純粋関数と出力

純粋関数は副作用なしに値を返すため、単純な出力に最適です。

// Pure function: predictable output
function add(a, b) {
  return a + b;
}

const total = add(2, 3);
console.log("Total:", total);

フォールバック付きアラート

alert はブラウザー専用です。必ず console.log のフォールバックも用意してください。

// Use alert in browsers; fall back to console elsewhere
const text = "Welcome to JavaScript!";
const canAlert = typeof alert === "function";

if (canAlert) {
  alert(text);
} else {
  console.log(text);
}

入出力のヒント

ヒント:

  • 1行につき1つの値を出力してください。
  • 「Total:」のように、わかりやすいラベルを使ってください。
  • ブラウザーAPIを呼び出す前に、利用できる機能か確認してください。

実行環境をまたぐ出力クイズ

クイックチェック: 実行環境をまたぐ出力です。

まとめ

まとめ: 小さなプログラムを作成し、読みやすいログを出力し、安全なフォールバック付きで alert を使って、どの実行環境でも動作するようにしました。

よくある質問

「最初のProgramとI/O（console、Browserのalert）」レッスンは無料ですか？

はい。「最初のProgramとI/O（console、Browserのalert）」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、JavaScript Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 JavaScript Academyコースには全3レッスンが含まれています。

「最初のProgramとI/O（console、Browserのalert）」で何を学びますか？

最初の小さなprogramを書き、I/Oを練習します。どのruntimeでもconsole出力を、browserではalertを使います。 ブラウザで直接実行するハンズオンコードでJavaScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

JavaScript Academyを始めるのに経験は必要ですか？

事前経験は必要ありません。CoddyKitのJavaScript Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン3/3です。

「最初のProgramとI/O（console、Browserのalert）」レッスンにはどのくらい時間がかかりますか？

ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このJavaScript Academyレッスンでコードを書いて実行できますか？

はい。すべてのJavaScript Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. JavaScriptとは？Engine（V8/SpiderMonkey）とRuntime（Browser対Node）
  2. セットアップ：Node + npm、.jsの実行、DevTools Console
  3. 最初のProgramとI/O（console、Browserのalert）
← JavaScript Academyに戻る