2010年7月 4日

隠居のブログ:アクセスカウンターを変更

 MT でブログを始めた頃、レンタルサーバーは lolipop を使っていた。容量が足りなくなってきて、2008年5月、その当時安かったディスク容量 3GB で月額 1050円の Xserverに鞍替した。(現在は、40GB 月額¥1050)
 その当時から、アクセスカウンターは lolipop のサービスを使わせてもらっていた。Xserver に変更してからも、そのカウンターは機能していたのでそのままにしていたが、先日突如カウンターが表示されなくなった。サーバーの契約はとっくに終わっているのだから文句をいう筋合いではない。それで、アクセスカウンターを変えることにした。

 Xserver にもアクセスカウンターのサービスはあるが、単純に累計を表示するだけだし、自分でデザインなどを変更できないのであまり面白くない。
 ネットでググってみるとフリーのサービスがゴマンとある。その中から、私のサイトで運営している Studio YAMAKO, Masajii's Blogに使っている Kent webカウンターを設置してみることにした。この中にある累計と昨日・今日の訪問者を表示する daycounter をインストールすることにした。このカウンターは自由度は高いが、CGI プログラムなので少し敷居が高かった。歳をとってすぐに手順を忘れるので、備忘録として記録しておきたい。詳しくは上のページ(日計カウンタの設置方法)にあるが、私がインストールした手順は次のとおりである。
  1. daycount ver. 2.7(daycount.zip) をダウンロードして、LHUT32 を使って解凍した。
  2. 解凍すると、以下のファイルが展開されるので、daycount という新しいなフォルダーを作り、そこに格納した。
     daycount.cgi
     daycount.dat
     gifcat.pl
  3. 次に、2組の0~9までのカウンタ画像(GIFファイル)を用意しなければならない。私は、上のページで紹介されている海外サイトである【Digit Mania】からいただいた。Top ページの Places To Go の一番上にある Contents をクリックするといろいろな種類のGIFファイルが表示されている。私は、Arial Italic Small を選択し、クリックするとダウンロードのページが開くので、PKZiped をクリックして zip ファイルをダウンロードした。これを解凍すると下の図の左のようなファイル名となるので、これをdaycount の仕樣に合うように、右のようなファイル名に変更する必要がある。
    gousei.JPG
    ファイル名の変更には、Renamin.exe を使って一括変更したが、もちろん1ファイルずつ名前変更してもできる。
  4. 私の場合、同じ数字GIFファイルを累計カウントにも、今日・昨日のカウントにも使ったので、gif1, gif2 というフォルダーを daycount フォルダーの下に作り、ここに先程の名前変更後の数字GIFファイルをそれぞれ収めた。
  5. 次に、daycount.cgi をエディタ(私の場合、【秀丸】)で開いて、 総カウント数の桁数 を、前のカウンタ累計数は正確に記憶していないが、35万台になっていたように思うので、6桁に変更した。Perl のパスなど他の設定は、初期値のままにした。 総カウント用GIF画像のディレクトリへのパスなどは迷ったが、初期値のままでOK だった。
  6. 前のカウンタ累計数を引き継ぐために、正確ではないが、Xserver のカウンターで示していた 360625 から始めることにした。この設定は、daycount.dat ファイルを開くと、 15<>0<>0<>0<><> となっているので、15<>0<>0<>360625<><> とすればよい。
  7. このように設定した daycount ローカルフォルダを、FTP ソフト(私の場合、FFFTP )で、/public_html の下に、アップロードした。
    daycount フォルダーの置き場所を間違って気づくのにずいぶん時間がかかった。私の場合、同じドメインに3つのMT ブログを設置しているのだが、今回カウンターの設置はそのうちのひとつだったので、そのサイトのルートに置けばよいと早合点してしまっていた。
  8. アップロードして、各ファイルのパーミッション(FFFTP では属性)を、Xserver の場合、
     daycount.cgi 【705】
     daycount.dat 【606】
     gifcat.pl 【604】
    とした。
  9. ここまで設定すると、cgi が正常に動くかをチェックできる。ブラウザのURL欄に、http://..(略)../daycount.cgi?check というように check という引数を付けて daycount.cgi を起動してみて、正常に動けば次のような画面が表示される。
    cgi_check.JPG
  10. あとは、カウントしてもらうサイトのホームページに、元のコードを少しいじって、次のようなHTMLコード を貼りつけた。私のブログの場合(MT4 小粋空間のテンプレート使用)、テンプレートモジュールのサイドバーテンプレートに貼り付けている。
    <!-- Kent Counter -->
    <table>
    <tr><td>累計: </td><td><table border=1><tr>
          <td><img src="http://n-shuhei.net/daycount/daycount.cgi?gif"></td>
        </tr></table>
      </td></tr>
    </table>
    本日:<img src="http://n-shuhei.net/daycount/daycount.cgi?today">  昨日:<img src="http://n-shuhei.net/daycount/daycount.cgi?yes">
    


 この日計カウンタは、複数ページに設置することはできないので、Studio YAMAKO, Masajii's Blogとは、従来どおりの dream counter で続けたい。
 アクセス解析については、Reasearch Artisan Lite を導入している。この解析結果ログをうまく処理すれば、アクセスカウンターを表示できるはずであるが、これを実施するには相当な学習とそのための時間が必要である。古希が近づいた老人にはいささか辛い。

