[B! WebComponents] nibushibuã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

nibushibu id:nibushibu

WebComponentsã«é–¢ã™ã‚‹nibushibuã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (30)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Vue Fes Japan - Speaker Deck
Sponsored Â· Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. â†’
nibushibu 2018/11/03
WebComponents
ãƒªãƒ³ã‚¯
https://slideship.com/users/@aggre/presentations/2017/11/BAHGXzMe9Vm75US2daWYEj/
nibushibu 2017/11/04
WebComponents
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æœ€å‰ç·šã«æµã•ã‚Œãªã„ Atomic Design ã¨ã„ã†è€ƒãˆæ–¹
Forkwell ã¨ã„ã†ä¼šç¤¾ã®å‹‰å¼·ä¼šã§ç™»å£‡ã—ãŸã¨ãã®è³‡æ–™ã€‚ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®äººãŸã¡ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã«è¿‘ã„ã¨ã“ã‚ã§ä»•äº‹ã—ã¦ã„ã‚‹ã®ã«ã€å°æ‰‹å…ˆã®ãƒ„ãƒ¼ãƒ«ã«æ”¯é…ã•ã‚Œã™ãŽã¦ã„ã‚‹ã®ã§ç›®ç·šã‚’ä¸Šã’ã‚‹ãŸã‚ã®ã‚¢ãƒ³ãƒãƒ†ãƒ¼ã‚¼çš„ãªè³‡æ–™
nibushibu 2016/11/15
ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’æ„è˜ã—ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã“ã¨ã®å¤§äº‹ã•ã€‚

frontend

webcomponents
ãƒªãƒ³ã‚¯
Bosonic Web Component
A practical collection of everyday Web Components Getting started A curated library of reusa ble Custom elements at an atomic level Carefully crafted with web standards and accessibility in mind, these custom HTML elements cover the web developer everyday needs. Simply put, these are the 'atomic parts' that will make up your application. Think of them as a system of component blueprints that are ea
nibushibu 2015/10/06
webcomponents
ãƒªãƒ³ã‚¯
Web Components Pitfalls
nibushibu 2015/08/06
WebComponents

english
ãƒªãƒ³ã‚¯
Microsoft Edge and Web Components
Editorâ€™s note: This is part two of a two-part series on Web Components by Microsoft Edge engineers Travis Leithead and Arron Eicholz. To read more about our viewpoint and background on web components, please see part one, â€œBringing componentization to the web: An overview of Web Components.â€œ Yesterday, we shared our thoughts on the promise of Web Components. In this post, weâ€™ll answer a couple of
nibushibu 2015/07/16
WebComponents
ãƒªãƒ³ã‚¯
ï¼»é€Ÿå ±ï¼½ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å®Ÿç¾ã™ã‚‹Web Componentsãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒPolymerã€ãŒæ£å¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ã€‚ã€ŒPolymer 1.0ã€ç™ºè¡¨ã€‚Google I/O 2015
ï¼»é€Ÿå ±ï¼½ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å®Ÿç¾ã™ã‚‹Web Componentsãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒPolymerã€ãŒæ£å¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ã€‚ã€ŒPolymer 1.0ã€ç™ºè¡¨ã€‚Google I/O 2015 Googleã¯ã€åŒç¤¾ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒGoogle I/O 2015ã€ã«ãŠã„ã¦ã€ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å®Ÿç¾ã™ã‚‹Web Componentsãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒPolymerã€ãŒæ£å¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ãªã‚‹ã€ŒPolymer 1.0ã€ã«åˆ°é”ã—ãŸã¨ç™ºè¡¨ã—ã¾ã—ãŸã€‚ä¸‹è¨˜ã¯Polymerã®Webã‚µã‚¤ãƒˆã®ç”»é¢ã§ã™ã€‚ Polymer 1.0ã¸ã®åˆ°é”ã«åˆã‚ã›ã¦ã€ãƒ„ãƒ¼ãƒ«ãƒãƒ¼ã‚„ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ãƒžãƒƒãƒ—ã‚„ãƒãƒ£ãƒ¼ãƒˆã¨ã„ã£ãŸä¸€èˆ¬çš„ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®UIã‚’å®Ÿç¾ã™ã‚‹æ–°ã—ã„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®è¿½åŠ ã‚‚è¡Œã‚ã‚Œã€Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ä¸¦ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’æ§‹ç¯‰ã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã¨èª¬æ˜Žã•ã‚Œã¾ã—ãŸã€‚
nibushibu 2015/06/02
polymer

