こんにちは！Notionを全力で広めている山田です。
今回は年の瀬にふさわしく（？）、Notionでクイズアプリを作成してみました！

どれか1つでも当てはまる方はぜひ最後までご覧ください！
Notionのアカウントがなくても参加することが可能ですし、クイズの作り方も丁寧に解説していきますよ！

段々と終わりが近づいてきましたね。
まだ過去の記事を見てないよ〜って方はぜひご覧ください！

それでは参りましょう🦜🦜🦜

▼ Notionの始め方や基礎から学びたい方はこちら！

１．どんなクイズ？

毎年12月末に放送されているテレビ番組「クイズ☆正解は一年後」をオマージュしています。
「クイズ☆正解は一年後」ってどんなクイズ？という方はこちらのWikiをご覧ください。

この番組をオマージュして、

といった仕組みで再現！
クイズについては誰でも参加できるように「NotionApps」というツールを利用して作成しています。

ということで、次の章でNotionAppsについて簡単に説明してから作り方を解説していきたいと思います！

🐣🐣🐣

２．NotionAppsってどんなツール？

今回使用しているツール「NotionApps」について簡単に説明します。

まずは実際に画面を見たほうが早いと思いますので、20秒ほどの動画をご覧ください！

いかがでしょうか？
簡単なアプリなら、Notionのデータベースをもとにサクッとノーコードで作れてしまうんです！

クイズ以外にも様々なアプリを作成することができて、例えば

といったものも簡単に作ることができます！
こちらのサイトでテンプレート例を見ることができますので、興味がある方はぜひご覧ください。

このツールの主な特徴はこちらです。

メリットもあればデメリットも当然ありますが、今回のクイズは1つのデータベースでシンプルに構成しているのでデメリットを感じることなく作成できました！（さすがに500人も参加されないと思いますしね）

細かい機能や料金プランによる違いなどもありますが、今記事はクイズの紹介が目的なので割愛します。
NotionAppsについての詳細が知りたい方はコメント等いただければ別途記事化することを検討させていただきます。

それでは早速作っていきましょう！

🐣🐣🐣

３．NotionAppsの作り方

では、早速一緒に作っていきましょう。
以下の4STEPで進めていきます。

🐣🐣🐣

3−1. Notionにデータベースを用意

クイズの回答を保存するためのデータベースを作成します。
ここで1年後に自動表示される仕組みを作っておきますよ！必要なプロパティはこちらです。

作成日時.dateAdd(1, "years")

now() >= 1年後​

これでプロパティの作成は完了です🎉

次に1年後になってから回答が表示されるようにフィルタ設定をします。

フィルタ設定自体はとっても簡単で、「表示」プロパティにチェックが入ったら表示する設定にしておきます。

ただ、このままだとページを公開したときに皆さんがフィルタを変更することができてしまいます。つまり1年経たなくても回答が見れちゃう😢

これだと本末転倒なのである仕掛けを入れます。
それが「高度なフィルター」設定です。

こんな感じで先ほどのフィルター設定を高度なフィルターに変更してあげるだけで、このフィルター設定を変更することができなくなります。

チーム利用時にも使える便利な技なので、ぜひ覚えておいてくださいね！
これでNotion側の設定は完了です🎉

🐣🐣🐣

3−2. NotionAppsに登録

では次にNotionAppsの登録を進めていきましょう。
こちらのURLにアクセスして右上の「Try for free」をクリックしてください。

アカウント登録画面が表示されるので、メールアドレスかGoogleアカウントで登録を進めましょう。

登録が完了してログインできたらNotionと接続させます。
「Connect Notion」をクリックして、接続したいNotionのワークスペースを選択しましょう！

最後のページ選択については、迷うようであれば画像のように全て選択しておけば間違いありませんよ！

これで登録は完了です🎉

🐣🐣🐣

3−3. NotionAppsでアプリを作成

NotionAppsが使えるようになったので、早速アプリを作成していきましょう！

中央の「+ Create New App」をクリックします。

先ほど作成したデータベースを選択した後に、右上の「Build App」をクリックします。
登録直後はデータベースが表示されていない場合もあるので、その場合は「Refresh」を押して更新しましょう。

