PWA対応したシンプルな時計を表示するWebページを作りました

最近、iPad用に卓上スタンドを購入しました。

https://amzn.to/3mVG1Txamzn.to

iPadに表示する用のシンプルな時計を探しましたがあまり良さそうなものがなく、 時計を表示するWebサイトはあったんですが、PWA対応がされてなかったりしました。 あっても文字サイズが小さかったりしたので、自作しました。

PWA対応したシンプルな時計

https://nextjs-clock.vercel.app/

ソースコード

github.com

技術

Railsのアップグレードに関する資料・記事

Rails ruby

Rails アップグレードガイド

railsguides.jp

永久保存版Railsアップデートガイド

inside.pixiv.blog

Railsアップグレード百景

speakerdeck.com

Rails6にいつ上げるか？

www.slideshare.net

永久保存版！？伊藤さん式・Railsアプリのアップグレード手順

qiita.com

継続的Railsアップグレード / Continuous Rails Upgrade

speakerdeck.com

【個人開発】Webサービス「東方同人音楽流通検索」をリリースしました🎉

東方 原曲 個人開発 東方アレンジ 東方サブスク 東方同人音楽流通 東方同人音楽流通検索

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

本日、2021年08月28日にWebサービス「東方同人音楽流通検索」をリリースしました🎉

東方カラオケ検索に続き、東方楽曲の検索サイト第2弾です。

どんなサービス？

タイトルで見て分かる通り、東方同人音楽流通経由で配信されている東方楽曲をサークル名・アルバム名・楽曲名・原曲名で検索することができるサービスです。

その他の音楽配信サービスは、対象外です。対応する予定はありません。

本日(8/28)の配信楽曲までカバーしています。

※非公式サイトです。 あくまでも個人開発です。

機能

  • サークル名・アルバム名・楽曲名・アーティスト名・原曲名で検索
  • 高速検索、あいまい検索
  • モバイルフレンドリー
  • アルバムのジャケットやアルバム名をクリック/タップすることで、音楽配信サービスのアルバムページに移動
  • アーティスト名をクリック/タップすることで、音楽配信サービスのアーティストページに移動(Spotifyのみ)
  • 楽曲をクリック/タップすることで、音楽配信サービスの楽曲ページに移動

おことわり

  • 現在、全文検索サービスやホスティングサービスの、無料プランで運用しております。
  • 利用数が増えると無料枠を超える可能性がございますので、サイト継続のため広告(Google AdSense)の設置を予定しております。ご了承ください。

画面

  • PC画面

    • トップ画面
      • f:id:shiroemons:20210827215652p:plain:w300
    • 検索画面
      • f:id:shiroemons:20210827221006p:plain:w300

  • モバイル画面

    • トップ画面
      • f:id:shiroemons:20210827220805p:plain:w100
    • 検索画面
      • f:id:shiroemons:20210827220835p:plain:w100

現在は諸事情で初回表示していますが、初回表示されないように変更する予定です。

画面説明

f:id:shiroemons:20210827222040p:plain

その他

今回のトップ画面に、東方サブスクランダム選曲アプリへのリンクを設置いたしました。 ランダムで東方楽曲を1曲選曲してくれます。こちらも合わせてご利用ください。

雑記

東方楽曲のサブスクが開始される前から作りたかったサイトです！

ポータルサイトではありませんが、原曲名で検索できるようになり大変満足です！

いつから作り始めたか

検索データは、8月1日頃には準備できていました。 サイトは、今月の8月20日から作り始めてから、22日頃には公開できるレベルまで作りました。

こちらを見てもらえると少しだけ経過がわかります。

技術系のお話

この話は、Zennで記事にしようかなと思っています。 軽く話しておくと...

OFUSE(オフセ)

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

ofuse.me

東方同人音楽流通検索

music.touhou-search.com

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

「東方同人音楽流通検索」ができるまでの道のり

東方サブスク 東方アレンジ 東方 原曲 東方同人音楽流通 東方同人音楽流通検索

発端はサブスク配信開始前(2020/12/17)

サイト作る宣言(8/1)

完成させる！と心に誓った瞬間

作成開始(8/20)

それなりに動くものできた

レイアウト修正に本気出す/完成(8/22)

少し機能紹介

リリース(8/28 9:00)