UI/UX

ホーム画面に追加したWebサイトはアプリ？ブックマーク？PWAとの違いを解説

iPhoneやAndroidでWebサイトをホーム画面に追加すると、これはアプリ？それともブックマーク？通常のWebサイトへのショートカットとPWAの違いを、アイコン、起動方法、manifest、standalone表示などからわかりやすく解説します。

PWA開発を一瞬で終わらせる「とりあえず入れるPWA」

PWAは最初からService WorkerやPush通知まで作る必要はありません。manifest.jsonだけで始める最小構成と、その少し面倒な部分を1行スクリプトで省く方法を実装例つきで解説します。

PWA UDA（User Defined App）とは？ユーザーが自分のAppを定義する新しい設計思想

PWAでは、WebサイトやWebページをホーム画面に追加し、Appのような入口として使うことができます。これまでPWAについて考えるとき、「開発者がどのようなAppを作るか」という視点が中心でした。サイト全体を1つのAppとして設計するのか。それとも、特定のページを1つのAppとして設計するのか。 OJappでもこれまで、1S1A（One Site. On […]

PWAのメリットをユーザー側から考える。ホーム画面に追加したくなる理由の作り方

PWAのメリットをユーザー側から考えます。ホーム画面へ追加する理由、start_urlによる起動体験、ページごとのアイコン、standalone表示、限定オファーなど、ユーザーがPWAを使いたくなるメリットの作り方を実例とともに解説します。

PWAのメリットとは？2026年は「ホーム画面に置ける」だけでも十分な理由

PWAのメリットはオフラインや通知だけではありません。2026年現在、Webページをホーム画面に置き、アプリのような入口を作れること自体が大きなメリットです。manifestだけで始める軽量なPWAとService Workerが本当に必要なケースを解説します。

「ホーム画面に追加」が消えた原因はPWAだった？1S1Aで起きる意外な問題

Chromeで「ホーム画面に追加」が消えて「アプリを開く」になるのはなぜ？実際に見つけた質問をもとにmanifest.jsonを確認すると、サイト全体を1アプリにする1S1A設計が原因として見えてきました。ページ単位で追加する1P1Aとの違いも解説します。

Webサイトを最も簡単にアプリ化する方法 | OJapp PWA Code

WebサイトをPWAとしてホーム画面に追加できるようにしたい。でも、そのために manifest.json を作って、アイコンを用意して、各種設定を書いて……となると、正直ちょっと面倒ですよね。アッピンこれが簡単にできて、登録不要、無料です OJappでは、HTMLにJavaScriptを1行追加するだけでWeb App Manifestを動的に生成で […]