最初にチュートリアルが表示される場合がありますが、英語ですし飛ばしてしまって構いません。
はじめはこんな画面が表示されているかと思います。
（自動で作成された状態なので、人によって多少異なるかもしれません）

この初期状態の画面は使用しないので、下の方にある「+ New Screen」をクリックして新しい画面を用意しましょう。

画面タイプが4つ表示されます。

今回はクイズの回答をしてもらうアプリを作るので「2️⃣ Add New Item」を選択します。

そうすると、こんな感じでほぼ出来上がっている状態のアプリが作成されます（すごい。。。）

あとは細かいところを調整していくだけです。
Notionを利用している方であれば直感的に操作できる点が多いと思いますが、項目をそれぞれ説明していきます！

入力項目はもちろん並べ替えも可能です。
四角枠をクリックすると、以下画像のように詳細設定が表示されます。

よく使う設定は「必須項目」と「表示条件」ですね。
「表示条件」では、Aが回答されたらBを表示するといった形で条件によって表示の有無を設定することができます。

入力項目が設定できたら保存ボタンを設定します。

保存ボタンまで設定できたら、右下の「All Screans」をクリックしましょう！

「Notion Apps」は複数のページ設定が可能で、各ページのアイコンや名前、設置場所を設定できるのが、この「All Screens」画面です。
ページの設置場所は2つで、Bottom（下のアイコン）かSide（左上のバーを開くと表示）を選択できます。

今回利用するページは1つだけなので、アイコンと表示名だけ変更します。

登録時に自動作成されていたページは不要なので削除しちゃいましょう。

最後にアプリ本体の設定を行います。
左サイドバーの「Settings」から設定可能です。

設定が完了したら「Publish」ボタンをクリックして保存しましょう！
隣にある「Share」ボタンからURLを取得できます。

これで「Notion Apps」の設定も完了です！
お疲れ様でした🎉

🐣🐣🐣

3−4.Notionページを公開

最後に回答が表示されるNotionページを公開します。
公開はとっても簡単にできてしまいますが、複製の許可設定をOFFにすることだけは忘れないようにしてください！

あ、説明が漏れてましたがこのNotionページに先ほど作成したNotionAppsのページリンクを貼っておくと導線がスムーズになります！
（上の画像の場合、真ん中の青字部分がリンクになっています）

これですべての準備が完了です！
お疲れ様でした🎉

🐣🐣🐣

４．クイズへの参加方法

こちらのページを開いていただき、
中央に表示されている【「クイズ！Notionの１年後」に参加する】
をクリックしてクイズに答えてください！

アカウント登録などはなにも必要ありません。
みなさんの回答は、それぞれの回答日時のちょうど1年後にこちらのページに表示されます！
僕も忘れないようにしておくので、皆さんも覚えておいてくださいねw

2023年の進化を考えると1年後どうなっているかがかなり楽しみですよね。どんな回答が集まるかワクワクしています。
あ、僕も1年後まで回答は見ないので安心してくださいね！

ちなみに余談ですが、今回のサムネはいつもとテイストを少し変えてAIに画像を作成してもらいました。
まだまだ勉強中ですが色々とチャレンジしています。

NotionもAIも凄まじい速度で進化していくと思いますが、それに負けない進化をしながら2024年を生きていきたいですね！

お知らせ

2024年を最高の年にするための豪華8大特典のプレゼント企画を実施しています！

このテンプレートがあれば、タスク管理から情報管理、日々の振り返りまでオールインワンで対応することができます。

今ならこちらのYouTube動画を通して無料で配布していますので、ぜひご覧ください！

さいごに

最後までご覧いただきありがとうございます！
役に立ったという方は「❤️（ハートマーク）」を押してしていただけると次の記事の励みになります！

この記事をきっかけに、
「Notionって色んなことができて面白そう！自分でもクイズ作ってみよ！」
という方が1人でも増えると嬉しいです。

今後も実用的なNotionテンプレートや有益情報を紹介していきますので、Notionに興味がある方は忘れずにフォローをお願いします！

最新の情報や細かいTipsなどはX（旧：Twitter）で発信しています。
特にテンプレートはXで先行配布することが多いため、こちらも忘れずにフォローをお願いします！