SlideShare a Scribd company logo
早く家へ帰るための

Grunt入門

[+gulp紹介]
前川 昌幸
The JavaScript Task Runner
Why use a task runner?
In one word: automation. The less work you have to do when
performing repetitive tasks like minification, compilation, unit
testing, linting, etc, the easier your job becomes. After you've
configured it, a task runner can do most of that mundane work
for you—and your team—with basically zero effort.
Why use a task runner?
一言で自動化。ミニファイ・コンパイル・ユニットテ
スト・文法チェックなどの細々とした作業を簡単に。
設定をしてしまえばタスクランナーが反復作業を基本
労力ゼロにできる。
今日の内容
•

Getting started

•

CSS Preprocessors/CSS Postprocessors

•

JavaScript Concat,Linting,Minify

•

Image Optimization

•

First Step
Getting started
Node.js環境
http://nodejs.org/
Node環境を用意していない人は
まずカレントバージョンを
Windowsの場合は
環境変数でパスを通しておいてください
https://www.npmjs.org/
Getting started
grunt-cliの導入
ターミナル/コマンドプロンプト
(sudo) npm install -g grunt-cli
grunt-cli
Gruntのコマンドラインインターフェース。
Grunt自体は各プロジェクトごとにインストール。
Getting started
プロジェクトの作成
プロジェクトの作成
CLIでディレクトリに
Getting started
ディレクトリ構成の決定(とりあえず)
※あくまで一例
さあGrunt!
の前に…
npm init
プロジェクトの諸情報を記録する
package.jsonを生成
ここにnpmパッケージ群を記録
共有ができるようになる
さあGrunt!
npm install grunt --save-dev
ほぼ必須
npm install grunt-contrib-connect
grunt-contrib-watch grunt-contrib-concat
--save-dev
•

grunt-contrib-connect:簡易サーバー機能

•

grunt-contrib-watch:ファイル更新の監視

•

grunt-contrib-concat:ファイルの結合
Getting started
Gruntfile.jsの作成
基本はココ…
http://gruntjs.com/getting-started#the-gruntfile
module.exports = function(grunt) {
// package.jsonの読み込み
grunt.initConfig({
pkg: grunt.file.readJSON('package.json')
});
!

// Grunt Plaginsの読み込み
grunt.loadNpmTasks('grunt-contrib-connect');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-contrib-concat');
};
CSS Preprocessors

CSS Postprocessors
環境は構築している前提で
Compass
grunt-contrib-compass
CSSO:CSSの最適化
grunt-csso

CSScomb:CSSプロパティの整列
grunt-csscomb
メディアクエリの整理
grunt-combine-media-queries

プリフィクスの整理
grunt-autoprefixer
タスクの登録
コンパイルものの基本形
csso: { // タスク名
default: { // ターゲット名
src: “asset/css/style.css", // 入力ファイル
dest: "asset/css/style.css" // 出力ファイル
}
}
オプションのあるもの

autoprefixer:{
options: {
browsers: ['last 2 version', 'ie 8', 'ie 9']
},
default: {
src: "asset/css/style.css",
dest: "asset/css/style.css"
}
}
compass: { //切り分ける場合ターゲット名をつける
dist: { // 製品用
options: {
sassDir: "source/sass",
cssDir: "asset/css",
environment: "production"
}
},
dev: { // 開発用
options: {
sassDir: "source/sass",
cssDir: "asset/css"
}
}
}
Compassはconfig.rbを
利用することも可能
(sourcemap使いたい時とか)
実行タスクを登録
// 開発用
grunt.registerTask('default', ['compass:dev']);
!

// 製品用
grunt.registerTask('dist', [‘compass:dist',
'autoprefixer','cmq','csscomb','csso']);
Postprocessorを
製品版だけにするかはお好みで
あと、CSSをそれなりに書けるあなたは…
grunt-contrib-csslint
JavaScript
Concat,Linting,Minify
JSHint:構文チェック
grunt-contrib-jshint
jshint: {
options: { // チェックオプションファイル
jshintrc: 'source/javascript/.jshintrc'
},
src: { // チェック対象ファイル
src: ['source/javascript/*.js']
}
}
{
// "use strict" を強制

"strict" : true,
"indent" : 2,

// インデントの深さ

"maxlen" : 0,

// 一行の最大長
// 宣言したきり使っていない変数を検出

"unused" : true,

!
// グローバル変数へのアクセスの管理
// グローバル変数へのアクセスを禁止

"undef" : true,

// ブラウザ用のやつは許可

"browser" : true,
"dojo" :

true,

// dojo tool kit用のやつは許可

"devel" : true,

//

consoleやalertを許可

"debug"
: true, // debugger を許可
"jquery" : true,
"globals": {
"_": false,
"Backbone": false
},

!
// Relaxing Options - 危険性を認識した上で設定すること
"eqnull" : true,
"expr" : true
}

