[B! firebase] kei_0000ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kei_0000 id:kei_0000

firebaseã«é–¢ã™ã‚‹kei_0000ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

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

Firebaseã§1æ™‚é–“ã§ç°¡å˜ãªWebãƒãƒ£ãƒƒãƒˆã‚¢ãƒ—ãƒªãŒä½œã‚Œã‚‹ãƒãƒ³ã‚ºã‚ªãƒ³ - Qiita
çµŒç·¯ ç§Googleç³»ã¯ãƒ‰ç´ äººã ã£ãŸã®ã§ãƒãƒ³ã‚ºã‚ªãƒ³å‹‰å¼·ä¼šã«å‚åŠ ã—ãŸæ‰€çŸæ™‚é–“ã§ã‚¹ãƒ ãƒ¼ã‚ºã«ã–ã£ãã‚Šç†è§£ã§ããŸæ°—ãŒã™ã‚‹ã®ã§è‡ªåˆ†ãªã‚Šã«æ•´ç†ã™ã‚‹ãŸã‚ã«è¨˜äº‹ã«ã—ã¾ã—ãŸã€‚ï¼ˆé–‹å‚¬å…ƒã«ã¯è¨±å¯é ‚ã„ã¦ã¾ã™ï¼‰ å‚åŠ ã—ãŸå‹‰å¼·ä¼š ã“ã¡ã‚‰ã®å‹‰å¼·ä¼šã«å‚åŠ ã—ã¾ã—ãŸã€‚æ¡ˆå†…ã®ã¨ãŠã‚Šã€è‹¥æ‰‹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒå¤šãç§æµ®ã„ã¦ãŸæ°—ãŒã—ã¾ã™ãŒå…¨ãæ°—ã«ã—ã¦ãªã„ã§ã™ã€‚è‹¥ã„ä¸–ä»£ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨äº¤æµã™ã‚‹ã¨ç§ã‚‚ãŒã‚“ã°ã‚‰ãªãã‚ƒã¨ã„ã†æ°—ã«ãªã‚Šã¾ã™ã€‚ ãƒãƒ³ã‚ºã‚ªãƒ³ã‚¹ãƒ©ã‚¤ãƒ‰ãŒã¨ã¦ã‚‚ã‚ã‹ã‚Šã‚„ã™ã‹ã£ãŸã§ã™ã€‚ã“ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã®æ‰‹é †ã•ãˆã‚ã‚Œã°1æ™‚é–“ã§ç°¡å˜ã«ä½œã‚Œã¾ã™ã€‚ ã“ã†ã„ã†ã®ä½œã‚‹ã®å¤§å¤‰ã ã‘ã©è‡ªåˆ†è‡ªèº«å‹‰å¼·ã«ãªã‚‹ã‚“ã ã‚ˆãã€‚ ãŠãã‚‰ãã€GoogleãŒæä¾›ã—ã¦ã„ã‚‹ã“ã“ã®FirebaseWebCodelabã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‹ã‚‰ç¿»è¨³ã¨ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã¦ä½œæˆã—ãŸã‚“ã ã¨æ€ã„ã¾ã™ã€‚ å®Œæˆã‚¤ãƒ¡ãƒ¼ã‚¸ ã“ã‚“ãªã®ãŒä½œæˆã§ãã¾ã™ã€‚Googleèªè¨¼ã‚‚ç°¡å˜ã«å®Ÿè£…ã§ãã¡ã‚ƒã†ã€‚ ã‚¢ãƒ—ãƒªã®æ§‹æˆ ä½œæˆã™ã‚‹ãƒãƒ£ãƒƒãƒˆã‚¢ãƒ—
kei_0000 2019/09/27
ã™ã”ãå…·ä½“çš„ã«æ‰‹é †ãŒæ›¸ã‹ã‚Œã¦ã¦è‰¯ã•ãã†ã€‚å¾Œã§è©¦ã™ã€‚

ã‚ã¨ã§èªã‚€

firebase

google

