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

katryo id:katryo

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

ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯â€¦â€¦é§†é€ã—ã¦ã‚„ã‚‹â€¦ã“ã®ä¸–ã‹ã‚‰â€¦ä¸€åŒ¹â€¦æ®‹ã‚‰ãš!! - Qiita
ã“ã®ãƒ†ã‚ã‚¹ãƒˆã¯ JavaScript ã®ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯åœ°ç„ã«ç–²ã‚ŒãŸã²ã¨ã®ãŸã‚ã®ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é§†é€è¡“æŒ‡å—æ›¸ã§ã™ã€‚å¯¾è±¡èªè€…ã¯ JavaScripté“åˆæ®µãã‚‰ã„ã®äººã§ã™ã€‚ã“ã®ãƒ†ã‚ã‚¹ãƒˆã‚’èªã‚€ã¨ã€ä»¥ä¸‹ã®ãã‚Œãžã‚Œã®æ‰‹æ®µã«ãŠã‘ã‚‹éžåŒæœŸå‡¦ç†åˆ¶å¾¡ã®ä»•çµ„ã¿ã€åˆ©ç‚¹ãŠã‚ˆã³æ¬ ç‚¹ãŒã‚ã‹ã‚‹ã‚ˆã†ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯åœ°ç„ jQuery.Deferred async.js Concurrent.Thread generators co fibers Web Workers (â€»ãªãœã‹ã€Žé€²æ’ƒã®å·¨äººã€ã®ä¸€éƒ¨ãƒã‚¿ãƒãƒ¬ãŒå«ã¾ã‚Œã‚‹ã®ã§æ³¨æ„ã—ã¦ãã ã•ã„) ãã‚Œã¯ã€Žä½•æ•…äººã¯ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã™ã‚‹ã®ã‹ã€ã¨ã„ã†è©±ã§ã—ã‚‡ã†ã‹ï¼Ÿ éžåŒæœŸå‡¦ç†ã£ã¦é¢å€’ã§ã™ã‚ˆãã€‚JavaScriptã§ã¯ã„ã‚ã‚†ã‚‹ ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯åœ°ç„ ã¨ã„ã†ã‚„ã¤ã«ã—ã°ã—ã°é™¥ã‚ŠãŒã¡ã§ã™ã€‚ãŸã¨ãˆã°ã€Ajax ã§ãµãŸã¤ã®ãƒ•ã‚¡ã‚¤ãƒ« hoge.txt ã¨ piyo.txt ã‚’æŒã£ã¦ãã¦ã€ãã‚Œã‚‰
katryo 2014/02/04
Javascript

jQuery

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

qiita

callback

éžåŒæœŸ

