2008年10月29日

●Balsamiq Mockupsを使ってみた

ふと見つけたBalsamiq Mockupsを使ってみた。

http://www.balsamiq.com/products/mockups/desktop

これはAIRで作られているサイトのモックデザインを作るアプリで、ペーパープロトタイプみたいな形のものをサクサク作ろうというものです。
もちろんAIRなので、AIRのランタイムがあるMacでもWinでも使えます。データはXMLフォーマットで書きだせるし環境に依存しなく共有できるし、何らかしらツール作ればこれでモック作ってそれっぽいHTMLを吐き出したり、MXMLとかにしちゃってFlexで!みたいな事もできるかもしれません。

実際にやってみると、紙に書いてあーでもないこーでもないとかしてると、微妙にサイズ調整したいときにまた書くすか!となるので、その辺が個人的にコピペしてーとか思ったりしてたので、何も考えずとりあえず置いていけるのは便利な気もします。
ただ、この手のツールは他にもあったりしていくつか使ってましたが、Javaのアプレットでなんか変に重かったり、特殊なインタフェースで慣れれば早いんだろうが、そこまでの域に達する前に辞めたりとしてました。
ですが、これはなかなか使いやすい。何がどうっていうことはないのですが、なんか使いやすいのです。
たとえば、なんの気なしにサイズ変更すると
balsamiq_size.jpg
という感じで、今変更してるサイズが表示されたり
balsamiq_input.jpg
という感じで、CSV的な感じでカンマ区切りして適当に入力すればデータが入ったり、結構深く考えなくてもそれっぽいものがザクザク作れる感じです。
デフォルトでは日本語通らない(フォントに文字がないだけ)なので[View -> UseSystemFont]にチェックを入れるのをお忘れずに。

ただ、名前の変更がなんか不意になったり、設定いじってたら対象のオブジェクトが移動してたり、[ButtonBar]のみ文字入力確定がEnterなので変換=確定になったり、微妙に不便ではありますが。あと値段が79ドルという勢い的に手が出しずらい金額なのもちょっと厳しいです。この金額のままではなく、9.9ドルだと最低限のオブジェクトしかなくて、39ドルだと適当に使えるやつがあって・・みたいな形にでもしてくれればまだいいのですが。
それと、残念なのがリンク系がないので、ここ押したらこのモックページにみたいな動作サンプルは作れないようなので、ここ押したらどこいくんだっけな・・と複数ページを作ってる時に管理が面倒になりそうです。まぁそれは別の仕様書なりで管理してくような感じになった方がいいのでしょうけども。


続きを読む "Balsamiq Mockupsを使ってみた"

2008年10月27日

●昼飯抽選サイト作ってみました

Googleさんのシステム完全依存ですが、昼飯抽選サイトを作りました。
昼飯を毎度ワンパターンだなーとか思いつつも、結局同じ店に行くあなたへ送るサイトです。

デザインとかアレな感じなのと、緯度経度とれないやつはアラートというショボショボでいじらないといけないですが・・。

http://wakasa.org/project/hirumeshi/
※気に入らない時は上にこっそり、かつ大胆にある次へをクリック

とりあえず、データはGoogleDocsから拾ってきています。
デフォルトは私の勤務先である五反田方面で、データは同僚と更新してますがしょぼいです・・。
まだまだ登録が甘いのでそこはご了承を。
http://spreadsheets.google.com/ccc?key=pUueo43_joGIIz68KkRF-Tw&hl=ja

これだけだとショボなのですが、シートの切り替えが可能にしています。
たとえば、適当ですが立ち食いそばだけチョイスしたシートを作り、それだけを抽選することが可能です。
http://wakasa.org/project/hirumeshi/?pUueo43_joGLlO8N5y-1NMw

なので、自分だけのシート作って自分だけのデータで抽選できます。
データ多すぎて結局ヒットしないとか、カテゴリ絞りたいとかならシート新しく作れ!という男らしい仕様です。絞り込みとか、前に選んだやつ出してくれなんかさせません。(逆切れ)

で、下記に方法書いときます。


  1. シートを[name,lat,lng,address,explanation]で作る。
    ※たぶんnameだけあればいけるはず

  2. 共有をクリックする

  3. ウェブページとして公開

  4. ドキュメントを公開をクリック
    ※変更が加えられると自動的に再公開するにチェックいれると自動公開なので便利

  5. シートのIDがURLにあるので、key=後をコピー

  6. http://wakasa.org/project/hirumeshi/?[ここにkey後を張る]にアクセス

とりあえずまだまだイケテないですが、もうちょっと改善します。
問題があったら教えてくださいませ。

p.s.
本当はフロントからも追加登録できるようになっているんですが、FFでエラーしてしまうので、とりあえず保留状態。

続きを読む "昼飯抽選サイト作ってみました"