☰

dr_Base

デュラチャ　ルームログ保存＆部屋リストとチャット人口を保存

// ==UserScript==
// @name         dr_Base
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  デュラチャ　ルームログ保存＆部屋リストとチャット人口を保存
// @author       You
// @match        http://drrrkari.com/*
// 
// @grant        GM_addStyle
// ==/UserScript==





// 

'use strict';





// ================================================================================
// 
// 　管理用クラス
// 
// ================================================================================

class DrrkariCom{
	constructor(){
		console.log(' ___   ___');
		console.log('/__/| /__/| __/ __/ __/ __/ __/ __/ __/ __/ __/ __/ __/ ');
		console.log('');
		console.log('Tampermonkey drrrkari-com_*.js');
		console.log('__/ __/ __/ __/ __/ __/ __/ __/ __/ __/ __/ __/ __/ ');
		
		this.switchUrl();
	}
	
	switchUrl(){
		let url = location.href;
		switch(url){
			// top page
			case 'http://drrrkari.com/':
				break;
			// room list
			case 'http://drrrkari.com/lounge/':
			case 'http://drrrkari.com/lounge/#':
			case 'http://160.16.61.87/lounge/':
			case 'http://160.16.61.87/lounge/#':
				const lounge = new Lounge();
				break;
			// chat room
			case 'http://drrrkari.com/room/':
			case 'http://drrrkari.com/room/#':
			case 'http://160.16.61.87/room/':
			case 'http://160.16.61.87/room/#':
				const inroom = new Inroom();
				break;
			// お絵描きモード
			case 'http://drrrkari.com/room/?paintmode':
				//const paint = new Paintmode();
				break;
			// 部屋作成画面
			case 'http://drrrkari.com/create_room/':
				const createRoom = new CreateRoom();
				break;
		}
	}
}

// ================================================================================
// 
// 　部屋リスト
// 
// ================================================================================

class Lounge{
	constructor(){
		this.population = null;
		this.profile = {
			name: null,
			icon: null,
			iconUrl: null
		};
		
		console.log(this.getPopulation(), '人');	// 入室者数
		//console.log(this.getProfile());				// プロフィール
		
		this.roomColor();	// 入室可能部屋を色分け
		this.toolboxUI();	// 情報表示
		this.uiProfile();	// プロフィール表示部分のデザイン
	}
	
	getPopulation(){
		this.population = document.querySelector('#main span').innerText.split('人')[0];
		
		return this.population;
	}
	
	roomColor(){
		// 点線非表示
		//document.querySelectorAll('hr').forEach((e)=>{ e.style.display = 'none' });
		
		// 入室可能と満員を色分け
		const rooms = document.querySelectorAll('.rooms');
		let s = 0;
		if(location.href === 'http://160.16.61.87/lounge/' || location.href === 'http://160.16.61.87/lounge/#'){
			// 別館の場合、最初の要素を除外
			s = 1;
		}
		for(let i=s; i<rooms.length; i++){
			rooms[i].style.padding = 0;		// 行間を狭める
			const button = rooms[i].getElementsByTagName('button')[0];	// 青かオレンジのボタン。本館の雑談となりきり
			const button2 = rooms[i].querySelector('.button input');	// 白色角丸ボタン。本館BL、別館
			
			// 色準備
			const enterColor = '#2A9FD6';
			const knockColor = '#F47C3C';
			
			// 本館の、雑談、なりきり
			if(button){
				// ボタンの高さを細くする（本館BLと同高さ）
				button.style.height = '24px';
				button.style.padding = 0;
				// 色
				if(button.value === 'login'){
					rooms[i].style.borderLeft = `3px ${enterColor} solid`;
				}
				else if(button.value === 'knock'){
					rooms[i].style.borderLeft = `3px ${knockColor} solid`;
				}
			}
			// 本館BL、別館
			else if(button2){
				rooms[i].style.overflow = 'hidden';				// .roomsの要素高さゼロ対策
				
				// 入室ボタンデザインを本館雑談と同じにする
				button2.parentElement.style.paddingRight = 0;	// ボタンの右端画像を消す
				button2.style.width = '100px';
				button2.style.color = 'white';
				button2.style.paddingLeft = '0px';
				button2.style.borderRadius = '3px';
				if(button2.name === 'login'){
					button2.style.background = enterColor;					// ボタンの色
					rooms[i].style.borderLeft = `3px ${enterColor} solid`;	// 部屋名の左に着色
				}
				else if(button2.name === 'knock'){
					button2.style.background = knockColor;
					rooms[i].style.borderLeft = `3px ${knockColor} solid`;
				}
				else{
					console.warn('error');
				}
			}
			// 満員の場合
			else{
				// 部屋名文字色を灰色
				rooms[i].querySelector('.name').style.color = '#aaa';
			}
		}
	}
	
