雨が降るサンクトペテルブルクの夕方、JS、HTML、CSSの知識を高めたいプログラマーが統計のファンにとって興味深いプロジェクトを書きました。
Nerd-o-meterは、ユーザーがツイートするデバイスの統計を見つけることができるサービスです。 要求と特定のユーザーの両方で検索できます。
アイデア
プロジェクトのアイデアは、Yandex.Subbotnikへの訪問中に生まれました：イベント中に何人の人がツイートしたかを観察すると、彼らが書いているデバイスの統計を知り、会議から会議への変化を見ることが面白いと思いました会議。
少し後に、それはtwitterクライアントの統計を示す小さなサービスのアイデアに変換されました。この情報はTwitter APIから単に抽出されます。
作成
最初は、たとえばRailsのような古典的なアプリケーションのように見えましたが、ある時点で、サーバー部分が単に不要であることが明らかになりました：必要なものすべて、特に
Twitter APIとグラフ作成へのアクセスは、ブラウザーで直接利用できます。 したがって、小さくて軽量な単一ページのアプリができました。
グラフを作成するために、
Google Chart Toolsが使用され 、いくつかの代替ソリューションに簡単に目を向けました。
microjs.comの優れたコレクションは、開発に必要なライブラリを見つけるのに役立ちました（ただし、このような小さなプロジェクトでは、おそらくライブラリなしで実行できます）。
チャートツールに加えて、次のライブラリが役立ちました。
- Zepto.js ：主にモバイルWebkitブラウザーを対象とした軽量のjquery置換。 それにもかかわらず、それはかなりまともであり、「アダルトライブラリ」として機能します。 作業中に、FFで作業しているときに小さなバグが見つかりましたが、パッチですぐに修正されました。このパッチは、後でGitHubのzeptoプロジェクトに送信（および承認）されました。 APIへのDOM操作およびajaxリクエストに使用されます。
- Underscore.js ：職場では、プログラマーの1人がScalaを使用したため、コレクション（少なくともマップ/フィルター）を快適に機能的に使用する方法がなければ、彼は手を使わないように感じました。 アンダースコアは、そのような機会と他のいくつかのFPバンを提供しました。
- SugarSkull ：アプリケーションの最初のバージョンは、クライアント側で完全に動作する可能性のある永続リンクに自己記述メカニズムを使用しました。 （特定のユーザーのツイートによる）別のタイプの統計情報の導入により、URLスキームはより複雑になり、このライブラリはボルトで固定されました。 これは、単純なクライアント側のURLディスパッチメカニズムです。
ブラウザーで完全に動作することの利点の1つは、github上のリポジトリーだけでなく、アプリケーション自体もホストできることです。
その結果、統計を収集するための実用的なツールを手に入れました。そのために、
digal 、
damnerd 、およびPhilip Nurulinに感謝します。 たとえば、Yandex Twitterの責任者はApple製品に無関心ではないことがわかりました:-)
PS Nerd-o-meterのコメントのおかげで、人気によるソート結果が追加されました。