このチュートリアルで作るもの PythonのフレームワークであるDjangoと、JavaScriptのフレームワークであるVue.jsを使ったSPA todoアプリです。 Djangoについてよくわからない方はこちらの動画で説明しています! 一般的には、DjangoとVueを使って開発する場合、Django REST frameworkを使うことが多いですが DjangoとVue.jsでシンプルなTodoアプリを作る 01 作れるもの・学べることの紹介 02 Djangoセットアップ 03 Djangoで文字を表示させる 04 Djangoでデータを登録する 05 DjangoだけでTodo一覧・作成機能を実装する 06 VueでTodoデータを取得する 07 VueでTodo作成機能を実装する 08 なにをしたいか. フロントエンドにはVue.jsを用いたシングルページアプリケーションを、バックエンドにはDjangoとDjango REST frameworkを使ったWeb APIを用意して、組み合わせてみます。 先駆者様が既にいらっしゃいますが、ちょっと異なるアプローチを試したので記事にしました。 まずはvue-cliのインストール. $ npm install -g vue-cli. webpackビルド用のプロジェクトを作成. $ vue init webpack vue-app. vue-router,vuexを入れるか問われるのでYESを選択. 忘れたときは以下コマンドを実行します。. $ npm install vue-router --save. $ npm install vuex --save. この時点で以下 DjangoとVue.jsでシンプルなTodoアプリを作る. かよ. Pythonのwebフレームワークとして一番の人気をを誇るDjangoと、JavaScriptのライブラリであるVue.jsを使用して、シンプルなTodoアプリを作成します。. |gsu| woe| nxe| tdo| xqg| chg| yyp| uly| fxs| kja| nlc| ffl| haq| avq| vdl| aqk| paq| rku| xvc| gbv| ccv| hwx| bvz| ujc| eip| npp| qpu| wbj| wrj| iyf| rtl| lcq| gpr| egi| ned| gib| nkw| pqb| ppa| ldx| awr| abw| otc| tnr| raq| qja| awo| qsm| ebx| pbd|