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

xaicron id:xaicron

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

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

HTML5 Security Cheatsheet
HTML5 Security CheatsheetWhat your browser does when you look away...
xaicron 2012/02/16
HTML5

ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
Android4.0ã«ã¯HTML5 History APIãŒå®Ÿè£…ã•ã‚Œã¦ã„ãªã„ - æ„›ã¨å‹‡æ°—ã¨ç¼¶ãƒ“ãƒ¼ãƒ«
ï¼ˆâ€»ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯ã€ã€ŒAndroidã®ãƒ–ãƒ©ã‚¦ã‚¶ã¯æœ¬å½“ã®ã‚¯ã‚½Advent Calendarã€ã®ä¸€æ—¥ç›®ã®è¨˜äº‹ã¨ã—ã¦æ›¸ã„ã¦ã„ã¾ã™ï¼‰ 12/2ã«ç™ºå£²äºˆå®šã®Galaxy Nexusã«ã‚‚æè¼‰ã•ã‚Œã‚‹äºˆå®šã®Android4.0ã§ã™ãŒã€ãªã‚“ã¨æ¨™æº–ãƒ–ãƒ©ã‚¦ã‚¶ã«HTML5 history APIãŒã€Œå®Ÿè£…ã•ã‚Œã¦ã„ã¾ã›ã‚“ã€ã€‚ 2.2ç³»ã€2.3ç³»ã«ã¯ã‚ã£ãŸã®ã«ã€ãªãœã‹ãªããªã£ã¦ã„ã¾ã™ã€‚ http://caniuse.com/#search=pushState ã“ã“ã«æ›¸ã„ã¦ã‚ã‚‹é€šã‚Šã€å®Ÿéš›ã«Android4.0ã®emulatorã§History APIãŒã€Œãªã„ã€ã“ã¨ãŒç¢ºèªã•ã‚Œã¦ã„ã¾ã™ã€‚4.0ã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®2ç³»ã¨ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆå‘ã‘ã®3ç³»ã®åˆæµã€ã¨ã„ã†ç«‹ã¡ä½ç½®ã‚‰ã—ã„ã§ã™ãŒã€ãƒ–ãƒ©ã‚¦ã‚¶ã«é–¢ã—ã¦ã¯History APIã®ãªã„3ç³»ã«å¯„ã£ã¦ã—ã¾ã£ã¦ã„ã‚‹ã®ã§ã—ã‚‡ã†ã‹â€¦ã€‚ ã€ŒãŠå‰ã®å¥½ããªAPIãŒãªããªã£ãŸãã‚‰ã„ã§é¨’ããªã‚ˆã€ã¨ã„ã†äººã‚‚ã„
xaicron 2011/12/03
android

javascript

HTML5
ãƒªãƒ³ã‚¯
HTML5ã®client-side form validationã§æ›¸ã‹ã‚ŒãŸattributeã‹ã‚‰validation rulesã‚’æŠ½å‡ºã—ã€client/serverã§ãƒ«ãƒ¼ãƒ«ã‚’å…±é€šåŒ–ã™ã‚‹ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’æ›¸ã„ãŸ - Kentaro Kuribayashi's blog
Validation Ruleã®è¨˜è¿°ã£ã¦ã‘ã£ã“ã†é¢å€’ã§ã€ã†ã¾ã„æ–¹æ³•ã‚’æ€ã„ã¤ã‘ãªã„ã®ã§ã„ãŸã®ã§ã™ãŒã€ä»Šæ—¥ã€ãªã‚“ã¨ãªãHTML5ã«client-side form validation specãªã‚“ã¦ã‚‚ã®ãŒã‚ã‚‹ã‚“ã ã‹ã‚‰ã€ãã‚Œã‚’ä½¿ã£ãŸã‚‰ã„ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã£ã¦ã€ã¡ã‚‡ã£ã¨å®Ÿè£…ã—ã¦ã¿ã¾ã—ãŸã€‚ http://prepan.org/module/3Yz7PYrBGs https://github.com/kentaro/HTML-ValidationRules ä»¥ä¸‹ã®ã‚ˆã†ãªãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ client-side form validationã‚’ä½¿ã„ã¤ã¤ã€server-sideã§ã‚‚åŒã˜ãƒ«ãƒ¼ãƒ«ã‚’åˆ¥ã®å½¢å¼ã§æ›¸ãã®ã¯ç„¡é§„æ„Ÿã€‚ HTML5ãŒã€validation rulesã‚’HTMLã¨ã„ã†ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã«ã‚ˆã£ã¦å®šã‚ã¦ã„ã‚‹ã¨ã¿ãªã›ã°ã€client-side/server-sideä¸¡æ–¹ã§ãã‚Œ
xaicron 2011/11/02
html5

