ブログ：Ajax(２)

先のAjaxでお見せしたXmlHttpRequestを使った例ですが、IEでも動くようにしました。以下をクリックしてみてください。
http://whitebirch.cocolog-nifty.com/test/js_test5.html

XmlHttpRequestの取得の非互換を直すだけではだめで、callbackも非互換らしい。httpObj.onload = displayData; が問題箇所。ＩＥはでは動かない。これを、以下で置き換えてみた。
httpObj.onreadystatechange = function()   {
  if (httpObj.readyState==4) {
          displayData()
  }
ただの置き替えで済むかと思ったら入れる位置も問題だった！

実はこれ以外にも、わんさかブラウザによる非互換がある。
http://ajax.atmarkit.co.jp/jsicdb/main/

この例だと、HTMLを再度読み込んでからＬＯＡＤもボタンを押しても、ファイルを読み込まないのですが、もしかしたら、キャッシュしてしまう(IE)ことが関係してるのかも。これを除く方法が書いてある。

Ajaxの主要な仕組みは、XML HTTP request objectというものです。
XML HTTP request objectの関連は、いろいろありますが、以下がよいようです。
http://jibbering.com/2002/4/httprequest.html

日本語でも、いろいろありますが、例題あるのは、
http://developer.mozilla.org/ja/docs/XMLHttpRequest
ですが、より具体的な例題があるのは
http://www.openspc2.org/JavaScript/Ajax/index.html
でしょう。

ところで、JavaScriptができないココログは、残念ながら、流行のAjaxには対応できないというわけです。有料だとできる？

ブログ:Ajax(Asyncronus JavaScript XML)

最近（去年ぐらいから）は、インタネットで評判の技術。Web2.0の技術の一つと言われている。つまり、これを使って、JavaScriptからホストの資源やサービスをいろいろ利用できるというわけ。非同期呼び出しもできる。工夫すれば、画面全体の更新をせず、画面の一部だけの書き換えをすることでシステムの性能があがって、快適だといわれている。

まずは,関連サイトを見ながら、実験してみました（以下のURLをクリックしてみてください）
http://whitebirch.cocolog-nifty.com/test/js_test3.html
これは、ボタンを押すと、別のファイルにあるデータを読み込んで、領域に表示します。

Mozila 1.7.8(VineLinux3.2)では動作しましたが、IE 6.0.29, Windows XP では、動きませんねでした。多分、NS 6.でも動くでしょう。

ブログ：JavaScriptが使えない!?（cocolog-nifty)

以前、niftyのココログ（このブログ）で、JavaScriptを使えるという話をしました。
http://whitebirch.cocolog-nifty.com/blog/2006/11/javascriptcocol_f1f0.html
ところが、今、下のような、JavaScriptを文書のhtmlに埋め込んでアラームを出そうとやってみると、できない！

さすがに、登録済みのＨＴＭＬは削除していないうようですが。

<script type="text/JavaScript">
<!--
javascript:alert("alart example");
//-->
</script>

実際、埋め込んで、保存すると、

<script type="text/JavaScript"></script>

と、スクリプトの本体が検閲されて、なくなってしまいます。どうなっているのでしょう。
以前やったところでは、少なくともJavaScriotの読込みはＯＫだった筈です。ちなみに、これも、今はだめなようです。 どんどん有料ブログだけしか使えない機能にしているのかもしれません。

<p><script language="javascript" src="http://www.nhk.or.jp/lab-blog/blogtools/script/clock150.js" type="text/javascript"></script></p>

VRMLであそぶ(2):歩くロボット

走るロボットはいかがでしたか。次は、ロボットを歩かせてみました。

踝の赤い方が接地、黄色が軸足です。軸足とは、物理的には重心のより多くかかっている足が軸足。 直立では、両方が軸足としてあります。

VRMLであそぶ(1):走るロボット

VRMLとは、Virtual Reality Modeling Language のこと。３次元の物体を表して、Webブラウザで見たり、動かしたりできます。

