Skills & Work Experience

Technical Skills

2008年頃からJavaScriptとCを使ってプログラミングを始め、4年間画像処理を研究し、ニコニコ生放送の動画最適化についても研究をしていました。

現在は、主にwebpack、Turborepo、Viteなどのツールを使ったWebパフォーマンスとフロントエンドインフラストラクチャの構築が専門です。Next.jsとGraphQLを2017年から利用しており、様々な製品開発を行っています。

maintainer(including past)

JavaScript

Node.js

2011 - Present
14 years

TypeScript

2016 - Present
9 years

React

2015 - Present
10 years

Next.js

2017 - Present
8 years

Gatsby

2017 - 2021
4 years

Astro

2022 - Present
3 years

Apollo

2017 - Present
8 years

Nestjs

2020 - Present
5 years

Mui

2021 - Present
4 years

ChakraUI

2020 - Present
5 years

TailwindCSS

2019 - Present
6 years

Redux

2016 - 2019
3 years

Prisma

2022 - Present
3 years

NextAuth.js

2022 - Present
3 years

Electron

2017 - Present
8 years

webpack

2017 - Present
8 years

Vite

2022 - Present
3 years

jQuery

2008 - 2014
6 years

Others

Go

2022 - Present
3 years

C, C++

2008 - 2015
7 years

ActionScript

2010 - 2015
5 years

Java

2010 - 2012
2 years

OpenCV

2014 - 2015
1 year

Boost

2012 - 2015
3 years

GraphQL

2017 - Present
8 years

gRPC

2020 - Present
5 years

Terraform

2022 - Present
3 years

PostgreSQL

2014 - Present
11 years

DuckDB

2022 - Present
3 years

Work Experience

Main Job

Coder Penguin

Coder Penguin

Founder
Current
2025 / 04 / 01 - Present

もともと持っていた会社をメインに独立。 合同会社Coder Penguinでは、様々な会社でフロントエンドの技術顧問やアーキテクチャ設計、開発、エンジニア採用を行う。 最近は、LLMを利用したサービス開発も多め。

Yuimedi
2022 / 08 / 01 - 2025 / 03 / 31

Yuicleanerの開発をリードし、 react-flowの導入と複雑なUIの作成、数百万データを高速に処理できるようにアーキテクチャの設計と実装、 既存コードをすべて置換し、Next.jsの導入などを行った。

またVPoEとしてエンジニア組織の構築も行い、エンジニアラダーの作成し評価制度のベース作成、スケールしやすい組織構築も模索しながら行っている。

関連記事 (5件)
Yuimediのプロダクト開発 | Notion
yuimedi on Notion
Yuimediのプロダクト開発 | Notion

│ 主なメンバー

Yuimedi の Internship に参加しました。 - Daiki Sakuma の日記
Daiki Sakuma の日記
Yuimedi の Internship に参加しました。 - Daiki Sakuma の日記

はじめに なぜ Yuimedi で Internship をしたのか Yuimedi でしたこと Yuimedi で得られたもの Agility マインドセット テスト まとめ 最後に はじめに どうも、Daiki Sakuma *1 です。 Yuimedi*2さんに12月中旬から3月末までの約3ヶ月半、Software Engineer として参加させていただきました。 そこで僕が何をして何を得たのか等、記憶が鮮明なうちにつらつらと書き記していこうと思います。 なぜ Yuimedi で Internship をしたのか 僕自身4月から別の会社で23卒として働くのですが、その前にどこかで In…

[7/26]Cybozu Frontend Monthly#25 (ゲスト:株式会社Yuimedi)
YouTube
[7/26]Cybozu Frontend Monthly#25 (ゲスト:株式会社Yuimedi)

2022年7月26日(火) 17時開催Cybozu Frontend Monthly#25 (ゲスト:株式会社Yuimedi)のライブ配信ですイベントの詳細:https://cybozu.connpass.com/event/254325/ライブ配信は、16時50分からスタートする予定です(イベントは17時から)...

エンジニア座談会後編〜開発組織編〜 | Notion
yuimedi on Notion
エンジニア座談会後編〜開発組織編〜 | Notion

Yuimedi は「エンジニア集団が医療に挑む!」をブランディングに掲げ、デジタル化の潮流に取り残されている日本の・世界の医療業界に真のデジタルツールを導入することを成し遂げたいと考えています。

エンジニア座談会前編〜事業・エンジニアリング編〜 | Notion
yuimedi on Notion
エンジニア座談会前編〜事業・エンジニアリング編〜 | Notion

