毎朝10分・Bubbleの朝会！

Udemyの講座を購入したもののそのまま積読になってしまっている方はいませんか？毎朝10分一緒にステップ by ステップで学習し、仲間とBubbleのレベルアップしていく朝会です。

【特別価格】¥2,000(44%OFF)で受講できるクーポンを発行しました！

Bubbleをはじめて知る、はじめて触る方に向けたBubble講座を特別価格で受講できるクーポンを発行しました！

【BubbleでWebhookを実装しよう】Stripe側でサブスクキャンセルがあった際のフロー

Stripeを使いBubbleでサブスクリプションを設定している場合、webhookの使用は必須です。カード引き落としができなくなった場合などBubble側に通知の手段はこのwebhookで設定する必要があります。Stripe側でサブスクキャンセルがあった際のフローをお伝えします。

【目からうろこ解決】ユーザーの未読/既読バッジ を付ける方法 & 新規投稿内容へRepeating Groupを自動スクロールさせる – これらをたった一つのWorkflowで完結できます！

チャットの未読と既読、どのように設定をしていますか？ Bubble ForumでBubblerさんが解説していて皆さんも

Repeating Groupの中に置くリスト扱う。自由に追加、編集、削除したい – list fieldsを使い設定する方法

Repeating Groupの中に更にもう一つのRepeating Groupを扱う方法です。イベントを作成しその日程を複数扱う場合に日程の追加や変更は自由に行えるのでしょうか？ Bubbleでももちろん可能です。そしてその方法は複数ありますが、今回は簡単に行えるDataの中にlist fieldsを作って管理設定する方法をお伝えします。

【Bubble開発の時短へ】BubbleUIコンポーネントを作りました！欲しい方へ数量限定で販売も行います！

こんにちは、おばとりっぷです。先日こんな投稿をしたら結構な反応をいただきました。 https://twitter.com

BubbleのMergeとSyncとHotfixの違いを知ろう！複数人で開発する際のブランチ管理方法

BubbleはGrowthプラン以上でブランチを切っての開発が可能です。Merge、Sync、Hotfixなどブランチ開発後の反映方法をわかりやすく解説します。エンジニアベースが無い方でもわかる内容にしました。そのほかブランチ管理の際に気をつける項目もリストで確認いただけます。

【海外在住】 子どもの日本語学習にスマイルゼミを活用して良かったこと！スマイルゼミ歴3年の体験談

海外在住中の日本語学習にスマイルゼミが最適。電源とwifiの環境があれば世界中から毎月最新の学習内容がタブレットに届く。スマイルゼミ歴3年の私が回答。注意するポイントも！

Do a search forで「OR」のものを表示させたい – Advanced filterとmerged withを使う2つの方法を解説

BubbleでOR条件のものをどうやったら絞り込めますか？ よくいただく質問です。Advanced filterかmerged withを使う方法で可能です。それぞれのやり方解説とWorkload の使用量も計測しました。

オランダ小学校 現地校に通い始めて2週間 – 子供同士のトラブルがありました どのように解決したかをメモに残します

オランダ現地校に通い始めました。通いはじめて2週間目に子供同士のトラブルがありました。毎日同じ子から故意的に足を踏まれるというもの。どのように対処したかをメモに残します。

オランダ小学校 現地校に通い始めて2週間 – 子供同士のトラブルがありました

オランダ現地校に通い始めました。通いはじめて2週間目に子供同士のトラブルがありました。毎日同じ子から故意的に足を踏まれるというもの。どのように対処したかをメモに残します。

Bubbleでラジオボタンの入力を必須にし、空の場合にラジオボタンの丸にStyle(色)を付けたい – CSSで解決！

