gulp+Handlebars.jsで静的htmlを作る - Qiita
※（追記） 2017年に投稿した記事なので 「当時はコレで動きました。」 という話です。 ※ これからgulpの本格導入を考えてる場合は、アテにしない方が良いかもです。 ※（追記） gulp4.0.2でタスクを書く場合は、こちらもご参照下さい。 https://qiita.com/DaisukeNishi/items/625419cf6ad36993a7f2 はじめに。 IDOMアドベントカレンダー（12日目）に投稿しています。 https://qiita.com/advent-calendar/2017/idom-engineer 初心者向け、gulp+Handlebars.jsを使って効率的に静的なhtmlを作る方法を書きます。 序盤の初期設定などは、既にnpmをお使いの皆さんはご存知かと思いますので、 飛ばして読んだ方が良いかなと思います。（また、Macでの制作前提です。） えっ？イ
gulp v4.0.0がプレリリース！ 移行方法と変更点まとめ
gulp v4.0.0がプレリリース！ 移行方法と変更点まとめ 2018年1月8日 ※この記事は2018年1月8日に公開しましたが、2020年9月14日に内容をメンテナンスしています。 gulp 2018年1月1日に、gulp v4.0.0がプレリリースされました。この記事では、gulp v4への移行方法と、主な変更点をいくつか紹介します。 gulp v4への移行方法 まず、gulp v3からv4への移行方法について説明します。 gulpのグローバルインストール グローバルインストールされているgulp v3を削除して、gulp v4をグローバルインストールします。 $ npm rm -g gulp $ npm install -g gulp-cli 参照：Quick Start | gulp.js gulpのローカルインストール ローカルインストールされているgulp v3を削除して、g
[gulp] 本番環境と開発環境を分岐するgulp-mode | バシャログ。
こんにちは、ishidaです。 2年前に半年かけておとした体重が見事にもとに戻りました。 新陳代謝がきっとすげー落ちているんだよ。そうなんだよ。はい。 今回はnpmの紹介です。 開発時と本番時で処理を変更したくなったことはありませんか？ このパッケージではgulpにて開発時と本番時のタスクを簡単に切り分けられます。 本番時 本番時にJSファイルをminifyしてみましょう。 var gulp = require('gulp'); var mode = require('gulp-mode')({ modes: ["production", "development"], default: "development", verbose: false }); var uglify = require('gulp-uglify'); gulp.task('default', function()
![[gulp] 本番環境と開発環境を分岐するgulp-mode | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/294ca83069b165921e9cb3cee0abe51a49c5b779/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_gulp.png)
Web サイト作るお仕事をしている人向け gulp で作るフロントエンド開発環境
Web サイト作るお仕事をしている人向け gulp で作るフロントエンド開発環境 フロントエンドの開発を色々と捗らせてくれる gulp について、ここ最近、私が利用しているパッケージの紹介を中心に、主に Web サイトを制作するお仕事をしている方に向けた、なるべくわかりやすい解説としてまとめてみました。 gulp v4 が正式リリースされたため、本記事で紹介していた gulpfile.js ファイルの記述方法を v4 にあわせて修正しました。詳しくは 「gulp 4.0 が正式リリース、v3 からの移行に伴う gulpfile.js ファイルの修正点」 をご覧ください。 もう 4年くらい前になりますが Web デザイナーさん向けみたいな感じで、所謂 「黒い画面」 にあまり普段から慣れていない方向けの Grunt 導入記事を書いたんですけども、内容的にはもう古いし、Grunt いいよって紹介
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
