[B! ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰] sujiiã®ãƒ

sujii id:sujii

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«é–¢ã™ã‚‹sujiiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (15)

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

æ›´æ–°ãŒå¿…è¦ãªnpmãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã‚’å¯è¦–åŒ–ã™ã‚‹ - Hatena Developer Blog
ã“ã‚“ã«ã¡ã¯ã€‚ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®id:masawadaã§ã™ã€‚æ™®æ®µã¯ã€ã¯ã¦ãªãƒ–ãƒã‚°ãƒãƒ¼ãƒ ã§é–‹ç™ºã‚’è¡Œãªã£ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯ã€æ—¥ã€…ã®é–‹ç™ºã§ç”Ÿã¾ã‚ŒãŸå›°ã‚Šã”ã¨ã‚’è§£æ¶ˆã™ã‚‹ãŸã‚ã«ä½œã£ãŸyarn-outdated-formatterã¨ã„ã†ãƒ„ãƒ¼ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ çµŒç·¯ ä»¥å‰id:amagitakayosiãŒã€Œãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰Podcastã¯ã˜ã‚ã¾ã—ãŸ - Hatena Developer Blogã€ã«ã¦æ›¸ã„ãŸã¨ãŠã‚Šã€ã¯ã¦ãªã«ã¯ç¾åœ¨ã€Œãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€ã¨ã„ã†è‚©æ›¸ãã®ãƒ¡ãƒ³ãƒãƒ¼ã¯ã„ã¾ã›ã‚“ã€‚ã¯ã¦ãªãƒ–ãƒã‚°ãƒãƒ¼ãƒ ã§ã‚‚å…¨å“¡ãŒãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰(Perl)ã¨ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰(JavaScript)ä¸¡æ–¹ã®ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦ãŠã‚Šã€ã©ã¡ã‚‰ã‹ã¨ã„ã†ã¨ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ãŒãƒ¡ã‚¤ãƒ³ã®ãŸã‚ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã¯ç‰‡æ‰‹é–“ã«ãªã‚ŠãŒã¡ã¨ã„ã†å•é¡ŒãŒã‚ã‚Šã¾ã—ãŸã€‚ ãã“ã§ã€ãƒãƒ¼ãƒ å†…ã§FWG(ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ»ãƒ¯ãƒ¼ã‚ãƒ³ã‚°ãƒ»ã‚°ãƒ«ãƒ¼ãƒ—)ã¨ã„ã†ä¼šã‚’çµ„ç¹”ã—ã¾ã—ãŸã€‚F
sujii 2017/06/08
Yarn

npm

Node.js

JavaScript

hatena

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰
ãƒªãƒ³ã‚¯
Universal JavaScript
Roppongi.rb #3 Rails x Frontend-Tech
sujii 2017/06/08
javascript

webpack

mizchi

ã‚ã¨ã§èªã‚€

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰
ãƒªãƒ³ã‚¯
http://blog.inouetakuya.info/entry/2016/12/11/201419
sujii 2016/12/12
WebPack

javascript

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«ãŠã„ã¦Model-View-Controllerã¯æ»ã‚“ã ã®ã‹ï¼Ÿ | POSTD
å¤šãã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ãŒ ä¸€æ–¹å‘ã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ ã‚’æŽ¡ç”¨ã—å§‹ã‚ã¦ã„ã‚‹ä¸ã§ã€Model-View-Controllerï¼ˆMVCï¼‰ã«æœªæ¥ã¯ã‚ã‚‹ã®ã§ã—ã‚‡ã†ã‹ã€‚ çŠ¶æ³ã‚’æŠŠæ¡ã™ã‚‹ãŸã‚ã«ã€ã¾ãšã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã®é€²åŒ–ã‚’æŒ¯ã‚Šè¿”ã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ éŽåŽ»4å¹´ã«ã‚ãŸã‚Šã€ç§ã¯å¤šæ•°ã®Webãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«å–ã‚Šçµ„ã¿ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®æ§‹ç¯‰ã€ãã—ã¦ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¨ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®çµ±åˆã«å¤šãã®æ™‚é–“ã‚’è²»ã‚„ã—ã¦ãã¾ã—ãŸã€‚ 2010å¹´ä»¥å‰ã¯ã€å¾“æ¥ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã«DOMæ“ä½œã‚’è¿½åŠ ã™ã‚‹å ´åˆã¯å¤§æŠµJavaScriptï¼ˆ jQuery ãŒæ›¸ã‹ã‚ŒãŸãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžï¼‰ãŒä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚å½“æ™‚ã®é–‹ç™ºè€…ã¯ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£è‡ªä½“ã«ã¤ã„ã¦ã¯ãã‚Œã»ã©æ°—ã«æŽ›ã‘ã¦ã„ãªã‹ã£ãŸã¨æ€ã„ã¾ã™ã€‚ã‚³ãƒ¼ãƒ‰ãƒ™ãƒ¼ã‚¹ã‚’æ§‹é€ åŒ–ã™ã‚‹å ´åˆã€ Revealing module pattern ã®ã‚ˆã†ãªã‚‚ã®ãŒã‚ã‚Œã°ååˆ†ã§ã—ãŸã€‚ ç¾åœ¨ã€å¤šãã®è°è«–ãŒäº¤ã‚ã•ã‚Œã¦ã„ã‚‹ãƒ•
sujii 2016/12/01
frontend

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

