Shinobu Hayashia.k.a. Shinyaigeek

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

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.

Posts from this blog alongside external articles and conference decks.

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 を具体例とともにご紹介します.

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

🗓️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 な取り組みについて紹介させていただきます.

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

Edge Proxy OVER THE EDGE

🗓️2022年12月12日(月)

workerd に見出した、Edge を越えてさまざまな場所で動かしうる Edge Proxy としてのユースケースについて紹介します

pnpm outdated command supports JSON format output

🗓️2022年11月6日(日)

pnpm outdated command, which detects outdated packages in a project, now supports output in JSON format.

Treeche, Tree-Shakable Checker for JavaScript/TypeScript Application to reduce bundle size

🗓️2022年8月27日(土)

I introduce treeche, an npm module to check whether or not your JavaScript/TypeScript module is tree-shakable. This is useful to reduce bundle size

ESLint plugin to ban orthographical variants in code

🗓️2022年3月15日(火)

I made ESLint plugin to ban orthographical variants in code so introduce it.

m17n with cloudflare workers

🗓️2022年2月19日(土)

I implemented multilingual support on my blog page. I used cloudflare workers for that, and the experience was great, so I will leave it as a note.

Compute@Edge は GraphQL Server の夢を見るか

🗓️2021年12月6日(月)

fastly の提供するEdge Computing基盤のCompute@EdgeのJavaScriptの対応が始まったことを受け、Compute@Edgeで何ができるのかをComput@EdgeでGraphQL Serverを立てることを通して考察します。

加速するEdge Computing

🗓️2021年11月27日(土)

JSConf JP 2021にてLTさせていただいた時の資料です.

ブラウザ作りのすゝめ

🗓️2021年10月26日(火)

Web Frontend Performance Tuning

🗓️2020年6月18日(木)

サマーインターン前につよつよになっちゃおうの会でWebフロントエンドのパフォーマンスについてLTした際の資料です

リクルートでのWeb Issue調査の取り組み

🗓️2020年12月9日(水)

リクルートで携わった、攻めのセキュリティ対策としてリクルートで行われている web issueの追従、調査の取り組みについて書いています。

ASTをいじいじして僕のかんがえた最強のDXを得る

🗓️2020年10月12日(月)

Chat in English with an AI alter ego of Shinyaigeek.