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

Itisango id:Itisango

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

Introduction | Testing Library
Itisango 2022/01/16
â€œThe @testing-library family of packages helps you test UI components in a user-centric way.The more your tests resemble the way your software is used, the more confidence they can give you.â€

ã‚ã¨ã§èªã‚€

JavaScript

test

library

React

Vue

Angular

Cypress

DOM

JSDOM
ãƒªãƒ³ã‚¯
jQueryãŒå¿…è¦ã¨ã•ã‚Œãªããªã£ã¦ããŸã®ã¯, Reactãªã©ã®ä»–ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒç™»å ´ã—ãŸã›ã„ã§ã¯ãªã, æ¨™æº–DOM APIãŒé€²æ©ã—ãŸãŠã‹ã’ã§ã™
jQueryãŒå¿…è¦ã¨ã•ã‚Œãªããªã£ã¦ããŸã®ã¯, Reactãªã©ã®ä»–ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒç™»å ´ã—ãŸã›ã„ã§ã¯ãªã, æ¨™æº–DOM APIãŒé€²æ©ã—ãŸãŠã‹ã’ã§ã™ JavaScript Advent Calendar 2017 - Qiitaã®2æ—¥ç›®ã®è¨˜äº‹ã§ã™. ä½•æ•…ã“ã®è¨˜äº‹ã‚’æ›¸ã“ã†ã¨æ€ã£ãŸã‹ JavaScriptã®å®šç•ªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã‚ã‚‹jQueryã¯, æœ€è¿‘ä»¥å‰ã¨æ¯”ã¹ã¦å¿…è¦ã¨ã•ã‚Œãªããªã£ã¦ãã¾ã—ãŸ. ãã®ç†ç”±ã¯ã‚ˆã, Reactãªã©ã®ä»–ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒç™»å ´ã—ãŸã›ã„ã ã¨å‹˜é•ã„ã•ã‚Œã¦ã„ã¾ã™. ã—ã‹ã—, jQueryãŒå¿…è¦ã¨ã•ã‚Œãªããªã£ã¦ããŸç†ç”±ã¯æ¨™æº–DOM APIã®é€²æ©ã«ã‚ˆã‚‹ã‚‚ã®ã§ã™. ã“ã®è¨˜äº‹ã§ã¯ãã‚Œã‚’æ›¸ã„ã¦ã„ãã¾ã™. ãªãŠ, ã“ã®è¨˜äº‹ã§ã¯React Nativeã«ã¤ã„ã¦è§¦ã‚Œã‚‹å¿…è¦ãŒãªã„ãŸã‚, React DOMã®ã“ã¨ã‚‚ä¸€ç·’ããŸã«Reactã¨è¨˜è¿°ã—ã¾ã™. ã¾ãŸ, ç§ãŒwebé–‹ç™ºã‚’é–‹å§‹ã—ãŸã®ã¯3å¹´å‰ãã‚‰ã„ã‹ã‚‰
Itisango 2017/12/01
jQuery

angular

javascript

api

ã‚ã¨ã§èªã‚€

programming

software

