GENKI<p><a href="https://social.vivaldi.net/tags/RiotJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>RiotJS</span></a> で <a href="https://social.vivaldi.net/tags/WebComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebComponents</span></a> なサンプル作りを昨夜試して、色々 riotjs/custom-elements のバグっぽい挙動も報告できたので良かったんだけど、<a href="https://social.vivaldi.net/tags/WebComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebComponents</span></a> の属性値に基本テキストしか渡せないのは、やはり感覚的にはちょっと不便に感じる時あるな…props バケツリレーすればとりあえずなんとかなるかなみたいになっちゃってる自分が良くないかもなので別のパターンを学ぶ良いきっかけかもしれないけど。<br><a href="https://social.vivaldi.net/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> が外部に伝搬しない <a href="https://social.vivaldi.net/tags/shadowDOM" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>shadowDOM</span></a> は使い方次第ではすごい強力な気はしている。</p><p><a href="https://social.vivaldi.net/tags/WebComponentsb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebComponentsb</span></a> の template の書きづらさは Riot みたいなコンポーネントベースのフレームワークを使って解決するほうがよさそうだなと思ってるけど、標準技術の中でもう少し柔軟に書けるようになる予定とかないんだろうか…構造がある程度複雑になると、フレームワーク使わずにやろうとすると <a href="https://social.vivaldi.net/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> 側に template で書いておいて <a href="https://social.vivaldi.net/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JS</span></a> 側から getElementById するみたいなやり方しか自分は思いついてないんだけど、できればコンポーネントはコンポーネントとして別ファイル化したいし… <a href="https://social.vivaldi.net/tags/PHP" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PHP</span></a> とかフロント以外のところでコンポーネント用の template を分けておけばいいのかもしれないけどなんかそれもなあとか考え事をしながら人間ドックに向かっている朝。</p>