最近チマチマとアフィリエイトサイトを巡回しているのですが、唯一iPhoneに最適化されていたのが、A8.netでした。

そこで、ネット銀行の利用を検討していたのですが、ネット銀行に振込する際に振込手数料を支払うのもちょっとアレなので、他行宛ての振込手数料が無料になる楽天銀行を使い始めました。

昔から（それは、イーバンク銀行の時から）楽天銀行口座自体は持っていたのですが、実は、楽天銀行口座を給与振込先に指定すると、月に最大5回まで（給与振込がある度に3回分、繰り越して最大5回まで）他行宛ての振込手数料が無料になるのです。

※ ハッピープログラム会員さまがお持ちの楽天銀行口座を給与振込口座に指定し、実際にお客さまの口座に「給与振込※」がある度に、当該口座で他行振込手数料無料回数が3回分獲得できます。
※ 利用しなかった他行振込手数料無料回数は2回分までくりこし、最大5回分の他行振込手数料無料回数を保有することができます。
※ 獲得した他行振込手数料無料回数は、次の給与振込があるまで有効です。
※ 「一般振込」扱いの給与振込や賞与の振込では、「給与振込※」とみなされず他行振込手数料無料回数を獲得できません。
※ 実際に給与振込があった際にハッピープログラム会員登録（楽天会員リンク登録）されていない場合は、他行振込手数料無料回数を獲得できません。

私が住んでいる地域の銀行から他行宛ての振込については、振込手数料が掛かりますので、給与の振込先は楽天銀行にして、そこからメインの地方銀行口座へ振込を行えば、今まで通り地方銀行のキャッシュカードは使えるというわけです。

HTMLや、Blogの記事の投稿などで、タグをそのまま表示させたい場合にお使いください。

変換したいソースコードを入力してください

<p>ブロガーだってHTML書かなきゃ</p>

h1だとこんな感じ

<h1>h1だとこんな感じ</h1>;

h2だとこんな感じ

<h2>h2だとこんな感じ</h2>

h3だとこんな感じ

<h3>h3だとこんな感じ</h3>

<strong>強調してみる</strong>

<em>斜に構える</em>

<del>全力で否定する</del>

1. リスト(ol)
2. リスト(ol)
3. リスト(ol)

<ol>
  <li>リスト(ol)</li>
  <li>リスト(ol)</li>
  <li>リスト(ol)</li>
</ol>;

• リスト(ul)
• リスト(ul)
• リスト(ul)

<ul>
  <li>リスト(ul)</li>
  <li>リスト(ul)</li>
  <li>リスト(ul)</li>
</ul>

引用文と引用サイトのリンク

<blockquote>引用文と引用サイトのリンク</blockquote>
<cite><a href="http://www.kwackr.com/blog/">Holiday Webmaster Blog</a></cite>

<table>
  <tr>
    <td>1a</td><td>1b</td><td>1c</td>
  </tr>
  <tr>
    <td>2a</td><td>2b</td><td>2c</td>
  </tr>
  <tr>
    <td>3a</td><td>3b</td><td>3c</td>
  </tr>
</table>;

チバユウスケ

ボーカル

アベフトシ

ギター

ウエノコウジ

ベース

クハラカズユキ

ドラム

<dl>
  <dt>チバユウスケ</dt>
  <dd>ボーカル</dd>
  <dt>アベフトシ</dt>
  <dd>ギター</dd>
  <dt>ウエノコウジ</dt>
  <dd>ベース</dd>
  <dt>クハラカズユキ</dt>
  <dd>ドラム</dd>
</dl>

その度に不要ファイルの削除やら不要アプリケーションの削除やらウィンドウズ復元ファイルの削除やらを行ってきたのだが、残り100MBとなり、いよいよごまかしが効かなくなってきた。

OSの再インストールが頭をよぎるが、それだけは避けたいと色々調べた所、OSの再インストール不要でパーテーションのリサイズが出来る「Partition Wizard Home Edition」というフリーソフトを見つけた。

