[B! tutorial][*javascript] kana321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kana321 id:kana321

tutorialã¨*javascriptã«é–¢ã™ã‚‹kana321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

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

ç¬¬1å›žã€€Firebugã®åŸºç¤ŽçŸ¥è˜ã¨ã€Firebugã‚’ä½¿ã£ãŸé–‹ç™ºã®ãƒ¡ãƒªãƒƒãƒˆ | gihyo.jp
ã¯ã˜ã‚ã« ã“ã®ãŸã³ã€Firefox 3ï¼‹Firebugã«ã¤ã„ã¦ã®é€£è¼‰ã‚’æ›¸ã‹ã›ã¦ã„ãŸã ãã¾ã™ã€å €ã¨ç”³ã—ã¾ã™ã€‚æ™®æ®µã¯ä»•äº‹ã§JavaScriptã‚„PHPã‚’ç”¨ã„ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºã‚’è¡Œã„ãªãŒã‚‰ã€å€‹äººã§Roppongi.JSã¨ã„ã†ã€JavaScriptã®ã‚¤ãƒ™ãƒ³ãƒˆã®ä¼ç”»ãƒ»ä¸»å‚¬ã‚’ã—ã¦ãŠã‚Šã¾ã™ã€‚ ã“ã®é€£è¼‰ã§ã¯ã€Firefox 3ã®ãƒªãƒªãƒ¼ã‚¹ã«å‚™ãˆã¦ã€ç¾åœ¨æä¾›ã•ã‚Œã¦ã„ã‚‹Firefox 3ã®ãƒ™ãƒ¼ã‚¿ç‰ˆã¨Firebugã«ã‚ˆã‚‹JavaScriptã®é–‹ç™ºæ‰‹æ³•ã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ ç¬¬1å›žã¯Firefox 3ãƒ™ãƒ¼ã‚¿ç‰ˆã¨Firebugã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‹ã‚‰ã€Firebugã«ã‚ˆã£ã¦ã€ã©ã®ã‚ˆã†ãªã“ã¨ãŒè¡Œãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã‹ã«ã¤ã„ã¦ç°¡å˜ã«æ¦‚ç•¥ã‚’èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ Firebugã¨ã¯ Firebugã¨ã¯HTMLã€CSSã€JavaScriptã®ãŸã‚ã®é–‹ç™ºãƒ„ãƒ¼ãƒ«ã‚’æä¾›ã™ã‚‹Firefoxã‚¢ãƒ‰ã‚ªãƒ³ã§ã™ã€‚ã“ã®ãƒ„ãƒ¼ãƒ«ã«ã‚ˆã£ã¦ã€ã‚ãªãŸã®JavaS
kana321 2014/10/05
Firebugã®åŸºç¤ŽçŸ¥è˜ã¨ï¼ŒFirebugã‚’ä½¿ã£ãŸé–‹ç™ºã®ãƒ¡ãƒªãƒƒãƒˆ

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

javascript

Firebug

ã‚ã¨ã§èªã‚€

Firefox

*javascript

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

é–‹ç™º

tutorial

