はてなブックマーク  


トップへ戻る
  






総合  




●人気
●新着
  

● IT

● 最新ガジェット  

● 自然科学  

● 経済・金融  

● おもしろ  

● マンガ  

● ゲーム  

● はてなブログ︵総合︶  






一般  




●人気
●新着
  

● 社会ニュース  

● 地域  

● 国際  

● 天気  

● グルメ  

● 映画・音楽  

● スポーツ  

● はてな匿名ダイアリー  






世の中  




●人気
●新着
  

● 新型コロナウイルス  

● 働き方  

● 生き方  

● 地域  

● 医療・ヘルス  

● 教育  

● はてな匿名ダイアリー  






政治と経済  




●人気
●新着
  

● 政治  

● 経済・金融  

● 企業  

● 仕事・就職  

● マーケット  

● 国際  

● はてなブログ︵政治と経済︶  






暮らし  




●人気
●新着
  

● カルチャー・ライフスタイル  

● ファッション  

● 運動・エクササイズ  

● 結婚・子育て  

● 住まい  

● グルメ  

● お金  

● はてなブログ︵暮らし︶  

● 掃除・整理整頓  

● 雑貨  

● 買ってよかったもの  

● 旅行  

● アウトドア  

● 趣味  






学び  




●人気
●新着
  

● 人文科学  

● 社会科学  

● 自然科学  

● 語学  

● ビジネス・経営学  

● デザイン  

● 法律  

● 本・書評  

● 将棋・囲碁  

● はてなブログ︵学び︶  






テクノロジー  




●人気
●新着
  

● IT

● セキュリティ技術  

● はてなブログ︵テクノロジー︶  

● AI・機械学習  

● プログラミング  

● エンジニア  






おもしろ  




●人気
●新着
  

● まとめ  

● ネタ  

● おもしろ  

● これはすごい  

● かわいい  

● 雑学  

● 癒やし  






エンタメ  




●人気
●新着
  

● スポーツ  

● 映画  

● 音楽  

● アイドル  

● 芸能  

● お笑い  

● サッカー  

● 話題の動画  






アニメとゲーム  




●人気
●新着
  

● マンガ  

● Webマンガ  

● ゲーム  

● 任天堂  

● PlayStation  

● アニメ  

● バーチャルYouTuber  

● オタクカルチャー  





● おすすめ  
買ってよかったもの
  


﹃nolanlawson.com﹄



● 人気  
● 新着  
● すべて  











Let’s learn how modern JavaScript frameworks work by building one  

5users  
nolanlawson.com  


In my day job, I work on a JavaScript framework (LWC). And although I’ve been working on it for almost three years, I still feel like a dilettante. When I read about what’s going on in the larger framework world, I often feel overwhelmed by all the things I don’t know. One of the best ways to learn how something works, though, is to build it yourself. And plus, we gotta keep those “days since last


● テクノロジー  
●2023/12/03 16:32
  

●
●
  
















Use web components for what they’re good at  

3users  
nolanlawson.com  


Dave Rupert recently made a bit of a stir with his post “If Web Components are so great, why am I not using them?”. I’ve been working with web components for a few years now, so I thought I’d weigh in on this. At the risk of giving the most senior-engineer-y “It depends” answer ever: I think web components have strengths and weaknesses, and you have to understand the tradeoffs before deciding when


● テクノロジー  
●2023/08/24 00:06
  

●
  










Shadow DOM and accessibility: the trouble with ARIA  

3users  
nolanlawson.com  


28 Nov Shadow DOM and accessibility: the trouble with ARIA Posted November 28, 2022 by Nolan Lawson in accessibility, web components. Tagged: shadow dom. 3 Comments Shadow DOM is a kind of retcon for the web. As I’ve written in the past, shadow DOM upends a lot of developer expectations and invalidates many tried-and-true techniques that worked fine in the pre-shadow DOM world. One potentially sur


● テクノロジー  
●2023/03/15 21:40
  












My talk on CSS runtime performance  

4users  
nolanlawson.com  


A few months ago, I gave a talk on CSS performance at performance.now in Amsterdam. The recording is available online: (You can also read the slides.) This is one of my favorite talks I’ve ever given. It was the product of months (honestly, years) of research, prompted by a couple questions: What is the fastest way to implement scoped styles? (Surprisingly few people seem to ask this question.) Do


● テクノロジー  
●2023/01/29 11:05
  

●
●
●
●
  










Retiring Pinafore  

3users  
nolanlawson.com  


