-
Notifications
You must be signed in to change notification settings - Fork 1
/
old_index.html
155 lines (136 loc) · 16 KB
/
old_index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE HTML>
<html>
<head>
<title>Rachel Myers</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="old-style.css">
<link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>
<link rel="icon" type="image/png" href="images/starfish.png">
</head>
<body>
<header>
<h1>Rachel Myers</h1>
<ul>
<li>
<a href="http://twitter.com/rachelmyers">
<img src="images/twitter-small.png"/>
</a>
</li>
<li>
<a href="http://github.com/rachelmyers">
<img src="images/github-contact-small.png"/>
</a>
</li>
<li>
<a href="mailto:rachelmariemyers@gmail.com">
<img src="images/email2.png"/>
</a>
</li>
</ul>
</header>
<div class="passion-projects">
<div class="text-right">
<h2><a href="/starfish.html">Starfish > Spiders</a></h2>
<h3>Passion Projects</h3>
<p>I'm insanely enthusiastic about <a class="extra-special" href="http://passion-projects.github.com/">Passion Projects</a>, an initiative by <a href="https://github.com/nrrrdcore">Julie Ann Horvath</a> and Github to highlight 'Incredible Women In Tech'</p>
<p>I even got to participate! My Passion Project for several years has been growing <a href="#railsbridge">RailsBridge</a>, in a way that lets us expand around the world, make the best use of volunteers, and, because it's an all-volunteer organization, create ways for new people to jump in and contribute immediately without needing anyone's permission. My talk at GitHub focused on the examples of leaderless organizations that inspired us.</p>
<p>The GitHub Streaming Eagles <a class="video" href="http://www.youtube.com/watch?v=rMYUGwQGLn8">recorded</a> the talk for posterity, and afterwards, Julie directed a <a class="doc" href="http://www.youtube.com/watch?v=3GeKarLwfqA">short documentary</a> about how I got started and how RailsBridge is kinda changing the world.
</div>
</div>
<div class="src2013">
<div class="text-left">
<h2>Growing Programming</h2>
<h3>Scottish Ruby Conference 2013</h3>
<p>The first year I attended SRC (2010), Jim Weirich gave an amazing keynote about working through <a href="http://mitpress.mit.edu/sicp/full-text/book/book.html">The Structure and Interpreation of Computer Programs</a>. When I got home, I started a study group to do the same thing. It was just as educational as Jim said.
<p>The next year I attended (2012), <a href="https://twitter.com/bjelline"> Brigitte Jellinek</a>, a friend and one of the only academic instructors teaching Rails in 2012, cajoled me into giving a lightning talk with her; she spoke about teaching in an academia and I spoke about teaching at RailsBridge.</p>
<p>In 2013, <a href="https://twitter.com/alancfrancis">Alan</a>, one of the SRC organizers, asked me to give a real talk, a keynote, even! I had recently been inspired by a great history of programming, <a href="http://www.amazon.com/Engineers-Scientists-Iconoclasts-Programmers-Revolution/dp/0465042260">GOTO, by Steve Lohr</a> that summarized: <q>Much of the history of computer programming can be seen as the effort to expand the franchise -- to make it easier for more people to program.</q></p>
<p>My <a href="http://programme2013.scottishrubyconference.com/slots/3/video"> talk at SRC </a> focused on how we 'Grow Programming', how we can accomplish more individually and how we can bring more people to programming. When we improve our languages and tools, we make it possible for people to solve their own problems using computers. We also have to fight the perception of programming and programmers that push away the people who we could be teaching.</p>
</div>
</div>
<div class="fluent2013">
<div class="text-right">
<h2>Front End Benchmarking</h2>
<h3>Fluent 2013</h3>
<p>One of the projects I worked on at <a href="http://modcloth.com"> ModCloth </a> was a backbone app that we built to be almost all of the tablet site experience. We hoped that by avoiding full page refreshes we could create an experience that felt snappy and responsive.</p>
<p>We were very driven by performance concerns, but, when we launched it, realized we had no RUM (Real User Monitoring) in place to confirm our observation that it was faster. And making things worse, because we were never refreshing the page, the site performance information being sent to New Relic was all over the place.</p>
<p>This yak-themed talk, <em>Benchmarking the New Front End: How to Quantify Single Page App Performance</em>, given with <a href="https://twitter.com/eanakashima">Emily Nakashima</a> is a performance talk, targeted at a mostly front-end audience. We ended up having to roll our own solution to front-end performance monitoring because the tools we take for granted on the server-side aren't yet available for monitoring client responsiveness.</p>
<p>Since <a href="http://fluentconf.com/fluent2013/public/schedule/detail/27996">this</a> was part of an O'Reilly conference, the video is a little pricey. Our <a href="http://www.slideshare.net/eanakashima/benchmarking-the-front-end-expanding-what-performance-means-and-how-to-track-it">slides</a> are available on slideshare. And for extra reading, we collected all our references in <a href="bit.ly/ostrichandyak">a bitly bundle</a>.</p>
</div>
</div>
<div class="velocity2013">
<div class="text-left">
<h2>Expanding What Performance Means</h2>
<h3> Velocity 2013</h3>
<p>After preparing our talk for Fluent, we realized that our message was not only for the front-end community; it's just important to make sure to make sure that the people who "own" performance understand that no matter how great server performance is, if the client has become slow or even unresponsive, the site performance isn't really being tracked at all.</p>
<p>(And if you're not measuring how users are actually experiencing your site, you're burying your head in the sand. Hence the Ostrich theme.)</p>
<p><a href="https://github.com/eanakashima">Emily Nakashima</a> and I intended this talk, <em>Benchmarking the Front End: Expanding What Performance Means and How to Track it</em>, for an audience composed of more Operations folks, and people who care about the full performance story. Some of the content overlaps with the Fluent talk, but we don't assume knowledge of javascript.</p>
<p>Because <a href="http://velocityconf.com/velocity2013/public/schedule/detail/28383">this</a> was an O'Rielly conference, the video is behind a pay wall. But our <a href="http://www.slideshare.net/eanakashima/performance-monitoring-for-the-new-front-end-bullets">slides</a>, <a href="bit.ly/ostrichandyak"> references, and further reading</a> are purusable.
</div>
</div>
<div class="wicked2013">
<div class="text-right">
<h2>Understanding the Ruby Method Cache</h2>
<h3> Wicked Good Ruby 2013</h3>
<p>After reading two blog posts about how Ruby caches method lookups within a few months of each other, one by <a href="http://jamesgolick.com/2013/4/14/mris-method-caches.html">James Golick</a> and one by <a href="https://charlie.bz/blog/things-that-clear-rubys-method-cache">Charlie Somerville</a>, I decided to dig in and learn about the Ruby internals for a talk at Wicked Good Ruby.</p>
<p><a href="https://github.com/sheenathejunglegirl">Sheena McCoy</a>, and I wanted to collaborate together since we found ourselves always working on separate projects at ModCloth, and seized this opportunity.</p>
<p>The <a href= "http://www.youtube.com/watch?v=JMR0TEh9W2U">video</a> is available, though I step on my first joke out of the gate and it's terrible. There are also <a href="https://speakerdeck.com/rachelmyers/understanding-rubys-method-cache">slides</a> if that's your style. Or check out the <a href="bit.ly/rubymethodcache">references and reading</a> we helpfully assembled. :)
</div>
</div>
<div class="railsgirls-milan">
<div class="text-left">
<h2>Learning Hard (and Amazing!) Things</h2>
<h3>Rails Girls and Patchwork workshops</h3>
<p>By volunteering to help out at RailsGirls and Patchwork workshops, I've met amazing developers who are just getting started. </p>
<p>This talk, <a href="https://speakerdeck.com/rachelmyers/learning-hard-and-amazing-things"><em>Learning Hard (and Amazing!) Things</em></a>, is what I wish I had known when I started learning to program. This isn't a technical talk; its about me, people, and the <a href="http://geekfeminism.wikia.com/wiki/Patriarchy" class="extra-special">Patriarchy</a>.</p>
<p>Women are more likely to encounter people who will say things that will feel so shitty you'll want to quit programming. This talk is about putting my foot down, and refusing to leave. It takes grit and stubborness to fight back when people expect me to be not a developer, not a backend developer, and not a senior backend developer. And it's incredibly unfair that this is a requirement for women to succeed.</p>
<p>So I wrote a talk about it.</p>
</div>
</div>
<div class="fluent2014">
<div class="text-right">
<h2>Everything Is a Polyfill</h2>
<h3>Fluent 2014,</h3>
<h3>Front In BH 2014,</h3>
<h3>and Front End Ops Conf 2014</h3>
<p>Most web developers have to support some old browsers. But the build the features we need, we often add snippets of code that adapt the functionality of older browsers; now we call these snippets polyfills. Polyfills are temporary; as our platforms evolve, we should pull out the polyfills when they become unnecessary. But we all know that usually doesn't happen.</p>
<p>This talk, <a href="http://fluentconf.com/fluent2014/public/schedule/detail/32518"><em>Everything is a Polyfill: Automate Deleting Code for Front End Performance</em></a> is a call to take polyfills seriously as a distinct layer in our app. As those develop, we propse using Sunset Tests, tests that mark temporary code and note its sunset date. The test failures occur automatically on sunset dates, and alert developers exactly what code can be removed. Sunset Tests are a way to efficiently mark code as expired, and make it easy to remove.</p>
<p>We're bullish on polyfills. Lots of people have done a great job of understanding the performance costs of large polyfils like jQuery, but for a large app, we'll always want to normalize and simplify our API, rather than scattering polyfills throughout our app.</p>
<p></p>
</div>
</div>
<div class="codemania2014">
<div class="text-left">
<h2>Improve Web Performance Without Breaking Metrics</h2>
<h3>Codemania 2014</h3>
<p><a href="http://codemania.co.nz/">Improve Web Perf Without Breaking Metrics</a>, is the story of performance optimizations gone wrong. I was interested in why upgrading a large Rails app from Ruby 1.8.3 to 1.9, which was touted as a performance upgrade, ended up <em>increasing</em> response time. I ended up diving into the <a href="http://jamesgolick.com/2013/4/14/mris-method-caches.html">Ruby method cache</a>, to understand the things we were doing that prevented us from taking advantage of Ruby optimizations.
<p>But even after understanding the backend problems, we learned the <a href="http://www.stevesouders.com/blog/2012/02/10/the-performance-golden-rule/"> Performance Golden Rule </a> the hard way. <q>For the average website, 10% of the time spent waiting for the page to load is spent on the back end -- DNS, the handshake, hitting the database, and in server code. 90% is spent on the front end.</q> So when we worked to optimize server code, it didn't noticable improve the experience of users, and it didn't noticable impact business metrics like page views or conversion.</p>
<p>So we started taking user's perception of speed seriously. We created a backbone app for the tablet users with the goal of being able to carefully prioritize requests to have the fastest experience possible. Unfortunately, we were relying heavily on third party performance monitoring tools, all built around time to window load. When the time to window load stopped matching the user experience, we found ourselves flying blind.</p>
<p><a href="https://www.youtube.com/watch?v=QDGdSMMAX9c">Talk Recording</a></p>
</div>
</div>
<div class="soa">
<div class="text-right">
<h2><a href="/services.html">Service Oriented <span class="disaster">Disasters</span></a></h2>
<p>Service Oriented Architecture has been recommended as the solution to anything that ails a web app. <q>Is your code hard to refactor? Write Services. Is your code slow? Write Services. Database falling over under load? Write Services.</q></p>
<p>This talk is meant to kick off a conversation that looks honestly at how services hold up a year or two down the line. How maintainable are services? What problems do they solve well, and what problems they make worse? This talk walks through some cautionary tales from my own experiences building out services.</p>
<p>The worst place for services is a large, not entirely understood, legacy code base in need of refactor. In those cases, the app doesn't need to be rewritten in services, it needs to be understood and refactored!</p>
<p>The potential downside of Service Oriented Architectures is an ecosystem of services that mirror the poorly understood app we started with, with the additional problems of many single-points-of-failure, added network latency, queuing missteps, and needing to scale up more app servers and database clusters to maintain equivalent performance.</p>
<p>These downsides also point to specific use cases where Services are a great solution, specifically where code is running in multiple locations or has significantly different uptime requirements. But it's not the solution to anything that ails the modern web app.</p>
<p>The <a href="https://rubyconf.eventer.com/rubyconf-australia-2015-1223/service-oriented-disasters-by-rachel-myers-1732">talk recording</a> from Ruby Conf Australia is available online, though the audio drops out at the end.</p>
</div>
</div>
<div class="railsbridge">
<div class="text-left">
<a name="railsbridge"><h2>RailsBridge</h2></a>
<p><a href="http://www.railsbridge.org/">RailsBridge</a> is an organization that teaches marginalized groups Ruby, Rails, and Frontend development.</p>
<p>The RailBridge community and workshops were a huge help to me when I started programming, and I started teaching as soon as I was able. I'm currently on the RailsBridge Board of Directors and volunteer regularly at workshops in San Francisco.</p>
<p>If you'd like to get involved, check out <a href="https://www.bridgetroll.org/">Bridge Troll</a> for a workshop near you, start an issue in our <a href="https://github.com/railsbridge/organizing/issues">Organizing Repo</a>, or help us maintain the <a href="https://github.com/railsbridge/docs/blob/master/CONTRIBUTING.md">curriculum</a>! Also, checkout <a href="http://www.clojurebridge.org/">ClojureBridge</a> and <a href="https://github.com/mobilebridge">MobileBridge</a>.</p>
</div>
</div>
<footer>
<p>I used <a href="http://www.fiftythree.com/paper">Paper by 53</a> for the drawings. ♡</p>
</footer>
</body>
</html>