【Django】 前回、Djangoのテンプレート継承を試して、同じフォルダ内のHTMLファイルの継承を解説しました。 前回、/webapp/bmiapp/templates 内にある「index.html」を他のアプリでも共通の「base.html」とBMI計算アプリ特有のコンテンツ部分「index.html...

【Django】 前回、XserverにDjangoで作成したウェブサイトをアップロードした際に起こった画像ファイルのアドレスのずれを修正しました。 今回は前回に少しお話ししたテンプレートの継承を試していきたいと思います。 何故テンプレート継承が必要かと言う...

【M5StickC】 前にESP32 PSRAM Timer Camera Xを購入し、タイムラプス動画の撮影をしました。 このTimer Camera XはM5Stack社という会社の製品なのですが、実はTimer Camera Xを購入する前に、もう一つM5 Stack社の製品を購入していました。 ちなみにM5 St...

【Django】 前回、Djangoで作成したファイルをXserverにアップロードした際に発生した「500 Internal Server Error」の対処法を解説しました。 今回は以下の残りの3つの問題を解消していきましょう。 https://3pysci-app.com/でトップページにアクセスでき...

【Djagngo】 前回までに新たにトップページと2つのWebアプリを作成し、公開する体裁を整えてきました。 そして今回、Xserverにアップロードし、公開していくのですが、ここで色々な問題が発生したので、今回と次回はその対処法に関して解説していきます。 ...

【Django】 前回、MathJaxを使って、HTML上に数式を表示する方法を解説しました。 今回はさらに2つのことを修正し、サーバーへのアップロードの準備を行います。 その一つ目はフォームのレイアウトに関してです。 現在、フォームはテーブル（<table>...

【TANITA BC-768-HW】 前にWifi接続で体組成を自動でサーバーに保存してくれるエレコムの体重計　エクリアを紹介しました。 乗るだけで体重を始めとする体組成情報をサーバーに保存してくれるので、スマホを開く必要すらないというなかなかん素晴らしい体...

【Django】 前回までに3つのWebアプリとトップページを作成してきました。 しかし、これまではとりあえずWebアプリとして動く、そこそこの見栄えがあるというところを目指してきただけで、コンテンツとしてはあまりよろしくない状態になっています。 そこ...

【Django】 前回、トップページのレイアウトを作成しました。 今回はトップページのデザインを行っていきましょう。 ただ私自身はあまりデザインが得意ではないので、殺風景でないそこそこの見た目にするというのを目標にしていきましょう。 またデザイン...

【Django】 前回、ウェブアプリを集めたWebサイトのトップページ作成の準備を行いました。 今回は前回考えたようなレイアウトを実装していきましょう。 PC版のレイアウトはこんな感じ。 モバイル版のレイアウトはこんな感じです。 それでは始めていきまし...