A place to cache linked articles (think custom and personal wayback machine)
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

index.md 9.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. title: The Fallacy of Keeping Up
  2. url: http://timkadlec.com/2015/09/the-fallacy-of-keeping-up/
  3. hash_url: 0d20d288153d6060c6cca86f4ca17b3c
  4. <div class="e-content"><p>The web has always evolved fairly quickly but as of late it sure feels like the pace has picked up substantially. There are a plethora of new standards and techniques emerging that range from incremental improvements to potentially giant leaps forward.</p>
  5. <p>We have the mass migration to HTTPS. There’s <a href="http://http2.github.io/">HTTP/2</a> which provides the first major update to HTTP in over 15 years. Alongside of that we have Google’s <a href="https://www.chromium.org/quic">QUIC</a> which could provide significant reduction in latency. <a href="https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API">Service workers</a> brings a programmable proxy to the browser. We have more focus than ever on motion design on the web. Improved performance metrics have shifted the discussion to more experience-based optimizations such as <a href="https://developers.google.com/web/fundamentals/performance/critical-rendering-path/optimizing-critical-rendering-path?hl=en">optimizing for the critical path</a>. We have the shift to <a href="https://github.com/ericdouglas/ES6-Learning">ECMAScript 6</a>. The list goes on and on.</p>
  6. <p>It’s <em>very</em> exciting. But it can also be stressful.</p>
  7. <p>The other day I tweeted about my <a href="https://twitter.com/tkadlec/status/647079705133338624">excitement about some of these new standards</a>. <a href="https://twitter.com/ShaneHudson/status/647083409085480960">Shane Hudson was the first reply</a>:</p>
  8. <blockquote><p>Quite worryingly, some of those words are gobbledegook to me. Looks like I have some research to do!</p></blockquote>
  9. <p>That sense of worry is something that seems to be widespread in our industry. Arguably the most common question I’ve heard at events over the last few years—whether directed to myself, another speaker, or simply discussed over drinks at the end of the night—is how people “keep up”. With everything coming out there is a collective feeling of falling behind.</p>
  10. <p>Some have blamed it on increasing complexity but I don’t really buy that. My first few sites were simple (and ugly) things I put together using Notepad and an FTP client while teaching myself HTML using a little magazine I bought. If I were just getting started today that same setup would work just as well. In fact, it would probably be easier as the baseline of browser support has generally improved and frankly, there are a ton of excellent resources now for learning how to write HTML, CSS and JavaScript.</p>
  11. <p>I didn’t think much about accessibility or performance or semantic markup or visual design when I started. I just used what little I knew and learned to build something.</p>
  12. <p>Over time as I learned more and more about the web, I started to recognize the extreme limitations of my knowledge. I realized accessibility was important and that I needed to learn more about that. I learned that performance was important. I learned that typography was important.</p>
  13. <p>And so I dug in and tried to learn each. The more I learned, the more I realized I didn’t know. It’s the <a href="https://en.wikipedia.org/wiki/Dunning%E2%80%93Kruger_effect">Dunning-Kruger</a> effect in full force.</p>
  14. <p>No, I don’t think the complexity of building for the web has changed. I think our collective understanding of what it means to build well for the web has and that as that understanding has deepened, we’ve become acutely aware of how much we individually still do not know.</p>
  15. <p>I certainly have improved as a developer since I first started. Yet everything I&rsquo;ve learned has exposed a dozen more topics I know nothing about. The list of things I don&rsquo;t know about the web grow as fast as my well-intentioned &ldquo;read-it-later&rdquo; list, so how do I prioritize and figure out what to explore next?</p>
  16. <p><a href="https://twitter.com/susanjrobertson">Susan Robertson</a> had some solid advice on coping with this in her <a href="http://alistapart.com/blog/post/overwhelmed-by-code">article on A List Apart a year ago</a>:</p>
  17. <blockquote><p>So I’ve started devoting the time I have for learning new things to learning the things that I like, that matter to me, and hopefully that will show in my work and in my writing. It may not be sexy and it may not be the hottest thing on the web right now, but it’s still relevant and important to making a great site or application. So instead of feeling overwhelmed by code, maybe take a step back, evaluate what you actually enjoy learning, and focus on that.</p></blockquote>
  18. <p>I completely agree with her stance on learning about what interests you, but I would add one small bit of advice to this as well: when in doubt, focus on the core. When in doubt, learn CSS over any sort of tooling around CSS. Learn JavaScript instead of React or Angular or whatever other library seems hot at the moment. Learn HTML. Learn how browsers work. Learn how connections are established over the network.</p>
  19. <p>The reason for focusing on the core has nothing to do with the validity of any of those other frameworks, libraries or tools. On the contrary, focusing on the core helps you to recognize the strengths and limitations of these tools and abstractions. A developer with a solid understanding of vanilla JavaScript can shift fairly easily from React to Angular to Ember. More importantly, they are well equipped to understand if the shift should be made at all. You can’t necessarily say the same thing about an INSERT-NEW-HOT-FRAMEWORK-HERE developer.</p>
  20. <p>Building your core understanding of the web and the underlying technologies that power it will help you to better understand when and how to utilize abstractions.</p>
  21. <p>That’s part one of dealing with the rapid pace of the web.</p>
  22. <p>The second part is letting go and recognizing that it’s ok not to be on the bleeding edge.</p>
  23. <p>In another fantastic <a href="http://alistapart.com/column/how-do-we-get-it-done-now">A List Apart post today</a>, <a href="https://twitter.com/lyzadanger">Lyza Danger Gardner</a> looked at Service Workers and the conundrum of how you can use them today. As she points out, for all the attention they’ve received online, support is still very limited and in several cases incomplete. While I think Service Workers have a simpler migration path than many other standards—the whole API was built from the ground-up to be easy to progressively enhance—I think her nod to the hype versus the reality of support is important.</p>
  24. <p>Service workers are one of those potentially seismic shifts on the web. New uncharted territory. And that brings excitement which in turn has brought a <em>lot</em> of posts and presentations about this new standard. For people who have seen all of this chatter but haven’t actually dove in yet, it can feel like they’re quickly falling behind.</p>
  25. <p>But for all that hype, browser support is still in the early days. Building with service workers is still living on the edge—it’s pretty far from mainstream. The same is true for many of the technologies that are seeing the most chatter.</p>
  26. <p>That doesn’t mean you don’t want to pay attention to them, but it does mean you don’t need to feel left behind if you haven’t yet. These are very new additions to the web and it will take time for our understanding of their potential (and their limitations) to develop.</p>
  27. <p>As Dan McKinley has eloquently argued, there is a great deal of value in forgoing life on the bleeding edge and instead <a href="http://mcfunley.com/choose-boring-technology">choosing “boring technology”</a>—technology that may not be as “cool” but that has been around awhile. The major advantage is that the kinks have been worked out:</p>
  28. <blockquote><p>The nice thing about boringness…is that the capabilities of these things are well understood. But more importantly, their failure modes are well understood.</p></blockquote>
  29. <p>Bleeding edge technology is exciting, but there is a reason that phrase is so vivid.</p>
  30. <p>If you were to ask me, “Tim, how do you keep up?” my answer would be this: I don’t. I don’t think any of us do. Anyone who tries telling you that they are keeping up with everything is either putting up a front or they’re not yet knowledgeable enough to be aware of how much they don’t know.</p>
  31. <p>No matter how much time we spend working on the web, there is always some other API or tool or technique we haven’t used. There is always something we haven’t fully understood yet.</p>
  32. <p>We&rsquo;re blessed with a community full of people willing to share what they are learning about creating a vast knowledge base for us to tap into. We don&rsquo;t need to know everything about the web. In fact, we can’t know everything about the web.</p>
  33. <p>But that isn&rsquo;t something to feel guilty about. That isn’t because of increasing complexity. That isn’t some sort of personal weakness.</p>
  34. <p>It&rsquo;s a sign of a deepening understanding of this incredible <a href="https://adactio.com/journal/6692">continuum</a> we get to build and an honest acknowledgement that we still have so much left to learn.</p>
  35. </div>