Yuimedi は「エンジニア集団が医療に挑む!」をブランディングに掲げ、デジタル化の潮流に取り残されている日本の・世界の医療業界に真のデジタルツールを導入することを成し遂げたいと考えています。

Mercari/Souzoh
2019 / 11 / 01 - 2022 / 07 / 31

技術顧問から正社員として復職し、再度入社。JPではMercari Webの0から作成するプロジェクトであるGroundUP App プロジェクトに立ち上げ参加。

後に100%子会社であるSouzohの立ち上げ時に出向として参加し、Mercari Shopsリリースまでの8ヶ月間、フロントエンドの開発をほぼ一人で担当。リリース後はEnabling TeamとしてStream-aligned teamをサポート。

関連記事 (5件)
NestJSでスケーラブルなBFFを構築。メルカリShopsエンジニアがGraphQL活用のリアルを語る【技術選定の裏側:GraphQL編 vol.2】 | IT/Webエンジニアの転職・求人サイトFindy – GitHubからスキル偏差値を算出
IT/Webエンジニアの転職・求人サイトFindy – GitHubからスキル偏差値を算出
NestJSでスケーラブルなBFFを構築。メルカリShopsエンジニアがGraphQL活用のリアルを語る【技術選定の裏側:GraphQL編 vol.2】 | IT/Webエンジニアの転職・求人サイトFindy – GitHubからスキル偏差値を算出

<p>モダンな技術の活用法に迫る、エンジニア座談会企画がスタート!第2弾は、前回に引き続き「GraphQL」の魅力に迫ります。</p> <p>***<br /...

Souzoh Tech Talk #03: Frontend
YouTube
Souzoh Tech Talk #03: Frontend

9/1(水)に行ったSouzoh Tech Talk #03: Frontendの様子です!ぜひご覧ください。

Souzoh Tech Talk #05:Infrastructure
YouTube
Souzoh Tech Talk #05:Infrastructure

9/15(水)に行われたSouzoh Tech Talk #05:Infrastructureの様子です。ぜひご覧ください!

メルカリShops のフロントエンド | メルカリエンジニアリング
メルカリShops のフロントエンド | メルカリエンジニアリング

こんにちは。ソウゾウの Software Engineer の hiroppy です。「連載:「メルカリ Shops」プレオープンまでの開発の裏側」 の最後は、Web フロントエンドの紹介をしたいと思います。メルカリ Shops は既存のメ

「新会社ソウゾウ立ち上げ期、いま率直にどうですか?」をメンバーに聞いてみた! | mercan (メルカン)
mercan (メルカン)
「新会社ソウゾウ立ち上げ期、いま率直にどうですか?」をメンバーに聞いてみた! | mercan (メルカン)

2021年1月28日に設立された「株式会社ソウゾウ(souzoh)」。 メルカリグループの次の柱となる事業を目指して発足。具体的な事業内容は明らかにされていませんが、着々とプロダクトリリースへの準備が進められています。 …

Dwango

Dwango

Engineer
2017 / 12 / 16 - 2019 / 10 / 31

前のドワンゴ退職から半年しか経ってないため、特に以前と開発の状態は大きく変わらずN予備校に復職。引き続き機能開発やwssを利用したリアルタイムイベントを管理するシステムをメンテナンス。 また、N校のプログラミング教材のレビューも行った。

後にニコニコ生放送への部署に移り、動画の低遅延、安定化の研究。WebRTCやこのときにはまだ仕様策定中であったCMAFの実装調査を行った。

Mercari

Mercari

Engineer
2017 / 06 / 01 - 2017 / 12 / 01

Mercari USの開発に従事し、現地にいったりし、ほぼなにもない状態のサービスを開発を行う。

Mercari JPではPWAやReactの導入をリードし行った。

Dwango

Dwango

Engineer
2015 / 04 / 01 - 2017 / 05 / 31

新卒で入社。新規開発を行うフロンティアチームで社内レジュメシステムの開発。その後にニコナレの立ち上げを行いフロントエンド一人で開発。初React導入。

次にN予備校の立ち上げを行い、主にwssを利用したリアルタイムイベントを管理するシステムを開発。

My Company

Tabelog

Tabelog

Technical Advisor
Current
2018 / 12 / 01 - Present

Ruby on RailsからNext.jsへの移行方針の提案、実装サポート。また、jQueryからReactへの移行サポート。

エンジニアの育成。

