Web Components: a chance to create the future
表ç¾ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆæŒ‡å‘ - fragmentary
Google I/Oã«è¡Œã£ã¦ããŸã®ã§ãれ関連ã®è©±é¡Œã‚’。 Paper Elementsã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆè¦ç´ Material Designã¨ã„ã†ãƒ‡ã‚¶ã‚¤ãƒ³è¨€èªžãŒå‡ºã¦ã€ãã®Webã¸ã®é©ç”¨æ‰‹æ®µã¨ã—ã¦Polymerã®Paper elementsãŒç™ºè¡¨ã•ã‚ŒãŸã€‚ CodeLabsã§ã‚‚Polymerã¨Paper Elementsã§TodoリストアプリをPolymerã¨Paper Elementsã§ä½œã‚‹ã¨ã„ã†ã‚³ãƒ¼ã‚¹ãŒã‚ã£ãŸã€‚ã“ã®ä¸ã«ã€ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’指定ã™ã‚‹ã‚¹ãƒ†ãƒƒãƒ—ãŒã‚る。ã“ã“ã§ã»ãƒ¼ã¨æ€ã£ãŸã®ãŒã€å½±ã‚’ã‚ャストã™ã‚‹éš›ã«ã¯paper-shadowã‚’ã€æ³¢ç´‹ã®åŠ¹æžœã‚’出ã™paper-rippleを使ã†ã“ã¨ã€‚エフェクトãŒè¦ç´ ã«ãªã£ã¦ã„ã‚‹ã®ã 。 表ç¾ãŒå¿…ãšè¦ç´ 化ã•ã‚Œã¦ã„ã‚‹ã‚ã‘ã§ã‚‚ãªã„。固定化ã•ã‚ŒãŸãƒ„ールãƒãƒ¼ãŒã‚ã£ã¦ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—始ã‚ãŸéš›ã«ä¸‹ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‹ã‚‰æµ®ã出るよã†ãªè¡¨ç¾ã‚’Material Designã§ã¯waterfallã¨
Web Components を支ãˆã‚‹Polyfillライブラリ
Hello 生æˆã•ã‚Œã‚‹JSãã®ã‚‚ã®ã¯ãƒ”ュアãªæ„Ÿã˜ãªã®ã§ã€ãŸã—ã‹ã«bosonicã‚’æ¨ã¦ã¦ã‚‚Web Componentsã¨ã—ã¦æˆã‚Šç«‹ã¡ãã†ã§ã¯ã‚る。 瑣末ã ãŒã€ã“ã®è¨˜äº‹ã‚’書ã„ã¦ã‚‹æ™‚点ã§è©¦ã—ãŸã‚‰Web Platform featuresã®ãƒ•ãƒ©ã‚°ã‚’Enableã«ã—ãŸCanaryã§ã€bosonic-pollyfillsãŒã‚¨ãƒ©ãƒ¼åã„ã¦ã‚‹... 余談ã€å®Ÿã¯ãˆã‚‰ã„ã‹ã‚‚ Polymerコンãƒãƒ¼ãƒãƒ³ãƒˆã£ã¦ã€çµå±€Polymer入れãªã„ã¨ä½¿ãˆãªã„ãªã‚‰ã€BackboneJSã§ä½¿ãˆãªã„Angularディレクティブã¿ãŸã„ãªã‚‚ã‚“ãªæ°—ãŒã—ã¦ããŸã€‚Bosonicã®ã‚³ãƒ³ã‚»ãƒ—トã€å®Ÿã¯å‰ã„ã‹ã‚‚。（出æ¥ã‚‹ç¯„囲ã¯åˆ¶é™ã•ã‚Œã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã‘ã©ï¼‰ — ã‚ã»ã‚€ãƒãƒ¼ã‚¬ãƒ¼ (@ahomu) June 30, 2014 çµè«– 個人的ã«ã¯ãµã¤ã†ã®Polyfillã¨ã—ã¦å‹•ã„ã¦ãれるもã®ã‚’精査ã—ãŸã‹ã£ãŸã®ã ã‘ã©ã€çµæžœçš„ã« Polymer/platform
Web Componentsã¨HTMLã®ã‚»ãƒžãƒ³ãƒ†ã‚£ã‚¯ã‚¹ã¨è‡ªåˆ†ã®å°†æ¥äºˆæ¸¬ - saneyuki_s log
Custom Elements W3C Editor's Draft 18 June 2014ã‚’å…ƒã«æ›¸ã„ãŸã€‚ 昔ã€é–¢é€£ä»•æ§˜ã®ã©ã“ã‹ã§ä»Šå›žã¨ä¼¼ãŸè©±ã‚’見ãŸè¨˜æ†¶ãŒæœ‰ã‚‹ã‚“ã ã‘ã©ã€ã©ã“ã«ã‚ã£ãŸã‹å¿˜ã‚ŒãŸã®ã§ã€æ”¹ã‚ã¦è‡ªåˆ†ã®è§£é‡ˆã¨ã—ã¦æ›¸ã„ã¦ã¿ã‚‹ã€‚ Custom Elementã§æ—¢å˜ã®è¦ç´ ã‚’æ‹¡å¼µã™ã‚‹ Web Componentsã®Custom Elementã¯ç‹¬è‡ªã®è¦ç´ を定義ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã ã‘ã©ã€æ–°è¦ç´ ã®å°Žå…¥ä»¥å¤–ã«ã‚‚ã€å®Ÿéš›ã«ã¯æ—¢å˜ã®è¦ç´ ã‚’æ‹¡å¼µã™ã‚‹ã¨ã„ã†ä½¿ã„æ–¹ãŒã§ãる。 ElementRegistrationOptionsã®ã€extendsプãƒãƒ‘ティã¨ã„ã†ã®ãŒãã†ã€‚ specã®ä¾‹ã§ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«pè¦ç´ ã‚’æ‹¡å¼µã—ã¦ã„る（引用）： document.registerElement('x-foo', { prototype: Object.create(HTMLParagraphElement.prototype
ãªãœ Web Components ã¯ã‚¦ã‚§ãƒ–開発ã«é©å‘½ã‚’èµ·ã“ã™ã®ã‹
ウェブアプリケーションã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«é–¢ã‚ã‚‹æ–¹ãªã‚‰ã€ã‚‚ㆠWeb Components ã¨ã„ㆠ言葉を全ãè´ã„ãŸã“ã¨ãŒãªã„æ–¹ã¯å°‘ãªã„ã®ã§ã¯ãªã„ã§ã—ょã‹ã€‚ ã™ã§ã«é–¢é€£è¨˜äº‹ã‚‚数多ã出回ã£ã¦ãŠã‚Šã€å®Ÿéš›ã«è§¦ã‚Šå§‹ã‚ã¦ã„る方も多ã„ã¨æ€ã„ã¾ã™ã€‚ã—ã‹ ã—ã€ãªãœã“ã‚ŒãŒé©å‘½çš„技術ãªã®ã‹ã€å‘¨å›²ã®äººã«ç°¡æ½”ã«èª¬æ˜Žã§ãã‚‹æ–¹ã¯ã©ã‚Œãらã„ã„る㧠ã—ょã†ã‹ï¼Ÿã“ã®è¨˜äº‹ã§ã¯ã€ãれを試ã¿ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ デジタル部å“ã®æµé€šé©å‘½ # ソフトウェア部å“ã®æµé€šã«ä»Šã€å¤§ããªå¤‰åŒ–ãŒèµ·ãã¦ãã¦ã„ã¾ã™ã€‚ æ•°å¹´å‰ã®ã‚ªãƒ¼ãƒ—ンソース環境を覚ãˆã¦ã„ã‚‹ã§ã—ょã†ã‹ï¼Ÿãƒ¬ãƒã‚¸ãƒˆãƒªã¯é›†ä¸ç®¡ç†åž‹ã® subversionã€ãƒªãƒªãƒ¼ã‚¹ã¯ zipã€ãƒ†ã‚¹ãƒˆã¯æ‰‹å‹•ã€‚Issue ã®ç™»éŒ²ã‚‚プãƒã‚¸ã‚§ã‚¯ãƒˆã”ã¨ã«ã“ã¨ãª ã‚‹ãƒã‚°ç®¡ç†ã‚·ã‚¹ãƒ†ãƒ ãŒä½¿ã‚ã‚Œã¦ã„ãŸãŸã‚ã€ã¨ã£ã¤ãã¥ã‚‰ã‹ã£ãŸã§ã—ょã†ã—ã€ãƒ‘ッãƒã‚’é€ã‚‹ ã®ã‚‚é¢å€’ã§ã—ãŸã€‚ ãã‚“ãªã‚ªãƒ¼ãƒ—ンソースをå–ã‚Šå·»ã環境ãŒã€git ã‚„ GitH
『Web Componentsã§è¡Œã†HTMLã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã€
1 pixel｜サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–り組ã¿ã‚’紹介ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚最新技術ã¸ã®æŒ‘戦やサービス誕生ã®è£è©±ã€å‹‰å¼·ä¼šã‚„イベントã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAクリエイターã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ ã¿ãªã•ã‚“ã“ã‚“ã«ã¡ã¯ã€‚アメーãƒäº‹æ¥æœ¬éƒ¨ã®æ³‰æ°´ï¼ˆ@1000ch）ã§ã™ã€‚ 今日ã¯HTMLをコンãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã™ã‚‹Web Componentsã¨ã„ã†æ–°ã—ã„HTMLã®ä»•æ§˜ã¨ã€ ãã®æ©Ÿèƒ½ã‚’補完ã™ã‚‹Polymerã¨ã„ã†ãƒ©ã‚¤ãƒ–ラリã«ã¤ã„ã¦ãŠè©±ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ Web Components Web Componentsã«ã¤ã„ã¦ã¯ã€2013å¹´ã®HTML5 Conferenceã§Googleã®å¤·è—¤ã•ã‚“ãŒã‚»ãƒƒã‚·ãƒ§ãƒ³ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚夷藤ã•ã‚“ã¯Chromeãƒãƒ¼ãƒ ã§ã€Web Componentã®å‘¨ã‚Šã®å®Ÿè£…ã‚’ã•ã‚Œã¦ã„ãŸã‚Šã€Shadow DOMã®ä»•æ§˜ã®ç·¨é›†ã‚’ã•ã‚Œã¦ã„ã¾ã™ã€‚ セッショ
ep1 WebComponents | mozaic.fm
第 1 回ã®ãƒ†ãƒ¼ãƒžã¯ WebComponents ã§ã™ã€‚今回㯠@hokaccha ã•ã‚“㨠@ahomu ã•ã‚“ã‚’ãŠè¿Žãˆã—ã€WebComponents ã§ä½•ãŒå¤‰ã‚ã‚‹ã®ã‹ã€ShadowDOM ã§ä½•ãŒå¬‰ã—ã„ã®ã‹ã€ä»Šã®èª²é¡Œã¯ä½•ã‹?「ãªã«ãŒèµ·ã“ã£ã¦ã„ã‚‹ã®ã‹?ã€ã€Œã“ã‚Œã‹ã‚‰ã©ã†ãªã£ã¦ã„ãã®ã‹?ã€ã‚’è°è«–ã—ã¾ã—ãŸã€‚ Show Note ã¯ã“ã¡ã‚‰: https://mozaic.fm/episodes/1/webcomponents.html
Using Polymer to Create Web Components | Envato Tuts+
Editors Note: This article was updated to remove references to deprecated components specifically polymer-ajax which has since been replaced by core-ajax. Thanks to Rob Dodson, developer advocate at Google, for the feedback. Building modern web applications requires a lot of tooling. This includes preprocessors, JavaScript frameworks, testing tools and a whole lot more. And as the complexities of
AboutAcne
There are many dermatologists that recommend yogurt for acne. The reasoning is that, if you choose the right yogurt that contains probiotics, then it can fight the bad bacteria that is partly responsible for the cause of acne. Dermatologists obviously aren’t going to tell you to get those fake sugary yogurt substitutes with a bunch of chemicals, artificial sweeteners and corn syrup (why not just u
Try Web Components
The document introduces Web Components and promotes trying them. It provides examples of Web Components like <x-calendar> and <x-flipbox> that can be used to build reusable custom elements. It also describes how to create a Web Component using Polymer and shows an example <x-like> component for liking posts. The document encourages developing with Web Components as it makes front-end development m
Google I/O 2013
Catch up on Google I/O Check out the highlights and anything you might have missed.
Web Componentsæ™®åŠã®å¤œæ˜Žã‘ï¼ï¼ŸPolymerを試ã—ã¦ã¿ãŸã€‚ | OpenWeb
今ã€Google I/Oã«æ¥ã¦ã„ã¾ã™ï¼ ãã“ã§å‚åŠ ã—ãŸWeb Components in Actionã¨ã„ã†ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§ã€ä»¥å‰ã‹ã‚‰æ³¨ç›®ã—ã¦ã„ãŸWeb Componentsã«ã¤ã„ã¦ã€å¤§ããªå‹•ããŒã‚ã£ãŸã“ã¨ã‚’知りã¾ã—ãŸã€‚ Polymer.jsã¨ã„ã†ãƒ©ã‚¤ãƒ–ラリã«ã‚ˆã‚Šã€Web Components仕様ã®å¤§éƒ¨åˆ†ãŒå‹•ä½œã•ã›ã‚‰ã‚Œã‚‹ã ã‘ã§ã¯ãªãã€æ§˜ã€…ãªã‚«ã‚¹ã‚¿ãƒ コンãƒãƒ¼ãƒãƒ³ãƒˆã‚’æ—¢ã«åˆ©ç”¨å¯èƒ½ã¨ã®ã“ã¨ãªã®ã§ã™ï¼ ã¡ãªã¿ã«ã€Web Components仕様ã«ã¤ã„ã¦å¤šå°‘詳ã—ã知りãŸã„æ–¹ã¯ã€æ˜”白石ãŒæ›¸ã„ãŸã“ã¡ã‚‰ã®è¨˜äº‹ã‚’å‚考ã«ã™ã‚‹ã¨ã„ã„ã‚“ã˜ã‚ƒãªã„ã§ã—ょã†ã‹ã€‚ Polymerã®ã‚³ãƒ¼ãƒ‰ã‚’å–å¾— Polymerã¯GitHubã§ã‚³ãƒ¼ãƒ‰ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ã¾ãšã¯é©å½“ãªç©ºãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã«ç§»å‹•ã—ã€ãã®ã‚³ãƒ¼ãƒ‰ã‚’手元ã«ã‚¯ãƒãƒ¼ãƒ³ã—ã¾ã™ã€‚ ã“ã®ã‚³ãƒžãƒ³ãƒ‰ã‚’実行ã™ã‚‹ã¨ã€Polymer本体ã ã‘ã§ã¯ãªãã€ä¾å˜ã—ã¦ã„ã‚‹ã„ãã¤ã‹ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚‚åŒæ™‚ã«ã‚¯ãƒãƒ¼ãƒ³
Polymer library - 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
Google I/O 2013
Catch up on Google I/O Check out the highlights and anything you might have missed.
1
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Google Web Components
Web Components are the Revolution
{{#tags}}- {{label}}
{{/tags}}