	toolboxUI(){
		// 追加機能UI領域作成
		const toolbox = (()=>{
			const toolbox = document.createElement('div');
			toolbox.id = 'toolbox';
			toolbox.style.fontSize = '14px';
			toolbox.style.textAlign = 'left';
			const b = document.createElement('b');
			b.appendChild(document.createTextNode('ToolBox'));
			const hr = document.createElement('hr');
			hr.className = 'dashed';
			toolbox.appendChild(b);
			toolbox.appendChild(hr);
			fixed.parentElement.insertBefore(toolbox, fixed);
			
			return toolbox;
		})();
		
		// HN表示
		const hn = (()=>{
			const eleProfile = document.getElementById('profile');
			const hn = eleProfile.getElementsByClassName('name')[0].innerText;
			const p = document.createElement('p');
			p.appendChild(document.createTextNode(hn));
			toolbox.appendChild(p);
			document.title = hn;
			
			return hn;
		})();
		
		// アイコンの種類表示
		const iconType = (()=>{
			const iconType = document.querySelector('#profile .icon img').src
				.split('_')[1]
				.split('.')[0];
			const div = document.createElement('div');
			div.appendChild(document.createTextNode(iconType));
			toolbox.appendChild(div);
			
			return iconType;
		})();
	}
	
	getRoominfo(room){
		let roomname = room.getElementsByClassName('name')[0].innerText;
		
		let users = [];
		let lis = rooms[5].querySelectorAll('.users li');
		for(var li of lis){
			var icon = li.getElementsByTagName('img')[0].src	// http://drrrkari.com/css/icon_kai.png
				.split('_')[1]	// kai.png
				.split('.')[0];	// kai
			users.push({ 'name': li.innerText, 'icon': icon });
		}
		
		let member = rooms[5].getElementsByClassName('member')[0].innerText.split('/');
		let nowMember = member[0];
		let maxMember = member[1];
		
		let btnval = null;
		let rooms = document.querySelectorAll('.rooms');
		let btn = rooms[2].getElementsByClassName('btn')[0];
		if(btn){
			btnval = btn.name;
		}else{
			btnval = 'full';
		}
		
		return{
			'roomname': roomname,
			'users': users,
			'nowMember': nowMember,
			'maxMember': maxMember,
			'btnval': btnval
		};
	}
	
	uiProfile(){
		GM_addStyle(`
			#profile{
				position: fixed;
				right: 0;
				top: 0;
				width: 100px;
				border: solid 1px gray;
			}
		`);

		var profile = document.getElementById('profile');
		//profile.style.position = 'fixed';
		//profile.style.right = 0;
		//profile.style.top = 0;
		profile.style.width = '150px';	// 本館はGM_addStyleだけでは無効
		//profile.style.border = 'solid gray 1px';
		
		// 部屋リスト保存
		var cRoom = new RoomList();
		cRoom.createSaveButton();

	}
	
	getProfile(){
		var profile = document.getElementById('profile');
		var name = profile.getElementsByClassName('name')[0].innerText;
		var img = profile.querySelector('.icon img');
		var iconUrl = img.src;
		var icon = img.src	// アイコンURL
			.split('/')[4]	// アイコンファイル名
			.split('.')[0]	// アイコンファイル名（拡張子無し）
			.replace('icon_', '');	// 種類
		
		this.profile = {
			name: name,
			icon: icon,
			iconUrl: iconUrl
		};
		
		return this.profile;
		
		/*
			var icons = [
				'girl', 
				'moza', 
				'tanaka', 
				'kanra', 
				'usa', 
				'gg', 
				'orange', 
				'zaika', 
				'setton', 
				'zawa', 
				'neko', 
				'purple', 
				'kai', 
				'bakyura', 
				'neko2', 
				'numakuro', 
				'bm', 
				'bear', 
				'rab', 
				'nyan',
				'muff',
				'muff_nyan',
			];
		*/
	}
	
	
}