これを使って、いろいろなサイトを参考にしながら、試しに「走るロボット」を作ってました。先ずは、見てみてください。<写真は、走っているところをキャプチャしたものです。実際の画面（下）では、ロボットは走っています>
見所としては、(1) 足首が紫になっていますが、着地している間は赤くなっています。(2) ゴールに突き当たると向きを変えて走り続けます。プラグインによって異なりますが、画面の周りに、操作用のボタンがついています。これを、操作すると、視点が変えられたり、画面をマウスで触ると、見る方向等が変わります。

そのために一寸手間を取らせますが、ブラウザにVRML用のプラグイン（無償です）をインストールしてください。私は、cortonaのプラグインがお勧めです。以下のサイトに行って、http://www.parallelgraphics.com/products/cortona/
”Install cortona VRML Client 5.1”というボタンを押すと、ブラウザによってダウンロード画面になりますので、"Install Now"のボタンを押してください。

ロボットが走っているところが見えましたか。

・VRMLの説明のあるURLを示しますので、ご参考に。 http://ja.wikipedia.org/wiki/VRML
・プラグインは、http://cic.nist.gov/vrml/vbdetect.html　に色々載っています。

ブログ：画像を流す（cocolog-nifty）

画像を流すには、マーキータグを使います。
私も使いましたがなかなか面白い。
cocologでは、htmlの編集画面にして、動かしたい文字や画像をマーキータグで囲みます。
例（文字）：
<Marquee >
　おめでとう
</Marquee>

　おめでとう

例（画像）：
<marquee><img src="http://whitebirch.cocolog-nifty.com/test/c4.gif" /></marquee>

方向(direction="up")、スピード(scrollamount="50")、背景色（Bgcolor=）、幅(width="100" や、height="10")など、いろいろ変えられます。

ブログとホームページ(5)：CGIプログラムを呼出す(cocolog-nifty)

ココログでgifファイルのブリンクができ、JavaScriptが動くとなると、もっといろいろなことが出来きそうです。その試みの１つとして、まずは、NIFTYで提供とは別のカウンタを呼び出してみましょう。

この記事の訪問者様の数；

これは、Perlで書かれたIプログラムで私のホームページでCGIプログラムとして動作するものです。
確かにカウンタが動いていますね。これだけだと、ありがたみが分からないかもしれないので、次回、「ウンチク」を。

注意：このプログラムを、皆さんのページから直接呼び出さないでください。サーバの負荷が上がりすぎると困りますので。

ブログ：JavaScriptを使う（cocolog-nifty)

わざわざ、JavaScriptの話を書いたのは、JavaScriptで書かられたホームページ用の「素材」が沢山、ネットに存在しているから。面白いのを探しだして、ブログで気軽に使えるというのも楽しいのではないかな。

と言うことで、例を１つ。下のはＮＨＫが用意している時計で、昔、ＴＶで時報のときに放送されたので、覚えている人も多いと思う。この時計のデザインが何ともいえませんね。

ＨＴＭＬの編集で、追加する行を参考までに示しておきます。

<p><script language="javascript" src="http://www.nhk.or.jp/lab-blog/blogtools/script/clock150.js" type="text/javascript"></script></p>

ブログとホームページ(4)：JavaScript

ホームページでできることが何処までココログできるのかの続き。
結論から言えば、ココログでも、JavaScriptが動く。最近では、Ajaxという言葉もはやっているが、その"J"はJavaScriptのこと。
といっても、ピントこない人のために、JavaScriptの一言説明を：
JavaScriptは、Netscape Navigator 2.0 で実装されたインタプリタ言語。動きや対話性を実現できるものとして広がった。Google mapでも利用されている。主要なWebブラウザはほとんどサポートされている。基本的に、ブラウザで動作するので、ＣＧＩのperlに比べてサーバの負荷は小さい。

仕組みは分からなくとも、カウンタを使っている人は、既に、JavaScriptを使っている。ちなみに、そのhtmlは、

<script type="text/javascript" src="http://analytics.cocolog-nifty.com/counter.js">
</script>

のようになっている。

ブログ：素材をブリンクさせる（cocolog-nifty）

