photosynthesis2

メモ的ですが。。。

http://news.livedoor.com/topics/detail/4230708/

R25式モバイルが終了してPCサイトに注力するようです。

理由は

「モバイルよりPCサイトに出稿を希望する広告主が多いため」

いろんな背景知りたいのですが、ニュース記事にはこれ以上のつっこみはなく。

なお、R25式モバイルは月間のページビューは1億3000万だそうで。
うん、うらやましい（笑）

今月上旬に新規公開しました”サロン ド シンメトリー たかせい”さんのウェブサイトがYahooでいくつか狙っているキーワードのうち「桐生　整体」で１位になりました。（もともとライバルそんなに多くないけど！）

群馬県桐生市の整体院：サロン ド シンメトリー たかせい

サロン ド シンメトリー たかせい：リフレクソロジースクール開講について

Googleはご存知の通りああいった性格なので一瞬でクリアしたけど今はちょっと調子悪かったり、元に戻ったり。

必ずしもSEO的に最高な環境ではない中で、他のキーワードでもYahoo Googleともにぼちぼちなのでもともと想定していたより早いペースで目標をクリアしています。

もう一踏ん張りです。

そんなこんなで、
SEOに対する現状の考えを以下に少し。

”サロン ド シンメトリー たかせい”さんのウェブサイトを制作しました。


人間が本来生まれながらにして持っているはずの歪みのない健康な体と心に戻すべく日々治療に取り組んでいる整体サロンです。リフレクソロジーのスクールも同時に開講されています。

全般にわたって協力してくれたOgawa氏、なにより色々あって途中で急遽断ったにも関わらず最終的には制作させてくれた院長の高梨氏、ありがとうございます。
感謝しています。

群馬県桐生市の整体院：サロン ド シンメトリー たかせい

サロン ド シンメトリー たかせい：リフレクソロジースクール開講について

http://commons.wikimedia.org/wiki/File:Internet_map_1024.jpg

http://www.chromeexperiments.com

ほほう。。。

ね、だからChromeにしなさい。

ということみたいです。

フォトグラファーの方達のサイト、ということでお引き受けし制作していましたが、ありがたいことに自分も誘って頂き、一緒に掲載させてもらいました。
ありがとうございます！

「GROWING BLOSSOM」

サイト運営はMovable Typeで各アーティスト自身で行なえるように設計しています。

今後幅広い展開を期待したいです！

本日午後２時頃、メインのHDDが吹っ飛びました。
HDD壊れたのはじめてで衝撃的です。。。

原因はまだ不明だけど、オーディオインターフェースのソフトウェアアップデイト後におかしくなったので、そこらへんかな？

とは思っています。

バックアップは前日のデータまでで、本日の夜中〜午後２時までのデータが吹っ飛びました。。。
仕事は前日までのデータがたぶんすべてバックアップできてるんだろうけど、iTunesとかそこらへん趣味のデータは２週間前依頼バックアップしてないでやんの。がーん。

午前中は更新業務を受けているサイトと新規案件サイトの制作、昼前くらいからはミックス作業をはじめていい感じで進んでいた２時間分の計10時間分くらいのデータはもちろんバックアップできてない。。。

久々に喉を飯が通りませんです。。。

どうもメインのMacbookProに入っているデータの一部が原因な感じも否定できず、作業を先代のiMacに切り替え。

ここ半年はMacbookProでずっと来ていたので、その間にした仕事やらもろもろの設定を一からやりなおし、＆バックアップデータのバックアップ作業、で今この時間。いまだバックアップ中。。。
仕事できず。。。

趣味のは最悪あれとして、仕事のは万が一バックアップされていないファイルがあると怖いので壊れたHDDは直してくれる会社に速攻で復旧依頼。
あとそれから、エロい動画とかあのアイドルのあんな画像とか入らないんで仕事のデータはもちろん、息子の２週前の写真をなんとか返して下さい、神様。
嫁に殺されます。

費用は見積もりで７万から25万。。。。。。。。。。

絶望的です（笑）

１日分の作業もし直しだし。。。。

久々にネガティヴな感じになっとります。

おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお
おおおおおおおおおおおおおおおおおおおおおおおおおおお、
死ぬう。。。

ウェブデザインにおいて「色」は非常に重要な問題。

