マスターのメンテナンス機能やCMS系の機能を開発する際に、データの並びをユーザーが自由に設定できるようにしたいという要件はよくあります。 CakePHPとprototype.jsを使えば、ドラッグ&ドロップでデータの並びを設定することが簡単に実装できます。 今回のサンプルはこちらで確認できます。 id, name(果物名), position(position) の3カラムのfuruitsテーブルのデータを並び替えています。 方針 CakePHPではAjaxヘルパにドラッグ&ドロップのメソッドが用意されていますが、普通にjavascriptを書いたほうが簡単に実装できますので、今回はあえて自前で実装していきます。 処理の概要としては、以下のような感じです。 1.レイアウト:headタグ内でprototype.js、scriptaculous.jsを読み込む 2.ビュー:並び替えの対象用の