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

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

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

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

Python

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

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

2846閲覧

Pythonanywhereでのstatic設定

luciano

総合スコア11

Django

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

Python

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

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2021/04/14 07:52

編集2021/04/15 07:51

前提・実現したいこと

Djangoで作ったアプリをPythonanywhere上にデプロイしたのですが、staticフォルダの設定がよくわからず、困っています。
具体的には、static/imagesフォルダの中の画像などが表示されません。
(CSSもブラウザによっては効いていません。)

Pythonanywhereでのファイル構成は、collectstaticコマンドをした後、
home/myusername/my-venv/myproject/staticの中に、

admin/
myapp/
home/

が出来て、それぞれの中に

css/
images/
js/

が作られ、imagesフォルダに使いたい画像が集められています。

一方、Pythonanywhereの"Web"ページのStatic files:"の部分では、次のような設定にしています。

URL: /static/
Directory: home/myusername/my-venv/myproject/static

基本をきちんと理解出来ていないまま、色々といじり回していたら、頭が混乱してきたので、ここで質問させてもらうことにしました。
よろしくお願いします。

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

画像が表示されない部分をコンソールで調べてみると、以下のようなメッセージが出ます。

http://myusername.pythonanywhere.com/static/myapp/images/aaa.png Failed to load resource: the server responded with a status of 404 (Not Found)

"/static"と"/myapp"との順番を入れ替えて、"/myapp"が"/myproject"に変われば、望んだ結果になると思うのですが、これを制御している箇所がよくわかりません。

Pythonanywhereの"Web"ページのStatic files:"の部分が関わっているように思えるのですが、この理解は正しいでしょうか?

正しいとすると、当該部分をどう変えるべきなのか?
そもそも、ここにある"URL"と"Directory"の関係がよくわからないので、行き詰まっています。

該当のソースコード

上記の理解(問題はPythonanywhere上での設定)が間違いだとすると、settings.pyでのコード(以下)が関わってくるように思えます。

python

1STATIC_URL = '/static/'

試したこと

Pythonanywhereのヘルプを参考にして

python

1STATIC_ROOT = "/home/myusername/myproject/static"

としてみても、次のようなエラーメッセージが出ます。

ImproperlyConfigured at /myapp/index/ You're using the staticfiles app without having set the required STATIC_URL setting.

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

[環境]
Mac Os Catalina
Django 3.1.1
Python 3.8

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

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

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

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

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

guest

回答1

0

自己解決

こちらのリンクを参考にして、一からやり直したら、うまく解決できました。
具体的にどこが問題だったのかははっきりしないのですが、Pythonanywhereのコンソールで、今自分がどこにいるかをきちんと把握して作業することが必要だったような気がします。

投稿2021/04/24 04:56

luciano

総合スコア11

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.46%

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

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

質問する

関連した質問