JavaScript

React.js

flux

ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é©æé©æ‰€ã¨ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¯ä½•ã‚’å¦ã¶ã¹ãã‹
Kaizen Platform ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ä¸æ‘ã§ã™ã€‚ ç¾åœ¨é–‹ç™ºä¸ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã§ã¯ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã« React + Redux ã‚’æŽ¡ç”¨ã—ã¦ã„ã¾ã™ã€‚ å½“åˆã¯è‡ªåˆ†ãŒä¸€äººã§é–‹ç™ºã—ã¦ã„ã¾ã—ãŸãŒã€ãƒãƒ¼ãƒ ã®Ruby ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®çš†ãŒæ¬¡ã€…ã¨ React ã‚’ç¿’å¾—ã€æ°—ãŒã¤ã‘ã°ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®æ©Ÿèƒ½å®Ÿè£…ã‚‚æ‹…ã†ã‚ˆã†ã«ãªã‚Šã€ãŠã‹ã’ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å°‚é–€ã®è‡ªåˆ†ã¯UIãƒ‡ã‚¶ã‚¤ãƒ³ã®è£œä½ & UXã®å‘ä¸Šã¸æ‰‹ãŒå›žã›ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ å¼Šç¤¾ã®ãƒ“ã‚¸ãƒ§ãƒ³ã¯ã€Ž21ä¸–ç´€ã®æ–°ã—ã„é›‡ç”¨ã¨åƒãæ–¹ã®å‰µå‡ºã€ã¨ã„ã†ã“ã¨ã§ã€ä¼šç¤¾ã®å£ã‚’è¶ŠãˆãŸé©æé©æ‰€ã‚’ç›®æŒ‡ã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€ç¤¾å†…ã§ã‚‚ã€Œé©æé©æ‰€ã€ãŒé€²ã‚“ã§ã„ã‚‹ã¨ã„ã†ã‚ã‘ã§ã™ã€‚ ç•¢ç«Ÿã€é–‹ç™ºãƒãƒ¼ãƒ ã®çš†ã•ã‚“ãŒä»•äº‹ã—ã‚„ã™ã„ã‚ˆã†ã€æŠ€è¡“åŸºç›¤ã®æ•´å‚™ã«é‚é€²ã™ã‚‹ã®ã§ã™ãŒã€æ–°ã—ã„ãƒ„ãƒ¼ãƒ«ã‚„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’å°Žå…¥ã™ã‚‹ã«ã‚‚é©å®œåˆ¤æ–ãŒå¿…è¦ã«ãªã‚Šã¾ã—ã¦ã€ã˜ã‚ƒã‚ä½•ã‚’ã©ã†é¸ã¶ã‹ã«ã¤ã„ã¦æ„è¦‹ã‚’æŒã¦ã‚‹ & èª¬æ˜ŽãŒã§ã
sujii 2016/11/09
javascript

react

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

