DjangoとVue.jsでシンプルなTodoアプリを作る 01.作れるもの・学べることの紹介

2021年10月11日 20:44

このチュートリアルで作るもの

PythonのフレームワークであるDjangoと、JavaScriptのフレームワークであるVue.jsを使ったSPA todoアプリです。

Djangoについてよくわからない方はこちらの動画で説明しています!

一般的には、DjangoとVueを使って開発する場合、Django REST frameworkを使うことが多いですが、

前提知識などが必要でハードルが高いという点で、今回はDjango REST frameworkではなく、Fetch APIというAPIを使いVue.jsとDjangoを繋げていきます。

また、最初にDjangoのみでフロントとバックエンドを実装し、
その後、フロントのみVueに書き換えるという風なフローで実装していくので、初心者の方も一つずつ理解できるような形になっています。

・タスク一覧機能

・タスク追加機能

・タスク削除機能

・完了したタスクをチェックでタスク完了にする機能

・何かしらのバックエンドの言語に触れたことがある。(独学、Rails PHP可)
・細かな解説などを通して、初心者向けを意識します。

・DjangoのみでCRUDの機能がついたwebサービスを作る方法
・DjangoとVue.jsでAPIを用いたSPAアプリの実装
・仮想環境を用いてDjangoでwebアプリをイチから作る方法
・Bootstrapを用いてレスポンシブ対応しているwebサービスの作り方

次回の記事では、Djangoと、Vueのセットアップをしていきたいと思います。

次回も読みたい方は、スキを貰えると嬉しいです。

⏩webサービスの作り方が気になったら

⏩webエンジニアの働き方が気になったら