PWAは、Webサイトをスマホのホーム画面に追加して、アプリのように使える仕組みです。 ただ、実際に作ってみるとわかります。 ホーム画面に置けるだけでは、まだアプリっぽくはなりません。 アイコンをタップした瞬間に白い画面が出る。上のバーだけブラウザっぽい。スクロールした時の動きがWebっぽい。戻る操作で急にSafariやChromeの気配が出る。 こういう小さな違和感が積み重なると、ユーザーは無意 […]
通知に振り回されない。Petalが目指す『静かなホーム画面』とPWAの通知制御 スマートフォンのホーム画面を開いたとき、目に飛び込んでくる赤い通知バッジ。 私たちは無意識のうちに、その数字を消すための行動を繰り返しています。 今ではPWAの技術によって、ネイティブアプリと同じようにプッシュ通知を実装することは簡単になりました。 それでもPetalは、あえてその「剣」を手に取りませんでした。 1. […]
ただのブックマークじゃない。PWAで実現する『ホーム画面に溶け込む』アイコン設計術 「ホーム画面に追加」されたアイコンが、単なるブラウザのショートカットとして浮いて見えてしまうのか、それとも最初からそこにいた「アプリ」として馴染むのか。 その境界線は、わずか数行のコードと、数ピクセルのこだわりで決まります。 1. manifest.json で「アプリの魂」を定義する PWAをホーム […]
SNS疲れたら見ないべき？“やめない”ための新しい使い方 SNSに疲れたとき、よく言われるのが「スマホを見ない」という対処法です。 確かに一度距離を置くことで、気持ちが軽くなることもあります。 しかし実際には、「見ないことで逆に不安になる」と感じたことはないでしょうか。 SNSを見ないと、置いていかれる感覚 SNSを閉じると、情報から切り離されます。 それによって一時的に楽になる反面 […]
ホーム画面名刺とは？新しいつながり方「Petal」の考え方と使い方 名刺といえば、紙で渡して終わるもの。 交換したあと、どこかにしまわれて、そのまま見返すことはほとんどありません。 でも今は、スマホが常に手元にある時代。 もし名刺が「ホーム画面」に残るとしたら、どうでしょうか。 それが、ホーム画面名刺という新しい考え方です。 ホーム画面名刺とは ホーム画面名刺とは、 自分の名刺をスマホのホーム画面 […]
SafariのPWA制限とは？できること・できないことまとめ【2026年版】 PWA（Progressive Web Apps）は本来、Webサイトをアプリのように使える技術です。 しかし、iPhoneのSafariではこのPWAが制限された状態で動作しています。 この記事では、2026年時点でのSafariにおけるPWAの制限について、 できること・できないことを整理して解説します。 なぜSaf […]
iPhoneでホーム画面に追加する方法【2026年版】初心者でも簡単にできる手順 iPhoneでは、Webサイトやツールを「ホーム画面」に追加して、 アプリのように使うことができます。 この記事では、初心者でも迷わないように ホーム画面に追加する方法をステップごとに解説します。 ホーム画面に追加とは？ ホーム画面に追加とは、 Safariで開いているページをアイコンとして保存し、 アプリのようにす […]
iPhoneでPWAが動かない？原因と今すぐできる対処法【2026年版】 「PWAを作ったのに、iPhoneで動かない…」 この問題は2024年以降、多くの開発者・ユーザーが直面しています。 結論から言うと、 iPhoneではPWAが“本来の仕様通りに動かないケースが多い”のが原因です。 この記事では、主な原因と、今すぐできる対処法をわかりやすく解説します。 ① Safariの仕様制限（最大の原因 […]
Petal名刺とは？ホーム画面でつながる新しい名刺の形 名刺といえば、紙で渡すもの。 名前、会社名、肩書き、連絡先が書かれていて、会った相手に手渡す。 それ自体は今でも大切な文化です。 でも、交換した名刺をあとから何度も見返すかというと、実際にはそうでもありません。 財布や名刺入れに入ったままになったり、写真だけ撮って終わったり、気づけばどこに置いたか分からなくなることもあります。 一方で、今の時 […]
PWAとWebClipの違いとは？iPhoneではどっちを使うべきか【2026年版】 PWA（Progressive Web Apps）とWebClipは、どちらも 「Webサイトをホーム画面に追加する」仕組みです。 しかしこの2つは、仕組みも役割もまったく違います。 そして2026年現在、iPhoneでは どちらを選ぶべきかはほぼ決まっています。 PWAとは何か？ PWAは、Webサイトをアプリ […]
PWA開発やWebデザインの現場で使える実践的なノウハウをお届けする「OJapp tips」。iOS特有の挙動ハックからmanifest.jsonの緻密な設計まで、ツール開発者が実機検証（PWA LAB）を繰り返して得た泥臭いリアルな知見を発信中。
私たちが運営する「Petal」は、その仕組みを使って“人のページを名刺のように持つ”ためのミニマルなSNS。QRからすぐ開けて、ログインなしでも見れる。でも、必要なときだけつながれる。そんな「弱いつながり」を未来へ残すために作られています。
