找不到適合自己的 App？不如乾脆自己做一個！沒有程式基礎也沒有關係，只要會「許願」就可以了喔！

PAPAYA 電腦教室 首頁 每日列表 原始影片
實際影片長度：17:53.000。原文、繁中、雙語可點擊句子跳轉影片。
0:02.966–0:04.400
嗨，大家好
0:04.400–0:06.433
你是不是曾遇过一种情况
0:06.433–0:08.133
就是很喜欢某个 App
0:08.133–0:11.466
却觉得它偏偏少了一个自己最需要的功能？
0:11.466–0:13.000
过去遇到这些问题
0:13.000–0:15.133
通常我们只能默默接受
0:15.133–0:18.733
但现在有了像 ChatGPT 或 Claude 这样的 AI 助理
0:18.733–0:20.733
即使我们没有任何程式的背景
0:20.733–0:23.833
也能轻松打造出专属于自己的 App
0:23.833–0:26.933
好，那假设今天我们在网路上看到一则新闻
0:26.933–0:31.200
是 Google 新推出了一个可以边思考和边说话的 AI 模型
0:31.200–0:32.700
于是你突发奇想
0:32.700–0:34.866
想要打造一个 AI 语音助理
0:34.866–0:38.200
让我们能透过口说的方式来设定提醒事项
0:38.200–0:39.600
等到时间一到
0:39.600–0:42.966
AI 就会自动透过 LINE 发送提醒讯息给自己
0:42.966–0:45.633
甚至还能传给家人或朋友
0:45.633–0:47.700
好，那这边我以 Claude 来作示范
0:47.700–0:50.333
一步一步带着大家打造出这个 App
0:50.333–0:53.700
如果你平常习惯使用 ChatGPT 也完全没有问题
0:53.700–0:56.966
因为两边在开发时思路是相通的
0:56.966–0:58.866
如果你未曾使用过 Claude
0:58.866–1:02.533
你可以先用自己的 Google 信箱注册一个私人帐号
1:02.533–1:05.233
而要用 Claude 协助开发电脑或手机的 App
1:05.233–1:08.033
我们至少需要订阅 Pro 以上的方案
1:08.033–1:11.066
计费方式可以采用月缴或着是年缴
1:11.066–1:12.400
完成订阅之后
1:12.400–1:15.666
如果你希望能有一个简单且友善的开发环境
1:15.666–1:18.766
你可以下载 Claude 官方的桌面版软体
1:18.766–1:19.966
下载完成后
1:19.966–1:23.600
对着它双击滑鼠左键就可以完成安装
1:23.600–1:25.766
好，那第一步我们要先在电脑中
1:25.766–1:27.866
建立一个空白资料夹
1:27.866–1:31.800
这个资料夹会用来存放所有跟这个 App 相关的档案
1:31.800–1:32.966
建立完成后
1:32.966–1:35.300
我们回到 Claude 点击下面的按钮
1:35.300–1:39.266
来将刚建立的资料夹指定为目前的专案路径
1:39.266–1:40.633
点击「打开」
1:40.633–1:43.166
再按下「信任此工作区」
1:43.166–1:46.733
而在右下角我们可以指定想要使用的 AI 模型
1:46.733–1:50.366
其中 Fable 5.1 需要另外購買點數才能夠使用
1:50.366–1:53.633
因此这边我们就选择预设的 Opus 就好了
1:53.633–1:57.000
那底下我们还可以选择 AI 模型的思考强度
1:57.000–1:59.066
强度愈高 Claude 会花更多的时间
1:59.066–2:00.866
来分析复杂的问题
2:00.866–2:03.500
但相对地也会消耗更多的额度
2:03.500–2:07.066
而这边我们先维持预设的 Medium (中等) 就足够了
2:07.066–2:09.600
而如果想要查看目前用量的状态
2:09.600–2:11.800
你可以点击最右边的小按钮
2:11.800–2:13.700
它会列出你最近 5 个小时
2:13.700–2:16.133
以及整周的额度使用状况
2:16.133–2:18.200
如果其中一项额度用完的话
2:18.200–2:21.933
就必须等待下一次的重置才能够继续使用
2:21.933–2:24.466
好，那在请 Claude 正式开始实作之前
2:24.466–2:27.166
我们可以先做几个简单的准备工作
2:27.166–2:31.133
首先一个 App 理所当然要有一个具有辨识度的图示
2:31.133–2:34.166
只是 Claude 本身并没有生成图片的能力
2:34.166–2:37.266
因此我们可以改前往 ChatGPT 的网站
2:37.266–2:40.200
从 + 号选单中启用「制作影像」的功能
2:40.200–2:42.233
接着再写一段提示词
2:42.233–2:46.466
譬如请 ChatGPT 帮我们生成一个向量插画风格的图示
2:46.466–2:48.866
按下 Enter 键送出指令
2:48.866–2:50.133
图片生成好后
2:50.133–2:52.433
我们就对着它执行「另存图片」
2:52.433–2:54.500
把它储存到自己的电脑
2:54.500–2:57.900
并且把图档存放到我们的专案资料夹内
2:57.900–3:00.100
此外由于开发 App 的过程中
3:00.100–3:02.366
最重要的就是 App 的安全性
3:02.366–3:05.633
因此我们可以考虑替 Claude 安装所谓的「外挂」(Plugins)
3:05.633–3:07.866
来增强它的防护功能
3:07.866–3:09.766
例如这边有个官方的外挂
3:09.766–3:11.666
叫做 Security Guidance (安全性指引)
3:11.666–3:14.000
安装之后 Claude 就会自动检查
3:14.000–3:16.966
开发 App 时常见的安全问题
3:16.966–3:18.666
好，准备工作完成之后
3:18.666–3:22.033
接着我们就可以正式向 Claude 提出开发的需求
3:22.033–3:24.333
那许多初学者在提需求时
3:24.333–3:26.766
最常犯的错误就是描述得太简略
3:26.766–3:28.700
导致 AI 只能凭空摸索
3:28.700–3:31.466
做出来的成品往往不符合预期
3:31.466–3:33.033
而比较适合的作法
3:33.033–3:34.533
是在提需求时
3:34.533–3:37.200
我们要先厘清几个核心的问题
3:37.200–3:39.866
譬如这个 App 是要解决什么问题？
3:39.866–3:42.066
它的目标使用者是谁？
3:42.066–3:44.766
是要在电脑还是手机上使用？
3:44.766–3:46.866
App 的介面大概长什么样子？
3:46.866–3:49.933
以及实际的操作流程要如何进行？
3:49.933–3:51.633
以我们这次的案例来说
3:51.633–3:55.033
我主要是希望透过口说的方式请 AI 建立提醒
3:55.033–3:56.600
并在指定时间透过 LINE
3:56.600–3:59.600
自动发送讯息给自己或亲朋好友
3:59.600–4:02.166
那这个 App 目前我只想要个人自用
4:02.166–4:04.766
并没有上架和贩售的打算
4:04.766–4:06.400
而在执行环境方面
4:06.400–4:08.900
我希望电脑和手机都能支援
4:08.900–4:10.866
但要做成 App 还是网页版
4:10.866–4:14.266
则要请 Claude 评估之后给我们合适的建议
4:14.266–4:17.633
那这个 App 我希望采用现代极简的风格
4:17.633–4:20.433
画面中要包含一个圆形的麦克风按钮
4:20.433–4:22.166
同时我们要提醒 Claude
4:22.166–4:25.300
App 的图示已存放在专案资料夹之中
4:25.300–4:27.066
至于 App 的操作流程
4:27.066–4:30.300
刚开启时我希望要先输入密码才能登入
4:30.300–4:34.233
接着点击麦克风之后 AI 会先主动跟我们打招呼
4:34.233–4:37.266
然后我们可以说出想要提醒的内容与时间
4:37.266–4:39.300
AI 在口头跟我们确认之后
4:39.300–4:41.366
就会建立提醒事项的排程
4:41.366–4:44.466
等到时间一到就会准时送出通知
4:44.466–4:48.300
最后你也可以把一些特别要注意的事项一并写给 Claude
4:48.300–4:51.666
譬如我想要採用 Google 的 Gemini 2.0 Flash Live 模型
4:51.666–4:53.666
并且要求 Claude 在实作前
4:53.666–4:55.700
必须先跟我们进行讨论
4:55.700–4:57.900
过程中如果需要 AI 解释的地方
4:57.900–5:01.100
也必须用浅显的语言来向我们说明
5:01.100–5:04.100
好，那我把整段的提示词贴到输入框内
5:04.100–5:06.033
按下 Enter 键送出
5:06.033–5:07.966
Claude 在看完我们的需求之后
5:07.966–5:11.066
它会提出一些问题来确认实作的方向
5:11.066–5:13.633
你可以依照自己的想法逐一作答
5:13.633–5:15.833
而如果你没有特别的主意和偏好
5:15.833–5:19.033
也可以直接采纳 Claude 提供的建议选项
5:19.033–5:20.466
全部作答完毕后
5:20.466–5:22.300
Claude 就会照着我们的指示
5:22.300–5:24.166
开始写 App 的开发计划书
5:24.166–5:26.933
大约需要花上几分钟的时间
5:26.933–5:28.366
等计划书写好后
5:28.366–5:30.266
你就可以打开这份文件
5:30.266–5:31.766
里面详细说明了 Claude
5:31.766–5:34.466
会如何设计这个 App 的功能架构
5:34.466–5:37.766
同时后面也提到了有些地方 Claude 并无法代劳
5:37.766–5:39.800
而必须由我们亲自操作
5:39.800–5:41.733
不过 Claude 也很贴心地说明
5:41.733–5:45.000
它会「一步一步」带着我们完成这些设定
5:45.000–5:47.133
计划书看过觉得没有问题之后
5:47.133–5:49.500
接着我们要做一个非常重要的步骤
5:49.500–5:52.700
就是要把这个专案加入 Git 的版本管理
5:52.700–5:55.266
它有点像平常我们在玩电玩游戏时
5:55.266–5:57.633
打魔王之前必须先做个「存档」
5:57.633–6:01.033
万一打输了还能随时读取记录重来一次
6:01.033–6:03.900
而要将专案进行存档并备份到云端
6:03.900–6:06.700
我们可以先到一个叫做 GitHub 的网站
6:06.700–6:08.700
注册一个免费的帐号
6:08.700–6:11.866
同样使用自己的 Gmail 信箱就 OK 了
6:11.866–6:12.733
除此之外
6:12.733–6:16.433
如果你希望 Claude 能直接帮我们处理存档和上传的任务
6:16.433–6:19.866
你可以安装一个小工具叫做 GitHub CLI
6:19.866–6:22.166
你只要把它的网址拷贝下来
6:22.166–6:24.433
回到 Claude 请它帮我们安装
6:24.433–6:26.833
再按下 Enter 键送出指令
6:26.833–6:28.033
安装完成后
6:28.033–6:30.966
Claude 会请我们先进行帐号的授权
6:30.966–6:34.266
于是你可以到右上角打开终端机的视窗
6:34.266–6:37.366
点击「播放」来执行 Claude 提供的指令
6:37.366–6:39.700
接着再按下 Y 代表同意
6:39.700–6:42.433
如此画面就会显示一组 8 码的验证码
6:42.433–6:44.400
你可以把它拷贝下来
6:44.400–6:45.566
按下 Enter
6:45.566–6:47.800
系统就会自动开启浏览器
6:47.800–6:51.333
如此我们就可以把刚复制的验证码执行贴上
6:51.333–6:53.000
按下「继续」
6:53.000–6:56.333
这样我们就顺利完成了 GitHub 的授权啰
6:56.333–6:58.500
好，那我们就来写一段提示词
6:58.500–7:00.333
请 Claude 做第一次的存档
7:00.333–7:02.933
并且在 GitHub 建立一个私人的空间
7:02.933–7:05.866
来把目前的进度完整备份上去
7:05.866–7:07.033
备份完成后
7:07.033–7:08.533
我们就可以放心地请 Claude
7:08.533–7:11.500
开始进行 App 的开发实作啰
7:11.500–7:13.666
好，大约过了数分钟之后
7:13.666–7:16.066
Claude 已经完成了第一阶段的进度
7:16.066–7:17.366
同时它也列出了几个
7:17.366–7:19.933
必须由我们亲自操作的步骤
7:19.933–7:22.666
首先是要注册一个免费的云端主机
7:22.666–7:24.200
叫做 Cloudflare
7:24.200–7:27.900
因此你可以直接打开页面上的连结来到它们的官网
7:27.900–7:29.933
接着再使用自己的 Gmail 信箱
7:29.933–7:32.066
注册一个免费的帐号
7:32.066–7:33.233
注册完成后
7:33.233–7:35.100
我们就回到原来的页面
7:35.100–7:37.333
跟 Claude 说「已经注册好了」
7:37.333–7:40.300
如此 Claude 就会开始处理授权的程序
7:40.300–7:42.466
而我们只要在弹出来的视窗内
7:42.466–7:44.133
点击蓝色的「授权」按钮
7:44.133–7:46.466
Claude 就能顺利登入到这个网站
7:46.466–7:49.766
帮我们建立好云端资料库和相关的设定
7:49.766–7:53.000
好，第二个步骤是要替这个 App 设定一组登入密码
7:53.000–7:56.366
以防止别人进入到这个 App 的管理介面
7:56.366–7:59.366
于是我们同样去执行 Claude 提供的程式码
7:59.366–8:01.000
然后在右侧的窗格内
8:01.000–8:03.266
将想要的密码输入进去
8:03.266–8:06.400
再按下 Enter 就完成了密码的设定
8:06.400–8:09.866
好，那接下来我们还要去申请一组 Gemini 的金钥
8:09.866–8:10.733
有了金钥
8:10.733–8:13.966
我们才能使用 Gemini 的 AI 语音模型
8:13.966–8:17.200
所以你可以直接前往 Google AI Studio 的网站
8:17.200–8:19.800
在左下角点击钥匙的图示
8:19.800–8:22.833
再去点击右上角的「建立 API 金钥」
8:22.833–8:24.733
按下 Create Key (建立金钥)
8:24.733–8:25.866
这样我们就能看到一组
8:25.866–8:28.233
由英文和数字组成的金钥密码
8:28.233–8:30.166
你可以把它拷贝下来
8:30.166–8:32.833
回到 Claude 执行底部的程式码
8:32.833–8:36.566
最后再到右侧按下 Ctrl +V 来把金钥贴上
8:36.566–8:37.766
按下 Enter
8:37.766–8:41.133
如此我们就顺利完成了第三个步骤啰
8:41.133–8:44.733
好，最后我们要来设定 AI 语音助理跟 Line 的连接
8:44.733–8:46.066
要完成这个步骤
8:46.066–8:49.300
我们首先必须注册一个 Line 的官方帐号
8:49.300–8:52.100
你可以直接使用自己的 Line 帐号登入
8:52.100–8:54.666
然后到左侧点击「建立」
8:54.666–8:57.600
那这里你可以随意输入一个帐号名称
8:57.600–9:00.933
而底下的业种分类也可以随意作答
9:00.933–9:02.266
点击「确定」
9:02.266–9:05.466
然后官方帐号的认证步骤可以直接略过
9:05.466–9:07.833
接着一直点击「同意」或「继续」按钮
9:07.833–9:11.033
就会来到官方帐号的主要操作介面
9:11.033–9:12.733
由于我们的 AI 语音助理
9:12.733–9:14.866
并无法直接连系 Line 用户
9:14.866–9:18.800
而必须透过 Line 机器人 (官方帐号) 这个中介才能传送讯息
9:18.800–9:21.500
因此我们必须先把这个通道打开
9:21.500–9:24.666
在左侧进入 Messaging API 的页面
9:24.666–9:27.033
再去点击中间的绿色按钮
9:27.033–9:29.433
服务的提供者就选择自己
9:29.433–9:31.000
点击「同意」
9:31.000–9:33.566
然后隐私权的政策可以先略过
9:33.566–9:35.900
再按下「确定」就 OK 了
9:35.900–9:37.566
而除了打开这个通道之外
9:37.566–9:40.133
我们还需要取得两个关键的资讯
9:40.133–9:42.066
一个叫做 Channel Secret
9:42.066–9:44.566
另一个叫做 Channel Access Token
9:44.566–9:46.966
它们就像是这条通道的两把钥匙
9:46.966–9:50.733
用来确保讯息在传递的过程中是安全的
9:50.733–9:52.566
好，那要取得这两把钥匙
9:52.566–9:54.933
我们可以点击左下角的连结
9:54.933–9:57.833
再点进去刚建立的 Line 官方帐号
9:57.833–9:59.566
接着把页面往下卷
9:59.566–10:02.266
就能看到第一把钥匙 Channel Secret
10:02.266–10:04.166
你可以把它复制下来
10:04.166–10:05.833
然后照着 Claude 的说明
10:05.833–10:07.833
执行它提供的程式码
10:07.833–10:11.766
接着再把 Channel Secret 贴到右边的窗格就 OK 了
10:11.766–10:14.766
再来第二把钥匙是位于隔壁的分页
10:14.766–10:17.600
切换过来之后我们把页面卷到最底部
10:17.600–10:20.933
就能看到 Channel Access Token 这一行标题
10:20.933–10:23.266
然后我们去点击底下的黑色按钮
10:23.266–10:25.366
就会跑出一组很长的密码
10:25.366–10:27.366
我们同样把它复制起来
10:27.366–10:29.500
回到 Claude 执行程式码
10:29.500–10:34.066
最后再把这一组金钥按下 Ctrl +V 执行贴上就 OK 啰
10:34.066–10:35.066
好，最后一个步骤
10:35.066–10:38.033
是要在 Line 设定一个 Webhook 网址
10:38.033–10:41.700
Webhook 有点像是 AI 语音助理留给 Line 的电话号码
10:41.700–10:43.233
如果有人加好友了
10:43.233–10:47.100
Line 就会透过这个网址通知我们的 AI 语音助理
10:47.100–10:49.933
所以我们就把 Claude 提供的网址做个复制
10:49.933–10:52.766
回到 Line 网站点击 Webhook 的「编辑」
10:52.766–10:55.266
来将这个网址执行贴上
10:55.266–10:57.166
点击 Update (更新)
10:57.166–10:59.233
接着再按下「验证」
10:59.233–11:00.866
一切都没有问题的话
11:00.866–11:03.700
我们就可以把 Webhook 的功能启用
11:03.700–11:07.200
而由于 Line 机器人预设会回覆一些罐头讯息
11:07.200–11:08.933
因此我们还必须把页面卷下来
11:08.933–11:12.500
点击「自动回覆讯息」旁边的编辑按钮
11:12.500–11:14.533
来把这个功能关闭
11:14.533–11:16.200
全部都设定完成后
11:16.200–11:19.766
Claude 会提供这个 App 的网址让我们来进行测试
11:19.766–11:23.100
于是你可以打开手机的浏览器前往这个网址
11:23.100–11:26.433
并且在登入页面中输入之前设定好的密码
11:26.433–11:28.100
那你可以考虑把这个网站
11:28.100–11:29.733
加入到手机的主页
11:29.733–11:32.266
让它看起来像是一个真正的 App
11:32.266–11:34.666
所以我们就选择「加入主画面」
11:34.666–11:38.166
这样主页就可以看到之前我们设计好的图示
11:38.166–11:39.266
那只要有其它人
11:39.266–11:43.200
像是你的家人或亲朋好友加入这个官方帐号的话
11:43.200–11:46.166
他们的名称就会显示在「联络人」的分页
11:46.166–11:47.200
有需要的话
11:47.200–11:49.866
你可以为每个人设定一个昵称
11:49.866–11:51.000
设定完成后
11:51.000–11:53.400
我们就可以准备来做个测试
11:53.400–11:55.966
我按下底部的麦克风按钮
11:55.966–11:57.800
嗨，Papaya 你好
11:57.800–12:00.033
有什么我们可以帮忙的吗？
12:00.033–12:02.700
请提醒我两分钟之后去洗衣服
12:02.700–12:03.433
好的
12:03.433–12:06.766
我会在 3 点 54 分提醒你去洗衣服
12:06.766–12:07.900
这样对吗？
12:07.900–12:09.900
是的，没错
12:09.900–12:11.800
OK，于是过了两分钟之后
12:11.800–12:15.466
我的 Line 就自动跳出「洗衣服」的提醒讯息啰
12:15.466–12:18.533
好，那我们来测试传一则讯息给其它人
12:18.533–12:21.766
请提醒小花 10 分钟之后去倒垃圾
12:21.766–12:22.700
好的
12:22.700–12:26.166
我会在 4 点 8 分的时候提醒小花去倒垃圾
12:26.166–12:27.466
这样对吗？
12:27.466–12:29.200
是的，没问题
12:29.200–12:32.133
好，已经帮你设定完成啰
12:32.133–12:34.733
OK，那这样小花在 4 点 8 分的时候
12:34.733–12:37.866
就会收到我们要提醒她的讯息啰
12:37.866–12:38.866
好，做到这边
12:38.866–12:41.566
整个 App 的核心功能已大致完备
12:41.566–12:43.366
而为了方便日后的维护
12:43.366–12:46.366
我们可以请 Claude 替自己写一份专案备忘录
12:46.366–12:50.166
说明这个 App 使用了什么程式架构和相关技术
12:50.166–12:53.100
之后当我们想要新增功能或修改程式码时
12:53.100–12:56.566
Claude 就能迅速掌握整个专案的脉络
12:56.566–12:58.200
而要生成这个备忘录
12:58.200–13:01.400
我们只要在对话框内输入 /init 指令
13:01.400–13:03.900
Claude 就会自动扫描整个专案环境
13:03.900–13:05.600
并且在资料夹内建立一份
13:05.600–13:08.333
名为 CLAUDE.md 的说明文件
13:08.333–13:10.800
日后只要我们每开启一个新的对话
13:10.800–13:12.833
CLAUDE.md 就会自动载入
13:12.833–13:15.233
作为这个专案的背景知识
13:15.233–13:16.266
除此之外
13:16.266–13:19.066
现在也是一个非常适合存档的时间点
13:19.066–13:21.400
因此我们可以请 Claude 将目前的进度
13:21.400–13:23.966
进行存档并备份到 GitHub
13:23.966–13:26.600
或着如果你想要使用较为正式的术语
13:26.600–13:29.566
你也可以说请你将目前的进度进行提交 (Commit)
13:29.566–13:31.500
并推送 (Commit) 到 GitHub
13:31.500–13:33.566
而之后如果我们想要针对这个 App
13:33.566–13:35.166
做一些功能上的调整
13:35.166–13:37.300
操作流程也非常简单
13:37.300–13:40.366
譬如我想要把画面中的麦克风按钮改成蓝色
13:40.366–13:43.000
并且将尺寸加大 1.5 倍
13:43.000–13:45.166
于是你可以开启一个新的对话
13:45.166–13:47.900
并且把你的需求写成一段提示词
13:47.900–13:49.466
同时我们要提醒 Claude
13:49.466–13:51.966
修改好后先不要覆盖正式的版本
13:51.966–13:53.600
而是先做个预览版
13:53.600–13:56.200
让我们能用手机先做个测试
13:56.200–13:57.066
过了一会儿
13:57.066–13:58.833
当 Claude 修改完成后
13:58.833–14:01.866
我们就可以用手机打开它提供的预览连结
14:01.866–14:04.766
来确认按钮的外观是否符合预期
14:04.766–14:06.733
看过后觉得没有问题的话
14:06.733–14:10.300
我们就可以请 Claude 将改好的内容部署到正式的网址
14:10.300–14:14.533
并且做提交和推送到 GitHub 来完成此次的更新
14:14.533–14:17.700
而如果你在修改 App 的功能或调整介面时
14:17.700–14:20.433
发现效果不如预期也不用担心
14:20.433–14:23.033
你只要请 Claude 列出所有的存档记录
14:23.033–14:26.300
并且从清单中找出想要返回的历史版本
14:26.300–14:28.133
例如我想要将麦克风的按钮
14:28.133–14:31.033
变回到原本小尺寸的黑色外观
14:31.033–14:34.333
于是我在提示词内特别标明该笔存档的编号
14:34.333–14:36.533
请 Claude 协助还原
14:36.533–14:38.900
同时还原时我们还要做一个决定
14:38.900–14:41.733
就是要「舍弃」该存档点之后的所有修改
14:41.733–14:43.800
还是要「保留」后续的所有纪录
14:43.800–14:46.966
以新增一笔提交的方式覆盖回去
14:46.966–14:49.433
决定好后我们就将提示词送出
14:49.433–14:53.300
于是麦克风就立即变回原来蓝色放大前的样子
14:53.300–14:56.733
而且当我们再次请 Claude 列出所有的存档点时
14:56.733–15:00.700
原来的旧存档也都有完整保留下来喔
15:00.700–15:02.266
OK，最后我们来聊一下
15:02.266–15:04.733
如果想要替这个 App 开发新功能的话
15:04.733–15:07.600
要采用什么样的流程会比较理想
15:07.600–15:08.600
举例来说
15:08.600–15:11.133
假设我希望可以用口说的方式
15:11.133–15:12.966
请 AI 帮忙制作一张贺卡
15:12.966–15:15.966
并且在指定时间传送给亲朋好友
15:15.966–15:18.400
而由于在开发过程中我们无法确定
15:18.400–15:21.633
新功能做出来的效果是否能符合预期
15:21.633–15:23.266
因此最安全的作法
15:23.266–15:25.566
是请 Claude 从现有的正式版中
15:25.566–15:28.800
另外建立一个独立的分支来进行实作
15:28.800–15:31.266
如果做好的新功能结果令人满意
15:31.266–15:33.266
我们就把分支合并回主线
15:33.266–15:35.433
让它变成正式的版本
15:35.433–15:37.366
而如果测试后觉得不合适
15:37.366–15:39.600
我们也可以直接将分支删除
15:39.600–15:42.666
完全不会影响原本正常运作的 App
15:42.666–15:45.033
好，那我们就同样写一段提示词
15:45.033–15:47.533
说明想要新增的功能与需求
15:47.533–15:50.800
并且请 Claude 开一个新分支来进行实作
15:50.800–15:51.833
同时我们也可以指定
15:51.833–15:54.100
想要使用的图片生成模型
15:54.100–15:56.766
例如 Google 自家的 Gemini 2.0 Flash 模型
15:56.766–15:59.666
最后按下 Enter 键将提示词送出
15:59.666–16:02.000
那 Claude 此时会跳出一则讯息
16:02.000–16:05.100
提醒我们 Nano Banana 2 并没有提供免费的额度
16:05.100–16:07.333
询问我们想要如何处理
16:07.333–16:11.400
而这边我就选择使用现有的金钥来绑定帐单
16:11.400–16:13.400
而在 Claude 执行任务的期间
16:13.400–16:16.866
我们可以回到先前申请 Gemini 金钥的网站
16:16.866–16:18.466
点击「设定帐单」
16:18.466–16:20.800
接着再输入信用卡的资料
16:20.800–16:22.300
至于储值的金额
16:22.300–16:25.333
我就选择最低的台币 150 元
16:25.333–16:26.700
点击「继续」
16:26.700–16:28.633
再按下「完成」
16:28.633–16:30.733
那生成图片的功能制作好后
16:30.733–16:33.433
我们就可以用手机来做个测试
16:33.433–16:35.200
请帮我生成一张早安图
16:35.200–16:37.366
在三分钟之后传到我的 Line
16:37.366–16:39.200
图片的背景是荷花
16:39.200–16:41.733
前面写着平安喜乐四个字
16:41.733–16:42.533
好的
16:42.533–16:45.700
我现在准备来生成图片
16:45.700–16:47.000
图片生成好了
16:47.000–16:49.166
有需要修改的地方吗？
16:49.166–16:49.733
这样 OK
16:49.733–16:51.666
请帮我送出吧
16:51.666–16:53.033
于是三分钟之后
16:53.033–16:56.133
我的 Line 就收到了刚生成的早安图
16:56.133–16:59.766
那我们接着来测试传送贺卡给其它人
16:59.766–17:01.766
请帮我生成一张中秋节的贺卡
17:01.766–17:04.666
在 9 月 25 号的早上 8 点传给小花
17:04.666–17:06.833
并祝她中秋节快乐
17:06.833–17:08.433
贺卡制作好啰
17:08.433–17:10.966
有没有什么需要修改的地方呢？
17:10.966–17:11.566
这样很好
17:11.566–17:13.033
请帮我送出吧
17:13.033–17:13.866
好的
17:13.866–17:16.233
已帮你排定在中秋节当天
17:16.233–17:20.400
早上 8 点传送这张贺卡给小花啰
17:20.400–17:23.166
OK，确认新功能运作一切正常之后
17:23.166–17:25.966
我们就可以请 Claude 帮我们做一次提交
17:25.966–17:28.633
而如果此时我们列出所有的提交记录
17:28.633–17:30.000
就可以看到这笔提交
17:30.000–17:32.900
是独立记录在新建立的分支上
17:32.900–17:35.900
如果你决定要正式发布这项新功能
17:35.900–17:39.400
你可以请 Claude 将这项变更部署到正式的网址
17:39.400–17:41.233
并且将分支合并回主线
17:41.233–17:42.700
推送到 GitHub
17:42.700–17:45.900
最后再把这一个分支删除掉就 OK 啰
17:45.900–17:48.400
好，那今天关于 App 开发的流程介绍
17:48.400–17:49.733
我们就聊到这边
17:49.733–17:51.266
我们下回再见
17:51.266–17:52.433
拜拜
0:02.966–0:04.400
嗨，大家好
0:04.400–0:06.433
你是不是曾遇过一种情况
0:06.433–0:08.133
就是很喜欢某个 App
0:08.133–0:11.466
却觉得它偏偏少了一个自己最需要的功能？
0:11.466–0:13.000
过去遇到这些问题
0:13.000–0:15.133
通常我们只能默默接受
0:15.133–0:18.733
但现在有了像 ChatGPT 或 Claude 这样的 AI 助理
0:18.733–0:20.733
即使我们没有任何程式的背景
0:20.733–0:23.833
也能轻松打造出专属于自己的 App
0:23.833–0:26.933
好，那假设今天我们在网路上看到一则新闻
0:26.933–0:31.200
是 Google 新推出了一个可以边思考和边说话的 AI 模型
0:31.200–0:32.700
于是你突发奇想
0:32.700–0:34.866
想要打造一个 AI 语音助理
0:34.866–0:38.200
让我们能透过口说的方式来设定提醒事项
0:38.200–0:39.600
等到时间一到
0:39.600–0:42.966
AI 就会自动透过 LINE 发送提醒讯息给自己
0:42.966–0:45.633
甚至还能传给家人或朋友
0:45.633–0:47.700
好，那这边我以 Claude 来作示范
0:47.700–0:50.333
一步一步带着大家打造出这个 App
0:50.333–0:53.700
如果你平常习惯使用 ChatGPT 也完全没有问题
0:53.700–0:56.966
因为两边在开发时思路是相通的
0:56.966–0:58.866
如果你未曾使用过 Claude
0:58.866–1:02.533
你可以先用自己的 Google 信箱注册一个私人帐号
1:02.533–1:05.233
而要用 Claude 协助开发电脑或手机的 App
1:05.233–1:08.033
我们至少需要订阅 Pro 以上的方案
1:08.033–1:11.066
计费方式可以采用月缴或着是年缴
1:11.066–1:12.400
完成订阅之后
1:12.400–1:15.666
如果你希望能有一个简单且友善的开发环境
1:15.666–1:18.766
你可以下载 Claude 官方的桌面版软体
1:18.766–1:19.966
下载完成后
1:19.966–1:23.600
对着它双击滑鼠左键就可以完成安装
1:23.600–1:25.766
好，那第一步我们要先在电脑中
1:25.766–1:27.866
建立一个空白资料夹
1:27.866–1:31.800
这个资料夹会用来存放所有跟这个 App 相关的档案
1:31.800–1:32.966
建立完成后
1:32.966–1:35.300
我们回到 Claude 点击下面的按钮
1:35.300–1:39.266
来将刚建立的资料夹指定为目前的专案路径
1:39.266–1:40.633
点击「打开」
1:40.633–1:43.166
再按下「信任此工作区」
1:43.166–1:46.733
而在右下角我们可以指定想要使用的 AI 模型
1:46.733–1:50.366
其中 Fable 5.1 需要另外購買點數才能夠使用
1:50.366–1:53.633
因此这边我们就选择预设的 Opus 就好了
1:53.633–1:57.000
那底下我们还可以选择 AI 模型的思考强度
1:57.000–1:59.066
强度愈高 Claude 会花更多的时间
1:59.066–2:00.866
来分析复杂的问题
2:00.866–2:03.500
但相对地也会消耗更多的额度
2:03.500–2:07.066
而这边我们先维持预设的 Medium (中等) 就足够了
2:07.066–2:09.600
而如果想要查看目前用量的状态
2:09.600–2:11.800
你可以点击最右边的小按钮
2:11.800–2:13.700
它会列出你最近 5 个小时
2:13.700–2:16.133
以及整周的额度使用状况
2:16.133–2:18.200
如果其中一项额度用完的话
2:18.200–2:21.933
就必须等待下一次的重置才能够继续使用
2:21.933–2:24.466
好，那在请 Claude 正式开始实作之前
2:24.466–2:27.166
我们可以先做几个简单的准备工作
2:27.166–2:31.133
首先一个 App 理所当然要有一个具有辨识度的图示
2:31.133–2:34.166
只是 Claude 本身并没有生成图片的能力
2:34.166–2:37.266
因此我们可以改前往 ChatGPT 的网站
2:37.266–2:40.200
从 + 号选单中启用「制作影像」的功能
2:40.200–2:42.233
接着再写一段提示词
2:42.233–2:46.466
譬如请 ChatGPT 帮我们生成一个向量插画风格的图示
2:46.466–2:48.866
按下 Enter 键送出指令
2:48.866–2:50.133
图片生成好后
2:50.133–2:52.433
我们就对着它执行「另存图片」
2:52.433–2:54.500
把它储存到自己的电脑
2:54.500–2:57.900
并且把图档存放到我们的专案资料夹内
2:57.900–3:00.100
此外由于开发 App 的过程中
3:00.100–3:02.366
最重要的就是 App 的安全性
3:02.366–3:05.633
因此我们可以考虑替 Claude 安装所谓的「外挂」(Plugins)
3:05.633–3:07.866
来增强它的防护功能
3:07.866–3:09.766
例如这边有个官方的外挂
3:09.766–3:11.666
叫做 Security Guidance (安全性指引)
3:11.666–3:14.000
安装之后 Claude 就会自动检查
3:14.000–3:16.966
开发 App 时常见的安全问题
3:16.966–3:18.666
好，准备工作完成之后
3:18.666–3:22.033
接着我们就可以正式向 Claude 提出开发的需求
3:22.033–3:24.333
那许多初学者在提需求时
3:24.333–3:26.766
最常犯的错误就是描述得太简略
3:26.766–3:28.700
导致 AI 只能凭空摸索
3:28.700–3:31.466
做出来的成品往往不符合预期
3:31.466–3:33.033
而比较适合的作法
3:33.033–3:34.533
是在提需求时
3:34.533–3:37.200
我们要先厘清几个核心的问题
3:37.200–3:39.866
譬如这个 App 是要解决什么问题？
3:39.866–3:42.066
它的目标使用者是谁？
3:42.066–3:44.766
是要在电脑还是手机上使用？
3:44.766–3:46.866
App 的介面大概长什么样子？
3:46.866–3:49.933
以及实际的操作流程要如何进行？
3:49.933–3:51.633
以我们这次的案例来说
3:51.633–3:55.033
我主要是希望透过口说的方式请 AI 建立提醒
3:55.033–3:56.600
并在指定时间透过 LINE
3:56.600–3:59.600
自动发送讯息给自己或亲朋好友
3:59.600–4:02.166
那这个 App 目前我只想要个人自用
4:02.166–4:04.766
并没有上架和贩售的打算
4:04.766–4:06.400
而在执行环境方面
4:06.400–4:08.900
我希望电脑和手机都能支援
4:08.900–4:10.866
但要做成 App 还是网页版
4:10.866–4:14.266
则要请 Claude 评估之后给我们合适的建议
4:14.266–4:17.633
那这个 App 我希望采用现代极简的风格
4:17.633–4:20.433
画面中要包含一个圆形的麦克风按钮
4:20.433–4:22.166
同时我们要提醒 Claude
4:22.166–4:25.300
App 的图示已存放在专案资料夹之中
4:25.300–4:27.066
至于 App 的操作流程
4:27.066–4:30.300
刚开启时我希望要先输入密码才能登入
4:30.300–4:34.233
接着点击麦克风之后 AI 会先主动跟我们打招呼
4:34.233–4:37.266
然后我们可以说出想要提醒的内容与时间
4:37.266–4:39.300
AI 在口头跟我们确认之后
4:39.300–4:41.366
就会建立提醒事项的排程
4:41.366–4:44.466
等到时间一到就会准时送出通知
4:44.466–4:48.300
最后你也可以把一些特别要注意的事项一并写给 Claude
4:48.300–4:51.666
譬如我想要採用 Google 的 Gemini 2.0 Flash Live 模型
4:51.666–4:53.666
并且要求 Claude 在实作前
4:53.666–4:55.700
必须先跟我们进行讨论
4:55.700–4:57.900
过程中如果需要 AI 解释的地方
4:57.900–5:01.100
也必须用浅显的语言来向我们说明
5:01.100–5:04.100
好，那我把整段的提示词贴到输入框内
5:04.100–5:06.033
按下 Enter 键送出
5:06.033–5:07.966
Claude 在看完我们的需求之后
5:07.966–5:11.066
它会提出一些问题来确认实作的方向
5:11.066–5:13.633
你可以依照自己的想法逐一作答
5:13.633–5:15.833
而如果你没有特别的主意和偏好
5:15.833–5:19.033
也可以直接采纳 Claude 提供的建议选项
5:19.033–5:20.466
全部作答完毕后
5:20.466–5:22.300
Claude 就会照着我们的指示
5:22.300–5:24.166
开始写 App 的开发计划书
5:24.166–5:26.933
大约需要花上几分钟的时间
5:26.933–5:28.366
等计划书写好后
5:28.366–5:30.266
你就可以打开这份文件
5:30.266–5:31.766
里面详细说明了 Claude
5:31.766–5:34.466
会如何设计这个 App 的功能架构
5:34.466–5:37.766
同时后面也提到了有些地方 Claude 并无法代劳
5:37.766–5:39.800
而必须由我们亲自操作
5:39.800–5:41.733
不过 Claude 也很贴心地说明
5:41.733–5:45.000
它会「一步一步」带着我们完成这些设定
5:45.000–5:47.133
计划书看过觉得没有问题之后
5:47.133–5:49.500
接着我们要做一个非常重要的步骤
5:49.500–5:52.700
就是要把这个专案加入 Git 的版本管理
5:52.700–5:55.266
它有点像平常我们在玩电玩游戏时
5:55.266–5:57.633
打魔王之前必须先做个「存档」
5:57.633–6:01.033
万一打输了还能随时读取记录重来一次
6:01.033–6:03.900
而要将专案进行存档并备份到云端
6:03.900–6:06.700
我们可以先到一个叫做 GitHub 的网站
6:06.700–6:08.700
注册一个免费的帐号
6:08.700–6:11.866
同样使用自己的 Gmail 信箱就 OK 了
6:11.866–6:12.733
除此之外
6:12.733–6:16.433
如果你希望 Claude 能直接帮我们处理存档和上传的任务
6:16.433–6:19.866
你可以安装一个小工具叫做 GitHub CLI
6:19.866–6:22.166
你只要把它的网址拷贝下来
6:22.166–6:24.433
回到 Claude 请它帮我们安装
6:24.433–6:26.833
再按下 Enter 键送出指令
6:26.833–6:28.033
安装完成后
6:28.033–6:30.966
Claude 会请我们先进行帐号的授权
6:30.966–6:34.266
于是你可以到右上角打开终端机的视窗
6:34.266–6:37.366
点击「播放」来执行 Claude 提供的指令
6:37.366–6:39.700
接着再按下 Y 代表同意
6:39.700–6:42.433
如此画面就会显示一组 8 码的验证码
6:42.433–6:44.400
你可以把它拷贝下来
6:44.400–6:45.566
按下 Enter
6:45.566–6:47.800
系统就会自动开启浏览器
6:47.800–6:51.333
如此我们就可以把刚复制的验证码执行贴上
6:51.333–6:53.000
按下「继续」
6:53.000–6:56.333
这样我们就顺利完成了 GitHub 的授权啰
6:56.333–6:58.500
好，那我们就来写一段提示词
6:58.500–7:00.333
请 Claude 做第一次的存档
7:00.333–7:02.933
并且在 GitHub 建立一个私人的空间
7:02.933–7:05.866
来把目前的进度完整备份上去
7:05.866–7:07.033
备份完成后
7:07.033–7:08.533
我们就可以放心地请 Claude
7:08.533–7:11.500
开始进行 App 的开发实作啰
7:11.500–7:13.666
好，大约过了数分钟之后
7:13.666–7:16.066
Claude 已经完成了第一阶段的进度
7:16.066–7:17.366
同时它也列出了几个
7:17.366–7:19.933
必须由我们亲自操作的步骤
7:19.933–7:22.666
首先是要注册一个免费的云端主机
7:22.666–7:24.200
叫做 Cloudflare
7:24.200–7:27.900
因此你可以直接打开页面上的连结来到它们的官网
7:27.900–7:29.933
接着再使用自己的 Gmail 信箱
7:29.933–7:32.066
注册一个免费的帐号
7:32.066–7:33.233
注册完成后
7:33.233–7:35.100
我们就回到原来的页面
7:35.100–7:37.333
跟 Claude 说「已经注册好了」
7:37.333–7:40.300
如此 Claude 就会开始处理授权的程序
7:40.300–7:42.466
而我们只要在弹出来的视窗内
7:42.466–7:44.133
点击蓝色的「授权」按钮
7:44.133–7:46.466
Claude 就能顺利登入到这个网站
7:46.466–7:49.766
帮我们建立好云端资料库和相关的设定
7:49.766–7:53.000
好，第二个步骤是要替这个 App 设定一组登入密码
7:53.000–7:56.366
以防止别人进入到这个 App 的管理介面
7:56.366–7:59.366
于是我们同样去执行 Claude 提供的程式码
7:59.366–8:01.000
然后在右侧的窗格内
8:01.000–8:03.266
将想要的密码输入进去
8:03.266–8:06.400
再按下 Enter 就完成了密码的设定
8:06.400–8:09.866
好，那接下来我们还要去申请一组 Gemini 的金钥
8:09.866–8:10.733
有了金钥
8:10.733–8:13.966
我们才能使用 Gemini 的 AI 语音模型
8:13.966–8:17.200
所以你可以直接前往 Google AI Studio 的网站
8:17.200–8:19.800
在左下角点击钥匙的图示
8:19.800–8:22.833
再去点击右上角的「建立 API 金钥」
8:22.833–8:24.733
按下 Create Key (建立金钥)
8:24.733–8:25.866
这样我们就能看到一组
8:25.866–8:28.233
由英文和数字组成的金钥密码
8:28.233–8:30.166
你可以把它拷贝下来
8:30.166–8:32.833
回到 Claude 执行底部的程式码
8:32.833–8:36.566
最后再到右侧按下 Ctrl +V 来把金钥贴上
8:36.566–8:37.766
按下 Enter
8:37.766–8:41.133
如此我们就顺利完成了第三个步骤啰
8:41.133–8:44.733
好，最后我们要来设定 AI 语音助理跟 Line 的连接
8:44.733–8:46.066
要完成这个步骤
8:46.066–8:49.300
我们首先必须注册一个 Line 的官方帐号
8:49.300–8:52.100
你可以直接使用自己的 Line 帐号登入
8:52.100–8:54.666
然后到左侧点击「建立」
8:54.666–8:57.600
那这里你可以随意输入一个帐号名称
8:57.600–9:00.933
而底下的业种分类也可以随意作答
9:00.933–9:02.266
点击「确定」
9:02.266–9:05.466
然后官方帐号的认证步骤可以直接略过
9:05.466–9:07.833
接着一直点击「同意」或「继续」按钮
9:07.833–9:11.033
就会来到官方帐号的主要操作介面
9:11.033–9:12.733
由于我们的 AI 语音助理
9:12.733–9:14.866
并无法直接连系 Line 用户
9:14.866–9:18.800
而必须透过 Line 机器人 (官方帐号) 这个中介才能传送讯息
9:18.800–9:21.500
因此我们必须先把这个通道打开
9:21.500–9:24.666
在左侧进入 Messaging API 的页面
9:24.666–9:27.033
再去点击中间的绿色按钮
9:27.033–9:29.433
服务的提供者就选择自己
9:29.433–9:31.000
点击「同意」
9:31.000–9:33.566
然后隐私权的政策可以先略过
9:33.566–9:35.900
再按下「确定」就 OK 了
9:35.900–9:37.566
而除了打开这个通道之外
9:37.566–9:40.133
我们还需要取得两个关键的资讯
9:40.133–9:42.066
一个叫做 Channel Secret
9:42.066–9:44.566
另一个叫做 Channel Access Token
9:44.566–9:46.966
它们就像是这条通道的两把钥匙
9:46.966–9:50.733
用来确保讯息在传递的过程中是安全的
9:50.733–9:52.566
好，那要取得这两把钥匙
9:52.566–9:54.933
我们可以点击左下角的连结
9:54.933–9:57.833
再点进去刚建立的 Line 官方帐号
9:57.833–9:59.566
接着把页面往下卷
9:59.566–10:02.266
就能看到第一把钥匙 Channel Secret
10:02.266–10:04.166
你可以把它复制下来
10:04.166–10:05.833
然后照着 Claude 的说明
10:05.833–10:07.833
执行它提供的程式码
10:07.833–10:11.766
接着再把 Channel Secret 贴到右边的窗格就 OK 了
10:11.766–10:14.766
再来第二把钥匙是位于隔壁的分页
10:14.766–10:17.600
切换过来之后我们把页面卷到最底部
10:17.600–10:20.933
就能看到 Channel Access Token 这一行标题
10:20.933–10:23.266
然后我们去点击底下的黑色按钮
10:23.266–10:25.366
就会跑出一组很长的密码
10:25.366–10:27.366
我们同样把它复制起来
10:27.366–10:29.500
回到 Claude 执行程式码
10:29.500–10:34.066
最后再把这一组金钥按下 Ctrl +V 执行贴上就 OK 啰
10:34.066–10:35.066
好，最后一个步骤
10:35.066–10:38.033
是要在 Line 设定一个 Webhook 网址
10:38.033–10:41.700
Webhook 有点像是 AI 语音助理留给 Line 的电话号码
10:41.700–10:43.233
如果有人加好友了
10:43.233–10:47.100
Line 就会透过这个网址通知我们的 AI 语音助理
10:47.100–10:49.933
所以我们就把 Claude 提供的网址做个复制
10:49.933–10:52.766
回到 Line 网站点击 Webhook 的「编辑」
10:52.766–10:55.266
来将这个网址执行贴上
10:55.266–10:57.166
点击 Update (更新)
10:57.166–10:59.233
接着再按下「验证」
10:59.233–11:00.866
一切都没有问题的话
11:00.866–11:03.700
我们就可以把 Webhook 的功能启用
11:03.700–11:07.200
而由于 Line 机器人预设会回覆一些罐头讯息
11:07.200–11:08.933
因此我们还必须把页面卷下来
11:08.933–11:12.500
点击「自动回覆讯息」旁边的编辑按钮
11:12.500–11:14.533
来把这个功能关闭
11:14.533–11:16.200
全部都设定完成后
11:16.200–11:19.766
Claude 会提供这个 App 的网址让我们来进行测试
11:19.766–11:23.100
于是你可以打开手机的浏览器前往这个网址
11:23.100–11:26.433
并且在登入页面中输入之前设定好的密码
11:26.433–11:28.100
那你可以考虑把这个网站
11:28.100–11:29.733
加入到手机的主页
11:29.733–11:32.266
让它看起来像是一个真正的 App
11:32.266–11:34.666
所以我们就选择「加入主画面」
11:34.666–11:38.166
这样主页就可以看到之前我们设计好的图示
11:38.166–11:39.266
那只要有其它人
11:39.266–11:43.200
像是你的家人或亲朋好友加入这个官方帐号的话
11:43.200–11:46.166
他们的名称就会显示在「联络人」的分页
11:46.166–11:47.200
有需要的话
11:47.200–11:49.866
你可以为每个人设定一个昵称
11:49.866–11:51.000
设定完成后
11:51.000–11:53.400
我们就可以准备来做个测试
11:53.400–11:55.966
我按下底部的麦克风按钮
11:55.966–11:57.800
嗨，Papaya 你好
11:57.800–12:00.033
有什么我们可以帮忙的吗？
12:00.033–12:02.700
请提醒我两分钟之后去洗衣服
12:02.700–12:03.433
好的
12:03.433–12:06.766
我会在 3 点 54 分提醒你去洗衣服
12:06.766–12:07.900
这样对吗？
12:07.900–12:09.900
是的，没错
12:09.900–12:11.800
OK，于是过了两分钟之后
12:11.800–12:15.466
我的 Line 就自动跳出「洗衣服」的提醒讯息啰
12:15.466–12:18.533
好，那我们来测试传一则讯息给其它人
12:18.533–12:21.766
请提醒小花 10 分钟之后去倒垃圾
12:21.766–12:22.700
好的
12:22.700–12:26.166
我会在 4 点 8 分的时候提醒小花去倒垃圾
12:26.166–12:27.466
这样对吗？
12:27.466–12:29.200
是的，没问题
12:29.200–12:32.133
好，已经帮你设定完成啰
12:32.133–12:34.733
OK，那这样小花在 4 点 8 分的时候
12:34.733–12:37.866
就会收到我们要提醒她的讯息啰
12:37.866–12:38.866
好，做到这边
12:38.866–12:41.566
整个 App 的核心功能已大致完备
12:41.566–12:43.366
而为了方便日后的维护
12:43.366–12:46.366
我们可以请 Claude 替自己写一份专案备忘录
12:46.366–12:50.166
说明这个 App 使用了什么程式架构和相关技术
12:50.166–12:53.100
之后当我们想要新增功能或修改程式码时
12:53.100–12:56.566
Claude 就能迅速掌握整个专案的脉络
12:56.566–12:58.200
而要生成这个备忘录
12:58.200–13:01.400
我们只要在对话框内输入 /init 指令
13:01.400–13:03.900
Claude 就会自动扫描整个专案环境
13:03.900–13:05.600
并且在资料夹内建立一份
13:05.600–13:08.333
名为 CLAUDE.md 的说明文件
13:08.333–13:10.800
日后只要我们每开启一个新的对话
13:10.800–13:12.833
CLAUDE.md 就会自动载入
13:12.833–13:15.233
作为这个专案的背景知识
13:15.233–13:16.266
除此之外
13:16.266–13:19.066
现在也是一个非常适合存档的时间点
13:19.066–13:21.400
因此我们可以请 Claude 将目前的进度
13:21.400–13:23.966
进行存档并备份到 GitHub
13:23.966–13:26.600
或着如果你想要使用较为正式的术语
13:26.600–13:29.566
你也可以说请你将目前的进度进行提交 (Commit)
13:29.566–13:31.500
并推送 (Commit) 到 GitHub
13:31.500–13:33.566
而之后如果我们想要针对这个 App
13:33.566–13:35.166
做一些功能上的调整
13:35.166–13:37.300
操作流程也非常简单
13:37.300–13:40.366
譬如我想要把画面中的麦克风按钮改成蓝色
13:40.366–13:43.000
并且将尺寸加大 1.5 倍
13:43.000–13:45.166
于是你可以开启一个新的对话
13:45.166–13:47.900
并且把你的需求写成一段提示词
13:47.900–13:49.466
同时我们要提醒 Claude
13:49.466–13:51.966
修改好后先不要覆盖正式的版本
13:51.966–13:53.600
而是先做个预览版
13:53.600–13:56.200
让我们能用手机先做个测试
13:56.200–13:57.066
过了一会儿
13:57.066–13:58.833
当 Claude 修改完成后
13:58.833–14:01.866
我们就可以用手机打开它提供的预览连结
14:01.866–14:04.766
来确认按钮的外观是否符合预期
14:04.766–14:06.733
看过后觉得没有问题的话
14:06.733–14:10.300
我们就可以请 Claude 将改好的内容部署到正式的网址
14:10.300–14:14.533
并且做提交和推送到 GitHub 来完成此次的更新
14:14.533–14:17.700
而如果你在修改 App 的功能或调整介面时
14:17.700–14:20.433
发现效果不如预期也不用担心
14:20.433–14:23.033
你只要请 Claude 列出所有的存档记录
14:23.033–14:26.300
并且从清单中找出想要返回的历史版本
14:26.300–14:28.133
例如我想要将麦克风的按钮
14:28.133–14:31.033
变回到原本小尺寸的黑色外观
14:31.033–14:34.333
于是我在提示词内特别标明该笔存档的编号
14:34.333–14:36.533
请 Claude 协助还原
14:36.533–14:38.900
同时还原时我们还要做一个决定
14:38.900–14:41.733
就是要「舍弃」该存档点之后的所有修改
14:41.733–14:43.800
还是要「保留」后续的所有纪录
14:43.800–14:46.966
以新增一笔提交的方式覆盖回去
14:46.966–14:49.433
决定好后我们就将提示词送出
14:49.433–14:53.300
于是麦克风就立即变回原来蓝色放大前的样子
14:53.300–14:56.733
而且当我们再次请 Claude 列出所有的存档点时
14:56.733–15:00.700
原来的旧存档也都有完整保留下来喔
15:00.700–15:02.266
OK，最后我们来聊一下
15:02.266–15:04.733
如果想要替这个 App 开发新功能的话
15:04.733–15:07.600
要采用什么样的流程会比较理想
15:07.600–15:08.600
举例来说
15:08.600–15:11.133
假设我希望可以用口说的方式
15:11.133–15:12.966
请 AI 帮忙制作一张贺卡
15:12.966–15:15.966
并且在指定时间传送给亲朋好友
15:15.966–15:18.400
而由于在开发过程中我们无法确定
15:18.400–15:21.633
新功能做出来的效果是否能符合预期
15:21.633–15:23.266
因此最安全的作法
15:23.266–15:25.566
是请 Claude 从现有的正式版中
15:25.566–15:28.800
另外建立一个独立的分支来进行实作
15:28.800–15:31.266
如果做好的新功能结果令人满意
15:31.266–15:33.266
我们就把分支合并回主线
15:33.266–15:35.433
让它变成正式的版本
15:35.433–15:37.366
而如果测试后觉得不合适
15:37.366–15:39.600
我们也可以直接将分支删除
15:39.600–15:42.666
完全不会影响原本正常运作的 App
15:42.666–15:45.033
好，那我们就同样写一段提示词
15:45.033–15:47.533
说明想要新增的功能与需求
15:47.533–15:50.800
并且请 Claude 开一个新分支来进行实作
15:50.800–15:51.833
同时我们也可以指定
15:51.833–15:54.100
想要使用的图片生成模型
15:54.100–15:56.766
例如 Google 自家的 Gemini 2.0 Flash 模型
15:56.766–15:59.666
最后按下 Enter 键将提示词送出
15:59.666–16:02.000
那 Claude 此时会跳出一则讯息
16:02.000–16:05.100
提醒我们 Nano Banana 2 并没有提供免费的额度
16:05.100–16:07.333
询问我们想要如何处理
16:07.333–16:11.400
而这边我就选择使用现有的金钥来绑定帐单
16:11.400–16:13.400
而在 Claude 执行任务的期间
16:13.400–16:16.866
我们可以回到先前申请 Gemini 金钥的网站
16:16.866–16:18.466
点击「设定帐单」
16:18.466–16:20.800
接着再输入信用卡的资料
16:20.800–16:22.300
至于储值的金额
16:22.300–16:25.333
我就选择最低的台币 150 元
16:25.333–16:26.700
点击「继续」
16:26.700–16:28.633
再按下「完成」
16:28.633–16:30.733
那生成图片的功能制作好后
16:30.733–16:33.433
我们就可以用手机来做个测试
16:33.433–16:35.200
请帮我生成一张早安图
16:35.200–16:37.366
在三分钟之后传到我的 Line
16:37.366–16:39.200
图片的背景是荷花
16:39.200–16:41.733
前面写着平安喜乐四个字
16:41.733–16:42.533
好的
16:42.533–16:45.700
我现在准备来生成图片
16:45.700–16:47.000
图片生成好了
16:47.000–16:49.166
有需要修改的地方吗？
16:49.166–16:49.733
这样 OK
16:49.733–16:51.666
请帮我送出吧
16:51.666–16:53.033
于是三分钟之后
16:53.033–16:56.133
我的 Line 就收到了刚生成的早安图
16:56.133–16:59.766
那我们接着来测试传送贺卡给其它人
16:59.766–17:01.766
请帮我生成一张中秋节的贺卡
17:01.766–17:04.666
在 9 月 25 号的早上 8 点传给小花
17:04.666–17:06.833
并祝她中秋节快乐
17:06.833–17:08.433
贺卡制作好啰
17:08.433–17:10.966
有没有什么需要修改的地方呢？
17:10.966–17:11.566
这样很好
17:11.566–17:13.033
请帮我送出吧
17:13.033–17:13.866
好的
17:13.866–17:16.233
已帮你排定在中秋节当天
17:16.233–17:20.400
早上 8 点传送这张贺卡给小花啰
17:20.400–17:23.166
OK，确认新功能运作一切正常之后
17:23.166–17:25.966
我们就可以请 Claude 帮我们做一次提交
17:25.966–17:28.633
而如果此时我们列出所有的提交记录
17:28.633–17:30.000
就可以看到这笔提交
17:30.000–17:32.900
是独立记录在新建立的分支上
17:32.900–17:35.900
如果你决定要正式发布这项新功能
17:35.900–17:39.400
你可以请 Claude 将这项变更部署到正式的网址
17:39.400–17:41.233
并且将分支合并回主线
17:41.233–17:42.700
推送到 GitHub
17:42.700–17:45.900
最后再把这一个分支删除掉就 OK 啰
17:45.900–17:48.400
好，那今天关于 App 开发的流程介绍
17:48.400–17:49.733
我们就聊到这边
17:49.733–17:51.266
我们下回再见
17:51.266–17:52.433
拜拜
0:02.966–0:04.400
嗨，大家好
嗨，大家好
0:04.400–0:06.433
你是不是曾遇过一种情况
你是不是曾遇过一种情况
0:06.433–0:08.133
就是很喜欢某个 App
就是很喜欢某个 App
0:08.133–0:11.466
却觉得它偏偏少了一个自己最需要的功能？
却觉得它偏偏少了一个自己最需要的功能？
0:11.466–0:13.000
过去遇到这些问题
过去遇到这些问题
0:13.000–0:15.133
通常我们只能默默接受
通常我们只能默默接受
0:15.133–0:18.733
但现在有了像 ChatGPT 或 Claude 这样的 AI 助理
但现在有了像 ChatGPT 或 Claude 这样的 AI 助理
0:18.733–0:20.733
即使我们没有任何程式的背景
即使我们没有任何程式的背景
0:20.733–0:23.833
也能轻松打造出专属于自己的 App
也能轻松打造出专属于自己的 App
0:23.833–0:26.933
好，那假设今天我们在网路上看到一则新闻
好，那假设今天我们在网路上看到一则新闻
0:26.933–0:31.200
是 Google 新推出了一个可以边思考和边说话的 AI 模型
是 Google 新推出了一个可以边思考和边说话的 AI 模型
0:31.200–0:32.700
于是你突发奇想
于是你突发奇想
0:32.700–0:34.866
想要打造一个 AI 语音助理
想要打造一个 AI 语音助理
0:34.866–0:38.200
让我们能透过口说的方式来设定提醒事项
让我们能透过口说的方式来设定提醒事项
0:38.200–0:39.600
等到时间一到
等到时间一到
0:39.600–0:42.966
AI 就会自动透过 LINE 发送提醒讯息给自己
AI 就会自动透过 LINE 发送提醒讯息给自己
0:42.966–0:45.633
甚至还能传给家人或朋友
甚至还能传给家人或朋友
0:45.633–0:47.700
好，那这边我以 Claude 来作示范
好，那这边我以 Claude 来作示范
0:47.700–0:50.333
一步一步带着大家打造出这个 App
一步一步带着大家打造出这个 App
0:50.333–0:53.700
如果你平常习惯使用 ChatGPT 也完全没有问题
如果你平常习惯使用 ChatGPT 也完全没有问题
0:53.700–0:56.966
因为两边在开发时思路是相通的
因为两边在开发时思路是相通的
0:56.966–0:58.866
如果你未曾使用过 Claude
如果你未曾使用过 Claude
0:58.866–1:02.533
你可以先用自己的 Google 信箱注册一个私人帐号
你可以先用自己的 Google 信箱注册一个私人帐号
1:02.533–1:05.233
而要用 Claude 协助开发电脑或手机的 App
而要用 Claude 协助开发电脑或手机的 App
1:05.233–1:08.033
我们至少需要订阅 Pro 以上的方案
我们至少需要订阅 Pro 以上的方案
1:08.033–1:11.066
计费方式可以采用月缴或着是年缴
计费方式可以采用月缴或着是年缴
1:11.066–1:12.400
完成订阅之后
完成订阅之后
1:12.400–1:15.666
如果你希望能有一个简单且友善的开发环境
如果你希望能有一个简单且友善的开发环境
1:15.666–1:18.766
你可以下载 Claude 官方的桌面版软体
你可以下载 Claude 官方的桌面版软体
1:18.766–1:19.966
下载完成后
下载完成后
1:19.966–1:23.600
对着它双击滑鼠左键就可以完成安装
对着它双击滑鼠左键就可以完成安装
1:23.600–1:25.766
好，那第一步我们要先在电脑中
好，那第一步我们要先在电脑中
1:25.766–1:27.866
建立一个空白资料夹
建立一个空白资料夹
1:27.866–1:31.800
这个资料夹会用来存放所有跟这个 App 相关的档案
这个资料夹会用来存放所有跟这个 App 相关的档案
1:31.800–1:32.966
建立完成后
建立完成后
1:32.966–1:35.300
我们回到 Claude 点击下面的按钮
我们回到 Claude 点击下面的按钮
1:35.300–1:39.266
来将刚建立的资料夹指定为目前的专案路径
来将刚建立的资料夹指定为目前的专案路径
1:39.266–1:40.633
点击「打开」
点击「打开」
1:40.633–1:43.166
再按下「信任此工作区」
再按下「信任此工作区」
1:43.166–1:46.733
而在右下角我们可以指定想要使用的 AI 模型
而在右下角我们可以指定想要使用的 AI 模型
1:46.733–1:50.366
其中 Fable 5.1 需要另外購買點數才能夠使用
其中 Fable 5.1 需要另外購買點數才能夠使用
1:50.366–1:53.633
因此这边我们就选择预设的 Opus 就好了
因此这边我们就选择预设的 Opus 就好了
1:53.633–1:57.000
那底下我们还可以选择 AI 模型的思考强度
那底下我们还可以选择 AI 模型的思考强度
1:57.000–1:59.066
强度愈高 Claude 会花更多的时间
强度愈高 Claude 会花更多的时间
1:59.066–2:00.866
来分析复杂的问题
来分析复杂的问题
2:00.866–2:03.500
但相对地也会消耗更多的额度
但相对地也会消耗更多的额度
2:03.500–2:07.066
而这边我们先维持预设的 Medium (中等) 就足够了
而这边我们先维持预设的 Medium (中等) 就足够了
2:07.066–2:09.600
而如果想要查看目前用量的状态
而如果想要查看目前用量的状态
2:09.600–2:11.800
你可以点击最右边的小按钮
你可以点击最右边的小按钮
2:11.800–2:13.700
它会列出你最近 5 个小时
它会列出你最近 5 个小时
2:13.700–2:16.133
以及整周的额度使用状况
以及整周的额度使用状况
2:16.133–2:18.200
如果其中一项额度用完的话
如果其中一项额度用完的话
2:18.200–2:21.933
就必须等待下一次的重置才能够继续使用
就必须等待下一次的重置才能够继续使用
2:21.933–2:24.466
好，那在请 Claude 正式开始实作之前
好，那在请 Claude 正式开始实作之前
2:24.466–2:27.166
我们可以先做几个简单的准备工作
我们可以先做几个简单的准备工作
2:27.166–2:31.133
首先一个 App 理所当然要有一个具有辨识度的图示
首先一个 App 理所当然要有一个具有辨识度的图示
2:31.133–2:34.166
只是 Claude 本身并没有生成图片的能力
只是 Claude 本身并没有生成图片的能力
2:34.166–2:37.266
因此我们可以改前往 ChatGPT 的网站
因此我们可以改前往 ChatGPT 的网站
2:37.266–2:40.200
从 + 号选单中启用「制作影像」的功能
从 + 号选单中启用「制作影像」的功能
2:40.200–2:42.233
接着再写一段提示词
接着再写一段提示词
2:42.233–2:46.466
譬如请 ChatGPT 帮我们生成一个向量插画风格的图示
譬如请 ChatGPT 帮我们生成一个向量插画风格的图示
2:46.466–2:48.866
按下 Enter 键送出指令
按下 Enter 键送出指令
2:48.866–2:50.133
图片生成好后
图片生成好后
2:50.133–2:52.433
我们就对着它执行「另存图片」
我们就对着它执行「另存图片」
2:52.433–2:54.500
把它储存到自己的电脑
把它储存到自己的电脑
2:54.500–2:57.900
并且把图档存放到我们的专案资料夹内
并且把图档存放到我们的专案资料夹内
2:57.900–3:00.100
此外由于开发 App 的过程中
此外由于开发 App 的过程中
3:00.100–3:02.366
最重要的就是 App 的安全性
最重要的就是 App 的安全性
3:02.366–3:05.633
因此我们可以考虑替 Claude 安装所谓的「外挂」(Plugins)
因此我们可以考虑替 Claude 安装所谓的「外挂」(Plugins)
3:05.633–3:07.866
来增强它的防护功能
来增强它的防护功能
3:07.866–3:09.766
例如这边有个官方的外挂
例如这边有个官方的外挂
3:09.766–3:11.666
叫做 Security Guidance (安全性指引)
叫做 Security Guidance (安全性指引)
3:11.666–3:14.000
安装之后 Claude 就会自动检查
安装之后 Claude 就会自动检查
3:14.000–3:16.966
开发 App 时常见的安全问题
开发 App 时常见的安全问题
3:16.966–3:18.666
好，准备工作完成之后
好，准备工作完成之后
3:18.666–3:22.033
接着我们就可以正式向 Claude 提出开发的需求
接着我们就可以正式向 Claude 提出开发的需求
3:22.033–3:24.333
那许多初学者在提需求时
那许多初学者在提需求时
3:24.333–3:26.766
最常犯的错误就是描述得太简略
最常犯的错误就是描述得太简略
3:26.766–3:28.700
导致 AI 只能凭空摸索
导致 AI 只能凭空摸索
3:28.700–3:31.466
做出来的成品往往不符合预期
做出来的成品往往不符合预期
3:31.466–3:33.033
而比较适合的作法
而比较适合的作法
3:33.033–3:34.533
是在提需求时
是在提需求时
3:34.533–3:37.200
我们要先厘清几个核心的问题
我们要先厘清几个核心的问题
3:37.200–3:39.866
譬如这个 App 是要解决什么问题？
譬如这个 App 是要解决什么问题？
3:39.866–3:42.066
它的目标使用者是谁？
它的目标使用者是谁？
3:42.066–3:44.766
是要在电脑还是手机上使用？
是要在电脑还是手机上使用？
3:44.766–3:46.866
App 的介面大概长什么样子？
App 的介面大概长什么样子？
3:46.866–3:49.933
以及实际的操作流程要如何进行？
以及实际的操作流程要如何进行？
3:49.933–3:51.633
以我们这次的案例来说
以我们这次的案例来说
3:51.633–3:55.033
我主要是希望透过口说的方式请 AI 建立提醒
我主要是希望透过口说的方式请 AI 建立提醒
3:55.033–3:56.600
并在指定时间透过 LINE
并在指定时间透过 LINE
3:56.600–3:59.600
自动发送讯息给自己或亲朋好友
自动发送讯息给自己或亲朋好友
3:59.600–4:02.166
那这个 App 目前我只想要个人自用
那这个 App 目前我只想要个人自用
4:02.166–4:04.766
并没有上架和贩售的打算
并没有上架和贩售的打算
4:04.766–4:06.400
而在执行环境方面
而在执行环境方面
4:06.400–4:08.900
我希望电脑和手机都能支援
我希望电脑和手机都能支援
4:08.900–4:10.866
但要做成 App 还是网页版
但要做成 App 还是网页版
4:10.866–4:14.266
则要请 Claude 评估之后给我们合适的建议
则要请 Claude 评估之后给我们合适的建议
4:14.266–4:17.633
那这个 App 我希望采用现代极简的风格
那这个 App 我希望采用现代极简的风格
4:17.633–4:20.433
画面中要包含一个圆形的麦克风按钮
画面中要包含一个圆形的麦克风按钮
4:20.433–4:22.166
同时我们要提醒 Claude
同时我们要提醒 Claude
4:22.166–4:25.300
App 的图示已存放在专案资料夹之中
App 的图示已存放在专案资料夹之中
4:25.300–4:27.066
至于 App 的操作流程
至于 App 的操作流程
4:27.066–4:30.300
刚开启时我希望要先输入密码才能登入
刚开启时我希望要先输入密码才能登入
4:30.300–4:34.233
接着点击麦克风之后 AI 会先主动跟我们打招呼
接着点击麦克风之后 AI 会先主动跟我们打招呼
4:34.233–4:37.266
然后我们可以说出想要提醒的内容与时间
然后我们可以说出想要提醒的内容与时间
4:37.266–4:39.300
AI 在口头跟我们确认之后
AI 在口头跟我们确认之后
4:39.300–4:41.366
就会建立提醒事项的排程
就会建立提醒事项的排程
4:41.366–4:44.466
等到时间一到就会准时送出通知
等到时间一到就会准时送出通知
4:44.466–4:48.300
最后你也可以把一些特别要注意的事项一并写给 Claude
最后你也可以把一些特别要注意的事项一并写给 Claude
4:48.300–4:51.666
譬如我想要採用 Google 的 Gemini 2.0 Flash Live 模型
譬如我想要採用 Google 的 Gemini 2.0 Flash Live 模型
4:51.666–4:53.666
并且要求 Claude 在实作前
并且要求 Claude 在实作前
4:53.666–4:55.700
必须先跟我们进行讨论
必须先跟我们进行讨论
4:55.700–4:57.900
过程中如果需要 AI 解释的地方
过程中如果需要 AI 解释的地方
4:57.900–5:01.100
也必须用浅显的语言来向我们说明
也必须用浅显的语言来向我们说明
5:01.100–5:04.100
好，那我把整段的提示词贴到输入框内
好，那我把整段的提示词贴到输入框内
5:04.100–5:06.033
按下 Enter 键送出
按下 Enter 键送出
5:06.033–5:07.966
Claude 在看完我们的需求之后
Claude 在看完我们的需求之后
5:07.966–5:11.066
它会提出一些问题来确认实作的方向
它会提出一些问题来确认实作的方向
5:11.066–5:13.633
你可以依照自己的想法逐一作答
你可以依照自己的想法逐一作答
5:13.633–5:15.833
而如果你没有特别的主意和偏好
而如果你没有特别的主意和偏好
5:15.833–5:19.033
也可以直接采纳 Claude 提供的建议选项
也可以直接采纳 Claude 提供的建议选项
5:19.033–5:20.466
全部作答完毕后
全部作答完毕后
5:20.466–5:22.300
Claude 就会照着我们的指示
Claude 就会照着我们的指示
5:22.300–5:24.166
开始写 App 的开发计划书
开始写 App 的开发计划书
5:24.166–5:26.933
大约需要花上几分钟的时间
大约需要花上几分钟的时间
5:26.933–5:28.366
等计划书写好后
等计划书写好后
5:28.366–5:30.266
你就可以打开这份文件
你就可以打开这份文件
5:30.266–5:31.766
里面详细说明了 Claude
里面详细说明了 Claude
5:31.766–5:34.466
会如何设计这个 App 的功能架构
会如何设计这个 App 的功能架构
5:34.466–5:37.766
同时后面也提到了有些地方 Claude 并无法代劳
同时后面也提到了有些地方 Claude 并无法代劳
5:37.766–5:39.800
而必须由我们亲自操作
而必须由我们亲自操作
5:39.800–5:41.733
不过 Claude 也很贴心地说明
不过 Claude 也很贴心地说明
5:41.733–5:45.000
它会「一步一步」带着我们完成这些设定
它会「一步一步」带着我们完成这些设定
5:45.000–5:47.133
计划书看过觉得没有问题之后
计划书看过觉得没有问题之后
5:47.133–5:49.500
接着我们要做一个非常重要的步骤
接着我们要做一个非常重要的步骤
5:49.500–5:52.700
就是要把这个专案加入 Git 的版本管理
就是要把这个专案加入 Git 的版本管理
5:52.700–5:55.266
它有点像平常我们在玩电玩游戏时
它有点像平常我们在玩电玩游戏时
5:55.266–5:57.633
打魔王之前必须先做个「存档」
打魔王之前必须先做个「存档」
5:57.633–6:01.033
万一打输了还能随时读取记录重来一次
万一打输了还能随时读取记录重来一次
6:01.033–6:03.900
而要将专案进行存档并备份到云端
而要将专案进行存档并备份到云端
6:03.900–6:06.700
我们可以先到一个叫做 GitHub 的网站
我们可以先到一个叫做 GitHub 的网站
6:06.700–6:08.700
注册一个免费的帐号
注册一个免费的帐号
6:08.700–6:11.866
同样使用自己的 Gmail 信箱就 OK 了
同样使用自己的 Gmail 信箱就 OK 了
6:11.866–6:12.733
除此之外
除此之外
6:12.733–6:16.433
如果你希望 Claude 能直接帮我们处理存档和上传的任务
如果你希望 Claude 能直接帮我们处理存档和上传的任务
6:16.433–6:19.866
你可以安装一个小工具叫做 GitHub CLI
你可以安装一个小工具叫做 GitHub CLI
6:19.866–6:22.166
你只要把它的网址拷贝下来
你只要把它的网址拷贝下来
6:22.166–6:24.433
回到 Claude 请它帮我们安装
回到 Claude 请它帮我们安装
6:24.433–6:26.833
再按下 Enter 键送出指令
再按下 Enter 键送出指令
6:26.833–6:28.033
安装完成后
安装完成后
6:28.033–6:30.966
Claude 会请我们先进行帐号的授权
Claude 会请我们先进行帐号的授权
6:30.966–6:34.266
于是你可以到右上角打开终端机的视窗
于是你可以到右上角打开终端机的视窗
6:34.266–6:37.366
点击「播放」来执行 Claude 提供的指令
点击「播放」来执行 Claude 提供的指令
6:37.366–6:39.700
接着再按下 Y 代表同意
接着再按下 Y 代表同意
6:39.700–6:42.433
如此画面就会显示一组 8 码的验证码
如此画面就会显示一组 8 码的验证码
6:42.433–6:44.400
你可以把它拷贝下来
你可以把它拷贝下来
6:44.400–6:45.566
按下 Enter
按下 Enter
6:45.566–6:47.800
系统就会自动开启浏览器
系统就会自动开启浏览器
6:47.800–6:51.333
如此我们就可以把刚复制的验证码执行贴上
如此我们就可以把刚复制的验证码执行贴上
6:51.333–6:53.000
按下「继续」
按下「继续」
6:53.000–6:56.333
这样我们就顺利完成了 GitHub 的授权啰
这样我们就顺利完成了 GitHub 的授权啰
6:56.333–6:58.500
好，那我们就来写一段提示词
好，那我们就来写一段提示词
6:58.500–7:00.333
请 Claude 做第一次的存档
请 Claude 做第一次的存档
7:00.333–7:02.933
并且在 GitHub 建立一个私人的空间
并且在 GitHub 建立一个私人的空间
7:02.933–7:05.866
来把目前的进度完整备份上去
来把目前的进度完整备份上去
7:05.866–7:07.033
备份完成后
备份完成后
7:07.033–7:08.533
我们就可以放心地请 Claude
我们就可以放心地请 Claude
7:08.533–7:11.500
开始进行 App 的开发实作啰
开始进行 App 的开发实作啰
7:11.500–7:13.666
好，大约过了数分钟之后
好，大约过了数分钟之后
7:13.666–7:16.066
Claude 已经完成了第一阶段的进度
Claude 已经完成了第一阶段的进度
7:16.066–7:17.366
同时它也列出了几个
同时它也列出了几个
7:17.366–7:19.933
必须由我们亲自操作的步骤
必须由我们亲自操作的步骤
7:19.933–7:22.666
首先是要注册一个免费的云端主机
首先是要注册一个免费的云端主机
7:22.666–7:24.200
叫做 Cloudflare
叫做 Cloudflare
7:24.200–7:27.900
因此你可以直接打开页面上的连结来到它们的官网
因此你可以直接打开页面上的连结来到它们的官网
7:27.900–7:29.933
接着再使用自己的 Gmail 信箱
接着再使用自己的 Gmail 信箱
7:29.933–7:32.066
注册一个免费的帐号
注册一个免费的帐号
7:32.066–7:33.233
注册完成后
注册完成后
7:33.233–7:35.100
我们就回到原来的页面
我们就回到原来的页面
7:35.100–7:37.333
跟 Claude 说「已经注册好了」
跟 Claude 说「已经注册好了」
7:37.333–7:40.300
如此 Claude 就会开始处理授权的程序
如此 Claude 就会开始处理授权的程序
7:40.300–7:42.466
而我们只要在弹出来的视窗内
而我们只要在弹出来的视窗内
7:42.466–7:44.133
点击蓝色的「授权」按钮
点击蓝色的「授权」按钮
7:44.133–7:46.466
Claude 就能顺利登入到这个网站
Claude 就能顺利登入到这个网站
7:46.466–7:49.766
帮我们建立好云端资料库和相关的设定
帮我们建立好云端资料库和相关的设定
7:49.766–7:53.000
好，第二个步骤是要替这个 App 设定一组登入密码
好，第二个步骤是要替这个 App 设定一组登入密码
7:53.000–7:56.366
以防止别人进入到这个 App 的管理介面
以防止别人进入到这个 App 的管理介面
7:56.366–7:59.366
于是我们同样去执行 Claude 提供的程式码
于是我们同样去执行 Claude 提供的程式码
7:59.366–8:01.000
然后在右侧的窗格内
然后在右侧的窗格内
8:01.000–8:03.266
将想要的密码输入进去
将想要的密码输入进去
8:03.266–8:06.400
再按下 Enter 就完成了密码的设定
再按下 Enter 就完成了密码的设定
8:06.400–8:09.866
好，那接下来我们还要去申请一组 Gemini 的金钥
好，那接下来我们还要去申请一组 Gemini 的金钥
8:09.866–8:10.733
有了金钥
有了金钥
8:10.733–8:13.966
我们才能使用 Gemini 的 AI 语音模型
我们才能使用 Gemini 的 AI 语音模型
8:13.966–8:17.200
所以你可以直接前往 Google AI Studio 的网站
所以你可以直接前往 Google AI Studio 的网站
8:17.200–8:19.800
在左下角点击钥匙的图示
在左下角点击钥匙的图示
8:19.800–8:22.833
再去点击右上角的「建立 API 金钥」
再去点击右上角的「建立 API 金钥」
8:22.833–8:24.733
按下 Create Key (建立金钥)
按下 Create Key (建立金钥)
8:24.733–8:25.866
这样我们就能看到一组
这样我们就能看到一组
8:25.866–8:28.233
由英文和数字组成的金钥密码
由英文和数字组成的金钥密码
8:28.233–8:30.166
你可以把它拷贝下来
你可以把它拷贝下来
8:30.166–8:32.833
回到 Claude 执行底部的程式码
回到 Claude 执行底部的程式码
8:32.833–8:36.566
最后再到右侧按下 Ctrl +V 来把金钥贴上
最后再到右侧按下 Ctrl +V 来把金钥贴上
8:36.566–8:37.766
按下 Enter
按下 Enter
8:37.766–8:41.133
如此我们就顺利完成了第三个步骤啰
如此我们就顺利完成了第三个步骤啰
8:41.133–8:44.733
好，最后我们要来设定 AI 语音助理跟 Line 的连接
好，最后我们要来设定 AI 语音助理跟 Line 的连接
8:44.733–8:46.066
要完成这个步骤
要完成这个步骤
8:46.066–8:49.300
我们首先必须注册一个 Line 的官方帐号
我们首先必须注册一个 Line 的官方帐号
8:49.300–8:52.100
你可以直接使用自己的 Line 帐号登入
你可以直接使用自己的 Line 帐号登入
8:52.100–8:54.666
然后到左侧点击「建立」
然后到左侧点击「建立」
8:54.666–8:57.600
那这里你可以随意输入一个帐号名称
那这里你可以随意输入一个帐号名称
8:57.600–9:00.933
而底下的业种分类也可以随意作答
而底下的业种分类也可以随意作答
9:00.933–9:02.266
点击「确定」
点击「确定」
9:02.266–9:05.466
然后官方帐号的认证步骤可以直接略过
然后官方帐号的认证步骤可以直接略过
9:05.466–9:07.833
接着一直点击「同意」或「继续」按钮
接着一直点击「同意」或「继续」按钮
9:07.833–9:11.033
就会来到官方帐号的主要操作介面
就会来到官方帐号的主要操作介面
9:11.033–9:12.733
由于我们的 AI 语音助理
由于我们的 AI 语音助理
9:12.733–9:14.866
并无法直接连系 Line 用户
并无法直接连系 Line 用户
9:14.866–9:18.800
而必须透过 Line 机器人 (官方帐号) 这个中介才能传送讯息
而必须透过 Line 机器人 (官方帐号) 这个中介才能传送讯息
9:18.800–9:21.500
因此我们必须先把这个通道打开
因此我们必须先把这个通道打开
9:21.500–9:24.666
在左侧进入 Messaging API 的页面
在左侧进入 Messaging API 的页面
9:24.666–9:27.033
再去点击中间的绿色按钮
再去点击中间的绿色按钮
9:27.033–9:29.433
服务的提供者就选择自己
服务的提供者就选择自己
9:29.433–9:31.000
点击「同意」
点击「同意」
9:31.000–9:33.566
然后隐私权的政策可以先略过
然后隐私权的政策可以先略过
9:33.566–9:35.900
再按下「确定」就 OK 了
再按下「确定」就 OK 了
9:35.900–9:37.566
而除了打开这个通道之外
而除了打开这个通道之外
9:37.566–9:40.133
我们还需要取得两个关键的资讯
我们还需要取得两个关键的资讯
9:40.133–9:42.066
一个叫做 Channel Secret
一个叫做 Channel Secret
9:42.066–9:44.566
另一个叫做 Channel Access Token
另一个叫做 Channel Access Token
9:44.566–9:46.966
它们就像是这条通道的两把钥匙
它们就像是这条通道的两把钥匙
9:46.966–9:50.733
用来确保讯息在传递的过程中是安全的
用来确保讯息在传递的过程中是安全的
9:50.733–9:52.566
好，那要取得这两把钥匙
好，那要取得这两把钥匙
9:52.566–9:54.933
我们可以点击左下角的连结
我们可以点击左下角的连结
9:54.933–9:57.833
再点进去刚建立的 Line 官方帐号
再点进去刚建立的 Line 官方帐号
9:57.833–9:59.566
接着把页面往下卷
接着把页面往下卷
9:59.566–10:02.266
就能看到第一把钥匙 Channel Secret
就能看到第一把钥匙 Channel Secret
10:02.266–10:04.166
你可以把它复制下来
你可以把它复制下来
10:04.166–10:05.833
然后照着 Claude 的说明
然后照着 Claude 的说明
10:05.833–10:07.833
执行它提供的程式码
执行它提供的程式码
10:07.833–10:11.766
接着再把 Channel Secret 贴到右边的窗格就 OK 了
接着再把 Channel Secret 贴到右边的窗格就 OK 了
10:11.766–10:14.766
再来第二把钥匙是位于隔壁的分页
再来第二把钥匙是位于隔壁的分页
10:14.766–10:17.600
切换过来之后我们把页面卷到最底部
切换过来之后我们把页面卷到最底部
10:17.600–10:20.933
就能看到 Channel Access Token 这一行标题
就能看到 Channel Access Token 这一行标题
10:20.933–10:23.266
然后我们去点击底下的黑色按钮
然后我们去点击底下的黑色按钮
10:23.266–10:25.366
就会跑出一组很长的密码
就会跑出一组很长的密码
10:25.366–10:27.366
我们同样把它复制起来
我们同样把它复制起来
10:27.366–10:29.500
回到 Claude 执行程式码
回到 Claude 执行程式码
10:29.500–10:34.066
最后再把这一组金钥按下 Ctrl +V 执行贴上就 OK 啰
最后再把这一组金钥按下 Ctrl +V 执行贴上就 OK 啰
10:34.066–10:35.066
好，最后一个步骤
好，最后一个步骤
10:35.066–10:38.033
是要在 Line 设定一个 Webhook 网址
是要在 Line 设定一个 Webhook 网址
10:38.033–10:41.700
Webhook 有点像是 AI 语音助理留给 Line 的电话号码
Webhook 有点像是 AI 语音助理留给 Line 的电话号码
10:41.700–10:43.233
如果有人加好友了
如果有人加好友了
10:43.233–10:47.100
Line 就会透过这个网址通知我们的 AI 语音助理
Line 就会透过这个网址通知我们的 AI 语音助理
10:47.100–10:49.933
所以我们就把 Claude 提供的网址做个复制
所以我们就把 Claude 提供的网址做个复制
10:49.933–10:52.766
回到 Line 网站点击 Webhook 的「编辑」
回到 Line 网站点击 Webhook 的「编辑」
10:52.766–10:55.266
来将这个网址执行贴上
来将这个网址执行贴上
10:55.266–10:57.166
点击 Update (更新)
点击 Update (更新)
10:57.166–10:59.233
接着再按下「验证」
接着再按下「验证」
10:59.233–11:00.866
一切都没有问题的话
一切都没有问题的话
11:00.866–11:03.700
我们就可以把 Webhook 的功能启用
我们就可以把 Webhook 的功能启用
11:03.700–11:07.200
而由于 Line 机器人预设会回覆一些罐头讯息
而由于 Line 机器人预设会回覆一些罐头讯息
11:07.200–11:08.933
因此我们还必须把页面卷下来
因此我们还必须把页面卷下来
11:08.933–11:12.500
点击「自动回覆讯息」旁边的编辑按钮
点击「自动回覆讯息」旁边的编辑按钮
11:12.500–11:14.533
来把这个功能关闭
来把这个功能关闭
11:14.533–11:16.200
全部都设定完成后
全部都设定完成后
11:16.200–11:19.766
Claude 会提供这个 App 的网址让我们来进行测试
Claude 会提供这个 App 的网址让我们来进行测试
11:19.766–11:23.100
于是你可以打开手机的浏览器前往这个网址
于是你可以打开手机的浏览器前往这个网址
11:23.100–11:26.433
并且在登入页面中输入之前设定好的密码
并且在登入页面中输入之前设定好的密码
11:26.433–11:28.100
那你可以考虑把这个网站
那你可以考虑把这个网站
11:28.100–11:29.733
加入到手机的主页
加入到手机的主页
11:29.733–11:32.266
让它看起来像是一个真正的 App
让它看起来像是一个真正的 App
11:32.266–11:34.666
所以我们就选择「加入主画面」
所以我们就选择「加入主画面」
11:34.666–11:38.166
这样主页就可以看到之前我们设计好的图示
这样主页就可以看到之前我们设计好的图示
11:38.166–11:39.266
那只要有其它人
那只要有其它人
11:39.266–11:43.200
像是你的家人或亲朋好友加入这个官方帐号的话
像是你的家人或亲朋好友加入这个官方帐号的话
11:43.200–11:46.166
他们的名称就会显示在「联络人」的分页
他们的名称就会显示在「联络人」的分页
11:46.166–11:47.200
有需要的话
有需要的话
11:47.200–11:49.866
你可以为每个人设定一个昵称
你可以为每个人设定一个昵称
11:49.866–11:51.000
设定完成后
设定完成后
11:51.000–11:53.400
我们就可以准备来做个测试
我们就可以准备来做个测试
11:53.400–11:55.966
我按下底部的麦克风按钮
我按下底部的麦克风按钮
11:55.966–11:57.800
嗨，Papaya 你好
嗨，Papaya 你好
11:57.800–12:00.033
有什么我们可以帮忙的吗？
有什么我们可以帮忙的吗？
12:00.033–12:02.700
请提醒我两分钟之后去洗衣服
请提醒我两分钟之后去洗衣服
12:02.700–12:03.433
好的
好的
12:03.433–12:06.766
我会在 3 点 54 分提醒你去洗衣服
我会在 3 点 54 分提醒你去洗衣服
12:06.766–12:07.900
这样对吗？
这样对吗？
12:07.900–12:09.900
是的，没错
是的，没错
12:09.900–12:11.800
OK，于是过了两分钟之后
OK，于是过了两分钟之后
12:11.800–12:15.466
我的 Line 就自动跳出「洗衣服」的提醒讯息啰
我的 Line 就自动跳出「洗衣服」的提醒讯息啰
12:15.466–12:18.533
好，那我们来测试传一则讯息给其它人
好，那我们来测试传一则讯息给其它人
12:18.533–12:21.766
请提醒小花 10 分钟之后去倒垃圾
请提醒小花 10 分钟之后去倒垃圾
12:21.766–12:22.700
好的
好的
12:22.700–12:26.166
我会在 4 点 8 分的时候提醒小花去倒垃圾
我会在 4 点 8 分的时候提醒小花去倒垃圾
12:26.166–12:27.466
这样对吗？
这样对吗？
12:27.466–12:29.200
是的，没问题
是的，没问题
12:29.200–12:32.133
好，已经帮你设定完成啰
好，已经帮你设定完成啰
12:32.133–12:34.733
OK，那这样小花在 4 点 8 分的时候
OK，那这样小花在 4 点 8 分的时候
12:34.733–12:37.866
就会收到我们要提醒她的讯息啰
就会收到我们要提醒她的讯息啰
12:37.866–12:38.866
好，做到这边
好，做到这边
12:38.866–12:41.566
整个 App 的核心功能已大致完备
整个 App 的核心功能已大致完备
12:41.566–12:43.366
而为了方便日后的维护
而为了方便日后的维护
12:43.366–12:46.366
我们可以请 Claude 替自己写一份专案备忘录
我们可以请 Claude 替自己写一份专案备忘录
12:46.366–12:50.166
说明这个 App 使用了什么程式架构和相关技术
说明这个 App 使用了什么程式架构和相关技术
12:50.166–12:53.100
之后当我们想要新增功能或修改程式码时
之后当我们想要新增功能或修改程式码时
12:53.100–12:56.566
Claude 就能迅速掌握整个专案的脉络
Claude 就能迅速掌握整个专案的脉络
12:56.566–12:58.200
而要生成这个备忘录
而要生成这个备忘录
12:58.200–13:01.400
我们只要在对话框内输入 /init 指令
我们只要在对话框内输入 /init 指令
13:01.400–13:03.900
Claude 就会自动扫描整个专案环境
Claude 就会自动扫描整个专案环境
13:03.900–13:05.600
并且在资料夹内建立一份
并且在资料夹内建立一份
13:05.600–13:08.333
名为 CLAUDE.md 的说明文件
名为 CLAUDE.md 的说明文件
13:08.333–13:10.800
日后只要我们每开启一个新的对话
日后只要我们每开启一个新的对话
13:10.800–13:12.833
CLAUDE.md 就会自动载入
CLAUDE.md 就会自动载入
13:12.833–13:15.233
作为这个专案的背景知识
作为这个专案的背景知识
13:15.233–13:16.266
除此之外
除此之外
13:16.266–13:19.066
现在也是一个非常适合存档的时间点
现在也是一个非常适合存档的时间点
13:19.066–13:21.400
因此我们可以请 Claude 将目前的进度
因此我们可以请 Claude 将目前的进度
13:21.400–13:23.966
进行存档并备份到 GitHub
进行存档并备份到 GitHub
13:23.966–13:26.600
或着如果你想要使用较为正式的术语
或着如果你想要使用较为正式的术语
13:26.600–13:29.566
你也可以说请你将目前的进度进行提交 (Commit)
你也可以说请你将目前的进度进行提交 (Commit)
13:29.566–13:31.500
并推送 (Commit) 到 GitHub
并推送 (Commit) 到 GitHub
13:31.500–13:33.566
而之后如果我们想要针对这个 App
而之后如果我们想要针对这个 App
13:33.566–13:35.166
做一些功能上的调整
做一些功能上的调整
13:35.166–13:37.300
操作流程也非常简单
操作流程也非常简单
13:37.300–13:40.366
譬如我想要把画面中的麦克风按钮改成蓝色
譬如我想要把画面中的麦克风按钮改成蓝色
13:40.366–13:43.000
并且将尺寸加大 1.5 倍
并且将尺寸加大 1.5 倍
13:43.000–13:45.166
于是你可以开启一个新的对话
于是你可以开启一个新的对话
13:45.166–13:47.900
并且把你的需求写成一段提示词
并且把你的需求写成一段提示词
13:47.900–13:49.466
同时我们要提醒 Claude
同时我们要提醒 Claude
13:49.466–13:51.966
修改好后先不要覆盖正式的版本
修改好后先不要覆盖正式的版本
13:51.966–13:53.600
而是先做个预览版
而是先做个预览版
13:53.600–13:56.200
让我们能用手机先做个测试
让我们能用手机先做个测试
13:56.200–13:57.066
过了一会儿
过了一会儿
13:57.066–13:58.833
当 Claude 修改完成后
当 Claude 修改完成后
13:58.833–14:01.866
我们就可以用手机打开它提供的预览连结
我们就可以用手机打开它提供的预览连结
14:01.866–14:04.766
来确认按钮的外观是否符合预期
来确认按钮的外观是否符合预期
14:04.766–14:06.733
看过后觉得没有问题的话
看过后觉得没有问题的话
14:06.733–14:10.300
我们就可以请 Claude 将改好的内容部署到正式的网址
我们就可以请 Claude 将改好的内容部署到正式的网址
14:10.300–14:14.533
并且做提交和推送到 GitHub 来完成此次的更新
并且做提交和推送到 GitHub 来完成此次的更新
14:14.533–14:17.700
而如果你在修改 App 的功能或调整介面时
而如果你在修改 App 的功能或调整介面时
14:17.700–14:20.433
发现效果不如预期也不用担心
发现效果不如预期也不用担心
14:20.433–14:23.033
你只要请 Claude 列出所有的存档记录
你只要请 Claude 列出所有的存档记录
14:23.033–14:26.300
并且从清单中找出想要返回的历史版本
并且从清单中找出想要返回的历史版本
14:26.300–14:28.133
例如我想要将麦克风的按钮
例如我想要将麦克风的按钮
14:28.133–14:31.033
变回到原本小尺寸的黑色外观
变回到原本小尺寸的黑色外观
14:31.033–14:34.333
于是我在提示词内特别标明该笔存档的编号
于是我在提示词内特别标明该笔存档的编号
14:34.333–14:36.533
请 Claude 协助还原
请 Claude 协助还原
14:36.533–14:38.900
同时还原时我们还要做一个决定
同时还原时我们还要做一个决定
14:38.900–14:41.733
就是要「舍弃」该存档点之后的所有修改
就是要「舍弃」该存档点之后的所有修改
14:41.733–14:43.800
还是要「保留」后续的所有纪录
还是要「保留」后续的所有纪录
14:43.800–14:46.966
以新增一笔提交的方式覆盖回去
以新增一笔提交的方式覆盖回去
14:46.966–14:49.433
决定好后我们就将提示词送出
决定好后我们就将提示词送出
14:49.433–14:53.300
于是麦克风就立即变回原来蓝色放大前的样子
于是麦克风就立即变回原来蓝色放大前的样子
14:53.300–14:56.733
而且当我们再次请 Claude 列出所有的存档点时
而且当我们再次请 Claude 列出所有的存档点时
14:56.733–15:00.700
原来的旧存档也都有完整保留下来喔
原来的旧存档也都有完整保留下来喔
15:00.700–15:02.266
OK，最后我们来聊一下
OK，最后我们来聊一下
15:02.266–15:04.733
如果想要替这个 App 开发新功能的话
如果想要替这个 App 开发新功能的话
15:04.733–15:07.600
要采用什么样的流程会比较理想
要采用什么样的流程会比较理想
15:07.600–15:08.600
举例来说
举例来说
15:08.600–15:11.133
假设我希望可以用口说的方式
假设我希望可以用口说的方式
15:11.133–15:12.966
请 AI 帮忙制作一张贺卡
请 AI 帮忙制作一张贺卡
15:12.966–15:15.966
并且在指定时间传送给亲朋好友
并且在指定时间传送给亲朋好友
15:15.966–15:18.400
而由于在开发过程中我们无法确定
而由于在开发过程中我们无法确定
15:18.400–15:21.633
新功能做出来的效果是否能符合预期
新功能做出来的效果是否能符合预期
15:21.633–15:23.266
因此最安全的作法
因此最安全的作法
15:23.266–15:25.566
是请 Claude 从现有的正式版中
是请 Claude 从现有的正式版中
15:25.566–15:28.800
另外建立一个独立的分支来进行实作
另外建立一个独立的分支来进行实作
15:28.800–15:31.266
如果做好的新功能结果令人满意
如果做好的新功能结果令人满意
15:31.266–15:33.266
我们就把分支合并回主线
我们就把分支合并回主线
15:33.266–15:35.433
让它变成正式的版本
让它变成正式的版本
15:35.433–15:37.366
而如果测试后觉得不合适
而如果测试后觉得不合适
15:37.366–15:39.600
我们也可以直接将分支删除
我们也可以直接将分支删除
15:39.600–15:42.666
完全不会影响原本正常运作的 App
完全不会影响原本正常运作的 App
15:42.666–15:45.033
好，那我们就同样写一段提示词
好，那我们就同样写一段提示词
15:45.033–15:47.533
说明想要新增的功能与需求
说明想要新增的功能与需求
15:47.533–15:50.800
并且请 Claude 开一个新分支来进行实作
并且请 Claude 开一个新分支来进行实作
15:50.800–15:51.833
同时我们也可以指定
同时我们也可以指定
15:51.833–15:54.100
想要使用的图片生成模型
想要使用的图片生成模型
15:54.100–15:56.766
例如 Google 自家的 Gemini 2.0 Flash 模型
例如 Google 自家的 Gemini 2.0 Flash 模型
15:56.766–15:59.666
最后按下 Enter 键将提示词送出
最后按下 Enter 键将提示词送出
15:59.666–16:02.000
那 Claude 此时会跳出一则讯息
那 Claude 此时会跳出一则讯息
16:02.000–16:05.100
提醒我们 Nano Banana 2 并没有提供免费的额度
提醒我们 Nano Banana 2 并没有提供免费的额度
16:05.100–16:07.333
询问我们想要如何处理
询问我们想要如何处理
16:07.333–16:11.400
而这边我就选择使用现有的金钥来绑定帐单
而这边我就选择使用现有的金钥来绑定帐单
16:11.400–16:13.400
而在 Claude 执行任务的期间
而在 Claude 执行任务的期间
16:13.400–16:16.866
我们可以回到先前申请 Gemini 金钥的网站
我们可以回到先前申请 Gemini 金钥的网站
16:16.866–16:18.466
点击「设定帐单」
点击「设定帐单」
16:18.466–16:20.800
接着再输入信用卡的资料
接着再输入信用卡的资料
16:20.800–16:22.300
至于储值的金额
至于储值的金额
16:22.300–16:25.333
我就选择最低的台币 150 元
我就选择最低的台币 150 元
16:25.333–16:26.700
点击「继续」
点击「继续」
16:26.700–16:28.633
再按下「完成」
再按下「完成」
16:28.633–16:30.733
那生成图片的功能制作好后
那生成图片的功能制作好后
16:30.733–16:33.433
我们就可以用手机来做个测试
我们就可以用手机来做个测试
16:33.433–16:35.200
请帮我生成一张早安图
请帮我生成一张早安图
16:35.200–16:37.366
在三分钟之后传到我的 Line
在三分钟之后传到我的 Line
16:37.366–16:39.200
图片的背景是荷花
图片的背景是荷花
16:39.200–16:41.733
前面写着平安喜乐四个字
前面写着平安喜乐四个字
16:41.733–16:42.533
好的
好的
16:42.533–16:45.700
我现在准备来生成图片
我现在准备来生成图片
16:45.700–16:47.000
图片生成好了
图片生成好了
16:47.000–16:49.166
有需要修改的地方吗？
有需要修改的地方吗？
16:49.166–16:49.733
这样 OK
这样 OK
16:49.733–16:51.666
请帮我送出吧
请帮我送出吧
16:51.666–16:53.033
于是三分钟之后
于是三分钟之后
16:53.033–16:56.133
我的 Line 就收到了刚生成的早安图
我的 Line 就收到了刚生成的早安图
16:56.133–16:59.766
那我们接着来测试传送贺卡给其它人
那我们接着来测试传送贺卡给其它人
16:59.766–17:01.766
请帮我生成一张中秋节的贺卡
请帮我生成一张中秋节的贺卡
17:01.766–17:04.666
在 9 月 25 号的早上 8 点传给小花
在 9 月 25 号的早上 8 点传给小花
17:04.666–17:06.833
并祝她中秋节快乐
并祝她中秋节快乐
17:06.833–17:08.433
贺卡制作好啰
贺卡制作好啰
17:08.433–17:10.966
有没有什么需要修改的地方呢？
有没有什么需要修改的地方呢？
17:10.966–17:11.566
这样很好
这样很好
17:11.566–17:13.033
请帮我送出吧
请帮我送出吧
17:13.033–17:13.866
好的
好的
17:13.866–17:16.233
已帮你排定在中秋节当天
已帮你排定在中秋节当天
17:16.233–17:20.400
早上 8 点传送这张贺卡给小花啰
早上 8 点传送这张贺卡给小花啰
17:20.400–17:23.166
OK，确认新功能运作一切正常之后
OK，确认新功能运作一切正常之后
17:23.166–17:25.966
我们就可以请 Claude 帮我们做一次提交
我们就可以请 Claude 帮我们做一次提交
17:25.966–17:28.633
而如果此时我们列出所有的提交记录
而如果此时我们列出所有的提交记录
17:28.633–17:30.000
就可以看到这笔提交
就可以看到这笔提交
17:30.000–17:32.900
是独立记录在新建立的分支上
是独立记录在新建立的分支上
17:32.900–17:35.900
如果你决定要正式发布这项新功能
如果你决定要正式发布这项新功能
17:35.900–17:39.400
你可以请 Claude 将这项变更部署到正式的网址
你可以请 Claude 将这项变更部署到正式的网址
17:39.400–17:41.233
并且将分支合并回主线
并且将分支合并回主线
17:41.233–17:42.700
推送到 GitHub
推送到 GitHub
17:42.700–17:45.900
最后再把这一个分支删除掉就 OK 啰
最后再把这一个分支删除掉就 OK 啰
17:45.900–17:48.400
好，那今天关于 App 开发的流程介绍
好，那今天关于 App 开发的流程介绍
17:48.400–17:49.733
我们就聊到这边
我们就聊到这边
17:49.733–17:51.266
我们下回再见
我们下回再见
17:51.266–17:52.433
拜拜
拜拜