é–‹ç™º

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰
ãƒªãƒ³ã‚¯
Webã‚¢ãƒ—ãƒªç„¡æ–™é‹å–¶ã®ã‚¹ã‚¹ãƒ¡ï¼šFirebaseã¨Nuxt(Vue)ãªã‚‰æœ€å¼·ï¼ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ã¾ã ã‚µãƒ¼ãƒãƒ¼ã§æ¶ˆè€—ã—ã¦ã‚‹ã®ï¼ŸFirebaseï¼ˆã‚µãƒ¼ãƒãƒ¼ãƒ¬ã‚¹ï¼‰ã¨Nuxt.jsï¼ˆVueç³»ï¼‰ãªã‚‰Webã‚¢ãƒ—ãƒªé‹å–¶ã¯æœ€å¼·ã§ã—ã‚‡ï¼ï¼Ÿ ã“ã®è¨˜äº‹ã¯ã€ ã‚µãƒ¼ãƒãƒ¼è²»ç”¨ã‚’ãªã‚‹ã¹ãã‹ã‘ãŸããªã„ã‘ã©ã‚·ãƒ§ãƒœã„ã®ã¯NO Firebaseã®æ´»ç”¨æ³•ã‚’ã‚ã¾ã‚Šç†è§£ã—ã¦ã„ãªã„ Nuxt/Vueã‚’ä½¿ã£ã¦ã‚¢ãƒ—ãƒªä½œã£ã¦ã¿ãŸã„ï¼ˆNext/Reactã¨æ‚©ã‚“ã§ãŸã‚Šï¼‰ ã‚¢ãƒ—ãƒªæ§‹æƒ³ã¯ã‚ã‚‹ã‘ã©ã‚¢ã‚¤ãƒ‡ã‚¢ã®è½ã¨ã—è¾¼ã¿ã‚¹ãƒ”ãƒ¼ãƒ‰ãŒé…ãã¦æ¯Žå›žæŒ«æŠ˜ã™ã‚‹ ã¨ã„ã†äººå‘ã‘ã«ã€ã€Œã“ã‚“ãªæ„Ÿã˜ã§æ§‹ç¯‰ã™ã‚Œã°åŠ¹çŽ‡è‰¯ãé–‹ç™ºã§ããã†ã‚ˆã€ã¨ã„ã†ã®ã‚’ã€å‹‰å¼·ã«ãªã£ãŸè¨˜äº‹ã‚„æŠ€è¡“çš„ãƒˆãƒ”ãƒƒã‚¯ãƒ»èº“ã„ãŸç‚¹ãªã©ã‚‚åˆã‚ã›ã¦ç´¹ä»‹ã•ã›ã¦ã„ãŸã
kei_0000 2019/02/20
å¾Œã§è©¦ã™ã€ã¨æ¯Žå›žæ›¸ããŒã€ã›ã„ãœã„ã‚ã¨ã§èªã‚€ä½ãªã®ã§ãã‚ãã‚æ‰‹ã‚’å‹•ã‹ã•ãªã„ã¨

firebase

vue

æŠ€è¡“
ãƒªãƒ³ã‚¯
Firebase + Vue.jsã§èªè¨¼ä»˜ãç°¡æ˜“ãƒãƒ£ãƒƒãƒˆã‚¢ãƒ—ãƒªä½œæˆ - Qiita
github https://github.com/ebatetsu/firebase_vue_chat Firebaseãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆä½œæˆ https://console.firebase.google.com/?hl=ja ã“ã“ã‹ã‚‰ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ä½œæˆ Vue.jsã®é–‹ç™ºç’°å¢ƒæ§‹ç¯‰ Vue CLIã‚’ä½¿ç”¨ã™ã‚‹ã®ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« $ npm install -g vue-cli ä»»æ„ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã§ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãƒ•ã‚©ãƒ«ãƒ€ä½œæˆ $ vue init webpack [project_name] ã¨ã‚Šã‚ãˆãšå…¨éƒ¨Enterã§OKã§ã™ã€‚ ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªç§»å‹• $ cd [project_name] ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ $ npm install sassã§æ›¸ããŸã‹ã£ãŸã‚‰ $ npm install sass-loader node-sass --save-dev ãƒãƒ¼ã‚«ãƒ«ã‚µãƒ¼ãƒãƒ¼èµ·å‹• $ npm ru
kei_0000 2019/02/07
å¾Œã§è©¦ã™

Vue.js

firebase

vue

ã‚ã¨ã§èªã‚€

