PythonだけでWebアプリが作れるライブラリが増えている（2024.05）

**2024.9.7：[Anvil](#anvil)について追記しました。**
**2024.8.6：[FastHTML](#fasthtml)について追記しました。**

※本記事で言及しているReflexのdiscordサーバー内に日本語チャンネルをつくってもらいました。もし、興味をもった人がいたら参加してみてください。

https://discord.gg/DeWEstSxZy


# １．PythonだけでWebアプリをつくるライブラリが増えている

最近（2024.05）、Python界隈ではPythonだけでWebアプリが作れるライブラリが増えています。詳しくは他の記事を参照してもらえればと思います。
以下の記事がとても参考になりました。ありがとうございます。

https://zenn.dev/neka_nat/articles/f2f5b6ebeb049a

# ２．ライブラリの分類

こうしたライブラリも大きくわけて２つの種類があるように思います。

①データ解析の結果を表示するダッシュボードライブラリ
②汎用的なWebアプリをつくるローコードライブラリ

## ①ダッシュボード系ライブラリ

たとえば、上記の記事にも出てきますし、ネットでもかなり情報の多い、StreamlitやDashは項番1のダッシュボードライブラリに該当すると思います。
PandasのDataframeをつかって、表やグラフが簡単にできます。

Pythonを使う人のなかでもデータ解析をしている人にとっては、Webアプリを作るというのはメインのタスクではなく、サブタスクに過ぎません。
可視化をしたり、人と情報共有するためにWebアプリは便利ですが、TypeScriptをつかって、ビルドの準備して、バックエンドのAPI用意してとかしてたら、データ解析というメインタスクに支障を来します。

そこで、StreamlitやDashなどのPythonだけでコーディングできて、フロントのビルドの準備もせず、コンポーネントも作らず、簡単にWebアプリが作れるライブラリのニーズが高いのだと思います。

https://streamlit.io/

https://qiita.com/papasim824/items/1804bc1bd8d4c195d8a8

https://dash.plotly.com/

上記のライブラリは、データ解析系のダッシュボードを作るには便利なのですが、業務系のWebアプリをつくるとなるとややカスタマイズが大変な部分もあります。
まだ発展途上なので、そのうち汎用的なWebアプリの開発ニーズを満たす機能が実装されるかもしれません。ただ、現時点（2024.05）では、その機能は不足しているように思います。

## ②汎用的なWebアプリをつくるローコードライブラリ

データ解析用のダッシュボードではなく、業務系のWebアプリがつくりたい場合のライブラリもPythonにはあります。たとえば、ReflexやFletが挙げられます。

### Reflex

Reflexは、PythonをつかってReactライクなコーディングで画面を作成することができます。ある程度コンポーネントも作ってくれているので、呼び出すだけでコンポーネントを表示できます。
Reactの良さは、JavaScriptやTypeScriptのコンテキストですべてをかけることによる、認知や作業の負担軽減だと思います。
ReflexはそれをPythonで実現していると思います。

https://github.com/reflex-dev/reflex

https://qiita.com/payaneco/items/abda32f83a6e3eb33dc0

### Flet

もう一つはFlet。こちらはReflexとは趣が違っていて、Webアプリだけでなく、スマホアプリも作れます。というか、PythonでコーディングしてFlutterのコードを生成しているようです。

Flutterも最近は様々なプロダクションに使われていますが、それをPythonだけで作れるのはかなり魅力的だと思います。私はまだ触っていないですが、そのうち触ってみたいと思います。

https://github.com/flet-dev/flet

https://qiita.com/y_kato_eng/items/de5214d2540a9a8f693d

これらのライブラリは、ダッシュボードライブラリとは違っていて、汎用的なWebアプリがつくれるような設計になっています。
たとえば、ログイン画面の実装、メニューの配置とか、Webアプリをつくっていると実装しないといけないものを独自のカスタマイズではなく、ライブラリの想定する設計に即してコーディングできます。

ダッシュボードライブラリではなく、Webアプリが作りたいならReflexやFletのような汎用的なWebアプリ用のローコードライブラリを使うのがよいと思います。

### FastHTML

(2024.8.6追記）FastHTMLというReflexと似たようなライブラリがあります。見た感じかなりシンプルですね。

https://daily.dev/blog/fasthtml-everything-you-need-to-know-about-this-modern-web-framework-in-pure-python

### Anvil

ドラッグアンドドロップで画面を作れて、アクションをPythonでコーディングするAnvilというサービスもあります。こちら、オンプレへのデプロイもできたり、Gitでのソース管理もできます。
※こちらはライブラリではなく、Webサービス。

https://anvil.works/

編集画面は以下。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/15972/aa774b5a-42fe-7800-3d37-f898ca85388d.png)

アクションはPythonでコーディング。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/15972/36a4ae5f-b7f6-e314-011e-8e978296d006.png)



# ３．何故、一言語だけでアプリが作れるライブラリが増えているのか？

最近は、RailsのHotwireやLaravelのLivewireなど、脱JavaScript/TypeScript、脱フロントビルド準備などがWeb開発の現場で少しずつ見られるようになってきました。


https://zenn.dev/shita1112/books/cat-hotwire-turbo/viewer/abstract

https://qiita.com/okuzumi_slj/items/ccaa68bfe6fecd2a173b#:~:text=Livewire%E3%81%AF%E3%80%81Laravel%E3%81%A8%E3%81%84%E3%81%86PHP,%E3%82%92%E9%96%8B%E7%99%BA%E3%81%A7%E3%81%8D%E3%82%8B%E3%83%84%E3%83%BC%E3%83%AB%E3%81%A7%E3%81%99%E3%80%82

もう20年近くWeb開発していますが、ビルドを伴うWebのフロント開発は、準備、コーディングが結構大変だと感じます。それに加えて、UI特有の設計の問題、ブラウザへの対応など、やることてんこ盛りです。正直、どの領域でもいいので、楽をしたいのがプログラマーの本音ではないでしょうか？
少なくとも私はそう感じています。

https://zenn.dev/erukiti/articles/universal-wars

これへの解決方法として生まれたのが、前述のHotwireやLivewireなど、あらかじめビルドの準備はしてくれていて、一つの言語だけでコーディングできる技術セットではないでしょうか？

そして、本記事でとりあげたPythonのWeb系ライブラリは、コンポーネントの開発までしてくれています。もう、ユーザーの要件定義と基本設計（外部設計）さえしたらコーディングに取りかかれるレベルです。

上記で言及したPython、Ruby、PHPで触れたWebアプリを簡単につくれる技術は、最終的に、JavaScript、HTML、CSSを生成しているので、ビルドを準備してTypeScriptで開発する方法と成果物は変わりません。
準備やコーディングの仕方が変わっているだけです。

たとえば、StreamlitやReflexは、コンポーネントの実装は、Reactがつかわれていたり、ReflexはNextJSをフロントのフレームワークとして利用しています。

成果物が同じなら、準備や製造が楽に越したことはありません。
ちなみに、StreamlitやReflexは、Reactでのカスタマイズもできますので、いざとなれば複雑なものはTypeScriptやJavaScriptでつくればよいです。

https://zenn.dev/peter_yusuke/articles/4eac35626021a9

経験的に、業務アプリだとそこまでカスタマイズでつくるものはないと思います。

# ４．業務アプリをPythonのライブラリでつくるメリット

RubyやPHPでもWebアプリを簡単につくれる技術があります。
ただ、業務アプリを作る上でPythonで作るほうが良い点があります。

それは、Pandasなどのデータや表を扱うライブラリやExcelを操作するライブラリが充実していることです。
StreamlitやReflexは、PandasのDataFrameをつかえばすごく簡単に表が作れてしまいます。

業務アプリにおいて表を使わないものは皆無に等しいでしょう。
そして、意外とつくるのがめんどくさいものです。かぎりなくExcelに近づけてくれという要望も高いです。

StreamlitやReflexはこうしたニーズに比較的容易に対応できます。
こうしたことからPythonのWebアプリライブラリの方が業務アプリには向いているなと感じます。

https://note.com/hondi/n/nbf9c66bdfc36

https://reflex.dev/docs/library/datadisplay/datatable/

たとえば、Reflexは以下のコードだけでCSVから表をつくることができます。

```py
import pandas as pd
nba_data = pd.read_csv("https://media.geeksforgeeks.org/wp-content/uploads/nba.csv")"""
...
rx.data_table(
    data = nba_data[["Name", "Height", "Age"]],
    pagination= True,
    search= True,
    sort= True,
)

```

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/15972/e143c6f9-f3dd-b7db-a420-d9cdffb7f4a8.png)

