Google のオープンソース Flutter は、独自のアプリを作成するための最良の入門書です

React Native から Kotlin Multiplatform に至るまで、クロスプラットフォーム フレームワークは、「一度書けばどこでも実行できる」ソフトウェアを約束することで人気があります。 Google の Flutter も同様のフレームワークですが、いくつかの重要な違いがあります。

Flutter を使用すると、モバイル プラットフォームだけでなく、デスクトップや Web もターゲットにできます。そのネイティブ UI により、アプリは真にプラットフォームに依存しなくなり、Flutter は Visual Studio Code を強力にサポートするため、始めるのに最適な場所になります。

フラッターとは何ですか?

クロスプラットフォーム、オープンソース、UI に依存しないフレームワーク

React Native への挑戦者として 2017 年に発売された Flutter は、それ以来人気が高まり、現在ではクロスプラットフォーム市場でわずかに大きなシェアを獲得しています。競合他社と同様、これはオープンソース フレームワークであり、当初は Android と iOS の両方向けに開発されたモバイル アプリを対象としていました。

現在、Flutter は Web だけでなく、Windows、macOS、Linux 上のデスクトップ アプリもサポートしています。 Flutter アプリは Dart (React の JavaScript よりもあまり人気のない言語) で書かれており、ネイティブ UI コンポーネントの使用を避け、低レベルのレンダリング エンジンを優先します。

Flutter は高性能で低レベルのレンダリングを選択するため、Flame のようなゲーム エンジンでも使用されています。

インストールは簡単です

VS Code は非常に簡単なのでお勧めします

Flutter のクイック インストールでは、最初から VS Code が推奨されます。この IDE は間違いなく日常の作業に最適な IDE の 1 つであり、これを使用すると、コマンド ラインを必要とせずにインストールが迅速に行われます。

手順は Windows、macOS、Linux、さらには ChromeOS でも利用できます。このプロセスでは Flutter リポジトリを GitHub から直接ダウンロードするため、git にアクセスする必要がありますが、選択したディレクトリで簡単に更新できるインストールが提供されます。

このチュートリアルでは、理解を容易にするために大量のコメントが付けられたサンプル プロジェクトを使用します。サンプル アプリを立ち上げて実行し、ブラウザーやネイティブ プラットフォームでテストできるようになるまでにかかる時間はわずか 10 ～ 20 分です。

Flutterのサンプルプロジェクトは完璧です

フレームワークを最高の状態で見せるためにすべてがセットアップされている

Flutter に付属のサンプル プロジェクトは、もちろん非常にシンプルです。ボタンを押して数値を増やします。これは本質的に、GUI アプリの「Hello World」です。

しかし、サンプルとしては、このプロジェクトは完璧です。これにより、VS Code で Flutter アプリを開発するために必要なすべての足場が確実にセットアップされます。 Web モードまたはネイティブ スタンドアロン アプリとしてコードを実行する方法を示します。コードには優れたコメントも含まれており、基礎となるアーキテクチャを理解するのに非常に役立ちます。

クロスプラットフォームのサポートにより学習曲線が加速します

アプリを構築するための強固な基盤

クロスプラットフォームの考え方を持ってプログラミングを始める人はいませんが、アーキテクチャの違いをより深く理解したり、アクセシビリティのニーズをより深く認識したりするなど、真のメリットが得られる可能性があります。

Flutter の全体的な動機はクロスプラットフォーム開発を中心に展開しており、ネイティブ プラグインのサポートとプラットフォーム API 統合の 2 つのアプローチと、その前にあるプラットフォームに依存しないカスタム UI レイヤーの興味深い組み合わせです。

ホットリロードにより実験と開発が高速化されます

変更に対する即時フィードバックにより実験が促進されます

正直に言うと、Flutter の数少ない欠点の 1 つである起動時間の軽減に役立つため、Flutter にホット リロード機能があるのは当然のことです。アプリを最初から構築して実行する場合、数秒かかる場合があるため、常にこの作業を続けることは望ましくありません。

ホット リロードはその名の通りの動作を行います。完全なビルド サイクルを行わずに、実行中のアプリをリロードして最新の変更を反映できます。多くの場合、サンプル プロジェクトのようにこれは自動的に行われるため、ソース コードを更新して保存するだけでコンポーネントの色を変更できます。

ホット リロードは、多くの初心者プログラマーが直面する最大のフラストレーションの 1 つである、コードがコンパイルされるのを待つこと、または最初にコンパイルすることを忘れることさえ軽減するのに役立ちます。

プラットフォームに関係なく、ピクセル精度のインターフェイスを備えています

Flutter アプリはプラットフォームに依存しませんが、必要に応じて特定のプラットフォームをターゲットにすることもできます。さらに重要なのは、特定のプラットフォームのデザイン スタイルをターゲットにできることです。

歴史的には、Google のマテリアル デザイン言語と Apple の UI ガイドライン (ここではおそらく商標上の理由から「Cupertino」と名付けられています) がサポートされてきました。現在、Microsoft の Fluent UI フレームワークは非公式にサポートされていますが、Cupertino と Materials が Flutter 自体から切り離されているため、競争の場は平準化しつつあります。

Flutter はプログラミングの旅を始めるのに最適な場所です

Flutter は最新のプログラミング技術への優れた入門書であり、すぐに高品質のクロスプラットフォーム アプリを作成できます。優れた VS Code サポートとオープンソース モデルにより、アクセスしやすく、完全な機能が備わっています。