[B! HTML5] MAXIMUM-PROã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

MAXIMUM-PRO id:MAXIMUM-PRO

HTML5ã«é–¢ã™ã‚‹MAXIMUM-PROã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (77)

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

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®HTMLã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ¡ãƒ¢12å€‹ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
display:table-cell; ã‚’æ´»ç”¨ã™ã‚‹ ãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«ã™ã”ãä¾¿åˆ©ã€‚ è¦ªè¦ç´ ã« display:table; åè¦ç´ ã« display:table-cell; è¨˜äº‹ãƒªã‚¹ãƒˆãªã©ã€ç”»åƒã¨ãƒ†ã‚ã‚¹ãƒˆã‚’æ¨ªä¸¦ã³ã«ã™ã‚‹ã¨ãã«ã€‚ å‡ç‰ã«æ¨ªä¸¦ã³ã«ã—ãŸã„ã¨ãã«ã€‚ ã‚¿ãƒƒãƒ—æ™‚ã®ã‚«ãƒ©ãƒ¼è¨å®š CSSã§ä»¥ä¸‹ã®ã‚ˆã†ã«è¨å®šã€‚ã‚¢ãƒ«ãƒ•ã‚¡å€¤ã‚‚è¨å®šå¯èƒ½ã€‚ -webkit-tap-highlight-color: rgba(255,105,183,0.6); ç”»åƒã€iframeã« max-width ã‚’æŒ‡å®š imgãƒ»iframeã¯ã€ã‚µã‚¤ã‚ºãŒå¤§ãã™ãŽã¦ç”»é¢ã‹ã‚‰ã¯ã¿å‡ºã™ã“ã¨ãŒã‚ã‚‹ã®ã§ max-width:100%; ã‚’æŒ‡å®šã™ã‚‹ã€‚ word-break:break-all; ã‚’æŒ‡å®š ã‚¹ãƒžãƒ›ã¯å¹…ãŒç‹ã„ãŸã‚ã€é•·ã„URLãªã©ãŒ1è¡Œã«å…¥ã‚Šãã‚Šã¾ã›ã‚“ã€‚ word-break:break-all; ã‚’é©å®œæŒ‡å®šã™ã‚‹ã€‚ ãƒ•ã‚©
MAXIMUM-PRO 2013/06/25
tips

CSS

HTML5
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ã®æ™‚ä»£ã¯çµ‚ã‚ã‚‹ã®ã‹ ã€œã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªã¨HTML5ã®æœªæ¥ã€œ
3. Developers Summit 2013 â¾ƒè‡ªâ¼°å·±ç´¹ä»‹ nï®â€¯1997-â€â€‘â€’2003 Â Palmscape Â / Â Xiino Â ã®é–‹ç™º âƒâ€¯ Palm Â OSâ½¤ç”¨ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ â€¢â€¯ å®Ÿè³ªä¸–ç•Œåˆ âƒâ€¯ Sony, Â IBM, Â NTTãƒ‰ã‚³ãƒ¢ç‰ãŒæŽ¡â½¤ç”¨ nï®â€¯2004 Â ã€ŒWebã‚¢ãƒ—ãƒªçµ±åˆé–‹ç™ºç’°å¢ƒã®é–‹ç™ºã€ âƒâ€¯ IPAæœªè¸ã‚¹ãƒ¼ãƒ‘ãƒ¼ã‚¯ãƒªã‚¨ãƒ¼ã‚¿ 3 Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved. 4. Developers Summit 2013 â¾ƒè‡ªâ¼°å·±ç´¹ä»‹ nï®â€¯2005-â€â€‘â€’2010 Â ã‚µã‚¤ãƒœã‚¦ã‚ºãƒ»ãƒ©ãƒœ âƒâ€¯ ã‚¦ã‚§ãƒ–é–¢é€£ã®R&Dæ¥å‹™ âƒâ€¯ Japanize Â / Â Pathtraq â€¢â€¯ ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶æ‹¡å¼µã‚’ä½¿ã†ã‚µãƒ¼ãƒ“ã‚¹ âƒâ€¯ Q4M â€¢â€¯ ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚ãƒ¥ãƒ¼ï¼ˆMySQLãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï¼‰ â€¢â€¯ Mixi, Â NHN, Â
MAXIMUM-PRO 2013/02/14
HTML5
ãƒªãƒ³ã‚¯
Welcome
Our documentation hub is here to help you create and deliver beautiful video experiences with the most powerful video APIs on the web. Before you can begin using JWP's services, you need a JWP user account. Use one of the following options to obtain your user account: I am a user at company that already uses JWP. Request an account from your company admin. Follow the instructions in the welcome em
MAXIMUM-PRO 2013/02/13
HTML5
ãƒªãƒ³ã‚¯
NTTã€ã€ŒHTML5ã‚³ãƒ³ãƒ†ãƒ³ãƒ„åˆ†å‰²ãƒ»é€£æºæŠ€è¡“ã€ã‚’é–‹ç™ºã€€
MAXIMUM-PRO 2013/02/12
HTML5
ãƒªãƒ³ã‚¯
çŸ¥ã‚‰ãªã„ã¨ã„ã¤ã¾ã§ãŸã£ã¦ã‚‚HTMLã¨CSSãŒç†è§£ã§ããªã„æš—é»™ã®ä»•æ§˜4ã¤
èª¿ã¹ã‚‹ã€‚ å‚™å¿˜éŒ²ã¨ã—ã¦webã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦èª¿ã¹ãŸã‚Š æ–°ã—ãçŸ¥ã£ãŸã“ã¨ãªã©ã‚’æ›¸ãæ®‹ã—ã¦ã„ãã‚«ãƒ†ã‚´ãƒªã§ã™ã€‚
MAXIMUM-PRO 2013/01/23
tips

