stencilがよさそうな話
ionicチームによるWeb Components/PWAコンパイラ Custom Elementsライブラリをビルド PWAなアプリケーションをビルド Version 0.12.0-3 AngularとReactを混ぜたみたいなシンタックス VirtualDOM TypeScript製 # npm 6 or higher # create component library $ npm init stencil component my-components # create stencil application $ npm init stencil app my-app # 2018/8/22時点ではこれがないとbuildでこける :innocent: $ npm i -D request $ npm start $ npm test $ npm build import { Com
Advanced Component styling with Angular (v4+)
@Component({ selector: 'song-track', // <song-track></song-track> template: ` <div class="container"> <track-image image="http://..."></track-image> <div class="track-information"> <track-title>{{track}}</track-title> <track-artist>{{artist}}</track-artist> </div> </div>` }) export class SongTrack { }
webcomponents v1 libraries
class MyElement extends Polymer.Element { static get is() { return ‘my-element’; } static get config() { properties: { //the properties you know and love from Polymer }, observers: [ //the observers you know and love from Polymer ] } constructor() { super(); … } } customElements.define(MyElement.is, MyElement);
AngularJS for Beginners
<!DOCTYPE html> <html> <head> <title>Angular Example</title> <meta charset="utf-8" /> <link rel="stylesheet" href="styles/style.css"> <script> window.onload = function() { var input = document.querySelector('#input'); var span = document.querySelector('#name'); input.addEventListener('keyup', function() { span.innerHTML = input.value; }); } </script> </head> <body> <section> <p>Hello <span id="nam
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Supercharge Your Schemas with Custom Directives
Angular Ivyとその先
技術書典3にサークル参加した話
Angular v5.0
Angular PWA
The Angular Platform
Skating with Web Components
Secure your Angular Applications
360 and VR Vídeo with Angular 2
Demystifying AOT compilation in Angular
The First Step to Angular 2
The Power of Angular $q
History APIの本当の恐ろしさを教えてやる