[B! JavaScript] rinxmoonã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

rinxmoon id:rinxmoon

JavaScriptã«é–¢ã™ã‚‹rinxmoonã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (43)

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

GitHub - yubinbango/yubinbango
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
rinxmoon 2016/11/19
javascript

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

éƒµä¾¿ç•ªå·
ãƒªãƒ³ã‚¯
è‰²ã®å‡¦ç†ã«ç‰¹åŒ–ã—ãŸè»½é‡ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒChroma.jsã€
ã“ã‚“ã«ã¡ã¯ã€å¤è¦‹æ¾¤ï¼ˆã‚³ãƒŸã‚¶ãƒ¯ï¼‰ã§ã™ã€‚æœ€è¿‘ã¯å¯’ã„ã§ã™ãã€‚ è‡ªå®…ã«åŠ æ¹¿å™¨ã‚’å°Žå…¥ã—ã¦æ½¤ã„ãŒå¢—ã—ãŸä¸€æ–¹ã€çµéœ²ãŒé…·ãã¦çª“éš›ã‚„çŽ„é–¢ãŒã‚«ãƒ“ãã†ã§å›°ã£ã¦ã¾ã™ã€‚ ã•ã¦ä»Šå›žã¯ Chroma.js ã¨ã„ã†è‰²ã«é–¢ã™ã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«è§¦ã‚Œã‚‹æ©Ÿä¼šãŒã‚ã£ãŸã®ã§ã™ãŒã€æ—¥æœ¬èªžã®è¨˜äº‹ãŒæ®†ã©è¦‹ã¤ã‹ã‚‰ãªã‹ã£ãŸãŸã‚ã€ã“ã®ç´¹ä»‹ã‚’ã—ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ Chroma.js ã¨ã¯ è‰²ã‚’è£œæ£ã—ãŸã‚Šã€è‰²ç©ºé–“ã®å¤‰æ›ã‚’ã—ãŸã‚Šã€ã‚«ãƒ©ãƒ¼ã‚¹ã‚±ãƒ¼ãƒ«ã‚’è¨å®šã—ã¦è‰²ã‚’å¾—ã‚‹äº‹ãŒã§ãã‚‹ã€è‰²ã«é–¢ã™ã‚‹æŒ¯ã‚‹èˆžã„ã«ç‰¹åŒ–ã—ãŸè»½é‡ï¼ˆ32.8 KBï¼‰ãªJSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ å¤šãã®è‰²ç©ºé–“ã«å¯¾å¿œã—ã¦ãŠã‚Šã€CSSã‚„JavaScriptã§æ‰±ã„ã‚„ã™ã„å½¢ã§è‰²æƒ…å ±ã‚’å–å¾—ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã‚½ãƒ¼ã‚¹ã¯gitä¸Šã«ã‚ã‚Šã€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯ BSD license ã§ã™ã€‚ Chroma.js ã‚µãƒ³ãƒ—ãƒ« ä¸‹ã®ä¾‹ã¯è‰²ã®è£œæ£æ©Ÿèƒ½ã‚’ä½¿ã„ã€X11ã‚«ãƒ©ãƒ¼ã®pinkï¼ˆ#ffc0cbï¼‰ã‚’ãƒ™ãƒ¼ã‚¹ã«ã€æ˜Žã‚‹ã•ã‚’ä¸‹ã’ã€å½©åº¦ã‚’ä¸Šã’ã€
rinxmoon 2016/03/01
JavaScript
ãƒªãƒ³ã‚¯
/packer/
A JavaScript Compressor. version 3.0 Help Paste: Base62 encode Shrink variables Load Clear Pack Copy: disabled Save Decode Also available as .NET, perl and PHP applications.
rinxmoon 2016/02/25
åœ§ç¸®

