[B! jQuery][HTML] luccafortã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

luccafort id:luccafort

jQueryã¨HTMLã«é–¢ã™ã‚‹luccafortã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

æ‰‹è»½ã«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ï¼ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³Transparency
ã¯ã˜ã‚ã« Transparencyã¯ã€Javascriptã§è¨˜è¿°ã•ã‚ŒãŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã§ã™ã€‚ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã«ã¦æ©Ÿèƒ½ã—ã¾ã™ã€‚ã“ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã¯ä»¥ä¸‹ã®ç‰¹å¾´ã‚’æŒã£ã¦ã„ã¾ã™ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’HTMLã®ä¸€éƒ¨ã¨ã—ã¦è¨˜è¿°ï¼ˆDOMæ§‹é€ å†…ã«è¨˜è¿°ï¼‰ å±žæ€§å€¤ã«åŸºã¥ããƒ‡ãƒ¼ã‚¿ã®çµåˆï¼ˆ<%= foo %>ã‚„{{foo}}ãªã©ã¯ä¸è¦ï¼‰ ç¹°ã‚Šè¿”ã—æ§‹é€ ã®æç”»ï¼ˆãƒ«ãƒ¼ãƒ—å‡¦ç†ã®è¨˜è¿°ä¸è¦ï¼‰ ä¸€èˆ¬çš„ãªJavaScriptãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ï¼ˆUnderscore.jsã€Mustacheã€jQuery Templateãªã©ï¼‰ã§ã¯ã€ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’SCRIPTã‚¿ã‚°å†…ã«è¨˜è¿°ã—ã¾ã™ã€‚ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°æ™‚ã«ã¯ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‹ã‚‰HTMLæ–‡å—åˆ—ã‚’ç”Ÿæˆã—ã¾ã™ã€‚ã“ã‚Œã‚‰ã®ã‚¨ãƒ³ã‚¸ãƒ³ã‚’ä½¿ã£ãŸå ´åˆã€HTMLãƒ•ã‚¡ã‚¤ãƒ«ã‚’ç·¨é›†ã—ãšã‚‰ã‹ã£ãŸã‚Šã€èªã¿è¾¼ã¿ãŒé…ã‚Œã¦ç”»é¢ãŒãƒ–ãƒ¬ã‚‹ã“ã¨ãŒå¤šã€…ã‚ã‚Šã¾ã™ã€‚ ä¸€æ–¹ã§ã€Transparencyã‚’ä½¿ã†ã¨ã€HTMLã‚’ç·¨é›†ã—ã‚„ã™ã„ä¸Šã€ãƒ¬ãƒ³ãƒ€
luccafort 2013/02/26
ã©ã®ç¨‹åº¦ä½¿ãˆã‚‹ã®ï¼Ÿã¨ã„ã†ç´ æœ´ãªç–‘å•ãŒ...ã€‚

jquery

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

html

JavaScript

development

library

DOM
ãƒªãƒ³ã‚¯
7ã¤ã®ã‚µãƒ³ãƒ—ãƒ«ã§jQueryã‚’å¦ã¼ã†ï¼ã€ŒjQueryãŒå…¨ãåˆ†ã‹ã‚‰ãªã„äººã®ãŸã‚ã€ã®è¶…åˆç´šè€…å‘ã‘å…¥é–€è¬›åº§
HOME>jQuery>7ã¤ã®ã‚µãƒ³ãƒ—ãƒ«ã§jQueryã‚’å¦ã¼ã†ï¼ã€ŒjQueryãŒå…¨ãåˆ†ã‹ã‚‰ãªã„äººã®ãŸã‚ã€ã®è¶…åˆç´šè€…å‘ã‘å…¥é–€è¬›åº§ ç´„åŠå¹´å‰ã¾ã§ã€èˆˆå‘³ã¯ã‚ã‚Œã©ã‚‚å…¨ãã‚‚ã£ã¦è§¦ã‚ŒãŸã“ã¨ã®ãªã‹ã£ãŸã€ŒjQueryã€ã€‚ãã‚Œã©ã“ã‚ã‹ã€ã€ŒJavascriptã€ã‚’ã€ŒJavasprictã€ã¨ä½•åº¦ã¨ãªãæ›¸ãé–“é•ãˆã‚‹ç™–ã®ã‚ã£ãŸç§ã€‚ çµå±€ã€ã€Œã‚¹ã‚¯æ°´ã™ã„ã™ã„ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€ã¨èªžå‘‚ã‚’åˆã‚ã›ã‚‹ã“ã¨ã«ã‚ˆã‚Šã‚ˆã†ã‚„ãæ£ã—ã„ç¶´ã‚Šã‚’ãƒžã‚¹ã‚¿ãƒ¼ã—ãŸã‚ã‘ãªã‚“ã§ã™ãŒã€ä»•äº‹ã§æ‰±ã†ã¨è¨€ã†ã“ã¨ã‚‚ã‚ã‚Šå¤šå°‘ã¯jQueryã®ä»•çµ„ã¿ãŒåˆ†ã‹ã£ã¦ããŸä»Šæ—¥ã“ã®é ƒã§ã™ã€‚ ãã‚“ãªã‚ã‘ã§ã€ä»Šå›žã¯ã€ŒjQueryãŒå…¨ãåˆ†ã‹ã‚‰ãªã„äººã®ãŸã‚ã€ã®è¶…åˆç´šè€…å‘ã‘å…¥é–€è¬›åº§ã¨éŠ˜æ‰“ã¡ã¾ã—ã¦ã€jQueryã®åŸºç¤Žã®åŸºç¤Žã‚’å¦ã¶ãŸã‚ã®è¨˜äº‹ã‚’æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ ã¨ã¯è¨€ã£ã¦ã‚‚ã€ŒjQueryã¨ã¯ãªã‚“ãŸã‚‹ã‹ã€ãªã©ã¨ã„ã£ãŸé›£ã—ã„ç†è«–ã‚’è¨˜ã™ã¤ã‚‚ã‚Šã¯ä¸€åˆ‡ã”ã–ã„ã¾ã›ã‚“ã€‚ï¼ˆã£ã¦ã„ã†ã‹ãã‚“ãªå‰ãã†ãªã“ã¨è¨€ãˆã‚‹ç¨‹ä¿®ã‚ã¦ãªã„
luccafort 2012/11/08
JQueryãŒã‚ã‹ã‚‰ãªã„ã¨ã„ã†ã‚ˆã‚Šã¯JSãŒå…¨ãã‚ã‹ã‚‰ãªã„äººå‘ã‘ã˜ã‚ƒãªã„ã‹ãªã¨ã•ã‚‰ã£ã¨ã¿ã¦æ€ã£ãŸã‚Šãªã‚“ã‹ã—ãŸã‚Šã—ãŸã€‚

