EPISODE02
教会官网项目 · 技术分享 · 第 2 期
从口头承诺到
数字资产
IT 行业对日开发流程（瀑布流）· 敏捷开发 · 日本行业现实。
以及一套为这个项目量身定制的"三明治"混合模型。
“
开两个小时的会，走出门时手里只剩一堆口头承诺——
等同于浪费生命。
每一次碰头，都要转化为赛博空间里真实可见的数字资产。
开题质问 · 本期给出方法论
对日开发 · 瀑布流 Waterfall
四个阶段，一泻到底
壹
要件定义
画定边界与红绿灯。这一步绝不写代码，是和客户沟通的"宪法"。
贰
基本设计
绘制建筑蓝图：画面迁移图、线框图、数据存放规则。
叁
详细设计
给程序员的施工图纸：拆成积木模块，写到伪代码级别。
肆
开发实施
戴上安全帽下工地：写代码、PR 审查、CI/CD、正式交付。
铁律：前两步要占总时间的一半以上。图纸理得越透，后面的敲代码就只是肌肉记忆。
阶段壹 · 要件定义
先定绿灯，更要敢亮红灯
确认客户想要什么，以及明确拒绝我们做不到、或没必要做的事。视觉锚定、内容频次、基建底座，全在这一步落锁。
绿灯 · 必须做
零成本的高速访问
极其简单的发版流程
WordPress 存数据，Cloudflare Pages 全球极速展示。编辑传个文件就算发版。
红灯 · 坚决不做
实时聊天室
信用卡在线捐款
复杂度爆炸 + 极高安全与法律风险。捐款直接链到第三方平台，风险外包。
阶段贰 · 基本设计
把抽象需求画成蓝图
壹画面迁移图
首页 → 历史讲道怎么跳？树状导航图确保没有死胡同。
贰线框图 Wireframe
不要精美设计稿，只画骨架：视频框在哪、文字在哪、翻页在哪。
叁数据定义 = 文件存放规则
没有巨型数据库：文章存 WordPress 哪个分类、通知是不是 Markdown。
肆JS 与资产的映射大原则
例：首页轮播图永远只读 banner 文件夹里的前三张图。
/assets
├── images/
│ ├── home/
│ └── banner/
└── documents/
└── pdf/
阶段叁 & 肆 · 施工图与工地纪律
拆成积木，再立铁律
组件化拆解
网站不是一整块
导航栏、页脚、视频卡片、通知列表——每个模块独立设计，逻辑写到伪代码级：请求 → 失败兜底（Loading）→ 渲染。
Git Workflow
主干神圣不可侵犯
绝不允许直接推 main。人人新建分支，提交 PR 互相检查，通过才合并。合并即触发 Cloudflare 自动打包。
测试与交付
上线前全端点一遍
Preview URL 在手机、电脑、Safari、Chrome 全测；交付物含一页纸《日常更新操作手册》。
反叛者 · 敏捷开发 Agile
先给客户一块滑板
2001 年《敏捷宣言》：承认人类无法在初期想清所有需求，拥抱变化。把半年的大瀑布切碎成 2–4 周的 Sprint 小循环。
①
滑板
第一周：3 天做个能展示一行字的极简网页（MVP），直接拿给客户看。
②
自行车
"字太小，我想放视频"——第二周马上改，加上视频框再给她看。
③
摩托车
每天 15 分钟站会：昨天干了啥、今天干啥、什么卡脖子。
④
汽车
Sprint 内需求锁死，天王老子也不能插队。持续交付能用的半成品。
致命缺陷：极易退化成"没文档、没设计、瞎敲代码、加班擦屁股"的遮羞布。
真实占比 · 日本 IT 的现实
瀑布流不是开发模式，
是法律免责护身符
70–80%
日本项目走瀑布流。多重下請け（多层外包）模式下，只能按死规矩办事。
20–30%
敏捷开发占比，集中在 Web 系与自社开发公司。
SIer
IT 资源集中在 NTT Data、富士通、NEC 手里；大企业没有自己的程序员。
甲方花钱买一本极详尽的《要件定义书》，乙方照图施工。中途改需求，四五级外包的程序员会过劳死，合同的钱也算不清。
行业割裂 · 两个平行世界
西装革履 vs T恤拖鞋
瀑布的领地 · 传统 SIer
绝对不能出错
银行金融、政府系统（MyNumber）、制造产线、医疗。账算错一分钱就要引咎辞职——半年画图纸，半年测代码。Excel 红绿灯进度表必须漂亮。
敏捷的自留地 · Web 系
必须抢占市场
Line、Mercari、Yahoo、手游大厂、AI 初创。今天不上线，用户明天就被抢光；有 Bug 先丢出去，下周再修。Slack + GitHub + CI/CD。
本项目答案 · 结构化三明治
两片瀑布，夹一层敏捷
纯瀑布会累死在文档上，纯敏捷会陷入需求拉锯战。教会官网采用"硬核结构化瀑布 + 敏捷内容迭代"。
瀑布底层基座前两周锁死基建：Cloudflare + GitHub 方案、Asset 树形结构、主色调与导航图。出正式设计书，双方签收——中途改基建，自动化代码全部重写。
敏捷中间核心1 周一个 Sprint：第一周先把首页丢到预览链接给教会看，按反馈马上微调，同时开工下一页。网站是看"体感"的。
瀑布顶部交付正式"交工仪式"：整理最终仓库版本，交付一页纸《内容更新指南》。
落地 · 四步走里缝合敏捷
每个阶段，用对的模式
瀑布要件定义产出需求规格说明书、网站地图。严禁敏捷——这里定死功能边界，客户中途要加直播系统？理直气壮拒绝。
瀑布基本设计产出文件夹树形结构、画面迁移图。严禁敏捷——这里定死数据勾稽逻辑。
敏捷详细设计全面开启：针对每个 UI 组件快速原型。Commit 历史就是最真实的详细设计书，改回三天前的版本只要一秒。
敏捷开发实施持续发布：每一条 Git Push 都是一次小发布，随时请客户看效果。
EP 02 · 完
与其画一百张 PPT，
不如给客户一个活的网页
"活的网页"是世界上最强大的沟通工具 · 下期预告 · EP 03《从感知机到奇点：AI 进化全史》
keynote.antisubmissivist.com
Speaker · Antist
教会官网项目 · 技术分享
2026.05