Shuta Hirai

Shuta Hirai

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/

Ritsumeikan University

2018/04 〜 2022/03

Media Technology Course, College of Information Science and Engineering

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

CADC(CyberAgent Developer Conference) 2024 LP

at CyberAgent, Inc. 2024/10

https://cadc.cyberagent.co.jp/2024

なぜクラウドサービスで Web コンソールを提供するのか

at Web Developer Conference 2024

Slide: https://speakerdeck.com/shuta13/nazekuraudosabisude-web-konsoruwoti-gong-surunoka

Event Page: https://web-study.connpass.com/event/321711

5分でわかるPreactのVDOMで作るWebエディタ

at めぐろLT #16

Slide: https://speakerdeck.com/shuta13/5fen-dewakarupreactnovdomdezuo-ruwebedeita

Event Page: https://meguro-lt.connpass.com/event/316885

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

at Meguro.css #10

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

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

Web Speed Hackathon 2024

at CyberAgent, Inc. 2024/03

Repository: https://github.com/CyberAgentHack/web-speed-hackathon-2024

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

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

codemodとうまく付き合うには

at 新春LT大会, 2024/01

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

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

at Muddy Web #7, 2023/12

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

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

Meguro.es

Main organizer, 2023/11 〜

https://meguro.es/

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

at Muddy Web #6, 2023/09

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

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

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

at UIT Meetup vol.20, 2023/09

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

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

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

at Momento meetup #3, 2023/07

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

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

CADC(CyberAgent Developer Conference) 2023 LP

at CyberAgent, Inc. 2023/06

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

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

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

新卒で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

Repository: https://github.com/shuta13/react-deep-dive

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

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

at tambourine inc.(Accenture Song) Meetup #4

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

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

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

at Kyoto.js 17, 2020/01

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

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


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