jquery

ã‚ã¨ã§èªã‚€

ã¾ã¨ã‚

ä»•äº‹

HTML

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒšã‚¢ãƒ—ãƒåˆã‚³ãƒ³å‚åŠ ï¼ãã—ã¦ä¼èª¬ã¸â€¦ - arimoã¤ãã£ãŸãƒ¡ãƒ¢
ã“ã‚“ã«ã¡ã¯ï¼arimoã§ã™ï¼ ã“ã¨ã‚ã‚‹ã”ã¨ã«æŠ±ã£ã“ãƒšã‚¢ãƒ—ãƒã•ã›ã‚ãƒ¼ã¨ã‹ã‚®ãƒ£ãƒ¼ã‚®ãƒ£ãƒ¼ã„ã£ã¦ã‚‹ã®ã§ã€ãƒšã‚¢ãƒ—ãƒåˆã‚³ãƒ³å‚åŠ ã—ã¦ãã¾ã—ãŸï¼ï¼ ãƒ‰ãƒ¬ã‚¹ã‚³ãƒ¼ãƒ‰ã¯æµ´è¡£ã¨ã‹ã‚‚ã†ã‚»ã‚¯ã‚·ãƒ£ãƒ«ã™ãŽã¦ã‚„ã°ã„ã€‚(ã‚¹ãƒ†ãƒž) â€»æµ´è¡£æŒ‡å®šã˜ã‚ƒãªã‹ã£ãŸã‚‰ç—›ã‚¿ã‚¤ãƒ„ã§è¡Œã£ã¦ãŸã€‚ æŒ‡å®šè¨€èªžã¯html/css/JavaScript(jQuery)ã¨ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å¯„ã‚Šã ã£ãŸã®ã§ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„htmlã‚³ãƒ¼ãƒ€ãƒ¼ã®å¥³æ€§ã‚‚å‚åŠ ã—ã‚„ã™ãã†ãªã‹ã‚“ã˜ã§ã—ãŸã€‚ ç”·æ€§æž :Â http://connpass.com/event/631/ å¥³æ€§æž :Â http://connpass.com/event/605/ togetter:Â http://togetter.com/li/338429 ã‚„ã£ã±ã—ã©ã†ã—ã¦ã‚‚ç”·æ€§ã®å¿œå‹Ÿã®ã»ã†ãŒå¤šã„ã®ã§ã€äº‹å‰èª²é¡ŒãŒã‚ã£ã¦ã€ãã‚Œã‚’ã‚‚ã¨ã«å¯©æŸ»ãŒè¡Œã‚ã‚Œã¾ã—ãŸã€‚ã€Œç§ã®ãŸã‚ã«ã§äº‰ã‚ãªã„ã§ï¼ã€ã¨ã‹å‹æ‰‹ã«å¦„æƒ³ã—ã¦ãƒ‹ãƒ¤ãƒ‹ãƒ¤ã—ã¦ã¾ã—ãŸã€‚é‹å–¶ã•ã‚“ã‚
luccafort 2012/07/19
ãµã‚€ãµã‚€ã¤ã¾ã‚Šã‚¿ãƒ¼ãƒŸãƒŠãƒ«ã§ã‚³ãƒžãƒ³ãƒ‰ãƒ‘ãƒ¼ãƒ³ï¼ã£ã¦ã‚„ã‚‹ã¨æŒã¦ã‚‹ã¨ã„ã†ã“ã¨ã ãªï¼

