メイン コンテンツにスキップ
web.dev for China
  • ウェブ プラットフォーム
  • 自分のペースでウェブ プラットフォームを学びましょう。
  • HTML
  • CSS
  • JavaScript
  • ユーザー エクスペリエンス
  • ユーザー エクスペリエンスを向上させる方法を学びます。
  • パフォーマンス
  • ユーザー補助
  • ID
  • 詳細
  • ウェブ開発の最新情報を把握する。
  • HTML について学ぶ
  • CSS の詳細
  • JavaScript について学ぶ
  • パフォーマンスの詳細
  • ユーザー補助の詳細
  • その他のコース
  • 参考情報
  • コンテンツ コレクションやパターンなどを探索できます。
  • AI とウェブ
  • 確認
  • PageSpeed Insights
  • パターン
  • ポッドキャストや番組
  • デベロッパー向けニュースレター
  • web.dev について
ベースライン ブログ 事例紹介
/
  • English
  • Deutsch
  • Español – América Latina
  • Français
  • Indonesia
  • Italiano
  • Polski
  • Português – Brasil
  • Tiếng Việt
  • Türkçe
  • Русский
  • עברית
  • العربيّة
  • فارسی
  • हिंदी
  • বাংলা
  • ภาษาไทย
  • 中文 – 简体
  • 中文 – 繁體
  • 日本語
  • 한국어
web.dev for China
  • リソース
    • その他
  • ベースライン
  • ブログ
  • 事例紹介
  • ウェブ プラットフォーム
  • HTML
  • CSS
  • JavaScript
  • ユーザー エクスペリエンス
  • パフォーマンス
  • ユーザー補助
  • ID
  • 詳細
  • HTML について学ぶ
  • CSS の詳細
  • JavaScript について学ぶ
  • パフォーマンスの詳細
  • ユーザー補助の詳細
  • その他のコース
  • 参考情報
  • AI とウェブ
  • 確認
  • PageSpeed Insights
  • パターン
  • ポッドキャストや番組
  • デベロッパー向けニュースレター
  • web.dev について
このページは Cloud Translation API によって翻訳されました。
  • ホーム
  • Patterns

ウェブアプリのパターン

ウェブアプリを構築するための一般的なパターンのコレクション。
  • Light and Dark HSL Starter Kit
  • Color Schemes with HSL
  • Dark and Light Theme Switch

  • web.dev

    • web.dev

      Google では、すべてのユーザーにとって、美しく、アクセスしやすく、高速で、安全なウェブサイトを構築できるよう、クロスブラウザ対応のウェブサイトを作成したいと考えています。このサイトには、Chrome チームのメンバーや外部の専門家が作成した、移行を支援するコンテンツが揃っています。

  • 投稿

    • バグを報告
    • 未解決の問題を見る

  • 関連コンテンツ

    • デベロッパー向け Chrome
    • Chromium のアップデート
    • 事例紹介
    • ポッドキャストと番組

  • フォロー

    • X での @ChromiumDev
    • YouTube
    • LinkedIn の Chrome for Developers
    • RSS
  • 利用規約
  • プライバシー
  • Manage cookies
  • English
  • Deutsch
  • Español – América Latina
  • Français
  • Indonesia
  • Italiano
  • Polski
  • Português – Brasil
  • Tiếng Việt
  • Türkçe
  • Русский
  • עברית
  • العربيّة
  • فارسی
  • हिंदी
  • বাংলা
  • ภาษาไทย
  • 中文 – 简体
  • 中文 – 繁體
  • 日本語
  • 한국어