HOKYPOKY.BLOG

Launching “Progression 3″ in Apple Store, Ginzaいってきた

これで、全てが変わる
この惑星ベジータの運命
このオレの運命
カカロットの運命
そして、貴様の運命も!

というわけで行ってきた

以前紹介したProgression3がβから正式リリースされた。
それを記念してLaunching “Progression 3″ in Apple Store, Ginzaというイベントがあったので会社から許可をもらってRe:designYくんと行ってきた。

セミナーへ行くのは初めてだったのでどんな感じなのかを知れたのが一番の収穫かな。
あとは知っている制作会社の人、知っているブログ書いている人などがどんな人なのかが分かったのも面白かった。

Progression?

Progression

まず本題のProgressionについてから書いてみる。基本的にはべた褒めです。

Progressionとは、Flashのフレームワークである。つまり図工キットみたいなものといっていた。
色々な機能が詰まっていて、これを使う事で簡単にFlashのサイトを構築できるし、上級者であってもいつもやっている煩わしい作業というのを一気に効率化してくれる。
かといってこれらが制作の仕様を縛るものではなくとても汎用性高く作られているというから人気なわけだ。

Progressionの素晴らしさを語るときに出てきた話が実績。
Progressionをリリースしてから週1のペースで制作実績の報告があるらしい。個人で作ったものとしてはかなりの実績数である。
しかもそれらが大規模サイトや、ハイレベルなサイトで取り入れられている事が世界的にもこのフレームワークの優れていることを物語っていると言っていた。
個人プロジェクトだったのをオープンソース化し、Version3となって日本が世界に誇るFlashフレームワークになろうとしている。

では実際にどのような機能があるかというと、

  • バージョン判別やクロスブラウザ対応など(SWFObject)
  • パーマリンク(SWFAdress)
  • コンテキストメニュー
  • ショートカット
  • JSFL

これらの機能をいれるとするとそれなりにめんどくさい作業が発生するのだが、とても簡単に、むしろ無意識に近いのレベルでこれらの機能が付いてくる。

SWFAdressとの親和性が高いので

  • 各ページがGoogleAnalyticsに対応
  • パーマリンク時のイベント管理
  • ページの遷移に対するイベント管理

など、Progressionで構築したサイトはデフォルトでとても煩わしいものを全て取り入れてくれている。
簡単だし、ユーザビリティ高いし、解析などアフターサービスもばっちり。
「Progressionを使ったから」という理由だけでこれだけの特典が付いてくるとなれば使わない理由が思いつかない程だ。

もっと推してみよう。JSFLとあるが、これはなんとコンパネまであってProgressionにまつわる設定なんかはFlashCS3のソフトで簡単に設定できるということなのだ。
実際にインストールみるとシーンエディタなどが追加されていてとても分かりやすく設定できた。
また、Progressionのバージョンが変わると、Progressionで作成したプロジェクトのバージョンアップまで自動でやってくれる。

「どんだけ簡単なんだよ!?」って言いたくなるが、undefined.のむらけん様が言うには
「とりあえず、インストールしたらコンパネの作成するボタンをただ押してみてくれ。」と
「するとこれはただ者じゃない事はわかる」と。
ボクも少し触ったりしてみたけどほんと、簡単。作成するととりあえずサイトとなる枠や構造ができていて、あとは「コンテンツ」だけ作ればいいんだよね。

あとは1→10designの長井様が言っていたのは、「表現に集中できる」ということ。
これを聞いたときに、Progressionはなんて素晴らしいんだと思った。

イベント感想

題目は以下 SCRATCHBRAIN.BLOG v2様より引用

 1. 制作者taka:nium様の話
 2. Adobe 西村様の話
 3. Web Designing編集部 馬場様の話
 4. BeInteractive!様の話
 5. trick7様の話
 6. 龍球インク松竹様の話
 7. [対談] Adobe 西村様 × 1→10 design長井
 8. Progression 3 ロゴ制作者 藤永様の話
 9. 制作者taka:nium様 機能ツアー
 10. [対談] 制作者taka:nium様 × undefinedむらけん

1. 制作者taka:nium様の話

とても丁寧な説明だったのが印象的。
めちゃくちゃ練習したんだろうなー。と関心した。

