Web Archive

2007年4月6日に軽い気持ちで登録したTwitter。いつのまにやら遊び始めて1年経過していました。

blog.grayash.com – Twitterハジメマシタ

Twitter経由でどれほどの物を得たか。思い返すと自分でもビックリします。

最初に行ったのTwitterのオフ会のメンバーの中には今でも遊んでもらってる人達が多いです。
@pruto、@ukstudio、@retlet、＠HolyGrail、@hamashun、@forestk・・・そして、場を提供してくれた@miniturbo みんなありがとう。
また@3pingさん、@amachang、@kyosukeさんと有名な方々にもお会いできたのは嬉しかったです。

blog.grayash.com – CSS Nite LP3レポート

@amachang主催の大規模オフ。
このときは色んな人と知り合いになれましたが、特に@woopsdez、@natura、@komakuにはお世話になっております＞＜

blog.grayash.com – Twitter Offline Party レポート！

blog.grayash.com – モバイル勉強会レポート

その後もTwitter経由でメガネオフに行きました。
主催された@cremaさんと@necoze、@k_taro、@todomaru、@2baihanにはその後も仲良くさせてもらってます。

blog.grayash.com – Twitter メガネオフレポート！

blog.grayash.com – 第１回スタジオ撮影勉強会に参加してきました

Twitterで知り合ったGo my wayの@rea君がやってるポッドキャストにもその縁で出演させてもらいました。

blog.grayash.com – realog Podcastで3人対談してきましたっ！

またTwitterから始まった企画「ついったーカレンダー」の写真版にも参加しました。

blog.grayash.com – 2008年版ついったーカレンダー写真版に参加しました

結構長く書きましたが、実はTwitterの人達と会ったイベントやオフはこれだけじゃなくて、
ブログに書いてないものもざっと思い出せるだけでも結構あります。

• ビリヤードオフ
• プルコギオフ
• お散歩写真オフ
• 関西組上京盆フェス
• Summer Sonic 2007
• アサラトオフ
• ワールドアトリエオフ
• HolyGrail誕生会
• ダーツオフ
• retlet誕生会

そして今は、Twitterで知り合った@woopsdezと@necozeがメインでやってる「まめことネコゼのどたばた会議 」にスタッフとして参加させてもらってます。

すでに2年目に入ってますが、まだ当分はTwitterで遊んでると思います。

以前お目にかかった方々、ありがとうございました。これからもよろしくお願いします。
今後お目にかかる方々、お会いした暁にはやさしく接してください＞＜

今さっき、Google Analyticsでブラウザのシェアを見ていたら下の方に素敵なブラウザからアクセスされている方が居ました。

「えっちでよくないブラウザ」

そんなブラウザあんの！？と調べてみたところGoogle先生でも結構な数検索されてる模様。

軽く調べたところ、やっぱりUAの偽装じゃねーかという結論に。

このサイトでは、他に面白いUAで遊びに来た人は居なかったのですが、このblogで過去に遡って調べてみるとこんな方がいらっしゃいました。

誰だか知らないけど照れるぜハニー

今日、スーパーでバナナを選んでいたら面白いバナナを発見っ!!
何やら「手紙のついた果物」と書いてあって、QRコードがバナナに張ってあるではないか！なんぞこれー！ということで早速購入。他のバナナよりは若干高め？っぽいですが、そこまでの値段差は無さそうです。

家に帰って、バナナのQRコードを読んでみるとこのようなページが！

バナナを作られた方がいかに丹精こめて作ったか、写真と直接書かれたメッセージが書いてありました。

バナナごとのユニークなメッセージでは無いようですが、生産者の声を気軽に読めるというのは面白いし、良いサービスだなぁと思いました。

これはバナナ以外の果物、野菜でもあるようなのでお近くスーパーで探してみるといいかもしれません。

い、いやいや、ウチはエロやってませんよ!!

さっき海外のスポーツウェアブランドのサイトを見ていたらこんなの発見！勢いでエントリー！
自社のインナーウェアの密着性をアピールするために作ったと思われるスペシャルサイト。

最初にカップ数を選択して、次に運動の激しさを選択。

するとスクショのようにどれだけ揺れないようになるかが見れます。

それにしてもこのストレートな表現は日本じゃできないなと思ったw

関連サイト

Shock Absorber

IE7の日本語版がリリースされて1ヶ月以上経つのですが、やはりIE6.xのシェアは多いですね。

