JavaScript の歴史と進化を調査し、その重要性を理解し、開発環境をセットアップすることから旅を始めます。この章が終わるまでに、しっかりした基礎ができて、JavaScript コードの最初の行を書き始める準備が整います!
1.1 歴史と進化
JavaScript は、1995 年に Netscape Communications Corporation に勤務していた Brendan Aich によって作成されました。元々は Mocha という名前でしたが、後に LiveScript に名前が変更され、最終的には JavaScript に名前が変更されました。その名前にもかかわらず、JavaScript は Java と直接関係はありません。この名前はマーケティング上の理由から選ばれました。
1.2 なぜ JavaScript を学ぶのか?
JavaScript は、現代の Web 開発者にとって不可欠なスキルです。 JavaScript を学ぶことが有益である理由をいくつか挙げます:
-
汎用性: JavaScript はフロントエンド開発とバックエンド開発の両方に使用されます。インタラクティブな Web ページの作成、サーバー側アプリケーションの構築、さらにはモバイル アプリの開発も可能です。
-
人気: JavaScript は世界で最も人気のあるプログラミング言語の 1 つであり、大規模で活発なコミュニティがあります。これは、豊富なリソース、ライブラリ、フレームワークが利用可能であることを意味します。
-
キャリアの機会: JavaScript の熟練度は、Web 開発の多くの役割に必要なスキルであるため、多くの仕事のチャンスが広がります。
-
コミュニティとエコシステム: JavaScript には、React、Angular、Node.js などのライブラリとフレームワークの豊富なエコシステムがあり、開発をより迅速かつ効率的に行うことができます。
1.3 開発環境のセットアップ
コーディングを始める前に、開発環境をセットアップしましょう。必要なものは次のとおりです:
テキストエディタまたはIDE:
- 人気のある選択肢には、Visual Studio Code、Sublime Text、Atom などがあります。このシリーズでは、Visual Studio Code (VS Code) を使用します。
- VS コードをダウンロード
ウェブブラウザ:
- Google Chrome、Mozilla Firefox、Microsoft Edge などの最新の Web ブラウザには、JavaScript コードのデバッグとテストのための優れた開発者ツールが備わっています。
- Google Chrome をダウンロード
Node.js と npm:
- Node.js は、Web ブラウザーの外部で JavaScript コードを実行できるようにする JavaScript ランタイムです。 npm (Node Package Manager) は、ライブラリと依存関係を管理するために使用されます。
- Node.js をダウンロード
1.4 初めての JavaScript コードの作成
環境をセットアップしたので、最初の JavaScript コードを作成しましょう。シンプルな「Hello, World!」から始めましょう。例。
HTML ファイルの作成:
- テキスト エディター (VS Code) を開き、index.html という名前の新しいファイルを作成します。
- 次のコードをindex.htmlに追加します
<頭>
マスター Javascript
Hello,World!
<スクリプト src="script.js">