以下から、「Home Edition」をダウンロードして、

ソフトをインストールしたら、作業に取り掛かろう。

※）この手のソフトは失敗すると、ハードディスク全てのデータが消える可能性があるので、あらかじめハードディスクのバックアップを取ることをお勧めします。

作業方法

まずはDドライブを選択し、「Move/Resize」をクリック。

そして、Dドライブの領域先頭をマウスで右に移動させ、

Cドライブに充てる容量分を確保して「OK」をクリック。

すると、新しいブランク領域が作成される。あらかじめDドライブの先頭(つまりCドライブの後方)を空け、そこをCドライブに充てるわけだ。

次にCドライブを選択し、「Move/Resize」をクリック。

Cドライブの後方にブランク領域が出来ているはずなので、

右端まで領域を広げたら、「OK」をクリック。

こうしてパーテーションのリサイズの準備は整った。

最後に、「Apply」をクリックし、

最終確認で「Yes」をクリックすると、

作業が開始される。

今回、Cドライブはシステムドライブとなっているため、途中で「Cドライブが使用中ですよ」と確認を促される。ここでは「Restart Now」をクリック。

すると、Windowsが再起動し、ブートモードで残りの処理を行ってくれる。

残りの処理が完了すると、Windowsが起動するが、ここでも再起動を促されるので、「今すぐ再起動する」をクリックし、再起動をすると、パーテーションのリサイズが完了となる。

スクリーンショットは、リサイズ作業後に、改めて取り直したもので、実際はCドライブ：15GB⇒30GB、Dドライブ：135GB⇒120GBにリサイズしてみたのだが、これでCドライブの容量不足に悩まされることはなくなるだろう。そもそも、Cドライブの容量を余裕もって取っておけば済むことなのだが…。

以上、Dドライブの空き容量をCドライブに割り当ててCドライブの空き容量を増やす方法でした。

そんな時、ブラウザの判別をする必要があるのだが、わずか12文字でブラウザがIEかどうかを判別するキュートなスクリプトを見つけたの紹介。

IE='\v'=='v'

下の"Do you use IE?"ボタンをクリックしてみよう。

上のサンプルは以下のように条件分岐させている。

IE='\v'=='v';

if (IE) {
  alert("You use IE.");
} else {
  alert("You don't use IE.");
}

ただ、上記のスクリプトではIEかそうでないかしか分からないから、実際にブラウザ判別するには、ユーザーエージェントで判断するのが一般的だろう。

というわけで、もうちょっとしっかりブラウザ判別したければ、"navigator.userAgent"を使えば良い。

下の"Your userAgent"ボタンをクリックしてみよう。あなたが現在使っているブラウザが吐き出しているユーザーエージェントが表示されるはずである。

例えば、Firefoxを見分けるには、ユーザーエージェントに"Firefox"という文字列が含まれているかどうかを調べれば良い。

if (navigator.userAgent.indexOf("Firefox") != -1) {
  alert("You use Firefox.");
} else {
  alert("You don't use Firefox.");
}

navigator.userAgent.indexOf("Firefox")は、"navigator.userAgent"から"Firefox"という文字列を検索して、一致する文字列があればその文字列の位置を、一致する文字列がない場合には"-1"を返す、というプログラムである。

もっとも、ユーザーエージェントは偽装可能なので、ユーザーエージェントで完璧にブラウザ判定が行えるわけではないので注意しよう。

メタタグでインデックスへの登録拒否

HTMLのメタタグの記述で、サイト内の特定のウェブページをインデックスに登録することを拒否できます。

<meta name="robots" content="noindex">

サイトのページを Google ロボットのクロールからのみ除外し、他のロボットにはクロールを許可する場合は、次のタグを使用します。

<meta name="googlebot" content="noindex">

YSTのインデックスへの登録を拒否する場合には、次のように記述します。

<meta name="Slurp" content="noindex">

robots.txtでクローラーの巡回拒否

