[B! JavaScript] gonaiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

gonai id:gonai

JavaScriptã«é–¢ã™ã‚‹gonaiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (29)

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

HTMXå…¥é–€ã€ã¯ã˜ã‚ã‹ã‚‰ãã†ã‚„ã£ã¦æ•™ãˆã¦ãã‚Œã‚Œã°ã„ã„ã®ã«ï¼ã€‘
ã¯ã˜ã‚ã« ã“ã®è¨˜äº‹ã®å†…å®¹ã¯ã€ä»¥ä¸‹ã®å‹•ç”»ã§ã‚‚è§£èª¬ã—ã¦ã„ã¾ã™ã€‚ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚ã‹ã‚Šã‚„ã™ããªã£ã¦ã„ã‚‹ã®ã§ã€ãœã²è¦‹ã¦ã¿ã¦ãã ã•ã„ã€‚ä»–ã«ã‚‚Webã«é–¢ã™ã‚‹è§£èª¬å‹•ç”»ã‚’æŠ•ç¨¿ã—ã¦ã„ã‚‹ã®ã§ã€æ°—ã«ãªã‚‹äººã¯ãƒãƒ£ãƒ³ãƒãƒ«ç™»éŒ²ã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™ï¼ HTMXã¨ã¯ï¼Ÿ HTMX ã¨ã¯ã€ä¸€è¨€ã§è¨€ã†ã¨ã€JavaScriptã‚’æ›¸ã‹ãšã«å‹•çš„ãªãƒšãƒ¼ã‚¸ã‚’ç°¡å˜ã«ä½œæˆã§ãã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ã“ã¨ã§ã™ã€‚ htmx is a library that allows you to access modern browser features directly from HTML, rather than using javascript. ï¼ˆè¨³ï¼‰htmx ã¯ã€JavaScript ã‚’ä½¿ç”¨ã™ã‚‹ã®ã§ã¯ãªãã€HTML ã‹ã‚‰æœ€æ–°ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼æ©Ÿèƒ½ã«ç›´æŽ¥ã‚¢ã‚¯ã‚»ã‚¹ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ </> htmx ~ Documentation ...ã¨è¨€ã£ã¦ã‚‚
gonai 2024/06/25
ä½•åº¦è¦‹ã¦ã‚‚ãƒ¡ãƒ³ãƒ†ã§æ»ã¬çµµã—ã‹è¦‹ãˆãªã„è¨€èªž

javascript
ãƒªãƒ³ã‚¯
ä»¤å’Œã®HTML / CSS / JavaScriptã®æ›¸ãæ–¹50é¸
Webåˆ¶ä½œã®æŠ€è¡“ã¯æ—¥ã€…é€²åŒ–ã—ã¦ãŠã‚Šã€ä¼šç¤¾ã‚„ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ã‚ˆã£ã¦ã¯æ˜¨ä»Šã®ç’°å¢ƒã«é©ã•ãªã„æ›¸ãæ–¹ã‚’ã—ã¦ã„ã‚‹ã‚±ãƒ¼ã‚¹ã‚‚æ™‚æŠ˜è¦‹å—ã‘ã‚‰ã‚Œã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€Œ2024å¹´ã®Webåˆ¶ä½œã§ã¯ã“ã®ã‚ˆã†ã«ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦ã»ã—ã„ï¼ã€ã¨ã„ã†å†…å®¹ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ è³ªã‚ˆã‚Šé‡ã§ã€ã¾ãšã¯ã€Œã“ã‚“ãªæ›¸ãæ–¹ãŒã‚ã‚‹ã‚“ã ã€ã‚’ã“ã®è¨˜äº‹ã§ä¼ãˆãŸã‹ã£ãŸã®ã§ã€ã‚³ãƒ¼ãƒ‰ã®è©³ç´°ã¯ã‚ã¾ã‚Šè§£èª¬ã—ã¦ã„ã¾ã›ã‚“ã€‚ãªã®ã§ã€å…·ä½“çš„ãªä»•æ§˜ãªã©ã‚’ç¢ºèªã—ãŸã„æ–¹ã¯å‚è€ƒè¨˜äº‹ã‚’èªã‚“ã ã‚Šã”è‡ªèº«ã§èª¿ã¹ã¦ã„ãŸã ã‘ã‚‹ã¨å¹¸ã„ã§ã™ã€‚ 1. HTML ç”»åƒå‘¨ã‚Šã¯ã‚µã‚¤ãƒˆãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã«ç›´çµã™ã‚‹ã®ã§ã€ã¾ãšã¯ãã“ã ã‘ã§ã‚‚å–ã‚Šå…¥ã‚Œã¦ã„ãŸã ããŸã„ã§ã™ã€‚ã¾ãŸã€ã‚³ã‚¢ã‚¦ã‚§ãƒ–ãƒã‚¤ã‚¿ãƒ«ã‚„ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚‚ä½µã›ã¦ç†è§£ã—ã¦ãŠããŸã„å†…å®¹ã§ã™ã€‚ Lazy loading <img>ã«loading="lazy"å±žæ€§ã‚’ä»˜ã‘ã‚‹ã¨ç”»åƒãŒé…å»¶èªã¿è¾¼ã¿ã«ãªã‚Šã€ã‚µã‚¤ãƒˆã®èªã¿è¾¼ã¿æ™‚é–“ãŒæ—©ããªã‚Šã¾ã™ã€‚
gonai 2024/05/14
css

