<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
   <title>おでのMemo</title>
   <link rel="alternate" type="text/html" href="http://dobunezumi.com/blog/Memo/" />
   <link rel="self" type="application/atom+xml" href="http://dobunezumi.com/blog/Memo/atom.xml" />
   <id>tag:dobunezumi.com,2008:/blog/Memo/5</id>
   <updated>2008-05-09T04:57:34Z</updated>
   <subtitle>仕事や興味で調べた事を、いつもどっかにメモってなくすので、忘れないように残そうと思いはじめてみただけ。</subtitle>
   <generator uri="http://www.sixapart.com/movabletype/">Movable Type 3.35</generator>

<entry>
   <title>MightyMouse</title>
   <link rel="alternate" type="text/html" href="http://dobunezumi.com/blog/Memo/entry/000307.php" />
   <id>tag:dobunezumi.com,2008:/blog/Memo//5.307</id>
   
   <published>2008-05-09T04:45:06Z</published>
   <updated>2008-05-09T04:57:34Z</updated>
   
   <summary>Apple純正マウス「MightyMouse」のコロコロが、手垢のせいで、全く無...</summary>
   <author>
      <name>dobunezumi</name>
      
   </author>
         <category term="Apple" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://dobunezumi.com/blog/Memo/">
      	
	
	
Apple純正マウス「MightyMouse」のコロコロが、手垢のせいで、全く無反応になってしまった。これまで、分解とか試みようと思ったことはあったけど、面倒なので新しいのを買い続けていた。今のマウスは家＆会社を含めると5台目。で、現在お財布事情が苦しいため、また新しいのを買うのは無理ということで、直す方法を調べてみたら、素敵な方法を掲載したサイトに遭遇。http://www.digi-mac.jp/archives/50255802.html
『激落ちくん』というメラミンスポンジに水を含ませて、ゴロゴロやるだけで直るらしぃ。早速、昼休みにハンズで購入し、試してみたら一撃で直った！！！！
ハン...
   </content>
</entry>
<entry>
   <title>Safari 3.1リリース</title>
   <link rel="alternate" type="text/html" href="http://dobunezumi.com/blog/Memo/entry/000267.php" />
   <id>tag:dobunezumi.com,2008:/blog/Memo//5.267</id>
   
   <published>2008-03-19T02:53:39Z</published>
   <updated>2008-03-19T03:06:04Z</updated>
   
   <summary> 今朝、出社しSafariを立ち上げたら、アップルのRSSニュースでSafari...</summary>
   <author>
      <name>dobunezumi</name>
      
   </author>
         <category term="ブラウザ" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://dobunezumi.com/blog/Memo/">
      	
			<a href="http://dobunezumi.com/blog/Memo/entry/000267.php"><img src="http://dobunezumi.com/blog/Memo/entry/img/2008-03-19.jpg" alt="キャプチャ" width="150" style="margin:0 1em 1em 0;" align="left" /></a>
	
	
	




今朝、出社しSafariを立ち上げたら、アップルのRSSニュースでSafariの最新ヴァージョン3.1（Mac・Windows）がリリースとのことで、早速MacもWindowsもヴァージョンアップ。Mac版の方は、見た目では特に変わった部分はないもよう。Windowsは全てが日本語になっていた。動作も軽快。激重サイト「おでのiTunes」を開いてみたが、IE7に比べてやっぱり全てが速いような気がするし、何より綺麗。Windowsユーザな方もSafariの方がいいんじゃないかなぁ。まぁ他サイトでいろいろ弊害はありそうだけど。
Safari3.1ダウンロードはこちら

でもIE6ユーザーは...
   </content>
</entry>
<entry>
   <title>Adobe Spry -Tooltip-</title>
   <link rel="alternate" type="text/html" href="http://dobunezumi.com/blog/Memo/entry/000176.php" />
   <id>tag:dobunezumi.com,2008:/blog/Memo//5.176</id>
   
   <published>2008-01-28T10:49:54Z</published>
   <updated>2008-01-28T11:45:43Z</updated>
   
   <summary>前々から、バルーンヘルプ（吹き出し）みたいな事がしたくて、いろいろ探してサンプル...</summary>
   <author>
      <name>dobunezumi</name>
      
   </author>
         <category term="Ajax" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="Javascript" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://dobunezumi.com/blog/Memo/">
      	
	
	
