{"type":"rich","author_url":"https://blog.hatena.ne.jp/phytoyasu/","blog_url":"https://phytoyasu.hatenablog.com/","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fphytoyasu.hatenablog.com%2Fentry%2F2021%2F10%2F09%2F172703\" title=\"\u3010Rails+Vue\u3011\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u4f5c\u6210 - phytoyasu\u306e\u30d6\u30ed\u30b0\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","provider_url":"https://hatena.blog","width":"100%","height":"190","version":"1.0","image_url":null,"blog_title":"phytoyasu\u306e\u30d6\u30ed\u30b0","published":"2021-10-09 17:27:03","url":"https://phytoyasu.hatenablog.com/entry/2021/10/09/172703","author_name":"phytoyasu","provider_name":"Hatena Blog","description":"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u4f5c\u6210 \u521d\u3081\u304b\u3089\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u308b\u5834\u5408 % rails new todo_sample --webpack=vue Rails\u30a2\u30d7\u30ea\u306b\u9014\u4e2d\u304b\u3089Vue\u3092\u5c0e\u5165\u3059\u308b\u5834\u5408 % bin/rails webpacker:install % bin/rails webpacker:install:vue \u958b\u767a\u74b0\u5883\u30b5\u30fc\u30d0\u30fc\u306e\u8a2d\u5b9a foreman\u3067rails server\u3068webpack-dev-server\u306e\u8d77\u52d5\u3092\u4e00\u3064\u306e\u30b3\u30de\u30f3\u30c9\u3067\u5b9f\u884c\u3059\u308b gem 'foreman' \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30eb\u30fc\u30c8\u306b\u8a2d\u5b9a\u7528\u306eProcfile\u3092\u4f5c\u6210 # Procfile rails: bundle exec rails s -p\u2026","categories":["Ruby/Rails","Vue.js"],"title":"\u3010Rails+Vue\u3011\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u4f5c\u6210"}