こんにちは。ノーコードで開発する際に、「もっさり」して画面遷移が「重い(遅い)」感じのサイト・アプリはちょっとストレスですよね。ノーコードである以上スクラッチ開発のアプリと比較して、ページ遷移の速度などが多少重くなるのはある程度仕方ないですよね。そこはコストとのトレードオフなので。でも、作り方によってはノーコードでもサクサク動くサイトを開発することができるようです。今回はノーコードbubbleを使ってサクサク動くサイトを作る方法、そのテンプレート「Management-screen-john」を紹介します。そもそもノーコードbubble(バブル)とは?ノーコードのbubble.io(バブル)の紹介を簡単に説明します。ノーコードとはプログラミングせずに短期間でWebやアプリを開発するツール群の総称です。その中でbubble.io(バブル)は最速でWebアプリを構築できる強力なノーコードツールです。ノーコードは簡単に作れる反面機能的な制約もかなりありますが、bubbleの場合はノーコードの中でもかなり複雑な機能にも対応できるため、MVP・PoCやプロトタイプだけではなく要件によっては実践的なアプリにも対応できます。ノーコードbubbleの詳細や開発事例について知りたい方は以下もご覧ください。最速でWebアプリを作れるノーコードbubbleとは?開発実績・事例を紹介KoronCoronのテンプレート「Management-screen-john」とは?さて、いよいよ今回紹介するテンプレートについて話していきましょう。Management-screen-johnは管理画面のテンプレート「Management-screen-john」は合同会社CoronKoronさんが開発したbubble用の管理画面テンプレートです。以下のような感じです。このように、テンプレートが用意されていて、管理画面などのよくある機能をスピーディに開発することができます。Management-screen-johnの機能一覧機能一覧は以下のような感じです。・サインアップ・ログイン・マイページ・マイページの編集・記事の投稿・記事の編集、削除・サイドバー・レスポンシブ管理画面によくある機能が搭載されているのでとても便利ですよね!でも今回紹介したいのはこのポイントではなく、ノーコードなのに遅くなくて素早く動く、サクサク画面遷移するところです。これから説明していきますね。1ページで構成されているため素早くサクサク動く!このテンプレートは1枚で構成されているようで、そのためサクサク動きます。1ページで構成されているので、ページクリック後のスピードも早く、ストレスなく扱うことができます。上記のように書かれており、SPA(Single Page Application:シングルページアプリケーション)的な作りになっていると思われます。以下のような感じです。↑どうでしょう?このくらいサクサク動くなら気持ちいいですよね?bubbleで開発する人は是非このテンプレートを使うことも検討してみてくださいね。bubbleでSPA:Youtube動画解説サイトはこちら以下は合同会社KoronCoronさんが作成してくれているbubbleによるSPA解説のYoutube動画です。すごくわかりやすくて助かりますね。%3Ciframe%20width%3D%22560%22%20height%3D%22315%22%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FKE6W3TyaNNQ%3Fsi%3DJ86xAAhGSSgbG9J6%22%20title%3D%22YouTube%20video%20player%22%20frameborder%3D%220%22%20allow%3D%22accelerometer%3B%20autoplay%3B%20clipboard-write%3B%20encrypted-media%3B%20gyroscope%3B%20picture-in-picture%3B%20web-share%22%20referrerpolicy%3D%22strict-origin-when-cross-origin%22%20allowfullscreen%3D%22%22%3E%3C%2Fiframe%3Eノーコードbubbleでサクサク動くWebアプリを作る方法:まとめ今回はノーコードだけど重く・遅くならないようにサクサク素早く動くサイトを作る方法について解説しました。上記動画のようなサクサク感で動くのであれば何も問題ないですよね。もちろんデータ量が多かったり検索が複雑だったりとサーバー側の処理が重いサービスであればまた別だと思いますが、フロント側の処理がこれで軽くなるなら嬉しい限りです。bubbleに限らずノーコードは全般的に制約があるので、スクラッチで数ヶ月・数千万円かけたサービスと同じことはできないです。しかし工夫することで超短期間・低コストで新サービスを立ち上げられますので、本当におすすめです。まずはノーコードで新規事業の立ち上げを是非検討してみてください。アプリ・Webサービスの開発の無料相談はこちらAdalo、bubble、FlutterFlow、STUDIOなどのノーコードツールを使うことで、リスクを抑えて低コストでスピーディにビジネスアイデアを形にすることができます。この機会に、温めていたビジネスアイデアを今すぐ形にしてみませんか?弊社はスタートアップ・新規事業向けにコストを抑えた最速のアプリ・Webサービスの開発、さらにはサービス立ち上げのコンサルティングから提案を行なっております。また、法人向けにノーコードのスクール事業を通して内製化のサポートも行っています。アプリ/Webサービスの開発、LPなどの構築に興味のある方は、こちらからご気軽にご相談ください。