そして、メインとなるカラーのよって個人的に難しさが違うと考えている。

その根拠というか、まあ実際の制作現場の方が根拠になるけど、とにかく根拠はこれ。

google Adsenseで発見！downyが50％オフ！

まじっすか、実は1stアルバムもってないんだよね～

と思ってアクセスした。

某運営サイトにて、新たにサイバーエージェントのサービス「Micro Ad」を導入してみた。

まだ何も見えてこないけど、ちまたではやりの言葉「行動ターゲティング」「リターゲティング」うんぬんかんぬんを用いて提供されているサービスがどんなもんか、というのを含めての導入なので、追ってレポします。

現状はどうみてもgoogle Adsenseの方がマッチングいい感じなんだけど。
広告自体の総数の差もあるだろうし．．．

しばらく様子見ですが、生成されるタグは正直いただけない気が。

行動ターゲティング広告のMicro Ad

迷惑メールが日々ものすごい数くるのですが、旬な話題でこのアドレスしらない！という送信元なのに気になってあけちゃったタイトル↓

「忘年会のお知らせ」

あまりに普通でこの時期ありえそうなタイトルにまあどうせ．．．と思いつつ、クリック。

案の定、出会い系でした。

メールを開けさせるとこまでは上手くいくけど、でもその後クリックさせれるかどうかはよくわからない。

ユーザーにブックマークしてもらうのに便利です。とてもシンプルでいいサービスです。

広告が気に入らない方は自作しましょう。

http://www.addclips.org/

Dreamweaverで転送したファイルがFFTPでみれないことがあり、不思議に思ってましたが、理由がわかった。

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

ものわかりのいい人はこれでわかっちゃうんだろうな．．．自分、気づくのに半日かかった。。。

リニューアルにおけるターゲットブラウザ選定に関して問題です。

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

http://www.spiral-records.com/psts-lib/ana081105/0808-09-10bando.html

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

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

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

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

という問題。

Pantone to RGBは以下のサイトで確認できる。

http://www.ph9.co.uk/helpandsupport/resource_pantone_rgb_hex_colour_conversion_chart.asp

http://www.logoorange.com/color/color-codes-chart.php

Fire Fox3.0 For Mac ですが、まだ挙動が怪しい点ありますねえ。

例えばデフォルトのフォントをヒラギノ角ゴProにしているとアンカーリンクテキストのアンダーラインが太くなりがち（3pxくらい？）とか。

cssがなぜか外れやすいとか。

はやめに直るといいブラウザになれるんだけど。
もしくはyahooツールバーがsafariに対応すればそれでもいいけど。

とりあえず、モジラさん頼んます。

赤い風船　ブログパーツをこのサイトのトップページに貼ってみました。
風船をクリックすると「素敵」って思えるよ。
アナログな雰囲気とか、やさしい感じとか、ふっと一呼吸できる感じがひとにやさしい。

ちなみにこの「赤い風船」なる映画、
「1956年度のカンヌ国際映画祭でパルム・ドールを受賞し世界的大ヒットを記録した、アルベール・ラモリス不朽の名作。」
だそうです。残念ながら観たことがないのですが。

とりあえず、同級生よ（笑）、素敵をありがとう。

CNETのニュースから。
goo ランキング調べだそうです。

1 　情報が数ヶ月間更新されていない
2 　画像が多くて、重い
3 　「準備中」のコンテンツだらけ
4 　リンク先がPDFファイル
5 　トップページからオールFlash
6 　ポップアップがどんどん開く
7 　情報が多すぎで探している情報にたどり着けない
8 　商品一覧などの一覧ページがない
9 　突然音が鳴る
10 　問合せ先が明記していない
11 　サイトを見ても何を伝えたいかがわからない
12 　商品の詳細情報がない
13 　ブラウザのサイズを勝手に変えられる
14 　サイト内検索が出来ない
15 　会社案内の地図がわかりにくい
16 　目に優しくない背景色（黄色や赤色など）
17 　全体的に文字が小さい
18 　公式ブログがスタッフの内輪ネタばかり
19 　右クリック禁止
20 　サイトメニューが英語で書いてある

Flashを検索しやすく――AdobeがGoogle、Yahoo!と提携（ITmediaニュース）

