このブログを検索

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

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

2017年8月27日

隠居の散策:真夏の堺自然ふれあいの森

今年の大阪の夏は、酷暑日が続いている。お盆を過ぎると、多少秋の気配もしてくるのに、いつまでも熱帯夜の日が続く。散策するにも、日影がある場所に行きたくなる。堺自然ふれあいの森には、日があまり当たらない小さな川沿いの道があるので、行ってみた。
 日影の道に行こうと歩を進めると、枯れ葉がヒラヒラと舞うように、黒っぽい蝶が飛んで葉っぱの上に留まった。YAMAKOさんに教えていただいた蝶の名前は、クロコノマチョウだったが、"クロコノマチョウ 堺"でググってみると自分のブログがヒットした。昨年5月にやはり同じ場所あたりで撮影しているが、全く記憶になかった。
 めぼしい被写体はそれぐらいであったが、記録として残しておきたい。

;クリックすると大きな写真になります。 2017/8/22 堺自然ふれあいの森(堺市)
キタテハ
留まっているのは、食草とされるカナムグラの葉っぱだろうか。

SONY α7?+Sigma 18-300mm
300.0mm crop TV( 1/2000s f/6.7 ISO1600) EV 0
;クリックすると大きな写真になります。 2017/8/22 堺自然ふれあいの森(堺市)
クロコノマチョウ
アゲハではない、黒い翅の蝶がヒラヒラと飛んでいた。堺いきもの情報館に掲載されました。

SONY α7?+Sigma 18-300mm
75.0mm TV( 1/500s f/5.6 ISO4000) EV 0
;クリックすると大きな写真になります。 2017/8/22 堺自然ふれあいの森(堺市)
ヒメキンミズヒキ
マクロで思い切りUPで撮るのがいいのかもしれない。

RICOH GR-?
18.3mm AE( 1/50s f/3.5 ISO100) EV 0
;クリックすると大きな写真になります。 2017/8/22 堺自然ふれあいの森(堺市)
キマダラセセリ
背の高い草の上で日の当たる葉に留まった。

SONY α7?+Sigma 18-300mm
300.0mm crop TV( 1/640s f/6.3 ISO1250) EV -1.0
;クリックすると大きな写真になります。 2017/8/22 堺自然ふれあいの森(堺市)
ツユクサ
青い部分は苞(ホウ)別名帽子花は、苞の形から来ている。

SONY α7?+Sigma 18-300mm
180.0mm crop TV( 1/800s f/6.3 ISO400) EV -1.0
;クリックすると大きな写真になります。 2017/8/22 堺自然ふれあいの森(堺市)
ヘクソカズラ
花を水に浮かべたかたちから「さおとめばな(早乙女花)」、花の真ん中がお灸のあとに似ていることから「やいとばな(灸花)」とも呼ばれます。とボタニックガーデンにはある。

RICOH GR-?
18.3mm AE( 1/80s f/4.0 ISO100) EV 0
;クリックすると大きな写真になります。 2017/8/22 堺自然ふれあいの森(堺市)
センニンソウ
「ぼたんづる」と同じく「クレマチス」の仲間ですが、葉は羽状複葉で鋸歯がないのが特徴です。花弁のように見えるのは萼片です。とボタニックガーデンにはある。

RICOH GR-?
18.3mm AE( 1/80s f/4.0 ISO100) EV 0
;クリックすると大きな写真になります。 2017/8/22 堺自然ふれあいの森(堺市)
ヤブヘビイチゴの花
花期は、図鑑では4-6月となっているが・・・。

RICOH GR-?
18.3mm AE( 1/45s f/3.2 ISO100) EV 0


 

2009年12月10日

隠居のパソコン備忘録:送信先リンクでGmail を使用する

 ブログの中に送信先のボタンを表示して、それをクリックすれば、直接メールをしてもらうことができる。このリンクをブログに書くHTML コードは、例えば私の場合 
<a href="mailto:n_shuhei.net@n-shuhei.net"> n_shuhei へメールする</a> 
 となる。

 多くの方々がインターネットのブラウザは、 Internet Explorer を使い、メールは、outlook express を使用されている。そのような場合、このメール送信ボタンをクリックすると、下のスクリーンショットのように、outlook express の送信画面となり、宛先欄に例えば私のアドレスが記入されている。
