WEBVTT
Kind: captions
Language: zh-Hans

00:00:02.966 --> 00:00:04.400
嗨，大家好

00:00:04.400 --> 00:00:06.433
你是不是曾遇过一种情况

00:00:06.433 --> 00:00:08.133
就是很喜欢某个 App

00:00:08.133 --> 00:00:11.466
却觉得它偏偏少了一个自己最需要的功能？

00:00:11.466 --> 00:00:13.000
过去遇到这些问题

00:00:13.000 --> 00:00:15.133
通常我们只能默默接受

00:00:15.133 --> 00:00:18.733
但现在有了像 ChatGPT 或 Claude 这样的 AI 助理

00:00:18.733 --> 00:00:20.733
即使我们没有任何程式的背景

00:00:20.733 --> 00:00:23.833
也能轻松打造出专属于自己的 App

00:00:23.833 --> 00:00:26.933
好，那假设今天我们在网路上看到一则新闻

00:00:26.933 --> 00:00:31.200
是 Google 新推出了一个可以边思考和边说话的 AI 模型

00:00:31.200 --> 00:00:32.700
于是你突发奇想

00:00:32.700 --> 00:00:34.866
想要打造一个 AI 语音助理

00:00:34.866 --> 00:00:38.200
让我们能透过口说的方式来设定提醒事项

00:00:38.200 --> 00:00:39.600
等到时间一到

00:00:39.600 --> 00:00:42.966
AI 就会自动透过 LINE 发送提醒讯息给自己

00:00:42.966 --> 00:00:45.633
甚至还能传给家人或朋友

00:00:45.633 --> 00:00:47.700
好，那这边我以 Claude 来作示范

00:00:47.700 --> 00:00:50.333
一步一步带着大家打造出这个 App

00:00:50.333 --> 00:00:53.700
如果你平常习惯使用 ChatGPT 也完全没有问题

00:00:53.700 --> 00:00:56.966
因为两边在开发时思路是相通的

00:00:56.966 --> 00:00:58.866
如果你未曾使用过 Claude

00:00:58.866 --> 00:01:02.533
你可以先用自己的 Google 信箱注册一个私人帐号

00:01:02.533 --> 00:01:05.233
而要用 Claude 协助开发电脑或手机的 App

00:01:05.233 --> 00:01:08.033
我们至少需要订阅 Pro 以上的方案

00:01:08.033 --> 00:01:11.066
计费方式可以采用月缴或着是年缴

00:01:11.066 --> 00:01:12.400
完成订阅之后

00:01:12.400 --> 00:01:15.666
如果你希望能有一个简单且友善的开发环境

00:01:15.666 --> 00:01:18.766
你可以下载 Claude 官方的桌面版软体

00:01:18.766 --> 00:01:19.966
下载完成后

00:01:19.966 --> 00:01:23.600
对着它双击滑鼠左键就可以完成安装

00:01:23.600 --> 00:01:25.766
好，那第一步我们要先在电脑中

00:01:25.766 --> 00:01:27.866
建立一个空白资料夹

00:01:27.866 --> 00:01:31.800
这个资料夹会用来存放所有跟这个 App 相关的档案

00:01:31.800 --> 00:01:32.966
建立完成后

00:01:32.966 --> 00:01:35.300
我们回到 Claude 点击下面的按钮

00:01:35.300 --> 00:01:39.266
来将刚建立的资料夹指定为目前的专案路径

00:01:39.266 --> 00:01:40.633
点击「打开」

00:01:40.633 --> 00:01:43.166
再按下「信任此工作区」

00:01:43.166 --> 00:01:46.733
而在右下角我们可以指定想要使用的 AI 模型

00:01:46.733 --> 00:01:50.366
其中 Fable 5.1 需要另外购买点数才能够使用

00:01:50.366 --> 00:01:53.633
因此这边我们就选择预设的 Opus 就好了

00:01:53.633 --> 00:01:57.000
那底下我们还可以选择 AI 模型的思考强度

00:01:57.000 --> 00:01:59.066
强度愈高 Claude 会花更多的时间

00:01:59.066 --> 00:02:00.866
来分析复杂的问题

00:02:00.866 --> 00:02:03.500
但相对地也会消耗更多的额度

00:02:03.500 --> 00:02:07.066
而这边我们先维持预设的 Medium (中等) 就足够了

00:02:07.066 --> 00:02:09.600
而如果想要查看目前用量的状态

00:02:09.600 --> 00:02:11.800
你可以点击最右边的小按钮

00:02:11.800 --> 00:02:13.700
它会列出你最近 5 个小时

00:02:13.700 --> 00:02:16.133
以及整周的额度使用状况

00:02:16.133 --> 00:02:18.200
如果其中一项额度用完的话

