今回はFlutterの開発環境の構築についての手順を紹介したいと思います。Flutterとは?Flutter(フラッター)は、Googleによって開発されたフリーかつオープンソースのUIのSDKである。Fuchsia[5][6]向けのクロスプラットフォームアプリケーションを開発するために利用される。https://ja.wikipedia.org/wiki/Flutterとのことで要は1つコードを書くと複数のプラットフォームで実行できるという素晴らしいツールです。構成2023年1月31日時点での環境を示します。Toolbox経由でインストールしています。FlutterのインストールmacOSなのでHomebrew経由でインストールします。flutterインストールできたらFlutterのバージョンを確認してみます。doctorというコマンドがあり、開発環境のチェックを行うことができます。categories.上記の通り問題が3つあることがわかります。エラー内容に従い問題を解決していきたいと思います。以下のようなエラーが表示されていました。SDKが見つからないとのことです。SDKがインストールされることがわかりました。doctorを使用してチェックを実行してみます。categories.まだ問題が3つありますね。順番に解決していきたいと思います。今回は以下のようなエラーが表示されていました。details.内容はコマンドラインツールがインストールされていないとのことです。内容の通りコマンドラインツールをインストールします。doctorを使用してチェックを実行してみます。categories.まだ問題が3つありますね。問題が解決しても次の問題が出てきています。順番に解決していきたいと思います。XcodeのエラーXcodeには以下のエラーが表示されていました。instructions.内容はcocoapodsがインストールされていないことのようです。解決方法cocoapodsをインストールすると良いようです。Homebrew経由でインストールします。doctorを使用してチェックを実行してみます。categories.問題が2つに減りました。次の問題を解決したいと思います。Studioには以下のエラーが表示されていました。Studio.内容を見てみるとJavaのパスが上手く通っていないようです。StudioのJavaのパスが違っているようなので設定を変更します。私の環境では以下のようなっていました。Toolbox経由であるため普通にインストールした場合とパスが違っています。Studio.app/Contents/jbrこのjbrフォルダに対しシンボリックリンクjreを作成します。Environmentのことです。doctorを使用してチェックを実行してみます。category.やっと問題が1つに減りました。最後の問題を解決していきたいと思います。以下のエラーが表示されていました。licenseの確認ができていないことのようです。--android-licensesを実行し、ライセンスの確認を行えば良いです。doctorを使用してチェックを実行してみます。found!問題は全て解決したようです。長かったですが、やっとプロジェクトの作成を行いたいと思います。IDEAを使用してプロジェクトを作成したいと思います。nameを入力し、CreateをクリックFlutterアプリケーションを実行ツールバーのデバイス選択を適当なデバイスに設定し、実行する今回はmacOS(desktop)を選択して実行してみました。無事アプリケーションが表示されました。終わりに今回は便利なツールであるFlutterを紹介し、開発環境の構築をしてアプリケーションの実行までしてみました。Flutterは簡単にクロスプラットフォームのアプリケーションが作成できるのでものすごく便利だと思います。Dartという言語でプログラミングするため新しく言語を覚える必要はあると思いますが、それに見合った開発体験ができると思います。弊社にお仕事を依頼したいお客様がいらっしゃいましたら、以下のフォームもしくはメールにてお気軽にお問い合わせ下さい。お気軽にお問い合わせください。お問い合わせお気軽にお問い合わせください。お気軽にお問い合わせください。