HTML5手習い

node.jsのセットアップ

全368コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
Node.jsのインストール方法と、HTML5アプリケーションの開発に便利なHTTPサーバーのインストールと使用方法について学びます。
講師:
04:55

字幕

このレッスンでは HTML5 アプリケーションの開発に使用する Node.js のセットアップ方法について 説明します ローカル環境で完結した HTML5 アプリケーションであれば その動作のために特別な セットアップは必要ありません 単にその HTML5 をブラウザで開けば 動作させることができます しかしながら 通常実際的な HTML5 アプリケーションでは 外部のサーバーとの通信が必要になってきます またローカルファイルを 直接ブラウザで読み込んだ場合には JavaScript の実行に より多くの制限がかかります そのためローカル環境で HTTP サーバーを起動して その環境で開発を進めれば 実際の環境に近くなり 開発が進めやすくなります このコースでは比較的導入の容易な Node.js の HTTP サーバーモジュールを サーバー環境として使用します では まず Node.js を インストールしましょう Node.js のインストールは こちらの nodejs.org のサイトから インストーラーを ダウンロードする必要があります サイトを開くと 真ん中のあたりに INSTALL ボタンがあります これをクリックするとインストーラーの ダウンロードが始まります インストーラーは プラットフォームごとに分けられており Mac 環境であれば pkg ファイル Windows 環境であれば exe ファイルが自動的に判別されて ダウンロードされます インストーラーを起動すると このような画面が開きます 次へ次へと押し進めて インストールを進めてください インストールが完了すると このような画面が開きます ここに表示されているパスが Node.js 関連のプログラムが インストールされた場所になります インストールが完了したら ターミナルを開いてください ターミナルで node と打って Enter を押すと このような記号が表示されます このような記号が表示されれば Node のインストールは成功しています Ctrl + D を押すと Node の実行が終了します また npm と打つと このように Node の パッケージマネージャーが実行できます npm コマンドを使用する事で さまざまな便利なパッケージを インストールする事が可能です それではこのコースで使用する HTTP サーバーモジュールの インストールをしましょう sudo npm install -g http -server と入力して Enter を押してください パスワードの入力が 求められるかもしれません インストールが完了しました Windows 環境の方は先頭の sudo というコマンドは不要です npm から始めてください HTTP サーバーを ローカル環境で起動するためには http -server それから .(ドット)と打って コマンドを実行すれば大丈夫です 1番目のパラメーターが ドキュメントルートの指定になりますので こうすれば カレントディレクトリが ドキュメントルートとして 指定されたことになります ブラウザを見てみましょう ブラウザから localhost:8080 と打って Enter を押します このようにカレントディレクトリである ユーザーのホームディレクトリの内容が 表示されました template.html を 表示してみましょう このように HTML が表示されました サーバーの実行を停止するには Ctrl + C キーを押します このレッスンでは HTML5 アプリケーションの開発に利用する Node.js のセットアップ方法について 説明しました

HTML5手習い

このコースではHTML5 APIを中心に、HTML5でのプログラミングについて学びます。HTTPや文字コード、バイナリデータやアニメーションの原理など実際のアプリケーション開発で必要となる基本的な知識を学びます。HTML5 Canvasを中心として、Web APIとの通信やWebフォントなどWebプログラミングで必要な技術を習得します。

6時間01分 (44 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
プラン加入者限定
発売日:2015年04月22日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。