まえっち開発日誌

RiotBlue Player, RiotBlue SearchでB’zの検索ができないバグを修正しました。

B’zファンの皆さん、申し訳ありませんでしたw

なぜ、B’zが検索できなかったのか？

RiotBlue Player, RiotBlue SearchはMySQLというデータベースを使っており、SQL言語を使って登録されている楽曲データを検索しています。

SQL言語で検索する文字に「’」が含まれているとエラーになってしまうんですね。プログラムを書く時に使わる特別な文字は、エスケープ処理で文字を置き換える必要があるんです。

対策として、検索する文字列をaddslashes関数を使ってエスケープ処理しました。

このaddslashes関数でエスケープ処理をすると「’」の前に「\」が付加されて、「B’z」が「B\’z」に変換されます。

これでSQL文での検索がエラーを回避しました。

対策バージョンの RiotBlue Player 3.0.1 と RiotBlue Search 1.2.5 をリリースしました！

RiotBlue Player　RiotBlue Search

明けましておめでとうございます！

昨年はRiot Blueに出会ったことで、初めてWebプログラム開発にチャレンジし、自分が欲しいと思った機能を実現したRiotBlue Playerと RiotBlue Searchを完成することができました。

今年は、RiotBlue Playerを普及させるべく、汎用性を持たせたバージョンを作成したいと思っています。

誰でも自分の好きなVTuber専用のプレイヤーを使えるようにしたいと考えています。

その名も、RiotBlue Player for VTuber（略称：RBPV）

お金のかかるWEBサーバー契約をせずに、RiotBlue Playerの機能を実現させることを目標とします。

今年もよろしくお願いします！

このRiotBlue Player開発日誌のサイトに広告が表示されるようになりました。

開設当初にGoogle Adsenseに申し込んだのですが、「サイトの準備ができていない」等の理由で何度か拒否されていました。
やっと申請が通りました。
掲載内容が有益な物かどうかが審査されているようです。
掲載された記事が増えて少しは認めてもらえたのかな？

Googleの広告なので、エッチな内容の広告は出てこないと思いますので安心くださいw

RiotBlue Playerを使っていて気になるのは、再生される曲ごとに音量が違うこと。

メンバー毎に音量を変更できるようにしましたが、配信日や楽曲によって音量は違っています。

全ての曲で聞きやすい音量で再生できないか？

今、私が考えている事です。

RiotBlue Player 3.0.0をリリースしました！

ついにVer3.0となりました。
Ver3.0の目標は、RiotBlue Playerを聴いている人の意見を取り込む機能の実現でした。

Ver2.5で実現したデータベースを使った検索機能、実はこれもVer3.0で考えていたことでした。

Ver3.0でRiotBlue Playerで聴いた曲の雰囲気をチェックボックスで投票できるようにしました！
ムード機能と呼ぶことにします。
この投票結果はデータベースに蓄積されており、検索機能のムードで検索するためのデータとなります。

少しムード機能の仕組みを説明します。

energy/chill
kawaii/cool
fun/sad
という３つの組み合わせで内部データを持ってます。

energyをチェックするとenergy/chillが+1
chillをチェックするとenergy/chillが-1
となります。
ユーザーが選んだムードは、プラスならenergy、マイナスならchill，0であれば-で表示しています。

残りの２つのkawaii/coolとfun/sadも同じように評価しています。

もし、energyとchillを同時にチェックしたら打ち消しあって±0となってチェックしていないのと同じになります。

是非、RiotBlue Playerを使ったらムードの投票をお願いします。
皆さんの投票で検索結果で再生できる曲が増えていきます！

RiotBlue Playerの機能追加は終了となる予定です。（何か閃いたら追加するかもですが）
ユーザーインターフェースを変更して見栄えを良くする変更は続けたいと思います。

この先、RiotBlue Playerはどうなるのか？
RiotBlue Playerをもっとたくさんの人に便利に使って欲しい。
「みんなのRiotBlue Player」という考えで開発は続けていきたいと思っています。

RiotBlue Player

RiotBlue Player Ver2.7.0リリースしました！

YouTubeの再生画面に表示されるコントロールの表示をON/OFFできるチェックボックスを追加しました。
起動時にチェックボックスの設定を読み込みますので、変更したあとはブラウザの更新をしてください。

ピンチ操作をした時に誤ってプログレスバーに触ってしまうことがなりました！

RiotBlue Player

RiotBlue Playerをスマホで使う時に、画面サイズに合うようにピンチアウトするかと思います。
その時に、誤ってプログレスバーにタッチしてしまい再生位置がズレてしまう事ありませんか？

RiotBlue Playerは、再生範囲からズレると、次の曲の再生に以降する仕様となってます。
これはちょっと不便。

コントロール表示は昔から消したいと思っていましたが、コントロール表示を消すと画質変更ができなくるし、プログレスバー表示が出なくなるので躊躇していました。

プログレスバーの表示を画面外に表示できるようになったので、コントロール表示を消せるオプションを追加しようと思います。

スタイルシートをちょっとだけ修正。

演奏の列を最左列に移動しました。

機能には関係ないのですが、見た目のスタイルシートを修正しました。

以前から気になっていた部分を改善しました

・再生プログレスバーを追加して再生進捗を表示するようにしました

・画面の横幅を自動的にスマホのサイズに合わせます

自分でピンチして画面の幅に合わせる作業が不要となりました！