ブリンクする画像をダウンロードして、普通のイメージと同じようにブログにアップしてもブリンクしない。これをブリンクするようにする方法を紹介します。これで、クリスマス・お正月が乗り切れそう。

対象はgif形式のアニメーションを想定しています。これを、普通のイメージとしてcocolog-niftyにアップすると、そのサムネール画像が作られる。これは、アニメ用のgifでなく、ただの静止画。従って、ページのHTMLにはこのサムネールが利用されるので、ブリンクしないというわけです。（以下のhtmlのソース）

<p><img src="http://whitebirch.cocolog-nifty.com/blog/images/kouji_01.gif" /></p>

従って、素材をブリンクさせるには,
(1)素材をそのまま、アップロードする
(2)アップロードした素材をポイントするようにページのhtmlを作る
ということになります。

具体的には、
(1) 「コントロールパネル」「ファイル」でファイルマネージャーを選択して
(2) 「新しいフォルダの作成」で適当にフォルダを作って
(3)  新規ファイルのアップロードでブリンクする画像をアップする

次に、記事を作成で、以下のように、アップした画像を表示するＨＴＭＬのimg文を    
追加すれは、ＯＫです。

<p><img src="<img src="http://whitebirch.cocolog-nifty.com/test/kouji_01.gif" /></p>では、自己責任でやってみてください。

ブログ：素材屋さんを使う

ブログで画像の素材を使うのは、簡単。ダウンロードして、普通のイメージと同じようにブログにアップするだけ。直接、素材へリンクを張るとサーバへの負荷が高くなるのでやらないように注意がある。
素材屋さんは沢山あるが、例えば
：http://sozaiyaretro.umemomo.com/momiji/momiji01.html
http://homepage2.nifty.com/ColorfulLovers/menu_ni.html

まあ、niftyの場合はある程度プロバイダが供給しているが、興味のある絵などを探してみると面白いかもしれない。

左の工事中の絵は、「びっくりマーク」が、ブリンクして、ホームページっぽい。

たが、これは、貼り付けただけだとブリンクしない。何故かご存知？

ブログとホームページ(３)：素材屋さん

ホームページには素材屋という職業（ビジネス）が生まれているという。これは、素材を販売・提供するもので、イメージ等がある。個人向けでは利用は無料だが、商用では料金をとったり、大手のプロバイダへの素材供給、ホームページの作成請負をするビジネス。
このビジネスモデルは、私の仮説：
「ホームページは、団体、商売人（ビジネス）のために。ブログは、個人のために。」
の根拠の裏づけのひとつになりそう。

ところで、ホームページとブログの違いがあいまいだと話をしていたが、それなら、ホームページでできることが何処までブログでできるのか。
ホームページで凝った画面に比べるとブログは地味な気もするが、実は上で述べた素材屋さんの、素材はブログでもかなりのものは使える。自分のブログを楽しくするのに使ってみよう。

ブログ:表を書く

ブログの話が出たついでに、ちょっと寄り道。
cocoloで何処まで,ホームページの多様な機能が使えるのでしょうか？

手はじめに、表を書いて見ましょう。
(1) スペースで区切ってあったテキストデータをエクセルに読み込む
(2) それをエクセルで整形。
(3) それをワードに貼り付ける
(4) ワードで少し整形してからhtmlファイルとしてセーブ。
(5) それをエディタで確認して,<body>, </body>の間のデータだけをとりだし、
(6) 結果を、ブログの記事に貼り付けると、表になります。

あるいは、はじめに、ワードで表を作ったり[(4)から]、エクセルで直接作ってから[(2)から]、上の方法でhtmlにしてもできます。（やり方が悪いとブログの文書がぐちゃぐちゃになるかもしれませんから、自己責任でお試しください！）

例として、自動車保険：車両料率クラス表を「表」にしてみましたので、見てください。
http://whitebirch.cocolog-nifty.com/blog/2006/10/post_98e8.html

ブログとホームページ(2)