HTML5

html

css

ä»•æ§˜
ãƒªãƒ³ã‚¯
HTML5ã§ç¶ºéº—ã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚°ãƒ©ãƒ•ãŒæã‘ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒFlotr2ã€:phpspoté–‹ç™ºæ—¥èªŒ
Flotr2 HTML5ã§ç¶ºéº—ã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚°ãƒ©ãƒ•ãŒæã‘ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒFlotr2ã€ æ¬¡ã®ã‚ˆã†ãªç¶ºéº—ã§å¤šæ§˜ãªã‚°ãƒ©ãƒ•ã‚’æç”»ã§ãã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ã‚°ãƒ©ãƒ•ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã‚°ãƒ©ãƒ•ã®ã‚µãƒ³ãƒ—ãƒ«ä»˜ãã§javascriptã®ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ãŒå‡ºã¦ã¨ã£ã¦ã‚‚ä½¿ã„ã‚„ã™ã„ iOSã§ã‚°ãƒ©ãƒ•ãŒå¿…è¦ãªéš›ã«ï¼‘ã¤ã®é¸æŠžè‚¢ã¨ã—ã¦ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª æ§˜ã€…ãªæ™‚ç³»åˆ—ã‚°ãƒ©ãƒ•ã‚’æç”»ã§ãã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒRickshawã€ HTML5ã®canvasã‚¿ã‚°ã§æãã‚°ãƒ©ãƒ•æç”»ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒAwesomeChartJSã€ tableãƒ‡ãƒ¼ã‚¿ã‚’ã‚°ãƒ©ãƒ•ã«ç½®ãæ›ãˆã¦ãã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒChartifyã€
MAXIMUM-PRO 2012/12/26
html5

javascript

ã‚°ãƒ©ãƒ•
ãƒªãƒ³ã‚¯
Javascript ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ - HTML5.JP
HTML5.JPã‚ªãƒªã‚¸ãƒŠãƒ«ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’å…¬é–‹ã—ã¦ã„ãã¾ã™ã€‚ã”è‡ªç”±ã«ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦è²´ã‚µã‚¤ãƒˆã«ã¦ã”æ´»ç”¨ãã ã•ã„ã€‚ <meter> polyfill (jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³) <meter> polyfill ã¯ã€HTML5 ã§æ–°ãŸã«å°Žå…¥ã•ã‚ŒãŸ meter è¦ç´ ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ãªã„ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§ã‚‚ meter è¦ç´ ãŒãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã•ã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹ jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚Chrome ã‚„ Opera ãªã©ã€ã™ã§ã« meter è¦ç´ ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã«ã¯ä½•ã‚‚ä½œç”¨ã—ã¾ã›ã‚“ã€‚ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯ã€Internet Explorer 6, 7, 8, 9 ã§ã‚‚å‹•ä½œã—ã¾ã™ã€‚ html5detector (Google Chrome Extentions) html5detector ã¯ã€è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ãƒšãƒ¼ã‚¸ãŒ HTML5 ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„ã‚Œã°ã€ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒ
MAXIMUM-PRO 2012/12/26
HTML5

Javascript

ã‚°ãƒ©ãƒ•
ãƒªãƒ³ã‚¯
JavaScriptã®ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³å•é¡Œå¯¾å¿œæ–¹æ³•
<!DOCTYPEÂ html> <htmlÂ lang="ja"> <head> <metaÂ http-equiv="Content-Type"Â content="text/html;Â charset=utf-8"Â /> <title>JS_CrossDomainãƒ†ã‚¹ãƒˆ</title> <scriptÂ language="javascript"> <!-- varÂ winEntPopup; //ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãŒé€ã‚‰ã‚ŒãŸã¨ãã«åå¿œã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆãƒªã‚¹ãƒŠãƒ¼ window.addEventListener("message",Â receiveData,Â false); //ãƒ‡ãƒ¼ã‚¿ã‚’å—ã‘å–ã‚‹é–¢æ•° functionÂ receiveData(e)Â { document.FormTest.bro_info.valueÂ =e.data; } //ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã§å‘¼ã³å‡ºã— functionÂ fnc_popupWindo
MAXIMUM-PRO 2012/12/14
html5

