]> HSML の紹介 HSML (Hyperslide Markup Language) 2005年4月 HSML とは何か

• 発表用スライドをマーク付けする言語
• Web ブラウザの全画面表示による上映が主目的 (他の使い方も可能)

HSML 文書の例 HSML とは何か

• 発表用スライドをマーク付けする言語
• Web ブラウザの全画面表示による上映が主目的 (他の使い方も可能)

]]> HSML の特徴

単純

HTML に毛が生えた程度

高機能

Web ブラウザでできることは何でも可能

無料

必要なもの: エディタ, ブラウザ, いくらかの知識

HSML スライドの構成

スライド本体

スライドと表示する内容

発表メモなどを含めることも可能

構造は XML で記述

スタイル・シート

スライドの表示方法や動作

CSS や JavaScript で記述

補助資源

画像など (必要に応じて)

スライド本体

• スライド構成・構造と本文を XML で記述
• XML 名前空間を使い、 既存の語彙やスタイル・シートを流用可能
• 豊富な XML 対応ソフトウェア (Web ブラウザも) を流用可能

使用する語彙の例

HSML 1	スライドの構成, 関係 (ex. 連番)
XHTML 2	スライド内の構造 (ex. リスト, 表, 強調)
MathML	数式
SVG	図

スタイル・シート

• スライドの構造を表示に反映させる方法の記述
• CSS を使用
• 補助的に XBL 1, HTC, JavaScript を使用

HSML の実装

HSML の実装に必要なもの
• XML, CSS, JavaScript のエンジン
• User interface (スライド移動など) の実装

Gecko + CSS + JavaScript による実装

• Gecko (Mozilla Firefox など)
• HSML 文書のスタイル・シートで実装が入った XBL 1 文書を指定 (本当は美しくないからよくない)
• XBL 1 文書内にはスライド移動操作などを実装した JavaScript のコード

Trident + CSS + JScript による実装

• Trident (WinIE)
• HSML 文書のスタイル・シートにスライド移動操作などを実装した JavaScript のコード (本当は美しくないから良くない)
• 以前は HTC も使用 (互換性の問題から使用中止)

XUL による実装

• 独立したプログラムとして使用可能
• 編集機能も実装 (?)
• まだ構想段階

課題

• 表現力の向上
• 実装の改善

表現力の向上

• 話の流れに沿って項目を出したり消したり
• スライド間のリンク・順序
• スライドの参照
• 重複スライド
• 流れの分岐
• XPointer
• スタイル・ライブラリ (テーマ)

実装の改善

• 一覧表示・印刷
• 発表原稿・発表メモ
• 編集
• 必要ファイル一式のパッケージ化
• HTML 版の生成
• 検索エンジン Namazu への対応

大きな障害 : WinIE

• よく使われているにも関わらず、極めてお粗末
• 1. 全体の技術レベルが低下
  2. 魅力的なスライドが作れない
• 対策 : JavaScript style sheets :) (JSSS は Classic Mozilla の捨てられた技術。 WinIE 救済にそれと似た方法がある程度は使える)

まとめ

• HSML — Hyperslide Markup Language
• 簡単に発表用スライドを作成
• 既存の色々を流用
• 一応実装もある
• WinIE には泣かされる