ボタンの他にメニュー領域以外をタップしても閉じます。Drawerhttps://github.com/blivesta/drawer/http://git.blivesta.com/drawer/読み込みCDNを読み込む方法で行いました。iScrollはメニュー部分のスクロールを行うプラグインです。‘jquery-rails’を入れています。クラスを指定しています。すると上からドロワーメニューが出てきます。'drawer-menu-item'%></li></ul></nav></div></header>レスポンシブなヘッダーになっていて、デフォルトのブレイクポイントは次の通りです。!default;jQuery基本はこれだけで動作します。{$('.drawer').drawer();});その他オプションは次の通りです。‘devise’、CSSフレームワークには’devise-bootstrap-views’を使っています。'jquery-rails'以下のコマンドでdeviseのインストールから、セットアップまで行います。devise:views:bootstrap_templatesAssets必要なアセットを読み込ませていきます。jqueryjQuery基本形はこちらですが、その他オプションはドキュメントをどうぞ。123$(document).ready(function(){$("#validate_id").validationEngine();});Viewsフォームにidを設定し、それぞれの入力フィールドにバリデーションを設定していきます。%>ちなみにsimple_formを使っている場合は、このような感じなるかと思います。%>あとはhttps://localhost:3000/users/sign_upにアクセスして、動作を確認して下さい。https://github.com/posabsolute/jQuery-Validation-Engine/blob/master/js/languages/jquery.validationEngine-ja.js以上です。