Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ReactとPython/Djangoで何か作りたい
Search
hoda
May 13, 2019
Technology
1
600
ReactとPython/Djangoで何か作りたい
Python入門者の集い #8
https://python-nyumon.connpass.com/event/113338/
のLT資料です。
hoda
May 13, 2019
Tweet
Share
More Decks by hoda
See All by hoda
Stable Diffusion楽しいぞい というお気持ちの共有
hodanov
0
160
なぜ私はVimを使うことになったのか
hodanov
2
510
Docker入門ハンズオン.pdf
hodanov
6
2.1k
Other Decks in Technology
See All in Technology
Hyperledger Fabricの成長、成熟を振り返る / Looking back history of Hyperledger Fabric
gakumura
0
180
Building Static Websites with Sculpin
opdavies
0
1.4k
AWSを始めた頃に陥りがちなポイントをまとめてみた
oshanqq
1
2k
エンジニア向け会社紹介資料
caddi_eng
15
250k
Our Journey from in-House CD System to Open Source
ffjlabo
0
100
Dojo 20240830 COBOL to Java on Z
ichikawayasuhisa
0
240
サイボウズ 開発本部採用ピッチ / Cybozu Engineer Recruit
cybozuinsideout
PRO
9
41k
Oracle Database Backup Service:サービス概要のご紹介
oracle4engineer
PRO
0
4k
Staff Engineer / 20240827 Yuichiro Masui
shift_evolve
0
150
RAGHack: Kickoff and RAG 101
pamelafox
0
220
20240906_JAWS_Yamanashi_#1_leap_beyond_the_AWS_all_certifications
tsumita
1
140
すぐに始めるAWSコスト削減。短期でできる改善策と長期的な運用負荷軽減への取り組み方を解説
ncdc
1
310
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1029
450k
Code Reviewing Like a Champion
maltzj
518
39k
How to Think Like a Performance Engineer
csswizardry
15
920
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
24
2k
What's new in Ruby 2.0
geeforr
340
31k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
52k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
Six Lessons from altMBA
skipperchong
26
3.3k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.4k
Designing on Purpose - Digital PM Summit 2013
jponch
113
6.8k
Facilitating Awesome Meetings
lara
49
5.9k
Robots, Beer and Maslow
schacon
PRO
157
8.1k
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の持ち味を活かせるような開発を心 がけます。 がんばるぞい 終わり まとめ