[B! JavaScript] yoshi-naã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

yoshi-na id:yoshi-na

JavaScriptã«é–¢ã™ã‚‹yoshi-naã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (46)

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

Loading...
yoshi-na 2017/01/20
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

javascript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
JavaScriptã§é‡‘é¡ã®è¡¨è¨˜ã«ã‚³ãƒ³ãƒžã‚’ä»˜ã‘ã‚‹ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ã¾ã ã‚«ãƒ¼ãƒ†ãƒ³ãŒã“ãªã„minamiã§ã™ã€‚ é‡‘é¡ã‚’ã‚µã‚¤ãƒˆã§æ‰±ã†å ´åˆã€ã‚³ãƒ³ãƒžã‚’ä½¿ã£ãŸè¡¨è¨˜ãŒå¿…è¦ã«ãªã‚‹å ´é¢ã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€JavaScriptã§è‡ªå‹•çš„ã«è¿½åŠ ã™ã‚‹å‡¦ç†ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ 3æ¡ã”ã¨ã«ã‚³ãƒ³ãƒžã‚’ã¤ã‘ã‚‹ ã‚µãƒ³ãƒ—ãƒ«ã¯ä¸‹è¨˜ã«ãªã‚Šã¾ã™ã€‚ 3æ¡ã”ã¨ã«ã‚³ãƒ³ãƒžã‚’ã¤ã‘ã‚‹ã‚µãƒ³ãƒ—ãƒ« è‚ã«ãªã‚‹ã®ã¯ä¸‹è¨˜ã®å‡¦ç†ã§ã™ã€‚å…¥åŠ›ã—ãŸæ•°å—ï¼ˆæ–‡å—åˆ—ï¼‰ã«å¯¾ã—ã¦ã€ï¼ˆä»»æ„ã®æ•°å—ï¼‰+ï¼ˆä¸‹3æ¡ãŒæ•°å—ï¼‰ã«ãƒžãƒƒãƒã™ã‚‹é™ã‚Šç¹°ã‚Šè¿”ã—å‡¦ç†ã‚’è¡Œã„ã¾ã™ã€‚ // 3æ¡ãšã¤ã‚³ãƒ³ãƒžãŒæŒ¯ã‚‰ã‚Œã‚‹ã¾ã§å†å¸°çš„ã«å‡¦ç† function addComma(num) { var _num = num.replace( /^(-?\d+)(\d{3})/, "$1,$2" ); if(_num !== num) { return addComma(_num); } return _num; } ä¸‹è¨˜ã®éƒ¨åˆ†ã§ã¯æ£è¦è¡¨ç¾ã‚’ä½¿ã£ã¦ãƒžãƒƒãƒã—ã¦ã„ã¾ã™ã€‚ var _num = n
yoshi-na 2013/02/15
JavaScript
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9æœˆ30æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”åˆ©ç”¨ãƒ»ã”æ„›é¡§ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
yoshi-na 2012/07/28
jquery

ã¾ã¨ã‚

