CATEGORY

Web制作のノウハウ

iOS WebClip の歴史を徹底解説|ホーム画面アイコン機能はどのように進化してきたのか?

iOS WebClip の歴史を徹底解説|ホーム画面アイコン機能はどのように進化してきたのか? いまでは当たり前になった「ホーム画面に Web サイトを追加する」機能。 しかし、これは iOS の登場と同時に存在していたわけではありません。 iPhone が最初に搭載した WebClip は、とてもシンプルなものでした。 そこから 15年以上のアップデートを経て、現在の「影キャッシュ」問題につなが […]

iPhoneのアイコンが更新されない理由|Safariが保持する“影キャッシュ”の正体を徹底解説

iPhoneのアイコンが更新されない理由|Safariが保持する“影キャッシュ”の正体を徹底解説 「アイコン画像を変えたのに、ホーム画面では昔のまま…」 「何回追加しても同じアイコンが出てくる…」 iPhoneでホーム画面アイコンが“更新されない”問題は、多くのユーザーがつまずくポイントです。 その原因は、通常のキャッシュとは別に存在する Safari の “影キャッシュ(Shadow Cache […]

HTML・CSS・JavaScriptの違いを小学生でもわかるように説明してみた

HTML・CSS・JavaScriptの違いを小学生でもわかるように説明してみた Webページを作るときは、HTML・CSS・JavaScript という3つを使います。 でも、「名前は聞いたことあるけど、どう違うの?」と思う人も多いはず。 そこで今回は、この3つを家づくりに例えて、 小学生でもわかるレベルで説明します。 HTMLは“家の骨組み” HTMLは、Webページの形・中身を作る役割があり […]

ページを無料で公開する方法|GitHub Pagesだけでできる超初心者入門

ページを無料で公開する方法|GitHub Pagesだけでできる超初心者入門 「自分で作ったWebページを誰でも見れるようにしたい!」 「スマホでアクセスできるURLがほしい!」 という初心者に最もおすすめなのが GitHub Pages です。 サーバー契約もドメイン購入も不要。 完全無料で、世界中に公開できるURLが手に入ります。 GitHub Pagesとは? GitHubが提供する、静的サ […]

作ったWebページをスマホで見る方法|初心者でもできる一番カンタンなやり方

作ったWebページをスマホで見る方法|初心者でもできる一番カンタンなやり方 「PCで作った Webページをスマホで見たい!」 でも、やり方が分からず止まってしまう初心者はとても多いです。 実は、難しい設定やサーバーは一切不要。 誰でも無料でスマホから確認できる3つの方法を紹介します。 方法①:無料公開サービス(おすすめ)を使う 最も簡単でおすすめなのが、 無料でWebページを公開できるサービスにア […]

無料でWebページ1枚を作る方法|初心者でも10分でできる超シンプル手順

無料でWebページ1枚を作る方法|初心者でも10分でできる超シンプル手順 「Webページを作るには特別なアプリが必要?」 「プログラミング知識がないと無理?」 と思っている初心者はとても多いですが、実は PCとブラウザだけあれば、誰でも無料でWebページ1枚を作れます。 この記事では、最もカンタンな方法で “たった10分でWebページを1枚作る手順” を紹介します。 VSCodeなどの専門ツールも […]

有料アプリの正体|実は“中身ほぼWebサイト”で作られているって知ってた?

有料アプリの正体|実は“中身ほぼWebサイト”で作られているって知ってた? 「アプリって難しそう」「プログラマーじゃないと作れない」── そんなイメージを持っている人は多いですが、実は 世の中の有料アプリの多くは “中身がほぼWebサイト” です。 つまり、HTML・CSS・JavaScript を使って作ったページを アプリの「箱」に入れているだけのケースがたくさんあります。 なぜ多くのアプリが […]

ブラウザキャッシュの仕組みを徹底解説|更新されない・古い表示になる原因とは?

ブラウザキャッシュの仕組みを徹底解説|更新されない・古い表示になる原因とは? Webサイトを更新したのに「古いまま表示される」「反映されない」という相談は非常に多くあります。 その原因のほとんどが ブラウザキャッシュ の仕組みによるものです。 この記事では、強キャッシュ・弱キャッシュ・ETag・Last-Modified といった キャッシュの基本から、更新が反映されないときの原因、正しい対策まで […]

ローカルストレージの限界とは?容量・削除タイミング・安全性を徹底解説【中級者向け】

ローカルストレージの限界とは?容量・削除タイミング・安全性を徹底解説 スマホやブラウザで動く Webアプリは、ユーザーの設定や状態を保存するために localStorage(ローカルストレージ) をよく使います。 しかし実際には、 「localStorage は無限に使えるわけではない」 「iPhone が勝手にデータを消してしまう」 などの“限界”や“落とし穴”が存在します。 この記事では、lo […]

ショートカット・Webアプリ方式・OJapp方式を徹底比較

ショートカット・Webアプリ方式・OJapp方式を徹底比較 iPhone / Android の「ホーム画面に追加」には、実は大きく分けて3つの方法があります。 ① ショートカット方式(iPhone標準のカスタム) ② Webアプリの標準「ホーム画面に追加」機能 ③ OJapp方式(自由アイコンで配置できる) この記事では、「どの方法で何ができて、何ができないか」を分かりやすく整理します。 ① シ […]

>OJapp / Petal

OJapp / Petal

OJappは、Webページをそのままホーム画面に置ける仕組みを提供しています。
Petalは、その仕組みを使って “人のページを名刺のように持つ”ためのサービスです。
QRからすぐ開けて、ログインなしでも見れる。 でも、必要なときだけつながれる。
そんな「弱いつながり」を残すために作られています。

CTR IMG