DRF+ React でWebアプリケーション

本

バックエンドをDjango、フロントエンドをReactでAPIを使ってWebアプリケーションを作成してみるとこまで辿り着いて・・・つくかな？

運営しているクリエイター: ノンストップ飯田

Python×Django+RestFramework×ReactでWebアプリケーション⑨ お買い物アプリ（フロ…

今更ながらタイトル長すぎるよね・・・って思ったところで、このお買い物リストもラストです。…

300

ノンストップ飯田

2年前

Python×Django+RestFramework×ReactでWebアプリケーション⑧ お買い物アプリ（フロ…

1．今回のゴールDjango REST frameworkを使って、API Endpointを作成し外部からデータの取得や…

ノンストップ飯田

2年前

Python×Django+RestFramework×ReactでWebアプリケーション⑦ Djangoでお買い物アプ…

1．今回のゴール前回、venvで仮想環境を構築してDjangoをインストールするところまで記載しま…

300

ノンストップ飯田

2年前

Python×Django+RestFramework×ReactでWebアプリケーション➅ Djangoでお買い物アプ…

今回から、まずはDjangoでフロントもバックエンドも含めて「お買い物リスト」アプリを作ってい…

ノンストップ飯田

2年前

Python×Django+RestFramework×ReactでWebアプリケーション➄ JavaScript・・・を踏…

1．前回の振り返り前回は、JSXというReactにおけるHTMLファイルのようなタグを使い、入力欄・…

ノンストップ飯田

2年前

Python×Django+RestFramework×ReactでWebアプリケーション➃ JavaScript・・・を踏…

1．React概要JavaScriptは前回見ていただいたように、HTML要素を対象に動的にサイトを動かすよ…

ノンストップ飯田

2年前

Python×Django+RestFramework×ReactでWebアプリケーション➂ React・・・の前にJavaScript

1．なぜJavaScriptなのかReactはJavaScriptベースのため、JavaScriptとReactでそれぞれ同じ画面・処理を作ってみましょう。今回はまず、JavaScriptのみでやります。 2．まずは作ってみよう(1) お買い物リストを作ってみる買うものを入力する「入力欄」と、登録されて購入が終わってない「未購入の一覧」、「購入が終わった一覧」の大きくは3つの要素をページに表示したいと思います。本来は登録した買うものは、データベースに登録してブラ