Streamlitとは？使い方とデータを可視化する方法

Streamlitでアプリ開発を行いたいものの、

・他のWebフレームワークとの違いが分からない…。
・機能や使い方が知りたい…。

という方も多いのではないでしょうか。そこでこの記事では、

・Streamlitの特徴や主な用途
・インストールや基本的な機能の使い方

についてご紹介します。

Streamlitの利用が初めての方でも、この記事を読めば、アプリの作成方法やデータを可視化する方法がわかります。

公開日：2022年7月29日

Pythonのみでアプリ開発できるStreamlitとは？

Streamlitとは、PythonでWebアプリケーションを作成するためのフレームワークです。

データサイエンティストやAIエンジニア向けに開発されており、バックエンド開発の知識がなくてもPythonのコードを数行書くだけで、気軽にデモ用のアプリを作成することができるのが特徴です。

　

Streamlitの特徴と利用用途

Streamlitの一番の特徴は手軽に開発できるため、最短一行のコードでWebアプリを開発できて、アプリのデプロイも容易に行えます。複雑なコードが理解できない方でもStreamlitのコードであれば直感的に理解しながら開発することができます。

WebUIを簡単に作成できるため、アプリがひとまず動くかどうかを素早く確認したい場合に適しています。

また、StreamlitはHTMLやCSSなどの知識を要することなくデータの可視化が可能で、主にデータサイエンス領域など、値を動的に変更するWebアプリに用いられることが多いです。

他にも、実行例を呼び出すコマンドが準備されていたり、公式ドキュメントが充実していたりするのでとても学習しやすいのも特徴です。

他のWebフレームワークとの違い

PythonのWebフレームワークには、Streamlit以外にもDjangoやFlaskなどがあります。

Djangoは、データベース操作やフォームの管理など、幅広い機能を備えたフレームワークです。大規模なWebアプリを開発する際に、Djangoが役立ちます。Flaskは最小限の機能を備えたフレームワークで、動作の軽さや拡張の柔軟性が特徴です。

これらのWebフレームワークとStreamlitの違いとして、データサイエンスや機械学習に特化していることが挙げられます。また、Streamlitでは他のWebフレームワークよりもシンプルなコードでアプリを実装できます。

ただし、Streamlitは簡易的な機能に限られるため、大規模なWebアプリを開発したい場合はDjangoなどの別のフレームワークを使用しましょう。

	Streamlit	Django	Flask
コスト	低い	高い	中
機能	簡易的な機能	幅広い機能	最小限の機能
Python/JavaScript知識	不要	必要	必要
HTML/CSS知識	不要	必要	必要
得意領域	スピード重視のWebアプリ開発やデータサイエンス・機械学習	大規模で本格的なWebアプリ開発	小規模で簡単なWebアプリ開発

Djangoについては「Django(ジャンゴ)とは？Pythonのフレームワークを活用し、Web開発に役立てよう」で詳しく解説しています。

　

Streamlitのインストールとアプリの作成方法

ここからは、Streamlitの基本的な操作を確認していきますが、本記事ではPythonがインストールされた環境を前提として説明していきます。

環境構築については「Pythonの開発環境はどうすればいい？統合開発環境もまとめて解説！」で詳しく解説しています。

まず、VSCodeのターミナルを開き以下のコマンドを実行してインストールを行います。

以下はインストールが完了した時の画面です。

anacondaで仮想環境を構築してからインストールする場合は以下のコマンドを実行します。

次にサンプルアプリを実行してみます。

以下のコマンドを実行し、デモ環境を立ち上げます。

実行すると以下のように表示されブラウザが立ち上がります。

ブラウザを開くと以下の画面が表示されます。

画面左のSelect a demo aboveから様々なサンプルアプリを確認できます。

最後にアプリを作ってみます。まずは、公式ドキュメントを確認してみましょう。

上記画像、赤枠のComponentsでStreamlitの拡張機能を確認できます。サードパーティのモジュールを利用することでより効率的にWebアプリを作成できるのでぜひ利用していきましょう。

事前準備としてapp.pyというファイルを作成してください。作成後、以下のソースコードを記述しましょう。

