[B! ãƒžãƒƒãƒ—][jquery] tsutomuraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

tsutomura id:tsutomura

ãƒžãƒƒãƒ—ã¨jqueryã«é–¢ã™ã‚‹tsutomuraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (31)

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

ä¸–ç•Œåœ°å›³ã§ãƒ‡ãƒ¼ã‚¿ã‚’ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚ºã™ã‚‹éš›ã«ä½¿ãˆã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒDataMapsã€:phpspoté–‹ç™ºæ—¥èªŒ
DataMaps ä¸–ç•Œåœ°å›³ã§ãƒ‡ãƒ¼ã‚¿ã‚’ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚ºã™ã‚‹éš›ã«ä½¿ãˆã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒDataMapsã€ã€‚ ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã«ãƒ‡ãƒ¼ã‚¿ã‚’è¡¨ç¤ºã§ããŸã‚Šã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ æ¬¡ã®ã‚ˆã†ã«ç¾Žã—ã„åœ°å›³ã‚’æã‘ã‚‹ã®ã§ã€ç®¡ç†ç”»é¢ã‚„ã€ãƒ—ãƒ¬ã‚¼ãƒ³è³‡æ–™å‘ã‘ã«ä½¿ã£ã¦ã¿ã¦ã‚‚ã‚ˆã•ãã† ï¼‘ã‹ã‚‰ã‚„ã‚ã†ã¨æ€ã†ã¨ã‹ãªã‚Šã®æ™‚é–“ãŒã‹ã‹ã‚Šãã†ã§ã™ãŒã€ã“ã‚Œãªã‚‰ç›´ãã«ä½¿ãˆãã†ã§ã™ ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨å›½åãŒå‡ºã‚‹ã€ã¨ã„ã†ã‚ˆã†ãªä¸–ç•Œåœ°å›³ã«ã‚‚ã§ãã¾ã™ã€‚ ä¸–ç•Œã®åœ°åã‚’è¦šãˆãŸã„å ´åˆã«ä½¿ãˆã¾ã™ã ã‚¢ãƒ¡ãƒªã‚«ã®å·žã®è¡¨ç¤ºã‚‚å¯èƒ½ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ã‚ªã‚·ãƒ£ãƒ¬ã§çŸ¥ã£ã¦ãŠãã¨ä½¿ãˆãã† é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãªãƒ‡ãƒ¼ã‚¿ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚ºã€Œgrapheneã€
tsutomura 2012/12/17
jquery

ãƒžãƒƒãƒ—
ãƒªãƒ³ã‚¯
ã‚¹ãƒˆãƒ¬ã‚¹ç„¡ã—ã§Googleãƒžãƒƒãƒ—ã‚’ä½¿ã£ãŸã‚µã‚¤ãƒˆãŒä½œã‚Œã‚‹ã€Œgmaps.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
gmaps.js ? the easiest way to use Google Maps ã‚¹ãƒˆãƒ¬ã‚¹ç„¡ã—ã§Googleãƒžãƒƒãƒ—ã‚’ä½¿ã£ãŸã‚µã‚¤ãƒˆãŒä½œã‚Œã‚‹ã€Œgmaps.jsã€ Googleãƒžãƒƒãƒ—ã®ã‚µã‚¤ãƒˆã¸ã®å®Ÿè£…ãŒæœ¬å½“ã«ç°¡å˜ã§ã€ã‹ã¤å¤šæ©Ÿèƒ½ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ã”ç´¹ä»‹ã§ã™ ç°¡å˜ãªãƒžãƒƒãƒ—ã‚’å‡ºã™ã®ã«å¿…è¦ãªã‚³ãƒ¼ãƒ‰ã¯ä»¥ä¸‹ã€‚ è¡¨ç¤ºã•ã›ã‚‹divã¨ç·¯åº¦çµŒåº¦ã‚’æŒ‡å®šã™ã‚‹ã ã‘ã§ã™ å‡ºæ¥ã‚‹ã“ã¨ãƒªã‚¹ãƒˆã¯ä»¥ä¸‹ ãƒžãƒƒãƒ—ã®ã‚¯ãƒªãƒƒã‚¯ã€ãƒ‰ãƒ©ãƒƒã‚°æ™‚ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©å®Ÿè£… ãƒžãƒ¼ã‚«ãƒ¼ä»˜ä¸Ž ã‚¸ã‚ªãƒã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ã‚¸ã‚ªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° ãƒžãƒƒãƒ—ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ ãƒžãƒƒãƒ—ä¸Šã®ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£… åœ°å›³ä¸Šã®åŒºç”»æŒ‡å®š ç›®çš„åœ°ã¾ã§ã®ãƒ«ãƒ¼ãƒˆæç”» é™çš„ãªç”»åƒã‚’ãƒžãƒƒãƒ—è¡¨ç¤º ãªã©ãªã©è¶…å¤šæ©Ÿèƒ½ã€‚ Googleãƒžãƒƒãƒ—ä½¿ã†ã‹ã‚‚ã—ã‚Œãªã„å ´åˆã¯è¦šãˆã¦ãŠã„ã¦æã¯ã‚ã‚Šã¾ã›ã‚“ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Googleãƒžãƒƒãƒ—é–¢é€£ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›† ã‚¹ãƒžãƒ›ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã§Googleãƒžãƒƒãƒ—é¢¨
tsutomura 2012/06/30
JQuery

