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

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

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

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

Heroku

HerokuはHeroku社が開発と運営を行っているPaaSの名称です。RubyやNode.js、Python、そしてJVMベース(Java、Scala、Clojureなど)の複数のプログラミング言語をサポートしている。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

Q&A

0回答

1195閲覧

cloudinaryで画像が表示できない

grimro92

総合スコア15

Django

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

Heroku

HerokuはHeroku社が開発と運営を行っているPaaSの名称です。RubyやNode.js、Python、そしてJVMベース(Java、Scala、Clojureなど)の複数のプログラミング言語をサポートしている。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

0グッド

0クリップ

投稿2020/03/05 15:04

前提・実現したいこと

現在、python+django+herokuを使用し、webページを作成しています。herokuへのデプロイは完了し、画像が表示のためcloudinaryを使用しました。
adminから設定した画像を表示したいのですが、下記の画像のようになり表示できません。

表示できない画像

ディベロッパーツールで画像を確認すると、
<img src="https://res.cloudinary.com/dd1spsp5i/image/upload/v1/media/product/food_kani_ashi.png" class="product-img">
のようにurlは表示されますが、リンクに飛んでも『この res.cloudinary.com ページが見つかりません』と表示されます。
ほかに必要な情報・ソースコードがあれば添付します。ご教授お願いします。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

python

1#settings.py 2import os 3 4# Build paths inside the project like this: os.path.join(BASE_DIR, ...) 5BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__))) 6 7 8# Quick-start development settings - unsuitable for production 9# See https://docs.djangoproject.com/en/2.2/howto/deployment/checklist/ 10 11# SECURITY WARNING: keep the secret key used in production secret! 12SECRET_KEY = '○○○' 13 14# SECURITY WARNING: don't run with debug turned on in production! 15DEBUG = True 16 17ALLOWED_HOSTS = [] 18 19 20# Application definition 21 22INSTALLED_APPS = [ 23 'django.contrib.admin', 24 'django.contrib.auth', 25 'django.contrib.contenttypes', 26 'django.contrib.sessions', 27 'django.contrib.messages', 28 'django.contrib.staticfiles', 29 'users', 30 'django.contrib.humanize', 31 'app', 32 'cloudinary', 33 'cloudinary_storage', 34] 35 36 37 38AUTH_USER_MODEL = 'users.User' 39NUMBER_GROUPING = 3 40 41MIDDLEWARE = [ 42 'django.middleware.security.SecurityMiddleware', 43 'django.contrib.sessions.middleware.SessionMiddleware', 44 'django.middleware.common.CommonMiddleware', 45 'django.middleware.csrf.CsrfViewMiddleware', 46 'django.contrib.auth.middleware.AuthenticationMiddleware', 47 'django.contrib.messages.middleware.MessageMiddleware', 48 'django.middleware.clickjacking.XFrameOptionsMiddleware', 49] 50 51ROOT_URLCONF = 'ecsite.urls' 52 53TEMPLATES = [ 54 { 55 'BACKEND': 'django.template.backends.django.DjangoTemplates', 56 'DIRS': [], 57 'APP_DIRS': True, 58 'OPTIONS': { 59 'context_processors': [ 60 'django.template.context_processors.debug', 61 'django.template.context_processors.request', 62 'django.contrib.auth.context_processors.auth', 63 'django.contrib.messages.context_processors.messages', 64 ], 65 }, 66 }, 67] 68 69WSGI_APPLICATION = 'ecsite.wsgi.application' 70 71 72# Database 73# https://docs.djangoproject.com/en/2.2/ref/settings/#databases 74 75DATABASES = { 76 'default': { 77 'ENGINE': 'django.db.backends.sqlite3', 78 'NAME': os.path.join(BASE_DIR, 'db.sqlite3'), 79 } 80} 81 82 83# Password validation 84# https://docs.djangoproject.com/en/2.2/ref/settings/#auth-password-validators 85 86AUTH_PASSWORD_VALIDATORS = [ 87 { 88 'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator', 89 }, 90 { 91 'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator', 92 }, 93 { 94 'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator', 95 }, 96 { 97 'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator', 98 }, 99] 100 101 102# Internationalization 103# https://docs.djangoproject.com/en/2.2/topics/i18n/ 104 105LANGUAGE_CODE = 'ja' 106 107TIME_ZONE = 'Asia/Tokyo' 108 109USE_I18N = True 110 111USE_L10N = True 112 113USE_TZ = True 114 115 116# Static files (CSS, JavaScript, Images) 117# https://docs.djangoproject.com/en/2.2/howto/static-files/ 118 119 120 121LOGIN_URL = 'app:login' 122LOGIN_REDIRECT_URL = 'app:index' 123LOGOUT_REDIRECT_URL = 'app:index' 124 125MEDIA_ROOT = os.path.join(BASE_DIR, 'media') 126MEDIA_URL = '/media/' 127 128STATIC_URL = '/static/' 129STATICFILES_DIRS = (os.path.join(BASE_DIR, "static"),) 130 131SESSION_SAVE_EVERY_REQUEST = True 132 133DEBUG = False 134 135try: 136 from .local_settings import * 137except ImportError: 138 pass 139 140if not DEBUG: 141 import django_heroku 142 django_heroku.settings(locals()) 143 144 145CLOUDINARY_STORAGE = { 146 'CLOUD_NAME': '○○○', 147 'API_KEY': '○○○', 148 'API_SECRET': '○○○' 149} 150 151DEFAULT_FILE_STORAGE = 'cloudinary_storage.storage.MediaCloudinaryStorage'

試したこと

下記の記事通りに設定しました。
https://qiita.com/koki276/items/4f78ca421bea059d7b7a

補足情報(FW/ツールのバージョンなど)

os:windows10

Python 3.8.0
Django==2.2.4
django-heroku==0.3.1
cloudinary==1.20.0
django-cloudinary-storage==0.2.3
asgiref==3.2.3
certifi==2019.11.28
chardet==3.0.4
dj-database-url==0.5.0
gunicorn==19.9.0
idna==2.9
Pillow==7.0.0
psycopg2==2.8.4
pytz==2019.3
requests==2.23.0
six==1.14.0
sqlparse==0.3.1
urllib3==1.25.8
virtualenv==16.7.9
whitenoise==3.3.1

ここにより詳細な情報を記載してください。

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

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

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

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

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

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

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

ただいまの回答率
85.46%

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

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

質問する

関連した質問