00:02:18.200 --> 00:02:21.933
就必须等待下一次的重置才能够继续使用

00:02:21.933 --> 00:02:24.466
好，那在请 Claude 正式开始实作之前

00:02:24.466 --> 00:02:27.166
我们可以先做几个简单的准备工作

00:02:27.166 --> 00:02:31.133
首先一个 App 理所当然要有一个具有辨识度的图示

00:02:31.133 --> 00:02:34.166
只是 Claude 本身并没有生成图片的能力

00:02:34.166 --> 00:02:37.266
因此我们可以改前往 ChatGPT 的网站

00:02:37.266 --> 00:02:40.200
从 + 号选单中启用「制作影像」的功能

00:02:40.200 --> 00:02:42.233
接着再写一段提示词

00:02:42.233 --> 00:02:46.466
譬如请 ChatGPT 帮我们生成一个向量插画风格的图示

00:02:46.466 --> 00:02:48.866
按下 Enter 键送出指令

00:02:48.866 --> 00:02:50.133
图片生成好后

00:02:50.133 --> 00:02:52.433
我们就对着它执行「另存图片」

00:02:52.433 --> 00:02:54.500
把它储存到自己的电脑

00:02:54.500 --> 00:02:57.900
并且把图档存放到我们的专案资料夹内

00:02:57.900 --> 00:03:00.100
此外由于开发 App 的过程中

00:03:00.100 --> 00:03:02.366
最重要的就是 App 的安全性

00:03:02.366 --> 00:03:05.633
因此我们可以考虑替 Claude 安装所谓的「外挂」(Plugins)

00:03:05.633 --> 00:03:07.866
来增强它的防护功能

00:03:07.866 --> 00:03:09.766
例如这边有个官方的外挂

00:03:09.766 --> 00:03:11.666
叫做 Security Guidance (安全性指引)

00:03:11.666 --> 00:03:14.000
安装之后 Claude 就会自动检查

00:03:14.000 --> 00:03:16.966
开发 App 时常见的安全问题

00:03:16.966 --> 00:03:18.666
好，准备工作完成之后

00:03:18.666 --> 00:03:22.033
接着我们就可以正式向 Claude 提出开发的需求

00:03:22.033 --> 00:03:24.333
那许多初学者在提需求时

00:03:24.333 --> 00:03:26.766
最常犯的错误就是描述得太简略

00:03:26.766 --> 00:03:28.700
导致 AI 只能凭空摸索

00:03:28.700 --> 00:03:31.466
做出来的成品往往不符合预期

00:03:31.466 --> 00:03:33.033
而比较适合的作法

00:03:33.033 --> 00:03:34.533
是在提需求时

00:03:34.533 --> 00:03:37.200
我们要先厘清几个核心的问题

00:03:37.200 --> 00:03:39.866
譬如这个 App 是要解决什么问题？

00:03:39.866 --> 00:03:42.066
它的目标使用者是谁？

00:03:42.066 --> 00:03:44.766
是要在电脑还是手机上使用？

00:03:44.766 --> 00:03:46.866
App 的介面大概长什么样子？

00:03:46.866 --> 00:03:49.933
以及实际的操作流程要如何进行？

00:03:49.933 --> 00:03:51.633
以我们这次的案例来说

00:03:51.633 --> 00:03:55.033
我主要是希望透过口说的方式请 AI 建立提醒

00:03:55.033 --> 00:03:56.600
并在指定时间透过 LINE

00:03:56.600 --> 00:03:59.600
自动发送讯息给自己或亲朋好友

00:03:59.600 --> 00:04:02.166
那这个 App 目前我只想要个人自用

00:04:02.166 --> 00:04:04.766
并没有上架和贩售的打算

00:04:04.766 --> 00:04:06.400
而在执行环境方面

00:04:06.400 --> 00:04:08.900
我希望电脑和手机都能支援

00:04:08.900 --> 00:04:10.866
但要做成 App 还是网页版

00:04:10.866 --> 00:04:14.266
则要请 Claude 评估之后给我们合适的建议

00:04:14.266 --> 00:04:17.633
那这个 App 我希望采用现代极简的风格

00:04:17.633 --> 00:04:20.433
画面中要包含一个圆形的麦克风按钮

00:04:20.433 --> 00:04:22.166
同时我们要提醒 Claude

00:04:22.166 --> 00:04:25.300
App 的图示已存放在专案资料夹之中

00:04:25.300 --> 00:04:27.066
至于 App 的操作流程

00:04:27.066 --> 00:04:30.300
刚开启时我希望要先输入密码才能登入

00:04:30.300 --> 00:04:34.233
接着点击麦克风之后 AI 会先主动跟我们打招呼

