« サンワサプライ 非接触放射温度計 CHE-TN430を買った(レビュー) | トップページ | プロ生ちゃんサイネージボードを作ってみた(簡略版)(マスコットアプリ文化祭2020応募記事) »

FirefoxのサイドバーでTweetDeckを表示する

(2018/10/06追記)Firefox 63以降での表示方法について追記しました。

Firefoxの新バージョンである57 Quantumがリリースされ、その軽快な動作が話題になっています。
一方で、旧来のアドオンで対応が打ち切られてしまい困っているという声も。

Firefoxのサイドバー対応Twitterクライアントアドオン(Echofonとか)の代用として、サイドバーでTweetDeckを常時開いてみましょう!
※TweetDeck以外のサイト(TwitterLiteとか)でも可能です。
※Windows版で書いていますが、Mac版でも出来るそうです。

Tweetdeck_on_firefox_00

手順1 TweetDeckをブックマークする

ごく普通に、TweetDeckをブックマークへ追加します。

Tweetdeck_on_firefox_01

手順2 TweetDeckのブックマークを編集する

(2018/10/06追記)Firefox 63以降はこのチャックボックスが無いため、記事末尾に飛んでください。

ブラウジングライブラリーボタンからブックマークを開きます。

Tweetdeck_on_firefox_02

先ほどブックマークしたTweetDeckを右クリックし、プロパティを開きます。

Tweetdeck_on_firefox_03

このブックマークはサイドバーに読み込むのチェックボックスにチェックを入れて保存します。

Tweetdeck_on_firefox_04

手順3 TweetDeckをブックマークから開く

ブックマークからTweetDeckを開きます。

Tweetdeck_on_firefox_05

サイドバーでTweetDeckが開きました!

Tweetdeck_on_firefox_06

手順4 userChrome.cssでタイトルバー非表示&幅制限解除

標準状態ではサイドバーの幅を十分に広げられないため、RT画面などが正常に表示されません。
TweetDeckと表示されているタイトルバーも少し邪魔です。

Tweetdeck_on_firefox_07

FirefoxのuserChrome.cssを編集することで解決できます。
userChrome.cssの保存場所は、下記サイトを参考にしました。
Firefoxの設定を直接、変える | You Look Too Cool http://stabucky.com/wp/archives/6092

私の環境ではchromeフォルダとuserChrome.cssファイルが存在しなかったため、新規作成しました。

Tweetdeck_on_firefox_08

userChrome.cssの内容は以下のようにしました。
660pxの数値は環境によって異なるかもしれません。

#sidebar-box  sidebarheader {
display: none !important;
}
#sidebar {
max-width: 660px !important;
}

ファイルとしても置いておきます。
http://mem96.moe-nifty.com/clock/2017/11/userChrome.css

userChrome.cssを保存してからFirefoxを再起動すると、サイドバーの幅を広げられるようになりました!

Tweetdeck_on_firefox_09

2019/10/06追記 Firefox 63以降について

Firefox 63.0betaで”このブックマークはサイドバーに読み込む”(Open in Sidebar)のオプションが廃止されました。このため、上記の方法ではTweetDeckをサイドバーで開く事が出来なくなりました。

今後TweetDeckをサイドバーで開くには下記のアドオンいずれか一つが必要となります。
いずれのアドオンも、”このブックマークはサイドバーに読み込む”では不可能だったCtrl+マウスホイールでのズームが可能になります。

タイトルバーと幅制限の問題については、手順4のuserChrome.css編集が必要です。

  • Open in Sidebar
    TweetDeckのブックマークを右クリックして”Open Bookmark in Sidebar”で開く
    TweetDeckの表示崩れ無くおすすめ
  • Webpage Sidebar
    専用ボタンにURLを入力して開く
    TweetDeckの表示が若干崩れる
  • Tweetdeck for sidebar
    TweetDeck専用なので簡単
    TweetDeckの表示が若干崩れる

|

« サンワサプライ 非接触放射温度計 CHE-TN430を買った(レビュー) | トップページ | プロ生ちゃんサイネージボードを作ってみた(簡略版)(マスコットアプリ文化祭2020応募記事) »

パソコン・インターネット」カテゴリの記事

コメント

この記事へのコメントは終了しました。

トラックバック


この記事へのトラックバック一覧です: FirefoxのサイドバーでTweetDeckを表示する:

« サンワサプライ 非接触放射温度計 CHE-TN430を買った(レビュー) | トップページ | プロ生ちゃんサイネージボードを作ってみた(簡略版)(マスコットアプリ文化祭2020応募記事) »