// == null を許可

// x || (x = 1); とかができるようにする
使いどころ
製品用には使うとして
開発用に入れるとチェックが入りすぎる
要所でgrunt jshint
でのチェックを利用
ライブラリなどは?

私はチェック対象に入れない
別ディレクトリを作成してそこに格納
UglifyJS:ミニファイ
grunt-contrib-uglify
その前に結合
concat: {
default: {
src: [
“source/jslib/jquery-1.11.0.min.js",
“source/jslib/jquery.heightLine.js",
"source/javascript/*.js"],
dest: "asset/js/sitescript.js"
}
}
そしてミニファイ
(実は結合もできる)
uglify: {
default: {
src: [
“source/jslib/jquery-1.11.0.min.js",
“source/jslib/jquery.heightLine.js",
"source/javascript/*.js"],
dest: "asset/js/sitescript.js"
}
}
ライセンスどうしてますか?
私は最後に結合してます
concat: {
(略)
license: {
src: [
“source/license/license.js",
"asset/js/sitescript.js"],
dest: "asset/js/sitescript.js"
}
}
Image Optimization
とりあえず印の…
grunt-contrib-imagemin
あまり圧縮効率が良くないという評判
UNIX系OS(Mac含む)なら
grunt-imageもいいかも
imagemin: {
dynamic: {
files: [{
expand: true,
cwd : "source/img/",
src: "**/*.{png,jpg,gif}",
dest: "asset/img/"
}]
}
}
First Step
ここまでは準備!これから本番!
簡易サーバー
grunt-contrib-connect
connect: {
uses_defaults: {}
}

