[B! HTML5] sasapi180ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

sasapi180 id:sasapi180

HTML5ã«é–¢ã™ã‚‹sasapi180ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

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

WebGL é–‹ç™ºæ”¯æ´ã‚µã‚¤ãƒˆ wgld.org
æ¬¡ãªã‚‹ Web ã‚’è¦‹æ®ãˆã¦ æ¥ãŸã‚‹ã¹ã WebGL2 ã®æ™‚ä»£ã¸ 2011 å¹´ã€æœ€åˆã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹ 1.0 ãŒå‹§å‘Šã•ã‚ŒãŸ WebGL ã¯ã€ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ OpenGL ES ã«ç›¸å½“ã™ã‚‹ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ API ã®æ©Ÿèƒ½ã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ JavaScript ã® API ã§ã™ã€‚ ãã—ã¦ 2016 å¹´ã€WebGL ã®æ£å½“ãªå¾Œç¶™ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ãªã‚‹ WebGL2 (ã‚‚ã—ãã¯ WebGL 2.0) ãŒã„ã‚ˆã„ã‚ˆæœ¬æ ¼çš„ã«åˆ©ç”¨ã§ãã‚‹æ®µéšŽã«ãªã‚Šã¤ã¤ã‚ã‚Šã¾ã™ã€‚ å½“ã‚µã‚¤ãƒˆã§ã¯ã€2012 å¹´ã®é–‹è¨ä»¥æ¥ã€WebGL 1.0 ç³»ã® API ã‚’ç”¨ã„ã‚‹ãŸã‚ã®æŠ€è¡“è§£èª¬ã‚’æŽ²è¼‰ã—ã¦ãã¾ã—ãŸã€‚ãã—ã¦ä»Šå¾Œã¯ã€æ™‚ä»£ã®å¤‰é·ã«åˆã‚ã›ã¦ WebGL 2.0 ç³»ã®è§£èª¬è¨˜äº‹ã‚‚å…¬é–‹ã—ã¦ã„ãæ–¹é‡ã§ã™ã€‚ WebGL 2.0 ãŒç™»å ´ã™ã‚‹ã¨ã¯è¨€ã£ã¦ã‚‚ã€å¾Œæ–¹äº’æ›ã‚’ä¿ã¤ã¨ã„ã†æ„å‘³ã‚‚ã‚ã£ã¦ æ„å›³çš„ã«æœ‰åŠ¹åŒ– ã—ãªã„é™ã‚Šã¯ WebGL 1.0 ç›¸å½“ã® AP
sasapi180 2014/02/18
WebGL

ãƒ–ãƒ©ã‚¦ã‚¶

3d

Webåˆ¶ä½œ

javascript

HTML5

OpenGL

GPU

canvas
ãƒªãƒ³ã‚¯
é‡è¦ï¼ ã¾ãšã¯ã€Œã‚ªãƒªã‚¸ãƒ³ã€ã‚’ç†è§£ã—ã‚ˆã†
é€£è¼‰ç›®æ¬¡ çš†ã•ã‚“ã“ã‚“ã«ã¡ã¯ã€‚ãƒãƒƒãƒˆã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã¯ã›ãŒã‚ã‚ˆã†ã™ã‘ã§ã™ã€‚ä»Šå›žã‹ã‚‰ã€HTML5ã‚„JavaScriptã«é–¢é€£ã—ãŸã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã®è©±é¡Œã«ã¤ã„ã¦é€£è¼‰ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™ã€‚ ã‚‚ã†èªã¿ã¾ã—ãŸã‹ï¼Ÿ HTML5ã®Webã‚¢ãƒ—ãƒªã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã«é–¢ã™ã‚‹å ±å‘Šæ›¸ çš†ã•ã‚“ã™ã§ã«ã”å˜ã˜ã‹ã¨æ€ã„ã¾ã™ãŒã€2013å¹´10æœˆ30æ—¥ã«JPCERTã‚³ãƒ¼ãƒ‡ã‚£ãƒãƒ¼ã‚·ãƒ§ãƒ³ã‚»ãƒ³ã‚¿ãƒ¼ï¼ˆä»¥ä¸‹ã€JPCERT/CCï¼‰ã‹ã‚‰ã€ŒHTML5 ã‚’åˆ©ç”¨ã—ãŸWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£å•é¡Œã«é–¢ã™ã‚‹èª¿æŸ»å ±å‘Šæ›¸ã€ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ ã“ã®å ±å‘Šæ›¸ã®èª¿æŸ»ã®ä¸€éƒ¨ã¯ã€å¼Šç¤¾ãŒè¡Œã„ã¾ã—ãŸã€‚ã¾ãŸã€JavaScriptã®ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ä¸Šã®å•é¡Œã«ã¤ã„ã¦æ¬¡ã€…ã¨é‹ã„æŒ‡æ‘˜ã‚’è¡Œã£ã¦ã„ã‚‹malaã•ã‚“ã«ã‚‚ã•ã¾ã–ã¾ãªæŠ€è¡“çš„ã‚¢ãƒ‰ãƒã‚¤ã‚¹ã‚’é ‚ã„ãŸä¸Šã€æ—¥å¸¸çš„ã«Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£æ¤œæŸ»ã‚„æ§‹ç¯‰ã‚’å®Ÿéš›ã®æ¥å‹™ã¨ã—ã¦è¡Œã£ã¦ãŠã‚‰ã‚Œã‚‹å°‚é–€å®¶ã®æ–¹ã€…ã«ã‚‚æŸ»èªã‚’ãŠé¡˜ã„ã—ã¦
sasapi180 2013/12/26
HTML5

ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£

Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
jQueryï¼‹HTML5ãªãƒ¡ãƒ‡ã‚£ã‚¢ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ã€ŒDemos for Acorn Media Playerã€:phpspoté–‹ç™ºæ—¥èªŒ
Demos for Acorn Media Player, Accessible and customizable HTML5 media player jQueryï¼‹HTML5ãªãƒ¡ãƒ‡ã‚£ã‚¢ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ã€ŒDemos for Acorn Media Playerã€ æ¬¡ã®ã‚ˆã†ãªYoutubeãƒ©ã‚¤ã‚¯ãªå‹•ç”»ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ãŒå®Ÿè£…ã§ãã¾ã™ã€‚ ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼éƒ¨åˆ†ã«å„ç¨®ãƒ†ãƒ¼ãƒžãŒç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€ã‚µã‚¤ãƒˆã«åˆã£ãŸUIã®å‹•ç”»ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ãŒå®Ÿè£…ã§ãã¾ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Youtubeã®Channelãƒ»Playlistã®å‹•ç”»ãƒªã‚¹ãƒˆã‚’è¡¨ç¤ºã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒPlumTubeã€ å‹•ç”»/åœ°å›³/ç”»åƒã®ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ãŒå¯èƒ½ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªLightBoxå®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒMagnificPopupã€ å‹•ç”»ã‚’èƒŒæ™¯ã«ã™ã‚‹ã¨ã“ã‚“ãªã«ã‚«ãƒƒã‚³ã„ã„ã€ã¨ã„ã†ãƒ‡ãƒ¢ã¨å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³
sasapi180 2013/12/26
jQuery

