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

syokucyo id:syokucyo

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

iPadã§HTML5ã§Webã‚¢ãƒ—ãƒªã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚
ã“ã‚“ã°ã‚“ã¯ã€‚LatLongLabã®æ²³åˆï¼ˆ@inuroï¼‰ã§ã™ã€‚ ã‚ˆã†ã‚„ãiPadãŒæ—¥æœ¬ã§ã‚‚ç™ºå£²ã•ã‚Œã¾ã—ãŸãã€‚å…¥æ‰‹ã•ã‚ŒãŸæ–¹ã‚‚ãŸãã•ã‚“ã„ã‚‰ã£ã—ã‚ƒã‚‹ã“ã¨ã‹ã¨æ€ã„ã¾ã™ã€‚ ãƒ¤ãƒ•ãƒ¼ã§ã¯ã“ã®iPadå›½å†…ç™ºå£²ã«ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚’åˆã‚ã›ã€Yahoo!ãƒ©ãƒœã§ã€Œyubichizã€ã¨ã„ã†iPadå°‚ç”¨ã®åœ°å›³Webã‚¢ãƒ—ãƒªã‚’å…¬é–‹ã—ã¾ã—ãŸã€‚ Yahoo!ãƒ©ãƒœ - yubichizï¼ˆã‚†ã³ã¡ãšï¼‰ è©³ã—ã„æ©Ÿèƒ½ã¯ãƒªãƒ³ã‚¯å…ˆãƒšãƒ¼ã‚¸ã‚’è¦‹ã¦ã„ãŸã ãã¨ã—ã¦ã€ åœ°å›³ã«æ›¸ã‹ã‚ŒãŸæ–‡å—ï¼ˆå¤§å¡šå®¶å…·ã€ã¨ã‹ç´€ä¼Šåœ‹å±‹æ›¸åº—ã€ã¨ã‹ï¼‰ã‚’ã‚¿ãƒƒãƒ—ã™ã‚‹ã ã‘ã§ãã®åº—èˆ—ã®è©³ç´°æƒ…å ±ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ åœ°å›³ã‚’æŒ‡ã§ãªãžã‚‹ã ã‘ã§ã€ãªãžã£ãŸãƒ©ã‚¤ãƒ³ã®è·é›¢ã‚’æ¸¬å®šã§ãã¾ã™ åŒæ§˜ã«åœ°å›³ã‚’æŒ‡ã§ãªãžã‚‹ã ã‘ã§ã€é“æ²¿ã„ã®ãŠåº—ã‚’æ¤œç´¢ã§ãã¾ã™ ã¨ã„ã£ãŸç‰¹å¾´ãŒã‚ã‚Šã¾ã™ã€‚ ã¾ãŸyubichizã¯ã€App Storeã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã„ã‚ã‚†ã‚‹ã€Œã‚¢ãƒ—ãƒªã€ã§ã¯ãªãã€HTML5ã‚’ç”¨ã„ã¦iPadã®Safariä¸Šã§å‹•ä½œã™ã‚‹W
syokucyo 2010/06/17
ipad

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

HTML5

