このブログを検索

大文字小文字を区別する 正規表現

Atelierで“Firefox”が含まれるブログ記事

2012年3月 3日

隠居のMT 備忘録:IE で表示した時に出現する意図しないスペースを削除する


 MT の Web ページである?探鳥日誌(current) ?を Internet Explorer で表示した時に、下のスクリーンショットのように、意図しないスペース(30行くらいの空白)表示されるようになった。ブラウザーを Google chrome に替えて表示してみると、このような現象は起こらない。Internet Explorer だけである。他の Web ページと同じようなコーディングをしているのに、このページだけ、テキスト文の終わりからテーブルの間に、このような現象が起きる。他のページとの違いといえば、テーブルの行(Row )を頻繁に追加していることである。

IE_CCS_1m.jpg

 色々とサーチしてみたが、解決してくれそうな適切なページがヒットしない。どうやら、私のMT Web ページに起こっている特殊な現象らしい。
 仕方ないので、はじめから作り直すつもりで、【ウェブページの編集】画面で入力した内容すべてを、HTML editor(私は、秀丸を使っている)にコピーして、再度【新しいウェブページの作成】で、新しく貼り付けてみたが、結果は同じである。どうも、入力したコードが問題のようであるが、丹念にチェックしても原因は見つけられなかった。
 ところが、入力していたテーブル部分の記述のみを秀丸からコピーして、先ず新しいウェブページに貼り付けてみると、テーブルの上部に空白行が表示されるようなことはない。次に、テキスト部分をコピーして、先程貼り付けたテーブル部分の記述の上に挿入し全体を表示してみると、空白行がなくなった。なんだか、狐につままれるたような気分だが、無事まともな表示にすることができたので、ホッとしている。
 少なくとも、Internet Explorer, Mozilla Firefox, Google Chrome ぐらいは統一の標準にしてほしいものだ。ただ、一番使われている Internet Explorer が標準から外れている部分が多いというのは困りものである。

2010年1月 7日

隠居のパソコン備忘録:Internet Explorer 8 をインストールする

 昨年末の投稿に記載したように、私のブログの、どのページに、どれぐらい数の方々が訪問されているかなどを分析する無料のアクセス解析サービス Artisan を導入している。

 この分析には、アクセスする方が使用されている ブラウザ、OS 、解像度なども表示される。
 昨年の12月1日からの分析をみると、それぞれのベスト5は、以下のようになっている。
Artisan による分析(2009/12/1?2010/1/5)
順位ブラウザ%OS%画面解像度%
1
2
3
4
5
Internet Explorer 8
Internet Explorer 6
Internet Explorer 7
Firefox
Safari
33.9
21.6
20.4
14.0
3.5
WindowsXP
WindowsVista
MacOSX
WindowsNT
Windows2000
65.2
21.0
4.1
3.7
1.9
1024x768
1280x1024
1280x800
1680x1050
1440x900
29.0
19.1
14.9
6.3
5.5


 少し前までは、ブラウザは Internet Explorer 7 (IE7) が一番多かったのだが、2009年3月に Internet Explorer 8(IE8) がリリースされ、5月の終わり頃から画面上に 自動更新による自動インストール通知が現れるようになってきたことが、原因していると思われる。
 IE6 から IE7 へバージョンアップしたときの不具合に懲りているので、自動インストール通知を無視してきたが、上のように Artisan の解析で、IE8 がトップを占めてきたので IE8 をインストールしてみた。
 インストールする前に、"IE8 不具合"でネットサーチしてみると、goo! のQ&A に私も導入しているスパイウエアの検索と修復ソフトである「Spybot - Search & Destroy」 で不具合が起こる場合があることが分かった。それで、回答にあるように、IE8 をインストールする前に処理しておいた。
 また、IE8 に対応していないアドオンを導入している場合などでは、動作しないことも報告されている。たとえば、講談社の「日中辞典」CD-ROM は上手く動作しないようである。
 そのような準備をしてインストールするとすんなりと動くようになっている。

 まだ、使い始めたところであるが、気がついた点を備忘録として記録しておきたい。
 IE8 では、IE7 と比較すると文字の大きさが異なるようである。Firefox(=Google Crome)と同じように大きな表示になる。こちらが標準HTMLの表示のようである。ただ、ツールバーのURL を入力するボックスの右にある「互換表示」ボタンをクリックすれば、IE7 の表示に変えることができる。互換表示については、Microsoft のページに次の解説がある。
互換表示
 Internet Explorer 8 はリリースされて間もないため、一部の Web サイトは Internet Explorer 8 に対応していない場合があります。この場合は、[互換表示] ツール バー ボタンをクリックすることで、Internet Explorer 7 で表示するのと同じように Web サイトを表示できます。これにより、テキスト、画像、テキスト ボックスの位置がずれるといった問題を解決できます。このオプションはサイトごとに設定できるので、他のサイトは引き続き Internet Explorer 8 の機能を使用して表示されます。そのサイトを Internet Explorer 8 の機能で表示するように設定を戻すには、単に再び [互換表示] ボタンをクリックするだけです。

 また、アクセラレータという機能があり、ウェブ・ページの文中にある文字を選択するとその近くにのようなマークが出る。 このマークをクリックすると「Google で検索」など検索オプションを選択するセレクトボックスが出てくるので、たとえば、「Google で検索」をクリックすると、Google で検索したと同じ結果になる。文中で選択した言葉が建造物や地名だと セレクトボックスから「Live search 地図」をクリックすると Google の地図検索と同じような結果になる。これは、今まで使ったことはなかったが、Microsft の地図検索サービスのようである。要するに、IE8 は Microsoft が iGoogle を意識したサービスになっているようだ。

 詳細は、Internet Explorer 8: ホーム ページを参照すればいい。

2009年2月25日

隠居のパソコン備忘録:IE7 でLink 先を新しいタブにWindow を開く方法

 Internet Explorer 7 (IE7)になってから、「タブ」という新しい機能がついた。Mozilla Firefox 3 ではかなり前からこの機能がある。
 このタブは、一度開いた同じウィンドウに新しいウィンドウをひらくことができる機能である。
 MoZilla 系の Google Chrome は、新しいタブのURL入力ボックスは、検索ボックスも兼ねている。ブラウザーも覇権争いでどんどん進化する。

 ところが、このタブ機能がブラウザによって異なる動きをする。
 Firefox 3 では、HTMLコードでリンク先のページを新しいウィンドウに表示する指定が、以下のように target="_blank" という指定があると同じウィンドウに「Radio Senboku」という新しいウィンドウが開かれる。
 <a href="http://www.live365.com/stations/nshuhei" target="_blank">Radio Senboku</a>
 
クリックすると大きくなりますクリックすると大きくなりますTab_01.jpg ところが、IE7の初期設定では、また、右のスクリーンショット(左)のように新たにブラウザが開く。 
 ブラウザに「タブ」という新しい機能ができたから、HTML コードに新しいタブ・ウィンドウに表示させる target="_blank" というようなコードがないかとサーチしてみたが、ないようだ。
そのかわり、IE7 では初期の設定を変えることで、Firefox 3 と同じく、右のスクリーンショット(右)のように新しいタブ・ウィンドウに新しいページを開くことができることがわかった。


クリックすると大きくなりますクリックすると大きくなります IE7 の「ツール」→「インターネット・オプション」のポップアップ画面下にある「タブ」設定ボタンをクリックする。でてくるポップアップ画面で、右のスクリーンショットのように、
ポップアップの発生時は、「ポップアップを開く方法を InternetExplorer で自動的に判定する」を選択し、
他のプログラムのリンクを開く方法で「現在のウィンドウの新しいタブ」を選択しておくとよい。
 ここで表示しているようなポップアップ画面は、新しいタブの表示とはならない。

2009年2月23日

隠居の写真整理:Picasa Web Album

 前回は Picasa の操作について記録したので、Picasa が導入されていることを前提に Picasa を使ってネット上に仲間へ写真を公開する操作について記録しておきたい。写真を公開するためには、Google のアカウントを作成しておく必要がある。
 
  • Google のアカウント作成は、Google のいろいろな画面ででてくるが、ここではホームページの下部にある「写真管理」をクリックする例で記録しておきたい。
  • クリックすると大きくなります
    1.  クリックすると出てくる Picasa ウェブアルバムの画面で、「アカウントを作成」ボタンをクリックする。
    2. するとアカウントを作成するために右のような必要な項目の入力画面がでてくるので、指示通りに入力する。
    3. 入力が求められるキャプチャーの英字は判別しにくいようだが、一字一字確認すれば大丈夫である。失敗しても、再度やり直せば新しいキャプチャーが表示される。
    4. アカウント作成が上手くいくと早速「Picasa ウェブアルバムの使用開始」の画面が表示される。


  • ウェブアルバムに写真をアップロードするのは、すこぶる簡単である。
  • クリックすると大きくなります
    1. 先ず Picasa を起動 する。
    2. 左のフォルダー表示から、共有したい写真のあるフォルダーを選択し、サムネイルを表示する。そのフォルダーにある写真をすべて掲載(アップロード)する場合は、フォルダー名を反転させて(選択して)、画面下のツールアイコンのアップロードをクリックすればよい。写真を選択してアップロードする場合は、サムネイルから写真を選択してアップロード・アイコンをクリックすればよい。
    3. すると「ウエブアルバムにアップロード」というポップアップ画面が出るので、右上の新規ボタンをクリックする。すると右のような画面に変わるので、適切なアルバム名と説明を入力する。
    4. クリックすると大きくなります
    5. 「アップロードするサイズ」は推奨の1600ピクセルでよいのではないかと思う。元の写真がこれより小さいサイズの写真であれば、そのサイズでアップロードされるようだ。
    6. 「このアルバムの可視性」では「非公開」を選んで、アップロードボタンをクリックするとアップロードが始まる。
    7. Picasa の画面の右上にある「ウェブアルバム」をクリックすると、先ほどアップロードした写真の1枚目が表示されたアルバムが現れる。
      このときのブラウザーは、Firefox となる。
    8. アルバムを Google サーバーにフリーで置けるのは、1GB までのようである。
    9. クリックすると大きくなります
    10. このアルバムの写真をクリックするとアルバムのサムネイルがでて、スライドショーなどで全ての写真を見ることができたり、「編集」ボタンを選択すると写真の並べ替えができたり、アルバムのカバー写真を変えたりできる。




    11. クリックすると大きくなりますalbum_18.jpg
    12. このアルバムを仲間に見てもらうときは、「共有」タブをクリックすると右のようなメールの送信フォームがでるので、送信先のメールやメッセージを付け加えて送信すればよい。メールを受け取った側(受信者)は、「アルバム表示」をクリックすると送信したときと同じ画面があらわれる。極めて便利にできている。
    13. この画面の右にある「このアルバムへのリンク」をクリックすると、下にURL を表示するボックスが現れるので、この中味をコピーして仲間へのメールに貼り付けて、メールを送信することもできる。


 Google が提供するソフトはフリーだし、ファイルも Google で預かってくれるので便利ではあるが、なんとなく Google に取り込まれているような気がしないでもない。

