■「はてブあんてな」を作りました。

「はてブあんてな」というWebサービスを作ってみました。

タグ別に人気な「はてなブックマーク（記事）」が分かるアンテナサイトです。

はてブあんてな

http://hatebu.at-ninja.jp/

背景

私は、２chまとめサイトのアンテナサイト「オワタあんてな（http://owata-net.com/）」が大好きです。

ある日、自分も何かWebサービスを作りたいと考えるようになりました。

どのようなサービスを提供したいかな、と考えた時に、

オワタあんてな風の「はてなブックマーク」アンテナサイトにしようと考えました。

しかし、私は、Webサービスを作る力（知識・技術）が全くありません。

今日に至るまでに、私がしたことを書いていきます。

本当にド素人のため、稚拙な文章ですが、ご了承ください。

Step1. HTMLとCSSを学ぶ

Webサービスを作る前にWebページを作る力が必要だと思いました。

そのために、HTML（Webページを作成するための言語）を学びました。

学ばせていただいたサイトは、「TAG index（http://www.tagindex.com/）」です。

このサイトでは、CSSも学ぶことができます。

CSSとは、デザインを変更する言語です。

Step2. RSSフィードを取得する方法を学ぶ

次に、「はてなブックマーク」の人気記事を自動的に取得する方法を知りたくなりました。

人気記事は、はてなブックマークがRSSフィードという形で提供しています。

そこで、そのRSSフィードを自動で取得する方法を学ばせていただいたサイトが、「Google AJAX Feed API入門（http://www.ajaxtower.jp/googleajaxfeed/）」です。

サンプルもあり、とても参考になりました。

Step3. サーバーを借りる

Step1とStep2で、アンテナサイトを作ることができました。

しかし、このままでは"Web"サービスではありません。

インターネット上に公開しなければ意味がないと思いました。

調べてみると、そのためにはサーバーを借りなければいけないと分かりました。難しそうで、とても困りました。

世の中には、たくさんのサーバーがあるみたいですが、

ド素人の私は、日本一シンプルと自称している「忍者ホームページ（http://www.ninja.co.jp/hp/）」（無料）を借りました。（本当にシンプルでした）

サーバーを借りたら、作成したWebページをアップロードします。（アップロード方法も簡単）

最後に

以上３ステップで、Webサービス「はてブあんてな」を公開することができました。

もしよろしかったら、ご利用ください。また、はてブしていただけると幸せです。

本当に、ありがとうございました。

Permalink | 記事への反応(1) | 21:29

ツイートシェア