「東方カラオケ検索」一部の楽曲にYouTube/ニコニコ動画が表示されるように対応しました🎉

こんにちは、迷い家の白猫のシロです。

本日(2020年8月2日)「東方カラオケ検索」は、

一部の楽曲にYouTube/ニコニコ動画が表示されるように対応しました🎉

アップデート内容

  • 楽曲に「YouTube」または、「ニコニコ動画」の項目を追加
    • サークル様が公式で公開している動画を対象としております。
  • 絞り込み検索に動画を追加

画面

f:id:shiroemons:20200802171047p:plain:w200

f:id:shiroemons:20200802171121p:plain:w200

  • 左メニュー

f:id:shiroemons:20200802171138p:plain:w200

雑記

カラオケで歌える東方楽曲を検索することは今まで出来ていましたが、 その楽曲は初めて知る楽曲の場合、曲が聴けたり動画が見れると嬉しいなと思い 動画を表示する機能を実装しました😆

表示している動画は、サークル様公式の動画を参照しています。 参照している順位付けとして以下のような形です。

[YouTube] PV動画 > [YouTube] フル楽曲動画 > [YouTube] ショート楽曲動画 > [ニコニコ動画] PV動画 > [ニコニコ動画] フル楽曲動画 > [ニコニコ動画] ショート楽曲動画

基本的にYouTubeで公式の動画があれば参照します! 公式の動画が判別しやすいから...ニコニコ動画は、公式の動画が探しづらかった...orz

OFUSE(オフセ)

支援していただける方がいましたらこちらから、お願いいたします🙇‍♂️

ofuse.me

東方カラオケ検索

touhou-karaoke.com

今後とも、迷い家の白猫をよろしくお願いいたします🙇‍♂️

「東方カラオケ検索」JOYSOUNDの家庭用カラオケに対応しました🎉

こんにちは、迷い家の白猫のシロです。

本日(2020年6月20日)「東方カラオケ検索」は、

JOYSOUNDスマホサービス家庭用カラオケに対応しました🎉✨

スマホサービスとは

「カラオケJOYSOUND」または、「JOYSOUND[歌詞]」で配信している楽曲をスマホサービスとしております。 ※「JOYSOUND[歌詞]」のみに配信している楽曲もありますのでご注意ください。

www.joysound.com

www.joysound.com

家庭用カラオケとは

living.joysound.com

アップデート内容

  • 配信機種に「スマホサービス」、「家庭用カラオケ」を追加
  • 絞り込み検索の配信機種に「スマホサービス」、「家庭用カラオケ」を追加
  • その他
    • JOYSOUNDの楽曲で、「ボーカルアシスト」と「レコおと」の楽曲を追加

画面

f:id:shiroemons:20200620193456p:plain

f:id:shiroemons:20200620193517p:plain:w200

雑記

SOUND HOLICさんとIOSYSさんでJOYSOUNDさんの家庭用カラオケの配信が始まったので、 対応しないと思い、以下のツイートをした翌日に対応しました!褒めてください!

OFUSE(オフセ)

支援していただける方がいましたらこちらから、お願いいたします🙇‍♂️

ofuse.me

東方カラオケ検索

touhou-karaoke.com

今後とも、迷い家の白猫をよろしくお願いいたします🙇‍♂️

「東方カラオケ検索」カラオケ@DAM対応しました🎉

こんにちは、迷い家の白猫のシロです。

先月(2020年05月24日)にWebサービス東方カラオケ検索」をリリースしました。

そしてリリースしてから2週間経った本日(2020年6月7日)、

DAMのおうち🏠カラオケ カラオケ@DAMに対応しました🎉✨

カラオケ@DAMとは

www.clubdam.com

アップデート内容

  • 配信機種に「カラオケ@DAM」を追加
  • 絞り込み検索の配信機種に「カラオケ@DAM」を追加
  • 「関連サービス」項目を追加
    • カラオケ@DAMの楽曲には、「カラオケ@DAM」のリンクを追加
    • うたスキミュージックポスト」のリンクの場所を変更
  • 配信機種の表示順を最新機種順に変更
    • 絞り込み検索側は、変わらず配信曲数順で並んでいます

画面

f:id:shiroemons:20200607111449p:plain

f:id:shiroemons:20200607111502p:plain:w200

f:id:shiroemons:20200607113559p:plain

f:id:shiroemons:20200607113608p:plain

雑記

昨日の「とうほうのうた #6」を視聴していて、カラオケ@DAM対応したら便利なのでは🤔 と思い、少し調べたら行けそうだったので、ちょっぱやで対応しました!!!😤 褒めてください!!!速さは正義!

OFUSE(オフセ)

支援していただける方がいましたらこちらから、お願いいたします🙇‍♂️

ofuse.me

東方カラオケ検索

touhou-karaoke.com