2010年4月17日

隠居のパソコン備忘録:アクセス解析サービス(Research Artisan Lite) の導入について(続)

 フリーのアクセス解析サービスResearch Artisan(RA) が5月の下旬で終了になること、「リサーチアルチザンライト(Research Artisan Lite) (RAL)」というソフトがオープンソースとして提供されており、それの導入に挑戦をしてみたことを前回のエントリーで書いた。

 RAのサービスで便利だったのは「メール送信」というサービスである。前日または前月あるいは選択した期間でのアクセス内容をメールで知らせてくれるサービスである。RALでも、「メール送信」を設定することができることになっている。インストール画面に、設定画面があるので、これに従えばよくて、Outlook などのメールボックス設定が自分でできる人では、それほど難しくはない。ただ、これだけでは手動で「メール送信」ができるだけである。

 例えば、毎日、前日のアクセスを翌日に定期的にメール配信する設定は、RAの場合のように簡単ではない。自動的にプログラムを実行する仕組みの cron というものを設定しなければならない。今までにやったことはない。設定の方法については、インストール・マニュアルにあるが、Web 関連の言語をある程度知っている方を対象にしてあるので、なかなか理解が難しい。この cron は、PHP というスクリプトで書くのであるが、PHP というのも Movable Type のエントリーは拡張子は php となっているがよく分かっていない。
 cron の設定は、レンタルサーバーの XSERVER に用意されている。ここでマニュアル通り設定してみたが、うまくいかない。幸い、サポート・フォーラムという掲示板があり、ここに質問を出すと、管理人の ossi さんという方がど素人の老人に丁寧に答えてくれた。私の借りているサーバー XSRVER では、PHP のバージョンが、php5 でないと駄目らしい。まず、インストールガイドの該当部分を以下のように変えた。XSERVER ではドメイン毎に PHP のバージョンを変えることができるが、これだけでは上手くいかない。
 /user/bin/php  → /user/bin/php5

 だが、エラーメッセージは出なくなったが、手動では届いているメールが、自動(cron)設定では「サイトアクセス状況」のメールが届かない。その原因は、ossi さんによれば、データベースのMySQL に、メール設定を保存するテーブル(ra_mail)にデータが保存されていないではないか(id=1で、メールアドレスのfromとto、smtpサーバーとポート番号が正しく登録されているかどうか)ということだ。指示のあったMySQL の中味を確認するソフト phpmyadmin で確認するとid の数字がおかしかった。( id の意味がよく分かっていないが)リセットの方法がよく分からなかったので、作成したばかりのデータベースを削除し、初めから作りかえた。これで、指定した時間に「サイトアクセス状況」のメールが配信されるようになった。

 この cron設定は、RAL では1週間毎の指定ができるので、これに切り替えようと思っている。5月28日までは、RARAL の二本立てがができるので、RA がなくなるまで、実験的に続けたいと思う。

 

2010年4月11日

隠居のパソコン備忘録:アクセス解析サービス(Research Artisan) の停止について


 私のサイトに訪問してくれる方々のページ毎の訪問者数やそれらの方々が使われている OS やブラウザーなどの% が分かるフリーのアクセス解析サービスResearch Artisan が、下のように5月の下旬で終了になる。Movable Type で作成しているブログを維持していく上で重宝していたので、非常に残念である。