materialdesign

WebComponents
ãƒªãƒ³ã‚¯
webcomponents.org - Discuss & share web components
nibushibu 2015/06/02
polymer

webcomponents
ãƒªãƒ³ã‚¯
Google I/O ã§ v1.0 ãŒç™ºè¡¨ã•ã‚ŒãŸ Polymer ã® Elements Catalog ãŒé¢ç™½ã„
Polymer Elements ã®ã‚«ã‚¿ãƒã‚°ãƒšãƒ¼ã‚¸ Site: Polymer Element Catalog Repo: Polymer/polymer-element-catalog Polymer ã¯ã€ã“ã‚Œã‹ã‚‰ã® Web æ¨™æº–ã®ä¸€è§’ã‚’å ã‚ã‚‹ã§ã‚ã‚ã† Web Components ã®ãƒ©ãƒƒãƒ‘ãƒ¼ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ãã® Polymer ã§ä½œã‚‰ã‚ŒãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ã‚«ã‚¿ãƒã‚°ã‚µã‚¤ãƒˆãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§ã‚‚ Core Elements ã‚„ Paper Elements ãŒ Polymer ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ã—ã¦æä¾›ã•ã‚Œã¦ã„ã¾ã—ãŸãŒã€åˆ†é¡žã‚‚æ–°ãŸã«ãƒ¬ãƒ‘ãƒ¼ãƒˆãƒªãƒ¼ãŒæ‹¡å……ã•ã‚Œã¦ã„ã¾ã™ã€‚ Cart ã«å…¥ã‚Œã¦ Download ã‚«ã‚¿ãƒã‚°ã«ã¯å„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚„ãƒ‡ãƒ¢ãŒè¼‰ã£ã¦ã„ã¦ã€ä½¿ã„ãŸã„ã‚‚ã®ã‚’ãƒã‚§ãƒƒã‚¯ã—ã¦ Cart ã«å…¥ã‚Œã¦ã„ãã¾ã™ã€‚å¿…è¦ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ Cart ã«å…¥ã‚Œã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã•ã›ã‚‹ã¨
nibushibu 2015/06/01
ã‚ã¨ã§èªã‚€

polymer

webcomponents

google
ãƒªãƒ³ã‚¯
Web Componentsã®ã“ã‚Œã‹ã‚‰ãƒ¼Polymer 0.8ã€X-Tagã€Brickã€Bosonic
Web Componentsã®ã“ã‚Œã‹ã‚‰ãƒ¼Polymer 0.8ã€X-Tagã€Brickã€Bosonic æ³‰æ°´ç¿”å¾ ã“ã®è¨˜äº‹ã¯ã€é€£è¼‰ã€ŒåŸºç¤Žã‹ã‚‰ã‚ã‹ã‚‹Web Componentså¾¹åº•è§£èª¬ï½žä»•æ§˜ã‹ã‚‰å®Ÿè£…ã¾ã§ç†è§£ã™ã‚‹ã€œã€ã®ç¬¬5å›žç›®ã«ãªã‚Šã¾ã™ã€‚ä»Šå›žã¯ã€å…ˆæ—¥ç™ºè¡¨ã•ã‚ŒãŸPolymer 0.8ã®å¤‰æ›´ç‚¹ã€Mozillaã®Web Componentsã¸ã®é–¢ã‚ã‚Šæ–¹ã‚„X-Tagã€Brickã€Bosonicã¨ã„ã£ãŸPolymerä»¥å¤–ã®å‘¨è¾ºãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ Polymer 0.8ã®ãƒªãƒªãƒ¼ã‚¹ å…ˆæ—¥ã€Polymerã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³0.8ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ 0.8 Released! â€“ Polymer Blog 0.8ã¯1.0ã®ãƒªãƒªãƒ¼ã‚¹ã«å‘ã‘ãŸã‚¢ãƒ«ãƒ•ã‚¡ãƒªãƒªãƒ¼ã‚¹ã¨ä½ç½®ä»˜ã‘ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚APIã‚‚æ£å¼ç‰ˆã¸ã®ææ¡ˆã¨ã—ã¦å¤§ããå¤‰æ›´ãŒåŠ ãˆã‚‰ã‚Œã¦ãŠã‚Šã€ã“ã‚Œã¾ã§ã¨ã®äº’æ›æ€§ã‚‚ä¿ãŸã‚Œã¦ã„ã¾ã›ã‚“ã€‚æ—¢ã«å®Ÿè·µã§Polymerã‚’ä½¿ã£ã¦
nibushibu 2015/05/07
WebComponents

