10周年記念特集
NAIS Journal Vol.10
発刊に際してNA I S支部長

高 弘昇

数式を用いた ノベルゲーム
Novel Game with Math Equations

奥田 茂人 ( 京都コンピュータ学院 )，江見 圭司 ( 京都情報大学院大学)
Shigeto Okuda (Kyoto Computer Gakuin) and Keiji Emi (The Kyoto College of Graduate Studies for Informatics)

京都情報大学院大学 教授

アメリカの情 報システム学 会（ A I S ）の日本 支 部（ N A I S ）は2 0 0 4 年に創 設されて今年11年目になりました。NAISは創設以降10年間，日本国内で専門雑誌の発行，ウェブサイトの運 営 ，N A I S 大 会など多 様な活 動を通じて情 報 技 術（ I n f o r m a t i o nAbstract
We have implemented a novel game with e-book，EPUB 3. This time we added math equations by using MathematicalMarkup Language，short for MathML.

1. はじめにTechnology）の普及に貢献してきました。
世 界のビジネス環 境が情 報 技 術により変 化のスピードが速くなり，競 争が激しいグ機能は持っていないからである。

1.1 基本的な技術
EPUB（Electronic PUBlication）は，アメリカの標準化団

2. HTML5から引き出されたEPUB 3のインタラクティブな機能ローバルビジネス環境へと急速に転換することによって多くの企業がその対応に追われ体であるIDPF（International Digital Publishing Forum）にています。また，デジタル経済活動に欠かせないIT人材の確保においても企業は少子よって公開されている電子書籍の国際標準形式である[1]。こ化・高齢化の現状により厳しい環境に直面しています。

HTML5を利用できるようになっている。そのため，ユーザー最初，HTMLはユーザーが文書を見るための言語だった。

はEPUB 3を使ってインタラクティブな電子書籍を作成できる

そのため，HTMLでは動的アクションの表示は考慮されていよ う に な っ た[2]。 ま た，MathML（Mathematical Markupなかった。その結果，ユーザーが動的アクションを表示するとLanguage）は，W3C（World Wide Web Consortium）によっきは，「Flash」のようなアプリケーションをブラウザにインて公開されている数式を記述するためのXMLアプリケーショストールする必要があった。しかし，HTML5は「Flash」のンである。MathMLはHTML5でサポートされているので，数ようなアプリケーションを利用しないで，動的アクションを表式をブラウザで表示できるようになった。

示できる。例えば，ユーザーは，<audio> タグや < video> タ

このような時代を迎えて，NAISは専門雑誌であるNAIS Journalを通じて情報システムを取り巻く実学志向的なビジネス環境において役に立てる情報を発信していくのに力を注いでいると同時に，実学志向的な専門家が研究開発した成果物を関係する多くの人々に示す場を提供しています。特に，今度のNAIS Journalは研究者だけではなくグローバルビジネス環境で活躍できるように京都情報大学院大学が育成する人材たちの研究成果も集めて10周年記念特集として発刊します。
AISの日本支部であるNAISは情報システムに関わる多様な活動の内容をウェブサのEPUBはEPUB 3までバージョンを重ねており，現在では今回，我々はこのEPUB 3とMathMLを使用して数学教材を2.1 HTML5のマルチメディア機能

グのようなマルチメディア機能を使って音声や動画を簡単に楽作成し，本論文でMathMLを使った数学教材を紹介する。

しむことができるようになった。

1.2 利用者がEPUB 3を使うことの意味

2.2 HTML5のインタラクティブ機能と関連技術

イトを通じて多くの関係者に発信し共有してきました。
これからも様々な実学志向的課

EPUBは国際規格形式であるため，EPUB形式の電子書籍はHTML5と関連技術はJavaScriptに対応しているので，ユー題に対応可能な研究活動について関連情報を発信し続けて積極的に関係者の皆特定の企業やサービスに依存することはない。例えば，ある企ザーはインタラクティブな表現ができる。尚，インタラクティ

業のサービスが終了しても，ユーザーは別のEPUBリーダーでブな機能とは次の通りである。利用者がアイコンに触れたとき同じ電子書籍を読むことができる。これはEPUBが電子書籍をに音が鳴る，利用者が単語をクリックしたときにその意味が表ハードウェア依存から解放したということを意味している。

示される，利用者が画像に触れたときに音声でその説明が表れ様と共有していきたいと考えています。
今後もNAISはITによって急速に変わり続ける厳しいグローバルビジネス環境において企業が競争力を身に付け成長できるように企業関連情報システムの研究及び開発に貢献したいと考えております。

るというものである。このJavaScriptはHTML5のcanvas機能

1.3 EPUBの機能で使われている。これは図形を描画するための機能である。

