【FlutterFlow】生成AI機能のアルファ版がリリース！画面もデータベースもAIが生成ノーコード開発会社の選び方｜開発実績127件の技術者が6つの必須確認項目を解説

ついにでました、FlutterFlow AIのアルファ版！
待ってました・・・！

FlutterFlowは元々ローコードとしてコードを書くときにAIがコードを生成してくれる機能はすでに持っていました。

それだけでも十分強力でありがたかったのですが、ついに今回、画面やコンポーネントを自動生成してくれ、さらにデータベースのコレクションも作ってくれ、そしてカラーも提案してくれるという優れものです！

このFlutterFlowの進化スピードは本当に恐ろしいですよね。日々FlutterFlowから目を離せないです・・・！

では、今回のアルファ版で追加されたAI機能についてみていきましょう。

FlutterFlow AI機能①：ページを生成してくれる

まず、普通に画面を追加しようとすると、このようなGenerateページが追加されてることに気づきます。

これをクリックすると、以下のようにプロンプトを入力してくれと出てきます。ワクワクしますね・・・！

例えば以下のようにプロンプトを打ってみました。

Create an event detail page for a programming school

すると以下のようにAIが生成しはじめます。

こんな感じで生成されました！

画像、タイトル、日付、詳細、時間や参加者の画像と登録ボタンなど、必要そうな機能を勝手に置いてくれてます。

左のメニューからカラーは選択できますし、画像はすぐ再生可能、全体的に気に入らなければリジェネレイトさせれば何度でもやり直し可能です。

InsertPageを押してこれをベースにどんどんカスタマイズしていけばいいだけなので、開発がものすごくスピードアップされますよね。

今回のFlutterFLowのアップデートでは、ページと同様、コンポーネントも生成してくれるようになりました。

↑こんな感じでコンポーネント追加画面からGenerateを選択すると、画面生成の時と同じようにプロンプトを入力して生成できます。

こんな感じですね。

データベースは元々テンプレートからコレクションを選ぶ機能がありましたが、それがAIがプロンプトにしたがって作ってくれることができるようになりました。

以下は飛行機の予約アプリみたいなコレクションを生成して、的なプロンプトを書いてますが、

それだけで以下のように必要そうなスキーマを用意してくれます...！これもかなりありがたいですね！

最後は、カラーです。色合いもテキストでイメージをプロンプトで伝えるだけでAIが提案してくれます。

以下のように「落ち着いた感じのパステルカラーのタスクマネジメントアプリのカラーテーマで！」みたいに英語で書くと・・・

↓こんな感じで生成してくれます。Primaryカラーだけじゃなく、Secandaryカラーやテキストカラーも全部セットで提案してくれるのがありがたいですよね・・・！

私のようなデザインが苦手なタイプの人にとってめちゃくちゃ嬉しい機能ですよね。

今回は、FlutterFlowのAIの生成機能を一通り触ってみました！まだアルファ版ということですが、強力な開発支援になると感じました。

というより、個人的にはFlutterFlowの進化スピード自体が、めちゃくちゃワクワクします。次々必要な機能が取り入れられ、どんどんカスタマイズしていっているので、今できない機能でもすぐにできるようになるだろうという期待が常にありますね。

そしてAI周りに対して積極的に取り組む姿勢が素晴らしいので、今後より一層利便性が向上することが期待できます。

このアルファ版リリース前の時点ですでにコード生成のAI機能が搭載されていてそれだけでも非常に便利だったのに、今回のページ、コンポーネント、データベースおよびカラーの自動生成機能。

今後もFlutterFlowから目が離せませんね・・・！

Adalo、bubble、FlutterFlow、STUDIOなどのノーコードツールを使うことで、リスクを抑えて低コストでスピーディにビジネスアイデアを形にすることができます。

この機会に、温めていたビジネスアイデアを今すぐ形にしてみませんか？

弊社はスタートアップ・新規事業向けにコストを抑えた最速のアプリ・Webサービスの開発、さらにはサービス立ち上げのコンサルティングから提案を行なっております。

また、法人向けにノーコードのスクール事業を通して内製化のサポートも行っています。

アプリ／Webサービスの開発、LPなどの構築に興味のある方は、こちらからご気軽にご相談くださ