Polymer
ãƒªãƒ³ã‚¯
åŸºæœ¬çš„ãªè¦ç´ ãƒ»æ©Ÿèƒ½ã‚’æä¾›ã™ã‚‹Core Elementsã¨Material Designã‚’å®Ÿç¾ã™ã‚‹Paper Elements
åŸºæœ¬çš„ãªè¦ç´ ãƒ»æ©Ÿèƒ½ã‚’æä¾›ã™ã‚‹Core Elementsã¨Material Designã‚’å®Ÿç¾ã™ã‚‹Paper Elements æ³‰æ°´ç¿”å¾ ã“ã®è¨˜äº‹ã¯ã€é€£è¼‰ã€ŒåŸºç¤Žã‹ã‚‰ã‚ã‹ã‚‹Web Componentså¾¹åº•è§£èª¬ï½žä»•æ§˜ã‹ã‚‰å®Ÿè£…ã¾ã§ç†è§£ã™ã‚‹ã€œã€ã®ç¬¬4å›žç›®ã«ãªã‚Šã¾ã™ã€‚ä»Šå›žã¯ã€å‰å›žç´¹ä»‹ã—ãŸGoogleãŒé–‹ç™ºã™ã‚‹Web Componentsã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Polymerã‚’å…ƒã«ä½œã‚‰ã‚ŒãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆç¾¤ã€ŒCore Elementsã€ã¨ã€ŒPaper Elementsã€ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ Core Elementsã¨Paper Elements Core Elementsã¨Paper Elementsã¯GoogleãŒé–‹ç™ºã™ã‚‹Web Componentsç¾¤ã§ã™ã€‚Core Elementsã¯ã€Webã‚’æ§‹æˆã™ã‚‹è¦ç´ ã‚’Web Componentsã¨ã—ã¦åˆ‡ã‚Šå‡ºã—æŠ½è±¡åŒ–ã—ãŸã‚‚ã®ã§ã‚ã‚Šã€Paper Elementsã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚³
nibushibu 2015/02/12
ã‚ã¨ã§èªã‚€

WebComponents

polymer

