[B! react.js] mimosafaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mimosafa id:mimosafa

react.jsã«é–¢ã™ã‚‹mimosafaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (28)

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

Reactå…¥é–€ - to-R Media
mimosafa 2020/04/28
react.js

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
WordPress 5.0å†…ã§Reactã ã‘ã‚’åˆ©ç”¨ã™ã‚‹æ–¹æ³• â€“ Capital P â€“ WordPressãƒ¡ãƒ‡ã‚£ã‚¢
ã•ã¦ã€ã“ã‚Œã¾ã§Before Gutenbergã®é€£è¼‰ã§ã¯ã€ãƒ–ãƒãƒƒã‚¯ã®ä½œã‚Šæ–¹ãªã©ã‚’èª¬æ˜Žã—ã¦ããŸãŒã€ç´”ç²‹ã«Reactã ã‘ã‚’ä½¿ã„ãŸã„å ´åˆã‚„Reactã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ä½œã‚‹æ–¹æ³•ã«ã¤ã„ã¦ã¯èª¬æ˜Žã—ã¦ã“ãªã‹ã£ãŸã€‚ä»Šå›žã¯ãã®æ–¹æ³•ã‚’èª¬æ˜Žã—ã‚ˆã†ã€‚ ãƒã‚¤ãƒ³ãƒˆ1. ReactãŠã‚ˆã³ReactDOMã¯åŒæ¢±ã•ã‚Œã¦ã„ã‚‹ WordPress 5.0ä»¥é™ã€ReactãŠã‚ˆã³ReactDOMã¯åŒæ¢±ã•ã‚Œã¦ã„ã‚‹ã€‚ã—ãŸãŒã£ã¦ã€è‡ªåˆ†ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãªã‚Šãƒ†ãƒ¼ãƒžãªã‚Šã«å«ã‚ã‚‹å¿…è¦ã¯ãªã„ã€‚ãŸã¨ãˆã°ã€ my-script.js ãŒè‡ªåˆ†ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®JSã ã¨ã™ã‚‹ã¨â€¦â€¦ <?php // wp-elementã‚’æŒ‡å®šã™ã‚‹ã¨ã€reactã‚„ã‚‰react-domã‚„ã‚‰ãŒå…¥ã£ã¦ãã‚‹ã€‚ // ä¾å˜é–¢ä¿‚ã« wp-element ã‚’æŒ‡å®šã™ã‚‹ã€‚ wp_enqueue_script( 'my-plugin-js', 'path/to/my-script.js', [ 'wp-
mimosafa 2019/03/01
WordPress

Gutenberg

react.js
ãƒªãƒ³ã‚¯
æ£çœŸæ£éŠ˜ã®Reactã ã‘ã®ä¸ç´”ç‰©ãªã—ã§Reactå…¥é–€
Reactã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã‚ˆãã€‚ã©ã‚Œã‚‚è³ªãŒé«˜ãã€ã©ã“ã‹ã‚‰æ‰‹ã‚’ã¤ã‘ã‚Œã°ã„ã„ã‹ã‚ã‹ã‚‰ãªããªã£ã¡ã‚ƒã„ã¾ã™ã€‚ ã§ã™ãŒã‚„ã¯ã‚Šå··ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã«ã¯é¢å€’ãªå•é¡Œã‚‚ã‚ã‚Šã¾ã™ã€‚ä»Šå›žã¯é¢å€’ã”ã¨ã‚’å…¨éƒ¨ã™ã£é£›ã°ã—ã¦Reactã§ã®ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªä½œã‚Šã«å…¥é–€ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ Reactã‚’å§‹ã‚ã‚‹ã«ã¯ã€ã¾ãšã‚ã‚Œã¨ã“ã‚Œã¨ãã‚Œã¨ã©ã‚Œã¨â€¦â€¦ Reactã‚„ã‚‹ã«ã¯ã€ã¾ãšNode.jså…¥ã‚Œã¦babelå…¥ã‚Œã¦reactå…¥ã‚Œã¦react-routerå…¥ã‚Œã¦ã€ã¤ã„ã§ã«reduxå…¥ã‚Œã¦react-reduxå…¥ã‚Œã¦ã€redux-sagaå…¥ã‚Œã¦â€¦â€¦ Reactã‚ã‚“ã©ãã›ãˆï¼ï¼ï¼ã£ã¦ã®ãŒæ£ç›´ãªã¨ã“ã‚ã ã¨æ€ã„ã¾ã™ã€‚ã¯ã„ã€ç§ã‚‚ãã†æ€ã„ã¾ã™ã€‚ãŸã ã€ã¾ã‚ã€è‰²ã€…å¿…è¦ãªã®ã‚‚äº‹å®Ÿãªã®ã§â€¦â€¦ã€‚ ãã‚Œã§ã‚‚ã‚„ã£ã±ã‚Šã€ŒReactã‚„ã‚‹ãªã‚‰Reactã ã‘ã‚„ã‚ŠãŸã„ã€‚ä»–ã¯ã©ã†ã§ã‚‚ã„ã„ã€ã¨ã„ã†æ°—æŒã¡ã¯ç°¡å˜ã«æ¨ã¦ã‚‰ã‚Œã‚‹ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ãã“ã§ä»Šå›žã¯ãã†ã„ã†é¢å€’å…¨éƒ¨
mimosafa 2019/02/20
react

