(Bubble)グラフを表示するプラグインを作成しよう(Google Chartsライブラリ)
概要 Bubbleのプラグインとして、 Google Charts ライブラリを使ってシンプルな円グラフを描画するプラグインの作り方を解説します。 多少のコードを書く必要がありますが、Google C…
tender6admin ・ 約11分
nocode
(Bubble)長いテキストの「もっと読む」機能
概要 長い文章を表示する際に、最初は短く折りたたんでおいて「もっと読む」をクリックしたら全文を表示したい場合があります。 実現方法(:truncated to) 文字列に「:truncated to …
tender6admin ・ 約1分
(Bubble)Bubbleで中規模開発をする時の問題点
Bubbleで中規模開発？ Bubbleを利用した開発が増えています。それにつれて複数人数でBubbleを同時にさわる開発スタイルが必要になってきました。 画面が30個以上あったり、Backend W…
tender6admin ・ 約4分
(Bubble)うまく動かない時にはエラー表示(issue)を確認する
概要 Bubbleでページを作ってみたけれど、思った通りに動作しない。そんな時にはエラー表示(issue)を確認します。 エラー表示の場所 エラー表示は画面の上側に赤色で表示されます。オレンジ色のニュ…
tender6admin ・ 約2分
(Bubble)移行を見据えたシステム設計その1
移行？ Bubbleで作るサービスがヒットした場合、応答速度やデータ量の制限等をなくすために、プログラミングで作る別システムに移行することがあります。 あらかじめ準備しておくと、移行がスムーズに進みま…
tender6admin ・ 約1分
(Bubble)チェックボックスを全部はずしたら、全ての検索結果を表示する
概要 チェックボックスで絞り込みをする際に、全てのチェックボックスをオフにした場合は、絞り込みをしないで全ての検索結果を表示したい場合があります。 例えば、不動産一覧を所在エリアで絞り込みたい時、指定…
tender6admin ・ 約2分
ノーコードテストツール「QAWolf」のテストで本番環境テスト/開発環境テストをワンクリックで切り替える
概要 前回の記事 で、ブラウザからのエンドtoエンドのテストがノーコードで作成・実施できる「QAWolf」というツールを紹介しました。 今回はBubble向けに、本番環境と開発環境のテストを簡単に切り…
tender6admin ・ 約3分
ノーコードでE2Eテストが作成できる「QA Wolf」を試してみた
QA Wolfとは QA Wolf は、ブラウザから操作したようなエンドtoエンドのテストを、コーディングやサーバの準備をせずに作成・実行できるサービスです。 https://www.qawolf.c…
tender6admin ・ 約4分
(Bubble)Stripe関連プラグイン16個のElements/Data calls/Events/Actions一覧
概要 Bubble公式のStripeプラグインでは対応していない機能があるので、その他のプラグインで対応していないか調べた。 Elements / Data calls / Events/ Actio…
tender6admin ・ 約28分
(Bubble)Google DocsにAPI経由でアクセスする(実践編)領収書を作成してPDFでダウンロードする
概要 前々回 、 前回 と、BubbleでGoogle DocsにAPI経由でアクセスする準備を行いました。 今回はいよいよ実際にGoogleのAPIにアクセスします。 例として、BubbleのDBを…
tender6admin ・ 約11分