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

dorokei id:dorokei

HTML5ã«é–¢ã™ã‚‹dorokeiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

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

ãªãœ Web Components ã¯ã‚¦ã‚§ãƒ–é–‹ç™ºã«é©å‘½ã‚’èµ·ã“ã™ã®ã‹
ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«é–¢ã‚ã‚‹æ–¹ãªã‚‰ã€ã‚‚ã† Web Components ã¨ã„ã† è¨€è‘‰ã‚’å…¨ãè´ã„ãŸã“ã¨ãŒãªã„æ–¹ã¯å°‘ãªã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã‹ã€‚ ã™ã§ã«é–¢é€£è¨˜äº‹ã‚‚æ•°å¤šãå‡ºå›žã£ã¦ãŠã‚Šã€å®Ÿéš›ã«è§¦ã‚Šå§‹ã‚ã¦ã„ã‚‹æ–¹ã‚‚å¤šã„ã¨æ€ã„ã¾ã™ã€‚ã—ã‹ ã—ã€ãªãœã“ã‚ŒãŒé©å‘½çš„æŠ€è¡“ãªã®ã‹ã€å‘¨å›²ã®äººã«ç°¡æ½”ã«èª¬æ˜Žã§ãã‚‹æ–¹ã¯ã©ã‚Œãã‚‰ã„ã„ã‚‹ã§ ã—ã‚‡ã†ã‹ï¼Ÿã“ã®è¨˜äº‹ã§ã¯ã€ãã‚Œã‚’è©¦ã¿ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ‡ã‚¸ã‚¿ãƒ«éƒ¨å“ã®æµé€šé©å‘½ # ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢éƒ¨å“ã®æµé€šã«ä»Šã€å¤§ããªå¤‰åŒ–ãŒèµ·ãã¦ãã¦ã„ã¾ã™ã€‚ æ•°å¹´å‰ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ç’°å¢ƒã‚’è¦šãˆã¦ã„ã‚‹ã§ã—ã‚‡ã†ã‹ï¼Ÿãƒ¬ãƒã‚¸ãƒˆãƒªã¯é›†ä¸ç®¡ç†åž‹ã® subversionã€ãƒªãƒªãƒ¼ã‚¹ã¯ zipã€ãƒ†ã‚¹ãƒˆã¯æ‰‹å‹•ã€‚Issue ã®ç™»éŒ²ã‚‚ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã”ã¨ã«ã“ã¨ãª ã‚‹ãƒã‚°ç®¡ç†ã‚·ã‚¹ãƒ†ãƒ ãŒä½¿ã‚ã‚Œã¦ã„ãŸãŸã‚ã€ã¨ã£ã¤ãã¥ã‚‰ã‹ã£ãŸã§ã—ã‚‡ã†ã—ã€ãƒ‘ãƒƒãƒã‚’é€ã‚‹ ã®ã‚‚é¢å€’ã§ã—ãŸã€‚ ãã‚“ãªã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã‚’å–ã‚Šå·»ãç’°å¢ƒãŒã€git ã‚„ GitH
dorokei 2014/05/20
é–‹ç™º

web

html

html5

jQuery
ãƒªãƒ³ã‚¯
ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§å®Ÿè£…ã™ã‚‹ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¹ã‚¯ãƒãƒ¼ãƒ« | ã‚³ãƒªã‚¹
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹=ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¨æ€ã£ã¦ã„ãŸã®ã§ã™ãŒã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆç„¡ã—ã§ã‚‚å®Ÿè£…ã§ãã‚‹ã‚“ã§ã™ãã€‚ ä»Šå¾Œã€å®Ÿè£…æ–¹æ³•ãŒã¾ã™ã¾ã™é€²åŒ–ã—ãã†ã§ã™ã€‚ å®Ÿè£…æ–¹æ³•ã‚’ç°¡å˜ã«ç´¹ä»‹ã—ã¾ã™ã€‚ HTML ãƒ‡ãƒ¢ã®HTMLã‚’ã‚·ãƒ³ãƒ—ãƒ«ã«ã™ã‚‹ã¨ã“ã‚“ãªæ„Ÿã˜ã«ãªã‚Šã¾ã™ã€‚ å„ã‚¹ãƒ©ã‚¤ãƒ‰ã¯divã§é…ç½®ã—ã€ãã‚Œãžã‚Œclassã«slideã‚’ã€idã§å€‹åˆ¥ã®åç§°ã‚’ä»˜ä¸Žã—ã¾ã™ã€‚ <div id="title" class="slide header"> <h1>Pure CSS Parallax</h1> </div> <div id="slide1" class="slide"> <div class="title"> <h1>Slide 1</h1> <p>ãƒ‘ãƒ©ã‚°ãƒ©ãƒ•ã€€ãƒ‘ãƒ©ã‚°ãƒ©ãƒ•</p> </div> </div> <div id="slide2" class="slide"> <div class="title"> <h1>Slide 2</h1
dorokei 2014/01/23
css

html

