私はTw戦闘能力やTw性格診断などのTwitter関連サイトを開発・運営してます。

そんな私が、色々なツイッター系サービスを紹介する記事[Twitter]あなたはいくつ知ってる？つぶやき分析・検索サービス50選 | 草はやす生活を書くことになった発端と顛末について記述していきます。

きっかけ

きっかけは、ブログを始めて間もないロプロスさんが今年はWebサービスを作りたいと思っている人にお勧めのエントリーまとめという記事ではてなブックマークのホッテントリ入りし話題を集めたことからなります。

私が思ったのは「なぜ、ここまでブックマークされ、アクセスが伸びたのか」という事です。

考える

ロプロスさんはついろぐなどを運営していますので、フォロワーさんが多くある程度はてなブックマークがつくのはわかります。

しかし、それにしてもブログを五年以上してる経験者としては、ブログを始めたばかりのロプロスさんが2000以上のブックマークがつくのは驚異的です。

そこで考えました。

私が出した結論は、「ロプロスさんには、Webサービス関連のフォロワーやIT関連のフォロワーが多く、かつ一般人でもWebサービスに興味をもってるフォロワーが多い。よって、そういう人たちがどんどんURLを広めてくれるしブックマークしてくれた」というものです。

更にこの考えを進めていって、「ならば、自分のフォロワーが興味をもっている一番のカテゴリもしくはそれに準ずる内容を記事にすればいいのではない」と考察しました。

そこで、私のTwitterでいれられているリストを見てみると、ITとかウェブサービスとか開発者とかそういった類のものが多いです。
また、私のフォロワーが二桁から三桁にいった時期は、ちょうど前述したTw性格診断の時期ですので、Twitter系サービスに興味をもった一般ユーザが多いこともわかります。

そこで、私はTwitter系サービスをまとめた記事を書こうと思ったのです。
同時に「まだまだTwitter関連で素晴らしいサービスはいっぱいあるのに、最近のユーザは一極化してるなぁ」という前々からもっていた思いと一致しました。
また、自分の考えたホッテントリ理論が合ってるか否か試してみたいという気持ちもありました。

記事を作成する

自分の記憶の中にあるサービスは、30コくらいしかありませんので、紹介する量もそれくらいでもある程度は効果があったかもしれません。

けれど、私がユーザの立場だったら「ある程度カテゴリを絞ったTwitter関連サービスの情報が欲しいなぁ」と思います。
最初は狭義の意味での”つぶやきを分析・検索”できるサービスを探していましたが、それだけでは限度があったので広義な意味での”つぶやきを分析・検索”できるサービスを探しながら記事を作成していきました。

記事を作成する上で気をつけたことは、A：紹介するサイトの頭文字が被らないもの、B：海外サイトを適度に散りばめること、C：同じ言葉は極力使わないこと、D：興味をひくタイトルにするの四点です。

Aについて

紹介するサイトが上から順番に「Tw」と並んでいたら、混同しやすいですし、流し読みでわかりにくいからです。
また、個人的な理由ですが見苦しく感じるからです。

Bについて

海外サイトばかり並んでると、私みたいに英語が苦手な人は敬遠しますし、記事そのものも読まなくなると思ったからです。
そこで、海外サイトばかり目立たぬよう、日本語サイトを多めにして海外サイトを適度に散りばめました。

Cについて

これはブログ論というより、文章論ですが、同じ言葉を多用すると読者は飽きます。
それだけでなく、リズム感のない悪い文章に見えてきます。

Dについて

どれだけいい記事を書いても、読まれなければ意味がありません。そこで、ユーザの興味を惹くタイトルはなにかを考えます。

当初は「ツイッター系分析・検索サービス50選」というタイトルにしようと思ったのですが、わかりにくくて味気がありません。

そこで、ユーザが記事に対して挑みたくなるような気分にさせるタイトルを考えた結果、「あなたはいくつ知ってる？つぶやき分析・検索サービス50選」としました。