development
ãƒªãƒ³ã‚¯
2016å¹´ä»¥é™ã«ã€ŒIE8ã«å¯¾å¿œã—ã¦ã€ã¨ã„ã‚ã‚ŒãŸã¨ãæ€ã„å‡ºã—ãŸã„å…é …ç›® - Qiita
æ—¥æœ¬ã§ã¯ã€2016å¹´1æœˆ13æ—¥ã§IE8ã®æ£å¼ã‚µãƒãƒ¼ãƒˆãŒçµ‚äº†ã—ã¾ã—ãŸã€‚ ãã‚Œã§ã‚‚ã€ã¾ã IE8ã§ã‚‚ã¡ã‚ƒã‚“ã¨é–²è¦§ã§ãã‚‹ã‚µã‚¤ãƒˆã‚’ä½œã£ã¦æ¬²ã—ã„ã¨è¨€ã‚ã‚Œã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ æ£å¼ãªã‚µãƒãƒ¼ãƒˆãŒçµ‚äº†ã—ãŸãƒ–ãƒ©ã‚¦ã‚¶ã‚’ä½¿ã†ãƒªã‚¹ã‚¯ã‚„å¯¾å¿œå·¥æ•°ã‚’è€ƒãˆã‚‹ã¨ã€ ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«ã¯ã€ŒIE8ã¯å¯¾å¿œå¤–ã§ã™ã€ã¨ã—ã£ã‹ã‚Šèª¬å¾—ã™ã¹ãã§ã™ã€‚ ã§ã‚‚ã€å¤§äººã®äº‹æƒ…ã§å¯¾å¿œã™ã‚‹ã“ã¨ã«ãªã£ãŸéš›ã«ã€æ°—ã‚’ã¤ã‘ã‚‹ã¹ãã“ã¨ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ 2016å¹´ä»¥é™ã«ã€ŒIE8ã«å¯¾å¿œã—ã¦ã€ã¨ã„ã‚ã‚ŒãŸã¨ãæ€ã„å‡ºã—ãŸã„å…é …ç›® 1. IE8ã¯å¯¾å¿œå¤–ã¨çªã£ã±ãã‚‹ã¹ã— ä¸€ç•ªè‰¯ã„IE8å¯¾ç–ã¯ã€å‹•ä½œç¢ºèªå¯¾å¿œå¤–ã«ã™ã‚‹ã“ã¨ã ã¨æ€ã„ã¾ã™ã€‚ å…¬å¼ã‚µãƒãƒ¼ãƒˆãŒæ¢ã¾ã£ãŸã“ã¨ã§äºˆæœŸã›ã¬æ”»æ’ƒã‚’å—ã‘ã€ãã®ãƒªã‚¹ã‚¯ã‚’èª°ãŒè² ã†ã®ã‹ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã•ã‚“ã«ã‚‚èª¬æ˜Žã—ã¦ãã ã•ã„ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã‚·ã‚§ã‚¢ãªã©ã‚’ãŠè¦‹ã›ã—ã¦ã€ãã‚ãã‚æŽ¨å¥¨ç’°å¢ƒã‚’ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã—ã¾ã›ã‚“ã‹ã¨èª¬å¾—ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ å¤ã„ãƒ¦ãƒ¼ã‚¶ãƒ¼ã•ã‚“ã«æ”¯ãˆã‚‰ã‚Œã¦ã„ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã¯â€¦é ‘
Itisango 2016/09/15
angular

ã‚ã¨ã§èªã‚€

JavaScript

2016å¹´

