alt » ガジェット

mixiアプリの便利な開発環境「OSDE」

alt — Tue, 19 Jan 2010 17:07:26 +0000

mixiアプリに限らず、流行のソーシャルアプリを開発しようと思うと、
毎回サイト上で動作確認しながらデバッグするのや
OpenSocialに基づいたXML書式やJSを書くのに幾分良い環境がないかなあと探していたら
Eclipseのプラグインとして「OSDE」というのがありました。

OSDEのオフィシャルサイト
http://code.google.com/p/opensocial-development-environment/

SNS上でのユーザ間の関係や、
テストデータを簡単に作成・設定できます。
OpenSocialのview(preview, home, profile, canvas)を
開発環境で開くことができるのも超便利。

以下、設定方法。

１．Eclipse を起動してメニューから「ヘルプ」→「ソフトウェアの更新」を選択。
２．「使用可能なソフトウェア」タブを選択し、「サイトの追加」ボタンをクリック。
３．「http://opensocial-development-environment.googlecode.com/svn/update-site/site.xml」を入力してOK。
４．追加されたURLにチェックをしてインストールボタンをクリック。
５．インストールが完了したら、Eclipseを再起動。
６．OSDEプロジェクトを新規作成します。
※このとき、workspaceとなるフォルダへのパスに半角スペースが入ると正常に動かないようなので、Cドライブ直下にosdeディレクトリを作りました。

７．アプリケーション情報を入力。

８．とりあえずキャンバスタブの型：HTMLのみチェック入れて完了。

９．「関連付けられたパースペクティブを開きますか？」に「はい」を選択。

１０．Eclipseメニューから「OSDE」→「Launch Apache Shindig」を選択してApacheを起動します。
※xamppなどのサーバーソフトが起動している場合は停止にさせておく。

１１．Eclipseメニューから「OSDE」→「Create sample data in Shindig」を選択するとサンプルのデータが追加されます。

１２．ナビゲーター内のgadgets.xmlをクリックし、
Eclipseメニューから「OSDE」→「Run this application locally」を選択。
ダイアログが開くので、そのままOK。ブラウザで開く場合は「Use an external Web browser」にチェックを。

↓こんなかんじで出力される。

家電、ゲーム機、ガジェットまわりのFlash仕様

alt — Mon, 28 Sep 2009 10:29:19 +0000

Adobeの「Open Screen Project」によって
家電、ゲーム機、ガジェットといったデバイスにもFlashが広まりつつある現状で
今現在、インターネットが見られるブラウザ環境とFlashの対応状況を調べてみました。
これらの端末で既存のWEBサイトを横展開するとなると
amazonのような膨大なショッピングサイトを扱うCPは
Flashを使ったリッチUIで提供するメリットはあるのではないかな。
端末の解像度とコンソールの種類によって
それに適した情報量でコンテンツを提供し、
少ない導線で目的までたどり着けるような快適なブラウジング環境を実現しないといけない。
Flash LiteやiPhoneやってるとUI設計は参考になることが多いけど、
DSやPSPは同じような操作感でよいかというと
また違う免疫を与えなければいけない気もする。

ニンテンドーDSi
【ブラウザ】Opera 9.5
【Flash】Flash非対応（ダウンロードしての追加もできません）
http://www.nintendo.co.jp/ds/dsiware/hngj/spec.html

Wii Channel
【ブラウザ】Opera 9.3
【Flash】Flash Lite3.1（Flash 8相当）
http://www.nintendo.co.jp/wii/features/internet/index.html

PSP
【ブラウザ】独自ブラウザ
【Flash】Flash Player6(6,0,72,27)
http://www.jp.playstation.com/ps3/pdf/Web_Content-Guidelines_j250.pdf

アクトビラ
【ブラウザ】ACCESS社のNetFront Browser
【Flash】Flash非対応
http://actvila.jp/

chumby
【ブラウザ】WEBブラウザなし
【Flash】Flash Lite3.0対応
http://ja.chumby.wikia.com/wiki/Chumby%E6%A6%82%E8%A6%81

mixiアプリ「MyMixlock」（マイミクロック）をリリース

alt — Sun, 10 May 2009 18:38:41 +0000

勉強がてらmixiアプリをちまちまテストばっかしていたので
ここらへんでかたちになるものをひとつリリースします。

