2021-07-01から1ヶ月間の記事一覧

コメント投稿、削除のAjax化

実装内容 コメントの投稿、削除処理をajax(remote :true)で行う。 削除ボタンのaタグにはjs-delete-comment-buttonclassを付与。 ルーティング commentsに削除を追加。 ~ resources :users resources :boards do resources :comments, only: %i[create dest…

ブックマークボタンのAjax化

Ajax ajax(Asynchronous Javascript and XML)とはjavascript,XML,DOMなどを組み合わせて非同期通信すること 同期通信では画面遷移に待ち時間があるが、非同期通信ではページの必要箇所だけ書き換えるので画面遷移がなく、スムーズな操作が行える。 実装内容 …

Rails ブックマークの実装part2

part1からの続き 中間モデルを定義したので ルーティング→コントローラ→viewと実装していきます。 ルーティングの設定 BoardモデルとBookmarkモデルが紐付いてるので、ルーティングをネストする必要がある。 commentsとbookmarksコントローラはboardsコント…

Rails ブックマークの実装part1

実装内容 掲示板の☆ボタンを押すと、その掲示板をブックマーク/解除出来る機能を作成。 ブックマークすると★解除すると☆になるようにし、フラッシュメッセージも表示させる。 同じユーザが同じ掲示板を複数回ブックマークできないようにする。 ブックマーク…