2008年12月25日

隠居、Google Chrome をインストールしてみる

 最近、ブラウザーは Internet Explorer もどきの Slepnir を使い、トップ画面は iGoogle としている。
  • 予定が書き込めるGoogle カレンダー
  • Google の WebMail である Gmail へのリンク表示
  • Google 乗り換え案内
  • 気になるサイトへリンクするダイジェスト表示
  • Google Map
などGoogleが提供する種々のサービスを自分の好みで配置できるので、ポータル画面として便利である。

 この iGoogle で最近 Google が開発した(?)まだベータ版であるがブラウザーの案内が Gmail をより高速に と表示される。うたい文句は、"スピード、安定性、セキュリティに優れたブラウザ" とあり、Gmail の展開が早くなるらしい。
 ISP やレンタル・サーバーへのアドレスに送られてくるメールを転送している Gmail の動きが最近悪くなっているのが気になっていたのでインストールしてみることにした。

 体感的に、Gmail の展開は圧倒的に早いようである。通の間では、Google がGoogle Chrome を発表したときからそのスピードに注目をしていたらしい。
 Google Chrome は、文字の表示などが下のscreenshot で見ていただいたら分かるように、Mozilla Firefox と似ている。Google は、この Mozilla の大口出資者でもあるから当然かもしれない。最近リリースされた FireFox 3.0 でも、Gmail の展開が早いことをうたっているから、同様の技術なのかもしれない。

左から Google Chrome、 Mojilla Firefox 3.0、 IE 7.0 、Slepnir 2.8 の画面
クリックすると大きな写真になります
 Google Chrome の画面
クリックすると大きな写真になります
 Firefox 3.0 の画面
クリックすると大きな写真になります
 Internet Explorer 7.0 の画面
クリックすると大きな写真になります
 Slepnir 2.8 の画面


 右端の Slepnir 2.8 は、IEとほぼ同じであるが IE でありがちなバグが少ないので愛用している。
 Google Chrome をまだ少ししか使っていないが、Gmail など Google が提供するサービスには使い勝手が良さそうだ。

クリックすると大きな写真になります 私のブログへのアクセスを解析するフリーのサービス Artisan のデータでは、12月1日?24日まで訪問していただいた 9230 人が使っているブラウザーは、23種類である。その割合は、左の screenshot にあるように 73% が Internet Explorer 7, 6 であり、次が firefox で 18% くらいである。 Google Chrome は9月にリリースしたばかりなのに第5位で 2%となっている。
  Google Chrome を含めて Mojilla Firefox 系が増えてきているので、ブログの表示は Internet Explorer だけを意識するだけでなく Mojilla Firefox 系を考慮する必要がある。
 現在分かっている Google Chrome での問題点は
  • 私のブログ表示で、上の screenshot で分かるように IE にくらべて文字や行間が大きくなることがある。
  • 画像を拡大表示するときに使っている lightbox のキャプション部分が隠れてしまう。
  • VISAの利用明細がMycrosoftMoneyにダウンロードできない
などである。同じURLコードを書いていてもブラウザーによって表示が異なるのは困りものである。
  Internet Explorer と Netscape 以来の確執の世界であるが、なんとか細かい点まで統一をしてほしいものだ。

2008年9月21日

隠居のMT備忘録:lightbox 2.0 の背景 overlay が黒くならない

 lightbox 2.0 の最新バージョン 2.04 の導入は失敗した。導入の手順を間違ったものと思うが、サイトそのものにアクセスできないという致命的な障害がでるので、すぐに元のバージョン 2.03 に戻した。

 そのときのドサクサにまぎれてテンプレートなどをいじったせいか、次の条件のときに、画像が現れるポップアップ画面の背景 overlay が黒くならないという現象がでた。
  • Windows XP SP2
  • Internet Explorer 7
  • MovableType 4.1 テンプレート:小粋空間:two-column-liquid-right メインページ
 アーカイブページやWindowsVista Mozilla(Firefox) では起こらない。
 上記は私の環境で、それ以外については確認していない。

 lightbox2.0 のページの support では、overlay については次の説明がある。

The shadow overlay doesn't stretch to cover full browser window.
Remove the default margin and padding from the body tag. Add body{ margin: 0; padding: 0; } to your stylesheet.

 スタイルシートでは、この設定は既に以下のようになっており、問題はなさそうである。
/* すべて */
* {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, sans-serif;
    word-break: normal;
    line-break: strict;
}


 ネットサーチもしてみたが、的確な示唆はヒットしなかった。見当はずれであるが、「小粋空間」さんの「Lightbox JS の Movable Type での不具合を修正する」のエントリーに、コメントとして質問を投げかけてみた。親切に以下のような返事をいただいたが、結局原因不明である。
>n_shuheiさん
こんばんは。ご返事遅くなってすいません。
事象は確認できましたが、現在のところ原因不明です。

もし何か分かりましたら別途エントリーしたいと思います。
それではよろしくお願い致します。


 アクセス解析サービスの Artisan の分析では、私のサイトへの訪問者は、WindowsXP IE6/7 でのアクセスが最も多いから、早く修復したいと思ったが方途がない。

 運営している友人の2つのブログのひとつを見ていると、なんと上の条件でも、lightbox で拡大画像表示されるポップアップ画像の背景overlay が黒くなっていることが分かった。いじっているうちに偶然うまくいっていたらしい。

 このブログも同じ小粋空間:two-column-liquid-right のテンプレートを使っているので、lightbox 表示に関連していると思われるテンプレートモジュールの「ヘッダー」を子細に見てみると、正常に表示されるブログのテンプレートの<div> タグを閉じる </div> タグがひとつ少ないことを見つけた。
 どうやら、テンプレートモジュールの「ヘッダー」で<div> タグを閉じる </div> タグを余計にひとつつけたことが原因らしく思われた。テンプレートの構成上テンプレートモジュールの「ヘッダー」の<div> タグのひとつは、テンプレートモジュールの「フッター」で閉じられることになっていたのだ。

 「ヘッダー」の余計な </div> タグを削除すると上手く背景overlay が黒くなった。原因は、まったくそのせいと思っていたが、再現性を確認するために、「ヘッダー」テンプレートに余計な </div> タグをつけても、背景overlay は黒くなる。再現性はないのだ。
 どうやら修復は不可逆性だったようで釈然としないのだが、うまく表示されるようになっているので、まあ、いいか という気分である。
 ブラウザーに依存する障害は、いつもよく分からない。

2008年8月 2日

隠居、WindowsXP SP3 の不具合で苦戦


 最近は、家内にとってもPCが使えなくなると困るようだ。
 デジカメで撮った写真を確認したり、わずかばかりの資産運用を確かめたり、ウェブ・ショッピングをしたりしている。また、孫のおもりにゲームをしたり、ペーパークラフトを印刷したりするのに必要だ。メールはもっぱらケイタイでしているので、必要性を感じていないようだが。

 私が7年前に東京で単身赴任するときに求めたパソコンを、家庭内LANでつないで今居間で使っている。家内が使っているパソコンはこのパソコンだ。パソコンはほとんど自分で組み立ててきたが、このときはそんな時間的余裕もなく、富士通のデスクトップ(FMV deskpower)を購入した。OSは、WindowsMEであった。
 2004年に帰堺してから、WindowsXP HoemEdition にグレードアップした。そのグレードアップで、操作を間違って起動ドライブをC: ではなく、D: としてしまった。動いているので、まあーいいか!とそのまま放ってあった。

 先日、WindowsXP ServicePack 3 への更新メッセージのお誘いに乗って、ついインストールをはじめた。この手のインストールは時間がかかる。インストール途中で、買い物にでかけた。帰って画面を見るとインストールが終わっているようなので再起動すると、Windows起動ロゴは表示されたあとマウスカーソルが表示されてから停止してしまい、そのまま進まない。

 もう1台のパソコンで以前にも電源を変えたときにお世話になった「パソコンが起動しない!」ページに行くと、このようなときの対処法は、
 このプロセスまで進むのであれば、ハードウェア的な異常の可能性は低く、直前にインストールしたドライバやアプリケーションなどの影響による、OSの不調によるものと考えられます。セーフモードで起動が出来るかなどをテストしてみてください。

