質問編集履歴

1 コードの追加

ryuryukiki

ryuryukiki score 4

2018/06/04 07:54  投稿

ruby on rails でjqueryのプラグインを実装したい
### 前提・実現したいこと
ruby on rails でjqueryのプラグインを実装したいです。
### 発生している問題・エラーメッセージ
jqueryのプラグインの導入の練習をしようと思い、railsで練習用アプリを立ち上げその中で練習しているのですが、まず「Freewall」というプラグインをダウンロードしてやり方通り導入して見たところ動かない、という感じです。他のプラグインでも同じでした。jquery-railsはちゃんとインストールされてありますし、application.jsも
```application.js  
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require_tree .
```  
 
もしっかり書いてあります。
application.html.erbの<head>内に直接プラグインのURLを読み込む方法
```application.html.erb
<head>
 <title>test-js</title>
 <%= stylesheet_link_tag   'application', media: 'all', 'data-turbolinks-track' => true %>
 <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
 <%= csrf_meta_tags %>
 <script type="text/javascript" src="freewall.js"></script>
</head>
```  
も、ファイルをダウンロードしてvendorのjavascripts内に読み込ませる方法
```application.js
//= require jquery
//= require jquery_ujs
//= require_tree ../../../vendor/assets/javascripts/.
//= require turbolinks
//= require_tree .
```
もやりました。
エラーメッセージ
urlを読み込む方法でサーバーを立ち上げたときに、chromeの検証のコンソールに
❌GET http://localhost:3000/freewall.js 404 (Not Found)
と表示されています。(他のプラグインでも同じでした)
ファイルを読み込む方法のときは何も表示されませんが普通にプラグインは動きません。
唯一プラグインが読み込まれたのはプラグインのサンプルコードを全部コピーアンドペーストした時でした。しかし今後にあたってこのゴリ押しのやり方はよくないと思ったのでプラグインを正規的な方法で導入したいです。普通のjavascriptやjqueryは動きます。プラグインの場合だけ動きません。
 
localhostでプラグインのurlを読み込むのは無理なのでしょうか?  
### 該当のソースコード
```ここに言語名を入力
ソースコード
```
### 試したこと
・上記と同じ
・jquery-railsのインストール(元からインストールされてました)
### 補足情報(FW/ツールのバージョンなど)
全て最新バージョンです。
  • JavaScript

    25665 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Ruby on Rails

    11896 questions

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

  • jQuery

    10010 questions

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

  • プラグイン

    735 questions

    プラグイン(plug-in)は、ソフトウェアアプリケーションの機能拡張の為に開発された、一組のソフトウェアコンポーネントのことを指します。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る