Hatena::ブログ(Diary)

IT戦記 このページをアンテナに追加 RSSフィード

2011-12-09

Facebook 向けウェブサービスは IE6 に対応すべきか ( 2011年12月の Facebook のブラウザシェア )

はじめに

みなさん、お元気ですか><リリースも終わって、一息ついたあまちゃんです!

ヽ(´ー`)ノわー

さて今日は、最近「お花サプライズ!」というサービスをリリースしたのですが、そのときにちょっと面白いデータを見つけたのでそのいきさつも含めて紹介したいと思います。

f:id:amachang:20111209032253p:image

(今日のテーマはこの円グラフ)

フェイスブック系のサービスはどのブラウザに対応すれば良い?

よく、ウェブサービスを開発するときの悩みとして「古いブラウザでのデザインをどのくらいケアするか?」というものがあります。

「お花サプライズ!」でも、割と短い期間で実装することを目標としていたり、本番の HTML を書いた経験があまりないメンバーが多くいたことで「IE6IE7 への対応が鬼門なんじゃないか?」という心配が常にありました。

そこでよぎる甘い誘惑

このご時世、 IE6 とか IE7 に特別対応する必要なんてないんじゃね?

で、調べてみると大概の場合は「やっぱり IE6IE7 は無視できない… orz」となるのですが、「お花サプライズ」は、ターゲットユーザをフェイスブックだけに限定しています。

フェイスブック自体が「IE6 を非推奨にしていたりする」ということもあるので

ひょっとしたら IE6IE7 をそこまでケアしなくても大丈夫なんじゃないだろうか?

そう思って、ちょっと調べてみました。

ウェルカムページメーカーのデータをもとに調べる

実は、お花サプライズ!を作る前にちょっと作ったプチサービスがありまして、それがフェイスブックページのウェルカムページを作るサービス「ウェルカムページメーカー」です。

作ってからずっと放置してるんですけど、何げにずっと伸びてて、今は 3100 ページ以上のフェイスブックページに導入されていて、月間ユニークユーザーベースで 110,000 人からのアクセスがあります。

f:id:amachang:20111209030036p:image

(9月〜今日までの訪問数、にょきにょき〜)

使われているページも、アナウンサーのページや、 歌手のページ、アニメのページ、EC サイト、企業のページ、個人のページと色々なページに使われていて、そこまで偏りはないと思うので、このサービスの統計をもとにフェイスブックでのブラウザシェアを考えてみたいと思います。

また、フェイスブックのウェルカムページを見れるのは基本的には PC なので、モバイルはこの統計には含みません。

昨日から 30 日前までのデータを使う

まずは、バージョンを問わないブラウザのシェアを見てみると以下のようになりました。

訪問数ベース↓

f:id:amachang:20111209032250p:image

PV ベース↓

f:id:amachang:20111209032251p:image

やはり、 IE を使っている人が多いですね!

では、次に IE をバージョンごとに分割したグラフを作ってみます。

訪問数ベース↓

f:id:amachang:20111209032253p:image

IE6: 3.15%、 IE7: 5.09%

PV ベース↓

f:id:amachang:20111209032252p:image

IE6: 3.78%、 IE7: 5.87%

表にまとめると以下のようになりました

ブラウザ訪問数(%)PV(%)
IE63.153.78
IE75.095.87
IE827.9232.81
IE914.8619.04
IE100.000.00
Chrome23.0416.36
Firefox14.3413.77
Safari8.686.16
Android Browser1.520.98
Opera0.510.52
0.890.71

やはり、フェイスブックユーザに限定すると IE6IE7 のユーザが少ないことが分かりますね。

ブラウザに対応するために必要なコスト

次に、各ブラウザに対応するコストを僕の主観で数値化してみる

以下の数値は、プロジェクト全体でかかる時間のうち、特定ブラウザへの対応時間以外にかかる時間を 1000 としたときに、どのくらい時間を費やす必要があるかを数値化したもの

ブラウザJavaScript で同じ挙動を実現するのに必要な時間CSS で文言が見えないなどの大きな崩れを解消するのに必要な時間CSS で見た目の崩れをすべて解消するのに必要な時間
IE6102060
IE7101030
IE8215
IE9213
IE10212
Chrome111
Firefox111
Safari111
Opera512

単位訪問あたりの作業時間を計算してみる

サービスへの訪問数 1% あたりのコストを計算してみる

ブラウザ1% の訪問に対して JavaScript で同じ挙動を実現するのに必要な時間1% の訪問に対して CSS で文言が見えないなどの大きな崩れを解消するのに必要な時間1% の訪問に対して CSS で見た目の崩れをすべて解消するのに必要な時間
IE63.176.3515.87
IE71.961.965.08
IE80.070.040.18
IE90.130.070.20
Chrome0.040.040.04
Firefox0.070.070.07
Safari0.110.110.11
Opera9.801.963.92

このように見ると IE6CSS のくずれを直すこと、また、 Opera の JavaScirpt に対する修正があまり生産的でないことが分かりますね><

というわけで「お花サプライズ!」では

以下のようなポリシーでブラウザ対応することにしました

  • IE6
    • JavaScript はちゃんと動くように
    • 大きく崩れてても気にしない。ただし、押せないリンクやボタン、隠れて読めない文字があるのは許さない
  • IE7
    • JavaScript はちゃんと動くように
    • レイアウトが大きく崩れてるようなのは修正。多少の崩れは気にしない。押せないリンクやボタン、隠れて読めない文字があるのは許さない
  • Opera
    • 試さない(運任せ)
    • きっと、 Opera さんならやってくれる…!!!
  • 全般的に

まあ、そもそも

特定ブラウザに「対応する」って言い方はあまりよくないですね(><ごめんさない

こういう場合は、「なるべく多くの人が使ってるブラウザが実装してない仕様を使わないようにする」というのが正しいのかもしれません。

まあ、何にせよ。

これだけ色々な種類のブラウザが出てくると一つ一つのブラウザへの対応というものの重要性は薄れつつあるのかもしれませんね。

それなりに多くのブラウザでそれなりに動くのがちょうどいいと思うのですよヽ(´ー`)ノ

