[B! Vue.js] unieye51ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

unieye51 id:unieye51

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (7)

ã‚¿ã‚°ã®çµžã‚Šè¾¼ã¿ã‚’è§£é™¤

Vue.jsã«é–¢ã™ã‚‹unieye51ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

Djangoã®MPAã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§Vue.js+Vuetify.js | nomaps.io BLOG
Djangoã§ä½¿ã†DB Driverã‚’äº¤æ›å‰å›žã®Pythonï¼†Djangoã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã«é–¢ã™ã‚‹è¨˜äº‹ã§ã€æŽ¡ç”¨ã—ã¦ã„ãŸmysql-connector-pythonãŒPythonã®æœ€æ–°ç‰ˆ(ver.3.8)ã«ã¯å¯¾å¿œã—ã¦ã„ã‚‹ã‘ã©ã€Django3ã«ã¯å¯¾å¿œã—ã¦ã„ãªã„ã“ã¨ãŒã‚ã‹ã‚Šã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’ã„ã˜ã‚‹ã¨ã„ã†ç„¡ç†çŸ¢ç†ã®å¯¾å¿œã‚’ã—ã¦ä¹—ã‚Šè¶ŠãˆãŸè©±ã‚’ã—ã¾ã—ãŸã€‚ ã“ã‚Œã‚’ãªã‚“ã¨ã‹ã‚ãƒ¬ã‚¤ã«ä¹—ã‚Šè¶ŠãˆãŸã„ãªã¨ã„ã†ã“ã¨ã§ã€ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ãƒ‰ãƒ©ã‚¤ãƒãƒ¼ã‚’mysql-connector-pythonã‹ã‚‰DjangoãŒåˆ©ç”¨ã‚’æŽ¨å¥¨ã—ã¦ã„ã‚‹mysqlclientã«è¼‰ã›æ›¿ãˆã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ åŸºæœ¬çš„ã«ã¯ã€mysqlclientã‚’pip / setuptoolsã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ã€è¨å®šã‚’æ›¸ãæ›ãˆã‚Œã°OKã§ã™ã€‚ è¨å®šã¯â€¦ DATABASE_ENGINE = 'mysql+mysqlconnector' DATABASES = { 'default
unieye51 2020/06/10
Django

Vue.js

MPA
ãƒªãƒ³ã‚¯
jQueryã‹ã‚‰Vue.jsã«ä¹—ã‚Šæ›ãˆã¦è‰¯ã‹ã£ãŸç‚¹ãƒ»æ‚ªã‹ã£ãŸç‚¹ã‚’ã¾ã¨ã‚ã¦ã¿ãŸï¼ - ã‚¯ãƒ©ã‚¦ãƒ‰ãƒ¯ãƒ¼ã‚¯ã‚¹ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ–ãƒã‚°
ä»Šå¹´ã®3æœˆã‹ã‚‰ã‚¯ãƒ©ã‚¦ãƒ‰ãƒ¯ãƒ¼ã‚¯ã‚¹ã§åƒãå‡ºã—ãŸé«˜æ¢¨ã§ã™ï¼ ã•ã£ããã§ã™ãŒã€ æœ€è¿‘ã€jQueryã§æ›¸ã„ã¦ã„ãŸJavaScriptã‚’Vue.jsã«å¤‰ãˆã¦ã„ãã¨ã„ã†ã“ã¨ã‚’ã‚„ã‚Šã¾ã—ãŸï¼ ã€ŒãŒã£ã¤ã‚ŠcomponentåŒ–ã—ã¦ã€APIç”¨æ„ã—ã¦ã€SPAã«ã—ã¦ãƒ»ãƒ»ãƒ»ã€ ã¿ãŸã„ãªæ„Ÿã˜ã§ã¯ãªãã€ æœ€ä½Žé™jQueryã§ã‚„ã£ã¦ã„ãŸè¡¨ç¤ºãƒ»éžè¡¨ç¤ºã®å‡¦ç†ã ã£ãŸã‚Šã€é‡‘é¡ã‚’è¨ˆç®—ã™ã‚‹ã¨ã„ã£ãŸå‡¦ç†ã‚’ ãã®ã¾ã¾Vue.jsã«ç½®ãæ›ãˆã¦ã„ãã¨ã„ã†æ„Ÿã˜ã§ã™ãã€‚ å®Ÿéš›ã€Google Trendã‚’è¦‹ã¦ã‚‚ ã“ã“æ•°å¹´ã§Vue.jsã®äººæ°—ãŒæ€¥æ¿€ã«ä¼¸ã³ã¦ã„ã‚‹ã®ã¯äº‹å®Ÿã§ã™ã€‚ ï¼ˆå®Ÿã¯Reactã«ã‚‚å¤§å·®ã‚’ã¤ã‘ã¦ã„ã‚‹ï¼‰ ã€Google Trend JSæ¯”è¼ƒã€‘ https://trends.google.com/trends/explore?date=today%205-y&q=vue.js,react.js,angular.js ã“ã“ã§ã¯ã€å®Ÿéš›ã«å®Ÿè£…ã—ã¦ã¿ã¦
unieye51 2020/01/14
Vue

jQuery

Vue.js
ãƒªãƒ³ã‚¯
ãªãœãƒ—ãƒãƒ€ã‚¯ãƒˆã« Vue.js ã‚’æŽ¡ç”¨ã—ãŸã®ã‹? é‹ç”¨ã—ã¦ã¿ã¦ã©ã†ã£ã ã£ãŸ? ã¨ã„ã†è©± | Nagisaã®ã™ã‚ã‚
2018å¹´2æœˆ6æ—¥ ãªãœãƒ—ãƒãƒ€ã‚¯ãƒˆã« Vue.js ã‚’æŽ¡ç”¨ã—ãŸã®ã‹? é‹ç”¨ã—ã¦ã¿ã¦ã©ã†ã£ã ã£ãŸ? ã¨ã„ã†è©± ä½™ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ã¾ã›ã‚“ãŒ Nagisa ã§ã¯ã‚¢ãƒ—ãƒªã ã‘ã§ãªã Web ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚„ã‚µãƒ¼ãƒ“ã‚¹ã‚‚ã‚ã‚Šã¾ã™ã€‚ãƒžãƒ³ã‚¬ZERO ã‚„ UPTOON! ã‚„ æœˆåˆŠã‚³ãƒŸãƒƒã‚¯ã‚¸ãƒ˜ãƒ³ è¾ºã‚ŠãŒãã†ã§ã™ã€‚ ä½•ã‚Œã‚‚ Vue.js ã§ä½œã‚‰ã‚Œã¦ã„ã‚‹ SPA ã§ã€ç¤¾å†…ãƒ»å¤–ä¸¡æ–¹ã‹ã‚‰ â€œãªã‚“ã§ Vue.js ãªã®?â€ ã¨ã‹ã‚ˆãèžã‹ã‚Œã¾ã™ã€‚ãã“ã§ã€ä»Šå›žã¯ã©ã†ã—ã¦ Vue.js ã‚’é¸æŠžã—ãŸã®ã‹ã€Vue.js ã®ä½•ãŒã„ã„ã®ã‹ã€Vue.js ã§é‹ç”¨ã—ã¦ã¿ã¦ã©ã†ã ã£ãŸã‹ã®è©±ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« Vue.js ã‚’å°Žå…¥ã™ã‚‹å‰ã®ãƒžãƒ³ã‚¬ ZERO Web ã¯ 2.0ç³»ã® Riot ã§ä½œã‚‰ã‚Œã¦ã„ã¾ã—ãŸã€‚ä»Šã‚ã‚‹ SPA ã®ã‚ˆã†ãªå½¢ã§ã¯ãªãã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ (Go) ã«ã¦ãƒ¡ã‚¿ã‚¿ã‚°ã‚’ç”Ÿæˆã€ç©ºã®ãƒžã‚¦ãƒ³ãƒˆãƒã‚¤ãƒ³ãƒˆ <div id="app"><
unieye51 2018/12/09
Vue.js

Vue
ãƒªãƒ³ã‚¯
https://slideship.com/users/@yhashimoto/presentations/2017/07/6ke7Az7fnnJ27PYKyY5e4P/
unieye51 2018/09/15
Vue.js
ãƒªãƒ³ã‚¯
ä¸ã€œå¤§è¦æ¨¡ãªSPAã‚’é–‹ç™ºã™ã‚‹æ™‚ã«æŠ‘ãˆã¦ãŠããŸã„10ã®ãƒã‚¤ãƒ³ãƒˆ - KAYAC Engineers' Blog
ã“ã‚“ã«ã¡ã¯ã€‚ã‚«ãƒ¤ãƒƒã‚¯ã®SPAãŠã˜ã•ã‚“ã“ã¨å³¶æ´¥ã§ã™ã€‚ ä»Šå¹´ã¯Reactã¨Vueã‚’ä½¿ã£ãŸSPAé–‹ç™ºãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ã„ãã¤ã‹æ‹…å½“ã—ã¦ããŸã®ã§ã€ãã“ã§å¾—ãŸçŸ¥è¦‹ã®ç·ã¾ã¨ã‚ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ â€» ã“ã“ã§ã®SPAã¨ã¯ã™ã¹ã¦ã®Viewã‚’JavaScriptã§æ›¸ãWebã‚¢ãƒ—ãƒªã®ã“ã¨ã‚’æŒ‡ã—ã¾ã™ã€‚ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰MVCã‚’ä¸»è»¸ã«Viewã®ä¸€éƒ¨ã‚’Reactã‚„Vueã§æ›¸ãã“ã¨ã‚‚ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯ãã®ã‚±ãƒ¼ã‚¹ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ 1. ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ æ•°å¹´å‰ã¨ã¯äº‹æƒ…ãŒå¤‰ã‚ã‚Šã€ ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ã‚ãªã„ã¨ã„ã†é¸æŠžè‚¢ã¯æ˜¨ä»Šã ã¨ã‚‚ã†ç„¡ã„ã§ã—ã‚‡ã†ã€‚ä¸¸è…°ã®JSã§DOMã‚’å¼„ã£ã¦ã„ãŸæ™‚ä»£ã«æ¯”ã¹ã‚‹ã¨ã€ã‹ãªã‚Šå®‰å®šã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ äººæ°—ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®å°é ã«ãªã£ã¦ã„ã‚‹ React + Redux Vue + Vuex ã‚’ã“ã®1å¹´ä½¿ã£ã¦ãã¾ã—ãŸãŒã€æ›¸ãæ–¹ã¯é•ãˆã©Fluxã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ãƒ»ä»®æƒ³DOMãƒ»ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå¿—å‘
unieye51 2018/09/08
react

Vue.js
ãƒªãƒ³ã‚¯
ç§ãŸã¡ã¯ãªãœ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ã¯ã€ã‚¢ãƒ¡ãƒªã‚«ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚¹ãƒˆã‚¢ã§ã‚°ãƒƒã‚ºã‚’è³¼å…¥ã™ã‚‹äººãŸã¡ã®ãŸã‚ã®ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ç§ãŸã¡ã®å€‰åº«ã«å±Šã„ãŸè·ç‰©ã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ãƒ‘ãƒãƒ«ã§ç®¡ç†ã§
unieye51 2018/07/07
vue.js

react
ãƒªãƒ³ã‚¯
1