[B! Nuxt.js] momochin44ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

momochin44 id:momochin44

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

SCOUTERé–‹ç™ºè€…ãƒ–ãƒã‚°
2024-09-10 ãƒ†ã‚¯ãƒŽãƒã‚¸ã‚¢é”æ³•å¦æ ¡ã®ä½“é¨“è«‡ã¨è©•åˆ¤ ã€Œãƒ†ã‚¯ãƒŽãƒã‚¸ã‚¢é”æ³•å¦æ ¡ã€ã¨ã„ã†ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°æ•™æã‚’ã”å˜çŸ¥ã§ã™ã‹ï¼Ÿ ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã®åºƒå‘Šãªã©ã§ä¸€åº¦ã¯ç›®ã«ã—ãŸã“ã¨ãŒã‚ã‚‹äººã‚‚å¤šã„ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ãŒã€ãƒ‡ã‚£ã‚ºãƒ‹ãƒ¼ãŒæä¾›ã™ã‚‹åä¾›å‘ã‘ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°æ•™æã§ã™ã€‚ ä»Šå›žã¯ã€ã“ã®ã€Œãƒ†ã‚¯ãƒŽãƒã‚¸ã‚¢é”æ³•å¦æ ¡ã€ã®ä½“é¨“ç‰ˆã‚’å®Ÿéš›ã«ä½“é¨“ã—ã¦ã¿ã¦ã®æ„Ÿæƒ³ã‚„ã€ã€Œãƒ†ã‚¯ãƒŽãƒã‚¸ã‚¢é”æ³•å¦æ ¡ã€ãŒã©ã®ã‚ˆã†ãªã‚‚ã®ã‹ã€ãã®è©•åˆ¤ãªã©ã‚’è¦‹ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ†ã‚¯ãƒŽãƒã‚¸ã‚¢é”æ³•å¦æ ¡ã¨ã¯ æ–™é‡‘ ã‚¨ãƒ³ãƒˆ [â€¦] 2024-09-10 ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒãƒ¼ã€Œã‚¯ã‚¤ãƒƒã‚«ã€ã®è©•åˆ¤ã¨ä½¿ã„å‹æ‰‹ ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒãƒ¼ã¨ã—ã¦æœ‰åãªã‚µãƒ¼ãƒãƒ¼ã®ä¸€ã¤ã«ã€ã€Œã‚¯ã‚¤ãƒƒã‚«ã€ãŒã‚ã‚Šã¾ã™ã€‚ åå‰ã¯èžã„ãŸã“ã¨ã®ã‚ã‚‹äººã‚‚å¤šã„ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ãŒã€ä»Šå›žã¯ã“ã®ã€Œã‚¯ã‚¤ãƒƒã‚«ã€ã«ã¤ã„ã¦ã€æ–™é‡‘ã‚„ã‚¹ãƒšãƒƒã‚¯ã€è©•åˆ¤ãªã©ã‚’è¦‹ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒãƒ¼ã€Œã‚¯ã‚¤ãƒƒã‚«ã€ã®åŸºæœ¬æƒ…å ± ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼
momochin44 2019/06/10
Nuxt.js

