【#STORYEM】商店街ガイドを45分でゲーム化・町おこし / 世界最速・最軽量AIゲームブックエンジン『STORYEM(ストリーム)』活用例(商用無料)

ゲームブックエンジン「STORYEM」とは？

このnoteにて公開しています、世界最速・最軽量・高機能・商用利用無料のゲームブックエンジン「STORYEM（ストリーム）」。

AIの力を借りて、文章や単語から数分で「遊べる完成品ゲーム」が出来上がる、100KBに満たない超軽量サイズの、驚異のゲームブック制作エンジンです。以下の記事からどなたでもダウンロードでき、商用無料・カスタマイズ自由です。

2026年3月に公開したSTORYEM（ストリーム）は、最新の生成AI技術と1980年代のレトロな「ゲームブック」の魅力を融合させた、非常にユニークなゲームエンジンです。

その最大の魅力は、「専門知識ゼロで、自分の空想を数分で、実際に遊べるゲームにできる」という、世界最速クラスの圧倒的なハードルの低さにあります。

どんなに短い文章や単語からでもAIが物語を広げてくれるため、創作の挫折がほとんどありません。

外部サーバーやインストールは不要で、ブラウザさえあればオフラインでも、スマホでもPCでも動作します。

ファイルサイズが100kb未満と非常に小さいため、Webサイトへ手軽に埋め込むことが可能です。

単なる娯楽ゲームだけでなく、観光案内、社内研修、学習教材、選択式クイズなど、アイデア次第で活用の幅が無限に広がります。

商用利用・カスタマイズも自由です。

一言で言うと… STORYEMは、「表現したい」という欲求を、技術的な壁を軽々と飛び越えて即座に「ゲーム」という体験に変えてくれる魔法の杖のようなツールです。

STORYEMは予算をかけずに「体験型観光」をデジタル化できる

町おこしや地方創生という文脈でSTORYEM（ストリーム）を見ると、これは単なる「ゲーム制作ツール」の域を超えて、「町の魅力を24時間発信し続ける最強のデジタル・ガイド」へと変貌します。

予算や人手が限られている地域にとって、STORYEMがなぜ最強の武器になるのか、その魅力を2つのポイントで解説します。

1. 予算をかけずに「体験型観光」をデジタル化できる

これまで「謎解きイベント」や「スタンプラリー」をデジタルでやろうとすると、アプリ開発に多額のコストがかかるのが常識でした。

• 開発費ゼロ： STORYEMは無料（MITライセンス）で使えるため、ツール代はかかりません。

• 低コスト運営： 専門業者に頼まずとも、数日で「町歩きアドベンチャー」を作成・更新できます。

2. 「聖地巡礼」や「歴史学習」との圧倒的な親和性

STORYEMの「選択肢によって結末を変えられる」仕組みは、地域の歴史や文化を伝えるのに最適です。

• もしもストーリー： 「もし、あの武将がこの道を通っていたら？」という歴史のIF（イフ）を体験させることで、ただの石碑が「感動のスポット」に変わります。

• 周遊の動機付け： 「〇〇神社へ行けば、この物語の真のエンディングが見られる」といった選択肢を作ることで、観光客を自然に特定のスポットへ誘導（回遊）させることが可能です。

町おこし担当者様へ

観光パンフレットを10,000部印刷する前に、まずはSTORYEMで「その場所に行かなくても観光地巡りを疑似体験できるゲーム型ガイド」を作ってみませんか？

大掛かりなものを作る必要はありません。まずは「STORYEM」に、あなたの街の観光名所を入力すれば、数分後には動かせるゲームになり、その町のファンを作るスピードが劇的に変わります。

商店街のガイドをSTORYEMで「45分」でゲームブックとして完成させました

今回は、STORYEMを使ってどのように観光ガイドを作るのか、架空の商店街「銀河狐商店街」を例にとり、お見せします。

▼ゲームブック「『銀河狐商店街ひとり歩き』観光ガイド」をWebですぐ遊ぶ

ゲームはWebに公開しており、以下より遊べます。まずは、触ってみましょう。
架空の商店街「銀河狐商店街」ガイドゲームブックです！

▼ゲームブック「『銀河狐商店街ひとり歩き』観光ガイド」を一式ダウンロード

以下のように合計1時間でゲームを作りました

では、どのようにして45分で今回のゲームを作ったのか、解説していきますね。