react.js

å…¥é–€

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
How to Enqueue React in A WordPress Theme or Plugin - JavaScript for WordPress
Starting withÂ WordPress 5.0, React is made available as a dependency we can load in ourÂ WordPress themes and plugins. InÂ WordPress, React is abstracted into a library called Element When we make the Element (React) library available, WordPress will load React into the global window object as window.wp.element.Â This is a little different from how we would normally make React a dependency in our pr
mimosafa 2019/02/19
WordPress

react.js

enqueue
ãƒªãƒ³ã‚¯
Our React Tools for WordPress
We build internal projects to test out the latest and greatest techno logies and tools, then use what weâ€™ve learnt to build out new and better experiences for our clients. Weâ€™ve been big proponents of React since we started experimenting with it internally a few years ago. Many of our internal tools are built with React, including our server management interface, cross-company communication blogs,
mimosafa 2018/03/16
ã‚ã¨ã§èªã‚€

react.js

WordPress

REST API
ãƒªãƒ³ã‚¯
Sass ã‚’è©¦ã™ - ã‚¢ã‚«ãƒ™ã‚³ãƒžã‚¤ãƒª
å¹´æœ«ã« PostCSS + cssnext ã¨ CSS Modules ã‚’è©¦ã—ãŸã®ã ãŒã€ã‚³ãƒ¡æ¬„ã®æŒ‡æ‘˜ã¨ãã‚Œã‚’å—ã‘ãŸè¿½è¨˜ã‚’èªã‚“ã§ã‚‚ã‚‰ãˆã‚‹ã¨ã‚ã‹ã‚‹ã¨ãŠã‚Šæ¬¡ä¸–ä»£ CSS ä»•æ§˜ã®å…ˆå–ã‚Š = CSS.next ã®ã¤ã‚‚ã‚Šã§å°Žå…¥ã—ãŸ cssnext ãŒå¾®å¦™ã ã¨æ„Ÿã˜ã¯ã˜ã‚ã¦ã„ã‚‹ã€‚ cssnextã‚’ä½¿ã†ã¹ãã‹ - yuhei blog Qiitaã®CSSæ§‹æˆ2017 - Qiita ã“ã‚Œã‚‰ã®è¨˜äº‹ã§ã‚‚è¨€åŠã—ã¦ã„ã‚‹ã¨ãŠã‚Š cssnext ã®æŽ¡ç”¨ã™ã‚‹ PostCSS ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ã¯ CSS Working Group ã®èªçŸ¥ã—ã¦ã„ãªã‹ã£ãŸã‚Šå–ã‚Šä¸‹ã’ã‚‰ã‚Œãã†ãªã‚‚ã®ã‚‚ã‚ã‚‹ã€‚å‰è€…ã¯ç›´ã›ã°ã‚ˆã„ã‘ã©å¾Œè€…ã«ã¤ã„ã¦ã¯ç›´è¿‘ã®ä»•æ§˜ã ã¨å†—é•·ãªè¨˜è¿°ãŒé¿ã‘ã‚‰ã‚Œãªã„ã“ã¨ã‚’æ„å‘³ã—ã¦ã„ã‚‹ã€‚ç§ã¯å°‘ãªãã¨ã‚‚ ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ç®¡ç† @import ãŒ URL ã§ã¯ãªããƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«å‚ç…§ã¨ã—ã¦è§£æ±ºã•ã‚Œã‚‹ å¤‰æ•° (å®šæ•°) ã¨ Mix-In è‰²ã‚„ã‚µã‚¤ã‚ºãªã©ã‚’å¤‰æ•°
mimosafa 2018/01/24
sass