// ================================================================================
// 
// 　入室中
// 
// ================================================================================

class Inroom{
	constructor(){
		this.info = {
			'nowPopula': null,
			'maxPopula': null,
			'title': null,
			'host': null,
			'members': []
		};
		
		this.getRoomInfo();
		this.cssMessageBox();
		
		this.loadModule();
	}
	
	loadModule(){
		const log = new Log();
	}
	
	// 部屋情報取得
	getRoomInfo(){
		// ルームタイトル、入室者数、最大人数
		var room_name = document.getElementById('room_name').innerText;
		var delimiterStr = ' (';
		var delimiterPos = room_name.lastIndexOf(delimiterStr);
		var title = room_name.substr(0, delimiterPos);
		var roomPopulation = room_name.substr(delimiterPos + delimiterStr.length, room_name.length)
			.replace(')', '').split('/');
		var nowPopula = roomPopulation[0];
		var maxPopula = roomPopulation[1];
		
		// 入室者名
		var memberlist = [];
		var membersLi = document.querySelectorAll('#members li');
		for(var i=0; i<membersLi.length; i++){
			var hn = membersLi[i].innerText;	// ※トリップが取得されない
			
			// カンマ削除
			if(i === membersLi.length - 1){
				hn = hn.substr(0, hn.length);
			}
			else{
				hn = hn.substr(0, hn.length - 2);
			}
			
			// host　"name(host)"を"name"にする
			if(hn.lastIndexOf('(host)') !== -1){
				var host = hn.substr(0, hn.length - 6);
				console.log('host:', host);
			}
			memberlist.push(hn);
		}
		
		this.info.nowPopula = nowPopula;
		this.info.maxPopula = maxPopula;
		this.info.title = title;
		this.info.host = host;
		this.info.members = memberlist;
	
	}
	
	// UI変更。発言領域左寄せ、ルームホスト表示
	cssMessageBox(){
		// 発言入力領域を左寄せ
		var message_box_inner = document.querySelector('.message_box_inner');
		message_box_inner.style.float = 'left';
		message_box_inner.style.margin = '0 10px';
		
		if(0){
			var uiarea = (function(){
				var div = document.createElement('div');
				div.id = 'uiarea';
				div.style.width = '200px';
				div.style.float = 'left';
				div.style.border = 'solid gray 1px';
				div.style.top = '20px';
				div.style.left = '480px';
				//var message_box = document.querySelector('.message_box');
				//message_box.appendChild(document.createElement('br'));
				//message_box.appendChild(div);
				var body = document.querySelector('#body');
				body.insertBefore(div, body.firstChild);
				return div;
			})();
			$('#uiarea').draggable();
		
			// ルームホストを表示する
			var p = document.createElement('p');
			var host = (this.info.host === null)? '固定部屋': this.info.host;
			p.appendChild(document.createTextNode('host: ' + host));
			uiarea.appendChild(p);
		}
	}
}

class Paintmode{
	constructor(){
		this.ui();
	}
	ui(){
		var saveAndSend = (function(){
			var footer = document.getElementById('footer');
			var btn = document.createElement('button');
			btn.appendChild(document.createTextNode('saveAndSend'));
			footer.appendChild(btn);
			return btn;
		})();
		var uSend = (function(){
			var btn = document.createElement('button');
			btn.appendChild(document.createTextNode('uSend'));
			btn.id = 'uSend';
			footer.appendChild(btn);
			return btn;
		})();
		uSend.addEventListener('click', this.send.bind(this), false);
	}
	save(){
		var cav = document.getElementById('myCanvas');
		var ctx = cav.getContext('2d');
		ctx.save();
	}
	load(){
		var cav = document.getElementById('myCanvas');
		var ctx = cav.getContext('2d');
		ctx.restore();
	}
	send(){
		document.getElementById('sendc').click();
	}
}