IE
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¸ã®è¤‡é›‘åŒ–ã«ã¤ã„ã¦ã€ä¸€ã¤ã®è¦–ç‚¹ - mizchi's blog
ã“ã‚Œã‚‰ã®ä»¶ æœ€è¿‘ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¸ã®é•å’Œæ„Ÿ - nobkzã®ãƒ–ãƒã‚° æ—¥æœ¬ã®Webã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®å¤§åŠãŒã€å¤‰åŒ–ã«å¯¾å¿œã—ãã‚Œãªããªã£ã¦ã„ã‚‹ä»¶ã«ã¤ã„ã¦ã€‚ - æ—¥ã€…ã€ã¨ã‚“ã¯èªžã‚‹ã€‚ å‰æ åŽ»å¹´ã¯å‹æ‰‹Reactã‚¨ãƒ´ã‚§ãƒ³ã‚¸ã‚§ãƒªã‚¹ãƒˆ(è‡ªç§°)ã¨ã—ã¦ã€æ—¥æœ¬ã«è¤‡é›‘åŒ–ã™ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æŠ€è¡“ã®æµ·å¤–ã®å‹•é™ã‚’ç´¹ä»‹ã‚’ã—ç¶šã‘ã¦ã„ãŸã€‚ åƒ•ã¨ã—ã¦ã‚‚ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¯è¤‡é›‘åŒ–ã—ã¦ã‚‹ã¨æ€ã£ã¦ã‚‹ã—ã€ãã‚Œã¯ã€Œç›®çš„ã®è¤‡é›‘åŒ–ã«å¯¾ã—ã¦å¿…è¦ãªã‚‚ã®ã€ã ã£ãŸã¨æ€ã£ã¦ã„ã‚‹ã€‚ã“ã“ã§ã„ã†ç›®çš„ã¨ã¯SPAã®æ§‹ç¯‰ã§ã‚ã£ã¦ã€æ™®é€šã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯å«ã‚“ã§ã„ãªã‹ã£ãŸãŒã€æ™®é€šã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚‚å½“ãŸã‚Šå‰ã®ã‚ˆã†ã«ãƒªãƒƒãƒåŒ–ç›®æŒ‡ã—ã¦ã„ã‚‹ã®ãŒç¾åœ¨ãªã®ã§ã€å¢ƒç›®ã¯æ›–æ˜§ã§ã¯ã‚ã‚‹ã€‚ åƒ•ã‚‚ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®è¤‡é›‘åŒ–ãŒã ã‚Œã«ã§ã‚‚å¿…è¦ãªã‚‚ã®ã ã¨ã¯æ€ã£ã¦ã„ãªã„ã€‚ãŒã€å®šæœŸçš„ã«æƒ…å‹¢ã‚’æ•´ç†ã—ã¦ã€äº¤é€šæ•´ç†ã™ã‚‹ã®ã‚’å¿ƒãŒã‘ã¦ããŸã—ã€æ˜¥ã‹ã‚‰ã¯ã˜ã‚ã‚‹ãƒ¢ãƒ€ãƒ³JavaScript / ES2015 - Qiita ã¿ãŸã„ãªè¨˜
Itisango 2016/04/11
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

JavaScript

ã‚ã¨ã§èªã‚€

2016å¹´

angular
ãƒªãƒ³ã‚¯
reactã‚’ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ä½¿ã£ã¦ã¿ãŸæ„Ÿæƒ³ - Qiita
æ›¸ã“ã†ã¨æ€ã£ãŸæ°—æŒã¡ react+reduxã‚’ä½¿ã‚‹æ©Ÿä¼šãŒã‚ã£ãŸã®ã§ã€ãã®è¾ºã§æ„Ÿã˜ãŸäº‹ã‚’æ›¸ãé€£ãã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯ä¸»ã«reactä½¿ã£ã¦ã¿ã¦ã®æ„Ÿæƒ³ãªã®ã§ã€reduxã¨çµ¡ã‚ãŸè©±ã¯ã¾ãŸåˆ¥è¨˜äº‹ã§ã€‚ reactä½¿ãŠã†ã‹ãªãƒ¼ã€ã©ã†ã—ã‚ˆã£ã‹ãªãƒ¼ã€ã¨ã„ã†äººã®å‚è€ƒã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ reactã®æ·±ã„æŠ€è¡“ã«ã¤ã„ã¦ã®è©±ã¯ä»–ã®ã¿ãªã•ã‚“ãŒæ›¸ã„ã¦ãã‚Œã¦ã„ã‚‹ã¨æ€ã†ã®ã§ã€ã“ã“ãŒè‰¯ã‹ã£ãŸã¨ã‹ã€ã“ã“ã§ã¯ã¾ã£ãŸã€ã¿ãŸã„ãªå®Ÿä½“é¨“è©±ãŒãƒ¡ã‚¤ãƒ³ã§ã™ã€‚ ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã¨ã¯æ€ã£ã¦ã„ã¾ã›ã‚“ãŒã€ã¨ã‚Šã‚ãˆãšãã†ã„ã†ã‚„ã‚Šæ–¹ã‚‚ã‚ã‚‹ã‚“ã ãªãã€ãã‚‰ã„ãªæ°—æŒã¡ã§èªã‚“ã§ã‚‚ã‚‰ãˆã‚Œã°ã€‚ ä½¿ãŠã†ã¨æ€ã£ãŸç†ç”± Backboneã¨jQueryã§ãƒ¡ãƒ³ãƒ†ã•ã‚Œã¦ã„ã‚‹UIã‚’å¤‰ãˆã‚‹ãƒãƒ£ãƒ³ã‚¹ãŒæ¥ãŸã®ãŒç™ºç«¯ã€‚ç¾çŠ¶ã ã¨viewã«ãƒã‚¸ãƒƒã‚¯æ›¸ã„ã¦ãŸã‚Šmodelã«viewå¯„ã‚Šã®å‡¦ç†ãŒæ›¸ã„ã¦ã‚ã£ãŸã‚Šã¨ã ã„ã¶å®‡å®™ã®æ³•å‰‡ãŒä¹±ã‚Œã¦ã„ã¦è¾›ã‹ã£ãŸã®ã§ã€UIå¤‰ãˆã‚‹ãªã‚‰ä¸‹å›žã‚Šã®æŠ€è¡“ã‚‚å¤‰ãˆã‚ˆã†ã€ã¨æ€ã£ãŸ
Itisango 2015/12/09
javascript

