webpack で始めるイマドキのフロントエンド開発 - Qiita
webpack とは webpack は WebApp に必要なリソースの依存関係を解決し、アセット（配布物）を生成するビルドツール（要するにコンパイラ）です。JavaScript だけでなく、CoffeeScript や TypeScript、CSS 系、画像ファイルなどを扱うことができます。 WebApp のビルドツールは Grunt や Gulp が有名です。これらは基本的に、ビルド手順をタスクという形で自ら定義する必要があり、フロントエンド開発に馴染みのない開発者にとっては敷居が高いものでした（少なくとも、自分はそうでした）。 webpack を使えば、Grunt も Gulp も必要ありません！覚えるべきことはほとんどありません。（必要なら）簡単な設定ファイルを書いて webpack コマンドを実行するだけです。 以下では基本的な使い方を見ていきます。 ※もちろん Grunt/G
もうgulpで憔悴しない - 低依存gulpfileのレシピ - Qiita
【追記150805】さらに憔悴しないための有用な記事『アカベコマイリ | gulp なしの Web フロントエンド開発』が掲載されましたので、こちらもお勧めします。 こんにちは、@armorik83です。皆さん、Grunt / gulp使ってますか。おなじみなので、ここでは説明はしません。 この記事の要点 なぜGrunt / gulpは憔悴に至るのか、経緯と問題点 npm run-scriptの仕組みについて package.jsonにscriptを羅列することに対する是非 シンプルなgulpfileについての提言 経緯 さて、先日このような記事が界隈で広まっていました。 Grunt/Gulpで憔悴したおっさんの話 この記事については同意できるところと、そうでもないところと、両方有りました。ただ、Grunt / gulpを使っていて色々歯がゆさを感じている方は昨今増えているだろうと感じます
ようやくasset pipelineを使うように - ただのにっき(2015-03-27)
■ ようやくasset pipelineを使うように React.jsをまじめに使おうと思ったら、いままで逃げまわってきたasset pipeline的なものをちゃんとしないといろいろ不便なことが判明したので、寄り道してそっちをなんとかしよう……と関連文書を漁っていたタイミングでこんな記事を読んだ: Grunt/Gulpで憔悴したおっさんの話 - MOL いやもう、ほんまこれ。JavaScript環境の調べ物をしていると、ほとんど同じ時期なのにGrunt使ってる人たちとGulp使ってる人たちが混在していて、これらにnpm、bower、Browserifyなんて単語が加わって組み合わせが爆発する。開発の本質とは関係ないツールの流行に振り回されすぎだっつーの。開発が本業ならまだしも、趣味や研究でプログラミングする人にとって、こんなのいちいち追いかけてたらいつまでたっても本題に取り掛かれないよ。
Grunt/Gulpで憔悴したおっさんの話 | MOL
先人たちが1年前に通った道で、いろいろいまさらかよって話なんですが。基本的に以下の記事読んだら分かります。要はGulpとかGruntといったモノ使わずにnpm run hogehogeでビルドしよーぜって話です。 task automation with npm run オレ的Gruntに対する最新の気持ち - from scratch Node - npm で依存もタスクも一元化する How to Use npm as a Build Tool // package.json "scripts": { "start": "npm run start-serve & npm run watch", "test": "stylestats public/files/css/maple.css", "start-serve": "browser-sync start --server publ
gulp.jsを使ってフロントエンドのビルドをする【webpack, stylus】 - yutaponのブログ
この記事はIwate Developers Advent Calendar 2014の6日目の記事です。 Iwate Developers Advent Calendar 2014 - Qiita 記事の内容はというと、岩手にまったく関係ありません。 学生の頃はフロントエンドを軽視してクソコードを量産していたので、今の学生の方にこんな風に作り始めるといいよって紹介する感じで書きたいと思います。 はじめに 昨今のフロントエンド開発はとにかく複雑になってきていて、学習コストが半端なくなってきてます。 angularとかbackbone.jsとか、最近ではreact+fluxなど、トレンドの移り変わりが激しいです。 またGruntやgulp.jsなどのタスクランナーの活用がフロントエンドでは欠かせなくなっていて、使ってないなら今すぐ導入すべき、とも言えます。 最近gulp.jsを使っていて、gu
Gulp入門 - コーディングを10倍速くする
2014/9/12に行われた週末ランサーズでのGulpハンズオンで使用したスライドです。 LIGブログでこの内容をさらにまとめています。 http://liginc.co.jp/web/tutorial/117900
gulp 入門 - tmlife
gulp の使い方についてのメモです. 導入について最小限にまとめました. gulp はもう分かったよって方はこちらもどうぞ coming soon coming soon coming soon coming soon gulp とは 公式によると The streaming build system ストリーミングビルドシステム. ピンとこないですねw ざっくりと言うと, grunt と同じようなタスク自動化ツールです. Links Official Github grunt と何が違うの? grunt は基本的に JSON でタスクを指定していく形式なのに対し, gulp は node.js の stream という仕組みを使っており, A をやった後 B をやって... といった形でタスクをつなげていく形でタスクを実行することができます. 小さなプロジェクトでは, grunt
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