1.構成を考える【所要時間：10分】

(1) まず、手元のテキストエディタやWindowsのメモ帳などに、
商店街の魅力を書き出してみます。

・商店街入り口の目印
・名物のB級グルメの食べ歩き
・お土産に最適な和菓子屋
・名物メニューのある食堂
・歴史ある噴水
・見学できる（架空の）文豪の生家
・戦火をかいくぐった松の木
・各季節のイベントの様子

訪れる観光客をイメージしながら、商店街の様々な場所、様々な季節を洗い出していくとよいでしょう。

2.STORYEM studioでゲームデータを生成【所要時間：5分】

(2) さあ、STORYEMを起動したら、右上の「▼menu」を開きます。

(3) 青い『CSV生成アシスタント「STORYEM GAMEBOOK studio」を別タブで開く』のボタンを押して、STORYEM studioを起動します。

(4) STORYEM studioの入力欄に、(1)で洗い出した情報を基に、以下のように書いてみます。

架空の（それらしい名前の）商店街のガイドマップ。
各パラグラフは100文字以上にして。

・主要駅からの徒歩での行き方
・商店街入り口の目印
・名物のB級グルメの食べ歩き
・お土産に最適な和菓子屋
・名物メニューのある食堂
・歴史ある噴水
・見学できる（架空の）文豪の生家

を半日の独り歩きコースで紹介。

上記の各名所を自由に何度も移動できるように。

商店街の最も奥にある松の木にたどり着いたら、
・戦火をかいくぐった松の木
・各季節のイベントの様子
を紹介して、エンディングへ。

(5) studio画面の一番下の「プロンプトをコピーしてAIを起動」を押します。ChatGPTとGeminiが選べますが、今回はそのまま画像や音楽も作りたいので、Geminiにしてみました。

(6) Geminiの画面が起動します。実はこの瞬間、クリップボードには、数百行の、長文のAI向け命令文（プロンプト）がコピーされています。

(7) Geminiのチャット入力欄に、クリップボード内の命令文を「Ctrl+V」または、右クリック→貼り付け　で貼り付け、送信ボタンを押します。

今回は、2分ほどで、ゲームデータが生成されました。

(8) 生成されたルールとシナリオを、それぞれrule.csv、scenario.csvというファイル名で保存し、STORYEM本体（index.html）と同じ階層に入れましょう。
これらの名前にして同じ階層に入れておけば、Webサーバーにアップした後で、自動でゲームが開始できるようになります。

3.そのまま続けてGeminiで画像を生成～切り抜いて保存【20分】

(9) つづいて、Gemini上で画像を作成してみましょう。
もちろん、観光地の写真のストックがすでにある場合は、改めての画像作成は不要です。

上記の各画像を、水彩画風で作って。

各シーンの背景画像を、水彩画風のスタイルで作成しました。以下が生成されたビジュアルの一覧です。

1. 銀河狐駅: 石造りの門と狐の石像がある駅前の風景。

2. 商店街入り口: 夕暮れ時の賑やかな通り。

3. B級グルメ: 名物「狐の尻尾揚げ」を頬張る様子。

4. 老舗和菓子屋「星屑堂」: 落ち着いた店内の茶屋スペース。

5. 名物食堂「月光食堂」: 懐かしい雰囲気の中でハヤシライスを味わう。

6. 星降る噴水: 水の音に耳を傾ける休息の時間。

7. 文豪の生家「三日月邸」: 静かな庭園。

8. 書斎の怪異: 未完の感情が暴走する戦闘シーン。

9. 星の栞: 邸宅後に残された不思議な栞。

10. 銀河の守り松: 丘に立つ巨木。

11. 戦火の痕跡: 焦げた幹が物語る歴史。

12. 季節のイベント: 春、夏、秋、冬のそれぞれの表情。

13. 散策の終わり: 黄昏時の松の木。

14. 帰路: 夕闇に包まれた商店街。

(10) 念のため、「著作権的に大丈夫？」と質問して、著作権チェックをしておきましょう。

(11) 出来上がってきた1枚の画像ファイルの中から、場面に応じたコマをペイントソフトなどで切り抜き、それぞれをシナリオCSV内で指定されているファイル名「bgi_gate.png」などで保存していきましょう。

4.そのまま続けてGeminiで音楽を生成～保存【10分】

