Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ピクスタのエンジニアリングとCircleCI / Software Engineering with CircleCI at PIXTA

B8e501d93b98a553abf0b5cee0c33503?s=47 yasaichi
January 16, 2020
Technology
1
260

ピクスタのエンジニアリングとCircleCI / Software Engineering with CircleCI at PIXTA

CircleCI ユーザーコミュニティミートアップ#8（2020/01/16）

B8e501d93b98a553abf0b5cee0c33503?s=128

yasaichi

January 16, 2020
Tweet

More Decks by yasaichi

See All by yasaichi
Active Recordから考える次の10年を見据えた技術選定 / Architecture decision for the next 10 years at PIXTA
B8e501d93b98a553abf0b5cee0c33503?s=48 yasaichi
46
17k
Active Recordから考える次世代のRuby on Railsの方向性 / Directions for the next generation of Ruby on Rails: From the viewpoint of its Active Record
B8e501d93b98a553abf0b5cee0c33503?s=48 yasaichi
36
16k
Ruby on Railsの正体と向き合い方 / What is Ruby on Rails and how to deal with it?
B8e501d93b98a553abf0b5cee0c33503?s=48 yasaichi
131
75k
SSR以後の世界へ / techcamp05
B8e501d93b98a553abf0b5cee0c33503?s=48 yasaichi
3
1.3k
サービス開発の現場からOSSを生み出す思考技術 / genbaweb04
B8e501d93b98a553abf0b5cee0c33503?s=48 yasaichi
3
770
Capybaraで変更に強いE2Eテストを書く / TokyuRubyKaigi12
B8e501d93b98a553abf0b5cee0c33503?s=48 yasaichi
5
1.3k
今更始めるGo言語 / techcamp04
B8e501d93b98a553abf0b5cee0c33503?s=48 yasaichi
0
2.7k
とある企業のモバイル対応 / Rails Developers Meetup 2017
B8e501d93b98a553abf0b5cee0c33503?s=48 yasaichi
1
3.2k
テスト駆動開発と私 / TechBookWalk TDD
B8e501d93b98a553abf0b5cee0c33503?s=48 yasaichi
3
1.6k

Other Decks in Technology

See All in Technology
CityGMLとFBXの連携で地理空間のエンタメ化
A3990cfe49309642cb8d1f50b617c141?s=48 soh_mitian
0
730
森林情報のオープンデータと QGISでの利用
2a35cc4d9c9dd2672aba2f097980e5d1?s=48 kou_kita
0
310
IBM Cloud Festa Online 2022 Summer
Fecdd3417cd7375cc0bd0352d72db27e?s=48 1ftseabass
PRO
0
200
〇〇みたいな検索作ってと言われたときに考えること / thinking before developing search system like that one
E96c81ea6ec9fc4258a1fba04ae7ca5e?s=48 ryook
5
2.7k
ReverseETLでユーザーに価値を届ける基盤を実現した話
0c847ea07895706f7435ef67d31a5f6e?s=48 hakky
0
350
Cloud Foundryの移行先はどこか？ オープンソースPaaS探し
49844569246a6d183a5551bb74895e2a?s=48 kolinz
0
350
バッファープールが大きいMySQL v5.7でDROP DATABASEが詰まった原因と対策 / Causes and Remedies for DROP DATABASE Stuck in MySQL v5.7 with Large Buffer Pool
A3966f193f4bef226a0d3e3c1f728d7f?s=48 line_developers
PRO
4
810
#awsbasics [LT] サーバレスECにおける Step Functions の使い方
74cec195bfb6cb5165256d88cb7fcf0f?s=48 miu_crescent
0
850
psql, my favorite tool!
18749909c147a9ee98f6b112911943cc?s=48 nuko_yokohama
1
180
ソフトウェアアーキテクチャの基礎: Software Architecture in a Nutshell
941b170e5a115a295cccb5f5cdf0a800?s=48 snoozer05
31
8.9k
金融スタートアップの上場準備で大事にしたマインドセット / 2022-08-04-the-mindset-in-preparing-for-ipo
0251532f4fb413ea1a026efe6eb16b87?s=48 stajima
0
320
品質特性のすすめ
95d0e8ddf4a989d9734c25bd6b1af295?s=48 honamin09
0
170

Featured