æ™‚é–“

ãƒãƒƒãƒˆ

jquery

html

ã‚¹ãƒ†ãƒž

å¥³æ€§

coffeescript
ãƒªãƒ³ã‚¯
Androidã‚„iPhoneã®HTML,CSS,JavaScriptã®ãƒã‚°ã¾ã¨ã‚
Androidã‚„iPhoneã®HTML,CSS,JavaScriptã®ãƒã‚°ã¾ã¨ã‚ Androidã‚„iPhoneãªã©ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã¯HTML,CSS,JavaScriptã«ãƒã‚°ãŒå¤šãã¦ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒå¤§å¤‰ã«ãªã‚Šã¾ã™ã€‚ãã“ã§ãƒã‚°ã‚’ç´¹ä»‹ã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã€è¨˜äº‹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚(ä¸ã«ã¯ãƒã‚°ã§ã¯ãªãä»•æ§˜ãªã‚‚ã®ã‚‚ã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“) iOS 8.4.1ã®:hoverå•é¡Œ iOS 8.4.1ã§:hoverã‚’æŒ‡å®šã—ã¦ã„ã‚‹ã¨1ã‚¿ãƒƒãƒ—ã§ãƒšãƒ¼ã‚¸é·ç§»ã§ããªã„å•é¡Œ ã€STINGER5ã€‘Androidã®Chromeã§ï¼†nbsp;ãŒã€Œãƒ»ã€ã«ãªã£ã¦ã‚‹æ°—ãŒã™ã‚‹ | ãƒ“ãƒ“ãƒ“ãƒƒ  ã‚’&emsp;ã«å¤‰æ›´ã™ã‚‹ã¨ç›´ã‚‹ã¨ã®ã“ã¨ã€‚ Mobile Safari 8ã§position: fixedã—ãŸæ“¬ä¼¼è¦ç´ ãŒå®Œå…¨ã«ä½ç½®ãŒå›ºå®šã•ã‚Œãªã„ - Weblog - Hail2u.net Mobile Safari 8ã§position:
luccafort 2012/03/14
ã‚ã¨ã§ã‚ˆã‚€

android

css

iPhone

javascript

html

jquery

ã¾ã¨ã‚

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

ãƒã‚°

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
HTML5ãƒ™ãƒ¼ã‚¹ã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªãŒä½œã‚Œã‚‹ã€ŒSencha Touch 2.0ã€å…¬é–‹ã€‚æ€§èƒ½å‘ä¸Šã¨iOS/Androidãƒã‚¤ãƒ†ã‚£ãƒ–å¤‰æ›æ©Ÿèƒ½ãŒç›®çŽ‰
Senchaã¯ã€HTML5/CSS3ã¨JavaScripãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§iOSã‚„Androidãªã©ã«å¯¾å¿œã—ãŸãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹ç¯‰ã§ãã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®æœ€æ–°ç‰ˆã€ã€ŒSencha Touch 2.0ã€ã‚’å…¬é–‹ã—ã¾ã—ãŸã€‚ Sencha Touchã¯ã€jQuery Mobileã®ã‚ˆã†ã«HTML5ã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ãŸã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚jQuery MobileãŒHTML5ã®ã‚¿ã‚°ã®ã¿ã§åŸºæœ¬çš„ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã§ãã‚‹ã®ã«å¯¾ã—ã€Sench Touchã§ã¯JavaScriptãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãŒå¿…è¦ã«ãªã‚Šã¾ã™ã€‚ãã®åˆ†ã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ç´°ã‹ã„ä½œã‚Šè¾¼ã¿ã‚„ã€ã‚µãƒ¼ãƒã¨é€£ä¿‚ã—ãŸã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ãŒå¯èƒ½ã«ãªã£ã¦ã„ã¾ã™ã€‚ é–¢é€£ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã¨ã—ã¦Sencha Designerã‚„Sencha Touch Chartsã€Sencha Animatorãªã©ãŒæƒã£ã¦ãŠã‚Šã€Senchaè‡ªèº«ã«ã‚ˆã‚‹æœ‰å„Ÿã§ã®ãƒˆãƒ¬ãƒ¼
luccafort 2012/03/12
html5

Android

iOS

HTML

jQuery

mobile

Sencha

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

é–‹ç™º
ãƒªãƒ³ã‚¯
1