Soumettre la recherche
Mettre en ligne
Gruntの罪と罰
•
19 j'aime
•
2,413 vues
kamiyam .
Suivre
2014.04.26 GruntFrontOsaka Vol.1
Lire moins
Lire la suite
Formation
Affichage du diaporama
Signaler
Partager
Affichage du diaporama
Signaler
Partager
1 sur 56
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
早く家へ帰るための Grunt入門 [+gulp紹介]
早く家へ帰るための Grunt入門 [+gulp紹介]
Masayuki Maekawa
最近流行りのビルドツールとは
最近流行りのビルドツールとは
Takahiro Maki
Reactとbabelで簡易タスク管理ツール作ってみた
Reactとbabelで簡易タスク管理ツール作ってみた
Tsuyoshi Maeda
2021 01-25 lt sho kato
2021 01-25 lt sho kato
katosho1
Grunt入門
Grunt入門
Tsuyoshi Maeda
Babelで先取り次世代javascript
Babelで先取り次世代javascript
Tsuyoshi Maeda
Sflt17 meteorではじめる最速ウェブアプリ開発
Sflt17 meteorではじめる最速ウェブアプリ開発
Hironao Sekine
仮想マシンを使った開発環境の簡単共有方法
仮想マシンを使った開発環境の簡単共有方法
Hideo Takahashi
Recommandé
早く家へ帰るための Grunt入門 [+gulp紹介]
早く家へ帰るための Grunt入門 [+gulp紹介]
Masayuki Maekawa
最近流行りのビルドツールとは
最近流行りのビルドツールとは
Takahiro Maki
Reactとbabelで簡易タスク管理ツール作ってみた
Reactとbabelで簡易タスク管理ツール作ってみた
Tsuyoshi Maeda
2021 01-25 lt sho kato
2021 01-25 lt sho kato
katosho1
Grunt入門
Grunt入門
Tsuyoshi Maeda
Babelで先取り次世代javascript
Babelで先取り次世代javascript
Tsuyoshi Maeda
Sflt17 meteorではじめる最速ウェブアプリ開発
Sflt17 meteorではじめる最速ウェブアプリ開発
Hironao Sekine
仮想マシンを使った開発環境の簡単共有方法
仮想マシンを使った開発環境の簡単共有方法
Hideo Takahashi
20150523
20150523
Toshihiro Suzuki
capybara で快適なテスト生活を
capybara で快適なテスト生活を
Ryunosuke SATO
後期第二回ネットワークチーム講座資料
後期第二回ネットワークチーム講座資料
densan_teacher
Nodeにしましょう
Nodeにしましょう
Yuzo Hebishima
FirebaseとNuxtでLPを作って見た
FirebaseとNuxtでLPを作って見た
Kenjiro Kubota
Ember コミュニティとわたし
Ember コミュニティとわたし
Ryunosuke SATO
NorikraのJVMチューンで苦労している話
NorikraのJVMチューンで苦労している話
SATOSHI TAGOMORI
Clrh 110827 wfho
Clrh 110827 wfho
Tomoyuki Obi
誰でも出来るローカル開発環境の作り方
誰でも出来るローカル開発環境の作り方
666oh666
LocalStack
LocalStack
chibochibo
MobingiALM でスポットインスタンスをいい感じに手なづけている裏側の話 / How to manage EC2 Spot Instances
MobingiALM でスポットインスタンスをいい感じに手なづけている裏側の話 / How to manage EC2 Spot Instances
Masafumi Noguchi
Node.jsでサーバプログラマ デビューしよう
Node.jsでサーバプログラマ デビューしよう
Yuusuke Takeuchi
レガシーなアプリにWeb apiを実装してなみだ目になったのでちょっといろいろ教えてください
レガシーなアプリにWeb apiを実装してなみだ目になったのでちょっといろいろ教えてください
Isamu Suzuki
JasmineによるJavascriptテスト駆動開発
JasmineによるJavascriptテスト駆動開発
Yoichi Toyota
Async DeepDive basics
Async DeepDive basics
Kouji Matsui
Node.jsで使えるファイルDB"NeDB"のススメ
Node.jsで使えるファイルDB"NeDB"のススメ
Isamu Suzuki
fukinfra Vol3 LT 20120629
fukinfra Vol3 LT 20120629
学 松崎
Data Engineering at VOYAGE GROUP #jawsdays
Data Engineering at VOYAGE GROUP #jawsdays
Kenta Suzuki
HTML5-20100626
HTML5-20100626
Taku AMANO
【PlayCanvas×NCMB 勉強会+ハンズオン】HTML5ゲームにバックエンド機能をらくらく追加!ハンズオン(2017/09/05講演)
【PlayCanvas×NCMB 勉強会+ハンズオン】HTML5ゲームにバックエンド機能をらくらく追加!ハンズオン(2017/09/05講演)
PlayCanvas運営事務局
Grunt.jsを使った Expressの開発環境構築
Grunt.jsを使った Expressの開発環境構築
kamiyam .
JavaScriptトレンド総括(2014)
JavaScriptトレンド総括(2014)
VOYAGE GROUP
Contenu connexe
Tendances
20150523
20150523
Toshihiro Suzuki
capybara で快適なテスト生活を
capybara で快適なテスト生活を
Ryunosuke SATO
後期第二回ネットワークチーム講座資料
後期第二回ネットワークチーム講座資料
densan_teacher
Nodeにしましょう
Nodeにしましょう
Yuzo Hebishima
FirebaseとNuxtでLPを作って見た
FirebaseとNuxtでLPを作って見た
Kenjiro Kubota
Ember コミュニティとわたし
Ember コミュニティとわたし
Ryunosuke SATO
NorikraのJVMチューンで苦労している話
NorikraのJVMチューンで苦労している話
SATOSHI TAGOMORI
Clrh 110827 wfho
Clrh 110827 wfho
Tomoyuki Obi
誰でも出来るローカル開発環境の作り方
誰でも出来るローカル開発環境の作り方
666oh666
LocalStack
LocalStack
chibochibo
MobingiALM でスポットインスタンスをいい感じに手なづけている裏側の話 / How to manage EC2 Spot Instances
MobingiALM でスポットインスタンスをいい感じに手なづけている裏側の話 / How to manage EC2 Spot Instances
Masafumi Noguchi
Node.jsでサーバプログラマ デビューしよう
Node.jsでサーバプログラマ デビューしよう
Yuusuke Takeuchi
レガシーなアプリにWeb apiを実装してなみだ目になったのでちょっといろいろ教えてください
レガシーなアプリにWeb apiを実装してなみだ目になったのでちょっといろいろ教えてください
Isamu Suzuki
JasmineによるJavascriptテスト駆動開発
JasmineによるJavascriptテスト駆動開発
Yoichi Toyota
Async DeepDive basics
Async DeepDive basics
Kouji Matsui
Node.jsで使えるファイルDB"NeDB"のススメ
Node.jsで使えるファイルDB"NeDB"のススメ
Isamu Suzuki
fukinfra Vol3 LT 20120629
fukinfra Vol3 LT 20120629
学 松崎
Data Engineering at VOYAGE GROUP #jawsdays
Data Engineering at VOYAGE GROUP #jawsdays
Kenta Suzuki
HTML5-20100626
HTML5-20100626
Taku AMANO
【PlayCanvas×NCMB 勉強会+ハンズオン】HTML5ゲームにバックエンド機能をらくらく追加!ハンズオン(2017/09/05講演)
【PlayCanvas×NCMB 勉強会+ハンズオン】HTML5ゲームにバックエンド機能をらくらく追加!ハンズオン(2017/09/05講演)
PlayCanvas運営事務局
Tendances
(20)
20150523
20150523
capybara で快適なテスト生活を
capybara で快適なテスト生活を
後期第二回ネットワークチーム講座資料
後期第二回ネットワークチーム講座資料
Nodeにしましょう
Nodeにしましょう
FirebaseとNuxtでLPを作って見た
FirebaseとNuxtでLPを作って見た
Ember コミュニティとわたし
Ember コミュニティとわたし
NorikraのJVMチューンで苦労している話
NorikraのJVMチューンで苦労している話
Clrh 110827 wfho
Clrh 110827 wfho
誰でも出来るローカル開発環境の作り方
誰でも出来るローカル開発環境の作り方
LocalStack
LocalStack
MobingiALM でスポットインスタンスをいい感じに手なづけている裏側の話 / How to manage EC2 Spot Instances
MobingiALM でスポットインスタンスをいい感じに手なづけている裏側の話 / How to manage EC2 Spot Instances
Node.jsでサーバプログラマ デビューしよう
Node.jsでサーバプログラマ デビューしよう
レガシーなアプリにWeb apiを実装してなみだ目になったのでちょっといろいろ教えてください
レガシーなアプリにWeb apiを実装してなみだ目になったのでちょっといろいろ教えてください
JasmineによるJavascriptテスト駆動開発
JasmineによるJavascriptテスト駆動開発
Async DeepDive basics
Async DeepDive basics
Node.jsで使えるファイルDB"NeDB"のススメ
Node.jsで使えるファイルDB"NeDB"のススメ
fukinfra Vol3 LT 20120629
fukinfra Vol3 LT 20120629
Data Engineering at VOYAGE GROUP #jawsdays
Data Engineering at VOYAGE GROUP #jawsdays
HTML5-20100626
HTML5-20100626
【PlayCanvas×NCMB 勉強会+ハンズオン】HTML5ゲームにバックエンド機能をらくらく追加!ハンズオン(2017/09/05講演)
【PlayCanvas×NCMB 勉強会+ハンズオン】HTML5ゲームにバックエンド機能をらくらく追加!ハンズオン(2017/09/05講演)
Similaire à Gruntの罪と罰
Grunt.jsを使った Expressの開発環境構築
Grunt.jsを使った Expressの開発環境構築
kamiyam .
JavaScriptトレンド総括(2014)
JavaScriptトレンド総括(2014)
VOYAGE GROUP
Azure Functions 入門
Azure Functions 入門
jz5 MATSUE
モダンJavaScript環境構築一歩目
モダンJavaScript環境構築一歩目
大樹 小倉
2016/12/17 ASP.NET フロントエンドタスク入門
2016/12/17 ASP.NET フロントエンドタスク入門
miso- soup3
Javaで1から10まで書いた話(sanitized)
Javaで1から10まで書いた話(sanitized)
Tokuhiro Matsuno
C# CloudScript Azure Functions との連携
C# CloudScript Azure Functions との連携
YutoNishine
プロビジョニングの今 ーフルマネージド・サービスを目指してー #cmdevio2016 #E
プロビジョニングの今 ーフルマネージド・サービスを目指してー #cmdevio2016 #E
Shuji Watanabe
Devfes kyoto2017
Devfes kyoto2017
Satomi Tsujita
jsCafe v13 Grunt
jsCafe v13 Grunt
Shinya Sugo
Linux & Mac OS でも動く! ~ オープンソース & クロスプラットフォーム .NET の歩き方 ~
Linux & Mac OS でも動く! ~ オープンソース & クロスプラットフォーム .NET の歩き方 ~
Akira Inoue
SPA×Auth0
SPA×Auth0
春奈 岡
たのしいNode.js
たのしいNode.js
ishiki-takai
試して学べるクラウド技術! OpenShift
試して学べるクラウド技術! OpenShift
Etsuji Nakai
Gruntを導入しよう!の話
Gruntを導入しよう!の話
Koji Nakamura
JavaScriptと共に歩いて行く決意をした君へ
JavaScriptと共に歩いて行く決意をした君へ
Muyuu Fujita
Gruntでjava script前作業の自動化!
Gruntでjava script前作業の自動化!
Tanaka Yuichi
Play jjug2012spring
Play jjug2012spring
Takafumi Ikeda
ビルド職人の朝は早い
ビルド職人の朝は早い
Masashi MATSUI
Laravel 5.1 LTSでサービスを作る
Laravel 5.1 LTSでサービスを作る
infinite_loop
Similaire à Gruntの罪と罰
(20)
Grunt.jsを使った Expressの開発環境構築
Grunt.jsを使った Expressの開発環境構築
JavaScriptトレンド総括(2014)
JavaScriptトレンド総括(2014)
Azure Functions 入門
Azure Functions 入門
モダンJavaScript環境構築一歩目
モダンJavaScript環境構築一歩目
2016/12/17 ASP.NET フロントエンドタスク入門
2016/12/17 ASP.NET フロントエンドタスク入門
Javaで1から10まで書いた話(sanitized)
Javaで1から10まで書いた話(sanitized)
C# CloudScript Azure Functions との連携
C# CloudScript Azure Functions との連携
プロビジョニングの今 ーフルマネージド・サービスを目指してー #cmdevio2016 #E
プロビジョニングの今 ーフルマネージド・サービスを目指してー #cmdevio2016 #E
Devfes kyoto2017
Devfes kyoto2017
jsCafe v13 Grunt
jsCafe v13 Grunt
Linux & Mac OS でも動く! ~ オープンソース & クロスプラットフォーム .NET の歩き方 ~
Linux & Mac OS でも動く! ~ オープンソース & クロスプラットフォーム .NET の歩き方 ~
SPA×Auth0
SPA×Auth0
たのしいNode.js
たのしいNode.js
試して学べるクラウド技術! OpenShift
試して学べるクラウド技術! OpenShift
Gruntを導入しよう!の話
Gruntを導入しよう!の話
JavaScriptと共に歩いて行く決意をした君へ
JavaScriptと共に歩いて行く決意をした君へ
Gruntでjava script前作業の自動化!
Gruntでjava script前作業の自動化!
Play jjug2012spring
Play jjug2012spring
ビルド職人の朝は早い
ビルド職人の朝は早い
Laravel 5.1 LTSでサービスを作る
Laravel 5.1 LTSでサービスを作る
Plus de kamiyam .
Socket.ioとBabylonJSで作ったIoT的ななにか
Socket.ioとBabylonJSで作ったIoT的ななにか
kamiyam .
Managing multi-package repositories
Managing multi-package repositories
kamiyam .
TypeScript + Express
TypeScript + Express
kamiyam .
プラベワークのススメ
プラベワークのススメ
kamiyam .
kyoto.js13
kyoto.js13
kamiyam .
HomeKitとNode.jsを使ってSiriでコントロールするなにか
HomeKitとNode.jsを使ってSiriでコントロールするなにか
kamiyam .
Kinectを使った インタラクティブコンテンツを作った話
Kinectを使った インタラクティブコンテンツを作った話
kamiyam .
Node.jsでKinectを触ろうとして色々しくじった話
Node.jsでKinectを触ろうとして色々しくじった話
kamiyam .
ヒカ☆ラボ@Osaka NodeBotsハンズオン
ヒカ☆ラボ@Osaka NodeBotsハンズオン
kamiyam .
Node.js をさりげなく取り入れた 最近のフロントエンド事情について
Node.js をさりげなく取り入れた 最近のフロントエンド事情について
kamiyam .
JavaScript Performance 20160723
JavaScript Performance 20160723
kamiyam .
JavaScriptが魅せる新たな世界
JavaScriptが魅せる新たな世界
kamiyam .
WordBench Osaka #48 About Calypso
WordBench Osaka #48 About Calypso
kamiyam .
Async Enhancement
Async Enhancement
kamiyam .
はじめてのVue.js
はじめてのVue.js
kamiyam .
Node.jsで始める Modern JavaScript Framework
Node.jsで始める Modern JavaScript Framework
kamiyam .
Scalable Node.js with Redis Store
Scalable Node.js with Redis Store
kamiyam .
Node.js勉強会 Framework Koa
Node.js勉強会 Framework Koa
kamiyam .
知っているつもりで実は知らない 拾う技術捨てる技術
知っているつもりで実は知らない 拾う技術捨てる技術
kamiyam .
PhpStormとGrunt.jsで作るCakePHP快適開発環境
PhpStormとGrunt.jsで作るCakePHP快適開発環境
kamiyam .
Plus de kamiyam .
(20)
Socket.ioとBabylonJSで作ったIoT的ななにか
Socket.ioとBabylonJSで作ったIoT的ななにか
Managing multi-package repositories
Managing multi-package repositories
TypeScript + Express
TypeScript + Express
プラベワークのススメ
プラベワークのススメ
kyoto.js13
kyoto.js13
HomeKitとNode.jsを使ってSiriでコントロールするなにか
HomeKitとNode.jsを使ってSiriでコントロールするなにか
Kinectを使った インタラクティブコンテンツを作った話
Kinectを使った インタラクティブコンテンツを作った話
Node.jsでKinectを触ろうとして色々しくじった話
Node.jsでKinectを触ろうとして色々しくじった話
ヒカ☆ラボ@Osaka NodeBotsハンズオン
ヒカ☆ラボ@Osaka NodeBotsハンズオン
Node.js をさりげなく取り入れた 最近のフロントエンド事情について
Node.js をさりげなく取り入れた 最近のフロントエンド事情について
JavaScript Performance 20160723
JavaScript Performance 20160723
JavaScriptが魅せる新たな世界
JavaScriptが魅せる新たな世界
WordBench Osaka #48 About Calypso
WordBench Osaka #48 About Calypso
Async Enhancement
Async Enhancement
はじめてのVue.js
はじめてのVue.js
Node.jsで始める Modern JavaScript Framework
Node.jsで始める Modern JavaScript Framework
Scalable Node.js with Redis Store
Scalable Node.js with Redis Store
Node.js勉強会 Framework Koa
Node.js勉強会 Framework Koa
知っているつもりで実は知らない 拾う技術捨てる技術
知っているつもりで実は知らない 拾う技術捨てる技術
PhpStormとGrunt.jsで作るCakePHP快適開発環境
PhpStormとGrunt.jsで作るCakePHP快適開発環境
Dernier
東京工業大学 環境・社会理工学院 建築学系 大学院入学入試・進学説明会2024_v2
東京工業大学 環境・社会理工学院 建築学系 大学院入学入試・進学説明会2024_v2
Tokyo Institute of Technology
ゲーム理論 BASIC 演習105 -n人囚人のジレンマモデル- #ゲーム理論 #gametheory #数学
ゲーム理論 BASIC 演習105 -n人囚人のジレンマモデル- #ゲーム理論 #gametheory #数学
ssusere0a682
TokyoTechGraduateExaminationPresentation
TokyoTechGraduateExaminationPresentation
YukiTerazawa
ゲーム理論 BASIC 演習106 -価格の交渉ゲーム-#ゲーム理論 #gametheory #数学
ゲーム理論 BASIC 演習106 -価格の交渉ゲーム-#ゲーム理論 #gametheory #数学
ssusere0a682
UniProject Workshop Make a Discord Bot with JavaScript
UniProject Workshop Make a Discord Bot with JavaScript
yuitoakatsukijp
The_Five_Books_Overview_Presentation_2024
The_Five_Books_Overview_Presentation_2024
koheioishi1
生成AIの回答内容の修正を課題としたレポートについて:お茶の水女子大学「授業・研究における生成系AIの活用事例」での講演資料
生成AIの回答内容の修正を課題としたレポートについて:お茶の水女子大学「授業・研究における生成系AIの活用事例」での講演資料
Takayuki Itoh
Dernier
(7)
東京工業大学 環境・社会理工学院 建築学系 大学院入学入試・進学説明会2024_v2
東京工業大学 環境・社会理工学院 建築学系 大学院入学入試・進学説明会2024_v2
ゲーム理論 BASIC 演習105 -n人囚人のジレンマモデル- #ゲーム理論 #gametheory #数学
ゲーム理論 BASIC 演習105 -n人囚人のジレンマモデル- #ゲーム理論 #gametheory #数学
TokyoTechGraduateExaminationPresentation
TokyoTechGraduateExaminationPresentation
ゲーム理論 BASIC 演習106 -価格の交渉ゲーム-#ゲーム理論 #gametheory #数学
ゲーム理論 BASIC 演習106 -価格の交渉ゲーム-#ゲーム理論 #gametheory #数学
UniProject Workshop Make a Discord Bot with JavaScript
UniProject Workshop Make a Discord Bot with JavaScript
The_Five_Books_Overview_Presentation_2024
The_Five_Books_Overview_Presentation_2024
生成AIの回答内容の修正を課題としたレポートについて:お茶の水女子大学「授業・研究における生成系AIの活用事例」での講演資料
生成AIの回答内容の修正を課題としたレポートについて:お茶の水女子大学「授業・研究における生成系AIの活用事例」での講演資料
Gruntの罪と罰
1.
Gruntの罪と罰 Grunt Front Osaka
vol.1 2014.4.26
2.
自己紹介 • かみやん (Twitter@kamiyam) http://nantokaworks.com •
Engineer • 主にJavaScriptでお仕事をしている人 • ボルダリング/人狼/カメラ/自動車
3.
What is Grunt?
4.
Gruntを使う理由 • タスクランナー • 自動化 •
作業時間の短縮
5.
Grunt is Task
Tool
6.
フロントエンドだけで タスクは終わるものではない
7.
サーバサイドにも タスクは多数存在する
8.
Node.js、Ruby PHP(WordPress・CakePHP) etc...
9.
フレームワーク、CMSを Grunt で使う時の考え方
10.
• APIのレスポンスを展開する テンプレートファイルのJS化 • サーバスクリプトの実行
11.
• サーバサイドとのReverseProxy 連携用サーバ (LiveReload前提) •
ViewファイルのwatchとLiveReload
12.
テンプレート化された フォルダ構成などで使うと 最大の効果を発揮する
13.
• 会社のプロジェクトテンプレート • フレームワーク •
Yeomen
14.
プロジェクト初期から導入
15.
大人数でタスクが共用できる
16.
オレオレGruntfile
17.
Grunt Weekly https://twitter.com/gruntweekly
18.
Grunt からシェルコマンドが 実行できる
19.
• grunt-exec • grunt-shell grunt
からのコマンド実行
20.
Grunt で "大体のことが出来る"ようになる
21.
grunt全能感
22.
"大体のことが出来る” のですべて grunt でやってしまおうとする
23.
• データベースの起動 • git連携 飽くなき自動化への欲求
24.
grunt は便利
25.
確かにこれは揺るぎない事実
26.
正直、grunt を使わないと 仕事にならないぐらい
27.
grunt の罪
28.
積み重なるTaskの設定
29.
タスクを解消するために 新たなタスクを作る結果に
30.
スポットのコーディングで 気が付くとGruntfile.js の設定を 作りはじめてしまう
31.
grunt 依存
32.
じ、じゃあこれ、bower と 連携すれば一層便利になるはず・・・
33.
grunt-bower-task・・・
34.
コストとの効率の 程よいバランスが必要
35.
grunt の罪
36.
タスクツールは以前から存在して いたが Node.js の柔軟さが受け入 れられ広く使われる事になった
37.
ツールとしての賞味期限
38.
先行しているツールである分、 変化も大きい 例えばv0.3 -> v0.4
39.
v0.5 も登場する このあたりの変化が大きい フレームワークは Roadmap がとても重要
40.
gruntを選択する理由
41.
個人的には使うフレームワークが gruntを使っているから使う というスタンス
42.
便利である分 後追いで色々なツールも 登場している
43.
Grunt vs gulp?
44.
gulp
45.
「Gruntに置き換わるか?新生ビルドシ ステム「gulp」v3.5.2入門」 http://re-dzine.net/2014/02/getting- started-with-gulp/
46.
「タスクランナーgulp最速入門」 http://d.hatena.ne.jp/anatoo/ 20140420/1397995711
47.
gulp Weekly https://twitter.com/GulpWeekly
48.
工程の問題ではない
49.
早く成果物が上がる方を 選べば良いと思います
50.
(個人的に)Sails.jsが gulpに変わったら乗換え(ry)
51.
フロントエンドの livereload とcompile程度なら middlemanを薦めている。
52.
Middleman
53.
手作業では再現出来ない環境を 構築するときなどで使うとよい
54.
grunt-throttle
55.
まとめ • Webの人全てに関わる • やった分は楽になる •
ただしコストとのバランス大事
56.
ご清聴ありがとうございました
Télécharger maintenant