Web ComponentsはNuxtとRailsとPHPの境目に置ける

公開 2026-07-18 · 編集記事

共通のヘッダーやフッターを、Nuxt、PHP、Ruby on Rails、WordPressで使い回すとき、Web Componentsが境目になる。Nuxtで作ったUIを、既存のPHPとjQueryの画面へ渡すときも、カスタム要素にするとホスト側はタグだけを知っていればよい。

• スタイルとスクリプトをCDNに置く形と相性がよい。
• 初期状態は属性で渡し、中は要素の中に閉じる。
• Nuxt 4のnamed viewsやレイアウトはアプリの内側の話で、外のCMSへ渡す単位とは分けて考えると整理しやすい。