React.js

backbone

ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ

react

ã‚ã¨ã§èªã‚€

Advent

angular

active
ãƒªãƒ³ã‚¯
Object.observe ã®æ» (ECMAScript ã®ææ¡ˆå–ã‚Šä¸‹ã’ã€V8 ã‹ã‚‰ã‚‚å‰Šé™¤äºˆå®š)
1å¹´å‰ã®è¨˜äº‹ JavaScript ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã‚’å®Ÿç¾ã™ã‚‹ï¼”é€šã‚Šã®æ‰‹æ³• ã§ã¯ã€Object.observe() ã«ã¤ã„ã¦æ¬¡ã®ã‚ˆã†ã«èª¬æ˜Žã—ãŸã€‚ JavaScript ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãŒå¤‰æ›´ã•ã‚ŒãŸã¨ãã«ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã‚’å‘¼ã‚“ã§ãã‚Œã‚‹ API ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã®å®Ÿè£…ãŒç°¡å˜ã«ãªã‚‹ Google Chrome ã«ã¯å®Ÿè£…æ¸ˆã¿ ECMAScript 7 ã«ææ¡ˆä¸ ææ¡ˆãŒé€šã‚Œã° MV* ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®å®Ÿè£…ãŒã‚·ãƒ³ãƒ—ãƒ«ã«ãªã£ã¦ãƒãƒƒãƒ”ãƒ¼ å°†æ¥ã‚’æœŸå¾…ã•ã‚Œã¦ã„ãŸ Object.observe() ã§ã‚ã£ãŸãŒã€2015 å¹´ 11 æœˆé ã€ES Discuss ãƒ¡ãƒ¼ãƒªãƒ³ã‚°ãƒªã‚¹ãƒˆã¸ã® An update on Object.observe ã¨ã„ã†æŠ•ç¨¿ã§ã€ECMAScript ã‹ã‚‰ã®ææ¡ˆãŒå–ã‚Šä¸‹ã’ã‚‰ã‚Œã¦ã€V8 ã‚¨ãƒ³ã‚¸ãƒ³ã‹ã‚‰ã‚‚å¹´å†…ã«å‰Šé™¤ã•ã‚Œã‚‹äºˆå®šã§ã‚ã‚‹ã“ã¨ãŒè¡¨æ˜Žã•ã‚ŒãŸã€‚ Object.observe()
Itisango 2015/11/19
JavaScript

ECMAScript

observe

V8

api

angular

ã‚ã¨ã§èªã‚€

ES