2. Adobe 西村様の話

女性。Adobeだからすごいのか彼女がすごいのかとにかく「できる」人でした。
会場にいた誰よりもトークが上手でした。テキパキしてた。
自分にないものを持ってる人は素敵です。

3. Web Designing編集部 馬場様の話

フラフラしてた。(すいませんw)
独特の雰囲気をもった人でした。Flash以外にもCodeやDesignの話などWEB全て把握していないといけなく、トレンドを発信していく人の目にProgressionを始めFlashのActionScript3.0によりライブラリ周りの重要さを語っていました。

4. BeInteractive!様の話

きた!って感じがしました。偉大なる父。
Spark Projectの管理者。
日本のFlashコミュニティや技術トレンドはここから発信されているでしょう。
しかもこの記事を見たときにかなり感激。一つ一つのプロジェクトを見守ってくれている。
ボクみたいにHTML,CSS,JavascriptばかりやっていてこれからFlashをやろうとしている人にとってProgressionとそうめんの絡みはとても期待しています。
いずれボクもコミットできるようにガンバリマス。

5. trick7様の話

ブログいつも見てます。
とても楽しいブログを書いてくれます。そしてとても楽しい人でした。
思ったよりも若くて正直嫉妬します。しかもモチベーションが高すぎる。
trick7とは将来的に自分が独立してつくりたい7人のユニット名らしい。

  1. 英語が出来る人(まずこれで視野が世界にあることにモチベーションの高さを伺える)
  2. 数学・物理ができる人 (理系の人ですね。物作りにはかかせない役割だと思います)
  3. お金の管理できる人 (Flasherを始めクリエイターはお金の管理が苦手と。わかるw)
  4. 仕事とってこれる人 (プロとしてこれがないと始まらない)
  5. Progression使える人 (ここがクリエイター部分ですね。)
  6. 場を和ませる可愛い子 (必須です)
  7. 見守るボク (ここがポイント!w)

さらにサーバーサイドとデザイナがいるので、最初に7人から削られるのは7番の自分だなと言ってましたw
(ウチの会社の話だけど結構そろってるなと。1,2とサーバーサイドができる西垣さんはさすがだ思いました。)

6番は永遠の課題です。男社会なのかな・・・
いや、かわいい子いるんだけど、男女比がね・・・

6. 龍球インク松竹様の話

沖縄から。サイトのトップがすばらしい。
ボクもこんな感じの日記をMixiでかいた事がある。
みんな????って反応だった凹○

7. [対談] Adobe 西村様 × 1→10 design長井

制作会社の人の話を聴けるチャンスだなと思いかなり集中して聞いた。
自分の作ったフレームワークとProgressionの違いを元にProgressionの説明をしてくれた。
最終的な結論は「自分で作ったものは糞」だということ。
この感覚わかる。ボクはjQueryに出会って同じ気持ちになった。

でもこれがあったから自分の本当にやりたいことが見えたんだよね。
いい意味での挫折でした。

先も書いたけど「表現に集中できる」という言葉はクリエイターが技術を身につける際に見失いがちなポイントであると思うのでここを大切にしていることに感銘をうけた。

また「会場のスピーカーパソコンの音がでない」というハプニングがあり、すぐに西村さんが自分のマイクをパソコンのスピーカーにあてたときに「できる!」って思いました。
あとは、随所にAdobe製品の話を織り交ぜる。FlashDevelopの話(ProgressionのASDocがしっかりしているのでFlashDevelopで開発するときのコードヒントがすごく便利!的な話)がでてきたときにすぐにFlexの話に持っていったりするあたりはさすがだと思った。
Flexにもこの機能を取り入れて欲しいとしっかりと要望として言われちゃってたけど。

8. Progression 3 ロゴ制作者 藤永様の話

短い時間だったけどロゴに込められた意味。裏テーマなどを言われたときに、とても関心してしまった。

「日本」というテーマに作成されたロゴは

  • 白銀比
  • 進行を意味する矢印
  • キーフレームを意識したポイント(日の丸ともかけている)
  • 黒子的な存在という意味での墨色
  • 隠されたPの字
  • フォントはソリッドなゴシック体に長体をかけてバランスを取っている。
  • (首を傾けるとProgression御殿になるという裏テーマもw)

