Shin x blog

iPhone（iPod touch）、iPadのスクリーンショットを投稿して、みんなで見て楽しむサービス「iScreenShot」をリリースしました。

=> iPhone/iPadのスクリーショットを共有 | iScreenShot

機能の詳細は、実際にサイトにアクセスして頂くのが分かりやすいので（ヘルプもありますし）、ここではサイトを作る経緯までや公開してからについて、ざくっと書いてみます。

構築した経緯

iPhone 3GSを昨年（2009年）の夏に購入したのですが、アプリを入れてカスタムし出した頃から、他人のホーム画面にとても興味が出てきました。どうにかして色々な人のホーム画面が見れないかな、ということでこのサービスを考えました。

ただ、アイデアとしてはあったのですが、なかなか手が付けられずに結局そのまま放置されることになりました。

そして今年の春、iPadが発売され、さらにiPhone4（iOS4）が発表されました。デバイスがというよりOSのバージョンアップにより、当時よりホーム画面のカスタマイズの自由度が広がりました。つまりこれまで以上に多様なホーム画面が見られるわけです。

これは作るしかないでしょ、ということで公開にするにいたりました。

公開して

まだβ版ということで、8/1夜と翌日昼にこっそりTwitterにだけお知らせをpostしました。

TwitterでのRTやblog等でのご紹介で、少しづつですがスクリーンショットが投稿されはじめました。実際に投稿されたスクリーンショットを見ると、それぞれに個性があって面白いですね。知人がiPhoneを持っていてもホーム画面をじっくり見る機会はあまり無いので、こうやって色々なホーム画面が見られるのは想定していたより楽しいですね:D

使った方、見た方のコメントでも「面白そう」「人のホーム見たいよね」という話があって、作って良かったなーと思っています。

早速、iPhone/iPadのblogでお馴染みのtobu iPhoneさんととはてブニュースさんにも取り上げて頂けました！はじめは知っている人でボチボチ投稿してもらえれば良いかなと思っていたのですが、一気に色々な方に投稿して頂けるようになりました。ありがとうございます。やっぱり、すごい。

• iPhoneやiPadのスクリーンショットを投稿する『iScreenShot』というWebサービス | tobu iPhone
• iPhoneのスクリーンショットを共有できる「iScreenShot」オープン – はてなブックマークニュース

お気に入りのホーム画面

どんなスクリーンショットがあるかは見るのが一番なので、投稿されたスクリーンショットの中で自分のお気に入りのものをご紹介します。

=> お気に入り | iScreenShot

まずは公開早々に投稿頂いたitayanさんのホーム画面。

青系の背景とアイコンできれいにまとまっていますね。色合いを合わせるように意識してアイコンを並べているとのこと。なるほど。

次にユニークなホーム画面を投稿されているfool4rootさんのホーム画面。

アイコンを全面に置かずにあえて背景を見せるのがポイントですね。しかしFlashって:D

そして今のいちおしがこれ！

Kzh_09Jpさんのホーム画面です。

はじめて見た時に驚いて、さっそくコメント入れました:D iOS4のホームボタン2度押しによるアイコングレーアウトを上手く利用して背景を浮かせています。これはすごい。ぜひ実機で次元が現れるところを見てみたいです。

あとおまけで、自分が投稿したものを。

文字アイコンを並べて作ってみました。この画面を2ページ以降に用意しておいて、相手に「ほら、スライドさせて」といって、見せると効果ありそうです:D

ホーム画面ではなく、ロック中の画面です。iPhone使っている人ならいつも見るバッテリ表示の電池から液漏れです:D これは実際に人に見せると反応が良いです。

ほかにもいろいろなスクリーンショットがあるのでサイトで見てみて下さい。

ホーム画面は楽しい！

投稿されたスクリーンショットを見て、あらためて思うのはやっぱりiPhone/iPadは画面が美しいですね。並べてみると惚れ惚れします。また、その美しい画面をそのままスクリーンショットで保存できる機能を標準で用意しているのは、さすがAppleだなーと思います。

これまで、それほどホーム画面の体裁を意識していなかったのですが、色々な人のホーム画面を見ると俄然やる気がでて来ますね。

見て楽しい、投稿して楽しい、というようにiPhone/iPadユーザ（＋気になる人）が楽しめるサービスになればなあ、と思っています。ホーム画面コンテストとかやると楽しそうなので、企画も色々とやっていきますね。