Five years ago, I started a journey to build a better Mastodon client – one focused on performance and simplicity. And I did! Pinafore is the main Mastodon client I’ve used myself since I first released it. After five years, though, my relationship with social media has changed, and it’s time for me to put Pinafore out to pasture. The pinafore.social website will still work, but I’ve marked the re


● テクノロジー  
●2023/01/12 06:01
  












SPAs: theory versus practice  

3users  
nolanlawson.com  


27 Jun SPAs: theory versus practice Posted June 27, 2022 by Nolan Lawson in performance, Web. Tagged: spas. 17 Comments I’ve been thinking a lot recently about Single-Page Apps (SPAs) and Multi-Page Apps (MPAs). I’ve been thinking about how MPAs have improved over the years, and where SPAs still have an edge. I’ve been thinking about how complexity creeps into software, and why a developer may cho


● テクノロジー  
●2022/06/28 11:37
  












The balance has shifted away from SPAs  

9users  
nolanlawson.com  


21 May The balance has shifted away from SPAs Posted May 21, 2022 by Nolan Lawson in Web. Tagged: spas. 24 Comments There’s a feeling in the air. A zeitgeist. SPAs are no longer the cool kids they once were 10 years ago. Hip new frameworks like Astro, Qwik, and Elder.js are touting their MPA capabilities with “0kB JavaScript by default.” Blog posts are making the rounds listing all the challenges


● テクノロジー  
●2022/05/22 09:27
  

●
●
●
●
●
  










Introducing fuite: a tool for finding memory leaks in web apps

5users  
nolanlawson.com  


17 Dec Introducing fuite: a tool for finding memory leaks in web apps Posted December 17, 2021 by Nolan Lawson in performance, Web. Tagged: memory, performance. 18 Comments Debugging memory leaks in web apps is hard. The tooling exists, but it’s complicated, cumbersome, and often doesn’t answer the simple question: Why is my app leaking memory? Because of this, I’d wager that most web developers a


● テクノロジー  
●2021/12/18 01:07
  

●
●
●
●
  










How to write about web performance  

3users  
nolanlawson.com  


12 Sep How to write about web performance Posted September 12, 2021 by Nolan Lawson in performance, Web. Tagged: performance. 3 Comments I’ve been writing about performance for a long time. I like to think I’ve gotten pretty good at it, but sometimes I look back on my older blog posts and cringe at the mistakes I made. This post is an attempt to distill some of what I’ve learned over the years to


● テクノロジー  
●2021/10/04 21:20
  

●
●
  










JavaScript performance beyond bundle size  

33users  
nolanlawson.com  


23 Feb JavaScript performance beyond bundle size Posted February 23, 2021 by Nolan Lawson in performance, Web. 8 Comments There’s an old story about a drunk trying to find his keys in the streetlight. Why? Well, because that’s where it’s the brightest. It’s a funny story, but also relatable, because as humans we all tend to take the path of least resistance. I think we have the same problem in the


● テクノロジー  
●2021/02/27 16:10
  

●
●
●
●
●
●
●











Fixing memory leaks in web applications  

4users  
nolanlawson.com  


19 Feb Fixing memory leaks in web applications Posted February 19, 2020 by Nolan Lawson in performance, Web. 21 Comments Update: I’ve written a tool to automate many of the steps described in this post. Part of the bargain we struck when we switched from building server-rendered websites to client-rendered SPAs is that we suddenly had to take a lot more care with the resources on the user’s device


● テクノロジー  
●2020/02/20 08:59
  

●
●
  










Building a modern carousel with CSS scroll snap, smooth scrolling, and pinch-zoom  

9users  
nolanlawson.com  


10 Feb Building a modern carousel with CSS scroll snap, smooth scrolling, and pinch-zoom Posted February 10, 2019 by Nolan Lawson in performance, Web. 17 Comments Recently I had some fun implementing an image carousel for Pinafore. The requirements were pretty simple: users should be able to swipe horizontally through up to 4 images, and also pinch-zoom to get a closer look. The finished product l


● テクノロジー  
●2019/02/14 15:19
  

●
●
●
●
  










Accurately measuring layout on the web  

5users  
nolanlawson.com  


25 Sep Accurately measuring layout on the web Posted September 25, 2018 by Nolan Lawson in Web. Tagged: performance. 31 Comments Update (August 2019): the technique described below, in particular how to schedule an event to fire after style/layout calculations are complete, is now captured in a web API proposal called requestPostAnimationFrame. There is also a good polyfill called afterframe. Upda


● テクノロジー  
●2018/09/26 01:38
  

●
●
●
  










A tour of JavaScript timers on the web  

19users  
nolanlawson.com  


