Works & Projects

← Back before page
Request 2023/01/31

6つの動画配信を監視し、最新の配信情報を発信するメディアを構築

「今、○○さんの生配信はやっているんだろうか?YouTube、やってない。Mildom、やってない。niconico動画、やっていない…。OpenREC、やってる!」そんないろいろなプラットフォームを毎日3、4回サーフィンして確認しに行く。中には推しの配信者が10数人いてそれぞれ見に行く必要がある方もいる。そんな方々はもちろん暇なわけじゃない、彼らにもっと便利なサイトを作りたい。そんな想いの依頼主は「麻雀」というジャンルに特化し、生配信を”まとめた”ポータルサイトの構築を決めました。このメディアはお気に入り機能に始まり、非表示機能、優先表示設定などリスナーに嬉しい機能がいくつも搭載されています。


3つのこだわり

6つの生配信を監視

YouTube API, niconico動画APIをはじめとする5つのAPIを駆使して生配信の配信状況を監視しています。また当時APIが存在していないAbemaTVはサーバー上でのスクレイピングにより配信状況を監視し、合わせて6つのプラットフォームの生配信状況をサービス内でまとめて見ることができます。

リーグ状況を知らせるイベントカレンダー

イベントカレンダーではいくつもの大会の情報を発信致しますが、数週間にも及ぶリーグの最新情報をお届けするために、本サービスのイベントでは大会毎にリーグの詳細と日時を設定出来る仕様となっています。

横断されるタグ管理

配信、配信者、動画、イベント、トピックに直ぐ辿り着ける工夫があります。それぞれを横断する情報の一つに『タグ』を設けており、管理者がタグを自由に設定する事でおすすめの情報への適切な誘導が出来る仕様となっています。

6つの生配信を監視リーグ状況を知らせるイベントカレンダー横断されるタグ管理

機能一覧

アイコン
Website
トピック

界隈のユーザーへ情報を発信する、独自の投稿機能を搭載しています。新着、週間、月間、通年人気で並び替えすることができ、アクセス数に応じて順位を決定しています。

イベント

トピックと同様に自由記述を行える仕様となっていますが、イベントカレンダーと連動した開催日毎の結果を掲載することが可能です。人気順で大会を表示、また条件を指定して日、週間、月間のリーグ情報を検索する事もできます。

動画情報

本サービスでは動画を各アカウントやチャンネルから自動抽出・同期して掲載する機能があります。配信者は生中継だけでなく、各プラットフォームへ動画を投稿しますがアーカイブや有料動画などさまざまなタイプの投稿に対応しています。

配信機能

YouTube API, niconico動画APIをはじめとする5つのAPIとスクレイピングにより取得したAbemaTVの合わせて6つのプラットフォームの生配信状況をサービス内でまとめて見ることができます。また配信は配信者のステータスによって表示条件を変えることもできます。

配信者情報

登録した配信者の情報へ各プラットフォームのアカウント情報を追加することで、塚下情報に合わせて配信情報の監視及び動画情報の抽出を自動で行うことができます。また配信者にはTwitterをはじめとするアカウント情報を紐づけることもできます。

ランキング機能

配信の注目度(一定時間の平均視聴者数)を半日ごとに集計し、サイト内に配信をランキング表示しています。

アカウント認証

LINEログインまたTwitterログイン、メールアドレスでのログイン機能を本サービスに搭載しています。アカウント認証を行うことでサービス内の個人設定を行うことができます。

よくある質問機能

各画面に搭載された「?」ボタンからよくある質問の各項目へ遷移することができます。もちろん、管理者画面からいつでも質問と回答を更新、管理することができます。

お問い合わせ

サービス内で管理者へお問い合わせを行うことができます。名前、メールアドレス、お問い合わせ内容を記載できる、一般的なお問い合わせ機能です。送信後送信者と管理者に自動返信メールア送信されます。

基本設定

ロゴ、バナーの作成。一般的な法規文書(「利用規約」、「プライバシーポリシー」)3ページの作成。SNS表示の埋め込み。metaタグの設定。初期データの挿入などを行いました。

アイコン
会員管理
お気に入り機能

配信者また配信者に紐づくチャンネルをお気に入りにすることができます。お気に入りにした配信はお気に入り一覧に登録されいつでも登録を切り替えることができます。

表示設定

サービスに登録している会員は、非表示にする配信者またはチャンネルの配信を設定したり、強制的に一覧の上部に表示させることができます。

ブラックモード

画面内の文字や背景や線はブラックモードに対応しており、戻の切り替えによってサービス全体を夜間の配色に変更することが可能です。配信は夜に行われることも多く目に負担がないようにモードの切り替えを行えるようにしています。

アイコン
配信管理
生配信監視 – YouTube API

本サービスではYouTubeから配信や、動画情報を取得できます。動画の同期、配信の監視など大量にYouTube APIのリクエストを使用するため、通常のリクエスト枠内の制限を超えてしまします。YouTubeとの3か月にもわたるクォータ上限解除の交渉によって実現しています。

生配信監視 – niconico動画API

niconico動画から配信や、動画情報を取得できます。これはユーザーに紐づく配信と、チャンネルに紐づく配信の2種類の形式があり、APIの使用時にはどちらの種類から取得するのかを選択し設定を切り替えることが必要です。

