SQLの窓 イラストAC フリー素材

2016年04月11日

TSUTAYA LOG から、『過去2年間 TSUTAYA で借りた漫画一覧』を作成してみました

ログイン - TSUTAYA LOG



どうも2年しかデータが残らないようなので、いろいろやって Google のスプレッドシートとして保存する事にしました。

▼ 題名順

直接リンク

もちろん手作業では無理なので、以下の手順

1) TSUTAYA LOG で全て表示
2) Google Chrome で テベロッパーツール(F12)使って TABLE 部分の HTML をテキストとしてコピー(outer html)
3) html ファイルとして書き込んで、先頭に以下のコードを追加
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<input type="button" id="go" value="実行">
<script>

var win,wk,ar;

$(function(){



	$("#go").on("click", function(){

		win = window.open("about:blank");

		win.document.write("<table>");

		$(".date").each(function( idx ){
			win.document.write("<tr>");

			win.document.write("<td>");
			win.document.write($(this).text());
			win.document.write("</td>");

			wk = $(this).next().find("dd").text();
			ar = wk.split(" ");

			win.document.write("<td>");
			for( i = 1; i < ar.length; i++ ) {
				win.document.write(ar[i]);
				win.document.write(" ");
			}
			win.document.write("</td>");

			win.document.write("<td>");
			win.document.write(ar[0]);
			win.document.write("</td>");

			win.document.write("<td>");
			win.document.write($(this).next().next("td").text());
			win.document.write("</td>");

			win.document.write("</tr>");
		});

		win.document.write("</table>");
		win.document.close();

	});

});

</script>

4) あたらしいページに TABLE 要素で必要なデータだけが表示されるので、CTRL+A で全て選択してコピー
5) Google スプレッドシートに貼り付け
6) シート全体を選択する為に左上隅をクリック
7) データメニューから範囲を並べ替え
8) 並び替え列を追加して、タイトルと巻数で並び替え
9) 必要無い行を削除( 少年ジャンプ購入も混ざってるので )
10) ファイルメニューから『ウェブに公開』で埋め込みを選択
11) IFRAME に width と height の属性を追加して大きさを調整してから貼り付け

です。


【生活の最新記事】
posted by at 2016-04-11 00:31 | 生活 | このブログの読者になる | 更新情報をチェックする