Simon Willison手机上用Claude Code开发博客野生动物观察功能全记录

概述

Simon Willison（知名开发者、Datasette创始人）最近在博客上新增了一个"Sightings"（观察记录）功能，将他在iNaturalist上分享的野生动物照片同步到个人博客中。整个功能完全在手机上使用Claude Code完成开发——这个细节本身就足够引人注目。

项目背景：从拍鸟到博客功能开发

Simon最近入手了一台Canon R6 Mark II相机，开始大量拍摄鸟类和野生动物照片。他一直在iNaturalist上分享自己拍到的精彩瞬间。

iNaturalist是由加州科学院和国家地理学会联合运营的全球性公民科学平台，拥有超过1.5亿条观察记录和数百万活跃用户。用户上传的野生动植物照片会经过社区成员和AI算法的双重鉴定，最终形成具有科学研究价值的生物多样性数据集。该平台提供完善的API接口，允许开发者程序化地访问观察记录、物种信息和地理位置数据——这正是Simon能够将其数据同步到个人博客的技术基础。

基于前一天成功的原型验证，他决定将这些iNaturalist内容正式整合到自己的博客系统中。

这个功能建立在他此前开发的"beats系统"之上。beats系统是一个用于聚合外部内容的内容联合框架，其核心思想借鉴了IndieWeb运动中的POSSE原则（Publish on your Own Site, Syndicate Elsewhere，即先在自己的网站发布，再分发到其他平台），但方向相反——将外部平台的内容拉回到个人网站。在技术实现上，beats系统为每种外部内容类型定义统一的数据模型和渲染模板，通过定时任务或Webhook从外部API拉取数据，然后将其与原生博客内容（文章、链接等）统一索引和展示。这种架构的优势在于高度可扩展：新增一种内容源只需定义对应的数据适配器和模板，无需改动核心框架。通过它，观察记录可以像博客文章、外部链接等其他内容形式一样，出现在博客首页、日期归档页面以及站内搜索结果中。

技术实现亮点

在手机上用Claude Code完成全部开发

这个项目最令人印象深刻的地方在于：Simon使用Claude Code for web在手机上完成了整个功能的开发和部署。

Claude Code是Anthropic推出的面向开发者的AI编程代理工具，最初以命令行终端形式运行，后来扩展到Web端（Claude Code for web），使得用户可以通过浏览器直接使用。与传统的AI代码补全工具（如GitHub Copilot）不同，Claude Code更接近一个具备完整上下文理解能力的编程伙伴，能够读取项目文件结构、理解代码库全貌，并执行从代码编写到Git提交的完整开发流程。Web版本的推出意味着开发者不再受限于本地开发环境，手机浏览器也能成为正式的开发终端。

这不是一个简单的配置修改，而是涉及数据同步、页面渲染、搜索集成的完整功能模块。

对于习惯了在大屏幕前写代码的开发者来说，这个案例说明AI辅助编程工具正在改变开发的物理约束——你不再需要坐在电脑前才能完成有意义的编程工作。

他在GitHub上提交了完整的PR，包含了使用的prompt和最终代码，感兴趣的开发者可以直接查看完整实现过程。

回溯填充十年历史数据

Simon不仅实现了新内容的实时同步，还回溯填充了超过十年的iNaturalist观察记录。这意味着用户现在可以在他的博客上搜索"lemur"（狐猴），就能看到他2019年在马达加斯加拍摄的狐猴照片。

回溯填充十年历史数据并非简单的一次性API调用。iNaturalist的API存在速率限制（通常为每分钟60次请求），大量历史数据的拉取需要实现分页遍历、请求节流和断点续传机制。此外，历史照片的URL可能发生变化，物种分类学名称可能经过修订更新，时区和日期格式在不同时期的记录中可能不一致——这些都是数据回填过程中需要处理的边界情况。Simon选择在功能上线时就完成全量回填，而非采用渐进式加载，这确保了用户从第一次访问起就能获得完整的浏览和搜索体验。

这种数据回填策略让新功能上线即拥有丰富的历史内容，用户体验从第一天起就是完整的。

Sightings页面功能一览

从实际效果来看，Sightings页面具备以下功能：

• 全文搜索功能
• RSS订阅支持
• 按日期排序和筛选
• 分页浏览（208条记录，共7页）
• 每条记录展示观察时间、物种名称和照片缩略图

记录涵盖了橡树啄木鸟（Acorn Woodpecker）、西部栅栏蜥蜴（Western Fence Lizard）、鱼鹰（Osprey）、白冠麻雀（White-crowned Sparrow）等多种物种，内容相当丰富。

对开发者的启示

AI辅助编程的真实工作流

这个案例展示了AI辅助编程在实际项目中的典型工作流：开发者有一个明确的需求（同步iNaturalist数据到博客），通过自然语言向AI描述意图，AI生成代码实现，开发者审核后部署上线。从原型验证到正式发布仅用了一天时间。

关键在于，Simon并非将所有工作都交给AI。他对自己的博客系统架构了然于胸，知道beats系统如何工作，清楚数据应该如何流转。AI在这里扮演的是高效执行者的角色，而非架构决策者。这种"人类负责架构决策和质量把关，AI负责代码生成和细节实现"的协作模式，正在成为高效开发者使用AI工具的主流范式。它要求开发者具备足够的技术判断力来评估AI输出的质量，同时也意味着AI工具的价值上限很大程度上取决于使用者自身的技术深度。

个人网站作为内容中枢的回归

这个项目也反映了独立博客圈的一个明显趋势：将分散在各平台的内容重新聚合到个人网站。Simon的beats系统本质上是一个个人内容中枢，将博客文章、外部链接、社交媒体动态和自然观察记录统一管理和展示。

这一做法深度契合IndieWeb运动的核心理念。IndieWeb是一个始于2011年的去中心化网络社区运动，倡导个人拥有自己的域名和内容，而非将数字身份和创作成果托管在第三方平台上。这一理念在近年来愈发受到关注，尤其是在Twitter被收购并更名为X、Reddit API政策收紧、多个社交平台频繁调整算法和政策的背景下。越来越多的开发者开始重新投资个人网站基础设施，将其作为数字身份的锚点。Webmention、Micropub、IndieAuth等开放协议的发展，也为个人网站之间的互联互通提供了技术标准。

在社交媒体平台频繁变动的今天，"拥有自己的数据"不再只是一句口号，而是越来越多开发者的实际选择。

总结

这个看似简单的博客功能背后，折射出几个值得关注的趋势：

1. AI编程工具的移动端可用性：Claude Code让手机上完成正式开发成为现实
2. 个人网站的内容中枢化：将散落各处的数据重新汇聚到自己掌控的平台
3. 数据所有权意识：开发者对"拥有自己数据"理念的持续践行

Simon Willison一直是AI工具的积极实践者和布道者。这次用Claude Code在手机上完成完整功能开发的经历，不是为了炫技，而是自然而然地将AI工具融入日常工作流的结果。对于其他开发者来说，这或许是一个信号：AI辅助编程的门槛和使用场景，比我们想象的还要低和广。

核心要点

• Simon Willison使用Claude Code for web在手机上为博客开发了野生动物观察记录同步功能
• 该功能基于beats内容联合系统，将iNaturalist数据整合到博客的首页、归档和搜索中
• 回溯填充了超过十年的iNaturalist观察记录，共208条数据
• 从原型验证到正式上线仅用一天，展示了AI辅助编程的高效率
• 体现了个人网站作为内容中枢、开发者掌控自有数据的趋势