SayYes! - Slide Show 4 for XHTML

作成: 2007年1月19日

改訂8: 2008年2月2日

• 概要
• 解説
  • スライド構成
    • コンテナ(div要素)でグルーピング
  • 操作
    • ショートカットキー
    • メニュー
  • 表示内容の選択
  • スタイルシート(CSS)の指定
    • スタイルシートとスライドの構造
    • スライドの構造
  • Atomフィード(feed)による統合
  • 強調表示モード
• リリース情報
• 使い方
  • ダウンロードとインストール
  • アンインストール
  • サンプル
• 履歴

概要

SayYes!は、XHTML文書をソース(入力)としてスライドショーを実行する、プレゼンテーションツールです。プレゼンのその場だけ、あるいはそのスライド単独での品質よりも、関連する前後の作業や文書群全体の品質向上に重きをおいています。

スライド構成

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

コンテナ(div要素)を使って、複数のブロック要素を1つのスライドに表示することもできます。

操作

スライドを進める操作の他に、その場で文字サイズを変えたり、本文領域の幅を変えたり、スクロールするなど、内容が画面に収まらないときにその場で調整することができます。

内容の選択

クラス名(class name)を1つ指定して、表示する内容を選択できます。そのクラスを指定された要素に含まれる、ブロック要素が表示されます。

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

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

強調表示

• マウスポインターを重ねた部分を強調表示します。
• 1つのスライド中の内容、段落やリスト(ul、ol、dl)の項目を、順次表示します。

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

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

解説

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

プレゼンのその場だけ、あるいはそのスライド単独での品質よりも、関連する前後の作業や文書群全体の品質向上に重きをおいています。次のような場合に、このツールでプレゼンするメリットを感じてもらえるのではないでしょうか:

すぐプレゼンしたい、プレゼンだけのための資料作成作業を減らしたい

設計チーム内でのレビューのためだけにプレゼン資料を作るのは無駄な手間だ。体裁を整えるよりも、中身の充実の方が重要なはず。かといって、仕様書をワープロソフトでそのまま表示するのでは、ポイントを絞った議論ができない。

一群の素材から場や目的に応じて選択してプレゼンする

聞き手の関心や自分の目的に応じて素材を組み合わせてプレゼンしたい。あるプレゼンに向けて資料を修正をしたら、その修正を素材そのものに反映したい。

スライド構成

コンテナ(div要素)でグルーピング

このようなコンテナはクラスによって指定します。すべてのコンテナがこの性質を持つわけではありません。グルーピング機能を持たせるコンテナは、「SayYes! - グルーピングコンテナを指定」メニューからクラス名を指定します。このクラス名はシステムに記憶され、次にこの文書を開いたときはもちろん、別の文書でスライドショーを実行するときにも適用されます。

操作

ショートカットキー

メニュー

表示内容の選択

クラス(class)を1つ指定して、表示する内容を選択できます。そのクラスを指定された要素に含まれる、ブロック要素だけが表示されます。この要素の外側にある要素は表示されません。これによって、次のようなことが可能となります:

• 1つの資料から学会用の予稿原稿を作成し、学会当日にプレゼンし、学会後にWeb掲載する。
• Blogのページから記事本体のみを取り出してスライドに表示する。

このクラスは、「SayYes! - 表示する内容を選択」メニューからクラス名を選択します。「表示する内容を選択」ダイアログでは、XHTML文書(群)中で使われているクラス名が一覧表示されます。

このクラス名はシステムに記憶され、次にこの文書を開いたときはもちろん、別の文書でスライドショーを実行するときにも適用されます。

クラス名が指定されていないとき、body要素の子孫要素(descendant)であるブロック要素が表示されます。

クラス名が指定されたとき、そのクラス名の要素自身、またはその子孫要素(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文書から直接リンクするのは好ましくないのではないでしょう。そのため、前記のスタイルシート適用順序において、最初の「ソースXHTML文書またはAtom feed文書に、link要素によって指定されたスタイルシート」を使用することは推奨しません。

スライドの構造

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

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

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

また、「SayYes! - 診断 - 表示している形式で保存...」を実行すると、SayYes!が作成した変換後XHTML文書を保存することができます。

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

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

強調表示モード

マウスを重ねて強調

マウスカーソルを重ねた部分を強調表示します。

SayYes!は、マウスカーソルが重ねられた要素にクラス指定(class属性)を追加するので、強調のスタイルはCSSスタイルシートで指定します。

順次表示

1つのスライド中の内容、段落やリスト(ul、ol、dl)の項目を、順次表示します。

SayYes!は、次の内容を表示する操作に応じて、順次表示する要素のクラス指定(class属性)変更します。隠された状態および表示された状態を、CSSスタイルシートにスタイル指定して区別します。

順次表示が選択されているとき、マウスを重ねて強調は、表示された内容に対して有効で、隠された内容には効きません。マウスを重ねて強調と順次表示とは同時に選択できません。

リリース情報

使い方

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

1. SayYes!のzipアーカイブをダウンロードします: "SayYes-0.3.7-20080202.zip"
2. 以前のリリースがインストールされている場合、「アンインストール」に従って、以前のリリースをアンインストールします。
3. zipアーカイブを展開します。次のファイル(パッケージ)があることを確認します。
   • SayYes.jar
   • SayYes.ja.xar
4. xfy Basic Editionを起動して、xfy Basic Editionの「ツール - パッケージ構成」から、それらのファイルをパッケージとしてインポートします。
5. xfy Basic Editionを再起動します。
6. 次のパッケージが追加されたことを確認します。下記の名前と「リリース情報」に書かれたバージョンとを確認します。
   • SayYes
   • SayYes (ja)

アンインストール

サンプル

このReadme-ja.html

このReadme-ja.html文書は、グルーピングや表示内容の選択のサンプルになっています。その用途に使われているdiv要素の枠線を表示して目に見えるようにしたものを用意してあります。

1. SayYes!のzipアーカイブに含まれる"sample"フォルダにある"Readme-ja.html"を開く。
2. navy色の枠線がついたタグの内容は、この後で表示内容として選択されます。orange色の枠線がついたタグの内容は、この後でグループとして1つのスライドに表示されます。navy色の2重線の枠線がついたタグには、この両方が指定してあります。
3. ボキャブラリーコンポーネントを「SayYes!」に切り替えます。
4. ツールバーの「>」や「<」でスライドを移動してみます。作成日などがスライドに表示されるのを確認してください。
5. 「SayYes!」メニューから「表示する内容を選択」を選択し、ドロップダウンリスト中の「topic」を選択し、「再構築」ボタンを押します。
6. 作成日などが、スライドに表示されなくなったことを確認してください。
7. 「解説」-「スライド構成」の段落「スライドに表示する単位である、…」と、続くリスト「段落: p…」が別のスライドに表示されることを確認してください。
8. 「SayYes!」メニューから「グルーピングコンテナを指定」を選択し、ドロップダウンリスト中の「slide」を選択し、「再構築」ボタンを押します。
9. 「解説」-「スライド構成」の段落「スライドに表示する単位である、…」と、続くリスト「段落: p…」が1つのスライドに表示されることを確認してください。

Blogの記事

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

履歴