100410_1.jpg なぜ中止するかの詳細な説明を読むと、収益がでる望みがないというのが理由らしい。
 だが、「リサーチアルチザンライト(Research Artisan Lite) 」というソフトが、2009年9月よりオープンソースとして提供されているらしい。私のような初心者ができるかどうか分からないが、インストールに挑戦してみることにした。幸い、Research Artisan Lite が使えるレンタルサーバーには、私がブログ・サイトをおいている XSERVER が、快適に動作することになっている。早速、Version 1.14 をダウンロードした。

 インストールの手順は、Research Artisan Lite - インストールマニュアルに詳しいが、私がつまづいたところを含めて備忘録的に記録しておきたい。なお、この記録は次のようなブログ環境で行った作業の備忘録である。
  • ブログ:MovableType4.1ja 同じドメインで3つのサイト(ブログ)を運営している
  • レンタルサーバー: XSERVER
  • Database: MySQL 
  • FTPソフト:FFFTP

100410_2.jpg
  1. ダウンロードした圧縮ファイルを解凍する。解凍すると右のフォルダー構成になる。
  2. この public_html の下にある ra フォルダーを 私の場合別々に解析したいサイトが3つあるので、ra_atelier, ra_masajii, ra_yamako というように、それぞれ別のフォルダーを設定した。
     FTP ソフト(私の場合:FFTP) を使って、サイトの root (私の場合:/user/public_html )にそれぞれをアップロードした。
  3. 同じように、ra_core フォルダーも root にアップロードした。このフォルダーは共通に使える。
  4. インストール時にシステムに必要な定義ファイルを自動で作成する(書き込みをする)ために、ra_xxxxx フォルダーの下にある setting フォルダーのパーミッション(属性)を 777 に変更する必要がある。インストール後は元に戻すことになっている。戻していなければ、後に Research Artisan にログインしたときに警告メッセージが表示される。なお、XSERVER では、属性を 555 に変更しないと警告は消えない。
  5. 同じように、/xxxxxxx/public_html/ra_core/application/tmp の下にある logs フォルダーのパーミッションも 777 に変更する。これは、元に戻さない。
    これで、サーバーへ Research Artisan Lite ソフトのアップロードは終わりである。
  6. 次に、Research Artisan Lite のデータベース(MySQL)を設定する。私の場合、XSERVERに設定手順があるので、それに従い、それぞれのサイト分の3つのデータベースを追加した。実のところ、サーバーにログインして、いろいろな設定を変更することはほとんどないので、このあたりがもっとも手間取る作業であった。
  7. ここまでの設定が完了すると、http://xxxxxxxxx/ra_xxxxxx/analyze/index.php というURL が設定され、それにアクセスするとインストール画面 が現れる。
     インストール後でに同じURL にアクセスすると解析サービスの画面がでて、初期のインストール画面とはならない。もし、最初からやり直す場合は、 ra_xxxxxx/setting フォルダーに作成されている install_complete (中味は空)というファイルを削除する必要がある。
  8. インストールの初期の画面では、データベース接続設定を行う。ここでよく分からなかったのはホスト名である。それぞれ以下のように設定した。
    ホスト名:localhostDefault のままでよい
    ユーザー名:xxxxxxxxx_xxxxMTのデータベース作成時に作ったユーザー名を使用
    パスワード:xxxxxxxx上のユーザ名のパスワード
    データベース名:xxxxxxx_xxxxxxxXSERVER の命名規則による
    プレフィックス:ra_Default ままでよい
  9. 上の登録が上手くいくと、解析するサイト名とURL、ログイン用のパスワードの登録画面が現れる。
    サイト名: 例えば、Atelier Shuhei どんな名前でもよい。
    URL:例えば、http://n-shuhei.net/atelier/解析タグを置くURL
    パスワード:xxxxxxx解析サービス画面にログインするPW
  10. これで上手く設定できるとページが変わって、次のような解析用タグ(HTMLコード)が表示される。携帯サイト用のタグなども表示される。
    <script type="text/javascript" src="http://n-shuhei.net/ra_atelier/script.php"></script>
    <noscript><p><img src="http://n-shuhei.net/ra_atelier/track.php" alt="" width="1" height="1" /></p></noscript>

  11.  MovableType の管理画面を開き、このそれぞれの解析用タグを各サイトのモジュール・テンプレート 「ヘッダー」の該当部分(従来のリサーチ・アルチザンのためのタグ(コード)を置いていた場所)に貼り付け保存する。
  12.  さきほどの解析用タグが表示されているページの下の方にある「ログイン」をクリックすると、アクセス解析表示画面を表示するためのパスワードが要求される。パスワードを入力すると今までとほぼ同じの解析サービス画面が現れれば、成功である。


 貼り付ける解析用タグを前のタグと相違点を見ると、今まではresearch-artisan.com が預かってくれていたログ・データなどをユーザのサーバーに移したように見える。それ以外にも相違点はあるだろうが、私の知識ではよく分からない。
 従来のサービスで提供されていた「ランキング用タグ」は、なくなっているようだ。ブログ・ページに昨日のページ別アクセス・ランキング ベスト10を表示していたが、終了後はできなくなる。
 上の作業で稼働することは確認したが、終了日時が迫ってから、切り替えようと思っている。

