ノーコード ラボ

NoCode 関連のツールの紹介、使い方などをやさしく説明します。質問やご指摘大歓迎です。わからないことがあったら、コメントや Twitter などで聞いてください!

Bubble Agency プランと Agency との Webアプリの共有方法について

Bubble Agency プランについて Bubble の全機能を利用可能 他のユーザーとコラボレーション可能 独自ドメインとホワイトラベル パスワード保護 Agency 一覧への登録 2021年3月12日 追記 2021年3月16日 追記 利用条件 弊社との Webアプリの共有について まと…

Bubble の対抗馬?ノーコードのプロ向けツール Bildr を使ってみよう!

1. Bildr に登録しよう 2. Bildr を使ってみよう 2.1. はじめにチェックするべきページ 2.2. 新しいプロジェクトを作ろう 2.3. Bildrのワークスペースとは 2.4. ページの新規作成/追加 2.5. テキストの入力 2.6. ボタンの設置 2.7. Bildr のブロック機能と…

Softr と Stripe を連携して、収益化できる Webアプリを構築してみよう

1. Softrの新しい機能 2. Softr の新機能を使ってみよう! 2.1. Airtableと連携しよう 2.2. 有料会員限定コンテンツの作成 2.3. Stripeチェックアウトの設定 2.4. ルールに基づいた可視化設定 2.5. 動作確認 2.6. ユーザーの手動管理機能 2.7. サインアップ…

意外と簡単!?Bubble で作った Webアプリを PWA にする方法

1. PWA とは 2. A2HS とは 2.1 iOS の場合(Safari) 2.2 Android の場合(Chrome) 3. iOS への対応(Web Clip の作成) 3.1 apple-mobile-web-app-capable 3.2 apple-mobile-web-app-status-bar-style 3.3 apple-mobile-web-app-title 3.4 apple-touch-ico…

Softr のメンバーシップ機能(ユーザー管理機能)の使い方

1. Softr のメンバーシップ機能を使うためのプラン 2. 事前準備 3. ウェブアプリの構築 3.1 ページの作成 3.2 Home ページの設定 3.3 サインアップページの作成 3.4 サインインページの作成 3.5 ログインユーザーのみ閲覧可能なエリアの設定 3.6 ログインユ…

Bubbleで名言SNS「SHarK!!!」の簡易版を作ってみる(初級者向け)5:独自ドメインの設定方法

第5回 独自ドメインの設定方法 1. 事前確認 2. ドメインの取得 2.1 ドメインの決定・検索 2.2 ドメイン確認・サーバー選択 2.3 料金確認 2.4 支払い方法確認・購入手続き 3. Bubbleへの紐づけ 3.1 Bubble の有料プランについて 3.2 Bubble の Personal Plan …

じゃんけんゲームをBubbleで作ってみる!(入門者向け)

概要 アプリを作ってみよう Bubbleでアプリを新規に作ろう 画面サイズの設定 データの作成 オプションセットとは? データの準備 コンテンツの配置 テキスト「じゃんけんぽん!」の設置 グーチョキパーの図の設置 結果と「もう一回」ボタンの表示(ポップア…

Bubbleで名言SNS「SHarK!!!」の簡易版を作ってみる(初級者向け)4:レスポンシブデザイン対応

第4回 レスポンシブデザイン対応 1. レスポンシブデザイン対応の基礎知識 1.1 レスポンシブと設定ページについて 1.2 画面を狭めた時のレスポンシブ 1.3 画面を広げた時のレスポンシブ 2. レスポンシブデザイン対応実装 2.1 事前確認と設計 2.2 タイムライ…

Bubble と Googleカレンダーを連携してみよう!

2021/02/22 追記 Zeroqode の Calendar from Google プラグイン更新(v1.11.0 ⇒ v1.14.0)に伴い、以下でご紹介しているGoogleカレンダーの「イベント一覧の取得」「イベントの新規作成」「イベントの削除」は Calendar from Google の設定値を API Connecto…

Bubble よりもはるかに簡単!ノーコードでウェブアプリを作れる Softr の使い方

1. Softr とは 2. Softr の特徴 2.1 ブロックを積み上げて画面をデザインする 2.2 Airtable を DB として使う 2.3 さまざまなサービスと連携可能 2.4 コードも書ける 2.5 開発スピードが早い 3. Softr で作れる Webアプリ 4. 実際に使ってみる 4.1 Softr の…