[B! html5][visualization] beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

beth321 id:beth321

html5ã¨visualizationã«é–¢ã™ã‚‹beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

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

D3ã‚’ã¯ã˜ã‚ã‚ˆã†
ãƒ‡ãƒ¼ã‚¿å¯è¦–åŒ–ã®ãŸã‚ã«ä½œæˆã•ã‚ŒãŸJavaScriptãƒ™ãƒ¼ã‚¹ã®ãƒ„ãƒ¼ãƒ«ã‚ãƒƒãƒˆã€ã€ŒD3.jsã€ã®æ¦‚èª¬æ›¸ã§ã™ã€‚D3ã®åŸºç¤Žã¨ãªã‚‹ã€ãƒ‡ãƒ¼ã‚¿ã‚»ãƒƒãƒˆã®æ–‡è„ˆã«ã‚ˆã£ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®è¦ç´ ã‚’å–æ‰±ã†æ–¹æ³•ã‚’å¦ã³ã¾ã™ã€‚ãƒ‹ãƒ¥ãƒ¼ãƒ¨ãƒ¼ã‚¯éƒ½å¸‚äº¤é€šå…¬ç¤¾ï¼ˆMTAï¼‰ã®å…¬é–‹ã—ã¦ã„ã‚‹å®Ÿãƒ‡ãƒ¼ã‚¿ã«åŸºã¥ã„ã¦ã€HTMLã€Canvasã€SVGã‚’ä½¿ã£ãŸã€è±Šå¯Œã§ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ãªãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ã®æ–¹æ³•ã‚’çŸ¥ã‚‹ã“ã¨ãŒã§ãã‚‹ã§ã—ã‚‡ã†ã€‚ãªãŠæœ¬æ›¸ã¯Ebookã®ã¿ã®è²©å£²ã¨ãªã‚Šã¾ã™ã€‚ ã¾ãˆãŒã 1ç« ã€€ã¯ã˜ã‚ã« D3 åŸºæœ¬è¨å®š ãƒ‹ãƒ¥ãƒ¼ãƒ¨ãƒ¼ã‚¯éƒ½å¸‚äº¤é€šå…¬ç¤¾ã®ãƒ‡ãƒ¼ã‚¿ã‚»ãƒƒãƒˆ 2ç« ã€€Enterã‚»ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ ã‚·ãƒ³ãƒ—ãƒ«ãªåœ°ä¸‹é‰„è·¯ç·šçŠ¶æ³è¡¨ç¤ºç›¤ã‚’ä½œæˆã™ã‚‹ ãƒ—ãƒ©ã‚¶ã®1æ—¥å¹³å‡äº¤é€šé‡ã®ã‚°ãƒ©ãƒ•ã‚’ä½œæˆã™ã‚‹ 3ç« ã€€ã‚¹ã‚±ãƒ¼ãƒ«ã¨åº§æ¨™è»¸ã¨æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ• ãƒã‚¹ã®æ•…éšœã€è¡çªã‚„äººèº«äº‹æ•… å›žè»¢å¼ã‚²ãƒ¼ãƒˆã®äº¤é€šé‡ã‚’ã‚°ãƒ©ãƒ•åŒ–ã™ã‚‹ 4ç« ã€€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã¨ãƒˆãƒ©ãƒ³ã‚¶ã‚¯ã‚·ãƒ§ãƒ³ åœ°ä¸‹é‰„ã®å®šæ™‚é‹è¡ŒçŽ‡ã®è©•ä¾¡UIãã®1â€•â€•ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯
beth321 2014/09/14
O'Reilly

japan

javascript

d3.js

visualization

book

HTML

D3

HTML5

