見出し画像

LINEスタンプのタグ一覧を1クリックで取得するブックマークレットを作りました

毎度、rorosukeです。
LINEスタンプ、作ってますか?

LINEスタンプの作成において、必ずぶつかる作業があります。

タグ登録です。

スタンプが完成して、サイズも整えて、クリエイターズマーケットにアップロードして……やっと終わりかと思ったら、1枚1枚にタグをつけなければいけません。

しかも「どんなタグが使えるのか」を確認するのが、また地味に面倒。

タグ編集ページを開いてスクロールしながら眺めるか、ネットで「LINEスタンプ タグ一覧」と検索するか。でも検索で出てくる情報は古かったりします。LINEはタグを随時追加・削除しているので、半年前の記事はもうあてにならないことも多いです。

そこで今回は、

タグ編集ページを開いてボタンを1回クリックするだけで、今日時点の最新タグ一覧を取得できるブックマークレット

を作りました。
実行すると、次のようなタグをCSVデータ化したテキストが得られます。

ちょっと待った,偉い,どうぞ,無理しないで,気をつけて,会いたい,終わった,いえいえ......

タグ一覧は、ファイル保存されるのですが、それと同時に、クリップボードにもコピーする仕様です。 Ctrl + V で、スピーディーにAIなどへ貼り付けて使うこともできますよ。




そもそもブックマークレットって何?

馴染みのない方のために軽く説明しますと、

ブックマーク(お気に入り)に登録できる小さなプログラム

のことです。

普通のブックマークはWebページのURLを保存しておくものですが、ブックマークレットはURLの代わりにプログラムを入れておきます。
クリックすると、今開いているページの上でそのプログラムが動く、という仕組みです。

インストール不要で、登録も1分もかかりません。




登録方法

早速、登録してみましょう。
手順を解説します。
手順通りに行えば、プログラムの登録まで済んでしまいます。

まずブックマークバーを表示しておいてください。Chromeの場合は Ctrl + Shift + B(Macは Command + Shift + B)で表示・非表示を切り替えられます。

ブックマークバー(ユーザーによって登録内容は違います)

Step 1:ブックマークバーの何もないところを右クリックして、「ページを追加」を選びます。

「ページを追加」メニュー

Step 2:こんなダイアログが出てきます。

  • 名前:LINEタグ取得(なんでもOKです)

  • URL:以下のコードをそのまま全部コピーして貼り付けてください

javascript:(function(){const spans=document.querySelectorAll('span[data-test="tag-name"]');if(!spans.length){alert('タグが見つかりませんでした。タグ編集ページまたはタグ一覧ページで実行してください。');return;}const all=[...spans].map(s=>s.textContent.trim()).filter(t=>t);const tags=[...new Set(all.slice().reverse())].reverse();const csv=tags.join(',');const blob=new Blob([csv],{type:'text/plain;charset=utf-8'});const url=URL.createObjectURL(blob);const a=document.createElement('a');a.href=url;a.download='line_tags.csv';a.click();URL.revokeObjectURL(url);navigator.clipboard.writeText(csv).then(function(){alert(tags.length+'個のタグを取得しました。\nファイル保存+クリップボードにコピーしました。');}).catch(function(){alert(tags.length+'個のタグを取得しました。\nファイル保存しました。(クリップボードへのコピーに失敗しました)');});})();
名前とURLを入力する

Step 3:「保存」を押せば完了です。

ブックマークバーに「LINEタグ取得」というボタンが追加されていれば成功です。

「LINEタグ取得」が登録された




使い方

登録できたら、さっそく使ってみましょう。

Step 1:LINEクリエイターズマーケットにログインして、タグ編集ページを開きます。

タグ編集画面を表示しておく

スタンプの管理ページから、どれか1つのスタンプの「タグ編集」を選べばOKです。どのスタンプでも、タグの一覧は同じものが表示されるので、どれを開いても結果は変わりません。