Javascript
ãƒªãƒ³ã‚¯
HTML5ã§çµ„ã‚“ã§ã‚‹ãªã‚‰ã“ã®é”æ³•ã®jsã‚‚å…¥ã‚Œã¦ãŠã‘ã£ã¦ã„ã†è©±
ç¾åœ¨ã€A!@attripã•ã‚“ç™ºã§è©±é¡Œã«ãªã£ã¦ã„ã‚‹ã€ŒãŸã£ãŸ2è¡Œã§IE5.5ï½žIE8ã‚’ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã®æŒ™å‹•ã«ã™ã‚‹é”æ³•ã®JSã€ã¨ã„ã†è¨˜äº‹ã€‚ Webãƒ‡ã‚¶ã‚¤ãƒ³ç•Œéšˆã§ã¯å½“ãŸã‚Šå‰ã®ã‚‚ã®ã§ã™ãŒã€å®Ÿã¯ã‚‚ã†ã²ã¨ã¤è¿½åŠ ã—ã¦ãŠãã¨ã„ã„ã‹ã‚‚ã—ã‚Œãªã„jsãŒã‚ã£ãŸã‚Šã—ã¾ã™ã€‚ Photo:html5 By michael pollak IE8ä»¥å‰ã®ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã©ã†ã«ã‚‚ã“ã†ã«ã‚‚é–‹ç™ºè€…æ³£ã‹ã›ãªã‚ã‘ã§ã™ãŒã€ie9.jsã¨css3-mediaqueries.jsã‚’çªã£è¾¼ã‚€ã“ã¨ã§ã€ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã¨åŒã˜æŒ™å‹•ã«ã™ã‚‹ã“ã¨ãŒã§ãã¡ã‚ƒã„ã¾ã™ã€‚ ã‚‚ã†å°‘ã—å…·ä½“çš„ã«æ›¸ãã¨ã€ie9.jsã‚’çµ„ã¿è¾¼ã‚€ã“ã¨ã§ã€ position:fixed;ã«å¯¾å¿œ max-widthã€max-heightã«å¯¾å¿œ å±žæ€§ã‚»ãƒ¬ã‚¯ã‚¿ã€æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã«å¯¾å¿œ margin:0 auto;ã§ã®ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚°ã«å¯¾å¿œ é€éŽPNGã«å¯¾å¿œ opacityã«å¯¾å¿œ ã¨ã„ã£ãŸã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚è¦ã¯CS
MAXIMUM-PRO 2012/12/04
HTML5

javascript
ãƒªãƒ³ã‚¯
ã¡ã‚‡ã£ã¨ã“ã®è¾ºã§HTML5ã®ã‚¿ã‚°ã‚’å…¨éƒ¨ç¢ºèªã—ã¦ã¿ã‚ˆã†ãœï¼ï¼
HTML5ã®ã‚¿ã‚°ã¯108ã¤ã‚ã‚‹ ã£ã¦è©±ã¯ä»¥å‰ã“ã®ãƒ–ãƒã‚°ã§ã—ã¾ã—ãŸããƒ¼ã€‚ãªã‚“ã®å¶ç„¶ã‹ã€108ã£ã¦ã„ã†æ•°å—ã«ã¯åŽ¨äºŒå¿ƒã‚’ãã™ãã‚‰ã‚Œã¾ã™ï½— ä½•ã‹æ„å‘³ãŒã‚ã‚‹ã‚ˆã†ãªæ°—ãŒã—ã¦ãªã‚Šã¾ã›ã‚“ãâ˜… HTML5ã®ã‚¿ã‚°ã£ã¦ç¾æ™‚ç‚¹(2012å¹´8æœˆ)ã§ã„ãã¤ã‚ã‚‹ã®ï¼Ÿ â€• #HTML5ã®ã‚¿ã‚°ã¯ç™¾å…«ã¤ã¾ã§ã‚ã‚‹ãž â€¦ï¼Ÿ â€• ç¾åœ¨HTML5ã¯æœ€çµ‚è‰æ¡ˆã®çŠ¶æ…‹ã§ã™ã€‚ã“ã®108ã¨è¨€ã†ç¾Žã—ã„æ•°å—ã‚’å´©ã™å¯èƒ½æ€§ã®ã‚ã‚‹è¦ç´ ã¨ã—ã¦ã€ä»¥å‰ã‹ã‚‰ä»•æ§˜ã‹ã‚‰å¤–ã‚Œã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã¨ã„ã†è©±ã®ã‚ã£ãŸhgroupã€Editorâ€™s Draftã‹ã‚‰è¿½åŠ ã•ã‚Œã‚‹å¯èƒ½æ€§ã®ã‚ã£ãŸdialogã‚„dataã€ãã—ã¦æ–°ã—ãè¿½åŠ ã—ã‚ˆã†ã¨ã„ã†è©±ã®æŒã¡ä¸ŠãŒã£ãŸpictureã‚„mainãªã©ãŒã‚ã‚Šã¾ã™ã€‚ ãŸã ã¨ã‚Šã‚ãˆãšHTML5.0ã®ã†ã¡ã¯å¤‰åŒ–ã™ã‚‹ã“ã¨ã¯å¤šåˆ†ç„¡ã•ãã†ã§ã™ã€‚ã“ã®è¾ºã®ã“ã¨ã¯ã“ã®Advent Calendarã®åˆæ—¥ã®è¨˜äº‹ã€è¦šãˆæ›¸ãï¼ kazuhi.to: å··ï¼ˆä½•å‡¦ï¼‰ã§è©±é¡Œã®main
MAXIMUM-PRO 2012/12/04
ã¾ã¨ã‚