view_OE.JPG


 ただ、これで全く問題はないのであるが、最近は 便利さから Gmail を使っておられる方が結構おられる。 Gmail を普段使っていると送信記録もそこに残されるから、このような場合も Gmail から発信された方が好ましい。
 WindowsXP で Internet Explorer 環境では、普段使う電子メールプログラムは、「ツール」→「インターネットオプション」→「プログラム」→「電子メール」に表示されている。ただし、Gmail は、Yahoo メールなどと同じように、web メールであるので、普段使っていても、ここには表示されない。
 そこで、 Gmail から発信できる方法をネットサーチしてみた。設定の方法は簡単であるが、設定する場所を見つけるのが難しかったので、備忘録的に記録しておきたい。
Gmail を利用されている方なら、Google 本体はインストールされているはずである。その場合、 Internet Explorer の表示で、一般的には下のスクリーンショットのように、 Google Toolbar が表示されている。表示されていない場合は、「表示」→「ツールバー」→「Google toolbar」をクリックすれば表示される。
toolbar_IE7_s.JPG


このツールバーの右の方にあるtool_google.JPGマークをクリックすると出てくるポップアップ画面で「検索」を選択し、「ウェブ閲覧ツール」で「送信先リンクで Gmail を使用する」にチェックを入れておけば、送信先ボタンをクリックしたときに下のスクリーンショットのように Gmail の送信画面が立ち上がる。
view_google.JPG


2009年5月 8日

隠居のJazz:Guitar, Vibraphone artists の演奏を集めてみる

 1月から始めた、メインとなる楽器別の Artist による Track をRadio Senboku の特集で続行している。先月は Piano Artist の Album から特集を組んだが、今回は Guitar と Vibraphone artists を主体とした Album から編集することにした。

 今月も、後藤雅洋さんの「新ジャズの名演・名盤」を参照した。

 上の著書にはGuitarist として以下の3人がリストされている。
 ギターのJazz が好きだったと思える兄貴が遺していった LP や、私が持っている CD に数は少ないが Guitar Artists のものが何枚かある。「ジャズ・ギター名演集」などを参照して Guitar Artists をリストしてみた。

 Vibraphone 奏者としては、「新ジャズの名演・名盤」には、次の二人が取り上げられている。  その他に、私のMusic Database である WindowsMedia Player のライブラリーには、以下の Vibraphone 奏者がリストされている。 

 これらの Artists の曲目は、私の音楽ファイル データベースである WindowsMedia Player(WMP) でジャンルを Jazz(guitar), Jazz(vbr) として分類した。ただ、MP3 の Jazz Collection を始めた当初 (2002年末から 2008年3月くらいまで)は、ダウンロード先である eMusic では、いわゆる ID3 タグがダウンロードしたファイルに付加されていなかったので、その時期の曲には、ID3 タグを付加しなければならなかった。この方法については、改めてエントリーしたいと思う。

 WMP ライブラリーで、ジャンルを Jazz(guitar), Jazz(vbr) とした曲から、Live365 の DMCA rules に従って 106 曲(10時間30分)を選択して、Radio Senboku に現在流している。Guitar の曲は、Fusion 系が多いが、一度チャネルを合わせて(リンクして)みて欲しい。右メニューの「Radio Senboku Playlist」をクリックすれば、Playlist で流れている曲の詳細を見ることができる。

The Incredible Jazz Guitar of Wes Montgomery
Wes Montgomery
Universal Japan (2008-06-03)
売り上げランキング: 8654
おすすめ度の平均: 5.0
5 最高傑作にして代表作
5 代表作にして最高傑作
5 代表作にして最高傑作

Quiet
Quiet
posted with amazlet at 09.05.01
John Scofield
Verve (1996-09-24)
売り上げランキング: 187231
おすすめ度の平均: 4.5
5 いまだに、この一枚でOK
3 イージーリスニング
5 作曲/アレンジ/演奏ともに素晴らしいトータルなミュージシャン。

Letter from Home
Letter from Home
posted with amazlet at 09.05.01
Pat Metheny Group
Universal/Geffen (2006-02-06)
売り上げランキング: 6025
おすすめ度の平均: 5.0
5 買い直して良かった!
5 新感覚のリマスターで名作復活
5 最高の音質です!
5 BetterDaysAheadがいいっ!

Opus de Jazz
Opus de Jazz
posted with amazlet at 09.05.01
Milt Jackson
Savoy Jazz (1994-06-15)
売り上げランキング: 138478
おすすめ度の平均: 3.0
3 データです。