WebPack
ãƒªãƒ³ã‚¯
jQueryã®ãã®å…ˆã¸ã€œWebãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®å…¨ä½“æ„Ÿã‚’ã¤ã‹ã‚‚ã†ã€œ
11. // TypeScript var str1: string = "string1"; var str2: number = "string2"; // 18. # grunt $ coffeescript hoge.coffee > hoge.js $ uglifyjs hoge.js > hoge-min.js # gulp $ coffeescript hoge.coffee | uglifyjs > hoge-min.js
sujii 2016/10/13
JavaScript

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰
ãƒªãƒ³ã‚¯
ç„¡æ–™ã®POSãƒ¬ã‚¸ã‚¢ãƒ—ãƒªã‚’ä½œã£ãŸè©±ã€‚åå¤å±‹ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒžãƒ¼ã‚±ãƒƒãƒˆã§æ´»ç”¨ã™ã‚‹ã¾ã§ã®è‹¦åŠ´è©±
å†’é ã§ã‚‚è§¦ã‚Œã¾ã—ãŸãŒã€ãƒ¬ã‚¸ã‚¢ãƒ—ãƒªã¯åå¤å±‹ã§æ¯Žå¹´2å›žé–‹å‚¬ã•ã‚Œã¦ã„ã‚‹ãªã”ã‚„ã‚¯ãƒªã‚¨ãƒ¼ã‚¿ãƒ¼ã‚ºãƒžãƒ¼ã‚±ãƒƒãƒˆï¼ˆé€šç§°ã‚¯ãƒªãƒžï¼‰ã®å†™çœŸè²©å£²ãƒ–ãƒ¼ã‚¹ã«å‘ã‘ã«åˆ¶ä½œã—ã¾ã—ãŸã€‚ ã€Œå†™çœŸå¥½ãã®ã¤ã©ã„ã€åå¤å±‹ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒžãƒ¼ã‚±ãƒƒãƒˆ https://photo-love-gathering.tumblr.com/ ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒšãƒ¼ã‚¸ã‚‚ã€ç°¡å˜ã§ã™ãŒTumblrä¸Šã§åˆ¶ä½œã—ã¦ã¿ã¾ã—ãŸã€‚ è§£æ±ºã—ãŸã‹ã£ãŸã“ã¨ç§ã®å‚åŠ ã—ã¦ã„ã‚‹ã‚¯ãƒªãƒžã®ãƒ–ãƒ¼ã‚¹ã§ã¯ã€è¤‡æ•°ã®å‡ºå±•è€…ã§å†™çœŸã«ã¾ã¤ã‚ã‚‹å•†å“ã‚’è²©å£²ã—ã¦ã„ã¾ã™ã€‚å‡ºå±•è€…ãŒè¤‡æ•°ã„ã‚‹ãŸã‚ã€è²©å£²ä¾¡æ ¼ã‚„å•†å“ãŒå¤šæ§˜ã§ã€å•†å“ã®ç®¡ç†ã‚„å£²ä¸Šã®ç®¡ç†ã€ã¾ãŸä¼šè¨ˆæ–¹æ³•ãŒå¹´ã€…è¤‡é›‘ã«ãªã‚Šã¾ã—ãŸã€‚ ãã“ã§ã€å•†å“ç®¡ç†ã‚„å£²ä¸Šé›†è¨ˆã®è¤‡é›‘ã•ã‚„æ‰‹é–“ã‚’å–ã‚Šé™¤ããŸã‚ã«ã€ã§ãã‚‹ã‹ãŽã‚Šã®äº‹ã¯è‡ªå‹•åŒ–ã—ã¦ã—ã¾ãŠã†ã¨è€ƒãˆã¾ã—ãŸã€‚ã“ã‚ŒãŒãƒ¬ã‚¸ã‚¢ãƒ—ãƒªã‚’ä½œã‚ã†ã¨æ€ã£ãŸåˆ‡æ¬ ã§ã™ã€‚ ç¾åœ¨ã€å··ã§ã¯ãƒ¬ã‚¸ã‚¢ãƒ—ãƒªãŒæ²¢å±±å˜åœ¨ã—ã¾ã™ãŒã€è§£æ¶ˆã—ãŸã‹ã£ãŸãƒ‹ãƒ¼ã‚ºã¨ä¸€è‡´ã—ãªã‹ã£ãŸã®ã§ã€é ‘
sujii 2016/10/11
javascript

node

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