web

javascript
ãƒªãƒ³ã‚¯
ã‚‚ã†jsãªã‚“ã¦ã„ã‚‰ãªã„ï¼ä¸–ç•Œã§æµè¡Œã£ã¦ã„ã‚‹HTMXã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ãŸ - Qiita
HTMXã¨ã¯ https://htmx.org/ HTMXã¯ã€JavaScript ã‚’è¨˜è¿°ã›ãšã«ã€Ajaxé€šä¿¡ã‚„é«˜åº¦ãªUXã‚’å®Ÿç¾ã§ãã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ è»½é‡ ã§ é«˜é€Ÿ ã§ã€æ—¢å˜ã®ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã‚·ãƒ¼ãƒ ãƒ¬ã‚¹ãªã‚„ã‚Šå–ã‚ŠãŒã§ãã‚‹ã€‚ã¾ãŸã€AJAXé€šä¿¡ã®ç™ºç«ã€ãƒ•ã‚©ãƒ¼ãƒ ã®é€ä¿¡å‡¦ç†ã€DOMã®æ›´æ–°ãªã©ã‚’æ—¢å˜ã®HTMLè¦ç´ ã‚’æ‹¡å¼µã™ã‚‹ã ã‘ã§å¯èƒ½ã¨ã™ã‚‹ã€‚WebSocketã‚„SSEã«ã‚‚å¯¾å¿œã—ã¦ã„ã‚‹ã®ã§ã€ãƒãƒ£ãƒƒãƒˆã‚¢ãƒ—ãƒªãªã©ã«ã‚‚é©ã—ã¦ã„ã‚‹ã€‚ 2023 JavaScript Rising Starsã§ã¯ã€ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ»ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯éƒ¨é–€ã§è¦‹äº‹2ä½ã«è¼ã„ãŸï¼(ä¸€ä½ã¯Reactã€å…¨éƒ¨é–€ã ã¨shadcn/ui)ã€€ä¼¼ãŸã‚ˆã†ãªæ©Ÿèƒ½ã¨ã—ã¦ã€Ruby on Railsã®HotWireãŒã‚ã‚‹ã‚‰ã—ã„ã€‚ 2024å¹´ã¯HTMXãŒãã‚‹ã¨è¨€ã‚ã‚Œã¦ã„ã‚‹ãã‚‰ã„ä¸–ç•Œã§é¨’ãŒã‚Œã¦ã„ã‚‹ã®ã ãŒã€ã‚ã¾ã‚Šæ—¥æœ¬ã§ã¯æµè¡Œã£ã¦ã„ãªã„ã€‚ä»¥ä¸‹ã¯Google
gonai 2024/01/19
ãƒ¡ãƒ³ãƒ†ã§æ»ã¬çµµãŒè¦‹ãˆã‚‹ã®è‡ªåˆ†ã ã‘ï¼Ÿ

javascript
ãƒªãƒ³ã‚¯
Spirit - The animation tool for the web
SpiritThe ultimate tool to create high-quality animations directly in the browser. Important Notice: I want to extend my deepest gratitude to everyone who has supported Spirit over the years. After careful consideration, I have made the difficult decision to discontinue Spirit as a service. Read more ...
gonai 2016/02/15
JSON

javascript

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
DIST.10 ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã¨JavaScriptã€ãƒ„ã‚¤ãƒ¼ãƒˆã¾ã¨ã‚
2016/2/3 æ°´æ›œå¤œã«é–‹å‚¬ã•ã‚ŒãŸWebæŠ€è¡“ç³»å‹‰å¼·ä¼š #dist ã®ãƒ„ã‚¤ãƒ¼ãƒˆã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ 200äººä»¥ä¸Šã®ç”³ã—è¾¼ã¿ãŒã‚ã£ãŸäººæ°—ã®ã‚¤ãƒ™ãƒ³ãƒˆã§ã—ãŸã€‚ ã‚¤ãƒ™ãƒ³ãƒˆãƒšãƒ¼ã‚¸ã®URLã¯ã“ã¡ã‚‰ http://dist.connpass.com/event/24320/presentation/
gonai 2016/02/04
JavaScript

