teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問ckeditorでcarriewaveを使って画像をアップする時にでるエラー

編集履歴

質問編集履歴

6

誤字

2018/05/28 13:11

投稿

wogmq
wogmq

スコア6

test CHANGED
@@ -1 +1 @@
1
- activeadmin,ckeditor,paperclipを使った画像保存の際に使われるモデル間の関連付けが出来ない
1
+ ckeditorでcarriewaveを使って画像をアップする時にでるエラー
test CHANGED
File without changes

5

誤字

2018/05/28 13:11

投稿

wogmq
wogmq

スコア6

test CHANGED
File without changes
test CHANGED
@@ -1,161 +1,27 @@
1
1
  ### 前提・実現したいこと
2
2
 
3
- rails初心者です。勉強のためblogを作っています。
3
+ acriveadminからckeditor、carriewaveを使ってs3へ画像を保存したいです。
4
4
 
5
- acriveadminからckeditor、papaerclipを使ってs3へ画像を保存しているのですが、画像保存先のテーブルに、投稿記事のidを関連付けたいです。
5
+ s3のバケットには保存されているようですが、ブラウザ上と、ターミナルでエラーが出ます。
6
6
 
7
7
 
8
8
 
9
9
  ### 発生している問題・エラーメッセージ
10
10
 
11
- ![イメージ説明](b68bb80824734a28fcf1f79c13591b19.png)
11
+ **ターミナルに表示されるエラー**
12
12
 
13
+ ![イメージ説明](7c387ab748e7d69a951464f2b91aa51a.png)
14
+
13
- ### 試したこと
15
+ **ブラウザに表示されるエラー**
16
+
17
+ ![イメージ説明](f111fb72dc7d071f157f31b0777e76d0.png)
14
18
 
15
19
 
16
20
 
17
- **ckeditorの設定**
18
-
19
- ```
20
-
21
- rails generate ckeditor:install --orm=active_record --backend=paperclip
22
-
23
- ```
24
-
25
- generateでこのようなファイルが作られました。
26
-
27
- ```
28
-
29
- Running via Spring preloader in process 3274
30
-
31
- create config/initializers/ckeditor.rb
32
-
33
- route mount Ckeditor::Engine => '/ckeditor'
34
-
35
- create app/models/ckeditor/asset.rb
36
-
37
- create app/models/ckeditor/picture.rb
38
-
39
- create app/models/ckeditor/attachment_file.rb
40
-
41
- create db/migrate/20180519221208_create_ckeditor_assets.rb
42
-
43
- ```
44
-
45
- picture.rbと関連付けしたいbookモデルを作成し、activeadminの管理画面で操作出来るように下記のコマンドを打ちました。
46
-
47
- ```
48
-
49
- rails g active_admin:resource book
50
-
51
- ```
52
-
53
- これまでに出来た２つのモデルを関連づけて、pictureにbookのidを持たせようと思いbelongs_toを追記しました。
54
-
55
- ```
56
-
57
- class Ckeditor::Picture < Ckeditor::Asset
58
-
59
- belongs_to :book
60
-
61
- has_attached_file :data,
62
-
63
- storage: :s3,
64
-
65
- s3_credentials: {
66
-
67
- access_key_id: Settings.AWS_ACCESS_KEY_ID,
68
-
69
- secret_access_key: Settings.AWS_SECRET_ACCESS_KEY,
70
-
71
- bucket: Settings.S3_BUCKET_NAME
72
-
73
- },
74
-
75
- s3_region: Settings.AWS_REGION,
76
-
77
- s3_permissions: 'public-read',
78
-
79
- s3_host_name: 's3-ap-northeast-1.amazonaws.com',
80
-
81
- s3_protocol: :https,
82
-
83
- default_url: "/images/:style/missing.png",
84
-
85
- path: '/ckeditor_assets/pictures/:id/:style_:basename.:extension',
86
-
87
- styles: { content: '600>', thumb: '118x100#' }
88
21
 
89
22
 
90
23
 
91
- validates_attachment_presence :data
92
-
93
- validates_attachment_size :data, less_than: 2.megabytes
94
-
95
- validates_attachment_content_type :data, content_type: /\Aimage/
96
24
 
97
25
 
98
26
 
99
- def url_content
100
-
101
- url(:content)
102
-
103
- end
104
-
105
- end
106
-
107
- ```
108
-
109
- 同じくbookモデルにはhas_manyを追記しました。
110
-
111
- ```
112
-
113
- class Book < ApplicationRecord
114
-
115
- 　belongs_to :author
116
-
117
- 　has_many :pictures
118
-
119
- end
120
-
121
- ```
122
-
123
-
124
-
125
- **routes.rb**はこのような設定です。
126
-
127
- ```
128
-
129
- Rails.application.routes.draw do
130
-
131
- mount Ckeditor::Engine => '/ckeditor'
132
-
133
-
134
-
135
- devise_for :admin_users, ActiveAdmin::Devise.config
136
-
137
- ActiveAdmin.routes(self)
138
-
139
-
140
-
141
- root to: 'home#index'
142
-
143
-
144
-
145
- resources :books,only: [:show] do
146
-
147
- resources :pictures
148
-
149
- end
150
-
151
-
152
-
153
- end
154
-
155
- ```
156
-
157
-
158
-
159
- 調べても調べてもどのような方法で解決できるのか分からず、困っています。
160
-
161
- すみませんが、よろしくお願いします。。
27
+ このエラーは、どういった意味なのでしょうか。。

