PIXEL LAB http://www.pixelimage.jp/blog/ FLASH,3D,DESIGN,オリジナルツール by ピクセルイメージ ja Copyright 2010 Wed, 04 Aug 2010 00:44:32 +0900 http://www.sixapart.com/movabletype/ http://blogs.law.harvard.edu/tech/rss iPhone3G → iPhone4へ。2ヶ月ほど使ってみた感想など 5月末くらいにiPhone4をゲットしまして、かれこれ2ヶ月くらいは使ってます。
iPhone3Gからつかっているので、iPhone暦はちょうど2年。
というわけで、使用感など、いろいろ書きたいと思います。

デザイン・質感

とても、うっとりです。プラスチックをつかわず、ガラスと金属という、
クリアでハードな素材でできてるiPhone4は、もっそく高級感があります。
なので、ごわごわ・テカテカしたケースは、つかわず、画面保護シールで我慢です。
いや、我慢ではない。裸で持つという、誇りすら感じさせてくれます。

ちなみに、3Gは、2年くらい、完全裸でつかってたけど、
案外、大丈夫でした（画面はちょっと傷がつくけど、許容範囲）。

悪い点としては、デザインが大きくかわったので、
奥さんに、機種変更したのが、速攻、ばれたことでしょうか。
「いや、事務所の経費で落とすから、ええやん。それも仕事やん。」と、心の中で叫んでみますが、
やはり、後ろめたいです。

速度

2年前の機種の3Gからの機種変更なので、iPhone4は全体的にすごくスペックがあがってるなぁと感じました。
3GSからの比較だったら、それほどでもないかもしれませんが、全体的に、全盛期のロナウドくらい早いです。

私は、メールとカメラをよく使うのですが、どちらも速度アップしてます。
特にカメラは、起動も早いし、撮影から保存までのスパンが早いので、さくさく撮影できます。
これだけでも、買った価値はあるなと。

もちろん、ほかのアプリも早くなってますよ。

ディスプレイ

高解像度になったiPhone4。とてもキレイです。3Gだと、ちょっと眠い印象があったんですけど、
iPhone4は、ブラジルのロナウドが、スペインのロナウドに変わったくらい、シャープです。

カメラ

テンポよく撮影できて、最高

一番つかってるアプリです。
カメラは、一眼レフのごついのしかもってないので、
iPhoneは、お手軽カメラ用としてつかってたんですが、
iPhone4になって、高解像度の写真をテンポよく撮影できます。

もちろん、一眼レフの大きなレンズの描写には、永遠にかなわないでしょうけど、
スナップ目的だったら、十分キレイです。
ますます、一眼レフは、絵作り用で、それ以外はiPhoneになってます。

被写体は、ほぼ娘たちなので、起動の早いのは、とても助かります。
突然、面白い歌を歌いだしたりしたとき、3秒で撮影開始。

あと、ちょっと広角レンズになってる？　広く撮れていいです。
ズームはデジタルズームなので、つかっても荒れるだけです。

ジオタグは便利です。まあ、自宅か、実家か、万博公園ばっかりだけど、
時系列だけでなく、べつの視点でソートできて、いいです。

あと、ガーデナー２年生なので、日々の植物の記録に重宝してます。

マクロもサイコー

3Gは、ほとんど接写できませんでしたが、
iPhone4Gのカメラは、接写も結構イケルので、書類のメモがてら、パシャリといけます。

iPhone4で撮影した写真

オリジナルを、補正せず、縮小だけして、掲載します。

ビデオ撮影

案外、使ってます

iPhoneにビデオ撮影はいらんと思ってましたが、
実際につかってみると、iPhone4のHDビデオ撮影は、とてもキレイで、しかも手軽に撮影できます。
結果的に、劇的にビデオ撮影時間が長くなました。

もちろん、いまどきパパなので、ちゃんとしたビデオカメラももってるんですけど、
iPhone4で気軽に撮影できるのは、大きいです。
ガーデニングの記録にも、重宝しており、ゆっくり角度を変えながら撮影すると、
立体感がよくわかるので、写真で撮影するより、そのときの成長具合がよくわかります。

再生も簡単なので、ママにビデオを見せるのも簡単（めんくさいけど、現代に生きるパパの義務（涙））。
今度は、iMovieで編集にもチャレンジしてみます。

しかし、ビデオクリップの数が、恐ろしいほど増えていってきてます。
いまのところ、いい動画管理ソフトが見つからないので、難儀してます。

気になる点

やはり手ぶれが、すごいことになりますねぇ。。。
画面をタッチしないように、しっかり固定して持つのは、難しいです。
決して、足を動かしてはダメです。歩きながらの撮影はNGです。

次期iPhoneには、きっと手ぶれ補正がつくことでしょう（それとも3Dかな）。
なんとかして、iPhoneを固定して撮影できないか、日々、思考中。

あと、ビデオでは、ズームとか、露出変えたりもできません。
露出補正くらいは、つけてほしいな。

iPhone4で撮影したビデオ

どれも、高解像度版（720p）で見れます。


1)雨あがりのあとの、ワンコの散歩の様子です。
ワンコが、巨大水溜りに興奮して、走りまくってます。
なので、手ぶれしまくりです。




2)高速道路です。
高速道路のチケットとか挟むところに、iPhoneを固定してるので、結構きちんと取れました。
青空だと、かなりキレイだけど、このときは、曇りでした。
特に、オチはありません。だらだら高速を走行してる映像です。
やはり、手ブレがないのは、重要です。




3）日本海で海水浴です。
手ブレが大きいですけど、
天気がよかったので、青空と、波がキレイに撮れました。

マルチタスク

最強、便利です。

正確にいうと、マルチタスク化によって追加された、アプリ切り替えUIが、とても便利なんです。
ホームボタンを2回押すと、起動ヒストリでソートされたアプリ一覧が表示されるので、
超整理法のごとく、ボケーとしてても、さっきつかってたアプリを起動できます。
(超「超」整理法の本は、いまいちやったけど)。


iPadも、マルチタスクはいらんから、時系列でのアプリ切り替えUIだけでも、
先に実装してもらえたら、うれしいなぁ。

