[B! *html5] magohatã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

magohat id:magohat

*html5ã«é–¢ã™ã‚‹magohatã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

æ ªå¼ä¼šç¤¾ãƒžãƒƒã‚¯ã‚¹ãƒžã‚¦ã‚¹
äº‹ä¾‹ç´¹ä»‹ å—è¨—å®Ÿç¸¾ æ ªå¼ä¼šç¤¾ã‚¢ã‚¤ãƒ†ãƒƒã‚¯ æ§˜ ã‚¢ã‚µãƒ’ã‚°ãƒ«ãƒ¼ãƒ—é£Ÿå“æ ªå¼ä¼šç¤¾ æ§˜ å‘³ã®ç´ æ ªå¼ä¼šç¤¾ æ§˜ æ ªå¼ä¼šç¤¾ä¼Šè—¤åœ’ æ§˜ æ ªå¼ä¼šç¤¾æ¢…ä¸˜å¯¿å¸ã®ç¾Žç™»åˆ©ç·æœ¬åº— æ§˜ NECãƒ•ã‚£ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°æ ªå¼ä¼šç¤¾ æ§˜ å®Ÿã¯ã“ã“ã«ã‚‚ NECãƒ•ã‚£ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚° DXã®å–ã‚Šçµ„ã¿ç´¹ä»‹ãƒšãƒ¼ã‚¸ ãƒ©ãƒ³ã‚µãƒ ã‚¦ã‚§ã‚¢å¯¾ç–ç´¹ä»‹LP ã‚¼ãƒãƒˆãƒ©ã‚¹ãƒˆç´¹ä»‹LP ã‚¨ãƒ—ã‚½ãƒ³ã‚¢ãƒ´ã‚¡ã‚·ã‚¹æ ªå¼ä¼šç¤¾ æ§˜ ã‚ªã‚¿ãƒ•ã‚¯ã‚½ãƒ¼ã‚¹æ ªå¼ä¼šç¤¾ æ§˜ ã‚ªãƒªã‚¨ãƒ³ãƒˆå•†äº‹æ ªå¼ä¼šç¤¾ æ§˜ æ ªå¼ä¼šç¤¾ ã‚ãƒ£ãƒªã‚¢ãƒ‡ã‚¶ã‚¤ãƒ³ã‚»ãƒ³ã‚¿ãƒ¼ æ§˜ å…±æ „ç«ç½æµ·ä¸Šä¿é™ºæ ªå¼ä¼šç¤¾ æ§˜ ã‚³ãƒ¼ãƒãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆ 80å‘¨å¹´è¨˜å¿µã‚µã‚¤ãƒˆ éº’éºŸéº¦é…’æ ªå¼ä¼šç¤¾ æ§˜ ã‚ãƒªãƒ³ãƒ“ãƒãƒ¬ãƒƒã‚¸æ ªå¼ä¼šç¤¾ æ§˜ åŽšç”ŸåŠ´åƒçœ æ§˜ ã‚µã‚¤ã‚ªã‚¹æ ªå¼ä¼šç¤¾ æ§˜ ã‚³ãƒ¼ãƒãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆ ãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆ ã‚µã‚¤ã‚ªã‚¹ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ æ ªå¼ä¼šç¤¾ æ§˜ ä¸‰å’Œã‚·ãƒ¤ãƒƒã‚¿ãƒ¼å·¥æ¥æ ªå¼ä¼šç¤¾ æ§˜ æ ªå¼ä¼šç¤¾J-ã‚ªã‚¤ãƒ«ãƒŸãƒ«ã‚º æ§˜ ã‚³ãƒ¼ãƒãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆ ã€Œãƒ¢ãƒ¼ãƒ¬ãƒ„å–¶æ¥æ—¥èªŒã€ æ ªå¼ä¼šç¤¾JALãƒŠãƒ“ã‚¢ æ§˜ ã‚¸ãƒ£ãƒ«ãƒ
magohat 2013/04/17
*html5

