「Theme Rep N」

「Theme Rep N」は、新タイプスキンのブログに対応した「ブログ記事のテーマ整理ツール」です。 ブログのテーマ整理をしたくても、手間なので放置しているのなら、このツールの自動処理が助けてくれます。

 

テーマを書換え処理は「記事一覧」の記事リストで行います。 その際に、処理の進行を示す「プログレスバー」をパネル上に表示します。 このバーのデザインは、これまで「Win絵文字」を使用していたので、Windowsのバージョンでデザインが変わる問題がありました。 今回、表示を「Svg画像」に変更して、この問題を改善しました。

 

下は、新しいバーのデザインです。(Win10 の場合のデサインに近付けています)

 

 

 

下は、新タイプスキンでテーマ書き換え処理を実行中の様子です。

 

 

 

 

「Theme Rep N」の扱い方は以下を参照ください 

ツールのメインパネルの「 」ボタンからも参照できます。

 

 

 

 

 「Theme Rep N」 ver. 1.6 を使用するには

「Theme Rep N」は Chrome・Edge・Firefox の拡張機能「Tampermonkey」上で動作するスクリプトツールです。

 

以下に、このツールの導入手順を示します。

 

❶「Tampermonkey」を導入します

使用しているブラウザに拡張機能「Tampermonkey」を導入する事が必要です。 以下のページに簡単な導入の説明をしていますから参照ください。 既にこの拡張機能を導入している場合は、❶ の操作は不要です。

 

 

❷「Tampermonkey」にスクリプトを登録します

「Tampermonkey」の「」マークの「新規スクリプト」タブを開きます。

 

 

 

◎「新規スクリプト」には、最初からテンプレートが記入されています。 これは全て削除して、完全に空白にした編集枠に 下のコードをコピー&ペーストします。

 

〔コピー方法〕 軽量シンプルなツール「PreBox Button   」を使うと

  コード枠内を「Ctrl+左Click」➔「Copy code 」を「左Click」

  の操作で、掲載コードのコピーが可能になります。

 

◎ 最後に「ファイル」メニューの「保存」を押すと、ツールが使用可能になります。

 

 

〔 Theme Rep N 〕 ver. 1.6

 

// ==UserScript==
// @name         Theme Rep N
// @namespace    http://tampermonkey.net/
// @version      1.6
// @description  ブログテーマの整理・変更ツール 新スキン版
// @author       Ameba Blog User
// @match        https://ameblo.jp/*
// @match        https://blog.ameba.jp/ucs/entry/srventry*
// @run-at        document-start
// @noframes
// @grant         none
// ==/UserScript==

let first=0; // 起動後の自動スクロールの有無
let theme_list; // 登録テーマの配列

let read_json=sessionStorage.getItem('TRepN'); // セッションストレージ読込み
theme_list=JSON.parse(read_json);
if(theme_list==null){
    theme_list=[[ , ]]; }


function storage(){
    let bord_active=document.querySelector('.skin-borderLoud.is-active');
    if(bord_active && bord_active.textContent=="テーマ別"){ // テーマ別画面で動作
        theme_list=[[ , ]]; // リセット

        let btn_arch=document.querySelectorAll('.skin-btnArchive');
        for(let i=0; i<btn_arch.length; i++){
            theme_list[i]=[ , ]; } // 初期化

        for(let k=0; k<btn_arch.length; k++){
            let btn_link=btn_arch[k].getAttribute('href').split('theme-');
            let theme_id=btn_link[1].slice(0, 11);
            let theme_name=btn_arch[k].textContent;
            theme_list[k][0]=theme_id;
            theme_list[k][1]=theme_name; }

        let write_json=JSON.stringify(theme_list);
        sessionStorage.setItem('TRepN', write_json); }} // セッションストレージに書込み


