1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Djangoでwebブラウザに画面表示させるまで(超初心者)

Posted at

1.はじめに

本記事は「Django 初心者」などと調べると同じような記事がたくさん出てくる、いわゆる既出の内容です。
あくまで自分の勉強した内容をアウトプットする意図で書いている記事ですので温かい目で見守っていただけますと幸いですmm

2.早速アプリを作ってみる

Q.どうやってアプリを作るのか

※環境は構成済み(筆者はAnacondaを使用)

A.Djangoプロジェクトの中に用意されている「manage.py」というプログラムを使って作成していきます。

python manage.py startapp 名前

なんとこの「名前」の部分にアプリ名を入れるだけでアプリが作れてしまうらしい・・・

次にアプリを作成したフォルダに移動する必要があります。
筆者はデスクトップの「django_app」というプロジェクトに「hello」というアプリを作成したのでそこに移動します。ターミナルでのコマンドは

cd Desktop
cd django_app

このように「cd フォルダ名」で移動できます。
フォルダをのぞいてみると
image.png
このように勝手にいろいろファイルが作成されています。
(筆者が足したものもありますが、ほとんどが勝手に追加されたものです)

それぞれが重要な役割を担っているのですが、ここでの説明は割愛させていただきます。

3.下準備完了

views.py

さて、いよいよコードを書いていきます。
「views.py」というファイルを適当なテキストエディタで下記のように書き換えてみます。(筆者はVSCodeを使用)

from django.shortcuts import render
from django.http import HttpResponse

def index(request):
    return HttpResponse('Hello Django')

非常にざっくり説明すると
HttpResponse()でインスタンスを作り、引数requestに括弧内で書いた内容がそのままreturnされクライアント側にそのまま返送されます。
つまり今回は「'Hello Django'」が返送されているといった具合です。

また、from~import...文はそれを実行するために必要な記載といった認識でとりあえずは大丈夫だと思います。

urls.py

先ほどviews.pyに処理を記載しました。
ただそれだけでは表示はされないらしいので次にdjango_appプロジェクト内の「django_app」フォルダをのぞいてみます。
そこに「urls.py」というファイルがあります。
image.png
ここは文字通りURLを管理するファイルです。
確かに「Hello Django」を表示させるページのURL(どのアドレスにアクセスしたらviews.pyのindex関数が実行されるか)に関する記載をしておかなければなりません。
早速urls.pyを書き換えます。

from django.contrib import admin
from django.urls import path
import hello.views as hello

urlpatterns = [
    path('admin/',admin.site.urls),
    path('hello/',hello.index),
]

今回記載した「path('hello/',hello.index)」で「hello/というアドレスにアクセスしたら「hello」フォルダ内のindexという処理を実行する」という意味になります。

4.表示させてみる

ターミナルで

python manage.py runserver

というコマンドを実行しましょう。これでwebサーバーが実行されます。

適当なwebブラウザを起動し、以下のURLでアクセスしてみます。
http://localhost:8000/hello/

image.png

自分の場合勉強する過程で色々足しちゃっているのでこんな感じです。
すみません・・・orz。
ただイメージ的にはこの真っ白な画面の左上に「Hello Django」と表示されるイメージです。

5.さいごに

今回勉強で使用させていただいた参考書を紹介します。
「Python Django 超入門」
こちらになります。

ひとまずこちらの参考書を一通り実施していきたいと思います。
まだまだ先ほどの実装画面も序盤ですが、一応それっぽい形にはなっているかと思います。
Anacondaや、他のファイルに関する説明を割愛しているので気になる方いらっしゃいましたら調べてみてください。
もちろん参考書には載っています。

ご覧いただきありがとうございました。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?