00:04:34.233 --> 00:04:37.266
然后我们可以说出想要提醒的内容与时间

00:04:37.266 --> 00:04:39.300
AI 在口头跟我们确认之后

00:04:39.300 --> 00:04:41.366
就会建立提醒事项的排程

00:04:41.366 --> 00:04:44.466
等到时间一到就会准时送出通知

00:04:44.466 --> 00:04:48.300
最后你也可以把一些特别要注意的事项一并写给 Claude

00:04:48.300 --> 00:04:51.666
譬如我想要采用 Google 的 Gemini 3.8 Live 模型

00:04:51.666 --> 00:04:53.666
并且要求 Claude 在实作前

00:04:53.666 --> 00:04:55.700
必须先跟我们进行讨论

00:04:55.700 --> 00:04:57.900
过程中如果需要 AI 解释的地方

00:04:57.900 --> 00:05:01.100
也必须用浅显的语言来向我们说明

00:05:01.100 --> 00:05:04.100
好，那我把整段的提示词贴到输入框内

00:05:04.100 --> 00:05:06.033
按下 Enter 键送出

00:05:06.033 --> 00:05:07.966
Claude 在看完我们的需求之后

00:05:07.966 --> 00:05:11.066
它会提出一些问题来确认实作的方向

00:05:11.066 --> 00:05:13.633
你可以依照自己的想法逐一作答

00:05:13.633 --> 00:05:15.833
而如果你没有特别的主意和偏好

00:05:15.833 --> 00:05:19.033
也可以直接采纳 Claude 提供的建议选项

00:05:19.033 --> 00:05:20.466
全部作答完毕后

00:05:20.466 --> 00:05:22.300
Claude 就会照着我们的指示

00:05:22.300 --> 00:05:24.166
开始写 App 的开发计划书

00:05:24.166 --> 00:05:26.933
大约需要花上几分钟的时间

00:05:26.933 --> 00:05:28.366
等计划书写好后

00:05:28.366 --> 00:05:30.266
你就可以打开这份文件

00:05:30.266 --> 00:05:31.766
里面详细说明了 Claude

00:05:31.766 --> 00:05:34.466
会如何设计这个 App 的功能架构

00:05:34.466 --> 00:05:37.766
同时后面也提到了有些地方 Claude 并无法代劳

00:05:37.766 --> 00:05:39.800
而必须由我们亲自操作

00:05:39.800 --> 00:05:41.733
不过 Claude 也很贴心地说明

00:05:41.733 --> 00:05:45.000
它会「一步一步」带着我们完成这些设定

00:05:45.000 --> 00:05:47.133
计划书看过觉得没有问题之后

00:05:47.133 --> 00:05:49.500
接着我们要做一个非常重要的步骤

00:05:49.500 --> 00:05:52.700
就是要把这个专案加入 Git 的版本管理

00:05:52.700 --> 00:05:55.266
它有点像平常我们在玩电玩游戏时

00:05:55.266 --> 00:05:57.633
打魔王之前必须先做个「存档」

00:05:57.633 --> 00:06:01.033
万一打输了还能随时读取记录重来一次

00:06:01.033 --> 00:06:03.900
而要将专案进行存档并备份到云端

00:06:03.900 --> 00:06:06.700
我们可以先到一个叫做 GitHub 的网站

00:06:06.700 --> 00:06:08.700
注册一个免费的帐号

00:06:08.700 --> 00:06:11.866
同样使用自己的 Gmail 信箱就 OK 了

00:06:11.866 --> 00:06:12.733
除此之外

00:06:12.733 --> 00:06:16.433
如果你希望 Claude 能直接帮我们处理存档和上传的任务

00:06:16.433 --> 00:06:19.866
你可以安装一个小工具叫做 GitHub CLI

00:06:19.866 --> 00:06:22.166
你只要把它的网址拷贝下来

00:06:22.166 --> 00:06:24.433
回到 Claude 请它帮我们安装

00:06:24.433 --> 00:06:26.833
再按下 Enter 键送出指令

00:06:26.833 --> 00:06:28.033
安装完成后

00:06:28.033 --> 00:06:30.966
Claude 会请我们先进行帐号的授权

00:06:30.966 --> 00:06:34.266
于是你可以到右上角打开终端机的视窗

00:06:34.266 --> 00:06:37.366
点击「播放」来执行 Claude 提供的指令

00:06:37.366 --> 00:06:39.700
接着再按下 Y 代表同意

00:06:39.700 --> 00:06:42.433
如此画面就会显示一组 8 码的验证码

00:06:42.433 --> 00:06:44.400
你可以把它拷贝下来

00:06:44.400 --> 00:06:45.566
按下 Enter

00:06:45.566 --> 00:06:47.800
系统就会自动开启浏览器

