記事一覧
【Bubble入門・基礎⑩】グラフを表示させるプラグインを使ってみる【NoCode】
(※Bubble 公式(英語)のチュートリアルに沿って、実践解説していきます)
前回は、「iTunes のプラグインを使った曲の検索機能」を作成しました。
今回は、「グラフを表示するプラグインの利用方法」を紹介していきます!
では早速…。
📢【入門】今回Bubbleで作るもの今回は作るのは、以下のグラフ表示機能です。
🟡 項目名と数値を入力🟡 保存ボタンクリック🟡 下のグラフに追
【Bubble入門・基礎⑨】iTunesプラグインを使って曲の検索機能を実装【NoCode】
(※ Bubble 公式(英語)のチュートリアルに沿って、実践解説していきます。ちょっとアレンジも加えていきます。)
前回は、「Gif 画像取得API使った検索機能」を実装していきました。
これは、Twtter でも利用されている、Gif 検索だったかと思います。
今回は、【プラグインを利用して曲の検索機能を実装】していきます!
今回使うプラグインは、iTunes。
では、はじめて行きまし
【Bubble入門・基礎⑧】Gif画像取得APIを使ってみる【NoCode】
(※Bubble公式(英語)のチュートリアルに沿って、実践解説していきます)
前回は、「リスト型を使って一覧表示をする方法」を作成しましたね。
今回は、「 Gif アニメーション検索をAPIを使って実装する方法」を紹介していきます!
では早速…。
📢【入門】今回Bubbleで作るもののイメージ
🟡 Input フォームに探したい Gif の特徴を入力する🟡 検索結果で Gif が一
【Bubble入門・基礎⑦】リスト型を使ってみる【NoCode】
(※Bubble公式(英語)のチュートリアルに沿って、実践解説していきます)
前回は、「条件付けの2つの方法」「アラート表示のやり方」を作成しましたね。
今回は、「リスト型を使って一覧表示する方法」を紹介していきます!
ユーザーごとに登録した「欲しいものリスト」が、表示される仕様です。
ちなみにリスト型のイメージは、Typeの中に別のtypeがFieldとして、存在しているような感じ…。
【Bubble入門・基礎⑥】条件を使いこなす【NoCode】
(※Bubble公式(英語)のチュートリアルに沿って、実践解説していきます)
前回は、「画像のアップロード機能」と「ページ遷移時のデータ送信をする方法」について、紹介していきました。
今回は、
🟡「条件を定義する2つ方法」
🟡「アラート表示のやり方」
を紹介していきます!
では早速…。
📢【入門】今回Bubbleで作るもののイメージ
🟡 「Hover me!!」にカーソル
【Bubble入門・基礎⑤】画像アップロード機能とページにデータ送信【NoCode】
(※Bubble公式(英語)のチュートリアルに沿って、実践解説していきます)
前回は、プラグインを使ってスライドショーを作成しましたね。
今回は、画像のアップロード機能の実装と、異なるページへデータを送信する方法を紹介していきます!
では早速…。
📢【入門】今回Bubbleで作るもののイメージ
🟡「タイトル」「画像」を保存する🟡 一覧でタイトルが表示される🟡 一覧のリンクをクリッ
【Bubble入門・基礎④】プラグイン導入とスライドショー【NoCode】
(※Bubble公式(英語)のチュートリアルに沿って、実践解説していきます)
前回は、「都市の投票機能」を作っていきましたね!
今回は、プラグインを使用して、スライドショーをササッと実装していきたいと思います!
📢【入門】今回Bubbleで作るもののイメージ
🟡 プラグインの導入🟡 プラグインを使ったスライドショーの実装
かなりサクッとできます!
では早速、はじめていきましょう!
【Bubble入門・基礎③】投票機能:DB登録と変更【NoCode】
(※Bubble公式(英語)のチュートリアルに沿って、実践解説していきます)
📢【入門】今回Bubbleで作るもの
🟡 都市名を入力 🟡 送信ボタン押下🟡 下のリストに追加される🟡 ハートマーク押下🟡 ハート横の数が増える🟡 ハート横の投票数が多い順に並び替わる
📌まずはElement(パーツ)を配置
以下のような具合で、Elementを配置してみましょう!
Input の
【Bubble入門・基礎②】新規登録・ログインの実装【NoCode】
(※Bubble公式(英語)のチュートリアルに沿って、実践解説していきます)
📢【入門】今回Bubbleで作るもの
以下のような機能を、実装していきます!
・ユーザー登録
・ユーザーログイン
・ログアウト
画面の完成形はこんな感じ・・・
上画像のように、必要情報を入れると、登録+ログインします。
今回は、ログインしているユーザーのメールアドレスが、右側に表示されるようにしていく仕様です
【Bubble入門・基礎①】住所登録してMAP表示してみる【NoCode】
早速【Bubble入門】を、サクッとはじめていきましょう!
「♥」「フォロー」もしていただけたら
励みになります🙏
(※Bubble公式(英語)のチュートリアルに沿って、実践解説していきます)
📌【入門】今回Bubbleで作るもの・住所を入力
・保存ボタン押下
・マップ内の指定した住所にピンが立つ
・複数のピンが立つ
📌1:早速!必要なパーツを配置するまずは、左側にあるメニューから、