Mở rộng phạm vi kèo bóng đá ngày mai front-end ── Cơ sở hạ tầng công nghệ hỗ trợ “fandom dày đặc và sâu sắc” cũng như thực hành sử dụng AI

── Vui lòng cho chúng tôi biết lý lịch kỹ sư của bạn

Nakagawa: Gia nhập CyberAgent vào năm 2021 với tư cách là sinh viên mới tốt nghiệp,Tôi phụ trách kèo bóng đá ngày mai chức năng tổng thể của mặt trận web và xây dựng môi trường kèo bóng đá ngày mai liên tục, đồng thời hiện đang mở rộng trách nhiệm của mình đối với các lĩnh vực máy chủ và cơ sở hạ tầng

Hayashi: Gia nhập công ty vào năm 2023 và là thành viên của bộ phận FANBASE kể từ khi tốt nghiệp Tôi chọn bộ phận FANBASE làm nơi công tác vì tôi muốn hợp tác chặt chẽ với các nhà sản xuất, quản lý cộng đồng, giám đốc sáng tạo và các chuyên gia khác, những người kết nối người hâm mộ và nghệ sĩ Hiện tại, tôi đã đảm nhận vai trò trưởng nhóm Web từ ông Nakagawa và đang nỗ lực cải thiện hiệu quả và năng suất kèo bóng đá ngày mai sản phẩm thông qua việc sử dụng AI

── Vui lòng cho chúng tôi biết về đặc điểm kinh doanh và sáng kiến kỹ thuật của bộ phận FANBASE

Nakagawa: Bộ phận FANBASE vận hành ``FANBASE'', một nền tảng tổng hợp nhu cầu riêng của cộng đồng người hâm mộ của nhiều nghệ sĩ, thần tượng và tài năng khác nhau và hiện thực hóa chúng

Ngoài việc có được lượng người hâm mộ rộng rãi, chúng tôi còn chú trọng xây dựng một "fandom dày đặc và sâu sắc" có thiện cảm sâu sắc với các nghệ sĩ, đồng thời chúng tôi kèo bóng đá ngày mai các dịch vụ tận dụng thế giới quan và đặc điểm của mỗi nghệ sĩ

── Mặc dù “FANBASE” có nền tảng chung nhưng mỗi trang nghệ sĩ lại có những đặc điểm khác nhau Bạn đang nỗ lực như thế nào ở mặt trước để duy trì khả năng mở rộng trong khi vẫn đảm bảo chất lượng?

Hayashi: Thứ nhất, thế giới quan và hình ảnh thương hiệu mà mỗi nghệ sĩ yêu cầu về cơ bản là khác nhau Ví dụ, một nghệ sĩ có thể muốn thể hiện một cái nhìn mạnh mẽ và đầy nhiệt huyết về thế giới, trong khi một nghệ sĩ khác có thể muốn nhấn mạnh sự ấm áp và thân thiện; bầu không khí họ muốn thể hiện với cùng một thành phần giao diện người dùng có thể hoàn toàn khác nhau

Vì vậy, chúng tôi đã áp dụng một hệ màu độc đáo Bằng cách xác định các màu phù hợp với đặc điểm của từng dịch vụ ở cùng một định dạng, một màu khác sẽ tự động được gán cho từng dịch vụ khi cùng một khóa được tham chiếu trong một mã nguồn Nhờ cơ chế này, các thành phần có thể được chuẩn hóa mà không cần phải tạo các thành phần riêng biệt cho từng dịch vụ Điều này tạo ra một cấu trúc đồng thời đảm bảo khả năng tiếp cận và chất lượng thiết kế

Nakagawa: Cũng cần tính đến sự khác biệt ở cấp độ nội dung Ngay cả trên cùng một "trang đầu", một số nghệ sĩ muốn tập trung vào sự tương tác giữa người hâm mộ và đặt chức năng cộng đồng làm trung tâm, trong khi các nghệ sĩ khác lại muốn tập trung vào việc phổ biến những thông tin mới nhất và muốn chức năng tin tức là tính năng chính Trong các thiết kế thông thường, có một vấn đề là số lượng nhánh có điều kiện trong chương trình tăng lên để đáp ứng các yêu cầu này, khiến việc xử lý trở nên phức tạp

Để giải quyết vấn đề này, chúng tôi tập trung vào một thiết kế không sử dụng quá nhiều phân nhánh có điều kiện và sử dụng các giao diện để phân tách các trạng thái Ngoài ra, chúng tôi đã thực hiện nhiều biện pháp khác nhau, chẳng hạn như giới hạn việc sử dụng các biến môi trường ở số lượng tối thiểu xác định trạng thái và hợp nhất tất cả các trạng thái cho từng dịch vụ vào hệ thống loại TypeScript