class CreateRoom{
	constructor(){
		this.init();
	}
	init(){
		document.querySelector('#room_name').focus();
		
		var setting = {
			name: '',		// 部屋名
			type: 0,		// ジャンル：　0 雑談　1 なりきり　2 BL
			limit: 15,		// 定員：　1～15
			knock: false,	// ノック
			pass: '',		// パスワード
			image: false	// 画像機能
		};
		// 定員
		document.querySelector('#limit').selectedIndex = setting.limit - 2;
		
		// 画像機能
		var inpImages = document.getElementsByName('image');
		if(setting.image){
			inpImages[1].checked = 'checked';
		}
		else{
			inpImages[0].checked = 'checked';
		}
	}
}








// ================================================================================
// 
// 　モジュール群
// 
// ================================================================================

// 入室中の発言保存
class Log{
	constructor(){
		this.createSaveButton();
		this.setHref();
		
		this.createSaveButtonBjson();
		this.createSaveButtonB();
		this.setHrefB();
	}
	
	// ===================================================================================
	// A関数群　部屋のHTMLをパースして保存する関数群
	// ===================================================================================
	
	// 保存用リンク作成
	createSaveButton(){
		var a = document.createElement('a');
		a.id = 'aSave';
		a.appendChild(document.createTextNode('save'));
		document.getElementsByClassName('menu')[0].appendChild(a);
		//document.querySelector('#uiarea').appendChild(a);
		
		a.addEventListener('click', this.createSaveButton_click.bind(this), false);
	}
	createSaveButton_click(e){
		this.setHref();
		
		// 保存した最新の発言に印を付ける機能
		if(1){
			document.querySelector('.talk').style = 'border-top:1px white solid';
		}
	}
	setHref(){
		var log =
			this.getTalksByTalksbox() +
			'\n\n\n\n\n' +
			this.getTalksByPmbox();
		
		// 現在日時取得
		var dt = new CDate();
		var strDateTime = dt.getDate() + "_" + dt.getTime();
		
		// --------------------------------------------------------
		// ダウンロード用リンクにログデータを設定
		
		// 部屋名取得。部屋名取得も汎用関数作る？
		var roomName = document.getElementById('room_name').innerText.split(' (')[0];
		
		// 複数個所で、本館と別館の区別が必要なので、判断用の関数を作る？
		var serverType = '別館';
		if(location.href === 'http://drrrkari.com/room/' || location.href === 'http://drrrkari.com/room/#'){
			serverType = '本館';
		}
		var blob = new Blob([ log ], { "type" : "text/plain" });
		var a = document.getElementById('aSave');
		a.download = strDateTime + '_' + serverType + '-tsv' + '_' + roomName + '.txt';
		a.href = window.URL.createObjectURL(blob);
		
		// 保存したファイル名を表示
		console.log('保存日時', strDateTime);
	}
	getTalksByTalksbox(){
		var talks = document.querySelectorAll('#talks_box .talk');
		var log = '';
		for(let talk of talks){
			var id = talk.id;
			// 画像
			if(talk.querySelector('img')){
				if(talk.querySelector('dt div')){
					var icon = talk.className.split(' ')[1];
					var name = talk.querySelector('dt').firstChild.nodeValue;
					var btns = talk.querySelectorAll('button');
					var posttime = btns[0].innerText.replace('投稿時間: ', '');
					var encip = btns[1].innerText.replace('IP: ', '');
					var url = talk.querySelector('img').src;
					//console.log(id, posttime, encip, icon, name, url);
					var logLine = `${id}\t${posttime}\t${encip}\t${icon}\t${name}\t${url}`;
					//console.log(logLine);
				}
				else{
					var icon = talk.className.split(' ')[1];
					var name = talk.querySelector('dt').firstChild.nodeValue;
					var url = talk.querySelector('img').src;
					var logLine = `${id}\t\t\t${icon}\t${name}\t${url}\t`;
				}
			}
			// 普通の発言
			else if(talk.querySelector('.body')){
				if(talk.querySelector('dt div')){
					var icon = talk.className.split(' ')[1];
					var name = talk.querySelector('dt').firstChild.nodeValue;
					var btns = talk.querySelectorAll('button');
					var posttime = btns[0].innerText.replace('投稿時間: ', '');
					var encip = btns[1].innerText.replace('IP: ', '');
					var talktext = talk.querySelector('.body').innerText;
					//console.log(id, posttime, encip, icon, name, talktext);
					var logLine = `${id}\t${posttime}\t${encip}\t${icon}\t${name}\t${talktext}`;
					//console.log(logLine);
				}
				else{
					var icon = talk.className.split(' ')[1];
					var name = talk.querySelector('dt').firstChild.nodeValue;
					var talktext = talk.querySelector('.body').innerText;
					var logLine = `${id}\t\t\t${icon}\t${name}\t${talktext}`;
				}
			}
			// 入退室、サイコロ
			else if(talk.className.indexOf('system') !== -1){
				var txt = talk.innerText;
				var posend = txt.lastIndexOf('さん') - 3;
				var name = txt.substr(3, posend);
				var logLine = `${id}\t\t\tsystem\t${name}\t${txt}`;
				//console.log(logLine);
			}
			log += logLine + '\n';
		}
		
		return log;
	}
	// 内緒の内容を取得してTSV形式で返す。※内緒画面を表示しておかないと取得不可
	getTalksByPmbox(){
		var log = '';
		var talks = document.querySelectorAll('#pm_box .talk');
		for(var i=0; i<talks.length; i++){
			var talkId = talks[i].id;
			
			// 普通の発言
			if(talks[i].querySelector('dt')){
				var icon = talks[i].className.split(' ')[1];
				//console.log(icon);
				var name = icon +"\t"+ talks[i].querySelector('dt').innerText;
				var txt = talks[i].querySelector('.body').innerText;
			}
			log += talkId +"\t\t\t"+ name +"\t"+ txt +"\n";
		}
		return log;
	}
	
	
	
