[B! Gulp] Kazuhiraのブックマーク

Gulp+Browserifyでsrc/**/*.jsをdist/**/*.jsにする | 高橋文樹.com | プログラミング

この投稿は 9年前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。どうでもいい話ですが、けっこうはまったので。最近のWebフロントエンド開発ではタスクランナー系の話題がわりと多く、僕もgruntからgulpに乗り換えて数ヶ月という感じなのですが、Browserifyを触っておいた方がいいのかなと思い、直近の趣味プロジェクトで採用してみました。 Browserifyってなに？そもそもなのですが、Browserifyというのはnodeのrequire('hogehoe')っていう依存関係解決機能をブラウザにも持ち込もうという試みですね。たとえばjQueryなんかでいうと、こんな感じになります。 $ = require('jquery'); $(document).ready(function(){ // 何かする }); requireを実

Kazuhira 2016/02/24

リンク

SLOBSERVER - L'actualité de Second Life

There are several aspects to consider when releasing a product or service into the market. With so much competition in all sectors, it might be hard for your product to stand out if you don't start by marketing it properly. Marketing, as well as how a user reacts to your product, is something that you should think of from the inception of your product to its launch. The Time to Market plays a sign

Kazuhira 2016/02/24

リンク

gulp と browserify と vinyl の話 - <body>

browserify の API が変わったので、この記事のコードのままでは動きません！ gulp で browserify しようとしたんだけど、色々ハマったので、ひとまずまとめておきたい。登場人物 gulp ちゃんフロントエンドのビルドエンジン。 grunt を馬鹿にしてる。 browserify ちゃん CommonJS スタイルの require をフロントエンドでも使えるようにする npm モジュール。調子に乗ってるけど webpack がきになる。 vinyl ちゃん npm 全般で使うオブジェクトの名前。モナドを感じる。俺がさっき知った。 gulp の仕組みそもそも gulp って、確かに grunt より短く書けるけど、具体的になにしてるのかよくわかんねーよ！って思ったので、まず、この短いコードから考えていきたい。 var gulp = require(

Kazuhira 2016/01/05

リンク

https://4uing.net/blog/gulp-package/

Kazuhira 2015/09/21

リンク

Browserify: それはrequire()を使うための魔法の杖 - Qiita

JavaScript界のハリーポッターこと「Browserify」が最近元気ですね。Node.js的な var myModule = require('myModule')式の記述が、ブラウザのスクリプトでも使えるようになって、ついでに1ファイルにまとめるのもやってくれるツールです。ポストRequireJSとして期待されています。ただ、公式ドキュメントがコマンドラインの説明に重点を置いていて、最初これだけだといまいち分かりにくい...。そこで、実際の開発で使いやすいように、ビルドツール(gulp.js)から実行するための最小構成を作ってみようかと思います。(Gruntでも同様のことは可能です) require!: Bowerも使えます対象のスクリプトの中身は、例えばこんな感じ。この例では、ModernizrとjQueryと、独自スクリプトを組み込んでいます。外部ファイルを指定するだけで