「WorseTV」の編集履歴（バックアップ）一覧はこちら
WorseTV - (2005/07/20 (水) 11:56:34) の１つ前との変更点
追加された行は緑色になります。
削除された行は赤色になります。
<div class="widget">
<div id="eyecatch" class="section">
<div class="sectiontitle">
<h2>WorseTV</h2>
</div>
<div class="sectionbody"><img src=
"http://www3.atwiki.jp/usako/?cmd=upload&act=open&pageid=23&file=ss-bettertv-1.png"></div>
<div class="sectionbottom"></div>
</div>
</div>
<div class="section" id="explanation">
<div class="sectiontitle">
<h2>説明</h2>
</div>
<div class="sectionbody">
<p>
様々なカスタマイズが可能なTV/ラジオ番組表です。Yahooの番組表を参照しており、地上波、BS，BSデジタル、AM/FMラジオに対応しています。</p>
<h3>使用方法</h3>
<p>拡大モードでは以下のキーが使用できます。</p>
<table>
<tr>
<td>UP/DOWN</td>
<td>表示する時刻の変更</td>
</tr>
<tr>
<td>スペース</td>
<td>拡大／縮小の変更</td>
</tr>
<tr>
<td>リターン</td>
<td>現在の番組表の表示</td>
</tr>
</table>
<p>以下作成中です。</p>
<h3>カスタマイズ</h3>
<p>
ウィジェットの中を右クリックかCtrl+クリックで「パッケージの内容を表示」させることで内部のソースが見られますが、プログラムを直接変更しなくてもHTMLおよびCSSを変更することで外観をカスタマイズすることができます。編集にはテキストエディットでBetterTV.htmlとBetterTV.cssを開いて行ってください。</p>
<p>
HTMLには画面に表示されないparameterタグがあり、これを変更することでパラメタの変更をウィジェットに反映させられます。</p>
<p>例えばBetterTV.html中の48行目は</p>
<pre>
＜parameter name="expandBothSide" value="true"/＞
</pre>
<p>
となっていますが、"true"を"false"に変更するとウィジェットが変形する際に左右両方に変形するか一方向だけに変形するかを変えられます。全てのパラメタはnameとvalueの組からなっており、以下のような意味を持っています。</p>
<table style="border:1px gray solid">
<tr>
<th>name</th>
<th>意味</th>
</tr>
<tr>
<td>collapseWait</td>
<td>変形のスピード（小さいほど速い）</td>
</tr>
<tr>
<td>collapseSteps</td>
<td>変形の滑らかさ</td>
</tr>
<tr>
<td>channelWidth</td>
<td>拡大表示のときの一つの放送局がとる幅</td>
</tr>
<tr>
<td>expandHeight</td>
<td>拡大表示のときのウィジェットの高さ</td>
</tr>
<tr>
<td>channelFormat</td>
<td>
拡大表示の際の番組の表示用テンプレート（複雑なので現在は変更しないでください）</td>
</tr>
<tr>
<td>autoCollapse</td>
<td>
他のウィジェットを使用したりDashboardがオフになったときに自動的にコンパクトになるか</td>
</tr>
<tr>
<td>expandBothSide</td>
<td>変形を左右両方にするか右側だけに変形するか</td>
</tr>
<tr>
<td>displaySpan</td>
<td>拡大画面での番組の表示範囲（分）</td>
</tr>
<tr>
<td>updateInterval</td>
<td>番組の自動更新間隔（秒）</td>
</tr>
<tr>
<td>activityCheckInterval</td>
<td>
番組の人気度を取得する間隔（自動更新の何回目にするか）<br>
回線が遅い環境では大きくしてください</td>
</tr>
</table>
<p>
またCSSの知識があれば文字の大きさや番組のジャンルごとの強調表示など様々なカスタマイズが可能です。</p>
<p>
カスタマイズした場合新しいバージョンをインストールすると編集結果が失われてしまいますので上書きインストールの前にカスタマイズバージョンを保存することをお勧めします。</p>
<p>プログラミングの経験のある方はJavaScriptやPython,
Objective-Cを編集して更にカスタマイズすることができますが、バージョンアップの際の互換性が保証されないので自信のある方以外はお勧めできません。</p>
<p>以下作成中です。</p>
</div>
<div class="sectionbottom"></div>
</div>
</div>
<div class="section" id="screenshot">
<div class="sectiontitle">
<h2>スクリーンショット</h2>
</div>
<div class="sectionbody">
<table>
<tr>
<td><a href=
"http://www3.atwiki.jp/usako/?cmd=upload&act=open&pageid=23&file=ss-bettertv-1.png">
<img src=
"http://www3.atwiki.jp/usako/?cmd=upload&act=open&pageid=23&file=ss-bettertv-1.png"
width="42" height="45"></a><br>
縮小画面</td>
<td><a href=
"http://www3.atwiki.jp/usako/?cmd=upload&act=open&pageid=23&file=ss-bettertv-3.png">
<img src=
"http://www3.atwiki.jp/usako/?cmd=upload&act=open&pageid=23&file=ss-bettertv-3.png"
width="41" height="45"></a><br>
設定画面</td>
</tr>
<tr>
<td colspan="2"><a href=
"http://www3.atwiki.jp/usako/?cmd=upload&act=open&pageid=23&file=ss-bettertv-2.png">
<img src=
"http://www3.atwiki.jp/usako/?cmd=upload&act=open&pageid=23&file=ss-bettertv-2.png"
width="186" height="45"></a><br>
拡大画面</td>
</tr>
</table>
</div>
<div class="sectionbottom"></div>
</div>
<div class="section" id="download">
<div class="sectiontitle">
<h2>ダウンロード</h2>
</div>
<div class="sectionbody">
<p>
現在以下のバージョンをダウンロードすることができます。</p>
<ul>
<li><a href=
"http://www3.atwiki.jp/usako/?cmd=upload&act=open&pageid=23&file=WorseTV_0.2.4.zip">
バージョン 0.2.5</a></li>
<li>バージョン 0.2.4
<ul>
<li><a href=
"http://www3.atwiki.jp/usako/?cmd=upload&act=open&pageid=23&file=WorseTV_0.2.4.zip">
WorseTV 0.2.4</a></li>
</ul>
</li>
</ul>
<ul>
<li>バージョン 0.2.3
<ul>
<li><a href=
"http://www3.atwiki.jp/usako/?cmd=upload&act=open&pageid=23&file=WorseTV_0.2.3.zip">
WorseTV 0.2.3</a></li>
<li>
プラグインのソースコードも上記パッケージに含むようにしました。パッケージ中のWorseTVPluginフォルダを参照してください</li>
</ul>
</li>
</ul>
<ul>
<li>バージョン 0.2.2
<ul>
<li><a href=
"http://www3.atwiki.jp/usako/?cmd=upload&act=open&pageid=23&file=WorseTV_0.2.2.zip">
WorseTV 0.2.2</a></li>
<li><a href=
"http://www3.atwiki.jp/usako/?cmd=upload&act=open&pageid=23&file=WorseTVPlugin_0.2.2.zip">
プラグインのソースコード</a></li>
</ul>
</li>
</ul>
<ul>
<li>バージョン 0.2.1
<ul>
<li><a href=
"http://www3.atwiki.jp/usako/?cmd=upload&act=open&pageid=23&file=BetterTV_0.2.1.zip">
BetterTV 0.2.1</a></li>
</ul>
</li>
</ul>
<ul>
<li>バージョン 0.2
<ul>
<li><a href=
"http://www3.atwiki.jp/usako/?cmd=upload&act=open&pageid=23&file=BetterTV_0.2.0.zip">
BetterTV 0.2.0</a></li>
<li>
<del>プラグインのソースコード</del>（ファイルが欠損していました）</li>
</ul>
</li>
</ul>
</div>
<div class="sectionbottom"></div>
</div>
<div class="section" id="changelog">
<div class="sectiontitle">
<h2>変更履歴</h2>
</div>
<div class="sectionbody">
<p>これまでの変更点とバージョンは以下の通りです。</p>
<h3>0.2.5</h3>
<ul>
<li>
午前０時から午前４時前にリロードしても前日からの番組表にした（未チェック）</li>
<li>
VHF波以外を選択した場合に自動的に人気度のチェックをオフにした</li>
<li>仮でアイコンをつけた</li>
<li>キーボードで番組表の操作を可能にした</li>
</ul>
<h3>0.2.4</h3>
<ul>
<li>
取得元がブラウザのバグを利用したレイアウトを行っているときにラジオ番組表が正常に取得できない問題を解消</li>
</ul>
<h3>0.2.3</h3>
<ul>
<li>拡大状態ではボタンを縮小を表すようにした</li>
<li>AM/FMラジオの番組表も表示できるようにした</li>
<li>
食べ物番組のジャンルが取得できなかったバグを修正</li>
</ul>
<h3>0.2.2</h3>
<ul>
<li>商標権の問題が指摘されたので名前を変更した</li>
<li>
縮小表示でも人気度を反映して放送局の色が変わるようにした</li>
<li>HTMLからパラメタの変更ができやすくした</li>
</ul>
<h3>0.2.1</h3>
<ul>
<li>
2chの書き込み頻度を参考にしたチャンネルの人気度を参照可能に</li>
</ul>
<h3>0.2.0</h3>
<ul>
<li>公開開始</li>
</ul>
</div>
<div class="sectionbottom"></div>
</div>
<div class="section" id="license">
<div class="sectiontitle">
<h2>ライセンス条件と免責条項</h2>
</div>
<div class="sectionbody">
<p>
このウィジットに含まれる画像およびソースコードはパブリックドメインとし、使用や改変は全て自由です。ただし使用による損害は作者の保証の限りではありません。</p>
</div>
<div class="sectionbottom"></div>
<div class="section" id="acknowledgements">
<div class="sectiontitle">
<h2>謝辞</h2>
</div>
<div class="sectionbody">
<p>
このウィジットの作成にあたって番組表のアイデアのほとんどは2chのDashboard
Widgetスレで提案されたものです。アイデアを出してくださったり叱咤激励してくださったスレの参加者の皆さんに感謝します。</p>
</div>
<div class="sectionbottom"></div>
</div>
<div class="widget">
<div id="eyecatch" class="section">
<div class="sectiontitle">
<h2>WorseTV</h2>
</div>
<div class="sectionbody"><img src=
"http://www3.atwiki.jp/usako/?cmd=upload&act=open&pageid=23&file=ss-bettertv-1.png"></div>
<div class="sectionbottom"></div>
</div>
</div>
<div class="section" id="explanation">
<div class="sectiontitle">
<h2>説明</h2>
</div>
<div class="sectionbody">
<p>
様々なカスタマイズが可能なTV/ラジオ番組表です。Yahooの番組表を参照しており、地上波、BS，BSデジタル、AM/FMラジオに対応しています。</p>
<p>
現在放送中の番組を表示し、東京の放送局については人気度の表示をすることができます。人気度は2chの実況スレッドの書き込みの数からどの局の番組がどの程度盛り上がっているかを調べます。</p>
<h3>使用方法</h3>
<h4>縮小モード</h4>
<p>
現在放送中の番組だけを表示します。右上の拡大ボタンを押すと拡大モードになります。</p>
<p>
人気度は局の色が盛り上がるほど赤くなることで分かります。</p>
<h4>拡大モード</h4>
<p>
今日の番組表を表示するモードです。マウスのホイールや上下ボタン、矢印のクリックで表示する時間を変更できます。</p>
<p>
人気度は局の背景の変化に反映されます。盛り上がっている掲示板を閲覧する場合は放送局名をクリックしてください。</p>
<h4>番組表の変更</h4>
<p>
iボタンを押すと設定画面になります。ここで放送地域、電波の種類、人気度の取得を行うかを選択できます。</p>
<h4>キーボードショートカット</h4>
<p>拡大モードでは以下のキーが使用できます。</p>
<table>
<tr>
<td>UP/DOWN</td>
<td>表示する時刻の変更</td>
</tr>
<tr>
<td>スペース</td>
<td>拡大／縮小の変更</td>
</tr>
<tr>
<td>リターン</td>
<td>現在の番組表の表示</td>
</tr>
</table>
<p>以下作成中です。</p>
<h3>カスタマイズ</h3>
<p>
ウィジェットの中を右クリックかCtrl+クリックで「パッケージの内容を表示」させることで内部のソースが見られますが、プログラムを直接変更しなくてもHTMLおよびCSSを変更することで外観をカスタマイズすることができます。編集にはテキストエディットでBetterTV.htmlとBetterTV.cssを開いて行ってください。</p>
<p>
HTMLには画面に表示されないparameterタグがあり、これを変更することでパラメタの変更をウィジェットに反映させられます。</p>
<p>例えばBetterTV.html中の48行目は</p>
<pre>
＜parameter name="expandBothSide" value="true"/＞
</pre>
<p>
となっていますが、"true"を"false"に変更するとウィジェットが変形する際に左右両方に変形するか一方向だけに変形するかを変えられます。全てのパラメタはnameとvalueの組からなっており、以下のような意味を持っています。</p>
<table style="border:1px gray solid">
<tr>
<th>name</th>
<th>意味</th>
</tr>
<tr>
<td>collapseWait</td>
<td>変形のスピード（小さいほど速い）</td>
</tr>
<tr>
<td>collapseSteps</td>
<td>変形の滑らかさ</td>
</tr>
<tr>
<td>channelWidth</td>
<td>拡大表示のときの一つの放送局がとる幅</td>
</tr>
<tr>
<td>expandHeight</td>
<td>拡大表示のときのウィジェットの高さ</td>
</tr>
<tr>
<td>channelFormat</td>
<td>
拡大表示の際の番組の表示用テンプレート（複雑なので現在は変更しないでください）</td>
</tr>
<tr>
<td>autoCollapse</td>
<td>
他のウィジェットを使用したりDashboardがオフになったときに自動的にコンパクトになるか</td>
</tr>
<tr>
<td>expandBothSide</td>
<td>変形を左右両方にするか右側だけに変形するか</td>
</tr>
<tr>
<td>displaySpan</td>
<td>拡大画面での番組の表示範囲（分）</td>
</tr>
<tr>
<td>updateInterval</td>
<td>番組の自動更新間隔（秒）</td>
</tr>
<tr>
<td>activityCheckInterval</td>
<td>
番組の人気度を取得する間隔（自動更新の何回目にするか）<br>
回線が遅い環境では大きくしてください</td>
</tr>
</table>
<p>
またCSSの知識があれば文字の大きさや番組のジャンルごとの強調表示など様々なカスタマイズが可能です。</p>
<p>
カスタマイズした場合新しいバージョンをインストールすると編集結果が失われてしまいますので上書きインストールの前にカスタマイズバージョンを保存することをお勧めします。</p>
<p>プログラミングの経験のある方はJavaScriptやPython,
Objective-Cを編集して更にカスタマイズすることができますが、バージョンアップの際の互換性が保証されないので自信のある方以外はお勧めできません。</p>
<p>以下作成中です。</p>
</div>
<div class="sectionbottom"></div>
</div>
</div>
<div class="section" id="screenshot">
<div class="sectiontitle">
<h2>スクリーンショット</h2>
</div>
<div class="sectionbody">
<table>
<tr>
<td><a href=
"http://www3.atwiki.jp/usako/?cmd=upload&act=open&pageid=23&file=ss-bettertv-1.png">
<img src=
"http://www3.atwiki.jp/usako/?cmd=upload&act=open&pageid=23&file=ss-bettertv-1.png"
width="42" height="45"></a><br>
縮小画面</td>
<td><a href=
"http://www3.atwiki.jp/usako/?cmd=upload&act=open&pageid=23&file=ss-bettertv-3.png">
<img src=
"http://www3.atwiki.jp/usako/?cmd=upload&act=open&pageid=23&file=ss-bettertv-3.png"
width="41" height="45"></a><br>
設定画面</td>
</tr>
<tr>
<td colspan="2"><a href=
"http://www3.atwiki.jp/usako/?cmd=upload&act=open&pageid=23&file=ss-bettertv-2.png">
<img src=
"http://www3.atwiki.jp/usako/?cmd=upload&act=open&pageid=23&file=ss-bettertv-2.png"
width="186" height="45"></a><br>
拡大画面</td>
</tr>
</table>
</div>
<div class="sectionbottom"></div>
</div>
<div class="section" id="download">
<div class="sectiontitle">
<h2>ダウンロード</h2>
</div>
<div class="sectionbody">
<p>
現在以下のバージョンをダウンロードすることができます。</p>
<ul>
<li><a href=
"http://www3.atwiki.jp/usako/?cmd=upload&act=open&pageid=23&file=WorseTV_0.2.4.zip">
バージョン 0.2.5</a></li>
<li>バージョン 0.2.4
<ul>
<li><a href=
"http://www3.atwiki.jp/usako/?cmd=upload&act=open&pageid=23&file=WorseTV_0.2.4.zip">
WorseTV 0.2.4</a></li>
</ul>
</li>
</ul>
<ul>
<li>バージョン 0.2.3
<ul>
<li><a href=
"http://www3.atwiki.jp/usako/?cmd=upload&act=open&pageid=23&file=WorseTV_0.2.3.zip">
WorseTV 0.2.3</a></li>
<li>
プラグインのソースコードも上記パッケージに含むようにしました。パッケージ中のWorseTVPluginフォルダを参照してください</li>
</ul>
</li>
</ul>
<ul>
<li>バージョン 0.2.2
<ul>
<li><a href=
"http://www3.atwiki.jp/usako/?cmd=upload&act=open&pageid=23&file=WorseTV_0.2.2.zip">
WorseTV 0.2.2</a></li>
<li><a href=
"http://www3.atwiki.jp/usako/?cmd=upload&act=open&pageid=23&file=WorseTVPlugin_0.2.2.zip">
プラグインのソースコード</a></li>
</ul>
</li>
</ul>
<ul>
<li>バージョン 0.2.1
<ul>
<li><a href=
"http://www3.atwiki.jp/usako/?cmd=upload&act=open&pageid=23&file=BetterTV_0.2.1.zip">
BetterTV 0.2.1</a></li>
</ul>
</li>
</ul>
<ul>
<li>バージョン 0.2
<ul>
<li><a href=
"http://www3.atwiki.jp/usako/?cmd=upload&act=open&pageid=23&file=BetterTV_0.2.0.zip">
BetterTV 0.2.0</a></li>
<li>
<del>プラグインのソースコード</del>（ファイルが欠損していました）</li>
</ul>
</li>
</ul>
</div>
<div class="sectionbottom"></div>
</div>
<div class="section" id="changelog">
<div class="sectiontitle">
<h2>変更履歴</h2>
</div>
<div class="sectionbody">
<p>これまでの変更点とバージョンは以下の通りです。</p>
<h3>0.2.5</h3>
<ul>
<li>
午前０時から午前４時前にリロードしても前日からの番組表にした（未チェック）</li>
<li>
VHF波以外を選択した場合に自動的に人気度のチェックをオフにした</li>
<li>仮でアイコンをつけた</li>
<li>キーボードで番組表の操作を可能にした</li>
</ul>
<h3>0.2.4</h3>
<ul>
<li>
取得元がブラウザのバグを利用したレイアウトを行っているときにラジオ番組表が正常に取得できない問題を解消</li>
</ul>
<h3>0.2.3</h3>
<ul>
<li>拡大状態ではボタンを縮小を表すようにした</li>
<li>AM/FMラジオの番組表も表示できるようにした</li>
<li>
食べ物番組のジャンルが取得できなかったバグを修正</li>
</ul>
<h3>0.2.2</h3>
<ul>
<li>商標権の問題が指摘されたので名前を変更した</li>
<li>
縮小表示でも人気度を反映して放送局の色が変わるようにした</li>
<li>HTMLからパラメタの変更ができやすくした</li>
</ul>
<h3>0.2.1</h3>
<ul>
<li>
2chの書き込み頻度を参考にしたチャンネルの人気度を参照可能に</li>
</ul>
<h3>0.2.0</h3>
<ul>
<li>公開開始</li>
</ul>
</div>
<div class="sectionbottom"></div>
</div>
<div class="section" id="license">
<div class="sectiontitle">
<h2>ライセンス条件と免責条項</h2>
</div>
<div class="sectionbody">
<p>
このウィジットに含まれる画像およびソースコードはパブリックドメインとし、使用や改変は全て自由です。ただし使用による損害は作者の保証の限りではありません。</p>
</div>
<div class="sectionbottom"></div>
<div class="section" id="acknowledgements">
<div class="sectiontitle">
<h2>謝辞</h2>
</div>
<div class="sectionbody">
<p>
このウィジットの作成にあたって番組表のアイデアのほとんどは2chのDashboard
Widgetスレで提案されたものです。アイデアを出してくださったり叱咤激励してくださったスレの参加者の皆さんに感謝します。</p>
</div>
<div class="sectionbottom"></div>
</div>
