{"id":2040,"date":"2019-12-25T15:31:35","date_gmt":"2019-12-25T06:31:35","guid":{"rendered":"http:\/\/taki-lab.site\/bocci\/?p=2040"},"modified":"2019-12-25T15:31:38","modified_gmt":"2019-12-25T06:31:38","slug":"%e3%80%90laravel%e3%80%91%e3%80%90vue-js%e3%80%91%e3%80%90%e3%83%9b%e3%83%86%e3%83%ab%e4%ba%88%e7%b4%84%e7%ae%a1%e7%90%86%e3%80%91%e4%ba%88%e7%b4%84%e3%81%ae%e7%b7%a8%e9%9b%86%e3%82%92%e8%a1%8c","status":"publish","type":"post","link":"https:\/\/taki-lab.site\/bocci\/?p=2040","title":{"rendered":"\u3010Laravel\u3011\u3010Vue.js\u3011\u3010\u30db\u30c6\u30eb\u4e88\u7d04\u7ba1\u7406\u3011\u4e88\u7d04\u306e\u7de8\u96c6\u3092\u884c\u3046"},"content":{"rendered":"\n<p>\u524d\u56de\u307e\u3067\u306e\u72b6\u6cc1\u306f\u3053\u3061\u3089<\/p>\n\n\n\n<figure class=\"wp-block-embed-wordpress wp-block-embed is-type-wp-embed is-provider-\u81ea\u5206\u3001\u307c\u3063\u3061\u3067\u3059\u304c\u4f55\u304b\uff1f\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"J2W1nj24Ez\"><a href=\"https:\/\/taki-lab.site\/bocci\/?p=2005\">\u3010Laravel\u3011\u3010Vue.js\u3011\u3010\u30db\u30c6\u30eb\u4e88\u7d04\u7ba1\u7406\u3011\u4e88\u7d04\u8a73\u7d30\u3092\u30c0\u30a4\u30a2\u30ed\u30b0\u306b\u8868\u793a\u3055\u305b\u308b<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;\u3010Laravel\u3011\u3010Vue.js\u3011\u3010\u30db\u30c6\u30eb\u4e88\u7d04\u7ba1\u7406\u3011\u4e88\u7d04\u8a73\u7d30\u3092\u30c0\u30a4\u30a2\u30ed\u30b0\u306b\u8868\u793a\u3055\u305b\u308b&#8221; &#8212; \u81ea\u5206\u3001\u307c\u3063\u3061\u3067\u3059\u304c\u4f55\u304b\uff1f\" src=\"https:\/\/taki-lab.site\/bocci\/?p=2005&#038;embed=true#?secret=hwU13Gk3qM#?secret=J2W1nj24Ez\" data-secret=\"J2W1nj24Ez\" width=\"474\" height=\"267\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>\u524d\u56de\u306e\u4e88\u7d04\u8a73\u7d30\u753b\u9762\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"474\" height=\"510\" data-attachment-id=\"2008\" data-permalink=\"https:\/\/taki-lab.site\/bocci\/?attachment_id=2008\" data-orig-file=\"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2019\/12\/Screenshot-from-2019-12-23-08-00-06.png?fit=664%2C715&amp;ssl=1\" data-orig-size=\"664,715\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Screenshot-from-2019-12-23-08-00-06\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2019\/12\/Screenshot-from-2019-12-23-08-00-06.png?fit=474%2C510&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2019\/12\/Screenshot-from-2019-12-23-08-00-06.png?resize=474%2C510\" alt=\"\" class=\"wp-image-2008\" srcset=\"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2019\/12\/Screenshot-from-2019-12-23-08-00-06.png?w=664&amp;ssl=1 664w, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2019\/12\/Screenshot-from-2019-12-23-08-00-06.png?resize=279%2C300&amp;ssl=1 279w\" sizes=\"auto, (max-width: 474px) 100vw, 474px\" \/><\/figure>\n\n\n\n<p>\u3053\u308c\u306b\u3001\u7de8\u96c6\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3057\u3066\u3001\u4e88\u7d04\u7de8\u96c6\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>\u3053\u308c\u304c\u601d\u3044\u306e\u5916\u5927\u5909\u3060\u3063\u305f\u3002<\/strong><\/p>\n\n\n\n<p>\u307e\u305a\u306f\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u7de8\u96c6\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>        &lt;div id=\"overlay\" v-show=\"showContent\">\n            &lt;div id=\"content\">\n                &lt;p v-if=\"error_flg == true\" class=\"error\">{{error_message}}&lt;\/p>\n                &lt;table class=\"edit\">\n                    &lt;tbody>\n                        &lt;tr>\n                            &lt;th>\u540d\u524d&lt;\/th>\n                            &lt;td v-if=\"edit_flg == true\">&lt;input type=\"text\" v-model=contents.name \/>&lt;\/td>\n                            &lt;td v-else>{{ contents.name }}&lt;\/td>\n                        &lt;\/tr>\n                        &lt;tr>\n                            &lt;th>\u4f4f\u6240&lt;\/th>\n                            &lt;td v-if=\"edit_flg == true\">&lt;input type=\"text\" v-model=contents.address \/>&lt;\/td>\n                            &lt;td v-else>{{ contents.address }}&lt;\/td>\n                        &lt;\/tr>\n                        &lt;tr>\n                            &lt;th>\u96fb\u8a71\u756a\u53f7&lt;\/th>\n                            &lt;td v-if=\"edit_flg == true\">&lt;input type=\"text\" v-model=contents.phone \/>&lt;\/td>\n                            &lt;td v-else>{{ contents.phone }}&lt;\/td>\n                        &lt;\/tr>\n                        &lt;tr>\n                            &lt;th>\u4eba\u6570&lt;\/th>\n                            &lt;td v-if=\"edit_flg == true\">\n                                &lt;select v-model=contents.num>\n                                    &lt;option v-for=\"num in nums\" v-bind:value=\"num.value\">{{ num.text }}&lt;\/option>\n                                &lt;\/select>\n                            &lt;\/td>\n                            &lt;td v-else>{{ contents.num }}&lt;\/td>\n                        &lt;\/tr>\n                        &lt;tr>\n                            &lt;th>\u5bbf\u6cca\u90e8\u5c4b&lt;\/th>\n                            &lt;td v-if=\"edit_flg == true\">\n                                &lt;select v-model=\"contents.roomid\">\n                                    &lt;option v-for=\"room in rooms\" v-bind:value=\"room.id\">{{ room.name }}&lt;\/option>\n                                &lt;\/select>\n                            &lt;\/td>\n                            &lt;td v-else>{{ contents.room }}&lt;\/td>\n                        &lt;\/tr>\n                        &lt;tr>\n                            &lt;th>\u5bbf\u6cca\u65e5\u6570&lt;\/th>\n                            &lt;td v-if=\"edit_flg == true\">&lt;input type=\"number\" v-model=contents.days \/>&lt;\/td>\n                            &lt;td v-else>{{ contents.days }}&lt;\/td>\n                        &lt;\/tr>\n                        &lt;tr>\n                            &lt;th>\u5bbf\u6cca\u65e5&lt;\/th>\n                            &lt;td v-if=\"edit_flg == true\">&lt;input type=\"date\" v-model=contents.start_day \/>&lt;\/td>\n                            &lt;td v-else>{{ contents.start_day }}&lt;\/td>\n                        &lt;\/tr>\n                        &lt;tr>\n                            &lt;th>\u30c1\u30a7\u30c3\u30af\u30a2\u30a6\u30c8&lt;\/th>\n                            &lt;td v-if=\"edit_flg == true\">\n                                &lt;select v-model=\"contents.checkout\">\n                                    &lt;option v-for=\"time in timeList\" v-bind:value=\"time.key\">{{ time.value }}&lt;\/option>\n                                &lt;\/select>\n                            &lt;td v-else>{{ contents.checkout }}&lt;\/td>\n                        &lt;\/tr>\n                    &lt;\/tbody>\n                &lt;\/table>\n            &lt;p>\n                &lt;button @click=\"closeModal\">close&lt;\/button>\n                &lt;button v-if=\"edit_flg == false\" @click=\"onClickEdit\">\u7de8\u96c6&lt;\/button>\n                &lt;button v-else @click=\"onClickSave\">\u4fdd\u5b58&lt;\/button>\n            &lt;\/p>\n            &lt;\/div>\n        &lt;\/div>\n<\/code><\/pre>\n\n\n\n<p>edit_flg\u3068\u3044\u3046\u72b6\u614b\u5909\u6570\u3092\u898b\u3066\u3001\u3053\u308c\u304ctrue\u306a\u3089\u3070\u3001\u30bf\u30b0\u3092input\u306b\u7f6e\u304d\u63db\u3048\u308b\u3001\u3068\u3044\u3046\u4f5c\u308a\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3067\u306f\u3001\u30c7\u30fc\u30bf\u306e\u65b9\u306f\u3068\u3044\u3046\u3068\u3001<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>        data() {\n            return {\n                error_message: \"\",\n                error_flg:false,\n                errors: {},\n\n\u3000\u4e2d\u7565\n\n                nums: &#91;\n                    {text:'1', value:1},\n                    {text:'2', value:2}\n                ],\n                timeList:&#91;],\n                selectRoom: 0,\n                rooms: &#91;],\n                result: &#91;],\n                param: {\n                    year: 2019,\n                    month: 1,\n                    room: 1\n                },\n                registers: &#91;],\n                showContent: false,\n                contents: {\n                    name: \"\",\n                    address: \"\",\n                    phone: \"\",\n                    num: 0,\n                    roomid: 0,\n                    room: \"\",\n                    days: 0,\n                    start_day: \"\",\n                    checkout: \"\",\n                },\n                edit_flg: false\n            }\n        },\n<\/code><\/pre>\n\n\n\n<p>\u30dd\u30a4\u30f3\u30c8\u306fedit_flg\u3002\u3053\u308c\u3092true\u306b\u3059\u308b\u3053\u3068\u3067\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u304c\u7de8\u96c6\u7528\u306b\u7f6e\u304d\u63db\u308f\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u306a\u304a\u3001\u7de8\u96c6\u4e2d\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306f\u3001\u4e88\u7d04\u8ffd\u52a0\u6642\u3068\u540c\u3058\u304f\u3089\u3044\u306e\u6a5f\u80fd\u3092\u6301\u305f\u306a\u304f\u3066\u306f\u3044\u3051\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p>\u3082\u3046\u3001\u4e88\u7d04\u8ffd\u52a0\u51e6\u7406\u3082\u3001\u3053\u306e\u4e2d\u306b\u5165\u308c\u3066\u3057\u307e\u3063\u3066\u3082\u3044\u3044\u306e\u304b\u3082\u3057\u308c\u306a\u3044\u3002<\/p>\n\n\n\n<p>\u5b9f\u969b\u306e\u51e6\u7406\u306f\u3001<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>        created: function() {\n            this.getRooms();\n            this.getTimeList();\n        },\n        methods: {\n            getRooms: function() {\n                var self = this;\n                axios.post('\/api\/rooms').then(function(response){\n                    response.data.roomLists.forEach(element => {\n                        self.rooms.push({id:element.id, name:element.name});\n                    });\n                }).catch(function(error){\n                    console.log(\"\u5931\u6557\u3057\u307e\u3057\u305f\");\n                });\n            },\n            getRegisters: function() {\n                var self = this;\n                this.param.year = this.selectYear;\n                this.param.month = this.selectMonth;\n                this.param.room = this.selectRoom;\n                axios.post('\/api\/registers', this.param).then(function(response){\n                    self.registers = &#91;];\n                    response.data.registerLists.forEach(element => {\n                        self.registers.push(\n                            {\n                                id:element.id, \n                                name:element.name,\n                                address:element.address,\n                                phone:element.phone,\n                                num:element.num,\n                                roomid:element.roomid,\n                                room:element.room,\n                                days:element.days,\n                                start_day:element.start_day, \n                                checkout:element.checkout\n                            }\n                        );\n                    });\n                }).catch(function(error){\n                    console.log(\"\u5931\u6557\u3057\u307e\u3057\u305f\");\n                });\n            },\n            onClickEdit: function(){\n                this.edit_flg = true;\n                var checkoutTime = this.contents.checkout.split(\" \")&#91;1];\n                this.timeList.forEach(element => {\n                    if(checkoutTime == element.value+\":00\"){\n                        this.contents.checkout = element.key;\n                    }\n                });\n            },\n            onClickSave: function(){\n                var self = this;\n                this.param.year = this.selectYear;\n                this.param.month = this.selectMonth;\n                this.param.room = this.selectRoom;\n                this.param.contents = this.contents;\n                axios.post('\/api\/update', this.param).then(function(response){\n                    self.registers = &#91;];\n                    response.data.registerLists.forEach(element => {\n                        self.registers.push(\n                            {\n                                id:element.id, \n                                name:element.name,\n                                address:element.address,\n                                phone:element.phone,\n                                num:element.num,\n                                roomid:element.roomid,\n                                room:element.room,\n                                days:element.days,\n                                start_day:element.start_day, \n                                checkout:element.checkout\n                            }\n                        );\n                    });\n                    self.closeModal();\n                }).catch(function(error){\n                    self.error_flg = true;\n                    self.error_message = error.response.data.errors;\n                });\n            },\n            openModal: function(id){\n                for(var i = 0; i&lt; this.registers.length; i++){\n                    if(this.registers&#91;i].id == id){\n                        this.contents.id = this.registers&#91;i].id;\n                        this.contents.name = this.registers&#91;i].name;\n                        this.contents.address = this.registers&#91;i].address;\n                        this.contents.phone = this.registers&#91;i].phone;\n                        this.contents.num = this.registers&#91;i].num;\n                        this.contents.roomid = this.registers&#91;i].roomid;\n                        this.contents.room = this.registers&#91;i].room;\n                        this.contents.days = this.registers&#91;i].days;\n                        this.contents.start_day = this.registers&#91;i].start_day;\n                        this.contents.checkout = this.registers&#91;i].checkout;\n                        break;\n                    }\n                }\n                this.showContent = true;\n                this.edit_flg = false;\n            },\n            closeModal: function(){\n                this.showContent = false;\n                this.edit_flg = false;\n            },\n            getTimeList: function(){\n                var self = this;\n                axios.post('\/api\/timelist').then(function(response){\n                    for (let &#91;key, value] of Object.entries(response.data.timelist)){\n                        self.timeList.push({key: key, value: value});\n                    }\n                }).catch(function(error){\n                    console.log(\"\u5931\u6557\u3057\u307e\u3057\u305f\");\n                });\n            }\n<\/code><\/pre>\n\n\n\n<p>onClickEdit()\u3067\u3001\u8a73\u7d30\u753b\u9762\u304b\u3089\u3001\u7de8\u96c6\u753b\u9762\u306b\u5207\u308a\u66ff\u308f\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u305d\u3057\u3066\u3001onClickSave()\u3067\u3001\u5165\u529b\u3057\u305f\u30c7\u30fc\u30bf\u3092Laravel\u5074\u306eAPI\u51e6\u7406\u306b\u30c7\u30fc\u30bf\u3092\u6e21\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3046\u3093\u3001<strong>\u4e88\u7d04\u8ffd\u52a0\u3082\u3053\u306e\u4e2d\u3067\u3044\u3044\u3088\u306d\u3002<\/strong><\/p>\n\n\n\n<p>\u3042\u3068\u3001\u30b5\u30fc\u30d0\u5074\u3067\u30a8\u30e9\u30fc\u304c\u767a\u751f\u3057\u305f\u5834\u5408\u306e\u30e1\u30c3\u30bb\u30fc\u30b8\u8868\u793a\u3082\u8ffd\u52a0\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p>error_flg\u304cture\u306b\u306a\u3063\u305f\u3089\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u3082\u305d\u306e\u8981\u7d20\u304c\u8868\u793a\u3055\u308c\u3001API\u5074\u3067\u9001\u3089\u308c\u305f\u30e1\u30c3\u30bb\u30fc\u30b8\u304c\u753b\u9762\u306b\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3067\u306f\u3001API\u5074\u306e\u51e6\u7406\u3002<\/p>\n\n\n\n<p>\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306b\u4ee5\u4e0b\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Route::post('\/api\/update', 'ApiController@update');\nRoute::post('\/api\/timelist', 'ApiController@timelist');\n<\/code><\/pre>\n\n\n\n<p>\u51e6\u7406\u306f\u3001<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>    public function timelist(Request $request)\n    {\n        return response()->json(&#91;'timelist' => $this->registerManagement->getTimeList()]);\n    }\n\n    public function update(Request $request)\n    {\n        \\Log::debug(print_r($request->contents, true));\n        if($this->registerManagement->checkScheduleForUpdate($request->contents&#91;\"start_day\"], \n                                                            $request->contents&#91;\"days\"], \n                                                            $request->contents&#91;\"id\"], \n                                                            $request->contents&#91;\"roomid\"]) == false)\n        {\n            \\Log::debug(\"\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u304c\u91cd\u8907\u3057\u3066\u3044\u307e\u3059\");\n            return response()->json(&#91;\n                'errors' => \"\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u304c\u91cd\u8907\u3057\u3066\u3044\u307e\u3059\"\n            ], 400);\n        }\n        $param = $this->registerManagement->getParam();\n        $this->registerManagement->updateById($request->contents&#91;\"id\"],\n        &#91;\n            $param&#91;0] => $request->contents&#91;\"name\"],\n            $param&#91;1] => $request->contents&#91;\"address\"],\n            $param&#91;2] => $request->contents&#91;\"phone\"],\n            $param&#91;3] => $request->contents&#91;\"num\"],\n            $param&#91;4] => $request->contents&#91;\"days\"],\n            $param&#91;5] => $request->contents&#91;\"start_day\"],\n            $param&#91;6] => false,\n            $param&#91;7] => date('Y-m-d H:i', strtotime($request->contents&#91;\"start_day\"].' + '.$request->contents&#91;\"days\"].' day') + $request->contents&#91;\"checkout\"])\n        ], $request->contents&#91;\"roomid\"]);\n        return response()->json(&#91;'registerLists' => $this->registerManagement->getListByMonth(\n            $request->year,\n            $request->month,\n            $request->room\n        )]);\n    }\n<\/code><\/pre>\n\n\n\n<p>timelist()\u3068\u3044\u3046\u306e\u306f\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3067\u51e6\u7406\u3059\u308btick\u5024\u3068\u753b\u9762\u306b\u8868\u793a\u3059\u308b\u6642\u523b\u306e\u30c6\u30fc\u30d6\u30eb\u3067\u3059\u3002<\/p>\n\n\n\n<p><strong>\u3053\u308c\u304c\u3042\u308b\u305f\u3081\u306b\u3064\u307e\u305a\u3044\u305f\u3002<\/strong><\/p>\n\n\n\n<p>tick: &#8220;\u6642\u523b(00:00)&#8221;<\/p>\n\n\n\n<p>\u3068\u3044\u3046\u5f62\u3067\u30c7\u30fc\u30bf\u3092\u6301\u3063\u3066\u3044\u305f\u305f\u3081\u306b\u3001\u3053\u308c\u304c\u3046\u307e\u304fVue\u3067\u51e6\u7406\u3055\u308c\u306a\u3044\u306e\u3067\u3001JavaScript\u3067\u5f62\u3092\u5909\u63db\u3057\u305f\u306e\u3067\u3059\u3088\u3002<\/p>\n\n\n\n<p>\u3053\u306e\u3084\u308a\u65b9\u3092\u898b\u3064\u3051\u308b\u306e\u306b\u82e6\u52b4\u3057\u305f\u30fb\u30fb\u30fb\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>            getTimeList: function(){\n                var self = this;\n                axios.post('\/api\/timelist').then(function(response){\n                    for (let &#91;key, value] of Object.entries(response.data.timelist)){\n                        self.timeList.push({key: key, value: value});\n                    }\n                }).catch(function(error){\n                    console.log(\"\u5931\u6557\u3057\u307e\u3057\u305f\");\n                });\n            }<\/code><\/pre>\n\n\n\n<p>\u3053\u3053\u306e\u51e6\u7406\u306d\u3001<\/p>\n\n\n\n<p>[{tick: &#8220;\u6642\u523b(00:00)&#8221;},{ },\u30fb\u30fb\u30fb]<\/p>\n\n\n\n<p>\u3053\u306e\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3092<\/p>\n\n\n\n<p>[{key:tick, value:&#8221;\u6642\u523b&#8221;},{ },\u30fb\u30fb\u30fb}<\/p>\n\n\n\n<p>\u306b\u5909\u63db\u3057\u305f\u306e\u3067\u3059\u3088\u3002<\/p>\n\n\n\n<p>\u3053\u308c\u3092\u5c0e\u304d\u51fa\u3059\u306e\u306b\u82e6\u52b4\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p>\u3067\u3082\u3001\u3053\u308c\u304c\u3067\u304d\u308c\u3070\u4eca\u307e\u3067\u306e\u30b5\u30fc\u30d0\u5074\u306e\u51e6\u7406\u304c\u3001\u307b\u307c\u3001\u305d\u306e\u307e\u307e\u4f7f\u3048\u308b\u308f\u3051\u3067\u3001<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"474\" height=\"278\" data-attachment-id=\"2041\" data-permalink=\"https:\/\/taki-lab.site\/bocci\/?attachment_id=2041\" data-orig-file=\"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2019\/12\/Screenshot-from-2019-12-25-09-30-42.png?fit=545%2C320&amp;ssl=1\" data-orig-size=\"545,320\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Screenshot-from-2019-12-25-09-30-42\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2019\/12\/Screenshot-from-2019-12-25-09-30-42.png?fit=474%2C278&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2019\/12\/Screenshot-from-2019-12-25-09-30-42.png?resize=474%2C278\" alt=\"\" class=\"wp-image-2041\" srcset=\"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2019\/12\/Screenshot-from-2019-12-25-09-30-42.png?w=545&amp;ssl=1 545w, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2019\/12\/Screenshot-from-2019-12-25-09-30-42.png?resize=300%2C176&amp;ssl=1 300w\" sizes=\"auto, (max-width: 474px) 100vw, 474px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"474\" height=\"291\" data-attachment-id=\"2042\" data-permalink=\"https:\/\/taki-lab.site\/bocci\/?attachment_id=2042\" data-orig-file=\"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2019\/12\/Screenshot-from-2019-12-25-09-30-56.png?fit=528%2C324&amp;ssl=1\" data-orig-size=\"528,324\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Screenshot-from-2019-12-25-09-30-56\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2019\/12\/Screenshot-from-2019-12-25-09-30-56.png?fit=474%2C291&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2019\/12\/Screenshot-from-2019-12-25-09-30-56.png?resize=474%2C291\" alt=\"\" class=\"wp-image-2042\" srcset=\"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2019\/12\/Screenshot-from-2019-12-25-09-30-56.png?w=528&amp;ssl=1 528w, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2019\/12\/Screenshot-from-2019-12-25-09-30-56.png?resize=300%2C184&amp;ssl=1 300w\" sizes=\"auto, (max-width: 474px) 100vw, 474px\" \/><\/figure>\n\n\n\n<p>\u7de8\u96c6\u753b\u9762\u3067\u3082\u3001\u4e88\u7d04\u8ffd\u52a0\u3068\u540c\u3058\u3053\u3068\u304c\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p>\u3063\u3066\u3044\u3046\u304b\u3001\u8ffd\u52a0\u51e6\u7406\u3082\u3053\u306e\u5f62\u306b\u3057\u3088\u3046\u3002<\/p>\n\n\n\n<p>\u3063\u3066\u306a\u3053\u3068\u3067\u6b21\u56de\u3002<\/p>\n\n\n\n<a href=\"\/\/blog.with2.net\/link\/?2023426:1010\" target=\"_blank\" rel=\"noopener noreferrer\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2019\/12\/03a6eee54039f74ded0b8f7548b1868f.png?w=474\" title=\"\u30d1\u30bd\u30b3\u30f3\u30e9\u30f3\u30ad\u30f3\u30b0\"><\/a>\n","protected":false},"excerpt":{"rendered":"<p>\u524d\u56de\u307e\u3067\u306e\u72b6\u6cc1\u306f\u3053\u3061\u3089 \u524d\u56de\u306e\u4e88\u7d04\u8a73\u7d30\u753b\u9762\u3002 \u3053\u308c\u306b\u3001\u7de8\u96c6\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3057\u3066\u3001\u4e88\u7d04\u7de8\u96c6\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002 \u3053\u308c\u304c\u601d\u3044\u306e\u5916\u5927\u5909\u3060\u3063\u305f\u3002 \u307e\u305a\u306f\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u7de8\u96c6\u3002 edit_flg\u3068\u3044\u3046\u72b6\u614b\u5909\u6570\u3092\u898b\u3066\u3001\u3053\u308c\u304ctrue\u306a\u3089\u3070 &hellip; <a href=\"https:\/\/taki-lab.site\/bocci\/?p=2040\" class=\"more-link\">\u7d9a\u304d\u3092\u8aad\u3080 <span class=\"screen-reader-text\">\u3010Laravel\u3011\u3010Vue.js\u3011\u3010\u30db\u30c6\u30eb\u4e88\u7d04\u7ba1\u7406\u3011\u4e88\u7d04\u306e\u7de8\u96c6\u3092\u884c\u3046<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"\u3010Laravel\u3011\u3010Vue.js\u3011\u3010\u30db\u30c6\u30eb\u4e88\u7d04\u7ba1\u7406\u3011\u4e88\u7d04\u306e\u7de8\u96c6\u3092\u884c\u3046\n#TechCommit\n","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[167,168,3],"tags":[138,170,166],"class_list":["post-2040","post","type-post","status-publish","format-standard","hentry","category-laravel","category-vue-js","category-3","tag-laravel","tag-linunx","tag-vue-js"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8SDbY-wU","jetpack-related-posts":[{"id":2161,"url":"https:\/\/taki-lab.site\/bocci\/?p=2161","url_meta":{"origin":2040,"position":0},"title":"\u3010Laravel\u3011\u3010\u30db\u30c6\u30eb\u4e88\u7d04\u7ba1\u7406\u3011\u5fd8\u308c\u3066\u3044\u305f\u6a5f\u80fd\u3092\u8ffd\u52a0\u3059\u308b","author":"taki","date":"2020\u5e741\u670817\u65e5","format":false,"excerpt":"\u524d\u56de\u307e\u3067\u306e\u72b6\u6cc1\u306f\u3053\u3061\u3089\u3002 https:\/\/taki-lab.site\/bocci\/?p=2145 \u6700\u2026","rel":"","context":"Laravel","block_context":{"text":"Laravel","link":"https:\/\/taki-lab.site\/bocci\/?cat=167"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/01\/Screenshot-from-2020-01-17-08-26-16.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/01\/Screenshot-from-2020-01-17-08-26-16.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/01\/Screenshot-from-2020-01-17-08-26-16.png?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":2045,"url":"https:\/\/taki-lab.site\/bocci\/?p=2045","url_meta":{"origin":2040,"position":1},"title":"\u3010Laravel\u3011\u3010Vue.js\u3011\u3010\u30db\u30c6\u30eb\u4e88\u7d04\u7ba1\u7406\u3011\u4e88\u7d04\u306e\u524a\u9664\u3092\u5b9f\u88c5\u3059\u308b","author":"taki","date":"2019\u5e7412\u670826\u65e5","format":false,"excerpt":"\u524d\u56de\u307e\u3067\u306e\u72b6\u6cc1\u306f\u3053\u3061\u3089 https:\/\/taki-lab.site\/bocci\/?p=2040 \u6700\u65b0\u2026","rel":"","context":"Laravel","block_context":{"text":"Laravel","link":"https:\/\/taki-lab.site\/bocci\/?cat=167"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2019\/12\/Screenshot-from-2019-12-26-11-12-07.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":2119,"url":"https:\/\/taki-lab.site\/bocci\/?p=2119","url_meta":{"origin":2040,"position":2},"title":"\u3010Laravel\u3011\u3010\u30db\u30c6\u30eb\u4e88\u7d04\u7ba1\u7406\u3011\u4e88\u7d04\u60c5\u5831\u3092\u5909\u66f4\u3001\u524a\u9664\u3059\u308b","author":"taki","date":"2020\u5e741\u670813\u65e5","format":false,"excerpt":"\u524d\u56de\u307e\u3067\u306e\u72b6\u6cc1\u306f\u3053\u3061\u3089 https:\/\/taki-lab.site\/bocci\/?p=2108 \u6700\u65b0\u2026","rel":"","context":"Laravel","block_context":{"text":"Laravel","link":"https:\/\/taki-lab.site\/bocci\/?cat=167"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/01\/Screenshot-from-2020-01-13-08-52-52.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/01\/Screenshot-from-2020-01-13-08-52-52.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/01\/Screenshot-from-2020-01-13-08-52-52.png?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":2174,"url":"https:\/\/taki-lab.site\/bocci\/?p=2174","url_meta":{"origin":2040,"position":3},"title":"\u3010Laravel\u3011\u3010\u30db\u30c6\u30eb\u4e88\u7d04\u7ba1\u7406\u3011\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u51e6\u7406\u3092\u5b9f\u88c5\u3057\u306a\u304a\u3059\u3002","author":"taki","date":"2020\u5e741\u670821\u65e5","format":false,"excerpt":"\u524d\u56de\u307e\u3067\u306e\u72b6\u6cc1\u306f\u3053\u3061\u3089\u3002 https:\/\/taki-lab.site\/bocci\/?p=2161 \u6700\u2026","rel":"","context":"Laravel","block_context":{"text":"Laravel","link":"https:\/\/taki-lab.site\/bocci\/?cat=167"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/01\/Screenshot-from-2020-01-21-09-03-13.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/01\/Screenshot-from-2020-01-21-09-03-13.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/01\/Screenshot-from-2020-01-21-09-03-13.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/01\/Screenshot-from-2020-01-21-09-03-13.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":1987,"url":"https:\/\/taki-lab.site\/bocci\/?p=1987","url_meta":{"origin":2040,"position":4},"title":"\u3010Laravel\u3011\u3010Vue.js\u3011\u3010\u30db\u30c6\u30eb\u4e88\u7d04\u7ba1\u7406\u3011\u4e88\u7d04\u4e00\u89a7\u3092\u8868\u793a\u3059\u308b","author":"taki","date":"2019\u5e7412\u670822\u65e5","format":false,"excerpt":"\u524d\u56de\u307e\u3067\u306e\u72b6\u6cc1\u306f\u3053\u3061\u3089 https:\/\/taki-lab.site\/bocci\/?p=1984 \u6700\u65b0\u2026","rel":"","context":"Laravel","block_context":{"text":"Laravel","link":"https:\/\/taki-lab.site\/bocci\/?cat=167"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2019\/12\/Screenshot-from-2019-12-22-10-57-10.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2019\/12\/Screenshot-from-2019-12-22-10-57-10.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2019\/12\/Screenshot-from-2019-12-22-10-57-10.png?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":2005,"url":"https:\/\/taki-lab.site\/bocci\/?p=2005","url_meta":{"origin":2040,"position":5},"title":"\u3010Laravel\u3011\u3010Vue.js\u3011\u3010\u30db\u30c6\u30eb\u4e88\u7d04\u7ba1\u7406\u3011\u4e88\u7d04\u8a73\u7d30\u3092\u30c0\u30a4\u30a2\u30ed\u30b0\u306b\u8868\u793a\u3055\u305b\u308b","author":"taki","date":"2019\u5e7412\u670823\u65e5","format":false,"excerpt":"\u524d\u56de\u307e\u3067\u306e\u72b6\u6cc1\u306f\u3053\u3061\u3089 https:\/\/taki-lab.site\/bocci\/?p=1987 \u6700\u65b0\u2026","rel":"","context":"Laravel","block_context":{"text":"Laravel","link":"https:\/\/taki-lab.site\/bocci\/?cat=167"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2019\/12\/Screenshot-from-2019-12-23-07-59-53.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2019\/12\/Screenshot-from-2019-12-23-07-59-53.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2019\/12\/Screenshot-from-2019-12-23-07-59-53.png?resize=525%2C300&ssl=1 1.5x"},"classes":[]}],"jetpack_likes_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/taki-lab.site\/bocci\/index.php?rest_route=\/wp\/v2\/posts\/2040","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taki-lab.site\/bocci\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/taki-lab.site\/bocci\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/taki-lab.site\/bocci\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taki-lab.site\/bocci\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2040"}],"version-history":[{"count":1,"href":"https:\/\/taki-lab.site\/bocci\/index.php?rest_route=\/wp\/v2\/posts\/2040\/revisions"}],"predecessor-version":[{"id":2043,"href":"https:\/\/taki-lab.site\/bocci\/index.php?rest_route=\/wp\/v2\/posts\/2040\/revisions\/2043"}],"wp:attachment":[{"href":"https:\/\/taki-lab.site\/bocci\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2040"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taki-lab.site\/bocci\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2040"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taki-lab.site\/bocci\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2040"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}