[B! SPA] shimpeiwsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

shimpeiws id:shimpeiws

SPAã«é–¢ã™ã‚‹shimpeiwsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (17)

${{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ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£æ”¹ - laiso
JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’å–ã‚Šå·»ãçŠ¶æ³ã¯ã€å¸¸ã«å¤‰åŒ–ã‚’ç¶šã‘ã¦ã„ã¾ã™ã€‚è¿‘å¹´ã§ã¯ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ï¼ˆSSRï¼‰ã¨ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ï¼ˆCSRï¼‰ã®ãƒãƒ©ãƒ³ã‚¹ã¯ã€é‡è¦ãªæ¤œè¨Žäº‹é …ã§ã™ã€‚ ChatGPTã®RemixæŽ¡ç”¨ 2024å¹´9æœˆã€ChatGPTãŒNext.jsã‹ã‚‰Remixã«ç§»è¡Œã—ãŸã“ã¨ãŒæ˜Žã‚‰ã‹ã«ãªã‚Šã¾ã—ãŸã€‚ã“ã®å‡ºæ¥äº‹ã¯ã€Remixã®æ¯ä½“ã§ã‚ã‚‹React Routerç³»ã®ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã§å¤§ããªè©±é¡Œã¨ãªã‚Šã€ç§»è¡Œã®ç†ç”±ã«ã¤ã„ã¦æ§˜ã€…ãªæ†¶æ¸¬ã‚’å‘¼ã³ã¾ã—ãŸã€‚ JavaScriptã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆã®Wes Bosæ°ï¼ˆå¦ç¿’å‹•ç”»æ•™æã¨ã‹ã‚’ä½œã£ã¦ã„ã‚‹äººï¼‰ã¯ã€ChatGPTã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’åˆ†æžã—ã€OpenAIãŒRemixã‚’æŽ¡ç”¨ã—ãŸç†ç”±ã«ã¤ã„ã¦ç‹¬è‡ªã®è€ƒå¯Ÿã‚’å±•é–‹ã—ã¾ã—ãŸã€‚ www.youtube.com ç·Šæ€¥ã§å‹•ç”»ã‚’å›žã™Wes Bosæ° Wes Bosæ°ã®åˆ†æžã«ã‚ˆã‚‹ã¨ã€ChatGPTã®ã‚¢
shimpeiws 2024/09/08
spa

react
ãƒªãƒ³ã‚¯
SPA Componentã®æŽ¨ã—ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆã«ã¤ã„ã¦èªžã‚‹
ã“ã‚“ã«ã¡ã¯ã€ã‚ˆã—ã“ã§ã™ã€‚ ã“ã®è¨˜äº‹ã¯ 2020å¹´ã«ç«‹ã¡ä¸Šã’ãŸWebãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æ§‹æˆã®æŒ¯ã‚Šè¿”ã‚Š ã®ã€ŒComponentã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆã€é …ã®è©³ç´°è¨˜äº‹ã§ã™ã€‚å˜ä½“ã§ã‚‚èªã‚ã¾ã™ãŒã€ã‚ˆã‘ã‚Œã°å…ƒè¨˜äº‹ã‚‚ã‚ã‚ã›ã¦ã©ã†ãžï¼ ã“ã®è¨˜äº‹ã§ã¯ã€ä»Šã‚ãŸã—ãŒ æ ªå¼ä¼šç¤¾ãƒŠãƒ¬ãƒƒã‚¸ãƒ¯ãƒ¼ã‚¯ ã¨ã„ã†ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—ã§é–‹ç™ºãƒ»é‹ç”¨ã—ã¦ã„ã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ãŠã„ã¦ã†ã¾ãã„ã£ã¦ã„ã‚‹ã¨æ„Ÿã˜ã¦ã„ã‚‹Componentã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆ Componentã¯ src/components ã®ä¸ã«ã¾ã¨ã‚ã¦ã„ã¦ã€ãã®ä¸‹ã«ä»¥ä¸‹ã®4ç¨®é¡žã®åˆ†é¡žãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’åˆ‡ã£ã¦ã„ã¾ã™ã€‚ src/components/page src/components/model src/components/ui src/components/functional åˆ†é¡žãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’è€ƒãˆã‚‹ã«ã‚ãŸã£ã¦é‡è¦–ã—ãŸãƒã‚¤ãƒ³ãƒˆã¯ä»¥ä¸‹ã€‚ æ–°ã—ãco
shimpeiws 2022/02/04
spa

react
ãƒªãƒ³ã‚¯
ãªãœ dev.to ãŒã“ã‚“ãªã«ã‚‚é€Ÿãã€ã“ã‚“ãªã«ã‚‚è‡ªåˆ†ã«ã¨ã£ã¦æ„Ÿå‹•çš„ãªã®ã‹
æœ€åˆã«ã„ã£ã¦ãŠãã€‚ã“ã‚Œã¯è² ã‘æƒœã—ã¿ã ã€‚ SPAã¨PWAã®ç¾çŠ¶ è‡ªåˆ†ã¯æ—¥æœ¬ã§Reactã®å‹æ‰‹ã‚¨ãƒ´ã‚¡ãƒ³ã‚¸ã‚§ãƒªã‚¹ãƒˆã¿ãŸã„ãªã“ã¨ã‚’ã‚„ã£ã¦ã„ã¦ã€SPAã®é‡ã‚ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚ˆãä½œã£ã¦ã‚‹ã‹ã‚‰ã‹ã€ã€ŒãŠå‰ã‚‰ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’ç‰©äº‹ã‚’ã‚„ã‚„ã“ã—ãã—ã¦ã€é‡ã„ãƒšãƒ¼ã‚¸ã‚’é‡ç”£ã—ã¦ã‚¦ã‚§ãƒ–ã‚’åŠ£åŒ–ã•ã›ã¦ã‚‹ã˜ã‚ƒãªã„ã‹ï¼ã€ã¿ãŸã„ãªæ‰¹åˆ¤ã‚’ã€åæŒ‡ã—ã§ã‚ˆãå—ã‘ã‚‹ã€‚ãªã‚“ã§åƒ•ã«ã„ã†ã‹ã‚ã‹ã‚‰ãªã„ã‘ã©ã€React = SPA ã¿ãŸã„ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã§ã‚¹ã‚±ãƒ¼ãƒ—ã‚´ãƒ¼ãƒˆã«ã•ã‚Œã¦ã‚‹ã‚“ã ã‚ã†ã€‚ãã‚Œã¯ã¾ã‚ã„ã„ã€‚ è‡ªåˆ†ã®ä»•äº‹ã§SPAæŠ€è¡“ã‚’ä½¿ã†ã¨ã“ã‚ã¯ã€ã¡ã‚ƒã‚“ã¨å¿…è¦æ€§ã‚‚ã‚ã‚‹ã—ç†ç”±ã‚‚èª¬æ˜Žã§ãã‚‹ã€‚ãŸã ã€ã‚„ã¯ã‚Šè¿‘å¹´ã®è¤‡é›‘åŒ–/é‡é‡åŒ–ã«ã¤ã„ã¦æ€ã†ã¨ã“ã‚ã¯ã‚ã‚‹ã®ã§ã€é€†ã«æŒ¯ã£ã¦ AMP/PWA ã¨ã„ã†é¸æŠžè‚¢ã‚’æŒã£ã¦ãŠããŸãã¦ã€æ£ç›´è¨€ã†ã¨ä¾é ¼ã•ã‚ŒãŸR&Dã®ä»•äº‹ã§ã‚‚ã‚ã£ãŸã‚“ã ã‘ã©ã€ä¸€é€šã‚Šè¦šãˆãŸã€‚ãªã‚“ã ã‘ã©ã€ä»Šã®ã¨ã“ã‚ä»•äº‹ã§ä½¿ã†ã‚¿ã‚¤ãƒŸãƒ³ã‚°ãŒãªã„ã€‚ PWAæŠ€è¡“ã‚’ä»•äº‹ã§ä½¿ãˆãªã‹ã£ãŸç†ç”±ã¨ã—ã¦
shimpeiws 2017/11/16
pwa

SPA

web
ãƒªãƒ³ã‚¯
ä»Šã€æˆ‘ã€…ã¯ã€ GUI ã®è¨è¨ˆã«ã¤ã„ã¦ ä½•ã‚’è€ƒãˆã‚‹ã¹ãã‹
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã® React Redux Rx ãªã©ã®è¨è¨ˆãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’å…ƒã« GUI è¨è¨ˆã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã¾ã—ãŸ
shimpeiws 2017/09/20
SPA
ãƒªãƒ³ã‚¯
å®Ÿæ³ä¸ç¶™ã‚·ãƒªãƒ¼ã‚ºã€ŒVue.jsã§å¦ã¶MVVM éžåŒæœŸå‡¦ç† ãã®å…‰ã¨é—‡ã€ Bãƒ‘ãƒ¼ãƒˆ - Re.Ra.Ku tech blog
ã“ã®è¨˜äº‹ã¯ã€2017å¹´3æœˆ4æ—¥ã«å¤§é˜ªã«ã¦è¡Œã‚ã‚ŒãŸYAPC::Kansaiã¨ã„ã†ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ç™ºè¡¨ã—ãŸã€ã€ŒVue.jsã§å¦ã¶MVVM éžåŒæœŸå‡¦ç† ãã®å…‰ã¨é—‡ã€ã¨ã„ã†ãƒ—ãƒ¬ã‚¼ãƒ³ã®å†ç¾ãƒ–ãƒã‚°ã®å¾Œç·¨ã§ã™ã€‚å‰ç·¨ã¯ã“ã¡ã‚‰ã§ã™ã®ã§ã€å‰ç·¨ã‚’ã¾ã èªã‚“ã§ãªã„æ–¹ã¯ãœã²ãã¡ã‚‰ã‹ã‚‰ã©ã†ãžã€‚ãã‚Œã§ã¯ã¯ã˜ã‚ã¾ã™ã€‚ Bãƒ‘ãƒ¼ãƒˆå°Žå…¥ ã•ã¦ã€Aãƒ‘ãƒ¼ãƒˆã§ã¯ã€ ç„¡é§„ã«SPAã™ã‚‹ã®ã¯ã‚ˆããªã„ SPAã™ã‚‹ãªã‚‰GUIã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ãƒ»ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’å‚è€ƒã«ã—ã‚ˆã† GUIã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‘ãƒ¼ã‚¿ãƒ³ã®ä¸ã‹ã‚‰ã€MVVMã¨ã¯ã©ã†ã„ã†ãƒ‘ã‚¿ãƒ¼ãƒ³ãªã®ã‹ ã¨ã„ã†ã“ã¨ã«ã¤ã„ã¦è¦‹ã¦ãã¾ã—ãŸã€‚Bãƒ‘ãƒ¼ãƒˆã§ã¯ã€MVVMã‚’æŽ¡ç”¨ã—ãŸãƒ—ãƒãƒ€ã‚¯ãƒˆã§ã‚ãŸã—ãŒå®Ÿéš›ã«ã©ã®ã‚ˆã†ãªèª²é¡Œã«ã¶ã¡å½“ãŸã‚Šã€ã©ã®ã‚ˆã†ã«ãã®èª²é¡Œã«å¯¾å¿œã—ã¦ããŸã‹ã«ã¤ã„ã¦è¦‹ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ èªè¨¼ã€ã‚»ãƒƒã‚·ãƒ§ãƒ³ã¾ã‚ã‚Šã®è©± ã¾ãšã¯ã€å®Ÿç”¨çš„ãªwebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¯ä»˜ãç‰©ã§ã‚ã‚‹èªè¨¼ã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£å‘¨ã‚Šã®è©±ã‹ã‚‰è¦‹ã¦ã„ãã¾ã™
shimpeiws 2017/03/29
SPA
ãƒªãƒ³ã‚¯
React/Reduxã§åŠå¹´ãã‚‰ã„çœŸé¢ç›®ã«SPAã™ã‚‹ã¨ã‚ã‹ã‚‹ã“ã¨
frontend meetup vol.1 in finc ã§ã®ç™»å£‡è³‡æ–™ã§ã™ã€‚
shimpeiws 2016/09/29
SPA
ãƒªãƒ³ã‚¯
SPAã¨è¦šæ‚Ÿ
This document summarizes a presentation about single-page applications (SPAs). It discusses what SPAs are, some user experience challenges with SPAs like navigation and accessibility, and solutions to those challenges including server-side rendering and preloading resources. Links are provided to additional resources on topics like accessibility in SPAs and using service workers and prefetching to
shimpeiws 2016/09/17
ã‚ªãƒ©ã‚ªãƒ©DOMã‚‚ãƒãƒ¼ãƒŸãƒ³ã‚°ã‚»ãƒ³ã‚¹ã™ã”ã„

SPA

web
ãƒªãƒ³ã‚¯
Client Side of ãªã‚“ã¡ã‚ƒã‚‰fresh.tv
shimpeiws 2016/04/06
js

spa
ãƒªãƒ³ã‚¯
Ginza.rb ã§ Quipper ã®ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã«ã¤ã„ã¦ç™ºè¡¨ã—ã¾ã—ãŸ - @kyanny's blog
ginzarb.doorkeeper.jp Ginza.rb ç¬¬26å›ž ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãŸã‚ã®Railsã¨JavaScript ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ ã¨ã„ã†å‹‰å¼·ä¼šã§ã€ Quipper ã§ JavaScript (CoffeeScript) ã¨ Rails ã«ã‚ˆã‚‹ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã‚’ã©ã†ã‚„ã£ã¦ã„ã‚‹ã‹ã«ã¤ã„ã¦ç™ºè¡¨ã—ã¾ã—ãŸã€‚ãŠå£°ãŒã‘ã„ãŸã ã„ãŸ @willnet ã•ã‚“ã€ Ginza.rb ã®ã¿ãªã•ã¾ã€ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ ç™ºè¡¨ã§ä½¿ã£ãŸè³‡æ–™ã¯ã“ã¡ã‚‰ã§ã™ã€‚ Backbone, Chaplin, Marionette ãã—ã¦ React - Quipper ã«ãŠã‘ã‚‹ Single Page Application é–‹ç™ºã®å¤‰é· ã‚‚ã¨ã‚‚ã¨ YAPC::Asia ã® CFP ã«å¿œå‹Ÿã—ã¦è½é¸ã—ãŸãƒã‚¿ã ã£ãŸã®ã ãŒã€ã‚ã‚‹æ„å‘³ã§è‡ªåˆ†ãŒã“ã® 2 å¹´é–“ã‚„ã£ã¦ããŸä»•äº‹ã®é›†å¤§æˆã¨ã‚‚ã„ãˆã‚‹å†…å®¹ã ã£
shimpeiws 2015/08/28
spa

rails

Javascript
ãƒªãƒ³ã‚¯
Mithril.jsã§ãŒã£ã¤ã‚ŠSPAã‚’ä½œã£ãŸè©± - ã‚³ãƒ¼ãƒ‰èœå…±æœ‰ã‚µã‚¤ãƒˆã€ŒChordKitchenã€ - ãƒªã‚ºãƒ ã®ã˜ã‹ã‚“
Mithril.jsã‚’ä½¿ã£ã¦ã€ãŒã£ã¤ã‚ŠSPAï¼ˆã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ï¼‰ã‚’ä½œã£ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ Mithrilä½¿ã„ã‚„ã™ã„ã®ã§åºƒã¾ã£ã¦æ¬²ã—ã„ã§ã™ã€‚ ä½œã£ãŸã‚‚ã® ã‚³ãƒ¼ãƒ‰èœã‚’webä¸Šã§ä½œæˆã—ã¦å…±æœ‰ã§ãã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã‚Šã¾ã—ãŸã€‚ ã‚³ãƒ¼ãƒ‰èœå…±æœ‰ã‚µã‚¤ãƒˆ ChordKitchen http://chordkitchen.net ã‚µãƒ¼ãƒ“ã‚¹ç´¹ä»‹å‹•ç”»ã§ã™ã€‚ www.youtube.com é–‹ç™ºç’°å¢ƒ ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªž typescriptï¼ˆversionã¯1.4ï¼‰ typescriptã„ã„ã‚ˆï¼ï¼ ã‚³ãƒ¼ãƒ‰ã¯ã§ãã‚‹ã ã‘javascriptã£ã½ãæ›¸ã„ã¦ã€ ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«æ™‚ã«ã‚±ã‚¢ãƒ¬ã‚¹ãƒŸã‚¹ã‚’æ¤œå‡ºã™ã‚‹æ„Ÿã˜ã«ä½¿ã„ã¾ã—ãŸã€‚ ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ gulp webpackï¼ˆå¾Œè¿°ï¼‰ ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ ä½¿ç”¨ã—ã¦ã„ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒª Mithril.js underscore.js Mithril.jsã«ã¤ã„ã¦ å…¬å¼ã‚µã‚¤ãƒˆ https://
shimpeiws 2015/08/06
web

SPA

js
ãƒªãƒ³ã‚¯
SPA Design and Architecture
SPA Design and Architecture teaches you the design and development skills you need to create SPAs. Includes an overview of MV* frameworks, unit testing, routing, layout management, data access, pub/sub, and client-side task automation. This book is full of easy-to-follow examples you can apply to the library or framework of your choice. about the techno logy The next step in the development of web-
shimpeiws 2015/08/04
SPA

web
ãƒªãƒ³ã‚¯
SPAãŒãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã‚’ã¶ã£å£Šã™ï¼šHTML5/JavascriptãŒå¤‰ãˆã‚‹Webã®æœªæ¥ - Qiita
ã¯ã˜ã‚ã« ã‚¿ã‚¤ãƒˆãƒ«ã¯åŠåˆ†é‡£ã‚Šã§ã™ãŒã€åŠåˆ†æœ¬æ°—ã§è€ƒãˆã¦ã‚‚ã„ã¾ã™ã€‚ è¿‘ã„å°†æ¥ã€Webã‚¢ãƒ—ãƒªãŒä»Šã®ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã®å¸‚å ´ã‚’è¶…ãˆã¦ãã‚‹ã€ã¨ä»®èª¬ã‚’ç«‹ã¦ã¦ã„ã¾ã™ã€‚ ãœã²ã€å…ˆäººã®ã¿ãªã•ã‚“ã®ã”æ„è¦‹ã‚„ãŠè€ƒãˆã‚’æ•™ãˆã¦ãã ã•ã„ã€‚ SPAã«ã¤ã„ã¦ SPAã¨ã¯ãªã«ã‹ï¼ˆWhatï¼‰ æ´å² ä½å·å¤«ç¾Žé›„ã•ã‚“ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒ¬ãƒãƒ¼ãƒˆã®ä¸€éƒ¨ãŒã€éžå¸¸ã«ã¾ã¨ã¾ã£ã¦ã„ã¦ã‚ã‹ã‚Šã‚„ã™ã„éƒ¨åˆ†ã§ã—ãŸã®ã§ã€ã¾ãšå¼•ç”¨ã•ã›ã¦ã„ãŸã ãã“ã¨ã¨ã—ã¾ã™ã€‚ RIAã¯ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³åˆ©ç”¨è€…ã«å¯¾ã—é«˜ã„è©•ä¾¡ã‚’å¾—ã¾ã—ãŸãŒã€2010å¹´ã®Appleã‚·ãƒ§ãƒƒã‚¯ã«ã‚ˆã‚Šè¡°é€€ã®æ–¹å‘ã¸å‘ã‹ã„ã¾ã™ã€‚å…·ä½“çš„ã«ã¯2010å¹´ã«Steve JobsãŒFlashã‚’æ¿€ã—ãæ‰¹åˆ¤ã—ãŸã“ã¨ã«ç«¯ã‚’ç™ºã—ã¾ã™ã€‚ãƒ—ãƒãƒ—ãƒ©ã‚¤ã‚¨ã‚¿ãƒª(Proprietary Software)ãªFlashã‚ˆã‚Šã‚ªãƒ¼ãƒ—ãƒ³æ€§ã®ã‚ã‚‹HTML5ã‚’æŽ¨é€²ã™ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚2011å¹´ã«ã¯MicrosoftãŒWebé–‹ç™ºè€…ã«å¯¾ã—ã¦Silverligh
shimpeiws 2015/06/19
web

SPA
ãƒªãƒ³ã‚¯
æœ€è¿‘ã®Reactã¸ã®è¨€åŠã«ã¤ã„ã¦ã®é•å’Œæ„Ÿ - mizchi's blog
ã€Œæœ€è¿‘ã®Reactã¸ã®è¨€åŠã«ã¤ã„ã¦ã®é•å’Œæ„Ÿã€ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªæ›¸ã„ãŸã‚‰ç‡ƒãˆã¾ã™ã‹ãâ€” ã‚¤ã‚«id:mizchi0x (@mizchi) 2015, 6æœˆ 7 åƒ•ãŒã¿ãŸè³‡æ–™ã®ä¸ã§Fluxã®è¨è¨ˆã«ã¤ã„ã¦æ£ã—ã„ç†è§£ã‚’ã—ã¦ã„ã‚‹ã¨æ€ãˆã‚‹ã®ã¯ã’ãŸã•ã‚“ã®ã“ã®è³‡æ–™ã ã‘ã§ã™ https://t.co/XaKHhhuP2Aâ€” ã‚¤ã‚«id:mizchi0x (@mizchi) 2015, 6æœˆ 7 ã¿ã‚“ãªsetStateã«é¨™ã•ã‚Œã¦ã‚‹â€” ã‚¤ã‚«id:mizchi0x (@mizchi) 2015, 6æœˆ 7 ä¸€éƒ¨ã§ã€ŒReactä½¿ã†ã¨ã‚³ãƒ¼ãƒ‰é‡ãŒå¢—ãˆã‚‹ã€ã¨ã„ã†æ„è¦‹ã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§æ›¸ã„ãŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®ãƒ¬ã‚¿ãƒƒãƒã‚’ã™ã‚‹jQueryã¨æ¯”ã¹ãŸã‚‰ãã‚Šã‚ƒãã†ãªã‚“ã ã‘ã©ã€SPAã§ãã‚‚ãã‚‚JSå´ãŒãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆæ¡ã‚‹ã‚ˆã†ãªç’°å¢ƒã§ã¯ handlebars ã¨ã‹ã§æ›¸ã„ã¦ãŸã¨ã“ã‚ãŒ JSXã«ãªã‚‹ã ã‘ã§ãã‚Œç§»è¡Œã‚³ã‚¹ãƒˆâ€” ã‚¤ã‚«id:mizchi0x (@mi
shimpeiws 2015/06/07
react

js

SPA
ãƒªãƒ³ã‚¯
ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã‚¦ã‚§ãƒ–ãªè¦³ç‚¹ã‹ã‚‰Elixir / Phoenix ã«ã¤ã„ã¦ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ã“ã“æœ€è¿‘ã€ [ç¿»è¨³] Elixir - æ¬¡ã«æ¥ã‚‹å¤§ç‰©Webè¨€èªž - Qiita ã¨ã‹ è¶…é«˜é€ŸãªJSON APIã‚’Elixirãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®Phoenixã§ãƒ“ãƒ«ãƒ‰ã—ã¦ãƒ†ã‚¹ãƒˆã—ã‚ˆã† | POSTD ã‚’èªã‚“ã§æ°—ã«ãªã£ã¦ã„ãŸã®ã§ã€å‹‰å¼·ã—ã¦ã„ãŸã€‚ å‰æ: è‡ªåˆ†ã¯ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ç‰¹åŒ–ã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ã‚ã‚Šã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã®ãƒ—ãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³é‹ç”¨ã«ã¯ãã“ã¾ã§å¼·ããªã„ã€‚ã‚ã¨ã“ã‚Œã¯ã“ã“2æ—¥ã®å‹‰å¼·ã—ãŸæ—¥è¨˜ã§ã‚‚ã‚ã‚Šèª¤è§£ã‚„å‹˜é•ã„ã‚‚å¤šã€…ã‚ã‚‹ã¨æ€ã†ã€‚ ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãŸã‚ã®ã‚µãƒ¼ãƒãƒ¼ Railsã®æ¬¡ã®æ™‚ä»£ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã‚¦ã‚§
shimpeiws 2015/05/17
SPA

js

web

elixir
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’æ¥½ã«ã™ã‚‹ãŸã‚ã«
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
shimpeiws 2015/03/22
js

SPA

Flux
ãƒªãƒ³ã‚¯
2014å¹´ç‰ˆãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã®ã‚ãŸã‚Šã¾ãˆ @ EdTech CTO Night!
Reckoner ã«ãŠã‘ã‚‹ Datadog Browser Test ã®æ´»ç”¨äº‹ä¾‹ / Datadog Browser Test at Reckoner
shimpeiws 2014/06/24
js

javascript

SPA
ãƒªãƒ³ã‚¯
RIAã«ä»£ã‚ã‚‹æŠ€è¡“ã€å®Ÿç”¨çš„SPAã«ã¤ã„ã¦è€ƒãˆã‚‹ï½žç¬¬7å›žã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚ºÃ—HTML5ãƒŠã‚¤ãƒˆã‚»ãƒŸãƒŠãƒ¼ï½ž
RIAã«ä»£ã‚ã‚‹æŠ€è¡“ã€å®Ÿç”¨çš„SPAã«ã¤ã„ã¦è€ƒãˆã‚‹ï½žç¬¬7å›žã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚ºÃ—HTML5ãƒŠã‚¤ãƒˆã‚»ãƒŸãƒŠãƒ¼ï½ž ä½å· å¤«ç¾Žé›„ï¼ˆAshiras, inc.ï¼‰ Appleã‚·ãƒ§ãƒƒã‚¯ã«ã‚ˆã‚Šç¦ã˜æ‰‹ã¨ãªã£ãŸFlexã€Silverlightã€Javaã‚¢ãƒ—ãƒ¬ãƒƒãƒˆãªã©ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ™ãƒ¼ã‚¹RIAè£½å“ã®ä»£æ›¿ã¨ã—ã¦ã€SPA(Single-page Application)ãŒæ³¨ç›®ã‚’é›†ã‚ã¦ã„ã¾ã™ã€‚HTML5ã®é«˜åº¦ãªã‚ªãƒ•ãƒ©ã‚¤ãƒ³æ©Ÿèƒ½ã‚’å¤§è¦æ¨¡é–‹ç™ºã§åˆ©ç”¨ã™ã‚‹éš›ã«ã‚‚é‡è¦ãªå½¹å‰²ã‚’æ‹…ã†æŠ€è¡“ã§ã™ã€‚ ã—ã‹ã—ãªãŒã‚‰ãã®å®Ÿè£…æ–¹æ³•ã«ã¯ã€ãƒ™ãƒ³ãƒ€è£½å“ã‹ã‚‰OSSè£½å“ã¾ã§ã€æ€æƒ³ã‚‚å®Ÿè£…ã‚‚ãƒãƒ©ã¤ããŒã‚ã‚Šã¾ã™ã€‚ä½•ã‚’ã‚‚ã£ã¦æ£ã—ã„ã¨ã™ã‚‹ã®ã‹ã€ã©ã®ã‚ˆã†ãªåˆ¤æ–åŸºæº–ã«ã‚ˆã‚Šé¸å®šã™ã‚‹ã®ã‹ã‚‚ã€é›£ã—ã„ã¨ã„ã†çŠ¶æ³ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ 2014å¹´1æœˆ27æ—¥ã«é–‹å‚¬ã•ã‚ŒãŸhtml5jã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚ºéƒ¨ã«ã‚ˆã‚‹ã€Œç¬¬7å›žã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚ºÃ—HTML5ãƒŠã‚¤ãƒˆã‚»ãƒŸãƒŠãƒ¼ã€ã€‚ä¼šå ´ã¯KDDIæ§˜å“å·ã‚¤ãƒ¼ã‚¹ãƒˆãƒ¯ãƒ³ã‚¿
shimpeiws 2014/05/15
SPA

js
ãƒªãƒ³ã‚¯
1