キャッシュを消すべきタイミング・消さべきではないタイミングを開発者目線で整理する

キャッシュを消すべきタイミング・消さべきではないタイミングを開発者目線で整理する スマホやPCを使っていて「表示が変わらない」「更新内容が反映されない」などの問題が起きると、 とりあえずキャッシュを全部消そうとする人が多いです。 しかしキャッシュには大きな役割があり、必要以上に削除すると逆にデメリットが大きくなることがあります。 この記事では、実際に Web ツールを開発しながら何百回もキャッシュ […]

Webツール開発者が絶対にやるSafariキャッシュ削除術|全消しが逆効果な理由も解説

Webツール開発者が絶対にやるSafariキャッシュ削除術|全消しが逆効果な理由も解説 Safari のキャッシュは「悪者」と思われがちですが、実は正しく使えばブラウジングを高速化してくれる重要な仕組みです。 ただし Webツール開発や WebClip(ホーム画面アイコン)を扱う時だけは別。 更新が反映されない・アイコンが変わらない・挙動が謎 こういう時に限り、キャッシュ削除が必要になります。 こ […]

JavaScriptは意外と自由じゃない?初心者が誤解しがちな「1つの動作に1つのJS」の本質

JavaScriptは意外と自由じゃない?初心者が誤解しがちな「1つの動作に1つのJS」の本質 Web制作を学び始めた人の多くが、最初にこう思います。 「JavaScriptって、何でもできるんでしょ?」 しかし実際にコードを書き始めると、すぐに気づくはずです。 「自由度あるように見えて、意外と自由じゃない…」 JavaScript は確かに強力ですが、魔法ではありません。 どんなに簡単な動きでも […]

なぜ OJapp のアイコンは綺麗に見えるのか?CSSが担う役割と限界を解説

なぜ OJapp のアイコンは綺麗に見えるのか?CSSが担う役割と限界を解説 OJapp で作ったホーム画面アイコンは、iPhone・Android のどちらでも綺麗に表示されます。 「なんでこんなに崩れないの?」という疑問をよくもらうので、この記事では CSSが裏側でどう関わっているかを初心者向けに解説します。 結論:CSSは“整えるプロ”、画像編集は“素材づくりのプロ” OJapp の綺麗さは […]

CSSでできること・できないことを初心者向けにわかりやすく解説

CSSでできること・できないことを初心者向けにわかりやすく解説 Web制作を学び始めると、多くの人が最初にぶつかる疑問があります。 「CSSってどこまでできるの?」 「逆に、できないことって何?」 この記事では、CSSの役割を「できること」と「できないこと」に分けて、初心者でもスッと理解できるように整理します。 CSSでできること(〇) CSSの本質は“見た目を整える”ことです。動き・配置・色など […]

OJapp 裏側の技術スタックを語る(2026年版)|個人開発3ヶ月で辿り着いた最適解

OJapp の裏で使われている技術スタックを語る(2026年版)|個人開発3ヶ月で辿り着いた最適解 OJapp を作り始めて、実はまだ 3ヶ月 しか経っていません。 それでも今では OJapp / OJapp Card / OJ-Pass / PastCamera など、小さな 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が提供する、静的サ […]

>OJapp / Petal

OJapp / Petal

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

CTR IMG