CATEGORY

PWA

Webサイトをアプリのように使えるようにする仕組み「PWA(Progressive Web Apps)」を解説するカテゴリーです。 manifest.json・Service Worker・オフライン対応・ホーム画面追加など、実装に必要な知識と活用方法をまとめています。

PWA×iOSでできること完全まとめ【2026年版】できること・できないことを一発で理解

PWA×iOSでできること完全まとめ【2026年版】できること・できないことを一発で理解 最終更新:2026/04/11 PWA(Progressive Web Apps)は「Webをアプリのように使える技術」として広まりました。 しかしiPhone(Safari)では、その機能は大きく制限されています。 この記事では2026年時点で、 PWA×iOSで「実際にできること」と「できないこと」を整理 […]

2026年版:iOS/Androidでここまでできる!ネイティブアプリに見えるPWAのUXハック

2026年版:iOS/Androidでここまでできる!ネイティブアプリに見えるPWAのUXハック 最終更新:2026/04/11 2026年、PWAとネイティブアプリの境界はほとんど見えなくなりました。 それでも、デフォルトのままではどこかに「ブラウザの気配」が残ります。 ホーム画面職人としてやるべきことはひとつ。 ユーザーに“Webであることを忘れさせる”ことです。 ここでは、そのための具体的な […]

通知に振り回されない。Petalが目指す『静かなホーム画面』とPWAの通知制御

通知に振り回されない。Petalが目指す『静かなホーム画面』とPWAの通知制御 最終更新:2026/04/11 スマートフォンのホーム画面を開いたとき、目に飛び込んでくる赤い通知バッジ。 私たちは無意識のうちに、その数字を消すための行動を繰り返しています。 今ではPWAの技術によって、ネイティブアプリと同じようにプッシュ通知を実装することは簡単になりました。 それでもPetalは、あえてその「剣」 […]

ただのブックマークじゃない。PWAで実現する『ホーム画面に溶け込む』アイコン設計術

ただのブックマークじゃない。PWAで実現する『ホーム画面に溶け込む』アイコン設計術 最終更新:2026/04/11 「ホーム画面に追加」されたアイコンが、単なるブラウザのショートカットとして浮いて見えてしまうのか、それとも最初からそこにいた「アプリ」として馴染むのか。その境界線は、わずか数行のコードと、数ピクセルのこだわりで決まります。 1. manifest.json で「アプリの魂」を定義する […]

ホーム画面名刺とは?新しいつながり方「Petal」の考え方と使い方

ホーム画面名刺とは?新しいつながり方「Petal」の考え方と使い方 最終更新:2026/04/07 名刺といえば、紙で渡して終わるもの。 交換したあと、どこかにしまわれて、そのまま見返すことはほとんどありません。 でも今は、スマホが常に手元にある時代。 もし名刺が「ホーム画面」に残るとしたら、どうでしょうか。 それが、ホーム画面名刺という新しい考え方です。 ホーム画面名刺とは ホーム画面名刺とは、 […]

SafariのPWA制限とは?できること・できないことまとめ【2026】

SafariのPWA制限とは?できること・できないことまとめ【2026年版】 最終更新:2026/04/06 PWA(Progressive Web Apps)は本来、Webサイトをアプリのように使える技術です。 しかし、iPhoneのSafariではこのPWAが制限された状態で動作しています。 この記事では、2026年時点でのSafariにおけるPWAの制限について、 できること・できないことを […]

iPhoneでホーム画面に追加する方法【2026年版】初心者でも簡単にできる手順

iPhoneでホーム画面に追加する方法【2026年版】初心者でも簡単にできる手順 最終更新:2026/04/06 iPhoneでは、Webサイトやツールを「ホーム画面」に追加して、 アプリのように使うことができます。 この記事では、初心者でも迷わないように ホーム画面に追加する方法をステップごとに解説します。 ホーム画面に追加とは? ホーム画面に追加とは、 Safariで開いているページをアイコン […]

iPhoneでPWAが動かない?原因と今すぐできる対処法【2026年版】

iPhoneでPWAが動かない?原因と今すぐできる対処法【2026年版】 最終更新:2026/04/06 「PWAを作ったのに、iPhoneで動かない…」 この問題は2024年以降、多くの開発者・ユーザーが直面しています。 結論から言うと、 iPhoneではPWAが“本来の仕様通りに動かないケースが多い”のが原因です。 この記事では、主な原因と、今すぐできる対処法をわかりやすく解説します。 ① S […]

PWAとWebClipの違いとは?iPhoneではどっちを使うべきか【2026年版】

PWAとWebClipの違いとは?iPhoneではどっちを使うべきか【2026年版】 最終更新:2026/03/21 PWA(Progressive Web Apps)とWebClipは、どちらも 「Webサイトをホーム画面に追加する」仕組みです。 しかしこの2つは、仕組みも役割もまったく違います。 そして2026年現在、iPhoneでは どちらを選ぶべきかはほぼ決まっています。 PWAとは何か? […]

iPhoneでPWAはもう使えない?2026年の結論と今できること

iPhoneでPWAはもう使えない?2026年の結論と今できること 最終更新:2026/03/21 「iPhoneでPWAってもう使えないの?」 2024年以降、この疑問を持つ人が急増しています。 結論から言うと、 完全に使えないわけではないが、従来のPWAとしてはほぼ成立しなくなっている というのが2026年時点の現実です。 この記事では、iPhoneにおけるPWAの現状と、 今できることをわか […]

>OJapp / Petal

OJapp / Petal

OJappは、Webページをそのままホーム画面に置ける仕組みを提供しています。
Petalは、その仕組みを使って “人のページを名刺のように持つ”ためのサービスです。
QRからすぐ開けて、ログインなしでも見れる。 でも、必要なときだけつながれる。
そんな「弱いつながり」を残すために作られています。

CTR IMG