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

at_home id:at_home

jQueryã«é–¢ã™ã‚‹at_homeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (33)

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

Reactã‚’ä½¿ã†ã¨ãªãœjQueryãŒè¦ã‚‰ãªããªã‚‹ã®ã‹ - Qiita
ã¯ã˜ã‚ã« Reactï¼ˆé€šç§° React.js1ï¼‰ã‚’å…¨ãçŸ¥ã‚‰ãªã„ã€ã‚ã‚‹ã„ã¯å¹¾ã¤ã‹è¨˜äº‹ã‚’è¦‹ãŸã‘ã©ãªã‚“ãªã®ã‹ãƒ”ãƒ³ã¨æ¥ã¦ã„ãªã„ã€ã¨ã„ã†äººã®ãŸã‚ã«æ›¸ã„ã¦ã„ã¾ã™ã€‚ ã€ŒjQuery ãã‚‰ã„ã—ã‹çŸ¥ã‚‰ãªã„ã€ãã‚‰ã„ã®äººã«å…·ä½“çš„ã«é›°å›²æ°—ã‚’çŸ¥ã£ã¦ã‚‚ã‚‰ã†ã®ãŒç›®çš„ã§ã‚ã‚Šã€ã™ã§ã«ã‚„ã‚‹æ°—ãŒã‚ã‚‹äººå‘ã‘ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã‚„ã‚‹æ°—ãŒå‡ºã‚Œã°æ—¥æœ¬èªžç‰ˆãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’èªã‚“ã§æ‰‹ã‚’å‹•ã‹ã›ã°ã‚ã£ã¨ã„ã†é–“ãªã®ã§ã€ãã“ã¾ã§ã®èˆˆå‘³ãŒå‡ºã‚‹ã“ã¨ã‚’ç›®æ¨™ã«ã—ã¦ã„ã¾ã™ã€‚ ä»¥é™ã§ã¯ ES2015 (ES6) ã®æ–‡æ³•ï¼ˆã‚¢ãƒãƒ¼é–¢æ•°ã¨ã‹ï¼‰ã‚’ä½¿ã£ã¦ã„ã¾ã™ã€‚ã“ã®éƒ¨åˆ†ãŒæ€ªã—ã„äººã¯å…ˆã«ã‚¢ãƒãƒ¼é–¢æ•°ã¨ const æ–‡ã ã‘ã§ã‚‚çŸ¥ã£ã¦ã‹ã‚‰å…ˆã«é€²ã‚“ã§ãã ã•ã„ã€‚ ä»¥ä¸‹ã®èª¬æ˜Žä¸ã€ã“ã®ã‚¢ã‚¤ã‚³ãƒ³ã§è¡¨ã™ã®ã¯ï¼ˆ2023 å¹´ç¾åœ¨ã‹ã‚‰è¦‹ãŸï¼‰ã€Žæ˜”è©±ã€ã§ã™ã€‚æ–°ã—ãè‡ªåˆ†ã®ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãéš›ã«ã¯æœ¬æ¥çŸ¥ã‚‰ãªãã¦ã„ã„ã“ã¨ã§ã™ãŒã€å¤ã„è¨˜äº‹ã‚’è¦‹ãŸã¨ãã«æ··åŒã—ãªã„ãŸã‚ã®å‚è€ƒæƒ…å ±ã¨ã—ã¦æ›¸ã„ã¦ã‚ã‚Šã¾ã™ã€‚ã“ã®è¨˜äº‹
at_home 2016/05/12
å‹‰å¼·ã«ãªã£ãŸã‘ã©ä»®æƒ³DOMãŒjsã¨htmlãŒåˆä½“ã—ã¦ã‚‹ã‚ˆã†ã«è¦‹ãˆã‚‹ã®ã¯ã€ã©ã†ã‚‚æ˜”ã®ãƒŽãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯PHPã‚³ãƒ¼ãƒ‰ã‚’è¦‹ã¦ã„ã‚‹æ°—ãŒã—ã¦æ°—æŒã¡æ‚ªã•ãŒæ‹ãˆãªã„

react

js

jQuery

javascript

development

react.js

DOM
ãƒªãƒ³ã‚¯
Rails 4ã®turbolinksã«ã¤ã„ã¦æœ€ä½Žã§ã‚‚çŸ¥ã£ã¦ãŠããŸã„äº‹
Rails 4ã®turbolinksã«ã¤ã„ã¦æœ€ä½Žã§ã‚‚çŸ¥ã£ã¦ãŠããŸã„äº‹ ï¼ˆè¿½è¨˜ï¼‰turbolinksã«é–¢ã™ã‚‹ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ä¸Šã®æ‡¸å¿µã«ã¤ã„ã¦ turbolinksã¨ã¯ã€ãƒšãƒ¼ã‚¸é·ç§»ã‚’Ajaxã«ç½®ãæ›ãˆã€JavaScriptã‚„CSSã®ãƒ‘ãƒ¼ã‚¹ã‚’çœç•¥ã™ã‚‹ã“ã¨ã§é«˜é€ŸåŒ–ã™ã‚‹gemã§ã€Rails 4ã‹ã‚‰ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ä½¿ç”¨ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ é«˜é€ŸåŒ–ã¯å¤§æ“è¿Žãªã®ã§ã™ãŒã€JavaScriptã®ã‚¤ãƒ™ãƒ³ãƒˆã®èµ·ãæ–¹ãŒå¤‰ã‚ã‚‹ãŸã‚ã€Rails 3ã¾ã§ã®æ›¸ãæ–¹ã‚’ã—ã¦ã„ã‚‹ã¨ã¾ãšé–“é•ã„ãªãå•é¡ŒãŒèµ·ãã¾ã™ã€‚ã—ã‹ã‚‚ã€Rails 4ã§ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®æ©Ÿèƒ½ã§ã™ã®ã§ã€æœ€æ–°ç‰ˆã‚’ä½¿ã„ãŸã„ãªã‚‰å¿…ãšçŸ¥ã£ã¦ãŠã‹ãªã‘ã‚Œã°ã„ã‘ã¾ã›ã‚“ã€‚ æœ¬ã‚¨ãƒ³ãƒˆãƒªã§ã¯turbolinksã‚’ä½¿ã†ãŸã‚ã«çµ¶å¯¾ã«çŸ¥ã‚‰ãªã‘ã‚Œã°ã„ã‘ãªã„ã“ã¨ã‚’åˆ†ã‹ã‚Šã‚„ã™ãç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ å‹•ä½œ turbolinksã®å‹•ä½œã¯ã€ã™ã”ãå¤§é›‘æŠŠã«è¨€ã†ã¨ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ ãƒªãƒ³ã‚¯ã®clickã‚¤ãƒ™ãƒ³ãƒˆã‚’ãƒ•ãƒƒ
at_home 2013/12/29
rails

javascript

programming

ruby

jquery

ajax

ruby on rails
ãƒªãƒ³ã‚¯
jQuery trigger event when click outside the element
$(document).click(function(evt) { var target = evt.currentTarget; var inside = $(".menuWraper"); if (target != inside) { alert("bleep"); } }); I am trying to figure out how to make it so that if a user clicks outside of a certain div (menuWraper), it triggers an event.. I realized I can just make every click fire an event, then check if the clicked currentTarget is same as the object selected from
at_home 2013/12/04
jQuery

tips
ãƒªãƒ³ã‚¯
CoffeeScriptã‚’ãŠã™ã™ã‚ã—ãŸã„ãƒ¯ã‚±
ãã‚Œä»¥é™ã€CoffeeScriptã§JSã‚’æ›¸ãç¶šã‘ã¦ã„ã¦ã€ã‚„ã£ã±CoffeeScriptã„ã„ãªãƒ¼ã¨çµæ§‹æ€ã£ã¦ã‚‹ã€‚è‡ªåˆ†ã«ã¨ã£ã¦ã®CoffeeScriptãŒã„ã„ã¨æ€ã†ä¸€ç•ªã®ç†ç”±ã¯ã€ã€Œã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘çš„ãªã‚³ãƒ¼ãƒ‰ãŒã€ã‚¹ãƒˆãƒ¬ã‚¹ç„¡ãæ›¸ã‘ã‚‹ã‹ã‚‰ã€ã£ã¦ã„ã†ç‚¹ã ã¨æ„Ÿã˜ã¦ã‚‹ã€‚ä¾‹ãˆã°ã€ä»¥ä¸‹ã®ã‚ˆã†ãªå‹•ä½œã‚’ã™ã‚‹UIãŒã‚ã‚Šã€
at_home 2013/12/04
coffeescript

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

javascript

