[B! isomorphic] hiro14akiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hiro14aki id:hiro14aki

isomorphicã«é–¢ã™ã‚‹hiro14akiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

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

SPA + ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã€ãã®ãƒ€ãƒ«ã•ã«é–¢ã™ã‚‹ç§è¦‹
ã„ã‚ã‚†ã‚‹ SPA + ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãŒãƒ€ãƒ«ã„ å”çªã§ã™ãŒãŠã•ã‚‰ã„ã§ã™ã€‚ ãªãœã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ï¼ˆSSRï¼‰ãŒå¬‰ã—ã„ã‹ã¨è¨€ãˆã° åˆæœŸè¡¨ç¤ºã® Critical Rendering Path ã‚’çŸç¸®ã§ãã‚‹ SEO ã«ãŠã‘ã‚‹ä¿å®ˆä¿¡ä»°ã«ã‚„ã•ã—ã„ï¼ˆï¼‰ å¤ã„ãƒ–ãƒ©ã‚¦ã‚¶ãƒ»ä½Žæ€§èƒ½ãƒžã‚·ãƒ³ã«ã‚„ã•ã—ã„ yahoo/fluxible ã«ã‚ˆã‚‹ SPA + Server Rendering ã®æ¦‚è¦³ ::ãƒãƒ–ã‚ã ã§ã‚ã‚Šã€ç‰¹ã« SPA + SSR ã®æ–‡è„ˆã«ãŠã„ã¦ã¯ Universal Architecture ã«ã‚ˆã‚‹ SPA + SSR ã¯ã€æŠ€è¡“çš„ã«ã¯éŽæ¸¡æœŸã®æªãªã‚ãƒ¡ãƒ©ã£ã½ã•ãŒæ‹ã„ãã‚Œã¾ã›ã‚“ãŒã€æ˜¨ä»Šã® Web ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«ã—ã¦ã¯çã—ããƒ“ã‚¸ãƒã‚¹çš„ãªèª¬å¾—åŠ›ãŒã‚ã‚Šã¾ã™ã€‚ SSR ãªã®ã§SNSã‚„æ¤œç´¢ã‹ã‚‰ã®æµå…¥ã«ã‚ˆã‚‹åˆæœŸè¡¨ç¤ºãŒé€Ÿã„ SPA ãªã®ã§å›žéŠæ™‚ã®ãƒšãƒ¼ã‚¸é·ç§»ã‚‚é€Ÿã„ SSR ãªã®ã§å¤ã„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ CSS
hiro14aki 2017/06/15
isomorphic
ãƒªãƒ³ã‚¯
ã‚¢ãƒ¡ãƒ–ãƒ2016 ~ Isomorphic JavaScriptã®è©³ã—ã„è©± | CyberAgent Developers Blog
å•é¡Œç‚¹ã¯Isomorphicå®Ÿè£…é›£æ˜“åº¦ã§ã™ã€‚ã§ã¯ã€ã‚¢ãƒ¡ãƒ–ãƒã®Isomorphicã®å®Ÿè£…æ–¹æ³•ã¨å®Ÿè£…ã™ã‚‹éš›ã«ã‚ã£ãŸå•é¡ŒåŠã³ãã®è§£æ±ºç–ã‚’ãŠä¼ãˆã—ã¾ã™ã€‚ ã¡ãªã¿ã«ã€Michael Jacksonæ°ã¯Isomorphic JavaScript ã§ã¯ãªãã€ Universal JavaScript ã¨å‘¼ã¶ã¹ãã ã¨ä¸»å¼µã—ã¦ã„ã¾ã™ã€‚ç§ãŸã¡ã¯Isomorphic JavaScriptã¨ã„ã†åå‰ã§ä½¿ã†ã®ã«æ…£ã‚ŒãŸã®ã§ã€ã“ã“ã§ã¯*Isomorphic JavaScriptã¨è¨˜è¿°ã—ã¾ã™ã€‚ Amebloã®Isomorphic æŠ€è¡“é¸å®š å…ˆã«çµè«–ã‚’ã‚ã’ã¾ã™ï¼šReact + Redux æŠ€è¡“é¸å®šã®åŸºæº–ã¯ä¸‹è¨˜ã¨ãªã‚Šã¾ã™ã€‚ å®‰å®šã•ã€‚åŸºæœ¬çš„ã«ãƒ—ãƒãƒ€ã‚¯ãƒˆç’°å¢ƒã§ä½¿ãˆã‚‹æ£å¼ç‰ˆãŒã‚ã‚‹ã“ã¨ã€‚ ã‚¢ã‚¯ãƒ†ã‚£ãƒ–ãªé–‹ç™ºã€‚ ã‚ˆã„ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã€‚æŠ€è¡“ã®å‘¨ã‚Šã«å¤§ãã„ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ãŒè‚²ã£ã¦ã„ã‚‹ã“ã¨ã€‚ å®Ÿç¸¾ãŒã‚ã‚‹ã€‚ ã¾ãšViewå±¤ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®é¸å®šã§ã™ã€‚ã“ã®ãƒ—
hiro14aki 2017/01/18
javascript

