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

eartht id:eartht

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

ã€ŒjQuery Mobileã€ã®ç™»å ´ã§ã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã¯å¤§ããå¤‰ã‚ã‚‹ ï¼ Publickey
ã“ã®ã¨ã“ã‚HTML5é–¢é€£ã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã«ã¤ã„ã¦èª¿ã¹ã¦ã„ã¦ã€å…ˆé€±ã®æ°´æ›œæ—¥ã«ã¯SwapSkillsä¸»å‚¬ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒjQueryãƒ¢ãƒã‚¤ãƒ«ã§ç°¡å˜ï¼ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆä½œæˆã€ã«å‚åŠ ã—ã¦jQuery Mobileã«ã¤ã„ã¦å‹‰å¼·ã—ã¦ãã¾ã—ãŸã€‚ jQuery Mobileã¨ã¯ã€jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ç”¨ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ãã—ã¦ãã®é©šç•°çš„ãªã¾ã§ã®ç°¡å˜ã•ã¯ã€ã“ã‚Œã‹ã‚‰æ¥å‹™ç”¨ã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½œã‚Šæ–¹ã‚’ä¸€å¤‰ã•ã›ã¦ã—ã¾ã†å¯èƒ½æ€§ã‚’æ„Ÿã˜ã•ã›ã¾ã™ã€‚ jQuery Mobileã®å¤§ããªç‰¹å¾´ã¯æ¬¡ã®3ã¤ã§ã™ã€‚ 1ï¼‰HTMLã‚’æ›¸ãã ã‘ã§ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒã§ãã¦ã—ã¾ã† 2ï¼‰ãƒ¢ãƒã‚¤ãƒ«ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹å¯¾å¿œã®éƒ¨å“ãŒå¤šãæƒã£ã¦ã„ã‚‹ 3ï¼‰iOSã€Androidã€WebOSã€Windows Moblieã€Symbianãªã©ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ å¯¾å¿œã§ã‚ã‚‹ å…·ä½“çš„ãª
eartht 2011/02/15
webåˆ¶ä½œ

HTML

jQuery

iphone
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ä½¿ã„æ–¹ã‚’ç›®ã®å‰ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¦èª¬æ˜Žã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ã©ã‚“ãªã‚µã‚¤ãƒˆã«ã§ã‚‚åŸ‹ã‚è¾¼ã‚ã‚‹ã€ŒEmbedded Help Systemã€
ç›®ã®å‰ã§ãƒžã‚¦ã‚¹ã‚«ãƒ¼ã‚½ãƒ«ã‚’å‹•ã‹ã—ã¦èª¬æ˜Žã™ã‚‹ã¨ç†è§£ã—ã¦ã‚‚ã‚‰ãˆã‚‹ã¨ã„ã†å ´åˆã«ä½¿ãˆã‚‹ã®ãŒã“ã®jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã—ã¦å‹•ä½œã™ã‚‹ã€ŒEmbedded Help Systemã€ã§ã™ã€‚ã©ã®ã‚ˆã†ãªã‚µã‚¤ãƒˆã«ã§ã‚‚åŸ‹ã‚è¾¼ã‚“ã§ä½¿ã†ã“ã¨ãŒå¯èƒ½ã¨ãªã£ã¦ãŠã‚Šã€æœ€å¤§ã®ç‰¹å¾´ã¯å®Ÿéš›ã®ãƒ•ã‚©ãƒ¼ãƒ ã‚„ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ãªã©ã‚’æ“ä½œã™ã‚‹æ§˜åã‚’ç›®ã®å‰ã§è¦‹ã›ã¦ãã‚Œã‚‹ã¨ã„ã†ç‚¹ã€‚ ä¸€ä½“ä½•ã‚’è¨€ã£ã¦ã„ã‚‹ã®ã‹ã‚ã‹ã‚‰ãªã„ã¨æ€ã„ã¾ã™ãŒã€ã“ã‚Œã¯å®Ÿéš›ã«ç›®ã®å‰ã§ãƒ‡ãƒ¢ã‚’è¦‹ã¦ã‚‚ã‚‰ã†ã®ãŒä¸€ç•ªã‚ã‹ã‚Šã‚„ã™ã„ã§ã™ã€‚ ãƒ‡ãƒ¢ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ Embedded Help System http://embedded-help.net/ ãƒ‡ãƒ¢ã‚’è¦‹ã‚‹ã«ã¯ã“ã®ã€ŒUsageã€ãƒšãƒ¼ã‚¸ã«ã¾ãšã¯ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã™ã€‚ æ¬¡ã«ã€ŒSearch databaseã€ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã“ã®ã‚ˆã†ã«ã—ã¦ã‚¯ãƒªãƒƒã‚¯ã—ã¦ä½¿ã†é †ç•ªã®æ•°å—ãŒãµã‚ã£ã¨æµ®ã‹ã³ä¸ŠãŒã‚Šã¾ã™ã€‚ã“ã‚Œã ã‘ã§ã‚‚å‰²ã¨ã‚ã‹ã‚Šã‚„ã™ã„ã®ã§ã™ãŒã€ã“ã“ã‹ã‚‰ãŒçœŸä¾¡ã‚’ç™ºæ®ã™ã‚‹ã¨
eartht 2011/01/31
webã‚µãƒ¼ãƒ“ã‚¹

webåˆ¶ä½œ

javascript

ã‚¢ã‚¤ãƒ‡ã‚¢

