9
16

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 3 years have passed since last update.

PyCharmとDjangoでサクッとWebアプリの作成

Last updated at Posted at 2021-07-08

はじめに

PyCharmでDjangoアプリを作成することには次のような利点があります。

  • Django関連のコマンド入力を削減できる
  • デバッグがしやすい

今回は、Djangoサーバの起動と簡単なWebアプリの作成を行ってみます。

Djangoサーバの起動

PyCharmを開くと次のような画面が現れるので、Create New Projectをクリックします。
68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f3631343039322f66646166343738662d653265302d393064372d333765382d6536313637653861626535312e706e67.png

次に左側からDjangoを選択します。ここではDjangoのプロジェクト名はuntitled4となっています。また、Application namepollsと入力し、Createをクリックします。
68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f3631343039322f66393765373262662d306665372d363266332d663635342d6563343166643961346361362e706e67.png

少し待つとプロジェクトとアプリケーションが作成されます。右上の三角形のボタンをクリックするとDjangoサーバが起動します。自分の環境ではなぜかosが定義されていなかったため、settings.pyimport osと記述します。
68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f3631343039322f34323837353265342d353638382d316535382d386663362d3734663464353732386435312e706e67.png

記述したあとで再度右上の三角形のボタンをクリックするとDjangoサーバのURLが表示されるのでクリックします。
a.png

次のような画面がWebブラウザで表示されます。
image.png

Webアプリの作成

Djangoのプロジェクトとアプリケーションは次のような関係となっています。プロジェクトとアプリケーションについて、2種類のurls.pyを用いることで、アプリケーションごとの管理がしやすくなります。
image.png
画像元:https://zenn.dev/hathle/books/django-blog-book/viewer/06_urls

2つのurls.pyviews.pyを変更することで、Webサイトを自作できます。
pollsディレクトリ内にurls.pyを新規作成し、次のように記入します。

from django.conf.urls import url
from . import views
urlpatterns = [
    url(r'^$', views.index, name='index'),
]

プロジェクト直下にもとから作成されているurls.pyに、次のように記入します。

from django.conf.urls import include, url
from django.contrib import admin
urlpatterns = [
    url(r'^polls/', include('polls.urls')), #this line added
    url(r'^admin/', admin.site.urls),
]

pollsディレクトリ内にviews.pyに、次のように記入します

from django.http import HttpResponse

def index(request):
    # render() に置き換えると、用意したHTMLファイルにrequestやPythonの変数を渡すこともできる
    return HttpResponse("Hello, world. You're at the polls index.")

実行ボタンをクリックまたはcontrol+Rとしてhttp://127.0.0.1:8000/polls/にアクセスすると、Hello, world. You're at the polls index.と表示されます。

その他Tips

  • サーバの実行状態でプログラムを書き換えてcommand+Sと保存したりタブを切り替えると、自動的にサーバをリロードしてくれます。

  • Djangoでデータベースなどのコマンド操作を行う際には、python manage.pyの後ろにコマンドを入力するのですが、option+Rとすると、python manage.pyを省略しつつ、動的に補完を表示するmanage.pyコンソールが現れます。

  • PyCharm画面右上のDatabaseを用いることで、データベースの操作(挿入・検索・更新・削除)を簡単に行うことができます。データベースの作成はこのように行います。
    image.png

  • Djangoにはあまり関係ありませんが、PyCharm画面右上のSciViewでmatplotlibグラフやpandas表の表示を行うことができます。
    image.png

おわりに

コーディングを効率化させるPyCharmと、Webアプリ開発を効率化させるDjangoがうまく連携されていて便利だと思いました。次はデータベースやCSRF対策など、もう少し踏み込んだことを調べてみたいです。

追記

年間10,000円の有料版PyCharmでないと、Web開発において制限があるようです。自分は学生ライセンスが有効になっていたのでそのことに気づきませんでした。。
無料版と有料版の機能の違いはこちら、学生ライセンスの申請方法はこちらになります。

9
16
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
9
16

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?