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
ueponx
September 20, 2024
Programming
0
1.4k
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
0
190
開発用LLMインフラをVSCode内で完結させる
ueponx
1
350
Node-REDからreCameraへのファーストタッチ
ueponx
0
140
Pythonでもちょっとリッチな見た目のアプリを設計してみる
ueponx
1
1.8k
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
What's New in Web AI?
christianliebel
PRO
0
130
30分でDoctrineの仕組みと使い方を完全にマスターする / phpconkagawa 2025 Doctrine
ttskch
1
150
チーム開発の “地ならし"
konifar
8
5.7k
Eloquentを使ってどこまでコードの治安を保てるのか?を新人が考察してみた
itokoh0405
0
3.2k
Duke on CRaC with Jakarta EE
ivargrimstad
0
160
Claude Code on the Web を超える!? Codex Cloud の実践テク5選
sunagaku
0
590
Vueで学ぶデータ構造入門 リンクリストとキューでリアクティビティを捉える / Vue Data Structures: Linked Lists and Queues for Reactivity
konkarin
1
320
予防に勝る防御なし(2025年版) - 堅牢なコードを導く様々な設計のヒント / Growing Reliable Code PHP Conference Fukuoka 2025
twada
PRO
39
13k
自動テストのアーキテクチャとその理由ー大規模ゲーム開発の場合ー
segadevtech
2
1k
AIの弱点、やっぱりプログラミングは人間が(も)勉強しよう / YAPC AI and Programming
kishida
10
5.2k
例外処理を理解して、設計段階からエラーを見つけやすく、起こりにくく #phpconfuk
kajitack
12
6.3k
モデル駆動設計をやってみよう Modeling Forum2025ワークショップ/Let’s Try Model-Driven Design
haru860
0
170
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
192
56k
[RailsConf 2023] Rails as a piece of cake
palkan
57
6.1k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Speed Design
sergeychernyshev
33
1.2k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Scaling GitHub
holman
464
140k
Being A Developer After 40
akosma
91
590k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Product Roadmaps are Hard
iamctodd
PRO
55
12k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.2k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
KATA
mclloyd
PRO
32
15k
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/ 元になる⽂書をあたえて作成してもらいました。画像は差し替えていますけど