ノーコード ラボ

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

Bubble のアプリを誰かにプレゼントする方法

Bubble のアプリを誰かにプレゼントする方法 (1) プレゼントするアプリをコピーして、重要な情報を削除する (2) アプリを Transfer する まとめ こんにちは!ノーコード ラボの岡崎です。 今回は Bubble のアプリを誰かにプレゼントする方法についてご説明し…

Bubble の Repeating Group の使い分け

① Vertical scrolling(垂直スクローリング) ② Ext. vertical scrolling(拡張型垂直スクロール) ③ Full list(完全リスト) ④ Fixed number of cells(セル数の固定) ⑤ Horizontal scrolling(水平スクロール) まとめ みなさんこんにちは! 今日は、Bub…

bubble camp 生徒の方々からいただいた Bubble に関する質問集 part.3

皆さん、こんにちは!ノーコードラボの bubble camp 内で、生徒さんからいただいた質問まとめの第3回目です!今回も Bubble 開発におけるテクニックやアイデアなども含め、色々ご紹介していきたいと思いますので、どうぞお付き合いください! 1. Field type …

Bubbleで名言SNS「SHarK!!!」の簡易版を作ってみる(初級者向け)3:音声の録音&投稿、再生機能の作成方法

第3回 音声の録音&投稿、再生機能の作成方法 1. 音声録音機能導入 1.1 音声録音プラグインのインストール 1.2 「Popup tweet」の編集 1.2.1 録音開始マーク、録音中マークの設置 1.2.2 Audio Recorder & Vizualiserの設置 1.2.3 保存ボタンの設置 2. 音声再…

Bubbleでデバッガーを使ってみよう!

皆さんこんにちは。今回はプレビュー画面で使用できる、debugger(デバッガー)の使い方について説明していきます。これが分かると、アプリの開発がとても効率的にできるようになりますのでぜひ覚えていきましょう! デバッガーとは? デバッガーの機能 事前…

Bubble プラグイン:Twitterのツイートができる「Twitter Tweet」を作成しました

Bubble プラグイン:Twitterのツイートができる「Twitter Tweet」を作成しました Bubbleからツイートする方法 プラグイン公開URL デモサイト 使用方法 元号ジェネレータについて 準備をしよう TwitterのApp設定をしよう プラグインのインストールをしよう プ…

Bubbleで名言SNS「SHarK!!!」の簡易版を作ってみる(初級者向け)2:SNSに欠かせない「いいね機能」の導入と「いいねTOP」の表示方法

第2回 SNSに欠かせない「いいね機能」の導入と「いいねTOP」の表示方法 1. いいね機能の追加 1.1 アイコンとテキスト配置 1.2 データベース設計 1.3 ハートアイコンをクリックしたときの処理 1.3.1 クリックしたユーザーの情報をTweet dataに入れる 1.3.2 カ…

Bubbleの新機能 Slugを使ってみよう!

皆さん、こんにちは!今回は最近Bubbleに新しく追加されたSlugの機能を紹介していきます。 Slugとは 突然ですが、Bubbleの開発画面から Dataタブ -> App dataタブ を開いたときに、下図の赤枠のように、各データベースに「Slug」という項目が増えていること…

思考の発展をアシスト!Bubbleで作るWebアプリ「nukadoco -ヌカドコ-」を紹介!

