面白そうなコンテストが開催されているよう
だったのでメモがてらご紹介。10KB以下で、
しかもスマートフォンやiPadなど様々なデバ
イスで閲覧してもレイアウトを崩さないレス
ポンシブWebデザインであることが条件の
Webアプリコンテスト・10K Apartからいくつ
か面白かったものを選んでみました。
モバイルでも使える軽量Webサービスのコンテスト、みたいな感じですかね。なかなか面白いものが揃っていました。開発者さんは参考にされては如何でしょう。
10K Apart
条件は画像やcss、jsなど全て合わせて10KB(圧縮可)以内に収めること、様々なデバイスでもレイアウトを崩さないレスポンシブ設計であることなどがあげられています。コンテンツは結構APIありきになってます。当たり前かもですがw
現在120以上のも作品がエントリーされていますが、この中で個人的に気に入ったものを10個ほどご紹介します。順不同。
SunCalc 3D
これ面白い。現在地を取得して、時期と時間を指定すると太陽の位置を把握できる、というアプリ。夕方になるとちゃんとデザインが変化します。全体は3Dっぽく表現されており、ドラッグで動かせます。
Dashing Analytics
Googleアナリティクスをシンプルなデザインで見ることが出来るWebアプリ。OAuth認証すれば、グラフで表示してくれます。
Front Row
映画のタイトルを入れるとポスターを出してくれます。だからなんだといわれると困りますけどw
Colorrrs
dribbbleからカラーコードで検索できるサービス。個人的には一番好きです。ロゴも指定したカラーコードになります。
DropCSS
CSSをドロップすると圧縮してくれます。普通に使えるかもしれない。
Sounds Like
これ凄くいいかも。ミュージシャンで検索すると類似するほかのミューシャンを数人抽出し、その類似しているミュージシャンからまた別の類似する人を探せます。なかなか面白いですね。ただ、実機のiPhoneだと、レスポンシブ、とは行きませんでした。※キャプチャはエミュレーターです。
atsniview
シンプルなInstagramのビューアです。キーワードで検索すると写真をズラッと表示します。
Arounddd.Me
現在地を取得して、関連するTwitterとInstagramの投稿をストリーム表示します。エミュレーターでは表示できませんでしたが、iPhoneでは完璧に動作していました。
Pirana
これで10KBは凄いですね・・・RSSリーダー。複数登録も可能です。なかなか必見です。
Spyglass
Twitterの個別の投稿URLを入力すると、そのPostを解析してくれます。影響力?かなんかも調べられるみたいです。たかが個人レベルで「影響力」ってなんか恥ずかしいですけどw
以上、僕が気になったサービス10個でした。モバイル向けの簡単なWebアプリを作成するヒントになるかも。中にはレスポンシブだけど実機では閲覧できないとかもあるけど細かいこと抜きに、こういった技術は参考になりますね。
まだ沢山あるので暇つぶしに如何ですか。以下でいろいろ試せます。