記事を公開して

記事を公開して間もなく、数名のフォロワーさんがURLを広めてくれました。
最初はそれほど伸びませんでしたが、徐々にはてなブックマークの数が増え、ホッテントリの下のほうに表示されるようになってからは爆発的にブックマーク量が増えました。

そして、ホッテントリ入り→ツイッターでURLを紹介される→ブックマークされる→更にホッテントリの順位があがるという循環ができあがっていきました。

記事を作成している現時点で、はてなブックマークの数が640ついています。
1000には届きそうにありませんが、「たいして有名じゃなく今まで鳴かず飛ばずだった自分がここまでやれた！」と歓喜の声をあげています。

ホッテントリ入りしアクセスが伸びたことによって、これからもブログ記事を頑張ろうという意欲にもなりますし、自分の拙い文章で誰かに影響を与えていることができてる、という自信にもなります。

是非、皆さんもホッテントリを目指したブログ記事を書いてみてはいかがでしょうか。

よろしければ、こちらの記事もご覧になってください。

私が2010年に公開したウェブサイトあれこれ

初級ウェブ製作者なら利用しておきたい便利ツール

このウェブサービスは、iPhoneの専用アプリで操作することがメインになってるため、画像やユーザ情報などを取得できるAPIは用意されていない。
なければ自分で取得できるPHPスクリプト作ってしまえばいいと思い、色々調べてみた。

すると、画像が表示されるページ（例：http://instagr.am/p/eQJh/）のHTMLにはメタタグ内に画像URLやユーザ名を含んでることがわかった。
ソースを表示するとhead内に<meta property=”og:image” content=”画像URL” />といった記述がある。

InstagramのURLをもとに、以下のように処理します。

— ソースここから —
<?php

$url = “http://instagr.am/p/eQJh/”;
$fp = file_get_contents($url);