	// ===================================================================================
	// B関数群　JSONファイル保存用関数群
	// ===================================================================================
	
	// B関数群は、2つの「ボタン」で構成。
	// B1群：画面上表示が「getJson」ボタン。ID:btnGetJson。button要素で作成。
	// B2群：画面上表示が「saveB」リンク。　ID:aSaveB。a要素で作成。
	
	// 関数整理は、まずは2つあるボタンを1つに減らせないか？
	// それが出来なければ、関数先頭を「B1」にして関数名をシンプルに機能を明確化する？
	
	
	
	// -----------------------------------------------------------------------------------
	// B1　button要素
	
	// ※B1を無しにすると、最新のJSON取得できてない状態で保存されてしまうバグがある。
	
	createSaveButtonBjson(){
		var btn = document.createElement('button');
		btn.id = 'btnGetJson';
		btn.appendChild(document.createTextNode('getJson'));
		document.getElementsByClassName('menu')[0].appendChild(btn);
		
		//btn.addEventListener('click', this.createSaveButtonBjson_click.bind(this), false);
		btn.addEventListener('click', ()=>{
			this.setHrefB();
			
			// 保存した最新の発言に印を付ける
			if(0){
				document.querySelector('.talk').style = 'border-top:1px white solid';
			}
		});
	}
	
	// -----------------------------------------------------------------------------------
	// B2　a要素
	
	createSaveButtonB(){
		var a = document.createElement('a');
		a.id = 'aSaveB';
		a.appendChild(document.createTextNode('saveB'));
		document.getElementsByClassName('menu')[0].appendChild(a);
		
		//a.addEventListener('click', this.createSaveButtonB_click.bind(this), false);
		a.addEventListener('click', ()=>{
			this.setHrefB();
		});
	}
	
	// -----------------------------------------------------------------------------------
	// B関数群のコア関数群
	
