Flet 1.0 – Pythonでクロスプラットフォームアプリを構築

次のアプリを。

Pythonで構築。

1つのPythonコードベースから、美しいWeb、デスクトップ、モバイルアプリを構築できます。

フロントエンドの経験は不要です。Pythonだけで十分です。

1つのコードベース。
あなたのホームのようにくつろいでください。

• iOS
• Android
• Windows
• macOS
• Linux
• Web

シンプルな例

あなたの最初のFletアプリ。

FletがPythonコードをインタラクティブなアプリに変える様子を、シンプルなカウンターで見てみましょう。

1. インターフェースを構築する

   テキストとボタンには既製のコントロールを使用します。Pythonでそれらを配置します。

2. 動作を追加する

   ボタンを、カウントを増やすPython関数に接続します。

自分で試す

オンラインで試す

Flet Studioを開きます。
インストールは不要です。

ローカルで試す

uvまたはpipのインストールガイドに従ってください。

counter.py

import flet as ft
def main(page: ft.Page):
    counter = ft.Text("0", size=50, data=0)
    def increment(e):
        counter.data += 1
        counter.value = str(counter.data)
    page.floating_action_button = ft.FloatingActionButton(
        icon=ft.Icons.ADD, on_click=increment
    )
    page.add(
        ft.Container(
            content=counter,
            alignment=ft.Alignment.CENTER,
            expand=True,
        )
    )
ft.run(main)

flet run counter.py

旅全体のために構築

見た目以上のもの。

あなたのアプリを実験から出荷可能なものへと進化させるためのコントロール、ライブラリ、ツール。

［画像: Fletの機能を示すイメージ］

見栄えの良いPython GUI

150以上のコントロールとサービス。レイアウト、ナビゲーション、フォーム、ダイアログを、カスタマイズ可能な色、タイポグラフィ、テーマで提供します。

コントロールを探す

［画像: Fletのコントロールライブラリを示すイメージ］

あなたのPythonライブラリを、モバイルで。

NumPy、pandas、Pillow、cryptographyなどを持ち込みましょう。iOSおよびAndroid向けのプリビルドパッケージは、ネイティブ依存関係のコンパイル作業を省きます。

Pythonパッケージを閲覧する

［画像: Pythonライブラリのモバイル統合を示すイメージ］

出荷準備完了

flet buildを使用して、デスクトップ、モバイル、Web向けにアプリをパッケージ化します。App StoreやGoogle Playでの配布準備を整えます。

ビルドと公開

［画像: アプリのビルドと公開プロセスを示すイメージ］

Webを、あなたのやり方で

PyodideとWebAssemblyでブラウザ上でPythonを実行するか、コードをサーバーに保持してリアルタイムのUIアップデートを送信します。

Webデプロイメントを探る

［画像: FletのWebデプロイメントオプションを示すイメージ］

アプリをテストする

ボタンをタップし、テキストを入力し、パッケージ化されたアプリのユーザーフローを確認するpytestテストを記述します。iOSおよびAndroidでのスクリーンショットで視覚的な変更を検出します。

アプリをテストする

［画像: Fletのテスト機能を示すイメージ］

AIに適切なコンテキストを与える

コーディングアシスタントをFlet MCPに接続して、バージョン固有のAPI情報や、例、アイコン、CLIオプションを見つけるためのツールを利用します。

Flet MCPに接続する

［画像: Flet MCPとAIアシスタントの連携を示すイメージ］

あなただけのものにする

Pythonでカスタムコントロールを compositing するか、Flutterパッケージを拡張機能としてラップして、新しいUIコンポーネントやプラットフォーム統合を追加します。

拡張機能を作成する

［画像: Fletの拡張機能開発を示すイメージ］

より多くの人々のために構築する

ラベルとカスタムセマンティクスでスクリーンリーダーをサポートします。キーボードショートカットを追加し、UIが公開するアクセシビリティ情報を検査します。

アクセシビリティを探る

［画像: Fletのアクセシビリティ機能を示すイメージ］

FLET STUDIOに会う

アイデアは

素晴らしい出発点です。

ブラウザを開きます。例を選択し、Pythonコードを記述するか、AIエージェントに手伝ってもらいます。アプリを実行して、作成したものを共有しましょう。

Studioで作成する インストール不要。

01

開始点を見つける

ギャラリーを探索し、例を自分のものにしましょう。

02

あなたのやり方で動作させる

コードを編集し、AIの助けを得て、アプリが実行されるのを確認します。

03

作成したものを共有する

リンクを送信するか、プロジェクトをダウンロードしてローカルで開発を続けます。

ギャラリーを探す