ちょっと前にCUBACLOCKやEGACLOCKなどのUNIQLOCKのパロディものが流行ったので
それのmixiアプリ版（時計）を作ってみました。
他との違いは動画部分をマイミクのプロフィール画像にしたところです。
さらに画像にニックネームを表示させてクリックでその人のプロフィールページへ遷移します。

ソーシャルデータをFlashvarsで渡したり
毎回キャッシュクリアしたり
セキュリティサンドボックス侵害でビットマップコピーできなかったり
Flashで作るのは何かと不都合が多くないですかね。
次はGoogle Mapと連携で何か作ろうと思ってたのですが
できるだけJSで完結させたいです。

■インストール方法は

１．mixiアプリオープンβ コミュニティ に参加します。
２．MyMixlock（マイミクロック）から「アプリを追加する」をクリックしてください。
３．ホームを開くと自分のページに追加されます。

気になるiPhone楽器

alt — Tue, 18 Nov 2008 14:57:00 +0000

iPhoneアプリの「Ocarina」でインターネットは完成した（マイクに吹きかけるとオカリナが鳴る）

「Noise.io」がKAOSSILATORになる日（シンセサイザー）

「PocketGuitar」と「Bloom」と「PASY02」を重ねてみた

iPhoneをマルチトラッカーにする「FourTrack」で四重唱してみた

iPhoneのFMシンセサイザー第3弾「Sound from Sound Synthesizer」を試してみた

散歩して空中の電波をキャッチしながら曲を作る、そんなiPhoneアプリ「sniff_jazzbox」

iPhoneをネクストレベルのミュージックデバイスに変貌させる「RjDj」

iPhone「Cosmovox」を振ると旋律が：ガムランや五音階など30種類が可能

iPhone 3Gで音楽系アプリを試す「BeatMaker」（サンプラー／シーケンサー）

ボイスチェンジャーアプリ「Sonic Vox」

AIR vs Googleデスクトップガジェット vs Yahoo!ウィジェット vs Windows Vistaサイドバーガジェットまとめ

alt — Tue, 14 Oct 2008 12:08:13 +0000

PCの世界では昨今のブログパーツブームに始まって、
アクセサリーを自分のネット空間に飾り付けるユーザーが増えてきた気がします。
ガジェット・ウィジェットも
「Yahoo!ウィジェット」、「Googleデスクトップガジェット」、「iGoogleガジェット」、「Windows Vistaサイドバーガジェット」、「Windows Liveガジェット」、「AIR」、「Opera ウィジェット」
の台頭により、同じような動きが起こって火がつく日はくるのでしょうか。
それともガジェット環境はiGoogleやmixiなどのWEBデスクトップ側にパーソナライズされていくのでしょうか。
Yahoo!やGoogleのデスクトップガジェットはまず流行ることはないだろうとふんでますが
仕事の一環で調べないといけないので、自分観点で勝手メモです。

クリエイターが企業から受注した場合、開発のうえでの違いって？
マーケティング目線で考えると、プロモーションで効果的なのはどれ？

このへんが気になるので誰か教えてください。
記事は随時追加していきます。

「AIR」
【ランタイムエンジン】http://get.adobe.com/jp/air/
【開発キット】http://www.adobe.com/jp/products/air/tools/
【開発環境】Flex、Flash IDE、HTML、Javascirpt、MXML
【配信サイト】http://adobe-ria.jp/air/
【メリット】
　・win、mac版の両対応。
　・アップデート通知機能がある。
　・アプリはWEBページからシームレスなインストールが可能。
【デメリット】
　・日本語版の正式リリースは2008年6月。まだ普及してない。
　・ユーザーマシンにAIRランタイムのインストールが必要。
　・OSの起動時にアプリも立ち上がる制御ができない！？
　　ユーザーが手動でならできる
　　http://gadget.campuseos.com/rikkyo/gadget/

————————————————————————————————

「Yahoo!ウィジェット」
【ランタイムエンジン】http://widgets.yahoo.co.jp/download/
【開発キット】http://widgets.yahoo.co.jp/workshop/
【開発環境】Javascript、XML。バージョン4.5からFlashを標準サポート。
【配信サイト】http://widgets.yahoo.co.jp/
【メリット】
　・win、mac版の両対応。
　・アップデート通知機能がある。
【デメリット】
　・ユーザーマシンにYahoo!ウィジェットエンジンのインストールが必要。
　・3.0、4.0、4.5で多少仕様が変わっている。
　・Flashがサポートされたバージョン4.5以降で作った場合、ユーザー側のエンジンがそれより古いときは？
　・ランタイムインストールの際、チェック外すの忘れてYahoo!メッセンジャーやらYahoo!ツールバーを入れちゃう人いそう。
　・最初からダウンロードセットに含まれたアプリやMacのドックみたいなのが画面を埋める。Googleデスクトップとバッティングしたら余計邪魔。
　・Flashのエッジが荒れる＆アプリのFlash上ではドラッグできない。
　　http://labs.anthill.jp/2007/12/yahoo_widgetsflash.html

