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!
~ Present
Node.jsTypeScriptNext.jsGraphQLNest.jstailwind.css
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.
~
FastlyswclinariaReactNext.jsTerraformGolangpnpmturborepo
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.
And more.
~
Nuxt.jsVueESLintpnpm
Supported the monorepo integration of remaining yarn-based workspaces within a pnpm-based monorepo structure and assisted with the migration to ESLint FlatConfig.
~
TypeScriptRollupPlaywrightGitHub ActionsCloudFlare Workers
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.
~
ReactTypeScriptstyled-componentsSCSSNext.jsFastly Compute
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.
~
TypeScriptRollupGitHub Actions
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:
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.
~
ReactTypeScriptstyled-components
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.
~
lit-htmlTypeScriptParcel
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.
~
ReactTypeScriptstyled-components
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.
~
ReactTypeScriptGolang
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.
~
PHPMySQLCodeIgniterjQuery
I developed HR web application. I implemented some features including it's frontend with CodeIgniter & jQuery.
~
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.
~
Studied at Nishiyamato Academy for 3 years, preparing for university entrance examinations.