JavaScript
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®JavaScriptã€jQueryã®å‹‰å¼·æ³• - DESIGNMAP
ã¾ã£ãŸãã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°åˆå¿ƒè€…ã®æ–¹ã‚’å¯¾è±¡ã«JavaScriptã®ç‹¬å¦æ–¹æ³•ã‚’ã®ã¹ã¦ã„ããŸã„ã€‚ä»Šå›žã¨ã‚Šã‚ã’ã‚‹JavaScriptã®å‹‰å¼·æ³•ã¯ã‚ãã¾ã§Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘ï¼ˆã‚‚ã—ãã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å‘ã‘ï¼‰ãªã®ã§ã€Node.jsã®ã‚ˆã†ãªã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰JavaScriptã¯ã¨ã‚Šã‚ã’ã¦ã„ãªã„ã€‚ JavaScriptã¨jQueryã‚’ã©ã¡ã‚‰ã‹ã‚‰å‹‰å¼·ã™ã‚‹ã¹ãã‹ã€‚ä»Šå›žã¯ã‚ãˆã¦é‚ªé“ã¨ã‚ã‹ã£ã¦ã„ãªãŒã‚‰ã‚‚jQueryã«ãµã‚Œã‚‹ã¨ã„ã†é †ç•ªã‚’ã¨ã£ãŸã€‚æœ¬æ¥ã¯ã€JavaScriptã®åŸºç¤Žã‚’ã—ã£ã‹ã‚ŠãŠã•ãˆã¦ã‹ã‚‰jQueryã«ã™ã™ã‚€ã®ãŒæ£çµ±ã§ã‚ã‚‹ã€‚ä»Šå›žã¯ãƒˆãƒƒãƒ—ãƒ€ã‚¦ãƒ³æ–¹å¼ã§å®Ÿè·µã«ãµã‚Œã¦ã‹ã‚‰ã€åŸºç¤Žã«æˆ»ã‚‹å¦ç¿’æ³•ã‚’ææ¡ˆã—ãŸã„ã€‚ jQueryã¯JavaScriptã‚’æ¥½ã«é–‹ç™ºã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã€jQueryè‡ªä½“ã¯JavaScriptã®ã‚³ãƒ¼ãƒ‰ã§ã§ãã¦ã„ã‚‹ã€‚æœ€åˆã«ã„ããªã‚ŠjQueryã«ãµã‚Œã¦ã€HTMLã‚’å‹•çš„ã«æ“ä½œã™ã‚‹ï¼ˆã“ã‚Œã‚’DOMæ“ä½œã¨
yoshi-na 2012/07/15
webåˆ¶ä½œ

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

jQuery

JavaScript

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
JSNote - IEã‚’CSS3ã«å¯¾å¿œã•ã›ã‚‹CSS3 PIEã®JavaScriptç‰ˆã‚’ä½¿ã†
JSNote èªã‚“ã§ã™ãã«ä½¿ãˆã‚‹JavaScriptãƒ»HTMLãƒ»CSSã®ã‚¿ã‚¤ãƒ—ã‚’æ›¸ã„ã¦ã„ã¾ã™ã€‚ HomeLatest Entrieså·¦ã€ä¸ã€å³ã‚¯ãƒªãƒƒã‚¯ã®ã‚«ã‚¹ã‚¿ãƒ ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¿½åŠ ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³é…åˆ—ã®ä»»æ„ã®ä½ç½®ã«å€¤ã‚’ä»£å…¥ã—ãŸã‚Šå‰Šé™¤ã—ãŸã‚Šã™ã‚‹JavaScriptã ã‘ã§ãƒãƒ¼ã‚«ãƒ«ã®ç”»åƒã‚’Base64ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰ã™ã‚‹IEã‚’CSS3ã«å¯¾å¿œã•ã›ã‚‹CSS3 PIEã®JavaScriptç‰ˆã‚’ä½¿ã†ãƒªã‚¹ãƒˆã‚’ãƒšãƒ¼ã‚¸åˆ†ã‘ã—ã¦ãƒšãƒ¼ã‚¸ãƒ£ãƒ¼ã‚’ä»˜ã‘ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³Archives2012-012011-122011-112011-02ã™ã¹ã¦ã®è¨˜äº‹ä¸€è¦§CategoriesJavaScriptjQueryãƒ–ãƒã‚°ãã®ä»–CSS RSS IEã‚’CSS3ã«å¯¾å¿œã•ã›ã‚‹ã®ã«CSS3 PIEä½¿ã„ãŸã„ã‘ã©ã€htcãƒ•ã‚¡ã‚¤ãƒ«ã£ã¦FC2ãƒ–ãƒã‚°ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã§ããªã„ã—ã€htcã£ã¦ä½•ã‹æ°—æŒã¡æ‚ªã„ã®ã§ã‚ã‚“ã¾ã‚Šä½¿ã„ãŸããªã„ã£ã¦äººã®ãŸã‚ã®ã‚¿ã‚¤ãƒ—ã§
yoshi-na 2012/06/29
htc

IE

JavaScript

