MacでJavaScriptコーディングを学ぶ方法

Mac で JavaScript プログラミング言語を学ぶにはどうすればいいですか?

JavaScriptを学びたいですか？それは素晴らしいアイデアです！JavaScriptは最も人気のあるプログラミング言語で、Stack Overflowの2015年開発者調査では54.4%のプログラマーが使用しており、トップにランクインしています。しかも、Macでも問題なく動作します。

次に読む: Macでのコーディングとプログラミングの完全ガイド

プログラミングを学びたいなら、JavaScriptは素晴らしい選択肢です。PythonやC言語とは異なり、JavaScriptはスクリプト言語であり、他のテクノロジーと連携して動作します。JavaScriptをHTMLやCSSと併用することで、ウェブサイトのインタラクティブな要素を作成できます。

JavaScriptは、最初に学ぶべきプログラミング言語の一つです。HTMLやCSSのすぐ後に続く言語であり、プログラミングの基礎を学びながら、新しく習得したスキルを披露できる魅力的なウェブサイトを素早く作成できます。

参照:

MacでJavaのコードを書く方法を学ぶ

MacでPythonコーディングをセットアップして学ぶ方法

OS XでJavaScriptを学ぶ: JavaScriptの設定

JavaScriptはインタープリタ型言語です。JavaScriptのプログラムをコンパイルして実行するのではなく（C言語のように）、コードを記述してHTML（ウェブサイトのコンテンツを表示するために使われる言語）内に組み込みます。

HTMLと同様に、JavaScriptプログラムの作成に必要なものはシンプルです。テキストエディタとウェブブラウザが必要です。ウェブブラウザとしてはSafariでも問題ありませんが、テキストファイルとして保存できないため、テキストエディットでコードを作成することはお勧めしません。

ここでは、JavaScript (および一般的な Web 開発) を学習する場合に検討すべきプログラムをいくつか紹介します。

FirefoxのFirebug拡張機能をインストールすることをお勧めします。多くのJavaScript開発者は、Firebox拡張機能を使ってHTMLを検査し、リアルタイムでコードを修正しています。最初は必要ないでしょうが、慣れてくると便利になってきます。

最初のプログラムでは、画面に「Hello, World!」と表示するのが一般的です。HTMLで表示するのはさらに簡単ですが、このJavaScriptプログラム（HTMLファイル内）は、画面に「Hello World!」と表示するアラートを作成します。

テキストエディターを開き、次のコードを入力します。

Mac OS XでJavaScriptを学ぶ方法

このファイルを「helloworld.html」としてデスクトップに保存します。DockのSafariアイコンの上にドラッグするか、Safariを開いて「ファイル」>「ファイルを開く」を選択します。

ブラウザはHTML文書を読み込むと、JavaScriptコードを解釈してプログラムを実行します。JavaScriptコードはタグを使ってHTML内に記述します。

Mac 上の JavaScript で Hello World を実行する

基本的な準備が整ったら、JavaScriptの学習を始めましょう。JavaScriptはHTMLと密接に連携するため、JavaScriptと並行してHTMLとCSSも学ぶ必要があります。

注目すべきコースをいくつか紹介します。

Codecademy: JavaScript トラック。Codecademy のオンラインチュートリアルでは、初心者から高度な複雑なサイトの作成まで、段階的に学習できます。
12分でJavaScriptを学ぶ。このYouTube動画は、宣伝されている時間内でJavaScriptの基礎を分かりやすく解説しています。
JavaScript 24時間トレーナー。この本はJavaScript言語をより深く掘り下げた内容です。本書を読むことで、JavaScript言語の理解を深めることができます。
Web開発者のためのプロフェッショナルJavaScript。言語の基礎を学んだら、この本でWeb開発の世界へ足を踏み入れましょう。
JavaScriptパターン。この本は、プロフェッショナル開発の現場にあなたを導きます。JavaScriptアプリケーションを作成するための最適な方法と、優れたコードに求められるパターンを解説します。

Airpods