"BOKU"のITな日常

62歳・文系システムエンジニアの”BOKU”は日々勉強を楽しんでます

DBアクセス無し前提のdjangoの記事がたまったので目次的にまとめておきます。

pythondjangoを使う記事が溜まってきて、探しにくくなったので、目次的にリンクを貼った自分用まとめを書いておきます。

f:id:arakan_no_boku:20190320212835j:plain

 

はじめに

 

自分はpythonプログラム(機械学習系が多い)をバックエンドで動かすフロント画面にDjangoを使い、通常のWebアプリケーションのようにDBを使いません。

 

これは、ちょっと偏った使い方のようで、情報探しに意外に苦労します。

そのため、自分がさっと参照できるようにブログに書いてましたが、それも数が増えてきたので、目次代わりにまとめようとしたのが、今回の趣旨です。 

 

開発環境の構築

 

まずは、開発環境の構築です。

自分はWindows10のノートパソコンがメイン環境です。

python(anaconda)を、こちらからダウンロードして、Windows10にインストールします。

www.anaconda.com

別に難しいことはないですけど、念のため、解説いただいているリンクも。

m-bc.jp

 

コードエディターは「VSCode

 

開発には、VSCodeを利用しています。

azure.microsoft.com

ダウンロードとインストールは、特に悩むところはありません。

インストール後に、自分用に設定する必要があります。

お気に入りの設定を記事にしてます。

autopep8を使った自動フォーマットの設定もここでやります。

arakan-pgm-ai.hatenablog.com

arakan-pgm-ai.hatenablog.com

 

djangoインストール&プロジェクト作成

 

djangoのインストールは。

pip install django

でいけます。

あと、プロジェクトを作って、簡単なソースを書いて、動作確認するところまでをこちらにまとめてます。

arakan-pgm-ai.hatenablog.com

ちゃんと、djangoのプロジェクトを作る手順ではなくて、既存のプロジェクトをソース毎コピーして、新しいプロジェクトとして使ってしまう手抜き技です。

自分はプロジェクトを、テンポラリなデモンストレーション用に転用するときに、この手を使ってます。
arakan-pgm-ai.hatenablog.com 

 

djangoテンプレート

 

djangoの画面はHTML内で「djangoテンプレート言語」を使って書きます。

 

そのテンプレート言語に関して書いた記事です。

arakan-pgm-ai.hatenablog.com

arakan-pgm-ai.hatenablog.com

arakan-pgm-ai.hatenablog.com

arakan-pgm-ai.hatenablog.com 

arakan-pgm-ai.hatenablog.com 

上記で書いていない組み込みのタグやフィルタは以下のページにあります。

docs.djangoproject.com

テンプレートの構文・コメントの書き方などはこちらです。

docs.djangoproject.com

 

djangoフォーム

 

djangoはinputタグを表現する「ヴイジェット」を使えます。

通常のHTML部品+テンプレートでできないことはないのですが、慣れるとやっぱり「ヴイジェット」を使う方が便利な部分が多々あります。

 

なので、自分がよく使う部分だけを抜き出して記事にまとめてます。

arakan-pgm-ai.hatenablog.com

arakan-pgm-ai.hatenablog.com

arakan-pgm-ai.hatenablog.com

arakan-pgm-ai.hatenablog.com

それ以外のヴイジェットについては、こちらに情報があります。

docs.djangoproject.com

さらに、使えるFieldクラスは、こちらで確認できます。

docs.djangoproject.com

 

 

ドラッグ&ドロップとかJavaScriptとの合わせ技

 

UIを作るのに、絶対はずせないのが「ドラッグ&ドロップ」機能です。

これはdjangoだけではできません。

JavaScriptとの合わせ技が必要になりますし、ドロップした画像の受け取り方とかも、ちょっとしたコツみたいなものがあるので、別途記事にまとめてます。

arakan-pgm-ai.hatenablog.com

arakan-pgm-ai.hatenablog.com

あと、グラフを描いたり、手書き文字をとりこんだりみたいなJavaScriptとの合わせ技的なものはこちらのカテゴリにまとめてます。

arakan-pgm-ai.hatenablog.com

とりあえず。

こんな感じですかね。

最後に、本家?のdjangoはドキュメントのトップページのリンクです。

docs.djangoproject.com

ではでは。