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
810
PythonとFletで簡単 GUIアプリを作ろう
PythonでGUIアプリを作りたいと思ったことはないですか?Fletを使えば、おしゃれでモダンなUIのアプリを簡単に作れる。デスクトップアプリだけでなく、Webアプリにも対応しています。
ueponx
September 20, 2024
Tweet
Share
More Decks by ueponx
See All by ueponx
Node-REDからreCameraへのファーストタッチ
ueponx
0
7
Pythonでもちょっとリッチな見た目のアプリを設計してみる
ueponx
1
920
SORACOM UG 東海 #9
ueponx
0
100
変化する時代のIBMChampionの新しい挑戦
ueponx
0
200
EduBlocksでPythonのブロックプログラミング体験!
ueponx
0
1.1k
enebular in education 大学講義での実践を通して
ueponx
0
240
Node-REDからAWS IoT Coreを使用してみる
ueponx
1
1.7k
Springin‘でみんなもクリエイターに!
ueponx
0
570
相性ピッタリ!reTerminalとNode-REDのステキな関係
ueponx
0
890
Other Decks in Programming
See All in Programming
“技術カンファレンスで何か変わる?” ──RubyKaigi後の自分とチームを振り返る
ssagara00
0
200
AIコーディングの本質は“コード“ではなく“構造“だった / The essence of AI coding is not “code” but "structure
seike460
PRO
2
680
TypeScript エンジニアが Android 開発の世界に飛び込んだ話
yuisakamoto
6
820
Duke on CRaC with Jakarta EE
ivargrimstad
1
580
マイコンでもRustのtestがしたい/KernelVM Kansai 11
tnishinaga
1
1k
型安全なDrag and Dropの設計を考える
yudppp
5
620
バランスを見極めよう!実装の意味を明示するための型定義 TSKaigi 2025 Day2 (5/24)
whatasoda
2
700
Cloudflare Workersで進めるリモートMCP活用
syumai
13
1.9k
ソフトウェア品質特性、意識してますか?AIの真の力を引き出す活用事例 / ai-and-software-quality
minodriven
19
6.3k
がんばりすぎないコーディングルール運用術
tsukakei
1
110
私のRubyKaigi 2025 Kaigi Effect / My RubyKaigi 2025 Kaigi Effect
chobishiba
1
200
❄️ tmux-nixの実装を通して学ぶNixOSモジュール
momeemt
1
110
Featured
See All Featured
Scaling GitHub
holman
459
140k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
How to Ace a Technical Interview
jacobian
276
23k
Embracing the Ebb and Flow
colly
85
4.7k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.5k
Building Applications with DynamoDB
mza
95
6.4k
Visualization
eitanlees
146
16k
Raft: Consensus for Rubyists
vanstee
137
6.9k
Six Lessons from altMBA
skipperchong
28
3.8k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.6k
Producing Creativity
orderedlist
PRO
345
40k
Site-Speed That Sticks
csswizardry
6
570
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/ 元になる⽂書をあたえて作成してもらいました。画像は差し替えていますけど