読者です 読者をやめる 読者になる 読者になる

Web + Life Hack

〜True But Useless〜

【楽天・ヤフー・リクルート3社共催】第1回アフィリエイトソンで最優秀賞を取るまでのあれこれ。

ハッカソン


RakutenQute!

http://rakutenqute.me/



iphoneでのイメージはこんな感じです。
ちなみにwebアプリです。


f:id:g08m11:20130626003336p:plain



そもそも「アフィリエイトソン 」ってなーに?
http://atnd.org/event/echack1



テーマは自由で作ったアプリやサービスを一ヶ月運用して勝敗を決めるというもの。
そうです!一ヶ月の総売上で勝負するのです!
http://rakuten-webservice.tumblr.com/post/47613648503/1


これからハッカソンやアイデアソンに参加する人の参考になればと
その時のテンションで作業めもベースで書いていきたいと思います。


前日
軽くお酒が入った状態で色々、EverNoteにめもる。
事前にはてぶにタグ付けしたりすると探しやすくて便利。
この時点で一人でやることが確定。。。

リーンスタートアップでやるしかない。」

という訳で
「MVPを作る」ことにフォーカス。
出来ないことは出来ない。やれることだけをやる。


当日
デプロイ用のheroku準備。
(メアドなどその他諸々もここで準備。)

http://blog.livedoor.jp/sasata299/archives/51717651.html

移動中にドメインを取得。
http://onamae.com/

まずは楽天APIを利用しJSON形式でデータを取得。
ここはjavaScript

 $.getJSON(
      "https://app.rakuten.co.jp/services/api/IchibaItem/Search/20120723?callback=?",
      {keyword:"キーワードが入る",shopCode:"お店の名前が入る",minPrice:最小値,maxPrice:最大>値,sort:"-reviewCount",availability:在庫あるフラグ,applicationId:"独自で設定。任意",imageFlag:"1",affiliateId:"独自で設定。任意"}

その後にJSON形式で取ってき画像のリサイズを。

       if(images.length > 0){
              var imageUrl = item.Item.mediumImageUrls[0].imageUrl;
              imageUrl = imageUrl.replace(/200x230$/, '300x300');
              imageUrl = imageUrl.replace(/128x128$/, '300x300');
              var img = $("<img>").attr('src', imageUrl);
              a.append(img);
          }

それをフレームワークに当てはめる。その時、CSSをちょっといじる。

頭がボーッとしたので「ホーム画面に追加」時で使用するアイコンを作成。
http://lifework.jp.net/?p=4784

でも、女性向けなのでこっちで作成したものを利用することに。
http://ume.que.jp/~akb48/logo/

ある程度、形になったのでおなじみの

git add .
git commit -am '初回デプロイ'
git push origin master

にてherokuへソースをpush.

この後は、「修正→デプロイ」を繰り返す。


そして成果発表へ。

http://instagram.com/p/XwaCC1QYok/


評価対象期間

ハッカソン後も運用とソース修正を行いました。
内容はこちらを参照

【webアプリ】【資料】俺得!2ヶ月で約売上15万を実現したwebアプリの資料を公開します。
http://g08m11.hateblo.jp/entry/2013/06/02/234504


最後に

これからも継続して運用をしていきたいと思います。
できればハイブランドで色みを変えた別バージョンも作りたいなー。

http://instagram.com/p/a0ThUMwYq3/


http://instagram.com/p/a0y8CywYh1/

http://rakutenqute.me/


追伸

yahoo!さんに取り上げて頂きました!
共催されていたとはいえこんなに丁寧に紹介して頂けて恐縮です!

http://techblog.yahoo.co.jp/event/afthon_report/

広告を非表示にする