以上。
]]> http://www.pixelimage.jp/blog/2010/08/iphone3g_iphone42.html http://www.pixelimage.jp/blog/2010/08/iphone3g_iphone42.html 03.iPhone,Android Wed, 04 Aug 2010 00:44:32 +0900 iPad、iPhone4用オリジナルフリー壁紙 ―― Free iPad, iPhone Wallpapers これまで、初代iPhone用、Xperia用とつくってきた、オリジナルフリー壁紙サイトですが、
iPadとiPhone4用の壁紙サイトを作りました。

壁紙配布サイト

Free iPad Wallpapers ( 1024 * 1024px )


ipad free wallpapers
こっちはiPad用サイトです。
サイズもデザインも、iPadへ最適化してます。

Free iPhone4 Wallpapers ( 640 * 960px )


iPhone4 free wallpapers
こっちはiPhone4用サイトです。
サイズもデザインも、iPhone4へ最適化してます。

iPad用と、iPhone4用の違い

基本的にはベースとなる壁紙デザインは共通ですが、
画像サイズや、トリミング、影付けの調整を行ってます。

なんだかんだで、フルスクラッチです

つくりはじめた当初は、過去に公開した初代iPhone用、Xperia用の壁紙から、
流用して作成しようとかんがえており、一日くらいで作業したれと考えてましたが、
(iPhone4の発売と同時に公開する予定でした)

iPad、iPhone4ともに、高解像度化してるので、それにあわせて作り直していると、
いろいろ欲がでてきて、結局、ほぼフルスクラッチで、新しく作りました。
ヒマな時期とはいえ、ちまちま仕事の合間にやってたので、やっとこさ公開です。

デザインテーマは特にないですが

まあ、なんか、PIXEL LABっぽい感じで作りました。

ちまちま手を動かしてつくったアートワークから、
Flashでロジック組んで生成したイメージを中心に、
今回は、写真を元に作成したイメージも多数あります。

すべて、完全オリジナルイメージなので、
iPad、iPhone4用壁紙として、自由にご利用ください。

ほかの端末用の壁紙として使用してもらってもかまいませんが、
再配布は、ご遠慮ください。

iOSアプリ化します！　（いや、WEBアプリかも・・・）

春ごろからiOSアプリの開発を勉強中ですが、
練習ネタとしては、壁紙アプリは、やりやすいかなと思うので、
そのうちiOSアプリ化して、配布します。

といいつつ、HTML5とJSで、ウェブアプリでもいいかなと、ちょっと弱気に思ってます。
（objective-Cは、やはりハードル高い・・・）]]> http://www.pixelimage.jp/blog/2010/08/ipadiphone4_free_ipad_iphone_w.html http://www.pixelimage.jp/blog/2010/08/ipadiphone4_free_ipad_iphone_w.html 03.iPhone,Android Mon, 02 Aug 2010 22:34:31 +0900 iPadサファリ用ブックマークレットをアップ ipadを入手していらい、一番さわってるアプリはサファリです。
サファリは、ようできたブラウザだと思います。うっとりです。

ブックマークレットを作ってみました

しかし、少しさわってて、気になる箇所があるのも事実。
サファリでもブックマークレットが使えるので、勉強がてら、ブックマークレットパネルをつくってみました。

機能

以下の機能を実装してます。

機能1:ページ横幅を広くする

サファリは、ページの拡大はできますけど、縮小表示はあまりできないですよね。
ページの横幅よりも、縮小することはできません。
しかし、長いページだと、ページをもっと縮小して、全体を眺めたいですよね。
ブックマークレットでは、ページの横幅を強引に広げることにより、縮小表示を実現しました。

機能2:ページ内の明るさを変更

長文読むときは、ちょっと暗くしたほうが読みやすいですよね。
ブックマークレットでは、明るさを暗い方へ変更できます。

機能3:ページ内のフォントサイズを変更

文字が小さい?　そんなん、普通に拡大すりゃいいやんってことですが、
テキストの横幅は、だいたい固定されているので、ページ全体を拡大したくても、
サファリの画面内にテキスト横幅がおさまらんから、読みにくい場合があります。
ブックマークレットでは、テキスト幅をかえずに、文字を拡大・縮小できます。

ブックマークレット配布先

以下に、アップしてますので、手順にしたがって、導入してみてください。

iPad用ブックマークレットパレット配布先ページ

動画で紹介

ブックマークレットの導入方法

使用方法

]]> http://www.pixelimage.jp/blog/2010/06/ipad.html http://www.pixelimage.jp/blog/2010/06/ipad.html 03.iPhone,Android Fri, 11 Jun 2010 16:35:40 +0900 iPadを1月使ってみた感想など 4月中ごろにiPadをゲットしまして、かれこれ一月くらいは使ってます。
というわけで、使用感など、いろいろ書きたいと思います。

■iPadのスペック

私の購入したのは、以下のモデル(一番ローなやつ)です。
  • Wi-Fi 16GBモデル
映像データをたくさん入れないかぎりは、16GBで十分。
家と事務所でしか使わないから、3Gはいらず、WiFiで十分。

■高級な質感。そこそこ重い

アルミボディとガラスのスクリーンでできたiPadは、手に持ってみると、冷たくて硬くて、重いです。
非常にしっかりしていて頑丈そう。ちょっとねじってみても、しっかりしています。

さっそく、落としちゃった・・・

前面がすべてガラスなので、硬いところに落としたら、割れるだろうなとおもってたら、
早速、一回、床に落としてしまいました。フローリングだったんで、セーフ。
しかし、金属ボディなので、枠のアールがすこし変形(涙)。みなさんもご注意を。

■事務所と家で使用。外ではつかわず

モバイルデバイスとはいえ、外で使うことは考えておらず、事務所と家の中で使ってます。
外では、メールチェックでiPhoneつかっており、それで十分なので、
私には、外では必要ないかなという感じです。

■事務所(仕事)でつかうときは

メインはもちろんPC

ひたすらデザインして、ひたすらコード書く。という100％作る仕事なので、
PCでの作業が中心なのはかわりませんし、今後もかわらないでしょう。