robots.txtで巡回を拒否する場合は、「robots.txt」という名前でテキストファイルを用意し、下記の内容を記述します。ファイルは、サイトのルートディレクトリに設置してください。

すべての検索エンジンのクローラーの巡回を拒否する場合

User-agent: *
Disallow: /

「User-agent: *」は、「すべてのクローラー」という意味になります。

特定のディレクトリ内のみの巡回を拒否したい場合は、「Disallow: /」に続いてそのディレクトリ名を指定します。以下はcgi-binというディレクトリのみを拒否対象にしたいとき。

Disallow: /cgi-bin/

Allowの使い方

「Allow:」は通常「Disallow:」と組み合わせて使用します。たとえば、あるディレクトリのなかの特定のウェブページだけを巡回してほしい場合には、次のように記述します。

Disallow: /foo/
Allow: /foo/bar.html

この例では、「foo」ディレクトリ以下は巡回を拒否するが、/foo/bar.htmlは巡回を許可するという意味を持ちます。

「*」記号

「*」記号は、任意の長さの、任意のURL文字列にマッチさせるときに使います。URL文字列のいずれの部分にも使えます。

User-agent: *
Allow: /public*/　・・・1
Disallow: /*_print*.html　・・・2
Disallow: /*?sessionid　・・・3

1. 「public」で始まるすべてのディレクトリへの巡回を許可
例：「/public_html/」や「/public_graphs/」も巡回されます。

2. 「_print」を含むすべてのファイルとディレクトリへの巡回を拒否
例：「/card_print.html」や「/store_print/product.html」は巡回されません。

3. URL文字列に「?sessionid」を含むすべてのファイルへの巡回を拒否
例：「/cart.php?sessionid=342bca31」は巡回されません。

「$」記号

「$」記号は、URLの末尾にある、任意の文字列をマッチさせるときに使います。

User-agent: *
Disallow: /*.gif$　・・・1
Allow: /*?$　・・・2

1. robots.txtが設置されたサイト以下で、「.gif」で終わるすべてのファイルへの巡回を拒否（「$」を省き「/*.gif」とすると、ファイルパスに「.gif」を含む、すべてのファイルの巡回が拒否されていることになります）

2. 「?」で終わるすべてのファイルへの巡回を許可

というわけで、今回は、CSSで文字数（行数）を制御しようと思う。

幅と高さが固定された要素に文字をたくさん入れてしまうと…

限られた領域に文字数を多く表示しようとすると、ブラウザによって領域が拡大されたり文字が重なったりして、レイアウトが崩れてしまう。例えば、幅を100px 高さを50pxに固定したボックスの中に、文字数をたくさん入れ込むと以下のようになる。

IE6で見ると多い文字の書かれたボックスが高さ方向に拡大してしまい、Firefoxで見ると文字がはみ出して下の少ない文字のボックスと重なってしまっているのが分かるだろうか。

はみ出す部分は隠してしまえ

この状況を打破するためには、文字サイズを小さくしたり、文字数を減らしたりするのではなく、領域外を表示されないように指定してしまえば迷走しなくて済む。

line-height:1.5em;
width:100px;
height:3em;
overflow:hidden;

上のようにスタイルシートに記述すると、ボックスに表示させる文字の行数を制御することが出来る。

「line-height」で一行の高さを決めて、「height」で行数を制御している。この場合は、line-height が 1.5em で、height が 3em だから2行表示されるようになる。ここで単位を「em」とすることで、訪問者がブラウザで文字サイズを変更した際も、文字サイズに合わせて行の高さとボックスの高さが調整される。

また、「overflow:hidden」ではみ出した部分を表示しないように指定しているので、文字数が多くて表示しきれない場合は、文字が表示されないようになる。

ブラウザで文字サイズを変更してみると、文字数が変化し、ボックスサイズを維持していることが分かるだろうか。

文字が消えることについては、賛否両論あるかもしれないが、これを覚えておけば、文字数や文字サイズに悩まされずに、柔軟かつ統一感のあるレイアウトが可能となる。