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

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

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

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

Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

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

Q&A

解決済

1回答

1310閲覧

djangoを用いてwebアプリケーションを作っていますが、エラーが解決できません

AIiver

総合スコア2

Django

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

Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

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

0グッド

0クリップ

投稿2020/10/08 11:57

djangoを用いてwebアプリケーションを作っていますが、エラーが解決できません

簡易サーバーを立ち上げて、サイトを確認したところ、以下のエラー文が出ています。

Invalid block tag on line 20: 'endblock'. Did you forget to register or load this tag?

以下ソースです。

HTML

1{% extends 'base.html' %} 2 3{% load static %} 4 5{% block title %}web上にあなた専用の日記ページを保存できるサービス | Private Diary{% endblock %} 6 7<header class="masthead text-center text-white"> 8 <div class="masthead-content"> 9 <div class="container"> 10 <h1 class="masthead-heading mb-0">Private Diary</h1> 11 <h2 class="masthead-subheading mb-0">あなた専用の日記保存サービス</h2> 12 <a href='#' class="btn btn-primary btn-xl rounded-pill mt-5">LOG IN</a> 13 </div> 14 </div> 15 <div class="bg-circle-1 bg-circle"></div> 16 <div class="bg-circle-2 bg-circle"></div> 17 <div class="bg-circle-3 bg-circle"></div> 18 <div class="bg-circle-4 bg-circle"></div> 19</header> 20{% endblock %} 21 22{% block contents %} 23<section> 24 <div class="container"> 25 <div class="row align-items-center"> 26 <div class="col lg-6 order-lg-2"> 27 <div class="p-5"> 28 <img class="img-fluid rounded-circle" src="{% static 'img/01.jpg' %}" alt=""> 29 </div> 30 </div> 31 <div class='col-lg-6 order-lg-1'> 32 <div class="p-5"> 33 <h2 class="display-4">web Diary</h2> 34 <p>web上で作成/編集/削除ができる日記</p> 35 </div> 36 </div> 37 </div> 38 </div> 39</section> 40 41<section> 42 <div class="container"> 43 <div class="row align-items-center"> 44 <div class="col-lg-6"> 45 <div class="p-5"> 46 <img class="img-fluid rounded-circle" src="{% static 'img/02.jpg' %}" alt=""> 47 </div> 48 </div> 49 <div class="col-lg-6"> 50 <div class="p-5"> 51 <h2 class="display-4">Save Your Diary</h2> 52 <p>あなたの日記をWebに保存</p> 53 </div> 54 </div> 55 </div> 56 </div> 57</section> 58 59<section> 60 <div class="container"> 61 <div class="row align-items-center"> 62 <div class="col-lg-6 order-lg-2"> 63 <div class="p-5"> 64 <img class="img-fluid rounded-circle" src="{% static 'img/03.jpg' %}" alt=""> 65 </div> 66 </div> 67 <div class="col-lg-6 order-lg-1"> 68 <div class="p-5"> 69 <h2 class="display-4">Membership System</h2> 70 <p>会員制のweb日記システム</p> 71 </div> 72 </div> 73 </div> 74 </div> 75</section> 76{% endblock %} 77

ご協力よろしくお願いします。

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

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

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

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

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

hentaiman

2020/10/08 12:09

{% ~%} 以外の全htmlタグを消せば分かるかと
AIiver

2020/10/08 12:13

コメントアウトして、実行でも大丈夫でしょうか。 コメントアウトして、実行してみたのですが、エラー内容も変わらず、わかりませんでした。
hentaiman

2020/10/08 12:15

いや、今のhtmlはバックアップでも取っておいてエディタで直接削除してみてください。原因が分かったらバックアップを元に修正すれば良いと思います。
hentaiman

2020/10/08 12:16

無駄なもの削除してコードがスッキリすれば実行しなくても分かると思います。
AIiver

2020/10/08 12:17

直接消してみました。 しかし、エラー箇所とエラー内容は変わりませんでした。
AIiver

2020/10/08 12:19

まず、{%〜%}のタグがタグとして、扱われていない気がするのですが、この解決策はあるのでしょうか。
hentaiman

2020/10/08 12:29

そうですね。 同じようにタグ書いているのにその行だけおかしいと言われているならその行、またはその前の行のタグ及びタグの内容を見る、load staticのstaticが使える状態になっているか確認する、などなど。
AIiver

2020/10/08 12:32

私のタグの入れ忘れでした。 解決しました。ありがとうございました。
hentaiman

2020/10/08 12:32

エラー対応の仕方コメントしてるうちにデバッガーさんから回答ついたなw
hentaiman

2020/10/08 12:38

自分で調べられるような方法を教えているだけ。無償デバッガーをやってあげるのではなくデバッグの仕方を教えているだけ。
AIiver

2020/10/08 12:39

ありがとうございました。 自分でエラー対処ができるように頑張ります。
guest

回答1

0

ベストアンサー

</header> の下の {% endblock %} は何に対してのendでしょうか?

{% block ~ %} と {% endblock %} がワンセットです。

投稿2020/10/08 12:28

takutakuya

総合スコア979

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

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

AIiver

2020/10/08 12:31

解決しました。 ありがとうございます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.35%

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

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

質問する

関連した質問