Shuta Hirai

Shuta Hirai

  • a.k.a did0es
  • Software engineer in Japan
  • I am a software engineer primarily working on web front-end development within the infrastructure organization at CyberAgent, Inc.

Career

CyberAgent group Infrastructure Unit(CyberAgent, Inc.)

2023/08 〜

Full-time

Link: https://it.cyberagent.group/team/ciu/

CAM, Inc.

2022/04 〜 2023/07

Full-time

Link: https://cam-inc.co.jp/

Media Technology Course, College of Information Science and Engineering, Ritsumeikan University.

2018/04 〜 2022/03

Bachelor of Engineering

Ex-member of Yamashita Lab.

I was researching corpus construction.

Research Title(ja):「音声の聞き取りやすさの推定にむけたデータセットの構築」

Link: https://www.slprits.com/sotsuken.html#2021, https://blog.did0.es/entries/d67bc50b-8c28-4a09-b15f-1d9bcaf9cf80

WinTicket Inc.

2021/03 〜 2021/05

Part-time

Link: https://www.winticket.co.jp/

ElevenBack LLC

2019/10 〜 2022/03

Part-time

Link: https://elevenback.co.jp/

tambourine.inc(Accenture Song)

2019/05 〜 2021/12

Internship(2019/05 〜 2019/06) → Part-time(2019/06 〜 2021/12)

Link: https://www.wantedly.com/companies/tambourineinc

Relie Inc.

2020/08 〜 2022/03

Part-time

Link: https://re-lie.com/

AkinaiOne.inc

2020/03 〜 2022/03

Part-time

Link: https://akinaione.com/


Internships

pixiv inc.

2020/09

at pixiv FACTORY, PIXIV SUMMER BOOT CAMP 2020

DeNA Co., Ltd.

2020/08

DMM.com LLC

2019/09

DMM GUILD 2019

Achievements

Web Speed Hackathon 2024

at CyberAgent, Inc. 2024/03

Link: https://www.cyberagent.co.jp/careers/students/career_event/detail/id=29524

I was involved in the development of the backend, and de-tuning.

CADC(CyberAgent Developer Conference) 2023 LP

at CyberAgent, Inc. 2023/06

Link: https://cadc.cyberagent.co.jp/2023/ 

Developed it as a tech lead. I mainly developed 3DCG and real-time chat features.

Bento

at CAM, Inc. 2022/10

Link: https://github.com/cam-inc/bento

I was involved in the development of it and released it as OSS for developing a web editor.

This includes a plugin system that extends Slate.js.

pde.js

at CAM, Inc. 2022/10

Link: https://github.com/cam-inc/pde.js

I was involved in the development of it and released it as OSS for developing a web editor.

This is based on implementations for the reconciliation of Preact.

Open-Source

I contributed to some notable open-source software. The activities leading to merging the pull requests I created are shown below.

webpack

https://github.com/shuta13?from=2022-12-01&to=2022-12-31&org=webpack&year_list=1

pmndrs

https://github.com/shuta13?tab=overview&from=2022-12-01&to=2022-12-31&org=pmndrs

https://github.com/shuta13?tab=overview&from=2021-12-01&to=2021-12-31&org=pmndrs

DefinitelyTyped

https://github.com/shuta13?tab=overview&from=2021-12-01&to=2021-12-31&org=DefinitelyTyped

https://github.com/shuta13?tab=overview&from=2021-12-01&to=2021-12-31&org=DefinitelyTyped

https://github.com/shuta13?tab=overview&from=2020-12-01&to=2020-12-31&org=DefinitelyTyped

https://github.com/shuta13?tab=overview&from=2019-12-01&to=2019-12-31&org=DefinitelyTyped

three-types

https://github.com/shuta13?tab=overview&from=2021-12-01&to=2021-12-31&org=three-types

mdn

https://github.com/shuta13?tab=overview&from=2021-12-01&to=2021-12-31&org=mdn

fastify

https://github.com/shuta13?tab=overview&from=2021-12-01&to=2021-12-31&org=fastify


Also, I manage the operation of the open-source software.

three-stdlib

Contributor・Maintainer

https://github.com/pmndrs/three-stdlib

create-r3f-app

Contributor・Ex-maintainer

https://github.com/utsuboco/create-r3f-app

Community activities

codemodとうまく付き合うには

in 新春LT大会, 2024/01

Link: https://speakerdeck.com/shuta13/get-along-with-codemod

