私は 1980 年生まれなのですが、1993 年から1996年辺りに中学生、高校生を迎えました。勝手な解釈ですが、その当時の J-POP が一番いいと思っています。おそらくたまたまその時代に、そういう文化に触れたのが原因なんでしょうけど、今でも YouTube でその年代の曲を聴くことがあります。だいたいの曲が YouTube にあるんですよね。と、ふと考えてみると、その時代のランキングを元に YouTube の動画と関連付けたらいいんじゃないか、と思えてしまったので、ちょっとサイトを作ってみました。それが、 OMG! Music Guide Japan オーマイガッ！ミュージックガイド ジャパンです。ランキング自体は、独自にデーターベースで持っているのですが、基本は、アーティスト名と曲名で YouTube API を叩いて表示する、という感じです。ネーミングは。。。。 omg.jp というドメインを長いこと持っていたのですが、使うあてがなかったので、これにしてみました。最初は「ここが日本のオーマイガッの画像集だよ」って感じの画像サイトでも作ろうかな、と思っていたのですが、なかなか面倒で。ということで、ちょっともったいない感じもするのですが、ドメインを眠らせておく方がもっともったいないと思いましたので、ここで使うことにしました。

OMG! Music Guide Japanでは、1968年から1999年までの曲のランキングを載せて、それと YouTube を関連付けました。実際のところ、単純に曲名だけで検索してもダメなわけで。つまり同じタイトルの曲がひっかかってしまったりしまうので。「桜」とかがいい例ですね。となると、アーティスト名と一緒に検索するのですが、アーティスト名やタイトルも、一般人が入力すると揺らぎがあるんですよね。「〜」とか「’」とか「-」とか略称とか。。。なので検索精度を高めるのは少々面倒なのですが、ちょっとだけがんばってみて、9割5分型ひっかったので、まぁ、こんなもんで落ち着けました。正直キリがない。。。それでも、サザン関係はカラオケがひっかかることが多いですw というか、この投稿を公開した時点のランキングトップの V6/Coming Centuryの歌はいきなり外しているや。。。「/」関係も厄介なんだよなー。

あと、 YouTube に公式チャンネルを持っているアーティストもいます。宇多田ヒカルさんやスピッツ、GLAY、ELT、中島みゆきさん、など。そういったアーティストの映像もいっぱい YouTube で見ることができるので楽しみな結果になっています。

と、9割型作ってみたところで、これって著作権って大丈夫なのかな。。。と思えてきました。私は自分で作ったものは自分の名前で活動したいし、また、堂々と著作権違反をするのは好きではないので調べてみました。まぁ、時代に合わせて皆がやっているから、とか、名前を伏せて、とか、考える人もいるのでしょうけど。

JASRAC 的にどうなの？

まず音楽関係の著作権と言えば、みんな大好き JASRAC に関係してきます。YouTube は 2008年に JASRAC と映像作品に対して包括的な契約をしました。実際に YouTube は JASRAC に広告収入の 2% を払うという契約をしているようです。細かい数字はよくわからないですが、 YouTube の広告収入の 2% ってすごい数字だと思います。しかし、よーく JASRAC のページを読んでみると、YouTube が契約していても、 embed タグ等で組み込む際には別途契約が必要なようです。つまり、 JASRAC 的には embed タグ等はストリーム配信扱いになるようです。

• ストリーム形式とダウンロード形式について具体的に説明してください
• 使用料規定早見表

JASRAC はディープリンクはやらないで、と書いてあるので、グーグルの検索結果をリンクしておきました。

営利目的ではダメのようです。つまり、広告あった場合、もしくは広告が無くても個人事業主や企業が行うと営利目的という区分に入るそうです。当初、広告なくてもリンクジュース化してくれたらいいなぁ、と思っていたのですが、私の場合は個人事業主なのでembedタグなどで埋め込みでストリーム配信をするのであれば、結局JASRAC的に使用料を払わないといけないようです。

