Devnaga6 高橋rf.html + printplusリリース

2010/10/27 N SEG長野開発オフ V ol .6 プレゼンツール高橋rf.html + printplus リリースのお知らせ by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 自己紹介・名前：アベヒロキ (@hATrayflood) ・職業：自宅サーバ管理者・URL：http://rayflood.org/diary/ ・住所：長野市地元：東部町 by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 Mozilla 勉強会@名古屋でLTした高橋rf.html + printplusですが by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 一応、まともに動くようになったので by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 ver0.1としてリリースします http://rayflood.org/mozilla/#tkhs by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 動作環境 by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 高橋rf.html ・Firefox ・Seamonkey 　他ブラウザは　未対応 by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 printplus ・Firefox ・Thunderbird ・Seamonkey 　Windows版のみ by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 使い方 by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 まずローカルにダウンロード by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 エディタで編集します by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 基本的には HTMLをベタで書く感じ by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 タイトル by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 titleタグを直接編集　 <title>高橋rf.html + printplusリリース</title> by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 ヘッダフッタ by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 titleタグのすぐ下のscript内の変数を直接編集　 <title>高橋rf.html + printplusリリース</title> <script type="text/javascript"> var headerText = "2010/10/27 NSEG長野開発オフ Vol.6"; var footerText = "by ABE Hiroki aka hATrayflood"; by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 本文 by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 bodyタグ内のtextareaの値を直接編集　 <textarea id="content"> プレゼンツール高橋rf.html + printplus <strong>リリース</strong>のお知らせ --- 自己紹介　… </textarea> by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 本文の書き方 by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 1ページの内容に応じて文字サイズを自動で調整画面に収まる最大サイズ by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 ページ区切りは行頭で「---」「-」が3つ以上 by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 行区切りは自動 textareaの値の改行がそのまま by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 その他はすべてHTMLをそのまま書く by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 ただし、HTMLタグは始めと終わりが行をまたがないように by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 自動処理 HTML要素 by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 aタグ・ラベルがない場合はURLを表示・target指定がない場合は自動で「_blank」・クリック時に自動でフォーカスを外す by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 例： <a href="http://rayflood.org/mozilla/#tkhs"></a> 　↓ http://rayflood.org/mozilla/#tkhs by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 画像・現在の表示幅で収まらない場合は　width="100%"を設定し、自動で幅調整・正しく表示するには要リロード！ by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 例： 2500px x 200px <img src="LeavesHeader2.png"> 　↓ 2500px x 200px by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 strongタグ・赤字で表示・これはCSSで実装。19行目を参照。 by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 例： <strong>strongタグ</strong> 　↓ strongタグ by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 テーブル・枠線すっきり・自動折り返し禁止・空セルも表示・これもCSSで実装。26行目を参照。・ただし、1行で書け！！ by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 例： <table><tr><th>ヘッダ1</th><th>ヘッダ2</th></tr><tr><td>データ1</td><td>データ2</td></tr></table> 　↓ ヘッダ1 ヘッダ2 データ1 データ2 　 ※1行で書く必要があります。 by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 Tips by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 ・空行は全角空白がお勧め・インデントは・「<」「>」を出すには一工夫 by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 例：　 → 「<」「>」→「<」「>」　 ※空行とインデントは着色しています by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 ・ページごとにidが振ってあります・ページ全体が #page1 ・ヘッダ、フッタが #page1header, #page1footer ・ページの本文が #page1lineBlock ・本文の行ごとに #page1line1, #page1line2, … 　つまり、CSSでのスタイル指定が可能 by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 NSEG 長野開発オフ Vol. 6 例：ユーザスタイルを適用するとセンタリングやエヴァモードも使えるよ！　 ※エヴァはbodyでの指定を推奨… by ABE H iroki aka h AT ray flood

2010/10/27 N SEG長野開発オフ V ol .6 プレゼン by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 Firefoxで開いてプロジェクタに映してください by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 ページ移動は Enterで進む BackSpaceで戻るそれだけ by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 PDF by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 まずは印刷プレビューで全体の大きさと四方の余白空白ページの有無を確認用紙方向を横向きに変更 by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 よさそうなら「ファイル」→ 「printplus PDF」 by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 ファイル選択が出るので適当な名前で保存 by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 slideshare にうｐ by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 補足 by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 高橋rf.htmlの他ブラウザ対応は優先度低です by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 PDF出力も他の環境への対応は優先度低です by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 Win版Firefoxのみでの状況でもhATrayfloodが満足なたため by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 パッチは大歓迎！どこかにうｐして @投げてください by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 外部リソースからプレゼン表示は対応しないつもり by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 セキュリティ上やばいケースが想定されるため by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 ライセンスは MPL 1.1でどぞ by A B E H i rok i a k a h A Tra y f l ood

2010/10/27 N SEG長野開発オフ V ol .6 ・リンク集 twitter @hATrayflood http://twitter.com/hATrayflood mozilla rayflood独自ビルド高橋rf.html + printplus http://rayflood.org/mozilla/#tkhs Mozilla 勉強会@名古屋 https://dev.mozilla.jp/events/workshop07/ Mozilla 勉強会@名古屋でのスライド http://www.slideshare.net/hATrayflood/rfhtml-printplus-5459082 SlideShare http://www.slideshare.net/ 高橋メソッドなプレゼンツール in XUL リターンズ http://piro.sakura.ne.jp/xul/applications/takahashi-r/ Add-ons for Firefox PrintPDF https://addons.mozilla.org/ja/firefox/addon/5971/ Mozilla Public License Version 1.1 http://www.mozilla.org/MPL/MPL-1.1.html by A B E H i rok i a k a h A Tra y f l ood

Devnaga6 高橋rf.html + printplusリリース

by hATrayflood on Oct 28, 2010

Accessibility

Categories

Upload Details

Usage Rights

Statistics

Devnaga6 高橋rf.html + printplusリリース — Presentation Transcript