2010年3月21日

隠居のMT備忘録:Lightbox のカスタマイズ

Internet Explorer 8(IE8:WindowsXP)に変えてから、私が管理しているブログのうち2つのブログ(Atelier Shuhei Weblog と Studio YAMAKO) メインページで lightboxの不具合が起こった。背景が黒くならない。個別ページでは、正常に表示されている。ただ、管理している3つのブログの一つ、Masjii's Blog では上手く機能している。
今まで学習したことを調べたり、ネットでサーチしてみても原因がわからない。両者のソースコードやStylesheet を1ヶ月以上かけて仔細に調べてみたが、全く解決の糸口が見つからなかった。

 先日、Atelier Shuhei Weblog をIE8 のWindows画面を開けようとすると、次のようなエラーメッセージのポップアップ画面が出て停止した。
HTML Parsing Error: Unable to modify the parent container element before the child element is closed

 このエラーについて調べると、どうやら DOM という API に関連しているらしい。DOM については全く知識がないが、どうやらプログラムとくに JavaScript の実行順序が起因しているように思われた。
そこから類推して、Atelier Shuhei Weblog Studio YAMAKOのメインページには、JavaScript を多用した Lightbox で開く写真が沢山あるので時間がかかるのではないか、それが原因ではないかと思われた。Masjii's Blog には、写真はあまりなくテキストが中心である。

 そこで、MovableType4.2 の「ブログ記事の設定」で、表示数を 30 から 10 に変更すると、写真の背景は黒くなり正常に表示されるようになった。Masjii's Blog はもともと10 ブログ記事だけの表示になっていた。メインページの表示が10 件だけでも問題は余りないと思われる。

 懸案の問題が解消したので、解決策をネットでサーチしている中で見つけた lightbox のカスタマイズを参考にいじってみた。以前にも、画面を「閉じる」「Next」「Back」ボタンをカスタマイズしている。
 今回は、写真の台紙を従来の白から薄緑色に(それに伴って、キャプチャーの文字を白に)、背景の overlay を黒一色から模様入りの壁紙風に変えてみた。 Studio YAMAKOの背景は、蝶の柄が入った壁紙にしてみた。私のは青空である。
 三つを並べてみたい。
sample1:Atelier Shuhei Weblog sample2:Masajii's weblogsample3:Studio Yamako

2009年12月23日

隠居のMT備忘録:Google Account でコメント認証する

 Movable Type(MT)の最新バージョンは、MT5 になっている。バージョンアップに伴う煩雑さにかまけて、まだMT4.1 のまま使っている。今のところ、特段の支障はないし、MT4.25 にすると写真を拡大表示するのに多用している lightbox 2.0 が上手く動かないというトラブルも報告されている。

 私と同じように、MT を使ってブログを運営されている友人のエントリーにコメントを入れようとすると認証画面が変わっていて、Google Account でサインインできるようになっている。友人のMT は私よりバージョンは低い。何か新しいプラグインを導入したかと、それこそコメントで聞いてみたが、どうもそうではないようだ。

 ネットで調べてみると、MT4.25 になって標準で、Google 認証や mixi 認証などができる選択肢が増えているらしいが、それ以下のバージョンで動く特別なプラグインはないようだ。
 それで、私のMT4.1 でのブログでコメント認証の動きを再度調べてみると、なんと私のサイトでも、TypeKey でサインインしようとすると、screenshot のように友人と同じ認証画面がでてくることがわかった。


 これは、どうやら TypeKey の認証サービスが、TypePad Connect というコメントサービスに進化したためらしい。 TypeKey でサインインしようとするときに、http://www.typepad.com/services/signin というページにつながり、そこでいろいろな認証サービスを受けらられる仕組みがされているのである。

 このポップアップ画面のセレクトボックスで、Google を選択すると、下のように Google メールアドレスでサインインできる。これなら、コメント用だけのID を入力しなくていいので楽である。私はよく知らないが、Yahoo! や MIXI など他のID も選択できるようになっている。
 もちろん、今まで使っていた TypeKey の ID でもサインインできる。
