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

coolworld id:coolworld

html5ã«é–¢ã™ã‚‹coolworldã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (10)

${{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 5.2ã®æ–°æ©Ÿèƒ½ãƒ»å‰Šé™¤ã•ã‚ŒãŸæ©Ÿèƒ½ã€å¤‰æ›´ã•ã‚ŒãŸè¨˜è¿°ãƒ«ãƒ¼ãƒ«ã®ã¾ã¨ã‚
HTML 5.2ã¯2017å¹´12æœˆ14æ—¥ã«å‹§å‘Šï¼ˆRecommendationï¼‰ã•ã‚Œã€ä»•æ§˜ãŒRECã‚¹ãƒ†ãƒ¼ã‚¸ã«é”ã—ã¾ã—ãŸã€‚ã“ã‚Œã¯W3Cãƒ¡ãƒ³ãƒãƒ¼ã¨ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã®æ£å¼ãªæ‰¿èªã‚’å—ã‘ãŸã“ã¨ã‚’æ„å‘³ã—ã€Webåˆ¶ä½œè€…ã¨ã—ã¦ã€æ–°ã—ã„æ©Ÿèƒ½ã®å®Ÿè£…ã‚’é–‹å§‹ã™ã‚‹ã®ã«æœ€é©ãªæ™‚æœŸã«ãªã‚Šã¾ã™ã€‚ HTML 5.2ã§ã¯ã„ãã¤ã‹ã®æ–°æ©Ÿèƒ½ã¨å‰Šé™¤ã•ã‚ŒãŸæ©Ÿèƒ½ãŒã‚ã‚Šã€è¨˜è¿°ãƒ«ãƒ¼ãƒ«ã‚‚ã„ãã¤ã‹å¤‰æ›´ã•ã‚Œã€ä»Šã¾ã§invalidã ã£ãŸã‚‚ã®ãŒvalidã«ãªã‚Šã€æ–°ã—ãinvalidã«ãªã£ãŸã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ ã™ã¹ã¦ã®å¤‰æ›´ç‚¹ã¯HTML 5.2: Changesã§ç¢ºèªã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Webåˆ¶ä½œã«æœ€ã‚‚å½±éŸ¿ã‚’ä¸Žãˆã‚‹ã¨æ€ã‚ã‚Œã‚‹ã„ãã¤ã‹ã®å¤‰æ›´ç‚¹ã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚ What's New in HTML 5.2? ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ HTML 5.2ã®æ–°æ©Ÿèƒ½ HTML 5.2
coolworld 2018/01/16
ã‚ã¨ã§èªã‚€

HTML5
ãƒªãƒ³ã‚¯
Node.jsï¼‹Socket.IOã§ä½œã‚‹ã€é€šä¿¡å¯¾æˆ¦ãŒã§ãã‚‹HTML5ã‚²ãƒ¼ãƒ ã‚·ã‚¹ãƒ†ãƒ ã®ä½œã‚Šæ–¹
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10æœˆ1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ãƒ–ãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEãƒ¤ãƒ•ãƒ¼ Tech Blog ã¯ã˜ã‚ã¾ã—ã¦ã€Yahoo!ãã£ãšé–‹ç™ºæ‹…å½“ã§ã™ã€‚ æ˜¨å¹´Yahoo!ãã£ãšã«ã¦ãƒ–ãƒ©ã‚¦ã‚¶ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚²ãƒ¼ãƒ ã€ŒãŠã—ã‚ƒã¹ã‚Šãƒªãƒãƒ¼ã‚·ã€ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸã€‚ â€»ãŠã—ã‚ƒã¹ã‚Šãƒªãƒãƒ¼ã‚·ã¯2015å¹´10æœˆã‚’ã‚‚ã£ã¦ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã—ã¾ã—ãŸã€‚ã”åˆ©ç”¨ã„ãŸã ãã¾ã—ã¦ã€ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ ã“ã®ã‚²ãƒ¼ãƒ ã¯ã€é€šä¿¡å¯¾æˆ¦éƒ¨åˆ†ã®é€šä¿¡ãƒ—ãƒãƒˆã‚³ãƒ«WebSocketã‚’æŽ¡ç”¨ã—ã€ã‚µãƒ¼ãƒãƒŸãƒ‰ãƒ«ã‚¦ã‚§ã‚¢ã«Node.jsï¼‹Socket.IOã‚’æŽ¡ç”¨ã—ã¾ã—ãŸã€‚ã“ã®çµæžœã€ãƒ–ãƒ©ã‚¦ã‚¶ã‚²ãƒ¼ãƒ ã§ã‚ã‚ŠãªãŒã‚‰ãƒžãƒ«ãƒãƒ‡ãƒã‚¤ã‚¹ã§ã®å¯¾æˆ¦ã‚’å®Ÿç¾ã—ã¾ã—ãŸã€‚ ä»Šå›žã¯ã€Node.jsï¼‹Socket.IOã«ã‚ˆã‚‹WebSocketã‚µãƒ¼ãƒã®ã‚·ã‚¹ãƒ†ãƒ æ§‹ç¯‰æ–¹æ³•ã«ã¤ã„ã¦è€ƒæ…®ã™ã¹ããƒã‚¤ãƒ³ãƒˆã‚’ã€ã€ŒãŠã—ã‚ƒã¹ã‚Šãƒªãƒãƒ¼ã‚·ã€ã®å®Ÿä¾‹ã‚’ç´¹ä»‹ã—ãªãŒã‚‰èª¬
coolworld 2015/03/03
ã‚ã¨ã§èªã‚€

js

HTML5
ãƒªãƒ³ã‚¯
ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ é–‹ç™ºã®å¤§æœ¬å‘½!? HTML5ã‚‚ã‚¢ãƒ—ãƒªã‚‚Flashã‚‚é–‹ç™ºã§ãã‚‹ã€ŒOpenFLã€ã¨ã¯ï¼Ÿ - ICS MEDIA
ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ é–‹ç™ºã®å¤§æœ¬å‘½!? HTML5ã‚‚ã‚¢ãƒ—ãƒªã‚‚Flashã‚‚é–‹ç™ºã§ãã‚‹ã€ŒOpenFLã€ã¨ã¯ï¼Ÿ ã€Œã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ãƒ¯ãƒ³ã‚½ãƒ¼ã‚¹ã§ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã«å¯¾å¿œã•ã›ãŸã„ã€ã€ãã‚Œã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã§ã‚ã‚Œã°èª°ã‚‚ãŒæœ›ã‚€ã“ã¨ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ä¸€æ˜”å‰ã¯Adobe FlashãŒã€ŒOpen Screen Projectã€ã¨é¡Œã—ã¦ä¸€æ©æ‰‹å‰ã¾ã§å®Ÿç¾ã—ã¦ã„ã¾ã—ãŸãŒã€iPhoneã‹ã‚‰Flashã‚’ç· ã‚å‡ºãã†ã¨ã™ã‚‹Appleã®å¼·ç¡¬ãªå§¿å‹¢ã«ã‚ˆã£ã¦é “æŒ«ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ å°¾é‡Žã•ã‚“(ã—ã£ã½ã•ã‚“)ã‹ã‚‰ã®å‹§ã‚ã‚‚ã‚ã‚Šèª¿ã¹ãŸã®ã§ã™ãŒã€ã€ŒOpenFLã€ï¼ˆã‚ªãƒ¼ãƒ—ãƒ³ã‚¨ãƒ•ã‚¨ãƒ«ï¼‰ã¨ã„ã†ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã¯ã•ã¾ã–ã¾ãªå½¢å¼ã«ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å‡ºåŠ›ã§ãã¾ã™ã€‚ã¤ã¾ã‚ŠOpenFLã‚’ä½¿ãˆã°ãƒ¯ãƒ³ã‚½ãƒ¼ã‚¹ã§ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã‚’å®Ÿç¾ã§ãã‚‹ã®ã§ã™ã€‚ä»Šå›žã¯OpenFLã‹ã‚‰HTML5ã¨Flashã‚’å‡ºåŠ›ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã‚¯ãƒã‚¹
coolworld 2014/01/31
ã‚‚ã†ãã‚ãã‚å®šç•ªã®æ‰‹æ³•ãŒå›ºã¾ã‚‰ãªã„ã‚‚ã®ã‹

html5

Flash
ãƒªãƒ³ã‚¯
ï½¢ã‚¹ãƒ¼ãƒ‘ãƒ¼ãƒžãƒªã‚ªãƒ–ãƒ©ã‚¶ãƒ¼ã‚ºï½£ã‚’HTML5ã§å®Œå…¨ã«å†ç¾ã—ãŸã‚µã‚¤ãƒˆï½¢Full Screen Marioï½£ | æ°—ã«ãªã‚‹ã€è¨˜ã«ãªã‚‹â€¦
ï½¢ã‚¹ãƒ¼ãƒ‘ãƒ¼ãƒžãƒªã‚ªãƒ–ãƒ©ã‚¶ãƒ¼ã‚ºï½£ã‚’HTML5ã§å®Œå…¨ã«å†ç¾ã—ãŸã‚µã‚¤ãƒˆï½¢Full Screen Marioï½£ 2013 10/16 TNWã«ã‚ˆã‚‹ã¨ã€ãƒ•ã‚¡ãƒŸã‚³ãƒ³ã§äººæ°—ã®ï½¢ã‚¹ãƒ¼ãƒ‘ãƒ¼ãƒžãƒªã‚ªãƒ–ãƒ©ã‚¶ãƒ¼ã‚ºï½£ã‚’HTML5ã§å®Œå…¨ã«å†ç¾ã—ãŸã‚µã‚¤ãƒˆï½¢Full Screen Marioï½£ãŒå…¬é–‹ã•ã‚ŒãŸãã†ã§ã™ã€‚ è‘—ä½œæ¨©çš„ã«å•é¡Œã‚ã‚Šã§ã™ãŒã€å®Ÿéš›ã«ã‚ãƒ¼ãƒœãƒ¼ãƒ‰æ“ä½œã§ãƒ—ãƒ¬ã‚¤ã™ã‚‹äº‹ãŒå¯èƒ½ã§ã€â€1âˆ’1â€ã ã‘ã‹ã¨æ€ã„ãã‚„â€8-4â€ã¾ã§ã®å…¨ã¦ã®é¢ãŒãƒ—ãƒ¬ã‚¤å¯èƒ½ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ãƒžãƒƒãƒ—ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã‚‚ç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€è‡ªåˆ†ã§ãƒžãƒƒãƒ—ã‚’ä½œã‚‹äº‹ã‚‚å¯èƒ½ã§ã€æ“ä½œé¢ã§ã¯Bãƒ€ãƒƒã‚·ãƒ¥ã¯Shiftã‚ãƒ¼ã‚’æŠ¼ã—ãªãŒã‚‰å‹•ã‹ã™ã¨å¯èƒ½ã§ã€ã‚¸ãƒ£ãƒ³ãƒ—ã¯åå—ã‚ãƒ¼ã®ä¸Šã‹ã‚¹ãƒšãƒ¼ã‚¹ã‚ãƒ¼ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ãƒ»Full Screen Mario ã€è¿½è¨˜ã€‘ Google Chromeã®ã¿ã®ã‚µãƒãƒ¼ãƒˆã¨ãªã‚‹ã‚ˆã†ã§ã™ã€‚
coolworld 2013/10/16
ã“ã‚Œã¯ã™ã”ã„

html5
ãƒªãƒ³ã‚¯
Google Web Designer - Home
Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different
coolworld 2013/10/01
HTML5

web

ã‚ã¨ã§ã¿ã‚‹
ãƒªãƒ³ã‚¯
HTML5 Canvasã¨CSS3ã®ã‚¹ãƒžãƒ›ãƒ–ãƒ©ã‚¦ã‚¶ã§ã®æç”»æ€§èƒ½ - ICS MEDIA
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã©ã®ç¨‹åº¦ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯è¡¨ç¾ãŒå¯èƒ½ãªã®ã‹ã€æ€§èƒ½ãŒæ°—ã«ãªã‚Šã¾ã›ã‚“ã‹ï¼Ÿã€€è¿‘å¹´ã€HTML5ã‚’åˆ©ç”¨ã§ãã‚‹åˆ†é‡Žã¯ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ã¿ãªã‚‰ãšã€ã‚²ãƒ¼ãƒ ã‚„SPAï¼ˆã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ï¼‰ãªã©å¤šå²ã«æ¸¡ã£ã¦ã„ã¾ã™ã€‚ãã“ã§ã€æœ¬è¨˜äº‹ã§ã¯iOSã‚„Androidã®æ–°æ—§ã•ã¾ã–ã¾ãªç«¯æœ«ã‚’ä½¿ã£ã¦ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æ¤œè¨¼ã€‚è¨˜äº‹ã®å‰åŠã§ã¯æç”»æ€§èƒ½ã‚’ã€å¾ŒåŠã§ã¯JavaScriptã®è¨ˆç®—æ€§èƒ½ã‚’æ¸¬å®šã—ã¦ã„ã¾ã™ã€‚ æç”»æ€§èƒ½ã®æ¤œè¨¼ãƒ“ãƒ‡ã‚ªã‚’ã”è¦§ãã ã•ã„ ã•ã¾ã–ã¾ãªç«¯æœ«ã‚’ä½¿ã£ã¦ã€æç”»æ¤œè¨¼ã®æ§˜åã‚’éŒ²ç”»ã—ã¾ã—ãŸã€‚ã“ã®80ç§’ã®å‹•ç”»ã§ã¯ç”»åƒã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®è¡¨ç¤ºå¯èƒ½ãªå€‹æ•°ã‚’æ¸¬å®šã—ã¦ã„ã¾ã™ã€‚ãƒ“ãƒ‡ã‚ªã®å¾ŒåŠãŒè¦‹ã©ã“ã‚ã§ã€iPhone 5ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãŒè‰¯ã™ãŽã¦ãƒ“ãƒ‡ã‚ªã‚’æ—©é€ã‚Šã™ã‚‹ã»ã©ã‚¹ã‚³ã‚¢ãŒã§ã‚‹ã¾ã§æ™‚é–“ãŒã‹ã‹ã£ã¦ã„ã¾ã™ã€‚ ã•ã¾ã–ã¾ãªç«¯æœ«ã®ã‚¹ã‚³ã‚¢ã‚’æ¸¬å®šã—ã¾ã—ãŸ æ¬¡ã®è¡¨ã«ã€2012å¹´ã¾ã§ã«ç™ºå£²ã•ã‚ŒãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã‚¹ã‚³ã‚¢ã‚’æŽ²è¼‰ã—ã¾ã—ãŸã€‚
coolworld 2013/05/28
html5

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
è„±Flashï¼ç´ äººã§ã‚‚ç°¡å˜ã«HTML5ã‚¢ãƒ‹ãƒ¡ãŒä½œæˆã§ãã‚‹Macã‚¢ãƒ—ãƒªã€ŒHypeã€ã‚’ä½¿ã£ã¦ã¿ãŸã€‚ãªã«ã“ã‚Œè¶…æ¥½ã—ã„ï¼
Webåˆ¶ä½œã«æºã‚ã£ã¦ã„ã‚‹ã¨é ã‚’æ‚©ã¾ã›ã‚‹é …ç›®ã®ä¸€ã¤ãŒã€ŒFlashã€ã¸ã®å¯¾å¿œã€‚ å‹•ãã®ã‚ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä½œæˆã™ã‚‹ã«ã¯ã‚„ã¯ã‚Šã¾ã ã¾ã FlashãŒä¾¿åˆ©ãªã‚ã‘ã§ã™ãŒã€iPhoneã‚’ã¯ã˜ã‚ã¨ã™ã‚‹iOSã§ã¯å†ç”Ÿã§ããªã„ï¼ˆä¸€éƒ¨å†ç”Ÿã§ãã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã‚¢ãƒ—ãƒªã¯ã‚ã‚Šã¾ã™ãŒï¼‰ã®ã§ã€å›°ã£ãŸå›°ã£ãŸãªã®ã§ã™ã€‚ ãã“ã§æ¬¡ä»£ã‚’æ‹…ã†ï¼ˆã§ã‚ã‚ã†ï¼‰ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒHTML5ã‚’ä½¿ç”¨ã—ãŸãƒ ãƒ¼ãƒ“ãƒ¼ã€‚ å…ˆæ—¥ã‚‚ã€ã€ŒForm Follows Functionã€ã¨è¨€ã†HTML5ã§ä½œã‚‰ã‚ŒãŸã€å‹•ãã®ã‚ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç´¹ä»‹ã—ãŸWebãƒšãƒ¼ã‚¸ã‚’ã”ç´¹ä»‹ã—ãŸã°ã‹ã‚Šã§ã™ãŒã€ã“ã“ã¾ã§è¤‡é›‘ãªã‚‚ã®ã¯å‡ºæ¥ãªãã¨ã‚‚ã€ç§ã®ã‚ˆã†ãªåˆå¿ƒè€…ã§ã‚‚è¶…ç°¡å˜ã«HTML5ã‚¢ãƒ‹ãƒ¡ãŒä½œã‚Œã‚‹ã¨å™‚ã®Macã‚¢ãƒ—ãƒªã€Hypeã‚’DLã—ã¦ä½¿ã£ã¦ã¿ã¾ã—ãŸã€‚ ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã‚’ä½¿ã£ã¦ç°¡å˜ã«HTML5ã‚¢ãƒ‹ãƒ¡ã‚’ä½œã‚Œã‚‹ï¼ èµ·å‹•ã€‚ Welcome to UNDERGROUNDâ€¦ ã€ŒWatch Getting Started Vi
coolworld 2013/02/06
html5

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
CSSã®ã¿ã§ãƒ†ã‚ã‚¹ãƒˆã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ãƒªãƒ•ãƒ¬ã‚¯ãƒˆã‚’ã‹ã‘ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼ˆã¡ã‚‡ã£ã¨æ›´æ–°ï¼‰ - ãã‚‰ã’ã ã‚‰ã‘
å‰å›žã¯iOS5ã®Mobile Safariã‹ã‚‰ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸHTML5ãƒ»CSSã«ã¤ã„ã¦å‰ç·¨ã¨å¾Œç·¨ã«åˆ†ã‘ã¦ã”ç´¹ä»‹ã—ã¾ã—ãŸãŒã€ãã®ãªã‹ã§èª¬æ˜Žã—ã¦ã„ãªã„å°ã•ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦å°‘ã—ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã¯CSSã§ãƒ†ã‚ã‚¹ãƒˆã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‹ã‘ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦ã§ã™ã€‚ å‰å›žã®Web App Demoã§ã¯ãƒ•ãƒƒã‚¿ãƒ¼ã‚¿ãƒ–ã«ç‰¹æ®ŠãªWebFontã‚’ä½¿ã£ã¦ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¡¨ç¤ºã•ã›ã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã—ãŸãŒã€ã‚¿ãƒ–ãŒActiveã®ã¨ãã«è‰²ãŒå¤‰ã‚ã£ã¦ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã‹ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã“ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆåŠ¹æžœã¯CSSã§ãƒ†ã‚ã‚¹ãƒˆã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‹ã‘ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã¤ã‹ã£ã¦ã‚„ã£ã¦ã„ã¾ã™ã€‚ é€šå¸¸ã€CSSã§ãƒ†ã‚ã‚¹ãƒˆã‚«ãƒ©ãƒ¼ï¼ˆcolorãƒ—ãƒãƒ‘ãƒ†ã‚£ï¼‰ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æŒ‡å®šã™ã‚‹ã“ã¨ã¯ã§ãã¾ã›ã‚“ãŒã€Œ:afterã€æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã‚„ã€Œmask-imageã€ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’çµ„ã¿åˆã‚ã›ã¦ä½¿ã†ã“ã¨ã§ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚ˆã†ãªè¡¨ç¾ã‚’ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚å…·ä½“
coolworld 2011/11/14
CSS

html5
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®æ´å²ã‚’å¹´ä»£åˆ¥ã«ã”ç´¹ä»‹ã—ã¾ã™ã€‚ãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®æˆé•·ã¨ä»Šå¾Œã«ã¤ã„ã¦è©³ã—ãè§£èª¬ã—ã¦ã„ãã¾ã™ã€‚
ãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ç‰©å‡„ã„å‹¢ã„ã§å‹ƒèˆˆã—ãŸãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ æ¥ç•Œã¯ã€ã„ã‚ã„ã‚ãªèª²é¡Œã‚„å•é¡Œã«ç›´é¢ã—ãªãŒã‚‰ã‚‚å·¨å¤§åŒ–ã—ã€ä»Šæ—¥ã®æ™‚ç‚¹ã§ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚²ãƒ¼ãƒ ã®å¸‚å ´ã¸ã¨ç¶™æ‰¿ã•ã‚Œã¦ã„ãã¾ã™ã€‚ ãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®æ´å² 2001 Javaã‚¢ãƒ—ãƒªã¨3Dã‚²ãƒ¼ãƒ ã®ç™»å ´ JavaãŒåˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã“ã¨ã«ã‚ˆã‚Šã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰åž‹ã®ã‚²ãƒ¼ãƒ ãŒä¾›çµ¦ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ 2002 æºå¸¯é›»è©±ç«¯æœ«ã®å¤§å®¹é‡åŒ–ãƒ»3DåŒ–ç«¶äº‰ Javaæè¼‰æºå¸¯é›»è©±ç«¯æœ«ãŒç™»å ´ã—ã¦ã‹ã‚‰ã”ãåƒ…ã‹1å¹´ã®é–“ã«ã€ã‚¢ãƒ—ãƒªã®ã‚µã‚¤ã‚ºã«é–¢ã—ã¦ã¯10å€ã«åºƒå¤§åŒ–ã—ã€è¡¨ç¾æ–¹æ³•ã‚‚2Dã‹ã‚‰3Dã«ã‚·ãƒ•ãƒˆã—å§‹ã‚ã¾ã—ãŸã€‚J-PHONEã¯ã€Žã‚¼ãƒ“ã‚¦ã‚¹ã€ã‚„ã€Žã‚¹ãƒšãƒ¼ã‚¹ãƒãƒªã‚¢ãƒ¼ã€ãªã©ã¨ã„ã£ãŸæ˜”ã®ã‚¢ãƒ¼ã‚±ãƒ¼ãƒ‰ã‚²ãƒ¼ãƒ ã‚’ã€ãƒ‰ã‚³ãƒ¢ã¯SIMCITYãªã©ãƒ‘ã‚½ã‚³ãƒ³ã§ä¸–ç•Œçš„è¦æ¨¡ã®ãƒ’ãƒƒãƒˆã‚’é£›ã°ã—ãŸã‚²ãƒ¼ãƒ ã‚’ä¸»åŠ›å•†å“ã¨ã—ã¦ã„ã¾ã—ãŸã€‚ 2003 ãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®ä¸€èˆ¬åŒ– ãƒ¡ãƒ¢ãƒªã®åˆ¶é™ãŒåŽ³ã—ã„Javaä»®æƒ³ãƒžã‚·ãƒ³ä¸Šã§ã¯ãªãã€OS
coolworld 2011/11/06
javascript

html5
ãƒªãƒ³ã‚¯
ã„ã¾ã•ã‚‰èžã‘ãªã„ï¼žï¼œï¼› åŸºç¤Žã‹ã‚‰å¦ã¶ã€ŒHTML5ã€è¶…å…¥é–€ï¼
HTML5 æ—‹é¢¨ã€å¹ãè’ã‚Œã¦ã¾ã™ãï¼(^0^)ï¼ ã•ã¦ã€ã‚‚ã®ã™ã”ãçªç„¶ã§æç¸®ã§ã™ãŒã€ã“ã®åº¦ã€ŒHTMLãƒ•ã‚¡ã‚¤éƒ¨ã€ã€è¨ç«‹ã—ã¾ã—ãŸï¼ æ ªå¼ä¼šç¤¾ã‚«ãƒ¤ãƒƒã‚¯ï¼ˆæœ¬ç¤¾ï¼šç¥žå¥ˆå·çœŒéŽŒå€‰å¸‚ã€ ä»£è¡¨å–ç· å½¹CEOï¼šæŸ³æ¾¤å¤§è¼”ã€http://www.kayac.comä»¥ä¸‹ã€Œã‚«ãƒ¤ãƒƒã‚¯ã€ï¼‰ã¯ã€HTMLï¼‹CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€JavaScriptÂ ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’æ‹…å½“ã™ã‚‹è·ç¨®ãŒæ‰€å±žã™ã‚‹ã€ŒHTMLãƒ•ã‚¡ã‚¤éƒ¨ã€ã‚’ç™ºè¶³ã„ãŸã—ã¾ã™ã€‚ ã“ã‚Œã¾ã§HTMLãŠã‚ˆã³CSSã€JavaScriptã®æ‹…å½“è€…ã¯ã€ãƒ—ãƒã‚°ãƒ©ãƒžãŒæ‰€å±žã™ã‚‹æŠ€è¡“éƒ¨ã€ãƒ‡ã‚¶ã‚¤ãƒŠãŒæ‰€å±žã™ã‚‹æ„åŒ éƒ¨MEèª²ï¼ˆMEã¯Markup Engineerã®ç•¥ï¼‰ã«åˆ†ã‹ã‚Œã¦æ‰€å±žã—ã¦ã„ã¾ã—ãŸãŒã€æ˜¨ä»Šã®HTML5ã®é€²åŒ–ã¨æ™®åŠã‚’å—ã‘ã¦ã€HTMLã€CSSã€JavaScriptã®æ‹…å½“è€…ã¯ã€ŒHTMLãƒ•ã‚¡ã‚¤éƒ¨ã€ã«ã¦æ´»å‹•ã‚’ã‚¹ã‚¿ãƒ¼ãƒˆã—ã¾ã™ã€‚ ãã‚“ãªHTMLãƒ•ã‚¡ã‚¤éƒ¨å“¡ãŒä»Šå›žãŠé€ã‚Šã•ã›ã¦ã„ãŸã ãã®ã¯ã€ HTML5 ã«ã¤ã„ã¦åŸºç¤Žã‹ã‚‰
coolworld 2011/09/16
javascript

html5
ãƒªãƒ³ã‚¯
1