ホーム自己紹介ブログ
NO.344
DATE2026. 05. 11

モバイルアプリからPWAアプリへ切り替え

以下で書いた個人ブログを読むアプリ（個人ブログライブラリ、略して "こぶりー" ）をモバイルアプリで開発していました。

個人ブログキュレーション

個人ブログは、書き手の人生が現れていて読むのが好きです。 仕事のことも良いですが、私の好みは私生活についてのブログ記事が良いです。 風邪引いたとか、美味しいもの食べたとか、非生産的な内容 が良いんです。 勝手に書き手を応援したくなるし、勝手

ジブンノート

審査関連でハードルが高いのと、PWAアプリで同じ機能を実現できるので、
モバイルアプリからPWAアプリへ切り替えました。

審査

モバイルアプリの対象プラットフォームは、Android だけと考えていました。

モバイルアプリを作る機運が高まった

過去にモバイルアプリを作ろうとして断念したことがありました。 https://silverbirder.github.io/blog/contents/first-mobile-app-failure/ 最近、作りたいモバイルアプリのネタが

ジブンノート

Google Play へリリースするためにはいくつかのステップを踏まないといけません。
ネットで調べてみると、様々な先駆者たちによって知見が公開されていました。

まずは、提出するためのアカウントを個人にするか組織にするかという点です。
そのまま文字として読むなら、私は法人化していない個人事業主のため 個人アカウントを選択します。
組織アカウントでの提出も可能ですが、企業識別コード D-U-N-S Numberの準備が必要とのことです。
いったん、個人アカウントで考え始めました。

個人アカウントの場合、リリース前のクローズドテストというステップで、12人のテスターと14日間のテスト実施が必要です。
DiscordやSaaSなどでそれらを解消する方法があるようです。
『お、大変そ...』と 心が少しポキッ としました。

また、モバイルアプリを課金可能なアプリとして提出する場合、
Google Play にてアカウントの住所や電話番号が公開されます。
そういえば、この情報は昔SNSで見たことがあるのですが、すっかり忘れてました。笑
『無料アプリとして提出する予定だったけど、課金機能を作るなら全世界に私の住所と電話番号が...』と ポキッと しました。

これらの問題を解決する方法として組織アカウントの作成のようです。
これがあれば、"クローズドテストの免除"と Google Play へ公開される情報が "組織の住所と電話番号" になります。
後者は、バーチャルオフィスの契約や携帯電話の契約などが必要です。
『持ち物が増える...』と ポッキリ してしまいました。
このためだけにバーチャルオフィスや電話番号の契約をするのに、意欲が上がりませんでした。

PWAでも同じものが作れる

モバイルアプリで欲しかったのは 通知 だけです。
PWA アプリとして Web アプリを作れば、Web Pushで通知を受け取れます。
PWA 前提と振り切れば、まあ良いんじゃないかと思い始めました。

コードベースの移行は、1時間程度で終了しました。
いろいろと理由があるのですが、以下の理由が移行を楽にしてくれました。

  • React Native から React への移行
    • "Learn Once, Write Anywhere" を強く実感しました
  • APIは Supabase に寄せている
    • クライアントからは、Supabase SDK + TanStack Query でコード変更なし
  • UIライブラリは、React Native, React 両方サポートの HeroUI
    • UI部分もそのまま移行

ただし、React Native 向けのライブラリとして React Native Calendars を使用していたので、
それの切り替えが少し必要でした。
Web Push の仕組みについては、基本的に Supabase 側に全て寄せていたため、
サービスワーカーから 購読処理を書く（登録と通知）ぐらいで その他は変更が少なかったです。

実際にデプロイしたPWAアプリで通知確認しましたが、アプリをシャットダウンしても通知が届きました。

終わりに

モバイルアプリって、もう組織アカウントじゃないと提出するの難しそうですね...。
個人はもうだいぶハードル上がってそうで、組織が開発したモバイルアプリが多くを占めるのではと思ったりしました。
PWA いくぞ！

フロントエンド

-

読者になる

|

シェアする

|

silverbirders

silverbirder

Webソフトウェアエンジニア

ブログを応援する

この記事がよかったら、お布施という形で応援してもらえるとうれしいです。

おふせぼたん

※ ログイン不要で投稿できます。

※ 同じブラウザから投稿を削除できます。

0

読み込み中...

次の記事へ前の記事へ

関連する記事

タグ「フロントエンド」の記事

モバイルアプリを作る機運が高まった

過去にモバイルアプリを作ろうとして断念したことがありました。 https://silverbirder.github.io/blog/contents/first-mobile-app-failure/ 最近、作りたいモバイルアプリのネタが

2026年04月14日

フロントエンド
Webフロントエンドのコードレビューメモ2

また、以下の記事の続きを書こうと思います。 https://silverbirder.github.io/blog/contents/20260312/ ビジネスロジック アプリケーションのビジネスロジックに関することについて書きます。 複

2026年03月18日

フロントエンド
Webフロントエンドのコードレビューメモ

Webフロントエンドのコードレビューをしているときに考えていることについて書きます。 毎日1記事投稿、1記事30分という制約を課していますので、本記事は完璧ではありません。(言い訳) また希望的な考えもあるので、実践していないものもあります

2026年03月12日

フロントエンド
← ブログ一覧へ