npm

webpack

react.js
ãƒªãƒ³ã‚¯
ãƒ‰ãƒ©ãƒƒã‚°&ãƒ‰ãƒãƒƒãƒ—ã§Reactè£½ã®WEBã‚¢ãƒ—ãƒªãŒã¤ãã‚Œã‚‹ReactStudioãŒã‚„ã°ã„ - Qiita
ReactStudioã‚’ä½¿ã£ãŸã‚¢ãƒ—ãƒªã®ä½œã‚Šæ–¹ã¯ã“ã¡ã‚‰ React Studioã‚’ä½¿ã£ã¦Qiitaã®è¨˜äº‹ä¸€è¦§ã‚¢ãƒ—ãƒªã‚’ä½œæˆã—ã¦ã¿ã‚‹ ã¯ã˜ã‚ã« reactã¨ã„ã†ã¨JSXã®æ›¸ãæ–¹ã€propsã€stateã®æŒ™å‹•ç‰ã‚’è¦šãˆã‚‹å¿…è¦ãŒã‚ã‚‹ãŸã‚ã€ å¦ç¿’ã‚³ã‚¹ãƒˆãŒå‰²ã‚Šã¨é«˜ã‚ã§ã‚ã£ãŸã‚Šã€ç’°å¢ƒã‚’æ§‹ç¯‰ã™ã‚‹ã®ã«ä¸€æ‰‹é–“ã‹ã‹ã£ãŸã‚Šç‰ã€ ã¾ã ã¾ã ã¨ã£ã¤ãã«ãã•ãŒå¦ã‚ãªã„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ã—ã‹ã—ã€ä»Šå›žã¯ã€ãã‚“ãªReactã‚’ãƒ‰ãƒ©ãƒƒã‚°&ãƒ‰ãƒãƒƒãƒ—ã§ã‚¢ãƒ—ãƒªãŒ ä½œã‚Œã¦ã—ã¾ã†ãƒ„ãƒ¼ãƒ«ãŒã‚ã£ãŸã®ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ â€»å°šã€Windowsã¯ãªãã€Macã®ã¿ã§ä½¿ç”¨ã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã§ã”ã–ã„ã¾ã™ã®ã§ã€äºˆã‚ã”äº†æ‰¿ä¸‹ã•ã„ã€‚ å…¬å¼ã‚µã‚¤ãƒˆ å…¬å¼ã‚µã‚¤ãƒˆã¸ã®URLã¯ã“ã¡ã‚‰ã€‚ React Studio https://reactstudio.com/ ãƒ„ãƒ¼ãƒ«ã®ä½¿ã„æ–¹ ReactStudioã§ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¾ã™ã€‚ ãã®å¾Œã€ã‚³ãƒ¼ãƒ‰ãŒè‡ªå‹•ç”Ÿæˆã•ã‚Œã¾ã™ã€‚ ç„¡æ–™ã§
mimosafa 2018/01/10
React

react.js

drug&drop

GUI
ãƒªãƒ³ã‚¯
On React and WordPress
Big companies like to bury unpleasant news on Fridays: A few weeks ago, Facebook announced they have decided to dig in on their patent clause addition to the React license, even after Apache had said itâ€™s no longer allowed for Apache.org projects. In their words, removing the patent clause would "increase the amount of time and money we have to spend fighting meritless laws uits." I'm not judging F
mimosafa 2017/09/15
Open Source

react.js

WordPress
ãƒªãƒ³ã‚¯
ãŠæŽ¢ã—ã®ãƒšãƒ¼ã‚¸ã¯ã¿ã¤ã‹ã‚Šã¾ã›ã‚“ - ã‚°ãƒŽã‚·ãƒ¼
mimosafa 2017/08/02
react

webpack

