「Bubble Page to PDF converter」を使ってPDFを生成する方法【Bubble】
BubbleアプリでPDFを生成する必要がある場面は多々あります。請求書の発行、契約書のダウンロード、レポートのエクスポートなど、幅広い用途が考えられます。今回は、「Bubble Page to PD…
カテゴリー: Bubble
スクロール可能なガントチャートを作成する方法【Bubble】
今回は右の画像のような、プロジェクトの進捗管理に便利なガントチャートを、Bubble上で簡単に作成できます。今回は「Gantt & Timeline Chart」という有料プラグイン（買い切り…
Gemini Pro APIを活用する方法【Bubble】
この記事では、生成AIであるGemini Proの基本概要を紹介し、Google AI StudioでAPIキーを作成した後、BubbleのAPI Connectorを使用してGemini Pro A…
チャットリストを最下部から表示: Repeating GroupでSlack風UIを実装する【Bubble】
チャットアプリケーションでは、ユーザーがすぐに最新のメッセージを確認できることが重要です。BubbleでSlack風のインターフェースを作成し、ページ読み込み時に最新のメッセージをリストの最下部から表…
チャットの未読機能を実装する方法【Bubble】
チャットアプリケーションにおいて、未読機能はユーザーエクスペリエンスを劇的に向上させる要素です。新しいメッセージを瞬時に認識できるようにすることで、情報の見逃しを未然に防ぎます。この機能は、現代のチャ…
Loading screenを配置する方法【Bubble】
ウェブアプリケーションにおいて、ローディングインジケータの導入はユーザーエクスペリエンスを大きく向上させる要素です。特に、データが読み込まれている間、ユーザーに進行状況を示すことは非常に重要です。ロー…
カタカナをアルファベットのイニシャルに変更する実践テクニック【Bubble】
Bubbleのオプションセットを活用して、DB上に保存されているカタカナを対応するアルファベットのイニシャルに変換する方法を解説します。このテクニックは、ユーザーインタフェースのカスタマイズに役立ち、…
2分でScrollBarを非表示にする方法【Bubble】
Bubbleのアプリケーションでスクロールバーを非表示にするには、簡単なCSSの変更と設定の更新が必要です。これにより、ページやエレメントのスクロールバーを目立たないようにすることができます。 ページ…