validation
ãƒªãƒ³ã‚¯
ä¸»è¦ãƒ–ãƒ©ã‚¦ã‚¶ã®HTML5äº’æ›ãƒ†ã‚¹ãƒˆçµæžœã€W3CãŒå…¬è¡¨ã€‚HTML5æ™‚ä»£ã®ãƒ–ãƒ©ã‚¦ã‚¶äº’æ›æ€§ã¯ã€ã‚ˆã‚Šé«˜ããªã‚‹
ä¸»è¦ãªWebãƒ–ãƒ©ã‚¦ã‚¶ã®é–‹ç™ºãƒãƒ¼ã‚¸ãƒ§ãƒ³ã€IE9ã€Chromium 9ã€Firefox 4ã€Opera 11ã€WebKitãªã©ã«å¯¾ã—ã¦HTML5ãƒ†ã‚¹ãƒˆã‚¹ã‚¤ãƒ¼ãƒˆã‚’å®Ÿè¡Œã—ãŸçµæžœã‚’W3CãŒã€ŒHTML5 Test Suite Conformance Resultsã€ã¨ã—ã¦å…¬è¡¨ã—ã¦ã„ã¾ã™ã€‚ ã“ã‚Œã¯W3CãŒHTML5ã«ãŠã‘ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã®äº’æ›æ€§ã«ã¤ã„ã¦éžå¸¸ã«é‡è¦–ã—ã¦ã„ã‚‹ã“ã¨ã®è¡¨ã‚Œã§ã™ã€‚W3Cã¯HTML5ä»•æ§˜ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®ä¸ã§ã‚‚ã€ä»¥å‰ã‚ˆã‚Šäº‹ç´°ã‹ãä»•æ§˜ã‚’è¨˜è¿°ã—ã¦ã„ã¾ã™ãŒã€ãƒ†ã‚¹ãƒˆã‚¹ã‚¤ãƒ¼ãƒˆã®æä¾›ã¯ã‚ã‚‹æ„å‘³ã§ã€Œã‚³ãƒ¼ãƒ‰ã«ã‚ˆã‚‹ä»•æ§˜ã®å®šç¾©ã€ãŒã•ã‚‰ã«åŠ ã‚ã£ãŸã¨ã„ã£ã¦ã‚‚ã„ã„ã§ã—ã‚‡ã†ã€‚ ã‚ˆã‚Šé«˜ã„äº’æ›æ€§ãŒå®Ÿç¾ã¸ ãƒ†ã‚¹ãƒˆã‚¹ã‚¤ãƒ¼ãƒˆã«ã¯ç¾åœ¨212ã®ãƒ†ã‚¹ãƒˆãŒå«ã¾ã‚Œã¦ã„ã‚‹ã¨ã®ã“ã¨ã§ã™ãŒã€ã¾ã é–‹ç™ºä¸ã§ã‚ã‚Šã€ç¾çŠ¶ã®çµæžœã¯ã‚ãã¾ã§ã‚‚æš«å®šçš„ãªã‚‚ã®ã¨ã—ã¦å‚ç…§ã™ã¹ãã¨æ³¨æ„æ›¸ããŒã•ã‚Œã¦ã„ã¾ã™ã€‚ã§ã™ã‹ã‚‰ç¾æ™‚ç‚¹ã§ã“ã®çµæžœã‚’åŸºã«ã‚ã®ãƒ–ãƒ©ã‚¦ã‚¶ã®HTML5å¯¾å¿œãŒé€²
xaicron 2010/11/08
HTML5