なお、CTL キーを押しながら「サインイン」をクリックすると別のWindowタブでコメントすることができる。
GoogleAccountでの認証画面
 クラウド・コンピューティングというのであろうか、ネットのサーバー側でいろいろと処理してくれるのはいいが、知らない間に処理法が変わってくると、古い頭ではなんとなく危なっかしい気持ちになる。  

2008年11月10日

隠居のブログ備忘録:MovableType4.1 での Captcha 設定

 スパム・コメント対策のために、MovableType(MT)3.3 の時には Scode というランダムに発生させた6桁の数字をいれないとコメントできない仕様にしていた。
 MT4.1 にバージョンアップして、この Scode プラグインが使えなくなった。MT4 以降になって、Captcha がデフォールトで取り入れられたためかもしれない。

 しかし、これを機能させるためには、サーバーに Image::Magic という CGI スクリプトがインストールされている必要がある。私がブログを置いているレンタル・サーバー Xserver には当初見あたらなかったので、他のプラグイン(reCaptcha)を試してみたが上手くいかなかった。仕方なく、MovableType か TypeKey に登録してもらうことを推奨して認証できる方のみがコメントできるようにしていた。

 最近になって、ブログにあまり詳しくない友人からコメントをいただくことがでてきたので、再度MovableType 既定の Cpatcha の利用を調べてみると、Xserver に Image::Magic がインストールされていることが判明した。MT4 のガイドに従って、Captcha を active にしてみるとすんなりと機能するようになったので、手順について備忘録として記録しておきたい。

  1. 環境:Windows XP, Vista
       MovableType 4.1
       レンタル・サーバー:Xserver
       テンプレート・セット:「小粋空間」
  2. http://userdomain/cgi/mt/mt-check.cgi で、 Image::Magic がインストールされていることを確認する。
    「確認中: オプションモジュール」の項に「サーバーに Image::Magick がインストールされています(バージョン 6.0.7)。」とある。
  3. クリックすると大きくなりますNinsho_1.jpgMovableType 4 のドキュメント「コメントに CAPTCHA 認証を利用する」のガイドに従って、「ブログの設定: 登録 / 認証設定」を行う。
     右のスクリーンショットのように、該当ブログ管理画面→設定→ブログの設定→登録/認証 で「認証なしコメントにチェック」、私の場合「メールアドレスを要求」にもチェックをいれた。
    なお、MovableType または TypeKey の認証はそのままコメントが表示されるようにしている。
  4. 同じブログの設定→コメント で「コメントポリシー」→「即時公開する条件」 で「認証サービスで認証されたコメント投稿者のみ」にチェックをいれ、「表示オプション」→「CAPTCHAプロバイダ」 で「MovableType 既定」を選択している。
  5. 「テンプレートモジュール」の「コメント入力フォーム」でコメントをいただくときの注意事項をいささかくどいと思ったが、挿入した。


 MT4.1 での CAPTCHA の設定は、以上のように非常に簡単である。ネットサーチをしてみると MT4.0 ではいろいろとトラブルがあったようであるが、MT 4.1 では解消されている。先人に感謝しなければならない。

  

2008年11月 3日