もちろん個人でも広告収入を得ているサイトであれば JASRAC 管理曲は使用料を基本払え、と請求してくる可能性があります。現状では、JASRAC が把握しきれていないので請求は来ていないのかもしれないですが、通報されたり、発見されてしまったら、おそらく通知が来ます。それでも個人ブログで YouTube 映像を少しだけ組み込んだ場合とかはそこまで目を付けられなさそうですけどね。今回作成した OMG! Music Guide Japanでは、YouTube 映像を使用しようと思うと、かなりの曲が対象となってしまいますのでおそらく目を付けられるでしょう。そこで YouTube の映像に対してリンクをするだけにとどめました。つまり、実際には「新しくウィンドウを開く」で YouTube を開いて、そこで再生されることになります。そして、映像が組み込めないのであれば、広告を入れていいだろうということで、アドセンス、ヤフオク、アマゾンのアフィリエイトを仕込みました。

とは言っても、実は JASRAC との契約はそれほど高いものではないと思うんですよね。マジメに広告収入があるサイトであれば、ストリーム配信によって支払う金額は、月額最低5,000円、もしくは、月間の情報料及び広告料等収入の3.5％が5,000円以上だった場合はその金額、ということなので、法外な値段ではないなぁ、と。まぁ、個人事業主がそこまでマネタイズして作った仕組みでなければ、5,000円でも痛いけどね。

リンクも違法？

しかし、さらに先を考えてみると、リンクも違法じゃないの？ってこともあります。ここに関しては JASRAC の権利の範囲内の YouTube 映像に対するリンクは問題ないようです。メールで確認しました。ただ、JASRAC の権利の範囲外にある違法な映像にリンクしていた場合は、少しグレーなところはあります。「YouTube人気動画リンク集」は合法かという記事がありますね。というか、この記事を読んでみると動画の埋め込みのことを「リンク」と言っているのか、ハイパーリンクのことを「リンク」と言っているのか、わかりにくかったので分けてもらいたいところですな。一般的に YouTube の動画と連携したサイトというのは、ハイパーリンクの使用ではなく、埋め込みコードの使用なので、読んでいてもなんかしっくり来ないです。しかし、まぁ、ハイパーリンクのことを言っているのであれば、確かにちょっとグレーではあるな、と考えています。それでも、

「ロボットで拾ってきてしまうのは仕方がないが、著作権侵害っぽいコンテンツにリンクを張ってしまっているのをスタッフが見かけたら、リンクを削除するようにスタッフに徹底しておいた方がよいと思う」

ということなのですが、これもどう解釈したら良いのやら。まぁ、意図的に違反するものを選んだらダメってことなんかな。あと、どこまでをロボットとするか、というのもよくわからんですね。まぁ、 API を使用して検索して取ってくるっていうのは、意図的に著作権違反のものを選んでいるわけではないかな、と私の中で解釈しています。

他の権利関係は？

さて、ようやく JASRAC 関係を乗り越えたと思ったら、著作隣接権という問題が出てきます。つまり、JASRAC の管轄している作詞家、作曲家以外の権利ですね。歌手や演奏者に対するところかな。となると、画像も出せなくなってしまいます。サムネイル画像は劣化版だから良い、という議論もあるようで、アメリカやドイツでは、サムネイルの著作権に関しては使えるとか、使えない、とかいった議論があるようです。私としても、ここはすごくグレーな場所だと思っています。違反映像は、もちろん著作権的にアウトだと思うのですが、そうでない映像の場合はオーケーなんじゃないか、とか。。。うーん。。。よくわからない。。。日本ではもう少し静観するのがいいかな、と思うのですが、どっちにするかはまだ決めかねています。

そこで、OMG! Music Guide Japanでは、サムネイル画像を入れてみたり、止めてみたり、を繰り返していて、無駄に時間が過ぎています。。。しかし、技術的には YouTube APIでいろいろできるのに、権利関係でフルにそのパワーを使えないというのも涙ですね。。。

また、曲のタイトルやアーティスト名、ランキングを載せていますが、それらの情報は著作権の範囲外のようです。また、作詞家、作曲家の名前に関してもそのようなので、ランキングに載った作曲家によるまとめなどもできたらいいな、と思っています。まだ、やっていないですが。