資料表示とか、メールとかでつかってます

iPadは資料表示用として、非常に重宝しています。
  • メール表示
  • ウェブサイト表示
  • 資料ドキュメント表示（PDF、パワポとかエクセルもOK）
今でも、3台モニターつかってるので、資料表示スペースには、
困ってはいないのですが、iPadは手元で見れるので、じっくり資料を見ることができます。
結果、個々の案件に対する理解が深まり、仕様モレなどのケアレスミスは、減ったように思います。

さよならプリンター

いままでは、プリントアウトしてたような資料も、プリントアウトの必要はなくなりました。
うちのプリンターは、請求書専用になりつつあります。

パワポとかエクセルもOK

パワポとかエクセルを見る場合は、だいたいきちんと表示できますが、
表示できないファイルもありました。表示できる・できないの基準は、まだ不明です。
PDFももちろん見れます。マルチタッチで便利です。
（パスワード付ドキュメントや、ZIPファイルの解凍などは、別のアプリつかえば可）

■自宅でつかうときは

ソファーコンピューティングしてません

よく、iPadはソファーコンピューティングとなってますけど、
ソファーに置いておくと、子供に破壊される恐れがあるため、
リビングでは、つかっていません。きっと小さい子がいてたら、無理でしょう。

かならず、破壊されます。

お布団コンピューティングです

なので、寝室でつかってます。これまでは本を読んでたのが、iPadにおきかわった感じでしょうか。
子供の寝かしつけをしつつ、よこでこっそり使ってます。
じっくりウェブブラウジングやら、メールやチェック＆レス書きやらできて、とても重宝しています。

デバイスからの音も発熱も、まったくなく、隣で子供はスヤスヤ。パパにっこりです。

■UIと大きなスクリーン

iPhoneと同じく、何もかんがえずに使えます。素晴らしいです。
大きなスクリーンとマルチタッチの相性は抜群。
iPhoneOSの特徴は、iPhoneより、iPadでつかったほうが、鮮明になると思います。

■動作は、かなり速い

めさ早いです。感動。もちろんPCレベルではないけど、
ブラウジングやメールなど、さくさく動作します。

■WiFi接続は、早いけど、不具合もあり

基本的に早い

速度はかなり早いです。ウェブブラウジングしてても、PCレベルではないですが、かなり快適です。

不具合あり

ただ、一部ユーザーで接続に関する不具合が発生してるようで、ウェブとかにも不具合がレポートされてるのですが、
私も環境でのWifi接続は、以下の不具合があります。
  • 接続が弱い(アンテナいっこ)
  • 途中で接続が切れる

対処方法はあるけど、完全ではない

対処方法は、以下のものがあるそうです。 (Appleのサポートの記事)
  • 画面の明るさを、一番暗い設定にしない
  • ルーターのファームウェアのアップデート
  • セキュリティはWPAかWPA2を使う
  • IPアドレスをリフレッシュする
    (Settings > Wi-Fi > 現在の接続 > Renew Leaseをタップ)
事務所のWiFIは、画面の明るさを変更すれば、不具合がなくなりました。
家のほうはというと、かわらず、接続問題を抱えてます。
後日、ソフトウェアアップデートでアップルは対応するようですので、それまでは我慢です。

■バッテリーに対して、すばらしいと思ったのは初めて

とても長持ちです。残りのバッテリー量も、55％という感じで数字で表示されるので安心。
Xperiaが恐ろしく電池もちが悪いので(何もしなくても4日でアウト)、余計にすばらしく感じます。

■iPadのキラーアプリ、、、それはウェブブラウジング

私にとってのiPadのベストアプリは、ウェブブラウジング(Safari)です。
これまでも情報の宝庫だったウェブですが、iPadとの相性は抜群です。

PCでは、流し見、チラ見だけど

PCでは、ウェブサイトは流し見する感じですよね。
あと、メールみながら、ブラウザをチラ見しつつみたいな。

読んでいるような、見ているような、フワフワした感じ。
頭にはいれてるんだけど、ノイズもいっぱい入ってきてるような。

これは、新しくて本当のウェブ体験（FLASHは除く）

対して、大きなスクリーンを、楽な姿勢で手元でみるウェブブラウジングは、
なにか新しい感覚・体験なんだけど、不思議としっくりくるので、
ウェブを、クリーンな状態で、じっくり見て、読むことができます。

モバイルSafariは、ほぼSafari

iPadのモバイルSafariによるページのレンダリングは、
PCのSafariと、ほぼ同じで、完璧に表示してくれます（FLASHは除く）。
マルチタッチによる、ページスクロールやズーム操作は、
信じられないくらい自然につかえます。

iBookなくても気にならない

iPadというと、iBookが注目されており、日本ではまだまだ先になるのが、
残念なように感じますが、そんなことは、気になりません！
だって、ウェブには死ぬほどページがあるのだから!　(ピンきりやけど)
でも、iBookもはやく始まってほしいな。

■Flashはもちろん動かない

Flash動かないです。きっとしばらくは動かないでしょう。
iPhoneでFlashが動かないのは、ほとんど気にならないし、
どうせ動いても、動作がすごく遅いだろうから、むしろ動かなくてもいいと思ってますが、
iPadの場合は、Flash動かないのは、すごく残念です！

NoFlash時の表示は、きちんと実装しなきゃね！と思います。

■メールもばっちり

当然IMAPやら、G-Mailに対応してるので、PCと同じメールアカウントを使えます。
私はIMAPをずっとつかってるので、アカウントさえ設定すればOK。
PCでみるより、じっくり読めます。

■映像はどうだ

YouTubeがばっちり見れる

YouTube完璧です。まあ、そんなに見る習慣ないんやけど。

でも、映画を見たいやけど・・・

iPadで映画みたいよねぇ。
iTunesストアで買うのが正しい使い方なんだろうけど、日本ではやってないしね。
DVDがみたいだけど、もちろんDVDスロットがあるわけでも、外部接続で対応してるわけでもないので、
h.264あたりに変換してみることになるんだろうけど、そんな面倒ことはB型の私にはできません。

iPad用のDVD・ブルーレイプレイヤーが出ることはないのかな？

