zodiac 1.02 ('A`)

今回はタイトルの通り $newsyntax を使って一つ作ってみました。楽ですね、これは。表示するパーツをカテゴリーに分けて、$alignabs を行えば、あとはその中では最後に行った $alignabs からの相対座標になるので、座標を考えるのに頭を悩ます事はなさそうです

※ 掲載されているスクリーンショットの内容などは記事執筆者 zodiac の趣味、趣向を表すモノではありません

• ダウンロード
• .zip アーカイブファイルの中身
• 必須コンポーネント
• 必須ではないが、その他コンポーネント
• インストール
• 使い方
• 使用しているフィールド
• 使用しているコンテキストメニュー
• 更新履歴

ダウンロード

zodiac-1.02.pui.zip (2.43MB)

• md5: d2535dab91639c184a4f4c3c7fe169fe
• sha-1: 631a689fdf85f0ef555d764a762ba9dace88b695

.zip アーカイブファイルの中身

• readme.zodiac.utf8.html
  読んでねファイルです。英語です
• zodiac-1.02.pui
  Panels UI の設定ファイルです
• zodiac-1.00-left.csp
  左チャンネル用 Channel spectrum panel の設定ファイルです
• zodiac-1.00-right.csp
  右チャンネル用 Channel spectrum panel の設定ファイルです
• i\FA_ErikaSendo.png
  背景画像です
• i\casesv5.png
  CD ケース画像です
  参照: Album art overlay pictures - Hydrogenaudio Forums
• i\cdtk3.png
  CD-ROM 画像です
  参照: Album art overlay pictures - Hydrogenaudio Forums
• i\overlaysi8.png
  ケース画像の上から被せるオーバーレイ画像
  参照: Album art overlay pictures - Hydrogenaudio Forums
• i\s\*.png
  ボタン画像ファイルです。今回はオレンジを使用。幾つかは流用して追加作成
  参照: The Definitive Custom Buttons Thread - Hydrogenaudio Forums
• i\overlay-white.png
  反射しているアートワーク画像の上に被せる画像ファイル

必須コンポーネント

• foo_ui_panels.dll (2007-07-18 13:42:00)
  Panels UI 0.14.12 beta [Jul 18 2007 - 13:39:30]
  Panels UI
  Panels UI 0.14.12
• foo_ui_columns.dll (2008-01-23 02:40:27)
  Columns UI 0.2.1 alpha 10 v4
  musicmusic's foobar2000 stuff - Columns UI
• foo_uie_powerpanels.dll (2007-08-05 13:32:00)
  Seek Panel 0.1
  Volume Panel 0.1
  foo_uie_powerpanels
• foo_uie_vis_channel_spectrum.dll (2008-01-12 16:52:00) Channel Spectrum panel 0.14
  foobar2000 component置き場
• foo_cwb_hooks.dll (2008-01-02 15:51:10)
  cwbowron's title format hooks 1.2.6 [Jan 2 2008 - 15:50:05]
  Tagger Panel Window 1.0.6 [Jan 2 2008 - 15:50:49]
  Foobar2000:Hooks - WikiBazQuux

注意: 各コンポーネントの日付、バージョン番号等は記事執筆時点のものです

必須ではないが、その他コンポーネント

• foo_playlist_tree.dll (2007-08-02 10:16:00)
  Playlist Tree Panel 3.0.4 [Aug 2 2007 - 10:16:21]
  Foobar2000:Playlist Tree - WikiBazQuux

注意: コンポーネントの日付、バージョン番号等は記事執筆時点のものです

インストール

1. アーカイブファイルを適当なディレクトリへ解凍します
2. foobar2000 を終了します。終了する際に User Interface Module が Panels UI でない場合、User Interface Module を Panels UI に変更し、foobar2000 を終了します
3. 解凍された中の PanelsUI ディレクトリを foobar2000 をインストールしたディレクトリへコピーします
4. インストールすべきコンポーネントがある場合、各コンポーネントのマニュアルに従い、インストールします
5. Preferences を開き、Panels UI Layout を zodiac-1.02.pui に変更します
6. 
   ウィンドウの左隅上の部分をクリックすると背景イメージ画像の大きさに合わせてウィンドウサイズが変わります
7. 
   リボンをクリックすると foobar2000 のメインメニューがポップアップ表示します
8. 幾つかは使用する環境に合わせて TF を修正する必要があります
   1. メインウィンドウの適当な所を右クリックし、Track Display の Configuration ダイアログウィンドウを表示させます
   2. Globals をボタンをクリックし、Formatting string ダイアログウィンドウを表示させます
   3. フォント名、アルバム画像のファイル名を決定している TF 部分を環境に合わせて変更します

      // ----- font names
      $puts(f.n1,'ヒラギノ丸ゴ Pro W4')
      $puts(f.n2,'Silkscreen')
      $puts(f.n3,'Tahoma')
      $puts(f.n4,'Georgia')

      // ----- album art work image file
      $if($fileexists($replace(%_path%,$ext(%_path%),png)),
      $puts(CoverImg,$replace(%_path%,$ext(%_path%),png)),
      $if($fileexists($replace(%_path%,$ext(%_path%),jpg)),
      $puts(CoverImg,$replace(%_path%,$ext(%_path%),jpg)),
      $if($fileexists($replace(%_path%,$ext(%_path%),gif)),
      $puts(CoverImg,$replace(%_path%,$ext(%_path%),gif)),)))

使い方

参照: how to use

使用しているフィールド

• %rating%
  レイティングの制御と表示に使用
• %play_count%
  再生回数の制御と表示に使用
• %first_played_timestamp%
  最初の再生日時を表示に使用
• %last_played_timestamp%
  最後の再生日時を表示に使用

使用しているコンテキストメニュー

• Custom Info »» Rate 5
• Custom Info »» Rate 4
• Custom Info »» Rate 3
• Custom Info »» Rate 2
• Custom Info »» Rate 1
• Custom Info »» Rate 0
• Custom Info »» Rate +1
• Custom Info »» Rate -1
• Custom Info »» Play Count +1
• Custom Info »» Play Count -1

更新情報

またもや PHP でブログパーツなるものを作ってみました。サイドバーに表示されているお天気アイコンがそうです

いい加減、カオス気味の此処のスタイルシートを何とかしないと…('A`)

標準の table 要素で行うカレンダーは気に入らないので PHP で自作しました。表示フォントはちょっとオサレに Georgia を使っています。Windows, Mac の人もオッケーだと思います

話はチョット変わって、此処のブログシステムの事ですが、フッターに表示している様に WordPress ¹ を使用しています。先の記事で、記事の移行はあっさりと終ったと書きましたが、実はあの後に色々とありました…('A`)

1. 記事の中の div 要素がことごとく p 要素になってる！
   

   ところが phpMyAdmin ² にてデータベースの中身を除くと、ちゃんと div 要素としてデータに入っています…WordPress Japan のフォーラムを検索すると、こんな記事が…WordPress Japan :: トピックを表示 - 記事投稿でCSS....【エディタの不具合？仕様？】・・解決 と言う訳で、早速ダッシュボードのユーザー設定にて ビジュアルエディタを使用する のチェックを外して、この問題は解決

2. ピリオド(.)が 3つ連続してあると全角の 3点リーダー(…) に置き換わってしまう
   

   データベースの中は置き換わっていないので、表示する際のフィルターの問題でしょう。それにしても、此れは大きなお世話。この問題は解決していませんが、時間ある時に調べてみます

3. blockquote 要素の中に注意！
   

   この要素の中に以下の文字が入っていると、表示の際に勝手に別の文字に置き換わってしまいます

   1. シングルクォート(')
      全角っぽいシングルクォートに勝手に置き換わる
   2. ダブルクォート(")
      全角っぽいダブルクォートに勝手に置き換わる
4. phpMyAdmin のインポートしたデータに改行を入れた所が \r\n という文字列に置き換わっている
   

   これ、表示の際に復帰改行に変更しているんですが、文字コードで言うならば、0x0d 0x0a を出力している為、UA によっては br 要素と同じように復帰改行してしまう…

上記の 1番以外の問題は恐らく表示する際のフィルター問題でしょう。時間ある時にソースコードを追っかけて調べてみたいと思います。取り敢えず、今は文字参照やキャラクターエンティティを使用して回避しています。改行の問題も文章間に改行を入れないようにして回避しています。いずれも運用で回避できる問題ですが…

1. WordPress を使用しています。PHP で書かれているので、私にとっては改造が楽です
2. MySQL をブラウザで管理できるように PHP で書かれた MySQL 管理ツールです。多言語サポートしています。参照 »» phpMyAdmin | MySQL Database Administration Tool | www.phpmyadmin.net

JUGEM のとんでもない仕様変更で移行を決意し、移行作業はほぼ無事に終了しました。まだ、カレンダーとか機能していない部分もありますが、徐々に修正していきたいと思います

例のユーザーの事を考慮していないような仕様変更前に既に、ドメイン名、サーバーは確保していたので、データベースの設定、ブログシステムのインストール、記事の移行はあっさり終ったんですが、テンプレートのシステムがまるで違うので、この辺でかなりの時間を取られました

あ、あと、ニックネームが変わっています。以前のブログから使用しているニックネームとは同一人物です