CircleCI Hands-on for Beginners

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 !