「MoreStickers」はDiscordでLineスタンプを使用できるようにするVencord用プラグインです。LineスタンプのURLを入力するだけで、自動でインポートしてくれる便利なプラグインです。
MoreStickers(Stickers+) – Leko
github.com
インストール方法
このプラグインは現時点でVencordに搭載されていないため、自分でダウンロード・ビルドする必要があります。
1.依存関係をインストール
GitとNode.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」と検索し、トグルをオンにします。
次にチャット欄からスタンプを開き、歯車マークをクリックします。
URLに下のようなスタンプのリンクを貼り付け、「Insert」すれば完了です。
https://store.line.me/stickershop/product/5141/ja
MoreStickerはデフォルトで画像をリサイズします。
そのためPCでは適切な大きさで表示されますが、スマホでは拡大されて解像度が悪く見えてしまいます。
解決策としては下のスタンプを最大サイズで送信するを行うか、もしくは画像ではなくリンクで送るという方法があります。
Shiftキーを押しながらスタンプをクリックすると、このようなスタンプの元リンクで送信されます。(なぜか画像がプレビューされないことがあるので注意)
https://stickershop.line-scdn.net/stickershop/v1/sticker/xxx
おまけ設定
デフォルトの動作を少し変更します。MoreStickersの更新と干渉してしまう可能性があるので、わかる方だけ行ってください。
日本語でインポート
デフォルトだと、スタンプ名が英語でインポートされてしまうので、日本語でインポートできるように変更します。
C:\Users\ユーザー名\Vencord\src\plugins\moreStickers\lineStickers.ts
を開き、144行目のregionを「ja」に変更します。
スクロール速度を速くする
デフォルトだと、左側からスタンプをクリックするとアニメーションがついたスクロールが行われます。スタンプの数が増えるとスクロールに時間がかかるので、瞬時にスクロールされるように変更します。
C:\Users\ユーザー名\Vencord\src\plugins\moreStickers\components\PickerContent.tsx
を開き、165行目のbehavior: "smooth",
を削除します。
スタンプが表示されるようにする
スタンプの数が増えると、左のスタンプ一覧が途切れたり表示されないスタンプがあったりします。
C:\Users\ユーザー名\Vencord\src\plugins\moreStickers\style.css
を開いて
.vc-more-stickers-category-scroller
に追加します。
padding-bottom: 45px;
スタンプを最大サイズで送信する
デフォルトではスタンプはリサイズされて送信されます。
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」をクリックすると適用されます。
参考
・Vencord Installation Guide
https://github.com/Vendicated/Vencord/blob/main/docs/1_INSTALLING.md