Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
ReactとPython/Djangoで何か作りたい
Hodaka Sakamoto
May 13, 2019
Technology
1
300
ReactとPython/Djangoで何か作りたい
Python入門者の集い #8
https://python-nyumon.connpass.com/event/113338/
のLT資料です。
Hodaka Sakamoto
May 13, 2019
Tweet
Share
More Decks by Hodaka Sakamoto
See All by Hodaka Sakamoto
hodanov
1
350
hodanov
5
1.6k
Other Decks in Technology
See All in Technology
toshinoritakai
1
220
noir_neo
0
130
natsusan
0
200
greymd
0
630
clustervr
0
200
kekeke_47
0
400
satoshirobatofujimoto
0
110
takaking22
1
400
yosuke_matsuura
PRO
0
3.6k
helayoty
0
140
chaspy
1
170
redhatopenshift
0
400
Featured
See All Featured
smashingmag
229
18k
dougneiner
55
5.4k
marktimemedia
6
340
trishagee
20
2.1k
cromwellryan
101
5.9k
thoeni
4
550
hannesfritz
27
930
trallard
13
640
lauravandoore
437
28k
roundedbygravity
84
7.8k
malarkey
393
60k
notwaldorf
13
1.6k
Transcript
ReactとPython/Django で何か作りたい
Whois - 職業:Webエンジニア - 業務経験: Python/DjangoベースのWebアプリ改修・開発支援など (Pythonはまだまだスキル不足。お勉強中) - Twitter:@1031hoda
今日お話しすること 新しいフロントエンド技術のキャッチアップのために、Reactや Vue.jsとPython/Djangoで何か作りたい →試してみました!
Reactってなに。。?Djangoって? - React: UIを構築するためのJavaScriptのライブラリ 仮想DOMとかJSXとか謎の技術を使っている。。 - Django: Pythonベースのフルスタック型フレームワーク Ruby on
Railsの翌年(2005)にリリース
構成...Dockerで3つのコンテナに分離 (フロントとバック、DB) JSON形式の REST API データ ベース JSONデータを 拾って整形 Django
React Postgres
謎のWebアプリが完成しました。。! ← Inputタグに文 字を入力してボ タンをポチると 下の表に情報 が追加されま す。。!
工夫した点 - フロントエンド側(React)ではAxiosをimportし、Webページの再読み込み無しで データを更新 - バックエンド側(Python)ではDjango REST Frameworkというライブラリを使用して Web APIを構築
- フロントエンドとバックエンドは完全に独立しており、ドメインが異なる。そのため django-cors-headersライブラリを使用し、クロスドメインでのRequestを許可してい る。 ソースコード: https://github.com/hodanov/react-django-postgres-sample-app
- Reactは難しかったです(小並感) ReactやVue.jsの登場により、業界全体でフロントエンド主体の 開発にシフトしているようです。DjangoやRailsのようなフルスタッ ク型のフレームワークを使う場合もJSON形式のWeb APIを返す 方法をとり、ReactやVue.jsの持ち味を活かせるような開発を心 がけます。 がんばるぞい 終わり まとめ