影片筆記：找不到適合自己的 App？不如乾脆自己做一個！沒有程式基礎也沒有關係，只要會「許願」就可以了喔！

<!-- VIDEONOTE_PUBLICATION_WARNINGS_BEGIN -->

⚠️ 全文快速校讀發現待確認修正

本筆記已完成可閱讀的逐字稿與時間跳轉；下列為待處理問題，建議播放原片確認。

  • 待修正：⚠️ 全文快速校讀：已套用暫定修正，請確認（segment=40 已先套用暫定修正：其中 Fable 5.1 需要另外购买点数才能够使用 → 其中 Fable 5.1 需要另外購買點數才能夠使用；segment=110 已先套用暫定修正：譬如我想要采用 Google 的 Gemini 3.8 Live 模型 → 譬如我想要採用 Google 的 Gemini 2.0 Flash Live 模型）
  • 待修正：逐字稿可先使用，但有待校正清單（segment=110 rapid_semantic_review: 全文速讀上下文判斷；尚未回聽或交叉比對；segment=380 rapid_semantic_review: 全文速讀上下文判斷；尚未回聽或交叉比對）

<!-- VIDEONOTE_PUBLICATION_WARNINGS_END -->

一句話總結

本影片示範如何透過 AI 助理（以 Claude 為例）開發具備語音輸入、自動提醒並透過 LINE 發送通知的 Web App，涵蓋從環境設定、需求分析、程式碼生成到雲端部署與版本控制的完整實作流程，強調即使無程式基礎，也能透過「許願」完成開發。

