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

ichi_S id:ichi_S

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

${{author_name}}$

{{author_name}} {{created}}

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

{{#following_bookmarks}}

${{author_name}}$

{{author_name}} {{created}}

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

{{/following_bookmarks}}

{{/is_wiped}}

Vue.jsã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆè©°ã‚åˆã‚ã›ã€ŒElementã€ãŒã‚¹ã‚´ã‹ã£ãŸ | ç¶ºéº—ã«æ»ã¬ITã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢
JavaScriptã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã‚ã‚‹ã€ŒVue.jsã€ã€çš†ã•ã‚“ã¯ä½¿ã£ã¦ã¾ã™ã§ã—ã‚‡ã†ã‹ã€‚ å¦ç¿’ã‚³ã‚¹ãƒˆã®ä½Žã•ã€å°è¦æ¨¡æ¡ˆä»¶ã§ã®å°Žå…¥ã®ã—ã‚„ã™ã•ã€å¤§è¦æ¨¡æ¡ˆä»¶ã«ã‚‚å¯¾å¿œã§ãã‚‹æ‹¡å¼µæ€§ã®é«˜ã•ã‹ã‚‰ã€æœ€è¿‘ã¯Vue.jsã°ã‹ã‚Šã„ã˜ã£ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯ã€ãã‚“ãªVue.jsä¸Šã§ã€ã™ãã«é«˜æ©Ÿèƒ½ãªUIãƒ‘ãƒ¼ãƒ„ãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆè©°ã‚åˆã‚ã›ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒElementã€ãŒäºˆæƒ³ä»¥ä¸Šã«ã‚¹ã‚´ã‹ã£ãŸã®ã§ã€ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ç°¡å˜ã«é«˜æ©Ÿèƒ½ãªUIãŒå®Ÿè£…ã§ãã‚‹ã®ã§ã€Vue.jsã‚’ä½¿ã£ãŸã“ã¨ãŒãªã„äººã‚‚ã€ä¸€èªã—ã¦ã„ãŸã ãã€ã€ŒVue.jsä½¿ã£ã¦ã¿ã‚ˆã†ï¼ã€ã¨ãªã£ã¦ãã‚Œã‚‹ã¨ã€å¬‰ã—ã„é™ã‚Šã§ã™ã€‚ Vue.jsã¨ã¯çŸ¥ã‚‰ãªã„äººã®ãŸã‚ã«ã€Vue.jsã®ç´¹ä»‹ã‚’ã—ã¦ãŠãã¾ã™ã€‚ Vue.jsã¯JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ä¸€ã¤ã§ã™ã€‚ ä»–ã®ä¸€æžšæ¿ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã¯ç•°ãªã‚Šã€åˆã‚ã‹ã‚‰å°‘ã—ã¥ã¤é©ç”¨ã—ã¦ã„ã‘ã‚‹ã‚ˆã†ã«è¨è¨ˆã•ã‚Œã¦ã„ã¾ã™ã€‚ä»–ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚„æ—¢
ichi_S 2017/05/15
vue.js

javascript

Element
ãƒªãƒ³ã‚¯
JavaScript ã«ãŠã‘ã‚‹æ–‡å—ã‚³ãƒ¼ãƒ‰ã¨ã€Œæ–‡å—æ•°ã€ã®æ•°ãˆæ–¹ | blog.jxck.io
Intro textarea ãªã©ã«å…¥åŠ›ã•ã‚ŒãŸæ–‡å—æ•°ã‚’ã€ JS ã§æ•°ãˆãŸã„å ´åˆãŒã‚ã‚‹ã€‚ ã“ã“ã§ .length ã‚’æ•°ãˆã‚‹ã ã‘ã§ã¯ãƒ€ãƒ¡ãªç†ç”±ã¯ã€æ–‡å—ã‚³ãƒ¼ãƒ‰ã‚„ JS ã®å†…éƒ¨è¡¨ç¾ã®è©±ã‚’ç†è§£ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã€‚ å¤šè¨€èªžã‚„çµµæ–‡å—å¯¾å¿œãªã©ã‚‚è¸ã¾ãˆãŸä¸Šã§ã€ã©ã†å‡¦ç†ã™ã‚‹ã¹ããªã®ã‹ã€‚ ãã‚Œè‡ªä½“ã¯æž¯ã‚ŒãŸè©±é¡Œã§ã¯ã‚ã‚‹ãŒã€è¿‘å¹´ ECMAScript ã«è¿½åŠ ã•ã‚ŒãŸæ©Ÿèƒ½ãªã©ã‚’äº¤ãˆã¦è§£èª¬ã™ã‚‹ã€‚ ãªãŠã€æ–‡å—ã‚³ãƒ¼ãƒ‰ã®ä»•çµ„ã¿ã‚’è©³è§£ã™ã‚‹ã“ã¨è‡ªä½“ãŒç›®çš„ã§ã¯ç„¡ã„ãŸã‚ã€ BOM, UCS-2, Endian, æ´å²çš„çµŒç·¯ãªã©ã€ã“ã®æ‰‹ã®è©±é¡Œã«ã¤ãç‰©ãªè©±ã®ä¸€éƒ¨ã¯çœãã“ã¨ã¨ã™ã‚‹ã€‚ 1 æ–‡å—ã¨ã¯ä½•ã‹ Unicode ã¯å…¨ã¦ã®æ–‡å—ã« ID ã‚’æŒ¯ã‚‹ã“ã¨ã‚’ç›®çš„ã¨ã—ã¦ã„ã‚‹ã€‚ ä¾‹ãˆã° ðŸ˜ (loudly crying face) ãªã‚‰ 0x1F62D ã ã€‚ 1 ã¤ã®æ–‡å—ã« 1 ã¤ã® ID ãŒå‰²ã‚Šå½“ã¦ã‚‰ã‚Œã¦ã„ã‚‹ã®ã ã‹ã‚‰ã€æ–‡å—ã®æ•°ã‚’æ•°ãˆã‚‹å ´åˆã¯ã€ã“ã® ID
ichi_S 2017/03/03
Javascript

unicode

æ–‡å—åˆ—
ãƒªãƒ³ã‚¯
enzyme+mocha+power-assertã§Reactã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ•ãƒ«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ†ã‚¹ãƒˆ - wadackel.me
å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ React ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ†ã‚¹ãƒˆã‚³ãƒ¼ãƒ‰ã‚’è¦‹ã¦ã¿ã‚‹ã¨ã€enzymeã‚’ä½¿ã£ã¦ãƒ†ã‚¹ãƒˆã—ã¦ã„ã‚‹ã‚‚ã®ã‚’çµæ§‹è¦‹ã‹ã‘ã¾ã™ã€‚enzyme ã¯React å…¬å¼ã§ã‚‚æŠ¼ã—ã¦ã„ã‚‹ã£ã½ã„ã®ã§ã€ç©æ¥µçš„ã«ä½¿ã£ã¦ã„ããŸã„ã§ã™ã€‚ Note: Airbnb has released a testing utility called Enzyme, which makes it easy to assert, manipulate, and traverse your React Componentsâ€™ output. If youâ€™re deciding on a unit testing library, itâ€™s worth checking out: http://airbnb.io/enzyme/ æ—¥æœ¬èªžã®ç´¹ä»‹è¨˜äº‹ã§ã¯@syossan27ã•ã‚“ã®è¨˜äº‹ãŒå‚è€ƒã«ãªã‚Šã¾ã—ãŸã€‚ React ã®ãƒ†ã‚¹ãƒˆã‚’ Enz
ichi_S 2016/07/06
react

test

JavaScript
ãƒªãƒ³ã‚¯
Material UIã‚’ä½¿ã£ã¦ã‚«ãƒƒã‚³ã„ã„UIã®Reactã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã£ã¦ã¿ãŸ
English
ichi_S 2016/04/29
ui

react

javascript

css
ãƒªãƒ³ã‚¯
10å¹´ã®ãƒ„ã‚±ã‚’æ”¯æ‰•ã£ãŸãƒ•ãƒãƒ³ãƒˆç•Œéšˆã«ãŠã‘ã‚‹JavaScripté–‹ç™ºç’°å¢ƒï¼ˆ2016å¹´4æœˆç¾åœ¨ï¼‰ã€‚ - æ—¥ã€…ã€ã¨ã‚“ã¯èªžã‚‹ã€‚
2015å¹´ã¯CSSãŒæ™®åŠã—ãŸä»¥æ¥ã¨ãªã‚‹10å¹´ã«1åº¦ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å¤§å¤‰é©æœŸã§ã€ãã‚Œã¾ã§ã®ãƒ„ã‚±ãŒä¸€æ°—ã«å›žã£ã¦ããŸã¨å€‹äººçš„ã«æ„Ÿã˜ã¦ã„ã¾ã—ãŸã€‚ç›®ã¾ãã‚‹ã—ãçŠ¶æ³ãŒå¤‰åŒ–ã—ã¦ã„ãã¾ã—ãŸãŒã€2016å¹´ã«ãªã‚Šã€å€‹äººçš„ã«ã ã„ã¶è½ã¡ç€ã„ã¦ããŸã¨æ„Ÿã˜ã¦ã„ã‚‹ã®ã§ã€ã“ã“ã‚‰ã¸ã‚“ã§ã¾ã¨ã‚ã¦ãŠããŸã„æ€ã„ã¾ã™ã€‚ æœ€åˆã«çµè«–ã‚’æ›¸ã„ã¦ãŠãã¨ã€ ã€ŽReact + Redux + react-router + material-ui + axios + ES2015 + Babel + webpack + ESLint + Airbnb JavaScript Style Guideã€ ã¨ã„ã†çµ„ã¿åˆã‚ã›ãŒã€ã„ã¾åƒ•ã®æŽ¡ç”¨ã—ã¦ã„ã‚‹JavaScriptã®ç’°å¢ƒã§ã™ã€‚ ä¸»è¦ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ React A JavaScript library for building user interfaces | React åŽ»å¹´ã€ä¸€æ°—ã«æ™®åŠã—ãŸReact
ichi_S 2016/04/03
Javascript
ãƒªãƒ³ã‚¯
Setting up minimum single page application
React.jsãªã©ã‚’è©¦ãã†ã¨ã™ã‚‹ã¨ãã«ã€browserify? gulp? grunt? webpack? ã©ã‚Œä½¿ãˆã°ã„ã„ã®ã¨ã‹ã€ãƒ†ã‚¹ãƒˆã¯ä½•ã‚’ä½¿ãˆã°ã„ã„ã®ã‹ã¨ã‹ã‚ˆãã‚ã‹ã‚‰ãªã„ã¨ã„ã†ã®ã‚’ãŸã¾ã«èžãã®ã§ã€æœ€ä½Žé™ã®è¨å®šã ã‘ã©ES6ã§æ›¸ã‘ãŸã‚Šautobuildã‚„livereloadãŒå‡ºæ¥ã‚‹æ§‹æˆã®ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ã‚ã¨ã€ãƒ†ã‚¹ãƒˆã¯karma + mocha + power-assertã§chromeã§ãƒ†ã‚¹ãƒˆå‡ºæ¥ã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã™ã€‚ æœ¬å½“ã¯package.jsonã ã‘ã«ã—ãŸã‹ã£ãŸã®ã§ã™ãŒkarmaã®è¨å®šã ã‘ã¯åˆ¥ãƒ•ã‚¡ã‚¤ãƒ«ã«ãªã£ã¦ã¾ã™...ã€‚ ãƒ†ã‚¹ãƒˆãŒå¿…è¦ãªã„å ´åˆã¯ã€package.jsonã®æŒ‡å®šã ã‘ã§å¤§ä¸ˆå¤«ã§ã™ã€‚ https://github.com/koba04/minimum-spa-boilerplate git cloneã—ã¦npm installã—ã¦npm startã™ã‚Œã°ã„ã„ã ã‘ã®
ichi_S 2016/02/25
javascript

npm

react.js
ãƒªãƒ³ã‚¯
webpack+babel-loader+power-assert+jsdomã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç’°å¢ƒã‚’ä½œã‚‹ - yutaponã®ãƒ–ãƒã‚°
ã“ã®è¨˜äº‹ã¯ JavaScript Advent Calendar 2015 10æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ åŽ»å¹´ã¯ä¸»ã« gulp ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ãŸå†…å®¹ã§ã—ãŸãŒã€ä»Šå›žã¯JSã®ãƒ“ãƒ«ãƒ‰ã¨ãƒ†ã‚¹ãƒˆã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ãŸå…¥é–€è¨˜äº‹ã§ã™ã€‚ ã‚„ã‚‹ã“ã¨ ES2015ã§æ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ã‚’Webpackã§ãƒ“ãƒ«ãƒ‰ã™ã‚‹ babel@6ç³»ã‚’ä½¿ã† Mocha + power-assert + jsdom ã§ãƒ†ã‚¹ãƒˆã‚’æ›¸ã ã‚„ã‚‰ãªã„ã“ã¨ gulpã¾ã‚ã‚Š React.js CSSãƒ“ãƒ«ãƒ‰ã¾ã‚ã‚Š æœ€çµ‚çš„ãªã‚³ãƒ¼ãƒ‰ã¯ã“ã¡ã‚‰ã«ä¸Šã’ã¦ãŠãã¾ã—ãŸ(ã™ã”ãç°¡ç´ ãªå‡ºæ¥ã§ã™)ã€‚ GitHub - sskyu/webpack-power-assert-jsdom-skeleton ã¯ã˜ã‚ã« ä»Šå¹´ã¯React.jsãŒJSerã®ä¸ã§å®šç€ã—ãŸæ„ŸãŒã‚ã‚Šã¾ã—ãŸã€‚ Fluxã®è€ƒãˆæ–¹ã‚’æ˜‡è¯ã•ã›ãŸReduxãŒFluxç³»ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã«ãªã‚Šãã†ãªé›°å›²æ°—ã‚’å‡ºã—ã¤ã¤ã€React
ichi_S 2016/02/25
javascript

test
ãƒªãƒ³ã‚¯
OverReact - React File & QR Generator, Social Media Integration
The React File Generator Wireframe React components, download starter files with one click and create an app to stream posts from social media platforms (Twitter, etc.). This tool not only allows users to wireframe React components and stream posts from social platforms like Twitter, but it also integrates seamlessly with a generator to create QR code linking directly to the developed applications
ichi_S 2016/01/08
react

Javascript

mock
ãƒªãƒ³ã‚¯
suggest.js - å…¥åŠ›è£œå®Œãƒ©ã‚¤ãƒ–ãƒ©ãƒª
JapaneseÂ /Â English JavaScriptã§å…¥åŠ›è£œå®Œã‚’æ‰‹è»½ã«è¡Œã†ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ (ã€ãŠçŸ¥ã‚‰ã›ã€‘ver2.0ã‹ã‚‰prototype.jsã‚’å¿…è¦ã¨ã—ãªããªã‚Šã¾ã—ãŸ) ä¸‹è¨˜ã®ã‚ˆã†ãªæ©Ÿèƒ½ã‚’æŒã£ã¦ã„ã¾ã™ã€‚ å…¥åŠ›å†…å®¹ã‚’ã‚‚ã¨ã«æ¤œç´¢ã‚’è¡Œã„ã€è£œå®Œå€™è£œã‚’è¡¨ç¤ºã—ã¾ã™ã€‚(Google Suggestã½ã) Ajaxã§ã¯ç„¡ãã€åˆå›žç”»é¢è¡¨ç¤ºæ™‚ã®ã¿ãƒ‡ãƒ¼ã‚¿ã®èªã¿è¾¼ã¿ã‚’è¡Œã„ã€ãã‚Œä»¥é™ã¯ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã§å¯¾è±¡ãƒ‡ãƒ¼ã‚¿ã‹ã‚‰æ¤œç´¢ã—ã¾ã™ã€‚ã—ãŸãŒã£ã¦ã€å…¥åŠ›å†…å®¹ã«å¤‰åŒ–ãŒã‚ã£ã¦ã‚‚ã‚µãƒ¼ãƒå´ã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ æ¤œç´¢ã¯ã€å‰æ–¹ä¸€è‡´/éƒ¨åˆ†ä¸€è‡´ã€å¤§æ–‡å—ã¨å°æ–‡å—ã®åŒºåˆ¥ã‚ã‚Š/ãªã—ã¨ã„ã£ãŸã‚ˆã†ã«ã€ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã§ç°¡å˜ã«æŒ‡å®šã§ãã¾ã™ã€‚ã¾ãŸã€ãã®ä»–ã«ã‚‚æ§˜ã€…ãªã‚ªãƒ—ã‚·ãƒ§ãƒ³ãŒæŒ‡å®šå¯èƒ½ã§ã™ã€‚ æ¤œç´¢çµæžœã®è¡¨ç¤ºä¸Šé™ã‚’æŒ‡å®šã§ãã¾ã™ã€‚(ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆä¸Šé™20ä»¶) è£œå®Œå€™è£œã¯ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã®ä¸Šä¸‹ã¨ã€ãƒžã‚¦ã‚¹ã«ã¦é¸æŠžã§ãã¾ã™ã€‚ã¾ãŸã€ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã§é¸æŠžä¸ã«ES
ichi_S 2015/12/16
library

suggest

JavaScript
ãƒªãƒ³ã‚¯
ãƒ¢ãƒ€ãƒ³JavaScripté–‹ç™ºç’°å¢ƒ on Rails - ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰é–‹ç™ºè€…ãƒ–ãƒã‚°
æŠ•ç¨¿æŽ¨é€²éƒ¨ã®å¤–æ‘ï¼ˆ@hokacchaï¼‰ã§ã™ã€‚ ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ãƒ–ãƒã‚°ã®é–‹ç™ºã§Railsä¸Šã«ECMAScript6ãªã©ã®ãƒ¢ãƒ€ãƒ³ãªJavaScripté–‹ç™ºç’°å¢ƒã‚’å°Žå…¥ã—ãŸçµŒé¨“ã‚’å…ƒã«ãƒŽã‚¦ãƒã‚¦ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Railsã¯Sprocketsã¨ã„ã†gemã§JavaScriptã‚„CSSã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚‹ä»•çµ„ã¿ãŒæä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚Sprocketsã«ã‚ˆã‚‹assetç®¡ç†ã®ä»•çµ„ã¿ã¯éžå¸¸ã«ã‚ˆãã§ãã¦ãŠã‚Šã€AltJSã®ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ«ã‚„ãƒ•ã‚¡ã‚¤ãƒ«ã®çµåˆã€minifyãªã©ã€assetã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã«å¿…è¦ãªæ©Ÿèƒ½ã‚’ä¸€é€šã‚Šå‚™ãˆã¦ã„ã¾ã™ã€‚ ã—ã‹ã—ã€JavaScriptã«ãŠã‘ã‚‹ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®ä¾å˜é–¢ä¿‚ã®è§£æ±ºã‚„ã€ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ç®¡ç†ãªã©ã«ã¤ã„ã¦ã¯ãƒ¢ãƒ€ãƒ³ãªJavaScripté–‹ç™ºã¨ä¹–é›¢ã—ã¦ãã¦ã„ã‚‹ã®ãŒç¾çŠ¶ã§ã™ã€‚ãã“ã§ã€Railsã§ã‚‚ä»¥ä¸‹ã®ã‚ˆã†ãªã“ã¨ã‚’å®Ÿç¾ã§ãã‚‹ã“ã¨ã‚’ç›®æ¨™ã«ç’°å¢ƒã‚’ä½œã‚Šã¾ã—ãŸã€‚ ECMAScript6ã®ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ã‚’ä½¿ã† ãƒ¢ã‚¸ãƒ¥
ichi_S 2015/12/14
Rails

browserify

JavaScript

sprockets
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«ç§©åºã‚’å–ã‚Šæˆ»ã™æ–¹æ³• ã€œã¯ã¦ãªãƒ–ãƒã‚°ç·¨é›†ç”»é¢ã‚’ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã™ã‚‹ãŸã‚ã«ã‚„ã£ãŸã“ã¨ã€œ // Speaker Deck
æ±äº¬Nodeå¦åœ’ç¥2015
ichi_S 2015/11/09
javascript

programming

refactoring

frontend
ãƒªãƒ³ã‚¯
webdesign-dackel.comÂ -Â ã“ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯è²©å£²ç”¨ã§ã™ï¼Â -Â webdesign dackel ãƒªã‚½ãƒ¼ã‚¹ãŠã‚ˆã³æƒ…å ±
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.
ichi_S 2015/11/02
mocha

power-assert

karma

javascript

test
ãƒªãƒ³ã‚¯
Relay ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€æ—¥æœ¬èªžç¿»è¨³ã€‘
å…ˆæ—¥ã€FacebookãŒãƒ‡ãƒ¼ã‚¿é§†å‹•åž‹ã®Reactã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºã‚’è¡Œã†ãŸã‚ã®JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒRelayã€ã®Technical Previewç‰ˆã‚’å…¬é–‹ã—ã¾ã—ãŸã€‚ã•ã£ããã§ã™ãŒã€è‡ªåˆ†ã®ç†è§£ã‚’æ·±ã‚ã‚‹ãŸã‚ã«Relayã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’å’Œè¨³ã—ã¾ã—ãŸã€‚ã›ã£ã‹ããªã®ã§ãƒ–ãƒã‚°ã«ã‚‚ã‚¢ãƒƒãƒ—ã—ã¦ãŠãã¾ã™ã€‚èª¤è¨³ãªã©ã‚‚ã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ãŒã€Googleç¿»è¨³ã‚ˆã‚Šã¯ãƒžã‚·ã ã¨å‚è€ƒã«ã—ã¦ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚åŽŸæ–‡ã‚‚ã¤ã‘ã¦ãŠã„ãŸã®ã§ã€ç¿»è¨³ãŒãŠã‹ã—ãªã¨ã“ã‚ã‚‚ãªã‚“ã¨ãªããƒ‹ãƒ¥ã‚¢ãƒ³ã‚¹ã‚’æŽ´ã‚“ã§ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ Relayãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã«è¡Œãå‰ã«ã€Relayã®åŸºç¤ŽçŸ¥è˜RelayRelayã¯ã€ã€Œãƒ‡ãƒ¼ã‚¿é§†å‹•åž‹ã®Reactã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã™ã‚‹ãŸã‚ã®JavaScriptã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ã§ã™ã€‚Relayã¯ReactåŒæ§˜ã€Facebookï¿½ãŒé–‹ç™ºã‚’é€²ã‚ã¦ã„ã¾ã™ã€‚Relayã‚’ä½¿ã†ã¨ã€ã‚µãƒ¼ãƒã‹ã‚‰å–å¾—ã—ãŸãƒ‡ãƒ¼ã‚¿ã‚’
ichi_S 2015/08/19
javascript

relay

tutorial
ãƒªãƒ³ã‚¯
React.jsã‚’ä½¿ã„ãŸã„RailsãŠã˜ã•ã‚“ãŒJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ãã‚Œã£ã½ãç®¡ç†ã—ãªãŒã‚‰å…¥é–€ã™ã‚‹ - ppworks.jp
Sendagaya.rb #114ã«æ¥ãŸã®ã§ã€ç›®æ¨™ã®ãƒ–ãƒã‚°è¨˜äº‹ã‚’æ›¸ã„ã¦ãŸã€‚ ä»Šæ—¥ã¯sendagaya.rbã¸è¡Œã£ã¦ãƒ–ãƒã‚°è¨˜äº‹ã‚’ä¸€æœ¬ä»•ä¸Šã’ã‚‹ã®ãŒç›®æ¨™ã€‚â€” Koshikawa Naoto (@ppworks) August 10, 2015 ä»Šæ—¥ã¯ã€React.jsã®ä¼šãªã®ã§ã€Railsã‹ã‚‰React.jsã‚’ã–ã£ãã‚Šä½¿ã£ã¦è¦‹ã‚‹æº–å‚™ã‚’ã—ã¦ã¿ã¾ã™ã€‚ ç›®æŒ‡ã™ã‚‚ã® sprocketsã®ã¾ã¾ã¨ã‚Šã‚ãˆãšé€²ã‚€ jsã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’npmã§ç®¡ç†ã—ãŸã„ React.jsã‚’ES6ã§æ›¸ããŸã„ã—ã€JSXæ›¸ããŸã„ herokuã§å‹•ã‹ã™ãžï¼ react-railsã¯ä½¿ã„ãŸããªã„ æ–¹é‡ sprocketsã¨å…±å˜ã™ã‚‹ãŸã‚ã«ã€browserify-railsã‚’åˆ©ç”¨ã—ã€ES6ã¯Babelã‚’åˆ©ç”¨ã—ã¾ã™ã€‚ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ãã®ã¾ã¾ã€npmã§ç®¡ç†ã—ã¾ã™ã€‚ npmã‚’å…¥ã‚Œã¾ã™ ã‚‚ã—å…¥ã£ã¦ã„ãªã‘ã‚Œã°npmã‚’å…¥ã‚Œã¾ã—ã‚‡ã†ãã€‚ brew install
ichi_S 2015/08/13
browserify

rails

react

ruby

javascript
ãƒªãƒ³ã‚¯
10åˆ†ã§å®Ÿè£…ã™ã‚‹Flux
10åˆ†ã§å®Ÿè£…ã™ã‚‹Flux è‡ªå·±ç´¹ä»‹ azu @azu_re Web scratch, JSer.info Flux /flËˆÊŒks/ Fluxã¨ã¯ FacebookãŒæå”±ã—ãŸSmalltalk MVCã®ç„¼ãç›´ã— CQRS(Command Query Responsibility Segregation)ã¨é¡žä¼¼ ãƒ‡ãƒ¼ã‚¿ãŒä¸€æ–¹é€šè¡Œã¸æµã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ ã‚¦ã‚§ãƒ–UIã«ã¤ã„ã¦ãã‚Œã‚’é©å¿œã™ã‚‹ ä»Šæ—¥ã®ç›®çš„ å°ã•ãªFluxã®å®Ÿè£…ã‚’ä½œã‚ŠãªãŒã‚‰Fluxã¤ã„ã¦å¦ã¶ Fluxã®ç‰¹å¾´: Unidirectional data flow æœ¬å½“ã«ãƒ‡ãƒ¼ã‚¿ãŒä¸€æ–¹é€šè¡Œã«æµã‚Œã‚‹ã®ã‹ã‚’ç¢ºèªã™ã‚‹ Fluxã§ã‚ˆãè¦‹ã‚‹å›³ ç™»å ´äººç‰© ä½•ã‹è‰²ã€…ã„ã‚‹ Action Creators, Dispatcher, Store, React Views... Dispatcher = EventEm itterã¨ä»Šå›žã¯è€ƒãˆã‚‹ ã‚‚ã£ã¨å®Ÿè£…çš„
ichi_S 2015/04/27
flux

javascript

react
ãƒªãƒ³ã‚¯
Babel Â· The compiler for writing next generation JavaScript
Babel is a JavaScript compiler.Use next generation JavaScript, today. Babel 7.26 is released! Please read our blog post for highlights and changelog for more details!
ichi_S 2015/03/10
JavaScript

ES6
ãƒªãƒ³ã‚¯
JavaScriptã®ãƒ‡ãƒãƒƒã‚°æ–¹æ³• â€“ JSã‚’å«Œã„ã«ãªã‚‰ãªã„ãŸã‚ã®Tips | POSTD
ã“ã®è¨˜äº‹ã®ã‚ªãƒªã‚¸ãƒŠãƒ«ã¯ voxxed ã«æŠ•ç¨¿ã•ã‚ŒãŸã‚‚ã®ã§ã™ã€‚ JavaScripté–¢é€£ã®å•é¡Œã‚’æŠ±ãˆã‚‹ãƒãƒ¼ãƒ ã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ä»•äº‹ã‚’é€šã˜ã¦ã€ã„ãã¤ã‹å…±é€šã®å•é¡Œç‚¹ãŒã‚ã‚‹ã“ã¨ã«æ°—ã¥ãã¾ã—ãŸã€‚ã‚‚ã—ã‚ãªãŸã‚‚JavaScriptã«å¯¾ã™ã‚‹ã‚¤ãƒ©ã‚¤ãƒ©ã‚’æ„Ÿã˜ã¦ã„ã‚‹ã®ã§ã‚ã‚Œã°ã€ã“ã®è¨˜äº‹ã¯ä½•ã‚‰ã‹ã®åŠ©ã‘ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ãŠã“ã¨ã‚ã‚Šï¼šç§ãŒãŠæ•™ãˆã™ã‚‹ãƒ’ãƒ³ãƒˆã¯ã™ã§ã«ã”å˜çŸ¥ã®ã‚‚ã®ã‚‚ã‚ã‚‹ã¨ã¯æ€ã„ã¾ã™ãŒã€ã†ã¾ãã„ã‘ã°ã€å¤šå°‘ãªã‚Šã¨ã‚‚æœ‰ç”¨ãªæƒ…å ±ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ç‰¹ã«ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚ºã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚„CMSã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹ç¯‰ã™ã‚‹éš›ã«æœ‰åŠ¹ãªãƒ’ãƒ³ãƒˆã§ã™ã€‚ãƒãƒ¼ãƒ ã®èª°ã‚‚ãŒè©±ã—ãŸãŒã‚‰ãªã„CMSã®ã‚³ãƒ¼ãƒ‰ã«ã¤ã„ã¦ãŠè©±ã—ã—ã¾ã™ã€‚ã„ãšã‚Œã‚‚å¿…è¦ã«å¿œã˜ã¦æŽ¡ç”¨ã§ãã‚‹ã‚‚ã®ã§ã™ã€‚ debuggerã‚¹ãƒ†ãƒ¼ãƒˆãƒ¡ãƒ³ãƒˆ å¤§åŠã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã‚‹ã«ã‚‚ã‹ã‹ã‚ã‚‰ãšã€JavaScriptã‚’æ›¸ãéš›ã«æœ€ã‚‚æ´»ç”¨ã—ãã‚Œã¦ã„ãªã„æ©Ÿèƒ½ã®1ã¤ã§ã™ã€‚debuggerã‚¹ãƒ†ãƒ¼ãƒˆãƒ¡
ichi_S 2015/02/08
JavaScript
ãƒªãƒ³ã‚¯
RiotJs
Emergencies wait for no one, which is why bad credit is available 24 hours a day, 7 days a week. Instead of waiting for your bank or credit union to submit your loan application, the online loan networks listed below can process your application in minutes. If you are eligible, you can choose from several [â€¦]
ichi_S 2015/01/23
library

JavaScript
ãƒªãƒ³ã‚¯
Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes
Hide Search on Single Select The disable_search_threshold option can be specified to hide the search input on single selects if there are n or fewer options. $(".chosen-select").chosen({disable_search_threshold: 10}); Default Text Support Chosen automatically sets the default field text ("Choose a country...") by reading the select element's data-placeholder value. If no data-placeholder value is
ichi_S 2015/01/23
javascript

jQuery

form

selectbox
ãƒªãƒ³ã‚¯
Quill - Your powerful, rich text editor
Built for DevelopersGranular access to the editor's content, changes and events through a simple API. Works consistently and deterministically with JSON as both input and output. Cross PlatformSupports all modern browsers on desktops, tablets and phones. Experience the same consistent behavior and produced HTML across platforms. Fits Like a GloveUsed in small projects and giant Fortune 500s alike.
ichi_S 2015/01/23
wysiwyg

editor

JavaScript

library
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@HatenaBookmark
ãƒªãƒªãƒ¼ã‚¹ã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“ã‚¹ã®ãŠçŸ¥ã‚‰ã›
@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx