Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

【個人開発】音楽番組のタイムテーブルから曲を見つけるサイトを作った!

More than 1 year has passed since last update.

じぇいです!あけましておめでとうございます。

2019年一発目のサービスをリリースしました!

Caroling

どんなサービス?

音楽番組のセットリストからあの曲もう一度聴きたいなー!という時に音楽を発見できるサービスです!

タイムテーブルになっており、横に公式YouTubeチャンネルやLINE Musicへのリンクも貼っているので、そのまま閲覧することができます。

音楽の違法ダウンロードや違法視聴が問題になっている中、そういったものが少しでもなくなることを願って作りました!

スクリーンショット 2019-01-04 17.30.53.png

スクリーンショット 2019-01-04 17.31.14.png

使った技術

Django

  • 簡単にWebサービスが実装できるPythonのフルスタックフレームワーク
  • 管理サイトをすごく活用しました!

MaterializeCSS

  • マテリアルデザインのサイトが作れるCSSフレームワーク
  • card, table, buttonを使ってアクセントを出した

django-admin-sortable

  • 手動でモデルの順番を管理サイトからいじれるライブラリ

FontAwesome

  • ほんと驚くばかり!

ちょっとした問題

YouTubeや配信サイトのリンクがない時、Noneとテンプレート上に表示されてしまって、かっこ悪いので

{% if not song.link == None %}
<td><a href="{{ song.link }}">配信へ</a></td>
{% else %}
<td></td>
{% endif %}

このようにテンプレート上でif-else文を使って表示するかしないかを実装しました。もっとスマートなやり方があると思うんですが、うーむ。

最後に

今回はそんなに難しいことはしてないですね。uuidを初めて導入してみましたが、いいですね!

タイムテーブルや歌番組のデータが増えてきて、サイト自体のアクセスが増えてきたら、REST APIでも作って公開しようかな、と
思ってます。

いいね待ってまーすw

jyouj__
2001年生まれ
https://youj.work/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away