weep
@weep

Mastodon #InstanceTicker を Greasy Fork で公開中!

この投稿は別サイトからのクロス投稿です(クロス元:https://weep.qrunch.io/entries/v...

Mastodonでインスタンス名を表示させるCSS #InstanceTicker の件なんですが、利用者が限られすぎていたので、ハードルをどんどん下げていきます。

Greasy Fork で公開しました。

Mastodon #InstanceTicker (Greasy Fork Version)

使い方

以下の説明は、 Google Chrome + Tampermonkey でやってます。

1.ブラウザ拡張機能(以下、アドオンと言います。)をインストール

Google Chrome なら、 Tampermonkey か Violentmonkey です。

まずはこの「アドオン」をインストールしてやらないと。

スクリプトの直リンクになるだけで終わりです。。。

 

undefined.jpg

ノートPC にある「タッチパッド」みたいなロゴが、 Tampermonkey のアイコンです。

他のブラウザ事情は、おいらにはわかりません。

Greasy Fork の サイトを読んで下さい。

アドオンをインストールしたら。。。

2.スクリプトをインストールします。

undefined.jpg

緑のこれをクリックすると、インストールされます。たぶん。

3.インストールされたらこうなります。

undefined.jpg

名前なげえなこれ。

4.使えるようにするために設定しましょう。

あなたが使ってる Mastodon に対応できるように設定する必要があります。

undefined.jpg

右端のノートにペンがぶっ刺さってるマークが編集です。

5.設定画面に行こう。

編集画面になったら次は、そのまま設定タブを押します。

おいらのスクリプトなんてじっくり見なくて良いです!

恥ずかしいです!!

undefined.jpg

いやんえっち。

6.設定画面へようこそ

undefined.jpg

いっぱい項目あって、わけわからん。。。

おいらも初見だとそう思った。

 

undefined.jpg

迷わずに「ユーザーによる match」って入力欄を探します。

「元の match」 の下にあると思います。

 

undefined.jpg

まぁ、こんな感じに、使いたいインスタンスのURLを入力。

末端には、肛門みたいな「*」を忘れずに最後に付けてやると、使えるようになるみたいですよ。。

ASS!!!!!

7.表示されたらOK!!!!!!

undefined.jpg

上の画像は、mstdn.jp の連合タイムラインです。

上の画像に映ってしまった皆様。

超ごめんなさい!!!!!!!

以上

です。

weep がお送りしました。

関連記事

コメントはありません。
weep
@weep
ホエホエパー
フォロー
フォロワー
ブログを開設

クランチで技術ブログを
始めてみませんか?

この先は、クランチへのアカウント登録、及びログインが必要なページになります。

Markdownの書き方
見出し # 見出し(h1)
## 見出し(h2) , ### 見出し(h3) ...
リスト - 箇条書き
   - タブでインデント
番号付きリスト 1. テキスト
2. テキスト
改行 行末に半角スペース2つ
リンクの挿入 [タイトル](https://xxx.com)
引用 > テキスト
コード挿入 ```cpp:title
code
```
画像の挿入 ![代替テキスト](URL "タイトル")
太字 **テキスト**
斜体 *テキスト*
打消し線 ~~テキスト~~
水平線 ***
技術ブログを開設
ログイン