mob

「生きるとは」「生き抜くとは」について、自分が納得いく現時点の解がでた。それに向かうた…

mob

「生きるとは」「生き抜くとは」について、自分が納得いく現時点の解がでた。それに向かうため、日々磨いている唯一無二なモブ。

【Bubble入門・基礎⑩】グラフを表示させるプラグインを使ってみる【NoCode】

（※Bubble 公式（英語）のチュートリアルに沿って、実践解説していきます） 前回は、「iTunes のプラグインを使った曲の検索機能」を作成しました。 今回は、「グラフを表示するプラグインの利用方法」を紹介していきます！ では早速…。 📢【入門】今回Bubbleで作るもの今回は作るのは、以下のグラフ表示機能です。 🟡 項目名と数値を入力🟡 保存ボタンクリック🟡 下のグラフに追加した値が反映されていく こんな仕様で進めていきましょう！ 📌グラフ表示させるプラグ

mob

    • 【Bubble入門・基礎⑨】iTunesプラグインを使って曲の検索機能を実装【NoCode】

      （※ Bubble 公式（英語）のチュートリアルに沿って、実践解説していきます。ちょっとアレンジも加えていきます。） 前回は、「Gif 画像取得API使った検索機能」を実装していきました。 これは、Twtter でも利用されている、Gif 検索だったかと思います。 今回は、【プラグインを利用して曲の検索機能を実装】していきます！ 今回使うプラグインは、iTunes。 では、はじめて行きましょう！ 📢【入門】今回Bubbleで作るもの 🟡 アーティスト名を入力🟡 入

      mob

      • 【Bubble入門・基礎⑧】Gif画像取得APIを使ってみる【NoCode】

        （※Bubble公式（英語）のチュートリアルに沿って、実践解説していきます） 前回は、「リスト型を使って一覧表示をする方法」を作成しましたね。 今回は、「 Gif アニメーション検索をAPIを使って実装する方法」を紹介していきます！ では早速…。 📢【入門】今回Bubbleで作るもののイメージ 🟡 Input フォームに探したい Gif の特徴を入力する🟡 検索結果で Gif が一覧表示される🟡 検索一覧のいずれかの Gif を選択する🟡 右側に大きく表示される

        mob

        • 【Bubble入門・基礎⑦】リスト型を使ってみる【NoCode】

          （※Bubble公式（英語）のチュートリアルに沿って、実践解説していきます） 前回は、「条件付けの2つの方法」「アラート表示のやり方」を作成しましたね。 今回は、「リスト型を使って一覧表示する方法」を紹介していきます！ ユーザーごとに登録した「欲しいものリスト」が、表示される仕様です。 ちなみにリスト型のイメージは、Typeの中に別のtypeがFieldとして、存在しているような感じ…。 エンジニア的には、外部キー的なものなんですが、なんか違和感w では早速…。

          mob

        【Bubble入門・基礎⑩】グラフを表示させるプラグインを使ってみる【NoCode】

        mob

        • 【Bubble入門・基礎⑨】iTunesプラグインを使って曲の検索機能を実装【NoCode】

          mob

        • 【Bubble入門・基礎⑧】Gif画像取得APIを使ってみる【NoCode】

          mob

        • 【Bubble入門・基礎⑦】リスト型を使ってみる【NoCode】

          mob

          【Bubble入門・基礎⑥】条件を使いこなす【NoCode】

          （※Bubble公式（英語）のチュートリアルに沿って、実践解説していきます） 前回は、「画像のアップロード機能」と「ページ遷移時のデータ送信をする方法」について、紹介していきました。 今回は、 　🟡「条件を定義する2つ方法」 　🟡「アラート表示のやり方」 を紹介していきます！ では早速…。 📢【入門】今回Bubbleで作るもののイメージ 🟡 「Hover me!!」にカーソルを合わせると、文字色が変わる🟡 Inputフォームに入力🟡 クリックボタン押下で、画面T

          mob

          【Bubble入門・基礎⑥】条件を使いこなす【NoCode】

          mob

          【Bubble入門・基礎⑤】画像アップロード機能とページにデータ送信【NoCode】

          （※Bubble公式（英語）のチュートリアルに沿って、実践解説していきます） 前回は、プラグインを使ってスライドショーを作成しましたね。 今回は、画像のアップロード機能の実装と、異なるページへデータを送信する方法を紹介していきます！ では早速…。 📢【入門】今回Bubbleで作るもののイメージ 🟡「タイトル」「画像」を保存する🟡 一覧でタイトルが表示される🟡 一覧のリンクをクリックすると、詳細ページへ遷移する🟡 一覧でクリックした「タイトル」と「画像」が表示される

          mob

          【Bubble入門・基礎⑤】画像アップロード機能とページにデータ送信【NoCode】

          mob

          【Bubble入門・基礎④】プラグイン導入とスライドショー【NoCode】

          （※Bubble公式（英語）のチュートリアルに沿って、実践解説していきます） 前回は、「都市の投票機能」を作っていきましたね！ 今回は、プラグインを使用して、スライドショーをササッと実装していきたいと思います！ 📢【入門】今回Bubbleで作るもののイメージ 🟡 プラグインの導入🟡 プラグインを使ったスライドショーの実装 かなりサクッとできます！ では早速、はじめていきましょう！ 📌スライドショーのプラグインをインストール まずは、Plugins タブへ移動します

          mob

          【Bubble入門・基礎④】プラグイン導入とスライドショー【NoCode】

          mob

          【Bubble入門・基礎③】投票機能：DB登録と変更【NoCode】

          （※Bubble公式（英語）のチュートリアルに沿って、実践解説していきます） 📢【入門】今回Bubbleで作るもの 🟡 都市名を入力 🟡 送信ボタン押下🟡 下のリストに追加される🟡 ハートマーク押下🟡 ハート横の数が増える🟡 ハート横の投票数が多い順に並び替わる 📌まずはElement（パーツ）を配置 以下のような具合で、Elementを配置してみましょう！ Input の Placeholder を変更しておきます。 使い勝手を考えるなら、Input の上に、Tex

          mob

          【Bubble入門・基礎③】投票機能：DB登録と変更【NoCode】

          mob

          【Bubble入門・基礎②】新規登録・ログインの実装【NoCode】

          （※Bubble公式（英語）のチュートリアルに沿って、実践解説していきます） 📢【入門】今回Bubbleで作るもの 以下のような機能を、実装していきます！ ・ユーザー登録 ・ユーザーログイン ・ログアウト 画面の完成形はこんな感じ・・・ 上画像のように、必要情報を入れると、登録＋ログインします。 今回は、ログインしているユーザーのメールアドレスが、右側に表示されるようにしていく仕様です。 では早速・・・ 📌1：必要なパーツを配置しよう まずは、左メニューから、必

          mob

          【Bubble入門・基礎②】新規登録・ログインの実装【NoCode】

          mob

          【Bubble入門・基礎①】住所登録してMAP表示してみる【NoCode】

          早速【Bubble入門】を、サクッとはじめていきましょう！ 「♥」「フォロー」もしていただけたら 励みになります🙏 （※Bubble公式（英語）のチュートリアルに沿って、実践解説していきます） 📌【入門】今回Bubbleで作るもの・住所を入力 ・保存ボタン押下 ・マップ内の指定した住所にピンが立つ ・複数のピンが立つ 📌1：早速！必要なパーツを配置するまずは、左側にあるメニューから、「Design」をクリック。 左側にある部品一覧から、「SeachBox」をクリック

          mob

          【Bubble入門・基礎①】住所登録してMAP表示してみる【NoCode】

          mob