	setHrefB(){
		document.getElementById('aSaveB').innerText = 'saveB';	// 通信中を判別できるようにする
		
		$.ajax({
			type: 'POST',
			url: 'http://drrrkari.com/ajax.php',
			dataType: 'json',
			timeout: 12000,
			context: this,
			success: success,
			error: function(e){
				console.log('ERROR!', e);
			}
		});
		function success(json, status, xhr){
			//console.log(json);
			console.log('talks', json.talks);
			console.log('users', json.users);
			var jsonStr = JSON.stringify(json, null, '\t');
			
			var aSaveB = document.getElementById('aSaveB');
			this.saveLog(aSaveB, 'json', jsonStr);
			
			// JSON取得成功したら表示を変化させる
			aSaveB.innerText = 'SaveB';
		}
	}
	saveLog(link, logType, log){
		// 現在日時取得
		var dt = new CDate();
		var strDateTime = dt.getDate() + "_" + dt.getTime();
		
		// --------------------------------------------------------
		// ダウンロード用リンクにログデータを設定
		
		// 部屋名取得。部屋名取得も汎用関数作る？
		var roomName = document.getElementById('room_name').innerText.split(' (')[0];
		
		// 複数個所で、本館と別館の区別が必要なので、判断用の関数を作る？
		var serverType = '別館';
		if(location.href === 'http://drrrkari.com/room/' || location.href === 'http://drrrkari.com/room/#'){
			serverType = '本館';
		}
		var blob = new Blob([ log ], { "type" : "text/plain" });
		//var a = document.getElementById('aSaveB');
		link.download = strDateTime + '_' + serverType + '-' + logType + '_' + roomName + '.txt';
		link.href = window.URL.createObjectURL(blob);
		
		// 保存したファイル名を表示
		console.log('保存日時', strDateTime);
	}
}

class CDate{
	getDate(){
		var t = new Date();
		var y = t.getFullYear();
		var m = ( '00' + (t.getMonth() + 1) ).slice(-2)
		var d = ( '00' + t.getDate() ).slice(-2);
		//console.log(y, m, d);
		var dateString = y+'-'+m+'-'+d;	// yyyy-dd-mm
		
		return dateString;	
	}
	getTime(){
		var t = new Date();
		var h = ('00' + t.getHours() ).slice(-2);
		var m = ('00' + t.getMinutes() ).slice(-2);;
		var s = ('00' + t.getSeconds() ).slice(-2);
		//console.log(h+':'+m+':'+s);
		var timeString = h+m+s;	// hh:mm:ss
		
		return timeString;
	}
}

class RoomList{
	constructor(){
		this.rooms = [];
	}
	
	createSaveButton(){
		var profile = document.getElementById('profile');
		var a = document.createElement('a');
		a.id = 'aSaveRooms';
		a.appendChild(document.createTextNode('saveRooms'));
		profile.appendChild(a);
		
		a.addEventListener('click', this.getRoomlist3.bind(this), false);
	}
	