今回は、ノーコード ラボが提供するBubbleの個別指導サービス「Bubble Camp」の受講生である西村さんが作った「nukadoco -ヌカドコ-」(https://app.nukadoco.com/)をご紹介します。 nukadoco -ヌカドコ- とは 作者からのメッセージ nukadocoの活用方法 実…

Bubbleで「LINEログイン」と「LINEメッセージ送信」ができるプラグインを作成しました

皆さんこんにちは!今回はノーコード ラボで開発した以下2つのプラグインについて紹介していきます。 LINEアカウントによるソーシャルログインを実現する「LINEログイン」のプラグイン BubbleからLINEへメッセージを送信できる「LINEメッセージ送信」のプラ…

Bubble で作った Webアプリをかんたんに多言語対応する方法(Weglot)

Weglotとは? Weglotを使うメリット 簡単! メンテナンス SEOに対応している 翻訳の精度 100以上の言語ペアに対応 Weglotのサインアップ方法 Weglotのプライスプラン 実際にWeglotを使ってみよう! 翻訳の修正 終わりに みなさんこんにちは! みなさんのホー…

ノーコーダーにおすすめの法律文書自動生成サービス「KIYAKU(キヤク)」

KIYAKUとは 実際にKIYAKUを使ってみた まずはアカウント作成 作成したい文書を選択 質問に答える Step1:会社名(個人事業主の場合は個人名)を入力 Step2:サービスで取得する個人情報を選択 Step3:取得した個人情報を使用する目的を選択 Step4:Google An…

Bubbleで名言SNS「SHarK!!!」の簡易版を作ってみる(初級者向け)1: twitterの共有ボタンや、タイムラインの埋め込み

みなさんこんにちは。NoCodeCamp杯にて、「ノーコードラボ賞」を受賞させて頂いたチームリアルカレッジのしげです。 受賞作品「SHarK!!!」の簡易版を作ってみるということで、初級者さん向けに解説していきます!ちなみに「SHarK!!!」の公式twitterはこちら…

Bubble で名言SNS「SHarK!!!」の簡易版を作ってみる(初級者向け)

前提条件 目的 作成方針 コンテンツ 動画コンテンツ このシリーズでは、書籍の名言やセリフを投稿できるSNSサービス「SHarK!!!」の簡易版を作成していきます! 完成版は次のリンクから確認できます。 https://sharkclone.bubbleapps.io/version-test?debug_m…

名言共有SNS「SHarK!!!」と新しい Bubble の学習コースについて

NoCodeCamp 杯 ノーコード ラボ賞 名言共有SNS「SHarK!!!」の概要 「SHarK!!!」の特徴 今後の展望 記事作成・受託開発開始 評価・実績 開発者概要 岩田 史門(Shimon Iwata) 重松隼人(Hayato Shigematu) 高尾圭祐(Keisuke Takao) リアルカレッジメンバ…

プログラマーにもオススメしたい!ローコードな iPaaS、WayScript を使ってみる!

WayScriptとは? WayScript は誰でも使えるの? 実際にWayScriptを使ってみよう スクリプトを作ってみよう Slack と Gmail を連携しよう トリガーの設定 Slack からのメッセージの読み取り Gmail への転送 実行! まとめ こんにちは! いつもはノーコード な…

データベース設計の大まかな流れについて

ショッピングサイト 1. DBの目的を明確にする 2. 必要な情報を考え、整理する 3. 一覧表の関係性を確認する 4. アプリを作成する まとめ Bubble camp アシスタントの あぽとです。 BubbleをはじめとしたNoCode開発において、初心者がつまずくポイントのひと…

Bubble の Schedule API Workflow を使った簡単バッチ処理をしよう!~3: 動的な再帰スケジューリング編

定期スケジューリング(Recurring event)と Integromat でのスケジューリングの弱点 Backend Workflow の中で次の実行を予約する 心配な点 Workflow が動かない? ID が枯渇する? そもそもこんなことやっていいの? まとめ 皆さん、こんにちは! Bubbleで…

Bubble のプラグインの人気週間ランキングトップ20(2020/08/26 - 9/1)

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」を作成しました

Bubble プラグイン画像もPNG化できる「Element to PNG」を作成しました 参考プラグイン:Element To Imageについて ノーコードラボの「Element to PNG」について プラグイン公開URL デモサイト 使用方法 元号ジェネレータについて 準備 プラグインを配置して…

2019年、2020年のノーコード/ローコード業界の資金調達状況

こんにちは!ノーコード ラボの岡崎です。 2020年9月の資金調達のニュース 9月に Airtable の大型の資金調達のニュースが入りました。1億8500万$ jp.techcrunch.com Airtable は 2018年にも大きい資金調達をしています。こちらも1億$。 techcrunch.com 他の…

Bubble等のNoCodeツールで作られた、実際に収益を上げているサイト5つをご紹介

Bubble camp アシスタントの あぽとです。 世界中にはBubbleで作られたサイト・アプリが、収益化や買収された事例が数多く存在します。 今回はその一部を紹介します。 またちょっと前にはなりますが、ついに日本初の買収案件も登場したため、こちらも併せて…

Bubble でデータ更新!auto-binding か Workflow、どっちを使う?

皆さん、こんにちは!今回は Bubbe の auto-binding(即時更新機能)について、まとめてみました。データ更新する際、auto-binding?それとも Workflow?をテーマに考えてみたいと思います! Bubble の auto-binding 機能とは? Input forms のエレメントで…

bubble camp 生徒の方々からいただいた Bubble に関する質問集 part.2

皆さん、こんにちは! 今回は、ノーコードラボの bubble camp 内で、生徒さんからいただいた質問まとめの第2回目です!前回に引き続き Bubble 開発におけるテクニックやアイデアなども含め、色々ご紹介していきたいと思いますので、どうぞお付き合いください…

Bubble で Twitter API を使ってみよう!(OAuth 2.0)

Bubble で Twitter API を使ってみよう! Twitter API について サンプルを作ろう 前準備をしよう Twitter Developer API Connector のインストール 実際に試してみよう API Connectorの設定 Twitter 検索のAPIを設定 タイムライン取得の API を設定 画面を…

Bubbleでスクレイピングをしてみよう!

Bubbleでスクレイピングをしてみよう! スクレイピングとは サンプルを作ろう dexi.ioの準備をしよう Robotを作ろう Outputsを設定しよう Stepsを設定しよう 実行してみよう Runを作成しよう 実際に実行してみよう API Keyを取得しよう Bubbleの準備をしよう…

bubble camp 生徒の方々からいただいた Bubble に関する質問集 part.1

皆さん、こんにちは! 今回は、bubble camp(ノーコードラボが Bubble を使って自分で Webアプリを作れるようになりたい人向けに行っている個別指導)内で、生徒さんからいただいた質問について、まとめてみました。Bubble 開発におけるテクニックや、知って…

Bubble の Figma からのインポート機能の使い方

本記事は タツヤ@ノーコードデザイナー さんからご寄稿いただきました。 タツヤ@ノーコードデザイナー さん、ありがとうございました! はじめに Figmaとは Figmaでできること 実用例 Bubbleにインポートする 使い方 Figma側での準備 Bubble側での準備 イン…

BubbleでAlgoliaを使って検索してみよう!

BubbleでAlgoliaを使って検索してみよう! Algoliaとは? Algoliaの準備をしよう アカウントを作ろう インデックスを作ろう API Keyを確認しよう Algoliaプラグインをインストールしよう プラグインの設定をしよう サンプルを作ってみよう Dataについて 検索…

Bubble から LINE メッセージを送信する方法

前提条件 LINE Bubble 設定方法 1. API Connector の設定 1.1 共通部分(認証)の設定 1.2 プッシュメッセージの設定 1.3 注意点 2. Bubble エディターの設定 まとめ こんにちは!ノーコード ラボの岡崎です。 今回は Bubble から LINE にメッセージを送信す…