[B! ã‚¹ã‚¯ãƒªãƒ—ãƒˆ] chokuchokoã®ãƒ

chokuchoko id:chokuchoko

ã‚¹ã‚¯ãƒªãƒ—ãƒˆã«é–¢ã™ã‚‹chokuchokoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (24)

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

ã‚‚ã†æ‰‹æ”¾ã›ãªã„ï¼Illustratorã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ä½¿ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚¢ãƒƒãƒ—è¡“ï¼
ã¿ãªã•ã‚“ã€Illustratorã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã£ã¦ä½¿ã£ã¦ã„ã¾ã™ã‹ï¼Ÿ ç¤¾å†…ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«èžã„ãŸã¨ã“ã‚ã€æ—¥å¸¸çš„ã«ä½¿ã£ã¦ã„ã‚‹äººã¯9äººä¸1äººï¼ãã‚‚ãã‚‚å˜åœ¨ã•ãˆçŸ¥ã‚‰ãªã„ã‚ˆã€ãªã‚“ã¦äººã‚‚ã„ã¾ã™ã€‚ãŠã„ãŠã„(ï¼›ãƒ»âˆ€ãƒ») ä½¿ã‚ãªã„ã¨ã‚‚ã£ãŸã„ãªã„ãœï¼ï¼ãƒ»ãƒ»ãƒ»ã¨æ€ã„ã¤ã¤ã€ã¼ãã‚‚ä½¿ã£ã¦ã„ã¾ã›ã‚“ã§ã—ãŸï½— ã¨ã„ã†ã“ã¨ã§ä½¿ã£ã¦ã„ãªã„äººã‹ã‚‰ã™ã‚‹ã¨ã€ãªã‹ãªã‹æ•·å±…ãŒé«˜ã„Illustratorã‚¹ã‚¯ãƒªãƒ—ãƒˆã€‚å®Ÿéš›ã®ä½¿ã„æ–¹ãƒ»å°Žå…¥æ–¹æ³•ã€ã©ã‚“ãªå ´é¢ã§ä½¿ã†ã¨ã„ã„ã®ã‹ï¼Ÿãªã©ãªã©ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã“ã®æ©Ÿä¼šã«ã¼ãã¨ã„ã£ã—ã‚‡ã«å§‹ã‚ã¦ã¿ã¾ã›ã‚“ã‹ï¼Ÿ ãã‚‚ãã‚‚ã©ã‚“ãªæ™‚ã«Illustratorã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ä½¿ã†ã®ï¼Ÿ Illustratorã§ä½œæ¥ã™ã‚‹éš›ã€ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚„ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ã¦åŠ¹çŽ‡åŒ–ãƒ»ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚¢ãƒƒãƒ—ã‚’ã—ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯ãã®å»¶é•·ã¨è€ƒãˆã¦ã‚‚ã„ã„ã¨æ€ã„ã¾ã™ã€‚ å°‘ã—ã§ã‚‚æ—©ãä½œæ¥ã‚’ã™ã‚‹ãŸã‚ã€å˜ç´”ä½œæ¥ã‚’æ¸›ã‚‰ã™ãŸã‚ã€ã‚ˆãä½¿ã†ä½œæ¥ã‚’è‡ªå‹•åŒ–ã™ã‚‹
chokuchoko 2016/04/07
illustrator

illustrator

ã‚¹ã‚¯ãƒªãƒ—ãƒˆ

ãƒ‡ã‚¶ã‚¤ãƒ³

AppleScript

Webã¾ã¨ã‚ï¼ˆDesignï¼‰
ãƒªãƒ³ã‚¯
LINEã‚¹ã‚¿ãƒ³ãƒ—ç”¨ Illustrator ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã¨æ›¸ãå‡ºã—ã‚¹ã‚¯ãƒªãƒ—ãƒˆ - ã¯ã¦ã‚†ã
ã†ã£ã‹ã‚Š3é€±é–“ã¶ã‚Šã®ã‚ã‚ã‚†ãã§ã™ã€‚ LINE ã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºã‚¹ã‚¿ãƒ³ãƒ—ã‚’ä½œã‚‹ã¨ãã«ä½¿ã† Illustrator ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®ãŠè©±ã§ã™ã€‚ä»¥å‰ã‹ã‚‰ GitHub ã§å…¬é–‹ã—ã¦ã„ã‚‹ã‚‚ã®ã‚’ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã—ã¦ã€ã•ã‚‰ã«ç”»åƒæ›¸ãå‡ºã—ç”¨ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚‚è¿½åŠ ã—ã¾ã—ãŸã€‚ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã«ã¤ã„ã¦ ãã®åã®ã¨ãŠã‚Šã®ã‚‚ã®ã€‚1ãƒ•ã‚¡ã‚¤ãƒ«ã§ã‚¹ã‚¿ãƒ³ãƒ—ã‚»ãƒƒãƒˆã®å…¨ã‚¢ã‚¤ãƒ†ãƒ ã‚’ä½œã‚Œã‚‹ã‚ˆã†ã«ã€ã‚¢ãƒ¼ãƒˆãƒœãƒ¼ãƒ‰ã‚’é…ç½®ã—ãŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã§ã™ã€‚åˆ¶ä½œã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã§è¦å®šã•ã‚Œã¦ã„ã‚‹ä½™ç™½ãªã©ã‚‚ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãƒ¬ã‚¤ãƒ¤ãƒ¼ã¨ã—ã¦å…¥ã£ã¦ã„ã¾ã™ã€‚ ä»Šå›žã®æ›´æ–° ã€Ž4åˆ— Ã— 10è¡Œã€ã®ã‚¢ãƒ¼ãƒˆãƒœãƒ¼ãƒ‰é…ç½®ã«å¤‰æ›´ã—ã¾ã—ãŸï¼ˆä»¥å‰ã¯æãä¸Šã’ãŸã‚¢ã‚¤ãƒ†ãƒ æ•°ã‚’ã‚«ã‚¦ãƒ³ãƒˆã—ã‚„ã™ã„ã‚ˆã†ã«ã€Ž5åˆ— Ã— 8è¡Œã€ã®ã‚¢ãƒ¼ãƒˆãƒœãƒ¼ãƒ‰é…ç½®ã ã£ãŸï¼‰ã€‚ ãªã‚“ã§4åˆ—ãªã‚“ è²©å£²ãƒšãƒ¼ã‚¸ã‚„å®Ÿéš›ã®ã‚¹ã‚¿ãƒ³ãƒ—ä½¿ç”¨æ™‚ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒ4ã‚¢ã‚¤ãƒ†ãƒ æ¨ªä¸¦ã³ãªã®ã§ã€ãã‚Œã«åˆã‚ã›ãŸå½¢ã§ã™ã€‚ 40ã‚¢ã‚¤ãƒ†ãƒ å…¨ä½“ã‚’ä¿¯çž°ã—ãŸãƒãƒ©ãƒ³ã‚¹ã‚„ã€è²©å£²ãƒšãƒ¼
chokuchoko 2014/09/29
illustrator