■ウェブ屋さん的には

当然、いろいろ自分のつくったウェブサイトやを、ひとおおりチェックしたわけですが、
上でも書いたように、PCのサファリと、ほぼ同じようにレンダリング・動作してくれるので、
「ものすごくレイアウトが・・・」みたいなことはありませんでした。ほっ。

まあ、最近は、ほぼFLASH制作・開発ばっかりやから、そもそも見れないものがほとんどやけど。
逆に、中途半端に動かないという、一番ショックな状態もないわけですが。

■作り手として思うことは、やっぱり、、、

やっぱりねぇ、iPadでなんか作りたいですよねぇ。

iPhoneさわってても、あまり思わなかったのですが、
iPadの大きい画面は、作りたいという衝動を駆り立ててくれます。
マルチタッチなドローイングアプリとか、ビジュアルジェネレートをしたいわけです。

決意

というわけで、入手してから、iPad(iPhone)アプリ開発の勉強を始めました。
オリジナルアプリの公開を目指して、日々勉強中。

しかし、、、

FlashのAS3で培ったプログラムスキルを応用し、、、
とかなったら、うれしいけど、山はかなり険しい。。。
まあ、簡単なものから、つくっていこう。
そこらへんのことも、ブログでおいおい書きたいと思います。

]]> http://www.pixelimage.jp/blog/2010/05/ipad1.html http://www.pixelimage.jp/blog/2010/05/ipad1.html 03.iPhone,Android Mon, 24 May 2010 17:02:53 +0900 オリジナルツール / フォント一覧管理パネル「PI_FontList_Light」追加 機能面を充実させて、いかに選択させやすくするかをテーマに作成したので、
動作速度よりも、機能面を優先させて作成しました。

結果、PSとAIで動かすと、かなり重いです。理由はわかりません。

というわけで、機能を最低限に絞り込んだLight版を作成しました。

■機能

以下の機能を実装してます。
  • フォント一覧表示
  • 検索絞込み

■ダウンロード

以前の「PI_FontList」のエントリーをアップデートしており、そのページの「ダウンロード」ボタンから
Lightを含む、最新版を取得できます。
通常版も含んでますので、上書きインストールすれば、通常版とLight版をともにインストールできます。

オリジナルツール / フォント一覧管理パネル「PI_FontList」完成(FW,FL,PS,AI)


]]> http://www.pixelimage.jp/blog/2010/04/_pi_fontlist_light.html http://www.pixelimage.jp/blog/2010/04/_pi_fontlist_light.html オリジナルツール Wed, 14 Apr 2010 11:00:15 +0900 ブログデザイン変更 まあ、背景画像を変更しただけやけど。

ちなみに、以下は、これまでのブログデザインのスクリンショットです。


元デザイン

新たしいブログデザインは、XPERIAの壁紙用に作成した
ビジュアルを元に作成しました。
Xperia Free Wallpapers 99

いくつか、ハードな漢字タイポを作成したんですけど、
バーとつくったわりには、かなりええ漢字にしあがったので、ブログデザインに昇格です。
特に魚へんが、エモイ。やっぱり、寿司ネタやな。
]]> http://www.pixelimage.jp/blog/2010/04/post_2.html http://www.pixelimage.jp/blog/2010/04/post_2.html アートワーク Tue, 13 Apr 2010 00:36:33 +0900 オリジナルツール / つぶやきビジュアライザ"Draw Tweet" 結構ひさびさのDRAWシリーズです。
TwitterAPIをつかっての、ビジュアライズです。

いかに読みにくいように表示するかをテーマに、試行錯誤し作成しました。

つぶやきビジュアライザ"Draw Tweet"


Draw Tweet
（まずは、ランダムワードが表示されます。
適当にキーワードで検索してください）

機能

  • キーワードを入力し、Twitter内のつぶやきからリザルトを取得し、よみにくく表示します。
  • 2秒ごとに、レイアウトを切り替えます。
    リザルトは更新してませんので、APIに優しい仕様です。
  • パーマリンクに対応してるので、直接、キーワードを指定して開けます。（例：寿司で検索）
以上です。その他の機能は一切ありません。
キーワードを入力し、眺めるのみです。

検索ワード

だいたい、どんなキーワードでも引っかかりますが、
以下のキーワードなどが、面白いかと。
  • 自分のTwitterID
  • 地域名
  • 今日の夕食
  • 動物
  • 「どうしよう」「やばい」「ありえへん」「キター」「気になる」「なう」
  • 「日本代表」
個人的には、「寿司」で検索して、眺めると、少し癒されます。
まあ、どんなキーワードいれても、読みにくいですが。

Twitter API

以下のTwitter APIドキュメントを参考に作成しました。
Twitter API Documentation

今回のは、単純に検索してるだけなので、以下のようにコールしてやれば、リザルトが帰ってきます。
http://search.twitter.com/search.atom?q=keyword
Twitter APIはなかなか、簡単で使いやすいので、ステキです。
]]> http://www.pixelimage.jp/blog/2010/04/_draw_tweet.html http://www.pixelimage.jp/blog/2010/04/_draw_tweet.html オリジナルツール Mon, 12 Apr 2010 23:15:51 +0900 オリジナルツール / フォント一覧管理パネル「PI_FontList」完成(FW,FL,PS,AI) ※Light版を追加したので、エントリーを全体的にアップデートしてます(2010/04/14 )。
以下のエントリーのつづきです。
オリジナルツール / フォント一覧管理パネル 「PI_FontList(AI用)」を作りました。

前回はAI用だけリリースしましたが、今回は、以下のバージョンをリリースします。
機能限定、軽快動作のLight版も追加してます。
  • Fireworks CS4用
  • Flash CS4用
  • Photoshop CS4用
  • Illustrator CS4用
CS3の場合は、アプリごとに動いたり、動かなかったりして、検証が大変なので、CS4以上としています。
もうすぐ登場するであろうCS5については、当然、未検証です(たぶん、いけると思うけど)。

■ScreenShot

通常版「PI_FontList」



Light版「PI_FontList_Light」



■「PI_FontList」とは

ADOBE系ソフトの拡張パネルです。

