webrun

JavaScript オンライン コンパイラー & プレイグラウンド

プライベートの JavaScript サンドボックス。コードはブラウザ内に留まり、デバイスから離れることはありません。学習、テスト、プロトタイプ!

出力:

ここに出力が表示されます...

共有して学ぶ

  • 安全に共有 - 時間制限のあるリンクとオプションのパスワード保護を使用してコードを共有します
  • AI の説明 - コードがどのように機能するかを説明し、学習と理解を容易にする AI アシスタント
  • AI コード レビュー - コードのバグ、読みやすさ、改善の可能性をレビューする AI コード レビュー アシスタント

JavaScriptについて

JavaScript は Web のプログラミング言語です。ブラウザ上で動作する多用途の高水準言語です。 インタラクティブな Web ページを可能にします。最新のフレームワークでは、JavaScript を使用してリッチでインタラクティブなアプリケーションを構築します。

なぜ JavaScript なのか?

  • ユニバーサル - インストールせずにすべての Web ブラウザで実行できます
  • 多用途 - フロントエンド、バックエンド、モバイル、デスクトップ開発
  • リッチなエコシステム - npm には世界最大のパッケージ レジストリがあります
  • イベント駆動型 - インタラクティブなアプリケーションの構築に最適
  • 大規模なコミュニティ - 豊富なリソースとコミュニティ サポート

一般的な使用例

  • インタラクティブな Web ページ
  • シングルページアプリケーション (React、Vue、Angular)
  • Web API とサービス
  • ブラウザ拡張機能
  • ゲーム開発
  • データの視覚化

クイックスタートの例

始めるための簡単な JavaScript プログラムを次に示します。

// Print Hello World
console.log("Hello, World!");

// Variables and data types
const name = "JavaScript";
let version = "ES2024";
var isAwesome = true;

console.log(`${name} ${version} is awesome: ${isAwesome}`);

// Arrays and loops
const numbers = [1, 2, 3, 4, 5];
numbers.forEach(num => {
  console.log(`Number: ${num}`);
});

// Functions
function greet(name) {
  return `Hello, ${name}!`;
}

console.log(greet("Developer"));

JavaScript の機能

  • 動的型付け - 変数にはあらゆる種類のデータを保持できます
  • ファーストクラス関数 - 関数はオブジェクトであり、受け渡すことができます
  • プロトタイプの継承 - オブジェクトは他のオブジェクトから継承します
  • クロージャ - 関数は外側のスコープ変数にアクセスできます
  • Async/Await - 最新の非同期プログラミング
  • モジュール - コード編成のための ES6 モジュール システム

最新の JavaScript (ES6+)

  • アロー関数
  • テンプレートリテラル
  • 構造の破壊
  • スプレッド/レスト演算子
  • Promise と Async/Await
  • クラス

学習リソース