Writing
Articles from 2021
Reviewed English translations of articles originally published in Japanese on Zenn and note.
December 2021
- From Zenn
In StencilJS, @Prop Does Not Always Trigger a Re-render—Use @Watch Too
Why changing a Stencil @Prop after render does not update the DOM, and how to combine @Watch with @State to trigger re-renders.
- From Zenn
Writing Angular Without Learning RxJS [2021 / RxJS 7 Edition]
A practical guide to using Angular with only the RxJS you need for HttpClient, including firstValueFrom for Promise-style async/await.
- From Zenn
Designing Loading Controller Code for Network Requests in Ionic Angular
Move LoadingController presentation and dismissal into a service with RxJS so page components stay thin during HTTP calls.
- From Zenn
Resolving catchError Synchronously When a Request Fails in Ionic Angular
Why AlertController in catchError completes before the user dismisses the alert, and how to wrap it in a Promise so error handling waits.
- From Zenn
[Ionic Angular] Replicating ion-back-button Behavior in Code
How to programmatically pop the navigation stack or navigate to defaultHref, matching the logic built into ion-back-button.
- From Zenn
How to Deploy a StencilJS Site on Firebase Hosting
Fix 404 errors when deploying StencilJS to Firebase Hosting—disable hash filenames, disable cache, and add SPA rewrites.
- From Zenn
Measuring Ionic Angular Performance on an M1 MacBook Pro
Build time benchmarks for Ionic Angular on M1 MacBook Pro vs Intel Macs, plus notes on the ¥300k depreciation limit.
- From Zenn
A Deep Dive into When Ionic Components Load
How Ionic lazy-loads Web Components, why UI can stutter on first paint, and preload tricks with display:none or dynamic DOM.
- From Zenn
Visualize Ionic/Angular Bundle Files with webpack-bundle-analyzer
Use webpack-bundle-analyzer with ng build --stats-json to size Ionic/Angular lazy-loaded modules and improve UX.
- From Zenn
Develop Ionic/Angular Projects with Module Boundaries in Mind
Balance lazy-loaded ngModules in Ionic/Angular—avoid huge initial bundles and too many tiny splits that hurt navigation feel.
September 2021
April 2021
- From Zenn
Why I Fully Moved to Serverless: Security—I Had Been Leaving Servers Unpatched
Lessons from years of "set it and forget it" VPS and EC2 ops—why exposing servers is risky, and how serverless shifts security patches to the platform.
- From Zenn
The Frameworks and Platforms I Use for App Development, Front to Back
A snapshot of my default stack from Ionic and Angular through NestJS, AWS Lambda, and Firebase—useful when collaborating on B2C and B2B projects.
- From Zenn
How to Test Firing a Change Event When a select Changes in Stencil
E2E testing a Stencil Web Component select inside Shadow DOM—work around Puppeteer limitations with evaluateHandle and dispatchEvent.