自分のブログであればIE6.xは全体の25%ぐらいですが、仕事で関わっているサイトですとIE全体のシェアが90%以上、その内IE6.xが70%以上とかはよくある話だと思います。

すべてのユーザーがIE6.x以下を使わなくなってくれたらどんなに仕事が楽になるんだろう(´；ω；｀)

そこでこんなキャンペーンを見つけたので紹介。

あなたのウェブブラウザを最新にして、かわいそうなウェブ開発者を助けて！

ということで、IE6でアクセスしてきたユーザーに下のように最新のブラウザへアップデートを促すメッセージがでるブログパーツ？です。

これを見て数人でもいいから新しいブラウザに乗り換えてくれると嬉しいですね。（結構切実

ちなみにこのキャンペーンは元々海外で行われているものですが、id:riafさんが日本語化してくれた模様。

関連サイト

SaveTheDevelopers.org :: Making The Web A Better Place, One Campaign At A Time…　（英語）

SaveTheDevelopers Japan :: Making The Web A Better Place　（日本語）

2008/03/13（木）六本木ヒルズ20階 KLab株式会社さんで「ケータイFlash勉強会」に参加してきました。
講師をしてくださった3名は水玉製作所さん。

仕事で一度だけケータイFlashのコンテンツを作ったことがあるのだけど、特定端末でビデオメモリ不足で画像が出なかったりと色々苦戦しました。そこでこの勉強会が開催されるとのことで上級編（Flash作ってる人向け）に参加しました。

パブリッシュについて

Flash4はFlashLite1.1とほぼ同等。ただし、FlashLiteは携帯特有のASが付随していると考えればよい。
CS3があるならデバイスなんちゃら（携帯の端末でテストできるあれ）を使うのがいいが、持ってない人はFlash4で作って行くのが良いよ。

フレームレート7~12fpsで制作するのがいい。12fpsで問題ないが一部端末でつらい場合があるのでセーフティは7fps。
画面解像度は240＊240。ただしこれはセーフティーなサイズなので、コンテンツによって変えるといい。

FlashLite1.xならではのスプリクトの書き方

携帯端末はreleaseのアクションはとれないので全てpressにする。
携帯端末は押す動作しかなく、マウスのように離すことは無いためpressを使うこと。
ただし一部端末ではreleaseでも取れることがある。

FlashLiteは配列が使えない。オブジェクトも使えない。

変数制限について

変数宣言のvarは認識できないので使わない。
読みづらくなるので変数名をわかりやすくしないと…

ドットシンタックスは使えない

AS2.0では基本的なドットシンタックスによる指定ができない。

image.gotoAndPlay(1);

上記の指定だとシンタックスエラーが出るので下記の方法でやる。

tellTarget(“image”){
gotoAndPlay(1);
}

テキストフィールドについて

AS2.0だとテキストフィールドでもインスタンス名を入れるが、FlashLiteだとインスタンス名を入れるとエラーが出るので、変数名で指定する。

文字列の連結

AS2.0だと＋で文字列の連携ができるが、FlashLiteだと連結することが出来ない。

tellTarget(“image” + 1){
gotoAndPlay(1);
}

上記の記述だとエラーが出るので下記のようなaddを使って文字列の連結を行う。

tellTarget(“image” add 1){
gotoAndPlay(1);
}

MC名にforで回した変数を追加して”mc01”、”mc02”といった指定をする場合はこれで行う

さらに「==」は「eq」に置き換わる。これも注意。

FlashLite1.xだとfunctionが使えない

functionは無理だがcallでそれっぽいことができる
call(2);

これで2フレームに書いてあるasを呼び出すことができる！（フレーム名じゃなくてラベルでも呼び出せる）
asのみの動作であって、2フレーム目に書いてある画像などは呼び出されない。

ただし、引数は持っていけないので引数っぽいことがやりたければcallを呼び出す前にグローバル変数に引数（戻り値）も入れてしまうといい。さらに呼び出した先のフレームの最後でグルーバル値に値を入れると戻り値っぽいことができる（若干トリッキーだが。

#include はFlash4でも使える

なのでcallをたくさん使うならincludeを使ったほうが管理しやすいよ。
ただし！呼び出されるたびにコードが展開され容量を喰うので何度も同じコードを呼び出す場合はキツイ…
携帯で容量を喰うのは痛い。程度によってはcallを使うか、そもそも関数を使わないように組むのがいいかな。

携帯案件で折れ線グラフを作ってみた結果、気がついたことを