核心重點

  1. AI 輔助開發流程：利用 AI 助理（Claude/ChatGPT）進行需求分析、程式碼生成、除錯與部署，降低開發門檻。
  2. 完整技術棧整合：整合前端（Web App）、後端服務（Cloudflare）、資料庫、通訊 API（LINE Messaging API）以及 AI 模型（Gemini/Claude）。
  3. 版本控制與安全性：強調使用 Git/GitHub 進行版本管理，包括分支開發、合併與還原，確保專案可維護性與安全性。
  4. 無程式碼基礎的可行性：透過自然語言描述需求（提示詞），由 AI 生成程式碼與配置，使用者只需關注功能邏輯與測試。

詳細大綱

一、 前期準備與環境設定

  1. AI 工具選擇與訂閱
  • 示範使用 Claude，若習慣 ChatGPT 亦可套用相同開發思路。
  • 需註冊私人帳號並訂閱 Pro 以上方案（月繳或年繳）。
  • 下載並安裝 Claude 官方桌面版軟體。
  1. 專案初始化
  • 建立空白資料夾存放 App 相關檔案。
  • 在 Claude 中指定該資料夾為「專案路徑」並信任工作區。
  • 選擇 AI 模型：示範使用預設的 Opus（Fable 5.1 需額外購買點數）。
  • 設定思考強度：維持預設的 Medium（中等）。
  • 監控額度使用狀況（最近 5 小時及整週）。
  1. 輔助資源準備
  • 圖示生成：使用 ChatGPT 的「製作影像」功能生成向量插畫風格圖示，並儲存至專案資料夾。
  • 安全性插件：安裝官方插件「Security Guidance (安全性指引)」以檢查常見安全問題。

