Upgrade to Pro — share decks privately, control downloads, hide ads and more …

CircleCI Hands-on for Beginners

088b1b43ff5dd64aa0f000da9e9da777?s=47 wtnabe
May 21, 2016
Programming
0
250

CircleCI Hands-on for Beginners

GitHubのサンプルリポジトリをCircleCIのプロジェクトとして追加し、Buildを動かしてみるまで。Kanazawa.rb meetup #45

088b1b43ff5dd64aa0f000da9e9da777?s=128

wtnabe

May 21, 2016
Tweet

More Decks by wtnabe

See All by wtnabe
join-kanazawarb-or-7years-passed-since-it-was-borned
088b1b43ff5dd64aa0f000da9e9da777?s=48 wtnabe
0
410
let-me-edit-with-editor
088b1b43ff5dd64aa0f000da9e9da777?s=48 wtnabe
0
110
google-photos-and-storage-and-rclone
088b1b43ff5dd64aa0f000da9e9da777?s=48 wtnabe
0
160
one case of how to begin vuejs
088b1b43ff5dd64aa0f000da9e9da777?s=48 wtnabe
2
260
Kanazawa.rb meetup #56 Coderetreat Intro
088b1b43ff5dd64aa0f000da9e9da777?s=48 wtnabe
0
230
lightweight authenticity of microservices
088b1b43ff5dd64aa0f000da9e9da777?s=48 wtnabe
0
220
Automate WordPress deployment with WordMove
088b1b43ff5dd64aa0f000da9e9da777?s=48 wtnabe
1
260
Introducing Todays CI Services
088b1b43ff5dd64aa0f000da9e9da777?s=48 wtnabe
0
200
Modern UI for Office Work
088b1b43ff5dd64aa0f000da9e9da777?s=48 wtnabe
0
170

Other Decks in Programming

See All in Programming
20220706_Google Apps Scriptを実演で学ぶ～ GAS × Slack ～
C983c1e22d0d19f21590b83884d9b754?s=48 apachan
2
620
動画合成アーキテクチャを実装してみて
D5b3791309c8a03d37f05d238ded370d?s=48 satorunooshie
0
550
Babylon.jsで作ったsceneをレイトレーシングで映えさせる
C54e383f9597a63832fcc1c2547c7540?s=48 turamy
1
210
Introduction to Property-Based Testing @ COSCUP 2022
Fd9f21969cd8a0cbf0b2f48a9af0cc28?s=48 cybai
1
150
僕が便利だと感じる Snow Monkey の特徴/20220723_Gifu_WordPress_Meetup
Dda24cce92447593513292ec748c70c4?s=48 oleindesign
0
110
ストア評価「2.4」だったCOCOARアプリを1年で「4.4」になんとかした方法@Cloud CIRCUS Meetup #2
3518f5ec9ebb241abc3569eb5cfc7d2a?s=48 1901drama
0
180
Google I/O 2022 Android関連概要 / Google I/O 2022 Android summary
Ad855122c2c5b24640cc8798eb103e4b?s=48 phicdy
0
390
Atomic Design とテストの○○な話
Fd3e212c7b5255c6164d7d52bfe79dfb?s=48 takfjp
2
810
Lookerとdbtの共存
739b3e6644385d832834f6d4db498642?s=48 ttccddtoki
0
630
Efficient UI testing in Android
2b0404a5db1a74f01bf3bf94d142e28c?s=48 alexzhukovich
1
120
Amazon Lookout for Visionで 筆跡鑑定してみた
B3cc0e7ba8e6c941f08a2e6f69d3e4c2?s=48 cmnakamurashogo
0
160
How GitHub Supports Vim License Detection, The Five Years Journey
C4ce16f549c450f4759eb37f5d5d1a63?s=48 othree
1
370

Featured

See All Featured
Intergalactic Javascript Robots from Outer Space
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
260
25k
Agile that works and the tools we love
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
319
19k
Designing on Purpose - Digital PM Summit 2013
7653c7c449918ff6542880a8c284f5e7?s=48 jponch
106
5.7k
How STYLIGHT went responsive
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
85
4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
237
19k
Teambox: Starting and Learning
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
123
7.7k
Fashionably flexible responsive web design (full day workshop)
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
396
62k
StorybookのUI Testing Handbookを読んだ
50fc0fdc2327ecbe7350645812de52e3?s=48 zakiyama
6
2.5k
The MySQL Ecosystem @ GitHub 2015
Be9caeb9d4ef9944d151af909063ed6e?s=48 samlambert
239
11k
Support Driven Design
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
87
8.6k
Designing with Data
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
91
4k
ReactJS: Keep Simple. Everything can be a component!
Af6a12710770ad9a7cfd08c97efd40d3?s=48 pedronauck
655
120k

Transcript

  1. CircleCI 101 @wtnabe Kanazawa.rb meetup #45 2016-05-21 (Sat) at DMM.com

    Labo Kanazawa Minami-chou

  2. お品書き 今⽇のゴール CircleCI紹介 やってみた 今後の課題

  3. 今⽇のゴール

  4. 1. GitHubのサンプルrepoをfork 2. CircleCIと紐付け 3. GitHubのコードを変更してbuild結果を確認

  5. CircleCI紹介

  6. https://circleci.com/ 2016-04-30 現在 2011年誕⽣ 今のところGitHubのみ対応 Linux x 1 parallelなら無料 private

    reposも無料で対応 2つめから $50 / para

  7. プロジェクトのアクセス権限はすべてリ ポジトリと紐づいているので管理が楽

  8. やってみた

  9. 1. GitHubのrepoをfork 2. GitHubアカウントでCircleCIにLog In 3. GitHub reposをADD PROJECTS 4.

    コードを変えて結果を⾒る

  10. サンプルrepo https://github.com/wtnabe/todomvc- vanillajs

  11. CircleCI https://circleci.com/

  12. Sign Up or Sign In CircleCIアカウントを持って いない場合は右のフローに従 ってSign Up 持ってる場合はLog

    In With GitHub
  13. None

  14. もうBuildが⾛ります そういう設定がrepoの中にあるから

  15. コードを変更してみよう

  16. 今回のBuildの秘密

  17. package.jsonがあった場合 Node.jsプロジェクトと判断 とりあえずnpm testを実⾏する 他の⾔語でも似たような感じ

  18. ちなみに GitHub API経由でsshのread onlyなdeploy keyがrepoにセットされています

  19. 今後の課題 今⽇やらなかったこと

  20. 1. Buildを実⾏する準備ができる circle.yml, Env Vars, SSH Key, etc. 2. 適切な通知設定

    3. テストコードを書けるようになる 4. Deploy

  21. まとめ

  22. GitHubを使っているならCircleCIで簡単 にCIを始められる CIは静的解析だけでも便利 Webフロントエンドでも便利

  23. 楽してうっかりをなくそう

  24. Enjoy !