HTML5
ãƒªãƒ³ã‚¯
Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é«˜é€ŸåŒ–ã™ã‚‹50ã®ãƒˆãƒªãƒƒã‚¯
Microsoftã®Internet Explorer PMã§ã‚ã‚‹Jatinder Mannæ°ã¯ã€BUILD 2012ã§HTML5ã‚¢ãƒ—ãƒªã¨ã‚µã‚¤ãƒˆã‚’é«˜é€ŸåŒ–ã™ã‚‹50ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãƒˆãƒªãƒƒã‚¯ã¨ã„ã†ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§ã€Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é«˜é€ŸåŒ–ã™ã‚‹å¤šãã®ãƒãƒƒãƒ—ã‚¹ã‚’æä¾›ã—ãŸã€‚ Mannæ°ãŒæä¾›ã—ãŸã‚¢ãƒ‰ãƒã‚¤ã‚¹ã¯ã€ä»¥ä¸‹ã®6ã¤ã®åŽŸå‰‡ã‚’ä¸å¿ƒã«æ§‹æˆã•ã‚Œã¦ã„ãŸã€‚ 1.Â ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ãƒªã‚¯ã‚¨ã‚¹ãƒˆã«è¿…é€Ÿã«å¿œç”ã™ã‚‹ ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã‚’é¿ã‘ã‚‹ã€‚ä¸Šä½1,000ã®Webã‚µã‚¤ãƒˆã®ã†ã¡63%ã¯ã€ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ã€‚ã“ã‚Œã‚‰ã¯ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã‚’ã‚„ã‚ã‚‹ã“ã¨ã«ã‚ˆã£ã¦10%ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æ”¹å–„ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ ãƒ¡ã‚¿ãƒªãƒ•ãƒ¬ãƒƒã‚·ãƒ¥ã‚’é¿ã‘ã‚‹ã€‚ä¸–ç•Œã®URLã®ã†ã¡14%ã¯ã€ãƒ¡ã‚¿ãƒªãƒ•ãƒ¬ãƒƒã‚·ãƒ¥ã‚’ä½¿ã£ã¦ã„ã‚‹ã€‚ å¯èƒ½ãªé™ã‚Šãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¿‘ãã«ã‚ã‚‹CDNã‚’ä½¿ç”¨ã—ã¦ã‚µãƒ¼ãƒãƒ¼ã®å¿œç”æ™‚é–“ã‚’æœ€å°åŒ–ã™ã‚‹ã€‚ ç•°ãªã‚‹ãƒ‰ãƒ¡ã‚¤ãƒ³ã‹ã‚‰ã®ãƒªã‚½ãƒ¼ã‚¹ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€åŒæ™‚
MAXIMUM-PRO 2012/11/29
é–‹ç™º

web

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

html5
ãƒªãƒ³ã‚¯
1ãƒ©ãƒ³ã‚¯ä¸Šã®ã€ŒHTML5ã€åˆ¶ä½œã«æ¬ ã‹ã›ãªã„ã‚µã‚¤ãƒˆãƒ»ãƒ„ãƒ¼ãƒ«ãƒ»ã‚¢ãƒ—ãƒªã®ã¾ã¨ã‚21å€‹ï¼
ã€ŒHTMLãƒ•ã‚¡ã‚¤éƒ¨ã€ã®ã»ã‚“ã ã§ã™(ãƒ»Ã…ãƒ»)âˆ« jsdo.itã€nakamapã€Paberishã€HTML5å®ŸåŠ›ãƒ†ã‚¹ãƒˆã¨ã„ã£ãŸè‡ªç¤¾é‹å–¶Webã‚µãƒ¼ãƒ“ã‚¹ã® HTML5ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã‚„ã£ã¦ã„ã‚‹ã‚‚ã®ã§ã™ã€‚ ã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™ï¼ ã€ŒHTMLãƒ•ã‚¡ã‚¤éƒ¨ã€å‰µç«‹1å‘¨å¹´ï¼ éžå¸¸ã«æ‰‹å‰å‘³å™Œã§ã¯ã”ã–ã„ã¾ã™ãŒã€ å¼Šç¤¾HTMLãƒ•ã‚¡ã‚¤éƒ¨ãŒå‰µç«‹ã‹ã‚‰1å¹´ã«ãªã‚Šã¾ã—ãŸã£ï¼ãƒ»uãƒ» HTMLãƒ•ã‚¡ã‚¤éƒ¨ã¯ã€ã€ŒHTML5ã€æŠ€è¡“ã‚’è»¸ã«ã€æ§˜ã€…ãªè¡¨ç¾ã«æŒ‘æˆ¦ã—ã¦ã„ãã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’é›†ã‚ãŸéƒ¨ç½²ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ä»Šå›žã®è¨˜äº‹ã§ã¯ã€HTMLãƒ•ã‚¡ã‚¤éƒ¨ã®ä¸€å‘¨å¹´ã‚’å‹æ‰‹ã«è¨˜å¿µã—ã¦ã€ HTMLãƒ•ã‚¡ã‚¤éƒ¨ã®ãƒ¡ãƒ³ãƒãƒ¼ã‹ã‚‰ã‹ãé›†ã‚ã¦ããŸã€HTML5ã‚µã‚¤ãƒˆåˆ¶ä½œãƒ„ãƒ¼ãƒ«ã‚’ã¾ã¨ã‚ã¾ã™ï¼ ãƒ„ãƒ¼ãƒ«ç³»ã®ã‚µã‚¤ãƒˆ
MAXIMUM-PRO 2012/11/13
ã¾ã¨ã‚

