SayYes! - Slide Show 4 for XHTML

作成: 2007年1月19日

改訂2: 2007年4月17日

概要

SayYes!は、XHTML文書をソース(入力)としてスライドショーを実行する、プレゼンテーションツールです。

スライド構成

ソースXHTML文書中の段落(p)やリスト(ul、ol)など、ある種のブロック要素を1つずつ取り出してスライドに表示します。1スライドに1ブロック要素という構成になります。

Microsoft PowerPointに慣れた人には、スライド数が多くなると感じる人もいるでしょう。高橋メソッドに慣れた人は、この点の違和感はないと思います。

内容の選択

クラス名(class name)を1つ指定して、表示する内容を選択できます。そのクラスを指定された要素に含まれる、ブロック要素が表示されます。これによって、Blogのページから記事本体のみを取り出してスライドに表示することができます。

スタイルシート(CSS)の指定

プレゼン用のCSSとして、SayYes!デフォルトのもの以外のものを指定できます。

Atomフィード(feed)による統合

Atomフィード文書(feed document)にSayYes!を適用すると、エントリ文書(entry documents)からリンクしたXHTML文書群を、1つのプレゼンテーションとして、スライドショーを実行できます。

このときも、link要素によって、プレゼン用のCSSを指定できます。

インクリメンタル表示モード(予定)

1つのスライド中の内容、特にリスト(ul、ol、dl)の項目を、段階的に表示することができます。

わたしが作った、XHTML文書を対象としたプレゼンテーションツールとしては4番目のものです。

リリース情報

使い方

ダウンロードとインストール

1. SayYes!のzipアーカイブをダウンロードします: "SlideShow_4_XHTML-0.3.2-20070417.zip"
2. zipアーカイブを展開して、次のファイルをフォルダを、xfy Basic Edition 1.3をインストールしたフォルダの下にある"scripts"フォルダの下に置きます。以前のバージョンがある場合は上書きしてください。
   • SlideShow_4_Atom.xvcd
   • SlideShow_4_Container.xvcd
   • SlideShow_4_XHTML.xvcd
   • SlideShow_4_XHTML.resource (フォルダです)

アンインストール

次のファイルやフォルダを、xfy Basic Edition 1.3をインストールしたフォルダの下にある"scripts"フォルダから削除してください。

• SlideShow_4_Atom.xvcd
• SlideShow_4_Container.xvcd
• SlideShow_4_XHTML.xvcd
• SlideShow_4_XHTML.resource (フォルダです)

サンプル

1. xfy Basic Edition 1.3を起動し、次のBlogアーカイブを開きます:
   「第九回XML開発者の日 Archives」
   http://xyndy.oops.jp/column-jp/presentation/xmldevday9/
2. ボキャブラリーコンポーネントを「SayYes!」に切り替えます。
3. 「SayYes!」メニューから「Container」を選択し、「class name」欄に「entry-body」と入力し、「Rebuild」ボタンを押します。
   「entry-body」は、このBlogの記事アーカイブ「第九回XML開発者の日 Archives」において、記事entryの本体が入っているdiv要素のクラス名です。
4. ツールバーの「>」や「<」でスライドを移動します。

解説

スライド構成

ソースXHTML文書中の段落(p)やリスト(ul、ol)など、ある種のブロック要素を1つずつ取り出してスライドに表示します。1スライドに1ブロック要素という構成になります。

スライドに表示する単位である、ある種のブロック要素とは、次の要素です:

• 段落: p
• リスト: ul、ol
• 整形済み: pre
• 定義リスト: dl
• 引用: blockquote
• 表: table
• 住所: address

div要素が含まれないことに注意してください。

将来は、div要素を含める必要があるかもしれません。想定される用途は、ここであげたブロック要素をグルーピングして、1つのスライドに表示するためです。そのときには、特定のクラス名を指定されたdiv要素だけを表示するようにする必要があるでしょう。

内容の選択

クラス名(class name)を1つ指定して、表示する内容を選択できます。そのクラスを指定された要素に含まれる、ブロック要素が表示されます。これによって、Blogのページから記事本体のみを取り出してスライドに表示することができます。

クラス名が指定されていないとき、body要素の子要素(child)であるブロック要素が表示されます。子孫要素(descendant)ではないことに注意してください。

クラス名が指定されたとき、そのクラス名の要素自身、またはその子要素(child)であるブロック要素が表示されます。子孫要素(descendant)ではないことに注意してください。

スタイルシート(CSS)の指定

CSS(Cascading Style Sheets)を使って、スライドのレイアウトを指定することができます。スライドのレイアウトを指定するには、CSSの知識が必要です。

スライドショーのスタイルとして、次の順でスタイルシート(CSS)を探して、最初に見つけたタイルシートを適用します。

1. (これは推奨しません)ソースXHTML文書またはAtom feed文書に、link要素によって指定されたスタイルシート
2. SayYes!に指定されたカスタムスタイルシート
3. SayYes!デフォルトのスタイルシート

どれか1つです。ですから、たとえば、これらスタイルシート間の指定の優先順位といったものはありません。

なお、ソースXHTML文書またはAtom feed文書にlink要素によって指定する方式は、推奨しません。前回リリースとの互換性のために残しています。そのうち廃止するつもりです。理由は次を参照ください。

スタイルシートとスライドの構造

スタイルシートは、SayYes!がソースXHTML文書から作成した変換後XHTML文書に対して適用されます。スタイルシートのセレクター(selector)が選択する要素は変換後XHTML文書のものであって、ソースXHTML文書のものではありません。つまり、次のようなことになります。

• スライドのレイアウトを指定するには、SayYes!が作成する変換後XHTML文書の構造を知る必要があります。
• このようなスタイルシートを、ソースXHTML文書から直接リンクするのは好ましくないのではないか。

スライドの構造(参考)

SayYes!が作成するスライドの構造は、今後、変わる可能性が大きいです。

SayYes!が作成するスライドの構造は、次のようなブロックで構成されています。

body class="top-slide"
  div id="top"
    div id="title"
    div id="footer"
      div id="rights"
        span class="atom-rights"
        span class="xhtml-rights"

body class="body-slide"
  div id="slide"
    div id="header"
      span class="heading-1" - class="heading-5"
    div id="body"
    div id="rights
    div id="slide-number

これらのid属性やclass属性を使って、スライドレイアウトの大枠を制御することができます。

SayYes!のzipアーカイブに含まれる"sample"フォルダにある"SlideShow_borders.css"を使うと、これらブロックの枠線(border)が表示されます。

また、「SayYes! - Diagnostic - Save transformed document...」を実行すると、SayYes!が作成した変換後XHTML文書を保存することができます。

Atomフィード(feed)による統合

Atomフィード文書(feed document)にSayYes!を適用すると、エントリ文書(entry documents)からリンクしたXHTML文書群を、1つのプレゼンテーションとして、スライドショーを実行できます。

このときも、link要素によって、プレゼン用のCSSを指定できます。

インクリメンタル表示モード(予定)

1つのスライド中の内容、特にリスト(ul、ol、dl)の項目を、段階的に表示することができます。

履歴