[뉴스클리핑]사내 최초 프론트엔드 엔지니어 채용으로 개발팀은 어떻게 변했나? 럭스 楽楽勤怠 개발의 이면

2021-12-14

「IT기술로 중소기업을 강하게 합니다!」를 미션에, 「편한 정산」이나 「메일 딜러」등의 클라우드 서비스를 제공하고 있는 럭스


10월에 발매한 新서비스 「楽楽勤怠」에서는,
프론트엔드와 백엔드의 조직을 완전하게 나누어 소결합으로 개발하는 체제를 채택했다.

왜, 럭스에서는 그러한 조직 체제로 했는가? 시스템과 조직이 소결합됨으로써 어떤 이점이 있고, 어떤 전망이 있었을까 楽楽勤怠의 개발 이면을 살펴봤다.  


새로운 서비스 개발로 프론트엔드와 백엔드의 개발 조직을 나눈 이유


2000년 설립된 이래 중소기업을 강하게 만든다는 미션 아래 '편안한 정산' '메일 딜러' 등 백오피스 업무와 프론트 오피스 업무를 지원하는 다양한 클라우드 서비스를 개발, 제공하고 있는 럭스.그런 동사가 금년 10월에 발매한 것이, 클라우드형 근태 관리 서비스 「楽楽勤怠」다.이름 그대로 출퇴근, 잔업, 유급휴가 취득 등 근태정보를 일원 관리하고 급여 계산에 필요한 데이터를 원클릭 출력하는 등 중소기업의 근태관리 효율화를 실현하는 클라우드 서비스다.

럭스가 이전부터 제공하고 있는 클라우드 서비스에서는, 서버 사이드의 엔지니어가 HTML, CSS등의 프런트 엔드 부분의 개발도 담당해 왔다고 한다.하지만, 프런트 엔드 부분의 기술의 진화 스피드가 빠르고, 캐치 업 다 할 수 없는 것에 가세해 서버 사이드의 엔지니어에서는 디자이너가 바라는 디자인을 그대로 서비스에 빠뜨리는 것이 어렵다고 하는 과제가 커져 왔다.이런 과제를 해결하기 위해 락스에서는 프런트엔드와 백엔드를 시스템적으로나 조직적으로 완전히 나누어 개발하는 체제를 채택하고 있다.

이 새로운 개발 체제에 맞추어 동사 최초의 프런트엔드 엔지니어로서 금년 1월에 입사한 것이, 키타지마 하츠네씨다. 키타지마씨는 신규 졸업자로 Web계 IT벤처로 입사. 거기서 Web 엔지니어로서 프런트 엔드와 백 엔드 쌍방을 경험. 「현재는 楽楽勤怠」 의 프런트엔드의 개발에 종사하는 것 만이 아니고, 프런트엔드 조직의 베이스 만들기를 담당하고 있습니다」 (키타지마씨)

주식회사 럭스 개발본부 제일개발부 UI개발과 楽楽勤怠 프론트엔드 엔지니어 기타지마 하츠네씨


楽楽勤怠는 2019년 12월 개발을 시작, 지난 10월 출시됐다.릴리스에 이르기까지의 개발 플로우에 대해 키타지마씨는 다음과 같이 설명한다.「우선 프로덕트 매니저가 요건 시방서를 작성합니다. 이를 바탕으로 UI 디자이너가 디자인을, 백엔드 엔지니어가 API 사양서를 작성 이것이 가능해지면 프론트엔드 엔지니어는 요건사양서, 디자인, API 사양서를 보고 화면을 구현하고 백엔드 엔지니어는 API를 구현한다.프런트엔드 엔지니어와 백엔드 엔지니어가 병행해 개발하는 플로우가 되어 있습니다」 (키타지마씨)

프론트엔드와 백엔드를 완전히 나누어 개발하기 때문에 채택하고 있는 기술도 각각 다르다. "백엔드는 Spring Framework, 프론트엔드는 Vue.js라는 프레임워크를 채택하고 있습니다"

가르쳐 준 것은, 키타지마씨와 같이 금년 1월에 락스에 입사해, 현재 백엔드 개발 팀에서 백엔드의 개발과 CI주위를 담당하고 있는 야마구치 유야씨다. 전직 SIer에서는 백엔드 개발과 인프라 부분을 담당했다고 한다.

주식회사 럭스 개발본부 제3개발부 楽楽勤怠 개발과 楽楽勤怠 백엔드 엔지니어 야마구치 유야씨


소결합으로 개발하는 장점, 고생한 포인트
이와 같이 소결합으로 개발하면 소프트웨어의 설계나 기술 선정 등에 있어서, 자유도가 높아진다고 하는 메리트가 있다. 얻을수 있는 메리트는 그것 뿐만이 아니다.

「프런트 엔드를 담당하는 엔지니어는 디자인의 재현이나 화면의 표시·동작에 주력 할 수 있습니다. 한편 백엔드를 담당하는 엔지니어는 Web API 설계에 전념할 수 있습니다. 프런트 엔드와 백엔드의 개발을 병행해 실시할 수 있는 것으로, 개발 스피드가 오른 것도 좋았던 점입니다」 라고 키타지마씨는 그 효과를 말한다. 



한편 프론트 엔드 엔지니어가 요건사양서, 디자인, API 사양서 모두를 체크할 필요가 있어 변경을 눈치채지 못할 때가 있다는 점과 디자인만으로는 세세한 거동을 읽을 수 없다는 점, 실장자 이외에 동작의 정당성을 알 수 없다는 점 등 체제를 나눈 데 따른 단점을 느낀 면도 있다고 한다.

