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
350
0

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

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.3k
Architecting resilient front ends
Avatar for Andy Hume andyhume
3
930
Guardian Responsive Design, SmashingConf 2013
Avatar for Andy Hume andyhume
6
720
Web Fonts as a Progressive Enhancement, Ampersand 2013
Avatar for Andy Hume andyhume
2
840
Anatomy of a responsive page load, WhiskyWeb 2013
Avatar for Andy Hume andyhume
10
2k
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
48k

Other Decks in Technology

See All in Technology
人を動かすのは時間ではなく、納得感 〜新任EMが入社3ヶ月、組織を2回変えた話〜
Avatar for KAKEHASHI kakehashi
PRO
3
190
生成AI活用によるODC欠陥分析の分類高速化の実践と導入効果 / 20260703 Suguru Ishii
Avatar for SHIFT EVOLVE shift_evolve
PRO
2
110
AWS Summit の片隅で、体育座りしながらコミュニティがにぎわう理由を考えた
Avatar for Kazuki Adachi k_adachi_01
2
360
なぜ人は自分のプロジェクトを 「なんちゃってアジャイル」と 自嘲するのか
Avatar for Kozo Taira kozotaira
0
270
ポストモーテム！ DDoSからサイトは守れた。 でもビジネスは守れなかった。
Avatar for 弁護士ドットコム bengo4com
0
2.2k
“全部コピーしない”ファイルデータの活用 ： — FSx for ONTAP × S3 Tables × Icebergで作るメタデータカタログ
Avatar for Yoshiki Fujiwara yoshiki0705
0
590
AIペネトレーションテスト・ セキュリティ検証「AgenticSec」紹介資料
Avatar for Sho Nakatani laysakura
2
8.1k
キャリアの中で本を作る / Making a Book During Your Career
Avatar for akihisa1210 ak1210
0
120
SRE依存からの脱却 運用を開 発チームへ移す、 フルサイ クル開 発体制の実践
Avatar for joe joooee0000
0
2.2k
勉強会企画をアプリで構造化してみた 〜そこで見えた、AIとの付き合い方〜 / I've structured a study group plan using an app.
Avatar for Pauli pauli
0
330
AI駆動開発におけるQAエンジニアの役割事例 〜AI駆動開発の現場から〜
Avatar for Yorimitsu Kobayashi kobayashiyorimitsu
0
420
LiDAR SLAMの実装とセンサ融合 ~Lie群からContinuous-Time LIOまで~
Avatar for Naoki Akai naokiakai
1
1k

Featured

See All Featured
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
180
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
230
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
67k
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
2.9k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
55
12k
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
3
440
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
370
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
2
1.6k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
280
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
400

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