Enviar pesquisa
Carregar
フロントエンド開発者のためのJenkins
•
23 gostaram
•
6,586 visualizações
Satake Hiroyuki
Seguir
Frontrend vol.6
Leia menos
Leia mais
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 40
Baixar agora
Baixar para ler offline
Recomendados
「Camelog」Android開発秘話
「Camelog」Android開発秘話
Shoya Tsukada
[Lt]versionごとにurlを自動生成
[Lt]versionごとにurlを自動生成
shouta yoshikai
dotcle 経験0から Meteor iOS アプリを2ヶ月半で作ってリリースしてみた
dotcle 経験0から Meteor iOS アプリを2ヶ月半で作ってリリースしてみた
Nobutaka OSHIRO
Androidアプリ開発の極意
Androidアプリ開発の極意
Daisaku Yamamoto
Meteor勉強会発表資料「MeteorでiOSアプリを作ろう!」
Meteor勉強会発表資料「MeteorでiOSアプリを作ろう!」
Nobutaka OSHIRO
Herokuのご紹介
Herokuのご紹介
Ayumu Aizawa
GoogleAppsScript入門
GoogleAppsScript入門
Takami Kazuya
Vagrant + VirtualBox + Chef を使った環境構築方法について
Vagrant + VirtualBox + Chef を使った環境構築方法について
Shinya Kinoshita
Mais conteúdo relacionado
Mais procurados
Alternative WebView
Alternative WebView
Shigeki Yamato
Android Studio 2.2の紹介@Google I/O 2016東京報告会
Android Studio 2.2の紹介@Google I/O 2016東京報告会
mokelab
駆け出しエンジニアが拡張機能を開発してみた!
駆け出しエンジニアが拡張機能を開発してみた!
takaguru
ABC 2012 spring
ABC 2012 spring
Takeaki Tada
everevo × Open Graph
everevo × Open Graph
Tetsuwo OISHI
自社製品のバージョン管理 進化と問題解決の道のり
自社製品のバージョン管理 進化と問題解決の道のり
Study Group by SciencePark Corp.
Codename Oneの紹介
Codename Oneの紹介
Yusuke Yamamoto
minneにおけるテスト〜リリース〜リリース後にやっている事の紹介
minneにおけるテスト〜リリース〜リリース後にやっている事の紹介
Masataka Kono
Android study part1
Android study part1
shinya sakemoto
Git hubで雑誌記事を執筆するのは間違っているだろうか
Git hubで雑誌記事を執筆するのは間違っているだろうか
Kakigi Katuyuki
アプリリリース後に後悔しないための20のこと
アプリリリース後に後悔しないための20のこと
leverages_event
git初心者からgit-flowを使えるレベルになって、リリースとレビューを効率化しよう
git初心者からgit-flowを使えるレベルになって、リリースとレビューを効率化しよう
Study Group by SciencePark Corp.
DevLOVE広島 第1回 その改善いつするの?
DevLOVE広島 第1回 その改善いつするの?
Kazuya Matsubara
Jenkins実践入門 第二版 What's New
Jenkins実践入門 第二版 What's New
Masanori Satoh
[potatotips #18] Android M Developer Preview & Wear 最新トピック
[potatotips #18] Android M Developer Preview & Wear 最新トピック
Kenichi Kambara
PHP開発からAndroid開発をするようになって学んだWebとモバイルの違い
PHP開発からAndroid開発をするようになって学んだWebとモバイルの違い
Masataka Kono
Remote Development with Visual Studio Code & A clean dev env, working every ...
Remote Development with Visual Studio Code & A clean dev env, working every ...
Hiroyuki Ohnaka
Google Play Developer APIを使ってみた
Google Play Developer APIを使ってみた
shinya sakemoto
マイコン入門(2)
マイコン入門(2)
拓海 岡本
Using the Fragments(Android)
Using the Fragments(Android)
Teruaki Kinoshita
Mais procurados
(20)
Alternative WebView
Alternative WebView
Android Studio 2.2の紹介@Google I/O 2016東京報告会
Android Studio 2.2の紹介@Google I/O 2016東京報告会
駆け出しエンジニアが拡張機能を開発してみた!
駆け出しエンジニアが拡張機能を開発してみた!
ABC 2012 spring
ABC 2012 spring
everevo × Open Graph
everevo × Open Graph
自社製品のバージョン管理 進化と問題解決の道のり
自社製品のバージョン管理 進化と問題解決の道のり
Codename Oneの紹介
Codename Oneの紹介
minneにおけるテスト〜リリース〜リリース後にやっている事の紹介
minneにおけるテスト〜リリース〜リリース後にやっている事の紹介
Android study part1
Android study part1
Git hubで雑誌記事を執筆するのは間違っているだろうか
Git hubで雑誌記事を執筆するのは間違っているだろうか
アプリリリース後に後悔しないための20のこと
アプリリリース後に後悔しないための20のこと
git初心者からgit-flowを使えるレベルになって、リリースとレビューを効率化しよう
git初心者からgit-flowを使えるレベルになって、リリースとレビューを効率化しよう
DevLOVE広島 第1回 その改善いつするの?
DevLOVE広島 第1回 その改善いつするの?
Jenkins実践入門 第二版 What's New
Jenkins実践入門 第二版 What's New
[potatotips #18] Android M Developer Preview & Wear 最新トピック
[potatotips #18] Android M Developer Preview & Wear 最新トピック
PHP開発からAndroid開発をするようになって学んだWebとモバイルの違い
PHP開発からAndroid開発をするようになって学んだWebとモバイルの違い
Remote Development with Visual Studio Code & A clean dev env, working every ...
Remote Development with Visual Studio Code & A clean dev env, working every ...
Google Play Developer APIを使ってみた
Google Play Developer APIを使ってみた
マイコン入門(2)
マイコン入門(2)
Using the Fragments(Android)
Using the Fragments(Android)
Destaque
いつやるの?Git入門 v1.1.0
いつやるの?Git入門 v1.1.0
Masakazu Matsushita
STFとAppiumをもちいたAndroidアプリの自動テスト
STFとAppiumをもちいたAndroidアプリの自動テスト
Toshiyuki Hirata
いい感じのフロントエンド開発環境を作ってみた
いい感じのフロントエンド開発環境を作ってみた
Hayashi Yuichi
Dockerとフロントエンド
Dockerとフロントエンド
Hayashi Yuichi
Jenkinsを利用したCI、弊社導入事例
Jenkinsを利用したCI、弊社導入事例
Ryoichi Obara
Open STF Plugin 作ってみた
Open STF Plugin 作ってみた
justice_sm
Startup jenkins!
Startup jenkins!
Kanu orz
Androidテスティング実践2 システムテスト編
Androidテスティング実践2 システムテスト編
株式会社 NTTテクノクロス
Androidテスティング実践3 ユニットテスト・CI編
Androidテスティング実践3 ユニットテスト・CI編
株式会社 NTTテクノクロス
jenkinsのすゝめ - 継続的インテグレーションと継続的デリバリー
jenkinsのすゝめ - 継続的インテグレーションと継続的デリバリー
Junya Suzuki
継続的インテグレーションとテストの話
継続的インテグレーションとテストの話
Preferred Networks
Androidアプリ開発のテスト環境
Androidアプリ開発のテスト環境
Toshiyuki Hirata
「自動家(オートメータ)をつくる」-システムテスト自動化カンファレンス2014 「.reviewrc」枠発表-
「自動家(オートメータ)をつくる」-システムテスト自動化カンファレンス2014 「.reviewrc」枠発表-
Kazuhito Miura
「Selenium実践入門」で学ぶテスト自動化の世界
「Selenium実践入門」で学ぶテスト自動化の世界
Nozomi Ito
DevOps Practices:Configuration as Code
DevOps Practices:Configuration as Code
Doug Seven
Gulp入門 - コーディングを10倍速くする
Gulp入門 - コーディングを10倍速くする
Hayashi Yuichi
Configuration As Code - Adoption of the Job DSL Plugin at Netflix
Configuration As Code - Adoption of the Job DSL Plugin at Netflix
Justin Ryan
Destaque
(17)
いつやるの?Git入門 v1.1.0
いつやるの?Git入門 v1.1.0
STFとAppiumをもちいたAndroidアプリの自動テスト
STFとAppiumをもちいたAndroidアプリの自動テスト
いい感じのフロントエンド開発環境を作ってみた
いい感じのフロントエンド開発環境を作ってみた
Dockerとフロントエンド
Dockerとフロントエンド
Jenkinsを利用したCI、弊社導入事例
Jenkinsを利用したCI、弊社導入事例
Open STF Plugin 作ってみた
Open STF Plugin 作ってみた
Startup jenkins!
Startup jenkins!
Androidテスティング実践2 システムテスト編
Androidテスティング実践2 システムテスト編
Androidテスティング実践3 ユニットテスト・CI編
Androidテスティング実践3 ユニットテスト・CI編
jenkinsのすゝめ - 継続的インテグレーションと継続的デリバリー
jenkinsのすゝめ - 継続的インテグレーションと継続的デリバリー
継続的インテグレーションとテストの話
継続的インテグレーションとテストの話
Androidアプリ開発のテスト環境
Androidアプリ開発のテスト環境
「自動家(オートメータ)をつくる」-システムテスト自動化カンファレンス2014 「.reviewrc」枠発表-
「自動家(オートメータ)をつくる」-システムテスト自動化カンファレンス2014 「.reviewrc」枠発表-
「Selenium実践入門」で学ぶテスト自動化の世界
「Selenium実践入門」で学ぶテスト自動化の世界
DevOps Practices:Configuration as Code
DevOps Practices:Configuration as Code
Gulp入門 - コーディングを10倍速くする
Gulp入門 - コーディングを10倍速くする
Configuration As Code - Adoption of the Job DSL Plugin at Netflix
Configuration As Code - Adoption of the Job DSL Plugin at Netflix
Semelhante a フロントエンド開発者のためのJenkins
自動テストとJenkinsの活用 公開版
自動テストとJenkinsの活用 公開版
baroqueworksdev
Jenkinsを用いたAndroidアプリビルド作業効率化
Jenkinsを用いたAndroidアプリビルド作業効率化
Kenichi Kambara
Jenkinsを使おうよ
Jenkinsを使おうよ
Yohei Oda
Androidリリース作業の効率化(2)
Androidリリース作業の効率化(2)
Kenichi Kambara
はてなにおける Android アプリのソフトウェアテスト
はてなにおける Android アプリのソフトウェアテスト
Yu Nobuoka
iQONの開発手法 at iQONエンジニアセミナー
iQONの開発手法 at iQONエンジニアセミナー
Imamura Masayuki
Facebook Night vol. 6
Facebook Night vol. 6
Naoyuki Kataoka
Jenkins導入ライブ
Jenkins導入ライブ
Hiasyoshi Suehiro
プロ文.com 勉強会 Phase 1
プロ文.com 勉強会 Phase 1
Hiroki Toyokawa
5 年続く 「はてなブックマーク」 アプリを継続開発する技術
5 年続く 「はてなブックマーク」 アプリを継続開発する技術
Yu Nobuoka
Net なプロジェクトでも jenkins を使ってみた
Net なプロジェクトでも jenkins を使ってみた
Oda Shinsuke
Device Farm を使ったスマホアプリの自動テスト
Device Farm を使ったスマホアプリの自動テスト
健一 辰濱
改訂第3版 Jenkins 実践入門 what's newから見るJenkinsのUpdate
改訂第3版 Jenkins 実践入門 what's newから見るJenkinsのUpdate
Yuki Iwanari
App inventor for bussiness
App inventor for bussiness
Takeaki Tada
兄弟アプリのロジック共通化とビルド高速化の実験
兄弟アプリのロジック共通化とビルド高速化の実験
ichigotake .
PhoneGapでWebアプリをスマホアプリ化
PhoneGapでWebアプリをスマホアプリ化
Takashi Okamoto
Xcode 7におけるUIテストとカバレジ計測 #yidev 第20回勉強会
Xcode 7におけるUIテストとカバレジ計測 #yidev 第20回勉強会
Koji Hasegawa
デブサミ 2013 日本App Inventorユーザー会
デブサミ 2013 日本App Inventorユーザー会
Takeaki Tada
PhoneGapユーザー会@大阪 講演資料
PhoneGapユーザー会@大阪 講演資料
Monaca
Jenkinsを使った初めての継続的インテグレーション
Jenkinsを使った初めての継続的インテグレーション
dcubeio
Semelhante a フロントエンド開発者のためのJenkins
(20)
自動テストとJenkinsの活用 公開版
自動テストとJenkinsの活用 公開版
Jenkinsを用いたAndroidアプリビルド作業効率化
Jenkinsを用いたAndroidアプリビルド作業効率化
Jenkinsを使おうよ
Jenkinsを使おうよ
Androidリリース作業の効率化(2)
Androidリリース作業の効率化(2)
はてなにおける Android アプリのソフトウェアテスト
はてなにおける Android アプリのソフトウェアテスト
iQONの開発手法 at iQONエンジニアセミナー
iQONの開発手法 at iQONエンジニアセミナー
Facebook Night vol. 6
Facebook Night vol. 6
Jenkins導入ライブ
Jenkins導入ライブ
プロ文.com 勉強会 Phase 1
プロ文.com 勉強会 Phase 1
5 年続く 「はてなブックマーク」 アプリを継続開発する技術
5 年続く 「はてなブックマーク」 アプリを継続開発する技術
Net なプロジェクトでも jenkins を使ってみた
Net なプロジェクトでも jenkins を使ってみた
Device Farm を使ったスマホアプリの自動テスト
Device Farm を使ったスマホアプリの自動テスト
改訂第3版 Jenkins 実践入門 what's newから見るJenkinsのUpdate
改訂第3版 Jenkins 実践入門 what's newから見るJenkinsのUpdate
App inventor for bussiness
App inventor for bussiness
兄弟アプリのロジック共通化とビルド高速化の実験
兄弟アプリのロジック共通化とビルド高速化の実験
PhoneGapでWebアプリをスマホアプリ化
PhoneGapでWebアプリをスマホアプリ化
Xcode 7におけるUIテストとカバレジ計測 #yidev 第20回勉強会
Xcode 7におけるUIテストとカバレジ計測 #yidev 第20回勉強会
デブサミ 2013 日本App Inventorユーザー会
デブサミ 2013 日本App Inventorユーザー会
PhoneGapユーザー会@大阪 講演資料
PhoneGapユーザー会@大阪 講演資料
Jenkinsを使った初めての継続的インテグレーション
Jenkinsを使った初めての継続的インテグレーション
フロントエンド開発者のためのJenkins
1.
フロントエンド開発者の ためのJenkins 2013/11/16 Hiroyuki SATAKE
2.
● 佐竹 裕行 ●
JavaScript ● @st44100
3.
TAGLY ● タグでつながる写真共有 サービス ● iOS
/ Android
4.
TAGLY ● タグでつながる写真共有 サービス ● iOS
/ Android
5.
旅Photo ぷらり ● 旅写真でつながるSNS ●
iPhone / Android
6.
旅Photo ぷらり ● 旅写真でつながるSNS ●
iPhone / Android
7.
パシャっとmyペット ● 国内最大級のペット写真SNS ● iPhone
/ Android ● http://petpic.jp
8.
Jenkinsとフロント開発 ● Jenkinsとは ● Jenkinsでビルド ●
Jenkinsでテスト ● 単体テスト ● 統合テスト ● Jenkinsでドキュメント
9.
Jenkins
10.
Jenkins “An extendable open
source continuous integration server” “拡張可能なオープンソースの 継続インテグレーションサーバ” http://jenkins-ci.org/
11.
CIとは 継続的インテグレーション、CI(英: continuous integration)とは、主にプログラマーのアプリケーシ ョン作成時の品質改善や納期の短縮のための習慣のこ とである。 エクストリーム・プログラミング (XP)
のプラクティス の一つで、狭義にはビルドやテスト、インスペクショ ンなどを継続的に実行していくことを意味する[1]。 http://ja.wikipedia.org/wiki/継続的インテグレーション
12.
Server...
13.
Continuos Integration...
14.
● ビルド ● テスト ●
常に動くものを作って、検証を繰り返す
15.
Commit → Test
→Build
16.
● フロントエンドのコードのビルド ● JavaScript ●
compile, concat, minify ● CSS ● compile, minify, CSS Sprite ● Image ● Optimize, CSS Sprite
17.
1.作業の開発本線へのコミット 2.Jenkinsがソースコードチェックアウト 3.テスト/ビルドをJenkinsが実行
18.
● Jenkinsの準備 ● 自分でインストール ●
CloudBees
19.
Install Jenkins ● Install Jenkins ● Install
node / npm ● Install Ruby / Bundler
20.
Install Jenkins $ brew
install jenkins $ java -jar /usr/local/opt/jenkins/libexec/jenkins.war
21.
● node/npm ● ruby (grunt,
etc) (compass, etc) ● レポジトリの登録 ● 認証系の設定
22.
BUILD
23.
プロジェクト画面
24.
成果物
25.
TEST
26.
● テストする ● 単体テスト(Jasmine) ●
統合テスト(CasperJS)
27.
● 単体テスト ● Jasmine ●
PhantomJS
28.
$ grunt test
29.
Jenkins上で
31.
● 統合テスト ● Casper
JS
32.
DOCUMENT
33.
● ドキュメント生成 ● JS
Documentation ● StyleGuide
34.
ドキュメント生成
35.
CATCH REGRESSION
36.
BBC-News/wraith ● BBC制作 ● 画像のDiffをとれる。 ●
Ruby ● ImageMagick ● おそい。
37.
facebook/huxley ● facebook(Instagram) ● python(Instagram)
38.
Huddle/PhantomCSS ● Huddle製 ● Casper
JSのモジュール
39.
● フロントエンドだけでも使える ● テスト ●
ドキュメンテーション ● 定期的なマークアップ崩れ確認
40.
Thank you.
Baixar agora