どうですか？あなたのご自慢のスクリーンショットも投稿したくなってきましたか？

=> iPhone/iPadのスクリーショットを共有 | iScreenShot

「Twitter Status - Reports of Fake Twitter Emails」で勧告されているフィッシングメールが来ました。

送信元アドレスは「Support System <engineer@twitter.com>」、件名は「Twitter Message #22」となっています。

本文はHTMLメールとなっており、いかにもTwitterぽいデザインです（以下、画像）。

Twitter Supportからメッセージが来ている旨が書かれていて、その下のリンク（赤枠）へのクリックを促すようになっています。

一見、リンク先はtwitter.comに見えるのですが、実はこのリンク先は別サイトになっています。

このリンク部分のソースが以下です。見事にtymhosting.comという別サイトへのリンクとなっています。

本家を騙ったフィッシングメールにご注意を

このメール凝ってますね。送信元アドレスといい、本文デザインといい、本文のリンクといい、思わずクリックしそうになります。

冒頭のTwitter Statusでもあるとおり、Twitterからこういった内容のメールを送ることは無いとのことなので、もしメールが来てもスルーするようにしましょう。

さらに「New Spam Attack Abusing Amazon, Apple, Twitter Email Notification | Symantec Connect」を見ると、AmazonやApple Storeからのメールを騙ったものも来るようです。お気をつけを。

朝あなたのTwitterにメッセージが届く「ついもーにん！」を作りました。

@twmorning

朝起きた時、通勤電車の中、会社についた時、ついつい見てしまうのがTwitter。誰かのつぶやきを見るのも面白いですが、やはり自分宛に投稿があると嬉しいもの。それが誰からのステキなつぶやきやお役立ち情報なら尚更です。

そんなほんの少しだけ朝を彩るサービスが「ついもーにん！」です。

朝メッセージを受け取る

メッセージを受け取るにはTwitterで @twmorning をフォローして下さい。

朝あなた宛にメッセージが届きます。

朝天気情報を受け取る

メッセージの他に天気情報を受け取ることもできます。

@twmoringをフォローした後に、@twmoringあてにreplyで以下のコマンドをつぶやいて下さい。

すると翌朝から天気情報が届きます。

なお「大阪」の部分は天気予報を知りたい地方名を入力します。

地方名はこのエントリ下部のリストから一つ選択して入力して下さい。

メッセージを送る

朝届くメッセージを登録することができます。

このメッセージが誰にいつ（どの朝に）届くかは分かりません。見知らぬ誰かの朝をステキなメッセージを届けて下さい。

メッセージの内容は @twmorning に DM を送って下さい。

登録されたメッセージは翌朝以降に @twmorning をフォローしている人に届けられます。

なおメッセージには送信者であるあなたのTwitterアカウントが記載されます。これをきっかけに良い関係が気付けるようにステキなメッセージを送って下さい:D

ご質問、ご要望は

@shin1x1まで。

天気情報の地方名

以下から一つ選択して@twmorningあてにつぶやいて下さい。

天気予報を設定する

• 稚内
• 旭川
• 留萌
• 札幌
• 岩見沢
• 倶知安
• 網走
• 北見
• 紋別
• 根室
• 釧路
• 帯広
• 室蘭
• 浦河
• 函館
• 江差
• 青森
• むつ
• 八戸
• 秋田
• 横手
• 盛岡
• 宮古
• 大船渡
• 仙台
• 白石
• 山形
• 米沢
• 酒田
• 新庄
• 福島
• 小名浜
• 若松
• 水戸
• 土浦
• 宇都宮
• 大田原
• 前橋
• みなかみ
• さいたま
• 熊谷
• 秩父
• 東京
• 大島
• 八丈島
• 父島
• 千葉
• 銚子
• 館山
• 横浜
• 小田原
• 甲府
• 河口湖
• 富山
• 伏木
• 金沢
• 輪島
• 福井
• 敦賀
• 新潟
• 長岡
• 高田
• 相川
• 長野
• 松本
• 飯田
• 静岡
• 網代
• 三島
• 浜松
• 名古屋
• 豊橋
• 岐阜
• 高山
• 津
• 尾鷲
• 大津
• 彦根
• 京都
• 舞鶴
• 大阪
• 神戸
• 豊岡
• 奈良
• 風屋
• 和歌山
• 潮岬
• 岡山
• 津山
• 広島
• 庄原
• 松江
• 浜田
• 西郷
• 鳥取
• 米子
• 下関
• 山口
• 柳井
• 萩
• 徳島
• 日和佐
• 高松
• 松山
• 新居浜
• 宇和島
• 高知
• 室戸
• 清水
• 福岡
• 八幡
• 飯塚
• 久留米
• 大分
• 中津
• 日田
• 佐伯
• 長崎
• 佐世保
• 厳原
• 福江
• 佐賀
• 伊万里
• 熊本
• 阿蘇乙姫
• 牛深
• 人吉
• 宮崎
• 延岡
• 都城
• 高千穂
• 鹿児島
• 鹿屋
• 種子島
• 名瀬
• 那覇
• 名護
• 久米島
• 南大東島
• 宮古島
• 石垣島
• 与那国島

