Download to read offline
HTML5入門 for 頭がヤバい人向け
- 1.
- 2. about me AngularJS JapanUser Group 管理人 html5j Web先端技術味見部 部長 金井 健一 フリーランス フロントエンド方面のお仕事 can_i_do_web facebook/can.i.do.web
- 4.
- 5. if( HTML5入門 &&頭がヤバい人 ){ // success return awesomeThings; } else { // error case. return null; }
- 6. if( HTML5入門 &&頭がヤバい人 ){ // ここ通る気がしない return awesomeThings; } else { // 全部こっちでしょ？ return null; }
- 7.
- 8.
- 10.
- 11.
- 12. Web Components is... ネイティブの機能でUIコンポーネントを作る <x-tab> <x-tab-contents></x-tab-contents> <x-tab-contents></x-tab-contents> <x-tab-contents></x-tab-contents> </x-tab>
- 15. + Your CSS& JavaScript
- 16.
- 17. Web Components contains... • Templates • Decorator • Custom Elements • Shadow DOM • Imports
- 18. Templates <template> <input type= text> <button>ボタン</button> </template>
- 19.
- 20.
- 21. Custom Elements • 独自でタグを定義できる • 既存のhtml要素を拡張できる • ex)button や input 要素
- 22.
- 23.
- 24.
- 25.
- 26.
- 27. しっかり知りたい人は • http://blog.agektmr.com/2014/05/web-components.html • https://github.com/w3c/webcomponents • http://www.whatwg.org/specs/web-apps/current-work/multipage/ scripting-1.html#the-template-element • http://www.w3.org/TR/components-intro/ • http://www.w3.org/standards/techs/components#w3c_all ご一読くださいませ
- 28.