[B! DOM] poyosiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

poyosi id:poyosi

DOMã«é–¢ã™ã‚‹poyosiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

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

Brick
What is Brick? Brick is a bundle of reusa ble UI components created to enable rapid development of HTML5 apps. Brick adds new HTML tags- allowing developers to express the structure of an application in a clearer, more concise manner. What are Web Components? Web Components is a series of emerging W3C standards that allow developers to define custom HTML elements, and interact with them using the n
poyosi 2014/03/10
html

DOM

custom

web

javascript

html5
ãƒªãƒ³ã‚¯
http://oridomi.com/
poyosi 2014/01/28
ç´™ã£ã½ã„ã‚„ãƒ¼ã¤

DOM

jQuery

paper

javascript

demo

css3

plugin

library
ãƒªãƒ³ã‚¯
Backboneã¨Angularã‚’æ¯”è¼ƒã™ã‚‹
Spring Bootã«ã‚ˆã‚‹APIãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰æ§‹ç¯‰å®Ÿè·µã‚¬ã‚¤ãƒ‰ ç¬¬2ç‰ˆ ä½•åƒäººã‚‚ã®é–‹ç™ºè€…ãŒã€InfoQã®ãƒŸãƒ‹ãƒ–ãƒƒã‚¯ã€ŒPractical Guide to Building an API Back End with Spring Bootã€ã‹ã‚‰ã€Spring Bootã‚’ä½¿ã£ãŸREST APIæ§‹ç¯‰ã®åŸºç¤Žã‚’å¦ã‚“ã ã€‚ã“ã®æœ¬ã§ã¯ã€å‡ºç‰ˆæ™‚ã«æ–°ã—ããƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹ Spring Boot 2 ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ã€‚ã—ã‹ã—ã€Spring Boot3ãŒæœ€è¿‘ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€é‡è¦ãªå¤‰...
poyosi 2013/12/26
angular

mvc

æ¯”è¼ƒ

DOM

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

JavaScript
ãƒªãƒ³ã‚¯
Dynatable.js - jQuery plugin for HTML5+JSON interactive tables and more
To get started, simply install jquery.dynatable.js (along with jQuery), and add the following in the document.ready or after the table: Read / Normalize The HTML table is scanned and normalized into an array of JSON objects (or collection) where each JSON object (or record) corresponds to a row in the table. Operate The JSON collection can be sorted, searched/filtered, and paginated/sliced. Write
poyosi 2013/12/24
HTML5+JSON interactive table plugin.

JSON

jQuery

DOM

webåˆ¶ä½œ

javascript

HTML5

library

table
ãƒªãƒ³ã‚¯
Web Componentæ¦‚è¦
2. è‡ªå·±ç´¹ä»‹ ç™½çŸ³ä¿Šå¹³ã¨ç”³ã—ã¾ã™ã€‚ ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£html5.orgç®¡ç†äººï¼ˆä¼šå“¡æ•°5000åè¶…ï¼‰ HTML5ã¨ã‹å‹‰å¼·ä¼šä¸»å‚¬ï¼ˆæ¯Žæœˆä¸€å›žã€100åã‚’å‹•å“¡ï¼‰ Google API Expert (HTML5) Microsoft Most Valuable Professional (IE9) Twitter: @Shumpei
poyosi 2013/08/29
ã¯ã‚ˆã¤ã‹ãˆã‚“ã‹ãª

web

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

html

DOM

WebComponents

