NetBeansをインストールしてMacでHTMLを無料で記述・デバッグする方法(パート1)

NetBeansをインストールしてMacでHTMLを無料で記述・デバッグする方法(パート1)

3分で読めます
| ヒント

NetBeans のロゴ。

HTMLの授業を受けている方、あるいはHTMLとCSSを学びたい方。ローカルまたはリモートでWebサーバーを運用する手間(そしておそらくコスト)をかけずに、コードを記述、テスト、デバッグしたい方。Mac上のNetBeansなら、それが可能です。

NetBeans のロゴ。

ウェブサーバーの問題

HTMLの書き方を学ぶ過程では、HTMLコードをWebサーバーに読み込み、好みのWebブラウザ(例えばSafari)で接続することになります。しかし、これは初心者にとって少し問題を引き起こします。

まず、MacでApacheウェブサーバー(httpd)を有効化する方法があります。Apacheは多少目立たない仕組みですが、Macのポート80を外部に開放してしまうという問題があります。特に初心者の場合は、念のため、この方法は避けた方が良いでしょうどうしても有効化したい場合は、macOSでApacheを有効化する方法を説明した記事「macOS Sierra 10.12でApacheを設定する方法」をご覧ください。この記事はHigh Sierraにも適用できると思います。(Apacheへのパスは/usr/sbin/httpdのままです。)

もっと簡単な方法としては、Chuck Shotton 氏の MacHTTP をインストールして実行する方法があります。これはよりシンプルな Mac アプリケーションで、index.html ファイルを配置する場所も明確に示されています。それでも、セキュリティ面の問題は残ります。また、HTML コードをテキストエディタで記述することになり、コーディングエラーがどこにあるかを明確に特定する方法がないという問題もあります。あるいは、アプリ内で HTML コマンドに関するユーザーヘルプを利用することもできます。(ただし、こちらの優れた Web チュートリアルもご参照ください。)

初心者にとってさらに面倒なのは、ウェブサイトのホスティング料金を請求するISPやウェブサービスに契約することです。コストと、常に変更されるテストコードのアップロードにかかる手間(そして潜在的なセキュリティ問題)を考えると、このアプローチは同様に不便で不快なものになります。

理想は、エディタ、ファイルリソースマネージャ、ポップアップヘルプ、エラーメッセージを備えた統合開発環境(IDE)が組み込まれた、無料のネイティブMacアプリがあればいいのに、というものです。そして、あなただけがアクセスできるプライベートWebサーバーも。実は、NetBeansというアプリがあります。(ちなみに、Javaで書かれているので、WindowsとLinuxでも利用可能です。)

Javaインストール

NetBeansの最新バージョンは8.2で、Javaで記述されており、Java 8を使用しています。これがあなたの求めるものです。以前はNetBeansのインストールパッケージにJavaのインストールが含まれていましたが、Java 9との混乱(および競合)により、これはもう当てはまりません。NetBeansのダウンロードパッケージにはJavaが含まれていると記載されていますが、実際には含まれていません。

ステップ1. Java 8。最新バージョンのJava 8をダウンロードしてインストールします。(macOSにはJavaが付属していません。)Oracle.comのウェブサイトから入手できます。Macの起動時にmacOSにJavaをインストールするのが不安な場合は、macOSを仮想マシンとして実行し、そこですべてを行うこともできます。

[ Parallels Desktop を使用して macOS High Sierra を仮想マシンとして実行する方法]

Oracle の Java SE ダウンロード ページ。
Oracle の Java SE ダウンロード ページ。

ダウンロードファイルは標準の.DMGファイルなので、すぐに分かります。中にはインストールパッケージが入っています。Javaは、パッケージインストーラを使用する他のMacアプリケーションと同じようにインストールされます。

Java 8 インストーラー。
Java 8 インストーラー。

インストールが完了したら、ターミナルでJava 8が正しくインストールされていることを確認してください。以下のようになっているはずです。

Javaのインストールを確認します。
Javaのインストールを確認します。

ページ 2: 次は NetBeans のインストールです。

Knowledge Network