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年03月08日

●小学一年生のふろくがすごい事について

知人からこれすごくね?と送られてきたURL。
小学1年生4月号
※最新号のページなので月によってかわってしまいますが。
なんだこれは・・どこでもゆびピアノ!?

で、その2時間後には手元にあったわけで。

構造は単純。
各指部分にボタンがついてて、そこが押されると各音階の音が鳴るという仕組み。
指のサイズとケーブルが子供向けなのがなんだが、でも、それなりにきっちりとはめたらそれっぽくできる。
ある意味すげぇ。

で、我が子に持たせてみました。もちろん小学1年生の該当の年とは違いますが。
曲を弾くとかそういう概念はないものの、好きなケーブルとボタン押したら音が鳴るというので堪能のご様子。

これを使って演奏するライブでも開催されたらぜひいってみたい。

2008年03月03日

●はたらいたに3000時間

まだまだいけてない部分が大量にありつつ、直さないと思ってるのですが、
とりあえず1月の中旬に作ったバージョンを公開しておきます。

http://wakasa.org/project/hataraita/hata.air

どうやらかなりバグってるらしく、出勤したはずの日が抜けてたり、終了時間がおかしかったりしています・・。
根本的に直そうとしてFlexに移行中ですが、慣れないFlex作業に手間取って進んでおりません。

急いで作れよって自分に言い聞かせるってことで、とりあえず公開しときます。

p.s.
Flexで透過ウィンドウってどう作るんだ。。。。。。どうしても下地が消えない。。。

2007年08月01日

●360度撮影できるカメラ

うーん懐かしい。
○年前にこの手の360度撮影してそれをwebで流すみたいなのやってた会社にいたのでこのカメラをみたらいろいろ思いだしましたよ。

グーグルがストリートビューの撮影に使っているカメラ「Ladybug2」

撮影するのに巨大なRAIDディスクつんでぶんまわしても、カメラの数が多すぎてえらいそくどでディスクがいっぱいになるとかそういうの聞いてましたが、今のご時世なら余裕なのかなぁ。
でも確かにこいつのつなぎ目がいまいちにつながるのがGoogleStreetViewに出てましたね。

周囲360度の映像を撮影可能なカメラモジュールを発売 ビジュアルコミュニケーションやセキュリティなど多様なアプリケーションに応用が可能
これも検討してたけど、1カメラで撮影できてというのが魅力ですが、なにぶんVGA画像を輪にしてるから画質が・・・。
ググって出てこないけど今ならある程度の画質レベルCCD積んで1カメラでぶんまわしたほうがつなぎ目とかきれいな気がするんですがねぇ。まぁレアな業者しかいらないからコスト的にアレなんでしょうが。

2007年06月12日

●Safari 3 PublicBetaを日本語対応に

Safari 3 Betaで書いた通り
普通の日本語OSにいれるとうまく日本語が表示できなかったのですが、表示できる方法がありました。

コントロールパネル -> 地域と言語のオプション -> 詳細設定 -> 非ユニコードソフトの言語

のプルダウンから

英語(米国)

にしてPCを再起動するだけです。
※設定を変更して何か起こっても自己責任でお願いします。

そうするとなんてことでしょう。

safari3b.png

safari3b_jp.png

に!
そしてアンチエイリアスもかかってるじゃないですか。
ちなみに、FireFoxではこんな感じ。

ff2_2.png

おそるべし。Safari。

ただ、動作は不安定ぎみ。
ウィンドウサイズ変更したり、文字コードがフレームで入り乱れてたりとかすると痛い事に。
もう一息です!という感じでした。
ここから仕上げが作るまでの4倍以上の労力かかりそうですが・・。

