WorseTV

「WorseTV」の編集履歴(バックアップ)一覧に戻る

WorseTV - (2005/07/19 (火) 21:19:07) のソース

<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&amp;act=open&amp;pageid=23&amp;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>
<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>プログラミングの経験のある方は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&amp;act=open&amp;pageid=23&amp;file=ss-bettertv-1.png">
<img src=
"http://www3.atwiki.jp/usako/?cmd=upload&amp;act=open&amp;pageid=23&amp;file=ss-bettertv-1.png"
width="42" height="45"></a><br>
縮小画面</td>
<td><a href=
"http://www3.atwiki.jp/usako/?cmd=upload&amp;act=open&amp;pageid=23&amp;file=ss-bettertv-3.png">
<img src=
"http://www3.atwiki.jp/usako/?cmd=upload&amp;act=open&amp;pageid=23&amp;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&amp;act=open&amp;pageid=23&amp;file=ss-bettertv-2.png">
<img src=
"http://www3.atwiki.jp/usako/?cmd=upload&amp;act=open&amp;pageid=23&amp;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>バージョン 0.2.4
<ul>
<li><a href=
"http://www3.atwiki.jp/usako/?cmd=upload&amp;act=open&amp;pageid=23&amp;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&amp;act=open&amp;pageid=23&amp;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&amp;act=open&amp;pageid=23&amp;file=WorseTV_0.2.2.zip">
WorseTV 0.2.2</a></li>
<li><a href=
"http://www3.atwiki.jp/usako/?cmd=upload&amp;act=open&amp;pageid=23&amp;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&amp;act=open&amp;pageid=23&amp;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&amp;act=open&amp;pageid=23&amp;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.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>
ツールボックス

下から選んでください:

新しいページを作成する
ヘルプ / FAQ もご覧ください。