OSにインストールされているフォントを一覧表示し、テキストオブジェクトに適用できます。
何百ものフォントから、目的のフォントを素早く探すため、グループ分けや、検索機能などを実装しています。

■機能一覧（通常版）

  • システムにインストールされているフォントを、リスト表示し、テキストオブジェクトに適応できます。
  • 独自のお気に入りフォントリストを作成できます(1から5まで)。
  • リスト表示時にフォントサムネイルを表示します（Macは非対応）
  • お気に入りフォントを強調表示できます。
  • フォントリストから、検索で絞り込めます。
  • リストの表示方法は、複数の種類があります。
    • テキスト
    • アイコン:S
    • アイコン:M
    • アイコン:L
  • リストの並び替え方法は、複数あります。
    • 昇順
    • 降順
    • ポピュラー（クリック数から算出）
    • ヒストリ
    • ランダム

■環境ごとの動作の違い

■アプリごとの動作の違い

動作速度については、以下の順番が若いほど、軽快に動作します。
  1. Fireworks用
  2. Flash用
  3. Photoshop用　(重い)
  4. Illustrator用　(重い)
FLASHで作成された拡張パネルなので、旧マクロメディア系の製品である、FireworksとFlashについては、
そこそこ軽快に動作します。
Photoshop、Illustratorについては、かなり動作が遅いので、
はじめに、タブによるグループ分けをおこなって、一画面ごとのリスト表示数をすくなくすることをオススメします。

もしくは、機能限定・軽快動作のLight版もあるので、そちらをつかってください。

■WindowsとMacでの動作の違い

基本的にはWindowsで開発しており、Win版をもとに、Mac版向け調整してます。
Mac版には、以下の動作制限があります。
  • Win版と比べると、動作が遅い
  • リスト表示時にフォントサムネイルを表示しない。
    （Macでも実装できるのですが、初期表示に、時間がかかりすぎるのではずしてます。）
検証が結構大変なので(特にMac)、不具合あったら、教えてください。
動作が遅いのは、とくに不具合ではありませんので。

■ビデオチュートリアル

実際の使用方については、こちらにて確認できます。

無編集なので、あくせくしてて、見やすくないですが、
なんとなく、機能をわかってもらえれば。

■プレビュー（通常版）

FLASHで作成したSWFファイルなので、ブラウザでも表示できます。
ってことで、貼りつけておきます。
画面にマウスオーバーすると、初期化します。

注意:Macの場合は、初期化(フォントサムネイル作成)に10秒くらいかかるので、ご注意ください。
アプリ版のほうは、フォントサムネイル作成をはずしてるので、そんなに時間はかかりません。

ATTENTION

本サイトのご利用にあたって

ご使用のブラウザ環境では、本サイトが正しく表示できない可能性があります。
以下の注意点を確認し、必要な設定を行った上で再度表示してください。

  • ブラウザの JavaScript 設定を有効化してください。
  • 最新の Adobe Flash Player をインストールしてください。

[ 別ウィンドウで見る場合はこちら ]

■ダウンロード


ZIPファイル中に、アプリケーションごとに、ファイルを配置しています。
通常版・Light版、どちらも含んでいます。
（2010/04/14にLight版を追加しました。）

■インストール・起動方法

それぞれ、以下の手順でインストールしてください。
Light版も同時にイントールされます。
Fireworks用 Fireworks/PI_FontList_4_FW.mxpを起動してください。
自動的にextention managerが開き、インストールされます。

その後、Fireworksを起動し、以下のメニューを選択してください。
メニュー [ ウィンドウ > PI_FontList ]
Flash用 Flash/PI_FontList_4_FL.mxpを起動してください。
自動的にextention managerが開き、インストールされます。

その後、Flashを起動し、以下のメニューを選択してください。
メニュー [ ウィンドウ > 他のパネル > PI_FontList ]
Photoshop用 Photoshop/PI_FontList_4_PS.mxpを起動してください。
自動的にextention managerが開き、インストールされます。

その後、Photoshopを起動し、以下のメニューを選択してください。
メニュー [ エクステンション > PI_FontList ]
Illustrator用 前回のエントリーを参考にしてください。 インストールの必要はありません。

イラストレーターを起動し、以下のメニューを選択してください。
メニュー [ ファイル > スクリプト > その他のスクリプト ]
　↓
ファイル参照で[ Illustrator/PI_FontList.jsx ] を選択
なお、Illustrator用は、Illustrator起動毎に、メニューから選択する必要があります。

■今後のバージョンアップ予定

機能的には、十分だと思うので、CS5が出て、動かんかったら、対応したいと思います。

また、なんか、別の機能の拡張パネルでもつくります。

アドビさん、買ってくれへんかな。

■クレジット

設計・実装 ： PIXEL IMAGE 田中
フォント超人イメージビジュアル： ホルグラフィックさん

]]> http://www.pixelimage.jp/blog/2010/04/_pi_fontlistfwflpsai.html http://www.pixelimage.jp/blog/2010/04/_pi_fontlistfwflpsai.html オリジナルツール Mon, 12 Apr 2010 22:25:01 +0900 雑多 / YouTubeにアップしてみた。Xperiaの動画 アカウントつくって、自分でアップロードしてみました。
Xperiaの動画です。

Xperiaの動画

Xperiaの壁紙の変え方
別のエントリで、Xperiaの壁紙を配布してますが、壁紙の設定方法についてです。
Xperia Free Wallpapers 99



Xperiaでストリートビュー
ただのストリートビューではなく、端末の向きによって、表示がかわります。
ちょっと感動。

YouTubeのアップロードについて

会員登録して、ログインすれば、自分でアップロードできるようになります。
HDサイズの動画をアップすれば、比較的綺麗にエンコードしてくれるようです。

映像だけでなく、しゃべって解説すれば、わかりやすいだろうけど、
こっぱずかしいので、しゃべってません。
外人は、そこらへんは、平気なんやろうな。

カメラ

カシオの一眼レフ(のような)カメラつかってます。
ハイスピードが撮影できるので、昨年に購入。HD動画も綺麗にとれます。
カシオ デジタルカメラ HIGH SPEED EXILIM | EX-F1