CSS3
ãƒªãƒ³ã‚¯
JavaScript ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³
JavaScript ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã¯ä½•ï¼Ÿ ãƒ“ãƒ¥ãƒ¼ã‚’å°‘ã—ãšã¤å›žè»¢ã€æ‹¡å¤§ç¸®å°ã€ç§»å‹•ã€å¤‰è‰²ãªã©ã‚’è¡Œã„ã€é€£ç¶šçš„ãªå‹•ãã‚’ä½œã‚‹ ã“ã‚“ãªæ„Ÿã˜ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; setInterval(function() { el.style.opacity -= 0.01; }, 10); </script> ãªã‚“ã§ã€ã‚ã‚“ãªæ„Ÿã˜ã®æ›¸ãæ–¹ã«ãªã‚‹ã®ï¼Ÿ setInterval ã®æ„å‘³ãŒåˆ†ã‹ã‚‰ãªã„ ã“ã‚“ãªæ„Ÿã˜ã§æ›¸ã‘ãªã„ã®ï¼Ÿ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; w
yoshi-na 2012/05/14
JavaScript

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

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯node.jsã®æ™‚ä»£ãŒæ¥ã‚‹ã‹ï¼ï¼Ÿå…¨ã¦æƒã£ãŸnode.jsãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Â·Tower.js MOONGIFT
Tower.jsã¯ãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯ã®node.jsç”¨Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ ã“ã€ã“ã‚Œã¯ã‚„ã°ã„â€¦ã€‚ã¤ã„ã«node.jsã®æ™‚ä»£ãŒæ¥ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã€ãã†æ„Ÿã˜ã•ã›ã‚‹Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒTower.jsã§ã™ã€‚ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯npmã§ç°¡å˜ã«ã§ãã¾ã™ã€‚ ã¾ãšæ–°ã—ã„ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã—ã¾ã™ã€‚ Scaffoldã§ç°¡å˜ã«ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ã€ãƒ¢ãƒ‡ãƒ«ã€ãƒ“ãƒ¥ãƒ¼ã‚’ç”Ÿæˆã€‚ ç”Ÿæˆã•ã‚ŒãŸéš›ã®æ§‹æˆã¯ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ towerã‚³ãƒžãƒ³ãƒ‰ã®ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã§ã™ã€‚ Webã‚µãƒ¼ãƒã‚’ç«‹ã¡ä¸Šã’å ´åˆã§ã™ã€‚ Tower.jsã¯Mongo DBã‚’ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã«ã€Redisã¯ãƒãƒƒã‚¯ã‚°ãƒ©ãƒ³ãƒ‰ã‚¸ãƒ§ãƒ–ã€CoffeeScriptã‚’ãƒ¡ã‚¤ãƒ³ã®è¨˜è¿°ã«ä½¿ã„ã¤ã¤ã€Jasmineã‚’ãƒ†ã‚¹ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€jQueryã‚‚ä½¿ãˆã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ãƒ¡ãƒ¼ãƒ«ã€ãƒžã‚¤ã‚°ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã€MVCã€Railsã°ã‚Šã®O/Rãƒžãƒƒãƒ”ãƒ³ã‚°ã€ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒ«ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã€B
yoshi-na 2012/03/08
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

node.js

javascript
ãƒªãƒ³ã‚¯
JavaScriptã‚’ã‚„ã‚Šå§‹ã‚ãŸäººãŒç†è§£ã—ãŸã»ã†ãŒè‰¯ã„JSONãƒ‘ãƒ¼ã‚µã®ã‚³ãƒ¼ãƒ‰ - sifue's blog
ãã‚ãã‚4æœˆã‚‚è¿‘ã„ã¨ã„ã†ã“ã¨ã‚‚ã‚ã£ã¦ã€æ–°ãŸã«Webæ¥ç•Œã‚„SIeræ¥ç•Œã«å…¥ã‚‹ãžã¨ã„ã†æ–¹ãŒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®å‹‰å¼·ã‚’ã—å§‹ã‚ã¦ã„ã‚‹ã“ã‚ã§ã—ã‚‡ã†ã‹ã€‚æœ€è¿‘ã¯ã€ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚ºã§ã‚‚Webã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãŒä¸»æµã«ãªã‚Šã¤ã¤ã‚ã‚‹ã®ã§JavaScriptã®ç¿’å¾—ã¯é¿ã‘ã¦ã¯é€šã‚Œãªã„é“ã ã¨æ€ã„ã¾ã™ã€‚ã¾ãŸã€Node.jsç‰ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã®JavaScriptã‚‚å‡ºã¦ããŸã“ã¨ã‚‚ã‚ã£ã¦ã€éžå¸¸ã«æœ‰ç”¨ãªè¨€èªžã«ãªã‚Šã¤ã¤ã‚ã‚Šã¾ã™ã€‚ ãã‚“ãªJavaScriptã‚’å¦ã³å§‹ã‚ã¦ã„ã‚‹äººã®ä¸ã§ã‚‚ã€ã‚ã‚‹ç¨‹åº¦ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’ã‚„ã£ãŸã“ã¨ãŒã‚ã‚‹äººãŒJavaScriptã®ç¶ºéº—ãªæ›¸ãæ–¹ã‚’å¦ã¶ã®ã«çµ¶å¯¾ç†è§£ã—ã¦ãŠã„ãŸæ–¹ãŒè‰¯ã„300è¡Œç¨‹åº¦ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ãŒã‚ã‚Šã¾ã™ã€‚ ãã‚Œã¯ã€JavaScript: The Good Partsã«è¼‰ã£ã¦ã„ã‚‹JSONãƒ‘ãƒ¼ã‚µã®ã‚³ãƒ¼ãƒ‰ã§ã™ã€‚ JavaScript: The Good Parts â€•ã€Œè‰¯ã„ãƒ‘ãƒ¼ãƒ„ã€ã«ã‚ˆã‚‹ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ ä½œè€…:
yoshi-na 2012/02/20
*ã‚ã¨ã§èªã‚€

JSON

JavaScript

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
ç¬¬1å›žã€€ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ã¨JavaScriptã®æœªæ¥ | gihyo.jp
ã“ã‚“ã«ã¡ã¯ã€id:os0xã“ã¨å¤ªç”°æ˜Œå¾ã§ã™ã€‚ä»Šå›žã‹ã‚‰ã€ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾ç–ã‚’ä¸å¿ƒã¨ã—ãŸJavaScriptã®åˆç´šã‹ã‚‰ä¸ç´šã®æ–¹å‘ã‘ã®é€£è¼‰ã‚’é–‹å§‹ã—ã¾ã™ã€‚JavaScriptã®åŸºç¤Žçš„ãªæ–‡æ³•ã¯ç†è§£ã•ã‚Œã¦ã„ã‚‹ã¨ã„ã†å‰æã§ã®è§£èª¬ã¨ãªã‚Šã¾ã™ã®ã§ã€ã”äº†æ‰¿ãã ã•ã„ï¼ˆé–“é•ã„ã‚„ã™ã„ã€ã‚ã‹ã‚Šé›£ã„ã¨æ€ã‚ã‚Œã‚‹ã¨ã“ã‚ã¯é©å®œè£œè¶³ã—ã¾ã™â ï¼‰â ã€‚åˆå›žã§ã‚ã‚‹ä»Šå›žã¯JavaScriptã‚„ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ã®èƒŒæ™¯ãªã©ç››ã‚Šã ãã•ã‚“ã®å†…å®¹ã§ãŠå±Šã‘ã—ã¾ã™ã€‚ JavaScriptã®ã‚¤ãƒž JavaScriptã¯2010å¹´ç¾åœ¨ã«ãŠã„ã¦ã€æœ€ã‚‚é‡è¦ãªè¨€èªžã¨ãªã‚Šã¤ã¤ã‚ã‚Šã¾ã™ã€‚æ—§æ¥ã¯ã™ã¹ã¦ã®å‡¦ç†ã‚’ã‚µãƒ¼ãƒãƒ¼ã§è¡Œã£ã¦ã€çµæžœã‚’ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã«è¡¨ç¤ºã™ã‚‹ã ã‘ã¨ã„ã†ã®ãŒã‚¦ã‚§ãƒ–ã®ä¸€èˆ¬çš„ãªå§¿ã§ã—ãŸã€‚2005å¹´ã«ç™»å ´ã—ãŸGoogle Mapsã‚’ä¸€ã¤ã®å¥‘æ©Ÿã¨ã—ã¦å¾ã€…ã«ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ãƒ»ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã§ã®å‡¦ç†ãŒè¦‹ç›´ã•ã‚Œå§‹ã‚ã€è¿‘å¹´ã§ã¯ã‚¯ãƒ©ã‚¦ãƒ‰ã‚„Saasã€ãã—ã¦HTML5ã®æµè¡Œã«ã‚ˆ
yoshi-na 2012/01/17
JavaScript

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

webåˆ¶ä½œ

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Google JavaScript Style Guide å’Œè¨³ â€” Google JavaScript Style Guide å’Œè¨³ v0.1 documentation
ã“ã®å’Œè¨³ã«ã¤ã„ã¦Â¶ ã“ã®æ–‡ç« ã¯ Google JavaScript Style Guide ã‚’éžå…¬å¼ã«å’Œè¨³ã—ãŸã‚‚ã®ã§ã™. å†…å®¹ã®æ£ç¢ºæ€§ã¯ä¿è¨¼ã—ã¾ã›ã‚“. ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯åŽŸæ–‡ã¨åŒã˜ã CC-By 3.0 ã¨ã—ã¾ã™. ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã¯ Issue ã¸ã®ç™»éŒ² , ã‚ã‚‹ã„ã¯ Kosei Moriyama (@cou929 ã¾ãŸã¯ cou929 at gmail.com) ã¸ç›´æŽ¥ãŠé¡˜ã„ã—ã¾ã™. ã“ã®å’Œè¨³ã®ãƒªãƒã‚¸ãƒˆãƒªã¯ ã“ã¡ã‚‰ ã§ã™.
yoshi-na 2012/01/17
ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

JavaScript

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„
ãƒªãƒ³ã‚¯
JavaScriptã®ã„ã‚ã„ã‚ãªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ«ãƒ¼ãƒ«ã‚’ã¾ã¨ã‚ã¦ã¿ãŸ
JavaScriptã®æ›¸ãæ–¹ã¯JavaScriptè‡ªä½“ãŒã‚ã‚‹ç¨‹åº¦è‡ªç”±ãªãŸã‚ã„ã‚ã„ã‚ãªæ›¸ãæ–¹ãŒã§ãã¾ã™ãŒã€ä¸€è²«æ€§ã‚’æŒã£ã¦æ›¸ã„ãŸæ–¹ãŒãƒã‚°ãªã©ã‚‚ç™ºç”Ÿã—ã«ãããªã‚‹ãŸã‚ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ«ãƒ¼ãƒ«ã‚’å®šã‚ã¦ãŠãã®ã¯ã‚ˆã„ã“ã¨ã ã¨æ€ã„ã¾ã™(ç‰¹ã«è¤‡æ•°äººã®é–‹ç™ºã®å ´åˆ) æœ‰åãªä¼æ¥ã‚„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ«ãƒ¼ãƒ«ã‚‚å…¬é–‹ã—ã¦ã„ã‚‹äº‹ãŒå¤šã„ã®ã§é©å½“ã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸ JavaScript style guide â€“ MDC Docs Mozilla/Firefoxå‘ã‘ã®ã‚‚ã®ãªã®ã§ã€ä¸€éƒ¨ECMAScriptã®ç¯„å›²ã‚’è¶…ãˆãŸã‚‚ã®ã‚‚å«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ å¤šãã®äººãŒè¦‹ã¦ã„ã‚‹ã¨æ€ã†ã®ã§ã€è¦‹ãŸã“ã¨ãªã„äººã¯ä¸€åº¦èªã‚“ã§ã¿ã‚‹ã¨ã„ã„ã§ã™ã€‚ jscsã«ã“ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ«ãƒ¼ãƒ«ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹ãƒ—ãƒªã‚»ãƒƒãƒˆãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ Google JavaScript Style Guide Google JavaScript Style Guide å’Œè¨³ â€” Goo
yoshi-na 2012/01/17
JavaScript