W3C
ãƒªãƒ³ã‚¯
DeNA Engineering - DeNAã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆ
æŠ€è¡“ã‚’æ´»ã‹ã—ã€æ–°ã—ã„ä¾¡å€¤ã‚’å‰µé€ ã™ã‚‹ DeNAã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¯ã€æƒ³åƒã‚’è¶…ãˆã‚‹Delightã‚’å±Šã‘ã‚‹ãŸã‚ã«ä½•ãŒã§ãã‚‹ã‹ã‚’è€ƒãˆã€æŠ€è¡“åŠ›ã¨ç™ºæƒ³åŠ›ã§æ–°ã—ã„ä¾¡å€¤ã‚’ç”Ÿã¿å‡ºã—ã¦ã„ã¾ã™ã€‚ å¤šæ§˜ãªå°‚é–€æ€§ã‚’æŒã£ãŸã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒåˆ‡ç£‹ç¢ç£¨ã—ã€äº’ã„ã«åˆºæ¿€ã—åˆãˆã‚‹ç’°å¢ƒã‚„åˆ¶åº¦ãŒã•ã‚‰ãªã‚‹æˆé•·ã¸ã¨ã¤ãªã’ã¾ã™ã€‚
xaicron 2010/08/04
dena

WebGL

HTML5
ãƒªãƒ³ã‚¯
canvasã§ã‚ãƒ©ã‚ãƒ©ã—ãŸèƒŒæ™¯ã‚’ä½œã‚‹æ–¹æ³• - KAYAC Engineers' Blog
tech.kayac.comã€ã•ã•ã‚„ã‹ã«ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¾ã—ãŸï¼ tech.kayac.comã‚’ã”è¦§ã®çš†ã•ã‚“ã€ã¯ã˜ã‚ã¾ã—ã¦ã€‚æ„åŒ éƒ¨MEèª²ã®fuchigamiã¨ã„ã„ã¾ã™ã€‚ ã©ã†ã—ã¦æŠ€è¡“éƒ¨ãƒ–ãƒã‚°ã«æ„åŒ éƒ¨ã®é‡ŽéƒŽãŒï¼Ÿã£ã¦æ„Ÿã˜ã§ã™ãŒã€ æŠ€è¡“éƒ¨ãƒ–ãƒã‚°ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«è¨˜å¿µã¨ã„ã†ã“ã¨ã§ã€ã¡ã‚ƒã£ã‹ã‚Šcanvasã«ã¤ã„ã¦è¨˜äº‹ã‚’æ›¸ã“ã†ã¨æ€ã„ã¾ã™ã€‚ æœ€åˆãªã®ã§ã€ã€ã€ ç°¡å˜ã«ã¼ãã®å±žæ€§ã‚’èª¬æ˜Žã™ã‚‹ã¨ã€html5ã¨ã‹å¥½ãã€CSS3ã¨ã‹å¥½ãã€canvasã¨ã‹èˆˆå‘³ã‚ã‚‹ã€éžãƒ¢ãƒ†ã€javascriptã¯jQueryãŒãªã‚“ã¨ãªãã‚ã‹ã‚‹ç¨‹åº¦ã€éžãƒªã‚¢å……ã€‚ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ ä»Šå›žã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§ã¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°å…¨èˆ¬ã‚’æ‹…å½“ã—ã¾ã—ãŸã€‚ ç‰¹ã«ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«é–¢ã—ã¦ã¯ãƒ‰ç´ äººã ï¼ã¨ã„ã†ã“ã¨ã‚’å¼·èª¿ã—ã¦ãŠãã¾ã™ã€‚ ãã‚“ãªã¼ããŒã€canvasã‚’ä½¿ã£ã¦ã‚ãƒ©ã‚ãƒ©ã—ãŸèƒŒæ™¯ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸ ã€Œãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã™ã‚‹ã‹ã‚‰ã«ã¯æ–°ã—ã„ã“ã¨ãŒã‚„ã‚ŠãŸã„ã‚ˆãã€‚ã ã£ãŸã‚‰html5ã¨c
xaicron 2010/05/14
canvas

