[LINE] クリエイターズスタンプの「タグ設定」を高速化する秘策

クリエイターズスタンプの「タグ設定画面」を改善するスクリプトをつくりました。「スタンプ統計情報をその場で並べ替える方法」と同様、ブックマークに登録するだけで使えます。ご自由にお持ち帰りください。

できること
つかいかた
配布
追記
関連リンク

できること

2017年9月、オートサジェスト機能のクリエイターズマーケット対応にともない、スタンプひとつひとつに「タグ」を設定する機能が追加されました。

タグ設定画面は、一見スッキリしているのですが、選択肢が多く、全体を見渡すのが難しい。最適なワードを探してチェックしていく作業を、1セットにつき40回ずつ繰り返していくのはなかなかの苦行です。なにより、時間をかけたくない…

というわけで、せめてユーザーインターフェースを改善して効率を上げよう、という試みです。

タグ付け専用画面に

メニューなどをまとめて隠して画面いっぱいに使います。ウィンドウは横幅1,200px以上推奨です。

コントラスト向上

分類を明快に、選択を明確に。識別しやすい配色によってミスを減らします。ロールオーバーにも反応します。

スタンプ画像とボタンを拡大

絵柄がよく見えるよう拡大し、フロート表示。「保存」ボタンも最下部に大きく。スクロールの往復を少なく。

確認ボタンの位置変更

そもそもOKボタン自体が不要とも思えますが、とにかく毎回押すのが面倒なのでマウスの移動距離を削減。

ブラウザの「ページ内検索」と組み合わせれば、さらに効率アップ！

つかいかた

単純なブックマークレットです。

ブックマークレットとは、ブックマークのURL部分にスクリプトを登録することで、表示中のページをいじくる昔ながらの小技です。要するにブックマーク。

普段使っているブックマークバー（お気に入りバー、サイドバーなど）に以下の呪文をまるごと登録するだけで準備完了です。一度設定しておけば、次からはワンクリック。ショートカットを割り当てれば一瞬です。

javascript:(function()%7Bif(typeof%20jQuery=='undefined')%7Bvar%20jq=document.createElement('script');jq.type='text/javascript';jq.onload=bookmarklet;jq.src='http://ajax.googleapis.com/ajax/libs/jquery/2/jquery.min.js';document.body.appendChild(jq);%7D;$('head').append('%3C/p%3E%3Cstyle%3E.LyHead,.LySub,.LyFoot,.LyWrap%20.lyWrapInner:before,.MdCMN24HeadingGroup,h2.mdCMN01Heading,.MdCMN34StickerTagDetail%3Eul,span.ng-binding,select.ng-isolate-scope.ng-pristine.ng-valid,p.ng-binding,.MdPOP03Submit%20.MdBtn01:first-child%7Bdisplay:none;%7D.LyMain%7Bpadding:10px;%7D.MdCMN34StickerTagDetail%20.mdCMN34StickerTagDetail%20.MdCMN34StickerTagContent%7Bborder:none;%7D.MdCMN34StickerTagContent%7Bposition:fixed;left:20px;bottom:20px;background:rgba(0,0,0,.7);box-shadow:0px%202px%203px%200%20rgba(0,0,0,.3);border-radius:5px;z-index:1%7D.MdCMN34StickerTagDetail%20.mdCMN34StickerTagDetail%20.MdCMN34StickerTagContent%20.mdCMN34StickerTagContent%7Bpadding:0%2020px;background:none;border-radius:3px;%7Dth.ng-binding%7Bfont-size:2em;%7Dtd.ExExpanded%7Bpadding:6px;background:%23f6f7f8;%7D.MdCMN34StickerTagPool%20table%20tbody%20td.ExExpanded%3Ediv%7Bwidth:120px%20!important;margin:1px%20!important;color:%23333%20!important;background:%23fff;border:none;border-radius:3px;%7D.MdCMN34StickerTagPool%20table%20tbody%20td.ExExpanded%3Ediv:hover%7Bbackground:rgba(255,60,0,.2);%7D.MdCMN34StickerTagDetail%20.mdCMN34StickerTagDetail%20.MdCMN34StickerTagPool%20table%20tbody%20td.ExExpanded%20%3E%20div.ExSelected%7Bfont-weight:bold;color:%23fff%20!important;background:rgba(255,60,0,.9);border:solid%201px%20red;%7Dtr.ng-scope%7Bborder-top:solid%204px%20%23111;%7D.MdCMN34StickerTagDetail%20.mdCMN34StickerTagDetail%20.MdCMN34StickerTagContent%20.mdCMN34StickerTagContent%20.MdCMN34StickerTagItems%20div.ExSelected%7Bfont-size:%202em;font-weight:bold;color:%23fff;background:rgba(255,60,0,.9);border:solid%201px%20red;border-radius:4px;%7D.MdCMN34StickerTagDetail%20.mdCMN34StickerTagDetail%20.MdCMN34StickerTagContent%20.MdCMN34StickerTagImageArea%20div%7Bmin-width:%20200px;min-height:%20150px;background:none;border-radius:3px;%7D.MdCMN34StickerTagDetail%20.mdCMN34StickerTagDetail%20.MdCMN34StickerTagContent%20.mdCMN34StickerTagContent%20.MdCMN34StickerTagItems%20div.ExItem%7Bwidth:auto;height:auto;padding:.5em%201em;%7D.MdCMN34StickerTagDetail%20.mdCMN34StickerTagDetail%20.MdCMN34StickerTagContent%20.mdCMN34StickerTagContent%20.MdCMN34StickerTagFeedback%7Btop:100px;%7D.MdCMN34StickerTagNoItems%7Bmargin:1em%202em;color:%23fff;font-size:2em;%7D.MdCMN34StickerTagDetailCtrl%7Btext-align:right;%7D.MdBtn01%7Bpadding:0;%7D.MdBtn01%20.mdBtn%7Bdisplay:block;width:auto;padding:.5em%202em;%7D.MdBtn01%20.mdBtn:hover%7Bbackground:rgba(6,146,0,1);%7D.mdBtn%7Bfont-size:2em;%7D.mdBtn:hover%7Bbackground:rgba(6,146,0,1);%7D.mdBtn01Cr02%20.mdBtn:hover%7Bbackground:%23d6d7d7;%7D.MdPOP01Modal%20.mdPOP01Window%7Bposition:absolute;bottom:150px;right:50px;width:auto;padding:10px%200;background:rgba(0,0,0,.7);box-shadow:0px%202px%203px%200%20rgba(0,0,0,.3);border:none;border-radius:5px;%7D.mdPOP04Short%7Bcolor:%23eee%20!important;%7D%3C/style%3E%3Cp%3E');$(%22.MdCMN34StickerTagDetail%22).after($(%22.MdCMN34StickerTagDetailCtrl%22));$(%22.MdCMN34StickerTagPool%22).height(1480);$(%22.LyMain%22).width(1200);%7D)();

または、このリンクをブックマークバーにドラッグして登録！

（最新版:2018-02-21）

ブックマーク名は自由。表面的な「見え方」が変わるだけですので、リロードすれば元の表示に戻ります。