最後に

みなさんも、フェイスブックユーザをターゲットとしたサービスを作ることがあれば参考にしてみてくださいー

ではではーヽ(´ー`)ノ

2011-12-01

ソーシャルギフトサービス「お花サプライズ!」をリリースしました!

僕たちのウェブサービスはまだはじまったばかりだ…ビシッ!! m9( ・`ω・´)


はじめに

お久しぶりです。三度の飯よりも、パイナップルが好きなあまちゃんです><

みなさん寒い季節ですが風邪とかひいてないでしょうか><

さてさて、今日、お花サプライズ!というウェブサービスをリリースしましたのでちょっと紹介したいと思います><

f:id:amachang:20111201155432p:image

どんなサービスなの?

お花サプライズ!とは簡単に言うと「友達の誕生日にみんなで花束を贈るサービス」です。

今、流行りのソーシャルギフトってやつですね><!

何で、お花なの?

名前でも分かるように、このサービスではプレゼントは花束に限定しています。

それは、花束が「みんなが好きのものを選んで、最終的に一つの大きなプレゼントに出来る」というコンセプトに最も近い素材だったからです。

みんなが好きな花を選んで、それが一つの大きな花束になってプレゼントされる。

そんなサービスを目指しています><

簡単なサービスの使いかた

説明ばかりでもアレなので、画面を見せながら簡単に使い方を紹介したいと思います。

1. まず、フェイスブックログインします。

ポチっとな

2. 次に、花束を贈りたい人を選びます

フェイスブックログインすると、あなたの友達の一覧が表示されます。ぜひ、仲良しの友達を選んでみてください!

f:id:amachang:20111201155631p:image

友達を選ぶと以下のような画面が表示されます。

f:id:amachang:20111201155633p:image

この画面は本人からは見ることが出来ないページで、こっそりと誕生日に花束を贈る企画を進めることになります。

3. 自分が贈りたい花を選ぶ

さっそく花を選んでみましょう

f:id:amachang:20111201155634p:image

花は誕生日の時期によって種類が変わります。

友達に似合う花を選んでみてくださいね。

4. メッセージを書き込む

花を選ぶと、誕生日のメッセージを書くことが出来るようになります

f:id:amachang:20111201155635p:image

その人に普段は言えない感謝の気持ちを伝えてみましょう。

5. 渡しに行く人を決める

