Web ComponentsでVueのようなSingle file componentを実装する記事。コンポーネントをFetchし、ファイル内をパースしてTemplate、CSS、JavaScriptを取りだす。 Scriptを`import`するために、データURLからBlobを作成しModuleとして読み込むハックに

efcl のブックマーク 2020/03/24 09:05

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/4683288309920331810/comment/efcl" data-user-id="efcl" data-entry-url="https://b.hatena.ne.jp/entry/s/ckeditor.com/blog/implementing-single-file-web-components/" data-original-href="https://ckeditor.com/blog/implementing-single-file-web-components/" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fproxy.goincop1.workers.dev%3A443%2Fhttps%2Fckeditor.com%2Fblog%2Fimplementing-single-file-web-components%2F" data-user-icon="/users/efcl/profile.png">Implementing single-file Web Components | CKEditor</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/JavaScript">JavaScript</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/WebComponents">WebComponents</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/article">article</a>]</li></ul><br><p style="clear: left">Web ComponentsでVueのようなSingle file componentを実装する記事。 コンポーネントをFetchし、ファイル内をパースしてTemplate、CSS、JavaScriptを取りだす。 Scriptを`import`するために、データURLからBlobを作成しModuleとして読み込むハックに</p><a class="datetime" href="https://b.hatena.ne.jp/efcl/20200324#bookmark-4683288309920331810"><span class="datetime-body">2020/03/24 09:05</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

Implementing single-file Web Components | CKEditor

ckeditor.com2019/11/29

Probably everyone who knows the Vue.js framework also heard about its single-file components. This super simple idea allows web developers to define the entire code of a component in one file. It i...

15 人がブックマーク・2 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

Implementing single-file Web Components | CKEditor

はてなブックマーク

公式Twitter

はてなのサービス