(12) そのまま「上記のシナリオ内に定義された曲も作れる？」と質問して、曲も作ってもらうこともできます。
こちらも、曲が出来上がってきたら、それぞれをシナリオCSV内で指定されているファイル名「bgm_stroll.mp3」などで保存していきます。
（本来、BGMはもともと作曲家である私が作るべきなのでしょうが、今回は時間短縮のために、ここでもAIの力を借りました。）

このようにして、45分でゲームブック「『銀河狐商店街ひとり歩き』観光ガイド」が完成しました！

完成後にAIにインタビューしてみました

さて、ゲームが完成したところで、AIにインタビューをしてみました。

AIへの質問：今回の一連の作業の感想は？

＜AIの回答＞
今回の「銀河狐商店街」を構築する一連のプロセスは、「システム（CSV）」「物語（シナリオ）」「視覚（水彩画）」「聴覚（BGM）」が鮮やかに噛み合っていく、非常にクリエイティブで楽しい時間でした！

今回のご指示の素晴らしい点は、単に「商店街を作って」と丸投げするのではなく、「STORYEM」という明確なシステムの制約（CSV構造や効果ルール）を前提に、具体的な「名所」の要素を丁寧に指定してくださった点です。この「制約」があるからこそ、AIとしてもその枠組みの中で最大限の個性を発揮し、一貫性のある世界観を作り上げることができました。

AI側から見て、特に印象的だったポイントをいくつか挙げます。

1. 「水彩画風」と「ひとり歩き」の相性

独り歩きという少し内省的で自由なテーマに、水彩画の淡いタッチが驚くほどマッチしました。生成された画像が、どこか懐かしくも幻想的な「銀河狐」の雰囲気を一瞬で決定づけてくれました。

2. システムとしての完成度

「自由に何度も移動できる」というリクエストに対し、商店街入り口（ID:2）をハブにして各名所へ分岐し、最後に最奥（ID:10）へ向かう構造は、ゲームブックとしてのプレイアビリティが非常に高いと感じます。

3. 音楽による情緒の補完

「黄昏時」や「星屑」といったキーワードを音に変換することで、CSVのテキストデータに「温度」や「湿り気」が加わったような感覚がありました。

今回のファイルの一式ダウンロード

さて、今回のファイル一式は、以下からダウンロードできます。
解凍してindex.htmlを開き、STORYEMの画面右上の「▼menu」から、同じフォルダ内のルールCSVとシナリオCSVをそれぞれファイル選択すれば、すぐに遊べます。

▼ゲームブック「『銀河狐商店街ひとり歩き』観光ガイド」を一式ダウンロード

もちろん、この記事の冒頭でもご案内したとおり、以下のWebサーバー版で遊んでいただいても構いません。
こちらは、ダウンロード不要。CSVファイルを選択する必要はなく、すぐにゲームを開始できますよ！

▼ゲームブック「『銀河狐商店街ひとり歩き』観光ガイド」をWebですぐ遊ぶ

おわりに：STORYEMで何か作ってみよう！

さあ、いかがでしたでしょうか？

STORYEM（ストリーム）・・・
＝Story Tree Of Roleplaying Yourself Entertainment Media
（あなただけの物語を流れるように紡ぐ、シナリオ分岐構造を持つエンターテインメント・メディア）

のとおり、STORYEMは通常のゲームブックにとどまらない、無限の可能性を秘めています。

今回のほかにもまだまだ、無限の活用方法があるでしょう。
みなさん自身の手で、探し出してみてください。

そして、もし本エンジンを使用して作成したゲームを公開された際は、ハッシュタグ「 #STORYEM 」を付けて投稿していただけると、開発者がこっそり遊びに行くかもしれません！（純粋に、皆さんの作品を楽しんでみたいのと、活用事例として、今後のアップデートの参考にさせていただきたいと思います。）

物語を作る喜びを、すべての人に。
AI時代の新しい遊び方。
このゲームブックエンジン『STORYEM（ストリーム）』が、あなたの想像力を形にする一助となれば幸いです。

『STORYEM（ストリーム）』
AIの力を借りて、文章や単語から数分で「遊べる完成品ゲーム」が出来上がる、100KBに満たない超軽量サイズの、驚異のゲームブック制作エンジンです。以下の記事からどなたでもダウンロードでき、商用無料・カスタマイズ自由です。