web
ãƒªãƒ³ã‚¯
html5doctor - HTML5.JP
ã‚µã‚¤ãƒˆå†…æ¤œç´¢ html5doctor ( http://html5doctor.com/ )ã¨ã¯ã€Richard Clark æ°ã€Bruce Lawson æ°ã€Jack Osborne æ°ã€Mike Robinson æ°ã€Remy Sharp æ°ã€Tom Leadbetter æ°ã¨ã„ã£ãŸ HTML5 ã«é–¢ã—ã¦è‘—åãªæ–¹ã€…ãŒå…±åŒã§é‹å–¶ã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã§ã™ã€‚<html>5doctor ã¯ã€HTML5 ã‚’ä½¿ãŠã†ã¨ã™ã‚‹äººã«ã€ã•ã¾ã–ã¾ãªãƒªã‚½ãƒ¼ã‚¹ã‚’æä¾›ã™ã‚‹ã“ã¨ã‚’ç›®çš„ã¨ã—ã¦é‹å–¶ã•ã‚Œã¦ã„ã‚‹ã‚µã‚¤ãƒˆã§ã™ã€‚ã“ã®ã‚µã‚¤ãƒˆã§æŽ²è¼‰ã•ã‚Œã¦ã„ã‚‹è¨˜äº‹ã¯ã€HTML5 ã‚’ç¿’å¾—ã™ã‚‹ä¸Šã§ã€éžå¸¸ã«æœ‰ç›Šãªã‚‚ã®ã°ã‹ã‚Šã§ã™ã€‚ç‰¹ã«ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã«é–¢ã™ã‚‹è¨˜äº‹ãŒå……å®Ÿã—ã¦ã„ã¾ã™ã€‚ HTML5.JP ã§ã¯ã€html5doctor ã®è¨±å¯ã‚’é ‚ãã€è¨˜äº‹ã‚¢ãƒ¼ã‚«ã‚¤ãƒ–ã®æ—¥æœ¬èªžè¨³ã‚’æŽ²è¼‰ã—ã¾ã—ãŸã®ã§ã€ãœã²ã€HTML5 ã®ç†è§£ã«ãŠå½¹ç«‹ã¦ãã ã•ã„ã€‚ ä¸€éƒ¨ã€ç›´è¨³ã§ã¯ãªãæ„è¨³
syokucyo 2010/03/29
html5

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
HTML5å…¥é–€ï¼šã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å®Ÿè£…æ–¹æ³•ï¼“ç¨®
HTML5ãƒ»CSS3ã®ã‚ˆã†ãªæ–°ã—ã„æŠ€è¡“ã®å•é¡Œç‚¹ã¯ã€HTML4ã‚„ã‚‰Flashãªã©ã®æž¯ã‚ŒãŸæŠ€è¡“ã¨é•ã£ã¦ãƒŽã‚¦ãƒã‚¦ãƒ»ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ»ãƒ„ãƒ¼ãƒ«ã¨ã‹ãŒã¾ã ååˆ†ã«ãã‚ã£ã¦ã„ãªã„äº‹ã€‚æ™®åŠã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚‚ã¾ã ã¯ã£ãã‚Šã¨ã—ã¦ã„ãªã„ã“ã®æ®µéšŽã§æ‰‹ã‚’å‡ºã›ãªã„ãƒ»å‡ºã—ã«ãã„ã¨æ„Ÿã˜ã¦ã„ã‚‹äººãŒå¤šã„ã®ã‚‚è‰¯ãç†è§£ã§ãã‚‹ã€‚ ç§ã‹ã‚‰è¦‹ã‚Œã°ã€é€†ã«ã€Œã“ã‚“ãªæ¥½ã—ã„çŠ¶æ³ã¯æ»…å¤šã«ãªã„ã€ã‚ã‘ã§ã€å•†å£²ã«ãªã‚‹ã‹ãªã‚‰ãªã„ã‹ã¯äºŒã®æ¬¡ã«ã—ã¦ã„ã‚ã„ã‚ã¨è©¦ã—ãŸããªã‚‹ã€‚ ä»Šæ—¥ä½œã£ãŸã®ã¯ã€HTML5+CSS3ä¸Šã§å¯èƒ½ã«ãªã‚‹ï¼ˆãŸã ã—ç¾åœ¨ã§ã¯Webkitç‹¬è‡ªã®æ‹¡å¼µã‚’å«ã‚€ï¼‰ï¼“ã¤ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®æ¯”è¼ƒï¼ˆå·¦ã«è²¼ä»˜ã‘ãŸã‚‚ã®ãŒãã‚Œã€Safari/Chromiumã ã¨ã™ã¹ã¦å‹•ãã€‚Firefox/Operaã ã¨DOMã¨Canvasã®ã¿ï¼ˆãŸã ã—åˆ¥ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã§é–‹ã‹ãªã„ã¨CanvasãŒå‹•ã‹ãªã„ãƒ¼ã‚¯ãƒã‚¹ãƒ»ãƒ‰ãƒ¡ã‚¤ãƒ³ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã®ãƒã‚°ã‹ï¼Ÿï¼‰ï¼‰ã€‚ è©³ã—ãã¯ã‚½ãƒ¼ã‚¹ï¼ˆå‚ç…§ï¼‰ã‚’è¦‹ã¦ã„ãŸã ã‘ã‚Œã°
syokucyo 2009/11/18
html5

JavaScript
ãƒªãƒ³ã‚¯
https://css-tricks.com/examples/CleanCode/Beautiful-HTML.png
syokucyo 2009/11/11
html

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

html5
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (8)

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

ãŠçŸ¥ã‚‰ã›

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´2æœˆï¼‰

æ—§ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®Chromeæ‹¡å¼µæ©Ÿèƒ½ã«ã¤ã„ã¦ã®ãŠçŸ¥ã‚‰ã›ã¨æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã”åˆ©ç”¨ã®ãŠé¡˜ã„

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´3æœˆç¬¬1é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (8)

html5ã«é–¢ã™ã‚‹syokucyoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

iPadã§HTML5ã§Webã‚¢ãƒ—ãƒªã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚

html5doctor - HTML5.JP

HTML5å…¥é–€ï¼šã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å®Ÿè£…æ–¹æ³•ï¼“ç¨®

https://css-tricks.com/examples/CleanCode/Beautiful-HTML.png

ãŠçŸ¥ã‚‰ã›

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´2æœˆï¼‰

æ—§ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®Chromeæ‹¡å¼µæ©Ÿèƒ½ã«ã¤ã„ã¦ã®ãŠçŸ¥ã‚‰ã›ã¨æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã”åˆ©ç”¨ã®ãŠé¡˜ã„

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´3æœˆç¬¬1é€±ï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (8)

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

iPadã§HTML5ã§Webã‚¢ãƒ—ãƒªã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚

HTML5å…¥é–€ï¼šã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å®Ÿè£…æ–¹æ³•ï¼“ç¨®

ãŠçŸ¥ã‚‰ã›

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´2æœˆï¼‰

æ—§ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®Chromeæ‹¡å¼µæ©Ÿèƒ½ã«ã¤ã„ã¦ã®ãŠçŸ¥ã‚‰ã›ã¨æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã”åˆ©ç”¨ã®ãŠé¡˜ã„

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´3æœˆç¬¬1é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