이 밖에도 의사소통의 양과 질이 관건인 체제 때문에 원격조종에서는 사정이 달라 처음에는 애를 먹었다고 한다. 「제일 힘들었던 것은, 자택근무로 전환한 타이밍에 스마트폰 대응의 개발이 시작된 것. 처음에는 서로 얼굴을 맞대고 이야기할 수 없는 일로 고생했습니다」 라고 밝힌다.

개발이 빨리 진행되도록, 키타지마씨는 벌써 PC판으로 실장하고 있던 컴퍼넌트를 재이용하는 설계를 유의하는 것과 동시에, 실장의 방향성을 잘못하지 않게, 조밀하게 커뮤니케이션을 취하는 것을 의식했다.

「채팅에만 의지하지 않고 Zoom으로 부담없이 대화할 수 있는 대처도 했습니다. 우리 프론트 엔드 엔지니어의 역할은 디자이너가 요구하는 UI를, 가능한 한 그대로 화면의 실장에 활용하는 것.정말로 이 움직임으로 사용하기 좋은지, 제대로 사양에 맞는지 등을 항상 생각하면서 실장하기 때문에, 아무래도 디자이너와의 거래는 많아집니다. 디자이너의 이야기를 보다 이해할 수 있도록 더 디자인의 공부를 해 나가고 싶다고 생각하고 있습니다」(키타지마씨)

한편 야마구치가 고생한 것은 라쿠라쿠 근태를 개발하기 위해 필요한 도메인 지식 습득으로 알려졌다.근태 관리는 법률이 얽혀요.그것을 이해하면서, 기능에 포함시키는 것이 어려웠습니다」(야마구치씨).

예를 들면 비즈니스 측에서 「이런 기능을 갖추었으면 좋겠다」고 요청했을 때, 그 기능을 법률에 따르도록 실현하려면 어떻게 하면 좋을지를 개발 측에서 판단하는 것도 필요하게 된다.특히 백엔드 엔지니어들이기 때문이다.

조직을 확대하여 프론트 엔드 엔지니어 전담조직을 정비

클라우드 서비스는 출시되고 끝이 아니다.
기능 확장은 물론, 보다 편리한 사용이 되도록 서비스의 개선이 이루어지는 등, 지금부터가 서비스 성장의 본방이다.


향후 구상하고 있는 기능을 개발하려면 , 지금의 인원수로는 부족합니다. 그 확충을 도모하는 것과 동시에, 퍼포먼스 체크 등 테스트 주위는 인적 작업에 의지하고 있는 부분이 있으므로, 그곳을 자동화하는 등 개선해 나가고 싶습니다」라고 야마구치씨.

한편 키타지마씨는 「릴리스 후, 프런트 엔드 팀에서 되돌아 보면, 개량하고 싶은 점이 몇개인가 발견되었습니다.신규 기능의 개발을 스피디하게 실시해, 그 문제점의 해결에 임하고 싶습니다」라고 말한다.

또, 키타지마씨는 서비스 개발 만이 아니고, 사내 최초의 프런트 엔드 엔지니어로서 조직 확대에도 임하고 있다.「채용의 강화를 해 나가고 싶습니다.당사에 프론트 엔지니어의 조직이 있는 것을 업계에 인지시키기 위해, 스터디 그룹을 개최해 등단했습니다.기술 블로그 「RAKUS Developers Blog」에의 투고도 생각하고 있습니다」(키타지마씨)

그 것과 동시에, 개발하기 쉬운 환경을 정비해 나가는 것에도 도전하고 있다.프로덕트 매니저나 디자이너의 요구에 유연하게 응할 수 있는 개발 환경을 만들어 가고 싶어요.지금까지의 설계라면 사양이나 디자인의 변경은 실장에 큰 영향을 미치기 때문에 뒤로 미루는 경우도 있었습니다만, Vue의 컴포넌트를 잘 사용해서 실장에 영향이 적은 설계를 해 나가고자 한다.그리고, 사람이 증가해 개발 환경이 정비되면, 타서비스의 프런트엔드의 개선에도 착수하고 싶네요」(키타지마씨)

락스에서 신서비스의 개발에 종사하는 재미에 대해 「무의 상태에서 생각되고, 서로 이야기하고 결정해 가는 것이 제일의 묘미.의문스럽게 생각한 것은 곧바로 상담해, 본연의 모습을 생각할 수 있습니다」라고 야마구치씨.한편, 키타지마씨는 「릴리스 했다고는 해도, 라쿠라쿠 근태는 앞으로의 서비스. 아직도 개선의 태스크도 있고 신기능의 개발도 있다.프론트엔드 조직도 만들어야 해.할 일은 다양하다.서비스를 개발하고 싶은 사람은 물론, 지금이라면 조직 만들기에 도전하고 싶은 사람도 즐길 수 있는 환경이라고 생각합니다」라고 말한다.

클라우드 서비스 개발체제나 사용기술에 관심이 있는 사람, 신서비스 개발에 종사하고 싶은 사람, 프론트엔드, 백엔드 개발에 전념하여 힘을 기르고 싶은 사람은 한번 럭스에 억세스해 보는 것은 어떨까.



출처 : https://codezine.jp/article/detail/13181