react.js
ãƒªãƒ³ã‚¯
ã“ã“ã‹ã‚‰ã¯ã˜ã‚ã‚‹Reactã®åŸºç¤Žã®åŸºç¤Ž - Qiita
ã¯ã˜ã‚ã« ã“ã®è¨˜äº‹ã¯Reactã®å®Ÿè£…ã‚’ã—ãŸã“ã¨ãŒãªã„äººã€JSã¨ã„ã†ã¨jQueryãã‚‰ã„ã—ã‹ã‚„ã£ãŸã“ã¨ãŒãªã„äººã§ã‚‚ç†è§£å‡ºæ¥ã‚‹ã‚ˆã†ãªå†…å®¹ã§ã™ã€‚ Reactã‚’ã¯ã˜ã‚ã‚‹ã¨ã„ã†ã¨ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‹ã‚‰ã¯ã˜ã‚ã‚‹ã®ãŒåŸºæœ¬ã‹ã¨æ€ã„ã¾ã™ãŒã€ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚ˆã‚ŠãƒŸãƒ‹ãƒžãƒ ã«Reactã£ã¦ã©ã‚“ãªã®ï¼Ÿã¨ã„ã†ã‚‚ã®ã‚’å®Ÿéš›ã«å®Ÿè£…ã—ã¦æ„Ÿã˜ã‚ˆã†ã¨ã„ã†ã®ãŒç›®çš„ã§ã™ã€‚ ãŸã ã—ã€npmã¯ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ¸ˆã¿ãŒå‰æãªã®ã§npmã®æº–å‚™ã¯å„è‡ªãŠé¡˜ã„ã—ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯Reactã®æ¦‚å¿µã‚ˆã‚Šã‚‚å®Ÿè£…ã‚’é‡è¦è¦–ã—ã¾ã™ã€‚ãªãœReactãŒè‰¯ã„ã®ã‹ç‰ã¯ä»–è¨˜äº‹ã«è²ã‚‰ã›ã¦é ‚ãã¾ã™ã€‚ Reactã‚’ä½¿ã†ã¨ãªãœjQueryãŒè¦ã‚‰ãªããªã‚‹ã®ã‹ ãªãœä»®æƒ³DOMã¨ã„ã†æ¦‚å¿µãŒä¿ºé”ã®é‚ã‚’éœ‡ãˆã•ã›ã‚‹ã®ã‹ ç°¡å˜ã«èª¬æ˜Žã™ã‚‹ã¨ã€Reactã¯Virtual DOM (ä»®æƒ³DOM)ã¨ã„ã†æ¦‚å¿µãŒã‚ãƒ¼ãƒã‚¤ãƒ³ãƒˆã«ãªã‚Šã€ãã‚Œã«ã‚ˆã£ã¦è¨è¨ˆé¢ã€é€Ÿåº¦é¢ã«åˆ©ç‚¹ãŒã‚ã‚Šã¾ã™ã€‚ç‰¹å¾´ã¨ã—ã¦ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆbaseã®U
mimosafa 2016/10/03
react.js

react
ãƒªãƒ³ã‚¯
å éƒ¨ ç´˜
React + REST API ã¿ãŸã„ãªã‚µã‚¤ãƒˆã£ã¦SEOçš„ãªå•é¡Œã£ã¦ã‚¯ãƒªã‚¢ã«ãªã£ã¦ããŸã®ã‹ãªã€‚
mimosafa 2016/06/26
react.js

ssr

REST API

