0Pricing
JavaScript Academy · レッスン

JavaScriptとは？Engine（V8/SpiderMonkey）とRuntime（Browser対Node）

JavaScriptとは何か、engineがどのように実行するか、BrowserとNodeのruntimeがどう異なるかを学びます。最初の小さなprogramを書きます。

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

導入

目標: JSとは何か、エンジンがどのように実行するか、BrowserとNodeのランタイムがどのように異なるかを理解します。小さく読みやすいプログラムを書きます。

  • エンジン: V8、SpiderMonkey
  • ランタイム: Browser、Node
  • 最初の出力

JavaScriptとは何ですか？

JavaScriptは、ECMAScriptとして標準化された高水準で動的型付けの言語です。ブラウザでインタラクティブなUIを動かし、Nodeを介してサーバー上でも実行されます。

最初のコンソール出力

小さな関数を作成し、console.logで出力します。モバイル向けに行を短く保ちます。

// First tiny program: prints a greeting
function greet(name) {
  return "Hello, " + name + "!";
}

const msg = greet("CoddyKit");
console.log(msg);

エンジンとランタイム

エンジンはJSを実行します（例: V8、SpiderMonkey）。ランタイムはホストAPIを追加します。BrowserはDOM/fetchを、Nodeはfs/pathを提供します。

ランタイムの検出

同じコードを両方の環境で安全に実行できるよう、APIを使う前にグローバル変数を確認します。

// Detect where code runs using simple globals
const inBrowser = typeof window !== "undefined" && typeof document !== "undefined";
const inNode = typeof process !== "undefined" && typeof process.versions === "object";

if (inBrowser) {
  console.log("Runtime: Browser (DOM available).");
}
if (inNode) {
  console.log("Runtime: Node (filesystem APIs available).");
}

適切な出力を選ぶ

alertはブラウザ専用ですが、console.logはどこでも動作します。機能チェックを使いましょう。

// Use the right output method for each runtime
const text = "JS runs in different environments!";
const canAlert = typeof alert === "function";

if (canAlert) {
  alert(text); // Browser popup
} else {
  console.log(text); // Works in Node and browsers
}

エンジンとランタイムのクイズ

簡単な確認: エンジンとランタイム

まとめ

まとめ: JSは、さまざまなランタイム内のエンジン上で実行されます。出力の表示、環境の検出、どのAPIがどのホストに属するかを学びました。

よくある質問

「JavaScriptとは？Engine（V8/SpiderMonkey）とRuntime（Browser対Node）」レッスンは無料ですか？

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

「JavaScriptとは？Engine（V8/SpiderMonkey）とRuntime（Browser対Node）」で何を学びますか？

JavaScriptとは何か、engineがどのように実行するか、BrowserとNodeのruntimeがどう異なるかを学びます。最初の小さなprogramを書きます。 ブラウザで直接実行するハンズオンコードでJavaScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

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

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

「JavaScriptとは？Engine（V8/SpiderMonkey）とRuntime（Browser対Node）」レッスンにはどのくらい時間がかかりますか？

ほとんどの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に戻る