Togetter
ãƒªãƒ³ã‚¯
ã‚ãƒ£ãƒç”·ã‚³ãƒ¼ãƒ‰ãƒ¬ã‚·ãƒ”
é¦–éƒ½åœã®ã‚ãƒ£ãƒã‚¯ãƒ©ã¯åœ°åŸŸã«ã‚ˆã£ã¦è‰²ãŒå…¨ç„¶é•ã† ã“ã‚“ã«ã¡ã¯ï¼ çš†ã•ã‚“ã€ã‚ãƒ£ãƒã‚¯ãƒ©ã£ã¦è¡Œã£ãŸã“ã¨ã¯ã‚ã‚Šã¾ã™ã‹ï¼Ÿw ä¿ºã¯ã—ã‚‡ã£ã¡ã‚…ã†è¡Œã£ã¦ã‚‹ã‚“ã™ã‘ã©ã€ã„ã‚„ã€œã€ã“ã‚ŒãŒæ²¼ã§é€šã„å‡ºã—ãŸã‚‰æ¢ã¾ã‚‰ãªã„ww ã ã‹ã‚‰ãŠé‡‘ãŒã§ãã‚‹ãŸã³ã«é¦–éƒ½åœã®ã‚ãƒ£ãƒã‚¯ãƒ©ã‚’å›žã£ã¦ã‚‹ã‚“ã™ã‘ã©ã€ã‚ˆãèª¿ã¹ã¦ã¿ã‚‹ã¨ã€ã‚ãƒ£ãƒã‚¯ãƒ©ã£ã¦åœ°åŸŸã«ã‚ˆã£ã¦å…¨ç„¶æ¯›è‰²ãŒé•ã†ã‚“ã§ã™ã‚ˆï¼ ãã“ã«é€šã†äººã®ãƒ‹ãƒ¼ã‚ºã ã£ãŸã‚Šã€å¥½ã¿ã ã£ãŸã‚ŠãŒãŠåº—ã«åæ˜ ã•ã‚Œã¦ã‚“ã®ã‹ãªï¼Ÿw ã ã‹ã‚‰ã‚ãƒ£ãƒã‚¯ãƒ©ã«ãƒãƒžã‚‹äººã£ã¦ã€åˆã‚ã¦è¡Œã£ãŸåº—ã®é›°å›²æ°—ã¨ã‹ã‚ãƒ£ãƒå¬¢ã®è¦‹ãŸç›®ã¨ã‹ã§ã©ãƒãƒžã‚Šã™ã‚‹äººã¨ã€ãã‚“ãªã«ãƒãƒžã‚‰ãªã„äººãŒã„ã‚‹ã‚“ã§ã™ã‚ˆãã€‚ ä¿ºã¯ãã®å‰è€…wã©ãƒãƒžã‚Šã—ã¦ä»Šã§ã¯æŠœã‘å‡ºã›ãªã„ã¨ã“ã‚ã«æ¥ã¦ã‚‹ã£ã™ww ã˜ã‚ƒã‚ã€é¦–éƒ½åœã€ç‰¹ã«æ±äº¬ã®ã‚ãƒ£ãƒã‚¯ãƒ©ã«ã¯åœ°åŸŸã«ã‚ˆã£ã¦ã©ã‚“ãªç‰¹å¾´ãŒã‚ã‚‹ã®ã‹ã€ç´¹ä»‹ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ï¼ æ–°å®¿æŒèˆžä¼Žç”ºã®ã‚ãƒ£ãƒã‚¯ãƒ©ã®ç‰¹å¾´ã¨å¿…è¦ãªäºˆç®— ã‚ãƒ£ãƒã‚¯ãƒ©ã£ã¦è¨€ã£ãŸã‚‰ã¾ãšæ–°å®¿æŒèˆžä¼Žç”ºã‚’æ€ã„æµ®ã‹ã¹
gonai 2015/01/05
JavaScript

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
ã™ã”ã„ä¾¿åˆ©ã«ãªã£ãŸï¼javascriptå…¥é–€ã®åŸºç¤ŽçŸ¥è˜ã¨å°æŠ€ã¾ã¨ã‚
ä½œæˆï¼š2013/12/24 æ›´æ–°ï¼š2014/11/01 Webåˆ¶ä½œ > ã‚µã‚¤ãƒˆæ§‹ç¯‰ä¸ã«ã¡ã‚‡ã£ã¨ã—ãŸå‹•ãã‚’ã®ã›ãŸã„ã¨ãã€ã©ã†ã™ã‚Œã°è‰¯ã‹ã£ãŸã®ã‹ä½•åº¦ã‚‚èª¿ã¹ç›´ã•ãªã„ã¨ã„ã‘ãªã„ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ä»Šå›žã¯JavaScript ã§åˆå¿ƒè€…ã®æ–¹ã§ã‚‚ã™ãæ´»ç”¨ã§ãã‚‹ã‚ˆã†ã«ã€ä½¿ç”¨é »åº¦ã®é«˜ã„ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¨åŸºæœ¬çŸ¥è˜ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜ ã§ãã‚‹ã“ã¨ ï¼‘ï¼Žãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®æ›¸ãæ–¹ï¼åŸºç¤ŽçŸ¥è˜ ï¼’ï¼Žã‚¹ã‚¯ãƒªãƒ—ãƒˆã®è¨˜è¿° ï¼“ï¼Žæ–‡å—åˆ—ï¼ç‰¹æ®Šæ–‡å— ï¼”ï¼Žæ¼”ç®—å ï¼•ï¼Žã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆ ï¼–ï¼Žãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ— ï¼—ï¼Žã‚¤ãƒ™ãƒ³ãƒˆ ï¼˜ï¼Žå¤‰æ•° ï¼™ï¼Žifæ–‡ ï¼‘ï¼ï¼Žé…åˆ— ï¼‘ï¼‘ï¼Žé€£æƒ³é…åˆ— ï¼‘ï¼’ï¼Žæ£è¦è¡¨ç¾ ï¼‘ï¼“ï¼Žãƒ‡ãƒãƒƒã‚° ã§ãã‚‹ã“ã¨ ï¼‘ï¼Žãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ JavaScriptã¯é–‹ç™ºç’°å¢ƒã®æº–å‚™ãŒã»ã¼ä¸è¦ã§ã€ã‚³ãƒ”ãƒ¼ï¼†ãƒšãƒ¼ã‚¹ãƒˆã ã‘ã§ã€å‹•ãã‚‚ã®ãŒã§ãã¦ã—ã¾ã„ã¾ã™ã€‚ä»–ã®è¨€èªžã ã¨ãã†ç°¡å˜ã«ã¯ã„ãã¾ã›ã‚“ã€‚ã‚µ
gonai 2013/12/24
JavaScript
ãƒªãƒ³ã‚¯
JavaScriptå´ã«PHPå¤‰æ•°ã‚’ç°¡å˜ã«ã¾ã‚‹ã”ã¨æ¸¡ã™æ–¹æ³• #FuelPHPAdvent2013 - Blog::koyhoge::Tech
ãƒã‚¤ã€æ˜¨æ—¥ã®ã‚ªãƒ¬ã«å¼•ãç¶šãFuelPHP Advent Calendar 2013ã®6æ—¥ç›®ã§ã™ã€‚ ä»Šå›žã®å†…å®¹ã‚‚ã¾ãŸTwigçµ¡ã¿ã§ã™ã€‚å®Ÿã¯æ˜¨æ—¥ã®è¨˜äº‹ã¯ã€æœ¬æ—¥ã®è¨˜äº‹ã®å‰æº–å‚™ã«ãªã£ã¦ã„ãŸã®ã§ã—ãŸã€‚ JavaScriptå´ã«PHPã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’æ¸¡ã—ãŸã„ æœ€è¿‘ã®Webã‚¢ãƒ—ãƒªã¯UIã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãŒå‡ã£ã¦ã„ã¦ã€ãƒ–ãƒ©ã‚¦ã‚¶å´ã®JavaScriptã§è‰²ã‚“ãªåˆ¶å¾¡ã‚’ã™ã‚‹ã“ã¨ã‚‚å½“ãŸã‚Šå‰ã«ãªã£ã¦ãã¾ã—ãŸã€‚jQueryã‚„æ§˜ã€…ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’é§†ä½¿ã—ã¦ã€ãƒ¦ãƒ¼ã‚¶ã«åˆ†ã‹ã‚Šã‚„ã™ãä½¿ã„ã‚„ã™ã„ã‚µãƒ¼ãƒ“ã‚¹ã‚’æä¾›ã™ã‚‹ã“ã¨ã¯ã€ã‚‚ã¯ã‚„ã‚¦ã‚§ãƒ–ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦ã¯æŒã£ã¦ã„ã¦å½“ç„¶ã®ã‚¹ã‚ãƒ«ã«ãªã£ã¦ã„ã¾ã™ã€‚ ãã®ã‚ˆã†ãªUIã‚’ä½œã£ã¦ã„ã‚‹éš›ã«ã€JavaScriptå´ã«å‹•ä½œãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã®åˆæœŸå€¤ã‚’æ¸¡ã™ã®ã«å€¤ã‚’ä¸€ã¤ä¸€ã¤ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆè¨˜æ³•ã§åŸ‹ã‚è¾¼ã‚€ã®ãŒé¢å€’ã ã£ãŸã®ã§ã€ä¸€ç™ºã§æ¸¡ã›ã‚‹Twig Extensionã‚’ä½œã£ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ data_bindé–¢æ•°
gonai 2013/12/07
JavaScript