php
ãƒªãƒ³ã‚¯
5åˆ†ã§ç†è§£ã™ã‚‹ React.js - Qiita
ã„ã¾ã•ã‚‰ã§ã™ãŒReactï¼ˆreact.jsï¼‰ã‚’ã¯ã˜ã‚ã¦ã¿ã¾ã—ãŸã€‚ Virtual DOMã°ã‹ã‚ŠãŒè©±é¡Œã«ã‚ãŒã‚‹Reactã§ã™ãŒã€ãã‚Œã«ã¨ã‚‰ã‚ã‚Œã¦ã„ã‚‹ã¨ç†è§£ãŒé€²ã¾ãªã„ã€ã¨è¨€ã†ã‹Reactã§ç†è§£ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ã®ã¯Virtual DOMã§ã¯ãªã„ã“ã¨ãŒã‚ã‹ã‚Šã¾ã—ãŸã€‚ Reactã«ã¤ã„ã¦ã®è‰¯ã„è³‡æ–™ã¯ã™ã§ã«ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã®ã§ã€æœ«å°¾ã«å‚è€ƒè³‡æ–™ã¨ã—ã¦ã‚ã’ã¦ã„ã¾ã™ã€‚ ã“ã®ã‚¨ãƒ³ãƒˆãƒªã¯è‡ªåˆ†ãŒReactã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ãªãžã‚ŠãªãŒã‚‰æ›¸ã„ãŸè‡ªåˆ†ç”¨ã®ãƒ¡ãƒ¢ã§ã™ãŒã€Œ1ã‚¨ãƒ³ãƒˆãƒªã§æ¦‚è¦ã‚’ã¡ã‚ƒã¡ã‚ƒã£ã¨ç†è§£ã—ãŸã„ã€ã¨ã„ã†æ–¹ã«å½¹ã«ç«‹ã£ãŸã‚‰è‰¯ã„ãªã€ã¨ã‚‚æ€ã£ã¦ã„ã¾ã™ã€‚ Reactãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« http://facebook.github.io/react/docs/tutorial.html åŸºæœ¬ JavaScriptã§æ›¸ã‹ã‚ŒãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚react.jsã‚’ã‚¤ãƒ³ã‚¯ãƒ«ãƒ¼ãƒ‰ã—ã¦ä½¿ã†ã€‚ ï¼ˆMVCã§è¨€ã†ã¨ã“ã‚ã®ï¼‰Viewã®ã¿ã‚’æ‹…å½“ã™ã‚‹ã€‚
mimosafa 2015/09/03
5åˆ†ã§ç†è§£ã™ã‚‹ React.js

react.js

react
ãƒªãƒ³ã‚¯
Backbone.jsã¨æ¯”è¼ƒã—ãŸReact.js - Qiita
ã¯ã˜ã‚ã« æ™®æ®µã¯Backbone.jsã§ã‚¢ãƒ—ãƒªã‚’ä½œæˆã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€React.jsã®è©•åˆ¤ãŒé«˜ã¾ã£ã¦ãã¦ã„ã‚‹ã®ã§ã€ç°¡æ˜“Blogã‚’Backbone.jsã¨React.jsã®ä¸¡æ–¹ã§å®Ÿè£…ã—ã¦ã€æ¯”è¼ƒã—ã¦ã¿ã¾ã—ãŸã€‚ Demoã§ã¯jsä»¥å¤–ã¯åŒã˜ã‚µãƒ¼ãƒã®APIã‚’ä½¿ã£ã¦ã„ã‚‹ã®ã§ã©ã¡ã‚‰ã«ã‚‚åæ˜ ã•ã‚Œã¾ã™ã€‚ Backbone.jsã‚’ã¤ã‹ã£ãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ Source https://github.com/takeshy/backbone_socket_io Demo https://radiant-dawn-8878.herokuapp.com/backbone React.jsã‚’ã¤ã‹ã£ãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ Source https://github.com/takeshy/react_socket_io Demo https://radiant-dawn-8878.herokuapp.com/react HTMLéƒ¨åˆ†
mimosafa 2015/06/07
Backbone.js

React.js
ãƒªãƒ³ã‚¯
ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘ã«ã‚ˆã‚‹ã€Reactã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã¨ãƒãƒƒãƒ‰ãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹
2015/05/27ã«LINEç¤¾ã§è¡Œã‚ã‚ŒãŸã€Data Binding JS Nightã§ã®ç™ºè¡¨å†…å®¹ã§ã™ã€‚
mimosafa 2015/05/27
React

react.js

flux

JavaScript

