@@ -0,0 +1,424 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="en"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Home-Cooked Software and Barefoot Developers (archive) — David Larlet</title> | |||
<meta name="description" content="Publication mise en cache pour en conserver une trace."> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Is that even respected? Retrospectively? What a shAItshow… | |||
https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ --> | |||
<meta name="robots" content="noai, noimageai"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<meta name="robots" content="noindex, nofollow"> | |||
<meta content="origin-when-cross-origin" name="referrer"> | |||
<!-- Canonical URL for SEO purposes --> | |||
<link rel="canonical" href="https://maggieappleton.com/home-cooked-software"> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<article> | |||
<header> | |||
<h1>Home-Cooked Software and Barefoot Developers</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="https://maggieappleton.com/home-cooked-software" title="Lien vers le contenu original">Source originale</a> | |||
<br> | |||
Mis en cache le 2024-06-09 | |||
</p> | |||
</nav> | |||
<hr> | |||
<p>This is a talk I presented Local-first Conference | |||
in Berlin, May 2024. It's specifically directed at the local-first | |||
community, but its relevant to anyone involved in building software.</p> | |||
<p>For the last ~year I've been keeping a close eye on how language models capabilities meaningfully change the speed, ease, and accessibility of software development. The slightly bold theory I put forward in this talk is that we're on a verge of a golden age of local, home-cooked software and a new kind of developer – what I've called the barefoot developer.</p> | |||
<p>The video recording will be up here in a few weeks, but until then, here's the transcript and slides.</p> | |||
<p>First, a quick intro. I’m Maggie. I look like this on the internet. I’m a product designer at a start-up called Elicit | |||
. We use machine learning and language models to make tools for scientific researchers. I’m also a mediocre developer, meaning I try to build things but they sometimes don’t work.</p> | |||
<p>I write about and research lots of things in public, online including tools for thought, language model interfaces, and end-user programming.</p> | |||
<p>Some of which I want to talk to you about today.</p> | |||
<p>I'm here to convince you of two things.</p> | |||
<p>First, that language models will create a golden age of local, home-cooked software and barefoot developers.</p> | |||
<p>I’ll explain these terms in a minute.</p> | |||
<p>And the second thing I want to convince you of is that the local-first | |||
community has a significant role to play in building that future golden age.</p> | |||
<p>And so here's what we're going to talk about:</p> | |||
<ul> | |||
<li>Local-first Beyond Local Data</li> | |||
<li>Home Cooked vs Industrial Software</li> | |||
<li>My Pitch for Barefoot Developers</li> | |||
<li>Why Language Model Legos Need Glue</li> | |||
<li>How We Can Bake Local-first Into Everything.</li> | |||
</ul> | |||
<p>So let's talk about local-first, beyond local data.</p> | |||
<p>I know everyone here knows what local-first | |||
is about, but here's a quick recap for people watching who might not.</p> | |||
<p>When we talk about “local-first,” we’re primarily talking about where data lives and how it syncs to our devices.</p> | |||
<p>So in the old school world, before the cloud, our data and our software lived on a single machine and we had no way to collaborate. Except by throwing LAN parties.</p> | |||
<p>We then moved to the cloud era where all the programs and all the data live in the cloud and stream to our devices via the internet.</p> | |||
<p>And now, everyone here is trying to make a new, beautiful local-first future happen, where the software and the data all live on our local machines and just use the cloud to sync between them whenever we get internet access.</p> | |||
<p>The existing philosophy of local-first is fantastic. I’m on board with it, I know you all are too.</p> | |||
<p>But come expand your minds with me for a moment, and imagine a more holistic vision for local software.</p> | |||
<p>What if it was about more than just databases?</p> | |||
<p>Local traditionally means something close to your home, something familiar, intimate, and trusted by you, something unique to its location, and something community-oriented, as in supporting local businesses.</p> | |||
<p>So there's an interpretation of local software that means software that is built close to the home and serves the needs of the home.</p> | |||
<p>It’s software someone might build for themselves, their family and friends, their neighborhood and community.</p> | |||
<p>It solves local problems for local people.</p> | |||
<p>This idea has been floating around with various names attached to it for the last 20 years.</p> | |||
<p>Clay Shirky first proposed the concept of ‘situated software | |||
’ in 2004.</p> | |||
<p>He defined this as software “designed in and for a particular social situation or context.”</p> | |||
<p>He painted a vision of applications that could be used by dozens of users rather than thousands or millions. This is an absurd target population both then and now.</p> | |||
<p>The dream was that communities would get very form-fit tools for their particular needs, rather than trying to adapt generic software to solve them.</p> | |||
<p>Unfortunately, Shirky was ahead of his time – it was practically impossible to build this small-scale software in 2004.</p> | |||
<p>Sixteen years later, in 2020, Robin Sloan published a blog post called “An App Can Be a Home-Cooked Meal | |||
” which picked up on many of the same themes.</p> | |||
<p>He talked about building a tiny app for his family to send short videos to one another. Only his family have access. He’s not going to turn it into a start-up. It doesn’t have any commercial or market value.</p> | |||
<p>He made it out of care and love for the people around him to help them solve a small problem and have enjoyable experiences together.</p> | |||
<p>Just like he would if he had made them a home-cooked meal.</p> | |||
<p>Home-cooked apps, like meals, are apps you make for the people you know and love.</p> | |||
<p>We’ve progressed enough since 2004 that someone can make one of these on their own.</p> | |||
<p>They’re simple – they require some skills, but not tons.</p> | |||
<p>They’re cheap or free to run – you’re not at the mercy of a corporate pricing strategy.</p> | |||
<p>You control what happens to them – you control whether features are added or removed, and whether they’ll be shut down or sunset.</p> | |||
<p>Private – won’t sell your data.</p> | |||
<p>Serve your specific needs.</p> | |||
<p>No financial pressure to monetize them or make a profit off them.</p> | |||
<p>Safe – very little risk of nefarious actors or misaligned incentives.</p> | |||
<p>Made with love and care.</p> | |||
<p>I like collecting examples of these.</p> | |||
<p>Here's an app to track newborn breastfeeding and diaper changes.</p> | |||
<p>Why put your baby’s bodily functions on someone else's server?</p> | |||
<p>Here’s one for reconciling personal finances that’s described as a mashup between Superhuman and Tinder, which sounds much more fun than standard financial software.</p> | |||
<p>A live sales dashboard made with an old phone - a nice way to reuse hardware.</p> | |||
<p>This is one someone made for their diabetic partner. The default interface on their glucose monitor wasn't giving them the critical information they needed, so they took matters into their own hands and made one that did.</p> | |||
<p>I think it's fitting that all of these examples of home-cooked apps deal with the kind of data you don't want leaving your personal home, like your children, bodily functions, health, and finances.</p> | |||
<p>Robin Sloan’s post on home-cooked apps hit a nerve. It’s been a wildly popular piece endlessly passed around the programming community.</p> | |||
<p>I think this is because it pointed to many tensions we have around the way software is currently built.</p> | |||
<p>These small-scale, personal apps...</p> | |||
<p>..are drastically different from the kind of software most of us use every day, which is professionally made software.</p> | |||
<p>This is like a meal or cake made by a professional chef at a restaurant. Probably much more delicious than yours.</p> | |||
<p>But it is likely more complex, more expensive to make, and requires many people with expertise.</p> | |||
<p>You can’t control how it’s built, how long it lives for, or how much butter they put in it.</p> | |||
<p>Has commercial interests at heart, rather than familial love and care.</p> | |||
<p>Less security and privacy – you don’t know where the data is going.</p> | |||
<p>And professional software is the kind of software almost everyone in the world uses. It's made for masses of people, at a global scale, by huge corporations.</p> | |||
<p>At the moment, we’re in the industrial, high-modernism age of software, where these standardized, one-size-fits-all apps are made for us by people who don’t know much about us.</p> | |||
<p>Primarily people working for large Californian corporations and shipping their software overseas.</p> | |||
<p>They’re sitting in San Fransisco trying to understand our pains and problems over Zoom calls and customer support tickets.</p> | |||
<p>They have so little context on our lives, what problems we need solved, and what we value.</p> | |||
<p>How could an American getting paid six figures in Mountain View understand how to identify problems and design solutions for a homemaker in Tokyo, a street seller in Turkey, or a doctor in Tunisia?</p> | |||
<p>For the most part, they don’t. Or if they try, they do it badly.</p> | |||
<p>My friend Kasey Klimes wrote a fantastic piece called “When to Design for Emergence | |||
” on the design dynamics of large-scale software after working on Google Maps.</p> | |||
<p>He points out that our current approach is designed to only solve the most common needs of the most number of users.</p> | |||
<p>Anything beyond that is what we call the long tail of user needs. These are things only a few people need, but there's a nearly infinite amount of them.</p> | |||
<p>In the case of Google Maps, the long tail of user needs is anything beyond "how do I get from here to there?”</p> | |||
<p>Google Maps is never going to support showing historical borders or tidal patterns, even if those things are essential to a few dozen, or even a few hundred people.</p> | |||
<p>In the current system, this stuff is always considered out of scope.</p> | |||
<p>Because it doesn't make any financial sense to support the long tail.</p> | |||
<p>Industrial software can only target the biggest problems for the most people, ideally wealthy people with disposable income.</p> | |||
<p>This is an economic limitation. Building features that solve every single long tail need requires a lot of engineering labor...</p> | |||
<p>...and engineers are very expensive.</p> | |||
<p>For industrial software, you need large teams of developers and designers and product people who demand high salaries in exchange for their valuable, hard-won expertise.</p> | |||
<p>And the way we fund this is primarily through US-based venture capital funding, which demands hockey stick growth in return.</p> | |||
<p>All the focus goes into making hundreds of millions or ideally billions of dollars in profit to pay back their investors.</p> | |||
<p>As a member of a team that's in the middle of doing this, I can say it affects every single decision about how we build the software and what features are prioritized.</p> | |||
<p>I've drawn a little map to help make these dynamics clear.</p> | |||
<p>We have scale on the horizontal axis, going from small, special snowflake software up to global industrial software.</p> | |||
<p>And profit on the vertical axis, so unicorn companies making billions of dollars versus financial sinkholes.</p> | |||
<p>Most software today sits in this upper right quadrant of being large-scale and aiming to make as much money as possible.</p> | |||
<p>Anything that falls below the profit line ends up being a short-lived failure—it's not allowed to survive long in the marketplace.</p> | |||
<p>But over here on the left-hand side of small-scale, specific software, we have the land of opportunity.</p> | |||
<p>This kind of software doesn't even need to make a profit; it just has to operate at a very low cost, although maybe it could make some small to medium amount of profit over the long term.</p> | |||
<p>But this land of opportunity currently has a skill issue.</p> | |||
<p>Because the Venn diagram of people with the skills to make home-cooked software and professional developers is essentially...</p> | |||
<p>...a concentric circle.</p> | |||
<p>All the examples of home-cooked software I showed were made by people who work as professional developers.</p> | |||
<p>The vast majority of people who might want to make a piece of home-cooked software can't because software development is too complex. Even those of us who are professionals don't always have the right knowledge to make a full-stack app for ourselves.</p> | |||
<p>This isn’t news to anyone. This has been the main complaint of end-user programming advocates for decades.</p> | |||
<p>So widespread, local, home-cooked software is still just a pipe dream.</p> | |||
<p>This is a shame because we know the world is full of problems to be solved. While not all of those problems have software-shaped solutions, a whole bunch of them do.</p> | |||
<p>It's hard to argue it wouldn't be overwhelmingly net good for more people to be capable of designing and building their own software to solve problems for their local communities.</p> | |||
<p>So what happens if some parts of software development get faster, easier, and cheaper?</p> | |||
<p>Well, 4 years ago, OpenAI released GPT-3, the first meaningfully capable large language model. And since then, we've been on a bit of a ride.</p> | |||
<p>Now, when I say large language model...</p> | |||
<p>I'm talking about what everyone else calls AI. But I think that term is too general.</p> | |||
<p>I'm specifically talking about models that are made using deep learning and neural networks.</p> | |||
<p>These are primarily large language models, but this also includes vision and action models.</p> | |||
<p>They are models that can understand words, code syntax, images, and interface actions based on human training data.</p> | |||
<p>I'm also talking about what's come to be called agents.</p> | |||
<p>This is when we get large language models to behave like an agent that can make plans and decisions to try and achieve goals we give them.</p> | |||
<p>We give these agents access to external tools like web search, calculators, and the ability to write and run code.</p> | |||
<p>As well as long-term memory stores in databases.</p> | |||
<p>And we get them to mimic logical thought patterns like having them observe what they know, plan what they want to do next, critique their own work, and think step by step.</p> | |||
<p>The agent gets to decide what tool it wants to use at any one point to solve the problem we've given it.</p> | |||
<p>This architecture of chaining together tools and logic makes language models far more capable than they would be otherwise.</p> | |||
<p>They end up being able to do quite sophisticated tasks within our existing programming environments.</p> | |||
<p>Unless anyone here has been living under a rock, you know we've been deploying language models and agents into tools designed to help professional developers like GitHub Copilot, Cursor, and Replit.</p> | |||
<p>They can read and write code, debug things, create documentation, and write tests.</p> | |||
<p>One study showed that developers using Copilot were 55% faster at completing tasks, so we at least know this speeds people up.</p> | |||
<p>I can say from personal experience I am a much better programmer with access to these tools, but I appreciate there's a lot of skepticism and controversy over them.</p> | |||
<p>Perhaps they’re just creating more crap code and bugs for everyone to deal with down the line.</p> | |||
<p>But I actually don't want to talk about how advances in AI will affect professional developers. With all due respect, we have it pretty good. Our problems are boring.</p> | |||
<p>I want to talk about a different kind of developer.</p> | |||
<p>What I call barefoot developers.</p> | |||
<p>This is a term I’ve made up, based on the idea of...</p> | |||
<p>Barefoot doctors.</p> | |||
<p>Initiative by Mao’s government in China in the 1960s. I'm not saying everything Mao did was great, but this was a pretty good program. I'm sure he had very little to do with it.</p> | |||
<p>At the time, 80% of the population lived in rural areas but had no or poor access to healthcare. Medical expertise was all concentrated in urban areas.</p> | |||
<p>They selected people from rural villages and trained them up to become healthcare providers for their communities. These villagers were taught preventative care, curing simple ailments, diagnoses, and giving vaccines.</p> | |||
<p>And then they would return to their home villages to serve the people they knew. They were still barefoot peasants like everyone else, but now with more skills.</p> | |||
<p>The program was a wild success. By the mid-1970s, there were over 1.5 million barefoot doctors serving in China's villages.</p> | |||
<p>Life expectancy over that period rose dramatically from 35 years to 63 years.</p> | |||
<p>The developer version isn’t going to be organized by a central government.</p> | |||
<p>It only exists in very limited ways at the moment.</p> | |||
<p>To explain this, we need to think about the scale of people interested in programming.</p> | |||
<p>On one side, we have regular “end-users” of computers.</p> | |||
<p>Now, in theory, I’m a big proponent of end-user programming, but I have to admit most of these people don’t give a shit about programming and don’t want to learn it. I think we need to stop harassing normal nurses, teachers, and therapists to code when they don't want to.</p> | |||
<p>So anyway, this is not about end-users.</p> | |||
<p>It is also not about professional developers on the other side of the scale.</p> | |||
<p>We all love writing code for its own sake. We will invent excuses to program.</p> | |||
<p>Barefoot developers are going to be people who live in this middle bit.</p> | |||
<p>At the moment, these are people like the teachers who make elaborate Notion spreadsheets for managing classes.</p> | |||
<p>Or students who make over-the-top personal dashboards.</p> | |||
<p>Or financial planning wonks producing extensive spreadsheets.</p> | |||
<p>They are people who are technically savvy and interested in solving problems for themselves and people around them, but don't want to become fully-fledged programmers.</p> | |||
<p>They still live within the world of end-user-facing applications.</p> | |||
<p>At the moment, they rely on low and no-code tools. And they do wildly complex things within them, pushing these apps to their limits.</p> | |||
<p>They are the kinds of people who would be thrilled to have more agency and power over computers.</p> | |||
<p>But they never make it over what I call the command line wall.</p> | |||
<p>They never end up in the terminal, because that is a huge jump in complexity, usability, and frustration from using something like Airtable or Notion.</p> | |||
<p>This means most of their work is held hostage in the cloud and requires them to pay monthly subscription fees to access it.</p> | |||
<p>They have far less agency and power over their creations than full-blown developers.</p> | |||
<p>But I have this dream for barefoot developers that is like the barefoot doctor.</p> | |||
<p>These people are deeply embedded in their communities, so they understand the needs and problems of the people around them.</p> | |||
<p>So they are perfectly placed to solve local problems.</p> | |||
<p>If given access to the right training and tools, they could provide the equivalent of basic healthcare, but instead, it’s basic software care.</p> | |||
<p>And they could become an unofficial, distributed, emergent public service.</p> | |||
<p>They could build software solutions that no industrial software company would build—because there’s not enough market value in doing it, and they don’t understand the problem space well enough. This is the long tail of user needs.</p> | |||
<p>And these people are the ones for whom our new language model capabilities get very interesting.</p> | |||
<p>I’m interested in the question of what language models can do for barefoot developers.</p> | |||
<p>This is a now infamous tweet by one of OpenAI's co-founders, Andrej Karpathy, claiming "The hottest new programming language is English.”</p> | |||
<p>What he meant by this is that these models can accept natural language input in the form of descriptions of interfaces or software functionality and output working code.</p> | |||
<p>We are still in the very early days of this, but there are already a few prototypes out in the wild that show what's becoming possible.</p> | |||
<p>This is Vercel’s V0 | |||
. It generates working interfaces based on text descriptions of what you want.</p> | |||
<p>I've told it to make me a personal finance dashboard with feature cards showing me my daily purchases, my recent transactions, and my income over the last couple of months.</p> | |||
<p>It’s given me three versions to pick from.</p> | |||
<p>I can add follow-up instructions for how I want it to iterate on this interface. This gives me a good feedback loop.</p> | |||
<p>I asked to add accounts and bills pages to the sidebar. It produced working code I can view and edit.</p> | |||
<p>I can also directly select elements and ask it to edit them.</p> | |||
<p>Another good example of this is TLDraw | |||
's Make Real | |||
prototype.</p> | |||
<p>I'm lucky enough to hang out with them sometimes and – unbiasedly – I think they're doing some of the most interesting work in generative interfaces.</p> | |||
<p>The odd thing is they're nominally just building whiteboarding software.</p> | |||
<p>But they hooked up a multi-modal language model (GPT-4 Omni) to their canvas so that you can draw any kind of interface you like and annotate it with red drawings and text to tell the system how you want it to work</p> | |||
<p>And then click this “make real” button and it will make your selection into a real working piece of software.</p> | |||
<p>Here's another one that instantly makes a photo booth app with a live camera feed from your device.</p> | |||
<p>This required no custom code to make work. GPT-4 Omni just made it work.</p> | |||
<p>Because this environment is an infinite whiteboard, you can select your current prototype, add annotations to it, and generate new versions.</p> | |||
<p>This Make Real | |||
tool is online – you can go use it now.</p> | |||
<p>If you're someone who's skeptical about the capabilities of language models, I suggest you spend some time playing with this.</p> | |||
<p>This all feels exceptionally promising for the future of local, home-cooked software.</p> | |||
<p>Remember that the stuff barefoot developers need to build is not as complex as professional industrial software we’re all used to working on.</p> | |||
<p>They don't need to scale up to millions of people, juggle conflicting user needs, or pivot their business plans, or ship lots of features very fast to make a high return for venture capitalists.</p> | |||
<p>Most of the software needs of local communities could be solved with simple CRUD apps persisting data over time, with some basic user authentication, and a few API calls.</p> | |||
<p>So as much as I expect the number of professional developers to grow in the coming years.</p> | |||
<p>I expect the number of barefoot developers to grow exponentially more.</p> | |||
<p>But to get to that world of millions of barefoot developers, we have some problems to work through in the current moment.</p> | |||
<p>And the way I'm going to put this is that language model legos need glue.</p> | |||
<p>Language models give you a bunch of disconnected lego pieces.</p> | |||
<p>It can make pretty interface elements for you, it can manage state for you, make API calls, and write basic logic. But it doesn't tell you how to stick all these things together into a working application.</p> | |||
<p>Meanwhile, you want a cool castle, and it's very unclear how you are supposed to make a castle from these disconnected lego pieces.</p> | |||
<p>At the moment, you still need the knowledge of professional developers to glue them together.</p> | |||
<p>If you generate something in Vercel’s V0 | |||
or TLDraw | |||
you still have no idea how you might deploy that to a particular web domain or to your iPhone.</p> | |||
<p>Or persist data by setting up a database. You probably don't know what a database is.</p> | |||
<p>Add multiplayer collaboration</p> | |||
<p>Have multiple users log in with different view and editing permissions</p> | |||
<p>And 99 others I haven’t thought of that Hacker News will tell me about later.</p> | |||
<p>We're missing the glue that brings all these pieces together into working software. And the glue comes in two forms.</p> | |||
<p>We first need language model agents that are designed to act as central orchestrators for home-cooked software projects.</p> | |||
<p>These agents can guide barefoot developers through the process of writing technical specifications and help them work out what kinds of tools they might need for a piece of software.</p> | |||
<p>And then we also need tools that are designed to talk to and work with these orchestration agents.</p> | |||
<p>I expect these agents will have a set of default tools they’ve been taught how to use and call on whenever their human needs to build some new software.</p> | |||
<p>These might be APIs to multiplayer collaboration infrastructure, database managers, and deployment pipelines.</p> | |||
<p>Which brings me back to the topic near and dear to all of your hearts. Local-first.</p> | |||
<p>If I'm at all right about there being a sudden explosion of local, home-cooked software, how does this affect the strategy of the local-first movement?</p> | |||
<p>How would you try and make sure local-first is baked into this future by default?</p> | |||
<p>Because this default tool set for barefoot developers should really have a database that’s a local-first database, right?</p> | |||
<p>And once their apps are deployed, it would be nice if they worked offline, right?</p> | |||
<p>Barefoot developers might not know to ask for these things in their technical specs or prompts. Whatever defaults are baked into these agents and their available tools are going to make a lot of decisions for them.</p> | |||
<p>If you're currently building local-first tools, you should consider what kinds of interfaces would make them accessible to barefoot developers and their future agents.</p> | |||
<p>Can someone prompt their way into a local-first setup in plain English? Could they write a technical spec in markdown and end up with a working database?</p> | |||
<p>Could you develop your own small language model that guides someone through setting up your tool?</p> | |||
<p>Frankly, can you stick TLDraw | |||
onto the front of your system and start letting people build full-stack apps with it?</p> | |||
<p>To give you some motivation, I want you to imagine a future where we do get the explosion of local, home-cooked software, but it's not local-first.</p> | |||
<p>We get powerful, flexible tools that let barefoot developers make lots and lots of local, home-cooked software. They solve all kinds of specific, local problems for the people around them. Their communities love it. They become dependent on what they’ve built.</p> | |||
<p>But the software and the data behind it are all held in the cloud. And you have to keep paying a monthly subscription fee to access it. And then suddenly the terms of service change. And there's a giant advertisement in the middle of every homepage. And the subscription fee doubles.</p> | |||
<p>And it turns out what they’ve built was never actually theirs all along.</p> | |||
<p>I expect that would be a super lucrative business model.</p> | |||
<p>So I think you should care about this because the local-first movement and the local, home-cooked software vision are distinct but philosophically aligned.</p> | |||
<p>They’re built on the same foundational values: that users should have agency and ownership over their data and software.</p> | |||
<p>At the moment this community is focused on solving hard technical problems, but you should keep an eye on what’s developing around you as parts of the software-making process rapidly become more accessible and democratized.</p> | |||
<p>We can weave the local and local-first philosophies together and build tools that serve both of them. I really want local-first to be the default choice for local software. The alternative feels unquestionably worse.</p> | |||
<p>The extent to which these two visions overlap and complement each other is up to everyone in this community to decide.</p> | |||
<p>I want to end this with a quote by Ivan Illich, who I'm sure many of you have heard of.</p> | |||
<p>He wrote a wonderful book called "Tools for Conviviality | |||
" where he talked about the importance of people being able to make tools for themselves.</p> | |||
<p>He says, "People need not only to obtain things; they need above all the freedom to make things among which they can live, to give shape to them according to their own tastes, and to put them to use in caring for and about others."</p> | |||
<p>Software is no exception to this.</p> | |||
<p>That is the end of my talk. Thank you very much for listening.</p> | |||
<p>I want to say this was a very challenging talk to write and it's the first time I've done it. I had to try to make some very big claims and back them up.</p> | |||
<p>I would really love constructive criticism about places you think I'm wrong or I've overlooked important details. Just please be kind about it.</p> | |||
</article> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,480 @@ | |||
title: Home-Cooked Software and Barefoot Developers | |||
url: https://maggieappleton.com/home-cooked-software | |||
hash_url: 2076d04718bb00f7824155298c32c216 | |||
archive_date: 2024-06-09 | |||
og_image: https://maggieappleton.com/og.png | |||
description: The emerging golden age of home-cooked software, barefoot developers, and why the local-first community should help build it | |||
favicon: https://maggieappleton.com/images/favicon/favicon.ico | |||
language: en_GB | |||
This is a talk I presented Local-first Conference | |||
in Berlin, May 2024. It's specifically directed at the local-first | |||
community, but its relevant to anyone involved in building software. | |||
For the last ~year I've been keeping a close eye on how language models capabilities meaningfully change the speed, ease, and accessibility of software development. The slightly bold theory I put forward in this talk is that we're on a verge of a golden age of local, home-cooked software and a new kind of developer – what I've called the barefoot developer. | |||
The video recording will be up here in a few weeks, but until then, here's the transcript and slides. | |||
First, a quick intro. I’m Maggie. I look like this on the internet. I’m a product designer at a start-up called Elicit | |||
. We use machine learning and language models to make tools for scientific researchers. I’m also a mediocre developer, meaning I try to build things but they sometimes don’t work. | |||
I write about and research lots of things in public, online including tools for thought, language model interfaces, and end-user programming. | |||
Some of which I want to talk to you about today. | |||
I'm here to convince you of two things. | |||
First, that language models will create a golden age of local, home-cooked software and barefoot developers. | |||
I’ll explain these terms in a minute. | |||
And the second thing I want to convince you of is that the local-first | |||
community has a significant role to play in building that future golden age. | |||
And so here's what we're going to talk about: | |||
* Local-first Beyond Local Data | |||
* Home Cooked vs Industrial Software | |||
* My Pitch for Barefoot Developers | |||
* Why Language Model Legos Need Glue | |||
* How We Can Bake Local-first Into Everything. | |||
So let's talk about local-first, beyond local data. | |||
I know everyone here knows what local-first | |||
is about, but here's a quick recap for people watching who might not. | |||
When we talk about “local-first,” we’re primarily talking about where data lives and how it syncs to our devices. | |||
So in the old school world, before the cloud, our data and our software lived on a single machine and we had no way to collaborate. Except by throwing LAN parties. | |||
We then moved to the cloud era where all the programs and all the data live in the cloud and stream to our devices via the internet. | |||
And now, everyone here is trying to make a new, beautiful local-first future happen, where the software and the data all live on our local machines and just use the cloud to sync between them whenever we get internet access. | |||
The existing philosophy of local-first is fantastic. I’m on board with it, I know you all are too. | |||
But come expand your minds with me for a moment, and imagine a more holistic vision for local software. | |||
What if it was about more than just databases? | |||
Local traditionally means something close to your home, something familiar, intimate, and trusted by you, something unique to its location, and something community-oriented, as in supporting local businesses. | |||
So there's an interpretation of local software that means software that is built close to the home and serves the needs of the home. | |||
It’s software someone might build for themselves, their family and friends, their neighborhood and community. | |||
It solves local problems for local people. | |||
This idea has been floating around with various names attached to it for the last 20 years. | |||
Clay Shirky first proposed the concept of ‘situated software | |||
’ in 2004. | |||
He defined this as software “designed in and for a particular social situation or context.” | |||
He painted a vision of applications that could be used by dozens of users rather than thousands or millions. This is an absurd target population both then and now. | |||
The dream was that communities would get very form-fit tools for their particular needs, rather than trying to adapt generic software to solve them. | |||
Unfortunately, Shirky was ahead of his time – it was practically impossible to build this small-scale software in 2004. | |||
Sixteen years later, in 2020, Robin Sloan published a blog post called “An App Can Be a Home-Cooked Meal | |||
” which picked up on many of the same themes. | |||
He talked about building a tiny app for his family to send short videos to one another. Only his family have access. He’s not going to turn it into a start-up. It doesn’t have any commercial or market value. | |||
He made it out of care and love for the people around him to help them solve a small problem and have enjoyable experiences together. | |||
Just like he would if he had made them a home-cooked meal. | |||
Home-cooked apps, like meals, are apps you make for the people you know and love. | |||
We’ve progressed enough since 2004 that someone can make one of these on their own. | |||
They’re simple – they require some skills, but not tons. | |||
They’re cheap or free to run – you’re not at the mercy of a corporate pricing strategy. | |||
You control what happens to them – you control whether features are added or removed, and whether they’ll be shut down or sunset. | |||
Private – won’t sell your data. | |||
Serve your specific needs. | |||
No financial pressure to monetize them or make a profit off them. | |||
Safe – very little risk of nefarious actors or misaligned incentives. | |||
Made with love and care. | |||
I like collecting examples of these. | |||
Here's an app to track newborn breastfeeding and diaper changes. | |||
Why put your baby’s bodily functions on someone else's server? | |||
Here’s one for reconciling personal finances that’s described as a mashup between Superhuman and Tinder, which sounds much more fun than standard financial software. | |||
A live sales dashboard made with an old phone - a nice way to reuse hardware. | |||
This is one someone made for their diabetic partner. The default interface on their glucose monitor wasn't giving them the critical information they needed, so they took matters into their own hands and made one that did. | |||
I think it's fitting that all of these examples of home-cooked apps deal with the kind of data you don't want leaving your personal home, like your children, bodily functions, health, and finances. | |||
Robin Sloan’s post on home-cooked apps hit a nerve. It’s been a wildly popular piece endlessly passed around the programming community. | |||
I think this is because it pointed to many tensions we have around the way software is currently built. | |||
These small-scale, personal apps... | |||
..are drastically different from the kind of software most of us use every day, which is professionally made software. | |||
This is like a meal or cake made by a professional chef at a restaurant. Probably much more delicious than yours. | |||
But it is likely more complex, more expensive to make, and requires many people with expertise. | |||
You can’t control how it’s built, how long it lives for, or how much butter they put in it. | |||
Has commercial interests at heart, rather than familial love and care. | |||
Less security and privacy – you don’t know where the data is going. | |||
And professional software is the kind of software almost everyone in the world uses. It's made for masses of people, at a global scale, by huge corporations. | |||
At the moment, we’re in the industrial, high-modernism age of software, where these standardized, one-size-fits-all apps are made for us by people who don’t know much about us. | |||
Primarily people working for large Californian corporations and shipping their software overseas. | |||
They’re sitting in San Fransisco trying to understand our pains and problems over Zoom calls and customer support tickets. | |||
They have so little context on our lives, what problems we need solved, and what we value. | |||
How could an American getting paid six figures in Mountain View understand how to identify problems and design solutions for a homemaker in Tokyo, a street seller in Turkey, or a doctor in Tunisia? | |||
For the most part, they don’t. Or if they try, they do it badly. | |||
My friend Kasey Klimes wrote a fantastic piece called “When to Design for Emergence | |||
” on the design dynamics of large-scale software after working on Google Maps. | |||
He points out that our current approach is designed to only solve the most common needs of the most number of users. | |||
Anything beyond that is what we call the long tail of user needs. These are things only a few people need, but there's a nearly infinite amount of them. | |||
In the case of Google Maps, the long tail of user needs is anything beyond "how do I get from here to there?” | |||
Google Maps is never going to support showing historical borders or tidal patterns, even if those things are essential to a few dozen, or even a few hundred people. | |||
In the current system, this stuff is always considered out of scope. | |||
Because it doesn't make any financial sense to support the long tail. | |||
Industrial software can only target the biggest problems for the most people, ideally wealthy people with disposable income. | |||
This is an economic limitation. Building features that solve every single long tail need requires a lot of engineering labor... | |||
...and engineers are very expensive. | |||
For industrial software, you need large teams of developers and designers and product people who demand high salaries in exchange for their valuable, hard-won expertise. | |||
And the way we fund this is primarily through US-based venture capital funding, which demands hockey stick growth in return. | |||
All the focus goes into making hundreds of millions or ideally billions of dollars in profit to pay back their investors. | |||
As a member of a team that's in the middle of doing this, I can say it affects every single decision about how we build the software and what features are prioritized. | |||
I've drawn a little map to help make these dynamics clear. | |||
We have scale on the horizontal axis, going from small, special snowflake software up to global industrial software. | |||
And profit on the vertical axis, so unicorn companies making billions of dollars versus financial sinkholes. | |||
Most software today sits in this upper right quadrant of being large-scale and aiming to make as much money as possible. | |||
Anything that falls below the profit line ends up being a short-lived failure—it's not allowed to survive long in the marketplace. | |||
But over here on the left-hand side of small-scale, specific software, we have the land of opportunity. | |||
This kind of software doesn't even need to make a profit; it just has to operate at a very low cost, although maybe it could make some small to medium amount of profit over the long term. | |||
But this land of opportunity currently has a skill issue. | |||
Because the Venn diagram of people with the skills to make home-cooked software and professional developers is essentially... | |||
...a concentric circle. | |||
All the examples of home-cooked software I showed were made by people who work as professional developers. | |||
The vast majority of people who might want to make a piece of home-cooked software can't because software development is too complex. Even those of us who are professionals don't always have the right knowledge to make a full-stack app for ourselves. | |||
This isn’t news to anyone. This has been the main complaint of end-user programming advocates for decades. | |||
So widespread, local, home-cooked software is still just a pipe dream. | |||
This is a shame because we know the world is full of problems to be solved. While not all of those problems have software-shaped solutions, a whole bunch of them do. | |||
It's hard to argue it wouldn't be overwhelmingly net good for more people to be capable of designing and building their own software to solve problems for their local communities. | |||
So what happens if some parts of software development get faster, easier, and cheaper? | |||
Well, 4 years ago, OpenAI released GPT-3, the first meaningfully capable large language model. And since then, we've been on a bit of a ride. | |||
Now, when I say large language model... | |||
I'm talking about what everyone else calls AI. But I think that term is too general. | |||
I'm specifically talking about models that are made using deep learning and neural networks. | |||
These are primarily large language models, but this also includes vision and action models. | |||
They are models that can understand words, code syntax, images, and interface actions based on human training data. | |||
I'm also talking about what's come to be called agents. | |||
This is when we get large language models to behave like an agent that can make plans and decisions to try and achieve goals we give them. | |||
We give these agents access to external tools like web search, calculators, and the ability to write and run code. | |||
As well as long-term memory stores in databases. | |||
And we get them to mimic logical thought patterns like having them observe what they know, plan what they want to do next, critique their own work, and think step by step. | |||
The agent gets to decide what tool it wants to use at any one point to solve the problem we've given it. | |||
This architecture of chaining together tools and logic makes language models far more capable than they would be otherwise. | |||
They end up being able to do quite sophisticated tasks within our existing programming environments. | |||
Unless anyone here has been living under a rock, you know we've been deploying language models and agents into tools designed to help professional developers like GitHub Copilot, Cursor, and Replit. | |||
They can read and write code, debug things, create documentation, and write tests. | |||
One study showed that developers using Copilot were 55% faster at completing tasks, so we at least know this speeds people up. | |||
I can say from personal experience I am a much better programmer with access to these tools, but I appreciate there's a lot of skepticism and controversy over them. | |||
Perhaps they’re just creating more crap code and bugs for everyone to deal with down the line. | |||
But I actually don't want to talk about how advances in AI will affect professional developers. With all due respect, we have it pretty good. Our problems are boring. | |||
I want to talk about a different kind of developer. | |||
What I call barefoot developers. | |||
This is a term I’ve made up, based on the idea of... | |||
Barefoot doctors. | |||
Initiative by Mao’s government in China in the 1960s. I'm not saying everything Mao did was great, but this was a pretty good program. I'm sure he had very little to do with it. | |||
At the time, 80% of the population lived in rural areas but had no or poor access to healthcare. Medical expertise was all concentrated in urban areas. | |||
They selected people from rural villages and trained them up to become healthcare providers for their communities. These villagers were taught preventative care, curing simple ailments, diagnoses, and giving vaccines. | |||
And then they would return to their home villages to serve the people they knew. They were still barefoot peasants like everyone else, but now with more skills. | |||
The program was a wild success. By the mid-1970s, there were over 1.5 million barefoot doctors serving in China's villages. | |||
Life expectancy over that period rose dramatically from 35 years to 63 years. | |||
The developer version isn’t going to be organized by a central government. | |||
It only exists in very limited ways at the moment. | |||
To explain this, we need to think about the scale of people interested in programming. | |||
On one side, we have regular “end-users” of computers. | |||
Now, in theory, I’m a big proponent of end-user programming, but I have to admit most of these people don’t give a shit about programming and don’t want to learn it. I think we need to stop harassing normal nurses, teachers, and therapists to code when they don't want to. | |||
So anyway, this is not about end-users. | |||
It is also not about professional developers on the other side of the scale. | |||
We all love writing code for its own sake. We will invent excuses to program. | |||
Barefoot developers are going to be people who live in this middle bit. | |||
At the moment, these are people like the teachers who make elaborate Notion spreadsheets for managing classes. | |||
Or students who make over-the-top personal dashboards. | |||
Or financial planning wonks producing extensive spreadsheets. | |||
They are people who are technically savvy and interested in solving problems for themselves and people around them, but don't want to become fully-fledged programmers. | |||
They still live within the world of end-user-facing applications. | |||
At the moment, they rely on low and no-code tools. And they do wildly complex things within them, pushing these apps to their limits. | |||
They are the kinds of people who would be thrilled to have more agency and power over computers. | |||
But they never make it over what I call the command line wall. | |||
They never end up in the terminal, because that is a huge jump in complexity, usability, and frustration from using something like Airtable or Notion. | |||
This means most of their work is held hostage in the cloud and requires them to pay monthly subscription fees to access it. | |||
They have far less agency and power over their creations than full-blown developers. | |||
But I have this dream for barefoot developers that is like the barefoot doctor. | |||
These people are deeply embedded in their communities, so they understand the needs and problems of the people around them. | |||
So they are perfectly placed to solve local problems. | |||
If given access to the right training and tools, they could provide the equivalent of basic healthcare, but instead, it’s basic software care. | |||
And they could become an unofficial, distributed, emergent public service. | |||
They could build software solutions that no industrial software company would build—because there’s not enough market value in doing it, and they don’t understand the problem space well enough. This is the long tail of user needs. | |||
And these people are the ones for whom our new language model capabilities get very interesting. | |||
I’m interested in the question of what language models can do for barefoot developers. | |||
This is a now infamous tweet by one of OpenAI's co-founders, Andrej Karpathy, claiming "The hottest new programming language is English.” | |||
What he meant by this is that these models can accept natural language input in the form of descriptions of interfaces or software functionality and output working code. | |||
We are still in the very early days of this, but there are already a few prototypes out in the wild that show what's becoming possible. | |||
This is Vercel’s V0 | |||
. It generates working interfaces based on text descriptions of what you want. | |||
I've told it to make me a personal finance dashboard with feature cards showing me my daily purchases, my recent transactions, and my income over the last couple of months. | |||
It’s given me three versions to pick from. | |||
I can add follow-up instructions for how I want it to iterate on this interface. This gives me a good feedback loop. | |||
I asked to add accounts and bills pages to the sidebar. It produced working code I can view and edit. | |||
I can also directly select elements and ask it to edit them. | |||
Another good example of this is TLDraw | |||
's Make Real | |||
prototype. | |||
I'm lucky enough to hang out with them sometimes and – unbiasedly – I think they're doing some of the most interesting work in generative interfaces. | |||
The odd thing is they're nominally just building whiteboarding software. | |||
But they hooked up a multi-modal language model (GPT-4 Omni) to their canvas so that you can draw any kind of interface you like and annotate it with red drawings and text to tell the system how you want it to work | |||
And then click this “make real” button and it will make your selection into a real working piece of software. | |||
Here's another one that instantly makes a photo booth app with a live camera feed from your device. | |||
This required no custom code to make work. GPT-4 Omni just made it work. | |||
Because this environment is an infinite whiteboard, you can select your current prototype, add annotations to it, and generate new versions. | |||
This Make Real | |||
tool is online – you can go use it now. | |||
If you're someone who's skeptical about the capabilities of language models, I suggest you spend some time playing with this. | |||
This all feels exceptionally promising for the future of local, home-cooked software. | |||
Remember that the stuff barefoot developers need to build is not as complex as professional industrial software we’re all used to working on. | |||
They don't need to scale up to millions of people, juggle conflicting user needs, or pivot their business plans, or ship lots of features very fast to make a high return for venture capitalists. | |||
Most of the software needs of local communities could be solved with simple CRUD apps persisting data over time, with some basic user authentication, and a few API calls. | |||
So as much as I expect the number of professional developers to grow in the coming years. | |||
I expect the number of barefoot developers to grow exponentially more. | |||
But to get to that world of millions of barefoot developers, we have some problems to work through in the current moment. | |||
And the way I'm going to put this is that language model legos need glue. | |||
Language models give you a bunch of disconnected lego pieces. | |||
It can make pretty interface elements for you, it can manage state for you, make API calls, and write basic logic. But it doesn't tell you how to stick all these things together into a working application. | |||
Meanwhile, you want a cool castle, and it's very unclear how you are supposed to make a castle from these disconnected lego pieces. | |||
At the moment, you still need the knowledge of professional developers to glue them together. | |||
If you generate something in Vercel’s V0 | |||
or TLDraw | |||
you still have no idea how you might deploy that to a particular web domain or to your iPhone. | |||
Or persist data by setting up a database. You probably don't know what a database is. | |||
Add multiplayer collaboration | |||
Have multiple users log in with different view and editing permissions | |||
And 99 others I haven’t thought of that Hacker News will tell me about later. | |||
We're missing the glue that brings all these pieces together into working software. And the glue comes in two forms. | |||
We first need language model agents that are designed to act as central orchestrators for home-cooked software projects. | |||
These agents can guide barefoot developers through the process of writing technical specifications and help them work out what kinds of tools they might need for a piece of software. | |||
And then we also need tools that are designed to talk to and work with these orchestration agents. | |||
I expect these agents will have a set of default tools they’ve been taught how to use and call on whenever their human needs to build some new software. | |||
These might be APIs to multiplayer collaboration infrastructure, database managers, and deployment pipelines. | |||
Which brings me back to the topic near and dear to all of your hearts. Local-first. | |||
If I'm at all right about there being a sudden explosion of local, home-cooked software, how does this affect the strategy of the local-first movement? | |||
How would you try and make sure local-first is baked into this future by default? | |||
Because this default tool set for barefoot developers should really have a database that’s a local-first database, right? | |||
And once their apps are deployed, it would be nice if they worked offline, right? | |||
Barefoot developers might not know to ask for these things in their technical specs or prompts. Whatever defaults are baked into these agents and their available tools are going to make a lot of decisions for them. | |||
If you're currently building local-first tools, you should consider what kinds of interfaces would make them accessible to barefoot developers and their future agents. | |||
Can someone prompt their way into a local-first setup in plain English? Could they write a technical spec in markdown and end up with a working database? | |||
Could you develop your own small language model that guides someone through setting up your tool? | |||
Frankly, can you stick TLDraw | |||
onto the front of your system and start letting people build full-stack apps with it? | |||
To give you some motivation, I want you to imagine a future where we do get the explosion of local, home-cooked software, but it's not local-first. | |||
We get powerful, flexible tools that let barefoot developers make lots and lots of local, home-cooked software. They solve all kinds of specific, local problems for the people around them. Their communities love it. They become dependent on what they’ve built. | |||
But the software and the data behind it are all held in the cloud. And you have to keep paying a monthly subscription fee to access it. And then suddenly the terms of service change. And there's a giant advertisement in the middle of every homepage. And the subscription fee doubles. | |||
And it turns out what they’ve built was never actually theirs all along. | |||
I expect that would be a super lucrative business model. | |||
So I think you should care about this because the local-first movement and the local, home-cooked software vision are distinct but philosophically aligned. | |||
They’re built on the same foundational values: that users should have agency and ownership over their data and software. | |||
At the moment this community is focused on solving hard technical problems, but you should keep an eye on what’s developing around you as parts of the software-making process rapidly become more accessible and democratized. | |||
We can weave the local and local-first philosophies together and build tools that serve both of them. I really want local-first to be the default choice for local software. The alternative feels unquestionably worse. | |||
The extent to which these two visions overlap and complement each other is up to everyone in this community to decide. | |||
I want to end this with a quote by Ivan Illich, who I'm sure many of you have heard of. | |||
He wrote a wonderful book called "Tools for Conviviality | |||
" where he talked about the importance of people being able to make tools for themselves. | |||
He says, "People need not only to obtain things; they need above all the freedom to make things among which they can live, to give shape to them according to their own tastes, and to put them to use in caring for and about others." | |||
Software is no exception to this. | |||
That is the end of my talk. Thank you very much for listening. | |||
I want to say this was a very challenging talk to write and it's the first time I've done it. I had to try to make some very big claims and back them up. | |||
I would really love constructive criticism about places you think I'm wrong or I've overlooked important details. Just please be kind about it. |
@@ -0,0 +1,205 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>pilea - Carnets Web de La Grange (archive) — David Larlet</title> | |||
<meta name="description" content="Publication mise en cache pour en conserver une trace."> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Is that even respected? Retrospectively? What a shAItshow… | |||
https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ --> | |||
<meta name="robots" content="noai, noimageai"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<meta name="robots" content="noindex, nofollow"> | |||
<meta content="origin-when-cross-origin" name="referrer"> | |||
<!-- Canonical URL for SEO purposes --> | |||
<link rel="canonical" href="https://www.la-grange.net/2024/04/15/pilea"> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<article> | |||
<header> | |||
<h1>pilea - Carnets Web de La Grange</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="https://www.la-grange.net/2024/04/15/pilea" title="Lien vers le contenu original">Source originale</a> | |||
<br> | |||
Mis en cache le 2024-06-09 | |||
</p> | |||
</nav> | |||
<hr> | |||
<article id="post" class="item post"> | |||
<figure> | |||
<img src="https://www.la-grange.net/2024/04/15/4535-pilea.jpg" alt="Feuilles de Pilea peperomioides."> | |||
<figcaption>Komagome, Japon, 15 avril 2024</figcaption> | |||
</figure> | |||
<blockquote> | |||
<p>D'écrire, parfois j'avoue, j'oublie aussi.<br> | |||
— Nos vaches sont jolies parce qu'elles mangent des fleurs, Paul Bedel / Catherine Boivin, urn:isbn:978-2-266-28669-5</p> | |||
</blockquote> | |||
<p>Pilea peperomioides. Elle a beaucoup grandi pendant quelques années et puis elle s'est arrêtée. Je devrais rempoter les boutures à son pied. Comme si la nouvelle génération ne cherchait juste qu'un peu d'espace pour continuer leur chemin. Elle a été <a href="https://www.pilea.com/post/the-real-story-behind-pilea-peperomioides">introduite à l'intérieur des maisons</a> depuis la province du Yunnan en Chine. Je n'ai pas trouvé de photos dans son environnement naturel. Forêt, montagne ?</p> | |||
<hr> | |||
<blockquote> | |||
<p>Difficile de vivre avec un <del>athlète élite</del> enfant de 10 ans parfois. — <a href="https://larlet.fr/david/2024/04/14/">David</a></p> | |||
</blockquote> | |||
<p>Je ne peux plus courrir et sauter, mais je peux pédaler. Là, je suis encore, mais pour très peu de temps, plus véloce que lui. Mais c'est aussi une de mes motivations quand à son autonomie. Plus il est autonome (dans sa responsabilité au monde), moins il sera bloqué par ma lenteur du monde. Cela bien sûr sans empêcher son désir d'empathie et d'accompagnement.</p> | |||
<hr> | |||
<p><a href="https://github.com/rastapasta/mapscii">MapSCII - The Whole World In Your Console</a></p> | |||
<hr> | |||
<p><a href="https://www.douggregor.net/posts/swift-for-cxx-practitioners-value-types/">Swift for C++ Practitioners, Part 1: Intro & Value Types</a></p> | |||
<p><a href="https://www.douggregor.net/tags/swift/">Partie 1 d'une série d'articles</a>.</p> | |||
<hr> | |||
<p>J'ai laissé ces 3 cartes dans leur format originale:</p> | |||
<p><img src="https://www.la-grange.net/2024/04/15/jr-east-tokyo-map.jpg" alt="carte du réseau de Tokyo."> | |||
<img src="https://www.la-grange.net/2024/04/15/tokyo-subway-route-map.jpg" alt="carte du réseau de Tokyo."> | |||
<img src="https://www.la-grange.net/2024/04/15/jr-east-tokyo-system.jpg" alt="carte du réseau de Tokyo."></p> | |||
</article> | |||
</article> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,38 @@ | |||
title: pilea - Carnets Web de La Grange | |||
url: https://www.la-grange.net/2024/04/15/pilea | |||
hash_url: b0a65aa568c958e4dae4f3aa1613ab6b | |||
archive_date: 2024-06-09 | |||
og_image: https://www.la-grange.net/2024/04/15/4535-pilea.jpg | |||
description: | |||
favicon: https://www.la-grange.net/favicon.ico | |||
language: fr_FR | |||
<article id="post" class="item post"> | |||
<figure> | |||
<img src="https://www.la-grange.net/2024/04/15/4535-pilea.jpg" alt="Feuilles de Pilea peperomioides."> | |||
<figcaption>Komagome, Japon, 15 avril 2024</figcaption> | |||
</figure> | |||
<blockquote> | |||
<p>D'écrire, parfois j'avoue, j'oublie aussi.<br> | |||
— Nos vaches sont jolies parce qu'elles mangent des fleurs, Paul Bedel / Catherine Boivin, urn:isbn:978-2-266-28669-5</p> | |||
</blockquote> | |||
<p>Pilea peperomioides. Elle a beaucoup grandi pendant quelques années et puis elle s'est arrêtée. Je devrais rempoter les boutures à son pied. Comme si la nouvelle génération ne cherchait juste qu'un peu d'espace pour continuer leur chemin. Elle a été <a href="https://www.pilea.com/post/the-real-story-behind-pilea-peperomioides">introduite à l'intérieur des maisons</a> depuis la province du Yunnan en Chine. Je n'ai pas trouvé de photos dans son environnement naturel. Forêt, montagne ?</p> | |||
<hr> | |||
<blockquote> | |||
<p>Difficile de vivre avec un <del>athlète élite</del> enfant de 10 ans parfois. — <a href="https://larlet.fr/david/2024/04/14/">David</a></p> | |||
</blockquote> | |||
<p>Je ne peux plus courrir et sauter, mais je peux pédaler. Là, je suis encore, mais pour très peu de temps, plus véloce que lui. Mais c'est aussi une de mes motivations quand à son autonomie. Plus il est autonome (dans sa responsabilité au monde), moins il sera bloqué par ma lenteur du monde. Cela bien sûr sans empêcher son désir d'empathie et d'accompagnement.</p> | |||
<hr> | |||
<p><a href="https://github.com/rastapasta/mapscii">MapSCII - The Whole World In Your Console</a></p> | |||
<hr> | |||
<p><a href="https://www.douggregor.net/posts/swift-for-cxx-practitioners-value-types/">Swift for C++ Practitioners, Part 1: Intro & Value Types</a></p> | |||
<p><a href="https://www.douggregor.net/tags/swift/">Partie 1 d'une série d'articles</a>.</p> | |||
<hr> | |||
<p>J'ai laissé ces 3 cartes dans leur format originale:</p> | |||
<p><img src="https://www.la-grange.net/2024/04/15/jr-east-tokyo-map.jpg" alt="carte du réseau de Tokyo."> | |||
<img src="https://www.la-grange.net/2024/04/15/tokyo-subway-route-map.jpg" alt="carte du réseau de Tokyo."> | |||
<img src="https://www.la-grange.net/2024/04/15/jr-east-tokyo-system.jpg" alt="carte du réseau de Tokyo."></p> | |||
</article> |
@@ -176,6 +176,8 @@ | |||
<li><a href="/david/cache/2024/02eaae467a3a88479393c9fe026f655a/" title="Accès à l’article dans le cache local : CSS :has() Interactive Guide">CSS :has() Interactive Guide</a> (<a href="https://ishadeed.com/article/css-has-guide/" title="Accès à l’article original distant : CSS :has() Interactive Guide">original</a>)</li> | |||
<li><a href="/david/cache/2024/b0a65aa568c958e4dae4f3aa1613ab6b/" title="Accès à l’article dans le cache local : pilea - Carnets Web de La Grange">pilea - Carnets Web de La Grange</a> (<a href="https://www.la-grange.net/2024/04/15/pilea" title="Accès à l’article original distant : pilea - Carnets Web de La Grange">original</a>)</li> | |||
<li><a href="/david/cache/2024/40aada3cc8d6897fda5a277c4299c1fd/" title="Accès à l’article dans le cache local : We Need to Talk About the Front Web">We Need to Talk About the Front Web</a> (<a href="https://gericci.me/we-need-to-talk-about-the-front-web-5.html" title="Accès à l’article original distant : We Need to Talk About the Front Web">original</a>)</li> | |||
<li><a href="/david/cache/2024/44c12c8fbb59c7239f0f3b04bae189b7/" title="Accès à l’article dans le cache local : Tailwind marketing and misinformation engine">Tailwind marketing and misinformation engine</a> (<a href="https://nuejs.org/blog/tailwind-misinformation-engine/" title="Accès à l’article original distant : Tailwind marketing and misinformation engine">original</a>)</li> | |||
@@ -308,6 +310,8 @@ | |||
<li><a href="/david/cache/2024/5201efaa6fe6a80f69647a354c9afd18/" title="Accès à l’article dans le cache local : N’ayez pas peur des mots">N’ayez pas peur des mots</a> (<a href="https://emmanuelle-aboaf.netlify.app/blog/article/n-ayez-pas-peur-des-mots" title="Accès à l’article original distant : N’ayez pas peur des mots">original</a>)</li> | |||
<li><a href="/david/cache/2024/2076d04718bb00f7824155298c32c216/" title="Accès à l’article dans le cache local : Home-Cooked Software and Barefoot Developers">Home-Cooked Software and Barefoot Developers</a> (<a href="https://maggieappleton.com/home-cooked-software" title="Accès à l’article original distant : Home-Cooked Software and Barefoot Developers">original</a>)</li> | |||
<li><a href="/david/cache/2024/5da390fa8d93278cd62233d3915729e7/" title="Accès à l’article dans le cache local : Generating Config driven Dynamic Forms using Web Components">Generating Config driven Dynamic Forms using Web Components</a> (<a href="https://codeburst.io/generating-config-driven-dynamic-forms-using-web-components-7c8d400f7f2e" title="Accès à l’article original distant : Generating Config driven Dynamic Forms using Web Components">original</a>)</li> | |||
<li><a href="/david/cache/2024/34590090e8c8ea82be14fcc3dd7b734c/" title="Accès à l’article dans le cache local : A Kafkaesque digital relationship with ourselves">A Kafkaesque digital relationship with ourselves</a> (<a href="https://minutestomidnight.co.uk/blog/kafkaesque-digital-relationship-with-ourselves/" title="Accès à l’article original distant : A Kafkaesque digital relationship with ourselves">original</a>)</li> |