webã‚µã‚¤ãƒˆ

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
HTML5ãƒ‡ãƒ¢ã€Œæ—¥æœ¬å…¨å›½èŠ±ç²‰é£›æ•£ãƒžãƒƒãƒ—ã€ã‚’ä½œã£ã¦åˆ†ã‹ã£ãŸCreateJSã¨TypeScriptã§ã®åŠ¹çŽ‡çš„ãªé–‹ç™ºæ‰‹æ³• - ICS MEDIA
HTML5ãƒ‡ãƒ¢ã€Œæ—¥æœ¬å…¨å›½èŠ±ç²‰é£›æ•£ãƒžãƒƒãƒ—ã€ã‚’ä½œã£ã¦åˆ†ã‹ã£ãŸCreateJSã¨TypeScriptã§ã®åŠ¹çŽ‡çš„ãªé–‹ç™ºæ‰‹æ³• 2013å¹´3æœˆ15æ—¥ã«é–‹å‚¬ã•ã‚ŒãŸCreateJSå‹‰å¼·ä¼šï¼ˆç¬¬2å›žï¼‰ã§ç™ºè¡¨ã—ãŸWebã‚µã‚¤ãƒˆã€Œæ—¥æœ¬å…¨å›½èŠ±ç²‰é£›æ•£ãƒžãƒƒãƒ—ã€ã§ã™ãŒã€CreateJSã¨TypeScriptã‚’ä½¿ã£ã¦åˆ¶ä½œã—ã¾ã—ãŸã€‚ ä»Šå›žã®ä½œå“ã®ãƒã‚¤ãƒ³ãƒˆã¨ã—ã¦ã¯ã€æ¬¡ã®3ç‚¹ãŒã‚ã’ã‚‰ã‚Œã¾ã™ã€‚æœ¬è¨˜äº‹ã§ã¯æ¬¡ã‚’å…·ä½“çš„ã«èª¬æ˜Žã—ã¾ã™ã€‚ HTML5ã§åˆ¶ä½œã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã ã‘ã§ãªãã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã§ã‚‚å†ç”Ÿå¯èƒ½ CreateJSã§ã€DOMã§ã¯ã§ããªã„HTML5 Canvasãªã‚‰ã§ã¯ã®è¡¨ç¾ TypeScriptã‚’ç”¨ã„ã¦ä½Žå¦ç¿’ã‚³ã‚¹ãƒˆã§åŠ¹çŽ‡çš„ãªåˆ¶ä½œã®å®Ÿç¾ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã§ã‚‚é–²è¦§å¯èƒ½ ã“ã®Webã‚µã‚¤ãƒˆã¯ç’°å¢ƒçœãŒæä¾›ã—ã¦ã„ã‚‹è³‡æ–™ã‚’å…ƒã«ã€éŽåŽ»9å¹´åˆ†ã®èŠ±ç²‰ã®é£›æ•£é‡ã‚’ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«ã‚’ç”¨ã„ã¦ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚ºã—ãŸã‚‚ã®ã§ã™ã€‚èŠ±ç²‰ã®é‡ã«æ¯”ä¾‹ã—ã¦ã€ãƒ‘ãƒ¼ãƒ†ã‚£
magohat 2013/03/29
webåˆ¶ä½œ

*html5

CSS3

css

JavaScript