Bằng cách thiết kế để đạt được loại "tối ưu hóa" này cho từng dịch vụ, ngay cả trong trường hợp nội dung hiển thị trên cùng một trang về cơ bản là khác nhau, quá trình xử lý không trở nên phức tạp và có thể tiếp tục kèo bóng đá ngày mai bền vững Ngoài ra, ngay cả trong tình huống có nhiều dịch vụ được kèo bóng đá ngày mai hơn, giờ đây vẫn có thể đẩy nhanh tốc độ tăng trưởng kinh doanh mà không làm chậm tốc độ kèo bóng đá ngày mai

── Bạn gặp phải thách thức gì về năng suất kèo bóng đá ngày mai khi vận hành song song nhiều dịch vụ?

Nakagawa: Do quá trình kèo bóng đá ngày mai ngày càng kèo bóng đá ngày mai nên một số vấn đề mới đã phát sinh Ví dụ: khi số lượng thành phần và mô-đun cung cấp chức năng phức tạp tăng lên, việc theo dõi các thay đổi đối với dịch vụ xảy ra trong quá trình kèo bóng đá ngày mai trở nên khó khăn Điều này có thể phù hợp với một dịch vụ nhưng vì nhiều dịch vụ có chủ đề màu sắc, từ ngữ và giao diện người dùng khác nhau nên cần có thời gian để theo dõi các thay đổi theo cách thủ công Để giải quyết vấn đề này, chúng tôi đã thực hiện một số biện pháp như tập trung thử nghiệm và chạy thử nghiệm E2E cho từng Cờ tính năng và chạy VRT (Visual Regression Test) cho từng dịch vụ

Ngoài ra, một thách thức nữa mà chúng tôi gặp phải là mỗi dịch vụ mới đều tăng thời gian thực thi trong CI/CD Ví dụ: trong VRT (Kiểm tra hồi quy trực quan), phải mất tới 30 phút để hoàn thành toàn bộ quá trình Do đó, chúng tôi đã thực hiện tối ưu hóa như chỉ kiểm tra những khác biệt cần thiết được thay đổi bởi yêu cầu kéo và giờ đây nó có thể được thực thi trong khoảng 4 phút, cải thiện đáng kể năng suất kèo bóng đá ngày mai

── Chúng tôi đã biết về những nỗ lực của bạn nhằm tăng năng suất kèo bóng đá ngày mai, nhưng bạn đang nỗ lực như thế nào để cải thiện hiệu quả hoạt động?

Nakagawa: Máy chủ ``FANBASE'' sử dụng nền tảng chung do FanTech kèo bóng đá ngày mai Vì vậy, tất cả các màn hình quản lý đều được xây dựng bằng một mã nguồn duy nhất, được nhiều bộ phận sử dụng Để vận hành điều này một cách trơn tru, chúng tôi sử dụng một cơ chế gọi là Nguồn bên trong Bằng cách kết hợp kiến ​​thức kèo bóng đá ngày mai nguồn mở vào kèo bóng đá ngày mai nội bộ, các bộ phận khác nhau đang đóng góp theo cùng một hướng và ngăn chặn sự tách biệt của tổ chức

Ngoài ra, để hợp lý hóa việc kèo bóng đá ngày mai song song giữa ba bộ phận, chúng tôi đã giới thiệu tính năng kèo bóng đá ngày mai dựa trên đường trục, về cơ bản là tiếp tục hợp nhất thành một nhánh, giúp việc đóng góp và giảm chi phí nhận thức trở nên dễ dàng hơn

── Vui lòng cho chúng tôi biết các mẹo và thủ thuật kèo bóng đá ngày mai dựa trên đường trục trong kèo bóng đá ngày mai cơ sở hạ tầng

Nakagawa: Điều đáng mừng là chúng tôi đã sử dụng Cờ tính năng Chúng tôi quản lý các Cờ tính năng trừu tượng để mỗi bộ phận có thể tự do tùy chỉnh các chức năng mà họ muốn kích hoạt Bằng cách thiết kế sản phẩm để cho phép tùy chỉnh chi tiết, chẳng hạn như hiển thị một tính năng trong môi trường kèo bóng đá ngày mai nhưng không phát hành nó trong môi trường sản xuất, chúng tôi có thể đáp ứng các tốc độ kèo bóng đá ngày mai khác nhau của nhiều bộ phận

