【実録】パスワードを忘れて始末書を書く人を、1枚のPWAで救った話
【実録】パスワードを忘れて始末書を書くリスナーを、1枚のPWAで救済した話 私のゲーム配信に遊びに来てくれるリスナーさんから、ある日こんな悲痛な叫びが届きました。 「会社で3ヶ月に一度パスワード変更を強制されるんですが、10個もあって覚えきれず、忘れるたびに始末書を書かされています……」 連絡先も知らない彼を、今この場で救うにはどうすればいいか。 その答えが、インストール不要で即座に […]
CATEGORY
Web制作のノウハウ
iOSでホーム画面に追加したURLが勝手に変わる?原因と対策（PWA・manifestの罠）
iOSでホーム画面に追加したURLが勝手に変わる原因と対策（PWA・manifestの罠） Webアプリをホーム画面に追加したとき、「開いているURLと違うURLが保存される」という現象に遭遇したことはありませんか？ 実際に、/petal/{token} を開いているのに、ホーム画面には /petal/@username が保存されてしまう問題が発生しました。 結論から言うと、原因は manife […]
PWA×iOSでできること完全まとめ【2026年版】できること・できないことを一発で理解
PWA×iOSでできること完全まとめ【2026年版】できること・できないことを一発で理解 PWA（Progressive Web Apps）は「Webをアプリのように使える技術」として広まりました。 しかしiPhone（Safari）では、その機能は大きく制限されています。 この記事では2026年時点で、 PWA×iOSで「実際にできること」と「できないこと」を整理します。 結論から言うと👇 iO […]
2026年版：iOS/Androidでここまでできる！ネイティブアプリに見えるPWAのUXハック
2026年版：iOS/Androidでここまでできる！ネイティブアプリに見えるPWAのUXハック 2026年、PWAとネイティブアプリの境界はほとんど見えなくなりました。 それでも、デフォルトのままではどこかに「ブラウザの気配」が残ります。 ホーム画面職人としてやるべきことはひとつ。 ユーザーに“Webであることを忘れさせる”ことです。 ここでは、そのための具体的なUX設計を解説します。 1. 起 […]
通知に振り回されない。Petalが目指す『静かなホーム画面』とPWAの通知制御
通知に振り回されない。Petalが目指す『静かなホーム画面』とPWAの通知制御 スマートフォンのホーム画面を開いたとき、目に飛び込んでくる赤い通知バッジ。 私たちは無意識のうちに、その数字を消すための行動を繰り返しています。 今ではPWAの技術によって、ネイティブアプリと同じようにプッシュ通知を実装することは簡単になりました。 それでもPetalは、あえてその「剣」を手に取りませんでした。 1. […]
ただのブックマークじゃない。PWAで実現する『ホーム画面に溶け込む』アイコン設計術
ただのブックマークじゃない。PWAで実現する『ホーム画面に溶け込む』アイコン設計術 「ホーム画面に追加」されたアイコンが、単なるブラウザのショートカットとして浮いて見えてしまうのか、それとも最初からそこにいた「アプリ」として馴染むのか。 その境界線は、わずか数行のコードと、数ピクセルのこだわりで決まります。 1. manifest.json で「アプリの魂」を定義する PWAをホーム […]
ホーム画面名刺とは？新しいつながり方「Petal」の考え方と使い方
ホーム画面名刺とは？新しいつながり方「Petal」の考え方と使い方 名刺といえば、紙で渡して終わるもの。 交換したあと、どこかにしまわれて、そのまま見返すことはほとんどありません。 でも今は、スマホが常に手元にある時代。 もし名刺が「ホーム画面」に残るとしたら、どうでしょうか。 それが、ホーム画面名刺という新しい考え方です。 ホーム画面名刺とは ホーム画面名刺とは、 自分の名刺をスマホのホーム画面 […]
SafariのPWA制限とは？できること・できないことまとめ【2026】
SafariのPWA制限とは？できること・できないことまとめ【2026年版】 PWA（Progressive Web Apps）は本来、Webサイトをアプリのように使える技術です。 しかし、iPhoneのSafariではこのPWAが制限された状態で動作しています。 この記事では、2026年時点でのSafariにおけるPWAの制限について、 できること・できないことを整理して解説します。 なぜSaf […]
iPhoneでホーム画面に追加する方法【2026年版】初心者でも簡単にできる手順
iPhoneでホーム画面に追加する方法【2026年版】初心者でも簡単にできる手順 iPhoneでは、Webサイトやツールを「ホーム画面」に追加して、 アプリのように使うことができます。 この記事では、初心者でも迷わないように ホーム画面に追加する方法をステップごとに解説します。 ホーム画面に追加とは？ ホーム画面に追加とは、 Safariで開いているページをアイコンとして保存し、 アプリのようにす […]
iPhoneでPWAが動かない？原因と今すぐできる対処法【2026年版】
iPhoneでPWAが動かない？原因と今すぐできる対処法【2026年版】 「PWAを作ったのに、iPhoneで動かない…」 この問題は2024年以降、多くの開発者・ユーザーが直面しています。 結論から言うと、 iPhoneではPWAが“本来の仕様通りに動かないケースが多い”のが原因です。 この記事では、主な原因と、今すぐできる対処法をわかりやすく解説します。 ① Safariの仕様制限（最大の原因 […]