ã¾ã¨ã‚

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
ä¸–ç•Œã®JavaScriptã‚’èªã‚‚ã† @ 2012
èª¿ã¹ã‚‹æ–¹æ³•ã‚’çŸ¥ã‚‹ JavaScriptã¯èª¿ã¹ã‚‹ã¨ã‚„ã‚Šæ–¹ãŒè¦‹ã¤ã‹ã‚‹ã“ã¨ãŒå¤šã„ å¤ã„ã‚‚ã®ã¨æœ€è¿‘ã®ã‚‚ã®ãŒã¾ã–ã£ã¦ã‚‹ ã”ãæœ€è¿‘ã€œæœªæ¥ã®ã‚‚ã®ã¯è¦‹ã¤ã‘ã«ãã„ ä»¥ä¸‹ã®ç·é›†ç·¨çš„ãªå†…å®¹ æµ·å¤–ã®JavaScriptæƒ…å ±ã‚’è¦‹ã¤ã‘ã‚ˆã† ä¸–ç•Œã®JavaScriptæƒ…å ±ã‚’èªã‚‚ã† ä»Šã‹ã‚‰RSSè³¼èªã™ã¹ãã‚¿ã‚°ã¨æ¤œç´¢çµæžœ ãƒ–ãƒ©ã‚¦ã‚¶ã®æœ€æ–°æƒ…å ±ã‚’çŸ¥ã‚‹ãŸã‚ã«ã€Webé–‹ç™ºè€…ãŒèªã‚“ã§ãŠãã¹ããƒ–ãƒã‚° Webã®å‹•ãã¯ã¨ã¦ã‚‚æ—©ã„ã®ã§ã€èª¿ã¹æ–¹ã‚’çŸ¥ã‚‹
yoshi-na 2012/01/16
iPhoneã§ã¯è¦‹ã«ãã„ã‹ã‚‰ã‚¢ãƒˆãƒ‡

JavaScript

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
[JS]ç°¡å˜ã«è¨ç½®ã§ãã‚‹ãƒšãƒ¼ã‚¸å†…ã‚’ã‚¹ãƒ ãƒ¼ã‚ºã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Page Scroller ver.3 | ã‚³ãƒªã‚¹
ä»¥å‰ã€ç´¹ä»‹ã—ãŸã€ŒPage Scrollerã€ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ç‰ˆã€ŒPage Scroller ver.3ã€ã®ç´¹ä»‹ã§ã™ã€‚ è¿½è¨˜ï¼š 2013å¹´10æœˆ26æ—¥ ver.3.0.9ã‚’ãƒªãƒªãƒ¼ã‚¹ jQueryã®æ—§ç‰ˆã«ã‚ˆã‚‹XSSã«å¯¾å¿œã—ã¾ã—ãŸã€‚ 2011å¹´5æœˆ4æ—¥ ãƒ‡ãƒ¢ãŠã‚ˆã³ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’jQuery1.6ã«å¤‰æ›´ã—ã¾ã—ãŸã€‚ 2011å¹´1æœˆ31æ—¥ ver.3.0.8ã‚’ãƒªãƒªãƒ¼ã‚¹ æ©Ÿèƒ½ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ 2010å¹´11æœˆ19æ—¥ ver.3.0.7ã‚’ãƒªãƒªãƒ¼ã‚¹ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¤‰æ›´ã—ã¾ã—ãŸã€‚ 2010å¹´11æœˆ17æ—¥ ãƒ‡ãƒ¢ãŠã‚ˆã³ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’jQuery1.4.4ã«å¤‰æ›´ã—ã¾ã—ãŸã€‚ 2010å¹´9æœˆ19æ—¥ ãƒ‡ãƒ¢ãŠã‚ˆã³ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’jQuery1.4.2ã«å¤‰æ›´ã—ã¾ã—ãŸã€‚ 2009å¹´7æœˆ6æ—¥ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆIE8, Fx2.5, Chrome2ï¼‰ã‚’æ›´æ–°ã—ã¾ã—ãŸã€‚ 2009å¹´2æœˆ23æ—¥ ver.3.0.6ã‚’ãƒª
yoshi-na 2012/01/11
Webåˆ¶ä½œ

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

JavaScript