/* タイトルを取得 */
preg_match(‘/(]+)property=”?og:title”?([^>]*)>)/i’, $fp, $match);
preg_match(‘/content=”?([^\"]+)”?/i’, $match[0], $title);

/* イメージURLを取得 */
preg_match(‘/(]+)property=”?og:image”?([^>]*)>)/i’, $fp, $match);
preg_match(‘/content=”?([^\"]+)”?/i’, $match[0], $image);

/* コメントを取得 */
preg_match(‘/(]+)property=”?og:description”?([^>]*)>)/i’, $fp, $match);
preg_match(‘/content=”?([^\"]+)”?/i’, $match[0], $description);

echo $title[1].”<br>”;
echo $image[1].”<br>”;
echo $description[1];

?>
— ソースここまで —

これを画像だけの表示にするには、本来なら

で表示できるはずなのだが、何故か上手くいかなかったので、

で表示することにした。

——– 追記 (2010/12/06) ————–

書き忘れがあったので追記。

取得したURLをサムネイル画像の大きさにするため、URL画像の_7.jpgを_5.jpgに変更するとよい。_5.だと150pxになるからだ。

つまり


$image[1] = str_replace("_7.", "_5.", $image[1]);


とすればよい。

複数のアカウントが簡単に切り替えれる

設定さえしてしまえば、左横にある「sub」タブをマウスオーバーで複数のサブアカウントが表示されて、クリックで切り替えられる。

RTらくらく

投稿元や返信元がわかるだけじゃなく、クリックで非公式RTができる。

顔文字がでる

右横メニューにある投稿欄の「顔文字」を選択すると、その顔文字がフォームに入力される。

画像が投稿できる

Twitpicに画像を投稿することができる。近いうちに、その他の画像投稿サービスも可能にしようか検討中。

NGワード、リロードが設定できる

上の「option]タブで、色々な設定ができる。
NGワードを入力すれば、それを含んだツイートは表示しない。
タイムラインの自動リロード時間を「30秒、45秒、1分、なし」のいずれかに変更できる。

最後に

まだまだ機能やUIを改善したり、独自要素を盛り込んでいくつもりだから、是非使ってみてね！

hayata（早田）

参加について

テーマを発表してから24時間以内に開発して作品を応募するというもので、開発者の発想力やプログラム手腕が試される内容のものでした。

23日に発表された課題は「朝起きてから学校や会社に行くまでの時間をより便利にするためには」でした。

この発表からプログラマが一斉にアイデアの考察と開発を始め、ツイッターの公式ハッシュタグの#24contestで盛り上がりを見せてました。

私の経緯

必死にアイデアを搾り出すものの、ろくなものが浮かばず、午前二時半に諦めて寝ようとする。
けれど、眠れずにちょっとしたアイデアが浮かんだので一時間ですごく簡単なもの（コンテストを舐めてるといわれかねない）を作成し、応募する。

翌日、応募しちゃったけど開発者はクックパッド本社を期間中は訪問してもいいらしいので、お邪魔させてもらう（本当に邪魔でしたね。すみません）。

受賞基準について

一部ユーザでは受賞作以外のサービスが評価されていましたが、それらが賞をとれなかったのは以下のような理由じゃないかと思われます。

• 著作権
• あるWebサービスに依存
• 朝の慌しさをイメージしてるか

まず、著作権について。

今回のコンテストの応募の際に投稿規約が表示されるのですが、それにしっかりと実は書かれていたのです。

「著作権に問題がないか。オリジナルのコンテンツか」といった内容の記述がなされていました。
Twitte APIとマッシュアップしてるサービスの場合、Twitterのつぶやきをランダムに表示してるという点で、つぶやき＝著作権物と解釈されている可能性があります。

次に、あるWebサービスに依存について。

規約には「独創性があるか」といったことが書かれていました。
私の拡大解釈かもしれませんが、これは「他のサービスになるべく依存していない、もしくは依存しているようにみえないオリジナルのサービスを見せてくれ」というふうに捉えることができました。

Twitterに依存するサービスは、今回のコンテストにはマイナス要因なのかな？と思いました（私が作って没にした作品はバリバリTwitter依存でしたが）。

次に、朝の慌しさをイメージしてるか。

いくつかの応募作品にはこれに即していないものもあったようです。
「朝は忙しく、パソコンを開く暇がない」というイメージを想起させるテーマなので、パソコンのみでしか閲覧できないサイトより、iPhoneアプリや携帯向けサイトのほうが評価は高いはずです。

同じ理由から、気持ちがほっこりするような作品の評価が高いのでは？と思っています。

特別賞は、特別と銘打ってるだけあるので、他の受賞作品とは別枠的な扱いで、革新的だったりアイデアが秀逸なものが評価されたのだと思います。

関連リンク

「開発コンテスト24」受賞作品発表

Cookpad24 Wiki

URLエンコード・デコード
文字列をURL用にエンコードもしくはデコードします。

カラーチャート -背景色と文字色
背景色と文字色のチェックができるだけでなく、色のコードがわかるのは便利です。

買いパラ -ファイルサイズのチェック
指定したURLのファイルの表示秒数を判定してくれるツール。これなら、ナローバンドの人の感覚がわかってよい。*1

GIFアニメ作成ソフト
複数の画像からGIFアニメを生成できるウェブツール。

PHP正規表現チェッカー
PHPコードの動作や正規表現のチェックに

このように表示されます。

自己紹介がてらにいかがでしょうか。

こんな感じに表示されます。

当ブログでも、現在サイドバー下に表示させています。
よろしければご利用ください。

どのサイトも、一日目・おおまかなPHPプログラミング、二日目・ソース修正とレイアウトや文章を整えるといった流れで二日目には公開していました。

その三つのサイトというのは、Twitter戦闘能力、Twitterバトル、Twitter性格診断といったお遊び系サービスなのですが、どれも予想以上の反響＆アクセスがあって喜ばしいかぎりです。

Twitter戦闘能力は、アクセスはそれほどないだろうと余裕ぶっこいて公開したのですが、以前の日記に書いたように予想の何倍ものリクエストが発生しました。

そのおかげで、ホワイトリスト申請や規制中の対応でほとんどの時間が潰れてしまった（甘くみてた自分自身のせいなのだが）。

そこから学んだ結果、Twitterバトルのリリースは些細なミスはあったものの平穏にいきました。

昨日公開したTwitter性格診断は、これまた予想以上の反響をいただき大変ありがたいです。
昨夜20：30くらいに公開し、22時まではアクセスがまったくなかったのですが、急速にTwitter内の口コミで伝播してアクセス過多のため繋がりにくくなってました。
Twitter戦闘能力で学んだ教訓以上のものを得たような気がします。

アクセス解析をみると、一秒に1回はリクエストが発生しているのは見ててハラハラしました。

結果論をいうと、人気サービス（うちは人気といえるほどのものではないですが）は作成よりも管理に時間をとられることが多いということを実感しました。

次回のTwitter系サービスは、先日レンタルした上位サーバーで公開しようかと思います（そこも本日ホワイトリスト申請が承認されました）。

色々書いているうちに、結局何を書きたかったわからなくなった件
文章がわかりづらくてすみません(´・ω・`)

Twitter戦闘能力は11/04にちゃちゃっとTwitter APIを利用してPHPで作成しました。

私ごときが作ったものなんて大したアクセスにならないだろーと思いながら公開しました。

その時、TwitterAPIの情報を一定時間キャッシュするように書き換えたほうがいいかなーと思いつつも、なるべく早く公開したいので割愛しました。

実際、その日の夜にはてなブックマークで自演ブクマしてアナウンスしましたが、興味をもってくれた優しい方が数名ブクマしてくれただけでそれほどアクセスも多くありませんでした。

しかし、翌日、大変なことに（苦笑）

ネタフルさんがとりあげてくれたので、アクセスが急増し、更にネタフル経由で知ったTwitterユーザがTwitterで宣伝してくれたので、アクセスがうなぎのぼりでした。

一時間に150回しかリクエストを受け付けないのに、それ以上のリクエストがあるのでTwitterAPIの規制がかかりました。

TwitterAPIが何を基準に規制をかけているかわからないので、とりあえずドメインを変えて利用できるかどうか試してみました。

けれど、無理でした。

どうやら、リクエストを送信しているサーバーで判断しているようです*。
なので、いくつか別サーバーでミラーを作成し、分散させました。

また、当初の構想にあったキャッシュをつけることにし、アクセスを見ると同じユーザがリクエストを何度もすることがあるので、リクエスト軽減になると思い一時間はユーザ情報を保存するようにPHPを弄りました。

これで少し落ち着き、なんとかTwitter戦闘能力は正常に動作するようになりました（規制がかかってもミラーで利用できるようになり）。

色々とご迷惑をかけ、申し訳ございませんでした。

※本日、ホワイトリスト申請を行いました

過去30日間で、ニュースサイトのGIGAZINEがどれほど検索されているか調べてみました。

続いて、ITmedia

2chまとめサイトの痛いニュース

Yahoo

やほー

GIGAZINEや痛いニュースがITmediaよりも検索ボリュームがあることがわかりました。
そして、ITmediaは時期によって検索の値にかなりバラつきがありますね。

Yahoo!の誤読である「やほー」がITmediaとほぼ同じ数値を見せてるのは、やほー漫才のナイツの影響でしょうか・・・？

痛いニュースはYahooと同じくらい安定して検索ボリュームをもっていますね。

最後に「はてな」で検索

ボリューム的にはYahoo!とそれほど変わらないし、安定してますね。

検索クリエは、やはり圧倒的に「はてなブックマーク」が占めていますね。
はてなといえばソーシャルブックマークというイメージですね。