【标签】 学习工作
【标题】 学习工作赛道 + Nocturne(夜曲)——把外语学习藏进恋爱剧情里的沉浸式语言学习应用
【正文】 至少包含以下 4 个部分，可以增加额外的部分（比如自我介绍、经验总结、踩坑复盘等）
0. 先和大家打个招呼吧 
-
我是一名在校大二学生
-
说实话我不是学编程的,一开始对着 TRAE 也发怵,总觉得得懂代码才能指挥它。后来发现完全不是——我把它当成一个手很快但需要我拿主意的搭档,我负责想清楚”要什么”,它负责”怎么做出来”。
我最大的心得是:别一口气把想法全倒给它。我一开始试过把整个 Demo 描述一大段甩过去,结果它做出来的东西又乱又不是我想要的。后来我改成一步一步讲——先只让它搭个空架子和定个视觉风格,做出来我看一眼、觉得对,再讲下一步”现在往这个框里放剧情对话”,再下一步”给这些外语词加上点一下能查意思的功能”。像搭积木一样,一块一块来,每块我都能看懂、能确认,反而又快又准。
让我觉得”原来这么简单”的一刻,是做点词查义那步。我原本以为”点一个韩文词、弹出它的意思”这种功能一定很难,是那种得懂很多技术才能做的东西。结果我就用大白话跟它说”我想点剧情里任何一个韩文词,旁边就冒出来它的发音和中文意思,还能收藏进生词本”,它真就做出来了。那一下我突然意识到,原来隔在我和”做出一个产品”之间的,从来不是技术,是我能不能把想法讲清楚。
它帮我跨过的最大的坎,其实是”开始”这件事本身。以前我脑子里有很多想法,但一想到要写代码就卡死在第一步,永远停在”想想而已”。TRAE 让我第一次体会到:我可以不写一行代码,却真的把脑子里的东西变成一个能点、能玩、能给别人看的东西。对一个没有技术背景的人来说,这种”我也能做出来”的感觉,比任何一个具体功能都珍贵。
-
1. Demo 简介
-
是什么:一个视觉小说式的沉浸式语言学习网页应用(本次提交为可交互 HTML 演示版;完整版为已部署在 VPS 上、由 AI 实时生成剧情的全栈 PWA)。
-
面向谁:韩流/日系文化爱好者中的语言学习者——有留学、追星、旅行需求,想学韩语/日语/英语,却在”枯燥的背单词 App”和”快乐但学不到东西的追剧”之间反复横跳的年轻人。
-
主要功能:
• 剧情即教材:互动剧情中角色以目标语言对话,旁白外语+中文对照默认折叠,“想知道他说了什么”成为阅读外语的动力;
• 点词即查 + 生词本:剧情里任意外语词点击即弹释义,一键收入生词本,随剧情自然积累词汇;
• 翻译自测:每句外语可先写下自己的理解再对照批改,输出闭环嵌在剧情节奏里,完整版按语法/词汇/漏译分类反馈。
2. Demo 创作思路
-
灵感来源：灵感来源:我自己同时在学英语、韩语、日语,发现记得最牢的表达全是从喜欢的偶像访谈和影视剧里”顺”来的——情感投入是最强的记忆锚点。于是想:为什么不让剧情本身就是词典和练习册?
-
想解决的问题：传统背单词枯燥难坚持、缺真实语境、学了不会用;外语影视剧虽沉浸,但生词查了就忘、没有练习闭环、不能互动。用户被迫在”有用但痛苦”和”快乐但无效”之间二选一。
-
为什么做这个方向：我判断”动机”才是语言学习最稀缺的资源,工具类产品卷效率,我选择卷动机——让用户为了剧情主动完成输入和输出。取舍上,我坚持”学习优先但剧情必须足够好看”:翻译自测做成自选而非强制关卡,学习摩擦分级(看对照→点词→开口复述→完整自测),用户自己选择投入深度。完整版还验证了更大的方向:剧情引擎与内容包分离,用户可上传自定义角色包生成专属学习剧情,未来由社区共创内容。
3. Demo 体验地址（三选一）
nocturne-demo.zip (10.0 KB)
4. TRAE 实践过程
3563997278243867:050be1956c38de414ccd7bfdd8c7bd94_6a4e1f293420128d20857f74.6a4e1f293420128d20857f77.6a4e1f293420128d20857f75:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/8 17:58:01)
3563997278243867:b064653f5af03e199d55a37aeffd918d_6a4e1f293420128d20857f74.6a4e1fce3420128d20857fb1.6a4e1fce3420128d20857faf:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/8 18:00:46)
3563997278243867:1c92009c66b5c9ff28374e7f40693ec4_6a4e1f293420128d20857f74.6a4e21583420128d20857fc8.6a4e21583420128d20857fc6:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/8 18:07:20)
5. 对应的报名审核通过的帖子链接