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

aki03 id:aki03

javascriptã«é–¢ã™ã‚‹aki03ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

å¤§è¦æ¨¡UIã‚’JavaScriptã§å®Ÿç¾ã™ã‚‹ãŸã‚ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ã‚µã‚¤ãƒœã‚¦ã‚ºkintoneé–‹ç™ºã®ç¾å ´ã‹ã‚‰ã€‚ãƒ‡ãƒ–ã‚µãƒŸ2012
å¤§è¦æ¨¡UIã‚’JavaScriptã§å®Ÿç¾ã™ã‚‹ãŸã‚ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ã‚µã‚¤ãƒœã‚¦ã‚ºkintoneé–‹ç™ºã®ç¾å ´ã‹ã‚‰ã€‚ãƒ‡ãƒ–ã‚µãƒŸ2012 7ä¸‡è¡Œè¦æ¨¡ã®JavaScriptãƒ—ãƒã‚°ãƒ©ãƒ ã§æ§‹ç¯‰ã•ã‚ŒãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã€‚ãã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§ä½¿ã‚ã‚ŒãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¨ã¯ã©ã†ã„ã†ã‚‚ã®ã‹ã€‚ 2æœˆ16æ—¥ã€17æ—¥ã®2æ—¥é–“ã€éƒ½å†…ã§é–‹å‚¬ã•ã‚ŒãŸã‚¤ãƒ™ãƒ³ãƒˆã€Œãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚ºã‚µãƒŸãƒƒãƒˆ2012ã€ï¼ˆãƒ‡ãƒ–ã‚µãƒŸ2012ï¼‰ã§ã€ã‚µã‚¤ãƒœã‚¦ã‚ºæ ªå¼ä¼šç¤¾ é–‹ç™ºéƒ¨ è‹¥åŽŸç¥¥æ£æ°ã€ç”Ÿé§’æµ©éš†æ°ãŒè¬›æ¼”ã€Œkintoneã®è¡¨ã¨è£ï½žå¤§è¦æ¨¡JavaScripté–‹ç™ºã¨éžæ§‹é€ ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã€ã‚’è¡Œã„ã¾ã—ãŸã€‚ è¬›æ¼”ã§ã¯å‰åŠã«å¤§è¦æ¨¡JavaScriptã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€å¾ŒåŠã§ã‚¹ã‚ãƒ¼ãƒžãƒ¬ã‚¹ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹æ§‹ç¯‰ã®ä»•çµ„ã¿ãŒè§£èª¬ã•ã‚Œã¾ã—ãŸãŒã€ã“ã®è¨˜äº‹ã§ã¯è³‡æ–™ãŒå…¬é–‹ã•ã‚ŒãŸå‰åŠã®JavaScriptã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦ã€ãƒ€ã‚¤ã‚¸ã‚§ã‚¹ãƒˆã§ç´¹ä»‹ã—ã¾ã™ã€‚ 7ä¸‡è¡Œã®ã‚³ãƒ¼ãƒ‰ã€ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯Closure Library
aki03 2012/02/21
UI