å¯è¦–åŒ–
ãƒªãƒ³ã‚¯
HTML5ã§æƒ…å ±æœ€é©åŒ–ï¼è¦–è¦šåŒ–ï¼†WebRTCã§å¤‰ã‚ã‚‹æœªæ¥ï½žQCon Tokyo 2013ãƒ¬ãƒãƒ¼ãƒˆ
ã‚¹ãƒˆãƒ©ã‚¯ãƒãƒ£ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã¨ã—ã¦ã®HTML5ã€ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ã«æœ‰åŠ¹ãªHTML5ã¨é–¢é€£æŠ€è¡“ï¼ãƒ©ã‚¤ãƒ–ãƒ©ãƒª8é¸ã€WebRTCã®æ¦‚è¦ã‚„3ã¤ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãªã©ã€‚ 2013å¹´4æœˆ23æ—¥ã€InfoQJapanä¸»å‚¬ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒQCon Tokyo 2013ã€ãŒé–‹å‚¬ã•ã‚ŒãŸã€‚æœ¬ç¨¿ã§ã¯ã€ãã®ä¸ã‹ã‚‰ãƒ¢ãƒã‚¤ãƒ«ï¼HTMLã‚«ãƒ†ã‚´ãƒªã®3ã¤ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã®æ¨¡æ§˜ã‚’ãƒ€ã‚¤ã‚¸ã‚§ã‚¹ãƒˆã§ç´¹ä»‹ã™ã‚‹ã€‚ HTML5ã¨æƒ…å ±è¡¨ç¾ã®æœ€é©åŒ– WebRTCã§å¤‰ã‚ã‚‹Webã®æœªæ¥ HTML5ã§ã§ãã‚‹å¤šå½©ãªãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ ãƒ¢ãƒã‚¤ãƒ«ï¼HTMLã‚«ãƒ†ã‚´ãƒªä»¥å¤–ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦ã¯ã€ä»¥ä¸‹ã‚’å‚ç…§ã—ã¦ã»ã—ã„ã€‚ fluentdã€Hubotã€DDDã€Fabã€JSLintã«è¦‹ã‚‹æœ€å…ˆç«¯ã®é–‹ç™ºæ‰‹æ³•ï½žQCon Tokyo 2013ã¾ã¨ã‚ãƒ¬ãƒãƒ¼ãƒˆ HTML5ã¨æƒ…å ±è¡¨ç¾ã®æœ€é©åŒ– QCon Tokyo 2013ã®ã€ŒHTMLï¼ãƒ¢ãƒã‚¤ãƒ«ã€ã‚«ãƒ†ã‚´ãƒªæœ€åˆã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã¯ã€Webãƒ‡ã‚£
beth321 2014/02/27
responsive

html5

WebRTC

webåˆ¶ä½œ

HTML

web

ãƒ‡ã‚¶ã‚¤ãƒ³

ux

visualization

