[B! vue] ginpeiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ginpei id:ginpei

vueã«é–¢ã™ã‚‹ginpeiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

1å¹´é–“å˜ä½“ãƒ†ã‚¹ãƒˆã‚’æ›¸ãç¶šã‘ãŸç¾å ´ã‹ã‚‰é€ã‚‹ Vue Component ã®ãƒ†ã‚¹ãƒˆ / Vue Component Test - Speaker Deck
Vue Fes Japan 2018 ã® 1å¹´é–“å˜ä½“ãƒ†ã‚¹ãƒˆã‚’æ›¸ãç¶šã‘ãŸç¾å ´ã‹ã‚‰é€ã‚‹ Vue Component ã®ãƒ†ã‚¹ãƒˆ https://vuefes.jp/
ginpei 2018/11/07
UIã¾ã‚ã‚Šã®è©¦é¨“ã®è©±ã€‚

vue

javascript

test
ãƒªãƒ³ã‚¯
Nuxt.jsã¨Firebase/Firestoreã§å‹•çš„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’PWAã™ã‚‹ | SCOUTER_Engineer
At Wantedly, we connect talents with companies that believe in your passion and values. See a company you're interested in? You can make a casual visit to to the office to find out more!
ginpei 2018/01/22
Firebaseä¸å¿ƒã®è§£èª¬ã€‚

vue

Nuxt.js

Firebase

web
ãƒªãƒ³ã‚¯
ã€v2å¯¾å¿œã€‘Nuxt.jsã¨Firebaseã‚’çµ„ã¿åˆã‚ã›ã¦çˆ†é€Ÿã§Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹ç¯‰ã™ã‚‹ - Qiita
Firebase Advent Calendar 2017 21æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’ä¸å¿ƒã«ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã‚„ã£ã¦ã„ã‚‹potato4dã§ã™ã€‚ æ™®æ®µã¯Vue.jsã‚’ä¸å¿ƒã«ã€æ¡ˆä»¶ã‚’é€²ã‚ãŸã‚Šã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã«é–¢ã‚ã£ãŸã‚Šã—ã¦ã„ã¾ã™ãŒã€ä»Šå›žã¯ãã‚“ãªVueç•Œéšˆã§ä»Šã‚¢ãƒ„ã„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã‚ã‚‹Nuxt.jsã¨Firebaseã‚’çµ„ã¿åˆã‚ã›ã¦ã€SPA + SSRã«Authã¨ Firestore ã‚’çµ„ã¿åˆã‚ã›ãŸã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é«˜é€Ÿã§ä½œã‚‹æ–¹æ³•ã‚’ã€ã‚µãƒ³ãƒ—ãƒ«ã¨ã‚ã‚ã›ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ 2019/10/16 è¿½è¨˜ ã“ã®ã‚µãƒ³ãƒ—ãƒ«ã¯ Firestore ãŒå˜åœ¨ã—ãªã„ Nuxt v1.x + RTDB æ™‚ä»£ã®ã‚³ãƒ¼ãƒ‰ã‚’æ„šç›´ã«ç§»è¡Œã—ã¦ã„ã‚‹ ã®ã§å…¨ä½“çš„ã«è³‡æ–™ãŒå¤ããªã£ã¦ã„ã¾ã™ã€‚ ã‚¤ãƒ³ãƒ•ãƒ©æ§‹æˆã«ã¤ã„ã¦ã¯é †æ¬¡æ›´æ–°ã—ã¦ã„ã¾ã™ãŒã€ç‰¹ã«ãƒ‡ãƒ¼ã‚¿ã‚¹ãƒˆã‚¢æ“ä½œå‘¨ã‚Šã«ã¤ã„ã¦ã¯ ã§ãã‚‹ã ã‘å‚è€ƒã«ã—ãªã„ã§ãã ã•ã„ã€‚ 2019/07/02
ginpei 2018/01/04
Vue.jsã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Nuxt.jsã‚’ä½¿ã£ã¦ãƒ•ãƒãƒ³ãƒˆå´ã‚’ä½œæˆã€‚ãƒãƒƒã‚¯å´ã¯Firebaseã«ä»»ã›ã¦ã‚µãƒ¼ãƒã„ã‚‰ãšã€‚ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã¯Herokuã€‚ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚ã‚Šã€‚