JavaScript
ãƒªãƒ³ã‚¯
JavaScript è¨€èªžæ¦‚è¦ - JavaScript | MDN
JavaScriptãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«Beginner's tutorialsYour first website: Adding interactivityDynamic scripting with JavaScript JavaScript frameworks and librariesJavaScript ã‚¬ã‚¤ãƒ‰å…¥é–€ç·¨æ–‡æ³•ã¨ãƒ‡ãƒ¼ã‚¿åž‹åˆ¶å¾¡ãƒ•ãƒãƒ¼ã¨ã‚¨ãƒ©ãƒ¼å‡¦ç†ãƒ«ãƒ¼ãƒ—ã¨ã‚¤ãƒ†ãƒ¬ãƒ¼ã‚¿ãƒ¼é–¢æ•°å¼ã¨æ¼”ç®—åæ•°ã¨æ—¥ä»˜ãƒ†ã‚ã‚¹ãƒˆå‡¦ç†æ£è¦è¡¨ç¾ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ä»˜ãã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã‚ãƒ¼ä»˜ãã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’åˆ©ç”¨ã™ã‚‹Using classesãƒ—ãƒãƒŸã‚¹ã®ä½¿ç”¨JavaScript åž‹ä»˜ãé…åˆ—ã‚¤ãƒ†ãƒ¬ãƒ¼ã‚¿ãƒ¼ã¨ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ãƒ¡ã‚¿ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°JavaScript ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ä¸ç´šç·¨Advanced JavaScript objectsAsynchronous JavaScriptClient-side web APIsLangua
rinxmoon 2015/07/08
JavaScript
ãƒªãƒ³ã‚¯
PC
æœ€å¾Œã®Windows 10è„±å‡ºè¨ˆç”» é›£ã—ããªã£ãŸWindowsãƒ‘ã‚½ã‚³ãƒ³é¸ã³ã€Copilot+ PCã‚’ã©ã†è©•ä¾¡ã™ã‚‹ã‹ 2024.12.13
rinxmoon 2015/05/04
JavaScript
ãƒªãƒ³ã‚¯
ã€ŒJavaScriptãªã‚“ã¦ç†è§£ä¸èƒ½ã€ã‚’ã€Œã¡ã‚‡ã£ã¨ã‚ã‹ã‚‹ã€ã«ã™ã‚‹æœ€ä½Žé™ã®åŸºæœ¬ã‚’æ•™ãˆã¦ãã ã•ã„ï¼ˆå‰ç·¨ï¼‰ | èª°ã‚‚ãŒå—ã‘ãŸã„ï¼ã‚¢ã‚¯ã‚»ã‚¹è§£æž5åˆ†ã‚¯ãƒªãƒ‹ãƒƒã‚¯
rinxmoon 2015/04/20
JavaScript
ãƒªãƒ³ã‚¯
ã€ŒJavaScriptãªã‚“ã¦ç†è§£ä¸èƒ½ã€ã‚’ã€Œã¡ã‚‡ã£ã¨ã‚ã‹ã‚‹ã€ã«ã™ã‚‹æœ€ä½Žé™ã®åŸºæœ¬ã‚’æ•™ãˆã¦ãã ã•ã„ï¼ˆå¾Œç·¨ï¼‰ | èª°ã‚‚ãŒå—ã‘ãŸã„ï¼ã‚¢ã‚¯ã‚»ã‚¹è§£æž5åˆ†ã‚¯ãƒªãƒ‹ãƒƒã‚¯
rinxmoon 2015/04/20
ã‚‚ã®ã™ã”ãã‚ã‹ã‚Šã«ãã„èª¬æ˜Žã ã¨æ€ã†ã€‚æœ¬å½“ã«æœ€è¿‘æ›¸ã‹ã‚ŒãŸè¨˜äº‹ãªã®ã‹ï¼Ÿï¼Ÿ

