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

monomoti id:monomoti

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

${{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.triggerã§ã¯ãªãjQuery.triggerHandlerã‚’ä½¿ã†ã»ã†ãŒã‚ˆã„ã¨æ€ã£ãŸ - hitode909ã®æ—¥è¨˜
DOMã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã«ã¯æ˜”ã‹ã‚‰dispatchEventã¨ã‹ï¼ŒaddEventListenerã¨ã‹ã‚ã£ã¦ï¼Œæœ€è¿‘ã ã¨ï¼Œnode.jsã®EventEm itterã¨ã‹ï¼ŒjQueryã®on, triggerã‚’ä½¿ã£ã¦è‡ªä½œã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆé–“ã§ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³çš„ã«å®šç¾©ã•ã‚ŒãŸã‚¤ãƒ™ãƒ³ãƒˆã‚’ã‚„ã‚Šã¨ã‚Šã§ãã‚‹ï¼Ž ã“ã‚Œã¾ã§ï¼Œè‡ªä½œã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‹ã‚‰ã‚¤ãƒ™ãƒ³ãƒˆã‚’ç™ºè¡Œã™ã‚‹ã®ã«ï¼ŒjQueryã®triggerã‚’ä½¿ã£ã¦ãŸã‘ã©ï¼Œæ„å›³ã—ãªã„æŒ™å‹•ã‚’ã™ã‚‹ã“ã¨ãŒã‚ã‚‹ã“ã¨ãŒåˆ†ã‹ã£ã¦ï¼ŒtriggerHandlerã‚’ä½¿ã†ã‚ˆã†ã«å¤‰ãˆãŸï¼Ž jQuery.trigger()ã¯ï¼Œã‚¤ãƒ™ãƒ³ãƒˆã‚¿ã‚¤ãƒ—ã¨ä¸€è‡´ã™ã‚‹é–¢æ•°ã‚’ãƒ¬ã‚·ãƒ¼ãƒãŒæŒã£ã¦ã‚‹ã¨ãï¼Œãã®é–¢æ•°ãŒå‘¼ã°ã‚Œã‚‹ï¼Ž ã‚¤ãƒ™ãƒ³ãƒˆã®ã‚„ã‚Šã¨ã‚Šã¨ï¼Œãƒ¡ã‚½ãƒƒãƒ‰ã®å‘¼ã³å‡ºã—ã¯ç‹¬ç«‹ã—ã¦ã„ã‚‹ã¨ã„ã†ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã‚ã£ãŸã®ã§ï¼Œã†ã£ã‹ã‚ŠåŒåã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚’å®šç¾©ã—ãŸã¨ãã«ï¼Œä¸€è¦‹ã™ã‚‹ã¨ã‚ˆãåˆ†ã‹ã‚‰ãªã„æŒ™å‹•ã«ãªã£ã¦ï¼Œé›£ã—ã„ï¼Ž ãªã®ã§ï¼Œè‡ªä½œã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãŒã‚¤ãƒ™ãƒ³ãƒˆã‚’ç™ºè¡Œ
monomoti 2013/11/25
javascript

jQuery

js
ãƒªãƒ³ã‚¯
Tocify - Boostrapå¯¾å¿œã®ç›®æ¬¡ç”Ÿæˆãƒ©ã‚¤ãƒ–ãƒ©ãƒª
MOONGIFTã¯ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’ç´¹ä»‹ã™ã‚‹ãƒ–ãƒã‚°ã§ã™ã€‚2021å¹´07æœˆ16æ—¥ã§æ›´æ–°åœæ¢ã—ã¾ã—ãŸ ãŠã€‚ã“ã‚Œã¯ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚µã‚¤ãƒˆã®ãƒ˜ãƒ«ãƒ—ã‚„èª¬æ˜Žãƒšãƒ¼ã‚¸ã«ä½¿ãˆãã†ã§ã™ãã€‚ Bootstrapã‚’ãƒ™ãƒ¼ã‚¹ã«Webã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹ãƒ¡ãƒªãƒƒãƒˆã¨ã—ã¦ã€å¤šå½©ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³/ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã®å˜åœ¨ãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚“ãªã“ã¨å®Ÿç¾ã§ãã‚‹ã‹ãªã€ã¨æ€ã£ã¦èª¿ã¹ã¦ã¿ã‚Œã°å¤§æŠµãã†ã„ã£ãŸã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãŒå˜åœ¨ã™ã‚‹ã®ãŒå¼·ã¿ã§ã™ã€‚ ä¾‹ãˆã°ãƒ¡ã‚¤ãƒ³ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å·¦å´ã«è¦‹å‡ºã—ã‚’ç›®æ¬¡ã¨ã—ã¦ä¸¦ã¹ãŸã„ã€ãã†æ€ã£ãŸãªã‚‰ã°Tocifyã‚’ä½¿ã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚Bootstrap + jQueryã§æ ¼å¥½ã„ã„ç›®æ¬¡è¡¨ç¤ºã‚’è¡Œã£ã¦ãã‚Œã¾ã™ã€‚ ä½¿ã„æ–¹ã¨ã—ã¦ã¯ã¾ãšã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¨JavaScriptã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ <link type="text/css" rel="stylesheet" href="jquery.tocify.css" /> <link type="
monomoti 2013/11/18
Bootstrap

jquery

css

js

jQuery
ãƒªãƒ³ã‚¯
jQuery Core 1.9 Upgrade Guide
jQuery Core 1.9 Upgrade Guide Overview jQuery Migrate Plugin Changes of Note in jQuery 1.9 .toggle(function, function, ... ) removed jQuery.browser() removed .live() removed .die() removed jQuery.sub() removed .add() .addBack( selector ) replaces .andSelf() .after(), .before(), and .replaceWith() with disconnected nodes .appendTo, .insertBefore, .insertAfter, and .replaceAll Ajax events should be
monomoti 2013/06/27
jQuery
ãƒªãƒ³ã‚¯
jQuery 1.9 ã«æ›´æ–°ã™ã‚‹éš›ã«æ³¨æ„ã™ã¹ãå¤‰æ›´ç‚¹ã®è‡ªåˆ†ãªã‚Šã®ã¾ã¨ã‚ | ç§çš„ãªjQueryä»–
jQuery Core 1.9 Upgrade Guide | jQuery ã®ã€ŒChanges of Note in jQuery 1.9ã€ã‚’èªã‚“ã§ã€ è‡ªåˆ†ãªã‚Šã«ã¾ã¨ã‚ã¾ã—ãŸã€‚ èª¤è¨³ã—ã¦é–“é•ã£ãŸã“ã¨ã‚’ã¾ã¨ã‚ã¦ãŸã‚Šã€ æœ€æ–°ã®æƒ…å ±ã§ãªã„ã‹ã‚‚ã—ã‚Œãªã„ã®ã§ èªã¾ã‚Œã‚‹éš›ã¯ã”æ³¨æ„ä¸‹ã•ã„ã€‚ ï¼ˆâ€»ãƒšãƒ¼ã‚¸ã‚’ãã®ã¾ã¾è¨³ã—ãŸã‚ã‘ã§ã¯ãªã„ã¨ã€æ€ã„ã¾ã™ï¼‰ jQuery 1.9 ã§ã¯ API ã®å‰Šé™¤ã‚„ æŒ™å‹•ã®å¤‰æ›´ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã¯ã€å‰ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‹ã‚‰æ›´æ–°ã—ãŸæ™‚ã€ æ—¢å˜ã®ã‚³ãƒ¼ãƒ‰ã«å½±éŸ¿ãŒã§ãã†ãªå¤‰æ›´ã‚’ ä¸¦ã¹ãŸã‚‚ã®ã«ãªã‚Šã¾ã™ã€‚ å¤‰æ›´ç‚¹ã‚’å…¨éƒ¨ç¶²ç¾…ã—ã¦ã„ã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ç®‡æ¡æ›¸ãã«ã™ã‚‹ã¨ä»¥ä¸‹ã®ã‚ˆã†ãªæ„Ÿã˜ï¼š å‰Šé™¤ã•ã‚ŒãŸæ©Ÿèƒ½ .toggle(function, function) ã®ç”¨æ³• jQuery.browser() .live()ã¨.die() jQuery.sub() document ä»¥å¤–ã®è¦ç´ ã§ã® A
monomoti 2013/06/27
jQuery
ãƒªãƒ³ã‚¯
RequireJSã§Twitter Bootstrapï¼ˆjQueryï¼‰ã‚’éžåŒæœŸãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã¿ã‚‹ | DevelopersIO
ã“ã‚“ã«ã¡ã¯ã€ã™ã©ãƒ¼ã§ã™ã€‚ RequireJSã§jQueryã‚„jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®éžåŒæœŸãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ æœ€è¿‘ã¯å¤§è¦æ¨¡ãªæ§‹æˆã«ãªã‚‹ã¨ã€ã€Œã¡ã¢ã‚ã‚‹ã€ã¾ã¨ã‚ã‚‹ã€ã‹ãŸã‚ã‚‹ï¼ˆminify, combine, compressï¼‰ã€ã®ãŒä¸»æµã®ã‚ˆã†ã§ã™ã€‚ ã§ã™ãŒå°ä¸è¦æ¨¡ãªæ§‹æˆã‚„ã€ä¾å˜é–¢ä¿‚ã«ã‚ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãªã©ã‚‚å¤šãã‚ã‚‹ã®ã§ã€ç°¡å˜ãªä½¿ã„æ–¹ã ã‘ã§ã‚‚è¦šãˆã¦ãŠãã¨ä¾¿åˆ©ã‹ã¨æ€ã„ã¾ã™ã€‚ RequireJSï¼š http://requirejs.org/ RequireJS APIï¼š http://requirejs.org/docs/api.html RequireJSã®ä¸»ãªç‰¹å¾´ ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–ï¼ˆAMD APIã‚’ã‚µãƒãƒ¼ãƒˆï¼‰ éžåŒæœŸãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚° OPTIMIZERã«ã‚ˆã‚‹æœ€é©åŒ– 1. ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–ï¼ˆAMD APIã‚’ã‚µãƒãƒ¼ãƒˆï¼‰ AMD(Asynchronous Module Definition)ã¯Comm
monomoti 2013/04/24
RequireJS

Bootstrap

jQuery

Require.js

javascript
ãƒªãƒ³ã‚¯
jQuery ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®ä¸ã«ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒè¨ç½®ã§ãã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ jQuery slideinslide ã€‘ | Stronghold Archive
ã©ã†ã‚‚ã“ã‚“ã°ã‚“ã¯ã€‚ä»Šå›žã®Tipsã¯ã€jQuery ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®ä¸ã«ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒè¨ç½®ã§ãã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ jQuery slideinslideã€‘ã§ã™ã€‚ä»Šå›žã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯è‡ªä½œã§ã™ã€‚æ©Ÿä¼šã¯å°‘ãªã„ã§ã™ãŒä½•åº¦ã‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®ä¸ã«ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’è¨ç½®ã—ãŸã„ã¨ã„ã†å ´é¢ãŒã‚ã‚Šã¾ã—ãŸã€‚ã“ã‚Œã¾ã§ã¯éƒ½åº¦ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’æ›¸ã„ã¦ã„ãŸã®ã§ã™ãŒâ€¦ã¡ã‚‡ã£ã¨é¢å€’ã ãªãã¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³åŒ–ã—ã¾ã—ãŸã€‚ã“ã®è¬Žãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³â€¦è‡ªåˆ†ç”¨ã«ã¨ã£ã¦ãŠã„ã¦ã‚‚ã„ã„ã®ã§ã™ãŒã€å˜åœ¨è‡ªä½“å¿˜ã‚Œã‚‹å¯èƒ½æ€§ã‚‚ã‚ã‚‹ã®ã§â€¦å‚™å¿˜éŒ²ã¨ã—ã¦ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚ DEMO & DOWNLOAD æ›´æ–°æƒ…å ± ãƒ»2013 3/8 æ°´å¹³æ–¹å‘ã¸ã®ã‚¹ãƒ©ã‚¤ãƒ‰æ©Ÿèƒ½ã‚’è¿½åŠ ã€‚è©³ã—ãã¯Optionã‚’ã”ç¢ºèªãã ã•ã„ã€‚ä¸Šä¸‹å·¦å³ã®ã‚ãƒ¼ãƒœãƒ¼ãƒˆã«ã‚‚å¯¾å¿œã—ã¦ãŠã‚Šã¾ã™ã€‚DEMOã¯ã“ã¡ã‚‰ã‹ã‚‰ å®Ÿè£…æ–¹æ³• å®Ÿè£…ã¯è‡³ã£ã¦ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã€‚ã‚¹ãƒ©ã‚¤ãƒ‰ã®ä¸ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã®å…¥ã‚‹HTMLã‚’ç”¨æ„ã—ã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ èªã¿è¾¼ã¿ãƒ•ã‚¡ã‚¤ãƒ«ï¼ˆjQue
monomoti 2013/03/07
ã©ã†ã„ã†ã“ã¨ã ã‚ã†ï¼Ÿã‚ã¨ã§ç¢ºèªã€‚

jQuery

javascript

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Sidr
SidrThe best jQuery plugin for creating side menus and the easiest way for doing your menu responsive You will be able to create multiple sidrs on both sides of your web to make responsives menus (or not, it works perfectly on desktop too). It uses CSS3 transitions (and fallbacks to $.animate with older browsers) and it supports multiple source types. Get startedLike any other plugin, you must inc
monomoti 2013/03/02
plugin

jQuery

javascript
ãƒªãƒ³ã‚¯
1216å½©ç¥¨-å®˜ç½‘å¹³å°
æ‚¨ä¸å…·å¤‡ä½¿ç”¨æ‰€æä¾›çš„å‡æ®æŸ¥çœ‹è¯¥ç›®å½•æˆ–é¡µçš„æƒé™ã€‚ è¯·å°è¯•ä»¥ä¸‹æ“ä½œï¼š å¦‚æžœæ‚¨è®¤ä¸ºè‡ªå·±åº”è¯¥èƒ½å¤ŸæŸ¥çœ‹è¯¥ç›®å½•æˆ–é¡µé¢ï¼Œè¯·ä¸Žç½‘ç«™ç®¡ç†å‘˜è”ç³»ã€‚ å•å‡»åˆ·æ–° æŒ‰é’®ï¼Œå¹¶ä½¿ç”¨å…¶ä»–å‡æ®é‡è¯•ã€‚ HTTP é”™è¯¯ 401.1 - æœªç»æŽˆæƒï¼šè®¿é—®ç”±äºŽå‡æ®æ— æ•ˆè¢«æ‹’ç»ã€‚ Internet ä¿¡æ¯æœåŠ¡ (IIS) æŠ€æœ¯ä¿¡æ¯ï¼ˆä¸ºæŠ€æœ¯æ”¯æŒäººå‘˜æä¾›ï¼‰ è½¬åˆ° Microsoft äº§å“æ”¯æŒæœåŠ¡ å¹¶æœç´¢åŒ…æ‹¬â€œHTTP â€å’Œâ€œ401 â€çš„æ ‡é¢˜ã€‚ æ‰“å¼€â€œIIS å¸®åŠ©â€ï¼ˆå¯åœ¨ IIS ç®¡ç†å™¨ (inetmgr) ä¸è®¿é—®ï¼‰ï¼Œç„¶åŽæœç´¢æ ‡é¢˜ä¸ºâ€œèº«ä»½éªŒè¯â€ã€â€œè®¿é—®æŽ§åˆ¶â€å’Œâ€œå…³äºŽè‡ªå®šä¹‰é”™è¯¯æ¶ˆæ¯â€çš„ä¸»é¢˜ã€‚
monomoti 2013/01/10
jQuery

javascript

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

é«˜é€ŸåŒ–
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã§ä½¿ãˆã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã„ã‚ã„ã‚
Fit Text - A plugin for i... / slabText / FitVids.JS - A lightweig...ä»–...å…¨7ä»¶
monomoti 2012/04/22
jQuery

javascript

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Rails3 ã¨ jQuery ã§çœŸé¢ç›®ã«ã‚ªã‚·ãƒ£ãƒ¬ãªã‚¨ãƒã‚µã‚¤ãƒˆã‚’ã¤ãã£ã¦ã¿ã¾ã—ãŸ
ã„ã¤ãžã‚„ã®é£²ã¿ä¼šã§ã€ ã“ã‚Œã ã‘ã‚¦ã‚§ãƒ–ã®æŠ€è¡“ãŒé€²åŒ–ã—ã¦ã„ã‚‹ã®ã ã‹ã‚‰ã€ã‚‚ã£ã¨ã‚ªã‚·ãƒ£ãƒ¬ãªã‚¨ãƒã‚µã‚¤ãƒˆãŒã‚ã£ã¦ã‚‚ã„ã„ã‚“ã§ãªã„ã‹ã„ï¼Ÿ << ã¨ã„ã†è©±ã«ãªã‚Šã¾ã—ã¦ã€‚ ã ã‘ã©ã©ã†ã›ä½œã‚‹ã‚“ãªã‚‰ã¨ã„ã†ã“ã¨ã§ã€Rails3 ã¨ jQuery ã‚’ä½¿ã£ã¦çµæ§‹ãƒžã‚¸ãƒ¡ã«ã¤ãã£ã¦ã¿ã¾ã—ãŸã€‚ ï¼ˆâ€»å¤§äººã®äº‹æƒ…ã«ã‚ˆã‚Šã€ãƒªãƒ³ã‚¯ã¯ã‚„ã‚€ãªãå‰Šé™¤ã—ã¾ã—ãŸï¼‰ å½“åˆã¯ã‚¨ãƒã«ã‚ªã‚·ãƒ£ãƒ¬ã¯å¿…è¦ãªã„ã®ã‹ãªãƒ¼ã¨æ€ã£ãŸã¨ãã‚‚ã‚ã‚Šã¾ã—ãŸãŒã€ã„ã–ã¤ãã£ã¦ã¿ã‚‹ã¨ã€ã‚„ã£ã±ã‚Šé¸ã¹ã‚‹ãªã‚‰ã‚ªã‚·ãƒ£ãƒ¬ãªã‚„ã¤ã®æ–¹ãŒãŒã„ã„ã‚ˆãã€ã¨ã„ã†çµè«–ã«è½ã¡ç€ãã¾ã—ãŸã€‚ ä»Šå›žã¤ãã£ãŸã®ã¯è©¦é¨“çš„ãªã‚‚ã®ãªã®ã§ 90æ—¥é–“é™å®šã§ã—ã‹å…¬é–‹ã—ãªã„ã¤ã‚‚ã‚Šã§ã™ãŒã€æ—¥æœ¬ã®ã‚¨ãƒã‚µã‚¤ãƒˆãŒä»Šå¾Œã‚‚ã£ã¨ã‚ªã‚·ãƒ£ãƒ¬ã«ç™ºå±•ã—ã¦ã„ããã£ã‹ã‘ã«ãªã£ã¦ãã‚ŒãŸã‚‰å¬‰ã—ã„ã§ã™ã€‚ ä»¥ä¸‹ã€ã‚µã‚¤ãƒˆã®ã‚³ãƒ³ã‚»ãƒ—ãƒˆã‚„ä½¿ã£ã¦ã„ã‚‹æŠ€è¡“ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ **Rails3 ã¨ jQuery ã§çœŸé¢ç›®ã«ã‚ªã‚·ãƒ£ãƒ¬ãªã‚¨ãƒã‚µã‚¤ãƒˆã‚’ã¤ãã£ã¦ã¿ã¾ã—ãŸ 1
monomoti 2012/04/01
ruby

rails3

rails

jQuery

webservice

web
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚¯ãƒ¼ãƒ«ãªã‚¿ã‚°ã‚¯ãƒ©ã‚¦ãƒ‰ã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQCloudã€:phpspoté–‹ç™ºæ—¥èªŒ
DukeLeNoir/jQCloud GitHub ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚¯ãƒ¼ãƒ«ãªã‚¿ã‚°ã‚¯ãƒ©ã‚¦ãƒ‰ã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQCloudã€ ä½œã£ã¦ã¿ã‚‹ã¨æ„å¤–ã¨é›£ã—ã„ã‚¿ã‚°ã‚¯ãƒ©ã‚¦ãƒ‰ã€‚ãã‚Œã‚’æ¬¡ã®ã‚ˆã†ã«ç¾Žã—ãå®Ÿè£…ã§ãã‚‹ã‚¿ã‚°ã‚¯ãƒ©ã‚¦ãƒ‰å®Ÿè£…ç”¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ ãƒ¯ãƒ¼ãƒ‰ã®ãƒªã‚¹ãƒˆã‚’æ¬¡ã®ã‚ˆã†ã«é…åˆ—ã§æ¸¡ã—ã¦ã‚ã’ã¦åˆæœŸåŒ–ã™ã‚‹ã ã‘ã§ã™ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã‹ã¯å…¨éƒ¨ã‚„ã£ã¦ãã‚Œã‚‹ã¿ãŸã„ã§ã™ æ–‡å—ã®ç¾…åˆ—ã ã‘ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ä¸Šã«ã€æ¯Žå›žãƒ¯ãƒ¼ãƒ‰ãŒå¤‰ã‚ã‚‹ã‚ã‘ãªã®ã§ãªã‹ãªã‹ãƒ‡ã‚¶ã‚¤ãƒ³ãŒé›£ã—ã„ã¨ã“ã‚ã§ã™ãã€‚ Web2.0ã¨è¨€ã‚ã‚ŒãŸï¼’ï¼ï¼ï¼•å¹´å½“æ™‚ã¯ä½•å‡¦ã§ã‚‚è¦‹ã‚‹ç¨‹ã‚ˆãä½¿ã‚ã‚Œã¦ã„ãŸã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã§ã™ãŒã€CSS3ã‚’ä½¿ã£ã¦rotateã•ã›ãŸã‚Šã™ã‚‹ã“ã¨ã§ä»Šãªã‚‰ã‚ˆã‚Šé€²ã‚“ã é¢ç™½ã„è¡¨ç¾ãŒã§ãã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª çž¬æ™‚ã«ã‚¿ã‚°ã‚¯ãƒ©ã‚¦ãƒ‰ãŒå½¢æˆã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒJimpl Tag Cloudã€ HTML5ã®canvasã‚’ä½¿ã£ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã‚¿ã‚°ã‚¯ãƒ©ã‚¦ãƒ‰
monomoti 2012/03/15
ã‚¿ã‚°ã‚¯ãƒ©ã‚¦ãƒ‰

jQuery

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Rails3ã§Ajaxã§formã®callbackã‚’æŒ‡å®šã™ã‚‹ã«ã¯ - ryopeko ã®ä½•ã‹
Rails3ã‹ã‚‰ã®å¤‰æ›´ç‚¹ã§ãƒãƒžã£ãŸã®ã§ãƒ¡ãƒ¢ã€‚ Rails2ã§ã¯formã‚’Ajaxã§é€ä¿¡ã™ã‚‹ã«ã¯form_remote_tagã‚’åˆ©ç”¨ã—ã¦ã„ãŸã€‚ ã“ã‚ŒãŒRails3ã§ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«:remote => trueã‚’æŒ‡å®šã™ã‚‹ã“ã¨ã§å®Ÿç¾ã™ã‚‹ã€‚ <%= form_tag(url_for(:action => 'create'), :remote => true, :id => "result_form") do %> <% end %> ä»Šã¯ä¸»ã«jQueryã‚’ä½¿ã£ã¦é–‹ç™ºã—ã¦ã„ã‚‹ç‚ºã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§æ‰±ã†javascriptã‚’jQueryã«å¤‰æ›´ã™ã‚‹ã€‚ Gemfileã«ä»¥ä¸‹è¨˜è¿° gem 'jquery-rails' bundle installã—ã¦é–¢é€£ãƒ•ã‚¡ã‚¤ãƒ«ã‚’generate $ bundle install $ rails g jquery:installjquery.jsã¨rails.jsã‚’èªã¿è¾¼ã‚€ã‚ˆã†ã«
monomoti 2012/02/17
ã“ã£ã¡ã®ãŒã„ã„ã€‚

rails3

rails

Ajax

jQuery
ãƒªãƒ³ã‚¯
Turn.js: The page flip effect in HTML5
Turn.js is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5. The web is getting beautiful with new user interfaces based in HTML5; turn.js is the best fit for a magazine, book or catalog based in HTML5. <div id="flipbook"> <div class="hard"> Turn.js </div> <div class="hard"></div> <div> Page 1 </div> <div> Page 2 </div> <div> Page
monomoti 2012/02/07
ã‚ãã£ã¦ã„ã‚‹ã¨è¨€ã‚ã‚Œã‚Œã°ã€ãã‚“ãªæ„Ÿã˜

jQuery

HTML5
ãƒªãƒ³ã‚¯
Youtubeå‹•ç”»ã‚’ãƒšãƒ¼ã‚¸èƒŒæ™¯ã«ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œtubularã€:phpspoté–‹ç™ºæ—¥èªŒ
tubular, a YouTube Background Player jQuery Plugin | Sean McCambridge Design Youtubeå‹•ç”»ã‚’ãƒšãƒ¼ã‚¸èƒŒæ™¯ã«ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œtubularã€ ã“ã‚“ãªã“ã¨ãŒå‡ºæ¥ã¡ã‚ƒã†ã®ã‹ã¨ã„ã†æ„Ÿã˜ã§ã™ãŒã€ãƒšãƒ¼ã‚¸èƒŒæ™¯å…¨ä½“ã‚’Youtubeå‹•ç”»ã«ã§ãã¾ã™ã€‚ å®Ÿè£…ã¯ã€$('body').tubular('_VKW_M_uVjw','wrapper'); ã®ã‚ˆã†ã«ã€tubular ã«videoIDã®å¼•æ•°ã¨ãƒ©ãƒƒãƒ‘ãƒ¼ã®IDã‚’æ¸¡ã›ã°OKã€‚ èƒŒæ™¯ã‚’ã‚¯ãƒªãƒƒã‚¯ã§å‹•ç”»ã«ã¨ã‚“ã˜ã‚ƒã„ã¾ã™ãŒã€ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã—ã¦ã‚‚ã‚‰ã£ã¦ã‚‹ã‚ã‘ãªã®ã§ã—ã‚‡ã†ãŒãªã„ã§ã™ãã€‚ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„é ˜åŸŸã¯å•é¡Œãªãã‚¯ãƒªãƒƒã‚¯ã§ãã‚‹ã¨ã“ã‚ãŒãƒŠã‚¤ã‚¹ã§ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª é¢ç™½ã„ãƒ†ã‚ã‚¹ãƒˆã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œtextualizerã€ æ™‚é–“ã®å…¥åŠ›ã‚’æ¥½ã«ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹jQuer
monomoti 2012/01/17
jQuery

YouTube

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

javascript

css
ãƒªãƒ³ã‚¯
ã‚ãªãŸå¥½ã¿ã®ã‚«ãƒ©ãƒ¼ãƒ”ãƒƒã‚«ãƒ¼ãŒä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒEXColorã€:phpspoté–‹ç™ºæ—¥èªŒ
ExColor color picker plugin | jQuery plugins | ModCoder - Innovative Software Solutions for Web Sites#wizard#wizard ã‚ãªãŸå¥½ã¿ã®ã‚«ãƒ©ãƒ¼ãƒ”ãƒƒã‚«ãƒ¼ãŒä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒEXColorã€ã€‚ ã‚µã‚¤ãƒˆä¸Šã‹ã‚‰ã‚¦ã‚£ã‚¶ãƒ¼ãƒ‰ã§ãƒ‘ãƒ¼ãƒ„ã‚’é¸æŠžã—ã¦ã‚«ãƒ©ãƒ¼ãƒ”ãƒƒã‚«ãƒ¼ã‚’ç‹¬è‡ªã«ãƒ‡ã‚¶ã‚¤ãƒ³ã§ãã¡ã‚ƒã†ã¨ã„ã†å„ªã‚Œã‚‚ã®ã§ã™ã€‚ ãƒ™ãƒ¼ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚æ¬¡ã®ã‚ˆã†ã«è‰¯ã„æ„Ÿã˜ã§ã™ã€‚ ãƒ‘ãƒ¼ãƒ„ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨UIãŒå¤‰æ›´å¯èƒ½ã€‚ ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ãŸã‚«ãƒ©ãƒ¼ãƒ”ãƒƒã‚«ãƒ¼ã®ã‚³ãƒ¼ãƒ‰ãŒæ¬¡ã®ã‚ˆã†ã«å‡ºåŠ›ã•ã‚Œã¦ä¾¿åˆ© ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã“ã ã‚ã‚ŠãŸã„æ–¹ã¯é¸æŠžè‚¢ã®ï¼‘ã¤ã¨ã—ã¦ä½¿ãˆãã†ã§ã™ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã‚·ãƒ³ãƒ—ãƒ«ï¼†è»½å¿«ãªã‚«ãƒ©ãƒ¼ãƒ”ãƒƒã‚«ãƒ¼å®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒJSColorã€ ã‚·ãƒ³ãƒ—ãƒ«UIãŒã„ã„æ„Ÿã˜ã®ã‚«ãƒ©ãƒ¼ãƒ”ãƒƒã‚«ãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒsimpleColorPickerã€
monomoti 2011/07/25
jQuery

jquery

ui

web
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
monomoti 2011/07/08
jQuery

JavaScript

é«˜é€ŸåŒ–

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
[JS]jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³33 1é¸ -2011å¹´6æœˆ | ã‚³ãƒªã‚¹
galleryFocus ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ãŸå‘¨è¾ºã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ãƒ•ã‚§ãƒ¼ãƒ‰ã•ã›ã€ä¸å¿ƒã‚’ãã£ãã‚Šè¦‹ã›ã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€‚ [ad#ad-2]
monomoti 2011/06/27
ã»ã†jVectorMapã¨ãª

jQuery

jquery

JavaScript
ãƒªãƒ³ã‚¯
jQueryã‚’å¦ã¶ãŸã‚ã®ãƒªãƒ³ã‚¯é›†
1. æ¦‚è¦ã®ç†è§£ jQueryã‚’ä¸€åˆ‡çŸ¥ã‚‰ãªã„å ´åˆã¯ã¾ãšã¯æ¦‚è¦ã®ç†è§£ã‹ã‚‰å§‹ã‚ã¾ã™ã€‚ ãƒŽãƒ³ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã®ãŸã‚ã®jQueryå…¥é–€ http://www.slideshare.net/hayatomizuno/jquery-7665168 ã¯ã˜ã‚ã¦ã®jQuery http://higashizm.sakura.ne.jp/jquery_first/ 2. åŸºæœ¬çš„ãªä½¿ã„æ–¹ã‚’ç†è§£ã™ã‚‹ ã‚µãƒ³ãƒ—ãƒ«ã‚’è¦‹ãªãŒã‚‰å…·ä½“çš„ãªã‚³ãƒ¼ãƒ‰ã‚’ä½œæˆã—ç†è§£ã‚’æ·±ã‚ã¾ã™ã€‚ 40åˆ†ã§è¦šãˆã‚‹jQueryé€Ÿä¿®è¬›åº§ http://ascii.jp/elem/000/000/498/498710/ jQueryåŸºç¤Žæ–‡æ³•æœ€é€Ÿãƒžã‚¹ã‚¿ãƒ¼ http://blog.webcreativepark.net/2010/02/02-111519.html jQueryã‚µãƒ³ãƒ—ãƒ«é›† http://www.designwalker.com/2008/04/jque
monomoti 2011/06/13
jQueryã®äººæ°—ã«prototypeãŒå«‰å¦¬ã—ã¦ã„ã¾ã™

jQuery

javascript

ã¾ã¨ã‚

jquery
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é–¢ã™ã‚‹å¼·åŠ›ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï¼–ã¤:phpspoté–‹ç™ºæ—¥èªŒ
6 Powerful jQuery Plugins to Create and Enhance Website Layout | Queness ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é–¢ã™ã‚‹å¼·åŠ›ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï¼–ã¤ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ ä¸€æ˜”å‰ã§ã¯ä¸å¯èƒ½ã§ã¯ï¼Ÿã¨æ€ã‚ã‚ŒãŸã‚ˆã†ãªè¤‡é›‘ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚‚jQueryã‚’ä½¿ã†ã“ã¨ã§ç°¡å˜ã«å®Ÿç¾ã§ãã¾ã™ã€‚ ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã—ãŸã„ã£ã¦ã„ã†æ™‚ã«å‚è€ƒã«ã•ã›ã¦ã‚‚ã‚‰ã„ã¾ã—ã‚‡ã† UI.Layout ãƒªã‚µã‚¤ã‚ºå¯èƒ½ãªè¤‡é›‘ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä½œæˆ Masonry ãƒ–ãƒãƒƒã‚¯ã‚’æ–°èžã¿ãŸã„ã«ã—ãã¤ã‚ã¦è¡¨ç¤º jLayout divã‚’ãªã‚‰ã¹ã¦ãã®è¦ªdivã®classã«ãƒ«ãƒ¼ãƒ«ã«ã—ãŸãŒã£ã¦è¨˜è¿°ã™ã‚‹ã“ã¨ã§è¤‡é›‘ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒç°¡å˜ã«ä½œã‚Œã¾ã™ jQuery pageSlide ãƒšãƒ¼ã‚¸å…¨ä½“ã‚’ã‚ºãƒ©ã—ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãªãŒã‚‰ã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚’å‡ºã™ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ jQSlickWrap ç”»åƒã«ã‚ã‚ã›ã¦æ–‡æ›¸ã‚’ã¾ã‚ã‚Šã“ã¾ã›ã‚‰ã‚Œã‚‹ C
monomoti 2011/06/09
ã‚ã‚ŠãŒã¨ã†ã€‚ã„ã„è–¬ã§ã™ã€‚

jquery

jQuery

Webãƒ‡ã‚¶ã‚¤ãƒ³

ui
ãƒªãƒ³ã‚¯
HTML5, CSS3, jQueryã‚’ä½¿ç”¨ã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç”¨ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -G5 Framework
CSSã®ã‚ãƒ£ãƒƒã‚·ãƒ¥å¯¾ç– ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®è§’ä¸¸ã€ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã€ä¸é€æ˜Ž ã‚·ãƒ§ãƒ¼ãƒˆãƒãƒ³ãƒ‰CSSã€å†åˆ©ç”¨å¯èƒ½ãªclass ãƒšãƒ¼ã‚¸ä¸‹éƒ¨ã«å›ºå®šè¡¨ç¤ºã•ã‚Œã‚‹Sticky Footer CSSï¼ˆReseté–¢é€£ï¼‰ ãƒªã‚»ãƒƒãƒˆã¯HTML5ãƒ™ãƒ¼ã‚¹ã®Eric Meyer's Reset Reloaded ãƒ•ã‚©ãƒ³ãƒˆã®ãƒŽãƒ¼ãƒžãƒ©ã‚¤ã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ Webkitç³»ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ•ã‚©ãƒ³ãƒˆã®ã‚¹ãƒ ãƒ¼ã‚¸ãƒ³ã‚° ãƒ•ã‚©ãƒ¼ã‚¹ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ ãƒ©ãƒ™ãƒ«ã®ä¸€åˆ—åŒ– ã‚¯ãƒªãƒƒã‚¯å¯èƒ½ãªã‚¤ãƒ³ãƒ—ãƒƒãƒˆè¦ç´ ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼å¯¾å¿œ IE7ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒªã‚µã‚¤ã‚¸ãƒ³ã‚° å°åˆ·æ™‚ã®ã‚¹ã‚¿ã‚¤ãƒ« X(HTML) ã‚¯ãƒªãƒ¼ãƒ³ãªã‚³ãƒ¼ãƒ‰æ§‹é€ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„å¹…ã¯940px Fåž‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ å¤ã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®IEã‹ã‚‰ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒ„ãƒ¼ãƒ«ãƒãƒ¼ã®å‰Šé™¤ æœ€æ–°ã®IEã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ jQuey 1.5.2ãƒ™ãƒ¼ã‚¹ï¼ˆ1.4.4ã‚‚å¯ï¼‰ ãƒšãƒ¼ã‚¸ä¸Šéƒ¨ã¸ã‚¹ãƒ ãƒ¼ã‚ºã«ã‚¹ã‚¯ãƒãƒ¼ãƒ« HTML5ã®ãƒ—ãƒ¬ãƒ¼ã‚¹ãƒ›ãƒ«ãƒ€ãƒ¼æ©Ÿèƒ½ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§
monomoti 2011/05/17
jQuery

css

html5

webåˆ¶ä½œ

css3

javascript

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