CATEGORY

Web制作のノウハウ

    PWAの新基準!Web App Manifestで変える2つの設計

    PWAには、サイト全体を1つのアプリにする1S1Aと、ページごとにアプリ化する1P1Aという2つの設計があります。Web App Manifestの違いと、1P1Aで必要になるManifest管理、動的生成による実装方法を解説します。

      従来のPWAが抱えた問題と、「1P1A」という新しい設計思想

      PWA(Progressive Web Apps)は、Webサイトをホーム画面へ追加し、アプリのように起動できる技術です。 ブラウザからアクセスしていたWebサイトがホーム画面にアイコンとして残り、そこから直接起動できる。 これは非常に便利な仕組みです。 しかし、従来のPWAには一つ、大きな前提がありました。 「1つのサイトを、1つのアプリとして扱う」 とい […]

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

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

          PWAとは?2026年最新!ホーム画面に追加できるWebサイトの仕組みと最も簡単な実装方法

          PWA(Progressive Web Apps)は、 Webサイトをスマートフォンのホーム画面へ追加し、アプリのように利用できる技術です。 App StoreやGoogle Playへ公開しなくても、 Webサイトだけでアプリのような体験を提供できます。 最近では企業サイトやECサイトだけでなく、 ブログやWebツールなどでも利用される機会が増えてきました […]

            ホーム画面マーケティングとは?PWAで「ページを届ける」という新しいWeb戦略

            SEO、SNS、広告、メール。 これまでのWebマーケティングは、ユーザーをWebサイトへ連れてくることが中心でした。 もちろん、それは今でも重要です。 しかし、せっかく訪れてくれたユーザーも、ブラウザを閉じればサイトとの接点は一度切れてしまいます。 もう一度見てもらうには、 検索する ブックマークを探す SNSを開く URLを思い出す という行動が必要にな […]

            OJapp Tips  -  PWA・ホーム画面追加の実機検証ブログ

            OJapp Tips  -  PWA・ホーム画面追加の実機検証ブログ

            OJapp Tipsは、 公式ドキュメントをなぞるだけでは分かりにくい挙動を、実際にiPhone・Android・PCで検証しながら記録しています。

            特に、manifest.json、Service Worker、Web App Manifest、WebClip、アイコンキャッシュ、ホーム画面追加の挙動など、 Webサイトを「アプリのような入口」として使うためのノウハウを中心に扱っています。

            OJapp Tipsの記事は、PWA LABでの実機検証や、OJapp・Petal・OJ-Passなど自作ツールの開発で詰まったことを元にしています。 きれいな理論だけではなく、「実際にはここでハマる」という現場寄りの知識を残すための場所です。