fc2ブログ

「廊下のむし探検」索引

過去のブログを日付で探すとき、「過去の記事一覧」では10か月以上前の記事が探せないので目次というか索引というか、そんなものがあると便利だなと思って作ってみました。


2019  1 2 3月 4月 5月 6月 7月 8月 9月 10月 11月 12月

2018  1 2 3 4 5 6 7 8 9 10 11 12
2017
  1 2 3 4 5 6 7 8 9 10 11 12
2016
  1 2 3 4 5 6 7 8 9 10 11 12
2015
  1 2 3 4 5 6 7 8 9 10 11 12
2014
  1 2 3 4 5 6 7 8 9 10 11 12
2013
  1 2 3 4 5 6 7 8 9 10 11 12

2012  1月 2月 3月 4月 5月 6月 7月 8月 9月 10 11 12


本当はJAVAを使えばもっと簡単にできると思うのですが、ブログに貼り付けるやり方がよく分からないので、地道に作ってみました。まず、ある年のある月だけ書いて「過去の記事一覧」にリンクを張ります。それをコピーして表のような配列にします。その後、月を1月から12月まで変えていきます。こうしてできた配列全体をコピーしてWordに貼り付けます。後はハイパーリンク編集を使って一つずつリンク先を変えていきます。

https://blogs.yahoo.co.jp/fushionotori1/archive/2018/1

リンク先はこんな感じになっているので、最後の部分の年と月を変えるだけでよいのですが、ちょっと面倒でした。まぁ、ほかの方が日付から過去の記事を探すことはまずないので、もっぱら私専用の索引にはなりますけど・・・。
スポンサーサイト



廊下のむし探検 索引

ブログ「廊下のむし探検」の付録を載せたホームページをつくりました。内容は以下の通りです。

○ブログ総目次

○種名索引(蛾、カメムシ、甲虫、その他)

○画像リスト(総合、蛾、カメムシ、甲虫)

○「虫を調べる」記事一覧


ブログ総目次はこれまでに出したブログの日付とタイトルの項目、年別の目次です。種名索引はこのブログで出てきた「むし」の和名の総索引です。また、画像リストはブログに出した画像の全リストです。

その他、このホームページにはカメラに関する記事も載せています。トップページから見て下さい。

(参考)
-------------------------------------------------------------------------
2013.5.30 EXCELを使った索引の作り方

「廊下のむし探検」を始めてから、はや半年が過ぎてしまいました。その間、ものすごい数の「むし」が見られました。と同時に、いったい、いつどんな「むし」が見られたのかまったく分からなくなりました。そこで、索引を作ってみようと思いました。とりあえず、蛾についてだけです。

作り方は、EXCELの各列に、種名、科名、幼虫かどうか、ブログの日付、各ブログのURLに出ている最後の7ケタの数字、写真のURLに出ている最後の1ケタか2ケタの数字を入れていきます。そして、一番右の列に以下の式を入れます。

種名索引
=CONCATENATE("<tr><td>",B6,D6," (",C6,"科)","</td>","<td><a href=""",$B$1,F6,$B$2,""">",A6,"</a></td>","<td>","<a href=""",$B$3,F6,$B$4,E6,""">photo</a></td></tr>")

科別索引
=CONCATENATE("<tr><td>",C6,"科</td><td&gt;",B6,D6,"</td>","<td><a href=""",$B$1,F6,$B$2,""">",A6,"</a></td>","<td>","<a href=""",$B$3,F6,$B$4,E6,""">photo</a></td></tr>")

私の場合は、種名(B)、科名(C)、幼虫(D)、日付(A)、ブログのURLの7ケタの数字(F)、画像の番号(E)の各列を使って、データを6行目以下に入れてあります。これに、ブログのURLの7ケタの数字より前の部分をB1に入れ、後ろの部分をB2に、画像のURLのうち、7ケタの数字より前の部分をB3、後の部分で画像番号より前の部分をB4に入れておきます。データを6行目より下に入れていき、最後に上の式を入れた列(G、H)を下の行にドラッグしながらコピーしていくと出来上がります。種名か科名でソートした後、GあるいはH列でデータのある部分だけをコピーし、htmlの<table> </table>の間に挟んでペーストし、ホームページに載せればよいのです。

データを入れるのは大変でしたが、後の作業は楽でした。初め、ホームページに載せたデータを画面上でコピーして、ブログに入れようとしたのですが、字数オーバーになってしまいました。仕方なく、以下のようにホームページをリンクする形にしました。あわてて作ったので、間違っているところもあるかもしれませんが、とりあえず、・・・。(追記:カメムシもプラスしました)

-----------------------------------------------------------------------
2013.06.03 Javaを使った改良

先日作った索引を見て、科別に選べるともっと便利になるのではということで、Javaを使ったフィルタリングの方法を教えてもらいました。

使い方は、次のサイトからtable.jsというファイルをダウンロードして、索引のhtmlファイルと同じところにおきます。

索引のhtmlの<HEAD></HEAD>の間に<script type="text/javascript" src="table.js"></script>を挿入します。
tableを<table class="table-autofilter"></table>とし、tableの一行目を<thead></thead>で括り,一行目のフィルタリングしたい項目にのみ<td class="table-filterable"></td>とすればよいのです。

上のEXCELのG列の代わりに

=CONCATENATE("<tr><td>",B6,D6,"</td><td>",C6,"科</td>","<td><a href=""",$B$1,F6,$B$2,""">",A6,"</a></td>","<td>","<a href=""",$B$3,F6,$B$4,E6,""">photo</a></td></tr>")

を入れて、索引のデータをつくり、これをtableの2行目以降に入れれば、特に科別索引を作らなくても、フィルタリングすることで科別のリストを見ることができるようになります。
プロフィール

廊下のむし

Author:廊下のむし

カテゴリ
リンク
最新記事
最新コメント
カウンター
月別アーカイブ