製作サイト4 twimix

自身4つ目に作成したサイトは、Twitchを利用したWEBサービスです。

Twitchは皆さんご存知ですか?

Twitchは、世界で一番有名なコンピュータゲーム専門の配信サービスです。

ゲームを競技として盛り上げるe-sports(エレクトロニック・スポーツ)は、世界では物凄い勢いで発展を見せ、プロゲーマーという職種が一般的になってきていますね。

Twitchは、そんなプロゲーマーの熱い戦いを配信しています。

そして個人でも、ゲーム実況プレイなどの配信が数多く行われています。

そんな勢いのあるTwitchですが、開発者用のAPIが提供されているため、Twitchに関連したサービスを作成しようと考えました。

Twitchは海外製のサイトのため、日本とは少しユーザーインターフェースが異なります。

分かりやすくシンプルなWEBを好むのは海外で、情報量をいっぱいに詰め込んだ複雑なWEBを好むのが日本です。

例に漏れず自分も後者なので、今回はより自分好みのTwitchを作ってみようと思い、作成に至りました。

スポンサーリンク
レクタングル(大)

サイト情報

サイト名 twimix
URL http://twimix.net/
サーバー エックスサーバー
使用技術 HTML,CSS,PHP,MySQL
使用エディタ DreamWeaver、Aptana Studio

※エックスサーバーがオススメな理由を記事にしました。

月間300万PVでも平気!503エラーを防いだエックスサーバー
サイトを公開するとしたら、必ず必要なWEBサーバー。 自分でサーバーを構築したり、仮想サーバーやレンタルサーバーを借りて、ファイルをア...

twimix1twimix2

本家Twitchとは、以下の機能で差別化しています。

  • ゲームタイトルを選ぶと、自動でそのゲームの視聴者数の一番多い配信が開始される。人気の配信をすぐ視聴できます。
  • 画面右に、そのゲームの配信と視聴人数が分かるリストを設置。一定時間のインターバルを経て自動更新される。これにより、ワンクリックで気軽にチャンネルを切り替えられ、盛り上がりの変化なども直ぐ確認できます。
  • 同時に複数の配信を見られる「マルチウインドウ」機能を設置(画像右)。大会などでは複数のチャンネルから同時進行で進めるケースも多いですが、この機能で注目の配信を見逃すことなく視聴できます。
  • スマートフォン対応。Twitch公式ではブラウザから視聴が出来ず、アプリのダウンロードが必須となっています。何故かIframeで表示させるとスマートフォンにも対応できるみたいなので、それに適した形にしました。

以上です。

APIをフルで利用してWEBサービスを開発したのは初めてですが、TwitchはAPIから得れる情報量が多く、躓くことなくトントンと開発が進みました。

APIでの開発も初めてですが、何気にスマブラ、ポケモンと関与してないサービスを作ったのは自身初です。

次はゲームとは無関係のサービスを作ることになるのか、原点に戻ってくるのか、はてさて・・・。

スポンサーリンク
レクタングル(大)
レクタングル(大)

フォローする