isomorphic
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ä¸è¦è«– - Qiita
ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã€Isomorphicã€Universal JavaScriptãªã©ã®è¨€è‘‰ã‚’ã‚ˆãè¦‹ã‹ã‘ã¾ã™ã€‚ãªã‚‹ã»ã©ãã€è‰¯ã•ãã†ã ãã€å¤–éƒ¨å…¬é–‹ã™ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã‚’æ›¸ãã“ã¨ãŒã‚ã£ãŸã‚‰æŒ‘æˆ¦ã—ã¦ã¿ãŸã„ãã€Mithrilã«ã‚‚isomorphic-mithrilã£ã¦ã®ã‚’ãŒã‚“ã°ã£ã¦ã„ã‚‹äººãŒã„ã‚‹ã—ã€ã¿ãŸã„ãªã“ã¨ã‚’æ¼ ç„¶ã¨æ€ã£ã¦ã„ãŸã®ã§ã™ãŒã€æœ€è¿‘ASCII.jpã®ã‚·ã‚¹ãƒ†ãƒ ã‚³ãƒ¼ãƒ«ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®é€£è¼‰ã‚’æ›¸ã„ã¦ã„ã¦ã€ã‚ã‚‰ãŸã‚ã¦HTTPã®ä»•æ§˜ã‚’è¦‹è¿”ã—ã¦ã¿ã¦ã€é€†ã«ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’ã—ãªã„æ–¹ãŒã„ã„ã®ã§ã¯ãªã„ã‹ã€ã¨æ€ã„å§‹ã‚ã¾ã—ãŸã€‚ è¿½è¨˜(23:30): ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¨æ›¸ã„ã¦ã„ã¾ã™ãŒUniversal JavaScriptã¿ãŸã„ãªå‡ã£ãŸãƒ“ãƒ¥ãƒ¼ã®æ›´æ–°ã®æ„å‘³ã§ã™ã€‚ ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã®æ¬ ç‚¹ ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã®ãƒ¡ãƒªãƒƒãƒˆã¨ã—ã¦ã‚ã’ã‚‰ã‚Œã‚‹ã®ã¯æ¬¡ã®2ç‚¹ã§ã™ã€‚ æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã®ã‚¯ãƒãƒ¼ãƒ©ãƒ¼å‘ã‘
hiro14aki 2016/12/24
isomorphic