00:06:47.800 --> 00:06:51.333
如此我们就可以把刚复制的验证码执行贴上

00:06:51.333 --> 00:06:53.000
按下「继续」

00:06:53.000 --> 00:06:56.333
这样我们就顺利完成了 GitHub 的授权啰

00:06:56.333 --> 00:06:58.500
好，那我们就来写一段提示词

00:06:58.500 --> 00:07:00.333
请 Claude 做第一次的存档

00:07:00.333 --> 00:07:02.933
并且在 GitHub 建立一个私人的空间

00:07:02.933 --> 00:07:05.866
来把目前的进度完整备份上去

00:07:05.866 --> 00:07:07.033
备份完成后

00:07:07.033 --> 00:07:08.533
我们就可以放心地请 Claude

00:07:08.533 --> 00:07:11.500
开始进行 App 的开发实作啰

00:07:11.500 --> 00:07:13.666
好，大约过了数分钟之后

00:07:13.666 --> 00:07:16.066
Claude 已经完成了第一阶段的进度

00:07:16.066 --> 00:07:17.366
同时它也列出了几个

00:07:17.366 --> 00:07:19.933
必须由我们亲自操作的步骤

00:07:19.933 --> 00:07:22.666
首先是要注册一个免费的云端主机

00:07:22.666 --> 00:07:24.200
叫做 Cloudflare

00:07:24.200 --> 00:07:27.900
因此你可以直接打开页面上的连结来到它们的官网

00:07:27.900 --> 00:07:29.933
接着再使用自己的 Gmail 信箱

00:07:29.933 --> 00:07:32.066
注册一个免费的帐号

00:07:32.066 --> 00:07:33.233
注册完成后

00:07:33.233 --> 00:07:35.100
我们就回到原来的页面

00:07:35.100 --> 00:07:37.333
跟 Claude 说「已经注册好了」

00:07:37.333 --> 00:07:40.300
如此 Claude 就会开始处理授权的程序

00:07:40.300 --> 00:07:42.466
而我们只要在弹出来的视窗内

00:07:42.466 --> 00:07:44.133
点击蓝色的「授权」按钮

00:07:44.133 --> 00:07:46.466
Claude 就能顺利登入到这个网站

00:07:46.466 --> 00:07:49.766
帮我们建立好云端资料库和相关的设定

00:07:49.766 --> 00:07:53.000
好，第二个步骤是要替这个 App 设定一组登入密码

00:07:53.000 --> 00:07:56.366
以防止别人进入到这个 App 的管理介面

00:07:56.366 --> 00:07:59.366
于是我们同样去执行 Claude 提供的程式码

00:07:59.366 --> 00:08:01.000
然后在右侧的窗格内

00:08:01.000 --> 00:08:03.266
将想要的密码输入进去

00:08:03.266 --> 00:08:06.400
再按下 Enter 就完成了密码的设定

00:08:06.400 --> 00:08:09.866
好，那接下来我们还要去申请一组 Gemini 的金钥

00:08:09.866 --> 00:08:10.733
有了金钥

00:08:10.733 --> 00:08:13.966
我们才能使用 Gemini 的 AI 语音模型

00:08:13.966 --> 00:08:17.200
所以你可以直接前往 Google AI Studio 的网站

00:08:17.200 --> 00:08:19.800
在左下角点击钥匙的图示

00:08:19.800 --> 00:08:22.833
再去点击右上角的「建立 API 金钥」

00:08:22.833 --> 00:08:24.733
按下 Create Key (建立金钥)

00:08:24.733 --> 00:08:25.866
这样我们就能看到一组

00:08:25.866 --> 00:08:28.233
由英文和数字组成的金钥密码

00:08:28.233 --> 00:08:30.166
你可以把它拷贝下来

00:08:30.166 --> 00:08:32.833
回到 Claude 执行底部的程式码

00:08:32.833 --> 00:08:36.566
最后再到右侧按下 Ctrl +V 来把金钥贴上

00:08:36.566 --> 00:08:37.766
按下 Enter

00:08:37.766 --> 00:08:41.133
如此我们就顺利完成了第三个步骤啰

00:08:41.133 --> 00:08:44.733
好，最后我们要来设定 AI 语音助理跟 Line 的连接

00:08:44.733 --> 00:08:46.066
要完成这个步骤

00:08:46.066 --> 00:08:49.300
我们首先必须注册一个 Line 的官方帐号

00:08:49.300 --> 00:08:52.100
你可以直接使用自己的 Line 帐号登入

00:08:52.100 --> 00:08:54.666
然后到左侧点击「建立」

00:08:54.666 --> 00:08:57.600
那这里你可以随意输入一个帐号名称

00:08:57.600 --> 00:09:00.933
而底下的业种分类也可以随意作答

