FlutterFlow

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

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

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

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

BubbleでRepeating Groupを横スクロール可能にする方法

今回は、BubbleのRepeating Groupを使ってアイテムを横スクロール表示する方法について解説します。この手法を使えば、製品一覧や画像ギャラリーなど、横方向のナビゲーションを含むデザインを実現できます。 ゴールイメージ 以下は商...
Bubble

【Bubble】ホバーされたアイテムをゆっくりと拡大する方法

今回は、Bubbleで特定のグループにホバーした際に、グループのサイズが拡大するエフェクトを設定する方法について解説します。この手法を使えば、ユーザーの視覚的な注意を引くデザインが可能になります。 ゴールイメージ ステップ1: グループの基...
FlutterFlow

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

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

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

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

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

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

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

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

BubbleのData APIの使い方:ノーコードで外部データ連携を実現

Bubbleは、プログラミングの知識がなくてもウェブアプリケーションを構築できる人気のノーコードプラットフォームです。その中でも、Data APIは外部システムとのデータ連携を可能にする強力な機能です。 この記事では、BubbleのData...
Bubble

Bubbleって安全?セキュリティ対策と注意点を徹底解説

こんにちは!今回は、多くの人が気になっているノーコードツールBubbleのセキュリティについて詳しく解説していきます。Bubbleは本当に安全なのか?どんな対策がされているのか?開発者として何に気をつけるべきか?これらの疑問に徹底的にお答え...