Writing
Articles from 2020
Reviewed English translations of articles originally published in Japanese on Zenn and note.
December 2020
- From Zenn
Organizing Ionic and Its Surrounding Ecosystem
Clarify what Ionic covers—UI components, Stencil, Capacitor, Cordova, and Ionic Native—so scope mismatches do not derail conversations.
- From Zenn
Handling capacitor/ios Keyboard Resize Yourself Makes It Smoother
Disable Capacitor's default iOS keyboard resize and animate margin-bottom on keyboardWillShow for smoother fixed-footer input UX.
- From Zenn
Summarizing the Role of Stencil's Host Element After Reading Ionic Code
What Stencil's virtual Host API does—host element manipulation, top-level DOM wrapper, @Element(), and Shadow DOM :host styling.
- From Zenn
Understanding the slot Attribute Using Ionic's IonItem as a Reference
How IonItem's start/end/default slots work in Shadow DOM, ::slotted() styling, and flex layout in item-inner.
- From Zenn
Don't Blindly Trust Freelancers: Manage Orders with Contracts and Task Splitting
Risk control when outsourcing to freelancers—use contracts, split work into smaller tasks, and bring in a second opinion instead of handing everything off.
- From Zenn
Ionic's IonItem Can Become a div, a, or button—a Versatile Component
How ion-item picks div, anchor, or button from href and button attributes for accessible, standards-friendly DOM.
- From Zenn
A Helper Method for Merging Associative Arrays in Ionic
ArrayConcatById merges timeline-style arrays by ID with overwrite, deletion, and sort options for Infinite Scroll and Refresher.
- From Zenn
Pause New App Development and Submit Your Google Play Console Content Rating First
Content rating by an external agency can block new Android releases for days. Submit it early—even before your binary is ready.
- From Zenn
Ionic/Angular Toast Gets Easier with a Helper Method
Wrap ToastController in a service with defaults and optional Capacitor Haptics so feedback toasts stay consistent across a growing app.
- From Zenn
Implement Ionic/Angular Lifecycle Interfaces to Avoid Typos
Implement ViewWillEnter and related Ionic lifecycle interfaces so compiler errors catch misspelled ionView* method names.
- From Zenn
Smart AlertController Refactoring with Promises in Ionic
Why handler return values do not flow through onWillDismiss, and how to wrap AlertController in a Promise for clean async refactoring.
- From Zenn
The Standard Way to Get Fast Live Reload in Ionic/Angular
Enable Angular 11 HMR with ionic serve -- --hmr for much faster feedback on large Ionic/Angular projects.
- From Zenn
How to Start an Ionic + NestJS Project with the Monorepo Template
Step-by-step setup using the create-ionic-nest-app template: clone, generate app and API, and npm run release.
- From Zenn
Implementing a Half Modal in Ionic/Angular
CSS and ModalController options for half-height modals, backdrop on stacked modals, and expanding to full screen when the keyboard opens.
- From Zenn
I Added Links from the Ionic Framework Japanese Documentation to Zenn
An experimental cross-link between ionicframework.jp, ionicframework.com/jp/docs, and the Zenn Ionic topic page.
- From Zenn
Making an Ionic/Angular App Compatible with iOS 12 (Backward Compatibility)
Fix ReferenceError: Can't find variable: globalThis on iOS 12 by adding the @ungap/global-this polyfill to polyfills.ts.
November 2020
September 2020
- From Zenn
CSS Variable Color Schemes Work Better When You Also Define contrast and rgb
Beyond primary and secondary CSS variables, add contrast and rgb values to avoid one-off colors and improve maintainability.
- From Zenn
Where Is a Web Designer's Canvas?
CrowdWorks vs Lancers deliverables, in-browser design, and why HTML/CSS—not mockup images—should be the web design canvas.
- From Zenn
How to Turn Your Website into an iOS/Android App in Just Five Minutes
Step-by-step Capacitor tutorial: set up Node, Xcode, and Android Studio, wrap a static site in www, and run it in iOS and Android emulators.
- From Zenn
I Realized PageSpeed Insights Is a Tool for Screening Out Web Production Sales Pitches
Use PageSpeed Insights on a prospect's sample URL—if they cannot score above red (50), treat that as a hard filter, not a performance benchmark.