00:09:00.933 --> 00:09:02.266
点击「确定」

00:09:02.266 --> 00:09:05.466
然后官方帐号的认证步骤可以直接略过

00:09:05.466 --> 00:09:07.833
接着一直点击「同意」或「继续」按钮

00:09:07.833 --> 00:09:11.033
就会来到官方帐号的主要操作介面

00:09:11.033 --> 00:09:12.733
由于我们的 AI 语音助理

00:09:12.733 --> 00:09:14.866
并无法直接连系 Line 用户

00:09:14.866 --> 00:09:18.800
而必须透过 Line 机器人 (官方帐号) 这个中介才能传送讯息

00:09:18.800 --> 00:09:21.500
因此我们必须先把这个通道打开

00:09:21.500 --> 00:09:24.666
在左侧进入 Messaging API 的页面

00:09:24.666 --> 00:09:27.033
再去点击中间的绿色按钮

00:09:27.033 --> 00:09:29.433
服务的提供者就选择自己

00:09:29.433 --> 00:09:31.000
点击「同意」

00:09:31.000 --> 00:09:33.566
然后隐私权的政策可以先略过

00:09:33.566 --> 00:09:35.900
再按下「确定」就 OK 了

00:09:35.900 --> 00:09:37.566
而除了打开这个通道之外

00:09:37.566 --> 00:09:40.133
我们还需要取得两个关键的资讯

00:09:40.133 --> 00:09:42.066
一个叫做 Channel Secret

00:09:42.066 --> 00:09:44.566
另一个叫做 Channel Access Token

00:09:44.566 --> 00:09:46.966
它们就像是这条通道的两把钥匙

00:09:46.966 --> 00:09:50.733
用来确保讯息在传递的过程中是安全的

00:09:50.733 --> 00:09:52.566
好，那要取得这两把钥匙

00:09:52.566 --> 00:09:54.933
我们可以点击左下角的连结

00:09:54.933 --> 00:09:57.833
再点进去刚建立的 Line 官方帐号

00:09:57.833 --> 00:09:59.566
接着把页面往下卷

00:09:59.566 --> 00:10:02.266
就能看到第一把钥匙 Channel Secret

00:10:02.266 --> 00:10:04.166
你可以把它复制下来

00:10:04.166 --> 00:10:05.833
然后照着 Claude 的说明

00:10:05.833 --> 00:10:07.833
执行它提供的程式码

00:10:07.833 --> 00:10:11.766
接着再把 Channel Secret 贴到右边的窗格就 OK 了

00:10:11.766 --> 00:10:14.766
再来第二把钥匙是位于隔壁的分页

00:10:14.766 --> 00:10:17.600
切换过来之后我们把页面卷到最底部

00:10:17.600 --> 00:10:20.933
就能看到 Channel Access Token 这一行标题

00:10:20.933 --> 00:10:23.266
然后我们去点击底下的黑色按钮

00:10:23.266 --> 00:10:25.366
就会跑出一组很长的密码

00:10:25.366 --> 00:10:27.366
我们同样把它复制起来

00:10:27.366 --> 00:10:29.500
回到 Claude 执行程式码

00:10:29.500 --> 00:10:34.066
最后再把这一组金钥按下 Ctrl +V 执行贴上就 OK 啰

00:10:34.066 --> 00:10:35.066
好，最后一个步骤

00:10:35.066 --> 00:10:38.033
是要在 Line 设定一个 Webhook 网址

00:10:38.033 --> 00:10:41.700
Webhook 有点像是 AI 语音助理留给 Line 的电话号码

00:10:41.700 --> 00:10:43.233
如果有人加好友了

00:10:43.233 --> 00:10:47.100
Line 就会透过这个网址通知我们的 AI 语音助理

00:10:47.100 --> 00:10:49.933
所以我们就把 Claude 提供的网址做个复制

00:10:49.933 --> 00:10:52.766
回到 Line 网站点击 Webhook 的「编辑」

00:10:52.766 --> 00:10:55.266
来将这个网址执行贴上

00:10:55.266 --> 00:10:57.166
点击 Update (更新)

00:10:57.166 --> 00:10:59.233
接着再按下「验证」

00:10:59.233 --> 00:11:00.866
一切都没有问题的话

00:11:00.866 --> 00:11:03.700
我们就可以把 Webhook 的功能启用

00:11:03.700 --> 00:11:07.200
而由于 Line 机器人预设会回覆一些罐头讯息

00:11:07.200 --> 00:11:08.933
因此我们还必须把页面卷下来

00:11:08.933 --> 00:11:12.500
点击「自动回覆讯息」旁边的编辑按钮

00:11:12.500 --> 00:11:14.533
来把这个功能关闭

