foobar2000のColumns UIを使って、自分好みにカスタマイズをしたよ。

タイヤキジェット(@JetTaiyaki_920)です。

タイヤキジェット
foobar2000のColumns UIを使ってテーマのカスタマイズを行ったので、デザイン遍歴なんかを備忘録しておきます。

細かいカスタマイズのやり方は書いていませんが……ブラッシュアップの過程などを書いておきますので、設計の参考にでもなればと思います。

 

Columns UIをカスタマイズしようと思ったワケ。

もともと、foobar2000のデザインには、既存の配布テーマを使っていたのですが

あまりに知識がなさすぎて、パネルを1枚誤操作で消してしまい、レイアウトが爆発しました。

タイヤキジェット
見た目はオシャレだったけど、実は使いにくいと思っていたし、自分で作るか……

そんなワケから、軽いノリで自分で作ることにしました。軽いノリで作れちゃうの?って言われると、時間はスゴいかかるけど作れました。

……勉強だと思うことにしましたヨ……(;´∀`)

 

Type1.

初稿。iTunesをベースに作成しました。

アートワークをデカく表示したい、というオタク理念があるため、アートワークの主張が激しめ。

タイヤキジェット
作ったときは満足してたんですが、一晩経ってみると殺風景だし白が多いからスカスカに見えるし、何より素材感が抜けない…………

不満点ばっかりやんけ!!!というわけで、色々改良していくことにしました。

 

Type2.

第二稿。Type1と比べると、かなりマシになったと思っています。

Type1→Type2 ビフォーアフター

 

特にEsplaylistのコンポーネントを利用した、右上のアルバム一覧がデザイン面で、スカスカな部分を埋めてくれて良い仕事をしてくれました。

タイヤキジェット

これで完成でもいいかなと思いましたが、使ってるうちに色々と課題点が出てきたので、修正したものを最終稿としました。

 

Type3.

タイヤキジェット
最終稿!これで完成です!

細かい変更も多いですが、Type2からの大きな変更点は

左側に集約してあった、再生楽曲の「アーティスト、アルバム、ファイル情報」を

右カラムの下に持ってきたことです。

タイヤキジェット
アニソンはアルバム名やアーティスト名がメッチャ長くなるので、文字が表示しきれない問題を解消するためです。

おかげさまで、個人的に満足な出来になりました。左側の情報もスッキリしたので、再生楽曲情報のオシャレポイント(フォントとか、とか)が際立った気がします。

 

Type2→Type3 ビフォーアフター

細かいところでは、スペクトログラムを変更したり、アルバムアートワークのサイズを大きく取得するようにしたり

画面上部メニューに、VolumeBar・SeekBar・よく使う「前のトラック」「一時停止」「次のトラック」「ランダム」の各種ボタンを置いてみたり(ボタンの色はオタクのこだわり)と言ったところでしょうか。

スキンをインストールしたりすると、こういう調整は難しいので、自分でカスタマイズするとメンテナンス性が高い。というのは大きな利点ですね。

 

参考にしたサイト様。

色々出来るColumns UIですが、Columns UIでカスタマイズを行っていくことは、ハードルが高いと思います。

が、インターネットには先人が残してくれた情報がたくさんあります。

こんな更地の状態から

ここまでカスタマイズ出来たのは、色々なサイト様を参考にさせていただいたからです。ありがとうございました。

備忘録がてら、参考にさせていただいたサイト様のリンクを置いておきます。

 

一から始めるfoobar2000

https://wikiwiki.jp/foobar2000/%E4%B8%80%E3%81%8B%E3%82%89%E5%A7%8B%E3%82%81%E3%82%8Bfoobar2000

タイヤキジェット
お世話になりました。このサイトがなかったら僕は絶対Columns UIでテーマのカスタマイズなんて出来ませんでした。

 

週末のホームページ:foobar2000のカスタマイズ

https://www.shumatsu-opt.jp/software-review/foobar2000/

タイヤキジェット
レイアウトの参考にさせていただきました。Ever17最高ですね。

 

foobar2000 component置き場

http://foo2k.chottu.net/

タイヤキジェット

Channel spectrum panel(Columns UI)

Panel Stack Splitter(Columns UI)

EsPlaylist(Default UI/Columns UI)

上記のコンポーネントをお借りしました。

 

title formatting 日本語リファレンス

https://tnetsixenon.xrea.jp/title_formatting.html

タイヤキジェット
各種パラメーターがまとまったサイト。大変お世話になりました。

 

winter-bear667のブログ:foobar2000 再生中の曲名にマークを付けわかりやすくする

https://ameblo.jp/winter-bear667/entry-12602797619.html

おかげさまで

タイヤキジェット
「  」が設定できました。ありがとうございます。

 

かくれざとう:foobarを久々にカスタムしてみた

http://kakurezatou.com/20110404/foobar%E3%82%92%E4%B9%85%E3%80%85%E3%81%AB%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0/

おかげさまで

タイヤキジェット
Channel spectrum panelがいい感じになりました(*´∀`*)

 

電脳スピーチ blog:foobar2000 でフォルダ同期プレイリストを作る

https://denspe.blog.fc2.com/blog-entry-199.html

タイヤキジェット
ファイルパス指定して、自動更新されるプレイリストがあれば神なのに……

そんな願いが叶いました。神。ありがとうございました。

 

おしまい。

プログラム書けないマンの僕ですが、自分でColumns UIを使ってカスタマイズが行えました。

foobar2000は、調べる時間がかかったり、学習コストは必要になりますが、自分の好きなようにデザインを作ったり、機能性を追求することが出来ます。

……かなり時間泥棒もされましたが、楽しかったですし、出来上がったモノに満足もしたので、やってよかったです。

インターネットの先人たちに感謝ですヾ(*´∀`*)ノ