Webåˆ¶ä½œ

HTML5

é–‹ç™º

ãƒ„ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
HTML5ã®å¦ç¿’ã«å½¹ç«‹ã¤(ä¸»ã«)æ—¥æœ¬èªžã®ã‚µã‚¤ãƒˆã¾ã¨ã‚2012
webã«ã‚ã‚‹HTML5ã®æƒ…å ±ã¯è‹±èªžã®ã‚‚ã®ãŒå¤šã„ å½“ç„¶ã®ã“ã¨ã§ã™ãŒã€HTML5ã®æƒ…å ±ã¯æ®†ã©ãŒè‹±èªžã§ã™ã€‚W3Cã®ã‚µã‚¤ãƒˆã ã£ã¦è‹±èªžã§æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã—ã€å¤§æŠµã®æƒ…å ±ã¯è‹±èªžã•ãˆåˆ†ã‹ã‚Œã°ã‚¢ã‚¯ã‚»ã‚¹ã§ãã¾ã™ãã€‚ ã¾ã‚ã¨ã¯ã„ãˆã€HTML5ã‚’å‹‰å¼·ã—ã‚ˆã†ã¨è€ƒãˆã‚‹ã„ããªã‚Šèª°ã‚‚ãŒè‹±èªžã‚’èªã‚ãªã‘ã‚Œã°ãªã‚‰ãªã„ã¨ãªã‚‹ã¨ã¡ã‚‡ã£ã¨é›£ã—ã„ã§ã™ã‚ˆãã€‚æœ€åˆã¯å…ˆè¼©æ–¹ã®ç¿»è¨³ã¾ãŸã¯æ—¥æœ¬èªžã§æ›¸ã‹ã‚ŒãŸã‚ªãƒªã‚¸ãƒŠãƒ«ã®æ–‡æ›¸ã‹ã‚‰å¦ã³ãŸã„ã€‚ãã—ã¦æƒ…å ±ã®é€Ÿåº¦ã‚„åˆ¤æ–ã®å°ºåº¦ã®ãšã‚ŒãŒæ°—ã«ãªã£ã¦ãã¦ã‹ã‚‰ã€ãã‚Œã‹ã‚‰å›½å¤–ã®æƒ…å ±ã§å‹‰å¼·ã—ã¦ã‚‚é…ãã¯ãªã„ã¯ãšã§ã™ã€‚â€¦ãã†æ€ã„ãŸã„ã§ã™ï½— HTML5ã«é–¢ã™ã‚‹å›½å†…ã®ã‚µã‚¤ãƒˆã‚„æƒ…å ±æºã‚’ã¾ã¨ã‚ã¾ã—ãŸ ã¨è¨€ã†è¨³ã§ã€ä»Šå›žã¯webcre8ãŒèªè˜ã—ã¦ã„ã‚‹HTML5ã«é–¢ã™ã‚‹æƒ…å ±æºã‚„ãƒªã‚½ãƒ¼ã‚¹ã‚µã‚¤ãƒˆã€å‚è€ƒã«ãªã£ãŸè¨˜äº‹ã€èª¿ã¹ã¦ãŸã‚‰å‡ºã¦ããŸã‚‚ã®ã‚’ã–ã£ãã‚Šã¨ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ã‚µã‚¤ãƒˆã€ãƒ–ãƒã‚°è¨˜äº‹ã€ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ãƒ„ãƒ¼ãƒ«ç‰ã§ã™ã€‚ã›ã£ã‹ããªã®ã§ã€çŸ¥ã£ã¦ã„ã‚‹ã‚‚ã®ã¯è‹±
MAXIMUM-PRO 2012/10/24
ã¾ã¨ã‚