00:11:14.533 --> 00:11:16.200
全部都设定完成后

00:11:16.200 --> 00:11:19.766
Claude 会提供这个 App 的网址让我们来进行测试

00:11:19.766 --> 00:11:23.100
于是你可以打开手机的浏览器前往这个网址

00:11:23.100 --> 00:11:26.433
并且在登入页面中输入之前设定好的密码

00:11:26.433 --> 00:11:28.100
那你可以考虑把这个网站

00:11:28.100 --> 00:11:29.733
加入到手机的主页

00:11:29.733 --> 00:11:32.266
让它看起来像是一个真正的 App

00:11:32.266 --> 00:11:34.666
所以我们就选择「加入主画面」

00:11:34.666 --> 00:11:38.166
这样主页就可以看到之前我们设计好的图示

00:11:38.166 --> 00:11:39.266
那只要有其它人

00:11:39.266 --> 00:11:43.200
像是你的家人或亲朋好友加入这个官方帐号的话

00:11:43.200 --> 00:11:46.166
他们的名称就会显示在「联络人」的分页

00:11:46.166 --> 00:11:47.200
有需要的话

00:11:47.200 --> 00:11:49.866
你可以为每个人设定一个昵称

00:11:49.866 --> 00:11:51.000
设定完成后

00:11:51.000 --> 00:11:53.400
我们就可以准备来做个测试

00:11:53.400 --> 00:11:55.966
我按下底部的麦克风按钮

00:11:55.966 --> 00:11:57.800
嗨，Papaya 你好

00:11:57.800 --> 00:12:00.033
有什么我们可以帮忙的吗？

00:12:00.033 --> 00:12:02.700
请提醒我两分钟之后去洗衣服

00:12:02.700 --> 00:12:03.433
好的

00:12:03.433 --> 00:12:06.766
我会在 3 点 54 分提醒你去洗衣服

00:12:06.766 --> 00:12:07.900
这样对吗？

00:12:07.900 --> 00:12:09.900
是的，没错

00:12:09.900 --> 00:12:11.800
OK，于是过了两分钟之后

00:12:11.800 --> 00:12:15.466
我的 Line 就自动跳出「洗衣服」的提醒讯息啰

00:12:15.466 --> 00:12:18.533
好，那我们来测试传一则讯息给其它人

00:12:18.533 --> 00:12:21.766
请提醒小花 10 分钟之后去倒垃圾

00:12:21.766 --> 00:12:22.700
好的

00:12:22.700 --> 00:12:26.166
我会在 4 点 8 分的时候提醒小花去倒垃圾

00:12:26.166 --> 00:12:27.466
这样对吗？

00:12:27.466 --> 00:12:29.200
是的，没问题

00:12:29.200 --> 00:12:32.133
好，已经帮你设定完成啰

00:12:32.133 --> 00:12:34.733
OK，那这样小花在 4 点 8 分的时候

00:12:34.733 --> 00:12:37.866
就会收到我们要提醒她的讯息啰

00:12:37.866 --> 00:12:38.866
好，做到这边

00:12:38.866 --> 00:12:41.566
整个 App 的核心功能已大致完备

00:12:41.566 --> 00:12:43.366
而为了方便日后的维护

00:12:43.366 --> 00:12:46.366
我们可以请 Claude 替自己写一份专案备忘录

00:12:46.366 --> 00:12:50.166
说明这个 App 使用了什么程式架构和相关技术

00:12:50.166 --> 00:12:53.100
之后当我们想要新增功能或修改程式码时

00:12:53.100 --> 00:12:56.566
Claude 就能迅速掌握整个专案的脉络

00:12:56.566 --> 00:12:58.200
而要生成这个备忘录

00:12:58.200 --> 00:13:01.400
我们只要在对话框内输入 /init 指令

00:13:01.400 --> 00:13:03.900
Claude 就会自动扫描整个专案环境

00:13:03.900 --> 00:13:05.600
并且在资料夹内建立一份

00:13:05.600 --> 00:13:08.333
名为 CLAUDE.md 的说明文件

00:13:08.333 --> 00:13:10.800
日后只要我们每开启一个新的对话

00:13:10.800 --> 00:13:12.833
CLAUDE.md 就会自动载入

00:13:12.833 --> 00:13:15.233
作为这个专案的背景知识

00:13:15.233 --> 00:13:16.266
除此之外

00:13:16.266 --> 00:13:19.066
现在也是一个非常适合存档的时间点

00:13:19.066 --> 00:13:21.400
因此我们可以请 Claude 将目前的进度

00:13:21.400 --> 00:13:23.966
进行存档并备份到 GitHub

00:13:23.966 --> 00:13:26.600
或着如果你想要使用较为正式的术语