関連記事 (4件)
食べログノートをリリースしました!|食べログ フロントエンドエンジニアブログ
note(ノート)
食べログノートをリリースしました!|食べログ フロントエンドエンジニアブログ

こんにちは!FEチームリーダーの辻です。 先月、FEチームが参加したプロダクト「食べログノート」がリリースされました 🎉🎉🎉 レストラン向けの機能で、ネット予約、電話予約、ウォークインなどの管理、顧客管理、席管理などができるクラウド台帳です。 食べログノート タイムスケジュール メイン機能であるタイムスケジュールでは、登録された席と予約時間に応じてチャートを表示し、ドラッグアンドドロップで卓/時間の変更が可能です。 食べログノート 予約詳細 チャート上の予約をクリックすると、詳細情報がドロワーで表示されます。こちらも画面遷移なしでシームレスに予約状況の確認、修正ができるようになってい

Next.jsのStatic Exportsを本番プロダクトで利用してみた感想と注意点 - Tabelog Tech Blog
Tabelog Tech Blog
Next.jsのStatic Exportsを本番プロダクトで利用してみた感想と注意点 - Tabelog Tech Blog

目次 はじめに Static Exportsとは Static Exportsを採用した経緯 Static Exportsを利用する際の注意点 Dynamic Routingが使えない 対策 運用してみての感想 まとめ 最後に はじめに こんにちは。食べログ ウェブ開発部 FEチームの原田です。 昨年リリースした食べログノートではNext.jsを利用しており、Static Exportsを採用しています。 今回は食べログノートでStatic Exportsを採用した経緯や採用するための注意点、実際に運用してみての感想をお伝えします。 食べログノートの詳細については以下の記事も是非ご覧ください。…

2021年度版 食べログフロントエンドチームメンバー紹介|食べログ フロントエンドエンジニアブログ
note(ノート)
2021年度版 食べログフロントエンドチームメンバー紹介|食べログ フロントエンドエンジニアブログ

こんにちは。食べログのフロントエンドチーム の佐伯です。 昨年もメンバー紹介の記事を書きましたが、新しいメンバーも加わりましたので改めてご紹介させていただきます。以下で紹介する6名と、アドバイザーの@hiroppyさんを加えて7名で活動しています 今回は趣向を凝らしてドラッカー風エクササイズ風メンバー紹介です。 ドラッカー風エクササイズは、アジャイルサムライで紹介されたチームにおける期待をすり合わせるための手法です ・自分は何が得意なのか? ・どういうふうに仕事するか? ・自分が大切に思う価値は何か? ・チームメンバーは自分にどんな成果を期待していると思うか? という質問を

レガシーなフロントエンド環境をリプレースするためにチームでやっていること|食べログ フロントエンドエンジニアブログ
note(ノート)
レガシーなフロントエンド環境をリプレースするためにチームでやっていること|食べログ フロントエンドエンジニアブログ

はじめに はじめまして!食べログFE(フロントエンド)チームの金野と申します。 普段は、食べログフロントエンドの設計・開発や、新規事業・食べログテイクアウトの技術サポートなどを行っています。 食べログテイクアウトについては、Nuxt.js + TypeScriptの開発について記事を書いているので、興味がある方はぜひ御覧ください。 Nuxt.js+TypeScriptのアプリケーションのためのコーディングガイドライン - Qiita この記事は食べログ Advent Calendar 2019 3日目の記事です。 はじめまして。食べログのフロントエンド q

Mercari/Souzoh

Mercari/Souzoh

Technical Advisor
Current
2022 / 08 / 01 - Present

退職後引き続き、Architectとして社内のフロントエンドサポートと大規模な処理に耐えれるようにパフォーマンスチューニング。 エンジニア採用のサポート。

Yuimedi

Yuimedi

Engineer
Current
2025 / 05 / 01 - Present

Yuiqueryの開発を引き続き手伝う。

Rebase

Rebase

Technical Advisor
Current
2023 / 07 / 01 - Present

Next.jsのApp Routerを利用したサービスを展開しているので、そこで発生した問題点を解決するアドバイスを行う。

Ruby on Railsからフロントエンドを剥がす過程の提案、リファクタリングサポート。

ROUTE06

ROUTE06

Technical Advisor
Current
2023 / 07 / 01 - Present

ADRの各意思決定の確認や議論、今後スケールする組織のためのアーキテクチャの提案。

関連記事 (4件)
2023年の振り返り
2023年の振り返り

