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

FTTH id:FTTH

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

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

JavaScript ã§ã€ç”»åƒæœ¬æ¥ã®ã‚µã‚¤ã‚º(å¹…, é«˜ã•)ã‚’å–å¾—ã™ã‚‹æ–¹æ³• - latest log
Opera ã§ DOM Mutation Event ã‚’ä½¿ç”¨ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã‚’è¿½è¨˜ã—ã¾ã—ãŸã€‚ ã¾ã¨ã‚ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ Opera ãƒ‘ãƒ¼ãƒˆ2ã«å–å¾—ã§ããªã„ã‚±ãƒ¼ã‚¹ãŒè¦‹ã¤ã‹ã£ãŸãŸã‚ã€ãƒ‘ãƒ¼ãƒˆ3 ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ rhino.jpg(å¹…:300px, é«˜ã•:227px) ã‚’ã€ <img id="rhino" src="rhino.jpg" width="100" height="75" /> ã¨ã€100 x 75 ã§è¡¨ç¤ºã—ã¦ã„ã‚‹å ´åˆã‚’ä¾‹ã«ã€ç”»åƒæœ¬æ¥ã®ã‚µã‚¤ã‚ºã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ Firefox, Safari, Google Chrome ãªã‚‰ image.naturalWidth ã¨ image.naturalHeight ã‚’åˆ©ç”¨ã—ã¾ã™ã€‚ image.naturalWidth ã¨ image.naturalHeight ã®åˆæœŸå€¤ã¯ 0 ã§ã™ã€‚ç”»åƒã®èªã¿è¾¼ã¿ãŒå®Œäº†ã—ãŸæ™‚ç‚¹ã§é©åˆ‡ãªå€¤ã«æ›´æ–°ã•ã‚Œã¾ã™ã€‚
FTTH 2009/11/06
# |Ï‰ãƒ»ï¼‰â€¦â€¦

javascript
ãƒªãƒ³ã‚¯
prototype.jsã‚’èªã¿è§£ãï¼šç¬¬1å›žã€€Prototypeãƒ©ã‚¤ãƒ–ãƒ©ãƒªï¼ˆ1ã€œ197è¡Œç›®ï¼‰ï½œgihyo.jp
ä»–ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚„ã€è‡ªåˆ†ã®ã‚³ãƒ¼ãƒ‰ã¨å…±å˜ã•ã›ã‚‹ã¨ãã¯ã€ã“ã‚Œã‚‰ã®åå‰ã¨è¡çªã—ãªã„ã‚ˆã†ã«æ°—ã‚’ã¤ã‘ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚åŒã˜åå‰ã‚’ä½¿ã£ã¦ã—ã¾ã†ã¨ã€ã‚³ãƒ¼ãƒ‰ãŒãƒãƒ¼ãƒ‰ã•ã‚ŒãŸé †ç•ªã«ã‚ˆã£ã¦æŒ™å‹•ãŒå¤‰ã‚ã‚‹ã€ã¨ã„ã†ã‚ˆã†ãªã‚ã‹ã‚Šã«ãã„å•é¡ŒãŒç™ºç”Ÿã—ã¦ã—ã¾ã†å ´åˆãŒå‡ºã¦ãã¾ã™ã€‚ ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã€ã‚¯ãƒ©ã‚¹ã®ä½¿ã‚ã‚Œæ–¹ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªå†…ã§ã¯ã€ä¸Šè¨˜ã®åå‰ç©ºé–“ã¯å¤§ããåˆ†ã‘ã¦ä»¥ä¸‹ã®ã‚ˆã†ãªä½¿ã‚ã‚Œå½¢ã‚’ã—ã¦ã„ã¾ã™ã€‚ ãã®ä¸‹ã«åˆ¥ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’å…¥ã‚Œã‚‹ãŸã‚ã®è¦ªåå‰ç©ºé–“ã¨ã—ã¦ä½¿ã† Class.create()ã‚’ä½¿ã£ã¦ Prototypeãƒ©ã‚¤ãƒ–ãƒ©ãƒªé¢¨ã®ã‚¯ãƒ©ã‚¹ã¨ã—ã¦å®šç¾©ã™ã‚‹ Object.extend()ã‚’ä½¿ã£ã¦ä»–ã®ã‚¯ãƒ©ã‚¹ã€ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‹ã‚‰ç¶™æ‰¿ã•ã‚Œã‚‹ã“ã¨ã‚’å‰æã¨ã™ã‚‹é–¢æ•°ã‚’é›†ã‚ã‚‹ ã‚³ãƒ¼ãƒ‰ã‚’ç°¡æ½”ã«è¨˜è¿°ã™ã‚‹ç‚ºã«çŸã„åå‰ã®é–¢æ•°ã¨ã—ã¦ä½¿ã† ç‰¹ã«ã€Object.extend()ã‚’ä½¿ã£ã¦ç¶™æ‰¿ã‚’å®Ÿç¾ã—ã¦ã„ã‚‹ç®‡æ‰€ãŒå¤šãã€æœ€çµ‚çš„ã«ã©ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãƒ»ã‚¯ãƒ©ã‚¹ã«ã©ã®ãƒ¡ã‚½ãƒƒãƒ‰ãŒå®šç¾©ã•ã‚Œã¦ã„
FTTH 2007/09/05
# |Ï‰ãƒ»ï¼‰â€¦â€¦

