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

Breaking News & Breaking Software, SyncConf 2013

Andy Hume
March 29, 2013
Technology
0
260

Breaking News & Breaking Software, SyncConf 2013

How the Guardian build web sites - by software architect, 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
andyhume
2
1.1k
Building for performance and resilience
andyhume
5
1.1k
Architecting resilient front ends
andyhume
3
810
Guardian Responsive Design, SmashingConf 2013
andyhume
6
630
Web Fonts as a Progressive Enhancement, Ampersand 2013
andyhume
2
750
Anatomy of a responsive page load, WhiskyWeb 2013
andyhume
10
1.8k
Anatomy of a responsive page load, Responsive Day Out 2013
andyhume
23
3.3k
Responsive Guardian
andyhume
21
1.1k
CSS for grown ups: maturing best practises, SXSW 2012
andyhume
101
47k

Other Decks in Technology

See All in Technology
JAWS-UG20250116_iOSアプリエンジニアがAWSreInventに行ってきた（真面目編）
totokit4
0
170
Re:Define 可用性を支える モニタリング、パフォーマンス最適化、そしてセキュリティ
pyama86
1
220
カップ麺の待ち時間(3分)でわかるPartyRockアップデート
ryutakondo
0
160
AIアプリケーション開発でAzure AI Searchを使いこなすためには
isidaitc
1
150
商品レコメンドでのexplicit negative feedbackの活用
alpicola
2
470
Site Reliability Engineering on Kubernetes
nwiizo
4
350
2024年活動報告会（人材育成推進WG・ビジネスサブWG） / 20250114-OIDF-J-EduWG-BizSWG
oidfj
0
290
デジタルアイデンティティ技術 認可・ID連携・認証 応用 / 20250114-OIDF-J-EduWG-TechSWG
oidfj
2
730
AWSサービスアップデート　2024/12 Part3
nrinetcom
PRO
0
160
LLM活用の現在とこれから：LayerXにおける事例とともに 2025/1 ver. / layerx-llm-202501
yuya4
3
190
Copilotの力を実感！ 3ヶ月間の生成AI研修の試行錯誤＆成功事例をご紹介。果たして得たものとは・・？
ktc_shiori
0
390
iPadOS18でフローティングタブバーを解除してみた
sansantech
PRO
1
170

Featured

See All Featured
Automating Front-end Workflow
addyosmani
1366
200k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Mobile First: as difficult as doing things right
swwweet
222
9k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
3
360
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
A designer walks into a library…
pauljervisheath
205
24k
Bash Introduction
62gerente
610
210k
The World Runs on Bad Software
bkeepers
PRO
66
11k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
39
1.9k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
Build your cross-platform service in a week with App Engine
jlugia
229
18k

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