PHP
ãƒªãƒ³ã‚¯
ã‚ˆã†ã“ãã€HTML5è£APIã®ä¸–ç•Œã¸ - HTML5 Conference 2013
Canvasã€WebGLã€WebRTCã€WebSocketãªã©ã€HTML5ã®èŠ±å½¢ã‚¹ã‚¿ãƒ¼ã¨ã‚‚è¨€ãˆã‚‹ãƒ¢ãƒ†ç³»APIã¯ã€å¸¸ã«ä¸–é–“ã®æ³¨ç›®ã‚’é›†ã‚ã¦ã„ã‚‹ã€‚ã“ã‚Œã‚‰APIã‚’ä½¿ã„ã“ãªã›ã‚‹ã‚¦ã‚§ãƒ–ãƒ‡ã‚£ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã¯ã©ã“ã‹ã‚‰ã‚‚å¼•ã£å¼µã‚Šã ã“ã ã‚ã†ã€‚ã—ã‹ã—ã€æ³¨ç›®åº¦ãŒä½Žã„ãªãŒã‚‰ã‚‚ã€ä»Šå¾Œã®ã‚¦ã‚§ãƒ–ã‚’æ”¯ãˆã‚‹ï¼ˆã‹ã‚‚ã—ã‚Œãªã„ï¼‰æœ€æ–°ã®APIãŒæ•°å¤šãå˜åœ¨ã™ã‚‹ã€‚ã“ã®ã‚ˆã†ãªAPIã¯æ´¾æ‰‹ã•ãŒè¶³ã‚Šãªã„ã‚†ãˆã«è©±é¡Œã«ãªã‚‹ã“ã¨ã‚‚ãªã„ã€‚ã—ã‹ã—ã€ã“ã‚Œã‚‰éžãƒ¢ãƒ†ç³»ã®APIã‚‚å«ã‚ã¦HTML5ã ã€‚ æœ¬ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§ã¯ã€ã‚ã‚ŠããŸã‚Šã®ãƒ¢ãƒ†ç³»APIã«é£½ããŸãƒžãƒ‹ã‚¢ãªè²´æ–¹ã®ãŸã‚ã«ã€æ™®æ®µã¯é™½ã®å½“ãŸã‚‰ãªã„APIã‚’ä¸€æŒ™ç´¹ä»‹ã™ã‚‹ã€‚ã‚‚ã¡ã‚ã‚“ã€ã©ã‚Œã‹ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã«å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹APIã®ã¿ã ã€‚ä»Šã‹ã‚‰ä½¿ãŠã†ã¨æ€ãˆã°ä½¿ãˆãªã„ã“ã¨ã¯ãªã„ã€‚ãã—ã¦ã€W3Cã«ã¦ä»•æ§˜ç–å®šãŒå§‹ã¾ã£ã¦æ—¥ãŒæµ…ã„ãŸã‚ã€æ˜Žæ—¥ã«ã¯ã©ã†ãªã‚‹ã‹åˆ†ã‹ã‚‰ãªã„ã€‚ç„¡ããªã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã—ã€å¤§å¹…ã«å¤‰æ›´ã•ã‚Œã¦ã—ã¾ã†ã‹ã‚‚ã—ã‚Œãªã„ã€‚ä»Šè¦šãˆã¦ã‚‚å½¹ã«ç«‹ãŸ
gonai 2013/12/02
HTML5