Departure
Departure
posted with amazlet at 09.05.01
Gary Burton & Friends
JVC Victor (1997-03-04)
売り上げランキング: 180778
おすすめ度の平均: 5.0
5 ジャズ


2008年7月22日

隠居のBlog備忘録:MT4.1 で TagCloud ページをつくる

 MT3.3 のときに、はじめて TagCloud を設置したときはかなり苦労した。

 MT4.1 では「小粋空間」さんのテンプレート・セットの "two-colomn-liquid-right" を使わせてもらっている。TagCloud は右サイドメニューの中で表示する仕様になっている。Msajii's Blog のようにタグ(キーワード)が多いと「小粋空間」さんの「タグクラウドの折りたたみ for Movable Type 4」を使わせてもらって、折りたたみができる。ただ、私の場合はメッシュを細かくしてタグ(キーワード)をつけたので700 ちかくになっているから、全てを表示すると縦に長くなってしまう。

 それで、MT3.3 のときのようにページで表示できないかネットをググッテみたが、適切なインストラクションがヒットしなかった。それでもいろいろなページを参考に、MT3.3 のときに使っていた「小粋空間」さんの「Movable Type 3.3 エントリー・タグ詳説」のコードを使って、TagCloud ページを作るとうまくいったので備忘録的に書き留めておきたい。

 わかってみれば設置は簡単である。
  1. 方法はインデックステンプレートを新しく作るのである。(追記:2013/1/22)。インデックステンプレートのメインページをまるまる C&P して、新しく名前は何でもいいのだが、TagCloud とでもし、出力ファイル名はこれも名前は何でもいいのだが tagcloud_page.php としてインデックス・テンプレートに保存する。
  2. このテンプレートページの下記の部分を削除し、
    <MTEntries>
       <$MTEntryTrackbackData$>
       <$MTInclude module="ブログ記事の概要"$>
    </MTEntries>
    

    「Movable Type 3.3 エントリー・タグ詳説」の下方にある次のコードを挿入する。
    <div class="module-tagcloud module">
        <h2 class="module-header">Tag cloud</h2>
        <div class="module-content">
            <ul class="module-list">
                <MTTags>
                    <li class="module-list-item taglevel<$MTTagRank$>">
                        <a href="<$MTTagSearchLink$>"><$MTTagName$></a>
                    </li>
                </MTTags>
            </ul>
        </div>
    </div>
    <h2> Tag Cloud </h2> の部分には、TagCloud の説明などに変更できる。
  3. スタイルシートには、次のCSS を追加する。
    /* (タグクラウド用) */
    
    .module-tagcloud .module-content a {text-decoration: none; }
    .module-tagcloud .module-content {text-align: left; }
    .module-tagcloud .module-content .module-list { list-style: none; }
    .module-tagcloud .module-content .module-list .module-list-item { display: inline; }
    .module-tagcloud .module-content .module-list li.taglevel1 { font-size: 32px; }
    .module-tagcloud .module-content .module-list li.taglevel2 { font-size: 28px; }
    .module-tagcloud .module-content .module-list li.taglevel3 { font-size: 24px; }
    .module-tagcloud .module-content .module-list li.taglevel4 { font-size: 20px; }
    .module-tagcloud .module-content .module-list li.taglevel5 { font-size: 16px; }
    .module-tagcloud .module-content .module-list li.taglevel6 { font-size: 12px; }
    
    .module-tagcloud .module-content .module-list li.taglevel1 a{ color: #000000; }
    .module-tagcloud .module-content .module-list li.taglevel2 a{ color: #0000ff; }
    .module-tagcloud .module-content .module-list li.taglevel3 a{ color: #000000; }
    
    表示するフォントの大きさや色は、ここでいじれる。ランクの区分は6段階が初期値である。
  4. 作ったページへのパス(私の場合:http://n-shuhei.net/atelier/tagcloud_page.php )でブラウザに TagCloud ページが表示できれば成功である。
  5. あとは適当な位置に TagCloud ページへのリンクボタンを設定すれば終わりである。右サイドにボタンを置いたので、サンプルはそちらをみて欲しい。


2008年6月22日

隠居のMT4.1 バージョンアップ備忘録

 MT3.35 から MT4.1 へ「小粋空間」さんの「Movable Type 3 から へのアップグレード方法」を参考にアップグレードした。一見上手く成功したと思ったが、コメント入力での認証などで不具合が出て丸1日くらい調べてみても対処の方法が見つからなかった。

  MT3.35 を引きづりながら、素人があれこれいじっても時間ばかりかかるので思い切って 「小粋空間」さんの4.1 用(XHTML 1.0 Strict(utf-8 版):スタイル対応版)のテンプレートセット(この言葉も 4.1 から初めて使われている)に切り替えることにした。

 MT3 からは全面的に改定されているので、新しい構成や言葉になれるのが大変である。
 「Movable Type 4.1 テンプレートセット(スタイル対応版)」の設定方法に従ってインストールしたが、多くの問題に遭遇した。(している。)

 忘れないうちに(もう忘れていることもあるが)、遭遇した問題と対処したことがらを備忘録として思いつくまま記録しておきたい。

 
  •   問題:MT3.35 では、ファイルを php としてきたが、MT4 での設定がよく分からない。
    対処:我楽さんの「Movable Type 4.0 新規インスコ覚書」を参考にというかそのまま利用させてもらって、ファイル名を書き換えた。
  •   問題:メインページから、(例えば最近のエントリーのリストから)アーカイブページが開かない。また、MT4 から MT3 では Plugin で対処していた Preview 画面がディフォールトで編集画面の「確認」ボタンで用意されているが、 Preview 画面が表示されない。
    対処:「ブログの設定」→「公開」→「公開に関するオプション」の公開方法で「アーカイブのみダイナミックで構築する」を選択する。
    原因推定:MT3 のときから、php化をしていたからと思われる。なお、このことによって、ファイルの再構築が劇的に速くなった。
  •   問題:FFFTP で確認しても投稿したファイル名が見えない。
    対処:「ダイナミックパブリッシング」の理解が十分でなかった。「小粋空間」さんの「Movable Type の再構築を不要にする「ダイナミック・パブリッシング」(その1:概要)」を読んで納得。
    注意点:リンクするページのURL特定は、「ブログ記事あるいウェブページの編集」での公開にある出力ファイル名でする。
  •   問題:右サイドメニューのカテゴリの中身が空白となる。
    対処:HTML 記述部分に、<MTTopLevelCategories > テンプレートタグを挿入。詳細は、「小粋空間」のエントリー「カテゴリーアーカイブで全サブカテゴリーリストを表示」を参照。
  •   問題:「小粋空間」さんのテンプレート・セットでは、「Category」「Recent Entries」 などは折りたたみやツリー表示になっていない。
    対処:「小粋空間」さんのプラグイン:サイドメニューの折りたたみ (V4.0) を導入。基本的には、MT3.35 のコードを利用して、テンプレートモジュールの「サイドバー2」 の既存のコードと置き換える。
    注意点:スタイルシートへの追加項目が忘れがちである。
  •   問題:MT3.35 では、[Kinarie&May]さんのフラッシュカレンダーを愛用してきたが、アーカイブテンプレートに設置するXML ファイルの設置方法がよく分からないので、「小粋空間」さんのテンプレート・セットのカレンダーを使うことにしたが、月送りできず十分ではない。
    対処:プラグイン:「Ajax 月送りカレンダー(MT4版)」を導入。
    注意点:「デザイン」→「テンプレート」→「アーカイブテンプレート」→「ブログ記事リスト」を選択し、アーカイブマッピングの「新しいアーカイブマッピングを作成」をクリックして、「日別」を選択して「追加」をクリックしておかねばならない。
  •   問題:私は、スタイルとして two-column-liquid-right を使っているが、画面の解像度を 1024x768 にしていても機種によっては、右サイドメニューと本文部分のカラムが重なるようである。
    対処:「小粋空間」さんのテンプレート説明エントリーの下の方にある FAQ を参考に、スタイルシートをいじって修正した。
    注意点:友達などのPC でうまくいっているか確認してもらう必要がある。
  •   問題:MT3.35 ではCategory 表示順を「藤本壱」さんの cutfirstchar のプラグインを利用して、カテゴリー名の頭に3桁数字をつけて表示順を決めてきたが、MT4 では上手くいかない部分がある。
    対処:カテゴリー名の頭3桁の数字を外した。表示順は、数字→英語→ひらがな→カタカナ→漢字の順となるが、あまり違和感もないので当分この表示でいくことにした。
    展開:「藤本壱」さんが、「カテゴリーとフォルダを並べ替えるプラグイン(MT4以降用)」のカスタマイズを発表されているので、これを導入するつもりである。
  • 問題:MT3.35 ではインデックス・テンプレートとしてホームページの変更履歴を整理していたが、MT4 ではそのようなテンプレートは作成できないようである。
    対処:MT4 ではウェブページのテンプレートが用意されており、これを利用してページの変更履歴を記録していくことにした。
  •   問題:MT3.35 で表示していた「パンくずリスト」のMT4 では上手く動かないようにみえる。
    対処:MT4 のものをサーチしてインストールしたが、サブカテゴリーが表示されないのはMT3.35 と同様なので、古いコードをブログ記事(旧エントリーアーカイブ)とブログ記事リスト(旧カテゴリーアーカイブ)にインストールして使用した。
  •   問題:list-style-type が、circle 表示となり変えられない。
    対処:style-cite.css の ul 定義している部分をコメント・アウトし、ブログ記事編集画面で直接 <ul type="square">というように指定した。ブログ記事の編集画面は、フォーマット 「なし」を選択し、HTML タグを使っている。
    発展:list mark をリスト画像にできる id属性をCSS に設定した。画像は「シェルの素材工場」からいただいた。 ここで使っているように画像を自分で作ってみた。
  •   問題:ブログ記事を書く編集画面が小さい。
    対処:気がつかなかったが、記事を書く枠下のラインをドラッグすることによって、広げたり小さくしたりできる。


 MT4.1 での「小粋空間」さんのテンプレート・セット導入はまだまだ苦戦しているが、なんとか形となった。悪戦苦闘のサイド・プロダクトとして、Version4の理解も少し進んだ。今後は、MT4.1 の進化しているところを取りいれて充実していきたいと思っている。

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

隠居、音の鳴る動きのあるリンク・ボタンをつくる

 リンクボタンを Flash で作成する方法をすぐに忘れてしまい、新たに作るときは一からの学習となるので、今回右サイドメニューのリンクボタンをいじった経緯を備忘録として書いておきたい。
 Flash 作成は、日本語が扱えるので Macromedia FLASH8 を使用しているが、使い込めばいろいろと面白いことができそうだが、まずは基本的な学習からである。
 なお、Flash リンクボタンの作成については、過去に何度かエントリーしている。それらは、ほとんど tutorial のものまねである。過去のエントリーについては、TagCloud の "Flash" で検索して欲しい。

  1. Flash8 を立ち上げ、新規→フラッシュドキュメントを選択する。
  2. 「修正」→「ドキュメント」で、ボタンを設置する場所に合わせて、ステージの大きさ・背景色を決める。デフォールトに設定しておくと、同じようなボタンを作る作業を続ける場合は、便利である。
  3. 「挿入」→「新規シンボル」でボタンを選択して適当なボタン名を付ける。
  4. ボタン作成画面の再生ヘッドがアップにある状態で、ツールパネルの矩形ツールでステージ内に長方形を描く。
  5. レイヤー1のアップフレームをクリックし、ステージ上の長方形をクリックすると、プロパティ・インスペクターがシェイプに変わって、長方形を編集することができる。
  6. アップ時のボタンの色(塗りのカラー)は、プロパティ・インスペクターにあるバケツの横の四角をクリックすると出てくるスポイドで、画面上の好きな色をクリックすると変えることができる。また、出てくる色パネルから選択したり、6桁の色番号を指定したリストことができる。色番号を指定する場合には、WebColorCreator というカラーピッカーを利用すると便利である。
  7. テキストは、ツールパネルから、テキスト[A]アイコンをクリックし、プロパティ・インスペクターで、フォント・大きさ・色などを指定し、ステージ上で入力し、ボタン上にドラッグする。
  8. 次に、ボタンのオーバーフレームを右クリックして、「キーフレームを挿入」をえらぶと、アップ・フレームと同じボタンが表示される。
  9. アップ・フレームと変化をつける場合、たとえばボタンの色を同色で薄くする場合は、プロパティ・インスペクターのバケツアイコンをクリックしてでるカラーピッカーの「アルファ」を50%にでもすればよい。カーソルがボタンの上にくると音がでるようにするには、事前に、MP3ファイルをライブラリーに読み込んでおく。フレームをクリックしたときのプロパティ・インスペクターにあるサウンド・リストボタンをクリックすると読み込んでおいたMP3ファイルが表示されるので、これを選択する。効果:なし、同期:スタート、繰り返し:1でよい。(アップ・フレーム、ダウン・フレームでは、同期:ストップを選ぶ)
  10. 次に、ダウン・フレームで「キーフレームを挿入」をえらぶとオーバーフレームのボタンがコピーされる。
  11. ヒット・フレームにも「キーフレームを挿入」をえらんでおく。このフレームは表示されないから、そのままでも問題はないようだ。
  12. 次に、ボタンをクリックしたときに、リンク先につながるようにするには、簡単な Action Script を使う。「タイムライン」横の「シーン1」をクリックし、ステージに先ほど作成したボタンをライブラリーからドラッグする。
  13. ステージにあるボタンをクリックするとプロパティ・インスペクターのプロパティがボタンに変化するのを確かめて、「アクション」パネルを開き、「ムービークリップ制御」「ブラウザ/ネットワーク」から、下のようなスクリプトを作る。
    on (release) {
    getURL("http://n-shuhei.net/xxxxx/xxxx", "_blank");
    }
  14. 問い合わせなどのメール送信ボタンの場合には、次のようなスクリプトにする。
    on(release){
    mURL="mailto:xxxxxxxxxxx@n-shuhei.net";
    mURL+="?subject="+"問い合わせ:";
    mURL+="&body="+"よろしければ、お名前をお聞かせください。";
    getURL(mURL);
    }
  15. このようにして作成した Flash ボタンの動きは、[F12]キーを押してHTMLで確認する。「ファイル」→「バブリッシュ・プレビュー」→「HTML」でも確認できる。
  16. 動きが確認できれば、「ファイル」→「書き出し」→「ムービーの書き出し」で、.swf ファイルを保存し、FTPソフトでサーバーにアップする。
    なお、.fla ファイルも保存をしておいた方が、後の編集に有用である。


 あとで気づいたことであるが、2006年12月のエントリーが多いに参考になる。何回も同じことを繰り返すのは、アルツハイマーの典型的な症状である。
(追記:2007/2/11) メール送信ボタンの試験をしていて気づいたことがある。動きの確認で、うまくメールが立ち上がるときと立ち上がらないときがある。ActionScript に自信がないので、そのせいかと疑ったが違うらしい。いろいろとサーチしてみたが、よく分からなかった。
 うまくメーラーが立ち上がるときは、Outlook が立ち上がる。私は、普段メーラーは、Beckey! を使っているのに、「コントロールパネル」→「インターネット・オプション」→「プログラム」の電子メールが「Microsoft Outlook」となっているせいであった。これを「Beckey!」に変えると、問題なく動くようになった。
 基本的なところで抜かっている。歳のせいにしておきたい。

2007年1月 5日

MTに自作Flashリンクボタンを置く

 右サイドのメニューに、総集編的なページや昔のHPなどにリンクするボタンを置いてきた。これらのボタンは、SothinkSWFQuickerのテンプレートを使って Flash で作ったものもあるが、それぞれ個別に作ってきたので統一がとれていなかった。テンプレートでは、自分の思うようにデザインができないことも不満であった。それに大枚をはたいて手に入れた Flash8 をなんとか使ってみたいという願望もあった。初心者向けの参考書これで完璧 Flash8では、もうひとつ自分の思うような例がなかった。Flash8 のヘルプに、ファーストステップガイドやチュートリアルもあるが、記憶力が悪くなっているので印刷物でないと使いづらい。それでまた、下の『Flash 8 レベルアップコース』という書籍を買った。何のことはない書籍代に結構使っている。
この『Flash 8 レベルアップコース』は丁寧に書いてあり、なかなか手助けになる。この中の作成例を参考になんとかたどり着いたのが、現在の Flash リンクボタンである。一応、Flash の基本であるボタンへのカーソル状況によって、動いたり音がでたり、半透明のカバーが覆けられる。もちろん、クリックによって目的とするURLが現れる。また、作例にはなかったが管理者(私)へメールするリンクボタン(mailto:)も同じ動きで設置できるようになった。歳をとっての学習は、エキスパートの真似をなんども繰り返してするしかないかと変に得心している。幸い時間はある。

Flash8 レベルアップコース
Flash8 レベルアップコース
posted withamazleton 07.01.05
ななきち
毎日コミュニケーションズ
売り上げランキング: 210708