————————————————————————————————

「Google デスクトップガジェット」
【ランタイムエンジン】http://desktop.google.co.jp/ja/
【開発キット】http://desktop.google.com/downloadsdksubmit?hl=ja
【開発環境】Javascript、XML、HTML。バージョン4からFlashを標準サポート。
【配信サイト】http://desktop.google.com/plugins?hl=ja
【メリット】
　・win、mac版の両対応。
【デメリット】
　・ユーザーマシンにGoogleデスクトップのインストールが必要。
　・提供アプリを見てるとデベロッパー向けの匂いがする

————————————————————————————————

「Windows Vistaサイドバーガジェット」
【開発キット】http://msdn.microsoft.com/ja-jp/library/aa965850(VS.85).aspx
【開発環境】HTML、JavaScript、XML。Flashの貼り付けも可能。
【配信サイト】http://vista.gallery.microsoft.com/
【メリット】
　・OSプリインストールで最初から入ってるのでランタイムエンジンを入れる必要がない。
【デメリット】
　・OSはVistaのみ！？
　・アプリのFlash上をクリックするとガジェットドラッグ用のマウスクリックよりも先にFlashがマウスクリックを検知する為にドラッグが出来ない。
　・Flashは初回のみクリックイベントをとれない。

————————————————————————————————

「Opera ウィジェット」
【開発キット】http://dev.opera.com/articles/widgets/
【開発環境】HTML、Javascirpt、XML。Flashは不明。
【配信サイト】http://widgets.opera.com/ja/
【メリット】
　・win、mac版の両対応。
　・Operaブラウザを使っている携帯でも展開できる？au one ガジェットにも！？
【デメリット】
　・ブラウザのシェアが圧倒的に低い。
　・Operaブラウザを起動しないと使えない。

————————————————————————————————
パーソナライズドホームでは・・・

「Windows Live ガジェット」
【開発環境】Javascript、XML。Flashの貼り付けも可能。
【配信サイト】http://gallery.live.com/
【メリット】
　・WEB上から簡単にアプリを追加できる。
　・OS、ブラウザに縛られない。
【デメリット】

「iGoogle ガジェット」
【開発環境】Javascript、XML、HTML、Flash。
【配信サイト】http://www.google.co.jp/ig/directory?type=gadgets
【メリット】
　・WEB上から簡単にアプリを追加できる。
　・OS、ブラウザに縛られない。
　・FlashブログパーツをGoogleユニバーサルガジェットにする方法
【デメリット】

「Facebook、myspace、mixiなどのSNSプラットフォームでのガジェット展開」

————————————————————————————————

「ブログパーツ」
【開発環境】HTML、Javascirpt、Flash
【配信サイト】ポータルサイトやコンテンツプロバイダ。
【メリット】
　・企業がWebプロモーションで利用するほどのメジャーツールとなった。
　・バズマーケティングとして効果大。
【デメリット】
　・利用者がブログユーザーに限定される。
　・ブログプロバイダによって使えないところもある。

————————————————————————————————

参考：日本でのウィジェット、ガジェットビジネスの将来性
http://japan.internet.com/busnews/20080908/8.html?rss
参考：5人に1人はウィジェット、ガジェットに触れている
http://japan.internet.com/column/busnews/20080407/8.html
参考：日本でのウィジェット、ガジェットビジネス
http://japan.internet.com/busnews/20080519/8.html
参考：Widgets, Gadgetsまとめ
http://diaspar.jp/node/117

世界最大のウィジェット、ガジェット総合ポータルサイト「WidgetBox」
http://www.widgetbox.com/
日本最大のガジェット総合ポータルサイト「Gadget Gallery」
http://gadget-gallery.jp/
その他ポータルサイト
http://www.hanatsuki.net/
http://www.widgetown.com/
各種ガジェットの関係図
http://www.desktopdeco.jp/explain/index.php