{"id":4527,"date":"2023-01-29T10:44:00","date_gmt":"2023-01-29T01:44:00","guid":{"rendered":"https:\/\/www.apricot-office.co.jp\/?p=4527"},"modified":"2023-01-28T19:05:49","modified_gmt":"2023-01-28T10:05:49","slug":"nuxt-js%e3%81%a8%e3%81%af%e3%80%81vue-js%e3%82%92%e5%8a%b9%e6%9e%9c%e7%9a%84%e3%81%ab%e4%bd%bf%e3%81%86%e3%81%9f%e3%82%81%e3%81%ae%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0%e3%83%af%e3%83%bc%e3%82%af","status":"publish","type":"post","link":"https:\/\/www.apricot-office.co.jp\/?p=4527","title":{"rendered":"Nuxt.js\u3068\u306f\u3001Vue.js\u3092\u52b9\u679c\u7684\u306b\u4f7f\u3046\u305f\u3081\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\uff01"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"4527\" class=\"elementor elementor-4527\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-132769d9 elementor-section-height-min-height animated-slow elementor-section-boxed elementor-section-height-default elementor-section-items-middle elementor-invisible\" data-id=\"132769d9\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_scale_effect&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeInDown&quot;,&quot;animation_delay&quot;:600,&quot;background_motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;background_motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;background_motion_fx_scale_direction&quot;:&quot;out-in&quot;,&quot;background_motion_fx_scale_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;background_motion_fx_scale_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:20,&quot;end&quot;:80}},&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-30dd705e\" data-id=\"30dd705e\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-36ab17ee elementor-widget elementor-widget-image\" data-id=\"36ab17ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.apricot-office.co.jp\/wp-content\/uploads\/2023\/01\/signature.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1850b3e8 elementor-widget elementor-widget-heading\" data-id=\"1850b3e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Nuxt.js\u3068\u306f\u3001Vue.js\u3092\u52b9\u679c\u7684\u306b\u4f7f\u3046\u305f\u3081\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\uff01<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7744725 elementor-align-center elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"7744725\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.apricot-office.co.jp\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Home<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b3dd5a elementor-align-center elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"8b3dd5a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.apricot-office.co.jp\/?page_id=60\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">BLOG<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-71f95f7 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"71f95f7\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-52be4319\" data-id=\"52be4319\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-47a8931d elementor-widget elementor-widget-image\" data-id=\"47a8931d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"512\" height=\"512\" src=\"https:\/\/www.apricot-office.co.jp\/wp-content\/uploads\/2023\/01\/quote-dark-2.png\" class=\"attachment-large size-large wp-image-3745\" alt=\"\" srcset=\"https:\/\/www.apricot-office.co.jp\/wp-content\/uploads\/2023\/01\/quote-dark-2.png 512w, https:\/\/www.apricot-office.co.jp\/wp-content\/uploads\/2023\/01\/quote-dark-2-300x300.png 300w, https:\/\/www.apricot-office.co.jp\/wp-content\/uploads\/2023\/01\/quote-dark-2-150x150.png 150w, https:\/\/www.apricot-office.co.jp\/wp-content\/uploads\/2023\/01\/quote-dark-2-240x240.png 240w, https:\/\/www.apricot-office.co.jp\/wp-content\/uploads\/2023\/01\/quote-dark-2-130x130.png 130w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-71b66f6c\" data-id=\"71b66f6c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2337de9f elementor-widget elementor-widget-heading\" data-id=\"2337de9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Apricot Web Production<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42c83f10 elementor-widget elementor-widget-heading\" data-id=\"42c83f10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">- JavaScript<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-61f6b717\" data-id=\"61f6b717\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e3854a4 animated-slow elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"e3854a4\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-77e37a0d\" data-id=\"77e37a0d\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4eb55b15 elementor-widget elementor-widget-heading\" data-id=\"4eb55b15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Nuxt.js\u3068\u306f<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-278c037f elementor-widget elementor-widget-text-editor\" data-id=\"278c037f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"txtareaB\">Nuxt.js\uff08\u30ca\u30af\u30b9\u30c8\u30fb\u30b8\u30a7\u30a4\u30a8\u30b9\uff09\u306f\u3001Vue.js\u3092\u3088\u308a\u4f7f\u3044\u3084\u3059\u304f\u3057\u305f\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3067\u3059\u3002<\/p><p class=\"txtareaB\">\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a\u3067\u306f\u3059\u3067\u306bVue.js\u3084React\u304c\u4f7f\u308f\u308c\u3066\u3044\u308b\u306e\u306b\u3001Nuxt.js\u3092\u4f7f\u3046\u5fc5\u8981\u304c\u3042\u308b\u306e\u304b\u3001\u7591\u554f\u306b\u601d\u308f\u308c\u308b\u30a8\u30f3\u30b8\u30cb\u30a2\u306e\u65b9\u304c\u3044\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u3057\u304b\u3057\u6700\u8fd1\u3067\u306f\u3001Nuxt.js\u3092\u4f7f\u3063\u305f\u958b\u767a\u304c\u5897\u3048\u3066\u3044\u307e\u3059\u3002<\/p><p class=\"txtareaB\">\u591a\u304f\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306e\u4e2d\u304b\u3089Nuxt.js\u306e\u5c0e\u5165\u3092\u8003\u3048\u308b\u3068\u304d\u3001\u4ed6\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3068\u306e\u9055\u3044\u3084\u95a2\u4fc2\u6027\u304c\u5206\u304b\u308b\u3068\u691c\u8a0e\u3057\u3084\u3059\u3044\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002Nuxt.js\u3068\u306f\u3069\u306e\u3088\u3046\u306a\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306a\u306e\u304b\u3001\u306a\u305cVue.js\u3092\u52b9\u679c\u7684\u306b\u3064\u304b\u3048\u308b\u306e\u304b\u3092\u8a73\u3057\u304f\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-624c0fe9\" data-id=\"624c0fe9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-7e738dc2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7e738dc2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-204b0a0f\" data-id=\"204b0a0f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4c1b2313 elementor-widget elementor-widget-image\" data-id=\"4c1b2313\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.apricot-office.co.jp\/wp-content\/uploads\/elementor\/thumbs\/desktop-source-code-wallpaper-by-computer-language-with-coding-programming-scaled-q0qgwyl2of0awdp8nkizul3o1nqirhpgpikq3tmco0.jpg\" title=\"Desktop source code and Wallpaper by Computer language with codi\" alt=\"Desktop source code and technology background, Developer or programer with coding and programming, Wallpaper by Computer language and source code, Computer virus and Malware attack.\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-610bf84a elementor-tablet-align-justify elementor-align-justify elementor-mobile-align-justify elementor-widget elementor-widget-button\" data-id=\"610bf84a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-float\" href=\"https:\/\/www.apricot-office.co.jp\/contact\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">hire me<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-643fff3a\" data-id=\"643fff3a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1bc51fe1 elementor-widget elementor-widget-image\" data-id=\"1bc51fe1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.apricot-office.co.jp\/wp-content\/uploads\/elementor\/thumbs\/coding-man-scaled-q0x0tl7tduryqjomo205j01652nfq3urc4i5jvikdc.jpg\" title=\"Coding man\" alt=\"Cropped image of It specialist working on code\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-72f94f70 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"72f94f70\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-24a09428\" data-id=\"24a09428\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-47de6c4d animated-slow elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"47de6c4d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-1b2eb09d animated-slow elementor-invisible\" data-id=\"1b2eb09d\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-203e0591 elementor-widget elementor-widget-heading\" data-id=\"203e0591\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">1<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b2740d5 elementor-widget elementor-widget-heading\" data-id=\"7b2740d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Nuxt.js\u3068\u306f\uff1f<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eaf4b53 elementor-widget elementor-widget-image\" data-id=\"eaf4b53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"824\" src=\"https:\/\/www.apricot-office.co.jp\/wp-content\/uploads\/2023\/01\/nuxt.js-1024x824.png\" class=\"attachment-large size-large wp-image-4529\" alt=\"Nuxt.js\" srcset=\"https:\/\/www.apricot-office.co.jp\/wp-content\/uploads\/2023\/01\/nuxt.js-1024x824.png 1024w, https:\/\/www.apricot-office.co.jp\/wp-content\/uploads\/2023\/01\/nuxt.js-300x241.png 300w, https:\/\/www.apricot-office.co.jp\/wp-content\/uploads\/2023\/01\/nuxt.js-768x618.png 768w, https:\/\/www.apricot-office.co.jp\/wp-content\/uploads\/2023\/01\/nuxt.js-1536x1236.png 1536w, https:\/\/www.apricot-office.co.jp\/wp-content\/uploads\/2023\/01\/nuxt.js-2048x1648.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49f106ed elementor-widget elementor-widget-text-editor\" data-id=\"49f106ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"basictxt_02\" style=\"margin-right: auto; margin-left: auto; padding: 0px 0px 30px; line-height: 30px; width: 800px; color: #000000; font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af  Medium', meiryo, sans-serif; letter-spacing: 2.24px;\">Nuxt.js\u306f\u3001Vue.js\u304c\u30d9\u30fc\u30b9\u306b\u306a\u3063\u3066\u3044\u308bJavaScript\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3067\u3059\u3002<\/p><p class=\"basictxt_02\" style=\"margin-right: auto; margin-left: auto; padding: 0px 0px 30px; line-height: 30px; width: 800px; color: #000000; font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af  Medium', meiryo, sans-serif; letter-spacing: 2.24px;\">\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3068\u306f\u3001\u958b\u767a\u306b\u6700\u4f4e\u9650\u5fc5\u8981\u306a\u6a5f\u80fd\u304c\u6700\u521d\u304b\u3089\u7d44\u307f\u8fbc\u307e\u308c\u3066\u3044\u308b\u9aa8\u7d44\u307f\u306e\u3053\u3068\u3092\u6307\u3057\u3001\u73fe\u5728\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u3067\u306f\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306e\u77e5\u8b58\u304c\u5fc5\u9808\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p><p class=\"basictxt_02\" style=\"margin-right: auto; margin-left: auto; padding: 0px 0px 30px; line-height: 30px; width: 800px; color: #000000; font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af  Medium', meiryo, sans-serif; letter-spacing: 2.24px;\">Nuxt.js\u306f\u3001<span class=\"strong\" style=\"font-weight: bold;\">Vue.js\u3092\u3088\u308a\u4f7f\u3044\u3084\u3059\u304f\u3059\u308b\u6a5f\u80fd\u3092\u6301\u3063\u3066\u3044\u308b<\/span>\u305f\u3081\u3001\u958b\u767a\u52b9\u7387\u306e\u826f\u3055\u304b\u3089\u3001\u6700\u8fd1\u3067\u306f\u591a\u304f\u306e\u30b5\u30fc\u30d3\u30b9\u306e\u958b\u767a\u3067\u63a1\u7528\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p><p class=\"basictxt_02\" style=\"margin-right: auto; margin-left: auto; padding: 0px 0px 30px; line-height: 30px; width: 800px; color: #000000; font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af  Medium', meiryo, sans-serif; letter-spacing: 2.24px;\">\u4f8b\u3048\u3070\u3001\u6587\u7ae0\u3084\u5199\u771f\u306a\u3069\u3092\u6295\u7a3f\u3057\u3066\u914d\u4fe1\u3067\u304d\u308b\u300c<a class=\"icon_blank source alink green\" style=\"color: #00aa71; border: 0px; outline: 0px; text-decoration-line: underline; padding-right: 20px; background-image: url('\/guide\/common\/images\/icon_blank.png'); background-position: 100% 50%; background-size: 12px; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial;\" href=\"https:\/\/note.com\/\" target=\"_blank\" rel=\"noopener\">note<\/a>\u300d\u3084\u300c<a class=\"icon_blank source alink green\" style=\"color: #00aa71; border: 0px; outline: 0px; text-decoration-line: underline; padding-right: 20px; background-image: url('\/guide\/common\/images\/icon_blank.png'); background-position: 100% 50%; background-size: 12px; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial;\" href=\"https:\/\/stopcovid19.metro.tokyo.lg.jp\/\" target=\"_blank\" rel=\"noopener\">\u65b0\u578b\u30b3\u30ed\u30ca\u30a6\u30a4\u30eb\u30b9\u611f\u67d3\u75c7\u5bfe\u7b56\u30b5\u30a4\u30c8<\/a>\u300d\u306a\u3069\u306e\u30b5\u30a4\u30c8\u3067\u3059\u3002\u7279\u306b\u5f8c\u8005\u306e\u3088\u3046\u306a\u516c\u7684\u6a5f\u95a2\u306e\u30b5\u30fc\u30d3\u30b9\u306bNuxt.js\u304c\u63a1\u7528\u3055\u308c\u305f\u3053\u3068\u306f\u3001\u591a\u304f\u306e\u30a8\u30f3\u30b8\u30cb\u30a2\u305f\u3061\u306e\u9593\u3067\u8a71\u984c\u306b\u306a\u308a\u307e\u3057\u305f\u3002\u5b9f\u969b\u306b\u30b5\u30a4\u30c8\u3078\u30a2\u30af\u30bb\u30b9\u3057\u3066\u307f\u308b\u3068\u3001Nuxt.js\u306e\u7279\u5fb4\u3067\u3042\u308b<span class=\"strong\" style=\"font-weight: bold;\">\u8efd\u91cf\u3067\u9ad8\u901f\u306a\u52d5\u304d<\/span>\u3092\u78ba\u8a8d\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p><p class=\"basictxt_02\" style=\"margin-right: auto; margin-left: auto; padding: 0px 0px 30px; line-height: 30px; width: 800px; color: #000000; font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af  Medium', meiryo, sans-serif; letter-spacing: 2.24px;\">2022\u5e74\u590f\u306bNext.js\u306e\u65b0\u305f\u306a\u30d0\u30fc\u30b8\u30e7\u30f3\u3067\u3042\u308b\u300cNuxt3\u300d\u304c\u6b63\u5f0f\u30ea\u30ea\u30fc\u30b9\u3055\u308c\u308b\u3068\u3001\u516c\u5f0f\u30b5\u30a4\u30c8\u3067\u767a\u8868\u3055\u308c\u307e\u3057\u305f\u3002Nuxt3\u306fVue3\u3084TypeScript\u306b\u5bfe\u5fdc\u3059\u308b\u306a\u3069\u3001\u3053\u308c\u307e\u3067\u306e\u5b89\u5b9a\u7248\u3067\u3042\u3063\u305fNuxt2\u3088\u308a\u3082\u3055\u3089\u306b\u4f7f\u3044\u3084\u3059\u304f\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p><p class=\"basictxt_02\" style=\"margin-right: auto; margin-left: auto; padding: 0px 0px 30px; line-height: 30px; width: 800px; color: #000000; font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af  Medium', meiryo, sans-serif; letter-spacing: 2.24px;\">\u306a\u304a\u3001\u65e2\u5b58\u306eNuxt2\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306bNuxt3\u306e\u6a5f\u80fd\u3092\u5229\u7528\u3057\u305f\u3044\u5834\u5408\u306b\u306f\u300cNuxt Bridge\u300d\u3092\u5229\u7528\u3059\u308b\u3068\u3044\u3046\u9078\u629e\u80a2\u3082\u3042\u308a\u307e\u3059\u3002Nuxt Bridge\u306fNuxt2\u3068\u4e92\u63db\u6027\u304c\u3042\u308b\u306e\u3067\u3001Nuxt3\u3078\u306e\u6bb5\u968e\u7684\u306a\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-09fe59a animated-slow elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"09fe59a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-4571d5d animated-slow elementor-invisible\" data-id=\"4571d5d\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-06abfe9 elementor-widget elementor-widget-heading\" data-id=\"06abfe9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">2<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b92a87 elementor-widget elementor-widget-heading\" data-id=\"7b92a87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Nuxt.js\u3068\u4ed6\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3068\u306e\u95a2\u4fc2<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2da052a elementor-widget elementor-widget-text-editor\" data-id=\"2da052a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"margin-top: 1.5em; margin-right: 0px; margin-left: 0px; color: #333333; font-family: \u6e38\u30b4\u30b7\u30c3\u30af\u4f53, YuGothic, '\u6e38\u30b4\u30b7\u30c3\u30af Medium', 'Yu Gothic Medium', \u6e38\u30b4\u30b7\u30c3\u30af, 'Yu Gothic', sans-serif; font-size: 16px; letter-spacing: normal;\"><span style=\"color: #000000; font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af  Medium', meiryo, sans-serif; letter-spacing: 2.24px;\">\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a\u306e\u73fe\u5834\u3067\u4f7f\u308f\u308c\u308bJavaScript\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306f\u3001Nuxt.js\u306e\u307b\u304b\u306b\u3082\u3042\u308a\u307e\u3059\u3002\u305d\u306e\u4e2d\u3067\u3001Nuxt.js\u306b\u306f\u3069\u306e\u3088\u3046\u306a\u7279\u5fb4\u304c\u3042\u308b\u306e\u3067\u3057\u3087\u3046\u304b\u3002Nuxt.js\u306e\u30d9\u30fc\u30b9\u3068\u306a\u3063\u3066\u3044\u308bVue.js\u3068\u306e\u95a2\u4fc2\u3084\u3001\u540d\u524d\u306e\u4f3c\u3066\u3044\u308bNext.js\u3068\u306e\u9055\u3044\u3092\u89e3\u8aac\u3057\u307e\u3059\u3002<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e099736 elementor-widget elementor-widget-heading\" data-id=\"e099736\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Vue.js\u3068\u306e\u9055\u3044<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6720ab5 elementor-widget elementor-widget-text-editor\" data-id=\"6720ab5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"basictxt_02\" style=\"margin-right: auto; margin-left: auto; padding: 0px 0px 30px; line-height: 30px; width: 800px; color: #000000; font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af  Medium', meiryo, sans-serif; letter-spacing: 2.24px;\">Nuxt.js\u306e\u30d9\u30fc\u30b9\u3068\u306a\u3063\u3066\u3044\u308bVue.js\u306f\u3001\u90e8\u5206\u7684\u306b\u5c0e\u5165\u3067\u304d\u308bView \u30e9\u30a4\u30d6\u30e9\u30ea\u3067\u3059\u3002Vue.js \u306f\u30b5\u30fc\u30d0\u30fc\u6a5f\u80fd\u3092\u6301\u3063\u3066\u3044\u306a\u3044\u305f\u3081\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u3092\u3059\u308b\u969b\u306b\u306f\u30b5\u30fc\u30d0\u30fc\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u624b\u52d5\u3067\u5c0e\u5165\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002Nuxt.js\u306fVue.js\u304c\u6301\u3063\u3066\u3044\u306a\u3044\u3053\u308c\u3089\u306e\u6a5f\u80fd\u3092\u6709\u3057\u305f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3067\u3059\u3002<\/p><table class=\"guide\" style=\"border-spacing: 0px; line-height: 1.6; border-right-style: none; border-bottom-style: none; width: 800px; margin: 0px auto 30px; border-top-width: 1px; border-top-color: #e0e0e0; border-left-width: 1px; border-left-color: #e0e0e0; color: #000000; font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af  Medium', meiryo, sans-serif; letter-spacing: 2.24px;\"><tbody><tr><td style=\"margin: -1px 0px 0px -1px; padding: 10px; line-height: 26px; font-size: 16px; vertical-align: top; border-top-style: none; border-left-style: none; outline-style: none; border-right-width: 1px; border-right-color: #e0e0e0; border-bottom-width: 1px; border-bottom-color: #e0e0e0; width: 100px;\">\u00a0<\/td><td style=\"margin: -1px 0px 0px -1px; padding: 10px; line-height: 26px; font-size: 16px; vertical-align: top; border-top-style: none; border-left-style: none; outline-style: none; border-right-width: 1px; border-right-color: #e0e0e0; border-bottom-width: 1px; border-bottom-color: #e0e0e0; width: 100px; background: #e8e8e8;\">Nuxt.js<\/td><td style=\"margin: -1px 0px 0px -1px; padding: 10px; line-height: 26px; font-size: 16px; vertical-align: top; border-top-style: none; border-left-style: none; outline-style: none; border-right-width: 1px; border-right-color: #e0e0e0; border-bottom-width: 1px; border-bottom-color: #e0e0e0; width: 100px; background: #e8e8e8;\">Vue.js<\/td><\/tr><tr><td style=\"margin: -1px 0px 0px -1px; padding: 10px; line-height: 26px; font-size: 16px; vertical-align: top; border-top-style: none; border-left-style: none; outline-style: none; border-right-width: 1px; border-right-color: #e0e0e0; border-bottom-width: 1px; border-bottom-color: #e0e0e0; width: 100px; background: #e8e8e8;\">\u30b5\u30fc\u30d0\u6a5f\u80fd<\/td><td style=\"margin: -1px 0px 0px -1px; padding: 10px; line-height: 26px; font-size: 16px; text-align: center; vertical-align: top; border-top-style: none; border-left-style: none; outline-style: none; border-right-width: 1px; border-right-color: #e0e0e0; border-bottom-width: 1px; border-bottom-color: #e0e0e0; width: calc(25% + 1px);\">\u25cb<\/td><td style=\"margin: -1px 0px 0px -1px; padding: 10px; line-height: 26px; font-size: 16px; text-align: center; vertical-align: top; border-top-style: none; border-left-style: none; outline-style: none; border-right-width: 1px; border-right-color: #e0e0e0; border-bottom-width: 1px; border-bottom-color: #e0e0e0; width: 100px;\">\u00d7<\/td><\/tr><tr><td style=\"margin: -1px 0px 0px -1px; padding: 10px; line-height: 26px; font-size: 16px; vertical-align: top; border-top-style: none; border-left-style: none; outline-style: none; border-right-width: 1px; border-right-color: #e0e0e0; border-bottom-width: 1px; border-bottom-color: #e0e0e0; width: 100px; background: #e8e8e8;\">\u5229\u7528\u7528\u9014<\/td><td style=\"margin: -1px 0px 0px -1px; padding: 10px; line-height: 26px; font-size: 16px; vertical-align: top; border-top-style: none; border-left-style: none; outline-style: none; border-right-width: 1px; border-right-color: #e0e0e0; border-bottom-width: 1px; border-bottom-color: #e0e0e0; width: calc(25% + 1px);\">\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af<\/td><td style=\"margin: -1px 0px 0px -1px; padding: 10px; line-height: 26px; font-size: 16px; vertical-align: top; border-top-style: none; border-left-style: none; outline-style: none; border-right-width: 1px; border-right-color: #e0e0e0; border-bottom-width: 1px; border-bottom-color: #e0e0e0; width: 100px;\">View\u30e9\u30a4\u30d6\u30e9\u30ea<\/td><\/tr><tr><td style=\"margin: -1px 0px 0px -1px; padding: 10px; line-height: 26px; font-size: 16px; vertical-align: top; border-top-style: none; border-left-style: none; outline-style: none; border-right-width: 1px; border-right-color: #e0e0e0; border-bottom-width: 1px; border-bottom-color: #e0e0e0; width: 100px; background: #e8e8e8;\">\u90e8\u5206\u5c0e\u5165<\/td><td style=\"margin: -1px 0px 0px -1px; padding: 10px; line-height: 26px; font-size: 16px; text-align: center; vertical-align: top; border-top-style: none; border-left-style: none; outline-style: none; border-right-width: 1px; border-right-color: #e0e0e0; border-bottom-width: 1px; border-bottom-color: #e0e0e0; width: calc(25% + 1px);\">\u00d7<\/td><td style=\"margin: -1px 0px 0px -1px; padding: 10px; line-height: 26px; font-size: 16px; text-align: center; vertical-align: top; border-top-style: none; border-left-style: none; outline-style: none; border-right-width: 1px; border-right-color: #e0e0e0; border-bottom-width: 1px; border-bottom-color: #e0e0e0; width: 100px;\">\u25cb<\/td><\/tr><\/tbody><\/table><p class=\"basictxt_02\" style=\"margin-right: auto; margin-left: auto; padding: 0px 0px 30px; line-height: 30px; width: 800px; color: #000000; font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af  Medium', meiryo, sans-serif; letter-spacing: 2.24px;\">\u4ed6\u306b\u3082\u3001Vue.js\u3067\u306f\u624b\u52d5\u3067\u8a2d\u5b9a\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u304c\u3001Nuxt.js\u3067\u306f\u7279\u5b9a\u306e\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u30d5\u30a1\u30a4\u30eb\u3092\u8ffd\u52a0\u3059\u308b\u3060\u3051\u3067\u81ea\u52d5\u7684\u306b\u8a2d\u5b9a\u3055\u308c\u305f\u308a\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5168\u4f53\u306e\u72b6\u614b\u3092\u7ba1\u7406\u3067\u304d\u308b\u30b9\u30c8\u30a2\u3092\u6301\u3063\u3066\u3044\u305f\u308a\u3057\u307e\u3059\u3002<\/p><p class=\"basictxt_02\" style=\"margin-right: auto; margin-left: auto; padding: 0px 0px 30px; line-height: 30px; width: 800px; color: #000000; font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af  Medium', meiryo, sans-serif; letter-spacing: 2.24px;\">\u307e\u305f\u3001Vue.js\u306f\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u5074\u3067\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3059\u308b<span class=\"strong\" style=\"font-weight: bold;\">SPA\uff08Single Page Application\uff09<\/span>\u3067\u3059\u304c\u3001Nuxt.js\u306f\u30b5\u30fc\u30d0\u30fc\u5074\u3067\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3059\u308b\u00a0<span class=\"strong\" style=\"font-weight: bold;\">SSR\uff08Server Side Rendering\uff09<\/span>\u3084\u3001\u30d3\u30eb\u30c9\u6642\u306b\u3059\u3079\u3066\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u542b\u3093\u3060\u9759\u7684\u30d5\u30a1\u30a4\u30eb\u3092\u751f\u6210\u3059\u308b<span class=\"strong\" style=\"font-weight: bold;\">SSG\uff08Static Site Genaration\uff09<\/span>\u3082\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-09f0ff1 elementor-widget elementor-widget-heading\" data-id=\"09f0ff1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Next.js\u3068\u306e\u9055\u3044<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3de8bca elementor-widget elementor-widget-text-editor\" data-id=\"3de8bca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"basictxt_02\" style=\"margin-right: auto; margin-left: auto; padding: 0px 0px 30px; line-height: 30px; width: 800px; color: #000000; font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af  Medium', meiryo, sans-serif; letter-spacing: 2.24px;\">Next.js\uff08\u30cd\u30af\u30b9\u30c8\u30fb\u30b8\u30a7\u30a4\u30a8\u30b9\uff09\u306f\u3001React\u304c\u30d9\u30fc\u30b9\u306b\u306a\u3063\u3066\u3044\u308bJavaScript \u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3067\u3059\u3002Vue.js\u304c\u6301\u305f\u306a\u3044\u6a5f\u80fd\u3092Nuxt.js\u304c\u6700\u521d\u304b\u3089\u5099\u3048\u3066\u3044\u308b\u3088\u3046\u306b\u3001Next.js\u3082React\u304c\u6301\u305f\u306a\u3044\u30b5\u30fc\u30d0\u30fc\u6a5f\u80fd\u3084\u30b9\u30c8\u30a2\u3092\u4f7f\u3063\u305f\u72b6\u614b\u7ba1\u7406\u3001\u305d\u3057\u3066\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306e\u81ea\u52d5\u751f\u6210\u6a5f\u80fd\u306a\u3069\u304c\u3001\u6700\u521d\u304b\u3089\u7d44\u307f\u8fbc\u307e\u308c\u305f\u72b6\u614b\u3067\u958b\u767a\u3092\u59cb\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p><p class=\"basictxt_02\" style=\"margin-right: auto; margin-left: auto; padding: 0px 0px 30px; line-height: 30px; width: 800px; color: #000000; font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af  Medium', meiryo, sans-serif; letter-spacing: 2.24px;\">React\u306e\u4eba\u6c17\u306b\u3068\u3082\u306a\u3063\u3066\u3001Next.js\u3082\u591a\u304f\u306e\u30b5\u30fc\u30d3\u30b9\u3067\u63a1\u7528\u3055\u308c\u3066\u3044\u307e\u3059\u30022021\u5e749\u6708\u306b\u767a\u8db3\u3057\u305f<a class=\"icon_blank source alink green\" style=\"color: #00aa71; border: 0px; outline: 0px; text-decoration-line: underline; padding-right: 20px; background-image: url('\/guide\/common\/images\/icon_blank.png'); background-position: 100% 50%; background-size: 12px; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial;\" href=\"https:\/\/www.digital.go.jp\/\" target=\"_blank\" rel=\"noopener\">\u30c7\u30b8\u30bf\u30eb\u5e81\u306e\u30b5\u30a4\u30c8<\/a>\u306f\u3001\u5f53\u521d Nuxt.js\u304c\u63a1\u7528\u3055\u308c\u3066\u3044\u308b<a class=\"icon_blank source alink green\" style=\"color: #00aa71; border: 0px; outline: 0px; text-decoration-line: underline; padding-right: 20px; background-image: url('\/guide\/common\/images\/icon_blank.png'); background-position: 100% 50%; background-size: 12px; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial;\" href=\"https:\/\/studio.design\/ja\" target=\"_blank\" rel=\"noopener\">STUDO<\/a>\u3068\u3044\u3046\u30ce\u30fc\u30b3\u30fc\u30c9\u30c4\u30fc\u30eb\u306b\u3088\u3063\u3066\u4f5c\u3089\u308c\u3066\u3044\u307e\u3057\u305f\u304c\u3001\u6700\u8fd1<span class=\"strong\" style=\"font-weight: bold;\">\u30d8\u30c3\u30c9\u30ec\u30b9CMS<\/span>\u5c0e\u5165\u306e\u305f\u3081\u306e\u518d\u69cb\u6210\u304c\u884c\u308f\u308c\u3066\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306bNext.js\u3092\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306b<a class=\"icon_blank source alink green\" style=\"color: #00aa71; border: 0px; outline: 0px; text-decoration-line: underline; padding-right: 20px; background-image: url('\/guide\/common\/images\/icon_blank.png'); background-position: 100% 50%; background-size: 12px; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial;\" href=\"https:\/\/www.dgcircus.com\/\" target=\"_blank\" rel=\"noopener\">Drupal<\/a>\u3092\u63a1\u7528\u3057\u305f<span class=\"strong\" style=\"font-weight: bold;\">SSG<\/span>\u306b\u5909\u308f\u308a\u307e\u3057\u305f\u3002<\/p><p class=\"basictxt_02\" style=\"margin-right: auto; margin-left: auto; padding: 0px 0px 30px; line-height: 30px; width: 800px; color: #000000; font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af  Medium', meiryo, sans-serif; letter-spacing: 2.24px;\">\u958b\u767a\u3092\u62c5\u5f53\u3057\u305f\u4f01\u696d\u306fNext.js\u3092\u63a1\u7528\u3057\u305f\u7406\u7531\u306b\u3064\u3044\u3066\u3001\u4eca\u5f8c\u63a1\u7528\u3092\u691c\u8a0e\u3057\u3066\u3044\u308bSSR\u3078\u306e\u5207\u308a\u66ff\u3048\u304c\u7c21\u5358\u306b\u304a\u3053\u306a\u3048\u308b\u3053\u3068\u3068\u3001Next-Dupal\u3068\u3044\u3046\u958b\u767a\u30c4\u30fc\u30eb\u3092\u4f7f\u3063\u305f\u52b9\u7387\u306e\u826f\u3044\u958b\u767a\u3092\u304a\u3053\u306a\u3048\u308b\u3053\u3068\u3092\u6319\u3052\u3066\u3044\u307e\u3059\u3002<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-e9f872a animated-slow elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"e9f872a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-c0526b2 animated-slow elementor-invisible\" data-id=\"c0526b2\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e560159 elementor-widget elementor-widget-heading\" data-id=\"e560159\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">3<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea63b19 elementor-widget elementor-widget-heading\" data-id=\"ea63b19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Nuxt.js\u3092\u5229\u7528\u3059\u308b\u30e1\u30ea\u30c3\u30c8<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc417fe elementor-widget elementor-widget-text-editor\" data-id=\"fc417fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"margin-top: 1.5em; margin-right: 0px; margin-left: 0px; color: #333333; font-family: \u6e38\u30b4\u30b7\u30c3\u30af\u4f53, YuGothic, '\u6e38\u30b4\u30b7\u30c3\u30af Medium', 'Yu Gothic Medium', \u6e38\u30b4\u30b7\u30c3\u30af, 'Yu Gothic', sans-serif; font-size: 16px; letter-spacing: normal;\"><span style=\"color: #000000; font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af  Medium', meiryo, sans-serif; letter-spacing: 2.24px;\">Vue.js\u3088\u308a\u3082\u52b9\u7387\u826f\u304f\u958b\u767a\u304c\u304a\u3053\u306a\u3048\u308bNuxt.js\u306b\u306f\u3001\u3069\u306e\u3088\u3046\u306a\u30e1\u30ea\u30c3\u30c8\u304c\u3042\u308b\u306e\u3067\u3057\u3087\u3046\u304b\u3002\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u3067\u63a1\u7528\u3059\u308b\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3092\u691c\u8a0e\u3059\u308b\u969b\u306b\u5f79\u306b\u7acb\u3064\u30013\u3064\u306e\u30e1\u30ea\u30c3\u30c8\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aea994f elementor-widget elementor-widget-heading\" data-id=\"aea994f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u30c1\u30fc\u30e0\u3067\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306b\u5411\u3044\u3066\u3044\u308b\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e30fecd elementor-widget elementor-widget-text-editor\" data-id=\"e30fecd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"margin-right: 0px; margin-left: 0px; padding: 0px; font-size: 1.6rem; overflow-wrap: break-word; color: #333333; font-family: Helvetica, 'Helvetica Neue', Arial, '\u30d2\u30e9\u30ae\u30ce\u89d2\u30b4 Pro W3', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', \u30e1\u30a4\u30ea\u30aa, Meiryo, sans-serif; letter-spacing: normal;\">\u00a0<\/p><p style=\"line-height: 1.5; font-size: 14px; margin: 0px 0px 25px; color: #000000; font-family: Meiryo, 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'MS PGothic', sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\">\u00a0<\/p><p class=\"basictxt_02\" style=\"margin-right: auto; margin-left: auto; padding: 0px 0px 30px; line-height: 30px; width: 800px; color: #000000; font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af Medium', meiryo, sans-serif; letter-spacing: 2.24px;\">Nuxt.js\u306f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306e\u305f\u3081\u306e\u74b0\u5883\u3092\u6bd4\u8f03\u7684\u7c21\u5358\u306b\u69cb\u7bc9\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306b\u5fc5\u8981\u306a\u30b5\u30fc\u30d0\u30fc\u3084\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306e\u8a2d\u5b9a\u306a\u3069\u3092Vue.js\u306e\u3088\u3046\u306b\u624b\u52d5\u3067\u304a\u3053\u306a\u3046\u5fc5\u8981\u304c\u3042\u308a\u307e\u305b\u3093\u3002<\/p><p class=\"basictxt_02\" style=\"margin-right: auto; margin-left: auto; padding: 0px 0px 30px; line-height: 30px; width: 800px; color: #000000; font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af Medium', meiryo, sans-serif; letter-spacing: 2.24px;\">\u307e\u305f\u3001Nuxt.js\u306e\u30eb\u30fc\u30eb\u306b\u6cbf\u3063\u305f\u30d5\u30a1\u30a4\u30eb\u69cb\u6210\u3084\u30b3\u30fc\u30c9\u306e\u66f8\u304d\u65b9\u3092\u3059\u308c\u3070\u3001\u5e38\u306b\u30b3\u30fc\u30c9\u306e\u54c1\u8cea\u3092\u4fdd\u3064\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u3053\u308c\u3089\u306e\u3053\u3068\u304c\u958b\u767a\u52b9\u7387\u306e\u5411\u4e0a\u306b\u7e4b\u304c\u308b\u305f\u3081\u3001Nuxt.js\u306f\u30c1\u30fc\u30e0\u958b\u767a\u306b\u5411\u3044\u3066\u3044\u308b\u3068\u3044\u3048\u308b\u3067\u3057\u3087\u3046\u3002<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c984a65 elementor-widget elementor-widget-heading\" data-id=\"c984a65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u9759\u7684\u30b5\u30a4\u30c8\u3092\u4f5c\u308c\u308b<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b2e21f6 elementor-widget elementor-widget-text-editor\" data-id=\"b2e21f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"basictxt_02\" style=\"margin-right: auto; margin-left: auto; padding: 0px 0px 30px; line-height: 30px; width: 800px; color: #000000; font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af  Medium', meiryo, sans-serif; letter-spacing: 2.24px;\">Nuxt.js\u306fSSR\u304c\u3067\u304d\u308b\u3001\u3064\u307e\u308a\u30b5\u30fc\u30d0\u30fc\u5074\u3067\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3067\u304d\u308b\u3068\u3044\u3046\u6700\u5927\u306e\u7279\u5fb4\u3092\u6301\u3063\u3066\u3044\u307e\u3059\u304c\u3001\u9759\u7684\u30b5\u30a4\u30c8\u3082\u4f5c\u308b\u3053\u3068\u3082\u53ef\u80fd\u3067\u3059\u3002SSG\u30e2\u30fc\u30c9\u3067\u30d3\u30eb\u30c9\u3092\u3059\u308b\u3068\u3001API \u304b\u3089\u53d6\u5f97\u3057\u305f\u30c7\u30fc\u30bf\u3092\u542b\u3081\u305f HTML\u30d5\u30a1\u30a4\u30eb\u3092\u751f\u6210\u3057\u307e\u3059\u3002\u3053\u308c\u3089\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u00a0<a class=\"icon_blank source alink green\" style=\"color: #00aa71; border: 0px; outline: 0px; text-decoration-line: underline; padding-right: 20px; background-image: url('\/guide\/common\/images\/icon_blank.png'); background-position: 100% 50%; background-size: 12px; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial;\" href=\"https:\/\/aws.amazon.com\/jp\/s3\/\" target=\"_blank\" rel=\"noopener\">Amazon S3<\/a>\u3084<a class=\"icon_blank source alink green\" style=\"color: #00aa71; border: 0px; outline: 0px; text-decoration-line: underline; padding-right: 20px; background-image: url('\/guide\/common\/images\/icon_blank.png'); background-position: 100% 50%; background-size: 12px; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial;\" href=\"https:\/\/vercel.com\/\" target=\"_blank\" rel=\"noopener\">Vercel<\/a>\u3001<a class=\"icon_blank source alink green\" style=\"color: #00aa71; border: 0px; outline: 0px; text-decoration-line: underline; padding-right: 20px; background-image: url('\/guide\/common\/images\/icon_blank.png'); background-position: 100% 50%; background-size: 12px; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial;\" href=\"https:\/\/www.netlify.com\/\" target=\"_blank\" rel=\"noopener\">Netlify<\/a>\u306a\u3069\u306e\u30db\u30b9\u30c6\u30a3\u30f3\u30b0\u30b5\u30fc\u30d3\u30b9\u306b\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3059\u308b\u3053\u3068\u3067\u3001Web \u30b5\u30a4\u30c8\u304c\u516c\u958b\u3055\u308c\u308b\u306e\u3067\u3059\u3002<\/p><p class=\"basictxt_02\" style=\"margin-right: auto; margin-left: auto; padding: 0px 0px 30px; line-height: 30px; width: 800px; color: #000000; font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af  Medium', meiryo, sans-serif; letter-spacing: 2.24px;\">SSG\u306f\u3059\u3079\u3066\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u304c\u542b\u307e\u308c\u305f\u9759\u7684\u30b5\u30a4\u30c8\u306e\u305f\u3081\u3001\u9ad8\u901f\u306a\u8868\u793a\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002\u305f\u3060\u3057\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u91cf\u304c\u591a\u3044\u30b5\u30a4\u30c8\u3067\u306f\u30d3\u30eb\u30c9\u306b\u6642\u9593\u304c\u304b\u304b\u3063\u305f\u308a\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u66f4\u65b0\u3059\u308b\u305f\u3073\u306b\u30d3\u30eb\u30c9\u304c\u5fc5\u8981\u3060\u3063\u305f\u308a\u3057\u307e\u3059\u3002<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b12e03 elementor-widget elementor-widget-heading\" data-id=\"1b12e03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">PWA \u306b\u5bfe\u5fdc\u3067\u304d\u308b<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1c3e8d elementor-widget elementor-widget-text-editor\" data-id=\"d1c3e8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"basictxt_02\" style=\"margin-right: auto; margin-left: auto; padding: 0px 0px 30px; line-height: 30px; width: 800px; color: #000000; font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af Medium', meiryo, sans-serif; letter-spacing: 2.24px;\"><span style=\"font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af  Medium', meiryo, sans-serif; font-size: 16px; letter-spacing: 2.24px;\">Nuxt.js\u306b\u306f<\/span><span class=\"strong\" style=\"font-weight: bold; font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af  Medium', meiryo, sans-serif; font-size: 16px; letter-spacing: 2.24px;\">PWA\uff08Progressive Web Apps\uff09<\/span><span style=\"font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af  Medium', meiryo, sans-serif; font-size: 16px; letter-spacing: 2.24px;\">\u306b\u5bfe\u5fdc\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u516c\u5f0f\u30e2\u30b8\u30e5\u30fc\u30eb\u304c\u3042\u308a\u307e\u3059\u3002PWA\u5bfe\u5fdc\u306b\u3059\u308b\u3068\u3001PC \u3084\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u306b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3066\u4f7f\u3046\u3001\u30cd\u30a4\u30c6\u30a3\u30d6\u30a2\u30d7\u30ea\u306e\u3088\u3046\u306b\u52d5\u4f5c\u3059\u308bWeb \u30b5\u30a4\u30c8\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u30db\u30fc\u30e0\u753b\u9762\u306b\u30a2\u30a4\u30b3\u30f3\u3092\u8ffd\u52a0\u3057\u305f\u308a\u3001\u30d7\u30c3\u30b7\u30e5\u901a\u77e5\u306e\u6a5f\u80fd\u3092\u5165\u308c\u305f\u308a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-615b324 animated-slow elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"615b324\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-98604bd animated-slow elementor-invisible\" data-id=\"98604bd\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2a5db3a elementor-widget elementor-widget-heading\" data-id=\"2a5db3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">4<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65a879a elementor-widget elementor-widget-heading\" data-id=\"65a879a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Nuxt.js\u306e\u5229\u7528\u306b\u306f\u3001Node.js\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u304c\u5fc5\u8981<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e94760 elementor-widget elementor-widget-text-editor\" data-id=\"4e94760\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"basictxt_02\" style=\"margin-right: auto; margin-left: auto; padding: 0px 0px 30px; line-height: 30px; width: 800px; color: #000000; font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af  Medium', meiryo, sans-serif; letter-spacing: 2.24px;\">\u901a\u5e38\u3001JavaScript\u306f\u30d6\u30e9\u30a6\u30b6\u3067\u3057\u304b\u52d5\u304b\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u305b\u3093\u3002JavaScript\u3092\u30b5\u30fc\u30d0\u30fc\u4e0a\u3067\u52d5\u304b\u305b\u308b\u3088\u3046\u306b\u3059\u308b\u305f\u3081\u306b\u306f\u3001Node.js\u3067\u5b9f\u884c\u74b0\u5883\u3092\u69cb\u7bc9\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u306e\u3067\u3059\u3002<\/p><p class=\"basictxt\" style=\"margin-right: auto; margin-left: auto; padding: 0px; line-height: 30px; width: 800px; color: #000000; font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af  Medium', meiryo, sans-serif; letter-spacing: 2.24px;\">Nuxt.js\u3084Next.js\u3067\u958b\u767a\u3092\u59cb\u3081\u308b\u969b\u306b\u306f\u3001\u5fc5\u305a<a class=\"icon_blank source alink green\" style=\"color: #00aa71; border: 0px; outline: 0px; text-decoration-line: underline; padding-right: 20px; background-image: url('\/guide\/common\/images\/icon_blank.png'); background-position: 100% 50%; background-size: 12px; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial;\" href=\"https:\/\/nodejs.org\/ja\/\" target=\"_blank\" rel=\"noopener\">Node.js<\/a>\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3059\u3002React\u3084Vue.js\u3082\u30b5\u30fc\u30d0\u30fc\u5074\u3067\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3059\u308b SSR \u306e\u5834\u5408\u306b\u306f\u3001\u540c\u69d8\u306e\u624b\u9806\u3092\u8e0f\u3080\u3053\u3068\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b7efb4 elementor-widget elementor-widget-text-editor\" data-id=\"2b7efb4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"margin-right: 0px; margin-left: 0px; padding: 0px; font-size: 1.6rem; overflow-wrap: break-word; color: #333333; font-family: Helvetica, 'Helvetica Neue', Arial, '\u30d2\u30e9\u30ae\u30ce\u89d2\u30b4 Pro W3', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', \u30e1\u30a4\u30ea\u30aa, Meiryo, sans-serif; letter-spacing: normal;\">\u00a0<\/p><p style=\"line-height: 1.5; font-size: 14px; margin: 0px 0px 25px; color: #000000; font-family: Meiryo, 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'MS PGothic', sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\">\u00a0<\/p><h3 class=\"font18 pick_txt en\" style=\"margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding: 0px; color: #f38f00; font-family: 'Bree Serif', cursive; font-size: 18px; letter-spacing: 2.24px; font-weight: 300 !important;\">Node.js\u3092\u4f7f\u3048\u3070JavaScript\u3067\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u958b\u767a\u304c\u53ef\u80fd<\/h3><p style=\"margin-right: 0px; margin-bottom: 25px; margin-left: 0px; padding: 0px; line-height: 30px; color: #000000; font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af  Medium', meiryo, sans-serif; letter-spacing: 2.24px;\">Node.js\u304cJavaScript\u3092\u30b5\u30fc\u30d0\u30fc\u4e0a\u3067\u52d5\u304b\u305b\u308b\u5b9f\u884c\u74b0\u5883\u3060\u3068\u3044\u3046\u3053\u3068\u306f\u3001\u3064\u307e\u308a\u3001<span class=\"strong\" style=\"font-weight: bold;\">JavaScript\u3067\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306e\u958b\u767a\u304c\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308b<\/span>\u3068\u3044\u3046\u3053\u3068\u3067\u3059\u3002\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u958b\u767a\u3067\u4f7f\u308f\u308c\u308b\u8a00\u8a9e\u3068\u3044\u3048\u3070\u3001PHP \u3084 Ruby\u3001Python \u306a\u3069\u304c\u6319\u3052\u3089\u308c\u307e\u3059\u304c\u3001JavaScript \u3092\u77e5\u3063\u3066\u3044\u308b\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30a8\u30f3\u30b8\u30cb\u30a2\u3067\u3042\u308c\u3070\u3001Node.js\u3092\u5229\u7528\u3059\u308b\u3053\u3068\u3067\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3082\u958b\u767a\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p><p style=\"margin-right: 0px; margin-bottom: 25px; margin-left: 0px; padding: 0px; line-height: 30px; color: #000000; font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af  Medium', meiryo, sans-serif; letter-spacing: 2.24px;\">\u306a\u304a\u3001Nuxt.js\u306a\u3069\u304c\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u5411\u3051\u306eNode.js\u30e9\u30a4\u30d6\u30e9\u30ea\uff0f\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3067\u3042\u308b\u4e00\u65b9\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u5411\u3051\u3068\u3057\u3066\u4eba\u6c17\u304c\u3042\u308bNode.js\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306f<a class=\"icon_blank source alink green\" style=\"color: #00aa71; border: 0px; outline: 0px; text-decoration-line: underline; padding-right: 20px; background-image: url('\/guide\/common\/images\/icon_blank.png'); background-position: 100% 50%; background-size: 12px; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial;\" href=\"https:\/\/expressjs.com\/ja\/\" target=\"_blank\" rel=\"noopener\">Express<\/a>\u3067\u3059\u3002Express\u306f\u3001\u5099\u308f\u3063\u3066\u3044\u308b\u6a5f\u80fd\u304c\u4ed6\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306b\u6bd4\u3079\u3066\u5c11\u306a\u3044\u306e\u3067\u3059\u304c\u3001\u305d\u306e\u81ea\u7531\u5ea6\u306e\u9ad8\u3055\u304c\u8a55\u4fa1\u3055\u308c\u3066\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30a8\u30f3\u30b8\u30cb\u30a2\u306b\u597d\u307e\u308c\u3066\u3044\u308b\u3088\u3046\u3067\u3059\u3002<\/p><p style=\"margin-right: 0px; margin-bottom: 25px; margin-left: 0px; padding: 0px; line-height: 30px; color: #000000; font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af  Medium', meiryo, sans-serif; letter-spacing: 2.24px;\">\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30a8\u30f3\u30b8\u30cb\u30a2\u3082\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u958b\u767a\u304c\u304a\u3053\u306a\u3048\u308b\u3088\u3046\u306b\u306a\u308b\u3068\u3001<span class=\"strong\" style=\"font-weight: bold;\">API\u8a2d\u8a08\u3092\u542b\u3081\u305f\u958b\u767a\u5de5\u7a0b\u306e\u5168\u5bb9\u3092\u77e5\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u306e\u3067\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30a8\u30f3\u30b8\u30cb\u30a2\u3068\u3057\u3066\u306e\u77e5\u8b58\u304c\u3088\u308a\u6df1\u307e\u308b<\/span>\u3067\u3057\u3087\u3046\u3002<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fc95305 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fc95305\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-43daa260 elementor-invisible\" data-id=\"43daa260\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3f4d7d7b elementor-widget elementor-widget-video\" data-id=\"3f4d7d7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;show_image_overlay&quot;:&quot;yes&quot;,&quot;image_overlay&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/www.apricot-office.co.jp\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/computer-program-coding-screen-scaled.jpg&quot;,&quot;id&quot;:3778,&quot;size&quot;:&quot;&quot;,&quot;alt&quot;:&quot;&quot;,&quot;source&quot;:&quot;library&quot;},&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/www.apricot-office.co.jp\/wp-content\/uploads\/2022\/12\/10841801_MotionElements_programmer-scrolling-up-hd.mp4\" controls=\"\" preload=\"metadata\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t\t\t<div class=\"elementor-custom-embed-image-overlay\" style=\"background-image: url(https:\/\/www.apricot-office.co.jp\/wp-content\/uploads\/2019\/12\/computer-program-coding-screen-scaled.jpg);\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-custom-embed-play\" role=\"button\" aria-label=\"\u52d5\u753b\u518d\u751f\" tabindex=\"0\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-play\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M838 162C746 71 633 25 500 25 371 25 258 71 163 162 71 254 25 367 25 500 25 633 71 746 163 837 254 929 367 979 500 979 633 979 746 933 838 837 929 746 975 633 975 500 975 367 929 254 838 162M808 192C892 279 933 379 933 500 933 621 892 725 808 808 725 892 621 938 500 938 379 938 279 896 196 808 113 725 67 621 67 500 67 379 108 279 196 192 279 108 383 62 500 62 621 62 721 108 808 192M438 392V642L642 517 438 392Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-40342085 elementor-invisible\" data-id=\"40342085\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInRight&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-60a0d2ab elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"60a0d2ab\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-65b17e5f\" data-id=\"65b17e5f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-54d7fd7d elementor-widget elementor-widget-heading\" data-id=\"54d7fd7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u307e\u3068\u3081<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-62b1e4af elementor-widget elementor-widget-text-editor\" data-id=\"62b1e4af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><div class=\"block\" style=\"margin: 0px 0px 40px; padding: 0px; clear: both; overflow: hidden; color: #333333; font-family: Helvetica, 'Helvetica Neue', Arial, '\u30d2\u30e9\u30ae\u30ce\u89d2\u30b4 Pro W3', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', \u30e1\u30a4\u30ea\u30aa, Meiryo, sans-serif; font-size: 10px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\"><p class=\"basictxt_02\" style=\"margin-right: auto; margin-left: auto; padding: 0px 0px 30px; font-size: medium; line-height: 30px; width: 800px; color: #000000; font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af  Medium', meiryo, sans-serif; letter-spacing: 2.24px;\">JavaScript\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306e\u4e2d\u3067\u306f\u7279\u306bReact \u304c\u4eba\u6c17\u304c\u3042\u308a\u307e\u3059\u3002React\u306e\u5229\u7528\u8005\u304c\u591a\u3044\u3053\u3068\u304b\u3089\u3001Vue.js\u30d9\u30fc\u30b9\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3067\u3042\u308bNuxt.js \u304c\u4f7f\u3048\u308b\u30a8\u30f3\u30b8\u30cb\u30a2\u306f\u307e\u3060\u305d\u308c\u307b\u3069\u591a\u304f\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u3057\u304b\u3057\u3001\u30e2\u30c0\u30f3\u306a\u958b\u767a\u3092\u304a\u3053\u306a\u3063\u3066\u3044\u308b\u4f01\u696d\u3067\u306fNuxt.js\u304c\u7a4d\u6975\u7684\u306b\u63a1\u7528\u3055\u308c\u3066\u3044\u3066\u3001Nuxt.js\u306e\u30b9\u30ad\u30eb\u3092\u6301\u3064\u30a8\u30f3\u30b8\u30cb\u30a2\u3092\u6c42\u3081\u3089\u308c\u3066\u3044\u307e\u3059\u3002<\/p><p class=\"basictxt_02\" style=\"margin-right: auto; margin-left: auto; padding: 0px 0px 30px; font-size: medium; line-height: 30px; width: 800px; color: #000000; font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af  Medium', meiryo, sans-serif; letter-spacing: 2.24px;\">\u307e\u305f\u3001Nuxt3\u306e\u30ea\u30ea\u30fc\u30b9\u306b\u3088\u308a\u3001Nuxt.js\u304c\u3088\u308a\u5229\u4fbf\u6027\u306e\u9ad8\u3044\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3068\u3057\u3066\u3055\u3089\u306b\u6ce8\u76ee\u3055\u308c\u3066\u3044\u304f\u3067\u3057\u3087\u3046\u3002<\/p><p class=\"basictxt\" style=\"margin-right: auto; margin-left: auto; padding: 0px; font-size: medium; line-height: 30px; width: 800px; color: #000000; font-family: -apple-system, 'system-ui', 'Hiragino Kaku Gothic ProN', \u30e1\u30a4\u30ea\u30aa, '\u6e38\u30b4\u30b7\u30c3\u30af  Medium', meiryo, sans-serif; letter-spacing: 2.24px;\">Nuxt.js \u3092\u4f7f\u3063\u3066\u3044\u308b\u3068\u3001Vue.js\u306e\u30b9\u30ad\u30eb\u3082\u8eab\u306b\u3064\u3044\u3066\u3044\u304f\u306e\u3067\u3001\u3053\u308c\u304b\u3089Vue.js\u3092\u5b66\u307c\u3046\u3068\u3057\u3066\u3044\u308b\u4eba\u3082Nuxt.js\u304b\u3089\u59cb\u3081\u3066\u307f\u3066\u306f\u3044\u304b\u304c\u3067\u3057\u3087\u3046\u304b\u3002<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2f19afae elementor-section-height-min-height animated-slow elementor-section-boxed elementor-section-height-default elementor-section-items-middle elementor-invisible\" data-id=\"2f19afae\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3b10033d\" data-id=\"3b10033d\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-256919e1 elementor-widget elementor-widget-heading\" data-id=\"256919e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Follow me on social media<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-631c8853 elementor-widget elementor-widget-heading\" data-id=\"631c8853\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Let's connect<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-179cf95e elementor-shape-circle elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"179cf95e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-twitter elementor-animation-float elementor-repeater-item-936ea2c\" href=\"https:\/\/twitter.com\/mdkweb\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Twitter<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-twitter\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook-f elementor-animation-float elementor-repeater-item-5b53172\" href=\"https:\/\/www.facebook.com\/apricotoffice\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook-f<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-facebook-f\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-animation-float elementor-repeater-item-249cab1\" href=\"https:\/\/www.instagram.com\/apricot.creative\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-instagram\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"Nuxt.js\u3068\u306f\u3001Vue.js\u3092\u52b9\u679c\u7684\u306b\u4f7f\u3046\u305f\u3081\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\uff01 Home BLOG Apricot Web Production &#8211; JavaScript Nuxt.js\u3068\u306f Nux...","protected":false},"author":1,"featured_media":4512,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[8],"tags":[],"class_list":["post-4527","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-front-end"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.apricot-office.co.jp\/index.php?rest_route=\/wp\/v2\/posts\/4527","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.apricot-office.co.jp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.apricot-office.co.jp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.apricot-office.co.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.apricot-office.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4527"}],"version-history":[{"count":5,"href":"https:\/\/www.apricot-office.co.jp\/index.php?rest_route=\/wp\/v2\/posts\/4527\/revisions"}],"predecessor-version":[{"id":4533,"href":"https:\/\/www.apricot-office.co.jp\/index.php?rest_route=\/wp\/v2\/posts\/4527\/revisions\/4533"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.apricot-office.co.jp\/index.php?rest_route=\/wp\/v2\/media\/4512"}],"wp:attachment":[{"href":"https:\/\/www.apricot-office.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4527"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.apricot-office.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4527"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.apricot-office.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}