	// 部屋リストを保存
	getRoomlist2(){
		var lounge = {
			// rooms = [];
		};
		
		// 部屋リスト取得
		var rooms = [];
		var eRooms = document.getElementsByClassName('rooms');
		if(location.href === 'http://160.16.61.87/lounge/' || location.href === 'http://160.16.61.87/lounge/#'){
			// 別館の場合、最初の要素を削除
			eRooms[0].remove();
		}
		for(var i=0; i<eRooms.length; i++){
			// -----------------------------------------------
			// ジャンル、部屋名、鍵部屋か
			
			var genre = eRooms[i].parentElement.id;
			var eName = eRooms[i].getElementsByClassName('name')[0];
			var title = eName.innerText;
			var lock = (eName.getElementsByClassName('fa-lock')[0])? true: false;
			
			// -----------------------------------------------
			// 入室者名
			// 入室者名部分は本館と別館でクラス名が違う。
			// しかし、要素の構造は同じなのでchildren[x]で見つけると、同一コードで対応できる。
			
			var eUsers = eRooms[i].children[1].querySelectorAll('li');
			var users = [];
			for(var j=0; j<eUsers.length; j++){
				var username = eUsers[j].innerText;
				var ico = eUsers[j]
					.getElementsByTagName('img')[0]
					.src
					.replace('http://drrrkari.com/css/icon_', '')
					.replace('http://160.16.61.87/css/icon_', '')
					.replace('.png', '');
				users.push({'name':username, 'icon':ico});
			}
			var member = eRooms[i].getElementsByClassName('member')[0].innerText;
			
			// -----------------------------------------------
			// 満員、入室、ノックボタン
			// 入室ボタン部分はBLとBL以外のジャンルでデザインが異なる。別館も異なる。
			
			// 入室ボタンがある場所のテキストを取得する
			var eLogin = eRooms[i].getElementsByClassName('login')[0];
			var button = eLogin.innerText.trim();
			
			var roomid = 'unknown';
			
			// 「満員」表示ではなかった場合。つまり、「ノック」か「入室」の表示
			if(button !== '満員'){
				// button要素が存在する場合
				var button2 = eRooms[i].querySelector('.login button');
				if(button2){
					// ボタンのテキストを取得
					button = button2.innerText;
				}
				// button要素が存在しない場合（旧デザインの処理。本館のBL、別館）
				else{
					// input要素から状態を取得する
					button = eRooms[i].querySelector('.login input').value;
				}
				
				// -----------------------------------------------
				// roomID
				// 「Uncaught TypeError: eRooms[i].getElementsByName is not a function at RoomList.getRoomlist2」
				// 「eRooms[i].getElementsByName」を使おうとすると、TypeErrorが出る。
				// 「var eRooms = document.getElementsByClassName('rooms');」で取得した
				
				var inp = eRooms[i].querySelector('[name=id]');
				var roomid = inp.value;
			}
			
			// 前のバージョンのコード。消しても良い
			/*var inp = eRooms[i].querySelector('.login input');
			var roomid = 'unknown';
			if(inp){
				var roomid = eRooms[i].querySelector('input').value;
			}*/
			
			rooms.push({'title':title, 'lock':lock, 'genre':genre, 'users':users, 'member':member, 'button':button, 'roomid':roomid});
		}
		//console.log(rooms);				
		
		// デュラララチャット全体入室者数取得
		lounge.url = location.href;
		var population = document.querySelector('#main span').innerText.split('人')[0];	// 入室者数。「～人がチャット参加中」の所
		lounge.population = population;
		lounge.rooms = rooms;
		var jsonLounge = JSON.stringify(lounge, null, '\t');
		//console.log(jsonRooms);
		
		// 現在日時取得
		var dt = new CDate();
		var strDateTime = dt.getDate() + "_" + dt.getTime();
		
		// 部屋リストを保存する
		var blob = new Blob([ jsonLounge ], { "type" : "text/plain" });
		var a = document.getElementById('aSaveRooms');
		a.download = 'roomlist_' + strDateTime + '.txt';
		a.href = window.URL.createObjectURL(blob);
	}
	