二、 需求定義與開發計畫

  1. 釐清核心問題
  • 解決問題、目標使用者、執行環境（電腦/手機）、介面風格、操作流程。
  1. 具體需求描述（提示詞範例）
  • 功能：透過口說建立提醒，指定時間透過 LINE 發送訊息給自己或親友。
  • 使用者：個人自用，無上架打算。
  • 介面：現代極簡風格，包含圓形麥克風按鈕。
  • 流程：輸入密碼登入 -> 點擊麥克風 AI 打招呼 -> 口說提醒內容與時間 -> AI 確認 -> 建立排程 -> 準時發送通知。
  • 技術要求：採用 Google 的 Gemini 2.0 Flash Live 模型；實作前需討論；解釋需淺顯易懂。
  1. 生成開發計畫書
  • Claude 根據需求提出確認問題，回答後生成開發計畫書。
  • 計畫書說明功能架構及需使用者親自操作的步驟。

三、 版本控制與雲端部署

  1. Git 版本管理與 GitHub 設定
  • 註冊免費 GitHub 帳號。
  • 安裝 GitHub CLI 工具，透過 Claude 協助安裝。
  • 完成 GitHub 帳號授權（透過終端機執行指令、輸入 8 碼驗證碼）。
  • 進行第一次「存档」，在 GitHub 建立私人空間備份進度。
  1. 雲端主機設定 (Cloudflare)
  • 註冊免費 Cloudflare 帳號。
  • 授權 Claude 登入並建立雲端資料庫與相關設定。
  1. 安全性設定
  • 設定 App 登入密碼，防止他人進入管理介面。

