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
590
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
98
なぜ私はVimを使うことになったのか
hodanov
2
490
Docker入門ハンズオン.pdf
hodanov
6
2.1k
Other Decks in Technology
See All in Technology
Reducing Cross-Zone Egress at Spotify with Custom gRPC Load Balancing Recap
koh_naga
0
210
KubeConにproposalを送りたい人へのアドバイス
sat
PRO
3
260
「スニダン」開発組織の構造に込めた意図 ~組織作りはパッションや政治ではない!~
rinchsan
3
570
データベース02: データベースの概念
trycycle
0
160
[新卒向け研修資料] テスト文字列に「うんこ」と入れるな(2024年版)
infiniteloop_inc
4
16k
Kernel MemoryでAzure OpenAI Serviceとお手軽データソース連携
mitsuzono
1
260
Gitlab本から学んだこと - そーだいなるプレイバック / gitlab-book
soudai
4
440
現代CSSフレームワークの内部実装とその仕組み
poteboy
7
3.6k
オーナーシップを持つ領域を明確にする
konifar
13
3.2k
【NW X Security JAWS#3】L3-4:AWS環境のIPv6移行に向けて知っておきたいこと
shotashiratori
0
350
本当のAWS基礎
toru_kubota
0
520
ゼロから始めるVue.jsコミュニティ貢献 / first-vuejs-community-contribution-link-and-motivation
lmi
1
130
Featured
See All Featured
Facilitating Awesome Meetings
lara
42
5.6k
Automating Front-end Workflow
addyosmani
1356
200k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
2
3.4k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
357
22k
Fireside Chat
paigeccino
21
2.6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.1k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.6k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
2
1.3k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Done Done
chrislema
178
15k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
125
32k
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の持ち味を活かせるような開発を心 がけます。 がんばるぞい 終わり まとめ