あと、YouTube 上にある映像のいくつかは、日本レコード協会的にもアウトな作品があるみたいで、彼らはときどき映像の違反申請をしています。検索結果のリンク先がすでに削除されてしまった後のものなどもあるみたいです。YouTube にはがんばって、日本レコード協会ともライセンス契約をしてほしいところです。

YouTube API と広告

で、まだ先があります。YouTube の API の規約にこんなものがありました。ぶっちゃけると YouTube API を使って商用利用はしちゃダメです、という内容です。

You agree not to use the YouTube API for any of the following commercial uses unless You obtain YouTube’s prior written approval:

• the sale of the YouTube API, API Data, YouTube audiovisual content or related services, or access to any of the foregoing;
• the sale of advertising, sponsorships, or promotions placed on or within the YouTube audiovisual content or player; or
• the sale of advertising, sponsorships, or promotions on any page of the API Client containing YouTube audiovisual content, unless other content not obtained from YouTube appears on the same page and is of sufficient value to be the basis for such sales.

特に advertising, sponsorships, or promotions placed on or within the YouTube audiovisual content or playersってのが引っかかりそうな感じもしますね。このことからも映像を埋めこまなくてよかったと思っています。それでも、Using the YouTube APIs to Build Monetizable Applicationsにあるように、特定の条件で大丈夫のようです。

You can show ads on pages that display content retrieved from the API if certain conditions are met. For example, you can let users enter a search query (or retrieve a standard YouTube feed, such as top-rated or most recent videos) and show ads on the search results page.

However, you cannot run advertisements on pages that play our video content unless there is a significant amount of other important content on the page, meaning that users come to the page to access other content besides the video. In that limited case, you can run ads as long as those ads are targeted to the other content on the page and not to the video or video metadata. For example, if your page displays a video with a news article, blog entry or user profile information, then you can display ads on the page as long as the ads are targeted to the article, blog entry or user profile data.

If you are using AdSense for Content to automatically target ads to your page, use the section targeting feature to exclude the portion of the page that contains the video and its metadata.

Note: If the only reason people go to a page is to watch a video, you should not run ads on that page. If you don’t know whether you can display ads on a page, consider whether you would still be able to sell the ad inventory if you removed the video and all references to the video from the page. If so, then you can probably display ads on the page.

まぁ、ここも解釈の問題があるんでしょうが、OMG! Music Guide Japanは、ランキングサイトであって、単なる映像サイトではないです。週や月のランキングに何回入ったか、とかがメインでそのデータを元にAPIを使用しており、また、映像自体はサイトに埋め込んでいないので、クリアしているかな、と解釈しました。YouTube のデータはそもそも JSONP で持ってきているので、検索は関係ないですし、念のため、APIで持ってきているところは、section targetingで除外してあります。

というわけで、ウェブサービスを作って、広告収入を得るのも大変だなぁ、と思いました。という訳で About の最後のところに書いておきましたが、三行で説明すると、

• 昔のランキングの曲とアーティストをまとめた
• 映像配信は YouTube にまかせた
• メディアに関する著作権や利用規約を違反せずにサイトを作るのは大変だ

ということです。

あー。あと、ドラマ関係、CM関係もやってもいいかなー。今日くらいから忙しくなるので、自分ウェブサービスはちょっとできなくなりそうだけども。

先日の Carction | カークション 都道府県別中古車検索サイトに引き続き、バイク版の Biction | バイクション 都道府県別中古バイクオークションサイトをリリースしました。見た目や UI は基本全く別物です。Carction では、5kinjo3 よりも検索精度が高かったですが、今回の Biction はさらに検索の精度が高いので都道府県別の結果がより良いものになっています。と書いた所で気づいたのですが、本家のヤフーオークションを見たらなぜかバイクだけは、カテゴリ別の都道府県検索ができていて、意味ないじゃん、と。。。まぁ、YouTube も組み込んだということで。。。く、くるしぃ。

しかし Biction は、造語とはいえ、.com ドメインで 7文字ドメインか。よく取れたな。Bike + Auction で、 Biction です。ビクションとも読めなくはないけど、ここはバイクションと読むことにします。今回は、一般的にウェブの世界ではやってはいけない、と言われていることを２つしました。スパムサイトの作成と。。。ではなく、背景を黒くしたことと、横スクロールです。