00:13:26.600 --> 00:13:29.566
你也可以说请你将目前的进度进行提交 (Commit)

00:13:29.566 --> 00:13:31.500
并推送 (Commit) 到 GitHub

00:13:31.500 --> 00:13:33.566
而之后如果我们想要针对这个 App

00:13:33.566 --> 00:13:35.166
做一些功能上的调整

00:13:35.166 --> 00:13:37.300
操作流程也非常简单

00:13:37.300 --> 00:13:40.366
譬如我想要把画面中的麦克风按钮改成蓝色

00:13:40.366 --> 00:13:43.000
并且将尺寸加大 1.5 倍

00:13:43.000 --> 00:13:45.166
于是你可以开启一个新的对话

00:13:45.166 --> 00:13:47.900
并且把你的需求写成一段提示词

00:13:47.900 --> 00:13:49.466
同时我们要提醒 Claude

00:13:49.466 --> 00:13:51.966
修改好后先不要覆盖正式的版本

00:13:51.966 --> 00:13:53.600
而是先做个预览版

00:13:53.600 --> 00:13:56.200
让我们能用手机先做个测试

00:13:56.200 --> 00:13:57.066
过了一会儿

00:13:57.066 --> 00:13:58.833
当 Claude 修改完成后

00:13:58.833 --> 00:14:01.866
我们就可以用手机打开它提供的预览连结

00:14:01.866 --> 00:14:04.766
来确认按钮的外观是否符合预期

00:14:04.766 --> 00:14:06.733
看过后觉得没有问题的话

00:14:06.733 --> 00:14:10.300
我们就可以请 Claude 将改好的内容部署到正式的网址

00:14:10.300 --> 00:14:14.533
并且做提交和推送到 GitHub 来完成此次的更新

00:14:14.533 --> 00:14:17.700
而如果你在修改 App 的功能或调整介面时

00:14:17.700 --> 00:14:20.433
发现效果不如预期也不用担心

00:14:20.433 --> 00:14:23.033
你只要请 Claude 列出所有的存档记录

00:14:23.033 --> 00:14:26.300
并且从清单中找出想要返回的历史版本

00:14:26.300 --> 00:14:28.133
例如我想要将麦克风的按钮

00:14:28.133 --> 00:14:31.033
变回到原本小尺寸的黑色外观

00:14:31.033 --> 00:14:34.333
于是我在提示词内特别标明该笔存档的编号

00:14:34.333 --> 00:14:36.533
请 Claude 协助还原

00:14:36.533 --> 00:14:38.900
同时还原时我们还要做一个决定

00:14:38.900 --> 00:14:41.733
就是要「舍弃」该存档点之后的所有修改

00:14:41.733 --> 00:14:43.800
还是要「保留」后续的所有纪录

00:14:43.800 --> 00:14:46.966
以新增一笔提交的方式覆盖回去

00:14:46.966 --> 00:14:49.433
决定好后我们就将提示词送出

00:14:49.433 --> 00:14:53.300
于是麦克风就立即变回原来蓝色放大前的样子

00:14:53.300 --> 00:14:56.733
而且当我们再次请 Claude 列出所有的存档点时

00:14:56.733 --> 00:15:00.700
原来的旧存档也都有完整保留下来喔

00:15:00.700 --> 00:15:02.266
OK，最后我们来聊一下

00:15:02.266 --> 00:15:04.733
如果想要替这个 App 开发新功能的话

00:15:04.733 --> 00:15:07.600
要采用什么样的流程会比较理想

00:15:07.600 --> 00:15:08.600
举例来说

00:15:08.600 --> 00:15:11.133
假设我希望可以用口说的方式

00:15:11.133 --> 00:15:12.966
请 AI 帮忙制作一张贺卡

00:15:12.966 --> 00:15:15.966
并且在指定时间传送给亲朋好友

00:15:15.966 --> 00:15:18.400
而由于在开发过程中我们无法确定

00:15:18.400 --> 00:15:21.633
新功能做出来的效果是否能符合预期

00:15:21.633 --> 00:15:23.266
因此最安全的作法

00:15:23.266 --> 00:15:25.566
是请 Claude 从现有的正式版中

00:15:25.566 --> 00:15:28.800
另外建立一个独立的分支来进行实作

00:15:28.800 --> 00:15:31.266
如果做好的新功能结果令人满意

00:15:31.266 --> 00:15:33.266
我们就把分支合并回主线

00:15:33.266 --> 00:15:35.433
让它变成正式的版本

00:15:35.433 --> 00:15:37.366
而如果测试后觉得不合适

00:15:37.366 --> 00:15:39.600
我们也可以直接将分支删除

00:15:39.600 --> 00:15:42.666
完全不会影响原本正常运作的 App