javascript
ãƒªãƒ³ã‚¯
æœ¬å½“ã®JavaScriptã‚’çŸ¥ã£ã¦ã„ã‚‹ã‹ï¼å…·ä½“çš„ã«ã‚³ãƒ¼ãƒ‰ã§å¦ã¹ã‚‹ã€Œãƒ†ã‚¹ãƒˆé§†å‹• JavaScriptã€ | Act as Professional
æœ¬æ›¸ã¯è£è¡¨ç´™ã«ã€Œä¸ç´šæŠ€è¡“è€…å‘ã‘ã€ã¨æ˜Žè¨˜ã•ã‚Œã¦ã„ã‚‹ã€‚JavaScriptã®è¨€èªžä»•æ§˜ã«é–¢ã—ã¦ã€å…¥é–€ã—ãŸã“ã¨ãªã„äººã‚„ã€é–¢æ•°åž‹ã®è¨€èªžã«è¦‹åœ°ã®ãªã„äººã¯ã€ãƒ‘ãƒ¼ãƒ•ã‚§ã‚¯ãƒˆJavaScriptã‚„ã‚µã‚¤æœ¬ã‚ãŸã‚Šã§ã€JavaScriptã®è¨€èªžä»•æ§˜ã‚’èº«ã«ã¤ã‘ã¦ã‹ã‚‰ã€å–ã‚Šæ‰±ã†ã“ã¨ã‚’æŽ¨å¥¨ã™ã‚‹ã€‚ãã‚Œãã‚‰ã„ä¾¡å€¤ã®ã‚ã‚‹å†…å®¹ã«æœ¬æ›¸ã¯ä»•ä¸ŠãŒã£ã¦ã„ã‚‹ã€‚ ãã—ã¦ã€ æ£çµ±æ´¾ãªTDD(ãƒ†ã‚¹ãƒˆé§†å‹•é–‹ç™º)ã«ã¤ã„ã¦ç†è§£ã—ãŸã„ JavaScriptè‡ªèº«ã®è¨€èªžçš„ãªç‰¹å¾´ã‚’æŠ¼ã•ãˆã¦ãŠããŸã„ ãƒ†ã‚¹ãƒˆã§ãã‚‹JavaScriptã®ã‚³ãƒ¼ãƒ‰ã‚’å¤šãé–²è¦§ã—ãŸã„ å®Ÿéš›ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã«æ´»ç”¨ã§ãã‚‹ã‚¢ãƒ—ãƒãƒ¼ãƒã‚’æ•°å¤šãçŸ¥ã‚ŠãŸã„ ã¨ã€è€ƒãˆã¦ã„ã‚‹JavaScriptã‚’æ—¥é ƒã‹ã‚‰æ›¸ã„ã¦ã„ã‚‹äººã€æºã‚ã£ã¦ã„ã‚‹äººã«ã€å¿…ãšèªã‚“ã§ã‚‚ã‚‰ã„ãŸã„1å†Šã§ã‚ã‚‹ã€‚ å…¨ä½“ã‚’é€šã˜ã¦ã€ãƒ†ã‚¹ãƒˆã§ãã‚‹ã‚³ãƒ¼ãƒ‰ã®ç‰¹å¾´ã¯ä½•ã‹ã€å˜ä½“ãƒ†ã‚¹ãƒˆã¨ãƒ†ã‚¹ãƒˆé§†å‹•ç’°å¢ƒã®åˆ©ç‚¹ã‚’äº«å—ã§ãã‚‹å„ªã‚ŒãŸå˜ä½“ãƒ†ã‚¹ãƒˆã¯ã©ã®ã‚ˆã†ãªã‚‚ã®ã‹ã‚’ã‚µãƒ³ãƒ—ãƒ«ã¨ã¨ã‚‚ã«
aki03 2011/12/20
javascript

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
è¦æ³¨ç›®ï¼CSSã¨JavaScriptã§ä½œã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³Â·Animatable MOONGIFT
Animatableã¯JavaScriptã§CSSã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’å¤‰åŒ–ã•ã›ã‚‹ã“ã¨ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ æœ€è¿‘ã€CSSã ã‘ã§ä½œã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã„ã†ã®ãŒæµè¡Œã£ã¦ã„ã¾ã™ã€‚CSS3ã§ã‚ã‚Œã°transitionã¨ã„ã†è¦ç´ ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒèµ·ã“ã›ã¾ã™ãŒã€ã•ã‚‰ã«JavaScriptã‚’ä½¿ã£ã¦å¤šå½©ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«å¯¾å¿œã•ã›ãŸã®ãŒAnimatableã§ã™ã€‚ è‰²ã€…ãªç”»åƒãŒä¸¦ã‚“ã§ã„ã¾ã™ã€‚ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå®Ÿè¡Œã•ã‚Œã¾ã™ã€‚ 6ç•ªã¯æ›²ç·šãŒå¤‰åŒ–ã™ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã™ã€‚ 2ç•ªã¯èƒŒæ™¯ç”»åƒãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¾ã™ã€‚ 12ç•ªã¯ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ãƒ¼ã§ã™ã€‚ fromã¨toã®ã®ã¨ã“ã‚ã§å®Ÿéš›ã«è¨å®šã™ã‚‹CSSãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚ data-fromã¨data-toã§ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’æŒ‡å®šã—ã¾ã™ã€‚ Animatableã¯ã„ã‚ã°Flashã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ä¼¼ã¦ã„ã¾ã™ã€‚æœ€åˆã®ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’data-from
aki03 2011/11/13
javascript
ãƒªãƒ³ã‚¯
Googleãƒžãƒƒãƒ—é¢¨ã®UIã‚’å®Ÿç¾ã§ãã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒPolymapsã€:phpspoté–‹ç™ºæ—¥èªŒ
Polymaps Googleãƒžãƒƒãƒ—é¢¨ã®UIã‚’å®Ÿç¾ã§ãã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒPolymapsã€ã€‚ ãƒžã‚¦ã‚¹ãƒ›ã‚¤ãƒ¼ãƒ«ã«ã‚ˆã‚‹æ‹¡å¤§ãƒ»ç¸®å°æ©Ÿèƒ½ã‚‚ã¤ã„ã¦ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚‚è±Šå¯Œã§ã™ã€‚ ä»–ã«ã‚‚åŒæ§˜ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯å˜åœ¨ã—ã¾ã™ãŒã€ï¼‘ã¤ã®é¸æŠžè‚¢ã¨ã—ã¦è¦šãˆã¦ãŠã„ã¦ã‚‚è‰¯ã„ã‹ã‚‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª é«˜è§£åƒåº¦ã®ç”»åƒã®URLã‚’å…¥ã‚Œã‚‹ã ã‘ã§Googleãƒžãƒƒãƒ—ã¿ãŸã„ã«æ‹¡å¤§æ©Ÿèƒ½ã‚’ä»˜ã‘ã‚‰ã‚Œã‚‹ã€ŒZoom.itã€ ã€ŒGoogle Static Maps APIã€ã‚’ä½¿ã„æºå¸¯ã§Googleãƒžãƒƒãƒ—ã‚’è¡¨ç¤º Googleãƒžãƒƒãƒ—ã‚„Facebooké¢¨ãªã©ã€è‡ªç”±ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã€ŒBeautyTipsã€ PHPã§Google Mapã®ã‚¸ã‚ªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°APIã‚’ç°¡å˜ã«ä½¿ãˆã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã¨ãƒ©ã‚¤ãƒ–ãƒ©ãƒª Google Mapé¢¨ã§ã‚¯ãƒ¼ãƒ«ãªåœ°å›³UIãŒä½œã‚Œã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒMapBoxã€
aki03 2010/08/24
ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

