haayaaa https://blog.hatena.ne.jp/haayaaa/ haayaaa’s diary https://haayaaa.hatenablog.com/ API JavaScript Rails Vue.js 昨日書きかけだったapiをvueを使って表示させる部分の流れについて書いておこうと思います！ (クリックしたコメントをapiをたたいて取得してvueで表示させるだけのものです) foremanを導入 webpackerとrailsの起動を簡単にできるようにしてくれるforemanというツールを導入してみます。 gem ‘foreman’とGemfileに追記し、bundle installを行います。 /Procfileを作成し、以下のように書きます。 web: bundle exec rails server -p $PORT webpack: ./bin/webpack-dev-serve… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fhaayaaa.hatenablog.com%2Fentry%2F2019%2F09%2F29%2F202903" title="apiをvueで表示させる - haayaaa’s diary" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://i.gyazo.com/40591e9425553dde5cd8a3563a6b3fbb.gif Hatena Blog https://hatena.blog 2019-09-29 20:29:03 rich https://haayaaa.hatenablog.com/entry/2019/09/29/202903 1.0 100%