Hệ thống Cờ tính năng được kèo bóng đá ngày mai nội bộ và cũng được thiết kế để quản lý bằng TypeScript Nếu cài đặt không chính xác, quá trình biên dịch sẽ không thành công và bằng cách tạo ra một hệ thống mạnh mẽ ngăn chặn việc nhập dữ liệu không chính xác, chúng tôi có thể duy trì sự an toàn ngay cả trong các hoạt động quy mô lớn

Hayashi: Nó cũng được sử dụng cho các chức năng của người dùng và tệp Cờ tính năng được sắp xếp cho từng dịch vụ nên có thể đáp ứng linh hoạt các nhu cầu chi tiết của từng dịch vụ, chẳng hạn như ``Tôi muốn phát hành tính năng này trong dịch vụ này, nhưng tôi không muốn giới thiệu nó trong dịch vụ khác'' mà không tạo ra nợ kỹ thuật sẽ dẫn đến chi phí sửa đổi trong tương lai

Nakagawa: Ý tưởng khác,để đặt ra thời hạn cho các nhận xét TODO trong mã nguồn và khi quá thời hạn đó sẽ có thông báo được gửi Chúng tôi đang tập trung vào các cách để cải thiện chất lượng của hệ thống kèo bóng đá ngày mai từ nhiều góc độ khác nhau để không bỏ sót nhiệm vụ nào ngay cả khi bối cảnh của nhiều bộ phận bị trộn lẫn

── Cho đến nay, chúng tôi đã hỏi về việc cải thiện năng suất kèo bóng đá ngày mai, nhưng bạn nghĩ gì về việc sử dụng AI, vốn đang thu hút sự chú ý gần đây?

Hayashi: Chúng tôi đang tích cực nỗ lực cải thiện năng suất thông qua việc sử dụng AI và đặc biệt là chúng tôi đang tiến hành nhiều hoạt động xác minh khác nhau để cải thiện hiệu quả thu thập dữ liệu Ví dụ: trực quan hóa và phân tích dữ liệu Google Analytics

Cho đến nay, chúng tôi đã yêu cầu nhóm dữ liệu tạo một báo cáo, nhưng ngay cả khi cần phân tích điểm, chúng tôi vẫn phải sắp xếp các chi tiết như ``Tôi muốn loại dữ liệu này'' và ``Tôi cần nó để làm gì?'' rồi đưa ra yêu cầu cho nhóm dữ liệu

Hiện tại, chúng tôi sử dụng Slack làm giao diện để kèo bóng đá ngày mai ứng dụng AI có thể thu thập dữ liệu Google Analytics bằng ngôn ngữ tự nhiên và cung cấp dữ liệu đó cho toàn bộ tổ chức bất kể loại công việc

Điều này làm giảm đường dẫn liên lạc và đẩy nhanh quá trình kèo bóng đá ngày mai chung trong quá trình ra quyết định Ví dụ: doanh nhân có thể đặt câu hỏi và lấy dữ liệu trên Slack bất cứ khi nào họ cần mà không phải trả phí tạo báo cáo, điều này khiến nó trở thành một cơ chế cực kỳ có giá trị để cải thiện năng suất

── Giờ đây, AI tổng quát đã thâm nhập vào quá trình kèo bóng đá ngày mai sản phẩm, bạn nghĩ FANBASE sẽ tìm kiếm loại kỹ sư nào?

Nakagawa: Bạn là người có thể giải quyết các vấn đề ở nhiều loại công việc và liên kết Tôi nghĩ rằng thời đại sử dụng AI và đặc điểm tổ chức của bộ phận FANBASE, vốn là một số ít nhân viên ưu tú, rất tương thích với nhau Nói về bộ phận FANBASE, chúng tôi sẽ rất vui nếu mọi người không chỉ quan tâm đến công nghệ mà còn quan tâm đến việc tạo ra một hệ thống giúp mối quan hệ giữa nghệ sĩ và người hâm mộ trở nên sâu sắc hơn Về mặt công nghệ, tôi cảm thấy rằng những người có thể thách thức không chỉ web front-end mà còn cả các lĩnh vực khác như đám mây đều đáng tin cậy vì họ có khả năng tác động và thúc đẩy hoạt động kinh doanh

Nếu bạn không ngại công nghệ mới và có thái độ luôn học hỏi, tôi nghĩ chúng ta có thể tạo ra những trải nghiệm mới để kết nối nghệ sĩ và người hâm mộ với nhau

Hayashi: Tôi muốn làm việc với những kỹ sư có thể đáp ứng linh hoạt mà không bám vào một công nghệ duy nhất và những người muốn mở rộng tầm nhìn và thăng tiến trong sự nghiệp Tôi sẽ rất vui nếu chúng ta có thể cùng nhau tạo ra tương lai của ngành giải trí