Canonical が Flutter で Linux デスクトップ アプリを有効化 (推奨)

Google の Flutter の目標は、どのプラットフォームを使用していても、ネイティブの速度で実行される美しい UI を構築するためのポータブル ツールキットを提供することです。この機能を検証するために、まず Android と iOS のモバイル プラットフォームに焦点を当てました。Google Play には、高速で美しい Flutter アプリが 80,000 個以上あります。

私たちは、この成功を基に、1 年以上にわたり、Web とデスクトップ オペレーティング システム (macOS、Windows、Linux) の両方でデスクトップ クラスのエクスペリエンスを提供することに注力してきました。この作業には、デスクトップ スタイルのマウスとキーボードの入力、およびサイズ変更可能なトップレベル ウィンドウをサポートするためのエンジンの大規模なリファクタリングが含まれていました。また、Material Density サポートや NavigationRail などのデスクトップに適した新しい UI 機能や、Dart:FFI での実験やシステム メニュー バーや標準ダイアログ ボックスへのアクセスによる基盤となるデスクトップ OS との緊密な統合も含まれています。このすべての作業は、モバイル スタイルのエクスペリエンスに適していることに加えて、Flutter が完全に機能するフルサイズのデスクトップ アプリケーションも処理できるようにするために行われます。

Flutter プラットフォームを強化することが私たちの長期的なビジョンです。 Google では Assistant などの製品ですでにこの現象が見られています。そのため、他の企業が Flutter を活用してさらに多くのプラットフォームをサポートするようになることを嬉しく思います。本日、私たちは、世界で最も人気のあるデスクトップ Linux ディストリビューションである Ubuntu の発行元である Canonical と共同で、Flutter の Linux アルファ リリースを発表できることを嬉しく思います。

Linux で Flutter を使用する理由は何ですか?

昨年、Google が Flutter のデスクトップ クラスのアプリ サポートを発表したとき、Canonical は、Ubuntu を含む Linux ディストリビューションを Flutter アプリ開発者にとって魅力的なターゲット プラットフォームにする絶好の機会だと考えました。 Flutter のネイティブ クロスプラットフォーム ストーリーは急速に成長しており、Canonical は先頭に立つことを望んでいます。 Canonical は、Flutter でデスクトップ Linux サポートを有効にすることで、アプリ開発者が Snap Store (Linux アプリ ストア) を通じて Linux ユーザー向けにアプリを公開することを非常に簡単にしました。 Canonical は、Linux を第一級の Flutter プラットフォームにすることで、アプリ開発者が何百万人もの Linux ユーザーに向けてアプリを公開できるようにし、ユーザーが利用できる高品質なアプリの可用性を拡大します。

Canonical にとって、Flutter には魅力的な点がたくさんあります。

• 急速に成長するアプリケーション開発者のエコシステム
• マルチプラットフォームサポート
• 高度に最適化されたネイティブアプリケーション
• 宣言型、リアクティブ型、構成可能なウィジェットをサポートする最新のUIフレームワーク
• Visual Studio Code、Android Studio、IntelliJ を使用した充実した開発プラットフォーム

Google による Flutter デスクトップ サポートの最初の発表は、macOS をサポートするアルファ リリースから始まり、Linux と Windows 向けの計画も進行中です。 Canonical は、Google の開発者と協力する開発者チームを編成し、Flutter の最高の機能をほとんどの Linux ディストリビューションに提供することで、Flutter に多大な投資を行ってきました。 Canonical は引き続き Google と協力し、Linux サポートをさらに改善し、サポートされている他のプラットフォームとの機能の同等性を維持していきます。

Flokk: Flutter がデスクトップに対応していることを実証

Flutter がデスクトップに対応していることを証明するために、私たちは gskinner のデザイナーや開発者と協力して、革新的で美しい Flutter デスクトップ アプリを作成しました。 Flokk は、現実世界のデータ、具体的には Google 連絡先リストを処理する現実世界のアプリケーションです。

このビデオのアドレス: https://www.youtube.com/watch?time_continue=120&v=cTFJcq7UTRY&feature=emb_logo

Flokk では、連絡先の管理 (連絡先の検索、新しい連絡先の追加、既存の連絡先の編集など) に加えて、GitHub および Twitter ハンドルを連絡先情報に関連付けることもできます。

GitHub および Twitter の通知を表示すると、連絡先が自分専用のソーシャル ネットワークになります。また、お気に入りのソーシャル ネットワークが Flokk Contacts にリストされていない場合は、Flokk は完全にオープン ソースなので、PR を送信してお気に入りを追加できます。

Flokk はソーシャル スペースでの革新に加えて、見た目を良くするために Flutter の機能も使用しています。一例として、ダーク テーマでは色を切り替えるだけでなく、その変化をアニメーション化することもできます。