phantomjs
ãƒªãƒ³ã‚¯
npm-scripts ã§ Web ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’ç®¡ç†ã™ã‚‹ - ã‚¢ã‚«ãƒ™ã‚³ãƒžã‚¤ãƒª
gulp ãªã—ã® Web ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‹ã‚‰ 1 å¹´ã‚ã¾ã‚Šã€‚ãã®é–“ã€ç‰¹ã«å•é¡Œã‚‚ãªã npm-scripts ã§ Web ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’ç®¡ç†ã§ãã¦ã„ã‚‹ã®ã§ã€ã“ã®é–“ã«å¾—ã‚‰ã‚ŒãŸé‹ç”¨çŸ¥è¦‹ã‚„æ‰€æ„Ÿãªã©ã‚’ã¾ã¨ã‚ã¦ã¿ã‚‹ã€‚ npm-scrips ã¨ã¯ï¼Ÿ æœ€è¿‘ã® Web ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã§ã¯ AltJS/AltCSSã®ãƒ“ãƒ«ãƒ‰ã‚„ãƒªãƒªãƒ¼ã‚¹ç”¨ã‚¤ãƒ¡ãƒ¼ã‚¸ä½œæˆãªã©ã« Node.js + npm ã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒä¸€èˆ¬åŒ–ã—ã¦ããŸã€‚ãã®ãŸã‚ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã¯ package.json ã§ç®¡ç†ã™ã‚‹ã“ã¨ã«ãªã‚‹ã€‚package.json ã®æä¾›ã™ã‚‹ä»£è¡¨çš„ãªæ©Ÿèƒ½ã¨ã—ã¦ ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆæƒ…å ±ã®å®šç¾© ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®æˆæžœç‰©ã‚’ npm ã¨ã—ã¦é…å¸ƒã™ã‚‹ãŸã‚ã®æƒ…å ± ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆåã€ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã€ä½œè€…ãªã©ã®ãƒ¡ã‚¿ãƒ‡ãƒ¼ã‚¿ã‚’å®šç¾©ã™ã‚‹ ä¾å˜ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ç®¡ç† ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒä¾å˜ã™ã‚‹ npm ã¨ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’ç®¡ç†ã™ã‚‹ ã“ã®æƒ…å ±ã¸åŸºã¥ã npm install ã‚³
sujii 2016/10/11
npm

javascript

node

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

npm-scripts
ãƒªãƒ³ã‚¯
20160930 ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é«˜é€ŸåŒ– æ¥å‹™ç·¨ (ç¤¾å†…å‹‰å¼·ä¼š)
æ¥å‹™å†…å®¹ãŒæ›¸ã„ã¦ã‚ã£ãŸã®ã‚’çœã„ãŸã®ã§ã‚ã‹ã‚Šã«ãããªã£ã¦ã„ã‚‹ã¨ã¯æ€ã„ã¾ã™ãŒã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¦ãŠãã¾ã—ãŸã€‚Read less
sujii 2016/10/06
javascript

é«˜é€ŸåŒ–

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

performance