HTML5
ãƒªãƒ³ã‚¯
èƒŒæ™¯å›ºå®šã§ç¾Žã—ã„ãƒ–ãƒ©ãƒ¼ãŒã‹ã‹ã£ãŸåŠé€æ˜Žã®ãƒ‘ãƒãƒ«ã ã‘ãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ | ã‚³ãƒªã‚¹
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã§èƒŒæ™¯ç”»åƒã¯å›ºå®šè¡¨ç¤ºã€ç¾Žã—ã„ãƒ–ãƒ©ãƒ¼ãŒã‹ã‹ã£ãŸåŠé€æ˜Žã®ãƒ‘ãƒãƒ«ã ã‘ãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æœ€ä½Žé™ã®è¦ç´ ã«ã—ãŸãƒ‡ãƒ¢ å®Ÿè£…ã¯ã€ã“ã‚“ãªæ„Ÿã˜ã«ãªã‚Šã¾ã™ã€‚ HTML ãƒ‘ãƒãƒ«ã¯articleè¦ç´ ã§å®Ÿè£…ã—ã¾ã™ã€‚ä¸èº«ã¯ãƒ†ã‚ã‚¹ãƒˆã§ã‚‚ç”»åƒã§ã‚‚ãƒ•ã‚©ãƒ¼ãƒ ã§ã‚‚ä½•ã§ã‚‚OKã€‚ <body> <article> <h1>åŠé€æ˜Žã®ç¾Žã—ã„ãƒ‘ãƒãƒ«</h1> <p>æ´‹é…’ã¨ã„ãˆã°ã€èª°ã§ã‚‚æœ€åˆã«æ€ã„æµ®ã‹ã¹ã‚‹ã®ãŒã‚¦ã‚¤ã‚¹ã‚ãƒ¼ã€‚ã„ã‚ã°æ´‹é…’ã®ã‚·ãƒ³ãƒœãƒ«çš„ãªå˜åœ¨ãªã®ã ãŒã€è‹±èªžè¡¨è¨˜ãŒï¼»ä¸€èˆ¬ã«ã€”ç±³ã€•ã§ã¯ Whiskey,ã€”è‹±ã€•ã§ã¯ Whisky.ï¼½ã§ã‚ã‚‹ã“ã¨ã¯ã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ãªã„ã€‚ç±³è‹±ä¸¡å›½ã§ã¯ã€ã“ã®ã‚¹ãƒšãƒ«ã®å·®ã§è‡ªå›½ç”£ã¨è¼¸å…¥å“ã‚’åŒºåˆ¥ã—ã¦ã„ã‚‹ã¨ã„ã†ã€‚ã‚ãŒå’Œè£½ã‚¦ã‚¤ã‚¹ã‚ãƒ¼ã®â€œWhiskyâ€ã¨ã„ã†è‹±å›½å¼è¡¨ç¤ºã¯ã€æ‰‹æœ¬ã«ã—ãŸã‚¹ã‚³ãƒƒãƒã®ãƒ•ã‚©ãƒ«ãƒ ã«å€£ã£ãŸã‚‚ã®ã§ã‚ã‚Šã€ãã‚Œä»¥ä¸Šã®æ„å‘³ã¯ãªã„ã‚ˆã†ã ã€‚ã‚«ãƒŠè¡¨è¨˜ã«ã—ã¦ã‚‚ã€ã”
dorokei 2013/11/11
css

CSS3

HTML5

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
é€£è¼‰ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã€ŒiPhoneã§å‹•ã‹ã™æ¥å‹™ç”¨Webã‚¢ãƒ—ãƒªé–‹ç™ºå…¥é–€ã€ - ï¼ IT
æ¥å‹™ç”¨ã‚¢ãƒ—ãƒªã®iPhoneå¯¾å¿œçµŒé¨“ã‚’åŸºã«ã€iPhoneã§å‹•ã‹ã™ãŸã‚ã®ã€æ¥å‹™ã§ä½¿ãˆã‚‹Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã™ã‚‹ã¨ãã®ã‚³ãƒ„ã‚’ç´¹ä»‹ã—ã¾ã™ Webã‚¢ãƒ—ãƒªã‚’iPhoneã£ã½ãã™ã‚‹ãŸã‚ã®5ã¤ã®ãƒã‚¤ãƒ³ãƒˆ iPhoneã§å‹•ã‹ã™æ¥å‹™ç”¨Webã‚¢ãƒ—ãƒªé–‹ç™ºå…¥é–€ï¼ˆ1ï¼‰ã€€æ¥å‹™ç”¨iPhoneã‚¢ãƒ—ãƒªã¯ã€ãªãœãƒã‚¤ãƒ†ã‚£ãƒ–ã§ã¯ãªãWebãŒè‰¯ã„ã®ã‹ï¼Ÿ iPhoneã£ã½ã„è¦‹ãŸç›®ã®é‡è¦æ€§ã¨ã¨ã‚‚ã«è§£èª¬ã—ã¾ã™
dorokei 2012/08/30
iphone

HTML5

