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

Breaking News & Breaking Software, SyncConf 2013

Avatar for Andy Hume Andy Hume
March 29, 2013
Technology
0
330

Breaking News & Breaking Software, SyncConf 2013

How the Guardian build web sites - by software architect, Andy Hume.

Avatar for Andy Hume

Andy Hume

March 29, 2013
Tweet

More Decks by Andy Hume

See All by Andy Hume
Architecting resilient front-ends, jQuery UK, 2015
Avatar for Andy Hume andyhume
2
1.2k
Building for performance and resilience
Avatar for Andy Hume andyhume
5
1.2k
Architecting resilient front ends
Avatar for Andy Hume andyhume
3
900
Guardian Responsive Design, SmashingConf 2013
Avatar for Andy Hume andyhume
6
690
Web Fonts as a Progressive Enhancement, Ampersand 2013
Avatar for Andy Hume andyhume
2
810
Anatomy of a responsive page load, WhiskyWeb 2013
Avatar for Andy Hume andyhume
10
1.9k
Anatomy of a responsive page load, Responsive Day Out 2013
Avatar for Andy Hume andyhume
23
3.4k
Responsive Guardian
Avatar for Andy Hume andyhume
21
1.2k
CSS for grown ups: maturing best practises, SXSW 2012
Avatar for Andy Hume andyhume
101
47k

Other Decks in Technology

See All in Technology
「データとの対話」の現在地と未来
Avatar for kobakou kobakou
0
1.3k
越境する組織づくり ─ 多様性を前提にしたチームビルディングとリードの実践知
Avatar for hrpnx kido_engineer
1
110
DX Improvement at Scale
Avatar for ntk1000 ntk1000
2
290
Sansan Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
4k
Webアクセシビリティ技術と実装の実際
Avatar for tomokusaba tomokusaba
0
210
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
10k
オンプレとGoogle Cloudを安全に繋ぐための、セキュア通信の勘所
Avatar for Yuta Ozaki waiwai2111
3
1.1k
OpenClawで回す組織運営
Avatar for Kazuto Kusama jacopen
2
400
Exadata Database Service on Dedicated Infrastructure(ExaDB-D) UI スクリーン・キャプチャ集
Avatar for oracle4engineer oracle4engineer
PRO
7
7.1k
開発組織の課題解決を加速するための権限委譲 -する側、される側としての向き合い方-
Avatar for daitasu daitasu
4
250
男（監査）はつらいよ - Policy as CodeからAIエージェントへ
Avatar for Kengo Suzuki ken5scal
5
730
Oracle Database@AWS：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
4
1.6k

Featured

See All Featured
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
75
5.1k
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
21k
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
620
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
880
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
47k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.8k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.4k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
0
600
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
68

