$30 off During Our Annual Pro Sale. View Details »
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
460
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
Ruby de Railway Oriented Programming
wtnabe
0
40
Bindanのススメ
wtnabe
0
29
そのオブジェクト、何を保証してくれますか? - GuideRailのススメ -
wtnabe
0
41
Effective Jekyll
wtnabe
0
70
5 min Jekyll/Liquid Plugin cooking
wtnabe
0
37
Ruby de Wasm
wtnabe
0
64
Cloud Native Buildpacksって結局どうなの?
wtnabe
0
53
Decoupled System with Turbo Frame
wtnabe
1
140
join-kanazawarb-or-7years-passed-since-it-was-borned
wtnabe
0
810
Other Decks in Programming
See All in Programming
Building AI Agents with TypeScript #TSKaigiHokuriku
izumin5210
6
1.2k
Herb to ReActionView: A New Foundation for the View Layer @ San Francisco Ruby Conference 2025
marcoroth
0
240
配送計画の均等化機能を提供する取り組みについて(⽩⾦鉱業 Meetup Vol.21@六本⽊(数理最適化編))
izu_nori
0
130
TypeScriptで設計する 堅牢さとUXを両立した非同期ワークフローの実現
moeka__c
6
2.9k
React Native New Architecture 移行実践報告
taminif
1
130
AIコーディングエージェント(skywork)
kondai24
0
120
堅牢なフロントエンドテスト基盤を構築するために行った取り組み
shogo4131
6
2k
なあ兄弟、 余白の意味を考えてから UI実装してくれ!
ktcryomm
10
11k
connect-python: convenient protobuf RPC for Python
anuraaga
0
360
How Software Deployment tools have changed in the past 20 years
geshan
0
28k
MAP, Jigsaw, Code Golf 振り返り会 by 関東Kaggler会|Jigsaw 15th Solution
hasibirok0
0
210
「コードは上から下へ読むのが一番」と思った時に、思い出してほしい話
panda728
PRO
28
15k
Featured
See All Featured
It's Worth the Effort
3n
187
29k
Statistics for Hackers
jakevdp
799
230k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6.1k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Building Adaptive Systems
keathley
44
2.9k
Typedesign – Prime Four
hannesfritz
42
2.9k
Leading Effective Engineering Teams in the AI Era
addyosmani
8
1.3k
Code Reviewing Like a Champion
maltzj
527
40k
Facilitating Awesome Meetings
lara
57
6.7k
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 !