生配信監視 – AbemaTV

AbemaTVから配信を取得できます。AbemaTVには動画の概念がないため取得は配信のみですが、当時APIも存在していなかったため専用のBotを構築し、サイトを定期的に巡回し配信の放送状況を確認しています。

生配信監視 – 他

他にも、「Mildom」「Mirrativ」「OpenREC」の3プラットフォームから配信と動画の抽出をしています。無料、有料の動画のフラグの抽出問題など様々な課題をそれぞれのAPIを使用して解決しました。

アイコン
CMS – WordPress
Site Kit by Google

GA・GTMの設定を施し、管理者画面からユーザーのアクセス流入状況を確認できる様にプラグインを導入いたしました。

公式サイト

SiteGuard

よりセキュアな運用を行うために、デフォルトからログインURLの変更や画像認証、パスワードロックなどの様々なセキュリティー設定を行いました。

公式サイト

All in One SEO

TOPを含む各固定ページに対し概要を設定、またサイト全体のファビコンやOGPを反映することで基本的なSEO対策を行いました。

公式サイト


プロジェクト概要

カテゴリ
Webサービス
実施期間
~2022年3月中旬
予算
¥7,000,000
PRJ期間
約6か月
動員数
4名(PM、DS、SE、PG)
仕様技術
Xserver、MySQL、WordPress 6.2(PHP 7.4)
依頼企業
非公開

編集者:株式会社Game 広報部

関連記事

Request

英単語を独自の音節で区切り、見ただけで覚えられる認知記憶フラッシュ英単語サービス

取引先が無くなってしまった...10年もの間、情熱を注いできたプロジェクトを中断しなければいけない。そんな危機的状況の中、偶然の出会いでご相談頂いたのがこのサービス開発でした。作りたいものは明確に頭に描けており、途中まで作ってきたプロダクトの断片も存在していたため、詳しいヒアリングを重ね再度仕様書の作成を行う事でかつてリリース予定だったプロダクトの復刻版開発に至りました。 3つのこだわり 認知科学に基づく英単語学習英単語を独自の文字列で区切り、文字ブロックとそれぞれの音声を続けて3回再生した後に全体を1回、…

Request

外貨両替所Webサイトでレートを自動計算、実店舗の在庫も併せて管理を実現

外貨両替所のWebサイトの構築のご相談を承りました。外貨両替所が行うことは日本円を渡航する前に外貨に換金したり、来日された海外観光客が日本円を手に入れるために外貨を交換します。実店舗では午前中にそれぞれの外貨のレートをその日のレートとして決定し、各外貨の在庫を確認していますが、レートはリアルタイムで更新されるため、来客に備えへ正しい情報を公開する必要があります。本プロジェクトでは、3種言語(日・英・中)に対応した、正しい情報を管理・広報できるWebサイトをご提案、構築いたしました。 3つのこだわり 外貨管理…

Request

最新のアニメ情報を発信するウェブサイトへの新機能を増設

日本のアニメ業界を盛り上げたい、業界へに対する想いをデジタルの力で形にしたいと言うご依頼が御座いました。ご依頼主は既にWebサイトをお持ちでしたが、より柔軟にサイトを更新するためにスピードを得意とする私たちに声をかけて頂いたのです。既存のソースや仕組み、サーバー構成を調査する時間を要した分、どのような機能改修でも柔軟に拡張可能となっています。 3つのこだわり 表示速度改善ランキング表示がある画面では、作品数が多いほど表示速度が遅くなってしまっていました。そこでランキング表示にキャッシュ層を設けることで表示速…

Request

多店舗展開のスーパーをオンライン販売に対応させ、専用のプリペイドカードの仕様も可能に

大阪を中心に100店舗以上展開するスーパーマーケット様からのご依頼により、店舗で利用できるプリペイドカードをECサイト上でも使える様に改修致しました。入金は店舗での現金チャージのみとなりますが、プリペイドカードはAPIを利用し、カードのアクティベート(初期利用時のステータス更新)から決済までをオンライン上で完結しております。その後もUI/UXの改善や納品書などの帳票の出力、ピッキングシートの作成などの要望を承りました。現時点でも運用は続いており、順次サイトの改善を進めています。 3つのこだわり プリペイドカ…

Request

グラノーラを販売する既存のECサイトに量り売り機能を増設

実店舗でグラノーラを販売されている企業様からのご依頼により、運営しているECサイト上で実店舗と同様に、好きなメニューを組み合わせて好きな量だけ選んで買う「量り売り」機能を増築したいというご要望がございました。実際、個包装された既存の組み合わせによるパッケージの販売と比べて、量り売り独特の仕組みが必要になります。たとえば実店舗では包装紙に入る組み合わせを目視で調整でき、プレゼント用にわざと複数の包装に分けることもあります。そのような実店舗で行っていることをオンライン(ECサイト内)でもできるようにしています。…

Contact us

    thanks your contact

    1.メールアドレスを入力し、あなたのことを教えてください。

    2.お問い合わせの種類を記載ください。

    3.採用に関するお知らせの詳細を記載ください。

    4.お問い合わせを受け付けました。自動返信メールが届いているかご確認ください。

    continue...