Vue.js
ãƒªãƒ³ã‚¯
ä¸€ä¼‘.comãƒ¬ã‚¹ãƒˆãƒ©ãƒ³ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³æ¤œç´¢ãƒšãƒ¼ã‚¸ãŒSPAã«ãªã‚Šã¾ã—ãŸ - ä¸€ä¼‘.com Developers Blog
ä¸€ä¼‘.com ãƒ¬ã‚¹ãƒˆãƒ©ãƒ³ã¯ä»Šå¹´ã® 7 æœˆ 18 æ—¥ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘æ¤œç´¢ãƒšãƒ¼ã‚¸ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã‚’è¡Œã„ã¾ã—ãŸã€‚ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯ã€ãã®ä¸èº«ã«ã¤ã„ã¦å°‘ã—ç´¹ä»‹ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ æ¤œç´¢ãƒšãƒ¼ã‚¸ã®èª²é¡Œ ä¸€ä¼‘.com ãƒ¬ã‚¹ãƒˆãƒ©ãƒ³ã§ã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘æ¤œç´¢ãƒšãƒ¼ã‚¸ã«å¯¾ã—ã¦ã€Œé…ã„ã€ã¨ã„ã†èª²é¡Œæ„è˜ãŒã‚ã‚Šã¾ã—ãŸã€‚ã“ã‚Œã¯æŠ€è¡“é¢ã§å°‘ã—ãƒ–ãƒ¬ã‚¤ã‚¯ãƒ€ã‚¦ãƒ³ã™ã‚‹ã¨; ãƒ‘ãƒ¼ã‚½ãƒŠãƒ©ã‚¤ã‚ºãƒ‰ã‚’å«ã‚€è¤‡é›‘ãªå‡¦ç†ã‚’è¡Œã£ã¦ã„ã‚‹ãŸã‚ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰å‡¦ç†ãŒé‡ã„ã€‚ UI ä¸Šç„¡é§„ãªé…å»¶å‡¦ç†ã‚’è¡Œã£ã¦ã„ã‚‹ãŸã‚ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®æç”»ãŒé…ã„ã€‚ ã¨ã„ã†ã‚µãƒ¼ãƒãƒ¼å´ã¨ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ä¸¡æ–¹ã®èª²é¡ŒãŒã‚ã‚Šã¾ã—ãŸã€‚ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®ã€Œç„¡é§„ãªé…å»¶å‡¦ç†ã€ã¨ã„ã†ã®ã¯; æ¤œç´¢çµæžœå–å¾—ãŒ REST API åŒ–ã•ã‚Œã¦ã„ã‚‹ã«ã‚‚é–¢ã‚ãšã€å†æ¤œç´¢ã®åº¦ã«ãƒšãƒ¼ã‚¸ãƒªãƒãƒ¼ãƒ‰ã‚’è¡Œã„ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã®æç”»ã‹ã‚‰ã‚„ã‚Šç›´ã—ã¦ã„ã‚‹ã€‚ ã¨ã„ã†å®Ÿè£…ã«å•é¡ŒãŒã‚ã‚Šã¾ã—ãŸã€‚ä¸‹å›³ãŒãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«å‰ã®ãƒšãƒ¼ã‚¸æç”»ã®æ§˜åã§ã™
momochin44 2018/10/09
SPA

Vue

