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

masuooo id:masuooo

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

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

2020å¹´ã«JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ã¡ã‚ƒã‚“ã¨ã¯ã˜ã‚ã‚‹ãŸã‚ã«ã€‚ï½œæ¦ŠåŽŸæ˜Œå½¦
çµè«–ã‚’å…ˆã«æ›¸ãã¨ã€2015å¹´ã‚ãŸã‚Šã®æ··æ²Œã¨ã—ãŸJavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯æˆ¦äº‰ã¯çµ‚ã‚ã‚Šã‚’è¿Žãˆã€ãƒ¡ã‚¸ãƒ£ãƒ¼ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ã©ã‚Œã‚‚æˆç†Ÿã—ã¦ãã¦ã„ã‚‹ã®ã§ã€ä½¿ã„ãŸã„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ä½¿ã£ã¦ãã ã•ã„ã€‚ ãŸã æŠ€è¡“é¸å®šã«ãŠã„ã¦ã¯ã©ã‚Œã‹ã²ã¨ã¤ã‚’é¸ã°ãªã„ã¨ã„ã‘ãªã„ã¨ã„ã†ãƒªã‚¢ãƒ«ã¯ã‚ã‚‹ã®ã§ã€ç†è§£ã‚’æ·±ã‚ã‚‹ãŸã‚ã®è¦–åº§ã‚’ã„ãã¤ã‹ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ç°¡æ˜“æ¯”è¼ƒæœ‰åã‹ã¤ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãŒæ—¥æœ¬èªžåŒ–ã•ã‚Œã¦ãŠã‚Šã€å…¥é–€æ›¸ã‚‚ã§ã¦ã„ã‚‹JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ã¯Angularã€Reactã€VueãŒã‚ã‚Šã¾ã™ã€‚ ã§ã€ãã‚Œãžã‚Œã®é•ã„ãªã®ã§ã™ãŒã€ã™ã”ãã‚·ãƒ³ãƒ—ãƒ«ã«è¨€ã£ã¦ã—ã¾ã†ã¨ã€HTMLã¨JavaScriptã®é–¢ä¿‚ãŒãã‚Œãžã‚Œé•ã„ã¾ã™ã€‚ ãƒ» Angularã¯ã€HTMLã¨JavaScriptï¼ˆTypeScriptï¼‰ã‚’åˆ†å‰²ã—ã¦ã‹ãã¾ã™ã€‚ ãƒ» Reactã¯ã€JavaScriptã®ä¸ã«HTMLã‚’æ›¸ãã¾ã™ã€‚
masuooo 2020/01/06
javascript

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
ä»Šå¹´ã“ãã¤ã„ã«SVGå…ƒå¹´ï¼Ÿã¾ã é–“ã«åˆã†ï¼SVGã®å¦ç¿’ã«å½¹ç«‹ã¤ã‚µã‚¤ãƒˆç´¹ä»‹ - è´ãè€³ã‚’æŒãŸãªã„(ç‰‡æ–¹ã—ã‹)
å…ˆæ—¥Adobeã‹ã‚‰ã“ã®ã‚ˆã†ãªJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸ Snap.svg http://plus.adobe-adc.jp/post-4817/ ä»¥å‰ã‹ã‚‰äººæ°—ã®é«˜ã‹ã£ãŸã€IE6ã§ã‚‚SVGã‚’è¡¨ç¤ºã§ãã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªRaphaelã®ä½œè€… Dmitry Baranovskiyæ°ã«ã‚ˆã‚‹æ–°ãŸãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã€Raphaelã¨ã®é•ã„ã¯Snap.svgã§ã¯IEãªã‚‰9ä»¥ä¸Šå¯¾å¿œã¨ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã‚’å¯¾è±¡ã«ã—ãŸã“ã¨ã€‚ã•ã‚‰ã«è‡ªç”±åº¦ã¨è¡¨ç¾åŠ›ã®é«˜ã„ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã®ãŒå¤§ããªç‰¹å¾´ã§ã™ã€‚ ã“ã†ã—ãŸJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã§ã€ãã—ã¦Adobeã‹ã‚‰å…¬é–‹ã•ã‚ŒãŸã®ã¯å¤§ããªã“ã¨ã§ã“ã‚Œã‹ã‚‰SVGã‚‚ã©ã‚“ã©ã‚“æ™®åŠã—ã¦ã„ãã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ã¾ã•ã«2013å¹´ã“ãã¤ã„ã«SVGå…ƒå¹´ã¨è¨€ãˆã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“*1ã€‚ â€¦â€¦ã¨ã¯è¨€ãˆã€ãã‚‚ãã‚‚SVGã£ã¦ãªã«ï¼Ÿã¨ã„ã†äººã‚‚ã¾ã ã¾ã å°‘ãªããª
masuooo 2013/10/30
JavaScript

