Bubbleをはじめて知る、はじめて触る方に向けたBubble講座を特別価格で受講できるクーポンを発行しました!
ノーコードBubble Tipsを紹介しています!
専業Bubbleエンジニア | 元Webディレクター & CSS得意デザイナー | Bubble講師多数 | 安定の炎上案件ゼロ | 幼少期エジプト住み | 来年、親子オランダ移住 | Bubble情報・発信中
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を書いて効く場所が違うので注意をしてください。初学者にもわかりやすく解説!
「ブログリーダー」を活用して、obatripさんをフォローしませんか?
Bubbleをはじめて知る、はじめて触る方に向けたBubble講座を特別価格で受講できるクーポンを発行しました!
Stripeを使いBubbleでサブスクリプションを設定している場合、webhookの使用は必須です。カード引き落としができなくなった場合などBubble側に通知の手段はこのwebhookで設定する必要があります。Stripe側でサブスクキャンセルがあった際のフローをお伝えします。
チャットの未読と既読、どのように設定をしていますか? Bubble ForumでBubblerさんが解説していて皆さんも
Repeating Groupの中に更にもう一つのRepeating Groupを扱う方法です。イベントを作成しその日程を複数扱う場合に日程の追加や変更は自由に行えるのでしょうか? Bubbleでももちろん可能です。そしてその方法は複数ありますが、今回は簡単に行えるDataの中にlist fieldsを作って管理設定する方法をお伝えします。
こんにちは、おばとりっぷです。先日こんな投稿をしたら結構な反応をいただきました。 https://twitter.com
BubbleはGrowthプラン以上でブランチを切っての開発が可能です。Merge、Sync、Hotfixなどブランチ開発後の反映方法をわかりやすく解説します。エンジニアベースが無い方でもわかる内容にしました。そのほかブランチ管理の際に気をつける項目もリストで確認いただけます。
海外在住中の日本語学習にスマイルゼミが最適。電源とwifiの環境があれば世界中から毎月最新の学習内容がタブレットに届く。スマイルゼミ歴3年の私が回答。注意するポイントも!
BubbleでOR条件のものをどうやったら絞り込めますか? よくいただく質問です。Advanced filterかmerged withを使う方法で可能です。それぞれのやり方解説とWorkload の使用量も計測しました。
オランダ現地校に通い始めました。通いはじめて2週間目に子供同士のトラブルがありました。毎日同じ子から故意的に足を踏まれるというもの。どのように対処したかをメモに残します。
オランダ現地校に通い始めました。通いはじめて2週間目に子供同士のトラブルがありました。毎日同じ子から故意的に足を踏まれるというもの。どのように対処したかをメモに残します。
[chat face="animal_mark12_saru.png" name="さるくん" align="left"
BubbleのAPI Connectorを使った設定のマニュアル講座を作りました!API Connectorを使いたいがイマイチ何をどうしたらいいか?わからない 、入力項目が沢山ありすぎて、どこに何を入力するかをいつも迷う、動かなくて諦めたことがある、こんな方へ向けた講座です。初心者〜中級者向け完全講座です!
BubbleのAPI連携の完全マニュアルをリリースします!こんな方に向けて。API Connectorを使いたいがイマイチ何をどうしたらいいか?わからない。入力項目が沢山ありすぎて、どこに何を入力するかをいつも迷う 動かなくて諦めたことがある。ゴールは自力で設定できるようになることです。
数が決まっていない、数が事前にわからない場合の繰り返し処理をSchedule API Workflow on a list を使いって解決します。前回のSchedule API Workflowとの違いも併せて確認できる内容になっています。
事前に回数や個数がわからない場合の処理の方法。Schedule API Workflowを使い、チェックを入れた数分だけメールを送ったり登録したりができるようになります。
住民登録が完了するとすぐに送られてきた子宮頸がん検診。オランダの子宮頸がん検診について、また日本との違いについても調べました。セルフキットで自宅で自分で細胞を採取し郵便ポストから送るのも新鮮でした。またあらためて日本の子宮頸がん発生率が高いことも認識しました。
[chat face="animal_mark12_saru.png" name="さるくん" align="left"
オランダの小学校検索をして毎回気になっていたのが「シラミ対策」の項目があること。そこから現地の小学校に通う子のお母さんからきいたリアルなシラミ感染の話まで。今感じて調べたことを記事にしました。オランダで子どもを学校に通わせる方は知っておいて損はなさそうです!
BubbleのTextを使うと文字数が多い場合に複数行に勝手に折り返されてしまいます。これを収まらない分は省略しかつ1行に収める方法をお伝えします。CSSを使うと簡単に設定できます。
BubbleのTextを使うと文字数が多い場合に複数行に勝手に折り返されてしまいます。これを収まらない分は省略しかつ1行に収める方法をお伝えします。CSSを使うと簡単に設定できます。
オランダに家族で移住する前の準備リストをまとめました。移住2ヶ月前の私が今まさに準備していることを全公開。これから移住を予定している方に参考になったら嬉しいです。
BubbleへのGoogle Analyticsの導入方法を解説します。プラグインを使うと簡単に設定できます。またカスタムイベントをBubbleのWorkflowに設定し、思い通りの箇所の数値を計測する方法も解説します。
Bubbleの知っているいると便利、開発が早くなる便利機能5選をご紹介。Dataの見た目がわかりやすくなるPrimary fieldsをはじめ、Workflowでフォルダーにまとめる、エレメントをいち早く見つけるために使うものなど。Bubble初心者に教えると100%「それもっと早く知りたかった!」と言われるTIPSを解説します。
Bubbleでタグを追加や削除、また新規タグの追加を簡単に行うプラグイン「Multiselect Dropdown」の使い方を紹介します。特にタグ登録の際にポイントを知っていないと使えない項目などがあります。#タグや絞り込み検索などに多大な効力を発揮するタグ、この機会にマスターしましょう!
Bubbleで画像を配置できる方法は様々あります。Imageとして配置するのか?Groupの背景として配置するのか?はたまたButtonにも背景に画像を配置することができます。ただしその画像がどう扱われるか?は異なるので自分が最適に画像を扱う方法を知っておきましょう。
BubbleでBulk処理をする方法。あとから一括で大量のデータを入れたい時に便利です。Bubble有料プラン、Personalプラン以上の契約が必要です。Backendworkflowを使った一括処理の方法を丁寧に解説しています。
Bubbleでログイン時のエラーアラート、パスワードが一致しないときのアラートなどBubble側が自動で用意してくれている表示があります。エディタのSettiingsタブの中にある「Languages」に一覧表示されています。この表示をあのポップアップのようなアラートではなく、デ画面上に自由なデザインで表示させる方法を解説します。他のアラートにも応用できるので知っておくと便利です!
家の掃除をしていたら出てきた外貨コインとお札たち。 「またそのうち行くから取っておこう」と思って数年が経ちました。もはや
家の掃除をしていたら出てきた外貨コインとお札たち。 「またそのうち行くから取っておこう」と思って数年が経ちました。もはや
Bubbleで用意されている「Send password reset email」でパスワードのリセットを行うことができます。ただ思うようなメール文レイアウトに出来ません。パスワードリセットのリンクを文章の真ん中に持ってきたり、SendGridを使いリンクurlを含んだテキストやボタンに変更する方法をお伝えします。
Bubbleのデザイン作成や構築時に使用するお役立ちサービスをまとめました。画像圧縮、ダミーデータの作成、フォント選定などに使えるサービスです。Bubble開発に重宝するものばかり。まだ知らないものがあればぜひ使ってみてください。
BubbleのComponent Libraryを使ったことがありますか? 2021年の10月からBubbleエディタに標準で追加されました。ドラッグドロップで使うことが可能です。あまり使わない方にもぜひ見てほしい。デザインや構築時のコツが凝縮されています。例えば8の倍数でデザインを作ったりヘッダー幅は最大1080pxなども参考に。
一覧リストを、ボタンを押すことで更に件数を追加して表示する。Bubbleで実装する方法をお伝えします。
Bubbleでもこんな設定がしたい!投稿の文章一部内容を表示させておき、3点リーダーやmoreをクリックしたら隠れていた投稿を全て表示させる。またもう一度文字部分をクリックしたら閉じる。という設定をCustom stateを使って実現します。
Custom stateで、yesならnoにして、noならyesの設定を2つのWorkflowにしていませんか?なんと一つのWorkflowにまとめることができるんです。Workflowの数をできるだけ少なくコンパクトに、リリース後の運用も楽にしていきましょう!
日本からオランダへ郵便局から国際小包を送る方法を解説。日数〜金額〜2022年6月から必須になった通関電子データの送信まで。日本で準備できることをまとめました。
[chat face="animal_mark12_saru.png" name="さるくん" align="left"
Terminate this workflow をどのように使うのか?Workflowへの実際の組み込み例を紹介します。またTerminate workflow と Actionに設定するOnly whenの使い分けについても図解で丁寧に解説をしています。Bubble初心者の方へ参考になったら嬉しいです。
オランダの家探しと学校探しの方法。子どもがいて移住する人は家探しと学校探し両方が必要になります。日本にいるうちから出来ることを紹介。これを知っておく、サイトで検索に慣れておくことで移住後もスムーズに家探しを行うことができます。2022年以降の光熱費高騰で、失敗しない家探しのポイントもお伝え!
オランダの家探しと学校探しの方法。子どもがいて移住する人は家探しと学校探し両方が必要になります。日本にいるうちから出来ることを紹介。これを知っておく、サイトで検索に慣れておくことで移住後もスムーズに家探しを行うことができます。2022年以降の光熱費高騰で、失敗しない家探しのポイントもお伝え!