前々から、バルーンヘルプ（吹き出し）みたいな事がしたくて、いろいろ探してサンプルをダウンロードし、試してみたんだけど、右メニューのアコーディオンメニューが動作しなくてなってしまう事情があり、保留にしていた。で、今日、仕事が一つ落ち着いたのでAdobe Spryのサンプルを見てたんだけど、その中に「Tooltip」ってのがあって、なんだコレ？と覗いてみたら、ズバリ「吹き出し」のサンプルだった。早速、サンプルのhtmlソースを見て、まずは何が必要かチェック。

「SpryTooltip.js」をコピーし「おでのiTunes」のトップページのテスト用htmlに追加インクルド。おでの場合、XMLを読み...
   </content>
</entry>
<entry>
   <title>MT3.35にて500エラーが頻発！</title>
   <link rel="alternate" type="text/html" href="http://dobunezumi.com/blog/Memo/entry/000150.php" />
   <id>tag:dobunezumi.com,2008:/blog/Memo//5.150</id>
   
   <published>2008-01-16T02:47:16Z</published>
   <updated>2008-01-18T08:31:27Z</updated>
   
   <summary>ついにこのエラーが出るようになってしまった。「おでのiTunes」にて新規エント...</summary>
   <author>
      <name>dobunezumi</name>
      
   </author>
         <category term="MovableType" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://dobunezumi.com/blog/Memo/">
      	
	
	
ついにこのエラーが出るようになってしまった。「おでのiTunes」にて新規エントリーを作成し公開→保存で100％500エラーになる。これではトラックバックの送信もできない。でトップページの方にも反映されない。サイト全体の再構築をかければ、トップページは反映はするんだけど。

実はちょっと前から、トラックバック送信で500エラーになっていたんだけど、ググって調べて対策をいくつかやってみたが、結局改善されないまま、この時まできてしまった。原因は、サーバー又はDBが貧弱又は、エントリー数が多い場合に起こるもよう。ちなみにDBは、MYSQL。おでの場合たぶん後者だろう。プラグインもいろいろ入れてるから...
   </content>
</entry>
<entry>
   <title>MTCollectプラグインでトップページにサムネールもどき</title>
   <link rel="alternate" type="text/html" href="http://dobunezumi.com/blog/Memo/entry/000146.php" />
   <id>tag:dobunezumi.com,2008:/blog/Memo//5.146</id>
   
   <published>2008-01-15T06:05:03Z</published>
   <updated>2008-01-15T06:50:13Z</updated>
   
   <summary>トップページに各エントリー内のbodyに貼り付けた画像をサムネールっぽく表示させ...</summary>
   <author>
      <name>dobunezumi</name>
      
   </author>
         <category term="MovableType" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://dobunezumi.com/blog/Memo/">
      	
	
	
<![CDATA[トップページに各エントリー内のbodyに貼り付けた画像をサムネールっぽく表示させたく、プラグインを探していたら、MTCollectってのを見つけた。プラグインをダウンロード後サーバへインストールして、トップページのテンプレートの表示させた箇所に以下のように記述。


&lt;MTCollect tags=&quot;img&quot;&gt;
 &lt;MTCollectThis show=&quot;0&quot;&gt;
  &lt;$MTEntryBody$&gt;
 &lt;/MTCollectThis&gt;
 &lt;MTIfCollected tags=&quot;img&quo...]]>
   </content>
</entry>
<entry>
   <title>画像に角丸</title>
   <link rel="alternate" type="text/html" href="http://dobunezumi.com/blog/Memo/entry/000147.php" />
   <id>tag:dobunezumi.com,2008:/blog/Memo//5.147</id>
   
   <published>2008-01-12T07:08:28Z</published>
   <updated>2008-01-15T07:18:31Z</updated>
   
   <summary> 画像に対して４辺を角Rにするスクリプト。画像反射の「reflex.js」と同じ...</summary>
   <author>
      <name>dobunezumi</name>
      
   </author>
         <category term="Ajax" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="Javascript" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://dobunezumi.com/blog/Memo/">
      	
			<a href="http://dobunezumi.com/blog/Memo/entry/000147.php"><img src="http://dobunezumi.com/blog/Memo/entry/img/2008-01-12.jpg" alt="キャプチャ" width="150" style="margin:0 1em 1em 0;" align="left" /></a>
	
	
	