Adobeは米Yahoo!と米GoogleがFlashファイルフォーマット（SWF）を検索インデックスに取り込めるようにするため、最適化されたFlash Player技術を提供し、現時点では検索エンジンが見つけられない情報を開示する。従来、検索エンジンはSWFファイル内の静的なテキストとリンクをインデックス化していたが、Flashコンテンツは状態が変わるため、検索インデックスに取り込むのが難しかった。だが今回の提携で、Flash Playerで動作する多数のリッチインターネットアプリケーション（RIA）やWebコンテンツが検索で見つかりやすくなるという。

ログ解析もこれによって変わるんだろな、また。

Dreamweaver CS3　swfの挿入ができないバグみたいなやつ。

<head></head>内のcss指定とかで例えば
<link href="../css/global.css" rel="stylesheet" type="text/css" />
という感じで書きますが、
ホームページビルダーなんかでやると
<LINK href="../css/global.css" rel="stylesheet" type="text/css" />
という感じで大文字表記がまじるケースがあるようです。

この記述になっているhtmlファイルをdreawweaverで開いてメニューの挿入からflashを挿入しようとしてもflashが選択できないようになってしまう。

LINKをlinkに変更すると挿入できるようになる。
理由はなんでしょう、時間があるときに考えよう。

取り急ぎメモ。

URL エンコード/デコードフォーム
http://home.kendomo.net/board/decode/decode.php

かなり重宝してます。
便利ですね。取り急ぎメモ。

ウェブサイトのサムネイル表示を実現したいなあと。

簡単にできるAPIがありました。

SimpleAPI - ウェブサイト・サムネイル化ツール

他力本願ですが。

こんな感じ↓

デザインとかもろもろはやはり自分で作っていけるようでないとしょうがないんですが、
取り急ぎはこれを使わせてもらうのもいいですね。

他にも色々あるようなのでいいものがあればまたメモります。

取り急ぎのメモ！

Skypeはじめました。

Yahooのメッセンジャーとか昔やっていた時期もあったんだけど、今更ながらSkypeをはじめました。
普通に打ち合わせとかできて、やっぱ感動しますね。
なにせ、PC88や98とかMSX世代ですから。（小学生の時だけど）
BASICマガジンとか必死になって読んでBASICで簡単なゲーム作って、マシン語で悶絶および挫折してっていう（笑）

トップページにFICCのANOTHER BOOKMARKブログパーツを貼り付けてから、ちょくちょく紹介されるflashサイトを見ています。
こういったブログパーツはすごく便利です。自分のサイトにRSSリーダーを突っ込むってのもありかもしれないという気になります。

もはや、単にブックマークするだけでは距離感がある今日この頃です。（いや、昔からか．．．）

flvファイルの再生において、flashに既に用意されているスキンを利用する方法があります。
オーソドックスな外観で使い勝手も良く、スキン（再生ボタンやボリュームコントロールなどのコントローラーのこと）の種類も豊富かつ、ボリューム0スタートでの再生などの設定ができて非常に便利ですが、最初は色々と戸惑うところがあります。

使い方
1 flaファイルを新規作成。
2 読み込みでflvファイル読み込み
3 ウェブサーバ上で閲覧させるには「〜サーバに展開済み」を選択しそのflvファイルの存在するパスを記入
4 プログレッシブダウンロードを選択
5 スキンをえらぶ
6 終了
7 出だしのボリューム調整や自動再生等の設定はプロパティのパラメータをいじります。
これに気づかずそこで設定できるのかとしばらく悶々とする可能性があります（笑）
そして、
8 swfを書き出し
9 サーバにアップです。

がアップの時のポイントがひとつ。
swfファイルをアップロードしただけでは再生されません。
10 スキンファイルのswfがswf書き出し時に同じディレクトリに自動で生成されます。このスキンswfとflvをアップさせないとウェブ上で閲覧できません。flvだけアップすると映像はでてもコントローラー（スキン）が表示されません。
dreamweaverで埋め込んだHTMLで「依存ファイルもアップ」としても、この２つはアップされないのできちんと手動でする必要があります。

さらに、スキン自体の変更（デザイン変更やストップボタンの削除など）は
flash CS3（Mac OS）の場合
アプリケーション＞Adobe flash CS3＞Configuration＞FLVPlayback Skins＞FLA＞ActionScript2.0 or 3.0
のなかにあるflaファイルのうちベースとして使いたいものをコピーし、それを編集、swfで書き出すことでさらなるカスタマイズが可能になります。