[chat face="animal_mark12_saru.png" name="さるくん" align="left"

【徹底解説・講座】BubbleのAPI連携！動画でわかりやすく解説・初心者を脱しよう！

BubbleのAPI Connectorを使った設定のマニュアル講座を作りました！API Connectorを使いたいがイマイチ何をどうしたらいいか？わからない 、入力項目が沢山ありすぎて、どこに何を入力するかをいつも迷う、動かなくて諦めたことがある、こんな方へ向けた講座です。初心者〜中級者向け完全講座です！

告知！【完全マニュアル】BubbleのAPI連携！初心者向け徹底解説

BubbleのAPI連携の完全マニュアルをリリースします！こんな方に向けて。API Connectorを使いたいがイマイチ何をどうしたらいいか？わからない。入力項目が沢山ありすぎて、どこに何を入力するかをいつも迷う 動かなくて諦めたことがある。ゴールは自力で設定できるようになることです。

Bubble、Schedule API Workflow on a listを使いN個の繰り返し処理を行う【on a listバージョン】

数が決まっていない、数が事前にわからない場合の繰り返し処理をSchedule API Workflow on a list を使いって解決します。前回のSchedule API Workflowとの違いも併せて確認できる内容になっています。

Bubble、Schedule API Workflowを使いN個の繰り返し処理を行う

事前に回数や個数がわからない場合の処理の方法。Schedule API Workflowを使い、チェックを入れた数分だけメールを送ったり登録したりができるようになります。

オランダ移住してすぐ子宮頸がん検診を受けました！日本との違い-セルフキットあり

住民登録が完了するとすぐに送られてきた子宮頸がん検診。オランダの子宮頸がん検診について、また日本との違いについても調べました。セルフキットで自宅で自分で細胞を採取し郵便ポストから送るのも新鮮でした。またあらためて日本の子宮頸がん発生率が高いことも認識しました。

オランダは肥満体型の人が少ない!? – アメちゃんの代わりにミニトマトが配られる国!?

[chat face="animal_mark12_saru.png" name="さるくん" align="left"

オランダで意外と身近なシラミ感染 – 現地小学校に子どもが通うお母さんからきいた話

オランダの小学校検索をして毎回気になっていたのが「シラミ対策」の項目があること。そこから現地の小学校に通う子のお母さんからきいたリアルなシラミ感染の話まで。今感じて調べたことを記事にしました。オランダで子どもを学校に通わせる方は知っておいて損はなさそうです！

Bubble のTextを使い超過文字を文末「…」に省略 かつ1行に収める方法 – レスポンシブ対応

BubbleのTextを使うと文字数が多い場合に複数行に勝手に折り返されてしまいます。これを収まらない分は省略しかつ1行に収める方法をお伝えします。CSSを使うと簡単に設定できます。

Bubble のTextを使い超過文字を文末「…」に省略 かつ1行に収める方法 – レスポンシブ対応

BubbleのTextを使うと文字数が多い場合に複数行に勝手に折り返されてしまいます。これを収まらない分は省略しかつ1行に収める方法をお伝えします。CSSを使うと簡単に設定できます。

【準備編】オランダ移住・やることリスト、必須も含めまとめ！

オランダに家族で移住する前の準備リストをまとめました。移住2ヶ月前の私が今まさに準備していることを全公開。これから移住を予定している方に参考になったら嬉しいです。

BubbleにGoogle Analyticsを導入したい！どうやる？「カスタムイベント」の設定方法まで丁寧に解説！

BubbleへのGoogle Analyticsの導入方法を解説します。プラグインを使うと簡単に設定できます。またカスタムイベントをBubbleのWorkflowに設定し、思い通りの箇所の数値を計測する方法も解説します。

【これは便利】Bubble 初心者が案外知らない便利機能 5選！

Bubbleの知っているいると便利、開発が早くなる便利機能5選をご紹介。Dataの見た目がわかりやすくなるPrimary fieldsをはじめ、Workflowでフォルダーにまとめる、エレメントをいち早く見つけるために使うものなど。Bubble初心者に教えると100%「それもっと早く知りたかった！」と言われるTIPSを解説します。

Bubble タグを追加/削除、タグを新規登録を簡単に行う – Multiselect Dropdownの使い方

Bubbleでタグを追加や削除、また新規タグの追加を簡単に行うプラグイン「Multiselect Dropdown」の使い方を紹介します。特にタグ登録の際にポイントを知っていないと使えない項目などがあります。#タグや絞り込み検索などに多大な効力を発揮するタグ、この機会にマスターしましょう！

Bubble 画像を思い通りに扱う方法。画像の上にテキスト配置や、縦横比率を変えずに画像をボタンにしたい など

Bubbleで画像を配置できる方法は様々あります。Imageとして配置するのか？Groupの背景として配置するのか？はたまたButtonにも背景に画像を配置することができます。ただしその画像がどう扱われるか？は異なるので自分が最適に画像を扱う方法を知っておきましょう。

Bubble、Bulk処理 – 後からFieldsに一括データを入れたい時

BubbleでBulk処理をする方法。あとから一括で大量のデータを入れたい時に便利です。Bubble有料プラン、Personalプラン以上の契約が必要です。Backendworkflowを使った一括処理の方法を丁寧に解説しています。

Bubble アプリの自動アラートを出さずに、自由にデザインしたエラーを表示させる方法！

Bubbleでログイン時のエラーアラート、パスワードが一致しないときのアラートなどBubble側が自動で用意してくれている表示があります。エディタのSettiingsタブの中にある「Languages」に一覧表示されています。この表示をあのポップアップのようなアラートではなく、デ画面上に自由なデザインで表示させる方法を解説します。他のアラートにも応用できるので知っておくと便利です！

海外旅行で余った外貨コインと紙幣、どうしてる？ – 募金~SUICAなど電子マネーに交換~両替サービスまで様々あります！

家の掃除をしていたら出てきた外貨コインとお札たち。 「またそのうち行くから取っておこう」と思って数年が経ちました。もはや

海外旅行で余った外貨コインと紙幣、どうしてる？ – 募金~SUICAなど電子マネーに交換~両替サービスまで様々あります！

家の掃除をしていたら出てきた外貨コインとお札たち。 「またそのうち行くから取っておこう」と思って数年が経ちました。もはや

Bubble パスワードリセットをカスタマイズする方法 – Just make tokenを使用

Bubbleで用意されている「Send password reset email」でパスワードのリセットを行うことができます。ただ思うようなメール文レイアウトに出来ません。パスワードリセットのリンクを文章の真ん中に持ってきたり、SendGridを使いリンクurlを含んだテキストやボタンに変更する方法をお伝えします。

【2022年】Bubble開発時に私がよく使うサービス5選+おまけ

Bubbleのデザイン作成や構築時に使用するお役立ちサービスをまとめました。画像圧縮、ダミーデータの作成、フォント選定などに使えるサービスです。Bubble開発に重宝するものばかり。まだ知らないものがあればぜひ使ってみてください。

Bubbleの「Component Library」から学べること – 8の倍数で作る・レスポンシブは768pxで切り分け、などのTIPS

BubbleのComponent Libraryを使ったことがありますか？ 2021年の10月からBubbleエディタに標準で追加されました。ドラッグドロップで使うことが可能です。あまり使わない方にもぜひ見てほしい。デザインや構築時のコツが凝縮されています。例えば8の倍数でデザインを作ったりヘッダー幅は最大1080pxなども参考に。

Bubbleで実装！ボタンを押す毎に リストを○○件ずつ追加表示する方法 – Custom stateを使います！

一覧リストを、ボタンを押すことで更に件数を追加して表示する。Bubbleで実装する方法をお伝えします。

Bubbleでインスタのように三点リーダー「…more」をクリックし記事を開閉する – custom stateを使います！

Bubbleでもこんな設定がしたい！投稿の文章一部内容を表示させておき、3点リーダーやmoreをクリックしたら隠れていた投稿を全て表示させる。またもう一度文字部分をクリックしたら閉じる。という設定をCustom stateを使って実現します。

Custom stateで yesだったらno / noだったらyes の Workflowを一つにまとめる – 実は2つ設定する必要はありません！

Custom stateで、yesならnoにして、noならyesの設定を2つのWorkflowにしていませんか？なんと一つのWorkflowにまとめることができるんです。Workflowの数をできるだけ少なくコンパクトに、リリース後の運用も楽にしていきましょう！

郵便局からオランダに引越し小包を送る（日本側、準備編）- 2022年6月20日から通関電子データが必須になりました！

日本からオランダへ郵便局から国際小包を送る方法を解説。日数〜金額〜2022年6月から必須になった通関電子データの送信まで。日本で準備できることをまとめました。

WorkflowのStepが思い通りの順番で動作しない？ – 対処法は？

[chat face="animal_mark12_saru.png" name="さるくん" align="left"

Terminate this workflowの使い方 – workflowをそこで終了させたいときに使います

Terminate this workflow をどのように使うのか？Workflowへの実際の組み込み例を紹介します。またTerminate workflow と Actionに設定するOnly whenの使い分けについても図解で丁寧に解説をしています。Bubble初心者の方へ参考になったら嬉しいです。

オランダの家探し & 学校探しどうやってる？（日本での準備編）

オランダの家探しと学校探しの方法。子どもがいて移住する人は家探しと学校探し両方が必要になります。日本にいるうちから出来ることを紹介。これを知っておく、サイトで検索に慣れておくことで移住後もスムーズに家探しを行うことができます。2022年以降の光熱費高騰で、失敗しない家探しのポイントもお伝え！

オランダの家探し & 学校探しどうやってる？（日本での準備編）

オランダの家探しと学校探しの方法。子どもがいて移住する人は家探しと学校探し両方が必要になります。日本にいるうちから出来ることを紹介。これを知っておく、サイトで検索に慣れておくことで移住後もスムーズに家探しを行うことができます。2022年以降の光熱費高騰で、失敗しない家探しのポイントもお伝え！

何度も読み返したくなる「オランダと日本の学校」の違い – 項目別にリスト形式でまとめました！

[chat face="animal_mark12_saru.png" name="さるくん" align="left"

The Netherlands と Holland の違いを知っていますか？ また Dutchを適切に使っていますか？

[chat face="animal_mark12_saru.png" name="さるくん" align="left"

Bubble、Custom Event はどんな時に使う？ – 使い方・設定の方法

BubbleのCustom eventを使っていますか？ 同じWorkflowを複数箇所に設定する場合に、一つにまとめて管理できるとても便利な機能です。設定はWorkflowと同じように一連のステップををActionに追加します。更新も修正も一箇所で済むので運用時もとても楽に！使い方をマスターしましょう！

BubbleのSend emailが迷惑メールに入ってしまうので、解決策はSendGridを使う！

BubbleのWorkflowでSend emailからメールを送れます。でも結構な確率で届かなかったり迷惑メールに入ってしまったりします。そんな時はSendGridのサービスを使ってみましょう！API連携でWorkflowから簡単に設定が可能です！

Bubble「Run as」の使い方 – ユーザー毎の表示確認ができるBubbleの優れた機能

Bubbleのエディタにある機能 Run as を使っていますか？ そのユーザーでログインした程で動作確認をすることができます。ログイン画面からログインすることなくデバックが可能になります。Bubble特有の便利機能の一つです。

【Bubbler必読】Bubbleセキュリティ – 外部アクセス・API編

Bubbleのセキュリティ総まとめブログ内にある「外部アクセス・API」についての記事です。知らないで使っていると怖い。外部からアクセスし放題の書き換えし放題になります。Bubbleのセキュリティに関して特にAPI周りについて解説をしました。明日からの安心に必読です！

Bubble Checkboxの扱い方 – チェックボックスが複数の場合

Bubbleは複数のチェックボックスの扱いが難しいです。Custom stateを使い、どのチェックボックスがチェックされているか？を一時的に保持して表示や保存を行います。複数のチェックボックスの扱い方を初心者にもわかるように丁寧に解説をします。

Bubble Checkboxの扱い方 – チェックボックスが1つの場合

Bubbleのチェックボックスの扱い方がわかりません。他のInput Formsと全く違うのではじめは戸惑います。yes/noで判定できるので、その扱い方を。このブログでは、プライバシーポリシーなどで一つのチェックボックスがある場合の解説をおこないます。

【Bubbler必読】Bubbleパフォーマンス & セキュリティ 完全版- 開発者が気を付けることリスト

Bubble開発をするにあたり注意すべき点、セキュリティーとパフォーマンスに焦点を当てて解説します。項目ごとリスト形式で記載をしているのでひとつずつチェックしてみてください。リリース前だけでなく開発前に知っておくべき内容です。

【セキュリティ最重要】BubbleのPrivacyルール・設定方法 事例を紹介&丁寧に解説

BubbleのPrivacyルールの設定は必須です！この設定をしないと保存されているデータは全て丸見えです。BubbleのPrivacyルールの設定方法を例をあげながら丁寧に解説をしています。初心者必見です！

BubbleのStyles設定 – スタイルを定義して開発の高速化、ページ読み込みパフォーマンスもUPしよう！

BubbleのStyles設定をしていますか？ なんとなく使ったことがない方が多いですが、とてももったいないです。ページ読み込みの高速化につながるし、修正時の変更も一括で完了します。メリットだらけのStyles設定を必ず行うようにしましょう。

Bubble CSS徹底解説【チェックボックス】cssを使ってチェックボックスのデザインをカスタマイズする方法！

BubbleのCSSを使い、チェックボックスをカスタマイズする方法を丁寧に解説します。図解多めにコピペも可能にしました。

Bubble CSS徹底解説【発展】- classを指定する方法

BubbleのCSS徹底解説は以下全6ページで完結します。はじめの3ページに基礎と前提をまとめました。特に「CSS基礎①

Bubble CSS徹底解説【ラジオボタン】cssを使ってラジオボタンのデザインをカスタマイズする方法！

BubbleでCSSを書いてラジオボタンのデザインをカスタマイズする方法を解説します。初心者の方にもわかりやすく図解多め。

Bubble CSS徹底解説【ドロップダウン】cssを使ってドロップダウンのデザインをカスタマイズする方法！

Bubbleのドロップダウンをカスタマイズする方法を解説。CSSを記述する方法と画像で差しかせる方法を丁寧に解説をしています。初心者にもわかりやすく画像多めです。CSSはコピペも可能。

Bubble CSS徹底解説【CSS基礎②】- 2箇所の設定が必要です

BubbleのCSS基礎編をお伝えします。BubbleのCSSを設定するには2箇所の記述が必要です。図解を多めに初心者にもわかりやすく解説しました。

Bubble CSS徹底解説【CSS基礎①】-前提を知ろう！

BubbleでCSSを書く際の前提となる基礎をお伝えします。無料と有料プランでCSSを書いて効く場所が違うので注意をしてください。初学者にもわかりやすく解説！

【Bubble・セキュリティチェック代行】Bubbleリリース前のセキュリティチェックを行うサービスです

リリース前の不安を解消！ Bubbleで作ったサービスのリリース前セキュリティチェックを行います。

【Bubble開発の相談にのります】Bubble特化エンジニア2名がBubbleのお困りを解決！

みなさんのBubbleのお困りを解決します！ Bubbleでこんなサービス作れるの？という疑問から〜実装で困ったまで幅広く相談可能です。

Bubbleが好きすぎて商品を作りました！パーカー/Tシャツ

Bubble開発者なら見た瞬間に「あっ！」と既視感があるパーカー（フーディー）とTシャツを作りました。

BubbleのOption Sets【応用編2】- Repeating Groupで並び替えに使おう！

Option Setsの応用編、最終回です。Repeating Groupのソート（並び替え）をOption Setsを使って行う方法をお伝えします。これじつはかなり便利なんです！まだ使ったことが無い方は是非です！

BubbleのOption Sets【応用編1】- Attribute(属性)の追加と便利小ネタ3点

実は便利なBubbleのOption Sets 今回は応用編・その1です。Attributeの使い方や、そのほか知っておくと便利な小ネタもお伝えします。例えば順番を変えることができる、コピーできるなど。

BubbleのOption Sets【基礎編】- 使い方と気をつけるポイント！

BubbleのOption Setsはとても便利です。都道府県や曜日などの静的データを保存し使用するのに向いています。便利な反面注意をしないと全てのデータが晒されます。ユースケースから注意点まで解説をします。

BubbleでSlackのような動きをする投稿画面を実装する！最新投稿と一緒にMultiline Inputがせりあがる。

SlackのようなinputをBubbleで実装できます。例えば最新のメッセージが見えている状態ではinputの行が増えるごとに表示エリアが一緒に競り上がり、途中スクロールの状態ではinputはその場で行が増えます。

【最新版】初心者向け、Bubbleのアカウント作成・図解多めに丁寧に解説しました。注意ポイントもあります！

Bubbleの新規アカウント作成画面が新しくなりました。 Bubble初心者にもわかりやすく、画像多めに丁寧に解説をしています。作成時の注意ポイントもしっかりお伝えします。

Bubbleニューレスポンシブ【TIPS】実は使えるContainer layout Rowの設定！見出しやタイトルで上下左右中央にまとめたい時に便利

Bubbleでデザイン画面を作る際に、Column、Row、Align to parentで迷いませんか？こんな時はRowがおすすめ！の事例を紹介します。Rowの特性を知りデザイン画面構築の際は迷わずできるようになることを目標にしています。