Wiki : Wobs of Wee Widgets

 
 <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>
 <p>
 現在放送中の番組を表示し、東京の放送局については人気度の表示をすることができます。人気度は2chの実況スレッドの書き込みの数からどの局の番組がどの程度盛り上がっているかを調べます。</p>
 <h3>使用方法</h3>
 <h4>縮小モード</h4>
 <p>
 現在放送中の番組だけを表示します。右上の拡大ボタンを押すと拡大モードになります。</p>
 <p>
 番組表はVHF波、UHF波/BS、BSデジタル、FM、AMに分かれています。どの局がどれに属するかはそれぞれを試してみて下さい。</p>
 <p>
 番組表は都道府県ごとに分かれており、変更は設定画面から行ってください。</p>
 <p>
 人気度は局の色が盛り上がるほど赤くなることで分かります。局名をクリックすると最も盛り上がっている掲示板を探してジャンプします。</p>
 <h4>拡大モード</h4>
 <p>
 今日の番組表を表示するモードです。マウスのホイールや上下ボタン、矢印のクリックで表示する時間を変更できます。</p>
 <p>
 現在の番組表を表示するには矢印の間にあるボタンを押すかリターンキーを押してください。</p>
 <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>
 <tr>
 <td>Cmd + 上/ Cmd + 下</td>
 <td>文字の拡大／縮小</td>
 </tr>
 </table>
 <span style=
 "color:red;font-weight:bold;">度々変更になりすみません。日本語キーボードでの動作の確認を怠っていたため文字の大きさの変更ボタンが変わっています。</span>
 <h3>カスタマイズ</h3>
 <p>
 ウィジェットを右クリックかCtrl+クリックで「パッケージの内容を表示」させることで内部のファイルを見ることができます。プログラムを直接変更しなくてもHTMLおよびCSSを変更することで外観をカスタマイズすることができます。編集にはテキストエディットでBetterTV.htmlとBetterTV.cssを開いて行ってください。</p>
 <p>
 カスタマイズガイドはウィジェットの内部に同梱されていますが、<a href="http://www.geocities.jp/t_m_k_usako_s_s_k/guide/">別ページ</a>も用意しましたのでこちらを参照してください。</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の知識があれば文字の大きさや番組のジャンルごとの強調表示など様々なカスタマイズが可能です。例えば音楽番組だけを強調したい場合、BetterTV.cssに</p>
 <pre>
 .music { background:yellow; }
 </pre>
 <p>
 と書くと（musicの前のピリオドを忘れないでください）、拡大表示の番組表で音楽番組の背景だけが黄色で表示されます。</p>
 <p>
 カスタマイズした場合新しいバージョンをインストールすると編集結果が失われてしまいますので上書きインストールの前にカスタマイズバージョンを保存することをお勧めします。</p>
 <p>プログラミングの経験のある方はJavaScriptやPython,
 Objective-Cを編集して更にカスタマイズすることができますが、バージョンアップの際の互換性が保証されないので自信のある方以外はお勧めできません。</p>
 <p>より詳しい解説は<a href=
 "http://www.geocities.jp/t_m_k_usako_s_s_k/guide/">カスタマイズガイド</a>を作成しましたのでご覧下さい。</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><a href=
