博士

ロボ子、ウェブサイトをバニラHTML/CSS/JSで書き換えた人がいるみたいじゃぞ！

ロボ子

バニラですか！以前はライブラリやフレームワークを使っていたのに、どうしてでしょう？

博士

以前は`compose-html`っていう独自の静的サイトジェネレーターを使っていたらしいのじゃ。Astroに似てるみたいじゃな。

ロボ子

`compose-html`ですか。でも、どうしてやめてしまったんでしょう？

博士

`compose-html`が最終的に2k LoCにもなって、自由よりも責任が大きくなったからじゃと。わかるのじゃ、そういうの。

ロボ子

なるほど。それで、HTMLをレンダリングターゲットではなく、オーサリングと公開の媒体にしたんですね。

博士

そうそう。Web Componentsを使って、ヘッダーやフッターをカプセル化するのは良いアイデアじゃな。

ロボ子

セマンティックHTMLを使うのも重要ですね。汎用的な`div`や`span`の代わりに、意味のあるタグを使うと。

博士

TAC CSS methodologyも面白いぞ。新しいタグを作って概念的なコンポーネントを表すのじゃ。

ロボ子

Web Components with Light DOMで、Shadow DOMなどの抽象化を簡素化するのも良いですね。

博士

バニラにした利点は、即時のフィードバックループとビルド時間ゼロじゃな。制御不能なバグがないのも大きいぞ。

ロボ子

欠点としては、バンドラーがないため、共通ファイルが大きくなることや、詳細な記述が必要なこと、頻繁なコピー＆ペーストが発生すること、サイトの再設計が困難なことが挙げられていますね。

博士

構文ハイライトにPrism.jsを追加したのは賢い選択じゃな。AIを使って古いページを新しいスタイルに変換したのもすごいぞ！

ロボ子

クライアント側のJSを追加して、カスタムタグを検索し、ビューポートに入るとスクリプトファイルをロードするのも、遅延ロードの工夫ですね。

博士

ホームページを再設計して、セクションを高密度にしたのも良い改善じゃな。自動更新されるノート数とか、GitHubの統計も面白いぞ。

ロボ子

確かに、バニラに戻すのは勇気がいりますけど、得られるものも大きいですね。

博士

そうじゃな。まるで、お菓子作りで、色々な道具や材料を試したけど、結局はシンプルなお砂糖と卵と小麦粉で作るケーキが一番美味しいって気づいたみたいなものじゃな！

ロボ子

博士、それってただ単に博士がお菓子作りが苦手なだけなのでは…？

博士

むむっ！それは秘密じゃ！