HTML5
ãƒªãƒ³ã‚¯
ã„ã£ãŸã‚“ã€æ°´ã‚’å·®ã•ã‚ŒãŸHTML5ã®ç¾çŠ¶ã¨ã€å°†æ¥ã«ã¤ã„ã¦
è—¤å·çœŸä¸€ï¼ˆãˆãµã—ã‚“ï¼‰ FAè£…ç½®ãƒ¡ãƒ¼ã‚«ãƒ¼ã€Webåˆ¶ä½œã®ãƒ™ãƒ³ãƒãƒ£ãƒ¼ã‚’çµŒã¦ã€2006å¹´ã«paperboy&co.ã¸ã€‚ã‚·ãƒ§ãƒƒãƒ”ãƒ³ã‚°ãƒ¢ãƒ¼ãƒ«ã‚µãƒ¼ãƒ“ã‚¹ã«ãƒ—ãƒãƒ‡ãƒ¥ãƒ¼ã‚µãƒ¼ã¨ã—ã¦æºã‚ã‚‹ã‹ãŸã‚ã‚‰ã€2007å¹´ã‹ã‚‰ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«å‘ã‘ã®Twitterã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒ“ã‚¹åž‹ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã€Žãƒ¢ãƒãƒ„ã‚¤ã€ã®é–‹ç™ºãƒ»é‹å–¶ã‚’å€‹äººã§é–‹å§‹ã€‚2010å¹´ã€æƒ³å‰µç¤¾ï¼ˆç¾ãƒ»ãƒžã‚¤ãƒ³ãƒ‰ã‚¹ã‚³ãƒ¼ãƒ—ï¼‰ã‚’è¨ç«‹ã€‚2012å¹´4æœˆ30æ—¥ã¾ã§ä»£è¡¨å–ç· å½¹ç¤¾é•·ã‚’å‹™ã‚ã‚‹ FacebookãŒã€HTML5ã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ãŸã‚¢ãƒ—ãƒªã‹ã‚‰ã€ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã«èˆµã‚’åˆ‡ã£ãŸæ™‚ã«ã€ã€ŒHTML5ã«è³ã‘ãŸã®ã¯å¤±æ•—ã€ã¨ã„ã†è©±ãŒæ¥ç•Œã‚’é§†ã‘å·¡ã£ãŸã€‚ ãã‚Œã¾ã§HTML5ã¯ã€æ–°ã—ã„WebæŠ€è¡“ã®å¸Œæœ›ã®æ˜Ÿã®ã‚ˆã†ã«è¨€ã‚ã‚Œã¦ãŠã‚Šã€å°†æ¥ã‚’æ¸‡æœ›ã•ã‚Œã¦ã„ãŸã¨ã“ã‚ã«æ°´ã‚’å·®ã•ã‚ŒãŸå½¢ã«ãªã£ãŸã€‚ ãã“ã§ã€æ”¹ã‚ã¦å†·é™ã«ã€ŒHTMLã¨ã¯ä½•ãªã®ã‹ï¼Ÿã€ã¨ã„ã†ã“ã¨ã‚’è€ƒãˆç›´ã—ã¦ã¿ãŸæ–¹ãŒè‰¯ã„ã¨æ€ã†ã€‚ HTMLã¨Webãƒ–ãƒ©ã‚¦ã‚¶ã®æŠ€è¡“çš„ãƒ¡ãƒªãƒƒãƒˆã¯ã€ ç”»åƒãª
MAXIMUM-PRO 2012/10/23
é–‹ç™º

HTML5

