マガジンのカバー画像

DjangoとVue.jsでTodoアプリを作ろう

9
DjangoとVue.jsで作るTodoアプリの作り方を紹介したマガジンです。
運営しているクリエイター

#django

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

このチュートリアルで作るものPythonのフレームワークであるDjangoと、JavaScriptのフレームワ…

かよ
2年前
10

DjangoとVue.jsでシンプルなTodoアプリを作る 03.Djangoで文字を表示させよう

前回の記事では、アプリを作るセットアップをしていきました。 今回は、html をbootstrapで整…

かよ
2年前
7

DjangoとVue.jsでシンプルなTodoアプリを作る 04.Djangoでデータを登録しよう

前回の記事では、html をbootstrapで整え、views.pyとurls.pyにコードを書いて、Djangoを通し…

かよ
2年前
6

DjangoとVue.jsでシンプルなTodoアプリを作る 05.DjangoだけでTodo一覧・作成機能を実…

前回の記事では、Djangonの管理画面を使用して、データを登録できるようにしました。 今回の…

かよ
2年前
6

DjangoとVue.jsでシンプルなTodoアプリを作る 06.VueでTodoデータを取得する

前回の記事では、django と HTML で、task を作成し、作成したものを一覧で表示することができ…

かよ
2年前
2

DjangoとVue.jsでシンプルなTodoアプリを作る 07.VueでTodo作成機能を実装する

前回の記事ではVueでタスクを取得する方法について書きました。 続いて、タスクを作成する機…

かよ
2年前
4

DjangoとVue.jsでシンプルなTodoアプリを作る 08.VueでTodoデータを更新する

前回の記事で、task の一覧を取得、作成することができました。 https://note.com/kcatyo/n/n2c459d8dca97 しかし、todo リストなら、完了した todo にチェックを入れられるようにしなければいけません。 今回は、完了した task にチェックを入れて完了にしたり、チェックを外して、未完了の状態に戻せるようにできるようにします。 下記のような流れで実装していきます。

¥250

DjangoとVue.jsでシンプルなTodoアプリを作る 09.VueでTodo削除機能を実装する

前回の記事では、データを更新できるようにしました。 いよいよ、最後の機能としてタスクを削…

250
かよ
2年前
4