複数のデータを削除する場合... @tasks.each do |task| task.destroy end となります。 これを簡単に書き換えると... @task.destroy_all とすることができます。 参考 pikawaka.com

collectionとは?memberとは? resources以外で独自アクションを定義したい場合はcollectionとmemberを使用します。 違いは:idをつける時はmember、付けない時はcollectionということ。 collectionを使う config.routes.rb resources :tasks do collection do …

v-ifを使う taskというデータの入れ物がある状態でからの場合は「No Data」を表示し、axiosなどで情報を取得したときにはそのデータをそのまま表示をしたいケースを想定してみます。 <template> <div> <div v-if="task.length===0"> <h1>No Data</h1> </div> <div v-else"> <h1>{{ task }}</h1> </div> </div> </template> export default { data() { return { task: {…

単純に配列の後ろに追加する場合 例えば... array_a = [ "a", "b", "c", "d" ] array_b = [ 1, 2, 3, 4 ] という2つの配列があるとします。 単純に後ろに繋ぎたい場合は... array_a.push(array_b) => [ "a", "b", "c", "d", [ 1, 2, 3, 4 ] ] #pushだけだと…

json形式でデータを受け取る 私はRuby on railsをバックエンドでVue.jsをフロントエンドとしてアプリケーション開発を行なっています。 Vueファイルの中でaxiosを使用してRailsでデータを呼び出すという形式を取っています。 Rails内で処理されたデータはjso…

axiosとは？ まず前提としてaxiosはVueファイルからRailsなどのバックエンドでの処理を呼び出す際に使用します。 例えば config/routes.rb Rails.application.routes.draw do namespace :api do namespace :v1 do resources :tasks do end end end というル…

久しくブログでのアウトプットを怠っていました。 気持ちを改めて本日からまたできるだけ毎日投稿していこうと思います！ Herokuデプロイで生じた問題 アプリケーション開発で躓いた部分としてHerokuにてデプロイする際に何故かフロントエンドがうまく機能し…