Transcript

  1. SOFTWARE Andy Hume SyncConf, 2013 NEWS Breaking Breaking Sunday, December

    29, 13

  2. PLANES? Breaking http://www.youtube.com/watch?v=Ai2HmvAXcU0 Sunday, December 29, 13

  3. PLANES? Breaking http://www.youtube.com/watch?v=Ai2HmvAXcU0 Sunday, December 29, 13

  4. Why so happy? http://www.youtube.com/watch?v=Ai2HmvAXcU0 Sunday, December 29, 13

  5. WEBSITES Breaking Sunday, December 29, 13

  6. http://www.flickr.com/photos/disinfeqt/7908154990/ Process Sunday, December 29, 13

  7. Text Sunday, December 29, 13

  8. Sunday, December 29, 13

  9. THE ARCHITECTURE Guardian APIs EC2 / ELB / S3 /

    Cloudformation Scala / Play 2 AMD JavaScript / requirejs / LESS Sunday, December 29, 13

  10. THE TEAM 6 Developers (2 client-side) 1 QA 1 Product

    Manager (me) Sunday, December 29, 13

  11. FAILING CONTINUOUS DEPLOYMENT METRICS MONITORING Sunday, December 29, 13

  12. http://www.flickr.com/photos/spacemanbob/1084139169/ Continuous deployment Sunday, December 29, 13

  13. http://www.flickr.com/photos/spacemanbob/1084139169/ Continuous deployment Sunday, December 29, 13

  14. I think somethings awry ... the graph is implying that

    there have been about 100 deploys in 17 days. ose graphs don't lie. Matt, Development Lead Michael, Operations Manager Sunday, December 29, 13

  15. WORKFLOW Github http://github.com/guardian/frontend Sunday, December 29, 13

  16. Pull request https://github.com/guardian/frontend/pull/388 Sunday, December 29, 13

  17. Pull request https://github.com/guardian/frontend/pull/388 Sunday, December 29, 13

  18. Pull request https://github.com/guardian/frontend/pull/388 Sunday, December 29, 13

  19. Pull request https://github.com/guardian/frontend/pull/388 Sunday, December 29, 13

  20. Pull request https://github.com/guardian/frontend/pull/388 Sunday, December 29, 13

  21. Pull request https://github.com/guardian/frontend/pull/388 Sunday, December 29, 13

  22. RUNS THE BUILD CONTINUOUS INTEGRATION RUNS UNIT TESTS RUNS INTEGRATION

    TESTS DEPLOYS TO STAGE Sunday, December 29, 13

  23. RUNS THE BUILD CONTINUOUS INTEGRATION RUNS UNIT TESTS RUNS INTEGRATION

    TESTS DEPLOYS TO STAGE RUNS THE BUILD Sunday, December 29, 13

  24. RUNS THE BUILD CONTINUOUS INTEGRATION RUNS UNIT TESTS RUNS INTEGRATION

    TESTS DEPLOYS TO STAGE RUNS THE BUILD RUNS UNIT TESTS Sunday, December 29, 13

  25. RUNS THE BUILD CONTINUOUS INTEGRATION RUNS UNIT TESTS RUNS INTEGRATION

    TESTS DEPLOYS TO STAGE RUNS THE BUILD RUNS UNIT TESTS RUNS INTEGRATION TESTS Sunday, December 29, 13

  26. RUNS THE BUILD CONTINUOUS INTEGRATION RUNS UNIT TESTS RUNS INTEGRATION

    TESTS DEPLOYS TO STAGE RUNS THE BUILD RUNS UNIT TESTS RUNS INTEGRATION TESTS Sunday, December 29, 13

  27. RUNS THE BUILD CONTINUOUS INTEGRATION RUNS UNIT TESTS RUNS INTEGRATION

    TESTS DEPLOYS TO STAGE RUNS THE BUILD RUNS UNIT TESTS RUNS INTEGRATION TESTS RUNS INTEGRATION TESTS Sunday, December 29, 13

  28. SANITY CHECK DEPLOY TO PRODUCTION SOME QA REGRESSION TESTS PERFORMANCE

    TESTS DEPLOY TO PROD Sunday, December 29, 13

  29. SANITY CHECK DEPLOY TO PRODUCTION SOME QA REGRESSION TESTS PERFORMANCE

    TESTS DEPLOY TO PROD SOME QA REGRESSION TESTS ? Sunday, December 29, 13

  30. SANITY CHECK DEPLOY TO PRODUCTION SOME QA REGRESSION TESTS PERFORMANCE

    TESTS DEPLOY TO PROD SOME QA REGRESSION TESTS ? PERFORMANCE TESTS? Sunday, December 29, 13

  31. SANITY CHECK DEPLOY TO PRODUCTION SOME QA REGRESSION TESTS PERFORMANCE

    TESTS DEPLOY TO PROD SOME QA REGRESSION TESTS ? PERFORMANCE TESTS? Sunday, December 29, 13

  32. http://www.flickr.com/photos/spacemanbob/1084139169/ Continuous deployment EMPOWERMENT ADD VALUE TAKE OWNERSHIP Sunday, December

    29, 13

  33. Metrics monitoring http://www.flickr.com/photos/kayaker1204/4319542459/ Sunday, December 29, 13

  34. Metrics monitoring http://www.flickr.com/photos/kayaker1204/4319542459/ Sunday, December 29, 13

  35. “If it moves, graph it” http://www.flickr.com/photos/kayaker1204/4319542459/ Sunday, December 29, 13

  36. Real time performance Sunday, December 29, 13

  37. Real time performance Sunday, December 29, 13

  38. Real time performance Sunday, December 29, 13

  39. FIREFOX LOAD CHROME LOAD Sunday, December 29, 13

  40. GANGLIA METRICS Sunday, December 29, 13

  41. Sunday, December 29, 13

  42. REAL USER METRICS (RUM) Sunday, December 29, 13

  43. Metrics monitoring http://www.flickr.com/photos/kayaker1204/4319542459/ Sunday, December 29, 13

  44. http://www.flickr.com/photos/spacemanbob/1084139169/ Failing Sunday, December 29, 13

  45. http://www.flickr.com/photos/spacemanbob/1084139169/ Failing Sunday, December 29, 13

  46. RESILIENCE VS RELIABILITY Sunday, December 29, 13

  47. Sunday, December 29, 13

  48. Up me is not binary Mike Brittain, Etsy Sunday, December

    29, 13

  49. Sunday, December 29, 13

  50. Sunday, December 29, 13

  51. Sunday, December 29, 13

  52. Sunday, December 29, 13

  53. USER READING NEWS CONTENT API ZEITGEIST SOULMATES API SCALA WEB

    APP Sunday, December 29, 13

  54. USER READING NEWS CONTENT API ZEITGEIST SOULMATES API SCALA WEB

    APP Sunday, December 29, 13

  55. Sunday, December 29, 13

  56. USER READING NEWS CONTENT API ZEITGEIST SOULMATES API SCALA WEB

    APP Sunday, December 29, 13

  57. USER READING NEWS CONTENT API ZEITGEIST SOULMATES API SCALA WEB

    APP Sunday, December 29, 13

  58. Sunday, December 29, 13

  59. CONTENT API ZEITGEIST SCALA WEB APP USER READING NEWS SOULMATES

    API Sunday, December 29, 13

  60. CONTENT API ZEITGEIST SCALA WEB APP USER READING NEWS SOULMATES

    API Sunday, December 29, 13

  61. CONTENT API ZEITGEIST SCALA WEB APP USER READING NEWS SOULMATES

    API CACHE Sunday, December 29, 13

  62. GOOGLE PAGE SPEED Sunday, December 29, 13

  63. GOOGLE PAGE SPEED Sunday, December 29, 13

  64. GOOGLE PAGE SPEED DOMContentReady event Sunday, December 29, 13

  65. GOOGLE PAGE SPEED DOMContentReady event Load event Sunday, December 29,

    13

  66. GOOGLE PAGE SPEED P1 DOMContentReady event Load event Sunday, December

    29, 13

  67. GOOGLE PAGE SPEED P1 P2 DOMContentReady event Load event Sunday,

    December 29, 13

  68. GOOGLE PAGE SPEED P1 P2 P3 DOMContentReady event Load event

    Sunday, December 29, 13

  69. FAILING CONTINUOUS DEPLOYMENT METRICS MONITORING Sunday, December 29, 13

  70. FAILING CONTINUOUS DEPLOYMENT METRICS MONITORING Sunday, December 29, 13

  71. FAILING CONTINUOUS DEPLOYMENT METRICS MONITORING Sunday, December 29, 13

  72. FAILING CONTINUOUS DEPLOYMENT METRICS MONITORING Sunday, December 29, 13

  73. Thank-you! http://lanyrd.com/sccxwy @andyhume Creative Commons Licensed Attribution, Non-Commercial, Share Alike

    cc Sunday, December 29, 13

  74. STUFF AWS AWS Cloudformation Scala/Play Framework Github Hudson Jenkins Ganglia

    Graphite Alerta Google Page Speed Insights Webpagetest Varnish AWS Cloudformation Sunday, December 29, 13