4

文法の修正

2018/05/28 13:09

投稿

wogmq
wogmq

スコア6

test CHANGED
@@ -1 +1 @@
1
- ckeditorとpaperclipを使ってs3へ画像をアップロードする際、画像を貼り付けた記事のidを関連付けたい
1
+ activeadmin,ckeditor,paperclipを使った画像保存の際に使われるモデル間の関連付けが出来ない
test CHANGED
@@ -2,59 +2,63 @@
2
2
 
3
3
  rails初心者です。勉強のためblogを作っています。
4
4
 
5
- acriveadmin、ckeditor、papaerclipを使ってs3へ画像を保存し、その保存した画像をviews側でthumbnail画像として表示させたいのですが、いろいろ調べて試行錯誤するもうまくいかず。。
5
+ acriveadminからckeditor、papaerclipを使ってs3へ画像を保存しているのですが、画像保存先のテーブルに、投稿記事のidを関連付けたいです。
6
-
7
- 申し訳ございませんが、教えて頂けないでしょうか。よろしくお願いします。
8
6
 
9
7
 
10
8
 
11
9
  ### 発生している問題・エラーメッセージ
12
10
 
13
-
14
-
15
- ![イメージ説明](6a6525cf897c1e65ef5e766df8bf97f6.png)
11
+ ![イメージ説明](b68bb80824734a28fcf1f79c13591b19.png)
16
-
17
-
18
12
 
19
13
  ### 試したこと
20
14
 
21
15
 
22
16
 
23
- ![イメージ説明](a54737b7f91a201d31310dab3838dd37.png)
24
-
25
- 現在、ckeditorの画像アップロードから画像を保存しているのですが、画像保存先のテーブル(ckeditor_assets)に投稿記事のbook_idを関連づけ、そのbook_idをViewsで取得することで表示ができるのではないかと考え、
26
-
27
- **app/models/ckeditor/picture.rb**
28
-
29
- **app/models/book.rb**
17
+ **ckeditorの設定**
30
-
31
- 上記２つのモデルを関連づけるためにpicturesモデルのckeditor_assetsテーブル(モデル名とテーブル名が違うのが気になっています。)にbook_idのカラムをつくり、has_manyを追加しました。
32
-
33
-
34
-
35
- ###app/models/book.rbにhas_manyを追加
36
18
 
37
19
  ```
38
20
 
39
- class Book < ApplicationRecord
21
+ rails generate ckeditor:install --orm=active_record --backend=paperclip
40
-
41
- has_many :pictures
42
-
43
- end
44
22
 
45
23
  ```
46
24
 
47
- もう一方のPictureモデルにもbelongs_toを追加しました。
25
+ generateでこのようなファイルが作られました。
48
26
 
