本を閉じて味わう読書法

本を閉じて味わう読書

速読が流行っているみたいだけど、本を閉じて味わう読書もお勧めです。

ワンフレーズ読んで、本を閉じる。

ひとつの段落を読んだら本を閉じる。

速く読むことで得られることとは違うものが得られる。

本を閉じて考えてもいいけど、本を閉じて味わう方がお勧め。

大切な本などは、本を閉じて味わう時間をもつと何かちがうものが得られる気がします。

emacsが動くモバイルが欲しいよ

emacsが動くモバイルが欲しい

　最近、GTDをemacs+Org-modeで行っている。モバイルパソコン欲しいなぁ。結局、今はiPod Touchで MobailOrgを使っている。でも時々、TO&DOの同期がうまくなかったりして（私の設定がわるいのかなぁ）
ポメラでもよさそうな気もしたりして。

でも、結局アナログのペンと手帳でメモが一番活躍しているのだけどね。

リンク集

MobileOrg
http://mobileorg.ncogni.to/

Org-mode
http://orgmode.org/

GNU Emacs
http://www.gnu.org/software/emacs/emacs.html

OrgMode/Org-modeでGTD実践（翻訳）
OrgMode/Org-modeでGTD実践（翻訳）

エキサイトブログ広告 攻略への道 No.1

はじめに

エキサイトブログについて無料ユーザのみ、インタレストマッチの広告が表示されるようになりました。私は、広告を消したり、隠したりするのではなく、記事と広告の分離を目指したいと考えています。この広告を攻略するために、HTMLコードを調査しました。

広告構造(素に近いHTML)

まずはじめに、どのような構造でインタレスマッチ広告を挿入しているのか調査。ブラウザのソース表示は実際のHTMLとちょっと違うため、実際にファイルをダウンロードして調査しました。ダウンロードにはUNIXではおなじみのWget[1]です。

※この記事を書く時に、なぜだか１つしか広告が表示されなかったので、１つだけだけど大体分かるのでよしとすることにしました。

エキサイトブログの広告構造　素に近いHTML抜粋

<div class="POST_BODY">
 <!--interest_match_relevant_zone_start -->
  投稿部分
 <!--interest_match_relevant_zone_end -->
 <br clear="all"/>
 <div name="im" id="im" style="display:hidden;"></div>

 <script type="text/javascript">...</script>
 <script type="text/javascript">...</script>
</div>

1. HTMLファイルをダウンロードして調査した結果、あらかじめ入れてある<div name="im" id="im" style="display:hidden;"></div>に対して、JavaScriptで広告のHTMLコードを流し込みようになっていました。そのコードがJavaScriptの２つめの部分に記述されています。
   CSSで広告を消されないように、JavaScriptでスタイルを設定しています。
2. 記事の最後に見事に広告のコードが挿入されるようになっています。
   

[1] Wget ウェブサーバからコンテンツを取得するコンピュータープログラム。コマンドラインからURLアドレスとオプションを駆使してサイト丸ごと取り込むことも可能。今回は、"Wget　URLアドレス"と単純にHTMLファイルのみを取り込みました。以下のサイトでプログラムを入手可能です。 GNU Wget

広告構造(ブラウザ)

<div class="POST_BODY">
<!--interest_match_relevant_zone_start -->
投稿
<!--interest_match_relevant_zone_end -->
<br clear="all">
<div name="im" id="im" style="display: block ! important; visibility: visible ! important; height: 100% ! important; width: 100% ! important;">
 <table style="margin: 20px 0pt 15px; width: 95%;" align="center">
 <tbody>
 <tr>
  <td class="im_hit" id="lasg0" onclick="ga(this,event);return false;">
   <span class="im_url">広告タイトル</span>
   <a id="asg0" href="広告URLアドレス">&nbsp;</a>
   <span class="im_url">www.rakuten.ne.jp</span>
   <table class="im_summary" border="0" cellpadding="0" cellspacing="0">
   <tbody>
    <tr>
     <td class="im_summary">広告の内容</td>
    </tr>
   </tbody>
   </table>
  </td>
 </tr>
 <tr>
 <td>
 <div class="im_title">
  インタレストマッチ -
  <a href="http://..." style="color: rgb(145, 145, 145); text-decoration: none;">広告の掲載について</a>
 </div>
</div>

広告変更は禁止？

　無料のサイトをお借りすることが多いので、広告表示の件もサイト毎によって違ったりする。広告の内容を改変したり、広告の見た目を変えることが禁止されていることがある。エキサイトではなにをしていいのか、なにをしてはだめなのかが分からない。ただ、広告自身を変えるのがアウトな気がする。フォントサイズや、間隔、色などかえるとアウトな気がする。[2]

[2] 私がそう思っているだけで、本当は違うかも。そうであって欲しいけど。

どこを修正しようかぁ

　#imを含む階層下の変更が素人として楽である。だが、それでは美しくない。やはり#im階層下を変更しないで変更できるのが美しいと感じる。CSS2以降の対応ブラウザであれば、広告タグが入ったあとだけその部分の修正を行うことが可能である。ただしなぜだかIEはいつもうまくできない。以下のリンクは苦心して作ったものであるが、完全ではない。

ｅｘｃｉｔｅブログの広告枠の明記（改良)

現在は,#imのトップ部分にボーダラインを入れることと、上記方法で広告の区別を行っている。しかし、この方法をよりブラッシュアップしてもっと良い方法がないか、探したいと思っている。

トレンドをみて、どのブログが人気なのか考えてみる

はじめに

Googleトレンドでエキサイトブログと、FC2、Bloggerを比較してみました。対象国は日本です。FC2が大きいですが、日本でもBloggerが追い上げてきています。エキサイトは横這いですが徐々に下がっているようにも見えます。５つまで比較できますので、キーワードの区切りにカンマを入れて、トレンドをみてみると面白いですよ。

参考：Googleトレンド::エキサイト,FC2,Blogger

ご注意

　検索キーワードでのトレンドになるようなので、性格なデータとは言いがたいですが参考程度には利用できそうですね。

最後に

　トレンドからBloggerは日本でも伸びそうなので、今回の選択は正しかったのだろうか。いや、このデータで自分に言い聞かせたいだけかもしれない。実際には、後にならなければなにも分からないのかもしれませんね。それよりも、前向きに考え、よい記事を書くことの方が大切なのかもしれませんね。

エキサイトブログ 広告非表示タグの回避に関する説明

はじめに

エキサイトブログの広告表示に関して。広告を非表示にするタグについて対策をしている。まず、広告を非表示にすることはNGなので、やらないで下さい。

広告非表示対策コードの説明

まずは、広告非表示対策コードについて。このコードは "! important"を指定して有効順位を上げて、CSSでの "important"の指定を無効にしています。無効にされているのは、#imのdisplay（画面にどのように表示されるか）,visibility(表示するしない),height(高さ),width(巾)の変更を出来なくしています。

<div style="display: block ! important; visibility: visible ! important; height: 100% ! important; width: 100% ! important;" id="im" name="im">

最後に

広告を消しちゃうのはNGです。私も広告は消していません。今回の対策はまだ抜けがあるのですぐに回避する方がでてくるでしょう。公開をするかしないかは、その方の自由なので何もいえませんが。あからさまな公開をすると塞ぎに入ると思います。それなので、ちょっとしたヒントで分かるようにすればいいのかなぁ

#im table{display:none !important;}