CATEGORY

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アプリやPWAを作っていると、ブラウザ側にデータを保存できる「localStorage(ローカルストレージ)」を使いたくなる場面がよくあります。 ダークモードの設定を保存しておきたい 初回起動時のチュートリアルを見たかどうかを記憶させたい フォームの入力途中のテキストを一時保存したい このように、サーバーと通信する […]

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

ショートカット・標準ホーム画面追加・OJapp方式の違いをわかりやすく比較 iPhoneやAndroidでは、Webサイトや気に入ったページをスマホのホーム画面にアイコンとして配置する方法がいくつかあります。 一見するとどれも同じように「ホーム画面にアイコンが置かれる」ように見えますが、実はその仕組みや特徴は大きく異なります。 特に混乱しやすいのが、次の3つのアプローチです。 ショートカット方式( […]

ホーム画面に追加できない原因と解決方法まとめ

ホーム画面に追加できない原因と解決方法まとめ|iPhone・Android対応 iPhone や Android で「ホーム画面に追加」「インストール」が表示されない、 押しても追加されない、アイコンが変になる── iPhoneやAndroidでWebページをホーム画面に追加しようとしたときに、うまくいかないことがあります。 「ホーム画面に追加」の項目が表示されない ボタンを押しても反応しない 追 […]

iPhone・Androidのホーム画面アイコンの作り方と作成ツール比較

iPhone・Androidのホーム画面アイコンの作り方と作成ツール比較 ホーム画面のアイコンを自作して統一したい── そう考えて検索すると、まず出てくるのが「Canvaで作る方法」です。 しかし実際には、 Canvaに向いている場合・向いていない場合の両方があり、 目的によって最適な作り方は変わります。 この記事では、ホーム画面アイコンを作るための具体的な手順と、 Canva・写真アプリ・専用ツ […]

2026年、ホーム画面カスタマイズはどう変わった?純正機能の進化とユーザー需要の変化を解説

2026年のホーム画面カスタマイズはどう変わった?純正機能とユーザー需要の変化を解説 少し前まで、スマホのホーム画面をおしゃれにするには、壁紙セット、アイコン素材、ショートカット、テーマアプリなどを組み合わせるのが当たり前でした。 特にiPhoneでは、純正の自由度がそこまで高くなかったので、外部サービスや自作アイコンに頼る人も多かったと思います。 でも、2024年以降のiOSアップデートで、ホー […]

>OJapp Tips

OJapp Tips

PWA開発やWebデザインの現場で使える実践的なノウハウをお届けする「OJapp tips」。iOS特有の挙動ハックからmanifest.jsonの緻密な設計まで、ツール開発者が実機検証(PWA LAB)を繰り返して得た泥臭いリアルな知見を発信中。

私たちが運営する「Petal」は、その仕組みを使って“人のページを名刺のように持つ”ためのミニマルなSNS。QRからすぐ開けて、ログインなしでも見れる。でも、必要なときだけつながれる。そんな「弱いつながり」を未来へ残すために作られています。