jquery
ãƒªãƒ³ã‚¯
Seleniumã‚¢ãƒ¬ãƒ«ã‚®ãƒ¼ã®ãŸã‚ã®å‡¦æ–¹ç®‹ - Qiita
ä½•å¹´ã‚‚å‰ã€Seleniumã‚„WebDriverã®è©±ã§ç››ã‚Šä¸ŠãŒã£ãŸè¨˜æ†¶ãŒã‚ã‚Šã¾ã™ã€‚ãŸã ã€ãã®å½“æ™‚ã¯ã¾ã Railsãªã©ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ä¸å¿ƒã®æ–‡è„ˆã§ã—ãŸã€‚ä»Šã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«è»¸è¶³ãŒç§»ã‚‹ä¸ã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ†ã‚¹ãƒˆã®çŠ¶æ³ã¯ã©ã†ãªã£ãŸã®ã§ã—ã‚‡ã†? ä¸æ€è°ãªã“ã¨ã«ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç•Œéšˆã§ãã‚Œã»ã©è©±é¡Œã«ä¸ŠãŒã£ã¦æ¥ãªã„ã§ã™ã‚ˆã (ç§ã®å‘¨ã‚Šã ã‘?)ã€‚çµæ§‹å¤§äº‹ãªã®ã«ã€‚å®Ÿã¯çš†ã•ã‚“ã€ã€ŒSeleniumã‚¢ãƒ¬ãƒ«ã‚®ãƒ¼ã€ãªã‚“ã˜ã‚ƒãªã„ã§ã™ã‹? å…¬å¼ã‚µã‚¤ãƒˆã«æ¼‚ã† ã‚¼ãƒå¹´ä»£æ„Ÿ(ä¸‹å›³)ã€‚Javaã¸ã®èºŠèº‡ã€ã€Œã‚ã‚“ã©ãã•ã„ã€ã¨èžã‹ã•ã‚Œç¶šã‘ãŸéŽåŽ»ã€ç„¡æ„è˜ã«é¿ã‘ã¦ã—ã¾ã†ã®ãŒSeleniumã§ã™ã€‚ ãŸã ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®æ–‡è„ˆã§ã“ãã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ†ã‚¹ãƒˆã¯é‡è¦åº¦ã‚’å¢—ã—ã¦ã„ã¾ã™ã€‚ãã“ã§ã€ŒSeleniumè§¦ã‚ŠãŸããªã„ç—…ã€ã®ç†è€…ãŒã€ å››è‹¦å…«è‹¦ã—ãŸèƒŒæ™¯ ã¨ã€2016å¹´ã ã‹ã‚‰ã“ã è¦‹ãˆã¦ããŸè½ã¨ã—æ‰€ ã‚’æ›¸ã„ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ è¨»: æ€ã£ãŸã‚ˆã‚Šé•·æ–‡ã«ãªã£ã¦ã—ã¾ã„ã¾ã—ãŸã€‚å…ˆ
sujii 2016/08/08
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

javascript

test

Selenium

PhantomJS
ãƒªãƒ³ã‚¯
æœ€è¿‘ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¸ã®é•å’Œæ„Ÿ - nobkzã®ãƒ–ãƒã‚°
ãã†ã„ãˆã°ä»Šæ—¥ã“ã‚Œã‚‰ã‚’èªã‚“ã§ã¦ d.hatena.ne.jp d.hatena.ne.jp ãã®ä¸ã§ Mediumãªã©æµ·å¤–ãƒ¡ãƒ‡ã‚£ã‚¢ã§ã¯ã€ã‚‚ã¯ã‚„ã“ã®ç¨®ã®ãƒ„ãƒ¼ãƒ«ã‚’çµ„ã¿åˆã‚ã›ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºãŒå½“ãŸã‚Šå‰ã¨ã—ã¦å—ã‘å…¥ã‚Œã‚‰ã¦ãŠã‚Š... ã¯ã? ã€Œæµ·å¤–ã§ã¯å½“ãŸã‚Šå‰()ãªã‚“ã§ã™ãw æµ·å¤–ã£ã¦ã©ã“ã§ã™ã‹? ã‚¿ãƒ³ã‚¶ãƒ‹ã‚¢? ãƒ‘ãƒ•ã‚¢ãƒ‹ãƒ¥ãƒ¼ã‚®ãƒ‹ã‚¢? ã€ãªã©ã¿ãŸã„ãªãƒªã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’å–ã‚Šã¤ã¤ã€ã‚“ã§ã€ã¾ãã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«é–¢ã—ã¦ã€æ›¸ããŸã‹ã£ãŸã“ã¨ãŒã‚ã£ã¦ã€ä¸åº¦è‰¯ã„ã®ã§æ›¸ã„ã¦ã¿ã‚‹ã€‚ ã¨ã„ã†ã®ã‚‚ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãŒã€Œå‡„ãå¤‰åŒ–ãŒæ—©ã„ã€ã€Œã¤ã„ã¦ã„ãã®ã«å¤§å¤‰ã€ã€Œæ–°ã—ã„!!ã™ã”ã„ã€ã€Œã“ã‚Œã‹ã‚‰ã¯â—‹â—‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ã ã¨ã‹ãã‚“ãªã„ã‚ã„ã‚ãªæ„è¦‹ãŒè¦‹ã‚‰ã‚Œã¦ã€ãªã‚“ã¨ã„ã†ã‹é•å’Œæ„Ÿã‚’æ„Ÿã˜ã¦ã‚‹ã®ã§ä»Šå›žã¯ãã‚Œã«ã¤ã„ã¦æ›¸ãã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¯å¤‰åŒ–ãŒæ—©ã„? ã¾ãšã“ã‚Œã€‚åƒ•ã¯æ™®é€šã«é•å’Œæ„Ÿã‚’æ„Ÿã˜ã¦ã„ã‚‹ã€‚ç¢ºã‹ã«ã€jsãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã—ãŸã‚‰ã€jQuer
sujii 2016/04/12
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

