質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

MySQL

MySQL(マイエスキューエル)は、TCX DataKonsultAB社などが開発するRDBMS(リレーショナルデータベースの管理システム)です。世界で最も人気の高いシステムで、オープンソースで開発されています。MySQLデータベースサーバは、高速性と信頼性があり、Linux、UNIX、Windowsなどの複数のプラットフォームで動作することができます。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Vagrant

Vagrantは、VirtualBox上の仮想マシンを コマンドラインから作成してくれるソフトウェアです。 ビルド環境など容易に構築が可能です。

Q&A

解決済

1回答

1806閲覧

Rails5.1.3でjavaScriptライブラリjquery UIウィジェットのTag-itの導入について

koume

総合スコア458

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

MySQL

MySQL(マイエスキューエル)は、TCX DataKonsultAB社などが開発するRDBMS(リレーショナルデータベースの管理システム)です。世界で最も人気の高いシステムで、オープンソースで開発されています。MySQLデータベースサーバは、高速性と信頼性があり、Linux、UNIX、Windowsなどの複数のプラットフォームで動作することができます。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Vagrant

Vagrantは、VirtualBox上の仮想マシンを コマンドラインから作成してくれるソフトウェアです。 ビルド環境など容易に構築が可能です。

0グッド

0クリップ

投稿2017/08/28 09:37

編集2017/08/28 09:49

Rails5.1.3でのjquery UI ウィジェットのTag-itを使う方法を教えてください。
途中まではできましたが、Tag-itを組み込む時にわからなかったので詳しい方に教えていただければと思います。
実行したこと(jqueryは jquery-ui-rails-6.0.1 です。)
http://aehlke.github.io/tag-it/を開き「Download」しzipファイルを保存。
・展開したディレクトリのjsディレクトリにあるtag-it.jsファイルをvender/assets/javascriptsディレクトリにコピー。
・展開したディレクトリのcssディレクトリにあるjquery.tagit.cssファイルをvender/assets/stylesheetsディレクトリにコピー。
以上は行いました。

続いてTag-itを組み込もうとしたのですがここからわからないので教えてください。
Rails4では以下で組み込めるようなのですが・・・

app/assets/javascripts/staff.js //= require jquery //= require jquery_ujs //= require turbolinks //= require jquery.ui.all #.allを追加記述。 //= require jquery.ui.datepicker-ja //= require tag-it #この1行を追記。 //= require_tree ./shared //= require_tree ./staff

Rails5.1になり記述方法が変わりどう記述すればいいのか方法がわかりません。
jqueryは jquery-ui-rails-6.0.1 です。

app/assets/javascripts/staff.js //= require jquery //= require rails-ujs //= require jquery_ujs //= require jquery.turbolinks //= require turbolinks //= require jquery-ui/widgets/datepicker #単純に後末に.allを追記すればいいのか? //= require jquery-ui/i18n/datepicker-ja //= require tag-it #この行の追記はこれでいいのか? //= require_tree ./shared //= require_tree ./staff

stylesheetへの組み込みは以下でいいのか不明です。?

app/assets/stylesheets/staff.css * *= require jquery-ui/datepicker *= require jquery.tagit #この1行の記述追記でいいのか? *= require_tree ./shared *= require_tree ./staff */

調べてもわからなかったので教えてください。お願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

//= require jquery_ujsを削除するとconsoleのエラーは無くなりました。がタブ欄の入力はできないままです。

投稿2017/08/29 06:56

koume

総合スコア458

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問