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

Miyakey id:Miyakey

HTML5ã¨jQueryã«é–¢ã™ã‚‹Miyakeyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

${{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/JavaScriptã«ã‚ˆã‚‹é›»åæ›¸ç±é¢¨ãƒ•ãƒªãƒƒãƒ—ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³Â·Turn.js MOONGIFT
Turn.jsã¯HTML5/JavaScriptè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ï¼ˆBSD Licenseï¼‰ã§ã™ã€‚ é›»åæ›¸ç±ã¨ã„ã†ã¨ePubãƒ•ã‚¡ã‚¤ãƒ«ãŒæœ‰åã§ã™ãŒã€HTML5ã§ã‚‚å®Ÿç¾ã¯å¯èƒ½ã§ã™ã€‚ç‰¹ã«ç´™ã‚’ã‚ãã£ãŸæ™‚ã®ã‚ˆã†ãªãƒ•ãƒªãƒƒãƒ—ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ¬²ã—ã„æ™‚ã«ã¯Turn.jsã‚’ä½¿ã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ãƒ‡ãƒ¢ã§ã™ã€‚å¹¾ã¤ã‹ã®ã‚µãƒ³ãƒ—ãƒ«æ›¸ç±ãŒæŽ²è¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚ é–‹ãã¾ã—ãŸã€‚ ãƒ•ãƒªãƒƒãƒ—ã—ã¦ã„ã¾ã™ã€‚ åˆ¥ãªæ›¸ç±ã€‚ãƒžã‚¦ã‚¹ã‚’ã‚‚ã£ã¦ã„ãã¨ç«¯ãŒæŠ˜ã‚Œæ›²ãŒã‚Šã¾ã™ã€‚ ã“ã‚“ãªæ„Ÿã˜ã§æ–¬æ–°ãªè¡¨ç¤ºã‚‚ã€‚ ãƒžã‚¬ã‚¸ãƒ³é¢¨ã®ä½¿ã„æ–¹ã‚‚ã§ãã¾ã™ã€‚ ãƒ‡ãƒ¢å‹•ç”»ã§ã™ã€‚ Turn.jsã§ã¯ã‚ãã‚‹æ“ä½œã¯ã‚‚ã¡ã‚ã‚“ã®ã“ã¨ã€æ‹¡å¤§è¡¨ç¤ºã‚‚ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã¾ã™ã€‚ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã‚‚ã¡ã‚ã‚“ã€iPhone/iPadã«ã‚ˆã‚‹æ“ä½œã‚‚å¯èƒ½ã§ã™ã€‚ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯Ajaxã«ã‚ˆã‚‹å‹•çš„å–å¾—ã«ã‚‚å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ä¸€éƒ¨HTML5éžå¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ãŠã‚Šã€å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯IE8ã‹ã‚‰ã¨ãªã£ã¦
Miyakey 2013/10/06
HTML5

*è³‡æ–™

jQuery

ebook
ãƒªãƒ³ã‚¯
æ±äº¬æ¸‹è°· â€œHTML5å…¥é–€ï¼†jQueryâ€ å‹‰å¼·ä¼š(5/26)ã®è³‡æ–™ã‚’å…¬é–‹ã—ã¾ã™ | tonowp
æ±äº¬æ¸‹è°· â€œHTML5å…¥é–€ï¼†jQueryâ€ å‹‰å¼·ä¼š(5/26)ã‚’è¡Œã„ã¾ã—ãŸã€‚ jQueryã‚’ãŠã¼ãˆã‚ˆã†ï¼ã¨ã„ã†ã“ã¨ã§ã€HTML5ã®ã–ã£ãã‚Šã¨ã—ãŸè§£èª¬ã¨ã€jQueryã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã‚’å¦ç¿’ã—ã¾ã™ï¼è©³ç´°ï¼šATND ãã®ã¨ãã®ã‚¹ãƒ©ã‚¤ãƒ‰ãŠã‚ˆã³è³‡æ–™ã‚’å…¬é–‹ã—ã¾ã™ã€‚ ä»Šå¾Œã‚‚å‹‰å¼·ä¼šã‚’é–‹å‚¬ã™ã‚‹äºˆå®šã§ã™ã€‚ twitterã®ãƒãƒƒã‚·ãƒ¥ã‚¿ã‚° #gooyaHub ã§å‘ŠçŸ¥ã—ã¦ã„ãã¾ã™ã®ã§ ã‚ˆã‹ã£ãŸã‚‰å‚åŠ ã—ã¦ã¿ã¦ãã ã•ã„ï¼
Miyakey 2012/06/02
jQuery

HTML5

*è³‡æ–™
ãƒªãƒ³ã‚¯
æ–°æ—¥é‰„ã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ã‚ºãŒHTML5ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªé–‹ç™ºåŸºç›¤ã€Œhifiveã€ã‚’OSSã¨ã—ã¦å…¬é–‹
æ–°æ—¥é‰„ã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ã‚ºã¯2012å¹´4æœˆ27æ—¥ã€åŒç¤¾ãŒé–‹ç™ºã—ã¦ããŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ï¼ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆå‘ã‘HTML5ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€Œhifiveã€ã‚’ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã‚½ãƒ•ãƒˆã‚¦ã‚¨ã‚¢ï¼ˆOSSï¼‰ã¨ã—ã¦å…¬é–‹ã—ãŸã€‚hifiveã®å…¬å¼ã‚µã‚¤ãƒˆã‚‚é–‹è¨ã€ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã‚„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€ã‚µãƒ³ãƒ—ãƒªã‚¢ãƒ—ãƒªã‚‚å…¬é–‹ã—ãŸã€‚ hifiveã¯åŒç¤¾ã®ã‚·ã‚¹ãƒ†ãƒ ç ”ç©¶é–‹ç™ºã‚»ãƒ³ã‚¿ãƒ¼ãŒé–‹ç™ºã—ãŸã€‚ã‚¹ãƒžãƒ¼ãƒˆãƒ‡ãƒã‚¤ã‚¹å›ºæœ‰ã®é–‹ç™ºçŸ¥è˜ã‚’å¿…è¦ã¨ã›ãšã«ã€ãƒ‘ã‚½ã‚³ãƒ³ã¨ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã«å¯¾å¿œã—ãŸã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã§ãã‚‹ã¨ã—ã¦ã„ã‚‹ã€‚ã¾ãŸHTML5ã«ã‚ˆã‚Šã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã‚°ãƒ©ãƒ•ã‚’Webãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§è¡¨ç¤ºã§ãã‚‹ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚¢ãƒ—ãƒªã¨ã—ã¦ã€jQuery Mobileã¨é€£æºã—ãŸYouTubeæ¤œç´¢ã€jQuery UIã¨é€£æºã—ãŸãƒ€ã‚¤ã‚¢ãƒã‚°è¡¨ç¤ºï¼ˆå†™çœŸ1ï¼‰ã‚„ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã€HTML5APIã‚’ä½¿ç”¨ã—ãŸWeb SQLãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã‚„Webã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã€HTML5ã®c
Miyakey 2012/05/02
jQuery

HTML5

framework

*è³‡æ–™

iOS
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ | ãƒ¦ãƒ¼ã‚¸ãƒƒã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ 2011å¹´1æœˆ22æ—¥ iPhoneã¨Androidä¸¡æ–¹ã«å¯¾å¿œã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆä½œæˆã«ã‚ãŸã£ã¦ã®åŸºæœ¬æ¦‚è¦ ã¾ãšæœ€åˆã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹éš›ã«æ°—ã«ãªã‚‹ç‚¹ã¯ç”»åƒã®æ‰±ã„ã ã£ãŸã‚Šã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ æ¨ªå¹…ã§ã™ãŒã€è§£åƒåº¦ã¯æ©Ÿç¨®ã«ã‚ˆã£ã¦æ§˜ã€…ã§ã™ãŒã€ç¸¦å‘ãã§320pxï½ž640pxã€æ¨ªå‘ãã§480pxï½ž960pxãŒä¸»æµã¨ãªã‚Šã¾ã™ã€‚ æ¨™æº–ã¨ãªã‚‹ã‚‚ã®ã‚’è¨ã‘ã‚‹ã¨ãªã‚‹ã¨ã€320px(æ¨ª)/480pxï¼ˆç¸¦ï¼‰ã‚’æ¨™æº–ã¨ã—ã¦è‰¯ã„ã‹ãªã¨æ€ã„ã¾ã™ã€‚ â€»iPhone4ã€4Sã¯640px/960pxã®è§£åƒåº¦ã§ã™ãŒã€å†…éƒ¨è§£åƒåº¦ã§320px/480pxã¨è§£é‡ˆã—ã¦ãã‚Œã‚‹ãŸã‚ã€‚ ã§ã™ã®ã§ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«è¦‹ã›ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ãªã©ã‚’ä½œæˆã™ã‚‹éš›ã‚‚ç¸¦ã‚’æ¨™æº–ã¨ã™ã‚‹éš›ã¯320pxï¼ˆæ¨ªï¼‰ã§ä½œæˆã™ã‚Œã°å•é¡Œãªã„ã¨ã„ãˆã¾ã™ãŒã€iPhone4ã€4Sã‚„An
Miyakey 2012/04/20
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

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

HTML5

CSS3

jQuery

Android

*è³‡æ–™
ãƒªãƒ³ã‚¯
Ajaxã§ã‚‚URLã‚’æ›´æ–°ã—ã¦å±¥æ´ã‚’ä½œã‚Œã‚‹HTML5ã®pushStateè©¦ã—ã¦ã¿ãŸ
Posted:Â 2011.06.20Â /Â Category:Â javascriptÂ /Â Tag:Â Ajax, HTML5 é«˜é€ŸãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã™ã‚‹ã«ã¯AjaxãŒãªãã¦ã¯ãªã‚‰ãªã„ã‚‚ã®ã¨ãªã‚Šã¾ã—ãŸã€‚Ajaxã«ã¯URLãŒæ›´æ–°ã•ã‚Œãšã€ãã®ãŸã‚ãƒ–ãƒ©ã‚¦ã‚¶ã®æˆ»ã‚‹ã‚‚ä½¿ç”¨ã§ã¾ã›ã‚“ã€‚ ã“ã®ã‚ˆã†ãªå•é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã«HTML5ã§è¿½åŠ ã•ã‚ŒãŸã®ãŒã€ŒpushStateã€ã§ã™ã€‚ pushStateã‚’ä½¿ç”¨ã—ã¦ã„ãªã„ã‚µãƒ³ãƒ—ãƒ« jQueryã®loadãƒ¡ã‚½ãƒƒãƒ‰ã‚’ä½¿ç”¨ã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„åˆ‡ã‚Šæ›¿ãˆã®ç°¡å˜ãªã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚ page1.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>page1</title> <link rel="stylesheet" href="style.css"> <script type="text
Miyakey 2012/02/04
jQuery

HTML5

*è³‡æ–™

*ã‚ã¨ã§è©¦ã™

JavaScript
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªã®ä½œã‚Šæ–¹ã€è¶…ã¾ã¨ã‚ã€‘Webç·¨ï¼šHTML5ã‚„jQuery Mobileãªã©ã‚¹ãƒžãƒ›Webã‚¢ãƒ—ãƒªé–‹ç™ºã«å½¹ç«‹ã¤è¨˜äº‹52é¸ - ï¼ IT
Webç·¨ï¼šHTML5ã‚„jQuery Mobileãªã© ã‚¹ãƒžãƒ›Webã‚¢ãƒ—ãƒªé–‹ç™ºã«å½¹ç«‹ã¤è¨˜äº‹52é¸ ï¼ ITç·¨é›†éƒ¨ 2012/1/31ï¼ˆ2013/2/28 æ”¹è¨‚ï¼‰ iOSï¼ˆiPhoneï¼iPadï¼iPod touchï¼‰ã€Androidã€Windows Phoneãªã©ã€ã•ã¾ã–ã¾ãªã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã®ã‚¢ãƒ—ãƒªã‚’ä½œã‚‹ãŸã‚ã®ï¼ ITè¨˜äº‹ã®ã¾ã¨ã‚ã§ã™ã€‚ä»Šå¾Œã€é †æ¬¡æ›´æ–°ãƒ»è¿½åŠ ã—ã¦ã„ãã¾ã™ã€‚ é–‹ç™ºè€…ãŒç™»éŒ²ã—ãŸApp Storeã‚„Marketplaceãªã©ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã‚¢ãƒ—ãƒªã€ã‚‚ã—ãã¯ã€ã‚ã‚‰ã‹ã˜ã‚ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹ã‚¢ãƒ—ãƒªã¯ã€ã€Œãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã€ã¨å‘¼ã°ã‚Œã¦ã„ã¾ã™ã€‚iOSã‚„Androidã€Windows Phoneã¨ã„ã£ãŸOSä¸Šã§å‹•ãã€ãƒžã‚¤ã‚¯ã‚„ã‚«ãƒ¡ãƒ©ãªã©ãƒ‡ãƒã‚¤ã‚¹ã®æ©Ÿèƒ½ã‚’ååˆ†ã«ä½¿ãˆã‚‹ã®ãŒç‰¹å¾´ã§ã™ã€‚ä½œã‚Šæ–¹ã¯ã€åŸºæœ¬ç·¨ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ç·¨ã§ç´¹ä»‹ã—ãŸè¨˜äº‹ãŒå‚è€ƒã«ãªã‚‹ã¨æ€ã„ã¾ã™ã€‚ ä¸€æ–¹ã§
Miyakey 2012/02/01
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

jQuery

HTML5

*è³‡æ–™
ãƒªãƒ³ã‚¯
jPlayer : HTML5 Audio & Video for jQuery
a project by happyworm The jQuery HTML5 Audio / Video Library jPlayer is the completely free and open source (MIT) media library written in JavaScript. A jQuery plugin, (and now a Zepto plugin,) jPlayer allows you to rapidly weave cross platform audio and video into your web pages. jPlayer's comprehensive API allows you to create innovative media solutions while support and encouragement is provid
Miyakey 2011/12/02
HTML5

jquery

audio
ãƒªãƒ³ã‚¯
HTML5ã®placeholderå±žæ€§ã‚’jQueryã§ã‚„ã£ã¦ã¿ã‚‹
è¿½è¨˜ï¼šHTML5ã®placeholderå±žæ€§ã‚’ä»£æ›¿ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³(ah-placeholder.js) ã“ã“ã¨åŒã˜å†…å®¹ã®ã“ã¨ã‚’jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä½“è£ã«æ•´ãˆãŸã‚‚ã®ã‚’ï¼ŒGitHubã§å…¬é–‹ã—ã¦ã¾ã™ï¼Žè©³ã—ãã¯ä¸Šã®è¨˜äº‹ã‚’ã”å‚ç…§ã®ã“ã¨ï¼Ž 4.10.7.2 Common input element attributes â€” HTML5 (including next generation additions still in development) HTML5ã®inputè¦ç´ ã«ã¯ã€placeholderå±žæ€§ãŒã‚ã‚Šã¾ã™ã€‚inputè¦ç´ ã«ã€placeholderå±žæ€§ã§ãƒ†ã‚ã‚¹ãƒˆã‚’æ›¸ãã¨ã€ä¸‹ã®ã‚ˆã†ãªæ„Ÿã˜ã®è¡¨ç¾ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ä»Šã®ã¨ã“ã‚Operaãƒ»Safariãƒ»Chromeã§ã¯ã€ãƒã‚¤ãƒ†ã‚£ãƒ–ã«è¨˜è¿°ã—ã¦ã‚‚è§£é‡ˆã—ã¦ãã‚Œã‚‹ã‚ˆã†ã§ã™ã€‚ ãŸã ã—ã€XHTML 1.1ã‚„ã€HTML 4.01ã®DTDã‚’å®£è¨€ã—ãŸ
Miyakey 2011/05/23
HTML5

placeholder

javascript

jquery

*è³‡æ–™
ãƒªãƒ³ã‚¯
1