Flokk Contacts アプリの背後にあるクリエイティブ チームは、革新的なユーザー エクスペリエンスの優れたデザインと実装で有名な Grant Skinner が率いています。グラント氏はかつて、Linux 上で Flutter を使用することについて次のように述べています。

「Flokk Contacts アプリの構築はとても簡単でした。Flutter に関する専門知識をすべて Linux に適用し、ほとんど調整せずにアプリをうまく動作させることができました。Canonical チームと協力できたことは素晴らしい経験でした。彼らは熱心で、熱心で、Linux だけでなくあらゆるプラットフォームで Flutter をより良いものにすることに情熱を注いでいます。これは素晴らしいプロジェクトでした。Flutter で別の主要な OS をターゲットにできることに興奮しています。」— Grant Skinner

Linux マシンで Flokk アプリを使用する場合は、GitHub から最新バージョンをダウンロードできます。あるいは、Snap を実行している場合は、Snap Store から Flokk アプリをダウンロードできます。

LinuxにFlutterを簡単にインストール

Flutter がデスクトップのようなアプリケーション、特に Linux 上でいかにうまく機能するかを確認したので、自分の Linux マシンで実行したいと思うでしょう。これをできるだけ簡単にするために、Linux 用の Flutter SDK を Snap Store で利用できるようにしました。 Flutter SDK スナップショットには、お気に入りの Linux ディストリビューションで Flutter アプリケーションを開発するために必要なものがすべて揃っています。開発依存関係を大量にインストールする必要はありません。Flutter SDK スナップショットとお気に入りの IDE をインストールするだけで、Linux アプリの作成、ビルド、公開に必要なものがすべて揃います。

たとえば、Linux 用の Flutter アプリの開発を開始したい場合、選択した IDE が Visual Studio Code であれば、Linux ターミナルで必要な操作は次のようになります。

$ スナップインストール --classic フラッター
$ スナップインストール --classic コード
$ コード --install-extension dart-code.flutter

Linux を使用してモバイル アプリも開発したい場合は、Android SDK または Android Studio (Android SDK が含まれています) をインストールすることで開発できます。 Flutter SDKの詳細については、https://snapcraft.io/flutterをご覧ください。

Linux デスクトップ向け Flutter

Linux マシンに Flutter SDK をインストールした後、デスクトップ アプリを構築するには、Flutter 開発者チャンネルまたはマスター チャンネルにアップグレードする必要があります。次に、Linux デスクトップ サポートを有効にします。

$ フラッターチャンネル開発
$ フラッターアップグレード
$ フラッター設定 --enable-linux-desktop

これで、新しい Flutter プロジェクトを作成すると、Linux デスクトップでアプリを実行できる linux サブディレクトリが作成されます。

$ フラッターカウンターを作成
$ cd カウンター
$ フラッター実行 -d Linux 

Flutter で構築され、最新の安定バージョンの GTK+ で実行される新しい Linux アプリが手に入ります。既存の Flutter プロジェクトがあり、Linux を有効にした後に Linux サポートを追加する場合は、次のように linux サブディレクトリを追加できます。

$ cd my_flutter_app
$ フラッターを作成します。

これにより、Linux デスクトップ上で Flutter アプリをビルドして実行するために必要な Runner プロジェクトを含む linux サブディレクトリが作成されます。

Flutter から Linux のネイティブ コードにアクセスする

Dart を記述して Flutter ウィジェットを作成することでデスクトップをサポートすることに加えて、Linux デスクトップ アプリは、プラットフォーム チャネルまたは C/C++ からの Dart 外部関数インターフェースを使用して、すべてのネイティブ Linux にアクセスできます。または、既存のコードを再利用したい場合は、pub.dev、Dart、Flutter のパッケージ マネージャー Web サイトで見つけることができます。 pub.dev にあるパッケージのほとんどは純粋な Dart であり、そのほとんどは Linux アプリケーションで正常に動作します。プラグインと呼ばれる一部のソフトウェア パッケージには、1 つ以上のプラットフォームに固有のネイティブ コードが含まれています。このリリースの一環として、ネイティブ Linux 機能を使用する 3 つのプラグインを pub.dev に公開しました。

• url_launcher: 指定されたURLでデフォルトのブラウザを起動します
• shared_preferences: アプリケーションセッション間で共有されるユーザー設定
• path_provider: ダウンロード、画像などの特殊なディレクトリに関するパス情報。

これらの各プラグインはアプリケーションで使用でき、url_launcher の Linux 実装など、Flutter コードから Linux にネイティブにアクセスする方法の例として使用できます。

Snap Storeにデプロイする

