Cygames对Web工程师的定位
Web工程师负责开发在浏览器上运行的网站、网页游戏，以及手机游戏和主机游戏中基于浏览器的页面。例如，即使拥有顶级的角色、剧情、插画、设计和企划，若用户实际接触的画面性能不佳，也无法称为 “最佳内容”。Web工程师的职责是设计并开发快速、易用、易访问的 Web 内容，确保优质的用户体验。本次将基于对Cygames管理层的采访，为您解读Web工程师的工作。
注：Cygames把开发Web内容的工程师叫做前端工程师（Frontend Engineer），制作游戏内逻辑、UI、画面等等的工程师叫做客户端（Client Side）。国内一般把这两者统称前端或客户端。本文根据国内习惯，把原文中的前端工程师翻译成了Web工程师。
如何让用户享受最佳内容？—— 为用户带来舒适体验的Web工程师
“Frontend” 指的是用户直接接触的界面（front），即用户能直接操作或看到的画面，而负责构建这些界面并使其可用的工程师被称为 “Web工程师”。
Cygames 的Web工程师主要负责《碧蓝幻想》（以下简称 “碧蓝”）、《影之诗》、《赛马娘 Pretty Derby》（以下简称 “赛马娘”）等游戏的公告页面等用户实际接触的 Web 界面开发。
例如，游戏中强化武器时，大致会进行以下处理：
① 操作 “武器与强化素材的选择界面”
② 将强化的武器和素材数据发送至服务器
③ 服务器返回强化结果数据
④ 在结果页面显示强化后的武器
其中，①和④的开发与运营由Web工程师负责，而构建服务器以实现②和③处理的是后端工程师。
此外，游戏相关的 Web 制作和咨询页面需要与 “设计制作室” 协作完成。
显然，Web工程师无法单独完成 Web 内容的制作。他们需要使用设计师、插画师、策划等人员制作的素材，与后端工程师、测试工程师、运维工程师协作，最终制作出用户实际接触和看到的部分。Web工程师将 “让用户舒适地享受内容” 作为首要目标，确保 Web 内容的响应速度、性能和操作体验。
Web工程师的主要工作内容
目前，Cygames 共有 30 余名Web工程师，大致分为以下 4 个团队：
开发使用的语言包括 HTML、CSS、JavaScript，框架采用 Vue、React 等基础技术。但由于业务场景不同，有时需要在不同环境中开发，因此除了基础技术外，还需要具备广泛的知识。
■ 游戏团队
隶属于《碧蓝幻想》项目，负责网页游戏的开发与运营。主要与策划、UI 设计师、动画设计师密切沟通，推进游戏前端的设计与开发。
■ Web 服务团队
隶属于《Cygames Comic》项目，负责 Web 服务的开发与运营。接受 Web 总监和 Web 设计师的需求，承担网站的开发与更新等工作。
▲ 制作案例：《Cygames Comic》2022 夏季祭
■ 内部应用团队
不仅开发面向用户的内容，还负责开发 Cygames 员工使用的后台 Web 服务与应用。经常从人事、劳务等部门收到 “希望实现某功能” 的初步需求，并参与企划与提案。
▲ 制作案例：内部应用
■ 前端任务团队
不隶属于特定项目，负责跨领域承接所有与 Cygames 内容相关的网站开发，以及游戏公告页面的 WebView 制作等。由于经常协作处理各项目的需求，业务范围广泛，所需技术也多种多样。
▲ 制作案例：《小小诺亚 乐园的继承者》、“Shadowverse EVOLVE Supporter”、“公主连结住民诊断”
Web工程师的业务流程
接下来介绍Web工程师的业务流程。以前端任务团队承接的网站制作为例，虽然实际业务并非完全按此流程单向推进，而是需要反复进行细节反馈和提案，但大致流程如下：
1. 基于公开与运营需求的技术选型
收到各项目或设计制作室的 Web 总监、Web 设计师的需求后，选择用于构建和运营网站的框架、库和系统。在充分听取画面规格和最终效果需求的基础上，结合日程安排，评估可实现的范围。
2. 设计、开发与实现
使用选定的技术进行设计、开发和实现，使设计在 Web 上实际运行。构建时始终从用户角度出发，关注响应是否舒适，同时考虑性能。
3. 系统调试（调试与修正）
开发的网站在公开前需经过测试工程师的检查，模拟多种用户环境，检查网站运行是否存在问题，并对提出的修正点进行细致优化。
4. 优化与完善
在与正式环境相同的测试环境中，相关人员共同进行最终检查，确认内容是否存在缺陷。即使没有问题，测试工程师也可能提出其他建议，进一步优化完善。
完成以上流程且无问题后，即可发布。发布时需关注网站是否正常运行。
Web工程师可能被认为只需按需求执行任务，但实际上在需求提出前的沟通阶段，就有很多机会提出 “还可以这样做” 的建议。
网站通常配合活动等发布，发布日期不可更改。由于Web工程师负责最后阶段的工作，因此日程管理能力和评估可行性的能力必不可少。为了在公开日前满足前端的需求，需要提出 “可以做到这一步”“若想实现此功能，需在某日之前提供某素材” 等建议，因此需要具备前瞻性的进度管理能力。
Web工程师所需的技能与心态
■ 成为善于倾听的人
要在既定日程内开发出超出项目和部门要求质量的内容，在需求沟通阶段准确把握需求方的最终构想至关重要。例如，从 “希望网页插画这样动” 的需求中，明确 “为什么想要这样的视觉效果”“希望用户产生怎样的感受” 等制作目的和需求方的意图，是顺利开发的关键。
■ 具备主人翁意识
“关注自己负责内容之外的部分” 也很重要。由于这是将构想转化为实际成果的工作，在开发过程中难免会出现认知偏差。对于不明确或担忧的点，要主动与周边人员沟通，建立良好的合作关系，思考 “如果是自己会怎么做” 并提出建议，这是打造 “最佳内容” 的关键。
■ 不忘专业意识
由于制作的是用户直接看到的部分，因此需要具备责任感和将成果推向市场的 “专业意识”。此外，在通信基础设施完善、智能手机和 PC 浏览器操作 “快速是理所当然” 的时代，前端领域技术更新日新月异。不满足于现有技能，不断探索最新技术并灵活应对的 “自我提升” 能力，才是专业Web工程师的标志。
Web工程师的工作价值是什么？
当配合重大发布上线自己参与制作的网站，并通过 SNS 等渠道收到用户的积极反馈时，会由衷感受到工作的价值和喜悦。Cygames 制作了《碧蓝幻想》《赛马娘》等广为人知的内容，接触的用户越多，成就感就越大。
令人印象深刻的成就感案例是《碧蓝幻想》的发布。2014 年 3 月《碧蓝幻想》发布时，iPhone 最新机型是 5c 和 5s（第 7 代），Android 系统最新版本为 4.4。如今的智能手机性能强大，几乎可以流畅运行任何游戏，但当时无法实现如今丰富的战斗系统。
此外，《碧蓝幻想》的 UI 设计，如 “菱形按钮”“特色 header”“任务选择画面的岛屿全景 UI”“战斗画面 UI” 等，超越了当时的 Web 常规，至今仍记得为如何实现这些设计而苦恼的情景。从轻量化和图形负载对策开始，反复尝试如何兼顾视觉质量和舒适性，逐渐让玩家能够舒适地游玩。
Web工程师的职业发展
目前，Cygames 的Web工程师大多通过社会招聘加入，在从事 Web 制作 3 年以上后入职。虽然不使用游戏行业特有的技术，但人员构成中约 40% 来自游戏行业，约 60% 来自其他行业。
这份工作需要跟上开发技术的进步，因此提前研究并更新知识非常重要。职业发展方面，除了成为管理Web工程师的管理者，还可以朝着精通各种 Web 技术的专家方向发展。此外，若熟悉前端相关技术的周边领域，如后端开发和基础设施构建，也可以作为全栈工程师活跃。或者转向 Web 开发与实现以外的方向，成为 Web 总监。
给立志成为Web工程师的人的建议
Cygames 非常适合希望参与制作能被众多人看到的魅力内容，并能够满足用户高期待的人。公司以 “制作最佳内容的公司” 为愿景，只要是为了实现最佳制作，就会倾听并探讨个人提案，是一个沟通顺畅的公司。
面试中，通常更关注是否具备主动解决问题的行动力，而非被动接受任务。
工程师提升自身技术的意识固然重要，但也需要思考 “为什么要提升技术”。在 Cygames 的Web工程师中，“为了让用户获得更好的体验” 的用户视角最为重要。不要颠倒目的与手段，为了实现目标而提升技术、拓展视野，享受 “作为工程师的成长”。