webã‚¢ãƒ—ãƒª
ãƒªãƒ³ã‚¯
html5ã§ã‚¢ãƒ—ãƒªã®å£ã‚’è¶…ãˆã‚‹æ–¹æ³•
åˆ¶é™ åŒæ™‚ã«å†ç”Ÿã§ãã‚‹éŸ³æºã¯1ãƒ•ã‚¡ã‚¤ãƒ«ã®ã¿ å†ç”Ÿã§ãã‚‹ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã¯ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ™ãƒ³ãƒˆã®ãƒãƒ³ãƒ‰ãƒ©å†…ã ã‘ ãƒ—ãƒªãƒãƒ¼ãƒ‰ä¸å¯ OSè‡ªä½“ã®ã‚µã‚¤ãƒ¬ãƒ³ãƒˆãƒ¢ãƒ¼ãƒ‰ã¨é€£å‹•ã›ãš BGMã‚’æµã™ã ã‘ãªã‚‰ã“ã‚“ãªæ–¹æ³•ã‚‚ $('<div>BGMã‚’å†ç”Ÿã—ã¾ã™ã‹ï¼Ÿ</div>').appendTo('body').click(function () { $(this).remove(); (new Audio('bgm.mp3')).play(); }); $('body').on('click', 'a', function (e) { e.preventDefault(); $.get($(this).attr('href')).success(function (html) { $('body').html(''); $('body').append($(html).find('body')); }) });
dorokei 2012/08/23
html

javascript

HTML5

Android
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

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

å…¬å¼Twitter

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

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

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

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

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

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

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

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

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

ã‚¿ã‚°

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

HTML5ã«é–¢ã™ã‚‹dorokeiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

ãŠçŸ¥ã‚‰ã›

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

ã€Œã‚ã¨ã§èªã‚€ã€ã‚¿ã‚°ã§æŒ¯ã‚Šè¿”ã‚‹2024å¹´ ã€œä»Šå¹´ã®ã€Œã‚ã¨ã§èªã‚€ã€ã€ä»Šå¹´ã®ã†ã¡ã«ã€œ

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

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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

ã‚¿ã‚°

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

HTML5ã«é–¢ã™ã‚‹dorokeiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

ãªãœ Web Components ã¯ã‚¦ã‚§ãƒ–é–‹ç™ºã«é©å‘½ã‚’èµ·ã“ã™ã®ã‹

ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§å®Ÿè£…ã™ã‚‹ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¹ã‚¯ãƒ­ãƒ¼ãƒ« | ã‚³ãƒªã‚¹

èƒŒæ™¯å›ºå®šã§ç¾Žã—ã„ãƒ–ãƒ©ãƒ¼ãŒã‹ã‹ã£ãŸåŠé€æ˜Žã®ãƒ‘ãƒãƒ«ã ã‘ãŒã‚¹ã‚¯ãƒ­ãƒ¼ãƒ«ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ | ã‚³ãƒªã‚¹

é€£è¼‰ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã€ŒiPhoneã§å‹•ã‹ã™æ¥­å‹™ç”¨Webã‚¢ãƒ—ãƒªé–‹ç™ºå…¥é–€ã€ - ï¼ IT

html5ã§ã‚¢ãƒ—ãƒªã®å£ã‚’è¶…ãˆã‚‹æ–¹æ³•

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

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

ã€Œã‚ã¨ã§èª­ã‚€ã€ã‚¿ã‚°ã§æŒ¯ã‚Šè¿”ã‚‹2024å¹´ ã€œä»Šå¹´ã®ã€Œã‚ã¨ã§èª­ã‚€ã€ã€ä»Šå¹´ã®ã†ã¡ã«ã€œ

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

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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

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

HTML5ã«é–¢ã™ã‚‹dorokeiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

ãªãœ Web Components ã¯ã‚¦ã‚§ãƒ–é–‹ç™ºã«é©å‘½ã‚’èµ·ã“ã™ã®ã‹

ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§å®Ÿè£…ã™ã‚‹ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¹ã‚¯ãƒãƒ¼ãƒ« | ã‚³ãƒªã‚¹

èƒŒæ™¯å›ºå®šã§ç¾Žã—ã„ãƒ–ãƒ©ãƒ¼ãŒã‹ã‹ã£ãŸåŠé€æ˜Žã®ãƒ‘ãƒãƒ«ã ã‘ãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ | ã‚³ãƒªã‚¹

é€£è¼‰ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã€ŒiPhoneã§å‹•ã‹ã™æ¥å‹™ç”¨Webã‚¢ãƒ—ãƒªé–‹ç™ºå…¥é–€ã€ - ï¼ IT

html5ã§ã‚¢ãƒ—ãƒªã®å£ã‚’è¶…ãˆã‚‹æ–¹æ³•

ãŠçŸ¥ã‚‰ã›

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

ã€Œã‚ã¨ã§èªã‚€ã€ã‚¿ã‚°ã§æŒ¯ã‚Šè¿”ã‚‹2024å¹´ ã€œä»Šå¹´ã®ã€Œã‚ã¨ã§èªã‚€ã€ã€ä»Šå¹´ã®ã†ã¡ã«ã€œ

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

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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