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.(CyberAgent, 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.

Link(ja): 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, https://www.accenture.com/us-en/about/accenture-song-index

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

Open-Source

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

Storybook

https://github.com/shuta13?tab=overview&from=2024-06-01&to=2024-06-06&org=storybookjs

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.

moldable

at CyberAgent,Inc. Maintainer

https://github.com/CyberAgent/moldable

three-stdlib

Contributor・Maintainer

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

create-r3f-app

Contributor・Ex-maintainer

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

Bento

at CAM, Inc. Ex-maintainer

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. Ex-maintainer

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.

Community activities

TailwindCSSでUIライブラリを作る際のハマりどころ

at Meguro.css #10

Event Page: https://megurocss.connpass.com/event/316265/

Slide: https://speakerdeck.com/shuta13/tailwindcssdeuiraiburariwozuo-ruji-nohamaridokoro

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 for preparing the exam.

codemodとうまく付き合うには

at 新春LT大会, 2024/01

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

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

at Muddy Web #7, 2023/12

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

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

Meguro.es

Main organizer, 2023/11 〜

Link: https://meguro.es/

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

at 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による、サイバーエージェントグループのフロントエンド開発の効率化

at 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におけるライブ配信の裏側

at 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

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.

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

at Muddy Web #4, 2023/01

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

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

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

at Muddy Web Podcast #4, 2023/05

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

React Deep Dive

at KC3 2021, 2021/09

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

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

天下一 静的サイトホスティング 武道会 / World Static Site Hosting Tournament

at tambourine inc. Meetup #4

Event Page: https://tambourine.connpass.com/event/161708/

Slide: https://speakerdeck.com/shuta13/world-static-site-hosting-tournament

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

at 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

CIUのWeb開発を支えるコード生成ツールをOSS化しました

CyberAgent Developers Blog, 2024/06

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

Hono app with Docker, Kubernetes

Hono Advent Calendar 2023, 2023/12

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

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
  • 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.

  • MySQL
  • PostgreSQL
  • GLSL
  • Rust
  • C#
  • C, C++
  • Java
  • Python