ウィリアムのいたずらの、まちあるき、たべあるき

ウィリアムのいたずらが、街歩き、食べ物、音楽等の個人的見解を主に書くブログです(たま~にコンピューター関係も)

モデルブログは、クリックアンドモルタル?

2006-06-19 23:14:12 | Weblog

 ライブドアのモデルブログの検索カテゴリや、アメーバブログのpure blogのオフィシャルブログ、gooブログトップの、右端のちょっと下、今回の一押しブロガーなど、最近、モデルのブログとその紹介が増えてきた気がする。。

 ただ、増えているだけじゃなくって、モデルブログの囲い込みというか、そんなふうな気がするのだ。。

 これって、ブログのクリックアンドモルタル化のような気がします。




 EC(電子商取引のほう。ユーロとは関係ない)の世界で、はじめ、インターネットだけの商取引会社が隆盛を極めた時期もあったが、その後、インターネットもやってるけど、実際にお店もあるという、クリックアンドモルタル企業が、だんだん盛り返してきた。
 どっかの会社のいう「有店舗カタログ販売」ってやつだ。

 バーチャルリアリティの世界も、バーチャルですべて片付けるという世界から、今や研究は、バーチャルとリアルの中間であるオーグメンテッドバーチャリティ、オーグメンテッドリアリティの世界に広がっていった。

 つまり、架空の世界だけではよわく、実際に、架空と現実のハザマあたりにいる距離感がおもしろいのだろう。

 で、一方、モデルの話。
 モデルは、スーパーアイドルなわけじゃない。
 さらに、モデルの行くお店や洋服って、買えないわけでもない。
 つまり、その点では、アイドルなんかより、現実に近い存在なのだ。
 昔、松田聖子というスーパーアイドルがいたが、松田聖子と同じ髪形をして、同じファッションをして、街中をあるいたら、そりゃーバカだ(いや、当時、そういう人はいなかったか?っていわれると ^^;)
 今のモデルのヘヤースタイル、ファッション、生活スタイルは真似ることは可能だし、むしろ、そのようなファッションをしている人を、世間はcool(わざと英語でかいた。英語の意味のcool,smartってかんじ)とみる。
 そういう意味では、モデルはスーパーアイドルより、現実に近い。

 しかし、エビちゃんファッションをいくらしても、エビちゃんにはなれないのだよ。そーいう意味で仮想なわけだ。

 なれそうで、なれない。その仮想現実間、クリックの世界(仮想)とモルタルの世界(現実)の間の距離感が、ウケているのだろう。




 で、その現実と架空の間をかいまみせる道具がブログというわけだ。

 ブログの世界にかかれていることは、そのモデル当人にとっては現実なんだけど、読み手にとっては、他人の話だ、自分が、それを真似ても、仮想現実でしかない。しかし、その仮想現実が、自分でも、手に届きそうなところにあるから、おもしろいと。。

 ただ、こんだけなら、こんなにモデルブログが流行んないだろう。

 モデルが、ライフスタイルを示していることが、ねらい目なのだ。

 メーカーにとってみれば、そのライフスタイル向けの商品を売り込みたい場合、そのライフスタイルを具現しているモデルを利用すればいい。

 ユーザーからみると、モデルが宣伝している商品は、そのモデルのイメージが強いので、そのモデルのライフスタイルに共感している人はもとより、そのモデルに好印象を持っている人は、その宣伝している商品まで買ってしまう。

 典型的な例が、小西真奈美のぐびなまのような気がする。。

 つまり、ユーザーの側からすると、モデルが好きっていう人は、そのモデルのライフスタイルも好きだし、興味がある(さらには、自分もまねしたいと思う)ので、そのライフスタイルそのものを書いている、モデルブログにも興味がある。

 CM打つ側からすると、モデルがライフスタイルをあらわしてるので、そのライフスタイルの人にプロモーションをかけたいとき、使いやすい。

 ブログ会社からすると、安定的に見てる人をふやせるので、やっぱ、モデルブログだよ!と。。




 ってなわけで、モデルがいまや、単なるモデルでなく、ライフスタイルまでもあらわしていて、それに人々が共感し、真似しようとしているってことで、モデル人気と、モデルブログの流れは、今後大きくなっていくと思うね。

 って、本家ネタより、コンピューターチックに書く予定だったが、うまくまとまんなかった。

 もちょっと話を詰めてから、この話題は、また書くかも。。



  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする

Domによる表操作:tableとtrの間にtbodyがあるんですね!(Domのお勉強その3)

2006-06-19 17:15:53 | JavaとWeb

 Domのお勉強の続きです。表枠で、行をたしたり、削除したりすることをしてみました。

 ここの本
 Ajax 実装のための基礎テクニック
 をみて、知りました。

 テーブルのとき、tableとtrの間にtbodyっていうのがあって、domで操作しようとするとき、これがないと、だめみたい!(たしかに、tableの下にappendChildでtrをしたら、できなかった)
 上記の本では、tbodyをdomでappendChildしてましたが、下の例では、tbodyタグを書いて、やってみました。

 で、ソースはこんなかんじ 
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>Domのお勉強その3:表</title>

<script language="javascript" type="text/javascript">
//============================================================//
//					                //
//	Domのお勉強その3:表	                //
//					                //
//============================================================//

//行数
var number = 0;

//---------------------------------------//
//	追加の場合		    //
//---------------------------------------//
function addItem()
{

  // 行数をたしてみる
  number ++;

  //=====================================//
  //	段落の文字を書き換える	    //
  //=====================================//
  document.getElementById('midashi').firstChild.nodeValue = "行数:"+ number; 

  //=====================================//
  //	行を追加する		         //
  //=====================================//
 //	追加する段落のテキスト生成する
  var newtr = document.createElement('tr');
  newtr.id = 'item' + number;
 document.getElementById('table').appendChild(newtr);


  //=====================================//
  //	ノードに文字を追加する	    //
  //=====================================//
  var newtd = document.createElement('td');
  newtr.appendChild(newtd);
 var mojiretu = document.createTextNode('追加した段落' + number);
  newtd.appendChild(mojiretu);

  //=====================================//
  //	ノードに画像を追加する	    //
  //=====================================//
  newtd = document.createElement('td');
  newtr.appendChild(newtd);
 var image = document.createElement('img');
  image.src = "http://www.geocities.jp/xmldtp/aj_testimg_new.jpg";
  newtd.appendChild(image);

  //=====================================//
  //	ノードにチェックボックス        //
  //=====================================//
  newtd = document.createElement('td');
  newtr.appendChild(newtd);
 var chk = document.createElement('input');
  chk.type   = "checkbox";
  chk.id     = "test"+ number;
  chk.value  = number;
  newtd.appendChild(chk);

}

//---------------------------------------//
//	削除の場合		    //
//---------------------------------------//
function delItem() 
{
  // 一応チェックなんかしてみる
  if(number == 0)
 {
    alert('削除できる段落がありません。');
    return;
  }

  //=====================================//
  //	最後の段落を削除する	    //
  //=====================================//
  var table = document.getElementById('table');
  table.removeChild(table.lastChild);

  //  段落数の修正
  number --;

  //=====================================//
  //	段落の文字を書き換える	    //
  //=====================================//
  document.getElementById('midashi').firstChild.nodeValue = "段落数:"+ number; 


}

//---------------------------------------//
//	チェックの場合		    //
//---------------------------------------//
function chkItem() 
{
 
  //=====================================//
  //	チェックされてる番号表示      //
  //=====================================//
  for(i = 1 ; i <= number ; i ++ )
  {
       if ( document.getElementById('test'+i).checked == true )
       {
          alert(document.getElementById('test'+i).value);
       }
  }
}

//==========================ここまでJavaScript=============================//

</script>
</head>

<body id="by">
    <input type="button" name="addBtn" value="追加" onclick="addItem()" /> 
    <input type="button" name="delBtn" value="削除" onclick="delItem()" />
    <input type="button" name="chkBtn" value="選択番号" onclick="chkItem()" />
    <p id="midashi">レコード数</p>
    <table border=1>
        <tbody id="table">
        </tbody>
   </table>
</body>

</html>

(上記の < > は実際には半角です。tbodyのところを赤字にしてみました)

 ということで、気が向いたら、説明というか、まとめの文を書くかも。。
 (書く必要もないか。。)


  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする

Domで、文字、画像、チェックボックスの追加と、値取得(Domのお勉強:その2)