JavaScript
ãƒªãƒ³ã‚¯
RxDB - JavaScript Database
RxDB is a NoSQL database for JavaScript that runs directly in your app. With a local-first design, it delivers zero-latency queries even offline, and syncs seamlessly with many backends. With observable queries, your UI updates instantly as data changes.
gonai 2013/09/19
JavaScript
ãƒªãƒ³ã‚¯
JavaScriptã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³
ã‚ãªãŸã«ã¨ã£ã¦é‡è¦ãªãƒˆãƒ”ãƒƒã‚¯ã‚„åŒåƒšã®æœ€æ–°æƒ…å ±ã‚’å…¥æ‰‹ã—ã¾ã—ã‚‡ã†æœ€æ–°ã®æ´žå¯Ÿã¨ãƒˆãƒ¬ãƒ³ãƒ‰ã«é–¢ã™ã‚‹æœ€æ–°æƒ…å ±ã‚’å³åº§ã«å—ã‘å–ã‚Šã¾ã—ã‚‡ã†ã€‚ ç¶™ç¶šçš„ãªå¦ç¿’ã®ãŸã‚ã«ã€ç„¡æ–™ã®ãƒªã‚½ãƒ¼ã‚¹ã«æ‰‹è»½ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã—ã‚‡ã†ãƒŸãƒ‹ãƒ–ãƒƒã‚¯ã€ãƒˆãƒ©ãƒ³ã‚¹ã‚¯ãƒªãƒ—ãƒˆä»˜ãå‹•ç”»ã€ãŠã‚ˆã³ãƒˆãƒ¬ãƒ¼ãƒ‹ãƒ³ã‚°æ•™æã€‚ è¨˜äº‹ã‚’ä¿å˜ã—ã¦ã€ã„ã¤ã§ã‚‚èªã‚€ã“ã¨ãŒã§ãã¾ã™è¨˜äº‹ã‚’ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ã€æº–å‚™ãŒã§ããŸã‚‰ã„ã¤ã§ã‚‚èªã‚ã¾ã™ã€‚
gonai 2013/09/19
JavaScript
ãƒªãƒ³ã‚¯
2013å¹´æ–°å’ç ”ä¿® JavaScriptåŸºç¤Ž
https://github.com/mixi-inc/JavaScriptTraining ã¨ http://alpha.mixi.co.jp/2013/11844/ ã¨ã‚»ãƒƒãƒˆã§ã”è¦§ãã ã•ã„ã€‚
gonai 2013/09/15
JavaScript
ãƒªãƒ³ã‚¯
æœ€å¼·ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘è¨€èªž JavaScript å†å…¥é–€ï¼
ã“ã®è³‡æ–™ã§ã¯ã€JavaScript ã§ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’è¡Œã†éš›ã«å‚™ãˆã¦ãŠãã“ã¨ãŒæœ›ã¾ã—ã„ã€åŸºç¤ŽçŸ¥è˜ã‚„æ¦‚å¿µã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ ã€å¯¾è±¡è€…ã€‘ ãƒ»JavaScript ã§ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹ç¯‰ã§ãã‚‹æ–¹ ãƒ»JavaScript ã«ãŠã‘ã‚‹ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã® å®Ÿç¾æ‰‹æ³•ã‚„åŽŸç†ã¸ã®ç†è§£ã‚’æ·±ã‚ãŸã„æ–¹ ãƒ»Java çš„ãªã‚¯ãƒ©ã‚¹ãƒ™ãƒ¼ã‚¹ã®è¨€èªžã¨ã®é•ã„ã«é•å’Œæ„Ÿã‚„æ··ä¹±ã‚’ æ„Ÿã˜ã¦ã‚‰ã£ã—ã‚ƒã‚‹æ–¹
gonai 2013/07/03
JavaScript

ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘
ãƒªãƒ³ã‚¯
HTML5ã‚„CSS3ã‚’ä½¿ã£ãŸæ¬¡ä¸–ä»£è¡¨ç¾ã‚’å¦ã¶ã®ã«å½¹ç«‹ã¤ã‚³ãƒ¼ãƒ‰ã‚µãƒ³ãƒ—ãƒ«
ã‚ãšã‹280è¡Œç¨‹åº¦ã®JavaScriptã§ä½œã‚‰ã‚Œ... / JavaScriptã§ä½œã‚‹ã„ã‚ã„ã‚ãªç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬... / JavaScriptã«ã‚ˆã‚‹æ³¢ã®ç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§...ä»–...å…¨14ä»¶
gonai 2013/04/10
HTML5