第一印象ではずいぶん違うこの２つ。
例えば、ブログは形式を固定。同時に、操作は極力簡単にしてあるので個人など参加者がどんどん広がっている。
ホームページはどうかというと、形式は自由度が高くいだけでなく、ページ構築ツールも、どんどん向上し、操作は極力簡単になりつつあります。
私はというと、Netscape 4.7のコンポーザを長い間使っていたが、Netscape コンポーザは、良くできている。さすがに4,7は古いので、NS6に変えたが、なかなか使いやすい。ページのアップアップロードは「さくさく」が便利。でも、実際、ブログを使うようになって、ホームページの操作は面倒に感じてしまう。

こうして、「操作が簡単」という切り口で考えはじめると違いがわからなくなる。

では、ホームページは個人だけでなく、企業や各種団体も使っているので、ホームページとブログの違いを使っている人の違いで比較したらどうか：

そこで、仮説を１つ：
「ホームページは、団体、商売人（ビジネス）のために。ブログは、個人のために。」

勿論、ブログが無い時代にホームページを作っていた個人の人もいる。これが全てというわけではないが、こう分類するとチョット分かった気になってくる。この考えが当たっているか、少し検討してみよう。

ブログとホームページ

ブログだけでなく、ホームページもいじっている。
@niftyの@homepageでもWikiの簡易版であるFSWikiLiteが動くのだが、これは、実は、ブログとよく似た機能をもっているのです。(実に、@homepageの上でカウンタのcgiや、FSWikiを動かすのに相当苦労しましたよ。これは別の機会に書くとして）

そこでの疑問になり始めたのは：
(1) ブログとホームページは何処が違うの？
(2) Wikiとブログは何処が違うの？
(3) SNSとブログとは何処が違うの？

レベル的にずれている感じの疑問もあるが、いろいろな面で考えてみると面白そうだ。

トラブル調査

幾つかの写真をクリックしても拡大画像がうまく表示できないという問題を解決しようと@niftyの方と調べています。一部もとに戻したので

http://whitebirch.cocolog-nifty.com/blog/2006/08/post_4a14.html

に不都合がおきていますがあしからず（古めの記事を選びました）。

トラブルが起きるのは幾つかのjpgファイルです。その１つをテスト用にアップしました。

http://whitebirch.cocolog-nifty.com/test/test_01.JPG

をダウンロードしてIMGを挿入してみると、クリックで拡大画像がうまく表示できないのを確認できると思います（このとき、アップしたとき、ダウンロードしたファイル名を其のつど変えた方が原因究明が楽でしょう

（以下は実際IMGを挿入し例です）

皆さんの環境で再現するか、やってみて、できれば結果を教えてください。

本サイトのフルサイズ画像表示を直しました

岡本太郎美術館、旧林家住宅、スーパー特急あずさの写真など、フルサイズで表示できるようになりました。見てみてください。
http://whitebirch.cocolog-nifty.com/blog/2006/10/post_4082.html
http://whitebirch.cocolog-nifty.com/blog/2006/09/post_acc8.html
http://whitebirch.cocolog-nifty.com/blog/2006/09/3__e505.html
http://whitebirch.cocolog-nifty.com/blog/2006/09/post_cd63.html
http://whitebirch.cocolog-nifty.com/blog/2006/08/post_4a14.html

今まで、本サイトの画像をクリックしてもフルサイズの画像がうまく表示できないという問題があったのですが、無理やりページのhtmlを修正して一応見えるようになりました。原因は不明です。どうしてもという人は、ブラウザでhtmlのソース表示をして<a window.open(.....　あたりを参考にしてください。

cocologはHTMLでの入力はサポート外とのいうことです。したがって、cocologの正式サポート機能としてフルサイズが表示できる筈です。現在、@niftyにcocologサポートの問い合わせています。

--------------

http://whitebirch.cocolog-nifty.com/test/test_01.JPG

モブログの投稿テスト

＜テスト画像＞

モブログで投稿できるか確認してみました。画像が先頭に表示されるんですね。

分からないこと

(1)カテゴリはどう指定するのか

(2) 画像の位置は指定できないのか

(3) 画像の大きさは指定できなのか

これら、後でＰＣから編集することで解決できますが、送信時に設定できるとうれしいですね。

(4)差出人の名前は反映されない

なんとかなりませんか。