MENU

MoreStickers – DiscordでLineスタンプが使えるVencordプラグイン

アイキャッチ画像

MoreStickers」はDiscordでLineスタンプを使用できるようにするVencord用プラグインです。LineスタンプのURLを入力するだけで、自動でインポートしてくれる便利なプラグインです。
MoreStickers(Stickers+) – Leko
github.com

インストール方法

このプラグインは現時点でVencordに搭載されていないため、自分でダウンロード・ビルドする必要があります。

1.依存関係をインストール

GitNode.JS LTSをインストールします。詳しいインストール方法は検索するとたくさん出てくるので、ここでは割愛します。

2.pnpmをインストール

コマンドプロンプトで入力していきます。

npm i -g pnpm

3.Vencordのクローンを作成

管理者として実行しないでください。

git clone -b MoreStickers https://github.com/lekoOwO/Vencord

4.依存関係をインストール

cd Vencord
pnpm install --frozen-lockfile

5.Vencordをビルド

pnpm build

6.Vencordをインストール

下のコマンドを入力すると、What would you like to do?と聞かれるのですべてEnterを押してください。

pnpm inject

使い方

Discordの設定 > Pluginsを開きます。
morestickers」と検索し、トグルをオンにします。

Discordの設定

次にチャット欄からスタンプを開き、歯車マークをクリックします。

MoreStickersのインポート画面へのアクセス

URLに下のようなスタンプのリンクを貼り付け、「Insert」すれば完了です。
https://store.line.me/stickershop/product/5141/ja

MoreStickersのインポート画面


MoreStickerはデフォルトで画像をリサイズします。
そのためPCでは適切な大きさで表示されますが、スマホでは拡大されて解像度が悪く見えてしまいます。

スタンプをスマホを見る

解決策としては下のスタンプを最大サイズで送信するを行うか、もしくは画像ではなくリンクで送るという方法があります。
Shiftキーを押しながらスタンプをクリックすると、このようなスタンプの元リンクで送信されます。(なぜか画像がプレビューされないことがあるので注意)
https://stickershop.line-scdn.net/stickershop/v1/sticker/xxx

おまけ設定

デフォルトの動作を少し変更します。MoreStickersの更新と干渉してしまう可能性があるので、わかる方だけ行ってください。

日本語でインポート

デフォルトだと、スタンプ名が英語でインポートされてしまうので、日本語でインポートできるように変更します。

C:\Users\ユーザー名\Vencord\src\plugins\moreStickers\lineStickers.tsを開き、144行目のregionを「ja」に変更します。

コードエディタで書き換え

スクロール速度を速くする

MoreStickersのスタンプ一覧
デフォルトだと、左側からスタンプをクリックするとアニメーションがついたスクロールが行われます。スタンプの数が増えるとスクロールに時間がかかるので、瞬時にスクロールされるように変更します。

C:\Users\ユーザー名\Vencord\src\plugins\moreStickers\components\PickerContent.tsxを開き、165行目のbehavior: "smooth",を削除します。

コードエディタで書き換え

スタンプが表示されるようにする

MoreStickersのスタンプ一覧

スタンプの数が増えると、左のスタンプ一覧が途切れたり表示されないスタンプがあったりします。
C:\Users\ユーザー名\Vencord\src\plugins\moreStickers\style.cssを開いて
.vc-more-stickers-category-scrollerに追加します。

padding-bottom: 45px;

コードエディタでCSSを編集

スタンプを最大サイズで送信する

デフォルトではスタンプはリサイズされて送信されます。
C:\Users\ユーザー名\Vencord\src\plugins\moreStickers\upload.tsを書き換えることで元画像サイズで送信することもできます。

60~70行目付近のresizedWidthとresizedHeightをそれぞれ、「originalImage.width」と「originalImage.height」に置き換えます。
コードエディタで書き換え

130行目付近に下のコードを追加し、すべての「sticker.image」を「newUrl」に置き換えます。

const newUrl = sticker.image.replace(/android\/sticker/, 'ios/sticker@2x');

コードエディタで書き換え


変更し終わったらコマンドプロンプトを開いて、

cd vencord
pnpm build

を入力してビルドし直します。
そしてDiscordの設定 > Vencordから「Restart Client」をクリックすると適用されます。

Discordの設定