FlutterFlow

FlutterFlow

FlutterFlowで画面が真っ白になったときの原因と対策

FlutterFlowを使っていると、画面が真っ白になってしまい、原因がわからないことがありますよね。特にExpansionウィジェットをExpandedに設定した場合、この問題が発生することがよくあります。今回は、この問題の原因と対策につ...
FlutterFlow

FlutterFlow で横スクロールの ListView を実装する方法

FlutterFlow で横スクロール可能な ListView を実装する方法を解説します。Supabase と連携してデータベースから情報を取得し、画像やテキストを動的に表示する手順をステップごとに紹介します。リストが横方向にスクロールす...
FlutterFlow

FlutterFlowとSupabaseを使ったLike検索の実装方法

はじめに このブログでは、FlutterFlowとSupabaseを使用して、キーワード検索を実現する方法を説明します。今回の例では、仕事情報を格納したデータベーステーブルから、説明文(description)に特定のキーワードを含むデータ...
FlutterFlow

FlutterFlow で画面向きを固定する方法

FlutterFlow では、カスタムアクションを使用してアプリの画面向きを固定することができます。この記事では「Lock Device Orientation」という無料のカスタムアクションを使って、簡単に実装する方法を解説します。 実装...
FlutterFlow

FlutterFlowとSupabaseを使ったInfinite Scrollの実装方法

この記事では、FlutterFlowとSupabaseを活用して、Infinite Scroll(無限スクロール)を実現する方法を解説します。この記事のゴールは、ユーザーがスクロールするたびに新しいデータがロードされ、シームレスに表示される...
FlutterFlow

FlutterFlowでチェックボックス内容をデータベースに登録する方法(※Supabase利用)

FlutterFlowとSupabaseを連携させて、チェックボックスの値を使ってデータベースを更新する方法について解説します。 この記事では、チェックボックスにチェックを入れた際に、Supabaseに接続し、特定のデータベーステーブル(p...
FlutterFlow

FlutterFlowでトランケート表示を設定する方法

今回は、FlutterFlowでテキストをトランケート(省略)表示する方法について解説します。特に、テキストが長くなる場合、UIが崩れるのを防ぐために「...」を使って見やすくする手法について説明します。 トランケート表示の設定方法 Flu...
FlutterFlow

【FlutterFlow】Supabaseと連携して別テーブルの名称(例:カテゴリ名)を表示する方法

今回は、商品リストを表示する際に、別テーブルのカテゴリ名を表示する方法を解説します。 通常、例えばproductテーブルにあるカテゴリIDを表示することは簡単ですが、それは別テーブルのカテゴリ名を指すIDに過ぎないため、より詳しい情報を欲し...
FlutterFlow

FlutterFlowでの開発環境、本番環境の設定方法

FlutterFlowでの開発を始める際、適切な開発環境を整えることはプロジェクトをスムーズに進行させるために非常に重要です。この記事では、FlutterFlowの開発環境の設定手順を簡潔に説明します。 これにより、初めてFlutterFl...
FlutterFlow

Bubble vs FlutterFlow: ノーコードツールの違いと比較【2024年版】

ノーコード開発ツールは、プログラミングスキルがなくてもアプリケーション開発を可能にする革新的な技術です。しかし、選択するツールによっては機能的な制約が生じ、実現できないことも出てくる可能性があります。 その中でも、BubbleとFlutte...