JavaScript
ãƒªãƒ³ã‚¯
JavaScriptã®thisã®è¦šãˆæ–¹ - Qiita
JavaScriptã®thisã¯åŒã˜ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã§ã‚‚å‘¼ã³å‡ºã—å…ƒæ¬¡ç¬¬ã§æ„å‘³ãŒé•ã£ãŸã‚Šã—ã¦è¤‡é›‘ã ã¨æ€ã‚ã‚ŒãŒã¡ã ã‘ã©ã€ä¸€å›žè¦šãˆã¦ã—ã¾ãˆã°ç°¡å˜ã ã€‚ JavaScriptã«ã¯thisãŒ4ç¨®é¡žã‚ã‚‹ ã“ã‚Œã ã‘ã‚’ã—ã£ã‹ã‚Šè¦šãˆã¦ãŠã‘ã°ã€å¾Œã¯å¿…è¦ãªæ™‚ã« 4ç¨®é¡žã£ã¦ä½•ãŒã‚ã‚‹ã‚“ã ã£ã‘ï¼Ÿ ã¨è€ƒãˆã‚Œã°å®¹æ˜“ã«æ€ã„å‡ºã›ã‚‹ã€‚ ã¡ãªã¿ã«ã€ä¸‹è¨˜ã®ã‚³ãƒ¼ãƒ‰ã¯ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å®Ÿè¡Œã™ã‚‹ã“ã¨ã‚’æƒ³å®šã—ã¦ã„ã‚‹ã€‚(ãªã®ã§windowã‚’ä½¿ã†) ãƒˆãƒƒãƒ—ãƒ¬ãƒ™ãƒ«ã®this ã‚°ãƒãƒ¼ãƒãƒ«ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’æŒ‡ã™ã€‚ var hoge = "fuga"; window.foo = "bar"; // fuga+bar ã¨è¡¨ç¤ºã•ã‚Œã‚‹ console.log(this.hoge + "+" + this.foo); (function(){ // åŒã˜ãfuga+bar ã¨è¡¨ç¤ºã•ã‚Œã‚‹ console.log(this.hoge + "+" + this.foo); })(
gonai 2013/01/31
JavaScript
ãƒªãƒ³ã‚¯
JavaScriptå…¥é–€è¬›åº§
ä»Šæ—¥ã®å†…å®¹ JavaScriptã‚’å‹‰å¼·ã—å§‹ã‚ãã‚‰ã„ã®äººã‚’å¯¾è±¡ã«ã—ãŸJavaScriptå…¥é–€è¬›åº§çš„ãªã‚‚ã® æ–‡æ³•ã¨ã‹ã¯èª¿ã¹ã‚Œã°ã‚ã‹ã‚‹ã®ã§ãµã‚Œã¾ã›ã‚“ ä¸€äººã§å‹‰å¼·ã—ã¦ã‚‚ã‚ã‹ã‚‰ãªãã†ãªæ¦‚å¿µãªã©ã‚’é‡ç‚¹çš„ã«èª¬æ˜Žã—ã¾ã™ ãƒ©ã‚¤ãƒ–ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã®ã§JavaScriptã£ã¦ã“ã‚“ãªæ„Ÿã˜ã¦ä½œã‚‹ã‚“ã ãªãƒ¼ã¨ã„ã†ã®ãŒã‚ã‹ã£ã¦ã‚‚ã‚‰ãˆã‚Œã°ã¨ ã‚¢ã‚¸ã‚§ãƒ³ãƒ€ JavaScriptã‚’å‹‰å¼·ã™ã‚‹å‰ã« JavaScriptã®åŸºç¤ŽçŸ¥è˜ ãƒ©ã‚¤ãƒ–ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° part1 jQueryã®åŸºç¤ŽçŸ¥è˜ ãƒ©ã‚¤ãƒ–ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° part2
gonai 2012/11/24
JavaScript
ãƒªãƒ³ã‚¯
CoffeeScript å…¥é–€! æ€’æ¿¤ã® 100 ã‚µãƒ³ãƒ—ãƒ«!! | TM Life
ä»Šã¾ã§ CoffeeScript ã«ã¤ã„ã¦ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’é€£æŠ•ã—ã¦ãã¾ã—ãŸãŒ ã¨ã‚Šã‚ãˆãšã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ä¸€åŒºåˆ‡ã‚Šã¤ã‘ã‚ˆã†ã¨æ€ã„ã¾ã™. ã¡ãªã¿ã«ä»Šã¾ã§ã«æ›¸ã„ãŸ CoffeeScript ã«ã¤ã„ã¦ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯ã“ã‚“ãªæ„Ÿã˜ã§ã™. node.js ä¸è¦! Windows ã§ã‚‚ç°¡å˜ã« CoffeeScript ã‚’ä½¿ã†æ–¹æ³• jsdo.it ã§ CoffeeScript ã‚’ä½¿ã†æ–¹æ³• CoffeeScript å…¥é–€ åŸºç¤Žç·¨ â€“ CoffeeScript ã¨ JavaScript ã‚’ 10å€‹ã®ã‚µãƒ³ãƒ—ãƒ«ã§æ¯”è¼ƒã—ã¦ã¿ãŸ CoffeeScript ã¨ gl.enchant.js ã‚’ä½¿ã£ã¦15åˆ†ã§ 3D ã‚²ãƒ¼ãƒ ã‚’ä½œã£ã¦ã¿ãŸ. å‹•ç”»ã‚‚ã‚ã‚‹ã‚ˆâ™ª ä»Šå›žã¯ enchant.js ã§æ€’æ¿¤ã£ãŸã¨ãåŒæ§˜ CoffeeScript ã«ã¤ã„ã¦ã‚‚æ€’æ¿¤ã£ã¦ã¿ã¾ã—ãŸ. ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¯æœ¬ã‚’èªã‚€ã ã‘ã§ã¯å¦ã‚“ã ã¨ã¯è¨€ãˆã¾ã›ã‚“. ä½œã£ã¦ãƒŠãƒ³ãƒœã®ä¸–
gonai 2012/04/26
javascript
ãƒªãƒ³ã‚¯
setTimeout ã§å®Ÿè¡Œã™ã‚‹é–¢æ•°ã«å¼•æ•°ã‚’æ¸¡ã™ - prog*sig
setTimeout é–¢æ•°ã¯æŒ‡å®šã•ã‚ŒãŸæ™‚é–“ã®å¾Œã«ã€ã‚³ãƒ¼ãƒ‰æ–‡å—åˆ—ã®è©•ä¾¡ã¾ãŸã¯é–¢æ•°ã‚’å®Ÿè¡Œã™ã‚‹ã€‚ ç¬¬ä¸€å¼•æ•°ã«æ¸¡ã›ã‚‹ã‚‚ã®ã¯ã€ã‚³ãƒ¼ãƒ‰ã¨ãªã‚‹æ–‡å—åˆ—ã‹é–¢æ•°ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’æ¸¡ã™ã“ã¨ãŒã§ãã‚‹ã€‚ æ–‡å—åˆ—ã‚’æ¸¡ã—ãŸå ´åˆã¯ãã®æ–‡å—åˆ—ãŒ eval ã«ã‚ˆã£ã¦è©•ä¾¡ã•ã‚Œã‚‹ãŒã€eval ã•ã‚Œã‚‹åˆ†å‡¦ç†ãŒå¿…è¦ ã«ãªã‚‹ã“ã¨ã‚„ã€æ–‡å—åˆ—ã¨ã—ã¦æ¸¡ã•ã‚ŒãŸã‚‚ã®ãŒå®‰å…¨ã‹ã©ã†ã‹ç¢ºèªã§ãã¦ãªã„å ´åˆãªã©ãŒã‚ã‚‹ ãŸã‚ã§ãã‚‹é™ã‚Šé¿ã‘ã‚‹æ–¹ãŒã‚ˆã„ã€‚ ä»Šå›žã¯ setTimeout ã«é–¢æ•°ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’æ¸¡ã—ã€ãã®é–¢æ•°ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã«å¼•æ•°ã‚’æŒãŸã›ã¦å®Ÿ è¡Œã•ã›ã‚‹æ–¹æ³•ã‚’è€ƒãˆã‚‹ã€‚ ä¸€ã¤ã®æ–¹æ³•ã¨ã—ã¦ã¯åŒ¿åé–¢æ•°ã‚’ä½¿ã£ãŸæ–¹æ³•ãŒã‚ã‚‹ã€‚åŒ¿åé–¢æ•°ã§ setTimeout ã‚’å›²ã„ã‚¹ã‚³ãƒ¼ãƒ— ã‚’ä½œã‚Šã€ãã®åŒ¿åé–¢æ•°ã«å¼•æ•°ã‚’æ¸¡ã—ã¦å®Ÿè¡Œã•ã›ã‚‹ã“ã¨ã§ãã‚Œãžã‚Œã®ã‚¹ã‚³ãƒ¼ãƒ—å†…ã§ setTimeout é–¢æ•°ãŒå®Ÿè¡Œã§ãã‚‹ã€‚ var ary = ["foo","bar","hoge"] f
gonai 2011/10/04
JavaScript
ãƒªãƒ³ã‚¯
setTimeoutã§å¼•æ•°ãŒå…¥ã£ãŸé–¢æ•°ã‚’å‘¼ã¶
gonai 2011/10/04
JavaScript
ãƒªãƒ³ã‚¯
jQueryã‚’ä½¿ã„è¦ç´ ã®å‡ºã¦ãã‚‹é †ã«ç•ªå·ã‚’ã¤ã‘ã‚‹æ–¹æ³•ï¼ˆforã®ä»£ã‚ã‚Šã«each()ã‚’ä½¿ã†ç¹°ã‚Šè¿”ã—ï¼‰
ä»Šå›žã€ã€ŒjQuery Sequential List - Web Designer Wallã€ã‚’ã¿ã¦ã€ eachãŒforã¨åŒã˜å‹•ãã‚’ã—ã¦ã„ã‚‹ã®ã‚’çŸ¥ã£ãŸã€‚ é–¢æ•°ã®ä¸ã§æ•°å—ã®åŠ ç®—ã‚’ã—ãŸã‚‰ç¹°ã‚Šè¿”ã—ã®ãŸã³ã«å¢—ãˆã‚‹â€¦ ã¾ã•ã«forã®å‹•ããªã®ã§ã™ãŒã€ãªãœã‹ã“ã®ç™ºæƒ³ã€è‡ªåˆ†ã®ä¸ã«ãªãã¦ ãªã‚“ã§ã“ã‚“ãªã“ã¨ã«æ°—ã¥ã‹ãªã‹ã£ãŸã‚“ã ï½žã£ã¦ ãªãœã‹ã‚·ãƒ§ãƒƒã‚¯ã‚’å—ã‘ã¦ãŠã‚Šã¾ã™ã€‚ ã¨ã„ã†ã“ã¨ã§ã€ã„ã¤ã‚‚ã®ã‚ˆã†ã«è©¦ã—ã«ãƒ¡ãƒ¢ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã—ã¦ãŠãã¾ã™ã€‚ ä»Šå›žã®ç°¡å˜ä»•çµ„ã¿èª¬æ˜Ž ä»Šå›žä½¿ãŠã†ã¨ã—ã¦ã„ã‚‹ã®ã¯ã€jQueryã®each ã“ã‚Œã¯ã‚ˆãä½¿ã†ã®ã§ã™ãŒã€ã“ã‚ŒãŒforã®ã‹ã‚ã‚Šã«ãªã‚‹ãªã‚“ã¦ ãªãœã‹æ€ã„ã¤ã‹ãªã‹ã£ãŸè‡ªåˆ†â€¦(æ±—) ç™ºæƒ³ã¨ã‹ã£ã¦ã€ã‚„ã£ã±ã‚Šå¿…è¦ãªã‚“ã ãªã£ã¦å®Ÿæ„Ÿã—ã¦ãŠã‚Šã¾ã™ã€‚ ulã®liã«é©å¿œã•ã›ã¦ã¿ã‚‹ ã¾ãšã¯ã‚·ãƒ³ãƒ—ãƒ«ã«ãƒªã‚¹ãƒˆã«é©å¿œã•ã›ã¦ã¿ã¾ã™ã€‚ â– ã‚¹ã‚¯ãƒªãƒ—ãƒˆ $("#testList li").each(function (i) {
gonai 2011/07/27
jQuery

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