これだけの意味をあの型値に込めるクオリティ。理論と感覚の総合でセンスを問われるのだと感じた。

9. 制作者taka:nium様 機能ツアー

これがメイン。冒頭で少し説明したし、公式見た方がボクの文章より素晴らしいと思うので割愛。
しかしほんとに分かりやすく説明してくれた。

10. [対談] 制作者taka:nium様 × undefinedむらけん

自己紹介を3回。完璧に覚えた!w

amanaを制作されたむらけん様の話。
Progressionのシーンという概念とシーンのイベント管理が素晴らしく、それが全て。

実際にamanaやundefinedのサイトをみてこれらがめんどくさいんだけど大切かがわかった。

ちなみにプレゼン用のSWFが格好良すぎた。
undefinedで使っていたエフェクトでページが切り替わるんだけど、最高。

http://yugop.com](http://yugop.com” target=”_blank)の文字がランダムにでるエフェクトもそうだし、[http://www.roxik.com/の3DもそうだけどFlasherは自分エフェクト持っておくといいなと思った。
アーティストやスポーツでもそうだけど、特色ってやつですね。
「何色にも染まらない」アプローチはデザイナにはよくある話なんだけど、「自分色に染まる」ことはアーティストとしては必要不可欠な要素であってもいいと思いました。

とにかく長くなりましたが

長くなりましたが、色々まとめると以下の3点でかなり有意義なイベントに参加できたと思います。

  1. Progressionが分かった。
  2. イベントというものがどんな感じか分かった。
  3. 他の制作会社の雰囲気や考えていること、モチベーションなどが分かった。

まず、いわずもがなProgressionは勉強したいと思います。というかFlashの他の事をやりたいのでProgressionでさくっと乗り越えたいと思います。
贅沢かもしれないけど、こういう気持ちにさせてくれるフレームワークは最高だと思います。
外の制作会社と一緒にやったりするときにProgressionが共通言語になるかもしれない。
会社でも作業の分担がとても楽になると思います。

イベントもまた機会があったらいってみたいと思います。
こんな素晴らしい会に参加しない手はないね。
みんなのプレゼンの資料がかっこ良かったし、物を作る事、発表する事のエンドまでしっかりと作っているのは「さすがプロ」だと思います。

あとは他の制作会社が分かったという事。
みんなモチベーションたけーっす。
ウチの会社で「精神と時の部屋」が欲しいっていうとほとんどが変態扱いします。
でも実は一線で戦っている人たちはみんな精神と時の部屋にこもりたくて仕方なくて、みんながみんな見えない頂点に向かって日々仕事してんだなーってのはグッと来ました。
そしてみんなドラゴンボール世代なんだなとw
自分もみんなと肩を並べて戦っていけるように頑張ろうと思いました。
自分のめざしている姿が間違っていないことが分かったことだけでもこのイベントにきて良かったと思えた。

よーし、「明日から」頑張るぞー。

Progression 3.0.0 Betaでた!

この間知って、感動したProgression Frameworkの最新バージョン(Beta)がリリースされました。

新機能 (太字が個人的にHOT)

  • AIR プロジェクトの書き出しを追加。
  • HTML 表示時の最小サイズ制限(SWFForceSize)を追加。
  • 背景色設定を追加。
  • フレームレート設定を追加。
  • ウィンドウモード設定を追加。
  • スクリプトアクセス設定を追加。
  • フルスクリーンの許可設定を追加。
  • Mac マウスホイールの有効化設定を追加。
  • メインクラス名の設定を追加。
  • ローダークラス名の設定を追加。
  • FlashDevelop プロジェクトの書き出し設定を追加。
  • GoogleAnalystics 設定を追加。
  • より詳細なレポートを出力する HTML 書き出しをサポート(一部未実装)。
  • 対象の fla ファイルと同フォルダ内の fla ファイルの一括パブリッシュボタンを追加。
  • 一括パブリッシュ時にオートブラウザリロード機能を追加(対象 SWF の Progression がデバッグモードの場合のみ有効)。
  • オンラインバージョンアップ確認設定を追加。
  • 公式サイト、リファレンスへのリンクボタンを追加。
  • ショートカットキー(SHIFT+ENTER)での実行を追加。
  • JSFL ファイルの読み込み/書き出し機能を追加(日本語を含む書き出しに不具合あり)。
  • よく使う機能のスニペット機能を追加。
  • エフェクト及びアニメーションコンポーネントの複数同時実行をサポート。
  • Progression Effects 系コンポーネントに新しく BlindsEffect / FadeEffect / FlyEffect / IrisEffect / PhotoEffect / PixelDissolveEffect / RotateEffect / SqueezeEffect / WipeEffect / ZoomEffect コンポーネントを追加。
  • Progression Buttons 系コンポーネントに AnchorButton コンポーネントを追加。
  • NextButton / PreviousButton / ParentButton コンポーネントでカーソルキーによる移動をサポート。
  • NextButton / PreviousButton コンポーネントで終端到達時の処理設定をサポート。
  • Progression Loader 系コンポーネントに Preloader コンポーネントを追加。
  • Progression Loader 系コンポーネントに各種 stage の設定を追加。