materialdesign
ãƒªãƒ³ã‚¯
Polymerã§Material Designãªãƒãƒ£ãƒƒãƒˆã‚¢ãƒ—ãƒªã‚’ä½œã‚ã†
ä»Šå¹´æ³¨ç›®ã®ã‚ªãƒ¼ãƒ—ãƒ³Webãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã®ã²ã¨ã¤ã«ã€Web ComponentsãŒæŒ™ã’ã‚‰ã‚Œã‚‹ã¨æ€ã„ã¾ã™ã€‚HTML5Experts.jpã§ã‚‚ä»Šã¾ã§å¹¾åº¦ã‚‚é–¢é€£è¨˜äº‹ã€Polymer.jsã«ã¤ã„ã¦ã®è¨˜äº‹ãŒç´¹ä»‹ã•ã‚Œã¦ãã¾ã—ãŸã€‚ä»Šå›žã¯å®Ÿéš›ã«ã€Polymerã¨Material Designã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚³ãƒ³ã‚»ãƒ—ãƒˆã‚’ç”¨ã„ã¦ã€è¦–è¦šçš„ã«ã‚‚ãƒ¦ãƒ¼ã‚¶ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã«ã‚‚å„ªã‚ŒãŸãƒãƒ£ãƒƒãƒˆã‚¢ãƒ—ãƒªã‚’å®Ÿéš›ã«ä½œã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ã¾ãšå§‹ã‚ã‚‹å‰ã«ã“ã®ãƒ©ã‚¤ãƒ–ãƒ‡ãƒ¢ã€Kitteh Anonymousã‚’ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã¾ãŸã¯ãƒ¢ãƒã‚¤ãƒ«ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã§å®Ÿéš›ã«è©¦ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ã“ã“ã§ã¯ã€ã“ã®ãƒ‡ãƒ¢ã®ç°¡ç•¥ç‰ˆã§ã‚ã‚‹Liteãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’å®Ÿéš›ã«ä½œæˆã™ã‚‹æ–¹æ³•ã‚’ã‚¹ãƒ†ãƒƒãƒ—ãƒ»ãƒã‚¤ãƒ»ã‚¹ãƒ†ãƒƒãƒ—ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ å¿…è¦ãªçŸ¥è˜ Polymerã®åŸºç¤ŽçŸ¥è˜ ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ãƒžãƒãƒ¼ã‚¸ãƒ£ã€Bowerã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ï¼ˆPolymerã¨ä¾å˜ã™ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã€ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã™ã‚‹ã®ã«ä½¿
nibushibu 2015/02/01
WebComponents

polymer
ãƒªãƒ³ã‚¯
Polymer ã‚’ä½¿ã£ã¦ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¡¨ç¤ºã™ã‚‹ - Qiita
â€» å…ˆæ—¥ Polymer 1.0 ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸãŒã€ã“ã“ã«è¨˜è¼‰ã•ã‚Œã¦ã„ã‚‹å†…å®¹ã¯ core- ã‚’ iron- ã«ç½®ãæ›ãˆã‚‹ã ã‘ã§ã»ã¼ãã®ã¾ã¾ä½¿ãˆã¾ã™ã€‚ ã¡ã‚‡ã£ã¨ Polymer ã‚„ã£ã¦ã¿ã‚ˆã†ã‹ãªã¨æ€ã£ã¦ã€ã¾ãšæ‰‹è»½ãªã¨ã“ã‚ã§ã‚¢ã‚¤ã‚³ãƒ³ã‹ã‚‰è©¦ã—ã¦ã¿ã‚‹ã‹ã€œã¨å§‹ã‚ã¦ã€ã„ããªã‚Šãƒãƒžã£ã¦ã—ã¾ã£ãŸæ–¹ã€ã„ã¾ã›ã‚“ã‹ï¼Ÿä½•äº‹ã‚‚å°ã•ã„ã“ã¨ã‹ã‚‰å§‹ã‚ãŸæ–¹ãŒåŸºç¤Žã‚’å›ºã‚ã‚‰ã‚Œã‚‹ã¨ã„ã†ã‚‚ã®ã€‚Polymer ã‚’ã“ã‚Œã‹ã‚‰å§‹ã‚ãŸã„ã¨ã„ã†æ–¹ã¯ã€ã“ã“ã§ã‚¢ã‚¤ã‚³ãƒ³ã‚’ä½¿ã†ã¨ã“ã‚ã‹ã‚‰å§‹ã‚ã¦ã¿ã¾ã—ã‚‡ã†ï¼ ã¡ãªã¿ã«ã€ã“ã“ã§è§£èª¬ã™ã‚‹å†…å®¹ã®ä¸€éƒ¨ã¯ã€Rob Dodson ãŒè§£èª¬ã—ã¦ã„ã‚‹å‹•ç”»ã§ã‚‚ã‚«ãƒãƒ¼ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€èˆˆå‘³ã®ã‚ã‚‹æ–¹ã¯ãœã²ã”è¦§ãã ã•ã„ã€‚è‹±èªžã§ã™ãŒã€è¿‘ã€…æ—¥æœ¬èªžå—å¹•ãŒä»˜ãäºˆå®šã§ã™ã€‚ ã‚¢ã‚¤ã‚³ãƒ³ã«ä½¿ã† Polymer è¦ç´ Polymer ã®é†é†å‘³ã¯ã€æ¨™æº–ã® HTML ã«å«ã¾ã‚Œãªã„è¦ç´ ã‚’ä½¿ã£ã¦ã€æ‰‹è»½ã«é«˜æ©Ÿèƒ½ãªè¦ç´ ã‚’å–ã‚Šè¾¼ã‚ã‚‹ã¨ã“ã‚ã«ã‚ã‚Šã¾ã™ã€‚ã§ã€i
nibushibu 2015/01/06
polymer