四、 AI 模型金鑰與 LINE 串接

  1. Google AI Studio API Key
  • 前往 Google AI Studio 建立 API 金鑰。
  • 將金鑰貼入 Claude 執行程式碼以完成設定。
  1. LINE 官方帳號與機器人設定
  • 註冊 LINE 官方帳號（可略過認證步驟）。
  • 開啟 Messaging API 通道。
  • 取得兩把鑰匙：
  • Channel Secret
  • Channel Access Token
  • 將兩把鑰匙分別貼入 Claude 執行程式碼。
  1. Webhook 設定
  • 複製 Claude 提供的 Webhook 網址。
  • 在 LINE 網站編輯 Webhook 並啟用。
  • 關閉「自動回覆訊息」功能。

五、 測試與部署

  1. App 測試
  • 透過手機瀏覽器測試 App 網址，輸入密碼登入。
  • 將網站加入手機主畫面，使其看起來像原生 App。
  • 功能測試：
  • 語音輸入提醒（如：洗衣服、倒垃圾）。
  • 確認時間與內容。
  • 驗證 LINE 是否收到自動通知。
  1. 專案維護
  • 執行 /init 指令，生成 CLAUDE.md 專案備忘錄，記錄架構與技術細節，便於未來維護。
  • 將進度提交 (Commit) 並推送 (Push) 至 GitHub。

