{"id":3791,"date":"2020-08-04T10:09:48","date_gmt":"2020-08-04T01:09:48","guid":{"rendered":"https:\/\/taki-lab.site\/bocci\/?p=3791"},"modified":"2020-08-04T10:09:51","modified_gmt":"2020-08-04T01:09:51","slug":"%e3%80%90%e3%83%80%e3%82%a4%e3%82%a8%e3%83%83%e3%83%88%e6%94%af%e6%8f%b4%e3%80%91%e3%80%90%e9%a3%9f%e4%ba%8b%e7%ae%a1%e7%90%86%e3%80%91%e3%83%87%e3%83%bc%e3%82%bf%e8%a9%b3%e7%b4%b0%e5%87%a6%e7%90%86","status":"publish","type":"post","link":"https:\/\/taki-lab.site\/bocci\/?p=3791","title":{"rendered":"\u3010\u30c0\u30a4\u30a8\u30c3\u30c8\u652f\u63f4\u3011\u3010\u98df\u4e8b\u7ba1\u7406\u3011\u30c7\u30fc\u30bf\u8a73\u7d30\u51e6\u7406\u3092\u4f5c\u6210\u3059\u308b\u3002"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"474\" height=\"357\" data-attachment-id=\"3792\" data-permalink=\"https:\/\/taki-lab.site\/bocci\/?attachment_id=3792\" data-orig-file=\"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/08\/Screenshot-from-2020-08-04-09-30-31.png?fit=1112%2C838&amp;ssl=1\" data-orig-size=\"1112,838\" 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-2020-08-04-09-30-31\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/08\/Screenshot-from-2020-08-04-09-30-31.png?fit=474%2C357&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/08\/Screenshot-from-2020-08-04-09-30-31.png?resize=474%2C357&#038;ssl=1\" alt=\"\" class=\"wp-image-3792\" srcset=\"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/08\/Screenshot-from-2020-08-04-09-30-31.png?resize=1024%2C772&amp;ssl=1 1024w, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/08\/Screenshot-from-2020-08-04-09-30-31.png?resize=300%2C226&amp;ssl=1 300w, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/08\/Screenshot-from-2020-08-04-09-30-31.png?resize=768%2C579&amp;ssl=1 768w, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/08\/Screenshot-from-2020-08-04-09-30-31.png?w=1112&amp;ssl=1 1112w, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/08\/Screenshot-from-2020-08-04-09-30-31.png?w=948&amp;ssl=1 948w\" sizes=\"auto, (max-width: 474px) 100vw, 474px\" \/><\/figure>\n\n\n\n<p>\u524d\u56de\u307e\u3067\u306e\u72b6\u6cc1\u306f\u3053\u3061\u3089\u3002<\/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=\"fAnR6sG5Dw\"><a href=\"https:\/\/taki-lab.site\/bocci\/?p=3741\">\u3010\u30c0\u30a4\u30a8\u30c3\u30c8\u652f\u63f4\u3011\u3010\u98df\u4e8b\u7ba1\u7406\u3011\u30c7\u30fc\u30bf\u4e00\u89a7\u51e6\u7406\u3092\u4f5c\u6210\u3059\u308b\u3002<\/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;\u3010\u30c0\u30a4\u30a8\u30c3\u30c8\u652f\u63f4\u3011\u3010\u98df\u4e8b\u7ba1\u7406\u3011\u30c7\u30fc\u30bf\u4e00\u89a7\u51e6\u7406\u3092\u4f5c\u6210\u3059\u308b\u3002&#8221; &#8212; \u81ea\u5206\u3001\u307c\u3063\u3061\u3067\u3059\u304c\u4f55\u304b\uff1f\" src=\"https:\/\/taki-lab.site\/bocci\/?p=3741&#038;embed=true#?secret=oL8sNBP8VO#?secret=fAnR6sG5Dw\" data-secret=\"fAnR6sG5Dw\" width=\"474\" height=\"267\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>\u6700\u65b0\u30bd\u30fc\u30b9\u306f\u3053\u3061\u3089(gitHub)<\/p>\n\n\n\n<p><a href=\"https:\/\/github.com\/takishita2nd\/diet-mng\">https:\/\/github.com\/takishita2nd\/diet-mng<\/a><\/p>\n\n\n\n<p>\u4eca\u56de\u306f\u3053\u306e\u753b\u9762\u3092\u4f5c\u6210\u3057\u3066\u3044\u304d\u307e\u3059\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=\"268\" data-attachment-id=\"3491\" data-permalink=\"https:\/\/taki-lab.site\/bocci\/?attachment_id=3491\" data-orig-file=\"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/07\/537470bb22cb57d34700b55a1a7e0798.png?fit=1161%2C656&amp;ssl=1\" data-orig-size=\"1161,656\" 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=\"537470bb22cb57d34700b55a1a7e0798\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/07\/537470bb22cb57d34700b55a1a7e0798.png?fit=474%2C268&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/07\/537470bb22cb57d34700b55a1a7e0798.png?resize=474%2C268&#038;ssl=1\" alt=\"\" class=\"wp-image-3491\" srcset=\"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/07\/537470bb22cb57d34700b55a1a7e0798.png?resize=1024%2C579&amp;ssl=1 1024w, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/07\/537470bb22cb57d34700b55a1a7e0798.png?resize=300%2C170&amp;ssl=1 300w, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/07\/537470bb22cb57d34700b55a1a7e0798.png?resize=768%2C434&amp;ssl=1 768w, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/07\/537470bb22cb57d34700b55a1a7e0798.png?w=1161&amp;ssl=1 1161w, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/07\/537470bb22cb57d34700b55a1a7e0798.png?w=948&amp;ssl=1 948w\" sizes=\"auto, (max-width: 474px) 100vw, 474px\" \/><\/figure>\n\n\n\n<p>\u524d\u56de\u4f5c\u6210\u3057\u305f\u753b\u9762\u306e\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=\"357\" data-attachment-id=\"3742\" data-permalink=\"https:\/\/taki-lab.site\/bocci\/?attachment_id=3742\" data-orig-file=\"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/07\/Screenshot-from-2020-07-30-10-41-10.png?fit=1112%2C838&amp;ssl=1\" data-orig-size=\"1112,838\" 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-2020-07-30-10-41-10\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/07\/Screenshot-from-2020-07-30-10-41-10.png?fit=474%2C357&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/07\/Screenshot-from-2020-07-30-10-41-10.png?resize=474%2C357&#038;ssl=1\" alt=\"\" class=\"wp-image-3742\" srcset=\"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/07\/Screenshot-from-2020-07-30-10-41-10.png?resize=1024%2C772&amp;ssl=1 1024w, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/07\/Screenshot-from-2020-07-30-10-41-10.png?resize=300%2C226&amp;ssl=1 300w, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/07\/Screenshot-from-2020-07-30-10-41-10.png?resize=768%2C579&amp;ssl=1 768w, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/07\/Screenshot-from-2020-07-30-10-41-10.png?w=1112&amp;ssl=1 1112w, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/07\/Screenshot-from-2020-07-30-10-41-10.png?w=948&amp;ssl=1 948w\" sizes=\"auto, (max-width: 474px) 100vw, 474px\" \/><\/figure>\n\n\n\n<p>Edit\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u3068\u304d\u306e\u3001\u9077\u79fb\u5148\u306e\u753b\u9762\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u307e\u305a\u306f\u3001\u753b\u9762\u9077\u79fb\u306e\u3068\u3053\u308d\u3092\u4f5c\u6210\u3059\u308b\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>EatingListComponent.vue\n\n                        &lt;td class=\"edit\">&lt;a @click=\"onClickEdit(data.date)\">Edit&lt;\/a>&lt;\/td>\n\n\nexport default {\n    data() {\n        return {\n            url: \"eating\/detail\"\n        };\n    },\n    methods: {\n        onClickEdit: function(date) {\n            window.location = this.url + \"\/\" + date;\n        },\n<\/code><\/pre>\n\n\n\n<p>Edit\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001onClickEdit()\u304c\u5b9f\u884c\u3055\u308c\u3001window.location\u306bURL\u3092\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u3067\u3001\u305d\u306eURL\u306b\u9077\u79fb\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3067\u3001\u9077\u79fb\u5148\u306e\u753b\u9762\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>web.php\n\nRoute::get('\/eating\/detail\/{date}', 'Eating\\EatingController@detail')->name('eating\/detail');\n<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>EatingController.php\n\nclass EatingController extends Controller\n{\n    public function detail($date)\n    {\n        return view('eatingdetail', &#91;'date' => $date]);\n    }\n<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>eatingdetail.blade.php\n\n@extends('layouts.app')\n\n@section('content')\n&lt;div class=\"container\">\n    &lt;div class=\"row\">\n        &lt;div class=\"col-md-8 col-md-offset-2\">\n            &lt;div class=\"panel panel-default\">\n                &lt;div class=\"panel-heading\">\u98df\u4e8b\u7ba1\u7406&lt;\/div>\n\n                &lt;div class=\"panel-body\">\n                    @if (session('status'))\n                        &lt;div class=\"alert alert-success\">\n                            {{ session('status') }}\n                        &lt;\/div>\n                    @endif\n                &lt;\/div>\n                &lt;eating-detail-component date={{$date}}>&lt;\/eating-detail-component>\n            &lt;\/div>\n        &lt;\/div>\n    &lt;\/div>\n&lt;\/div>\n@endsection\n<\/code><\/pre>\n\n\n\n<p>\u8a73\u7d30\u753b\u9762\u306eURL\u306feating\/detail\/(\u65e5\u4ed8)\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3053\u306e(\u65e5\u4ed8)\u306e\u90e8\u5206\u304c\u5de1\u308a\u5de1\u3063\u3066\u3001eating-detail-component\u306b\u6e21\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>&lt;eating-detail-component date={{$date}}>&lt;\/eating-detail-component><\/p>\n\n\n\n<p>\u3053\u3053\u3067\u4e00\u5ea6\u8a70\u307e\u3063\u305f\u3002<\/p>\n\n\n\n<p>:date={{$date}}\u3068\u66f8\u3044\u3066\u306f\u30c0\u30e1\u307f\u305f\u3044\u3002<\/p>\n\n\n\n<p>\u3067\u3001\u8868\u793a\u3059\u308b\u30c7\u30fc\u30bf\u306e\u53d6\u5f97\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>class EatingManagementRepository\n{\n    private $paramNames = &#91;'date', 'item', 'protein', 'liqid', 'carbo', 'calorie'];\n\n    public function getDetails($user, $date)\n    {\n        $eatings = $user->EatingManagements()\n            ->where(DB::raw('date_format(date, \"%Y-%m-%d\")'), $date)\n            ->get();\n        \n        $retDatas = &#91;];\n        $index = &#91;0, 0, 0, 0];\n        foreach($eatings as $eating) {\n            $timezone = $eating->timezones()->first();\n            for($j = 1; $j &lt; count($this->paramNames); $j++) {\n                $retDatas&#91;$timezone->id - 1]&#91;$index&#91;$timezone->id - 1]]&#91;$this->paramNames&#91;$j]] = $eating->{$this->paramNames&#91;$j]};\n            }\n            $index&#91;$timezone->id - 1]++;\n        }\n        return $retDatas;\n    }\n<\/code><\/pre>\n\n\n\n<p>\u4eca\u56de\u3082\u304b\u306a\u308a\u30ab\u30aa\u30b9\u306a\u51e6\u7406\u3002<\/p>\n\n\n\n<p>\u6642\u9593\u5e2f\u306b\u3088\u3063\u3066\u30c7\u30fc\u30bf\u3092\u5206\u3051\u305f\u304b\u3063\u305f\u306e\u3067\u3001<\/p>\n\n\n\n<p>retData[\u6642\u9593\u5e2f\u756a\u53f7][index][\u8a73\u7d30\u30c7\u30fc\u30bf]<\/p>\n\n\n\n<p>\u3068\u3044\u3046\u5f62\u306b\u30c7\u30fc\u30bf\u3092\u4f5c\u6210\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u8a73\u7d30\u30c7\u30fc\u30bf\u306e\u9023\u60f3\u914d\u5217\u306e\u540d\u524d\u306f\u3001\u5b9a\u7fa9\u6e08\u307f\u306e$paramNames\u306e\u5024\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3053\u308c\u3092API\u3067\u547c\u3073\u51fa\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>class ApiController extends Controller\n{\n    \/**\n     * \u4e00\u65e5\u5206\u306e\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3059\u308b\n     *\/\n    public function detail(Request $request)\n    {\n        return response()->json(&#91;'dataLists' => $this->eatingManagement->getDetails(Auth::user(), $request->contents&#91;'date'])]);\n    }\n<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>web.php\n\nRoute::post('api\/eating\/detail', 'Eating\\ApiController@detail');\n<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;template>\n    &lt;div>\n        &lt;div>\n            &lt;p id=\"navi\">> &lt;a href=\"\/home\">HOME&lt;\/a> \/ &lt;a href=\"\/eating\">\u98df\u4e8b\u7ba1\u7406&lt;\/a>&lt;\/p>\n            &lt;p>{{date}}&lt;\/p>\n            &lt;table class=\"eatingdetail\">\n                &lt;caption>\u671d&lt;\/caption>\n                &lt;tbody>\n                    &lt;tr>\n                        &lt;th class=\"item\">\u54c1\u540d&lt;\/th>\n                        &lt;th class=\"protein\">\u30bf\u30f3\u30d1\u30af\u8cea&lt;\/th>\n                        &lt;th class=\"liqid\">\u8102\u8cea&lt;\/th>\n                        &lt;th class=\"carbo\">\u70ad\u6c34\u5316\u7269&lt;\/th>\n                        &lt;th class=\"calorie\">\u30ab\u30ed\u30ea\u30fc&lt;\/th>\n                        &lt;th class=\"edit\">&lt;\/th>\n                    &lt;\/tr>\n                    &lt;tr v-for=\"data in datalists&#91;0]\">\n                        &lt;td class=\"item\">{{ data.item}}&lt;\/td>\n                        &lt;td class=\"protein\">{{ data.protein}}&lt;\/td>\n                        &lt;td class=\"liqid\">{{ data.liqid}}&lt;\/td>\n                        &lt;td class=\"carbo\">{{ data.carbo}}&lt;\/td>\n                        &lt;td class=\"calorie\">{{ data.calorie}}&lt;\/td>\n                        &lt;td class=\"edit\">&lt;a @click=\"onClickEdit(data.date)\">Edit&lt;\/a>&lt;\/td>\n                    &lt;\/tr>\n                &lt;\/tbody>\n            &lt;\/table>\n            &lt;table class=\"eatingdetail\">\n                &lt;caption>\u663c&lt;\/caption>\n                &lt;tbody>\n                    &lt;tr>\n                        &lt;th class=\"item\">\u54c1\u540d&lt;\/th>\n                        &lt;th class=\"protein\">\u30bf\u30f3\u30d1\u30af\u8cea&lt;\/th>\n                        &lt;th class=\"liqid\">\u8102\u8cea&lt;\/th>\n                        &lt;th class=\"carbo\">\u70ad\u6c34\u5316\u7269&lt;\/th>\n                        &lt;th class=\"calorie\">\u30ab\u30ed\u30ea\u30fc&lt;\/th>\n                        &lt;th class=\"edit\">&lt;\/th>\n                    &lt;\/tr>\n                    &lt;tr v-for=\"data in datalists&#91;1]\">\n                        &lt;td class=\"item\">{{ data.item}}&lt;\/td>\n                        &lt;td class=\"protein\">{{ data.protein}}&lt;\/td>\n                        &lt;td class=\"liqid\">{{ data.liqid}}&lt;\/td>\n                        &lt;td class=\"carbo\">{{ data.carbo}}&lt;\/td>\n                        &lt;td class=\"calorie\">{{ data.calorie}}&lt;\/td>\n                        &lt;td class=\"edit\">&lt;a @click=\"onClickEdit(data.date)\">Edit&lt;\/a>&lt;\/td>\n                    &lt;\/tr>\n                &lt;\/tbody>\n            &lt;\/table>\n            &lt;table class=\"eatingdetail\">\n                &lt;caption>\u591c&lt;\/caption>\n                &lt;tbody>\n                    &lt;tr>\n                        &lt;th class=\"item\">\u54c1\u540d&lt;\/th>\n                        &lt;th class=\"protein\">\u30bf\u30f3\u30d1\u30af\u8cea&lt;\/th>\n                        &lt;th class=\"liqid\">\u8102\u8cea&lt;\/th>\n                        &lt;th class=\"carbo\">\u70ad\u6c34\u5316\u7269&lt;\/th>\n                        &lt;th class=\"calorie\">\u30ab\u30ed\u30ea\u30fc&lt;\/th>\n                        &lt;th class=\"edit\">&lt;\/th>\n                    &lt;\/tr>\n                    &lt;tr v-for=\"data in datalists&#91;2]\">\n                        &lt;td class=\"item\">{{ data.item}}&lt;\/td>\n                        &lt;td class=\"protein\">{{ data.protein}}&lt;\/td>\n                        &lt;td class=\"liqid\">{{ data.liqid}}&lt;\/td>\n                        &lt;td class=\"carbo\">{{ data.carbo}}&lt;\/td>\n                        &lt;td class=\"calorie\">{{ data.calorie}}&lt;\/td>\n                        &lt;td class=\"edit\">&lt;a @click=\"onClickEdit(data.date)\">Edit&lt;\/a>&lt;\/td>\n                    &lt;\/tr>\n                &lt;\/tbody>\n            &lt;\/table>\n            &lt;table class=\"eatingdetail\">\n                &lt;caption>\u9593\u98df&lt;\/caption>\n                &lt;tbody>\n                    &lt;tr>\n                        &lt;th class=\"item\">\u54c1\u540d&lt;\/th>\n                        &lt;th class=\"protein\">\u30bf\u30f3\u30d1\u30af\u8cea&lt;\/th>\n                        &lt;th class=\"liqid\">\u8102\u8cea&lt;\/th>\n                        &lt;th class=\"carbo\">\u70ad\u6c34\u5316\u7269&lt;\/th>\n                        &lt;th class=\"calorie\">\u30ab\u30ed\u30ea\u30fc&lt;\/th>\n                        &lt;th class=\"edit\">&lt;\/th>\n                    &lt;\/tr>\n                    &lt;tr v-for=\"data in datalists&#91;3]\">\n                        &lt;td class=\"item\">{{ data.item}}&lt;\/td>\n                        &lt;td class=\"protein\">{{ data.protein}}&lt;\/td>\n                        &lt;td class=\"liqid\">{{ data.liqid}}&lt;\/td>\n                        &lt;td class=\"carbo\">{{ data.carbo}}&lt;\/td>\n                        &lt;td class=\"calorie\">{{ data.calorie}}&lt;\/td>\n                        &lt;td class=\"edit\">&lt;a @click=\"onClickEdit(data.date)\">Edit&lt;\/a>&lt;\/td>\n                    &lt;\/tr>\n                &lt;\/tbody>\n            &lt;\/table>\n        &lt;\/div>\n    &lt;\/div>\n&lt;\/template>\n\n&lt;script>\nexport default {\n    props: {\n        date: String\n    },\n    data() {\n        return {\n            showInputDialogContent: false,\n            showEditDialogContent: false,\n            showDeleteDialogContent: false,\n            datalists: &#91;],\n            param: {},\n            contents: {\n                date: \"\",\n            },\n        };\n    },\n    created: function() {\n        this.updateList();\n    },\n    methods: {\n        onClickEdit: function(date) {\n        },\n        invokeUpdateList: function() {\n        },\n        updateList: function() {\n            this.datalists = &#91;];\n            this.contents.date = this.date;\n            this.param.contents = this.contents;\n            var self = this;\n            axios.post('\/api\/eating\/detail', this.param).then(function(response){\n                response.data.dataLists.forEach(element => {\n                    var data = &#91;];\n                    element.forEach(element2 => {\n                        data.push({\n                            item: element2.item,\n                            protein: element2.protein,\n                            liqid: element2.liqid,\n                            carbo: element2.carbo,\n                            calorie: element2.calorie\n                        })\n                    })\n                    self.datalists.push(data);\n                });\n            }).catch(function(error){\n            });\n        }\n    }\n}\n&lt;\/script>\n<\/code><\/pre>\n\n\n\n<p>response\u306e\u51e6\u7406\u304c\u30cd\u30b9\u30c8\u306b\u306a\u308b\u3068\u3044\u3046\u3001\u307e\u305f\u307e\u305f\u30ab\u30aa\u30b9\u306a\u51e6\u7406\u3002<\/p>\n\n\n\n<p>\u3067\u3082\u3053\u308c\u3067JS\u5074\u3067\u3082datalists[\u6642\u9593\u5e2fID][index].\u8a73\u7d30\u30c7\u30fc\u30bf\u3068\u3044\u3046\u5f62\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3053\u308c\u3092\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u8868\u793a\u3055\u305b\u308c\u3070\u826f\u3044\u3002<\/p>\n\n\n\n<figure class=\"wp-block-gallery columns-1 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"474\" height=\"357\" data-attachment-id=\"3792\" data-permalink=\"https:\/\/taki-lab.site\/bocci\/?attachment_id=3792\" data-orig-file=\"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/08\/Screenshot-from-2020-08-04-09-30-31.png?fit=1112%2C838&amp;ssl=1\" data-orig-size=\"1112,838\" 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-2020-08-04-09-30-31\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/08\/Screenshot-from-2020-08-04-09-30-31.png?fit=474%2C357&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/08\/Screenshot-from-2020-08-04-09-30-31.png?resize=474%2C357&#038;ssl=1\" alt=\"\" data-id=\"3792\" class=\"wp-image-3792\" srcset=\"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/08\/Screenshot-from-2020-08-04-09-30-31.png?resize=1024%2C772&amp;ssl=1 1024w, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/08\/Screenshot-from-2020-08-04-09-30-31.png?resize=300%2C226&amp;ssl=1 300w, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/08\/Screenshot-from-2020-08-04-09-30-31.png?resize=768%2C579&amp;ssl=1 768w, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/08\/Screenshot-from-2020-08-04-09-30-31.png?w=1112&amp;ssl=1 1112w, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/08\/Screenshot-from-2020-08-04-09-30-31.png?w=948&amp;ssl=1 948w\" sizes=\"auto, (max-width: 474px) 100vw, 474px\" \/><\/figure><\/li><\/ul><\/figure>\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\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u524d\u56de\u307e\u3067\u306e\u72b6\u6cc1\u306f\u3053\u3061\u3089\u3002 \u6700\u65b0\u30bd\u30fc\u30b9\u306f\u3053\u3061\u3089(gitHub) https:\/\/github.com\/takishita2nd\/diet-mng \u4eca\u56de\u306f\u3053\u306e\u753b\u9762\u3092\u4f5c\u6210\u3057\u3066\u3044\u304d\u307e\u3059\u3002 \u524d\u56de\u4f5c\u6210\u3057\u305f\u753b\u9762\u306e\u3001 Edit\u3092\u30af\u30ea\u30c3\u30af &hellip; <a href=\"https:\/\/taki-lab.site\/bocci\/?p=3791\" class=\"more-link\">\u7d9a\u304d\u3092\u8aad\u3080 <span class=\"screen-reader-text\">\u3010\u30c0\u30a4\u30a8\u30c3\u30c8\u652f\u63f4\u3011\u3010\u98df\u4e8b\u7ba1\u7406\u3011\u30c7\u30fc\u30bf\u8a73\u7d30\u51e6\u7406\u3092\u4f5c\u6210\u3059\u308b\u3002<\/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_post_was_ever_published":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":"","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}},"categories":[167,3],"tags":[138,193],"class_list":["post-3791","post","type-post","status-publish","format-standard","hentry","category-laravel","category-3","tag-laravel","tag-193"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8SDbY-Z9","jetpack-related-posts":[{"id":3073,"url":"https:\/\/taki-lab.site\/bocci\/?p=3073","url_meta":{"origin":3791,"position":0},"title":"\u3010Laravel\u3011\u3010\u30c0\u30a4\u30a8\u30c3\u30c8\u652f\u63f4\u3011\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u753b\u9762\u3092\u4f5c\u6210\u3059\u308b","author":"taki","date":"2020\u5e745\u670827\u65e5","format":false,"excerpt":"\u6700\u65b0\u30bd\u30fc\u30b9\u306f\u3053\u3061\u3089(gitHub) https:\/\/github.com\/takishita2nd\/\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\/05\/Screenshot-from-2020-05-27-08-09-13-2.png?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/05\/Screenshot-from-2020-05-27-08-09-13-2.png?resize=350%2C200 1x, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/05\/Screenshot-from-2020-05-27-08-09-13-2.png?resize=525%2C300 1.5x, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/05\/Screenshot-from-2020-05-27-08-09-13-2.png?resize=700%2C400 2x, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/05\/Screenshot-from-2020-05-27-08-09-13-2.png?resize=1050%2C600 3x"},"classes":[]},{"id":3821,"url":"https:\/\/taki-lab.site\/bocci\/?p=3821","url_meta":{"origin":3791,"position":1},"title":"\u3010\u30c0\u30a4\u30a8\u30c3\u30c8\u652f\u63f4\u3011\u3010\u98df\u4e8b\u7ba1\u7406\u3011\u30c7\u30fc\u30bf\u8a73\u7d30\u304b\u3089\u5165\u529b\u51e6\u7406\u3092\u4f5c\u6210\u3059\u308b\u3002","author":"taki","date":"2020\u5e748\u67088\u65e5","format":false,"excerpt":"\u524d\u56de\u307e\u3067\u306e\u72b6\u6cc1\u306f\u3053\u3061\u3089\u3002 https:\/\/taki-lab.site\/bocci\/?p=3791 \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\/08\/Screenshot-from-2020-08-08-08-59-13.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/08\/Screenshot-from-2020-08-08-08-59-13.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/08\/Screenshot-from-2020-08-08-08-59-13.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/08\/Screenshot-from-2020-08-08-08-59-13.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/08\/Screenshot-from-2020-08-08-08-59-13.png?resize=1050%2C600&ssl=1 3x"},"classes":[]},{"id":3094,"url":"https:\/\/taki-lab.site\/bocci\/?p=3094","url_meta":{"origin":3791,"position":2},"title":"\u3010LARAVEL\u3011\u3010\u30c0\u30a4\u30a8\u30c3\u30c8\u652f\u63f4\u3011\u5165\u529b\u30c0\u30a4\u30a2\u30ed\u30b0\u753b\u9762\u3092\u4f5c\u6210\u3059\u308b","author":"taki","date":"2020\u5e745\u670828\u65e5","format":false,"excerpt":"\u524d\u56de\u306e\u72b6\u6cc1\u306f\u3053\u3061\u3089 https:\/\/taki-lab.site\/bocci\/?p=3073 \u6700\u65b0\u30bd\u30fc\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\/05\/Screenshot-from-2020-05-27-11-48-50.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/05\/Screenshot-from-2020-05-27-11-48-50.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/05\/Screenshot-from-2020-05-27-11-48-50.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/05\/Screenshot-from-2020-05-27-11-48-50.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":4928,"url":"https:\/\/taki-lab.site\/bocci\/?p=4928","url_meta":{"origin":3791,"position":3},"title":"\u3010\u30c0\u30a4\u30a8\u30c3\u30c8\u652f\u63f4\u3011\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u51e6\u7406(Vue.js\u5074)","author":"taki","date":"2021\u5e741\u670818\u65e5","format":false,"excerpt":"https:\/\/taki-lab.site\/bocci\/?p=4877 \u3053\u3061\u3089\u306e\u8a18\u4e8b\u3092\u53c2\u8003\u306b\u3057\u307e\u3057\u305f\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\/2021\/01\/localhost_8000_homePixel-2-XL-1.png?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2021\/01\/localhost_8000_homePixel-2-XL-1.png?resize=350%2C200 1x, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2021\/01\/localhost_8000_homePixel-2-XL-1.png?resize=525%2C300 1.5x, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2021\/01\/localhost_8000_homePixel-2-XL-1.png?resize=700%2C400 2x, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2021\/01\/localhost_8000_homePixel-2-XL-1.png?resize=1050%2C600 3x, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2021\/01\/localhost_8000_homePixel-2-XL-1.png?resize=1400%2C800 4x"},"classes":[]},{"id":3586,"url":"https:\/\/taki-lab.site\/bocci\/?p=3586","url_meta":{"origin":3791,"position":4},"title":"\u3010LARAVEL\u3011\u3010\u30c0\u30a4\u30a8\u30c3\u30c8\u652f\u63f4\u3011\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306b\u98df\u4e8b\u7ba1\u7406\u3092\u8ffd\u52a0\u3059\u308b","author":"taki","date":"2020\u5e747\u670814\u65e5","format":false,"excerpt":"\u524d\u56de\u307e\u3067\u306e\u72b6\u6cc1\u306f\u3053\u3061\u3089 https:\/\/taki-lab.site\/bocci\/?p=3549 \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\/07\/06896ae217236d1ede12faaa3a1c95b3.png?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/07\/06896ae217236d1ede12faaa3a1c95b3.png?resize=350%2C200 1x, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/07\/06896ae217236d1ede12faaa3a1c95b3.png?resize=525%2C300 1.5x, https:\/\/i0.wp.com\/taki-lab.site\/bocci\/wp-content\/uploads\/2020\/07\/06896ae217236d1ede12faaa3a1c95b3.png?resize=700%2C400 2x"},"classes":[]},{"id":3117,"url":"https:\/\/taki-lab.site\/bocci\/?p=3117","url_meta":{"origin":3791,"position":5},"title":"\u3010LARAVEL\u3011\u3010\u30c0\u30a4\u30a8\u30c3\u30c8\u652f\u63f4\u3011\u30c7\u30fc\u30bf\u4e00\u89a7\u753b\u9762\u3092\u4f5c\u6210\u3059\u308b","author":"taki","date":"2020\u5e745\u670830\u65e5","format":false,"excerpt":"\u524d\u56de\u307e\u3067\u306e\u72b6\u6cc1\u306f\u3053\u3061\u3089\u3002 https:\/\/taki-lab.site\/bocci\/?p=3094 \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\/05\/20541da3eb40aa16f68e5f4544e3426a.jpg?resize=350%2C200","width":350,"height":200},"classes":[]}],"jetpack_likes_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/taki-lab.site\/bocci\/index.php?rest_route=\/wp\/v2\/posts\/3791","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=3791"}],"version-history":[{"count":1,"href":"https:\/\/taki-lab.site\/bocci\/index.php?rest_route=\/wp\/v2\/posts\/3791\/revisions"}],"predecessor-version":[{"id":3793,"href":"https:\/\/taki-lab.site\/bocci\/index.php?rest_route=\/wp\/v2\/posts\/3791\/revisions\/3793"}],"wp:attachment":[{"href":"https:\/\/taki-lab.site\/bocci\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3791"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taki-lab.site\/bocci\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3791"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taki-lab.site\/bocci\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3791"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}