Turn what you know into an opportunity and reach millions around the world.

Your cart is empty.

「Bubble応用編」 | チャット機能の実装からPDFファイルの出力API、JavaScriptの実行まで学ぼう

本講座では「PDFファイルで領収書を発行」「画像データの出力」「人工知能チャットボットAPI」「JavaScript」「郵便番号API」「HTML,CSSの書き方」をメインで学べるような講座となっています

Created bySwooo Boootcamp

Last updated 6/2023

Japanese

Japanese [Auto],

What you'll learn

Bubbleの発展的な内容を学びたい方
BubbleでAPIを利用したい方
クレジットカード決済の方法を学びたい方
Bubble上に独自の装飾を加えたい方

Course content

12 sections • 29 lectures • 3h 50m total length

講座群の活用法4:56
開発者サポート用コミュニティー0:29
APIを使う準備をしよう1:55
チャットボットAPIを使用する準備を行います。無料のアカウント作成が必要になります
人口知能APIを実装する10:36
準備の次は実際にAPI接続を使ってBubble上にAIを実装していきます

サイドバーメニューを使ってみよう5:17
サイドバーを作ることが出来るプラグインを紹介しています
お知らせを表示するプラグイン8:22
AirAlertというプラグインの使用方法を確認します
ユーザーが色を選択できるようにしよう7:38
AirColorPickerというプラグインを使ってユーザーが色を選択できるようにします

領収書(PDFファイル)を生成してみる18:23
出力されたファイルの調整をしよう4:19
画像形式（PNGファイル）で出力しよう3:48
※注意事項
PNG出力のために使われているプラグインが、現在では非公開になっているようです。
そのため、「Element to PNG Plugin」という別のプラグインを、代替案としてご紹介させていただいております。
開発者公式の、日本語での使い方の説明ブログも公開されており、比較的使いやすいプラグインになっていると思います。
▼「Element to PNG Plugin」URL
https://bubble.io/plugin/element-to-png-1596696063767x752322438878724100
▼使い方の説明
https://blog.nocodelab.jp/entry/elementtopng

Requirements

Bubbleに関する基本的な知識

Description

本講座ではBubbleの少し踏み込んだ機能の解説を行っています。

Bubbleの基本を学ばれて、より深い内容を学びたい方を対象としています。APIをBubbleで利用する方法を学ぶので様々なAPIをBubble上で実装することができるようになります。

JavaScriptの実行方法も学びますので、皆さんのノーコード開発の幅を広げることが出来るようになります。

※購入前の注意事項

セクション8の「21. 画像形式（PNGファイル）で出力しよう」において、PNG出力のために使われているプラグインが、現在では非公開になっているようです。

そのため、「Element to PNG Plugin」という別のプラグインを、代替案としてご紹介させていただいております。

開発者公式の、日本語での使い方の説明ブログも公開されており、比較的使いやすいプラグインになっていると思います。

Udemyの仕様上、説明欄には外部リンクを記載できないため、詳細はQ&Aからご覧いただけますと幸いです。

Who this course is for:

Bubbleの基礎を学び終えた方
Bubbleでより柔軟に開発を行いたい方
APIを使えるようになりたい方
色々なプラグインを知りたい方