メインコンテンツまでスキップ

1. Introduction

JavaScript環境の概要​

JavaScriptは、ウェブブラウザ内で動作するスクリプト言語として広く利用されていますが、現在ではサーバーサイドやデスクトップアプリケーション、モバイルアプリケーションの開発にも利用されています。JavaScriptの実行環境はさまざまですが、大きく分けて以下の3つに分類されます：

  1. JavaScriptエンジン：JavaScriptコードを実行する低レベルのエンジン。代表的なものにV8、SpiderMonkey、JavaScriptCoreなどがあります。
  2. ランタイム環境：JavaScriptエンジンを内蔵し、追加のAPIやツールを提供する環境。代表的なものにNode.js、Deno、Bunがあります。
  3. バンドルツール：複数のJavaScriptファイルやモジュールを一つのファイルにまとめるツール。Webpack、Rollup、Parcel、esbuild、Viteなどが一般的です。

このドキュメントでは、これらの環境やツールについて詳細に説明し、JavaScript開発における最適な選択を支援します。

目標と目的​

このドキュメントの目標は、JavaScriptの実行環境、開発ツール、ライブラリについての包括的な理解を提供し、開発者が自分のプロジェクトに最適なツールや環境を選択できるようにすることです。具体的な目的は以下の通りです：

  • JavaScriptエンジンの特性とその違いを理解する。
  • ランタイム環境（Node.js、Deno、Bun）の特徴と使用方法を学ぶ。
  • バンドルツール（Webpack、Rollup、Parcel、esbuild、Vite）の設定と比較を行う。
  • トランスパイラ（Babel、TypeScript）の基本的な設定と使い方を理解する。
  • パッケージマネージャ（npm、Yarn、pnpm）の使い方と選択基準を知る。
  • テストフレームワーク（Jest、Mocha、Jasmine）の特徴と基本的な使い方を学ぶ。
  • 開発ツール（デバッガ、Linter、フォーマッタ、IDEとエディタ）の選び方と使い方を理解する。
  • モジュールシステム（CommonJS、ES Modules、UMD）の違いを理解し、適切に使用する方法を学ぶ。
  • ビルドツールと自動化ツール（Gulp、Grunt、npm Scripts）の使い方を学び、効率的な開発環境を構築する。

前提条件​

このドキュメントを理解するためには、以下の前提条件を満たしていることが望ましいです：

  • JavaScriptの基本知識：基本的な構文、データ型、関数、オブジェクト、配列などの理解。
  • HTMLとCSSの基本知識：基本的なマークアップとスタイリングの理解。
  • コマンドラインの基本操作：コマンドラインツールを使って基本的な操作ができること。
  • Gitの基本知識：ソースコードのバージョン管理に関する基本的な操作。

このドキュメントを通じて、JavaScriptの実行環境や開発ツールに関する知識を深め、効率的な開発環境を構築できるようになることを目指します。