[B! javascript] mathatelleã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mathatelle id:mathatelle

javascriptã«é–¢ã™ã‚‹mathatelleã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (317)

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

Chrome Developer Toolsã‚’ä½¿ã„ã“ãªãã†ï¼
ã‚ªã‚¹ã‚¹ãƒ¡ã®Javaãƒã‚°ç®¡ç†æ‰‹æ³• ï½žã‚³ãƒ³ãƒ†ãƒŠç·¨ï½žï¼ˆOpen Source Conference 2022 Online/Spring ç™ºè¡¨è³‡æ–™ï¼‰
mathatelle 2015/01/12
chrome

javascript
ãƒªãƒ³ã‚¯
schteppe.github.com
p2.js by schteppe A 2D physics engine for JavaScript View on Github Documentation
mathatelle 2014/12/13
javascript

physics
ãƒªãƒ³ã‚¯
[JavaScript]\uXXXXå½¢å¼ã«unicodeã‚¨ã‚¹ã‚±ãƒ¼ãƒ—ã™ã‚‹é–¢æ•° / LiosK-free Blog
2007-12-22 ã‚«ãƒ†ã‚´ãƒª: Client Side ã‚¿ã‚°: JavaScript Tips Unicode JSON ã•ã£ãã¯Perlã«ã¯ã¾ã‚‹ã¨ã‹è¨€ã£ã¦ãŠããªãŒã‚‰çµå±€JavaScriptâ€¦ JavaScriptã®æ–‡å—åˆ—ã‚’ã€\uXXXXã®å½¢å¼ã®UnicodeEscapeSequenceã«ã‚¨ã‚¹ã‚±ãƒ¼ãƒ—ã™ã‚‹é–¢æ•°ã‚’æ›¸ãã¾ã—ãŸã€‚ JavaScriptã®æ–‡å—åˆ—ã‚’JSONã¨ã‹ã§ã‚ˆãè¦‹ã‹ã‘ã‚‹ã€ \u672c\u65e5\u306f\u6674\u5929\u306a\u308a ã®å½¢å¼ã®æ–‡å—åˆ—ã«å¤‰æ›ã™ã‚‹é–¢æ•°ã§ã™ã€‚ã‚½ãƒ¼ã‚¹ã‚„ã‚µãƒ³ãƒ—ãƒ«ã¯ç¶šãã§ã€‚ ã‚½ãƒ¼ã‚¹ var unicodeEscape = function(str) { var code, pref = {1: '\\u000', 2: '\\u00', 3: '\\u0', 4: '\\u'}; return str.replace(/\W/g, fu
mathatelle 2014/11/29
json

javascript
ãƒªãƒ³ã‚¯
Escape Codec Library: ecl.js
ã“ã®ãƒšãƒ¼ã‚¸ã¯http://nurucom-archives.hp.infoseek.co.jp/digital/ã«ã‚ã£ãŸã‚‚ã®ã‚’iswebã®ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã«ä¼´ã„ä¼Šè—¤ãŒã‚³ãƒ”ãƒ¼ã—ãŸã‚‚ã®ã§ã™ã€‚ Shift_JISã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰ã‚„EUC-JPã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰ãªã©ã‚‚å¯èƒ½ãª escape ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰ãƒ»ãƒ‡ã‚³ãƒ¼ãƒ‰é–¢æ•°ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒª æ–‡å—åˆ—ã‚’ã™ã¹ã¦ã®ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã§èªã‚ã‚‹ã‚ˆã†ãªå½¢å¼ã«å¤‰æ›ã—ãŸã‚Šã€å¤‰æ›ã•ã‚ŒãŸã‚‚ã®ã‚’å…ƒã®æ–‡å—åˆ—ã«ãƒ‡ã‚³ãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ãŒã§ãã‚‹é–¢æ•°ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ãƒ“ãƒ«ãƒˆã‚¤ãƒ³é–¢æ•° escape() , unescape() ã¨ã¯ç•°ãªã‚Šã€ã©ã®ç¨®é¡žã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚åŒã˜å¤‰æ›çµæžœãŒå¾—ã‚‰ã‚Œã¾ã™ã€‚ JISã‚³ãƒ¼ãƒ‰å¤‰æ›ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’æè¼‰ã—ã€å¾“æ¥JavaScriptã§ã¯å®Ÿç¾ãŒå›°é›£ã§ã‚ã£ãŸã€Shift_JISã‚³ãƒ¼ãƒ‰ã‚„EUC-JPã‚³ãƒ¼ãƒ‰ãªã©ã®æ–‡å—ã‚³ãƒ¼ãƒ‰ã¨ã—ã¦ã®ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰ãƒ»ãƒ‡ã‚³ãƒ¼ãƒ‰ã‚‚å¯èƒ½ã¨ãªã£ã¦ã„ã¾ã™ã€‚ãªãŠã€ã“ã®å¤‰æ›ãƒ†ãƒ¼ãƒ–ãƒ«ã«ã¯ã€ç›´æŽ¥æ¼¢å—ã¯è¨˜è¿°ã›ãšã€
mathatelle 2014/11/29
javascript
ãƒªãƒ³ã‚¯
Sugar - A Javascript utility library for working with native objects.
Sugar is a Javascript utility library for working with native objects. It lets you do stuff like this:
mathatelle 2014/10/09
javascript
ãƒªãƒ³ã‚¯
ç›´æ„Ÿçš„ã«ä½¿ãˆã‚‹ä¾¿åˆ©ãªjavascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒSugarã€ - ä¸–ç•Œä¸ã®ç¾Šã‚’ã‹ãé›†ã‚ã¦
ã€ŒSugarã€å…¬å¼ã‚µã‚¤ãƒˆ http://sugarjs.com/ ã™ã”ãã„ã„ã§ã™ã€‚ ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’æ‹¡å¼µã—ã€ä¾¿åˆ©ãªãƒ¡ã‚½ãƒƒãƒ‰ã‚’ãŸãã•ã‚“ä½¿ãˆã‚‹ã‚ˆã†ã«ã—ãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ Ajaxã‚„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€Domæ“ä½œã‚’ã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ Javascriptã§é¢å€’ãªæ—¥ä»˜æ“ä½œã‚„ã€é…åˆ—ã€æ•°å€¤ã€æ–‡å—åˆ—ã€ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆç‰ã®æ“ä½œã‚’æ¥½ã«ã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã•ã‚Œã¦ãŠã‚Šã€jQueryã¨ã‚‚ä½µç”¨ã§ãã¾ã™ã€‚ ã¾ãŸã€ä¸‹ã§ã‚‚æ›¸ã„ã¦ã¾ã™ãŒã€æ—¥æœ¬èªžã‚’è€ƒæ…®ã—ãŸå‡¦ç†ãŒãªã•ã‚Œã¦ã„ã¦ã€æ—¥æœ¬äººã«ã¯å¬‰ã—ã„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã ã¨æ€ã„ã¾ã™ã€‚ ã€ŒSugarã®æ©Ÿèƒ½ã«ã¤ã„ã¦ã€ http://sugarjs.com/features ã€ŒSugarã®APIä¸€è¦§ã€ http://sugarjs.com/api ã‚‚ã†ã€ä¸Šã®ãƒšãƒ¼ã‚¸ã‚’è¦‹ã‚Œã°ã€ãã®ä¾¿åˆ©ã•ãŒã™ãåˆ†ã‹ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãã®ä¸ã§ã‚‚ã€ä¾¿åˆ©ãã†ãªãƒ¡ã‚½ãƒƒãƒ‰ã‚’è¦‹ã¦ã„ãã¾ã—
mathatelle 2014/10/09
javascript
ãƒªãƒ³ã‚¯
gulp.js
A toolkit to automate & enhance your workflowLeverage gulp and the flexibility of JavaScript to automate slow, repetitive workflows and compose them into efficient build pipelines. TypeScriptDevelop in any languagePNGCreate assets with any toolMarkdownWrite using any formatJavaScriptGet compiled codeWebPGet optimized imagesHTMLGet rendered content
mathatelle 2014/09/28
javascript
ãƒªãƒ³ã‚¯
[Polymer] Material Design ã‚’ä½¿ã£ãŸ Web ãƒšãƒ¼ã‚¸ã‚’ä½œã£ã¦ã¿ã‚‹ | DevelopersIO
Material design with Polymer Google I/O 2014 ã§ç™ºè¡¨ã«ãªã£ãŸã€ŒMaterial Designã€ã§ã™ãŒã€Web ã®å ´åˆã¯ Polymer ã§æä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚Polymer ã¯ Web Components ã‚’ä½¿ã£ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚æ˜¨å¹´ã® Google I/O ã§ç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚ ã¨ã„ã†ã“ã¨ã§ã€ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’å‚è€ƒã« Polymer ã‚’ä½¿ã£ã¦ Material Design ã® Web ãƒšãƒ¼ã‚¸åˆ¶ä½œã‚’è©¦ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ‡ãƒ¢ã§ Material Design ã®ä¸–ç•Œã‚’ä½“é¨“ã—ã¦ã¿ã‚ˆã† ãã®å‰ã«ã€Material Design ã§ã©ã®ã‚ˆã†ãª Web ãƒšãƒ¼ã‚¸ãŒä½œã‚Œã‚‹ã®ã‹ã€ãƒ‡ãƒ¢ã® Web ãƒšãƒ¼ã‚¸ãŒå…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ã¡ã‚‡ã£ã¨è§¦ã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ä»¥ä¸‹ã® 3 ã¤ã®ãƒ‡ãƒ¢ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ Topeka (ã‚¯ã‚¤ã‚ºã‚¢ãƒ—ãƒª) Paper Eleme
mathatelle 2014/09/27
material design

javascript
ãƒªãƒ³ã‚¯
Polymer Project
The Polymer library is in maintenance mode. For new development, we recommend Lit. The Polymer library provides a set of features for creating custom elements. These features are designed to make it easier and faster to make custom elements that work like standard DOM elements. Similar to standard DOM elements, Polymer elements can be: Instantiated using a constructor or document.createElement. Co
mathatelle 2014/09/27
javascript
ãƒªãƒ³ã‚¯
æœ€å¼·ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘è¨€èªž JavaScript å†å…¥é–€ï¼
ã“ã®è³‡æ–™ã§ã¯ã€JavaScript ã§ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’è¡Œã†éš›ã«å‚™ãˆã¦ãŠãã“ã¨ãŒæœ›ã¾ã—ã„ã€åŸºç¤ŽçŸ¥è˜ã‚„æ¦‚å¿µã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ ã€å¯¾è±¡è€…ã€‘ ãƒ»JavaScript ã§ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹ç¯‰ã§ãã‚‹æ–¹ ãƒ»JavaScript ã«ãŠã‘ã‚‹ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã® å®Ÿç¾æ‰‹æ³•ã‚„åŽŸç†ã¸ã®ç†è§£ã‚’æ·±ã‚ãŸã„æ–¹ ãƒ»Java çš„ãªã‚¯ãƒ©ã‚¹ãƒ™ãƒ¼ã‚¹ã®è¨€èªžã¨ã®é•ã„ã«é•å’Œæ„Ÿã‚„æ··ä¹±ã‚’ æ„Ÿã˜ã¦ã‚‰ã£ã—ã‚ƒã‚‹æ–¹
mathatelle 2014/08/31
javascript
ãƒªãƒ³ã‚¯
JavaScriptãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ç´¹ä»‹
ç´¹ä»‹ã—ãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ å…¨ã¦ Node.js ã«å¯¾å¿œã—ã¦ã„ã¾ã™ $npm install underscore $ npm install underscore.string $ npm install moment $ npm install sugar
mathatelle 2014/04/15
javascript
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã®è¨€èªžã‚’Javascriptã‹ã‚‰èª¿ã¹ã‚‹ã€‚
Photo by midnightglory å¤šè¨€èªžå¯¾å¿œã®ã‚µã‚¤ãƒˆã‚’ä½œã£ã¦ã„ã‚‹ã¨å•é¡Œã«ãªã‚‹ã®ãŒã€ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã®åˆ‡ã‚Šæ›¿ãˆã§ã™ã€‚PHPã‚„Railsã‚’ä½¿ã£ã¦ã„ã‚‹å ´åˆã¯ã€HTTP_ACCEPT_LANGUAGEã‚’è¦‹ã¦ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ç”Ÿæˆã‚’åˆ‡ã‚Šæ›¿ãˆã‚Œã°è‰¯ã„ã®ã§ã™ãŒã€é™çš„ãƒ•ã‚¡ã‚¤ãƒ«ã®å ´åˆã¯ã€ãã†ã¯è¡Œãã¾ã›ã‚“ã€‚ ãã“ã§ã€ä»Šå›žã¯Javascriptã ã‘ã§ãƒ–ãƒ©ã‚¦ã‚¶ã®è¨€èªžã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã‚’èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ ã‚°ã‚°ã£ã¦ã„ã‚‹ã¨ã€ãƒ–ãƒ©ã‚¦ã‚¶ä¾å˜ã§ã™ãŒå–å¾—ã™ã‚‹æ–¹æ³•ãŒè¦‹ã¤ã‹ã£ãŸã®ã§ã€å„ãƒ–ãƒ©ã‚¦ã‚¶ã§æ¤œè¨¼ã—ãŸæ‰€ã€navigator.browserLanguageã€navigator.languageã€navigator.userLanguageã®ã„ãšã‚Œã‹ã§å–å¾—ã§ãã‚‹ã“ã¨ãŒåˆ†ã‚Šã¾ã—ãŸã€‚ ãŸã ã€ã“ã®å€¤ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆè¨€èªžç’°å¢ƒã®ãªã®ã§ã€HTTP_ACCEPT_LANGUAGEã¨ã¯é•ã†å€¤ãŒè¿”ã£ã¦ãã¾ã™ã€‚ãŸã¨ãˆã°ã€æ—¥æœ¬èªžOSã«è‹±èªžç‰ˆã®Firefo
mathatelle 2014/03/30
javascript
ãƒªãƒ³ã‚¯
ã¯ã˜ã‚ã¦ã®JavaScript / JS Girls Tokyo #1
JS Girls Tokyo #1ã§ã€JavaScriptåˆå¿ƒè€…å‘ã‘ã®å‹‰å¼·æ–¹æ³•ã«ã¤ã„ã¦è©±ã—ã¾ã—ãŸã€‚ ç§è‡ªèº«ã€HTML/CSSã¯ã§ãã¦ã‚‚JavaScriptãŒå¤§ã®è‹¦æ‰‹ã§ã—ãŸãŒã€@hokaccha å…ˆç”Ÿã«ã‚ˆã‚‹ä¿®è¡Œã«ã‚ˆã£ã¦ã€ãªã‚“ã¨ã‹ç†è§£ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ãã®ä¿®æ¥ã®ä¸ã§ã€ä½•ã‚’ã©ã†ã‚„ã£ã¦å‹‰â€¦
mathatelle 2014/03/24
javascript

presentation

programming

education
ãƒªãƒ³ã‚¯
åˆå¿ƒè€…ã§ã‚‚çµ¶å¯¾ã‚ã‹ã‚‹ã€WebGLãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼œthree.jsæœ€åˆã®ä¸€æ©ï¼ž
åˆå¿ƒè€…ã§ã‚‚çµ¶å¯¾ã‚ã‹ã‚‹ã€WebGLãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼œthree.jsæœ€åˆã®ä¸€æ©ï¼ž å°å±±ç”° æ™ƒæµ©ï¼ˆæ ªå¼ä¼šç¤¾ ãƒ”ã‚¯ã‚»ãƒ«ã‚°ãƒªãƒƒãƒ‰ï¼‰ WebGLã¯ã¨ã¦ã‚‚é«˜åº¦ãªæŠ€è¡“ã§ã‚ã‚‹ä¸€æ–¹ã€APIã¯ä½Žãƒ¬ãƒ™ãƒ«ã§ã‚ã‚‹ãŸã‚ãã®ã¾ã¾ä½¿ã†ã«ã¯ã©ã†ã—ã¦ã‚‚å†—é•·ãªæº–å‚™ã‚’è¡Œã†å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ä¸€æ–¹ã§ã€JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã‚’é€šã—ã¦é«˜ãƒ¬ãƒ™ãƒ«ãªAPIã¨ã—ã¦WebGLã‚’åˆ©ç”¨ã™ã‚‹æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ã“ã†ã—ãŸJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã¨ã—ã¦ã¯three.jsã€Away3D.jsã€Babylon.jsãªã©ãŒæœ‰åã§ã™ã€‚ãã®ä¸ã§ã‚‚ç‰¹ã«äººæ°—ãŒã‚ã‚‹three.jsã‚’é€šã—ã¦ã€WebGLã‚’åˆ©ç”¨ã™ã‚‹æ–¹æ³•ã‚’è§£èª¬ã—ã¾ã™ã€‚(three.jsã®ãƒªãƒ“ã‚¸ãƒ§ãƒ³ã¯åŸ·ç†ç¾åœ¨ã®æœ€æ–°ã§ã‚ã‚‹r65ã‚’åˆ©ç”¨ã—ã¾ã™) three.jsã‚’æ‰‹ã«å…¥ã‚Œã‚‹ three.jsã¯http://threejs.org/ã‹ã‚‰æ‰‹ã«å…¥ã‚Œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚downloadã‹ã‚‰ã€zipãƒ•ã‚¡ã‚¤ãƒ«ã‚’æ‰‹ã«å…¥ã‚Œã¾
mathatelle 2014/03/15
javascript
ãƒªãƒ³ã‚¯
JavaScript å¾¹åº•å…¥é–€ã®ãŸã‚ã®è³‡æ–™ï¼†æ›¸ç±ã¾ã¨ã‚ - é…’ã¨æ³ªã¨Rubyã¨Railsã¨
JavaScriptã¯ãƒ–ãƒ©ã‚¦ã‚¶ã‹ã‚‰ç°¡å˜ã«ä½¿ãˆã‚‹ã—ã€jQuery Pluginã‚‚ç°¡å˜ã«è¿½åŠ ã§ãã‚‹ã®ã§ã€ã¤ã„åŸºç¤Žã‚’ãŠã‚ãã‹ã«ã—ãŸã¾ã¾ä½¿ã£ã¦ã„ã¦ã€ã¡ã‚‡ã£ã¨å‡ã£ãŸã“ã¨ã‚’ã—ã‚ˆã†ã¨ã—ãŸæ™‚ã«ã„ã¤ã‚‚ãƒãƒžã£ã¦ã„ã¾ã—ãŸã€‚ã¨ã„ã†ã“ã¨ã§ä»Šå›žã¯ã€ç‹¬ç¿’JavaScriptã®ç¬¬äºŒç‰ˆã‚’è³¼å…¥ã—ã¦èªã¿é€²ã‚ã¤ã¤ã€ãƒãƒƒãƒˆã®ãŠå‹§ã‚ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’è¦‹ã¦ã€è£œè¶³ã—ãªãŒã‚‰å‹‰å¼·ã—ã¦ã„ã£ãŸã®ã§ãã®ãƒ¡ãƒ¢ã§ã™ã€‚ (03/09 21:50) JavaScriptã®ç¿’ç†Ÿåº¦ã‚’ä¸Šã’ã‚‹ãŸã‚ã®å‹‰å¼·ãƒ•ãƒãƒ¼ã‚’è¿½åŠ ðŸ„ [å‹•ç”»] ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«JavaScriptå…¥é–€ JavaScriptã‚’æœ¬å½“ã«ä½¿ã£ãŸã“ã¨ãŒãªã„åˆå¦è€…ã®æ–¹ã«ãŠå‹§ã‚ã—ãŸã„ã®ãŒãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã®å‹•ç”»ã€‚èª¬æ˜ŽãŒç’°å¢ƒæ§‹ç¯‰ã‹ã‚‰ã‚¹ã‚¿ãƒ¼ãƒˆã—ã¦ãã‚Œã‚‹ã®ã§ã€ã¤ã¾ãšã“ã¨ãªãæœ€åˆã®ä¸€æ©ã‚’è¸ã¿å‡ºã™ã“ã¨ãŒã§ãã¾ã™ã€‚ ðŸ˜¸ [Web] JavaScriptåŸºç¤Žæ–‡æ³•æœ€é€Ÿãƒžã‚¹ã‚¿ ã€ŽJavaScriptåŸºç¤Žæ–‡æ³•æœ€é€Ÿãƒžã‚¹ã‚¿ãƒ¼ã€
mathatelle 2014/02/07
javascript
ãƒªãƒ³ã‚¯
ã™ã”ã„ä¾¿åˆ©ã«ãªã£ãŸï¼javascriptå…¥é–€ã®åŸºç¤ŽçŸ¥è˜ã¨å°æŠ€ã¾ã¨ã‚
ä½œæˆï¼š2013/12/24 æ›´æ–°ï¼š2014/11/01 Webåˆ¶ä½œ > ã‚µã‚¤ãƒˆæ§‹ç¯‰ä¸ã«ã¡ã‚‡ã£ã¨ã—ãŸå‹•ãã‚’ã®ã›ãŸã„ã¨ãã€ã©ã†ã™ã‚Œã°è‰¯ã‹ã£ãŸã®ã‹ä½•åº¦ã‚‚èª¿ã¹ç›´ã•ãªã„ã¨ã„ã‘ãªã„ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ä»Šå›žã¯JavaScript ã§åˆå¿ƒè€…ã®æ–¹ã§ã‚‚ã™ãæ´»ç”¨ã§ãã‚‹ã‚ˆã†ã«ã€ä½¿ç”¨é »åº¦ã®é«˜ã„ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¨åŸºæœ¬çŸ¥è˜ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜ ã§ãã‚‹ã“ã¨ ï¼‘ï¼Žãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®æ›¸ãæ–¹ï¼åŸºç¤ŽçŸ¥è˜ ï¼’ï¼Žã‚¹ã‚¯ãƒªãƒ—ãƒˆã®è¨˜è¿° ï¼“ï¼Žæ–‡å—åˆ—ï¼ç‰¹æ®Šæ–‡å— ï¼”ï¼Žæ¼”ç®—å ï¼•ï¼Žã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆ ï¼–ï¼Žãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ— ï¼—ï¼Žã‚¤ãƒ™ãƒ³ãƒˆ ï¼˜ï¼Žå¤‰æ•° ï¼™ï¼Žifæ–‡ ï¼‘ï¼ï¼Žé…åˆ— ï¼‘ï¼‘ï¼Žé€£æƒ³é…åˆ— ï¼‘ï¼’ï¼Žæ£è¦è¡¨ç¾ ï¼‘ï¼“ï¼Žãƒ‡ãƒãƒƒã‚° ã§ãã‚‹ã“ã¨ ï¼‘ï¼Žãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ JavaScriptã¯é–‹ç™ºç’°å¢ƒã®æº–å‚™ãŒã»ã¼ä¸è¦ã§ã€ã‚³ãƒ”ãƒ¼ï¼†ãƒšãƒ¼ã‚¹ãƒˆã ã‘ã§ã€å‹•ãã‚‚ã®ãŒã§ãã¦ã—ã¾ã„ã¾ã™ã€‚ä»–ã®è¨€èªžã ã¨ãã†ç°¡å˜ã«ã¯ã„ãã¾ã›ã‚“ã€‚ã‚µ
mathatelle 2014/01/03
javascript
ãƒªãƒ³ã‚¯
javascript ã§ã®é…åˆ—ã®ã‚³ãƒ”ãƒ¼ã®æ–¹æ³• - Qiita
æœ€åˆã« ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®ã‚³ãƒ”ãƒ¼ã®ã“ã¨ã¯ã€ã“ã“ã«ã¯æ›¸ã‹ãªã„ javascript ã§ã¯ã€ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãƒ»é…åˆ—ã®ä»£å…¥ã¯å‚ç…§ (reference) b = array ã¨ã‹ã‚„ã£ã¦ã‚‚å€¤æ¸¡ã—ãªã‚³ãƒ”ãƒ¼ã—ãªã„ ã‚³ãƒ”ãƒ¼ã®æ–¹æ³•ã®çŽ‹é“ãŒãªã„ (ã‚‰ã—ã„) jQuery ã®å ´åˆã¯ã€ã‚³ãƒ”ãƒ¼ç”¨ã® $.extend() ãŒã‚ã‚‹ ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã«0,1,2,3ã¨ã‹ã®ã‚ãƒ¼ã‚’å…¥ã‚ŒãŸã‚‚ã®ã¯ã€é…åˆ—ã¨é•ã†! 2ã¤ã®ã‚³ãƒ”ãƒ¼: deep & shallow ã‚³ãƒ”ãƒ¼ deep ã‚³ãƒ”ãƒ¼ã¨ shallowã‚³ãƒ”ãƒ¼ã®2ã¤ã®æ–¹æ³•ãŒã‚ã‚‹ 1. ãƒ‡ã‚£ãƒ¼ãƒ—ã‚³ãƒ”ãƒ¼ deep copy å®Œå…¨ãªè¤‡è£½ ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒåˆ¥ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’å‚ç…§ã—ã¦ã„ã‚Œã°ã€å‚ç…§å…ˆã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚‚å«ã‚ã‚³ãƒ”ãƒ¼ 2. ã‚·ãƒ£ãƒãƒ¼ã‚³ãƒ”ãƒ¼ shallow copy ãƒ—ãƒãƒãƒ†ã‚£å€¤ã‚„è¦ç´ å€¤ã ã‘ã®ã‚³ãƒ”ãƒ¼ å‚ç…§å…ˆã¯ã‚³ãƒ”ãƒ¼ã—ãªã„ shallow ã‚³ãƒ”ãƒ¼ã®æ–¹æ³• concat
mathatelle 2013/12/17
javascript
ãƒªãƒ³ã‚¯
JavaScriptã§è¦šãˆã¦ãŠãã¨ã‚ˆã„ãƒ‡ãƒ¼ã‚¿æ§‹é€ - é…åˆ—ãƒ»ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆ - ã„ã‚ã„ã‚è§£æžæ—¥è¨˜
JavaScriptã§å¿…è¦ãªãƒ‡ãƒ¼ã‚¿æ§‹é€ ã®è¦šæ›¸ã§ã™ã€‚ ç›®æ¬¡ é…åˆ— é…åˆ—ã‚’ç”Ÿæˆã™ã‚‹ã€‚ é…åˆ—ã«ãƒ‡ãƒ¼ã‚¿ã‚’è¿½åŠ ã™ã‚‹ã€‚ é…åˆ—ã«ãƒ‡ãƒ¼ã‚¿ã‚’æ ¼ç´ã™ã‚‹ã€‚ é…åˆ—ã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã™ã‚‹ã€‚ é…åˆ—ä¸ã®ã™ã¹ã¦ã®ãƒ‡ãƒ¼ã‚¿ã«åŒã˜å‡¦ç†ã‚’ã™ã‚‹ã€‚ ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆ ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ç”Ÿæˆã™ã‚‹ã€‚ ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã«ãƒ‡ãƒ¼ã‚¿ã‚’æ ¼ç´ã™ã‚‹ã€‚ ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã™ã‚‹ã€‚ ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆä¸ã®ã™ã¹ã¦ã®ãƒ‡ãƒ¼ã‚¿ã«åŒã˜å‡¦ç†ã‚’ã™ã‚‹ã€‚ é–¢é€£è¨˜äº‹ é…åˆ— é…åˆ—ã¯è¤‡æ•°ä»¶ã®ãƒ‡ãƒ¼ã‚¿ã‚’æ‰±ã†ãŸã‚ã®ãƒ‡ãƒ¼ã‚¿æ§‹é€ ã§ã™ã€‚ â– é…åˆ—ã‚’ç”Ÿæˆã™ã‚‹ã€‚ é…åˆ—ã®ç”Ÿæˆã¯ä»¥ä¸‹ã®ã‚ˆã†ã«è¡Œã„ã¾ã™ã€‚ var é…åˆ—ã®åå‰ = []; var é…åˆ—ã®åå‰ = [ ãƒ‡ãƒ¼ã‚¿, ãƒ‡ãƒ¼ã‚¿, â€¦ ]; é…åˆ—ã®ç”Ÿæˆã§ã¯ã€é…åˆ—ã®åå‰ã‚’æŒ‡å®šã—ã¾ã™ã€‚ ã‚‚ã—ã€ç”Ÿæˆæ™‚ã«ãƒ‡ãƒ¼ã‚¿ã‚’æ ¼ç´ã™ã‚‹å ´åˆã«ã€[]å†…ã«ãƒ‡ãƒ¼ã‚¿ã‚’æŒ‡å®šã—ã¾ã™ã€‚ ãªãŠã€JavaScriptã§ã¯é…åˆ—ã®ç”Ÿæˆæ™‚ã«ã‚µã‚¤ã‚ºã‚’æŒ‡å®šã—ã¾ã›ã‚“ã€‚ ä¾‹ãˆã°ã€ç©ºã®é…åˆ—array1ã‚’ç”Ÿæˆã™ã‚‹ã«ã¯ã€ä»¥
mathatelle 2013/12/06
javascript
ãƒªãƒ³ã‚¯
å¤šå½©ãªè¡¨ç¾åŠ›ã®WebGLã‚’æ‰±ã„ã‚„ã™ãã™ã‚‹ã€ŒThree.jsã€
å¤šå½©ãªè¡¨ç¾åŠ›ã®WebGLã‚’æ‰±ã„ã‚„ã™ãã™ã‚‹ã€ŒThree.jsã€ï¼šWebã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’ãƒãƒƒã‚¯ã™ã‚‹ï¼ˆ5ï¼‰ï¼ˆ5/5 ãƒšãƒ¼ã‚¸ï¼‰ ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–æ€§ã‚’å–ã‚Šå…¥ã‚Œã‚‹ ã“ã“ã¾ã§ã€Three.jsã®ã•ã¾ã–ã¾ãªæ©Ÿèƒ½ã®ä½¿ç”¨æ–¹æ³•ã‚’è§£èª¬ã—ã¦ãã¾ã—ãŸã€‚èªè€…ã®çš†ã•ã‚“ãŒã€Œã“ã‚Œã¯é¢ç™½ã„ã€è‡ªåˆ†ã§ã‚‚ä½•ã‹ä½œã£ã¦ã¿ã‚ˆã†ï¼ã€ã¨æ„Ÿã˜ã‚‰ã‚Œã¦ã„ãŸã‚‰å¹¸ã„ã§ã™ã€‚ ã—ã‹ã—ã€è¨˜äº‹ä¸ã§å–ã‚Šä¸Šã’ã¦ããŸã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã¯ã€ã„ãšã‚Œã‚‚ä¸€æ–¹çš„ã«æ˜ åƒã‚’æµã—ç¶šã‘ã‚‹ã ã‘ã®ã‚‚ã®ã§ã—ãŸã€‚3æ¬¡å…ƒæ˜ åƒã‚’è‡ªåˆ†ã§æ“ä½œã§ãã‚‹ã®ãŒãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ 3Dã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã®é†é†å‘³ã§ã™ã‹ã‚‰ã€ã“ã®ã¾ã¾ã§ã¯ç‰©è¶³ã‚Šãªã„ã§ã™ãã€‚ãã“ã§ã€ãƒžã‚¦ã‚¹ã«ã‚ˆã‚‹ã‚«ãƒ¡ãƒ©æ“ä½œãªã©ã®åŸºæœ¬çš„ãªã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ“ãƒ†ã‚£ã®å®Ÿç¾æ–¹æ³•ã‚’è§£èª¬ã—ã¦ã€ã“ã®è¨˜äº‹ã®ç· ã‚ããã‚Šã¨ã—ã¾ã™ã€‚ ãƒªã‚µã‚¤ã‚ºã¸ã®å¯¾å¿œãªã© ã“ã‚Œã¾ã§ã®ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã«ã¯ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–æ€§ã®æ¬ å¦‚ã®ä»–ã«ã‚‚ä»¥ä¸‹ã®æ¬ ç‚¹ãŒã‚ã‚Šã¾ã—ãŸã€‚ WebGLã‚’ã‚µãƒãƒ¼ãƒˆã—ãªã„ãƒ–ãƒ©ã‚¦ã‚¶ã¸ã®å¯¾å¿œãŒãªã„ ç”»é¢ã‚µ
mathatelle 2013/11/17
three.js

javascript
ãƒªãƒ³ã‚¯
D3.js ã® d3.svg.line() ã‚’è©¦ã—ã¦ã¿ãŸ
circles.enter() .attr('cx', function(d, i) { return i * 280 / n + 10; }) ã®ã‚ˆã†ãªåº§æ¨™ã‚’è¨ˆç®—ã™ã‚‹é–¢æ•°ãŒä½•ç®‡æ‰€ã‹ã«æ•£ã‚‰ã°ã£ã¦ã„ãŸã€‚ ã“ã‚Œã€d3.svg.line() ã‚’ä½¿ã£ãŸã‚‰ã¾ã¨ã‚ã‚‰ã‚Œã‚‹ã—ã€ä¾¿åˆ©ãª interpolate ã®æ©Ÿèƒ½ã‚‚ä½¿ãˆã‚‹ã‚ˆã€ã¨ã„ã†ã®ãŒä»Šå›žã®ãŠè©±ã€‚ d3.svg.line() ã®ä½¿ã„æ–¹ ãŸã¨ãˆã° var line = d3.svg.line() .x(function(d, i) { return i; }) .y(function(d, i) { return d * d; }); ã¨ã—ã¦ãŠãã“ã¨ã«ã™ã‚‹ã€‚line.x() ã¨ã™ã‚‹ã¨ function(d, i) { return i; } ã‚’è¿”ã—ã¦ãã‚Œã‚‹ã®ã§ã€é–¢æ•°ã‚’å†åˆ©ç”¨ã—ã¦ã‚³ãƒ¼ãƒ‰ãŒèªã¿ã‚„ã™ããªã‚‹ã€‚line.y() ã‚‚åŒæ§˜ã€‚ ã•ã‚‰ã«ã€line([5,2,
mathatelle 2013/11/04
javascript

d3
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