function disp_themes(){
    let themes_panel=document.querySelector('#themes_panel');
    let themes_ul=document.querySelector('#themes_ul');

    if(themes_panel && themes_ul){
        themes_ul.innerHTML='';
        for(let k=0; k<theme_list.length; k++){
            let themes_li=document.createElement('li');
            themes_li.setAttribute('class', 'themes_li');
            themes_li.innerHTML=theme_name_disp(theme_list[k][1]);
            let themes_lis=document.querySelectorAll('.themes_li');
            if(themes_lis.length<theme_list.length && theme_list[k]!=''){
                themes_ul.appendChild(themes_li); }}}

    function theme_name_disp(str){
        if(str){
            let name=str.slice(0, str.lastIndexOf('('));
            let num=str.slice(str.lastIndexOf('(')).replace(/[^0-9]/g, '');
            return '<uni>'+ name +'<span class="trep_num"> '+
                '<c>(</c>'+ num +'<c>)</c></span></uni>'; }}}




let target=document.querySelector('head');
let monitor=new MutationObserver(main);
monitor.observe(target, { childList: true });

function main(){
    if(document.querySelector('.skin-page')){ // 新スキンブログ画面で動作

        let help_SVG=
            '<svg height="24" width="24" viewBox="0 0 210 220">'+
            '<path d="M89 22C71 25 54 33 41 46C7 81 11 142 50 171C58 177 68 182 78 '+
            '185C90 188 103 189 115 187C126 185 137 181 146 175C155 169 163 162 169 '+
            '153C190 123 189 80 166 52C147 30 118 18 89 22z" style="fill: #97d4f3;"></path>'+
            '<path d="M67 77C73 75 78 72 84 70C94 66 114 67 109 83C106 91 98 95 93 '+
            '101C86 109 83 116 83 126L111 126C112 114 122 108 129 100C137 90 141 76 '+
            '135 64C127 45 101 45 84 48C80 49 71 50 68 54C67 56 67 59 67 61L67 77M'+
            '85 143L85 166L110 166L110 143L85 143z" style="fill:#fff;"></path>'+
            '</svg>';

        let panel=
            '<div id="trep_panel">'+
            '<span id="trep_span">テーマ取得 ▷ 記事選択:Click / Ctrl+Click'+
            ' ▷ 変更先テーマ選択:Click <a class="help_TR">'+ help_SVG +'</a></span>'+
            '<div id="trep_inner">'+
            '<span id="trep_progress"></span>'+
            '<input id="theme_write" type="submit" value="OK">'+
            '<input id="not_write" type="submit" value="Cancel">'+
            '<input id="themes_get" type="submit" value="テーマ取得">'+
            '<input id="w_position" type="submit" value="サブウインドウ位置">'+
            '<input id="panel_position" type="submit" value="パネル位置">'+
            '<input id="blog_setting" type="submit" value="テーマ編集">'+
            '<input id="stop_out" type="submit" value="処理中止">'+
            '</div></div>';

        if(!document.querySelector('#trep_panel')){
            document.body.insertAdjacentHTML('beforeend', panel); }


        let help_TR=document.querySelector('.help_TR');
        if(help_TR){
            let url='https://ameblo.jp/personwritep/entry-12797538582.html';
            help_TR.setAttribute('href', url);
            help_TR.setAttribute('target', '_blank'); }


        let panel2=
            '<div id="themes_panel">'+
            '<p>   登録テーマ一覧</p><ul id="themes_ul"></ul></div>';

        if(!document.querySelector('#themes_panel')){
            document.body.insertAdjacentHTML('beforeend', panel2); }


        disp_themes();


        let style=
            '<style id="trep_style">'+
            '#trep_panel { position: fixed; z-index: 4000; top: 60px; '+
            'font: bold 16px/24px Meiryo; color: #999; background: #fff; '+
            'width: 620px; height: 80px; padding: 17px 5px 0; text-align: left; '+
            'border: 1px solid #aaa; border-radius: 6px; box-sizing: content-box; '+
            'overflow: hidden; box-shadow: 0 20px 30px rgb(0, 0, 0, .2); } '+
            '#trep_span { margin-left: 20px; white-space: nowrap; } '+
            '#trep_inner { position: absolute; bottom: 6px; left: 5px; '+
            'height: 37px; width: 620px; background: #e4eef8; } '+
            '#trep_progress { margin-left: 20px; line-height: 41px; } '+
            '.prosvg { width: 22px; height: 20px; margin-top: 9px; } '+
            '.trep_box { margin: 0 10px; color: #000; border: 1px solid #666; '+
            'border-radius: 2px; } '+
            '.trep_box.b1 { padding: 3px 15px 0; color: #2196f3; } '+
            '.trep_box.b2 { padding: 3px 10px 0 15px; } '+
            '.trep_num { color: #2196f3; } '+
            'c { font-weight: normal; }'+
            '#theme_write, #not_write, #themes_get, #w_position, #panel_position, '+
            '#blog_setting, #stop_out { position: absolute; bottom: 4px; '+
            'font: bold 16px/16px Meiryo; padding: 2px 10px 0; height: 29px; '+
            'color: #000; box-shadow: inset 0 0 0 40px rgb(40, 180, 250, 0.3); } '+
            '#stop_out { right: 25px; display: none; } '+
            '#theme_write { right: 200px; display: none; } '+
            '#not_write { right: 90px; display: none; } '+
            '#themes_get, #w_position, #panel_position, #blog_setting { '+
            'color: #777; box-shadow: inset 0 0 0 20px rgb(0, 255, 232, 0.1); } '+
            '#themes_get { left: 20px; } #w_position { left: 160px; } '+
            '#panel_position { left: 340px; } #blog_setting { right: 20px; } '+

            '#themes_panel { position: fixed; z-index: 4000; top: 60px; color: #666; '+
            'font: bold 16px/24px Meiryo; background: #fff; text-align: left; '+
            'min-width: 200px; min-height: 77px; padding: 8px 6px 12px; '+
            'border: 1px solid #aaa; border-radius: 6px; box-sizing: content-box; '+
            'box-shadow: 0 20px 30px rgb(0, 0, 0, .2); overflow: hidden; } '+
            '#themes_panel p { padding: 4px 0 2px; margin-bottom: 12px; '+
            'background: #e4eef8; } '+
            '#themes_ul { list-style: none; padding-inline-start: 0;  max-height: 75vh; '+
            'overflow-y: scroll; overscroll-behavior: none; margin-right: -22px; } '+
            '.themes_li { padding: 3px 10px 0 15px; margin: 1px 6px 4px 1px; '+
            'outline: 1px solid #ccc; outline-offset: -1px; white-space: nowrap; '+
            'cursor: pointer; max-width: 315px; overflow: hidden; transition: 0.2s; } '+
            '.themes_li:hover { background: #eee; direction: rtl; } '+
            'uni { unicode-bidi: plaintext; } '+
            '.themes_li.to_theme { outline: 2px solid red; } '+
            '.help_TR { position: absolute; cursor: pointer; } '+

            '#main { font-family: Meiryo; } '+
            '.skin-archiveList .skin-borderQuiet:hover { '+
            'outline: 1px solid #2196f3; outline-offset: -1px; '+
            'box-shadow: inset 0 0 0 120px rgba(187, 222, 251, .3); } '+
            '.skin-archiveList .skin-borderQuiet:hover * { opacity: 1; } '+
            '.select_item { background: #2196f3 !important; } '+
            '.select_item * { color: #fff !important; } '+
            '.doing_item { background: #00bcd4 !important; } '+
            '.doing_item * { color: #fff !important; } '+
            '[data-uranus-component="archiveList"]>li { '+
            'padding: 4px 8px; background: #fff; } '+
            '[data-uranus-component="entryItemImage"], '+
            '[data-uranus-component="imageFrame"] img '+
            '{ height: 60px !important; width: 60px !important; overflow: hidden; } '+
            '[data-uranus-component="entryItemTitle"] { margin-bottom: 0; '+
            'font-size: 16px; color: #000; } '+
            '[data-uranus-component="entryItemTheme"] dd.skin-textQuiet a { '+
            'color: #444; } '+
            '.skin-textQuiet { color: #888; } '+
            '[data-uranus-component="entryItemMeta"] { min-height: 40px; } '+
            '[data-uranus-component="entryItemMeta"]> * { margin-bottom: -2px; } '+

            'div[id^="div-gpt-ad"] { display: none; } '+
            '#app> :not(.skin-page) { display: none; }'+
            '</style>';

        if(!document.querySelector('#trep_style')){
            document.body.insertAdjacentHTML('beforeend', style); }


        let blog_setting=document.querySelector('#blog_setting');
        if(blog_setting){
            blog_setting.onclick=function(){
                window.open('https://blog.ameba.jp/ucs/theme/themeinput.do', '_blank'); }}


        let trep_panel=document.querySelector('#trep_panel');
        let panel_position=document.querySelector('#panel_position');
        let themes_panel=document.querySelector('#themes_panel');
        let client_w=themes_panel.clientWidth;
        if(panel_position && trep_panel && themes_panel){
            if(get_cookie('trep_panel')=='left'){
                trep_panel.style.left=(50+client_w).toString() +'px';
                trep_panel.style.right='unset';
                themes_panel.style.left='20px';
                themes_panel.style.right='unset'; }
            else{
                trep_panel.style.left='unset';
                trep_panel.style.right=(50+client_w).toString() +'px';
                themes_panel.style.left='unset';
                themes_panel.style.right='20px'; }

            panel_position.onclick=function(){
                if(get_cookie('trep_panel')=='left'){
                    trep_panel.style.left='unset';
                    trep_panel.style.right=(50+client_w).toString() +'px';
                    themes_panel.style.left='unset';
                    themes_panel.style.right='20px';
                    document.cookie='trep_panel=right; Max-Age=2592000'; }
                else{
                    trep_panel.style.left=(50+client_w).toString() +'px';
                    trep_panel.style.right='unset';
                    themes_panel.style.left='20px';
                    themes_panel.style.right='unset';
                    document.cookie='trep_panel=left; Max-Age=2592000'; }}}


        let themes_get=document.querySelector('#themes_get');
        if(themes_get){
            themes_get.onclick=function(){
                let entryThemes=document.querySelector('.skin-entryThemes a');
                if(entryThemes){ // 記事一覧外でテーマ取得がクリックされた場合
                    let theme_url=entryThemes.getAttribute('href');
                    location.href=theme_url; }
                else{ // 記事一覧内でテーマ取得がクリックされた場合
                    reload_act(); }}}

    } // 新スキンブログ画面で動作



    let bord_active=document.querySelector('.skin-borderLoud.is-active');
    if(bord_active){ // 記事一覧画面で動作

        let s_mode=0; // 選択操作モード
        let count; // 変更指定した文書数
        let selected_array;
        let new_win;
        let link_target;
        let trep_wtop;
        let trep_wleft;


        learn_themes();
        select_set();
        select_to();

        function learn_themes(){
            let query=location.href.toString().slice(-4);
            if(query=='?org'){
                setTimeout(()=>{
                    storage();
                    disp_themes();
                    let org_url=sessionStorage.getItem('TRepN_org'); // ストレージ読込み
                    if(org_url){
                        location.href=org_url; }
                }, 100); }
            else{
                setTimeout(()=>{
                    storage();
                    disp_themes();
                    select_to();
                    if(first==0){
                        let wscroll_y=sessionStorage.getItem('TRepN_scroll');
                        if(!wscroll_y){
                            wscroll_y=0; }
                        window.scrollTo(0, wscroll_y); // スクロール位置を再現
                        first=1; }
                }, 100); }
        } // learn_themes()


        function select_set(){
            let ac_list=document.querySelectorAll('.skin-archiveList .skin-borderQuiet');
            for(let k=0; k<ac_list.length; k++){
                ac_list[k].onclick=function(event){
                    event.preventDefault();
                    if(event.ctrlKey){
                        select_all(ac_list[k]); }
                    else{
                        selected(ac_list[k]); }}}

            function select_all(item){
                if(s_mode==0){
                    if(item.classList.contains('select_item')){
                        for(let k=0; k<ac_list.length; k++){
                            ac_list[k].classList.remove('select_item'); }}
                    else{
                        for(let k=0; k<ac_list.length; k++){
                            ac_list[k].classList.add('select_item'); }}}}

            function selected(item){
                if(s_mode==0){
                    if(item.classList.contains('select_item')){
                        item.classList.remove('select_item'); }
                    else{
                        item.classList.add('select_item'); }}}
        } // select_set()


        function select_to(){
            let themes_li=document.querySelectorAll('.themes_li');
            for(let k=0; k<themes_li.length; k++){
                themes_li[k].onclick=function(event){
                    clear_red();
                    to_theme(k); }}

            function to_theme(select){
                count_select();
                if(count>0){
                    s_mode=1;
                    themes_li[select].classList.add('to_theme'); // 変更先テーマを選択

                    setTimeout(()=>{
                        let trep_span=document.querySelector('#trep_span');
                        let themes_get=document.querySelector('#themes_get');
                        let w_position=document.querySelector('#w_position');
                        let panel_position=document.querySelector('#panel_position');
                        let blog_setting=document.querySelector('#blog_setting');
                        let theme_write=document.querySelector('#theme_write');
                        let not_write=document.querySelector('#not_write');
                        let stop_out=document.querySelector('#stop_out');
                        if(trep_span && themes_get && w_position &&
                           panel_position && theme_write && not_write && stop_out){
                            trep_span.innerHTML=
                                '記事数<span class="trep_box b1"></span>'+
                                '⇨ テーマ<span class="trep_box b2"></span>に変更';
                            document.querySelector('.trep_box.b1').textContent=count;
                            theme_name_disp(theme_list[select][1]);
                            themes_get.style.display='none';
                            w_position.style.display='none';
                            panel_position.style.display='none';
                            blog_setting.style.display='none';
                            theme_write.style.display='block';
                            not_write.style.display='block';

                            theme_write.onclick=function(){ // OKを押した場合
                                theme_write.style.display='none';
                                not_write.style.display='none';
                                stop_out.style.display='block';
                                select_array(theme_list[select][0]);
                                open_all(); }

                            not_write.onclick=function(){ // Cancelを押した場合
                                clear_red(); }}
                    }, 100 ); }
            } // to_theme()


            function count_select(){
                count=0;
                let ac_list=document.querySelectorAll('.skin-archiveList .skin-borderQuiet');
                for(let k=0; k<ac_list.length; k++){
                    if(ac_list[k].classList.contains('select_item')){
                        count +=1; }}}
        } // select_to()


        function theme_name_disp(str){
            let name=str.slice(0, str.lastIndexOf('('));
            let num=str.slice(str.lastIndexOf('(')).replace(/[^0-9]/g, '');
            let target_theme=document.querySelector('.trep_box.b2');
            if(target_theme){
                target_theme.innerHTML=name +'<span class="trep_num"> <c>(</c>'+
                    num+'<c>)</c></span>'; }}


        function clear_red(){
            s_mode=0;
            let trep_span=document.querySelector('#trep_span');
            let themes_get=document.querySelector('#themes_get');
            let w_position=document.querySelector('#w_position');
            let panel_position=document.querySelector('#panel_position');
            let blog_setting=document.querySelector('#blog_setting');
            let theme_write=document.querySelector('#theme_write');
            let not_write=document.querySelector('#not_write');
            let stop_out=document.querySelector('#stop_out');
            trep_span.innerHTML=
                'テーマ取得 ▷ 記事選択:Click / Ctrl+Click ▷ 変更先テーマ選択:Click';
            themes_get.style.display='block';
            w_position.style.display='block';
            panel_position.style.display='block';
            blog_setting.style.display='block';
            theme_write.style.display='none';
            not_write.style.display='none';
            stop_out.style.display='none';

            let themes_li=document.querySelectorAll('.themes_li');
            for(let k=0; k<themes_li.length; k++){
                themes_li[k].classList.remove('to_theme');
                themes_li[k].blur(); }}


        function select_array(new_theme){
            selected_array=[];
            link_target=[];
            let ac_list=document.querySelectorAll('.skin-archiveList .skin-borderQuiet');
            for(let k=0; k<ac_list.length; k++){
                if(ac_list[k].classList.contains('select_item')){
                    selected_array.push(ac_list[k]);
                    let title_link=ac_list[k].querySelector('h2 a');
                    let entry_id_a=title_link.getAttribute('href').split('entry-');
                    if(entry_id_a[1]){
                        let entry_id=entry_id_a[1].slice(0, 11);
                        if(entry_id){
                            link_target.push(
                                'https://blog.ameba.jp/ucs/entry/srventryupdateinput.do?id='+
                                entry_id +'&trep='+ new_theme); }}}}}


        function open_all(){
            trep_wtop=get_cookie('trep_wtop');
            trep_wleft=get_cookie('trep_wleft');

            let stop_out=document.querySelector('#stop_out');
            if(stop_out){
                stop_out.onclick=function(){
                    stop_out.style.boxShadow='inset 0 0 0 20px #1976d2';
                    stop_out.style.color='#fff';
                    stop_out.value='停止処理中';
                    reload_act(); }}

            progress(0);
            let next=0;
            open_win(next);
            let search=setInterval(continuas, 500); // 自動で実行指示 🟥
            function continuas(){
                if(new_win[next].closed){
                    next +=1;
                    progress(next);
                    if(next<link_target.length){
                        open_win(next); }
                    else{
                        progress(next);
                        clearInterval(search);
                        ending(); }}}}


        function progress(n){
            let psb=
                '<svg class="prosvg" viewBox="0 0 308 308">'+
                '<path style="fill: #2196f3" d="M33 10C30 11 27 12 24 14C6 2'+
                '6 10 47 10 66L10 223L10 262C10 270 9 277 14 284C28 304 57 298 79 '+
                '298L212 298L254 298C261 298 269 299 276 297C279 297 282 295 285 2'+
                '93C302 281 298 260 298 241L298 83L298 45C298 37 299 30 293 23C283'+
                ' 10 271 10 256 10L227 10L97 10L55 10C48 10 40 9 33 10z"></path>'+
                '</svg>';

            let psw=
                '<svg class="prosvg" viewBox="0 0 308 308">'+
                '<path style="fill: #aaa" d="M33 10C30 11 27 12 24 14C6 2'+
                '6 10 47 10 66L10 223L10 262C10 270 9 277 14 284C28 304 57 298 79 '+
                '298L212 298L254 298C261 298 269 299 276 297C279 297 282 295 285 2'+
                '93C302 281 298 260 298 241L298 83L298 45C298 37 299 30 293 23C283'+
                ' 10 271 10 256 10L227 10L97 10L55 10C48 10 40 9 33 10z"></path>'+
                '<path style="fill: #fff" d="M39 22C15 27 22 59 22 '+
                '77L22 222L22 258C22 265 21 272 26 278C31 285 40 286 48 286L86 286'+
                'L210 286L249 286C256 286 263 287 270 285C285 282 286 269 286 256L'+
                '286 230L286 85L286 50C286 43 287 36 282 30C277 23 268 22 259 22L2'+
                '22 22L99 22L60 22C53 22 46 21 39 22z"></path>'+
                '</svg>';

            let disp='';
            let trep_progress=document.querySelector('#trep_progress');
            if(n>=0){
                for(let k=0; k<count; k++){
                    if(k<n){
                        disp +=psb; }
                    else{
                        disp +=psw; }}
                trep_progress.innerHTML=disp; }
            else{
                trep_progress.innerHTML=''; }}


        function open_win(n){
            new_win=[];
            let win_option='top='+trep_wtop+',left='+trep_wleft+
                ',width=620,height=260'; // 🔲

            new_win[n]=window.open(link_target[n], n, win_option); // 🔲
            selected_array[n].classList.remove('select_item');
            selected_array[n].classList.add('doing_item'); } // 処理中のグリーン表示


        function ending(){
            let trep_span=document.querySelector('#trep_span');
            if(trep_span){
                trep_span.innerHTML='処理が終了しました。 テーマ別記事リストを更新します';
                setTimeout(()=>{
                    reload_act();
                }, 4000); }}


        let w_position=document.querySelector('#w_position');
        if(w_position){
            w_position.onclick=function(event){
                event.preventDefault();
                let tmp_w;
                open_tmp();

                function open_tmp(){
                    if(!tmp_w || tmp_w.closed){
                        let win_option=
                            'top='+ get_cookie('trep_wtop') +
                            ',left='+ get_cookie('trep_wleft') +',width=620,height=260'; // 🔲
                        tmp_w=window.open('', 'tmp_window', win_option); // 🔲
                        if(!tmp_w.document.querySelector('#tmp_w_set')){
                            tmp_w.document.write(
                                '<p id="tmp_w_set" style="font: bold 18px Meiryo; '+
                                'padding: 30px 0 10px;">サブウインドウの位置設定</p>'+
                                '<p>このサブウインドウを適当な位置へドラッグします<br>'+
                                '下のボタンを押すとウインドウ位置が設定されます</p>'+
                                '<button style="font: bold 16px Meiryo; padding: 2px 10px 0;" '+
                                'onclick="window.close()" type="button">位置を設定</button>'+
                                '<style>body { background: #cbdce3; font-size: 16px; '+
                                'text-align: center; }</style>' ); }}}

                tmp_w.onbeforeunload=function(){ // Cookie保存 30日
                    trep_wtop=tmp_w.screenY;
                    trep_wleft=tmp_w.screenX;
                    document.cookie='trep_wtop='+trep_wtop+'; Max-Age=2592000';
                    document.cookie='trep_wleft='+trep_wleft+'; Max-Age=2592000'; }}}

    } // 記事一覧画面で動作


    function reload_act(){
        let theme_tab=document.querySelector('.skin-archiveNavTabs li:nth-child(3)>a');
        if(theme_tab){
            let theme_url=theme_tab.getAttribute('href');
            let org_url=location.pathname;
            sessionStorage.setItem('TRepN_scroll', window.scrollY); // スクロール位置を保存

            let bord_active=document.querySelector('.skin-borderLoud.is-active');
            if(bord_active && bord_active.textContent=="テーマ別"){ // テーマ別画面の場合
                location.href=org_url; }
            else{
                sessionStorage.setItem('TRepN_org', org_url); // セッションストレージ書込み
                setTimeout(()=>{
                    location.href=theme_url +'?org';
                }, 100); }}}


    function get_cookie(name){
        let cookie_req=document.cookie.split('; ').find(row=>row.startsWith(name));
        if(cookie_req){
            if(cookie_req.split('=')[1]==null){
                return 0; }
            else{
                return cookie_req.split('=')[1]; }}
        if(!cookie_req){
            return 0; }}

} // main()




