2012-09-14

週6フリーターWEBサービス作ってみました。

こんにちは。週6フリーターです。WEB業界で働く為に勉強中です。

ちゃんと働いてカーチャン温泉につれてくんだ。。。

下記の記事に触発されて自分WEBサービスを作ってみました。

・『自分WEBサービスを作りたいと思っている人へ』

 http://anond.hatelabo.jp/20101203150748

・『Rails3 と jQuery で、真面目にオシャレなエロサイトをつくってみました』

 http://d.hatena.ne.jp/inouetakuya/20120331/1333192327

あ、でも今回作ったものエロ関係ありません(笑)

下記が今回の製作物になります

今回の製作

 はてブ1000users超え記事アンテナ(´・ω・)』

 http://hatebu-1000users-over.com/

 ・このサイトについて

 はてなブックマークにて1000users以上取得した記事をジャンルごとに自動取得しているアンテナサイトです。

 カテゴリタグ)は適当はてブ上位の記事に共通しているタグ適当に集めました。

 カテゴリ

 ・政治 : http://hatebu-1000users-over.com/seiji.html

 ・仕事 : http://hatebu-1000users-over.com/work.html

 ・就活 : http://hatebu-1000users-over.com/syukatsu.html

 ・起業 : http://hatebu-1000users-over.com/kigyou.html

 ・レシピ : http://hatebu-1000users-over.com/recipe.html ※全国の奥様にオススメ!!

 ・ライフハック : http://hatebu-1000users-over.com/lifehack.html

 ・勉強 : http://hatebu-1000users-over.com/study.html

 ・英語学習 : http://hatebu-1000users-over.com/english.html

 ・健康 : http://hatebu-1000users-over.com/kenkou.html

 ・WEBサービス : http://hatebu-1000users-over.com/webservice.html

 ・WEB製作 : http://hatebu-1000users-over.com/webseisaku.html

 ・デザイン : http://hatebu-1000users-over.com/design.html

 ・スマートフォン : http://hatebu-1000users-over.com/smartphone.html

 ・プログラミング : http://hatebu-1000users-over.com/programming.html

 ・2ch : http://hatebu-1000users-over.com/2ch.html

 ・NAVER : http://hatebu-1000users-over.com/naver.html

 ・Twitter : http://hatebu-1000users-over.com/twitter.html

 ・Togetter : http://hatebu-1000users-over.com/togetter.html

インスパイア

・『はてなブックマークで「1000users」越えの超優良エントリーだけを抽出する方法

 http://blog.livedoor.jp/tkfire85/archives/55471814.html

・『はてブ定番!1000ブクマ連発の「NAVER まとめ」のまとめ。』

 http://blog.livedoor.jp/tkfire85/archives/55513151.html

自動抽出したら便利かも?」と思った次第です。

使用した技術

Google Feed API

 ・解説:RSS情報の取得と出力に使用。

 「"仕事"というタグで1000users以上取得」という条件をフィード出力など。

 ・参考サイト

  『Google Feed API』 : https://developers.google.com/feed/?hl=ja

  →公式サイト

  『Google AJAX Feed API入門』 : http://www.ajaxtower.jp/googleajaxfeed/

  →スクリプトまんまお借りしています。この場を借りて感謝

twitterbootstrap

 ・解説:Twitter社が提供するCSSフレームワークサイトデザイン(外見)に使用。

  自動レスポンシブ、適当に組んでもそれなりの今風サイトになるので便利。

 ・参考サイト

  『Twitter Bootstrap』 : http://twitter.github.com/bootstrap/

  →公式サイト

  『Twitter Bootstrap (v2.0)の基礎』: http://dotinstall.com/lessons/basic_twitter_bootstrap_v3

  →超有名な初心者向けプログラミング学習サイトドットインストール様。

   HTML,CSS,PHPの基礎習得もこちらで。上記のサービスくらいは十分に作れます

  『Bootswatch』 : http://bootswatch.com/

  →Twitterbootstrapの外見を一発で変えることが可能です。

はてなブックマーク数を画像で取得

 ・解説:どれだけはてなブックマークにてブックマークされたか

  ブックマーク数を画像で取得することで説得力を持たせてみました。

  1000を超える数字が並んでいるとなかなかに壮観。

 ・参考サイト

  『指定したサイトはてなブックマークの人気エントリを表示』:http://www.ajaxtower.jp/googleajaxfeed/sample/index1.html

  →まんまです。こちらもスクリプトまんまお借りしています。この場を借りて感謝

忍者ツール

 ・解説:ソーシャルブックマークボタンのセットが欲しかったので使わせて頂きました。

 ・参考サイト

  『忍者ツールズ』 : http://www.ninja.co.jp/

  →今回使用させていただいたサービスの他にも便利なツールが盛り沢山です。

Favicon

 ・解説:お気に入りとかの横に出る画像のあれですね。

 ・参考サイト

  『Favicon Japan!!』:http://www.favicon.jp/favicon_auto_create/ :

  →任意画像自動Faviconに変更してくれます。便利。