隠居、MovieMaker でデジカメ AVI ファイルを編集してブログに載せてみる

 最近手にいれた Canon IXY900IS は、このごろのコンデジには普通になっている動画が撮れる機能がついている。この機能を使って簡単な動画を編集し、ブログMT4.1 にエントリーしたので記録として残しておきたい。

 メタボ管理のために最近始めた早朝ウォーキングはただ歩くだけではつまらないので、このコンデジを小さなウエストポーチに入れていき、新しい発見を記録することにした。
 泉北ニュータウンに30年以上住んでいるのに東西南北がいまだによくわからないが、自宅を中心にして、往復1時間~2時間、歩数計にして 6,000--10,000 歩ほど、なるべく車が走らない道を選んで歩くと、今まで気づかなかった新しい発見が待っている。

 川がそちらの方向に流れているので、阪神間で育った人間にはとても北とはおもえないが、今まであまり歩いたことのない北部を歩いてみることにした。ニュータウンができる前からの地元で、小さな田畑や建設会社の資材置き場や工場などが散在しているゴミゴミしているところという印象であった。それに比べれば、ニュータウンは公園・緑道が整備され草刈りや樹木の剪定など税金が沢山使われている。ちょっと本題から離れた。

 この泉北ニュータウンの北部地域には、昔からのため池がたくさんあるようだ。その中でも大きな「小田之池」に農家(?)の間の細い道を辿っていくと、なんと水鳥が群れている。 動画を試してみることにした。Canon IXY900IS を取り出し、モードダイヤルを動画に設定して、池の中央あたりに群れている水鳥にズームした。コンデジの動画撮影は、ほとんどがカメラ任せである。

 自宅PCで、動画ファイルの拡張子を確認すると AVI ファイルになっている。写真(jpg ファイル)のPCへの取り込みは、カメラ購入時に付属しているソフトは使わずに、Google の Picasa でしているが、 AVI ファイルを取り込む機能はない。そこで、「マイコンピュータ」でフォルダー表示を行い、USB接続でつないだカメラのフォルダーに表示される AVI ファイルをPC のディスクにコピーして取り込んだ。
 avi ファイルは、Windows Media Player で再生できる。ただ単純にこのファイルをブログにUPするだけではつまらないので、タイトルをつけるなどの編集をすることにした。

 「 AVI ファイルの編集」でググッて見るとたくさんヒットするが、検索結果の一番に表示される "動画編集 ソフト - k本的に無料ソフト・フリーソフト"に多くの動画ファイル編集ソフトが紹介されている。そのなかの、WindowsXP に付属するMicrosoft の「Windows ムービー メーカー」で編集することにした。この MovieMaker というソフトは、Program Files → Movie Maker フォルダーの中にある moviemk.exe を実行すれば起動できる。

 先のエントリーにも紹介した題材をもとに左のような動画を作成した経験をメモしておきたい。初めての経験なので、多分もっと良い方法があったり多彩な編集ができたりすると思うが、今後経験を積んでいけば書き加えていきたい。
 画像をクリックするとWindows Media Player が立ちあがり、ファイルがダウンロードされるはずである。ファイルは 10MB ほどあるのでダウンロードに少し時間がかかる。
 これを再生するには、Windows Media Player の「ツール」→「オプション」→「ファイルの種類」で、Windows Media ビデオファイル(wmv) にチェックが入っている必要がある。