HTML5

CSS3
ãƒªãƒ³ã‚¯
HTML5 Security Cheatsheet
HTML5 Security CheatsheetWhat your browser does when you look away...
xaicron 2010/05/11
html5
ãƒªãƒ³ã‚¯
HTML5Validator.vimæ›¸ã„ãŸ - Webtech Walker
ã“ã®å‰æ›¸ã„ãŸHTML5ã®validatorã®Greasemonkeyã‚’vimã®pluginã«ã—ã¾ã—ãŸã€‚ hokacchaâ€™s vim-html5validator at master - GitHub :HTML5Validate ã§ã‚«ãƒ¬ãƒ³ãƒˆãƒãƒƒãƒ•ã‚¡ã‚’validationã—ã¾ã™ã€‚ã‚¨ãƒ©ãƒ¼ãŒã‚ã£ãŸã‚‰quickfixã«ã‚¨ãƒ©ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ã—ã¦ã¾ã™ã€‚ curlã‚’ä½¿ã£ã¦ã„ã‚‹ã®ã§Windowsã§å‹•ã‹ã™å ´åˆã¯curlãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ jsonã‚’ãƒ‘ãƒ¼ã‚¹ã§ãã‚‹vimscriptã®eval()ã«ã¡ã‚‡ã£ã¨æ„Ÿå‹•ã—ãŸã€‚
xaicron 2010/04/10
vim

HTML5
ãƒªãƒ³ã‚¯
JavaScriptã§JPEGã‚’ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° - TechTalkManiacs
Ajaxianã‚ˆã‚Šã€‚JavaScriptã§JPEGã‚¨ãƒ³ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’è©¦ã—ã¦ã¿ãŸäººãŒã„ã¾ã—ãŸã€‚JavaScriptã¯åŸºæœ¬çš„ã«ã‚¤ãƒ³ã‚¿ãƒ—ãƒªã‚¿ãªã®ã«é–¢ã‚ã‚‰ãšã€ã‚³ãƒ³ãƒ‘ã‚¤ãƒ©ã§ã‚ã‚‹ActionScriptã¨æ¯”ã¹ã¦ãã‚Œã»ã©é…ããªã„çµæžœã«ãªã£ã¦ã„ã¾ã™ã€‚ æ–¹æ³•ã¯ Canvasã‚¿ã‚°(å‚è€ƒ)ã‚’HTMLã«ä½œã£ã¦ãã“ã«JPEGãƒ•ã‚¡ã‚¤ãƒ«ã‚’å–ã‚Šè¾¼ã‚€ã“ã¨ã§ãƒ‡ã‚³ãƒ¼ãƒ‰ 2æ¬¡å…ƒé…åˆ—ã«ã„ã£ãŸã‚“å¤‰æ›ã—ã¦å†ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰ ã‚³ãƒ¼ãƒ‰ãã®ã‚‚ã®ã¯ActionScriptã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’JavaScriptã«å¤‰æ›ã€‚ é«˜é€ŸåŒ–ã®ãŸã‚ã«WebWorkers(ã‚¹ãƒ¬ãƒƒãƒ‰ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãŒã§ãã‚‹HTML5ã®API)ã«ã‚ˆã‚‹ä¸¦åˆ—å‡¦ç†ã‚‚è©¦ã¿ãŸãã†ã§ã™ WebWorkersã¯ã‚¹ãƒ¬ãƒƒãƒ‰ã‚»ãƒ¼ãƒ•ã®ãŸã‚ã€ãƒ‡ãƒ¼ã‚¿ã®å—ã‘æ¸¡ã—ã¯æ–‡å—åˆ—ã®ã¿ã«é™ã‚‰ã‚Œã‚‹ã®ã§ä»¥ä¸‹ã®ã‚ˆã†ãªæ–¹æ³•ã‚’è©¦ã—ã¦ã¿ãŸã¨ã®ã“ã¨ã€‚ JSONã‚¨ãƒ³ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°â†’ãƒ‡ã‚³ãƒ¼ãƒ‰ éžå¸¸ã«é…ã„ æ–‡å—åˆ—ã‚’ãƒ‡ãƒªãƒŸã‚¿ã§çµåˆâ†’åˆ†å‰² JSONã‚ˆã‚Šãƒžã‚·ã€‚
xaicron 2009/12/15
javascript