上記は、以下の公式から引用しました。

https://reflex.dev/docs/library/datadisplay/datatable/

あと、Reflexについては、FastAPI、SQLAlchemy、Alembic、Pydanticなどをラッピングしており、Router、ORM、Migration、Validationの機能もついています。

https://reflex.dev/docs/database/overview/

https://reflex.dev/docs/api-reference/base/

PythonのWebアプリライブラリは、かなり必要なことを踏まえつつコーディング量を減らしてくれるのでとても便利だなという気がします。

# 補足：業務アプリを作る際の体験談

以前、Streamlitで業務アプリを作ってみました。その結果、ログイン画面の実装やテーブルの日本語入力でいろいろとカスタマイズが必要になりました。

https://qiita.com/SFITB/items/edab42e21e73a882ae70

やはりダッシュボードライブラリではなく、汎用的なWebアプリライブラリを使わないといけないんだと感じて、今は、Reflexを触っています。

Streamlitも純粋にデータ解析用のダッシュボードをつくるのであれば問題ないと思います。とても人気のあるライブラリですし、今後もますます機能が充実していくと思います。
Stremlitはこの領域においては、かなり有名でダウンロード数も月に数百万もあります。

https://pypistats.org/packages/streamlit

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/15972/6dfb17c7-0d34-0097-4f95-51254325a068.png)