クリックすると大きくなります
  1. moviemk.exe を実行すると右の screenshot のような画面になるので、ツールアイコンの「作業」をon状態にする。画面の下部の作業ウインドウのツールバーの右端が「ストーリーボードの表示」となっておれば、それをクリックすすると screenshot のような画面になる。この画面の上部は、新しいビデオを編集するための素材を提供し、下部はそれらを利用して新しいビデオを作成する画面と考えると分かりやすい。
  2. 上部3分割画面の左欄「ムービー作業」の 「1.ビデオの取り込み」 「ビデオの読み込み」 をクリックすると読み込むファイルを指定するポップアップ画面がでるので、デジカメからコピーしたAVI ファイルを指定し、「読み込み」ボタンを押す。読み込んだファイルは、中央の作業画面に表示される。異なるファイルを異なるフォルダーから読み込むと新しい画面に表示され、個々に異なる「コレクション」ファイルとして保存される。コレクションとは編集するためのライブラリーと考えればいいだろう。上部ツールアイコンの「コレクション」をクリックすると上部3分割画面の左欄に表示される。コレクションのひとつをクリックすれば、それに付随するファイルが上部3分割画面の中央部に表示される。なお、読み込んだファイルは「クリップ」と呼ばれる。
  3. クリックすると大きな写真になります
  4. 撮影してきたAVI ファイル(クリップ)が長かったので、半分程度をトリミングして短くすることにした。
    トリミングを行うには、作業ウインドウのツールバーの右端アイコン「タイムラインの表示」をクリックする。表示は「ストーリーボードの表示」となる。
    コレクションからトリミングするファイルを選択し、作業画面にドラッグする。
    トリミング部分はクリップの開始部分からか終了部分からかのどちらかからしか指定できない。screenshot のようなマークがでるので、トリミングする部分までドラッグする。中間をトリミングするには、はじめにクリップの分割が必要である。分割の方法については割愛するが、ヘルプを見れば分かる。
  5. クリックすると大きくなりますクリックすると大きくなります
  6. 次にクリップを連結した。クリップを連結するには、連結するクリップがあるコレクションを開き、連結するクリップを連結する位置にドラッグする。ドラッグするとストーリーボードは右の screenshot のように表示され、再生ボタンをクリックすると2つのクリップが連続して再生される。
  7. このままでは愛想がないので、タイトルや効果を入れることにした。
    1. クリックすると大きくなります画面上部のツールアイコンで「作業」を選択する。
    2. ムービー作業欄の「 2. ムービーの編集」→「タイトルまたはクレジットの作成」をクリックするとタイトルを入れる場所を聞いてくるので、この場合、「タイムラインで選択したクリップにタイトルを追加する」を選んだ。
    3. するとタイトルを入力する画面が現れるので、タイトルを入力する。
    4. クリックすると大きくなります
    5. 下の「詳細オプション」→「タイトル・アニメーションを変更する」をクリックするとタイトルの表示方法(アニメーション)やタイトルの字の大きさや色などを変更することができる。ここでは、アニメーションを変更で「新聞」を選んだ。「終了、タイトルをムービーに追加する」をクリックしてセーブするとクリップの頭に取り込まれる。アニメーション「新聞」では、字の大きさや色などを変更することはできないようだ。
    6. クリックすると大きくなります
    7. クリップのつなぎ目をすこし格好良くするには、下部のビデオ編集を「ストーリーボードの表示」にして、「作業」画面→「ムービーの編集」→「ビデオ切り替え効果の表示」をクリックすると出てくるビデオ切り替え効果から好みのものをクリップのつなぎ目にドラッグすればよい。



    8. クリックすると大きくなります
    9. 編集したムービーの最後に、撮影日・場所などを表示する画面(クレジットと言われる)を追加することができる。
      クレジットの作成は、ムービー作業欄の「 2. ムービーの編集」→「タイトルまたはクレジットの作成」をクリックすると出てくるポップアップ画面で、「ムービーの最後にクレジットを追加する。」を選択する。
      入力画面が出てくるので、表示したい情報を入力し、「終了、タイトルをムービーに追加する」をクリックしてセーブすればよい。
    10. クリックすると大きくなります
    11. BGM として何か音楽を流したい場合には、BGM にする曲(mp3でOK)を「ムービー作業」→「ビデオの取り込み」→「オーディオまたは音楽の読み込み」で表示されるポップアップ画面でファイルを指定し、「取り込み」をクリックすると、開いているコレクションに読み込まれる。
      このファイルをタイムライン画面にある「オーディオ/音楽」欄にドラッグすればよい。
      BGM とするファイルは、あらかじめ Sound Engine をつかって、ムービーの長さにトリミングしたり、フェードイン・フェードアウトをほどこしておいた。
  8. これらの作業は「プロジェクト」と呼ばれ、作業途中でも「ファイル」→「名前をつけてプロジェクトを保存」すれば、あとで続けることができる。
  9. 作成したムービーは、作業画面の「ムービーの完了」→「コンピュータに保存」でブログにアップできるファイルを保存できる。保存後のファイルの拡張子は、wmv となる。


 このエントリーを投稿するには、ずいぶん時間を要した。初めての経験を確認しながら、再度作業をし、screenshot などを用意したためである。
 このようにして記録しておかないと老人のぼけた頭ではすぐに再現できないし、記録にすることで復習することができる。

2008年10月12日

Hütte Hachi でのDIY:京壁塗りとミニデッキの作成

 パートナーと私は腕はかなり違うが、二人とも DIY が趣味である。DIY することには事欠かない山小屋Hütte Hachiでは、何か作業はしているが遊び感覚である。それでも、行き帰りのガソリン代や高速道の料金はかかるし、材料代も馬鹿にはならない。
 だから、孫のためにと大義名分のいいわけをしているのだが、家内は家を空けることには全く反対しないが、金をかけていろいろといじるのは「滅多に行かない」ことに投資?すると不評だ。今回の出費はDIY と食事の材料を合わせて、12,000円ほどだった。パートナーがいうように、1日3千円で遊ばしてもらった思えば安いものだ。

 パートナーが先週は材料不足で完成できなかった壁塗りを仕上げたいといってきたので、今回も一泊ででかけた。彼はまだ仕事をしているが、こちらはサンデー毎日である。医者にいくとか下手なゴルフに出かける以外は、いつでも OK だ。