2行の簡単なコードです。

コードの作成が完了したらターミナルで以下のコマンドを実行しましょう。

実行するとご覧のページが表示されます。

　

Streamlitの基本的な機能の使い方を紹介！

Streamlitでは、ボタンやテキスト入力フォームなど、Webアプリに必要な機能を簡単なコードで実装できます。ここでは、以下のStreamlitの基本的な機能の使い方を見ていきましょう。

●タイトル・ヘッダー・テキスト
●ボタン・ラジオボタン
●チェックボックス・セレクトボックス
●テキスト入力フォーム
●メニューリスト

タイトル・ヘッダー・テキスト

タイトルやヘッダー、テキストを表示するには、下記のようなコードを記述します。

コードを実行すると、タイトルとヘッダー、テキストが表示されます。

ボタン・ラジオボタン

ボタンを表示し、クリックされた時に何らかのアクションを行うコードの例は次の通りです。

このコードでは、ボタンをクリックした時にテキストが表示されます。

ラジオボタンを表示するコード例は次の通りです。

上記のコードでは、クリックしたラジオボタンに応じて、表示するテキストが切り替わります。

チェックボックス・セレクトボックス

チェックボックスを実装するコード例は次の通りです。

このコードでは、チェックが入っている時だけテキストが表示されます。

複数の項目から選択できるセレクトボックスのコード例は次の通りです。

選択した項目に応じてテキストの内容が変化します。

テキスト入力フォーム

テキスト入力フォームを実装するコード例は次の通りです。

上記のコードを実行すると、フォームに入力した文字列が下部に表示されます。

メニューリスト

複数選択が可能なメニューリストを作成するコード例は次の通りです。

コード内の「st.write()」の冒頭にある「f」は、Pythonのフォーマット文字列を使用するためのコマンドです。ここでは、変数「order」を{}で囲うことで、メニューリストから選択された項目をテキスト内に埋め込んでいます。

　

Streamlitでグラフを使ってデータを可視化しよう！

ここではStreamlitでグラフを描画する方法をご紹介します。

簡単な表やグラフを表示する

表やグラフを表示する際はStreamlitに加えて、次のようなコードで「numpy」や「pandas」などのライブラリをインポートしましょう。

表を作成するコード例は次の通りです。ここではある製品の長さや重さを表にするためのコードを紹介します。

表に含めるデータは、コードとして追加できます。

棒グラフを表示するコード例は次の通りです。ここではおにぎりの売り上げを棒グラフで表示ためのコードを紹介します。

折れ線グラフは、次のようなコードで表示できます。ここではある期間の売り上げを折れ線グラフで表示するためのコードを紹介します。

これらのほかに散布図などのグラフも作成できます。

Matplotlibでより凝ったグラフを表示する

より自由度の高いグラフを作成して表示したい場合はMatplotlibを用いてグラフを作成しましょう。

以下のコマンドを実行し、Matplotlibをインポートします。

Matplotlibにてグラフの詳細を設定し、st.pyplot()という関数の引数に作成したグラフを与えればグラフが表示されます。Matplotlibを使って折れ線グラフを表示するコード例は次の通りです。

Matplotlibを活用すると、グラフ内にデータの名称や軸の名前などを分かりやすく表示できます。
Matplotlibの使い方について詳しくは「Pythonでグラフ描画する方法を解説。Matplotlibを使えば簡単！」をご覧ください。

　

Streamlitを使ってWebアプリを構築してみよう

この記事ではPythonのみでWebアプリ開発ができるStreamlitについて、特徴や使い方をご紹介しました。

Streamlitを活用すると、簡単なコードを記述するだけで、表やグラフを使ったデータの可視化ができます。

Streamlitを使ったアプリ開発について詳しく学びたい方には、下記の講座がおすすめです。

Webアプリの開発を効率化したい方は、ぜひStreamlitを活用しましょう。

評価：★★★★★
全体的に難易度も低めで取り組みやすいコース。決定木の説明がわかりやすく、ここを見るだけでも価値がある。

評価：★★★★★
聞き取りやすい。一からの順番説明もいい。