Flutter アプリを Snap Store にデプロイするには、まず、アプリをすばやくビルドして公開するために使用するツールである Snapcraft をインストールする必要があります。

$ sudo snap install snapcraft --classic

Snapcraft ツールを実行するには、アプリケーションのプロジェクト ディレクトリに snapcraft.yaml ファイルを作成する必要があります。たとえば、Flokk の snapcraft.yaml ファイルは次のとおりです。

名前: flokk-contacts
バージョン: 1.0.1
概要: Flokk 連絡先
説明: GitHub および Twitter と統合された、新しくモダンな Google 連絡先マネージャー。
監禁：厳しい
ベース: core18
グレード: 安定
アプリ:
flokk 連絡先:
コマンド: flokk-contacts
拡張機能: [flutter-master]
プラグ:
- ネットワーク
部品：
flokk 連絡先:
ソース： 。
プラグイン: フラッター
flutter-target: lib/main.dart # アプリのメインエントリポイントファイル

これで、snapcraft.yaml ファイルのあるディレクトリで snapcraft を実行して、アプリケーションのスナップショットを作成できます。

$ スナップクラフト

すべてがうまくいけば、現在の作業ディレクトリに flokk-contacts_1.0.1_amd64.snap などのファイルが生成されます。

Snap Store に公開するためのアカウントを設定したら、スナップを公開できます。

$ スナップクラフトログイン
$ snapcraft flokk-contacts を登録する
$ snapcraft アップロード flokk-contacts_1.0.1_amd64.snap --release edge

このコマンドは、アプリを Snap Store にアップロードし、Edge チャネルに公開しようとします。アプリが Edge チャネルで公開されると、Snap Store デスクトップ クライアントまたはコマンド ラインを使用してインストールできます。

$ スナップインストール --edge flokk-contacts

最初のスナップを作成して Snap Store に公開する方法の詳細については、https://snapcraft.io/first-snap のガイド付きチュートリアルを参照してください。

Flutter Linux デスクトップケース

Flokk アプリは、Linux デスクトップ向けの実際の Flutter アプリの優れた例です。より簡単な例として、デスクトップの機能を紹介するために特別に設計された写真検索アプリを見てみましょう。

Photo Search は、複数のプラグインを使用してネイティブ プラットフォーム機能にアクセスするシンプルなオンライン写真検索アプリケーションであり、macOS と Linux の両方をサポートしています。

ステップバイステップの手順が記載された Linux デスクトップ アプリの例については、OAuth と GraphQL を使用して Flutter で GitHub クライアントを構築する手順を説明した Write Flutter デスクトップ アプリ コードラボをお勧めします。

Flutter の表面積をより多く使用し、複数のアプレットを提供する、より機能豊富なアプリをお探しの場合は、デスクトップとモバイルの両方をサポートするように昨年再設計された Flutter Gallery をお勧めします。実際に動作している様子をご覧になりたい場合は、Snap Store で確認することもできます。

Flutter の楽しさを示すもう 1 つのデスクトップ アプリは、Thorsten Lorenz による batufo というマルチプレイヤー ゲームです。ゲームは美しい背景を背景に設定されており、世界中のプレイヤーがリアルタイムで互いに競争することができます。

Thorsten は、Linux、macOS、Android、iOS を含む複数の Flutter プラットフォームをサポートするゲームを開発してきました。彼の作業方法を確認し、今後のアップデートの最新情報を入手したい場合は、彼のコーディング セッションをビデオとして公開し、コードを GitHub で公開しています。 Linux からゲームをインストールするには、Snap Store からダウンロードします。

まとめ

このアルファ リリースと Google と Canonical の緊密な連携により、Linux 開発者は選択したオペレーティング システムで Flutter サポートを利用できるようになります。 snap 経由で Flutter SDK をインストールします。 Visual Studio Code または Android Studio を使用して、Linux 上でデスクトップ アプリをビルドおよびテストします。アプリを Snap Store にデプロイします。最新情報の詳細については、flutter.dev のデスクトップ ページを参照してください。最も重要なことは、サポートされているすべての Flutter プラットフォームで Flutter を最高のものにするために、引き続き取り組むことができるように、フィードバックを提供することです。

Canonical チームが開発した Linux Flutter は、ターゲットとするプラットフォームに関係なく、Flutter をアプリ構築の最良の方法にするという私たちの夢に向けた大きな一歩です。デスクトップをターゲットにすることで、Flutter エンジンは、Google 自身が直接サポートできないロングテールのデバイスにさらに適応しやすくなりますが、私たちはこの目的のためにパートナーシップを構築し、エコシステムを実現し続ける予定です。

あらゆるデバイスには高速で美しいアプリが必要であり、私たちは Flutter をその存在にしたいと考えています。