とある。
 ところが、フリーズするパソコンには、BIOS の変更と起動ドライブを変更するファンクションキーが表示されるだけで、他のF キーを叩いてもセーフモードで起動できない。XP のインストールCD も起動しない。このパソコンで修復することは無理である。万事休す!!

 家内は、これを機会に欲しがっていたかっこいいパソコンを買うつもりになっている。そこまで覚悟しているなら壊れてもいいので、最初からインストールしなおすことにした。HDD も中身がグチャグチャになっている。生きている他のパソコンも使って、以下のように再インストールしたら、また使えるようになった。グチャグチャになっていた HDD もすっきりした。
  1. FMV deskpower のマスターHDD を取り外す。メーカー製のパソコンはきっちりと狭い空間に取り付けてあるので、取り外すのに手間がかかる。
  2. クリックすると大きな写真になります 取り外したマスターHDD の jumper ピンを slave に差し替えて、写真のように自作パソコンの slave HDD と取り替える。自作パソコンのATXケースは空間が大きいので、このような場合は助かる。
  3. HDD からバックアップしておきたいデータを USB 接続している外付けHDDにコピーする。その前に、不必要なデータ(フォルダー)は削除しておいた方が、コピー時間が短くてすむ。完全なバックアップにするには、CD に焼い方がよかったかもしれない。
  4. バックアップしたら、このHDD を初期化する。初期化は、「マイコンピュータ」→「管理」→「ディスクの管理」で表示される該当ディスクの右クリックで出てくる「フォーマット」をクリックする。
  5. フォーマットした HDD の jumper ピンを master に変更し、元のPC(FMV deskpower)にとりつける。
  6. BIOS で優先起動順位を CD-ROM として、WindowsXP のインストールCD で初期インストールを行う。これは時間のかかる作業だが、インストールをし始めたらほおって置いてもいいようだ。
  7. XP をインストールしたときに買った Version は、SP1 だから、Microsoft が提供する SP2 をインストールした。SP2 にしておかないと、私が VirusScan で使っている McAfee はうまくインストールできなかった。
  8. あとは、バックアップしていた Documents and Settings, mail などを戻した。私は、メールは Gmail を使っている(ISPアドレスやレンタル・サーバーのアドレス宛は、転送している)ので、このような時は便利である。


 ネットでググッテみると、XP SP3 はまだまだ問題が多いようだ。安定してから導入したいと思う。

 パソコンの不具合については、ネットでサーチすれば大抵のことは解決策が載っている。だが、今回のような不具合は、パソコンが一台であればお手上げである。パソコンショップに持ち込むしかないであろう。パソコンは2台以上持つのがお薦めである。この頃は、家庭内コンセントを使って簡単に家庭内LANも構築できるらしいから、便利になっている。

 それと、ブラウザーは、InternetExplorer(IE) 以外に別のブラウザーも使えるようにしておいた方がいい。IEが駄目なときも、他のブラウザー(例えば、FireFox など)では、OK の場合が多い。

 

2008年6月20日

