Hi 👋 I'm

Shinobu Hayashia.k.a. Shinyaigeek

Software Engineer/Reliable Web Enthusiast

I work on the platform side of the web — performance, reliability, and the developer experience that keeps both of them honest.

TypeScript
React
Node.js
Rust
HTTP
GCP

View Profile Contact Me

Experience

Where I've worked

Full history →

From web frontend to platform and reliability engineering — mostly work that moves the needle on how fast and how safely a product ships.

2025/08 – Present
Ubie, Inc.
Current
Platform Engineer · Full-time employee
- TypeScript
- Node.js
- Nest.js
- Next.js
- GraphQL
- GCP
- k6
- Sentry
2026/03 – Present
appbrew, Inc.
Current
Frontend / AI-Ops Architect · Part-time employee
- TypeScript
- React
- RUM
- Session Replay
- Claude Code
2022/04 – 2025/07
Nikkei Inc.
Software Engineer / Platform Engineer · Full-time employee
- Fastly
- swc
- linaria
- React
- Next.js
- Terraform
- Golang
- pnpm
- turborepo
2024/01 – 2025/07
Ubie, Inc.
Platform Engineer · Part-time employee
- Node.js
- TypeScript
- Next.js
- GraphQL
- Nest.js
- Kotlin
- tailwind.css

Open Source

Open source work

All projects →

Projects I maintain and the ones I keep contributing to.

treeche
Creator
★ 20TypeScript
A tree-shakable checker for tuning web frontend bundle size. It statically analyses whether modules can be tree-shaken and surfaces dead code that ends up in the bundle.
cc-skills-usage
Creator
★ 13TypeScript
A CLI for analysing and visualising Claude Code skill usage. It scans the JSONL conversation history under ~/.claude/projects/ and aggregates skill invocation counts, per-project usage, token consumption and daily trends.
Shinyaic
Creator
★ 13Rust
A web browser built entirely from scratch in Rust for learning — from HTML/CSS parsing through to rendering.
qain
Creator
★ 0TypeScript
A semantic style-regression testing tool for the browser. It captures the DOM, used values and layout boxes via CDP and diffs them by meaning.
resmu-me
Creator
★ 0TypeScript
An MDX-first resume toolkit with a JS plugin system. It emits PDF and plain-text outputs, and ships a Claude-powered refine command.
parcel-bundler/parcel
Contributor
★ 44,034
The zero-config web application bundler. I added several features including a re-implementation of the transformer postProcess API, picking the dev-server PORT from .env , and dependency collection for the HTML <image href> attribute.

Writing

Articles & talks

Posts from this blog alongside external articles and conference decks.

qain, a style-regression testing tool that reports what changed and how

🗓️2026年8月1日(土)

Pixel VRT can only tell you that two images differ. I built qain, a style-regression testing tool that pulls the structure Chromium consults while painting out over CDP and diffs it semantically.

AI フレンドリーなエラー監視を TypeScript で実現する

🗓️2026年6月3日(水)

Ubie で取り組んでいる, AI フレンドリーなエラー監視の実践をお話しします

巨大モジュラーモノリスのテスト戦略

🗓️2025年10月23日(木)

モノレポ統合により複雑なマイクロサービスの開発を単純化するアプローチ

🗓️2024年12月12日(木)

日経電子版の技術的な基盤について、莫大なリポジトリで構成されるマイクロサービスをモノレポ化してしまうことにより、開発効率を向上させた事例についてお話しします。

ESLint Rule により事業, 技術ドメインに沿った制約と誓約を敷衍させるアプローチのすゝめ

🗓️2024年8月24日(土)

フロントエンドカンファレンス北海道 2024 の登壇資料です. コードベースに秩序をもたらすため各種 Linter を利用している方も多いのではないでしょうか？一般的なルールについては Linter 内蔵のものや既存の Plugin ですでにカバーできるでしょうが, 一方で事業ドメイン特化であったり UX/DX を向上させるための技術ドメイン特化なルールまではサポートし切れないケースの方が多いでしょう. 日経電子版においてもコードベースにそうした事業ドメイン, 技術ドメイン特化な制約が存在しています. こうした日経電子版特化な制約について日経電子版開発では属人的なレビューで弾くといったアプローチでなく, できるものは ESLint Plugin を開発してそれにより機械的に弾くアプローチをとっています. 本セッションでは事業, 技術ドメイン特化な ESLint Plugin を開発する利点や How To を具体例とともにご紹介します.

ESLint Rule により事業, 技術ドメインに沿った制約と誓約を敷衍させるアプローチのすゝめ

爆速の日経電子版開発の今

🗓️2023年2月26日(日)

Nikkei Tech Talk #3 メディア企業のWebフロントエンド～多様な開発と技術選定～ https://nikkei.connpass.com/event/268793/ で発表させていただいた際の資料です。日経電子版の開発の今についてお話ししました。

処理系フレンドリーコードによる「フロントエンド」のコードベース改善のアプローチ

🗓️2023年12月20日(水)

処理系フレンドリーなコードによるフロントエンドのコードベース改善のアプローチと, 実際に日経電子版Webにおいて行った事例をご紹介します.

Big “heart” of mud, 10000 lines VCL generated from .vcl.handlebars

🗓️2023年12月12日(火)

日経電子版は創刊から10年以上続く Web サービスです。そんなサービスを開発する中でアプリケーション要件や技術的な情勢の変遷に合わせ技術の刷新, リアーキテクトなども行ってきましたが迂闊に手を出せない部分というのも存在します. その一例としてサービスの心臓部である CDN レイヤーがあげられます. 日経電子版の CDN は電子版のシステム構成上多くの責務を抱えてしまっていますが、それでも泥臭く開発し続けられるよう仕組み化されていました. しかし長年の運用により段々と Big ball of mud と成り果てました. Big ball of mud でありかつサービスの心臓部でもあるいわば Big heart of mud となっていました. 本トークでは電子版の CDN レイヤーの Muddy な開発や Muddy が故の脆さ, そして Muddy な心臓部と向き合い少しでも地盤を固めていくための Muddy な取り組みについて紹介させていただきます.

Big “heart” of mud, 10000 lines VCL generated from .vcl.handlebars

Managing "side effect" in Frontend Development

🗓️2023年11月26日(日)

In the web frontend development context, we should care about function's side effect not only for simplicity of the function's responsibility, but also for preventing unnecessary/dangerous code from leaking into client side. This slides show why we should care about side effect in frontend development, and introduce treeche, which is the tool to detect side effect in the ESModule