TITLE::高橋メソッドなプレゼンツール in XUL リターンズ
高橋メソッド
in XUL
[[EM:RETURNS]]
----
HEADER::高橋メソッドなプレゼンツール in XUL リターンズ
CHAPTER::操作説明
操作
----
HEADER::操作
ALIGN::left
基本的な操作
|次のページ|→,↓,Enter,Page Down,左クリック
|前のページ|←,↑,Back Space,Page Up,右クリック
|最初のページ|Home
|最後のページ|End
|リロード|Ctrl-R
|編集モード|Ctrl-E
----
ALIGN::center
キーボード操作時は
次のページへ進む操作で
[ラベル]をめくれます
（めくっていない
[ラベル]がなければ
そのまま次のページへ）
----
一度めくったラベルは
状態を保持するので
----
ALIGN::right
前のページに戻して
「奥さん、いいですか！
ここですよここ！」
ができる
----
HEADER::
CHAPTER::編集機能
編集
----
HEADER::編集
編集モード時の基本操作
|新しいページの追加|Ctrl-N
----
HEADER::機能
部分
強調
----
テキストを部分的に
[[EM:強調]]できる
[[PRE:
[[EM:強調テキスト]]
[[EM:強調テキスト:EM]]
]]
----
整形済み
テキスト
[[PRE:
[[PRE:整形済み]]
[[PRE:整形済み:PRE]]
]]
----
行内に[[PRE:preformatted text]]を
書ける（けどあんまり意味ない）
----
複数行にまたがる整形済みテキスト
[[PRE:<html>
<head>
<title>サンプル</title>
</head>
<body>
<p>サンプル</p>
</body>
</html>:PRE]]
ソースコードの例示などに使える
----
表
|~見出し<br/>セル|セル1|セル2
|~見出し<br/>セル|セル3|セル4
データの例示などにどうぞ。
[[PRE:
|~見出し<br/>セル|セル1|セル2
|~見出し<br/>セル|セル3|セル4
]]
----
XUL
[[RAW:
<vbox align="center">
<button label="ボタン"/>
<hbox>
<menulist label="既定の値" style="width: 10em;">
<menupopup>
<menuitem label="既定の値"/>
<menuseparator/>
<menuitem label="項目1"/>
<menuitem label="項目2"/>
<menuitem label="項目3"/>
</menupopup>
</menulist>
<menulist label="既定の値" style="width: 10em;" editable="true">
<menupopup>
<menuitem label="既定の値"/>
<menuseparator/>
<menuitem label="項目1"/>
<menuitem label="項目2"/>
<menuitem label="項目3"/>
</menupopup>
</menulist>
</hbox>
<toolbar style="background: ThreeDFace; border: 1px -moz-bg-outset;">
<toolbarbutton label="ボタン"/>
<toolbarbutton label="ボタン" type="menu">
<menupopup>
<menuitem label="項目1"/>
<menuitem label="項目2"/>
<menuitem label="項目3"/>
<menu label="サブメニュー">
<menupopup>
<menuitem label="項目1"/>
<menuitem label="項目2"/>
<menuitem label="項目3"/>
</menupopup>
</menu>
</menupopup>
</toolbarbutton>
<toolbarbutton label="ボタン" type="menu-button">
<menupopup>
<menuitem label="項目1"/>
<menuitem label="項目2"/>
<menuitem label="項目3"/>
</menupopup>
</toolbarbutton>
</toolbar>
</vbox>
]]
----
SVG
[[RAW:
<svg xmlns="http://www.w3.org/2000/svg" xml:space="default" width="220" height="200">
<rect x="60" y="60" width="100" height="80" fill="lime" stroke="red"
stroke-width="5"/>
<rect x="30" y="20" width="80" opacity="0.6" height="100" fill="aqua" stroke="blue"
stroke-width="5"/>
</svg>
]]
----
XHTML
[[RAW:
<table xmlns="http://www.w3.org/1999/xhtml" border="1">
<tbody>
<tr><th>10進数</th><td>0</td><td>51</td><td>102</td><td>153</td><td>204</td><td>255</td></tr>
<tr><th>16進数</th><td>0</td><td>33</td><td>66</td><td>99</td><td>CC</td><td>FF</td></tr>
</tbody>
</table>
]]
----
HIDDEN::true
MathML
[[RAW:
<math xmlns="http://www.w3.org/1998/Math/MathML">
<mrow>
<mrow>
<munder>
<mo form="prefix" movablelimits="false">lim</mo>
<mrow>
<mi>n</mi>
<mo>→</mo>
<mi>N</mi>
</mrow>
</munder>
<msup>
<mrow>
<mo>(</mo>
<mrow>
<mn>1</mn>
<mo>+</mo>
<mfrac>
<mn>1</mn>
<mi>n</mi>
</mfrac>
</mrow>
<mo>)</mo>
</mrow>
<mi>n</mi>
</msup>
</mrow>
<mo>?</mo>
<msup>
<mi>e</mi>
<mi>N</mi>
</msup>
</mrow>
</math>
]]
----
XMLの埋め込み
なんかもできる
[[PRE:
[[raw:
<toolbar xmlns="http://www.mozilla.org/keymaster
/gatekeeper/there.is.only.xul">
<toolbarbutton type="menu" label="メニュー1"/>
<menupopup>
<menuitem label="項目1"/>
<menuitem label="項目2"/>
<menuitem label="項目3"/>
</menupopup>
</toolbarbutton>
</toolbar>
]]
]]
（でもちょっとバギー）
----
リンク
[[PRE:
[[URI]]
[[ラベル|URI]]
]]
----
[[リンクも埋め込める|http://piro.sakura.ne.jp/]]
ラベル無しリンクも可能↓
[[http://piro.sakura.ne.jp/]]
----
[[image src="takahashi.png" width="300" height="168"]]
----
画像
----
[[PRE:
[[IMAGE src="*" width="*" height="*"]]
[[IMG src="*" width="*" height="*"]]
]]
----
インライン[[image src="takahashi.png" width="300" height="168"]]で
[[image src="takahashi.png" width="300" height="168"]]
いくつでも
埋め込める
----
リンクや
画像のパスの
相対指定は
----
データファイルの
あるディレクトリ
もしくは
本体のある
ディレクトリを
基準として解釈
----
カスタム
スタイル
----
自分だけのカスタム
指定も可能
[[PRE:
[[#クラス名:文字列]]
]]
このように↓解釈
[[PRE:
<description
class="クラス名"
value="文字列"/>
]]
----
複数行にまたがる
指定も可能
[[PRE:
[[#クラス名:
1行目
2行目
]]
]]
このように↓解釈
[[PRE:
<vbox class="クラス名 block">
<description value="1行目"/>
<description value="2行目"/>
</vbox>
]]
----
takahashi.css
に自分で好きな
スタイル指定を
追加しよう！
----
[[装飾記号|http://homepage2.nifty.com/k_maeda/code/uni/uni44.html]]などの
[[Unicodeの記号文字|http://homepage2.nifty.com/k_maeda/code/unicode.html]]
と組み合わせると
色々できるかも？
----
HEADER::ヘッダ
FOOTER::フッタ
ヘッダとフッタも
自由に指定できる
[[PRE:
HEADER::ヘッダ
FOOTER::フッタ
]]
----
HEADER::
FOOTER::
テキストの水平配置
（ページ単位）
[[PRE:
ALIGN::left
ALIGN::right
ALIGN::center
]]
----
テキストの水平配置
（以後のページすべて）
[[PRE:
GLOBAL-ALIGN::left
GLOBAL-ALIGN::right
GLOBAL-ALIGN::center
]]
----
HEADER::機能
FOOTER::
CHAPTER::起動パラメータ
起動
パラ
メータ
----
|表示ページを指定して起動|?page=[数値]
|外部データファイルを使用|?data=[パス]
|編集モードで起動|?edit=true
----
HEADER::
CHAPTER::このアプリケーションについて
ファイ
ル構成
----
HEADER::ファイル構成
[[takahashi.xul]]
[[takahashi.css]]
[[monta-label.png]]
----
HEADER::
ライセンスは
[MPL1.1]
ってことで
----
ご自由に
お使い
下さい
----
説明
おわり
----
Let's Enjoy
Takahashi
Method
Life !!