javascript
ãƒªãƒ³ã‚¯
Isomorphic JSã§ä½œã‚‰ã‚ŒãŸWebã‚µã‚¤ãƒˆã®è„†å¼±æ€§æ¤œæŸ» | Recruit Tech Blog
ã‚µã‚¤ãƒãƒ¼ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°éƒ¨ã®è¥¿æ‘ã§ã™ã€‚ Recruit Engineers Advent Calendar 2016ã®12æœˆ6æ—¥ã®è¨˜äº‹ã‚’æ‹…å½“ã—ã¾ã™ã€‚ å…ˆæ—¥ã€ã‚ã‚‹Webã‚µã‚¤ãƒˆã®è„†å¼±æ€§æ¤œæŸ»ã‚’æ¥å‹™ã§æ‹…å½“ã—ã¾ã—ãŸã€‚å¯¾è±¡ã®ã‚µã‚¤ãƒˆã¯ã€Node.js + React + Reduxã‚’ç”¨ã„ã¦Isomorphic JSã‚’å®Ÿç¾ã—ã¦ãŠã‚Šã€æ¤œæŸ»ã§ã‚‚ã“ã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã«ç‰¹æœ‰ã®è„†å¼±æ€§ãŒè¦‹ã¤ã‹ã‚Šã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€æ¤œæŸ»ã§ç™ºè¦‹ã—ãŸè„†å¼±æ€§ã‚’ã‚‚ã¨ã«ã€Isomorphic JSã®Webã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹éš›ã«æ°—ã‚’ã¤ã‘ã‚‹ã¹ããƒã‚¤ãƒ³ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Isomorphic JSã¨ã¯ Isomorphic JSã¯ã€è¿‘å¹´ã€æ³¨ç›®ã•ã‚Œã¦ã„ã‚‹Webã®ãƒ‘ãƒ©ãƒ€ã‚¤ãƒ ã§ã€ã‚µãƒ¼ãƒã¨ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã§åŒä¸€ã®JSã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒç‰¹å¾´ã§ã™ã€‚ã“ã‚Œã«ã‚ˆã‚Šã€ã‚µãƒ¼ãƒã¨ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®åŒæ–¹ã§HTMLã‚’ç”Ÿæˆã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã€å¾“æ¥ã®SPAã«è¦‹ã‚‰ã‚ŒãŸSE
hiro14aki 2016/12/07
isomorphic

javascript
ãƒªãƒ³ã‚¯
ã€ç¿»è¨³ã€‘ãƒªãƒƒãƒãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãŸã‚ã®7ã¤ã®åŽŸå‰‡ - from scratch
ã¯ã˜ã‚ã« ã“ã®è©±ã¯Guillermo Rauchæ°ãŒæ›¸ã„ãŸhttp://rauchg.com/2014/7-principles-of-rich-web-applications/ ã¨ã„ã†è¨˜äº‹ã®ç¿»è¨³ã§ã™ã€‚è¨±å¯ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã“ã“æœ€è¿‘Webæ¥ç•Œã‚’è³‘ã‚ã—ã¦ã„ã‚‹Single Page Applicationã®å¿…è¦æ€§ã€HTTP2/SPDYã¨ã„ã£ãŸæŠ€è¡“ã€ãƒªã‚¢ã‚¯ãƒ†ã‚£ãƒ–ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚„Isomorphicãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†è€ƒãˆæ–¹ã«ã¤ã„ã¦åŒ…æ‹¬çš„ã«ã¾ã¨ã‚ãŸã™ã”ãè‰¯ã„è¨˜äº‹ã«ãªã£ã¦ãŠã‚Šã¾ã™ã€‚ æœ€åˆã«æ–ã£ã¦ãŠãã¾ã™ãŒã€ã‚‚ã®ã™ã”ãé•·ã„ã§ã™ã€‚å„ã‚»ã‚¯ã‚·ãƒ§ãƒ³ãŒã‚ã‹ã‚Œã¦ã„ã‚‹ã®ã§æ™‚é–“ãŒãªã„æ–¹ã¯ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã”ã¨ã«æ›¸ã‹ã‚ŒãŸtl;DRã¨ã¾ã¨ã‚ã‚’èªã‚€ã ã‘ã§ã‚‚å‚è€ƒã«ãªã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ ã¡ãªã¿ã«æ˜Žæ—¥ã®Nodeå¦åœ’ç¥ã«ã¯ã€æœ¬è¨˜äº‹ã‚’è¨˜è¿°ã—ãŸGuillermo Rauchæ°ãŒè¦‹ãˆã‚‹ã®ã§ã€ãã“ã§è©³ã—ãèžã„ã¦ã¿ã‚‹ã®ã‚‚ã„ã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚
hiro14aki 2016/12/03
javascript

