■「はてブ1000Users超えアンテナ」に触発されてWebサービスを作ってみた。

ずっとWebサービスってのを作ってみたくて、

先日の「週6フリーターもWEBサービス作ってみました。」に触発されて、

自分も何か作れるんじゃないかと思って勢いで作ってみた。

スペック

IT系サラリーマン。別に仕事でWebとかプログラムとかはやってない。IT系企業に務めているというだけ。

でもそれだとこの先が無さそうなので自分でも何か作れないかと思ってるところに、１０００を作ってみた〜を読んで奮起。

会社のエンジニアさんに「どんなの作るのが勉強になりますか」と相談したところ

「とりあえずそれ（１０００Userアンテナ）と同じようなものを作ってみれば？」と投げやりに言われ、今に至る。

・HTMLとCSS、Javascript

趣味で触ったことがあるレベル。

以前に「HTMLでWebサイトを作ろう！」みたいな本を読みながら、

何のプログラムも入っていないゲームの攻略サイトを作ったレベル。すぐ放置した模様。

上記の事を話したら、仕事で練習がてらに触らされる。四則演算ができる程度。

・趣味

体幹トレーニング。活かす場は無い。

活かす場は無いが、情報収集は好きなのでそれをテーマにすることに。

作ったもの

カラダアンテナ

http://karada-antenna.com/

筋トレ系のはてブエントリを色々まとめて表示するサービスです。

普段RSSを使っていて一番イライラする「違うタグなのに同じ記事をいくつも拾ってきやがる」を解消したいのが目的。

「なるべくAPIとかjQueryのプラグインとかを使うようにしてみたら？」という神（社内エンジニアGさん）の発言により、無駄に色々使って見ることに。

使用した技術

１．Google Feed API

解説：RSSの取得と表示。Googleさまさまです。

参考サイト

・Google Feed API　→公式サイト

・Google AJAX Feed APIの使い方メモ　→ぐぐって最初に出てきたサイト。お世話になりました。

ただこれだと複数のRSSを読み込んだ時に、例によって例のごとく同じURLの記事が別のタグのRSSからいくつも出てくる。

これを解消するにはRSSをマージして重複するのを消せばいいらしい。

２．Yahoo pipes

解説：複数のRSSをまとめて、更に色々抜いたり加工したりしてくれるサービス

参考サイト

・モジュールを繋げてマッシュアップ！「Yahoo! Pipes」の使い方

なんというかやりたいことが８割がた解決してしまった。

GoogleとYahooが手を組むとこんなに凄いのかと関心。本当はもっと色々出来るらしい。

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

解説：そのままはてブのUsers数を画像で取得してくれる

参考サイト

・ブックマーク数を画像で取得する API の公開について

４．リンク元のfaviconを取得

記事のfaviconも出せないかな？と思ったらそれもはてブのAPIと同じようなサービスがあるらしい。

参考サイト

・リンク先のFaviconを取得・表示できるWebサービス(API)とJavaScript・プラグインまとめ

・favicon (ファビコン) 画像変換サービス - Favicon Converter

５．SNSボタン

ソーシャルリンクのボタンが欲しかったので、1000Users超えさんのところでも紹介されていたのをそのまま使う事に。

参考サイト

・忍者ツールズ

GREEとかのボタンって使ってる人いるのでしょうか？

６．学習

最近はただでこんな動画が見れるサービスもあるんですね・・・エンジニアさんはほんとすごいです。

・ドットインストール

公開までの準備

公開するにあたって色々用意したもの達。

minibird　http://www.minibird.jp/

解説：サーバー。

レンサバ探してたら何故かサーバーエンジニアのSさんからここを進められた。

安かったし評判もぼちぼちなのでこだわりもなく決定。

お名前ドットコム　http://www.onamae.com/

解説：ドメイン取得サービス

Webサービスって言ったら独自ドメインだろ！ということで４８０円セールをやっていたので取ってみる。

お名前ドットコムってGMOなんですね。

参考サイト

・お名前ドットコムでminibird

広告をつける

せっかくなので広告もつけたくなったので調べてみた。

GoogleAdsenseって結構簡単に設置できるんですね。

Google Adosense

参考サイト

・AdSenseアカデミー　→Google先生の公式ガイド

Link Share

解説：iPhoneアプリのリンクを貼れる。楽天がやってるんですね。

http://www.linkshare.ne.jp/

amazon アソシエイツ

解説：書籍のアフィリエイトはAmazonさん。思ったより簡単でした。

https://affiliate.amazon.co.jp/

あと、スクロールしたらついてくるってのをやってみた。カッコいい。

参考サイト

・jQuery – メニューをスクロールに付随させてみる

PR

せっかく作ったからにはPRしてみたい。

１．ツクログ

解説：作ったWebサービスを投稿できるサイト。アンテナサイト多いですな・・・。

http://creaters.eightbit.jp/

２．つくったー

解説：Webサービスをつぶやいて宣伝してくれるWebサービス？ありがたいです。

http://inajob.no-ip.org:10080/tsukutter/

参考サイト

・作ったwebサービスをPRできる！webサービスのリンク集サイトまとめ｜ITキヲスク

最後に

こんな感じのものを色々お借りしつつ作りました。

正直全然面白いWebサービスではないのはわかってるのですが、

それでも非エンジニアでもそれっぽいものができるんだなあというのと、APIって凄いと思いました（小学生並みの感想）

色々調べながら「あ、こういうWebサービスがあったらいいかも」というアイデアはいくつか浮かんだので、

こんどはそれを実現できるようにもっと勉強してみたいと思います。

勉強なんて学生時代いらいなのでなんだかワクワクしてますｗ

よかったらWebサービスをみてやってください！

カラダアンテナ　http://karada-antenna.com/

Permalink | 記事への反応(0) | 22:46

ツイートシェア