シャドウDOMを使わないLitElementでslot要素を使う方法 公開: 2023-07-18 Lit、というかウェブコンポーネントには子要素を指定位置に再配置するためのslot 要素という機能があります。これはシャドウ DOM用のため、thisを返すcreateRenderRootメソッドを定義するなどして普通に DOM にレンダリングするようにしたLitElementでは機能しません……そのままでは。… #Lit #フロントエンド開発 #Web #プログラミング #ソフトウェア開発 エントリを表示
LitでVue.js 2.xコンポーネントを置き換えた話 公開: 2022-09-25 / 最終更新日: 2023-07-18 Lit + Deno + Packup でお手軽に Web Components 定義で記した通りLitのコンポーネントが開発できるようになったので、前回の更新ではブログ部分のVue.js 2コンポーネントを Lit コンポーネントに置き換えて Vus.js 依存を解消しました。Lit の使いかたがすこしわかってきたので、把握した注意点をメモとして残しておきます。 #Lit #フロントエンド開発 #ソフトウェア開発 #プログラミング #Web エントリを表示
Lit + Deno + Packupでお手軽にWeb Components定義 公開: 2022-09-16 / 最終更新日: 2023-09-24 IE サポート終了でWeb Componentsもいよいよ実用フェーズかと Web Components 開発用ライブラリLitのドキュメントに目を通していて、これはDenoを使えばお手軽なのでは?とひらめき試してみたところあっけなく成功したので共有。 #Deno #Lit #フロントエンド開発 #ソフトウェア開発 #プログラミング #Web エントリを表示