Archive for 2月 17th, 2017
「ゆかり」トップページメッセージ機能
Posted by ゆう＠ふーりんことゆえっち in Diary, カラオケ, フリーソフト開発 on 2017年2月17日
この機能を作ったときにtwitterで使い方をつぶやいたんだけど、探すのが大変になってきたので、まとめておこうと思います。
設定画面の○○画面○○メッセージの説明
予約一覧のページ （トップ画面メッセージの設定）と、
検索画面のページ（検索画面表示メッセージの設定）
で好きなメッセージや画像を表示することができます。
こんな風に設定すると
こんな風に、トップにメッセージを出せます。
検索トップページ用にも設定できて、 「インターネット上の画像」を指定してこんな風に書くと
こんな風に検索TOP画面にもメッセージが出せます。
先ほどはインターネット上の画像を使用しましたが、画像ファイルを
「C:\xampp\htdocs\」フォルダに置き（今回の例では「yukarifriends_logo.png」という画像を使用します）
「予約一覧（トップ）画面表示メッセージ」に以下のように設定すると
画像ファイルにはファイル名だけで指定することができ、
表示メッセージ集の中での曲リストへ飛ばす方法
リンクでとんだ先で http://<ゆかり動作中のIPかホスト名>/search.php?searchword=<ファイル名か検索ワード> とかのリンクを作っておくと、特定の曲をリクエストできる画面に戻ってきたりできます。
HTML形式でなんでもかけるので、変に書いちゃうとトップページが表示されなくすることもできちゃうので注意
例えば、「list.html」というリストファイルを
c:\xampp\htdocs\
に置いたとすると、
| <a href=”list.html” > リストはこちら </a> |
と書くとそこへのリンクになります。
- トップ画面メッセージの応用
TOPページメッセージに自ホスト名置換文字列機能
・TOPページメッセージに#yukarihost#と書いておくと「ゆかり」が動作しているホスト名に置換。
リンク先にGET Methodでホスト名を渡したい時などに使えます。
たとえばサンプルとして
のようなものを作ってどこかのWebサーバーに置いておく。（置き場所はなければ、ゆかりをインストールしたhtdocs以下のフォルダにおいてもOK）
トップ画面メッセージの設定に、さっきのPHPを置いたWebサーバへのリンクをこんな風に設定する。
トップページに、リンクが表示されるのでそちらをクリック
リンク先はこうなっている（こうなるように作った）
ここで例えば青空Jumping Heartの「この曲を予約」ボタンを押すと その曲の検索結果が表示（フルファイル名で検索しているので1つだけ見つかる)されるので以降、いつも通り予約できます。
という外部プレイリストとして応用する例
また、anison.info 年別検索の応用で
<center> <table class="table table-striped"> <caption>年代別作品名検索</caption> <tbody> <tr> <th class="text-right">TVアニメ</th> <td class=""> <div class="container-fluid" > <div class="col-xs-6 col-md-3"> <a href="search_anisoninfo_list.php?m=pro&q=&year=2017&genre=tv" class="btn btn-primary btn-block "> <strong>2017年 </strong></a> </div> <div class="col-xs-6 col-md-3"> <a href="search_anisoninfo_list.php?m=pro&q=&year=2016&genre=tv" class="btn btn-primary btn-block col-md-2"> <strong>2016年 </strong></a> </div> <div class="col-xs-6 col-md-3"> <a href="search_anisoninfo_list.php?m=pro&q=&year=2015&genre=tv" class="btn btn-primary btn-block col-md-2"> <strong>2015年 </strong></a> </div> <div class="col-xs-6 col-md-3"> <a href="search_anisoninfo_list.php?m=pro&q=&year=2014&genre=tv" class="btn btn-primary btn-block col-md-2"> <strong>2014年 </strong></a> </div> </div> </td> </tr> <tr> <th class="text-right">ゲーム</th> <td> <div class="container-fluid" > <div class="col-xs-6 col-md-3"> <a href="search_anisoninfo_list.php?m=pro&q=&year=2017&genre=game" class="btn btn-primary btn-block"> <strong>2017年 </strong></a> </div> <div class="col-xs-6 col-md-3"> <a href="search_anisoninfo_list.php?m=pro&q=&year=2016&genre=game" class="btn btn-primary btn-block"> <strong>2016年 </strong></a> </div> <div class="col-xs-6 col-md-3"> <a href="search_anisoninfo_list.php?m=pro&q=&year=2015&genre=game" class="btn btn-primary btn-block"> <strong>2015年 </strong></a> </div> <div class="col-xs-6 col-md-3"> <a href="search_anisoninfo_list.php?m=pro&q=&year=2014&genre=game" class="btn btn-primary btn-block"> <strong>2014年 </strong></a> </div> </div> </td> </tr> </tbody> </table> <p class="text-right"> これ以前の年代やほかのジャンルは「検索」の中ほど、<a href="search.php#searchanisoninfo">anison.info検索</a>からどうぞ </p> </center> |
と書くと、トップページに
年別の作品一覧からリクエストできるボタンを作成することができます。
SHINTAさん作のゆかりすたー 内蔵の動画検索画面へのリンクもこの機能を使用しています。ゆかりすたーの一覧表示は見やすいのでオススメです。
（設定内容は https://shinta.coresv.com/help/YukaListerNebula_JPN.html#YukarinoSettei を参照してください）
Posted 2017年2月17日