【開発日誌】『生つべ』というサービス作ったので利用技術の紹介

先日、『生つべ』というWebサービス開発しました。リリースをしたのはよいが「完成!」と言えるような状態になるのは、まだまだ時間が掛かりそう。
どのようなサービスなのかを簡単に説明をすると「YouTubeの動画を皆で見ながらチャットしようよ」というもの。

namatube.motikan2010.com

ソースコードも公開してある。

github.com

利用している技術・API群の紹介

認証

このサービスでは、動画の登録にはログインすることが必要です。
　「Twitter」と「GitHub」アカウントを用いたOAuth認証方式のみをサポートしています。

サービス内だけの認証(ログインIDとパスワードを登録)も用意しようか迷いましたが、最近のWebサービスでは、認証方法にOAuth認証のみというのを目にするようになっているので、今回はOAuth認証のみとしました。（2つのサービスのOAuth認証は少ないと思われるが・・・）

この記事通りにやったらできました。

【Rails4.2.x】omniauth(twitter/facebook/github)実装まとめ - Qiita

◆ なぜGitHubアカウント？
　Twitterアカウントは多くの人が持っているので、認証方法として適していると思うが、なぜこのサービスに持っている人が限られているであろうGitHubアカウントを用いているかというと、こんな経緯があったりします。
　サービス開発の当初は、技術者向けのサービスとして開発しようと考えいました。具体的には、YouTubeをはじめとするニコニコ動画などといった動画配信サービスに登録されている技術系の動画を１つのサイトにまとめ、検索・評価できるようなサービス。の予定だったが、途中で微妙...と感じ断念_(:3 」∠ )_ 。

もともとは「Tech TV」というサービス名だったという名残があります。

add アイコンの追加 · motikan2010/NamaTube@714a89f · GitHub

チャット

f:id:motikan2010:20180712213852p:plain

Rails5になって「Action Cable」というWebSocketを簡単に扱えるようになる機能が追加されたので利用しました。

Action Cable の概要 - Railsガイド

モデルの構成など大枠の作成こちらを参考にしました。

Rails 5 + ActionCableで作る！シンプルなチャットアプリ（DHH氏のデモ動画より） - Qiita

今回は動画毎にチャットルームが異なるようになっているので、ルーム毎にメッセージを送る方法は下記を参考にしました。

Rails 5 Action Cable メッセージとルームを紐付ける。 - Qiita

タグ生成

f:id:motikan2010:20180712214102p:plain 　動画新規登録時のタグ生成の処理は「Google Natural Language API」を利用して実現しています。その中のエンティティ分析を活用することにより、動画タイトルから固有名詞のみを抽出し、タグとして登録しています。