window.addEventListener('DOMContentLoaded', function(){
    if(location.pathname.indexOf('updateinput')!=-1){ // 編集画面で動作
        let theme_id;
        let query=window.location.search.slice(1); // 文頭?を除外
        if(query){
            let theme_id_n=query.split('&')[1].split('=')[0];
            if(theme_id_n && theme_id_n=='trep'){
                theme_id=query.split('&')[1].split('=')[1]; }}

        if(document.body.classList.contains('l-body')){ // 最新版エディタで動作
            let style=
                '<style id="trep_style">'+
                '#globalHeader, #js-header-bar, #js-preview, .l-main, .l-hashtag, '+
                '.p-cover, .l-communication, .p-warning--copylight, #globalFooter, '+
                '.p-theme__add { visibility: hidden; position: fixed; } '+
                '.l-form { padding: 16px 0 !important; } .l-body { padding: 0 15px; } '+
                'html { overflow: hidden !important; } '+
                '.p-title__text { min-width: 590px; width: 590px !important; } '+
                '.l-under-module { margin: 0px; } '+
                '.l-postTime { position: absolute; left: 0 !important; } '+
                '.p-theme { position: absolute; left: 250px !important; } '+
                '.p-theme__select { width: 340px; } '+
                '.l-footer { padding: 0; } '+
                '.p-submit__container { margin: 85px 280px 0 0 !important; }'+
                '</style>';

            if(!document.querySelector('#trep_style')){
                document.body.insertAdjacentHTML('beforeend', style); }

            if(theme_id){ // 編集画面の処理 🟦
                let interval=setInterval(find_selector, 40); // 処理タイミング 🟥
                function find_selector(){

                    let editor_iframe=document.querySelector('.cke_wysiwyg_frame');
                    let iframe_body;
                    if(editor_iframe){
                        let iframe_doc=editor_iframe.contentWindow.document;
                        if(iframe_doc){
                            iframe_body=iframe_doc.querySelector('body.cke_editable'); }}
                    let tageditor_text=document.querySelector('#entryTextArea');
                    let selector=document.querySelector('#js-themeSelector');
                    let publish=document.querySelector('.js-submitButton[publishflg="0"]');

                    if((iframe_body || tageditor_text) && selector && publish){
                        clearInterval(interval);
                        selector.value=theme_id;
                        rel();
                        function rel(){
                            setTimeout(()=>{
                                publish.click();
                            }, 1000); // 処理タイミング 🟥
                            setTimeout(()=>{
                                publish.style.background='red';
                                publish.click();
                            }, 5000); } // バックアップ押下 停止を救済する🟥
                    }}}
        } // 最新版エディタで動作


        else{ // タグ編集エディタで動作
            let style=
                '<style id="trep_style">'+
                '#globalHeader, #ucsHeader, .l-ucs-sidemenu-area, #ucsMainRight, '+
                '#entryCreate h1, #entryTheme .btnDefault, .entryHashtag, '+
                '#firstDescriptionArea, #entryMain, #displayTag, #atclInfo, #previewBtn, '+
                '.amemberHelp, #attentionBox2 { display: none !important; } '+
                '#ucsContent { background: orange; } '+
                '#ucsMainLeft { margin: 0 20px; } '+
                '#subContentsArea { margin: 0 !important; } '+
                '#title { padding: 2px 10px 0; font: 16px Meiryo; } '+
                '#js-ga_change select { padding: 3px 6px 0; font: 16px Meiryo; } '+
                '.btnDefault { font: 16px Meiryo; }'+
                '</style>';

            if(!document.querySelector('#trep_style')){
                document.body.insertAdjacentHTML('beforeend', style); }

            if(theme_id){ // 編集画面の処理 🟦
                let interval=setInterval(find_selector, 200); // 処理タイミング 🟥
                function find_selector(){
                    let selector=document.querySelector('#js-ga_change select');
                    let publish=
                        document.querySelector('.actionControl .btnDefault[value="全員に公開"]');
                    if(selector && publish){
                        clearInterval(interval);
                        selector.value=theme_id;
                        rel();
                        function rel(){
                            setTimeout(()=>{
                                publish.click();
                            }, 1500); // 処理タイミング 🟥
                            setTimeout(()=>{
                                publish.style.background='red';
                                publish.click();
                            }, 5000); } // バックアップ押下 停止を救済する🟥
                    }}}
        } // タグ編集エディタで動作

    }}); // 編集画面で動作




window.addEventListener('DOMContentLoaded', function(){
    if(location.pathname.indexOf('updateend')!=-1){ // 送信完了画面で動作

        window.document.body.style.background='#c5d8e1';
        window.document.body.style.boxShadow='0 0 0 100vh #c5d8e1';

        select_e(close_w);

        function select_e(close_w){
            let error_report=document.querySelector('.p-error');
            if(error_report==null){ // 保存エラー無い場合 編集画面を閉じる
                if(window.opener){
                    window.opener.close(); }}
            else{ // 保存エラーのある場合は 赤を送信 編集画面を残す
                if(window.opener){
                    report('red'); }}
            close_w(); }

        function close_w(){
            window.open('about:blank','_self').close(); } // 完了画面は常に自動的に閉じる

        function report(color){
            window.opener.document.querySelector('.p-title__text').style.background=color; }}

}); // 送信完了画面で動作



 

 

 

「Theme Rep N」最新版について 

旧いバージョンの JavaScriptツールは、アメーバのページ構成の変更で動作しない場合があり、導入する場合は最新バージョンをお勧めします。

 

●「Theme Rep N」の最新バージョンへのリンクは、以下のページのリンクリストから探せます。