プライベートクラウドのコンソール画面をNext.jsのApp Routerでフルリプレイスした話

in Muddy Web #7, 2023/12

Event Page: https://cyberagent.connpass.com/event/301089/

Link: https://speakerdeck.com/cyberagentdevelopers/puraibetokuraudonokonsoruhua-mian-wonext-dot-jsnoapp-routerdehururipureisusitahua

Hono app with Docker, Kubernetes

in Hono Advent Calendar 2023, 2023/12

Link: https://blog.did0.es/entries/c0e07acb-44f4-45f0-9539-b210a6d6163f

Meguro.es

Main organizer, 2023/11 〜

Link: https://meguro.es/

CyberAgent Developer Conference(CADC) 2023 LP開発の舞台裏

in Muddy Web #6, 2023/09

Event Page: https://cyberagent.connpass.com/event/294610/

Slide: https://speakerdeck.com/shuta13/cyberagent-developer-conference-cadc-2023-lpkai-fa-nowu-tai-li

Turborepo Code Generationによる、サイバーエージェントグループのフロントエンド開発の効率化

in UIT Meetup vol.20, 2023/09

Event Page: https://uit.connpass.com/event/291443

Slide: https://speakerdeck.com/shuta13/turborepo-code-generationniyoru-saibaezientogurupunohurontoendokai-fa-noxiao-lu-hua

CADC 2023 LPにおけるライブ配信の裏側

in Momento meetup #3, 2023/07

Event Page: https://momentocommunity.connpass.com/event/288796/

Slide: https://speakerdeck.com/shuta13/cadc-2023-lpniokeruraibupei-xin-noli-ce-momento-meetup-number-3

Web エディタ開発を支える技術

in Muddy Web #4, 2023/01

Event Page: https://cyberagent.connpass.com/event/270629/

Slide: https://speakerdeck.com/shuta13/technologies-for-developing-editors

新卒で1年目を振り返ってみた話

in Muddy Web Podcast #4, 2023/05

Spotify: https://open.spotify.com/episode/7qyI4jXhuIugKCurPzYeNT?si=1dA0zJ6yTBaKzNHEIaJTdQ

React Deep Dive

in KC3 2021, 2021/09

Event Page: https://kc3.me/study/297/

Docs: https://github.com/shuta13/react-deep-dive/tree/2021/main/docs

Vue + TSXでもCSS in JSしたい話

in Kyoto.js 17, 2020/01

Event Page: https://kyotojs.connpass.com/event/154884/

Slide: https://speakerdeck.com/shuta13/keyframes-of-vue-and-tsx-with-css-in-js


And more

Written articles

renderToStringとhydrateを作って学ぶReactのSSR・SSG

Zenn, 2023/07

Link: https://zenn.dev/did0es/articles/b41d0de60934cc

CADC2023のコメント欄はMomento Web SDKを使って実現しました!実装コードも掲載あり!

CyberAgent Developers Blog, 2023/07

Link: https://developers.cyberagent.co.jp/blog/archives/42887/

新卒エンジニアで毎月LT会を開催してみた

CAM Tech Blog, 2022/12

Link: https://cam-inc.co.jp/p/techblog/731757550625621172

Preactの差分検出処理を用いたライブラリによる開発体験向上の取り組み

CAM Tech Blog, 2022/10

Link: https://cam-inc.co.jp/p/techblog/710053497071993899

それSWRじゃなくてgetServerSidePropsでいいよねっていう場面の話

Zenn, 2022/04

Link: https://zenn.dev/did0es/articles/cb8675f2b9da37


And more

Skills

I can establish best practices using the following languages and libraries and can integrate them into the team.

  • TypeScript
  • React
  • Next.js
  • Node.js(Express, Hono)

I can develop as a member of the team using the following languages and libraries.

  • Go
  • React Native
  • Drizzle ORM
  • Three.js
  • Vue.js v2(Nuxt.js)
  • PHP(Laravel)
  • Ruby(Ruby on Rails, Sinatra)

Also, I can use the following services and software if limited to standard features.

  • GCP(Cloud Run, Cloud Build)
  • AWS(CloudFront, S3, Lambda, Cognite, Amplify, CodeBuild)
  • Cloudflare(Pages, Workers)
  • MongoDB(MongoDB Atlas)
  • Momento(Topics, Cache)
  • GitHub Actions

I can use the following languages and libraries at a hobby level.

  • Python
  • C, C++
  • GLSL
  • C#
  • Processing
  • Java