ビデオカメラとくらべて、一眼レフでとる映像のほうが、とれも綺麗に描写してくれます。
]]> http://www.pixelimage.jp/blog/2010/04/_youtubexperia.html http://www.pixelimage.jp/blog/2010/04/_youtubexperia.html 06.雑多 Tue, 06 Apr 2010 17:11:42 +0900 iPhondとXperia(アンドロイド)の比較 iPhone 3GとXperia（アンドロイド）、二台持ちになりました。
iPhondは2年近くつかっており、Xperiaは１週間ほど使ってます。

てなわけで、２大スマートフォンプラットフォームの比較してみたいと思います。

なお、どこまでアンドロイドの機能で、どこからがXperiaの独自機能なのかが、
よくわからないので、アンドロイドとXperiaの半々でみてもらえればと思います。
関連エントリー
Xperia Free Wallpapers 99

UI

iPhoneのほうが圧倒的に洗練してます。使いやすさも美しさも完全にiPhoneだとおもいます。
しかし、Xperiaもなかなか使いやすいです。アプリごとにUIが統一されてなくチグハグな部分がありますが、 これまでのスマートフォンとくらべると圧倒的に使いやすいです。

ホーム画面

ホーム画面は、iPhoneはアイコンをグリッド上にならべますが、Xperiaではアイコンはもちろん、
ガジェットを配置できるので、Googleの検索バーを配置したり、時計や、ネットワーク切り替えボタンを配置でき、
かなり自由度が高いです。そのぶん、ホーム画面が散らかっていくのですが。
iPhoneもガジェットを配置できるようになると嬉しいですが、きっと、アップルの美的感覚とは相容れないでしょう。

動作速度

Xperiaのほうが動作が早くさくさく感があります。
ただし、Xperiaはド最新機種で、iPhone 3Gはもう２年ちかく前の端末です。

iPhone 3GSだったら、もっとサクサク動くだろうけど、Xperiaのほうが早いと思います。
でも、iPhoneもぼちぼち最新機種がでるだろうから、そうなったら、互角か、それ以上でしょうね。

バッテリ

Xperiaは、すぐにバッテリーがなくなります。
よく使った次の日は、バッテリーがなくなり、落ちてます。
それとくらべたら、iPhoneは、２年ちかくつかってても、十分バッテリーもちがいいです。

やっぱり、高性能なハードなぶん、バッテリーとのトレードオフなんでしょうね。

画面

Xperiaのほうが高解像度で、画面も広いので、一覧性が高いです。
ブラウジング時に、iPhoneだと拡大しないと見れない小さい文字でも、Xperiaだと、ちゃんと読めます。
なお、Xperiaはマルチタッチではないので、拡大・縮小はボタンで行うことになります。

iPhoneも、次の機種では、高解像度になるという噂ですね。

デフォルトアプリ

個々のアプリに関しては、iPhoneのほうが使いやすいですが、それほど差はないと思います。
Xperiaがサクサク動くので、多少使いにくくても、動作の速いほうにひかれます。

iPhoneは最低限の厳選したアプリしか、初期で入ってませんけど、
Xperiaは、よくわからないアプリが多数はいってて、ノイジーです。

Appストア、アンドロイドマーケット

量・質ともにAppストアでしょうけど、アンドロイドマーケットも、使えるアプリがたくさんあります。
どちらも、イマイチなアプリもあれば、使えるアプリもあるという印象です。

ニュースやツイッター、RSSなど読み物に関しては、
使いやすさをさっぴいても、高速・高解像度なXperiaのほうがいいです。

あと、Googole系のアプリが充実しているのが、アンドロイド端末のいいところ。

音楽・ビデオ

iPhoneは、iTuneと同期できるので、音楽でもビデオでも、PCと同期でき、管理も簡単です。
Xperiaは、moraでとなるようですが、、、う～ん、当然使ってない。
これは、結構、大きいかも。

どっちも、YouTubeみれますけど、高解像度で画面が大きいXperiaのほうが、いいです。

ネット接続

どっちも、3GとWiFiを使えるので、スペック的な差はないですけど、Xperiaのほうが、速度は速いです。

ちなみに、iPhoneは3GとWiFiと両方でつかっていて、外でも3Gでネット環境ですが、
Xperiaは、設定で3Gでのネットアクセスを禁止にしいて、自宅と事務所のWiFiでのみ使用してます。
（Xperiaはドコモの二段階定額なので、パケット代がかからず、安くおさえるためです）

ウェブブラウジング

いろいろPCサイトをみましたが、iPhoneのほうが、再現性が高く、ほぼPCと同じです。
Xperiaのほうは、あえて、モバイル用に調整されているのかもしれませんが、
ちょっと気持ち悪いです。

機能・UIはiPhoneで、速度と一覧性は、Xperiaです。

でもって、どっちもFLASHは動きません。
アンドロイドは、そのうちFLASHに対応するようです。
iPhoneのほうは、、、どうなんでしょうね。

アプリ開発

iPhoneはMacのみで、アンドロイドはWinでもMacでもアプリが開発できます。
iPhoneアプリはC言語ベースのオブジェクトCという言語開発を行い、
アンドロイドはJavaだそうです。

どっちも、書いたことないですけど、FLASHのActionScriptはJavaと似てるので、
アンドロイドのほうが、なじみやすいと思います。
オブジェクトCは、一回トライしましたが、撃沈しました。

しかし、iPhoneアプリは、同時にiPadアプリになるので、非常に魅力的です。
iPhoneアプリ開発はあまり興味はないのですが、iPadの大きい画面で、
なにか、ビジュアルシンセサイザー的なアプリをつくりたいとおもってるので。

ウェブデベロッパ的には、HTML5のほうが重要かもね。

子供にさわらせるには

そりゃ、iPhoneですねぇ。娘（4歳）に、iPhoneは渡せても、Xperiaは怖くて渡せません。
写真をフリックして、楽しんでます。

高齢者も同様でしょう。親にどっちか進めといわれたら、
シンプルなiPhoneです。アンドロイドは、自由度が高いぶん、ノイジーです。