canvas
ãƒªãƒ³ã‚¯
CreateJSã‚’ä½¿ã£ã¦ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªHTML5ãƒ‡ãƒ¢ã‚’ä½œã£ã¦ã¿ãŸ - ICS MEDIA
CreateJSå‹‰å¼·ä¼šã®å‚åŠ å¿œå‹Ÿæ•°ã‹ã‚‰ã‚‚é–¢å¿ƒã®é«˜ã•ãŒã†ã‹ãŒãˆã‚‹CreateJSã§ã™ãŒã€å¼Šç¤¾ã§ã‚‚ç ”ç©¶ã‚’ã—ã¦ãŠã‚Šä»Šå›žã¯åˆ¶ä½œã—ãŸãƒ‡ãƒ¢ã‚’ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚ æœ‰åãªçµµç”»ã£ã½ã„ã‚‚ã® CreateJSã¨CSSã‚’ç”¨ã„ãŸãƒ‡ãƒ¢ã§ã™ã€‚ã‚«ãƒ¼ã‚½ãƒ«ã‚’ã‚ãƒ£ãƒ³ãƒã‚¹ä¸Šã§å‹•ã‹ã™ã¨çµµãŒæã‘ã€ãƒ‰ãƒ©ãƒƒã‚°ã™ã‚‹ã¨ã¡ã‚‡ã£ã¨3Dã£ã½ã„å‹•ãã‚’ã—ã¾ã™ã€‚çµµã®æç”»ã¯CreateJSã€3Dã£ã½ã„å‹•ãã¯CSSã§ä½œã£ã¦ã„ã¾ã™ã€‚çµµã®æç”»ã¯é‡ãå¡—ã‚Šã—ç¶šã‘ã‚‹ã¨è² è·ãŒå¢—å¤§ã™ã‚‹ã®ã§ã€æ¯Žãƒ•ãƒ¬ãƒ¼ãƒ ã‚ãƒ£ãƒƒã‚·ãƒ¥ã—æç”»ã™ã‚‹ã‚³ã‚¹ãƒˆã‚’æ¸›ã‚‰ã—æœ€é©åŒ–ã—ã¦ã„ã¾ã™ã€‚ ãƒ‡ãƒ¢ã¯ã“ã¡ã‚‰ã‹ã‚‰ Box2D Drop CreateJSã¨ç‰©ç†æ¼”ç®—ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒBox2Dã€ã‚’çµ„ã¿åˆã‚ã›ãŸãƒ‡ãƒ¢ã§ã™ã€‚ãƒžã‚¦ã‚¹ã§ã‚¢ã‚¤ã‚³ãƒ³ã‚’ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã™ã‚‹ã“ã¨ã§æŠ•ã’ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚Box2Dãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ActionScriptç‰ˆã¨ã»ã¨ã‚“ã©åŒã˜APIã§ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ActionScriptã®ãƒŽã‚¦ãƒã‚¦ã‚’æ´»ç”¨ã§ãã¾ã™
magohat 2013/03/29
weåˆ¶ä½œ

*html5

css

CSS3

html
ãƒªãƒ³ã‚¯
Dreamweaver CS6ï¼ˆä½“é¨“ç‰ˆï¼‰ã§å¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è©¦ã™ï½œWebãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ãƒ»ãƒãƒ©ãƒ’ãƒã‚·ã®ãƒ–ãƒã‚°
Adobe Dreamweaver CS6ã®ä½“é¨“ç‰ˆã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã€‚æ–°æ©Ÿèƒ½ã®ç›®çŽ‰ã¨ã‚‚ã„ãˆã‚‹ã€Œå¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€æ©Ÿèƒ½ã‚’ã¡ã‚‡ã£ã¨ã ã‘ä½¿ã£ã¦ã¿ã¾ã—ãŸã€‚ Webåˆ¶ä½œ ã‚¢ãƒ—ãƒªä½œæˆ | Adobe Dreamweaver CS6 ã€Œå¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ã¯ã€PCã€ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³3ç¨®é¡žã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã€ç›´æ„Ÿçš„ãªæ“ä½œã§ä½œã‚Œã¦ã—ã¾ã†ã¨ã„ã†æ©Ÿèƒ½ã€‚ã€Œå¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®Divã‚¿ã‚°ã‚’æŒ¿å…¥ã™ã‚‹ã€ã‚’é¸ã‚“ã§ã€PCã€ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ“ãƒ¥ãƒ¼ãƒœã‚¿ãƒ³ã‚’åˆ‡ã‚Šæ›¿ãˆãªãŒã‚‰ã€ãã‚Œãžã‚Œã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å€‹åˆ¥ã«è¨å®šã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ç‰¹ã«äºˆç¿’ã‚‚ã›ãšã«ã„ããªã‚Šè§¦ã£ã¦ã¿ã¾ã—ãŸãŒã€ç›´æ„Ÿçš„ã«ä½œæ¥ã§ãã¾ã—ãŸã€‚ãªãŠã€ãƒ™ãƒ¼ã‚¹ã«ãªã£ã¦ã„ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ã€ŒBoilerplateã€ã§ã™ã€‚ â–¼ãƒ‡ãƒ¢ã§ä½œæˆã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¢ãƒƒãƒ—ã—ã¦ã¿ã¾ã—ãŸã€‚ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã‚’å‹•ã‹ã™ã¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå¯å¤‰ã—ã¾ã™ã€‚ DEMO : å¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãƒ†ã‚¹ãƒˆ
magohat 2012/11/22
weåˆ¶ä½œ

*html5

dreamweaver
ãƒªãƒ³ã‚¯
1