è§£èª¬
ãƒªãƒ³ã‚¯
Graphical Webã®æ‹¡ãŒã‚Šï¼›HTML5ã¨ãã®å‘¨è¾ºæŠ€è¡“ã§å®Ÿç¾ã™ã‚‹ | gihyo.jp
ã‚‚ã¡ã‚ã‚“ã€ã™ã¹ã¦HTML5ã‚’ä¸å¿ƒã¨ã™ã‚‹æ¨™æº–æŠ€è¡“ã§ã‚ã‚‹ãŸã‚ã€JavaScriptã‚’é€šã˜ã¦ãã‚Œãžã‚Œã‚’çµ„ã¿åˆã‚ã›ã¦åˆ©ç”¨ã§ãã¾ã™ã€‚ æ³¨ç›®ã•ã‚Œã‚‹GraphicalWeb ã“ã†ã—ãŸæ–°ã—ã„Webã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹æŠ€è¡“ã®æ‹¡å¤§ã‚‚ã‚ã‚Šã€2012å¹´ã«ã¯The Graphical Webã¨ã„ã†ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ãŒã‚¹ã‚¤ã‚¹é–‹å‚¬ã•ã‚Œã¾ã—ãŸã€‚ The Graphical Web2012ã®Webã‚µã‚¤ãƒˆ å®Ÿã¯ã“ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€2002å¹´ã‹ã‚‰10å¹´ä»¥ä¸Šã‚‚ç¶šã„ã¦ã„ã‚‹ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã€2011å¹´ã¾ã§ã¯SVG Openã¨ã„ã†åå‰ã§é–‹å‚¬ã•ã‚Œã¦ã„ã¾ã—ãŸï¼ˆã¡ãªã¿ã«ã€2007å¹´ã«ã¯æ—¥æœ¬ã§é–‹å‚¬ã•ã‚Œã¾ã—ãŸâ ï¼‰â ã€‚ã—ã‹ã—ã€2012å¹´ã‹ã‚‰ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹å†…ã§æ‰±ã†æŠ€è¡“ã¯SVGã®ã¿ã«ã¨ã©ã¾ã‚‰ãšã€HTML5 mediaã€CSS3 Animationsã€2D Canvasã€WebGLãªã©ã®æŠ€è¡“ã‚‚å–ã‚Šä¸Šã’ã‚‹ã“ã¨ã¨ãªã‚Šã€ã“ã†ã—ãŸæŠ€è¡“ã®ç·ç§°ã¨ã—ã¦ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã®ã‚¿ã‚¤ãƒˆ
beth321 2013/01/03
*webãƒ‡ã‚¶ã‚¤ãƒ³

html5

svg

canvas

visualization

web

javascript

WebGL

ã‚¦ã‚§ãƒ–

html
ãƒªãƒ³ã‚¯
Engadget | Technology News & Reviews
Early Access is the latest place where Steam is restricting games with mature themesSteam has expanded its ban on games with mature content to its Early Access program. What to expect at Meta Connect 2025: 'Hypernova' smart glasses, AI and the metaverseMeta Connect, the company's annual event dedicated to all things AR, VR, AI and the metaverse is just days away. And once again, it seems like it w
beth321 2012/12/21
ã€€Engadget Japanese

html5

webã‚µãƒ¼ãƒ“ã‚¹

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

html

ãƒ„ãƒ¼ãƒ«

webservice

ã‚¢ãƒ‹ãƒ¡

visualization

Engadget

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯å›³ã‚’ç¾Žéº—ã«ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«åŒ–ã§ãã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œsigma.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
sigma.js | a lightweight JavaScript graph drawing library ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯å›³ã‚’ç¾Žéº—ã«ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«åŒ–ã§ãã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œsigma.jsã€ã€‚ HTML5 canvasãƒ™ãƒ¼ã‚¹ã®ã‚¹ã‚¿ãƒ³ãƒ‰ã‚¢ãƒãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã ãã†ã§ã™ã€‚ãƒžã‚¦ã‚¹ã§ãƒ‰ãƒ©ãƒƒã‚°ã—ãŸã‚Šãƒžã‚¦ã‚¹ä½ç½®ã«å¿œã˜ã¦ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã«å¤‰åŒ–ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ æ¬¡ã®ã‚ˆã†ã«ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãŒç¾Žéº—ã§ã‚ã‚‹ã®ã§ã€å€‹äººçš„ã«ã¯ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ä½œæˆç”¨é€”ã«ä½¿ã£ã¡ã‚ƒã£ã¦ã‚‚ã„ã„æ°—ãŒã—ã¾ã—ãŸã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª è¤‡æ•°è¦ç´ ã®é–¢é€£ã‚’ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚ºã§ãã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œarbor.jsã€ HTML5ã®ã‚ãƒ£ãƒ³ãƒã‚¹ã¨é€£å‹•ã•ã›ã¦éŸ³å£°ã‚’ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚ºã—ãŸãƒ‡ãƒ¢ çµ„ç¹”å›³ã£ã½ã„å›³ã‚’ç°¡å˜ã«ä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery Org Chartã€
beth321 2012/07/04
javascript

jquery

HTML5

graph

ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯

JS

visualization

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

chart

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
1