EPUBで採用されている技術は数多くある。主な技術に，HTML（テキスト），CSS（レイアウト），SVG（図形）などがある。これらは全て無償公開されている。

2

EPUB2はHTML4を基にしているので，インタラクティブな

2.3 MathML
MathMLは，数式を記述し，その構造と内容を保存するた

AIS（情報システム学会）
は，本部を米国ジョージア州立大学に置き，オーストラリア・ニュージーラン

他にも，ユーザーはEPUB 3の目次機能と朗読機能を使うこめのXMLアプリケーションである。それは，W3Cのページやド，モロッコ，パキスタン，スロベニア，中国語圏，アイルランド，イタリアなどに支部を持つ国際的とができる。目次機能は本の目次と同じで，ハイパーリンク他のドキュメントにおいて数式を統一することを狙っている。

な学会であり（http://www.aisnet.org/），IS（Information System，情報システム）全般を研究を利用することでユーザーが見たいページを表示することがMathML仕様書のバージョン3は，2010年10月20日にW3Cの領域としています。特に，企業における情報システムの管理手法，企業内の IT活動に関する方法論，できる。一方，朗読機能はSMIL（Synchronized Multimedia勧告として公開された[4]。

eビジネス／ウェブビジネスについての研究活動などを展開しています。会員は全世界で4000名をIntegration Language）を使うことで実現できる。そのため，MathMLがない場合，我々は数式を表現するために画像を有し，今後さらなる発展が期待されています。

ユーザーは音声を聞きながら本を読むことができるようになっ使わなければならない。しかし，MathMLを利用すると，タた[3]。ちなみに，これらはEPUB2では不可能である。なぜなら，グを使うだけで数式を表現できるようになる。

3

3. 議論【参考文献】[1] Shigeto OKUDA, Keiji EMI, Yusuke KAWACHI ,“Buildingof an education system with electronic textbooks of the

3.1 HTML5の問題点
EPUB 3はHTML5によってインタラクティブな電子書籍を

ePub format and with smartphones.”, The 1st IEEE Global

利用できる。しかし，このHTML5には重要な問題が存在す

Conference on Consumer Electronics (GCCE 2012) Specialる。それは各ブラウザでインタラクティブな機能への対応が異Session7:Game Amusement & Computer Entertainment，pp.330-333

なる点である。これはHTML5に依存しているEPUB形式の電子書籍に大きな影響を与えている（図1）。そのため，GoogleOnce, Play Anywhere!”[2] Shigeto OKUDA, Keiji EMI“Make,,ChromeのReadium[5]やFireFoxのEPUBReader[6]な ど の ブ

The 2nd IEEE Global Conference on Consumer Electronics

ラウザで使える機能が異なる。

(GCCE 2013) Special Session7:Game Amusement, pp.381384[3] EPUB3 ≒ DAISY4 - EPUB 3とDAISY 4との関係 , http://

3.2 数式を用いた我々のノベルゲーム

wp.kzakza.com/2011/02/EPUB3_daisy4/ (2011)

我々は，大学生のために基本的な数学を学ぶためのノベルゲームを作った。図 2 は私たちの小説のサンプルページであり，[4] Mathematical Markup Language (MathML) Version 3.0 2nd
Edition, http://www.w3.org/TR/MathML3/ (2014)

図3は数式のサンプルである。本来ならば，図2のノベルゲー
ムのサンプルページ内に図3 の数式が表示されるのだが，見づ図2 我々のノベルゲームのサンプルらいために画像を図2と図3に分割表示した。これらはEPUB内[5] Readium, http://readium.org/ (2014)[6] EPUBReader , https://addons.mozilla.org/ja/firefox/addon/
epubreader/ (2014)

でMathMLを利用している。しかし知ってのとおり，恐らくEPUB内でMathMLのサンプルを見ることはない。我々は，いくつかの種類のソフトウェアを使うことによってEPUB形式の本を簡単に作ることができる。しかし，そのソフトウェア自体はMathMLを取り扱っていない。我々は，Firefox のアドオンソフトであるFireMathを使うことによってMathMLのタグを◆著者紹介書くことができる。我々は，EPUB 3のフォーマットを用いて奥田 茂人

我々のノベルゲームにMathMLを追加した。

Shigeto Okuda

京都コンピュータ学院非常勤講師。
京都情報大学院大学応用情報技術研究科修了，情報技術修士（専門職）。
情報教育研究会会員，教育システム情報学会準会員，ETロボコン関西地区大会実行委員。

江見 圭司

Keiji Emi

京都情報大学院大学准教授。
図1 MathML を含んだHTML5対応状況『ogg/vorbis』と『AAC』はオーディオフォーマット