javascript

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ä½¿ã£ã¦ã‚‹ã‚‚ã®ãŒã‚ã¾ã‚Šå¤‰ã‚ã£ã¦ãªã„ - No Regrets in Bathing
è‡ªåˆ†ã®ã‚¹ã‚¿ãƒƒã‚¯ã¯ã‚ã¾ã‚Šå¤‰ã‚ã£ã¦ã„ãªã„ã€‚ã»ã¨ã‚“ã©10å¹´ã®ãƒ„ã‚±ã‚’æ‰•ã£ã¦ã„ãªã„ã€‚å¦ç¿’èƒ½åŠ›ãŒä½Žã„ã›ã„ã§ã‚‚ã‚ã‚Šã€é¸ã‚“ã ã‚¹ã‚¿ãƒƒã‚¯ãŒãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’é‡ãã¦ã„ã‚‹æˆæžœã§ã‚‚ã‚ã‚‹ã€‚ æ¯Žå›žä½¿ã† ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ï¼šVue.js æ¶ˆè€—ã€ãªã©ã®æ„è¦‹ãŒæ•£è¦‹ã•ã‚ŒãŸãŒã€ã¹ã¤ã«ä»Šã§ã‚‚ä¾¿åˆ©ã«ä½¿ãˆã¦ã„ã‚‹ã€‚ browserifyã‚„webpackãŒã‚ã‚Œã°ä¾¿åˆ©ã ã‘ã©ã€ãªãã¦ã‚‚ã„ã„ã€ã£ã¦ãƒãƒ©ãƒ³ã‚¹ãŒå¥½ã ãƒ‡ãƒ¼ã‚¿ãƒ•ãƒãƒ¼ã¯ç‰¹ã«è€ƒãˆãªã„ã€‚çŠ¶æ…‹ãŒãã“ã«ã‚ã‚‹ã®ã§æ›¸ãæ›ãˆã‚Œã°è‰¯ã„ã€‚ ã‚ã¾ã‚Šé ã‚’ä½¿ã‚ãªãã¦ã„ã„ã®ãŒåŠ©ã‹ã‚‹ Reactã®è€ƒãˆæ–¹ã¯å¥½ããªã®ã ã‘ã©ã€ã‚ˆã£ã—ã‚ƒFluxã‚„ã‚‹ãžã£ã¦æ°—æŒã¡ã«ã¯ãªã‚‰ãšã€Reactã®ã¿ã§ã‚ˆã—ãªã«ã‚„ã‚‹ã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ãŒåºƒã¾ã£ãŸã‚‰ã„ã„ãªã¨æ€ã†ã€‚ ãƒ“ãƒ«ãƒ‰ã‚·ã‚¹ãƒ†ãƒ ï¼š browserify / watchify substackã®ä½œã‚‹ã‚‚ã®ã¯ã©ã‚Œã‚‚å“è³ªãŒé«˜ã„ã®ã§ã€ã‚‚ã†substackè£½å“ã ã‘ä½¿ã£ã¦ã„ã‚Œã°ã„ã„ã‚„ã¨ã„ã†æ°—æŒã¡ã«ãªã‚ŠãŒã¡ã€‚ä½™è¨ˆãªå‡¦ç†ãŒå…¨
sujii 2016/04/05
javascript

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

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