DOM
ãƒªãƒ³ã‚¯
React ã¨ Flux ã§ Tumblr ã‚’å†æ§‹ç¯‰ã™ã‚‹è©±ã€‚ - Qiita
ã¯ã˜ã‚ã« ä»Šå›žè©±ã™ã®ã¯ã€React ã‚’è§¦ã£ã¦ã¿ã¦åƒ•ã¨ã—ã¦ã¯ã€ä¸ã€…ã„ã„æ„Ÿã˜ã ãªã¨æ€ã£ãŸã¨ã“ã‚ã§ã€‚ ä»Šåº¦ã¯ã¡ã‚‡ã£ã¨ã—ãŸã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’çµ„ã‚“ã§ã¿ã‚ˆã†ã¨æ€ã£ãŸã¨ãè©±ã§ã™ã€‚ éžå¸¸ã«é•·ã„ã€‚ã‚¹ãƒ©ã‚¤ãƒ‰ã«ã™ã‚Œã°ã‚ˆã‹ã£ãŸã€‚LTã¨ã‹ã§ Tumblr æ¯Žåº¦ãŠä¸–è©±ã«ãªã£ã¦ãŠã‚Šã¾ã™ã€‚ç„¡æ–™ã§ãƒ–ãƒã‚°ãŒã§ãã¡ã‚ƒã†ç¥žã‚µãƒ¼ãƒ“ã‚¹ã€‚ å•é¡Œç‚¹ ãŸã ã—ç¥žã¨ã„ã£ã¨ããªãŒã‚‰ã‚‚ã€å¹¾ã¤ã‹æ®‹å¿µãªç‚¹ã‚‚å¤šæ•°ã€‚ ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã®ç®¡ç†ãŒã—ã«ãã„ ãƒ†ã‚¹ãƒˆãŒè¾›ã„(æ¯Žå›žã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚‚å«Œã ) æ¡ˆä»¶ã§ä½¿ç”¨ã™ã‚‹ã¨ãªã‚‹ã¨ã€éµã‹ã‘ãªãã‚ƒã„ã‘ãªã„ã—ã€‚ä½•ã‹ã¨æ»ã«ãŸã„ã€‚ è¨€ã„ãŸã„ã“ã¨ã¯ã€ Tumblr ã®ä»•æ§˜ã«ã®ã£ã¨ã£ãŸæ›´æ–°ã®æ‰‹é–“ã«ã¤ãã¾ã™ã€‚ ä»Šå›žã§å¯èƒ½ãªè§£æ±º ä»Šå›žã¯ã™ã¹ã¦ TUmblr API ã‹ã‚‰å€¤ã‚’ã¨ã£ã¦ãã‚‹ã®ã§ã€ã„ã‚ã„ã‚ãªå•é¡Œã‚’è§£æ±ºã§ãã¾ã™ã€‚ ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãƒšãƒ¼ã‚¸ã§æ›´æ–°ã›ãš localhost ã§ã®ç¢ºèªãŒå¯èƒ½ ãƒ†ã‚¹ãƒˆã‚‚æ¯Žå›žãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆæ›´æ–°ã‚’ã—ãªã„ã®ã§è‰¯ã„ã®ã§ã—ã‚„ã™ã„
mimosafa 2015/05/25
Tumblr

react.js

Flux
ãƒªãƒ³ã‚¯
Reactã¨Fluxã®ã“ã¨ // Speaker Deck
http://inside.pixiv.net/entry/2015/04/27/170944
mimosafa 2015/04/27
Flux

react.js

react
ãƒªãƒ³ã‚¯
Redirectingâ€¦
Redirectingâ€¦ Click here if you are not redirected.
mimosafa 2015/04/08
react.js

react

