Ubuntu14.04にNetbeansとJavaJDKをインストールし、基本的なHTML5プロジェクトを設定する


この4記事のモバイルWeb開発シリーズでは、Ubuntu 14.04.2 LTS Trusty TahrでNetbeansをIDE(統合開発環境とも呼ばれます)としてセットアップし、モバイルフレンドリーでレスポンシブなHTML5Webアプリケーションの開発を開始する方法について説明します。

以下は、HTML5モバイルWeb開発に関する4つの記事シリーズです。

洗練された作業環境(後で説明します)、サポートされている言語のオートコンプリート、およびWebブラウザーとのシームレスな統合は、Netbeansの一部であり、最も際立った機能であると私たちは考えています。

HTML 5仕様は、開発者に多くの利点をもたらしたことも忘れないでください。たとえば、いくつかの例を挙げます。多くの新しい要素によるクリーンなコード)、組み込みのビデオおよびオーディオ再生機能(Flashの必要性を置き換える)、相互互換性主要なブラウザ、およびモバイルデバイス向けの最適化を備えています。

最初はローカル開発マシンでアプリケーションをテストしますが、最終的にはWebサイトをLAMPサーバーに移動し、動的ツールに変換します。

その過程で、jQuery(クライアント側のスクリプトを大幅に簡素化する有名なクロスプラットフォームのJavascriptライブラリ)とBootstrap(レスポンシブWebサイトを開発するための一般的なHTML、CSS、およびJavaScriptフレームワーク)を利用します。今後の記事で、これらのHTML5ツールを使用してモバイルフレンドリーなアプリケーションをセットアップするのがいかに簡単であるかがわかります。

この簡単なシリーズを完了すると、次のことができるようになります。

  1. use the tools described herein to create basic HTML5 dynamic applications, and
  2. go on to learn more advanced web development skills.

ただし、このシリーズではUbuntuを使用しますが、手順と手順は他のデスクトップディストリビューション(Linux Mint、Debian、CentOS、Fedoraなど)でも完全に有効であることに注意してください。

そのために、インストール方法として汎用tarball(.tar.gz)を使用して、必要なソフトウェア(NetbeansとJava JDK、後で説明します)をインストールすることを選択しました。

そうは言っても、パート1から始めましょう。

JavaJDKとNetBeansのインストール

このチュートリアルは、Ubuntu 14.04.2 LTS TrustyTahrデスクトップがすでにインストールされていることを前提としています。そうでない場合は、先に進む前に、同僚のMateiCezarが書いたUbuntu14.04デスクトップインストールの記事を参照してください。

Ubuntuの公式リポジトリ(7.0.1)からダウンロードできるNetbeansバージョンは少し古いため、Oracle Webサイトからパッケージをダウンロードして新しいバージョン(8.0.2)を入手します。

これを行うには、2つの選択肢があります。

  1. Choice 1: download the bundle that includes Netbeans + JDK, or
  2. Choice 2: install both utilities separately.

この記事では#2を選択します。これは、ダウンロードが少し小さいだけでなく(HTML5とPHPをサポートするNetbeansのみをインストールするため)、必要に応じてスタンドアロンのJDKインストーラーを使用できるようにするためです。 Netbeansを必要とせず、Web開発を伴わない(主に他のOracle製品に関連する)別の設定の場合。

JDK 8u45をダウンロードするには、Oracle Technology Networkサイトにアクセスし、「Java」→「JavaSE」→「ダウンロード」セクションに移動します。

下で強調表示されている画像をクリックすると、使用許諾契約に同意するよう求められ、必要なJDKバージョン(この場合は64ビットマシンのtarball)をダウンロードできます。 Webブラウザーからプロンプトが表示されたら、ファイルを開くのではなく保存することを選択します。

ダウンロードが完了したら、〜/ Downloadsに移動し、tarballを/usr/local/bin に抽出します。

$ sudo tar xf jdk-8u45-linux-x64.tar.gz -C /usr/local/bin

HTML5およびPHPをサポートするNetbeansをインストールするには、https://netbeans.org/downloads/にアクセスし、次の画像に示すように「ダウンロード」をクリックします。

これにより、ブラウザはインストールシェルスクリプトを開くか、コンピュータに保存します。 [ファイルを保存]、[OK]の順に選択します。

完了したら、 .sh を実行可能ファイルに変換し、管理者権限でシェルスクリプトを実行します。

$ cd ~/Downloads
$ chmod 755 netbeans-8.0.2-php-linux.sh
$ sudo ./netbeans-8.0.2-php-linux.sh --javahome /usr/local/bin/jdk1.8.0_45

それ以降は、画面の指示に従ってインストールを完了し、デフォルト値のままにします。

インストールが完了するのを待ちます。