users - has_many :dreams まずは、ルーティングを以下のように設定することで、「PUT /todos/:todo_id/sort」で「todos#sort」が呼ばれるようにします。, 最後に、ストロングパラメーターに:row_order_positionの記述を追加し、並び替えの情報が受け取れるようにします。, ※通常であれば、カラム名であるrow_orderを追加すると思いますが、gemの仕様で「_position」をつけなくてはいけないらしいです。, 4.index.html.hamlにカスタムデータ値をセットする google_ad_slot = "5878895702"; https://qiita.com/ichikawa-hiroki/items/f5df892ff85afea51b8c, 大学卒業後4年間、証券会社で営業をしていました。 stopパラメーターは並び替えが終了したときに呼び出されます。 きちんとドラッグ&ドロップでの並び替え機能が実装されていますね。 ※個人的には、若干の挙動不備がある(並び替えをするとリスト全体が動いてしまうときがある)ので、原因がわかる方がいれば教えて欲しいと思っていますが、、 では、実際の機能の実装手順をお伝えします。 <ドラッ なぜなら、対象要素にmousemoveイベントを付与した場合、マウスを高速で移動させるとマウスカーソルが対象要素から離れてmousemoveイベントが発生しなくなるからです(mouseupも同様)。, ちなみに、target.style.width = `${targetW}px`;という記述がありますが、これは要素の移動時、つまり要素にposition: absolute;が掛かった時に要素の横幅を維持させるために記述されています。, 続いて、mousemoveイベントの処理を見ていきます。 Rails acts_as_list sortable.js. GitHub - SortableJS/Sortable amazon_ad_tag = "moongift-22"; amazon_ad_width = "728"; amazon_ad_height = "90"; amazon_ad_logo = "hide"; amazon_ad_link_target = "new"; amazon_ad_categories = "ade";//-->, , 項目ごとに並び替えができるRuby on Rails製Wikiエンジン「Wiki on Rails」, Zabbix Japanに聞いたオープンソース×ビジネスを成功させるための3つの基本, 狙われやすいサイトはどんなサイト?オープンソース×セキュリティについてペンタセキュリティシステムズに聞く, どんなソフトウェアがあるかな?2010〜13年の年間人気オープンソース・ソフトウェア、ベスト5!. 結果としてparamsの中身は{_method: ‘put’, dream: {row_order_position: 0(例)}}となります。, ★9 sortableメソッドは、デフォルトで「ターゲット要素直下の子要素全て」を並べ替えの対象とするので、今回は並べ替え対象となるlistの親要素となっている#dreams_listを選択しました。 実は2月28日から3週連続のWikiエンジン紹介だ。そう、今日もウィキサタデーからはじまりだ!, Wikiというと、一般的にページ全体の編集を行うものが多かった。が、利用範囲が多くなってくると一ページの情報量が多くなり、編集するたびにページ全体を対象にするのが重たくなってきた。そのため、パラグラム単位で編集できるWikiエンジンが登場した。, そしてさらにその一歩発展版が登場した。しかも日本製、さらに言えばRuby on RailsのWikiエンジンだ。, 今回紹介するオープンソース・ソフトウェアはWiki on Rails、日本製のシンプルなWikiエンジンだ。, Wiki on Railsはその名の通り、Ruby on Railsで作られている。Pukiwikiの記法に則って作られているので、恐らく違和感なく使えるはずだ。面白いなと思う機能はパラグラフごとの編集と、その並び替え機能だろう。, パラグラフごとの編集によって、ページ全体をテキストエリアに読み込むことがなくなる。そのため軽快に編集ができるようになる。だが項目の順番を並び替える場合はやはり全体を読み込む必要があった。しかしWiki on Railsであれば左に出る並び替え機能によってドラッグアンドドロップで項目の上下を切り替えられる。, 筆者の環境の問題かも知れないが、日本語のページタイトルが新規作成時に文字化けてしまった。手で直せば日本語のページもきちんとリンクされるので問題はない。他にページ単位での凍結機能もある。, Pukiwikiはとても便利なWikiエンジンだが、データベースを利用しないことが逆に難点とされることがある。他のシステムと柔軟に連携するならばデータベースに保存する方が良い場合もある。その際にはWiki on Railsが良い選択肢になるのではないだろうか。,