エンジニアなしでゲーム内容を更新できる！謎解きアドベンチャーゲーム「カミとミコ」開発におけるCMSとFigma活用

タグ：

日時：

2026年07月23日(木)10時00分〜10時25分

形式： ショートセッション(25分)

受講スキル：

・ゲーム開発に興味のある方・ブラウザゲームを作っている・作ってみたいエンジニア・Webの技術構成でどのようにゲームを作るかを知りたい方 JavaScriptの知識がある方が理解しやすい技術構成になっています。本セッションは、ゲーム開発におけるコンテンツ管理とチーム連携に焦点を当てるため、特定のフロントエンド技術の深い知識は必須ではありません。ゲーム開発において「エンジニア以外のメンバーも開発に参加してほしい」「コンテンツの追加・修正を柔軟に行いたい」という課題に直面した経験があると参考になると思います。

受講者が得られるであろう知見:

【エンジニア以外が開発に参加できる環境構築】・ゲーム開発にCMSを導入する判断基準とメリット・シナリオライターやデザイナーが直接データを編集できる環境の作り方【コンテンツ管理の設計と運用】・ブラウザゲーム開発におけるスキーマ設計の考え方（会話、謎、フラグ、キャラクター情報など）・CMSを使ったコンテンツ管理の実装パターンと運用のコツ・Figmaを管理画面のように活用し、視覚的にゲーム画面の編集ができる仕組みの構築・デザインファイルと実装を連携する方法【開発の柔軟性とスケーラビリティ】・デバッグしやすいゲーム開発のための設計思想・チーム全体で開発を進めるための開発フローと運用フローの最適化これらの知見は、ブラウザゲーム開発においての経験ですが、シナリオや会話システムを持つゲーム、パズル要素を含むゲーム、コンテンツが複雑になるあらゆるゲーム開発にも応用できるかと思います。特に、小規模チームでエンジニア以外のメンバーも開発に参加する場合や、コンテンツ調整を頻繁に行う必要があるゲーム開発において、参考になるでしょう。

セッションの内容

赤坂アカ x SCRAP x 集英社ゲームズのトリプルタッグ製作の謎解きアドベンチャーゲーム「カミとミコ」の開発の工夫を紹介します。

ゲーム開発ではシナリオ・キャラクター情報・進行フラグなど扱う情報が多く、これらのデータを直接コードに書く方法では、コンテンツの編集・追加のたびにエンジニアの工数が発生し、プログラムが書けないエンジニア以外のメンバーには編集できません。

そこで、microCMSをコンテンツ管理基盤として活用し、シナリオライターやデザイナーが直接ゲームデータを編集できる環境を構築しました。
また、キャラクターの配置や移動ルートをデザインツールのFigmaで管理して直接CMSに取り込むことで、コードを触らずに視覚的に編集できる仕組みも実装しています。
この取り組みにより、エンジニア以外のメンバーが開発に積極的に参加できるようになり、開発の柔軟性とスピードが大幅に向上しました。

本セッションでは、ブラウザゲーム開発におけるコンテンツ管理の課題解決と、チーム全体で開発を進めるための実践的な手法を、プロダクト開発の経験から共有します。

CEDEC2026Chinen.pdf

※資料のダウンロードにはログインが必要です。

知念昌史

所属： 株式会社TAM

株式会社TAMのエンジニア。大手企業のWebサイト/Webアプリ開発を担当。新人エンジニア育成やテクニカルディレクションも兼務。
得意分野はVue.js/Nuxt・React/Next.js・CMS・アクセシビリティなどWebフロントエンド領域。
フロントエンドカンファレンスやVue Fes Japanへ登壇した経験があります。

《講演者からのメッセージ》
ゲーム開発にCMSを導入し、シナリオライターやデザイナーが直接ゲームを更新できる仕組みを構築することで、開発を効率化した事例を共有するセッションです。

ブラウザゲームならではのフロントエンドの技術スタックと関連ツールを組み合わせた開発手法について解説します。
チーム開発やブラウザゲームに興味のある方に向けて、JavaScriptに詳しくない方にも学びのある場を提供します。ぜひご参加ください。