Tanaka on Rails

行動・努力・俯瞰

2022-04-01から1ヶ月間の記事一覧

複数のデータを削除する方法 〜 destroy_all

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

オリジナルなルーティングを作る方法 〜 collectionとmemberの違い

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

Vue.jsでデータ情報が無い時(空配列)に「No Data」と表示するように設定する

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: {…

2つの配列をindexを基準に合成する方法

単純に配列の後ろに追加する場合 例えば... 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形式で送られたデータから新たに配列を作り直す方法

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