【bubble】bubbleのチュートリアルを日本語で全部解説してみた

Bubble

【NoCode】bubbleのチュートリアル解説①保存した住所を地図上で表示させてみる

【NoCode】bubbleのチュートリアル解説①保存した住所を地図上で表示させてみる|つかさ@NoCode Walker(サロンオーナー&編集長)
bubbleの登録はこちらから。登録するとチュートリアルが選べるようになります。今回は一番最初の「Saving data」というチュートリアルをやってみます。 ★目的:入力された住所をデータベースに保存して地図に表示する。 ★このチュートリアルで学べるbubbleの機能: ①「Input」と「Button」...

【NoCode】bubbleのチュートリアル解説②ユーザーの新規登録とログインシステムを実装する。

【NoCode】bubbleのチュートリアル解説②ユーザーの新規登録とログインシステムを実装する。|つかさ@NoCode Walker(サロンオーナー&編集長)
bubbleの登録はこちらから。登録するとチュートリアルが選べるようになります。今回は「Building a sign-up system」というチュートリアルをやってみます。 ★目的:ユーザーの新規登録、ログインシステムを作る ★このチュートリアルで学べるbubbleの新しい機能: ①「Sign up」と...

【NoCode】bubbleのチュートリアル解説③データベースを使ってイイね機能を実装しよう。

【NoCode】bubbleのチュートリアル解説③データベースを使ってイイね機能を実装しよう。|つかさ@NoCode Walker(サロンオーナー&編集長)
bubbleの登録はこちらから。登録するとチュートリアルが選べるようになります。今回は「Saving and modifying data」というチュートリアルをやってみます。 ★目的:「いいね」機能を実装する ★このチュートリアルで学べるbubbleの新しい機能: ①「Containers」の「Repea...

【NoCode】bubbleのチュートリアル解説④プラグインを使ってスライドショーを実装しよう

【NoCode】bubbleのチュートリアル解説④プラグインを使ってスライドショーを実装しよう|つかさ@NoCode Walker(サロンオーナー&編集長)
bubbleの登録はこちらから。登録するとチュートリアルが選べるようになります。今回は「Building a slideshow」というチュートリアルをやってみます。 ★目的:スライドショーを実装する。 ★このチュートリアルで学べるbubbleの新しい機能: ①「Plugin」の導入方法 ②プラグイン「...

【NoCode】bubbleのチュートリアル解説⑤新規ページを作ってデータベースに保存された画像を表示させてみよう

【NoCode】bubbleのチュートリアル解説⑤新規ページを作ってデータベースに保存された画像を表示させてみよう|つかさ@NoCode Walker(サロンオーナー&編集長)
bubbleの登録はこちらから。登録するとチュートリアルが選べるようになります。今回は「Sending data to pages」というチュートリアルをやってみます。 ★目的:データベースに保存された画像を表示させる。 まず目的地を確認しましょう。タイトルを入力して画像をアップロードしてからSaveボタンを押す...

【NoCode】bubbleのチュートリアル解説⑥条件分岐を使いこなそう

【NoCode】bubbleのチュートリアル解説⑥条件分岐を使いこなそう|つかさ@NoCode Walker(サロンオーナー&編集長)
bubbleの登録はこちらから。登録するとチュートリアルが選べるようになります。今回は「Using conditions」というチュートリアルをやってみます。 ★目的:動作に条件を加える ★このチュートリアルで学べるbubbleの新しい機能: ①「Conditional」の使い方 ②「Alert」の使い方...

【NoCode】bubbleのチュートリアル解説⑦データベースにリストを入れる

【NoCode】bubbleのチュートリアル解説⑦データベースにリストを入れる|つかさ@NoCode Walker(サロンオーナー&編集長)
bubbleの登録はこちらから。登録するとチュートリアルが選べるようになります。今回は「Defining a field as a list of things」というチュートリアルをやってみます。 ★目的:データベースの入れ子構造を理解するためにショッピングカートを作成する 1.Shopping itemと...

【NoCode】bubbleのチュートリアル解説⑧外部APIを使ってみよう

【NoCode】bubbleのチュートリアル解説⑧外部APIを使ってみよう|つかさ@NoCode Walker(サロンオーナー&編集長)
bubbleの登録はこちらから。登録するとチュートリアルが選べるようになります。今回は「Using APIs and sending data to groups」というチュートリアルをやってみます。 ★目的:外部APIを使って画像をリスト表示しつつ、画像をクリックした時にGIFが再生されるようにする。 1....

【NoCode】bubbleのチュートリアル解説⑨外部APIを使ってみよう-その2

【NoCode】bubbleのチュートリアル解説⑨外部APIを使ってみよう-その2|つかさ@NoCode Walker(サロンオーナー&編集長)
bubbleの登録はこちらから。登録するとチュートリアルが選べるようになります。今回は「Using external APIs」というチュートリアルをやってみます。 ★目的:外部APIを使用して選んだiTunesの曲を表示させる 今回は前回のおさらい的なチュートリアルです 1.見た目を作る いつもどおりI...

【NoCode】bubbleのチュートリアル解説⑩データをチャート表示してみよう

【NoCode】bubbleのチュートリアル解説⑩データをチャート表示してみよう|つかさ@NoCode Walker(サロンオーナー&編集長)
bubbleの登録はこちらから。登録するとチュートリアルが選べるようになります。今回は「Using the chart element」というチュートリアルをやってみます。 ★目的:APIを用いてデータをチャート表示させる 1.データの入力欄を作成する いつもどおりElement PalleteからInpu...

【NoCode】bubbleのチュートリアル解説⑪FacebookのOAuth認証を実装してみよう

【NoCode】bubbleのチュートリアル解説⑪FacebookのOAuth認証を実装してみよう|つかさ@NoCode Walker(サロンオーナー&編集長)
bubbleの登録はこちらから。登録するとチュートリアルが選べるようになります。今回は一番最初の「Login with Facebook」というチュートリアルをやってみます。 ★目的:FacebookによるOAuth認証を実装する ※今回はFacebook側でbubbleのURLをブロックしていたので、最後ま...

【NoCode】bubbleのチュートリアル解説⑫集大成としてTo-doアプリを作ってみよう

【NoCode】bubbleのチュートリアル解説⑫集大成としてTo-doアプリを作ってみよう|つかさ@NoCode Walker(サロンオーナー&編集長)
bubbleの登録はこちらから。登録するとチュートリアルが選べるようになります。今回は一番最初の「Graduation lesson: a to-do app」というチュートリアルをやってみます。 ★目的:今までのチュートリアルの集大成としてTo-doアプリを作ってみる 1.To-doと期限の入力欄を作成する...

コメント

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