【NoCODE】bubbleのレッスンやってみた

スポンサーリンク
トレンド

NoCODEはプログラミングなし、画面操作のみでWebアプリケーションが作れるサービスのことです。
NoCODEのひとつであるbubbleでWebアプリケーションが作れます。
ポータルサイトにレッスンがあったのでやってみました。

bubbleとは

ノーコードのWebアプリケーション開発ツールです。
bubbleのポータルはこちら

bubbleのレッスン一覧

bubbleのレッスンは全部で12あります。
今回やってみたのはレッスン2です。
ポータルは英語のみみたいです。

No英語日本語
1Saving dataデータの保存
Save addresses and display them on a map住所や地図上に表示して保存
4 minutes4分
2Building a sign-up systemサインアップシステムの構築
Build a sign-up and login workflowサインアップとログインのワークフローを構築
4 minutes4分
3Saving and modifying dataデータの保存と変更
Build a reddit-like app to vote on city names都市名に投票するのredditのようなアプリを構築
6 minutes6分
4Building a slideshowスライドショーの構築
Create a beautiful picture slideshow美しい画像のスライドショーを作成します。
2 minutes2分
5Sending data to pagesページにデータを送信
Share data among pagesページ間のデータを共有
6 minutes6分
6Using conditions条件を使用
Use conditions to refine what your app does使用条件は、あなたのアプリが何を絞り込みます
3 minutes3分
7Defining a field as a list of things物事のリストとしてフィールドを定義
Attach a list of things to the current user現在のユーザーに物事のリストを添付
5 minutes5分
8Using APIs and sending data to groupsAPIを使用してグループにデータを送信
Search for Giphy animated GIFGiphyアニメーションGIFを検索します
3 minutes3分
9Using external APIs外部APIを使用
Search for songs in the iTunes APIiTunesのAPIの曲を検索します
3 minutes3分
10Using the chart elementチャート要素を使用
Use the chart element to display dynamic data動的データを表示するチャート要素を使用
5 minutes5分
11Login with FacebookFacebookでログイン
Allow users to login/sign up with Facebookユーザーが/ログインFacebookのアカウントにサインアップすることを許可します
3 minutes3分
12Graduation lesson: a to-do app卒業レッスン:へ-doのアプリ
You’ve done the basics – now flex your Bubble skills!あなたは基本をやった – 今、あなたのバブルのスキルを曲げます!
7 minutes7分

bubbleのレッスン2をやってみた

bubbleのデザイン画面。
この画面でアプリの外観を作ります。
レッスンでは操作方法の指示があり、WorkFlow画面と行ったり来たりしながら進めていきました。

WorkFlow画面でボタンを押したときの処理を設定します。
レッスンでは操作方法を指示してくれるので簡単に作れました。

bubbleのWorkFlow画面

完成画面ではサインアップ画面のみで、サインアップできたら右下にそのメールアドレスが表示される仕組みになっています。

bubbleを使ってみて

すでにbubbleで作ったアプリも出回っているみたいです。
今まで莫大な時間をかけて作っていたWebアプリが数時間でできそうです。
細かい設定ができるのか、どれぐらいのデータ量を扱えるのか、とか疑問があるのでまた調べたいと思います。

コメント

タイトルとURLをコピーしました