ãƒžãƒƒãƒ—

Google

ã“ã‚Œã¯ã™ã”ã„
ãƒªãƒ³ã‚¯
ç¾Žã—ã„ä¸–ç•Œåœ°å›³ã‚’JavaScriptã§æã‘ã‚‹ã€ŒjQuery Vector Mapsã€
twitter facebook hatena google pocket ä¸–ç•Œåœ°å›³ã‚’è¡¨ç¤ºã—ãŸã„å ´åˆã€ãƒ•ãƒªãƒ¼ç´ æã‚„Google Mapãªã©ã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ãŒã€ã¡ã‚‡ã£ã¨å‘³æ°—ãªã„ã§ã™ã‚ˆãã€‚ jQuery Vector Mapsã‚’åˆ©ç”¨ã™ã‚‹ã¨æ‰‹é–“å°‘ãªãã€ã‹ã¤ã‚¤ãƒžãƒ‰ã‚é¢¨ã®ç¾Žã—ã„ä¸–ç•Œåœ°å›³ã‚’æç”»å¯èƒ½ã§ã™ã€‚ sponsors ä½¿ç”¨æ–¹æ³• jQuery Vector Mapsã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ä¸€å¼ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã€‚ ä¸‹è¨˜ã®ã‚ˆã†ã«åœ°å›³ã®æŒ‡å®šã‚’ã—ã¾ã™ã€‚ <link rel="stylesheet" type="text/css" href="jqvmap.css" /> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript" src="jquery.vmap.js"></script
tsutomura 2012/06/28
ãƒžãƒƒãƒ—

jQuery
ãƒªãƒ³ã‚¯
jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œgmaps.jsã€ã§ãƒ«ãƒ¼ãƒˆæ¡ˆå†…ä»˜ãGoogle Mapã‚’ä½œæˆã™ã‚‹
twitter facebook hatena google pocket jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®gmaps.jsã‚’åˆ©ç”¨ã™ã‚‹ã¨ç°¡å˜ã«Google Mapã‚’ä½œæˆã§ãã‚‹ã“ã¨ã§ãã¾ã™ã€‚ ã¾ãŸãƒ«ãƒ¼ãƒˆæ¡ˆå†…ã‚‚ã§ãã‚‹ã®ã§ã€é§…ã‹ã‚‰ä¼šç¤¾ãŒå°‘ã—é›¢ã‚Œã¦ã„ãŸå ´åˆã®æŽ¨å¥¨ãƒ«ãƒ¼ãƒˆã‚’è¡¨ç¤ºã—ã¦ã‚ã’ã‚‹ã®ã‚‚ã„ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ä»Šå›žã¯ã“ã®ãƒ«ãƒ¼ãƒˆæ¡ˆå†…ã‚’è¨å®šã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ sponsors ä½¿ç”¨æ–¹æ³• gmaps.jsã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã€‚ <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> <script type="text/javascript" src="
tsutomura 2012/06/27
jQuery

Google

ãƒžãƒƒãƒ—
ãƒªãƒ³ã‚¯
Googleãƒžãƒƒãƒ—é–¢é€£ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†:phpspoté–‹ç™ºæ—¥èªŒ
11 Helpful jQuery Google Maps Plugins and Tutorials Googleãƒžãƒƒãƒ—é–¢é€£ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†ã€‚ Googleãƒžãƒƒãƒ—ã‚’jQueryã§è¶…ç°¡å˜ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒã¾ã¨ã¾ã£ã¦ãŠã‚Šã€ç°¡å˜ã«åœ°å›³ã‚’ï¼·ï¼¥ï¼¢ã‚µãƒ¼ãƒ“ã‚¹ã§æ‰±ã„ãŸã„ã¨ã„ã†å ´åˆã«ã‚µã‚¯ã£ã¨å®Ÿè£…ã§ãã¦ä¾¿åˆ©ãã†ã§ã™ã€‚ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®é¸åˆ¥ã«ä½¿ãˆãã†ã§ã™ HTML5ã‚„CSS3ã¨Googleãƒžãƒƒãƒ—ã‚’çµ„ã¿åˆã‚ã›ãŸãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ç‰ã‚‚æŽ²è¼‰ã•ã‚Œã¦ã„ã¾ã™ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã‚¹ãƒžãƒ›ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã§Googleãƒžãƒƒãƒ—é¢¨ã«ä½¿ãˆã‚‹ãƒ‘ãƒŽãƒ©ãƒžç”»åƒãƒ“ãƒ¥ãƒ¼ã‚¢ã€ŒPanoJS3ã€ Googleãƒžãƒƒãƒ—ã‚’ä½¿ã£ãŸçµŒè·¯æ¡ˆå†…ã‚‚ä¸€çž¬ã§å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjGmapsã€ Googleãƒžãƒƒãƒ—é¢¨ã®UIã‚’å®Ÿç¾ã§ãã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒPolymapsã€ Googleãƒžãƒƒãƒ—API ver3ã§Googleãƒžãƒƒãƒ—ã‚’ç‹¬è‡ªã«ã‚¹ã‚¿ã‚¤ãƒ«
tsutomura 2012/05/11
Google

ãƒžãƒƒãƒ—

