1. Bildr に登録しよう 2. Bildr を使ってみよう 2.1. はじめにチェックするべきページ 2.2. 新しいプロジェクトを作ろう 2.3. Bildrのワークスペースとは 2.4. ページの新規作成/追加 2.5. テキストの入力 2.6. ボタンの設置 2.7. Bildr のブロック機能と…
1. Softrの新しい機能 2. Softr の新機能を使ってみよう! 2.1. Airtableと連携しよう 2.2. 有料会員限定コンテンツの作成 2.3. Stripeチェックアウトの設定 2.4. ルールに基づいた可視化設定 2.5. 動作確認 2.6. ユーザーの手動管理機能 2.7. サインアップ…
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…
1. Softr のメンバーシップ機能を使うためのプラン 2. 事前準備 3. ウェブアプリの構築 3.1 ページの作成 3.2 Home ページの設定 3.3 サインアップページの作成 3.4 サインインページの作成 3.5 ログインユーザーのみ閲覧可能なエリアの設定 3.6 ログインユ…
第5回 独自ドメインの設定方法 1. 事前確認 2. ドメインの取得 2.1 ドメインの決定・検索 2.2 ドメイン確認・サーバー選択 2.3 料金確認 2.4 支払い方法確認・購入手続き 3. Bubbleへの紐づけ 3.1 Bubble の有料プランについて 3.2 Bubble の Personal Plan …
概要 アプリを作ってみよう Bubbleでアプリを新規に作ろう 画面サイズの設定 データの作成 オプションセットとは? データの準備 コンテンツの配置 テキスト「じゃんけんぽん!」の設置 グーチョキパーの図の設置 結果と「もう一回」ボタンの表示(ポップア…
第4回 レスポンシブデザイン対応 1. レスポンシブデザイン対応の基礎知識 1.1 レスポンシブと設定ページについて 1.2 画面を狭めた時のレスポンシブ 1.3 画面を広げた時のレスポンシブ 2. レスポンシブデザイン対応実装 2.1 事前確認と設計 2.2 タイムライ…
2021/02/22 追記 Zeroqode の Calendar from Google プラグイン更新(v1.11.0 ⇒ v1.14.0)に伴い、以下でご紹介しているGoogleカレンダーの「イベント一覧の取得」「イベントの新規作成」「イベントの削除」は Calendar from Google の設定値を API Connecto…
1. Softr とは 2. Softr の特徴 2.1 ブロックを積み上げて画面をデザインする 2.2 Airtable を DB として使う 2.3 さまざまなサービスと連携可能 2.4 コードも書ける 2.5 開発スピードが早い 3. Softr で作れる Webアプリ 4. 実際に使ってみる 4.1 Softr の…
※この記事は下記のブログ記事を英訳したものです。海外からの問い合わせが増えてきたため英訳しました。 blog.nocodelab.jp Background Preparation Plugin installation Register to LINE Developers Create a provider channel with LINE Developers LINE …
Bubble のアプリを誰かにプレゼントする方法 (1) プレゼントするアプリをコピーして、重要な情報を削除する (2) アプリを Transfer する まとめ こんにちは!ノーコード ラボの岡崎です。 今回は Bubble のアプリを誰かにプレゼントする方法についてご説明し…
① Vertical scrolling(垂直スクローリング) ② Ext. vertical scrolling(拡張型垂直スクロール) ③ Full list(完全リスト) ④ Fixed number of cells(セル数の固定) ⑤ Horizontal scrolling(水平スクロール) まとめ みなさんこんにちは! 今日は、Bub…
皆さん、こんにちは!ノーコードラボの bubble camp 内で、生徒さんからいただいた質問まとめの第3回目です!今回も Bubble 開発におけるテクニックやアイデアなども含め、色々ご紹介していきたいと思いますので、どうぞお付き合いください! 1. Field type …
第3回 音声の録音&投稿、再生機能の作成方法 1. 音声録音機能導入 1.1 音声録音プラグインのインストール 1.2 「Popup tweet」の編集 1.2.1 録音開始マーク、録音中マークの設置 1.2.2 Audio Recorder & Vizualiserの設置 1.2.3 保存ボタンの設置 2. 音声再…
皆さんこんにちは。今回はプレビュー画面で使用できる、debugger(デバッガー)の使い方について説明していきます。これが分かると、アプリの開発がとても効率的にできるようになりますのでぜひ覚えていきましょう! デバッガーとは? デバッガーの機能 事前…
Bubble プラグイン:Twitterのツイートができる「Twitter Tweet」を作成しました Bubbleからツイートする方法 プラグイン公開URL デモサイト 使用方法 元号ジェネレータについて 準備をしよう TwitterのApp設定をしよう プラグインのインストールをしよう プ…
第2回 SNSに欠かせない「いいね機能」の導入と「いいねTOP」の表示方法 1. いいね機能の追加 1.1 アイコンとテキスト配置 1.2 データベース設計 1.3 ハートアイコンをクリックしたときの処理 1.3.1 クリックしたユーザーの情報をTweet dataに入れる 1.3.2 カ…
皆さん、こんにちは!今回は最近Bubbleに新しく追加されたSlugの機能を紹介していきます。 Slugとは 突然ですが、Bubbleの開発画面から Dataタブ -> App dataタブ を開いたときに、下図の赤枠のように、各データベースに「Slug」という項目が増えていること…
今回は、ノーコード ラボが提供するBubbleの個別指導サービス「Bubble Camp」の受講生である西村さんが作った「nukadoco -ヌカドコ-」(https://app.nukadoco.com/)をご紹介します。 nukadoco -ヌカドコ- とは 作者からのメッセージ nukadocoの活用方法 実…
皆さんこんにちは!今回はノーコード ラボで開発した以下2つのプラグインについて紹介していきます。 LINEアカウントによるソーシャルログインを実現する「LINEログイン」のプラグイン BubbleからLINEへメッセージを送信できる「LINEメッセージ送信」のプラ…
Weglotとは? Weglotを使うメリット 簡単! メンテナンス SEOに対応している 翻訳の精度 100以上の言語ペアに対応 Weglotのサインアップ方法 Weglotのプライスプラン 実際にWeglotを使ってみよう! 翻訳の修正 終わりに みなさんこんにちは! みなさんのホー…
KIYAKUとは 実際にKIYAKUを使ってみた まずはアカウント作成 作成したい文書を選択 質問に答える Step1:会社名(個人事業主の場合は個人名)を入力 Step2:サービスで取得する個人情報を選択 Step3:取得した個人情報を使用する目的を選択 Step4:Google An…
みなさんこんにちは。NoCodeCamp杯にて、「ノーコードラボ賞」を受賞させて頂いたチームリアルカレッジのしげです。 受賞作品「SHarK!!!」の簡易版を作ってみるということで、初級者さん向けに解説していきます!ちなみに「SHarK!!!」の公式twitterはこちら…
前提条件 目的 作成方針 コンテンツ 動画コンテンツ このシリーズでは、書籍の名言やセリフを投稿できるSNSサービス「SHarK!!!」の簡易版を作成していきます! 完成版は次のリンクから確認できます。 https://sharkclone.bubbleapps.io/version-test?debug_m…
NoCodeCamp 杯 ノーコード ラボ賞 名言共有SNS「SHarK!!!」の概要 「SHarK!!!」の特徴 今後の展望 記事作成・受託開発開始 評価・実績 開発者概要 岩田 史門(Shimon Iwata) 重松隼人(Hayato Shigematu) 高尾圭祐(Keisuke Takao) リアルカレッジメンバ…
WayScriptとは? WayScript は誰でも使えるの? 実際にWayScriptを使ってみよう スクリプトを作ってみよう Slack と Gmail を連携しよう トリガーの設定 Slack からのメッセージの読み取り Gmail への転送 実行! まとめ こんにちは! いつもはノーコード な…
ショッピングサイト 1. DBの目的を明確にする 2. 必要な情報を考え、整理する 3. 一覧表の関係性を確認する 4. アプリを作成する まとめ Bubble camp アシスタントの あぽとです。 BubbleをはじめとしたNoCode開発において、初心者がつまずくポイントのひと…
定期スケジューリング(Recurring event)と Integromat でのスケジューリングの弱点 Backend Workflow の中で次の実行を予約する 心配な点 Workflow が動かない? ID が枯渇する? そもそもこんなことやっていいの? まとめ 皆さん、こんにちは! Bubbleで…
2020/08/26 - 2020/09/01 までの 1週間 インストール数ランキング 1位 Bubble Plugins (6,749 apps) 2位 Ionic Elements (3,879 apps) 3位 API Connector (3,067 apps) 4位 Google Material Icons (3,016 apps) 5位 Toolbox (2,756 apps) 6位 Random User Ge…
Bubble プラグイン画像もPNG化できる「Element to PNG」を作成しました 参考プラグイン:Element To Imageについて ノーコードラボの「Element to PNG」について プラグイン公開URL デモサイト 使用方法 元号ジェネレータについて 準備 プラグインを配置して…