为了让日语片假名外来语读起来更丝滑，我做了一款 Chrome 插件 —— YomiMark

对一个还在学习日语阶段的技术开发者来说，看日本的技术网页最痛苦的时刻莫过于：

• 满屏汉字（Kanji），认识意思却不知道怎么念；
• 满屏外来语（片假名 Katakana），每个假名都认识，拼在一起却不知道是什么意思——「コンテキスト」明明是英语 Context，却要反应半天。

例如：

市面上注音插件不少，但我找了一圈，没发现能给片假名外来语做标注的。

于是，我决定自己开发一款，命名为 YomiMark。

它的使命很简单：只在你需要时，给你最精准的帮助。

插件使用效果：

开发的初衷：为什么是 YomiMark

在开发过程中，我保持三个核心原则。

一、极简主义：划词注音，拒绝干扰

我不希望插件破坏网页原本的美感。YomiMark 采用了"划词触发"的逻辑——只有当你选中一段文字并点击紫色的小按钮时，注音才会优雅地出现在汉字上方。这种交互方式鼓励"先读再查"，对日语学习者的记忆更有帮助。

二、不止是汉字：更是外来语的"救星"

这是 YomiMark 的一个亮点。我不仅处理汉字注音，还内置了外来语词典。当你选中诸如「イノベーション」这类词汇时，它不只是标注假名，而是直接告诉你它的英文原词（Innovation）。对在技术文档里"冲浪"的初学者来说，这简直是神器。

三、隐私与速度：纯离线运行

我不相信所有东西都要"上云"。YomiMark 把形态素解析器（kuromoji.js）和完整的词典包直接封装进了插件里。这意味着你选中的内容永远不会发送到后端服务器。不仅保护了个人的阅读隐私，也保证了"指哪打哪"的瞬时响应，无需因网络延迟而等待。

功能一览

• 智能分词：基于成熟的解词引擎，精准识别词汇边界。
• 原生渲染：采用 HTML 标准的 <ruby> 标签实现，视觉效果就像教科书般自然，完美适配各种字体风格。
• 深色模式：插件 Popup 设计了极其简洁、高级的深色主题，审美始终在线。
• 高度定制：觉得默认颜色不够醒目？你可以在设置里自由调整汉字和外来语注音的颜色。

使用场景：谁需要 YomiMark

• 职场 IT 员工：翻阅日本公司官网或技术文档时，快速掌握专业词汇的读音。
• 新闻爱好者：读 NHK News 或 Yahoo Japan 时，不再被复杂的地名和政治词汇挡住脚步。
• 日语备考者：通过真实网页阅读训练语感，随划随读。

如何开始

目前 YomiMark 处于快速迭代的 V1 阶段。你可以在 Chrome 网上应用店 查看详情、下载体验。

1. 选中文本：像平常复制文字一样选中你想看的日语。
2. 点击"読"按钮：文字上方会出现一个精致的小按钮。
3. 瞬间解锁：注音即刻呈现。
4. 个性化设置：自由调整注音文字的颜色。

写在最后

YomiMark 的诞生，源于我作为一个开发者在学习日语时的痛点——让阅读片假名外来语更从容一些。

希望这款小小的插件，能成为你通往日语进阶之路上的一块"踏脚石"。如果你也觉得它有用，欢迎分享给身边同样在奋斗的小伙伴。

Developed with care by Toshiki.Tech