Nuxt.js
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¬ã‚·ãƒ¼ã‚·ã‚¹ãƒ†ãƒ ã®å¤§è¦æ¨¡ãƒªãƒ—ãƒ¬ã‚¤ã‚¹ã§åˆ†ã‹ã£ãŸã€ŒVue.jsã§SPAãªã‚‰Nuxt.jsãŒæœ‰åŠ›ã€ #ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢Hub - ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢Hubï½œè‹¥æ‰‹Webã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ã‚ãƒ£ãƒªã‚¢ã‚’è€ƒãˆã‚‹ï¼
ãƒ¬ã‚¬ã‚·ãƒ¼ã‚·ã‚¹ãƒ†ãƒ ã®å¤§è¦æ¨¡ãƒªãƒ—ãƒ¬ã‚¤ã‚¹ã§åˆ†ã‹ã£ãŸã€ŒVue.jsã§SPAãªã‚‰Nuxt.jsãŒæœ‰åŠ›ã€ 10å¹´ä»¥ä¸Šå‰ã«ä½œã‚‰ã‚ŒãŸãƒ¬ã‚¬ã‚·ãƒ¼ã‚·ã‚¹ãƒ†ãƒ ã‚’Vue.jsã§å¤§è¦æ¨¡ãƒªãƒ—ãƒ¬ã‚¤ã‚¹ã—ãŸã‚¨ãƒ ã‚¹ãƒªãƒ¼ã«ã€å°Žå…¥ã—ã¦æ„Ÿã˜ãŸVue.jsã®ãƒ¡ãƒªãƒƒãƒˆã‚„ã€æ´»ç”¨æ³•ã‚’ä¼ºã„ã¾ã—ãŸã€‚ JavaScriptï¼ˆJSï¼‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ã€ä½•ã‚’ä½¿ã†ã®ãŒãƒ™ã‚¹ãƒˆãªã®ã§ã—ã‚‡ã†ã‹ã€‚ã“ã“3å¹´ã»ã©ã§æ•°ã€…ã®JSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒèª•ç”Ÿã—ã¦ã„ã¾ã™ãŒã€Reactã€Angularã¨ã„ã†äºŒå¤§å·¨å¡”ã‚’è¶…ãˆã‚‹ã‚‚ã®ã¯ãªã‹ãªã‹ç¾ã‚Œã¦ã„ã¾ã›ã‚“ã€‚ ãã‚“ãªçŠ¶æ³ã®ä¸ã€GitHubã§ã¯Reactã‚’ä¸Šå›žã‚‹ã‚¹ã‚¿ãƒ¼æ•°ã‚’èª‡ã£ã¦ã„ã‚‹1ã®ãŒã€2014å¹´ã®ãƒªãƒªãƒ¼ã‚¹å¾Œã€ç€å®Ÿã«é€²åŒ–ã‚’é‡ãã€æ—¥æœ¬ã§ã‚‚æŽ¡ç”¨äº‹ä¾‹ãŒå¢—ãˆã¦ãã¦ã„ã‚‹Vue.jsã§ã™ã€‚ã€ŒJavaScript ãƒ™ã‚¹ãƒˆãƒ»ã‚ªãƒ–ãƒ»ã‚¶ãƒ»ã‚¤ãƒ¤ãƒ¼ã€ã«2016å¹´ã€2017å¹´ã¨2å¹´é€£ç¶šã§é¸ã°ã‚Œã¦ã„ã‚‹ã»ã‹ã€Ruby on Railsï¼ˆRailsï¼‰ã‚„Laravel ã¨ã„
momochin44 2018/09/26
Vue

Vue.js

Nuxt.js
ãƒªãƒ³ã‚¯
ã€ã‚³ãƒ¼ãƒ‰ã‚ã‚‹ã€‘Nuxt + WordPress ã§ netlify é‹ç”¨ãŒçˆ†é€Ÿã™ãŽã¦ç¥žã ã£ãŸ - Qiita
ã¾ãšã¯ä½œã£ãŸã‚µã‚¤ãƒˆã‚’è²¼ã£ã¦ãŠãã¾ã™ã€‚ https://wp-nuxt-for-netlify.netlify.com/ ã„ã‹ãŒã§ã™ã‹ï¼Ÿç¾åœ¨ä½ã‚“ã§ã„ã‚‹ã‚ªãƒ¼ã‚¹ãƒˆãƒ©ãƒªã‚¢ã®ADSLãªçˆ†é…å›žç·šã§ã‚‚ã€çˆ†é€Ÿã§ã™ã€‚ WordPress ã¯ heteml ã®ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒãƒ¼ã§ã™ã‚ˆï¼Ÿ æ„Ÿå‹•ã—ã™ãŽãŸã®ã§ã€å¾’ç„¶ãªã‚‹ã¾ã¾ã«ã€œã€‚ ã–ã£ãã‚Šæ§‹æˆ WordPresså´ ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ä¸ã®å®¶æ—ãƒ–ãƒã‚°ï¼ˆ https://nishida.lol ï¼‰ Heteml ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒãƒ¼ï¼ˆæœˆé¡ 2000å††ï¼‰ Heteml ã§ç„¡æ–™SSL WP REST API ã§GET APIã ã‘åˆ©ç”¨ https://v2.wp-api.org/ ãƒ•ãƒãƒ³ãƒˆå´ Nuxt Nuxt.js 1.0.0 nuxt generate ã§é™çš„ãƒ•ã‚¡ã‚¤ãƒ«ç”Ÿæˆ netlify ã«ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚° https://www.netlify.com/ GitHub ä¸Šã§ nuxt
momochin44 2018/07/18
wordpress