WebPack
ãƒªãƒ³ã‚¯
Angular2ã¯ã€Œãƒ¢ãƒ€ãƒ³JavaScriptã®å¦ç¿’ã‚»ãƒƒãƒˆã€ï¼ã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆã«ã‚ˆã‚‹ãƒ‡ã‚£ã‚¹ã‚«ãƒƒã‚·ãƒ§ãƒ³ãŒç†±ã‹ã£ãŸï¼ˆè©³ç´°ãªæ³¨é‡ˆä»˜ãï¼ï¼‰
Angular2ã¯ã€Œãƒ¢ãƒ€ãƒ³JavaScriptã®å¦ç¿’ã‚»ãƒƒãƒˆã€ï¼ã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆã«ã‚ˆã‚‹ãƒ‡ã‚£ã‚¹ã‚«ãƒƒã‚·ãƒ§ãƒ³ãŒç†±ã‹ã£ãŸï¼ˆè©³ç´°ãªæ³¨é‡ˆä»˜ãï¼ï¼‰ ç™½çŸ³ ä¿Šå¹³ï¼ˆHTML5 Experts.jpç·¨é›†é•·ï¼‰ ã“ã‚“ã«ã¡ã¯ã€ç·¨é›†é•·ã®ç™½çŸ³ã§ã™ã€‚ åŽ»ã‚‹3æœˆ9æ—¥ã€AngularJSã®ã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆã«ã‚ˆã‚‹åº§è«‡ä¼šã«ãŠã˜ã‚ƒã¾ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ã“ã®åº§è«‡ä¼šã¯AngularJS Japan User Groupã®ä½å· å¤«ç¾Žé›„ã•ã‚“ã®å‘¼ã³ã‹ã‘ã«ã‚ˆã‚‹ã‚‚ã®ã§ã€ãŠé¡Œã¯ã‚‚ã¡ã‚ã‚“ã€ç¾åœ¨Î²ç‰ˆã¨ã—ã¦å…¬é–‹ä¸ã®Angular2ã€‚ã€Œãƒãƒ¼ãƒ‰ãƒ«é«˜ã„ã€ã€ŒAngular1ã¨é•ã„ã™ãŽã‚‹ã€ãªã©ã€ã„ã‚ã‚“ãªæƒ…å ±ã‚‚é£›ã³äº¤ã†ä¸ã§ã€Angular2ã®é…åŠ›ã¨èª²é¡Œã«ã¤ã„ã¦å˜åˆ†ã«èªžã£ã¦ã„ãŸã ãã¾ã—ãŸã€‚ Angular2ã«é–¢å¿ƒã®ã‚ã‚‹æ–¹ã«ã¯ã‚‚ã¡ã‚ã‚“ã®ã“ã¨ã€Angular1ã—ã‹è§¦ã£ãŸã“ã¨ã®ãªã„æ–¹ã€ãã‚‚ãã‚‚AngularJSã¯åˆã‚ã¦ã¨ã„ã†æ–¹ã«ã¨ã£ã¦ã‚‚è²´é‡ãªã”æ„è¦‹ãŒæº€è¼‰ï¼ã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆåŒå£«ã®ä¼šè©±ã¨
sujii 2016/04/05
AngularJS

javascript

Angular2

TypeScript

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰
ãƒªãƒ³ã‚¯
ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã€‘æ–°è¦ Web ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºæ¡ˆä»¶ã‚’ãµã‚Šã‹ãˆã£ã¦ã¿ãŸ | PSYENCE:MEDIA
4 ãƒ¶æœˆã‚ã¾ã‚Šç¶šã„ãŸæ–°è¦é–‹ç™ºæ¡ˆä»¶ãŒã‚ˆã†ã‚„ãè½ã¡ç€ãã‚’è¦‹ã›ãŸã®ã§ã€ã“ã“ã‚‰ã§æŒ¯ã‚Šè¿”ã‚Šã‚’ã—ã¦ã¿ãŸã„ã¨ã—ã¾ã™1)ãƒªãƒªãƒ¼ã‚¹ã¾ã§ã«å·»ãå–ã‚Œãªã‹ã£ãŸä¸å…·åˆã‚„æœªå®Ÿè£…ç®‡æ‰€ãŒå¹¾ã¤ã‹æ®‹ã£ã¦ã„ã‚‹ã®ã§ã€ã¾ã æ°—æŒã¡çš„ã«ã¯çµ‚ã‚ã‚Œã¦ã„ãªã„ã®ã§ã™ãŒâ€¦ã€‚ ã‚µãƒ¼ãƒ“ã‚¹ã®ãŠãŠã¾ã‹ãªã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ ã‚³ãƒ³ã‚·ãƒ¥ãƒ¼ãƒž ( ä¸€èˆ¬ãƒ¦ãƒ¼ã‚¶ãƒ¼ ) å‘ã‘ã‚µãƒ¼ãƒ“ã‚¹ ãƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ã Web ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ ãƒ¯ãƒ³ã‚½ãƒ¼ã‚¹ã«ã‚ˆã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ã‚µãƒãƒ¼ãƒˆã™ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã¯ IE9 ä»¥é™ã‚„ Android4.x ä»¥é™ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã®ã¿ Ruby on Rails å¤šè¨€èªžå¯¾å¿œã‚ã‚Š SEO å¯¾ç–ã¯ãã‚Œãªã‚Šã«å¿…è¦ ã‚ã‚Šã¨ãƒ•ãƒ¯ãƒƒã¨ã—ã‹è¦ä»¶ãŒæ±ºã¾ã£ã¦ã„ãªã„ã¾ã¾ã‚¹ã‚¿ãƒ¼ãƒˆã—ãŸã®ã§ã€TRY & ERROR ã‚’ç¹°ã‚Šè¿”ã—ãªãŒã‚‰ã®é–‹ç™º ã™ã”ãå¤§é›‘æŠŠã§ã™ãŒã€ã ã„ãŸã„ã“ã‚“ãªæ„Ÿã˜ã® Web ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã™ã€‚ã“ã‚Œã‚’è¸ã¾ãˆã¦ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’ã©ã®ã‚ˆã†ã«é–‹ç™ºã—ã¦ã„ãã‹ã‚’è¨è¨ˆã—ã¦ã„ãã¾ã—
sujii 2015/04/28
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³