async
ãƒªãƒ³ã‚¯
JavaScriptã€€å‹•ç”»:ã€€éŠã³ã®ãƒšãƒ¼ã‚¸ï¼š GIFã€ã‚¢ãƒ‹ãƒ¡
å½“ãƒšãƒ¼ã‚¸ã§ã¯ã”ãæ™®é€šã§å¹³æ˜“ãªã€€javascript ã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ ï¼ˆã‚±ãƒ¼ã‚¿ã‚¤é›»è©± ã€€ã¯ã€€javascriptã€€ãŒOFFã¨ãªã£ã¦ã„ã‚‹ãŸã‚ååˆ†ãªé–²è¦§ãŒã§ãã¾ã›ã‚“ã€‚ï¼‰ ï¼œï¼§ï¼©ï¼¦ç”»åƒã¨ã€€javascript ã‚¢ãƒ‹ãƒ¡ï¼ž ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯æ™®é€š FLASHã€€ã§ä½œæˆã•ã‚Œã‚‹ã“ã¨ãŒå¤šãã€€ãã‚Œã§ååˆ†ãªã®ã§ã™ãŒã€ã€€ç°¡å˜ãªã‚‚ã®ã¯ javascript ã§ã‚‚å‡ºæ¥ã¾ã™ã€‚ FLASHã€€ã§ã†ã¾ãå‡ºæ¥ãªã„ã“ã¨ã‚’ã€€javascript ã§ãŠã“ãªã†ã“ã¨ãŒå¤šã„ã‚ˆã†ã§ã™ã€‚ ä¾‹ãˆã°ã€€ã©ã‚“ãªèƒŒæ™¯ã«ã‚‚ã†ã¾ãã¨ã‘ã“ã‚ã‚‹ã€€é€éŽï¼§ï¼©ï¼¦ã€€ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã—ä»»æ„ã®å ´æ‰€ã§å‹•ã‹ã™ãªã©ã§ã™ã€‚ã€€ã€€ã“ã®å ´åˆ ï¼§ï¼©ï¼¦ã‚¢ãƒ‹ãƒ¡ã¨Javascriptã‚¢ãƒ‹ãƒ¡ã€€ã¨ã®ãƒ€ãƒ–ãƒ«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ãªã‚Šã¾ã™ãã€‚ ã ãŸã€€javascript ã®ä¸»ãªå½¹å‰²ã¯ã€€ã‚¢ãƒ‹ãƒ¡ã‚’ä½œã‚‹ã“ã¨ã ã‘ã§ã¯ãªãã€€WEBãƒšãƒ¼ã‚¸ã‚’ç”Ÿãç”Ÿãã—ãŸã‚‚ã®ã«ã™ã‚‹ä»–ã®å¤šãã®å½¹å‰²ã‚’ã‚‚ã«ãªã£ã¦ã„ã¾ã™ã€‚ ï¼œï¼§ï¼©ï¼¦ã‚¢ãƒ‹ãƒ¡ãƒ¼
katryo 2014/01/17
ã™ã”ã„

ã‚¢ãƒ‹ãƒ¡

ã‚¤ãƒ©ã‚¹ãƒˆ

Javascript

ãƒã‚¿

Web

