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
CI/CD
Search
sters
February 16, 2021
Programming
2
220
CI/CD
sters
February 16, 2021
Tweet
Share
More Decks by sters
See All by sters
PHP を Go にする mercari.go #4
sters
1
3.4k
Other Decks in Programming
See All in Programming
Introduction to kotlinx.rpc
arawn
0
770
未経験でSRE、はじめました! 組織を支える役割と軌跡
curekoshimizu
1
170
dbt Pythonモデルで実現するSnowflake活用術
trsnium
0
260
Jakarta EE meets AI
ivargrimstad
0
460
color-scheme: light dark; を完全に理解する
uhyo
7
500
一休.com のログイン体験を支える技術 〜Web Components x Vue.js 活用事例と最適化について〜
atsumim
0
1.1k
自力でTTSモデルを作った話
zgock999
0
110
クリーンアーキテクチャから見る依存の向きの大切さ
shimabox
5
1.1k
コードを読んで理解するko build
bells17
1
110
Generating OpenAPI schema from serializers throughout the Rails stack - Kyobashi.rb #5
envek
1
390
5分で理解する SOLID 原則 #phpcon_nagoya
shogogg
1
350
お前もAI鬼にならないか?👹Bolt & Cursor & Supabase & Vercelで人間をやめるぞ、ジョジョー!👺
taishiyade
7
4.2k
Featured
See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
100
18k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Fireside Chat
paigeccino
34
3.2k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
A designer walks into a library…
pauljervisheath
205
24k
For a Future-Friendly Web
brad_frost
176
9.6k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.5k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
260
Embracing the Ebb and Flow
colly
84
4.6k
Unsuck your backbone
ammeep
669
57k
Transcript
CI/CD について
自己紹介 • 猫です • 株式会社メルカリでソフトウェアエンジニアをしています • マイクロサービスをやっています • と英語を主に書いています •
もりもりコードを書いたり、環境を整備したりするのが好きです
今日の話 • についての説明、紹介 ◦ の無い世界では何が起こるか ◦ とはどういうものか、何を行うのか ◦ 実際のツールの紹介 ◦
導入や使用するときに気にすること • を使った例 • まとめ • おまけ
CI/CDについての説明、紹介
CI/CDの無い世界で何が起こるか 開発するぞ! 開発するぞ! 開発するぞ! 開発するぞ!
CI/CDの無い世界で何が起こるか できた! できた! できた! できた!
CI/CDの無い世界で何が起こるか リリースをするので データをください
CI/CDの無い世界で何が起こるか
CI/CDの無い世界で何が起こるか 動きません! 修正してください
CI/CDの無い世界で何が起こるか どうして... どうして... どうして... どうして...
CI/CDの無い世界で何が起こるか
CI/CDの無い世界で何が起こるか 確認できました リリース開始します
CI/CDの無い世界で何が起こるか 手順は...えーと...
CI/CDの無い世界で何が起こるか 〜しばらくして〜
• 自分の作業した部分は動く • 自分の作業が誰かの作業に影響しているかもしれない • 全体を見るまで かはわからない • ソフトウェアを本番環境に準備するのが大変 •
つまり、開発した機能のリリースにかかるまでの時間が長い!!! • → CI/CDで解決します ◦ ソースコード管理も必要です ◦ 人開発でもメリットがあります CI/CDの無い世界で何が起こるか
• • 大きくどどん、ではなく、小さく継続的に、ソフトウェアを結合する ◦ 継続的に 定期的、自動的 ◦ ソフトウェアを結合 ビルドやテストを行う •
頻繁にソフトウェアを結合できるので ◦ 他人との衝突に早く気づくことができる ◦ 結果としてリリースまでの時間を短縮できる CIとはどういうものなのか
CIでは何をするのか • ソフトウェアのビルド ソフトウェアを利用できるようにする • ソフトウェアのテスト ソフトウェアが正しく動作する状態を確認 • ソースコードに対する解析 ソースコードの品質を高める
• その他アイデア次第 ◦ 脆弱性診断、パフォーマンス測定など
CDとはどういうものなのか • ◦ ソフトウェアをいつでもリリース可能な状態にする ◦ リリースは手動(ビジネス的な都合がある) ◦ ソフトウェアを準備することで、リリースにかかるコストを削減 • ◦
リリースにかかる作業( デプロイ)を自動化する ◦ 全自動でリリースがされることで、リリースにかかるコストを更に削減する ◦ 今日の はこちらを指します
CDでは何をするのか • リリースするものを準備する • リリースの実施 ◦ アプリケーションなら ◦ サーバにログイン、ソフトウェアを配置する。
CI/CDとは!? 実際の動作する環境 開発者 をしてくれるもの をしてくれるもの ビルド テスト ソースコード管理 フィードバック
実際にどういうソリューションがあるか 1/2 • ソースコード管理と一体化したもの ◦ ◦ ◦ • ◦ ◦
◦
実際にどういうソリューションがあるか 2/2 • クラウドプロバイダーが提供するもの ◦ ◦ ◦ • セルフホスティング ◦
◦ ◦ ◦
CI/CDの導入や利用にあたって気にすること • コストがかかることを理解する ◦ お金がかかる ◦ 管理やメンテナンス、トラブルシューティングする人も必要 • 自動化する ◦
手動でボタンポチーは面倒なのでやらなくなる ◦ 自動化にこだわりすぎるのもダメ。構築やメンテナンスが大変 • 作業単位を小さくし、実行頻度をあげる ◦ 作業単位が大きいと時間もかかる ◦ 頻度を上げられない原因があれば解消する
特にCIの導入や利用にあたって気にすること 1/2 • 入れるなら最初から入れる ◦ 開発の超初期段階でもメリットがある ◦ 開発途中のものに入れる場合は、全部対応してからではなく 都度対応を可能となるように導入する •
の信頼性を高める ◦ がたまに失敗したり、失敗を放置したままにしない ◦ の実行時間を速める
特にCIの導入や利用にあたって気にすること 2/2 • で作成したソフトウェアがなにかに影響を出している ◦ 実行したテストが本番データを更新している、とか • で確認する内容が更新する ◦ ソフトウェアは開発を経て進化するので内容も見直す
• 恐怖駆動にしない ◦ 壊した人に罰を与えないよう各自の作業を各自が見れるようにする
特にCDの導入や利用にあたって気にすること 1/2 • コストがかかることを理解する ◦ 以上にコストがかかる場合が多い • デプロイのプロセスを正しく自動化する ◦ 途中でマニュアル操作が必要なものは継続的に実施しにくい
• デプロイを追跡する ◦ なにか問題が起きたり、大きな改善が見られたときに どのデプロイが影響したかを把握する
特にCDの導入や利用にあたって気にすること 2/2 • 本当に全自動でよいかを考える ◦ ビジネスとしての都合、ソフトウェアの利用者の性質など様々な要素が絡む ◦ カナリアリリースやロールバックといった仕組みの用意が必要 ▪ カナリアリリース
一部の利用者のみが最新のものを利用する仕組み ▪ ロールバック 問題があったときに以前のバージョンに戻す ▪ 問題が起きたとしても影響範囲を小さくすることができる ▪ もちろんこれらも全自動にできる
Github Actionsを使った例
実際にGithubActionsを使ってCIをやってみる • 空っぽのリポジトリを作る • 言語を使って、ハローワールドと簡単なテストを書く • をセットアップ • 手元で変更を作成、コミットしてプッシュ •
プルリクエストを作成して の結果を確認 • 手元で修正を作成、コミットしてプッシュ • の結果を確認
実際にGithubActionsを使ってCIをやってみる 空っぽのリポジトリを作る
実際にGithubActionsを使ってCIをやってみる Go言語を使って、ハローワールドと簡単なテストを書く package main import "fmt" func main() { fmt.Println(say("hello!"))
} func say(message string) string { return fmt.Sprintf("I'm bot, %s", message) }
実際にGithubActionsを使ってCIをやってみる Go言語を使って、ハローワールドと簡単なテストを書く
実際にGithubActionsを使ってCIをやってみる Go言語を使って、ハローワールドと簡単なテストを書く
実際にGithubActionsを使ってCIをやってみる CIをセットアップ
実際にGithubActionsを使ってCIをやってみる CIをセットアップ
実際にGithubActionsを使ってCIをやってみる CIをセットアップ
実際にGithubActionsを使ってCIをやってみる CIをセットアップ
実際にGithubActionsを使ってCIをやってみる CIをセットアップ
実際にGithubActionsを使ってCIをやってみる CIをセットアップ
実際にGithubActionsを使ってCIをやってみる CIをセットアップ
実際にGithubActionsを使ってCIをやってみる CIをセットアップ
実際にGithubActionsを使ってCIをやってみる 手元で変更を作成、コミットしてプッシュ
実際にGithubActionsを使ってCIをやってみる 手元で変更を作成、コミットしてプッシュ
実際にGithubActionsを使ってCIをやってみる 手元で変更を作成、コミットしてプッシュ
実際にGithubActionsを使ってCIをやってみる プルリクエストを作成してCIの結果を確認
実際にGithubActionsを使ってCIをやってみる プルリクエストを作成してCIの結果を確認
実際にGithubActionsを使ってCIをやってみる プルリクエストを作成してCIの結果を確認
実際にGithubActionsを使ってCIをやってみる 手元で修正を作成、コミットしてプッシュ
実際にGithubActionsを使ってCIをやってみる CIの結果を確認
実際にGithubActionsを使ってCIをやってみる CIの結果を確認
実際にGithubActionsを使ってCIをやってみる CIの結果を確認
実際にGithubActionsを使ってCDをやってみる • ディレクトリに の形で資料を置く • で にビルドし、 にブランチにコミット • を有効にする
• 結果を確認する
実際にGithubActionsを使ってCDをやってみる docsディレクトリにgitbookの形で資料を置く 最高に素晴らしいアプリケーションを開発しました。 ぜひご利用ください。 の説明は省略
実際にGithubActionsを使ってCDをやってみる docsディレクトリにgitbookの形で資料を置く
実際にGithubActionsを使ってCDをやってみる GithubActionsでHTMLにビルドし、gh-pagesにブランチにコミット を使います
実際にGithubActionsを使ってCDをやってみる GithubActionsでHTMLにビルドし、gh-pagesにブランチにコミット
実際にGithubActionsを使ってCDをやってみる GithubActionsでHTMLにビルドし、gh-pagesにブランチにコミット
実際にGithubActionsを使ってCDをやってみる GithubActionsでHTMLにビルドし、gh-pagesにブランチにコミット
実際にGithubActionsを使ってCDをやってみる GithubActionsでHTMLにビルドし、gh-pagesにブランチにコミット
実際にGithubActionsを使ってCDをやってみる GithubActionsでHTMLにビルドし、gh-pagesにブランチにコミット
実際にGithubActionsを使ってCDをやってみる GithubPagesを有効にする
実際にGithubActionsを使ってCDをやってみる GithubPagesを有効にする
実際にGithubActionsを使ってCDをやってみる 結果を確認する
まとめ
まとめ • と について説明しました ◦ をすることで、より早い段階で問題点に気づくことができる ◦ をすることで、小さいリリースを、頻繁に行うことができる • さまざまなツールを紹介した
◦ これですべてではないし、連携すれば可能性はさらに広がる • で簡単なデモを行った ◦ 始めてみることは簡単にできる。やってみよう!
おまけ
おまけ: メルカリ社での例1: バックエンドAPI 作成 静的解析 テスト ビルド マージを トリガに起動 静的解析
テスト ビルド へ連携 イメージ作成を トリガにデプロイ起動 上で ソフトウェアの運用 にデプロイ 連携 結果のフィードバック
おまけ: メルカリ社での例2: 構成管理,Terraform 作成 連携 静的解析 マージをトリガに起動 結果のフィードバック 構成の適用 結果のフィードバック