# 【Bubble】投稿する前に、プレビュー画面を作成することは可能か **URL:** \ **Category:** bubble\ **Created:** [2024 年 6 月 15 日午前 8:27 UTC](https://www.nocode-faq.com/t/topic/4297 "2024-06-15T08:27:14Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![reonwowwas](https://avatars.discourse-cdn.com/v4/letter/r/73ab20/32.png) [@reonwowwas](https://www.nocode-faq.com/u/reonwowwas)\ **Post date:** [2024 年 6 月 15 日午前 8:27 UTC](https://www.nocode-faq.com/t/topic/4297/1 "2024-06-15T08:27:14Z")
### 1.前提条件 参考サイト： **linktree（リンクツリー）** のような自分のSNSのリンクを集約できるサイトを作成したい ・[リンクツリーとは](https://hint.lit.link/summary-site/linktree/about) ┗リンクツリー（linktree）とは多数のリンクをまとめて表示できる便利なツールのことです。一つのページで、BLOG、Twitter、LINE、Instagramなど、ユーザーに向けた複数のSNSへ誘導できる。 これまで1つのURLにつき1つのメディアにしか誘導できずに悩んでいた方でも、このサービスを使って複数のメディアへユーザーを案内可能。 ### 2.実装したい機能 以下の画像のように投稿する前に、どのような状態になっているかを確認できるプレビュー画面を作成したい。 ### 3.スクリーンショット ![スクリーンショット 2024-06-15 17.15.23](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/2/233ef8abc9fbebce9076632e70310c3ee82b1c3f.png) ### 4.試したこと 自分でプレビュー機能の作成の仕方などを調べましたが、ネットには載っておらず可能かどうかも不明なためわかる方がいらっしゃいましたらご教授いただけると助かります🙇‍♂️ また、作成の仕方がわかるかたがいらっしゃいましたら作成定順もご教授いただけると幸いです。 ---
**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:** [2024 年 6 月 15 日午後 5:07 UTC](https://www.nocode-faq.com/t/topic/4297/2 "2024-06-15T17:07:04Z")
投稿したい記事を表示したらいいのではないでしょうか。 投稿するかどうかはフラグを追加して判断でどうでしょうか。 ---
**Author:** ![reonwowwas](https://avatars.discourse-cdn.com/v4/letter/r/73ab20/32.png) [@reonwowwas](https://www.nocode-faq.com/u/reonwowwas)\ **Post date:** [2024 年 6 月 16 日午前 6:01 UTC](https://www.nocode-faq.com/t/topic/4297/3 "2024-06-16T06:01:24Z")
ご返信ありがとうございます。 投稿したい記事を表示したらいいのではないでしょうか。 投稿するかどうかはフラグを追加して判断でどうでしょうか。 →こちらのついてより具体的に教えていただくことは可能でしょうか？🙇‍♂️ ---
**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:** [2024 年 6 月 16 日午前 6:50 UTC](https://www.nocode-faq.com/t/topic/4297/4 "2024-06-16T06:50:58Z")
投稿したい記事情報のレコードを表示するページを作ることでプレビュー画面が作れます。 また、プレビューがあるということは、投稿一覧に表示したくない投稿があると読み取り、下書き用フラグを追加することをオススメしました。 認識が違っていたらご指摘ください。 ---
**Author:** ![reonwowwas](https://avatars.discourse-cdn.com/v4/letter/r/73ab20/32.png) [@reonwowwas](https://www.nocode-faq.com/u/reonwowwas)\ **Post date:** [2024 年 6 月 16 日午後 1:09 UTC](https://www.nocode-faq.com/t/topic/4297/5 "2024-06-16T13:09:44Z")
ご教授いただき、ありがとうございます🙇‍♂️ 下書き用フラグについて、理解しました。アドバイスありがとうございます。 イメージとして、以下の画像のようなプレビュー画面を作成したいのですがこれは可能でしょうか？ 補足：右側に項目を入力する画面があり、左側にはPCプレビュー画面がある。右側に項目を入力した瞬間にプレビューに表示される。もしくは入力した後に、下書き保存を押した瞬間に入力した項目がプレビューに表示される。 分かりにくかったら申し訳ございません。可能であれば、アドバイスをいただけると幸いです。よろしくお願いいたします。 ![スクリーンショット 2024-06-16 21.57.50](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/4/47af9d8bc1a5f25de616d80e2f565b33764ad80a.png) ---
**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:** [2024 年 6 月 16 日午後 7:18 UTC](https://www.nocode-faq.com/t/topic/4297/6 "2024-06-16T19:18:53Z")
どちらも可能ですよ。 違いはinput formの値を表示するのか、保存した情報を表示するのかですね。 ---
**Author:** ![reonwowwas](https://avatars.discourse-cdn.com/v4/letter/r/73ab20/32.png) [@reonwowwas](https://www.nocode-faq.com/u/reonwowwas)\ **Post date:** [2024 年 6 月 20 日午後 2:19 UTC](https://www.nocode-faq.com/t/topic/4297/7 "2024-06-20T14:19:34Z")
アドバイスありがとうございます！ 一旦自分の方で開発してみます！ 不明なことがあれば、再度ご相談させていいただきます🙇‍♂️