vue

web
ãƒªãƒ³ã‚¯
ç§ãŸã¡ã¯ãªãœReactã§ã¯ãªãVue.jsã‚’é¸ã‚“ã ã®ã‹ | POSTD
Qwintryãƒãƒ¼ãƒ ã¯æœ€è¿‘ã€æ—¢å˜ã®ã™ã¹ã¦ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’Vue.jsã«ç§»è¡Œã—ã¯ã˜ã‚ã¾ã—ãŸã€‚æ–°ã—ã„ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã‚‚Vue.jsã‚’ä½¿ã„ã¾ã™ã€‚ ãƒ¬ã‚¬ã‚·ãƒ¼ãªDrupalã®ã‚·ã‚¹ãƒ†ãƒ ï¼ˆqwintry.comï¼‰ ã‚¼ãƒã‹ã‚‰æ–°ã—ãæ›¸ããªãŠã™qwintry.comã®ãƒ–ãƒ©ãƒ³ãƒ Yii2ã§å‹•ãb2bã‚·ã‚¹ãƒ†ãƒ ï¼ˆlogistics.qwintry.comï¼‰ ãã®ä»–ã€æ¯”è¼ƒçš„å°ã•ã‚ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆï¼ˆã»ã¨ã‚“ã©ã¯ã€PHPã¨Node.jsã§ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚’æ§‹ç¯‰ã—ã¦ã„ã‚‹ã‚‚ã®ï¼‰ ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®è¦æ¨¡ã«ã¤ã„ã¦ã„ã†ã¨ã€ Qwintry ã¯ä¸–ç•Œä¸ã§ç´„50ä¸‡äººã®é¡§å®¢ãŒä½¿ã£ã¦ã„ã¾ã™ã€‚ã‚¢ãƒ¡ãƒªã‚«ã¨ãƒ‰ã‚¤ãƒ„ã«å€‰åº«ã‚’æŒã£ã¦ã„ã¦ã€ã‚¢ãƒ¡ãƒªã‚«å›½å†… æœ€å¤§ã®éƒµé€å…ˆ ã®ã²ã¨ã¤ã§ã€æ±æ¬§ã‚„ä¸æ±ã¸ã®å‡ºè·ã«æ³¨åŠ›ã—ã¦ã„ã¾ã™ã€‚Qwintryã¯ã€ã‚¢ãƒ¡ãƒªã‚«ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚¹ãƒˆã‚¢ã§ã‚°ãƒƒã‚ºã‚’è³¼å…¥ã™ã‚‹äººãŸã¡ã®ãŸã‚ã®ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ç§ãŸã¡ã®å€‰åº«ã«å±Šã„ãŸè·ç‰©ã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ãƒ‘ãƒãƒ«ã§ç®¡ç†ã§
ginpei 2017/03/09
Reactã®ã“ã¾ã‚ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã®å¼·åˆ¶ã¯æ½”ç™–ã™ãŽã¦é«˜é€Ÿä½œæ¥ã«å‘ã‹ãªã„ã€Vue.jsã¯ãã“ã‚‰ã¸ã‚“ã®ãƒãƒ©ãƒ³ã‚¹ãŒè‰¯ã„ã€ã¨ã€‚ã€ŽJSXã‚’ä½¿ã†ã¨ã€15è¡Œã®HTMLâ€¦ã‚’ã•ã‚‰ã«ä¸‰ã¤ã«åˆ†å‰²ã›ã–ã‚‹ã‚’å¾—ãªããªã‚‹ã“ã¨ã‚‚ã€

React

vue

javascript

framework

web
ãƒªãƒ³ã‚¯
Vue.jsã§å®Ÿç¾ã™ã‚‹MVVMãƒ‘ã‚¿ãƒ¼ãƒ³ Fluxã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã¨ã®è·é›¢
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
ginpei 2016/12/07
å‰åŠMVVMã€å¾ŒåŠFluxã®èª¬æ˜Žã€‚ã‚ã‹ã‚Šã‚„ã™ã„æ°—ãŒã™ã‚‹ã€‚ï¼ˆã¾ã ã‚ã‹ã£ã¦ãªã„ã€‚ï¼‰

