Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
CircleCI Hands-on for Beginners
Search
wtnabe
May 21, 2016
Programming
0
450
CircleCI Hands-on for Beginners
GitHubのサンプルリポジトリをCircleCIのプロジェクトとして追加し、Buildを動かしてみるまで。Kanazawa.rb meetup #45
wtnabe
May 21, 2016
Tweet
Share
More Decks by wtnabe
See All by wtnabe
Effective Jekyll
wtnabe
0
47
5 min Jekyll/Liquid Plugin cooking
wtnabe
0
22
Ruby de Wasm
wtnabe
0
46
Cloud Native Buildpacksって結局どうなの?
wtnabe
0
38
Decoupled System with Turbo Frame
wtnabe
1
120
join-kanazawarb-or-7years-passed-since-it-was-borned
wtnabe
0
770
let-me-edit-with-editor
wtnabe
0
330
google-photos-and-storage-and-rclone
wtnabe
0
440
one case of how to begin vuejs
wtnabe
2
460
Other Decks in Programming
See All in Programming
Enterprise Web App. Development (2): Version Control Tool Training Ver. 5.1
knakagawa
1
120
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
190
C++20 射影変換
faithandbrave
0
530
童醫院敏捷轉型的實踐經驗
cclai999
0
190
GoのGenericsによるslice操作との付き合い方
syumai
3
690
Benchmark
sysong
0
270
NPOでのDevinの活用
codeforeveryone
0
350
『自分のデータだけ見せたい!』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
akitotsukahara
1
550
Cursor AI Agentと伴走する アプリケーションの高速リプレイス
daisuketakeda
1
130
Haskell でアルゴリズムを抽象化する / 関数型言語で競技プログラミング
naoya
17
4.9k
Code as Context 〜 1にコードで 2にリンタ 34がなくて 5にルール? 〜
yodakeisuke
0
110
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
kentaroutakeda
2
570
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
42
2.7k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Code Review Best Practice
trishagee
68
18k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Become a Pro
speakerdeck
PRO
28
5.4k
How STYLIGHT went responsive
nonsquared
100
5.6k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Rails Girls Zürich Keynote
gr2m
94
14k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Automating Front-end Workflow
addyosmani
1370
200k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
210
Transcript
CircleCI 101 @wtnabe Kanazawa.rb meetup #45 2016-05-21 (Sat) at DMM.com
Labo Kanazawa Minami-chou
お品書き 今⽇のゴール CircleCI紹介 やってみた 今後の課題
今⽇のゴール
1. GitHubのサンプルrepoをfork 2. CircleCIと紐付け 3. GitHubのコードを変更してbuild結果を確認
CircleCI紹介
https://circleci.com/ 2016-04-30 現在 2011年誕⽣ 今のところGitHubのみ対応 Linux x 1 parallelなら無料 private
reposも無料で対応 2つめから $50 / para
プロジェクトのアクセス権限はすべてリ ポジトリと紐づいているので管理が楽
やってみた
1. GitHubのrepoをfork 2. GitHubアカウントでCircleCIにLog In 3. GitHub reposをADD PROJECTS 4.
コードを変えて結果を⾒る
サンプルrepo https://github.com/wtnabe/todomvc- vanillajs
CircleCI https://circleci.com/
Sign Up or Sign In CircleCIアカウントを持って いない場合は右のフローに従 ってSign Up 持ってる場合はLog
In With GitHub
None
もうBuildが⾛ります そういう設定がrepoの中にあるから
コードを変更してみよう
今回のBuildの秘密
package.jsonがあった場合 Node.jsプロジェクトと判断 とりあえずnpm testを実⾏する 他の⾔語でも似たような感じ
ちなみに GitHub API経由でsshのread onlyなdeploy keyがrepoにセットされています
今後の課題 今⽇やらなかったこと
1. Buildを実⾏する準備ができる circle.yml, Env Vars, SSH Key, etc. 2. 適切な通知設定
3. テストコードを書けるようになる 4. Deploy
まとめ
GitHubを使っているならCircleCIで簡単 にCIを始められる CIは静的解析だけでも便利 Webフロントエンドでも便利
楽してうっかりをなくそう
Enjoy !