JavaScript
ãƒªãƒ³ã‚¯
2æ—¥ã§ã§ãã‚‹! JavaScript ãƒˆãƒ¬ãƒ¼ãƒ‹ãƒ³ã‚° - mixi engineer blog
ã“ã‚“ã«ã¡ã¯ã€‚SNS mixi ã® JavaScripterã€kuniwak ã§ã™ã€‚ æ–°ã—ã„ä»²é–“ãŸã¡ãŒå…¥ç¤¾ã™ã‚‹å£ç¯€ã«ãªã‚Šã¾ã—ãŸãã€‚ ã•ã¦ã€ãƒŸã‚¯ã‚·ã‚£ã‚’æ”¯ãˆã‚‹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒä½œæˆã—ãŸ JavaScript ç ”ä¿®ã®è³‡æ–™ã‚’ Github ã«ã¦å…¬é–‹ã—ã¾ã—ãŸã€‚ ãƒŸã‚¯ã‚·ã‚£ã¯ 2013å¹´ã‹ã‚‰ç ”ä¿®è³‡æ–™ã‚’å…¬é–‹ã—ã¦ã„ã¾ã—ãŸãŒã€ä»Šå¹´ã¯ JavaScript ã®é€²åŒ–ã«åˆã‚ã›ã¦å†…å®¹ã‚’åˆ·æ–°ã—ã¦ã„ã¾ã™ï¼ 2015å¹´åº¦ã® JavaScript ç ”ä¿®ã¯ã€Web ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®éƒ¨å“ï¼ˆãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ï¼‰ã‚’ã¤ãã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹ã“ã¨ã‚’ç›®æ¨™ã¨ã—ãŸã€å®Ÿè·µçš„ãªç ”ä¿®ã¨ã—ã¦è¨ˆç”»ã•ã‚Œã¾ã—ãŸã€‚ JavaScript ç ”ä¿®ã®ãŸã‚ã«ä¸Žãˆã‚‰ã‚ŒãŸæœŸé–“ã¯2æ—¥ã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚Šã€MVC ã‚„ Flux ã¨ã„ã£ãŸè¨è¨ˆæ–¹é¢ã®è©±é¡Œã«ã¯è¸ã¿è¾¼ã‚ã¦ã„ã¾ã›ã‚“ãŒã€Promiseã€Fetch APIã€Bower ãªã©ã€ç¾åœ¨ãƒ»æœªæ¥ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«å¿…é ˆã®è¦ç´ ã‚’ç››ã‚Šè¾¼ã‚“ã æœ€æ–°ã®JavaS
rinxmoon 2015/04/19
JavaScript
ãƒªãƒ³ã‚¯
JavaScript ã® this ã‚’ç†è§£ã™ã‚‹ - tacamy--blog
this ã¯ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹è‡ªèº«ã‚’æŒ‡ã™ã€ãŸã ãã‚Œã ã‘ã®è©±ã§ã—ã‚‡ã†ï¼Ÿ ãã‚“ãªãµã†ã«è€ƒãˆã¦ã„ãŸæ™‚æœŸãŒç§ã«ã‚‚ã‚ã‚Šã¾ã—ãŸã€‚ãã†ã€JavaScript ã® this ã«å‡ºä¼šã†ã¾ã§ã¯ãƒ»ãƒ»ã€‚ ç”¨èªžã«ã¤ã„ã¦ ç§ã¯ Java è„³ã§æ›¸ã„ã¦ã‚‹ã®ã§ã€è¨€è‘‰é£ã„ãŒ JavaScript ã¨è‹¥å¹²é•ã†éƒ¨åˆ†ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ä¸‹è¨˜ã®ã‚ˆã†ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã§è¨€è‘‰ã‚’ä½¿ã£ã¦ã„ã¾ã™ã€‚ ç”¨èªž æ„å‘³ ã‚¯ãƒ©ã‚¹ ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®å…ƒã¨ãªã‚‹è¨è¨ˆå›³ ã‚³ãƒ³ã‚¹ãƒˆãƒ©ã‚¯ã‚¿ ã‚¯ãƒ©ã‚¹ã®ã‚³ãƒ¼ãƒ‰éƒ¨åˆ†ã§ã€new ã—ãŸã¨ãã«ã‚³ãƒ³ã‚¹ãƒˆãƒ©ã‚¯ã‚¿ã®å†…å®¹ã§åˆæœŸåŒ–ã™ã‚‹ ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ ã‚¯ãƒ©ã‚¹ã‚’å…ƒã«å®Ÿä½“åŒ–ã—ãŸã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆ ãƒ¡ãƒ³ãƒå¤‰æ•° ã‚¯ãƒ©ã‚¹ã‚„ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã«å±žã™ã‚‹ãƒãƒ¼ã‚«ãƒ«å¤‰æ•° ãƒ¡ã‚½ãƒƒãƒ‰ ã‚¯ãƒ©ã‚¹ã‚„ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã«å±žã™ã‚‹å‘½ä»¤ï¼ˆé–¢æ•°ï¼‰ ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ã¨ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã¨ this JavaScript ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘é–‹ç™ºã§ã¯ã€å…ƒã«ãªã‚‹ã‚¯ãƒ©ã‚¹ã‚’ new ã™ã‚‹ã“ã¨ã§ã€ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã‚’ç”Ÿæˆã—ã¾ã™ã€‚
rinxmoon 2015/03/30
JavaScript
ãƒªãƒ³ã‚¯
JavaScriptã®thisã®è¦šãˆæ–¹ - Qiita
JavaScriptã®thisã¯åŒã˜ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã§ã‚‚å‘¼ã³å‡ºã—å…ƒæ¬¡ç¬¬ã§æ„å‘³ãŒé•ã£ãŸã‚Šã—ã¦è¤‡é›‘ã ã¨æ€ã‚ã‚ŒãŒã¡ã ã‘ã©ã€ä¸€å›žè¦šãˆã¦ã—ã¾ãˆã°ç°¡å˜ã ã€‚ JavaScriptã«ã¯thisãŒ4ç¨®é¡žã‚ã‚‹ ã“ã‚Œã ã‘ã‚’ã—ã£ã‹ã‚Šè¦šãˆã¦ãŠã‘ã°ã€å¾Œã¯å¿…è¦ãªæ™‚ã« 4ç¨®é¡žã£ã¦ä½•ãŒã‚ã‚‹ã‚“ã ã£ã‘ï¼Ÿ ã¨è€ƒãˆã‚Œã°å®¹æ˜“ã«æ€ã„å‡ºã›ã‚‹ã€‚ ã¡ãªã¿ã«ã€ä¸‹è¨˜ã®ã‚³ãƒ¼ãƒ‰ã¯ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å®Ÿè¡Œã™ã‚‹ã“ã¨ã‚’æƒ³å®šã—ã¦ã„ã‚‹ã€‚(ãªã®ã§windowã‚’ä½¿ã†) ãƒˆãƒƒãƒ—ãƒ¬ãƒ™ãƒ«ã®this ã‚°ãƒãƒ¼ãƒãƒ«ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’æŒ‡ã™ã€‚ var hoge = "fuga"; window.foo = "bar"; // fuga+bar ã¨è¡¨ç¤ºã•ã‚Œã‚‹ console.log(this.hoge + "+" + this.foo); (function(){ // åŒã˜ãfuga+bar ã¨è¡¨ç¤ºã•ã‚Œã‚‹ console.log(this.hoge + "+" + this.foo); })(
rinxmoon 2015/01/20
JavaScript
ãƒªãƒ³ã‚¯
æ—§ãƒ»Macã®æ‰‹æ›¸ãèª¬æ˜Žæ›¸ - FC2 BLOG ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰èªè¨¼
ãƒ–ãƒã‚° ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰èªè¨¼ é–²è¦§ã™ã‚‹ã«ã¯ç®¡ç†äººãŒè¨å®šã—ãŸ ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã®å…¥åŠ›ãŒå¿…è¦ã§ã™ã€‚ ç®¡ç†äººã‹ã‚‰ã®ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ https://mac-tegaki.comã¸ç§»è»¢ä¸ é–²è¦§ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ Copyright Â© since 1999 FC2 inc. All Rights Reserved.
rinxmoon 2014/07/19
"Mac