ま、文字コード設定変えたので、ログイン時のパスワードの文字が大きくなったような気がしつつ、IMEが変に大きくなって邪魔になったように見えたり、FileZillaが
ƒGƒ‰[: アップロードが失敗しました
とかエラー吐いたとしても気にしない。気にしない。

・・・

開発ソフト類動かしてないけど、彼らが死んでたら・・元に戻そう・・。

続きを読む "Safari 3 PublicBetaを日本語対応に"

●Safari 3 Beta

Windows版のSafari出たー!!

アップル - Safari 3 パブリックベータ
http://www.apple.com/jp/safari/download/

と、Mac狂な感じでいれてみました。

・・・・・
ん?あれ?フォント・・フォントか!!
やはりWindowsといえばMSゴシック!
これを設定せねば!

safari3b.png

というわけで、こうなりました。
日本語すべて消え去りましたが・・。

ちなみに、正しくはこうなるかと・・。

ff2.png

うーん。
日本語が通るようになってから考えよう・・。

2007年06月08日

●Adobe CS3 発表会

Adobe CS3 発表会に行ってきました。
ちょっと気になったところだけ整理

----------------------
PhotoShop
・スマートフィルタ
http://www.adobe.com/jp/products/photoshop/pscs3/whatsnew/features_08.html
・VanishingPoint
http://www.adobe.com/jp/products/photoshop/pscs3/whatsnew/features_18.html
・レイヤーの自動整列・合成
http://www.adobe.com/jp/products/photoshop/pscs3/whatsnew/features_17.html

基本的には機能的にというよりも、他との連動性が強くなりました感がある感じでした。
確かにかゆい所に手が届く感のある感じに仕上がってるみたいですね。
あと、細かいところですが起動がえらい早くなった模様。

----------------------
Illstrator
・ライブカラー
・消しゴムツール
http://www.adobe.com/jp/products/illustrator/features/

Flashであった消しゴムがイラレに組み込まれました。
ライブカラーは色相などの関係性を保持したまま色を変更できます。
細かいところではベクターなどが選択しやすくなったといってました。

---------------------
Dreamwewaver
http://www.adobe.com/jp/products/dreamweaver/features/allfeatures/
・充実の CSS サポート

CSS周りのエラーの時の対応方法レクチャーとかしてくれます。
CSSを外部ファイルに出したりとかそういうのが簡単にしてくれるようです。
あと、フォトショとの連動で、フォトショでデザイン作ってそこの画像をコピペした場合、ドリでそれの元ファイルを探すとpsd内のコピペした画像がきちんと選ばれるようになってました。
SpryとかはMMしたスクリプトみたいな感じで書き出されます。フォームのバリデートチェックとか便利といえば便利そうではありますが。

---------------------
Flash
http://www.adobe.com/jp/products/flash/upgrade/
・Adobe Photoshop/Illustrator からの読み込み

読み込むとどのレイヤーを読むかとか画像化するかそのままかみたいな選択肢ができるようになってました。
イラレテイストな操作方法になってきてました。
モーションだけコピペとかそういう細かいところが使いやすくなってます。

---------------------
Fireworks
http://www.adobe.com/jp/products/fireworks/features/
・ページ

どうやらFireworksはプロトタイプ作成のためのツールとして扱われていくようです。
ページ機能を使えば、1枚絵でざっくり作って、1枚絵にMapでリンク貼ってさっくりみせれるとかそういう感じでした。
でも、それならいっそVisio的な感じのツールになってしまった方がいい気がします。
もっと他に紹介できる機能あったろうに・・・・。

---------------------
Bridge
http://www.adobe.com/jp/products/creativesuite/bridge/

SWFやFLV、3GPPがプレビュー再生できたり、便利そげではありましたが、独特のインタフェースなので。
デュアルウィンドウで作業してるならば便利この上なさそうです。

その他、PremiereとかAfterEffectとか連動してってところで強化されてました。
確実に仕事使わないですが、パペットツールとかおもしろそうでした。

ざっくりですが、これくらいですんません。

p.s.
アンケート答えたらピンバッチをもらい、時間限定のゲームをやってクリアしてTシャツもらいました。
でも、僕の周りにピンバッチつけるところがありません・・・・・・・・・・。このTシャツにつけて歩けばいいのかな。