WebComponents
ãƒªãƒ³ã‚¯
DEFGHI1977ã®WEBæŠ€è¡“ã¾ã¨ã‚ãƒ»ãƒ„ãƒ¼ãƒ«ç‰
written by DEFGHI1977 [é‡è¦] auonenetãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸å…¬é–‹ä»£ç†ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã«ä¼´ã„ã€å…¬é–‹æ¸ˆã¿ã®å„ç¨®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’xdomainã‚µãƒ¼ãƒãƒ¼ã«ç§»è¡Œã—ã¾ã—ãŸ. æ—§ã‚¢ãƒ‰ãƒ¬ã‚¹ã¸ã®ã‚¢ã‚¯ã‚»ã‚¹ã¯æœ¬ãƒšãƒ¼ã‚¸ã«ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã•ã‚Œã¾ã™. ãŠæ‰‹æ•°ã§ã™ãŒãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã‚„ãƒªãƒ³ã‚¯ãªã©ã®URLå‚ç…§å…ˆã®æ›´æ–°ãƒ»å¤‰æ›´ã‚’ãŠé¡˜ã„ã„ãŸã—ã¾ã™. You were redirected from old "dion(auonenet)" page which had been out of service. Please update URL settings of your bookmarks, links or more. Thank you. çªè²«å·¥äº‹ã§ä½œã£ãŸãŸã‚, æŠœã‘ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“. ã‚²ãƒ¼ãƒ ãƒ„ãƒ¼ãƒ«ç‰(game tools) æ‚ªé”åŸŽãƒ‰ãƒ©ã‚ãƒ¥ãƒ©HoD(Castlevania HoD)ãƒ»ã‚¢ã‚¤ãƒ†ãƒ æ—©è¦‹è¡¨(Cas
nibushibu 2014/12/11
webcomponents
ãƒªãƒ³ã‚¯
Custom Elements - Web Components ã‚’æ§‹æˆã™ã‚‹æŠ€è¡“
ã“ã®è¨˜äº‹ã¯Â webcomponents.org ã®è¨˜äº‹ã¨ã®ã‚¯ãƒã‚¹ãƒã‚¹ãƒˆã§ã™ã€‚ HTML ã¯è¨€ã†ã¾ã§ã‚‚ãªãã€ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’æ§‹æˆã™ã‚‹æœ€ã‚‚é‡è¦ãªè¦ç´ ã§ã™ã€‚ã—ã‹ã—ã€æä¾›ã•ã‚Œã‚‹æ©Ÿèƒ½ãŒä½Žãƒ¬ãƒ™ãƒ«ãªãŸã‚ã€è¤‡é›‘ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ä½œã‚ã†ã¨ã™ã‚‹ã¨ã€é€”ç«¯ã« div ã ã‚‰ã‘ã®åˆ†ã‹ã‚Šã«ãã„æ§‹é€ ã«ãªã£ã¦ã—ã¾ã„ãŒã¡ã§ã™ã€‚ä¾‹ãˆã°ã€ã‚ãªãŸãŒå¿…è¦ãªæ©Ÿèƒ½ã‚’ç››ã‚Šè¾¼ã‚“ã ç‹¬è‡ªã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ä½œã‚Œã‚‹ã¨ã—ãŸã‚‰ã©ã†ã§ã—ã‚‡ã†ï¼Ÿä¾‹ãˆã°ãã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«ã€æ©Ÿèƒ½ã‚’çš„ç¢ºã«è¡¨ã™ã‚¿ã‚°åã‚’ä»˜ã‘ã‚‰ã‚Œã‚‹ã¨ã—ãŸã‚‰ï¼Ÿæ—¢å˜ã®ã‚¿ã‚°ã‚’æ‹¡å¼µã—ã¦ã€æ–°ã—ã„æ©Ÿèƒ½ã‚’è¿½åŠ ã§ãã‚‹ã¨ã—ãŸã‚‰ï¼Ÿ Custom Elements ã¯ã€ãã‚Œã‚’å¯èƒ½ã«ã—ã¾ã™ã€‚ Custom Elements ã¨ã¯ãªã«ã‹ï¼Ÿ # Custom Elements ã¯é–‹ç™ºè€…ãŒç‹¬è‡ªã« HTML ã‚¿ã‚°ã‚’å®šç¾©ã—ã€ã‚µã‚¤ãƒˆä¸Šã§åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ã“ã¨ã§ã€ç¹°ã‚Šè¿”ã—åˆ©ç”¨ã•ã‚Œã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’å˜ç´”åŒ–ã—ã€å†åˆ©ç”¨ã™ã‚‹æ‰‹é–“ã‚’å¤§å¹…ã«å‰Šæ¸›ã—ã¾
nibushibu 2014/11/26
html5

webcomponents
ãƒªãƒ³ã‚¯
webcomponents.org - Discuss & share web components
nibushibu 2014/11/20
webcomponents
ãƒªãƒ³ã‚¯
Template - Web Components ã‚’æ§‹æˆã™ã‚‹æŠ€è¡“
Posted: October 14, 2014 / Last updated: October 16, 2014 ã“ã®è¨˜äº‹ã¯Â webcomponents.org ã®è¨˜äº‹ã¨ã®ã‚¯ãƒã‚¹ãƒã‚¹ãƒˆã§ã™ã€‚ å…ˆæ—¥ Web Components ã‚’æ§‹æˆã™ã‚‹æŠ€è¡“ã®ã²ã¨ã¤ã§ã‚ã‚‹ Templates ã«é–¢ã™ã‚‹ãƒ“ãƒ‡ã‚ªã‚’å…¬é–‹ ã—ã¾ã—ãŸã®ã§ã€è§£èª¬ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãªãœä»Š Templates ãªã®ã‹ # æˆ‘ã€…é–‹ç™ºè€…ã«ã¨ã£ã¦ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½¿ã†ãƒ¡ãƒªãƒƒãƒˆã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã®åˆ†æ¥ã‚’å®¹æ˜“ã«ã§ã ã‚‹ã€ã¨ã„ã†ç‚¹ã«ã‚ã‚Šã¾ã™ã€‚ ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹éš›ã«åˆ©ç”¨ã•ã‚Œã‚‹ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã¨ã„ã†ã¨ã€ä»¥å‰ã¯ PHP ã‚„ Python ã® Django, Ruby on Rails ã‚’ã¯ã˜ã‚ã¨ã™ã‚‹ã‚µãƒ¼ãƒãƒ¼å´ã§ã®å®Ÿè£…ãŒä¸»æµã§ã—ãŸã€‚ãã‚ŒãŒã“ ã“æ•°å¹´ã€ãƒ–ãƒ©ã‚¦ã‚¶å´ã§å‡¦ç†ã™ã‚‹ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆæŠ€è¡“ãŒç™»å ´ã—ã€äººæ°—ã¨ãªã£ã¦ãã¦ã„ã¾ã™ã€‚ ã“ã‚Œã¯ HTML5 ãªã©ã‚ªãƒ¼ãƒ—ãƒ³ã‚¦ã‚§ãƒ–
nibushibu 2014/10/14
WebComponents
ãƒªãƒ³ã‚¯
Material Design ã¨ Polymer - HTML5ã¨ã‹å‹‰å¼·ä¼šã«ç™»å£‡ã—ã¦ããŸ
ã¾ã•ã‹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹ãƒˆãƒ¼ã‚¯ å…ˆæ—¥ã® ç¬¬49å›ž HTML5ã¨ã‹å‹‰å¼·ä¼š ã§ã€Material Design ã¨ã€ãã‚Œã‚’Webã§å®Ÿè·µã™ã‚‹ãŸã‚ã® Polymer (Paper Elements) ã¾ã‚ã‚Šã«ã¤ã„ã¦ãŠè©±ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ åŽ»å¹´ã¨ã‹ã€Googler ãŒç´¹ä»‹ã™ã‚‹ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹é–¢ä¿‚ã®ã‚ã‚Šã¨ãƒžãƒ‹ã‚¢ãƒƒã‚¯ãªãƒˆã‚³ã ã¨ã‹ã‚±ãƒ¼ã‚¹ã‚¹ã‚¿ãƒ‡ã‚£ã®å…±æœ‰ã«åŠªã‚ãŸã‚Šã€ã•ã‚‰ã«ãã®å‰ã‚‚JavaScripté–¢ä¿‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ»ãƒ„ãƒ¼ãƒ«ã®è©±ã‚’ã—ã¦ãŠã‚Šã¾ã—ãŸã€‚ ã¨ã„ã†æµã‚Œã§ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢çš„ãªãƒ–ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã«çµ‚å§‹ã—ã¦ãŠã‚Šã¾ã—ãŸç‚ºã€ä»Šå›žGoogle I/O ç¾åœ°ã§è©±ã‚’èžã„ã¦ããŸã¨ã¯ã„ãˆã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹ã‚»ãƒƒã‚·ãƒ§ãƒ³ã®ãŠè©±ã‚’ã„ãŸã ã„ã¦ç·Šå¼µã—ãã‚Šã§ã”ã–ã„ã¾ã—ãŸã€‚ YouTubeï¼ˆè¿½è¨˜ï¼‰ ã„ã¤ã®é–“ã«ã‹å‹•ç”»ãŒã‚ãŒã£ã¦ã¾ã—ãŸã€‚ ç¬¬49å›žHTML5ã¨ã‹å‹‰å¼·ä¼šã€ŒHTML5æœ€æ–°æƒ…å ± @Google I/Oã€ - YouTube å°ä¸¦æ„Ÿ ãªã‚“ã§gr
nibushibu 2014/08/08
polymer

materialdesign

google

WebComponents
ãƒªãƒ³ã‚¯
Polymer ã¨ Web Components ã®é•ã„9é¸ï¼ˆã‚‚ã¨ã„ Polymer ã®ä¾¿åˆ©æ©Ÿèƒ½ï¼‰
é•ã„ã€ã¾ãŸã¯ä»˜åŠ æ©Ÿèƒ½ è‰²ã€…ãªå‘¨è¾ºäº‹æƒ…ã§ã€å‹¢åŠ›ã‚’åºƒã’ã¤ã¤ã‚ã‚‹ Polymer ã•ã‚“ã€‚ï¼ˆã¤ã„æœ€è¿‘ã€ãã‚Œã«åŠ æ‹…ã—ãŸã‚ˆã†ãªæ°—ã‚‚ã™ã‚‹ï¼‰ ã€Œã©ã“ã¾ã§ãŒ Web Components ã§ã€ã©ã“ã‹ã‚‰ãŒ Polymer ãªã®ã‹ã€ã‚’ç†è§£ã™ã‚‹ãŸã‚ã«ã‚‚Polymerã®æ©Ÿèƒ½ã‚’ãƒ¡ãƒ¢ã‚‹ã€‚Polymer ã¯è‰²ã€…ãªã“ã¨ã‚’ä¾¿åˆ©ã«ã—ã¦ãã‚Œã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã‚ã‚Šã€å·®åˆ†ã‚’è¨€ã„å‡ºã™ã¨ã‚ãƒªãŒãªã„ã®ã§ä¸»è¦ãªãƒã‚¤ãƒ³ãƒˆã ã‘ã€‚ <template> ãŒè‡ªå‹•ã§ Shadow DOM ã«æ”¾ã‚Šè¾¼ã¾ã‚Œã‚‹ Shadow DOMå†…ã® <link> ã‚’ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã® <style> ã«å±•é–‹ repeat ã®ã‚µãƒãƒ¼ãƒˆ {{interpolate}} ã®ã‚µãƒãƒ¼ãƒˆ <element> ã®ã‹ã‚ã‚Šã‚’ <polymer-element> ã¨ã—ã¦ã‚µãƒãƒ¼ãƒˆ on-click ã¨ã‹ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã®å®£è¨€ this.$ ã«ã‚ˆã‚‹ idãŒä»˜åŠ ã•ã‚ŒãŸè¦ç´ ã®ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ observe ã«
nibushibu 2014/08/07
polymer

WebComponents
ãƒªãƒ³ã‚¯
è©±é¡Œã®Material Designã‚’Webã§å®Ÿç¾ï¼Polymerã§ã€ŒPaper Elementsã€ã‚’è©¦ãã†
è©±é¡Œã®Material Designã‚’Webã§å®Ÿç¾ï¼Polymerã§ã€ŒPaper Elementsã€ã‚’è©¦ãã† ä½è—¤æ©ï¼ˆæ ªå¼ä¼šç¤¾ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆï¼‰ ã“ã®è¨˜äº‹ã§ã¯2014å¹´7æœˆã«Google I/Oã§ç™ºè¡¨ã•ã‚ŒãŸMaterial Designã«ã¤ã„ã¦ã€ã©ã®ã‚ˆã†ãªã‚³ãƒ³ã‚»ãƒ—ãƒˆãªã®ã‹ã€ã“ã‚Œã¾ã§ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¨ä½•ãŒé•ã†ã®ã‹ã€ãƒã‚¤ãƒ³ãƒˆã‚’ãŠã•ãˆã¦ç´¹ä»‹ã—ã¾ã™ã€‚è¨˜äº‹ã®å¾ŒåŠã§ã¯ã€Material Designã‚’Webã§å®Ÿç¾ã™ã‚‹ãŸã‚ã®Polymerã¨Paper Elementsã«é–¢ã—ã¦ã‚‚èª¬æ˜Žã—ã¾ã™ã€‚ Material Designã¨ã„ã†è¦–è¦šçš„è¨€èªž Material Designã®ç›®çš„ã¯ã€ã²ã¨ã¤ã®è¦–è¦šçš„ãªè¨€èªžï¼ˆVisual Languageï¼‰ã«ã‚ˆã£ã¦ã€ã‚ã‚‰ã‚†ã‚‹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã€ã‚ã‚‰ã‚†ã‚‹ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã®ãƒ‡ãƒã‚¤ã‚¹ã§ã€ä¸€è²«æ€§ã®ã‚ã‚‹ä½“é¨“ã‚’æä¾›ã™ã‚‹ã“ã¨ã§ã™ã€‚ ãã‚Œã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã€ä¼çµ±çš„ãªã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ãƒ†ã‚¯
nibushibu 2014/08/05
polymer

webcomponents
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