JavaScript
ãƒªãƒ³ã‚¯
Highcharts - Interactive Charting Library for Developers
Our core library. Includes all standard chart types and more.
rinxmoon 2014/06/25
"Webåˆ¶ä½œ

JavaScript

ã‚°ãƒ©ãƒ•
ãƒªãƒ³ã‚¯
TableSaw - 2ç¨®é¡žã®ãƒ¢ãƒ¼ãƒ‰ãŒä½¿ãˆã‚‹ãƒ†ãƒ¼ãƒ–ãƒ«ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–åŒ–ãƒ©ã‚¤ãƒ–ãƒ©ãƒª MOONGIFT
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ãŒæµè¡Œã£ã¦ã„ã¾ã™ãŒã€ãã®ä¸€ç•ªã®é›£æ•µã¨ã‚‚è¨€ãˆã‚‹ã®ãŒãƒ†ãƒ¼ãƒ–ãƒ«ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ç‰¹ã«æ¥å‹™ç³»ã‚·ã‚¹ãƒ†ãƒ ã‚„ç®¡ç†ç”»é¢ã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³/ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã«å¯¾å¿œã•ã›ã‚‹ä¸Šã§å¹…ãŒç‹ã„ä¸ã§ã„ã‹ã«ã†ã¾ããƒ†ãƒ¼ãƒ–ãƒ«ã‚’è¡¨ç¤ºã™ã‚‹ã‹ã¯å¤§ããªå•é¡Œã§ã™ã€‚ ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒTableSawã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ†ãƒ¼ãƒ–ãƒ«ã‚’å®Ÿç¾ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ TableSawã®ä½¿ã„æ–¹ TableSawã«ã¯2ã¤ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œãŒå¯èƒ½ã§ã™ã€‚ã¾ãšä¸€ã¤ç›®ã¯ã‚¹ã‚¿ãƒƒã‚¯ã¨æ–¹å¼ã§ã™ã€‚ ã“ã¡ã‚‰ãŒå…ƒã€…ã®ãƒ†ãƒ¼ãƒ–ãƒ«ã§ã™ã€‚å¹…ã‚’ç‹ã‚ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ç¸¦ä¸¦ã³ã«ãªã‚Šã¾ã—ãŸã€‚ã“ã‚ŒãŒã‚¹ã‚¿ãƒƒã‚¯ã§ã™ã€‚ ã‚¹ã‚¿ãƒƒã‚¯ã®é€šã‚Šã€æ¨ªã«ä¸¦ã‚“ã§ã„ãŸãƒ‡ãƒ¼ã‚¿ã‚’ç¸¦ã«ç©ã¿é‡ãã¦ã„ã¾ã™ã€‚1è¡Œ1è¡Œã®ãƒ‡ãƒ¼ã‚¿ã¯è¦‹ã‚„ã™ããªã‚Šã¾ã™ãŒã€ä»–ã®è¡Œã¨ã®æ¯”è¼ƒãŒé›£ã—ããªã£ã¦ã—ã¾ã†ã®ãŒé›£ç‚¹ã§ã™ã€‚ ã‚‚ã†ä¸€ã¤ã¯ã‚¹ãƒ¯ã‚¤ãƒ—ã§ã™ã€‚ã“ã¡ã‚‰ã‚‚å¹…ã‚’ç‹ã‚ã¦ã¿ã¾ã™ã€‚ å³ä¸Šã®çŸ¢å°ãŒæœ‰åŠ¹ã«ãªã‚Šã¾ã—ãŸã€‚è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹é …ç›®ã‚‚æ¸›ã£ã¦ã„ã¾ã™ã€‚
rinxmoon 2014/05/28
"Webåˆ¶ä½œ