で、どっちつかってはんの？

メールとカメラはiPhoneで、それ以外はXperiaです。

機能や使いやすさについては、iPhoneのほうが、つかいやすいですが、
高解像度でスカスカ動くXperiaのほうが、使う頻度が高いです。

まあ、iPhoneの新しいのが出たら、逆転するのでしょうが。

というわけで、どっちもお勧めです！

そして、、、

やっぱり、興味の先は、iPadやなぁ。
アンドロイドのタブレットもでてくるやろうから、
いろいろ楽しみです。
]]> http://www.pixelimage.jp/blog/2010/04/iphondxperia.html http://www.pixelimage.jp/blog/2010/04/iphondxperia.html 03.iPhone,Android Tue, 06 Apr 2010 00:07:10 +0900 Design / Xperia用オリジナルCGフリー壁紙 99
ひさびさデザイン関連のエントリーです。

携帯はドコモなんですが、Xperiaっていうアンドロイドフォンに機種変しました。
あまり期待してなかったというか、なんとなくXperiaにしたわけですが、
これが、とてもよくできてるので、リスペクトも込めつつ、
Xperia用の壁紙をば、バーと作成しました。

Xperia Free Wallpapers 99

このブログで紹介してるオリジナルアートワークの、REトリミングもあれば、
今回用に作成したものも多数です。やっぱり漢字はエモいです。

Xperia Free Wallpapers 99
ご自由にどうぞ。

iPhone版もあるよ

iPhone日本発売日につくったiPhone用壁紙のページもあります。
Design / iPhone,iPod touch用オリジナルCGフリー壁紙 99


今みると、結構、イマイチなのがおおいなぁ。

さて、次はiPad用の壁紙でもつくろ。
]]> http://www.pixelimage.jp/blog/2010/04/design_xperiacg_99.html http://www.pixelimage.jp/blog/2010/04/design_xperiacg_99.html 03.iPhone,Android Mon, 05 Apr 2010 17:20:49 +0900 「Macへのスイッチ日記」　その2：ドキュメントスキャナ「ScanSnap」 なんか、仕事以外の時間は、拡張パネル作る時間にとられてたので。

そのなかで、ちょっと進展があったので、エントリーです。

ドキュメントスキャナー「ScanSnap」

これまでずっとほしかったドキュメントスキャナー。

しかし、ドキュメントスキャナーは、Win用かMac用のハードしかなくて、
Macへのスイッチがままならない身として、ずっと、購入できずにいました。

が、やっとこさ、2009年の年末に、ハイブリッドモデルが登場！
ScanSnap S1300

さっそく購入し、昨年末に、いろいろさわってました。

ドキュメントスキャナーの成果は?

もともと、紙資料は少なかったのですが、大幅に、ペーパーレスが進みました。
以下の紙情報は、すべてデジタル化され、シュレッダーに送られました。
  • 名刺
  • 契約関連の書類(ハンコ押してるのは別)
  • はがき(年賀状)
  • 細々した、マニュアル
  • 結婚式の資料。出席確認はがきとか。
  • 住宅ローンや、保険などの資料・文書
  • これまでの給与明細
  • ワンコの病院でもらった、明細とか
  • 雑誌のおもしろい記事
  • 週刊誌の、これは!というグラビア
う～ん、個人的なモノが半分以上やな。
契約書とかも、デジタル化して、シュレだりたい所やけど、さすがにそれは無理か。

以上、大変、満足しております。いろいろすっきりしました。
(Macへのスイッチとは、あまり関係なかったなぁ)]]> http://www.pixelimage.jp/blog/2010/01/mac2scansnap.html http://www.pixelimage.jp/blog/2010/01/mac2scansnap.html 06.雑多 Thu, 07 Jan 2010 00:33:14 +0900 オリジナルツール / フォント一覧管理パネル 「PI_FontList(AI用)」を作りました AI用のフォント管理パネルが、だいたいできたので、先にリリースします。

もともとは、Fireworks用のテクスチャ一覧表示パネルを作成してたんですけど、
なんだかんだ横道それて、Illustrator用のフォント一覧管理パネルを作成しました。

ドキュメント、ちゃんと書きたいところですが、しばらく忙しくなりそうなので、
先に公開します。

Illustrator用以外に、Fireworks、Flash、Photoshop用と、それぞれあるので、
それも、後日、調整が終わってから公開します。

■フォント一覧管理パネルの機能

Winでも、Macでも、フォントは、デフォルトで、200フォントくらいインストールされてますよね。
デザインにかかわる仕事してたら、500以上は入ってると思います。

しかし、デザインアプリのフォント選択方法は、セレクトボックスが主で、
これで、ストレスなく、目的のフォントを選択するのは、もはや職人技です。

ストレスフリーな、クリエイティブワークを目指して、このパネルを作成しました。
■機能抜粋
  • システムにインストールされているフォントを、リスト表示し、テキストオブジェクトに適応できます。
  • 独自のお気に入りフォントリストを作成できます(1から5まで)。
  • お気に入りフォントを強調表示できます。
  • フォントリストから、検索で絞り込めます。
  • リストの表示方法は、複数の種類があります。
    • テキスト
    • アイコン:S
    • アイコン:M
    • アイコン:L
  • リストの並び替え方法は、複数あります。
    • 昇順
    • 降順
    • ポピュラー
    • ヒストリ
    • ランダム

■ScreenShot



■対応バージョン

  • Adobe Illustrator CS4以上
Winおよび、Mac対応ですが、Mac版は、一部機能制限があります。
(Win版は、サムネイルが、それぞれのフォントで表示されます)

■Download

ZIPです。

■起動方法

ZIPを解凍後、Illustratorを起動し、メニュー [ スクリプト > その他のスクリプト ] を選び、解凍したjsxファイルを選択してください。



以上です。
きちんとした解説は、後日アップします。
不具合あったら教えてください。
]]> http://www.pixelimage.jp/blog/2010/01/_pi_fontlistai.html http://www.pixelimage.jp/blog/2010/01/_pi_fontlistai.html オリジナルツール Thu, 07 Jan 2010 00:03:56 +0900 flash / いろんなバージョンのFlashPlayerを、インストールしたり、管理したり ADOBEのサイトを、いろいろ調べたのですが、
なにせ膨大かつ劇重なADOBEサイトから情報を探すのは大変です。