svg
ãƒªãƒ³ã‚¯
Owl Carousel
How To Use 1. Load jQuery and include Owl Carousel plugin files To use Owl Carousel, youâ€™ll need to make sure both the Owl and jQuery 1.7 or higher scripts are included.  <link rel="stylesheet" href="owl-carousel/owl.carousel.css">  <link rel="stylesheet" href="owl-carousel/owl.theme.css">  <script src="jquery-1.9.1.min.js"
masuooo 2013/08/12
jQuery

ä½¿ãˆã‚‹

ç°¡å˜å®Ÿè£…

JavaScript
ãƒªãƒ³ã‚¯
ã‚¤ãƒ¢ãƒ ã‚·ã§jQueryå…¥é–€ | ç¬¬1å›žãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒã‚¤ãƒ¢ãƒ ã‚·ã§è¦šãˆã‚‹jQuery
ã“ã‚“ã«ã¡ã¯ã€‚kamecoã§ã™ã€‚ androidã‚¢ãƒ—ãƒªã‚’htmlãƒ™ãƒ¼ã‚¹ã§ä½œã£ãŸã‚Šã—ã¦ã„ã¾ã™ã€‚ ãã‚ŒãŒã§ãã‚‹ã®ã‚‚ã€jQueryã®åŠ›ã§javascriptã‚’ã¡ã‚‡ã£ã¨æ›¸ã‘ã‚‹ã‚ˆã†ã«ãªã£ãŸã‹ã‚‰ã€‚ ã¨ã„ã†ã“ã¨ã§ã€jQueryã‚’è¦šãˆã‚ˆã†ï¼ é›»å“ã§å…¥é–€ã¨ã‹è‰²ã€…è€ƒãˆãŸã®ã§ã™ãŒã€ ç§ãŒè¦šãˆãŸæ–¹æ³•ã§ã€‚ã€‚ myãƒ™ã‚¹ãƒˆã‚¤ãƒ¢ãƒ ã‚·ã‚’ä½œã‚ã†ï¼ï¼ï¼ï¼ ã¨ã‚Šã‚ãˆãšã‚ãªãŸã®ã‚¤ãƒ¢ãƒ ã‚·ã‚‚ç”¨æ„ã—ã‚ˆã†ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ã¨ã‚Šã‚ãˆãšåå‰ã‚’ä»˜ã‘ã‚‹ã¨æ„›ç€ãŒã‚ãã¾ã™ã€‚ ã†ã¡ã®åã¯ã€Œã‚¯ãƒã‚¹ã‚±ã€ã§ã™ã€‚ â†‘ã‚¯ãƒã‚¹ã‚±ã€‚ã‹ã‚ã‚†ã™ã€‚ ç·´ç¿’ã§æ›¸ã„ã¦ãŸæ™‚ã‹ã‚‰æ›¸ãæ›ãˆã¦ãªã„ã®ã§ã€æŒ™å‹•ãŒãŠã‹ã—ã„ã®ã¯è¦‹é€ƒã—ã¦ãã ã•ã„ã€‚ã€‚ ã¤ã¾ã‚ã¾ã™ã€‚å‹•ãã¾ã™ã€‚é¡”å¤‰ã‚ã‚Šã¾ã™ã€‚ãªã©ãªã©ã€‚ ã‚¯ãƒã‚¹ã‚±ã®jsã‚‚ãƒ–ãƒã‚°ã‚’æ›¸ããªãŒã‚‰æ–°èª¿ã—ã¦ã‚ã’ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ ã‚¤ãƒ¢ãƒ ã‚·ã®htmlè§£èª¬ ã“ã‚Œã‹ã‚‰ä½¿ã†htmlã§ã™ã®ã§æ§‹æˆã‚„å‘¼ã³å‡ºã—ã¦ã„ã‚‹ã‚‚ã®ã‚’ä¸€å¿œç¢ºèªã—ã¦ãŠãã¾ã™ã€‚ cssã‚„h
masuooo 2013/07/23
ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

åˆå¿ƒè€…

jQuery