先日Twitterが公開した@Anywhere。Twitterの機能を手軽に自分のサイトに組み込めるとあって早速試してみました。

follow okに設置

いくつか提供されている機能のうち、一番気になったのはフォローボタン。これを設置すると自分のサイトにフォローするボタンが利用できます。

これは良い、ということで、早速follow okに設置してみました。

検索結果のユーザ一覧にフォローボタンを設置したところ、ほんと簡単にサイト上からフォローができるようになりました。

いやあこれは便利と思ってしばらく使ってみるとフォローボタンが not found という表示に。。。

Firebugで見てみると

何が起こったかとFirebugで見てみると見事に真っ赤っか。というかボタン表示の度にTwitter APIを呼びに行っている。。。

レスポンスを見るとエラーメッセージに「Rate limit exceeded. Clients may not make more than 150 requests per hour」が返ってきています。

これは Twitter APIの呼び出し制限で、1 クライアントIP あたり 150/h 以上の API が実行できないようになっています。（申請により拡張可能。OAuth認証済みは別。また、APIによって制限の有り無しがある。詳しくはこちら。）

API制限に引っかかると他サイトの@Anywhereフォローボタンも同じように制限を受けるので「not found」となりました。

ちなみにAPI制限を受けているPCのグローバルIPを変える（emobileで繋いだ）とフォローボタンが表示されました。

@AnywhereフォローボタンはAPIを叩いてる

これを見るとおそらく@Anywhereは、Twitter APIを叩くJavaScriptライブラリということなのでしょう。よって通常の API 制限と同じ制限がかかります。

特にフォローボタンは表示だけで Twitter APIを呼んでしまうので注意が必要です。

blogに一つフォローボタンを置くぐらいなら問題にはならないでしょう。あくまでクライアント環境からのAPI通信なので、150/h を超えることは少ないかもしれません。

ただ follow ok でやったように 1 ページに多数のフォローボタンを置くようなことをやるとページを閲覧しているだけでAPI制限にかかってしまうので、サイト管理者としてはむやみに置かない方が良いでしょう。

Twitterであるキーワードがどの程度つぶやかれているかをお手軽に見る方法です。

キーワード

今日まさに旬な「R1」「ドラマ」「オリンピック」が、Twitter上でどれくらいつぶやかれているかを調べます。

方法はいたって簡単。

Twitter公式検索（search.twitter.com）で調べたいキーワードを検索するだけです。

複数のキーワードを調べる時はブラウザのタブを追加して、検索します。

検索した直後のタブは以下のようになります。各タブには検索したキーワードが表示されていますね。

これをしばらくそのまま放置しておくと、その間にキーワードにマッチするつぶやきの件数が表示されます。

さらに放置すると件数が増えていきます。

Twitterドラマのおかげか「ドラマ」が伸びていますね。

URL

次は、あるサイトのURLがどれくらいつぶやかれているかを見てみます。

キーワードと同じようにsearch.twitter.comで検索しても良いのですが、なぜか取りこぼしが多いようなので、別サイトのbacktweets.comというサービスを利用します。

最近はやっている○○ったージェネレータサイトの「ツイットメーカー」と「なんでもメーカー」を見てみましょう。

ブラウザでタブを2枚開いておいて、各々のタブでbacktweets.comへURLを入力します。どちらのサービスもサイトへのURLが書かれているのですが、ドメイン部分などサービス内で共通の部分を入力します。

ツイットメーカーなら

なんでもメーカーなら

これを検索した状態です。お互いのURLがタブに表示されています。

これもしばらく放置しておくと、その間にURLがtweetされた数がタブに表示されます。

例えばこんな使い方