javascript
ãƒªãƒ³ã‚¯
[HTML5 å…¥é–€]å®Ÿç”¨ã‚’æ„è˜ã—ãŸæœ€å°å˜ä½ã‹ã‚‰ã®æ–‡æ›¸æ§‹é€ ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
æ–‡æ›¸æ§‹é€ ã£ã¦é›£ã—ã„ã§ã™ã‚ˆã ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã„ãŸã‚‰è¿·ã†äº‹ã£ã¦ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã‚ˆãã€‚ã€Œã“ã‚Œã¯è¦‹å‡ºã—ãªã®ã‹ãªã€ã€Œã“ã®æ®µè½ã¯ã©ã“ã¾ã§æ®µè½ãªã‚“ã ã‚ã†ã€ã€Œæ¤œç´¢ãƒãƒ¼ã¯ã©ã®ã‚¿ã‚°ã§å›²ã‚ã°ã„ã„ã®ï¼Ÿã€ç‰ãªã©ã€åˆ¤æ–ã«è©°ã¾ã‚‹ã“ã¨ã¯ã„ãã‚‰ã§ã‚‚ã‚ã‚Šã¾ã™ã€‚ãã—ã¦ãã®åˆ¤æ–ã®è¿·è·¯ã‚’æŠœã‘å‡ºãŸå¾Œã‚‚ã€ãµã¨ã€Œã“ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§æœ¬å½“ã«åˆã£ã¦ã‚“ã®ã‹ãªã€ã¨å†ã³è¿·ã„ã«é™¥ã‚‹ã“ã¨ã‚‚ã€‚ ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®å½¹å‰²ã¨ã‚¿ã‚°ã®ç”¨é€”ã®æ£ç¢ºãªç†è§£ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã„ã‚‹ã¨ãã«ä½•æ•…è¿·ã†ã‹ã€‚ã“ã‚Œã¯ã€ ãã‚Œãžã‚Œã®ãƒ‘ãƒ¼ãƒ„ãŒãã®ã‚µã‚¤ãƒˆå†…ã«ã©ã†ã„ã†å½¹å‰²ã§ç½®ã‹ã‚Œã¦ã„ã‚‹ã‹ã‚’ã¯ã£ãã‚Šã¨å®šç¾©ã§ãã¦ã„ãªã„ å„ã‚¿ã‚°ã®ç”¨é€”ã‚’ç†è§£ã§ãã¦ã„ãªã„ ã“ã®ã„ãšã‚Œã‹ã€ã¾ãŸã¯ä¸¡æ–¹ãŒå‡ºæ¥ã¦ã„ãªã„ã‹ã‚‰èµ·ãã‚‹å•é¡Œã ã¨æ€ã„ã¾ã™ã€‚ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®å½¹å‰²ã¨ã‚¿ã‚°ã®ç”¨é€”ã€ã“ã®äºŒã¤ãŒã¯ã£ãã‚Šã—ã¦ã„ã‚Œã°ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«è¿·ã†äº‹ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚â€¦ã¾ã‚(ä»–ã«ã‚‚ç´å¾—ã®è¡Œã‹ãªã„çµ„ç¹”ãƒ«ãƒ¼ãƒ«ã¨ã‹SEOã‚’è€ƒæ…®ã—ãŸè¨˜è¿°ç‰ãŒã‚ã£ã¦)ãã‚Œã¯ç†æƒ³ã®è©±ãªã‚“ã§ã™
MAXIMUM-PRO 2012/10/04
html5
ãƒªãƒ³ã‚¯
HTML5 Ã— CSS3 Ã— jQueryã‚’çœŸé¢ç›®ã«å‹‰å¼·ã—ã¦ã¿ã‚‹ â€“ #4 LESS | DevelopersIO
ãã‚“ãªè¨³ã§ã€æ‹¡å¼µãƒ¡ã‚¿è¨€èªžã®ä¸ã§ã‚‚ç‰¹ã«ãƒãƒ¼ãƒ‰ãƒ«ã®ä½Žã„ã ã‚ã†LESSã«è§¦ã‚Œã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ æ‹¡å¼µãƒ¡ã‚¿è¨€èªž - LESS ãƒ¡ã‚¿ã¨ç§°ã•ã‚Œã‚‹ã ã‘ã‚ã£ã¦ã€LESSã¯HTMLã‚„CSSã€JavaScriptã¨ã„ã£ãŸé¡žã®è¨€èªžã¨ã¯æ¯›è‰²ãŒé•ã„ã¾ã™ã€‚ãã†ã„ã£ãŸè¨€èªžã«ã‚ˆã£ã¦è¨˜è¿°ã•ã‚ŒãŸã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¨åŒã˜æ„å‘³ï¼ˆæ©Ÿèƒ½ï¼‰ã‚’æŒã¡ãªãŒã‚‰ã€ã‚ˆã‚Šç°¡ç•¥çš„ã«è¡¨ç¾ã§ãã‚‹ã‚ˆã†ã«ã—ãŸãŸã‚ã®è¨€èªžã¨ã„ã†ã‚ã‘ã§ã™ã€‚ å¿µã®ãŸã‚åˆ†ã‹ã‚Šã‚„ã™ãè£œè¶³ã—ã¦ãŠãã¾ã™ã¨ã€ãƒ¡ã‚¿ã¨ã¯æ¯”å–©ã¨ã‹æš—å–©ã¨ã„ã†æ„å‘³ã§ã‚ã£ã¦ã€ã€Œã‚¢ãƒ³ã‚¿ãªã‚“ã‹ç‰¡ä¸¹ã˜ã‚ƒãªãã¦è±šã‚ˆãƒƒï¼ã€ã¨ã„ã†ã‚»ãƒªãƒ•ã®è±šã¨ã„ã†è¡¨ç¾ãŒæ£ã«ãƒ¡ã‚¿ã«å½“ãŸã‚Šã¾ã™ã€‚ â€»è±šã¨ã„ã†ã®ã¯ä¾‹ãˆã§ã‚ã£ã¦ã€æœ¬å½“ã«å‹•ç‰©ã®è±šã ã¨ã„ã£ã¦ã„ã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ä»–ã«ã‚‚ã“ã®ã‚ˆã†ãªæ‹¡å¼µãƒ¡ã‚¿è¨€èªžã«ã¯ã€CSSã«å¯¾ã—ã¦SCSS(Sass)ã€HTMLã«å¯¾ã—ã¦Hamlã¨ã„ã£ãŸã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚JavaScriptã«å¯¾ã—ã¦CoffeeScriptã¨ã„ã†ã®ãŒæ¯”è¼ƒ
MAXIMUM-PRO 2012/10/03
é–‹ç™º

HTML5

jQuery

CSS

eclipse
ãƒªãƒ³ã‚¯
ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢type æŠ€è¡“è€…ã®ã‚ãƒ£ãƒªã‚¢ã‚’è€ƒãˆã‚‹Webãƒžã‚¬ã‚¸ãƒ³ - è»¢è·ï¼ type
ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢typeã¯ã€å„ç¨®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã¯ã˜ã‚ã€Œå‰µã‚‹äººãŸã¡ã€ã®ã‚ãƒ£ãƒªã‚¢å½¢æˆã«å½¹ç«‹ã¤æƒ…å ±ã‚’ç™ºä¿¡ã™ã‚‹ã€Žï¼ typeã€ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã™ã€‚
MAXIMUM-PRO 2012/10/02
HTML5