programming
ãƒªãƒ³ã‚¯
ç¬¬2å›žã€€Firebugã«ã‚ˆã‚‹ãƒ‡ãƒãƒƒã‚°ã®åŸºæœ¬ã€Console APIã¨ãã®æ´»ç”¨ | gihyo.jp
ã•ã¦ã€å‰å›žã¯ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‹ã‚‰Firebugã®ã‚¿ãƒ–ã®åŸºæœ¬çš„ãªéƒ¨åˆ†ã«ã¤ã„ã¦ç´¹ä»‹ã‚’ã—ã¦ãã¾ã—ãŸã€‚ä»Šå›žã¯ã€Firebugã«å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹Console APIã®ç´¹ä»‹ã¨ã€Console APIã‚’åˆ©ç”¨ã—ãŸãƒ‡ãƒãƒƒã‚°æ‰‹æ³•ã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ Firebugã§åˆ©ç”¨ã§ãã‚‹API Firebugã«ã¯ã€ãƒ‡ãƒãƒƒã‚°ã«æ´»ç”¨ã§ãã‚‹2ã¤ã®APIãŒå®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ä»Šå›žã¯ã€ãã®2ã¤ã‚ã‚‹APIã®ã†ã¡Console APIã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ Console API Console APIã¯Firebugã®ã‚¿ãƒ–ã ã‘ã§ãªãã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„å´ã®JavaScriptã‹ã‚‰å‘¼ã³å‡ºã™ã“ã¨ã®ã§ãã‚‹APIã§ã™ã€‚ãƒ‡ãƒãƒƒã‚°ã®ãŸã‚ã«ä¾¿åˆ©ãªé–¢æ•°ãŒã‚ã‚‰ã‹ã˜ã‚ãŸãã•ã‚“ç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ã“ã‚Œã‚‰ã®é–¢æ•°ã‚’ä»¥ä¸‹ã«åˆ—æŒ™ã—ã¾ã™ã®ã§ã€ç›®ã‚’é€šã—ã¦ãã ã•ã„ã€‚ console.log(object[, object, ...]) æ¸¡ã•ã‚ŒãŸå…¨ã¦ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’conso
kana321 2014/10/01
Firebugã«ã‚ˆã‚‹ãƒ‡ãƒãƒƒã‚°ã®åŸºæœ¬ï¼ŒConsole APIã¨ãã®æ´»ç”¨

*javascript

JavaScript

firebug

tutorial

firefox

Debug

tips

API

ã‚ã¨ã§èªã‚€

programming
ãƒªãƒ³ã‚¯
ã‚‚ã†ä¸€åº¦ã€ã¡ã‚ƒã‚“ã¨JSONå…¥é–€ - æªœå±±æ£å¹¸ã®ã‚ãƒžã‚¤ãƒ©é£¼è‚²è¨˜ (ã¯ã¦ãªBlog)
åƒ•è‡ªèº«ã‚‚åƒ•ã®å‘¨è¾ºã‚‚JSONã‚’ã‚ˆãä½¿ã„ã¾ã™ã€‚ã§ã‚‚ã€ç´°ã‹ã„ç‚¹ã§ã‘ã£ã“ã†ãƒŸã‚¹ã‚’ã‚„ã‚‰ã‹ã—ã¦ã„ã¾ã™(è‹¦ç¬‘)ã€‚ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã€JSONã‚’ä½¿ã†ä¸Šã§æ³¨æ„ã™ã¹ãã“ã¨ï¼é–“é•ã„ã‚„ã™ã„ç‚¹ã‚’ã™ã¹ã¦åˆ—æŒ™ã—ã¾ã™ã€‚ å†…å®¹ å…¼ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆï¼š ä»•æ§˜åŽŸå…¸ã•ãˆèªã‚ã°å®Œç’§ï¼ˆã®ã¯ãšã ãŒï¼‰ æ•°å€¤ã®å‰ã«ã‚¼ãƒã‚’ä»˜ã‘ã¦ã¯ã„ã‘ãªã„ 16é€²æ•°è¡¨è¨˜ã‚‚ç¦æ¢ã ã‚ˆ æ•°å€¤ã®å‰ã«ãƒ—ãƒ©ã‚¹ã‚’ä»˜ã‘ã¦ã¯ã„ã‘ãªã„ å°æ•°ç‚¹ã‹ã‚‰ã¯ã˜ã¾ã‚‹æ•°å€¤ã¯ãƒ€ãƒ¡ ç”¨èªžæ³•ãŒé•ã†ã‚ˆï¼šãƒ—ãƒãƒ‘ãƒ†ã‚£ã¨ãƒ¡ãƒ³ãƒãƒ¼ ãƒ¡ãƒ³ãƒãƒ¼åã«ã¯å¸¸ã«æ–‡å—åˆ—ã‚’ä½¿ã† ç©ºæ–‡å—åˆ—""ã‚‚ãƒ¡ãƒ³ãƒãƒ¼åã«ä½¿ãˆã‚‹ é…åˆ—è¦ç´ ã¯ã‚ãƒƒãƒãƒªã¨ä¸¦ã¹ã‚ˆã† æ–‡å—åˆ—ã‚’å›²ã‚€ã«ã¯äºŒé‡å¼•ç”¨ç¬¦ã ã‘ æ–‡å—åˆ—å†…ã®ã‚¨ã‚¹ã‚±ãƒ¼ãƒ—ãŒå¾®å¦™ã«é•ã† ä»•æ§˜ã«ãªã„ã‚¨ã‚¹ã‚±ãƒ¼ãƒ—ã¯æ§‹æ–‡ã‚¨ãƒ©ãƒ¼ undefinedã‚‚NaNã‚‚ã‚ã‚Šã¾ã›ã‚“ ãƒ©ãƒƒãƒ‘ãƒ¼ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¯ä½¿ã‚ãªã„ã®ãŒå‰ åž‹ã‚·ã‚¹ãƒ†ãƒ ã¨typeofã«é–¢ã™ã‚‹æ³¨æ„ æœ€å¾Œã« ä»•æ§˜åŽŸå…¸ã•ãˆèªã‚ã°å®Œç’§ï¼ˆã®ã¯ãšã ãŒï¼‰ JSONã¯ã€å°ã•ãã¦ç°¡å˜ãªä»•æ§˜
kana321 2014/07/24
tutorial