例）MojaveExternalAll.flaを開き、早送りと巻き戻しのボタンを削ったところ

上記の手順でカスタマイズ作成したオリジナルのスキンをflaファイルでflv読み込みの際（上記手順の５番）にカスタムスキンを選択しパスを設定すればOKです。

なお、dreamweaver上でflashvideoの埋め込みでスキンを選択して同じようなことができますが、スキンの種類が限られていることと、カスタマイズ性が低いのであしからず。

また、プログレッシブダウンロードでの動画閲覧をユーザーに提供する上での留意点として、ストリーミング配信と違い、動画データそのものがクライアントの使用しているブラウザにキャッシュされていしまうという点です。
この点を事前に確認し、プログレッシブダウンロードでの公開を行う必要があります。

以上メモ！

なんか楽しいな、これ（笑）
ということでもう一つつくった。

ウェブ制作でお世話になっている書籍の中でも、個人的に重宝したものを抜粋。
まあ、あとは実際のソースを引っ張って研究して盗んで、というのが一番ですが。
あと、デザインの面でいうとヒトのpsdデータとか、ほんとに役立ちますので、先輩デザイナーのpsdファイルは頭下げてでももらうといいですね（笑）

amazonのくるくるウィジェット作ってみた。

最近買ったレコードです。

inRainbowsはダウンロードで持ってたけどレコードで買っちゃいました。
オウテカもレコード。
clarkもレコード。

あとはCDかな。

モーサムのシングルはずっと欲しくて中古で見つけて即買い。
S&G関係のレコードはいつでも心の音楽です。
キース・ジャレットは相変わらず、というか常にばかうま、やばい。

M83はファーストからどんどん悪くなっている気が。
新作確か出たんじゃないかと。
一応チェックするか。

clarkは相変わらずかっこいい。

そんな感じ。

IE7をベースにIE６をスタンドアローンにすることにしました。
もう疲れた。

IE7とIE6を共存させる方法：まとめ

上記アドレスにすべてのっています．．．

ほんと勘弁です．．．。

というか最初からこうしろという．．．

IE7スタンドアローン版の件の続き。

再起動してIE6を立ち上げるも、ホームから別のURLに行こうとするとポップアップが複数立ち上がり開かない．．．。

IE7スタンドアローンインストール時のバグとしてちょっとこういうことがありそうな気配はありました（そういったコメントをネットで散見していたので）。

場合によってという感じだったのでまあいいかなんて思っていたら。
実際におこっちゃいました。

ブラウザ互換性のチェックのためIE6ままにしてあるwindowsXPのVAIOでもIE7でチェックをするべく、IE7スタンドアローン版をインストールした。

インストールの参考にしたサイト（小粋空間）

でも、htaccessでアクセス制限かけてあるページがみれない．．．。
色々ネットで探したんだけどどうも解決方法がないようで。

まったく意味なし（笑）

結局アクセス制限一時的に解除したり、制限し直したり。

．．．．．．しんどいす。正直。

というかIEよ、頼むから死んでくれ。

先月から少しずつですが、ウェブ制作に関していわゆる手順書というか、自分向け参考書というか、そういうった感じでまとめるという作業をしています。

案件毎に新しい技術を導入する機会やより最適なコーディング方法などを検討・試運転・実装・検証している中で、このサイト内にメモ的には書いてきましたが、もっと自分自身体系的に保存構築しておきたい、さらにはこの作業をすることで再検証し、理解を深めたいと思っています。

で、ネットで調べるのと同時に参考書を色々目を通しながらまとめているのですが、その中で参考にしている書籍の一つが

Webリテラシー―プロデュース・ディレクション・デザイン・プログラミング (ウェブの仕事力が上がる標準ガイドブック 1)
「Webリテラシー～ 」をamazonで調べる

です。

昨日アップしたクライアントワークです。

見やすさ、理解しやすさを求めました。
トップページのコピー、頑張りました。

http://www.medisemi.com

敬語の使い方を確認し、どのレベル・どの敬語を使用するかについての仕様を決定し、制作していくことはウェブサイトを制作する上で必須のことです。
このサイトはそこらへん適当ですが、クライアントワークではそのようなことがあっては行けない。