HTML5

ãƒ¡ãƒ‡ã‚£ã‚¢ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼

å‹•ç”»

JavaScript
ãƒªãƒ³ã‚¯
HTML5/CSS3ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®ã¾ã¨ã‚ | ã‚³ãƒªã‚¹
å•†ç”¨ã§ã‚‚ç„¡æ–™ã§ã„ã„ã®ï¼Ÿã¨ã„ã†ãã‚‰ã„ç¾Žã—ããƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸHTML5/CSS3ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã ã‘ã§ãªãã€ãƒšãƒ¼ã‚¸å†…ã«å–ã‚Šå…¥ã‚ŒãŸã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚‚ãªã‹ãªã‹é¢ç™½ã„ã‚‚ã®ãŒæƒã£ã¦ã„ã¾ã™ã‚ˆã€‚ Brushed ãƒ‡ãƒ¢ ãƒŸãƒ‹ãƒžãƒ«ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒç¾Žã—ã„1ãƒšãƒ¼ã‚¸ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã€‚ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã®ä½¿ã„æ–¹ã€å›ºå®šãƒ˜ãƒƒãƒ€ã®é…ç½®æ–¹æ³•ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ãƒ‘ãƒãƒ«ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãªã©ã€éšæ‰€ã«ã‚»ãƒ³ã‚¹ãŒå…‰ã‚Šã¾ã™ã€‚ å€‹äººãƒ»å•†ç”¨åˆ©ç”¨ç„¡æ–™ã€‚
sasapi180 2013/12/26
ãƒ‡ã‚¶ã‚¤ãƒ³

HTML

HTML5

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

CSS

ã¾ã¨ã‚

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

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (19)

HTML5ã«é–¢ã™ã‚‹sasapi180ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´4æœˆç¬¬1é€±ï¼‰

ã€å¾©æ—§æ¸ˆã€‘ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã¸ã®æŽ¥ç¶šãŒã§ããªã„ãƒ»ä¸å®‰å®šã«ãªã‚‹éšœå®³ãŒç™ºç”Ÿã—ã¦ã„ã¾ã—ãŸ

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´3æœˆï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (19)

HTML5ã«é–¢ã™ã‚‹sasapi180ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

WebGL é–‹ç™ºæ”¯æ´ã‚µã‚¤ãƒˆ wgld.org

é‡è¦ï¼ ã¾ãšã¯ã€Œã‚ªãƒªã‚¸ãƒ³ã€ã‚’ç†è§£ã—ã‚ˆã†

jQueryï¼‹HTML5ãªãƒ¡ãƒ‡ã‚£ã‚¢ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ã€ŒDemos for Acorn Media Playerã€:phpspoté–‹ç™ºæ—¥èªŒ

HTML5/CSS3ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®ã¾ã¨ã‚ | ã‚³ãƒªã‚¹

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´4æœˆç¬¬1é€±ï¼‰

ã€å¾©æ—§æ¸ˆã€‘ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã¸ã®æŽ¥ç¶šãŒã§ããªã„ãƒ»ä¸å®‰å®šã«ãªã‚‹éšœå®³ãŒç™ºç”Ÿã—ã¦ã„ã¾ã—ãŸ

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´3æœˆï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (19)

HTML5ã«é–¢ã™ã‚‹sasapi180ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

WebGL é–‹ç™ºæ”¯æ´ã‚µã‚¤ãƒˆ wgld.org

é‡è¦ï¼ ã¾ãšã¯ã€Œã‚ªãƒªã‚¸ãƒ³ã€ã‚’ç†è§£ã—ã‚ˆã†

jQueryï¼‹HTML5ãªãƒ¡ãƒ‡ã‚£ã‚¢ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ã€ŒDemos for Acorn Media Playerã€:phpspoté–‹ç™ºæ—¥èªŒ

HTML5/CSS3ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®ã¾ã¨ã‚ | ã‚³ãƒªã‚¹

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´4æœˆç¬¬1é€±ï¼‰

ã€å¾©æ—§æ¸ˆã€‘ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã¸ã®æŽ¥ç¶šãŒã§ããªã„ãƒ»ä¸å®‰å®šã«ãªã‚‹éšœå®³ãŒç™ºç”Ÿã—ã¦ã„ã¾ã—ãŸ

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´3æœˆï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