お花サプライズ!の重要なコンセプトの一つに「手渡し」というものがあります。

このサービスでは普通のソーシャルギフトと違い、花を選んだ誰かが、誕生日の友達に直接花を渡しに行くのです。

何故手渡しなの?

それは、最高のサプライズを演出するために、手で渡すというコストは絶対に省いてはいけないと考えたからです。

花束を贈られた人は、みんなからのメッセージと、みんなが一本一本選んでくれた花束を直接受け取って、

はじめて「みんな、自分のために頑張ってくれたんだ。ありがとう」という感情が生まれてくると考えました。

だから、やっぱり「手渡し」じゃなきゃダメなのです。

ぜひ、みなさんも直接花束を渡しに行く「お届け係」に立候補して花束を渡しに行ってみませんか^^?

開発秘話

実は、この「お花サプライズ!」は、以前に紹介した UT Startup Gym という勉強会のメンバーで作ったサービスです。

開発期間は 2 ヶ月半くらいで、かなりスピーディーにリリースにこぎ着けることができました。

開発メンバーは、僕と 4 人の学生でその 4 人は、半年前までプログラムをほとんど書いたことがないという状況でした。

そんな中、どうやってこのサービスがリリースに向かっていったか。

UT Startup Gym の紹介もかねて、開発秘話をお話したいと思います。

4月 勉強会スタート、プログラミングを学ぶ

f:id:amachang:20111201160428j:image

4 月に今の開発メンバーが、初めてプログラムの勉強を始めました。

開発のノウハウを毎週土曜日に 3 〜 6 時間みっちり叩き込みました。

9月13日 〜 9月15日 開発合宿

だいぶメンバーが成長してきた 9 月中旬、このサービスの開発が始まりました。

企画は 飯塚 修平 の持ち込んだものでした。

f:id:amachang:20111201160429j:image

(お花サプライズが生まれた瞬間)

この開発合宿の 3 日間で、このサイトのほとんどのフローが完成します。

しかし、まだ、花をどうやって実際に送る?課金はどうするの?などたくさんの問題はありました。

ただ、この時期に動くものを完成させたということが後々に良い方向に働きます。

9月26日 〜 10 月 中旬 花贈りを出来るように走り回る

合宿が終わってから、様々な人に紹介を頂き、花を扱う仕事の人に「お花サプライズ!」のデモを見せて回りました。

バラ農園に行って、生産者様の声を聞き、花業界の勉強をしたり、花市場に突撃したり、花の通販業者様にアドバイスを頂いたり、あっちこっちに飛び回ります。

そして、花の通販サイトを運営しているブラウズ様と無事契約にこぎ着けることができました。

ここで、開発合宿で作ったデモが活躍します。

様々な場で、実際に動くものを見て頂いたことで、生産的な意見や提案をたくさんいただくことができました。

やっぱり、「机上の空論ではなく、実際に動くものを見せにいくというスタンスが重要なのだな」とあらためて思いました。

9月28日 〜 10月末 決済周りの仕様確定

こういうサービスを作るときに、小額決済をどうするかというのは、ちょっとした悩みどころですね。

このあたりもいろんな人と交渉したり、相談したりして決済を行ってくれる会社と契約することができました。

ここでも、実際に動くものを見せることが出来るので、とてもスムーズに交渉は進みます。

11月頭 〜 11月末 仕上げ

そして、すべてが整って怒濤の仕上げが始まります。

f:id:amachang:20111201160430j:image

(開発合宿で仕上げ作業中の画像)

この作業が一番長く感じ、そして地味で、辛い作業ですね。

ここでも開発合宿を幾度も重ね、少しでもサービスを良いものにするために頑張りました。

そして、ついに

12 月 1 日リリース

今日、ウェブサービスをリリースすることが出来ました!

なんとも言えない瞬間ですね。

f:id:amachang:20111201160431j:image

(なかなか割れないくす玉…)

f:id:amachang:20111201160432j:image

(パカーン)

開発メンバーへ

お花サプライズ!は、以下の勉強会メンバーで作りました。

開発中は、辛いこともあったでしょうし、いろいろと厳しいことを言ったりしたこともあったけど、最後までこのメンバーで作りあげることが出来て本当に良かったなと思います。

リリースおめでとう!そして、ありがとう!