jQuery
ãƒªãƒ³ã‚¯
ãƒªãƒ³ã‚¯ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨QRã‚³ãƒ¼ãƒ‰ã‚’ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã•ã›ã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒqrTipã€:phpspoté–‹ç™ºæ—¥èªŒ
ãƒªãƒ³ã‚¯ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨QRã‚³ãƒ¼ãƒ‰ã‚’ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã•ã›ã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒqrTipã€ 2011å¹´01æœˆ14æ—¥- kovshenin.com // Thinking about WordPress, PHP, MySQL, jQuery, Web 2.0, PR and Social Media ãƒªãƒ³ã‚¯ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨QRã‚³ãƒ¼ãƒ‰ã‚’ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã•ã›ã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒqrTipã€ æ¬¡ã®ã‚ˆã†ã«ã€ã‚«ãƒ¼ã‚½ãƒ«ä½ç½®ã®ï¼µï¼²ï¼¬ã‚’QRã‚³ãƒ¼ãƒ‰ã«å¤‰æ›ã—ã¦è¡¨ç¤ºã•ã›ã¡ã‚ƒã†ã“ã¨ãŒã§ãã¾ã™ã€‚ ç”»åƒè‡ªä½“ã¯Google Chart APIã‚’ä½¿ã†ã®ã§ã€ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®æ‡¸å¿µã¯å°‘ãªã„ä¸Šã«ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚‚é«˜é€Ÿã§ã™ã€‚ ä½¿ã„æ–¹ã¯ã„ãŸã£ã¦ç°¡å˜ã§ã€jQuery(element).qr() ã®ã‚ˆã†ã« qr ãƒ¡ã‚½ãƒƒãƒ‰ã‚’èªã‚“ã§ã‚ã’ã‚‹ã ã‘ã§ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ãªã‹ãªã‹ã„ã„æ„Ÿã˜ã§ã™ãã€‚ æºå¸¯ã‚µã‚¤ãƒˆã¸ã®ãƒªãƒ³ã‚¯ã®èª˜å°Žã«ã¯ã‚‚ã£ã¦ã“ã„ã®ãƒ—ãƒ©
eartht 2011/01/15
jQuery

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ãƒ™ã‚¹ãƒˆãƒˆãƒ¬ãƒ³ãƒ‰ç·ã¾ã¨ã‚2010*ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹äººã®ãƒã‚¿å¸³
ã‚‚ã¯ã‚„ã“ã®æ¥ç•Œã§ã¯ã‹ãªã‚Šæµ¸é€ã—ã¤ã¤ã‚ã‚‹jQueryã€‚ ä»Šå›žã¯ãã‚“ãªjQueryã«ã‚¹ãƒãƒƒãƒˆã‚’å½“ã¦ã€æœ¬å¹´åº¦ç´¹ä»‹ã•ã‚ŒãŸä¸ã§ã‚‚ã€ãƒ›ãƒƒãƒˆãªãƒˆãƒ¬ãƒ³ãƒ‰ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ â€»ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¤ã‹ã£ã¦ãªã„ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ ï¼‘ï¼‰3Dè¡¨ç¤ºãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ã‚µãƒ³ãƒ—ãƒ«ãƒ‡ãƒ¢ ä»Šå¹´ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¨è¨€ãˆã°3Dã€‚ ã¨ã„ã†ã‚ã‘ã§ã“ã¡ã‚‰ã€‚ã¾ãšã¯ã‚µãƒ³ãƒ—ãƒ«ãƒ‡ãƒ¢ã‚’ç¢ºèªã€‚ è§¦ã£ã¦ã‚ã‹ã‚‹é€šã‚Šã§ã™ãŒã€2æžšã®ç”»åƒãŒ3Dè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ å‘¼ã³å‡ºã™ $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
eartht 2010/11/17
jQuery

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
Googleãƒžãƒƒãƒ—ã‚’ä½¿ã£ãŸçµŒè·¯æ¡ˆå†…ã‚‚ä¸€çž¬ã§å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjGmapsã€:phpspoté–‹ç™ºæ—¥èªŒ
jGmaps | jQuery Plugins Googleãƒžãƒƒãƒ—ã‚’ä½¿ã£ãŸçµŒè·¯æ¡ˆå†…ã‚‚ä¸€çž¬ã§å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjGmapsã€ å¿…è¦ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’èªã¿è¾¼ã‚“ã§ã€æ¬¡ã®ã‚ˆã†ã«jgmapsãƒ¡ã‚½ãƒƒãƒ‰ã‚’å‘¼ã³å‡ºã™ã¨Googleãƒžãƒƒãƒ—ã«ã‚ˆã‚‹çµŒè·¯æ¡ˆå†…ã®åœ°å›³ã¨æ–‡å—ã«ã‚ˆã‚‹æ¡ˆå†…æƒ…å ±ãŒå‡ºã¾ã™ã€‚ $('#mapa').jgmaps( { width: 300, height: 300, directions:{ address: ['æ±äº¬éƒ½æ–°å®¿åŒº', 'æ±äº¬éƒ½æ¸¯åŒº'], usePanel: true, panelId: 'panelDirections' } } ); æ¬¡ã®ã‚ˆã†ã«ã€çµŒè·¯ãŒåœ°å›³ã«è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ æ–‡å—ã«ã‚ˆã‚‹æ¡ˆå†…æƒ…å ±ã‚‚è¡¨ç¤ºã§ãã¾ã™ã€‚ ä¼šç¤¾æ¡ˆå†…ã‚„ä¼šå ´æ¡ˆå†…ãªã‚“ã‹ã‚‚ã“ã‚Œã§é€Ÿæ”»å®Ÿè£…ã§ããã†ã§ã™ãã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚’ã„ã˜ãã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ åœ°åã«æ—¥æœ¬ã®å ´æ‰€ã‚’æ¼¢å—ã§ä½¿ã†å ´åˆã€æ–‡å—ã‚³ãƒ¼ãƒ‰ã¯UTF-
eartht 2010/10/09
javascript

jQuery

UI
ãƒªãƒ³ã‚¯
1