Hi 👋 I'm Shinobu Hayashi a.k.a Shinyaigeek
Software Engineer 🕸 / Reliable Web Enthusiast 🔥
Crafting high-performance, accessible, and reliable web applications that deliver exceptional user experiences.
TypeScriptReactNode.jsHTTPRust
XX
GitHub
LinkedIn

About Me

Hi! I am Shinyaigeek(Shinobu Hayashi). I am a Software Engineer in Japan.

I'm working to improve a delivering contents on Web in perspectives of application performance or application reliability and make User Experience better in a japanese traditional newsmedia company. Also, I'm focusing on both of complicated subsystem engineering and enabling engineering currently. The first, I work to solve technical issues on our service's complicated technical domain such as application's infra or application's developing tool, such as build-tool or linter. Last, I work to enhance the others team in my company with supporting web development of the other team as a technical adviser, a technical lead or a technical trainer.

In technical domain, I am good at designing a "service" architecture beyond an application itself and Cache strategy to accomplish high performance web application, and designing and introducing complicated frontend tool-chain according to an application's requirements or a team's culture.

Additionally, I contribute to OSS. In my private project, I created the tool, Treeche, which detects the side effects of ECMAScript module and created the browser. I am also a member of pnpm. I worked to develop pnpm's task runner mainly.

Messages about software development job is welcome!