gunosy

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
React.js ã‚’ç”¨ã„ãŸ HipChat ã®å†æ§‹ç¯‰ | Atlassian Japan å…¬å¼ãƒ–ãƒã‚° | ã‚¢ãƒˆãƒ©ã‚·ã‚¢ãƒ³æ ªå¼ä¼šç¤¾
è¦ç´„ : ç§ãŸã¡ã¯ã€React.js ã¨ Fluxã€ãã‚Œã«ä»–ã®ã„ãã¤ã‹ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ç”¨ã„ã¦ HipChat ã® Web ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚’æ ¹æœ¬çš„ã«å†æ§‹ç¯‰ã—ã€ç´ æ™´ã‚‰ã—ã„çµæžœã‚’å¾—ã¾ã—ãŸï¼ æ˜¯éžè©¦ã—ã¦ã¿ã¾ã›ã‚“ã‹ï¼Ÿ HipChat ãŒã‚¢ãƒˆãƒ©ã‚·ã‚¢ãƒ³ã«åŠ ã‚ã£ãŸã¨ãã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã¯ã€Webã€Adobe Air (Windowsã€OS Xã€Linux)ã€iOSã€ãã—ã¦ Android ã‚¢ãƒ—ãƒªã® 4 ã¤ã§ã—ãŸã€‚HipChat ãƒãƒ¼ãƒ ãŒæœ€åˆã«æŽ²ã’ãŸç›®æ¨™ã®ã²ã¨ã¤ãŒã€Air ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚’ OS Xã€Windowsã€Linux ã®ãƒã‚¤ãƒ†ã‚£ãƒ–ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«ç½®ãæ›ãˆã‚‹ã“ã¨ã§ã—ãŸã€‚ç§ãŸã¡ã¯ (ãã®å½“æ™‚ã¯) å°ã•ã„ãƒãƒ¼ãƒ ã ã£ãŸãŸã‚ã—ã°ã‚‰ãã¯ã“ã®ä»•äº‹ã§æ‰‹ä¸€æ¯ã§ã—ãŸã€‚ã“ã®ã‚ˆã†ã«æœ€é«˜ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æä¾›ã™ã‚‹ã“ã¨ã«é›†ä¸ã—ãŸå½±éŸ¿ã§ã€Web ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«å¯¾ã—ã¦ã¯ç§ãŸã¡ãŒè¡Œã£ãŸæ§˜ã€…ãªé–‹ç™ºã®æˆæžœã‚’åæ˜ ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã›ã‚“
mimosafa 2015/04/02
react

react.js

Flux
ãƒªãƒ³ã‚¯
ReactãŒãªãœç´ æ™´ã‚‰ã—ã„ã®ã‹
è©³ã—ãã¯ã“ã¡ã‚‰ã¸ â†’ https://www.facebook.com/groups/toretatech/
mimosafa 2015/03/20
react

react.js
ãƒªãƒ³ã‚¯
React.js + Webpack + ContainerJSã§TODOãƒªã‚¹ãƒˆã‚’ä½œã£ã¦ã¿ãŸ - ã†ãªã®æ—¥è¨˜
React.js + Webpack + ContainerJS ã§TODOãƒªã‚¹ãƒˆã‚’ä½œã£ã¦ã¿ãŸã®ã§ã€æ‰‹é †ã‚’ã¾ã¨ã‚ã¾ã™ã€‚ ä»¥å‰æ›¸ã„ãŸã€Knockout + ContainerJS ã§ãƒ†ã‚¹ã‚¿ãƒ–ãƒ«ã«ToDoãƒªã‚¹ãƒˆã‚’ä½œã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« - ã†ãªã®æ—¥è¨˜ã®æ”¹è¨‚ç‰ˆã€‚ æœ€è¿‘æµè¡Œã£ã¦ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ãŠè©¦ã—ã‚‚å…¼ãã¦ã€ã„ã‚ã„ã‚çµ„ã¿åˆã‚ã›ã¦ä½¿ã£ã¦ã¿ã‚ˆã†ã¨ã„ã†è©¦ã¿ã§ã™ã€‚ ã‚½ãƒ¼ã‚¹å…¨ä½“ã¯ã“ã¡ã‚‰ã§å…¬é–‹ã—ã¦ã„ã‚‹ã®ã§ã€ã‚ã‚ã›ã¦å‚ç…§ãã ã•ã„ã€‚ ãƒã‚¤ãƒ³ãƒˆ ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãƒãƒ¼ãƒ€ãƒ¼ã‚’ require.js â†’ Webpack ã« ã‚½ãƒ¼ã‚¹ã¯ã‚¯ãƒ©ã‚¹å˜ä½ã§åˆ†å‰²ç®¡ç†ã—ã¦ã€Webpackã§1ãƒ•ã‚¡ã‚¤ãƒ«ã«ã¾ã¨ã‚ã¦ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã™ã€‚ Webpackã ã¨AMDã‚‚CommonJSã‚‚ä¸¡æ–¹æ‰±ãˆã‚‹ã®ã§ã€npmã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒä½¿ã„ã‚„ã™ããªã‚‹ã®ã¯å¤§ãã„ã‹ãªã€‚ ã‚ã¨ã€Loaderã‚‚ä¾¿åˆ©ã§ã™ãã€‚ Viewãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’ Knockout.js â†’ React.js ã« æµè¡Œã£ã¦
mimosafa 2015/03/18
React.js

React

FLUX

javascript
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