困ったこと

Google CloudのCloud Shell Editor上で、Streamlitを起動してプレビューしようとしたら、ふにゃふにゃ（スケルトン）になって表示されず焦りました。

解決策

CORSをオフにすることです。

すなわち、Streamlitの起動オプションに、

--server.enableCORS=false

をつければ良いです。

詳細は、本家のドキュメントのSymptom #2を参考にしてください。

味気ないので記録として、残させてください。

Cloud Shell Editorの中で環境は作り終え、次のように起動しました。

streamlit hello --server.port 8080

8080ポートをCloud Shell Editorではプレビューにデフォルトで対応していたから指定しています。

すると、スケルトンの要素がうにゃうにゃと、蠢くのみ。。。

なぜだめなのか？ブラウザの検証で状況を把握しようとしました。

すると、ソースには

You need to enable JavaScript to run this app.

の文字が。

このまま検索すると、Streamlitのコミュニティ投稿に当たるも、ピンポイントのものは見つからなかった。
下の方に、公式ドキュメントのページがあるのを見つけ、これがヒット。

とりあえず上から試してみて、

# Symptom #1: The app never loads
python -m http.server 8080

これはOK。だが、解決ではない。

次、

# Symptom #2: The app says "Please wait..." or shows skeleton elements forever
streamlit run app.py --server.port 8080 --server.enableCORS=false

ヒット！
あと、そこで初めて、あの”うにょうにょ”がskelton elementsと呼ばれていることを知る。（今日イチの学び）

こうして、Cloud Shell EditorがStreamlitの勉強に使えるとわかってホッとしました。Cloud Shell Editorには週50時間という上限があるので、この数字が与える影響次第では、Cloud9でも使っちゃおうかな～と思っています。