javascript

Google
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
aki03 2009/07/09
javascript

é–‹ç™º

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

glow

jquery
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
aki03 2009/02/17
*ã¾ã¨ã‚

ãƒ„ãƒ¼ãƒ«

wysiwyg

javascript

webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
amachang ã® ã€Œä¸€è¡Œã§ IE ã® JavaScript ã‚’é«˜é€ŸåŒ–ã™ã‚‹æ–¹æ³•ã€ã‚’æŽ˜ã‚Šä¸‹ã’ã¦ã¿ãŸ - latest log
2009-11-12 ãƒŠãƒ“åè¨˜æ³•ã«ã¤ã„ã¦è¿½è¨˜ã—ã¾ã—ãŸ æœ¬æ–‡ ä»Šæ—¥ã¯ã€amachangã•ã‚“ã®è¨˜äº‹ http://d.hatena.ne.jp/amachang/20071010/1192012056 ã‚’ 1mm ã ã‘æŽ˜ã‚Šä¸‹ã’ã€IE ä»¥å¤–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ document ã¸ã®ã‚¢ã‚¯ã‚»ã‚¹ã‚’é€Ÿãã™ã‚‹æ–¹æ³•ãŒãªã„ã‹ã€è‰²ã€…è©¦ã—ã¦ã¿ã¾ã™ã€‚ # è¨˜äº‹è‡ªä½“ã¯ãšã„ã¶ã‚“å‰ã«æ›¸ãä¸Šã’ã¦ãŸã‘ã©ã€å…¬é–‹ã™ã‚‹ã®å¿˜ã‚Œã¦ãŸã‚“ã ãªã€‚ Cç³»ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚Cç³»ã¯ã€Œãƒã‚¹ãƒˆã—ãŸã‚¹ã‚³ãƒ¼ãƒ—ã‹ã‚‰ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°ã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨ã©ã†ãªã‚‹ã‹?ã€ãŒãƒ†ãƒ¼ãƒžã§ã™ã€‚ è©¦ã—ãŸã“ã¨ ä»¥ä¸‹ã¯æ§˜ã€…ãªæ–¹æ³•ã§ document ã¸ã®ã‚¢ã‚¯ã‚»ã‚¹é€Ÿåº¦ã‚’è¨ˆæ¸¬ã—ã¾ã™ã€‚ Aç³»ã§ã¯ã€éžæ—¥å¸¸çš„ãªæ–¹æ³•ã§æ¸¬å®šã—ã€Bç³»ã§ã¯å®Ÿéš›ã®ç”¨æ³•ã«è¿‘ã„å½¢ã§æ¸¬å®šã—ã¾ã™ã€‚Cç³»ã§ã¯ä½•é‡ã«ã‚‚ãƒã‚¹ãƒˆã—ãŸã‚¹ã‚³ãƒ¼ãƒ—ã‹ã‚‰ã€ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°ã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨ã©ã†ãªã‚‹ã‹ã‚’æ¸¬å®šã—ã¾ã™ã€‚ Aç³» A0 ã¯ã€ç´ ã® document ã«
aki03 2008/12/31
*ã‚ã¨ã§èªã‚€

