Zunda2017 Game Channel

twitchでゲーム配信をしています!よかったらTwitterフォローしてみてください。 @ZundaZunda2017

ムクラ(ゴリラ)でもわかるtwitchパネルの編集方法 その2 拡張機能でパネルに自分のtwitterを表示する

前回の記事で基本的なtwitchパネルの編集方針は解説しました。
zunda2017.hatenablog.com

今回の目的はtwitchパネルに自分のtwitterを表示することです。
前回の記事ではtwitterへのリンクを貼るだけでしたが、今回はtweet内容をそのまま表示させます!


twitchパネルの拡張機能を使っていきます。拡張機能はtwitchパネルに色々な機能を付与してくれる便利なものです。
twitchの一般的な拡張機能の公式解説はこちら
Twitch | 拡張機能の使い方

今回は拡張機能活用の第一歩としてパネルにtwitterを表示していきます。
編集が完了すると以下のような感じになります。
f:id:Zunda2017:20180402140209p:plain


順を追って説明していきます。

①自分のtwitchチャンネルに拡張機能パネルを追加する。

まず、zunda2017.hatenablog.comを参考にしながら、自分のtwitchパネルに拡張機能パネルを追加します。
前回はテキスト、画像でしたが今回は拡張機能パネルを選びます。
f:id:Zunda2017:20180402141157p:plain
そうすると、こんな感じになります。
f:id:Zunda2017:20180402141212p:plain

ダッシュボードにある拡張機能マネージャーで拡張機能を編集する

上記画像の拡張機能マネージャーをクリックすればジャンプできます。
また、ダッシュボードの拡張機能をクリックしてアクセスすることもできます。
拡張機能マネージャーは以下のような画面
f:id:Zunda2017:20180402141751p:plain

ここから今回はUsherという拡張機能をインストールして使用します。検索欄で検索するか、スクロールしていくと真ん中くらいに出てくるはずです。
f:id:Zunda2017:20180402142022p:plain
インストールボタンでインストールができたら、今度は設定です。

左側の列に「インストール済みの拡張機能」が表示され、そこにUsherがあるはずです。
その設定ボタン(歯車)をクリックします。

すると以下のような画面になります。
f:id:Zunda2017:20180402142343p:plain
ここで、自分のtwitterIDの@以降(@は含まず)を入力し、チェック欄をチェックします。
submitボタンを押せば完了です。

入力が終わったら、拡張機能マネージャー画面に戻ります。

f:id:Zunda2017:20180402142022p:plain
ここで左列のUsherの下のアクティベートをクリックします。そうしてEXTENSION-PANEL-1に設定します。(既に拡張機能を使用している方は2,3で該当するものを選択。)

そうすると、拡張機能マネージャーで設定した内容が自分のチャンネルの拡張機能パネルに反映されます。自分のチャンネルに移動し確認してみましょう。

③まとめ

上手くいっていれば、最初に紹介した画像のように自分のチャンネルに最近のtweetが表示されているはずです。
Ushertwitter表示はtweetしてから反映されるまで少し時間がかかるようです。また、tweetに含まれる画像が表示されません。
最新のものが表示されないのは少し残念ですが、「こんなこと呟いてる人なんだな」と見に来てくれた人がすぐにわかるのは良いポイントではないでしょうか。


④最後に

今回は、twitchパネルを編集していくにあたって非常に便利な拡張機能の一部を紹介しました。
拡張機能を使いこなせれば、最近のクリップを表示したり、パネルでミニゲームができるようにもなります。

その他の拡張機能等も記事にできればよいかなと思うこの頃です。