ｘｆｙによるＷｅｂコンテンツの作成
愛媛県立宇和島南中等教育学校 橋 本

１．はじめに潔択することになる。ＸＨＴＭＬはＨＴＭＬと同等の機能をインターネットの普及に伴い、広大なネットワークの中にはＸＭＬで再定義したものであり、通常の文章などはこのボ多くの情報が溢れている。授業で使用できるＷｅｂページも多キャブラリを使用して記述することになる。ツールバーは数存在し、各教科の授業等で利用され始めている。数学につい図１のようになり、ワープロソフトと同じ感覚で、太字・ても、数多くのページが存在するが、数式などで扱う記号が特斜体・下線などの効果をつけながら、コンテンツを作成す殊であるため、イメージ通りに数式を表示するには画像ファイることができる。

ルの形で行われていることが多い。そのため、数式の２次利用が行いづらいといった問題がある。以前、この点を解消するた
めにＭａｔｈＭＬについて調べたことがあるが、数式を記述するためのツールが整備されておらず、私自身もあまり使用して

図１ ＸＨＴＭＬボキャブラリのツールバー⑶ 数式の入力こなかった。今回、ＭａｔｈＭＬを含むコンテンツの生成がでＷｅｂページの中に数式を入力するには、ウィンドウ左きるジャストシステムのｘｆｙ（エクスファイ）に注目し、ｘにある標準ボキャブラリからＭａｔｈＭＬボキャブラリをｆｙを用いたＷｅｂコンテンツの作成方法を研究することとし選択し、数式入力位置にドラッグする。ツールバーは図２た。のように変わり、Ｗｏｒｄなどに組み込まれている数式エディタと同様な数式入力環境を提供してくれる。

２．ｘｆｙについて
ｘｆｙはジャストシステムによって作られたＸＭＬデータを統合的に扱うソフトウェアである。ＸＭＬはあらゆる用途に使用できるように作られたものであり、用途に合わせていろいろ

図２ ＭａｔｈＭＬボキャブラリのツールバー⑷ 図形の入力な規格（ｘｆｙではこれをボキャブラリと表現している。）がＷｅｂページの中に図形を入力するには、標準ボキャ作られている。標準の状態で、ＨＴＭＬの流れを汲むＸＨＴＭブラリからＳＶＧボキャブラリを選択し、図形入力位置にＬ、２次元画像用のＳＶＧ、数式処理用のＭａｔｈＭＬなどのドラッグすれば図形領域が生成される。編集作業は図形領ボキャブラリが使用できるようになっている。１つのＸＭＬド域の大きさを調整した上で、図形の入力を行うことになる。

キュメントが異なるボキャブラリを利用していても、スムース

図３はＳＶＧ編集中のツールバーの状態であり、線・多角にそれぞれのボキャブラリの編集作業が行えるようになってい形・円などの図形の描画が簡単に行える。また、選択したる。このｘｆｙはＪａｖａをベースに作られており、Ｗｉｎｄ図形を拡大・縮小・回転させることもできる。

ｏｗｓだけでなく、ＬｉｎｕｘやＭａｃＯＳ上でも使用することができる。
今回使用したものは、無償で使用できるxfy Basic Edition

図３ ＳＶＧボキャブラリのツールバーを利用した。ｘｆｙテクノロジーの学習・評価・研究に最適なパッケージである。原稿執筆段階では、バージョン1.6が提供

４．Ｗｅｂコンテンツの作成例されているが、後述の拡張パッケージとの相性を考慮し、バージョン1.5を使用している。
３．ｘｆｙの使用方法⑴ ｘｆｙのインストール
ｘｆｙをダウンロードするには、ジャストシステムへの登録が必要となる。登録後、Ｗｉｎｄｏｗｓではxfybe1_5-071106.exeをダウンロードし、インストールを行えばよい。その他のＯＳでは、xfy-be1_5-071106.zipをダウンロードし、適当な場所に展開しておく。利用するには、ＭａｃＯＳの場合は、bin/xfyClient.jar、Ｌｉｎｕｘの場合は、bin/xfyClient.shをダブルクリックすればよい。
⑵ Ｗｅｂコンテンツの新規作成
新しくＷｅｂコンテンツを作成するときは、ベースとして標準ボキャブラリから、ＸＨＴＭＬボキャブラリを選

