<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
   <title>photosynthesis2</title>
   <link rel="alternate" type="text/html" href="http://www.spiral-records.com/psts/" />
   <link rel="self" type="application/atom+xml" href="http://www.spiral-records.com/psts/atom.xml" />
   <id>tag:www.spiral-records.com,2008:/psts//6</id>
   <updated>2008-11-20T16:27:18Z</updated>
   
   <generator uri="http://www.sixapart.com/movabletype/">Movable Type 3.35</generator>

<entry>
   <title>カテゴリーアーカイブのページ分割 MovableType</title>
   <link rel="alternate" type="text/html" href="http://www.spiral-records.com/psts/2008/11/_movabletype.html" />
   <id>tag:www.spiral-records.com,2008:/psts//6.1115</id>
   
   <published>2008-11-20T16:21:49Z</published>
   <updated>2008-11-20T16:27:18Z</updated>
   
   <summary>カテゴリーアーカイブのページ分割を実現するMovable Typeプラグインで静...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Movable type" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.spiral-records.com/psts/">
      <![CDATA[カテゴリーアーカイブのページ分割を実現するMovable Typeプラグインで静的なサイトで実現できるのが、PageButeプラグイン。


<a href="http:// http://www.skyarc.co.jp/engineerblog/entry/2642.html">
http://www.skyarc.co.jp/engineerblog/entry/2642.html</a>



php動的にしたMT管理サイトでのページ分割はよくネタがころがってますが、静的なものでは情報がすくない。
そんな中でこれがすごくいい。シンプルで使いやすいです。



MT構築サービスを行っている会社が作成しています。さすがです。
<a href="http:// http://www.skyarc.co.jp/">
http://www.skyarc.co.jp/</a>



]]>
      
   </content>
</entry>
<entry>
   <title>Adobe Creative Suite 4</title>
   <link rel="alternate" type="text/html" href="http://www.spiral-records.com/psts/2008/11/adobe_creative_suite_4.html" />
   <id>tag:www.spiral-records.com,2008:/psts//6.1114</id>
   
   <published>2008-11-18T18:06:04Z</published>
   <updated>2008-11-18T18:12:38Z</updated>
   
   <summary> ついに日本語版きちゃいました。 Creative Suite 3の時はCS1だ...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="ﾊｰﾄﾞｳｪｱ・ｿﾌﾄｳｪｱ" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.spiral-records.com/psts/">
      <![CDATA[<img alt="081119adobecreativesuite4.jpg" src="http://www.spiral-records.com/psts/textimages/081119adobecreativesuite4.jpg" width="495" height="333" />


ついに日本語版きちゃいました。


Creative Suite 3の時はCS1だったこともあってすぐに導入したけど、今回は正直、静観です。

今の制作環境気に入っているし、新機能も個人的には魅力が少なめ。

Dreamweaverは転送まわりとプログラム関係がもうちょいよくならないかな．．．]]>
      
   </content>
</entry>
<entry>
   <title>大岩オスカール</title>
   <link rel="alternate" type="text/html" href="http://www.spiral-records.com/psts/2008/11/post_93.html" />
   <id>tag:www.spiral-records.com,2008:/psts//6.1113</id>
   
   <published>2008-11-18T17:37:06Z</published>
   <updated>2008-11-18T17:41:35Z</updated>
   
   <summary> 大岩オスカール氏。 http://www.oscar-oiwa-mot.com...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="あら、すてき" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.spiral-records.com/psts/">
      <![CDATA[<img alt="081119ooiwaosuka-ru.jpg" src="http://www.spiral-records.com/psts/textimages/081119ooiwaosuka-ru.jpg" width="495" height="333" />


大岩オスカール氏。

<a href="http:// http://www.oscar-oiwa-mot.com/">
http://www.oscar-oiwa-mot.com/</a>

素敵。]]>
      
   </content>
</entry>
<entry>
   <title>Dreamweaverで転送したファイルがFFTPでみれない件</title>
   <link rel="alternate" type="text/html" href="http://www.spiral-records.com/psts/2008/11/dreamweaverfftp.html" />
   <id>tag:www.spiral-records.com,2008:/psts//6.1112</id>
   
   <published>2008-11-18T02:29:23Z</published>
   <updated>2008-11-18T02:38:09Z</updated>
   
   <summary>Dreamweaverで転送したファイルがFFTPでみれないことがあり、不思議に...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="web" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.spiral-records.com/psts/">
      Dreamweaverで転送したファイルがFFTPでみれないことがあり、不思議に思ってましたが、理由がわかった。




