★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 管理者以外には非公開です。
収集された情報は、勉強会の運営と管理のみに使用致します。
上記公開基準およびに法令に基づき開示を要請された場合を除き
第三者に開示されることはありません。
貴殿が勉強会に参加申込みをされた場合、上記について同意を頂いたものと致します。
☆★☆ 参加者一覧 ☆★☆ (敬称略)
| 1 | sao |
| 2 | dragon |
| 3 | k_maru |
| 4 | 蜜葉 |
| 5 | KazumaO |
| 6 | きよくら ならみ |
| 7 | むたぐち |
| 8 | kimu |
| 9 | coma2n |
| 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 つとも、初参加の方にプレゼントがあたりました。