+"http://www3.atwiki.jp/usako/?cmd=upload&amp;act=open&amp;page=WorseTV&amp;file=WorseTV_0.2.13.zip">
+バージョン 0.2.13</a></li>
+</ul>
 <ul>
 <li><a href=
 "http://www3.atwiki.jp/usako/?cmd=upload&amp;act=open&amp;page=WorseTV&amp;file=WorseTV_0.2.12.zip">
 バージョン 0.2.12</a></li>
 </ul>
 <ul>
 <li><a href=
 "http://www3.atwiki.jp/usako/?cmd=upload&amp;act=open&amp;page=WorseTV&amp;file=WorseTV_0.2.11.zip">
 バージョン 0.2.11</a></li>
 </ul>
 <ul>
 <li><a href=
 "http://www3.atwiki.jp/usako/?cmd=upload&amp;act=open&amp;page=WorseTV&amp;file=WorseTV_0.2.10.zip">
 バージョン 0.2.10</a></li>
 </ul>
 <ul>
 <li><a href=
 "http://www3.atwiki.jp/usako/?cmd=upload&amp;act=open&amp;page=WorseTV&amp;file=WorseTV_0.2.9.zip">
 バージョン 0.2.9</a></li>
 </ul>
 <ul>
 <li><del>バージョン
 0.2.8</del>（放送局の順番を間違うバグが混入のため削除）</li>
 </ul>
 <ul>
 <li><a href=
 "http://www3.atwiki.jp/usako/?cmd=upload&amp;act=open&amp;page=WorseTV&amp;file=WorseTV_0.2.7.zip">
 バージョン 0.2.7</a></li>
 </ul>
 <ul>
 <li><a href=
 "http://www3.atwiki.jp/usako/?cmd=upload&amp;act=open&amp;page=WorseTV&amp;file=WorseTV_0.2.6.zip">
 バージョン 0.2.6</a></li>
 </ul>
 <ul>
 <li><a href=
 "http://www3.atwiki.jp/usako/?cmd=upload&amp;act=open&amp;pageid=23&amp;file=WorseTV_0.2.5.zip">
 バージョン 0.2.5</a>（リンクが誤っていたので修正）</li>
 <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.13</h3>
+<ul>
+<li>
+文字の拡大／縮小を行った後表示を変更すると文字の大きさの変更が反映されないバグを解消</li>
+<li>プラグインをUniversal Binary化した</li>
+</ul>
 <h3>0.2.12</h3>
 <ul>
 <li>文字の拡大／縮小ボタンをコマンド＋上下に変更。
 日本語キーボードでの動作確認を怠っていたため＋／ーのキーコードが日本語キーボードと英語キーボードで一致しないことに気がつかなかったため。</li>
 </ul>
 <h3>0.2.11</h3>
 <ul>
 <li>
 文字の大きさ変更が+/-キーだけだと一時的に番組表を切り替えたときに番組表をクリックするまで効かなくなったため、コマンドキーとの同時押しにした</li>
 </ul>
 <h3>0.2.10</h3>
 <ul>
 <li>
 拡大画面で設定画面に切り替えた後戻ると拡大画面になるようにした</li>
 <li>
 ＋／ーキーで文字の拡大／縮小ができるようになった</li>
 <li>i
 ボタンの表示をマウスがウィジェットに入った時だけにした</li>
 </ul>
 <h3>0.2.9</h3>
 <ul>
 <li>カスタマイズガイドの同梱（guideフォルダ参照）</li>
 <li>放送局が間違って表示される問題の解消</li>
 <li>
 番組情報をクリックで表示し、マウスを乗せたときに表示される方法はカスタマイズガイドに載せた</li>
 </ul>
 <h3>0.2.8</h3>
 <ul>
 <li>奇数列と偶数列で番組表の色を変更した</li>
 <li>Gコードを取得するようにした（表示は<a href=
 "http://www.geocities.jp/t_m_k_usako_s_s_k/guide/">カスタムガイド</a>参照）</li>
 </ul>
 <h3>0.2.7</h3>
 <ul>
 <li>
 拡大モードのときに別の番組表を読み込むとその番組表にあわせて幅を変えるようにした</li>
 <li>
 一部の番組でジャンルが取得できない問題を修正した</li>
 <li>
 ボタンのデザインを変更してクリックできるものとできないものが分かるようにした</li>
 </ul>
 <h3>0.2.6</h3>
 <ul>
 <li>
 番組表示の際に電波ボタンを押すと電波を一時的に変更することができるようにした</li>
 <li>
 変形中に番組表を読み込むとレイアウトが崩れる問題を修正した</li>
 <li>
 枠を狭くして表示領域が多くなるようにレイアウトを若干変更した</li>
 </ul>
 <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>