Web制作のノウハウ

PWAとは？スマホのWebサイトを“アプリ化”する仕組みをわかりやすく解説

PWAとは？スマホのWebサイトをアプリのように使える仕組みをやさしく解説 スマホでWebサイトを見ていると、たまに「ホーム画面に追加」できるページがありますよね。 ホーム画面にアイコンが置かれて、そこから開くとURLバーが消えて画面全体がすっきりし、まるで本物のアプリのように動く――。この快適な仕組みの中心にある技術が「PWA」です。 PWAをざっくり言うと、「Webサイトをスマホアプリと同じよ […]

PWAの作り方｜manifest.json・Service Worker・ホーム画面対応を丁寧に解説

PWAの作り方｜manifest.json・Service Worker・ホーム画面対応を実例つきで解説 Webサイトをスマホのホーム画面に追加したとき、アプリのように見せたい。 URLバーを消したい。アイコンをちゃんと表示したい。できればオフラインでも少し動いてほしい。 そういう時に使う仕組みがPWAです。 PWAと聞くと難しそうに見えますが、最初に必要なものはそこまで多くありません。 mani […]

PWA・ショートカット・OJappの違いを徹底比較｜どれを使うべきか

PWA・ショートカット・OJappの違いを比較｜ホーム画面に置くならどれがいい？ スマホのホーム画面にWebページやリンクを置く方法はいくつかあります。 代表的なのは、PWA、ショートカット、そしてOJappのようなホーム画面追加用ツールです。 見た目だけ見ると、どれも「ホーム画面にアイコンが置ける」という点では同じです。 でも、実際に作ったり使ったりしてみると、かなり性格が違います。 僕自身、P […]

ローカル保存とは？キャッシュ・Cookieの違いをやさしく解説

ローカル保存とは？キャッシュ・Cookie・ローカルストレージの違いをやさしく解説 スマホでWebサイトを見ていると、気づかないうちにいろいろなデータが端末の中に保存されています。 たとえば、画像の読み込みを速くするためのデータ。ログイン状態を保つためのデータ。Webアプリの設定を覚えておくためのデータ。 これらをまとめて、ざっくり言うとローカル保存です。 僕自身、PWA LABやOJ-Passの […]