HTML5
ãƒªãƒ³ã‚¯
HTML5, ãã¡ã‚“ã¨ã€‚
HTML5ã®æ¦‚è¦ã‚„ç›®çš„ã«ã¤ã„ã¦èª¬æ˜Žã—ã¦ã„ã¾ã™ã€‚ã‚»ã‚¯ã‚·ãƒ§ãƒ³é–¢é€£è¦ç´ ã«ã¤ã„ã¦ã‚‚ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ 2009å¹´ã®CSS Nite vol. 40ã§è©±ã—ãŸã¨ãã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚
xaicron 2009/11/19
ã™ã°ã‚‰ã—ã„

HTML5
ãƒªãƒ³ã‚¯
ã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ãªã„ã‘ã‚Œã©ã€HTML5ã§ã¯æ£è¦è¡¨ç¾ãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹
æ£è¦è¡¨ç¾ã¨ã„ãˆã°ã€ä¸»ã«sedã‚„awkã¨ã„ã£ãŸUNIXã®ã‚³ãƒžãƒ³ãƒ‰ã§ã€ã‚ã‚‹ã„ã¯Perlã‚„PHPã€JavaScriptãªã©ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆè¨€èªžã®ä¸ãªã©ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ãŒæ–‡å—åˆ—ã‚’æ“ä½œã™ã‚‹ãŸã‚ã«ä½¿ã†é“å…·ã§ã—ãŸã€‚ ãã®æ£è¦è¡¨ç¾ãŒHTML5ã§ã‚µãƒãƒ¼ãƒˆã•ã‚Œã‚‹è¦‹é€šã—ã§ã™ã€‚ã„ã¾ã¾ã§æ£è¦è¡¨ç¾ã‚’ä½¿ã‚ãšã«æ¸ˆã‚“ã§ã„ãŸãƒ‡ã‚¶ã‚¤ãƒŠã‚„ã‚³ãƒ¼ãƒ€ãƒ¼ã¨ã„ã£ãŸè·ç¨®ã®æ–¹ã€…ã‚‚ã€ã„ãšã‚Œä»•äº‹ã¨ã—ã¦ãã¡ã‚“ã¨æ£è¦è¡¨ç¾ã‚’æ‰±ã‚ãªã‘ã‚Œã°ãªã‚‰ãªã„æ™‚ä»£ãŒã‚„ã£ã¦ãã¾ã™ã€‚ HTML5ã®ã©ã“ã«æ£è¦è¡¨ç¾ãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã®ï¼Ÿ æ£è¦è¡¨ç¾ã¯ã€inputè¦ç´ ã®patternå±žæ€§ã®ä¸ã§ä½¿ãˆã‚‹ã“ã¨ã«ãªã‚‹äºˆå®šã§ã™ã€‚W3CãŒ2009å¹´8æœˆ25æ—¥ä»˜ã‘å…¬é–‹ã—ã¦ã„ã‚‹HTML5ã®ãƒ¯ãƒ¼ã‚ãƒ³ã‚°ãƒ‰ãƒ©ãƒ•ãƒˆã®ã€Œ4.10 Formsã€ã®ã€Œ4.10.4.2.8 The pattern attributeã€ã§ã¯æ¬¡ã®ã‚ˆã†ã«è¨˜è¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚ The pattern attribute specifies a
xaicron 2009/11/08
ã‚ã¨ã§èªã‚€

HTML5

æ£è¦è¡¨ç¾
ãƒªãƒ³ã‚¯
1