ãƒã‚¿
ãƒªãƒ³ã‚¯
ggsoku.com
MAXIMUM-PRO 2012/09/16
ãƒ“ã‚¸ãƒã‚¹

HTML5
ãƒªãƒ³ã‚¯
HTML5ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹2012ã®è³‡æ–™ã¾ã¨ã‚
HTML5ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹2012ã®è¬›æ¼”è³‡æ–™ã®ã¾ã¨ã‚ã§ã™ã€‚ HTML5ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¯éžå¸¸ã«æœ‰æ„ç¾©ãªã‚‚ã®ã§ã—ãŸã€‚è¬›æ¼”é ‚ã„ãŸæ–¹ã€ã‚¹ã‚¿ãƒƒãƒ•ã®çš†æ§˜ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ HTMLã¨ã‹CSSã¨ã‹APIã¨ã‹ -2012ç§‹ç·¨-ï¼ˆçŸ¢å€‰çœžéš†ã•ã‚“ï¼‰ HTML5 ã‚„ CSS3 ã®æ–°ã—ã„ã‚¿ã‚°ã‚„ãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã¤ã„ã¦ã®è§£èª¬ã€‚ ã§ã‚‚ãã®å‰ã«ã€W3C ã¨ WHATWG ã«ã¤ã„ã¦ã®è©±ã€‚ ä¸€éƒ¨ã®ãƒ¡ãƒ‡ã‚£ã‚¢ã§ã€W3C ã¨ WHATWG ãŒæ±ºè£‚ã—ãŸã‹ã®ã‚ˆã†ãªå ±é“ãŒã•ã‚ŒãŸãŒã€å®Ÿéš›ã¯å•é¡Œãªã„ã¨ã®ã“ã¨ã€‚ W3C ã¨ WHATWG ã® Editor ã‚’å‹™ã‚ã¦ã„ãŸ Ian Hicksonæ°ã¯ WHATWG ã® HTML ã«é›†ä¸ã—ã€ãƒã‚°ä¿®æ£ãŒåŠ é€Ÿã—ãã†ã§ã™ã€‚ ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§ã¯ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã›ã‚“ã§ã—ãŸãŒã€ã“ã¡ã‚‰ã®è¨˜äº‹ã« Ian Hicksonæ°ã‹ã‚‰ã®ãƒ¡ãƒ¼ãƒ«ã®é‚¦è¨³ãªã©è¼‰ã£ã¦ã„ã¾ã™ã€‚ HTML5ä»•æ§˜ã‚’ã‚ãã‚‹W3Cã¨WHATWGã«ã¤ã„ã¦ã€Ian Hick
MAXIMUM-PRO 2012/09/10
ã¾ã¨ã‚

HTML5

è³‡æ–™
ãƒªãƒ³ã‚¯
07. videoï¼audioè¦ç´ ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’æ•æ‰ã™ã‚‹ Â» HTML5 -
videoaudioè¦ç´ ã¯ã€ãƒ¡ãƒ‡ã‚£ã‚¢ãƒ‡ãƒ¼ã‚¿ã®èªã¿è¾¼ã¿ã‚„å†ç”Ÿä¸ã«ã•ã¾ã–ã¾ãªã‚¤ãƒ™ãƒ³ãƒˆã‚’ç™ºç”Ÿã•ã›ã‚‹ã€‚ã“ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’Javascriptã§æ•æ‰ã—ã¦ã€å‡¦ç†ã‚’è¡Œã†ã“ã¨ãŒå¯èƒ½ã§ã‚ã‚‹ã€‚ç™ºç”Ÿã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã®ç¨®é¡žã¯éžå¸¸ã«å¤šãã€ã“ã‚Œã‚‰ã‚’ãã¡ã‚“ã¨ç†è§£ã—ã¦è©³ç´°ãªã‚¤ãƒ™ãƒ³ãƒˆå‡¦ç†ã‚’è¡Œã†ã“ã¨ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ã§ä½¿ã„ã‚„ã™ã„ãƒ¡ãƒ‡ã‚£ã‚¢ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ã‚’ä½œã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ ä¾‹ãˆã°ã€å†ç”Ÿä½ç½®ãŒé€²ã”ã¨ã«ç™ºç”Ÿã™ã‚‹ã€Œtimeupdateã€ã¨ã„ã†ã‚¤ãƒ™ãƒ³ãƒˆãŒã‚ã‚‹ã€‚ã“ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’æ•æ‰ã—ã¦ã€ç¾åœ¨ã©ã“ã¾ã§å†ç”ŸãŒé€²ã‚“ã§ã„ã‚‹ã‹ã‚’è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ < !DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>VideoPlayer</title> <script type="text/javascript"> function playOrPauseVideo() { var videoUr
MAXIMUM-PRO 2012/09/06
html5

VIDEO

event
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