[B! spa] stibbarã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

stibbar id:stibbar

spaã«é–¢ã™ã‚‹stibbarã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{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(Single Page Application)ã®æ™®åŠãŒä¸€å±¤é€²ã‚“ã§ãŠã‚Šã€å¾“æ¥åž‹ã®MPAã‚’çŸ¥ã‚‰ãªã„ã‚¦ã‚§ãƒ–é–‹ç™ºè€…ã‚‚ç”Ÿã¾ã‚Œã¤ã¤ã‚ã‚‹ã‚ˆã†ã§ã™ã€‚SPAå¯¾å¿œã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã¯åŸºæœ¬çš„ãªè„†å¼±æ€§ã«ã¤ã„ã¦ã¯å¯¾ç–æ©Ÿèƒ½ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ãŒã€ãã‚Œã«ã‚‚é–¢ã‚ã‚‰ãšã€è„†å¼±æ€§è¨ºæ–ç‰ã§åŸºæœ¬çš„ãªè„†å¼±æ€§ãŒæŒ‡æ‘˜ã•ã‚Œã‚‹ã‚±ãƒ¼ã‚¹ã¯ã‚€ã—ã‚å¢—ãˆã¤ã¤ã‚ã‚Šã¾ã™ã€‚ æœ¬ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§ã¯ã€Laravelã¨Reactã§é–‹ç™ºã—ãŸã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ãƒ¢ãƒ‡ãƒ«ã¨ã—ã¦ã€SQLã‚¤ãƒ³ã‚¸ã‚§ã‚¯ã‚·ãƒ§ãƒ³ã€ã‚¯ãƒã‚¹ã‚µã‚¤ãƒˆã‚¹ã‚¯ãƒªãƒ—ãƒ†ã‚£ãƒ³ã‚°ã€èªå¯åˆ¶å¾¡ä¸å‚™ç‰ã®è„†å¼±æ€§ã®å®Ÿä¾‹ã‚’ç´¹ä»‹ã—ãªãŒã‚‰ã€ç¾å®Ÿçš„ãªå¯¾ç–ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚Laravelã‚„Reactä»¥å¤–ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯åˆ©ç”¨è€…ã«ã‚‚å½¹ç«‹ã¤èª¬æ˜Žã‚’å¿ƒãŒã‘ã¾ã™ã€‚
stibbar 2022/09/21
php

security

spa
ãƒªãƒ³ã‚¯
RelayHub, LLCã¯ã€ç¦å²¡ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢é–‹ç™ºä¼šç¤¾ã§ã™ã€‚
ã‚¦ã‚§ãƒ–ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ æ”¹å–„æ”¯æ´é«˜é€Ÿãªã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦ã‚‚ãƒ“ã‚¸ãƒã‚¹ã«ã¨ã£ã¦ã‚‚é‡è¦ãªè¦ç´ ã§ã™ã€‚ ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚„ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ”¹å–„ã‚’æ”¯æ´ã—ã¾ã™ã€‚ RUM(ãƒªã‚¢ãƒ«ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ¢ãƒ‹ã‚¿ãƒªãƒ³ã‚°)ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹è¨ˆæ¸¬ãƒ„ãƒ¼ãƒ«ã®å°Žå…¥å®šæœŸçš„ãªãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãƒ¬ãƒ“ãƒ¥ãƒ¼è¨ˆæ¸¬çµæžœã®åˆ†æžã«ã‚ˆã‚‹ãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã®ç‰¹å®šé©åˆ‡ãªãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã®é©ç”¨ãƒ’ã‚¢ãƒªãƒ³ã‚°ã®ä¸Šã§é©åˆ‡ãªææ¡ˆã‚’ã„ãŸã—ã¾ã™ã€‚ä¾¡æ ¼: æœˆ16ä¸‡å††~ ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã‚¨ãƒ³ãƒ‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒä½¿ã„ã‚„ã™ã„ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã„ãŸã—ã¾ã™ã€‚ Node.jsã€Denoã‚’ç”¨ã„ãŸãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰é–‹ç™ºTypeScriptã€Reactã‚’ç”¨ã„ãŸSPAé–‹ç™ºSketchã€Figmaãªã©ã‚’ç”¨ã„ãŸãƒ¯ã‚¤ãƒ¤ãƒ•ãƒ¬ãƒ¼ãƒ ä½œæˆã€UIæ§‹ç¯‰ãã®ä»–ã”ç›¸è«‡ãã ã•ã„
stibbar 2021/04/10
relayhub

spa
ãƒªãƒ³ã‚¯
SPA ãŒã€ã‚¦ã‚§ãƒ–é–‹ç™ºã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã«ãªã‚‹æ™‚ä»£ - mizchi's blog
æœ€è¿‘ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«é–¢ã™ã‚‹ãŠæ°—æŒã¡ã€‚æ£ç›´ã¾ã¨ã¾ã£ã¦ã¯ãªã„ã€‚ æœ€è¿‘ã€ã“ã‚“ãªæ„Ÿã˜ã®ãƒ„ã‚¤ãƒ¼ãƒˆã‚„è¨˜äº‹ãŒå¢—ãˆãŸã€‚ web æŠ€è¡“ã‚’ã‚ãƒ£ãƒªã‚¢ã®ä¸å¿ƒã«ã—ãªã„ ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ (ä»¥ä¸‹SPA) ã®å°é ã«ã‚ˆã‚Šã€ç§ã®è¦³æ¸¬ç¯„å›²ã§ã¯ãƒ¢ãƒ€ãƒ³ãª Web ã‚µã‚¤ãƒˆã¯ SPA ã§ä½œã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã€‚ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã¯ JSON ã‚’è¿”ã™ API ã‚µãƒ¼ãƒãƒ¼ã¨ãªã‚Šã€DB ã‚„ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã®ãƒ—ãƒã‚ã‚·ã®ã‚ˆã†ãªå˜åœ¨ã«ãªã‚Šã¤ã¤ã‚ã‚‹ã€‚ ç§ã¯ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦ã‚ãƒ£ãƒªã‚¢ã‚’ç©ã‚“ã§ããŸã€‚SPA ãŒæµè¡Œã‚Šã ã—ãŸé ƒã€ã„ãšã‚Œã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¯ä¸è¦ã«ãªã£ã¦è‡ªåˆ†ã®ã‚ãƒ£ãƒªã‚¢ã‚’è€ƒãˆç›´ã•ãªãã¦ã¯ã„ã‘ãªã„æ™‚æœŸãŒãã‚‹ã®ã§ã¯ãªã„ã‹ã¨æˆ¦ã€…æã€…ã¨ã—ã¦ã„ãŸã€‚ è‡ªåˆ†ã‚‚å…ƒã€…ã€SPA ã‚’ä»–ã‚µã‚¤ãƒˆã¨ã®ã€Œå·®åˆ¥åŒ–æŠ€è¡“ã€ã¨å®šç¾©ã—ã¦ã„ãŸã€‚ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¿ãƒ–ãƒšãƒ¼ã‚¸ã®ãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ«ã«ãŠã„ã¦ã€åˆæœŸåŒ–ãƒ—ãƒã‚»ã‚¹ã‚’ä¸€å›žã«ã¾ã¨ã‚ã¦ã‚·ãƒ¼ãƒ ãƒ¬ã‚¹ãªé·ç§»ã‚’å®Ÿç¾ã™ã‚‹æŠ€è¡“ã€‚ãŸã¨ãˆ
stibbar 2021/03/15
mizchi

spa
ãƒªãƒ³ã‚¯
SPAã€SSRã€ãƒ—ãƒªãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã®é•ã„ã‚’ã¾ã¨ã‚ã¦ã¿ãŸ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Nuxt.jsã‚’ä½¿ã„å§‹ã‚ã¾ã—ãŸãŒã€SPAã¨SSRã®é•ã„ã‚’ã‚ã¾ã‚Šç†è§£ã—ã¦ã„ãªã‹ã£ãŸã®ã§ã€ãã‚Œãžã‚Œã®å‹•ä½œã¨é•ã„ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ SSRã«ã¤ã„ã¦èª¿ã¹ã‚‹éŽç¨‹ã§ãƒ—ãƒªãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°(äº‹å‰æç”»)ã«ã¤ã„ã¦ã‚‚å¦ã‚“ã ã“ã¨ã‚‚ä¸€ç·’ã«ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ æ™®æ®µã®æ¥å‹™ã§ã¯ã‚³ãƒ¼ãƒ‰ãã®ã‚‚ã®ã«ç›®ãŒè¡ŒããŒã¡ã§ã™ãŒã€å‹•ä½œã®é•ã„ã‚„ãƒ¡ãƒªãƒƒãƒˆ/ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã‚’ã—ã£ã‹ã‚Šç†è§£ã—ãŸä¸Šã§æŠ€è¡“é¸å®šã‚’ã™ã‚‹ã“ã¨ãŒå¿…è¦ã ã¨æ„Ÿã˜ã¾ã™ã€‚ é–“é•ã£ã¦ã„ã‚‹ç‚¹ãŒã‚ã‚Œã°ãƒžã‚µã‚«ãƒªãã ã•ã„! HTML/CSS/JacaScriptã®ã¿ ã‚·ãƒ³ãƒ—ãƒ«ã«HTML/CSS/JacaScriptã®ã¿ã§å‹•ãã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®å ´åˆ å‹•ä½œã®
stibbar 2021/03/15
https://inside.dmm.com/entry/2018/04/10/nuxt-firebase

qiita

ssr

spa
ãƒªãƒ³ã‚¯
ã˜ã‚ƒã‚‰ã‚“ã€Œã‚‚ã†ä¸€åº¦è¡ŒããŸã„ã‚¹ãƒ¼ãƒ‘ãƒ¼éŠæ¹¯ãƒ©ãƒ³ã‚ãƒ³ã‚°2019ã€ã‚’ç™ºè¡¨ï¼1ä½ã¯æ„›åª›çœŒã€å…¨å›½ã€‘ ï½œã˜ã‚ƒã‚‰ã‚“ãƒ‹ãƒ¥ãƒ¼ã‚¹
ä»Šã‚„æ¸©æ³‰ã ã‘ã§ãªãã€ãƒ—ãƒ¼ãƒ«ã‚„ã‚«ãƒ•ã‚§ãŒä½µè¨ã•ã‚Œã‚‹ãªã©ã€é€²åŒ–ãŒã¨ã¾ã‚‰ãªã„ã‚¹ãƒ¼ãƒ‘ãƒ¼éŠæ¹¯ã€‚å¤©å€™ã«å·¦å³ã•ã‚Œã‚‹ã“ã¨ã‚‚ãªãã€ä¸€æ—¥éŽã”ã›ã‚‹ã‚¹ãƒãƒƒãƒˆã¨ã—ã¦äººæ°—ã®ãŠå‡ºã‹ã‘å…ˆã¨ãªã£ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯å…¨å›½ã®ã‚¹ãƒ¼ãƒ‘ãƒ¼éŠæ¹¯ã®ä¸ã‹ã‚‰ã€ã‚‚ã†ä¸€åº¦è¡ŒããŸã„ã¨æ€ã†æ–½è¨ã‚’èª¿æŸ»ã—ã¾ã—ãŸã€‚æ°—ã«ãªã‚‹ãƒ©ãƒ³ã‚ãƒ³ã‚°çµæžœã¯ã“ã®å¾Œï¼ãœã²ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã¦ãã ã•ã„ï¼ï¼ è¨˜äº‹é…ä¿¡ï¼šã˜ã‚ƒã‚‰ã‚“ãƒ‹ãƒ¥ãƒ¼ã‚¹ ã€Žã˜ã‚ƒã‚‰ã‚“ã€ã‚‚ã†ä¸€åº¦è¡ŒããŸã„ã‚¹ãƒ¼ãƒ‘ãƒ¼éŠæ¹¯ãƒ©ãƒ³ã‚ãƒ³ã‚° ã€ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆèª¿æŸ»æ¦‚è¦ã€‘ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆèª¿æŸ»ï¼æ±åŒ—ã€é–¢æ±ã€æ±æµ·ã€é–¢è¥¿ã€ä¸å›½ãƒ»å››å›½ã€ä¹å·žã¾ã§ã®6ã‚¨ãƒªã‚¢ã§ã€Žã˜ã‚ƒã‚‰ã‚“ã€æœ¬èªŒæŽ²è¼‰ã®ã‚¹ãƒ¼ãƒ‘ãƒ¼éŠæ¹¯ã‚’é¸æŠœã—ã€è¨ˆ161æ–½è¨ã‚’é¸æŠžè‚¢ã¨ã—ã¦è¨å®šã€‚éŽåŽ»1å¹´ä»¥å†…ã«è¡Œã£ãŸã“ã¨ã®ã‚ã‚‹æ–½è¨ã®ä¸ã‹ã‚‰ã€ã‚‚ã†ä¸€åº¦åˆ©ç”¨ã—ãŸã„ã¨æ€ã†æ–½è¨ã‚’é¸æŠžã€‚è¡Œã£ãŸã“ã¨ãŒã‚ã‚‹ã¨å›žç”ã—ãŸæ•°ãŒ40äººä»¥ä¸Šã®æ–½è¨ã‚’å¯¾è±¡ã«é›†è¨ˆã€‚èª¿æŸ»æ™‚æœŸï¼š2019å¹´9æœˆ25æ—¥ï¼ˆæ°´ï¼‰ï½ž27æ—¥ï¼ˆé‡‘ï¼‰ï¼èª¿æŸ»å¯¾è±¡ï¼š45éƒ½åºœçœŒåœ¨ä½ 20ä»£ï½ž50ä»£ç”·
stibbar 2020/10/10
https://onsen.nifty.com/kuchikomi/

spa

jalan
ãƒªãƒ³ã‚¯
firebaseã§ã‚µãƒ¼ãƒãƒ¬ã‚¹ãªSPAã‚¢ãƒ—ãƒªã‚’ä½œã£ãŸè©± - Qiita
ã¯ã˜ã‚ã« Firebaseä½¿ã£ã¦ã¿ã¦ä¾¿åˆ©ã•ã«æ„Ÿå‹•ã—ãŸã®ã§ãƒã‚¤ãƒ³ãƒˆã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸ Reactã¨ã‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ä½¿ã£ã¦SPAä½œã‚‹åˆ†ã«ã¯çµæ§‹æˆ¦ãˆã¾ã™ã ã¨ã¯ã„ãˆæœ€çµ‚çš„ã«ç´°ã‹ã„ä½œã‚Šè¾¼ã¿ã‚’ã™ã‚‹ã¨è¾›ã„ã¨ã“ã‚ã¯å‡ºã¦ããã†â€¦ ä½œã£ãŸã‚‚ã® https://å–«ç…™æ‰€.net è¦‹ãŸã¾ã‚“ã¾ã§ã™ãŒã€å–«ç…™æ‰€ã®å…±æœ‰ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ å–«ç…™è€…ã®çš†æ§˜ã¯æ˜¯éžä½¿ã£ã¦ã¿ã¦ãã ã•ã„ï½— ä½¿ã£ãŸã‚‚ã® Firebase Hosting Reactã§buildã—ãŸé™çš„ãƒšãƒ¼ã‚¸ã®é…ä¿¡ Authentication éžãƒã‚°ã‚¤ãƒ³æ™‚ã¯åŒ¿åèªè¨¼ SNSèªè¨¼ä½¿ã£ã¦ãƒã‚°ã‚¤ãƒ³æ™‚ã«ã‚°ãƒ¬ãƒ¼ãƒ‰ã‚¢ãƒƒãƒ— Cloud Firestore å–«ç…™æ‰€æƒ…å ±ã®ä¿å˜ ã„ã„ãæƒ…å ±ã®ä¿å˜ å…¬é–‹ç”¨ã®ãƒ¦ãƒ¼ã‚¶åã®ä¿å˜ Cloud Functions for Firebase Firestoreã®æ›´æ–°ã‚’ãƒˆãƒªã‚¬ãƒ¼ã«Algoliaã®ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹æ›´æ–°ã‚’å®Ÿè¡Œ Algolia ä¸»ã«å–«ç…™æ‰€ã®æ¤œ
stibbar 2018/11/30
qiita

Algolia

SPA

react

cloud-function
ãƒªãƒ³ã‚¯
ãƒã‚ãƒ¼ãƒ¼ãƒ€ | æ¤œç´¢çµæžœ: | æ—¥åˆŠSPA!
å½¹æ‰€ã‹ã‚‰ã®é€£çµ¡ã§ã€Œæ¯ã®æ»ã€ã‚’çŸ¥ã£ãŸ48æ³å¥³æ€§ã€‚é–¢ä¿‚ã‚’çµ¶ã£ã¦ç´„10å¹´â€¦â€œå‚²æ…¢ãªæ¯â€ãŒè¿ŽãˆãŸ... ã€Œè¦ªã®é¢å€’ã¯åãŒè¦‹ã‚‹ã‚‚ã®ã€ã¨ã„ã†ä¾¡å€¤è¦³ãŒã€ç§ãŸã¡ã‚’è‹¦ã—ã‚ã‚‹â€•â€•ã€‚æ±‚ã‚ã‚‰ã‚Œã‚‹ä»•é€ã‚Šã€æ¶ˆè€—ã™ã‚‹...
stibbar 2018/05/30
spa
ãƒªãƒ³ã‚¯
1