gem 'ruby-dmm', '~> 0.2.0'

 task get_info: :environment do
   #DMMアフィリエイトプログムに登録して取得
   api_key = ENV["dmm_api_key"]
   affi_id = ENV["dmm_affiliate_id"]
   cli = DMM.new(:api_id => api_key, :affiliate_id => affi_id, :result_only => true)

   #キーワードにマッチする情報を取得
   response = cli.product(:site => 'FANZA', :keyword => "キーワード",:floor_code => 'videoa')

   #適当に返ってきたデータから欲しい情報を抜き出す
   #リファレンスはhttps://affiliate.dmm.com/api/v3/itemlist.html
   (response.result[:items] || []).each do |item|
     title = item[:title]
     img = item[:imageURL][:small]
     video = Video.create(title: title, img: img)
     actresses = item[:iteminfo][:actress]
     actresses.each do |actress|
       actress_id = actress[:id].to_s
       name = actress[:name]
       video.actresses.build
       actress_model = Actress.find_or_create_by(name: name, actress_id: actress_id)
       video.actresses << actress_model
       video.save
     end
   end
  end

  import axios from 'axios';
  ///csrftokenをセット//////////
  const csrfToken = document.querySelector('meta[name="csrftoken"]').getAttribute('content')
  axios.defaults.headers.common['X-CSRF-Token'] = csrfToken

  export function createRating(rating) {
    return axios.post(`/ratings`, rating)
        .then(function (response){
            return response.data
        })
        .catch(function(error){
            console.log(error);
        })
  }

  import Vue from 'vue/dist/vue.js';
  import StarRating from 'vue-star-rating'
  const Api = require('./api')

  const app = new Vue({
    data: {
      rating: {
        content: 0,
        picture: 0,
        distance: 0,
        body: "",
      },
    },
    methods: {
      createRating: function(event) {
        if(0 < this.rating.content && 0 < this.rating.picture && 0 < this.rating.distance){
          Api.createRating(this.rating).then(function(response){
            //適当にメッセージなど
          })
        } 
      },
    }
  })

  <div class="input-field>
    内容
    <star-rating v-model="rating.content" v-bind:increment="0.5" v-bind:star-size="25" >
    画質
    <star-rating v-model="rating.picture" v-bind:increment="0.5" v-bind:star-size="25" >
    距離感
    <star-rating v-model="rating.distance" v-bind:increment="0.5" v-bind:star-size="25" >
  </div>
  <div class="input_field">
    <textarea-autosize
        placeholder="コメント(なしでもいい)"
        v-model="rating.body"
        :min-height="30"
        :max-height="350"
        @blur.native="onBlurTextarea"
        class="input_rating-body"
    ></textarea-autosize>
  </div>
  <div>
    <button @click.prevent="createRating($event)" class="btn-rating-submit">
      送信 
    </button>
  </div>

  ##import js file
  <%= javascript_pack_tag 'ratingPost' %>