⑥その他

 ・使用サーバー

 『エックスサーバー』 : http://www.xserver.ne.jp/

 →堅牢。信頼出来るレンタルサーバー様です。

 ・基礎学習

 『ドットインストール』 : http://dotinstall.com/

 →上でも触れましたが有名な初心者向けプログラミング学習サイト様。

  こちらの講座をだら見しているだけでも勉強になります

 ・副産物

 『2chまとめサイトアンテナ』 : http://2ch-matome-site-antena.com/

 →せっかくなのでなんか別のも抽出してみようかと。。。

 ・副産物内のAmazonベストセラー素敵リンクHTMLCSS

 『Amazonランキング情報(RSSフィード)を表示するブログパーツアフィリエイトで使えます

 : http://blog.livedoor.jp/jimuguri/archives/51958798.html

 →こちらもスクリプトまんまお借りしています。この場を借りて感謝

以上です。もし良かったら一度見てあげてくれると嬉しいです。

はてブかいいねとかツイートとかしてくれるともっと嬉しいです(笑)

改めて見ると他所様の借り物ばかりでなんか勉強になっているのかいないのかあれですが。。。

(2012/09/16)追記

こんにちは。週6フリーターです。。。

いや、時給850円肉体労働を終えてはてブ数を見た時の驚きと言ったらもう。

①頂いたコメントについて&姉妹サイト併設

 驚きつつ、Twitterはてブにて頂いたコメントを拝見させて頂きました。

 皆様本当にありがとうございます

 お褒めの言葉もあればきつめのお言葉もあり、『とにかくまず作ってみてよかった』と改めて感じました。 

 

 さて、頂いた意見の中で多かったのが 

 『1000はやりすぎでは?』

 『もう少し絞って欲しい』

 『1000超えると逆に...』

 こちらに関しては、各カテゴリについてさらに絞ることも出来るのですが、

 "TOPページ→カテゴリ選択→ユーザー数選択"という2工程を経てしまい、

 "可能な限り全てのメニューにTOPページから一発アクセスをしたい"という

 思いから断念致しました。

そして代わりにこのようなものを作ってみました。

 はてブ流行る直前記事アンテナ( ゚-゚)』http://hatebu-hayaru-tyokuzen.com/

 下記のユーザー数の記事を取得しています

 3users近辺 10users近辺 20users近辺 100users近辺 500users近辺 1000users近辺

 新規エントリー人気エントリーカテゴリごとor総合)に入る直前の記事になるかと思われます

 タイムリー度はなかなか高そうです。

 素晴らしい原石発掘の一助になれば幸いです。

 前サイトをそのまんま流用したので手抜きもいいところですが。。。笑

 

 取得基準についての参考サイト

 『Web系の記事でホッテントリする為の8つの条件 | パシのSEOブログ

 http://www.jweb-seo.com/blog/wordpress/2009/07/21/693

 この場を借りて感謝します。

その他コメント

この人はWeb業界に入らないでこのままフリーター続けていろんなサービスを立てつづけてにリリースしていったらそのうち何か一つ当てそう。堅実ではないけど面白い人生になると思う。保証はしないw

や、正直それで生活出来るならそっちの方がいいなあw

かーちゃんのために支援

ありがとうございます。頑張りますm(_ _)m

成し遂げるためのハードルは比べて今は下がってきていると思うので、後は頑張るのみじゃないかなと思ったり。

もっともだと思います素人臭くてもとりあえず作って、とりあえず公開して、とりあえず宣伝して、というのが大切でした。

ちょうどMA8やってるから応募してみると良いよ!

なんとこんなものがあったとは。ちょっと詳細読み込んでみますありがとうございますm(_ _)m

はてブ数の動向を見て

 作ったら宣伝はちゃんとしよう! 以上です。

 実は1週間以上前に『はてブ1000users超え記事アンテナ(´・ω・)』は公開していたのですが、

 全くの閑古鳥で『これもうサイト閉じようか』と考えていました。

 そこではたと『自分WEBサービスを作りたいと思っている人へ』http://anond.hatelabo.jp/20101203150748

 にて舞台裏を公開していたのを思い出し、自分も実行したところアクセス数が非常に上がりました。

 『舞台裏を公開する』というのは37シグナルズさんも『小さなチーム、大きな仕事』にて推奨していますね。

 

 あとアクセス数が順調に上がり始めるより前に、セルフブックマークしてしまった場合

 その後すぐにブックマークされないと時間経過のはてブ増加率が下がるため、人気エントリーに入るのが困難になります

 

 なので、自分ブックマークしたくなるところをおさえて、宣伝に力を入れるのが吉かと思われます

 さもないと『宣伝記事ばかりアクセスが上がっていって肝心の本体が。。。』という恐ろしい状態になりますなりました。

 その後無事に本体の方もめでたく人気エントリランクインさせて頂きました。ありがとうございます

広告収入について

 『本当に発生するものなのか。。。』と。都市伝説だと思っていました。

 額は言えませんが少なくとも自分は満足です。

カーチャン温泉に連れていくについて

 こんな状態で苦労かけてしまっているので。。。頑張ります

以上、取り急ぎの事後報告となります

重ねてありがとうございました。

トラックバック - http://anond.hatelabo.jp/20120914214121

記事への反応(ブックマークコメント)