See All Featured
Support Driven Design
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
87
8.6k
What's in a price? How to price your products and services
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
229
9.4k
GraphQLの誤解/rethinking-graphql
3cb4e761dbdb7aebd1ffd85f752e1e3e?s=48 sonatard
31
6.8k
Designing on Purpose - Digital PM Summit 2013
7653c7c449918ff6542880a8c284f5e7?s=48 jponch
106
5.7k
Bootstrapping a Software Product
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
296
110k
The Power of CSS Pseudo Elements
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
47
4k
Scaling GitHub
78b475797a14c84799063c7cd073962f?s=48 holman
451
140k
Principles of Awesome APIs and How to Build Them.
B47b288784fda77a94aeb234ca743c24?s=48 keavy
113
15k
Designing the Hi-DPI Web
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
272
32k
CSS Pre-Processors: Stylus, Less & Sass
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
349
27k
Clear Off the Table
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
79
290k
Visualization
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
125
12k

Transcript

  1. ピクスタのエンジニアリングとCircleCI Yuichi Goto (@_yasaichi) January 16, 2020 @ CircleCI ユーザーコミュニティミートアップ#8

  2. self.inspect ! Yuichi Goto ! @_yasaichi " yasaichi " ピクスタ株式会社

    執行役員CTO兼開発部長 2

  3. コーポレートサイトトップ: https://pixta.co.jp 3 [PR] ピクスタはクリエイティブプラットフォームを創る会社です

  4. Agenda 4 1. ピクスタにおける技術の位置づけ 2. ピクスタにおけるCircleCI活用事例 3. まとめ

  5. 目指すエンジニアリング組織像 • あるべき姿: 経営課題の達成に必要な要求に対して、質の高いアウトプットを速く継続 的に出せている状態 • ギャップを埋めるためのアプローチ: 仮説検証サイクルを高速化し、不確実性を乗りこなせる組織を作る 5

  6. ソフトウェア技術の位置づけ • 位置づけ: 仮説検証サイクルのボトルネックを解消する手段のひとつ • KPI: • サイクルタイム（コードを書き始めてからデプロイ可能になるまで） • 開発者1人あたりの1日のデプロイ件数

    • MTTR（Mean Time To Recovery、平均修復時間） 6 こう自分に言い聞かせないと好きに技術を使ってしまう…

  7. CI/CDパイプラインへの期待 • 高速な自動テストの実行によりコードの誤りにすぐ気づけるようにし、手戻り （≒サイクルタイム）を減らしたい • デプロイ作業の自動化・高速化により、気軽にリリースできるようにしたい • 任意時点の本番環境にすぐ切り戻せるようにし、障害を最小限に抑えたい 7 CI/CDパイプラインの構築・改善は広範な問題を解決できる

  8. Agenda 8 1. ピクスタにおける技術の位置づけ 2. ピクスタにおけるCircleCI活用事例 3. まとめ

  9. https://pixta.jp 9 事例1: PIXTA（デジタル素材のマーケットプレイス）の場合

  10. PIXTAにおける課題と解決策 • 課題: 10年近い歴史のある"本体"アプリケーションの自動テストの実行に マシン一台だと数時間かかり、CIの結果を待たずにデプロイされてしまう • 解決策: 1. RRRSpec（by Cookpad）の導入による自動テストの並列分散実行

    2. ↑のEOLにより、当時トライアルだったPerformanceプランを採用して CircleCIに移行し、並列実行はそのままに運用負荷の低減を実現 10 明らかにボトルネックだったとわかる

  11. https://fotowa.com 11 事例2:fotowa（出張撮影プラットフォーム）の場合

  12. fotowaにおける課題と解決策 • 課題: Kubernetes導入に伴い、自動テストが通ったらDockerイメージを ビルドしてクラスタにデプロイしたい（もちろん全て自動で） • 解決策: 1. Workflowsを使ってビルドジョブの後に`setup_remote_docker`で Dockerイメージをビルドし、ECRにpush

    2. pushをフックにしてCodePipelineが起動し、EKSクラスタにデプロイ 12

  13. 補足: その他のマネージドCI/CDサービスの採用事例 • CodeBuild: デプロイ自動化のみ必要な場合（例: CMS）に利用 • GitHub Actions: https://github.com/pixta-dev/repository-

    mirroring-action を作り、GitHub → CodeCommitへのミラーに利用 13 CIは基本CircleCI、CD+αは各サービスで行う、という使い分け

  14. Agenda 14 1. ピクスタにおける技術の位置づけ 2. ピクスタにおけるCircleCI活用事例 3. まとめ

  15. まとめ • 速く継続的に経営課題を達成するために、エンジニアリング組織としては 仮説検証サイクルの高速化にフォーカスしている • 技術は仮説検証サイクルのボトルネックを解消する手段のひとつ • CI/CDパイプラインの構築・改善は広範な問題を解決でき、てこが効く • 用途に応じてCircleCIとその他マネージドサービスを使い分けている

    15

  16. ご清聴ありがとうございました 16