これからは、このサイトをどうやって成長させていくかというフェーズに入っていきます。

また乗り越えなければならないことはたくさん出てくると思いますが、一緒に乗り越えていきましょう。

UT Startup Gym に興味を持ってくださっている方へ

みなさんもよかったら勉強会に参加して、自分の実現したいサービスを一緒に作ってみませんか?

興味があるかたは、以下のページをご覧ください!

https://www.facebook.com/utgym

最後に

今日は、ソーシャルギフトサービス「お花サプライズ!」について紹介しました!

みなさんも大切な人の誕生日、忘れていませんか?

そんなときは、みんなで自分たちだけの花束をプレゼントしてみませんか?

2011-09-05

Facebookページの顔、「Welcomeページ」のとことん簡単な作り方

はじめに

みなさんこんにちはヽ(´ー`)ノ

本日、Facebook ページにウェルカムページを簡単に追加できるサービス「ウェルカムページメーカー」をリリースいたしました!

20110905103756

どんなサービスなの?

Facebook ページを持っている人なら、誰でも「とことん簡単に」ウェルカムページを作れるサービスです!

今までも、このようなサービスはあったのですが「とことん簡単に」というところを追求したのがこのサービスです。

ウェルカムページって何?

ウェルカムページとは、 Facebook ページのトップページとなるページで簡単なメッセージや、「いいね!」を促す文言を載せたりすることができます。

有名なウェルカムページとしては レッドブルの Facebook ページ などがあります。

20110905103757

ついつい、「いいね!」をクリックしてしまいそうです!

なんで、「いいね!」されるが重要なの?

「いいね!」されることで、ユーザのニュースフィードにそのページの更新情報が流れるようになるのです。

f:id:amachang:20110905103758j:image

なので、「企業」や「ブロガーさん」がユーザともっと仲良くなるために「いいね!」してもらうことは結構重要なことみたいです><

でも、ウェルカムページ作るのめんどくさい><

でも、今までウェルカムページを作るにはどうしても Facebook アプリの知識が必要だったり、 FBML という独自のマークアップ言語を使う必要があったりと何気にめんどくさい作業だったんです><

と、言うわけで

「とことん簡単」にウェルカムページ作りたい!

という要望に応えたサービスがウェルカムページメーカーです!

使い方(ウェルカムページの作り方)

と、言うわけで簡単にウェルカムページメーカーを使って、ウェルカムページを作ってみましょう。

1. 画像を 2 枚用意する

今回は、サンプルにこんな画像を用意してみました

いいね!を押して   ... - はてなちゃんセリフ - はてなセリフ べ、べつに   嬉しい... - はてなちゃんセリフ - はてなセリフ

2. ウェルカムページメーカーに行って「さっそく作る」をクリック!

お金がない!どうしようとお悩みの方が見るサイト へ行って

20110906194424

「さっそく作る」というボタンをクリックします

3. Facebook ページを選ぶ

f:id:amachang:20110905103800j:image

ウェルカムページメーカーを追加しますか?と表示されますので、ウェルカムページを追加したい Facebook ページを選びます。

f:id:amachang:20110905103801j:image

確認画面が出るので、「ウェルカムページメーカーを追加する」を押します。

4. 画像を設定する

追加すると、以下のような画像設定画面が表示されますので、

f:id:amachang:20110905103803j:image

画像を設定して、「変更を適用する」を押します

5. 完成したウェルカムページをデフォルトページにする

以下のような更新完了ページが表示されますので、

f:id:amachang:20110905103804j:image

Facebook ページの設定に行き、「デフォルトで表示するタブ」を「ウェルカム!」に設定します。

6. これで完成!

このページに設定してみたので見てみてください! → Amachang | Facebook

f:id:amachang:20110905103805j:image

おおおお!出来てますね!簡単!

このサービスを作ろうと思ったきっかけ

で、なんでこんなサービスを作ろうかと思ったかというと先日以下のようなやりとりがあったんです。

とある会社にて

A さん:「Facebok ページにウェルカムページみたいなの作りたいんだよねー」

僕:「じゃあ、 HTML くれればやっときますよー」

A さん:「画像のほうが楽だわ」

僕:「え、 HTML より画像のほうが楽なんすか?」

A さん:「そりゃそうよ」

僕:「じゃあ、アップロードフォームがあればいいの?」

A さん:「うん」

僕:「今、作るわ」

A さん:「じゃあ、僕画像作るわ」

僕:「フォーム作った」

A さん:「画像できた」

僕:「これ、意外と便利ね」

A さん:「だね」

僕:「明日リリースするわ」

A さん:「えっ」

って感じで

打ち合わせ中に書いたサンプルコードが便利だったのでサービスとしてリリースすることにしたって感じです。

その打ち合わせ中に書いたコード

もちろん、エスケープもしてないし、 CSRF チェックとかもしてないし、 画像のバリデーションもしてないし、 HTML も超適当なのでこのままリリースしてるわけではないですが、その場でパパっと書いたコードは以下のものです。

<?php
   require_once '/home/ubuntu/php-sdk/src/facebook.php';

  $facebook = new Facebook(array('appId' => 'XXX', 'secret' => 'XXX'));
  $req = $facebook->getSignedRequest();
  $page_id = $req['page']['id'];
  if($req['page']['admin']) {
    echo('<form action="upload.php" method="post" enctype="multipart/form-data">');
    echo('<input input type="hidden" name="id" value="' . $page_id . '" />');
    echo('<input input type="file" name="before" />');
    echo('<input input type="file" name="after" />');
    echo('<input type="submit" value="upload" />');
    echo('</form>');
  }
  else if($req['page']['liked']) {
    echo('<img src="/files/' . $page_id . '/after.jpg">');
    echo('<script>setTimeout(function() { top.location.href = "http://www.facebook.com/page/' . $page_id . '?sk=wall" }, 10000)</script>');
  }
  else {
    echo('<img src="/files/' . $page_id . '/before.jpg">');
  }
<?php
if (is_uploaded_file($_FILES["before"]["tmp_name"]) and is_uploaded_file($_FILES["after"]["tmp_name"]) and isset($_POST['id'])) {
  if(!is_dir("/home/ubuntu/simplefb/files/" . $_POST['id'])) {
    mkdir("/home/ubuntu/simplefb/files/" . $_POST['id']);
  }
  $before_file = "/home/ubuntu/simplefb/files/" . $_POST['id'] . '/before.jpg';
  $after_file = "/home/ubuntu/simplefb/files/" . $_POST['id'] . '/after.jpg';
  if (move_uploaded_file($_FILES["before"]["tmp_name"], $before_file) and
    move_uploaded_file($_FILES["after"]["tmp_name"], $after_file)) {
    chmod($before_file, 0644);
    chmod($after_file, 0644);
    echo"アップロードしました。";
  } else {
    echo "ファイルをアップロードできません。";
  }
} else {
    echo "ファイルが選択されていません。";
}
まあ、たまにはこんな開発もいいよね

(´∀`*)ウフフ