2006-06-19 15:52:45 | JavaとWeb

 先ほどのJavascriptのお勉強のつづきで、文字のほか、画像とチェックボックスも
いれてみました。

 Javascriptでチェックされているかどうか取得するとき、1個のケースとそうでないケースと場合わけしないと、いけないことがあるようですが(複数なら配列とか)、このDomを使うやり方なら、1個でも、複数でもOKのようです(ただし、動作はIE6でしか、確認してません)。

ソースは、こんなかんじです。
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>Domのお勉強その2</title>

<script language="javascript" type="text/javascript">
//============================================================//
//					                //
//	Domのお勉強その2:文字、画像、チェックボックス     //
//					                //
//============================================================//

//段落数
var number = 0;

//---------------------------------------//
//	追加の場合		    //
//---------------------------------------//
function addItem()
{

  // 段落数をたしてみる
  number ++;

  //=====================================//
  //	段落の文字を書き換える	    //
  //=====================================//
  document.getElementById('midashi').firstChild.nodeValue = "段落数:"+ number; 

  //=====================================//
  //	段落を追加する		    //
  //=====================================//
 //	追加する段落のテキスト生成する
  var newp = document.createElement('p');
  newp.id = 'item' + number;
 document.getElementById('by').appendChild(newp);


  //=====================================//
  //	ノードに文字を追加	              //
  //=====================================//
 var mojiretu = document.createTextNode('追加した段落' + number);
  newp.appendChild(mojiretu);

  //=====================================//
  //	ノードに画像を追加	              //
  //=====================================//
 var image = document.createElement('img');
  image.src = "http://www.geocities.jp/xmldtp/aj_testimg_new.jpg";
  newp.appendChild(image);

  //=====================================//
  //	ノードにチェックボックスを追加  //
  //=====================================//
 var chk = document.createElement('input');
  chk.type   = "checkbox";
  chk.id     = "test"+ number;
  chk.value  = number;
  newp.appendChild(chk);

}

//---------------------------------------//
//	削除の場合		    //
//---------------------------------------//
function delItem() 
{
  // 一応チェックなんかしてみる
  if(number == 0)
 {
    alert('削除できる段落がありません。');
    return;
  }

  //=====================================//
  //	最後の段落を削除する	    //
  //=====================================//
  var body = document.getElementById('by');
  body.removeChild(body.lastChild);

  //  段落数の修正
  number --;

  //=====================================//
  //	段落の文字を書き換える	    //
  //=====================================//
  document.getElementById('midashi').firstChild.nodeValue = "段落数:"+ number; 


}

//---------------------------------------//
//	チェックの場合	              //
//---------------------------------------//
function chkItem() 
{
 
  //=====================================//
  //	チェックされてる番号表示      //
  //=====================================//
  for(i = 1 ; i <= number ; i ++ )
  {
       if ( document.getElementById('test'+i).checked == true )
       {
          alert(document.getElementById('test'+i).value);
       }
  }
}

//==========================ここまでJavaScript=============================//

</script>
</head>

<body id="by">
    <input type="button" name="addBtn" value="追加" onclick="addItem()" /> 
    <input type="button" name="delBtn" value="削除" onclick="delItem()" />
    <input type="button" name="chkBtn" value="選択番号" onclick="chkItem()" />
    <p id="midashi">レコード数</p>
</body>

</html>

(上記の< > は、本当はすべて半角です)




説明は、もちょっとお勉強して、テーブルとかが、できてから、いっぺんに書きたいと思います。
(テーブルをお勉強することを覚えていて、さらにそのあと、説明を書く気があればなのですが。。)


  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする

JavascriptのDomを使って、段落の追加削除・文字変更をやってみる。

2006-06-19 13:11:44 | JavaとWeb

たいした内容でなくてすみません。
いま、JavaScriptのお勉強をしていて、Domで文字の変更をやるってことで、
その例として、段落の追加削除・文字変更をやってみました。
って、たいしたことじゃないんですけど。。

で、もう時間で移動しなきゃいけないんだけど。。
あ、USBがない(>_<!)
そっだ、今日、更新してないんで、たいした内容じゃないけど、いっか(^^)
ってことで、ここに、公開しちゃいます

なお、確認は、IE6でやってます。

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>Domのお勉強その1:段落の文字変更と追加削除</title>