WebAPI
ãƒªãƒ³ã‚¯
Facebookã‚¢ãƒ—ãƒªã‚’ã€HTML5ã§ã©ã†ã—ã¦ã‚µã‚¯ã‚µã‚¯ã«ã§ããŸã®ã‹ã€‚Sencha Touché–‹ç™ºãƒãƒ¼ãƒ ãŒç”¨ã„ãŸ3ã¤ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
Sencha Touchã®é–‹ç™ºãƒãƒ¼ãƒ ãŒHTML5ã§é«˜é€Ÿã«å‹•ä½œã™ã‚‹Facebookã‚¢ãƒ—ãƒªã‚’é–‹ç™ºã—ãŸã“ã¨ã‚’ç´¹ä»‹ã—ãŸ1ã¤å‰ã®è¨˜äº‹ ã€ŒFacebookã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªãŒå¤±æ•—ã—ãŸç†ç”±ã¯HTML5ã®ã›ã„ã˜ã‚ƒãªã„ã€‚HTML5ã§ã‚µã‚¯ã‚µã‚¯å‹•ãFacebookã‚¢ãƒ—ãƒªã‚’ä½œã£ã¦è¦‹ã›ãŸSencha Touché–‹ç™ºãƒãƒ¼ãƒ ã€ã¯ã€éžå¸¸ã«å¤šãã®èªè€…ã«æ³¨ç›®ã•ã‚Œã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã§ç´¹ä»‹ã—ãŸSencha Touché–‹ç™ºãƒãƒ¼ãƒ ã®ãƒ–ãƒã‚°ã€ŒThe Making of Fastbook: An HTML5 Love Storyã€ã®å¾ŒåŠã§ã¯ã€ã©ã®ã‚ˆã†ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç”¨ã„ã¦é«˜é€ŸãªHTML5ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿç¾ã—ãŸã®ã‹ã‚‚ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€ãã®3ã¤ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦ãƒã‚¤ãƒ³ãƒˆã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã‚„ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒ•ã‚£ãƒ¼ãƒ‰ã®ã‚ˆã†ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’å‚™ãˆãŸãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã€ã“ã‚Œã‹ã‚‰åºƒãé–‹ç™ºã•ã‚Œã¦ã„ãã“ã¨ã«ãª
poyosi 2012/12/21
é–‹ç™º

html

Facebook

HTML5

DOM

ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯

ã‚¢ãƒ—ãƒª
ãƒªãƒ³ã‚¯
ç„¡è·ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã€€jQueryã§DOMè¦ç´ ã‚’ä½œæˆã—ã€DOMãƒ„ãƒªãƒ¼ã‚’æ§‹ç¯‰ã™ã‚‹æ–¹æ³•
ã€ŒjQuery DOM ãƒ„ãƒªãƒ¼ æ§‹ç¯‰ or ç”Ÿæˆã€ãªã©ã§æ¤œç´¢ã—ã¦ã‚‚ã€jQueryã§DOMè¦ç´ ã‚’ä½œæˆï¼ç”Ÿæˆã—ã€DOMãƒ„ãƒªãƒ¼ã‚’ï¼‘ã‹ã‚‰ä½œã‚‹æ–¹æ³•ãŒå‡ºã¦ã“ãªã‹ã£ãŸã®ã§ã€ã›ã£ã‹ãã ã‹ã‚‰åŸºç¤Žã®åŸºç¤Žã‚’ã¾ã¨ã‚ã¦ã¿ã‚‹ã€‚ 1)jQueryã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ä½œã‚‹ jQueryã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¨ã¯ã€jQueryã®é–¢æ•°(ãƒ¡ã‚½ãƒƒãƒ‰)ãŒä½¿ç”¨ã§ãã‚‹DOMè¦ç´ (ã¾ãŸã¯ãã®é…åˆ—)ã®ã“ã¨ã€‚DOMãƒ„ãƒªãƒ¼ã«å«ã¾ã‚Œã¦ãªã„è¦ç´ ã‚‚å«ã‚€ã€‚ jQueryã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¯ã€ã‚»ãƒ¬ã‚¯ã‚¿ã§æŠ½å‡ºã—ã¦å–å¾—ã™ã‚‹ã“ã¨ãŒå¤šã„ãŒã€ï¼‘ã‹ã‚‰ä½œã‚‹ã“ã¨ã‚‚ã§ãã‚‹ã€‚ jQueryã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®ä½œæˆã«ã¯ã€$()é–¢æ•°ã‚’ä½¿ç”¨ã™ã‚‹ã€‚ ï¼œä¾‹ï¼ž // <div></div>ã¨ã„ã†è¦ç´ ã®jQueryã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ä½œæˆã—ã€$jqObjã«æ ¼ç´ã™ã‚‹ var $jqObj = $("<div/>"); å¤‰æ•°åã®å…ˆé ã« $ ã‚’ã¤ã‘ã‚‹å¿…è¦ã¯ç„¡ã„ãŒã€ã€ŒjQueryã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãŒæ ¼ç´ã•ã‚Œã¦ã„ã‚‹å¤‰æ•°ã§ã‚ã‚‹ã“ã¨ã€ã‚’æ˜Ž
poyosi 2012/05/31
jQuery

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

DOM
ãƒªãƒ³ã‚¯
1