# ブログサイトの編集画面を実装したい **URL:** \ **Category:** bubble\ **Created:** [2023 年 10 月 15 日午前 10:16 UTC](https://www.nocode-faq.com/t/topic/3976 "2023-10-15T10:16:24Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![matsubara.yuki](https://avatars.discourse-cdn.com/v4/letter/m/e99b99/32.png) [@matsubara.yuki](https://www.nocode-faq.com/u/matsubara.yuki)\ **Post date:** [2023 年 10 月 15 日午前 10:16 UTC](https://www.nocode-faq.com/t/topic/3976/1 "2023-10-15T10:16:24Z")
### 1.前提条件 Wordpressのようなブログが書けるサイトをBubble.で実装しています。 ### 2.実装したい機能 以下の画像のような機能を実装したいと考えております。 ①「コンテンツを追加」を押すと左上のコンテンツグループが複製され、別トピックについて書けるようになる ②「作成する」を押すと右のグループのとおり、複数の記事が一枚のページに表示されるようになる ![スクリーンショット 2023-10-15 190920](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/1/11fc2a63d150b3d0c1b4c5979f6372c79667570e.png) ### 3.試したこと 左上のコンテンツグループの親はRepeating Groupにして「コンテンツを追加」を押すと複製される、という機能を実装すれば行けるのではないかと思ったのですが、プラグインのOrchestraというのが必要？（Repeating Group内でワークフローが実行できるプラグインらしいです。あまり理解できていません）な気がしてます。 有識者の方ご助言いただけますと幸いですm(\_\_)m ---
**Author:** ![john03tgck01a](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/john03tgck01a/32/4558_2.png) [@john03tgck01a](https://www.nocode-faq.com/u/john03tgck01a)\ **Post date:** [2023 年 10 月 16 日午前 12:28 UTC](https://www.nocode-faq.com/t/topic/3976/2 "2023-10-16T00:28:59Z")
> 左上のコンテンツグループの親はRepeating Groupにして「コンテンツを追加」を押すと複製される、という機能を実装すれば行けるのではないかと思ったのですが、プラグインのOrchestraというのが必要？（Repeating Group内でワークフローが実行できるプラグインらしいです。あまり理解できていません）な気がしてます。 Repeating Group内でワークフローを組むよりもBlogデータベースにContentデータベースをリレーションさせてみてはどうでしょうか。 ・コンテンツを追加ボタンを押すとContentデータベースに追加され、一覧表示 ・中身のデータの変更はauto-bindingを使用 ・作成するボタンを押すとBlogデータを任意の場所に送る 簡易ですが、データベースのイメージです。 ![データベースリレーション](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/e/e318f39453bb79f0a25d86ef1bbb0f7e242ed03e.png) テストしたアプリはこちらになります。 > **[Bubble - Visual Programming](https://blogsite-editpage-faq.bubbleapps.io/version-test)** > > Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications. ---
**Author:** ![matsubara.yuki](https://avatars.discourse-cdn.com/v4/letter/m/e99b99/32.png) [@matsubara.yuki](https://www.nocode-faq.com/u/matsubara.yuki)\ **Post date:** [2023 年 10 月 16 日午前 9:59 UTC](https://www.nocode-faq.com/t/topic/3976/3 "2023-10-16T09:59:17Z")
なるほどです… 「ブログを作成」ボタンを押したときと「コンテンツを追加」ボタンを押したときのワークフローってどんな感じになってますでしょうか…? 何度も質問してしまい申し訳ないです💦 ---
**Author:** ![john03tgck01a](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/john03tgck01a/32/4558_2.png) [@john03tgck01a](https://www.nocode-faq.com/u/john03tgck01a)\ **Post date:** [2023 年 10 月 16 日午後 11:36 UTC](https://www.nocode-faq.com/t/topic/3976/4 "2023-10-16T23:36:15Z")
ブログを作成ボタンを押すと、新しくBlogレコードと空白のContentレコードをつくり、作成したBlogレコードに空白のContentレコードをリレーションします。 コンテンツ追加ボタンは、同一ページで作成したBlogレコードにリレーションしたContentレコードを作成しています。 次のページでは作成したBlogレコード内のContentレコード一覧を表示しているだけです。 ---
**Author:** ![matsubara.yuki](https://avatars.discourse-cdn.com/v4/letter/m/e99b99/32.png) [@matsubara.yuki](https://www.nocode-faq.com/u/matsubara.yuki)\ **Post date:** [2023 年 10 月 17 日午後 1:59 UTC](https://www.nocode-faq.com/t/topic/3976/5 "2023-10-17T13:59:24Z")
いくつか質問させてくださいm(\_\_)m ①初期画面はこんな感じでしょうか？ （Group内でのデータの授受がどうなっているか教えていただきたいです） ![スクリーンショット 2023-10-17 225753](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/d/d5a3696cd5296c58b553eaaca898e77626ccac79.png) ②「ブログを作成する」ボタンを押したときのワークフローはこんな感じでしょうか？ ![スクリーンショット 2023-10-17 224950](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/5/51b48280f5f2e9bd286aa6e1016dd6c4a252be4f.png) ③「コンテンツを追加」ボタンを押したとき以降のワークフローが全く見当がつきません… 具体でどのような操作をするべきかを教えていただきたいですm(\_\_)m 先日送っていただいたプレビュー画面のデバッグモードをもし可能であればご共有いただきたいです💦 ---
**Author:** ![john03tgck01a](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/john03tgck01a/32/4558_2.png) [@john03tgck01a](https://www.nocode-faq.com/u/john03tgck01a)\ **Post date:** [2023 年 10 月 17 日午後 8:07 UTC](https://www.nocode-faq.com/t/topic/3976/6 "2023-10-17T20:07:55Z")
①初期画面、②ブログを作成するの挙動はほぼ同じです。 ブログを作成するのStep4でDisplay dataを使って、Groupにデータを飛ばしています。 ③コンテンツを追加はcontentレコードを新規追加(create new)して、blogにリレーション(make change to)しています。 ![スクリーンショット 2023-10-18 5.02.35](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/e/e7f9334dd7ac1477300a2b10a8a23e1bc7471a09.png) ![スクリーンショット 2023-10-18 5.02.42](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/d/d5f1c0e3626c035ffbef9870a3e78af66b8cc28e.png) 共有していたプレビューをEvery one can viewに変更しました。 細かいところはこちらをご確認ください。 > **[Bubble Editor - blogsite-editpage-faq](https://bubble.io/page?type=page&name=index&id=blogsite-editpage-faq&tab=tabs-2)** > > Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications. ---
**Author:** ![matsubara.yuki](https://avatars.discourse-cdn.com/v4/letter/m/e99b99/32.png) [@matsubara.yuki](https://www.nocode-faq.com/u/matsubara.yuki)\ **Post date:** [2023 年 10 月 19 日午前 11:11 UTC](https://www.nocode-faq.com/t/topic/3976/7 "2023-10-19T11:11:52Z")
ありがとうございます！ 助かりました！！