dev

design

vue

flux
ãƒªãƒ³ã‚¯
é™å²¡JavaScriptå‹‰å¼·ä¼šã§Vue.jsã¸ã®ðŸ’“ã‚’è©±ã—ã¦ããŸ - ã˜ã¾ã‚ã
#3ã®ã¨ãã«ã“ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§åå‰ã¨ã‚¢ã‚¤ã‚³ãƒ³ã ã‘ç™»å ´ã—ã¦ã‹ã‚‰1å¹´åŠã€ã¤ã„ã«é™å²¡JavaScriptå‹‰å¼·ä¼š #4ã§ãŠæ°—ã«å…¥ã‚ŠãªJavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®Vue.jsã«ã¤ã„ã¦è©±ã—ã¦ããŸã€‚ ðŸ‘†ä»Šå›žã®ç›®æ¨™ ä»Šå›žã¯å‚åŠ è€…ã«ã€ŒVue.jsãªã‚“ã‹ãƒ¨ã‚µã‚½ã‚¦ã ã—ã¡ã‚‡ã£ã¨ä½¿ã£ã¦ã¿ã‚ˆã†ã‹ãªã€œã€ã¨æ€ã£ã¦ã‚‚ã‚‰ã†ã“ã¨ã‚’ç›®æ¨™ã«ã—ã¦è³‡æ–™ã‚’ä½œã£ãŸðŸ¤” ðŸ“ ä½¿ã£ãŸè³‡æ–™ ðŸ”— ðŸ’“ Vue.js ï¼ˆãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã‚’é–‹ãã¨å–‹ã£ãŸå†…å®¹ãŒè¦‹ã‚Œã‚‹ï¼‰ ã“ã®è³‡æ–™ã®ã¾ã¨ã‚ ðŸ’ª å°‘ãªã„å¦ç¿’ã§å¤§ããªãƒ‘ãƒ¯ãƒ¼ ðŸ’¨ è»½ãã¦é€Ÿã„ ðŸ‘ ãƒ©ã‚¤ãƒ–ãƒ©ãƒª/ãƒ„ãƒ¼ãƒ«ã§ã©ã‚“ãªè¦æ¨¡ã«ã‚‚å¯¾å¿œ ðŸ“– ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãŒã™ã”ã„ ðŸ‡¯ðŸ‡µ æ—¥æœ¬èªžã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã®å˜åœ¨ çµæžœ å‚åŠ è€…ã®ä½•äººã‹ã«ã€ŒVue.jsä½¿ã£ã¦ã¿ã‚ˆã†ã€ã¨æ€ã‚ã›ã‚‹ã“ã¨ãŒã§ããŸã‚ˆã†ã§â˜º âš™ ã‚¹ãƒ©ã‚¤ãƒ‰ä½œæˆã«ä½¿ã£ãŸãƒ„ãƒ¼ãƒ« ahomu/Talkie ã‚’ä½¿ã£ã¦ã¿ãŸã€‚Markdownã§ã‚¤ã‚±ã¦ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ãŒç°¡å˜ã«ã§
ginpei 2016/11/21
è³‡æ–™ã‚ã‚Šã€‚

vue

javascript

library

slide
ãƒªãƒ³ã‚¯
Vue.js 2.0 Server Side Rendering
Nodefest 2016 Nov 13
ginpei 2016/11/14
Vue.js 2.0ã®ã‚µãƒ¼ãƒå´æç”»ã®è©±ã€‚ä»®æƒ³DOMå°Žå…¥ã«ä¼´ã„æç”»ãŒæŠ½è±¡åŒ–ã•ã‚ŒãŸç‰ã®ç†ç”±ã§å®Ÿç¾ã€‚å‡¦ç†ã®æµã‚Œã‚„é«˜é€ŸåŒ–ã®ä»•çµ„ã¿ç‰ã«ã¤ã„ã¦ã€‚æ¿ƒã„ã‚ã€‚

vue

javascript

slide
ãƒªãƒ³ã‚¯
1