【NoCode】bubbleのチュートリアル解説①保存した住所を地図上で表示させてみる
![](https://xn--tck1bn8pb.com/wp-content/uploads/cocoon-resources/blog-card-cache/09170e30630af59f2c6768ea5fdd0bee.png)
【NoCode】bubbleのチュートリアル解説①保存した住所を地図上で表示させてみる|つかさ@NoCode Walker(サロンオーナー&編集長)
bubbleの登録はこちらから。登録するとチュートリアルが選べるようになります。今回は一番最初の「Saving data」というチュートリアルをやってみます。 ★目的:入力された住所をデータベースに保存して地図に表示する。 ★このチュートリアルで学べるbubbleの機能: ①「Input」と「Button」...
【NoCode】bubbleのチュートリアル解説②ユーザーの新規登録とログインシステムを実装する。
![](https://xn--tck1bn8pb.com/wp-content/uploads/cocoon-resources/blog-card-cache/7c88d4104a3052b50598ad8894286e12.png)
【NoCode】bubbleのチュートリアル解説②ユーザーの新規登録とログインシステムを実装する。|つかさ@NoCode Walker(サロンオーナー&編集長)
bubbleの登録はこちらから。登録するとチュートリアルが選べるようになります。今回は「Building a sign-up system」というチュートリアルをやってみます。 ★目的:ユーザーの新規登録、ログインシステムを作る ★このチュートリアルで学べるbubbleの新しい機能: ①「Sign up」と...
【NoCode】bubbleのチュートリアル解説③データベースを使ってイイね機能を実装しよう。
![](https://xn--tck1bn8pb.com/wp-content/uploads/cocoon-resources/blog-card-cache/a46eeea37974979618712ec60a935921.png)
【NoCode】bubbleのチュートリアル解説③データベースを使ってイイね機能を実装しよう。|つかさ@NoCode Walker(サロンオーナー&編集長)
bubbleの登録はこちらから。登録するとチュートリアルが選べるようになります。今回は「Saving and modifying data」というチュートリアルをやってみます。 ★目的:「いいね」機能を実装する ★このチュートリアルで学べるbubbleの新しい機能: ①「Containers」の「Repea...
【NoCode】bubbleのチュートリアル解説④プラグインを使ってスライドショーを実装しよう
![](https://xn--tck1bn8pb.com/wp-content/uploads/cocoon-resources/blog-card-cache/eecd4a49344258d18aae8352c08a5d15.png)
【NoCode】bubbleのチュートリアル解説④プラグインを使ってスライドショーを実装しよう|つかさ@NoCode Walker(サロンオーナー&編集長)
bubbleの登録はこちらから。登録するとチュートリアルが選べるようになります。今回は「Building a slideshow」というチュートリアルをやってみます。 ★目的:スライドショーを実装する。 ★このチュートリアルで学べるbubbleの新しい機能: ①「Plugin」の導入方法 ②プラグイン「...
【NoCode】bubbleのチュートリアル解説⑤新規ページを作ってデータベースに保存された画像を表示させてみよう
![](https://xn--tck1bn8pb.com/wp-content/uploads/cocoon-resources/blog-card-cache/894d30a5bf861527c890280e2ec61fec.png)
【NoCode】bubbleのチュートリアル解説⑤新規ページを作ってデータベースに保存された画像を表示させてみよう|つかさ@NoCode Walker(サロンオーナー&編集長)
bubbleの登録はこちらから。登録するとチュートリアルが選べるようになります。今回は「Sending data to pages」というチュートリアルをやってみます。 ★目的:データベースに保存された画像を表示させる。 まず目的地を確認しましょう。タイトルを入力して画像をアップロードしてからSaveボタンを押す...
【NoCode】bubbleのチュートリアル解説⑥条件分岐を使いこなそう
![](https://xn--tck1bn8pb.com/wp-content/uploads/cocoon-resources/blog-card-cache/bff8b092494f529cf92bd0f2830c0adc.png)
【NoCode】bubbleのチュートリアル解説⑥条件分岐を使いこなそう|つかさ@NoCode Walker(サロンオーナー&編集長)
bubbleの登録はこちらから。登録するとチュートリアルが選べるようになります。今回は「Using conditions」というチュートリアルをやってみます。 ★目的:動作に条件を加える ★このチュートリアルで学べるbubbleの新しい機能: ①「Conditional」の使い方 ②「Alert」の使い方...
【NoCode】bubbleのチュートリアル解説⑦データベースにリストを入れる
![](https://xn--tck1bn8pb.com/wp-content/uploads/cocoon-resources/blog-card-cache/4e276fd4a2debb60068fc1c708268dbe.png)
【NoCode】bubbleのチュートリアル解説⑦データベースにリストを入れる|つかさ@NoCode Walker(サロンオーナー&編集長)
bubbleの登録はこちらから。登録するとチュートリアルが選べるようになります。今回は「Defining a field as a list of things」というチュートリアルをやってみます。 ★目的:データベースの入れ子構造を理解するためにショッピングカートを作成する 1.Shopping itemと...
【NoCode】bubbleのチュートリアル解説⑧外部APIを使ってみよう
![](https://xn--tck1bn8pb.com/wp-content/uploads/cocoon-resources/blog-card-cache/caf0674b9176bad844f947ca07cd1b54.png)
【NoCode】bubbleのチュートリアル解説⑧外部APIを使ってみよう|つかさ@NoCode Walker(サロンオーナー&編集長)
bubbleの登録はこちらから。登録するとチュートリアルが選べるようになります。今回は「Using APIs and sending data to groups」というチュートリアルをやってみます。 ★目的:外部APIを使って画像をリスト表示しつつ、画像をクリックした時にGIFが再生されるようにする。 1....
【NoCode】bubbleのチュートリアル解説⑨外部APIを使ってみよう-その2
![](https://xn--tck1bn8pb.com/wp-content/uploads/cocoon-resources/blog-card-cache/1b9a33d542e65fe7211ef3bac79a38c6.png)
【NoCode】bubbleのチュートリアル解説⑨外部APIを使ってみよう-その2|つかさ@NoCode Walker(サロンオーナー&編集長)
bubbleの登録はこちらから。登録するとチュートリアルが選べるようになります。今回は「Using external APIs」というチュートリアルをやってみます。 ★目的:外部APIを使用して選んだiTunesの曲を表示させる 今回は前回のおさらい的なチュートリアルです 1.見た目を作る いつもどおりI...
【NoCode】bubbleのチュートリアル解説⑩データをチャート表示してみよう
![](https://xn--tck1bn8pb.com/wp-content/uploads/cocoon-resources/blog-card-cache/6e4dea1dcc2469965a15483736a329ed.png)
【NoCode】bubbleのチュートリアル解説⑩データをチャート表示してみよう|つかさ@NoCode Walker(サロンオーナー&編集長)
bubbleの登録はこちらから。登録するとチュートリアルが選べるようになります。今回は「Using the chart element」というチュートリアルをやってみます。 ★目的:APIを用いてデータをチャート表示させる 1.データの入力欄を作成する いつもどおりElement PalleteからInpu...
【NoCode】bubbleのチュートリアル解説⑪FacebookのOAuth認証を実装してみよう
![](https://xn--tck1bn8pb.com/wp-content/uploads/cocoon-resources/blog-card-cache/7a0cf6107dd07abf1824a504869d838b.png)
【NoCode】bubbleのチュートリアル解説⑪FacebookのOAuth認証を実装してみよう|つかさ@NoCode Walker(サロンオーナー&編集長)
bubbleの登録はこちらから。登録するとチュートリアルが選べるようになります。今回は一番最初の「Login with Facebook」というチュートリアルをやってみます。 ★目的:FacebookによるOAuth認証を実装する ※今回はFacebook側でbubbleのURLをブロックしていたので、最後ま...
【NoCode】bubbleのチュートリアル解説⑫集大成としてTo-doアプリを作ってみよう
![](https://xn--tck1bn8pb.com/wp-content/uploads/cocoon-resources/blog-card-cache/f50a6894e74fab4601bc7f5c00f93aa6.png)
【NoCode】bubbleのチュートリアル解説⑫集大成としてTo-doアプリを作ってみよう|つかさ@NoCode Walker(サロンオーナー&編集長)
bubbleの登録はこちらから。登録するとチュートリアルが選べるようになります。今回は一番最初の「Graduation lesson: a to-do app」というチュートリアルをやってみます。 ★目的:今までのチュートリアルの集大成としてTo-doアプリを作ってみる 1.To-doと期限の入力欄を作成する...
コメント