Tweets CS4.JPを勢いで作ってみました

以前は開発合宿に参加して勢いで作るということをやっていましたが、最近はめっきりしていませんでした。長いスパンで開発のお手伝いをするのも楽しいですが、逆に一気に作ってしまうやり方も時には挑戦したくなります。というわけで、久

以前は開発合宿に参加して勢いで作るということをやっていましたが、最近はめっきりしていませんでした。長いスパンで開発のお手伝いをするのも楽しいですが、逆に一気に作ってしまうやり方も時には挑戦したくなります。というわけで、久しぶりにデザインも含めて2日で作ったページを紹介。Twitter で交わされている CS4 ネタを淡々と流しているだけのページです。時間がないといっても、時間がないときに作れてしまうからよく分からん。

Tweets CS4.JP

最近、CS4 が発売されたけど、みんなどう使っているのか、どう思っているのか知りたい方は参考になるかもしれません。仕組みとしては大変単純なもので検索結果を MagpieRSS を使ってパースしただけなのですが、それだけだとどうかなので、文字列にキーワードが見つかったら左右に変動するようにしてあります。まぁ解析技術を駆使したのではなく、正規表現だけなのでブレは生じると思いますが・・・

こうした同じフォーマットがリストされる見せ方は今までたくさん出てきています。何かテキスチャを背景に入れてしまうと、同じアイテムが繰り返し表示している印象が強まって、単調な印象を与えることがあります。そこで、異なるパターンのテキスチャが定義してあるクラス名を用意し、HTMLを生成する際に乱数でクラス名をアサインしています。わずかな違いですが、少しだけ単調さがなくなると思います。

いろいろな『アリモノ』技術を繋ぎ合わせるだけでも完成するので、ちょっとした情報ページを作るのは難しくありません。何を繋ぎ合わせて、どう見せるかという部分はデザインしている方達も楽しめる部分だと思うので、ぜひ挑戦してください。

筆者について

Photo of Yasuhisa Hasegawa

デザインやコンサルティングを通じてWebの仕事に携わる活動家。Webとデザインをキーワードに情報発信をしているだけでなく、各地でWebに関するさまざまなトピックで講演を行ったり、多数の雑誌で執筆に携わる。

  • http://digibot.jp/ digibot

    CS4.JP めちゃめちゃいいですね。
    シンプルな機能、UIの使い心地はさすがとしか言いよう無いけど
    デザイン含めて2日でこれを作るのは凄いと思う。

    ヤスヒサさんのこの手の制作物って
    結構あったような気がするんですが、
    どこか一覧で見ることが出来たりするページがあるのでしょうか?

    面白い技術を取り入れていることが多いので勉強になります。
    ちなみに以前「ego port」(確かそんな名前だったような)で
    ウィンドウサイズに応じて変わるレイアウトには衝撃を受けました。

  • ヤスヒサ

    @digibot
    そういえば、まとめて見れるような場所はありませんね。
    コンセプト系のだけでもまとめてみようかなと思いました。

いかがでしたか?

閉じる 共有する

記事はお楽しみいただけましたか?役に立つ情報でしたか?ぜひ他の場所で共有してみてください。