全体的に機能強化、バグフィックスがなされています。
あとは開発スピードを考慮したショートカットやボタン、機能などが追加されているようです。

正式版のリリースは、8 月中旬頃を予定しています。

となっていて超ワクワクしますね。

どんどん活用させていただきます!
ありがとうございます。

青魔導士になりたい。Progressionフレームワーク

http://d.hatena.ne.jp/mizzusano/20080513/1210663297

上の記事をみてとりあえずRuby on Railsを始めましたがFlexはRIAしか作れないのでいまいち盛り上がらない。というかFlashで出来ないの!?みたいなところがまだまだごちゃごちゃしてます。

よく考えたところ「ジョブの選択は自由だ」ということを前提に青魔導士になろうかと思った。
今からこの広いウェブの全てを理解して全てを手に入れるのはあきらめました。

そこで最近のフレームワークの流れなんかはまさに青魔導士的だなと思った。
自分の魔法ではなくて、人の魔法を自分の魔法にしてしまうというか。
しかもそれなりに高性能で、中にはとんでもなくエグイ魔法もある。

ということでFlashやりたいけど一から始めるのはさすがにしんどいぜ?と思ったのでProgression Frameworkを始めて見ることにしました。

これはページの遷移廻りを主に担ってくれるフレームワークだと勝手に解釈しているんですが、やっぱフレームワークってだけあって覚えなくてはいけない細かいこと、とかめんどくさい作業の繰り返しなんかを実にスマートに取り入れてくれています。

なかでも一番すばらしいと思ったのはスタイルを崩さずにすむということ。

いろんなFlashの制作スタイルの言ってしまえば「どーでもいいところ」を実に精密に仕立て上げてくれます。
実はこういうどーでもいいところをこだわることがディティール力だったり、クオリティにつなげる大事な要素だったりするのですが、このフレームワークのおかげで「ざっくりとつくったけどめちゃくちゃ気の効いてるサイト」 になります。

すばらしい。

というわけでProgression Frameworkまわりのドキュメントをまとめてみました。(備忘録)

・公式 – ビデオチュートリアルはとりあえずみてみよう。ワクワクしだす。
http://progression.libspark.org/

・これも公式 – とりあえず最新情報だよね。
http://blog.progression.jp/

・fffflash – 勇気の源。わかりやすいし、やる気がでてくる文章。がんばってるから自分も頑張りたくなる。
http://masaya-sugawara.com/develop/

・Adobeのチュートリアル – コンポーネントベースの作り方がよくわかる
http://www.adobe.com/jp/devnet/flash/articles/progression_framework2.html

・amana.jp – Progression Frameworkを使った制作事例。可能性を感じる。
http://amana.jp/

・チュートリアル公式 – 順番めちゃくちゃになってるけどここのチュートリアルもなかなか。
もっと増えて欲しいところ。
http://progression.libspark.org/wiki/Documents/Tutorial

・リファレンス – ここにコンポーネントの話も載ってたからある程度理解できた。
クラスベースで作成するときは重宝しそうです。
http://progression.libspark.org/htdocs/asdoc/2.0.x/

とりあえずこんなとこかな。
課題山積みの最初の作品はこちら

http://hokypoky.info/files/okinawa2008/

ポイントは社員旅行楽しかったってこと。