JavaScript
ãƒªãƒ³ã‚¯
[JS]ç”»åƒã‚’ç”¨æ„ã—ãªãã¦ã„ã„ã‹ã‚‰ç°¡å˜ï¼ã‚¯ãƒªãƒƒã‚«ãƒ–ãƒ«ã«å¯¾å¿œã—ãŸæ—¥æœ¬ã®éƒ½é“åºœçœŒã®åœ°å›³ã‚’è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Japan Map
ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ 2 Japan Mapã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« jquery.jsã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <script src="https://code.jquery.com/jquery-2.1.1.js"></script> <script src="jquery.japan-map.min.js"></script> </head> Step 2: HTML æ—¥æœ¬åœ°å›³ã‚’é…ç½®ã™ã‚‹divã‚’ã‚»ãƒƒãƒˆã—ã¾ã™ã€‚ <body> ... <div id="map-container"></div> ... </body> Step 3: JavaScript jQueryã®ã‚»ãƒ¬ã‚¯ã‚¿ã§é…ç½®ã™ã‚‹å ´æ‰€ã‚’æŒ‡å®šã—ã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å®Ÿè¡Œã—ã¾ã™ã€‚ <script> $(function(){ $("#map-container").japanMap({ on
rinxmoon 2014/05/16
"Webåˆ¶ä½œ

#ã‚³ãƒªã‚¹

JavaScript
ãƒªãƒ³ã‚¯
ã€ŽClipMenuã‚’JSã§æ‹¡å¼µã—ã¦ã€ã‚¹ãƒ†ã‚ãªã‚³ãƒ”ãƒšãƒ©ã‚¤ãƒ•ã‚’ã€
1 pixelï½œã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–ã‚Šçµ„ã¿ã‚’ç´¹ä»‹ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚æœ€æ–°æŠ€è¡“ã¸ã®æŒ‘æˆ¦ã‚„ã‚µãƒ¼ãƒ“ã‚¹èª•ç”Ÿã®è£è©±ã€å‹‰å¼·ä¼šã‚„ã‚¤ãƒ™ãƒ³ãƒˆã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ ã“ã‚“ã«ã¡ã¯ã€‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç‰ˆAmebaã§ãƒ‡ã‚£ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚’ã—ã¦ã„ã‚‹å®‡ç´ã§ã™ã€‚ æœ¬æ—¥ã¯æ™®æ®µã®æ¥å‹™ã¨ã¯é›¢ã‚Œã¦ã€ã¡ã‚‡ã£ã¨ã ã‘ä¾¿åˆ©ãªTipsã®ã”ç´¹ä»‹ã§ã™ã€‚ Mac OSç”¨ã®ã‚¯ãƒªãƒƒãƒ—ãƒœãƒ¼ãƒ‰ãƒ»ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£ã‚½ãƒ•ãƒˆClipMenuã‚’JavaScriptã§æ‹¡å¼µã™ã‚‹æ–¹æ³•ã¨ã€ãã‚Œã‚’ä½¿ã£ãŸã‚µãƒ³ãƒ—ãƒ«ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã¨ã¦ã‚‚ç°¡å˜ã«ã§ãã¾ã™ã®ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãŒè‹¦æ‰‹ãªæ–¹ã‚‚æ˜¯éžæŒ‘æˆ¦ã—ã¦ã¿ã¦ãã ã•ã„ï¼ ClipMenuã¨ã¯ã‚¯ãƒªãƒƒãƒ—ãƒœãƒ¼ãƒ‰ã®å±¥æ´ã‚’ä¿æŒã—ã¦ãŠã‘ã‚‹ãƒ•ãƒªãƒ¼ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã€ã“ã‚Œã‚’ä½¿ã†ã¨ã‚³ãƒ”ãƒ¼ï¼‹ãƒšãƒ¼ã‚¹ãƒˆã‚’ä½•åº¦ã‚‚ç¹°ã‚Šè¿”ã•ãªãã¦ã‚‚ã€ã‚³ãƒ”ãƒ¼ã—ãŸå±¥æ´ã‹ã‚‰å‘¼ã³å‡ºã—ã¦ãƒšãƒ¼ã‚¹ãƒˆãŒã§ãã¾ã™
rinxmoon 2014/05/14
"Mac

JavaScript
ãƒªãƒ³ã‚¯
JavaScriptã§å¤‰ãªå½¢ã®ã‚¯ãƒªãƒƒã‚¯é ˜åŸŸã‚’ä½œã‚‹ã¨ãã€svgãŒä¾¿åˆ© - MANA-DOT
æ˜¨æ—¥ã®Vieraã®ãƒªãƒ¢ã‚³ãƒ³ã€ãƒªãƒ¢ã‚³ãƒ³ã‚’ä½œã‚ŠãŸã‹ã£ãŸã®ã‚‚ã‚ã‚‹ã‘ã©ã€svgã¨JavaScriptã‚’çµ„ã¿åˆã‚ã›ãŸç°¡å˜ãªãƒ—ãƒã‚°ãƒ©ãƒ ã‚’è©¦ã—ã«æ›¸ã„ã¦ã¿ãŸã‹ã£ãŸã¨ã„ã†ã®ãŒã‚ã‚Šã¾ã™ã€‚ html5ã§ã¯svgã‚’htmlä¸ã«åŸ‹ã‚è¾¼ã‚“ã§ã€æ›´ã«ãã®svgã«cssã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å½“ã¦ãŸã‚Šã€JavaScriptã§ã„ã‚ã„ã‚ã‚„ã£ãŸã‚Šå‡ºæ¥ã¾ã™ã€‚ ã“ã®æ™‚ã€è¦ç´ ã®ã‚¯ãƒªãƒƒã‚¯é ˜åŸŸã¯è¦ç´ ã®å½¢ãã®ã¾ã¾ãªã®ã§ã€æ˜¨æ—¥ã®ãƒªãƒ¢ã‚³ãƒ³ã®ã‚ˆã†ãªå¤‰ãªå½¢ã®ã‚¯ãƒªãƒƒã‚¯é ˜åŸŸã‚’ç°¡å˜ã«ä½œã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ä»¥ä¸‹ã®ç”»åƒã®è‰²ã®ã¤ã„ãŸç®‡æ‰€ã«ãƒžã‚¦ã‚¹ã‚’ä¹—ã›ãŸã‚Šã‚¯ãƒªãƒƒã‚¯ã‚’ã—ãŸã‚Šã—ã¦ã¿ã¦ãã ã•ã„ã€‚ 100km ç”»åƒã¯Wikipediaã‚ˆã‚Šã€‚ ä¸Šè¨˜ã®ç”»åƒã¯ã€ã‚¯ãƒªãƒƒã‚¯ã§ãã‚‹ç®‡æ‰€ã« .svg-area ã¨ã„ã†ã‚¯ãƒ©ã‚¹åã¨ã€data-nameå±žæ€§ã«å¸‚ç”ºæ‘ã®æ–‡å—åˆ—ãŒå…¥ã£ã¦ãŠã‚Šã€ä»¥ä¸‹ã®æ§˜ãªcss/jsã«ã‚ˆã£ã¦å‹•ä½œã‚’å®Ÿç¾ã—ã¦ã„ã¾ã™ã€‚ path.svg-area { cursor: pointer;
rinxmoon 2014/05/10
"Webåˆ¶ä½œ

JavaScript
ãƒªãƒ³ã‚¯
[JS]ä¸€å‘³é•ã£ãŸã‚¢ã‚¤ãƒ‡ã‚¢ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Responsive tables
ã‚µã‚¤ã‚ºãŒå¤‰æ›´ã•ã‚Œã¦ã‚‚ã€ãƒã‚¤ãƒ©ã‚¤ãƒˆè¡¨ç¤ºã¯ã§ãã¾ã™ã€‚ Responsive tablesã®ä½¿ã„æ–¹ Step 1: ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’headå†…ã«å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <link rel="stylesheet" href="css/rwd-table.min.css"> </head> Step 2: ã‚¹ã‚¯ãƒªãƒ—ãƒˆ ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’</body>ã®ä¸Šã‚ãŸã‚Šã«è¨˜è¿°ã—ã¾ã™ã€‚ <body> ... <script type="text/javascript" src="js/rwd-table.js"></script> <script> $(function() { $('.table-complex').responsiveTable({ adddisplayallbtn: true, addfocusbtn: true, fixednavbar: '#n
rinxmoon 2014/04/24
"Webåˆ¶ä½œ

#ã‚³ãƒªã‚¹

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

Javascript
ãƒªãƒ³ã‚¯
JavaScriptã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã¾ã¨ã‚(ãŠã™ã™ã‚4é¸) - Qiita
ã¯ã˜ã‚ã« ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰è‡ªä½“ã¯å„ã€…ã®ãƒ«ãƒ¼ãƒ«ã§ã‹ãªã‚Šã®æ•°ãŒå˜åœ¨ã—ã¾ã™ãŒã€ ä¸‹è¨˜ã®ãŠã™ã™ã‚4é¸ã‚’æŠ¼ã•ãˆã¦ãŠã‘ã°å•é¡Œãªã„ã¨æ€ã„ã¾ã™ã€‚ ãŠã™ã™ã‚ï¼”é¸ Google JavaScript Style Guide Googleã«ã‚ˆã‚‹ã€æœ€ã‚‚ä»£è¡¨çš„ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã§ã™ã€‚ æ™‚é–“ã®ãªã„æ–¹ã¯ã€ã“ã‚Œã ã‘ã«ã§ã‚‚ç›®ã‚’é€šã—ã¦ãŠãäº‹ã‚’ãŠã™ã™ã‚ã—ã¾ã™ã€‚ JavaScriptã®Bad Partsã«ã¤ã„ã¦ã‚‚è¿°ã¹ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ è‹±èªžï¼šhttps://google.github.io/styleguide/javascript guide.xml æ—¥æœ¬èªžï¼šhttp://www38.atwiki.jp/aias-jsstyleguide2/pages/1.html Closure Linterã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ã§ã€ãƒãƒ¼ãƒ ã§ã®çµ±ä¸€ãŒã—ã‚„ã™ããªã‚Šã¾ã™ã€‚ ã‚°ãƒ¼ã‚°ãƒ«è£½JavaScriptæ–‡æ³•ãƒã‚§ãƒƒã‚«ãƒ¼ jQuery JavaScript Styl
rinxmoon 2014/04/24
"Webåˆ¶ä½œ

JavaScript
ãƒªãƒ³ã‚¯
JavaScriptãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ç´¹ä»‹
JavaScriptã®ã‚ªã‚¹ã‚¹ãƒ¡ã®ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£(é…åˆ—ãƒ»æ–‡å—åˆ—ãƒ»æ—¥ä»˜)ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ç´¹ä»‹ã—ã¾ã™ã€‚Read less
rinxmoon 2014/04/16
"Webåˆ¶ä½œ

JavaScript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
"Basic of JavaScript"ã¯ã€æ ªå¼ä¼šç¤¾ã¾ã¼ã‚ã—ï¼ˆ http://maboroshi.biz/ ï¼‰ã®æ–°äººãƒ»è‹¥æ‰‹å‘ã‘JavaScriptå…¥é–€è³‡æ–™ã§ã™ã€‚
Basic of JavaScript ï¿½ï¿½i3AV ï¿½yf3AV # ç›®æ¬¡ + JavaScript ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¨å€¤ã®åž‹ basic-of-javascript_01.md JavaScript ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¨å€¤ã®åž‹ å…¨ã¦ã®å€¤ãŒã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆ ãƒ—ãƒã‚°ãƒ©ãƒ ã¨ã¯ã€å€¤ã®æŒ¯ã‚‹èˆžã„ã‚„å–ã‚Šå›žã—ã‚’ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ãƒ¼ã«å‘½ä»¤ã™ã‚‹ãŸã‚ã«è¨˜è¿°ã—ãŸã‚‚ã®ã§ã‚ã‚‹ã€‚ JavaScriptã§ã¯ã€äºˆã‚çµ„ã¿è¾¼ã¾ã‚Œã¦ã„ã‚‹ã‚‚ã®ã‚‚å«ã‚å…¨ã¦ã®å€¤ãŒã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã§ã‚ã‚‹ã‹ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®ã‚ˆã†ã«æŒ¯ã‚‹èˆžã†ã€‚ ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¯é›†åˆ ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¨ã¯ã€åå‰ï¼ˆã‚ãƒ¼ï¼‰ã¨å€¤ï¼ˆãƒãƒªãƒ¥ãƒ¼ï¼‰ã‚’ãƒšã‚¢ã¨ã—ãŸãƒ—ãƒãƒ‘ãƒ†ã‚£ã®é›†åˆã§ã€ä¸ã§ã‚‚å€¤ã«é–¢æ•°ãŒä¸Žãˆã‚‰ã‚Œã¦ã„ã‚‹ã‚‚ã®ã‚’ãƒ¡ã‚½ãƒƒãƒ‰ã¨å‘¼ã¶ã€‚ // ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¯ã€Œåå‰:å€¤ã€ã®é›†åˆ var object = { propertyName: 'Value', methodName: function () { return 'Do s
rinxmoon 2014/04/14
"Webåˆ¶ä½œ

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