27
+ ```
28
+
29
+ Running via Spring preloader in process 3274
30
+
31
+ create config/initializers/ckeditor.rb
32
+
33
+ route mount Ckeditor::Engine => '/ckeditor'
34
+
35
+ create app/models/ckeditor/asset.rb
36
+
49
- ###app/models/ckeditor/picture.rbにbelongs_toを追加
37
+ create app/models/ckeditor/picture.rb
38
+
39
+ create app/models/ckeditor/attachment_file.rb
40
+
41
+ create db/migrate/20180519221208_create_ckeditor_assets.rb
42
+
43
+ ```
44
+
45
+ picture.rbと関連付けしたいbookモデルを作成し、activeadminの管理画面で操作出来るように下記のコマンドを打ちました。
46
+
47
+ ```
48
+
49
+ rails g active_admin:resource book
50
+
51
+ ```
52
+
53
+ これまでに出来た２つのモデルを関連づけて、pictureにbookのidを持たせようと思いbelongs_toを追記しました。
50
54
 
51
55
  ```
52
56
 
53
57
  class Ckeditor::Picture < Ckeditor::Asset
54
58
 
55
- belongs_to :book
59
+ belongs_to :book
56
60
 
57
- has_attached_file :data,
61
+ has_attached_file :data,
58
62
 
59
63
  storage: :s3,
60
64
 
@@ -102,10 +106,56 @@
102
106
 
103
107
  ```
104
108
 
105
- としましたが、このようなエラーが出てしまいます。
109
+ 同じくbookモデルにはhas_manyを追記しました。
106
110
 
111
+ ```
112
+
107
- ![イメージ説明](515de1e2b9f78d9c180359a623ca39e4.png)
113
+ class Book < ApplicationRecord
114
+
115
+ 　belongs_to :author
116
+
117
+ 　has_many :pictures
118
+
119
+ end
120
+
121
+ ```
108
122
 
109
123
 
110
124
 
125
+ **routes.rb**はこのような設定です。
126
+
127
+ ```
128
+
129
+ Rails.application.routes.draw do
130
+
111
- 初歩的なミスやちゃんと分かってないでプログラム書いてる部分も多々あるとは思いますが、よろしくお願い致します。
131
+ mount Ckeditor::Engine => '/ckeditor'
132
+
133
+
134
+
135
+ devise_for :admin_users, ActiveAdmin::Devise.config
136
+
137
+ ActiveAdmin.routes(self)
138
+
139
+
140
+
141
+ root to: 'home#index'
142
+
143
+
144
+
145
+ resources :books,only: [:show] do
146
+
147
+ resources :pictures
148
+
149
+ end
150
+
151
+
152
+
153
+ end
154
+
155
+ ```
156
+
157
+
158
+
159
+ 調べても調べてもどのような方法で解決できるのか分からず、困っています。
160
+
161
+ すみませんが、よろしくお願いします。。

3

誤字

2018/05/19 14:01

投稿

wogmq
wogmq

スコア6

test CHANGED
File without changes
test CHANGED
@@ -2,7 +2,9 @@
2
2
 
3
3
  rails初心者です。勉強のためblogを作っています。
4
4
 
5
- acriveadmin、ckeditor、papaerclipを使ってs3へ画像を保存し、その保存した画像をviews側でthumbnail画像として表示させるための方法が分かりません。
5
+ acriveadmin、ckeditor、papaerclipを使ってs3へ画像を保存し、その保存した画像をviews側でthumbnail画像として表示させたいのですが、いろいろ調べて試行錯誤するもうまくいかず。。
6
+
7
+ 申し訳ございませんが、教えて頂けないでしょうか。よろしくお願いします。
6
8
 
7
9
 
8
10
 
@@ -10,17 +12,27 @@
10
12
 
11
13
 
12
14
 
15
+ ![イメージ説明](6a6525cf897c1e65ef5e766df8bf97f6.png)
16
+
17
+
18
+
19
+ ### 試したこと
20
+
21
+
22
+
13
23
  ![イメージ説明](a54737b7f91a201d31310dab3838dd37.png)
14
24
 