Step 2:ページが読み込まれたら、ブックマークバーの「LINEタグ取得」をクリックします。

これだけです。




実行するとこうなります

ブックマークをクリックして数秒後、このようなアラートが表示されます。

571個のタグを取得しました。 ファイル保存+クリップボードにコピーしました。

実際の表示例

これで、クリップボードにタグ一覧が記憶され、同時に line_tags.csv というファイルがダウンロードされます。

ファイルを開くと、こんな感じでタグがカンマ区切りで1行に並んでいます。

ちょっと待った,偉い,どうぞ,無理しないで,気をつけて,会いたい,終わった,いえいえ,タピる,まだ?,ゆっくり,難しい……

クリップボードに記憶されるのも、同じ内容です。そのままテキストエディタやスプレッドシートに貼り付けて使用できます。

テキストエディタへペーストした例




取得したタグリスト、こんなふうに使えます

CSVファイルとクリップボードに保存されたタグ一覧は、いろいろな使い方ができます。

AIに貼り付けて何らかの提案をしてもらう

タグ一覧をそのままChatGPTやGeminiに貼り付けて、「このスタンプ画像に合うタグをこの中から選んでください」のようにお願いすることができます。AIがタグリストの中から適切なものを選んでくれるので、架空のタグが出てくる心配がありません。

スプレッドシートで管理する

Googleスプレッドシートに貼り付けて、自分なりのタグ管理表を作っておくのも便利です。よく使うタグに色をつけたり、ジャンル別に整理したりと、自分だけのリファレンスが作れます。




稀な現象のご報告

先日、タグ編集画面を見ていたら、不思議な現象に遭遇しました。
おすすめタグの中に「崩潰」(和訳:崩壊)というタグが突如出現。どうやら中国語のタグを、LINEの「おすすめのタグ」を表示してしまったという、AIのミスではないかと思われます。

おすすめタグに「崩潰」と表示されたときのキャプチャ

確認してみると、このワードは日本語のタグ一覧の中にはありません。これをクリックすると9個の「タグ」に登録はされますが、色が緑色になっていません。

実は、本記事で公開したタグ一覧取得ブックマークレットは、この事態には対応できないため、本来であればタグ一覧に含めるべきではないのですが、実際にはタグ一覧に含まれてしまいます。

めったにないイレギュラーなことだとは思いますが、一応お伝えしておきました。

追記
この現象ですが、私の認識不足がありました。言語を切り替えることで、異なる言語を、一緒にしてタク登録できる仕様になっているようです。したがって、バグでも不具合でもありません。失礼しました。




こっそりバージョンアップしました(2026/03/15)

このブックマークレットを、「すべてのタグ」ページでも使えるようにしました。

「すべてのタグ」ページへ飛ぶリンク
「すべてのタグ」ページ

このページで公式タグリストを取得するメリットとして、

他の言語のタグを収集する

ことができます。
たとえば、繁体字のタグリストを収集したいときには、次のように言語を切り替えてブックマークレットを実行してください。




まとめ:使い道はいろいろ

地味なツールですが、タグ作業を効率化したい方にはきっと役立つと思います。

「LINEのタグって今いくつあるんだろう?」と気になったときにも使えますし、定期的に実行して増減をチェックしたり、新しく対応したタグをいち早く使ってみたり、逆に消えたタグを調査してもいいかもしれません。

ちなみに、先日公開した次のアプリも、次回、このタグリスト対応にする予定ですのでご期待ください。

以上!



✨ もう一歩先が気になる方へ

最新タグを拾えるようになると、
次に気になるのは使い方です。

そのまま次の手順につなげたい方は、
こちらの記事が続きになります。

いいなと思ったら応援しよう!

ROROSUKE LABO 記事なり、プログラムなりが役に立ったと思った方は、 チップの応援よろしくお願いいたします。 次の開発もがんばろうかな、という気になりますのだ (笑)