というわけで

今回リリースしたサービス、「ウェルカムページメーカー」。

ぜひ使ってみてください><

ではではーヽ(´ー`)ノ

2011-02-07

フェイスブックアプリを HTTPS に対応する方法

はじめに

みなさんこんにちは (´・ω・`)

元気ですか?僕は元気です…。

さて。以下の記事で、フェイスブックが HTTPS をサポートするっていうことが書かれています。

D

Facebookが、サイトをHTTPSサポートする機能を追加しました。Firesheepなどの攻撃から自分のFacebookアカウントを守るためにも、今すぐオンにしたほうが良さそうです。

http://www.lifehacker.jp/2011/02/110202facebookhttps.html
HTTPS って何?

HTTPS って何?って方向けに簡単に説明しておくと。

「HTTPS を使う」っていうのは、「自分のパソコン」から「フェイスブック」までの「通信経路の途中に居る人」に通信内容を読まれなくなるってことです。

「通信経路の途中に居る人」って言うのは以下のような人ですね。

  • 会社のネットワークの管理者
  • 学校のネットワークを管理している人
  • インターネットプロバイダーで働いてる人
  • 家のインターネットを管理しているお父さん

これらの人に、友達とイチャコラしてる内容とかが読まれちゃったりしなくなるんです><

まあ、読まれないにこしたことはないってことですね。

やり方は

右上の「アカウント」→「アカウント設定」→「アカウントのセキュリティ」と進み以下のチェックボックスをクリックするだけ!

