CATEGORY

CSS

実際にOJappで使っているcssや、よく使うcss、cssのテクニックをわかりやすく紹介します。

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

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

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

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

      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など自作ツールの開発で詰まったことを元にしています。 きれいな理論だけではなく、「実際にはここでハマる」という現場寄りの知識を残すための場所です。