jquery
ãƒªãƒ³ã‚¯
[JS]ã‚¹ãƒ ãƒ¼ã‚ºãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§åœ°å›³ï¼ˆå¤§ãã„ç”»åƒï¼‰ã‚’ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -CraftMap
åœ°å›³ã®ã‚ˆã†ãªå¤§ãã„ç”»åƒã‚’æŒ‡å®šã‚µã‚¤ã‚ºã«ã‚¯ãƒªãƒƒãƒ—ã—ã€ã‚¯ãƒªãƒƒã‚¯ã‚„ãƒ‰ãƒ©ãƒƒã‚°æ“ä½œã§ã‚¹ãƒ ãƒ¼ã‚ºã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CraftMap [ad#ad-2] CraftMapã®ãƒ‡ãƒ¢ CraftMapã®å®Ÿè£… CraftMapã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã¯äºŒã¤ã‚ã‚Šã€ãƒšãƒ¼ã‚¸å†…ã®ä¸€éƒ¨ã«é…ç½®ã—ãŸã‚‚ã®ã¨ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã„ã£ã±ã„ã«é…ç½®ã—ãŸã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ åœ°å›³ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«æ–¹æ³•ã¯3ç¨®é¡žã®æ“ä½œãŒå¯èƒ½ã§ã™ã€‚ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆå·¦ã®ãƒ‘ãƒãƒ«ï¼‰ã®å„ãƒ©ãƒ™ãƒ«ã‚’ã‚¯ãƒªãƒƒã‚¯ åœ°å›³ä¸Šã®ãƒžãƒ¼ã‚«ãƒ¼ã‚’ã‚¯ãƒªãƒƒã‚¯ åœ°å›³ã‚’ãƒ‰ãƒ©ãƒƒã‚° å„ãƒ©ãƒ™ãƒ«ãƒ»ãƒžãƒ¼ã‚«ãƒ¼ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€ãã‚Œã«å¯¾å¿œã—ãŸä»˜åŠ æƒ…å ±ã‚’ãƒ‘ãƒãƒ«ã§è¡¨ç¤ºã—ã¾ã™ã€‚ Demo 2: ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã„ã£ã±ã„ã«é…ç½® [ad#ad-2] CraftMapã®å®Ÿè£… å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <script src="js/jquery.js" type="
tsutomura 2011/12/19
jQuery

ãƒžãƒƒãƒ—
ãƒªãƒ³ã‚¯
ã‚·ãƒ³ãƒ—ãƒ«ã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªåœ°å›³ã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjVectorMapã€:phpspoté–‹ç™ºæ—¥èªŒ
jVectorMap ã‚·ãƒ³ãƒ—ãƒ«ã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªåœ°å›³ã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjVectorMapã€ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ãªãŒã‚‰æ‹¡å¤§ã—ã¦ã‚‚ã‚¯ã‚ªãƒªãƒ†ã‚£ãŒä¿ãŸã‚Œã¦ã„ã¦é«˜é€Ÿãƒ¬ã‚¹ãƒãƒ³ã‚¹ã®åœ°å›³ãŒå®Ÿè£…ã§ãã¾ã™ã€‚å›½ã”ã¨ã®ã‚«ãƒ©ãƒ¼ãƒªãƒ³ã‚°ç‰ã‚‚å¯èƒ½ãªã®ã§ã€ã‚¢ã‚¯ã‚»ã‚¹è§£æžã¨ã‹ãã†ã„ã£ãŸéƒ¨åˆ†ã§ä½¿ãˆã‚‹ã®ã‹ã‚‚ã€‚ åœ°å›³ã‚¯ãƒªãƒƒã‚¯ã§å„ç¨®ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ãŒä½¿ãˆã‚‹ãŸã‚ã€ãƒ•ã‚©ãƒ¼ãƒ å†…ã§å›½ã®é¸æŠžã¨ã„ã£ãŸå…¥åŠ›è£œåŠ©ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã—ã¦ã‚‚æ©Ÿèƒ½ã—ãã†ã§ã™ã€‚ ä»Šå¾Œã®å›½éš›åŒ–ã®æµã‚Œã«ãŠã„ã¦ä¾¿åˆ©ã«æ´»ç”¨ã§ãã‚‹å±€é¢ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã§å¤‰è‰²ã€‚ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã«å‹•ä½œã€‚ã‚¯ãƒªãƒƒã‚¯ã—ãŸã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯è¨å®šã‚‚OK å›½ã”ã¨ã®ã‚«ãƒ©ãƒ¼ãƒªãƒ³ã‚°ã‚’ç¤ºã—ãŸä¾‹ã§ã™ã€‚ ã‚¢ãƒ¡ãƒªã‚«ã ã‘ã‚’å¯¾è±¡ã«æç”»ã‚‚å¯èƒ½ ãƒ¨ãƒ¼ãƒãƒƒãƒ‘ã ã‘ã‚‚OK æ‹¡å¤§ã—ã¦ã‚‚æ–°ãŸã«ãƒ‡ãƒ¼ã‚¿ã‚’èªã¿è¾¼ã‚€ã‚ã‘ã§ã‚‚ãªãé«˜é€Ÿãªãƒ¬ã‚¹ãƒãƒ³ã‚¹ãŒæœŸå¾…ã§ãã¾ã™ã€‚ ä½œã£ãŸæ–¹ãŠç–²ã‚Œæ§˜ã§ã—ãŸï¼†ã™ã”ã„ï¼ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ‰ãƒ©ãƒƒã‚°ã§ãã‚‹åœ°å›³
tsutomura 2011/10/05
jQuery

ãƒžãƒƒãƒ—
ãƒªãƒ³ã‚¯
ãƒ‘ã‚½ã‚³ãƒ³ã®ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã‚‚iOSã¿ãŸã„ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒå®Ÿç¾ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒOverscrollã€:phpspoté–‹ç™ºæ—¥èªŒ
ãƒ‘ã‚½ã‚³ãƒ³ã®ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã‚‚iOSã¿ãŸã„ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒå®Ÿç¾ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒOverscrollã€ 2011å¹´10æœˆ03æ—¥- Azoff Design | Overscroll | An iOS scrolling emulator for jQuery ãƒ‘ã‚½ã‚³ãƒ³ã®ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã‚‚iOSã¿ãŸã„ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒå®Ÿç¾ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒOverscrollã€ Googleãƒžãƒƒãƒ—ã¿ãŸã„ãªæ„Ÿã˜ã¨ã„ãˆã°ãã†ãªã‚“ã§ã™ãŒã€åŠ é€Ÿåº¦ãŒã¤ã„ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãªãŒã‚‰ç§»å‹•ã™ã‚‹ç‚¹ãªã‚“ã‹ã‚‚å†ç¾ã•ã‚Œã¦ã„ã¾ã™ã€‚ ä½¿ã„æ–¹ãŒç°¡å˜ã§ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’èªã¿è¾¼ã‚“ã ã‚‰ã€iOSã¡ã£ãã«ã—ãŸã„éƒ¨åˆ†ã‚’ $(element).overscroll() ã ã‘ã§è¨å®šã§ãã‚‹ã®ãŒç†±ã„ã§ã™ã€‚ ãƒ›ã‚¤ãƒ¼ãƒ«ã«ã‚‚å¯¾å¿œã—ã¦ã„ã¦èŠ¸ãŒç´°ã‹ã„ã§ã™ã€‚ ä½¿ã„ã©ã“ã‚ã¯è‰²ã€…ã‚ã‚Šãã†ã§ã™ãŒã€ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªã®ç´¹ä»‹ãƒšãƒ¼ã‚¸ãªã‚“ã‹ã§ã¤ã‹ã£ã¦ã‚‚ã‚¤ãƒ³ãƒ‘ã‚¯ãƒˆãŒã‚ã‚Šãã†ã§ã™ãã€‚ é–¢é€£ã‚¨
tsutomura 2011/10/04
jQuery

ãƒžãƒƒãƒ—
ãƒªãƒ³ã‚¯
æ¬¡ä¸–ä»£ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒžãƒƒãƒ—ã‚’å®Ÿç¾ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒImageMapsterã€:phpspoté–‹ç™ºæ—¥èªŒ
ImageMapster æ¬¡ä¸–ä»£ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒžãƒƒãƒ—ã‚’å®Ÿç¾ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ <map> ã¨ <area> ã‚¿ã‚°ã‚’ä½¿ã£ã¦ç”»åƒä¸Šã®å¥½ããªä½ç½®ã€å½¢ã§ãƒªãƒ³ã‚¯ã‚’è²¼ã‚‹ã“ã¨ãŒã§ãã¾ã™ãŒã€ã‚ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒžãƒƒãƒ—ã‚’jQueryã«ã‚ˆã£ã¦æ¬¡ä¸–ä»£ã«ã—ã¦ã—ã¾ã†ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒç™»å ´ ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒžãƒƒãƒ—ã®ã‚¨ãƒªã‚¢ä¸Šã‚’ãƒã‚¤ãƒ©ã‚¤ãƒˆã•ã›ã€èƒŒæ™¯ç”»åƒã‚’åˆ¥ã®ã‚‚ã®ã«å·®ã—æ›¿ãˆã‚‹ã¨ã„ã†åŠ¹æžœã‚’ã¤ã‘ã‚‰ã‚Œã¾ã™ã€‚ï¼ˆåˆ¥ç”»åƒã¯ã‚ªãƒ—ã‚·ãƒ§ãƒ³æŒ‡å®šï¼‰ ç”»åƒã®ä½ç½®ã¨ãƒªãƒ³ã‚¯ã‚’é–¢é€£ä»˜ã‘ã‚‹ã ã‘ã¨ã„ã†å‘³æ°—ãªã„Web1.0ãªã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒå°‘ã—ã ã‘ãƒªãƒƒãƒã«ã—ã¦ãã‚Œã¾ã™ã€‚ ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒžãƒƒãƒ—ã£ã¦ã‚ã¾ã‚Šä½¿ã†ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ã„ã–ä»•äº‹ã§ã“ã†ã—ãŸUIãŒå¿…è¦ã§ã€ä½¿ã‚ãªãã‚ƒã¨ãªã£ãŸæ™‚ã«ã€ã“ã‚“ãªã“ã¨ã‚‚å‡ºæ¥ã‚‹ã¨ã„ã†ã“ã¨ã‚’çŸ¥ã£ã¦ãŠãã¨ã‚ã‚ŠãŒãŸãŒã‚‰ã‚Œã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª HTML5ã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—é€šçŸ¥ã‚’ç°¡å˜ã«æ‰±ãˆã‚‹jqueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œdesktopifyã€ã€‚ å°ã•
tsutomura 2011/05/30
jQuery

ãƒžãƒƒãƒ—
ãƒªãƒ³ã‚¯
jQuery Mobileã§GoogleMap APIã‚’ä½¿ã£ãŸã‚µãƒ³ãƒ—ãƒ«ãŒMITãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§å…¬é–‹ã•ã‚Œã¦ãŸ - ã‹ã¡ã³ã¨.net
ãªã‹ãªã‹ã„ã„ã‚µãƒ³ãƒ—ãƒ«ã ã£ãŸã®ã§ã‚·ã‚§ã‚¢ã€‚ jQuery Mobileã§Google Map APIã‚’ä½¿ã£ãŸ ã‚µãƒ³ãƒ—ãƒ«ãŒã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã§å…¬é–‹ã•ã‚Œã¦ ã„ã¾ã—ãŸã€‚ã‚¹ãƒˆãƒªãƒ¼ãƒˆãƒ“ãƒ¥ãƒ¼ãªã©ã‚‚è¡¨ç¤ºã™ã‚‹ ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚èˆˆå‘³ã®æœ‰ã‚‹æ–¹ã¯ãƒã‚§ãƒƒã‚¯ ã—ã¦ã¿ã¦ã¯ã€‚ ã‚¹ãƒžãƒ•ã‚©ã«Google Mapã‚’è¡¨ç¤ºã•ã›ã‚‹ã®ã«ã€Google Maps JavaScript API V3ãŒå¿…è¦ã¿ãŸã„ã§ã™ãŒã€ã“ã‚Œã‚’ã‚¹ãƒžãƒ•ã‚©å¯¾å¿œã‚’ç°¡ç•¥åŒ–ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€jQuery Mobileã§ä½¿ãŠã†ã€ã¨ã„ã†ã‚‚ã®ã€‚ jquery-ui-map Google Map APIã‚’jQuery Mobileã§ä½¿ã£ãŸã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚jquery-ui-mapã¨ã„ã†ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚‚ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ã“ã®ã‚µãƒ³ãƒ—ãƒ«ã¯MITãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§ã‚½ãƒ¼ã‚¹ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã‚ˆã€‚ ä»¥ä¸‹ã€ãƒ‡ãƒ¢ã®ã‚ãƒ£ãƒ—ãƒãƒ£ã§ã™ã€‚ iPhone iPhoneã§ã®å®Ÿè£…çŠ¶æ…‹ã§ã™ã€‚ ãƒ©ãƒ³ãƒ‰ã‚¹ã‚±ãƒ¼ãƒ—æ™‚ã‚‚è‡ªå‹•ã§æ¨ªå¹…ã‚’ã‚
tsutomura 2011/05/11
jQuery

ã“ã‚Œã¯ã™ã”ã„

***

iPhone

iPad

ãƒžãƒƒãƒ—
ãƒªãƒ³ã‚¯
StaticãªGoogle Mapã‚’ã‚ºãƒ¼ãƒ ã•ã›ã‚‹ã€ŒjQuery Static Gmap Zoomã€
twitter facebook hatena google pocket Google Mapã«ã¯ãƒ‰ãƒ©ãƒƒã‚°ã‚„ã‚ºãƒ¼ãƒ ãŒã§ããªã„Staticãƒ¢ãƒ¼ãƒ‰ãŒã‚ã‚Šã¾ã™ã€‚ è‡ªåˆ†ã®å ´æ‰€ãŒã ã‘ã‚’è¦‹ã¦ãã‚Œã€ã¨ã„ã†ã‚ˆã†ãªå ´åˆã«ä½¿ç”¨ã™ã‚‹ã‹ã¨æ€ã„ã¾ã™ãŒã€åˆ©ç”¨è€…ã«ã¯ä¸ä¾¿ã§ã—ãŸã€‚ ãã“ã§ã€jQuery Static Gmap Zoom | phpgeek.dkã‚’ä½¿ç”¨ã™ã‚Œã°ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã§ã‚ºãƒ¼ãƒ ã‚’ã•ã›ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ sponsors ä½¿ç”¨æ–¹æ³• jQuery Static Gmap Zoom | phpgeek.dkã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã€‚ <script src="jquery-1.5.1.min.js" type="text/javascript"></script> <script src="jquery.staticg mapzoom.js" type="text/javascript"></script
tsutomura 2011/04/19
jQuery

Google

ãƒžãƒƒãƒ—
ãƒªãƒ³ã‚¯
Google Map V3 Multiple Marker Plugin for jQuery
Google Map v3 Multiple Marker Plugin for jQuery ãƒãƒ¼ã‚¸ãƒ§ãƒ³ ç¾åœ¨ãƒ™ãƒ¼ã‚¿ç‰ˆãƒªãƒªãƒ¼ã‚¹ã§ã™ (Nov 15 2010) ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ gmap_markers.zip ç‰¹å¾´ Googleãƒžãƒƒãƒ—v3ã‚’ã‚µãƒãƒ¼ãƒˆ è¤‡æ•°ã®ãƒžãƒ¼ã‚«ãƒ¼ã‚’é…ç½®ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ AJAXã§JSONãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰ãƒžãƒ¼ã‚«ãƒ¼ã®ä½ç½®ã‚’å–å¾—ã—ã¾ã™ã€‚ ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã¨é€£å‹•ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã‚Œã¯ã€å„ãƒžãƒ¼ã‚«ãƒ¼ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’å¤‰æ›´ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ ç°¡å˜ã«ãƒžãƒƒãƒ—ã‚¿ã‚¤ãƒ—ã‚’å¤‰æ›´ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ GPL license ã‚µãƒ³ãƒ—ãƒ« Simple Map Change Maptype Use Cookie Change Control Change Icon blog jlamp.net (Japanese) ã‚·ãƒ³ãƒ—ãƒ«ãªåœ°å›³ >> RUN DEMO <!DOCTYPE html PUBL
tsutomura 2011/02/24
jQuery

Google

ãƒžãƒƒãƒ—
ãƒªãƒ³ã‚¯
æ°—è±¡å›³ç‰ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ã®ã«ä½¿ãˆã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œscianimatorã€:phpspoté–‹ç™ºæ—¥èªŒ
brentertz/scianimator @ GitHub æ°—è±¡å›³ç‰ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ã®ã«ä½¿ãˆã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œscianimatorã€ã€‚ ç”»åƒã‚’é…åˆ—ã§å®šç¾©ã—ã¦ã€å†ç”Ÿã—ãŸã‚Šã€æ¬¡ã¸ãƒ»å‰ã¸ç§»å‹•ã•ã›ãŸã‚Šãƒ«ãƒ¼ãƒ—ã•ã›ãŸã‚Šã¨ã„ã£ãŸæ©Ÿèƒ½ã‚’æŒã¡ã€å¤©æ°—å›³ç‰ã«ä½¿ãˆãã†ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ æ©Ÿèƒ½ã ã‘è¦‹ã‚‹ã¨ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã˜ã‚ƒãªã„ã‹ã€ã¨ã„ã†æ°—ã‚‚ã—ã¾ã™ãŒã€ã“ã†ã„ã†ä½¿ã„æ–¹ã‚‚ã‚ã‚Šã¾ã™ãã€ã¨ã„ã†ã“ã¨ã§ã”ç´¹ä»‹ã€‚ æ°—è±¡å›³ã ã¨ã¡ã‚‡ã£ã¨ãƒ‹ãƒƒãƒã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã‚µã‚¤ãƒˆã®ã‚¢ã‚¯ã‚»ã‚¹å‹•å‘ãªã‚“ã‹ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã‚‚ã®ã«ã™ã‚‹ã¨ä¾¿åˆ©ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã“ã‚Œã¯ã„ã„ï¼iPadãƒ†ãƒ¼ãƒžã®jQueryç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ JavaScriptè£½ã®ç”»åƒã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãƒ»ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã„ã‚ã„ã‚ è¶…ã‚«ãƒƒã‚³ã„ã„Appleé¢¨ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚®ãƒ£ãƒ©ãƒªãƒ¼ä½œæˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
tsutomura 2010/12/22
jQuery

ãƒžãƒƒãƒ—
ãƒªãƒ³ã‚¯
ãƒ‰ãƒ©ãƒƒã‚°ã§ãã‚‹åœ°å›³å®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ã¾ã¨ã‚:phpspoté–‹ç™ºæ—¥èªŒ
ãƒ‰ãƒ©ãƒƒã‚°ã§ãã‚‹åœ°å›³å®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ã¾ã¨ã‚ã€‚ ã“ã®æ‰‹ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯è‰²ã€…ã¨ã‚ã‚‹ã®ã§ã™ãŒéŽåŽ»ã«ç´¹ä»‹ã—ãŸã‚‚ã®ã¨æ–°ç™ºè¦‹ã®ç‰©ã‚’ã¾ã¨ã‚ã¦ã”ç´¹ä»‹ã€‚ Google Mapã®APIã‚’åˆ©ç”¨ã—ãŸã‚‚ã®ã‚‚å…¥ã‚Œã¾ã™ mobily.pl - playground - MobilyMap æ‹¡å¤§æ©Ÿèƒ½ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ç§»å‹•ã•ã›ãŸã‚Šãƒ”ãƒ³ã‚’ç«‹ã¦ã‚‹æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ Googleãƒžãƒƒãƒ—é¢¨ã®UIã‚’å®Ÿç¾ã§ãã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒPolymapsã€ ãƒžã‚¦ã‚¹ãƒ›ã‚¤ãƒ¼ãƒ«ã«ã‚ˆã‚‹æ‹¡å¤§ãƒ»ç¸®å°æ©Ÿèƒ½ãŒã‚ã£ã¦ã‚µãƒ³ãƒ—ãƒ«ã‚‚è±Šå¯Œãªãƒ©ã‚¤ãƒ–ãƒ©ãƒª ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ãã‚‹åœ°å›³ã‚’å®Ÿè£…ã§ãã‚‹3KBã®è»½é‡JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒSpryMapã€ ç‹¬ç«‹ã—ã¦å‹•ä½œã—ã€è»½é‡ãªã®ãŒç‰¹å¾´ é«˜è§£åƒåº¦ã®ç”»åƒã®URLã‚’å…¥ã‚Œã‚‹ã ã‘ã§Googleãƒžãƒƒãƒ—ã¿ãŸã„ã«æ‹¡å¤§æ©Ÿèƒ½ã‚’ä»˜ã‘ã‚‰ã‚Œã‚‹ã€ŒZoom.itã€ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã¯ãªãã€ç”»åƒURLã‚’å¼µã‚Šä»˜ã‘ã‚‹ã ã‘ã§OKãªã‚µã‚¤ãƒˆ Google Mapé¢¨ã§ã‚¯ãƒ¼ãƒ«ãªåœ°å›³
tsutomura 2010/12/09
jQuery

ãƒžãƒƒãƒ—

***
ãƒªãƒ³ã‚¯
Googleãƒžãƒƒãƒ—ã®ã‚ˆã†ã«ãƒžã‚¦ã‚¹ã§ç”»åƒã‚’å‹•ã‹ã™Â·SpryMap MOONGIFT
Googleãƒžãƒƒãƒ—ãƒ©ã‚¤ã‚¯ã«ç”»åƒã‚’ãƒžã‚¦ã‚¹ã§ãƒ‰ãƒ©ãƒƒã‚°ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ã€‚ [/s2If] SpryMapã¯JavaScript/jQueryè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚Googleãƒžãƒƒãƒ—ã®æ“ä½œã¯è‰²ã€…ãªå ´é¢ã§å¿œç”¨ã§ãã‚‹ã€‚ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§é–²è¦§ã™ã‚‹ãƒãƒ©ã‚·ã§ã‚‚ä½¿ãˆã‚‹ã—ã€å¤§ããªå†™çœŸã§è‡ªåˆ†ã®å¥½ããªå ´æ‰€ã‚’é–²è¦§ã™ã‚‹æ™‚ã«ã‚‚ä½¿ã†ã“ã¨ãŒã§ãã‚‹ã€‚ ãƒ‰ãƒ©ãƒƒã‚°ã—ã¦è¦‹ã‚‹å ´æ‰€ã‚’å¤‰æ›´ã™ã‚‹ å®Ÿéš›ã®Googleãƒžãƒƒãƒ—ã®ç”»åƒã¯ã‚¿ã‚¤ãƒ«ä¸Šã«ãªã£ã¦ã„ã‚‹ãŸã‚ã€ã‚µãƒ¼ãƒå´ã‚‚åˆã‚ã›ã¦è¤‡é›‘ãªä»•çµ„ã¿ãŒå¿…è¦ã«ãªã‚‹ã€‚ã ãŒå¤§ããªä¸€æžšã®ç”»åƒã‚’è¦‹ã›ã‚‹ã ã‘ãªã‚‰ã°SpryMapãŒä½¿ãˆã‚‹ã ã‚ã†ã€‚ SpryMapã¯jQueryã‚’ä½¿ã£ã¦å·¨å¤§ãªç”»åƒã‚’ãƒ‰ãƒ©ãƒƒã‚°ã§ç§»å‹•ã—ã¤ã¤é–²è¦§ã§ãã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã ã€‚ã‚ºãƒ¼ãƒ ã‚¤ãƒ³/ã‚ºãƒ¼ãƒ ã‚¢ã‚¦ãƒˆã®ã‚ˆã†ãªæ©Ÿèƒ½ã¯ãªãã€ç”»åƒã‚‚ä¸€æžšã§æ¸ˆã‚€ã®ãŒæ‰‹è»½ã ã€‚ãã®ãŸã‚å®Ÿéš›ã®ç”»åƒã‚‚å·¨å¤§ãªã‚‚ã®ã§ãªã‘ã‚Œã°ãªã‚‰ãªã„ã€‚ å…ƒç”»åƒã¯å¤§ãã„ ãƒ‡ãƒ¢ã§ã¯ã‚²ãƒ¼ãƒ ã®åœ°å›³ã‚’è¡¨ç¤ºã—ã¦ã„ã‚‹ãŒã€åœ°
tsutomura 2010/11/24
ãƒžãƒƒãƒ—

jquery
ãƒªãƒ³ã‚¯
ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ãã‚‹åœ°å›³ã‚’å®Ÿè£…ã§ãã‚‹3KBã®è»½é‡JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒSpryMapã€:phpspoté–‹ç™ºæ—¥èªŒ
SpryMap - lightweight javascript click and drag map script | candrews.net ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ãã‚‹åœ°å›³ã‚’å®Ÿè£…ã§ãã‚‹3KBã®è»½é‡JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒSpryMapã€ã€‚ JSã ã‘ãªã‚‰3KBã§è¨˜è¿°ã•ã‚ŒãŸè»½é‡ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆã«ãªã£ã¦ã„ã¾ã™ã€‚jQueryç‰ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ã‚‚ä¾å˜ã—ã¦ã„ãªã„ã®ã§æ‰‹è»½ã«ä½¿ã†ã“ã¨ãŒå¯èƒ½ã€‚ ã“ã†ã—ãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ä»–ã«ã‚‚ã‚ã‚Šã¾ã™ãŒã€ã“ã“ã¾ã§è»½ã„ã®ã¯ãªã‹ãªã‹ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãã€‚ jQueryã‚’ä½¿ã£ã¦ã„ã¾ã›ã‚“ãŒæ¬¡ã®ã‚ˆã†ã«éžå¸¸ã«ä½¿ã„ã‚„ã™ã„ç‰©ã«ãªã£ã¦ã„ã¾ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Googleãƒžãƒƒãƒ—ã‚’ä½¿ã£ãŸçµŒè·¯æ¡ˆå†…ã‚‚ä¸€çž¬ã§å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjGmapsã€ Googleãƒžãƒƒãƒ—API ver3ã§Googleãƒžãƒƒãƒ—ã‚’ç‹¬è‡ªã«ã‚¹ã‚¿ã‚¤ãƒ«ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã‚‰ã—ã„ Googleãƒžãƒƒãƒ—é¢¨ã®UIã‚’å®Ÿç¾ã§ãã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒPolymap
tsutomura 2010/11/11
jQuery

ãƒžãƒƒãƒ—

Google
ãƒªãƒ³ã‚¯
[JS]Googleãƒžãƒƒãƒ—ã«ã•ã¾ã–ã¾ãªã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚’è¿½åŠ ã—ã¦ç°¡å˜ã«è¨ç½®ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -GMAP3
Google Mapsã«ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ãƒžãƒ¼ã‚¯ã‚„ãƒãƒªã‚´ãƒ³ã€ä»»æ„ã®ç”»åƒãªã©ã‚’ç°¡å˜ã«åŠ ãˆã¦è¨ç½®ã§ãã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ GMAP3 -jQuery plugin to manage Google Map API ãƒ‡ãƒ¢ [ad#ad-2] GMAP3ã¯Google Map APIã‚’ä½¿ç”¨ã™ã‚‹ãŸã‚ã€ä½¿ç”¨ã™ã‚‹ãƒšãƒ¼ã‚¸ã«å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> Googleãƒžãƒƒãƒ—ã®è¨ç½®ã¯ç°¡å˜ã§ã€ç©ºã®divè¦ç´ ã«idã‚’æŒ‡å®šã—ã¦é…ç½®ã—ã¾ã™ã€‚ ä¸‹è¨˜ã«ç°¡å˜ãªä¾‹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ HTML <div id="test1"></div> JavaScript $.gmap3.setDefault({ init:{ center:
tsutomura 2010/11/08
Google

ãƒžãƒƒãƒ—

jquery
ãƒªãƒ³ã‚¯
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-
tsutomura 2010/10/06
ãƒžãƒƒãƒ—

Google

jQuery

ã“ã‚Œã¯ã™ã”ã„

***
ãƒªãƒ³ã‚¯
[JS]Google Mapsã¨é€£å‹•ã—ã¦ãƒ‘ãƒãƒ«è¡¨ç¤ºã‚‚åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ
ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ›ãƒãƒ¼ã«åˆã‚ã›ã¦ã€Google Mapsã¨ãƒ‘ãƒãƒ«ã®è¡¨ç¤ºã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ <textarea name="code" class="html" cols="60" rows="5"> <li data-geo-lat="41.9786" data-geo-long="-87.9047"> <h3>O'Hare Airport</h3> <p>Flights n' stuff</p> <p class="longdesc"><strong>About:</strong> O'Hare International Airport has been voted the "Best Airport in North America" for 10 years by two separate sources: Readers of the U.S. Edition
tsutomura 2010/07/16
Google

ãƒžãƒƒãƒ—

jQuery
ãƒªãƒ³ã‚¯
åœ°å›³ã®ã‚¯ãƒªãƒƒã‚¯ã—ãŸä½ç½®ã§åœ°åã‚’ã‚²ãƒƒãƒˆã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery-PlacePickerã€:phpspoté–‹ç™ºæ—¥èªŒ
åœ°å›³ã®ã‚¯ãƒªãƒƒã‚¯ã—ãŸä½ç½®ã§åœ°åã‚’ã‚²ãƒƒãƒˆã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery-PlacePickerã€ 2010å¹´02æœˆ19æ—¥- nickspacek/jQuery-PlacePicker @ GitHub åœ°å›³ã®ã‚¯ãƒªãƒƒã‚¯ã—ãŸä½ç½®ã§åœ°åã‚’ã‚²ãƒƒãƒˆã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery-PlacePickerã€ãŒå…¬é–‹ã•ã‚Œã¦ã¾ã™ã€‚ æ¬¡ã®ã‚ˆã†ã«Google Map ã®åœ°å›³ãŒç¾ã‚Œã¦ã€ã‚¯ãƒªãƒƒã‚¯ã—ã€ã€ŒSaveã€ãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ã¨åœ°åã‚’ã‚²ãƒƒãƒˆã§ãã¾ã™ã€‚ç›´æŽ¥æ–‡å—åˆ—ã§ã®æ¤œç´¢ã‚‚å‡ºæ¥ã¾ã™ã€‚ æ¬¡ã¯ã‚²ãƒƒãƒˆã—ã¦inputã«åœ°åã‚’å…¥ã‚ŒãŸä¾‹ã§ã™ã€‚æ—¥æœ¬ã§ã‚‚å¯¾å¿œã—ã¦ã„ã‚‹ã¨ã“ã‚ãŒã„ã„ã§ã™ãã€‚ åœ°å›³â†’ä½æ‰€ã¸ã®å¤‰æ›ã‚’ã™ã‚‹ã‚ˆã†ãªå ´é¢ã§ä½¿ã†ã“ã¨ãŒã§ãã¾ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ç¾åœ°æ¡ˆå†…ã®èª¬æ˜Žãƒšãƒ¼ã‚¸ç‰ã§é‡å®ã—ãã†ãªã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªãƒžãƒƒãƒ—ä½œæˆç”¨jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ Microsoftã®åœ°å›³ã‚µã‚¤ãƒˆAPIã‚’jQueryã‹ã‚‰ç°¡å˜ã«ä½¿ãˆã‚‹ãƒ—ãƒ©ã‚°ã‚¤
tsutomura 2010/02/19
jQuery

Google

ãƒžãƒƒãƒ—

***

ãƒ•ã‚©ãƒ¼ãƒ
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