isomorphic

programming
ãƒªãƒ³ã‚¯
ã‚¢ãƒ¡ãƒ–ãƒ2016 ~ React/Reduxã§ã¤ãã‚‹Isomorphic web app ~ | CyberAgent Developers Blog | ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆ ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚ºãƒ–ãƒã‚°
ã¿ãªã•ã‚“ã“ã‚“ã«ã¡ã¯ã€ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’ä¸å¿ƒã«é–‹ç™ºã—ã¦ã„ã¾ã™åŽŸ(@herablog)ã§ã™ã€‚ ã‚¢ãƒ¡ãƒ–ãƒã§ã¯ã€2016å¹´9æœˆã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’Javaãƒ™ãƒ¼ã‚¹ã®ã‚¢ãƒ—ãƒªã‹ã‚‰ã€node.jsãƒ»Reactãƒ™ãƒ¼ã‚¹ã®ã‚¢ãƒ—ãƒªã¸ã¨ã‚·ã‚¹ãƒ†ãƒ ã®ç§»è¡Œã‚’ãŠã“ãªã„ã¾ã—ãŸã€‚æœ¬è¨˜äº‹ã§ã¯ã€ãã®ç§»è¡Œã¸ã¨ã„ãŸã‚‹çµŒç·¯ã‚„ã‚´ãƒ¼ãƒ«ã€ã‚·ã‚¹ãƒ†ãƒ è¨è¨ˆã€ãã®çµæžœã«ã¤ã„ã¦ãŠä¼ãˆã—ã¾ã™ã€‚ ãƒªãƒªãƒ¼ã‚¹ç›´å¾Œã«æ°—ã¥ã„ã¦ã„ã‚‹ãƒ„ãƒ¯ãƒ¢ãƒŽãªæ–¹ã‚‚ã„ã‚‰ã£ã—ã‚ƒã„ã¾ã—ãŸã€‚ ã‚¢ãƒ¡ãƒ–ãƒã®SPç‰ˆãŒReactã®SSRã§ãƒ•ãƒ«ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ãŸã®ã‚’è¦³æ¸¬ã—ãŸ â€” hr (@hrloca) 2016å¹´9æœˆ1æ—¥ ã‚·ã‚¹ãƒ†ãƒ ç§»è¡Œã¸ã¨ã„ãŸã‚‹çµŒç·¯ 2004å¹´ã‹ã‚‰å§‹ã¾ã‚Šã€æ—¥æœ¬å›½å†…ã§æœ€å¤§è¦æ¨¡ã®ãƒ–ãƒã‚°ã‚µãƒ¼ãƒ“ã‚¹ã¨ãªã£ãŸã‚¢ãƒ¡ãƒ–ãƒã¯ã€ã‚·ã‚¹ãƒ†ãƒ ã®è‚¥å¤§åŒ–ã‚„å¤šæ•°ã®é–¢ä¿‚è€…ãŒå˜åœ¨ã—ãŸã“ã¨ã«ã‚ˆã‚‹ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãƒ»å°Žç·šã®æ€¥å¢—ãªã©ã®ç†ç”±ã«ã‚ˆã‚Šã€ãƒšãƒ¼ã‚¸è¡¨ç¤ºã‚¹ãƒ”ãƒ¼ãƒ‰ãŒé…ããªã‚Šã€ãƒšãƒ¼ã‚¸ãƒ“ãƒ¥ãƒ¼æ•°ã«ã‚‚æ˜Žã‚‰ã‹ã«å½±éŸ¿ã‚’ä¸Žãˆã‚‹ã‚ˆã†
hiro14aki 2016/10/15
redux

React

JavaScript

isomorphic
ãƒªãƒ³ã‚¯
1