<![CDATA[



画像に対して４辺を角Rにするスクリプト。画像反射の「reflex.js」と同じサイトに掲載されていて、設置も同じ感じ。「corner.js」を読み込ませて、imgにclassで指定するだけ。


&lt;img src=&quot;画像パス&quot; alt=&quot;&quot; width=&quot;&quot; height=&quot;&quot; class=&quot;corner iradius12&quot; /&gt;


たったこんだけで、角が丸くなるすぐれもの。角丸の他に影とかいろいろできる。
]]>
   </content>
</entry>
<entry>
   <title>画像反射高機能版</title>
   <link rel="alternate" type="text/html" href="http://dobunezumi.com/blog/Memo/entry/000102.php" />
   <id>tag:dobunezumi.com,2007:/blog/Memo//5.102</id>
   
   <published>2007-12-26T05:28:28Z</published>
   <updated>2008-01-23T09:37:33Z</updated>
   
   <summary> この画像とか、「おでのiTunes」のレビューページや、各ページの右カラムの上...</summary>
   <author>
      <name>dobunezumi</name>
      
   </author>
         <category term="Javascript" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="Photoshop" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://dobunezumi.com/blog/Memo/">
      	
			<a href="http://dobunezumi.com/blog/Memo/entry/000102.php"><img src="http://dobunezumi.com/blog/Memo/entry/img/2007-10-26.jpg" alt="キャプチャ" width="150" style="margin:0 1em 1em 0;" align="left" /></a>
	
	
	




この画像とか、「おでのiTunes」のレビューページや、各ページの右カラムの上部で表示させている、CD等のジャケット画像を鏡面反射のように見せているんだけど、これはいちいち画像を加工してるんじゃなくて、Javascriptで行っています。レビューページでは傾きを加えて、iTunesのCover Flowのように見せてるんだけど、当初は全て正面のみで表示させていた。

スクリプト自体、当初は「Reflection.js」を使わせてもらっていたんだけど、偶然これのさらに強化版？の傾きとかも設定できる「reflex.js」を発見！！！即試してみたくなってダウンロード。基本的にreflex.j...
   </content>
</entry>
<entry>
   <title>Adobe SpryとCover flow</title>
   <link rel="alternate" type="text/html" href="http://dobunezumi.com/blog/Memo/entry/000104.php" />
   <id>tag:dobunezumi.com,2007:/blog/Memo//5.104</id>
   
   <published>2007-11-18T08:40:41Z</published>
   <updated>2008-01-15T07:35:32Z</updated>
   
   <summary> 「おでのiTunes」で使用している「Adobe Spry」のAjaxツールで...</summary>
   <author>
      <name>dobunezumi</name>
      
   </author>
         <category term="Ajax" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="Flash" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://dobunezumi.com/blog/Memo/">
      	
			<a href="http://dobunezumi.com/blog/Memo/entry/000104.php"><img src="http://dobunezumi.com/blog/Memo/entry/img/2007-11-18a.jpg" alt="キャプチャ" width="150" style="margin:0 1em 1em 0;" align="left" /></a>
	
	
	




「おでのiTunes」で使用している「Adobe Spry」のAjaxツールで、投稿したレビューの一覧を表示させる際に利用している。詳しい動作は「おでのiTunes」の右カラムにあるエントリーリストをクリック。一覧ということで、単純にtableで投稿したレビューの一覧が表示されるんだけど、検索フォーム欄とソート機能が付いていて、まず検索フォームに関しては、入力フォームに例えばMと入力すると、Mのある行だけダイレクトに絞られる。〒番号検索のAJAX版のような動きだ。ソートは、tableのヘッダーセルをクリックすると、クリックした列でソートされる。

Spry自体もAjaxということで、X...
   </content>
</entry>
<entry>
   <title>MTエントリー登録画面をカスタマイズ</title>
   <link rel="alternate" type="text/html" href="http://dobunezumi.com/blog/Memo/entry/000103.php" />
   <id>tag:dobunezumi.com,2007:/blog/Memo//5.103</id>
   
   <published>2007-11-03T07:07:54Z</published>
   <updated>2007-12-17T08:19:55Z</updated>
   
   <summary>”おでのシリーズ”のメインは「おでのiTunes」ということで、それに関した内容...</summary>
   <author>
      <name>dobunezumi</name>
      
   </author>
         <category term="MovableType" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://dobunezumi.com/blog/Memo/">
      	
	
	
”おでのシリーズ”のメインは「おでのiTunes」ということで、それに関した内容ばかりなんだけど、今回も「おでのiTunes」で使用した事のメモ。