f:id:amachang:20110207121425j:image

簡単ですね!

フェイスブックアプリを HTTS に対応する

で、フェイスブック自体が HTTPS に対応したので、フェイスブック内に埋め込まれる類のフェイスブックアプリは HTTPS に対応しなければならなくなりました><

対応しないと以下のように怒られます。

f:id:amachang:20110207121427j:image

やり方は、簡単で

  1. https://www.facebook.com/developers/apps.phpに行く
  2. 「設定を編集」を押して
  3. 以下のように「Facebook Integration」のタブの中の「Secure Canvas URL」に、 HTTPS 用の URL を記述する

f:id:amachang:20110207121426j:image

簡単ですね!

と、いうわけで

みなさん素敵な HTTPS ライフをお送りください!

ではではーヽ(´ー`)ノ

2011-01-27

はてなユーザーのファンページをまとめてみた!

はじめに

どーも、生粋のはてなファンあまちゃんです!

ふぇいすぶっくでもはてな|... - いや、そのりくつはおかしい - Hatena Serif

お元気ですか?僕は元気です><

さてさて

突然ですが、フェイスブックでもはてなユーザーと仲良くしたい!!

と、いうことで。はてなユーザーが作っているフェイスブックのファンページをまとめてみました。

はてなユーザーのファンページ集

こちらがそのリストです。

ファンページウェブサイト内容
Amachangid:amachang僕のページです。技術やウェブの情報や思ったことを呟いています。
ネタフルid:netafullブログで有名なネタフルさんのページ。出版やリリースのお知らせなど
作家 内藤みか @micanaitoh novelistid:micanaitohツイッター小説や恋愛小説で有名な内藤みかさんのページ。お仕事現場での写真や。出版やリリースのお知らせ
もともこも鳴き笑いid:mo_tomoco_moはてなダイアラーさん。ブログ更新のお知らせ
津田大介id:ozricメディアジャーナリストの津田大介さんのページ。出版やリリースのお知らせ
けんすうのページid:kensuu株式会社ロケットスタートの社長のけんすうさんのページ。
りすこid:kluklu株式会社ゼロスタート広報のりすこさんのページ。日々の出来事や写真。
寺瀬功一(不真面目)id:ujiujiseおもしろい画像や動画の紹介。日々の出来事
小澤職場・現場体験プロジェクトid:ozarn様々な会社の顧問や取締役をやっているおざーんさんのページ。はてなダイアリーで書いている職業体験のブログの更新情報。ファンページでしか見れない写真も多数
みたいもん!id:masakiishitaniブロガーのいしたにまさきさんのページ。ブログ「みたいもん」の更新情報。
みんなのかねともid:tmmknkNAVER 広報の金子さんのページ。ツイッターを流している。ここでしかみれない写真も
はまちちゃんid:Hamachiya2はまちちゃんのページ。
ササクレササオid:sscrブロガーのささくれささおさんのページ。日々の出来事やブログの更新情報
ゆーすけべーid:kamawadaエロぎーくのゆーすけべーさんのページ。
Michi Kaifu 海部美知id:michikaifu「パラダイス鎖国」著者、海部美知さんのページ。近日何かやるそうです。
しなもんid:hatenacinnamonはてなのマスコット兼会長しなもんのページ。しなもんのかわいい写真が多数
HolyGrailid:HolyGrailエンジニアブロガーの HolyGrail さんのページ。ブログの更新情報。
工場萌えid:wami写真ブロガーの wani さんのページ。ノスタルジックな工場写真の更新情報
P3(PeraPeraPrv)id:lynmockツイッタークライアント PeraPeraPrv の情報やその他お役立ち情報
Purprinfanpageid:purprinデザイナー purprin さんのページ。仕事の情報や、出版、リリースの情報。
やくそさん!id:YAKエンジニア yak さんのページ。交流がメイン
Masahide Moriid:masazangifbrank など Facebook 連携ウェブアプリケーションを作っている masazangi さんのページ。 fbrank のサポートページ?
達人出版会id:tatsu-zine技術書籍電子出版サービスのページ。準備中?
Cheebowid:cheebow歌って踊れるプログラマ Cheebow さんのページ。ブログの更新情報。イベント情報。作詞や作曲した曲の紹介。
Mhattaのポッドキャストid:mhattaポッドキャスター Mhatta さんのページ。ポッドキャストの更新情報
くろけんid:chroruくろけんさんのページ。交流メイン
今読んでいる本は、これ!id:romaiyaromaiya さんの読書ページ。今、読んでいる本、読んだ本の感想を更新
就活甲子園(2012、2013、2014年卒)id:rakkochan+jikopr就職活動情報を流しているページ。ブログの更新情報
リフォーム母さんid:sakaekoumuten栄工務店二代目アシスタントの sakaekoumuten さんのページ。
ブログ『世界はあなたのもの。』id:the-world-is-yoursブロガーさんのページ。ブログ『世界はあなたのもの。』の更新情報
電書部id:mirai-contents電書フリマなどをやっている「電子書籍部」さんのページ。準備中?
このブログは証明できない。id:shunsukエンジニア系ブロガーの shunsuk さんのページ。ブログの更新情報
MIHO Murai ++id:pipinpaエンジニア pipinpa さんのページ。ブログの更新情報。海外記事の紹介。日々のつぶやきなど
Deg84id:deg84エンジニア deg84 さんのページ。ブログの更新情報。日々の呟き
【フツサラ】(フツーのサラリーマン)id:salary-manフツ―のサラリーマンさんのページ。ツイッターを流している。
いっしょくid:isshoku土木系裏幹事アイドルのいっしょくさんのページ。
laiso.orgid:laisoエンジニア laiso さんのページ。準備中?
すぎゃーんid:sugyanエンジニアすぎゃーんさんのページ。準備中?
HirokazuFukamiid:fkmエンジニア fkm さんのページ。自作ソフトウェアの更新情報
男色系男子id:masafiro1986非モテタイムズの記者、ブロガーの masafiro1986 さんのページ。ブログの更新情報。日々のつぶやき
YuKobayashiid:yukobaJavaScript で JVM で有名な yukoba さんのページ。現在準備中
玉置沙由里(MG)id:iammg女京大生の日記で有名な iammg さんのページ。ブログの更新情報と交流
Nicid:ryo88cデザイン、ウェブの企画、開発などなんでもできる nic さんのページ。日記、日々の呟き
Drillbitsid:drillbits準備中?
( •́ .̫ •̀ )だいすけだよーid:dk19810313インフラエンジニア、だいすけさんのページ。日々のつぶやき
自由ヶ丘の狂犬id:chibatchおもしろいウェブアプリを作ってる千葉さん。日々のつぶやき
vkdb.jpid:kuwaヴィジュアル系バンドの情報。
yutacar.netid:yutacarエンジニアの ytacar さんのページ。ブログの更新情報
Yteppeiid:yteppeiサブカル系ブロガー yteppei さんのページ。準備中?
まみぺこid:Mamipekoサブカル系ブロガーまみぺこさんのページ。準備中?
西岡Blogid:raituセキュリティ系 SE 兼エンジニア raitu さんのページ。写真や動画や日々のつぶやきを更新
Blog 941id:kushiiライブドアのブロガー、エヴァンジェリストとして有名なくしいさんのページ。絶賛準備中
にぽたん研究所id:nipotanライブドアのエンジニアにぽたんのページ。独特の感性と文章術でおもしろおかしく技術を紹介。ブログの情報の更新
このまとめは

ファンページにはてなへのリンクのあるファンページを API 経由でひっぱてきたものと、手動で探したものが混ざってます。

間違いや追加したほうが良い人がいれば、ぜひ教えてください><

感想

ひととおり纏めてみて思ったのは、「意外とファンページ作ってる人って少ないんだなー」ということです。

最初はランキングとかにしようと思ってたんですけど、あまりに少なかったので全部紹介することにしたぐらいです。

たしかに、ファンページを自分で作るというのには抵抗がある人も多いかもしれませんね。

ただ、ブログをやっている人にとっては更新情報を伝える良い手段だと思いますし、一般の人は RSS リーダーとか使わないので、やっぱりブログを書く人はファンページを作っておいたほうがいいんじゃないかなーなんて思ったりします。

最後に

フェイスブックをやってる「はてなー」さんとは仲良くしていきたいなー((((*´ー`)

ではではーヽ(´ー`)ノ