しかし、Streamlitの機能充実を待たず、今すぐ工数の少ないアプリをつくりたいと考え、今はReflexでの開発をしています。まだ、細かいところは不満もありますが、Streamlitよりはかなりスムーズに実装ができています。

細かい不満はHotreloadが少しだけ遅い点とドキュメントや情報が少ない点でしょうか。

ただ、この点については、そこまで開発の支障にはなってないです。Reflexはまだメジャーバージョンではないですが、今後の発展の中でこれらは解消していくのではと期待しています。

Githubのスターの数も16Kで、Streamlitの31Kには及びませんが、2022年にリリースしたことを考えるとかなり早く多くのスターを獲得してると思います。

Reflexはライブラリと同名の会社が開発をしています。この会社はYCombinatorなどのベンチャーキャピタルからの投資を受けており、今後の発展を期待しています。

> Today, the company announced a $5 million seed investment.

https://techcrunch.com/2023/08/02/reflex-open-source-tool-helps-turn-python-code-into-web-apps/


Web開発で必要となることはだいたいできています。また、コーディング量も少なくなり、比較的わかりやすいモジュール構成になるので、メンテをするにもメリットが有ると感じます。

まだまだ日本語の情報が少ないので、私の方でも少しずつ知見を投稿して日本でも広まるようになればと思います。

# 補足2：Reflexに関する記事

ReflexのREADMEについて、日本語訳が追加されました。

https://github.com/reflex-dev/reflex/blob/main/docs/ja/README.md

DBをつかったアプリを作る際に参考にした情報を記事にしました。

https://qiita.com/SFITB/items/4b78d5047b6b3eeb5207

Reflexのサーバサイドの挙動が気になったので記事にしました。

https://qiita.com/SFITB/items/8567739c8c010d0fb758

ReflexのREADMEを和訳して下さった方のReflex の紹介記事です。

https://zenn.dev/peter_yusuke/articles/d3a799930d1ff7

ReflexでDBマイグレーションをする方法を説明した記事です。

https://qiita.com/SFITB/items/b339cc42290a74860af9