「敬語の指針」平成19年2月2日文化審議会答申
wikipedia[敬語]

を参考にちょっとまとめてみました。

My Yahoo!のRSSリーダーがちょこっと変わった。

今までは7日間？前までの最新のエントリーのみ表示していたのが、古いエントリーでも最低５つ分は表示されるようになった。
個人的にはこっちのほうがいいですが、ユーザーによって好みがあるので色々選択できるといいように思います。

レイアウトはカスタマイズできるのでそこはいいんですが。

んーばたばたと忙しいです、久々のエントリー。

ウェブマスターになっている案件の近況を。

Yahoo Japニュース見てたら興味深いのあったので。↓

再訪問意向ランキング 2007
日本ブランド戦略研究所という会社の調査。

オフィシャルサイトを見てみると他にも色々データがあります。

web2.0的APIランキングを発見。

http://www.pingable.orgのThe Top 15 Web APIs For Your Site

1位 「YouTube API」
2位 「Flickr API」
3位 「Google Maps」
4位 「Delicious API」
5位 「Digg API」
6位 「Google Ajax Feed API」
7位 「Windows Live API」
8位 「Yahoo Search API」
9位 「Google Search API」
10位 「Feedburner API」
11位 「Facebook API」
12位 「Ebay API」
13位 「Audio Scrobbler API」
14位 「Upcoming」
15位 「MediaWiki API」

なかなか有名どころが出揃っています。

本当に欲しい情報をできる限り簡単に集めたいと思っている。
検索してあぁーでてこないよ、なんだよもう１０ページめだよフザケンなとかgoolgeもyahooもMSNも調べたし、んー教えてgooかはてな？も見てみたしとかなんていつだってやりたくない。

だからなるべく簡単にさがせるように、ネットをうろちょろして見つけたある特定のことに対して量的にも質的にもグッドなサイトをブックマークする。RSSリーダーに登録したりする。

いつもそういうサイトを作れるよう努力しているけど、
また次もその努力をより一層しなければならない情報提供サービスサイトを作ります。

スタッフもだいたい決まりそうだし、
他の色々あってとまってしまっているサイトの無念をはらすためにも（笑）
相当頑張ります。

今まではデザイン・コーディング・ディレクションを主にやってきましたが．．．

ウェブマスターになりました。

もちろんこのサイトやスパイラル関係のサイトはウェブマスターでもあるんだけど。

あるサイトのリニューアルで別制作会社が作って、それを僕が管理。その後運営も管理。
というスタイルでは初のウェブマスター。

．．．なりゆきで。

どうなることやら。

とりあえず○○制作会社のうち担当の方、頑張ってください。
いや、違った、一緒に頑張りましょうか。

違った角度からウェブを眺めることができそうですごく楽しみな感じになってきた。

検索サイト
百度

このサイトがオープンして1ヶ月が過ぎましたがGoogle AdSenseに関して、英語広告の表示はやはり起こっていて、その解決方法を導入しました。

よく落ちる気がする。Windows Interet Explorer 7　というブラウザが。
なんだろな、原因をちょっと探ろうとおもう今日この頃．．．。
ツールバーとか追加しているツールが原因か、IE7そのものか・・・んー。

この本をamazonで買う
現：株式会社セシールネットマーケティング本部執行役員（元：ライブドアウェブディレクター、キノトロープディレクター）である島元大輔氏によるWebディレクターblogを元に編集された本。ウェブディレクターという職業について、経験を元に語られています。

http://www.spiral-records.com/wimil/

SIRAL RECORDSメンバーKohei Yamazakiのサイト、" where is my island? "　オープンです。

SPIRAL RECORDS Web. ようやくリニューアル。

新しいレンタルサーバを契約しました。
heteml [ ヘテムル ] です。

ウェブの仕事でクライアントの契約の関係上とかで色々なサーバ会社を利用することになります。
今回某レンタルサーバの対応の悪さに腹が立ちましたので、レンタルサーバについて簡単にレポートします。

新規ドメイン取得ついでにドメインの種類について一度確認。

新しいサイトオープンに向け、本日ドメインを取得しました。

先日書いたGoogle AdSenseで英語の広告しかでないという現象ですが、
早速日本語の広告がでてきました。

google AdSenseをサイト内のいくつかの場所に導入しています。