今回のはhetemlサーバで複数ドメイン設定しているレンサバ。


ものわかりのいい人はこれでわかっちゃうんだろうな．．．自分、気づくのに半日かかった。。。
      <![CDATA[随分前にMovableTypeで複数ドメイン（複数ブログ）管理する時にトラックバックパスがhetemlのパスになっちゃうというエントリーをしましたが、今回も同じことが原因でした。


ＦＦＴＰでみれないファイルのパスを入力したときにでる
「550  No such file or directory」
というエラーについて調べていて見っけた下記の内容で、ピカーンと気づいた。






<a href="http://www.adobe.com/jp/support/dreamweaver/ts/documents/dw0245.html">http://www.adobe.com/jp/support/dreamweaver/ts/documents/dw0245.html</a>
・・・完全一致ではないが、似たような話↑





Dreamweaverの設定方法がまずいようで、hetemlアドレスに転送されると、FFFTPでドメインアドレスでみれない。


なので、ｈｅｔｅｍｌアドレスでFFFTPで見てみると転送したファイルがみれました。（存在しました）



んーややこしい。





マルチドメインはこういった副作用が多い．．．]]>
   </content>
</entry>
<entry>
   <title>画像のロールオーバーのためのjavascriptまとめ</title>
   <link rel="alternate" type="text/html" href="http://www.spiral-records.com/psts/2008/11/javascript_1.html" />
   <id>tag:www.spiral-records.com,2008:/psts//6.1111</id>
   
   <published>2008-11-17T16:24:57Z</published>
   <updated>2008-11-18T01:50:29Z</updated>
   
   <summary>一時期はjavascriptは敬遠されcssによるロールオーバーが多かったと思う...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Jａｖａｓｃｒｉｐｔ/Ajax" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.spiral-records.com/psts/">
      一時期はjavascriptは敬遠されcssによるロールオーバーが多かったと思うけど、ここんとこAjaxの攻勢によりjavascriptが見直されているなか、ページ内に色々な動きをつけるために複数のjavascriptファイルをかませることって非常に多い。


javascriptをいちから簡単にすらすっらとかけるヒトはいいけど、javascriptはソースをひっぱってきて使うっていうことが多々ある。


そんなときにこまるのが、それぞれのjavascriptファイルがお互いに干渉して一方が動かなくなったりしてげんなりすることってありません？


そんなわけで、同じ動きを実現するにもいくつかの違うjavascriptがあると便利。


さしかえて検討できます。


ということで、画像のロールオーバーを実現するjavascriptをまとめました。


