呜啦!日常碎碎念,偶尔掉落优质前端博文推荐、学习资源等
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
联系频道主:@cosine_yu
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
联系频道主:@cosine_yu
#优质博文 #前端 #AI #Coding #编程技巧 #ClaudeCode
如何在保持“负责任”的前提下,将 AI 编码工具深度集成到日常开发工作流中。
Practical Use Of AI Coding Tools For The Responsible Developer
是个比较贴合大部分正常工程师结合 AI 开发的文章。
[以下是方便搜索索引的大纲 (AI 生成),请读原文]
author Stefan Kaltenegger
如何在保持“负责任”的前提下,将 AI 编码工具深度集成到日常开发工作流中。
Practical Use Of AI Coding Tools For The Responsible Developer
是个比较贴合大部分正常工程师结合 AI 开发的文章。
[以下是方便搜索索引的大纲 (AI 生成),请读原文]
1. 负责任的 AI 开发原则
• 定义责任范围: 负责任的开发者必须确保代码质量,不给同事增加评审负担,并遵守公司的安全与隐私政策。
• 安全与验证: 严禁向 AI 泄露密钥 (Secrets) 或敏感客户数据 (PII);始终将 AI 生成的代码视为“陌生人的代码”,必须经过严格测试。
• 工具准入: 使用前需确保工具已获得公司批准,妥善处理专有代码的合规性。
2. 八大实战场景
• 理解陌生的代码库: 通过 AI 代理快速获取架构概览(入口点、路由、鉴权等),并让 AI 推荐阅读文件的优先级。
• 处理依赖升级的破坏性变更: 在升级 npm 包(如从 plotly.js v2 升至 v3)遇到问题时,利用 AI 快速定位 API 变更并寻找替代方案。
• 跨文件安全复用重构: 在一个文件完成重构后,利用 AI 将相同的重构逻辑安全地推广到其他具有相同模式的文件中。
• 在陌生技术领域实现功能: 借力 AI 在短时间内完成不熟悉领域的任务,例如使用 GLSL 编写复杂的着色器动画。
• 自动化编写测试: 将枯燥的单元测试和集成测试编写工作“外包”给 AI,并要求其涵盖正常路径与边界情况。
• 开发内部分析工具: 利用 AI 快速编写脚本,处理诸如代码重复率分析、数据导出至 Excel 等临时性的辅助任务。
• 现代化改造陈旧代码: 辅助进行重大的架构迁移,例如将十年前的构建流程(如 requireJS)迁移至现代的 Vite 栈。
• 总结与起草: 自动生成 Git 提交信息摘要或起草代码变更说明。
3. 优化建议与最佳实践
• 精细化提示词工程: 提示词越具体,输出质量越高。推荐在 Prompt 结尾增加“开始前你有什么问题要问我吗?”,让 AI 补充缺失的上下文。
• 结合版本控制: 采用小步快跑的提交方式,以便在 AI 生成错误代码或过度修改时能快速回滚。
• 坚持彻底的代码评审: AI 可能会产生幻觉 (Hallucination) 或生成“代码垃圾 (Slop)”。开发者必须逐行审查 AI 输出,保持最后一道质量关卡。
4. 行业反思与挑战
• 警惕技能萎缩: 担心新人开发者过度依赖 AI 而跳过了“解决问题的磨砺过程”,导致基础能力不足。
• AI 非万能钥匙: 卓越的开发能力和解决问题的核心素质永远不会过时,AI 应定位为辅助开发者进行高层级思考的盟友。
author Stefan Kaltenegger
#AI #ClaudeCode #开发工具 #编程技巧 #LLM
10. Learning with Claude: Tips for Claude Code:Claude Code 的开发者 Boris Cherny 分享了其使用 Anthropic 最新推出的 Claude Code 命令行工具的进阶技巧,涵盖自动化、调试、学习模式及多代理协作。
[以下是方便搜索索引的大纲 (AI 生成),请读原文]
author Boris Cherny
10. Learning with Claude: Tips for Claude Code:Claude Code 的开发者 Boris Cherny 分享了其使用 Anthropic 最新推出的 Claude Code 命令行工具的进阶技巧,涵盖自动化、调试、学习模式及多代理协作。
[以下是方便搜索索引的大纲 (AI 生成),请读原文]
1. 自动化与技能扩展(Skills & Automation)
• 建议将每日重复操作转化为自定义技能(Skills),并提交至 Git 仓库供跨项目复用。
• 创建 /techdebt 指令,在每个会话结束时运行,用于发现并消除重复代码。
2. 高效调试与流程集成(Debugging & CI/CD)
• 启用 Slack MCP,直接将 Slack 中的 Bug 讨论贴入 Claude 进行修复,减少上下文切换(Context switching)。
• 授权 Claude 自动修复失败的 CI 测试,或通过分析 Docker 日志定位问题,无需微观管理。
3. 提示词工程与代码评审(Prompting & Code Review)
• 让 Claude 扮演评审者,通过“对我提交的代码进行质询,直到通过测试再创建 PR”等提示词提升质量。
• 要求 Claude 对比主分支和功能分支的行为差异,证明代码的有效性。
4. 环境配置与工具优化(Environment & Setup)
• 推荐使用 Ghostty 终端以获得更好的同步渲染和 24 位色彩支持。
• 使用 /statusline 自定义状态栏,实时显示上下文使用情况(Context usage)和当前 Git 分支。
5. 复杂任务与数据分析(Subagents & Analytics)
• 在请求中加入 “use subagents” 指令,让 Claude 投入更多算力(Compute)处理复杂问题,并保持主代理上下文整洁。
• 通过编写技能调用 BigQuery (bq) 等命令行工具,直接在 Claude Code 中进行实时数据指标分析。
6. 深度学习与知识内化(Learning & Understanding)
• 在 /config 中开启“解释模式”(Explanatory/Learning output style),让 Claude 解释代码变更背后的原因(Why)。
• 利用 Claude 生成视觉化的 HTML 演示文稿(Slides)或 ASCII 图表,辅助理解陌生的代码库或协议。
• 构建间隔重复(Spaced-repetition)学习技能,通过问答形式填补知识盲区。
author Boris Cherny