1 Sep A tour of JavaScript timers on the web Posted September 1, 2018 by Nolan Lawson in Web. Tagged: javascript, performance. 14 Comments Pop quiz: what is the difference between these JavaScript timers? Promises setTimeout setInterval setImmediate requestAnimationFrame requestIdleCallback More specifically, if you queue up all of these timers at once, do you have any idea which order they’ll fir


● テクノロジー  
●2018/09/09 08:55
  

●
●
●
●
●
  










Smaller Lodash bundles with Webpack and Babel | Read the Tea Leaves  

6users  
nolanlawson.com  


20 Mar Smaller Lodash bundles with Webpack and Babel Posted March 20, 2018 by Nolan Lawson in Web. Tagged: javascript, lodash, performance. 9 Comments One of the benefits of working with smart people is that you can learn a lot from them through osmosis. As luck would have it, a recent move placed my office next to John-David Dalton‘s, with the perk being that he occasionally wanders into my offic


● テクノロジー  
●2018/03/21 23:07
  

●
●
●
  










What it feels like to be an open-source maintainer  

10users  
nolanlawson.com  


5 Mar What it feels like to be an open-source maintainer Posted March 5, 2017 by Nolan Lawson in Open source. 68 Comments Outside your door stands a line of a few hundred people. They are patiently waiting for you to answer their questions, complaints, pull requests, and feature requests. You want to help all of them, but for now you’re putting it off. Maybe you had a hard day at work, or you’re t


● テクノロジー  
●2017/03/06 17:07
  

●
●
●
  










The cost of small modules  

10users  
nolanlawson.com  


15 Aug The cost of small modules Posted August 15, 2016 by Nolan Lawson in performance, Web. 53 Comments Update (30 Oct 2016): since I wrote this post, a bug was found in the benchmark which caused Rollup to appear slightly better than it would otherwise. However, the overall results are not substantially different (Rollup still beats Browserify and Webpack, although it’s not quite as good as Clos


● テクノロジー  
●2016/08/16 10:50
  

●
●
●
●
●
  










High-performance Web Worker messages  

13users  
nolanlawson.com  


29 Feb High-performance Web Worker messages Posted February 29, 2016 by Nolan Lawson in Webapps. Tagged: performance, web workers. 16 Comments Update: this blog post was based on the latest browsers as of early 2016. Things have changed, and in particular the benchmark shows that recent versions of Chrome do not exhibit the performance cliff for non-stringified postMessage() messages as described


● テクノロジー  
●2016/03/01 08:22
  

●
●
●
●
●
  










How to fix a bug in an open-source project  

4users  
nolanlawson.com  


28 Dec How to fix a bug in an open-source project Posted December 28, 2015 by Nolan Lawson in Open source. 11 Comments So, you’ve found a bug in an open-source project. First off: don’t panic! This is perfectly normal. Software is written by humans, and humans make mistakes. You might also be thinking to yourself, “Gee, I’d love to fix this bug.” I mean, who wouldn’t want to be the hero who swoops


● テクノロジー  
●2015/12/31 21:03
  

●
  










The struggles of publishing a JavaScript library  

6users  
nolanlawson.com  


19 Oct The struggles of publishing a JavaScript library Posted October 19, 2015 by Nolan Lawson in Webapps. Tagged: javascript, modules, npm. 19 Comments If you’ve done any web development in the past few years, then you’ve probably typed something like this: $ bower install jquery Or maybe even: $ npm install --save lodash For anyone who remembers the dark days of combing Github for jQuery plugin


● テクノロジー  
●2015/10/24 08:32
  

●
●
●
●
  










Safari is the new IE  

27users  
nolanlawson.com  


30 Jun Safari is the new IE Posted June 30, 2015 by Nolan Lawson in Webapps. Tagged: apple, web platform. 152 Comments Update: This post represents my views before I joined the Microsoft Edge team, and before I got involved with browsers or web standards in general. I leave it up as a historically interesting artifact. Last weekend I attended EdgeConf, a conference populated by many of the leading


● テクノロジー  
●2015/06/30 22:57
  

●
●
●
●
●
●
●
  































このページはまだ
ブックマークされていません


このページを最初にブックマークしてみませんか？
  

﹃nolanlawson.com﹄の新着エントリーを見る  

 

キーボードショートカット一覧


j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
  
 


はてなブックマーク




●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
  

●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
  

●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
  

●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
  


公式Twitter




●公式アカウント
●ホットエントリー
  


はてなのサービス



●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
  





App Storeからダウンロード
Google Playで手に入れよう


Copyright © 2005-2024 Hatena. All Rights Reserved.
  




設定を変更しましたx