*tips

javascript
ãƒªãƒ³ã‚¯
JavaScript ã®é…åˆ—ã¨é€£æƒ³é…åˆ—ã®é•ã„ - ITæˆ¦è¨˜
id:cheesepie:20070131:1170172709 æœ€è¿‘ã¯ã€ã“ã†ã„ã†é¢¨ã« JavaScript ã‚’å‹‰å¼·ã™ã‚‹äººãŒå¢—ãˆã¦ã„ã¦ã¨ã¦ã‚‚å¬‰ã—ã„ã§ã™ ï¼¾ï¼¾ id:cheesepie ã•ã‚“é ‘å¼µã£ã¦ãã ã•ã„ï¼ ã§ã€ã¡ã‚‡ã£ã¨é…åˆ—ã¨é€£æƒ³é…åˆ—ã®ä½¿ã„ã‹ãŸãŒé•ã†ã‚ˆã†ãªã®ã§ã€ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’æ›¸ã“ã†ã¨æ€ã„ã¾ã—ãŸã€‚ãŠã›ã£ã‹ã„ã ã£ãŸã‚‰ã™ã¿ã¾ã›ã‚“ï¼žï¼œ ï¼ ã‚„ã£ã±ã‚Šã€ã“ã®ã¸ã‚“ãŒ JavaScript ã®é›£ã—ã„ã¨ã“ã‚ã®ã²ã¨ã¤ãªã®ã ã‚ã†ã‹ã€‚ ã¨ã„ã†ã“ã¨ã§ã€ JavaScript ã®é…åˆ—ã¨é€£æƒ³é…åˆ—ã®é•ã„ ã„ã£ã¦ã¿ã‚ˆãŠãƒ¼ é€£æƒ³é…åˆ—ã¨ã¯ JavaScript ã§ã¯é€£æƒ³é…åˆ—ã¯ä¸€ç•ªã‚·ãƒ³ãƒ—ãƒ«ãªã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®ã“ã¨ã§ã‚ã‚‹ã€‚ã¤ã¾ã‚Šã€ã™ã¹ã¦ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¯é€£æƒ³é…åˆ—ã§ã‚ã‚‹ã€‚ ä»¥ä¸‹ã®ã™ã¹ã¦ã®é€£æƒ³é…åˆ—ã¯ã¾ã£ãŸãåŒã˜ã‚‚ã®ã§ã‚ã‚‹ã€‚ // 1 var obj = { hoge: 'hoge' }; // 2 var obj = { 'hoge': 'h
aki03 2008/03/08
javascript

é€£æƒ³é…åˆ—

é…åˆ—

è³‡æ–™
ãƒªãƒ³ã‚¯
Deziner FolioÂ» Blog Archive Â» Simple Javascript Accordions
Having a strong online presence continues to be extremely important for any individual or business today. When you are lookingâ€¦
aki03 2008/03/08
ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³

javascript

ajax

accordion
ãƒªãƒ³ã‚¯
1