六、 功能修改與版本管理

  1. 介面修改流程
  • 撰寫提示詞要求修改（如：麥克風按鈕變藍色、尺寸加大 1.5 倍）。
  • 要求 Claude 先建立「預覽版」進行測試，確認無誤後再部署至正式網址。
  • 修改完成後提交並推送至 GitHub。
  1. 版本還原
  • 若效果不佳，請 Claude 列出所有存档記錄。
  • 指定特定編號的歷史版本進行還原。
  • 選擇「捨棄」該點之後的修改，或「保留」後續紀錄以新增提交的方式覆蓋。
  • 確認舊存档仍完整保留。

七、 新功能開發流程（分支策略）

  1. 新增功能範例：口說生成賀卡並指定時間傳送給親友。
  2. 分支實作
  • 請 Claude 從現有正式版建立獨立分支進行實作。
  • 指定使用圖片生成模型（如 Google 自家的 Gemini 2.0 Flash）。
  1. 帳單設定
  • 若模型無免費額度，需綁定帳單。
  • 在 Google AI Studio 設定帳單並輸入信用卡資料（範例中儲值最低金額台幣 150 元）。
  1. 測試與合併
  • 測試新功能（生成早安圖、中秋節賀卡並傳送）。
  • 確認運作正常後，請 Claude 將變更部署至正式網址。
  • 將分支合併回主線，推送至 GitHub，並刪除該分支。