図４ 円に内接する四角形の問題

標準で使用できるボキャブラリを用いて、Ｗｅｂコンテンツラフのみを残すことができる。一度変換してしまうと、数式をを作成してみた。数式部分にはＭａｔｈＭＬ、図形の描画には変更できなくなるものの、言葉を補ったりレイアウトを自由にＳＶＧを使用しており、再編集も可能である。ｘｆｙを使用す変更することができるなど、見栄えのよいコンテンツを作成すれば、このコンテンツが１０分程度で作成できる。

るには有効な機能だと思う。
Ｐｌｏｔ３Ｄについても同様の操作で、３次元グラフを表示

５．拡張パッケージの利用
xfy Basic Editionには標準でＭａｔｈＭＬ、ＳＶＧの他、することができる。編集中は、３次元グラフを回転させることができ、グラフの形状を把握しやすくする工夫もされている。

Ｃａｌｃｌｅｔ、ＣＭＬも組み込まれている。Ｃａｌｃｌｅｔ
は表形式のデータを作成・編集するもので、表計算ソフトのような操作性でデータの入力・計算処理が行える。ＣＭＬは、化学構造式を表現するもので、原子や結合線などを簡単に編集することができるものである。
標準のボキャブラリを活用するだけでも、多様なコンテンツが作成できるが、数学での利用を考えると、グラフの描画機能も欲しいところである。その点を解決してくれたのが、愛媛大学の甲斐研究グループである。この研究グループでは早くからｘｆｙにおける数学文書に関する研究が行われており、研究の成果物として公開されたＰｌｏｔ２Ｄ／３Ｄは、ＭａｔｈＭＬで表現された数式を２次元または３次元のグラフ上に表示されるｘｆｙコンポーネントである。
Ｐｌｏｔ２Ｄ／３Ｄを利用するには、機能の追加と削除から、plot.jarとplot.ja.xarの２つをインポートすることで利用可能となる。グラフを挿入したい位置にＰｌｏｔ２Ｄコンポーネントをドラッグすれば、グラフ領域が生成され、ツールバーは

図７ Ｐｌｏｔ３Ｄの編集画面図５のようになる。
６．まとめ
今回、ｘｆｙを使用してＷｅｂコンテンツの作成方法を調べ
図５ Ｐｌｏｔ２Ｄのツールバーてみたが、予想以上に使い勝手がよく、ワープロを使用した経グラフ領域左上に配置された数式を編集することで、グラフ験があれば十分使用できるものである。標準でサポートされなが自動的に表示される。現在、扱える関数が実数係数の整関数い部分についても、前述のようなｘｆｙコミュニティのようなと三角関数のみということであるが、高校数学での利用場面を活動から生まれるパッケージを使用することでカバーできる可考えれば十分なものであると思う。

能性が高い。これまでＸＨＴＭＬやＭａｔｈＭＬのみを対象に編集するツールは存在したが、これらをすべて同様に編集でき、しかもスムースにそれぞれの編集モードに移行するｘｆｙは今後注目されるソフトウェアの１つであると思う。また、表示するブラウザについても以前はInternet Explorer(ＩＥ)が主流であり、ＭａｔｈＭＬを表示しようと思えば、特別なプラグインを必要としていた。現在では、ＩＥ以外のブラウザもかなり使用されており、シェアの大きいFirefoxは標準でＭａｔｈＭＬに対応していることから、ＭａｔｈＭＬによる数式表示もこれまで以上に利用しやすいものになってきている。
これからもｘｆｙテクノロジーの動向に注目し、Ｗｅｂを通した数学情報の発信方法について考えていきたいと思う。
７．参考⑴ The Home of xfy Technology

図６ Ｐｌｏｔ２Ｄによる編集画面
図６は数式編集中の画面であるが、数式を確定した後でＭａｔｈＭＬ、ＳＶＧに変換することができ、画面の中に数式とグ

http://www.xfy.com/jp/⑵ ｘｆｙにおける数学文書に関する研究
http://kaikun.justblog.jp/