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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
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
410
Other Decks in Programming
See All in Programming
humanlayerのブログから学ぶ、良いCLAUDE.mdの書き方
tsukamoto1783
0
190
なぜSQLはAIぽく見えるのか/why does SQL look AI like
florets1
0
450
AIによる高速開発をどう制御するか? ガードレール設置で開発速度と品質を両立させたチームの事例
tonkotsuboy_com
7
2.1k
Fragmented Architectures
denyspoltorak
0
150
AI Agent の開発と運用を支える Durable Execution #AgentsInProd
izumin5210
7
2.3k
副作用をどこに置くか問題:オブジェクト指向で整理する設計判断ツリー
koxya
1
600
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
nash_efp
1
940
それ、本当に安全? ファイルアップロードで見落としがちなセキュリティリスクと対策
penpeen
7
2.5k
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
kamina_zzz
0
400
Architectural Extensions
denyspoltorak
0
280
ThorVG Viewer In VS Code
nors
0
770
CSC307 Lecture 09
javiergs
PRO
1
830
Featured
See All Featured
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
64
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Optimizing for Happiness
mojombo
379
71k
Build your cross-platform service in a week with App Engine
jlugia
234
18k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
5.2k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.4k
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
430
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
120
We Are The Robots
honzajavorek
0
160
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
55
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