工具 / 模型 / 名詞整理

  • AI 助理/模型：
  • ChatGPT
  • Claude
  • Opus (Claude 模型)
  • Fable 5.1 (Claude 模型)
  • Google Gemini 2.0 Flash Live (模型)
  • Gemini 2.0 Flash (模型)
  • Nano Banana 2 (疑點：模型名稱，聽寫可能錯誤)
  • 開發與雲端服務：
  • Claude 官方桌面版軟體
  • GitHub
  • GitHub CLI
  • Cloudflare (雲端主機)
  • Google AI Studio
  • 通訊與介面：
  • LINE
  • LINE 官方帳號
  • Messaging API
  • Webhook
  • 其他工具/功能：
  • ChatGPT 「製作影像」功能
  • Security Guidance (安全性指引) - Claude 插件
  • Git (版本管理)
  • CLAUDE.md (專案備忘錄文件)

操作流程整理

  1. 環境準備：訂閱 Claude Pro，安裝桌面版，建立專案資料夾，設定專案路徑與信任工作區，選擇模型（Opus/Fable），設定思考強度，安裝 Security Guidance 插件，使用 ChatGPT 生成圖示。
  2. 需求定義：描述功能（語音提醒、LINE 通知）、使用者、介面風格與流程，生成開發計畫書。
  3. 基礎設施設定：註冊 GitHub 與 Cloudflare，安裝 GitHub CLI，授權 Claude 存取，建立雲端資料庫，設定 App 登入密碼。
  4. API 串接：在 Google AI Studio 建立 API Key，註冊 LINE 官方帳號並取得 Channel Secret 與 Access Token，設定 Webhook 網址並啟用。
  5. 測試與部署：透過手機瀏覽器測試 App，加入主畫面，測試語音輸入與 LINE 通知，執行 /init 生成備忘錄，提交並推送程式碼至 GitHub。
  6. 修改與維護：透過提示詞修改介面，建立預覽版測試，確認後部署正式版，提交程式碼。
  7. 新功能開發：建立獨立分支，設定模型帳單，測試新功能（如賀卡生成），確認無誤後部署並合併回主線，刪除分支。