カストマイズの履歴

 このページでは 2006年の1月から私のHomePageに手を入れた事柄について、備忘録的に記載していくつもりである。したがってこのページは、頻繁に再編集されるはずである。

  1. MovableTypeのデータベースをMySQL4 から MySQL5 へバージョンアップした。
    (2011/3/25)難易度 ★★★☆☆
  2. Google Maps API を使って野鳥出現地点をカスタム・マーカーでプロットすることを始めた。
    (2011/1/29)難易度 ★★★★☆
  3. 撮影場所別に分類した野鳥写真集のウェブページを作成した。
    (2010/11/30)難易度 ★★☆☆☆
  4. Studio YAMAKO と Masajii's Blog のタグクラウド・ページを作成し、変更した。
    (2010/7/10)難易度 ★★☆☆☆
  5. atelier のアクセスカウンターを Kent Web の Daycounter に変更した。
    (2010/7/4)難易度 ★★★☆☆
  6. Google Maps API 用の XML ファイルを編集するXML Notepad 2007 を導入した。
    (2010/6/24)難易度 ★★★☆☆
  7. Research Artisan のサービスが2010年5月28日に終了するのに伴い、オープンソースのReasearch Artisan Lite を導入した。試験的に、Studio YAMAKO のアクセス解析に使用を開始した。
    (2010/4/11)難易度 ★★★☆☆
  8. IE8 に変えてからメインページの写真表示で lightbox の背景が黒くならないという不具合が生じていた。メインページで表示するエントリー数を10 に変更することで解決した。そのときに得た知識で、lightbox の背景画像を黒紙から図柄に変更した。
    (2010/3/21)難易度 ★★☆☆☆
  9. IE8 に変えてから、ページのソースを秀丸に表示することができなくなっていた。ネットで見つけた方法で、秀丸を指定することができた。
    (2010/2/19)難易度 ★★☆☆☆
  10. 日本では、eMusic から音楽ファイルをダウンロードできなくなった
    (2010/2/16)難易度 ☆☆☆☆☆
  11. ページでテーブルを作り縦にセルを連結するコードが分かった。
    (2010/2/11)難易度 ★★☆☆☆
  12. Live365 の放送が流している曲を録音し、MP3ファイル化する新しい方法を見つけた。
    (2010/2/7)難易度)★★★★☆
  13. ページにコードを表示する枠を指定する方法が分かった。
    (2010/1/30)難易度 ★★☆☆☆
  14. Google Maps API で作成する地図に改善を加えた
    (2010/1/29)難易度 ★★★★☆
  15. Windows XP のPCに IE8 をインストールした。
    (2010/1/7)難易度 ★★☆☆☆
  16. 野鳥識別掲示板へのリンクを右メニューに設置した。
    (2010/1/5)難易度 ★☆☆☆☆
  17. コメントする人が Google のアカウントを持っておれば認証できるようになった。
    (2009/12/27)難易度 ★★☆☆☆
  18. ブログ・ページから管理者にGoogleMail で発信する方法が分かった。
    (2009/12/10) 難易度 ★★☆☆☆
  19. 野鳥写真サムネイルを場所別・科別に変更し、ブログ外HTMLページに変更した。
    (2009/11/30) 難易度 ★★★★☆
  20. Live365 の LinkWidget をページの右メニューに設定した。
    (2009/11/30) 難易度 ★☆☆☆☆
  21. ウエブページ泉北近辺私的観光地図での地名表示XMLファイルを「あいうえお順」に並び替えた。
    (2009/8/26)難易度 ★★☆☆☆
  22. Studio YAMAKO の蝶の写真を科別に分類したリストをブログ外の Web Page として作成(異なるタイトル写真とするため)し、メニューにリンクボタンを設置した。
    (2009/8/23)難易度 ★★☆☆☆
  23. <
  24. Studio YAMAKO のタイトル画像を Flash 8 を使って変更した。
    (2009/7/9)難易度 ★☆☆☆☆
  25. 右メニューのJazz Collection へのリンクボタンを Radio Senboku Playlist へのリンクボタンに変更した。
    (2009/2/2)難易度 ★☆☆☆☆
  26. 右メニューに「播磨の蝶・但馬の蝶」および「ことりのさえずり」サイトへのリンクボタンを追加した。
    (2009/6/17)難易度 ★☆☆☆☆
  27. コメント入力フォームに、CAPTCHA を追加した。
    (2008/11/10)難易度 ★★☆☆☆
  28. 動画(AVIファイル)を編集してブログにアップした。
    (2008/10/22)難易度 ★★☆☆☆
  29. 野鳥の写真集をテーブル形式に改めた
    (2008/9/2)難易度 ★★☆☆☆
  30. 居間に新しいスタイルのPC:VGC-LM52DB を設置した。
    (2008/8/26)難易度 ★☆☆☆☆
  31. エントリー部分のみを印刷できるように、インデックス・テンプレートに印刷用CSSを置いた。
    (2008/8/24)難易度 ★★★☆☆
  32. /cgi/mt/lib/MT/Asset フォルダーにある Image.pm をいじって lightbox による画像の挿入を簡略化した。
    (2008/8/18)難易度 ★★★☆☆
  33. 英語での spamtrackbacks を阻止するために、asciiTBPingfilter プラグインを導入した。
    (2008/8/15)難易度 ★☆☆☆☆
  34. サイドメニューのリンクをJavaScript から再度CSSによる表示に置き換えた。少し、すっきりした。
    (2008/8/7)難易度 ★★☆☆☆
  35. Blog Atelier のヘッダー部分リンクを JavaScript から再度CSSによる表示に置き換えた。
    (2008/8/6)難易度 ★★☆☆☆
  36. TagCloud のページを作成し、リンクボタンを右サイドバーに置いた。
    (2008/7/22)難易度 ★★★☆☆
  37. 山小屋周辺の地図を Google Maps API で作成し、右サイドメニューにリンクボタンを設置した。
    (2008/7/6)難易度 ★☆☆☆☆
  38. Jazz Collection List をブログ atelier のウェブページとして作成し直し、public_html フォルダーの .htaccess にリダイレクトを設定した。
    (2008/7/14)難易度 ★★★☆☆
  39. エントリーにHTML のコードを書くことが多くなっている。それむけのタグ <pre> <code> を初めて使った見た
    (2008/7/78)難易度 ★☆☆☆☆
  40. 「DIY作品集」をブログ Atelier のウェブページに移した。ブログ Atelier フォルダーにある .htaccess に、RedirectPermanent を設定した。
    (2008/7/76)難易度 ★★☆☆☆
  41. ブログ記事/ウェブページの日付を公開日時に自動変更する藤本壱さんのプラグインを導入した。
    (2008/7/6)難易度 ★★☆☆☆
  42. .htaccess のリダイレクト機能を使って、元のブログへの訪問者を新しいブログへ誘導する設定を行った。Masajii's blog, Studio YAMAKO も同様の設定にした。
    (2008/7/4)難易度 ★★★★☆
  43. Studio YAMAKO のページを MT4.1 に合わせてリフォームした。
    (2008/7/1)難易度 ★★★☆☆
  44. Kinarie&May さんのMT用横長Flashカレンダーを復活させた。
    (2008/6/29)難易度 ★★★☆☆
  45. Research Artisan の「昨日のページ別アクセス・ランキング(Best10)」というタグを右サイドに貼り付けた。
    (2008/6/25)難易度 ★★☆☆☆
  46. MT3 の時に設定していたコメント編集HTMLタグボタンを設置した。
    (2008/6/24)難易度 ★★☆☆☆
  47. MT3 のときに設定していた行末の禁則処理をCSS に設定した。
    (2008/6/22)難易度 ★★☆☆☆
  48. 「キリ番カウンター」を設置した。
    (2008/6/22)難易度 ★★★☆☆
  49. 6月10日以来、新たなテンプレート・セットに合わせて、種々のカスタマイズを行った。
    (2008/6/22)難易度 ★★★★★
  50. MT4.1 のテンプレートセットを「小粋空間」さん提供のMT4用に変更した。
    (2008/6/10)難易度 ★★★★★
  51. MT3.35 から MT4.1 へ苦戦しながらバージョンアップした。
    (2008/6/3)難易度 ★★★★★
  52. MT4.1へのグレードアップに備えて、データベースを SQLite から MySQL に変更した。
    (2008/5/18)難易度 ★★★☆☆
  53. スパムコメント対策に入れていた SCode が上手く機能しないので、代わりに reCaptcha を導入した。
    (2008/5/13)難易度 ★★★☆☆
  54. レンタルサーバーを lolipop から xserver に変更した。
    (2008/5/10)難易度 ★★★★☆
  55. ParseError の原因発見方法が分かった。
    (2008/5/10)難易度 ★★★☆☆
  56. デジカメで撮った写真の一部が読み取れなかったが、「完全データ復元PRO2008」というソフトを導入して復元した。
    (2008/5/6)難易度 ★★★☆☆
  57. この CusomizeHistory の降順番号は、Mojilla 系の Firefox Netscape で番号が倍になる現象が出ていたが、JavaScript の勉強で原因がわかり修正した。
    (2008/3/31)難易度 ★★★☆☆
  58. JavaScript switch構文の勉強で、タイトル部横長カレンダー横に、本日の曜日を表示するようにした。
    (2008/3/21)難易度 ★★☆☆☆
  59. JavaScript の if...else if....else statement の勉強で、アクセス時刻によって歓迎の言葉が変化するスクリプトをタイトル部分に設置した。
    (2008/3/20)難易度 ★★☆☆☆
  60. Kinarie&May さんの「MT用フォトサムネイラー1.20」Studio YAMAKO のカテゴリーButterfly に適用した。
    (2008/3/11)難易度 ★★★☆☆
  61. Blog 右サイド リンクボタンを集合Flash Button(Title Menu と同様に)に改訂。
    (2008/2/24)難易度 ★★☆☆☆
  62. Blog Title 下のメニューボタンを Flash ボタンに変更した。
    (2008/2/24)難易度 ★★★☆☆
  63.  [新作!] という日本語Flashバナーを、Flash8 で作成し、タイトル・メニューで使用した。
    (2008/1/22)難易度 ★★☆☆☆
  64.  SoundEngine のスクリプト・コードを、体裁よくエントリーに取り入れるために、スタイル・シートに、div#menu というID属性を作成した。
    (2008/1/18)難易度 ★★★☆☆
  65.  [New!] というFlashバナーを、SoThinkQuicker で作成し、右サイドメニューで使用した。
    (2008/1/16)難易度 ★★☆☆☆
  66.  P4P800 SE のパソコンの電源が機能しなくなったので、新しい電源と交換した。ついでに、DiskのIDEケーブルをスマート・ケーブルに変えた。
    (2008/1/4)難易度 ★★★☆☆
  67.  P4P800 SE のパソコンのディスクに、もうすぐ壊れるかもしれないという SMART の警告が出たので、システム・ディスクの交換をした。
    (2007/12/29)難易度 ★★★★☆
  68. メインページもTagCloud のページへのリンクボタンを右サイドに設置した。
    (2007/11/8)難易度 ★☆☆☆☆
  69. P4P800 SE のパソコンの立ち上げ時に、CMOS Checksum error が出るので、マザーボード内蔵電池を交換した。
    (2007/10/29)難易度 ★★★☆☆
  70. TagCloud のページを作り、エントリー・カテゴリー・日別アーカイブの各テンプレートの右サイドにリンクボタンを設置した。
    2007/10/20)難易度 ★★☆☆☆
  71. 友のブログ Masajii's Weblog を開設した。
    (2007/10/16)難易度 ★★★☆☆
  72. TagCloudは、トップページのタイトル下に移設した。
    2007/10/8)難易度 ★☆☆☆☆
  73. Tag Cloud を右サイドメニューに設置した。
    (2007/9/13)難易度 ★★★★☆
  74. Studio Yamako のオーストリア・イタリア旅行写真集を Google Maps API を使って地図上に訪問地をマップした。
    (2007/8/20)難易度 ★★☆☆☆
  75. lightbox画像のキャプションにリンクが張れることが判明。最新のエントリーで実施した。
    (2007/7/5)難易度 ★★☆☆☆
  76. liteboxを使った写真表示に、白い点々(white noise) がでることがわかった。いろいろな調査の結果、lightbox2 に変更することによって解消することが分かった。
    (2007/6/20)難易度 ★★★★☆
  77. Atelier Shuhei Weblog の右メニューリンクボタンをサイト内とサイト外に分け、サイト内ボタンを統一した。クリックすると音が出るようなフラッシュボタンにした。
    (2007/6/15)難易度 ★★☆☆☆
  78. Studio YAMAKO にWeb Access Counter を設置した。
    (2007/5/25)難易度 ★☆☆☆☆
  79. Studio YAMAKO の背景色など変更に伴うコメントフォーム・メッセージ文字色を mt-site.js の一部を弄った
    (2007/5/24)難易度 ★★★☆☆
  80. Studio YAMAKO に、Kinarie&MayさんのFlash通常型のカレンダーを導入した。
    (2007/5/22)難易度 ★★☆☆☆
  81. yamakoさんの写真掲載用ブログ(Studio YAMAKO)を新たに設定した。本体(Atelier Shuhei Weblog)と同じようなカスタマイズを設定するのに手間取った。
    (2007/5/22)難易度 ★★★★☆
  82. DIY作品集へのリンクボタンを Flash8 で作成し、右サイドに設置した。効果音に、Effect Sound 集から、手ノコで木を切る音を挿入した。
    (2007/5/6)難易度 ★★☆☆☆
  83. Live365のキャンペーン Save Internet Radio に賛同し、バナーを右サイドに設置した。
    (2007/5/3)難易度 ★☆☆☆☆
  84. MT3.33-ja から MT3.35-ja にバージョンアップした。
    (2007/4/21)難易度 ★★☆☆☆
  85. Live365 での Radio Senboku の放送曲目を4分の1程度変更した。Album1 ? 3 までの曲目で前回とは異なるアーティストにした。
    (2007/4/20)難易度 ★★☆☆☆
  86. Google Maps API による「京都・奈良私的観光地図」の作成に伴い右サイドメニューのリンクボタンを改訂した。
    (2007/4/18)難易度 ★★☆☆☆
  87. Kinarie&Mayさんの横長カレンダーが Version3.00 にされたので導入した。
    (2007/4/10)難易度 ★★☆☆☆
  88. 「音楽方丈記」に紹介されている Snap Preview Anywhere を導入した。
    (2007/3/12)難易度 ★★☆☆☆
  89. 「小粋空間」さんの「追記文章を折りたたむ」を参照して、追記文書の折りたたみをエントリーアーカイブのテンプレートに取り入れた。
    (2007/3/8)難易度 ★★☆☆☆
  90. Navi button にオンマウスするとリンクの説明がでるように、title="xxx" を加えた。
    (2007/3/6)難易度 ★☆☆☆☆
  91. Navi button に Radio Senboku を加えた。
    (2007/2/11)難易度 ★☆☆☆☆
  92. Live365.com というサイトと契約し Radio Senboku を立ち上げた。
    (2007/2/6)難易度 ★★★★☆
  93. さくらインターネットとレンタル・サーバー契約をして、こちらに Radio Senboku を設置し.htaccess でアクセス制限を設定した。
    (2007/1/28)難易度 ★★★☆☆
  94. Radio Senboku と称する MP3ストリーミング・ファイルを置くアクセス制限付きページ:http://n-shuhei.net/sound/Radio/Radio_senboku.htm を設置した。
    (2007/1/24)難易度 ★★★★☆
  95. Web Radio の実験のために、IDとPWがなければアクセスできないページを、lolipop のマニュアルで作った。.htaccess ファイルの設置である。
    (2007/1/24)難易度 ★★★☆☆
  96. Toshibo's Web Radio のリンクボタンを右サイドメニューに置いた。
    (2007/1/19)難易度 ★☆☆☆☆
  97. AffliateB が、JTB-CTW のアフリエートを募集していたので応募した。
    (2007/1/10)難易度 ★☆☆☆☆
  98. HP作成とは直接関係ないが、GoogleのWeb Mail Gmail に登録した。他のアドレスからの転送をそれぞれ設定した。
    (2007/1/6)難易度 ★★☆☆☆
  99. 右サイドメニューに置いているリンク部分のボタンのFlash8を自作でデザインを統一した。
    (2007/1/5)難易度 ★★★★☆
  100. ヘッダー部分に、タブメニューNavi button を設置した。
    (2006/12/29)難易度 ★★★★☆
  101. 右サイドメニューのリンク部分に、管理者へのメール(mailto:shuhei@n-shuhei.net)ボタンをFlash8で作成し置いた。
    (2006/12/12)難易度 ★★☆☆☆
  102. 右サイドメニューに置いている「泉北近辺私的観光地図」のボタンをFlash8を使って作り直した。
    (2006/11/30)難易度 ★★☆☆☆
  103. DIY作品集のエントリーへのリンクFlashボタンを右サイドメニューに置いた。
    (2006/11/30)難易度 ★☆☆☆☆
  104. リタイア後の知人が人材バンクを通じて再就職したWeb関連会社のサイトに、AffliateBというアフリエート・パートーナーを求めてるサービスがあったので応募した。
    (2006/11/30)難易度 ★☆☆☆☆
  105. Google Maps API を使って Blog の外に「泉北近辺私的観光地図」というページを作り、Blog 右サイドメニューにリンクボタンを設置した。
    (2006/11/24)難易度 ★★☆☆☆
  106. Favicon が、IE7 でも確認できるようになった。コメント・トラックバックにも Favicon を表示するようにした。
    (2006/11/23)難易度 ★★★☆☆
  107. Google Maps API に litebox を組み合わせることができた。
    (2006/11/20)難易度 ★★★★☆
  108. 簡単なFavicon を作って設置したが、Firefox, Netscape では確認できたが、IE7では表示されない。
    (2006/11/12)難易度 ★★☆☆☆
  109. Google Maps API をなんとか「泉北の紅葉」エントリーで実験的に利用できるようになった。
    (2006/11/12)難易度 ★★★★☆
  110. 自分のホームページ作成環境を別窓で表示するボタンを「5・6年生にもわかるやさしいJavaScript」で紹介されている方法で作成した。
    (2006/11/7)難易度 ★★☆☆☆
  111. Google MAP のキャプチャーで創っていた地図は、著作権に抵触する恐れがあるので、 ZENRIN の規約に基づく地図に差し替えた。
    (2006/11/7)難易度 ★★☆☆☆
  112. ロリポップの開設5周年記念のホームページ・コンテストに応募した。
    (2006/11/3)難易度 ★☆☆☆☆
  113. このカスタマイズ履歴ページでのリスト番号を降順にする方法をサーチしてHatena::Questionで見つかったJavaScriptを導入したら上手くいった。
    (2006/11/3)難易度 ★★☆☆☆
  114. プロファイルのページを カストマイズの履歴 と同じようにテンプレートで作った。プロに描いてもらった似顔絵をこのページに貼った。
    (2006/11/1)難易度 ★★☆☆☆
  115. 著作権保護のための(保護するような著作はありませんが)Creative Commons Liscense を導入しマークを右サイドメニューに設置した。
    (2006/10/30)難易度 ★☆☆☆☆
  116. TinyMCE のインストールによって IE ででていた JavaScript エラーの原因が判明した。
    (2006/10/28)難易度 ★★★☆☆
  117. mixi に登録した。
    (2006/10/28)難易度 ★☆☆☆☆
  118. エントリー編集用のプラグイン TinyMCE をインストールした。
    (2006/10/24)難易度 ★★☆☆☆
  119. IE を6から7に upgrade した。機能には問題ないが、MT の管理画面を開くとJavaScript エラーがでる。
    (2006/10/24)難易度 ★☆☆☆☆
  120. ページ内リンクを習得した。リンクされる場所には、<a name="abc">ABC</a>とし、リンクする場所には<a href="#abc">ABC</a>とする。他のページ内へのリンクは、リンク先ページURL名の後に#abcをつければよい。HTMLの基本だと思いますが、今頃になって。
    (2006/10/21)難易度 ★☆☆☆☆
  121. BlogTemplateWindow3.3がスペック通りに動かなかったのは、BigPAPI と Transfomer との競合が原因しているようだ。H.Fujimoto さんの TransfomerTest を入れても上手くいかないので、BigPAPI の利用を止めたら上手くいった。
    (2006/10/21)難易度 ★★★☆☆
  122. lolipop やさくらネットなどで例示されているFTPソフトのFFFTPをDLし導入した。
    (2006/10/20)難易度 ★★☆☆☆
  123. いただいたトラックバックを別窓で見えるように、エントリー・テンプレートを弄った。
    (2006/10/10)難易度 ★☆☆☆☆
  124. BlogTemplateWindow3.3 がどうもスペック通りに動かないので、 native template editor に戻した。
    (2006/10/9)難易度 ★☆☆☆☆
  125. ASCII 文字のみのトラックバックをフィルタリングする(迷惑トラックバックにもフィルタリングしない)「小粋空間」さんの Movable Type プラグイン asciiTBPingfilter を導入した。
    (2006/10/8)難易度 ★☆☆☆☆
  126. FEP を使ってエントリーのHTMLコード編集を始めた。
    (2006/10/6)難易度 ★☆☆☆☆
  127. エントリーを編集するときに、エントリー編集画面の右上にある強調文字やハイパーリンク等のタグを挿入するリンクをクリックすると、ページの先頭に戻ってしまうという現象を回避するために Invalidate link of insert tag というプラグインをインストールした。
    (2006/10/6)難易度 ★☆☆☆☆
  128. BlogTemplateWindow for MT3.3 が作動するようになった。
    (2006/10/4)難易度 ★★★☆☆
  129. テンプレートを編集するプラグインのBlogTemplateWindow が上手く動いていないので、英語のサイトであるがコメントで質問した。その返事を blog にくれるというのでスパム対策で入れていた日本語の入っていないコメントは拒否するプラグインを外した。
    (2006/10/3)難易度 ★☆☆☆☆
  130. MT3.3-ja にクロスサイトスクリプティングの脆弱性があるとのことで、万が一を考え MT3.33-ja にアップグレードすることにした。
    (2006/10/2)難易度 ★★★☆☆
  131. KInari&Mayさんが提供してくれているFlash天気予報をサイドメニューに設置した。
    (2006/9/30)難易度 ★★☆☆☆
  132. Amazon おまかせリンクを元のサーチボックスに戻した。
    (2006/9/30)難易度 ★☆☆☆☆
  133. 「小粋空間」さんのBlogPeople のススメにしたがって Blogpeople に登録した。利用の仕方がよくよく分かっていないが、LinkList と ListMe を右サイドバーに置いてみた。
    (2006/9/14)難易度 ★★☆☆☆
  134. バナー広告不要・アクセス解析ツール「Research Artisan」を取り入れた。
    (2006/9/12)難易度 ★★☆☆☆
  135. Jazz Collection Listページの改良がほぼ終わった。
    (2006/8/29)難易度 ★★☆☆☆
  136. Artisan というアクセス・ログ解析を導入することにした。
    (2006/8/20)難易度 ★★☆☆☆
  137. 右サイドバーのリンクに、Jazz Collection ListページへのFlash Button を設置した。
    (2006/8/14)難易度 ★★☆☆☆
  138. まだベータ版だが Amazon おまかせリンクに変更してみた。
    (2006/8/8)難易度 ★☆☆☆☆
  139. 作者がフランス人の dewplayer という Flash MP3 Player を設置した。
    (2006/8/8)難易度 ★★☆☆☆
  140. FLASH SINGLE MP3 PLAYERという新しいMP3 Player を設置した。
    (2006/8/7)難易度 ★★☆☆☆
  141. HPのJazz Collection Listで主題となるメロディが聞こえるようにした。
    (2006/8/5)難易度 ★★★☆☆
  142. フォルダーごとサーバーにアップロードするFTPソフトとして、InternetExplorer を使うようにした。
    (2006/8/1)難易度 ★☆☆☆☆
  143. DIY作品集をLitebox-1.0を利用してテーブルで編集した。
    (2006/7/24)難易度 ★★★☆☆
  144. 新しいFlash MP3 Player Play [Tagger by del.icio.us] を見つけ導入した。
    (2006/7/20)難易度 ★★☆☆☆
  145. Flashの作成ソフト Macromedia Flash 8 Basic を泣く泣く導入した。お試し版(お試し期間が過ぎた)で自作したMP3の再生・停止ボタンは、このバージョンでないとMP3ファイルの変更ができない。
    (2006/7/19)難易度 ★★☆☆☆
  146. 藤本壱さんが「エントリーを投稿する前にプレビューする」などのプラグイン」(TagsForPreview)をMT3.3対応されたので、対応版をインストールした。
    (2006/7/11)難易度 ★★☆☆☆
  147. litebox-1.0.jsに使われているgif images(「閉じる」「NEXT」「BACK」)を新たに作成して入れ替えた。
    (2006/7/11)難易度 ★★☆☆☆
  148. lightbox.jsをlitebox-1.0.jsに変更した。スライドショウ的に画像を表示できるようになった。
    (2006/7/10)難易度 ★★★☆☆
  149. MT3.3-jaにバージョンアップに伴いScodeの表示がおかしかったが、再インストールで表示されるようになった。
    (2006/7/7)難易度 ★★★☆☆
  150. MT3.3-jaにバージョンアップした。「エントリーを投稿する前にプレビューする」などのプラグインが動いていない。
    (2006/7/7)難易度 ★★★☆☆
  151. テンプレートの編集プラグイン MTBigTemplateWindowを導入した。"What's New?"ページの編集が容易になった。
    (2006/6/6)難易度 ★★☆☆☆
  152. コメント・テキストエリアの拡大をCSSの変更とTextarea toolsというJavaScriptの導入で行った。
    (2006/6/6)難易度 ★★☆☆☆
  153. 日本語でないスパムをJunk commentにフィルタするだけでは迷惑コメントにどんどん貯まっていくので、「小粋空間」で紹介されているSCode(SecurityCode)を入れてもらう対策を行った。
    (2006/5/27)難易度 ★★★☆☆
  154. 5月26日未明から猛烈なコメントスパムの攻撃を受ける。とりあえず認証を受けた人からのコメントのみを受け付けるに変更し、スパム対策を調査した。藤本 壱さんの「日本語でないスパムをフィルタするプラグイン」を設定した。Junk commentにフィルタリングされるようになった。
    (2006/5/26)難易度 ★★☆☆☆
  155. Weblogの右サイドメニューのサーチボックスでWebとSite内検索をRadioButtonで選択できるボックスに変更した。
    (2006/5/24)難易度 ★★☆☆☆
  156. lightbox導入以前のエントリーでの写真もすべてightbox表示にした。仕事は単純だが、時間がかかる。
    (2006/5/23)難易度 ★☆☆☆☆
  157. Weblogの右サイドメニューに、Google Search BOXをGoogleから提供されたコードを少しmodifyして設置した。
    (2006/5/21)難易度 ★☆☆☆☆
  158. 初めての人からTrackBack(TB)をいただいたので、今まで未整理だった右サイドメニューのTB表示を「最新の投稿」のように体裁を整えた。
    (2006/5/20)難易度 ★☆☆☆☆
  159. 梅田望夫さんの「ウェブ進化論」に感化されて、Google AdSenseに登録し右サイドメニューに掲載した。ついでに、メニューの順序を少し変更した。
    (2006/5/18)難易度 ★★☆☆☆
  160. lightboxの新バージョンが発表されているのでインストールを試みたが上手くいかなかった。
    難易度 ★★★★★
    元のバージョンがmodifyされているのでこれを導入した。
    (2006/5/11)難易度 ★★☆☆☆
  161. カテゴリー別の投稿の個々に投稿日付をつけた。ついでに、最近の投稿の日付表示を変更した。
    (2006/5/10) 難易度 ★★☆☆☆
  162. ホームページの左フレームに、blogへのボタン(隠居部屋)を設置した。
    (2006/5/4)難易度 ★☆☆☆☆
  163. 自作の音声再生・停止Flashボタンを利用して、HPのmusicサイトでのJazzを私のfavorite artistの一人であるEdomondo HallSweet Georgia Brownに変更した。
    (2006/5/3) 難易度 ★★☆☆☆
  164. 自ら録音したMP3音声を再生・停止するFlashボタンを配置した。
    (2006/4/23)難易度 ★★★★☆
  165. 各テンプレートの右サイドメニューを統一した。
    (2006/4/23) 難易度 ★☆☆☆☆
  166. HomePage(スタートページ)のGardeningページからhi-ho花の写真集へのリンクをすべてFlashAlbumに切り替えた。
    (2006/4/23) 難易度 ★★☆☆☆
  167. 画面上での録音再生を地図上のFlash fileで実現した。
    難易度 (2006/4/20) ★★★☆☆
  168. 新しいrecorder EDIROL R-1で小鳥の鳴き声を録音し、MTで再生するようにした。
    (2006/4/18) 難易度 ★★★☆☆
  169. hi-hoのアルバムサービスが閉鎖されるので、そこに収載していた花の写真集Flash AlbumにしてMT Weblogに移転した。
    (2006/4/11) 難易度 ★★☆☆☆
  170. IT関連用語表示のe-Words表示を「小粋空間」のカスタマイズに変更した。
    (2006/4/6)難易度 ★★☆☆☆
  171. What Is New? のエントリーを個別エントリーではなくテンプレートにした。
    (2006/4/5) 難易度 ★★☆☆☆
  172. 右サイドメニューのタイトルに、折りたたみマーク(▼△)をつけた。
    (2006/4/1) 難易度 ★★☆☆☆
  173. コメント投稿時に、HTMLタグが使いやすいようにタグマークをコメントフォームに設置した。
    (2006/4/1)難易度 ★★☆☆☆
  174. Weblogの背景画像をイペ材の木目と色調にしたことに伴い、「小粋空間」テンプレートで使っているCSS(Cascade Styles Sheet)を見直した。
    (2006/3/31) 難易度 ★★☆☆☆
  175. 「MTでつくる!最強ブログサイト」に紹介されていたカスタマイズを参考に、MTの個別エントリー表示ページとカテゴリ別表示ページに、e-Words IT用語検索を設置した。
    (2006/3/25) 難易度 ★★☆☆☆
  176. 「小粋空間」のサイドメニュー折りたたみを使わせてもらって、サイドメニューを折りたたみにした。
    (2006/3/24) 難易度 ★★★☆☆  
  177. RSS(Really Simple Syndication)リーダーとして、gooリーダーを設置した。
    (2006/3/21) 難易度 ★☆☆☆☆
  178. 各テンプレート(個別エントリーを除く)で、permalinkの表示を殺していたので、これを復活した。
    (2006/3/21) 難易度 ★☆☆☆☆
  179. アーカイブページ(archives.html)の表示がおかしかった(「小粋空間」ではテンプレートは提供されていない)ので、htmlそのものを少し弄ってなんとか見られるようにした。
    (2006/3/21) 難易度 ★★☆☆☆
  180. フリーで使わせてもらっているGoogleローカルの地図kingさんのアイコン・サイトへのbannerを設置した。ついでに、各テンプレートのクレジットバナー部分をphpモジュール化した。
    (2006/3/19) 難易度 ★☆☆☆☆
  181. ホームページで引用させて頂いている金井 壽宏先生の書籍「組織を動かす最強のマネジメント心理学」をamazon.co.jpで購入できるように、ブログにエントリを作った。
    (2006/3/19)難易度 ★★☆☆☆
  182. お遊び半分で、amazon.co.jpのアフリエートに登録してみた。OKが出たので、MT各テンプレートの右サイドに商品検索バナーを設置した。
    (2006/3/17) 難易度 ★☆☆☆☆
  183. 「小粋空間」に、私のエントリー(隣の花は紅い)が取り上げられた。Lightboxで画像を表示するときに、Flashを背面に隠すことが珍しかったらしい。名誉なことです。
  184. lightboxを応用して、地図上のポイント・アイコンをクリックすると画面が現れるような実験エントリーを投稿した。難易度 ★★★☆☆  (2006/3/16)
  185. サムネールをクリックすると同一ウィンドウ上(別画面でなく)に画像を表示するためのLightBox JSというカスタマイズを実施した。難易度★★★☆☆ (2006/3/12)
  186. Weblogのタイトル・バナーをFlashに変更した。(2006/3/8)
  187. エントリー用クライアントツール BlogWriteを導入した。
  188. MovableType(MT)の各テンプレート・タイトル部分を少し弄って、色をHPのタイトルと同色に変えた。(2006/3/7)
  189. MovableTypeのエントリー本文に、ボタンを置き、ボタンにカーソルを当てるとPasswordなど必要な語句がでるようにした。また、クリックするとリンク先にジャンプするようにした。
  190. Weblog ページの背景色を「小粋空間」さんのカストマイズを借りて、少し色を付けた。ついでに、横長カレンダーの背景色も同じにした。(2006/3/3)
  191. Weblog MainPageの右サイドバートップに、What's New? Flashボタンを設定した。(2006/3/3)
  192. hi-hoが運営するみんなの写真くらぶが5月で閉鎖されるので、Nikonが運営するOnlineAlbumへ移設することにした。HPからリンクしていた写真集を順次移す。(2006/3/3)
  193. SOTHINK SWF Quickerで創ったFlash MovieボタンをMTに持ち込んでみた。(2006/3/2)
  194. 鹿児島へ旅行したときに、知覧の武家屋敷跡で撮った花の写真などをFlash Albumにつくり、リンクした。(2006/3/2)
  195. 閲覧してもらった友人に指摘を受けて、コメント保留・エラー・受付の各テンプレートを「小粋空間」のテンプレートで設定した。自分宛にコメントを出すことはないので気づかなかった。(2006/3/2)
  196. 2月末に、鹿児島に旅行した。その時の記録を写真日記風に掲載した。(2006/3/1)
  197. Movable TypeでのWeblogのカレンダーを横長表示に変えました。Kinarie&Mayさんの作品を使わせてもらっている。(2006/2/23)
  198. Weblogの表示に、パンくずリストを置きたくて、その前提となるMTのphpモジュール化をしました。悪戦苦闘したが、どうやらどちらも形になった。(2006/2/21)
  199. 藤本壱さんの参考書にある「リンクの挿入をより便利にする」プラグインを導入した。表示には現れないがが、投稿原稿作成時のリンク挿入が楽になりそうです。(2006/1/17)
  200. MUSIC PageのFlashJazzをElla FitzgeraldMack The Knifeに変更した。(2006/2/17)
  201. eonet CGIで設置していたHomePageの作者への送信フォーム をlolipopの送信フォームに変えた。こちらの方が細かい設定がでるが、著作権のためにlogoを消すことはできないようです。(2006/2/14)
  202. インターネット接続先である光のeonetに置いてあった私のHomePageを独自ドメインに移設した。 eonet CGIのカウンターだけlolipopのものに変更した。(2006/2/13)
  203. 藤本 壱さんのカスタマイズを参考に、サイドメニューの月別アーカイブをセレクト表示に変えた。(2006/2/13)
  204. カテゴリーの階層化ついでに、並べる順序を私のHPと同じように変えた。これは、藤本 壱さんのプラグインを参考にさせて頂いた。思っていたよりすんなりといった。
  205. カテゴリーの階層化およびツリー表示を「小粋空間」のサイトなどを参考にカストマイズした。少しずつ形が整ってきた。DIYと同じように、何かができていくことは楽しいです。(2006/2/12 13:30)
  206. MT Weblogのメインページでの本文表示は、最近投稿した5エントリーにとどめ、その後にそれに続く15エントリーの概要を付けた。藤本 壱さんの参考書から引用したものを少し弄りった。(2006/2/11)
  207. LivedoorのBlogコンテンツをすべてn-shuhei.netに移設した。LivedoorのBlogは、本日(2006/2/10)かぎりで閉鎖することにした。 2GBフリーのスペースは魅力的であったが、今の情勢ではどこまで続くか疑問です。
  208. eatsさんに教えてもらって、MTのDBをSQLiteに変換した。今のところ500Errorは出なくて快適に再構築できている。Ogawa::MemorandamのサイトからDLした、mt-db-convert.cgi を使った。(2006/2/10)
  209. 下書きの時点でpreviewできるH.Fujimotoさんのplugin TagForPreviewをようやくのことインストールした。Livedoorのコンテンツをlolipop MovableTypeに移行するのが随分楽になった。(2006/2/7)
  210. MovableTypeの見栄えを考えて、pluginを持ち込むなど知識もないのに弄っていたら、Databaseを壊してしまったようです。泣く泣く再インストールした。(2006/2/5)
  211. What's New?のページを Atelier Shuhei's Weblogのこのエントリーに移行した。(2006/2/4)
  212. Livedoorでのblogページを新たにレンタルした lolipopにMovableTypeで設置したblogページ に移行中です。
  213. MUSICページでのJazzを Edmond HallのAs Long As I Live にした。(2006/1/22)
  214. NATUREのページ にFlash Movieを置いた。
  215. What's NewのボタンをFlashに変更した。(2006/1/15)
  216. 家内のガーデニング教室での作品を Flashアルバム で掲載した。(2006/1/5)
  217. Jazz Collectionのリスト を更新した。(2006/1/8)
  218. HOMEページにstaffonlyボタンを設け、家族用のalbumにリンクした。入室にはパスワードが必要です。(2006/1/4)

