Railsで作成したWebアプリで動的に入力フォームを追加したり削除したりできるようにしたのでその手順をメモします。ここではテーブルの各セルが入力フォームとなっているような場合に、新しい入力フォームとなる行を動的に追加したり、削除したりできるようにしています。親モデルと子モデルにはhas_may関係があります。以下が動作イメージです。new」ボタンをクリックするとテーブルに新しい行が入力フォームとして追加されます。各行のActionカラムにある「Delete」をクリックすると、その行を削除します。今回は以下URLの「nested_form_fields」というgemを使用しており、実装手順も以下URLに書いてある手順を参考にしています。2.2.2以降で説明に使用するWebアプリの概要としては、ホテル情報を登録、更新したり、登録したホテル情報を検索できるようなWebアプリです。Hotelモデルが親モデルとしてあり、RoomtypeモデルがHotelモデルの子モデル(has_many関連)となっています。各モデルは以下のようになっています。:hotelendnested_form_fieldsのインストールまずはじめに「nested_form_fields」というGemを導入します。'nested_form_fields'インストールします。bundlそして以下をapp/assets/javascripts/application.jsに追記します。nested_form_fieldこれで「nested_form_fields」のインストールは完了です。Viewの編集ここではHotelモデルの編集画面にて、子モデルであるRoomtypeモデルの入力フォームを動的に追加、削除できるようにします。そのためにedit.html.erbを以下のように編集します。%>上記のnested_fields_forからRoomtypeモデルのフォーム生成部分になります。remove_nested_fields_linkは入力フォームを削除するためのボタン、add_nested_fields_linkは入力フォームを新規追加するためのボタンを生成します。注意点は以下の3点です。動的に追加したいフォームの要素をwrapper_tag:で指定すること。上記の例ではwrapper_tag:としてtrを指定しています。これによってnested_fields_forの中にあるtd要素を含むtr要素が生成されます。remove_nested_fields_linkはnested_fields_forの中に配置することadd_nested_fields_linkはnested_fields_forの外に配置することf.nested_fields_forに対応する部分として以下のようなHTMLが生成されます。Parametersで許可する必要があります。Controllerの編集はこれだけです。)endModelの編集モデルではaccepts_nested_attributes_forの部分を追記します。この行を追記end以上で完了です。間違いやより良い方法などがありましたら教えて頂ければと思います。新しいWebアプリケーションを作った時にテストとしてブラウザの操作を自分で行うことがあると思います。大規模なアプリケーションとなると操作する回数も増え大変になってしまいます。LinuxでUbuntuを使いはじめ、その中にrbenvとruby環境を構築したのでその手順をメモします。Googleスプレッドシートを自分で作成したRubyコードから読み込んだり、書き込んだりするためのコードについてまとめます。17:41記事を拝見いたしました。03:26ありがとうございます。参考にさせていただきました。『Controllerの編集』の節に以下の誤植を見つけましたので報告いたします。コメントをキャンセルメールアドレスが公開されることはありません。virtualiment。