jQuery
ãƒªãƒ³ã‚¯
fleXcroll: Cross Browser Custom ScrollBar script by Hesido
FleXcroll, Flexible and Accessible Custom Scroll Bars A Cross Browser* and Standards Compliant Custom ScrollBar Script by Hesido featuring touch scroll for iPhone Safari updated on 05.06.2016; Switched to FastSpring for payment. updated on 03.02.2013; version 2.1.1, fleXcroll overhaul for click, touchmove and keyboard event handling with many bugfixes and new styling elements for easier customizat
yoshi-na 2012/01/11
ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã‚’Ajaxã§

JavaScript

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

UI

jquery
ãƒªãƒ³ã‚¯
[JS]è¤‡æ•°ã®è¡¨ç¤ºã‚µã‚¤ã‚ºã”ã¨ã«ç•°ãªã‚‹ã‚¤ãƒ™ãƒ³ãƒˆãŒè¨å®šã§ãã‚‹Responsive Web Designç”¨ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Breakpoints.js
Responsive Web Designç”¨ã«è¡¨ç¤ºã‚µã‚¤ã‚ºã®è¤‡æ•°ã®ãƒ–ãƒ¬ã‚¤ã‚¯ãƒã‚¤ãƒ³ãƒˆã‚’å®šç¾©ã—ã€ç•°ãªã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨å®šã§ãã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šå¹…640pxã§è¡¨ç¤º ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã§è¨å®šã•ã‚Œã¦ã„ã‚‹ãƒ–ãƒ¬ã‚¤ã‚¯ãƒã‚¤ãƒ³ãƒˆã¯ä¸‹è¨˜ã®4ã¤ã§ã™ã€‚ 1024px 768px 480px 320px [ad#ad-2] Breakpoints.jsã®å®Ÿè£… å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <script type="text/javascript" src="https://ajax.google apis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> <script type="text/javascript" src="http://xoxco.com/projects/code/b
yoshi-na 2011/12/14
JavaScript

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
CSS3 PIE: CSS3 decorations for IE
PIE makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features. Try the Demo This quick demo shows just a few of the CSS3 properties PIE can render. Use the controls to adjust the CSS3 applied to the box. Load this page in IE to see that it is rendered properly!
yoshi-na 2011/12/04
IEã‚’CSS3ã«å¯¾å¿œã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ

JavaScript

CSS3

IE
ãƒªãƒ³ã‚¯
JavaScriptã§ä½œã‚‰ã‚ŒãŸã€è¦‹ãŸã“ã¨ãªã„UIãƒ‡ã‚¶ã‚¤ãƒ³ã®Webã‚µã‚¤ãƒˆ
æ ªå¼ä¼šç¤¾ã‚µã‚¤ã‚¾ãƒ¼ï¼ˆCyzo inc.ï¼‰ / Raffael StÃ¼ken / La Moulade - Creative St...ä»–...å…¨11ä»¶
yoshi-na 2011/12/01
javascript

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

ã¾ã¨ã‚

webåˆ¶ä½œ

ui

*ã‚ã¨ã§èªã‚€

@myEN
ãƒªãƒ³ã‚¯
è¨˜äº‹ã‚’èªã¿é€²ã‚ã‚‹ã¨ã‚ªã‚¹ã‚¹ãƒ¡è¨˜äº‹ã‚’è¡¨ç¤ºã™ã‚‹ Slide for SimpleReach ã‚’å°Žå…¥ã—ã¦ã¿ãŸ
ãƒ–ãƒã‚°ã®è¨˜äº‹ã‚’èªã¿é€²ã‚ã‚‹ã¨ã€ã¡ã‚‡ã†ã©èªã¿ãŠãˆã‚‹ã»ã©ã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§é–¢é€£è¨˜äº‹ã‚’ã‚¹ãƒ©ã‚¤ãƒ‰ã‚¤ãƒ³ã—ã¦è¡¨ç¤ºã™ã‚‹ Slide for SimpleReach ã¨ã„ã†ã‚µãƒ¼ãƒ“ã‚¹ãŒãƒã‚¿ãƒ•ãƒ«ã®è¨˜äº‹ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã—ãŸã®ã§ã€ã•ã£ããå°Žå…¥ã—ã¦ã¿ã¾ã—ãŸã€‚ å½“ãƒ–ãƒã‚°ã®è¨˜äº‹ã‚’ã—ãŸã®æ–¹ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚†ãã¨ã€ã‚ã‚‹æ™‚ç‚¹ã§æ¬¡ã®ã‚ˆã†ãªçª“ãŒã‚¹ãƒ©ã‚¤ãƒ‰ã‚¤ãƒ³ã—ã¾ã™ã€‚ ã“ã®æ©Ÿèƒ½ãŒé‚ªé”ã ã¨ã„ã†å ´åˆã¯ã€ŒÃ—ã€ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã„ãŸã ãã¨ä»Šå¾Œã“ã®ã‚µã‚¤ãƒˆã§ Slide ã‚’è¡¨ç¤ºã—ãªã„ã‚ˆã†ã«ã‚¯ãƒƒã‚ãƒ¼ã§è¨å®šã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ãŸã ã€ãªã‹ãªã‹æ£ç¢ºã§ã«ãã„ã‚„ã¤ã§ã™ã®ã§ã€ãã®ã¾ã¾ã«ã—ã¦ã„ãŸã ã‘ã‚‹ã¨å¬‰ã—ã„ã§ã™ã€‚ ãƒã‚¿ãƒ•ãƒ«ã®è¨˜äº‹ã§ã¯ Mobable Type ã®å ´åˆã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ãŒç¤ºã•ã‚Œã¦ã„ã¾ã—ãŸã®ã§ã€ã“ã“ã§ã¯ WordPress ã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚### WordPressã®å ´åˆã® Slide for SimpleReachã®å°Žå…¥ ã¾ãšã¯ SimpleRe
yoshi-na 2011/12/01
WordPress

JavaScript

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9æœˆ30æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”åˆ©ç”¨ãƒ»ã”æ„›é¡§ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
yoshi-na 2011/11/28
JavaScript

jquery

ã¾ã¨ã‚

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã‚’ã‚¹ãƒžãƒ¼ãƒˆã«ã™ã‚‹smoothScroll.js[to-R]
ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã‚’ã‚¹ãƒžãƒ¼ãƒˆã«ã™ã‚‹smoothScroll.js ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã‚’ã‚¹ãƒ ãƒ¼ã‚ºã«è¡Œã†jsãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€smoothScroll.jsã‚’ä½œæˆã—ãŸã®ã§å…¬é–‹ã—ã¾ã™ã€‚ ã©ã†ã„ã£ãŸã‚‚ã®ã‹ã¯ã‚µãƒ³ãƒ—ãƒ«ã§ç¢ºèªã—ã¦ãã ã•ã„ã€‚ <a href="#header">ãƒšãƒ¼ã‚¸ã®å…ˆé ã«æˆ»ã‚‹</a> ãªã©ã®ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã‚’ã‚¹ãƒ ãƒ¼ã‚ºãªç§»å‹•ã«å¤‰æ›´ã—ã¾ã™ã€‚ ã“ã‚Œã«ã‚ˆã‚Šã€ã‚¨ãƒ³ãƒ‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒãƒšãƒ¼ã‚¸ãŒé·ç§»ã—ãŸã¨ã„ã†éŒ¯è¦šã«ãŠã¡ã„ã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ è¨ç½®æ–¹æ³•ã¯ç°¡å˜ã§ã™ã€‚ smoothScroll.jsã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ã€è¨ç½®ã—ãŸã„ãƒšãƒ¼ã‚¸ã§å–ã‚Šã“ã¿ã¾ã™ã€‚ <script type="text/javascript" src="./smoothScroll.js"></script> ç‰¹å®šã®ãƒªãƒ³ã‚¯ã¯ã‚¹ãƒ ãƒ¼ã‚ºã•ã›ãªã„ smoothScroll.jsã¯#ï¼ˆãƒãƒƒã‚·ãƒ¥ï¼‰ä»˜ãã®ãƒªãƒ³ã‚¯ã‚’å…¨ã¦ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒªãƒ—ãƒˆã«å¤‰æ›ã—ã¾ã™ã€‚ä»–ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãªã©ã§#
yoshi-na 2011/11/24
JavaScript

webåˆ¶ä½œ

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

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