00:15:42.666 --> 00:15:45.033
好，那我们就同样写一段提示词

00:15:45.033 --> 00:15:47.533
说明想要新增的功能与需求

00:15:47.533 --> 00:15:50.800
并且请 Claude 开一个新分支来进行实作

00:15:50.800 --> 00:15:51.833
同时我们也可以指定

00:15:51.833 --> 00:15:54.100
想要使用的图片生成模型

00:15:54.100 --> 00:15:56.766
例如 Google 自家的 Nano Banana 2

00:15:56.766 --> 00:15:59.666
最后按下 Enter 键将提示词送出

00:15:59.666 --> 00:16:02.000
那 Claude 此时会跳出一则讯息

00:16:02.000 --> 00:16:05.100
提醒我们 Nano Banana 2 并没有提供免费的额度

00:16:05.100 --> 00:16:07.333
询问我们想要如何处理

00:16:07.333 --> 00:16:11.400
而这边我就选择使用现有的金钥来绑定帐单

00:16:11.400 --> 00:16:13.400
而在 Claude 执行任务的期间

00:16:13.400 --> 00:16:16.866
我们可以回到先前申请 Gemini 金钥的网站

00:16:16.866 --> 00:16:18.466
点击「设定帐单」

00:16:18.466 --> 00:16:20.800
接着再输入信用卡的资料

00:16:20.800 --> 00:16:22.300
至于储值的金额

00:16:22.300 --> 00:16:25.333
我就选择最低的台币 150 元

00:16:25.333 --> 00:16:26.700
点击「继续」

00:16:26.700 --> 00:16:28.633
再按下「完成」

00:16:28.633 --> 00:16:30.733
那生成图片的功能制作好后

00:16:30.733 --> 00:16:33.433
我们就可以用手机来做个测试

00:16:33.433 --> 00:16:35.200
请帮我生成一张早安图

00:16:35.200 --> 00:16:37.366
在三分钟之后传到我的 Line

00:16:37.366 --> 00:16:39.200
图片的背景是荷花

00:16:39.200 --> 00:16:41.733
前面写着平安喜乐四个字

00:16:41.733 --> 00:16:42.533
好的

00:16:42.533 --> 00:16:45.700
我现在准备来生成图片

00:16:45.700 --> 00:16:47.000
图片生成好了

00:16:47.000 --> 00:16:49.166
有需要修改的地方吗？

00:16:49.166 --> 00:16:49.733
这样 OK

00:16:49.733 --> 00:16:51.666
请帮我送出吧

00:16:51.666 --> 00:16:53.033
于是三分钟之后

00:16:53.033 --> 00:16:56.133
我的 Line 就收到了刚生成的早安图

00:16:56.133 --> 00:16:59.766
那我们接着来测试传送贺卡给其它人

00:16:59.766 --> 00:17:01.766
请帮我生成一张中秋节的贺卡

00:17:01.766 --> 00:17:04.666
在 9 月 25 号的早上 8 点传给小花

00:17:04.666 --> 00:17:06.833
并祝她中秋节快乐

00:17:06.833 --> 00:17:08.433
贺卡制作好啰

00:17:08.433 --> 00:17:10.966
有没有什么需要修改的地方呢？

00:17:10.966 --> 00:17:11.566
这样很好

00:17:11.566 --> 00:17:13.033
请帮我送出吧

00:17:13.033 --> 00:17:13.866
好的

00:17:13.866 --> 00:17:16.233
已帮你排定在中秋节当天

00:17:16.233 --> 00:17:20.400
早上 8 点传送这张贺卡给小花啰

00:17:20.400 --> 00:17:23.166
OK，确认新功能运作一切正常之后

00:17:23.166 --> 00:17:25.966
我们就可以请 Claude 帮我们做一次提交

00:17:25.966 --> 00:17:28.633
而如果此时我们列出所有的提交记录

00:17:28.633 --> 00:17:30.000
就可以看到这笔提交

00:17:30.000 --> 00:17:32.900
是独立记录在新建立的分支上

00:17:32.900 --> 00:17:35.900
如果你决定要正式发布这项新功能

00:17:35.900 --> 00:17:39.400
你可以请 Claude 将这项变更部署到正式的网址

00:17:39.400 --> 00:17:41.233
并且将分支合并回主线

00:17:41.233 --> 00:17:42.700
推送到 GitHub

00:17:42.700 --> 00:17:45.900
最后再把这一个分支删除掉就 OK 啰

00:17:45.900 --> 00:17:48.400
好，那今天关于 App 开发的流程介绍

00:17:48.400 --> 00:17:49.733
我们就聊到这边

00:17:49.733 --> 00:17:51.266
我们下回再见

00:17:51.266 --> 00:17:52.433
拜拜