2008年3月31日

隠居の JavaScript :番号付きリストを降順にする。(追記)

 W3Schools JavaScript Tutorial の Loop の項まで学習して、Customaize History 履歴ページでのリスト番号を降順にする方法に使っている Expert が書いた次の JavaScript が少し理解できるようになったので、私の理解できた範囲でコメント文に記した。
<!--list descend-->
<script>
var o = document.getElementById("hoge");
//getElementById メソッドは指定ID(この場合:"hoge")のエレメント(この場合<ol>を指定する。
//"hoge"は、HTMLの<ol id="hoge"> というように指定している。
var max = o.childNodes.length;
//<ol id="hoge"> 要素内の子ノード(この場合、<li>..</li>)の数を変数 max に与える。参考:AllAbout JavaScript
for(var i = 0;i < max;i ++)
//隠居のお勉強:for loop の例
{
o.childNodes[i].value = max - i;
//子ノード<li>の i 番目に、(最大番号- i )を代入する。結果は、番号が降順になる。
}
</script> 


 なお、 Customaize History 履歴ページの番号降順設定は、上の JavaScript でInternetExplorer(IE) では上手くいっていたが、Mojilla 系の Firefox Netscape では番号が倍になり、原因が突き止められないまま放ってあった。
 今回改めて "childNodes.length" でネットサーチしてみると答えがあった。thescript.com というサイトのフォーラムによると、どうやら Mojilla 系では、 whitespace (空白スペース)をカウントの対象に入れるらしいことが分かった。
 そこで、Customaize History 履歴ページ(MovableType のインデックス・テンプレートで作成している)の編集画面で編集しやすくするために入れていた </li>....<li> の間の空白スペースを削除すると、Mojilla 系でも IE と同じように、綺麗な降順番号を表示するようになった。<li>..</li> のタグ・セット間に必ず空白スペースが入っていたので、偶然数字が倍の偶数になっていたらしい。

 この世界、学習すべきことは五万とある。死ぬまで退屈することはないだろう。