programming

javascript
ãƒªãƒ³ã‚¯
web newbie - Javascriptåˆå¿ƒè€…ã‹ã‚‰ã¿ãŸprototype
http://d.hatena.ne.jp/amachang/20070413/1176421425 å‹‰å¼·ä¼šã®ã‚ã¨ã€ãã—ã¦ã“ã®è¨˜äº‹ã®å¾Œã€ ã‚‚ã†ä¸€åº¦è‡ªåˆ†ã®ä¸ã§prototypeã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ãŸã€‚ ä¸‹ã®å®Ÿè¡Œçµæžœã‚’è¦‹ã¦ã€é¦–ã‚’ã‹ã—ã’ãŸäººã¯æ˜¯éžã¨ã‚‚èªã‚“ã§ã„ãŸã ã‘ã‚Œã°ã¨æ€ã†ã€‚ ï¼ˆã£ã¦ã€é¦–ã‚’ã‹ã—ã’ã‚‹ã®ã¯åƒ•ã ã‘ã‹ï¼Ÿï¼ï¼‰ var Box = function(size){ this.size = size; }; Box.prototype = { color: "red" }; var box = new Box(10); alert(box.color); // red Box.prototype = { color: "blue" }; alert(box.color); // red var box2 = new Box(11); alert(box2.color); // blue Box.p
FTTH 2007/04/16
javascript
ãƒªãƒ³ã‚¯
ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’ãƒžã‚¦ã‚¹ã§ãªã‚ã‚‹ã‚ˆã†ã«ãƒ‰ãƒ©ãƒƒã‚°ã™ã‚‹ã ã‘ã§åˆ‡ã‚Šæ›¿ãˆã‚‹JavaScriptã®ã‚µãƒ³ãƒ—ãƒ« - F.Ko-Jiã®ã€Œä¸€ç§’å¾Œã¯æœªæ¥ã€
â€» è¿½è¨˜ livedoor Readerã®ã‚‚ã®ã«ã‚ˆã‚Šè¿‘ã¥ã‘ãŸã‚µãƒ³ãƒ—ãƒ«ã¯ã“ã¡ã‚‰ã€‚ livedoor Readerã«OPMLã‚’ã‚¤ãƒ³ãƒãƒ¼ãƒˆã™ã‚‹ã¨ç™»éŒ²å¯èƒ½ãªRSSã®ä¸€è¦§ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ãŒã€ãã®ç”»é¢ã§ã¯ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ä¸Šã‚’ãƒžã‚¦ã‚¹ã§ãªã‚ã‚‹ã‚ˆã†ã«ãƒ‰ãƒ©ãƒƒã‚°ã™ã‚‹ã ã‘ã§ãƒã‚§ãƒƒã‚¯ã‚’ON/OFFã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã‹ãªã‚Šä¸æ€è°ãªUIãªã®ã§ã€ã“ã‚Œã¯ã©ã†ã‚„ã£ã¦ã„ã‚‹ã‚“ã ã‚ã†ï¼Ÿã¨è€ƒãˆã¦ã¿ãŸã®ã§ã™ãŒã€ä»•çµ„ã¿ã¯ç°¡å˜ã§ã—ãŸã€‚ ãƒžã‚¦ã‚¹ã‚’å·¦ã‚¯ãƒªãƒƒã‚¯ã—ãŸã¾ã¾ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã®ä¸Šã‚’ç§»å‹•ã•ã›ã¦ã¿ã¦ãã ã•ã„ã€‚(JavaScriptãŒç„¡åŠ¹ãªRSSãƒªãƒ¼ãƒ€ãƒ¼ã‹ã‚‰è¦‹ã¦ã„ã‚‹å ´åˆã¯ãƒšãƒ¼ã‚¸ã‚’è¨ªå•ã—ã¦ãã ã•ã„ã€‚) (ãƒ‰ãƒ©ãƒƒã‚°ã™ã‚‹ã¨ãƒ†ã‚ã‚¹ãƒˆé¸æŠžã•ã‚Œã¦ã—ã¾ã†ã®ã§ã€ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã®ä¸Šã§ã‚¯ãƒªãƒƒã‚¯ã‚’é–‹å§‹ã™ã‚‹ã¨ãƒ†ã‚ã‚¹ãƒˆé¸æŠžã•ã‚Œãšã«æ¸ˆã¿ã¾ã™ã€‚) ã‚½ãƒ¼ã‚¹ã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ç°¡å˜ã«å®Ÿè£…ã™ã‚‹ãŸã‚ã«prototype.jsã‚’åˆ©ç”¨ã—ã¦ã„ã¾ã™ã€‚ /* require proto
FTTH 2007/04/11
å‘ã“ã†æš«ãjavascriptå¼·åŒ–ãƒ¢ãƒ¼ãƒ‰ã«å…¥ã‚‹ã‹ã‚‚ã§ã™ã€‚ï¼ˆèª°ã«æ–ã£ã¦ã‚‹ã®ã•ï¼Ÿï¼‰

# |Ï‰ãƒ»ï¼‰â€¦â€¦

javascript
ãƒªãƒ³ã‚¯
ã€Œãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã«è¿½åŠ ã€ ãƒœã‚¿ãƒ³
ã‚µã‚¤ãƒˆãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã®éš›ã«ã€æ—§ãƒ‡ã‚¶ã‚¤ãƒ³ã§å„ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãƒšãƒ¼ã‚¸ã«ä»˜ã‘ã¦ã„ãŸã€hatena ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã€del.icio.us ç‰ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã¸ã®è¿½åŠ ãƒœã‚¿ãƒ³ã‚’ã¯ãšã—ã¦ãã®ã¾ã¾ã«ã—ã¦ã„ãŸã®ã§ã™ãŒã€ã“ã‚Œã‚’å†åº¦æŽ²è¼‰ã™ã‚‹ã“ã¨ã«ã€‚ ãã®éš›ã€å˜ã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’ä¸¦ã¹ãŸã ã‘ã§ã¯å‘³æ°—ãªã„ã®ã§ã€ã¡ã‚‡ã“ã£ã¨å°æŠ€ã‚’åŠ¹ã‹ã›ã¦ã¿ã¾ã—ãŸã€‚ å®Ÿç‰©ã¯ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚¿ã‚¤ãƒˆãƒ«æ¨ªã®ã‚¢ã‚¤ã‚³ãƒ³ã«ãƒžã‚¦ã‚¹ã‚ªãƒ³ã—ã¦ã‚‚ã‚‰ãˆã‚Œã°ã‚ã‹ã‚‹ã‹ã¨æ€ã„ã¾ã™ãŒã€ã›ã£ã‹ããªã®ã§ã‚½ãƒ¼ã‚¹ã¨ã‹å…¬é–‹ã€‚ 2007å¹´12æœˆ14æ—¥ è¿½è¨˜ ã‚µã‚¤ãƒˆãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§ãƒœã‚¿ãƒ³ãŒå¤‰ã‚ã£ãŸã®ã§ã€ã‚µãƒ³ãƒ—ãƒ«ã‚’ä¸‹è¨˜ã«ç§»å‹•ã—ã¾ã—ãŸã€‚ å®Ÿéš›ã«å‹•ä½œã—ã¦ã„ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã¯ã“ã¡ã‚‰ ã•ã¦ã€ä»Šå›žã®ææ–™ã¯ã€ ã‚¢ã‚¤ã‚³ãƒ³ç”»åƒ JavaScript ãƒ•ã‚¡ã‚¤ãƒ« 3ç¨® æœ¬ãƒœã‚¿ãƒ³ã® XHTML ã‚½ãƒ¼ã‚¹ æœ¬ãƒœã‚¿ãƒ³ç”¨ CSS ã®è¿½åŠ JavaScript ãƒ•ã‚¡ã‚¤ãƒ«ã¯ãƒžã‚¦ã‚¹ã‚ªãƒ³ã€ã‚ªãƒ•æ™‚ã®å‹•ãã‚’åˆ¶å¾¡ã™ã‚‹ãŸã‚ã«ä½¿ç”¨ã€‚ã“ã‚Œã¯ ã€ŒPJ Hy
FTTH 2006/10/26
html+css

look&feel

javascript

(t)2006.10
ãƒªãƒ³ã‚¯
Collection & Copy - IEã€ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒªã‚¢å†…ã®é¸æŠžç¯„å›²/ã‚ãƒ£ãƒ¬ãƒƒãƒˆã®ä½ç½®(æ–‡å—æ•°)ã‚’å–å¾—ã™ã‚‹
JavaScriptç°¡å˜ãªã‚ˆã†ã§ã€ã¨ã¦ã‚‚é›£ã—ãã€æƒ…å ±ã‚‚ã‚ã¾ã‚Šè¦‹ã¤ã‹ã‚‰ãªã‹ã£ãŸã®ã§ã€çŸ¥ã‚‰ãªã„æ–¹ã¯ãœã²èªã‚“ã§ã€‚ é¸æŠžç¯„å›²ã®ç§»å‹•ã§ã‚‚ãªãã€é¸æŠžç¯„å›²ã®å†…å®¹ã®å–å¾—ã§ã‚‚ã‚ã‚Šã¾ã›ã‚“ã€‚é¸æŠžç¯„å›²ãŒãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒªã‚¢ã®ä¸ã§ä½•æ–‡å—ç›®ã‹ã‚‰ä½•æ–‡å—ç›®ã«æ¸¡ã£ã¦ã„ã‚‹ã‹ã‚’IEã§èª¿ã¹ã‚‹æ–¹æ³•ã§ã™ã€‚ ã¾ãšFirefoxã§ã¯Element#selectionStart/selectionEndã§ç°¡å˜ã«å–ã‚Œã¾ã™ã€‚ æ¬¡ã«ã€ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒªã‚¢ã§ã¯ãªãä¸€è¡Œã®ã‚¤ãƒ³ãƒ—ãƒƒãƒˆãƒœãƒƒã‚¯ã‚¹ãªã‚‰ã°ä»¥ä¸‹ã§å¤§ä¸ˆå¤«ã§ã™ã€‚ setEndPointãƒ¡ã‚½ãƒƒãƒ‰ã¯ã€rangeTo.setEndPoint('EndToStart', rangeFrom)ã®ã‚ˆã†ã«ä½¿ã„ã€rangeFromã®ç¯„å›²ã‚’rangeToã«ã‚³ãƒ”ãƒ¼ã—ã¾ã™ã€‚åå‰ã¯EndPointã§ã™ãŒã€å§‹ç‚¹/çµ‚ç‚¹ã®ã©ã¡ã‚‰ã®ç«¯ã‚‚ã“ã®ãƒ¡ã‚½ãƒƒãƒ‰ä¸€ã¤ã§å‹•ã‹ã™ã“ã¨ãŒã§ãã¾ã™ã€‚'EndToStart'ã¯ã€ã€ŒrangeToã®çµ‚ç‚¹ã‚’ã€rangeF
FTTH 2006/10/21
javascript

programming
ãƒªãƒ³ã‚¯
%20 ___ _____>____
" .: -:: = u ` ` . : ^ ::--x !.. . ` L '~" : `- - ` :x '~~ ~-~ . ~ .. !! . " .. !< `` ' . :' !`~ X< ^ :-x ` .: e `!>> "` '.! x-: r . = % ` ..- " :: )4 ~' ` `~~ ^ ``" ... ^ :-> \! % ^ !: " \(. . e '` s . . . . d'.e !!! !(! ``~= ^ :. . \` u. " >: ` -:. =-'~ !!.`!<< -: !?- *`` . ! (% ^ ~ :> ` uL . .-u > = ` " . . . r H` : 4! .' `-. ~~- x< `' %( ~ > . !). ~`~ ""`: "!X!.`-`-/. . ` : < > - r ==== ===___
FTTH 2006/06/29
ãƒ–ãƒ©ã‚¯ãƒ©ç´›ã„ã®javascriptï¼ˆã§ã‚‚ãªã„ã‹ã‚‚ï¼‰ã€€ï¼ã€€å®Ÿå®³ã¯ãªã„ã€‚æ´¾æ‰‹ãªã ã‘ã€‚

ã“ã‚Œã¯ã™ã”ã„

ï¼Ÿ

(t)2008.04

javascript
ãƒªãƒ³ã‚¯
http://hamachiya.com/h
FTTH 2006/02/02
javascript

#|Ï‰-ï¼‰â€¦â€¦
ãƒªãƒ³ã‚¯
ã¯ã¦ãªã€€JavaScriptã‚’ä½¿ç”¨ã—ã¦ã€ä¸€ã¤ã®ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã‚’é¸ã‚“ã å ´åˆã«ã€ãã®é…ä¸‹ã®è³ªå•ã®ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã‚’ç„¡åŠ¹ã«ã™ã‚‹æ–¹æ³•ã‚’æ•™ãˆã¦ãã ã•ã„ï¼Ÿ
javascruptã‚’ä½¿ç”¨ã—ã¦ã€ä¸€ã¤ã®ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã‚’é¸ã‚“ã å ´åˆã«ã€ãã®é…ä¸‹ã®è³ªå•ã®ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã‚’å‘ã“ã†ã«ã™ã‚‹ã‚ˆã†ã«ã™ã‚‹ã«ã¯ã©ã†ã—ãŸã‚‰ã„ã„ã§ã—ã‚‡ã†ã‹ï¼Ÿï¼Ÿ
FTTH 2005/11/22
#|Ï‰-ï¼‰â€¦â€¦

javascript
ãƒªãƒ³ã‚¯
1