「おでのiTunes」では、エントリー登録画面もカスタマイズしている。カスタマイズといっても、おでの知識はほとんどなく、プラグインに頼ったカスタマイズだ。カスタマイズに利用させてもらったプラグインは、まず「RightFields」です。通常MTのエントリー投稿では、エントリーのタイトル、本文、追記文、抜粋（概要）、キーワード、タグしかないんだけど、この「RightFields」は、自分の好きな数・種類だけ追加でき、独自のMTタグも作成できるという...
   </content>
</entry>
<entry>
   <title>MTのテンプレート化と検索機能</title>
   <link rel="alternate" type="text/html" href="http://dobunezumi.com/blog/Memo/entry/000101.php" />
   <id>tag:dobunezumi.com,2007:/blog/Memo//5.101</id>
   
   <published>2007-10-23T02:40:10Z</published>
   <updated>2007-12-17T06:58:04Z</updated>
   
   <summary>MTのデフォルトのテンプレートを参考にしながら、作成したhtmlをテンプレート化...</summary>
   <author>
      <name>dobunezumi</name>
      
   </author>
         <category term="Ajax" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://dobunezumi.com/blog/Memo/">
      	
	
	
MTのデフォルトのテンプレートを参考にしながら、作成したhtmlをテンプレート化。若干、修正はあったけど無事うまくいった。で、早速エントリーも投稿してみた。トラックバックとか意味がわからんブログ用語があったけど、とりあえず無視。それらはそのうち調べることにして、MTのプラグインとかいろいろGoogleで調べてたら、素敵なものを発見。暴想さんの「blog_ajax_json_search」。Ajaxを用いてブログのエントリーを検索するシステム。エントリー投稿時に、XMLでエントリーの文章とかキーワード（ここは任意に改良できる）を記録していき、いざ検索する際は、JavaScriptで検索して結果を...
   </content>
</entry>
<entry>
   <title>まずはレイアウト</title>
   <link rel="alternate" type="text/html" href="http://dobunezumi.com/blog/Memo/entry/000094.php" />
   <id>tag:dobunezumi.com,2007:/blog/Memo//5.94</id>
   
   <published>2007-10-22T02:18:11Z</published>
   <updated>2007-12-17T03:48:31Z</updated>
   
   <summary>せっかく自己満ページをつくるのだから、おでの仕事では普段なかなかやれない事をやろ...</summary>
   <author>
      <name>dobunezumi</name>
      
   </author>
         <category term="Ajax" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="Dreamweaver" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="Photoshop" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://dobunezumi.com/blog/Memo/">
      	
	
	
せっかく自己満ページをつくるのだから、おでの仕事では普段なかなかやれない事をやろうと思い、真っ黒＆画像パーツは最小限にしテキスト中心にした。｢おでのiTunes｣のトップページは、アルバムジャケットの画像をiPhotoのようなサムネール・オンリーにした。

対象ブラウザはMacはSafari、FF、Opera、NN。Safari以外はあまり気にしない。WinはIE7、以下Macと同じ。もちろんWin版Safariも含む。IE6は邪魔くさいんで対象外。

フォントもふだんはヒラギノゴシックやMS Pゴシックなどデフォルト使用ばかりなので、それら以外のフォントを指定。
みんなどうやってるのか知らん...
   </content>
</entry>
<entry>
   <title>MovableTypeデビュー</title>
   <link rel="alternate" type="text/html" href="http://dobunezumi.com/blog/Memo/entry/000024.php" />
   <id>tag:dobunezumi.com,2007:/blog/Memo//5.24</id>
   
   <published>2007-10-21T07:22:19Z</published>
   <updated>2007-12-12T02:13:58Z</updated>
   
   <summary>MivableType、覚えないかんなぁと思ってから約2年。ようやくデビューした...</summary>
   <author>
      <name>dobunezumi</name>
      
   </author>
         <category term="MovableType" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://dobunezumi.com/blog/Memo/">
      	
	
	
MivableType、覚えないかんなぁと思ってから約2年。ようやくデビューした。ver.4が、おでの契約したレンタルサーバーでは、動作が不安定でインストしてみたんだんだけど、結局下位verに落とした。とりあえずどんなんなのか全く初だったんで適当に書いてみた。ブログって奴自体も初体験のため、全てが新鮮だす。
   </content>
</entry>

</feed>
