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

Gulp.jsをグローバルにインストールする

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

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
Gulp.jsのコマンドラインインターフェイスをグローバルにインストールして、ディレクトリにかかわらず使えるようにします。
講師:
04:29

字幕

このレッスンでは、Gulp をプロジェクトのディレクトリに関らずグローバルに使える様に、グローバルなインストールというのを行っていきます。まず、Gulp のサイトトップページなんですが非常にすっきりしていますね。この辺全くリンクがありません。ドメインは gulpjsこの間には「.」ありません。gulpjs の後に .com です。gulpjs.com ということでこのページが表示されます。上のリンクも三つだけですね。Docs、ドキュメントです。ドキュメントも非常にあっさりしているんですけれどもそれから Pluginsこれは Gulp の機能を拡張するためのものです。Plugins ということで、現在サーチに2500 以上引っかかってますね。Twitter は文字通りTwitter のツイートがありますので興味があればフォローしてみるのもいいでしょう。では、早速始めましょうということでTry it now のボタンを押します。そうすると、先ほどの Docs と同じページなんですけれどもGetting Started ということでどうやって始めるかというのがリストになって出ています。今回はこのインストールを行いたいと思います。 Global というのがディレクトリに関らずその環境で何処からでもGulp が使えるという設定になります。この通り打ち込んでもいいですけれども「コピー」してしまいましょう。先頭の「$」はこれプロンプトですからこれは要りません。予めコマンドラインツールで表示されています。コマンドラインツールとして「ターミナル」を開きました。ここに先ほどコピーしたコマンドをペーストします。そして、npmnode.js のモジュールとしてインストールしますのでnpm でストロークなります。gulp-clicommand line interface です。gulp のコマンドをこの command line interface で解釈をして実行するということになります。それから --globalこれがディレクトリに関らず何処からでも、gulp は呼び出されるという設定になります。そして、これで Enter を押すんですが恐らくエラーになりますね。管理者権限が求められるとこがあります。ここにありますけれどもthis command again as root//Administratorということになってますので管理者権限に移ります。 OS X の場合にはsudo というコマンドを先頭に置くと管理者権限というとことで実行されます。そして、先ほど入力したコマンドはそのまま使いますのでこういう時にはキーボードから上向き矢印を押すと先ほど入力したばかりのコマンドが出てきます。そして、先頭に行ってsudo ですね。それから--global と打ってもいいですし実はもっと簡単には-g という風にしてしまっても省略という形になります。では、これで実行してみましょう。Enter でパスワートを求められます。少し時間かかりますね。インストールが行われた様です。gulp-cli@1.2.1 という風にバージョンが常時されています。これはバージョンおくのプロンプトから確認することもできます。gulp-v というとこで勿論バージョン番号は一緒ですね。1.2.1 がちゃんとインストールされたということが確認できました。このレッスンではGulp をディレクトリに関らず使うためのグローバルなインストールについてご説明しました。その場合には npm でnpm installそしてグローバルは --globalそして、command line interface をみするgulp-cliこれをインストールすればいいそして、OS X の場合には管理者権限で先頭に sudo というコマンドを打つということも合わせてご説明をしました。

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

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

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

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

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

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