SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

はじめてのgulp

まずは「gulp」を動かしてみよう! ~セットアップとはじめてのタスク実行

はじめてのgulp 第1回


  • X ポスト
  • このエントリーをはてなブックマークに追加

Node.jsのインストール

 gulp.jsを動かすには、環境として「Node.js」が必要です。インストール済みであれば、次の節に進んでください。入っているか自信がない場合は、ターミナルから次のコマンドで確認できます。

$ node -v

 インストールされていればNode.jsのバージョン番号が、そうでなければ-bash: node: command not foundなどと表示されます。バージョンが旧い場合は、Node.jsを再インストールしましょう。なお、執筆現在の最新版はv0.10.30です。

 Node.jsをインストールするには、http://nodejs.org/にアクセスします。

Node.jsのWebサイト
Node.jsのWebサイト

 

 [INSTALL]ボタンをクリックすると、インストーラのダウンロードが始まります。ダウンロードが完了したら、インストールファイルをダブルクリックしてください。画面の指示に従っていけば、インストールが完了します。

Node.jsのインストール
Node.jsのインストール

 

-gオプションとsudo
 Node.js公式インストーラを使った場合、-gオプションを使うには、sudoの必要があります。オンラインに公開されている情報ではsudoが書かれていないケースが多いので、注意が必要です。  なお、Macでも「nodebrew」を使ってインストールした場合は、いちいちsudoしなくてOKです。gulp.js以外でも本格的にNode.jsを使うようなら、nodebrewを使いましょう。

 

gulpのインストール

 gulpは、ターミナルからnpmコマンドを使ってインストールします(npmはNode.jsのパッケージマネージャです)。

$ sudo npm install -g gulp

 -gオプションは、グローバルインストールを意味します。これで、gulpコマンドがどこからでも実行できるようになっているはずです。次のコマンドを試してみましょう。

$ gulp -v

 これを実行すると、次のようにCLILocalの2つのバージョンが表示されます。

[16:13:54] CLI version 3.8.6
[16:13:54] Local version undefined

 後者がundefinedになっているのは、現在のフォルダにgulp.jsがまだインストールされていないためです。実際には、CLIバージョンはローカルのgulp.jsをキックするだけなので、この後の手順でgulpのローカル環境を整えていきましょう。

グローバルとローカル

 Node.jsに慣れていないと、「ローカル」という考え方に最初戸惑うかもしれません。Node.jsでは、-gオプションを付けずにインストールをすると、作業中の「ローカル」フォルダ内にモジュールが保存されます(node_modulesフォルダ)。この方法で、ローカルにインストールされたモジュールは、他のフォルダからは使うことができません。

$ npm install gulp-concat --save-dev

 このコマンドを実行するとpackage.json内のdevDependenciesgulp-concatが追加されます。本文中(次ページ)のように、package.jsonに手動で書き込んだ後に、npm installした場合と結果としては同等です。

 対して、-gオプション付きでインストールしたgulpコマンドなどは、どこからでも(グローバルに)使うことができます。

次のページ
必要なプラグインはpackage.jsonに書く

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
この記事の著者

河村 奨(カワムラ ツトム)

プログラマ、兼デザイナ。オープンソース活動に関わる中で「下北沢オープンソースCafe」を2011年オープン。以後、子供向けのプログラミング道場「CoderDojo」をアジアで初めて開くなど、カフェを拠点とした活動多数。ソーシャル図書館サービスの「リブライズ」共同設立者、コワーキング協同組合理事ほか。

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/7992 2014/08/29 15:27

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング