fbpx
  1. HOME
  2. ブログ
  3. IT技術
  4. 【Python】[第1回] Responderを使ってDjangoチュートリアルをやってみた【プロジェクト作成編】

【Python】[第1回] Responderを使ってDjangoチュートリアルをやってみた【プロジェクト作成編】

Responderを使ってDjangoチュートリアルをやってみた~第1回~

初期セットアップが、まだお済みでない方は前回の記事をご覧ください。

Djangoのチュートリアル

今回からは、本格的にDjangoのチュートリアルに沿って進めていきたいと思います。

Djangoのチュートリアルは以下となります。

【はじめての Django アプリ作成、その 1】
https://docs.djangoproject.com/ja/2.2/intro/tutorial01/

今記事は、Djangoチュートリアル第1回の内容に則った内容となります。

もちろんResponderで追う形になりますので、多少内容が異なる部分がありますが、成果物はできるだけ同じものを作っていきます。

それでは、第1回スタートです!

プロジェクトを作成する

Djangoでは、プロジェクト生成コマンドを叩きますが、Responderでは自分でディレクトリを作成して、その中にPythonファイルを追加していくだけです。

今回は、前回の responder ディレクトリをそのまま使いたいと思います。

開発用サーバー

サーバーについては、前記事でご説明した通り

を実行するだけでサーバーが立ち上がるので大丈夫でしょう!

Polls アプリケーションをつくる

これで準備は整いました!

本記事では、Djangoのチュートリアルと同じように簡単な「投票Webアプリ(Pollsアプリケーション)」を作っていきます。

アプリの内容は公式サイトによると、

  • ユーザが投票したり結果を表示したりできる公開用サイト
  • 投票項目の追加、変更、削除を行うための管理 (admin) サイト

の要素を含んだアプリケーションで、これを本記事でも目指します。

本記事もDjangoチュートリアルにならって、まずは、2つ目の「投票項目の追加、変更、削除を行うための管理 (admin) サイト」から手をつけていきたいと思います。

はじめてのビュー作成

「はじめて」と言ってますが、これも前回触れたので「はじめて」ではありませんね(笑)

ですが今回は、新しく各ビューに対応するURLと処理をまとめたファイル urls.py を作ることにします。

また、 test.py はサーバー立ち上げ専用にしたいので、名前を run.py に変更します。

ディレクトリ内構造

前回から続けてやっていれば、ディレクトリ内は以下のような構造になっているはずです。

次に、 urls.py と run.py を以下のように記述してください。

urls.py

run.py

こうすることで、以下のように役割を分けることができます。

  1. サーバーを立ち上げる時は run.py を実行する
  2. ビューまたは処理とパスの紐付けは urls.py に記述する

もちろん現状では、 admin.html は作っていないので、何も表示されません。

bootstrapでビューを簡単に整える

先にビューを整えたいと思います。

現段階では、 index.html と admin.html をそれっぽく表示できればよいので、全体的なレイアウトは有名CSSフレームワークの「bootstrap4」を使いたいと思います。

まず、 templates/layout.html を作成し、以下のようなコードを書いてください。

ちなみに、 <head> タグ内の長々したスタイルシートは、bootstrapのサイトから「CSS Only」の部分を取ってきたものです。

これで、bootstrapのCSSが使うことができるようになります。

index.htmlとadmin.htmlを作る

今回は、各ビューページはこのレイアウトを使って、メインコンテンツ部分のみを変更していく形で、とりあえず進めていきたいと思います。

次に、index.html と、新たに admin.html を作成し、以下の内容に変更または加筆します。

これで、それぞれのページは layout.html をもとに、コンテンツ部分だけ変更するようなページになりました。

なんとなくビューはそれっぽくなりましたね。

( index.html  はまだ適当ですが…)

【index.html】

【admin.html】

現段階でのプロジェクトの中身

ちなみに、現段階でのプロジェクトの中身は、以下のようになります。

この時、 __pycache__ というディレクトリがあるかもしれませんが、これはファイルをインポートした際に生成されるものなので、特に気にしないでください。

おわりに【第1回】

今回はここまで!

次回はデータベースとモデルの作成に移ります!

おそらく、次回が最初の山場だと思いますので一緒に頑張っていきましょう!

第2回へ続く

第2回はこちらになります。

関連記事

ライトコードよりお知らせ

にゃんこ師匠にゃんこ師匠
システム開発のご相談やご依頼はこちら
ミツオカミツオカ
ライトコードの採用募集はこちら
にゃんこ師匠にゃんこ師匠
社長と一杯飲みながらお話してみたい方はこちら
ミツオカミツオカ
フリーランスエンジニア様の募集はこちら
にゃんこ師匠にゃんこ師匠
その他、お問い合わせはこちら
ミツオカミツオカ
   
お気軽にお問い合わせください!せっかくなので、別の記事もぜひ読んでいって下さいね!

一緒に働いてくれる仲間を募集しております!

ライトコードでは、仲間を募集しております!

当社のモットーは「好きなことを仕事にするエンジニア集団」「エンジニアによるエンジニアのための会社」。エンジニアであるあなたの「やってみたいこと」を全力で応援する会社です。

また、ライトコードは現在、急成長中!だからこそ、あなたにお任せしたいやりがいのあるお仕事は沢山あります。「コアメンバー」として活躍してくれる、あなたからのご応募をお待ちしております!

なお、ご応募の前に、「話しだけ聞いてみたい」「社内の雰囲気を知りたい」という方はこちらをご覧ください。

ライトコードでは一緒に働いていただける方を募集しております!

採用情報はこちら

関連記事