マガジンのカバー画像

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

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

#Vue_js

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

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

かよ
3年前
10

DjangoとVue.jsでシンプルなTodoアプリを作る 02.Djangoセットアップ

前回の記事はこちら setupはじめにアプリのセットアップをします。 初めてPythonに触れる方は…

かよ
3年前
8

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

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

かよ
2年前
7

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

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

かよ
2年前
7

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でタスクを取得する方法について書きました。 続いて、タスクを作成する機能を Vue で作っていこうと思います。 一覧を取得するのとほとんど同じ流れで、下記の流れでコードを書いていきます。 html→Vue に task のタイトルを送れるようにする Vue で task を作成する createTask メソッドを定義 html→Vue で送られてきた新しい task の内容を django の views.py に送る 送られてきた内容を元に、

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

前回の記事で、task の一覧を取得、作成することができました。 https://note.com/kcatyo/n/n

250
かよ
2年前
3

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

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

250
かよ
2年前
4