いろいろと使い方は考えられると思いますが、例えばこんな使い方。

• はやりのキーワードを比べる
• はやりのサイトを比べる
• 同時期に開催しているイベントのハッシュタグを比べる

などなど。

仕掛けておくとドンドン数字が増えていくので眺めていると面白いですね。気になるキーワードがある方はお試しを:D

携帯版Twitterサイトにステータス付きリンクを貼る方法です。

Webサービスやblogによくある「Twitterで報告する」といったリンクですね。

クリックするとTwitterページに遷移して、ステータス（つぶやき）を入れるテキストエリアにすでにメッセージが入っています。あとは「UPDATE」をクリックするだけで、つぶやくことができます。

PCだと「http://twitter.com/home?status=AAA」がおなじみなのですが、この方法だと携帯版（twtr.jp）ではステータスがうまく引き継げずにstatus=AAAの内容がテキストボックスに入りません。

携帯版ではリンクの記載方法を変えることにより、同じ動作が可能です。

携帯版ステータス付きリンク

これはリンク先とパラメータが変わるだけです。

http://twtr.jp/status/create/?text=XXX

XXXがテキストボックスにセットしたい内容です。

ただtwtr.jpではキャリアによって文字エンコーディングが異なるのでXXXの部分のエンコーディングをキャリアに合わせて記述してやる必要があります。

キャリア別文字エンコーディング

キャリアに合わせて以下の文字エンコーディングで記述します。

DoCoMoはcookie対応機が手元に無かったので試していません。誰かもし持っていれば「なんでも判定ツクール」で試して頂ければ嬉しいです:-D

追記：DoCoMoですがutf-8で問題無いそうです。@H_O_0221さん、テストありがとうございました！

なんでも判定ツクールでは、基本UTF-8で記述しておいて、auだけCP932に変換しています。

URLエンコーディングを忘れずに

どの文字エンコーディングに変換してもXXXの部分はURLエンコード（PHPならurlencode()）する必要がありますので、お忘れなく。

2009年に書いたプログラム言語を列挙する企画がTwitterで開催されています。

参加する

方法は簡単でハッシュタグ「#code2009」を付けて、2009年に書いたプログラム言語をカンマ区切り並べるだけです。

例えば私なら、こう。

集計を見る

postしたtweetはこちらのサイトで集計されます。
http://www.ioncannon.net/projects/code2009/

集計結果は4つのグラフでまとめられます。

例えばこんな感じ。

最も使われたのはJavaScript

2009年、Twitterユーザに一番使われている言語は「JavaScript」でした。（2010/01/02現在）

2位以下は「Ruby」「Java」「Python」「PHP」と続いています。

ちなみにプログラム言語のランキングとしておなじみのTIOBE Software（2009/12）では、一位が「Java」で、「C」「PHP」「C++」「VB」となっています。

Twitterユーザのランキングを見るとWebシステムで良く使われる言語が並んでいるので、やはりTwitterユーザにはWeb系の人が多いという当然の結果ですね。

まだpostしていない方は2009年のふりかえりに参加してみてはどうでしょう。

12/24未明、ustreamで日本人DJが2,000viewers以上を集めるパフォーマンスを魅せました。

深夜のアメトークを見つつ、そろそろ寝ようかなと思ってた時間帯。何気にTwitterを見ると、とあるDJがusreamでplayしているよ、というpostを見ました。

8畳間で深夜に踊るDJ

誰かがustでDJしているのはよくあることなんですが、なんだか異様に盛り上がっているらしいので、リンクからustreamへ。