2007年7月23日

国産ブラウザ:Sleipnir

クリックすると大きくなります  隠居のPC:インターネット・エクスプローラが起動しなくなったで、IEの不具合をエントリーしたところ、ML仲間の友人から Sleipnir を紹介された。なんと国産で大阪に本拠を置くフェンリル株式会社が開発し、無料で公開している。
 私のブログにアクセスしてもらっている人たちの使用ブラウザをアクセス解析ソフト Artizan で見ると右のスクリーンショットのようにやはり IE が圧倒的に多く、2番目に Firefox が多い。この Sleipnir は見あたらない。だが、このソフトがなかなか優秀で、使い始めてまだ間もないので持っている機能が十分に理解できていないが、見た目も機能も IE7 や Firefox とほぼ同じで安定性はよくレスポンスも早い。
 このソフトを紹介してくれた友人は、以前にもメールソフトの Becky! や Sound 編集ソフト SoundEngine を教えてくれた。それぞれのソフトは気にいってずっと使い続けている。ソフトを評価する眼は確かである。ありがとうございます。

2007年7月14日

隠居のPC:インターネット・エクスプローラが起動しなくなった

 インターネットが生活のインフラになってしまっている。友達・知人との連絡は専らインターネット・メールだし、探しに行くのが邪魔くさい商品を買うのは楽天などのウエッブショップである。本やCDも Amazon で注文すると大抵は翌日に届く。デジカメでとった写真のDPEもインターネットで頼む。銀行の振り込みも、わずかながら運用している株式の売買もパソコンの画面でできてしまう。BGMは WebRadio である。(自分で broadcast している人は少ないと思うが。) なんと言っても、何か調べものをするときは、必ずPCの前に座っている。インターネットはバーチャルの巨大な百科事典である。こんな生活では、インターネットに繋がらない状況になると水道がでないと同じようにパニックになる。
 3台あったパソコンのうち1台は娘が一人住まいするときに持って行ったので、現在2台のデスクトップパソコンが家庭内LANでつながって使っている。1台は、2Fの寝室兼書斎で自作パソコンを自分専用に使っている。もう1台は階下の居間に置いていて、家内も使っている。この居間のパソコンの InternetExplorer が立ち上がらなくなってしまった。IE6 から IE7 へバージョンアップなどを繰り返しているうちに