図3 EPUBでのMathML

京都大学理学士，同大学院修士課程修了（化学専攻），同大学院博士課
程修了（人間・環境学専攻），人間・環境学博士。
元金沢工業大学専任講師。
ETロボコン関西地区大会実行委員長，ゲーム学会理事，一般社団法人

4. 結論

情報処理学会「コンピュータと教育」研究会運営委員。

もしユーザーがEPUBに採用された技術を使えば，電子書籍のようなゲームやゲームのような電子書籍を作り，それらを楽しむことができる。今回，我々はEPUBのノベルゲームに数式を追加した。この論文を書いているこの日では，EPUB 3とMathMLを完全に両立するEPUBリーダーはない。我々がFirefox上でEPUBリーダーを使ったとき，数式を用いたノベルゲームを楽しむことができる。だからあなたたちは楽しく数学を学ぶことができる。

453. 議論

【参考文献】[1] Shigeto OKUDA, Keiji EMI, Yusuke KAWACHI ,“Buildingof an education system with electronic textbooks of the

3.1 HTML5の問題点
EPUB 3はHTML5によってインタラクティブな電子書籍を

ePub format and with smartphones.”, The 1st IEEE Global

利用できる。しかし，このHTML5には重要な問題が存在す

Conference on Consumer Electronics (GCCE 2012) Specialる。それは各ブラウザでインタラクティブな機能への対応が異Session7:Game Amusement & Computer Entertainment，pp.330-333

なる点である。これはHTML5に依存しているEPUB形式の電子書籍に大きな影響を与えている（図1）。そのため，GoogleOnce, Play Anywhere!”[2] Shigeto OKUDA, Keiji EMI“Make,,ChromeのReadium[5]やFireFoxのEPUBReader[6]な ど の ブ

The 2nd IEEE Global Conference on Consumer Electronics

ラウザで使える機能が異なる。

(GCCE 2013) Special Session7:Game Amusement, pp.381384[3] EPUB3 ≒ DAISY4 - EPUB 3とDAISY 4との関係 , http://

3.2 数式を用いた我々のノベルゲーム

wp.kzakza.com/2011/02/EPUB3_daisy4/ (2011)

我々は，大学生のために基本的な数学を学ぶためのノベルゲームを作った。図 2 は私たちの小説のサンプルページであり，[4] Mathematical Markup Language (MathML) Version 3.0 2nd
Edition, http://www.w3.org/TR/MathML3/ (2014)

図3は数式のサンプルである。本来ならば，図2のノベルゲー
ムのサンプルページ内に図3 の数式が表示されるのだが，見づ図2 我々のノベルゲームのサンプルらいために画像を図2と図3に分割表示した。これらはEPUB内[5] Readium, http://readium.org/ (2014)[6] EPUBReader , https://addons.mozilla.org/ja/firefox/addon/
epubreader/ (2014)

でMathMLを利用している。しかし知ってのとおり，恐らくEPUB内でMathMLのサンプルを見ることはない。我々は，いくつかの種類のソフトウェアを使うことによってEPUB形式の本を簡単に作ることができる。しかし，そのソフトウェア自体はMathMLを取り扱っていない。我々は，Firefox のアドオンソフトであるFireMathを使うことによってMathMLのタグを◆著者紹介書くことができる。我々は，EPUB 3のフォーマットを用いて奥田 茂人

我々のノベルゲームにMathMLを追加した。

Shigeto Okuda

京都コンピュータ学院非常勤講師。
京都情報大学院大学応用情報技術研究科修了，情報技術修士（専門職）。
情報教育研究会会員，教育システム情報学会準会員，ETロボコン関西地区大会実行委員。

江見 圭司

Keiji Emi

京都情報大学院大学准教授。
図1 MathML を含んだHTML5対応状況『ogg/vorbis』と『AAC』はオーディオフォーマット

図3 EPUBでのMathML

京都大学理学士，同大学院修士課程修了（化学専攻），同大学院博士課程修了（人間・環境学専攻），人間・環境学博士。
元金沢工業大学専任講師。
ETロボコン関西地区大会実行委員長，ゲーム学会理事，一般社団法人

4. 結論

情報処理学会「コンピュータと教育」研究会運営委員。

もしユーザーがEPUBに採用された技術を使えば，電子書籍のようなゲームやゲームのような電子書籍を作り，それらを楽しむことができる。今回，我々はEPUBのノベルゲームに数式を追加した。この論文を書いているこの日では，EPUB 3とMathMLを完全に両立するEPUBリーダーはない。我々がFirefox上でEPUBリーダーを使ったとき，数式を用いたノベルゲームを楽しむことができる。だからあなたたちは楽しく数学を学ぶことができる。

45