@potato4d ã®åå‰ã§æ´»å‹• フリーランスã®Webエンジニア Vue.js jp Docs core maintenance member Vue.js Japan UserGroup スタッフ nuxt/docs en & ja contributor Nuxt tech book 著者
「çµå±€Nuxt.jsã£ã¦ä½•ãŒã„ã„ã®ï¼Ÿã€ã«å¯¾ã™ã‚‹å›žç” by potato4d
@potato4d ã®åå‰ã§æ´»å‹• フリーランスã®Webエンジニア Vue.js jp Docs core maintenance member Vue.js Japan UserGroup スタッフ nuxt/docs en & ja contributor Nuxt tech book 著者
#roppongijs ã§Nuxt.js + TypeScriptã®è©±ã‚’ã—ã¦ã㟠- suusan2å·ã®æˆ¯ã‚Œ
speakerdeck.com 仕事ã§ä½¿ã£ã¦ã„ã‚‹ Nuxt.js + TypeScriptã®è©±ã‚’ã—ã¦ããŸã€‚本当ã¯ã‚‚ã£ã¨è©±ã—ãŸã„ã“ã¨ã‚ã£ãŸã‚“ã ã‘ã©ã€5分ãªã®ã§TypeScriptã«çµžã£ã¦è©±ã—ã‚’ã—ãŸã€‚ 第一回目ã®ç™ºè¡¨ã¨ã„ã†ã“ã¨ã‚‚ã‚ã£ã¦çµæ§‹ãƒ¬ãƒ™ãƒ«ã®é«˜ã„発表ãŒå¤šã‹ã£ãŸã‚“ã ã‘ã©ã€æ‡‡è¦ªä¼šã§ã¯ä½•äººã‹ã‹ã‚‰è³ªå•ã‚‚ã‚ã£ãŸã—ã¾ã‚ã¾ã‚良ã‹ã£ãŸã®ã§ã¯ã¨æ€ã£ã¦ã„る。 Springã‹ã‚‰APIクライアントを自動生æˆã™ã‚‹ä»•çµ„ã¿ã®ã¨ã“ã‚ãŒçš†ã•ã‚“æ°—ã«ãªã£ã¦ã„ãŸã‚ˆã†ã§ã€çµæ§‹Swagger定義を手ã§æ›¸ãã®ã—ã‚“ã©ã„ã£ã™ã£ã¦è©±ãŒå¤šã‹ã£ãŸã€‚自分ã®ä¾‹ã§ã¯Springã®Controllerã®å®Ÿè£…ã‹ã‚‰Swaggerã®å®šç¾©ã¯è‡ªå‹•ã§ä½œã£ã¦ã„ã‚‹ã®ã§ã€Swaggerã¯æ‰‹ã§æ›¸ã„ã¦ã„ãªã„。手ã§æ›¸ãã®ã¯æ£ç›´çµæ§‹ã—ã‚“ã©ã„よãーã¨æ€ã„ã¾ã™ã€‚懇親会ã§è©±ã—ã¦ãŸã‚‰çµæ§‹ grpc-web ã¨ã‹ grpc-gateway ã®è©±ã«èˆˆå‘³ã‚’æŒã¤äººãŒå¤šã‹ã£ãŸã®ã§ã€ãã®è¾ºã‚‚機会ãŒ
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）ã®æ§‹ç¯‰ã‚’目的ã«ä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚シングルページアプリケーションã¯ãƒšãƒ¼ã‚¸ãŒãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§æ›´æ–°ã•ã‚Œã‚‹ã®ã§ã€ã‚¢ãƒ—リã®å‹•ããŒè»½å¿«ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ãŒå‘上ã—ã¾ã™ã€‚ã•ã¾ã–ã¾ãªåˆ©ç‚¹ãŒã‚ã‚Šã¾ã™ãŒã€æ¬ 点もã‚ã‚Šã¾
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Vue.js + Nuxt.js を使ã£ã¦B2Cサービスを作ã£ãŸè©±
{{#tags}}- {{label}}
{{/tags}}