nitoka blog: web アーカイブ

June 19, 2011

つぶやきを監視

日本の大企業は総務・人事部門であったり、マネージャークラスの人間が社員・部下が会社に不利益になるようなことをネットでつぶやいていないかチェックしているようのです。
※残念ながらわたくしの会社も

ところによっては取引先のアカウントまでチェックしているなんで話も聞きます。

確かに守秘義務もあるのだろうけど、「新人がちょっと仕事のグチを書いたくらいでギャーギャー説教するのもね。」と思いつつも、何のプロテクトもかけられないネットのツールで世界中に向けて、ドメスティックな内容を書いてしまう若い世代の感覚も「やっぱ、ゆとり世代だから？(想像力がないというか、常識がないというか）」って思う今日この頃。

「最近の若いやつは・・・」って思うようになってきた自分はもう中年の仲間入りなのかな。

投稿者 nitoka : 10:51 PM | コメント (0) | トラックバック

February 16, 2010

Filckrとtwitter

最近奥さんがtwitterのめり込んでいるtwitterですが、Flickrと連携できることが判明し昨日から写真情報をつぶやき始めました。
＜twitter>
http://twitter.com/nitoka

＜flickrとtwitterの連携設定URL>
http://www.flickr.com/account/blogs/add/twitter

投稿者 nitoka : 07:57 AM | コメント (0) | トラックバック

February 18, 2008

SEO対策がうまくいったからといってリスティングの予算は減らせない

対策を実施しているワードがほぼすべてGoogleとYahoo!で1ページ目（１０位以内）に掲載されるようになったのですが、「じゃあリスティングの掲載順位を下げて予算を抑えようか」とはなりません。

人間欲深いもので、「今度は1ページ目の面をおさえよう」という広告というかマーケティング的な考え方になるわけです。多くの面をおさえたほうがSEOとSEM全体で考えた場合にクリック数が増えCVも増えるから。

久しぶりにふと今日思ったことをブログに綴ってみました。
放置してたらトラックバックスパムが鬼のように来てた。。。

投稿者 nitoka : 10:52 PM | コメント (0) | トラックバック

July 08, 2007

SEO対策「リダイレクト(転送)する時の注意点」

SEO対策で最近教えてもらったことなのですが、たとえばURLが変わって新しいページにリダイレクトさせたい時、ステータスコードを301転送にしないとうまく新しいURLに移転できないことがあるようです。ようはうまくインデックスがされないということになります。

Yahoo!のヘルプやGoogleのウェブマスター向けヘルプにもステータスコード301での転送を推奨してます。

ステータスコードの補足：

301(Moved Permanently恒久的移動): リクエストされたリソースは新しい恒久的なURIを割り当てられたので、このリソースへの今後の参照は、返されたURIの一つを使用するべきである。
302(Moved Temporarily一次的移動): リクエストされたリソースは、一時的に異なるURIに属する。・

301リダイレクトは恒久的な移転に利用するもので、検索エンジン仕組みでも301で転送された場合インデックス上のURLを新しいものに更新するけど、302リダイレクトは一時的な移動だから、検索エンジンのインデックスは古いままになります。

サイトのリニューアル時にURLが変わってしまうケースは多々ありますので、転送時はステータスコード301で転送させたほうがよさそうですね。

投稿者 nitoka : 06:46 PM | コメント (0) | トラックバック

May 16, 2007

ネットでの懸賞とかポイントサービスは好きになれない

グーグルに対抗する為、電通は貨幣を量産する

天下の電通様がGoogleに対抗するために「オファー型広告」なるものをはじめるそうです。要はクリックインセンティブ広告みたいなもので、ちょっと違うところはプレスリリースのPDFには以下のように書かれていますが、人によってもらえるポイントが違うよってことみたいです。

各広告の視聴対価を、生活者別、受け入れ状況別に変動させて提示し、生活者が合意した時点でそれぞれの対価が決定されます。

制作会社時代でもあったのですが、現職でもクリックインセンティブを与えるアフィリエイトサービスでトラブルがあり、どうもこの手のサービスが好きにはなれません。

懸賞サイトによっては、ポイントを荒稼ぎできるように、フォームの入力の手間を簡略化できるツールを提供しているところもあるようで、この手のツールを使ったポイント稼ぎ目的の投稿が大量がおしよせ、大抵そういうデータはデタラメな入力が多く、最終的に集計作業をするときなどにそれらのデータを削除したりする必要があり、かなり手間がかかります。

会員数や資料請求などのネットからの反響数を手っ取り早くを増やすためには、懸賞サイトやアフィリエイトなどは有効だとは思いますが、集まるデータはあまりあてにならないし、大量登録などのスパム行為の標的になれば、最悪システム障害なども発生する可能性もあるので、メリットをあまり感じられないというのが僕の意見です。

この電通が発表した「オファー型広告」今後どうなるか注目ですが、あまり主流にはなって欲しくないものです。きっとズルをする人が出てくるから。

投稿者 nitoka : 11:06 PM | コメント (0) | トラックバック

May 01, 2007

新しいGoogleパーソナライズドホームを試してみる

Googleのパーソナライズドホームのデザインテーマが変更できるようになったので早速試してみました。

デザインテーマ：ビーチ

なんだかまだ違和感がありますね。

投稿者 nitoka : 11:03 PM | コメント (0) | トラックバック

February 13, 2007

Flashでストップモーションビデオを作ってみる

beaconの2008年度新卒採用サイト素敵ですね。
beaconの2008年度新卒採用サイト

あのカタカタした感じの動画はストップモーションビデオという手法らしく、大量の写真から動画を生成しているんだそうです。

29man（ニクマン）：beacon communications 2008年度新卒採用サイト

このサイトのポイントはストップモーションビデオという表現方法を用いて映像を大量の写真から作っているところです。ビデオカメラは一切使ってません。

このストップモーションビデオの作り方はネタフルでも紹介されていますが、iPhotoを持っていないのでFlashで作ってみました。

作ったビデオはコレ（ショボいのですが）。

作り方は簡単で、デジカメの連写機能などを用いて素材となる写真を用意します。
上のサンプルは26枚の画像で作っていて、フレームレートを10fpsに設定しているので2.6秒の動画になっています。
仮にフレームレート10fpsで10秒の動画を作りたい場合は100枚の素材画像が必要になります。

素材の準備が出来たら、Flashで新規Flashドキュメントを作成し、「ファイル」→[読み込み」→「ステージに読み込み」をクリック。

このファイルはシーケンスの一部です。シーケンスのイメージすべてを読み込みますか？」と聞かれたらOKをクリックして素材画像を読み込ませます。

読み込みが完了すると、こんな感じでフレームに素材画像が割り当てられます。

コレで完成！簡単でしょ。

投稿者 nitoka : 05:57 PM | コメント (0) | トラックバック

February 08, 2007

久しぶりにprototype.js

会社でコーダーさんにprototype.jsについて聞かれ、半年振りくらいに触ってみました。
最近では、prototype.jsから派生したいろいろなJavaScriptフレームワークがでてきたこともあり、ちょっと古くなった感のあるprototype.js。

聞かれたことっていうのがAjax.Updaterを使ってHTMLの内容を切り替えられるようにしたいらしいのですが、別にAjax.UpdaterじゃなくてもAjax.Requestを使ってXMLの内容を取得、解析して表示する方法もあるので、両方を使ったサンプルを作ってみました。

サンプルページ

Ajax.Requestを使っているほうは、newしてXMLを解析する処理をpage.jsに実装しています。

function changeText(url)
{
	new Ajax.Request(url, { method: "get", onComplete:printTag });
}

function printTag(httpObj)
{
	var result = httpObj.responseXML;
	var desc = result.getElementsByTagName("description");

	$("content").innerHTML = '';
	$("content").innerHTML = desc[0].firstChild.nodeValue;
}

Ajax.Updaterを使っているほうは、ベタにonclickでnewして実行しています。

<a href="javascript:void(0);" onclick="new Ajax.Updater('content','page1.html',{method: 'get'});" >page 1</a>
<a href="javascript:void(0);" onclick="new Ajax.Updater('content','page2.html',{method: 'get'});" >page 2</a>

どちらも文字化けは起きていないとは思いますが、Safariはクセがあるので、responseTextでファイルの内容を取得するよりも、responseXMLで取得、解析したほうがよいかもしれません。

投稿者 nitoka : 04:38 PM | コメント (0) | トラックバック

February 01, 2007

Googleの検索結果Topに表示されるサイトリンクのルール

Googleの検索結果でこんな感じで、ページタイトル・説明文の下にサイトリンクが表示されるのをよく見かけます。

これは、Googleサイトリンクと呼ばれGoogleがサイト構造を解析して、ユーザーが情報を見つけるのに役立つショートカットを検出し表示させているようです。

「検索結果の下に表示されるリンクリストを編集するにはどうすればよいですか。」より

Google の検索結果の一部のサイトの下部に表示されるリンクは、サイトリンクと呼ばれ、ユーザーがサイト内を移動するのに役に立ちます。 Googleでは、サイトのリンク構造を解析して、情報を迅速に見つけるのに役立つショートカットを検出します。

サイトリンクは、ユーザーの役に立つと Google が判断した検索結果についてのみ表示します。 サイトの構造が原因で Google のアルゴリズムが適切なサイトリンクを見つけることができない場合、またはサイトリンクとユーザーのクエリとに関連性がないと思われる場合、サイトリンクは表示されません。

現時点では、サイトリンクは完全に自動化されています。 Google ではサイトリンクのアルゴリズムを改善できるよう常に努力しており、将来は、ウェブマスターによる入力を取り入れる可能性もあります。

現時点ではユーザーの手でこの表示をコントロールすることはできないので、サイト構造・ナビゲーションを見直して対応するしかないようです。
これBlogでもでるのかな？

投稿者 nitoka : 10:41 AM | コメント (0) | トラックバック

January 26, 2007

Wii向け検索エンジンClusty

任天堂Wii向けの検索エンジンだそうです。

※日本語でのキーワード検索の精度はあまりよくなかったけど

やはりこの手のサービスが登場し始めましたね。
昨年末に書いたエントリーでも言及しましたが、PC以外のデバイス用のサイト制作は増えてきそうな予感。

関連記事：
米Vivisimoが任天堂Wii用のClustyを公開。

投稿者 nitoka : 12:06 PM | コメント (0) | トラックバック

January 25, 2007

画像をポラロイド風に加工してくれるサイトPolaroize

Polaroize

面白そうだったので、早速試してみました。

加工前：(季節感がなくてすみません。。。）

加工後：

結構いい感じに加工してくれます。

投稿者 nitoka : 07:24 PM | コメント (0) | トラックバック

January 17, 2007

Sony会議ブログパーツ表示が崩れる件

主にブログマーケティング会議 sponsored by SONYに参加された方々へ

自分も含めて、ブログパーツの表示がこんな感じで崩れていませんか？

この表示の崩れですが、CSSでimgにこんな感じでborderの設定をしていると発生します。

.sidebar img {
    border: 3px solid #FFFFFF;
    }

ちょっと気持ちが悪いという方は、CSSの指定をコメントアウトしてあげればこのようにきちんと表示されます。

これでも直らない場合は、管理人さんに直接問い合わせてみてください。
取り急ぎご報告まで。

検証ブラウザ: WinXP Pro : Firefox1.5.0.9; WinXP Pro : IE6

投稿者 nitoka : 07:16 PM | コメント (1) | トラックバック

January 14, 2007

ブログマーケティング勉強会に参加します

2007年1月16日(火)に開催されるブログマーケティング勉強会 sponsored by SONYに参加することになりました。

20名限定、かつギリギリの申し込みだったのでまさか参加できるとは思いませんでした。
（抽選かつ応募者数がかなり多かったようです）

参加するからには、自分の意見をきちんと主張してきたいと思います。
Web制作会社に勤務する者として、そして自分もBlogを書いている者として。

この勉強会には下記のテーマについて議論することになっています。

ブログマーケティングにおいて企業がすべきこと、するべきでないことは何か？
ブログマーケティングにおいてブロガーがすべきこと、するべきではないことは何か？
ブログマーケティングの効果測定はどうあるべきか？
企業がスポンサーしてくれたときにブロガーはどういう記事を書くべきか？

まだ、あまり固まっていないのですが、
１については、「Blogの運営を制作会社に丸投げせずに、企業担当者がきちんと行うこと」でしょうか（制作会社の人間としての意見）。
２については、「ベタ褒めの記事を書かない、プロモーションする製品などを徹底的に使い倒してから記事を書く」
３については、まだ考え中。PVってのもなんだかな〜って感じもするし、結局どこにゴールを企業側が設定するかにもよるので、ちょっと難しいです。
４については、２とちょっとかぶるのですが「製品などを徹底的に使い倒した上での使用感などを正直に書くことでしょうか」

今のところこんな感じです。もうちょっと悩んでみます。

投稿者 nitoka : 05:38 PM | コメント (0) | トラックバック

January 12, 2007

セミナーでUrchinの有益情報をゲット

Urchinの日本国内総代理店であるプロトンさん主催のセミナーに参加してきました。
Urchin自体は2年くらい前から業務で使っていて、基本的な使用方法などはわかっていたのですが、使い方などで有益な情報があればと思い参加してきました。

そこでいくつかわかった有益情報を紹介します。

１．Urchinが売りにしている解析速度に関して

セミナーで「１GBのログファイルを約7分で解析します。」と謳っていたのですが、この１GBのログファイルというのは、ページビューでいうと1日10万PVくらいのサイトのログサイズに相当するそうです。
僕の場合、Urchinの保守と管理をしているのでApacheのログローテートのタイミングとログ解析のタイミングは非常に重要で、僕の場合ログの解析が終わってからApacheのログローテートをするように設定することがほとんどなので、この辺のどれくらいのボリュームでどれくらいの解析時間がかかるのか理解していないと設定ミスをしてしまうので、いいことを教えてもらいました。

※ただこの7分っているのは、ちょっと古いスペックのPCでベンチマークを測ったものらしいので、高スペックのサーバー機であればこんなに時間がかからないと思いますが。

２．経路追跡に関して

レポートの設定時に経路の追跡数を設定できるのですが（最大10・デフォルト3）、Urchinを使っているユーザーの大半は３～５に設定しているそうです。
10ページまで経路追跡をさせるとかえって、ややこしくなって分析しにくくなるそうなので、３～５ページまで追跡するのが無難なようです。

Urchinを業務で使用している方は参考にしてみてください。

追記：
僕の関わっている1万PVのサイトの一日分のログファイルのサイズが11MBだったので、1GBのログファイルが10PVを想定しているってのはちょっとおかしいかも。
Cookieを出力するようにしたって、gifやjpegのファイルのログも出力するようにしたって、ちょっとおかしくないか。
まあ、これを答えたのは営業の人だったから間違えてたのかな。
2006-01-18

投稿者 nitoka : 05:39 PM | コメント (0) | トラックバック

December 29, 2006

フルスクリーンのAllFlashサイトは時代遅れな気がする

Opera、Wii用ブラウザを提供開始

供給が始まりましたねWii用ブラウザ（まあWii持ってないんですけど・・・）。
このWiiブラウザなんですがもちろん普通にサイトをブラウジングできるはずなのですが、より快適にブラウジングしてもらうサイトを作るにはいくつかルールを守る必要があるようです。

Web design guide for Opera Browser on Wii
表示領域に制限があるようで推奨環境は「640×480」のようです。

で、話をタイトルの件に戻すと、フルスクリーンのAllFlashサイトって1024×768を推奨環境にしてたりすると思うのですが、ようはPCで閲覧してもらうこと前提ってことですよね？
先に記述したWiiブラウザだと横と縦にスクロールが入る、もしくはレイアウトが崩れる事態が発生することになる。
スクロールしないとコンテンツがまともに見れないサイト・レイアウトが崩れてナビゲーションがわかりづらいサイトなんて見に来てもらえないですよね。

私見ですが、来年のWeb制作業界は「PC以外のデバイスからのブラウジングへの対応」っていうのが重要になってくと予想しています。
理由としてはNitendoDSが大ヒットしてWiiが発売されてFONが上陸してとか、今年いろいろ大きな動きがあって、PC以外のデバイスから、どこからでもネットにアクセスできる環境が整いつつあり、そんな状況のなかで、果たしてWebサイトはPCでブラウジングするものと決め付けてサイトを作り続けてよいのか？という疑問があるからです。

1024×768を前提にデザインされたフルスクリーンのAllFlashサイトっていうのは時代遅れになっていくような気がします。
FlashのデベロッパーやWebデザイナー達は、このようなネットの環境の変化への対応をいかにしていくかが、来年以降求められてくることと思います。
もちろん、エンジニアもね。

投稿者 nitoka : 10:39 AM | コメント (0) | トラックバック

December 28, 2006

ブラウザで演奏できるFlashサイト

画面真ん中のエリアにオンマウスしてぐるぐるマウスを動かすと音を奏でることが出来ます。しかもいくつもの楽器の音が同時に奏でられて、ハーモニーになりいい感じのメロディーが奏でられます。

投稿者 nitoka : 07:13 PM | コメント (0) | トラックバック

December 22, 2006

https://ページからhttp://ページへのリンクした場合リファラーは送出されない

「そんなの常識だよ」という人は無視してください。
知りませんでした。https://ページからhttp://ページへのリンクした場合リファラーは送出されないんですね。
昨日、弟から「https://ページからhttp://ページへのリンクした時にリファラーが取得できないのだけど、これって何が原因？」と聞かれ、「いや取れるだろ」と答えたのですがよくよく調べてみるとブラウザの仕様でhttps://ページからhttp://ページへのリンクした場合はリファラーは送出されないようです。

以下、産業技術総合研究所のページより引用

Internet Explorerのバージョン4.0以降を使用している場合には、Refererは送出されません。これは、Internet Explorerの4.0以降が、「https://」のページ上に存在するリンクを辿ったときにはRefererを送出しない仕様となっているためです。
これに対し、Netscape NavigatorやNetscape 6等が使用されている場合には、Refererが送出されます。

https:// のページから http:// のページへのリンクをクリックしたときに、 Internet Explorerが Referer: を送出しない仕様となっていることは、現在は以下のページに記されている。

 [INFO] セキュリティ保護されていない状況で Internet Explorer から Referer ヘッダーを送信しない, マイクロソフト サポートオンライン 

これは2001年当時の状況を示したものであり、その後、Netscape 6 はバージョン6.1 以降では、Internet Explorerと同様にReferer:を送出しないようになった。現在の各ブラウザの挙動を以下に整理する。

表1: https:// から http:// へのリンクでRefererを送出するか
Netscape 4.x	する
Netscape 6.01	する
Netscape 6.1	しない
Netscape 6.2	しない
Netscape 7	しない
Firefox 1.0.2	しない
Internet Explorer 6（Windows版）	しない
Internet Explorer 5.23（Mac OS版）	する
Safari 1.2.4	する
w3m 0.5.1	する

https:// ページから http:// ページへのリンクでReferer:を送出しないことは、 RFCに定められてはおらず、また、送出する挙動がブラウザの脆弱性としてみなされるコンセンサスはないため、送出しない動作に期待してWebアプリケーションを構築するべきでない。つまり、URLにセッションIDなどの秘密情報を含めないようにするべきである。

RFCにはこんな感じで書かれています。

15.1.3 Encoding Sensitive Information in URI's

Because the source of a link might be private information or might reveal an otherwise private information source, it is strongly recommended that the user be able to select whether or not the Referer field is sent. For example, a browser client could have a toggle switch for browsing openly/anonymously, which would respectively enable/disable the sending of Referer and From information.

Clients SHOULD NOT include a Referer header field in a (non-secure) HTTP request if the referring page was transferred with a secure protocol.
(参照ページがセキュアだったなら、クライアントはHTTPリクエストでリファラーヘッダーを送出すべきではない)

Authors of services which use the HTTP protocol SHOULD NOT use GET based forms for the submission of sensitive data, because this will cause this data to be encoded in the Request-URI. Many existing servers, proxies, and user agents will log the request URI in some place where it might be visible to third parties. Servers can use POST-based form submission instead

SHOULD NOTってなってますが、実際はMustNotなところでしょうか。
上記の産業技術総合研究所のページにある各ブラウザの対応表でも、最新のものすべてリファラーを出さない仕様になっていますからね。

一昔前はページ遷移をリファラーでチェックするような仕組みを使っていましたが、今どきは使わないというか使えないですね。

投稿者 nitoka : 03:11 PM | コメント (2) | トラックバック

December 20, 2006

このBlogの戦闘力は64

今話題（？）のWebスカウターでこのBlogの戦闘力を計測してみました。

計測結果：

64・・・
7,201位。

ラディッツ(1500)以下かよ。。。

ちなみに一位はCNET Japan 。戦闘力は14770！べジータ級です。

もっとがんばってラディッツの戦闘力くらいにはなりたいっす。

投稿者 nitoka : 10:02 AM | コメント (0) | トラックバック

December 15, 2006

オンラインビデオ編集サイトJumpcut（ジャンプカット）

今話題（？）のオンラインビデオ編集サイトJumpcut（ジャンプカット）を試してみました。
米国では、ワーナー・ブラザーズ、フォックス・アトミックなどがその技術を利用してプロモーションサイトをオープンするなどしているようで、「オープンソース・マーケティング」なんて呼ばれているそうです。

手元に動画ファイルがなかったのですが、Flickrの画像ファイルをインポートできるのでBGM付きのスライドショーを作ってみました。

まだ使い込んでいないので、作ったスライドショーの完成度は低いですが、操作はそれほど面倒ではないので、時間があるときにでもちょこちょこいじってみようかと思います。

投稿者 nitoka : 03:12 PM | コメント (0) | トラックバック

December 14, 2006

画像の色を抽出して背景色を変えるフォトログ

PHPで画像に使われている色を簡単に抽出する方法

この記事を参考に、画像の色を抽出して背景色を変えるフォトログを作ってみました。

作成したフォトログ

とっても動作が重いのは、画像データをFlickrAPIを使って都度引っ張ってきているためです。

画像の色の抽出はGetMostCommonColors（colors.inc.php）というクラスを使っていて、使用方法はこんな感じ。

$ex=new GetMostCommonColors();
$ex->image='hoge.jpg';
$colors=$ex->Get_Color();
$colors_key=array_keys($colors);

戻り値として、HTML色をKeyとしてその色の使われた回数を格納した配列が帰ってきます。
配列は、使われている回数でソートされていて、array_keys関数でKeyを取得すれば、$colors_key[0]で一番使われている色がわかりますし、$colors[$colors_key[0]]で使用回数もわかります。While文なんかでループさせれば、使われている色と回数がすべてわかります。

作ったフォトログはこんな感じでBodyタグのStyleを動的に出力しています。

<body style="background: #<?php echo $colors_key[0]; ?>;">

使い方は簡単なので試してみてください。

投稿者 nitoka : 02:50 PM | コメント (0) | トラックバック

December 04, 2006

Flickrに見る人気カメラランキング

See popular cameras on Flickr

今更なネタですが、Flickrで投稿されている写真の撮影で使用された機種の統計データを見ることが出来ます。

この統計データを見るとやはりキャノンとNikonの一眼レフが強いようで、上位はこの2社の機種が独占しています。特にキャノンは強いですね。
ちなみに携帯で撮影した画像もあるので携帯機種のランキングもあります。
（日本では買えない機種みたいですが）
ランキングを見てみると１位のキャノンの機種は日本では売ってない模様。他にも日本では、販売していないモデルが多いようなので、そのまま日本の市場には当てはまらないとは思いますが、こういったCGMな手法で集まったデータってほんとユーザーの生の声みたいなものなので、説得力がありますよね。どんな調査会社のレポートよりも。

さらに感心するのは、このランキングデータからYahoo!Shoppingへ導線がはられていることで、こんな相乗効果を見越してYahoo!はFlickrを買収したんですかね。

「Web2.0なサービスを使ってビジネスするにはどうしたらいいの？」っていう質問に答える恰好の材料といえます。

投稿者 nitoka : 07:17 PM | コメント (0) | トラックバック

November 28, 2006

EZ GREEの時代が来るのでしょうか

モバイルSNS「EZ GREE」の会員数、1週間で10万人を突破

順調な伸びといえるのではないでしょうか。
こうなってくるとどこまで巨人mixiに近づけるか楽しみですね。一過性のものではなく、この伸びが継続してほしいものです。
ただ、会員数が増えるとmixiのように２ちゃんねる化する可能性がありますが、上場後あたりからトラブル続きのmixiを反面教師に、「会員数が増える→荒れる」問題を乗り越えてほしいものです。

そしてその次はau＋GREEにtoyotaを加えて、toyota車に乗りながらGREEでドライブ情報を共有したりみたいなこともありえるのかな～なんて妄想しています。
とりあえず、今後もEZ GREE界隈の動向に引き続き注目する必要がありそうです。

投稿者 nitoka : 06:12 PM | コメント (0) | トラックバック

November 22, 2006

HTTPSのページにもGoogleAnalytics

が使えるんですね。

Google AnalyticsをHTTPS（SSL）なページで使う

スクリプトをこんな感じで埋め込むと使えるようです。

<script src="https://ssl.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
_uacct = "my analytics ID";
urchinTracker();
//]]
</script>

すべてのページにスクリプトを埋め込むのは面倒ですが、キャンペーンのトラッキングも出来るし、よいかもしれません。
信州FMさんでは導入しているようですが、法人の利用状況ってどうなんでしょうか？気になるところです。

投稿者 nitoka : 06:09 PM | コメント (0) | トラックバック

November 20, 2006

Youtubeの利用者比率

eMarketer clarifies misconceptions about YouTube's users.

アメリカのYoutube利用者の世代別の比率が発表されています。
レポート内容をみると35-64歳の割合が約55％とかなり高い数字のようです。
これまた以外なのがいわゆるティーンの利用率があまり高くない。12-17歳が12.7％で、18-24歳にいたっては7.1％と低い比率になっています。

ただ、よく考えると大人は今どきはPCで仕事をしたりするので、仕事中でもちょろっと見れたりしますが、若い学生さん達は授業をPCで受けるわけじゃないから、必然的に低い割合になるのかもしれません。

この数字をそのまま捉えれば、若者に動画でのアピールをしても効果がないのではと安易に考えてしまうと、危険な気がします。
まあ、僕はマーケティングの専門家ではないので偉そうなことは言えませんが（逃げコメント）、「市場調査の資料をそのまま鵜呑みにしないほうがいいよな」って天邪鬼な性格なので思ってしまいました。

投稿者 nitoka : 05:44 PM | コメント (0) | トラックバック

November 17, 2006

Amazonインスタントストアを早速試してみた

Amazonの新サービスインスタントストアを早速試してみました。

インスタントストアトップ画面

事前に取得しておいたアソシエイトIDでログイン。

カテゴリー選択画面

「あなたのWebサイトの内容にあったストアを作成してください。」とのことなので適当に、大好きなNikon製品とApple製品のカテゴリーを追加。
Nikonカテゴリーは「特定の商品の追加」機能で作ってみましたが、ASINとか知らんので、結構手間がかかります。
Amazonカテゴリーを使って、ある程度絞り込めば楽チンそうです。

カラーとデザインを編集する

背景色とか文字の色を選べるます。ヘッダーに独自の画像なども使えるようですが、面倒なので文字にしました。しかもベタにnitoka's amazon shop！。

サイドバーの編集

ユーザービリティーを考えて（？）、サイドバーは右に。
そのほかは、デフォルト。だんだん面倒になってきたというか、早く生成されたページが見たい！

リンクを取得

自分のサイトに組み込みたいので、iframeを選択。

生成されたMy Amazon Shop！

完成しました。やさしい人がこのページから購入してくれることを祈っています。。。

投稿者 nitoka : 07:48 PM | コメント (0) | トラックバック

November 09, 2006

多摩丘陵　花探し公園めぐり

11/19(日)に開催される多摩丘陵　花さがし公園めぐりのコースのGoogleMapsページを作ってみました。

多摩丘陵　花さがし公園めぐり

某案件でGoogleMapsを使ったコンテンツ提案をするということで、使い方を思い出すがてら久々に触りました。ページのデザインに関しては、これが僕のセンスの限界なので許してください。

ちなみにこのイベントに関する詳細は情報は小田急や京王のサイトをみてもあまりなく、こちらのBlogで割りと詳しく紹介されていました。

»小田急･京王合同ウォーキング。（薬師池公園）

天気がよければ実際に多摩丘陵　花さがし公園めぐりに参加してみようかと思います。

投稿者 nitoka : 12:04 AM | コメント (0) | トラックバック

November 02, 2006

XML_Serializerの使い方

PHPで配列からXMLに変換するクラスを探していたら、PEARのXML_Serializerがいい感じだったので、ちょっと使い方をまとめてみました。

サンプルソース:

require_once 'XML/Serializer.php';

$item[] = array('item' => 'ipod', 'price' => '30000');
$item[] = array('item' => 'mac book', 'price' => '130000');
$item[] = array('item' => 'mac book pro', 'price' => '300000');

$lists['title'] = 'shop item list';
$lists['item'] = $item;

$options = array(
    "rootName"  => "shopitem",     #rootになるNode名
    "defaultTagName" => "items",   #ループするNode名
    "encoding"  => "UTF-8",
    "addDecl"   => true,                #xmlの宣言を出力する設定
    XML_SERIALIZER_OPTION_INDENT        => '    ',    #indentの設定
    XML_SERIALIZER_OPTION_RETURN_RESULT => true
    );

$serializer = &new XML_Serializer($options);

header('Content-type: text/xml');
echo $serializer->serialize($lists);

実行結果:

<?xml version="1.0" encoding="UTF-8"?>
<shopitem>
    <title>shop item list</title>
    <item>

        <items>
            <item>ipod</item>
            <price>30000</price>
        </items>
        <items>

            <item>mac book</item>
            <price>130000</price>
        </items>
        <items>
            <item>mac book pro</item>

            <price>300000</price>
        </items>
    </item>
</shopitem>

結構お手軽な感じで、使い勝手もよさげです。

投稿者 nitoka : 06:38 PM | コメント (0) | トラックバック

October 30, 2006

動的なページもGoogleにクロールされるようになった模様

Update to our webmaster guidelines

GoogleのOfficial Google Webmaster Central Blogで発表されたのですが、Googleのガイドラインが一部アップデートされ、動的なページもクロール対象になるとのことです。

ただし、完全にというわけではなくパラメーターの数に制限があるようです。

If you can, keeping the number of URL parameters to one or two may make it more likely that search engines will crawl your dynamic urls.

これは、まあ仕方ないとしてもAllFlashサイトなんかで動的にパラメータなんかを指定できたりすると、ある特定のフレームなんかを表示させたりするときに便利だったりするので、このガイドラインの改定は結構うれしいかも。
某案件でもmod_rewriteを使ってGoogle対策をしようかななんて思っていたので、必要なくなりそうです。

投稿者 nitoka : 02:33 PM | コメント (0) | トラックバック

October 26, 2006

三角関数

プログラマーなのですが、数学は大の苦手です。
苦手すぎて高校のときも1年生で数学というものに、見切りをつけて微分積分を専攻せずに簡単な数学Ⅱにしました。（それでも成績は芳しくなく・・・）

ただ、最近特にFlashのActionScriptなんかを書こうとすると、どうしても数学の知識が必要になります。
一番の例でいうと、三角関数を使用した円運動。このサイトに円運動で使用する三角関数について、僕のようなお子ちゃまでもわかるように解説がしてあります。
サイン・コサインとか、青春時代を苦い思い出がよみがえってくるような数学用語が出てきて、あの当時はさっぱり理解できなかった三角関数についてサンプルソース付きで説明が書かれています。
高校生のときもこんな感じで、説明してくれたら理解できたのだろうかと思う一方、もしかすると今どきの高校の授業では、Flashでデモを見せながら教えることもできるんだな～なんて思ったり。
まあ、そんな素敵な先生がいたらきっとNHKのプロフェッショナルで紹介されるんだろうが・・・

妄想はここまでにして、実際にこのページに書いてあるActionScriptを流用してJavaScriptで円運動サンプルを作ってみました。

sample
円運動を実装したソース：

function move(degree) {
    radian = Math.PI/180*degree;
    e.style.left = x0 + r*Math.cos(radian) + "px";
    e.style.top  = x1 + r*Math.sin(radian) + "px";

	degree += 5;
    setTimeout("move(" + degree + ");", 2);
}

三角関数の原理はなんとなく理解できたので、次はイージングに挑戦したいと思います。

投稿者 nitoka : 10:57 AM | コメント (0) | トラックバック

October 17, 2006

最強のプロモーション

欧米のWeb界隈では動画を使ってプロモーション活動をするのが、一般的になりつつあるようですが、日本人ももっと自分たちの得意分野を活かしたWebでのプロモーションをしたほうがいいと思うのですよ。

それを実践しているプロモーション手法がこれ！

今年いろいろなWebでのプロモーションを見てきましたが、これには勝てないと思います。なんせ日本人のお家芸である漫画を使っているのですから。

ストーリーもB級な感じでよいですね！

投稿者 nitoka : 06:51 PM | コメント (0) | トラックバック

September 25, 2006

このBlogをグラフで表現すると・・・

このBlogをグラフで表現するとこんな感じになるようです。

なんだかよくわかりませんが、こんな風になるようです。

このグラフはこのサイトの機能を使って生成しています。
Blogをやっている方は、一度試してみるとおもしろいかも。

投稿者 nitoka : 11:16 AM | コメント (0) | トラックバック

September 22, 2006

ActionScriptで正規表現

ActionScriptでもこのRegExpというクラスを使うと正規表現が使えるようです。

メールアドレスを入力して「実行」をクリックすると正規表現を使って、形式チェックをします。
正しい場合は「valid email」と表示され、不正な場合は「no good」と表示されます。
ちなみにActionScriptのソースはこんな感じ、

run_button.onRelease = function(){
	var regexp = new RegExp("^([\\w\\-\\.-]+)@(([\\w\\-]{2,}\\.)+[\\w\\-]*)$","gim");
	var ss = regexp.exec(box1.text);//マッチした部分を摘出
	if( ss ){
		box2.text = "valid email";
	}
	else{
		box2.text = "no good";
	}
}

投稿者 nitoka : 02:48 PM | コメント (0) | トラックバック

September 21, 2006

CSSでのクラス・IDの命名規則

#2006 { font-weight:bold; }
とか
.2006 { font-weight:bold; }

というような数字のみのクラス・ID名って認識してくれないんですね。
どうやらCSSの仕様上なのかクラス・IDの名前の最初に数字を使うことは出来ないようです。

まあ、いまさらな情報かもしれませんが・・・

投稿者 nitoka : 04:50 PM | コメント (0) | トラックバック

September 12, 2006

Scriptaculousを使ったサンプルページ

前のGucciに影響されての記事では、moo.fxライブラリを使用したDemoページを作ったのですが、今回はScriptaculous.jsを使ってみました。

ScriptaculousDemoページ

今回は、追加で画像をクリックするとテキストが表示されるようにしてみました。
表示されたテキスト内の「close」をクリックするとテキストは消えます。

投稿者 nitoka : 03:03 PM | コメント (0) | トラックバック

September 05, 2006

懸賞投稿スパム？

プレゼントキャンペーンページなんかを作った際に、集客の一環として懸賞サイトなどにバナーを出稿なんてのは、よくある手だと思うのですが、今日はその怖さを知りました。

それは、懸賞投稿スパム！

どんな行為なのかというと、とあるツールを使うと一度に同じ内容で数件（今回は4件でした）投稿することが出来るようです。

DBのユーザー情報を眺めていたクライアントが気づいたらしく、最初はユーザーが誤ってリロードとかブラウザの戻るボタンのオペミスをして、重複したデータが投稿されたのかと思ったらしいのですが、どれもきちんと4件ずつ登録されているので異変に気づいたらしいです。

最初は僕の作ったプログラムにバグがあるんじゃないかと言ってきたのですが、仮にバグであった場合、全部の登録データが重複しているはずので「バグじゃねえよ」と説明し、「懸賞サイトの営業マンに相談してみては？」と問い合わせをしてもらいました。

するとやはり懸賞サイトの営業マンから「いやとあるサイトで重複投稿を出来るようにするツールが出回っているんですよ。」とのこと
僕もそれがどんなツールなのか探してないのですが、そんなツールがでまわっているらしいです。

世の中にはいろんなツールがあるもんですね。

投稿者 nitoka : 07:31 PM | コメント (0) | トラックバック

September 01, 2006

Gucciに影響されて

Gucciサイトすごいですね。Ajax使いまくりです。
使用しているJavaScriptのフレームワークはscript.aculo.usのようです。

このサイトに影響されてちょっとサンプルページを作ってみました。

このページの動きの実装はscript.aculo.usではなく、moo.fxを使用しています。

投稿者 nitoka : 06:18 PM | コメント (0) | トラックバック

August 25, 2006

ワイドショーを見なくても

自宅ではNHKとテレビ東京しかみないのですが、@niftyの旬ワードなんかを見ているとついつい気になる芸能情報。
ワイドショー番組を見なくても芸能情報通になるぞ！ということでこんなサイトを作ってみました。

題して、新着芸能ニュース

まあ、そのまんまなんですけど。。。

ただこのサイトを作ろうと思ったほんとの動機は、最近忘れかけたPHPを思い出すためにはじめたものなんです。
芸能情報のRSS情報は、PEARのXML_RSSクラスを使って解析して、HTMLテンプレートエンジンにSmartyを使っています。
Ajaxな感じにしようかな～なんて思いつつも、自分用なのでAjaxにする理由が全くなかったのでRSSのURLはソース内に直に書いています。

今のところ4サイトのRSSを解析表示させていますが、今後あともう4つくらい追加する予定。

投稿者 nitoka : 06:08 PM | コメント (0) | トラックバック

August 23, 2006

Google Music Trends

Google Music Trendsなるサービスがあるのを知りました。
Google Music Trendsとは、

Google Talkの音楽ステータス機能を使い、「利用者が聴いている音楽」の統計データ

なんだそうです。

ここで気になるのが、ここで話題になっている曲は実際売れているのか？と思い。
米ビルボードのサイトのHot100のランキングとシンクロしているか調べてみました。

Google Music Trends:

Billboard Hot100:

Fergie/London BridgeとGnarls Barkley/CrazyはGoogleMusicTrendでランクインしていますが、それ以外はみんな異なっている模様。まあ、悪評もカウントされるわけだからGoogleMusicTrendで上位だからといっても売れてるとは限らんか。

投稿者 nitoka : 03:30 PM | コメント (0) | トラックバック

August 14, 2006

DeliciousAPIのhttps化

トップページにあるDeliciousタグを取得するCGIが最近動いてないな～と思い調べてみたら、APIのURLがhttp://api.del.icio.us/からhttps://api.del.icio.us/v1/に変わってました。
でさらに調べを進めてみると、僕のホスティングしているサーバーに「Crypt::SSLeay」モジュールがインストールされていないようで、LWP::UserAgentリクエストを処理しようとするとそこで処理が落ちる模様。
依存モジュールが多そうなので、Crypt::SSLeayのインストールはできなさげなのでしばらくタグ機能をはずそうかと思います。

投稿者 nitoka : 06:29 PM | コメント (0) | トラックバック

August 11, 2006

IEだとimgタグをlabelで囲んでも動かない

FireFoxだとこんな感じで、imgタグをlabelで囲めばlabelの動きをしてくれるのですが、

<input type="radio" name="q1" value="1" id="q11" >
<label for="q11"><img src="images/hoge.gif" alt="値1" /></label>
<input type="radio" name="q1" value="2" id="q12" >
<label for="q12"><img src="images/huga.gif" alt="値2" /></label>
<input type="radio" name="q1" value="3" id="q13" >
<label for="q13"><img src="images/fuga.gif" alt="値3" /></label>

IEだと全く動作しない！imgではなくテキストだとちゃんと動くのだけど。
なので、IE用にJavaScriptで制御させる必要があります。

これで、IEでも動作します。

投稿者 nitoka : 10:21 AM | コメント (0) | トラックバック

July 27, 2006

Flashで作ってみました（その2）

クリックすると赤いくるくる回るボールが出てきます。

これまた、タイムラインとかの使い方はさっぱりわからないのでActionScriptのみで制御しています。

投稿者 nitoka : 12:46 PM | コメント (0) | トラックバック

July 26, 2006

Flashで作ってみました。

ぐるぐる回ります。

タイムラインとかの使い方はさっぱりわからないのでActionScriptのみで制御しています。

投稿者 nitoka : 02:55 PM | コメント (0) | トラックバック

July 25, 2006

last.fm日本語化

Last.fmが日本語化しましたね。
画面はこんな感じ。ちょっと英語版よりイケてないっす。

ただ、この日本語化サイトで腹立たしいのが、last.fm player周りの機能のすべて削ぎ落とされているみたいで、ぜんぜんlast.fmのよさが堪能できない仕様になっていてムカついてます。
itunesの再生リストを共有するなんてmixiでもやってるし、今更めずらしくないし。
早く元の機能に戻してしてほしいものです。

投稿者 nitoka : 06:31 PM | コメント (0) | トラックバック

July 18, 2006

サイト見直し時に調べること

我が弟から聞いたのですが、サイト見直し時に調査することとして、退出率の高いページがあるかどうか調査して、その分析結果をもとにサイトのリニューアル案を考えるそうです。

すでに実行している方からすれば、何を今更と思うかとは思いますが、今まではそれを調べるアクセス解析ツールなどをインストールする側で、実際に利用することの少なかった自分は、そんな風に使うのかと関心しました。

仕事では「Urchin（アーチン）」というアクセス解析ツールを使うことが多いのですが、このツールにもバウンス率という項目があり、この率の高いページが退出率の高いページになります。

これから自分の関わったサイトの情報をチェックして、このバウンス率の調査をしてみようかと思います。
サイト見直し時には要チェックな項目です。

投稿者 nitoka : 04:01 PM | コメント (0) | トラックバック

July 07, 2006

Googleパック

Googleパックなるものがあったんですね。
Google製品がまとめてインストールできるみたいですが、太っ腹なのがNorton AntiVirus 2005まで入っていることです。

今つかっているマカフィーの期限が切れたら使ってみようかな。

投稿者 nitoka : 10:30 AM | コメント (0) | トラックバック

July 04, 2006

横のスクロールバーを表示しないようにする

サブウィンドウの横のスクロールバーを表示しないようにすることができたんですね。
JavaScriptの処理自体ではなくCSSと組み合わせて使うみたいなのですが。
ネタもとからのサンプルソース：

<html>
<head>
<title>サブウィンドウの横のスクロールバーを表示しないようにする</title>
<script Language="JavaScript">
<!-- 
window.open("sub.html#5","sub","width=320,height=240,scrollbars=yes");
// -->
</script> 
</head>
<body> sample </body>
</html>

サブウィンドウ

<html>
<head>
<title>サブウィンドウの横のスクロールバーを表示しないようにする</title>
</head>
<body style="overflow-x:hidden">
 縦のスクロールバーのみ表示されます。
<br>
<table border="1" width="400" height="400"><tr><td></td></tr></table>
</body>
</html>

投稿者 nitoka : 11:12 AM | コメント (1) | トラックバック

June 21, 2006

日本人ネットユーザーのモラルの低さ

Googleにもタグクラウドサービスがあるそうで、ちょっとサイトを覗いてみたのですが、日本人のネットユーザーのモラルの低さが顕著に見られ、ちょっとがっかりな感じです。

タグなのに長文を書くやつとか、下ネタ書いたりとか、他人の誹謗中傷を書いたりとか本当にレベルの低さにうんざりしてしまいます。
他の国（USとUKだけですけど）は、あまり荒れていないので（日本人のおばかがへんなタグを登録してますが）、国際的に見ても日本のネットユーザーのレベルの低さが垣間見れます。

最近の日本人はほんとうに心が荒んでいるような気がして悲しくなります。

投稿者 nitoka : 05:28 PM | コメント (0) | トラックバック

June 14, 2006

Ajaxイン・アクション

買いました。まじめにAjaxについて勉強しようかと思います。

Ajaxイン・アクション

posted with amazlet on 06.06.14

Dave Crane Eric Pascarello Darren James 柏原正三株式会社はてな網代淳星睦
インプレス (2006/06/09)

Amazon.co.jp で詳細を見る

投稿者 nitoka : 02:50 PM | コメント (0) | トラックバック

June 09, 2006

個人情報を取り扱うフォームを作成する際の鉄則

なぜか最近、仕事で個人情報を取り扱うお問い合わせフォームを作る仕事が増えてきています。

その際に、鉄則にしている項目があるのでいくつか紹介します。
まあ、そんなのやって当然だよっていうような内容ばかりですが。。。

1.フォームの設置先がhttpsのディレクトリか確認する
2.登録完了後に、通知メールを送る際に個人情報を記載していいか確認する
3.CSVに登録データを蓄積する際にFTPでダウンロードできるか確認する

1.については当たり前すぎて説明しませんが、意外と個人情報を入力するフォームなのにSSLの通っていないものが、世の中にはまだまだたくさんあります。
2.についてはクライアントのポリシーによるところが大きいのですが、厳しい会社さんによっては、「メールで個人情報をやり取りするなんてとんでもない！」って言われることもあります。
(まあ、この場合管理画面作ったりして、開発費用を高くできるのでおいしいのですが）
3.に関しては、僕のようにWebの制作会社とかシステム開発会社ではあまりないかもしれませんが、普通の企業の場合ファイヤウォールやルーターなどで、http（80番）以外のポートを閉じる設定にしていて、「FTPが繋がらないからCSVでデータを出力してくれてもDLできないです」なんてことがあります。他にもあるかとは思いますが、この3点は必ず確認したほうがあとあとのトラブルの種を潰せるかと思います。

投稿者 nitoka : 05:07 PM | コメント (0) | トラックバック

June 06, 2006

CSSのpositionプロパティの使い方

CSSのpositionプロパティっていまいち使い方がわからなかったのですが、このサイトの解説を読んでやっと理解できました。
目から鱗でした。

投稿者 nitoka : 01:04 PM | コメント (0) | トラックバック

May 29, 2006

OSXにTracをインストール

OSXに今流行？のTracをインストールしてみました。
手順は以下、

1.Subversionのソースの入手と展開

wget http://subversion.tigris.org/downloads/subversion-1.3.1.tar.gz
tar zxvf subversion-1.3.1.tar.gz
cd subversion-1.3.1

2.Apache Portable Runtime(apr/apr-util)の準備

ソースを落としてきてもよいとは思いますが、今回はApache2.2.2のソース内のsrclib/{apr,apr-util}をSubversionのtar ballを展開したディレクトリの中にコピーして設置。

rm -rf apr-util
rm -rf apr
cp -rp ../httpd-2.2.2/srclib/apr ./
cp -rp ../httpd-2.2.2/srclib/apr-util ./

3.Neon libraryの設置

cd ../
wget http://www.webdav.org/neon/neon-0.26.1.tar.gz
tar zxvf neon-0.26.1.tar.gz
cd subversion-1.3.1
mv ../neon-0.26.1 neon

4.Swigのインストール

cd ../
wget http://jaist.dl.sourceforge.net/sourceforge/swig/swig-1.3.21.tar.gz
tar zxvf swig-1.3.21.tar.gz
cd SWIG-1.3.21/
which python
./configure --with-python=/usr/bin/python
make
make runtime
sudo make install
sudo make install-runtime

5.BerkeleyDBのインストール

こいつはなくても動くらしいのですが、念のためインストール

wget http://downloads.sleepycat.com/db-4.4.20.tar.gz
tar zxvf db-4.4.20.tar.gz
cd db-4.4.20
cd build_unix/
../dist/configure
make
sudo make install

6.Subversionのインストール

cd ../../subversion-1.3.1
GXX=yes ./configure --with-berkeley-db=/usr/local/BerkeleyDB.4.4 \
  --enable-swig-bindings=python --with-swig=/usr/local/bin/swig \
 PYTHON=/usr/bin/python PYTHON2=/usr/bin/python2.3
make
sudo make install

7.svn python bindingsのインストール

subversionのインストール作業をしたディレクトリ内で実行

make swig-py
sudo make install-swig-py
echo /usr/local/lib/svn-python > /Library/Python/2.3/site-packages/svn-python.pth

8.SQLiteのインストール

cd ../
wget http://www.sqlite.org/sqlite-3.3.5.tar.gz
tar zxvf sqlite-3.3.5.tar.gz
cd sqlite-3.3.5
./configure
make
sudo make install

9.pysqliteのインストール

pythonでsqliteを使うためのライブラリpysqliteをインストール。

cd ../
wget http://initd.org/pub/software/pysqlite/releases/2.2/2.2.2/pysqlite-2.2.2.tar.gz
tar zxvf pysqlite-2.2.2.tar.gz
cd pysqlite-2.2.2
python setup.py install
sudo python setup.py install

10.clearsilverのインストール

cd ../
wget http://www.clearsilver.net/downloads/clearsilver-0.10.3.tar.gz
tar zxvf clearsilver-0.10.3.tar.gz
cd clearsilver-0.10.3
./configure --prefix=/usr/local --with-python=/usr/bin/python --disable-ruby
sudo make
#スクリプト(scripts/document.py)の修正
--------------------------------------------------------
vi scripts/document.py
#!/usr/local/bin/python
　　　↓
#!/usr/bin/python
--------------------------------------------------------

sudo make install

11.docutilsのインストール

cd ../
wget http://jaist.dl.sourceforge.net/sourceforge/docutils/docutils-0.4.tar.gz
tar zxvf docutils-0.4.tar.gz
cd docutils-0.4
sudo python setup.py install

12.tracのインストール

cd ../
wget http://ftp.edgewall.com/pub/trac/trac-0.9.5.tar.gz
tar zxvf trac-0.9.5.tar.gz
cd trac-0.9.5
sudo python setup.py
sudo python setup.py install
cd /System/Library/Frameworks/Python.framework/Versions/2.3
sudo chown -R user_name share
sudo chown -R user_name bin
sudo ln -s /System/Library/Frameworks/Python.framework/Versions/Current/bin/trac* /usr/local/bin
sudo ln -s /System/Library/Frameworks/Python.framework/Versions/Current/share/trac /usr/share/trac

13.Tracの動作環境設定

PATHをとおす
vi ~/.bash_profile
export PATH=$PATH:/usr/local/bin:/usr/local/bin/py

sudo chmod 777 /var
mkdir /var/svn
svnadmin create --fs-type=fsfs /var/svn/test
cd /tmp
mkdir proj
cd proj
mkdir trunk branches tags
cd ..
svn import proj file:///var/svn/test -m "Import First"
rm -r proj
svn co file:///var/svn/test proj
cd proj
svn update

mkdir /var/trac
trac-admin /var/trac/test initenv

#Tracの起動
/usr/local/bin/tracd --port 8000 /var/trac/test &

コンソール上にエラーメッセージがでなければ成功。

この手順は以下のサイトを参考にしています。

お試しください。ものすごく時間かかるけど。暇つぶしにはもってこいだけど。

投稿者 nitoka : 10:59 PM | コメント (0) | トラックバック

May 28, 2006

OSXにMySQLをインストール

OSXにMySQLをインストールする手順

#MySQLのインストール先ディレクトリの作成
sudo mkdir /usr/local/mysql
#ソースの展開
tar zxvf mysql-4.1.19.tar.gz

cd mysql-4.1.19
./configure—prefix=/usr/local/mysql \
—with-mysqld-user=nitoka \  ←MySQLを動かすユーザー名
—with-charset=ujis—with-extra-charsets=all \
—with-berkeley-db—with-innodb

make
sudo make install
#設定ファイルの設置
sudo cp /usr/local/mysql/share/mysql/my-huge.cnf /etc/my.cnf

#PATHの設定
vi .bash_profile
export PATH=$PATH:/usr/local/bin:/usr/local/mysql/bin

#データベースの初期化
sudo /usr/local/mysql/bin/mysql_install_db

sudo chown -R nitoka:nitoka /usr/local/mysql/var

#MySQLの起動
mysqld_safe

投稿者 nitoka : 10:53 PM | コメント (0) | トラックバック

May 27, 2006

OSXにApache2.2.2＋mod_perl2をインストール

先々週からあれやこれや設定している。PowerBookの設定がやっと落ち着いたので、参考までに代表的なものを紹介します。

OSXにApache2.2.2＋mod_perl2をインストールする手順

なお、この手順は以下の設定が終わっている前提で話を進めます。

X11がインストールされている
Xcodeが一式インストールされている

手順

１．下準備（.bash_profile・wgetのインストール）
１．１　[.bash_profile]の設定
bashのPATHに/usr/local/binを追加する

#vi .bash_profile
#export PATH=$PATH:/usr/local/bin

１．２　wgetのインストールココからwgetのソースをDLしてインストール。

tar zxvf wget-1.9.1.tar.gz 
cd wget-1.9.1 
./configure  
make 
sudo make install

２．Apache2.2.2+mod_perl2の設定 wgetでソースをダウンロードしてインストール作業開始。

wget http://www.apache.jp/dist/httpd/httpd-2.2.2.tar.gz
wget http://perl.apache.org/dist/mod_perl-2.0-current.tar.gz

tar zxvf httpd-2.2.2.tar.gz
tar zxvf mod_perl-2.0-current.tar.gz
#Apacheをインストールするディレクトリを作成
sudo mkdir /usr/local/apache2

cd mod_perl-2.0.2/
perl Makefile.PL MP_USE_STATIC=1 MP_AP_PREFIX=../httpd-2.2.2 \
MP_AP_CONFIGURE="--prefix=/usr/local/apache2 --with-mpm=prefork --enable-so --enable-dav=yes"
make
sudo make install

#Apacheを起動
sudo /usr/local/apache2/bin/apachectl start

ブラウザで「http://localhost」にアクセスし、「It works!」と表示されればインストール成功。
お試しあれ！

投稿者 nitoka : 04:16 PM | コメント (0) | トラックバック

May 16, 2006

prototype.js + Rico でフォトアルバム

Demo

prototype.jsとRicoを使ったAjaxなフォトアルバムを作ってみました。

Ajaxを使ってXMLデータを読み込み解析して画像リストのHTMLを生成。
Ricoをつかって指定のエリアのサイズ変更＆画像を表示。

投稿者 nitoka : 04:08 PM | コメント (0) | トラックバック

April 27, 2006

GooglePageランク

気づいたら1になってました。このBlogをはじめて8ヶ月。
やっとPageランクが上がりました。
ちょっぴりうれしい。今年の年末までには2にしたいものです。

投稿者 nitoka : 04:45 PM | コメント (0) | トラックバック

March 30, 2006

イギリス人はGoogleがお好き

イギリスの検索エンジン市場シェアでGoogleが75%を占めるそうです。
Google Holds 75% Of U.K. Search Market

75%だって！すごいですね。
まあ、我が日本国にあけるサーエンジンの市場シェアもYahoo!が6割を占めるって言われてますが。。。

でも、75%となるとYahoo!UKとかMSNとかって10%台なんでしょうね。
Google好きとしては、イギリス人に親近感が持てます。

投稿者 nitoka : 12:24 PM | コメント (0) | トラックバック

March 29, 2006

Google辞書検索で辞書検索

できるらしいです。最近知りました。Googleマニア失格です。。。

検索方法はこのように、入力フォームに英和辞書検索したい場合は、英和と入力してから、目的の単語を入力します。

で検索結果はこんな感じで、英辞朗の検索結果へのリンクが表示されます。

電卓機能みたいに、直接検索結果が表示されないのは物足りない気がしますが、使っていこうかと思います。

投稿者 nitoka : 04:36 PM | コメント (0) | トラックバック

March 28, 2006

GoogleMapsにアイコンを登録

demo

GoogleMapsAPIが提供するaddListener関数のclickイベントを利用して、アイコンを登録するページを作ってみました。
地図をクリックすると吹き出しが表示されて、その中にフォームがあるので入力し送信するとアイコンが登録されます。

投稿者 nitoka : 05:36 PM | コメント (0) | トラックバック

March 23, 2006

IE7

Slashdot曰く、IE7はWindows Explorerと分離へ

Microsoftは自社製次期ブラウザInternet Explorer7をWindows Explorerとの特権的な関係の多くを削除する方針のようだ。

なんだそうです。うれしい限りです。
IEってWindowsと深く関係がありすぎて（たとえばエクスプローラ機能）ムカついてたんです。使いたくないのにアンインストールできないし。
はやく正式版が出てほしいですね。たぶん使わないけど。
すいません。アンチMSです。近いうちに開発マシンもMacに乗り換える予定。
Beta版入れたけどほとんど使わず。。。

投稿者 nitoka : 09:31 PM | コメント (0) | トラックバック

March 22, 2006

GoogleMapsに表示できるアイコン数

GoogleMaps上に表示させるアイコンの数に制限があるらしい。何個以上はダメというより、たくさん表示させすぎると動作が重くなるらしい。

なので、たとえばユーザーに任意の場所にアイコンを投稿させたりする場合、少ないうちは問題ないが、100件以上とかになると処理が遅くなるようです。

他のGoogleMapsを使用しているサイトは、どうやってこの問題を回避しているのか調べたところ、表示領域内にある情報のみを表示させていました。

要はマスターデータ上は、何万件もデータがあってその中から、表示領域の経度と緯度の最大値と最小値を取得して、マスタから該当のデータを引っ張ってくるという方法です。

表示領域の経度と緯度情報は「getBoundsLatLng」という関数で取得できます。サンプルのページでは、この値をCGIに渡してXMLデータを引っ張ってくるようにしています。

    var b = map.getBoundsLatLng();
    var args = 'minX='+b.minX+'&maxX='+b.maxX+'&minY='+b.minY+'&maxY='+b.maxY;
    var url = 'xml.cgi?'+args;
    var request = GXmlHttp.create();
    request.open("GET", url, true);

サンプル

投稿者 nitoka : 04:34 PM | コメント (0) | トラックバック

March 15, 2006

10代前半女子のBlog事情

japan.internet.com曰く、10代前半女子のBlog事情なようです。
10代前半の女の子、9割以上が「Blog」を認知

恐るべし。。。
ひょっとすると僕の周りにいるディレクターさんやデザイナーさんよりWebのトレンドに精通しているかもしれません。

負けられません。若い者には。

投稿者 nitoka : 12:40 PM | コメント (0) | トラックバック

Webの未来？

2006年というか、Webの未来のキーワードらしい。

Taking User Empowerment to the Next Level
→計算機に加えてユーザーの力を使って何かを実現しようという考え方

僕もこんなことを実現できるような仕事がしたい。
でも、現状では難しいんだろうな。環境を変えないと。。。

投稿者 nitoka : 10:54 AM | コメント (0) | トラックバック

March 09, 2006

Script.aculo.usの導入

script.aculo.usを導入してみました。サイドバーのカテゴリーリンクをドラッグすると位置を動かすことができ、Googleのパーソナライズドホームのコンテンツのような動きをします。
このscript.aculo.usはこれ以外にもいろいろな機能を提供していて、やはりprototype.jsをベースに作られています。

投稿者 nitoka : 11:22 PM | コメント (0) | トラックバック

March 08, 2006

BackPackはじめました

Webの流行に乗り遅れるな！ということでbackpackをはじめてみました。

リストやメモを Web 上でまとめることができるサービスなのですが、今のところはメモというか、仕事で調べたNet用語とかマーケティング用語とかの保存先として使って、マイウィキペディアにでもしようかと思ってます。

あと、CPANでNet::Backpackなるモジュールを見つけたので、プラグインでも作ってみようかと思います。

投稿者 nitoka : 12:07 AM | コメント (0) | トラックバック

March 02, 2006

今どきなキャリアのスタート

YouTubeなどで公開したショートフィルムがキャリアのスタートより

アマチュア映画作家David Lehre氏が、ビデオSNSサイトYouTubeなどに公開したMySpaceのパロディ化した11分のショートフィルム「MySpace:The Movie」がきっかけで、MTVの大学生用のネットワークMTVUから番組製作の契約が決まったという。すでに600万以上に視聴があったという。

なんか今どきな感じですよね。Webで話題になってキャリアスタート。そしてそれがYoutubeっていう話題のSNSからってところが。
やっぱり第２世代は、情報を発信・共有してチャンスをつかんでいくですかね。

投稿者 nitoka : 04:47 PM | コメント (0) | トラックバック

February 27, 2006

Alexaに関して

会社の人からAlexaについて教えてもらったので、メモ代わりに掲載しておきます。

2＜1＞米国・アレクサ社によるランキングの算定方法米国の Alexa Internet（アレクサ・インターネット）社が提供しているツールバーでは、Traffic Rank（閲覧量の人気ランキング）、Reach 率（認知度）およびそのランキング、Page Views（PV）＝ページビュー数およびそのランキング－などをチェックできるが、その数値は、概略以下のように算定されている。
提供内容数値の算定方法
● 何百万もの利用者がベース米国のAlexa Internet（アレクサ・インターネット）社による世界のWeb サイトのトラフィック（Traffic＝交通量）測定は何百万ものAlexa ツールバー（Alexa Toolbar）の利用者（ツールバーを自分のパソコンにダウンロードしてサイトの閲覧に利用している人たち）を対象にしたTraffic＝交通量がすべての計算のベースになっている。

●トラフィック・ランクとはそれでは、アレクサのTraffic Rank は、どのように計算されるのかというと、それは何百万ものAlexa ツールバー利用者のトラフィック量の観測・集計からはじめられる。これをベースに、各サイトのPage Views と Reach Rank を算出。現在・3 月前・6 月前というような過去データとの比較を行っていくのである。

●対象とされるサイト・ホストページとはトラフィックは、サイトあるいはサイト（ホームページ）がおかれているホストページごとに計算。例えば、そのサイトがおかれているドメインレベルがmsn.com であれば、www.msn.com、carpoint.msn.com およびslate.msn.com はすべて同じサイトの一部として扱わる。

●ReachRank （リーチランク）とはアレクサでは、Reach というインターネット閲覧者によるサイトの視聴率を100 万人に対する割合で表示。例えば、 yahoo.com のようなサイトが 28%のリーチであれば 280,000
人がそのサイトを訪れているという計算が成り立つ。これについてもランキングを行い、現在・3 月前・6 月前というような過去データとの比較を行っている。

●Page Viewｓ（ページビュー）とはPage Views は、Alexa Toolbar のユーザー１人が、他の該当サイトを1 回のアクセスで何ページ閲覧しているのかを平均値で測定したもの。そして、Page Views ランキングは、AlexaToolbar をダウンロードしているすべてのサイトを対象に行われている。傾向値としては、やはり現在・3 月前・6 月前というような過去データとの比較を行っている。

●トレンド・グラフの計算方法インターネット上のWeb サイトの閲覧では、時として任意の日に、ランキングの中で一時的に急増する多くのサイトが見かけられる。しかし、アレクサでは、トレンド・グラフ(Trends Graph)を表示する際に、3 日間あるいは 3 ヵ月という単位での平均値を算出して使用している。

投稿者 nitoka : 08:30 PM | コメント (0) | トラックバック

February 26, 2006

Youtubeってすごい！動画ってすごい！

Youtubeのパワーってすごいですね！2週間ほど前に、動画共有サイトYouTubeという記事を書いたのですが、ココ最近この記事へのアクセス数が急激に伸びています。
トップページのアクセス数の4倍もあります！
ちなみにこのおかげで、全体的なアクセス数も先月比で200%の伸びになっています。

この結果は非常に興味深いなぁと思っていて、ネットユーザーのYoutubeへの関心というか動画、動画共有というものへの関心の高さが伺えます。
新しくWebサイトを立ち上げる際のキラーコンテンツとして、動画っていうのはやはり重要な気がします。さらにいうと、ただ動画をアップするのではなく、ページ内にキーワードとして「動画」を入れてかつ<H>タグか<strong>タグで強調させてあげることが重要です。SEO対策として。

このBlogはSearch Word Cloudを導入しているので、記事がどんなキーワードで検索されているのかわかるので、動画共有サイトYouTubeの記事を見てもらえれば、どんなキーワードで記事が検索されたかわかります。

ちなみに、この記事もアクセス数を稼ぐために書いてみました。僕の分析が正しければの話ですが。

投稿者 nitoka : 01:00 PM | コメント (0) | トラックバック

February 09, 2006

All FlashサイトでのSEO対策

All　FlashサイトでSEO対策をする際に、これまではswf用のobjectタグをJavaScriptを使って書き出し、noscriptタグ内にh1タグとかを入れ込むやり方をしていました。
こんな感じ、

ただこのやり方の場合、noscriptタグ内にたくさんのテキストを入れすぎると、Google様にスパム扱いされるため、テキストの量に限界がありました。

この問題を解決するために、バスキュールのTopページ風なやり方で対応させてみました。
demo

このやり方は、JavaScriptでFlashのバージョンを判定し、指定のバージョン以上であれば、objectタグを書き出してから、divのmainクラスを非表示設定にするようにしています。


	var main = document.getElementById("main");
	main.style.display = "none";
	main.style.visibility = "hidden";

JavaScriptがOffになっていたり、FlashPlayerのバージョンが古かったりすると普通にHTMLが表示されます。

All　Flashサイト案件があるときにでも、この方法を使ってみようかと思います。

投稿者 nitoka : 04:31 PM | コメント (0) | トラックバック

February 08, 2006

Webサイトの画面占有率

ちょっと調べものをしたくて、普段はあまり読まないWebデザイン系の雑誌を読んでいたら面白い記事が書いてありました。

Webサイトのレイアウトを決める際に、全体のサイズに占める情報の割合を決めることを画面占有率（紙では版面と呼ぶ）というらしい。
単純に考えると、この画面占有率が高いほど、情報がたくさん載せられていいように思いますが、Webサイトの場合、提供する情報が多いほど占有率を低く設定する傾向が強いらしいです。

占有率が高い：
占有率高

占有率が低い：
占有率低い

つまり余白が多いほど、対比効果で伝えたいことが強調され、情報を伝えやすくなるようです。
あと、個人的にはあまり情報がごちゃごちゃありすぎると、読む気がしなくなってしまうから、なにかものを伝えたいときは占有率を低くしたほうがよい気がします。

プログラマーな僕は、画面のレイアウト決めとか関わりが少ないのですが、管理画面とかを作る際には、意識してみようかと思います。

投稿者 nitoka : 03:19 PM | コメント (0) | トラックバック

January 30, 2006

DBの値をランダムにソートする

とある案件で「ランダムにDBの値を表示させたい」との要望があったので、そんな機能ってMySQLにはあるのか調べてみたら発見しました。

あるんですねランダムソート機能！こんな感じです。

Select * from t_table order by rand();

ちなみにPostgresにもあるらしく、

Select * from t_table order by random();

これで、ランダムにソートしてくれるらしい。

投稿者 nitoka : 10:16 PM | コメント (2) | トラックバック

January 24, 2006

GoogleMapsAPIから経度と緯度を取得する

demo

GoogleMapsAPIのドキュメントを読んでいたら、地図をドラッグ、または動かし終わった後の中心の経度と緯度を返すMethodがあるとこが判明しました。

前々からあったら結構面白いことができそうだなぁと思っていたので、ちょっとうれしい発見です。（というかドキュメントをちゃんと読めば最初からわかったんですが。。。）

メソッド名は、「getCenterLatLng」という名前で使い方はこんな感じ、

GEvent.addListener(map, "moveend", function() {
    var center = map.getCenterLatLng();
    var latLngStr = 'lat:' + center.y + ' lng:' + center.x;
    document.getElementById("gps").innerHTML = latLngStr;
});

これで<div id="gps"></div>内に移動先の経度と緯度が表示されます。

投稿者 nitoka : 03:04 PM | コメント (0) | トラックバック

January 11, 2006

Lightbox JS

最近利用し始めたdigg.comのtop storiesを見ていたらカッコいいJavaScriptが紹介されていたので、早速導入してみました。

Lightbox JS
「JavaScript + CSS = Nice Picture Display」って紹介されてました。

サンプル：

クリックすると拡大画像が表示されます。読み込んでいる最中は、gifアニメーションのプログレスバーが表示されます。
なかなかいい感じです。

投稿者 nitoka : 05:03 PM | コメント (2) | トラックバック

January 04, 2006

Prototype.js

このページを参考にPrototype.jsをTopページに導入してみました。
画面横のカテゴリー一覧をテキストからgif画像に変えて、onmouseイベントで画像が大きくなったり小さくなったりします。
まだ、あまり時間がなくてPrototype.js自体の解析をしていないので、ちょっと調べていろいろ試してみる予定です。

投稿者 nitoka : 10:26 PM | コメント (0) | トラックバック

December 19, 2005

SafariのGoogleMaps文字化け対策

SafariのGoogleMaps文字化け対策を発見したので、ちょっとまとめてみました。

アイコンをクリックすると表示される吹き出し内に文字化けが発生した場合、経度と緯度情報を持つXMLファイルを以下のように修正すると直りました。
回避策：XMLに以下のエンコーディングの宣言文を記述する

<?xml version="1.0" encoding="UTF-8"?>

これで、文字化けは解消されます。しかし、これだけでは吹き出しの中の文字が縦書きになるというバグが発生してしまうので、CSSを使ってこのバグを回避します。回避策：吹き出し用にCSSのクラスを定義する

CSSはこんな感じで、Widthを指定する。

.maps{
    width:300px;
    font-size:11px;
}

マスターのXMLデータを読み込み、タグを生成するJavaScriptを以下のように修正

function createMarker(point, index, title, permalink, thumb) {
  // Create a lettered icon for this point using our icon class from above

   var icon = new GIcon();
   icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
   icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
   icon.iconSize = new GSize(12, 20);
   icon.shadowSize = new GSize(22, 20);
   icon.iconAnchor = new GPoint(6, 20);
   icon.infoWindowAnchor = new GPoint(5, 1);

  var marker = new GMarker(point, icon);

  // Show this marker's index in the info window when it is clicked
  var html = "<div class=\"maps\"><a href=\"" + permalink + "\">" + title + "</a></div>";
  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(html);
  });

  return marker;
}

ちょっと変な文章になってしまったので、あとで修正します。

投稿者 nitoka : 07:49 PM | コメント (0) | トラックバック

September 30, 2005

文字のエスケープ

PHPはありがた迷惑なことに勝手に文字をエスケープしてくれる。

原因はphp.iniの中にあるmagic_quotes_gpcっていう設定値がでONになっていると、親切にもエスケープしてくれるらしい。

余計なことしてくれるよ。全く。。
しかもデフォルトがOnになっているし。

おかげでテンプレートエンジンに渡す変数値にすべてstripslashesをかけなきゃいけないじゃん。

PHP5はデフォルトOffみたいだけど。

投稿者 nitoka : 04:48 PM | コメント (0) | トラックバック

nitoka blog

June 19, 2011

つぶやきを監視

February 16, 2010

Filckrとtwitter

February 18, 2008

SEO対策がうまくいったからといってリスティングの予算は減らせない

July 08, 2007

SEO対策「リダイレクト(転送)する時の注意点」

May 16, 2007

ネットでの懸賞とかポイントサービスは好きになれない

May 01, 2007

新しいGoogleパーソナライズド ホームを試してみる

February 13, 2007

Flashでストップモーションビデオを作ってみる

February 08, 2007

久しぶりにprototype.js

February 01, 2007

Googleの検索結果Topに表示されるサイトリンクのルール

January 26, 2007

Wii向け検索エンジンClusty

January 25, 2007

画像をポラロイド風に加工してくれるサイトPolaroize

January 17, 2007

Sony会議ブログパーツ表示が崩れる件

January 14, 2007

ブログマーケティング勉強会に参加します

January 12, 2007

セミナーでUrchinの有益情報をゲット

December 29, 2006

フルスクリーンのAllFlashサイトは時代遅れな気がする

December 28, 2006

ブラウザで演奏できるFlashサイト

December 22, 2006

https://ページからhttp://ページへのリンクした場合リファラーは送出されない

December 20, 2006

このBlogの戦闘力は64

December 15, 2006

オンラインビデオ編集サイトJumpcut（ジャンプカット）

December 14, 2006

画像の色を抽出して背景色を変えるフォトログ

December 04, 2006

Flickrに見る人気カメラランキング

November 28, 2006

EZ GREEの時代が来るのでしょうか

November 22, 2006

HTTPSのページにもGoogleAnalytics

November 20, 2006

Youtubeの利用者比率

November 17, 2006

Amazonインスタントストアを早速試してみた

November 09, 2006

多摩丘陵 花探し公園めぐり

November 02, 2006

XML_Serializerの使い方

October 30, 2006

動的なページもGoogleにクロールされるようになった模様

October 26, 2006

三角関数

October 17, 2006

最強のプロモーション

September 25, 2006

このBlogをグラフで表現すると・・・

September 22, 2006

ActionScriptで正規表現

September 21, 2006

CSSでのクラス・IDの命名規則

September 12, 2006

Scriptaculousを使ったサンプルページ

September 05, 2006

懸賞投稿スパム？

September 01, 2006

Gucciに影響されて

August 25, 2006

ワイドショーを見なくても

August 23, 2006

Google Music Trends

August 14, 2006

DeliciousAPIのhttps化

August 11, 2006

新しいGoogleパーソナライズドホームを試してみる

多摩丘陵　花探し公園めぐり