まぁ、バイク関係って、ちょっとカッコいいとか、なんかノリが暗黒な感じがする人が好きそうなので、ここは、黒をベースにしたサイトにしょうと思って作ってみました。背景が黒だと、普通に作るとダサいので、ちょっとアクセントのある形でサイトを作ってみました。まぁ、デザインは得意ではないのですが、プログラマとしては、それなりかな、と。そして、次にやってはいけないこととして、横スクロール。実際は、jQuery の jScrollPane のライブラリを使用しているのですが、画像のスライダーとしては、なんかいいなー、と。

下のは画像なので、実際にはスクロールはしないのですが、Bictionのページを見れば、動作しているところが見えます。

で、どうやっているかというと、まぁ、ソースを読めばすぐわかるんだけど、ついでに説明もしてみる。
まず、jScrollPane を用意する。
CSS は次の２つを使用。ついでなのLozengeのテーマも使用してみることにする。

• jquery.jscrollpane.css
• jquery.scrollpane.lozenge.css

JavaScript は、jScrollPane の他に mousewheel も使用する。

• jquery.jscrollpane.min.js
• jquery.mousewheel.js

を読み込んで、スクロールのアイコン画像(ui-icons_222222_256x240.png, ui-icons_cd0a0a_256x240.pngm ui-icons_888888_256x240.png)も CSS がちゃんと指せる場所に置いておく。

まず CSSから。

.scroll-pane,
.scroll-pane-arrows
{
  width: 100%;
  overflow: auto;
  outline: none;
}

スクロールペインのアローアイコンの指定とスクロールペインの指定。横サイズを100%にして、overflowをautoにしている。そして、outline を noneにしている。ここで outline を none にしないとアウトラインの線が出てしまうので、それが嫌だったらすること。この辺のCSSの指定って面倒だな。私はCSSが長くてゴチャッとしているのは嫌いだけど、これだけなら歓迎だね。もちろん外部CSSが２つあるんだけど、Symfony2に入ってるAsseticBundleでよろしく１ファイルにしてくれるので、複数ファイルに分かれていることとかどうでもよくなってしまったわ。とりあえず指定はこれだけ。

で、次はJavaScript。
jScrollPaneの初期化をしてsetIntervalをするだけ。横スクロールをするだけならば、jScrollPaneの初期化で与えた内容だけでうまく動くのだけど、オートスクロールさせようと思ったら、そのオブジェクトを取得して、widthとかをゴニョゴニョしないとダメ。

  var pane = $('.scroll-pane').jScrollPane({
      showArrows: true,
      animateScroll: true,
      animateDuration: 1500
  });
  var api = pane.data("jsp");
  var max_width = api.getContentWidth();
  var display_width = pane.width();
  if (max_width > display_width) {
    var reached = false;
    var interval = 364;
    window.setInterval(function() {
      var currentWidth =  api.getContentPositionX() + display_width;
      if (currentWidth + interval > max_width) {
        interval = -(interval);
        reached = true;
      } else if (currentWidth - display_width <= 0 && reached) {
        interval = -(interval);
        reached = false;
      }
      api.scrollByX(interval);
    }, 5000);
  }

api.getContentWidth() では、スクロール内のコンテントの横の総幅を取得している。pane.width()では、実際に見えているスクロールペインのサイズ。Bictionの場合は、728px。あと setInterval内で interval となるサイズを増やしたり、減らしたりするだけ。横の総幅まで、いけば、interval を減らしていき、元に戻ってくれば、増やしていく、といった感じ。そして、それを5000ミリ秒ずつ動かしている。まぁ、説明するまでもないか。

HTMLはまぁ、説明はいらないと思うけど。。まぁ、細かいのは、Biction の ソースを読んでくれ。

サムネイル画像など
サムネイル画像など
サムネイル画像など
サムネイル画像など
サムネイル画像など

で、この横スクロール兼オートスクロールは画像ギャラリーとしていいと思うんだよね。ただ、サンプルソースとかは、ちょっとググった感じでは誰も挙げていなかったので、上に書いておいた。というわけで、横スクロールといっても、ギャラリーとしての使用のみで。

