[B! React.js] libkazzã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

libkazz id:libkazz

React.jsã«é–¢ã™ã‚‹libkazzã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (55)

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

Bridging The Gap Between CSS And JavaScript: CSS-in-JS | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! In this article, weâ€™re going to dig into the concept of CSS-in-JS. If youâ€™re already acquainted with this concept, you might still enjoy a stroll through the philosophy of that approach, and you might be even more interested in the next article. Web development is very interdisciplinary. Weâ€™
libkazz 2018/12/04
CSS

JavaScript

React.js

techfeed

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Cycle.jsãŒReactã‚ˆã‚Šã‚‚å„ªã‚Œã¦ã„ã‚‹ã¨ç§ãŒæ€ã†ã“ã‚Œã ã‘ã®ç†ç”±
ã„ã¾ã€ã‚‚ã£ã¨ã‚‚äººæ°—ã®ã‚ã‚‹Reactã§ã™ãŒã€ç§ã¯æ¤œè¨Žã®çµæžœCycle.jsã‚’é¸ã³ã¾ã—ãŸã€‚Cycle.jsã®æ¦‚è¦ã‚„ä½¿ã„æ–¹ã€é…åŠ›ã‚’ãŠä¼ãˆã—ã¾ã™ã€‚ å¤šãã®é–‹ç™ºè€…ã¯ã‚¢ãƒ—ãƒªé–‹ç™ºæ™‚ã«ãªã‚“ã‚‰ã‹ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹ã§ã—ã‚‡ã†ã€‚ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯è¤‡é›‘ãªã‚¢ãƒ—ãƒªæ§‹ç¯‰ã®æ‰‹é–“ã‚’ãªãã—ã€æ™‚é–“ã‚’ç¯€ç´„ã—ã¾ã™ã€‚åˆ©ç”¨è€…ãŒå¤šã„ã‹ã‚‰ã‹ã€æœ€é«˜ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚„ã€ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ä½•ã‚’å¦ã¶ã¹ãã‹ãªã©ã®è©±é¡ŒãŒã‚ãµã‚Œã¦ã„ã¾ã™ã€‚ Reactã¯ç¾åœ¨ã‚‚ã£ã¨ã‚‚äººæ°—ã®ã‚ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã€å¤§ããªã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã‚‚ã‚ã‚Šã¾ã™ã€‚æ”¯æŒã™ã‚‹äººã‚‚ã„ã‚Œã°ã€è¨€ã‚ã‚Œã¦ã„ã‚‹ã»ã©ã«ã¯è‰¯ããªã„ã¨ã„ã†äººã‚‚ã„ã¾ãŒã€ç§ã¯Reactã§Webã‚¢ãƒ—ãƒªã«å¯¾ã™ã‚‹è€ƒãˆæ–¹ã‚„é–‹ç™ºæ–¹æ³•ãŒå¤‰ã‚ã‚Šã¾ã—ãŸã€‚ Webã‚¢ãƒ—ãƒªã®é–‹ç™ºæ–¹æ³•ã®æ¤œè¨Žã•ãˆã›ãšReactã‚’ä½¿ã„å§‹ã‚ã¾ã—ãŸãŒã€ã˜ã‚ã˜ã‚ã¨äººæ°—ãŒå‡ºã¦ã„ã‚‹æ–°ã—ã„ãƒªã‚¢ã‚¯ãƒ†ã‚£ãƒ–ãƒ»ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒCycle.jsã€ã‚’è©¦ã™ã“ã¨ã«ã—ã¾ã—ãŸã€‚ãã“ã§å¦ã‚“ã ãƒªã‚¢
libkazz 2017/08/31
React.js

JavaScript

techfeed

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Reddit - Dive into anything
libkazz 2017/08/15
React.js

JavaScript

techfeed

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Build A React App With Redux
Managing state in modern web applications is hard. As applications grows in complexity, keeping track of state changes and mapping those changes back to your UI becomes increasingly difficult. One way data flow makes managing state more approachable and lightens the cognitive load required to follow the flow of data through your application. Using Redux takes this idea to the next level and moves
libkazz 2017/08/15
React.js

