プレーン・バニラ・ウェブ

• Plain Vanilla Webは、エディタとブラウザ、そしてWeb標準だけでWebサイトとWebアプリケーションを作る方法をまとめたチュートリアル
• 構成要素、スタイリング、サイト、アプリケーションに分けて、Web Components、最新のCSS、クライアントサイドルーティングと状態管理をバニラな方法で扱う
• 現代的なWebフレームワークの利便性よりも、フレームワークやツーリングの複雑さを減らす選択に焦点を当てている
• HTML、CSS、JavaScriptにすでに慣れている読者を対象としており、Web開発を始めたばかりの人にはまだ適していない
• 短期的な利便性を一部手放してでも、シンプルさと実質的にゼロメンテナンスに近い長期的な利点を得るアプローチを志向している

---

Web標準だけで作るサイトとアプリケーション

• Plain Vanilla Webは、HTML、JavaScript、CSSを中心にWebサイトとWebアプリケーションを作る方法を案内する
  • 必要なのはエディタとブラウザ、そしてWeb標準
  • ビルドツール、フレームワーク、サーバーサイドロジックに依存しない方法を扱う
• 学習の流れは4つの領域で構成されている
  • Components: Web Componentsで、素のHTML、JavaScript、CSSの上により高水準のプリミティブを作る
  • Styling: 最新のCSSを活用して、CSS Modules、PostCSS、SASSの便利な機能を置き換える
  • Sites: ビルドツール、フレームワーク、サーバーサイドロジックなしでバニラなWebサイトを作り、オンラインに公開する
  • Applications: クライアントサイドルーティングと状態管理のためのバニラな戦略で、シングルページアプリケーションを作る

想定読者と始め方

• このアプローチは、現代的なWebフレームワークがもたらす豊富な機能よりも、複雑さの削減を優先する
  • フレームワークやツーリングの負担を減らす代わりに、短期的な利便性の一部を手放す
  • 長期的には、シンプルさと実質的にゼロメンテナンスに近い状態を目指す
• HTML、CSS、JavaScriptをすでに扱えて、ツーリングの複雑さから離れたい人に向いている
  • Web開発を学び始めたばかりの人にはまだ適していない
  • 入門者は HTML for People または The Odin Project Foundations Course から始められる
• 次のステップは、Web Componentsを使ってコンテンツ、スタイル、振る舞いを組み合わせる方法を学ぶこと
  • 開始リンクは Get Started