その時はまだviewersが300人くらい。まず目に飛び込んできたのが、マンガだらけの部屋。激しく踊るDJの姿。そしてその光景に似つかわしくない(w PLAYが耳に流れてきます。

おおーこれは気持ちいいと思いつつ、TLを見ていると彼が @okadadada というIDでTwitterをやっていることが分かりました。

まあ画像を見るのが早いのでご紹介。

マンガ一杯の普通の部屋。滋賀県だそうです。

踊るDJ、okadadada氏。

2,000viewers! All Live 1位!

そして凄かったのがustのviewers。その素晴らしいplayに引き寄せられるようにあっという間に加算されていきます。400を超え、500を超えとなり、勢いが付いてからは一気に1,000を突き抜けました。

その頃にはustのAll Liveで堂々の 1位（！）に躍り出ました。

その後も勢いは加速する一方で、3:30を超えた頃には2,000viewersを超えました。

今これを書いている時点でも、まだviewersは増え続けており、okadadada氏のPlay、ダンスの勢いはとどまる事を知りません。

Twitterによる情報伝播の波

バンバンviewersが増えていったのですが、それに呼応にてTwitterのTLも @okadadada 一色となっていきました。ustのchatを見ていると2chやニコニコからの人も多かったようなのですが、Twitterからもかなりの人が見に行ったように思います。

Twitter上で火が付くと、RTであっという間に情報が伝播していく様は壮絶ですね。

Happy Merry X'mas!!

いやあ、とにかくすごいです。単純にDJ PLAYを見ている、聴いているのも楽しいのですが、イブの深夜に酔いしれるこの感覚を2,000人と共有しているのがたまんないですね。

いいもの見せて貰ってます。okadadada氏に感謝！

今日の15:00頃にtwitter.comがクラッキングされて、全く異なるトップページが表示されていたようです。

• Twitter Blog: DNS Disruption
• Twitter がクラッキングを受けてダウンしている模様 - Yaks
• Twitterがクラックされている件 - 西尾泰和のはてなダイアリー

私が見た時は単に接続ができない状態だったのですが、DNSを不正に書き換えられてtwitter.comが別サーバに向くようになっていました。

すでに各サイトで技術的な解説はされているので、タイムラインで懸念されているアカウント乗っ取りについて図を書いてみました。

通常時

OAuthを使っていない多くのTwitterクライアントは、Basic認証を使ってアカウントの認証を行っています。つまりTLを取得するなり、postするなり、twitter.comへのリクエスト毎にアカウントIDとパスワードを毎回送信しています。

今回のクラッキング（DNS書き換え）

今回のようにDNSを書き換えられて、twitter.comがクラッカーのサーバを指し示すようになると、当然ながらリクエストがクラッカーのサーバに送信されます。

Twitterクライアントは、それがクラッカーのサーバとは知らないので、せっせとアカウントIDとパスワードを送信してしまいます。

もしクラッカーのサーバに送信されたIDとパスワードを保存する仕組みを持っていたら、がっつり収集されてしまいます。

復旧後

現在は無事に復旧して、twitter.comは本来のサーバを指すようになっています。

しかしクラッカーのサーバには収集したIDとパスワードがたんまりと残っています。もしその気になればIDとパスワードを使ってアカウントを乗っ取るのは造作もないことです。

じゃあ、どうするか？

じゃあ、パスワードを変更すれば良い、というのが一般的なアプローチです。

パスワードさえ変えてしまえば、クラッカーが収集したパスワードではログインできませんので、一件落着です。

しかし、Twitter自体にも問題があって「パスワードを変更するとアカウントがロックされてしまう」というような話があります。

もう2ヶ月も前の話なので、今は大丈夫かもしれません。ただアカウントをロックされる可能性もあるので、パスワード変更も積極的にはおすすめできなかったりします。

ということで何とも動きが取りづらいのが正直なところです。。。アカウントロックの問題が解消されているのであれば、パスワード変更した方が良いのですが。

御座候という回転焼き（a.k.a. 「今川焼き」「大判焼き」「二重焼き」「びっくり饅頭」）を知っていますか？

関西ではメジャーな甘味であちこちの駅やショッピングセンターに店舗があります。

あんこがぎっしり詰まっているのですが、それほど甘みが強くないのでペロッといけちゃいます。寒くなってきたので、温かい御座候と渋めのお茶の組み合わせはたまりません。

そんな御座候。毎日でも食べたい勢いなのですが、事務所の近くには店舗が無く、Twitterで想いをつぶやく日々（1, 2）が続いていました。

せめて、写真だけでも！ということで、Twitterでbotを作りました。良かったらフォローして下さい。

@gozasoro

フォローしておけば、良い感じの時間に御座候に関する内容をつぶやきます。タイムラインに御座候アイコンが登場すると嬉しくなります:-D

ちょい技術話

GAE+Pythonで作りました。

日本語文字列の扱いでちょっと躓いたりしましたが、やっぱりGAE+Pythonは良いです。あとPHPの良さも再認識したりもします。

今回も色々なサイトのノウハウを拝借したので、ある程度溜まったら自分からもアウトプットします。

というわけで、これからの季節にぴったりな御座候。タイムラインにもどうぞ。

ちなみに私は赤あんが好きです。