Gulp.jsを使ってWeb開発を効率化しよう

Node.jsをインストールする

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

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
Gulp.jsが使えるように、Node.jsと同梱のNPMをインストールします。
講師:
04:22

字幕

このれっすんではGulp を使うための環境としてNode.js をインストールしそこに同梱されている npmnode package manager が使えることを確認したいと思います。今依頼というのがNode.js のサイトです。ドメインは nodejs.org/en/であるんですけれどもこれは nodejs.org にアクセスすればEN に飛ばされます。バージョンは二つありまして6 のバージョンと 4 のバージョンです。勿論、6 のバージョンが最新の機能が使えるんですけれども4 のバージョンは現在 4.4.7 LTSこれは long time supportずっとサポートが続いているでいうことで多くのユーザにはこちらをお勧めしますということになっています。ですから、一番安定しているバージョンということになりますね。今回はお勧めのこのバージョンを使うことにします。では、インストールはこのダウンロードのボタンをクリックします。そうすると、インストールが始まりました。OS X の場合にはこの様にダウンロードされたパッケージ.pkg の拡張子のファイルが出てきます。或いはダウンロードされたフォルダがあるでしょうからそこから立ち上がっても結構です。 ここでは、ここままインストール始めてしまいましょう。クリックするとインストールがスタートします。基本的には「続ける」を押していけば結構です。ちょっと今待たされていますけれども「ソフトウェアの使用許諾契約」こちらは同意しなければなりません。後はインストールの準備は整いましたので「インストール」です。権限が要求されたらパスワートを入力します。そしてソフトウェアをインストールということでインストール自体はそれ程時間かかりません。これでできました。この node.js をインストールすると同梱で npmnode package manager が一緒にダウンロードされてインストールされます。これはクリックするとnpm のサイトが開きますけれどもコマンドラインで基本的に命令を入力していきます。コマンドラインを使うにはWindows の場合にはnode.js と一緒にコマンドプロンプトというアプリケーションが小さいアプリケーションですけれどもインストールされますのでそれを使えばいいでしょう。或いは、ご自分の好みのコマンドを入力できるツールがある場合にはそれを使いください。OS X の場合にはターミナルを使うのが簡単でしょう。 「アプリケーション」>「ユーティリティ」>「ターミナル」がありますのでこちらを起動します。コマンドラインツールは基本的にキーボードから命令を入力して様々な処理を行います。ここでは、インストールがちゃんと行われたかどうかということを確認したいと思います。現在のディレクトリはこれユーザのディレクトリなんですがtraner ということになっています。ここで入力しますけれどもインストールされたかどうかを確かめます。この時は、まずは node.js ですね。node ということで--version ということでバージョン番号が確かめられます。先ほど確認した通り「4.4.7」ですね。npm も同時にインストールされていますのでそちらも確認しまよう。npm(node package manager) の--version と打ってもいいんですが実はもっと短くできます。-v これで結構です。同じ意味になりますのでバージョン番号が確認できます。「2.15.8」ということでnpm もインストールされたことが確かめられました。gulp.js はこの node.js のモジュールとしてnpm でインストールすることになります。 このレッスンでは、Gulp を使う準備としてNode.js をインストールしそこに同梱されている npm がちゃんとインストールされたことを確認しました。

Gulp.jsを使ってWeb開発を効率化しよう

GulpはWeb開発におけるコンパイルやビルドを自動化してくれるタスクランナーツールです。モジュールやプラグインなどを使って、ビルド用のJavaScriptファイルでタスクを定義します。このコースではGulpとプラグインのインストール、タスクの定義や画像ファイルの圧縮、JavaScriptファイルの連結やSASSによるスタイルシートの生成などを学べます。

1時間48分 (23 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 2,990
発売日:2016年07月27日
再生時間:1時間48分 (23 ビデオ)

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

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

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