Bzzdex：AIで作ったページを、リンクひとつのアプリに

このごろはAIにお願いすれば、三目並べのゲームの動くコードが数秒で作れるようになりました。その次に困るのが、**「どうやってそのゲームを友だちのスマホで動かすか」**ですよね。

「サーバー」「ホスティング」「デプロイ」なんて言葉が出てきたとたん、手が止まってしまう人がほとんどです。Bzzdexは、そうした難しいことを知らなくてもいいように作られました。どんな仕組みなのか、見てみましょう。🐝

Bzzdexってなに？

Bzzdexは、AIが書いてくれた1つのHTMLファイルを、専用リンク付きのアプリにできる場所です。ホームページには、その役割が1行で書かれています。

One file. One link. One buzz.

ゲームだけではありません。タイマーや単位の換算ツール、単語カードなど、授業やふだんの暮らしで役立つ小さなツールも同じように動きます。

CodingTeading のアプリBzzdexAIで作ったアプリを公開14歳以上 · ひらく →

AIとのチャットからリンクができるまでの4ステップ

どのアプリのアドレスも、fx7wwipt.bzzdex.comのように自動で選ばれた8文字になります。自分で選ぶことはできません。利用規約で説明されているように、好きなアドレスを選べるようにすると、なりすましに使われてしまう心配があるためです。

アイデアに困ったら？プロンプトの例から始めよう

まだ何を作ったらいいかわからないときは、新しいアプリを押して、ゲーム、ツール、学び、アート、暮らしのお助けツールなどのプロンプト例をのぞいてみてください。

たとえば三目並べを開くと、ここを変えてみてくださいという項目が表示されます。対戦相手やコンピューターの強さを選ぶと、その場でプロンプトが自動で書き換わります。あとはプロンプトをコピーを押すか、ChatGPT、Claude、Geminiで新しいチャットを直接開くだけです。

プロンプトの下にある使った技では、「ファイルは1つだけ」「自分で見直させる」など、使われているプロンプトの工夫が解説されています。楽しいものを作りながら、AIへの上手な頼みかたも身につきますよ。

ハイブ：小さなアプリが集まる図鑑

作ったアプリをハイブに共有すると、#0001のような図鑑番号がつきます。「いいね」が増えると枠線の色が変わり、エディターズピックには金色の星がつきます。

また、bzzdex.comのギャラリーを開けば、アプリの最初の画面がスマホサイズで並んでいるので、タップする前にどんなアプリなのかが一目でわかります。

アプリを作ったプロンプト

先生として私たちが一番気に入っているのがこの部分です。制作者が公開を選んだ場合、アプリのページにこのアプリを作ったプロンプトと、どのAIが作ったかが表示されます。

つまりハイブには、完成したアプリだけでなく**「だれかがどうやってAIにお願いしたのか」**も残るのです。AIの上手な使いかたを教えるときの、すばらしい教材になります。

始める前に知っておきたいこと

• 公開するにはGoogleでログインします。新しくパスワードを作る必要はありません。
• 14歳以上の方のみアカウントを作成できます。 共有されたリンクを開いたり、ハイブを見て回ったりするのは、ログインしなくてもだれでもできます。
• アップロードされたコードは自動でチェックされます。 リスクの兆候が多く見つかった場合、人が確認するまで公開が遅れることがあります。
• すべてのアプリに通報ボタンがあり、ログインしていなくてもだれでも通報できます。
• 公開する前に、利用規約とプライバシーポリシーをお読みください。

次回のおしらせ

私たちが作っているものを全部見てみたいときは、CodingTeadingのご紹介をごらんください。この裏側にあるAIが実際にどう動いているのか気になったら、AI Teading Teensで深く学べます。

次回は小さなお子さん向けのお話です。カードを順番に並べることがプログラミングの第一歩になる、ドルベンのみちあんないをお届けします。