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

KANIBUCHI id:KANIBUCHI

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

${{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ã§ã‚¬ãƒ©ã‚±ãƒ¼å‘ã‘Webã‚µã‚¤ãƒˆã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«æœ€é©åŒ–Â·sparrow.js MOONGIFT
sparrow.jsã¯æ—¢å˜ã®ã‚¬ãƒ©ã‚±ãƒ¼å‘ã‘Webã‚µã‚¤ãƒˆã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã«å¤‰æ›ã—ã¦ãã‚Œã‚‹JavaScriptã§ã™ã€‚ sparrow.jsã‚’ä½¿ã†ã¨æ—¢å˜ã®ã‚¬ãƒ©ã‚±ãƒ¼å‘ã‘Webã‚µã‚¤ãƒˆã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã«å¤‰èº«ã•ã›ã¦ãã‚Œã¾ã™ã€‚ãã‚Œã‚‚ãŸã£ãŸä¸€è¡Œã®JavaScriptã‚¿ã‚°ã‚’è¿½åŠ ã™ã‚‹ã®ã¿ã§ã™ã€‚ ã‚¬ãƒ©ã‚±ãƒ¼å‘ã‘ã‚µã‚¤ãƒˆã‚’iPhoneã§è¡¨ç¤ºã—ãŸã¨ã“ã‚ã§ã™ã€‚ã„ã‚ã‚†ã‚‹æ™®é€šã®æºå¸¯é›»è©±å‘ã‘ã‚µã‚¤ãƒˆã¨ã—ã¦ã®è¡¨ç¤ºã§ã™ã€‚ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã¯ã€Œæºå¸¯å°‚ç”¨ç„¡æ–™ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆé…å¸ƒä¸ ï¼š ãƒ•ãƒªãƒ¼ã‚¹ã‚¿ã‚¤ãƒ« æºå¸¯ç„¡æ–™ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒãƒ¼ã€ã‚ˆã‚ŠãŠå€Ÿã‚Šã—ã¾ã—ãŸã€‚ sparrow.jsã‚’é©ç”¨ã—ãŸè¡¨ç¤ºã§ã™ã€‚ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚„ç”»åƒã®è¡¨ç¤ºãŒæœ€é©åŒ–ã•ã‚Œã‚‹ã®ã¿ã¨ãªã£ã¦ã„ã¾ã™ã€‚ sparrow.jsã§ã¯ãã®ä»–ã€Viewportã®è‡ªå‹•æŒ¿å…¥ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®CSSå®šç¾©ã€åŠè§’ä»®åã‚’å…¨è§’ã«å¤‰æ›ã€ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã€çµµæ–‡å—ã‚’çµµæ–‡å—ç”»åƒã«å¤‰æ›
KANIBUCHI 2011/12/07
javascript
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯æ³¨ç›®ã®è¶…ãƒªãƒƒãƒãªUIã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ™ãƒ¼ã‚¹ã®UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒjQuery EasyUIã€:phpspoté–‹ç™ºæ—¥èªŒ
ã“ã‚Œã¯æ³¨ç›®ã®è¶…ãƒªãƒƒãƒãªUIã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ™ãƒ¼ã‚¹ã®UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒjQuery EasyUIã€ 2011å¹´07æœˆ19æ—¥- jQuery EasyUI - help you build your web page easily ã“ã‚Œã¯æ³¨ç›®ã®è¶…ãƒªãƒƒãƒãªUIã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ™ãƒ¼ã‚¹ã®UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒjQuery EasyUIã€ Ext.jsã°ã‚Šã«ç¾Žã—ãã¦ãƒªãƒƒãƒãªUIã‚’jQueryã§ã‚‚å®Ÿç¾ã§ãã¡ã‚ƒã„ã¾ã™ã€‚ã•ã‚‰ã«ã€ä½¿ã„å‹æ‰‹ãŒjQueryãªã®ã§èª°ã§ã‚‚ç°¡å˜ã«å®Ÿè£…ã§ãã¡ã‚ƒã„ã¾ã™ã€‚Extã¯ãªã‚“ã¨ãªãå–ã£ä»˜ãã«ãã„ã¨æ„Ÿã˜ãŸã‹ãŸã‚‚ç°¡å˜ã«ä½¿ãˆãã†ã€‚ ã‚µã‚¤ãƒˆä¸Šã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚„ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚‚å……å®Ÿã—ã¦ã„ã¦åˆ†ã‹ã‚Šã‚„ã™ã„ã§ã™ã€‚ ãƒªãƒƒãƒãªã‚‚ã®ãŒä½œã‚Œã‚‹ã®ã¯ã„ã„ã‘ã©ä½¿ã„æ–¹ãŒé›£ã—ã‹ã£ãŸã‚Šãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹å¤§å¤‰ã ã¨ã€ä½¿ã†æ°—ãŒå°‘ã—å¤±ã›ã¦ã—ã¾ã„ãã†ã§ã™ãŒã“ã‚Œãªã‚‰å¤§ä¸ˆå¤«ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ãƒ†ãƒ¼ãƒžã‚„ãƒžãƒ«ãƒãƒªãƒ³ã‚¬ãƒ«ã«ã‚‚å¯¾å¿œã—ã¦ã„ã‚‹ã‚‰ã—
KANIBUCHI 2011/07/19
jquery

javascript

web
ãƒªãƒ³ã‚¯
Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºã«ã€‚é¢ç™½ã„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒå¤šæ•°æƒã£ãŸUIãƒ©ã‚¤ãƒ–ãƒ©ãƒªÂ·Ninja UI MOONGIFT
Ninja UIã¯HTMLã‚’ä½¿ã‚ãšã«JavaScriptã§ç”»é¢ã‚’æç”»ã—ã¦ã„ãUIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€‚ Ninja UIã¯jQuery/JavaScriptè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚æ€ã†ã«Webã‚µã‚¤ãƒˆã¨ã„ã†ã®ã¯è¡¨ç¾åŠ›ãŒé«˜ãã€ã‹ã¤è‡ªç”±åº¦ãŒé«˜ã™ãŽã‚‹ã®ã ã€‚ãã®ãŸã‚è¦‹æ „ãˆã«ã“ã‚Šã ã™ã¨åŽé›†ãŒã¤ã‹ãªããªã‚‹ã€‚ã¾ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚»ãƒ³ã‚¹ãŒãªã„ã¨æ ¼å¥½ã„ã„ã‚µã‚¤ãƒˆãŒä½œã‚Œãªã„ã€‚ ãƒœã‚¿ãƒ³ã‚„ã‚¢ã‚¤ã‚³ãƒ³ ã‚¢ã‚¤ãƒ‡ã‚£ã‚¢ãŒã©ã‚Œã ã‘è‰¯ãã€æŠ€è¡“åŠ›ãŒã‚ã£ã¦ã‚‚è¦‹æ „ãˆãŒã±ã£ã¨ã—ãªã„ã‚µã‚¤ãƒˆã¯å—ã‘å…¥ã‚Œã‚‰ã‚Œãªã„ã€‚ã‚‚ã†HTMLã¯æ›¸ã‹ãšã€JavaScriptã§çµ„ã‚“ã§ã—ã¾ã†ã®ã¯ã©ã†ã ã‚ã†ã€‚ãã‚Œã‚’å¯èƒ½ã«ã™ã‚‹ã®ãŒNinja UIã ã€‚ Ninja UIã¯jQuery Webjutsuï¼ˆWebè¡“ï¼Ÿï¼‰ã‚’æŽ²ã’ã¦ã„ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã€æž çµ„ã¿ã ã‘HTML5ã§çµ„ã¿ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®é…ç½®ã¯å…¨ã¦JavaScriptã ã‘ã§è¨˜è¿°ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã ã€‚ãƒœã‚¿ãƒ³ã‚„ãƒ‰ãƒãƒ¯ãƒ¼ã€ã‚¢ã‚¤ã‚³ãƒ³ã€ãƒãƒƒãƒ—ã‚¢ãƒƒ
KANIBUCHI 2011/06/05
ãƒ›ãƒ³ãƒˆã‚¬ã‚¤ã‚¸ãƒ³ã¯ãƒ‹ãƒ³ã‚¸ãƒ£ãŒå¥½ãã ãªãï½—

javascript

web

IDE

development

tool

software

html
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
KANIBUCHI 2011/05/31
javascript

tips

technique
ãƒªãƒ³ã‚¯
HTML5ã¨ã¯ä½•ã‹ã‚’ç°¡å˜ã«ã¾ã¨ã‚ã¦ã¿ãŸ
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10æœˆ1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ãƒ–ãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEãƒ¤ãƒ•ãƒ¼ Tech Blog ã¯ã˜ã‚ã« ã“ã‚“ã«ã¡ã¯ã€‚Rï¼†Dçµ±æ‹¬æœ¬éƒ¨ åˆ¶ä½œæœ¬éƒ¨ ã‚¦ã‚§ãƒ–ãƒ‡ãƒ™ãƒãƒƒãƒ—ãƒ¡ãƒ³ãƒˆéƒ¨ã«æ‰€å±žã—ã¦ãŠã‚Šã¾ã™ã€‚å²¡éƒ¨å’Œæ˜Œï¼ˆ@kzms2ï¼‰ã¨ç”³ã—ã¾ã™ã€‚ æœ€è¿‘ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆå‘ã‘ã®ãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹æ©Ÿä¼šãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ ãªã®ã§ã€ä»Šå›žã¯ã¡ã¾ãŸã§å¤§äººæ°—ã®HTML5ã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚ è‹¥å¹²ä»Šæ›´ãªå†…å®¹ã«ã‚‚æ€ãˆã¾ã™ãŒã€ã‚ã¾ã‚ŠHTML5ã«ãªã˜ã¿ãŒãªã„æ–¹ã«ã‚‚ã‚ã‹ã£ã¦ã‚‚ã‚‰ãˆã‚‹ã‚ˆã†ãªå†…å®¹ã«ã—ã¦ã„ã¾ã™ã€‚ HTML5ã®åŸºæœ¬æ¦‚å¿µã‚„æ€æƒ³ãƒ»å®Ÿéš›ã®çµ„ã¿æ–¹ã¨ã„ã†ã‚ˆã‚Šã‚‚ã€ HTML5ã§çµ„ã‚€ã¨ä»Šã¾ã§ã¨æ¯”ã¹ã¦ä½•ãŒé•ã†ã®ã‹ ãªã©ã«ã¤ã„ã¦æ›¸ã„ã¦ã„ãã¾ã™ã€‚ ãªãœã“ã‚Œã‹ã‚‰HTML5ãªã®ã‹ HTML4ã¨ã®é•ã„ãŒã‚ã‹ã‚‰ãªã„ HTML5ã‚’ä½¿ã†åˆ©ç‚¹ãŒã‚ã‹ã‚‰ãªã„ ãªã©ç–‘å•ã«æ€ã£ã¦ã„ã‚‹æ–¹ã¯ãœã²è¦‹ã¦ã„ãŸ
KANIBUCHI 2011/04/07
ä¸–ã®ä¸ã«htmlã®ã‚¿ã‚°ã‚’æ„è˜ã—ãªã„blogã€SNSãŒå‡ºå›žã‚Šãã£ãŸä»Šã§ã¯ã€htmlãŒ4ã ã‚ã†ãŒ5ã ã‚ã†ãŒé–¢ä¿‚ãªã„äººãŒå¤šã„ã‚“ã§ã™ã‘ã©ã

web

html

javascript
ãƒªãƒ³ã‚¯
Node.jsã«ã¤ã„ã¦ã®ã‚ˆãã‚ã‚‹èª¤è§£ - è‡ªåˆ†ã®æ„Ÿå—æ€§ãã‚‰ã„
Node.jsã¯æ™®åŠã—ãã†ã«ç„¡ã„: ãƒ‹ãƒ¥ãƒ¼ã‚¹ã®ç¤¾ä¼šç§‘å¦çš„ãªè£å´ http://anlyznews.blogspot.com/2011/02/nodejs.html ã¨ã„ã†è¨˜äº‹ãŒã‚ã£ãŸã®ã§ã€ã‚‚ã—ã‹ã—ãŸã‚‰ã„ã„æ„Ÿã˜ã«Node.jsã«ã¤ã„ã¦ã®ã‚ˆãã‚ã‚‹èª¤è§£ãŒã“ã“ã«ç¶²ç¾…ã•ã‚Œã¦ã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã£ã¦ã‚¨ãƒ³ãƒˆãƒªã‚’æ›¸ãã¾ã™ã€‚æ±ºã—ã¦é¡”çœŸã£èµ¤ã«ã—ã¦åè«–ã—ã¦ã‚‹ã‚ã‘ã˜ã‚ƒãªã„ã‚ˆï¼ ã§ã€ã¾ãš ç†ç”±ã¯ç°¡å˜ã§ã€GoogleãŒãƒªãƒªãƒ¼ã‚¹ã—ãŸã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ã‚µãƒ¼ãƒãƒ¼ã§ã‚ã‚‹node.jsãŒã€JavaScriptã¨ãã®å®Ÿè¡Œã‚¨ãƒ³ã‚¸ãƒ³ã‚’åŸºæœ¬ã¨ã—ãŸæ§‹æˆã¨ãªã£ã¦ãŠã‚Šã€ãã®æ€§èƒ½ãŒé«˜ã„ã‹ã‚‰ã ã€‚ ã¨ã‚ã‚Šã¾ã™ãŒã€Node.jsã¯Googleè£½ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚Node.jsãŒãƒ™ãƒ¼ã‚¹ã¨ã—ã¦ã„ã‚‹JavaScriptã®V8ã‚¨ãƒ³ã‚¸ãƒ³ã¯Googleè£½ï¼ˆã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ï¼‰ã§ã™ãŒã€Node.jsè‡ªèº«ã¯Joyentã¨ã„ã†ä¼šç¤¾ã®ã‚µãƒãƒ¼ãƒˆã«ã‚ˆã£ã¦ä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ãƒ¡ã‚¤ãƒ³ã‚³
KANIBUCHI 2011/02/21
javascript

library

OSS

google

web
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆï¼šWebã‚¢ãƒ—ãƒªãƒ¢ãƒ¼ãƒ‰ã§æ„å¤–ã¨æ›¸ã‹ã‚Œã¦ã„ãªã„è½ã¨ã—ç©´ - Kaleidoscope
ã¡ã‚‡ã£ã¨ä»Šå›žã¯ã¾ã‚çŸ¥è˜çš„ãªå†…å®¹ã§ã™ã€‚ æœ€è¿‘ã€ã€ŒiPhoneã§Webã‚¢ãƒ—ãƒªã‚’ä½œæˆã€ã¨ã„ã£ãŸè¨˜äº‹ã‚’ã‚ˆãè¦‹ã‹ã‘ã¾ã™ã€‚ ï¼ˆjQuery Mobileãªã©ã‚’åˆ©ç”¨ã—ãŸé–‹ç™ºæ–¹æ³•ã¯ç½®ã„ã¨ã„ã¦ï¼‰ HTML5+CSS3+JavaScriptã§ä¸€ã‹ã‚‰ä½œæˆã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦ã€æ„å¤–ã¨è‚å¿ƒãªæ³¨æ„ç‚¹ãŒæŠœã‘ã¦ã‚‹ã‚ˆã†ã«æ€ã„ã¾ã™ã€‚ ã¨ãã«ã€ã‚ˆãmetaã‚¿ã‚°ã‚’ä½¿ã£ãŸã€ŒWebã‚¢ãƒ—ãƒªãƒ¢ãƒ¼ãƒ‰ï¼ˆãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒ¢ãƒ¼ãƒ‰ï¼‰ã€ã«ã™ã‚‹æ–¹æ³•ãŒæ›¸ã‹ã‚Œã¦ã„ãŸã‚Šã—ã¾ã™ã€‚ <meta name="apple-mobile-web-app-capable" content="yes" /> ã“ã‚Œã‚’ã‚„ã‚‹ã¨ã€URLãƒãƒ¼ã¨ã‹ãŒç„¡ããªã£ã¦ã€ã‚µã‚¤ãƒˆãŒãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã£ã½ããªã£ã¦ã‹ã£ã“ã„ã„ã‚“ã§ã™ã‚ˆãã€‚ ã“ã‚Œã§ã€ã‚µã‚¤ãƒˆã‚’ã‚¢ãƒ—ãƒªã£ã½ãè¦‹ã›ã‚‰ã‚Œã‚‹ï¼ã£ã¦ã¡ã‚‡ã£ã¨èˆˆå¥®ã—ã¡ã‚ƒã„ã¾ã™ã‚ˆãã€‚ ãŸã ã€ã“ã‚Œã£ã¦æ„å¤–ãªè½ã¨ã—ç©´ãŒã‚ã‚‹ã‚“ã§ã™(ï¿£â–½ï¿£;) ä»Šå›žã¯ã€åƒ•ãŒçŸ¥ã£ã¦ã‚‹å¤§ããªï¼’ã¤ã®æ³¨æ„ç‚¹ã‚’
KANIBUCHI 2011/02/20
mobile

web

javascript

html

jquery

css

apple
ãƒªãƒ³ã‚¯
CSS3ã¨jQueryã§ãƒ•ã‚©ãƒ¼ãƒ ã‚’ç¾Žã—ãè£…é£¾ã™ã‚‹æ–¹æ³•
2014å¹´8æœˆ22æ—¥ CSS, jQuery ã©ã‚“ãªWebã‚µã‚¤ãƒˆã§ã‚‚è¨ç½®ã•ã‚Œã¦ã„ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã€‚ãªã‚“ã®è£…é£¾ã‚‚ãªãå‘³æ°—ãªã„ãƒ•ã‚©ãƒ¼ãƒ ã‚ˆã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸã‚‚ã®ã®ã»ã†ãŒé€£çµ¡ã—ã¦ã¿ãŸããªã‚‹ã¯ãšã§ã™ï¼ãã‚“ãªãƒ•ã‚©ãƒ¼ãƒ ã‚‚å°‘ã—æ‰‹ã‚’åŠ ãˆã‚‹ã ã‘ã§ç´ æ•µãªãƒ‡ã‚¶ã‚¤ãƒ³ã«å¤‰èº«ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ä»Šå›žã¯CSS3ã¨jQueryã‚’ä½¿ã£ã¦ã‚ˆã‚Šç¾Žã—ã„ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œæˆã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ãƒ•ã‚©ãƒ¼ãƒ ã®ä»•æ§˜ ä»Šå›žãƒãƒ£ãƒ¬ãƒ³ã‚¸ã™ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã®ä¸»ãªä»•æ§˜ã§ã™ï¼ ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ä½¿ã£ã¦ç«‹ä½“æ„Ÿã‚’è¡¨ç¾ è§’ä¸¸ã§ä¸¸ã¿ã‚’ã¤ã‘ã‚‹ï¼ˆãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ï¼‰ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶: IE7â–³, IE8â–³, IE9, Firefox, Chrome, Safari ãƒ•ã‚©ãƒ¼ãƒ åˆ¶ä½œã®æµã‚Œ CSS3ã£ã¦ãªã‚“ã ï¼Ÿã¨ã„ã†äººã‚‚ã²ã¨ã¤ã²ã¨ã¤è¨˜è¿°ã—ã¦ã„ã‘ã°æ„å¤–ã¨ç°¡å˜ã«ä½œã‚Œã‚‹ã¯ãšã§ã™ï¼ãƒªãƒ³ã‚¯ã‚’ã‚¯ãƒªãƒƒã‚¯ã§å„é …ç›®ã«ã‚¸ãƒ£ãƒ³ãƒ—ã—ã¾ã™ã€‚ ãƒ†ã‚ã‚¹ãƒˆãƒœãƒƒã‚¯
KANIBUCHI 2010/10/28
javascript

jquery

web

design

css
ãƒªãƒ³ã‚¯
ç”»åƒã‚„æž ãªã©ã‚’ã‚ãƒ©ãƒƒã¨è¶…ã‚«ãƒƒã‚³ã‚ˆãå…‰ã‚‰ã›ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’jQueryã§å®Ÿè£…:phpspoté–‹ç™ºæ—¥èªŒ
ShineTime ? A Kick-Ass New jQuery & CSS3 Gallery With Animated Shine Effects ç”»åƒã‚„æž ãªã©ã‚’ã‚ãƒ©ãƒƒã¨è¶…ã‚«ãƒƒã‚³ã‚ˆãå…‰ã‚‰ã›ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’jQueryã§å®Ÿè£…ã™ã‚‹ä¾‹ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ é€æ˜Žã¨ç™½ã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ç”»åƒã‚’æ–œã‚ã«ã—ã¦ç”»åƒã‚„æž ã®ä¸Šã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§æ¨ªåˆ‡ã‚‰ã›ã‚‹ã¨ã„ã†ã‚·ãƒ³ãƒ—ãƒ«ãªæ–¹æ³•ã§Flashã‚µã‚¤ãƒˆã®ã‚ˆã†ãªã‚¯ãƒ¼ãƒ«ãªæ¼”å‡ºã‚’å®Ÿç¾ã—ã¦ã„ã¾ã™ã€‚ å®Ÿéš›ã®ãƒ‡ãƒ¢ã‚’è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ è¶…ã‚¯ãƒ¼ãƒ«ã§ã™ãã€‚ ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«å½¢å¼ã«ãªã£ã¦ã„ã‚‹ã®ã§æ¨ªåˆ‡ã‚‰ã›ã‚‹ç”»åƒã‚’æ›¿ãˆãŸã‚Šã—ã¦ã‚‚é¢ç™½ã„ã‹ã‚‚ã€‚ ã“ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¯ä½¿ãˆã‚‹æ°—ãŒã—ã¾ã™ã€‚ ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯ç¾åœ¨ã®ã¨ã“ã‚jQueryã¯ä½¿ã£ã¦ã„ã¾ã™ãŒãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®å½¢ã§ã¯ãªã„ã®ã§ã‚³ãƒ¼ãƒ‰ã‚’è¨˜è¿°ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ãŒã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«ãªã£ãŸã‚‰ã‚ˆã‚Šä¾¿åˆ©ãã†ã§ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ç”»åƒã®æ˜ ã‚Šè¾¼ã¿ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å®Ÿç¾ã™ã‚‹JavaScrip
KANIBUCHI 2010/10/28
javascript

jquery

web

design
ãƒªãƒ³ã‚¯
å†ç”Ÿãƒœã‚¿ãƒ³ç‰ã‚‚å¤‰æ›´ã§ãã¡ã‚ƒã†Youtubeæ“ä½œjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery Youtube Playerã€:phpspoté–‹ç™ºæ—¥èªŒ
å†ç”Ÿãƒœã‚¿ãƒ³ç‰ã‚‚å¤‰æ›´ã§ãã¡ã‚ƒã†Youtubeæ“ä½œjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery Youtube Playerã€ 2010å¹´10æœˆ26æ—¥- jQuery Youtube Player å†ç”Ÿãƒœã‚¿ãƒ³ç‰ã‚‚å¤‰æ›´ã§ãã¡ã‚ƒã†Youtubeæ“ä½œjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery Youtube Playerã€ ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ãˆã°æ¬¡ã®ã‚ˆã†ã«ã€Youtubeã®å‹•ç”»ã«ç‹¬è‡ªã®å†ç”Ÿã€å‹•ç”»é€ã‚Šã€ãƒªãƒ”ãƒ¼ãƒˆãƒœã‚¿ãƒ³ã€ãƒœãƒªãƒ¥ãƒ¼ãƒ ãƒœã‚¿ãƒ³ã®ä»–ã€ãƒ—ãƒ¬ã‚¤ãƒªã‚¹ãƒˆã‚’ä»˜ã‘ã¦ãƒªã‚¹ãƒˆã‹ã‚‰å†ç”Ÿãªã‚“ã¦ã„ã†ã“ã¨ãŒã§ãã¡ã‚ƒã„ã¾ã™ã€‚ Youtubeã®ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã¯Flashã®ä¸ã«ã‚ã‚‹ã‹ã‚‰ç„¡ç†ã¨æ€ã£ã¦ã„ã¾ã—ãŸãŒYoutubeã®Flashå´ã§å¯¾å¿œã—ãŸã£ã½ã„ã§ã™ãã€‚ï¼ˆå¤–éƒ¨ã‹ã‚‰JSã§Flashå†…ã§å…¬é–‹ã•ã‚ŒãŸé–¢æ•°ã‚’æ“ä½œã—ã¦ã‚‹ã‚ˆã†ã§ã™ï¼‰ â†‘ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ä¸‹éƒ¨ã®ãƒªã‚¹ãƒˆãŒãƒ—ãƒ¬ã‚¤ãƒªã‚¹ãƒˆã€‚ã‚¯ãƒªãƒƒã‚¯ã§å‹•ç”»ãŒåˆ‡ã‚Šæ›¿ã‚ã‚Šã¾ã™ã€‚ â†“ç¾åœ¨å†ç”Ÿä¸ã®ç§’æ•°ãªã‚“ã‹ã‚‚å–ã‚ŒãŸã‚Šã™ã‚‹ã‚ˆã†ã§
KANIBUCHI 2010/10/26
jquery

javascript

YouTube
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä½œã‚Šã‚’ç°¡å˜ã«ã—ã¦ãã‚Œã‚‹CSSã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ
CSS ã§ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€æ®µçµ„ã¿ä½œã‚ŠãŒã¨ã£ã¦ã‚‚ç°¡å˜ã«ã§ãã‚‹ã€CSS ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã‚’ã”ç´¹ä»‹ã€‚æ—¢ã«ä½¿ã£ã¦ã„ã‚‹äººã‚‚ãŸãã•ã‚“ã„ã‚‹ã¨ã¯æ€ã„ã¾ã™ãŒã€æœªä½“é¨“ã®äººã¯ãœã²è©¦ã—ã¦ã¿ã¦ãã ã•ã„ãï¼ Web ãƒ‡ã‚¶ã‚¤ãƒ³ã«æ¬ ã‹ã›ãªã„ã€CSS ã§ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä½œã‚Šã€‚ã‚³ãƒ³ãƒ†ãƒŠä½œã£ã¦ã€ã“ã“ã«ãƒ©ãƒƒãƒ‘ãƒ¼ä½œã£ã¦ã€ãƒ¡ã‚¤ãƒ³ãŒ 600px ã§ padding ãŒ 20px ã ã‹ã‚‰ã€ã‚µã‚¤ãƒ‰ãƒãƒ¼ãŒã€ãˆãƒ¼ã¨ â€¦ ãªã‚“ã¦ã“ã¨ã«ãªã‚ŠãŒã¡ã§ã™ã€‚ãã‚“ãªé¢å€’ãªä½œæ¥ãŒã‚¤ãƒ¤ã ãªãƒ¼ã¨ã„ã†äººã«ãŠã™ã™ã‚ãªã®ãŒã€CSSã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã€‚å…¨ã¦ã® Web ãƒ‡ã‚¶ã‚¤ãƒ³ã«ä½¿ãˆã‚‹è¨³ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€çµæ§‹é‡å®ã—ã¾ã™ã€‚ã™ã§ã«ä½¿ã£ã¦ã„ã‚‹äººã‚‚ãŸãã•ã‚“ã„ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã“ã‚“ãªæ–¹æ³•ã‚‚ã‚ã‚‹ã‚“ã ã‚ˆãƒ¼ã¨ã„ã†ã“ã¨ã§ã”ç´¹ä»‹ã—ã¾ã™ã€‚ 1. CSSã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã¨ã¯ï¼Ÿ CSS ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã¨ã„ã†ã®ã¯ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å‡ç‰ã«åˆ†ã‘ã¦ã€ãƒžã‚¹ç›®ä¸Šã«è€ƒãˆã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€‚ä½•ãŒä¾¿åˆ©ã‹ã£ã¦ã„ã†ã¨ã€ã“ã®æ®µã¯4ç‰åˆ†ã«ã—
KANIBUCHI 2010/10/19
javascript

css

web

design

programming
ãƒªãƒ³ã‚¯
Javaã‚¹ã‚¯ãƒªãƒ—ãƒˆã€Œãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°ãƒ»ãƒ¢ãƒ¼ãƒ‰ãƒ¬ã‚¹ãƒ€ã‚¤ã‚¢ãƒã‚°ï¼ˆãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ï¼‰ã€ãƒ¡ãƒ¢(Hishidama's JavaScript-ModalDialog,ModelessDialog Memo)
ã“ã“ã«æ›¸ã„ã¦ã„ã‚‹ã®ã¯ã€æ–°ã—ã„HTMLã‚’ï½›æ™®é€šã«ï¼ãƒ¢ãƒ¼ãƒ‰ãƒ¬ã‚¹ãƒ€ã‚¤ã‚¢ãƒã‚°[/2007-08-12]ã§ï¼ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°ã§ï½é–‹ãæ–¹æ³• ã€‚ å˜ç´”ãªãƒ¡ãƒƒã‚»ãƒ¼ã‚¸è¡¨ç¤ºã‚„æ–‡å—ã®å…¥åŠ›ã¯åˆ¥ã®å‘½ä»¤ã‚’ä½¿ã†ã€‚ ã¾ãšã¯ã€æ™®é€šã«ãƒªãƒ³ã‚¯ã§ç§»å‹•ã™ã‚‹æ–¹æ³• HTMLï¼š <A HREF="dialog_target.html">æ™®é€šã«ç§»å‹•</A> <INPUT TYPE="button" VALUE="ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ç§»å‹•" onClick="window.location='dialog_target.html'">  ã‚µãƒ³ãƒ—ãƒ«ï¼šæ™®é€šã«ç§»å‹• ã‚µãƒ³ãƒ—ãƒ«ï¼š ãƒ¢ãƒ¼ãƒ‰ãƒ¬ã‚¹ãƒ€ã‚¤ã‚¢ãƒã‚°ã§é–‹ãæ–¹æ³• æ–°ã—ã„ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’é–‹ã„ã¦ï¼ˆãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ï¼‰ã€ãã“ã«HTMLã‚’è¡¨ç¤ºã•ã›ã‚‹æ–¹æ³•ã€‚ ãƒ¢ãƒ¼ãƒ‰ãƒ¬ã‚¹ï¼ˆmodelessï¼‰ã¨ã„ã†ã®ã¯ãƒ¢ãƒ¼ãƒ€ãƒ«ã®åå¯¾ã§ã€ãã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’é–‹ã„
KANIBUCHI 2010/10/15
windows

javascript
ãƒªãƒ³ã‚¯
Jerseyã€AJAXã€JSONã‚’ä½¿ã£ã¦RESTã«æŒ‘æˆ¦ã—ã‚ˆã†
ã¯ã˜ã‚ã« RESTï¼ˆRepresentational State Transferï¼‰ã¯ã€HTTPã‚’ä»‹ã—ãŸåŒ…æ‹¬çš„ãªæ–¹æ³•ã§ãƒ‡ãƒ¼ã‚¿ã‚’æ‰±ã†ã“ã¨ã‚’å¯èƒ½ã¨ã™ã‚‹ã€å¼·åŠ›ã§è»½é‡ãªã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã§ã™ã€‚ã—ã‹ã—ã€å¼·åŠ›ã§ã‚ã‚‹ã¨ã¯ã„ãˆã€ç‹¬è‡ªã®ã‚³ãƒ¼ãƒ‰ã«RESTã‚’å–ã‚Šå…¥ã‚Œã‚‹ã®ã¯å°‘ã€…æ‰‹é–“ãŒã‹ã‹ã‚‹ãŸã‚ã€ä½•ã‚‰ã‹ã®æ”¯æ´ãŒå¿…è¦ã«ãªã‚Šã¾ã™ã€‚Javaã§ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®å ´åˆã¯ã€JerseyãŒåŠ©ã‘ã«ãªã‚Šã¾ã™ã€‚Jerseyã¯ã€Javaã‚³ãƒ¼ãƒ‰ã‚’RESTå¯¾å¿œã«ã™ã‚‹ãŸã‚ã«å¿…è¦ãªä½œæ¥ã‚’ç°¡ç´ åŒ–ã™ã‚‹ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€RESTã‚’ç°¡å˜ã«ç´¹ä»‹ã—ã€Jerseyã®èƒŒæ™¯ã«ã‚ã‚‹åŸºæœ¬çš„ãªå‹•ä½œæ¦‚å¿µã‚’èª¬æ˜Žã—ã¾ã™ã€‚æ¬¡ã«ã€Jerseyã‚’ä½¿ç”¨ã—ã¦ã€å®Ÿéš›ã®Javaã‚³ãƒ¼ãƒ‰ã‚’RESTfulã«ã™ã‚‹æ–¹æ³•ã‚’ç¤ºã—ã¾ã™ã€‚æœ€å¾Œã«ã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ™ãƒ¼ã‚¹ã®JavaScriptã€AJAXã€ãŠã‚ˆã³JSONã‚’ä½¿ç”¨ã—ã¦ã€ä½œæˆã—ãŸRESTfulã‚³ãƒ¼ãƒ‰ã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹æ–¹æ³•ã‚’ç¤ºã—ã¾ã™ã€‚é–¢é€£ãƒˆ
KANIBUCHI 2010/07/19
ajax

java

javascript

spring

web

programming
ãƒªãƒ³ã‚¯
Webã‚’é«˜é€ŸåŒ–ã™ã‚‹ãŸã‚ã«ã€ç§ãŸã¡ã«ä½•ãŒã§ãã‚‹ã‹ï¼Ÿ ã€Œç¶šãƒ»ãƒã‚¤ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹Webã‚µã‚¤ãƒˆã€
Publickey ã‚°ãƒ¼ã‚°ãƒ«ãŒWebã‚’é«˜é€ŸåŒ–ã™ã‚‹ãŸã‚ã«ä½•ã‚’ã—ã¦ã„ã‚‹ã‹ http://goo.gl/KyBk ã“ã®è¨˜äº‹ã«èˆˆå‘³ã‚’æŒã£ãŸäººã¯ã€æ˜¯éžã€ã‚ªãƒ©ã‚¤ãƒªãƒ¼ã®ã€Œç¶šãƒ»ãƒã‚¤ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹Webã‚µã‚¤ãƒˆã€ã‚‚èªã‚“ã§æ¬²ã—ã„ã€‚http://goo.gl/davBless than a minute ago via Chromed BirdåŠå·å“ä¹Ÿ / Takuya Oikawa takoratta æœ¬ã®ãƒšãƒ¼ã‚¸ã‚’ã‚ãã‚‹ã‚ˆã†ã«Webãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºã‚’é«˜é€ŸåŒ–ã™ã‚‹ã“ã¨ã‚’ç›®æŒ‡ã—ã¦ã€ã‚°ãƒ¼ã‚°ãƒ«ãŒWebãƒ–ãƒ©ã‚¦ã‚¶ã‚„TCP/IPã€HTTPã¨ã„ã£ãŸé€šä¿¡ãƒ—ãƒãƒˆã‚³ãƒ«ã®æ”¹å–„ã‚’è¡Œã£ã¦ã„ã‚‹ã®ã¨åŒæ§˜ã«ã€ç§ãŸã¡Webã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹å´ã«ã‚‚ã€Webã‚’é«˜é€ŸåŒ–ã™ã‚‹ãŸã‚ã«ä½¿ãˆã‚‹ã•ã¾ã–ã¾ãªæ‰‹æ®µãŒã‚ã‚Šã¾ã™ã€‚ ãã‚Œã‚’ã¾ã¨ã‚ãŸã®ãŒæ›¸ç±ã€Œç¶šãƒ»ãƒã‚¤ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹Webã‚µã‚¤ãƒˆã€ã§ã™ã€‚ä»¥å‰ã€ã‚ªãƒ©ã‚¤ãƒªãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ãƒ³ã®ç·¨é›†æ‹…å½“ã®æ–¹ã‹ã‚‰çŒ®æœ¬ã„ãŸã ã„ã¦ã„ãŸã®ã§ã€ã•ã£ããç´¹ä»‹ã—ã¾ã—
KANIBUCHI 2010/07/08
jquery

web

design

javascript

book
ãƒªãƒ³ã‚¯
IE8ã§ã®å¤‰åŒ–ç‚¹ä¸€è¦§ + å‚™å¿˜éŒ² - latest log
IE8 ã§ã¯ã‹ãªã‚Šã®æ•°ã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚„ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒå¢—ãˆã¦ã„ã‚‹ã‚ˆã†ã§ã™ã€‚æ›¸ãæ®‹ã—ã¾ã™ã€‚ element.getAttribute ã«ã¤ã„ã¦è¿½è¨˜ã—ã¾ã—ãŸã€‚ window.toStaticHTML window.toStaticHTML ã¯ã€XDomainRequest ã‚„ postMessage ã§å—ã‘å–ã£ãŸæ–‡å—åˆ—(HTML)ã‚’ã‚µãƒ‹ã‚¿ã‚¤ã‚º(æ¶ˆæ¯’)ã™ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ã€‚ XHRã‚„Jsonã§å—ã‘å–ã£ãŸæ–‡å—åˆ—ã®ã‚µãƒ‹ã‚¿ã‚¤ã‚ºã«ã‚‚ã‚·ãƒ¼ãƒ³ã‚’é¸ã¹ã°ä½¿ãˆã‚‹ã®ã ã‚ã†ã‹ã€‚ onclickç‰ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ç³»ã‚’æ½°ã™ã€‚ <div onclick="alert('hoge')">hoge</div> â†“ <div>hoge</div> scriptã‚¿ã‚°ã‚’æ½°ã™ã€‚ <script>alert("hoge")</script> â†“ ç„¡ã‹ã£ãŸã“ã¨ã«ãªã‚‹ CSS::expressionã‚’æ½°ã™ img { expression(uuClass
KANIBUCHI 2010/07/02
web

programming

tips

javascript

css
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
KANIBUCHI 2010/06/25
javascript

jquery
ãƒªãƒ³ã‚¯
ã‚¯ãƒªãƒƒã‚¯ã•ã›ãªã„ãƒªãƒ³ã‚¯ jdtRunAway.js
ã¤ã‹ã¾ãˆã¦ã”ã‚‰ãƒ¼ã‚“ ãƒœãƒ¼ãƒªãƒ³ã‚°ã‚°ãƒªãƒ¼ãƒ³ï¼ˆè‹±: Bowling Greenï¼‰ã¯ã€ã‚¢ãƒ¡ãƒªã‚«åˆè¡†å›½ã‚±ãƒ³ã‚¿ãƒƒã‚ãƒ¼å·žç¬¬4ã®éƒ½å¸‚ã§ã‚ã‚Š[1]ã€ã‚¦ã‚©ãƒ¼ãƒ¬ãƒ³éƒ¡ã®éƒ¡åºæ‰€åœ¨åœ°ã§ã‚ã‚‹ã€‚2008å¹´ã®äººå£ã¯55,097äººã¨æŽ¨è¨ˆã•ã‚Œã¦ã„ã‚‹ã€‚ãƒœãƒ¼ãƒªãƒ³ã‚°ã‚°ãƒªãƒ¼ãƒ³éƒ½å¸‚åœã®ä¸»è¦å¸‚ã§ã‚ã‚Šã€éƒ½å¸‚åœäººå£ã¯2009å¹´æ™‚ç‚¹ã§120,595äººã§ã‚ã‚‹[2]ã€‚ãƒœãƒ¼ãƒªãƒ³ã‚°ã‚°ãƒªãƒ¼ãƒ³ã®ç”ºã¯ãƒãƒãƒ¼ãƒˆãƒ»ãƒ ãƒ¼ã‚¢ã¨ã‚¸ãƒ§ãƒ¼ã‚¸ãƒ»ãƒ ãƒ¼ã‚¢ãŒã‚¦ã‚©ãƒ¼ãƒ¬ãƒ³éƒ¡ã«30ãªã„ã—40ã‚¨ãƒ¼ã‚«ãƒ¼ (0.12 - 0.16 km2) ã®åœŸåœ°ã‚’å¯„ä»˜ã—ãŸå¾Œã®1798å¹´ã«è¨ç«‹ã•ã‚ŒãŸã€‚ã“ã®åœŸåœ°ã¯å…¬å…±å»ºç¯‰ç‰©ã‚’å»ºã¦ã‚‹ãŸã‚ã«å¯„ä»˜ã•ã‚Œã¦ã„ãŸ2ã‚¨ãƒ¼ã‚«ãƒ¼ (8,000 m2) ã®åŒºç”»ã‚’å›²ã‚“ã§ã„ãŸã€‚ãƒœãƒ¼ãƒªãƒ³ã‚°ã‚°ãƒªãƒ¼ãƒ³ã¯å—åŒ—æˆ¦äº‰ã®é–“ã«ã‚¢ãƒ¡ãƒªã‚«é€£åˆå›½ã‚±ãƒ³ã‚¿ãƒƒã‚ãƒ¼å·žã®æš«å®šå·žéƒ½ã«ãªã£ãŸã€‚2003å¹´ã€ãƒœãƒ¼ãƒªãƒ³ã‚°ã‚°ãƒªãƒ¼ãƒ³ã¨å‘¨è¾ºã®åœ°åŸŸç¤¾ä¼šãŒéƒ½å¸‚åœã«æŒ‡å®šã•ã‚ŒãŸã€‚ ãƒœãƒ¼ãƒªãƒ³ã‚°ã‚°ãƒªãƒ¼ãƒ³ Wikipedia
KANIBUCHI 2010/06/18
javascript

ãƒã‚¿

ã»ã®ã¼ã®
ãƒªãƒ³ã‚¯
JavaScriptã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç‰ã‚’æ›¸ãä¸Šã§ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ç¢ºèªäº‹é …ï¼“ï¼:phpspoté–‹ç™ºæ—¥èªŒ
30 best practices to boost your web application performance - Web User Interface Architect JavaScriptã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç‰ã‚’æ›¸ãä¸Šã§ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ç¢ºèªäº‹é …ï¼“ï¼ã€‚ è‡ªåˆ†ã¸ã®ã‚¤ãƒ³ãƒ—ãƒƒãƒˆï¼†ãƒ¡ãƒ¢ãŒã¦ã‚‰ã«ã¡ã‚‡ã£ã¨ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ JavaScript DOMã®æ“ä½œã¯å¯èƒ½ãªé™ã‚Šã‚„ã‚ã‚‹ eval, new Function() ã¯é…ã„ã®ã§å¯èƒ½ãªé™ã‚Šä½¿ã‚ãªã„ withã‚¹ãƒ†ãƒ¼ãƒˆãƒ¡ãƒ³ãƒˆã‚’ä½¿ã‚ãªã„ï¼ˆä½¿ã£ãŸäº‹ãªã„ã§ã™ãŒï¼‰ for-in æ–‡ã§ã¯ãªã for æ–‡ã‚’ä½¿ã†ã€‚ ãƒ«ãƒ¼ãƒ—ã®ä¸ã§ try-catch ã§ã¯ãªãã€try-catchã®ä¸ã«ãƒ«ãƒ¼ãƒ—ã‚’ç½®ã ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°ã‚’ãªã‚‹ã¹ãä½¿ã‚ãªã„ aaa+='AAA';aaa+='BBB'; ã®æ–¹ãŒ aaa+='AAA'+'BBB';ã‚ˆã‚Šé€Ÿã„ è¤‡æ•°ã®æ–‡å—åˆ—é€£çµã«ã¯ã€Array ã§æ–‡å—åˆ—
KANIBUCHI 2010/06/18
javascript

jquery

technique

programming
ãƒªãƒ³ã‚¯
http://www.designwalker.com/2010/06/jquery-forms.html
KANIBUCHI 2010/06/04
design

css

javascript

jquery
ãƒªãƒ³ã‚¯
ï¼‘å€‹ç›®ã®selectã§ï¼’å€‹ç›®ã®selectã®å†…å®¹ã‚’ç°¡å˜ã«å¤‰ãˆã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒDoubleselectã€:phpspoté–‹ç™ºæ—¥èªŒ
ï¼‘å€‹ç›®ã®selectã§ï¼’å€‹ç›®ã®selectã®å†…å®¹ã‚’ç°¡å˜ã«å¤‰ãˆã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒDoubleselectã€ 2010å¹´05æœˆ26æ—¥- jQuery Doubleselect Plugin ï¼‘å€‹ç›®ã®selectã§ï¼’å€‹ç›®ã®selectã®å†…å®¹ã‚’ç°¡å˜ã«å¤‰ãˆã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒDoubleselectã€ã€‚ æ¬¡ã®ã‚ˆã†ã«ã€ï¼‘å€‹ç›®ã®Selectãƒœãƒƒã‚¯ã‚¹ã®å†…å®¹ã«ã‚ˆã£ã¦ï¼’å€‹ç›®ã®selectãƒœãƒƒã‚¯ã‚¹ã®å†…å®¹ãŒå®¹æ˜“ã«åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚ˆã†ãªUIãŒç°¡å˜ã«å®Ÿç¾ã§ãã¦ã—ã¾ã†ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ï¼‘å€‹ç›®ãŒé‡Žèœ(Vegetables)ã®å ´åˆã¯ã€tomato, potato, asparagus ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ï¼‘å€‹ç›®ã‚’ãƒ•ãƒ«ãƒ¼ãƒ„(Fruits)ã«ã™ã‚‹ã¨ã€apple, orange, kiwi, melon ã«ãªã‚Šã¾ã™ã€‚ ã„ã–å®Ÿè£…ã—ã‚ˆã†ã¨ã™ã‚‹ã¨é¢åº¦è‡ãã†ãªã®ã§ã™ãŒã€jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«ã‚ˆã£ã¦ã€æ¯”è¼ƒçš„ç°¡å˜ã«å®Ÿè£…ã§ãã¾
KANIBUCHI 2010/05/26
jquery

javascript

UI
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 æ¬¡ã®ãƒšãƒ¼ã‚¸