dev.convexstyle.net

Work アーカイブ

pictogram

del.icio.us hatena bookmark

pictogram = 絵文字

ここ数ヶ月、絵文字の Flash アプリケーションをブログサービス「Jugem」用に作成していました。16 x 16 pixel の小さな世界ですがほぼ1人プロジェクトだったこともあり、技術的には自分のスキル+α的なチャレンジでモロモロ勉強になりました。まだまだ解決すべきことはあるのですが、是非1度 Jugem に登録して使ってみてください。

pictogram

主に実現したことは
・Flash で描画した絵文字の動的画像作成
・作成した絵文字を組み合わせて GIF アニメーションの動的作成
・GIF アニメーションと同等の SWF の動的作成
辺りです。


【使用技術】
後ほど報告

【担当領域】
上記と同じ

Picto list

del.icio.us hatena bookmark

2 ヶ月程前に開発・リリースした picto という Jugem のブログの機能の Flash ベースの絵文字エディタなんですが、凄い勢いでユーザーさんが作成してくれたので一覧表示にしてみました。これまで Jugem ユーザーの管理画面内でしか見れなかったので一般にも見れるようになりました。中にはプロ級のユーザーさんもいるんですが、全ユーザーさんの作成速度が速いので、一覧にすればもっと見る機会が増えるかと。新着絵文字100件、人気絵文字100件、人気ユーザー100件表示です。


picto list
The screenshot of picto list


p.s.
JugemKey にログインしていると一発で picto に「お気に入り登録」することが可能になりました。

【使用技術】
Flash 8 Professional、ActionScript 2.0、AMFPHP 1.2、PHP CLI、MySQL、Fedora Core 4、HTML、Javascript、Photoshop CS 2


【担当領域】
同上

Jugem x ASK.JP

del.icio.us hatena bookmark

久々のブログエントリー。


そして久々に会社の既存サービスに Flash を一切使わない機能をゴリゴリ開発。
ブログサービス jugemASK.JP の動画投稿 API を使用してローカル動画投稿機能を実装してみました。Open な API では無いですがよく出来ている API だったので、スムーズに開発出来ました。既存のサービスのソースも追えたので、結構良い勉強になりました。


Jugem x ASK.JP


【使用技術】
PHP、Smarty、PEAR、MySQL、CSS、Javascript、HTML、PhotoShop、ASK API


【担当領域】
PHP、Smarty、PEAR、MySQL、Javascript、ASK API 辺り

JUGEM Desktop

del.icio.us hatena bookmark

JUGEM Desktop

Adobe Integrated Runtime Beta 3 上で動作する JUGEM Desktop というアプリケーションの開発に携わり 1/29 にリリースしました。ウェブカメラの動画を記憶ストリームとしてアプリケーションサーバー上に一時的に保存し、ユーザーアクションによって動画をウェブディレクトリに保存し、JUGEM 各ユーザーのブログコンテンツとして使用できるという仕様。今回は最近動画に力を入れている ASK.jp と連携しデコワクを使用するため、ASK で提供された API を使用し、最終的に記憶ストリーム(.flv)を ASK 側に POST する形を取りました。(ローカルの DV ファイルをアップロードするウェブ版は去年末に開発しました。)

JUGEM Desktop の現状の機能自体は Flash Developer や Flex Developer の方にはいたって基本の機能で、すでにウェブ上のアプリケーションでもウェブカメラの動画投稿ができるものを多くみているし、個人的にもウェブでは3度程、記憶ストリームを利用したアプリケーションを仕事や個人ワークで開発しているので、目立って新しいことをしたという訳ではないですが、とにかく、JUGEM というブログサービス(対何十万人)を相手にするための対サービス型のアプリケーション開発は結構シビアで目に見えない部分で苦労しました。後、AIR アプリケーションは"既存のスキルをローカルアプリケーションに使用でき簡単に開発できる"という風に聞いていましたが、やってみると Flex Framework をきっちり理解していないと難しいなと痛感。自分見たくゼロから Flex を始めた方はまずは Flex で詰まりそう。特に、Flash 完結したアプリケーションを AIR 書き出しするために Flex Framework を使用する場合と違い、ユーザーインタラクションがある場合はなおさらかなと思います。MVC 設計を意識し今後の開発での汎用性を意識していたけど、自分のスキルがまだまだです。でも思いました。今まで企業サイト・サービス・個人ワークで目的は違えど何とか新しいクリエイティビティを表現したい!と開発やデザインしてきましたが、AIR アプリケーションの様に、決まった動作を論理的に考えて開発するのも気持ちいい!なあと。一発ギャグ的なアプリケーションもいいけれど、「ウェブライフをより便利に!」って考えて作った方が AIR はより最適かなと思います。例えば、teknision が開発した Finetune Desktop は自分には凄い使い勝手がよく、I-Pod Shuffle 的にいい音楽を偶然探すには最適です。

ということで、使っていただくと分かると思いますが機能的には全くまだまだです。
開発は1人作業なので時間が限られているのですが、引き続き Flex を勉強しながら時間がある限り新しい機能を追加していきます。Flex Beta 3 もまだまだ問題点とかが多いけれど、正式版が出る時に fix されているのを期待したい!


【使用技術】
Flex Builder 3 Beta 3, Flash CS 3 Professional, Flex Component Kit, AIR API, ActionScript 3.0, PHP 4, AMFPHP, ASK API, Smarty, PEAR, MySQL, SQLite, Application server on Linux, Photoshop CS 3


【担当領域】
Flex Builder 3 Beta 3, Flash CS 3 Professional, Flex Component Kit, AIR API, ActionScript 3.0, PHP 4, AMFPHP, ASK API, Smarty, PEAR, MySQL, SQLite, Application server

JUGEM Desktop x Flickr

del.icio.us hatena bookmark

社内のブログサービス(JUGEM)で、以前開発していた JUGEM Desktop を 1.2 より 2.0 にアップデートしました。

Flickr 機能を追加し、自分の Flickr スクリーンネームでログインすれば、ブラウザ経由ではなく、AIR アプリケーションから直接ブログに最大8枚までの Flickr 写真とともに記事をエントリーすることができます。インタフェース的にはドラッグ&ドロップで写真を記事に追加する感じです。

写真好きな人とか、Flickr は Englishで JUGEM は日本語で切り分けたい人とか、ブラウザ経由が面倒な人はどうぞ。

詳細:http://jugem.jp/fun/jugemdesktop/

JUGEM Desktop 2.0
JUGEM Desktop 2.0


【使用技術&環境】
Flex Builder 3.0、Flash CS 3 Professional、ActionScript 3.0、AMFPHP 1.9、PHP、PEAR、Smarty、MySQL、Linux、Flickr API、PhotoShop CS 3


【担当領域】
Flash、プログラム、データベース、サーバ、デザイン(AIR アプリ側)
*JUGEM の紹介ページデザイン&コーディングは野原君が担当。色々どーもでした!