*1

()

*javascript

ã‚ã¨ã§èªã‚€

JSON

javascript

ã¾ã¨ã‚

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

programming
ãƒªãƒ³ã‚¯
javascriptã‚’ç†è§£ã™ã‚‹ãŸã‚ã®ãŸã£ãŸ2ã¤ã®å¤§åˆ‡ãªã“ã¨:æ”¹
9å‰²ãã‚‰ã„ã¯ãƒãƒƒã‚·ãƒ¥ä½•ãŒãƒãƒƒã‚·ãƒ¥ãªã®ã‹javascriptã§å˜åœ¨ã™ã‚‹ã»ã¨ã‚“ã©ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®å®Ÿä½“ã¯ãƒãƒƒã‚·ãƒ¥ã ã‚ˆã€‚ var arr = [0,1,2,3]; ã¨ã‹ã‚’ã¿ã‚‹ã¨é…åˆ—(äººã«ã‚ˆã£ã¦ã¯ãƒªã‚¹ãƒˆ)ã«è¦‹ãˆã‚‹ã¨æ€ã†ã€‚ã§ã‚‚å®Ÿéš›ã¯é•ã†ã‚“ã ã€‚ ã“ã‚Œã¯ var has = {0:0,1:1,2:2,3:3}; ã¨åŸºæœ¬çš„ã«ã¯ç‰ä¾¡ãªã‚“ã ã€‚ãŸã ã¡ã‚‡ã£ã¨æŸç¸›ã•ã‚Œã¦ã„ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰(ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹)ãŒé•ã†ã ã‘ã€‚ ãŸã‚ã—ã« arr[4] = 4; arr['x'] = 'string'; arr[-1] = -1; ã¨ã—ã¦ã¿ã‚ˆã†ã€‚ Firebugã§ç¢ºèªã—ã¦ã¿ã‚‹ã¨[0, 1, 2, undefined, 4]ã¨ã„ã†ã‚ˆã†ãªå€¤ãŒã‹ãˆã£ã¦ãã‚‹ã‚ˆã€‚ ã§ã‚‚arr[-1]ã‚„arr['x']ã®å€¤ã¯ä¿å˜ã•ã‚Œã¦ãªã„ã®ã‹ãªï¼Ÿãã‚“ãªã“ã¨ã¯ãªã„ã¡ã‚ƒã‚“ã¨ã‚¢ã‚¯ã‚»ã‚¹ã§ãã‚‹ã‚“ã ã€‚ ãã‚Œã©ã“ã‚ã‹arr.xã§'string'ãŒã‹ãˆã£ã¦ãã‚‹ã‚“ã ã€‚ åˆ¥ã®ä¾‹ã‚’
kana321 2014/03/21
ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