值得注意的限制或風險

  1. 模型成本與訂閱：使用特定模型（如 Fable 5.1）可能需要額外購買點數或訂閱更高方案；部分模型（如 Gemini 2.0 Flash）若無免費額度需綁定信用卡並儲值。
  2. API 金鑰與憑證安全：需妥善保管 Google AI Studio API Key、LINE Channel Secret 與 Access Token，避免洩露。
  3. 版本控制依賴：依賴 GitHub 與 Cloudflare 的免費方案可能有限制，且需確保網路連線穩定以進行部署與測試。
  4. AI 生成程式碼的準確性：雖有版本控制可還原，但 AI 生成的程式碼仍需使用者具備基本除錯能力或依賴 AI 進行修正，可能存在潛在的安全漏洞或效能問題。
  5. LINE 官方帳號認證：雖可略過認證步驟，但可能影響部分功能或長期穩定性，需留意 LINE 官方政策變動。

逐字稿辨識疑點

  • Fable 5.1：逐字稿提及此為 Claude 可選模型之一，需查證是否為正確模型名稱。
  • Nano Banana 2：逐字稿提及此模型未提供免費額度，需綁定帳單，疑為聽寫錯誤或特定內部/測試模型名稱，無法確認實際指涉何種 AI 模型。
  • Google 的 Gemini 2.0 Flash Live 模型：逐字稿提及此名稱，需查證 Google 官方是否確實發布此精確版本名稱（通常為 Gemini 1.5 Flash 或 Live 功能，但 "2.0 Flash Live" 組合需確認）。
  • Opus：逐字稿提及選擇預設的 Opus，需確認在該時間點 Claude 桌面版預設或可用模型是否確實包含 Opus 或其變體名稱。
  • segment 110: rapid_semantic_review — 全文速讀上下文判斷；尚未回聽或交叉比對。
  • segment 380: rapid_semantic_review — 全文速讀上下文判斷；尚未回聽或交叉比對。
  • segment 40: rapid_semantic_review — 上下文提到 'Opus' 為 Claude 模型，且需要 'Pro' 訂閱。'Fable' 可能是 'Claude' 的誤聽，'5.1' 可能是 '3.5' 或 'Sonnet' 的誤聽。

可延伸追問

  1. 如何確保 AI 生成的程式碼在安全性上符合最佳實踐？
  2. 若使用免費方案，Cloudflare 與 GitHub 的限制會如何影響 App 的可用性？
  3. 如何監控與優化 AI 模型的使用成本，避免意外高額帳單？
  4. 在沒有程式基礎的情況下，使用者應如何有效與 AI 溝通以獲得準確的程式碼？
  5. LINE 官方帳號的認證狀態對 Webhook 功能的穩定性有何影響？

尚未產生學習筆記

請在 Telegram 指令最後加上「學習」，例如：videonote 網址 英文 雙語 學習