問題が発生したため、Internet Explorer を終了します。ご不便をおかけして申し訳ありません。 

のポップアップ画面が出て、 InternetExplorer が使えなくなった。幸い、Firefox もインストールしていたので、インターネットの利用はできた。(パソコンが1台しかなく InternetExplorer だけで インターネットを利用している人には、もし InternetExplorer が立ち上がらなくなるとインターネットでの作業はできなくなるので、 InternetExplorer 以外のブラウザーFirefoxなどをインストールしておくのはお勧めである。)インターネットには繋がるが、 InternetExplorer が立ち上がらないと上手く動作しないアプリケーションが多くある。WindowsがOSのパソコンなら、 InternetExplorer が立ち上がっていることは当たり前のことのようである。
 以下は回復したときの備忘録である。

続きを読む "隠居のPC:インターネット・エクスプローラが起動しなくなった"

2007年6月18日

デジタル写真の白い点々

クリックすると大きな写真になりますクリックすると大きな写真になりますクリックすると大きな写真になります 先のエントリー隠居の庭:夏の花7題で掲載した写真をよく見て欲しいが、拡大すると写真の中に白いゴミのような点々が現れる。レンズについた埃かもしれないと思っていたが、カメラマニアの友人のコメントではレンズについたゴミでは現れ方が異なるとのことである。気になるので、オリジナルやブログにアップした元の写真を再度確認してみると白いゴミのような点々はない。では、ブログにアップした時点で何らかのノイズが入るのかと、このエントリーで全く同じ写真をアップしてみると白いゴミのような点々は現れないではないか。Webでサーチしてみても的確な答えは見つからなかった。奇怪である。どなたか原因をご存知の方は指摘して欲しい。

続きを読む "デジタル写真の白い点々"

2006年12月11日

隠居のFlash:&lt;object&gt; と&lt;embed&gt;

 先日来、右サイドメニューに Flash リンクボタンを置くことを試みている。Flash8 Basic で、日本語表示のFlash リンクボタン・ファイル(xxx.swf)をいくつか作って設置してみる作業である。この作業の中で、エキスパートの方なら常識と思うが、初心者には新たな発見があったので備忘録的に書き留めておくことにした。
 メインページおよびエントリー・カテゴリー・日付各アーカイブのテンプレートでは、リンク用のテンプレートを別に作って readfile している。このリンク用テンプレートでの flash file の設置するためのコードは、引用のように、Flash のエキスパートが提供してくれているものをコピペし、 flash file のありかなどを指示するなどの必要箇所を訂正して使っている。
<!--泉北近辺私的観光地図-->
<span align="left"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="120" height="30"> <param name="movie" value="http://xxxxxxxxxx/xxxxx/map_03.swf" /> <param name="quality" value="high" />
<!-- LiteboxでFlash を隠す -->
<param name="wmode" value="transparent" />
<embed src="http://xxxxxxxxxx/xxxxx/map_03.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" width="120" height="30"></embed></object></span>

   この HTML には、<object>と<embed>という同じようなタグが使われている。この経緯については、高橋 登史朗さんのAllAboutの解説に詳しい。この解説でも分かるように、ブラウザーによって表示が変わる。私の場合、主として編集は Firefox2.0 を使い、サイトの確認は使用している人が多い IE7 で行う。この確認作業で、Firefox と IE では表示が異なることに気が付いた。<object>と<embed>タグ部分で同じような名前の swf ファイルを使っていて分かったのであるが、 IE7 では<object>タグでのファイルが使われ、Firefox2.0では<embed>タグでのファイルが使われる。Netscape でも<embed>タグでのファイルが使われるようである。
 どちらのタグ部分でも同じファイル名にするのは当たり前の話であるが。

2006年11月23日

favicon の設置

 11月12日に、私のサイトの簡単な favicon(Favorite Icon) を作成して設置した。イニシャルを組み合わせただけの簡単なアイコンである。このときは Firefox では表示の確認ができたが、InternetExplorer 7(IE7)では表示されなかった。急ぐことでもないので放ってあったが、少し時間ができたのでサーチしてみると favicon を web で使える形式(.ico)に変換してくれる英語のサイトに、ズバリのQ&Aがあった。どうやら、キャッシュをいったんクリアにしなければならないようだ。IE7の「ツール」→「閲覧の履歴の削除」→「ファイルの削除」「履歴の削除」だけではうまくいかず、「ツール」→「インターネットオプション」→「全般」タブ→「閲覧の履歴」→「設定」で「インターネット一時ファイル」を「Webサイトを表示するたびに確認する」を選択すると「タブブラウザー」にも favicon が表示されるようになった。16X16pixの中に表示しなければならないので、凝ったものを作るのは難しいが。
 IE7での表示がうまくいったので、私のサイトにコメントやトラックバックをいただく人にはいまのところ favicon を設置されている方はいないのであるが、ついでに「小粋空間」さんで紹介されている<Faviconをコメント・トラックバックに表示する>をトライした。紹介されているプラグインのリリース元 gemal.dk:Favicon Pluginでは、「小粋空間」さんがインストールされた以降、 Version Up されており現在は Version 1.4 Works with Movable Type 3.3x となっている。 Version Up されているので「小粋空間」さんで紹介されている方法通りにはいかないが、することはほぼ同じである。異なるのは、DLした favicon.zip を解凍してできる Favicon というフォルダーを /mt/cgi/plugin にフォルダーごとアップロードすることである。管理画面のプラグイン Favicon の起動でエラーがでるが、自らのコメントやトラックバックで試してみるとうまくいっているようである。エラーの原因をもう少し調査してみたい。また宿題ができた。  

続きを読む "favicon の設置"

2006年11月17日