http://0.0.0.0:8000
更新ファイルの監視
grunt-contrib-watch
watch: {
options: {
livereload: true
},
compassdev: {
files: 'source/**/*.scss',
tasks: ['compass:dev']
},
jsdev: {
files: 'source/**/*.js',
tasks: ['concat:jsdefault']
},
(以下略
defaultに登録
grunt.registerTask(
‘default',['connect','watch']);
アナタはただゴリゴリコードを書くだけ!
さて…
いろいろとありますが
何はともあれ設定ファイルの記述が違う
JSON

JavaScript

宣言型

手続き型
今回のサンプルは
https://github.com/maepon/wdnr-sem-sample
ありがとうございました
@maepon

More Related Content

What's hot

Nodeにしましょう
NodeにしましょうNodeにしましょう
Nodeにしましょう
Yuzo Hebishima
 
FirebaseとNuxtでLPを作って見た
FirebaseとNuxtでLPを作って見たFirebaseとNuxtでLPを作って見た
FirebaseとNuxtでLPを作って見た
Kenjiro Kubota
 
誰でも出来るローカル開発環境の作り方
誰でも出来るローカル開発環境の作り方誰でも出来るローカル開発環境の作り方
誰でも出来るローカル開発環境の作り方
666oh666
 
capybara で快適なテスト生活を
capybara で快適なテスト生活をcapybara で快適なテスト生活を
capybara で快適なテスト生活を
Ryunosuke SATO
 
JSでファミコンエミュレータを作った時の話
JSでファミコンエミュレータを作った時の話JSでファミコンエミュレータを作った時の話
JSでファミコンエミュレータを作った時の話
sairoutine
 
Clrh 110827 wfho
Clrh 110827 wfhoClrh 110827 wfho
Clrh 110827 wfho
Tomoyuki Obi
 
【PlayCanvas×NCMB 勉強会+ハンズオン】HTML5ゲームにバックエンド機能をらくらく追加!ハンズオン(2017/09/05講演)
【PlayCanvas×NCMB 勉強会+ハンズオン】HTML5ゲームにバックエンド機能をらくらく追加!ハンズオン(2017/09/05講演)【PlayCanvas×NCMB 勉強会+ハンズオン】HTML5ゲームにバックエンド機能をらくらく追加!ハンズオン(2017/09/05講演)
【PlayCanvas×NCMB 勉強会+ハンズオン】HTML5ゲームにバックエンド機能をらくらく追加!ハンズオン(2017/09/05講演)
PlayCanvas運営事務局
 
MobingiALM でスポットインスタンスをいい感じに手なづけている裏側の話 / How to manage EC2 Spot Instances
MobingiALM でスポットインスタンスをいい感じに手なづけている裏側の話 / How to manage EC2 Spot InstancesMobingiALM でスポットインスタンスをいい感じに手なづけている裏側の話 / How to manage EC2 Spot Instances
MobingiALM でスポットインスタンスをいい感じに手なづけている裏側の話 / How to manage EC2 Spot Instances
Masafumi Noguchi
 
LocalStack
LocalStackLocalStack
LocalStack
chibochibo
 
worker_threadsを使った実装の勘所
worker_threadsを使った実装の勘所worker_threadsを使った実装の勘所
worker_threadsを使った実装の勘所
yo_waka
 
JasmineによるJavascriptテスト駆動開発
JasmineによるJavascriptテスト駆動開発JasmineによるJavascriptテスト駆動開発
JasmineによるJavascriptテスト駆動開発Yoichi Toyota
 
Gcpug begginers #1LT startup scriptとshutdown script
Gcpug begginers #1LT startup scriptとshutdown scriptGcpug begginers #1LT startup scriptとshutdown script
Gcpug begginers #1LT startup scriptとshutdown script
tsukasa tamaru
 
Vagrantと網元で開発環境を作ってみよう
Vagrantと網元で開発環境を作ってみようVagrantと網元で開発環境を作ってみよう
Vagrantと網元で開発環境を作ってみよう
Takuma Morikawa
 
JS と Canvas で作るシューティングゲーム
JS と Canvas で作るシューティングゲームJS と Canvas で作るシューティングゲーム
JS と Canvas で作るシューティングゲーム
sairoutine
 
【GTMF2017】PlayCanvas新機能( 2017/6/30,7/14講演)
【GTMF2017】PlayCanvas新機能( 2017/6/30,7/14講演)【GTMF2017】PlayCanvas新機能( 2017/6/30,7/14講演)
【GTMF2017】PlayCanvas新機能( 2017/6/30,7/14講演)
PlayCanvas運営事務局
 
20130723 ecシステムにchefを導入してみた v1.0
20130723 ecシステムにchefを導入してみた v1.020130723 ecシステムにchefを導入してみた v1.0
20130723 ecシステムにchefを導入してみた v1.0NIFTY Cloud
 
GruntでJavaScript 前作業の自動化!
GruntでJavaScript 前作業の自動化!GruntでJavaScript 前作業の自動化!
GruntでJavaScript 前作業の自動化!leverages_event
 
20121019-jenkins-akiko_pusu.pdf
20121019-jenkins-akiko_pusu.pdf20121019-jenkins-akiko_pusu.pdf
20121019-jenkins-akiko_pusu.pdf
akiko_pusu
 
2010年インストールマニアックス ~Javaアプリ編~
2010年インストールマニアックス ~Javaアプリ編~2010年インストールマニアックス ~Javaアプリ編~
2010年インストールマニアックス ~Javaアプリ編~normalian
 

What's hot (20)

Nodeにしましょう
NodeにしましょうNodeにしましょう
Nodeにしましょう
 
FirebaseとNuxtでLPを作って見た
FirebaseとNuxtでLPを作って見たFirebaseとNuxtでLPを作って見た
FirebaseとNuxtでLPを作って見た
 
誰でも出来るローカル開発環境の作り方
誰でも出来るローカル開発環境の作り方誰でも出来るローカル開発環境の作り方
誰でも出来るローカル開発環境の作り方
 
capybara で快適なテスト生活を
capybara で快適なテスト生活をcapybara で快適なテスト生活を
capybara で快適なテスト生活を
 
JSでファミコンエミュレータを作った時の話
JSでファミコンエミュレータを作った時の話JSでファミコンエミュレータを作った時の話
JSでファミコンエミュレータを作った時の話
 
Clrh 110827 wfho
Clrh 110827 wfhoClrh 110827 wfho
Clrh 110827 wfho
 
【PlayCanvas×NCMB 勉強会+ハンズオン】HTML5ゲームにバックエンド機能をらくらく追加!ハンズオン(2017/09/05講演)
【PlayCanvas×NCMB 勉強会+ハンズオン】HTML5ゲームにバックエンド機能をらくらく追加!ハンズオン(2017/09/05講演)【PlayCanvas×NCMB 勉強会+ハンズオン】HTML5ゲームにバックエンド機能をらくらく追加!ハンズオン(2017/09/05講演)
【PlayCanvas×NCMB 勉強会+ハンズオン】HTML5ゲームにバックエンド機能をらくらく追加!ハンズオン(2017/09/05講演)
 
MobingiALM でスポットインスタンスをいい感じに手なづけている裏側の話 / How to manage EC2 Spot Instances
MobingiALM でスポットインスタンスをいい感じに手なづけている裏側の話 / How to manage EC2 Spot InstancesMobingiALM でスポットインスタンスをいい感じに手なづけている裏側の話 / How to manage EC2 Spot Instances
MobingiALM でスポットインスタンスをいい感じに手なづけている裏側の話 / How to manage EC2 Spot Instances
 
LocalStack
LocalStackLocalStack
LocalStack
 
worker_threadsを使った実装の勘所
worker_threadsを使った実装の勘所worker_threadsを使った実装の勘所
worker_threadsを使った実装の勘所
 
JasmineによるJavascriptテスト駆動開発
JasmineによるJavascriptテスト駆動開発JasmineによるJavascriptテスト駆動開発
JasmineによるJavascriptテスト駆動開発
 
Rails勉強会資料
Rails勉強会資料Rails勉強会資料
Rails勉強会資料
 
Gcpug begginers #1LT startup scriptとshutdown script
Gcpug begginers #1LT startup scriptとshutdown scriptGcpug begginers #1LT startup scriptとshutdown script
Gcpug begginers #1LT startup scriptとshutdown script
 
Vagrantと網元で開発環境を作ってみよう
Vagrantと網元で開発環境を作ってみようVagrantと網元で開発環境を作ってみよう
Vagrantと網元で開発環境を作ってみよう
 
JS と Canvas で作るシューティングゲーム
JS と Canvas で作るシューティングゲームJS と Canvas で作るシューティングゲーム
JS と Canvas で作るシューティングゲーム
 
【GTMF2017】PlayCanvas新機能( 2017/6/30,7/14講演)
【GTMF2017】PlayCanvas新機能( 2017/6/30,7/14講演)【GTMF2017】PlayCanvas新機能( 2017/6/30,7/14講演)
【GTMF2017】PlayCanvas新機能( 2017/6/30,7/14講演)
 
20130723 ecシステムにchefを導入してみた v1.0
20130723 ecシステムにchefを導入してみた v1.020130723 ecシステムにchefを導入してみた v1.0
20130723 ecシステムにchefを導入してみた v1.0
 
GruntでJavaScript 前作業の自動化!
GruntでJavaScript 前作業の自動化!GruntでJavaScript 前作業の自動化!
GruntでJavaScript 前作業の自動化!
 
20121019-jenkins-akiko_pusu.pdf
20121019-jenkins-akiko_pusu.pdf20121019-jenkins-akiko_pusu.pdf
20121019-jenkins-akiko_pusu.pdf
 
2010年インストールマニアックス ~Javaアプリ編~
2010年インストールマニアックス ~Javaアプリ編~2010年インストールマニアックス ~Javaアプリ編~
2010年インストールマニアックス ~Javaアプリ編~
 

Viewers also liked

VPSへの一発WordPressインストールスクリプト
VPSへの一発WordPressインストールスクリプトVPSへの一発WordPressインストールスクリプト
VPSへの一発WordPressインストールスクリプト
Masayuki Maekawa
 
このところのWeb制作事情
このところのWeb制作事情このところのWeb制作事情
このところのWeb制作事情
Masayuki Maekawa
 
まえぽん式ダイエット
まえぽん式ダイエットまえぽん式ダイエット
まえぽん式ダイエット
Masayuki Maekawa
 
IoT で捗る!ダイエット
IoT で捗る!ダイエットIoT で捗る!ダイエット
IoT で捗る!ダイエット
Motokatsu Matsui
 
Text editor anywhereでtextareaもsublime text 2
Text editor anywhereでtextareaもsublime text 2Text editor anywhereでtextareaもsublime text 2
Text editor anywhereでtextareaもsublime text 2Masayuki Maekawa
 
JAWS DAYS 2017「IoTとセキュリティ」ワークショップ
JAWS DAYS 2017「IoTとセキュリティ」ワークショップJAWS DAYS 2017「IoTとセキュリティ」ワークショップ
JAWS DAYS 2017「IoTとセキュリティ」ワークショップ
Motokatsu Matsui
 
PyQtではじめるGUIプログラミング
PyQtではじめるGUIプログラミングPyQtではじめるGUIプログラミング
PyQtではじめるGUIプログラミング
Ransui Iso
 
2017/02/04 WrodBench倉敷 第一回勉強会 StaticPress+S3で安全で落ちないサイトを作ろう
2017/02/04 WrodBench倉敷 第一回勉強会 StaticPress+S3で安全で落ちないサイトを作ろう2017/02/04 WrodBench倉敷 第一回勉強会 StaticPress+S3で安全で落ちないサイトを作ろう
2017/02/04 WrodBench倉敷 第一回勉強会 StaticPress+S3で安全で落ちないサイトを作ろう
Takeshi Furusato
 
でんでんコンバーターによるEPUB制作
でんでんコンバーターによるEPUB制作でんでんコンバーターによるEPUB制作
でんでんコンバーターによるEPUB制作
Hiroshi Takase
 
WAI-ARIAの考え方と使い方を整理しよう
WAI-ARIAの考え方と使い方を整理しようWAI-ARIAの考え方と使い方を整理しよう
WAI-ARIAの考え方と使い方を整理しよう
Nozomi Sawada
 
子ども向けプログラミング道場を運営してみたお話し〜CoderDojo長岡京と、時々、EC2〜
子ども向けプログラミング道場を運営してみたお話し〜CoderDojo長岡京と、時々、EC2〜子ども向けプログラミング道場を運営してみたお話し〜CoderDojo長岡京と、時々、EC2〜
子ども向けプログラミング道場を運営してみたお話し〜CoderDojo長岡京と、時々、EC2〜
Akira Nagata
 

Viewers also liked (11)

VPSへの一発WordPressインストールスクリプト
VPSへの一発WordPressインストールスクリプトVPSへの一発WordPressインストールスクリプト
VPSへの一発WordPressインストールスクリプト
 
このところのWeb制作事情
このところのWeb制作事情このところのWeb制作事情
このところのWeb制作事情
 
まえぽん式ダイエット
まえぽん式ダイエットまえぽん式ダイエット
まえぽん式ダイエット
 
IoT で捗る!ダイエット
IoT で捗る!ダイエットIoT で捗る!ダイエット
IoT で捗る!ダイエット
 
Text editor anywhereでtextareaもsublime text 2
Text editor anywhereでtextareaもsublime text 2Text editor anywhereでtextareaもsublime text 2
Text editor anywhereでtextareaもsublime text 2
 
JAWS DAYS 2017「IoTとセキュリティ」ワークショップ
JAWS DAYS 2017「IoTとセキュリティ」ワークショップJAWS DAYS 2017「IoTとセキュリティ」ワークショップ
JAWS DAYS 2017「IoTとセキュリティ」ワークショップ
 
PyQtではじめるGUIプログラミング
PyQtではじめるGUIプログラミングPyQtではじめるGUIプログラミング
PyQtではじめるGUIプログラミング
 
2017/02/04 WrodBench倉敷 第一回勉強会 StaticPress+S3で安全で落ちないサイトを作ろう
2017/02/04 WrodBench倉敷 第一回勉強会 StaticPress+S3で安全で落ちないサイトを作ろう2017/02/04 WrodBench倉敷 第一回勉強会 StaticPress+S3で安全で落ちないサイトを作ろう
2017/02/04 WrodBench倉敷 第一回勉強会 StaticPress+S3で安全で落ちないサイトを作ろう
 
でんでんコンバーターによるEPUB制作
でんでんコンバーターによるEPUB制作でんでんコンバーターによるEPUB制作
でんでんコンバーターによるEPUB制作
 
WAI-ARIAの考え方と使い方を整理しよう
WAI-ARIAの考え方と使い方を整理しようWAI-ARIAの考え方と使い方を整理しよう
WAI-ARIAの考え方と使い方を整理しよう
 
子ども向けプログラミング道場を運営してみたお話し〜CoderDojo長岡京と、時々、EC2〜
子ども向けプログラミング道場を運営してみたお話し〜CoderDojo長岡京と、時々、EC2〜子ども向けプログラミング道場を運営してみたお話し〜CoderDojo長岡京と、時々、EC2〜
子ども向けプログラミング道場を運営してみたお話し〜CoderDojo長岡京と、時々、EC2〜
 

Similar to 早く家へ帰るための
Grunt入門
[+gulp紹介]

JenkinsとjMeterで負荷テストの自動化
JenkinsとjMeterで負荷テストの自動化JenkinsとjMeterで負荷テストの自動化
JenkinsとjMeterで負荷テストの自動化
Satoshi Akama
 
Eight meets AWS
Eight meets AWSEight meets AWS
Eight meets AWS
Tetsuya Mase
 
Agile japan2010 rakuten様プレゼン資料
Agile japan2010 rakuten様プレゼン資料Agile japan2010 rakuten様プレゼン資料
Agile japan2010 rakuten様プレゼン資料Akiko Kosaka
 
Awsで実現するseleniumテスト高速術
Awsで実現するseleniumテスト高速術Awsで実現するseleniumテスト高速術
Awsで実現するseleniumテスト高速術finoue
 
GUI自動テストの保守性を高めるには
GUI自動テストの保守性を高めるにはGUI自動テストの保守性を高めるには
GUI自動テストの保守性を高めるには
Nozomi Ito
 
Javaで1から10まで書いた話(sanitized)
Javaで1から10まで書いた話(sanitized)Javaで1から10まで書いた話(sanitized)
Javaで1から10まで書いた話(sanitized)
Tokuhiro Matsuno
 
nGrinder3 : だれもが簡単にできる性能テスト
nGrinder3 : だれもが簡単にできる性能テストnGrinder3 : だれもが簡単にできる性能テスト
nGrinder3 : だれもが簡単にできる性能テストJunHo Yoon
 
Jenkinsstudy#4kokawa
Jenkinsstudy#4kokawaJenkinsstudy#4kokawa
Jenkinsstudy#4kokawa
Takashi Kokawa
 
密着! nibohsiデプロイ 13:00-13:05 - railsアプリのデプロイ事例 -
密着! nibohsiデプロイ 13:00-13:05 - railsアプリのデプロイ事例 -密着! nibohsiデプロイ 13:00-13:05 - railsアプリのデプロイ事例 -
密着! nibohsiデプロイ 13:00-13:05 - railsアプリのデプロイ事例 -
Yukihiko SAWANOBORI
 
Open Stack Day - Ansibleによる環境構築の自動化
Open Stack Day - Ansibleによる環境構築の自動化Open Stack Day - Ansibleによる環境構築の自動化
Open Stack Day - Ansibleによる環境構築の自動化
shirou wakayama
 
JenkinsとSeleniumの活用事例
JenkinsとSeleniumの活用事例JenkinsとSeleniumの活用事例
JenkinsとSeleniumの活用事例
Takeshi Kondo
 
改訂第3版 Jenkins 実践入門 what's newから見るJenkinsのUpdate
改訂第3版 Jenkins 実践入門 what's newから見るJenkinsのUpdate改訂第3版 Jenkins 実践入門 what's newから見るJenkinsのUpdate
改訂第3版 Jenkins 実践入門 what's newから見るJenkinsのUpdate
Yuki Iwanari
 
iOSアプリ開発のテスト環境 - テストをはじめる最初の一歩 -
iOSアプリ開発のテスト環境 - テストをはじめる最初の一歩 -iOSアプリ開発のテスト環境 - テストをはじめる最初の一歩 -
iOSアプリ開発のテスト環境 - テストをはじめる最初の一歩 -
Toshiyuki Hirata
 
継続的デリバリー読書会資料 #1
継続的デリバリー読書会資料 #1継続的デリバリー読書会資料 #1
継続的デリバリー読書会資料 #1
Yusuke HIDESHIMA
 
増加するコアを使い切れ!!
増加するコアを使い切れ!!増加するコアを使い切れ!!
増加するコアを使い切れ!!guestc06e54
 
恋するJenkins
恋するJenkins恋するJenkins
恋するJenkins
Hiroshi Nakao
 
Trac Plugin Developement with Jenkins
Trac Plugin Developement with JenkinsTrac Plugin Developement with Jenkins
Trac Plugin Developement with JenkinsTakahisa Wada
 
【SQiP2014】システム操作インターフェイス最適化によるテスト自動化ROI向上
【SQiP2014】システム操作インターフェイス最適化によるテスト自動化ROI向上【SQiP2014】システム操作インターフェイス最適化によるテスト自動化ROI向上
【SQiP2014】システム操作インターフェイス最適化によるテスト自動化ROI向上
Tatsuya Ishikawa
 
20121019 jenkins勉強会lt資料
20121019 jenkins勉強会lt資料20121019 jenkins勉強会lt資料
20121019 jenkins勉強会lt資料
Hiroko Tamagawa
 

Similar to 早く家へ帰るための
Grunt入門
[+gulp紹介] (20)

JenkinsとjMeterで負荷テストの自動化
JenkinsとjMeterで負荷テストの自動化JenkinsとjMeterで負荷テストの自動化
JenkinsとjMeterで負荷テストの自動化
 
Eight meets AWS
Eight meets AWSEight meets AWS
Eight meets AWS
 
Agile japan2010 rakuten様プレゼン資料
Agile japan2010 rakuten様プレゼン資料Agile japan2010 rakuten様プレゼン資料
Agile japan2010 rakuten様プレゼン資料
 
Awsで実現するseleniumテスト高速術
Awsで実現するseleniumテスト高速術Awsで実現するseleniumテスト高速術
Awsで実現するseleniumテスト高速術
 
GUI自動テストの保守性を高めるには
GUI自動テストの保守性を高めるにはGUI自動テストの保守性を高めるには
GUI自動テストの保守性を高めるには
 
Hudson (JJUG CCCにて)
Hudson (JJUG CCCにて)Hudson (JJUG CCCにて)
Hudson (JJUG CCCにて)
 
Javaで1から10まで書いた話(sanitized)
Javaで1から10まで書いた話(sanitized)Javaで1から10まで書いた話(sanitized)
Javaで1から10まで書いた話(sanitized)
 
nGrinder3 : だれもが簡単にできる性能テスト
nGrinder3 : だれもが簡単にできる性能テストnGrinder3 : だれもが簡単にできる性能テスト
nGrinder3 : だれもが簡単にできる性能テスト
 
Jenkinsstudy#4kokawa
Jenkinsstudy#4kokawaJenkinsstudy#4kokawa
Jenkinsstudy#4kokawa
 
密着! nibohsiデプロイ 13:00-13:05 - railsアプリのデプロイ事例 -
密着! nibohsiデプロイ 13:00-13:05 - railsアプリのデプロイ事例 -密着! nibohsiデプロイ 13:00-13:05 - railsアプリのデプロイ事例 -
密着! nibohsiデプロイ 13:00-13:05 - railsアプリのデプロイ事例 -
 
Open Stack Day - Ansibleによる環境構築の自動化
Open Stack Day - Ansibleによる環境構築の自動化Open Stack Day - Ansibleによる環境構築の自動化
Open Stack Day - Ansibleによる環境構築の自動化
 
JenkinsとSeleniumの活用事例
JenkinsとSeleniumの活用事例JenkinsとSeleniumの活用事例
JenkinsとSeleniumの活用事例
 
改訂第3版 Jenkins 実践入門 what's newから見るJenkinsのUpdate
改訂第3版 Jenkins 実践入門 what's newから見るJenkinsのUpdate改訂第3版 Jenkins 実践入門 what's newから見るJenkinsのUpdate
改訂第3版 Jenkins 実践入門 what's newから見るJenkinsのUpdate
 
iOSアプリ開発のテスト環境 - テストをはじめる最初の一歩 -
iOSアプリ開発のテスト環境 - テストをはじめる最初の一歩 -iOSアプリ開発のテスト環境 - テストをはじめる最初の一歩 -
iOSアプリ開発のテスト環境 - テストをはじめる最初の一歩 -
 
継続的デリバリー読書会資料 #1
継続的デリバリー読書会資料 #1継続的デリバリー読書会資料 #1
継続的デリバリー読書会資料 #1
 
増加するコアを使い切れ!!
増加するコアを使い切れ!!増加するコアを使い切れ!!
増加するコアを使い切れ!!
 
恋するJenkins
恋するJenkins恋するJenkins
恋するJenkins
 
Trac Plugin Developement with Jenkins
Trac Plugin Developement with JenkinsTrac Plugin Developement with Jenkins
Trac Plugin Developement with Jenkins
 
【SQiP2014】システム操作インターフェイス最適化によるテスト自動化ROI向上
【SQiP2014】システム操作インターフェイス最適化によるテスト自動化ROI向上【SQiP2014】システム操作インターフェイス最適化によるテスト自動化ROI向上
【SQiP2014】システム操作インターフェイス最適化によるテスト自動化ROI向上
 
20121019 jenkins勉強会lt資料
20121019 jenkins勉強会lt資料20121019 jenkins勉強会lt資料
20121019 jenkins勉強会lt資料
 

More from Masayuki Maekawa

常時SSL化の事前確認・注意点・手順 〜WordPressとその周辺で必要なこと〜 #wctokyo
常時SSL化の事前確認・注意点・手順 〜WordPressとその周辺で必要なこと〜 #wctokyo常時SSL化の事前確認・注意点・手順 〜WordPressとその周辺で必要なこと〜 #wctokyo
常時SSL化の事前確認・注意点・手順 〜WordPressとその周辺で必要なこと〜 #wctokyo
Masayuki Maekawa
 
自治体サイトのWordPressのメンテナンス
自治体サイトのWordPressのメンテナンス自治体サイトのWordPressのメンテナンス
自治体サイトのWordPressのメンテナンス
Masayuki Maekawa
 
「セルフブランディング」という文脈で5年間を振り返ってみる5分間
「セルフブランディング」という文脈で5年間を振り返ってみる5分間「セルフブランディング」という文脈で5年間を振り返ってみる5分間
「セルフブランディング」という文脈で5年間を振り返ってみる5分間
Masayuki Maekawa
 
実践 大都会式 プロトタイピング&フロントエンド 2014
実践 大都会式 プロトタイピング&フロントエンド 2014実践 大都会式 プロトタイピング&フロントエンド 2014
実践 大都会式 プロトタイピング&フロントエンド 2014
Masayuki Maekawa
 
Bootstrapカスタマイズ&ビルド!
Bootstrapカスタマイズ&ビルド!Bootstrapカスタマイズ&ビルド!
Bootstrapカスタマイズ&ビルド!
Masayuki Maekawa
 
マルチデバイス対応のコーディング・マークアップのポイント
マルチデバイス対応のコーディング・マークアップのポイントマルチデバイス対応のコーディング・マークアップのポイント
マルチデバイス対応のコーディング・マークアップのポイント
Masayuki Maekawa
 
JavaScriptで『漫画カメラ』的画像加工
JavaScriptで『漫画カメラ』的画像加工JavaScriptで『漫画カメラ』的画像加工
JavaScriptで『漫画カメラ』的画像加工
Masayuki Maekawa
 
Windowsユーザーむけのツール紹介
Windowsユーザーむけのツール紹介Windowsユーザーむけのツール紹介
Windowsユーザーむけのツール紹介
Masayuki Maekawa
 

More from Masayuki Maekawa (8)

常時SSL化の事前確認・注意点・手順 〜WordPressとその周辺で必要なこと〜 #wctokyo
常時SSL化の事前確認・注意点・手順 〜WordPressとその周辺で必要なこと〜 #wctokyo常時SSL化の事前確認・注意点・手順 〜WordPressとその周辺で必要なこと〜 #wctokyo
常時SSL化の事前確認・注意点・手順 〜WordPressとその周辺で必要なこと〜 #wctokyo
 
自治体サイトのWordPressのメンテナンス
自治体サイトのWordPressのメンテナンス自治体サイトのWordPressのメンテナンス
自治体サイトのWordPressのメンテナンス
 
「セルフブランディング」という文脈で5年間を振り返ってみる5分間
「セルフブランディング」という文脈で5年間を振り返ってみる5分間「セルフブランディング」という文脈で5年間を振り返ってみる5分間
「セルフブランディング」という文脈で5年間を振り返ってみる5分間
 
実践 大都会式 プロトタイピング&フロントエンド 2014
実践 大都会式 プロトタイピング&フロントエンド 2014実践 大都会式 プロトタイピング&フロントエンド 2014
実践 大都会式 プロトタイピング&フロントエンド 2014
 
Bootstrapカスタマイズ&ビルド!
Bootstrapカスタマイズ&ビルド!Bootstrapカスタマイズ&ビルド!
Bootstrapカスタマイズ&ビルド!
 
マルチデバイス対応のコーディング・マークアップのポイント
マルチデバイス対応のコーディング・マークアップのポイントマルチデバイス対応のコーディング・マークアップのポイント
マルチデバイス対応のコーディング・マークアップのポイント
 
JavaScriptで『漫画カメラ』的画像加工
JavaScriptで『漫画カメラ』的画像加工JavaScriptで『漫画カメラ』的画像加工
JavaScriptで『漫画カメラ』的画像加工
 
Windowsユーザーむけのツール紹介
Windowsユーザーむけのツール紹介Windowsユーザーむけのツール紹介
Windowsユーザーむけのツール紹介
 

Recently uploaded

遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
t m
 
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
Matsushita Laboratory
 
生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI
生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI
生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI
Osaka University
 
Generating Automatic Feedback on UI Mockups with Large Language Models
Generating Automatic Feedback on UI Mockups with Large Language ModelsGenerating Automatic Feedback on UI Mockups with Large Language Models
Generating Automatic Feedback on UI Mockups with Large Language Models
harmonylab
 
キンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援します
キンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援しますキンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援します
キンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援します
Takayuki Nakayama
 
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアルLoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
CRI Japan, Inc.
 
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
Toru Tamaki
 
This is the company presentation material of RIZAP Technologies, Inc.
This is the company presentation material of RIZAP Technologies, Inc.This is the company presentation material of RIZAP Technologies, Inc.
This is the company presentation material of RIZAP Technologies, Inc.
chiefujita1
 
Humanoid Virtual Athletics Challenge2024 技術講習会 スライド
Humanoid Virtual Athletics Challenge2024 技術講習会 スライドHumanoid Virtual Athletics Challenge2024 技術講習会 スライド
Humanoid Virtual Athletics Challenge2024 技術講習会 スライド
tazaki1
 
「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演
「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演
「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演
嶋 是一 (Yoshikazu SHIMA)
 

Recently uploaded (10)

遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
 
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
 
生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI
生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI
生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI
 
Generating Automatic Feedback on UI Mockups with Large Language Models
Generating Automatic Feedback on UI Mockups with Large Language ModelsGenerating Automatic Feedback on UI Mockups with Large Language Models
Generating Automatic Feedback on UI Mockups with Large Language Models
 
キンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援します
キンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援しますキンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援します
キンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援します
 
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアルLoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
 
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
 
This is the company presentation material of RIZAP Technologies, Inc.
This is the company presentation material of RIZAP Technologies, Inc.This is the company presentation material of RIZAP Technologies, Inc.
This is the company presentation material of RIZAP Technologies, Inc.
 
Humanoid Virtual Athletics Challenge2024 技術講習会 スライド
Humanoid Virtual Athletics Challenge2024 技術講習会 スライドHumanoid Virtual Athletics Challenge2024 技術講習会 スライド
Humanoid Virtual Athletics Challenge2024 技術講習会 スライド
 
「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演
「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演
「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演
 

早く家へ帰るための
Grunt入門
[+gulp紹介]