chrome
ãƒªãƒ³ã‚¯
Recruit Tech Blog | æ ªå¼ä¼šç¤¾ãƒªã‚¯ãƒ«ãƒ¼ãƒˆ
æ ªå¼ä¼šç¤¾ãƒªã‚¯ãƒ«ãƒ¼ãƒˆã€€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚³ãƒ¼ã‚¹æ–°äººç ”ä¿®ã®å†…å®¹ã‚’å…¬é–‹ã—ã¾ã™ï¼ï¼ˆ2025å¹´åº¦ç‰ˆï¼‰ 2025.08.28 æ–°äººç ”ä¿®
Itisango 2015/06/24
AngularJS

angular

App

js

javascript

ã‚ã¨ã§èªã‚€

web

programming

software

development
ãƒªãƒ³ã‚¯
JavaScript MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒAngularJS 1.2ã€ãƒªãƒªãƒ¼ã‚¹ã€‚è¦æœ›ã®å¤šã‹ã£ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ãŒè¿½åŠ ã€è„†å¼±ãªã‚³ãƒ¼ãƒ‰ã‚’åˆ¶é™ã™ã‚‹ãƒ¢ãƒ¼ãƒ‰ã‚‚
JavaScript MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒAngularJS 1.2ã€ãƒªãƒªãƒ¼ã‚¹ã€‚è¦æœ›ã®å¤šã‹ã£ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ãŒè¿½åŠ ã€è„†å¼±ãªã‚³ãƒ¼ãƒ‰ã‚’åˆ¶é™ã™ã‚‹ãƒ¢ãƒ¼ãƒ‰ã‚‚ JavaScriptã®MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯Backbone.jsã‚„Ember.jsãªã©å¤šãã®ç¨®é¡žãŒç™»å ´ã—ã¦ã„ã¾ã™ãŒã€Backbone.jsã‚„Ember.jsãªã©ãŒæ¯”è¼ƒçš„ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’æŒ‡å‘ã—ã¦ã„ã‚‹ã®ã«å¯¾ã—ã¦ã€AngularJSã®ç‰¹å¾´ã¯UIãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã‚’å«ã‚€ãƒªãƒƒãƒãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã—ã¦é–‹ç™ºã•ã‚Œã¦ã„ã‚‹ã“ã¨ã§ã™ï¼ˆã¡ãªã¿ã«AngularJSã®Webã‚µã‚¤ãƒˆã§ã¯ã€ŒMVWãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ã¨åä¹—ã£ã¦ã„ã¾ã™ã€‚MVWã®Wã¯Whateverã‚‰ã—ã„ã§ã™ï¼‰ã€‚ AngularJSã§ã¯ã€HTMLã«JavaScriptã®ã‚³ãƒ¼ãƒ‰ã‚’æ··ãœè¾¼ã¾ãªãã¨ã‚‚ã€è˜åˆ¥åã‚’å·®ã—è¾¼ã‚€ã ã‘ã§ã€ãã®è˜åˆ¥åã«å¯¾å¿œã—ãŸãƒ¢ãƒ‡ãƒ«ã®ãƒ‡ãƒ¼ã‚¿ã‚’è‡ªå‹•çš„ã‹ã¤ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«è¡¨ç¤ºã—ã¦ãã‚Œã¾ã™ã€‚é€†ã«ã€HT
Itisango 2013/11/11
â€œBackbone.jsã‚„Ember.jsãªã©ãŒæ¯”è¼ƒçš„ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’æŒ‡å‘ã—ã¦ã„ã‚‹ã®ã«å¯¾ã—ã¦ã€AngularJSã®ç‰¹å¾´ã¯UIãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã‚’å«ã‚€ãƒªãƒƒãƒãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã—ã¦é–‹ç™ºã•ã‚Œã¦ã„ã‚‹ã“ã¨ã§ã™â€

AngularJS

angular

JS

javascript

MVC

framework

pattern

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

publickey

release
ãƒªãƒ³ã‚¯
1