Working Experience
  • Ubie, Inc.

    ~ Present

    RolePlatform Engineer

    PositionPart-time employee

    TechnologiesNode.jsTypeScriptNext.jsGraphQLNest.jstailwind.css

    detail

    Participated in a migration project for an application that served as Ubie's product data infrastructure. While the project involved migrating from a Kotlin-based system to a Node.js-based one, I also contributed to development productivity by creating migration scripts for the client side and validation scripts to verify the equivalence of returned values.

    Additionally, I supported the repository integration of frontend applications that were managed in different repositories. Although they were developed using different CSS libraries, I contributed by creating automated migration tools.

  • Nikkei Inc.

    ~

    RoleSoftware Engineer

    PositionFull-time employee

    TechnologiesFastlyswclinariaReactNext.jsTerraformGolangpnpmturborepo

    detail

    As a Product Engineer, I was involved in web development for peripheral products of Nikkei Digital. While developing frontend and BFF layers, I also contributed to technical infrastructure improvements, such as introducing mechanisms to mechanically enforce codebase constraints aligned with business domains and improving build speed of component catalogs.

    Later, as a Platform Engineer, I worked on developing and improving the technical infrastructure of Nikkei Digital Web, solving technical challenges in product development and enabling peripheral web product development.

    • Led the Next.js migration of applications with legacy and unmaintainable technical infrastructure
      • Achieved gradual migration by refreshing at the infrastructure level, preventing migration-related incidents
      • Realized speedy development through migration to modern technical infrastructure, along with user experience improvements through specification reviews
      • Led design and development with thick mechanical constraints to eliminate development dependencies
    • Consolidated common data hardcoded across nearly 20 microservices into a single API, reducing deployment frequency
    • Led the monorepo integration of nearly 20 poly-repositories that were essentially the same product with many shared processes
    • Improved authorization processing in Nikkei Digital to maintain service availability during ID infrastructure failures
    • Improved Nikkei Digital's build infrastructure, achieving nearly 35% improvement
    • Established a foundation for static testing in Nikkei Digital's CDN infrastructure

    And more.

  • LegalScape Inc.

    ~

    RoleWeb Frontend Engineer

    PositionPart-time Job

    TechnologiesNuxt.jsVueESLintpnpm

    detail

    Supported the monorepo integration of remaining yarn-based workspaces within a pnpm-based monorepo structure and assisted with the migration to ESLint FlatConfig.

  • Plaid, Inc.

    ~

    RolePlatform Engineer

    PositionPart-time employee

    TechnologiesTypeScriptRollupPlaywrightGitHub ActionsCloudFlare Workers

    detail

    I conducted a Proof of Concept (PoC) for an on-request build foundation for 3rd party scripts. The content of these scripts, delivered via Plaid, varied based on customer settings. While previously built whenever customer settings changed, I leveraged Edge Computing to enable on-request builds and cache them on the CDN. This approach allowed for rapid reflection of customer configurations, simplified the system, and achieved faster loading times. My work involved running web application bundlers and compilers on Cloudflare Workers, optimizing them for low memory consumption and high speed within the CDN environment.

    I also led the establishment of an on-browser/QA testing foundation. The complex build system for our 3rd party scripts made it difficult to test their functionality holistically or in real environments. Given their direct impact on customer business, high SLOs were required, leading to a "release phobia" due to the difficulty of testing and the severe consequences of failures. To overcome this, I built a robust testing foundation. First, I streamlined the complex build system. Then, I developed a framework where customer configurations could be defined as JSON within test scenarios. This allowed scripts to be built during tests and validated directly in a browser using Playwright, enabling continuous and automated testing of critical functionalities in a realistic environment, thereby enhancing application stability.

    Furthermore, I contributed to building the QA testing foundation. By utilizing VCL within the Fastly CDN layer, I developed a mechanism that allowed us to redirect scripts to a development environment via cookie-based control, directly on the actual homepages of customers who had implemented our 3rd party script. This enabled real-world QA testing, making it easier to identify and resolve issues that only occurred in specific environments or usage patterns. These initiatives significantly boosted the application's reliability. Finally, I automated our deployment flow. The complexity of our build process meant the deployment flow was equally intricate, requiring all components to be deployed to update the service. Furthermore, deployment targets were managed across disparate repositories, necessitating complex cross-repository modifications and resulting in high operational costs. Recognizing that these tasks were entirely automatable, I implemented CI/CD-driven automation. This transformed a nearly 10-minute manual release process into a one-click operation, vastly improving field operations.

  • Nikkei, Inc.

    ~

    RoleWeb Frontend Engineer

    PositionLong-term Internship Student

    TechnologiesReactTypeScriptstyled-componentsSCSSNext.jsFastly Compute

    detail

    I spearheaded the technical foundation overhaul of hack.nikkei.com. The outdated infrastructure had degraded developer experience, impacting technical blog authoring, and poor user experience due to performance issues. I re-architected the platform to a Next.js-based foundation, significantly improving the authoring experience and page load speeds. This initiative enabled the publication of Advent Calendars and presentation materials directly on hack.nikkei.com, enhancing our technical brand.

    I also led the development of the news video generation feature for Nikkei Wave (https://apps.apple.com/jp/app/nikkei-wave/id1521762085). I built the frontend platform responsible for rendering news videos using extensive CSS animations, based on JSON data from the backend that specified the order, text, background, and animation for each segment. I engineered a foundation that allowed for independent and declarative configuration of complex animations, making it easy for anyone to develop new animations. Furthermore, I established static linters and a component catalog to facilitate regression detection.

    The high quality and extensibility of these animations, coupled with the ability to generate animated content for almost every article, earned significant praise both internally and externally. This success ultimately led to the videos being distributed to Haneda Airport signage.

    Lastly, I conducted technical validation for Fastly Compute. I explored the feasibility of running tensorflow.js on the Fastly Compute platform to achieve edge computing-based recommendations for anonymous users, leveraging their User Agent and IP information.

  • Plaid, Inc.

    ~

    RolePlatform Engineer

    PositionLong-term Internship Student

    TechnologiesTypeScriptRollupGitHub Actions

    detail

    I focused on optimizing third-party scripts, which significantly improved user experience. The plugin system's architecture inherently supported small file sizes, but I took it further by implementing additional tuning that reduced the file size by over 5%. I achieved this by:

    • Revisiting the transpiler targets for dependent libraries.
    • Removing unnecessary polyfills.
    • Refining and validating minifier settings.
    • Restructuring the codebase to maximize tree-shaking and minification effectiveness.

    To prevent future bloat, I also introduced a mechanism in our CI/CD pipeline to notify developers of file size changes, fostering a culture of file size awareness among the team.

  • Recruit

    ~

    RoleWeb Frontend Engineer

    PositionSummer Internship Student

    TechnologiesReactTypeScriptstyled-components

    detail

    I revamped the UI of an internal frontend application. Recognizing that the complex functionality led to a "power-user-only" UI, I gathered user feedback to identify pain points. My solution simplified the UI while introducing a UNIX-like directory structure for a more familiar and improved user experience. Additionally, I researched web and frontend trends, reporting on their potential impact on our internal products.

  • Cybozu

    ~

    RoleWeb Frontend Engineer

    PositionSummer Internship Student

    Technologieslit-htmlTypeScriptParcel

    detail

    I teamed up with other interns to develop an extension for kintone. I led the project from planning to technology selection, considering non-functional requirements for kintone extensions, and opting for minimal bundle-size technologies like lit-html.

  • Wantedly

    ~

    RoleWeb Frontend Engineer

    PositionSummer Internship Student

    TechnologiesReactTypeScriptstyled-components

    detail

    As a Frontend Engineer, I developed screens for Wantedly, focusing on complex frontend implementations like incremental search. I collaborated closely with designers to ensure a rich user experience and robust developer experience through sound component design.

  • VOYAGE GROUP

    ~

    PositionTreasure Internship Student

    TechnologiesReactTypeScriptGolang

    detail

    I developed a SNS like web application with the other internship team. This internship was a form of a hackathon. As a Frontend Engineer, I led user experience design and frontend application development. I also collaborated with backend developers on API design, ensuring a RESTful approach, and received an award for the design.

  • MOSHIMOS

    ~

    RoleWeb Engineer

    PositionLong-term Internship Student

    TechnologiesPHPMySQLCodeIgniterjQuery

    detail

    I developed HR web application. I implemented some features including it's frontend with CodeIgniter & jQuery.


Education
  • University of Tokyo

    ~

    DegreeBachelor of Engineering

    FieldSchool of Engineering, Department of Systems Innovation

    DescriptionMajored in Computer Science and Systems Engineering

    detail

    Earned a Bachelor's degree from the University of Tokyo's School of Engineering, Department of Systems Innovation. Focused on computer science and systems engineering, acquiring fundamental knowledge in software development and system design.

  • Nishiyamato Academy

    ~

    DegreeHigh School Diploma

    detail

    Studied at Nishiyamato Academy for 3 years, preparing for university entrance examinations.