ã‚ã¨ã§ãƒã‚§ãƒƒã‚¯
ãƒªãƒ³ã‚¯
Firebaseã€ãã‚ãã‚è§¦ã£ã¨ã‹ãªã„ã¨ã‚„ã°ã„ã‚“ã‹ãªï¼Ÿã¨æ€ã£ã¦ã„ã‚‹ã‚ãªãŸã®ãŸã‚ã®è¶…åŸºæœ¬Firebaseå…¥é–€ã®å‹‰å¼·ã«å½¹ç«‹ã¤ã‚µã‚¤ãƒˆã¾ã¨ã‚ - ã‹ã¨ã®ã¼ã®ãƒžã‚¤ã‚³ãƒ¼ãƒ‰ãƒ»ãƒžã‚¤ãƒ©ã‚¤ãƒ•
Firebaseã¯ã€GoogleãŒé‹å–¶ã—ã¦ã„ã‚‹Baas(Backend as a Service)ã§ã™ã€‚æœ€è¿‘äººæ°—ã®ã‚µãƒ¼ãƒãƒ¬ã‚¹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒç°¡å˜ã«ä½œã‚Œã‚‹ã“ã¨ã§æœ‰åã§ã™ã€‚ã¡ãªã¿ã«ã€Œã‚µãƒ¼ãƒãƒ¬ã‚¹ã€ã¨ã¯ã€åˆ¥ã«ã‚µãƒ¼ãƒãƒ¼ã‚’ä½¿ã‚ãªã„ã¨ã„ã†æ„å‘³ã§ã¯ãªãã€ã‚µãƒ¼ãƒãƒ¼ã‚’æ„è˜ã—ãªã„ã§é–‹ç™ºã§ãã‚‹ã“ã¨ã‚’è¨€ã„ã¾ã™ã€‚ ä»Šå›žã€Firebaseã®çŸ¥è¦‹ãŒã ã„ã¶é›†ã¾ã£ã¦ããŸã®ã§ã€ä»Šã¾ã§ã§å‹‰å¼·ã«ãªã£ãŸã‚µã‚¤ãƒˆã‚„è¨˜äº‹ãªã©ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ã¡ãªã¿ã«ã€ç§ãŒãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’Vue.jsã§æ§‹ç¯‰ã—ã¦ã„ã‚‹ãŸã‚ã€Vue.jsã‚ˆã‚Šã®æƒ…å ±ã«ãªã£ã¦ã„ã‚‹ã®ã§ãã“ã¯æ°—ã‚’ã¤ã‘ã¦ãã ã•ã„ã€‚ Firebaseå…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆ Qiita å€‹äººãƒ–ãƒã‚° æ›¸ç± ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ï¼ˆå‹•ç”»ï¼‰ ã¾ã¨ã‚ Firebaseå…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆ https://firebase.google.com/docs/guides/ ã„ããªã‚Šã®ãƒ‰ç›´çƒã§ã™ãŒã€ã“ã®å…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’è¦‹ãªãã¦ã¯å§‹ã¾
kei_0000 2019/02/07
å¾Œã§è©¦ã™

firebase

é–‹ç™º

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Vueã¨Firebaseã®åŸºæœ¬æ©Ÿèƒ½å…¨éƒ¨ä½¿ã£ã¦ã¬ã‚‹ã¬ã‚‹å‹•ããƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚µã‚¤ãƒˆã‚’ä½œã£ãŸã®ã§ã‚½ãƒ¼ã‚¹ã¨è§£èª¬ - Qiita
çµµæãã¨ã‹UXã¨ã‹ã‚„ã‚Šã¤ã¤ãƒ•ãƒãƒ³ãƒˆã‚‚ã‚„ã£ã¦ã‚‹ã€Œã‚†ãã€ã§ã™ã€‚ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚µã‚¤ãƒˆã¯10å¹´ãã‚‰ã„å‰ã«MoveableTypeã§ä½œã£ãŸãã‚Šã€‚æœ€è¿‘æµçŸ³ã«ã€Œã“ã‚Œã§ãƒ•ãƒãƒ³ãƒˆã‚„ã£ã¦ã¾ã™ã¨ã‹è¨€ã£ãŸã‚‰çµ¶å¯¾æ¬¡è»¢è·ã§ããªããï¼Ÿã€ã¨å±æ©Ÿã‚’æ„Ÿã˜ãŸã®ã§0ã‹ã‚‰ä½œã‚Šç›´ã—ã¾ã—ãŸã€‚ ã‚µã‚¤ãƒˆï¼š https://pf.nekobooks.com/ ã‚½ãƒ¼ã‚¹ï¼š https://github.com/yuneco/portfolio æ©Ÿèƒ½ãƒ»æ€§èƒ½ãƒ»é‹ç”¨ã‚’è€ƒãˆã¦ä½œã£ãŸçµæžœã€Vueã¨Firebase(Web)ã®æ©Ÿèƒ½ã‚’ä¸€é€šã‚Šä½¿ã£ãŸã‚µã‚¤ãƒˆãŒå‡ºæ¥ä¸ŠãŒã‚Šã¾ã—ãŸã€‚ã“ã‚Œã‹ã‚‰ã¡ã‚‡ã£ã¨å‡ã£ãŸãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚µã‚¤ãƒˆã‚’ä½œã‚ŠãŸã„æ–¹å‘ã‘ã«ã€ã©ã†ã„ã†ç›®çš„ã§ã©ã®æ©Ÿèƒ½ã‚’ä½¿ã£ãŸã®ã‹ã€ãã®æ™‚ã®ãƒã‚¤ãƒ³ãƒˆã¯ãªã‚“ã ã£ãŸã®ã‹ã‚’å…±æœ‰ã—ã¾ã™ã€‚ 2019.4.18è¿½è¨˜ æ˜¥ãªã®ã§æœŸé–“é™å®š1ã§æ¡œãŒå’²ãã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¿½åŠ ã—ã¦ã¿ã¾ã—ãŸã€‚å˜ä½“ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ãƒ†ã‚¹ãƒˆãƒšãƒ¼ã‚¸ã§è©¦ã›ã¾ã™ã€‚è¤‡é›‘ã«è¦‹ãˆã‚‹ã‹
kei_0000 2019/02/05
å¾Œã§èªã‚€

firebase

Vue.js

ã‚ã¨ã§èªã‚€

web

vue
ãƒªãƒ³ã‚¯
1