今回使用したバックエンドのスキルは、Symfony2とキャッシュ系のバンドルのみ。API はヤフオクの API と YouTube の API。Biction に関しては、バックの仕組みってよりもフロントエンドをどうがんばるか、ってとこかな。フロントエンドは、例によって、 YUI3 grids。 YUI3 grids すごく組みやすい。これやばい。そして、jQuery 系でprettyPhoto。まぁ、これもギャラリーとしてYouTube の映像をLightbox 風に見せるライブラリ。そして、上で説明した jScrollPane。普通にググると古いページの方がトップに行くんだけど、新しいページの方を見るように。縦スクロールもできるし横スクロールもできます。あと、スクロールが最後までいったら、AutoPaginateのようにAjaxで読みにいくこともできます。Bictionでもそうしてもいいかなー、と思ったんだけど、面倒だったので、スクロールが行ったり来たりする方にした。まぁ、気が向いたら、Ajax読み込みを作成するかも。

というか、リリースのエントリなのに、いつの間にか jScrollPane のエントリになっちまったよ。oh...まぁ、Bictionに関しては、同種の検索がヤフオク本家でできるなら、あまり意味がないよなぁ。それこそ少しくらいは独自の視点を入れないと。。。例えば、オークションメインではなく、映像メインのサイトにしてしまうとか。

あと Carction を作った際にも思ったんだけど、確かにたくさんの中古バイクがヤフオクに出ているけど、全都道府県から満遍なく出ているわけではないので、何も検索結果が出ないときがあるのですが、それはまぁ、しょうがないし、本家も同じだということで。しかし、バイクって、車よりも高いものがいっぱいあるね。ハーレーとかBMWとか。検索精度を高くするためにいくつかモデルを調べたんだけど、少し詳しくなっちゃったよ。つーか、バイクかっけぇ。私自身も中型の免許は持っているので、そのうちに何か買おうかしら。

5kinjo3を作成していたときに、まったくアフィリエイトにならないので、より高い値段で売れるものは何かなー、と考えていたら車だったので、5kinjo3.com に車も入れていたんだけど、もっと細かく指定してもいいんじゃない？ということで、車のオークションを外して、こっちに別サイトで作成してみた。その名も、Car + Auction で、Carction.com [カークション]。よくドメイン空いていたな。。。なんか前に誰かが中古車オークションのサイトをやっていたみたいだけど、ドメイン失効していたみたい。考えることは同じか。つか、日本人だったな。日本人の方が造語作るのかな。で、5kinjo3 はヤフオクのみだったのだけど、今回は、カーセンサーの API も使用してみる。実際の値段比較等は行なっていないので、まぁ、いいんじゃないかな？

実際は、このサイトは２月中に隠れてリリースしていたのだけども、細かいバグがあったので、とりあえずどこにも書かずにひっそりとリリースしていた。案の定、いくつかバグがあったので、ちょこちょこ直している感じ。登録ユーザを持っていないと、その辺が気が楽。誰かのデータが飛ぶとかないし。まぁ、落ち着いたら、何かユーザ機能でもつけようかな。

カークションの中古車マップでは、リクルート WEBサービス UI Libraryを使ってみた。リクルートのカーセンサーのJavaScriptのサンプルのスクリプト。最初は中古車情報と地図の連携を自分でフルスクラッチ書こうと思っていたんだけど、すでにだいたいの機能を持ったライブラリがあったので使わせてもらっている。ライブラリのメインのロジックは変わらないけど、地図に中古車の情報をプロットするように、ちょっとカスタマイズしてみた。たぶん開発時間数としては、20時間くらい削減できた来がする。

その他、車のディーラーショップの情報を入れて、地図上で検索できるようにできます。カーセンサーの中古車情報も出していて、その API では緯度経度が引けるのだけども、それと車のディーラーショップが重なる、ということは。。。もしかして、問い合わせを直接したら安く購入することができるかもしれないですね。