jquery
ãƒªãƒ³ã‚¯
jQueryã§èƒŒæ™¯ç”»åƒã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ç„¡é™ãƒ«ãƒ¼ãƒ—ã•ã›ã‚‹
ç”»åƒã®æº–å‚™ ã¨ã‚Šã‚ãˆãšã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ç”»åƒã‚’ç”¨æ„ã—ã¾ã™ã€‚ãƒ«ãƒ¼ãƒ—ã•ã›ã‚‹ã®ã§ç¶™ãŽç›®ã®ãªã„ç”»åƒã‚’ä½œæˆã—ãŸæ–¹ãŒã„ã„ã‹ã‚‚ã§ã™ã€‚ ä½œæˆã—ãŸã‚‰ã€Œbg.pngã€ã¨ã„ã†åå‰ã§ä¿å˜ã—ã¾ã™ã€‚ ä»Šå›žã¯ã“ã‚“ãªç”»åƒã‚’ä½œæˆã—ã¦ã¿ã¾ã—ãŸã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã—ã‚‡ã¼ã„ã¨ã‹è¨€ã£ã¦ã¯ã„ã‘ãªã„ï¼ html+cssã§ãƒãƒƒã‚¯ã‚°ãƒ©ãƒ³ãƒ‰ã«ç”»åƒã‚’é…ç½® html+cssã¯ç‰¹åˆ¥ãªã“ã¨ã¯ãªãæ™®é€šã«ä½œã‚Šã¾ã™ã€‚ ç”»åƒã¯bodyã®ã€Œbackgroundã€ã§é…ç½®ã—ã¦ã¿ã¾ã—ãŸã€‚ html <body> <div id="container"> <h1>jQueryã§ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã‚’ç„¡é™ãƒ«ãƒ¼ãƒ—</h1> <p> ã“ã®ãƒšãƒ¼ã‚¸ã¯jQueryã§ãƒãƒƒã‚¯ã‚°ãƒ©ãƒ³ãƒ‰ç”»åƒã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ«ãƒ¼ãƒ—ã•ã›ã‚‹ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã§ã™ã€‚ </p> </div> </body> css body{ background: #A6E9FF url(bg.png) repeat-x; margin
katryo 2013/04/12
jQuery

CSS

HTML

javascript

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

èƒŒæ™¯ç”»åƒ

èƒŒæ™¯
ãƒªãƒ³ã‚¯
Intro.js - Step-by-step guide and feature introduction for your website
No dependencies, fast and small 10KB JavaScript and 2.5KB CSS, that's all (minified, gzipped). User-friendly Navigate using keyboard or mouse. Easily change the themes for your website. Browser compatibility Works on Google Chrome, Mozilla Firefox, Opera, Safari and even Internet Explorer. Why using Intro.js? When new users visit your website or product you should demonstrate your product features
katryo 2013/04/05
ã‚ˆã•ãã†

js

jQuery

javascript

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

tutorial

library
ãƒªãƒ³ã‚¯
perfect-scrollbar
perfect means... There's no css change on any original element Do not affect the original design layout The scrollbar css is fully customizable The scrollbar size and position can be updated Demo
katryo 2013/01/31
ã‚ãšã«ã‚ƒã‚“ä¾¿åˆ©

CSS

design

jQuery

scroll
ãƒªãƒ³ã‚¯
ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒªã‚¢ã®ç¾åœ¨ã®ã‚«ãƒ¼ã‚½ãƒ«(ã‚ãƒ£ãƒ¬ãƒƒãƒˆ)ä½ç½®ã«æ–‡å—ã‚’æŒ¿å…¥ã™ã‚‹ã«ã¯ - 2009-07-27 - ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãã¾ãã‚ŒTips
jQuery ã¨ã‹ã§ç°¡å˜ã«ã§ãã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ¤œç´¢ã—ã¦ãŸã‚‰ä»¥ä¸‹ã®ãƒšãƒ¼ã‚¸ãŒãƒ’ãƒƒãƒˆã—ãŸã€‚ http://stackoverflow.com/questions/946534/insert-text-into-textarea-with-jquery http://d.hatena.ne.jp/project_the_tower2/20071228/1198785069 è©¦è¡ŒéŒ¯èª¤ã—ã¦ã€ä»¥ä¸‹ã®ã‚µãƒ³ãƒ—ãƒ«ãŒã§ããŸã€‚(IE8 ã¨ FF3 ã§ç¢ºèª) <form> <textarea id="area"></textarea> <input type="button" id="insert" value="æŒ¿å…¥"> </form> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/jav
katryo 2013/01/13
jQuery

jQuery

Javascript

textarea
ãƒªãƒ³ã‚¯
Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes
Hide Search on Single Select The disable_search_threshold option can be specified to hide the search input on single selects if there are n or fewer options. $(".chosen-select").chosen({disable_search_threshold: 10}); Default Text Support Chosen automatically sets the default field text ("Choose a country...") by reading the select element's data-placeholder value. If no data-placeholder value is
katryo 2012/11/15
jQuery

Javascript

github

jQuery

HTML
ãƒªãƒ³ã‚¯
Loading...
katryo 2012/10/30
jQuery

jQuery

ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹

æ—¥æœ¬èªž

Webã‚µãƒ¼ãƒ“ã‚¹

javascript

webã‚¢ãƒ—ãƒª

reference

ãƒ„ãƒ¼ãƒ«

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ç”»åƒã‚’ãƒ—ãƒªãƒãƒ¼ãƒ‰ / jQueryã‚¼ãƒã‹ã‚‰ | ã‚†ã‚‹ã¶ | ãƒšãƒ¼ã‚¸ 697
ç”»åƒã®ãƒ—ãƒªãƒãƒ¼ãƒ‰ã¯å‰ã«ã‚‚ã‚„ã£ãŸã‚“ã ã‘ã©å°‘ã—å°æŠ€ã‚’ã¯ã•ã‚“ã§ã¿ãŸã€‚ ãƒ—ãƒªãƒãƒ¼ãƒ‰ã—ãŸã£ã¦é–“ã«åˆã‚ã‚“æ™‚ã¯é–“ã«åˆã‚ã‚“ã®ã§ã€ã›ã‚ã¦è¦‹æ „ãˆãŒæ‚ªããªã„ã‚ˆã†ã«ã—ã‚ˆã†ã‹ã£ã¦ã¯ãªã—ã§ã™ã€‚ ä¸‹è¨˜ã®æ„Ÿã˜ã§ç”»åƒã®ãƒ—ãƒªãƒãƒ¼ãƒ‰æ™‚ã«èªã¿è¾¼ã¿å®Œäº†å¾Œã®å‡¦ç†ã‚’æŒ‡å®šã—ã¡ã‚ƒã„ã¾ã™ã€‚ var imagePath = '/images/'; var preloadImages = [ 'ooo.jpg', 'xxx.jpg', '***.jpg' ]; var images = []; (function($){ for (var i = 0; i < preloadImages.length; i++) { var image = new Image; image.src = imagePath + preloadImages[i]; images.push($(image).hide()); (function(i){ image.
katryo 2012/10/28
jQuery

ãƒ—ãƒªãƒãƒ¼ãƒ‰

image

javascript

jquery

preload
ãƒªãƒ³ã‚¯
ç¸¦æ›¸ãã‚’å¯èƒ½ã«ã™ã‚‹javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œç«¹å–JSã€
SEOçš„ã«ã‚‚å•é¡Œã®ç„¡ã„ç¸¦æ›¸ãã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä½œã‚ŠãŸã„ã€‚ãã‚“ãªæ™‚ã«ä¾¿åˆ©ãªã®ãŒã€ä»Šå›žç´¹ä»‹ã™ã‚‹javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œç«¹å–JSã€ã§ã™ã€‚javascriptã§æŒ‡å®šã•ã‚ŒãŸãƒ–ãƒãƒƒã‚¯ã‚’ç¸¦æ›¸ãã«å¤‰æ›ã—ã¦ãã‚Œã¾ã™ã€‚ HTMLã®ã¿ã§ç¸¦æ›¸ãã¨ã„ã†ã®ã¯éžå¸¸ã«é¢å€’ã§ã—ãŸãŒã€ã“ã‚Œãªã‚‰æ°—è»½ã«ç¸¦æ›¸ãã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä½œã‚Œãã†ã§ã™ã€‚ è©³ã—ãã¯ä»¥ä¸‹ ä¸Šè¨˜ã®ã‚ˆã†ã«æ–‡å—ã ã‘ã§ã¯ãªãã€ãƒªã‚¹ãƒˆã‚„ã€å–ã‚Šæ¶ˆã—ç·šã€ãƒ†ãƒ¼ãƒ–ãƒ«ãªã©æ§˜ã€…ãªHTMLã§å‰µã‚‰ã‚ŒãŸåŸºæœ¬è¦ç´ ã‚’ç¸¦æ›¸ãåŒ–ã—ã¦ãã‚Œã¾ã™ã®ã§ã€å¾“æ¥ã®ã‚µã‚¤ãƒˆã®æ§‹é€ ã‚’ä¿ã£ãŸã¾ã¾ç¸¦æ›¸ãã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’åˆ¶ä½œã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ã¾ãŸåˆ‡ã‚Šæ›¿ãˆãƒœã‚¿ãƒ³ã‚„ãƒ€ãƒ–ãƒ«ã‚¯ãƒªãƒƒã‚¯ã§æ¨ªæ›¸ãã¸çž¬æ™‚ã«åˆ‡ã‚Šæ›¿ã‚ã‚‹æ©Ÿèƒ½ã‚‚å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯InternetExplorer5.5+ / Firefox3.5+ / Safari3.2+ / Chrome3.0+ / Opera10.5+ã¨å¹…åºƒã„ãƒ–ãƒ©ã‚¦ã‚¶ã§åˆ©ç”¨å¯èƒ½ã€‚ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯
katryo 2012/10/25
JQuery

ç¸¦æ›¸ã

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

Javascript

js

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
katryo 2012/10/22
ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

js

jQuery

Javascript

comment

web

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®ãƒ†ã‚¹ãƒˆã¯zombie.jsã§ã„ã„ã‚“ã˜ã‚ƒãªã„ã‹ - mizchi log
zombie.jsã¨ã¯ jsdomã¨ã„ã†nodeè£½ã®DOMã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã‚’ä½¿ãˆã°ã€ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ä½¿ã‚ãšã«DOMã‚¤ãƒ™ãƒ³ãƒˆã‚’ç™ºè¡Œã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ zombie.jsã¯ã‚»ãƒƒã‚·ãƒ§ãƒ³ç®¡ç†ã¨ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’ç®¡ç†ã™ã‚‹jsdomã®ãƒ©ãƒƒãƒ‘ãƒ¼ã§ã™ã€‚ å€‹äººçš„ã«ã¯ã€Ajaxã®ãƒ†ã‚¹ãƒˆã¯ç„¡ç†ã›ãšJavaScriptã§ã‚„ã‚Œã¨ãŠã‚‚ã£ã¦ã‚‹ã®ã§ã€ãã®ç‚¹zombieã¯ç´ ç›´ã«å‹•ã„ã¦ãã‚Œã¾ã™ã€‚ åˆ©ç‚¹ Ajaxã§DOMã‚’æ›¸ãæ›ãˆãŸã‚Šã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã‚‚ãƒ†ã‚¹ãƒˆã§ãã‚‹ (qt-webkitã¨æ¯”è¼ƒã—ã¦) ç„¡èŒ¶è‹¦èŒ¶æ—©ã„ ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ãŒæ¥½(ã¨ã„ã†ã‹QTã¯å®šæœŸçš„ã«äº’æ›å´©ã‚Œã¦ãƒã‚¤ãƒŠãƒªå£Šã‚Œã¦ã‚‹â€¦ è«–ã‚ˆã‚Šã‚³ãƒ¼ãƒ‰ ã‚µãƒ³ãƒ—ãƒ«ã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¦ã‚ã‚Šã¾ã™ mizchi/zombie-tester-example https://github.com/mizchi/zombie-tester-example ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ç‰ã¯Readmeè¦‹ã¦ã‚‚ã‚‰ã†ã¨
katryo 2012/10/22
ã‚¾ãƒ³ãƒ“ã‹

test

ãƒ†ã‚¹ãƒˆ

javascript

jquery

node.js

zombie.js
ãƒªãƒ³ã‚¯
Backbone.jsã‚’åˆ©ç”¨ã—ãŸã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰MVCã®å°Žå…¥ã«ã¤ã„ã¦ãã‚ãã‚æ›¸ã„ã¦ãŠãã‹ - å‡ºç”ºãƒŸã‚¹ãƒ‰æ”»é˜²è¨˜
jQueryãƒ˜ãƒ“ãƒ¼ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®å•é¡Œç‚¹ã¨ã€MVCã«ã‚ˆã‚‹æ§‹é€ åŒ–ã®å¿…è¦æ€§ jQueryã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å‹•ãJSã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºç”Ÿç”£æ€§ã‚’åŠ‡çš„ã«å‘ä¸Šã•ã›ã¾ã—ãŸã€‚DOMæ“ä½œã«ã‚ˆã‚‹å‹•çš„ãªãƒšãƒ¼ã‚¸æ›¸ãæ›ãˆå‡¦ç†ãªã©ã¯ã€ã‚»ãƒ¬ã‚¯ã‚¿ã‚’ä½¿ã£ã¦ã¡ã‚‡ã‚ã£ã¨ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã ã‘ã§ã€ã»ã‚“ã®æ•°è¡Œã§è¨˜è¿°ã§ãã¦ã—ã¾ã„ã¾ã™ã€‚ ã—ã‹ã—ã€ã“ã®æ–¹æ³•ã®å»¶é•·ã§ã€å¤§è¦æ¨¡ãªJSã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹ç¯‰ã™ã‚‹ã“ã¨ã¯æžœãŸã—ã¦ç¾å®Ÿçš„ã§ã—ã‚‡ã†ã‹ã€‚ä¾‹ãˆã°ã€ŒGMailã€ã‚„ã€ŒNew Twitterã€ç¨‹åº¦ã®è¦æ¨¡ã®JSã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ›¸ã‹ãªã‘ã‚Œã°ãªã‚‰ãªã„ã¨ã—ãŸã‚‰ã€ã©ã†ã§ã—ã‚‡ã†ï¼Ÿ å¤§è¦æ¨¡ãªJSã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã™ã‚‹ã«ã¯ã€ã“ã†ã„ã£ãŸæ‰‹æ³•ã‚’å»¶é•·ã™ã‚‹ã®ã§ã¯ãªãã€ã‚ˆã‚Šæ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’å°Žå…¥ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®ç›®çš„ã«ã´ã£ãŸã‚Šã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒã€ã€ŒMVCã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã§ã™ã€‚ MVCãƒ‘ã‚¿ãƒ¼ãƒ³ã¯ã€Webã®ä¸–ç•Œã§ã¯ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§åºƒãçŸ¥ã‚‰ã‚Œ
katryo 2012/10/21
MVC

backbone.js

js

javascript

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

jquery

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
HTML5 Ã— CSS3 Ã— jQueryã‚’çœŸé¢ç›®ã«å‹‰å¼· â€“ #6 ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®åŸºæœ¬ | DevelopersIO
ãã‚“ãªè¨³ã§ã€ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ãƒ»ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«ã¤ã„ã¦å°‘ã—å¦ã‚“ã§ã¿ãŸã®ã§ã€è¶…åˆå¿ƒè€…å‘ã‘ï¼ˆâ€»è‡ªåˆ†å«ã‚€ï¼‰ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’ã„ãã¤ã‹ç´¹ä»‹ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« - ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã«ã¤ã„ã¦ ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ï¼ˆparallaxï¼‰ã‚’ç›´è¨³ã™ã‚‹ã¨è¦–å·®ã§ã™ã€‚è¦–å·®åŠ¹æžœã¨ã¯ã€è¦–ç•ŒãŒç§»å‹•ã™ã‚‹éš›ã«å„ç‰©ä½“ãŒãã‚Œãžã‚Œç•°ãªã£ãŸã‚¹ãƒ”ãƒ¼ãƒ‰ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã“ã¨ã§ã€å¥¥è¡Œãé–“ã‚’ã¯ã˜ã‚ã¨ã—ãŸè¦–è¦šåŠ¹æžœã‚’æŒ‡ã—ã¾ã™ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ä¸–ç•Œã§ã¯ãƒ‡ã‚£â—‹ãƒ‹ãƒ¼æ˜ ç”»ã§å¤ãã‹ã‚‰ä½¿ã‚ã‚Œã¦ã„ãŸã‚Šã€ãƒ“ãƒ‡ã‚ªã‚²ãƒ¼ãƒ ã«ãŠã„ã¦ã‚‚æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã®ã‚²ãƒ¼ãƒ ãªã©ã§æ˜”ã‹ã‚‰ä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ JavaScriptï¼ˆjQueryï¼‰ã§ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ 1 | ã‚¹ã‚¯ãƒãƒ¼ãƒ«å€¤ã‚’å–å¾— ã©ã‚Œã ã‘ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã‹ã¨ã„ã†å€¤ã‚’å–å¾—ã—ã¾ã™ã€‚ã“ã‚Œã ã‘ã§ã¯ã¾ã ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚‚ä½•ã‚‚ã‚ã‚Šã¾ã›ã‚“ãŒã€å…¨ã¦ã¯ã“ã“ã‹ã‚‰å§‹ã¾ã‚‹ã®ã§ã™ã€‚ $(function() { $(window).scroll(fu
katryo 2012/10/17
jQuery

ã‚¹ã‚¯ãƒãƒ¼ãƒ«

javascript

webãƒ‡ã‚¶ã‚¤ãƒ³

CSS

jquery

HTML5

css3

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹
ãƒªãƒ³ã‚¯
jQuery Cheat Sheet
Copying .clone() DOM Insertion, Around .wrap() .wrapAll() .wrapInner() DOM Insertion, Inside .append() .appendTo() .html() .prepend() .prependTo() .text() DOM Insertion, Outside .after() .before() .insertAfter() .insertBefore() DOM Removal .detach() .empty() .remove() .unwrap() DOM Replacement .replaceAll() .replaceWith()
katryo 2012/10/12
jQuery

javascript

ajax

cheatsheet

Reference

ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ
ãƒªãƒ³ã‚¯
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«å¿œã˜ã¦ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœã‚’è¡¨ç¾ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»jarallax - ã‹ã¡ã³ã¨.net
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«å¿œã˜ã¦è¦–å·®åŠ¹æžœ ã‚’è¡¨ç¾ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ» jarallaxã®ã”ç´¹ä»‹ã€‚jQueryã‚’ å¿…è¦ã¨ã™ã‚‹ã¿ãŸã„ã§ã™ã€‚ã‚ˆã è¦‹ã‹ã‘ã‚‹ã‚„ã¤ã§ã™ãŒã€ãƒ‡ãƒ¢ãŒ è‰¯ã‹ã£ãŸã®ã§å‚™å¿˜éŒ²çš„ã«ã€‚ jQueryä¾å˜ã®ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆå®Ÿè£…ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ã€‚æ™‚é–“ç„¡ã„ã®ã§ç´¹ä»‹ã ã‘ã¨ã•ã›ã¦é ‚ãã¾ã™ã€‚ ã‚ˆãã‚ã‚‹ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹å®Ÿè£…ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€‚ãƒ‡ãƒ¢ä½œã‚‹æš‡ãŒç„¡ã‹ã£ãŸã®ã§å…¬å¼ã®ã‚’ã”è¦§ä¸‹ã•ã„ã€‚ Sample ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã†ã¾ãä½¿ã‚ã‚Œã¦ã¾ã™ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å®šç¾©ã‚’cloneAnimationã§ã‚¯ãƒãƒ¼ãƒ³åŒ–å‡ºæ¥ã‚‹æ§˜ã«ã—ãŸãã†ã§ã™ã€‚ var jarallax = new Jarallax(); var animation = jarallax.addAnimation('#foo',[{progress:'0', opacity:'0', top:'100%'}, {progress:'10', opacity:'1', t
katryo 2012/09/21
ã“ã‚Œä½¿ãˆãã†

animation

webãƒ‡ã‚¶ã‚¤ãƒ³

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

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹

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

jQuery

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

javascript

ã‚¹ã‚¯ãƒãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
#263 Client Side Validations - RailsCasts
Showing validation errors inline as the user is filling out the form can lead to a better use experience. Learn how to do this using the Client Side Validations gem.
katryo 2012/09/08
æ¤œè¨¼

jquery

validation

javascript

rails

gem
ãƒªãƒ³ã‚¯
jQueryã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨è¡¨ç¤ºã™ã‚‹ç³»ã„ã‚ã„ã‚
jQueryã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨è¡¨ç¤ºã™ã‚‹ç³»ã„ã‚ã„ã‚ æœ€è¿‘ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãã«ã„ã‚ã„ã‚ä»•æŽ›ã‘ã‚’ã™ã‚‹ã®ãŒæµè¡Œãªã‚ˆã†ã§ã™ã€‚ ã“ã“ã§ã¯ã‚·ãƒ³ãƒ—ãƒ«ã«ã‚ã‚‹è¦ç´ ã®ä½ç½®ã¨ã‹æœ€ä¸‹éƒ¨ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã‚‰ä½•ã‹è¡¨ç¤ºã™ã‚‹ã¨ã„ã†ã“ã¨ã‚’ã‚„ã£ã¦ã¿ã¾ã™ã€‚ æŠ•ç¨¿æ—¥2012å¹´03æœˆ08æ—¥ æ›´æ–°æ—¥2019å¹´12æœˆ19æ—¥ ã¡ã‚‡ã£ã¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãƒ•ã‚§ãƒ¼ãƒ‰ã—ã¦ã€Œãƒˆãƒƒãƒ—ã¸æˆ»ã‚‹ãƒœã‚¿ãƒ³ã€ã‚’è¡¨ç¤ºã‚’è¡¨ç¤ºã—ã¾ã™ã€‚ ãƒœã‚¿ãƒ³ã¯ä¸‹ã®æ–¹ã«ã“ã‚“ãªæ„Ÿã˜ã§é…ç½®ã—ã¾ã™ã€‚ html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedã«ã™ã‚‹ã¨å›ºå®šé…ç½®ã•ã‚Œã¾ã™ã€‚ css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-decoration
katryo 2012/08/06
HTML

webãƒ‡ã‚¶ã‚¤ãƒ³

CSS

Javascript

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

scroll

jQuery
ãƒªãƒ³ã‚¯
Redactor WYSIWYG html editor
A simple and fast tool for everyday tasks of creating and editing texts on the web. Suitable for creating and editing common texts for the web, which may also include images, video, embed code. It has a hybrid interface that can be customized according to your needs. For example, you can disable the main toolbar and only show the context toolbar when highlighting text. Or show the control toolbar
katryo 2012/07/30
ã“ã‚“ãªã®ã‚ã‚‹ã®ã

library

webåˆ¶ä½œ

HTML

jquery

WYSIWYG

javascript

jquey
ãƒªãƒ³ã‚¯
jQueryäº‹å§‹ã‚vol.2ãƒ»ç”»åƒã«ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã—ã¦å‹•ä½œã™ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä½œã£ã¦ã¿ã‚‹
ä»¥å‰ã«æ›¸ã„ãŸjQueryäº‹å§‹ã‚ã€ã¨ã„ã†è¨˜äº‹ã® ç¶šç·¨ã®ã‚ˆã†ãªå†…å®¹ã®è¨˜äº‹ã§ã™ã€‚åŸºæœ¬ã‚’ç†è§£ ã—ãŸã‚‰ä»Šåº¦ã¯ã‚³ãƒ¼ãƒ‰ã‚’çœŸä¼¼ã—ã¦ä½“ã§è¦šãˆã¦ ã¿ã‚‹ã®ã‚‚å‹‰å¼·æ–¹æ³•ã®æœ‰åŠ¹ãªæ‰‹ã®ä¸€ã¤ã ã¨ æ€ã„ã¾ã™ã€‚ã”è‡ªåˆ†ã§æ”¹å¤‰ã—ã¦éŠã¹ã‚‹ç¨‹åº¦ã® ç°¡å˜ãªã‚³ãƒ¼ãƒ‰ãªã®ã§ãœã²ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã—ã¦ã¿ã¦ ãã ã•ã„ã€‚ å†…å®¹ã¯jQueryã‚’è¦šãˆãŸã„ã‘ã©ãªã‹ãªã‹æ™‚é–“ãŒç„¡ã„ã€ã¨ã„ã†Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“å‘ã‘ã§ã™ã€‚å¤šãã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒå˜åœ¨ã—ã¾ã™ãŒã€jQueryã®åŸºæœ¬ä¸ã®åŸºæœ¬ã¨å°‘ã—ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã ã‘ã§ã‚‚ååˆ†å‡ºæ¥ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã®ã§ã€ãã“ã¾ã§æ·±ãè¿½æ±‚ã™ã‚‹å¿…è¦ã¯ç„¡ã„æ°—ã‚‚ã—ã¾ã™ã€‚ å°‘ã—ã§ã‚‚ãƒãƒ¼ãƒ‰ãƒ«ãŒä½Žããªã‚Œã°ã¨æ€ã£ã¦ã€ã‚³ãƒ¼ãƒ‰ã‚’çœŸä¼¼ã—ã¦ã€ãã“ã‹ã‚‰ã”è‡ªèº«ã§å¿œç”¨å‡ºæ¥ã‚‹ã‚ˆã†ãªç°¡å˜ãªå†…å®¹ã‚’è¨˜äº‹ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ä»Šå›žã¯ã‚ˆãã‚ã‚‹ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä½œã£ã¦ã¿ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã¾ãšã¯ã‚µãƒ³ãƒ—ãƒ«ã€‚ç”»åƒã«ãƒžã‚¦ã‚¹ã‚’ä¹—ã›ã‚‹ã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã‹ã‚Šã¾ã™ã€‚ ç¢ºèªå‡ºæ¥ã¾ã—ãŸã§ã—ã‚‡
katryo 2012/07/22
jQuery

JavaScript

ç”»åƒ

hover

webãƒ‡ã‚¶ã‚¤ãƒ³

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