2020年10月18日(日)

SDFイベント用ブックマークレット

ようやく都産貿浜松町館ができたので、うちから通える範囲で同人誌即売会がぼちぼちやるようになりました。
都産貿というと個人的にSDFのイベントかなと思うのですが、
（PiOだとケットコムっぽい）
SDFのサークルカット一覧が量が多いとちょっと見づらかったので。ブックマークレットを作ってみました。
WindowsのChromeでしか確認してませんが、たぶんMacとChromebookでも動くんじゃないかなあ。

これ使うイベント、ビッグサイトだわ……。

javascript:(function(){var script=document.createElement(“script”);script.src=”https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js”;script.integrity=”sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==”;script.setAttribute(“crossorigin”,”anonymous”);script.onload=function(){window.jQuery=jQuery.noConflict();let $=jQuery;let data=[];let genre=[];let $genre=$(‘</p> <div id="genre" style="position:fixed;background-color: rgba(255,255,255,0.8);"></div> <p>‘);$(“table”).each(function(){let html=$(“tr”,this).eq(0).find(“td”).html();let sp=html.split(“<br />“);let obj={};obj.circle=sp[0].trim();obj.genre=sp[1].trim();genre.push(sp[1].trim());obj.space=sp[2].trim();let author=$(“tr”,this).eq(0).find(“td”).eq(1).text();obj.author=author;let img=$(“tr”,this).eq(1).find(“td”).find(“img”).attr(“src”);obj.img=img;data.push(obj)});genre=Array.from(new Set(genre));genre.forEach(function(b,a){$genre.append(‘</p> <div data-genre="genre'+a+'"><label style="cursor:pointer;"><input type="checkbox" value="genre'+a+'" checked/>‘+b+”</label></div> <p>“)});$genre.append(‘<span id="genreBtn" style="border-bottom: 1px solid #00f;cursor:pointer;" class="open">閉じる</span>‘);data.forEach(function(b,a){data[a].genre_no=genre.indexOf(b.genre);let $col=$(‘</p> <dl data-genre="genre'+data[a].genre_no+'" style="display:flex; max-width: 300px;"></dl> <p>‘).append(“</p> <div>“+b.genre+”</div> <p>“).append(“</p> <div>“+b.space+”</div> <p>“).append(“</p> <div>“+b.circle+”</div> <p>“).append(“</p> <div>“+b.author+”</div> <p>“);if(null!=b.img){$col.append(‘<img class="lazy " src="https://lilting.ch/wp-content/plugins/jquery-image-lazy-loading/images/grey.gif" data-original="'+b.img+'" style="width: 100%; height: auto;"/><noscript><img src="'+b.img+'" style="width: 100%; height: auto;"/></noscript>‘).data(“obj”,data[a])}else{data[a].img=”./”;$col.append(‘<img class="lazy " src="https://lilting.ch/wp-content/plugins/jquery-image-lazy-loading/images/grey.gif" data-original="https://placehold.jp/ffffff/000000/483x310.png?text=%E3%82%AB%E3%83%83%E3%83%88%E7%99%BB%E9%8C%B2%E3%81%AA%E3%81%97" style="width: 100%; height: auto;"/><noscript><img src="https://placehold.jp/ffffff/000000/483x310.png?text=%E3%82%AB%E3%83%83%E3%83%88%E7%99%BB%E9%8C%B2%E3%81%AA%E3%81%97" style="width: 100%; height: auto;"/></noscript>‘).data(“obj”,data[a])}$col.wrapInner(“</p> <dd></dd> <p>“);$(“body p”).append($col)});$(“body p”).css({display:”flex”,”flex-wrap”:”wrap”});$(“table”).remove();$(“body”).prepend($genre);$(“h1”).after(‘<span id="dlChked" style="display:block;cursor:pointer;border-bottom:1px;solid;#00f;">表示中のチェックしたサークルをCSV形式でDL</span>‘);$(“h1”).after(‘<span id="toggleChk" class="chk" style="display:block;cursor:pointer;border-bottom:1px;solid;#00f;">表示中のサークル全チェック / 全解除</span>‘);$(document).on(“click”,”#genre input”,function(){$(“#genre input”).each(function(){if($(this).prop(“checked”)){$(‘p dl[data-genre=”‘+$(this).val()+'”]’).show()}else{$(‘p dl[data-genre=”‘+$(this).val()+'”]’).hide()}})}).on(“click”,”#genreBtn”,function(){if($(this).hasClass(“open”)){$(this).removeClass(“open”).addClass(“close”);$(this).siblings().hide();$(this).text(“開ける”)}else{$(this).removeClass(“close”).addClass(“open”);$(this).siblings().show();$(this).text(“閉じる”)}}).on(“click”,”dl”,function(){if($(this).hasClass(“chk”)){$(this).removeClass(“chk”);$(this).css(“background-color”,””)}else{$(this).addClass(“chk”);$(this).css(“background-color”,”#ff0″)}}).on(“click”,”#toggleChk”,function(){if($(this).hasClass(“chk”)){$(this).removeClass(“chk”).addClass(“remove”);$(“dl:visible”).removeClass(“chk”)}else{$(this).addClass(“chk”).removeClass(“remove”);$(“dl:visible”).addClass(“chk”)}$(“dl:visible”).trigger(“click”)}).on(“click”,”#dlChked”,function(){const c=”circle.csv”;let $circle=$(‘dl:visible[class=”chk”]’);let c_list=[[“イベント”,”スペース”,”サークル名”,”代表者”,”カットURL”,”URL”]];$circle.each(function(){let o=$(this).data(“obj”);let $c=$(“<span>“+o.circle+”</span>“);let d=””;if(1===$c.children().length){$c=$c.find(“a”);d=$c.attr(“href”)}let img_url=o.img.replace(“./”,””);if(“”!==img_url){img_url=”https://sdf-event.sakura.ne.jp/mform/cutfile/”+img_url}let arr=[o.genre,o.space.replace(“SP-No.”,””),$c.text(),o.author,img_url,d];c_list.push(arr)});const f=c_list.map(function(g){return g.join(“,”)}).join(“\r\n”);const e=new Uint8Array([239,187,191]);const b=new Blob([e,f],{type:”text/csv”});const d=(window.URL||window.webkitURL).createObjectURL(b);const a=document.createElement(“a”);a.href=d;a.download=c;a.click();(window.URL||window.webkitURL).revokeObjectURL(d)});};document.body.appendChild(script);})();

使い方は

ブックマークにまんまコピペしてください。
もしくはテキストエリア内を全部コピーしてブックマークバーにD&Dしても入ると思います。