Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
どうも、nippa です。 「PythonでWebアプリを作りたいけど、HTMLやJavaScriptは書きたくない」「デスクトップアプリのようなUIをWebで実現したい」と思ったことはありませんか?NiceGUIは、そんな願いを叶えてくれる革新的なPythonフレームワークです。FastAPIをベースとしながら、Pythonのコードだけでモダンで美しいWebアプリケーションを構築できます。今回は、NiceGUIの基本から実践的な応用まで、チュートリアル形式で詳しく解説します。 NiceGUI公式 環境 NiceGUIとは 特徴と利点 他のフレームワークとの比較 インストールと基本設定 インストール 最初のアプリケーション 基本的なUI要素 1. テキスト表示 2. 入力要素 3. ボタンとアクション レイアウトとスタイリング 1. コンテナとレイアウト 2. TailwindCSSスタイ
PythonではPython Web UIフレームワークと呼べるジャンルが注目されています。 例えばStreamlitは、Pythonスクリプトを書くだけで簡単にUIを持ったWebアプリを作れることを強みに普及していますね。みんなのPython第5版でも紹介しています。ユーザーはHTMLやJavaScriptを一切書かずに、st.write()やst.button()といった関数を使うだけで、ブラウザ上にUIを描画できます。 Streamlitが使われている分野として、データサイエンス界隈があります。モデルの可視化、データのダッシュボード、AIデモなど、“すぐに共有したい”アプリを短時間で作るのに最適だからです。 でも、そんなStreamlitにも弱点があって、たとえばページ遷移や高度なUIカスタマイズは難しい。黒魔術てんこ盛りのセッションもハマるポイントですね。簡単だと思って作り始めたア
NiceGUIとは NiceGUIは、PythonでWebアプリケーションやWebAPIを作成するためのフレームワークです。 特徴 シンプルな構文 リアルタイム更新 豊富なウィジェット レスポンシブデザイン スタイルのカスタマイズ 動かしてみよう JupyterLabで、簡単なサンプルを通してできることを確かめてみましょう。 2つのノートブックファイルを用意しました。次のリンク先の右上のDownload ZIPボタンを押してください。 NiceGUI紹介用のgist ダウンロードしたファイルを解凍すると、NiceGUI.ipynbとNiceGUI_browse.ipynbができます。 これらのファイルのある場所で作業してください。 手順 macOSでの手順を紹介します。Windowsの方は適宜読みかえてください。 次のように仮想環境を作成してください。
Your browser does not support ES modules. Please use a modern browser.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く