	getRoomlist3(){
		var lounge = {
			// rooms = [];
		};
		
		// 部屋リスト取得
		var rooms = [];
		var eRooms = document.getElementsByClassName('rooms');
		if(location.href === 'http://160.16.61.87/lounge/' || location.href === 'http://160.16.61.87/lounge/#'){
			// 別館の場合、最初の要素を削除
			eRooms[0].remove();
		}
		
		// 準備処理。 ul.rooms要素に data-genre属性にジャンル情報を付加する事で、全ジャンル同一処理でジャンル分けを可能にする
		(function(){
			// 固定部屋
			let rooms =  document.querySelectorAll('#fixed .rooms');
			for(let room of rooms){
				room.dataset.genre = 'fixed';
				//console.log(room);
			}
			
			// 本館雑談ジャンルの処理。注意書きの上側と下側で分ける
			let e =  document.querySelector('#zatsu .rooms');
			let genre = 'zatsu1';
			do{
				// 部屋が無い場合はループを抜ける
				if(e === null){ break; }
				
				// UL要素の場合、ジャンル情報を付加
				//console.log(e);
				if(e.tagName.toUpperCase() === 'UL'){
					e.dataset.genre = genre;
					//console.log(e);
				}
				// 注意書きまで来たら、ジャンルを変更
				else if(e.tagName.toUpperCase() === 'P'){
					genre = 'zatsu2';
				}
				
				// 雑談ジャンルの部屋を上から順に走査
				e = e.nextElementSibling;
			}while(e);
			
			// 本館なりきり
			rooms =  document.querySelectorAll('#rp .rooms');
			for(let room of rooms){
				room.dataset.genre = 'nari';
				//console.log(room);
			}
			// 本館BL
			rooms =  document.querySelectorAll('#bl .rooms');
			for(let room of rooms){
				room.dataset.genre = 'bl';
				//console.log(room);
			}
			
			// 別館なりきり
			rooms =  document.querySelectorAll('#nari .rooms');
			for(let room of rooms){
				room.dataset.genre = 'nari';
				//console.log(room);
			}
			// 別館R15
			rooms =  document.querySelectorAll('#luv .rooms');
			for(let room of rooms){
				room.dataset.genre = 'r15';
				//console.log(room);
			}
		})();
		
		// 部屋情報取得メイン処理
		for(var i=0; i<eRooms.length; i++){
			// -----------------------------------------------
			// ジャンル、部屋名、鍵部屋か
			
			var eName = eRooms[i].getElementsByClassName('name')[0];
			var title = eName.innerText;
			var lock = (eName.getElementsByClassName('fa-lock')[0])? true: false;
			//var genre = eRooms[i].parentElement.id;
			var genre = eRooms[i].dataset.genre;	// 準備処理の所で付加したジャンル情報を取得
			
			// -----------------------------------------------
			// 入室者名
			// 入室者名部分は本館と別館でクラス名が違う。
			// しかし、要素の構造は同じなのでchildren[x]で見つけると、同一コードで対応できる。
			
			var eUsers = eRooms[i].children[1].querySelectorAll('li');
			var users = [];
			for(var j=0; j<eUsers.length; j++){
				var username = eUsers[j].innerText;
				var ico = eUsers[j]
					.getElementsByTagName('img')[0]
					.src
					.replace('http://drrrkari.com/css/icon_', '')
					.replace('http://160.16.61.87/css/icon_', '')
					.replace('.png', '');
				users.push({'name':username, 'icon':ico});
			}
			var member = eRooms[i].getElementsByClassName('member')[0].innerText;
			
			// -----------------------------------------------
			// 満員、入室、ノックボタン
			// 入室ボタン部分はBLとBL以外のジャンルでデザインが異なる。別館も異なる。
			
			// 入室ボタンがある場所のテキストを取得する
			var eLogin = eRooms[i].getElementsByClassName('login')[0];
			var button = eLogin.innerText.trim();
			
			var roomid = 'unknown';
			
			// 「満員」表示ではなかった場合。つまり、「ノック」か「入室」の表示
			if(button !== '満員'){
				// button要素が存在する場合
				var button2 = eRooms[i].querySelector('.login button');
				if(button2){
					// ボタンのテキストを取得
					button = button2.innerText;
				}
				// button要素が存在しない場合（旧デザインの処理。本館のBL、別館）
				else{
					// input要素から状態を取得する
					button = eRooms[i].querySelector('.login input').value;
				}
				
				// -----------------------------------------------
				// roomID
				// 「Uncaught TypeError: eRooms[i].getElementsByName is not a function at RoomList.getRoomlist2」
				// 「eRooms[i].getElementsByName」を使おうとすると、TypeErrorが出る。
				// 「var eRooms = document.getElementsByClassName('rooms');」で取得した
				
				var inp = eRooms[i].querySelector('[name=id]');
				var roomid = inp.value;
			}
			rooms.push({'title':title, 'lock':lock, 'genre':genre, 'users':users, 'member':member, 'button':button, 'roomid':roomid});
		}
		//console.log(rooms);				
		
		// デュラララチャット全体入室者数取得
		lounge.url = location.href;
		var population = document.querySelector('#main span').innerText.split('人')[0];	// 入室者数。「～人がチャット参加中」の所
		lounge.population = population;
		lounge.rooms = rooms;
		var jsonLounge = JSON.stringify(lounge, null, '\t');
		//console.log(jsonRooms);
		
		// 現在日時取得
		var dt = new CDate();
		var strDateTime = dt.getDate() + "_" + dt.getTime();
		
		// 部屋リストを保存する
		var blob = new Blob([ jsonLounge ], { "type" : "text/plain" });
		var a = document.getElementById('aSaveRooms');
		a.download = 'roomlist_' + strDateTime + '.txt';
		a.href = window.URL.createObjectURL(blob);
	}
}













// ================================================================================
// 
// 　ここから実行
// 
// ================================================================================

const drr = new DrrkariCom();