15
- 現在、ckeditorの画像アップロードから画像を保存しているのですが、画像保存先のテーブルに投稿記事のidを関連づけ、そのidをViewsで取得することで表示ができるのではないかと考え、
25
+ 現在、ckeditorの画像アップロードから画像を保存しているのですが、画像保存先のテーブル(ckeditor_assets)に投稿記事のbook_idを関連づけ、そのbook_idをViewsで取得することで表示ができるのではないかと考え、
16
26
 
17
27
  **app/models/ckeditor/picture.rb**
18
28
 
19
29
  **app/models/book.rb**
20
30
 
21
- picture.rbのpicturesテーブルににbook_idのカラムをつくり、
31
+ 上記２つのモデルを関連づけるためにpicturesモデルのckeditor_assetsテーブル(モデル名とテーブル名が違うのが気になっています。)にbook_idのカラムをつくり、has_manyを追加しました。
22
32
 
23
33
 
34
+
35
+ ###app/models/book.rbにhas_manyを追加
24
36
 
25
37
  ```
26
38
 
@@ -31,6 +43,10 @@
31
43
  end
32
44
 
33
45
  ```
46
+
47
+ もう一方のPictureモデルにもbelongs_toを追加しました。
48
+
49
+ ###app/models/ckeditor/picture.rbにbelongs_toを追加
34
50
 
35
51
  ```
36
52
 
@@ -86,42 +102,10 @@
86
102
 
87
103
  ```
88
104
 
89
- としましたが、
105
+ としましたが、このようなエラーが出てしまいます。
90
106
 
91
- ![イメージ説明](6a6525cf897c1e65ef5e766df8bf97f6.png)
107
+ ![イメージ説明](515de1e2b9f78d9c180359a623ca39e4.png)
92
108
 
93
109
 
94
110
 
95
-
96
-
97
- ```
98
-
99
- uninitialized constant Book::Picture
111
+ 初歩的なミスやちゃんと分かってないでプログラム書いてる部分も多々あるとは思いますが、よろしくお願い致します。
100
-
101
- raise NameError.new("uninitialized constant #{candidates.first}", candidates.first)
102
-
103
- end
104
-
105
-
106
-
107
- ```
108
-
109
- このようなエラーが出てしまいす。
110
-
111
-
112
-
113
-
114
-
115
- ### 試したこと
116
-
117
-
118
-
119
- ここに問題に対して試したことを記載してください。
120
-
121
-
122
-
123
- ### 補足情報（FW/ツールのバージョンなど）
124
-
125
-
126
-
127
- ここにより詳細な情報を記載してください。

2

誤字

2018/05/18 12:51

投稿

wogmq
wogmq

スコア6

test CHANGED
File without changes
test CHANGED
@@ -12,11 +12,11 @@
12
12
 
13
13
  ![イメージ説明](a54737b7f91a201d31310dab3838dd37.png)
14
14
 
15
- 現在、ckeditorの画像アップロードから画像を保存しているのですが、画像保存先のテーブルに投稿記事のidを関連づけたらそのidをViewsで取得することで表示ができるのではないかと考え、
15
+ 現在、ckeditorの画像アップロードから画像を保存しているのですが、画像保存先のテーブルに投稿記事のidを関連づけ、そのidをViewsで取得することで表示ができるのではないかと考え、
16
16
 
17
- app/models/ckeditor/picture.rb
17
+ **app/models/ckeditor/picture.rb**
18
18
 
19
- app/models/book.rb
19
+ **app/models/book.rb**
20
20
 
21
21
  picture.rbのpicturesテーブルににbook_idのカラムをつくり、
22
22
 

1

誤字

2018/05/18 12:23

投稿

wogmq
wogmq

スコア6

test CHANGED
File without changes
test CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  rails初心者です。勉強のためblogを作っています。
4
4
 
5
- acriveadmin、ckeditor、papaerclipを使ってs3へ画像を保存し、その保存した画像をviews側でthumbnail画像として表示させるためには分かりません。
5
+ acriveadmin、ckeditor、papaerclipを使ってs3へ画像を保存し、その保存した画像をviews側でthumbnail画像として表示させるための方法が分かりません。
6
6
 
7
7
 
8
8