といっても今回は２こだけだけど。



      <![CDATA[ひとつめ。


<a href="http://www.spiral-records.com/psts-lib/rollover/Rollover01.js">Rollover01.js</a>


head内で&lt;script type="text/javascript" src="Rollover01.js"&gt;&lt;/script&gt;


でjsを読み込ませて、ロールオーバーさせる画像のファイル名の最後に「_off」。ロールオーバーした時の画像のファイル名の最後に「_on」とする。


ふたつめ。


<a href="http://www.spiral-records.com/psts-lib/rollover/Rollover02.js">Rollover02.js</a>

head内で&lt;script type="text/javascript" src="Rollover02.js"&gt;&lt;/script&gt;


ロールオーバーした時の画像のファイル名の最後に「_on」とし、ロールオーバーさせる画像のいmgタグに「class="imgover"」とクラス属性を追加。


例）&lt;img src="common/img/btn_main01.gif" alt="mail01" width="53" height="20" border="0" class="imgover" /&gt;



どちらもわりとシンプルなjsファイルなんでいいと思います。




なお、ソースは自己責任で使用してください。




引用：参照元：<a href="http://css-happylife.com/log/javascript/000157.shtml">http://css-happylife.com/log/javascript/000157.shtml</a>]]>
   </content>
</entry>
<entry>
   <title>拡張子　.emf</title>
   <link rel="alternate" type="text/html" href="http://www.spiral-records.com/psts/2008/11/emf.html" />
   <id>tag:www.spiral-records.com,2008:/psts//6.1110</id>
   
   <published>2008-11-17T01:26:35Z</published>
   <updated>2008-11-17T01:30:54Z</updated>
   
   <summary>OASYS Draw等で使用可能なメタファイルで、拡張メタファイルと呼ばれている...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="PC関係" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.spiral-records.com/psts/">
      <![CDATA[OASYS Draw等で使用可能なメタファイルで、拡張メタファイルと呼ばれている形式。


Windows3.1時代までのwmf（windows MetaFile）を拡張したフォーマットで、ベクトル、ラスタ、テキスト オブジェクトをサポート。
このフォーマットはサポートするアプリケーションが多いので、異なるアプリケーション間での情報交換には適している。しかし、高精度を要する際はepsやaiフォーマットを使うのが普通。


画像データとしては、一般に引き伸ばしても粗くなりませんが，複雑なものは苦手です。
どちらかというとグラフや図面に向いていて、Office のクリップアートが基本的にこの形式。


参照元：<a href="http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q148898579" target="_blank">http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q148898579</a>]]>
      
   </content>
</entry>
<entry>
   <title>作業環境アップグレード</title>
   <link rel="alternate" type="text/html" href="http://www.spiral-records.com/psts/2008/11/post_92.html" />
   <id>tag:www.spiral-records.com,2008:/psts//6.1109</id>
   
   <published>2008-11-11T18:04:06Z</published>
   <updated>2008-11-11T18:30:47Z</updated>
   
   <summary> アップグレード完了。...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Daily life" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="ﾊｰﾄﾞｳｪｱ・ｿﾌﾄｳｪｱ" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.spiral-records.com/psts/">
      <![CDATA[<img alt="081112pcupgrade.jpg" src="http://www.spiral-records.com/psts/textimages/081112pcupgrade.jpg" width="495" height="333" />


アップグレード完了。]]>
      <![CDATA[作業環境をやっっっっっっとアップグレード。


iMacのスピードにあきれ果ててMacbookPro coreduoをメインにしてはや半年以上。


モニター買わなきゃと思っていたけどずるずるきて、腰が痛くなってきたんでやっと購入。


Mac純正モニターのChinema Displayを候補にしていたけど過渡期であることとコストパフォーマンスが低いのでナナオの22インチにした。


AdobeRGB対応！、92％だけど。


それでもsRGB対応のMac純正モニターより色の幅がある。特に緑系が。


値段もぜんぜん安い。


Mac純正マウスはもう無理ってなってはや２年弱。３台めでようやくワイヤレスマウス。
最初は電池を内蔵するので重くててこずたけれど、今ではいいじゃん、logicoll !!という感じ。


コードがなくなるのはほんとにうれしい。感覚的にかなりデスクが広くなった。
約１ヵ月前の話。


キーボードは純正のがタッチ感とデザインすばらしいので、２ヵ月前に購入。
予算というよりはワイヤレスキーボードの配列が気に入らなくて有線を選択。


あとはメインの外付けHDDをLacieにして今までメインだった同じLacieをサブに。
LogitecのHDDはMacと相性悪過ぎで保管用に格下げ。
Macが認識するのに３分くらいかかるってどういうこと？という感じだった、安かったけど。

Mac本体はもう、当分先だなあ．．．


さて、息子さんが豆腐やらヨーグルトやらつぶした野菜やらを食べ始めた。
あまりいやがりもせず食べてくれているから、単純にうれしい。


でも、バナナのつぶしたやつと、トマト・ほうれん草・豆腐をまぜてやはりつぶしたものを交互に食べれるなんて、それってどうなんだい？いけてるのかい？


そして、食後にくつろぐ君はちょっとふてぶてしすぎると思う。


<img alt="081112aoishokugo.jpg" src="http://www.spiral-records.com/psts/textimages/081112aoishokugo.jpg" width="495" height="333" />



]]>
   </content>
</entry>
<entry>
   <title>美女暦（BIJOごよみ）ブログパーツ</title>
   <link rel="alternate" type="text/html" href="http://www.spiral-records.com/psts/2008/11/bijo.html" />
   <id>tag:www.spiral-records.com,2008:/psts//6.1108</id>
   
   <published>2008-11-08T16:39:24Z</published>
   <updated>2008-11-08T16:41:19Z</updated>
   
   <summary>writeBIJO(&apos;rYZlZyWJ-oIAFpgpr&apos;);ARICA ＜アリ...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Good web links" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.spiral-records.com/psts/">
      <![CDATA[<script src='http://www.aricablog.com/bijo/js/blogparts.js' type='text/javascript'></script><script type='text/javascript'>writeBIJO('rYZlZyWJ-oIAFpgpr');</script><noscript><a href="http://www.arica.jp/" target="_blank">ARICA ＜アリカ＞</a> <a href="http://www.aricablog.com/bijo/" target="_blank">美女暦（BIJO ごよみ）</a></noscript>


いや、別に、そういうんじゃ、ただモニターとにらめっこしているとふと必要じゃない？！]]>
      
   </content>
</entry>
<entry>
   <title>TinkerTool　Macで不可視ファイルを見えるようにしたり</title>
   <link rel="alternate" type="text/html" href="http://www.spiral-records.com/psts/2008/11/tinkertoolmac.html" />
   <id>tag:www.spiral-records.com,2008:/psts//6.1107</id>
   
   <published>2008-11-08T15:42:52Z</published>
   <updated>2008-11-08T15:44:57Z</updated>
   
   <summary>Macで不可視ファイルを見えるようにしたり、Dockの設定など色々できます。 使...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="ﾊｰﾄﾞｳｪｱ・ｿﾌﾄｳｪｱ" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.spiral-records.com/psts/">
      <![CDATA[Macで不可視ファイルを見えるようにしたり、Dockの設定など色々できます。
使い勝手もかなりいいと思います。

<a href="http://www.bresink.de/osx/TinkerTool.html">
TinkerTool</a>


]]>
      
   </content>
</entry>
<entry>
   <title>MacOSXでPerlを書く</title>
   <link rel="alternate" type="text/html" href="http://www.spiral-records.com/psts/2008/11/macosxperl.html" />
   <id>tag:www.spiral-records.com,2008:/psts//6.1106</id>
   
   <published>2008-11-06T18:29:18Z</published>
   <updated>2008-11-14T05:23:45Z</updated>
   
   <summary>MacOSXには最初から開発環境が色々整っている。 Perlもインストールされて...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Perl/CGI" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.spiral-records.com/psts/">
      <![CDATA[MacOSXには最初から開発環境が色々整っている。


Perlもインストールされている。
ターミナルでPerl -v実行するればわかる。


テキストエディタは<a href="http://www.mimikaki.net/">mi</a>をダウンロードして使っています。
今のところmiでかなり助かってます。使いやすいです。


プログラムは仕事でも専門のヒトにお願いしているけれどもやっぱり自分で色々できればもっといい仕事ができるようになるので、ただ今勉強中。



ま、学びは永遠に続くんだけど。]]>
      
   </content>
</entry>
<entry>
   <title>ターゲットブラウザの選定</title>
   <link rel="alternate" type="text/html" href="http://www.spiral-records.com/psts/2008/11/post_91.html" />
   <id>tag:www.spiral-records.com,2008:/psts//6.1105</id>
   
   <published>2008-11-06T01:02:16Z</published>
   <updated>2008-11-06T02:29:17Z</updated>
   
   <summary>リニューアルにおけるターゲットブラウザ選定に関して問題です。 あるサイト（sit...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="web" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.spiral-records.com/psts/">
      <![CDATA[リニューアルにおけるターゲットブラウザ選定に関して問題です。


あるサイト（siteAとする）におけるブラウザシェアが以下ページの通り。


<a href="http://www.spiral-records.com/psts-lib/ana081105/0808-09-10bando.html">http://www.spiral-records.com/psts-lib/ana081105/0808-09-10bando.html</a>

※直近３ヶ月分を1ヶ月をひとつの区切りにしている。




siteAのターゲットユーザー層は
10代～40代の男女、コア層は10代～20代の男女（7：3想定）。
30代～40代はほぼ男性。
ウェブリテラシーは幅がある。


月間PVは10万程度の小規模サイト。
リニューアル後は50万PVくらいを目標にしたあるジャンル（趣味）に特化した情報サイトです。




以上の内容で、ターゲットブラウザをどこまで含めるか？



という問題。






]]>
      
   </content>
</entry>
<entry>
   <title>id属性で赤っ恥</title>
   <link rel="alternate" type="text/html" href="http://www.spiral-records.com/psts/2008/11/id.html" />
   <id>tag:www.spiral-records.com,2008:/psts//6.1104</id>
   
   <published>2008-11-05T09:22:11Z</published>
   <updated>2008-11-14T05:25:59Z</updated>
   
   <summary>がーっと作業していて、つまずいた理由が以下。 ID名に使用可能な文字種は半角アル...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="HTML/CSS" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.spiral-records.com/psts/">
      <![CDATA[がーっと作業していて、つまずいた理由が以下。


<blockquote>
ID名に使用可能な文字種は半角アルファベット（a-z|A-Z）、半角数字（0-9）、ハイフン（-）、アンダースコア（_）、コロン（:）、ピリオド（.）のみに制限されています。


class属性には指定できた日本語の平仮名やカタカナ、様々な記号などは使えません。


さらに ID名の書き出しは、半角アルファベットから始めなければならず、XML の仕様において "xml"（xMl, XML, Xml のように大文字・小文字で書くこともできない） からはじまる値は許されません。</blockquote>
（引用元：<a href="http://w3g.jp/xhtml/dic/id">http://w3g.jp/xhtml/dic/id</a>）



id属性に数字始まりは使えない．．．ヒトに聞いてこりゃ赤っ恥だなと思いました。
ある意味気づかなかった自分にあっぱれ。


正常に動作するものとバグのあるものとの比較に関してここ数年でアンテナが鋭くなったと思っていたけど、まだまだだなと痛感。


でもどんなにアンテナ鋭くしてもどんなに頑張ってもやはり、共同作業が必要だ。



ヒトは盲目なり。]]>
      
   </content>
</entry>
<entry>
   <title>zoomプロパティのolリストにおけるバグ</title>
   <link rel="alternate" type="text/html" href="http://www.spiral-records.com/psts/2008/11/zoomol.html" />
   <id>tag:www.spiral-records.com,2008:/psts//6.1103</id>
   
   <published>2008-11-04T13:32:21Z</published>
   <updated>2008-11-14T05:25:09Z</updated>
   
   <summary>Internet Explorerの独自拡張なので、個人的には過去に使ったことが...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="HTML/CSS" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.spiral-records.com/psts/">
      Internet Explorerの独自拡張なので、個人的には過去に使ったことがないが、zoomプロパティという要素を拡大して表示することができるプロパティがある。


これをolリストにおいて


li{
zoom : 1;
}


のような指定をすると本来順序リストであるolだと1 2 3．．．とリストに番号が振られるが、これがすべて1になってしまう。


余談ですが、ulとolはきちんと使い分けること。


以上、自戒。


      
   </content>
</entry>
<entry>
   <title>Google Analyticsのアドバンス セグメントBetaがいい！　しゃー！</title>
   <link rel="alternate" type="text/html" href="http://www.spiral-records.com/psts/2008/11/google_analytics_beta.html" />
   <id>tag:www.spiral-records.com,2008:/psts//6.1102</id>
   
   <published>2008-11-04T02:36:57Z</published>
   <updated>2008-11-04T02:56:34Z</updated>
   
   <summary>http://analytics-ja.blogspot.com/2008/10...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="SEO・ログ解析" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.spiral-records.com/psts/">
      <![CDATA[<a href="http://analytics-ja.blogspot.com/2008/10/new-features-added-to-google-analytics.html">http://analytics-ja.blogspot.com/2008/10/new-features-added-to-google-analytics.html</a>で発表されて色々いじくっていましたが。


アドバンス セグメントBetaがいい！


ととりあえず言っておきます。


しゃー！



フィルタリング機能が格段に向上している。


前から欲しいなとおもっていたフィルタリングなので完全にツボです。
これでまたかなり有効なというか一番はスピードアップした解析が可能になる。


しゃー！


<img src="http://blog-imgs-19.fc2.com/u/r/a/uratsuru/3_20080718092816.jpg" height="50%" width="50%" />

↑「しゃー！」でgoogleイメージ検索。そうか、しゃー！って亀田兄弟というより猫なのか。


]]>
      
   </content>
</entry>
<entry>
   <title>posisionプロパティ　メモ</title>
   <link rel="alternate" type="text/html" href="http://www.spiral-records.com/psts/2008/11/posision.html" />
   <id>tag:www.spiral-records.com,2008:/psts//6.1101</id>
   
   <published>2008-11-03T07:34:59Z</published>
   <updated>2008-11-14T05:24:34Z</updated>
   
   <summary>posisionプロパティで個人的に忘れがちな点。 親ボックスにposition...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="HTML/CSS" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.spiral-records.com/psts/">
      posisionプロパティで個人的に忘れがちな点。


親ボックスにpositionプロパティのstatic以外の値が指定されている場合には、親ボックスの左上が基準位置。


body直下をcontainerとかにしてcontainerが中央表示の場合、注意。
      
   </content>
</entry>

</feed>