AS2.0であれば、ポイントからポイントまでLineToで線を引けばいいが、FlashLiteではLineToが無いので線をあらかじめ書いたMCを移動、回転、伸縮させて表示している。

Tips

_width,_heightは機能しない機種（一部）がある
解決方法はサンプルデータが公開されてから追記します。

参加者からの質問

　

テキストフィールドの位置を動的に動かしたい場合は？
テキストフィールドにインスタンス名を書く事ができないからそのままだと動かせない。
MCの中に入れればMCごと移動できるかな？

自動的なローディングはできない？
何かをさせつつ裏でロードするということができないので、ロードするにもユーザーにクリックを強いてしまう。
クリックを感じさせない設計ならいいんじゃね？

容量を押さえる、スムーズに動かすには。

ビデオメモリは1M〜2Mの間が多い、この間で画像が出なかったりする。
フォントは明朝体よりもゴシック体、さらにデバイスフォントのほうが軽い。
デバイスフォントは汚いが、PCと端末で入ってるフォントが違うのでPCよりは読みやすいものがでるよ。（端末のメニューとかで使ってるし）
フォント選びは慎重にすること。
また、パスの場合も多くなってくる重くなる。が、落ちることも無い（画像の場合は落ちる）ただし、極端な場合は表示すらされないこともある。

音の差異

mmf,midiファイルを与えないと音が鳴らせない。（PCでは確認できない
音を鳴らすためのルールが3キャリアで違うので、別途でやらないとダメ。
ピアノの音源であれば、端末の差があまりでない（ピアノはピアノの音色になる）
その他の音源（シンセ）とかだと端末によってドラムになったりするらしい。
正直、音の入ったコンテンツは音の専門家が居ないと作れないと思われる。

フォントの差異

容量の関係で_ゴシックを使う機会も多くなるので注意したほうがいいよ。
フォントは12pxで１２文字（７、８文字）で作るのが一般的。
８、１６、は12pxと同じサイズで表示されたり危ない。Softbankだと8pxが米粒に。
最悪はアウトライン化して出力。

ベンチマーク

DoCoMoの端末は早い！また遅い機種も無い！
AUの端末は基本的に遅い。一番早い機種でDoCoMoの中で真ん中ぐらい。遅い端末はDoCoMoの２倍以上かかることも。
表示速度をしっかり得るには、早い端末、遅い端末の間をとって制作するのがいいね。
このベンチマーク結果はあとでもらえるとのこと。太っ腹すぎる。
FlashLiteに対応していない端末は30%ぐらい。

ボタンのフォーカス

基本的にY軸上、上から下へフォーカスがかかっていく。
同じ軸上にある場合は左からフォーカスがかかる。

データの保存

クエリをつけてGETで送る。これには特に注意点は無い。

再生中に電話やメールといったことがおきると

基本的にはブラウザの操作なので注意点はとくになし。ブラウザごと一時停止する。
待受けの場合は携帯を閉じるときにデータを保存することができる端末もある（すべてじゃない）

結論

セーフティな書き方でFLashを作ることはできるが、やっぱり実機での動作環境は必須

