- ビルドツールやフレームワークを使わず、エディタ、ブラウザ、Web標準（純粋なHTML/CSS/JavaScript）のみでWebサイトとWebアプリケーションを作るための主要技術の概要を提供している
- 扱うテーマは以下のとおり:
- Components: ReactやVueのようなフレームワークのコンポーネントアプローチの代わりに、純粋なHTML、JavaScript、CSSで高レベルのプリミティブを作る基本構成要素としてWeb Componentsを使うこと
- Styling: CSS Modules、PostCSS、SASSの利便性の代わりに、モダンCSSの能力を最大限に活用すること
- Sites: Web ComponentsをベースにWebプロジェクトを作り、ビルドツール、フレームワーク、サーバーサイドロジックなしで本番環境にデプロイすること
- Applications: バニラ技術でシングルページWebアプリケーションを構築する方法、ルーティングの方法、状態管理の方法
- このチュートリアルは、HTML、CSS、JavaScriptをすでに知っている人向け。Web開発を学び始めた段階なら、このサイトはまだ適していない
なぜそうするのか？
- モダンなWeb開発フレームワークには、機能豊富でよく構造化されたWebアプリケーションを素早く開発できる力があるが、その豊富な機能の代償としてフレームワークやツールの複雑さがあり、結果としてプロジェクトは安全性と最新性を保つために定期的なメンテナンスが必要になる
- Plain VanillaスタイルのWeb開発は別の選択を取るもので、短期的な利便性を手放す代わりに、シンプルさや実質的にメンテナンス不要といった長期的な利点を得る。このアプローチは、優れたWeb標準サポートを提供する現代のブラウザ環境で可能になっている
- 人気のあるWeb開発フレームワークをいくつか試し、なぜそれなしでやりたいのかを学び、フレームワークの助けなしにコードベースをどう構造化するかに自信が持てるようになるまでは、Plain Vanillaアプローチを使わないこと
- ブラウザが提供するツールをもっとよく知りたい場合や、メンテナンス不要で非常に安定しており、長期運用を前提に構築されたサイトやアプリケーションを作りたい場合は、このアプローチを使うとよい。結局のところ、ここで説明されている技術はWeb標準のみに依存しており、Web標準は何十年にもわたって存続する
9件のコメント
バニラで簡単な地図アプリを作るだけでも、ファイルがやたらと冗長になりますね。
保守が不要で非常に安定しており、長期的に運用するサイトやアプリケーションを構築したいなら、このアプローチを使うべきでしょう --> なら答えはもう出ているようなものですね。これをなぜやらないのか…？
みんな面倒くさいって言うんですよ（笑）
大昔には……こんなふうに書いていました……
int main(int argc, char *argv) {
...
char url = getenv("QUERY_STRING");
...
printf("HTTP/1.0 200 OK");
..
blahblah...
...
}
昔、バニラでSPAを実装していたことを思い出しますね……。まだ完全な初心者の頃で、
fetchを知らずにxhrで一つひとつやっていた記憶があります……。チューニングの行き着く先は純正だと言いますよね…
チューニング仕様が純正仕様に吸収されることも…
Syntax.fm 800回にジョン・レシグが出演しました！ ^^