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
GithubActionsではじめるDevOps
Search
mercy
June 30, 2023
Programming
0
110
GithubActionsではじめるDevOps
mercy
June 30, 2023
Tweet
Share
More Decks by mercy
See All by mercy
CloudFlare入門
mercy34mercy
0
370
Other Decks in Programming
See All in Programming
Rubyでやりたい駆動開発 / Ruby driven development
chobishiba
1
520
Kotlin エンジニアへ送る:Swift 案件に参加させられる日に備えて~似てるけど色々違う Swift の仕様 / from Kotlin to Swift
lovee
1
260
エンジニア向け採用ピッチ資料
inusan
0
180
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
seike460
PRO
1
720
関数型まつりレポート for JuliaTokai #22
antimon2
0
160
Node-RED を(HTTP で)つなげる MCP サーバーを作ってみた
highu
0
110
生成AIコーディングとの向き合い方、AIと共創するという考え方 / How to deal with generative AI coding and the concept of co-creating with AI
seike460
PRO
1
350
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
220
VS Code Update for GitHub Copilot
74th
1
530
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
y_ken
0
340
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
panda_program
6
1.8k
Select API from Kotlin Coroutine
jmatsu
1
210
Featured
See All Featured
For a Future-Friendly Web
brad_frost
179
9.8k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
124
52k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Making Projects Easy
brettharned
116
6.3k
Rails Girls Zürich Keynote
gr2m
94
14k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
Why Our Code Smells
bkeepers
PRO
337
57k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
720
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Automating Front-end Workflow
addyosmani
1370
200k
Transcript
Masashi Kobayashi 2023年7月1日 GitHub Actions ではじめる DevOps
目次 Introduction 各種用語の説明 DevOps、Github・GithubActions、CI/CD🖥️ DevOpsの説明 手動でのデプロイ Vercelを使った簡単なCD🧑💻 Github Actionsを使ったCI/CD🪧 Datadogを用いた監視👀
1
目次 Introduction 各種用語の説明 DevOps、Github・GithubActions、CI/CD🖥️ DevOpsの説明 手動でのデプロイ Vercelを使った簡単なCD🧑💻 Github Actionsを使ったCI/CD🪧 Datadogを用いた監視👀
2
名前 : マーシー 大学 : 立命館大学 情報理工学部 4年(大学院進学予定) 経歴 :
元watnow代表 趣味 : ドライブ・音楽を聴く 特技 : バレーボール 自己紹介 3
自己紹介(エンジニア) 実務経験 Go,node.js(TypeScript) GCP 趣味・その他 React,Python,C Azure,Heroku,自宅鯖 インターン いろいろ合わせて7社くらい 好きな言語
Go プログラミング歴 3年ちょい(大学入ってから) 得意な領域 バックエンド・クラウド 4
個人開発経験はあるけどもっともっと開発を早く行いたい🕐 ハッカソンなどでデプロイ出来ずに終わることが多い😭 アプリを長期的に開発・運用していきたい💪 これから開発を頑張りたい🧑💻 こんなこと思ってません? 誰向けなのか? CI・CD組んだことあるような方には 少し物足りないかも🙇 5
誰向けなのか? 自然 開発手法の話です。 バックエンド・フロントエンド・モバイル関係なく役に立つと思います なので コードは1行も出しません🙇 6
目次 Introduction 各種用語の説明 DevOps、Github・GithubActions、CI/CD🖥️ DevOpsの説明 手動でのデプロイ Vercelを使った簡単なCD🧑💻 Github Actionsを使ったCI/CD🪧 Datadogを用いた監視👀
7
ソフトウェア開発と運用を統合 実装とリリース、テストを同じ人が 一気通貫で行う開発手法 DevOps 8
CI : 継続的インテグレーション CD : 継続的デリバリー DevOpsを実現するためになくてはならない技術 CI/CD 機能を追加するたびに、ビルド、テスト、 リリース、モニタリングを行う
9
Microsoft社が提供する開発者がコードを共有し、 バージョン管理を行うためのオンラインプラットフォーム Github 10
CI/CDパイプラインを構築するため の機能 コードのビルド、テスト、デプロイ などのプロセスを簡単に設定できる Github Actions 11
Github Actionsとは Githubが提供するLinux・windows・macなどのサーバ サーバでテストを行なったり、ビルドを行ったりさまざ まなことができる テストの結果などはGithubのwebページで確認できる GithubActionsの設定 設定ファイルはYAML形式で記述 使うサーバの種類・実行するスクリプトなどを指定 12
目次 Introduction 各種用語の説明 DevOps、Github・GithubActions、CI/CD🖥️ DevOpsの説明 手動でのデプロイ Vercelを使った簡単なCD🧑💻 Github Actionsを使ったCI/CD🪧 Datadogを用いた監視👀
13
手動でのデプロイ 何らかの方法で コードをコピー ビルド 開発・テスト・動作検証 公開 デメリット 時間がかかる 専門の知識が必要 14
デプロイ CI/CDのメリット 開発 push ビルド・テスト merge 公開 メリット 開発者は開発に集中することができる 自動でテスト、ビルド、デプロイが終了する
15
Reactで ポートフォリオ を作って公開したい! DevOpsの始め方 ポートフォリオを 定期的に更新 したい! 16
Vercelの活用 できること GitHubにPushすれば自動的にvercelによってで公開される GitHubActionsなどデプロイの知識なしでもCDが構築できる push ビルド・デプロイ 公開 17
Vercelとは Vercel社が提供するWebアプリケーションホスティングサービス 簡単に言うとWebアプリをデプロイできる場所 18
VercelのCD 簡単な設定で右図のようにWebページ の公開を自動的に行なってくれる コードが変わるたびに自動で更新して くれる 19
ちょっと発展 push ビルド・デプロイ 公開 ビルド・テスト ├── ./.github │ ├── ./workflows
│ ├── ./test-and-build.yaml やること GithubActionsのyaml(設定)を書いてCIを作る 20
どうなるのか 変わったこと GithubActionsでCI(テストとビルド)が 行われる 何がいいのか コードを加えるたびにバグがないか検査 できる push ビルド・デプロイ 公開
ビルド・テスト 21
さらに発展 push ビルド・デプロイ 公開 ビルド・テスト CIが通ったら やること 自分でGithub Actionsを用いてCDを作成 できるようになること
CIが通ったらCDを回して、デプロイする 22
どうなるのか mainブランチにpush(merge)されると自動的にCIが行われ、 成功したらCDがはしる 23
完成形 push ビルド・デプロイ 公開 ビルド・テスト CIが通ったら 開発 出来るようになった事 自動でテスト・ビルド・デプロイが行われるようになった メリット
自動でテストが行われることでコードの品質が保たれる 開発チームは開発に専念できる 24
更なるDevOps DevOps 開発 ビルド・テスト リリース・デプロイ 監視 監視とは デプロイされたアプリケーションが正しく 動作しているかログなどを見て確かめる 25
監視 やること サーバやアプリケーションが出すログを見ることでアプリケーシ ョンが正常に動いているか確かめる 例えば 直近1日で急激に増えたErrorログなどがあれば通知する 新しくデプロイした直後はErrorが出ていないか人力でログを見る 26
Datadog Datadogとは Datadog社が提供するクラウドコンピューティング用の監視 アプリケーションサービス 何ができるのか さまざまなログがDatadog一か所に集まる データの可視化などが簡単にできる ログなどが急激に変化した場合はアラートを出せる 27
Github Education 学生特典で無料で使える(普通は有料のサービス) Datadog Github Actions ぜひ登録して実際に触ろう🤪 28
最後に 皆さんもDevOpsの考え方を導入して 効率的なサービス開発・運用をしよう! 29
ご清聴ありがとうございました 30
Github Actions iOS開発におけるGitHub Actions self-hosted runnerを利用したオンプレ CI/CD のすゝめ Git Hub
Actions入門 追加資料 DevOps LeanとDevOpsの科学 31