‘PHP’ タグのついている投稿

ネット勢力図をつくってみた

2009年12月1日 火曜日

最近すっかりTwitterにはまっておりますソライトです。

さて、今ネットでどのような企業やWebサービスが流行っていて、どれくらいの影響力をもっているのかが知りたくなり、ネット勢力図風なインターフェースをつくってみました。

ネット勢力図(検索キーワード比較)

ネット勢力図(検索キーワードヒット数比較図) – パワースフィア

今回制作するうえでのポイントは以下の点。

  1. 比較的手軽に制作したい
  2. 流動的なデータを元に生成したい
  3. それなりに信頼できるデータを参照したい
  4. わかりやすいグラフィック

1.から考えられるのはマニュアルも豊富で導入の簡単な無償APIの利用です。

2.と3.からはネットの規模に関する包括的データを持ち、かつそれなりの精度をもつ企業、Googleのデータを利用することにしました。特定の企業やWebサービスのキーワードがGoogle Web検索においてどれくらいヒット数があるか、つまり関連したページが多く影響力がある、という想定です。Google AJAX Search APIを利用すると良さそうです。

そしてそれらがテキストデータで表示されても味気ないうえに見にくいので、4.の実現のためにFlashで出力することとしました。

肝心の検索対象キーワードも本当は動的に選定したいところですが、今のところ方法が思いつかないのでひとまず思いついたキーワードだけで試作1号を送り出してみます。

完全にGoogleのデータに頼っているので公平なデータなのかどうか判断がつかないところですが、自分ひとりでリサーチするよりも遥かに精度のいい結果にはなるでしょう。

時間ができたら徐々に改良してみようと思います。

amazonアソシエイトジェネレーターをつくってみた

2009年11月15日 日曜日

今後Webデザインや独立に関する本などでおすすめできるものを紹介する予定ですが、amazonアソシエイトを利用しようとするも、amazon公式の商品リンクがなにか気にいらない。

▼amazon公式の商品リンク

気に入らない理由として考えられるもの

  • 商品画像が小さい
  • 縦並びしかレイアウトがない
  • iframeタグはできれば使いたくない

ということで、オリジナルレイアウトで自分のブログへ挿入するためにカスタマイズしたのがこちら。

▼オリジナルレイアウト

佐々木希 Non
佐々木希 Non
佐々木希
  • ASIN: 4087805468
  • 価格: ¥ 1,000

改良点

  • 商品画像をひとまわり大きくした
  • 商品画像の横に情報が並ぶようにした
  • table不使用(インラインCSSでなんか苦しいけど)
  • cssのfloatやclearを使うとサイトのレイアウトを崩壊させる恐れがありそうだったので、positionレイアウトにしてみた

さらに、何度も手入力で上記タグを書き換えるのも面倒だったので、動的にアソシエイトリンクを生成できるジェネレーターを制作。自分用のつもりでしたが、同じように公式レイアウトを変えたいと思っている人がいるかもしれないので公開します。

アマゾン アソシエイトジェネレーター β

ちょっとググれば高機能なアソシエイトリンク作成ツールを公開されている方はたくさんいるので、細かくカスタマイズされたい方はそちらをオススメします。