クリックすると大きな写真になります このように技術を要するインテリア作業はパートナーの持ち分である。しっかりと養生をしてから塗っているので仕上がりが綺麗だ。腰や肩が痛いといいながら、休まずに続けている。
 昨秋、雨漏りの跡が残る天井をやり替えた和室の壁は35年前に建築した当時の安物の繊維壁だった。これに京壁(聚楽壁)に上塗りしようというのだ。材料の袋で成分をみると主成分は木粉である。トイレの壁の珪藻土塗り替えが上手くいったので、引き続いて左官作業がやりたくなったらしい。
 先週塗った壁は少し色が明るくなっているが、しっとりと落ち着いた色合いである。みすぼらしかった和室が見違えるようになった。

 パートナーが室内で作業を続けている間、私は先週やり残しになっていた入り口ポーチの塗装をした。プロにやり替えてもらった庇の木部に防腐用のオイルスティンを塗る作業である。マスキングテープなどの養生はしないから、脚立に昇って刷毛を動かすだけの作業である。私は、エクステリア作業が持ち分である。

 翌日、雨が予報されていたが、幸い小雨がパラついたりするくらいで陽が射したりする天気となったので、3年ほど前に基礎の杭(束柱)だけを立てて放ってあったミニウッドデッキ作りを再開することにした。基礎の枠(根太)を作るための材料は、そのときに購入して床下に置いていた。

クリックすると大きな写真になります 材料は、2X4, 6材やシンプソン金具・ボルトなどである。束柱の基礎は、穴を掘ってコンクリートを流し込んだもので、3年も経つと少し揺れている。作るデッキは、DIY するときの作業台ぐらいと考えているので、ぐらつくようであればあとで補修することにして、根太にする2X6材をシンプソン金具とボルトで取り付けた。水平器を使いながら作業であったが、水平を保つにはベニア板を小さく切ったようなスペーサーを挟むだけで、おおきなゆがみもなく根太を取り付けることができた。
クリックすると大きな写真になります 最終的にコースレッドで固定する前に、防腐用のオイルスティンを塗った。コースレッドやボルトで固定すると思っていた以上に強固にできあがった。
 ここまでできれば、あとは2X4材を買い求めてきて貼るだけである。木材はほとんど普通の2X4材だから、3~4 年は持ってくれればいいと思っている。


 この時期、小鳥のさえずりや虫の音は少ないが、作業をする周りには可憐な秋の野花が咲いている。花の名前をネットサーチしてみたが、野の花は沢山の種類があり判定が難しい。クリックすると大きな写真になりますクリックすると大きな写真になりますクリックすると大きな写真になりますクリックすると大きな写真になります






 (追記) 花の名前がわからない時には、K's Bookshelf 「この花の名は?掲示板」に投稿させてもらう。たいていは10分も立たないうちにどなたが教えてくれる。今回は、左端の花の名について、この掲示板の管理人である小林芳雄さん自らから早々に教えていただいた。ありがとうございました。
葉の形から「ママコノシリヌグイ」ではないかと思います。
下向きのトゲがあります。うっかり触ると、とても痛いです。
葉の付け根に茎を抱くような丸い葉(托葉といいます)があります。
「ミゾソバ」によく似ているのですが、葉は写真のような形です。比較ご検討をお願いいたします。


ハチ高原近辺私的観光地図に掲載 

  

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年9月 2日

野鳥の写真集を変更しました

 野鳥の写真サムネイルは、Kinarie&May さんの Flash MT用のフォトサムネイラーを使ってきた。このプラグインは、エントリーのカテゴリー(例えば birds )ごとに掲載されている写真をサムネイル化してくれる。

 非常に有用であるが、欠点は各エントリーに掲載されている1枚の写真かすべての写真を選択してサムネイルすることである。私のように、一つのエントリーにいろいろな写真をのせていると雑音の多い野鳥の写真サムネイルができてしまう。
 それとサムネイル化するファイルの拡張子は、小文字の jpg でなければなければならない。大文字の JPG ファイルも結構あり、修正するのは大変である。
 それで、DIY作品集のようにテーブルを利用して web page 作ることにした。

 ひとつづつのセルに写真ファイルを納めていくことは時間のかかる作業であるが、プラグインの lightbox が使えたり、録音したさえずりを再生するプレイ・ボタン を設置できたりするので自由度が高い。

 右サイドメニューに置いていた「野鳥の写真サムネイル」ボタンのリンク先を作った写真集へ付け替えた。興味のある方は、一度覗いてみてください。

 野鳥ばかり追っかけている人のブログなどに出てくる写真と比較すると余りにもお粗末であるが、それぞれの写真のリンクをたどるとその写真を撮ったTPO が分かるので懐かしい。 早い時期にデジスコの体制を整えて、もう少しましな写真集に撮りたいと思っている。