Silverlight SquareMEMBERSSilverlightを囲む会CONTACT
第5回第4回第3回第2回第1回

第3回

★Silverlightを囲む会 in大阪#3

今回はなんと、Flex User Group さんとの共催が決定しました!

イベント名 "Fleverlight勉強会"  スペシャルページは こちらから!
  ( Silverlightを囲む会 in大阪#3  & Flex3勉強会第46回@大阪 )

日時:2008/7/26(土)
2:30p.m~5:30p.m
 ( 3時間 )

会場:大阪産業創造館17F フリースペース
〒541-0053 大阪市中央区本町1-4-5
 
http://www.sansokan.jp/map/
  最寄り駅は地下鉄堺筋本町です

参加費: ¥200.-

★★★浴衣でのご来場、大歓迎★★★

浴衣など、日本の風物詩を感じさせる服装でいらっしゃった方には、プレゼント進呈します!

→プレゼントは手作りうちわでした~


2:15 p.m. ~         受付

2:30~2:40   挨拶
2:40~       セッション開始

    2:40~3:00 蜜葉&ALPS       「Flex & Silverlightをはじめるには?」  (20分)   資料
    3:00~3:20 sao                       「Silverlight2でRIA開発」                        (20分) 資料  デモ
    3:20~3:30 hirossy                「Flex Builderでサンプル作り」               (10分)   資料
    3:30~3:40 sato-shi              「Fleverlight@大阪」                                 (10分)   資料

    3:40~3:50 ☆☆☆ 10分休憩 ☆☆☆

   3:50~4:20 ライトニングトーク
      coma2n     「Silverlight IDE」
      いさみん    「いさみんの初心者講座 ライブラリ紹介編」 資料
      青柳臣一   「WPFとSilverlight」
      gori             「Air Demo」   資料
    
    4:20~5:00   「FlexとSilverlightで作ってみよう!LiveCoding」 (40分)
         (F)コーディング : nitoyon    解説ブログ
         (S)コーディング : k_maru   コード
         (F)コード解説   : hirossy
         (S)コード解説   : 青柳臣一

    5:00~5:15    ちょっとした参加型イベント  (15分)

5:15~5:30    最後の挨拶、アンケート記入、後片付け
5:30~           退出( 希望者は懇親会へ、参加費は別途 およそ¥4,000.- 程度です)


参加希望者は、以下のフォーマットに従ってメールを へ、お送り下さい。

2008/7/24(木)24:00まで受付いたします。 多数のご参加をお待ちしております。

( Flex3勉強会として、参加したい方は こちら から参加表明をお願いします。どちらも同じです。 )


2008/7/26(土) 「Silverlightを囲む会in大阪#3」への参加を希望します。

ハンドルネーム:
お名前(必須ではありません):
電子メールアドレス:
懇親会への参加: 可・不可  (いずれか選択して下さい。)



※Silverlightを囲む会(以下、勉強会という)参加に伴って、貴殿より送信頂く
 メールアドレス・ハンドルネーム(お名前)は遥佐保(以下、管理人)により収集されます。
 用途は以下の通りです。

  ・ハンドルネーム:
    勉強会参加者一覧に使用します。
    Silverlight Square にて公開させて頂きます。
  ・お名前:
    Silverlight Square 管理者以外には非公開です。
    任意項目です。
  ・メールアドレス:
    勉強会案内、次回勉強会情報の送付に使用します。
    Silverlight Square 管理者以外には非公開です。

 収集された情報は、勉強会の運営と管理のみに使用致します。
 上記公開基準およびに法令に基づき開示を要請された場合を除き
 第三者に開示されることはありません。
 貴殿が勉強会に参加申込みをされた場合、上記について同意を頂いたものと致します。


☆★☆ 参加者一覧 ☆★☆ (敬称略)

 
 1sao 
 2dragon 
 3k_maru 
 4蜜葉 
 5KazumaO 
 6 きよくら ならみ
 7 むたぐち
 8 kimu
 9coma2n 
10 ntotani 
11 まさお。 
12 ynagao 
13 hdk
14 shot 
15 MITUKAN 
16 miyo 
17 みすぴー 
18 黒龍 
19 青柳臣一 
20 シュナイダー 
21 koka 

無事、終了いたしました。

参加してくださった方、ありがとうございました。


☆★☆ 参加レポート ☆★☆

今回参加してくださった ynagaoさんが、レポートを書いてくださりました!

ynagaoさん、ありがとうございました!!

7/26 sliverlight#3 Flex3#46
*** session ***
o 蜜葉さん (Silverlight)   ALPSさん (Flex) 
     「
Flex&Silverlight をはじめるには?」
- 開発ツールの紹介がメイン?
- Web デザイナーさん向けの開発ツール?

- Flex とは?
プログラマー向けの Flash で、swf を簡易に生成できる。
特徴は、コンポーネントが多く、OS に依存しない。
デザインは MXML で開発言語は ActionScript で、CSS などもある。
JavaScript や Java を触ったことのある人に、親和性が高い。
Flex SDK (配布)、Flex Builder (Eclipse ベース) GUI ベースで開発可能。

- Silverlight とは?
RIA (Rich Interactive Application) を XAP ファイル (ZIP 形式) として生成する。
Expression Blend で UI を生成。開発言語が多い。Linux だと Moonlight で。
デザインは XAML で、言語は JavaScript (Silverlight1), C#, IronPython, IronRuby, VB.NET (Silverlight2) で、間口が広いが情報が少ない (;_;)
デモ「Non Cording Silverlight (Popfly で。Virtual Earth めいたことを)」

o sao さん
   「Silverlight2 で RIA 開発 (Deep Zoom)」


- Silverlight でできること
CLR, DLR.
「開発者の得意な言語で開発できる。」っていうけど、VS2008 では C# と VB.NET だけ。

RSS 読み込みのサンプル (RSS/Atom Feed Reader)
Java Script, HTML DOM などを呼び出せる。
Data Grid (Sounds Familiar) > ビジネスアプリに活用できる
DRM (Gyao は Silverlight1 で実装?)

- Deep Zoom をつかってみよう
Google Map や Live Search Maps のようなことを実現可能。
デモとして Virtual Earth の Silverlight Deep Zoom 版。

Deep Zoom Composer でデモ。
* 起動して、適当な画像を選んで読み込み、配置して編集 (ページデザイン?) 。
* 拡大、縮小もできるらしい。

Mipmap 手法を使って、表示するように見せかけ (実際にはロードしない) て、シームレスに動くように見せる。画像を分割縮小して、読み込み時間を短縮。

o hirossy さん 
    「Flex Builder でサンプル作り」

- MXML で画面を作る。
mx ネームスペースで、タグの階層構造で画面を作る。デザインモードで画面を確認。
GUI で作成 (コンポーネントの貼り付け、編集など) がタグ構造に反映される。
コンポーネントは用意されているが、自作もできる。
スタイル、Skin 設定で見た目を変更できる。
無論、手書き (コーディング) でも設定など可能。

動的にプロパティを変更できる。Flash とは作り方が違う。

o sato-shiさん 
  「fleverlight@大阪」
- ユーザインターフェースデザイン
AIR アプリケーションでデモ。内部は Flex で作成。
デザインを全部外すと、内部実装はそのまま Flex の基本デザインで稼動。
-> デザインと実装の分離が可能

- アーキテクチャデザイン
サーバ通信の設計を大事に。
デモ。本をめくるアプリケーション。


*** ライトニングトーク ***
o coma2n さん
     「Silverlight IDE - ブラウザから開発できる Web アプリケーション」

画面デザインと C# での実装をそれぞれコーディング可能。

ライトニングコーディングでデモ。
サーバサイドに開発ツールを用意することで、「いつでもどこでも」Silverlight の開発が可能。

o いさみんさん
    「初心者講座 ライブラリ紹介編 (Flex(ActionScrpt3) ?)」

サンプル : Tweener, 物理エンジン (引越し奉行 など), Audi のサイト

o 青柳さん
    「WPF (EXE) と Silverlight (マルチプラットフォーム) 」
* 実は Silverilght を dis ってる?

WPF は .NET Freamwork 3 と 3.5 でサポート

XAML + マネージドコード で生成。
コードの内容は、ほとんど Silverlight と同じ。

WPF にはあるけど Silverlight にはない、という機能はたくさんある。エンジンもぜんぜんちがう。ウィンドウの生成は Silverlight ではできない。

o gori さん
    「Adobe Air」

Air はデスクトップアプリで、Web アプリ技術を使え、ローカル資源にアクセス可能。

デモ。自分専用のブラウザ。

*** ライブコーディング ***
o nitoyon さん (Flex)、k_maru さん (Sliverlight)
    同じ機能を Silverlight と Flex で同時にコーディング (20 分)

素材 : 0 から 9 までのイラストを描いた画像。
お題 : 1 から 42 (参加者数) までの数字を乱数表示。(ランダム、アミダ、etc...)

全体的に、Flex は見た目優先。Sliverlight は遅れを取り戻すために、ロジック優先の流れ。
Flex 側が ThinkPad で、Silverlight 側が MacBook 使ってるのも面白い (^^;
Flex 側は、開始 6 分で大枠完成!残り時間で創意工夫しまくり。結局、2 種類のアプリを生成。
Silverlight 側は残り 2 分くらいでようやく機能実現。

- Flex は秀丸 (コードアシスタントつき) でコーディング (ヘルプからサンプルコピー)。ActionScript と tweener を使う。コンパイルは rascut というツールを使用。

ボタンクリックで 1 から 42 までの数をランダム表示するように仕込む。
数字がカウンタ回転表示されるように。回転がだんだん遅く表示される。
(random 関数使用?)

- Silverlight は VS2008 で作成。
ネットワークエラーになる。ソリューションの作り方がおかしい?
* 画像ファイルが、Web ブラウザから見える位置にない。
* 青柳さんからダメだしが。。。

*** 参加型イベント ***
Flex 作、Silverlight 作のツールでそれぞれビンゴして、参加者にプレゼント。
2 つとも、初参加の方にプレゼントがあたりました。


Silverlight SquareMEMBERSSilverlightを囲む会CONTACT