techfeed

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ã‚¢ã‚¤ã‚½ãƒ¢ãƒ¼ãƒ•ã‚£ãƒƒã‚¯JavaScript
TOPICS Web , JavaScript ç™ºè¡Œå¹´æœˆæ—¥ 2017å¹´07æœˆ PRINT LENGTH 256 ISBN 978-4-87311-807-9 åŽŸæ›¸ Building Ismorphic JavaScript Apps FORMAT PDF EPUB ã‚¢ã‚¤ã‚½ãƒ¢ãƒ¼ãƒ•ã‚£ãƒƒã‚¯JavaScriptã¯ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ï¼ˆãƒ–ãƒ©ã‚¦ã‚¶ï¼‰ã¨ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã§åŒã˜ã‚³ãƒ¼ãƒ‰ã‚’å®Ÿè¡Œã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ç·ç§°ã€‚æœ¬æ›¸ã§ã¯ã€å¾“æ¥ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒæŒã¤å•é¡Œç‚¹ï¼ˆèªã¿è¾¼ã¿ã®é…ã•ã€SEOå¯¾ç–ã®å›°é›£ã•ãªã©ï¼‰ã‚’æ˜Žã‚‰ã‹ã«ã™ã‚‹ã¨ã“ã‚ã‹ã‚‰å§‹ã‚ã€ã‚¢ã‚¤ã‚½ãƒ¢ãƒ¼ãƒ•ã‚£ãƒƒã‚¯ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®åˆ†é¡žã‚„ã‚¢ã‚¤ã‚½ãƒ¢ãƒ¼ãƒ•ã‚£ãƒƒã‚¯ã•ã®åº¦åˆã„ã«ã¤ã„ã¦ç†è§£ã—ãŸã†ãˆã§ã€ã‚¢ã‚¤ã‚½ãƒ¢ãƒ¼ãƒ•ã‚£ãƒƒã‚¯ãªJavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®å®Ÿè·µæ‰‹æ³•ã‚’è§£èª¬ã—ã€Walmartã€Airbnbã€Facebookã€Netflixã¨ã„ã£ãŸå¤§ä¼æ¥ãŒã‚¢ã‚¤ã‚½
libkazz 2017/06/21
JavaScript

React.js

