[B! AJAX] mikurassã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mikurass id:mikurass

AJAXã«é–¢ã™ã‚‹mikurassã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (14)

${{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 pluginï½œAjaxï½œPHP & JavaScript Room
jQueryã‚’ä½¿ç”¨ã—ã¦ã€ç°¡å˜ã«ç”»åƒã«ã‚ºãƒ¼ãƒ åŠ¹æžœã‚’ä»˜ã‘ã‚‹æ–¹æ³•ãŒæŽ²è¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚ ä½¿ç”¨ã™ã‚‹ç”»åƒã¯åŽŸå¯¸å¤§ã®ç”»åƒ1æžšã€‚ imgè¦ç´ ã®width/heightå±žæ€§ã«ã‚µãƒ ãƒã‚¤ãƒ«è¡¨ç¤ºæ™‚ã®ã‚µã‚¤ã‚ºã‚’æŒ‡å®šã—ã¦ãŠãã¾ã™ã€‚ ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã«ãƒžã‚¦ã‚¹ãŒã®ã£ãŸæ™‚ã«ã€ç”»åƒã‚’ã‚µãƒ ãƒã‚¤ãƒ«è¡¨ç¤ºæ™‚ã‚ˆã‚ŠCSSã§ç”»åƒã‚µã‚¤ã‚ºã‚’25%å¤§ããã™ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡Œã„ã€z-indexã‚’ã‚ã’ã¦ä»–ã®è¦ç´ ã‚ˆã‚Šä¸Šã«è¡¨ç¤ºã™ã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã™ã€‚ ãƒžã‚¦ã‚¹ãŒé›¢ã‚ŒãŸæ™‚ã«ã€CSSã§ç”»åƒã‚µã‚¤ã‚ºã‚’å…ƒã®ã‚µã‚¤ã‚ºã«æˆ»ã™ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡Œã„ã€z-indexã‚’å…ƒã«æˆ»ã™æ–¹æ³•ãŒã¨ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://w
mikurass 2011/08/25
jQuery

plugin

image

jQuery

javascript

æ‹¡å¤§

ç”»åƒ

ajax

zoom
ãƒªãƒ³ã‚¯
ECã‚µã‚¤ãƒˆãªã©ã§ä½¿ãˆãã†ãª360åº¦ã‚ºãƒ¼ãƒ æ©Ÿèƒ½ã‚’å®Ÿè£…ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒAJAX-ZOOMã€:phpspoté–‹ç™ºæ—¥èªŒ
ECã‚µã‚¤ãƒˆãªã©ã§ä½¿ãˆãã†ãª360åº¦ã‚ºãƒ¼ãƒ æ©Ÿèƒ½ã‚’å®Ÿè£…ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒAJAX-ZOOMã€ 2011å¹´08æœˆ24æ—¥- AJAX-ZOOM jQuery Image Zoom Viewer & Pan Gallery, PHP - Javascript 360 Spin & Zoom Rotate Fullscreen ECã‚µã‚¤ãƒˆãªã©ã§ä½¿ãˆãã†ãª360åº¦ã‚ºãƒ¼ãƒ æ©Ÿèƒ½ã‚’å®Ÿè£…ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒAJAX-ZOOMã€ã€‚ å•†å“ãªã‚“ã‹ã‚’360åº¦å›žè»¢ã•ã›ãªãŒã‚‰è©³ç´°ã‚’ç¢ºèªã™ã‚‹ã¿ãŸã„ãªUIãŒä½œã‚Œã¾ã™ã€‚æœ€åˆã«ç”»åƒã‚’ä¸€æ°—ã«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹å¿…è¦ã¯ãªãã¦ã€ajaxãƒ™ãƒ¼ã‚¹ãªã®ã‚‚ç‰¹å¾´ã§ã™ å¤§ããªç”»é¢ã§è¦‹ã‚Œã‚‹ã‚ˆã†ã«ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒ¢ãƒ¼ãƒ‰ãªã‚“ã‹ãŒã¤ã„ãŸã‚Šã—ã¦å‡ã£ãŸä½œã‚Šã«ãªã£ã¦ã„ã¾ã™ ä»¥ä¸‹ã¯å›žè»¢ã•ã›ã¦åˆ¥ã®ã‚¢ãƒ³ã‚°ãƒ«ã§ã‚ºãƒ¼ãƒ ã—ã¦ã¿ãŸã¨ã“ã‚ ï¼“Dã ã‘ã§ã¯ãªãã¦ã€ï¼’Dã®å¤§ããªç”»åƒã«ã‚‚é©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã¿ãŸã„ã§ã™ ç”¨é€”ã«
mikurass 2011/08/25
AJAX

JQuery

ç”»åƒ

ECã‚µã‚¤ãƒˆ
ãƒªãƒ³ã‚¯
Ajaxé¢¨ã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒUploadifyã€ã®ä½¿ã„æ–¹ | JavaScript | ã‹ãŸã¤ã‚€ã‚Šãã‚“ã®WWW
Ajaxé¢¨ï¼ˆï¼Ÿï¼‰ãªãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãƒ¼ã¯å¤šã€…ã‚ã‚Šã¾ã™ã€‚ãã®ä¸ã§ã‚‚ã€ã“ã®ã€ŒUploadifyã€ã¯ã‹ãªã‚Šä½¿ã„ã‚„ã™ãã†ã§ã™ã€‚ ç”»é¢é·ç§»ãªã—ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã§ãã‚‹ã®ã¯ã‚‚ã¡ã‚ã‚“ã®ã“ã¨ã€ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã®é€²è¡ŒçŠ¶æ³ã‚‚è¦‹ã‚‰ã‚ŒãŸã‚Šã€è¤‡æ•°ãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã«ã‚‚å¯¾å¿œã—ã¦ã„ãŸã‚Šã¨ã€éžå¸¸ã«è‰¯ã„æ„Ÿã˜ã§ã™ã€‚ã¾ãŸã€ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰å®Œäº†å¾Œã‚„ãƒ•ã‚¡ã‚¤ãƒ«ã®é¸æŠžå¾Œã®æŒ¯ã‚‹ã¾ã„ã€é‡è¤‡ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒã‚§ãƒƒã‚¯ãªã©ã€è‰²ã€…ã¨ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã®è¨å®šãŒå‡ºæ¥ã‚‹ã®ã‚‚å¬‰ã—ã„ã§ã™ã€‚ jQuery ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚Šã€æ•·å±…ã‚‚ä½Žã„æ°—ãŒã—ã¾ã™ã€‚ ã¾ãšã¯è©¦ã—ã¦ã¿ã‚‹ ã¾ãšã¯ã€ã€Œuploadify - a multiple file upload plugin for jqueryã€ã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ è§£å‡ã—ãŸãƒ•ã‚©ãƒ«ãƒ€ã®ä¸ã®ã€Œexampleã€ãƒ•ã‚©ãƒ«ãƒ€ã‚’ã‚µãƒ¼ãƒãƒ¼ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ ã“ã‚Œã§æº–å‚™å®Œäº†ã§ã™ã®ã§ã€exampleãƒ•ã‚©ãƒ«ãƒ€å†…ã®index
mikurass 2010/10/15
ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰

ajax

jquery

ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãƒ¼

Uploadify
ãƒªãƒ³ã‚¯
ç¬¬1å›žã€€Aptana Jaxerã¨ã¯ï¼Ÿï¼Jaxerã®ã“ã“ãŒç´ æ•µ | gihyo.jp
Apatna Jaxerã¨ã¯ï¼Ÿ ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰JavaScriptã¨ã¯ã€ãã®åã®é€šã‚Šã‚µãƒ¼ãƒå´ã§å®Ÿè¡Œã™ã‚‹JavaScriptã®ã“ã¨ã§ã™ã€‚ JavaScriptã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å®Ÿè¡Œã™ã‚‹ã‚‚ã®ã€ã¨ã„ã†ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒå¼·ã„ã®ã§ã€ã‚µãƒ¼ãƒå´ã§å®Ÿè¡Œã™ã‚‹ã¨è¨€ã‚ã‚Œã¦ã‚‚ã€ãƒ”ãƒ³ã¨æ¥ãªã„æ–¹ã‚‚å¤šã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰JavaScriptã®ã‚¨ãƒ³ã‚¸ãƒ³ã¯ã€ã„ãã¤ã‹ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãŒç™»å ´ã—ã¦ã„ã¾ã™ã€‚Javaã«ã‚ˆã‚‹å®Ÿè£…ã®Rhinoã‚„Cã«ã‚ˆã‚‹å®Ÿè£…ã®Spidermonkeyã¯ã€ãã®ä»£è¡¨æ ¼ã«ãªã‚Šã¾ã™ã€‚ å…ˆæ—¥ã€çµ±åˆé–‹ç™ºç’°å¢ƒAptana Studioã§æœ‰åãªAptanaç¤¾ãŒã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰JavaScriptã‚’å®Ÿç¾ã™ã‚‹"Ajaxã‚µãƒ¼ãƒ"Aptana Jaxerï¼ˆä»¥ä¸‹ã€Jaxerï¼‰ã‚’ç™ºè¡¨ã—ã¾ã—ãŸã€‚ Ajaxã‚µãƒ¼ãƒã€ã¨ã¯è€³æ…£ã‚Œãªã„è¨€è‘‰ã§ã™ãŒã€Jaxerã®ç‰¹å¾´ã‚’ãšã°ã‚Šã¨è¨€ã„è¡¨ã™ãŸã‚ã«ä½œã£ãŸé€ èªžã ã¨æ€ã„ã¾ã™ã€‚Jaxerã‚’åˆ©ç”¨ã™ã‚‹ã¨ã€Aj
mikurass 2010/09/28
php

Aptana

JavaScript

ã‚µãƒ¼ãƒ

AJAX

jaxer

web

db
ãƒªãƒ³ã‚¯
æœ¬ã‚’èªã‚€ Webãƒ¡ãƒ¼ãƒ«ã‚µãƒ¼ãƒãƒ¼ã€ŒScalixã€ã‚’è©¦ã—ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«
å‰ã‹ã‚‰è©¦ã—ã¦ã¿ãŸã„ã¨æ€ã£ã¦ã„ãŸã€ŒScalixã€ã¨ã„ã†Webãƒ¡ãƒ¼ãƒ«ã‚µãƒ¼ãƒãƒ¼ã‚½ãƒ•ãƒˆã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦è©¦ã—ã¦ã¿ãŸã€‚ä»¥ä¸‹ãƒ¡ãƒ¢ã€‚ Scalixã£ã¦ãªã«ï¼Ÿ Ajaxã§ãƒãƒ¼ã‚«ãƒ«ã®ãƒ¡ãƒ¼ãƒ«ã‚½ãƒ•ãƒˆï¼ˆMUAï¼‰ã®ã‚ˆã†ã«ä½¿ãˆã‚‹Webãƒ¡ãƒ¼ãƒ«ã‚µãƒ¼ãƒãƒ¼ã‚½ãƒ•ãƒˆã€‚æ“ä½œæ€§ã¯ã€3/4ãƒšã‚¤ãƒ³ã®ãƒ¡ãƒ¼ãƒ«ã‚½ãƒ•ãƒˆãã£ãã‚Šã€‚ãƒ¡ãƒ‹ãƒ¥ãƒ¼æ“ä½œã‚„ã€ãƒ¡ãƒ¼ãƒ«ã‚’ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã—ã¦ãƒ•ã‚©ãƒ«ãƒ€ã«ç§»ã™ã¨ã„ã£ãŸæ“ä½œã‚‚ã§ãã‚‹ã€‚ å•†ç”¨è£½å“ã ãŒã€ã‚µãƒãƒ¼ãƒˆãªã—ã®Communityç‰ˆã¯ç„¡å„Ÿã§ä½¿ãˆã‚‹ã€‚ å…¨æ©Ÿèƒ½ã¯ã€Microsoft Exchangeï¼‹Outlookç›¸å½“ã®ã‚°ãƒ«ãƒ¼ãƒ—ã‚¦ã‚§ã‚¢ï¼†ãƒ¡ãƒ¼ãƒ«ã‚·ã‚¹ãƒ†ãƒ ã€‚ã ãŒã€ã¨ã‚Šã‚ãˆãšWebãƒ¡ãƒ¼ãƒ«ã‚µãƒ¼ãƒãƒ¼ã¨ã—ã¦ã®é¢ã‚’å‰é¢ã«å‡ºã—ã¦ã„ã‚‹ã‚‰ã—ã„ã€‚å®Ÿã¯å‡ºè‡ªã¯HPç¤¾ã®OpenMailã€‚ å‚è€ƒï¼š Scalix Japan | æ—¥æœ¬ã‚¹ã‚±ãƒ¼ãƒªãƒƒã‚¯ã‚¹ - ãƒˆãƒƒãƒ— Scalix Wiki - ScalixWikiJP å¯¾å¿œãƒ‡ã‚£ã‚¹ãƒˆãƒªãƒ“ãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ RHEL 4.
mikurass 2010/04/20
Scalix

webãƒ¡ãƒ¼ãƒ«

mail

ã‚½ãƒ•ãƒˆ

Ajax
ãƒªãƒ³ã‚¯
CakePHP ã¾ã¨ã‚:ãƒšãƒ¼ã‚¸ãƒ³ã‚°ã•ã›ã‚‹ï¼ˆHTMLç‰ˆã¨AJAXç‰ˆï¼‰
æ•°åä»¶å˜ä½ã®ãƒ‡ãƒ¼ã‚¿ã‚’è¡¨ç¤ºã™ã‚‹éš›ã®ãƒšãƒ¼ã‚¸åˆ‡ã‚Šæ›¿ãˆã‚’ç°¡å˜ã«ä½œã‚‹äº‹ãŒå‡ºæ¥ã¾ã™ã€‚ http://wiki.cakephp.org/tutorials:pagination ã¾ãšä¸Šè¨˜ãƒšãƒ¼ã‚¸ã®ã€ŒStep 1: Get the filesã€ã«ã‚ã‚‹3ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãã‚Œãžã‚Œ /app/controllers/components/pagination.php /app/views/helpers/pagination.php /app/views/elements/pagination.thtml ã¨ã—ã¦ä¿å˜ã—ã¾ã™ã€‚ ã€Controllerã«è¨˜è¿°ã€‘ var $components = array ('Pagination');var $helpers = array('Pagination'); function paging_list() { list($order,$limit,$page) = $this
mikurass 2009/12/16
cakePHP

AJAX
ãƒªãƒ³ã‚¯
ã‚¦ãƒŽã‚¦ãƒ©ãƒœ Unoh Labs: jQueryã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æœ€é©åŒ–ã«é–¢ã™ã‚‹Tips
GT Nitro: Car Game Drag Raceã¯ã€å…¸åž‹çš„ãªã‚«ãƒ¼ã‚²ãƒ¼ãƒ ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã“ã‚Œã¯ã‚¹ãƒ”ãƒ¼ãƒ‰ã€ãƒ‘ãƒ¯ãƒ¼ã€ã‚¹ã‚ãƒ«å…¨é–‹ã®ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã§ã™ã€‚ãƒ–ãƒ¬ãƒ¼ã‚ã¯å¿˜ã‚Œã¦ã€ã“ã‚Œã¯ãƒ‰ãƒ©ãƒƒã‚°ãƒ¬ãƒ¼ã‚¹ã€ãƒ™ã‚¤ãƒ“ãƒ¼ï¼å¤å…¸çš„ãªã‚¯ãƒ©ã‚·ãƒƒã‚¯ã‹ã‚‰æœªæ¥çš„ãªãƒ“ãƒ¼ã‚¹ãƒˆã¾ã§ã€æœ€ã‚‚ã‚¯ãƒ¼ãƒ«ã§é€Ÿã„è»Šã¨ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã§ãã¾ã™ã€‚ã‚¹ãƒ†ã‚£ãƒƒã‚¯ã‚·ãƒ•ãƒˆã‚’ãƒžã‚¹ã‚¿ãƒ¼ã—ã€ãƒ‹ãƒˆãƒã‚’è³¢ãä½¿ã£ã¦ç«¶äº‰ã‚’æ‰“ã¡ç ´ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã¯ãã®ãƒªã‚¢ãƒ«ãªç‰©ç†å¦ã¨ç´ æ™´ã‚‰ã—ã„ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã§ã‚ãªãŸã®å¿ƒã‚’çˆ†ç™ºã•ã›ã¾ã™ã€‚ã“ã‚Œã¾ã§ãƒ—ãƒ¬ã‚¤ã—ãŸã“ã¨ã®ãªã„ã‚ˆã†ãªã‚‚ã®ã§ã™ã€‚ GT Nitroã¯ã€ãƒªãƒ•ãƒ¬ãƒƒã‚¯ã‚¹ã¨ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚’è©¦ã™ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã§ã™ã€‚æ£ã—ã„çž¬é–“ã«ã‚®ã‚¢ã‚’ã‚·ãƒ•ãƒˆã—ã€ã‚¬ã‚¹ã‚’æ€ã„åˆ‡ã‚Šè¸ã‚€å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã¾ãŸã€å¤§ç‰©ãŸã¡ã¨ç«¶ã„ã¤ã¤ã€è»Šã®ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã¨ã‚¢ãƒƒãƒ—ã‚°ãƒ¬ãƒ¼ãƒ‰ã‚‚è¡Œã‚ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“ã€‚ä¸–ç•Œä¸ã§æœ€é«˜ã®ãƒ‰ãƒ©ã‚¤ãƒãƒ¼ã¨è»Šã¨ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã«æŒ‘ã‚€ã“ã¨ã«ãªã‚Šã€ãƒ‰ãƒ©ãƒƒã‚°ãƒ¬ãƒ¼ã‚¹ã®çŽ‹å†
mikurass 2009/06/22
ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°

ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹

benchmark

AJAX

JQuery

æœ€é©åŒ–
ãƒªãƒ³ã‚¯
jQueryã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã«ã¤ã„ã¦ --- id ã‚¢ã‚¯ã‚»ã‚¹ã¨class ã‚¢ã‚¯ã‚»ã‚¹ (ã§ãƒã¹ã‚ã£ã±ãƒ¼ãšãƒ»ã•ã„ã©)
æœ€è¿‘ã€jQueryã‚’åˆ©ç”¨ã—ã¦æ›¸ã‹ã‚ŒãŸã‚½ãƒ¼ã‚¹ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãƒã‚§ãƒƒã‚¯ã‚’ã—ã¦ã„ã¦ã€jQueryã®ã‚½ãƒ¼ã‚¹ã‚‚è¦‹ã¤ã¤è‰²ã€…ã¨åˆ†ã‹ã£ã¦ãã¾ã—ãŸã€‚ jQueryã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æœ€é©åŒ–ã«é–¢ã™ã‚‹Tips ã§ã€â†‘ã“ã®ã‚¨ãƒ³ãƒˆãƒªã§è©±é¡Œã«ãªã£ã¦ã„ã‚‹ classæŒ‡å®šã ã¨idæŒ‡å®šã‚ˆã‚Šé…ããªã‚‹ã€‚ $('div#hoge') ã¨ $('#hoge') ã§ã¯ã€$('#hoge')ã®æ–¹ãŒæ—©ã„ã€‚ ã¨ã„ã†2ç‚¹ã«ã¤ã„ã¦ã€ãã®ç†ç”±ã‚’è§£èª¬ã—ã¾ã™ã€‚ ãƒ»classæŒ‡å®šã ã¨idæŒ‡å®šã‚ˆã‚Šé…ããªã‚‹ã€‚ javascript ã«ã¯document.getElementById() ã¨ã„ã†é–¢æ•°ã¯ã‚ã‚Šã¾ã™ãŒã€classæŒ‡å®šã§HTMLElementã‚’å–å¾—ã™ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ã¯å˜åœ¨ã—ã¾ã›ã‚“ã€‚ ãªã®ã§ã€classåã§å–å¾—ã—ã‚ˆã†ã¨ã—ãŸå ´åˆã€æ¤œç´¢å¯¾è±¡ã®HTMLElementã‚’ç·ãªã‚ã—ã¦classåã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ æ¤œç´¢å¯¾è±¡ãŒå¤šã‘ã‚Œã°å¤šã„ã»ã©å½“ç„¶é…ããªã£ã¡ã‚ƒã„ã¾
mikurass 2009/06/22
AJAX

JavaScript

JQuery

library

performance

ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹
ãƒªãƒ³ã‚¯
cakePHPã§Ajaxãƒ•ã‚©ãƒ¼ãƒ ã®ã‚µãƒ³ãƒ—ãƒ« YARETOKOã€Œãƒ¤ãƒ¬ãƒˆã‚³ã€ãƒ¡ã‚¤ãƒ³ãƒ–ãƒã‚°
================ è¿½è¨˜ï¼š2009/01/12 ================ Ajaxãƒ•ã‚©ãƒ¼ãƒ ã®ã‚µãƒ³ãƒ—ãƒ«ã¨ã—ã¦ã¯ã€Ajaxãƒ˜ãƒ«ãƒ‘ãƒ¼ã‚’ã¤ã‹ã£ãŸå•åˆã›ãƒ•ã‚©ãƒ¼ãƒ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚‚å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚ ã‚ˆã‹ã£ãŸã‚‰ã©ã†ãžã€‚ ================ cakePHPã§Ajaxã‚’ã¡ã‚‡ã“ã£ã¨ã‚„ã£ãŸã®ã§æ›¸ãã¾ã™ã€‚ Ajaxç”¨ã«æ–°ã—ãã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ã¨ãƒ“ãƒ¥ãƒ¼ã‚’ä½œæˆã›ãšã«ã€ã²ã¨ã¤ã®ãƒ“ãƒ¥ãƒ¼ã¨ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ã§å‡¦ç†ã—ã¾ã—ãŸã€‚ ajaxload.infoã«ã‚ã‚‹ã‚ˆã†ãªãŠã—ã‚ƒã‚ŒãªLoadingç”»åƒã‚’ä½¿ã†ã®ã‚‚ã„ã„ã§ã™ãã€‚ ã‚µãƒ³ãƒ—ãƒ«ï¼šãƒã‚°ã‚¤ãƒ³ãƒ•ã‚©ãƒ¼ãƒ ã‚’Ajaxã§ã‚„ã£ã¦ã¿ã‚‹ã€‚ ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¼ class TestsController extends AppController{ var $name = "Tests"; var $helpers = array('Html' ,'Javascript' , 'Ajax
mikurass 2009/05/15
AJAX

CakePHP

ãƒã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
AJAXã®ãŠå‹‰å¼·
ã“ã®ã‚µã‚¤ãƒˆã¯ã€Ajaxã®ãŠå‹‰å¼·ã‚µã‚¤ãƒˆã§ã™ã€‚ Ajaxã«ä»˜éšã™ã‚‹æŠ€è¡“çš„ãªæƒ…å ±ã‚’æä¾›ã—ã¾ã™ã€‚ Ajaxã¯ã€JavaScriptã®HTTPé€šä¿¡æ©Ÿèƒ½ã‚’ä½¿ã£ã¦ã€ ã‚µãƒ¼ãƒã¨XMLå½¢å¼ã®ãƒ‡ãƒ¼ã‚¿ã®ã‚„ã‚Šå–ã‚Šã‚’éžåŒæœŸã§é€šä¿¡ã§ãã¾ã™ã€‚ ä»Šã¾ã§å‹•çš„ãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã™ã‚‹å ´åˆã¯ã€ ç”»é¢é·ç§»ã‚’ä¼´ã†å¿…è¦ãŒç”Ÿã˜ã¾ã—ãŸãŒã€ é·ç§»ãŒä¼´ã‚ãªã„ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½œæˆãŒå¯èƒ½ã¨ãªã‚Šã¾ã™ã€‚ Ajaxã¯ã€DHTMLã¨å‘¼ã°ã‚Œã‚‹æŠ€è¡“ï¼ˆHttpã€CSSã€JavaScriptãªã©ï¼‰ã«ã€ ã“ã®HTTPé€šä¿¡ãŒè¶³ã•ã‚ŒãŸã‚‚ã®ã§ã—ã‚‡ã†ã‹ã€‚ Ajaxã¨è¨€ãˆã°ã€Google MapãŒæœ‰åã§ã™ãã€‚ ä»Šæ—¥ã§ã¯ã€æ§˜ã€…ãªWebã‚µãƒ¼ãƒ“ã‚¹ã«AjaxãŒåˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ Ajaxã¯ã€htmlã§ä½œæˆã§ãã‚‹ã®ã¯åˆ©ç‚¹ã§ã—ã‚‡ã†ã€‚ æ‰‹è»½ã«çµ„ã¿è¾¼ã‚ã‚‹ã®ã¯è‰¯ã„ã¨æ€ã„ã¾ã™ã€‚
mikurass 2009/05/07
jQuery

ajax

é…åˆ—

ãƒ«ãƒ¼ãƒ—

each
ãƒªãƒ³ã‚¯
jQuery é–‹ç™ºè€…å‘ã‘ãƒ¡ãƒ¢ - ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ $() jQueryã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ä½œã‚Šå‡ºã™é–¢æ•°ã§ã™ï¼Ž $("CSSæ–‡å—åˆ—") CSSã§è¦ç´ ã‚’æŒ‡å®šã—ï¼Œãƒžãƒƒãƒã—ãŸè¦ç´ ã‚’æŒã¤jQueryã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’è¿”ã—ã¾ã™ï¼Ž è©³ã—ã„æŒ‡å®šæ–¹æ³•ã¯ Selectors ã‚’å‚ç…§ã—ã¦ãã ã•ã„ï¼Ž jquery 1.1 ã¾ã§ã¯ XPath ã«ã‚ˆã‚‹æŒ‡å®šã‚‚ã§ãã¾ã—ãŸãŒï¼Œæœ€æ–°ç‰ˆã§ã¯å‰Šé™¤ã•ã‚Œã¦ã„ã¾ã™ï¼Ž XPath Compatibility Plugin ã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ã§ï¼Œ1.2 ã§ã‚‚ XPath ã‚’åˆ©ç”¨å¯èƒ½ã§ã™ï¼Ž var $toc_1 = $("#toc_1"); jquery_dump($toc_1); var $h1 = $("h1"); jquery_dump($h1); var $h1head = $("h1.head"); jquery_dump($h1head); var $ahref = $("a[@href^='http://jquery.com
mikurass 2009/04/30
AJAX

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

é–‹ç™º

JQuery

library
ãƒªãƒ³ã‚¯
jQuery UIã§å®Ÿç¾ï¼ Ajaxã§è¤‡æ•°é¸æŠžãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—
jQueryã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€jQuery UIã€WebçµŒç”±ã®CDNã¨ã¯ CSSã®æ›¸ãæ–¹ã‚‚åˆ†ã‹ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³å®Ÿè·µæ´»ç”¨æ³•ï¼ˆ1ï¼‰ åŸºæœ¬ï¼ãŠã•ã‚‰ã„ã¨ã—ã¦ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„jQuery UIã«ã¤ã„ã¦ç°¡å˜ã«è§¦ã‚Œã€WebçµŒç”±ã§jQueryã‚’ä½¿ã†CDNã«ã¤ã„ã¦è§£èª¬ ãƒ‡ã‚¶ã‚¤ãƒ³ãƒãƒƒã‚¯ ï¼œ ãƒªãƒƒãƒã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆ 2009/12/8 ä»Šå›žã¯ã€ŒjQuery UIã€ã®ã‚ˆã‚Šé€²ã‚“ã æ´»ç”¨ä¾‹ â– jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery UIã€ã¨ã¯ï¼Ÿ ä»Šå›žç´¹ä»‹ã™ã‚‹jQuery UIã¯ã€JavaScriptï¼ˆAjaxï¼‰ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯jQueryã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒjQueryç”¨ã«é–‹ç™ºã—ã¦ã„ã‚‹ã€ä»¥ä¸‹ã®æ©Ÿèƒ½ã‚’æä¾›ã™ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ãªã©ã®ãƒžã‚¦ã‚¹æ“ä½œã®æ©Ÿèƒ½æ‹¡å¼µ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’æ”¹å–„ã™ã‚‹ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆï¼ˆã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã€æ—¥ä»˜å…¥åŠ›ã€ãƒ€ã‚¤ã‚¢ãƒã‚°ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€ã‚¿ãƒ–ãªã©ï¼‰ ä»Šå›žã¯ã€jQuery UIã®ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—æ©Ÿèƒ½
mikurass 2009/04/30
JQuery

AJAX

UI
ãƒªãƒ³ã‚¯
jQueryå…¥é–€ (ver 1.2.1)
ã“ã®ãƒšãƒ¼ã‚¸ã¯Ajaxãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®1ã¤ã§ã‚ã‚‹jQueryãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’å‹‰å¼·ã—ãŸã„äººå‘ã‘ã«ç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒŸã‚¹ã‚„é–“é•ã„ãªã©ãŒã‚ã‚Šã¾ã—ãŸã‚‰openspc@po.shiojiri.ne.jpã¾ã§ãŠé¡˜ã„ã—ã¾ã™ã€‚ jQueryã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ã‚ˆã£ã¦ãƒ¡ã‚½ãƒƒãƒ‰ãŒç•°ãªã‚‹ãŸã‚ã€ãƒãƒ¼ã‚¸ãƒ§ãƒ³åˆ¥ã«å…¥é–€ãƒšãƒ¼ã‚¸ã‚’ç”¨æ„ã—ã¦ã‚ã‚Šã¾ã™ã€‚ã“ã“ã§ã¯ã€ãƒãƒ¼ã‚¸ãƒ§ãƒ³1.2.1ã‚’åŸºæº–ã¨ã—ã¦ã„ã¾ã™ã€‚ Ajaxãƒ©ã‚¤ãƒ–ãƒ©ãƒª (JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒª) ã¨ã—ã¦ã¯Prototypeãƒ©ã‚¤ãƒ–ãƒ©ãƒª (prototype.js) ãŒæœ‰åã§ã™ã€‚Prototypeãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ãƒ—ãƒã‚°ãƒ©ãƒžã«å¤šãåˆ©ç”¨ã•ã‚Œã¦ãŠã‚Šã€JavaScriptã®æ©Ÿèƒ½ã‚’æ‹¡å¼µã™ã‚‹ã“ã¨ã§ä½¿ã„ã‚„ã™ããªã‚‹ã‚ˆã†ã«è¨è¨ˆã•ã‚Œã¦ã„ã¾ã™ã€‚jQueryã¯ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã¸ã®ã‚¢ã‚¯ã‚»ã‚¹ã‚’ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¨åŒã˜ã‚ˆã†ã«ã™ã‚‹ã“ã¨ã§éžå¸¸ã«åˆ†ã‹ã‚Šã‚„ã™ãã‚³ãƒ³ãƒ‘ã‚¯ãƒˆãªè¨˜è¿°ãŒã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚
mikurass 2009/04/30
jQuery

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

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

é–‹ç™º

JavaScript

library

AJAX
ãƒªãƒ³ã‚¯
jQuery æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
jQueryã¨ã¯ã€JavaScriptã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’å¼·åŠ›ã«æ”¯æ´ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ $('.semooh a').hover( function(){ $(this).text('ãƒŒï¼Ÿ'); }, function(){ $(this).text('ãƒŒãƒ¼'); } );
mikurass 2009/04/28
jQuery

AJAX

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

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

JavaScript
ãƒªãƒ³ã‚¯
1