お久しぶりでございます＞＜
・・・何度もこれ言った気がする(‘A`)

さて、久しぶりにちゃんとしたエントリーを書こうかと。
だいぶ時期を逃してますが、Yahoo!Pipesで自分のフィードをまとめる方法です。

Web上には色んなサービスがあるので気になるあの子のFeedを個別に読んでいたら数がどんどん増えて行きます(´･ω･｀)
そこで、気になるあの子（もしくは自分）の使ってるWebサービスのFeedをまとめて読む方法をスクショ付きで比較的わかりやすく説明するので是非ご活用ください。

Yahoo! Pipesを使ってみる

まずはYahoo!Pipesにアクセスしてアカウントを取得しませう。ここは説明を省きます。

アカウントを取得したらトップページにある「Create a Pipes」のボタンをクリック！(n’ ∀ ‘)η

まとめたいFeedをこれでもか！と登録する

その後は左の「Sources」カテゴリの中にある「Fetch Feed」を中央の画面にドラッグ。左の画像がその状態っす。

入力欄に登録したいFeedのアドレスを入力(n’ ∀ ‘)η

2つのFeedをまとめる

左の「Operator」カテゴリの中の「Union」をドラッグして中央の画面へ。

この「Union」とはFeedをまとめる役割をします。かなり常用するので覚えておくのがいいね(n’ ∀ ‘)η

その後、「Fetch Feed」の下にある円をドラッグして「Union」へ繋げましょー！

繋げ終わった状態が左の画像。

完成？

最後は「Pipe Output」に「Union」を繋げたら完成！！(n’ ∀ ‘)η

・・・なんですが、まだちょっと色々問題があります。

1. 時系列がバラバラ
2. どのFeedから配信されたものかわからない

色んなFeedをまとめるとソーシャルブックマークなのか、個人のブログなのかがタイトルからだと判別できません(´･ω･｀)

そこで、各Feedのタイトルの先頭に文字を追加しましょう。

おまけ：各Feedのタイトルに文字列を追加

「Fetch Feed」と「Union」の間に「Operator」カテゴリの中にある「Regex」を追加。

Regexは、指定した条件に一致する文字列を発見したら、それを別の文字列で置換することができるモジュールです。正規表現が理解できるとかなり細かい設定ができるようです。

ですが、今回はそんな小難しいことはせずにタイトルの先頭に文字を追加するのに使います。

「In」には編集したい部分を入れます。今回の場合だとタイトルなので「item.title」を選択。

その次の「replace」は正規表現で先頭を意味する「^」を入力します。（最後の場合は「$」）

最後の「with」は何に置き換えるか を意味しますので、今回の場合は対応するFeedの名前を入れればいいと思います。
例えば、TwitterのFeedだと「[Twitter]」とか「[ついったー]」でもいいし、ブログだと「[Blog]」とかその辺は適当に付けていいと思います(n’ ∀ ‘)η

他のFeedも個別に「Regex」を追加して先頭に文字を入れていき、「Union」に繋ぎましょう。

おまけ：まとめたFeedを時系列に並び替えしてみよう

「Union」でまとめたFeedを出力するまえに時系列で並び替えします。

「Union」と「Pipes Output」の間に「Operator」カテゴリの中にある「Sort」を追加。
今回の場合、日付でソートするのでSort byを「item.pubDate」に選択、inを「descending」に設定。
これで日付の新しいアイテムが一番上に来るようになったと思います。

最後に「Pipe Output」に繋げれば完成！！！(n’ ∀ ‘)η

まとめ

今回、様々な機能があるYahoo!Pipesのほんの一部だけの紹介で完成してしまいました。

ね、簡単でしょう？

Blog,Twitter,Flickr,Tumblr,はてなブックマーク、del.icio.us,livedoor Clip!,livedoor Readerの新着フィード…などなどその人が使ってるサービスをまとめて「あぁ、あの人今日はこんなことしてたのかー(・∀・)」とニヤニヤするといいと思います。

最後に、俺のまとめFeedを置いておきますので、もの好きな方はリーダーに登録してもらえると俺がいかに仕事してないか…じゃない、どんな事を配信＆ウォッチしてるか見えると思いますよ(n’ ∀ ‘)η

sunitiのまとめフィード

最近はもっぱらMacばっかり使ってるわけですが、Paralles DesktopでWindows XPはインストールしてありますし、自宅のデスクトップはWindows Vistaなのでウィルス対策ソフトは欠かせません。

毎年悩むのですが今回も各種ソフトを検討した結果、前年と同じくウィルスバスターを更新することにしました。
検討していたソフトは下記の通り。

• トレンドマイクロ – ウィルスバスター2008
• Symantec Corporation – Norton Internet Security 2008
• キャノンシステムソリューションズ株式会社 – NOD32
• ウェブルート・ソフトウェア株式会社 – Spy Sweeper with AntiVirus スパイ スウィーパー ウイルス対策付き
• ALWIL Software – avast!4 Home Edition

自分が検討したポイントは次の通りです。

Windows Vista(64bit)に対応していること
Windows機が3台（使うのは2台）あるので、複数ライセンス買わないといけないこと
重くないこと！！！！

Windows Vista(64bit)に対応していること

Vistaの64bitで以外とひっかかるかと思いきや、Spy Sweeper以外はすべて対応していました。
Spy Sweeperは友達からのオススメで候補に入れたのですが、軽くて非常に良いと聞いているので64bit非対応だったのは残念でした。

複数ライセンス購入

1台ならばどのソフトを購入してもあまり差が出ないのですが、複数台お持ちの方はお財布に痛恨の一撃が入りますのでここは慎重に。
自分の場合は2台分のライセンスは必須で3台目はあまり使わないので別に無くてもOK的な感じ。

ウィルスバスター2008

基本で3ライセンス付いてくるので一番助かる環境！価格:4,980円（3ライセンス）

Norton Internet Security 2008

ウィルスバスターと同じで3ライセンス付きで8,190円（3ライセンス）

NOD32

1ライセンス購入後に追加ライセンス（割引）で買うので、3,200円*2で6,400円（2ライセンス）

Spy Sweeper

3ライセンスパックがあるので、そちらだと6,510円（3ライセンス）

avast!4 Home Edition

は無料なので、欲しい分だけライセンスもらえばOK　価格:0円（3ライセンス）

こうしてみると、ノートン先生が高いっすね。有名なソフトだとウィルスバスターがコストパフォーマンス高い。（avast!には勝てないがw）

重くないこと！！！！

ウィルスバスター2008

若干重かった（2007）が、2008は軽くなってるらしいぞ！

Norton Internet Security 2008

昔使ってたが、死ぬほど重かった（2005かな？）

NOD32

軽さには定評があるらしい！使った事無し

Spy Sweeper

こちらも非常軽いらしい！使った事無し

avast!4 Home Edition

軽くもないが、重くもない！

ここまで書いておいてなんですが、ノートンは以前使っていてあまりの重さにキレたことがあるのでぶっちゃけ二度と使いたくありません＞＜
今使ってるウィルスバスター2007は軽くは無いのですが、普段はあまり重たくは無いので気になりません。（スキャン中とかは別）

で、最終的にはウィルスバスター2008にしました。
全体的に悪くなかったってのが一番です。avast!4 Home Editionも最後までずいぶん悩んだんですが、「無料のウィルス対策ソフトって大丈夫？」という脅迫観念があるのでおとなしくお金払うことにしましたー。

ここに記載してないソフトでオススメがあれば教えてもらいたいのでよろしくお願いします。

関連リンク

トレンドマイクロ – ウィルスバスター2008

Symantec Corporation – Norton Internet Security 2008

キャノンシステムソリューションズ株式会社 – NOD32

ウェブルート・ソフトウェア株式会社 – Spy Sweeper with AntiVirus スパイ スウィーパー ウイルス対策付き

ALWIL Software – avast!4 Home Edition

Twitterから始まった@lomoさん主催のカレンダーを作ろう！企画に参加しました。
カレンダーにはイラスト版と写真版があるのですが、イラストの書けない自分は写真版に。

企画は@lomoさん、デザインは@aohigeさんです。
自分の担当は写真版の3月だったのですが、これは難しい季節になりました。

「ひなまつり」や、「ホワイトデー」みたいなイベントの写真がいっさい無かったので、「別れの季節」ということでGRAYASH.comでも使っている写真にしました。できれば未公開の写真にしたかったのですが・・・(´･ω･｀)

ついったーカレンダーは自宅のプリンタで印刷できるので、イラスト版、写真版とお好きな方を印刷してデスクに飾っておくと良いですよ！オススメ！

関連リンク

2008年版 ついったーカレンダー配布します。 | caramel*vanilla

Twitterで仲良くしてもらっている、Go my wayの@rea君が不定期に配信しているrealog Podcastingに友達のpruto.jpの@prutoと一緒に出演してきましたっ！

realog casting Vol.08

http://realog.org/2007/12/25/1005.html

「2007年のWeb業界を振り返る」ということで、Twitterの事、Appleの事、今後の事などなど喋ってきました。
最初は３人とも別の場所でSkypeやGtalkといったIMで話する予定だったのですが、録音の関係で我が家に@prutoを呼んで二人で神戸のrea君と対談しました。

で、最初は2時開始の予定だったのですが。。。

てっきりSkypeで対談すると思っていたら、どうも録音する場合相性が悪いらしくGtalkでやろうとのこと。
MacではGtalkが無かったので、MacBookのParallelesでWindowsXPを立ち上げてGtalkを起動。

しかしメモリ不足のせいなのか、Windowsもすぐフリーズしたりとすごい不安定の中、ようやく対談できるようになったのが4時近かったと思います・・・rea君、お手数かけました。ごめんなさい(n’ω’ `)

実際の対談時間は、50分だったかな？それぐらい喋ったのですが、編集して20分前後になっています。
途中、@prutoがDo●oMoの携●がクソだ！とか色々DISっていたので大幅カットになりましたwww

で、実際の対談はPodCast聞いてもらうことにして、ここで一つ訂正＞＜
途中、iPhoneのくだりで「アルカロイドでしたっけ？Googleの〜」と喋ってしまいましたが、正しくは「アンドロイド」です。
適当に喋ってごめんなさいごめんなさい！

関連リンク

realog casting Vol.08

pruto.jp