ノーコードプログラミングのBubbleの解説をやっていきます。
Bubbleは僕もまだまだ勉強中な部分も非常に多いので備忘的な部分も多く含めているのをご了承ください。
DB内容の登録・削除まとめ
Bubbleのデータベースへの登録はMySQLやPostgreSQL等を使わずにオリジナルのデータベースが既に用意されているので特別な設定が不要で使用できます。
データベース周りは今後絶対に必要になってくるものなので使えるようにしておきましょう。
登録・削除方法一覧
新規テーブル作成方法
Bubbleでのテーブルは「Datatype」という名称で表示されるのでBubble内で「Datatype」とでてきたら「テーブル」だと思ってよさそうです。
新規カラム作成方法
Bubbleでのカラムは「field」という名称で表示されるのでBubble内で「field」と出てきたらその名の通りフィールドではありますが、カラム登録する時も「field」を作成する形となります。
また、「INT」や「String」といった型がなく、「INT」であれば「number」、「String」であれば「text」と型名が異なっているのも注意が必要です。
テーブル・カラム確認方法
Bubbleでのテーブルは「Data Type」、カラムは「field」という名称で表示されます。
そのためBubbleでテーブルを作成したい時は「Data Type」を作成し、カラムを作成したい時は「field」を作成するという形になります。
また、「field」には「INT」や「String」といった型がなく、「INT」であれば「number」、「String」であれば「text」と型名が異なっているのも注意が必要です。
そんなDB情報を確認するためには「Data」画面の「App Data」タブにて確認できます。
レコード登録方法
Bubbleでのテーブルは「Data Type」、カラムは「field」という名称で表示されます。
その「DataType」にレコードを登録する方法を解説していきます。
因みに登録時に「Slug」というものはリクエストパラメーターを送る必要がある際に便利です。
僕も詳しくはないですが、いずれ解説する予定です。
レコード修正方法
Bubbleでのテーブルは「Data Type」、カラムは「field」という名称で表示されます。
その「DataType」に登録したレコードを修正する方法を解説していきます。
レコード削除方法
Bubbleでのテーブルは「Data Type」、カラムは「field」という名称で表示されます。
その「DataType」に登録したレコードを削除する方法を解説していきます。
DataType（テーブル）削除方法
Bubbleでのテーブルは「Data Type」、カラムは「field」という名称で表示されます。
その「DataType（テーブル）」を削除する方法を解説していきます。
field（カラム）削除方法
Bubbleでのテーブルは「Data Type」、カラムは「field」という名称で表示されます。
その「DataType（テーブル）」を削除する方法を解説していきます。
BubbleのDB登録・削除手順
「Bubble」で新しいテーブル（Data type）を作成しよう
1-1.新しいテーブル（Datatype）を作成をすると次のような感じになります。
1-2.左のタブメニューの「Data」を押下します。
1-3.「Data types」タブで「New type」に作成したいテーブル（Datatype）名を入力します。
1-4.「Create」ボタンを押下します。
1-5.「CREATE」を押下すると新しいテーブル（Datatype）が作成されます。
（今回は「sample」というテーブル（Datatype）を作成しました。）
「Bubble」で新しいカラム（type）を作成しよう
2-1.今回のを実行すると次のような感じになります。
2-2.左のタブメニューの「Data」を押下します。
2-3.「Data types」タブで「Create a new field」を押下します。
2-4.「Field name」に英語名で登録したい名前を入力します。
2-5.「Field type」に登録したい型を選択します。
（今回は「text」（String）型を選択しました。）
2-6.「Create」を押下して新規「type」を作成します。
2-7.「Data」画面に戻ると、作成した「samplefiled」が登録されています。
「Bubble」で「Data Type」と「field」を確認しよう
3-1.前回、前々回で「Data Type」と「field」は作成しているので確認しておきましょう。
（Data type」は「sample」、「field」は「sampleField」を作成しています。
3-2.タブメニューの「Data」画面から「App data」タブを押下します。
3-3.「App Data」タブで「All samples」というのが作成した「Data Type（テーブル）」です。
3-4.DBテーブルの左側にある「samplefield」が作成した「Data（カラム）」です。
「Bubble」で「Record」を登録しよう
4-1.前回、前々回で「Data Type」と「field」は作成しているので確認しておきましょう。
（Data type」は「sample」、「field」は「sampleField」を作成しています。
4-2.タブメニューの「Data」画面から「App data」タブを押下します。
4-3.「New entry」を押下してレコード登録画面を開きます。
4-4.「Type of thing」に登録したい「DataType（テーブル）」で「samplefield」に登録したいカラムを入力します。
4-5.「Type of thing」を選択、「samplefield」を入力したら、「CREATE」ボタンを押下することで登録が完了します。
（「Slug」は未入力でも大丈夫です。）
4-6.ダイアログが表示されるので「GOT IT]を押下します。
4-7.Data画面の「AppData」画面へ戻ると登録したレコードが登録されます。
（登録日時と更新日時は自動で入力されます）
「Bubble」で「Record」を修正しよう
5-1.以前に「Data Type」と「field」は作成し、レコードも登録済なので確認しておきましょう。
（Data type」は「sample」、「field」は「sampleField」を作成しています。
5-2.タブメニューの「Data」画面から「App data」タブを押下します。
5-3.修正したいレコードの鉛筆マークを押下します。
5-4.修正したいレコードを修正します。
（今回は「samplefield」の「サンプルレコード」を「サンプル」に修正します。）
5-5.「SAVE」を押下します。
5-6.ダイアログが表示されるので「GOT IT]を押下します。
5-7.「samplefield」のレコードが修正されます。
（あわせて更新日時である「Modified Date」も更新されます。）
「Bubble」で「Record」を削除しよう
6-1.以前に「Data Type」と「field」は作成し、レコードも登録済なので確認しておきましょう。
（Data type」は「sample」、「field」は「sampleField」を作成しています。
6-2.タブメニューの「Data」画面から「App data」タブを押下します。
6-3.修正したいレコードのチェックボックスにチェックを入れて「Delete」を押下します。
6-4.ダイアログが表示されるので「COMFIRM」を押下します。
（今回は「samplefield」の「サンプル」を削除します。）
6-5.ダイアログが表示されるので「GOT IT]を押下します。
6-6.チェックボックスにチェックを入れたレコードが削除されます。
「Bubble」で「DataType（テーブル）」を削除しよう
7-1.以前に「Data Type」は作成済なので確認しておきましょう。
（Data type」は「sample」を作成しています。
7-2.タブメニューの「Data」画面を開きます。
7-3.削除したいDataType（テーブル）のゴミ箱アイコンを押下します。
（ダイアログなど表示されずに速攻で削除されるので注意が必要です）
7-4.削除したDataType（テーブル）が削除されます。
「Bubble」で「field（カラム）」を削除しよう
1-1.以前に「field（カラム）」は作成済なので確認しておきましょう。
（Data type」は「sample」、（filed）は「sampleField」を作成しています。
1-2.タブメニューの「Data」画面を開きます。
1-3.削除したいfield（カラム）のゴミ箱アイコンを押下します。
1-4.削除確認ダイアログが表示されるので「DELETE」を押下します。
1-5.削除したfield（カラム）が削除されます。
今回はここまで。
次回はインプット項目について解説していきます。
コメント