Web開発者に革命をもたらす！「Web Components」超入門 | 株式会社LIG

こんにちは。デザイナーの王です。 Webアプリはデスクトップアプリとは違い、まだまだ発展途上の技術のため、色んな所でまだ未熟な部分があります。デスクトップアプリでは当たり前のことでもWebアプリではできなかったりすることも多いのです。中でも、UIのコンポーネント化問題が以前から指摘されてきました。 通販サイトにある「購入ボタン」を例に説明すると分かりやすいと思います。 この手のボタンを作るには以下の手続きを要すると考えられます。 外観を整える CSS HTMLマークアップ クリックした際の挙動 JavaScript 何が厄介かというと、「再利用」が難しいというところなんですね。 例えば、同サイトの別のページで同じボタンを使いたい場合、js、CSS、HTMLを再度記述しなければなりません。しかも場合によってはHTMLのマークアップが非常に冗長化していることもある。 「購入ボタン」はあくまで一

[Nyoho]

web components, custom elements

[kefi3104]

Web開発者に革命をもたらす！「Web Components」超入門

[naga_sawa]

ページ要素の部品化を促すWeb Components

[tyru]

すごく良くまとまってるすごい…

[tajima0111185]

[

[moonblogger]

Web Components

[kick178]

WebComponents

[weed_7777]

ここまで手を出すか、が問題だよなあ・・・

[hatakazu93]

技術

[gigi-net]

知らなかった

[tecateca_socks]

なんかすごそう

[ismage]

via 株式会社LIG http://liginc.co.jp

[efcl]

WebComponentsについて. Shadow DOM(root,子要素)について書かれてる

[teramako]

『 Shadow DOM仕様の目的は「肥大化したした内部構造」を「隠す」ことにあります。 』隠すことが主目的ではなないと思う。他所から影響を受けないようにカプセル化するのが目的では。

[kazuyadesse]

( ´ ▽ ` )ﾉ

[masakazu1998]

“WebページやWebアプリのレイアウトを組む時に、皆さんはどんなタグを使っていますか？ 常用のタグとして、div、aside、section、header、footer 等の便利なタグがありますよね。HTMLで規定されている要素は相当の数に上ります。

[tak4hir0]

Web開発者に革命をもたらす！「Web Components」超入門 | 株式会社LIG

[esper]

へー

[kumaroku]

ここの「社畜」のがなければいいんだけどなぁ。

[Sips]

後で

[to2ka]

あとで

[poppun1940]

こんにちは。デザイナーの王です。 Webアプリはデスクトップアプリとは違い、まだまだ発展途上の技術のため、色んな所でまだ未熟な部分があります。デスクトップアプリでは当たり前のことでもWebアプリではできなかっ

[ooiooiooi0313]

Web開発者に革命をもたらす！「Web Components」超入門 こんにちは。デザイナーの王です。 Webアプリはデスクトップアプリとは違い、まだまだ発展途上の技術のため、色んな所でまだ未熟な部分があります。デスクトップアプ