Chris ‘Corner：Web Combinements – Codepen

少し前 デビッド・ダーンズは Webコンポーネント 内部にHTML、CSS、およびJSがチャックされ、コードが表示され、 あなたに与える 「Codepenで開く」ボタン。それは私たちによって有効になっています Fire Prefill。 Miriam SuzanneはWebコンポーネントでプレイしました 作る これは、埋め込まれたコードの代替品のようなものです。彼女は、確かに、私たち自身の埋め込みがしていないことは何もしていないと言います。固定されたものも追加されています height 私たちはすでにしています。私は私たちのロードに束ねるという考えが好きです ei.js しかし、スクリプトは、それは素晴らしい微妙な改善になるでしょう。

本当にクールなことがあります： これらのコンポーネントを組み合わせます。 Codepenには、呼ばれた注目があります fill embeds。これにより、埋め込みペンにコードを提供することができ、他のペンと同様に表示されます。これは、Codepenに既に「存在」する必要はありません。これは、標準的なコードソースが必要なブログの投稿やドキュメントなどのものに最適です そこには。 これらのコンポーネントに赤ちゃんがいた場合、それはコードを受け入れる方法のデビッドのようなものであり、ミリアムのように埋め込みを生成するという点です。

ここでチームのCodepenは、私たちが取り組んでいる2.0の組み込みペンを再構築し、もちろんPrefill Embeds機能をサポートし続けるので、ここでトラブルを求めているように感じます。それが私たちの問題です、私は自分自身を汗ばみにするのが好きです。

私は、それらが何であるかについてのプリアンブルなしで、あまりにも速くウェブコンポーネントについて話すことに飛びつきましたか？あなたが本当にレベルアップしたいなら デイブ・ルパートのコース または スコット・ジェールのコース。

私はに魅了されています “一瞬” 誰かがWebコンポーネント（またはそれらのシステム全体）の構築を決定する場合。

私は実際にデイブと何度も何度も話しましたが、デイブがコンポーネントをまったく再利用しなければ、おそらくWebコンポーネントである必要はないと言うのを聞いたことがあります。特にそれは再利用です 複数のサイトにわたって Webコンポーネントの実際のユーティリティが輝く場所。もちろん、それはまた、Webコンポーネント自体のテクノロジーとはほとんど関係がない作業を行うことを意味します。 「これらはモノレポのどこに行くの？」などの質問に答えることを意味します。および/または「これらをNPMに公開するプロセスはありますか？」および/または「これらのものは独自のビルドプロセスが必要ですか？」

Nuxtを使用して（1つの/単一の）Webサイトを構築し、Vueコンポーネントの束を構築して電力を供給することを考えている場合は、おそらくそれを行う必要があります。 Webコンポーネントはそれに代わるものではありません。 Webコンポーネントはコンポーネントではありません、キース・グラントはかつて言った、物事を混乱させ続ける。

ポケットに穴を開ける他のいくつかのWebコンポーネントリンクで終了すると思います。