Nuxt.js
ãƒªãƒ³ã‚¯
SEOã€OGPâ€¦â€¦Vue.jsè£½SPAã®ã€Œå›°ã£ãŸã€ã‚’è§£æ±ºã§ãã‚‹ã€ŒNuxt.jsã€ãŒä¾¿åˆ©ã ï¼
Vue.jsã§SPAã‚’ä½œã£ãŸã‚‚ã®ã®ã€æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã®ã‚¯ãƒãƒ¼ãƒ©ãƒ¼ã‚„SNSã®OGPå–å¾—ã¨ã„ã£ãŸå•é¡Œã§å›°ã£ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’ç°¡å˜ã«æ§‹ç¯‰ã§ãã‚‹Nuxt.jsã®æ´»ç”¨æ–¹æ³•ã‚’è§£èª¬ã—ã¾ã™ã€‚ ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ï¼ˆIsomorphicï¼‰JavaScriptã¯JavaScriptã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã§ä¸€èˆ¬çš„ãªç”¨èªžã«ãªã‚Šã¾ã—ãŸã€‚ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«JavaScriptã¨ã¯ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã¨ã‚µãƒ¼ãƒãƒ¼ã®ä¸¡æ–¹ã§å®Ÿè¡Œã§ãã‚‹JavaScriptã‚³ãƒ¼ãƒ‰ã®ã“ã¨ã§ã™ã€‚ Vue.jsã‚’å«ã‚€ãƒ¢ãƒ€ãƒ³JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®å¤šãã¯ã€ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆSingle Page Application : SPAï¼‰ã®æ§‹ç¯‰ã‚’ç›®çš„ã«ä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¯ãƒšãƒ¼ã‚¸ãŒãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§æ›´æ–°ã•ã‚Œã‚‹ã®ã§ã€ã‚¢ãƒ—ãƒªã®å‹•ããŒè»½å¿«ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ãŒå‘ä¸Šã—ã¾ã™ã€‚ã•ã¾ã–ã¾ãªåˆ©ç‚¹ãŒã‚ã‚Šã¾ã™ãŒã€æ¬ ç‚¹ã‚‚ã‚ã‚Šã¾
momochin44 2018/07/09
Vue

Nuxt.js
ãƒªãƒ³ã‚¯
ã€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
momochin44 2018/07/04
Vue

Nuxt.js
ãƒªãƒ³ã‚¯
Nuxt.jsã¨Firebaseã§SPAÃ—SSRÃ—PWAÃ—ã‚µãƒ¼ãƒãƒ¼ãƒ¬ã‚¹ã‚’å®Ÿç¾ã™ã‚‹ - DMM inside
ã¯ã˜ã‚ã¾ã—ã¦ã€‚DMM.comãƒ©ãƒœ ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ†ã‚¤ãƒ³ãƒ¡ãƒ³ãƒˆæœ¬éƒ¨ã‚¤ãƒ™ãƒ³ãƒˆé–‹ç™ºéƒ¨ã®ä¸Šäº•ï¼ˆã‚¦ãƒ¯ã‚¤ï¼‰ã¨ç”³ã—ã¾ã™ã€‚ ã‚¤ãƒ³ãƒ•ãƒ©ã‹ã‚‰ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¾ã§å¹…åºƒãæ‹…å½“ã—ã¦ãŠã‚Šã¾ã™ã€‚ ä»Šå›žã¯ã€æ¥å‹™ã§åˆ©ç”¨ã—ã¦ã„ã‚‹Nuxt.jsã¨Firebaseã‚’ä½¿ã£ã¦ã€SPAÃ—SSRÃ—PWAÃ—ã‚µãƒ¼ãƒãƒ¼ãƒ¬ã‚¹ã®Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹ç¯‰ã™ã‚‹æ–¹æ³•ã‚’ã”ç´¹ä»‹ã„ãŸã—ã¾ã™ã€‚
momochin44 2018/06/28
Nuxt.js

Vue
ãƒªãƒ³ã‚¯
1