今後とも、迷い家の白猫をよろしくお願いいたします🙇‍♂️

「東方カラオケ検索」JOYSOUNDうたスキ対応しました🎉

こんにちは、迷い家の白猫のシロです。

先日(2020年05月24日)にWebサービス東方カラオケ検索」をリリースしました。

そして本日(2020年5月27日)、

JOYSOUNDうたスキミュージックポストに対応しました🎉✨

アップデート内容

画面

f:id:shiroemons:20200527191922p:plain:w450

雑記

リリース直後から、「うたスキは対応していないのかな?」などのつぶやきが何件が見かけたので、 ちょっぱやで対応しました!!!褒めてください!!!

OFUSE(オフセ)

支援していただける方がいましたらこちらから、お願いいたします🙇‍♂️

ofuse.me

東方カラオケ検索

touhou-karaoke.com

今後とも、迷い家の白猫をよろしくお願いいたします🙇‍♂️

Webサービス「東方カラオケ検索」をリリースしました🎉

こんにちは、迷い家の白猫のシロです。

本日、2020年05月24日にWebサービス東方カラオケ検索」をリリースしました🎉

どんなサービス?

タイトルで見て分かる通り、DAMJOYSOUNDで配信されている東方系楽曲を曲名・歌手名・原曲名で検索することができるサービスです。

機能

  • 曲名、歌手名、サークル名、原作名、原曲名で検索
  • 高速検索、あいまい検索
  • 原作/原曲での絞り込み検索
  • カラオケメーカーでの絞り込み検索
  • 配信機種での絞り込み検索
  • サークルでの絞り込み検索
  • モバイルフレンドリー

画面

  • PC画面

    • f:id:shiroemons:20200523233800p:plain:w300
  • モバイル画面(縦/横)

    • f:id:shiroemons:20200523232803p:plain:w100 f:id:shiroemons:20200523232838p:plain:w200
    • スマホの場合、横画面にすると原作/原曲、カラオケメーカー、配信機種、サークルでの絞り込みが表示されます。。

雑記

作ったきっかけ

まず今年の3月に転職しました。 現職では、全文検索サービスのAlgoliaを利用しているので、勉強がてらにAlgoliaを使ったサービス、サイトを作りたかったのが一番のきっかけです。

東方編曲録での利用を考えたらとても無料枠では収まりそうになかった...9万曲超えてるし...

カラオケの東方楽曲なら約3000曲だからちょうど良かったと、東方編曲録でカラオケのDAMページが結構アクセスされていたので、ニーズはあると思い東方カラオケの検索サービスを作ろうと考えました。

いつから作り始めたか

今年の4月下旬ごろから作り始めました。 5月上旬には、ほぼほぼ完成していましたが、もろもろの事情で本日公開しました。

今後

これからは、今後も更新していけるよう管理システムを作っていく予定です。

OFUSE(オフセ)

支援していただける方がいましたらこちらから、お願いいたします🙇‍♂️

ofuse.me

なぜ今日なのか?

東方とは関係ないのですが...本日5月24日は、麻雀漫画「咲-Saki-」で登場する 小瀬川白望 の誕生日だからです。 彼女の愛称がシロで、特殊能力がマヨイガ(迷ったら手が高くなる)と言う、運命的なものを感じたからかな。

追記

mayoiga-shironeko.hatenablog.com

mayoiga-shironeko.hatenablog.com

東方カラオケ検索

touhou-karaoke.com

今後とも、迷い家の白猫をよろしくお願いいたします🙇‍♂️

OSSに関する資料

OSSで結果を出す方法

The Future of library dependency management of Ruby

www.slideshare.net

OSS Security the hard way

www.slideshare.net

実践 OSSことはじめ

よく使うGoogle拡張機能

セキュリティ

Bitwarden - 無料パスワードマネージャー

chrome.google.com

広告ブロック

AdBlock — 最高峰の広告ブロッカー

chrome.google.com

uBlock Origin

chrome.google.com

uBlacklist

chrome.google.com

GitHub関連

Awesome Autocomplete for GitHub

https://chrome.google.com/webstore/detail/awesome-autocomplete-for/djkfdjpoelphhdclfjhnffmnlnoknfndchrome.google.com

File Icon for GitHub and GitLab

chrome.google.com

GitHub Plus

chrome.google.com

GitHub Repository Size

chrome.google.com

Octotree

chrome.google.com

開発関連

Responder

chrome.google.com

Lighthouse

chrome.google.com

CSS Scan

chrome.google.com

Vue.js devtools

chrome.google.com

その他

Read Ruby

https://chrome.google.com/webstore/detail/read-ruby/halocbmjecniinhbckbcgcpiepokahak?hl=jachrome.google.com

Mouse Dictionary

chrome.google.com

Wappalyzer

chrome.google.com

Full Page Screen Capture

chrome.google.com

テキストエンコーディング

chrome.google.com