()

*javascript

ã‚ã¨ã§èªã‚€

*Programming

tutorial

JavaScript

programming

å¢—ç”°

tips
ãƒªãƒ³ã‚¯
[JS]ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®jQueryã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
Web Design Wallã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€ŒjQuery Tutorials for Designersã€ã‹ã‚‰ã€JavaScriptã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒjQueryã€ãŒè¦–è¦šçš„ã«ã©ã®ã‚ˆã†ã«å‹•ä½œã™ã‚‹ã‹ãƒ‡ãƒ¢ã¨å…±ã«è§£èª¬ã—ã¦ã‚‹10ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
kana321 2013/07/16
*javascript

library

ã¾ã¨ã‚

jquery

webåˆ¶ä½œ

javascript

ajax

tutorial

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ä¸€æ™©ã§è¦šãˆã‚‹jQueryã®é€†å¼•ãåŸºç¤Žã‚µãƒ³ãƒ—ãƒ«7ã¤*ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹äººã®ãƒã‚¿å¸³
kana321 2012/10/07
jQuery

Tutorial

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

*javascript

*jquery

jquery

javascript

ajax

webåˆ¶ä½œ

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
JavaScript è¨€èªžæ¦‚è¦ - JavaScript | MDN
JavaScript ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« åˆç´šç·¨ JavaScript ã®åŸºç¤Ž JavaScript ã®ç¬¬ä¸€æ© JavaScript ã®æ§‹æˆè¦ç´ JavaScript ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆå…¥é–€ JavaScript ã‚¬ã‚¤ãƒ‰ å…¥é–€ç·¨ æ–‡æ³•ã¨ãƒ‡ãƒ¼ã‚¿åž‹ åˆ¶å¾¡ãƒ•ãƒãƒ¼ã¨ã‚¨ãƒ©ãƒ¼å‡¦ç† ãƒ«ãƒ¼ãƒ—ã¨ã‚¤ãƒ†ãƒ¬ãƒ¼ã‚¿ãƒ¼ é–¢æ•° å¼ã¨æ¼”ç®—å æ•°ã¨æ—¥ä»˜ ãƒ†ã‚ã‚¹ãƒˆå‡¦ç† æ£è¦è¡¨ç¾ ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ä»˜ãã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ ã‚ãƒ¼ä»˜ãã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’åˆ©ç”¨ã™ã‚‹ Using classes ãƒ—ãƒãƒŸã‚¹ã®ä½¿ç”¨ JavaScript åž‹ä»˜ãé…åˆ— ã‚¤ãƒ†ãƒ¬ãƒ¼ã‚¿ãƒ¼ã¨ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ ãƒ¡ã‚¿ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚° JavaScript ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ« ä¸ç´šç·¨ ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ JavaScript ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ Web API Language overview JavaScript ã®ãƒ‡ãƒ¼ã‚¿æ§‹é€ ç‰å€¤æ¯”è¼ƒã¨åŒä¸€æ€§ ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®åˆ—æŒ™å¯èƒ½æ€§ã¨æ‰€æœ‰æ¨© ã‚¯ãƒ
kana321 2012/08/14
*ã‚ã¨ã§èªã‚€

programming

*javascript

ECMAScript

javascript

è¨€èªž

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

å…¥é–€

mozilla

tutorial
ãƒªãƒ³ã‚¯
JSX ç§çš„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« - ã‚ã‚‰ã³ãæ—¥è¨˜
ã“ã®è¨˜äº‹ã¯ abicky.net ã® JSX ç§çš„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« ã«ç§»è¡Œã—ã¾ã—ãŸ
kana321 2012/06/04
git

*javascript

github

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

jsx

javascript

tutorial

å‹‰å¼·

GitHub

programming
ãƒªãƒ³ã‚¯
1