TwitterのタイムラインのようなWebページを作る方法

Question

お世話になります。

タイトルのとおりですが、Twitterのタイムラインのように、
最新の内容を動的に、ページリロードすることなく表示できるWebページを作りたいです。
チャットのようなイメージでも間違っていないと思います。

Webプログラミングについては初心者です。バックエンドについてはDjango girlsのTutorialを一通り終えました。
Templateを使ってHTMLの内容を柔軟に変更できることは理解しました。ただ、これだけでは表示内容を更新するときはページ遷移が必要だと理解しており、
ページ遷移せずに動的にWebページの表示を変更するにはフロントエンドの技術が必要だと理解しています。

しかしながら、フロントエンド周りはいろいろとありすぎてよくわかっていません。
軽く調べた限りでは、jQueryが使えればとりあえず作りたいものは作れるのかな、と思っていますが如何でしょうか。
Vue.jsやReactなどのフレームワークまで必要なのかが分かっておりません。
（jQueryがやや古典になりつつある？のは承知しております。ただ最初は学習コストをかけずにまずモノを形にする方が良いかなと思っています）

なおバックエンドはPythonのDjangoで考えております。
単に私が仕事でPythonを使っているため、学習コストが低いというのが理由になります。
また、作りたいものは、とあるニッチな趣味に関するコミュニケーションというか半分チャットのようなサイトです。

アドバイスの程、是非ともよろしくお願いいたします。

＊備考
・　本職：　組み込みソフト開発
・　普段の使用言語：　C/C++, Python
・　メイン開発環境：　Ubuntu 16.04

Comments

[m.ts10806]

回答はしたのですが、「Python」による回答をお望みでしたら「Python」「Django」などをタグに入れておいたほうが良いかもしれません。私は現在のタグについてはある程度の知識は持っていますが、Pythonについてはあまり詳しくはないので。Pythonに精通された方のほうがより具体的なアドバイスが可能となるようにも思います

[m.ts10806]

差支えなければどのように解決したのかコメントいただければと。質問・回答から少し時間が経っているため、いきなりコメントも何もないまま「解決」となったため「どうなったんだろう」と気になっています。https://teratail.com/help/question-tips#questionTips4-2

Answer 1

ページ遷移せずに動的にWebページの表示を変更する

Ajaxを定期実行しデータを取得しHTMLを書き換えると良いです。
JavaScriptからサーバー側の言語（今回質問だとPythonですかね）を非同期で実行してデータを取得する仕組みが「Ajax」です（正確にはサーバー側の言語に限りませんが）
余裕があればWebSocketについても学んでみてもいいかもしれません。

Comments

[sin_250]

ご回答有り難うございます。
勉強になります、というか私が勘違いをしていたことに気づかせていただけました。
Ajaxは名前は知っていたのですがフロントエンド側の話であってサーバ側は無関係だと思っていましたが、
実際は両方関係あるのですね。
DjangoでAjaxという切り口で必要なものを調べるべきだと理解しました。ありがとうございます。

[m.ts10806]

「非同期通信」の仕組みなので、その通信先をどうするかだと思います。
もちろん自サーバー内のぷろぐらむプログラムを含めてAPIを叩くこともありますしJSONからデータを取得するときにも使えます。