というわけで、ADOBEサイト内のFlashPlayer関連の情報をばまとめてみました。

FlashPlayer インストーラ＆アンインストーラ

FlashPlayer ダウンロードページトップ

いちおう、トップのページなので掲載。
最新のプレイヤーを、単品（WinのIE用とか）でダウンロードできます。
Adobe Flash Player - Downloads

最新のFlashPlayer ダウンロードページ

いわずとしれた、getFlashのページ。最新のFlashPlayerがダウンロードできます。
Adobe - Adobe Flash Player

過去のバージョンのFlashPlayer ダウンロードページ

古いFlashPlayerでの検証なとき、このページが役立ちます。
以下のバージョンごとにFlashPlayerのインストーラのアーカイブが、ダウンロードできます。
（9と10のみ、マイナーバージョンも記載しておきます）
  • Flash Player 10
  • Flash Player 10 (debugger versions)
    • 10,0,32,18
    • 10,0,22,87
    • 10,0,15,3
    • 10,0,12,36
  • Flash Player 9
  • Flash Player 9 (debugger versions)
    • 9,0,159,0
    • 9,0,152,0
    • 9,0,151,0
    • 9,0,124,0
    • 9,0,115,0
    • 9,0,48,0
    • 9,0,47,0
    • 9,0,45,0
    • 9,0,28,0
    • 9,0,16,0
    • 9,0,15,0
  • Flash Player 8
  • Flash Player 7
  • Flash Player 6
  • Flash Player 5
  • Flash Player 4
  • Flash Player 3
  • Flash Player 2
バージョン9と10のアーカイブファイルサイズは100MBとかになってますが、
細かいマイナーバージョンもふくんでいるので、ファイルサイズが膨らんでます。
Win版、Mac版、IE用、NN用など、網羅されてます。

Archived Flash Players available for testing purposes

なお、スタンドアロンプレイヤーもふくまれてるので、簡単な検証であれば、ブラウザにFlash Playerを再インストールしなくても確認できます。

アンインストーラー

古いプレイヤーをインストールする場合は、いっかい、アンインストーラーできれいにしましょう。
How to uninstall the Adobe Flash Player plug-in and ActiveX control

バージョンの確認やら、リリースノートやら

ブラウザにインストールされている、FlashPlayerのバージョンの確認

クライアントから、「FLASHが見れない」といわれたら、とりあえず、このページを表示してもらって、細かいバージョンまで確認してもらいましょう。
Adobe - サポート - Adobe Flash Player のバージョンテスト

FlashPlayerの必要システム構成

クライアントから、「推奨環境おしえてください」っていわれたら、このページを参照してもらいましょう。
でも、最低限のハードウェア構成だから、あまり参考にならないか。
Adobe - Flash Player 10: 必要システム構成

FlashPlayer バージョン別のリリースノート

バージョン5から10の、マイナーバージョンごとに、修正点などの記載あり。
バージョン5から9までは、HTMLページだけど、10からはPDFでアップされてる。
いっかい読んでみると、なかなか勉強になります。たくさん不具合あるのね。
Adobe - Flash Playerリソース： リリースノート

バージョンの切り替え

ブラウザにインストールされているFlashPlayerを、すばやく切り替えれるソフト

いろいろなソフトのプラグインを切り替えられるソフトのようですが、
主には、FlashPlayerの切り替えのソフトで、昔は、たしかそれ専用のソフトだったような。

KewBee Plugin Switcher 3.0

ちなみに、私の環境では、IEの切り替えが、うまくいきません。。。
IE6と7を共存されてるからかな？　以前、インストールしたときは、うまくいってたんですけど。


以上です。
ADOBEのサイトは、有益な情報がたくさんあるんですけど、、、、
やっぱり、いつまでたっても重いですよねぇ。テンポをくじかれます。
だれか、ADOBEのゲートウェイページとか、つくってくれんやろか。
]]> http://www.pixelimage.jp/blog/2009/11/flash_flashplayer.html http://www.pixelimage.jp/blog/2009/11/flash_flashplayer.html 雑多 Wed, 25 Nov 2009 17:14:24 +0900 「Macへのスイッチ日記」　その1：思い悩みながら、はじめます
で、現在。snow leopardはとってもよさげだし、Windowsにも飽きてきたところで、知り合いのデザイナさんが、Macにスイッチしたので、思い切って、スイッチにトライすることにしました。
スイッチするといっても、一気にではなく、じょじょに、Macで制作環境を構築していくわけで、完全移行するまでは、仕事はWindowsでしてます。

スイッチしたい理由

  • ずっとXPなので、飽きてきた。でも、VISTAにも、7にもする気がしない
  • Mac OS Xがだいぶ使いやすくなってきてるっぽいし、動作も速いらしい
  • 昔とくらべ、Winでしかできないこと（ソフト）は、少ない
  • iPhoneアプリ、つくってみたい（Macでしか開発できない）
  • FLASHオーサリングのため、デザインファイルをもらう場合、Macで作られてる比率が高い

スイッチに躊躇する理由（まだ、ちょっと思い悩んでる）

  • ソフト買い換えるお金がかかる
  • Winにはあって、Macには無いソフトがある
  • 慣れるまで、OSの違いからくるストレスに耐えなければならない
  • 仕事もぼちぼち忙しいし、土日も、パパで忙しいので、スイッチにかける時間がなく、一気にスイッチできない
  • 家はWindowマシンしかないので、ちょと混ざる
そうゆうわけで、現在進行形の、MACへのスイッチ日記をば、しばらく書きたいとおもいます。なお、現在進行系ですんで、スイッチは挫折するかもしれません・・・

多分、Macにスイッチしたいけど、なかなかできない人って多いと思うので、人柱になれればと思います。 ]]> http://www.pixelimage.jp/blog/2009/11/mac1.html http://www.pixelimage.jp/blog/2009/11/mac1.html 06.雑多 Thu, 19 Nov 2009 00:35:52 +0900