jQuery
ãƒªãƒ³ã‚¯
jqueryã§click()ã®ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã«å¼•æ•°(ãƒ‡ãƒ¼ã‚¿)ã‚’æ¸¡ã™æ–¹æ³• - not good but great
demo ç„¡åé–¢æ•°ã‚’è‹±èªžã«ã—ãŸã‚‰ã€Œno name functionã€ã ã¨æ€ã£ã¦ã„ãŸãŒã€ä½•ã ã‹æ°—æŒã¡æ‚ªã‹ã£ãŸã®ã§èª¿ã¹ã¦ã¿ã‚‹ã¨ã€Œnameless functionã€ã ã£ãŸã€‚ åŒ¿åé–¢æ•°(anonymous function)ã£ã¦å‘¼ã³æ–¹ã‚‚ã‚ã‚‹ã€‚ 404 Blog Not Found : jargon - ç„¡åé–¢æ•°(nameless function)?åŒ¿åé–¢æ•°(anonymous function)? ã©ã†ã§ã‚‚ã„ã„ã‘ã©jsfiddleã§Runã•ã›ã‚‹ãŸã‚ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚ãƒ¼ã¯ã€ŒCtrl+Returnã€ã€‚Returnã‚ãƒ¼ã£ã¦ãªã‚“ã ã£ã‘ã¨æ€ã£ãŸEnterã‚ãƒ¼ã®ã“ã¨ã ã£ãŸä»¶ã€‚ Enterã‚ãƒ¼ã¨ã¯ ã€ŒReturnã‚ãƒ¼ã€ (Return key) (Enter key)ï¼š - ITç”¨èªžè¾žå…¸ãƒã‚¤ãƒŠãƒª ç„¡åé–¢æ•°ã§å®Ÿè¡Œ <p id='nameless'>nameless function</p> $("#namel
at_home 2013/12/03
jQuery

click

tips
ãƒªãƒ³ã‚¯
Rails: link_to ã§ POST ã—ãŸã‚‰ Request too long ã¨è¨€ã‚ã‚ŒãŸã‚ãªãŸã¸ | TECHSCORE BLOG | TECHSCORE BLOG
GET ã§ã¯ãªã POST ã§ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’é€ã‚ŠãŸã„å‹•æ©Ÿã¨ã—ã¦ã¯ã€æ¬¡ã®ã‚ˆã†ãªã‚‚ã®ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãƒªãƒ³ã‚¯å…ˆãŒ POST ã—ã‹å—ã‘ä»˜ã‘ã¦ãã‚Œãªã„ã€‚ ãƒªãƒ³ã‚¯å…ˆãŒ POST ã—ã‹å—ã‘ä»˜ã‘ã¦ãã‚Œãšã€ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã¯ãƒªã‚¯ã‚¨ã‚¹ãƒˆæœ¬æ–‡ã§æŒ‡å®šã—ãŸã‚‚ã®ã ã‘ãŒå—ã‘ä»˜ã‘ã‚‰ã‚Œã‚‹ã€‚ï¼ˆURL ã«ã‚¯ã‚¨ãƒªæ–‡å—åˆ—ã¨ã—ã¦å«ã‚ã¦ã‚‚å—ã‘ä»˜ã‘ã¦ãã‚Œãªã„ï¼‰ã€‚ ãƒªã‚¯ã‚¨ã‚¹ãƒˆãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ãŒå¤šã™ãŽã§ã€URL ã®æœ€å¤§é•·ã‚’è¶…ãˆã¦ã—ã¾ã†ã€‚ ä¸€ã¤ç›®ã®ã€Œãƒªãƒ³ã‚¯å…ˆãŒ POST ã—ã‹å—ã‘ä»˜ã‘ã‚Œãã‚Œãªã„ã€ã¨ã„ã†å ´åˆã¯ link_to ã® method ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã§ post ã‚’æŒ‡å®šã™ã‚Œã°å•é¡Œã‚ã‚Šã¾ã›ã‚“ãŒã€æ®‹ã‚ŠäºŒã¤ã®å ´åˆã¯ä¸Šæ‰‹ãã„ãã¾ã›ã‚“ã€‚ ã¨ã„ã†ã®ã‚‚ã€link_to ã® method ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã« post ã‚’æŒ‡å®šã—ãŸã¨ã—ã¦ã‚‚ã€ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã¯ URL ã«å«ã¾ã‚Œã¦ã—ã¾ã†ã‹ã‚‰ã§ã™ã€‚ ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã¯ãƒªã‚¯ã‚¨ã‚¹ãƒˆæœ¬æ–‡ã«å«ã‚ã¦ POST ã§é€ä¿¡ã—ãŸã„ ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã‚’ãƒªã‚¯ã‚¨ã‚¹ãƒˆæœ¬æ–‡
at_home 2013/11/12
rails

jQuery

plugin

tips
ãƒªãƒ³ã‚¯
jQueryã§optionè¦ç´ ã‚’è¿½åŠ ã™ã‚‹æ–¹æ³•
jQueryã§optionè¦ç´ ã‚’è¿½åŠ ã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ï¼‘ï¼Žoptionè¦ç´ ã‚’è¿½åŠ ã™ã‚‹ æ¬¡ã®selectè¦ç´ ãŒã‚ã‚‹ã¨ä»®å®šã—ã¾ã™ã€‚selectè¦ç´ ã«ã¯2ã¤ã®optionè¦ç´ ãŒè¨å®šã•ã‚Œã¦ã„ã¾ã™ã€‚ <select name="foo" id="foo"> <option value="1">aaa</option> <option value="2">bbb</option> </select> ã“ã‚Œã«valueå±žæ€§ãŒã€Œ3ã€ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒã€Œcccã€ã¨ã„ã†optionè¦ç´ ã‚’è¿½åŠ ã™ã‚‹ã«ã¯æ¬¡ã®ã‚ˆã†ã«è¨˜è¿°ã—ã¾ã™ã€‚ <script src="http://ajax.google apis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> $(function(){ var option = $('<option />'); opti
at_home 2013/10/31
jQuery

ãƒ•ã‚©ãƒ¼ãƒ

ã‚»ãƒ¬ã‚¯ãƒˆ

å°æŠ€

tips

option
ãƒªãƒ³ã‚¯
jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä¸ã«å‡ºã¦ãã‚‹ã‚»ãƒŸã‚³ãƒãƒ³ã€Œ;ã€
jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ã‚½ãƒ¼ã‚¹ã‚’èªã‚“ã§ã„ã‚‹ã¨ã€ç„¡åé–¢æ•°ã®å…ˆé ã«ã‚»ãƒŸã‚³ãƒãƒ³ã€Œ;ã€ã‚’ä»˜ã‘ã¦ã„ã‚‹ã®ã‚’è¦‹ã‹ã‘ãŸã‚Šã—ã¾ã™ã€‚ ãŸã¨ãˆã°ã€fancyboxã¨ã‹ãŒãã†ã§ã™ã€‚ ;(function($){ ..etc })(jQuery); jQueryã®$é–¢æ•°ã¿ãŸã„ãªã‚‚ã®ã‹ãªï¼Ÿã¨æ€ã„ã¤ã¤ã€JSLintã¨ã‹ã§æ–‡æ³•ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã¨ã‚¨ãƒ©ãƒ¼ã«ãªã‚Šã¾ã™ã‚ˆã€‚ ãŸã ã€ãªã‚“ã¨ãªãäºˆæƒ³ã¯ã¤ã„ã¦ã„ãŸã®ã§ã€ã‚°ã‚°ã£ã¦ã¿ã‚‹ã¨è‹±èªžã®ãƒ•ã‚©ãƒ¼ãƒ©ãƒ ã«æ›¸ã„ã¦ã‚ã‚Šã¾ã—ãŸã€‚ http://markmail.org/message/3gppon7hfmw7jqr7 ã–ã£ãã‚Šæ›¸ãã¨ã€ã€Œã‚»ãƒŸã‚³ãƒãƒ³ãŒå…ˆé ã«ã‚ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’èªã¿è¾¼ã‚€å‰ã«ã€ã‚»ãƒŸã‚³ãƒãƒ³ãŒã¡ã‚ƒã‚“ã¨æ›¸ã‹ã‚Œã¦ã„ãªã„ã‚³ãƒ¼ãƒ‰ãŒã‚ã‚‹ã¨ãƒã‚°ãƒƒã¡ã‚ƒã†ã‹ã‚‰ã¤ã‘ã¨ã„ãŸã‚ˆï¼ã€ã¨ã„ã†ã“ã¨ã§ã™ãã€‚ jsã§ã®ã‚»ãƒŸã‚³ãƒãƒ³ jsã§ã¯ã‚»ãƒŸã‚³ãƒãƒ³ã®è‡ªå‹•è£œå®Œã¨ã„ã†è¬Žã®æ©Ÿèƒ½ãŒã‚ã‚‹ãŸã‚ã€ã“ã‚“ãªæ„Ÿã˜ã®æ®‹å¿µãªã‚½ãƒ¼ã‚¹
at_home 2013/10/31
jQuery

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

javascript

js

JavaScriptæ–‡æ³•

æŠ€è¡“

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä½œã‚Šæ–¹ ~ é‡è¦ãª3ã¤ã®ãƒã‚¤ãƒ³ãƒˆ ~ - nigoblog
jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä½œæˆæ–¹æ³•ã«ã¤ã„ã¦æ›¸ã„ã¦ã„ãã¾ã™ã€‚ jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä¸€è¨€ã§ã„ã†ã¨ ã€ŒjQueryã‚¯ãƒ©ã‚¹ã®ãƒ¡ã‚½ãƒƒãƒ‰ã€ ã¨ã„ã†ã“ã¨ã§ã€jQueryã‚’ä¸€ã¤ã®ã‚¯ãƒ©ã‚¹ã¨è€ƒãˆãã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚’ä½œã‚‹ã¨ã„ã†ã“ã¨ãŒ ã€ŒjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½œæˆã™ã‚‹ã€ ã¨ã„ã†ã“ã¨ã§ã™ã€‚ ã¤ã¾ã‚Š javascriptã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ãŒã‚ã‹ã‚‹ javascriptã®ãƒ¡ã‚½ãƒƒãƒ‰ä½œæˆæ–¹æ³•ãŒã‚ã‹ã‚‹ jQueryã‚’ä¸€ã¤ã®ã‚¯ãƒ©ã‚¹ã¨ã—ã¦æ‰ãˆã‚‹ ä¸Šè¨˜3ã¤ã®ãƒã‚¤ãƒ³ãƒˆã‚’æŠ‘ãˆã‚‹ã ã‘ã§ã€jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯ç°¡å˜ã«ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã§ã¯æ—©é€Ÿ1ç•ªç›®ã®ãƒã‚¤ãƒ³ãƒˆã‹ã‚‰æ›¸ã„ã¦ã„ãã¾ã™ã€‚ javascriptã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ãŒã‚ã‹ã‚‹ javascriptã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ã¯å°‘ã—ç‰¹æ®Šã§ã™ã€‚ PHPã‚„Javaã€rubyãªã©ã®å ´åˆã¯ class ã‚¯ãƒ©ã‚¹å { ~ } ãªã©ã®ã‚ˆã†ã«æ›¸ãã¾ã™ã€‚ ä¸€æ–¹javascriptã®å ´åˆã¯ var ã‚¯ãƒ©ã‚¹å =
at_home 2013/10/31
jQuery

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

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

ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘
ãƒªãƒ³ã‚¯
add querystring to URL on buttonclick jquery
at_home 2013/09/06
jQuery

tips

è§£æ±º
ãƒªãƒ³ã‚¯
(function($) {})(jQuery);ã£ã¦ä½•ï¼Ÿã£ã¦æ€ã£ãŸã‹ã‚‰ã„ã‚ã„ã‚è©¦ã—ã¦ã¿ãŸè¨˜éŒ² - ãŠå‹‰å¼·orzæ—¥å’Œ
ã©ã†ã§ã‚‚ã„ã„è©±ãªã®ã§ã™ãŒã€inputã‚¿ã‚°ã®autocompleteå±žæ€§ã«ã¤ã„ã¦å…ˆæ—¥ã¯ã˜ã‚ã¦ã¡ã‚ƒã‚“ã¨çŸ¥ã£ãŸæ°—ãŒã—ã¾ã—ãŸï¼ˆä»Šæ›´ ãã‚Œã¨æ—¥è¨˜è¦‹è¿”ã™ã¨ã€æ˜”ã®æ–¹ãŒé›‘è¨˜çš„ã ãªãã¨æ€ã£ãŸã€‚ã€‚ ã†ãƒ¼ã‚“ã€ãã†è€ƒãˆã‚‹ã¨ãƒãƒ¼ã‚«ãƒ«ã®ã‚‚ã£ãŸã„ãªã„ãƒ¡ãƒ¢ã¯å¤šãã†ã ã€‚ ä»Šåº¦æ›¸ãå‡ºã›ãŸã‚‰ã„ã„ãªãã€‚ã€‚ ã§æœ¬é¡Œã§ã™ãŒã€å…ˆæ—¥jQueryã‚’ä½¿ã£ã¦ã„ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ã‚³ãƒ¼ãƒ‰ã‚’è¦‹ã¦ã¦ã€Œ(function($) {})(jQuery);ã€ã£ã¦ã©ã†ã„ã†æ„å‘³ï¼Ÿã¦æ€ã£ãŸã®ã§ã€èª¿ã¹ãŸã‚Šã¨ã‹ã—ã¦ã¾ã—ãŸã€‚ è¬Žã£ã¦æ€ã£ãŸã®ã¯ãŠãŠã¾ã‹ã«ï¼“ã¤ã€‚ ä½•æ•…å…¨ä½“ã‚’æ‹¬å¼§ã§å›²ã‚€å¿…è¦ãŒã‚ã‚‹ã®ã‹ã€‚ function($)ã®ã€Œ$ã€ã£ã¦ä½•ï¼Ÿ ï¼’å€‹ç›®ã®æ‹¬å¼§ã®ä¸ã®ã€ŒjQueryã€ã£ã¦ä½•ï¼Ÿ ã“ã‚Œã€ã»ã¼ã€Œ(function($) {})(jQuery);ã€ã®å…¨ã¦ãŒè¬Žã£ã¦ã„ã£ã¦ã‚‹ã‚ˆã†ãªã‚‚ã®ã§ã™ãw http://q.hatena.ne.jp/1226297257 ä¸Šè¨˜ã®URLå…ˆã‚’å‚è€ƒã«ãª
at_home 2013/07/26
jQuery

javascript

js

reference

tips
ãƒªãƒ³ã‚¯
GitHub - nicolaskruchten/pivottable: Open-source Javascript Pivot Table (aka Pivot Grid, Pivot Chart, Cross-Tab) implementation with drag'n'drop.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
at_home 2013/06/26
jsã§ãƒ”ãƒœãƒƒãƒˆãƒ†ãƒ¼ãƒ–ãƒ«

js

UI

data

javascript

jQuery

github

library

CoffeeScript
ãƒªãƒ³ã‚¯
jQuery Mobile Docs - Buttons
ãƒœã‚¿ãƒ³ã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’åŠ ãˆã‚‹ jQuery Mobile ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§é »ç¹ã«ä½¿ã‚ã‚Œã‚‹é¸ã‚Šã™ãã‚Šã®ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã‚’åŽéŒ²ã—ã¦ã„ã¾ã™ã€‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚µã‚¤ã‚ºã‚’æœ€å°é™ã«æŠ‘ãˆã‚‹ãŸã‚ã€ã‚¢ã‚¤ã‚³ãƒ³ã¯CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã«ã‚ˆã‚Šä¸€ã¤ã®ãƒ•ã‚¡ã‚¤ãƒ«ã«ã¾ã¨ã‚ã‚‰ã‚Œã¦ãŠã‚Šã€é»’ãã¦ä¸¸ã„åŠé€æ˜Žã®å½±ãŒè‡ªå‹•çš„ã«åŠ ãˆã‚‰ã‚Œã‚‹ãŸã‚ã€ã©ã®ã‚ˆã†ãªèƒŒæ™¯è‰²ã«å¯¾ã—ã¦ã‚‚è¦‹æ „ãˆãŒã—ã¾ã™ã€‚ ãƒœã‚¿ãƒ³ã«å¯¾ã—ã¦ data-icon å±žæ€§ã‚’è¿½åŠ ã™ã‚‹ã“ã¨ã§ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¿½åŠ ã§ãã¾ã™ã€‚ä¸‹è¨˜ã«ä¾‹ã‚’ç¤ºã—ã¾ã™ã€‚ <a href="index.html" data-role="button" data-icon="delete">å‰Šé™¤</a> ã‚¢ã‚¤ã‚³ãƒ³ä»˜ãã®ãƒœã‚¿ãƒ³: å‰Šé™¤ ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆ ä¸‹è¨˜ã®ã‚ˆã†ã« data-icon å±žæ€§ã‚’è¨å®šã™ã‚‹ã“ã¨ã§å„ç¨®ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¡¨ç¤ºã§ãã¾ã™ã€‚ å·¦å‘ãçŸ¢å° - data-icon="arrow-l" ãƒœã‚¿ãƒ³ å³å‘ãçŸ¢å° - d
at_home 2012/12/20
jquery mobileã®ãƒœã‚¿ãƒ³ã«ã‚«ã‚¹ã‚¿ãƒ ã‚¢ã‚¤ã‚³ãƒ³ã‚’ä»˜ã‘ã‚‹æ–¹æ³•

jQuery

jQuery Mobile

ã‚¢ã‚¤ã‚³ãƒ³
ãƒªãƒ³ã‚¯
jQuery ã®ä½ç½®ãƒ»ã‚µã‚¤ã‚ºé–¢é€£ãƒ¡ã‚½ãƒƒãƒ‰ã¾ã¨ã‚ - Cyokodog :: Diary
ã°ã‚‰ã‘ã¦ããŸã®ã§ã“ã¡ã‚‰ã«ã¾ã¨ã‚ã¾ã™ã€‚ ç´¢å¼• ä½ç½®ã®è¨å®š css(name,value) ä½ç½®ã®å–å¾— css(name) offset() position() scrollTop() / scrollLeft() event.pageY / event.pageX ã‚µã‚¤ã‚ºã®è¨å®š css(name,value) / height(value) / width(value) ã‚µã‚¤ã‚ºã®å–å¾— css(name) / height() / width() attr(clientHeight / offsetHeight / scrollHeight) outerHeight() / innerHeight() ã‚³ãƒ³ãƒ†ãƒŠè¦ç´ ã®å–å¾— offsetParent() è§£èª¬ ä½ç½®ã®è¨å®š css(name,value) å¯¾è±¡è¦ç´ ã‚’æŒ‡å®šã—ãŸä½ç½®ã«é…ç½®ã§ãã¾ã™ã€‚å˜ä½ã‚’çœç•¥ã—ãŸå ´åˆã¯ãƒ”ã‚¯ã‚»ãƒ«å˜ä½ã¨ãªã‚Šã¾ã™ã€‚ $('#
at_home 2012/12/20
ã“ã‚Œçµæ§‹ç›²ç‚¹ã‚ã‚‹ãªã

CSS

tips

javascript

ã¾ã¨ã‚

jquery

webåˆ¶ä½œ

ä½ç½®

ã‚µã‚¤ã‚º
ãƒªãƒ³ã‚¯
jQuery Mobileã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã§ã¯ã¾ã£ãŸ - pushStateã®å˜åœ¨ - | PPl@ce
jQuery Mobileã‚’ã¤ã‹ã£ã¦ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã‚’ã—ãŸã¨ãã«ã¯ã¾ã£ãŸã“ã¨ã€‚ å‰æjQuery Mobileã®cssã€javaScriptã¯ä»¥ä¸‹ã®ã‚ˆã†ã«åˆ©ç”¨ cssã¯ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—è‡ªåˆ†ã®ã‚µãƒ¼ãƒã«ã‚¢ãƒƒãƒ—javaScriptã¯CDNã‚’åˆ©ç”¨ã¾ãŸã€è‡ªå‰ã¨ã—ã¦ã¯ ä¸€éƒ¨ã€è‡ªå‰ã®cssã‚’ç”¨æ„è¨å®šç”¨ã®è‡ªå‰ã®javaScriptã‚’ç”¨æ„ä¸Šè¨˜ã‹ã‚‰ä»¥ä¸‹ã®ã‚ˆã†ãªæ„Ÿã˜ã«ãªã£ã¦ã¾ã™ã€‚ <link href="/jquery/jquery.mobile.min.css" rel="stylesheet" type="text/css" /> <link href="/css/jquery-custom.css" rel="stylesheet" type="text/css" /> <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script> <
at_home 2012/12/06
ajaxEnabled=falseæ™‚ã¯pushStateEnabledã‚‚falseã«ã—ãŸæ–¹ãŒè‰¯ã•ã’ã£ã¦ã“ã¨ã‹ãª

jQuery

mobile

jQuery Mobile

js

ajax

jQueryMobile

pushState

tips
ãƒªãƒ³ã‚¯
jQuery ã§ãƒ–ãƒ©ã‚¦ã‚¶ã®è¡¨ç¤ºé ˜åŸŸã«å¯¾ã™ã‚‹ã‚µã‚¤ã‚ºã‚„ä½ç½®æƒ…å ±ã‚’å–å¾—ã—ã¦ã¿ã‚‹ - Cyokodog :: Diary
æ›´æ–°å±¥æ´ 2010-01-21 æœ¬ã‚¨ãƒ³ãƒˆãƒªã®å†…å®¹ã‚‚å«ã‚ãŸæœ€æ–°ã®æƒ…å ±ã¯ä¸‹è¨˜ã‚¨ãƒ³ãƒˆãƒªã‚’ã”å‚ç…§ãã ã•ã„ã€‚ jQuery ã®ä½ç½®ãƒ»ã‚µã‚¤ã‚ºé–¢é€£ãƒ¡ã‚½ãƒƒãƒ‰ã¾ã¨ã‚ - Cyokodog::Diary å‰å›žã€å‰ã€…å›žã®ã‚¨ãƒ³ãƒˆãƒªã§ã¯ãƒœãƒƒã‚¯ã‚¹è¦ç´ ã‚’ä¾‹ã«ã‚µã‚¤ã‚ºã‚„ä½ç½®ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«é‡ãªã©ã®æ±‚ã‚æ–¹ã«ã¤ã„ã¦æ›¸ãã¾ã—ãŸãŒã€å®Ÿéš›ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®å®Ÿè£…ã«ãŠã„ã¦ã“ã‚Œã‚‰ã®æƒ…å ±ãŒå¿…è¦ã«ãªã‚‹ã®ã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®è¡¨ç¤ºé ˜åŸŸã«å¯¾ã—ã¦ã¨ã„ã†ã“ã¨ãŒå¤šã„ã‹ã¨æ€ã„ã¾ã™ã€‚ å…·ä½“çš„ã«ã¯ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ãªã©ã®æ©Ÿèƒ½ã§ã€ç”»é¢ã®ç«¯ã®è¦ç´ ã‚’ hover ã—ãŸæ™‚ã€ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ãŒãƒ–ãƒ©ã‚¦ã‚¶ã®è¡¨ç¤ºé ˜åŸŸå†…ã«åŽã¾ã‚‹ã‚ˆã†ã«è¡¨ç¤ºä½ç½®ã‚’èª¿æ•´ã™ã‚‹ã‚ˆã†ãªå ´åˆã«ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®è¡¨ç¤ºé ˜åŸŸã®ã‚µã‚¤ã‚ºã‚„ã‚¹ã‚¯ãƒãƒ¼ãƒ«é‡ãªã©ãŒå¿…è¦ã«ãªã‚Šã¾ã™ã€‚ jQuery ã§ãƒ–ãƒ©ã‚¦ã‚¶ã®è¡¨ç¤ºé ˜åŸŸã‚’ã¤ã‹ã‚€æ–¹æ³• ãƒ–ãƒ©ã‚¦ã‚¶ã®è¡¨ç¤ºé ˜åŸŸã‚’ jQuery ã§ã¤ã‹ã‚€ã«ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªè¨˜è¿°ã§ã§ããã†ã§ã™ã€‚ $('html') $(window) $(
at_home 2012/12/05
ie

ãƒ–ãƒ©ã‚¦ã‚¶

HTML

document

ä½ç½®æƒ…å ±

tips

javascript

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

ã‚¿ã‚°

jQuery

JavaScript

ã‚»ãƒ¬ã‚¯ã‚¿

tips
ãƒªãƒ³ã‚¯
extend ã§ç¶™æ‰¿ - ã‚ã‹ã‚‰ã‚“
jQuery ã® extend ã‚’ç”¨ã„ãŸç¶™æ‰¿ã®æ›¸ãæ–¹ã‚’èª¿ã¹ã¾ã—ãŸï¼Ž â–¼ ã‚³ãƒ¼ãƒ‰ $(function() { // è¦ªã‚¯ãƒ©ã‚¹ã®å®šç¾© var PClass = function() {}; PClass.prototype = { fn1: function() {}, fn2: function() { console.log("è¦ªã‚¯ãƒ©ã‚¹ã® fn2 ã‚’å®Ÿè¡Œ"); }, fn3: function() { console.log("è¦ªã‚¯ãƒ©ã‚¹ã® fn3 ã‚’å®Ÿè¡Œ"); }, }; // åã‚¯ãƒ©ã‚¹ã®å®šç¾© var CClass = function() { console.log("CClass ã®ã‚³ãƒ³ã‚¹ãƒˆãƒ©ã‚¯ã‚¿ã‚’å®Ÿè¡Œ"); }; $.extend(CClass.prototype, PClass.prototype, { fn1: function() { console.log("åã‚¯ãƒ©ã‚¹ã® f
at_home 2012/08/16
jqueryã§è¦ªã‚¯ãƒ©ã‚¹ã®functionã‚’ã‚ªãƒ¼ãƒãƒ¼ãƒ©ã‚¤ãƒ‰ã™ã‚‹æ–¹æ³•

jQuery

tips
ãƒªãƒ³ã‚¯
ç¬¬4å›ž è¦ç´ ã®æ“ä½œï¼†ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£ç·¨
é€£è¼‰ç›®æ¬¡ $.eachãƒ¡ã‚½ãƒƒãƒ‰ã¯ã€å¼•æ•°objã§æŒ‡å®šã•ã‚ŒãŸã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆï¼ˆãƒãƒƒã‚·ãƒ¥ï¼‰ã€ã¾ãŸã¯é…åˆ—ã®å†…å®¹ã‚’ã€ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°fncã«ã‚ˆã‚Šé †ã«å‡¦ç†ã—ã¾ã™ã€‚ ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°fncã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªæ€§è³ªã‚’æŒã¡ã¾ã™ã€‚ ç¬¬1å¼•æ•°ã¯ã€ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆï¼ˆãƒãƒƒã‚·ãƒ¥ï¼‰ã®ã‚ãƒ¼ã€ã¾ãŸã¯é…åˆ—ã®ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ç•ªå·ã‚’å—ã‘å–ã‚‹ ç¬¬2å¼•æ•°ã¯ã€ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆï¼é…åˆ—ã®å€‹ã€…ã®å€¤ã‚’å—ã‘å–ã‚‹ æˆ»ã‚Šå€¤ã¨ã—ã¦falseã‚’è¿”ã—ãŸå ´åˆã€ãã®å ´ã§ç¹°ã‚Šè¿”ã—å‡¦ç†ã‚’ä¸æ¢ï¼ˆãã‚Œä»¥å¤–ã®å€¤ã‚’è¿”ã—ãŸå ´åˆã«ã¯ç„¡è¦–ï¼‰ ãã‚Œã§ã¯ã€å…·ä½“çš„ãªä¾‹ã‚’è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ä»¥ä¸‹ã®ã‚µãƒ³ãƒ—ãƒ«ã¯ã€é…åˆ—booksã®å†…å®¹ã‚’é †ã«ãƒªã‚¹ãƒˆè¡¨ç¤ºã—ã¾ã™ã€‚ãŸã ã—ã€categoryã‚ãƒ¼ãŒã€ŒASP.NETã€ä»¥å¤–ã®ã‚‚ã®ãŒç™»å ´ã—ãŸã¨ã“ã‚ã§å‡¦ç†ã‚’æ‰“ã¡åˆ‡ã‚Šã¾ã™ã€‚ <script type="text/javascript"> $(function() { // æ›¸ç±æƒ…å ±ã‚’é…åˆ—booksã«æ ¼ç´ var books = [ {
at_home 2012/08/16
eachå‡¦ç†

jQuery

JavaScript
ãƒªãƒ³ã‚¯
iPhoneã‚„Androidç‰ã®ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹å‘ã‘ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼ç”¨JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ»PhotoSwipeãªã‹ãªã‹è‰¯ã„ã§ã™ãž - ã‹ã¡ã³ã¨.net
ãªã‹ãªã‹è‰¯ã•æ°—ã ã£ãŸã®ã§å‚™å¿˜éŒ²ã€‚ iPhoneã€Androidã‚„iPadãªã©ã®äººæ°— ã®ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ç”¨ã«ä½œã‚‰ã‚ŒãŸã‚®ãƒ£ãƒ© ãƒªãƒ¼ç”¨ã®JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ»PhotoSwipeã€‚ äººæ°—ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€jQueryMobileã§ã‚‚ åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹å°‚ç”¨ã¨ã‚ã£ã¦ã€ç‹¬è‡ªã®æ“ä½œã§ã‚‚ã‚ã‚‹ã€ãƒ”ãƒ³ãƒã‚¤ãƒ³/ã‚¢ã‚¦ãƒˆç‰ã«ã‚ˆã‚‹æ‹¡å¤§ã‚„å›žè»¢ã€ãƒ•ãƒªãƒƒã‚¯ã§é€²ã‚€ãªã©ã®æ“ä½œãŒå¯èƒ½ã§ã™ã€‚ PhotoSwipeã¯ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹å°‚ç”¨ã®JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚iOS(iPhone/iPad)ã¯å‹¿è«–ã€Androidã‚„BlackBerryã«ã‚‚å¯¾å¿œå‡ºæ¥ã‚‹ãã†ã§ã™ã€‚ã¾ãŸã€jQueryä¾å˜åž‹ã‚‚éžä¾å˜åž‹ãŒç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã®ã‚‚è‡ªç”±ã•ãŒã‚ã£ã¦ã„ã„ã‹ãªã¨ã€‚ [note] jQuery Mobileã¯æ˜¨æ—¥ã€ã‚µãƒ³ãƒ—ãƒ«é…å¸ƒã—ãŸã®ã§å®œã—ã‘ã‚Œã°åˆã‚ã›ã¦ã©ã†ãžã€‚[/note] PhotoSwipeã‚µãƒ³ãƒ—ãƒ« with jQuery Mobile ä»¥ä¸‹ã€iPhon
at_home 2012/07/26
PhotoSwipeç´¹ä»‹è¨˜äº‹

jQuery

iPhone

iPad

js

jQuery Mobile

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

mobile

javascript

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