トップページ構成

stskc commented 8 years ago

https://github.com/stskc/Recotte/issues/2 でやることが明確になったので https://github.com/stskc/Recotte/issues/1 は閉じてこっちで纏める。まずは最低限の機能から。

必要な機能

[x] @stskc ライブラリランダム再生
[x] twitterでシェア
[x] facebookでシェア
[x] 次の曲を再生
[x] 再生が終了したらページを自動的にリロードさせる
不要な機能
☆
twitter タイムライン
DAMへのリクエスト

stskc commented 8 years ago

Model

スターを削除する

class CreateRecos < ActiveRecord::Migration
  def change
    create_table :recos do |t|
      t.string :artist
      t.string :song
      t.string :youtube # 動画末尾の11桁のID
      t.integer :star

      t.timestamps null: false
    end
  end
end

stskc commented 8 years ago

SQLite3 ではカラムだけを削除する事ができないっぽいからテーブルごと作りなおした。ついでに名前も変えた。

class CreateMains < ActiveRecord::Migration
  def change
    create_table :mains do |t|
      t.string :artist
      t.string :song
      t.string :youtube

      t.timestamps null: false
    end
  end
end

stskc commented 8 years ago

@stskc ライブラリランダム再生

# app/helpers/static_pages_helper.rb
  def movie(opts)
    iframe = content_tag(
      :iframe,
      '', # empty body
      width: 640,
      height: 390,
      src: "https://www.youtube.com/embed/#{opts[:movie_id]}?autoplay=1",
      frameborder: 0,
      allowfullscreen: true,
    )
    content_tag(:div, iframe, class: 'youtube-container')
  end

# app/controllers/static_pages_controller.rb
class StaticPagesController < ApplicationController
  def home
    @main1 = Main.where( 'id >= ?', rand(Main.first.id..Main.last.id) ).first
  end
end

# app/views/static_pages/home.html.erb
<div class="center">
  <%= movie(movie_id: @main1.youtube) %>
</div>

stskc commented 8 years ago

ユーザーはシェアできる

home.index.erbが見づらくなったけど強引にlink_to使ってシェアできるようになった。

# app/views/static_pages/home.html.erb
  <%= link_to "share_twitter", "https://twitter.com/intent/tweet?url=https%3A//youtu.be/#{@main1.youtube}&text=#{@main1.song} / #{@main1.artist}&via=YouTube&related=YouTube,YouTubeTrends,YTCreators" %>
  <%= link_to "share_facebook", "https://www.facebook.com/dialog/share?app_id=87741124305&href=https%3A//www.youtube.com/attribution_link%3Fa%3DRxjXxuxKCbk%26u%3D%252Fwatch%253Fv%253D#{@main1.youtube}%2526feature%253Dshare&display=popup&redirect_uri=https://www.youtube.com/facebook_redirect" %>

stskc commented 8 years ago

次の曲を再生と次の曲をスキップ

ラジオ的 シンプルにということで動画以外の情報を少なくする。

■変更前

recotte001

↓

■変更後

recotte002

stskc commented 8 years ago

ライブラリランダム再生

ランダムで再生はできるけど同じ曲が連続で再生される事がある問題。

stskc commented 8 years ago

ライブラリランダム再生

https://gist.github.com/stskc/d560cdbb63098df014b6b9b05f673f68 でアドバイスもらいランダム再生完成

stskc commented 8 years ago

自動リダイレクトに行き詰ったから facebook、twitterへのシェアの部分をやり直す。

stskc commented 8 years ago

twitterでシェア

完了

facebookでシェア

herokuに上げて持ってるドメインをherokuに設定してから http://www.ownway.info/Ruby/heroku/how/management/application/web/custom_domains

stskc commented 8 years ago

https://github.com/stskc/Recotte/issues/2#issuecomment-223243864 という事で bootstrap 再導入が必要

stskc commented 8 years ago

ライブラリランダム再生+自動リロード

セキュリティ面だめっぽいけど機能自体は実装できた・

stskc commented 8 years ago

エラーmsgでないときはブラウザのコンソールでエラー確認

stskc / Recotte