<script language="javascript" type="text/javascript">
//============================================================//
//					                //
//	Domのお勉強その1:段落の文字変更と追加削除	       //
//					                //
//============================================================//

//段落数
var number = 0;

//---------------------------------------//
//	追加の場合		    //
//---------------------------------------//
function addItem()
{

  // 段落数をたしてみる
  number ++;

  //=====================================//
  //	段落の文字を書き換える	    //
  //=====================================//
  document.getElementById('midashi').firstChild.nodeValue = "段落数:"+ number; 

  //=====================================//
  //	段落を追加する		    //
  //=====================================//
 //	追加する段落を生成する
  var newp = document.createElement('p');
  newp.id = 'item' + number;
  var mojiretu = document.createTextNode('追加した段落' + number);
  newp.appendChild(mojiretu);

  //   段落追加
  document.getElementById('by').appendChild(newp);

}

//---------------------------------------//
//	削除の場合		    //
//---------------------------------------//
function delItem() 
{
  // 一応チェックなんかしてみる
  if(number == 0)
 {
    alert('削除できる段落がありません。');
    return;
  }

  //=====================================//
  //	最後の段落を削除する	    //
  //=====================================//
  var body = document.getElementById('by');
  body.removeChild(body.lastChild);

  //  段落数の修正
  number --;

  //=====================================//
  //	段落の文字を書き換える	    //
  //=====================================//
  document.getElementById('midashi').firstChild.nodeValue = "段落数:"+ number; 


}

//==========================ここまでJavaScript=============================//

</script>
</head>

<body id="by">
    <input type="button" name="addBtn" value="追加" onclick="addItem()" /> 
    <input type="button" name="delBtn" value="削除" onclick="delItem()" />
    <p id="midashi">レコード数</p>
</body>

</html>

(上記の < > ¥ は本当は半角)

もちょっと難しいのとか(とはいえ、たいしたことないけど)、これから、がんばっていこうと思います。できたら、公開しまーす。
(なんか、みんなから、公開しなくていいよ!って言われそうだけど。。)




  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする

シンドラー社は、結局、構成管理ミス?構成管理といえばLinuxって。。ケータイ大丈夫?

2006-06-19 03:16:32 | Weblog

ちょっと古い話になるが、
シンドラー製52台にプログラムミス 事故機は「該当せず」
http://www.iza.ne.jp/news/newsarticle/event/accident/5772/


これ、プログラムミスとかいてあるが、発表のVTRを見ると、基本ソフトのバージョンが、修正前のものに戻ってしまい。。などといっていることからして、構成管理ミスだろう。

 バグの動作からみて(以下は推測)シンクロナイズドの問題か?そーすると、リアルタイムOS系のシンクロナイズドのところ(同期用の関数)にバグがあって、バージョンアップしたと。
 そして、開発・テストは、最新バージョンのものでおこなったので、正常だったが、OSを入れ替えたかどうかの構成管理ができていなかったので、アプリ側だけ、突っ込んでしまったら、前のバージョンのOSでおかしくなったってかんじなのかなあ(ここまで推測)。




 たしかにOSの構成管理っていうのは、難しいものがあって、とくにLinuxの場合で問題になるよね。

 Linuxの場合、OSのバージョンと、基本的ライブラリであるglibcとの相性関係があり、さらにLinuxを拡張した場合(リアルタイムOSにするには、拡張いるのかなあ?)、その拡張部分の相性、デバイスドライバの相性などがある。

 そのため、バグが出たからと、不用意にカーネルのバージョンをあげると、glibcは前のままだから、へんなかん今日になっちゃったりする。
 とくにこのライブラリ、基本的にはcなので、カーネルとglibcの相性が悪い(適切な組み合わせでない)としても、動いてしまう。そーすると、最後、おかしな動きになる。




そーいえば、ケータイでLinux採用っていう記事あったような。
 開発側としては、このバージョンあわせをちゃんとやってくるかどうかで、品質や開発工数、費用にかかわってくることだろう。

 もっとも、IBMのAIXのように、結局1社がOSを供給する場合は混乱しにくいが。。
 じゃあ、やっぱ、そのOSは、富士通だよね。頭文字をとるとFIX、フィックス!
 なんか、バグなんか、すぐに修正終わっちゃいそうな名前だ。


  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする