今回からノーコードプログラミングであるBubbleの解説をやっていきます。
Bubbleは僕もまだまだ勉強中な部分も非常に多いので備忘的な部分も多く含めているのをご了承ください。
「登録と起動」
Bubbleはブラウザ上で動くソフトとなり、追加したいアイテムをドラッグ&ドロップで追加していくことでサイトを作っていきます。
そのため、Webサイトを直感的に作ることができるのでプログラミング初心者の方でも簡単に自分のサイトを作ることができます。
また、サイト自体も用意されているのでWordPressやブログなど有料無料問わずサイトを用意する必要もないのも初心者向けです。
新規登録 ~ エディター起動
新規登録 ~ エディター起動
新規登録
新規登録はメールアドレスがあれば登録することができます。
その後いくつかの質問項目が出てきますが多分適当に選択して大丈夫です。
「Bubble」を無料で新規登録してみよう
1-1.「Bubble」のWebサイトへ遷移したら「Get Started Free」を押下します。
![](https://katojishi.com/wp-content/uploads/cocoon-resources/blog-card-cache/529f4cb5aa3650c6b00c0783b9ce56a6.png)
![登録画面](https://katojishi.com/wp-content/uploads/2023/09/1-1-9.jpg)
1-2.「メールアドレス」と「パスワード」を入力して「Start Buillding」を押下します。
![登録画面2](https://katojishi.com/wp-content/uploads/2023/09/1-2.jpg)
1-3.選択肢が3つ出てきますが何でもいいです。
(一番左は完全初心者向けのボタンなので何も分からない場合は左を押下するのをおススメします)
![登録画面3](https://katojishi.com/wp-content/uploads/2023/09/1-3-9.jpg)
1-3.また選択肢が4つ出てきますが何でもいいです。
(一番左は完全初心者向けのボタンなので何も分からない場合は左を押下するのをおススメします)
![登録画面4](https://katojishi.com/wp-content/uploads/2023/09/1-4-9.jpg)
1-3.またまた選択肢が4つ出てきますが何でもいいです。
(一番左は完全初心者向けのボタンなので何も分からない場合は左を押下するのをおススメします)
![登録画面5](https://katojishi.com/wp-content/uploads/2023/09/1-5-4.jpg)
1-3.最後の質問としてBubbleをどこで知ったかという質問がありますがこれも何でもいいです。
![登録画面6](https://katojishi.com/wp-content/uploads/2023/09/1-6.jpg)
1-3.「Resend mail」ボタンを押下すると登録したメールアドレスへ認証メールが送られてきます。
![登録画面7](https://katojishi.com/wp-content/uploads/2023/09/1-7.jpg)
1-3.「3ウェイカラー補正」の「自動レベル補正」の「黒レベル」のカラーをデフォルト値の黒から変更すると全体の雰囲気を変更することができます。
![登録画面8](https://katojishi.com/wp-content/uploads/2023/09/1-8.jpg)
1-3.「Resend mail」ボタンを押下すると登録したメールアドレスへ認証メールが送られてきます。
![登録画面9](https://katojishi.com/wp-content/uploads/2023/09/1-7.jpg)
1-3.認証メールのリンクを押下すると↓の画面に遷移するので「Start Buillding」を押下します。
![登録画面10](https://katojishi.com/wp-content/uploads/2023/09/1-8.jpg)
1-3.準備完了の画面が表示されるので「GEt Started」を押下します。
![登録画面11](https://katojishi.com/wp-content/uploads/2023/09/1-9.jpg)
1-3.ごちゃごちゃした画面が出てきますが「Start with basic feartures」を押下します。
![登録画面12](https://katojishi.com/wp-content/uploads/2023/09/1-10.jpg)
1-3.エディターの初期設定画面へ遷移するので、特に変更する要素がなければ「Skip application assistant」を押下します。
![登録画面13](https://katojishi.com/wp-content/uploads/2023/09/1-11.jpg)
1-3.エディター画面が表示されるのでこれで新規登録 ~ エディター表示まで完了です。
![登録画面14](https://katojishi.com/wp-content/uploads/2023/09/1-12.jpg)
今回はここまで。
次回はウィンドウサイズの変更方法について解説していきます。
コメント