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
430
PythonとFletで簡単 GUIアプリを作ろう
PythonでGUIアプリを作りたいと思ったことはないですか?Fletを使えば、おしゃれでモダンなUIのアプリを簡単に作れる。デスクトップアプリだけでなく、Webアプリにも対応しています。
ueponx
September 20, 2024
Tweet
Share
More Decks by ueponx
See All by ueponx
Pythonでもちょっとリッチな見た目のアプリを設計してみる
ueponx
1
390
SORACOM UG 東海 #9
ueponx
0
76
変化する時代のIBMChampionの新しい挑戦
ueponx
0
170
EduBlocksでPythonのブロックプログラミング体験!
ueponx
0
960
enebular in education 大学講義での実践を通して
ueponx
0
200
Node-REDからAWS IoT Coreを使用してみる
ueponx
1
1.6k
Springin‘でみんなもクリエイターに!
ueponx
0
550
相性ピッタリ!reTerminalとNode-REDのステキな関係
ueponx
0
850
Node-REDとレガシーシステムを連携させるなら fileノードがオススメ!
ueponx
0
310
Other Decks in Programming
See All in Programming
知られざるDMMデータエンジニアの生態 〜かつてツチノコと呼ばれし者〜
takaha4k
3
1.2k
富山発の個人開発サービスで日本中の学校の業務を改善した話
krpk1900
4
350
負債になりにくいCSSをデザイナとつくるには?
fsubal
7
1.4k
WebDriver BiDiとは何なのか
yotahada3
1
120
iOSエンジニアから始める visionOS アプリ開発
nao_randd
3
110
『GO』アプリ バックエンドサーバのコスト削減
mot_techtalk
0
100
【PHP】破壊的バージョンアップと戦った話〜決断と説得
satoshi256kbyte
0
120
昭和の職場からアジャイルの世界へ
kumagoro95
1
310
盆栽転じて家具となる / Bonsai and Furnitures
aereal
0
3.5k
振り返れば奴(Cline)がいる
keiyagi
0
170
Terraform で作る Amazon ECS の CI/CD パイプライン
hiyanger
0
140
『改訂新版 良いコード/悪いコードで学ぶ設計入門』活用方法−爆速でスキルアップする!効果的な学習アプローチ / effective-learning-of-good-code
minodriven
29
5.1k
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
98
18k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.1k
Thoughts on Productivity
jonyablonski
69
4.4k
How GitHub (no longer) Works
holman
313
140k
Building Your Own Lightsaber
phodgson
104
6.2k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
128
19k
BBQ
matthewcrist
86
9.4k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Making Projects Easy
brettharned
116
6k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.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/ 元になる⽂書をあたえて作成してもらいました。画像は差し替えていますけど