ヤフオク本家でも、がんばれば都道府県別で車を見ることができるんだけど、たぶん一般の人では検索の方法とかわかりずらいと思うので、このサービスはそれなりに意義があると思っている。ヤフオクでは、検索キーワードを入れて、一緒に検索しないと都道府県選択できないんで。まぁ、ヤフオク API も一緒なんだけど、検索キーワードはちょこちょこいろいろ試してみてる。自分で検索ができるような人はいいけど、きっとほとんどの人は検索でどこまで精度を高くする、というのはそれほど得意でもないだろうから、Carction | [カークション]でやってあげた。2012年3月6日時点のヤフオクよりも相当検索精度がいいはず。つーか、文章を書いてから実際にブログで書くのに時間が経ってしまったな。。。

あと、5kinjo3 は、既にグーグルからインデックスを外されているので、ちょっと休憩中。実際にサイトを作ってみてわかったこと等を、新しく作ったサイトに埋め込んでいる。例えば、いきなりトップページからは外部サイト（アフィリエイト先）にたくさんリンクを貼らないとか。たぶんだけど、5kinjo3 はそういうこともあって、インデックスから外されたのかな、と。というわけで、詳細ページまで API で取りに行っている。おかげでページが増えて増えて。。。まぁ、その詳細ページから似た条件の中古車をカーセンサー、ヤフオクで調べれるので、その辺は付加情報かな。それに、独自データベースとして車のディーラーの緯度経度をデータベースに保存してあり、ディーラーを検索したら、その近くの中古車を調べたり、逆に中古車から、近くのディーラーを調べたりする機能もあったりするので、その辺も付加情報。

Carction では中古車を切り出したので、次はバイクと楽器かな。そして5kinjo3 では、当初の目的どうり中古家具のみを扱うサイトにしようと思う。まぁ、そのうちに時間があったら。で、今は近々バイクのもできあがるかな。さらに中古楽器を扱うものも作ろうと思っている。スパム街道まっしぐらかしら。。。本当はユーザ登録をさせたりして、その都道府県の人々に「売ります」的なものを入れていきたいんだけども。

実は、今頭の中にアイデアは４つくらいあるし、それらに使うドメインも既に８つくらい取ってるので、早いとこ作らないとね。。。

しかし、ユーザ登録をするものをなんか作らないとなぁ。

Carction の開発では、サーバは AWS を使用しており、 Symfony2 、カーセンサーネット API、 ヤフオク API 、YouTube API、YUI3を使っている。

１月に２サイト作って、２月は、速攻ボツった 楽じゃを作成した。楽じゃは、同種の情報の比較は規約違反だということで、楽天トラベルを外したので、実際には単なるじゃらんの検索サイトに成り下がってしまったわ。。。つーか、それだったら旅比較ねっととかどうなん、って思ってしまうけど、会社ならいいんかな。個人で API を使用する場合はダメですよってことで。考えると面倒なので、とりあえず比較サイトは作らないことにする。しかし、なんか考えんとんな。２月の途中から作っていたサイトのCarctionもリリースしたし、まぁ、コツコツとやるかな。
つーか、ちょっとボットにやられてサーバが火を吹き始めたので、今後も増やしていくならもう少しいいサーバ借りないとなぁ。つーか、今のところサーバ代も稼げてないや。。。

5kinjo3がちょっとスパム臭がするんではないか、と突っ込まれたりしていますが、元々は 5kinjo3 を作る予定ではなくて、今回の ScubaEye を作っていて、結構時間がかかりそうだったから、オークションのところだけ切り出して出したものでした。本当にやっていたのはこっち。

現在は、３つの主な機能を持っている。まずダイブショップのデータベース、次にダイビングの画像（CC）、そして5kinjo3と同じようにオークション。将来的には、ダイブショップのデータベースは編集可に。そして、ダイビングの画像は、フォトログのように１日１枚くらいダイビングの画像を少しばかり説明するようなのができたらいいなぁ、と思っている。

ダイブショップのデータベース

今のところはダイブショップのリストを地図上、もしくは都道府県上で見ることができる。そして、ホームページがあれば、そのホームページの「いいいね数」や「ツイート数」も表示。まぁ、あまり意味はないような気もするけど、とりあえず。。。ちょっとスパムメールっぽいけど、各ページが編集できるようになったら、各ダイブショップにダイレクトメールを送って、編集してくれないか、とお願いする予定。何度も送らなければ迷惑ではないかな、と。また、5kinjo3 と同じように各都道府県に基づいた出品を表示。もちろんアフィリエイトｗ

