Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
PythonとFletで簡単 GUIアプリを作ろう
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
ueponx
September 20, 2024
Programming
0
2k
PythonとFletで簡単 GUIアプリを作ろう
PythonでGUIアプリを作りたいと思ったことはないですか?Fletを使えば、おしゃれでモダンなUIのアプリを簡単に作れる。デスクトップアプリだけでなく、Webアプリにも対応しています。
ueponx
September 20, 2024
Tweet
Share
More Decks by ueponx
See All by ueponx
TinyTroupeで人狼ゲームやってみた!
ueponx
0
130
Node-REDで広がるプログラミング教育の可能性
ueponx
1
290
開発用LLMインフラをVSCode内で完結させる
ueponx
1
400
Node-REDからreCameraへのファーストタッチ
ueponx
0
170
Pythonでもちょっとリッチな見た目のアプリを設計してみる
ueponx
1
2.6k
SORACOM UG 東海 #9
ueponx
0
160
変化する時代のIBMChampionの新しい挑戦
ueponx
0
250
EduBlocksでPythonのブロックプログラミング体験!
ueponx
0
1.7k
enebular in education 大学講義での実践を通して
ueponx
0
300
Other Decks in Programming
See All in Programming
ポーリング処理廃止によるイベント駆動アーキテクチャへの移行
seitarof
3
1.1k
条件判定に名前、つけてますか? #phperkaigi #c
77web
2
590
Claude Codeログ基盤の構築
giginet
PRO
7
3.5k
Codex の「自走力」を高める
yorifuji
0
1.3k
[PHPerKaigi 2026]PHPerKaigi2025の企画CodeGolfが最高すぎて社内で内製して半年運営して得た内製と運営の知見
ikezoemakoto
0
230
RAGでハマりがちな"Excelの罠"を、データの構造化で突破する
harumiweb
9
3k
「接続」—パフォーマンスチューニングの最後の一手 〜点と点を結ぶ、その一瞬のために〜
kentaroutakeda
3
1.4k
守る「だけ」の優しいEMを抜けて、 事業とチームを両方見る視点を身につけた話
maroon8021
3
1.2k
DevinとClaude Code、SREの現場で使い倒してみた件
karia
1
1.1k
GC言語のWasm化とComponent Modelサポートの実践と課題 - Scalaの場合
tanishiking
0
120
我々はなぜ「層」を分けるのか〜「関心の分離」と「抽象化」で手に入れる変更に強いシンプルな設計〜 #phperkaigi / PHPerKaigi 2026
shogogg
2
120
クライアントワークでSREをするということ。あるいは事業会社におけるSREと同じこと・違うこと
nnaka2992
1
350
Featured
See All Featured
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
150
How to Think Like a Performance Engineer
csswizardry
28
2.5k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
150
The Limits of Empathy - UXLibs8
cassininazir
1
270
Building AI with AI
inesmontani
PRO
1
810
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.4k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
1
1.3k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2k
Build your cross-platform service in a week with App Engine
jlugia
234
18k
Building Adaptive Systems
keathley
44
3k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
2.5k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.3k
Transcript
PythonとFletで簡単 GUIアプリを作ろう PythonでGUIアプリを作りたいと思ったことはないですか?Fletを使えば、お しゃれで現代的なUIのアプリを簡単に作れる。デスクトップアプリだけでな く、Webアプリにも対応! by uepon x
Fletとは Fletは、Web、デスクトップ、モバイルアプリを簡単に構 築できるフレームワークです。Googleが開発したFlutter がベースで、モダンなUIを使ったGUIアプリの作成ができ る。 1 簡単 プログラミング初級者でも使いやすい。 2 モダン
スタイリッシュなデザインが可能。 3 マルチプラットフォーム デスクトップとWebに対応。
Fletインストール Fletのインストールは簡単。pipコマンドのみ! https://flet.dev/ 1 準備 必要に応じて仮想環境を準備(venv) 2 インストール pip install
flet を実⾏する 3 確認 インストールの確認する
アプリの作成 Fletでは、ページとコントロールという概念がある。コン トロールはページに追加される。Hello, Worldアプリを作 成してみよう。 ページ ft.Pageで表現される。アプリの基本となる。 コントロール ft.Textなど。ページに追加される要素。 イベントハンドラ
ボタンクリックなどの動作を設定できる。
Hello, World アプリの実⾏ 作成したアプリは、flet runコマンドで実⾏する。--webオ プションを使えば、Webアプリとしても起動できる。 1 コード作成 Pythonのコードを書く。 2
実⾏コマンド flet run hello.pyを実⾏。 3 アプリ起動 デスクトップまたはWebで表⽰。
アプリの実⾏ 1つのソースプログラムからデスクトップアプリとWebア プリの両⽅で動作確認ができる。 デスクトップとして実⾏ ホットリロードにも対応。 $ flet run hello.py Webアプリとして実⾏
--webオプションでブラウザ起動。 $ flet run --web --port 8080 hello.py モバイル レスポンシブデザインに対応。
Fletの可能性 Fletを使えば、おしゃれで直感的なUIのアプリが簡単に作れます。 そのうえ、マルチプラットフォーム対応で⾼機能なアプリやWebアプリまで幅広く対応。 Todoアプリ タスク管理アプリも簡単に作成可能。 データ可視化 グラフやチャートを使った分析ツール も。 ECサイト オンラインショップの構築にも活⽤で
きる。
実は…このスライドはGammaで⾃動作成しました Lj https://gamma.app/ 元になる⽂書をあたえて作成してもらいました。画像は差し替えていますけど