LINEã‚¹ã‚¿ãƒ³ãƒ—

webåˆ¶ä½œ

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

ã‚¹ã‚¯ãƒªãƒ—ãƒˆ
ãƒªãƒ³ã‚¯
ã‚¹ã‚¯ãƒªãƒ—ãƒˆåˆå¿ƒè€…ã§ã‚‚ç°¡å˜ã«ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä½œæˆã§ãã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ -Parallax Background Builder
è¤‡æ•°ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’ç•°ãªã‚‹ã‚¹ãƒ”ãƒ¼ãƒ‰ã§å‹•ã‹ã™ã“ã¨ã§å¥¥è¡Œãã®éŒ¯è¦šã‚’ç”Ÿã¿å‡ºã™ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚’ç°¡å˜ã«ã€ãã—ã¦ç¢ºèªã—ãªãŒã‚‰ä½œæˆã§ãã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ JavaScriptã‚„CSSã®åˆå¿ƒè€…ã§ã‚‚ç°¡å˜ã«ã§ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ Parallax Background Builder Parallax Background Builderã®ä½¿ã„æ–¹ã‚’ã–ã£ãã‚Šã¨èª¬æ˜Žã—ã¾ã™ã€‚ Step 1: é©ç”¨ç¯„å›²ã®é¸æŠž ã¾ãšã¯ã€ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã®é©ç”¨ç¯„å›²ã‚’é¸æŠžã—ã¾ã™ã€‚ å·¦ãŒãƒšãƒ¼ã‚¸å…¨ä½“ã€å³ãŒdivè¦ç´ ã®ã¿ã€ã§ã™ã€‚ã‚«ãƒ¼ã‚½ãƒ«ã‚’å‹•ã‹ã™ã¨ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã®å‹•ä½œãŒåˆ†ã‹ã‚Šã¾ã™ã€‚
chokuchoko 2012/08/28
javascript

WebTool

webã‚µãƒ¼ãƒ“ã‚¹

jQuery

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹

ãƒ„ãƒ¼ãƒ«

ã‚¹ã‚¯ãƒªãƒ—ãƒˆ

parallax
ãƒªãƒ³ã‚¯
Nerdi : Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å¿…é ˆã®ãƒªã‚½ãƒ¼ã‚¹ã‚’ã²ã¨ã¤ã«ã¾ã¨ã‚ãŸã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹
Webãƒ‡ã‚¶ã‚¤ãƒ³ã«æºã‚ã‚‹äººã‚„èˆˆå‘³ã®ã‚ã‚‹äººã«ã¨ã£ã¦ã¯æ˜¯éžã¨ã‚‚æŠ¼ã•ãˆã¦ãŠããŸã„æ§˜ã€…ãªãƒªã‚½ãƒ¼ã‚¹ã®ã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹ã€‚ å„ç¨®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãƒ»CSSã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ãƒ»ã‚«ãƒ©ãƒ¼ãƒ„ãƒ¼ãƒ«ãƒ»ãƒ•ã‚©ãƒ³ãƒˆãƒ»ã‚¢ã‚¤ã‚³ãƒ³ãƒ»ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»ç‰ã€…ã€ãã‚Œãžã‚Œã®ã‚«ãƒ†ã‚´ãƒªã‹ã‚‰é¸ã‚Šã™ãã‚Šã®ãƒªã‚½ãƒ¼ã‚¹ã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã«å„ªã‚ŒãŸã‚µã‚¤ãƒˆã§ã€ãƒªãƒ³ã‚¯é›†ã‚„ã¾ã¨ã‚çš„ãªã‚µã‚¤ãƒˆã¨ã—ã¦ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ãŠã„ã¦æã¯ãªã„ã¨æ€ã„ã¾ã™ã€‚
chokuchoko 2012/03/25
webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼

ã‚¹ã‚¯ãƒªãƒ—ãƒˆ