techfeed

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
How React Native works - DiscoverSDK Blog
The most basic is the cross-platform <View>, a simple and flexible UI element that can be thought of as analogous to the <div>. On iOS, for instance, the <View> component renders to a UIView, while on Android it renders to a View. Other components from the table act as platform-specific components. Like for a Datepicker, <DatePickerIOS date={this.state.date} mode="date" timeZoneOffsetInMinutes={th
libkazz 2017/06/15
React.js

JavaScript

CSS

techfeed

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Reddit - Dive into anything
libkazz 2017/06/15
CSS

React.js

techfeed

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ãšã¼ã‚‰ã«ã‚ˆã‚‹ãšã¼ã‚‰ã®ãŸã‚ã® React å…¥é–€ - Qiita
ã“ã®è¨˜äº‹ã«ã¤ã„ã¦ Node.jsã‚‚ES2015ã‚‚ä½¿ã‚ãªã„Reactå…¥é–€ - Qiitaï¼ˆä»¥ä¸‹ã€Œå…ƒè¨˜äº‹ã€ï¼‰ ã«æ„ŸéŠ˜ã‚’å—ã‘ã¤ã¤ã€æ‹™ä½œã®Reactç”¨ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã‚ã‚‹ rx7.jsã‚‚è£œåŠ©çš„ã«ä½¿ã£ã¦ã¿ã¦æ¬²ã—ã„ã€ã¨ã„ã†è¨˜äº‹ã§ã™ã€‚ (ä»¥å‰ã¯t7.jsã¨ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã—ãŸãŒ rx7.js ãŒå®Œæˆã—ãŸã®ã§å¤‰æ›´ã—ã¾ã—ãŸ) ã§ã™ã®ã§ã€å…ƒè¨˜äº‹ã® React.createElement() ã‚’ç”¨ã„ãŸæ–¹å¼ã‚’ç†è§£ã—ãŸã†ãˆã§ã“ã®è¨˜äº‹ã‚’èªã‚€ã“ã¨ã‚’ãŠå‹§ã‚ã—ã¾ã™ã€‚ ãªãŠã€ã“ã®è¨˜äº‹å†…ã®å¼•ç”¨éƒ¨åˆ†ã¯ç‰¹ã«æ–ã‚ŠãŒãªã„é™ã‚Šå…ƒè¨˜äº‹ã‹ã‚‰ã®å¼•ç”¨ã§ã™ã€‚ Reactã£ã¦ä½¿ã„å§‹ã‚ã‚‹ã¨ä¾¿åˆ©ãªã®ã§ã™ãŒã€ä¸€ã¤å¤§ããªå•é¡ŒãŒã‚ã‚Šã¾ã™ ãã†ã€ãã‚Œã¯å°Žå…¥éšœå£ãŒå¤§ãã™ãŽã‚‹ã“ã¨ Nodeå…¥ã‚Œã¦ã€Babelå°Žå…¥ã—ã¦JSX/ES2015ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã€ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼å°Žå…¥ã—ã¦ãƒ“ãƒ«ãƒ‰è‡ªå‹•åŒ–ã—ã¦ã€Reduxå°Žå…¥ã—ã¦... å··ã®Reactè¨˜äº‹ã‚’èªã‚€ã¨ã“ã‚“ãªæ„Ÿã˜ã®
libkazz 2017/06/15
React.js

JavaScript

techfeed

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ã€Reactã€‘z-indexã§å›°ã‚‹å•é¡Œ - Qiita
ä»Šæ—¥ã®ãƒ†ãƒ¼ãƒž ç§ã¯z-indexãŒå«Œã„ ãªãœï¼Ÿ ->ãƒ‡ãƒ¢è§£èª¬ step 0 ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨Modalãƒœã‚¿ãƒ³ãŒheaderã«è¢«ã£ã¦ã—ã¾ã† ãƒ˜ãƒƒãƒ€ãƒ¼ã® z-inedx 1ã€ãƒ‰ãƒãƒ¯ãƒ¼ã® z-index 2ã€ãƒ¢ãƒ¼ãƒ€ãƒ«ã¯ z-index 10ã€‚ ãƒ˜ãƒƒãƒ€ãƒ¼ã¯ã—ã°ã‚‰ãã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨fixedã«ãªã£ã¦mainã®ä¸Šã«è¡¨ç¤ºã•ã‚Œã‚‹ã€‚ ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚’ãƒ˜ãƒƒãƒ€ãƒ¼ã®ä¸Šã«è¡¨ç¤ºã—ãŸã„ã®ã§ z-index 10 ã«ãªã£ã¦ã„ã‚‹ãŒã€ ã‚³ãƒ³ãƒ†ãƒŠã«z-indexãŒã¤ã„ã¦ã„ã‚‹ã®ã§ãƒœã‚¿ãƒ³ã¾ã§ä¸Šã«è¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã†ã€‚ step 1 ãƒ˜ãƒƒãƒ€ãƒ¼ã‚’ãƒœã‚¿ãƒ³ã‚ˆã‚Šä¸Šã«è¡¨ç¤ºã—ãŸãã¦ã€z-index 20 ã«ã™ã‚‹ ã€ŒNext 0ã€ãƒœã‚¿ãƒ³ã‚’1å›žæŠ¼ã—ã¦æ¬¡ã«é€²ã‚ã‚‹ã€‚ Modalãƒœã‚¿ãƒ³ã¯ãƒ˜ãƒƒãƒ€ãƒ¼ã®ä¸‹ã«ãã‚‹ã‚ˆã†ã«ãªã£ãŸãŒã€ Modalãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ã¨ãƒ¢ãƒ¼ãƒ€ãƒ«ãŒãƒ˜ãƒƒãƒ€ãƒ¼ã«ä¸‹ã«å‡ºã¦ã—ã¾ã†ã€‚ ãƒ˜ãƒƒãƒ€ãƒ¼ãŒ20ã€ãƒ¢ãƒ¼ãƒ€ãƒ«ãŒ10ãªã®ã§ã€ãã‚Šã‚ƒãã†ã ã€‚ step 2 .modal
libkazz 2017/05/28
React.js

techfeed

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
GitHub - react-page/react-page: Next-gen, highly customizable content editor for the browser - based on React and written in TypeScript. WYSIWYG on steroids.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
libkazz 2017/05/27
React.js

GitHub

techfeed

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
JavaScript(React+Flux)ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆãŒã‚¬ã‚¿ã‚¬ã‚¿ã«ãªã‚Šãã†ã ã£ãŸã®ã§åçœã—ã¦æ”¹å–„ã™ã‚‹ - ã‚³ãƒãƒ’ãƒˆé–‹ç™ºè€…ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€‚ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®@ry0_adachiã§ã™ã€‚ ã“ã“ã®ã¨ã“ã‚ã€React + Flux Utils *1 ã®æ§‹æˆã‚’é¸æŠžã™ã‚‹ã“ã¨ãŒå¤šãã€ãã‚Œä»¥å¤–ã‚’é¸æŠžã™ã‚‹ã“ã¨ãŒå°‘ãªããªã£ã¦ãã¾ã—ãŸã€‚ç‰¹ã«å¤§ããªä¸æº€ã¯ãªã„ã—ã€æ…£ã‚Œã¦ããŸã®ã§è‰¯ã„ã‹ã‚‚ãªã€œã¨æ€ã£ã¦ã„ãŸã®ã§ã™ãŒã€é–‹ç™ºæœŸé–“ãŒä¼¸ã³ã¦ãã¦ã€ã‚¢ãƒ—ãƒªè‡ªä½“ã®è¦æ¨¡ãŒãã“ãã“ã«ãªã£ã¦ãã‚‹ã¨Facebookå…¬å¼ã®ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã®ã‚ˆã†ã«ã‚·ãƒ³ãƒ—ãƒ«ãªæ§‹æˆã ã‘ã§ã¯ã‚«ãƒãƒ¼ã—ãã‚Œãªã„çŠ¶æ³ãŒç”Ÿã¾ã‚Œã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚é‹ç”¨ã—å§‹ã‚ã¦ã ã‚“ã ã‚“ã¨ãã®è¾ºã®è¾›ã•ã¿ãŸã„ãªã‚‚ã®ãŒè¦‹ãˆã¦ããŸã®ã¨ã€ç¶™ãŽæŽ¥ãŽãªæ§‹æˆã«ãªã‚‹ã®ã¯å«Œã ã£ãŸã®ã§ã€ã“ã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§1å›žæ•´ç†ã—ã¦æ”¹å–„ã—ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã—ãŸã€‚ Fluxã«ã¤ã„ã¦ Facebookæå”±ã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã€ã¾ãŸã¯ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ãƒ‡ãƒ¼ã‚¿ã®æµã‚Œã‚’ä¸€æ–¹å‘ã«ã—ã¦ã€ã‚·ãƒ³ãƒ—ãƒ«ã«çŠ¶æ…‹ç®¡ç†ãŒè¡Œãˆã‚‹ã“ã¨ãŒãƒ¡ãƒªãƒƒãƒˆã¨ã—ã¦ã‚ˆãæŒ™ã’ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚Fluxã«ã¤ã„ã¦ã‚ˆã‚Šè©³
libkazz 2017/05/27
React.js

JavaScript

GitHub

techfeed

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ã€Reactã€‘GoodpatchÃ—TeamSpirit Meetupã«å‚åŠ ã—ã¦ããŸ - ã‚†ã¨ã‚Šæ—¥è¨˜
teamspirit.connpass.com â†‘ã®ã‚¤ãƒ™ãƒ³ãƒˆã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚ ï¼ˆé€šå¸¸æž ã§ç”³ã—è¾¼ã‚“ã ã¤ã‚‚ã‚Šã§ã„ãŸãŒã€ç›´å‰ã«ãªã£ã¦ã€Œãƒ–ãƒã‚°åŸ·ç†æž ã€ã§ç”³ã—è¾¼ã‚“ã§ã„ãŸäº‹ã«æ°—ã¥ãã¨ã„ã†é˜¿å‘†ã¶ã‚Šã‚’ç™ºæ®ã€‚ï¼‰ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢3å¹´ç›®ã€‚ Redux + React + Node.jsã®SPAé–‹ç™ºã‚’1å¹´ãã‚‰ã„ã‚„ã£ã¦ã‚‹ã€‚ Reactã«è‹¥å¹²é£½ãã¦ã‚‹ã€‚ ã“ã‚“ãªäººé–“ã‹ã‚‰è¦‹ãŸæ„Ÿæƒ³ã‚’æ›¸ã„ã¦ã„ãã¾ã™ã€‚ å„LTã®æ„Ÿæƒ³ â€»ç™ºè¡¨è€…ã®æ–¹ã®è³‡æ–™ã¯ã€å±•é–‹ã•ã‚Œæ¬¡ç¬¬è¿½è¨˜ã—ã¦ã„ãã¾ã™ã€‚ LT1 Reactã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æ”¹å–„ã™ã‚‹å¿…è¦ãŒç„¡ã‹ã£ãŸè©± ãƒãƒ¼ãƒ ã‚¹ãƒ”ãƒªãƒƒãƒˆã•ã‚“ãŒé–‹ç™ºã—ã¦ã‚‹ãƒ—ãƒãƒ€ã‚¯ãƒˆãŒReactã§é–‹ç™ºã•ã‚Œã¦ã„ã¦ã€ãã‚Œã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ”¹å–„ã®è©±ã‚’èžã„ãŸã€‚ çµè«–ã¯LTã®ã‚¿ã‚¤ãƒˆãƒ«ã«ã‚‚ã‚ã‚‹é€šã‚Šã§ãã“ã¾ã§ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æ”¹å–„ã™ã‚‹å¿…è¦ãŒç„¡ã‹ã£ãŸã€ã¨ã®ã“ã¨ã€‚æ™®æ®µã‹ã‚‰è¨è¨ˆã‚„ã‚³ãƒ¼ãƒ‰ãƒ¬ãƒ“ãƒ¥ãƒ¼ã«æ°—ã‚’ã¤ã‘ã¦ã„ãŸç”²æ–ã‚‚ã‚ã£ã¦ã€ç¾çŠ¶ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã¯æ‚ª
libkazz 2017/05/27
React.js

CSS

JavaScript

techfeed

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Efficient React Components: A Guide to Optimizing React Performance | ToptalÂ®
Efficient React Components: A Guide to Optimizing React Performance Why does a React web app run slow? The answer often lies in when and how frequently your components re-render, and whether those re-renders were even necessary. React doesnâ€™t promise magical performance gains, but it provides just the right tools and functionalities to make it easy. In this article, Toptal Freelance Software Engin
libkazz 2017/05/27
React.js

JavaScript

CSS

techfeed

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
redux-actionsã‚’ä½¿ã£ã¦ã€reduxã®è¨˜è¿°ã§æ¥½ã‚’ã—ã‚ˆã†ï¼ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
libkazz 2017/05/25
React.js

techfeed

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
SSRç„¡ã—ã§Reactã‚¢ãƒ—ãƒªã‚’OGPã¨ã‹ã«å¯¾å¿œã•ã›ã‚‹ (è‡ªåŠ›prerenderingç·¨) - Qiita
å€‹äººçš„ã«ã¯Server side renderingã¯ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£çš„ã«å¥½ãã˜ã‚ƒãªã„ã‘ã©Open Graph Protocolã¨ã‹ãƒ„ã‚¤ãƒƒã‚¿ãƒ¼ã‚«ãƒ¼ãƒ‰ã¨ã‹ã«ã¯å¯¾å¿œã—ãŸã„ãªã£ã¦ã“ã¨ã§ã€è©¦ã¿ãã®1ã§ã™ã€‚ è¿½è¨˜ 2017/6/3 - Netlifyç·¨ã‚’æ›¸ãã¾ã—ãŸã€‚ 2017/6/9 - CSRã®ã‚‚ã†1ã¤ã®å•é¡Œã§ã‚ã‚‹åˆæœŸãƒãƒ¼ãƒ‰ãŒé…ã„å•é¡Œã«å¯¾å¿œã™ã‚‹ãŸã‚ã«Code-Splittingã‚’å°Žå…¥ã™ã‚‹è¨˜äº‹ã‚’æ›¸ãã¾ã—ãŸã€‚ 2017/7/23 - Lambda@Edgeç·¨ã‚’æ›¸ãã¾ã—ãŸã€‚ Prerenderã¨ã¯ Prerenderã¯ãã®åã®é€šã‚Šäº‹å‰ã«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã—ã¦é™çš„ãƒ•ã‚¡ã‚¤ãƒ«ã«ã™ã‚‹ã“ã¨ã§ã™ã€‚é™çš„ãƒ•ã‚¡ã‚¤ãƒ«ã«ãªã‚Œã°Webã‚µãƒ¼ãƒã¨ã‹S3ã¨ã‹ã«ç½®ã„ã¦é…ä¿¡ã§ãã‚‹ã®ã§CDNã®æ©æµã‚’å—ã‘ãŸã‚ŠOGPã®å¯¾å¿œãŒã§ããŸã‚Šã—ã¾ã™ã€‚Prerenderã¯Prerender.ioã¿ãŸã„ãªã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½¿ã†ã®ãŒãƒ™ã‚¿ãƒ¼ãªæ°—ãŒã—ã¾ã™ãŒã€ä»Šå›žã¯ã¨ã‚Šã‚ãˆãšè‡ªå‰
libkazz 2017/05/25
React.js

Amazon Web Services

techfeed

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
æ‰‹æ®µã®ç›®çš„åŒ–ã‚’ç›®æŒ‡ã™ï¼å…«çŽ‹åã§æŠ€è¡“ã«é›†ä¸ã™ã‚‹æ ªå¼ä¼šç¤¾ãƒ“ãƒ«ãƒ‡ã‚£ãƒƒãƒˆã•ã‚“ã«ãŠä¼ºã„ã—ã¦ãã¾ã—ãŸ - Lantern by builderscon
ã“ã‚“ã«ã¡ã¯ï¼buildersconã‚¹ã‚¿ãƒƒãƒ•ã®çŸ³ç”°ã§ã™ã€‚ å”çªã§ã™ãŒç§ã¯å…«çŽ‹ååœ¨ä½ã§å…«çŽ‹åãŒå¥½ãã§ã™ã€‚åœ°å…ƒã§ï¼•å¹´ä»¥ä¸Šhachioji.pmã¨ã„ã†å‹‰å¼·ä¼šã‚’é–‹ãã¤ã¥ã‘ã¦ã„ã‚‹ã»ã©ã§ã™ï¼ˆå‚åŠ è€…ã¯éƒ½å¿ƒã®äººãŒå¤šã„ã§ã™ãŒâ€¦ï½—ï¼‰ã€‚ã—ã‹ã—ã€å…«çŽ‹åã«ä½ã‚“ã§ã„ã‚‹ã®ã«åœ°å…ƒã®ãƒ†ãƒƒã‚¯ç³»ä¼æ¥ã‚’ã¾ã£ãŸãã—ã‚‰ãªã„ã‚“ã ã‚ˆãªã‚â€¦ã¨ãŠã‚‚ã£ã¦ã„ã¾ã—ãŸâ€¦ä»Šå›žã®å–æã‚’çµ‚ãˆã‚‹ã¾ã§ã¯ï¼ ä»Šå›žã€æ ªå¼ä¼šç¤¾ãƒ“ãƒ«ãƒ‡ã‚£ãƒƒãƒˆã•ã‚“ã«builderscon tokyo 2017ã«å”è³›ã‚’é ‚ãã¾ã—ãŸãŒæ‰€åœ¨åœ°ãŒå…«çŽ‹åã¨èžã„ã¦ã³ã£ãã‚Šã€ä»Šå›žä¼šç¤¾ã«ãŠä¼ºã„ã—ã¦ã¤ã„ã«åœ°å…ƒã®ãƒ†ãƒƒã‚¯ç³»ä¼æ¥ã‚’çŸ¥ã‚‹äº‹ãŒã§ããŸã®ã§ã—ãŸï¼ï¼ å…«çŽ‹åã«ã‚‚AIã€æ©Ÿæ¢°å¦ç¿’ãªã©ã®å…ˆç«¯æŠ€è¡“ã‚’å°‚é–€ã«ã—ãŸæŠ€è¡“ã®ä¼šç¤¾ãŒã‚ã‚‹ã“ã¨ã‚’çš†ã•ã‚“ã«ã‚‚çŸ¥ã£ã¦ã„ãŸã ããŸã„ã§ã™ï¼ ä¼šç¤¾è¨ªå• ãƒ“ãƒ«ãƒ‡ã‚£ãƒƒãƒˆã•ã‚“ã®ä¼šç¤¾ã¯å…«çŽ‹åã®é§…å‰ä¸å¿ƒåœ°ã€JRå…«çŽ‹åé§…ã¨ã€äº¬çŽ‹å…«çŽ‹åé§…ã®ä¸é–“ã§ã€ä¸€æœ¬ã¯ã„ã£ãŸé™ã‹ãªæ‰€ã€éžå¸¸ã«å¥½ç«‹åœ°ã§ã™ï¼*1 ä½•åº¦ã‚‚é€šã‚ŠéŽãŽ
libkazz 2017/05/23
Machine Learning

GitHub

React.js

techfeed

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
rails 5.1.1 ã‚’vueã¨reactã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦AWS Elastic Beanstalkã§è¡¨ç¤ºã™ã‚‹ã¾ã§ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
libkazz 2017/05/23
React.js

Ruby on Rails

Vue.js

techfeed

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
CodeIQã«ã¤ã„ã¦ã®ãŠçŸ¥ã‚‰ã›
2018å¹´4æœˆ25æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦ã€ ã€ŽCodeIQã€ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è…•è©¦ã—ã‚µãƒ¼ãƒ“ã‚¹ã€å¹´åŽç¢ºç´„ã‚¹ã‚«ã‚¦ãƒˆã‚µãƒ¼ãƒ“ã‚¹ã¯ã€ IT ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®å¹´åŽç¢ºç´„ã‚¹ã‚«ã‚¦ãƒˆã‚µãƒ¼ãƒ“ã‚¹ã€Žmoffers by CodeIQã€https://moffers.jp/ ã¸ä¸€æœ¬åŒ–ã„ãŸã—ã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§å¤šãã®IT ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ–¹ã«ã€ŽCodeIQã€ã‚’ã”åˆ©ç”¨ã„ãŸã ãã¾ã—ã¦ã€ æ”¹ã‚ã¦å¿ƒã‚ˆã‚Šæ·±ãå¾¡ç¤¼ç”³ã—ä¸Šã’ã¾ã™ã€‚ ã¾ãŸã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®Webãƒžã‚¬ã‚¸ãƒ³ã€ŒCodeIQ MAGAZINEã€ã¯ã€ ãƒªã‚¯ãƒŠãƒ“NEXTã‚¸ãƒ£ãƒ¼ãƒŠãƒ«( https://next.rikunabi.com/journal/ )ã«ä¸€éƒ¨ã®è¨˜äº‹ã®ç§»è¡Œã‚’äºˆå®šã—ã¦ãŠã‚Šã¾ã™ã€‚ ä»Šå¾Œã¯ã€Žmoffers by CodeIQã€ã«ã¦ã€ IT ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®çš†æ§˜ã®ã‚ˆã‚Šè‰¯ã„è»¢è·ã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ãŸã‚ã«ã€ã‚ˆã‚Šä¸€å±¤åŠªã‚ã¦ã¾ã„ã‚Šã¾ã™ã®ã§ã€ å¼•ãç¶šãã”æ„›é¡§ã®ã»ã©ä½•å’ã‚ˆã‚ã—ããŠé¡˜ã„ç”³ã—ä¸Šã’ã¾ã™ã€‚ ã¾ãŸã€Cod
libkazz 2017/05/23
React.js

JavaScript

Android

techfeed

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
react-navigation ã«ã¤ã„ã¦
React Native Meetup#5 ã®ç™ºè¡¨è³‡æ–™ã§ã™
libkazz 2017/05/23
React.js

techfeed

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
React-Redux ã‚’è©¦ã™ - Qiita
Redux ç”¨èªž Action: çŠ¶æ…‹ã‚’å¤‰ãˆã‚‹ãŸã‚ã®ã‚³ãƒžãƒ³ãƒ‰ (ã‚³ãƒžãƒ³ãƒ‰ãƒ‘ã‚¿ãƒ¼ãƒ³) Reducer: å¤ã„ State ã¨ Action ã‹ã‚‰æ–°ã—ã„ State ã‚’ä½œã‚‹é–¢æ•° Store: action ã‚’å—ã‘å–ã‚Š Reducer ã‚’å®Ÿè¡Œã—ã¦ State ã‚’è¿”ã™ã€‚Store ã¯ reducer ã‹ã‚‰ä½œã‚‹ã€‚ store.dispatch(action) ã§ store ã« action ã‚’é€ã‚‹ã€‚ createStore(reducer) ã‚’ä½¿ã£ã¦ reducer ã‹ã‚‰ Store ã‚’ç”Ÿæˆã™ã‚‹ã€‚ æ§‹æˆ ã‚‚ã—ã‹ã—ã¦ä»–ã® react-redux ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã‚‚ä½¿ã‚ã‚Œã‚‹ã‹ã‚‚çŸ¥ã‚Œãªã„ã®ã§ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆã‚’æ›¸ãã€‚ components: è¦‹ãŸç›®ã ã‘ã®é™çš„ãª Representational Component (ã‚«ã‚¹ã‚¿ãƒ HTML ã‚¿ã‚°) ã‚’ç½®ãã€‚ Component ã¯ props ã‚’å—ã‘å–ã‚Šã‚¿ã‚°ã‚’è¿”
libkazz 2017/05/23
React.js

JavaScript

techfeed

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