[B! html5][HTML] hatano99ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hatano99 id:hatano99

html5ã¨HTMLã«é–¢ã™ã‚‹hatano99ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (27)

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

Webix ã‚’ä½¿ã£ã¦ã¿ãŸ - Qiita
ã¯ã˜ã‚ã« HTMLï¼‹JavaScript ã§ã‚¢ãƒ—ãƒªé–‹ç™ºã™ã‚‹ã«ã‚ãŸã£ã¦ã€UI ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ã©ã†ã™ã‚‹ã‹æ‚©ã¿ã¾ã—ãŸã€‚ç‹¬è‡ªã« CSSï¼‹JavaScript ã§æ›¸ã‘ã‚Œã°ã„ã„ã®ã§ã™ãŒã€ç„¡ç†ãªã®ã§æ—¢å˜ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã†ã“ã¨ã«ã—ã¾ã™ã€‚jQuery UI ã‚„ jQuery Mobile ã«å§‹ã¾ã‚Šã€Twitter Bootstrap ã€Adobe Topcoat ã€Intel App Framework ãªã©è©¦ã—ã¾ã—ãŸã€‚ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã¯ Onsen UI ãŒã‚ˆã•ãã†ã§ã™ã€‚ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã¯ Titanium ã€Sencha Ext JS ã€Kendo UI ãªã©è¦‹ã¦ã¿ã¾ã—ãŸã€‚ãã®ä¸Šã§ Webix ãŒæ°—ã«å…¥ã‚Šã¾ã—ãŸã€‚ å‚è€ƒ ã‚µã‚¯ã‚µã‚¯æ›¸ã‘ã¦æŸ”è»Ÿãªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒå¯èƒ½ãªã€UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒWebixã€ | #GUNMAGISGEEK Webix ã¨ã¯ Webix ã¯ã€ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã®ï¼ˆä¸»è¦ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ä½œã™ã‚‹
hatano99 2017/03/21
html

framework

html5

JavaScript

jquery

ext js

css
ãƒªãƒ³ã‚¯
HTML5ã‚’ä½¿ã£ãŸãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªé–‹ç™ºã«ä½¿ãˆã‚‹UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¾ã¨ã‚ | BACKEND AS A SERVICE mbaas BLOG
PhoneGapã‚’ã¯ã˜ã‚ã¨ã™ã‚‹ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªã¯äººæ°—ãŒã‚ã‚Šã¾ã™ã€‚HTML5/JavaScriptã§ã‚¢ãƒ—ãƒªãŒé–‹ç™ºã§ãã‚‹ã®ã¯é…åŠ›çš„ã§ã™ãŒã€å•é¡Œã¯UIã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚HTMLã®ã¾ã¾ã§ã¯UI/UXãŒå„ªã‚Œã¦ã„ã‚‹ã¨ã¯ã¨ã¦ã‚‚è¨€ãˆã¾ã›ã‚“ã€‚ãã“ã§HTMLã‚’ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªä¸¦ã®UIã«ã—ã¦ãã‚Œã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ã“ã‚Œã‚‰ã‚’ä½¿ãˆã°ã¾ã‚‹ã§ãƒã‚¤ãƒ†ã‚£ãƒ–ã®UIã¨å¤‰ã‚ã‚‰ãªã„ã‹ã®ã‚ˆã†ãªUI/UXãŒå¾—ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ã§ã—ã‚‡ã†ã€‚PhoneGapã‚’ã¯ã˜ã‚ã¨ã™ã‚‹ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªã¯äººæ°—ãŒã‚ã‚Šã¾ã™ã€‚HTML5/JavaScriptã§ã‚¢ãƒ—ãƒªãŒé–‹ç™ºã§ãã‚‹ã®ã¯é…åŠ›çš„ã§ã™ãŒã€å•é¡Œã¯UIã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚HTMLã®ã¾ã¾ã§ã¯UI/UXãŒå„ªã‚Œã¦ã„ã‚‹ã¨ã¯ã¨ã¦ã‚‚è¨€ãˆã¾ã›ã‚“ã€‚ ãã“ã§HTMLã‚’ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªä¸¦ã®UIã«ã—ã¦ãã‚Œã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ã“ã‚Œã‚‰ã‚’ä½¿ãˆã°ã¾ã‚‹ã§ãƒã‚¤ãƒ†ã‚£ãƒ–ã®UIã¨å¤‰ã‚ã‚‰ãªã„ã‹ã®ã‚ˆã†ãªUI/UXãŒå¾—
hatano99 2017/03/09
PhoneGap

html

html5
ãƒªãƒ³ã‚¯
srcsetå±žæ€§ã«ã¤ã„ã¦ - Qiita
ã¨ã‚Šã‚ãˆãš3è¡Œã§ srcsetã¯HTML5ã§ç–å®šã•ã‚ŒãŸæ–°å±žæ€§ ã“ã®è¦ç´ ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³è¦ä»¶(å¹…ã€é«˜ã•ã€ãƒ”ã‚¯ã‚»ãƒ«å¯†åº¦)ã«å¿œã˜ã¦ã€ç•°ãªã‚‹ç”»åƒã‚’èªã¿è¾¼ã‚€äº‹ãŒã§ãã‚‹ IEã§ã¯ä½¿ã†ã“ã¨ãŒå‡ºæ¥ãªã„ã®ã§æ³¨æ„(http://caniuse.com/#search=srcset) srcsetå±žæ€§ã«ã¤ã„ã¦è©³ã—ã è©³ã—ãæ›¸ã„ã¦ã‚ã‚Šã€è‰¯ã„è¨˜äº‹ã§ã™ã€‚ srcset ã¨ sizes ã‚¨ãƒªãƒƒã‚¯ãƒ»ãƒãƒ¼ãƒ†ã‚£ã‚¹ æ–‡ã¨çµµ éˆ´æœ¨ä¸ˆ è¨³ å€‹äººçš„ã«ã¯ã€å°è±¡ã«æ®‹ã£ãŸã®ã¯ ã‚°ãƒªãƒ³ãƒ”ãƒ¼ã‚¹ãŠã„ã—ã„^q^ ã§ã—ãŸ ãƒ¡ãƒªãƒƒãƒˆ Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ç”¨ã«ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦å‹•çš„ã«ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ ->ç’°å¢ƒã«ã«ã‚ã£ãŸæœ€é©ãªç”»åƒã‚’ãƒ–ãƒ©ã‚¦ã‚¶ãŒé¸ã‚“ã§ãã‚Œã‚‹ï¼ˆä½™è¨ˆãªç”»åƒã¯èªã¿è¾¼ã¾ãªã„ï¼‰ å¼•ç”¨å…ƒ:HTMLã®srcsetã‚’ä½¿ã£ã¦ç”»åƒã‚’ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«Retinaå¯¾å¿œã•ã›ã¦ã¿ã‚ˆã† ãƒ‡ãƒ¡ãƒª
hatano99 2016/10/03
html

IE

html5

Retina

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

HTML
ãƒªãƒ³ã‚¯
ãƒ“ãƒ‡ã‚ªãƒãƒ£ãƒƒãƒˆï¼†ãƒ†ã‚ã‚¹ãƒˆãƒãƒ£ãƒƒãƒˆä½œæˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ï¼WebRTCã‚’ç°¡å˜ï¼†æŸ”è»Ÿã«ä½¿ãˆã‚‹ã€ŒSkyWayã€ã‚’ä½¿ã£ã¦ã¿ã‚ˆã†
ãƒ“ãƒ‡ã‚ªãƒãƒ£ãƒƒãƒˆï¼†ãƒ†ã‚ã‚¹ãƒˆãƒãƒ£ãƒƒãƒˆä½œæˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ï¼WebRTCã‚’ç°¡å˜ï¼†æŸ”è»Ÿã«ä½¿ãˆã‚‹ã€ŒSkyWayã€ã‚’ä½¿ã£ã¦ã¿ã‚ˆã† æ¡‚å¥å¤ªï¼ˆHTML5 Experts.jpç·¨é›†éƒ¨ï¼‰ WebRTCã‚’ç°¡å˜ã«åˆ©ç”¨ã™ã‚‹ãŸã‚ã®ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ SkyWayã‚’ã”å˜çŸ¥ã§ã™ã‹ï¼Ÿæœ¬é€£è¼‰ã§ã¯ã€WebRTCã‚’ç°¡å˜ã«åˆ©ç”¨ã™ã‚‹ãŸã‚ã®ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ SkyWayã«ã¤ã„ã¦ã€åŸºæœ¬çš„ãªãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‹ã‚‰ã€å„ç¨®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ç´¹ä»‹ã¾ã§ã—ã¦ã„ãã¾ã™ã€‚ é€£è¼‰ç¬¬1å›žç›®ã§ã‚ã‚‹ä»Šå›žã¯ã€ã¾ãšã€WebRTCã®åŸºæœ¬çš„ãªèª¬æ˜Žã‚’ã—ãŸå¾Œã«ã€å®Ÿéš›ã«SkyWayã‚’ä½¿ã£ã¦ã€ãƒ“ãƒ‡ã‚ªãƒãƒ£ãƒƒãƒˆã®ä½œæˆã¨ãƒ‡ãƒ¼ã‚¿ãƒãƒ£ãƒ³ãƒãƒ«ã‚’ä½¿ã£ãŸãƒãƒ£ãƒƒãƒˆã®ä½œæˆã‚’ã—ã¦ã„ãã¾ã™ã€‚ WebRTCã¨ã¯ WebRTCã¨ã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã‚„ã‚¢ãƒ—ãƒªé–“ã§ãƒ“ãƒ‡ã‚ªã‚„éŸ³å£°ã€ãƒ‡ãƒ¼ã‚¿ã®ã‚„ã‚Šå–ã‚Šã‚’P2P(Peer to Peer)ã§è¡Œã†ã“ã¨ã‚’å¯èƒ½ã«ã™ã‚‹è¦æ ¼ã§ã™ã€‚ å¾“æ¥ã®ãƒ“ãƒ‡ã‚ªãƒãƒ£ãƒƒãƒˆã¯äº’æ›æ€§ã®ãªã„ç‹¬è‡ªæŠ€è¡“ã§å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã—ãŸãŒã€Web
hatano99 2016/05/25
ipã‚¢ãƒ‰ãƒ¬ã‚¹

html

html5
ãƒªãƒ³ã‚¯
crocro.jscam
ã€Œcrocro.jscamã€JavaScriptã§Webã‚«ãƒ¡ãƒ©ã®ç”»åƒã‚’å–å¾—ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒª ã¯ã˜ã‚ã« ã€Œcrocro.jscamã€ã¯ã€JavaScriptã§ã€Webã‚«ãƒ¡ãƒ©ã®ç”»åƒã‚’å–å¾—ã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ å‹•ä½œå¯¾è±¡ã¯HTML5ä»¥ä¸Šã€PCã¨ãªã‚Šã¾ã™ã€‚ãƒ‡ãƒãƒƒã‚°ã‚’è¡Œã£ãŸã®ã¯ã€Chrome16ã€IE9ã€Firefox9ã«ãªã‚Šã¾ã™ã€‚ æœ¬ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªã“ã¨ã‚’è¡Œãªãˆã¾ã™ã€‚ Webã‚«ãƒ¡ãƒ©ã®ç”»åƒã®ã‚ãƒ£ãƒ—ãƒãƒ£ã€‚ ã‚ãƒ£ãƒ—ãƒãƒ£ã—ãŸç”»åƒã®2å€¤åŒ–ï¼ˆç™½é»’åŒ–ï¼‰ã€‚ 2å€¤åŒ–ã‚’å…ƒã«ã—ãŸãƒ©ãƒ™ãƒªãƒ³ã‚°ï¼ˆé ˜åŸŸåˆ†å‰²ï¼‰ã€‚ ãƒ‰ãƒƒãƒˆãƒ‘ã‚¿ãƒ¼ãƒ³ã®æ¤œå‡ºã€ã‚ã‚‹ã„ã¯ãƒžãƒ¼ã‚«ãƒ¼ã®æ¤œå‡ºï¼ˆ4éš…ã®ä½ç½®ã¨å‘ãï¼‰ã€‚ ã‚ãƒ£ãƒ—ãƒãƒ£ã‚’æŒ‡å®šã—ãŸå ´åˆã®å³æ™‚ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯å‡¦ç†ï¼ˆå„ç¨®è§£æžãƒ‡ãƒ¼ã‚¿ã®å–å¾—ï¼‰ã€‚ æ¤œå‡ºæ™‚ã®ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯å‡¦ç†ï¼ˆå„ç¨®è§£æžãƒ‡ãƒ¼ã‚¿ã®å–å¾—ï¼‰ã€‚ Webã‚«ãƒ¡ãƒ©ã§å–å¾—ã—ãŸç”»åƒã‚’HTML5ã§åˆ©ç”¨ã—ãŸã„ã¨ã„ã£ãŸç”¨é€”ã‚„ã€ãƒžãƒ¼ã‚«ãƒ¼ã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¼ä»£ã‚ã‚Šã«ä½¿ã£ãŸç°¡å˜ãªã‚²ãƒ¼
hatano99 2016/05/24
html5

html

IE9

firefox

Chrome

pc
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã¯ã‚»ãƒ³ã‚µãƒ¼ã®å¡Šï¼ ãŸã£ãŸæ•°è¡Œã®HTML5ã¨JSã§æ‰±ãˆã‚‹ã‚»ãƒ³ã‚µãƒ¼ã¾ã¨ã‚(ãƒ‡ãƒ¢ãƒ»å‹•ç”»ã‚ã‚Š) â€“ ICS MEDIA
View Transitions APIå…¥é–€ - é€£ç¶šæ€§ã®ã‚ã‚‹ç”»é¢é·ç§»ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿç¾ã™ã‚‹ã‚¦ã‚§ãƒ–ã®æ–°æŠ€è¡“ 10æœˆ15æ—¥æ›´æ–°æ± ç”° æ³°å»¶â™¥ 142
hatano99 2016/05/12
html

html5

smartphone

ã‚¢ãƒ—ãƒª
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã‹ã‚‰BluetoothãŒä½¿ãˆã‚‹ï¼ JSã§Web Bluetooth APIã‚’ä½¿ã£ã¦BLEæ©Ÿå™¨ã‚’æ“ä½œã™ã‚‹æ–¹æ³•[Lãƒã‚«ãƒ»æ¸©æ¹¿åº¦ã‚»ãƒ³ã‚µãƒ¼ç·¨] - ICS MEDIA
View Transitions APIå…¥é–€ - é€£ç¶šæ€§ã®ã‚ã‚‹ç”»é¢é·ç§»ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿç¾ã™ã‚‹ã‚¦ã‚§ãƒ–ã®æ–°æŠ€è¡“ 2025å¹´10æœˆ15æ—¥æ›´æ–°æ± ç”° æ³°å»¶â™¥ 142
hatano99 2015/06/11
html

html5

angular

media

css3
ãƒªãƒ³ã‚¯
åˆå¿ƒè€…ã§ã‚‚çµ¶å¯¾ã‚ã‹ã‚‹ã€WebGLãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼œthree.jsæœ€åˆã®ä¸€æ©ï¼ž
åˆå¿ƒè€…ã§ã‚‚çµ¶å¯¾ã‚ã‹ã‚‹ã€WebGLãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼œthree.jsæœ€åˆã®ä¸€æ©ï¼ž å°å±±ç”° æ™ƒæµ©ï¼ˆæ ªå¼ä¼šç¤¾ ãƒ”ã‚¯ã‚»ãƒ«ã‚°ãƒªãƒƒãƒ‰ï¼‰ WebGLã¯ã¨ã¦ã‚‚é«˜åº¦ãªæŠ€è¡“ã§ã‚ã‚‹ä¸€æ–¹ã€APIã¯ä½Žãƒ¬ãƒ™ãƒ«ã§ã‚ã‚‹ãŸã‚ãã®ã¾ã¾ä½¿ã†ã«ã¯ã©ã†ã—ã¦ã‚‚å†—é•·ãªæº–å‚™ã‚’è¡Œã†å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ä¸€æ–¹ã§ã€JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã‚’é€šã—ã¦é«˜ãƒ¬ãƒ™ãƒ«ãªAPIã¨ã—ã¦WebGLã‚’åˆ©ç”¨ã™ã‚‹æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ã“ã†ã—ãŸJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã¨ã—ã¦ã¯three.jsã€Away3D.jsã€Babylon.jsãªã©ãŒæœ‰åã§ã™ã€‚ãã®ä¸ã§ã‚‚ç‰¹ã«äººæ°—ãŒã‚ã‚‹three.jsã‚’é€šã—ã¦ã€WebGLã‚’åˆ©ç”¨ã™ã‚‹æ–¹æ³•ã‚’è§£èª¬ã—ã¾ã™ã€‚(three.jsã®ãƒªãƒ“ã‚¸ãƒ§ãƒ³ã¯åŸ·ç†ç¾åœ¨ã®æœ€æ–°ã§ã‚ã‚‹r65ã‚’åˆ©ç”¨ã—ã¾ã™) three.jsã‚’æ‰‹ã«å…¥ã‚Œã‚‹ three.jsã¯http://threejs.org/ã‹ã‚‰æ‰‹ã«å…¥ã‚Œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚downloadã‹ã‚‰ã€zipãƒ•ã‚¡ã‚¤ãƒ«ã‚’æ‰‹ã«å…¥ã‚Œã¾
hatano99 2014/12/04
three.js

javascript

api

HTML

3d

HTML5
ãƒªãƒ³ã‚¯
Amazon.co.jp: [iOS/Androidå¯¾å¿œ] HTML5 ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªé–‹ç™º[å®Ÿè·µ]å…¥é–€ (Software Design plus): ä¹…ä¿ç”°å…‰å‰‡, ã‚¢ã‚·ã‚¢ãƒ«æ ªå¼ä¼šç¤¾: æœ¬
hatano99 2014/11/25
html5

PhoneGap

html

iOS

development
ãƒªãƒ³ã‚¯
ãªãœ Web Components ã¯ã‚¦ã‚§ãƒ–é–‹ç™ºã«é©å‘½ã‚’èµ·ã“ã™ã®ã‹
ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«é–¢ã‚ã‚‹æ–¹ãªã‚‰ã€ã‚‚ã† Web Components ã¨ã„ã† è¨€è‘‰ã‚’å…¨ãè´ã„ãŸã“ã¨ãŒãªã„æ–¹ã¯å°‘ãªã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã‹ã€‚ ã™ã§ã«é–¢é€£è¨˜äº‹ã‚‚æ•°å¤šãå‡ºå›žã£ã¦ãŠã‚Šã€å®Ÿéš›ã«è§¦ã‚Šå§‹ã‚ã¦ã„ã‚‹æ–¹ã‚‚å¤šã„ã¨æ€ã„ã¾ã™ã€‚ã—ã‹ ã—ã€ãªãœã“ã‚ŒãŒé©å‘½çš„æŠ€è¡“ãªã®ã‹ã€å‘¨å›²ã®äººã«ç°¡æ½”ã«èª¬æ˜Žã§ãã‚‹æ–¹ã¯ã©ã‚Œãã‚‰ã„ã„ã‚‹ã§ ã—ã‚‡ã†ã‹ï¼Ÿã“ã®è¨˜äº‹ã§ã¯ã€ãã‚Œã‚’è©¦ã¿ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ‡ã‚¸ã‚¿ãƒ«éƒ¨å“ã®æµé€šé©å‘½ # ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢éƒ¨å“ã®æµé€šã«ä»Šã€å¤§ããªå¤‰åŒ–ãŒèµ·ãã¦ãã¦ã„ã¾ã™ã€‚ æ•°å¹´å‰ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ç’°å¢ƒã‚’è¦šãˆã¦ã„ã‚‹ã§ã—ã‚‡ã†ã‹ï¼Ÿãƒ¬ãƒã‚¸ãƒˆãƒªã¯é›†ä¸ç®¡ç†åž‹ã® subversionã€ãƒªãƒªãƒ¼ã‚¹ã¯ zipã€ãƒ†ã‚¹ãƒˆã¯æ‰‹å‹•ã€‚Issue ã®ç™»éŒ²ã‚‚ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã”ã¨ã«ã“ã¨ãª ã‚‹ãƒã‚°ç®¡ç†ã‚·ã‚¹ãƒ†ãƒ ãŒä½¿ã‚ã‚Œã¦ã„ãŸãŸã‚ã€ã¨ã£ã¤ãã¥ã‚‰ã‹ã£ãŸã§ã—ã‚‡ã†ã—ã€ãƒ‘ãƒƒãƒã‚’é€ã‚‹ ã®ã‚‚é¢å€’ã§ã—ãŸã€‚ ãã‚“ãªã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã‚’å–ã‚Šå·»ãç’°å¢ƒãŒã€git ã‚„ GitH
hatano99 2014/09/04
CI

jquery

web

jQuery

html5

html

WebComponents
ãƒªãƒ³ã‚¯
PhoneGapã¨ã¯ä¸€å‘³é•ã†ï¼ç´”å›½ç”£ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ã€Œã‚¢ãƒ—ãƒªã‚«ãƒ³ã€äº‹å§‹ã‚
PhoneGapã¨ã¯ä¸€å‘³é•ã†ï¼ç´”å›½ç”£ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ã€Œã‚¢ãƒ—ãƒªã‚«ãƒ³ã€äº‹å§‹ã‚ ç• ç”° å–œä¸ˆï¼ˆæ ªå¼ä¼šç¤¾ãƒ‹ãƒ¥ãƒ¼ãƒ•ã‚©ãƒªã‚¢ï¼‰ ã‚¢ãƒ—ãƒªã‚«ãƒ³ã¯ã€ç´”å›½ç”£ã®ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ã„ã¤ã‚‚ä½¿ã£ã¦ã„ã‚‹ã‚¨ãƒ‡ã‚£ã‚¿ã ã‘ã§ã‚¢ãƒ—ãƒªãŒä½œã‚Œã‚‹ã®ã§ã€é–‹ç™ºç’°å¢ƒã®OSã‚‚é¸ã³ã¾ã›ã‚“ã€‚ ã‚¢ãƒ—ãƒªã‚«ãƒ³ã¯2013å¹´æœ«ã«å…¬é–‹ã•ã‚Œã€ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã—ã¦ã¯å¾Œç™ºã§ã™ãŒã€ä»–ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã¯ç•°ãªã‚‹ã‚¢ãƒ—ãƒãƒ¼ãƒã¨ã—ã¦ã€æ§˜ã€…ãªãƒ‘ãƒ¼ãƒˆãƒŠãƒ¼ä¼æ¥ã®ã‚µãƒ¼ãƒ“ã‚¹ã®SDKã‚’çµ„ã¿è¾¼ã¿ã€ARæ©Ÿèƒ½ã‚„ã€ä½ç½®æƒ…å ±é€£å‹•ã‚µãƒ¼ãƒ“ã‚¹ãªã©è¤‡é›‘ãªã‚µãƒ¼ãƒ“ã‚¹ã‚ªãƒ—ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã‚’ JavaScriptã‹ã‚‰ç°¡å˜ã«å‘¼ã³å‡ºã›ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ åŸºæœ¬ã¯ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ãŒã€å‰è¿°ã®é«˜æ©Ÿèƒ½ãªã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ãŸã‚Šã€ç„¡æ–™ãƒ“ãƒ«ãƒ‰ã—ãŸã‚¢ãƒ—ãƒªã«è¡¨ç¤ºã•ã‚Œã‚‹åºƒå‘ŠãƒãƒŠãƒ¼ã‚’å¤–ã™å ´åˆã«ã¯æœ‰æ–™ã¨ãªã‚Šã¾ã™ã€‚ ã‚¢ãƒ—ãƒªã‚«ãƒ³ã®é–‹ç™ºã«å¿…è¦ãªã‚‚ã® ã‚¨ãƒ‡ã‚£ã‚¿ å¥½å¥‡å¿ƒ ã‚¢ãƒ—ãƒªã‚«ãƒ³ã®é–‹ç™ºã«ã¯ã€IDEã‚’
hatano99 2014/07/25
JavaScript

iOS

html

html5
ãƒªãƒ³ã‚¯
http://lollyt.in/
hatano99 2014/07/08
webã‚µãƒ¼ãƒ“ã‚¹

html

html5
ãƒªãƒ³ã‚¯
SCRAPBLOG : canvasè¦ç´ ã«ã‚ˆã‚‹Webãƒšãƒ¼ã‚¸ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆä¿å˜æ©Ÿèƒ½
ä»Šå¹´4æœˆã«è¡Œãªã‚ã‚ŒãŸMozillaParty7.0ã«ãŠã„ã¦ã€ã„ãã¤ã‹æœ‰ç”¨ãªæƒ…å ±ã‚’å¾—ã‚‹ã“ã¨ãŒã§ããŸãŒã€ä¸ã§ã‚‚canvas è¦ç´ ã® toDataURL ãƒ¡ã‚½ãƒƒãƒ‰ã§å–å¾—ã—ãŸ data:URL ã‚’ãƒ•ã‚¡ã‚¤ãƒ«ã¸ä¿å˜ã™ã‚‹ã¨ã„ã† Taken ã•ã‚“ã®æƒ…å ±ã¯ã€ ScrapBook ã§ä¿å˜ã—ãŸWebãƒšãƒ¼ã‚¸ã®ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã‚’ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã«ã‚ˆã£ã¦ä¸€æœ›ã™ã‚‹ã¨ã„ã†ãƒ—ãƒ©ãƒ³ã‚’ä¸€æ°—ã«å®Ÿç¾ã¸ã¨è¿‘ã¥ã‘ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚ã‚ŠãŒãŸã„ã‚‚ã®ã§ã‚ã£ãŸã€‚ãã®å…·ä½“çš„ãªæ–¹æ³•ã¯Taken SPC : Mozilla Party JP 7.0 ã«è¡Œã£ã¦ãã¾ã—ãŸã®ãƒã‚¹ãƒˆã§ã‚‚èª¬æ˜Žã•ã‚Œã¦ã„ã‚‹ãŒã€ã“ã‚Œã‚’åˆ©ç”¨ã—ã¦ç¾åœ¨ãƒ–ãƒ©ã‚¦ã‚¶ã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹Webãƒšãƒ¼ã‚¸ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆï¼ˆä»Šå›žã¯ã‚µãƒ ãƒã‚¤ãƒ«ã§ã¯ãªãã€åŽŸå¯¸å¤§ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆï¼‰ã‚’PNGç”»åƒã¨ã—ã¦ä¿å˜ã™ã‚‹æ©Ÿèƒ½ã‚’å®Ÿè£…ã—ã¦ã¿ã‚‹ã€‚ (1) XUL html:canvasè¦ç´ ã‚’ chrome://browser/conte
hatano99 2013/08/12
JavaScript

html

canvas

programming

html5

firefox

extension
ãƒªãƒ³ã‚¯
Androidã¨Chromeã¯çµ±åˆã—ã€Packaged Web AppsãŒé‡è¦ã«ãªã‚‹ã€‚ä¸¸å±±å…ˆç”ŸãŒäºˆæƒ³ã™ã‚‹æ–°ã—ã„ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®å½¢
Androidã¨Chromeã¯çµ±åˆã—ã€Packaged Web AppsãŒé‡è¦ã«ãªã‚‹ã€‚ä¸¸å±±å…ˆç”ŸãŒäºˆæƒ³ã™ã‚‹æ–°ã—ã„ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®å½¢ æ—¥æœ¬Androidã®ä¼šã¨HTML5jãŒåˆåŒã§ã€Œç¬¬39å›ž HTML5ã¨ã‹å‹‰å¼·ä¼š+æ—¥æœ¬Androidã®ä¼š 2013å¹´5æœˆå®šä¾‹ä¼šã€ã‚’5æœˆ28æ—¥ã«é–‹å‚¬ã—ã¾ã—ãŸã€‚ ãã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§ã€Androidã¨ChromeãŒçµ±åˆã™ã‚‹ã¨äºˆæƒ³ã—ãŸã®ãŒæ—¥æœ¬Androidã®ä¼šä¼šé•·ã§æ—©ç¨²ç”°å¤§å¦å®¢å“¡æ•™æŽˆ ä¸¸å±±ä¸äºŒå¤«å…ˆç”Ÿã€‚ä¸¸å±±å…ˆç”Ÿã¯ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³å±¤ã‚’ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«æŒã£ã¦ãã‚‹ã‚·ãƒ³ã‚µãƒ¼ãƒã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã“ããŒå¤§ããªæµã‚Œã§ã€ãã‚ŒãŒæ™‚ä»£ã‚’å‹•ã‹ã—ã¦ã„ã‚‹ã¨ã„ã†è¦‹è§£ã‚’æŠ«éœ²ã€‚HTML5/CSS/JavaScriptã‚’ç”¨ã„ã€ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚ˆã†ã«ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã•ã‚ŒãŸPackaged Web Appsã«æ³¨ç›®ã—ã¦ã„ã‚‹ã¨ã€ã“ã‚Œã‹ã‚‰ã®Androidã§ã®Webãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã®é‡è¦æ€§ã‚’ç¤ºã—ã¾ã—ãŸã€‚ ãã®ä¸¸å±±å…ˆç”Ÿã®ã‚»ãƒƒ
hatano99 2013/06/11
webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³

android

Chrome

html5

html

programming
ãƒªãƒ³ã‚¯
ã‚²ãƒ¼ãƒ æ„Ÿè¦šã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’çµ„ã¿ç«‹ã¦ã‚‹ã€HTML5+CSS3ã«å¯¾å¿œã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ -PageBlox
ã‚²ãƒ¼ãƒ æ„Ÿè¦šã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’çµ„ã¿ç«‹ã¦ã‚‹ã€HTML5+CSS3ã«å¯¾å¿œã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ -PageBlox
hatano99 2012/06/24
HTML5

ã‚²ãƒ¼ãƒ

html

webåˆ¶ä½œ

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

web
ãƒªãƒ³ã‚¯
ã€PRã€‘è³žé‡‘ç·é¡100ä¸‡å††ï¼ã€€ã€Œ4Gamer.netÃ—ã‚¢ãƒ—ãƒªã‚¢ãƒ³ãƒ‰ãƒ¬ãƒ“ãƒ¥ãƒ¼Presentsã€ŽHTML5ã‚²ãƒ¼ãƒ ã‚³ãƒ³ãƒ†ã‚¹ãƒˆ for ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€ã€ã‚’é–‹å‚¬ã€‚ä¸€æ¬¡å¯©æŸ»ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯ï¼Œ5æœˆ1æ—¥ã¾ã§
ã€PRã€‘è³žé‡‘ç·é¡100ä¸‡å††ï¼ã€€ã€Œ4Gamer.netÃ—ã‚¢ãƒ—ãƒªã‚¢ãƒ³ãƒ‰ãƒ¬ãƒ“ãƒ¥ãƒ¼Presentsã€ŽHTML5ã‚²ãƒ¼ãƒ ã‚³ãƒ³ãƒ†ã‚¹ãƒˆ for ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€ã€ã‚’é–‹å‚¬ã€‚ä¸€æ¬¡å¯©æŸ»ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯ï¼Œ5æœˆ1æ—¥ã¾ã§ ç·¨é›†éƒ¨ï¼šGueed æ˜¨ä»Šã¯ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚²ãƒ¼ãƒ ã‚’ä¸å¿ƒã«ï¼Œã‚²ãƒ¼ãƒ ã®ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã¨ã—ã¦ã‚‚å¤§ããªå˜åœ¨æ„Ÿã‚’è¦‹ã›ã‚‹ã‚ˆã†ã«ãªã£ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€‚ä»Šã“ã®è¨˜äº‹ã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§èªã‚“ã§ã„ã‚‹ã¨ã„ã†å¦ç”Ÿã‚‚ï¼Œå°‘ãªã‹ã‚‰ãšã„ã‚‹ã“ã¨ã ã‚ã†ã€‚ ãã—ã¦ï¼Œãã‚“ãªå¦ç”Ÿè«¸å›ã®ä¸ã«ã¯ã€Œè‡ªåˆ†ã‚‚ã„ã¤ã‹ã¯ã‚²ãƒ¼ãƒ ã‚’â€œä½œã‚‹å´â€ã«ã€ã¨è€ƒãˆã¦ã„ã‚‹äººã‚‚ã„ã‚‹ã¯ãšã€‚ã€Œå®Ÿã¯ã„ã„ä¼ç”»ãŒã‚ã‚‹ã‚“ã ã‚ˆãã€ã¨ã‹ã€Œã‚¯ã‚½ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã®ã‚²ãƒ¼ãƒ ã°ã£ã‹ã‚Šã ï¼ã€€è‡ªåˆ†ãªã‚‰â€¦â€¦ã€ã¨ã‹ã€‚ â€¦â€¦ã“ã®ã‚ˆã†ã«ï¼Œã€Œã„ã¤ã‹ã‚²ãƒ¼ãƒ ã‚’ä½œã‚‹ãžï¼ã€ã¨æ€ã£ã¦ã„ã‚‹å¦ç”Ÿã‚’ã€Œã©ã†ã›ãªã‚‰ï¼Œä»Šä½œã‚Šã¾ã—ã‚‡ã†ã€ã¨å¾ŒæŠ¼ã—ã™ã‚‹ã¹ãï¼Œã‚¨ãƒŒãƒ»ãƒ†ã‚£ãƒ»ãƒ†ã‚£ãƒ»ãƒ‰ã‚³ãƒ¢ã®ã‚¢ãƒ—ãƒªç´¹ä»‹ã‚µã‚¤ãƒˆã€Œã‚¢ãƒ—ãƒªï¼†ãƒ¬ãƒ“ãƒ¥ãƒ¼ã€ã¨4Gamerã®ã‚³ãƒ©ãƒœä¼ç”»ã¨ã—ã¦ï¼Œã€Œ
hatano99 2012/03/31
html

html5
ãƒªãƒ³ã‚¯
enchant.js - A simple JavaScript framework for creating games and apps.
enchant.js is â€¦ ã‚«ãƒ³ã‚¿ãƒ³ã«ã‚²ãƒ¼ãƒ ã‚„ã‚¢ãƒ—ãƒªã‚’é–‹ç™ºã§ãã‚‹ HTML5 + JavaScript ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ 2011å¹´ã«å…¬é–‹ã•ã‚Œã€ã™ã§ã«Â 1,000 æœ¬ä»¥ä¸Šã®ã‚²ãƒ¼ãƒ /ã‚¢ãƒ—ãƒªãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ (MITãƒ©ã‚¤ã‚»ãƒ³ã‚¹) ã§ã€ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãƒ»æ›¸ç±ãƒ»ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚µã‚¤ãƒˆãŒå……å®Ÿã—ã¦ã„ã¾ã™ã€‚ ãŸãã•ã‚“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§æ©Ÿèƒ½ã‚’æ‹¡å¼µã§ãã¾ã™ã€‚ UEI/ARC ã‚’ä¸å¿ƒã¨ã—ãŸãƒ¡ãƒ³ãƒã«ã‚ˆã£ã¦é–‹ç™ºãƒ»ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°æ•™è‚²ã®ãŸã‚ã«ã‚‚åˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ Features ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘: è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã¯ã™ã¹ã¦ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã§ã™ã€‚ ãƒžãƒ«ãƒãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ : iOS, Android, Mac, Windows ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ä½œã—ã¾ã™ã€‚ Windows 8: Windows 8 å¯¾å¿œã®HTML5ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã§ãã¾ã™ ã‚¤ãƒ™ãƒ³ãƒˆé§†å‹•
hatano99 2012/02/22
ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

é–‹ç™º

enchant.js

html

html5

game

framework

javascript
ãƒªãƒ³ã‚¯
HTML5 Canvasã‚’å§‹ã‚ã‚ˆã†ï¼šEaselJSã‚’ä½¿ã£ãŸæµä½“ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«å…¥é–€ | ClockMaker Blog
HTML5ã®Canvasã‚’Flashãƒ©ã‚¤ã‚¯ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒEaselJSã€ã§æµä½“ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«ã®ãƒ‡ãƒ¢ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ demo source EaselJSã‚’ä½¿ãˆã°Flashã®ã‚ˆã†ã«HTML5 Canvasã‚’ä½¿ã†ã“ã¨ãŒã§ãã‚‹ã®ã§ã€ActionScriptã‹ã‚‰æ¦‚å¿µã ã‘ã§ã¯ãªãã‚³ãƒ¼ãƒ‰ã®å†åˆ©ç”¨æ€§ãŒé«˜ã¾ã‚Šã¾ã™ã€‚ä»Šå›žã¯æµä½“ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«ã®è¡¨ç¾ã‚’é€šã—ã¦ã€EaselJSã¨Canvasã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ ãƒ‡ãƒ¢ã®ä½œã‚Šæ–¹ å†’é ã®ãƒ‡ãƒ¢ã§ã™ãŒã€ç§ãŒä»¥å‰ä½œæˆã—ãŸFlashã®ä½œå“ã€ŒFlashã®é«˜é€ŸåŒ–ã‚’è©¦ã™ã€Bit mapDataã‚’é…åˆ—ã«æ ¼ç´ã™ã‚‹ã“ã¨ã§2ã€œ3å€ã®é«˜é€ŸåŒ–ã€ã‹ã‚‰ç§»æ¤ã—ãŸã‚‚ã®ã§ã™ã€‚ ã•ã¦ã€ã“ã®ãƒ‡ãƒ¢ã‚’HTML5 Canvasã«å±•é–‹ã™ã‚‹ã«ã‚ãŸã‚Šã€ç‰¹ã«æŠ‘ãˆã¦ãŠããŸã„ã®ã¯æ¬¡ã®ç‚¹ã ã¨æ€ã„ã¾ã—ãŸã€‚ ãƒ•ã‚©ãƒ¼ã‚¹ãƒžãƒƒãƒ—ã®ä½œæˆ ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«æƒ…å ±ã‚’ä»˜ä¸Žã—ãŸè¡¨ç¤ºã‚¯ãƒ©ã‚¹ã®ä½œæˆ ãƒ•ã‚©ãƒ¼ã‚¹ãƒžãƒƒãƒ—
hatano99 2012/02/07
ã‚¦ã‚§ãƒ–åˆ¶ä½œ

html5

html

JavaScript

flash

ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«

HTML
ãƒªãƒ³ã‚¯
SVG vs. Canvas? Â« HTML5.JP ãƒ–ãƒã‚°
å…ˆæ—¥ã® HTML5 3Days ã® Tech Talk ã§ Canvas ã¨ SVG ã®é•ã„ã‚’ç°¡å˜ã«èª¬æ˜Žã—ã¾ã—ãŸãŒã€ã“ã‚Œã‚’æ·±ãè¿½æ±‚ã—ã¦ãƒ¬ãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã‚‹æ–¹ãŒã„ã‚‰ã£ã—ã‚ƒã„ã¾ã—ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ 2009 å¹´ 10 æœˆã«ã‚«ãƒ«ãƒ•ã‚©ãƒ«ãƒ‹ã‚¢ã§é–‹å‚¬ã•ã‚ŒãŸ SVG Open 2009 ã§ã€ãƒ˜ãƒ«ã‚·ãƒ³ã‚å¤§å¦ã® Samuli Kaipiainen æ°ã¨ Matti Paksula æ°ã«ã‚ˆã‚‹ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã€€SVG vs. Canvas on Trivial Drawing Application ã§ã€SVG ã¨ Canvas ã®ç‰¹æ€§ã®é•ã„ã‚„ã€ãã‚Œã‚‰ã‚’çµ„ã¿åˆã‚ã›ã‚‹æ–¹æ³•ãªã©ãŒè§£èª¬ã•ã‚Œã¦ã„ã¾ã™ã€‚ã“ã®ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã®å†…å®¹ã¯ã€ã“ã¡ã‚‰ã®è³‡æ–™ã«è©³ã—ãèª¬æ˜Žã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã®ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¦ç´„ã™ã‚‹ã¨ã€æ¬¡ã®é€šã‚Šã§ã™ã€‚ ãƒ”ã‚¯ã‚»ãƒ«æç”»ã§ã¯ Canvas ãŒå„ªã‚Œã¦ã„ã‚‹ã€‚SVG ã§ã‚‚ã§ããªã„ã“ã¨ã¯ãªã„ãŒã€ãƒ”ã‚¯ã‚»ãƒ«ã”ã¨ã«ãƒŽãƒ¼
hatano99 2012/01/14
svg

html

html5

html_canvas
ãƒªãƒ³ã‚¯
HTML5ã¨ã¯ä½•ã‹ã‚’ç°¡å˜ã«ã¾ã¨ã‚ã¦ã¿ãŸ
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10æœˆ1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ãƒ–ãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEãƒ¤ãƒ•ãƒ¼ Tech Blog ã¯ã˜ã‚ã« ã“ã‚“ã«ã¡ã¯ã€‚Rï¼†Dçµ±æ‹¬æœ¬éƒ¨ åˆ¶ä½œæœ¬éƒ¨ ã‚¦ã‚§ãƒ–ãƒ‡ãƒ™ãƒãƒƒãƒ—ãƒ¡ãƒ³ãƒˆéƒ¨ã«æ‰€å±žã—ã¦ãŠã‚Šã¾ã™ã€‚å²¡éƒ¨å’Œæ˜Œï¼ˆ@kzms2ï¼‰ã¨ç”³ã—ã¾ã™ã€‚ æœ€è¿‘ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆå‘ã‘ã®ãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹æ©Ÿä¼šãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ ãªã®ã§ã€ä»Šå›žã¯ã¡ã¾ãŸã§å¤§äººæ°—ã®HTML5ã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚ è‹¥å¹²ä»Šæ›´ãªå†…å®¹ã«ã‚‚æ€ãˆã¾ã™ãŒã€ã‚ã¾ã‚ŠHTML5ã«ãªã˜ã¿ãŒãªã„æ–¹ã«ã‚‚ã‚ã‹ã£ã¦ã‚‚ã‚‰ãˆã‚‹ã‚ˆã†ãªå†…å®¹ã«ã—ã¦ã„ã¾ã™ã€‚ HTML5ã®åŸºæœ¬æ¦‚å¿µã‚„æ€æƒ³ãƒ»å®Ÿéš›ã®çµ„ã¿æ–¹ã¨ã„ã†ã‚ˆã‚Šã‚‚ã€ HTML5ã§çµ„ã‚€ã¨ä»Šã¾ã§ã¨æ¯”ã¹ã¦ä½•ãŒé•ã†ã®ã‹ ãªã©ã«ã¤ã„ã¦æ›¸ã„ã¦ã„ãã¾ã™ã€‚ ãªãœã“ã‚Œã‹ã‚‰HTML5ãªã®ã‹ HTML4ã¨ã®é•ã„ãŒã‚ã‹ã‚‰ãªã„ HTML5ã‚’ä½¿ã†åˆ©ç‚¹ãŒã‚ã‹ã‚‰ãªã„ ãªã©ç–‘å•ã«æ€ã£ã¦ã„ã‚‹æ–¹ã¯ãœã²è¦‹ã¦ã„ãŸ
hatano99 2012/01/08
webåˆ¶ä½œ

HTML

HTML5

ä»•æ§˜
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