以前は開発合宿に参加して勢いで作るということをやっていましたが、最近はめっきりしていませんでした。長いスパンで開発のお手伝いをするのも楽しいですが、逆に一気に作ってしまうやり方も時には挑戦したくなります。というわけで、久しぶりにデザインも含めて2日で作ったページを紹介。Twitter で交わされている CS4 ネタを淡々と流しているだけのページです。時間がないといっても、時間がないときに作れてしまうからよく分からん。
最近、CS4 が発売されたけど、みんなどう使っているのか、どう思っているのか知りたい方は参考になるかもしれません。仕組みとしては大変単純なもので検索結果を MagpieRSS を使ってパースしただけなのですが、それだけだとどうかなので、文字列にキーワードが見つかったら左右に変動するようにしてあります。まぁ解析技術を駆使したのではなく、正規表現だけなのでブレは生じると思いますが・・・
こうした同じフォーマットがリストされる見せ方は今までたくさん出てきています。何かテキスチャを背景に入れてしまうと、同じアイテムが繰り返し表示している印象が強まって、単調な印象を与えることがあります。そこで、異なるパターンのテキスチャが定義してあるクラス名を用意し、HTMLを生成する際に乱数でクラス名をアサインしています。わずかな違いですが、少しだけ単調さがなくなると思います。
いろいろな『アリモノ』技術を繋ぎ合わせるだけでも完成するので、ちょっとした情報ページを作るのは難しくありません。何を繋ぎ合わせて、どう見せるかという部分はデザインしている方達も楽しめる部分だと思うので、ぜひ挑戦してください。

digibot
CS4.JP めちゃめちゃいいですね。
シンプルな機能、UIの使い心地はさすがとしか言いよう無いけど
デザイン含めて2日でこれを作るのは凄いと思う。
ヤスヒサさんのこの手の制作物って
結構あったような気がするんですが、
どこか一覧で見ることが出来たりするページがあるのでしょうか?
面白い技術を取り入れていることが多いので勉強になります。
2009年1月21日 11:45ちなみに以前「ego port」(確かそんな名前だったような)で
ウィンドウサイズに応じて変わるレイアウトには衝撃を受けました。
ヤスヒサ
@digibot
2009年1月26日 8:02そういえば、まとめて見れるような場所はありませんね。
コンセプト系のだけでもまとめてみようかなと思いました。