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
920
Guardian Responsive Design, SmashingConf 2013
Avatar for Andy Hume andyhume
6
710
Web Fonts as a Progressive Enhancement, Ampersand 2013
Avatar for Andy Hume andyhume
2
830
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
MIERUNE JCT 発表資料「宇宙から伊能忠敬ごっこ」
Avatar for じゃらしまる syuchimu
0
190
AIを「創る」と「使う」の循環 — HRテックが実践するリアルなAI組織実装
Avatar for Taketo Sasaki taketo957
0
1.8k
データ基盤をDataformで整えた話 〜 開発環境を添えて 〜
Avatar for Takanobu Nozawa takapy
0
130
探して_入れて_作って_使う_Agent_Skills___LT.pdf
Avatar for 松尾淳平 peintangos
2
180
"何を作るか"を任される エンジニアは、どう育つのか
Avatar for ofuji-works yutaokafuji
1
270
「コーディング」しない人のための Claude Code 入門　ChatGPT の次の一歩 — 業務に組み込む 育成・共有・自動化
Avatar for ふくだ（fukuda ryu） rfdnxbro
2
1.2k
AI-DLCを活用した高品質・安全なAI駆動開発実践 / AI Driven Development with AI-DLC
Avatar for 吉田真吾 yoshidashingo
0
160
ITエンジニアを取り巻く環境とキャリアパス / A career path for Japanese IT engineers
Avatar for 高玉 広和 / TAKATAMA Hirokazu takatama
4
1.8k
実装は速くなった、レビューはどうする？ ― 自身のレビューをAIで再現させるサーヴァントエンジニアリングのすゝめ / Implementation got faster. So what about reviews? — An invitation to Servant Engineering: Recreating your own code reviews with AI
Avatar for nrs nrslib
7
4.3k
やさしいA2A入門
Avatar for みのるん minorun365
PRO
7
770
個人最適 から 全体最適 へ　AI情報共有会・AIギルド・AI-DLC で進める カンリーの組織展開
Avatar for ふくだ（fukuda ryu） rfdnxbro
0
2k
Databricks における 生成AIガバナンスの実践
Avatar for Takaaki Yayoi taka_aki
1
360

Featured

See All Featured
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.7k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
160
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
5.4k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
280
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
860
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1.2k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
3.4k
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k

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