ダイビング画像(CC)

ダイビングをする人は写真大好き。つーか、ハウジングやレンズの方が実際の本体よりも高いなんてことはざらにあって、はまる人はそこからストロボだとかいろいろしてしまうのだ。私は、そんなにお金もないので、趣味程度に抑えているけど、Flickr にはダイビングの写真を挙げている人が結構多いんだな。CC以外もAPIで引けるので出してもいいのかなぁ、と思いつつ、とりあえず今回はCCのものだけを出してみた。将来的にCCで公開されている画像を取り上げたフォトログみたいなものを作ってもいいかもと思っている。あと、YouTubeもありだけど、日本国内だけだとまだ早いかなぁ。

ダイビングオークション（ヤフオク）

最後に、ダイビング器材も結構オークションと相性がいいので、このサイトにオークションのも組み込んでみた。実際私の持っている器材は、重器材も軽器材も全てヤフオクで落としたもの。貧乏人の私には新品は買えねぇ。。。というわけで、どっかのショップに無理矢理購入させられたけど、実際に使わなくなった人が安くヤフオクに出しているので、それを落札させていただいた。
おわかりにように 5kinjo3 はこの部分を切り取っただけのサイト。

中身について

ダイブショップのデータは、 PADI のサイトや NAUI のサイトらからごっそりスクレイピング。彼らは自分の団体しかまとめないので、総合的に見れたサイトもあったらいいと思うんだ。あとは サムネイル画像も API でごそっとな。画像は Flickr API そして、 ヤフオク API。UIに関しては、YUI3のコンポーネントをもう少しがっつり使った感じ。tabviewとかhistoryとかlightboxとか。GoogleMapsのところは、MarkerClustererPlusを使用。うまくジオコードで経度緯度が取れずにかぶっているところは、ちょっとMakerClustererのclick zoom のところを修正して、一覧表示できるようにした。とりあえずはこんなとこかな。

レイアウトのデザインがほとんど一緒なのは作っている人が同じだから。。。ワンパターンだなぁ。
密かに 5kinjo3 もちょっとデータを作成していて、そのうちデータベースが追加される。第二弾の ScubaEye では、最終的にショップのユーザログインもサポートする予定だし。第三弾は何かなぁ。作ってーって言われている化粧品サイトの EC にしようかな。ちょこちょこもっと実用的なものに移行していくかな。

今でもメインは、symfony1.4系を使っているのですが、Symfony2 をもっと知るべきだと思って勉強するためにサイトを作ってみました。ついでにアフィリエイトサイトにしてしまえ、ということで、 5kinjo3.com | ご近所さん をリリースしました。年末からちょこちょこ開発を進めていたのですが、意外に時間がかかってしまいました。実は年末年始に読んでいた symblog が気に入ったので、その翻訳もしていて（まだ出していない。。。ひと通りできたけど、校正中）、それを読みながら作ったサイトのようなもんです。なので、実装方法はほとんど symblog と同じ？データベースを使っていないところ以外は。

サービスについて

私自身もヤフーオークションは使うことが多いのですが、送料がバカにならないことがあります。アマゾンに慣れてしまっていると、送料のことを考えずに落札してしまうんですよね。そして、落札商品の実際の送料って余裕で1000円オーバーとかあるんですよね。それだったら、結局安く落札した意味ないじゃん。。。ってことで、もし出品者が近くに住んでいたら、引き取りに行きたいじゃないですか。

特に冷蔵庫とか洗濯機とか送料が5000円オーバーとか余裕であるんですよ。今、使っている洗濯機は実はヤフオクで落札したのですが、近所の人だったので台車を持って取りに行きました。本当は車があると便利なのですが、あまり車の運転が上手ではないので。。。