bootstrap

JavaScript

ã‚ã¨ã§èªã‚€

jQuery

css

webåˆ¶ä½œ

é–‹ç™º
ãƒªãƒ³ã‚¯
æœ€è¿‘ã®JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®è©•ä¾¡ã¨ã‹ - albatrosary's blog
æœ€è¿‘JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ã¤ã„ã¦è‰²ã€…æŒ‡æ¨™ã®ã‚ˆã†ãªã‚‚ã®ã‚’æç¤ºã™ã‚‹ãƒ–ãƒã‚°ãŒæµè¡Œã£ã¦ã„ã‚‹ã‚ˆã†ã ã€‚é©æé©æ‰€ã®ã‚‚ã¨ã€ã“ã‚Œã¯å¤§è¦æ¨¡å‘ãã¨ã‹å°è¦æ¨¡å‘ãã¨ã‹æ—©ã„ã ã®é…ã„ã ã®ã€‚åŠ ãˆã€Œgitãªã‚“ã‹è¦šãˆãªããŸã£ã¦æ»ãªãªã„ã€ã¨ã‹ã€UXã†ãˆã„ï¼ã¿ãŸã„ãªè©±ã ã¨æ€ã„ãã‚„å†…å®¹ãŒUIã«é™ã£ãŸã“ã¨ã¨ã‹ã€‚ ä¸€ä½“æœ€è¿‘ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¯ã©ã†ãªã£ã¦ã‚‹ã‚“ã ï¼Ÿã¨ã„ã†é›°å›²æ°—ã«ãªã£ã¦ãã¾ã—ãŸã®ã§ã€å°‘ã—ãƒ¡ãƒ¢çš„ã«æ›¸ãã¾ã—ãŸã€‚ JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ã¤ã„ã¦ JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®çŠ¶æ³ã‚’è¦‹ã‚‹ã¨ï¼ˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‹ã®è°è«–ã¯ç½®ã„ã¦ãŠãï¼‰ DOM Web Components Virtual DOM ã«åˆ†ã‹ã‚Œã¾ã™ã€‚JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯åˆæœŸã®é ƒã¯DOMã‚’ç›´æŽ¥æ“ä½œã™ã‚‹ã‚‚ã®ãŒå¤šãå‡ºç¾ã—ã¦ãã¾ã—ãŸãŒã€ãƒ¬ã‚¹ãƒãƒ³ã‚¹ãªã©æ‰±ã„ã«é›£ã—ã„é¢ã‚‚ã‚ã‚Šã€ä»–ã®ã‚¢ãƒ—ãƒãƒ¼ãƒãŒè€ƒæ¡ˆã•ã‚Œã¾ã—ãŸã€‚ãã‚ŒãŒWeb Compoent
sujii 2015/03/19
javascript

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰
ãƒªãƒ³ã‚¯
1