{"id":11264,"date":"2023-01-15T15:46:59","date_gmt":"2023-01-15T06:46:59","guid":{"rendered":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/?p=11264"},"modified":"2023-01-15T15:46:59","modified_gmt":"2023-01-15T06:46:59","slug":"python-flet","status":"publish","type":"post","link":"https:\/\/pineplanter.moo.jp\/non-it-salaryman\/2023\/01\/15\/python-flet\/","title":{"rendered":"Python\u306eGUI\u30e9\u30a4\u30d6\u30e9\u30ea\u300cFlet\u300d\u3092\u4f7f\u3063\u3066\u307f\u305f"},"content":{"rendered":"<p>Python \u3060\u3051\u3067\u30af\u30ed\u30b9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306aGUI\u30a2\u30d7\u30ea\u3092\u4f5c\u308b\u3053\u3068\u304c\u51fa\u6765\u308bFlet \u3068\u3044\u3046\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u5c0e\u5165\u3057\u3066\u307f\u307e\u3057\u305f\u3002\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u304b\u3089\u7c21\u5358\u306a\u30a2\u30d7\u30ea\u3092\u7acb\u3061\u4e0a\u3052\u308b\u3068\u3053\u3068\u307e\u3067\u7d39\u4ecb\u3057\u307e\u3059\u3002Flet \u306f Flutter \u3092\u30d9\u30fc\u30b9\u306b\u3057\u3066\u3044\u3066Python\u306e\u624b\u8efd\u3055\u3082\u3042\u308a\u5c0f\u898f\u6a21\u306a\u30a2\u30d7\u30ea\u306b\u9069\u3057\u3066\u3044\u308b\u306a\u3068\u60f3\u3044\u307e\u3057\u305f\u3002<\/p>\n<p>\u4eca\u56de\u306eOS\u74b0\u5883\u306fUbuntu22.04\u3067\u3059\u3002Windows\u3067\u3082\u8a66\u3057\u3066\u307f\u305f\u3044\u3068\u60f3\u3044\u307e\u3059\u304c\u4eca\u56de\u306fLinux\u74b0\u5883\u4e0b\u3067\u306e\u7d39\u4ecb\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n<h2>Flet\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/h2>\n<p>\u4ee5\u4e0b\u306e\u30b3\u30de\u30f3\u30c9\u3067Flet\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u3053\u3068\u304c\u3067\u3044\u307e\u3059\u3002<\/p>\n<pre class=\"brush: bash; title: ; notranslate\" title=\"\">\r\n$ pip install flet\r\n \r\n<\/pre>\n<p>&nbsp;<\/p>\n<h2>\u4eca\u56de\u4f5c\u3063\u305f\u30a2\u30d7\u30ea\u7d39\u4ecb<\/h2>\n<p>\u4eca\u56de\u4f5c\u3063\u305f\u30a2\u30d7\u30ea\u304c\u4ee5\u4e0b\u306e\u3082\u306e\u3067\u3059\u3002\u3042\u304f\u307e\u3067\u5c0e\u5165\u7de8\u306a\u306e\u3067\u7c21\u5358\u306a\u30d7\u30ed\u30b0\u30e9\u30e0\u3067\u3059\u3002\u30a2\u30a4\u30b3\u30f3\u30dc\u30bf\u30f3\u3092\u62bc\u3059\u3068\u30c6\u30ad\u30b9\u30c8\u304c\u5207\u308a\u66ff\u308f\u308b\u3088\u3046\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n<p><a href=\"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-content\/uploads\/2023\/01\/flet01.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-11265\" src=\"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-content\/uploads\/2023\/01\/flet01-700x268.png\" alt=\"\" width=\"700\" height=\"268\" srcset=\"https:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-content\/uploads\/2023\/01\/flet01-700x268.png 700w, https:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-content\/uploads\/2023\/01\/flet01-900x344.png 900w, https:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-content\/uploads\/2023\/01\/flet01.png 1304w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h2>\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9<\/h2>\n<p>\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u306f\u3053\u3061\u3089\u3067\u3059\u3002\u8981\u6240\u8981\u6240\u306b\u30b3\u30e1\u30f3\u30c8\u66f8\u3044\u3066\u3044\u308b\u306e\u3067\u53c2\u8003\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<pre class=\"brush: python; title: ; notranslate\" title=\"\">\r\nimport flet as ft\r\n\r\ndef main(page: ft.Page):\r\n    # window\u30bf\u30a4\u30c8\u30eb\r\n    page.title = &quot;Hello World&quot;\r\n    # window\u30b5\u30a4\u30ba\r\n    page.window_width = 600\r\n    page.window_height = 400\r\n    # window\u306e\u4f4d\u7f6e\r\n    page.window_top = 300\r\n    page.window_left = 600\r\n    # window\u5185\u306e\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u306e\u7e26\u4f4d\u7f6e\r\n    page.vertical_alignment = ft.MainAxisAlignment.CENTER\r\n\r\n    # Text\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\uff08\u4e00\u822c\u7684\u306b\u306fLabel\u3068\u547c\u3070\u308c\u308b\u3082\u306e\uff09\r\n    text = ft.Text(value=&quot;Hello, world!&quot;, size=50, color=&quot;gray&quot;)\r\n    # \u30af\u30ea\u30c3\u30af\u30a4\u30d9\u30f3\u30c8\r\n    def plus_click(e):\r\n        text.value = &quot;Hello Flet!&quot;\r\n        page.update()\r\n    # \u30da\u30fc\u30b8\u306b\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u3092\u8ffd\u52a0\r\n    page.add(\r\n        ft.Row(\r\n            &#x5B;\r\n                text,\r\n                # \u30a2\u30a4\u30b3\u30f3\u30dc\u30bf\u30f3\r\n                ft.IconButton(ft.icons.PLAY_CIRCLE_FILL_OUTLINED, icon_size=50, on_click=plus_click),\r\n            ],\r\n            # \u6a2a\u4f4d\u7f6e\u3092\u30bb\u30f3\u30bf\u30fc\u306b\u3059\u308b\r\n            alignment=ft.MainAxisAlignment.CENTER,\r\n        )\r\n    )\r\n\r\nft.app(target=main)\r\n \r\n<\/pre>\n<p>&nbsp;<\/p>\n<h2>\u3061\u3087\u3063\u3068\u4e0d\u5177\u5408\u3042\u308a\uff08\u52d5\u753b\uff09<\/h2>\n<p>\u307e\u3060\u51fa\u59cb\u3081\u305f\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3060\u304b\u3089\u306a\u306e\u304bLinux\u74b0\u5883\u4e0b\u306a\u306e\u304b\u3053\u306a\u308c\u3066\u3044\u306a\u3044\u611f\u306f\u3042\u308b\u306a\u3068\u60f3\u3044\u307e\u3057\u305f\u3002\u305d\u306e\u4e00\u4f8b\u3068\u3057\u3066\u4ee5\u4e0b\u306e\u52d5\u753b\u306e\u3088\u3046\u306b\u30a6\u30a3\u30f3\u30c9\u30a6\u30b5\u30a4\u30ba\u304c\u6307\u5b9a\u3057\u305f\u3082\u306e\u3068\u7570\u306a\u308b\u30b5\u30a4\u30ba\u306b\u306a\u3063\u305f\u308a\u3001\u305d\u308c\u304cVSCode\u4e0a\u3068\u30b3\u30f3\u30bd\u30fc\u30eb\u7aef\u672b\u8b72\u6e21\u3067\u6319\u52d5\u304c\u7570\u306a\u308b\u70b9\u3067\u3059\u3002\u304a\u305d\u3089\u304f\u30a6\u30a3\u30f3\u30c9\u30a6\u30b5\u30a4\u30ba\u306e\u518d\u63cf\u753b\u304c\u3046\u307e\u304f\u3067\u304d\u3066\u3044\u306a\u3044\u3093\u3058\u3083\u306a\u3044\u304b\u306a\u3068\u60f3\u3044\u307e\u3059\u3002\u3053\u308c\u306f\u4eca\u5f8c\u3069\u3046\u306a\u308b\u304b\u306f\u898b\u5c4a\u3051\u305f\u3044\u3067\u3059\u306d\u3002\u6d3b\u767a\u306b\u66f4\u65b0\u3055\u308c\u3066\u3044\u304f\u306e\u3067\u3042\u308c\u3070\u3044\u305a\u308c\u4fee\u6b63\u3055\u308c\u308b\u3067\u3057\u3087\u3046\u3002<\/p>\n<div style=\"width: 580px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-11264-1\" width=\"580\" height=\"326\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-content\/uploads\/2023\/01\/flet.mp4?_=1\" \/><a href=\"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-content\/uploads\/2023\/01\/flet.mp4\">http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-content\/uploads\/2023\/01\/flet.mp4<\/a><\/video><\/div>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Python \u3060\u3051\u3067\u30af\u30ed\u30b9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306aGUI\u30a2\u30d7\u30ea\u3092\u4f5c\u308b\u3053\u3068\u304c\u51fa\u6765\u308bFle &#8230; <\/p>\n","protected":false},"author":1,"featured_media":11269,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[37],"tags":[],"class_list":["post-11264","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-python"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/posts\/11264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/comments?post=11264"}],"version-history":[{"count":3,"href":"https:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/posts\/11264\/revisions"}],"predecessor-version":[{"id":11270,"href":"https:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/posts\/11264\/revisions\/11270"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/media\/11269"}],"wp:attachment":[{"href":"https:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/media?parent=11264"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/categories?post=11264"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/tags?post=11264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}