というわけで、引き取りが可能かもしれない商品を検索するサイトということです。都道府県別に出品者を調べているので、自分の住んでいる、もしくは隣接している都道府県なら引き取りの可能性もあるんじゃないかな、と思ってます。もちろん出品者が「引き取りオーケーよ」って言ってくれないとダメなのですが、一般の出品者だったら、特に問題がないんじゃないかな、と思っています。5kinjo3 では、「一般」のユーザによる「中古」の商品のみを検索対象としているので、だいぶ絞れていると思います。実は、ヤフーオークション API が出たすぐ後に te2te.comというサイトを作ったのですが、まぁ、勉強がてら作ったものであまりマジメにデザインもしなかったのですが、今回はとある仕組みで作っていたデザインがボツったので、それを拡張してもう少しキレイにしてみました。

というわけで、引越しシーズン到来ということで、自分の住んでいる都道府県で、欲しい中古品をオークションで検索して落札してくださいな。

Symfony2 について

今回のサービスは、 Symfony2 の機能をひと通り使ってみようということでやっています。しかし、セキュリティ関係は全く対応していませんし、データベースも使用していません。今回は、TwitterBundle(実際は、twitteroauthのみ使用。。。) と、KnpZendCacheBundle、MakerLabsPagerBundleを使ってみました。あとは Twig のエクステンション、swiftmailer、monologを使ってみました。あぁ。Asseticも使ったかな。ツイートもするコマンドも作ってみました。適当な時間にサイトの URL をランダムでツイートします。

今回のサイトは、データベースを使用していないので、ほとんどキャッシュをさせる必要はないんですよね。十分速い。ただ、ヤフーオークションの API を叩いているので、この結果をキャッシュ化する必要はあるのですが、これは、 KnpZendCacheBundle でやりました。ヤフーオークション API は有難いのですが、やっぱりリクエスト限度があるので、しょうがないかな、と。本当は、予めよく使うものだけ持っておいて、あとはキューとかで非同期でやらせるのがいいのかな、とかは思っています。

次の自分プロジェクトでは、 FOSUserBundle を使ってログインさせたりするものを作ろうとしています。というか、そっちを作っているうちに、とりあえずオークションのところだけ出してみるか、ということで、後に作り始めたこっちのサイトをリリースしてしまいました。

デザインについて

センスはいつものように皆無なのですが、YUI3ベースで作ってみました。YUI2のときからCSSはよく使っていましたが、YUI3のグリッドはよくできていますね。細かいアイコン等のデザインさえ揃っていれば、あとはだいたい自分でできるかな、と思っています。レイアウトで参考にしたサイトは、 nanapi ですね。ヘッダとか、グリッドのサイズとか真似てみました。
あと、Google Web Fontを採用してみました。日本語の無料 Web Font もあるみたいなのですが、結構重いんですよね。。。とても使う気になれない。ということで強引に英数字で表示するサイトとしました。また、 密かにスマートフォン用は、JQueryMobileで作成してありますので、暇なときに見てみてください。

実際はまだこのサービスは途中で、その日の落札が多いオークションを自動投稿するブログみたいなものを作成しておこうかな、とは思っています。ちょっとスパムっぽいかな。

ユーザ管理系だと何があるかなー。そのユーザの知りたい都道府県とキーワードを入力させて、その条件があったときにアラートメールをするとか？出品者にもう少し目立たせたい、ということで使うとか？ユーザ管理とかさせると一気にメンテナンスコストが高くなるので、とりあえずは放置かな。

しかし、いろんなアフィリエイトサイトでは、嫌儲の人が多いせいかあまり名前を大々的に出してやっている人は少ないですね。まぁ、私は名前と写真を出してみました。特に卑しいとも思っていないので。密かに個人でプロデュースしたウェブサービスで、ここまでの完成度のものは、これが初めてかも。今年どうやって食べていこうか考えているので、結構必死なんですよねぇ。今までの人生でアフィリエイトでは、合計5000円くらいしか稼いでいないので、少しはこれが稼いでくれるといいなぁ。せめてサーバ台くらいでも。EC2を使っているので月に5000円くらいかかる！

しかし、 Symfony2 楽しいぞ。アイデアさえ出て来れば、いろいろウェブサービスを生み出せるかもしれない！

お願いがあります！サイトの内容に問題が無さそうでしたら、ツイートや、G+、いいね、はてブをよろしくお願いいたします。