Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
PythonとFletで簡単 GUIアプリを作ろう
Search
ueponx
September 20, 2024
Programming
0
1.6k
PythonとFletで簡単 GUIアプリを作ろう
PythonでGUIアプリを作りたいと思ったことはないですか?Fletを使えば、おしゃれでモダンなUIのアプリを簡単に作れる。デスクトップアプリだけでなく、Webアプリにも対応しています。
ueponx
September 20, 2024
Tweet
Share
More Decks by ueponx
See All by ueponx
Node-REDで広がるプログラミング教育の可能性
ueponx
1
210
開発用LLMインフラをVSCode内で完結させる
ueponx
1
360
Node-REDからreCameraへのファーストタッチ
ueponx
0
140
Pythonでもちょっとリッチな見た目のアプリを設計してみる
ueponx
1
2k
SORACOM UG 東海 #9
ueponx
0
130
変化する時代のIBMChampionの新しい挑戦
ueponx
0
230
EduBlocksでPythonのブロックプログラミング体験!
ueponx
0
1.4k
enebular in education 大学講義での実践を通して
ueponx
0
270
Node-REDからAWS IoT Coreを使用してみる
ueponx
1
1.9k
Other Decks in Programming
See All in Programming
認証・認可の基本を学ぼう後編
kouyuume
0
190
Canon EOS R50 V と R5 Mark II 購入でみえてきた最近のデジイチ VR180 事情、そして VR180 静止画に活路を見出すまで
karad
0
110
堅牢なフロントエンドテスト基盤を構築するために行った取り組み
shogo4131
8
2.3k
配送計画の均等化機能を提供する取り組みについて(⽩⾦鉱業 Meetup Vol.21@六本⽊(数理最適化編))
izu_nori
0
150
20251212 AI 時代的 Legacy Code 營救術 2025 WebConf
mouson
0
120
MAP, Jigsaw, Code Golf 振り返り会 by 関東Kaggler会|Jigsaw 15th Solution
hasibirok0
0
230
複数人でのCLI/Infrastructure as Codeの暮らしを良くする
shmokmt
5
2.3k
ID管理機能開発の裏側 高速にSaaS連携を実現したチームのAI活用編
atzzcokek
0
220
Microservices rules: What good looks like
cer
PRO
0
1.3k
リリース時」テストから「デイリー実行」へ!開発マネージャが取り組んだ、レガシー自動テストのモダン化戦略
goataka
0
130
Cap'n Webについて
yusukebe
0
130
関数実行の裏側では何が起きているのか?
minop1205
1
690
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
6k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
7.9k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
Why Our Code Smells
bkeepers
PRO
340
57k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
36
6.2k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.3k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Build The Right Thing And Hit Your Dates
maggiecrowley
38
3k
Optimizing for Happiness
mojombo
379
70k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.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/ 元になる⽂書をあたえて作成してもらいました。画像は差し替えていますけど