OJapp Tips
Web Tips from a Tool Developer
What Is PWA UDA (User Defined App)? A New Design Philosophy Where Users Define Their Own Apps
PWA UDA (User Defined App) is a design philosophy where users choose the page, feature, or URL state they want to keep as their own app. Learn how query parameters, 1P1A, and home screen entry points make it possible.
What to Put in the HTML head: Essential Meta Tags and Settings You Can Copy
What should you include in the HTML head? Learn the essential charset, viewport, title, description, canonical, OGP, favicon, and social meta tags, plus outdated tags you can safely skip.
When Should You Ask Users to Add a PWA to Their Home Screen?
When is the best time to suggest adding a PWA to the home screen? Instead of asking immediately on the first visit, consider moments when users have already experienced value: after reading an article, completing a web tool task, returning to the site, or finishing a booking.
How to Detect If a PWA Was Opened from the Home Screen with display-mode: standalone
Learn how to detect whether a PWA is running in a normal browser or in standalone mode using JavaScript. This guide covers matchMedia('(display-mode: standalone)'), the iOS navigator.standalone fallback, practical code examples, and important limitations of home screen launch detection.
How to Show Content Only When a PWA Is Opened from the Home Screen
Learn how to change a PWA's interface only when it is running from the home screen. Using display-mode: standalone and navigator.standalone, you can show special messages, menus, offers, or coupons for standalone users while keeping the normal browser experience unchanged.
Is a Website Added to Your Home Screen an App or a Bookmark? PWA Differences Explained
When you add a website to your iPhone or Android home screen, does it become an app or is it just a bookmark? This guide explains the difference between ordinary home screen website shortcuts and PWAs, including manifests, icons, launch URLs, standalone display, offline support, and more.
What Happens If You Delete a Website from Your Home Screen? Do Login Data and Settings Disappear?
What happens when you remove a website or PWA from your iPhone or Android home screen? Learn what happens to your account, login session, cookies, localStorage, Service Worker caches, and other web data—and why deleting a home screen icon is not the same as deleting your account.
What Are Google Preferred Sources? I Added the Button to My WordPress Blog
Google now lets websites add a Preferred Sources button. Here’s what Preferred Sources are, how to add the button to WordPress, and how I solved an issue where the standard button did not appear.
A New Standard for PWAs: Two Designs Shaped by the Web App Manifest
PWAs can be designed in two ways: 1S1A, which treats an entire site as one app, and 1P1A, which turns individual pages into separate apps. This article explains the differences in Web App Manifest design, Manifest management for 1P1A, and how dynamic generation simplifies the implementation.
What Are the Benefits of PWA? Why “Being on the Home Screen” Is Enough in 2026
PWAのメリットはオフラインや通知だけではありません。2026年現在、Webページをホーム画面に置き、アプリのような入口を作れること自体が大きなメリットです。manifestだけで始める軽量なPWAとService Workerが本当に必要なケースを解説します。
What Is a PWA? 2026 Guide to How Websites Work on the Home Screen and the Easiest Way to Implement One
A beginner-friendly guide to the latest PWA developments in 2026. Learn about two new design philosophies—1S1A (One Site. One App.) and 1P1A (One Page. One App.)—how manifest.json enables websites to be added to the home screen, and the role of Service Workers.
What Is Home Screen Marketing? A New Web Strategy for “Delivering Pages” with PWA
An introduction to “Home Screen Marketing,” a new concept proposed by OJapp. Learn how PWA technology can bring products, articles, booking pages, and other content directly to a user’s home screen, creating a new marketing channel that drives repeat visits without relying on search.
Why Even Debate Whether to Adopt PWA? It’s Basically the Modern apple-touch-icon Now
Are you spending hours debating whether you should adopt PWA? If all you need is home screen support, modern PWA does not require large-scale development. This article introduces 1P1A, an approach that lets you create a better home screen experience on both iPhone and Android by adding just one line of code—much like the traditional `apple-touch-icon`.
The PWA Design Philosophy of 1P1A (One Page. One App.)
Learn about 1P1A (One Page. One App.), a PWA design philosophy that treats each web page as its own app. Explore how page-specific icons and launch URLs create a new home screen experience beyond the traditional one-site, one-app model.
The Two Directions of PWA Design: “1S1A” That Returns to the Top and “1P1A” That Turns Every Page into an App
PWA design can be approached through two different philosophies: One Site. One App. (1S1A) and One Page. One App. (1P1A). This article explains why traditional PWAs cannot easily treat individual pages as independent apps, exploring how scope, start_url, and same-origin behavior work, along with the key characteristics and trade-offs of each approach.