<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>#BLOG</title>
    <link rel="alternate" type="text/html" href="http://www.masahiko.info/blog/" />
    <link rel="self" type="application/atom+xml" href="http://www.masahiko.info/blog/atom.xml" />
   <id>tag:www.masahiko.info,2011:/blog//1</id>
    <link rel="service.post" type="application/atom+xml" href="http://www.masahiko.info/blog/mt-atom.cgi/weblog/blog_id=1" title="#BLOG" />
    <updated>2010-10-30T08:41:01Z</updated>
    <subtitle>Webクリエイター、Web利用者向けの技術情報ブログ。シャープブログ（Sharp Blog）。</subtitle>
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type  3.21-ja</generator>
 
<entry>
    <title>［Topsyで開く］ブックマークレット</title>
    <link rel="alternate" type="text/html" href="http://www.masahiko.info/blog/archives/000983.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.masahiko.info/blog/mt-atom.cgi/weblog/blog_id=1/entry_id=983" title="［Topsyで開く］ブックマークレット" />
    <id>tag:www.masahiko.info,2010:/blog//1.983</id>
    
    <published>2010-10-30T08:01:54Z</published>
    <updated>2010-10-30T08:41:01Z</updated>
    
    <summary>Webページに対するTwitterでのつぶやきをまとめてみたい場合、Topsy ...</summary>
    <author>
        <name>一色政彦</name>
        <uri>http://www.masahiko.info/</uri>
    </author>
            <category term="Twitter関連" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.masahiko.info/blog/">
        <![CDATA[<p><img style="background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; float: right; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="topsybookmarklet" border="0" alt="topsybookmarklet" align="right" src="http://www.masahiko.info/blog/Windows-Live-Writer/Topsy_E655/topsybookmarklet_3.gif" width="200" height="100" />Webページに対するTwitterでのつぶやきをまとめてみたい場合、<a title="Topsy - Real-time search for the social web" href="http://topsy.com/" target="_blank">Topsy - Real-time search for the social web</a> というサービスが便利です。このサイトを開き、テキストボックスに、つぶやきを見たいページのURLをコピー＆ペースト（以下、コピペ）で貼り付け、［Search］ボタンをクリックすると検索できます。</p>  <p>参考までに次のリンクをクリックしてみてください。「<a href="https://twitter.com/">https://twitter.com/</a>」というURLのページのつぶやきが表示されます。</p>  <ul>   <li><a title="https---twitter.com- – Topsy" href="http://topsy.com/s?q=https%3A%2F%2Ftwitter.com%2F" target="_blank">twitter.com に対するつぶやきの表示 – Topsy</a> </li> </ul>  <p><a href="http://www.masahiko.info/blog/Windows-Live-Writer/Topsy_E655/topsy1_2.gif"><img style="background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="topsy1" border="0" alt="topsy1" src="http://www.masahiko.info/blog/Windows-Live-Writer/Topsy_E655/topsy1_thumb.gif" width="484" height="516" /></a></p>  <p>しかしURLをコピペするのも面倒くさいので、ブックマークレットを作ってみました（<font color="#ff0000">※</font>不具合があってもバグ修正などの対応ができない場合があります。すみません）。<font color="#ff0000">※</font>現在、最初の公開から少し改良した<strong>バージョン2</strong>を公開中です。</p>  ]]>
        <![CDATA[  <p><strong>【概要】      <br /></strong>ブックマークレットとは、Webブラウザに「ブックマーク」（＝IEでは「お気に入り」）を追加して、そのブックマークがクリックされたときに何らかの処理・動作を行うJavascriptプログラムのことです。難しいことは抜きにして、今回のブックマークレットは、<strong>［Topsyで開く］というブックマークをクリックすると、現在表示しているページをTopsyに切り替えてつぶやきを表示する</strong>という機能を持っています。</p>  <p><strong>【インストール】      <br /></strong>ブックマークレットをブックマークとしてブラウザに登録するには、基本的にブックマーク バーに下記のリンク「Topsyで開く」をドラッグ＆ドロップするだけです。ブックマークレットの登録方法や使い方は、<a title="ブックマークレット - はてな" href="http://www.hatena.ne.jp/tool/bookmarklet">ブックマークレット – はてな</a> が参考になると思いますので、うまくいかない方はこちらを参照してみてください。</p>  <ul>   <li><a title="［Topsyで開く］ブックマークレット" href="javascript:if(location.pathname==&quot;/&quot;){location.href='http://topsy.com/'+location.hostname+'/';}else{location.href='http://topsy.com/'+location.hostname+'/'+location.pathname;}">Topsyで開く</a> </li> </ul>  <p><img style="background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="topsy2" border="0" alt="topsy2" src="http://www.masahiko.info/blog/Windows-Live-Writer/Topsy_E655/topsy2_3.gif" width="484" height="367" /></p>  <p><strong>【使い方】      <br /></strong>つぶやきが多そうな適当なページを開き、先ほど登録したブックマークレットをクリックしてみましょう。前述の「<a title="https---twitter.com- – Topsy" href="http://topsy.com/s?q=https%3A%2F%2Ftwitter.com%2F" target="_blank">twitter.com に対するつぶやきの表示 – Topsy</a>」と同じようなつぶやき一覧が表示されます。</p>  <p><strong>【別バージョン：はてなブックマークのコメント一覧も同時に開く】      <br /></strong>わたしの場合は、はてなブックマーク（以下、はてブ）のコメントも同時に開けたら楽だと感じたので、「Topsy」を開くと同時に、別ウィンドウで「はてブ」を開くブックマークレットを使っています（<font color="#ff0000">※</font>IEでは別ウィンドウを2つ同時には起動できないようなので、1つのみ別ウィンドウで開くようにしています）。</p>  <ul>   <li><a title="［はてブ＆Topsyで開く］ブックマークレット" href="javascript:if(location.pathname==&quot;/&quot;){location.href='http://topsy.com/'+location.hostname+'/';window.open('http://b.hatena.ne.jp/entry/'+escape(location.href));}else{location.href='http://topsy.com/'+location.hostname+'/'+location.pathname;window.open('http://b.hatena.ne.jp/entry/'+escape(location.href));}">はてブ＆Topsyで開く</a> </li> </ul>  <p><strong>【ソース コードの提供と、カスタマイズ・再配布の許可】      <br /></strong>上記2つのブックマークレットのJavascriptソース コードを開示しておきます（まぁ大したものでもなく、簡単に見えますが）。著作権は主張しないので、自由に改変、再配布、何でもしていただいてOKです。</p>  <ul>   <li>Topsyで開く </li> </ul>  <blockquote>   <p>javascript:if(location.pathname==&quot;/&quot;){<wbr></wbr>location.href='http://topsy.com/'+location.hostname+'/';<wbr></wbr>}else{<wbr></wbr>location.href='http://topsy.com/'+<wbr></wbr>location.hostname+'/'+location.pathname;<wbr></wbr>}</p> </blockquote>  <ul>   <li>はてブ＆Topsyで開く </li> </ul>  <blockquote>   <p>javascript:if(location.pathname==&quot;/&quot;){<wbr></wbr>location.href='http://topsy.com/'+location.hostname+'/';<wbr></wbr>window.open('http://b.hatena.ne.jp/entry/'+escape(location.href));<wbr></wbr>}else{<wbr></wbr>location.href='http://topsy.com/'+location.hostname+<wbr></wbr>'/'+location.pathname;<wbr></wbr>window.open(<wbr></wbr>'http://b.hatena.ne.jp/entry/'+<wbr></wbr>escape(location.href));<wbr></wbr>}</p></blockquote>]]>
    </content>
</entry>
<entry>
    <title>twitterでのつぶやきを一括削除するツール</title>
    <link rel="alternate" type="text/html" href="http://www.masahiko.info/blog/archives/000978.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.masahiko.info/blog/mt-atom.cgi/weblog/blog_id=1/entry_id=978" title="twitterでのつぶやきを一括削除するツール" />
    <id>tag:www.masahiko.info,2009:/blog//1.978</id>
    
    <published>2009-10-02T18:07:57Z</published>
    <updated>2011-06-22T05:38:32Z</updated>
    
    <summary>2010年11月20日更新。2011年6月22日更新（認証ができなくなっていた問...</summary>
    <author>
        <name>一色政彦</name>
        <uri>http://www.masahiko.info/</uri>
    </author>
            <category term="Twitter関連" />
            <category term="Web関連" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.masahiko.info/blog/">
        <![CDATA[<p><strong><font color="#ff0000">2010年11月20日更新。<strong><font color="#ff0000">2011年6月22日更新（認証ができなくなっていた問題を解決）。</font></strong></font></strong></p>  <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-left-width: 0px; margin-right: 0px" title="twitter" border="0" alt="twitter" align="right" src="http://www.masahiko.info/blog/WindowsLiveWriter/twitter_15E7/twitter_3.gif" width="200" height="100" /> Twitterのつぶやき（ステータス）を一括削除するツール「TwitterEraser」（Twitterでの製品登録名は「TweeterEraser」）を作りました。あくまで自分用に作ったので、完ぺきではない部分があるかもしれません。しかも数カ月前に作ったので、細かい仕様を忘れてしまいました……(^^;)。<strong>何か問題がおきても責任は一切取りませんのであしからず、自己責任で。</strong>取りあえず自分のIDで試してみましたが問題ないようです。世の中にはつぶやき削除したい人もいるかと思い、せっかく作ったので、とりあえずあるままで提供します。</p>  <p>なお、twitterのつぶやきは、消しても、表示されなくなっているだけで、実際には消えていないそうですので、その点、ご了解ください。</p>  <p>※TwitterEraserは、最新の100件のつぶやきを残して、3万件のつぶやきを一括削除します。<strong>ただし3万件削除するには、理論的に8日以上かかりますので注意してください（300件ぐらいなら2～3時間です）。</strong>こんなに時間がかかるのは1時間に150回しかAPI（＝プログラム内で使うもの）を呼び出しできないという制限がtwitter側で設定されているためです<strong><font color="#ff0000">（2010年11月20日現在は350回に増えているようです）</font></strong>。</p>  <ul>   <li><a href="http://www.masahiko.info/blog/archives/bin/twittereraser.zip">TwitterEraserのダウンロード</a> </li> </ul>  <p>上記のリンクからtwittereraser.zipファイルをダウンロードしたら、任意の場所に展開してください。展開したフォルダ内にある「TwitterEraser.exe」を実行すると、次のようなアプリケーションが起動します（※事前に.NET Framework 3.5がインストールされている必要があります）。</p>  <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="twittereraser1" border="0" alt="twittereraser1" src="http://www.masahiko.info/blog/WindowsLiveWriter/twitter_15E7/twittereraser1_3.gif" width="323" height="245" /> </p>  ]]>
        <![CDATA[  <p>上記のとおり、Twitter APIには制限があります。その制限は［制限確認］ボタンをクリックすると、下のようなダイアログが表示されて確認できます。150/150というのは、150回の呼び出し回数中、あと150回呼び出せるという意味で、ここから1回APIを呼び出すごとに減っていきます。リセット時間というのは150回が再び満タンになる時間です。</p>  <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="twittereraser2" border="0" alt="twittereraser2" src="http://www.masahiko.info/blog/WindowsLiveWriter/twitter_15E7/twittereraser2_3.gif" width="454" height="177" /> </p>  <p>しかしこの値は実は信用できません。Twitterから取得しているのですが、必ずしも正しくないようです。API呼び出し残り回数が「0/150」になっているときのみ、正しいようですので、そのチェックとリセット時刻を調べる際に参考にすることはできると思います。</p>  <p>なお、Twitterのクライアント・ツールを利用している場合、それらのツールの使用中は、この「API呼び出し回数」がそれらのツールによって減らされてしまうので、確実にそれらのツールを終了してください（タスクバー内で常駐して動作するものがあるので注意してください）。</p>  <p>それでは、実際に削除してみましょう。</p>  <p>まず、TwitterのユーザーIDとパスワードを入力して<strong><font color="#ff0000">（2010年11月20日の更新で不要になりました。各ボタンをクリックすると、Twitter側の認証ページが表示されますので、そこで入力してください）</font></strong>、ページ番号を「2」にして（最初からそうなっているはず）、［ページ番号以前を一括削除］ボタンをクリックしてください。1ページが100件のつぶやきに該当します。つまり2ページというのは101件目以降のつぶやきを削除するという意味になります。ここに「1」を設定すると、最初から削除されるはずです（試していないので、自己責任で）。<strong>つぶやきがすでに300を超えているなら、まず「つぶやき件数/150」の数値の1ページ前（例えば3000件÷150＝20ページ目なら「19」）ぐらいを入力して実行してみることをお勧めします（※上記のとおり、すごく時間がかかるため）。</strong></p>  <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="twittereraser3" border="0" alt="twittereraser3" src="http://www.masahiko.info/blog/WindowsLiveWriter/twitter_15E7/twittereraser3_3.gif" width="319" height="241" /> </p>  <p>実行開始すると、右中央の「処理前」が「処理実行中」に変わります。［ページ番号］は何ページまで読み込んだかが表示されます。この例では「5」ページまで読み込んでいます。</p>  <p>上の画像の<img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="01" border="0" alt="01" src="http://www.masahiko.info/blog/WindowsLiveWriter/twitter_15E7/01_3.gif" width="16" height="16" /> にはAPI残り回数が、<img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="02" border="0" alt="02" src="http://www.masahiko.info/blog/WindowsLiveWriter/twitter_15E7/02_3.gif" width="16" height="16" />にはリセット時刻が表示されます（これららは、先ほどと違って、正しい値のようです。※Twitter APIは実際にAPIを呼び出さないと正しいAPI制限の値を取得できないらしいです……）。</p>  <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="twittereraser4" border="0" alt="twittereraser4" src="http://www.masahiko.info/blog/WindowsLiveWriter/twitter_15E7/twittereraser4_3.gif" width="319" height="241" /> </p>  <p>上の画像は呼び出し制限までAPIを使ったので、APIが150回の満タンに復活するまで待っているところです。</p>  <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="01" border="0" alt="01" src="http://www.masahiko.info/blog/WindowsLiveWriter/twitter_15E7/01_3.gif" width="16" height="16" /> には削除中のつぶやきが表示されます。何件中何件目の削除なのか、そのつぶやきのID、つぶやかれた日時の順です。（※ちなみにこの例では、5ページ分取得しているので、401件以上あるはずですが、すでにいくつかの発言を消していたりしたので「109」件しかないんだと思います。例えば手動でつぶやきを削除した場合などでは、その分が歯抜け状態で取得できないので、実際には1ページ＝100件にはなりません。）</p>  <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="02" border="0" alt="02" src="http://www.masahiko.info/blog/WindowsLiveWriter/twitter_15E7/02_3.gif" width="16" height="16" />には再開するまでの残り時間が表示されます。</p>  <p>削除が完了すると、次のメッセージが表示されます。</p>  <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="twittereraser5" border="0" alt="twittereraser5" src="http://www.masahiko.info/blog/WindowsLiveWriter/twitter_15E7/twittereraser5_5.gif" width="315" height="177" /> </p>  <p>この画面では「130ページ分」となっていますが、「300ページ分」の間違えです。</p>  <p><strong><font color="#ff0000">あと、試していませんが、リンク先のようなツールもあるみたいです。：</font></strong><a href="http://twitwipe.aalaap.com/login.php"><strong><font color="#ff0000">http://twitwipe.aalaap.com/login.php</font></strong></a></p>]]>
    </content>
</entry>
<entry>
    <title>「関連記事」を自動生成するサービス</title>
    <link rel="alternate" type="text/html" href="http://www.masahiko.info/blog/archives/000960.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.masahiko.info/blog/mt-atom.cgi/weblog/blog_id=1/entry_id=960" title="「関連記事」を自動生成するサービス" />
    <id>tag:www.masahiko.info,2008:/blog//1.960</id>
    
    <published>2008-06-23T04:35:31Z</published>
    <updated>2008-06-23T05:36:55Z</updated>
    
    <summary>Webサイトの価値を計る指標として「直帰率」（＝1ページ見ただけでサイトを離れる...</summary>
    <author>
        <name>一色政彦</name>
        <uri>http://www.masahiko.info/</uri>
    </author>
            <category term="Web関連" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.masahiko.info/blog/">
        <![CDATA[<img alt="relatedarticlesicon.gif" src="http://www.masahiko.info/blog/archives/images/relatedarticlesicon.gif" width="200" height="100" align="right" />Webサイトの価値を計る指標として「直帰率」（＝1ページ見ただけでサイトを離れる閲覧者の確率）がありますが、実際にWebサイトの訪問者に次々とページを読んでもらうには、自サイト内のほかのページへの誘導が欠かせません。そこで使われるのが「関連記事」の一覧です。

関連記事の一覧とは、現在のページに関連性の高いページへのリンクが一覧表示されるものです。検索エンジンなどから「この情報を知りたい」という明確な目的を持ってやって来た閲覧者に、まさにその目的に関連する記事の一覧が提示されることになり、閲覧者にとっても有益で、サイトで情報を公開する人にとっても（PV面で）良い手法だと思います。

このような関連記事は手動で作成することも可能ですが、労力を省くために機械で自動生成するサービスがいくつかあります。

そこで、現在、世に出ている「関連記事生成サービス」をいくつか紹介します。]]>
        <![CDATA[ここで紹介するものは基本的に、自サイト内の記事ページを解析して関連記事を抽出する機能を持つもので、タグやキーワードをあらかじめ入力しなくてはならないものなどは載せていません。

●＜インストール型（Linux）＞
<a href="http://preferred.jp/prd_hotate.html" target="_blank">関連記事推薦エンジン　Hotate</a>
　実績：朝日新聞社（「こんな記事も」の部分）（<a href="http://www.asahi.com/kansai/news/OSK200806220073.html" target="_blank">例</a>）
<img alt="relatedarticles1.gif" src="http://www.masahiko.info/blog/archives/images/relatedarticles1.gif" width="490" height="332" />

●＜サービス型（Javascript）＞
<a href="http://www.mitsue.co.jp/product/mediajam_linkmaker.html" target="_blank">ミツエーリンクス　mediajam LinkMaker</a>
　実績：カナロコ（神奈川新聞 ローカルニュース）（<a href="http://www.kanaloco.jp/localnews/entry/entryxiiijun0806483/" target="_blank">例</a>）
<img alt="relatedarticles2.gif" src="http://www.masahiko.info/blog/archives/images/relatedarticles2.gif" width="448" height="506" />

●＜サービス型（Javascript）＞
<a href="http://kanren.hirosiki.jp/entries/" target="_blank">カンレン.えんとりーず</a>
　実績：ブログ関連に多数（<a href="http://blog.kumagaip.jp/article/4750511.html" target="_blank">例</a>）
<img alt="relatedarticles3.gif" src="http://www.masahiko.info/blog/archives/images/relatedarticles3.gif" width="415" height="258" />

●＜インストール型（Linux／Windows）＞
<a href="http://www.higuchi.com/item/499" target="_blank">Hyper Estraier 検索エンジンの類似検索結果の活用</a>
　実績：higuchi.com（<a href="http://www.higuchi.com/item/499" target="_blank">例</a>）
<img alt="relatedarticles4.gif" src="http://www.masahiko.info/blog/archives/images/relatedarticles4.gif" width="490" height="420" />

おもしろそうなサービスがあれば随時追加していきます。]]>
    </content>
</entry>
<entry>
    <title>idやclassなしでテキストボックスやsubmitボタンにCSSを適用するには？</title>
    <link rel="alternate" type="text/html" href="http://www.masahiko.info/blog/archives/000949.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.masahiko.info/blog/mt-atom.cgi/weblog/blog_id=1/entry_id=949" title="idやclassなしでテキストボックスやsubmitボタンにCSSを適用するには？" />
    <id>tag:www.masahiko.info,2008:/blog//1.949</id>
    
    <published>2008-06-01T08:11:30Z</published>
    <updated>2008-06-03T04:51:14Z</updated>
    
    <summary>Webページの閲覧者に検索やコメントを入力、送信してもらうには、Webページ上に...</summary>
    <author>
        <name>一色政彦</name>
        <uri>http://www.masahiko.info/</uri>
    </author>
            <category term="Web関連" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.masahiko.info/blog/">
        <![CDATA[<img alt="cssdesignlogo.jpg" src="http://www.masahiko.info/blog/archives/images/cssdesignlogo.jpg" width="200" height="100" align="right" />Webページの閲覧者に検索やコメントを入力、送信してもらうには、Webページ上にテキストボックス（＝テキスト入力枠）や submit ボタン（＝［送信］ボタンや［検索］ボタン）などの&lt;input&gt;要素（以降、まとめて「コントロール要素」と呼びます）を配置します。しかし、これらのコントロール要素はサイトのデザインと必ずしもマッチしていないことがあり、よりサイトに合ったデザインに変更したい場合があります。このようなときには（基本的に）CSSを使います（この記事ではCSSの使い方の説明は割愛します）。

コントロール要素にCSSを適用するには、まずは目的のコントロール要素を特定する必要があります。これを行うためには、通常、そのコントロール要素にid属性もしくはclass属性を付け、それを利用します。

例えば、次のようなHTMLコードで、submit ボタンが配置されているとします。<blockquote>&lt;div id="search-box"&gt;
&nbsp; &lt;input type="submit" name="sa" value=" 検索" id="search_submit"&gt;&lt;/input&gt;
&lt;/id&gt;</blockquote>この場合、次のようなCSSコードにより、submit ボタンのデザイン内容をカスタマイズできます。<blockquote>#search-box input#search_submit {
&nbsp; ＜デザイン内容の変更するコード＞
}</blockquote>このCSSでは、
<strong>&nbsp; id属性（#）が「search-box」の内部（＝半角スペース）にある「input」要素で、しかもid属性（#）が「search_submit」の要素</strong>
というふうに、コントロール要素を特定しているわけです（ちなみにclass属性の場合は「#」の代わりに、「.」を使います）。

通常はこれで問題ないわけですが、事情によりid属性やclass属性が使えない場合があります。例えば、Google AdSenseの検索コードを使っている場合には、コード内容の改変が禁止されているため、id属性やclass属性が使えないことがあります。

そのような場合に、目的のコントロール要素を特定して、CSSを適用する方法を紹介します。

その方法とは]]>
        <![CDATA[&lt;input&gt;要素のtype属性を使う方法です。
<blockquote><font color="red">*</font> ただし、Internet Explorer 6 では動作しません。以下のブラウザでは動作することを確認できました。
　１．Microsoft Internet Explorer 7 以降
　２．Firefox 2.0 以降
　３．Safari 3.1.1 以降
※OSはWindowsを使って検証しています。</blockquote>
具体例を示しましょう。次の画面はCSSが適用されていない状態です。

<img alt="csstypestyling01.gif" src="http://www.masahiko.info/blog/archives/images/csstypestyling01.gif" width="318" height="84" />

テキストボックスの枠が短く、ボタンが標準のままです。

このWebページのHTMLコードには、次のように、テキストボックスとsubmit ボタンが記述されています。<blockquote>&lt;div id="search-box"&gt;
&nbsp; &lt;input type="text" name="q" size="28" /&gt;
&nbsp; &lt;input type="submit" name="sa" value="検索" /&gt;
&lt;/id&gt;</blockquote>このコードを見ると、id属性やclass属性がありません。なので、冒頭で示した方法ではデザインを変更できません。

そこでtype属性を使います。CSSに次のようなコードを記述します。<blockquote>#search-box input[type="text"] {
	margin: 0;
	padding: 0;
	width: 210px;
}

#search-box input[type="submit"] {
	background-color: #000000;
	border-bottom: 2px solid #666666;
	border-left: 2px solid #CCCCCC;
	border-right: 2px solid #666666;
	border-top: 2px solid #CCCCCC;
	color: #FFFFFF;
	font-family: "ＭＳ Ｐゴシック", "平成角ゴシック", verdana, arial, sans-serif;
	font-size: small;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: baseline;
	width: 50px;
}</blockquote>このCSSにあるボタンの方のコードでは、
<strong>&nbsp; id属性（#）が「search-box」の内部（＝半角スペース）にある「input」要素で、しかもtype属性（[type="&lt;値&gt;"]）の値が「submit」の要素</strong>
というふうにして、コントロール要素を特定を特定しています。

このようにid属性やclass属性以外を指定したいときは
<strong>&nbsp; input[type="submit"]
&nbsp; 要素名[属性名="&lt;値&gt;"]</strong>
と指定すればよいわけです。この手法は「属性セレクタ」と呼ばれます。

このCSSにより、テキストボックスの枠は固定幅で長くなり、ボタンのデザインが変更されます。

<img alt="csstypestyling02.gif" src="http://www.masahiko.info/blog/archives/images/csstypestyling02.gif" width="315" height="88" />

なお、&lt;input&gt;要素のname属性を使っても同様の処理が可能です。その場合、先ほどのHTMLコードではname属性は「sa」となっていたので、下記のようなCSSコードになります。<blockquote>#search-box input[name="sa"] {
&nbsp; ＜デザイン内容の変更するコード＞
}</blockquote>しかし、name属性の値が変更された場合に、再度修正が必要になる可能性があり、前述のtype属性を使う方法よりも変更に弱くなってしまいます。

なお、以上で説明した方法は、Windows XP上のInternet Explorer 7、Firefox 2.0、Safari 3.1で試したので、大半のブラウザがサポートしていると思いますが、必ずしもすべてのブラウザがサポートしているとは限りませんので、その点、ご注意ください。]]>
    </content>
</entry>
<entry>
    <title>分かりにくいXOOPSの名称</title>
    <link rel="alternate" type="text/html" href="http://www.masahiko.info/blog/archives/000938.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.masahiko.info/blog/mt-atom.cgi/weblog/blog_id=1/entry_id=938" title="分かりにくいXOOPSの名称" />
    <id>tag:www.masahiko.info,2008:/blog//1.938</id>
    
    <published>2008-05-19T04:32:51Z</published>
    <updated>2008-05-28T10:01:40Z</updated>
    
    <summary>Webサイトを構築できるCMSツールの「XOOPS」には現在、次のつの名称があり...</summary>
    <author>
        <name>一色政彦</name>
        <uri>http://www.masahiko.info/</uri>
    </author>
            <category term="Weblog関連" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.masahiko.info/blog/">
        <![CDATA[<img alt="XOOPS Cube" src="http://www.masahiko.info/blog/archives/images/xoopslogo.gif" width="200" height="100" align="right" />Webサイトを構築できるCMSツールの「XOOPS」には現在、次のつの名称があります。

　・XOOPS
　・XOOPS Cube

前者のXOOPSは旧来のもので、XOOPS Cubeが新しいものです。2005年から、日本独自に「XOOPS Cube プロジェクト」が始動し、XOOPSからXOOPS Cubeへの刷新が行われていっているのです。現在のところ、XOOPS Cube プロジェクトでは、このどちらも提供しています。

上記の名前は通称です（例えば「Microsoft Office Word 2007」のことを、通常は単に「Word」と呼ぶのと同じように）。正確な名称は、次のとおりです。

　・XOOPS 2.0.x JP（最新は「XOOPS 2.0.16a JP」）
　・XOOPS Cube Legacy（最新は「XOOPS Cube Legacy 2.1.4」）

現在の開発の中心は、当然ながら、新しいXOOPS Cube Legacyの方ですので、できれば、XOOPS 2.0.x JPからXOOPS Cube Legacyにアップグレードすることが好ましいです。従って、
]]>
        「最新のXOOPS」といえば、「最新のXOOPS Cube Legacy」を指すと考えて差し支えないと思います。もっといえば、これから新たにXOOPSを使ったWebサイトを構築する人がXOOPSを考えるのであれば、それは「XOOPS Cube Legacy」のことを指すでしょう。

なお、新しいXOOPS Cube Legacy でも、旧来のXOOPS 2.0.x JPのモジュール、いわゆる「レガシー モジュール」を利用できます。なおモジュールとは、後から何らかの機能を追加インストールする部品のことで、例えばブログ機能を提供する「wordpress」モジュールなどがあります。モジュールは、第三者が作成してWeb上に公開したものをダウンロードしてインストールすることもできるし、自分で独自のものを作成することもできます。

このようなレガシー モジュールに対応する下位互換機能をXOOPS Cube Legacyに持たせるために、XOOPS Cube Legacyは、システムの中核となる「コア システム」のほかに、「レガシー システム」を持っています。このため、XOOPS Cube Legacyの名称には「Legacy」という単語が付いているのだと思います。

XOOPS Cube Legacyのコア モジュールは、まったく新しく書き直されたものですが、レガシー モジュールは旧来のXOOPS 2.0.x JPのモジュールを継承しています（そうすることで下位互換性を成り立たせています）。旧来のXOOPS 2.0.x JPではGPLライセンスが採用されていたのですが、XOOPS Cube LegacyではBSDライセンスが採用されています。そのため、XOOPS Cube Legacyのコア モジュールはBSDライセンス、レガシー モジュールはGPLライセンスという2種類のライセンスが混在してしまっています。
    </content>
</entry>
<entry>
    <title>RSSリーダーのFeedDemonが無料化</title>
    <link rel="alternate" type="text/html" href="http://www.masahiko.info/blog/archives/000937.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.masahiko.info/blog/mt-atom.cgi/weblog/blog_id=1/entry_id=937" title="RSSリーダーのFeedDemonが無料化" />
    <id>tag:www.masahiko.info,2008:/blog//1.937</id>
    
    <published>2008-05-19T02:04:11Z</published>
    <updated>2008-06-01T16:01:03Z</updated>
    
    <summary>2008年の1月からなんですが、RSSリーダーの「NewsGator FeedD...</summary>
    <author>
        <name>一色政彦</name>
        <uri>http://www.masahiko.info/</uri>
    </author>
            <category term="RSSリーダー関連" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.masahiko.info/blog/">
        <![CDATA[<img alt="NewsGator FeedDemon" src="http://www.masahiko.info/blog/archives/images/feeddemonlogo.gif" width="200" height="100" align="right" />2008年の1月からなんですが、RSSリーダーの「NewsGator FeedDemon」が無料（Free）になっています。FeedDemonはWindowsデスクトップで動作するRSSリーダー アプリケーションです。特徴としてはデスクトップ ツールなので高速で操作性が良いことと、複数のコンピュータでRSS既読状態を同期できることです。後者の特徴はFeedDemonが持つNewsGatorというサービスが使われています。MacのデスクトップとFeedDemon（ for Windows）を同期させるには、NetNewsWire（無償）が使えます。

・<a href="http://www.newsgator.com/Individuals/FeedDemon/Default.aspx" target="_blank">FeedDemon for Windows</a>
・<a href="http://www.newsgator.com/Individuals/NetNewsWire/Default.aspx" target="_blank">NetNewsWire for Mac OS X</a>

FeedDemonの難点としては、（メニューなどの）日本語がサポートされていません（※日本語ブログのタイトルや内容の表示はできます）。多言語化の機能はあるので、サポートする人が現れれば対応可能なのですけど……。]]>
        
    </content>
</entry>
<entry>
    <title>Facebookが日本語サービスを開始</title>
    <link rel="alternate" type="text/html" href="http://www.masahiko.info/blog/archives/000936.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.masahiko.info/blog/mt-atom.cgi/weblog/blog_id=1/entry_id=936" title="Facebookが日本語サービスを開始" />
    <id>tag:www.masahiko.info,2008:/blog//1.936</id>
    
    <published>2008-05-19T01:54:36Z</published>
    <updated>2008-05-28T10:24:12Z</updated>
    
    <summary>_</summary>
    <author>
        <name>一色政彦</name>
        <uri>http://www.masahiko.info/</uri>
    </author>
            <category term="SNS関連" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.masahiko.info/blog/">
        <![CDATA[<img alt="Facebook" src="http://www.masahiko.info/blog/archives/images/facebooklogo.gif" width="200" height="100" align="right" />最近、Googleから開発者が何人か流入したことで話題の、欧米で人気のSNS（ソーシャル ネットワーク サービス）「Facebook」が日本語サービスを開始しました。

・<a href="http://ja.facebook.com/" target="_blank">Facebook日本語サイト</a>

上のリンクのサイトにアクセスすると、次の画像のように、言語を選択するところで「日本語」が選択されます。

<img alt="facebook1.gif" src="http://www.masahiko.info/blog/archives/images/facebook1.gif" width="490" height="436" />

実際に登録すると、次のようなインターフェイスです。

<img alt="facebook2.gif" src="http://www.masahiko.info/blog/archives/images/facebook2.gif" width="490" height="355" />

ちょっと見てみた感じでは属性（学歴や会社など）の入力が細かくて、それによって友達を探せるような感じになってますね。でも日本の場合、mixiがすでに大きな勢力を持っているし、SNSもこれ以上大きな市場にはなかなかならないような気がしますが、どうなんでしょう……。]]>
        
    </content>
</entry>
<entry>
    <title>Windows Live SkyDriveで大量のファイルを一気にアップロードするには？</title>
    <link rel="alternate" type="text/html" href="http://www.masahiko.info/blog/archives/000919.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.masahiko.info/blog/mt-atom.cgi/weblog/blog_id=1/entry_id=919" title="Windows Live SkyDriveで大量のファイルを一気にアップロードするには？" />
    <id>tag:www.masahiko.info,2008:/blog//1.919</id>
    
    <published>2008-03-25T15:40:28Z</published>
    <updated>2008-03-25T16:26:55Z</updated>
    
    <summary>皆さんは、友達への写真や動画、大きなファイルの受け渡しはどのようにしているでしょ...</summary>
    <author>
        <name>一色政彦</name>
        <uri>http://www.masahiko.info/</uri>
    </author>
            <category term="Web関連" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.masahiko.info/blog/">
        <![CDATA[皆さんは、友達への写真や動画、大きなファイルの受け渡しはどのようにしているでしょうか？

ファイル サイズが大きい場合、メールで送れないことがあるので、CDに焼いたり……ですよね！？

そういう人に紹介したいのが、「Windows Live SkyDrive」というインターネット上のサービスです。なんと5GB（ギガ・バイト）の大容量を無料で利用できます。それだけでなく、SkyDriveはファイルを公開したい範囲を制限する機能もあり、とても便利です。つまり友人だけにURLをお知らせして、友人だけにファイルをダウンロードしてもらうようなことができます。

<img alt="skydrive_13.gif" src="http://www.masahiko.info/blog/archives/images/skydrive_13.gif" width="490" height="444" />

例えば「たくさんの写真を友人へ渡す」という目的でSkyDriveを使う場合、大量にファイルをアップロードすることになりますよね。そのとき、1枚1枚ファイルをアップロードするなんて面倒くさくてやってられません。

そこで以下では大量のファイルを一気にアップロードする方法を紹介します！]]>
        <![CDATA[ここで紹介する方法では、SkyDriveが提供するアップロード ツールを使用します。しかし残念ながら、IE（Windows Internet Explorer）にしかこのツールはインストールできません。FirefoxやSafariを使っている方は、ファイルをアップロードするときには一時的にIEを使う必要があります。それでは紹介していきましょう。


【大量のファイルをアップロードする方法】


1. まずは以下のサイトにアクセスして、SkyDriveのページを開きましょう。［使ってみる］をクリックします。

　・<a href="http://skydrive.live.com/" target="_blank">Windows Live SkyDrive</a>

<img alt="skydrive_01.gif" src="http://www.masahiko.info/blog/archives/images/skydrive_01.gif" width="490" height="497" />

2. 次にログイン画面が表示されます。Windows Live IDを持っている場合は、右側の入力欄にIDとパスワードを入れて［サインイン］してください。持っていない場合は、左側の［新規登録］を行う必要があります。

<img alt="skydrive_02.gif" src="http://www.masahiko.info/blog/archives/images/skydrive_02.gif" width="490" height="388" />

3. サインインすると、さっそくSkyDriveのページが開きます。そこには「個人フォルダ」（＝自分専用）、「共有フォルダ」（＝友人に公開）、「公開フォルダ」（＝みんなに公開）という、3つの公開レベルがあります。今回は「個人フォルダ」の「文書」フォルダをクリックしてみましょう。

<img alt="skydrive_03.gif" src="http://www.masahiko.info/blog/archives/images/skydrive_03.gif" width="490" height="497" />

4. 「文書」フォルダの中身が開きます。フォルダが空の場合は以下のようになります。「ファイルを追加」というリンクをクリックします。なお、上部のメニューから［ファイルを追加］を選択してもOKです。

<img alt="skydrive_04.gif" src="http://www.masahiko.info/blog/archives/images/skydrive_04.gif" width="490" height="308" />

5. すると、「ファイルを "文書" に追加」というページが表示され、次の画面のように右上に「アップロード ツールをインストールしてください」というリンクが表示されますので（※FirefoxやSafariでは表示されません）、クリックしてください。アップロード ツールをいったんインストールするとこの表示は出なくなります。

<img alt="skydrive_05.gif" src="http://www.masahiko.info/blog/archives/images/skydrive_05.gif" width="490" height="409" />

6. インストールしようとすると、IEのページ表示部分の上部に「Windows Live SkyDrive Upload Tool アドオン」のインストールの許可を求める表示が出ますので、クリックしてください。

<img alt="skydrive_06.gif" src="http://www.masahiko.info/blog/archives/images/skydrive_06.gif" width="490" height="470" />

7. すると、メニューが表示されるので、そこから［ActiveX コントロールのインストール］を選択します。

<img alt="skydrive_07.gif" src="http://www.masahiko.info/blog/archives/images/skydrive_07.gif" width="409" height="142" />

8. これにより、次のような［Internet Explorer - セキュリティの警告］ダイアログが表示されます。ここで［インストールする］ボタンをクリックしてインストールを開始します。

<img alt="skydrive_08.gif" src="http://www.masahiko.info/blog/archives/images/skydrive_08.gif" width="490" height="183" />

9. 以上でインストールは完了です。次の画面のように、「ここにファイルをドラッグ」と表示された領域に、Windowsエクスプローラなどから、画像などの（複数の）ファイルをドラッグ＆ドロップしてください。

<img alt="skydrive_09.gif" src="http://www.masahiko.info/blog/archives/images/skydrive_09.gif" width="490" height="533" />

10. ドロップしたファイルの一覧が下に表示されます。あとは［アップロード］ボタンをクリックするだけです。

<img alt="skydrive_10.gif" src="http://www.masahiko.info/blog/archives/images/skydrive_10.gif" width="490" height="528" />
　　　↓（アップロード中……）
<img alt="skydrive_11.gif" src="http://www.masahiko.info/blog/archives/images/skydrive_11.gif" width="490" height="515" />

11. アップロードされると次のように表示されます。

<img alt="skydrive_12.gif" src="http://www.masahiko.info/blog/archives/images/skydrive_12.gif" width="490" height="510" />

以上。]]>
    </content>
</entry>
<entry>
    <title>MTでテンプレート リンク ファイルへのパスを一括置換するには？</title>
    <link rel="alternate" type="text/html" href="http://www.masahiko.info/blog/archives/000899.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.masahiko.info/blog/mt-atom.cgi/weblog/blog_id=1/entry_id=899" title="MTでテンプレート リンク ファイルへのパスを一括置換するには？" />
    <id>tag:www.masahiko.info,2007:/blog//1.899</id>
    
    <published>2007-05-05T08:53:39Z</published>
    <updated>2007-05-07T04:03:55Z</updated>
    
    <summary>「MTの複数のブログでテンプレートを共有するには?」のエントリで紹介した方法で「...</summary>
    <author>
        <name>一色政彦</name>
        <uri>http://www.masahiko.info/</uri>
    </author>
            <category term="Movable Type関連" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.masahiko.info/blog/">
        <![CDATA[「<a href="http://www.masahiko.info/blog/archives/000764.html" target="_blank">MTの複数のブログでテンプレートを共有するには?</a>」のエントリで紹介した方法で「このテンプレートにリンクするファイル」（以下、テンプレート リンク ファイル）を活用する場合、そのファイルの絶対パスを指定します。

<img alt="templatelink1.gif" src="http://www.masahiko.info/blog/archives/images/templatelink1.gif" width="449" height="312" />

そのため、Movable Typeのサイトを移行すると、絶対パスが変わって、せっかく前回指定したパスが無効になってしまいます。これを手動で編集し直すのは面倒な作業です。

これを回避するには……]]>
        <![CDATA[データベースに保存されているパスの情報を（移行後に）一括で書き換えるとよいでしょう。MySQLデータベースを使っている場合には、次のSQL文をシステムにログインしてコマンドライン・コンソールから、もしくはphpMyAdminなどのツールから実行してください。

<blockquote>UPDATE `mt_template`<br />
&nbsp;SET `template_linked_file` =<br />
&nbsp;&nbsp;REPLACE (`template_linked_file`, '＜昔のパス＞', '＜新しいパス＞')<br />
&nbsp;WHERE `template_linked_file` LIKE '＜昔のパス＞%';</blockquote>

＜昔のパス＞と＜新しいパス＞はそれぞれの環境によって異なりますので、適切なものを入力してください。
【入力例】
＜昔のパス＞の例　：/home/oldsite/public_html/
＜新しいパス＞の例：/home/newsite/www/

これを実行することにより、Movable Type用データベースにある、テンプレート管理用の「mt_template」テーブルの中にある、「template_linked_file」というテンプレート リンク ファイルを管理するカラムに格納されている「＜昔のパス＞」のデータを「＜新しいパス＞」に書き換えてくれます。

作業はこれだけです。]]>
    </content>
</entry>
<entry>
    <title>Flickrの写真をランダム表示するには？</title>
    <link rel="alternate" type="text/html" href="http://www.masahiko.info/blog/archives/000886.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.masahiko.info/blog/mt-atom.cgi/weblog/blog_id=1/entry_id=886" title="Flickrの写真をランダム表示するには？" />
    <id>tag:www.masahiko.info,2006:/blog//1.886</id>
    
    <published>2006-09-30T17:29:26Z</published>
    <updated>2006-09-30T17:35:39Z</updated>
    
    <summary>現在、写真共有サイトはいくつかあります。例えば、「Yahoo!フォト」や「フォト蔵」、「Livedoor PICS」などです。  このうち「フォト蔵」は掲載可能枚数（1万枚）が他を引</summary>
    <author>
        <name>一色政彦</name>
        <uri>http://www.masahiko.info/</uri>
    </author>
            <category term="Weblog関連" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.masahiko.info/blog/">
        <![CDATA[<p>
    現在、写真共有サイトはいくつかあります。例えば、「<a title="Yahoo!フォト" href="http://photos.yahoo.co.jp/" target="_blank">Yahoo!フォト</a>」や「<a title="フォト蔵" href="http://photozou.jp/" target="_blank">フォト蔵</a>」、「<a title="Livedoor PICS" href="http://pics.livedoor.com/" target="_blank">Livedoor PICS</a>」などです。
</p>
<p>
    このうち「フォト蔵」は掲載可能枚数（1万枚）が他を引き離して多く、さらに動画もおけるなど、非常に優れたサービスを提供しています。しかしこの「フォト蔵」、画像を小さくする際に少し画像が見えにくく劣化してしまいます。
</p>
<p>
    そこでよりきれいに縮小してくれる「<a href="http://www.flickr.com/" target="_blank">Flickr</a>」を私は現在活用しています（このブログでは使っていませんが……）。
</p>
<p>
    Flickrへの写真のアップロードは専用のツールも提供されており、大変簡単でした。しかし、「ブログにアップロードした写真をランダム表示したい」と思い、情報を探してみたのですが、なかなか見つからず少し手間取ったので、このエントリにその方法を書いておきます。
</p>]]>
        <![CDATA[<p>
    Flickrで写真をランダム表示するには、“Flickr badge”という小さなブロック要素（部分的なHTMLコード）を生成し、それを自分のブログに貼り付けるだけです。
</p>
<p>
    実際に“Flickr badge”を生成するには、次のサイトを開き、指示に従ってオプション設定の選択を行うだけです。
</p>
<p>
    ・<a title="Make a badge" href="http://www.flickr.com/badge_new.gne" target="_blank">Flickr: Create your own Flickr badge</a>
</p>
<p>
    大きく分けてHTMLコード（＋JavaScript）だけのものと、Flashのものがあります。HTMLコード版の方は画像サイズや表示する画像の枚数なども選べるようになっています（Flash版は選択できません）。
</p>]]>
    </content>
</entry>
<entry>
    <title>ＩＰスパムフィルターの活用</title>
    <link rel="alternate" type="text/html" href="http://www.masahiko.info/blog/archives/000879.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.masahiko.info/blog/mt-atom.cgi/weblog/blog_id=1/entry_id=879" title="ＩＰスパムフィルターの活用" />
    <id>tag:www.masahiko.info,2006:/blog//1.879</id>
    
    <published>2006-06-07T15:58:32Z</published>
    <updated>2006-06-07T16:08:15Z</updated>
    
    <summary>本サイト全体での、スパム コメント、スパム トラックバックの対策として、「ＩＰスパムフィルター」を採用しました。</summary>
    <author>
        <name>一色政彦</name>
        <uri>http://www.masahiko.info/</uri>
    </author>
            <category term="Movable Type関連" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.masahiko.info/blog/">
        <![CDATA[本サイト全体での、スパム コメント、スパム トラックバックの対策として、「ＩＰスパムフィルター」を採用しました。

・<a href="http://www.j-pca.com/blog/log/eid39.html" target="_blank">ＩＰスパムフィルターを MovableType で使う方法！</a>

本サイトでは、これまで大量のスパムが来ていました。その大半はフィルタリングでスパムとして取り除き、残りは目で見て手動で削除していのですが、日本語以外・海外からのコメントやトラックバックは割合的にすごく小さいので、上記リンクで示したＩＰスパムフィルターを導入して、日本語のコメントやトラックバックのみ、国内からのコメントやトラックバックのみを受け付けるようにしました。

私が試用した限りでは、Livedoor Blogからもトラックバックできたので、動作的にはほぼ問題ないと思いますが、海外からコメントする場合などもしかしたらコメントやトラックバックできずにご迷惑をかけてしまうかもしれません。その場合は申し訳ありません。]]>
        導入して1日経ちますが、とりあえずスパム コメントもスパム トラックバックも来ていません(^^)。
    </content>
</entry>
<entry>
    <title>低料金定額の公衆無線LANでDoCoMoは消滅する？</title>
    <link rel="alternate" type="text/html" href="http://www.masahiko.info/blog/archives/000859.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.masahiko.info/blog/mt-atom.cgi/weblog/blog_id=1/entry_id=859" title="低料金定額の公衆無線LANでDoCoMoは消滅する？" />
    <id>tag:www.masahiko.info,2005:/blog//1.859</id>
    
    <published>2005-06-15T16:48:26Z</published>
    <updated>2006-04-08T14:26:50Z</updated>
    
    <summary>今日、帰宅してIT関連ニュースを眺めていて、すごく驚いたことがありました。 ・C...</summary>
    <author>
        <name>一色政彦</name>
        <uri>http://www.masahiko.info/</uri>
    </author>
            <category term="Web関連" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.masahiko.info/blog/">
        <![CDATA[<p>今日、帰宅してIT関連ニュースを眺めていて、すごく驚いたことがありました。</p>
<p>・<a title="" href="http://japan.cnet.com/news/com/story/0,2000047668,20084462,00.htm" target="_blank">CNET Japan：ライブドア、月額525円で全国使い放題の公衆無線LANサービス--海外も視野に</a><br />
・<a title="" href="http://www.atmarkit.co.jp/news/200506/16/livedoor.html" target="_blank">＠IT：ホリエモン、月額525円で公衆無線LANサービスに殴りこみ！</a><br />
・<a title="" href="http://www.itmedia.co.jp/news/articles/0506/15/news046.html" target="_blank">ITmedia：ライブドア、月525円・山手線圏内カバーの無線LANサービス</a></p>
<p>すごい激安！ サービスが始まったら真っ先に利用しようと思いました。</p>
<p>……しかし、私が驚いたポイントはそこでは、ありません。</p>]]>
        <![CDATA[<p>次の画像はCNETのページをキャプチャして引用したものですが、「スカイプ（Skype）」「Webメール」と書いてあります。</p>
<h2><img height="306" alt="cnetskype.gif" src="http://www.masahiko.info/blog/archives/image/cnetskype.gif" width="471" border="0" /></h2>
<p>スカイプとは、無料で音声通話ができ、しかも通常の電話機と同等の音質が得られます。つまり、現在のDoCoMoなどの携帯電話やPHSよりは遥かに音質がよく、しかもタダというツールなのです（参考：「<a href="http://www.atmarkit.co.jp/fwin2k/experiments/skype/skype_01.html" title="" target="_blank">＠IT：Windowsネットワーク管理者のためのSkype入門</a>」）。</p>
<p>もう一方のWebメールは特に説明の必要はないでしょう。</p>
<p>つまり、スカイプ＋公衆無線LAN対応の携帯電話を入手して、このライブドアの公衆無線LANの月額525円を払えば、電話は掛け放題（しかも高音質）、携帯メールは送受信し放題というわけです（※ただし電話の場合、通話相手がスカイプ以外の場合には別料金が必要となる可能性が高いでしょう）。</p>
<p>これを見て私は、<strong>「通信費を従量制で課金できる古き良きビジネス モデルは終焉を迎えたな……」</strong>と思いました。もちろん、古き良きというのは、サービスを提供する側にとって「良かった」という意味です。</p>
<p>これが今回のエントリのタイトルの理由です。</p>
<p>確かにライブドアがどこかで失敗して、スカイプを提供できるところまで行かないかもしれません。</p>
<p>ですが、このようなことは<u>技術的に可能</u>なので、<strong>いつか誰かが実現する</strong>でしょう（ソフトバンクも<a href="http://internet.watch.impress.co.jp/cda/news/2004/06/24/3638.html" target="_blank">携帯電話業界に参入しようと</a>していますし）。つまり、遅かれ早かれ、<strong>携帯電話の通話やメールは低料金で定額化する</strong>わけです。</p>
<p>となると、DoCoMoが今の携帯電話のビジネス モデルを、今後10年、20年も続けられることはあり得ないのではないでしょうか。</p>
<p>このようなことは、IT業界ではよく起こります。</p>
<p>「TOP企業として隆盛を極めた会社が、新しい技術をうまく取り込めずに、瞬く間に消えていってしまう。」</p>
<p>このような現象は、「イノベーションのジレンマ」として、知られています（これについは、昔、<a title="" href="http://www.atmarkit.co.jp/fwin2k/editnote/2004-10/enote2004-10.html#fdotnet" target="_blank">＠IT／Insider.NETのSTAFF VOICE</a>にも書いたことがあります）。</p>
<p><iframe src="http://rcm-jp.amazon.co.jp/e/cm?t=masahikoisshi-22&o=9&p=8&l=as1&asins=4798100234&fc1=000000&=1&lc1=0000ff&bc1=000000&lt1=_blank&IS2=1&f=ifr&bg1=ffffff" width="120" height="240" scrolling="no" marginwidth="0" marginheight="0" frameborder="0">
</iframe></p>
<p>月額525円の公衆無線LANというニュースを見て、<strong>「近い将来、携帯電話業界にイノベーションのジレンマが起こる！」</strong>。そんなふうに思いました。:)</p>
<p>＃エントリー公開後によく考えたら、スカイプは電話回線につなげるために、料金がかかりますね……。電話とスカイプの間には、そこに1つ壁がありますね(^^;)</p>]]>
    </content>
</entry>
<entry>
    <title>RSSとメールの違いとは？ ――ブログの真実――</title>
    <link rel="alternate" type="text/html" href="http://www.masahiko.info/blog/archives/000856.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.masahiko.info/blog/mt-atom.cgi/weblog/blog_id=1/entry_id=856" title="RSSとメールの違いとは？ ――ブログの真実――" />
    <id>tag:www.masahiko.info,2005:/blog//1.856</id>
    
    <published>2005-06-07T16:14:47Z</published>
    <updated>2006-04-08T14:26:50Z</updated>
    
    <summary>「＠IT：ネットワークコラム：社内ブログはナレッジマネジメントツールとなるか？」を読んで。
</summary>
    <author>
        <name>一色政彦</name>
        <uri>http://www.masahiko.info/</uri>
    </author>
            <category term="Weblog関連" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.masahiko.info/blog/">
        <![CDATA[・<a href="http://www.atmarkit.co.jp/fnetwork/column/narumono01/01.html" target="_blank">＠IT：ネットワークコラム：社内ブログはナレッジマネジメントツールとなるか？</a>

<a href="http://www.atmarkit.co.jp/" target="_blank">＠IT</a>でグランドトップになっていたので、ざっと斜め読みはしていましたが、今日改めて最初から最後まで読んで、「なるほど！」と思いました。:) 

というのも、この記事、ある程度正確にブログの真実を言い当てているような気がします。]]>
        <![CDATA[特に注目したのは「暗黙知」というキーワードです。ここでいう暗黙知とは、漠然とした思いつきのことです。知識の断片と言ってもいいと思います。

それに対するキーワードとして「形式知」が挙げられています。こちらは誰もが理解できる理論的で明解なアイデアのことです。

前掲の記事を読んで、「ブログとは暗黙知を表現するためのツール」と言えそうだと思いました。というようりも、「それを＜許してくれる＞ツール」と言えそうです。逆にいえば、ブログ以外のWebサイトはそれを許さないツールではないでしょうか？

想像してみてください。例えば、朝日新聞のサイトのようなパブリックなページで情報発信しようとすれば、誰もが納得できる理論的で明解なアイデアが要求されるでしょう。しかし、このようなアイデアを書くには一筋縄ではいかないでしょう。あらゆる調査と裏付け、深慮、そして長い時間が必要となります。それが「形式知」を実現することの難しさであり、弱点です。

しかしブログはそうではありません。漠然としたとりとめのない思いつきで許されることがほとんどです。マジメな記事の合間に「今日朝寝坊してしまった」とか「旅行に行って楽しかった」と書いても、多くの場合誰にもとがめられないし、私だって「備忘録」と書いて断片的な知識をブログにため込んでいます。

このようなブログの書き込みは、よく考えてみると、私たちの思考そのものに似ていませんか？

わたしたちは、いろんなことを漠然と考えていると思います。仕事に集中しているときもあれば、「ご飯食べたいなぁ」とか、「次はあの仕事がしよう」とか、ほんとにとりとめがありません。

思考とはとりとめなく頭に浮かんだ情報であると思います。一方、ブログはとりとめなく書き込まれた情報だと思います。

私たちの日常生活では、このような頭に思い浮かんだ漠然とした情報をまとめあげていくことで、初めてしっかりとしたアイデアに変化させることができ、そうやって初めて人に明確で論理的な情報としてそれを伝えることができるのだと思います。

例えば、何かアイデアを思いつくとき、いきなり明確なアイデアが思い浮かぶことはほとんどないでしょう。何かきっかけとなる、小さな気づきや発想。そこから浮かんでくる連続的・連想的な考えと想像。それらがまとまって1つのしっかりとした形を持つアイデアと形式知となる。そういうプロセスがあるのではないでしょうか？

極論して簡単にいえば、「たくさんの暗黙知（漠然とした思いつきなどの情報）を寄せ集めることで、それが結実して形式知（明確なアイデア）となる」のです。

同じようにブログでは、複数の人が数多くのブログを書き連ねることで、ネットワーク上の思考空間（＝日常生活でいうところの脳）を実現して、そこからあらゆる形式知が生まれるわけです。

これこそがブログの価値だったのだ、と私はこの記事を読んで思いました。

ちなみに終盤に書かれてある

<blockquote>ただ、心配なのは、社内ブログがうまくいって、情報の配信や蓄積が活況を帯びてきたとき、それを受け取る側は情報過多になり、それだけで拒絶反応を起こしてしまうのではないかという部分だ。</blockquote>

という個所ですが、（経験的に言って）これはRSSリーダーを使っている限り絶対にあり得ないと思います。

なぜならRSSの情報収集は、メールを読むのとまったく違う性質を持っているからです。

実は「メール」は比較的読まなければならない記事を探しにくいツールであるし、「選択的に読む」ということが非常に難しいツールだと思います。

例えばあなたは10階建ての本屋さんで本を探すときに、1階から順番に端の本棚から一冊ずつタイトルを見て、ときにはぱらぱらとめくったりして本を探すでしょうか？ 

そんなことしませんよね。目的の本が置いてる階のコーナーに行って探すはずです。

実はメールは目的の本棚に行くことが苦手です。メールは10階建ての本屋を下から順番に探さなければならないことが多いのです。

メールは、ラーメン屋の前に並んだ行列が1人ずつ・1組ずつ店に入れるように、来たメールを1つずつタイトルや内容を確かめながら読んで行くことがほとんどなのです。

メールは、カテゴライズとフィルタリングがしにくいツールなのです。

しかしRSSリーダーは、逆にこのカテゴライズとフィルタリングが大得意なのです。

読む項目を興味のあるコンテンツに絞ったり、興味のある人物に絞ったりできるわけです。

実際に私もRSSリーダーで収集した大半の情報は読まずに捨ててしまいます。気に入った10％程度（人によって変わると思いますが）を読んでいるだけです。もしこれをメールでやったら大変ですよね。「えっ、私が送ったメール読まずにすてちゃたんですか……！？」大問題になりそうです（笑）

まとめると、メールはプッシュ型で絶対的に送られてくる情報を読むためのツールで、RSSはプル型で選択的に情報を取得するためのツールと言えそうです。

従って、
「情報収集」にはRSSが適しており、「情報受信」にはメールが適しているのです。
そう考えています。]]>
    </content>
</entry>
<entry>
    <title>GoogleがWeb表示高速化ツール（ベータ）を提供開始</title>
    <link rel="alternate" type="text/html" href="http://www.masahiko.info/blog/archives/000848.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.masahiko.info/blog/mt-atom.cgi/weblog/blog_id=1/entry_id=848" title="GoogleがWeb表示高速化ツール（ベータ）を提供開始" />
    <id>tag:www.masahiko.info,2005:/blog//1.848</id>
    
    <published>2005-05-06T05:37:05Z</published>
    <updated>2006-04-08T14:26:50Z</updated>
    
    <summary>Googleが新たなツールを提供開始しました。今度はWebページの表示を高速化するためのツール「Google Web Accelerator」です。もちろん無償提供。</summary>
    <author>
        <name>一色政彦</name>
        <uri>http://www.masahiko.info/</uri>
    </author>
            <category term="Web関連" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.masahiko.info/blog/">
        <![CDATA[Googleが新たなツールを提供開始しました。今度はWebページの表示を高速化するためのツール「Google Web Accelerator」です。もちろん無償提供。

Google Web Acceleratorをインストールすると、下の画面のようにInternet Explorerなどのブラウザにツールバーが追加され、そのツールバー上には「合計で何秒、高速化できたか？」が表示されます。
<a href="http://www.masahiko.info/blog/archives/image/googleacc.gif"><img alt="googleacc.gif" src="http://www.masahiko.info/blog/archives/image/googleacc-thumb.gif" width="490" height="346" border="0" /></a>

現在のGoogle Web Acceleratorベータ版では、欧州や北米のWebサイト以外は高速化されないという話ですが、]]>
        <![CDATA[わたしが<a href="http://www.atmarkit.co.jp" target="_blank">＠IT</a>へアクセスしてみた感じでは、高速化されたように感じる。特に表示が遅いサイトでは重宝するかもしれない。;)

Google Web Acceleratorベータ版のインストール要件は次のとおりです。

コンピュータ：Windows XP、Windows 2000 SP 3以上 
ブラウザ：Internet Explorer 5.5以上、Firefox 1.0以上

ダウンロードは次のサイトへ。

・<a href="http://webaccelerator.google.com/" target="_blank">Google Web Accelerator Download</a>]]>
    </content>
</entry>
<entry>
    <title>Googleツールバー3（ベータ版）が公開</title>
    <link rel="alternate" type="text/html" href="http://www.masahiko.info/blog/archives/000847.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.masahiko.info/blog/mt-atom.cgi/weblog/blog_id=1/entry_id=847" title="Googleツールバー3（ベータ版）が公開" />
    <id>tag:www.masahiko.info,2005:/blog//1.847</id>
    
    <published>2005-04-04T07:10:59Z</published>
    <updated>2006-04-08T14:26:50Z</updated>
    
    <summary>Googleツールバー3（ベータ版）が提供開始されました。</summary>
    <author>
        <name>一色政彦</name>
        <uri>http://www.masahiko.info/</uri>
    </author>
            <category term="Web関連" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.masahiko.info/blog/">
        <![CDATA[Googleツールバー3（ベータ版）が提供開始されました。

・<a href="http://toolbar.google.com/T3/intl/ja/" target="_blank">Googleツールバー3（ベータ版）</a>

新機能の中で、特に面白いのは、英単語にマウスを乗せると、その訳がポップアップ表示される辞書機能。
<img alt="googlebar_beta3_2.gif" src="http://www.masahiko.info/blog/archives/image/googlebar_beta3_2.gif" width="476" height="429" border="0" />

さらに英語のスペル・チェック機能なんかも面白い。:)
<a href="http://www.masahiko.info/blog/archives/image/googlebar_beta3_1.gif"><img alt="googlebar_beta3_1.gif" src="http://www.masahiko.info/blog/archives/image/googlebar_beta3_1-thumb.gif" width="490" height="300" border="0" /></a>]]>
        
    </content>
</entry>

</feed> 