webãƒ‡ã‚¶ã‚¤ãƒ³

css
ãƒªãƒ³ã‚¯
[JS]ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’æŒ‡å®šã—ãŸã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§èªã¿è¾¼ã¾ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Lazy Loading Script
å¤–éƒ¨ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’æŒ‡å®šã—ãŸã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§èªã¿è¾¼ã¾ã›ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã¡ã‚‡ã£ã¨å‰ã«æµè¡Œã£ãŸç”»åƒã‚’é…ã‚Œã¦èªã¿è¾¼ã¾ã›ã‚‹ã€ŒLazy Loadã€ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆç‰ˆã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚ jQuery Lazy Loading Script â€“ On Demand Javascript plugin Webrevised [ad#ad-2] Lazy Loading Scriptã®ç‰¹å¾´ Lazy Loading Scriptã®å®Ÿè£… Lazy Loading Scriptã®ç‰¹å¾´ å¤–éƒ¨ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’æŒ‡å®šã—ãŸã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§å³æ™‚ã«ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ ãƒ•ã‚¡ã‚¤ãƒ«ãŒæ—¢ã«ãƒãƒ¼ãƒ‰æ¸ˆã¿ã§ã‚ã‚Œã°ã€å†ã³ãƒãƒ¼ãƒ‰ã¯ã—ã¾ã›ã‚“ã€‚ å¿…è¦ã®ãªã„æ™‚ã«ã¯ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’èªã¿è¾¼ã¾ãªã„ãŸã‚ã€ãƒãƒ¼ãƒ‰æ™‚é–“ã‚’æ¸›ã‚‰ã—ã¾ã™ã€‚ AJAXãƒ™ãƒ¼ã‚¹ã®ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‚ˆã‚Šã‚·ãƒ³ãƒ—ãƒ«ã«ã§ãã¾ã™ã€‚ Lazy Loading Scriptã®å®Ÿè£… å¤–éƒ¨
chokuchoko 2011/11/12
jQuery

ã‚¹ã‚¯ãƒªãƒ—ãƒˆ
ãƒªãƒ³ã‚¯
[JS]é¢å€’ãªCSS3ã®ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’è‡ªå‹•ã§ä»˜ä¸Žã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Prefix free
ãƒšãƒ¼ã‚¸ã«ãŸã£ãŸä¸€è¡Œè¨˜è¿°ã™ã‚‹ã ã‘ã§ã€CSS3ã®ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’è‡ªå‹•ã§ä»˜ä¸Žã—ã¦ãã‚Œã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Prefix free via: PrefixFree: Break Free From CSS Prefix Hell [ad#ad-2] Prefix freeã®æ©Ÿèƒ½ ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã¨ã¯ã€CSS3ã§æŽ¡ç”¨äºˆå®šã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒãƒ–ãƒ©ã‚¦ã‚¶ã«å…ˆè¡Œå®Ÿè£…ã•ã‚Œã¦ãŠã‚Šã€ãã‚Œã‚‰ã‚’å„ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã«æ©Ÿèƒ½ã•ã›ã‚‹ãŸã‚ãƒ—ãƒãƒ‘ãƒ†ã‚£ã«åŠ ãˆã‚‹æŽ¥é è¾žã®ã“ã¨ã§ã™ã€‚ ã€Œ-moz-ã€ã€Œ-webkit-ã€ã€Œ-o-ã€ã€Œ-ms-ã€ãªã©ãŒã‚ã‚Šã¾ã™ã€‚ ä¾‹ãˆã°ã€CSS3ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é€šå¸¸ã®ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’ä½¿ç”¨ã™ã‚‹ã¨ã€ä¸‹è¨˜ã®ã‚ˆã†ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã«ãªã‚Šã¾ã™ã€‚ .download { background-image: -webkit-linear-gradient(transparent, rgba(0,0,0,.3
chokuchoko 2011/10/14
ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ

Download

WebKit

webåˆ¶ä½œ

javascript

ã‚¹ã‚¯ãƒªãƒ—ãƒˆ

CSS3
ãƒªãƒ³ã‚¯
ulog.ccÂ -Â ulog ãƒªã‚½ãƒ¼ã‚¹ãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
chokuchoko 2011/09/25
ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

ã‚¹ã‚¯ãƒªãƒ—ãƒˆ

mac

programming

ä¾¿åˆ©

Unity

å¦ç¿’
ãƒªãƒ³ã‚¯
http://www2.nxtbk.com/nextscript_support/index.html
chokuchoko 2011/09/03
Objective-C

ã‚¹ã‚¯ãƒªãƒ—ãƒˆ

HTML

json

ipad

Webã‚µã‚¤ãƒˆ

ãƒ—ãƒã‚°ãƒ©ãƒž

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
HTMLé¢¨ã®ç°¡å˜è¨€èªžã§iOSã‚¢ãƒ—ãƒªãŒä½œã‚Œã‚‹ã€ŒNextScriptã€ãŒç„¡å„Ÿå…¬é–‹
é›»åæ›¸ç±å‡ºç‰ˆç¤¾ã®NEXTBOOKã¯9æœˆ1æ—¥ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžã‚’åˆ©ç”¨ã—ãŸiOSã‚¢ãƒ—ãƒªé–‹ç™ºãƒ„ãƒ¼ãƒ«ã€ŒNextScript1.0ã€ã‚’ç„¡å„Ÿå…¬é–‹ã—ãŸã€‚æ³•äººã€å€‹äººã‚’å•ã‚ãšã‚ã‚‰ã‚†ã‚‹åˆ©ç”¨ãŒç„¡å„Ÿã§ã€é–‹ç™ºã—ãŸã‚¢ãƒ—ãƒªã‚„ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®è²©å£²ã‚‚è‡ªç”±ã€‚ NextScriptã¯ã€HTMLãƒ©ã‚¤ã‚¯ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ã§ã€Objective-Cè¨€èªžã‚’ä½¿ã‚ãšã«iOSã‚¢ãƒ—ãƒªã‚’åˆ¶ä½œã§ãã‚‹ã€‚åŒç¤¾ã®é›»åçµµæœ¬ã‚¢ãƒ—ãƒªã®åˆ¶ä½œã‚’åŠ¹çŽ‡åŒ–ã™ã‚‹ãªã‹ã§ä½œã‚‰ã‚Œã€ã€Œã‚¯ãƒªã‚¨ãƒ¼ã‚¿ãƒ¼è‡ªèº«ãŒã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’æ›¸ã‘ã‚‹ã“ã¨ã‚’ç‹™ã£ã¦é–‹ç™ºã•ã‚ŒãŸã€ã¨ã„ã†ã€‚ å¾¹åº•çš„ã«ç°¡ç´ åŒ–ã—ãŸã‚¹ã‚¯ãƒªãƒ—ãƒˆãŒç‰¹å¾´ã§ã€ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®ã‚¯ãƒ©ã‚¹ã¯17ç¨®é¡žã€ãƒã‚¸ãƒƒã‚¯ã‚’è¨˜è¿°ã™ã‚‹æ§‹æ–‡ã¯5ç¨®é¡žã®ã¿ã€‚HTMLã‚„ActionScriptãªã©ã®çµŒé¨“ãŒå¤šå°‘ã§ã‚‚ã‚ã‚Œã°ã€1æ—¥ã§ç¿’å¾—ãŒå¯èƒ½ã¨ã„ã†ã€‚ãƒ¡ãƒ¢ãƒªç®¡ç†ã‚’ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ãŒè¡Œã†ãŸã‚ã€ãƒ¡ãƒ¢ãƒªç®¡ç†ã®çŸ¥è˜ãŒä¸è¦ãªã®ã‚‚ç‰¹å¾´ã ã€‚ãƒ“ãƒ«ãƒ‰ã®éš›ã«ã¯XcodeãŒå¿…è¦ã¨ãªã‚‹ã€‚ ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆ
chokuchoko 2011/09/02
HTML

iOS

ã‚¢ãƒ—ãƒª

ã‚¹ã‚¯ãƒªãƒ—ãƒˆ

iphone

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

Objective-C
ãƒªãƒ³ã‚¯
[JS]ã‹ãªã‚Šã‹ã£ã“ã„ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç”Ÿæˆã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Sonic
HTML5 Canvasã‚’ä½¿ã£ã¦ã€ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”¨ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã™ã‚‹è¶…è»½é‡ï¼ˆç´„3Kï¼‰ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ Sonicã®å®Ÿè£… Squareï¼ˆçŸ©å½¢ï¼‰ã¨Circleï¼ˆå††å½¢ï¼‰ã‚’ä¾‹ã«å®Ÿè£…æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <script src="sonic.js"></script> JavaScript: Squareï¼ˆçŸ©å½¢ï¼‰ ã‚ã¨ã¯ã€JavaScriptã§è¨˜è¿°ã™ã‚‹ã ã‘ã§ã™ã€‚ var square = new Sonic({ width: 100, height: 100, fillColor: '#000', path: [ ['line', 10, 10, 90, 10], ['line', 90, 10, 90, 90], ['line', 90, 90, 10, 90], ['line', 10, 90, 10, 10]
chokuchoko 2011/08/29
ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

javascript

canvas

ã‚¹ã‚¯ãƒªãƒ—ãƒˆ

html5
ãƒªãƒ³ã‚¯
[JS]å¹…æŒ‡å®šã®å˜ä½ã«ãƒ‘ãƒ¼ã‚»ãƒ³ãƒˆ(%)ãŒä½¿ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Dynamic Carousel
ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å¹…æŒ‡å®šã®å˜ä½ã«ãƒ‘ãƒ¼ã‚»ãƒ³ãƒˆ(width:100%;)ãŒä½¿ãˆã‚‹ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ– ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆå¯¾å¿œã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Dynamic Carousel ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] Dynamic Carouselã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã§ã¯ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ãŒ3ã‚¿ã‚¤ãƒ—ç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€ãã‚Œãžã‚Œã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®widthãŒ%ã§å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ â€»ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã¯HTML+CSSã§è‡ªç”±ã«é…ç½®ã§ãã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³å·¦ä¸Š Dynamic Carouselã®å®Ÿè£… å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <script src="https://ajax.google apis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript"><
chokuchoko 2011/08/19
jQuery

JS

ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼

Ajax

ã‚¹ã‚¯ãƒªãƒ—ãƒˆ

javascript

jQuery
ãƒªãƒ³ã‚¯
Facebookãƒšãƒ¼ã‚¸ã‚’ãƒ–ãƒã‚°ã®ã‚ˆã†ã«ãƒœãƒªãƒœãƒªä½œã‚Œã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã£ã¦ã¿ãŸ [ãƒ•ã‚¡ãƒ³ã‚²ãƒ¼ã‚¿ãƒ¼]ï¼šæ‘ä¸Šç¦ä¹‹ã®ã€Œãƒãƒƒãƒˆã¨ã‚±ãƒ¼ã‚¿ã‚¤ã¨ä¿ºæ§˜ã€ï¼šã‚ªãƒ«ã‚¿ãƒŠãƒ†ã‚£ãƒ–ãƒ»ãƒ–ãƒã‚°
è¦ã™ã‚‹ã«Facebookãƒšãƒ¼ã‚¸ã®è¿½åŠ ãƒšãƒ¼ã‚¸ã‚’ãƒ–ãƒã‚°ã®ã‚ˆã†ã«ãƒœãƒªãƒœãƒªä½œã‚Œã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ ã€Žã€Œã„ã„ã!ã€ã‚’æŠ¼ã•ãªã„ã¨è¦‹ãˆâ€‹ãªã„ãƒšãƒ¼ã‚¸ãŒã‚ã‚‹facebookãƒšãƒ¼ã‚¸=ãƒ•ã‚¡ãƒ³ã‚²ãƒ¼ãƒˆã€ã‚’ç°¡å˜ã«ä½œã‚Œã¾ã™ã€‚ é€šå¸¸å¿…è¦ãªãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒãƒ¼ã‚’å€Ÿã‚Šã‚‹å¿…è¦ã‚„ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®è¨ç½®ãŒã„â€‹ã‚Šã¾ã›ã‚“ã€‚ ãƒ—ãƒã‚°ãƒ©ãƒ ã‚„ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ä½œã‚‹å¿…è¦ã‚‚ã‚ã‚Šã¾ã›ã‚“ã€‚ Googleæ§˜ã®ã‚¯ãƒ©ã‚¦ãƒ‰ã‚µãƒ¼ãƒãƒ¼(GAE)ã«è¨ç½®ã—ã¾ã™ã€‚ Googleæ§˜ã®ã‚¯ãƒ©ã‚¦ãƒ‰ãªã®ã§â€‹ä½•ç™¾ä¸‡ã‚¢ã‚¯ã‚»ã‚¹ãŒæ¥ã¦ã‚‚è‡ªå‹•çš„ã«è² è·åˆ†æ•£ã‚’ã—ã¾ã™ã€‚ æ³•äººæ§˜ã®ãƒšãƒ¼ã‚¸ã§ã‚‚ä½¿ç”¨ã§ãã¾ã™ã€‚ ç„¡æ–™ã§ã™ã€‚ å°Žå…¥ã™ã‚‹ã¨ãƒ•ã‚¡ãƒ³ãƒšãƒ¼ã‚¸ã«HTMLç·¨é›†ç”»é¢ãŒå‡ºã¦ãã¾ã™ã®ã§ã€HTMLã‚’ç·¨é›†ã—ãŸã‚Šã€ç”»åƒã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ãŸã‚Šã™ã‚‹ã ã‘ã§ã™ã€‚ å˜ç´”ã«Facebookãƒšãƒ¼ã‚¸ã®é…ä¿¡ã‚µãƒ¼ãƒãƒ¼ã«ã‚‚ä½¿ãˆã¾ã™ã€‚ é€šå¸¸å¿…è¦ãªIFRAMEã®Appã‚’ãƒ•ã‚¡ãƒ³ãƒšãƒ¼ã‚¸ã«ä¹—ã›ã‚‹ãŸã‚ã«å¿…è¦ãªã‚¯ãƒ¬ã‚¸ãƒƒãƒˆã‚«ãƒ¼ãƒ‰ã«ã‚ˆã‚‹æœ¬äººèªè¨¼ã‚‚ã—ãªã„ã§ä½œã‚Œã¾ã™ã€‚ã“ã£ã¡
chokuchoko 2011/08/19
facebook

ãƒ•ã‚¡ãƒ³ãƒšãƒ¼ã‚¸

ã‚¹ã‚¯ãƒªãƒ—ãƒˆ

ã‚¯ãƒ©ã‚¦ãƒ‰

webã‚µãƒ¼ãƒ“ã‚¹

web
ãƒªãƒ³ã‚¯
[JS]é›‘èªŒã‚’ã‚ãã‚‹ã‚ˆã†ã«ãºã‚‰ã£ã¨ç”»åƒã‚’è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -mLivre
é›‘èªŒã‚’ã‚ãã‚‹ã€ŒPege Flipã€ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã§ç”»åƒã‚’æ¬¡ã€…ã«è¡¨ç¤ºã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ mLivre ãƒ‡ãƒ¢ [ad#ad-2] mLivreã®å®Ÿè£… å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript" src="jquery.mLivre.min.js"></script> HTML imgè¦ç´ ã‚’divè¦ç´ ã§å†…åŒ…ã—ã¾ã™ã€‚ <div id="demo1"> <img src="celestin/couverture.jpg" width="650" height="325" /> <img src="celestin/illustration2.jp
chokuchoko 2011/08/05
ã‚¹ã‚¯ãƒªãƒ—ãƒˆ

JS

illustration

jQuery

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

jQuery

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

javascript
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ ã®selectè¦ç´ å†…ã‚’ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹æ¤œç´¢å‡ºæ¥ã‚‹ã‚ˆã†ã«ã—ã€ç¾Žã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚å¤‰æ›´ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ»Chosen - ã‹ã¡ã³ã¨.net
çµæ§‹ä¾¿åˆ©ãã†ã ã£ãŸã®ã§ã”ç´¹ä»‹ã€‚ãƒ•ã‚©ãƒ¼ãƒ ã® selectè¦ç´ å†…ã«ç¾…åˆ—ã•ã‚ŒãŸoptionã‹ã‚‰ã€å…¥åŠ› ã™ã‚‹ã ã‘ã§çµæžœã‚’è¡¨ç¤ºã™ã‚‹ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹æ¤œç´¢ ã‚’å¯èƒ½ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»Chosenã§ã™ã€‚è¡¨é¡Œ ã«ã¯jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨æ›¸ãã¾ã—ãŸãŒã€ã“ã® ã‚¹ã‚¯ãƒªãƒ—ãƒˆã«ã¯jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨prototype ã®2ã¤ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ optionã®é‡ãŒå¤šããªã£ã¦ã—ã¾ã†ã“ã¨ã¯ã‚ˆãã‚ã‚‹ã®ã§ã€ã“ã®æ‰‹ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£å‘ä¸Šç³»ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯å¤šãå˜åœ¨ã—ã¾ã™ãŒã€ã“ã‚Œã¯ã‹ãªã‚Šä¾¿åˆ©ã§ã¯ãªã„ã‹ãªã¨æ€ã„ã¾ã—ãŸã€‚ä¼¼ãŸã‚ˆã†ãªã®ã‚‚ã†ã‚ã‚‹ã‚“ã§ã™ã‹ãã€‚ é€šå¸¸ã®selectãƒœãƒƒã‚¯ã‚¹ã§ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ã•ã›ã‚‹ã¨æ¤œç´¢çª“ã‚‚è¡¨ç¤ºã€ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã‚’å…¥ã‚Œã‚‹ã ã‘ã§ã‚½ãƒ¼ãƒˆã—ã¦ãã‚Œã¾ã™ã€‚ã„ã‚ã‚†ã‚‹ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹æ¤œç´¢ãŒå¯èƒ½ã«ãªã‚‹ã®ã§å¤§é‡ã®optionãŒå˜åœ¨ã—ã¦ã‚‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®åˆ©ä¾¿æ€§ã‚’å…¨ãæãªã„ã¾ã›ã‚“ã€‚ ãƒ‡ãƒ¢è¦‹ãŸã»ã†ãŒæ—©ã„ã§ã™ãã€‚â€»è¿½è¨˜ï¼šæ—¥æœ¬èªžã ã¨Firefoxã®ã¿å‹•ã‹ãªã„ã¿ãŸã„ã€‚è‹±
chokuchoko 2011/07/19
ã‚¹ã‚¯ãƒªãƒ—ãƒˆ

webåˆ¶ä½œ

javascript

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

jQuery
ãƒªãƒ³ã‚¯
[JS]Flashã§ã‚‚ãªã„ã€HTML5ã§ã‚‚ãªã„ã€ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ãƒ™ãƒ¼ã‚¹ã®è¤‡é›‘ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Mashi | ã‚³ãƒªã‚¹
ã±ã£ã¨è¦‹ãŸçž¬é–“ã€ŒFlashã ãªã€ã¨æ€ã£ã¦ã—ã¾ã£ãŸãã‚‰ã„ã®ã€Flashã§å®Ÿè£…ã—ãŸã‚ˆã†ãªè¤‡é›‘ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ãƒ ãƒ¼ãƒ“ãƒ¼ã‚’ä½œæˆã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ä½¿ç”¨ã™ã‚‹ã®ã¯HTML, CSS, JavaScriptã§ã€ã“ã†ã„ã£ãŸã‚‚ã®ã«ã‚ã‚ŠãŒã¡ãªHTML5, Canvas, CSS3ã«ã¯é ¼ã£ã¦ã„ã¾ã›ã‚“ã€‚jQueryãªã©ä»–ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã«ã‚‚ä¾å˜ã—ã¦ã„ã¾ã›ã‚“ã€‚ â€»CSS3ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãªã©ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã¨ã—ã¦åˆ©ç”¨ãŒå¯èƒ½ã§ã™ã€‚ Mashiã®ä¸»ãªç‰¹å¾´ ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ãªHTML, CSS, JavaScriptã§Flashã®ã‚ˆã†ãªãƒ ãƒ¼ãƒ“ãƒ¼ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã§ãã¾ã™ã€‚(X)HTMLã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«è¨ç½®ãŒç°¡å˜ã«ã§ãã¾ã™ã€‚ 41KB/13KB(CDN+GZip)ã¨éžå¸¸ã«è»½é‡ã§ã€ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«å¼ã§ã™ã€‚ åŸºæœ¬çš„ãªåˆ©ç”¨ã§ã¯ã€è¿½åŠ ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚ IE6ã‚’ã¯ã˜ã‚ã€ã™ã¹ã¦ã®ä¸»è¦ãªãƒ–ãƒ©ã‚¦ã‚¶ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã¾ã™
chokuchoko 2011/06/13
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

HTML

webåˆ¶ä½œ

JavaScript

ã‚¹ã‚¯ãƒªãƒ—ãƒˆ

flash

css

JS
ãƒªãƒ³ã‚¯
[JS]ãƒªã‚¹ãƒˆè¦ç´ ã®ä¸€éƒ¨ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºãƒ»éžè¡¨ç¤ºã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -aPartHide | ã‚³ãƒªã‚¹
é•·ã„ãƒªã‚¹ãƒˆã‚’çœã‚¹ãƒšãƒ¼ã‚¹ã«è¨ç½®ã™ã‚‹ã®ã«ä¾¿åˆ©ãªãƒªã‚¹ãƒˆã®ä¸€éƒ¨ã‚’éžè¡¨ç¤ºã«ã—ã€éš ã—ãŸã‚¢ã‚¤ãƒ†ãƒ ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ãƒ©ã‚¤ãƒ‰è¡¨ç¤ºã•ã›ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ aPartHide ãƒ‡ãƒ¢ [ad#ad-2] éžè¡¨ç¤ºã«ã™ã‚‹ã‚¢ã‚¤ãƒ†ãƒ ã®æ•°ã¯è¨å®šãŒå¯èƒ½ã§ã€ãƒ‡ãƒ¢ã§ã¯ä¸ƒã¤ã®ã‚¢ã‚¤ãƒ†ãƒ ã‚’é…ç½®ã—ãŸãƒªã‚¹ãƒˆè¦ç´ ã®åˆæœŸçŠ¶æ…‹ã§ã¯3ã‚¢ã‚¤ãƒ†ãƒ ã ã‘è¡¨ç¤ºã—ã€ã€Œmoreã€ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã™ã¹ã¦ã®ã‚¢ã‚¤ãƒ†ãƒ ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã¾ãŸã€å…¨ã‚¢ã‚¤ãƒ†ãƒ ã‚’è¡¨ç¤ºã—ãŸçŠ¶æ…‹ã§ã€ã€Œlessã€ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨3ã‚¢ã‚¤ãƒ†ãƒ ã®ã¿è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ aPartHideã®å®Ÿè£… HTML ãƒªã‚¹ãƒˆè¦ç´ ã‚’divè¦ç´ ã§å†…åŒ…ã—ã€è¡¨ç¤ºãƒ»éžè¡¨ç¤ºç”¨ã®divè¦ç´ ã‚’é…ç½®ã—ã¾ã™ã€‚ <div id="box1" class="demo"> <h3>Demo</h3> <ul> <li>Demo list it em 1</li> <li>Another list it em</li> <li>Th
chokuchoko 2011/06/09
*javascript

function

ã‚¹ã‚¯ãƒªãƒ—ãƒˆ

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

jQuery

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
[CSS]ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚„ç”»åƒã‚’ä½¿ç”¨ã—ãªã„ã§ã€ã•ãã•ãå‹•ä½œã™ã‚‹ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒœãƒƒã‚¯ã‚¹ã‚’å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
çœã‚¹ãƒšãƒ¼ã‚¹ã«ã´ã£ãŸã‚Šï¼ã€€è¤‡æ•°ã®ãƒ‘ãƒãƒ«ã‚’ãƒžã‚¦ã‚¹ãƒ›ãƒãƒ¼ã§è¡¨ç¤ºã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒœãƒƒã‚¯ã‚¹ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CSS3 Easy Newsbox [ad#ad-2] å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯IE6/7/8/9, Firefox, Chrome, Safari, Operaã¨ã®ã“ã¨ã§ã€CSS3å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ã£ã¨ã‚‚æœŸå¾…é€šã‚Šã«è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ â€»å½“æ–¹ã®IE6ã§ã¯æœŸå¾…é€šã‚Šå‹•ä½œã—ã¾ã›ã‚“ã§ã—ãŸã€‚ ä¸‹è¨˜ã¯CSS3å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ï¼šFirefox4ã§ã®ã‚ãƒ£ãƒ—ãƒãƒ£ã§ã™ã€‚ è§’ä¸¸ã€ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãŒé©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šIE7ã§è¡¨ç¤º IE7ã§ã¯ã€è§’ä¸¸ã‚„ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã‚„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¯é©ç”¨ã•ã‚Œã¾ã›ã‚“ãŒã€å„ãƒ‘ãƒãƒ«ã®åˆ‡ã‚Šæ›¿ãˆè¡¨ç¤ºã«ã¯å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ [ad#ad-2] ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒœãƒƒã‚¯ã‚¹ã®å®Ÿè£… HTML å„ãƒ‘ãƒãƒ«ã¯aè¦ç´ ã§å®Ÿè£…ã•ã‚Œã¦ãŠã‚Šã€divè¦ç´ ã§å†…åŒ…ã—ã¾ã™ã€‚ <div id="newsb
chokuchoko 2011/06/01
ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ

ãƒ–ãƒ©ã‚¦ã‚¶

CSS3

ã‚¹ã‚¯ãƒªãƒ—ãƒˆ

tips

FireFox
ãƒªãƒ³ã‚¯
ã•ã¾ã–ã¾ãªã‚¿ã‚¤ãƒ—ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãŒç°¡å˜ã«è¨ç½®ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Agile Carousel | ã‚³ãƒªã‚¹
ä¸€ã¤ä¸€ã¤ã®å®Œæˆåº¦ãŒé«˜ã„ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¼´ã£ãŸã•ã¾ã–ã¾ãªã‚¿ã‚¤ãƒ—ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãŒç°¡å˜ã«è¨ç½®ã§ãã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Agile Carousel - Javascript Slideshow - Image Carousel [ad#ad-2] Agileã¯ä»¥å‰ã¡ã‚‰ã£ã¨ç´¹ä»‹ã—ã¾ã—ãŸãŒã€ã¤ã„æœ€è¿‘ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã—ãŸã®ã§æ”¹ã‚ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ä»¥å‰ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã¯jQuery UIã‚‚ä½µç”¨ã™ã‚‹ã‚¿ã‚¤ãƒ—ã§ã—ãŸã€‚ Agile Carouselã«ã¯ã€ä¸‹è¨˜ã®ã•ã¾ã–ã¾ãªã‚¿ã‚¤ãƒ—ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚
chokuchoko 2011/05/13
ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

JS

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼

ã‚¹ã‚¯ãƒªãƒ—ãƒˆ

javascript

jQuery
ãƒªãƒ³ã‚¯
[JS]ãƒšãƒ¼ã‚¸å†…ã®ãƒªãƒ³ã‚¯ã‚’å°åˆ·æ™‚ã«QRã‚³ãƒ¼ãƒ‰ã«ã—ã¦é…ç½®ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -printQr
ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’å°åˆ·ã™ã‚‹éš›ã€ãƒšãƒ¼ã‚¸å†…ã«é…ç½®ã•ã‚ŒãŸãƒªãƒ³ã‚¯ã‚’ãƒšãƒ¼ã‚¸ä¸‹éƒ¨ã«QRã‚³ãƒ¼ãƒ‰ã¨ã—ã¦é…ç½®ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒšãƒ¼ã‚¸ã‚’PDFã§å°åˆ·ã—ãŸã‚ãƒ£ãƒ—ãƒãƒ£ â€»åˆ†å‰²å°åˆ·ã«ã¯ã€ŒiPrintã€ã‚’ä½¿ç”¨ã—ã¦ã¾ã™ã€‚è©³ã—ã„èª¬æ˜Žã¯ã€Œä¸å¿…è¦ãªç®‡æ‰€ã¯å°åˆ·ã—ãªã„ï¼å¿…è¦ãªãƒšãƒ¼ã‚¸ã ã‘å°åˆ·ï¼ˆå‰²ä»˜å°åˆ·ã‚‚ï¼‰ãŒã§ãã‚‹ãƒ•ãƒªãƒ¼ã‚½ãƒ•ãƒˆ -iPrintã€ã‚’ã©ã†ãžã€‚ printQrã®å®Ÿè£… printQrã®å®Ÿè£…ã¯ç°¡å˜ã§ã€æ—¢å˜ã®ãƒšãƒ¼ã‚¸ã«ã‚‚ç°¡å˜ã«å®Ÿè£…ã§ãã¾ã™ã€‚ å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦ã€æŒ‡å®šã—ã¾ã™ã€‚ <script src="//ajax.google apis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script src="jquery.printqr.min.js"></script> JavaScript ã™ã¹ã¦ã®aè¦ç´ ã‚’æŠ½å‡ºã™
chokuchoko 2011/05/09
jQuery

JS

ã‚¹ã‚¯ãƒªãƒ—ãƒˆ

Ajax

webåˆ¶ä½œ

ã‚ã¨ã§èªã‚€

javascript
ãƒªãƒ³ã‚¯
jQueryã¨CSSã§å®Ÿç¾ã™ã‚‹æŠ¼ã—ã‚„ã™ãã‚ªã‚·ãƒ£ãƒ¬ãªãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹å®Ÿè£…ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
Better Check Boxes with jQuery and CSS | Tutorialzine jQueryã¨CSSã§å®Ÿç¾ã™ã‚‹æŠ¼ã—ã‚„ã™ãã‚ªã‚·ãƒ£ãƒ¬ãªãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹å®Ÿè£…ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€‚ ç‹¬è‡ªã®ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¨ã‚µãƒ³ãƒ—ãƒ«ãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å‡ºæ¥ã¾ã™ã€‚ æ™®é€šã®ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã¯å°ã•ãã¦é€£ç¶šã—ã¦æŠ¼ã—ãŸã‚Šã™ã‚‹å ´åˆã¯çµæ§‹ã‚¹ãƒˆãƒ¬ã‚¹ãŒãŸã¾ã£ãŸã‚Šã—ã¾ã™ãã€‚ ã¨ã„ã†ã‚ã‘ã§æ¬¡ã®ã‚ˆã†ãªãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’ä½œã‚‹ä¾‹ã§ã™ã€‚ å¤§ããã¦æŠ¼ã—ã‚„ã™ãã€ç”»åƒãƒ™ãƒ¼ã‚¹ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã¦ãŠã‚Šã€ãªã‹ãªã‹ã‚«ãƒƒã‚³ã„ã„ã¨ã„ã†ã®ã‚‚ç‰¹å¾´ã€‚ ã‚¹ã‚¯ãƒªãƒ—ãƒˆéƒ¨åˆ†ã«ã¯jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒä½¿ã‚ã‚Œã¦ã„ã¾ã™ãŒã€ï¼•ï¼è¡Œç¨‹ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆãªã®ã§æ”¹é€ ã‚‚å®¹æ˜“ã§ã™ã€‚ æ¨™æº–ã®ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã®ã‚¹ãƒˆãƒ¬ã‚¹ã‚’å–ã‚Šæ‰•ã„ã€ãƒ‡ã‚¶ã‚¤ãƒ³æ€§ã‚‚æŒã¡åˆã‚ã›ãŸãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹å°Žå…¥ã®éš›ã«å‚è€ƒã«ã§ãã¾ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ‡ã‚¶ã‚¤ãƒ³æ€§ã«å„ªã‚ŒãŸã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µãƒ³
chokuchoko 2011/04/25
ãƒ‡ã‚¶ã‚¤ãƒ³

jQuery

css

ã‚¹ã‚¯ãƒªãƒ—ãƒˆ

jQuery

webdesign
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