第1回:gusuku Everysiteでイベント申込みサイトを作る話

公開日:

更新日:

こんにちは!あかねです!

早速ですが、みなさんgusuku Everysite(以下、エブリサイト)プレビュー版へのお申込みはお済みでしょうか?

kintoneをはじめとした複数のSaaSと連携できる社外DXプラットフォーム「gusuku Everysite」プレビュー版事前申込の受付をスタートしました

先日ご案内いたしました、ノーコードでWebアプリを構築できる新サービス「gusuku Everysite」のプレビュー版に関しまして、本日より事前申込の受付を開始いたしましたので、お知らせいたします。 gusuku Ev […]


私も今、いろいろと試している真っ最中ですが…一言で言うと、「楽しい!」に尽きます。笑
この「楽しい」はいくつか種類があります。たとえば

  •  サービスが開発中で、設定画面が変わっていくワクワク
  •  新機能が追加されるたびに、思わず声が出るようなドキドキ
  •  「あれもできそう」「これも試してみたい!」と、妄想がどんどん膨らむ楽しさ

まさに、“サービスが作り上げられていくところを目の当たりにしている”という貴重な体験をしています。

そんな中で今回は、エブリサイトを使ってエンジニアをつなぐIT勉強会支援プラットフォーム:connpass」風のイベント申込サイトをノーコードで作ってみるというチャレンジを、連載形式でお届けしていこうと思います!

正直なところ、現在のプレビュー版でどこまで実現できるのかは、私自身も分かっていません。
すべてが未知数。でもそれがまた、面白いところでもあります。

エブリサイトが気になっている方にとって、この記事が少しでもヒントになれば嬉しいです。
どうぞ気軽に、ゆるっとお付き合いください!

はじめに:この記事は“試しながら書いている例”です

まず最初にお伝えしておきたいことがあります。

この連載は、私自身がエブリサイトの可能性を模索しながら作っている、実験的な記事です。
現在、エブリサイトはプレビュー版として公開されています。

  • 操作方法や画面の構成が変更になる可能性あり
  • 機能自体も、今後正式版に向けて進化している最中
  • 本記事に登場する設定方法や構成も、現時点での「一例」

そのため、公式の手順や完成されたベストプラクティスではないという点をご理解いただいた上で、「へぇ、こんなこともできるんだな」と気楽に読んでもらえると嬉しいです。

gusuku Everysiteとは?

そもそも、エブリサイトってなぁに?という方もいるでしょう。
エブリサイトとは、現在弊社が絶賛開発中のノーコードでWebページを構築できるサービスです。
特別なプログラミング知識がなくても、マウス操作のみでWebページを作り、画像・ボタン・テキスト・フォームなどを自在に配置できます。

そして、そのページのデータの出し入れ先として、kintoneを選ぶことができるのが大きな特長です。

  • kintoneのデータを表示して一覧にする
  • フォームの送信先をkintoneにする
  • kintoneで社内ステータス管理された情報を、マイページでお客様に見せる

といったように、エブリサイトが“見せる役”、kintoneが“ためる・管理する役”として繋げることができる設計になっています。

エブリサイトについてもう少し詳しく知りたい!という方は、以下の動画をご覧ください。

エブリサイトも発想の原点が気になる方はこちらをチェック

[Inside Everysite #1] gusuku Everysiteの発想の原点

こんにちは、金春です。 CybozuDays2024でLINE登録いただいたらEverysiteの最新情報送りますって言ったのに、全然送っていなくてすみません。 gusuku Everysiteは絶賛開発中です。開発チー […]

connpass風ってどういう感じ?

さて、みなさんは「エンジニアをつなぐIT勉強会支援プラットフォーム:connpass」は利用されたことはありますか?
現在、弊社SIグループが開催しているイベント「きみのまほろば~」は、connpassでイベントへの申込を受け付けています。

「connpassっぽいイベントサイトを作る」と考えると、すぐに申し込みフォームを作りたくなりますが、まず整理しておきたいのが、サイト全体として必要な構成やページの種類

私が考えているのは、こんな感じの内容です。

ページ内容のイメージ
トップページイベント概要、次回イベントの案内、過去イベント一覧など
イベント詳細ページイベントごとの個別説明ページ
申込フォームフォーム入力(名前、メールアドレスなど)
サンクスページフォーム送信後の完了メッセージ
マイページお客様自身の申し込み状況やステータス確認

エブリサイトでできそうなこと/気になるところ

それぞれのページについて、「エブリサイトでどう作れるかな?」と少し考えてみました。

トップページ

  • kintoneに登録されたイベント情報を、エブリサイトで一覧表示
  • 開催日が一番近いイベントを「ピックアップ」

イベント詳細ページ

  • イベントごとに個別ページを展開
  • それぞれのページで使用するURLをkintoneのフィールドで設定

申込フォーム

  • データ入力アイテム+kintone連携
  • カスタマインを使って参加人数に制限を設ける
  • 上限を越えたら補欠者として申し込み可能
    ※実はconnpassでは補欠者として申し込みすることができるというのを知って、エブリサイトでも作ってみよう!となったのが、今回このブログを連載しようと思いたった事の発端であり、connpass風の所以です。笑

サンクスページ

  • フォーム送信後に遷移する固定ページの作成
    ※と思ったけど、これは申込フォームに「申込完了」みたいなのを表示させれば事足りるのかもしれない

マイページ

  • 申込後のステータス確認/キャンセルが出来るように
  • 過去申込履歴の確認
  • 運営側への問い合わせ

と、ひとまずこんなところでしょうか。

今回のまとめ:なんかエブリサイトで実現できそうな雰囲気!

ということで、今回は

  • connpass風サイトに必要なページ構成を洗い出してみた
  • エブリサイトでどんなページにするのか、ざっくり整理してみた

という内容でした。

第2回では、いよいよエブリサイトでトップページの作成に着手します。お楽しみに!

■gusuku Everysiteプレビュー版について
gusuku Everysiteプレビュー版は、開発中のサービスを早期アクセスバージョンとして無償でご利用いただくものです。開発中のサービスであるため、多くの制限事項や機能不足がありますが、いち早く社外DXのアイデアを構想していただき、製品にフィードバックをいただくために公開するものです。
gusuku Everysiteプレビュー版利用申請【ご利用条件】より

投稿者プロフィール

アバター画像
akane
サイボウズのパートナーさん担当です!
gusuku Customine大好きで転職しました!