JavaScript
ãƒªãƒ³ã‚¯
Reveal: jQuery Modal Plugin | Playground from ZURB
Reveal: jQuery Modals Made Easy Setting up Reveal modals is only three easy steps. Attach the needed files, drop in your modal markup then add an attribute to your button. Reveal is awesome because it's easy to implement, is cross-browser compatible with modern browsers (with some graceful degradation of course) and lightweight coming in at only 1.75KB. What that means for you is that it's fast, s
masuooo 2013/07/18
åˆå¿ƒè€…

é–‹ç™º

jQuery

JavaScript
ãƒªãƒ³ã‚¯
jQueryã®toggleã§ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚„ã‚¿ãƒ–ã‚’ã•ãã£ã¨å®Ÿè£…ã™ã‚‹æ–¹æ³• | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ã€‚LIGãƒ•ã‚£ãƒªãƒ”ãƒ³æ”¯ç¤¾ä»£è¡¨ã®ã›ã„ã¨(@seito_horiguchi)ã§ã™ã€‚ æœ€è¿‘å‹äººã¨ã€Žä¸å¦ç”Ÿå††å±±ã€ã‚’è¦³ã«è¡Œãã¾ã—ãŸã€‚ å¥³æ€§ã«ã¯ãŠãã‚‰ãç†è§£ã§ããªã„ã§ã‚ã‚ã†ã€Œç”·åä¸å¦ç”Ÿã‚ã‚‹ã‚ã‚‹ï¼ˆä¸»ã«ä¸‹ãƒã‚¿ï¼‰ã€ãŒç››ã‚Šè¾¼ã¾ã‚Œã¦ã„ã¦ã€ã„ã„æ„å‘³ã§ãƒ’ãƒ‰ã‚¤å†…å®¹ã§ã—ãŸã€‚ã‚‚ã†ä¸€å›žè¦³ãŸã„ï¼ˆÂ´Ï‰`ï¼‰ ã•ã¦ã€ä»Šå›žã¯ã€ŒHTMLã¨CSSã¯ã‚ã‹ã‚‹ã‘ã©jQueryã£ã¦ãªã«ãã‚Œã€ãŠã„ã—ã„ã®ã€ã¨ã„ã†æ–¹å‘ã‘ã«ã€ä»Šæ—¥ã‹ã‚‰ä½¿ãˆã‚‹ç°¡å˜ã‹ã¤ä¾¿åˆ©ãª3ã¤ã®ãƒ¡ã‚½ãƒƒãƒ‰ã€ŒslideToggleï¼fadeToggleï¼toggleClassã€ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã“ã„ã¤ã‚‰ã‚’çŸ¥ã£ã¨ãã¨ä¸‹è¨˜ã®ã‚ˆã†ãªãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚Šã¾ã™ã€‚ã€‚ ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ã‚¿ãƒ–ã€ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã§ã‚ˆãã‚ã‚‹ã€Œä¸Šã‹ã‚‰ã‚¹ãƒ©ã‚¹ãƒ©å‡ºã¦ãã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ã¨ã‹å®Ÿè£…ã§ãã‚‹ è¶…ã‚·ãƒ³ãƒ—ãƒ«ãªè¨˜è¿°ãªã®ã§ã€ä»Šæ—¥ã‹ã‚‰ä½¿ãˆã‚‹ ã„ã‚„ãƒ¼ã“ã‚Œã¯ä¾¿åˆ©ã§ã™ãã€‚ ã¨ã„ã†ã‚ã‘ã§ã€æ—©é€Ÿè§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ ã€ã“ã¡ã‚‰ã‚‚ãŠã™ã™ã‚ã€‘ è¶…ç°¡å˜jQ
masuooo 2013/07/16
jQuery

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

javascript

é–‹ç™º

åˆå¿ƒè€…
ãƒªãƒ³ã‚¯
ã•ãã£ã¨ç°¡å˜ï¼jQueryã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤è¡¨ç¤ºã•ã›ã‚‹æ–¹æ³• | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã©ã†ã‚‚ã§ã™ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã¯ã‚„ã¡ã§ã™âœŒ(Â´Ê˜â€¿Ê˜ï½€)âœŒ æ¢…é›¨æ˜Žã‘ã®æš‘ã•ã§ãƒãƒ†æ°—å‘³ã§ã™â€¦ã“ã®æš‘ã•å«Œã§ã™ãªã€€câŒ’ã£Â´Ê˜â€¿Ê˜ï½€)ã£ ã¯ã‚„ã¡ã¯é™ã‹ã«æš®ã‚‰ã—ãŸã„ã€€câŒ’ã£ â—žâ€¸â—Ÿ )ã£ ãã‚“ãªã“ã¨è¨€ã£ã¦ã‚‚ã“ã®æš‘ã•ã¯å’Œã‚‰ãŽã¾ã›ã‚“(â—žâ€¸â—Ÿ) ä»Šå›žã¯jQueryã§ç°¡å˜ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤è¡¨ç¤ºã•ã›ã‚‹æ–¹æ³•ã‚’ã”ç´¹ä»‹ã—ã¦ã„ãã¾ã™(â—žâ€¸â—Ÿ) ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã¨ã¯ ãƒ©ã‚¤ãƒˆãƒœãƒƒã‚¯ã‚¹ã®ã‚ˆã†ã«è¦ç´ ã®ä¸Šã«è¦ç´ ã‚’é‡ãã¦è¡¨ç¤ºã•ã›ã‚‹æ–¹æ³•ã§ã™ ä¸Šã«é‡ãã‚‹æ–¹ã®è¦ç´ ã‚’åŠé€æ˜Žã«ã•ã›ã¦ä¸‹ã®è¦ç´ ãŒã†ã£ã™ã‚‰è¦‹ãˆã‚‹ã‚ˆã†ãªè¡¨ç¾ã«å¤šãä½¿ã‚ã‚Œã¾ã™( Ë˜Ï‰Ë˜)â˜ HTML </pre> <div id="overlay"> <p id="text">ï½²ï½ªï½°ï½°ï½²ã¿ã¦ã‚‹ã…âœŒ(Â´Ê˜â€¿Ê˜ï½€)âœŒ</p> <p id="close">close</p> </div> <div id="btn">click</div> <pre> IDåoverlayã¯ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã•ã‚Œ
masuooo 2013/07/12
jQuery

åˆå¿ƒè€…

é–‹ç™º

JavaScript

ç°¡å˜å®Ÿè£…
ãƒªãƒ³ã‚¯
ãƒ‡ãƒ–ãƒã‚²
ã§ã¶ã¯ã’ã€€ã‚ã—ããˆ
masuooo 2013/07/11
html5

jQuery

JavaScript

Web

pushState

Ajax

é–‹ç™º

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
Monaca
Monacaã¯ã‚¯ãƒ©ã‚¦ãƒ‰æŠ€è¡“ã‚’æ´»ç”¨ã—ãŸã€æ—¥æœ¬ç™ºãƒ»æ¬¡ä¸–ä»£ã®ã‚¢ãƒ—ãƒªé–‹ç™ºãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã§ã™ã€‚å¤šæ§˜ãªã‚¢ãƒ—ãƒªé–‹ç™ºã«å¯¾å¿œã™ã‚‹ã‚¯ãƒ©ã‚¦ãƒ‰ã‚µãƒ¼ãƒ“ã‚¹ã‚’ä¸å¿ƒã«ã€ã‚¢ã‚¸ãƒ£ã‚¤ãƒ«é–‹ç™ºã‚’ä¿ƒé€²ã™ã‚‹DevOpsã€ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ã‚„ãƒ†ã‚¯ãƒ‹ã‚«ãƒ«ã‚µãƒãƒ¼ãƒˆã€‚æ—¥ã€…ã®èª²é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã«ç”¨æ„ã•ã‚ŒãŸãƒ„ãƒ¼ãƒ«ã‚„ã‚µãƒ¼ãƒ“ã‚¹ã‚’é€šã˜ã¦ã€ã‚ãªãŸã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®æˆåŠŸã‚’æ”¯ãˆã¾ã™ã€‚ ã•ã‚‰ã«è©³ã—ã
masuooo 2013/07/11
é–‹ç™º

ã‚¢ãƒ—ãƒª

html5

JavaScript

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

API
ãƒªãƒ³ã‚¯
Codrops | Useful resources and inspiration for creative minds
Collective ðŸŽ¨âœ¨ðŸ’» Stay informed and inspired with our daily selection of the most relevant and engaging frontend and design news. Zero fluff, all qualityâ€”every single day. Demos Hub: Explore 500+ free demos ðŸ”¥ðŸ‘¾ Discover our collection of 500+ free animations, interaction concepts, UI designs, web templates & more. Webzibition ðŸ’Žâœ¨ Discover fresh gems in our handpicked exhibition of standout website
masuooo 2013/07/10
webãƒ‡ã‚¶ã‚¤ãƒ³

WordPress

ã¾ã¨ã‚

jQuery

JavaScript

css3

é–‹ç™º
ãƒªãƒ³ã‚¯
1