[B! polymer] donnie28064212ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

donnie28064212 id:donnie28064212

polymerã«é–¢ã™ã‚‹donnie28064212ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (17)

${{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}}

GoogleãŒæ–°ãŸã«æå”±ã™ã‚‹Progressive Web Appsã®æ–°ãŸãªé–‹ç™ºãƒ‘ã‚¿ãƒ¼ãƒ³ã€ŒPRPLã€ã¨ã¯ï¼Ÿ
GoogleãŒæ–°ãŸã«æå”±ã™ã‚‹Progressive Web Appsã®æ–°ãŸãªé–‹ç™ºãƒ‘ã‚¿ãƒ¼ãƒ³ã€ŒPRPLã€ã¨ã¯ï¼Ÿ å°æ¾ å¥ä½œï¼ˆNTTã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚ºï¼‰ ã€ŒGoogle I/O 2016ã€ã§ã¯ã€ã“ã‚Œã‹ã‚‰ã®Webã‚¢ãƒ—ãƒªé–‹ç™ºãƒ‘ã‚¿ãƒ¼ãƒ³ã¨ã—ã¦æå”±ã—ã¦ã„ã‚‹PWApps(Progressive Web Appsï¼‰ã«ã¤ã„ã¦å¤šãã®ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ãŒãªã•ã‚Œã¾ã—ãŸã€‚ PWAppsã¨ã¯ã€æœ€æ–°ã®WebæŠ€è¡“ã‚’æœ‰åŠ¹ã«æ´»ç”¨ã—ã€æ¼¸é€²çš„ï¼ˆProgressiveï¼‰ã«é«˜åº¦ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“é¨“ã‚’æä¾›ã—ã‚ˆã†ã¨ã™ã‚‹æ¦‚å¿µã§ã™ã€‚ã“ã®PWAppsã®æ¦‚å¿µã‚’å…·ä½“åŒ–ã™ã‚‹ä¸€ã¤ã®æ‰‹æ³•ã¨ã—ã¦ã€ã€ŒPRPLã€ï¼ˆãƒ‘ãƒ¼ãƒ—ãƒ«ï¼‰ã¨åä»˜ã‘ã‚‰ã‚ŒãŸé–‹ç™ºãƒ»æä¾›ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒææ¡ˆã•ã‚Œã¾ã—ãŸã€‚æœ¬ç¨¿ã§ã¯ã“ã®PRPLã‚’è§£èª¬ã™ã‚‹ã¨ã¨ã‚‚ã«ã€ãã®æœ‰åŠ¹æ€§ã‚„èª²é¡Œç‚¹ã‚’è€ƒå¯Ÿã—ã¾ã™ã€‚ æœ¬ç¨¿ã¯ã€Google I/O 2016ã®äºŒã¤ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã«é–¢ã™ã‚‹ã€è§£èª¬è¨˜äº‹ã§ã™ã€‚ Polymer and Progress
donnie28064212 2016/06/22
google

polymer

http2

app
ãƒªãƒ³ã‚¯
Sign in - Google Accounts
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
donnie28064212 2015/10/29
polymer

google

tutorial
ãƒªãƒ³ã‚¯
Polymer v1.1ã®APIã¾ã¨ã‚ã¨å‘¨è¾ºãƒªã‚½ãƒ¼ã‚¹ã®ç´¹ä»‹
GoogleãŒé–‹ç™ºã™ã‚‹Web Componentsã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªPolymerã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³1.1ãŒã€2015å¹´8æœˆ13æ—¥ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚æœ¬è¨˜äº‹ã§ã¯ã€Polymer v1.1ã®APIã®ä¸»è¦ãªAPIã‚’è§£èª¬ã—ã¤ã¤ã€ãã®å‚è€ƒæƒ…å ±ã‚’ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ ã¾ãŸã€ã“ã®è¨˜äº‹ã¯ã€ŒWeb Componentsã®ã“ã‚Œã‹ã‚‰ãƒ¼Polymer 0.8ã€X-Tagã€Brickã€Bosonicã€ã‚’äº‹å‰ã«èªã‚€ã¨ç†è§£ãŒæ·±ã¾ã‚Šã¾ã™ãŒã€ã“ã‚Œã‹ã‚‰Polymer v1.1ã‚’å§‹ã‚ã¦ã¿ã‚‹ã¨ã„ã†ã“ã¨ã§ã‚ã‚Œã°ã€æœ¬è¨˜äº‹å˜ä½“ã§ã‚‚å‚è€ƒã«ã—ã¦ã‚‚ã‚‰ãˆã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ Polymer v1.1ã¾ã§ã®å¤‰æ›´ç‚¹ v0.5ã‹ã‚‰v0.8ã«ã‹ã‘ã¦ã®å·®åˆ†ã¯å‰å›žã®è¨˜äº‹ã«ã¦ç´¹ä»‹ã—ã¾ã—ãŸãŒã€ãã®1é€±é–“å¾Œã«v0.9ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€ã•ã‚‰ã«2é€±é–“å¾Œã«v1.0ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã„ã¾ã™ã€‚ 0.8 released! â€“ polymer blog 0.9 released! â€“ po
donnie28064212 2015/10/29
polymer

webcomponents
ãƒªãƒ³ã‚¯
Polymer Unit Testing
In the front-end world, testing is a weird topic. Developers know how much testing is important, but lots of them donâ€™t embrace this practice. This is because testing is often perceived as a time consuming and a difficult task. Sometimes the harder part is just getting started, and this is not only specific to testing. For this reason, in this article we will go through the basics, leaving more ad
donnie28064212 2015/08/25
polymer

webcomponets
ãƒªãƒ³ã‚¯
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 ã«å…¥ã‚Œã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã•ã›ã‚‹ã¨
donnie28064212 2015/06/01
polymer

webcomponents

google
ãƒªãƒ³ã‚¯
Polymer Project
The Polymer library is in maintenance mode. For new development, we recommend Lit. The Polymer library provides a set of features for creating custom elements. These features are designed to make it easier and faster to make custom elements that work like standard DOM elements. Similar to standard DOM elements, Polymer elements can be: Instantiated using a constructor or document.createElement. Co
donnie28064212 2015/05/29
polymer

javascript

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

material design

webcomponents
ãƒªãƒ³ã‚¯
Polymerã¦ã‚™ä½œã‚‹æ¬¡ä¸–ä»£ã‚¦ã‚§ãƒ•ã‚™ã‚µã‚¤ãƒˆ
è¿‘å¹´ã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã‚„ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ãƒ©ãƒ³ã‚¿ã‚¤ãƒ ã¯ã€PCã‚„ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã¿ãªã‚‰ãšã€ãƒ†ãƒ¬ãƒ“ã€ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã‚²ãƒ¼ãƒ æ©Ÿãªã©ã®çµ„ã¿è¾¼ã¿æ©Ÿå™¨ã«ã‚‚å°Žå…¥ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ã¾ãŸã€Raspberry Piã«ä»£è¡¨ã•ã‚Œã‚‹Single Board Computerï¼ˆSBCï¼‰ã‚‚æµè¡Œã‚Šã ã—ã€ãƒãƒ¼ã‚¹ãƒšãƒƒã‚¯ãªç’°å¢ƒã§å‹•ä½œã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã®éœ€è¦ãŒé«˜ã¾ã‚ã†ã¨ã—ã¦ã„ã¾ã™ã€‚ å¤šãã®çµ„ã¿è¾¼ã¿æ©Ÿå™¨ã«æè¼‰ã•ã‚ŒãŸã¯ã€è¿‘å¹´ã‚ˆãä½¿ã‚ã‚Œã‚‹APIã‚„CSSã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã¾ã™ã€‚ã—ã‹ã—ã€ãã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã¨è¼ƒã¹ã¦éžå¸¸ã«è²§å¼±ã§ã™ã€‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã¯å½“ãŸã‚Šå‰ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãŒå¾—ã‚‰ã‚Œã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ æœ¬ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§ã¯ã€çµ„ã¿è¾¼ã¿å‘ã‘æ©Ÿå™¨ã®ç¾çŠ¶ã‚’ç´¹ä»‹ã—ã€ãã®ä¸Šã§å‹•ä½œã™ã‚‹ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºã®èª²é¡Œã€ç§ã®çµŒé¨“ã§ã®è‹¦åŠ´è©±ã€ãã—ã¦ã€ãã‚Œã«ç«‹ã¡å‘ã‹ã†ãŸã‚ã® Tips ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
donnie28064212 2015/01/27
polymer

webcomponents

slideshare

event
ãƒªãƒ³ã‚¯
Web Componentsã‚’ç°¡å˜ãƒ»ä¾¿åˆ©ã«ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒPolymerã€ã‚’ä½¿ã„ã“ãªãã†
Web Componentsã‚’ç°¡å˜ãƒ»ä¾¿åˆ©ã«ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒPolymerã€ã‚’ä½¿ã„ã“ãªãã† æ³‰æ°´ç¿”å¾ ã“ã®è¨˜äº‹ã¯ã€é€£è¼‰ã€ŒåŸºç¤Žã‹ã‚‰ã‚ã‹ã‚‹ Web Components å¾¹åº•è§£èª¬ ã€œä»•æ§˜ã‹ã‚‰å®Ÿè£…ã¾ã§ç†è§£ã™ã‚‹ã€œã€ã®ç¬¬3å›žç›®ã«ãªã‚Šã¾ã™ã€‚é€£è¼‰ã®ç¬¬3å›žç›®ã¨ãªã‚‹ä»Šå›žã¯ã€GoogleãŒä¸å¿ƒã¨ãªã£ã¦é–‹ç™ºã‚’é€²ã‚ã‚‹Polymerã¨ã„ã†Web Componentsã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ Web Componentsã‚’ã‚ˆã‚ŠæŸ”è»Ÿã«ã€ãã—ã¦å¼·åŠ›ã«ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒª Polymerã¯ç´ ã®Web Componentsã«ãŠã„ã¦ã€ç…©é›‘ã§ã‚ã‚‹éƒ¨åˆ†ã‚’ç°¡ç•¥åŒ–ã—ã€æ©Ÿèƒ½ã‚’ã‚ˆã‚Šå¼·åŠ›ãªã‚‚ã®ã«ã—ã€åŸºç¤Žã¨ãªã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’æä¾›ã—ã¾ã™ã€‚BSDãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã®ã‚‚ã¨ã€ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã§é–‹ç™ºãŒè¡Œã‚ã‚Œã¦ãŠã‚Šã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚‚GitHubã«ã¦å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€Pull Requestã‚’é€ã‚‹ãªã©ã®ã‹ãŸã¡ã§ç§ãŸã¡ã‚‚é–‹ç™ºã«è²¢çŒ®ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ Welcome
donnie28064212 2014/12/26
webcomponents

polymer
ãƒªãƒ³ã‚¯
Polymer v0.8.0 Preview æ‰€æ„Ÿ
Improvement Polymer ã® Twitter ã‚¢ã‚«ã‚¦ãƒ³ãƒˆãŒæ°—ã«ãªã‚‹ç™ºè¨€ã‚’ã—ã¦ã„ãŸã®ã§ã€Polymer ã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆå†…å®¹ã‚’ç¢ºèªã—ãŸã€‚ Next major version of Polymer: 5 x faster in Chrome, 8 x faster in Safari. Up to 87% smaller (15KB, 6KB gzipped) pic.twitter.com/SBJhuxIxXd â€” Polymer (@polymer) November 19, 2014 Chrome ã¨ Safari ã«ãŠã‘ã‚‹å®Ÿè¡Œé€Ÿåº¦ã®é«˜é€ŸåŒ–ã¯ã‚‚ã¡ã‚ã‚“ã‚ã‹ã‚‹ãŒã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºãŒ 87% æ¸›ã¨ã„ã†ã®ã¯ã‹ãªã‚Šå¤§ãã„ã€‚v0.5.1 ã® polymer.min.js ãŒ 123KB ãªã®ã«å¯¾ã—ã¦ã€æ–°ã—ã„ v0.8.0 ã§ã¯ 15KB ã«ãªã£ã¦ã„ã‚‹ã¨ã„ã†ã“ã¨ã ã€‚ ãã‚Œãªã‚Šã«å¤§ãã„å–æ¨é¸
donnie28064212 2014/11/21
polymer
ãƒªãƒ³ã‚¯
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 ã«
donnie28064212 2014/08/06
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ï¼‰ã«ã‚ˆã£ã¦ã€ã‚ã‚‰ã‚†ã‚‹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã€ã‚ã‚‰ã‚†ã‚‹ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã®ãƒ‡ãƒã‚¤ã‚¹ã§ã€ä¸€è²«æ€§ã®ã‚ã‚‹ä½“é¨“ã‚’æä¾›ã™ã‚‹ã“ã¨ã§ã™ã€‚ ãã‚Œã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã€ä¼çµ±çš„ãªã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ãƒ†ã‚¯
donnie28064212 2014/08/05
material design

polymer

webcomponents
ãƒªãƒ³ã‚¯
Material Designã®åˆ©ç”¨ã¨Webãƒ‡ã‚¶ã‚¤ãƒ³ã¸ã®å½±éŸ¿ (1/2)
ã‚°ãƒ¼ã‚°ãƒ«ãŒç™ºè¡¨ã—ãŸã€æ¬¡æœŸAndroid OS ï¼ˆé€šç§°Android Lï¼‰å‘ã‘ã®æ–°ã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³åŽŸç†ã€ŒMaterial Designã€ã®ä½¿ã„é“ã‚„ä½¿ã„æ–¹ã«ã¤ã„ã¦ã€èƒŒæ™¯ã«ã‚ã‚‹æ€æƒ³ã‚„Webãƒ‡ã‚¶ã‚¤ãƒ³ã¸ã®å½±éŸ¿ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æ™®åŠã®éµã‚’æ¡ã‚‹SDKã¨Polymer Material Designã¯ã€æ¬¡æœŸAndroid OSï¼ˆé€šç§° Android Lï¼‰ã®ãƒ‡ã‚¶ã‚¤ãƒ³åŽŸå‰‡ã¨ã—ã¦ã€Androidãƒ‡ãƒã‚¤ã‚¹ã§å‹•ãã‚¢ãƒ—ãƒªã‚„ã‚µãƒ¼ãƒ“ã‚¹ã¸ã®é©ç”¨ãŒæ±‚ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚Androidã®å ´åˆã€iOSã®ã‚ˆã†ã«ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ å´ãŒã‚¢ãƒ—ãƒªæä¾›å´ã‚’å¯©æŸ»ã—ãªã„ã®ã§ã€åŸºæº–ãŒç¤ºã•ã‚Œã‚‹ã ã‘ã§ã¯æ™®åŠã®ãã£ã‹ã‘ãŒã‚ã‚Šã¾ã›ã‚“ã€‚ ã‚°ãƒ¼ã‚°ãƒ«ã¯ã“ã®å•é¡Œç‚¹ã‚’ã€Material Designã®ãƒ‡ã‚¶ã‚¤ãƒ³åŽŸå‰‡ã‚’ç››ã‚Šè¾¼ã‚“ã SDKã®æä¾›ã§å…‹æœã—ã‚ˆã†ã¨ã—ã¦ã„ã¾ã™ã€‚ SDKã®ä»•æ§˜ã«æ²¿ã£ã¦ã‚¢ãƒ—ãƒªã‚„ã‚µãƒ¼ãƒ“ã‚¹ã‚’é–‹ç™ºã™ã‚Œã°ã€åŠã°è‡ªå‹•çš„ã«Material Designã®åŽŸå‰‡ã«æ²¿ã£ãŸUIãŒæ§‹
donnie28064212 2014/08/04
material design

polymer

google

android

webdesign

ui
ãƒªãƒ³ã‚¯
Web ComponentsãŒå¤‰ãˆã‚‹Webé–‹ç™ºã®æœªæ¥
Google I/O 2014ã§Eric BidelmanãŒPolymer and Web Components change everything you know about Web developmentã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã§ã€Web ComponentsãŠã‚ˆã³ãã®è£œå®Œãƒ»æ‹¡å¼µãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã‚ã‚‹Polymerã«ã¤ã„ã¦ã‚»ãƒƒã‚·ãƒ§ãƒ³ãŒè¡Œã‚ã‚Œã¾ã—ãŸã€‚ ã€ŒãªãœWeb ComponentsãŒç”Ÿã¾ã‚ŒãŸã®ã‹ã€ ã€ŒWeb ComponentsãŒä½•ã‚’è§£æ±ºã—ã¦ãã‚Œã‚‹ã‹ã€ ã“ã®2ç‚¹ã‚’ä¸Šè¨˜ã‚»ãƒƒã‚·ãƒ§ãƒ³ã«æ²¿ã£ã¦è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ HTML/CSSãŒæŒã¤å¼±ç‚¹ Webã‚’æ§‹æˆã—ã¦ã„ããƒ‘ãƒ¼ãƒ„ã‚’ä½œã‚‹éš›ã€ä»Šã¾ã§ã¯ã©ã®ã‚ˆã†ã«è¡Œã£ã¦ã„ãŸã§ã—ã‚‡ã†ã‹ã€‚<div>ã‚„<textarea>ã¨ã„ã£ãŸã‚ˆã†ãªãƒã‚¤ãƒ†ã‚£ãƒ–ã§ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã‚¿ã‚°ã«ã€CSSã§è¦‹ãŸç›®ã§è£…é£¾ã—ã€JavaScriptã‹ã‚‰DOMã®APIã‚’æ“ä½œã—ã¦ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚’ä»˜ä¸Žã—ã¦ãã¾ã—ãŸã€‚ ã—ã‹
donnie28064212 2014/07/30
webcomponents

components

polymer

google
ãƒªãƒ³ã‚¯
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
donnie28064212 2014/07/29
polymer

material design

presentation

html5

google
ãƒªãƒ³ã‚¯
[Polymer] Material Design ã‚’ä½¿ã£ãŸ Web ãƒšãƒ¼ã‚¸ã‚’ä½œã£ã¦ã¿ã‚‹ | DevelopersIO
Material design with Polymer Google I/O 2014 ã§ç™ºè¡¨ã«ãªã£ãŸã€ŒMaterial Designã€ã§ã™ãŒã€Web ã®å ´åˆã¯ Polymer ã§æä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚Polymer ã¯ Web Components ã‚’ä½¿ã£ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚æ˜¨å¹´ã® Google I/O ã§ç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚ ã¨ã„ã†ã“ã¨ã§ã€ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’å‚è€ƒã« Polymer ã‚’ä½¿ã£ã¦ Material Design ã® Web ãƒšãƒ¼ã‚¸åˆ¶ä½œã‚’è©¦ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ‡ãƒ¢ã§ Material Design ã®ä¸–ç•Œã‚’ä½“é¨“ã—ã¦ã¿ã‚ˆã† ãã®å‰ã«ã€Material Design ã§ã©ã®ã‚ˆã†ãª Web ãƒšãƒ¼ã‚¸ãŒä½œã‚Œã‚‹ã®ã‹ã€ãƒ‡ãƒ¢ã® Web ãƒšãƒ¼ã‚¸ãŒå…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ã¡ã‚‡ã£ã¨è§¦ã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ä»¥ä¸‹ã® 3 ã¤ã®ãƒ‡ãƒ¢ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ Topeka (ã‚¯ã‚¤ã‚ºã‚¢ãƒ—ãƒª) Paper Eleme
donnie28064212 2014/07/02
polymer
ãƒªãƒ³ã‚¯
Web Components/Polymerã‚’è»½ãè§¦ã£ã¦ã¿ã‚‹ | inkdesign
Web Componentsã¯Webã®UIã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã®å„ç¨®ä»•æ§˜ã®ç·ç§°ã§ã™ã€‚ DOMã¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ã‚«ãƒ—ã‚»ãƒ«åŒ–ã™ã‚‹Shadow DOMã€ä»»æ„ã®è¦ç´ ã¾ãŸã¯æ—¢å˜ã®è¦ç´ ã‚’æ‹¡å¼µã™ã‚‹Custom Elementsã€ãã‚Œã‚‰ã‚’ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸åŒ–ã—å†åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ãŸã‚ã®HTML Importsã‚’å«ã¿ã¾ã™ã€‚ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆåŒ–ã™ã‚‹HTML Templatesã‚‚å«ã¾ã‚Œã¦ã„ãŸã®ã§ã™ãŒã€ã¤ã„æœ€è¿‘HTMLä»•æ§˜ã«çµ„ã¿è¾¼ã¾ã‚ŒãŸã‚ˆã†ã§ã™ã€‚ ã¡ãªã¿ã«Web Componentsã«ã¤ã„ã¦èª¿ã¹ã¦ã„ã‚‹ã¨ã€Decoratorsã¨ã„ã†ä»•æ§˜ã«ãµã‚Œã¦ã„ã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ãŒã€ã“ã‚Œã®ã“ã¨ã¯å¿˜ã‚Œã¦ã„ã„ã„ã‚ˆã†ã§ã™ã€‚ Web Componentsã®ä»•æ§˜ãƒ»ä»•çµ„ã¿ã«ã¤ã„ã¦ã¯ã€å…ˆæ—¥ãŠã“ãªã‚ã‚ŒãŸHTML5 Conferenceã§ã€Shadow DOMã®Spec Editorã§ã‚ã‚‹å¤·è—¤ã•ã‚“ã®ãŠè©±ãŒå®Ÿã«ã‚ã‹ã‚Šã‚„ã™ã„ã¨ã¯ãŠã‚‚ã†ã®ã§ã€ãã¡
donnie28064212 2013/12/05
webcomponents

polymer

yeoman

ui

shadowdom
ãƒªãƒ³ã‚¯
1