こんにちは。もうすでに 2024 年に入ってしまいましたが、2023 年も毎度のことながら振り返りを残します。年次の振り返りはなんとか続けられていて、かれこれ 4 回目となりました。

技術顧問として半年間で感じた会社の成長 - ROUTE06 Tech Blog
ROUTE06 Tech Blog
技術顧問として半年間で感じた会社の成長 - ROUTE06 Tech Blog

こんにちは。hiroppyです。2023年7月に技術顧問として参加させていただき、半年経ちましたので、今回は自分からみたROUTE06社の印象と何をしているかを話したいと思います。 一言でいうと、組織が大きくなっていることが実感できた半年でした。 最初の印象 様々なスタートアップを見てきましたが、ROUTE06社はその中でも、最初から組織環境を整備しており、主に印象的だったのは以下のような要素でした。 会社全体の雰囲気の良さ 会社文化の浸透と全員が同じ方向を向いている点 業務の自動化や権限委譲 会社や個人のモチベーションの高さ 会社全体の雰囲気の良さはSlackを入ったときにすぐに分かりました…

技術顧問に廣戸裕大(Hiroppy)氏就任のお知らせ - 株式会社ROUTE06 (ルートシックス)
株式会社ROUTE06 (ルートシックス) - ビジネスモデル変革を支援するDXパートナー
技術顧問に廣戸裕大(Hiroppy)氏就任のお知らせ - 株式会社ROUTE06 (ルートシックス)

株式会社ROUTE06(本社:東京都千代田区、代表取締役:遠藤崇史、以下ROUTE06)は、技術顧問として廣戸裕大(Hiroppy)氏が就任したことをお知らせします。

ROUTE06 CTOが考えていること(2023年9月) - ROUTE06 Tech Blog
ROUTE06 Tech Blog
ROUTE06 CTOが考えていること(2023年9月) - ROUTE06 Tech Blog

おはようございますこんにちはこんばんは。ROUTE06 取締役 CTO の重岡です。 前回の記事から 4 か月が経過しました。その期間の振り返りと、現在考えていることについてご紹介します。 プロダクト開発の現在地 エンタープライズ向け SaaS「Plain EDI」の開発 まだまだ課題は多いものの、「Plain」という大きなプラットフォームの構想の初手として、足元ではクラウドEDIを中心とした商取引DXを注力領域に定め、エンタープライズ特化のVertical SaaSを提供しながらその価値を最大限活かすための要件定義/デザイン/データ分析などの事業支援を行うアプローチへの実効性も高まりつつある…

Ship

Ship

Technical Advisor
Current
2025 / 03 / 01 - Present

フロントエンド、Node.js、パフォーマンス支援

Runpeace

Runpeace

Technical Advisor
Current
2023 / 07 / 01 - Present

App Routerを利用したtoBサービスの開発、サポート。

Anotherworks

Anotherworks

Technical Advisor
2023 / 02 / 01 - 2023 / 12 / 31

CTOへの技術、組織的な改善提案。DDDからの脱却するため、リファクタリングへのテストの追加と安定性のサポート。

Yuimedi

Yuimedi

Engineer
2021 / 11 / 01 - 2022 / 06 / 01

Yuicleanerの実装。

Alpaca

Alpaca

Technical Advisor
2022 / 02 / 01 - 2022 / 05 / 31

コードが複雑になっていたため、リファクタリングの提案。事業転換が発生したため、短い期間でのサポートとなった。

エンジニアの育成。

Black

Black

Technical Advisor
2019 / 12 / 01 - 2020 / 05 / 31

create-react-appからNext.jsへの移行サポート。ゲーム開発のコードレビューとパフォーマンス改善提案。

Mercari

Mercari

Technical Advisor
2018 / 11 / 01 - 2019 / 10 / 31

アイルランドからのリモートワークで、Mercari JPを1から作り直すプロジェクトに顧問として参加。

Next.jsを初期から選択し、セキュリティをはじめとしたアーキテクチャの設計と実装をサポート。

Bizreach

Bizreach

Engineer
2017 / 06 / 01 - 2017 / 10 / 01

スポットで開発に参加、Scalaを利用。

Eyes, Japan

Eyes, Japan

Engineer
2014 / 05 / 01 - 2015 / 03 / 03

Backbone.jsやjQueryを利用し、学生アルバイトとして開発。

CyberAgent
2013 / 07 / 01 - 2013 / 10 / 01

Titaniumを利用した画像処理アプリ開発。