道東ドライブ:Google Maps API Traial_3

 エントリー<秋の網走・知床・阿寒・摩周・屈斜路湖:レンタカードライブ>では、 ZENRIN の地図をキャプチャーしたものを使った。内容を同じにして、地図を Google Maps API に変更した。地図の右サイドの地名をクリックすると該当する場所のマーカーに吹き出しが出て、その中のリンクをクリックすると写真が出るようになっている。その他、拡大・縮小、ドラッグしての移動、航空写真にするなど Google Map の機能はそのまま使える。この Google Maps API 導入には、いささかの学習を必要としたので、私のような初心者向けに学習体験を地図の下に備忘録的に記したい。

 前のエントリー<泉北近辺私的観光地図:Google Maps API Trial_2>と異なる点は、地図の右サイドに地名を並べ、それをクリックすると目的とする地点のマーカーに飛ぶようにしたことである。この API の題材は、前のエントリーでも紹介した Google Maps API Tutorial からいただいたものである。前のエントリーでは、sample のソースコードをコピペし、Google Maps API キーを自分用に変えたり、data を変更するだけで上手く導入することができた。
 今回いただいた sample (Part 3) は、 xml ファイルを使うことになっている。今回も xml ファイルをコピペしたらいいと思っていたが、そうは単純にいかなかった。コピペだけで上手くいかないとなると基礎知識が希薄であるから、どこをさわったらいいのか見当がつかない。 IE7の問題なのかなどと勘ぐったが、Firefoxでも上手くいかない。Firefox では、 以下のようなメッセージが出る。
この XML ファイルにはスタイル情報が関連づけられていないようです。以下にドキュメントツリーを表示します。

 IEでも似たようなメッセージがたびたびでる。 Ajax を良く理解していないと思い調査したが、Ajax についてのサイトはちょっと高度で敷居が高い。が、そんなに高度の問題でもないようだ。どうやら xml ファイルへの理解が少ないことが原因らしいと思われたので、基礎から学習することにした。xml を教えてくれるサイトは「たのしいXML」のような日本語のサイトがあるがもうひとつピンとこない。Google で "xml tutorial" でサーチしてみると英語の世界にに基本から教えてくれるサイトがあった。W3 Schools である。このサイトのXML Tutorial を最初から読んでいくと優しい英語で非常に分かりやすい。XML Basic の9講座あたりに、自分で作った xml ファイルをファイルの中身をコピペするのとファイル名を入れて、それぞれ validate する個所がある。ファイルの中身のコピペではエラーを起こさなかったが、ファイル名をいれると何の表示もない。Note: をみるとどうやらクロスドメインの問題らしい。ここからヒントをもらい今まで、Dreamweaver を使ってPC のC:ディレクトリーに JavaScript を置き、呼んでくる xml ファイルをレンタルサーバー上に置いていたので上手くいかなかったようだ。JavaScript を含んだHTMLファイルもサーバー上に置いたら、望む結果が得られた。JavaScript に xml ファイルをよんでくるには、同じドメインでないと駄目のようである。 目的としていることができたのでxml の学習は中断してしまったが、機会を見て続きを勉強したい。
 Google Maps API には、ルートに色を付ける方法も用意されているようなので再度挑戦してみたい。
 なお、xml ファイルのデータとして書き込む地点の経度・緯度を得るには、Google Map で望む地点をダブルクリックして、右上のメールをクリックすると送信フォームの中に数字が示されるので、それをコピペすれば楽である。正確性を期するならば、国土地理院の「ウオッ地図」で目的地点の経度・緯度が求められるが、度以下の少数部分は計算が必要である。
 Google Maps API に取り組んでから、アルツハイマーになりつつある頭脳弱体化防止には少し役立ったかもしれない。

2006年11月11日

IE7の不具合:起動しない

 Internet Explorer を6(IE6)から7(IE7)にアップグレードするときに起こった不具合を備忘録的に書き留めておく。
 IE7のインストールは難なくできたが、いざ立ち上げてみるとタブが「接続中」という表示がでたまま、スタートページにしているGoogleに全くつながらない。フリーズしているようでもない。「Windows タスク・マネージャー」で様子を見てみるとCPU使用率はほとんど 0% を指している。やむなく、プロセス・タブで iexplore.exe をプロセス終了にしてIE7の立ち上げを断念し、アンインストールした。(IE6 と違って、IE7 は 「プログラムの変更・削除」に Windows Internet Explorer 7 とでている。) 同じ家庭内LANにつながっている他のPCではうまく動いているのに、このメインのPCがおかしい。
 IE6 や Firefox でGoogleを使ってIE7 と Google の相性などいろいろの検索では的確な解答が見いだせていなかったが、今朝、”Internet Explorer 7 不具合”で検索してみるとほぼ解答と思われるのページが見つかった。
IE 6 のインターネットオプション”詳細設定”、”アドオンの管理”にて全ての設定を出荷時状態にリセットしておくことが IE 7 インストール前に行う最重要事項となります。

 ということで「インターネットオプション”詳細設定”」を詳細設定を元に戻すボタンで初期設定してから、再インストールするとうまく動くようになった。インターネットの検索サイトがなければ手も足も出ないところである。ありがたいことです。

2006年11月 3日

番号リストで番号を降順にする方法は?

 自分のWeblogを中心とするホームページに手を加えた事項を備忘録的に書き留めて、カストマイズ履歴のページをテンプレートとして作成している。カストマイズした項目のリストは新しいカストマイズが一番上にきているが、リストの番号は一番最新のものが常に1番であった。この番号はできれば最新のカストマイズが何番目のカストマイズかを示したいので、番号は降順にして1番目にしたカストマイズは1番にしたい。HTMLのコードでは、HTML4.01の仕様書でもそのような方法は記載されていないらしく、HTMLコードではどうも駄目らしい。Googleで「HTML 降順 リスト ol li」でサーチすると、人力検索?Hatena::Qustionで「HTML番号リストで番号を逆順にする方法は?」という質問があり、その回答に andi さんという方が JavaScript での解決を提示されておられる。この JavaScript をいただいて、カストマイズ履歴テンプレートに貼り付けてみると希望通りの表示になった。ただし、このJavaScriptは、</ol> の後に貼り付けると上手くいくようだ。なお、<ol> は下のScript 似合わせて <ol id=hoge> とValue属性が必要である。 ちなみに、この JavaScript は以下の通りである。
<script>
var o = document.getElementById("hoge");
var max = o.childNodes.length;
for(var i = 0;i < max;i ++){
o.childNodes[i].value = max - i;
}
</script>

続きを読む "番号リストで番号を降順にする方法は?"

2006年10月23日

TinyMCE for MT3.3 をインストール

 MT3.33-jaにしてから、今まで使用してきた BigPAPI 関連のPlugins(例えば、BigTemplateWindow など)が上手く動かないようになった。BigPAPI と Transformer との競合らしい。これを避けるために、H.Fujimoto さんの TransformerTest をインストールしてみたが効果はなかった。一番使いたかった BigTemplateWindow は、MT3.3 用のバージョンになってから BigPAPI を利用しないに設定しないと動かないから、この際 BigPAPI とはさよならすることにした。
  TinyMCE も BigPAPI が必要のない MT3.3 用がでたようなのでインストールしてみた。 インストールの方法は、公式サイトに詳しく出ている。この Plugin をダウンロードして、readme.txt を読んでみると Internet Explorer 6 では動作するが使用できない機能も多数あると書いてあるので、IE7 をインストールすることにした。インストールしてみるとIE7 のせいか、TinyMCE のせいかどちらかか分からないが動きが非常に遅い。 readme.txt のPCスペックの項には、XP P4 とともに RAM 512MB 以上とある。組み立てた時には早かった自作の PC も今や最低のラインになっているらしい。奮発して、メモリーを購入することにした。パソコンの部品店にいってみると、私の自作 PC はもはや古い型のマザーボード(P4PE)なのでそれに合うメモリーも今やほとんどないらしい。ようやくのこと、「これならいけるでしょう」という 1GB のメモリーを求めて、今までのメモリー( 256MBx2 )と入れ替えた。体感的には早くなったような気がしている。
TinyMCE01.gif TinyMCE02.gif  ←左のスクリーンショットは、左側が native なエントリー編集画面である。タグ・アイコンの左端にある WYSWYG ボタンをクリックすると右のスクリーンショットのようになり、編集はしやすくなる。ただ、IE7上ではFEPなど不安定(Firefox, Netscapeでは大丈夫)なようである。使い慣れることが必要なのかもしれないが。 




続きを読む "TinyMCE for MT3.3 をインストール"

2006年3月 5日

陽気に誘われて

クリックすると大きな写真になります  2006年3月5日(日曜日)、素晴らしい晴天になった。車では5分ほどのところの荒山公園のなかに(隣接している多治速比売神社の境内かもしれない)いろいろな種類の梅が数多く植えられている。泉北ニュータウンでは、一番の梅林というより公園である。普段はただの駐車場が500円も取られるので、体のためにもと思って、30分ほどかけて歩いていった。泉北ニュータウンの泉ヶ丘地区と栂地区の間には、まだ田んぼや畑がある。畑の中の農道やあぜ道を歩くとオオイヌノフグリの小さな花が咲いていたりヒバリがないていたりしてのどかである。
 公園には我々のような熟年夫婦がやはり多いが家族連れも結構いて、梅の木の下で弁当を広げていたりしていた。この冬はやけに寒かったので、みんなこの日を待ちわびていたのかもしれない。
サンシュウノキ:クリックすると大きくなります。モチノキの実:クリックすると大きくなります。 梅の木に混じって、サンシュウノキが黄色い花、モチノキが赤い実を着けていたりした。

 撮った梅の花は、Nikon OnlineAlbumへ掲載しました。下のボタンにカーソルを当てるとPassword(ume)が出ます。(Firefox, Netscapeでは出ないようですね。)クリックするとOnlineAlbumへジャンプします。PW:ume
Nikon OnlineAlbumでのファイルは削除されています。(2007/9/30)